@vkontakte/videoplayer-interactive 1.0.37-dev.9bced45b.0 → 1.0.37-dev.af36d24f.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es2015.cjs.js +111 -6
- package/es2015.esm.js +111 -6
- package/es2018.cjs.js +111 -6
- package/es2018.esm.js +111 -6
- package/es2024.cjs.js +111 -6
- package/es2024.esm.js +111 -6
- package/esnext.cjs.js +111 -6
- package/esnext.esm.js +111 -6
- package/evergreen.esm.js +111 -6
- package/package.json +4 -4
- package/types/modules/Interactives/Interactives.d.ts +0 -1
- package/types/modules/Interactives/Layout.d.ts +2 -4
- package/types/modules/Interactives/containers/ChoiceContainer.d.ts +4 -5
- package/types/modules/Interactives/containers/Container.d.ts +1 -3
- package/types/modules/Interactives/containers/types.d.ts +3 -1
- package/types/modules/Interactives/controls/AreaControl.d.ts +4 -2
- package/types/modules/Interactives/controls/ButtonControl.d.ts +9 -3
- package/types/modules/Interactives/controls/Control.d.ts +10 -5
- package/types/modules/Interactives/controls/TextControl.d.ts +2 -0
- package/types/modules/Interactives/controls/types.d.ts +4 -2
- package/types/modules/Interactives/controls/utils.d.ts +1 -0
- package/types/modules/Interactives/index.d.ts +74 -3
- package/types/modules/Interactives/types.d.ts +3 -0
- package/types/modules/Interactives/utils/ControlFillAnimation/ControlFillAnimation.d.ts +34 -0
- package/types/modules/Interactives/utils/ControlFillAnimation/index.d.ts +1 -0
- package/types/modules/Interactives/utils/ControlFillAnimation/utils.d.ts +12 -0
- package/types/modules/Interactives/utils/ControlTap/ControlTap.d.ts +17 -0
- package/types/modules/Interactives/utils/ControlTap/index.d.ts +1 -0
- package/types/modules/Interactives/utils/ControlTap/utils.d.ts +6 -0
- package/types/modules/Interactives/utils/ResizeManager.d.ts +0 -2
- package/types/modules/Interactives/utils/angleUtils.d.ts +25 -0
- package/types/utils/CssVarsManager.d.ts +0 -23
package/es2024.esm.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @vkontakte/videoplayer-interactive v1.0.37-dev.
|
|
3
|
-
* Tue, 03 Jun 2025
|
|
2
|
+
* @vkontakte/videoplayer-interactive v1.0.37-dev.af36d24f.0
|
|
3
|
+
* Tue, 03 Jun 2025 11:45:09 GMT
|
|
4
4
|
* https://st.mycdn.me/static/vkontakte-videoplayer/1-0-37/doc/
|
|
5
5
|
*/
|
|
6
|
-
var ka=Object.create;var Zr=Object.defineProperty;var Oa=Object.getOwnPropertyDescriptor;var Va=Object.getOwnPropertyNames;var Pa=Object.getPrototypeOf,Ma=Object.prototype.hasOwnProperty;var p=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var La=(r,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Va(e))!Ma.call(r,i)&&i!==t&&Zr(r,i,{get:()=>e[i],enumerable:!(n=Oa(e,i))||n.enumerable});return r};var D=(r,e,t)=>(t=r!=null?ka(Pa(r)):{},La(e||!r||!r.__esModule?Zr(t,"default",{value:r,enumerable:!0}):t,r));var W=p((Kt,un)=>{"use strict";var Ie=function(r){return r&&r.Math===Math&&r};un.exports=Ie(typeof globalThis=="object"&&globalThis)||Ie(typeof window=="object"&&window)||Ie(typeof self=="object"&&self)||Ie(typeof global=="object"&&global)||Ie(typeof Kt=="object"&&Kt)||function(){return this}()||Function("return this")()});var B=p((Pd,hn)=>{"use strict";hn.exports=function(r){try{return!!r()}catch{return!0}}});var xe=p((Md,dn)=>{"use strict";var Da=B();dn.exports=!Da(function(){var r=function(){}.bind();return typeof r!="function"||r.hasOwnProperty("prototype")})});var bn=p((Ld,yn)=>{"use strict";var Ha=xe(),vn=Function.prototype,mn=vn.apply,fn=vn.call;yn.exports=typeof Reflect=="object"&&Reflect.apply||(Ha?fn.bind(mn):function(){return fn.apply(mn,arguments)})});var H=p((Nd,En)=>{"use strict";var gn=xe(),Cn=Function.prototype,Qt=Cn.call,Ua=gn&&Cn.bind.bind(Qt,Qt);En.exports=gn?Ua:function(r){return function(){return Qt.apply(r,arguments)}}});var Te=p((jd,xn)=>{"use strict";var In=H(),Ga=In({}.toString),za=In("".slice);xn.exports=function(r){return za(Ga(r),8,-1)}});var Xt=p(($d,Tn)=>{"use strict";var Wa=Te(),Ka=H();Tn.exports=function(r){if(Wa(r)==="Function")return Ka(r)}});var q=p((_d,Sn)=>{"use strict";var Yt=typeof document=="object"&&document.all;Sn.exports=typeof Yt>"u"&&Yt!==void 0?function(r){return typeof r=="function"||r===Yt}:function(r){return typeof r=="function"}});var te=p((Fd,wn)=>{"use strict";var Qa=B();wn.exports=!Qa(function(){return Object.defineProperty({},1,{get:function(){return 7}})[1]!==7})});var ct=p((Bd,An)=>{"use strict";var Xa=xe(),lt=Function.prototype.call;An.exports=Xa?lt.bind(lt):function(){return lt.apply(lt,arguments)}});var Zt=p(On=>{"use strict";var Rn={}.propertyIsEnumerable,kn=Object.getOwnPropertyDescriptor,Ya=kn&&!Rn.call({1:2},1);On.f=Ya?function(e){var t=kn(this,e);return!!t&&t.enumerable}:Rn});var Jt=p((Dd,Vn)=>{"use strict";Vn.exports=function(r,e){return{enumerable:!(r&1),configurable:!(r&2),writable:!(r&4),value:e}}});var Mn=p((Hd,Pn)=>{"use strict";var Za=H(),Ja=B(),el=Te(),er=Object,tl=Za("".split);Pn.exports=Ja(function(){return!er("z").propertyIsEnumerable(0)})?function(r){return el(r)==="String"?tl(r,""):er(r)}:er});var tr=p((Ud,Ln)=>{"use strict";Ln.exports=function(r){return r==null}});var rr=p((Gd,Nn)=>{"use strict";var rl=tr(),nl=TypeError;Nn.exports=function(r){if(rl(r))throw new nl("Can't call method on "+r);return r}});var Se=p((zd,jn)=>{"use strict";var il=Mn(),ol=rr();jn.exports=function(r){return il(ol(r))}});var ae=p((Wd,$n)=>{"use strict";var sl=q();$n.exports=function(r){return typeof r=="object"?r!==null:sl(r)}});var we=p((Kd,_n)=>{"use strict";_n.exports={}});var pt=p((Qd,Bn)=>{"use strict";var nr=we(),ir=W(),al=q(),Fn=function(r){return al(r)?r:void 0};Bn.exports=function(r,e){return arguments.length<2?Fn(nr[r])||Fn(ir[r]):nr[r]&&nr[r][e]||ir[r]&&ir[r][e]}});var Dn=p((Xd,qn)=>{"use strict";var ll=H();qn.exports=ll({}.isPrototypeOf)});var zn=p((Yd,Gn)=>{"use strict";var cl=W(),Hn=cl.navigator,Un=Hn&&Hn.userAgent;Gn.exports=Un?String(Un):""});var Jn=p((Zd,Zn)=>{"use strict";var Yn=W(),or=zn(),Wn=Yn.process,Kn=Yn.Deno,Qn=Wn&&Wn.versions||Kn&&Kn.version,Xn=Qn&&Qn.v8,U,ut;Xn&&(U=Xn.split("."),ut=U[0]>0&&U[0]<4?1:+(U[0]+U[1]));!ut&&or&&(U=or.match(/Edge\/(\d+)/),(!U||U[1]>=74)&&(U=or.match(/Chrome\/(\d+)/),U&&(ut=+U[1])));Zn.exports=ut});var sr=p((Jd,ti)=>{"use strict";var ei=Jn(),pl=B(),ul=W(),hl=ul.String;ti.exports=!!Object.getOwnPropertySymbols&&!pl(function(){var r=Symbol("symbol detection");return!hl(r)||!(Object(r)instanceof Symbol)||!Symbol.sham&&ei&&ei<41})});var ar=p((em,ri)=>{"use strict";var dl=sr();ri.exports=dl&&!Symbol.sham&&typeof Symbol.iterator=="symbol"});var lr=p((tm,ni)=>{"use strict";var ml=pt(),fl=q(),vl=Dn(),yl=ar(),bl=Object;ni.exports=yl?function(r){return typeof r=="symbol"}:function(r){var e=ml("Symbol");return fl(e)&&vl(e.prototype,bl(r))}});var oi=p((rm,ii)=>{"use strict";var gl=String;ii.exports=function(r){try{return gl(r)}catch{return"Object"}}});var cr=p((nm,si)=>{"use strict";var Cl=q(),El=oi(),Il=TypeError;si.exports=function(r){if(Cl(r))return r;throw new Il(El(r)+" is not a function")}});var li=p((im,ai)=>{"use strict";var xl=cr(),Tl=tr();ai.exports=function(r,e){var t=r[e];return Tl(t)?void 0:xl(t)}});var pi=p((om,ci)=>{"use strict";var pr=ct(),ur=q(),hr=ae(),Sl=TypeError;ci.exports=function(r,e){var t,n;if(e==="string"&&ur(t=r.toString)&&!hr(n=pr(t,r))||ur(t=r.valueOf)&&!hr(n=pr(t,r))||e!=="string"&&ur(t=r.toString)&&!hr(n=pr(t,r)))return n;throw new Sl("Can't convert object to primitive value")}});var hi=p((sm,ui)=>{"use strict";ui.exports=!0});var fi=p((am,mi)=>{"use strict";var di=W(),wl=Object.defineProperty;mi.exports=function(r,e){try{wl(di,r,{value:e,configurable:!0,writable:!0})}catch{di[r]=e}return e}});var ht=p((lm,bi)=>{"use strict";var Al=hi(),Rl=W(),kl=fi(),vi="__core-js_shared__",yi=bi.exports=Rl[vi]||kl(vi,{});(yi.versions||(yi.versions=[])).push({version:"3.38.0",mode:Al?"pure":"global",copyright:"\xA9 2014-2024 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.38.0/LICENSE",source:"https://github.com/zloirock/core-js"})});var dr=p((cm,Ci)=>{"use strict";var gi=ht();Ci.exports=function(r,e){return gi[r]||(gi[r]=e||{})}});var Ae=p((pm,Ei)=>{"use strict";var Ol=rr(),Vl=Object;Ei.exports=function(r){return Vl(Ol(r))}});var le=p((um,Ii)=>{"use strict";var Pl=H(),Ml=Ae(),Ll=Pl({}.hasOwnProperty);Ii.exports=Object.hasOwn||function(e,t){return Ll(Ml(e),t)}});var mr=p((hm,xi)=>{"use strict";var Nl=H(),jl=0,$l=Math.random(),_l=Nl(1 .toString);xi.exports=function(r){return"Symbol("+(r===void 0?"":r)+")_"+_l(++jl+$l,36)}});var Re=p((dm,Si)=>{"use strict";var Fl=W(),Bl=dr(),Ti=le(),ql=mr(),Dl=sr(),Hl=ar(),ce=Fl.Symbol,fr=Bl("wks"),Ul=Hl?ce.for||ce:ce&&ce.withoutSetter||ql;Si.exports=function(r){return Ti(fr,r)||(fr[r]=Dl&&Ti(ce,r)?ce[r]:Ul("Symbol."+r)),fr[r]}});var ki=p((mm,Ri)=>{"use strict";var Gl=ct(),wi=ae(),Ai=lr(),zl=li(),Wl=pi(),Kl=Re(),Ql=TypeError,Xl=Kl("toPrimitive");Ri.exports=function(r,e){if(!wi(r)||Ai(r))return r;var t=zl(r,Xl),n;if(t){if(e===void 0&&(e="default"),n=Gl(t,r,e),!wi(n)||Ai(n))return n;throw new Ql("Can't convert object to primitive value")}return e===void 0&&(e="number"),Wl(r,e)}});var vr=p((fm,Oi)=>{"use strict";var Yl=ki(),Zl=lr();Oi.exports=function(r){var e=Yl(r,"string");return Zl(e)?e:e+""}});var Mi=p((vm,Pi)=>{"use strict";var Jl=W(),Vi=ae(),yr=Jl.document,ec=Vi(yr)&&Vi(yr.createElement);Pi.exports=function(r){return ec?yr.createElement(r):{}}});var br=p((ym,Li)=>{"use strict";var tc=te(),rc=B(),nc=Mi();Li.exports=!tc&&!rc(function(){return Object.defineProperty(nc("div"),"a",{get:function(){return 7}}).a!==7})});var $i=p(ji=>{"use strict";var ic=te(),oc=ct(),sc=Zt(),ac=Jt(),lc=Se(),cc=vr(),pc=le(),uc=br(),Ni=Object.getOwnPropertyDescriptor;ji.f=ic?Ni:function(e,t){if(e=lc(e),t=cc(t),uc)try{return Ni(e,t)}catch{}if(pc(e,t))return ac(!oc(sc.f,e,t),e[t])}});var Fi=p((gm,_i)=>{"use strict";var hc=B(),dc=q(),mc=/#|\.prototype\./,ke=function(r,e){var t=vc[fc(r)];return t===bc?!0:t===yc?!1:dc(e)?hc(e):!!e},fc=ke.normalize=function(r){return String(r).replace(mc,".").toLowerCase()},vc=ke.data={},yc=ke.NATIVE="N",bc=ke.POLYFILL="P";_i.exports=ke});var gr=p((Cm,qi)=>{"use strict";var Bi=Xt(),gc=cr(),Cc=xe(),Ec=Bi(Bi.bind);qi.exports=function(r,e){return gc(r),e===void 0?r:Cc?Ec(r,e):function(){return r.apply(e,arguments)}}});var Hi=p((Em,Di)=>{"use strict";var Ic=te(),xc=B();Di.exports=Ic&&xc(function(){return Object.defineProperty(function(){},"prototype",{value:42,writable:!1}).prototype!==42})});var Gi=p((Im,Ui)=>{"use strict";var Tc=ae(),Sc=String,wc=TypeError;Ui.exports=function(r){if(Tc(r))return r;throw new wc(Sc(r)+" is not an object")}});var Ki=p(Wi=>{"use strict";var Ac=te(),Rc=br(),kc=Hi(),dt=Gi(),zi=vr(),Oc=TypeError,Cr=Object.defineProperty,Vc=Object.getOwnPropertyDescriptor,Er="enumerable",Ir="configurable",xr="writable";Wi.f=Ac?kc?function(e,t,n){if(dt(e),t=zi(t),dt(n),typeof e=="function"&&t==="prototype"&&"value"in n&&xr in n&&!n[xr]){var i=Vc(e,t);i&&i[xr]&&(e[t]=n.value,n={configurable:Ir in n?n[Ir]:i[Ir],enumerable:Er in n?n[Er]:i[Er],writable:!1})}return Cr(e,t,n)}:Cr:function(e,t,n){if(dt(e),t=zi(t),dt(n),Rc)try{return Cr(e,t,n)}catch{}if("get"in n||"set"in n)throw new Oc("Accessors not supported");return"value"in n&&(e[t]=n.value),e}});var Xi=p((Tm,Qi)=>{"use strict";var Pc=te(),Mc=Ki(),Lc=Jt();Qi.exports=Pc?function(r,e,t){return Mc.f(r,e,Lc(1,t))}:function(r,e,t){return r[e]=t,r}});var he=p((Sm,Zi)=>{"use strict";var Oe=W(),Nc=bn(),jc=Xt(),$c=q(),_c=$i().f,Fc=Fi(),pe=we(),Bc=gr(),ue=Xi(),Yi=le();ht();var qc=function(r){var e=function(t,n,i){if(this instanceof e){switch(arguments.length){case 0:return new r;case 1:return new r(t);case 2:return new r(t,n)}return new r(t,n,i)}return Nc(r,this,arguments)};return e.prototype=r.prototype,e};Zi.exports=function(r,e){var t=r.target,n=r.global,i=r.stat,o=r.proto,a=n?Oe:i?Oe[t]:Oe[t]&&Oe[t].prototype,s=n?pe:pe[t]||ue(pe,t,{})[t],l=s.prototype,c,d,v,m,y,R,T,b,u;for(m in e)c=Fc(n?m:t+(i?".":"#")+m,r.forced),d=!c&&a&&Yi(a,m),R=s[m],d&&(r.dontCallGetSet?(u=_c(a,m),T=u&&u.value):T=a[m]),y=d&&T?T:e[m],!(!c&&!o&&typeof R==typeof y)&&(r.bind&&d?b=Bc(y,Oe):r.wrap&&d?b=qc(y):o&&$c(y)?b=jc(y):b=y,(r.sham||y&&y.sham||R&&R.sham)&&ue(b,"sham",!0),ue(s,m,b),o&&(v=t+"Prototype",Yi(pe,v)||ue(pe,v,{}),ue(pe[v],m,y),r.real&&l&&(c||!l[m])&&ue(l,m,y)))}});var eo=p((wm,Ji)=>{"use strict";var Dc=Math.ceil,Hc=Math.floor;Ji.exports=Math.trunc||function(e){var t=+e;return(t>0?Hc:Dc)(t)}});var Ve=p((Am,to)=>{"use strict";var Uc=eo();to.exports=function(r){var e=+r;return e!==e||e===0?0:Uc(e)}});var no=p((Rm,ro)=>{"use strict";var Gc=Ve(),zc=Math.min;ro.exports=function(r){var e=Gc(r);return e>0?zc(e,9007199254740991):0}});var Pe=p((km,io)=>{"use strict";var Wc=no();io.exports=function(r){return Wc(r.length)}});var mt=p((Om,oo)=>{"use strict";oo.exports=function(){}});var so=p(()=>{"use strict";var Kc=he(),Qc=Ae(),Xc=Pe(),Yc=Ve(),Zc=mt();Kc({target:"Array",proto:!0},{at:function(e){var t=Qc(this),n=Xc(t),i=Yc(e),o=i>=0?i:n+i;return o<0||o>=n?void 0:t[o]}});Zc("at")});var ft=p((Mm,ao)=>{"use strict";var Jc=pt();ao.exports=Jc});var co=p((Lm,lo)=>{"use strict";so();var ep=ft();lo.exports=ep("Array","at")});var uo=p((Nm,po)=>{"use strict";var tp=co();po.exports=tp});var Tr=p((jm,ho)=>{"use strict";var rp=uo();ho.exports=rp});var xo=p((ff,Io)=>{"use strict";var op=dr(),sp=mr(),Eo=op("keys");Io.exports=function(r){return Eo[r]||(Eo[r]=sp(r))}});var So=p((vf,To)=>{"use strict";var ap=B();To.exports=!ap(function(){function r(){}return r.prototype.constructor=null,Object.getPrototypeOf(new r)!==r.prototype})});var Ro=p((yf,Ao)=>{"use strict";var lp=le(),cp=q(),pp=Ae(),up=xo(),hp=So(),wo=up("IE_PROTO"),Sr=Object,dp=Sr.prototype;Ao.exports=hp?Sr.getPrototypeOf:function(r){var e=pp(r);if(lp(e,wo))return e[wo];var t=e.constructor;return cp(t)&&e instanceof t?t.prototype:e instanceof Sr?dp:null}});var Oo=p((bf,ko)=>{"use strict";var mp=Ve(),fp=Math.max,vp=Math.min;ko.exports=function(r,e){var t=mp(r);return t<0?fp(t+e,0):vp(t,e)}});var wr=p((gf,Po)=>{"use strict";var yp=Se(),bp=Oo(),gp=Pe(),Vo=function(r){return function(e,t,n){var i=yp(e),o=gp(i);if(o===0)return!r&&-1;var a=bp(n,o),s;if(r&&t!==t){for(;o>a;)if(s=i[a++],s!==s)return!0}else for(;o>a;a++)if((r||a in i)&&i[a]===t)return r||a||0;return!r&&-1}};Po.exports={includes:Vo(!0),indexOf:Vo(!1)}});var Lo=p((Cf,Mo)=>{"use strict";Mo.exports={}});var $o=p((Ef,jo)=>{"use strict";var Cp=H(),Ar=le(),Ep=Se(),Ip=wr().indexOf,xp=Lo(),No=Cp([].push);jo.exports=function(r,e){var t=Ep(r),n=0,i=[],o;for(o in t)!Ar(xp,o)&&Ar(t,o)&&No(i,o);for(;e.length>n;)Ar(t,o=e[n++])&&(~Ip(i,o)||No(i,o));return i}});var Fo=p((If,_o)=>{"use strict";_o.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]});var qo=p((xf,Bo)=>{"use strict";var Tp=$o(),Sp=Fo();Bo.exports=Object.keys||function(e){return Tp(e,Sp)}});var Rr=p((Tf,zo)=>{"use strict";var Ho=te(),wp=B(),Uo=H(),Ap=Ro(),Rp=qo(),kp=Se(),Op=Zt().f,Go=Uo(Op),Vp=Uo([].push),Pp=Ho&&wp(function(){var r=Object.create(null);return r[2]=2,!Go(r,2)}),Do=function(r){return function(e){for(var t=kp(e),n=Rp(t),i=Pp&&Ap(t)===null,o=n.length,a=0,s=[],l;o>a;)l=n[a++],(!Ho||(i?l in t:Go(t,l)))&&Vp(s,r?[l,t[l]]:t[l]);return s}};zo.exports={entries:Do(!0),values:Do(!1)}});var Wo=p(()=>{"use strict";var Mp=he(),Lp=Rr().entries;Mp({target:"Object",stat:!0},{entries:function(e){return Lp(e)}})});var Qo=p((Af,Ko)=>{"use strict";Wo();var Np=we();Ko.exports=Np.Object.entries});var Yo=p((Rf,Xo)=>{"use strict";var jp=Qo();Xo.exports=jp});var Jo=p((kf,Zo)=>{"use strict";var $p=Yo();Zo.exports=$p});var ns=p(()=>{"use strict";var Hp=he(),Up=wr().includes,Gp=B(),zp=mt(),Wp=Gp(function(){return!Array(1).includes()});Hp({target:"Array",proto:!0,forced:Wp},{includes:function(e){return Up(this,e,arguments.length>1?arguments[1]:void 0)}});zp("includes")});var os=p((Yf,is)=>{"use strict";ns();var Kp=ft();is.exports=Kp("Array","includes")});var as=p((Zf,ss)=>{"use strict";var Qp=os();ss.exports=Qp});var Fe=p((Jf,ls)=>{"use strict";var Xp=as();ls.exports=Xp});var ds=p(()=>{"use strict";var Jp=he(),eu=Rr().values;Jp({target:"Object",stat:!0},{values:function(e){return eu(e)}})});var fs=p((hv,ms)=>{"use strict";ds();var tu=we();ms.exports=tu.Object.values});var ys=p((dv,vs)=>{"use strict";var ru=fs();vs.exports=ru});var Ot=p((mv,bs)=>{"use strict";var nu=ys();bs.exports=nu});var qr=p((_v,Ss)=>{"use strict";var cu=Te();Ss.exports=Array.isArray||function(e){return cu(e)==="Array"}});var As=p((Fv,ws)=>{"use strict";var pu=TypeError,uu=9007199254740991;ws.exports=function(r){if(r>uu)throw pu("Maximum allowed index exceeded");return r}});var Os=p((Bv,ks)=>{"use strict";var hu=qr(),du=Pe(),mu=As(),fu=gr(),Rs=function(r,e,t,n,i,o,a,s){for(var l=i,c=0,d=a?fu(a,s):!1,v,m;c<n;)c in t&&(v=d?d(t[c],c,e):t[c],o>0&&hu(v)?(m=du(v),l=Rs(r,e,v,m,l,o-1)-1):(mu(l+1),r[l]=v),l++),c++;return l};ks.exports=Rs});var Ms=p((qv,Ps)=>{"use strict";var vu=Re(),yu=vu("toStringTag"),Vs={};Vs[yu]="z";Ps.exports=String(Vs)==="[object z]"});var Ns=p((Dv,Ls)=>{"use strict";var bu=Ms(),gu=q(),Pt=Te(),Cu=Re(),Eu=Cu("toStringTag"),Iu=Object,xu=Pt(function(){return arguments}())==="Arguments",Tu=function(r,e){try{return r[e]}catch{}};Ls.exports=bu?Pt:function(r){var e,t,n;return r===void 0?"Undefined":r===null?"Null":typeof(t=Tu(e=Iu(r),Eu))=="string"?t:xu?Pt(e):(n=Pt(e))==="Object"&&gu(e.callee)?"Arguments":n}});var $s=p((Hv,js)=>{"use strict";var Su=H(),wu=q(),Dr=ht(),Au=Su(Function.toString);wu(Dr.inspectSource)||(Dr.inspectSource=function(r){return Au(r)});js.exports=Dr.inspectSource});var Hs=p((Uv,Ds)=>{"use strict";var Ru=H(),ku=B(),_s=q(),Ou=Ns(),Vu=pt(),Pu=$s(),Fs=function(){},Bs=Vu("Reflect","construct"),Hr=/^\s*(?:class|function)\b/,Mu=Ru(Hr.exec),Lu=!Hr.test(Fs),He=function(e){if(!_s(e))return!1;try{return Bs(Fs,[],e),!0}catch{return!1}},qs=function(e){if(!_s(e))return!1;switch(Ou(e)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return Lu||!!Mu(Hr,Pu(e))}catch{return!0}};qs.sham=!0;Ds.exports=!Bs||ku(function(){var r;return He(He.call)||!He(Object)||!He(function(){r=!0})||r})?qs:He});var Ws=p((Gv,zs)=>{"use strict";var Us=qr(),Nu=Hs(),ju=ae(),$u=Re(),_u=$u("species"),Gs=Array;zs.exports=function(r){var e;return Us(r)&&(e=r.constructor,Nu(e)&&(e===Gs||Us(e.prototype))?e=void 0:ju(e)&&(e=e[_u],e===null&&(e=void 0))),e===void 0?Gs:e}});var Qs=p((zv,Ks)=>{"use strict";var Fu=Ws();Ks.exports=function(r,e){return new(Fu(r))(e===0?0:e)}});var Xs=p(()=>{"use strict";var Bu=he(),qu=Os(),Du=Ae(),Hu=Pe(),Uu=Ve(),Gu=Qs();Bu({target:"Array",proto:!0},{flat:function(){var e=arguments.length?arguments[0]:void 0,t=Du(this),n=Hu(t),i=Gu(t,0);return i.length=qu(i,t,t,n,0,e===void 0?1:Uu(e)),i}})});var Ys=p(()=>{"use strict";var zu=mt();zu("flat")});var Js=p((Yv,Zs)=>{"use strict";Xs();Ys();var Wu=ft();Zs.exports=Wu("Array","flat")});var ta=p((Zv,ea)=>{"use strict";var Ku=Js();ea.exports=Ku});var na=p((Jv,ra)=>{"use strict";var Qu=ta();ra.exports=Qu});var Jr="1.0.37-dev.9bced45b.0";import{Subject as Ba,Subscription as qa}from"@vkontakte/videoplayer-shared/es2024";var _t=class{constructor(e,t){this.layout=e;this.cssVarsManager=t}},Ke=class extends _t{constructor(e,t){super(e,t),this.cssVarsManager=t,console.log("cssVarsManager",t,this.cssVarsManager)}setContainerLayout(e){e.style.position="relative"}setControlLayout(e,t){console.log("@@@THIS",this,this.cssVarsManager);let n=this.cssVarsManager.getPropValue("--interactive-content-width"),i=this.cssVarsManager.getPropValue("--interactive-content-height"),o=this.cssVarsManager.getPropValue("--interactive-width"),a=this.cssVarsManager.getPropValue("--interactive-height");e.style.position="absolute",e.style.width=`calc(${n} * ${t.width})`,e.style.height=`calc(${i} * ${t.height})`,e.style.left=`calc(${n} * ${t.x} + ((${o} - ${n}) / 2))`,e.style.top=`calc(${i} * ${t.y} + ((${a} - ${i}) / 2))`}};function en(r){return"features"in r}var oe=class{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&&en(this.options)&&this.options.features[e]}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(),i=this.factories.get(n);if(i){let o=i(t,this.options);if(o)return[...e,o]}return[...e]},[])||[]}};import{fromEvent as rt,once as _a}from"@vkontakte/videoplayer-shared/es2024";function ye(r,e=1){let t="0",n="0",i="0";return r.length===4?(t="0x"+r[1]+r[1],n="0x"+r[2]+r[2],i="0x"+r[3]+r[3]):r.length===7&&(t="0x"+r[1]+r[2],n="0x"+r[3]+r[4],i="0x"+r[5]+r[6]),`rgba(${+t},${+n},${+i},${e})`}var tn="interactive",V={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},rn=(n=>(n.top="flex-start",n.bottom="flex-end",n.center="center",n))(rn||{}),nn=(n=>(n.start="flex-start",n.end="flex-end",n.center="center",n))(nn||{}),on=(n=>(n.start="left",n.end="right",n.center="center",n))(on||{}),Qe=({target:r,props:e})=>{r.style.alignItems=(e?.gravityVertical&&rn[e.gravityVertical])??"center",r.style.justifyContent=(e?.gravityHorizontal&&nn[e.gravityHorizontal])??"center",r.style.textAlign=(e?.alignment&&on[e.alignment])??"center"},Xe=({target:r,props:e,fallback:t,dependsOn:n})=>{r.style.color=e?.text?.color??t.textColor,r.style.fontSize=`calc(${n.height} * ${e?.text?.size??t.textSize})`,r.textContent=e?.text?.value??t.textContent},Ye=({target:r,props:e,fallback:t})=>{r.style.backgroundColor=ye(e?.background?.color??t.backgroundColor,e?.background?.alpha??t.backgroundAlpha)},be=({target:r,props:e,fallback:t,dependsOn:n,useRawValues:i=!1})=>{let o=i?t.borderWidthRawValue:`calc(${n.height} * ${e?.shape?.border?.width??t.borderWidth})`,a=i?t.roundCornersRawValue:`calc(${n.height} * ${e?.shape?.roundCorners??t.roundCorners})`;r.style.borderWidth=o,r.style.borderStyle="solid",r.style.borderColor=ye(i?t.borderColor:e?.shape?.border?.color??t.borderColor,i?t.borderAlpha:e?.shape?.border?.alpha??t.borderAlpha),r.style.borderRadius=a},sn=({target:r,isDark:e,baseDimension:t,fallback:n})=>{let a=ye(n.shadowColorLight,n.shadowColorAlpha),s=ye(n.shadowColorDark,n.shadowColorAlpha),l=`calc(${t} * ${.25})`,c=`calc(${t} * ${.11})`,d=`0px 0px ${l} ${c} ${e?s:a}`;r.style.boxShadow=d},se=({target:r,layoutParams:e,fallback:t})=>{let n=e.angle??t.angle;n=n&&n*-1,r.style.transform=`rotate(${n}rad)`};import{fromEvent as Na,Subject as ja,Subscription as $a}from"@vkontakte/videoplayer-shared/es2024";var Ft="int",J=(n=>(n.AREA=`${Ft}_area`,n.TEXT=`${Ft}_text`,n.BUTTON=`${Ft}_bttn`,n))(J||{});function an(r){return"features"in r}var z="interactive-control",A={common:z,selected:`${z}-selected`,wrapper:`${z}-wrapper`,disabled:`${z}-disabled`,button:`${z}-button`,area:`${z}-area`,text:`${z}-text`,blinkAnim:`${z}-blink-anim`,blinkAnimButton:`${z}-blink-anim-button`,blinkAnimArea:`${z}-blink-anim-area`};var k=class{constructor(e,t,...n){this.severity=e;this.category=t;this.data=n}toString(){return`Interactive SDK error ${JSON.stringify(this,null," ")}`}};var Q=class{constructor(e,t){this.control=e;this.options=t;this.container=null;this.controlElement=null;this.subscriptions=new $a;this.error$=new ja;this.cssVarsManager=null}setCssVarsManager(e){this.cssVarsManager=e}createContainerElement(e){let t=document.createElement("div");t.classList.add(A.wrapper),e.setControlLayout(t,this.control.layoutParams);let n=(this.control.layoutParams.innerSizesDependOn??V.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};this.container={element:t,dimensions:n}}createClickListener(e){return t=>{t.stopPropagation(),e()}}featureIsEnabled(e){return this.options&&an(this.options)&&this.options.features[e]}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(Na(this.container.element,"click").subscribe(this.createClickListener(()=>e({action:t.action,controlId:this.control.id,controlType:this.control.type})),i=>{let o=new k(1,1,{message:"Error happened on control interaction",error:i});this.error$.next(o)}));break}default:break}})}removeListeners(){this.subscriptions.unsubscribe()}};var X=(r,e)=>Object.prototype.toString.call(r)===`[object ${e}]`,Y=r=>X(r,"Object"),Ze=r=>X(r,"String"),Je=r=>X(r,"Array"),et=r=>X(r,"Number"),ln=r=>X(r,"Function"),cn=r=>X(r,"Boolean"),Bt=r=>et(r)&&!isNaN(r);var ee=r=>Y(r)&&Object.keys(r).length===0,qt=r=>Je(r)&&!r.length;var Ee=(r,e)=>Ze(r)&&(e?r.trim():r).length;var Dt="interactive-blink-anim-reference",L={common:Dt,animation:`${Dt}-animation`,disabled:`${Dt}-disabled`},tt=class{constructor(){this._RAFId=0;this._element=void 0}get element(){return this._element}create(){if(this._element)return;let e=document.createElement("div");e.classList.add(L.common,L.animation),this._element=e}restart(){this._element&&(this._element.classList.add(L.disabled),this.cleanupRAF(),this._RAFId=requestAnimationFrame(()=>{this._element&&(this._element.classList.remove(L.disabled),this.cleanupRAF())}))}cleanupRAF(){this._RAFId&&(cancelAnimationFrame(this._RAFId),this._RAFId=0)}destroy(){this.cleanupRAF(),this._element=void 0}};var Ht="interactive-container",N={common:Ht,hidden:`${Ht}-hidden`,disabled:`${Ht}-disabled`};var nt=(r,e)=>{if(r.type.trim().toLowerCase()==="area")return new Ut(r,e)},Ut=class extends Q{constructor(e,t){super(e,t)}createView({parentElement:e,callbacks:t}){if(super.createContainerElement(t),!this.container)return;let n=document.createElement("button");n.type="button",n.classList.add(A.common,A.area),n.setAttribute("data-testid",J.AREA),Ye({target:n,props:this.control.props,fallback:{...V,backgroundColor:"transparent"}}),se({target:n,layoutParams:this.control.layoutParams,fallback:V}),this.container.element.append(n),e.append(this.container.element),this.controlElement=n,this.updateShadowStyles(),this.registerEvents()}registerEvents(){if(!this.featureIsEnabled("controlsExpectTimeBlinkAnimation"))return;let e=this.container?.element.parentElement;!e||!this.controlElement||(this.subscriptions.add(rt(this.controlElement,"mouseleave").subscribe(()=>{if(e.classList.contains(N.disabled))return;let t=e.parentElement;if(t){let n=t.querySelector(`.${L.common}`);n&&this.syncBlinkAnimation(n)}},t=>this.onError("Error happened in mouseleave callback",t))),this.subscriptions.add(rt(this.controlElement,"mouseenter").subscribe(()=>{e.classList.contains(N.disabled)||this.onBlinkHovering()},t=>this.onError("Error happened in mouseenter callback",t))).add(rt(this.controlElement,"mouseleave").subscribe(()=>{this.controlElement&&(this.controlElement.style.animation="")},t=>this.onError("Error happened in mouseleave callback",t))))}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(cn(e)){let t=Math.min(this.controlElement.offsetWidth,this.controlElement.offsetHeight)+"px";sn({target:this.controlElement,props:this.control.props,fallback:V,isDark:e,baseDimension:t}),be({target:this.controlElement,props:this.control.props,fallback:{...V,borderColor:e?V.shadowColorDark:V.shadowColorLight,borderAlpha:1,borderWidthRawValue:"0.1px",roundCornersRawValue:`calc(${this.container.dimensions.height} * ${this.control.props?.shape?.roundCorners??V.roundCorners})`},dependsOn:this.container.dimensions,useRawValues:!0})}else be({target:this.controlElement,props:this.control.props,fallback:{...V,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(L.disabled)||(this.controlElement.classList.add(L.disabled),this.subscriptions.add(rt(e,"animationiteration").pipe(_a()).subscribe(()=>{this.controlElement&&this.controlElement.classList.remove(L.disabled)},t=>this.onError("Error happened in animationiteration callback",t)))))}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)})}onError(e="",t){let n=new k(1,1,{message:e,error:t,details:{id:this.control.id}});this.error$.next(n)}onProgress(){}onResize(){}};import{fromEvent as ot,once as Fa}from"@vkontakte/videoplayer-shared/es2024";var it=r=>{let e=document.createElement("span");switch(r){case"Button":case"button":{let t=document.createElement("div"),n={overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center"};Object.assign(t.style,n),t.append(e);let i={display:"inline-block",whiteSpace:"pre",textOverflow:"ellipsis",maxWidth:"initial",maxHeight:"100%",wordBreak:"normal"};return Object.assign(e.style,i),t}default:{let t={display:"inline-block",whiteSpace:"break-spaces",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%",maxHeight:"100%",wordBreak:"break-all"};return Object.assign(e.style,t),e}}};var st=(r,e)=>{if(r.type.trim().toLowerCase()==="button")return new Gt(r,e)},Gt=class extends Q{constructor(e,t){super(e,t)}createView({parentElement:e,callbacks:t}){if(super.createContainerElement(t),!this.container)return;let n=document.createElement("button");n.type="button",n.classList.add(A.common,A.button),n.setAttribute("data-testid",J.BUTTON),se({target:n,layoutParams:this.control.layoutParams,fallback:V}),Ye({target:n,props:this.control.props,fallback:V}),be({target:n,props:this.control.props,fallback:V,dependsOn:this.container.dimensions}),Qe({target:n,props:{...this.control.props.text,alignment:this.control.layoutParams.alignment}});let i=it(this.control.type.trim().toLowerCase()),o=i.firstElementChild??i;Xe({target:o,props:this.control.props,fallback:V,dependsOn:this.container.dimensions}),n.append(i),this.container.element.append(n),e.append(this.container.element),this.controlElement=n,this.registerEvents()}registerEvents(){if(!this.featureIsEnabled("controlsExpectTimeBlinkAnimation"))return;let e=this.container?.element.parentElement;!e||!this.controlElement||(this.subscriptions.add(ot(this.controlElement,"mouseleave").subscribe(()=>{if(e.classList.contains(N.disabled))return;let t=e.parentElement;if(t){let n=t.querySelector(`.${L.common}`);n&&this.syncBlinkAnimation(n)}},t=>this.onError("Error happened in mouseleave callback",t))),this.subscriptions.add(ot(this.controlElement,"mouseenter").subscribe(()=>{e.classList.contains(N.disabled)||this.onBlinkHovering()},t=>this.onError("Error happened in mouseenter callback",t))).add(ot(this.controlElement,"mouseleave").subscribe(()=>{this.controlElement&&(this.controlElement.style.animation="")},t=>this.onError("Error happened in mouseleave callback",t))))}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(L.disabled)||(this.controlElement.classList.add(L.disabled),this.subscriptions.add(ot(e,"animationiteration").pipe(Fa()).subscribe(()=>{this.controlElement&&this.controlElement.classList.remove(L.disabled)},t=>this.onError("Error happened in animationiteration callback",t)))))}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)})}onError(e="",t){let n=new k(1,1,{message:e,error:t,details:{id:this.control.id}});this.error$.next(n)}onProgress(){}onResize(){}updateShadowStyles(){}};var pn=(r,e)=>{if(r.type.trim().toLowerCase()==="text")return new zt(r,e)},zt=class extends Q{constructor(e,t){super(e,t)}createView({parentElement:e,callbacks:t}){if(super.createContainerElement(t),!this.container)return;let n=document.createElement("div");n.classList.add(A.common,A.text),n.setAttribute("data-testid",J.TEXT),se({target:n,layoutParams:this.control.layoutParams,fallback:V}),Qe({target:n,props:{...this.control.props.text,alignment:this.control.layoutParams.alignment}});let i=it(this.control.type.trim().toLowerCase()),o=i.firstElementChild??i;Xe({target:o,props:this.control.props,fallback:V,dependsOn:this.container.dimensions}),n.append(i),this.container.element.append(n),e.append(this.container.element),this.controlElement=n}getElement(){return this.controlElement}disable(){}enable(){}onProgress(){}onResize(){}updateShadowStyles(){}toggleBlinkAnimation(){}onError(){}};var at=(r,e,t,n)=>{if(r.type.trim().toLowerCase()==="choice")return new Wt(r,e,t,n)},Wt=class extends oe{constructor(t,n,i,o){super(t,i,o);this.containerElement=null;this.controlSubscriptions=new qa;this.error$=new Ba;this.rootElement=n,this.layout=new Ke(this.container.layout,i),this.cssVarsManager=i,this.isRemoved=!1,this.isDisabled=!1,this.addControlFactory("button",st),this.addControlFactory("text",pn),this.addControlFactory("area",nt)}createView({eventCallback:t}){let n=document.createElement("div");return n.classList.add(N.common,N.disabled),requestAnimationFrame(()=>{n.classList.remove(N.disabled)}),this.layout.setContainerLayout(n),this.controls.forEach(i=>{i.setCssVarsManager(this.cssVarsManager),i.createView({parentElement:n,callbacks:{setControlLayout:(o,a)=>this.layout.setControlLayout(o,a)}}),i.setEvents(t),this.controlSubscriptions.add(i.error$.subscribe(this.error$))}),this.rootElement.append(n),this.isRemoved=!1,this.containerElement=n,n}hide(){let t=this.getElement();t&&t.classList.add(N.hidden)}show(){let t=this.getElement();t&&t.classList.remove(N.hidden)}enable(){let t=this.getElement();t&&(t.classList.remove(N.disabled),this.controls.forEach(n=>n.enable()),this.isDisabled=!1)}disable(){let t=this.getElement();t&&(t.classList.add(N.disabled),this.controls.forEach(n=>n.disable()),this.isDisabled=!0)}removeView(){let t=this.getElement();t&&(this.controlSubscriptions.unsubscribe(),this.controls.forEach(n=>n.removeListeners()),t.remove(),this.isRemoved=!0,this.containerElement=null)}fakeRemove(){this.isRemoved||(this.isRemoved=!0)}getElement(){return this.containerElement}onProgress(t,n){n&&this.controls.forEach(i=>{i.onProgress(t)})}onResize(t){t&&this.controls.forEach(n=>{n.onResize()})}updateControlsShadowStyles(t){this.controls.forEach(n=>n.updateShadowStyles(t))}toggleBlinkAnimation(t){this.controls.forEach(n=>n.toggleBlinkAnimation(t))}};var Aa=D(Tr(),1);import{combine as ah,InterfaceLanguage as lh,Observable as Ta,once as ch,Subject as j,Subscription as Qr,ValueSubject as F,fromEvent as Sa}from"@vkontakte/videoplayer-shared/es2024";import{InteractiveInterfaceClick as ze}from"@vkontakte/videoplayer-statistics/es2024";import{loadVKLangPack as np}from"@vkontakte/videoplayer-shared/es2024";function Me(r,e){let t;return(...n)=>{clearTimeout(t),t=setTimeout(()=>r(...n),e)}}var mo="video_interactive",fo="videoint";var vo=250,Le=class{constructor(e){this.handleZoomChange=Me(e=>{this.lastZoomInfo=e},vo);this.onResize=e=>{if(!this.isReady||this.isHidden||!e[0].contentRect.width||!e[0].contentRect.height)return;let t=this.getNextPoint();t&&this.ngEditor?.zoomTo(t,void 0,{isFromCenter:!0}),this.ngEditorSize={width:e[0].contentRect.width,height:e[0].contentRect.height}};this.handleChapterChange=e=>{if(this.manifest){if(this.isHidden||this.hide(),!e?.id){this.onError?.("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}};this.handleManifestChange=(e,t=[])=>{if(this.isReady=!1,!et(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.update(e),this.currentManifestId=this.manifest.metadata.id):this.ngEditor.setVisitedChapters(Array.from(t)),this.isReady=!0)};this.init(e)}init({root:e,onOpenPreviewClick:t,onError:n,lang:i,visitedChapters:o=[]}){this.isReady=!1,this.isHidden=!0,this.manifest=null,this.visitedChapterIds=new Set(o),this.onOpenPreviewClick=t,this.onError=n,this.lang=i??"ru",this.zoom=.7,this.lastZoomInfo=null,this.currentManifestId=null,this.currentChapterId=null,this.ngEditor=null,this.ngEditorSize=null,this.graphWrapperElement=ip(e),this.resizeObserver=new ResizeObserver(Me(this.onResize,vo)),this.resizeObserver.observe(this.graphWrapperElement)}getNextPoint(e=this.ngEditorSize){return!this.lastZoomInfo||!e?null:[(this.lastZoomInfo.x-e.width/2)/this.lastZoomInfo.value*-1,(this.lastZoomInfo.y-e.height/2)/this.lastZoomInfo.value*-1]}setVisitedChapters(e){this.visitedChapterIds=new Set([...this.visitedChapterIds,...e]),this.ngEditor?.setVisitedChapters(Array.from(this.visitedChapterIds))}updateVideosInfo(e){this.ngEditor?.updateVideosInfo(e)}async show(){this.manifest&&(this.ngEditor||await this.initNgEditor(),this.graphWrapperElement.style.display="block",!this.lastZoomInfo&&this.currentChapterId&&this.ngEditor?.focusChapter(this.currentChapterId),this.isHidden=!1)}async initNgEditor(){if(!this.manifest)return;let e;try{e=await np(this.lang,mo,fo)}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:n,...i})=>{n==="openPreview"&&"chapterId"in i&&this.onOpenPreviewClick?.(i.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 ip(r){let e=document.createElement("div");return e.style.position="absolute",e.style.top="0",e.style.left="0",e.style.height="100%",e.style.width="100%",e.style.display="none",r.append(e),e}var Ne=class{constructor(){this._containers=[];this._player=null;this.setPlayer=e=>{this._player=e};this.setContainers=e=>{this._containers=e};this.deleteContainer=e=>{this._containers=this._containers.filter(t=>t.id!==e)};this.getNextInteractiveTime=(e=3e3)=>{if(!this._containers.length||this._player===null)return null;let t=-1,n=!1,i=Math.round(this._player.info.position$.getValue()*1e3);for(let o of this._containers){let a=o.startTime-e;if(a<=i&&(o.endTime&&i<=o.endTime||o.endTime===null)){n=!0;break}i<a&&(t=t===-1?a:Math.min(t,a))}return!n&&t!==-1?t:null}}};import{isSupportedManifest as yt,ContainerTypes as lf,ControlTypes as bt,EventActionTypes as S,EventTypes as cf,migrateManifestToLatestVersion as Co,compareVersions as pf}from"@interactiveplatform/movika-manifest";var yo={metadata:"Object",chapters:"Array"},bo=r=>{if(!Y(r))return!1;for(let e in yo)if(!r[e]||!X(r[e],yo[e]))return!1;return yt(r.metadata.version)},vt=r=>r.type===bt.Text,Jm=r=>r.type===bt.Button,ef=r=>r.type===bt.Area,tf={Choice:"Choice",TextInput:"TextInput"},rf={Button:"Button",Area:"Area",Text:"Text"},nf={onClick:"onClick",onSuspense:"onSuspense"},go={openURI:"openURI",setNextBranch:"setNextBranch",setWeightlessRandomBranch:"setWeightlessRandomBranch",setRandomBranch:"setRandomBranch",setMaxWeightBranch:"setMaxWeightBranch",setMinWeightBranch:"setMinWeightBranch",setDefaultBranch:"setDefaultBranch",continuePlayback:"continuePlayback",expect:"expect"};var gt=class{constructor(){this.listeners={}}addListener(e,t){return this.listeners[e]=this.listeners[e]||[],this.listeners[e].push(t),this}on(e,t){return this.addListener(e,t)}once(e,t){this.listeners[e]=this.listeners[e]||[];let 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 i=n.length;i>0;i--)if(n[i]===t){n.splice(i,1);break}return this}emit(e,...t){let n=this.listeners[e];return n?(n.forEach(i=>{i(...t)}),!0):!1}listenerCount(e){return this.rawListeners(e).length}rawListeners(e){return this.listeners[e]||[]}};var Ct=class{constructor(e){this.fns=[];this.addFn=(e,t=!1)=>{ln(e)&&(this.fns.push(e),t&&this.updateFn())};this.removeFn=(e,t=!1)=>{this.fns=this.fns.filter(n=>n!==e),t&&this.updateFn()};this.updateFn=()=>{this.fn=()=>{this.fns.forEach(e=>e()),this.raf&&this.forceRequestAnimation()}};this.forceRequestAnimation=()=>{this.fn&&(this.raf=requestAnimationFrame(this.fn))};this.requestAnimation=()=>{this.raf||this.forceRequestAnimation()};this.cancelAnimation=()=>{this.raf&&(cancelAnimationFrame(this.raf),this.raf=void 0)};e&&(this.fn=e,this.addFn(e))}release(){this.cancelAnimation(),this.fn=void 0,this.fns=[]}};var es=D(Jo(),1),Et=class r{constructor(e){this.rootElement=e;this.rootElementProps={};this.isCssVarsSupported=r.checkCssVarsSupport(e)}static checkCssVarsSupport(e){let t="--test-key",n="test";e.style.setProperty(t,n);let i=e.style.getPropertyValue(t)===n;return i&&e.style.removeProperty(t),i}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(0,es.default)(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)}};import{ValueSubject as Zp}from"@vkontakte/videoplayer-shared/es2024";var It=class{constructor(e){this.loaders={chapterLoaders:e?.chapterLoaders??[],manifestLoaders:e?.manifestLoaders??[]}}async exec(e,t){return _p(...this.loaders[e])(t)}};function _p(...r){return async function(t){let n=[...r];for(;n.length>0;)t=await n.shift()(t);return t}}function je(r,e,t){return r?{...r,[e]:r[e]?[t,...r[e]]:[t]}:{[e]:[t]}}function xt({actions:r,errors:e,chapterId:t,...n}){if(t){let i=r.getManifest();if(i){let o=r.getChapter(i.chapters,t);if(o){let a=r.getMedia(i.media,o.videoId),s=r.getGraph(i.graph,o.id);return a?{...n,actions:r,errors:e,result:{chapter:o,media:a,graph:s}}:{...n,errors:je(e,xt.name,"Could not find media"),actions:r}}}}return{...n,errors:je(e,xt.name,"Could not find chapter"),actions:r}}var Tt=class{constructor(){Object.defineProperty(this,"listeners",{value:{},writable:!0,configurable:!0})}addEventListener(e,t,n){e in this.listeners||(this.listeners[e]=[]),this.listeners[e].push({callback:t,options:n})}removeEventListener(e,t){if(!(e in this.listeners))return;let n=this.listeners[e];for(let i=0,o=n.length;i<o;i++)if(n[i].callback===t){n.splice(i,1);return}}dispatchEvent(e){if(!(e.type in this.listeners))return;let n=this.listeners[e.type].slice();for(let i=0,o=n.length;i<o;i++){let a=n[i];try{a.callback.call(this,e)}catch(s){Promise.resolve().then(()=>{throw s})}a.options&&a.options.once&&this.removeEventListener(e.type,a.callback)}return!e.defaultPrevented}},de=class extends Tt{constructor(){super(),this.listeners||Tt.call(this),Object.defineProperty(this,"aborted",{value:!1,writable:!0,configurable:!0}),Object.defineProperty(this,"onabort",{value:null,writable:!0,configurable:!0}),Object.defineProperty(this,"reason",{value:void 0,writable:!0,configurable:!0})}toString(){return"[object AbortSignal]"}dispatchEvent(e){e.type==="abort"&&(this.aborted=!0,typeof this.onabort=="function"&&this.onabort.call(this,e)),super.dispatchEvent(e)}},$e=class{constructor(){Object.defineProperty(this,"signal",{value:new de,writable:!0,configurable:!0})}abort(e){let t;try{t=new Event("abort")}catch{typeof document<"u"?document.createEvent?(t=document.createEvent("Event"),t.initEvent("abort",!1,!1)):(t=document.createEventObject(),t.type="abort"):t={type:"abort",bubbles:!1,cancelable:!1}}let n=e;if(n===void 0)if(typeof document>"u")n=new Error("This operation was aborted"),n.name="AbortError";else try{n=new DOMException("signal is aborted without reason")}catch{n=new Error("This operation was aborted"),n.name="AbortError"}this.signal.reason=n,this.signal.dispatchEvent(t)}toString(){return"[object AbortController]"}};typeof Symbol<"u"&&Symbol.toStringTag&&($e.prototype[Symbol.toStringTag]="AbortController",de.prototype[Symbol.toStringTag]="AbortSignal");function St(r){return r.__FORCE_INSTALL_ABORTCONTROLLER_POLYFILL?(console.log("__FORCE_INSTALL_ABORTCONTROLLER_POLYFILL=true is set, will force install polyfill"),!0):typeof r.Request=="function"&&!r.Request.prototype.hasOwnProperty("signal")||!r.AbortController}function kr(r){typeof r=="function"&&(r={fetch:r});let{fetch:e,Request:t=e.Request,AbortController:n,__FORCE_INSTALL_ABORTCONTROLLER_POLYFILL:i=!1}=r;if(!St({fetch:e,Request:t,AbortController:n,__FORCE_INSTALL_ABORTCONTROLLER_POLYFILL:i}))return{fetch:e,Request:o};let o=t;(o&&!o.prototype.hasOwnProperty("signal")||i)&&(o=function(c,d){let v;d&&d.signal&&(v=d.signal,delete d.signal);let m=new t(c,d);return v&&Object.defineProperty(m,"signal",{writable:!1,enumerable:!1,configurable:!0,value:v}),m},o.prototype=t.prototype);let a=e;return{fetch:(l,c)=>{let d=o&&o.prototype.isPrototypeOf(l)?l.signal:c?c.signal:void 0;if(d){let v;try{v=new DOMException("Aborted","AbortError")}catch{v=new Error("Aborted"),v.name="AbortError"}if(d.aborted)return Promise.reject(v);let m=new Promise((y,R)=>{d.addEventListener("abort",()=>R(v),{once:!0})});return c&&c.signal&&delete c.signal,Promise.race([m,a(l,c)])}return a(l,c)},Request:o}}var _e=St({fetch:window.fetch,Request:window.Request,AbortController:window.AbortController}),ts=_e?kr({fetch:window.fetch,Request:window.Request,AbortController:window.AbortController}):void 0,Or=_e?ts.fetch:window.fetch,Ff=_e?ts.Request:window.Request,Bf=_e?$e:window.AbortController,qf=_e?de:window.AbortSignal;var Vr=(r="",e="")=>{let t=r.split("."),n=e.split("."),i=0;for(let o=0;o<Math.max(t.length,n.length)&&!i;o++)t[o]>n[o]?i=1:t[o]<n[o]?i=-1:i=0;return i};var Fp=async r=>{try{let e={},t;if(Ze(r)){t=new URL(r).href;let i=await Or(t);if(!i.ok)return{};e=await i.json()}else if(Y(r))e=r;else return{};if(!bo(e))return{};let n=e.metadata.media;if(Ze(n)&&!("media"in e))try{let i;t?i=new URL(n,t).href:(i=new URL(n).href,t=i);let o=await Or(i);if(!o.ok)throw new Error;e.metadata.media=await o.json()}catch{return Dp(e.metadata.version)?{manifest:e}:{}}return{manifest:e,manifestURL:t}}catch{return{}}};async function rs(r){let{manifest:e,manifestURL:t}=await Fp(r);if(!e)throw new Error("Failed on fetch");let n=Co(e);return n.media=Bp(n.media,t),delete n.metadata.media,n}function wt(r,e){if(e)return r.find(t=>t.id===e)}function Pr(r,e){return r.edit?.chapters?r.edit.chapters.find(t=>t.id===e):r.view?.chapters?r.view.chapters.find(t=>t.id===e):void 0}function Mr(r,e){return r.videos.find(t=>t.id===e)}function Bp(r,e){return{...r,videos:r.videos.map(t=>({...t,variants:t.variants.map(n=>{let i="url"in n?n.url:"",o=qp(i,e);return{...n,url:o||i}})}))}}function qp(r="",e){try{return new URL(r,e).href}catch{return""}}function Dp(r){return Vr(r,"3.2.0")>=0}var cs=D(Fe(),1);var At=r=>Je(r)&&!qt(r),K=r=>r.order==="end",Rt=r=>Je(r.containers)&&!qt(r.containers)&&K(r),ps=(r,e)=>{let t=r*1e3;return At(e.controls)&&t<(e.startTime??0)},Lr=(r,e)=>{let t=r*1e3;return At(e.controls)&&t>=(e.startTime??0)&&t<=(e.endTime??1/0)};var re=(r=[])=>r.some(e=>e.action.type==="expect"),Nr=(r=[])=>r.find(e=>e.action.type==="expect"),Yp=r=>r?.length===1,me=r=>Yp(r)&&vt(r[0]);function us(r=[],e=1/0,t=[]){return r.filter(({container:n})=>!(0,cs.default)(t,n.container.id)&&re(n.container.events)&&n.container.endTime===e&&!n.isRemoved)}function kt({gameControllers:r=[],subjectName:e,subjectId:t,execFn:n}){for(let i of r)if(e==="container"&&i.container.container.id===t){n(i),us(r,i.container.container.endTime,[i.container.container.id]).forEach(a=>{n(a)});break}}var hs=(r,e)=>{let t=T=>e.find(({container:u})=>u.container.id===T)?.container.isRemoved,n=re(r.events)&&!t(r.id),i=(T,b=!1,u=!1)=>{let h=u?"every":"some";return T.controls[h](f=>{let C=b?T.endTime===r.endTime:!0;return f.events?.[h](g=>g.action?.type===go.openURI)&&C})},o=T=>T.some(({container:b})=>i(b.container,!0,!1)&&!b.isRemoved),a=T=>T.every(({container:b})=>b.isRemoved?!0:i(b.container,!0,!0)),s=us(e,r.endTime,[r.id]).length,l=T=>T.controls.some(b=>b.events?.some(u=>u.action?.args?.shouldOpenNow)),c=n||s>0,d=o(e),v=i(r),m=a(e),y=n?!1:s>0,R=l(r);return{isExpectTime:c,hasOtherExpect:s>0,hasOpenURIEvent:d,hasOpenURIEventInCurrentContainer:v,isAllOpenURIEventsValid:m,isExpectEventForCurrentContainer:y,hasShouldOpenNowEvent:R}};var fe=class extends It{constructor(t,n){super(t);this.manifest=null;this.chapter=null;this.media=null;this.graph=null;this.prevChapter$=new Zp(null);this.onError=n,this.release()}release(){return this.manifest=null,this.chapter=null,this.media=null,this.graph=null,this.prevChapter$.next(null),this}async setManifest(t){this.release();let n=await this.exec("manifestLoaders",{actions:{addErrorMessage:je},result:null,errors:null,source:t});return n.errors&&this.errorHandler(n.errors),this.manifest=await rs(n.result??t),this}async setInitial(){return this.setNext()}async setNext(t=this.manifest?.metadata.initChapterId){if(!t)return this;this.prevChapter$.next(this.chapter);let n=await this.exec("chapterLoaders",xt({actions:{getManifest:()=>this.manifest,getCurrent:this.getCurrent,getGraph:Pr,getChapter:wt,getMedia:Mr,getByBranches:this.getByBranches.bind(this),addErrorMessage:je},result:null,errors:null,chapterId:t}));return n.errors&&this.errorHandler(n.errors),n.result&&(this.chapter=n.result.chapter,this.media=n.result.media,this.graph=n.result.graph),this}errorHandler(t){this.onError(t),console.error("Something went wrong with loaders",{errors:t})}getInitial(){return this.getByChapterId(this.manifest?.metadata.initChapterId)||null}getByChapterId(t=this.manifest?.metadata.initChapterId){if(!t||!this.manifest)return null;let n=wt(this.manifest.chapters,t);if(n){let i=Mr(this.manifest.media,n.videoId),o=Pr(this.manifest.graph,n.id);if(i)return{chapter:n,media:i,graph:o}}return null}getBranches(t=this.chapter?.id){if(t===this.chapter?.id)return this.getByBranches(this.chapter?.branches);{let n=wt(this.manifest?.chapters||[],t);return this.getByBranches(n?.branches)}}getByBranches(t=[]){return t.reduce((n,i)=>{let o=this.getByChapterId(i.chapterId);return o&&n.push(o),n},[])}getCurrent(){return{chapter:this.chapter,media:this.media,graph:this.graph}}isInitialChapter(){return this.chapter?.id===this.manifest?.metadata.initChapterId}isEndChapter(){return this.chapter?K(this.chapter):!1}};var Es=D(Ot(),1);import{Player as iu}from"@vkontakte/videoplayer-core/es2024";import{Subscription as _r,Tracer as ou,ValueSubject as su}from"@vkontakte/videoplayer-shared/es2024";var gs=r=>{let e=r.variants.find(t=>t.payload?.type==="vk");if(e&&e.payload){let[t,n]=e.payload.id.split("_");return[t,n]}return[]};var Cs=D(Ot(),1);function jr(){let r=new Map;function e({listId:o=Math.random().toString(),itemId:a=Math.random().toString(),...s}){let l=r.get(o),c={...s};return l?l[a]=c:r.set(o,{[a]:c}),{listId:o,itemId:a,...s}}function t(o){o.player.destroy(),o.container.remove(),o.subscription.unsubscribe(),o.statistics?.oneStat.destroy(),o.statistics?.statSubscription.unsubscribe()}function n(o,a){let s=r.get(o);if(!s)throw Error("Can't remove. Not find.");if(a){let l=s[a];l&&t(l),delete s[a],Object.keys(s).length||r.delete(o)}else{for(let l of(0,Cs.default)(s))t(l);r.delete(o)}}function i(){for(let o of r)n(o[0])}return{createPlayer:e,removePlayer:n,map:r,removeAll:i}}var ve=D(Fe(),1);function $r(r,e=[]){let t={},n,i=!e.length;for(let o of r.variants)if(!n&&"cover"in o&&(n=o.cover),"url"in o)switch(o.type.toLowerCase()){case"mp4":(i||(0,ve.default)(e,"mp4"))&&(t.MPEG={...t.MPEG,[o.standard??"Invariant quality"]:o.url});break;case"mpeg":(i||(0,ve.default)(e,"mpeg"))&&(t.MPEG={...t.MPEG,[o.standard??"Invariant quality"]:o.url});break;case"hls":(i||(0,ve.default)(e,"hls"))&&(t={...t,HLS:{type:"url",url:o.url}});break;case"dash":(i||(0,ve.default)(e,"dash"))&&(t={...t,DASH_SEP:{compatibilityMode:!0,type:"url",url:o.url}});break;default:break}return{sources:t,thumbUrl:n,title:r.title??""}}var Be=(r,e)=>{let t=r.info.currentQuality$.getValue(),n=r.info.availableQualities$.getValue();t!==e&&(0,ve.default)(n,e)&&(r.setQuality(e),r.setAutoQuality(!1))};var au=2;function Fr(r){let e=jr(),t=new _r,n={},i=null,o=!1,a,s=new su(null);r&&l(r);function l(b){i=b}function c(b,u,h){if(!i)throw Error("need to set interactive controller");if(!i.options)return;let C=(e.map.get(b)??{})[u];if(C){n={chapterId:h,listId:b,itemId:u,...C};let g=n.player;n.subscription.add(g.info.currentQuality$.subscribe(E=>{let w=g.info.position$.getValue(),$=g.info.isAutoQualityEnabled$.getValue();if(!(!E||!w||$))for(let I of e.map)(0,Es.default)(I[1]).forEach(({player:P})=>{Be(P,E)})})).add(g.events.started$.subscribe(()=>{d(u)})),C.container.remove(),i.setPlayer(C.player),o||(i.init(),o=!0),s.next({player:n.player,config:n.config,statistics:n.statistics});return}throw Error("Can't set. Not find.")}async function d(b){if(!i)throw Error("need to set interactive controller");if(ee(n)||b!==n.itemId)return;let u=i.getChapterBranches(),h=new Set;for(let f of u)h.has(f.media.id)||(await m({media:f.media,chapterId:f.chapter.id,setAsActive:!1,title:f.chapter.label}),h.add(f.media.id))}async function v({chapter:{id:b},manifestVideo:u}){if(ee(n)||!i)return;let h=n.player.info.muted$.getValue(),f=n.player.info.currentQuality$.getValue(),C=n.player.info.isAutoQualityEnabled$.getValue(),g=n.player.info.volume$.getValue(),E=n.player.info.currentPlaybackRate$.getValue(),w=!C,$=!1;for(let I of e.map)if(I[0]===u.id&&!i.state.isReplay$.getValue()){let P=Object.keys(I[1]);for(let M of P)M===n.itemId?(P.length<au||($=!0),e.removePlayer(I[0],M)):($=!0,c(I[0],M,b),w?Be(n.player,f):n.player.setAutoQuality(!0),n.player.setVolume(g),n.player.setMuted(h),n.player.setPlaybackRate(E))}else e.removePlayer(I[0]);$||(await m({media:u,chapterId:b,setAsActive:!0,playbackRate:E}),w?Be(n.player,f):n.player.setAutoQuality(!0),n.player.setVolume(g),n.player.setMuted(h))}async function m({media:b,chapterId:u,prefetch:h=!0,setAsActive:f=!0,autoplay:C=!1,preferredExt:g,title:E,playbackRate:w}){let $=Math.random().toString(),I=document.createElement("div");a.append(I);let P;if(i?.options?.vkVideoLoader){let We=gs(b);We.length&&(P=await i.options.vkVideoLoader(...We))}let M=i?.options?.coreConfig||void 0,G={...M,configName:[...M?.configName??[],"interactive"]},Z={container:I,...P?.videos?.[0]||{sources:$r(b,g).sources},title:E,failoverHosts:P?.failoverHosts||[]},_=new iu(G,ou.createRootTracer());_.initVideo(Z);let ne=null;if(P?.videos&&i?.options.createOneStat){let We=P.videos[0],$t=i.options.createOneStat(We),Yr=new _r;$t&&(Yr.add($t.attachTo(_)),ne={oneStat:$t,statSubscription:Yr})}let Xr=new _r,Ra=n?.player?.info.isAutoQualityEnabled$.getValue();Xr.add(_.events.canplay$.subscribe(function(){Ra||Be(_,n.player.info.currentQuality$.getValue()),w&&_.setPlaybackRate(w)}));let ie=e.createPlayer({listId:b.id,itemId:$,player:_,container:I,sources:$r(b,g).sources,config:Z,subscription:Xr,statistics:ne});return f&&c(b.id,ie.itemId,u),C&&ie.player.play(),h&&!C&&ie.player.prepare(),{player:ie.player,config:ie.config,statistics:ie.statistics}}function y(){R(),i=null,a.remove()}function R(){t.unsubscribe(),e.removeAll(),n={},o=!1}async function T(){if(!i)throw Error("need to set interactive controller");R(),a=document.createElement("div");let{media:b,chapter:u}=i.getCurrentChapter();b&&u?(t.add(i.events.chapterChanged$.subscribe(v)),await m({media:b,chapterId:u.id,title:u.label})):console.error("not found")}return{...e,init:T,setInteractiveController:l,createPlayer:m,removeAll:y,getActivePlayer:function(){return n},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"},qe={visibility:"visibility",watchAgainClicked:"watchAgainClicked"},O={actionChoiceCanceled:"action-choice-canceled",actionChoice:"action-choice",actionExecution:"action-execution",visibility:"visibility",containerRemoved:"container-removed",rangeEnded:"range-ended"};var xs=D(Fe(),1);import{Subscription as lu}from"@vkontakte/videoplayer-shared/es2024";function Br(r){return function(...t){return r(...t.reverse())}}function De(r,...e){return(...t)=>Y(e[0])&&Y(t[0])?r({...e[0],...t[0]}):r(...e,...t)}var Vt=class{constructor({player:e,container:t,branches:n,selectBranches:i,interactiveEvents:o,globalEvents:a,globalEventEmitter:s,getContainerEventState:l,permanentTextControls:c,interactiveTimeOpenUri:d,disabledControls$:v,onRemove:m,onError:y}){this.hide=()=>{setTimeout(()=>{this.gameState!==4&&(re(this.container.container.events)&&this.gameState===3||this.selectBranches.state.isExpect||(this.gameState!==2&&this.container.hide?.(),this.emitContainerVisibilityEvent(!1)))})};this.show=()=>{if(this.gameState!==2||this.isSelectedControlEvent)return;if(this.container.getElement()){let{hasOpenURIEventInCurrentContainer:t}=this.getContainerEventState();if(this.container.show?.(),this.interactiveTimeOpenUri&&t)return;this.emitContainerVisibilityEvent(!0,!1)}else{let t={isDisabled:()=>this.container.isDisabled,branches:this.branches,containerId:this.container.container.id,onDetachContainer:()=>{this.removeView(),this.emitContainerVisibilityEvent(!1)},onEvent:(i,o)=>{let{isExpectTime:a,hasOtherExpect:s,hasOpenURIEvent:l,hasOpenURIEventInCurrentContainer:c,isAllOpenURIEventsValid:d,hasShouldOpenNowEvent:v}=this.getContainerEventState(),m=this.interactiveTimeOpenUri&&!c,y=this.interactiveTimeOpenUri&&c;if((!this.interactiveTimeOpenUri||m)&&(this.isSelectedControlEvent=!0),i!==!1){if(!this.selectBranches.state.isExpect&&(!this.interactiveTimeOpenUri||m)){if(this.interactiveTimeOpenUri){let R=!s&&!d&&c;R&&this.globalEvents.interactiveContainerFakeRemoved$.next({subjectId:this.container.container.id,subjectName:"container",type:"container-fake-removed",removeAllOpenURI:R})}this.removeView()}this.emitContainerVisibilityEvent(!1)}if(this.gameState===4||this.gameState===3||this.selectBranches.state.isExpect||this.interactiveTimeOpenUri&&l&&this.gameState!==5){if(y){let T=((b,u,h,f)=>!b&&!u&&h||b&&!u&&h&&!f||b&&!u&&h&&f)(a,s,d,this.isSelectedContainerEvent);this.fakeRemoveView(T)}else this.removeView(),this.emitContainerVisibilityEvent(!1);(!a||!s||!v)&&(this.selectBranches.stopExpect(),o())}},isEOV:()=>this.gameState===4},n=De(this.selectBranches.onControlEvent,t);this.container.createView({eventCallback:n}),this.emitContainerVisibilityEvent(!0,!0),this.disabledControls$.getValue()&&this.container.disable?.()}};this.onEndOfVideo=()=>{this.gameState=4,this.selectContainerEvent(!0)};this.whilePlaying=()=>{let e=this.player.experimental.element$.getValue(),n=e instanceof HTMLVideoElement?e.readyState:void 0,i=[6,5];if(!n||(0,xs.default)(i,this.gameState)&&!this.isPermanentText)return;let o=this.player.getExactTime();if(ps(o,this.container.container))this.gameState!==1&&(this.gameState=1,this.onBeforeStartTime());else if(Lr(o,this.container.container))this.gameState!==2&&(this.gameState=2,this.onStartTime());else if(this.gameState!==3){let c=this.gameState;this.gameState=3,c===2&&this.onEndTime()}else{let{hasOpenURIEventInCurrentContainer:c}=this.getContainerEventState(),d=this.selectBranches.state.isExpect,v=this.interactiveTimeOpenUri&&c;if(v&&!d){let m=this.container.getElement();m&&(m.style.visibility!=="hidden"&&this.container.hide?.(),this.container.isRemoved||this.fakeRemoveView())}!this.isPermanentText&&!v&&this.removeView()}let a=Lr(o,this.container.container),s=this.container.container.startTime?[this.container.container.startTime,this.container.container.endTime??1/0]:[],l={subjectId:this.container.container.id,subjectName:"container",range:s,currentTime:o,isInteractiveTime:a};this.container.onProgress(o*1e3,a),this.globalEventEmitter.emit(x.eachTick,l),this.globalEvents.eachTick$.next(l)};this.container=t,this.branches=n,this.selectBranches=i,this.subscription=new lu,this.player=e,this.interactiveEvents=o,this.getContainerEventState=l,this.isPermanentText=c&&me(t.container.controls),this.interactiveTimeOpenUri=d,this.disabledControls$=v,this.onRemove=m,this.globalEventEmitter=s,this.gameState=0,this.globalEvents=a,this.onError=y,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:O.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:O.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))}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:re(this.container.container.events)||e;(this.isSelectedControlEvent||!n)&&this.removeView()}onBeforeStartTime(){this.container.hide?.(),this.emitContainerVisibilityEvent(!1)}onResize(e){this.container.onResize(e)}reset(){this.isSelectedControlEvent=!1,this.isSelectedContainerEvent=!1,this.gameState=1}removeView(){this.container.removeView(),this.globalEventEmitter.emit(x.interactives,{subjectId:this.container.container.id,subjectName:"container",type:O.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)}destroy(){this.reset(),this.removeView(),this.gameState=6,this.subscription.unsubscribe(),this.branches=[],this.interactiveEvents.containersEventsCallState.setCalled({timestamp:this.container.container.endTime??1/0,id:this.container.container.id})}};var Ts=(r=[])=>r.reduce((e,t,n)=>{let i=(t?.controls??[]).filter(o=>!vt(o));if(At(i)){let o=[t.startTime??0,t.endTime??1/0],a={id:t.id,isRemoved:!1};if(!n)e.push({subjects:[a],range:o});else{let s=[],l=-1/0,c=1/0,d=[],v=[];for(let m=0;m<e.length;m++){let y=e[m];if(v.push(...y.subjects),y.range[0]<c&&(c=y.range[0]),y.range[1]>l&&(l=y.range[1]),o[0]>=y.range[0]&&o[1]<=y.range[1])return e[m].subjects.push(a),e;o[0]<y.range[0]&&o[1]>y.range[0]&&(s.push(m),d=d.concat(y.subjects)),o[0]>=y.range[0]&&o[0]<=y.range[1]&&(s.push(m),d=d.concat(y.subjects),o[0]=y.range[0]),o[1]>=y.range[0]&&o[1]<=y.range[1]&&(s.push(m),d=d.concat(y.subjects),o[1]=y.range[1])}if(v.push(a),o[0]<=c&&o[1]>=l)return[{subjects:v,range:o}];s.length&&s.reverse().forEach(m=>{e.splice(m,1)}),e.push({subjects:d.concat([a]),range:o})}}return e},[]).sort((e,t)=>e.range[0]-t.range[0]);var oa=D(Fe(),1),Ur=D(Ot(),1),sa=D(na(),1);function ia(){let r={};function e(){for(let s in r)Object.prototype.hasOwnProperty.call(r,s)&&delete r[s]}function t(s){let l={};for(let c in r)+c<=s&&(l[c]=r[c]);return l}function n(s){let l={};for(let c in r)+c>=s&&(l[c]=r[c]);return l}function i({timestamp:s,priority:l,initiator:c}){if(Bt(s)){let d=r[s]??null;if(d&&l&&Ee(l,!0)){let v={},m=d[l];return m&&(v={...v,...m}),v=ee(v)?null:v,v&&Ee(c,!0)?v[c]??null:v}return d}return null}function o({timestamp:s,priority:l,initiator:c}){if(Bt(s))if(r[s]){if(l&&Ee(l,!0))if(r[s][l]){if(c&&Ee(c,!0))if(r[s][l][c]){if(delete r[s][l][c],!ee(r[s][l]))return!0}else return!1;if(delete r[s][l],!ee(r[s]))return!0}else return!1;return delete r[s]}else return!1;return!1}function a({timestamp:s,priority:l,initiator:c,...d}){r[s]?.[l]?.[c]?r[s][l][c].push({...d}):r[s]?.[l]?r[s][l]={...r[s][l],[c]:[{...d}]}:r[s]?r[s]={...r[s],[l]:{[c]:[{...d}]}}:r[s]={[l]:{[c]:[{...d}]}}}return{map:r,remove:o,add:a,removeAll:e,get:i,getLte:t,getGte:n}}var Xu=[S.expect,S.setNextBranch],Yu=1/0;function aa(r,e){let t=r,n,i=Zu(e),o=ia(),a,s=()=>{y(),u()},l=h=>{o.add.call(void 0,h),R()},c=(h=[])=>{for(let f of h)if(f.action(),(0,oa.default)(Xu,f.actionType))break},d=(h=1/0)=>{let f=Mt(o.get({timestamp:h,priority:"control"})??{}),C=Mt(o.get({timestamp:h,priority:"container"})??{}),g=Mt(o.get({timestamp:h,priority:"chapter"})??{});return[...f,...C,...g]},v=h=>{i.isReady(h)&&c(d(h))},m=()=>{c([...Mt(o.get({timestamp:1/0,priority:"chapter"})??{})])},y=()=>{n&&(a?.unsubscribe(),n=void 0)},R=()=>{n||(n=()=>setTimeout(()=>{v(1/0)}),a=t.events.ended$.subscribe(n))},T=h=>{y(),t=h},b=h=>{h.priority==="container"&&i.resetCalled(h.timestamp),o.remove(h)},u=()=>{i.release(),o.removeAll()};return{setPlayer:T,add:l,remove:b,exec:v,execEndOfVideo:m,listen:R,unlisten:y,release:s,containersEventsCallState:i,getPreparedToExecActions:d}}function Zu(r){let e=new Map;return{setCalled:({timestamp:s,id:l})=>{let c=e.get(s);c&&c[l]!==void 0&&(c[l]=!0)},setData:(s=[])=>{for(let l of s){let c=l.endTime??Yu,d=e.get(c);e.set(c,{...d,[l.id]:!1})}},resetCalled:s=>{let l=e.get(s);if(l)for(let c in l)l[c]=!1},isReady:s=>{let l=e.get(s);if(!l)return!0;let c=(0,Ur.default)(l);return r?c.some(v=>v):!c.some(v=>!v)},release:()=>e.clear()}}function Mt(r){return(0,sa.default)((0,Ur.default)(r)).sort(e=>e.actionType===S.expect?-1:1)}var la={videoContentHeight:0,videoContentWidth:0},ca=r=>{let{height:e,width:t}=r.info.intrinsicVideoSize$.getValue()||{};if(!(e&&t))return la;let{clientHeight:n,clientWidth:i}=r.experimental.element$.getValue()||{};if(!(n&&i))return la;let o=e/t,a=n/i,s,l;return a>o?(l=i,s=i*o):a<o?(l=n/o,s=n):(l=i,s=n),{videoContentWidth:l,videoContentHeight:s}};var Ju=250;function pa(r){let e,t=new ResizeObserver(s=>{o(s),e=o.bind(null,s)});function n(s){let{parentElement:l,player:c,cssVarsManager:d}=r();if(!l||!c)return;let{videoContentWidth:v,videoContentHeight:m}=ca(c);d.setup({"--interactive-content-width":`${v}px`,"--interactive-content-height":`${m}px`,"--interactive-width":`${s[0].contentRect.width}px`,"--interactive-height":`${s[0].contentRect.height}px`})}function i(){let{parentElement:s}=r();s.removeAttribute("style")}let o=Me(s=>{let{fns:l=[]}=r();n(s);for(let c of l)c()},Ju);function a(){e=void 0,t.disconnect(),i()}return{resizeObserver:t,calc:()=>{e?.()},release:a}}var eh=r=>Math.floor(Math.random()*r),ha=r=>{let e=r.length,t=1/0,n=null;for(;e--;){let i=r[e],o=i.weight??1;o<t&&(t=o,n=i)}return n},da=r=>{let e=r.length,t=-1/0,n=null;for(;e--;){let i=r[e],o=i.weight??0;o>t&&(t=o,n=i)}return n};var ma=r=>{let e=r.length,t=eh(e);return r[t]},ua=1,fa=r=>{let e=0;for(let n=0;n<r.length;++n)e+=r[n].weight??ua;let t=Math.random()*e;e=0;for(let n=0;n<r.length-1;++n)if(e+=r[n].weight??ua,e>=t)return r[n];return r[r.length-1]};var va={shouldOpenNow:!0,isDetachContainer:!0},ya="after-expect",Gr=(r,e=!1)=>({...r,args:e?{...r.args,...va}:{...va,...r.args}}),ba=({globalEventEmitter:r,globalEvents:e,player:t,interactiveEvents:n})=>{let i={isExpect:!1},o=()=>{i.isExpect&&(i.isExpect=!1)},a=({action:u,controlType:h,controlId:f,containerId:C,branches:g=[],onEvent:E,isEOV:w=()=>!1,isDisabled:$=()=>!1})=>{let I=Gr(u,w()),P={timestamp:1/0,priority:"control",initiator:f,actionType:I.type},M=$(),G=r.emit.bind(r,x.interactives,{subjectId:f,subjectType:h,subjectName:"control",type:M?O.actionChoiceCanceled:O.actionChoice,actionType:u.type,payload:{invokeImmediately:I.args.shouldOpenNow,containerId:C,...I.args}}),Z=()=>{e.interactiveActionChoice$.next({subjectId:f,subjectType:h,subjectName:"control",type:M?"action-choice-canceled":"action-choice",actionType:u.type,payload:{invokeImmediately:I.args.shouldOpenNow,containerId:C,...I.args}})};if(M){G(),Z();return}switch(I.type.trim().toLowerCase()){case S.setNextBranch.trim().toLowerCase():{let _=g.find(ne=>ne.id===I.args.branchId);if(!_)return;E(I.args.isDetachContainer,y.bind(null,{subjectId:f,subjectName:"control"})),G(),Z(),I.args.shouldOpenNow?T({subjectId:f,subjectName:"control",subjectType:h,action:I,payload:{chapterId:_.chapterId,autoSelect:!1}}):n.add({...P,action:T.bind(null,{subjectId:f,subjectName:"control",subjectType:h,action:I,payload:{chapterId:_.chapterId,autoSelect:!1}})});return}case S.continuePlayback.trim().toLowerCase():{E(I.args.isDetachContainer,y.bind(null,{subjectId:f,subjectName:"control"})),G(),Z(),I.args.shouldOpenNow?R({subjectId:f,subjectName:"control",subjectType:h,action:u}):n.add({...P,action:R.bind(null,{subjectId:f,subjectName:"control",subjectType:h,action:u})});return}case S.openURI.trim().toLowerCase():{E(I.args.isDetachContainer,y.bind(null,{subjectId:f,subjectName:"control"})),G(),Z(),I.args.shouldOpenNow?b({subjectId:f,subjectName:"control",subjectType:h,action:I,payload:{URI:u.args.uri}}):n.add({...P,action:b.bind(null,{subjectId:f,subjectName:"control",subjectType:h,action:I,payload:{URI:u.args.uri}})});return}default:{let _="Unexpected control event",ne=new k(1,1,{message:_});d(ne,_);return}}},s=({action:u,container:{id:h,endTime:f},branches:C=[],isEOV:g=!1,autoSelected:E=!1})=>{let w=Gr(u,g),$={timestamp:!w.args.shouldOpenNow||g?1/0:f??1/0,priority:"container",initiator:h,actionType:w.type},I=r.emit.bind(r,x.interactives,{subjectId:h,subjectName:"container",type:O.actionChoice,actionType:w.type,payload:{invokeImmediately:w.args.shouldOpenNow,...w.args}}),P=()=>{e.interactiveActionChoice$.next({subjectId:h,subjectName:"container",type:"action-choice",actionType:w.type,payload:{invokeImmediately:w.args.shouldOpenNow,...w.args}})};switch(w.type.trim().toLowerCase()){case S.setNextBranch.trim().toLowerCase():{let M=C.find(G=>G.id===w.args.branchId);if(!M)return;I(),P(),n.add({...$,action:T.bind(null,{subjectId:h,subjectName:"container",action:w,payload:{chapterId:M.chapterId,autoSelect:E}})});return}case S.setMaxWeightBranch.trim().toLowerCase():return;case S.setMinWeightBranch.trim().toLowerCase():return;case S.setRandomBranch.trim().toLowerCase():return;case S.setWeightlessRandomBranch.trim().toLowerCase():return;case S.continuePlayback.trim().toLowerCase():{I(),P(),n.add({...$,action:R.bind(null,{subjectId:h,subjectName:"container",action:w})});return}case S.openURI.trim().toLowerCase():{I(),P(),n.add({...$,action:b.bind(null,{subjectId:h,subjectName:"container",action:w,payload:{URI:u.args.uri}})});return}default:{let M="Unexpected container event",G=new k(1,1,{message:M});d(G,M);return}}};function l({container:u,branches:h,isEOV:f=!1}){let C=Nr(u.events);if(C){let g=Gr(C.action,f);r.emit(x.interactives,{subjectId:u.id,subjectName:"container",type:O.actionChoice,actionType:g.type,payload:{invokeImmediately:g.args.shouldOpenNow,...g.args}}),e.interactiveActionChoice$.next({subjectId:u.id,subjectName:"container",type:"action-choice",actionType:g.type,payload:{invokeImmediately:g.args.shouldOpenNow,...g.args}}),n.add({timestamp:f?1/0:u.endTime??1/0,priority:"container",initiator:u.id,actionType:S.expect,action:m.bind(null,{subjectId:u.id,subjectName:"container"})}),i.isExpect=!0}else for(let g of u.events??[])s({action:g.action,container:u,branches:h,isEOV:f})}let c=({chapterId:u,action:h,branches:f=[]})=>{let C=r.emit.bind(r,x.interactives,{subjectId:u,subjectName:"chapter",type:O.actionChoice,actionType:h.type,payload:h.args}),g=()=>{e.interactiveActionChoice$.next({subjectId:u,subjectName:"chapter",type:"action-choice",actionType:h.type,payload:h.args})};switch(h.type.trim().toLowerCase()){case S.setNextBranch.trim().toLowerCase():{let E=f.find(w=>w.id===h.args.branchId);return E?.chapterId?(C(),g(),T.bind(null,{subjectId:u,subjectName:"chapter",action:h,payload:{chapterId:E.chapterId,autoSelect:!0}})):void 0}case S.setWeightlessRandomBranch.trim().toLowerCase():{let E=ma(f);return E?.chapterId?(C(),g(),T.bind(null,{subjectId:u,subjectName:"chapter",action:h,payload:{chapterId:E.chapterId,autoSelect:!0}})):void 0}case S.setRandomBranch.trim().toLowerCase():{let E=fa(f);return E?.chapterId?(C(),g(),T.bind(null,{subjectId:u,subjectName:"chapter",action:h,payload:{chapterId:E.chapterId,autoSelect:!0}})):void 0}case S.setMaxWeightBranch.trim().toLowerCase():{let E=da(f);return E?.chapterId?(C(),g(),T.bind(null,{subjectId:u,subjectName:"chapter",action:h,payload:{chapterId:E.chapterId,autoSelect:!0}})):void 0}case S.setMinWeightBranch.trim().toLowerCase():{let E=ha(f);return E?.chapterId?(C(),g(),T.bind(null,{subjectId:u,subjectName:"chapter",action:h,payload:{chapterId:E.chapterId,autoSelect:!0}})):void 0}case S.continuePlayback.trim().toLowerCase():return C(),g(),R.bind(null,{subjectId:u,subjectName:"chapter",action:h});case S.openURI.trim().toLowerCase():return C(),g(),b.bind(null,{subjectId:u,subjectName:"chapter",action:h,payload:{URI:h.args.uri}});default:{let E="Unexpected chapter event",w=new k(1,1,{message:E});d(w,E);return}}};function d(u,h){console.error(h),e.error$.next(u),r.emit(x.errors,u)}function v(u){let h=Nr(u.events);if(h){if(K(u))return;r.emit(x.interactives,{subjectId:u.id,subjectName:"chapter",type:O.actionChoice,actionType:h.action.type,payload:h.action.args}),e.interactiveActionChoice$.next({subjectId:u.id,subjectName:"chapter",type:"action-choice",actionType:h.action.type,payload:h.action.args}),n.add({timestamp:1/0,priority:"chapter",initiator:u.id,actionType:S.expect,action:m.bind(null,{subjectId:u.id,subjectName:"chapter"})})}else u.events?.forEach(f=>{let C=c({chapterId:u.id,action:f.action,branches:u.branches});C&&n.add({timestamp:1/0,priority:"chapter",initiator:u.id,actionType:f.action.type,action:C})})}let m=({subjectId:u,subjectName:h})=>{t.pause(),r.emit(x.interactives,{subjectId:u,subjectName:h,type:O.actionExecution,actionType:S.expect}),e.interactiveActionExecution$.next({subjectId:u,subjectName:h,type:"action-execution",actionType:S.expect})},y=({subjectId:u,subjectName:h})=>{t.info.isEnded$.getValue()?n.execEndOfVideo():t.play(),r.emit(x.interactives,{subjectId:u,subjectName:h,type:O.actionExecution,actionType:ya}),e.interactiveActionExecution$.next({subjectId:u,subjectName:h,type:"action-execution",actionType:ya})},R=({subjectId:u,subjectName:h,subjectType:f,action:C})=>{r.emit(x.interactives,{subjectId:u,subjectName:h,subjectType:f,type:O.actionExecution,actionType:C.type}),e.interactiveActionExecution$.next({subjectId:u,subjectName:h,subjectType:f,type:"action-execution",actionType:C.type})},T=({subjectId:u,subjectName:h,subjectType:f,action:C,payload:g})=>{g.behaviour="change-chapter",r.emit(x.interactives,{subjectId:u,subjectName:h,subjectType:f,type:O.actionExecution,actionType:C.type,payload:g}),e.interactiveActionExecution$.next({subjectId:u,subjectName:h,subjectType:f,type:"action-execution",actionType:C.type,payload:g})},b=({subjectId:u,subjectName:h,subjectType:f,action:C,payload:g})=>{if(!g.URI)return;let E=window.open(g.URI,"_blank","noopener,noreferrer");E&&(E.opener=null),r.emit(x.interactives,{subjectId:u,subjectName:h,subjectType:f,type:O.actionExecution,actionType:C.type}),e.interactiveActionExecution$.next({subjectId:u,subjectName:h,subjectType:f,type:"action-execution",actionType:C.type})};return{onControlEvent:a,onContainerEvent:s,onChapterEvent:c,onExpectEvent:m,expectEventHandler:y,setManifestChapterEvents:v,setManifestContainerEvents:l,stopExpect:o,state:i}};var Kr=D(Tr(),1);import{Subscription as oh,Subject as Wr,ValueSubject as Ue}from"@vkontakte/videoplayer-shared/es2024";var zr=(r,e)=>{let t={};return r.map(n=>{if(!t[n]){let i=e.chapters.find(a=>a.id===n);if(!i)return null;let o=e.media.videos.find(a=>i.videoId===a.id);if(!o)return null;t[n]=ga(o)}return t[n]}).filter(Boolean)},rh=r=>{for(let e of r.variants)if(nh(e)&&e.payload)return e.payload.id},nh=r=>!!(r.type==="custom"&&r.payload&&r.payload.type==="vk"),ga=r=>{let e=rh(r);if(!e)return null;let t=e.split("_").pop();return t?parseInt(t,10):null},ih=(r,e)=>{for(let t of r.media.videos)if(e===ga(t)){for(let n of r.chapters)if(n.videoId===t.id)return n.id;return}},Ca=(r,e)=>r.reduce((t,n)=>{let i=ih(e,n);return i?[...t,i]:t},[]);var Ge=class{constructor({globalEventEmitter:e,videoId:t,interactiveController:n,historyApi:i,settings:o}){this.state={history$:new Ue([]),hasPrevChapter$:new Ue(!1),prevChapter$:new Ue(null),isInitialChapter$:new Ue(!1),isGoBackLimited$:new Ue(!1)};this.#r=null;this.#s=!1;this.#e=null;this.#p=null;this.events={inited$:new Wr,destroyed$:new Wr,error$:new Wr};this.#n=null;this.#i=null;this.#t=null;this.#a=new oh;this.#l=!1;this.#c=0;this.#n=t,this.#t=e,this.#i=n,this.#r=i,this.#o=o,this.state.history$&&this.#a&&this.#a?.add(this.state.history$.subscribe(a=>{this.state.prevChapter$.next((0,Kr.default)(a,-2)||null),this.state.hasPrevChapter$.next(a.length>1),this.state.isInitialChapter$.next(this.getInitialChapterId()===this.#e?.metadata?.initChapterId),this.state.isGoBackLimited$.next(this.#c===this.#o.maxLength-1)}))}#r;#o;#s;#e;#p;#n;#i;#t;#a;#l;#c;async setManifest(e){if(!this.#i||!this.#t)return;this.#e=e,await this.getProjectHistory();let t=this.getInitialChapterId();await this.#i.setChapter({chapterId:t,pushToHistory:!1}),this.#s||(this.#s=!0,this.events.inited$.next({initChapterId:t}))}get inited(){return this.#s}async updateHistory(e,t=!0){if(!this.#e)return;this.#l?(this.#l=!1,this.#c++):this.#c=0;let n=this.#e,i=e.length-this.#o.maxLength,o=i>0?e.slice(i):e,a=zr(o,n);if(this.#p=a,this.state.history$.next(o),!(!t||!this.#r||!this.#n))try{await this.#r.save(this.#n,a)}catch{let l=new k(1,5,"Unable to save interactive history");this.events.error$.next(l),this.#t?.emit(x.errors,l)}}async goBack(){if(!this.state||!this.#i){let n=new k(1,5,"Unable to save interactive history");return this.events.error$.next(n),this.#t?.emit(x.errors,n)}this.#l=!0;let e=this.state.history$.getValue().slice(0,-1),t=e.pop();this.state.history$.next(e),await this.#i.setChapter({chapterId:t,playPrev:!0})}async getProjectHistory(){if(!this.#e||!this.#n)return;let e=this.#e,t=[this.getInitialVideoId()];if(this.#r)try{let i=await this.#r.get(this.#n);i.length&&(t=i)}catch{let o=new k(1,5,"Error while trying to fetch data");this.events.error$.next(o),this.#t?.emit(x.errors,o)}let n=Ca(t,e);this.state.history$.next(n)}getInitialChapterId(){let e=this.state.history$.getValue();return(0,Kr.default)(e,-1)||this.#o.initChapterId||this.#e?.metadata.initChapterId}getInitialVideoId(){if(this.#e){let e=this.getInitialChapterId();return zr([e],this.#e).pop()}return null}destroy(){this.#n=null,this.#r=null,this.#i=null,this.#a?.unsubscribe(),this.#a=null,this.#s=!1,this.#t?.emit(x.historyDestroyed),this.events.destroyed$.next(),this.#t=null}};var Lt=class{constructor(){this._prevSizeId=0;this.rootElement=document.createElement("canvas")}clear(){this.rootElement.getContext("2d")?.clearRect(0,0,this.rootElement.width,this.rootElement.height)}isImageDrawn(){let e=this.rootElement.getContext("2d")?.getImageData(0,0,this.rootElement.width,this.rootElement.height);if(!e)return!1;let t=e.data,n=t.length;for(let i=3;i<n;i+=40)if(t[i]!==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 i;t&&(i=await this.save()),this.rootElement.width=e.width,this.rootElement.height=e.height,t&&i&&this.restore(i),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)}};var Nt=class{constructor({parentElement:e,endOffsetMs:t=250,onError:n}){this.currentVideoDurationMs=1/0;this._containerTimeFrameShouldReceived=!1;this._endTimeFrameReceived=!1;this._shouldCallSkip=!1;this.onEachTick=e=>{let t=e??this.lastFrameCanvas.canvasImgSrc.currentTime*1e3,n=this.isChapterEndTime(t);if(this.isContainerTime(t))this._endTimeFrameReceived=!1,this._containerTimeFrameShouldReceived=!0,this._shouldCallSkip=!0;else if(n)this._containerTimeFrameShouldReceived=!1,this._shouldCallSkip=!1,this._endTimeFrameReceived||(this.draw(),this._endTimeFrameReceived=!0,this.show());else{if(this._shouldCallSkip){this._shouldCallSkip=!1;return}this.reset()}};this.onSeek=()=>{this.onEachTick(),!this._containerTimeFrameShouldReceived&&!this._endTimeFrameReceived&&(this.hide(),this.lastFrameCanvas.clear())};this.rootElement=document.createElement("div"),this.rootElement.style.cssText=`
|
|
6
|
+
var $s=Object.create;var si=Object.defineProperty;var js=Object.getOwnPropertyDescriptor;var Bs=Object.getOwnPropertyNames;var qs=Object.getPrototypeOf,Ds=Object.prototype.hasOwnProperty;var p=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var Hs=(r,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Bs(e))!Ds.call(r,n)&&n!==t&&si(r,n,{get:()=>e[n],enumerable:!(i=js(e,n))||i.enumerable});return r};var z=(r,e,t)=>(t=r!=null?$s(qs(r)):{},Hs(e||!r||!r.__esModule?si(t,"default",{value:r,enumerable:!0}):t,r));var K=p((nr,Ai)=>{"use strict";var Te=function(r){return r&&r.Math===Math&&r};Ai.exports=Te(typeof globalThis=="object"&&globalThis)||Te(typeof window=="object"&&window)||Te(typeof self=="object"&&self)||Te(typeof global=="object"&&global)||Te(typeof nr=="object"&&nr)||function(){return this}()||Function("return this")()});var q=p((Zd,wi)=>{"use strict";wi.exports=function(r){try{return!!r()}catch{return!0}}});var Ie=p((Jd,Ri)=>{"use strict";var rl=q();Ri.exports=!rl(function(){var r=function(){}.bind();return typeof r!="function"||r.hasOwnProperty("prototype")})});var Li=p((em,Mi)=>{"use strict";var il=Ie(),Pi=Function.prototype,ki=Pi.apply,Oi=Pi.call;Mi.exports=typeof Reflect=="object"&&Reflect.apply||(il?Oi.bind(ki):function(){return Oi.apply(ki,arguments)})});var H=p((tm,Ni)=>{"use strict";var Fi=Ie(),Vi=Function.prototype,or=Vi.call,nl=Fi&&Vi.bind.bind(or,or);Ni.exports=Fi?nl:function(r){return function(){return or.apply(r,arguments)}}});var xe=p((rm,$i)=>{"use strict";var _i=H(),ol=_i({}.toString),al=_i("".slice);$i.exports=function(r){return al(ol(r),8,-1)}});var ar=p((im,ji)=>{"use strict";var sl=xe(),ll=H();ji.exports=function(r){if(sl(r)==="Function")return ll(r)}});var D=p((nm,Bi)=>{"use strict";var sr=typeof document=="object"&&document.all;Bi.exports=typeof sr>"u"&&sr!==void 0?function(r){return typeof r=="function"||r===sr}:function(r){return typeof r=="function"}});var ie=p((om,qi)=>{"use strict";var cl=q();qi.exports=!cl(function(){return Object.defineProperty({},1,{get:function(){return 7}})[1]!==7})});var dt=p((am,Di)=>{"use strict";var pl=Ie(),ht=Function.prototype.call;Di.exports=pl?ht.bind(ht):function(){return ht.apply(ht,arguments)}});var lr=p(Gi=>{"use strict";var Hi={}.propertyIsEnumerable,Ui=Object.getOwnPropertyDescriptor,ul=Ui&&!Hi.call({1:2},1);Gi.f=ul?function(e){var t=Ui(this,e);return!!t&&t.enumerable}:Hi});var cr=p((lm,zi)=>{"use strict";zi.exports=function(r,e){return{enumerable:!(r&1),configurable:!(r&2),writable:!(r&4),value:e}}});var Ki=p((cm,Wi)=>{"use strict";var hl=H(),dl=q(),ml=xe(),pr=Object,fl=hl("".split);Wi.exports=dl(function(){return!pr("z").propertyIsEnumerable(0)})?function(r){return ml(r)==="String"?fl(r,""):pr(r)}:pr});var ur=p((pm,Qi)=>{"use strict";Qi.exports=function(r){return r==null}});var hr=p((um,Xi)=>{"use strict";var vl=ur(),bl=TypeError;Xi.exports=function(r){if(vl(r))throw new bl("Can't call method on "+r);return r}});var Se=p((hm,Yi)=>{"use strict";var yl=Ki(),gl=hr();Yi.exports=function(r){return yl(gl(r))}});var pe=p((dm,Zi)=>{"use strict";var Cl=D();Zi.exports=function(r){return typeof r=="object"?r!==null:Cl(r)}});var mt=p((mm,Ji)=>{"use strict";Ji.exports={}});var ft=p((fm,tn)=>{"use strict";var dr=mt(),mr=K(),El=D(),en=function(r){return El(r)?r:void 0};tn.exports=function(r,e){return arguments.length<2?en(dr[r])||en(mr[r]):dr[r]&&dr[r][e]||mr[r]&&mr[r][e]}});var nn=p((vm,rn)=>{"use strict";var Tl=H();rn.exports=Tl({}.isPrototypeOf)});var ln=p((bm,sn)=>{"use strict";var Il=K(),on=Il.navigator,an=on&&on.userAgent;sn.exports=an?String(an):""});var fn=p((ym,mn)=>{"use strict";var dn=K(),fr=ln(),cn=dn.process,pn=dn.Deno,un=cn&&cn.versions||pn&&pn.version,hn=un&&un.v8,U,vt;hn&&(U=hn.split("."),vt=U[0]>0&&U[0]<4?1:+(U[0]+U[1]));!vt&&fr&&(U=fr.match(/Edge\/(\d+)/),(!U||U[1]>=74)&&(U=fr.match(/Chrome\/(\d+)/),U&&(vt=+U[1])));mn.exports=vt});var vr=p((gm,bn)=>{"use strict";var vn=fn(),xl=q(),Sl=K(),Al=Sl.String;bn.exports=!!Object.getOwnPropertySymbols&&!xl(function(){var r=Symbol("symbol detection");return!Al(r)||!(Object(r)instanceof Symbol)||!Symbol.sham&&vn&&vn<41})});var br=p((Cm,yn)=>{"use strict";var wl=vr();yn.exports=wl&&!Symbol.sham&&typeof Symbol.iterator=="symbol"});var yr=p((Em,gn)=>{"use strict";var Rl=ft(),kl=D(),Ol=nn(),Pl=br(),Ml=Object;gn.exports=Pl?function(r){return typeof r=="symbol"}:function(r){var e=Rl("Symbol");return kl(e)&&Ol(e.prototype,Ml(r))}});var En=p((Tm,Cn)=>{"use strict";var Ll=String;Cn.exports=function(r){try{return Ll(r)}catch{return"Object"}}});var gr=p((Im,Tn)=>{"use strict";var Fl=D(),Vl=En(),Nl=TypeError;Tn.exports=function(r){if(Fl(r))return r;throw new Nl(Vl(r)+" is not a function")}});var xn=p((xm,In)=>{"use strict";var _l=gr(),$l=ur();In.exports=function(r,e){var t=r[e];return $l(t)?void 0:_l(t)}});var An=p((Sm,Sn)=>{"use strict";var Cr=dt(),Er=D(),Tr=pe(),jl=TypeError;Sn.exports=function(r,e){var t,i;if(e==="string"&&Er(t=r.toString)&&!Tr(i=Cr(t,r))||Er(t=r.valueOf)&&!Tr(i=Cr(t,r))||e!=="string"&&Er(t=r.toString)&&!Tr(i=Cr(t,r)))return i;throw new jl("Can't convert object to primitive value")}});var Rn=p((Am,wn)=>{"use strict";wn.exports=!0});var Pn=p((wm,On)=>{"use strict";var kn=K(),Bl=Object.defineProperty;On.exports=function(r,e){try{Bl(kn,r,{value:e,configurable:!0,writable:!0})}catch{kn[r]=e}return e}});var bt=p((Rm,Fn)=>{"use strict";var ql=Rn(),Dl=K(),Hl=Pn(),Mn="__core-js_shared__",Ln=Fn.exports=Dl[Mn]||Hl(Mn,{});(Ln.versions||(Ln.versions=[])).push({version:"3.38.0",mode:ql?"pure":"global",copyright:"\xA9 2014-2024 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.38.0/LICENSE",source:"https://github.com/zloirock/core-js"})});var Ir=p((km,Nn)=>{"use strict";var Vn=bt();Nn.exports=function(r,e){return Vn[r]||(Vn[r]=e||{})}});var Ae=p((Om,_n)=>{"use strict";var Ul=hr(),Gl=Object;_n.exports=function(r){return Gl(Ul(r))}});var ue=p((Pm,$n)=>{"use strict";var zl=H(),Wl=Ae(),Kl=zl({}.hasOwnProperty);$n.exports=Object.hasOwn||function(e,t){return Kl(Wl(e),t)}});var xr=p((Mm,jn)=>{"use strict";var Ql=H(),Xl=0,Yl=Math.random(),Zl=Ql(1 .toString);jn.exports=function(r){return"Symbol("+(r===void 0?"":r)+")_"+Zl(++Xl+Yl,36)}});var we=p((Lm,qn)=>{"use strict";var Jl=K(),ec=Ir(),Bn=ue(),tc=xr(),rc=vr(),ic=br(),he=Jl.Symbol,Sr=ec("wks"),nc=ic?he.for||he:he&&he.withoutSetter||tc;qn.exports=function(r){return Bn(Sr,r)||(Sr[r]=rc&&Bn(he,r)?he[r]:nc("Symbol."+r)),Sr[r]}});var Gn=p((Fm,Un)=>{"use strict";var oc=dt(),Dn=pe(),Hn=yr(),ac=xn(),sc=An(),lc=we(),cc=TypeError,pc=lc("toPrimitive");Un.exports=function(r,e){if(!Dn(r)||Hn(r))return r;var t=ac(r,pc),i;if(t){if(e===void 0&&(e="default"),i=oc(t,r,e),!Dn(i)||Hn(i))return i;throw new cc("Can't convert object to primitive value")}return e===void 0&&(e="number"),sc(r,e)}});var Ar=p((Vm,zn)=>{"use strict";var uc=Gn(),hc=yr();zn.exports=function(r){var e=uc(r,"string");return hc(e)?e:e+""}});var Qn=p((Nm,Kn)=>{"use strict";var dc=K(),Wn=pe(),wr=dc.document,mc=Wn(wr)&&Wn(wr.createElement);Kn.exports=function(r){return mc?wr.createElement(r):{}}});var Rr=p((_m,Xn)=>{"use strict";var fc=ie(),vc=q(),bc=Qn();Xn.exports=!fc&&!vc(function(){return Object.defineProperty(bc("div"),"a",{get:function(){return 7}}).a!==7})});var Jn=p(Zn=>{"use strict";var yc=ie(),gc=dt(),Cc=lr(),Ec=cr(),Tc=Se(),Ic=Ar(),xc=ue(),Sc=Rr(),Yn=Object.getOwnPropertyDescriptor;Zn.f=yc?Yn:function(e,t){if(e=Tc(e),t=Ic(t),Sc)try{return Yn(e,t)}catch{}if(xc(e,t))return Ec(!gc(Cc.f,e,t),e[t])}});var to=p((jm,eo)=>{"use strict";var Ac=q(),wc=D(),Rc=/#|\.prototype\./,Re=function(r,e){var t=Oc[kc(r)];return t===Mc?!0:t===Pc?!1:wc(e)?Ac(e):!!e},kc=Re.normalize=function(r){return String(r).replace(Rc,".").toLowerCase()},Oc=Re.data={},Pc=Re.NATIVE="N",Mc=Re.POLYFILL="P";eo.exports=Re});var kr=p((Bm,io)=>{"use strict";var ro=ar(),Lc=gr(),Fc=Ie(),Vc=ro(ro.bind);io.exports=function(r,e){return Lc(r),e===void 0?r:Fc?Vc(r,e):function(){return r.apply(e,arguments)}}});var oo=p((qm,no)=>{"use strict";var Nc=ie(),_c=q();no.exports=Nc&&_c(function(){return Object.defineProperty(function(){},"prototype",{value:42,writable:!1}).prototype!==42})});var so=p((Dm,ao)=>{"use strict";var $c=pe(),jc=String,Bc=TypeError;ao.exports=function(r){if($c(r))return r;throw new Bc(jc(r)+" is not an object")}});var po=p(co=>{"use strict";var qc=ie(),Dc=Rr(),Hc=oo(),yt=so(),lo=Ar(),Uc=TypeError,Or=Object.defineProperty,Gc=Object.getOwnPropertyDescriptor,Pr="enumerable",Mr="configurable",Lr="writable";co.f=qc?Hc?function(e,t,i){if(yt(e),t=lo(t),yt(i),typeof e=="function"&&t==="prototype"&&"value"in i&&Lr in i&&!i[Lr]){var n=Gc(e,t);n&&n[Lr]&&(e[t]=i.value,i={configurable:Mr in i?i[Mr]:n[Mr],enumerable:Pr in i?i[Pr]:n[Pr],writable:!1})}return Or(e,t,i)}:Or:function(e,t,i){if(yt(e),t=lo(t),yt(i),Dc)try{return Or(e,t,i)}catch{}if("get"in i||"set"in i)throw new Uc("Accessors not supported");return"value"in i&&(e[t]=i.value),e}});var ho=p((Um,uo)=>{"use strict";var zc=ie(),Wc=po(),Kc=cr();uo.exports=zc?function(r,e,t){return Wc.f(r,e,Kc(1,t))}:function(r,e,t){return r[e]=t,r}});var Oe=p((Gm,fo)=>{"use strict";var ke=K(),Qc=Li(),Xc=ar(),Yc=D(),Zc=Jn().f,Jc=to(),de=mt(),ep=kr(),me=ho(),mo=ue();bt();var tp=function(r){var e=function(t,i,n){if(this instanceof e){switch(arguments.length){case 0:return new r;case 1:return new r(t);case 2:return new r(t,i)}return new r(t,i,n)}return Qc(r,this,arguments)};return e.prototype=r.prototype,e};fo.exports=function(r,e){var t=r.target,i=r.global,n=r.stat,o=r.proto,l=i?ke:n?ke[t]:ke[t]&&ke[t].prototype,a=i?de:de[t]||me(de,t,{})[t],s=a.prototype,c,d,m,f,b,R,E,y,u;for(f in e)c=Jc(i?f:t+(n?".":"#")+f,r.forced),d=!c&&l&&mo(l,f),R=a[f],d&&(r.dontCallGetSet?(u=Zc(l,f),E=u&&u.value):E=l[f]),b=d&&E?E:e[f],!(!c&&!o&&typeof R==typeof b)&&(r.bind&&d?y=ep(b,ke):r.wrap&&d?y=tp(b):o&&Yc(b)?y=Xc(b):y=b,(r.sham||b&&b.sham||R&&R.sham)&&me(y,"sham",!0),me(a,f,y),o&&(m=t+"Prototype",mo(de,m)||me(de,m,{}),me(de[m],f,b),r.real&&s&&(c||!s[f])&&me(s,f,b)))}});var bo=p((zm,vo)=>{"use strict";var rp=Math.ceil,ip=Math.floor;vo.exports=Math.trunc||function(e){var t=+e;return(t>0?ip:rp)(t)}});var Pe=p((Wm,yo)=>{"use strict";var np=bo();yo.exports=function(r){var e=+r;return e!==e||e===0?0:np(e)}});var Co=p((Km,go)=>{"use strict";var op=Pe(),ap=Math.min;go.exports=function(r){var e=op(r);return e>0?ap(e,9007199254740991):0}});var Me=p((Qm,Eo)=>{"use strict";var sp=Co();Eo.exports=function(r){return sp(r.length)}});var gt=p((Xm,To)=>{"use strict";To.exports=function(){}});var Io=p(()=>{"use strict";var lp=Oe(),cp=Ae(),pp=Me(),up=Pe(),hp=gt();lp({target:"Array",proto:!0},{at:function(e){var t=cp(this),i=pp(t),n=up(e),o=n>=0?n:i+n;return o<0||o>=i?void 0:t[o]}});hp("at")});var Ct=p((Jm,xo)=>{"use strict";var dp=ft();xo.exports=dp});var Ao=p((ef,So)=>{"use strict";Io();var mp=Ct();So.exports=mp("Array","at")});var Ro=p((tf,wo)=>{"use strict";var fp=Ao();wo.exports=fp});var Fr=p((rf,ko)=>{"use strict";var vp=Ro();ko.exports=vp});var Bo=p((Jf,jo)=>{"use strict";var Sp=Pe(),Ap=Math.max,wp=Math.min;jo.exports=function(r,e){var t=Sp(r);return t<0?Ap(t+e,0):wp(t,e)}});var Br=p((ev,Do)=>{"use strict";var Rp=Se(),kp=Bo(),Op=Me(),qo=function(r){return function(e,t,i){var n=Rp(e),o=Op(n);if(o===0)return!r&&-1;var l=kp(i,o),a;if(r&&t!==t){for(;o>l;)if(a=n[l++],a!==a)return!0}else for(;o>l;l++)if((r||l in n)&&n[l]===t)return r||l||0;return!r&&-1}};Do.exports={includes:qo(!0),indexOf:qo(!1)}});var Ho=p(()=>{"use strict";var Pp=Oe(),Mp=Br().includes,Lp=q(),Fp=gt(),Vp=Lp(function(){return!Array(1).includes()});Pp({target:"Array",proto:!0,forced:Vp},{includes:function(e){return Mp(this,e,arguments.length>1?arguments[1]:void 0)}});Fp("includes")});var Go=p((iv,Uo)=>{"use strict";Ho();var Np=Ct();Uo.exports=Np("Array","includes")});var Wo=p((nv,zo)=>{"use strict";var _p=Go();zo.exports=_p});var je=p((ov,Ko)=>{"use strict";var $p=Wo();Ko.exports=$p});var ta=p((vv,ea)=>{"use strict";var qp=Ir(),Dp=xr(),Jo=qp("keys");ea.exports=function(r){return Jo[r]||(Jo[r]=Dp(r))}});var ia=p((bv,ra)=>{"use strict";var Hp=q();ra.exports=!Hp(function(){function r(){}return r.prototype.constructor=null,Object.getPrototypeOf(new r)!==r.prototype})});var aa=p((yv,oa)=>{"use strict";var Up=ue(),Gp=D(),zp=Ae(),Wp=ta(),Kp=ia(),na=Wp("IE_PROTO"),Hr=Object,Qp=Hr.prototype;oa.exports=Kp?Hr.getPrototypeOf:function(r){var e=zp(r);if(Up(e,na))return e[na];var t=e.constructor;return Gp(t)&&e instanceof t?t.prototype:e instanceof Hr?Qp:null}});var la=p((gv,sa)=>{"use strict";sa.exports={}});var ua=p((Cv,pa)=>{"use strict";var Xp=H(),Ur=ue(),Yp=Se(),Zp=Br().indexOf,Jp=la(),ca=Xp([].push);pa.exports=function(r,e){var t=Yp(r),i=0,n=[],o;for(o in t)!Ur(Jp,o)&&Ur(t,o)&&ca(n,o);for(;e.length>i;)Ur(t,o=e[i++])&&(~Zp(n,o)||ca(n,o));return n}});var da=p((Ev,ha)=>{"use strict";ha.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]});var fa=p((Tv,ma)=>{"use strict";var eu=ua(),tu=da();ma.exports=Object.keys||function(e){return eu(e,tu)}});var Ea=p((Iv,Ca)=>{"use strict";var ba=ie(),ru=q(),ya=H(),iu=aa(),nu=fa(),ou=Se(),au=lr().f,ga=ya(au),su=ya([].push),lu=ba&&ru(function(){var r=Object.create(null);return r[2]=2,!ga(r,2)}),va=function(r){return function(e){for(var t=ou(e),i=nu(t),n=lu&&iu(t)===null,o=i.length,l=0,a=[],s;o>l;)s=i[l++],(!ba||(n?s in t:ga(t,s)))&&su(a,r?[s,t[s]]:t[s]);return a}};Ca.exports={entries:va(!0),values:va(!1)}});var Ta=p(()=>{"use strict";var cu=Oe(),pu=Ea().values;cu({target:"Object",stat:!0},{values:function(e){return pu(e)}})});var xa=p((Av,Ia)=>{"use strict";Ta();var uu=mt();Ia.exports=uu.Object.values});var Aa=p((wv,Sa)=>{"use strict";var hu=xa();Sa.exports=hu});var Ft=p((Rv,wa)=>{"use strict";var du=Aa();wa.exports=du});var Xr=p((Zv,Fa)=>{"use strict";var gu=xe();Fa.exports=Array.isArray||function(e){return gu(e)==="Array"}});var Na=p((Jv,Va)=>{"use strict";var Cu=TypeError,Eu=9007199254740991;Va.exports=function(r){if(r>Eu)throw Cu("Maximum allowed index exceeded");return r}});var ja=p((eb,$a)=>{"use strict";var Tu=Xr(),Iu=Me(),xu=Na(),Su=kr(),_a=function(r,e,t,i,n,o,l,a){for(var s=n,c=0,d=l?Su(l,a):!1,m,f;c<i;)c in t&&(m=d?d(t[c],c,e):t[c],o>0&&Tu(m)?(f=Iu(m),s=_a(r,e,m,f,s,o-1)-1):(xu(s+1),r[s]=m),s++),c++;return s};$a.exports=_a});var Da=p((tb,qa)=>{"use strict";var Au=we(),wu=Au("toStringTag"),Ba={};Ba[wu]="z";qa.exports=String(Ba)==="[object z]"});var Ua=p((rb,Ha)=>{"use strict";var Ru=Da(),ku=D(),Nt=xe(),Ou=we(),Pu=Ou("toStringTag"),Mu=Object,Lu=Nt(function(){return arguments}())==="Arguments",Fu=function(r,e){try{return r[e]}catch{}};Ha.exports=Ru?Nt:function(r){var e,t,i;return r===void 0?"Undefined":r===null?"Null":typeof(t=Fu(e=Mu(r),Pu))=="string"?t:Lu?Nt(e):(i=Nt(e))==="Object"&&ku(e.callee)?"Arguments":i}});var za=p((ib,Ga)=>{"use strict";var Vu=H(),Nu=D(),Yr=bt(),_u=Vu(Function.toString);Nu(Yr.inspectSource)||(Yr.inspectSource=function(r){return _u(r)});Ga.exports=Yr.inspectSource});var Za=p((nb,Ya)=>{"use strict";var $u=H(),ju=q(),Wa=D(),Bu=Ua(),qu=ft(),Du=za(),Ka=function(){},Qa=qu("Reflect","construct"),Zr=/^\s*(?:class|function)\b/,Hu=$u(Zr.exec),Uu=!Zr.test(Ka),He=function(e){if(!Wa(e))return!1;try{return Qa(Ka,[],e),!0}catch{return!1}},Xa=function(e){if(!Wa(e))return!1;switch(Bu(e)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return Uu||!!Hu(Zr,Du(e))}catch{return!0}};Xa.sham=!0;Ya.exports=!Qa||ju(function(){var r;return He(He.call)||!He(Object)||!He(function(){r=!0})||r})?Xa:He});var rs=p((ob,ts)=>{"use strict";var Ja=Xr(),Gu=Za(),zu=pe(),Wu=we(),Ku=Wu("species"),es=Array;ts.exports=function(r){var e;return Ja(r)&&(e=r.constructor,Gu(e)&&(e===es||Ja(e.prototype))?e=void 0:zu(e)&&(e=e[Ku],e===null&&(e=void 0))),e===void 0?es:e}});var ns=p((ab,is)=>{"use strict";var Qu=rs();is.exports=function(r,e){return new(Qu(r))(e===0?0:e)}});var os=p(()=>{"use strict";var Xu=Oe(),Yu=ja(),Zu=Ae(),Ju=Me(),eh=Pe(),th=ns();Xu({target:"Array",proto:!0},{flat:function(){var e=arguments.length?arguments[0]:void 0,t=Zu(this),i=Ju(t),n=th(t,0);return n.length=Yu(n,t,t,i,0,e===void 0?1:eh(e)),n}})});var as=p(()=>{"use strict";var rh=gt();rh("flat")});var ls=p((ub,ss)=>{"use strict";os();as();var ih=Ct();ss.exports=ih("Array","flat")});var ps=p((hb,cs)=>{"use strict";var nh=ls();cs.exports=nh});var hs=p((db,us)=>{"use strict";var oh=ps();us.exports=oh});var li="1.0.37-dev.af36d24f.0";import{Subject as el,Subscription as tl}from"@vkontakte/videoplayer-shared/es2024";var Dt=class{constructor(e){this.layout=e}},Ke=class extends Dt{constructor(e){super(e)}setContainerLayout(e){e.style.position="relative"}setControlLayout(e,t){e.style.position="absolute",e.style.width=`calc(var(--interactive-content-width) * (${t.width} + ${2e-4}))`,e.style.height=`calc(var(--interactive-content-height) * ${t.height})`,e.style.left=`calc(var(--interactive-content-width) * ${t.x} + ((var(--interactive-width) - var(--interactive-content-width)) / 2))`,e.style.top=`calc(var(--interactive-content-height) * ${t.y} + ((var(--interactive-height) - var(--interactive-content-height)) / 2))`}};function ci(r){return"features"in r}var se=class{constructor(e,t){this.container=e,this.options=t,this.factories=new Map,this.controls=[],this.setControls()}featureIsEnabled(e){return this.options&&ci(this.options)&&this.options.features[e]}addControlFactory(e,t){this.factories.set(e.trim().toLowerCase(),t),this.setControls()}removeControlFactory(e){this.factories.delete(e.trim().toLowerCase()),this.setControls()}setControls(){this.controls=this.chooseControls()}chooseControls(){return this.container.controls?.reduce((e,t)=>{let i=t.type.trim().toLowerCase(),n=this.factories.get(i);if(n){let o=n(t,this.options);if(o)return[...e,o]}return[...e]},[])||[]}};import{fromEvent as it,once as Qs}from"@vkontakte/videoplayer-shared/es2024";var Y=(r,e)=>Object.prototype.toString.call(r)===`[object ${e}]`,Z=r=>Y(r,"Object"),Qe=r=>Y(r,"String"),Xe=r=>Y(r,"Array"),Ye=r=>Y(r,"Number"),pi=r=>Y(r,"Function"),ui=r=>Y(r,"Boolean"),Ht=r=>Ye(r)&&!isNaN(r);var te=r=>Z(r)&&Object.keys(r).length===0,Ut=r=>Xe(r)&&!r.length;var ge=(r,e)=>Qe(r)&&(e?r.trim():r).length;function Ce(r,e=1){let t="0",i="0",n="0";return r.length===4?(t="0x"+r[1]+r[1],i="0x"+r[2]+r[2],n="0x"+r[3]+r[3]):r.length===7&&(t="0x"+r[1]+r[2],i="0x"+r[3]+r[4],n="0x"+r[5]+r[6]),`rgba(${+t},${+i},${+n},${e})`}var hi="interactive",k={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},di=(i=>(i.top="flex-start",i.bottom="flex-end",i.center="center",i))(di||{}),mi=(i=>(i.start="flex-start",i.end="flex-end",i.center="center",i))(mi||{}),fi=(i=>(i.start="left",i.end="right",i.center="center",i))(fi||{}),Ze=({target:r,props:e})=>{r.style.alignItems=(e?.gravityVertical&&di[e.gravityVertical])??"center",r.style.justifyContent=(e?.gravityHorizontal&&mi[e.gravityHorizontal])??"center",r.style.textAlign=(e?.alignment&&fi[e.alignment])??"center"},Je=({target:r,props:e,fallback:t,dependsOn:i})=>{r.style.color=e?.text?.color??t.textColor,r.style.fontSize=`calc(${i.height} * ${e?.text?.size??t.textSize})`,r.textContent=e?.text?.value??t.textContent},et=({target:r,props:e,fallback:t})=>{r.style.backgroundColor=Ce(e?.background?.color??t.backgroundColor,e?.background?.alpha??t.backgroundAlpha)},Ee=({target:r,props:e,fallback:t,dependsOn:i,useRawValues:n=!1})=>{let o=n?t.borderWidthRawValue:`calc(${i.height} * ${e?.shape?.border?.width??t.borderWidth})`,l=n?t.roundCornersRawValue:`calc(${i.height} * ${e?.shape?.roundCorners??t.roundCorners})`;r.style.borderWidth=o,r.style.borderStyle="solid",r.style.borderColor=Ce(n?t.borderColor:e?.shape?.border?.color??t.borderColor,n?t.borderAlpha:e?.shape?.border?.alpha??t.borderAlpha),r.style.borderRadius=l},vi=({target:r,isDark:e,baseDimension:t,fallback:i})=>{let l=Ce(i.shadowColorLight,i.shadowColorAlpha),a=Ce(i.shadowColorDark,i.shadowColorAlpha),s=`calc(${t} * ${.25})`,c=`calc(${t} * ${.11})`,d=`0px 0px ${s} ${c} ${e?a:l}`;r.style.boxShadow=d},le=({target:r,layoutParams:e,fallback:t})=>{let i=e.angle??t.angle;i=i&&i*-1,r.style.transform=`rotate(${i}rad)`};import{fromEvent as Kt,Subject as zs,Subscription as Ws,ValueSubject as Ks}from"@vkontakte/videoplayer-shared/es2024";var Gt="interactive-control-tap",ce={common:Gt,animation:`${Gt}-animation`,visible:`${Gt}-visible`};var Us=60,tt=class{constructor({controlRotateAngleRad:e,clickCancelCondition:t,circleDiameterPx:i=Us,useDimensionsBasedSize:n=!1}){this.onElementClick=e=>{if(!e.target||!e.currentTarget||this.clickCancelCondition())return;let t=e.currentTarget.parentElement;if(!t)return;let i=t.getBoundingClientRect(),n={width:this.useDimensionsBasedSize?t.offsetWidth:this.circleDiameterPx,height:this.useDimensionsBasedSize?t.offsetHeight:this.circleDiameterPx},o=Math.min(n.width,n.height),l=i.left+i.width/2,a=i.top+i.height/2,s=e.clientX-l,c=e.clientY-a,d=Gs(s,c,this.controlRotateAngleRad);this.element.style.width=o+"px",this.element.style.left=d.x+i.width/2-o/2+"px",this.element.style.top=d.y+i.height/2-o/2+"px",this.element.classList.add(ce.visible,ce.animation)};this.onAnimationEnd=e=>{!e.target||!e.currentTarget||e.target===e.currentTarget&&this.element.classList.remove(ce.visible,ce.animation)};let o=document.createElement("div");o.classList.add(ce.common),this.controlRotateAngleRad=e,this.element=o,this.clickCancelCondition=t,this.circleDiameterPx=i,this.useDimensionsBasedSize=n}};function Gs(r,e,t){return{x:r*Math.cos(t)-e*Math.sin(t),y:r*Math.sin(t)+e*Math.cos(t)}}var zt="int",re=(i=>(i.AREA=`${zt}_area`,i.TEXT=`${zt}_text`,i.BUTTON=`${zt}_bttn`,i))(re||{});function Wt(r){return"features"in r}var W="interactive-control",w={common:W,selected:`${W}-selected`,wrapper:`${W}-wrapper`,disabled:`${W}-disabled`,button:`${W}-button`,area:`${W}-area`,text:`${W}-text`,blinkAnim:`${W}-blink-anim`,blinkAnimButton:`${W}-blink-anim-button`,blinkAnimArea:`${W}-blink-anim-area`},bi=40;var L=class{constructor(e,t,...i){this.severity=e;this.category=t;this.data=i}toString(){return`Interactive SDK error ${JSON.stringify(this,null," ")}`}};var J=class{constructor(e,t){this.control=e;this.options=t;this.container=null;this.controlElement=null;this.subscriptions=new Ws;this.error$=new zs;this.isInteracted$=new Ks(!1)}onError(e="",t){let i=new L(1,1,{message:e,error:t,details:{id:this.control.id}});this.error$.next(i)}addControlTap(e){if(this.featureIsEnabled("controlsTapPlace")&&this.container){let t=this.control.layoutParams.angle??k.angle;this.controlTap=new tt({controlRotateAngleRad:t,clickCancelCondition:this.container.isManifestContainerDisabled,circleDiameterPx:this.isTouch()?bi:void 0}),this.subscriptions.add(Kt(e,"click").subscribe(this.controlTap.onElementClick,i=>this.onError("Control click tap animation error",i))).add(Kt(this.controlTap.element,"animationend").subscribe(this.controlTap.onAnimationEnd,i=>this.onError("Tap animationend error",i))),this.container.element.append(this.controlTap.element)}}createContainerElement(e){let t=document.createElement("div");t.classList.add(w.wrapper),e.setControlLayout(t,this.control.layoutParams);let i=(this.control.layoutParams.innerSizesDependOn??k.innerSizesDependOn)==="self"?{height:t.style.height,width:t.style.width}:{height:"var(--interactive-content-height)",width:"var(--interactive-content-width)"},n=()=>e.isContainerDisabled?.()??!1;this.container={element:t,dimensions:i,isManifestContainerDisabled:n}}createClickListener(e){return t=>{t.stopPropagation(),this.isInteracted$.next(!0),e()}}featureIsEnabled(e){return this.options&&Wt(this.options)&&this.options.features[e]}isTouch(){return this.options&&Wt(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(Kt(this.container.element,"click").subscribe(this.createClickListener(()=>e({action:t.action,controlId:this.control.id,controlType:this.control.type})),n=>this.onError("Error happened on control interaction",n)));break}default:break}})}removeListeners(){this.subscriptions.unsubscribe()}};var Yt="interactive-blink-anim-reference",F={common:Yt,animation:`${Yt}-animation`,disabled:`${Yt}-disabled`},rt=class{constructor(){this._RAFId=0;this._element=void 0}get element(){return this._element}create(){if(this._element)return;let e=document.createElement("div");e.classList.add(F.common,F.animation),this._element=e}restart(){this._element&&(this._element.classList.add(F.disabled),this.cleanupRAF(),this._RAFId=requestAnimationFrame(()=>{this._element&&(this._element.classList.remove(F.disabled),this.cleanupRAF())}))}cleanupRAF(){this._RAFId&&(cancelAnimationFrame(this._RAFId),this._RAFId=0)}destroy(){this.cleanupRAF(),this._element=void 0}};var Zt="interactive-container",V={common:Zt,hidden:`${Zt}-hidden`,disabled:`${Zt}-disabled`};var nt=(r,e)=>{if(r.type.trim().toLowerCase()==="area")return new Jt(r,e)},Jt=class extends J{constructor(e,t){super(e,t)}createView({parentElement:e,callbacks:t}){if(super.createContainerElement(t),!this.container)return;let i=document.createElement("button");i.type="button",i.classList.add(w.common,w.area),i.setAttribute("data-testid",re.AREA),et({target:i,props:this.control.props,fallback:{...k,backgroundColor:"transparent"}}),le({target:i,layoutParams:this.control.layoutParams,fallback:k}),this.addControlTap(i),this.container.element.append(i),e.append(this.container.element),this.controlElement=i,this.updateShadowStyles(),this.registerEvents()}registerEvents(){if(!this.featureIsEnabled("controlsExpectTimeBlinkAnimation"))return;let e=this.container?.element.parentElement;!e||!this.controlElement||(this.subscriptions.add(it(this.controlElement,"mouseleave").subscribe(()=>{if(e.classList.contains(V.disabled))return;let t=e.parentElement;if(t){let i=t.querySelector(`.${F.common}`);i&&this.syncBlinkAnimation(i)}},t=>this.onError("Error happened in mouseleave callback",t))),this.subscriptions.add(it(this.controlElement,"mouseenter").subscribe(()=>{e.classList.contains(V.disabled)||this.onBlinkHovering()},t=>this.onError("Error happened in mouseenter callback",t))).add(it(this.controlElement,"mouseleave").subscribe(()=>{this.controlElement&&(this.controlElement.style.animation="")},t=>this.onError("Error happened in mouseleave callback",t))))}disable(){this.controlElement&&this.controlElement.classList.add(w.disabled)}enable(){this.controlElement&&this.controlElement.classList.remove(w.disabled)}getElement(){return this.controlElement}updateShadowStyles(e){if(!(!this.container||!this.controlElement))if(ui(e)){let t=Math.min(this.controlElement.offsetWidth,this.controlElement.offsetHeight)+"px";vi({target:this.controlElement,props:this.control.props,fallback:k,isDark:e,baseDimension:t}),Ee({target:this.controlElement,props:this.control.props,fallback:{...k,borderColor:e?k.shadowColorDark:k.shadowColorLight,borderAlpha:1,borderWidthRawValue:"0.1px",roundCornersRawValue:`calc(${this.container.dimensions.height} * ${this.control.props?.shape?.roundCorners??k.roundCorners})`},dependsOn:this.container.dimensions,useRawValues:!0})}else Ee({target:this.controlElement,props:this.control.props,fallback:{...k,borderAlpha:0},dependsOn:this.container.dimensions})}toggleBlinkAnimation(e){this.controlElement?.classList.toggle(w.blinkAnim,e),this.controlElement?.classList.toggle(w.blinkAnimArea,e)}syncBlinkAnimation(e){this.controlElement&&(!this.controlElement.classList.contains(`${w.blinkAnimArea}`)||this.controlElement.classList.contains(w.selected)||this.controlElement.classList.contains(F.disabled)||(this.controlElement.classList.add(F.disabled),this.subscriptions.add(it(e,"animationiteration").pipe(Qs()).subscribe(()=>{this.controlElement&&this.controlElement.classList.remove(F.disabled)},t=>this.onError("Error happened in animationiteration callback",t)))))}onBlinkHovering(){if(!this.controlElement||!this.controlElement.classList.contains(`${w.blinkAnimArea}`)||this.controlElement.classList.contains(w.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(){}};import{fromEvent as ct,once as Js}from"@vkontakte/videoplayer-shared/es2024";var ot=r=>{let e=document.createElement("span");switch(r){case"Button":case"button":{let t=document.createElement("div"),i={overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center"};Object.assign(t.style,i),t.append(e);let n={display:"inline-block",whiteSpace:"pre",textOverflow:"ellipsis",maxWidth:"initial",maxHeight:"100%",wordBreak:"normal"};return Object.assign(e.style,n),t}default:{let t={display:"inline-block",whiteSpace:"break-spaces",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%",maxHeight:"100%",wordBreak:"break-all"};return Object.assign(e.style,t),e}}};var at=Math.PI,er=2*at,st=at/2,yi=3*st,Xs=0,Ys=[Xs,st,at,yi];function gi(r){return r===st}function Ci(r){return r===at}function Ei(r){return r===yi}function Ti(r){return(r%er+er)%er}function Zs(r){for(let e of Ys)if(r===e)return e}function Ii(r){if(Zs(r))return null;let t=Math.floor(r/st)+1;return[1,2,3,4][t-1]}function xi(r){return r*180/Math.PI}var X="interactive-control-fill-animation",N={common:X,fillerWrapper:`${X}-filler-wrapper`,filler:`${X}-filler`,fillHeight:`${X}-fill-height`,fillWidth:`${X}-fill-width`,fromTop:`${X}-from-top`,fromBottom:`${X}-from-bottom`,fromLeft:`${X}-from-left`,fromRight:`${X}-from-right`};var lt=class r{constructor(e){this.widthExpansionCoef=0;let t=document.createElement("div");t.classList.add(N.common);let i=document.createElement("div");i.classList.add(N.fillerWrapper);let n=document.createElement("div");n.classList.add(N.filler),i.append(n),t.append(i);let o=Ti(e.rotateAngle),l=Ii(o),a=l!==null,c=l===2||!a&&Ci(o)||l===3,d=!a&&gi(o),m=!a&&Ei(o),f=!c&&!d&&!m,b=d||m,R=a&&!b,E=R?o:0;t.style.borderRadius=e.borderRadius,i.style.transform=`skew(${E*-1}rad)`,b?(n.classList.add(N.fillHeight,d?N.fromTop:N.fromBottom),i.classList.add(N.fillHeight,d?N.fromTop:N.fromBottom)):(n.classList.add(N.fillWidth,f?N.fromLeft:N.fromRight),i.classList.add(N.fillWidth)),e.debug&&console.log(`[interactive ${r.name}]`,{widthExpansionCoef:this.widthExpansionCoef,opts:e,shouldFillHeight:b,rotateAngleRad:o,rotateAngelDeg:xi(o),rotateAngleRaw:e.rotateAngle,fromRight:c,fromTop:d,fromBottom:m,fromLeft:f}),this.useSkew=R,this.fromLeft=f,this.rotateAngle=o,this.fillAnimationElement=t,this.fillAnimationFillerElement=n,this.fillAnimationFillerWrapperElement=i,this.startTime=e.startTime,this.endTime=e.endTime,this.shouldFillHeight=b,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((o=>o<this.startTime||o>this.endTime)(e))return;let i=this.endTime-this.startTime,n=Math.min(Math.max((e-this.startTime)/i,0),1);this.shouldFillHeight?this.fillAnimationFillerElement.style.transform=`scaleY(${n})`:this.fillAnimationFillerElement.style.transform=`scaleX(${n})`}calcWidthExpansionCoef({rotateAngle:e,isSkewed:t=!1,initWidth:i,initHeight:n}){return t?(i+n*Math.abs(Math.tan(e)))/i-1:0}};var pt=(r,e)=>{if(r.type.trim().toLowerCase()==="button")return new tr(r,e)},tr=class extends J{constructor(e,t){super(e,t)}createView({parentElement:e,callbacks:t}){if(super.createContainerElement(t),!this.container)return;let i=document.createElement("button");i.type="button",i.classList.add(w.common,w.button),i.setAttribute("data-testid",re.BUTTON),le({target:i,layoutParams:this.control.layoutParams,fallback:k}),et({target:i,props:this.control.props,fallback:k}),Ee({target:i,props:this.control.props,fallback:k,dependsOn:this.container.dimensions}),Ze({target:i,props:{...this.control.props.text,alignment:this.control.layoutParams.alignment}});let n=ot(this.control.type.trim().toLowerCase()),o=n.firstElementChild??n;Je({target:o,props:this.control.props,fallback:k,dependsOn:this.container.dimensions}),this.addControlTap(i),this.startTime!==void 0&&this.endTime!==void 0&&this.featureIsEnabled("controlsFillAnimation")&&(this.controlFillAnimation=new lt({startTime:this.startTime,endTime:this.endTime,rotateAngle:this.control.layoutParams.angle??k.angle,borderRadius:i.style.borderRadius})),i.append(n,this.controlFillAnimation?.fillAnimationElement??""),this.container.element.append(this.controlTap?.element??"",i),e.append(this.container.element),this.controlElement=i,this.registerEvents()}registerEvents(){if(!this.featureIsEnabled("controlsExpectTimeBlinkAnimation"))return;let e=this.container?.element.parentElement;!e||!this.controlElement||(this.subscriptions.add(ct(this.controlElement,"mouseleave").subscribe(()=>{if(e.classList.contains(V.disabled))return;let t=e.parentElement;if(t){let i=t.querySelector(`.${F.common}`);i&&this.syncBlinkAnimation(i)}},t=>this.onError("Error happened in mouseleave callback",t))),this.subscriptions.add(ct(this.controlElement,"mouseenter").subscribe(()=>{e.classList.contains(V.disabled)||this.onBlinkHovering()},t=>this.onError("Error happened in mouseenter callback",t))).add(ct(this.controlElement,"mouseleave").subscribe(()=>{this.controlElement&&(this.controlElement.style.animation="")},t=>this.onError("Error happened in mouseleave callback",t))))}disable(){this.controlElement&&this.controlElement.classList.add(w.disabled)}enable(){this.controlElement&&this.controlElement.classList.remove(w.disabled)}getElement(){return this.controlElement}toggleBlinkAnimation(e){this.controlElement?.classList.toggle(w.blinkAnim,e),this.controlElement?.classList.toggle(w.blinkAnimButton,e)}syncBlinkAnimation(e){this.controlElement&&(!this.controlElement.classList.contains(`${w.blinkAnimButton}`)||this.controlElement.classList.contains(w.selected)||this.controlElement.classList.contains(F.disabled)||(this.controlElement.classList.add(F.disabled),this.subscriptions.add(ct(e,"animationiteration").pipe(Js()).subscribe(()=>{this.controlElement&&this.controlElement.classList.remove(F.disabled)},t=>this.onError("Error happened in animationiteration callback",t)))))}onBlinkHovering(){if(!this.controlElement||!this.controlElement.classList.contains(`${w.blinkAnimButton}`)||this.controlElement.classList.contains(w.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 Si=(r,e)=>{if(r.type.trim().toLowerCase()==="text")return new rr(r,e)},rr=class extends J{constructor(e,t){super(e,t)}createView({parentElement:e,callbacks:t}){if(super.createContainerElement(t),!this.container)return;let i=document.createElement("div");i.classList.add(w.common,w.text),i.setAttribute("data-testid",re.TEXT),le({target:i,layoutParams:this.control.layoutParams,fallback:k}),Ze({target:i,props:{...this.control.props.text,alignment:this.control.layoutParams.alignment}});let n=ot(this.control.type.trim().toLowerCase()),o=n.firstElementChild??n;Je({target:o,props:this.control.props,fallback:k,dependsOn:this.container.dimensions}),i.append(n),this.container.element.append(i),e.append(this.container.element),this.controlElement=i}getElement(){return this.controlElement}disable(){}enable(){}onProgress(){}onResize(){}updateShadowStyles(){}toggleBlinkAnimation(){}setShowTimeRange(){}updateFillAnimationDimensions(){}onError(){}};var ut=(r,e,t)=>{if(r.type.trim().toLowerCase()==="choice")return new ir(r,e,t)},ir=class extends se{constructor(t,i,n){super(t,n);this.containerElement=null;this.controlSubscriptions=new tl;this.error$=new el;this.rootElement=i,this.layout=new Ke(this.container.layout),this.isRemoved=!1,this.isDisabled=!1,this.addControlFactory("button",pt),this.addControlFactory("text",Si),this.addControlFactory("area",nt)}createView({eventCallback:t,videoDurationMs:i}){let n=document.createElement("div");return n.classList.add(V.common,V.disabled),requestAnimationFrame(()=>{n.classList.remove(V.disabled)}),this.layout.setContainerLayout(n),this.controls.forEach(o=>{o.setShowTimeRange(this.container.startTime,this.container.endTime??i),o.createView({parentElement:n,callbacks:{setControlLayout:this.layout.setControlLayout,isContainerDisabled:()=>this.isDisabled}}),o.setEvents(t),this.controlSubscriptions.add(o.error$.subscribe(this.error$))}),this.rootElement.append(n),this.isRemoved=!1,this.containerElement=n,this.updateControlsFillAnimationDimensions(),n}updateControlsFillAnimationDimensions(){for(let t of this.controls)t.updateFillAnimationDimensions()}hide(){let t=this.getElement();t&&t.classList.add(V.hidden)}show(){let t=this.getElement();t&&t.classList.remove(V.hidden)}enable(){let t=this.getElement();t&&(t.classList.remove(V.disabled),this.controls.forEach(i=>i.enable()),this.isDisabled=!1)}disable(){let t=this.getElement();t&&(t.classList.add(V.disabled),this.controls.forEach(i=>i.disable()),this.isDisabled=!0)}removeView(){let t=this.getElement();t&&(this.controlSubscriptions.unsubscribe(),this.controls.forEach(i=>i.removeListeners()),t.remove(),this.isRemoved=!0,this.containerElement=null)}fakeRemove(){this.isRemoved||(this.isRemoved=!0)}getElement(){return this.containerElement}onProgress(t,i){i&&this.controls.forEach(n=>{n.onProgress(t)})}onResize(t){t&&this.controls.forEach(i=>{i.onResize()})}updateControlsShadowStyles(t){this.controls.forEach(i=>i.updateShadowStyles(t))}toggleBlinkAnimation(t){this.controls.forEach(i=>i.toggleBlinkAnimation(t))}};var Ns=z(Fr(),1);import{combine as bh,InterfaceLanguage as yh,Observable as Ls,once as gh,Subject as _,Subscription as ni,ValueSubject as B,fromEvent as Fs}from"@vkontakte/videoplayer-shared/es2024";import{InteractiveInterfaceClick as ze}from"@vkontakte/videoplayer-statistics/es2024";import{loadVKLangPack as bp}from"@vkontakte/videoplayer-shared/es2024";function Le(r,e){let t;return(...i)=>{clearTimeout(t),t=setTimeout(()=>r(...i),e)}}var Oo="video_interactive",Po="videoint";var Mo=250,Fe=class{constructor(e){this.handleZoomChange=Le(e=>{this.lastZoomInfo=e},Mo);this.onResize=e=>{if(!this.isReady||this.isHidden||!e[0].contentRect.width||!e[0].contentRect.height)return;let t=this.getNextPoint();t&&this.ngEditor?.zoomTo(t,void 0,{isFromCenter:!0}),this.ngEditorSize={width:e[0].contentRect.width,height:e[0].contentRect.height}};this.handleChapterChange=e=>{if(this.manifest){if(this.isHidden||this.hide(),!e?.id){this.onError?.("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}};this.handleManifestChange=(e,t=[])=>{if(this.isReady=!1,!Ye(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.update(e),this.currentManifestId=this.manifest.metadata.id):this.ngEditor.setVisitedChapters(Array.from(t)),this.isReady=!0)};this.init(e)}init({root:e,onOpenPreviewClick:t,onError:i,lang:n,visitedChapters:o=[]}){this.isReady=!1,this.isHidden=!0,this.manifest=null,this.visitedChapterIds=new Set(o),this.onOpenPreviewClick=t,this.onError=i,this.lang=n??"ru",this.zoom=.7,this.lastZoomInfo=null,this.currentManifestId=null,this.currentChapterId=null,this.ngEditor=null,this.ngEditorSize=null,this.graphWrapperElement=yp(e),this.resizeObserver=new ResizeObserver(Le(this.onResize,Mo)),this.resizeObserver.observe(this.graphWrapperElement)}getNextPoint(e=this.ngEditorSize){return!this.lastZoomInfo||!e?null:[(this.lastZoomInfo.x-e.width/2)/this.lastZoomInfo.value*-1,(this.lastZoomInfo.y-e.height/2)/this.lastZoomInfo.value*-1]}setVisitedChapters(e){this.visitedChapterIds=new Set([...this.visitedChapterIds,...e]),this.ngEditor?.setVisitedChapters(Array.from(this.visitedChapterIds))}updateVideosInfo(e){this.ngEditor?.updateVideosInfo(e)}async show(){this.manifest&&(this.ngEditor||await this.initNgEditor(),this.graphWrapperElement.style.display="block",!this.lastZoomInfo&&this.currentChapterId&&this.ngEditor?.focusChapter(this.currentChapterId),this.isHidden=!1)}async initNgEditor(){if(!this.manifest)return;let e;try{e=await bp(this.lang,Oo,Po)}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:i,...n})=>{i==="openPreview"&&"chapterId"in n&&this.onOpenPreviewClick?.(n.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 yp(r){let e=document.createElement("div");return e.style.position="absolute",e.style.top="0",e.style.left="0",e.style.height="100%",e.style.width="100%",e.style.display="none",r.append(e),e}var Ve=class{constructor(){this._containers=[];this._player=null;this.setPlayer=e=>{this._player=e};this.setContainers=e=>{this._containers=e};this.deleteContainer=e=>{this._containers=this._containers.filter(t=>t.id!==e)};this.getNextInteractiveTime=(e=3e3)=>{if(!this._containers.length||this._player===null)return null;let t=-1,i=!1,n=Math.round(this._player.info.position$.getValue()*1e3);for(let o of this._containers){let l=o.startTime-e;if(l<=n&&(o.endTime&&n<=o.endTime||o.endTime===null)){i=!0;break}n<l&&(t=t===-1?l:Math.min(t,l))}return!i&&t!==-1?t:null}}};import{isSupportedManifest as Tt,ContainerTypes as Rf,ControlTypes as It,EventActionTypes as S,EventTypes as kf,migrateManifestToLatestVersion as No,compareVersions as Of}from"@interactiveplatform/movika-manifest";var Lo={metadata:"Object",chapters:"Array"},Fo=r=>{if(!Z(r))return!1;for(let e in Lo)if(!r[e]||!Y(r[e],Lo[e]))return!1;return Tt(r.metadata.version)},Et=r=>r.type===It.Text,Cf=r=>r.type===It.Button,Ef=r=>r.type===It.Area,Tf={Choice:"Choice",TextInput:"TextInput"},If={Button:"Button",Area:"Area",Text:"Text"},xf={onClick:"onClick",onSuspense:"onSuspense"},Vo={openURI:"openURI",setNextBranch:"setNextBranch",setWeightlessRandomBranch:"setWeightlessRandomBranch",setRandomBranch:"setRandomBranch",setMaxWeightBranch:"setMaxWeightBranch",setMinWeightBranch:"setMinWeightBranch",setDefaultBranch:"setDefaultBranch",continuePlayback:"continuePlayback",expect:"expect"};var xt=class{constructor(){this.listeners={}}addListener(e,t){return this.listeners[e]=this.listeners[e]||[],this.listeners[e].push(t),this}on(e,t){return this.addListener(e,t)}once(e,t){this.listeners[e]=this.listeners[e]||[];let i=()=>{t(),this.off(e,i)};return this.listeners[e].push(i),this}off(e,t){return this.removeListener(e,t)}reset(){this.listeners={}}removeListener(e,t){let i=this.listeners[e]||[];for(let n=i.length;n>0;n--)if(i[n]===t){i.splice(n,1);break}return this}emit(e,...t){let i=this.listeners[e];return i?(i.forEach(n=>{n(...t)}),!0):!1}listenerCount(e){return this.rawListeners(e).length}rawListeners(e){return this.listeners[e]||[]}};var St=class{constructor(e){this.fns=[];this.addFn=(e,t=!1)=>{pi(e)&&(this.fns.push(e),t&&this.updateFn())};this.removeFn=(e,t=!1)=>{this.fns=this.fns.filter(i=>i!==e),t&&this.updateFn()};this.updateFn=()=>{this.fn=()=>{this.fns.forEach(e=>e()),this.raf&&this.forceRequestAnimation()}};this.forceRequestAnimation=()=>{this.fn&&(this.raf=requestAnimationFrame(this.fn))};this.requestAnimation=()=>{this.raf||this.forceRequestAnimation()};this.cancelAnimation=()=>{this.raf&&(cancelAnimationFrame(this.raf),this.raf=void 0)};e&&(this.fn=e,this.addFn(e))}release(){this.cancelAnimation(),this.fn=void 0,this.fns=[]}};import{ValueSubject as Bp}from"@vkontakte/videoplayer-shared/es2024";var At=class{constructor(e){this.loaders={chapterLoaders:e?.chapterLoaders??[],manifestLoaders:e?.manifestLoaders??[]}}async exec(e,t){return gp(...this.loaders[e])(t)}};function gp(...r){return async function(t){let i=[...r];for(;i.length>0;)t=await i.shift()(t);return t}}function Ne(r,e,t){return r?{...r,[e]:r[e]?[t,...r[e]]:[t]}:{[e]:[t]}}function wt({actions:r,errors:e,chapterId:t,...i}){if(t){let n=r.getManifest();if(n){let o=r.getChapter(n.chapters,t);if(o){let l=r.getMedia(n.media,o.videoId),a=r.getGraph(n.graph,o.id);return l?{...i,actions:r,errors:e,result:{chapter:o,media:l,graph:a}}:{...i,errors:Ne(e,wt.name,"Could not find media"),actions:r}}}}return{...i,errors:Ne(e,wt.name,"Could not find chapter"),actions:r}}var Rt=class{constructor(){Object.defineProperty(this,"listeners",{value:{},writable:!0,configurable:!0})}addEventListener(e,t,i){e in this.listeners||(this.listeners[e]=[]),this.listeners[e].push({callback:t,options:i})}removeEventListener(e,t){if(!(e in this.listeners))return;let i=this.listeners[e];for(let n=0,o=i.length;n<o;n++)if(i[n].callback===t){i.splice(n,1);return}}dispatchEvent(e){if(!(e.type in this.listeners))return;let i=this.listeners[e.type].slice();for(let n=0,o=i.length;n<o;n++){let l=i[n];try{l.callback.call(this,e)}catch(a){Promise.resolve().then(()=>{throw a})}l.options&&l.options.once&&this.removeEventListener(e.type,l.callback)}return!e.defaultPrevented}},fe=class extends Rt{constructor(){super(),this.listeners||Rt.call(this),Object.defineProperty(this,"aborted",{value:!1,writable:!0,configurable:!0}),Object.defineProperty(this,"onabort",{value:null,writable:!0,configurable:!0}),Object.defineProperty(this,"reason",{value:void 0,writable:!0,configurable:!0})}toString(){return"[object AbortSignal]"}dispatchEvent(e){e.type==="abort"&&(this.aborted=!0,typeof this.onabort=="function"&&this.onabort.call(this,e)),super.dispatchEvent(e)}},_e=class{constructor(){Object.defineProperty(this,"signal",{value:new fe,writable:!0,configurable:!0})}abort(e){let t;try{t=new Event("abort")}catch{typeof document<"u"?document.createEvent?(t=document.createEvent("Event"),t.initEvent("abort",!1,!1)):(t=document.createEventObject(),t.type="abort"):t={type:"abort",bubbles:!1,cancelable:!1}}let i=e;if(i===void 0)if(typeof document>"u")i=new Error("This operation was aborted"),i.name="AbortError";else try{i=new DOMException("signal is aborted without reason")}catch{i=new Error("This operation was aborted"),i.name="AbortError"}this.signal.reason=i,this.signal.dispatchEvent(t)}toString(){return"[object AbortController]"}};typeof Symbol<"u"&&Symbol.toStringTag&&(_e.prototype[Symbol.toStringTag]="AbortController",fe.prototype[Symbol.toStringTag]="AbortSignal");function kt(r){return r.__FORCE_INSTALL_ABORTCONTROLLER_POLYFILL?(console.log("__FORCE_INSTALL_ABORTCONTROLLER_POLYFILL=true is set, will force install polyfill"),!0):typeof r.Request=="function"&&!r.Request.prototype.hasOwnProperty("signal")||!r.AbortController}function Vr(r){typeof r=="function"&&(r={fetch:r});let{fetch:e,Request:t=e.Request,AbortController:i,__FORCE_INSTALL_ABORTCONTROLLER_POLYFILL:n=!1}=r;if(!kt({fetch:e,Request:t,AbortController:i,__FORCE_INSTALL_ABORTCONTROLLER_POLYFILL:n}))return{fetch:e,Request:o};let o=t;(o&&!o.prototype.hasOwnProperty("signal")||n)&&(o=function(c,d){let m;d&&d.signal&&(m=d.signal,delete d.signal);let f=new t(c,d);return m&&Object.defineProperty(f,"signal",{writable:!1,enumerable:!1,configurable:!0,value:m}),f},o.prototype=t.prototype);let l=e;return{fetch:(s,c)=>{let d=o&&o.prototype.isPrototypeOf(s)?s.signal:c?c.signal:void 0;if(d){let m;try{m=new DOMException("Aborted","AbortError")}catch{m=new Error("Aborted"),m.name="AbortError"}if(d.aborted)return Promise.reject(m);let f=new Promise((b,R)=>{d.addEventListener("abort",()=>R(m),{once:!0})});return c&&c.signal&&delete c.signal,Promise.race([f,l(s,c)])}return l(s,c)},Request:o}}var Cp=()=>"fetch"in window,$e=Cp()&&kt({fetch:window.fetch,Request:window.Request,AbortController:window.AbortController}),_o=$e?Vr({fetch:window.fetch,Request:window.Request,AbortController:window.AbortController}):void 0,Nr=$e?_o.fetch:window.fetch,Hf=$e?_o.Request:window.Request,Uf=$e?_e:window.AbortController,Gf=$e?fe:window.AbortSignal;var _r=(r="",e="")=>{let t=r.split("."),i=e.split("."),n=0;for(let o=0;o<Math.max(t.length,i.length)&&!n;o++)t[o]>i[o]?n=1:t[o]<i[o]?n=-1:n=0;return n};var Ep=async r=>{try{let e={},t;if(Qe(r)){t=new URL(r).href;let n=await Nr(t);if(!n.ok)return{};e=await n.json()}else if(Z(r))e=r;else return{};if(!Fo(e))return{};let i=e.metadata.media;if(Qe(i)&&!("media"in e))try{let n;t?n=new URL(i,t).href:(n=new URL(i).href,t=n);let o=await Nr(n);if(!o.ok)throw new Error;e.metadata.media=await o.json()}catch{return xp(e.metadata.version)?{manifest:e}:{}}return{manifest:e,manifestURL:t}}catch{return{}}};async function $o(r){let{manifest:e,manifestURL:t}=await Ep(r);if(!e)throw new Error("Failed on fetch");let i=No(e);return i.media=Tp(i.media,t),delete i.metadata.media,i}function Ot(r,e){if(e)return r.find(t=>t.id===e)}function $r(r,e){return r.edit?.chapters?r.edit.chapters.find(t=>t.id===e):r.view?.chapters?r.view.chapters.find(t=>t.id===e):void 0}function jr(r,e){return r.videos.find(t=>t.id===e)}function Tp(r,e){return{...r,videos:r.videos.map(t=>({...t,variants:t.variants.map(i=>{let n="url"in i?i.url:"",o=Ip(n,e);return{...i,url:o||n}})}))}}function Ip(r="",e){try{return new URL(r,e).href}catch{return""}}function xp(r){return _r(r,"3.2.0")>=0}var Qo=z(je(),1);var Pt=r=>Xe(r)&&!Ut(r),Q=r=>r.order==="end",Mt=r=>Xe(r.containers)&&!Ut(r.containers)&&Q(r),Xo=(r,e)=>{let t=r*1e3;return Pt(e.controls)&&t<(e.startTime??0)},qr=(r,e)=>{let t=r*1e3;return Pt(e.controls)&&t>=(e.startTime??0)&&t<=(e.endTime??1/0)};var ne=(r=[])=>r.some(e=>e.action.type==="expect"),Dr=(r=[])=>r.find(e=>e.action.type==="expect"),jp=r=>r?.length===1,ve=r=>jp(r)&&Et(r[0]);function Yo(r=[],e=1/0,t=[]){return r.filter(({container:i})=>!(0,Qo.default)(t,i.container.id)&&ne(i.container.events)&&i.container.endTime===e&&!i.isRemoved)}function Lt({gameControllers:r=[],subjectName:e,subjectId:t,execFn:i}){for(let n of r)if(e==="container"&&n.container.container.id===t){i(n),Yo(r,n.container.container.endTime,[n.container.container.id]).forEach(l=>{i(l)});break}}var Zo=(r,e)=>{let t=E=>e.find(({container:u})=>u.container.id===E)?.container.isRemoved,i=ne(r.events)&&!t(r.id),n=(E,y=!1,u=!1)=>{let h=u?"every":"some";return E.controls[h](v=>{let g=y?E.endTime===r.endTime:!0;return v.events?.[h](C=>C.action?.type===Vo.openURI)&&g})},o=E=>E.some(({container:y})=>n(y.container,!0,!1)&&!y.isRemoved),l=E=>E.every(({container:y})=>y.isRemoved?!0:n(y.container,!0,!0)),a=Yo(e,r.endTime,[r.id]).length,s=E=>E.controls.some(y=>y.events?.some(u=>u.action?.args?.shouldOpenNow)),c=i||a>0,d=o(e),m=n(r),f=l(e),b=i?!1:a>0,R=s(r);return{isExpectTime:c,hasOtherExpect:a>0,hasOpenURIEvent:d,hasOpenURIEventInCurrentContainer:m,isAllOpenURIEventsValid:f,isExpectEventForCurrentContainer:b,hasShouldOpenNowEvent:R}};var be=class extends At{constructor(t,i){super(t);this.manifest=null;this.chapter=null;this.media=null;this.graph=null;this.prevChapter$=new Bp(null);this.onError=i,this.release()}release(){return this.manifest=null,this.chapter=null,this.media=null,this.graph=null,this.prevChapter$.next(null),this}async setManifest(t){this.release();let i=await this.exec("manifestLoaders",{actions:{addErrorMessage:Ne},result:null,errors:null,source:t});return i.errors&&this.errorHandler(i.errors),this.manifest=await $o(i.result??t),this}async setInitial(){return this.setNext()}async setNext(t=this.manifest?.metadata.initChapterId){if(!t)return this;this.prevChapter$.next(this.chapter);let i=await this.exec("chapterLoaders",wt({actions:{getManifest:()=>this.manifest,getCurrent:this.getCurrent,getGraph:$r,getChapter:Ot,getMedia:jr,getByBranches:this.getByBranches.bind(this),addErrorMessage:Ne},result:null,errors:null,chapterId:t}));return i.errors&&this.errorHandler(i.errors),i.result&&(this.chapter=i.result.chapter,this.media=i.result.media,this.graph=i.result.graph),this}errorHandler(t){this.onError(t),console.error("Something went wrong with loaders",{errors:t})}getInitial(){return this.getByChapterId(this.manifest?.metadata.initChapterId)||null}getByChapterId(t=this.manifest?.metadata.initChapterId){if(!t||!this.manifest)return null;let i=Ot(this.manifest.chapters,t);if(i){let n=jr(this.manifest.media,i.videoId),o=$r(this.manifest.graph,i.id);if(n)return{chapter:i,media:n,graph:o}}return null}getBranches(t=this.chapter?.id){if(t===this.chapter?.id)return this.getByBranches(this.chapter?.branches);{let i=Ot(this.manifest?.chapters||[],t);return this.getByBranches(i?.branches)}}getByBranches(t=[]){return t.reduce((i,n)=>{let o=this.getByChapterId(n.chapterId);return o&&i.push(o),i},[])}getCurrent(){return{chapter:this.chapter,media:this.media,graph:this.graph}}isInitialChapter(){return this.chapter?.id===this.manifest?.metadata.initChapterId}isEndChapter(){return this.chapter?Q(this.chapter):!1}};var Oa=z(Ft(),1);import{Player as mu}from"@vkontakte/videoplayer-core/es2024";import{Subscription as Wr,Tracer as fu,ValueSubject as vu}from"@vkontakte/videoplayer-shared/es2024";var Ra=r=>{let e=r.variants.find(t=>t.payload?.type==="vk");if(e&&e.payload){let[t,i]=e.payload.id.split("_");return[t,i]}return[]};var ka=z(Ft(),1);function Gr(){let r=new Map;function e({listId:o=Math.random().toString(),itemId:l=Math.random().toString(),...a}){let s=r.get(o),c={...a};return s?s[l]=c:r.set(o,{[l]:c}),{listId:o,itemId:l,...a}}function t(o){o.player.destroy(),o.container.remove(),o.subscription.unsubscribe(),o.statistics?.oneStat.destroy(),o.statistics?.statSubscription.unsubscribe()}function i(o,l){let a=r.get(o);if(!a)throw Error("Can't remove. Not find.");if(l){let s=a[l];s&&t(s),delete a[l],Object.keys(a).length||r.delete(o)}else{for(let s of(0,ka.default)(a))t(s);r.delete(o)}}function n(){for(let o of r)i(o[0])}return{createPlayer:e,removePlayer:i,map:r,removeAll:n}}var ye=z(je(),1);function zr(r,e=[]){let t={},i,n=!e.length;for(let o of r.variants)if(!i&&"cover"in o&&(i=o.cover),"url"in o)switch(o.type.toLowerCase()){case"mp4":(n||(0,ye.default)(e,"mp4"))&&(t.MPEG={...t.MPEG,[o.standard??"Invariant quality"]:o.url});break;case"mpeg":(n||(0,ye.default)(e,"mpeg"))&&(t.MPEG={...t.MPEG,[o.standard??"Invariant quality"]:o.url});break;case"hls":(n||(0,ye.default)(e,"hls"))&&(t={...t,HLS:{type:"url",url:o.url}});break;case"dash":(n||(0,ye.default)(e,"dash"))&&(t={...t,DASH_SEP:{compatibilityMode:!0,type:"url",url:o.url}});break;default:break}return{sources:t,thumbUrl:i,title:r.title??""}}var Be=(r,e)=>{let t=r.info.currentQuality$.getValue(),i=r.info.availableQualities$.getValue();t!==e&&(0,ye.default)(i,e)&&(r.setQuality(e),r.setAutoQuality(!1))};var bu=2;function Kr(r){let e=Gr(),t=new Wr,i={},n=null,o=!1,l,a=new vu(null);r&&s(r);function s(y){n=y}function c(y,u,h){if(!n)throw Error("need to set interactive controller");if(!n.options)return;let g=(e.map.get(y)??{})[u];if(g){i={chapterId:h,listId:y,itemId:u,...g};let C=i.player;i.subscription.add(C.info.currentQuality$.subscribe(T=>{let A=C.info.position$.getValue(),$=C.info.isAutoQualityEnabled$.getValue();if(!(!T||!A||$))for(let I of e.map)(0,Oa.default)(I[1]).forEach(({player:P})=>{Be(P,T)})})).add(C.events.started$.subscribe(()=>{d(u)})),g.container.remove(),n.setPlayer(g.player),o||(n.init(),o=!0),a.next({player:i.player,config:i.config,statistics:i.statistics});return}throw Error("Can't set. Not find.")}async function d(y){if(!n)throw Error("need to set interactive controller");if(te(i)||y!==i.itemId)return;let u=n.getChapterBranches(),h=new Set;for(let v of u)h.has(v.media.id)||(await f({media:v.media,chapterId:v.chapter.id,setAsActive:!1,title:v.chapter.label}),h.add(v.media.id))}async function m({chapter:{id:y},manifestVideo:u}){if(te(i)||!n)return;let h=i.player.info.muted$.getValue(),v=i.player.info.currentQuality$.getValue(),g=i.player.info.isAutoQualityEnabled$.getValue(),C=i.player.info.volume$.getValue(),T=i.player.info.currentPlaybackRate$.getValue(),A=!g,$=!1;for(let I of e.map)if(I[0]===u.id&&!n.state.isReplay$.getValue()){let P=Object.keys(I[1]);for(let M of P)M===i.itemId?(P.length<bu||($=!0),e.removePlayer(I[0],M)):($=!0,c(I[0],M,y),A?Be(i.player,v):i.player.setAutoQuality(!0),i.player.setVolume(C),i.player.setMuted(h),i.player.setPlaybackRate(T))}else e.removePlayer(I[0]);$||(await f({media:u,chapterId:y,setAsActive:!0,playbackRate:T}),A?Be(i.player,v):i.player.setAutoQuality(!0),i.player.setVolume(C),i.player.setMuted(h))}async function f({media:y,chapterId:u,prefetch:h=!0,setAsActive:v=!0,autoplay:g=!1,preferredExt:C,title:T,playbackRate:A}){let $=Math.random().toString(),I=document.createElement("div");l.append(I);let P;if(n?.options?.vkVideoLoader){let We=Ra(y);We.length&&(P=await n.options.vkVideoLoader(...We))}let M=n?.options?.coreConfig||void 0,G={...M,configName:[...M?.configName??[],"interactive"]},ee={container:I,...P?.videos?.[0]||{sources:zr(y,C).sources},title:T,failoverHosts:P?.failoverHosts||[]},j=new mu(G,fu.createRootTracer());j.initVideo(ee);let oe=null;if(P?.videos&&n?.options.createOneStat){let We=P.videos[0],qt=n.options.createOneStat(We),ai=new Wr;qt&&(ai.add(qt.attachTo(j)),oe={oneStat:qt,statSubscription:ai})}let oi=new Wr,_s=i?.player?.info.isAutoQualityEnabled$.getValue();oi.add(j.events.canplay$.subscribe(function(){_s||Be(j,i.player.info.currentQuality$.getValue()),A&&j.setPlaybackRate(A)}));let ae=e.createPlayer({listId:y.id,itemId:$,player:j,container:I,sources:zr(y,C).sources,config:ee,subscription:oi,statistics:oe});return v&&c(y.id,ae.itemId,u),g&&ae.player.play(),h&&!g&&ae.player.prepare(),{player:ae.player,config:ae.config,statistics:ae.statistics}}function b(){R(),n=null,l.remove()}function R(){t.unsubscribe(),e.removeAll(),i={},o=!1}async function E(){if(!n)throw Error("need to set interactive controller");R(),l=document.createElement("div");let{media:y,chapter:u}=n.getCurrentChapter();y&&u?(t.add(n.events.chapterChanged$.subscribe(m)),await f({media:y,chapterId:u.id,title:u.label})):console.error("not found")}return{...e,init:E,setInteractiveController:s,createPlayer:f,removeAll:b,getActivePlayer:function(){return i},activePlayerChanged:a}}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"},qe={visibility:"visibility",watchAgainClicked:"watchAgainClicked"},O={actionChoiceCanceled:"action-choice-canceled",actionChoice:"action-choice",actionExecution:"action-execution",visibility:"visibility",containerRemoved:"container-removed",rangeEnded:"range-ended"};var Ma=z(je(),1);import{Subscription as yu}from"@vkontakte/videoplayer-shared/es2024";function Qr(r){return function(...t){return r(...t.reverse())}}function De(r,...e){return(...t)=>Z(e[0])&&Z(t[0])?r({...e[0],...t[0]}):r(...e,...t)}var Vt=class{constructor({player:e,container:t,branches:i,selectBranches:n,interactiveEvents:o,globalEvents:l,globalEventEmitter:a,getContainerEventState:s,permanentTextControls:c,interactiveTimeOpenUri:d,disabledControls$:m,onRemove:f,onError:b}){this.hide=()=>{setTimeout(()=>{this.gameState!==4&&(ne(this.container.container.events)&&this.gameState===3||this.selectBranches.state.isExpect||(this.gameState!==2&&this.container.hide?.(),this.emitContainerVisibilityEvent(!1)))})};this.show=()=>{if(this.gameState!==2||this.isSelectedControlEvent)return;if(this.container.getElement()){let{hasOpenURIEventInCurrentContainer:t}=this.getContainerEventState();if(this.container.show?.(),this.interactiveTimeOpenUri&&t)return;this.emitContainerVisibilityEvent(!0,!1)}else{let t={isDisabled:()=>this.container.isDisabled,branches:this.branches,containerId:this.container.container.id,onDetachContainer:()=>{this.removeView(),this.emitContainerVisibilityEvent(!1)},onEvent:(o,l)=>{let{isExpectTime:a,hasOtherExpect:s,hasOpenURIEvent:c,hasOpenURIEventInCurrentContainer:d,isAllOpenURIEventsValid:m,hasShouldOpenNowEvent:f}=this.getContainerEventState(),b=this.interactiveTimeOpenUri&&!d,R=this.interactiveTimeOpenUri&&d;if((!this.interactiveTimeOpenUri||b)&&(this.isSelectedControlEvent=!0),o!==!1){if(!this.selectBranches.state.isExpect&&(!this.interactiveTimeOpenUri||b)){if(this.interactiveTimeOpenUri){let E=!s&&!m&&d;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&&c&&this.gameState!==5){if(R){let y=((u,h,v,g)=>!u&&!h&&v||u&&!h&&v&&!g||u&&!h&&v&&g)(a,s,m,this.isSelectedContainerEvent);this.fakeRemoveView(y)}else this.removeView(),this.emitContainerVisibilityEvent(!1);(!a||!s||!f)&&(this.selectBranches.stopExpect(),l())}},isEOV:()=>this.gameState===4},i=De(this.selectBranches.onControlEvent,t),n=(this.player?.info.duration$.getValue()??1/0)*1e3;this.container.createView({eventCallback:i,videoDurationMs:n}),this.emitContainerVisibilityEvent(!0,!0),this.disabledControls$.getValue()&&this.container.disable?.()}};this.onEndOfVideo=()=>{this.gameState=4,this.selectContainerEvent(!0)};this.whilePlaying=()=>{let e=this.player.experimental.element$.getValue(),i=e instanceof HTMLVideoElement?e.readyState:void 0,n=[6,5];if(!i||(0,Ma.default)(n,this.gameState)&&!this.isPermanentText)return;let o=this.player.getExactTime();if(Xo(o,this.container.container))this.gameState!==1&&(this.gameState=1,this.onBeforeStartTime());else if(qr(o,this.container.container))this.gameState!==2&&(this.gameState=2,this.onStartTime());else if(this.gameState!==3){let c=this.gameState;this.gameState=3,c===2&&this.onEndTime()}else{let{hasOpenURIEventInCurrentContainer:c}=this.getContainerEventState(),d=this.selectBranches.state.isExpect,m=this.interactiveTimeOpenUri&&c;if(m&&!d){let f=this.container.getElement();f&&(f.style.visibility!=="hidden"&&this.container.hide?.(),this.container.isRemoved||this.fakeRemoveView())}!this.isPermanentText&&!m&&this.removeView()}let l=qr(o,this.container.container),a=this.container.container.startTime?[this.container.container.startTime,this.container.container.endTime??1/0]:[],s={subjectId:this.container.container.id,subjectName:"container",range:a,currentTime:o,isInteractiveTime:l};this.container.onProgress(o*1e3,l),this.globalEventEmitter.emit(x.eachTick,s),this.globalEvents.eachTick$.next(s)};this.container=t,this.branches=i,this.selectBranches=n,this.subscription=new yu,this.player=e,this.interactiveEvents=o,this.getContainerEventState=s,this.isPermanentText=c&&ve(t.container.controls),this.interactiveTimeOpenUri=d,this.disabledControls$=m,this.onRemove=f,this.globalEventEmitter=a,this.gameState=0,this.globalEvents=l,this.onError=b,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:O.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:O.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))}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(),i=this.interactiveTimeOpenUri?e||t:ne(this.container.container.events)||e;(this.isSelectedControlEvent||!i)&&this.removeView()}onBeforeStartTime(){this.container.hide?.(),this.emitContainerVisibilityEvent(!1)}onResize(e){this.container.onResize(e)}reset(){this.isSelectedControlEvent=!1,this.isSelectedContainerEvent=!1,this.gameState=1}removeView(){this.container.removeView(),this.globalEventEmitter.emit(x.interactives,{subjectId:this.container.container.id,subjectName:"container",type:O.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)}destroy(){this.reset(),this.removeView(),this.gameState=6,this.subscription.unsubscribe(),this.branches=[],this.interactiveEvents.containersEventsCallState.setCalled({timestamp:this.container.container.endTime??1/0,id:this.container.container.id})}};var La=(r=[])=>r.reduce((e,t,i)=>{let n=(t?.controls??[]).filter(o=>!Et(o));if(Pt(n)){let o=[t.startTime??0,t.endTime??1/0],l={id:t.id,isRemoved:!1};if(!i)e.push({subjects:[l],range:o});else{let a=[],s=-1/0,c=1/0,d=[],m=[];for(let f=0;f<e.length;f++){let b=e[f];if(m.push(...b.subjects),b.range[0]<c&&(c=b.range[0]),b.range[1]>s&&(s=b.range[1]),o[0]>=b.range[0]&&o[1]<=b.range[1])return e[f].subjects.push(l),e;o[0]<b.range[0]&&o[1]>b.range[0]&&(a.push(f),d=d.concat(b.subjects)),o[0]>=b.range[0]&&o[0]<=b.range[1]&&(a.push(f),d=d.concat(b.subjects),o[0]=b.range[0]),o[1]>=b.range[0]&&o[1]<=b.range[1]&&(a.push(f),d=d.concat(b.subjects),o[1]=b.range[1])}if(m.push(l),o[0]<=c&&o[1]>=s)return[{subjects:m,range:o}];a.length&&a.reverse().forEach(f=>{e.splice(f,1)}),e.push({subjects:d.concat([l]),range:o})}}return e},[]).sort((e,t)=>e.range[0]-t.range[0]);var ms=z(je(),1),Jr=z(Ft(),1),fs=z(hs(),1);function ds(){let r={};function e(){for(let a in r)Object.prototype.hasOwnProperty.call(r,a)&&delete r[a]}function t(a){let s={};for(let c in r)+c<=a&&(s[c]=r[c]);return s}function i(a){let s={};for(let c in r)+c>=a&&(s[c]=r[c]);return s}function n({timestamp:a,priority:s,initiator:c}){if(Ht(a)){let d=r[a]??null;if(d&&s&&ge(s,!0)){let m={},f=d[s];return f&&(m={...m,...f}),m=te(m)?null:m,m&&ge(c,!0)?m[c]??null:m}return d}return null}function o({timestamp:a,priority:s,initiator:c}){if(Ht(a))if(r[a]){if(s&&ge(s,!0))if(r[a][s]){if(c&&ge(c,!0))if(r[a][s][c]){if(delete r[a][s][c],!te(r[a][s]))return!0}else return!1;if(delete r[a][s],!te(r[a]))return!0}else return!1;return delete r[a]}else return!1;return!1}function l({timestamp:a,priority:s,initiator:c,...d}){r[a]?.[s]?.[c]?r[a][s][c].push({...d}):r[a]?.[s]?r[a][s]={...r[a][s],[c]:[{...d}]}:r[a]?r[a]={...r[a],[s]:{[c]:[{...d}]}}:r[a]={[s]:{[c]:[{...d}]}}}return{map:r,remove:o,add:l,removeAll:e,get:n,getLte:t,getGte:i}}var ah=[S.expect,S.setNextBranch],sh=1/0;function vs(r,e){let t=r,i,n=lh(e),o=ds(),l,a=()=>{b(),u()},s=h=>{o.add.call(void 0,h),R()},c=(h=[])=>{for(let v of h)if(v.action(),(0,ms.default)(ah,v.actionType))break},d=(h=1/0)=>{let v=_t(o.get({timestamp:h,priority:"control"})??{}),g=_t(o.get({timestamp:h,priority:"container"})??{}),C=_t(o.get({timestamp:h,priority:"chapter"})??{});return[...v,...g,...C]},m=h=>{n.isReady(h)&&c(d(h))},f=()=>{c([..._t(o.get({timestamp:1/0,priority:"chapter"})??{})])},b=()=>{i&&(l?.unsubscribe(),i=void 0)},R=()=>{i||(i=()=>setTimeout(()=>{m(1/0)}),l=t.events.ended$.subscribe(i))},E=h=>{b(),t=h},y=h=>{h.priority==="container"&&n.resetCalled(h.timestamp),o.remove(h)},u=()=>{n.release(),o.removeAll()};return{setPlayer:E,add:s,remove:y,exec:m,execEndOfVideo:f,listen:R,unlisten:b,release:a,containersEventsCallState:n,getPreparedToExecActions:d}}function lh(r){let e=new Map;return{setCalled:({timestamp:a,id:s})=>{let c=e.get(a);c&&c[s]!==void 0&&(c[s]=!0)},setData:(a=[])=>{for(let s of a){let c=s.endTime??sh,d=e.get(c);e.set(c,{...d,[s.id]:!1})}},resetCalled:a=>{let s=e.get(a);if(s)for(let c in s)s[c]=!1},isReady:a=>{let s=e.get(a);if(!s)return!0;let c=(0,Jr.default)(s);return r?c.some(m=>m):!c.some(m=>!m)},release:()=>e.clear()}}function _t(r){return(0,fs.default)((0,Jr.default)(r)).sort(e=>e.actionType===S.expect?-1:1)}var bs={videoContentHeight:0,videoContentWidth:0},ys=r=>{let{height:e,width:t}=r.info.intrinsicVideoSize$.getValue()||{};if(!(e&&t))return bs;let{clientHeight:i,clientWidth:n}=r.experimental.element$.getValue()||{};if(!(i&&n))return bs;let o=e/t,l=i/n,a,s;return l>o?(s=n,a=n*o):l<o?(s=i/o,a=i):(s=n,a=i),{videoContentWidth:s,videoContentHeight:a}};var ch=250;function gs(r){let e,t=new ResizeObserver(a=>{o(a),e=o.bind(null,a)});function i(a){let{parentElement:s,player:c}=r();if(s&&c){let{videoContentWidth:d,videoContentHeight:m}=ys(c);s.style.setProperty("--interactive-content-width",`${d}px`),s.style.setProperty("--interactive-content-height",`${m}px`),s.style.setProperty("--interactive-width",`${a[0].contentRect.width}px`),s.style.setProperty("--interactive-height",`${a[0].contentRect.height}px`)}}function n(){let{parentElement:a}=r();a.removeAttribute("style")}let o=Le(a=>{let{fns:s=[]}=r();i(a);for(let c of s)c()},ch);function l(){e=void 0,t.disconnect(),n()}return{resizeObserver:t,calc:()=>{e?.()},release:l}}var ph=r=>Math.floor(Math.random()*r),Es=r=>{let e=r.length,t=1/0,i=null;for(;e--;){let n=r[e],o=n.weight??1;o<t&&(t=o,i=n)}return i},Ts=r=>{let e=r.length,t=-1/0,i=null;for(;e--;){let n=r[e],o=n.weight??0;o>t&&(t=o,i=n)}return i};var Is=r=>{let e=r.length,t=ph(e);return r[t]},Cs=1,xs=r=>{let e=0;for(let i=0;i<r.length;++i)e+=r[i].weight??Cs;let t=Math.random()*e;e=0;for(let i=0;i<r.length-1;++i)if(e+=r[i].weight??Cs,e>=t)return r[i];return r[r.length-1]};var Ss={shouldOpenNow:!0,isDetachContainer:!0},As="after-expect",ei=(r,e=!1)=>({...r,args:e?{...r.args,...Ss}:{...Ss,...r.args}}),ws=({globalEventEmitter:r,globalEvents:e,player:t,interactiveEvents:i})=>{let n={isExpect:!1},o=()=>{n.isExpect&&(n.isExpect=!1)},l=({action:u,controlType:h,controlId:v,containerId:g,branches:C=[],onEvent:T,isEOV:A=()=>!1,isDisabled:$=()=>!1})=>{let I=ei(u,A()),P={timestamp:1/0,priority:"control",initiator:v,actionType:I.type},M=$(),G=r.emit.bind(r,x.interactives,{subjectId:v,subjectType:h,subjectName:"control",type:M?O.actionChoiceCanceled:O.actionChoice,actionType:u.type,payload:{invokeImmediately:I.args.shouldOpenNow,containerId:g,...I.args}}),ee=()=>{e.interactiveActionChoice$.next({subjectId:v,subjectType:h,subjectName:"control",type:M?"action-choice-canceled":"action-choice",actionType:u.type,payload:{invokeImmediately:I.args.shouldOpenNow,containerId:g,...I.args}})};if(M){G(),ee();return}switch(I.type.trim().toLowerCase()){case S.setNextBranch.trim().toLowerCase():{let j=C.find(oe=>oe.id===I.args.branchId);if(!j)return;T(I.args.isDetachContainer,b.bind(null,{subjectId:v,subjectName:"control"})),G(),ee(),I.args.shouldOpenNow?E({subjectId:v,subjectName:"control",subjectType:h,action:I,payload:{chapterId:j.chapterId,autoSelect:!1}}):i.add({...P,action:E.bind(null,{subjectId:v,subjectName:"control",subjectType:h,action:I,payload:{chapterId:j.chapterId,autoSelect:!1}})});return}case S.continuePlayback.trim().toLowerCase():{T(I.args.isDetachContainer,b.bind(null,{subjectId:v,subjectName:"control"})),G(),ee(),I.args.shouldOpenNow?R({subjectId:v,subjectName:"control",subjectType:h,action:u}):i.add({...P,action:R.bind(null,{subjectId:v,subjectName:"control",subjectType:h,action:u})});return}case S.openURI.trim().toLowerCase():{T(I.args.isDetachContainer,b.bind(null,{subjectId:v,subjectName:"control"})),G(),ee(),I.args.shouldOpenNow?y({subjectId:v,subjectName:"control",subjectType:h,action:I,payload:{URI:u.args.uri}}):i.add({...P,action:y.bind(null,{subjectId:v,subjectName:"control",subjectType:h,action:I,payload:{URI:u.args.uri}})});return}default:{let j="Unexpected control event",oe=new L(1,1,{message:j});d(oe,j);return}}},a=({action:u,container:{id:h,endTime:v},branches:g=[],isEOV:C=!1,autoSelected:T=!1})=>{let A=ei(u,C),$={timestamp:!A.args.shouldOpenNow||C?1/0:v??1/0,priority:"container",initiator:h,actionType:A.type},I=r.emit.bind(r,x.interactives,{subjectId:h,subjectName:"container",type:O.actionChoice,actionType:A.type,payload:{invokeImmediately:A.args.shouldOpenNow,...A.args}}),P=()=>{e.interactiveActionChoice$.next({subjectId:h,subjectName:"container",type:"action-choice",actionType:A.type,payload:{invokeImmediately:A.args.shouldOpenNow,...A.args}})};switch(A.type.trim().toLowerCase()){case S.setNextBranch.trim().toLowerCase():{let M=g.find(G=>G.id===A.args.branchId);if(!M)return;I(),P(),i.add({...$,action:E.bind(null,{subjectId:h,subjectName:"container",action:A,payload:{chapterId:M.chapterId,autoSelect:T}})});return}case S.setMaxWeightBranch.trim().toLowerCase():return;case S.setMinWeightBranch.trim().toLowerCase():return;case S.setRandomBranch.trim().toLowerCase():return;case S.setWeightlessRandomBranch.trim().toLowerCase():return;case S.continuePlayback.trim().toLowerCase():{I(),P(),i.add({...$,action:R.bind(null,{subjectId:h,subjectName:"container",action:A})});return}case S.openURI.trim().toLowerCase():{I(),P(),i.add({...$,action:y.bind(null,{subjectId:h,subjectName:"container",action:A,payload:{URI:u.args.uri}})});return}default:{let M="Unexpected container event",G=new L(1,1,{message:M});d(G,M);return}}};function s({container:u,branches:h,isEOV:v=!1}){let g=Dr(u.events);if(g){let C=ei(g.action,v);r.emit(x.interactives,{subjectId:u.id,subjectName:"container",type:O.actionChoice,actionType:C.type,payload:{invokeImmediately:C.args.shouldOpenNow,...C.args}}),e.interactiveActionChoice$.next({subjectId:u.id,subjectName:"container",type:"action-choice",actionType:C.type,payload:{invokeImmediately:C.args.shouldOpenNow,...C.args}}),i.add({timestamp:v?1/0:u.endTime??1/0,priority:"container",initiator:u.id,actionType:S.expect,action:f.bind(null,{subjectId:u.id,subjectName:"container"})}),n.isExpect=!0}else for(let C of u.events??[])a({action:C.action,container:u,branches:h,isEOV:v})}let c=({chapterId:u,action:h,branches:v=[]})=>{let g=r.emit.bind(r,x.interactives,{subjectId:u,subjectName:"chapter",type:O.actionChoice,actionType:h.type,payload:h.args}),C=()=>{e.interactiveActionChoice$.next({subjectId:u,subjectName:"chapter",type:"action-choice",actionType:h.type,payload:h.args})};switch(h.type.trim().toLowerCase()){case S.setNextBranch.trim().toLowerCase():{let T=v.find(A=>A.id===h.args.branchId);return T?.chapterId?(g(),C(),E.bind(null,{subjectId:u,subjectName:"chapter",action:h,payload:{chapterId:T.chapterId,autoSelect:!0}})):void 0}case S.setWeightlessRandomBranch.trim().toLowerCase():{let T=Is(v);return T?.chapterId?(g(),C(),E.bind(null,{subjectId:u,subjectName:"chapter",action:h,payload:{chapterId:T.chapterId,autoSelect:!0}})):void 0}case S.setRandomBranch.trim().toLowerCase():{let T=xs(v);return T?.chapterId?(g(),C(),E.bind(null,{subjectId:u,subjectName:"chapter",action:h,payload:{chapterId:T.chapterId,autoSelect:!0}})):void 0}case S.setMaxWeightBranch.trim().toLowerCase():{let T=Ts(v);return T?.chapterId?(g(),C(),E.bind(null,{subjectId:u,subjectName:"chapter",action:h,payload:{chapterId:T.chapterId,autoSelect:!0}})):void 0}case S.setMinWeightBranch.trim().toLowerCase():{let T=Es(v);return T?.chapterId?(g(),C(),E.bind(null,{subjectId:u,subjectName:"chapter",action:h,payload:{chapterId:T.chapterId,autoSelect:!0}})):void 0}case S.continuePlayback.trim().toLowerCase():return g(),C(),R.bind(null,{subjectId:u,subjectName:"chapter",action:h});case S.openURI.trim().toLowerCase():return g(),C(),y.bind(null,{subjectId:u,subjectName:"chapter",action:h,payload:{URI:h.args.uri}});default:{let T="Unexpected chapter event",A=new L(1,1,{message:T});d(A,T);return}}};function d(u,h){console.error(h),e.error$.next(u),r.emit(x.errors,u)}function m(u){let h=Dr(u.events);if(h){if(Q(u))return;r.emit(x.interactives,{subjectId:u.id,subjectName:"chapter",type:O.actionChoice,actionType:h.action.type,payload:h.action.args}),e.interactiveActionChoice$.next({subjectId:u.id,subjectName:"chapter",type:"action-choice",actionType:h.action.type,payload:h.action.args}),i.add({timestamp:1/0,priority:"chapter",initiator:u.id,actionType:S.expect,action:f.bind(null,{subjectId:u.id,subjectName:"chapter"})})}else u.events?.forEach(v=>{let g=c({chapterId:u.id,action:v.action,branches:u.branches});g&&i.add({timestamp:1/0,priority:"chapter",initiator:u.id,actionType:v.action.type,action:g})})}let f=({subjectId:u,subjectName:h})=>{t.pause(),r.emit(x.interactives,{subjectId:u,subjectName:h,type:O.actionExecution,actionType:S.expect}),e.interactiveActionExecution$.next({subjectId:u,subjectName:h,type:"action-execution",actionType:S.expect})},b=({subjectId:u,subjectName:h})=>{t.info.isEnded$.getValue()?i.execEndOfVideo():t.play(),r.emit(x.interactives,{subjectId:u,subjectName:h,type:O.actionExecution,actionType:As}),e.interactiveActionExecution$.next({subjectId:u,subjectName:h,type:"action-execution",actionType:As})},R=({subjectId:u,subjectName:h,subjectType:v,action:g})=>{r.emit(x.interactives,{subjectId:u,subjectName:h,subjectType:v,type:O.actionExecution,actionType:g.type}),e.interactiveActionExecution$.next({subjectId:u,subjectName:h,subjectType:v,type:"action-execution",actionType:g.type})},E=({subjectId:u,subjectName:h,subjectType:v,action:g,payload:C})=>{C.behaviour="change-chapter",r.emit(x.interactives,{subjectId:u,subjectName:h,subjectType:v,type:O.actionExecution,actionType:g.type,payload:C}),e.interactiveActionExecution$.next({subjectId:u,subjectName:h,subjectType:v,type:"action-execution",actionType:g.type,payload:C})},y=({subjectId:u,subjectName:h,subjectType:v,action:g,payload:C})=>{if(!C.URI)return;let T=window.open(C.URI,"_blank","noopener,noreferrer");T&&(T.opener=null),r.emit(x.interactives,{subjectId:u,subjectName:h,subjectType:v,type:O.actionExecution,actionType:g.type}),e.interactiveActionExecution$.next({subjectId:u,subjectName:h,subjectType:v,type:"action-execution",actionType:g.type})};return{onControlEvent:l,onContainerEvent:a,onChapterEvent:c,onExpectEvent:f,expectEventHandler:b,setManifestChapterEvents:m,setManifestContainerEvents:s,stopExpect:o,state:n}};var ii=z(Fr(),1);import{Subscription as fh,Subject as ri,ValueSubject as Ue}from"@vkontakte/videoplayer-shared/es2024";var ti=(r,e)=>{let t={};return r.map(i=>{if(!t[i]){let n=e.chapters.find(l=>l.id===i);if(!n)return null;let o=e.media.videos.find(l=>n.videoId===l.id);if(!o)return null;t[i]=Rs(o)}return t[i]}).filter(Boolean)},hh=r=>{for(let e of r.variants)if(dh(e)&&e.payload)return e.payload.id},dh=r=>!!(r.type==="custom"&&r.payload&&r.payload.type==="vk"),Rs=r=>{let e=hh(r);if(!e)return null;let t=e.split("_").pop();return t?parseInt(t,10):null},mh=(r,e)=>{for(let t of r.media.videos)if(e===Rs(t)){for(let i of r.chapters)if(i.videoId===t.id)return i.id;return}},ks=(r,e)=>r.reduce((t,i)=>{let n=mh(e,i);return n?[...t,n]:t},[]);var Ge=class{constructor({globalEventEmitter:e,videoId:t,interactiveController:i,historyApi:n,settings:o}){this.state={history$:new Ue([]),hasPrevChapter$:new Ue(!1),prevChapter$:new Ue(null),isInitialChapter$:new Ue(!1),isGoBackLimited$:new Ue(!1)};this.#r=null;this.#a=!1;this.#e=null;this.#p=null;this.events={inited$:new ri,destroyed$:new ri,error$:new ri};this.#i=null;this.#n=null;this.#t=null;this.#s=new fh;this.#l=!1;this.#c=0;this.#i=t,this.#t=e,this.#n=i,this.#r=n,this.#o=o,this.state.history$&&this.#s&&this.#s?.add(this.state.history$.subscribe(l=>{this.state.prevChapter$.next((0,ii.default)(l,-2)||null),this.state.hasPrevChapter$.next(l.length>1),this.state.isInitialChapter$.next(this.getInitialChapterId()===this.#e?.metadata?.initChapterId),this.state.isGoBackLimited$.next(this.#c===this.#o.maxLength-1)}))}#r;#o;#a;#e;#p;#i;#n;#t;#s;#l;#c;async setManifest(e){if(!this.#n||!this.#t)return;this.#e=e,await this.getProjectHistory();let t=this.getInitialChapterId();await this.#n.setChapter({chapterId:t,pushToHistory:!1}),this.#a||(this.#a=!0,this.events.inited$.next({initChapterId:t}))}get inited(){return this.#a}async updateHistory(e,t=!0){if(!this.#e)return;this.#l?(this.#l=!1,this.#c++):this.#c=0;let i=this.#e,n=e.length-this.#o.maxLength,o=n>0?e.slice(n):e,l=ti(o,i);if(this.#p=l,this.state.history$.next(o),!(!t||!this.#r||!this.#i))try{await this.#r.save(this.#i,l)}catch{let s=new L(1,5,"Unable to save interactive history");this.events.error$.next(s),this.#t?.emit(x.errors,s)}}async goBack(){if(!this.state||!this.#n){let i=new L(1,5,"Unable to save interactive history");return this.events.error$.next(i),this.#t?.emit(x.errors,i)}this.#l=!0;let e=this.state.history$.getValue().slice(0,-1),t=e.pop();this.state.history$.next(e),await this.#n.setChapter({chapterId:t,playPrev:!0})}async getProjectHistory(){if(!this.#e||!this.#i)return;let e=this.#e,t=[this.getInitialVideoId()];if(this.#r)try{let n=await this.#r.get(this.#i);n.length&&(t=n)}catch{let o=new L(1,5,"Error while trying to fetch data");this.events.error$.next(o),this.#t?.emit(x.errors,o)}let i=ks(t,e);this.state.history$.next(i)}getInitialChapterId(){let e=this.state.history$.getValue();return(0,ii.default)(e,-1)||this.#o.initChapterId||this.#e?.metadata.initChapterId}getInitialVideoId(){if(this.#e){let e=this.getInitialChapterId();return ti([e],this.#e).pop()}return null}destroy(){this.#i=null,this.#r=null,this.#n=null,this.#s?.unsubscribe(),this.#s=null,this.#a=!1,this.#t?.emit(x.historyDestroyed),this.events.destroyed$.next(),this.#t=null}};var $t=class{constructor(){this._prevSizeId=0;this.rootElement=document.createElement("canvas")}clear(){this.rootElement.getContext("2d")?.clearRect(0,0,this.rootElement.width,this.rootElement.height)}isImageDrawn(){let e=this.rootElement.getContext("2d")?.getImageData(0,0,this.rootElement.width,this.rootElement.height);if(!e)return!1;let t=e.data,i=t.length;for(let n=3;n<i;n+=40)if(t[n]!==0)return!0;return!1}destroy(){this.rootElement.remove()}show(){this.rootElement.style.visibility="visible"}hide(){this.rootElement.style.visibility="hidden"}setCanvasImageSource(e){this.canvasImgSrc=e}draw(){this.canvasImgSrc&&this.rootElement.getContext("2d")?.drawImage(this.canvasImgSrc,0,0,this.rootElement.width,this.rootElement.height)}async updateCanvasDimensions(e,t=!1){let i=e.width+e.height;if(this._prevSizeId===i)return;let n;t&&(n=await this.save()),this.rootElement.width=e.width,this.rootElement.height=e.height,t&&n&&this.restore(n),this._prevSizeId=i}async save(){let e=this.rootElement.toDataURL("image/jpeg",1),t=new Image;return t.crossOrigin="anonymous",t.src=e,await t.decode(),t}restore(e){this.rootElement&&this.rootElement.getContext("2d")?.drawImage(e,0,0,this.rootElement.width,this.rootElement.height)}};var jt=class{constructor({parentElement:e,endOffsetMs:t=250,onError:i}){this.currentVideoDurationMs=1/0;this._containerTimeFrameShouldReceived=!1;this._endTimeFrameReceived=!1;this._shouldCallSkip=!1;this.onEachTick=e=>{let t=e??this.lastFrameCanvas.canvasImgSrc.currentTime*1e3,i=this.isChapterEndTime(t);if(this.isContainerTime(t))this._endTimeFrameReceived=!1,this._containerTimeFrameShouldReceived=!0,this._shouldCallSkip=!0;else if(i)this._containerTimeFrameShouldReceived=!1,this._shouldCallSkip=!1,this._endTimeFrameReceived||(this.draw(),this._endTimeFrameReceived=!0,this.show());else{if(this._shouldCallSkip){this._shouldCallSkip=!1;return}this.reset()}};this.onSeek=()=>{this.onEachTick(),!this._containerTimeFrameShouldReceived&&!this._endTimeFrameReceived&&(this.hide(),this.lastFrameCanvas.clear())};this.rootElement=document.createElement("div"),this.rootElement.style.cssText=`
|
|
7
7
|
position: absolute;
|
|
8
8
|
top: 0;
|
|
9
9
|
left: 0;
|
|
@@ -11,12 +11,12 @@ var ka=Object.create;var Zr=Object.defineProperty;var Oa=Object.getOwnPropertyDe
|
|
|
11
11
|
height: var(--interactive-height);
|
|
12
12
|
background-color: var(--black);
|
|
13
13
|
visibility: hidden;
|
|
14
|
-
`,this.lastFrameCanvas=new
|
|
14
|
+
`,this.lastFrameCanvas=new $t,this.endOffsetMs=t,this._callbacks={onError:i},this.lastFrameCanvas.rootElement.style.cssText=`
|
|
15
15
|
position: absolute;
|
|
16
16
|
top: 50%;
|
|
17
17
|
left: 50%;
|
|
18
18
|
transform: translate(-50%, -50%);
|
|
19
|
-
`,this.rootElement.prepend(this.lastFrameCanvas.rootElement),e.prepend(this.rootElement)}destroy(){this.hide(),this.reset(),this._callbacks=void 0,this.lastFrameCanvas.destroy(),this.rootElement.remove()}setVideoDuration(e){this.currentVideoDurationMs=e}setVideoElement(e){this.lastFrameCanvas.setCanvasImageSource(e)}setCurrentChapter(e){this.currentChapter=e}show(){this.rootElement.style.visibility="visible"}hide(){this.rootElement.style.visibility="hidden"}async updateCanvasDimensions(e=!1){this._containerTimeFrameShouldReceived||this._endTimeFrameReceived||(e=!1);let t=getComputedStyle(this.rootElement),
|
|
19
|
+
`,this.rootElement.prepend(this.lastFrameCanvas.rootElement),e.prepend(this.rootElement)}destroy(){this.hide(),this.reset(),this._callbacks=void 0,this.lastFrameCanvas.destroy(),this.rootElement.remove()}setVideoDuration(e){this.currentVideoDurationMs=e}setVideoElement(e){this.lastFrameCanvas.setCanvasImageSource(e)}setCurrentChapter(e){this.currentChapter=e}show(){this.rootElement.style.visibility="visible"}hide(){this.rootElement.style.visibility="hidden"}async updateCanvasDimensions(e=!1){this._containerTimeFrameShouldReceived||this._endTimeFrameReceived||(e=!1);let t=getComputedStyle(this.rootElement),i={width:parseInt(t.getPropertyValue("--interactive-content-width"),10),height:parseInt(t.getPropertyValue("--interactive-content-height"),10)};try{this.lastFrameCanvas.updateCanvasDimensions(i,e)}catch(n){this._onError(n)}}draw(){(this._containerTimeFrameShouldReceived||!this._containerTimeFrameShouldReceived&&!this._endTimeFrameReceived)&&this.lastFrameCanvas.draw()}isChapterEndTime(e){return this.currentVideoDurationMs&&e>=this.currentVideoDurationMs-this.endOffsetMs}isContainerTime(e){if(this.currentChapter)return this.currentChapter.containers.some(t=>t.controls?.length&&e>=(t.startTime??0)&&e<=Math.min(t.endTime??1/0,this.currentVideoDurationMs-this.endOffsetMs))}reset(){this._endTimeFrameReceived=!1,this._containerTimeFrameShouldReceived=!1,this._shouldCallSkip=!1}_onError(e){this._callbacks?.onError?.(e)}};function Os(r=0){return new Promise(e=>{setTimeout(()=>{e(0)},r)})}var Ps=`/* interactive-container */
|
|
20
20
|
.interactive-container {
|
|
21
21
|
opacity: 1;
|
|
22
22
|
visibility: visible;
|
|
@@ -85,6 +85,39 @@ var ka=Object.create;var Zr=Object.defineProperty;var Oa=Object.getOwnPropertyDe
|
|
|
85
85
|
animation: none;
|
|
86
86
|
}
|
|
87
87
|
|
|
88
|
+
/* control tap */
|
|
89
|
+
.interactive-control-tap {
|
|
90
|
+
position: absolute;
|
|
91
|
+
aspect-ratio: 1;
|
|
92
|
+
background-color: var(--interactive-bg-color-1);
|
|
93
|
+
border: 1px solid var(--interactive-color-1);
|
|
94
|
+
border-radius: 50%;
|
|
95
|
+
transition: opacity var(--interactive-transition-1);
|
|
96
|
+
opacity: 0;
|
|
97
|
+
pointer-events: none;
|
|
98
|
+
z-index: 1;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.interactive-control-tap-animation {
|
|
102
|
+
animation-duration: 300ms;
|
|
103
|
+
animation-iteration-count: 1;
|
|
104
|
+
animation-timing-function: ease;
|
|
105
|
+
animation-name: interactive-control-tap-bounce;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
@keyframes interactive-control-tap-bounce {
|
|
109
|
+
0%, 100% {
|
|
110
|
+
transform: scale(1);
|
|
111
|
+
}
|
|
112
|
+
50% {
|
|
113
|
+
transform: scale(0.3);
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.interactive-container:not(.interactive-container-disabled) .interactive-control-tap-visible {
|
|
118
|
+
opacity: 1;
|
|
119
|
+
}
|
|
120
|
+
|
|
88
121
|
/* interactive-chapter */
|
|
89
122
|
.interactive-chapter {
|
|
90
123
|
position: absolute;
|
|
@@ -94,6 +127,8 @@ var ka=Object.create;var Zr=Object.defineProperty;var Oa=Object.getOwnPropertyDe
|
|
|
94
127
|
|
|
95
128
|
--interactive-transition-1: 100ms ease-in-out;
|
|
96
129
|
--interactive-transition-2: 400ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
130
|
+
--interactive-color-1: #fff;
|
|
131
|
+
--interactive-bg-color-1: rgba(255, 255, 255, 0.08);
|
|
97
132
|
--interactive-button-hover-opacity: 0.8;
|
|
98
133
|
--interactive-area-hover-opacity: 0;
|
|
99
134
|
}
|
|
@@ -146,4 +181,74 @@ var ka=Object.create;var Zr=Object.defineProperty;var Oa=Object.getOwnPropertyDe
|
|
|
146
181
|
opacity: var(--interactive-area-hover-opacity);
|
|
147
182
|
animation: none;
|
|
148
183
|
}
|
|
149
|
-
`;var xa=r=>{let e=document.createElement("style");e.textContent=Ia,r.prepend(e)};import{clientChecker as ph}from"@vkontakte/videoplayer-core/es2024";var wa=Object.freeze({lang:lh.RU,loaders:{},graph:!1,initSeamless:!1,lastFrame:!1,permanentTextControls:!0,interactiveTimeOpenUri:!1,config:{historyMaxLength:100,noInteractionEventTimeout:3e4},animationsFeatureToggles:{areaControlShadow:!1,controlsExpectTimeBlinkAnimation:!1}});function uh(){let r=document.createElement("div");return r.classList.add("interactive-chapter"),r}var jt=class{constructor(e){this.playerSubscriptions=new Qr;this.subscriptions=new Qr;this.globalEventEmitter=new gt;this.animation=new Ct;this.seekToInteractiveController=new Ne;this.endedRanges=new Set;this.gameControllers=[];this.rootElement=uh();this.factories=new Map([["choice",at]]);this.isFirstChapterFetched=!1;this.player=null;this.interactiveEvents=null;this.selectBranches=null;this.seamlessController=null;this.seamlessControllerSubs=new Qr;this.graph=null;this.lastFrame=null;this.blinkAnimationRef=null;this.appState=0;this.state={prevChapter$:new F(null),isInitialChapter$:new F(!1),isFirstChapter$:new F(!0),isEndChapter$:new F(!1),isInteractiveExpectation$:new F(!1),isReplay$:new F(!1),calledByInteractive$:new F(!1),lastChapterChangeWasInitiatedByInteractive$:new F(!1),disabledControls$:new F(!1),interactiveRanges$:new F([]),isInteractiveTime$:new F(!1),statistics$:new F(null),isSeekable$:new F(!1)};this.events={noInteraction$:new j,graphVisibilityChanged$:new j,watchAgainIsClicked$:new j,chapterChanged$:new j,playerChanged$:new j,error$:new j,eachTick$:new j,manifestChanged$:new j,interactiveRangeEnded$:new j,interactiveContainerRemoved$:new j,interactiveContainerFakeRemoved$:new j,interactiveActionExecution$:new j,interactiveActionChoice$:new j,interactiveVisibilityChanged$:new j};this.emitErrorEvent=e=>{this.events.error$.next(e),this.globalEventEmitter.emit(x.errors,e)};this.clearHistoryIfEnded=()=>{let e=this.player?.info.isEnded$.getValue(),t=this.state.isInteractiveExpectation$.getValue(),{chapter:n}=this.getCurrentChapter();e&&n&&K(n)&&!t&&this.historyController.updateHistory([]),window.removeEventListener("beforeunload",this.clearHistoryIfEnded)};this.handleSeamlessPlayerChanged=e=>{if(!e)return;let{statistics:t,...n}=e;if(t){let{statSubscription:i,oneStat:o}=t;i.add(o.attachToInteractive(this.getStatEvents())),this.state.statistics$.next(t)}this.state.isReplay$.getValue()&&this.state.isReplay$.next(!1),this.events.playerChanged$.next(n),this.globalEventEmitter.emit(x.playerChanged,n)};this.onPlaybackStarted=()=>{this.resizeManager?.calc(),this.animation.requestAnimation()};this.destroyGameControllers=(e=!0)=>{this.gameControllers.forEach(t=>{!e&&t.isPermanentText||(this.animation.removeFn(t.whilePlaying),t.destroy())})};this.completeInteractiveRange=e=>{let{interactiveRanges$:t}=this.state,i=t.getValue().map(o=>({...o,subjects:o.subjects.filter(a=>a.id!==e)}));t.next(i)};this.clearNoInteractionTimeout=()=>{this.noInteractionTimeout&&(clearTimeout(this.noInteractionTimeout),this.noInteractionTimeout=void 0)};if(this._options={...wa,...e,config:{...wa.config,...e.config}},this._options.animationsFeatureToggles?.controlsExpectTimeBlinkAnimation){this.blinkAnimationRef=new tt,this.blinkAnimationRef.create();let i=this.blinkAnimationRef.element;i&&this.rootElement.append(i)}this._options.parentElement.append(this.rootElement),this.historyController=new Ge({interactiveController:this,globalEventEmitter:this.globalEventEmitter,videoId:this._options.projectInfo?.videoId,historyApi:this._options.historyApi,settings:{maxLength:this._options.config.historyMaxLength,initChapterId:this._options.initChapterId}}),this._options.lastFrame&&(this.lastFrame=new Nt({parentElement:this._options.parentElement,onError:i=>{let o=new k(1,6,i);this.emitErrorEvent(o)}})),xa(this._options.parentElement),this.subscriptions.add(Sa(this.rootElement,"mousedown").subscribe(i=>i.stopPropagation())).add(Sa(this.rootElement,"mouseup").subscribe(i=>i.stopPropagation())),this.manifestController=new fe(this._options.loaders,i=>{let o=new k(1,3,i);this.emitErrorEvent(o)});let n=[];this._options.lastFrame&&n.push(()=>{this.lastFrame?.updateCanvasDimensions(!0)}),n.push(()=>{let i=this.state.isInteractiveTime$.getValue();for(let o of this.gameControllers)o.onResize(i)}),this.cssVarsManager=new Et(this._options?.parentElement),this.resizeManager=pa(()=>({player:this.player,cssVarsManager:this.cssVarsManager,parentElement:this._options.parentElement,fns:n})),this._options.graph&&(this.graph=new Le({root:this._options.parentElement,lang:this._options.lang,onOpenPreviewClick:i=>{this.setChapter({chapterId:i}),this.globalEventEmitter.emit(x.graph,{type:qe.watchAgainClicked,chapterId:i}),this.events.watchAgainIsClicked$.next(i)},onError:i=>{let o=new k(1,2,{message:i});this.emitErrorEvent(o)}})),this.initSubscriptions()}initSubscriptions(){this.playerSubscriptions.add(this.historyController.events.inited$.subscribe(async({videosInfo:e=[]})=>{this._options.initSeamless&&(await this.initSeamless(),this.updateGraphVideosInfo(e))})),this.subscriptions.add(this.events.interactiveContainerRemoved$.subscribe(({subjectId:e})=>{this.completeInteractiveRange(e)})).add(this.events.interactiveContainerFakeRemoved$.subscribe(({subjectId:e,removeAllOpenURI:t})=>{this.handleFakeRemoval(e,t)})).add(this.events.interactiveActionExecution$.subscribe(e=>{if(this.state.calledByInteractive$.next(!0),this.state.lastChapterChangeWasInitiatedByInteractive$.next(!0),e.payload?.behaviour==="change-chapter"){let{chapterId:t}=e.payload;this.setChapter({chapterId:t}),this.state.isFirstChapter$.getValue()&&this.state.isFirstChapter$.next(!1)}else if(e.payload?.behaviour==="change-manifest"){let{manifestURL:t}=e.payload;t&&this.setManifest(t)}e.actionType==="expect"?(this.state.isInteractiveExpectation$.next(!0),this.updateControlsShadowStyles({subjectName:e.subjectName,subjectId:e.subjectId,isExpect:!0}),this.toggleBlinkAnimation({subjectName:e.subjectName,subjectId:e.subjectId,isExpect:!0})):e.actionType==="after-expect"&&(this.state.isInteractiveExpectation$.next(!1),this.updateControlsShadowStyles({subjectName:e.subjectName,subjectId:e.subjectId,isExpect:!1}),this.toggleBlinkAnimation({subjectName:e.subjectName,subjectId:e.subjectId,isExpect:!1}))})).add(this.events.manifestChanged$.subscribe(()=>{this.state.calledByInteractive$.next(!1),this.state.lastChapterChangeWasInitiatedByInteractive$.next(!1)})).add(this.events.interactiveActionChoice$.subscribe(({type:e,subjectName:t,payload:n})=>{e!=="action-choice"||t==="chapter"||"invokeImmediately"in n&&n.invokeImmediately||this.destroyGameControllers(!1)}))}async initSeamless(){this.seamlessController=Fr(this),this.seamlessControllerSubs.add(this.seamlessController.activePlayerChanged.subscribe(this.handleSeamlessPlayerChanged)),await this.seamlessController.init()}handlePositionChange(e){(!this.graph||this.graph.isHidden)&&this.checkIfSeekable();let t=e*1e3,i=this.getInteractiveRanges().reverse().find(({range:o})=>t>=o[1]);if(i){let o=i.range.join("-");this.endedRanges.has(o)||(this.endedRanges.add(o),this.globalEventEmitter.emit(x.interactives,{type:O.rangeEnded,payload:i,visibility:!0}),this.events.interactiveRangeEnded$.next({type:"range-ended",payload:i}))}}registerVideoEvents(){this.player&&(window.removeEventListener("beforeunload",this.clearHistoryIfEnded),this.playerSubscriptions.unsubscribe(),window.addEventListener("beforeunload",this.clearHistoryIfEnded),this.playerSubscriptions.add(this.player.events.started$.pipe(ch()).subscribe(this.onPlaybackStarted)).add(this.player.events.playing$.subscribe(this.animation.requestAnimation)).add(this.player.events.willPause$.subscribe(this.animation.cancelAnimation)).add(this.player.info.position$.subscribe(this.handlePositionChange.bind(this))).add(this.manifestController.prevChapter$.subscribe(e=>this.state.prevChapter$.next(e))).add(ah({position:this.player.info.position$,interactiveRanges:this.state.interactiveRanges$,isInteractiveExpectation:this.state.isInteractiveExpectation$}).subscribe(({position:e,interactiveRanges:t,isInteractiveExpectation:n})=>{let i;if(n)i=!0;else{let l=e*1e3;i=!!t.find(({range:[d,v],subjects:m})=>d<l&&l<v&&m.some(y=>!y.isRemoved)&&m.length)}i!==this.state.isInteractiveTime$.getValue()&&this.state.isInteractiveTime$.next(i);let o=!!this.noInteractionTimeout,s=this.player?.info.playbackState$.getValue()==="playing"||n;i&&!o&&s?this.noInteractionTimeout=window.setTimeout(()=>{this.events.noInteraction$.next()},this._options.config.noInteractionEventTimeout):o&&!s&&this.clearNoInteractionTimeout()})),this.playerSubscriptions.add(this.historyController.events.error$.subscribe(this.events.error$)),this._options.lastFrame&&this.playerSubscriptions.add(this.player.info.duration$.subscribe(e=>{this.lastFrame?.setVideoDuration(e*1e3)})).add(this.player.experimental.element$.subscribe(e=>{e&&this.lastFrame?.setVideoElement(e)})).add(this.player.events.firstFrame$.subscribe(()=>{this.lastFrame?.reset(),setTimeout(()=>{this.lastFrame?.hide(),this.lastFrame?.lastFrameCanvas.clear()},50)})).add(this.player.events.seeked$.subscribe(this.lastFrame.onSeek)))}setGameControllers(){let e=this.manifestController.chapter;e&&this.appState===1&&(this.selectBranches?.setManifestChapterEvents(e),this.gameControllers=this.getGameControllers(e),this.interactiveEvents?.containersEventsCallState.setData(e.containers),this.seekToInteractiveController.setContainers(this.gameControllers.map(t=>t.container.container).filter(t=>!me(t.controls))),this._options.lastFrame&&this.animation.addFn(()=>{this.player&&this.lastFrame?.onEachTick(this.player.info.position$.getValue()*1e3)},!0),this.state.interactiveRanges$.next(this.getInteractiveRanges()),this.appState=2)}getGameControllers(e){let t=[];return e.containers.forEach(n=>{let i=n.type.trim().toLowerCase(),a=this.factories.get(i)?.(n,this.rootElement,this.cssVarsManager);if(a&&this.selectBranches&&this.interactiveEvents&&this.player){let s=new Vt({player:this.player,container:a,branches:e.branches,selectBranches:this.selectBranches,interactiveEvents:this.interactiveEvents,globalEvents:this.events,globalEventEmitter:this.globalEventEmitter,getContainerEventState:()=>hs(n,this.gameControllers),permanentTextControls:this._options.permanentTextControls,interactiveTimeOpenUri:this._options.interactiveTimeOpenUri,disabledControls$:this.state.disabledControls$,onRemove:()=>{this.seekToInteractiveController.deleteContainer(n.id)},onError:this.emitErrorEvent});this.animation.addFn(s.whilePlaying,!0),t.push(s)}}),t}checkIfSeekable(){if(this.state.isInteractiveExpectation$.getValue()){this.state.isSeekable$.next(!1);return}let t=this.state.isSeekable$.getValue(),n=!!this.seekToInteractiveController.getNextInteractiveTime();(n&&!t||!n&&t)&&this.state.isSeekable$.next(!t)}updateLastEventInfo(){this.state.calledByInteractive$.getValue()?this.state.calledByInteractive$.next(!1):this.state.lastChapterChangeWasInitiatedByInteractive$.next(!1)}pushChapterToHistory(e){if(this.updateLastEventInfo(),!this.historyController.inited)return;let t=this.state.lastChapterChangeWasInitiatedByInteractive$.getValue(),n=this.state.prevChapter$.getValue(),i=(n&&K(n)&&Rt(n))??!1,o=this.manifestController.manifest?.metadata.initChapterId===e,a=this.historyController.state.history$.getValue();if(o||i&&t){this.historyController.updateHistory([e]);return}(0,Aa.default)(a,-1)!==e&&this.historyController.updateHistory([...a,e])}handleFakeRemoval(e,t){let{interactiveRanges$:n}=this.state,o=n.getValue().map(a=>{let s=a.subjects.some(c=>c.id===e),l=a.subjects.map(c=>t&&s||c.id===e?{...c,isRemoved:!0}:c);return{...a,subjects:l}});n.next(o)}reset(){this.appState===2&&(this.destroyGameControllers(),this.gameControllers=[],this.animation.release(),this.interactiveEvents?.release(),this.appState=1,this.state.isSeekable$.next(!1),this.clearNoInteractionTimeout())}toggleBlinkAnimation(e){if(!this._options.animationsFeatureToggles?.controlsExpectTimeBlinkAnimation)return;let t=(n,i)=>{n.toggleBlinkAnimation(i)};kt({...e,gameControllers:this.gameControllers,execFn:De(Br(t),e.isExpect)}),e.isExpect&&this.blinkAnimationRef?.restart()}updateControlsShadowStyles(e){if(!this._options.animationsFeatureToggles?.areaControlShadow)return;let t=(n,i)=>{n.updateControlsShadowStyles(i)};e.isExpect?kt({...e,gameControllers:this.gameControllers,execFn:De(Br(t),!1)}):kt({...e,gameControllers:this.gameControllers,execFn:t})}get options(){return this._options}init(){this.manifestController.chapter&&this._options.parentElement&&this.player&&this._options.fullscreenTargetElement&&this.appState===0&&(this.resizeManager?.resizeObserver.observe(this._options.fullscreenTargetElement),this.registerVideoEvents(),this.appState=1,this.setGameControllers())}async setManifest(e){this.reset(),this.isFirstChapterFetched=!1;let t=await this.manifestController.setManifest(e);if(t.manifest)return this.graph&&this.graph.handleManifestChange(t.manifest),await this.historyController.setManifest(t.manifest),this.events.manifestChanged$.next(t.manifest),this.globalEventEmitter.emit(x.manifestChanged,{manifest:t.manifest}),this.setGameControllers(),t.manifest}setPlayer(e){this.reset(),this.player=e,this.seekToInteractiveController.setPlayer(this.player),this.interactiveEvents?this.interactiveEvents.setPlayer(this.player):this.interactiveEvents=aa(this.player,this._options.interactiveTimeOpenUri),this.selectBranches=ba({player:this.player,interactiveEvents:this.interactiveEvents,globalEvents:this.events,globalEventEmitter:this.globalEventEmitter}),this.appState===1&&(this.registerVideoEvents(),this.setGameControllers())}async setChapter({chapterId:e,pushToHistory:t=!0,playPrev:n=!1}={}){this.reset(),this.lastFrame&&this.isFirstChapterFetched&&(this.lastFrame.draw(),this.lastFrame.show()),this.lastFrame&&ph.browser.isSafari&&await Ea(35);let i=!n&&this.state.isEndChapter$.getValue()&&this.getCurrentManifest()?.metadata.initChapterId===e;this.state.isReplay$.next(i);let{chapter:o,media:a,graph:s}=await(e?this.manifestController.setNext(e):this.manifestController.setInitial());(!e||i)&&this.state.isFirstChapter$.next(!0),!(!o||!a)&&(t&&this.pushChapterToHistory(o.id),this.state.isInitialChapter$.next(this.manifestController.isInitialChapter()),this.state.isEndChapter$.next(this.manifestController.isEndChapter()),this.graph&&this.graph.handleChapterChange(o),this.lastFrame?.setCurrentChapter(o),this.events.chapterChanged$.next({chapter:o,manifestVideo:a}),this.globalEventEmitter.emit(x.chapterChanged,{chapter:o,media:a,graph:s}),this.setGameControllers(),this.endedRanges=new Set,this.isFirstChapterFetched=!0)}getStatEvents(){return{click$:new Ta(e=>{this.subscriptions.add(this.events.graphVisibilityChanged$.subscribe(t=>{e.next(t?ze.GRAPH_SHOW:ze.GRAPH_HIDE)})).add(this.events.watchAgainIsClicked$.subscribe(()=>{e.next(ze.WATCH_AGAIN)})).add(this.events.interactiveActionChoice$.subscribe(({type:t,subjectName:n,subjectType:i})=>{t!=="action-choice"||n!=="control"||(i==="Button"&&e.next(ze.NEXT_BUTTON),i==="Area"&&e.next(ze.NEXT_AREA))}))}),nextMovie$:new Ta(e=>{this.events.playerChanged$.subscribe(({config:t})=>{t?.unitedVideoId&&!this.state.isFirstChapter$.getValue()&&e.next(t.unitedVideoId)})})}}async toggleGraphView(e=!0){this.graph&&(e?(await this.graph.show(),this.state.isSeekable$.next(!1)):(this.graph.hide(),this.checkIfSeekable()),this.globalEventEmitter.emit(x.graph,{type:qe.visibility,visibility:e}),this.events.graphVisibilityChanged$.next(e))}setVisitedChapters(e){Array.isArray(e)&&this.graph?.setVisitedChapters(e)}updateGraphVideosInfo(e){Array.isArray(e)&&this.graph?.updateVideosInfo(e)}deadEndCheck(){return!(this.interactiveEvents?.getPreparedToExecActions()||[]).some(n=>n.actionType===S.setNextBranch)}allControlsAreRemoved(){return!this.gameControllers.some(t=>!t.container.isRemoved)}isEndedExpectation(){if(!this.player||!this.gameControllers)return!1;let e=this.player.info.position$.getValue(),t=this.player.info.duration$.getValue();return e===t&&this.gameControllers.some(n=>{let i=n.container.container;return!n.container.isRemoved&&i.endTime===null&&re(i.events)})}playPrevChapter(){this.historyController.goBack()}setDisabledControls(e){this.state.disabledControls$.next(e)}isSupport(e=this.manifestController.manifest){return!!e&&yt(e.metadata.version)}getInitialVideoInfo(){return{videoId:this.historyController.getInitialVideoId(),chapterId:this.historyController.getInitialChapterId()}}getHistoryState(){return this.historyController.state}getIsSeekable(){return this.state.isSeekable$}getInteractiveRanges(){return Ts(this.manifestController.chapter?.containers)}getNextInteractiveStartTime(e){return this.seekToInteractiveController.getNextInteractiveTime(e)}getChapterBranches(e){return this.manifestController.getBranches(e)}getCurrentChapter(){return this.manifestController.getCurrent()}getCurrentManifest(){return this.manifestController.manifest}on(e,t){return this.globalEventEmitter.on(e,t),this}off(e,t){return this.globalEventEmitter.off(e,t),this}once(e,t){return this.globalEventEmitter.once(e,t),this}destroy(){this.clearHistoryIfEnded(),this.blinkAnimationRef?.destroy(),this.destroyGameControllers(),this.gameControllers=[],this.graph?.destroy(),this.seamlessControllerSubs.unsubscribe(),this.seamlessController?.removeAll(),this.resizeManager?.release(),this.animation.release(),this.interactiveEvents?.release(),this.manifestController.release(),this.playerSubscriptions.unsubscribe(),this.subscriptions.unsubscribe(),this.globalEventEmitter.reset(),this.lastFrame?.destroy(),this.rootElement.remove(),this.historyController.destroy(),this.isFirstChapterFetched=!1,this.appState=3}};var hh={Container:oe,createChoiceContainer:at,createAreaControl:nt,createButtonControl:st,classnamesPrefix:tn};var fb={version:Jr};export{lf as ContainerTypes,bt as ControlTypes,k as CustomError,x as EVENT_NAMES,S as EventActionTypes,cf as EventTypes,jt as Interactives,fe as ManifestController,fb as SDKInfo,zr as chapterIdsToVKVideoIds,Vr as compareVersions,tf as containerTypes,rf as controlTypes,go as eventActionTypes,nf as eventTypes,ih as getChapterIdByVkVideoId,ga as getVKVideoIdByMedia,rh as getVideoRawIdByMedia,qe as graphEventTypes,Rt as hasEndTemplate,O as interactivesEventTypes,ef as isAreaControl,Jm as isButtonControl,K as isLastChapter,me as isOneTextCtrlContainer,yt as isSupportedManifest,vt as isTextControl,nh as isVKVariantItem,bo as isValidManifest,Co as migrateManifestToLatestVersion,hh as utils,Ca as vkVideoIdsToChapterIds};
|
|
184
|
+
|
|
185
|
+
/* fill animation */
|
|
186
|
+
|
|
187
|
+
.interactive-control-fill-animation {
|
|
188
|
+
position: absolute;
|
|
189
|
+
overflow: hidden;
|
|
190
|
+
z-index: -1;
|
|
191
|
+
pointer-events: none;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
.interactive-control-fill-animation-filler-wrapper {
|
|
195
|
+
position: absolute;
|
|
196
|
+
width: 100%;
|
|
197
|
+
height: 100%;
|
|
198
|
+
transform-origin: center;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
.interactive-control-fill-animation-filler-wrapper.interactive-control-fill-animation-fill-width {
|
|
202
|
+
top: 0;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
.interactive-control-fill-animation-filler-wrapper.interactive-control-fill-animation-fill-height {
|
|
206
|
+
left: 0;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
.interactive-control-fill-animation-filler-wrapper.interactive-control-fill-animation-from-right {
|
|
210
|
+
right: 0;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
.interactive-control-fill-animation-filler-wrapper.interactive-control-fill-animation-from-left {
|
|
214
|
+
left: 0;
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
.interactive-control-fill-animation-filler-wrapper.interactive-control-fill-animation-from-top {
|
|
218
|
+
top: 0;
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
.interactive-control-fill-animation-filler-wrapper.interactive-control-fill-animation-from-bottom {
|
|
222
|
+
bottom: 0;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
.interactive-control-fill-animation-filler {
|
|
226
|
+
width: 100%;
|
|
227
|
+
height: 100%;
|
|
228
|
+
background-color: rgba(173, 211, 255, 0.32);
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.interactive-control-fill-animation-filler.interactive-control-fill-animation-fill-width {
|
|
232
|
+
transform: scaleX(0);
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
.interactive-control-fill-animation-filler.interactive-control-fill-animation-fill-height {
|
|
236
|
+
transform: scaleY(0);
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
.interactive-control-fill-animation-filler.interactive-control-fill-animation-from-right {
|
|
240
|
+
transform-origin: right;
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
.interactive-control-fill-animation-filler.interactive-control-fill-animation-from-left {
|
|
244
|
+
transform-origin: left;
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
.interactive-control-fill-animation-filler.interactive-control-fill-animation-from-top {
|
|
248
|
+
transform-origin: top;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
.interactive-control-fill-animation-filler.interactive-control-fill-animation-from-bottom {
|
|
252
|
+
transform-origin: bottom;
|
|
253
|
+
}
|
|
254
|
+
`;var Ms=r=>{let e=document.createElement("style");e.textContent=Ps,r.prepend(e)};import{clientChecker as Ch}from"@vkontakte/videoplayer-core/es2024";var Vs=Object.freeze({lang:yh.RU,loaders:{},graph:!1,initSeamless:!1,lastFrame:!1,permanentTextControls:!0,interactiveTimeOpenUri:!1,config:{historyMaxLength:100,noInteractionEventTimeout:3e4},isTouch:!1,animationsFeatureToggles:{areaControlShadow:!1,controlsExpectTimeBlinkAnimation:!1,controlsTapPlace:!1,controlsFillAnimation:!1}});function Eh(){let r=document.createElement("div");return r.classList.add("interactive-chapter"),r}var Bt=class{constructor(e){this.playerSubscriptions=new ni;this.subscriptions=new ni;this.globalEventEmitter=new xt;this.animation=new St;this.seekToInteractiveController=new Ve;this.endedRanges=new Set;this.gameControllers=[];this.rootElement=Eh();this.factories=new Map([["choice",ut]]);this.isFirstChapterFetched=!1;this.player=null;this.interactiveEvents=null;this.selectBranches=null;this.seamlessController=null;this.seamlessControllerSubs=new ni;this.graph=null;this.lastFrame=null;this.blinkAnimationRef=null;this.appState=0;this.state={prevChapter$:new B(null),isInitialChapter$:new B(!1),isFirstChapter$:new B(!0),isEndChapter$:new B(!1),isInteractiveExpectation$:new B(!1),isReplay$:new B(!1),calledByInteractive$:new B(!1),lastChapterChangeWasInitiatedByInteractive$:new B(!1),disabledControls$:new B(!1),interactiveRanges$:new B([]),isInteractiveTime$:new B(!1),statistics$:new B(null),isSeekable$:new B(!1)};this.events={noInteraction$:new _,graphVisibilityChanged$:new _,watchAgainIsClicked$:new _,chapterChanged$:new _,playerChanged$:new _,error$:new _,eachTick$:new _,manifestChanged$:new _,interactiveRangeEnded$:new _,interactiveContainerRemoved$:new _,interactiveContainerFakeRemoved$:new _,interactiveActionExecution$:new _,interactiveActionChoice$:new _,interactiveVisibilityChanged$:new _};this.emitErrorEvent=e=>{this.events.error$.next(e),this.globalEventEmitter.emit(x.errors,e)};this.clearHistoryIfEnded=()=>{let e=this.player?.info.isEnded$.getValue(),t=this.state.isInteractiveExpectation$.getValue(),{chapter:i}=this.getCurrentChapter();e&&i&&Q(i)&&!t&&this.historyController.updateHistory([]),window.removeEventListener("beforeunload",this.clearHistoryIfEnded)};this.handleSeamlessPlayerChanged=e=>{if(!e)return;let{statistics:t,...i}=e;if(t){let{statSubscription:n,oneStat:o}=t;n.add(o.attachToInteractive(this.getStatEvents())),this.state.statistics$.next(t)}this.state.isReplay$.getValue()&&this.state.isReplay$.next(!1),this.events.playerChanged$.next(i),this.globalEventEmitter.emit(x.playerChanged,i)};this.onPlaybackStarted=()=>{this.resizeManager?.calc(),this.animation.requestAnimation()};this.destroyGameControllers=(e=!0)=>{this.gameControllers.forEach(t=>{!e&&t.isPermanentText||(this.animation.removeFn(t.whilePlaying),t.destroy())})};this.completeInteractiveRange=e=>{let{interactiveRanges$:t}=this.state,n=t.getValue().map(o=>({...o,subjects:o.subjects.filter(l=>l.id!==e)}));t.next(n)};this.clearNoInteractionTimeout=()=>{this.noInteractionTimeout&&(clearTimeout(this.noInteractionTimeout),this.noInteractionTimeout=void 0)};if(this._options={...Vs,...e,config:{...Vs.config,...e.config}},this._options.animationsFeatureToggles?.controlsExpectTimeBlinkAnimation){this.blinkAnimationRef=new rt,this.blinkAnimationRef.create();let n=this.blinkAnimationRef.element;n&&this.rootElement.append(n)}this._options.parentElement.append(this.rootElement),this.historyController=new Ge({interactiveController:this,globalEventEmitter:this.globalEventEmitter,videoId:this._options.projectInfo?.videoId,historyApi:this._options.historyApi,settings:{maxLength:this._options.config.historyMaxLength,initChapterId:this._options.initChapterId}}),this._options.lastFrame&&(this.lastFrame=new jt({parentElement:this._options.parentElement,onError:n=>{let o=new L(1,6,n);this.emitErrorEvent(o)}})),Ms(this._options.parentElement),this.subscriptions.add(Fs(this.rootElement,"mousedown").subscribe(n=>n.stopPropagation())).add(Fs(this.rootElement,"mouseup").subscribe(n=>n.stopPropagation())),this.manifestController=new be(this._options.loaders,n=>{let o=new L(1,3,n);this.emitErrorEvent(o)});let i=[];this._options.lastFrame&&i.push(()=>{this.lastFrame?.updateCanvasDimensions(!0)}),i.push(()=>{let n=this.state.isInteractiveTime$.getValue();for(let o of this.gameControllers)o.onResize(n)}),this.resizeManager=gs(()=>({player:this.player,parentElement:this._options.parentElement,fns:i})),this._options.graph&&(this.graph=new Fe({root:this._options.parentElement,lang:this._options.lang,onOpenPreviewClick:n=>{this.setChapter({chapterId:n}),this.globalEventEmitter.emit(x.graph,{type:qe.watchAgainClicked,chapterId:n}),this.events.watchAgainIsClicked$.next(n)},onError:n=>{let o=new L(1,2,{message:n});this.emitErrorEvent(o)}})),this.initSubscriptions()}initSubscriptions(){this.playerSubscriptions.add(this.historyController.events.inited$.subscribe(async({videosInfo:e=[]})=>{this._options.initSeamless&&(await this.initSeamless(),this.updateGraphVideosInfo(e))})),this.subscriptions.add(this.events.interactiveContainerRemoved$.subscribe(({subjectId:e})=>{this.completeInteractiveRange(e)})).add(this.events.interactiveContainerFakeRemoved$.subscribe(({subjectId:e,removeAllOpenURI:t})=>{this.handleFakeRemoval(e,t)})).add(this.events.interactiveActionExecution$.subscribe(e=>{if(this.state.calledByInteractive$.next(!0),this.state.lastChapterChangeWasInitiatedByInteractive$.next(!0),e.payload?.behaviour==="change-chapter"){let{chapterId:t}=e.payload;this.setChapter({chapterId:t}),this.state.isFirstChapter$.getValue()&&this.state.isFirstChapter$.next(!1)}else if(e.payload?.behaviour==="change-manifest"){let{manifestURL:t}=e.payload;t&&this.setManifest(t)}e.actionType==="expect"?(this.state.isInteractiveExpectation$.next(!0),this.updateControlsShadowStyles({subjectName:e.subjectName,subjectId:e.subjectId,isExpect:!0}),this.toggleBlinkAnimation({subjectName:e.subjectName,subjectId:e.subjectId,isExpect:!0})):e.actionType==="after-expect"&&(this.state.isInteractiveExpectation$.next(!1),this.updateControlsShadowStyles({subjectName:e.subjectName,subjectId:e.subjectId,isExpect:!1}),this.toggleBlinkAnimation({subjectName:e.subjectName,subjectId:e.subjectId,isExpect:!1}))})).add(this.events.manifestChanged$.subscribe(()=>{this.state.calledByInteractive$.next(!1),this.state.lastChapterChangeWasInitiatedByInteractive$.next(!1)})).add(this.events.interactiveActionChoice$.subscribe(({type:e,subjectName:t,payload:i})=>{e!=="action-choice"||t==="chapter"||"invokeImmediately"in i&&i.invokeImmediately||this.destroyGameControllers(!1)}))}async initSeamless(){this.seamlessController=Kr(this),this.seamlessControllerSubs.add(this.seamlessController.activePlayerChanged.subscribe(this.handleSeamlessPlayerChanged)),await this.seamlessController.init()}handlePositionChange(e){(!this.graph||this.graph.isHidden)&&this.checkIfSeekable();let t=e*1e3,n=this.getInteractiveRanges().reverse().find(({range:o})=>t>=o[1]);if(n){let o=n.range.join("-");this.endedRanges.has(o)||(this.endedRanges.add(o),this.globalEventEmitter.emit(x.interactives,{type:O.rangeEnded,payload:n,visibility:!0}),this.events.interactiveRangeEnded$.next({type:"range-ended",payload:n}))}}registerVideoEvents(){this.player&&(window.removeEventListener("beforeunload",this.clearHistoryIfEnded),this.playerSubscriptions.unsubscribe(),window.addEventListener("beforeunload",this.clearHistoryIfEnded),this.playerSubscriptions.add(this.player.events.started$.pipe(gh()).subscribe(this.onPlaybackStarted)).add(this.player.events.playing$.subscribe(this.animation.requestAnimation)).add(this.player.events.willPause$.subscribe(this.animation.cancelAnimation)).add(this.player.info.position$.subscribe(this.handlePositionChange.bind(this))).add(this.manifestController.prevChapter$.subscribe(e=>this.state.prevChapter$.next(e))).add(bh({position:this.player.info.position$,interactiveRanges:this.state.interactiveRanges$,isInteractiveExpectation:this.state.isInteractiveExpectation$}).subscribe(({position:e,interactiveRanges:t,isInteractiveExpectation:i})=>{let n;if(i)n=!0;else{let s=e*1e3;n=!!t.find(({range:[d,m],subjects:f})=>d<s&&s<m&&f.some(b=>!b.isRemoved)&&f.length)}n!==this.state.isInteractiveTime$.getValue()&&this.state.isInteractiveTime$.next(n);let o=!!this.noInteractionTimeout,a=this.player?.info.playbackState$.getValue()==="playing"||i;n&&!o&&a?this.noInteractionTimeout=window.setTimeout(()=>{this.events.noInteraction$.next()},this._options.config.noInteractionEventTimeout):o&&!a&&this.clearNoInteractionTimeout()})),this.playerSubscriptions.add(this.historyController.events.error$.subscribe(this.events.error$)),this._options.lastFrame&&this.playerSubscriptions.add(this.player.info.duration$.subscribe(e=>{this.lastFrame?.setVideoDuration(e*1e3)})).add(this.player.experimental.element$.subscribe(e=>{e&&this.lastFrame?.setVideoElement(e)})).add(this.player.events.firstFrame$.subscribe(()=>{this.lastFrame?.reset(),setTimeout(()=>{this.lastFrame?.hide(),this.lastFrame?.lastFrameCanvas.clear()},50)})).add(this.player.events.seeked$.subscribe(this.lastFrame.onSeek)))}setGameControllers(){let e=this.manifestController.chapter;e&&this.appState===1&&(this.selectBranches?.setManifestChapterEvents(e),this.gameControllers=this.getGameControllers(e),this.interactiveEvents?.containersEventsCallState.setData(e.containers),this.seekToInteractiveController.setContainers(this.gameControllers.map(t=>t.container.container).filter(t=>!ve(t.controls))),this._options.lastFrame&&this.animation.addFn(()=>{this.player&&this.lastFrame?.onEachTick(this.player.info.position$.getValue()*1e3)},!0),this.state.interactiveRanges$.next(this.getInteractiveRanges()),this.appState=2)}getGameControllers(e){let t=[];return e.containers.forEach(i=>{let n=i.type.trim().toLowerCase(),l=this.factories.get(n)?.(i,this.rootElement,{isTouch:this._options?.isTouch??!1,features:{controlsExpectTimeBlinkAnimation:this._options.animationsFeatureToggles?.controlsExpectTimeBlinkAnimation,controlsTapPlace:this._options.animationsFeatureToggles?.controlsTapPlace,controlsFillAnimation:this._options.animationsFeatureToggles?.controlsFillAnimation}});if(l&&this.selectBranches&&this.interactiveEvents&&this.player){let a=new Vt({player:this.player,container:l,branches:e.branches,selectBranches:this.selectBranches,interactiveEvents:this.interactiveEvents,globalEvents:this.events,globalEventEmitter:this.globalEventEmitter,getContainerEventState:()=>Zo(i,this.gameControllers),permanentTextControls:this._options.permanentTextControls,interactiveTimeOpenUri:this._options.interactiveTimeOpenUri,disabledControls$:this.state.disabledControls$,onRemove:()=>{this.seekToInteractiveController.deleteContainer(i.id)},onError:this.emitErrorEvent});this.animation.addFn(a.whilePlaying,!0),t.push(a)}}),t}checkIfSeekable(){if(this.state.isInteractiveExpectation$.getValue()){this.state.isSeekable$.next(!1);return}let t=this.state.isSeekable$.getValue(),i=!!this.seekToInteractiveController.getNextInteractiveTime();(i&&!t||!i&&t)&&this.state.isSeekable$.next(!t)}updateLastEventInfo(){this.state.calledByInteractive$.getValue()?this.state.calledByInteractive$.next(!1):this.state.lastChapterChangeWasInitiatedByInteractive$.next(!1)}pushChapterToHistory(e){if(this.updateLastEventInfo(),!this.historyController.inited)return;let t=this.state.lastChapterChangeWasInitiatedByInteractive$.getValue(),i=this.state.prevChapter$.getValue(),n=(i&&Q(i)&&Mt(i))??!1,o=this.manifestController.manifest?.metadata.initChapterId===e,l=this.historyController.state.history$.getValue();if(o||n&&t){this.historyController.updateHistory([e]);return}(0,Ns.default)(l,-1)!==e&&this.historyController.updateHistory([...l,e])}handleFakeRemoval(e,t){let{interactiveRanges$:i}=this.state,o=i.getValue().map(l=>{let a=l.subjects.some(c=>c.id===e),s=l.subjects.map(c=>t&&a||c.id===e?{...c,isRemoved:!0}:c);return{...l,subjects:s}});i.next(o)}reset(){this.appState===2&&(this.destroyGameControllers(),this.gameControllers=[],this.animation.release(),this.interactiveEvents?.release(),this.appState=1,this.state.isSeekable$.next(!1),this.clearNoInteractionTimeout())}toggleBlinkAnimation(e){if(!this._options.animationsFeatureToggles?.controlsExpectTimeBlinkAnimation)return;let t=(i,n)=>{i.toggleBlinkAnimation(n)};Lt({...e,gameControllers:this.gameControllers,execFn:De(Qr(t),e.isExpect)}),e.isExpect&&this.blinkAnimationRef?.restart()}updateControlsShadowStyles(e){if(!this._options.animationsFeatureToggles?.areaControlShadow)return;let t=(i,n)=>{i.updateControlsShadowStyles(n)};e.isExpect?Lt({...e,gameControllers:this.gameControllers,execFn:De(Qr(t),!1)}):Lt({...e,gameControllers:this.gameControllers,execFn:t})}get options(){return this._options}init(){this.manifestController.chapter&&this._options.parentElement&&this.player&&this._options.fullscreenTargetElement&&this.appState===0&&(this.resizeManager?.resizeObserver.observe(this._options.fullscreenTargetElement),this.registerVideoEvents(),this.appState=1,this.setGameControllers())}async setManifest(e){this.reset(),this.isFirstChapterFetched=!1;let t=await this.manifestController.setManifest(e);if(t.manifest)return this.graph&&this.graph.handleManifestChange(t.manifest),await this.historyController.setManifest(t.manifest),this.events.manifestChanged$.next(t.manifest),this.globalEventEmitter.emit(x.manifestChanged,{manifest:t.manifest}),this.setGameControllers(),t.manifest}setPlayer(e){this.reset(),this.player=e,this.seekToInteractiveController.setPlayer(this.player),this.interactiveEvents?this.interactiveEvents.setPlayer(this.player):this.interactiveEvents=vs(this.player,this._options.interactiveTimeOpenUri),this.selectBranches=ws({player:this.player,interactiveEvents:this.interactiveEvents,globalEvents:this.events,globalEventEmitter:this.globalEventEmitter}),this.appState===1&&(this.registerVideoEvents(),this.setGameControllers())}async setChapter({chapterId:e,pushToHistory:t=!0,playPrev:i=!1}={}){this.reset(),this.lastFrame&&this.isFirstChapterFetched&&(this.lastFrame.draw(),this.lastFrame.show()),this.lastFrame&&Ch.browser.isSafari&&await Os(35);let n=!i&&this.state.isEndChapter$.getValue()&&this.getCurrentManifest()?.metadata.initChapterId===e;this.state.isReplay$.next(n);let{chapter:o,media:l,graph:a}=await(e?this.manifestController.setNext(e):this.manifestController.setInitial());(!e||n)&&this.state.isFirstChapter$.next(!0),!(!o||!l)&&(t&&this.pushChapterToHistory(o.id),this.state.isInitialChapter$.next(this.manifestController.isInitialChapter()),this.state.isEndChapter$.next(this.manifestController.isEndChapter()),this.graph&&this.graph.handleChapterChange(o),this.lastFrame?.setCurrentChapter(o),this.events.chapterChanged$.next({chapter:o,manifestVideo:l}),this.globalEventEmitter.emit(x.chapterChanged,{chapter:o,media:l,graph:a}),this.setGameControllers(),this.endedRanges=new Set,this.isFirstChapterFetched=!0)}getStatEvents(){return{click$:new Ls(e=>{this.subscriptions.add(this.events.graphVisibilityChanged$.subscribe(t=>{e.next(t?ze.GRAPH_SHOW:ze.GRAPH_HIDE)})).add(this.events.watchAgainIsClicked$.subscribe(()=>{e.next(ze.WATCH_AGAIN)})).add(this.events.interactiveActionChoice$.subscribe(({type:t,subjectName:i,subjectType:n})=>{t!=="action-choice"||i!=="control"||(n==="Button"&&e.next(ze.NEXT_BUTTON),n==="Area"&&e.next(ze.NEXT_AREA))}))}),nextMovie$:new Ls(e=>{this.events.playerChanged$.subscribe(({config:t})=>{t?.unitedVideoId&&!this.state.isFirstChapter$.getValue()&&e.next(t.unitedVideoId)})})}}async toggleGraphView(e=!0){this.graph&&(e?(await this.graph.show(),this.state.isSeekable$.next(!1)):(this.graph.hide(),this.checkIfSeekable()),this.globalEventEmitter.emit(x.graph,{type:qe.visibility,visibility:e}),this.events.graphVisibilityChanged$.next(e))}setVisitedChapters(e){Array.isArray(e)&&this.graph?.setVisitedChapters(e)}updateGraphVideosInfo(e){Array.isArray(e)&&this.graph?.updateVideosInfo(e)}deadEndCheck(){return!(this.interactiveEvents?.getPreparedToExecActions()||[]).some(i=>i.actionType===S.setNextBranch)}allControlsAreRemoved(){return!this.gameControllers.some(t=>!t.container.isRemoved)}isEndedExpectation(){if(!this.player||!this.gameControllers)return!1;let e=this.player.info.position$.getValue(),t=this.player.info.duration$.getValue();return e===t&&this.gameControllers.some(i=>{let n=i.container.container;return!i.container.isRemoved&&n.endTime===null&&ne(n.events)})}playPrevChapter(){this.historyController.goBack()}setDisabledControls(e){this.state.disabledControls$.next(e)}isSupport(e=this.manifestController.manifest){return!!e&&Tt(e.metadata.version)}getInitialVideoInfo(){return{videoId:this.historyController.getInitialVideoId(),chapterId:this.historyController.getInitialChapterId()}}getHistoryState(){return this.historyController.state}getIsSeekable(){return this.state.isSeekable$}getInteractiveRanges(){return La(this.manifestController.chapter?.containers)}getNextInteractiveStartTime(e){return this.seekToInteractiveController.getNextInteractiveTime(e)}getChapterBranches(e){return this.manifestController.getBranches(e)}getCurrentChapter(){return this.manifestController.getCurrent()}getCurrentManifest(){return this.manifestController.manifest}on(e,t){return this.globalEventEmitter.on(e,t),this}off(e,t){return this.globalEventEmitter.off(e,t),this}once(e,t){return this.globalEventEmitter.once(e,t),this}destroy(){this.clearHistoryIfEnded(),this.blinkAnimationRef?.destroy(),this.destroyGameControllers(),this.gameControllers=[],this.graph?.destroy(),this.seamlessControllerSubs.unsubscribe(),this.seamlessController?.removeAll(),this.resizeManager?.release(),this.animation.release(),this.interactiveEvents?.release(),this.manifestController.release(),this.playerSubscriptions.unsubscribe(),this.subscriptions.unsubscribe(),this.globalEventEmitter.reset(),this.lastFrame?.destroy(),this.rootElement.remove(),this.historyController.destroy(),this.isFirstChapterFetched=!1,this.appState=3}};var Th={Container:se,createChoiceContainer:ut,createAreaControl:nt,createButtonControl:pt,classnamesPrefix:hi};var Ry={version:li};export{Rf as ContainerTypes,It as ControlTypes,L as CustomError,x as EVENT_NAMES,S as EventActionTypes,kf as EventTypes,Bt as Interactives,be as ManifestController,Ry as SDKInfo,ti as chapterIdsToVKVideoIds,_r as compareVersions,Tf as containerTypes,If as controlTypes,Vo as eventActionTypes,xf as eventTypes,mh as getChapterIdByVkVideoId,Rs as getVKVideoIdByMedia,hh as getVideoRawIdByMedia,qe as graphEventTypes,Mt as hasEndTemplate,O as interactivesEventTypes,Ef as isAreaControl,Cf as isButtonControl,Q as isLastChapter,ve as isOneTextCtrlContainer,Tt as isSupportedManifest,Et as isTextControl,dh as isVKVariantItem,Fo as isValidManifest,No as migrateManifestToLatestVersion,Th as utils,ks as vkVideoIdsToChapterIds};
|