@vvfx/sdk 0.0.0-alpha.8 → 0.0.0-alpha.9

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/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";var t,e=Object.create,i=Object.defineProperty,s=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,a=Object.getPrototypeOf,n=Object.prototype.hasOwnProperty,o=t=>{throw TypeError(t)},h=(t,e)=>{for(var s in e)i(t,s,{get:e[s],enumerable:!0})},c=(t,e,a,o)=>{if(e&&"object"==typeof e||"function"==typeof e)for(let h of r(e))n.call(t,h)||h===a||i(t,h,{get:()=>e[h],enumerable:!(o=s(e,h))||o.enumerable});return t},l=(t,e,i)=>(c(t,e,"default"),i&&c(i,e,"default")),p=(t,s,r)=>(r=null!=t?e(a(t)):{},c(!s&&t&&t.__esModule?r:i(r,"default",{value:t,enumerable:!0}),t)),m=(t,e,s)=>((t,e,s)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s)(t,"symbol"!=typeof e?e+"":e,s),d=(t,e,i)=>e.has(t)||o("Cannot "+i),u=(t,e,i)=>(d(t,e,"read from private field"),i?i.call(t):e.get(t)),y=(t,e,i)=>e.has(t)?o("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),g=(t,e,i,s)=>(d(t,e,"write to private field"),s?s.call(t,i):e.set(t,i),i),f={};h(f,{ExportStatusMap:()=>Te,SDK:()=>Ae,spec:()=>v.spec}),module.exports=(t=f,c(i({},"__esModule",{value:!0}),t));var w=p(require("jszip"),1),x={};h(x,{Composition:()=>v.Composition,EventEmitter:()=>v.EventEmitter,Player:()=>v.Player,SpriteComponent:()=>v.SpriteComponent,TextComponent:()=>v.TextComponent,VFXItem:()=>v.VFXItem,assertExist:()=>v.assertExist,math:()=>v.math,spec:()=>v.spec});var P={};h(P,{Composition:()=>v.Composition,EventEmitter:()=>v.EventEmitter,Player:()=>v.Player,SpriteComponent:()=>v.SpriteComponent,TextComponent:()=>v.TextComponent,VFXItem:()=>v.VFXItem,assertExist:()=>v.assertExist,math:()=>v.math,spec:()=>v.spec});var v=require("@galacean/effects");l(P,require("@galacean/effects-plugin-rich-text")),l(x,P);var S=require("@pixi/app"),b=class{constructor(){m(this,"interactive"),m(this,"type"),m(this,"active"),this.type="null",this.active=!1,this.interactive=!1}},I=1e-6;function D(t,e,i){const s=isNaN(e)?-1/0:e,r=isNaN(i)?1/0:i,a=Math.min(s,r),n=Math.max(s,r);return Math.min(Math.max(t,a),n)}var E=Math.PI/180,T=180/Math.PI;function A(t){return Math.atan2(-t.y,-t.x)+Math.PI}function C(t,e,i=Math.round){if(Number.isInteger(t))return t;const s=Math.pow(10,e);return i(t*s)/s}function V(t,e){return Math.abs(t-e)<I||t===1/0&&e===1/0||t===-1/0&&e===-1/0}function M(t){return isNaN(t)||Math.abs(t)<I}var z=class t extends v.math.Vector2{subtract(t){return this.x-=t.x,this.y-=t.y,this}toViewCoordinate(t,e){return this.x=(this.x+1)/2*t,this.y=(1-(this.y+1)/2)*e,this}clone(){return new t(this.x,this.y)}distanceTo(t){const e=this.x-t.x,i=this.y-t.y;return Math.sqrt(e*e+i*i)}scaleByCenter(e,i=new t){const s=(new t).subtractVectors(i,this).multiply(e);return(new t).subtractVectors(i,s)}round(t=0){const e=Math.pow(10,t);return this.x=Math.round(this.x*e)/e,this.y=Math.round(this.y*e)/e,this}},k=class t{constructor(t=new z,e=new z){m(this,"start",new z),m(this,"end",new z),this.start.copyFrom(t),this.end.copyFrom(e)}set(t,e){return this.start.copyFrom(t),this.end.copyFrom(e),this}copyFrom(t){return this.start.copyFrom(t.start),this.end.copyFrom(t.end),this}direction(){return(new z).subtractVectors(this.end,this.start).normalize()}getCenter(t=new z){return t.addVectors(this.start,this.end).multiply(.5)}delta(t=new z){return t.subtractVectors(this.end,this.start)}distanceSq(){return this.start.distanceSquared(this.end)}distance(){return this.start.distance(this.end)}at(t,e=new z){return this.delta(e).multiply(t).add(this.start)}closestPointToPointParameter(t,e){const i=new z,s=new z;i.subtractVectors(t,this.start),s.subtractVectors(this.end,this.start);const r=s.dot(s);let a=s.dot(i)/r;return e&&(a=D(a,0,1)),a}closestPointToPoint(t,e,i=new z){const s=this.closestPointToPointParameter(t,e);return this.delta(i).multiply(s).add(this.start)}equals(t){return t.start.equals(this.start)&&t.end.equals(this.end)}clone(){return(new t).copyFrom(this)}length(){return(new z).subtractVectors(this.end,this.start).length()}crossWithLine(t){const e=this.delta(),i=t.delta(),s=(new z).subtractVectors(t.start,this.start),r=(new z).subtractVectors(t.end,this.start),a=(new z).subtractVectors(this.start,t.start),n=(new z).subtractVectors(this.end,t.start),o=s.cross(e),h=r.cross(e),c=a.cross(i),l=n.cross(i);return o*h<0&&c*l<0}},_=class t{constructor(t=new z(1/0,1/0),e=new z(-1/0,-1/0)){m(this,"corners",[]),m(this,"min",new z(1/0,1/0)),m(this,"max",new z(-1/0,-1/0)),this.min=t.clone(),this.max=e.clone(),this.isEmpty()?this.corners=[]:this.corners=[t.clone(),new z(e.x,t.y),e.clone(),new z(t.x,e.y)]}set(t,e){return this.min.copyFrom(t),this.max.copyFrom(e),this.corners=[t.clone(),new z(e.x,t.y),e.clone(),new z(t.x,e.y)],this}setFromVec2Array(t){return this.min=(new z).copyFrom(t[0]),this.max=(new z).copyFrom(t[0]),t.forEach(t=>{this.min.min(t),this.max.max(t),this.corners.push(t.clone())}),this}setFromVec2ArrayWithOutCorners(t){return this.min=(new z).copyFrom(t[0]),this.max=(new z).copyFrom(t[0]),t.forEach(t=>{this.min=this.min.min(t),this.max=this.max.max(t)}),this.corners.push(new z(this.min.x,this.min.y)),this.corners.push(new z(this.min.x,this.max.y)),this.corners.push(new z(this.max.x,this.max.y)),this.corners.push(new z(this.max.x,this.min.y)),this}setFromCenterAndSize(t,e){const i=(new z).copyFrom(e).multiply(.5);return this.min.copyFrom(t).subtract(i),this.max.copyFrom(t).add(i),this.corners=[this.min.clone(),new z(this.max.x,this.min.y),this.max.clone(),new z(this.min.x,this.max.y)],this}clone(){return(new t).copyFrom(this)}copyFrom(t){return this.corners=[],this.min.copyFrom(t.min),this.max.copyFrom(t.max),t.corners.forEach(t=>{this.corners.push(t.clone())}),this}makeEmpty(){return this.min.x=this.min.y=1/0,this.max.x=this.max.y=-1/0,this.corners=[],this}isEmpty(){return this.max.x<=this.min.x||this.max.y<=this.min.y}getCorners(){const t=[];return this.corners.forEach(e=>{t.push(e.clone())}),t}getCenter(t=new z){return this.isEmpty()?t.set(0,0):t.addVectors(this.min,this.max).multiply(.5)}getSize(t=new z){return this.isEmpty()?t.set(0,0):t.subtractVectors(this.max,this.min)}expandByPoint(t){return this.min.min(t),this.max.max(t),this}expandByVector(t){return this.min.subtract(t),this.max.add(t),this}expandByScalar(t){return this.min.add(-t),this.max.add(t),this}containsPoint(t,e=!0){if(e)return!(t.x<this.min.x||t.x>this.max.x||t.y<this.min.y||t.y>this.max.y);if(this.isEmpty())return!1;for(let e=0;e<this.corners.length;e++){const i=this.corners[e],s=this.corners[(e+1)%4],r=new z(s.x-i.x,s.y-i.y),a=new z(t.x-i.x,t.y-i.y);if(r.cross(a)<0)return!1}return!0}containsBox(t){return this.min.x<=t.min.x&&t.max.x<=this.max.x&&this.min.y<=t.min.y&&t.max.y<=this.max.y}getParameter(t,e=new z){return e.set((t.x-this.min.x)/(this.max.x-this.min.x),(t.y-this.min.y)/(this.max.y-this.min.y))}clampPoint(t,e=new z){return e.copyFrom(t).clamp(this.min,this.max)}distanceToPoint(t){return(new z).copyFrom(t).clamp(this.min,this.max).subtract(t).length()}intersect(t){return this.min.max(t.min),this.max.min(t.max),this.min.x>this.max.x||this.min.y>this.max.y?this.makeEmpty():this}union(t){return this.min.min(t.min),this.max.max(t.max),this.corners=[this.min.clone(),new z(this.max.x,this.min.y),this.max.clone(),new z(this.min.x,this.max.y)],this}translate(t){return this.min.add(t),this.max.add(t),this.corners.forEach(e=>{e.add(t)}),this}equals(t){return t.min.equals(this.min)&&t.max.equals(this.max)}intersectsBox(t,e=!0){if(e)return!(t.max.x<this.min.x||t.min.x>this.max.x||t.max.y<this.min.y||t.min.y>this.max.y);if(!this.isEmpty())for(let e=0;e<this.corners.length;e++){const i=new k(this.corners[e],this.corners[(e+1)%4]);if(t.containsPoint(this.corners[e],!1))return!0;for(let e=0;e<t.corners.length;e++){const s=new k(t.corners[e],t.corners[(e+1)%4]);if(this.containsPoint(t.corners[e],!1))return!0;if(i.crossWithLine(s))return!0}}for(let e=0;e<t.corners.length;e++){const i=this.containsPoint(t.corners[e],!1),s=t.containsPoint(this.corners[e],!1);if(i||s)return!0}return!1}},F=class t{constructor(t=new z,e=0){m(this,"center"),m(this,"radius"),this.center=t.clone(),this.radius=e}set(t,e){return this.center=(new z).copyFrom(t),this.radius=e,this}clone(){return(new t).copy(this)}copy(t){return this.center.copyFrom(t.center),this.radius=t.radius,this}makeEmpty(){return this.center=new z,this.radius=0,this}isEmpty(){return 0===this.radius}getCenter(t=new z){return t.copyFrom(this.center),t}getRadius(){return this.radius}expandByPoint(t){return this.radius=this.center.distanceTo(t),this}expandByScalar(t){return this.radius+=t,this}containsPoint(t){return this.center.distanceTo(t)<this.radius}containsBox(t){for(let e=0;e<4;e++)if(!this.containsPoint(t.corners[e]))return!1;return!0}intersectsBox(t){for(let e=0;e<4;e++)if(this.containsPoint(t.corners[e]))return!0;return!1}distanceToPoint(t){return this.center.distanceTo(t)-this.radius}},B=class extends v.math.Quaternion{},R=class t extends v.math.Vector3{clone(){return new t(this.x,this.y,this.z)}setFromMatrixColumn(t,e){return this.set(...t.elements.slice(4*e))}applyEuler(t,e){return this.applyQuaternion((new B).setFromEuler(t))}applyQuaternion(e,i=new t){const{x:s,y:r,z:a,w:n}=e,{x:o,y:h,z:c}=this.subtract(i),l=n*o+r*c-a*h,p=n*h+a*o-s*c,m=n*c+s*h-r*o,d=-s*o-r*h-a*c;return this.x=l*n+d*-s+p*-a-m*-r+i.x,this.y=p*n+d*-r+m*-s-l*-a+i.y,this.z=m*n+d*-a+l*-r-p*-s+i.z,this}setFromMatrixPosition(t){const e=t.elements;return this.x=e[12],this.y=e[13],this.z=e[14],this}applyMatrix(e,i=new t){const s=e.elements,{x:r,y:a,z:n}=this.subtract(i);let o=1/(s[3]*r+s[7]*a+s[11]*n+s[15]);return o=isNaN(o)?1:o,this.x=(s[0]*r+s[4]*a+s[8]*n+s[12])*o+i.x,this.y=(s[1]*r+s[5]*a+s[9]*n+s[13])*o+i.y,this.z=(s[2]*r+s[6]*a+s[10]*n+s[14])*o+i.z,this}},U=class t extends v.math.Matrix4{static fromArray(e,i=0){return(new t).setFromArray(e,i)}clone(){const e=this.elements;return new t(e[0],e[1],e[2],e[3],e[4],e[5],e[6],e[7],e[8],e[9],e[10],e[11],e[12],e[13],e[14],e[15])}compose(t,e,i,s=R.ZERO){const r=this.elements,{x:a,y:n,z:o,w:h}=e,c=-s.x,l=-s.y,p=-s.z,m=a+a,d=n+n,u=o+o,y=a*m,g=a*d,f=a*u,w=n*d,x=n*u,P=o*u,v=h*m,S=h*d,b=h*u,{x:I,y:D,z:E}=i;return r[0]=(1-(w+P))*I,r[1]=(g+b)*I,r[2]=(f-S)*I,r[3]=0,r[4]=(g-b)*D,r[5]=(1-(y+P))*D,r[6]=(x+v)*D,r[7]=0,r[8]=(f+S)*E,r[9]=(x-v)*E,r[10]=(1-(y+w))*E,r[11]=0,r[12]=c*r[0]+l*r[4]+p*r[8]-c+t.x,r[13]=c*r[1]+l*r[5]+p*r[9]-l+t.y,r[14]=c*r[2]+l*r[6]+p*r[10]-p+t.z,this}extractRotation(t){const e=new R,i=t.elements,s=this.elements,r=1/e.setFromMatrixColumn(t,0).length(),a=1/e.setFromMatrixColumn(t,1).length(),n=1/e.setFromMatrixColumn(t,2).length();return s[0]=i[0]*r,s[1]=i[1]*r,s[2]=i[2]*r,s[3]=0,s[4]=i[4]*a,s[5]=i[5]*a,s[6]=i[6]*a,s[7]=0,s[8]=i[8]*n,s[9]=i[9]*n,s[10]=i[10]*n,s[11]=0,s[12]=0,s[13]=0,s[14]=0,s[15]=1,this}makeRotationFromEuler(t){const e=this.elements,i=t.x,s=t.y,r=t.z,a=Math.cos(i),n=Math.sin(i),o=Math.cos(s),h=Math.sin(s),c=Math.cos(r),l=Math.sin(r);if(t.order===v.math.EulerOrder.XYZ){const t=a*c,i=a*l,s=n*c,r=n*l;e[0]=o*c,e[4]=-o*l,e[8]=h,e[1]=i+s*h,e[5]=t-r*h,e[9]=-n*o,e[2]=r-t*h,e[6]=s+i*h,e[10]=a*o}else if(t.order===v.math.EulerOrder.YXZ){const t=o*c,i=o*l,s=h*c,r=h*l;e[0]=t+r*n,e[4]=s*n-i,e[8]=a*h,e[1]=a*l,e[5]=a*c,e[9]=-n,e[2]=i*n-s,e[6]=r+t*n,e[10]=a*o}else if(t.order===v.math.EulerOrder.ZXY){const t=o*c,i=o*l,s=h*c,r=h*l;e[0]=t-r*n,e[4]=-a*l,e[8]=s+i*n,e[1]=i+s*n,e[5]=a*c,e[9]=r-t*n,e[2]=-a*h,e[6]=n,e[10]=a*o}else if(t.order===v.math.EulerOrder.ZYX){const t=a*c,i=a*l,s=n*c,r=n*l;e[0]=o*c,e[4]=s*h-i,e[8]=t*h+r,e[1]=o*l,e[5]=r*h+t,e[9]=i*h-s,e[2]=-h,e[6]=n*o,e[10]=a*o}else if(t.order===v.math.EulerOrder.YZX){const t=a*o,i=a*h,s=n*o,r=n*h;e[0]=o*c,e[4]=r-t*l,e[8]=s*l+i,e[1]=l,e[5]=a*c,e[9]=-n*c,e[2]=-h*c,e[6]=i*l+s,e[10]=t-r*l}else if(t.order===v.math.EulerOrder.XZY){const t=a*o,i=a*h,s=n*o,r=n*h;e[0]=o*c,e[4]=-l,e[8]=h*c,e[1]=t*l+r,e[5]=a*c,e[9]=i*l-s,e[2]=s*l-i,e[6]=n*c,e[10]=r*l+t}return e[3]=0,e[7]=0,e[11]=0,e[12]=0,e[13]=0,e[14]=0,e[15]=1,this}setPosition(t){return this.elements[12]=t.x,this.elements[13]=t.y,this.elements[14]=t.z,this}},K=class extends v.math.Euler{constructor(t=0,e=0,i=0,s=v.math.EulerOrder.XYZ){super(t,e,i,s)}getInvertMatrixByEuler(){return(new U).makeRotationFromEuler(this).invert()}toDegreeVector3(t){return t?t.set(this.x*T,this.y*T,this.z*T):new R(this.x*T,this.y*T,this.z*T)}setFromDegreeVector3(t,e){return this.set(t.x*E,t.y*E,t.z*E,e??this.order)}},W=class{constructor(t=new R,e=new R){m(this,"start"),m(this,"end"),this.start=t.clone(),this.end=e.clone()}closestPointToPointParameter(t,e=!1){const i=(new R).subtractVectors(t,this.start),s=(new R).subtractVectors(this.end,this.start),r=s.dot(s);let a=s.dot(i)/r;return e&&(a=D(a,0,1)),a}closestPointToPoint(t,e=!1){const i=this.closestPointToPointParameter(t,e);return this.delta().multiply(i).add(this.start)}delta(){return(new R).subtractVectors(this.end,this.start)}},G=class t{constructor(t=0,e=new R(0,0,1)){m(this,"distance"),m(this,"normal");const i=e.length();0===i&&(this.normal=new R(0,0,1)),this.distance=t/(i??1),this.normal=e.normalize()}static set(e,i){return new t(e,i)}set(t,e){const i=e.length();return 0===i&&(this.normal=new R(0,0,1)),this.distance=t/i,this.normal=e.normalize(),this}static copy(e){return new t(e.distance,e.normal.clone())}copy(t){return this.distance=t.distance,this.normal.copyFrom(t.normal),this}static setFromNormalAndCoplanarPoint(e,i){const s=-e.dot(i);return new t(s,i)}setFromNormalAndCoplanarPoint(t,e){return this.normal.copyFrom(e),this.distance=-t.dot(this.normal),this}clone(){return new t(this.distance,this.normal.clone())}distanceToPoint(t){return this.normal.dot(t)+this.distance}},N=class t extends v.math.Ray{constructor(t=new R,e=new R(1,0,0)){super(t,e),m(this,"origin"),m(this,"direction"),this.origin=t.clone(),this.direction=e.clone()}clone(){return new t(this.origin,this.direction)}rayCastPlane(t,e){const i=this.distanceToPlane(t);return isNaN(i)||this.at(i),i}at(t){return this.direction.clone().normalize().multiply(t).add(this.origin)}distanceToPlane(t){const e=t.normal.dot(this.direction);if(M(e))return M(t.distanceToPoint(this.origin))?0:NaN;const i=(-this.origin.dot(t.normal)-t.distance)/e;return i>0?i:NaN}},L=class{constructor(t=new N){m(this,"ray"),this.ray=t.clone()}setFromCamera(t,e){const i=e.position,s=new R(t.x,t.y,.5).applyMatrix(e.inverseViewProjectMatrix).subtract(i).normalize();return this.ray.set(i,s),this}rayCastPlane(t){const e=new R,i=this.ray.rayCastPlane(t,e);if(!isNaN(i))return{distance:i,point:this.ray.at(i)}}},H=.01,O=2,j=37375,Y=6,$=3,q=15425024,X=16777215,J=.17,Z=16777215,Q=.78,tt=1,et=16711680,it=1,st=1.5,rt=16777215,at=0,nt=1,ot=.3,ht=4,ct=8,lt=16711680,pt=1,mt=0,dt=.17,ut=65280,yt=.3,gt=class extends b{constructor(t){super(),m(this,"defaultInteractive",!0),m(this,"interactive",!0),m(this,"lastPoint",new z),m(this,"SDKUtils"),this.SDKUtils=t,this.type="control"}initialize(){}preparationAction(){}cancelPreparation(){}refreshResults(){}preAction(){}action(t){const{metaKey:e,ctrlKey:i,shiftKey:s}=t;if(0===t.buttons){const{deltaX:r,deltaY:a}=t,n=new z(r,a);e||i?(n.y=D(n.y,-10,10),this.dolly(n.y)):(n.x=s&&0!==n.y?Math.sqrt(n.x**2+n.y**2)*n.y/Math.abs(n.y):n.x,n.y=s?0:n.y,this.pan(n.multiply(-1)))}}endAction(){}interruption(){return this.type}actionKey(){}endActionKey(){}dolly(t){const e=-t*H;this.SDKUtils.pageZoom(e)}pan(t){this.SDKUtils.pageMove(t)}getRenderObjects(){return[]}},ft=require("@pixi/graphics"),wt=class extends b{constructor(t){super(),m(this,"interactive",!0),m(this,"result",{type:"null",box:new _}),m(this,"selectedItemIds",[]),m(this,"cursorPoint",new z),m(this,"startPoint",new z),m(this,"graphics",new ft.Graphics),m(this,"SDKUtils"),m(this,"clearResult",!1),m(this,"type"),this.SDKUtils=t,this.type="selector"}initialize(){}actionKey(){}endActionKey(){}getRenderObjects(){return this.clearResult?(this.result={type:"null",box:new _},this.clearResult=!1,[]):(this.refreshResults(),[this.graphics])}cancelPreparation(){this.result.type="null",this.SDKUtils.clearPreSelectedItem()}preparationAction(t){this.result.box=new _;const e=new z(t.offsetX,t.offsetY);this.selectedItemIds=this.hitTest(e);const i=this.selectedItemIds[0]??"";return i.length&&!this.SDKUtils.isItemSelected(i)?this.SDKUtils.addPreSelectedItem(i):this.SDKUtils.clearPreSelectedItem(),this.type}preAction(t){if(this.SDKUtils.clearPreSelectedItem(),1===t.buttons)return t.shiftKey||this.SDKUtils.clearSelectedItems(),0===this.selectedItemIds.length?(this.startPoint=new z(t.clientX,t.clientY),this.cursorPoint=new z(t.offsetX,t.offsetY),this.active=!0,this.type):(this.SDKUtils.addSelectedItems([this.selectedItemIds[0]]),this.clearResult=!0,"transform")}action(t){const e=(new z).addVectors(this.cursorPoint,(new z).subtractVectors(new z(t.clientX,t.clientY),this.startPoint)),i=(new z).subtractVectors(this.cursorPoint,e),s=(new z).addVectors(this.cursorPoint,e).multiply(.5);i.x=Math.abs(i.x),i.y=Math.abs(i.y);const r=(new _).setFromCenterAndSize(s,i);this.result.type="region",this.result.box=r,this.SDKUtils.clearSelectedItems();const a=this.SDKUtils.getPageData().items?.filter(t=>this.SDKUtils.getItemEditEnable(t.id)),n=[];a?.forEach(t=>{r.intersectsBox(this.SDKUtils.getViewBoxById(t.id),!1)&&n.push(t.id)}),this.SDKUtils.addSelectedItems(n)}endAction(){this.active=!1,this.result.type="null"}interruption(){this.active=!1,this.result.type="null"}hitTest(t){const e=this.SDKUtils.getCurrentComposition();if(!e||null===e.items)return[];const{x:i,y:s}=this.SDKUtils.getViewportByViewPoint(t),r={ray:new N,regions:[]};try{r.regions=e.hitTest(i,s,!0),r.ray=e.getHitTestRay(i,s)}catch(t){console.warn(t)}return this.reorderHitTestResult(r,e).filter(t=>"extra-camera"!==t&&this.SDKUtils.getItemEditEnable(t))}reorderHitTestResult(t,e){if(0===t.regions.length||!e)return[];const{ray:i}=t,s=t.regions.reverse(),r=[];return s.forEach(t=>{let s;const a=(t,e)=>{for(const i of t){if(i.id===e&&(s=i),s)return;a(i.children,e)}};if(a(e.items,t.id),void 0===s)return;const n="rootItem"===t.compContent?.name?s.id:t.compContent.id,o=i.origin.clone().distance(t.position.clone());if((s.type===v.spec.ItemType.mesh||s.content&&"renderer"in s.content&&s.content.renderer&&"occlusion"in s.content.renderer&&s.content.renderer.occlusion)&&r.length>0){let t=!0;r.forEach((e,i)=>{if(t)return o<=e[1]?(r.splice(i,0,[n,o]),void(t=!1)):void(i===r.length-1&&r.push([n,o]))})}else r.push([n,o])}),r.map(t=>t[0])}refreshResults(){const{box:t}=this.result;this.graphics.clear();const e=this.SDKUtils.getPreSelectedItem(),i=this.SDKUtils.getViewBoxById(e?.id??"");if(i?.isEmpty()||(this.graphics.lineStyle($,q),this.graphics.drawBox(i)),!t.isEmpty()&&"region"===this.result.type)this.graphics.lineStyle(tt,Z,Q),this.graphics.drawBox(t),this.graphics.beginFill(X,J),this.graphics.fillBox(t),this.graphics.endFill()}},xt=require("@pixi/graphics"),Pt=require("@galacean/effects"),vt=class extends b{constructor(t,e){super(),m(this,"type"),m(this,"interactive",!0),m(this,"wireframe"),m(this,"cursorResult",{type:"normal",angle:0}),m(this,"cursorPoint",new z),m(this,"lastPoint",new z),m(this,"rotationAngle",0),m(this,"active",!1),m(this,"enableAdsorption",!0),m(this,"scaleParam"),m(this,"activeType","null"),m(this,"lastWorldPosition",new R),m(this,"SDKUtils"),m(this,"adsorptionGizmo"),m(this,"graphics",new xt.Graphics),this.type="transform",this.SDKUtils=t,this.adsorptionGizmo=e,this.wireframe={edges:[],anchor:new z,scaleCorners:[],rotationCorners:[],interactive:!0,cornerEnable:!0,directionEnable:!0,box:new _,totalBox:new _,childrenBoxes:[],activeType:"null",interactiveDirection:new z,scaleCorner:new z,scaleEdgeCorners:[]}}initialize(){}actionKey(){}endActionKey(){}getRenderObjects(){return this.refreshRenderObject(),[this.graphics]}cancelPreparation(){this.active=!1,this.wireframe.activeType="null"}preAction(t,e=!1){if(this.active=1===t.buttons,this.lastPoint=new z(t.clientX,t.clientY),this.cursorPoint=new z(t.offsetX,t.offsetY),1===t.buttons)return this.active=!0,"null"===this.wireframe.activeType&&(this.wireframe.activeType="translation"),this.initInteractionPlane(this.cursorPoint),this.lastWorldPosition=this.SDKUtils.interactionUtils.getWorldPositionByViewPoint(this.cursorPoint)??new R,this.activeType=e?"null":this.activeType,this.type}preparationAction(t){const e=new z(t.offsetX,t.offsetY),i=this.wireframe;this.refreshTransformType(e);const{interactiveDirection:s}=i;return this.refreshCursorResult(this.activeType,A(s)),this.active="null"!==this.activeType,this.active?this.type:void 0}action(t){this.active||(this.active=!0,this.refreshWireframeBySelectedItems(),this.wireframe.activeType="translation",this.lastPoint.set(t.clientX,t.clientY),this.cursorPoint.set(t.offsetX,t.offsetY),this.initInteractionPlane(this.cursorPoint),this.lastWorldPosition=this.SDKUtils.interactionUtils.getWorldPositionByViewPoint(this.cursorPoint)??new R);const e=new z(t.clientX,t.clientY),i=(new z).subtractVectors(e,this.lastPoint);if(!this.wireframe.interactive)return;const s=this.SDKUtils.getSelectedItems(),{anchor:r,activeType:a,interactiveDirection:n}=this.wireframe,o=this.SDKUtils.getPageData();(0,Pt.assertExist)(o);let h=0;switch(a){case"rotation":{const t=r.clone(),e=new R,a=C(function(t,e){const i=Math.min(Math.max(t.dot(e)/t.length()/e.length(),-1),1);let s=Math.acos(i);return s=t.x*e.y-t.y*e.x>0?s:-s,s}((new z).subtractVectors(this.cursorPoint,t),(new z).subtractVectors(this.cursorPoint.add(i),t))*T,3);e.z=a,this.rotationAngle+=a,h=A(n)+this.rotationAngle*E,s.forEach(t=>{this.SDKUtils.rotateItem(t.id,e)});break}case"translation":{const t=i.clone();if(this.enableAdsorption){const e=o.items.map(t=>!s.find(e=>e.id===t.id)&&0===s.filter(e=>t.parentId&&t.parentId===e.id).length&&this.SDKUtils.getItemEditEnable(t.id)?this.SDKUtils.getViewBoxById(t.id):new _).filter(t=>!t.isEmpty()),i=new z(this.adsorptionGizmo.absorptionResult.x??0,this.adsorptionGizmo.absorptionResult.y??0);this.adsorptionGizmo.boxTranslationAdsorption(t,this.wireframe.box,e);const r=new z(this.adsorptionGizmo.absorptionResult.x??0,this.adsorptionGizmo.absorptionResult.y??0);t.add(i).subtract(r)}const e=this.SDKUtils.interactionUtils.getWorldPositionByViewPoint(this.cursorPoint.add(t));if(e){const t=e.clone().subtract(this.lastWorldPosition).divide(o.property.zoom);s.forEach(e=>{e.type!==v.spec.ItemType.camera&&this.SDKUtils.moveItem(e.id,t)}),this.lastWorldPosition.copyFrom(e)}break}case"scale":{this.cursorPoint.add(i);const t=this.SDKUtils.interactionUtils.getWorldPositionByViewPoint(this.cursorPoint);if(i.length()&&t&&this.scaleParam){const{corner:e,center:i,shift:r,lastScalar:n}=this.scaleParam,o=this.SDKUtils.getSelectedItems()[0]??void 0,h=this.SDKUtils.getItemTransformById(o?.id??""),c=(new U).extractRotation(h.matrix).invert(),l=(new R).subtractVectors(e,i).applyMatrix(c),p=l.clone().multiply(n),m=t.subtract(r).subtract(i).applyMatrix(c),d=new R(1,1,1);if("scale"===a){const t=function(t){let e,i=0;return t.forEach((t,s)=>{if(0===s)e=Math.abs(t);else{const r=Math.abs(t);e<r&&(e=r,i=s)}}),i}([V(l.x,0)?1:Math.abs(m.x/l.x),V(l.y,0)?1:Math.abs(m.y/l.y)]),e=m.toArray()[t],i=p.toArray()[t];if(V(n.x,n.y)&&V(n.z,n.x)){const t=V(i,0)?1:Math.abs(e/i);d.set(t,t,t)}else if(0===t){d.x=V(i,0)?1:Math.abs(e/i);const t=l.y*e/l.x;d.y=V(p.y,0)?1:t/p.y;const s=l.z*e/l.x;d.z=V(p.z,0)?1:s/p.z}else if(1===t){d.y=V(i,0)?1:Math.abs(e/i);const t=l.x*e/l.y;d.x=V(p.x,0)?1:t/p.x;const s=l.z*e/l.y;d.z=V(p.z,0)?1:s/p.z}else{d.z=V(i,0)?1:Math.abs(e/i);const t=l.x*e/l.z;d.x=V(p.x,0)?1:t/p.x;const s=l.y*e/l.z;d.y=V(p.y,0)?1:s/p.y}}this.scaleParam.lastScalar.multiply(d),s.forEach(t=>{this.SDKUtils.scaleItem(t.id,d)})}h=A(n);break}}this.refreshCursorResult(a,h),this.lastPoint.copyFrom(e)}endAction(t){this.active=!1;const e=new z(t.clientX,t.clientY),i=(new z).subtractVectors(e,this.lastPoint);this.cursorPoint.add(i);const s=this.wireframe;this.refreshTransformType(this.cursorPoint);const{activeType:r,interactiveDirection:a}=s;this.refreshCursorResult(r,A(a)),this.adsorptionGizmo.clearAbsorptionResult(),this.rotationAngle=0,this.cursorPoint=new z,this.lastPoint=new z}interruption(){this.active=!1,this.cursorResult.type="normal",this.adsorptionGizmo.clearAbsorptionResult()}refreshCursorResult(t,e=0){switch(t){case"scale":this.cursorResult={type:"scale",angle:(e+Math.PI/4)*T};break;case"rotation":this.cursorResult={type:"rotation",angle:(e+Math.PI/4)*T};break;case"translation":case"null":this.cursorResult={type:"normal",angle:0}}}refreshResults(){const t=this.wireframe.activeType;this.refreshWireframeBySelectedItems(),t!==this.wireframe.activeType&&this.refreshCursorResult(this.wireframe.activeType),this.wireframe.box.isEmpty()&&this.adsorptionGizmo.clearAbsorptionResult()}initInteractionPlane(t){const e=this.SDKUtils.getSelectedItems();switch(this.wireframe.activeType){case"scale":{const i=1==e.length?e[0]:void 0;let s,r;if(i){const t=this.SDKUtils.getItemTransformById(i.id);s=(new R).setFromMatrixPosition(t.matrix),r=(new K).setFromQuaternion((new B).setFromRotationMatrix(t.matrix))}if(this.SDKUtils.interactionUtils.initInteractionPlane(s,r),["scale"].includes(this.wireframe.activeType)){if(this.scaleParam={shift:new R,center:new R,corner:new R,lastScalar:new R(1,1,1)},this.scaleParam.center=s,["scale"].includes(this.wireframe.activeType)&&this.wireframe.scaleCorner)this.scaleParam.corner=this.SDKUtils.interactionUtils.getWorldPositionByViewPoint(this.wireframe.scaleCorner)??new R;else if(this.wireframe.scaleEdgeCorners){const t=this.SDKUtils.interactionUtils.getWorldPositionByViewPoint(this.wireframe.scaleEdgeCorners[0])??new R,e=this.SDKUtils.interactionUtils.getWorldPositionByViewPoint(this.wireframe.scaleEdgeCorners[1])??new R,i=t.applyEuler(r??new K,this.scaleParam.center),s=e.applyEuler(r??new K,this.scaleParam.center),a=new W(i,s).closestPointToPoint(this.scaleParam.center);this.scaleParam.corner=a.applyMatrix((r??new K).getInvertMatrixByEuler(),this.scaleParam.center)}this.scaleParam.shift=(this.SDKUtils.interactionUtils.getWorldPositionByViewPoint(t)??new R).subtract(this.scaleParam.corner)}break}case"translation":case"rotation":this.SDKUtils.interactionUtils.initInteractionPlane()}}refreshRenderObject(){if(this.graphics.clear(),!this.wireframe.box.isEmpty()){this.graphics.lineStyle(st,et,it),this.wireframe.edges.forEach(t=>{this.graphics.drawLine(t)});const t=t=>{t.corners.forEach((e,i)=>{const s=new k(e,t.corners[(i+1)%4]);this.graphics.drawLine(s)})};this.wireframe.childrenBoxes.forEach(e=>{t(e)}),this.wireframe.cornerEnable&&(this.graphics.beginFill(rt),this.graphics.lineStyle(nt,at,ot),this.wireframe.scaleCorners.forEach(t=>{this.graphics.drawCircle(t.center.x,t.center.y,t.radius)}),this.graphics.endFill())}}refreshTransformType(t){this.activeType="null";let e=!0;if(this.wireframe.interactiveDirection=new z,this.wireframe.scaleCorner=void 0,this.wireframe.scaleEdgeCorners=void 0,this.wireframe.cornerEnable&&e&&this.wireframe.totalBox.containsPoint(t)){for(let i=0;i<4;i++){if(this.wireframe.scaleCorners[i].containsPoint(t)){e=!1,this.activeType="scale",this.wireframe.activeType="scale",this.wireframe.scaleCorner=this.wireframe.scaleCorners[i].center.clone(),this.wireframe.interactiveDirection.copyFrom(this.wireframe.scaleCorners[i].center).subtract(this.wireframe.box.getCenter());break}}e&&this.wireframe.box.containsPoint(t,!1)&&(e=!1,this.activeType="translation",this.wireframe.activeType="translation");for(let i=0;i<4;i++){if(this.wireframe.rotationCorners[i].containsPoint(t)&&e){e=!1,this.activeType="rotation",this.wireframe.activeType="rotation",this.wireframe.interactiveDirection.copyFrom(this.wireframe.rotationCorners[i].center).subtract(this.wireframe.box.getCenter());break}}}}refreshWireframeBySelectedItems(){const t=this.SDKUtils.getSelectedItems(),e=new _;if(this.wireframe.edges=[],this.wireframe.scaleCorners=[],this.wireframe.childrenBoxes=[],this.wireframe.rotationCorners=[],t.length>1)t.forEach(t=>{if(this.SDKUtils.getItemShow(t.id)){const i=this.SDKUtils.getViewBoxById(t.id);e.union(i),this.wireframe.childrenBoxes.push((new _).copyFrom(i).expandByScalar(1))}}),this.wireframe.anchor=e.getCenter(),this.wireframe.interactive=!0;else if(1===t.length){const i=t[0];if(this.SDKUtils.getItemShow(i.id)){const t=this.SDKUtils.getViewBoxById(i.id);e.copyFrom(t),this.wireframe.anchor=e.getCenter(),this.wireframe.interactive=i.type!==v.spec.ItemType.mesh&&this.SDKUtils.getItemEditEnable(i.id)}}const i=e.isEmpty(),s=i?0:1,r=i?0:16;this.wireframe.activeType=t.length?this.wireframe.activeType:"null",this.wireframe.box.copyFrom(e).expandByScalar(s),this.wireframe.totalBox.copyFrom(e).expandByScalar(r);const a=this.wireframe.box.corners;a.forEach((t,e)=>{this.wireframe.edges.push(new k((new z).copyFrom(t),(new z).copyFrom(a[(e+1)%4])))}),this.wireframe.box.corners.forEach(t=>{this.wireframe.scaleCorners.push(new F(t,ht));const e=(new z).subtractVectors(t,this.wireframe.box.getCenter()),i=(new z).copyFrom(this.wireframe.box.getCenter()).add((new z).copyFrom(e).normalize().multiply(e.length()+ct-ht));this.wireframe.rotationCorners.push(new F(i,ct))})}setAdsorptionEnabled(t){this.enableAdsorption=t}},St=require("@pixi/graphics"),bt=class extends b{constructor(){super(),m(this,"interactive",!1),m(this,"results",[]),m(this,"graphics",new St.Graphics),m(this,"absorptionResult",{}),this.type="adsorption"}initialize(){}preparationAction(){}getCursorState(){}preAction(){}action(){}cancelPreparation(){}actionKey(){}endActionKey(){}endAction(){}interruption(){}boxTranslationAdsorption(t,e,i,s=!0,r=!0){if(this.results=[],e.isEmpty())return;const a=new z(this.absorptionResult?.x??0,this.absorptionResult?.y??0).add(t),n=e.clone().translate(a),o=n.getCenter();this.absorptionResult={},i.forEach(t=>{if(t.isEmpty())return;t.corners.forEach(t=>{n.corners.forEach(e=>{this.getPointAbsorption(e,t,s,r)}),this.getPointAbsorption(o,t,s,r)});const e=t.getCenter();this.getPointAbsorption(o,e,s,r),n.corners.forEach(t=>{this.getPointAbsorption(t,e,s,r)})})}pointTranslationAdsorption(t,e,i,s=!0,r=!0){this.results=[];const a=new z(this.absorptionResult?.x??0,this.absorptionResult?.y??0).add(t),n=e.clone().add(a);this.absorptionResult={},i.forEach(t=>{this.getPointAbsorption(n,t,s,r)})}getPointAbsorption(t,e,i=!0,s=!0){i&&Math.abs(t.x-e.x)<Y&&this.refreshPointAbsorptionResult(t,e,"x"),s&&Math.abs(t.y-e.y)<Y&&this.refreshPointAbsorptionResult(t,e,"y")}refreshPointAbsorptionResult(t,e,i){const s=t[i]-e[i],r="x"===i?"xPoints":"yPoints";if(this.absorptionResult&&void 0===this.absorptionResult[i])this.absorptionResult[i]=s,this.absorptionResult[r]=[{point:t,targets:[e]}];else if(Math.abs(s)-Math.abs(this.absorptionResult[i]??0)<=.005)if(Math.abs(Math.abs(s)-Math.abs(this.absorptionResult[i]??0))<.05&&s*(this.absorptionResult[i]??0)>0)if(void 0===this.absorptionResult[r])this.absorptionResult[i]=s,this.absorptionResult[r]=[{point:t,targets:[e]}];else{const i=this.absorptionResult[r].filter(e=>e.point.equals(t));void 0===i||0===i.length?this.absorptionResult[r]?.push({point:t,targets:[e]}):i[0]?.targets.push(e)}else this.absorptionResult[i]=s,this.absorptionResult[r]=[{point:t,targets:[e]}]}refreshResults(){if(void 0===this.absorptionResult)return;const{x:t,y:e,xPoints:i,yPoints:s}=this.absorptionResult,r=new z(t??0,e??0);void 0!==t&&void 0!==i&&i.forEach(t=>{const e=t.point.clone().subtract(r),i=e.clone(),s=e.clone();t.targets.forEach(t=>{i.x=t.x,i.y=Math.min(i.y,t.y),s.x=t.x,s.y=Math.max(s.y,t.y)}),this.results.push(new k(i,s))}),void 0!==e&&void 0!==s&&s.forEach(t=>{const e=t.point.clone().subtract(r),i=e.clone(),s=e.clone();t.targets.forEach(t=>{i.y=t.y,i.x=Math.min(i.x,t.x),s.y=t.y,s.x=Math.max(s.x,t.x)}),this.results.push(new k(i,s))})}refreshRenderObject(){this.graphics.clear(),this.results.forEach(t=>{this.graphics.lineStyle(O,j),this.graphics.drawLine(t)})}getRenderObjects(){return this.refreshResults(),this.refreshRenderObject(),[this.graphics]}clearAbsorptionResult(){this.results=[],this.absorptionResult={}}},It={};h(It,{Application:()=>At.Application,utils:()=>Et});var Dt={};h(Dt,{Application:()=>At.Application,utils:()=>Et});require("@pixi/polyfill");var Et=p(require("@pixi/utils"),1),Tt=require("@pixi/interaction"),At=require("@pixi/app"),Ct=require("@pixi/core"),Vt=require("@pixi/loaders"),Mt=require("@pixi/ticker");l(Dt,require("@pixi/constants")),l(Dt,require("@pixi/core")),l(Dt,require("@pixi/display")),l(Dt,require("@pixi/graphics")),l(Dt,require("@pixi/loaders")),l(Dt,require("@pixi/interaction")),l(Dt,require("@pixi/math")),l(Dt,require("@pixi/runner")),l(Dt,require("@pixi/sprite")),l(Dt,require("@pixi/text")),l(Dt,require("@pixi/ticker")),l(Dt,require("@pixi/settings")),Et.skipHello(),Ct.Renderer.registerPlugin("interaction",Tt.InteractionManager),Ct.Renderer.registerPlugin("batch",Ct.BatchRenderer),At.Application.registerPlugin(Mt.TickerPlugin),At.Application.registerPlugin(Vt.AppLoaderPlugin),Dt.Graphics.prototype.drawBox=function(t){const e=t.getCorners();this.beginFill();for(let t=0;t<4;t++)this.moveTo(e[t].x,e[t].y),this.lineTo(e[(t+1)%4].x,e[(t+1)%4].y);this.endFill()},Dt.Graphics.prototype.fillBox=function(t){const e=t.getSize();this.drawRect(t.min.x,t.min.y,e.x,e.y)},Dt.Graphics.prototype.drawLine=function(t){if(this.beginFill(),t instanceof k)this.moveTo(t.start.x,t.start.y),this.lineTo(t.end.x,t.end.y);else for(let e=0;e<t.length-1;e++)this.moveTo(t[e].x,t[e].y),this.lineTo(t[e+1].x,t[e+1].y);this.endFill()},l(It,Dt);var zt=class extends b{constructor(t){super(),m(this,"safeAreaPreview",!1),m(this,"interactive",!1),m(this,"box",new _),m(this,"graphics",new It.Graphics),m(this,"SDKUtils"),this.SDKUtils=t,this.type="preference"}initialize(){throw new Error("Method not implemented.")}preparationAction(){}preAction(){}action(){}endAction(){}interruption(){}actionKey(){}endActionKey(){}cancelPreparation(){}refreshResults(){this.box=new _;const t=this.SDKUtils.getPageData();(0,v.assertExist)(t);const{container:e}=this.SDKUtils;if(e){const{zoom:i}=t.property,{offsetWidth:s,offsetHeight:r}=e,a=new z(s,r).multiply(i),n=this.SDKUtils.getViewportLeftTopPosition().add(a.clone().divide(2));this.box=(new _).setFromCenterAndSize(n,a)}}setSafeAreaPreviewEnabled(t){this.safeAreaPreview=t}refreshRenderObjects(){this.graphics=new It.Graphics;const{offsetWidth:t,offsetHeight:e}=this.SDKUtils.container.parentElement,i=new _(new z(0,0),new z(t,this.box.min.y)),s=new _(new z(0,this.box.min.y),new z(this.box.min.x,e)),r=new _(new z(this.box.min.x,this.box.max.y),new z(t,e)),a=new _(new z(this.box.max.x,this.box.min.y),new z(t,this.box.max.y));if(this.graphics.beginFill(mt,dt),this.graphics.fillBox(i),this.graphics.fillBox(s),this.graphics.fillBox(r),this.graphics.fillBox(a),this.graphics.endFill(),this.safeAreaPreview){const t=this.SDKUtils.getPageData();(0,v.assertExist)(t,"You must call SDK#run() first");const{viewProperties:e,activeData:i}=t,s=e[i.view??-1];if(s){const{size:t,safeArea:e,previewSafeAreas:i}=s,[r,a,n,o]=e,h=this.box.getSize(),c=r/t[1]*h.y,l=n/t[0]*h.x,p=o/t[0]*h.x,m=a/t[1]*h.y,{min:d,max:u}=this.box;this.graphics.beginFill(ut,yt);const y=new _(d,new z(u.x,d.y+c)),g=new _(new z(d.x,d.y+c),new z(d.x+l,u.y)),f=new _(new z(u.x-p,d.y+c),new z(u.x,u.y)),w=new _(new z(d.x+l,u.y-m),new z(u.x-p,u.y));this.graphics.fillBox(y),this.graphics.fillBox(g),this.graphics.fillBox(f),this.graphics.fillBox(w),this.graphics.endFill(),i.forEach(t=>{const{box:[e,i,s,r],color:a}=t,n=new z(e+s/2,i+r/2).add(d),o=new z(s,r),h=(new _).setFromCenterAndSize(n,o),c=a?.[3]??.3,l=a?.slice(0,3)??[255,255,255],p=l[0]<<16+l[1]<<8+l[2];this.graphics.beginFill(p,c),this.graphics.fillBox(h),this.graphics.endFill()})}}this.graphics.lineStyle(pt,lt),this.graphics.drawBox(this.box)}getRenderObjects(){return this.refreshRenderObjects(),[this.graphics]}},kt=class{constructor(t){m(this,"wireframeApplication"),m(this,"gizmos",[]),m(this,"activeGizmo"),m(this,"selectorGizmo"),m(this,"transformGizmo"),m(this,"controlGizmo"),m(this,"preferenceGizmo"),m(this,"spaceClickTime"),m(this,"spaceEmit",!1),m(this,"_ignoreInteraction",!1),m(this,"clickButtons",0),m(this,"container"),m(this,"clickTime",0),m(this,"firstClick",!0),m(this,"dblclickTimeSpan",500),this.gizmos=[];const{width:e,height:i}=t.getBoundingClientRect();this.wireframeApplication=new S.Application({backgroundAlpha:0,width:e,height:i,resolution:1,antialias:!0}),this.container=t,this.wireframeApplication.view.style.position="absolute",this.wireframeApplication.view.id="wireframeApplicationCanvas",t.appendChild(this.wireframeApplication.view),this.wireframeApplication.stage.sortableChildren=!0,this.registerViewEvent()}set ignoreInteraction(t){t!==this._ignoreInteraction&&(this._ignoreInteraction=t,t&&(this.activeGizmo?.cancelPreparation(),this.activeGizmo=void 0))}get ignoreInteraction(){return this._ignoreInteraction}resize(){this.wireframeApplication&&(this.wireframeApplication.resizeTo=this.container,this.render())}refresh(){this.gizmos.forEach(t=>{t.refreshResults()})}render(){this.refresh(),this.wireframeApplication.stage.removeChildren();const t=(this.ignoreInteraction?[this.preferenceGizmo]:this.gizmos).flatMap(t=>t.getRenderObjects());this.wireframeApplication.stage.addChild(...t),this.wireframeApplication.render()}init(t){this.gizmos=[],this.controlGizmo=new gt(t),this.selectorGizmo=new wt(t);const e=new bt;this.transformGizmo=new vt(t,e),this.preferenceGizmo=new zt(t),this.gizmos.push(this.transformGizmo,this.selectorGizmo,this.controlGizmo,this.preferenceGizmo,e),this.initEvents()}initEvents(){this.onMouseMove=this.onMouseMove.bind(this),this.onMouseUp=this.onMouseUp.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onKeyUp=this.onKeyUp.bind(this),document.addEventListener("keydown",this.onKeyDown),document.addEventListener("keyup",this.onKeyUp)}registerViewEvent(){this.wireframeApplication.view.onmousedown=t=>{this.onMouseDown(t)},this.wireframeApplication.view.onmousemove=t=>{0===t.buttons&&this.onMouseMove(t)},this.wireframeApplication.view.onmouseout=()=>{this.selectorGizmo?.cancelPreparation(),this.render()},this.wireframeApplication.view.onwheel=t=>{this.onWheel(t)}}onMouseDown(t){if(!this.ignoreInteraction){if(this.clickButtons=t.buttons,this.firstClick=!!this.firstClick&&Date.now()-this.clickTime<this.dblclickTimeSpan,this.firstClick){this.gizmos.forEach(e=>{if(e.interactive)if(void 0===this.activeGizmo){const i=e.preparationAction(t);this.activeGizmo=this.gizmos.find(t=>t.type===i)}else e.cancelPreparation()}),this.activeGizmo=void 0;const e=this.selectorGizmo?.preAction(t);this.activeGizmo=this.gizmos.find(t=>t.type===(e??"null")),this.firstClick=!1}else{void 0===this.activeGizmo&&this.gizmos.forEach(e=>{if(!e.interactive||this.activeGizmo)return;const i=e.preparationAction(t);this.activeGizmo=this.gizmos.find(t=>t.type===i)});const e=this.activeGizmo?.preAction(t);"selector"!==e&&this.selectorGizmo&&(this.selectorGizmo.clearResult=!0),this.activeGizmo=this.gizmos.find(t=>t.type===e),this.clickTime=Date.now(),this.firstClick=!0}this.render(),document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp)}}onMouseMove(t){this.ignoreInteraction||(0!==t.buttons?this.activeGizmo?.action(t):this.spaceEmit||(this.activeGizmo=void 0,this.gizmos.forEach(e=>{if(e.interactive)if(void 0===this.activeGizmo){const i=e.preparationAction(t);"selector"!==i&&this.selectorGizmo&&(this.selectorGizmo.clearResult=!0),this.activeGizmo=this.gizmos.find(t=>t.type===i)}else e.cancelPreparation()})),this.render())}onWheel(t){this.ignoreInteraction||(t.preventDefault(),this.selectorGizmo&&(this.selectorGizmo.clearResult=!0),this.controlGizmo?.action(t))}onMouseUp(t){if(this.ignoreInteraction)return;const e=this.activeGizmo?.endAction(t);this.activeGizmo=this.gizmos.find(t=>t.type===e),void 0===this.activeGizmo&&1===this.clickButtons&&this.gizmos.forEach(e=>{if(e.interactive)if(void 0===this.activeGizmo){const i=e.preparationAction(t);this.activeGizmo=this.gizmos.find(t=>t.type===i)}else e.cancelPreparation()}),this.clickButtons=0,this.render(),document.removeEventListener("mousemove",this.onMouseMove),document.removeEventListener("mouseup",this.onMouseUp)}onKeyDown(t){if(!this.ignoreInteraction){if("space"!==t.code.toLocaleLowerCase()||this.activeGizmo?.active)this.gizmos.forEach(e=>{e.actionKey(t)});else{if(this.spaceEmit)return;void 0===this.spaceClickTime?this.spaceClickTime=Date.now():Date.now()-this.spaceClickTime>300&&(this.spaceEmit=!0,this.activeGizmo=this.controlGizmo,this.activeGizmo?.actionKey(t))}this.render()}}onKeyUp(t){this.ignoreInteraction||(this.gizmos.forEach(e=>{e.endActionKey(t)}),"space"===t.code.toLocaleLowerCase()&&(this.spaceClickTime=void 0,this.spaceEmit=!1),this.render())}setAdsorptionEnabled(t){this.transformGizmo?.setAdsorptionEnabled(t)}setSafeAreaPreviewEnabled(t){this.preferenceGizmo?.setSafeAreaPreviewEnabled(t)}dispose(){this.wireframeApplication.destroy(),this.gizmos=[],this.activeGizmo=void 0}};var _t=require("@galacean/effects"),Ft=class{constructor(t){m(this,"plane",new G),m(this,"ray",new N),m(this,"viewportParam",{width:0,height:0,viewWidth:0,viewHeight:0,panelWidth:0,panelHeight:0,scale:1,ratio:1,translation:new z,rulerWidth:0}),m(this,"cameraParam",{position:new R,rotation:new R,focusPosition:new R,focusRotation:new R,viewProjectionMatrix:new U,inverseViewProjectionMatrix:new U}),m(this,"SDKUtils"),this.SDKUtils=t}refreshViewParam(){const t=this.SDKUtils.getPageData();(0,_t.assertExist)(t,"You must run SDK first");const e=new z(this.SDKUtils.container.offsetWidth,this.SDKUtils.container.offsetHeight),{zoom:i,translation:s}=t.property;this.viewportParam.width=e.x,this.viewportParam.height=e.y,this.viewportParam.viewWidth=e.x,this.viewportParam.viewHeight=e.y,this.viewportParam.panelWidth=e.x,this.viewportParam.panelHeight=e.y,this.viewportParam.scale=i,this.viewportParam.ratio=1,this.viewportParam.translation=new z(...s.map(t=>t/i)),this.viewportParam.rulerWidth=0}refreshCameraParam(){const{player:t}=this.SDKUtils,e=t?.getCompositions()?.[0]?.camera;if(e){const t=U.fromArray(e.getViewProjectionMatrix().toArray()),i=U.fromArray(e.getViewMatrix().toArray()).invert(),s=new B;i.decompose(this.cameraParam.position,s,new R),this.cameraParam.rotation=(new K).setFromQuaternion(s).toDegreeVector3(),this.cameraParam.focusPosition=new R(...this.cameraParam.position.toVector2().toArray(),this.cameraParam.position.z>0?0:2*this.cameraParam.position.z),this.cameraParam.focusPosition.applyEuler((new K).setFromDegreeVector3(this.cameraParam.rotation.clone()),this.cameraParam.position),this.cameraParam.focusRotation=(new K).setFromQuaternion(s.invert()).toDegreeVector3(),this.cameraParam.viewProjectionMatrix=t,this.cameraParam.inverseViewProjectionMatrix=U.fromArray(e.getInverseViewProjectionMatrix().toArray())}}initInteractionPlane(t,e){t??(t=this.cameraParam.focusPosition),e??(e=(new K).setFromDegreeVector3(this.cameraParam.rotation));const i=new R(0,0,1).applyEuler(e);this.plane.setFromNormalAndCoplanarPoint(t,i)}getWorldSizeByViewSize(t,e=!0,i){const s=e||!i?(new K).setFromDegreeVector3(this.cameraParam.rotation):(new K).setFromQuaternion((new B).setFromRotationMatrix(this.SDKUtils.getItemTransformById(i.id).matrix)),r=i?(new R).setFromMatrixPosition(this.SDKUtils.getItemTransformById(i.id).matrix):this.cameraParam.focusPosition,a=this.projectPoint(r.clone()),n=this.getWorldPositionByViewPoint(a.add(t));if(!n)return console.warn("size is out of bounds."),new R(0,0,0);const o=(new K).setFromQuaternion((new B).setFromEuler(s).invert());return(e||!i?n.applyEuler(o,r):n).subtract(r)}projectPoint(t){const{panelWidth:e,panelHeight:i,scale:s}=this.viewportParam,r=this.SDKUtils.getViewportLeftTopPosition();return(new z).copyFrom(t.applyMatrix(this.cameraParam.viewProjectionMatrix).toVector2()).toViewCoordinate(e*s,i*s).add(r)}getWorldPositionByViewPoint(t){const{position:e,inverseViewProjectionMatrix:i}=this.cameraParam,s=this.getViewPositionByScreenPosition(t),r=(new L).setFromCamera(s,{position:e,inverseViewProjectMatrix:i}).rayCastPlane(this.plane);return r?.point}getViewPositionByScreenPosition(t){const{panelWidth:e,panelHeight:i,rulerWidth:s}=this.viewportParam;return new z((t.x-s)/e*2-1,-(t.y-s)/i*2+1)}getScreenSizeByPixelSize(t){const e=this.viewportParam.width/this.viewportParam.viewWidth,i=t.clone();return i.multiply(e||1),i}getPixelSizeByScreenSize(t){const e=this.viewportParam.viewWidth/this.viewportParam.width,i=t.clone();return i.multiply(e||1),i}},Bt=require("@galacean/effects"),Rt={topAdsorption:"T",leftAdsorption:"L",rightAdsorption:"R",bottomAdsorption:"B",centerAdsorption:"C",bottomCenterAdsorption:"BC"},Ut=class{constructor(t,e,i,s){m(this,"sdk"),m(this,"player"),m(this,"container"),m(this,"emitter"),m(this,"interactionUtils"),this.player=t,this.sdk=s,this.container=e,this.emitter=i}init(){this.interactionUtils=new Ft(this)}getPageData(){return this.sdk.pageData}getCurrentComposition(){return this.player.getCompositions()[0]}isItemSelected(t){return!!this.sdk.pageData?.activeData.selectedItems?.find(e=>e===t)}getItemEditEnable(t){const e=this.getViewItemById(t);if(!e||!this.sdk.pageData)return!1;const i=this.sdk.pageData.time,{duration:s,delay:r,endBehavior:a}=e;return i>=r&&(i<r+s||a===v.spec.EndBehavior.restart)}getItemShow(t){const e=this.getViewItemById(t);if(!e||!this.sdk.pageData)return!1;const i=this.sdk.pageData.time,{duration:s,delay:r,endBehavior:a}=e;return i>=r&&(i<r+s||a===v.spec.EndBehavior.restart||a===v.spec.EndBehavior.freeze)}addSelectedItems(t){var e;(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),(e=this.sdk.pageData.activeData).selectedItems??(e.selectedItems=[]),t.forEach(t=>{var e,i;e=this.sdk.pageData?.activeData.selectedItems??[],i=t,e.includes(i)||e.push(i)}),this.emitter.emit("selectedItemChange",t)}clearSelectedItems(){this.sdk.pageData&&(this.sdk.pageData.activeData.selectedItems=[],this.emitter.emit("selectedItemChange",[]))}getSelectedItems(){const t=this.sdk.pageData?.activeData.selectedItems;return this.sdk.pageData?.items.filter(e=>t?.find(t=>t===e.id))??[]}addPreSelectedItem(t){(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.activeData.preSelectedItem=t,this.emitter.emit("preSelectedItemChange",t)}clearPreSelectedItem(){(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.activeData.preSelectedItem=void 0,this.emitter.emit("preSelectedItemChange",void 0)}getPreSelectedItem(){const t=this.getPageData();(0,v.assertExist)(t,"You must call SDK#run() first");const e=t.activeData.preSelectedItem;return e?this.getViewItemById(e):void 0}getViewItemById(t){return this.sdk.pageData?.items.find(e=>e.id===t)}getPlayerSizeByParent(t,e){const[i,s]=t,[r,a]=e;let n=s,o=n/a*r;return o>i&&(n=i/o*s,o=i),[o,n]}async loadScene(t){this.player.destroyCurrentCompositions();const e=this.sdk.pageData?.viewProperties[t];if(!e||!this.sdk.pageData)return void console.warn(`This page does not have ${t} view property.`);const{scene:i,size:s}=e,r=this.container.parentElement?.offsetWidth??300,a=this.container.parentElement?.offsetHeight??300,[n,o]=this.getPlayerSizeByParent([r,a],s);this.container.style.width=`${n}px`,this.container.style.height=`${o}px`,this.sdk.pageData.activeData={view:t,selectedItems:[],preSelectedItem:void 0},this.player.resize();const h=JSON.parse(JSON.stringify(i)),c=await this.player.loadScene(h,{autoplay:!1});this.player.gotoAndStop(this.sdk.pageData.time),this.interactionUtils.refreshViewParam(),this.interactionUtils.refreshCameraParam(),this.sdk.pageData.items=[],this.addViewItemsByItems(this.sdk.pageData.items,c.items),this.emitter.emit("pageDataChange",this.sdk.pageData)}refreshPageTime(t){(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.time=t}pageZoom(t){var e;(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const{zoom:i}=this.sdk.pageData.property;(e=this.sdk.pageData.property).zoom??(e.zoom=1);const s=D(t,-.1,.1),r=C(D(i+s,.3,10),2);this.sdk.pageData.property.zoom=r,this.container.style.scale=`${r}`,this.emitter.emit("zoomChange",r)}setPageZoom(t){(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const e=C(D(t,.3,10),2);this.sdk.pageData.property.zoom=e,this.container.style.scale=`${e}`,this.emitter.emit("zoomChange",t)}refreshInteractionParam(){this.interactionUtils.refreshViewParam(),this.interactionUtils.refreshCameraParam()}pageMove(t){(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const[e,i]=this.sdk.pageData.property.translation??[0,0],s=e+t.x,r=i+t.y;this.sdk.pageData.property.translation=[s,r],this.refreshInteractionParam(),this.container.style.translate=`${s}px ${r}px`,this.emitter.emit("pageDataChange",this.sdk.pageData)}rotateItem(t,e){const i=this.getPlayerItemById(t);i&&(i.rotate(...e.toArray()),this.transformSceneItem(t,"rotation",e.toArray()),this.refreshViewItem(t),this.emitter.emit("itemPropertyChange",{id:t,property:"rotation"}))}moveItem(t,e){const i=this.getPlayerItemById(t);if(i){const s=(new U).copyFrom(i.transform.getParentMatrix()??new U);s.setPosition(new R);const r=e.clone().applyMatrix(s.invert());i.translate(...r.toArray()),this.transformSceneItem(t,"position",r.toArray()),this.refreshViewItem(t),this.emitter.emit("itemPropertyChange",{id:t,property:"translation"})}}scaleItem(t,e){const i=this.getPlayerItemById(t);i&&(i.scale(...e.toArray()),this.transformSceneItem(t,"scale",e.toArray()),this.refreshViewItem(t),this.emitter.emit("itemPropertyChange",{id:t,property:"scale"}))}getItemTransformById(t){const e={matrix:new U,parentMatrix:new U},i=this.getPlayerItemById(t);if(void 0!==i?.transform){i.transform.updateLocalMatrix();const t=U.fromArray(i.composition?.transform.getWorldMatrix().elements??[]).invert();e.matrix=t.clone().multiply(U.fromArray(i.transform.getWorldMatrix().elements)),e.parentMatrix=t.clone().multiply(U.fromArray(i.transform.parentTransform?.getWorldMatrix().elements??(new U).toArray()))}return e}addViewItemsByItems(t,e,i){const s=e=>{e.forEach(e=>{t.find(t=>t.id===e.id)||t.push(this.createViewItemByPlayerItem(e,i))})};for(const i of e)s([i]),this.addViewItemsByItems(t,i.children,i.id)}createViewItemByPlayerItem(t,e){(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const{transform:i,composition:s}=t;i.updateLocalMatrix();const r=(new U).copyFrom(s?.transform.getWorldMatrix()??(new U).identity()).invert().multiply(i.getWorldMatrix()),a=new R,n=new B,o=new R;r.decompose(a,n,o);const h=(new K).setFromQuaternion(n).toDegreeVector3();h.x=Number.isNaN(h.x)?0:h.x,h.y=Number.isNaN(h.y)?0:h.y,h.z=Number.isNaN(h.z)?0:h.z;const c={position:a.toArray().map(t=>C(t,2)),rotation:h.toArray().map(t=>C(t,2)),scale:o.toArray().map(t=>C(t,2)),keyPropertyEditing:!1};switch(t.type){case v.spec.ItemType.sprite:{const e=this.getActiveScene()?.scene;if(e){e.components.filter(e=>e.item.id===t.id).forEach(t=>{if(c.keyPropertyEditing||!("renderer"in t)||!("texture"in t.renderer)||!t.renderer.texture)return;const i=e.textures?.find(e=>e.id===t.renderer.texture.id);if(i&&"source"in i&&i.source){const t=e?.images.find(t=>t.id===i.source.id);c.keyPropertyEditing=!!t?.template;const s=t?.url??"";s&&Object.assign(c,{image:s})}})}break}case v.spec.ItemType.text:case v.spec.ItemType.richtext:{const e=this.getActiveScene()?.scene;if(c.keyPropertyEditing=!0,e){e.components.filter(e=>e.item.id===t.id).forEach(t=>{if(![v.spec.DataType.TextComponent,v.spec.DataType.RichTextComponent].includes(t.dataType))return;const{textAlign:e,textColor:i,text:s,fontWeight:r,fontFamily:a}=t.options;Object.assign(c,{alignment:e,color:i,weight:r,text:s,font:a})})}break}}return{id:t.id,name:t.name,parentId:t.parentId??e,children:[],type:t.type,duration:t.duration,delay:t.start,endBehavior:t.endBehavior,property:c}}getViewBoxById(t){const e=new _,i=this.getPlayerItemById(t),s=this.player.getCompositions()[0]?.items.filter(e=>e.parentId===t);return i&&s?this.getViewBoxByPlayerItem(i,s):e}getViewBoxByPlayerItem(t,e){const i=new _;switch(t.type){case v.spec.ItemType.sprite:case v.spec.ItemType.plugin:case v.spec.ItemType.video:case v.spec.ItemType.richtext:case v.spec.ItemType.text:case v.spec.ItemType.shape:{const{transform:s,composition:r}=t;s.updateLocalMatrix();const{size:a}=s,n=(new U).copyFrom(r?.transform.getWorldMatrix()??new U).invert().multiply(s.getWorldMatrix()),{x:o,y:h}=a.clone().divide(2),c=new R(o,h,0).applyMatrix(n),l=new R(o,-h,0).applyMatrix(n),p=new R(-o,-h,0).applyMatrix(n),m=new R(-o,h,0).applyMatrix(n),d=this.interactionUtils.projectPoint(c).round(2),u=this.interactionUtils.projectPoint(l).round(2),y=this.interactionUtils.projectPoint(p).round(2),g=this.interactionUtils.projectPoint(m).round(2);i.setFromVec2Array([d,u,y,g]);const f=e?.map(t=>this.getViewBoxById(t.id));f&&f.map(t=>i.union(t));break}case v.spec.ItemType.null:{const t=e?.map(t=>this.getViewBoxById(t.id));t&&t.map(t=>i.union(t));break}}return i}getViewBoxByHeadlessPlayerItem(t,e,i){const s=new _,{transform:r,composition:a}=t;switch(t.type){case v.spec.ItemType.sprite:case v.spec.ItemType.plugin:case v.spec.ItemType.video:case v.spec.ItemType.richtext:case v.spec.ItemType.text:case v.spec.ItemType.shape:{r.updateLocalMatrix();const{size:t}=r,n=(new U).copyFrom(a?.transform.getWorldMatrix()??new U).invert().multiply(r.getWorldMatrix()),{x:o,y:h}=t.clone().divide(2),c=new R(o,h,0).applyMatrix(n),l=new R(o,-h,0).applyMatrix(n),p=new R(-o,-h,0).applyMatrix(n),m=new R(-o,h,0).applyMatrix(n),d=i(c).round(2),u=i(l).round(2),y=i(p).round(2),g=i(m).round(2);s.setFromVec2Array([d,u,y,g]);const f=e?.map(t=>{const e=a?.items.filter(e=>e.parentId===t.id)??[];return this.getViewBoxByHeadlessPlayerItem(t,e,i)});f&&f.map(t=>s.union(t));break}case v.spec.ItemType.null:{const t=e?.map(t=>{const e=a?.items.filter(e=>e.parentId===t.id)??[];return this.getViewBoxByHeadlessPlayerItem(t,e,i)});t&&t.map(t=>s.union(t));break}}return s}getViewportLeftTopPosition(){if(!this.sdk.pageData)return new z;const{zoom:t,translation:e}=this.sdk.pageData.property,{offsetWidth:i,offsetHeight:s}=this.container.parentElement,{offsetWidth:r,offsetHeight:a}=this.container,n=new z(i,s),o=new z(r,a).multiply(t);return n.clone().divide(2).subtract(o.clone().divide(2)).add(e)}getContainerPosition(){const{offsetWidth:t,offsetHeight:e}=this.container.parentElement;return new z(t/2,e/2).add(new z(...this.sdk.pageData?.property.translation??[0,0]))}getViewportByViewPoint(t){if(!this.sdk.pageData)return t;const{zoom:e}=this.sdk.pageData.property,{offsetWidth:i,offsetHeight:s}=this.container,r=new z(i,s).multiply(e),a=this.getViewportLeftTopPosition(),n=t.clone().subtract(a);return new z(n.x/r.x*2-1,1-n.y/r.y*2)}getActiveScene(){return this.sdk.pageData?.viewProperties[this.sdk.pageData?.activeData.view??-1]}async changeItemProperty(t){(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const e=this.getViewItemById(t.itemId),i=this.getPlayerItemById(t.itemId);if(e&&i)if(t.propertyName in e.property){switch(t.propertyName){case"alignment":[v.spec.TextAlignment.left,v.spec.TextAlignment.middle,v.spec.TextAlignment.right].includes(t.propertyValue)&&i.getComponent(v.TextComponent).setTextAlign(t.propertyValue);break;case"color":Array.isArray(t.propertyValue)&&4===t.propertyValue.length&&i.getComponent(v.TextComponent).setColor(t.propertyValue);break;case"font":if("string"==typeof t.propertyValue){const e=t.propertyValue.split("/"),s=e[e.length-1]?.split(".")[0],r=this.player.getAssetManager()[0];await r.processFontURL([{fontURL:t.propertyValue,fontFamily:s}]),s&&i.getComponent(v.TextComponent).setFontFamily(s)}break;case"text":"string"==typeof t.propertyValue&&i.getComponent(v.TextComponent).setText(t.propertyValue);break;case"weight":[v.spec.TextWeight.normal,v.spec.TextWeight.bold,v.spec.TextWeight.lighter].includes(t.propertyValue)&&i.getComponent(v.TextComponent).setFontWeight(t.propertyValue);break;case"image":"string"==typeof t.propertyValue&&i.getComponent(v.SpriteComponent).setTexture(await Bt.Texture.fromImage(t.propertyValue,this.player.renderer.engine));break;case"position":if(Array.isArray(t.propertyValue)&&3===t.propertyValue.length){const i=t.propertyValue.map((t,i)=>t-(e.property.position[i]??0));this.moveItem(t.itemId,new R(...i))}break;case"rotation":if(Array.isArray(t.propertyValue)&&3===t.propertyValue.length){const i=t.propertyValue.map((t,i)=>t-(e.property.rotation[i]??0));this.rotateItem(t.itemId,new R(...i))}break;case"scale":if(Array.isArray(t.propertyValue)&&3===t.propertyValue.length){const s=t.propertyValue.map(t=>0===t||null===t?1:t),r=e.property.scale.map(t=>t||1),a=s.map((t,e)=>t/r[e]);i.scale(...a)}}["position","rotation","scale"].includes(t.propertyName)||this.player.gotoAndStop(this.sdk.pageData.time),this.changeViewItemProperty(t),this.refreshViewItem(t.itemId)}else console.warn(`Item does not have property ${t.propertyName}.`);else console.warn(`Id ${t.itemId} is not a item id.`)}changeViewItemProperty(t){(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.viewProperties.forEach((e,i)=>{if(!this.sdk.pageData?.property.asyncMode&&i!==this.sdk.pageData?.activeData.view)return;const{scene:s}=e;switch(t.propertyName){case"position":case"rotation":if(Array.isArray(t.propertyValue)&&3===t.propertyValue.length){const e=this.sdk.pageData.items.find(e=>e.id===t.itemId),i=e?.property[t.propertyName],r=t.propertyValue.map((t,e)=>t-(i?.[e]??0));this.changeSceneItemProperty(s,{...t,propertyValue:r})}break;case"scale":if(Array.isArray(t.propertyValue)&&3===t.propertyValue.length){const e=this.sdk.pageData.items.find(e=>e.id===t.itemId),i=e?.property[t.propertyName],r=t.propertyValue.map((t,e)=>t/(i?.[e]??0));this.changeSceneItemProperty(s,{...t,propertyValue:r})}break;default:this.changeSceneItemProperty(s,t)}})}changeSceneItemProperty(t,e){switch(e.propertyName){case"alignment":if([v.spec.TextAlignment.left,v.spec.TextAlignment.middle,v.spec.TextAlignment.right].includes(e.propertyValue)){const i=t.components.find(t=>t.item.id===e.itemId&&[v.spec.DataType.TextComponent,v.spec.DataType.RichTextComponent].includes(t.dataType));i?.options&&"textAlign"in i.options&&(i.options.textAlign=e.propertyValue)}break;case"color":if(Array.isArray(e.propertyValue)&&4===e.propertyValue.length){const i=t.components.find(t=>t.item.id===e.itemId&&[v.spec.DataType.TextComponent,v.spec.DataType.RichTextComponent].includes(t.dataType));i?.options&&(i.options.textColor=[...e.propertyValue])}break;case"font":if("string"==typeof e.propertyValue){const i=e.propertyValue.split("/"),s=i[i.length-1]?.split(".")[0],r=t.fonts?.find(t=>"family"in t&&t.family===s||"fontFamily"in t&&t.fontFamily===s);!r&&t.fonts&&s&&t.fonts.push({fontFamily:s,fontURL:e.propertyValue});const a=t.components.find(t=>t.item.id===e.itemId&&[v.spec.DataType.TextComponent,v.spec.DataType.RichTextComponent].includes(t.dataType));a?.options&&(a.options.fontFamily=s)}break;case"text":if("string"==typeof e.propertyValue){const i=t.components.find(t=>t.item.id===e.itemId&&[v.spec.DataType.TextComponent,v.spec.DataType.RichTextComponent].includes(t.dataType));i?.options&&(i.options.text=e.propertyValue)}break;case"weight":if("string"==typeof e.propertyValue){const i=t.components.find(t=>t.item.id===e.itemId&&[v.spec.DataType.TextComponent,v.spec.DataType.RichTextComponent].includes(t.dataType));i?.options&&(i.options.fontWeight=e.propertyValue)}break;case"image":if("string"==typeof e.propertyValue){t.components.filter(t=>t.item.id===e.itemId).forEach(i=>{if(!("renderer"in i))return;const s=t.textures?.find(t=>t.id===i.renderer.texture.id);if(s&&"source"in s&&s.source){const i=t?.images.find(t=>t.id===s.source.id);i?.url&&i?.webp&&(i.url=e.propertyValue,i.webp=e.propertyValue),i&&"template"in i&&i.template.background&&(i.template.background.url=e.propertyValue)}})}break;case"position":if(Array.isArray(e.propertyValue)&&3===e.propertyValue.length){const i=t.items.find(t=>t.id===e.itemId);i?.transform&&(i.transform.position.x+=e.propertyValue[0],i.transform.position.y+=e.propertyValue[1],i.transform.position.z+=e.propertyValue[2])}break;case"rotation":if(Array.isArray(e.propertyValue)&&3===e.propertyValue.length){const i=t.items.find(t=>t.id===e.itemId);i?.transform&&(i.transform.eulerHint.x+=e.propertyValue[0],i.transform.eulerHint.y+=e.propertyValue[1],i.transform.eulerHint.z+=e.propertyValue[2])}break;case"scale":if(Array.isArray(e.propertyValue)&&3===e.propertyValue.length){const i=t.items.find(t=>t.id===e.itemId);i?.transform&&(i.transform.scale.x*=e.propertyValue[0],i.transform.scale.y*=e.propertyValue[1],i.transform.scale.z*=e.propertyValue[2])}}}transformSceneItem(t,e,i){(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.viewProperties.forEach((s,r)=>{if(!this.sdk.pageData?.property.asyncMode&&r!==this.sdk.pageData?.activeData.view)return;const{scene:a}=s;switch(e){case"position":if(Array.isArray(i)&&3===i.length){const e=a.items.find(e=>e.id===t);e?.transform&&(e.transform.position.x+=i[0],e.transform.position.y+=i[1],e.transform.position.z+=i[2])}break;case"rotation":if(Array.isArray(i)&&3===i.length){const e=a.items.find(e=>e.id===t);e?.transform&&(e.transform.eulerHint.x+=i[0],e.transform.eulerHint.y+=i[1],e.transform.eulerHint.z+=i[2])}break;case"scale":if(Array.isArray(i)&&3===i.length){const e=a.items.find(e=>e.id===t);e?.transform&&(e.transform.scale.x*=i[0],e.transform.scale.y*=i[1],e.transform.scale.z*=i[2])}}})}refreshViewItem(t){const e=this.sdk.pageData;(0,v.assertExist)(e,"You must call SDK#run() first");const i=e.items.findIndex(e=>e.id===t);if(i<0)return void console.log(`item ${t} is not existed.`);const s=e.items[i],r=this.getPlayerItemById(t);r&&s&&(e.items[i]=this.createViewItemByPlayerItem(r,s.parentId))}getPlayerItemById(t){return this.player.getCompositions()[0]?.items.find(e=>e.id===t)}async keepSceneSafe(t,e,i,s,r,a){const n=JSON.parse(JSON.stringify(e));await t.loadScene(n,{reusable:!0,autoplay:!1}),t.gotoAndStop(i);const o=t.getCompositions()[0];if(o){const[t,i]=r,n=s[0]/s[1],h=t/i;n>h&&this.keepDistribute(e,o,h/n,r);const[c,l,p,m]=a,d=t-p-m,u=i-c-l,y=[(p-m)/2,(c-l)/2],g=(new _).setFromCenterAndSize(new z(t,i).divide(2),new z(t,i)),f=(new _).setFromCenterAndSize(new z(t,i).divide(2).add(new z(...y)),new z(d,u));this.keepAdsorption("topAdsorption",e,o,y,g,f),this.keepAdsorption("bottomAdsorption",e,o,y,g,f),this.keepAdsorption("leftAdsorption",e,o,y,g,f),this.keepAdsorption("rightAdsorption",e,o,y,g,f),this.keepAdsorption("centerAdsorption",e,o,y,g,f),this.keepDoubleAdsorption("bottomCenterAdsorption",e,o,y,g,f)}return e}keepDistribute(t,e,i,s){const r=t=>{const i=(new U).copyFrom(e.camera.getViewProjectionMatrix());return(new z).copyFrom(t.applyMatrix(i).toVector2()).toViewCoordinate(s[0],s[1])};["topAdsorption","centerAdsorption","bottomAdsorption"].forEach(a=>{e.items.filter(t=>t.name.split("-")[0]?.toLocaleUpperCase()===Rt[a]&&!t.parentId).forEach(a=>{const n=e.items.filter(t=>t.parentId===a.id),o=n.find(t=>"check-area"===t.name),h=o?this.getViewBoxByHeadlessPlayerItem(o,[],r):this.getViewBoxByHeadlessPlayerItem(a,n,r),c=a.transform.position.clone(),l=h.getCenter(),p=new z(...s.map(t=>t/2)),m=l.y-p.y;((t,i,r)=>{const{z:a}=t.transform.getWorldPosition(),{x:n,y:o}=e.camera.getInverseVPRatio(a);t.transform.translate(2*i*n/s[0],-2*r*o/s[1],0)})(a,0,m/i-m),a.transform.updateLocalMatrix();const d=a.transform.position.clone().subtract(c).toArray();this.changeSceneItemProperty(t,{itemId:a.id,type:a.type,propertyName:"position",propertyValue:d})})})}keepAdsorption(t,e,i,s,r,a){console.log("origin box ",r),console.log("result box ",a);const{x:n,y:o}=r.getSize(),h=(t,e,s)=>{const{z:r}=t.transform.getWorldPosition(),{x:a,y:h}=i.camera.getInverseVPRatio(r);t.transform.translate(2*e*a/n,-2*s*h/o,0)},c=t=>{const e=(new U).copyFrom(i.camera.getViewProjectionMatrix());return(new z).copyFrom(t.applyMatrix(e).toVector2()).toViewCoordinate(n,o)},l=Rt[t];i.items.filter(t=>t.name.split("-")[0]?.toLocaleUpperCase()===l&&!t.parentId).forEach(r=>{const n=i.items.filter(t=>t.parentId===r.id),o=n.find(t=>"check-area"===t.name),l=r.transform.position.clone(),p=["leftAdsorption","rightAdsorption"].includes(t)&&0!==s[0]||["topAdsorption","bottomAdsorption"].includes(t)&&0!==s[1],m=["leftAdsorption","rightAdsorption"].includes(t)?"x":"y",d=["leftAdsorption","topAdsorption"].includes(t)?1:-1,u=["leftAdsorption","topAdsorption"].includes(t)?"min":"max",y=["leftAdsorption","topAdsorption"].includes(t)?"max":"min",g=3===r.name.split("-").length,f=Number(r.name.split("-")[1]),w=new z,x=new z,P=[1,1,1],v=o?this.getViewBoxByHeadlessPlayerItem(o,[],c):this.getViewBoxByHeadlessPlayerItem(r,n,c),S=Math.max(v[u][m]-a[u][m],0);h(r,...s),v.getSize().x>a.getSize().x&&(P[0]=a.getSize().x/v.getSize().x,P[1]=a.getSize().x/v.getSize().x,r.scale(...P)),r.transform.updateLocalMatrix();const b=(o?this.getViewBoxByHeadlessPlayerItem(o,[],c):this.getViewBoxByHeadlessPlayerItem(r,n,c))[u][m]-a[u][m];b!==S*P[0]&&p&&(w[m]=S*P[0]-b,h(r,...w.toArray()),r.transform.updateLocalMatrix());const I=o?this.getViewBoxByHeadlessPlayerItem(o,[],c):this.getViewBoxByHeadlessPlayerItem(r,n,c),D=new z;if(!a.containsBox(I)){const{min:t,max:e}=I,{min:i,max:s}=a;D.x+=t.x<i.x?i.x-t.x:0,D.x+=e.x>s.x?s.x-e.x:0,D.y+=t.y<i.y?i.y-t.y:0,D.y+=e.y>s.y?s.y-e.y:0,D.multiply(P[0]),h(r,...D.toArray()),r.transform.updateLocalMatrix()}if(!Number.isNaN(f)&&g)if("centerAdsorption"!==t){const t=Math.abs(I[y][m]+D[m]+w[m]-a[u][m]),e=a.getSize()[m]*f;t>e&&(x[m]=(e-t)*d,h(r,...x.toArray()),r.transform.updateLocalMatrix())}else{const t=I.getSize().y,e=a.getSize().y;if(t/e>f){const i=e*f/t;r.scale(i,i,1),P[0]*=i,P[1]*=i}const s=o?this.getViewBoxByHeadlessPlayerItem(o,[],c):this.getViewBoxByHeadlessPlayerItem(r,n,c),l=i.items.filter(t=>"T"===t.name.split("-")[0]?.toLocaleUpperCase()&&!t.parentId),p=new _;if(l.forEach(t=>{const e=i.items.filter(e=>e.parentId===t.id),s=e.find(t=>"check-area"===t.name),r=s?this.getViewBoxByHeadlessPlayerItem(s,[],c):this.getViewBoxByHeadlessPlayerItem(t,e,c);p.union(r)}),!p.isEmpty()&&p.max.y>s.min.y){const t=p.max.y-s.min.y;h(r,0,t),r.transform.updateLocalMatrix()}}const E=r.transform.position.clone().subtract(l).toArray();this.changeSceneItemProperty(e,{itemId:r.id,type:r.type,propertyName:"position",propertyValue:E}),this.changeSceneItemProperty(e,{itemId:r.id,type:r.type,propertyName:"scale",propertyValue:P})})}keepDoubleAdsorption(t,e,i,s,r,a){const{x:n,y:o}=r.getSize(),h=(t,e,s)=>{const{z:r}=t.transform.getWorldPosition(),{x:a,y:h}=i.camera.getInverseVPRatio(r);t.transform.translate(2*e*a/n,-2*s*h/o,0)},c=t=>{const e=(new U).copyFrom(i.camera.getViewProjectionMatrix());return(new z).copyFrom(t.applyMatrix(e).toVector2()).toViewCoordinate(n,o)},l=Rt[t];i.items.filter(t=>t.name.split("-")[0]?.toLocaleUpperCase()===l&&!t.parentId).forEach(t=>{const r=i.items.filter(e=>e.parentId===t.id),n=r.find(t=>"check-area"===t.name),o=t.transform.position.clone(),l=3===t.name.split("-").length,p=Number(t.name.split("-")[1]),m=[1,1,1],d=n?this.getViewBoxByHeadlessPlayerItem(n,[],c):this.getViewBoxByHeadlessPlayerItem(t,r,c);h(t,...s),d.getSize().x>a.getSize().x&&(m[0]=a.getSize().x/d.getSize().x,m[1]=a.getSize().x/d.getSize().x,t.scale(...m)),t.transform.updateLocalMatrix();const u=n?this.getViewBoxByHeadlessPlayerItem(n,[],c):this.getViewBoxByHeadlessPlayerItem(t,r,c);if(!Number.isNaN(p)&&l){const e=u.getSize().y,i=a.getSize().y;if(e/i>p){const s=i*p/e;t.scale(s,s,1),m[0]*=s,m[1]*=s}}const y=n?this.getViewBoxByHeadlessPlayerItem(n,[],c):this.getViewBoxByHeadlessPlayerItem(t,r,c),g=new z;if(!a.containsBox(y)){const{min:e,max:i}=y,{min:s,max:r}=a;g.x+=e.x<s.x?s.x-e.x:0,g.x+=i.x>r.x?r.x-i.x:0,g.y+=e.y<s.y?s.y-e.y:0,g.y+=i.y>r.y?r.y-i.y:0,g.multiply(m[0]),h(t,...g.toArray()),t.transform.updateLocalMatrix()}const f=t.transform.position.clone().subtract(o).toArray();this.changeSceneItemProperty(e,{itemId:t.id,type:t.type,propertyName:"position",propertyValue:f}),this.changeSceneItemProperty(e,{itemId:t.id,type:t.type,propertyName:"scale",propertyValue:m})})}},Kt=p(require("jszip"),1);function Wt(t,e="asserts failed"){if(!t)throw new Error(e)}function Gt(t,e,...i){const s=e.reduce((t,e)=>t?`${t} ${e}`:e,""),r="color: #108ee9;";switch(t){case"error":console.error(`%c[${s}]`,r,...i);break;case"info":console.info(`%c[${s}]`,r,...i);break;case"debug":console.debug(`%c[${s}]`,r,...i);break;case"warn":console.warn(`%c[${s}]`,r,...i);break;default:console.log(`%c[${s}]`,r,...i)}}var Nt="ready",Lt="executable",Ht="dispose",Ot={APNG:"APNG",MP4:"MP4",WebM:"WebM",Images:"Images",WebP:"WebP",GIF:"GIF",AlphaMaskVideo:"AlphaMaskVideo"},jt="idle",Yt="convertImage",$t="transcoding",qt="audio",Xt="jpeg",Jt="webp",Zt="png",Qt=(Ot.MP4,Ot.WebP,Ot.APNG,Ot.GIF,Ot.AlphaMaskVideo,Ot.Images,Ot.MP4,Ot.WebP,Ot.APNG,Ot.GIF,Ot.AlphaMaskVideo,Ot.Images,class{constructor(t){m(this,"sampleRate"),m(this,"duration"),m(this,"channels");const{sampleRate:e=44100,duration:i=1,channels:s=2}=t??{};this.sampleRate=e,this.duration=i,this.channels=s}getBuffer(){const t=this.sampleRate*this.duration*this.channels*2,e=44+t,i=new ArrayBuffer(e),s=new DataView(i);let r=0;const a=t=>{for(let e=0;e<t.length;e++)s.setUint8(r++,t.charCodeAt(e))},n=t=>{s.setUint32(r,t,!0),r+=4},o=t=>{s.setUint16(r,t,!0),r+=2};a("RIFF"),n(e-8),a("WAVE"),a("fmt "),n(16),o(1),o(this.channels),n(this.sampleRate),n(this.sampleRate*this.channels*2),o(2*this.channels),o(16),a("data"),n(t);for(let e=0;e<t;e++)s.setUint8(r++,0);return new Uint8Array(i)}}),te=require("@ffmpeg/ffmpeg"),ee=require("@ffmpeg/util"),ie={SCRIPT:"https://gw.alipayobjects.com/os/gltf-asset/99531561844014/img2webp.js",WASM:"https://mdn.alipayobjects.com/mars/uri/file/as/0.0.4/wasm/img2webp/img2webp.wasm"},se={CLASSWORKER:"https://mdn.alipayobjects.com/rms/uri/file/as/ffmpeg/core/0.12.10/dist/worker.js",DEFAULT:{CORE:"https://gw.alipayobjects.com/os/lib/ffmpeg/core/0.12.10/dist/esm/ffmpeg-core.js",WASM:"https://gw.alipayobjects.com/os/lib/ffmpeg/core/0.12.10/dist/esm/ffmpeg-core.wasm"},MT:{CORE:"https://gw.alipayobjects.com/os/lib/ffmpeg/core-mt/0.12.10/dist/esm/ffmpeg-core.js",WASM:"https://gw.alipayobjects.com/os/lib/ffmpeg/core-mt/0.12.10/dist/esm/ffmpeg-core.wasm",WORKER:"https://gw.alipayobjects.com/os/lib/ffmpeg/core-mt/0.12.10/dist/esm/ffmpeg-core.worker.js"}};function re(t,e,i,s){const r=e.getContext("2d");Wt(r),r.clearRect(0,0,e.width,e.height),i&&(r.save(),r.fillStyle=i,r.fillRect(0,0,e.width,e.height),r.restore()),s&&r.drawImage(s,0,0,s.width,s.height,0,0,e.width,e.height),r.drawImage(t,0,0,t.width,t.height,0,0,e.width,e.height)}async function ae(){return new Promise(async(t,e)=>{try{await function(t,e={}){return new Promise((i,s)=>{const r=document.querySelector(`script[src="${t}"]`);if(r)return"true"===r.dataset.loaded?void i(r):(r.addEventListener("load",()=>{i(r)}),void r.addEventListener("error",()=>{s(new Error(`Script already failed: ${t}`))}));const a=document.createElement("script");a.src=t,a.async=!0,Object.keys(e).forEach(t=>{a.setAttribute(t,e[t]??"")}),a.onload=()=>{a.dataset.loaded="true",i(a)},a.onerror=()=>{s(new Error(`Failed to load script: ${t}`))},document.head.appendChild(a)})}(ie.SCRIPT,{crossOrigin:"anonymous"});const e={locateFile:(t,e)=>t.endsWith("createWebPCore.wasm")?ie.WASM:e+t};t(await window.createWebPCore(e))}catch(t){e(t)}})}var ne,oe,he,ce,le,pe,me,de,ue,ye,ge,fe,we,xe,Pe,ve,Se,be,Ie=["@vvfx/sdk","ExportVideo"],De=class extends v.EventEmitter{constructor(t){super(),m(this,"status",Nt),m(this,"stage",jt),m(this,"mediaType"),m(this,"loggerInTranscoding"),m(this,"multiThreading"),m(this,"extraCanvas"),m(this,"player"),y(this,ne,0),y(this,oe),y(this,he),y(this,ce),y(this,le),y(this,pe,[]),y(this,me),y(this,de),y(this,ue,[]),y(this,ye,0),y(this,ge),y(this,fe,[]),y(this,we,0),y(this,xe,0),y(this,Pe,0),y(this,ve,0),y(this,Se,[]),y(this,be,!0);const{mediaType:e,extraCanvas:i,loggerInTranscoding:s,multiThreading:r}=t;this.mediaType=e,this.loggerInTranscoding=s??!1,this.multiThreading=r??!1,this.extraCanvas=i??void 0,this.onInit()}get canceled(){return this.status===Ht}get config(){const t=this.player?.getCompositions()??[],e=t?.[0],i=e?.name??(new Date).getTime().toString(),s=e?.getDuration()??0,r=e?.startTime??0,a=u(this,ge)?.time;return{name:i,startTime:r,oldTotalTime:s,newTotalTime:a,fps:u(this,ge)?.fps??30,backgroundColor:u(this,ge)?.backgroundColor??"#000000",loop:u(this,ge)?.loop??!0,audioEnable:u(this,ge)?.audioEnable??!1}}get progress(){const t=u(this,xe)||1,e=u(this,Pe)||1,i=Math.min(t/e,1),s=Math.min(u(this,we),t)/t*.4,r=Math.min(u(this,ve),t)/t*.6,a=Math.min(s+r,1);u(this,fe)[u(this,ye)]=i;const n=u(this,fe).reduce((t,e,i)=>i<u(this,ye)?t+(e||0):t,0)+a*i;return Math.min((o=n,Math.round(100*o)/100),1);var o}get transImageType(){return this.mediaType===Ot.MP4?Xt:this.mediaType===Ot.WebP?Jt:Zt}async onInit(){try{Gt("log",[...Ie,"ready"],"starting"),this.status=Nt,await this.loadHelper(this.mediaType),this.status=Lt,Gt("log",[...Ie,"ready"],"success"),this.emit("ready",this.mediaType)}catch(t){this.status=Ht,this.onError(t)}finally{return this.status}}onReset(){this.stage=jt,window.cancelAnimationFrame(u(this,ne)),g(this,ne,0),this.player?.pause(),this.clearTaskInfo(),this.setProgress()}onError(t){Gt("log",[...Ie,"error"],t),this.onFinish(!1),this.emit("error",t),this.dispose()}onFinish(t,e){Gt("log",[...Ie,"finish"],t?"success":"failed"),this.emit("progress",1),this.emit("done",!!t),this.emit("finish",t,e)}async loadHelper(t){const e="WebP"===t&&!u(this,ce),i=[Ot.MP4,Ot.APNG,Ot.GIF,Ot.AlphaMaskVideo].includes(t)&&!u(this,he);e&&g(this,ce,await ae()),i&&(g(this,he,await async function(t){const{multiThreading:e}=t??{},i=new te.FFmpeg,s=!!e,r={classWorkerURL:await(0,ee.toBlobURL)(se.CLASSWORKER,"text/javascript"),coreURL:"",wasmURL:""};return s?(r.coreURL=await(0,ee.toBlobURL)(se.MT.CORE,"text/javascript"),r.wasmURL=await(0,ee.toBlobURL)(se.MT.WASM,"application/wasm"),r.workerURL=await(0,ee.toBlobURL)(se.MT.WORKER,"text/javascript")):(r.coreURL=await(0,ee.toBlobURL)(se.DEFAULT.CORE,"text/javascript"),r.wasmURL=await(0,ee.toBlobURL)(se.DEFAULT.WASM,"application/wasm")),await i.load(r),i}({multiThreading:this.multiThreading})),u(this,he).on("log",({message:t})=>{if(this.loggerInTranscoding&&Gt("log",[...Ie,"transcoding log"],t),this.canceled||this.stage!==$t)return;const e=/frame=\s*(\d+)/.exec(t);if(e?.[1]){const t=Number(e[1]);this.setProgress({currentTaskInTranscodingFrameIndex:t})}}))}getAllTaskFrames(t){return t.reduce((t,e)=>{const{scene:i}=e,s=i.compositions?.[0]?.duration??0;return t+Math.round(s*this.config.fps)},0)}setProgress(t){void 0!==t?.completedTaskPercentArray&&g(this,fe,t.completedTaskPercentArray),void 0!==t?.currentTaskFrameIndex&&g(this,we,t.currentTaskFrameIndex),void 0!==t?.currentTaskTotalFrames&&g(this,xe,t.currentTaskTotalFrames),void 0!==t?.currentTaskInTranscodingFrameIndex&&g(this,ve,t.currentTaskInTranscodingFrameIndex),void 0!==t?.allTaskFrames&&g(this,Pe,t.allTaskFrames),this.emit("progress",this.progress)}forwardPlayerTime(t,e=!1){(0,v.assertExist)(this.player);const{oldTotalTime:i,startTime:s}=this.config;(0,v.assertExist)(i);const r=1e3*i-1e3*i%15;return t=Math.min(t,r/1e3),e?this.player.gotoAndPlay(t-s):this.player.gotoAndStop(t-s),t}getWavAudio(t){g(this,me,new Qt),u(this,he)?u(this,he).writeFile(t,u(this,me).getBuffer()):Gt("log",[...Ie,"getWavAudio"],"ffmpegCore is not ready")}async getImagesZip(t,e){const i=new Kt.default,s=i.folder(t);return(0,v.assertExist)(s),u(this,ue).forEach((t,i)=>{s.file(t,e[i])}),i.generateAsync({type:"arraybuffer"})}getWebP(){(0,v.assertExist)(u(this,ce));const t=Math.round(1e3/this.config.fps/1),e="out.webp",i=`${u(this,ue).join(` -d ${t} `)} -d ${t} -o ${e} -loop ${this.config.loop?0:1}`.split(" "),s=u(this,ce).cwrap("main","string",["number","number"]),[r,a]=function(t,e){const i=t._malloc(e.length*Uint32Array.BYTES_PER_ELEMENT);return e.forEach((e,s)=>{const r=t._malloc(e.length+1);t.writeAsciiToMemory(e,r),t.setValue(i+Uint32Array.BYTES_PER_ELEMENT*s,r,"i32")}),[e.length,i]}(u(this,ce),i);Wt(r&&a,"getWebP has error"),s(r,a);const n=u(this,ce).FS.readFile(e);return u(this,ue).forEach(t=>{u(this,ce)?.FS.unlink(t)}),n}async getAPNG(){(0,v.assertExist)(u(this,he));this.stage=$t;const t="export.apng";return await u(this,he).exec(["-framerate",`${this.config.fps}`,"-start_number","1","-i",`image-%4d.${this.transImageType}`,"-plays",this.config.loop?"0":"1","-y",t]),t}async getGIF(){(0,v.assertExist)(u(this,he));this.stage=$t;const t="export.gif";return await u(this,he).exec(["-framerate",`${this.config.fps}`,"-start_number","1","-i",`image-%4d.${this.transImageType}`,"-loop",this.config.loop?"0":"-1","-vf","scale=-1:-1:flags=lanczos,split[s0][s1];[s0]palettegen[p];[s1][p]paletteuse","-y",t]),t}async getMP4(t,e){(0,v.assertExist)(u(this,he));this.stage=$t;const i="export.mp4";let s;const r=e?",setpts=PTS/"+Math.round(t/e*100)/100:"",a=e??t;return this.config.audioEnable&&!u(this,me)&&(g(this,de,"audio.wav"),this.getWavAudio(u(this,de))),await u(this,he).exec(["-framerate",String(this.config.fps),"-start_number",String(1),"-i",`image-%4d.${this.transImageType}`,"-c:v","libx264","-crf","23","-pix_fmt","yuv420p","-vf",`pad=ceil(iw/2)*2:ceil(ih/2)*2${r}`,"-y",i]),u(this,de)&&u(this,me)&&(this.stage=qt,s="export-with-audio.mp4",await u(this,he).exec(["-i",i,"-i",u(this,de),"-c:v","copy","-c:a","aac","-t",`${a}`,"-y",s])),s&&u(this,he).deleteFile(i).catch(()=>{Gt("log",[...Ie,"ffmpeg delete file error"])}),s??i}async getAlphaMaskVideo(t,e){(0,v.assertExist)(u(this,he));this.stage=$t;const i="export.mp4",s=e?",setpts=PTS/"+Math.round(t/e*100)/100:"";return await u(this,he).exec(["-framerate",String(this.config.fps),"-start_number",String(1),"-i",`image-%4d.${this.transImageType}`,"-c:v","libx264","-crf","23","-pix_fmt","yuv420p","-vf",`pad=ceil(iw/2)*2:ceil(ih/2)*2${s}`,"-y",i]),i}async getVideoByType(t,e){(0,v.assertExist)(u(this,he));const i=this.mediaType===Ot.APNG,s=this.mediaType===Ot.GIF,r=this.mediaType===Ot.AlphaMaskVideo,a=this.mediaType===Ot.MP4;let n="";try{i&&(n=await this.getAPNG()),s&&(n=await this.getGIF()),a&&(n=await this.getMP4(t,e)),r&&(n=await this.getAlphaMaskVideo(t,e)),this.stage=jt}catch(t){throw t}finally{for(const t of u(this,ue))t&&u(this,he).deleteFile(t)}let o=null;try{(0,v.assertExist)(n);const t=await u(this,he).readFile(n);o="string"==typeof t?(new TextEncoder).encode(t):new Uint8Array(t)}finally{u(this,he).deleteFile(n).catch(()=>{Gt("log",[...Ie,"ffmpeg delete file error"])})}return o}onRecordWebM(t){const e=new MediaRecorder(t.captureStream(this.config.fps),{mimeType:"video/webm;codecs=vp9"});g(this,le,e),u(this,le).start(0);const i=[];u(this,le).ondataavailable=t=>{t.data.size>0&&i.push(t.data)},g(this,pe,i)}async onExportImageFrame(t){try{if(this.canceled)return;const{canvas:s,imageBuffers:r,startTime:a,oldTotalTime:n,newTotalTime:o}=t;(0,v.assertExist)(this.player),(0,v.assertExist)(u(this,oe));const h=u(this,we)+1;this.stage=Yt,this.setProgress({currentTaskInTranscodingFrameIndex:0,currentTaskFrameIndex:h}),this.loggerInTranscoding&&Gt("log",[...Ie,"converting log"],`converting ${h} frame image`),h>1&&this.forwardPlayerTime(h/this.config.fps+a),re(u(this,oe),s,this.config.backgroundColor);let c=s;this.mediaType===Ot.AlphaMaskVideo&&((0,v.assertExist)(this.extraCanvas),function(t,e){e.width=2*t.width,e.height=t.height;const i=t.getContext("2d");if(!i)throw new Error("inputCtx is null");const s=e.getContext("2d");if(!s)throw new Error("ctx is null");s.clearRect(0,0,e.width,e.height);const r=i.getImageData(0,0,t.width,t.height),a=i.getImageData(0,0,t.width,t.height),n=r.data;for(let t=0;t<n.length;t+=4){const e=Math.max(0,(n[t+3]??0)-5)/250*255;e<=0?(n[t]=0,n[t+1]=0,n[t+2]=0,n[t+3]=255):(n[t]=(n[t]??0)*e/255,n[t+1]=(n[t+1]??0)*e/255,n[t+2]=(n[t+2]??0)*e/255,n[t+3]=255)}s.putImageData(r,0,0);const o=a.data;for(let t=0;t<o.length;t+=4){const e=Math.max(0,(o[t+3]??0)-5)/250*255;o[t]=e,o[t+1]=e,o[t+2]=e,o[t+3]=255}s.putImageData(a,t.width,0)}(s,this.extraCanvas),c=this.extraCanvas);const l=await async function(t,e,i){return new Promise((s,r)=>{t.toBlob(t=>{t?s(t.arrayBuffer()):r("toBlob failed")},e,i)})}(c,`image/${this.transImageType}`,1),p=`image-${e=h,i=4,String(e).padStart(i,"0")}.${this.transImageType}`;this.mediaType===Ot.Images?r.push(l):this.mediaType===Ot.WebP?((0,v.assertExist)(u(this,ce)),u(this,ce).FS.writeFile(p,new Uint8Array(l))):((0,v.assertExist)(u(this,he)),await u(this,he).writeFile(p,new Uint8Array(l))),u(this,ue).push(p);if(h===u(this,xe)){this.player?.pause(),await new Promise(t=>{window.requestAnimationFrame(t)});let t=null;"Images"===this.mediaType?t=await this.getImagesZip(this.config.name,r):"WebP"===this.mediaType?t=this.getWebP():[Ot.MP4,Ot.APNG,Ot.GIF,Ot.AlphaMaskVideo].includes(this.mediaType)&&(t=await this.getVideoByType(n,o)??null),t&&(Gt("log",[...Ie,"done"],"success"),this.emit("done",!0,t))}else g(this,ne,window.requestAnimationFrame(()=>{this.canceled||this.onExportImageFrame({canvas:s,imageBuffers:r,startTime:a,oldTotalTime:n,newTotalTime:o})}))}catch(t){this.onError(t)}var e,i}async onExportWebMFrame(t){try{if(this.canceled)return;(0,v.assertExist)(this.player),(0,v.assertExist)(u(this,oe));const e=u(this,we)+1;if(this.stage=Yt,this.setProgress({currentTaskInTranscodingFrameIndex:0,currentTaskFrameIndex:e}),this.loggerInTranscoding&&Gt("log",[...Ie,"converting log"],`converting ${e} frame image`),re(u(this,oe),t,this.config.backgroundColor),1===e&&(this.player.play(),this.onRecordWebM(t)),e<u(this,xe))g(this,ne,window.requestAnimationFrame(()=>{this.canceled||this.onExportWebMFrame(t)}));else{this.player?.pause(),u(this,le)?.stop();const t=new Blob(u(this,pe),{type:"video/webm"}),e=await t.arrayBuffer();Gt("log",[...Ie,"done"],"success"),this.emit("done",!0,e)}}catch(t){Gt("log",[...Ie,"done"],"failed",t),this.emit("done",!1)}}async runTask(t){try{if(this.canceled)return;(0,v.assertExist)(this.player),(0,v.assertExist)(u(this,oe));const{size:e,startTime:i,containerCanvas:s}=t,{oldTotalTime:r,newTotalTime:a}=this.config,[n,o]=e;if(u(this,oe).width=n,u(this,oe).height=o,s.width=n,s.height=o,this.player.resize(),g(this,ue,[]),[Ot.MP4,Ot.APNG,Ot.Images,Ot.WebP,Ot.GIF,Ot.AlphaMaskVideo].includes(this.mediaType)){const t={canvas:s,imageBuffers:[],startTime:i,oldTotalTime:r,newTotalTime:a};await this.onExportImageFrame(t)}else"WebM"===this.mediaType&&await this.onExportWebMFrame(s)}catch(t){Gt("log",[...Ie,"run task error"],t),this.emit("done",!1)}}clearTaskInfo(){g(this,ye,0),g(this,ge,void 0),g(this,fe,[]),g(this,we,0),g(this,xe,0),g(this,Pe,0),g(this,ve,0),g(this,Se,[]),g(this,be,!0)}clearFFMpegCore(){if(u(this,he)){for(const t of u(this,ue))t&&u(this,he).deleteFile(t);g(this,ue,[]),u(this,he).terminate(),g(this,he,void 0)}}clearImage2WebPCore(){u(this,ce)&&(u(this,ce).FS.quit(),g(this,ce,void 0))}clearMediaRecorder(){u(this,le)&&(u(this,le).stop(),g(this,le,void 0)),g(this,pe,[])}clearAllListeners(){for(const t of this.getListeners("ready"))this.off("ready",t);for(const t of this.getListeners("progress"))this.off("progress",t);for(const t of this.getListeners("done"))this.off("done",t);for(const t of this.getListeners("finish"))this.off("finish",t);for(const t of this.getListeners("error"))this.off("error",t)}onCancel(){this.canceled||(this.onFinish(!1),this.status=Ht,this.onReset(),this.clearMediaRecorder(),this.clearFFMpegCore(),this.clearImage2WebPCore(),this.clearAllListeners(),Gt("log",Ie,"canceled"))}async onExport(t){const e=t.length;try{if(this.status===Nt)return Gt("log",[...Ie],"readying"),void this.on("ready",()=>{this.onExport(t)});if(this.status===Ht){if(await this.onInit()===Ht)throw new Error("init environment failed")}if(this.clearTaskInfo(),!u(this,oe)){const t=document.createElement("canvas");t.dataset.key="player-canvas",g(this,oe,t)}this.player||(this.player=new v.Player({canvas:u(this,oe),pixelRatio:1,transparentBackground:!0,renderOptions:{willCaptureImage:!0}}),this.player.on("rendererror",t=>{this.onError(t)}),this.player.on("webglcontextlost",t=>{this.onError(t)}));let e=null;e??(e=document.querySelector('canvas[data-key="container-canvas"]')),e??(e=document.createElement("canvas")),e.dataset.key="container-canvas",e.style.display="none",this.setProgress({allTaskFrames:this.getAllTaskFrames(t)});const i=[];let s=!0;for(const[r,a]of t.entries()){if(this.canceled){s=!1;break}g(this,ye,r),g(this,ge,a);const{size:t,scene:n}=a;await new Promise(async o=>{try{if(!this.player)throw new Error("player not found");Gt("log",[...Ie,"export"],"start",a),this.player.destroyCurrentCompositions(),await this.player.loadScene(n,{env:"editor",autoplay:!1});const h=this.config.oldTotalTime,c=0;this.player.pause(),this.setProgress({currentTaskFrameIndex:0,currentTaskTotalFrames:Math.round(h*this.config.fps)});const l=(t,e)=>{this.off("done",l),t&&e?i[r]=e:s=!1,o()};this.on("done",l);const p={size:t,startTime:c,containerCanvas:e};await this.runTask(p)}catch(t){Gt("log",[...Ie,"export error"],t),s=!1,o()}})}g(this,Se,i),g(this,be,s)}catch(t){this.onError(t),g(this,be,!1)}e>1&&u(this,be)?this.onFinish(!0,u(this,Se)):this.onFinish(!1)}dispose(){this.status=Ht,this.onReset(),this.clearMediaRecorder(),this.clearFFMpegCore(),this.clearImage2WebPCore(),this.clearAllListeners(),this.player?.dispose(),this.player=void 0,u(this,oe)?.remove(),g(this,oe,void 0),g(this,de,void 0),g(this,me,void 0)}};async function Ee(t,e,i,s){const[r,a]=e,n=JSON.parse(JSON.stringify(i));await t.loadScene(n,{reusable:!0,autoplay:!1}),t.gotoAndStop(s);const o=document.createElement("canvas");o.width=r,o.height=a;const h=o.getContext("2d");h&&(h.fillStyle="rgba(255, 255, 255, 1)",h.fillRect(0,0,r,a),function(t,e,i,s,r,a,n,o,h){2===arguments.length&&(i=s=0,r=t.canvas.width,a=t.canvas.height);n="number"==typeof n?D(n,0,1):.5,o="number"==typeof o?D(o,0,1):.5,h??(h={left:0,top:0,width:e instanceof HTMLVideoElement?e.videoWidth:e.width,height:e instanceof HTMLVideoElement?e.videoHeight:e.height});const c=h.width,l=h.height,p=Math.min(r/c,a/l);let m=c*p,d=l*p,u=1;m<r&&(u=r/m);Math.abs(u-1)<1e-14&&d<a&&(u=a/d);m*=u,d*=u;const y=Math.max(c/(m/r),0),g=Math.max(l/(d/a),0),f=Math.min((c-y)*n,c),w=Math.min((l-g)*o,l);t.drawImage(e,f+h.left,w+h.top,y,g,i,s,r,a)}(h,t.canvas,0,0,r,a,.5,.5));return o.toDataURL("image/png")}ne=new WeakMap,oe=new WeakMap,he=new WeakMap,ce=new WeakMap,le=new WeakMap,pe=new WeakMap,me=new WeakMap,de=new WeakMap,ue=new WeakMap,ye=new WeakMap,ge=new WeakMap,fe=new WeakMap,we=new WeakMap,xe=new WeakMap,Pe=new WeakMap,ve=new WeakMap,Se=new WeakMap,be=new WeakMap;var Te={DEFAULT:"default",EXPORTING:"exporting",SUCCESS:"success",ERROR:"error"},Ae=class{constructor(t){m(this,"_eventEmitter",new v.EventEmitter),m(this,"_pageData"),m(this,"_screenShotContainer"),m(this,"_screenShotPlayer"),m(this,"_SDKUtils"),m(this,"_ExportVideo"),m(this,"_gestureHandler"),m(this,"_playerContainer"),m(this,"_exportStatus",Te.DEFAULT),m(this,"disposables",[]),m(this,"player"),m(this,"on",this._eventEmitter.on);const[e,i]=[t.offsetWidth,t.offsetHeight],s=document.createElement("div");s.id="player-container",s.style.width=`${e}px`,s.style.height=`${i}px`,s.style.position="absolute",s.style.backgroundRepeat="no-repeat",s.style.backgroundPosition="center center",t.appendChild(s),this._playerContainer=s,this.player=new v.Player({container:s,interactive:!0,pixelRatio:window.devicePixelRatio||1}),this._gestureHandler=new kt(t),this._gestureHandler.registerViewEvent(),this.player.on("update",()=>{(0,v.assertExist)(this._pageData,"You must call SDK#run() first");const t=this.player.getCompositions()[0]?.time;if(this._pageData.playing)if(void 0!==t)this._pageData.time===t&&this.player.pause(),this._pageData.time=t,this._SDKUtils.refreshPageTime(t);else{this._pageData.playing=!1,this.setPlayProgress(100);const t=this._pageData.viewProperties[this._pageData.activeData.view??0]?.scene,e=t?.compositions.find(e=>e.id===t.compositionId);this._pageData.time=e?.duration??2,this._SDKUtils.refreshPageTime(this._pageData.time)}this._eventEmitter.emit("progress",{duration:this.player.getCompositions()[0]?.getDuration()??2,time:this._pageData.time,end:this.player.getCompositions()[0]?.isDestroyed??!1,paused:!this._pageData.playing})}),this._screenShotContainer=document.createElement("canvas"),this._screenShotPlayer=new v.Player({canvas:this._screenShotContainer,manualRender:!0,renderOptions:{willCaptureImage:!0}}),this._eventEmitter.on("pageDataChange",t=>{this._pageData=t,this._gestureHandler.refresh(),this._gestureHandler.render()}),this._eventEmitter.on("zoomChange",t=>{(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.property.zoom=t,this._SDKUtils.refreshInteractionParam(),this._gestureHandler.refresh(),this._gestureHandler.render()}),this._eventEmitter.on("selectedItemChange",t=>{(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.selectedItems=[...t],this._gestureHandler.refresh(),this._gestureHandler.render()}),this._eventEmitter.on("preSelectedItemChange",t=>{(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.preSelectedItem=t,this._gestureHandler.refresh(),this._gestureHandler.render()}),this._eventEmitter.on("selectedViewChange",t=>{(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.view=t;const e=this._pageData.viewProperties[t];this._gestureHandler.ignoreInteraction=!!e?.ignoreInteraction}),this._SDKUtils=new Ut(this.player,s,this._eventEmitter,this),this._ExportVideo=new De({mediaType:"MP4"});const r=new ResizeObserver(()=>{const e=[t.offsetWidth,t.offsetHeight],i=this._pageData?.viewProperties[this._pageData.activeData.view??0];(0,v.assertExist)(i);const{size:s}=i,[r,a]=this._SDKUtils.getPlayerSizeByParent(e,s);this._playerContainer.style.width=`${r}px`,this._playerContainer.style.height=`${a}px`,this.player.resize(),this._gestureHandler.resize()});r.observe(t),this.disposables.push(()=>{r.disconnect()})}get pageData(){return this._pageData}get exportStatus(){return this._exportStatus}get exportOptions(){if(!this.pageData)return[];return this.pageData.viewProperties.filter(t=>!t.ignoreInteraction).map(t=>{const{size:e,scene:i,export:{time:s,audioEnable:r}}=t;return{size:e,scene:JSON.parse(JSON.stringify(i)),time:s,audioEnable:r}})}dispose(){this.player?.dispose(),this._screenShotPlayer?.dispose(),this._pageData=void 0,this._playerContainer.remove(),this._ExportVideo.dispose(),this._gestureHandler.dispose(),this.disposables.forEach(t=>{t()})}async getInitParam(t){const e=JSON.parse(JSON.stringify(t));if("string"==typeof e.scene)try{const t=await fetch(e.scene,{mode:"cors",credentials:"omit",headers:{Accept:"application/json"}});if(!t.ok)throw new Error(`HTTP error! status: ${t.status}, statusText: ${t.statusText}`);const i=await t.json();return{...e,scene:i}}catch(t){throw new Error(`Failed to fetch scene data from ${e.scene}: ${t instanceof Error?t.message:String(t)}`)}return{...e,scene:e.scene}}async initSDK(t){const{scene:e,viewParams:i,options:s}=t,r=[];{const t=JSON.parse(JSON.stringify(e)),i=t.compositions.find(e=>e.id===t.compositionId)??t.compositions[0];if(i){const[e,s]=i.previewSize??[1080,1920],a=i.duration??0;this._screenShotContainer.width=e,this._screenShotContainer.height=s,this._screenShotPlayer.destroyCurrentCompositions(),this._screenShotPlayer.resize();const n=await Ee(this._screenShotPlayer,[e,s],t,a);r.push({size:[e,s],safeArea:[0,0,0,0],previewSafeAreas:[],id:0,scene:t,thumbnail:n,ignoreInteraction:!0,export:{time:a,fileSizeLimit:1,audioEnable:!1}})}}for(let s=0;s<i.length;s++){const a=i[s];if(!a)continue;let n=JSON.parse(JSON.stringify(e));const o=n.compositions.find(t=>t.id===n.compositionId)??n.compositions[0];(0,v.assertExist)(o);const h=o.previewSize??a.size,[c,l]=a.size;o.previewSize=[c,l];const p=o.duration??0;t.keepSafe&&(this._screenShotContainer.width=c,this._screenShotContainer.height=l,this._screenShotPlayer.destroyCurrentCompositions(),this._screenShotPlayer.resize(),n=await this._SDKUtils.keepSceneSafe(this._screenShotPlayer,n,p,h,[c,l],a.safeArea)),this._screenShotContainer.width=c,this._screenShotContainer.height=l,this._screenShotPlayer.destroyCurrentCompositions(),this._screenShotPlayer.resize();const m=await Ee(this._screenShotPlayer,a.size,n,p-.1);r.push({...a,previewSafeAreas:[...a.previewSafeAreas??[]],id:s+1,scene:n,thumbnail:m,ignoreInteraction:!1})}const a=r[0]?.scene;if(!a)return void console.warn("SDK need a view property at least.");const n=a.compositions.find(t=>t.id===a.compositionId)??a.compositions[0],o={...s,zoom:1,translation:[0,0],asyncMode:s.asyncMode??!1},h=(n?.duration??0)-.1;this._pageData={time:h,property:o,activeData:{selectedItems:[]},items:[],viewProperties:r,playing:!1},this._SDKUtils.init(),this._gestureHandler.init(this._SDKUtils),this._gestureHandler.ignoreInteraction=!!r[0]?.ignoreInteraction,await this._SDKUtils.loadScene(0),this._SDKUtils.refreshPageTime(h)}async run(t){const e=await this.getInitParam(t);await this.initSDK(e),this._eventEmitter.emit("pageDataChange",this.getPageData())}getPageData(){return JSON.parse(JSON.stringify(this._pageData))}getActiveItems(){return(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.selectedItems}setPreSelectedItem(t){(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.preSelectedItem=t}getPreSelectedItem(){return(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.preSelectedItem??""}setSelectedItems(t){this._SDKUtils.clearPreSelectedItem(),this._SDKUtils.clearSelectedItems(),this._SDKUtils.addSelectedItems([...t])}getItemProperty(t){(0,v.assertExist)(this._pageData,"You must call SDK#run() first");const e=this._pageData.items.find(e=>e.id===t.itemId);if(e&&e.type===t.type)return{type:e.type,property:e.property}}getItemPropertyValue(t){(0,v.assertExist)(this._pageData,"You must call SDK#run() first");const e=this.getItemProperty(t)?.property?.[t.propertyName];return e}async setItemPropertyValue(t){(0,v.assertExist)(this._pageData,"You must call SDK#run() first");const e=this._pageData.viewProperties[this._pageData.activeData.view??0]?.ignoreInteraction;e?console.warn("Static scene cannot change."):(await this._SDKUtils.changeItemProperty(t),this._gestureHandler.refresh(),this._gestureHandler.render())}async generateScreenShot(t){(0,v.assertExist)(this._pageData,"You must call SDK#run() first");const e=this.pageData?.viewProperties?.[t];if(!e)return"";const{scene:i,size:[s,r]}=e,a=i.compositionId,n=i.compositions.find(t=>t.id===a),o=n?.duration??0;this._screenShotContainer.width=s,this._screenShotContainer.height=r,this._screenShotPlayer.destroyCurrentCompositions(),this._screenShotPlayer.resize();const h=JSON.parse(JSON.stringify(i));return await Ee(this._screenShotPlayer,[300,400],h,o)}async switchScene(t){if((0,v.assertExist)(this._pageData,"You must call SDK#run() first"),t===this._pageData.activeData.view)return;this._pageData.viewProperties[t]?(this._pageData.activeData={view:t,selectedItems:[],preSelectedItem:void 0},await this._SDKUtils.loadScene(t)):console.warn("target scene does not exist."),this._eventEmitter.emit("selectedViewChange",t),this._eventEmitter.emit("pageDataChange",this.getPageData())}getConfig(){return(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),{safeAreaPreview:this._pageData.property.safeAreaPreview,zoom:this._pageData.property.zoom,adsorption:this._pageData.property.adsorption,asyncMode:this._pageData.property.asyncMode}}setConfig(t){(0,v.assertExist)(this._pageData,"You must call SDK#run() first");const{adsorption:e,safeAreaPreview:i,zoom:s}=this._pageData.property;this._pageData.property={...this._pageData.property,...t},this._pageData.property.zoom!==s&&this._SDKUtils.setPageZoom(this._pageData.property.zoom),e!==t.adsorption&&this._gestureHandler.setAdsorptionEnabled(t.adsorption),i!==t.safeAreaPreview&&this._gestureHandler.setSafeAreaPreviewEnabled(t.safeAreaPreview),this._gestureHandler.refresh(),this._gestureHandler.render()}async setPlayProgress(t){(0,v.assertExist)(this._pageData,"You must call SDK#run() first");const e=(this.player.getCompositions()[0]?.getDuration()??2)*t/100;this._pageData.time=e;!this.player.getCompositions().length&&(this.player.destroyCurrentCompositions(),await this._SDKUtils.loadScene(this._pageData.activeData.view??0)),this._pageData.playing?this.player.gotoAndPlay(e):this.player.gotoAndStop(e),this._SDKUtils.refreshPageTime(e)}getViewItems(){return this.getPageData()?.items??[]}setPlayState(t){(0,v.assertExist)(this._pageData,"You must call SDK#run() first");const e="play"===t;this._pageData.playing!==e&&(this._pageData.playing=e,this._gestureHandler.ignoreInteraction=e,e?this.player.gotoAndPlay(this._pageData.time):this.player.gotoAndStop(this._pageData.time),this._gestureHandler.refresh(),this._gestureHandler.render())}getViewThumbnail(){return(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.viewProperties.map(t=>({id:t.id,thumbnail:t.thumbnail}))}onExportProgress(t){this._eventEmitter.emit("exportProgress",t)}onExportFinish(t,e){this._exportStatus=t?Te.SUCCESS:Te.ERROR,this._eventEmitter.emit("exportComplete",t);const i=this.exportOptions[0]?.scene?.compositions?.[0]?.name??"videos";if(e&&e.length>0){const t=new w.default;e.forEach((e,s)=>{const{size:r}=this.exportOptions[s]??{},a=r?.[0]&&r?.[1]?`(${s+1})_${r[0]}×${r[1]}`:`(${s+1})`,n=`${i}${a}.mp4`;t.file(n,e)}),t.generateAsync({type:"blob"}).then(t=>{!function(t,e,i="application/octet-stream"){const s=new Blob(Array.isArray(t)?t:[t],{type:i}),r=URL.createObjectURL(s),a=document.createElement("a");a.href=r,a.download=e,document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(r)}(t,`${i}.zip`,"application/zip")}).catch(t=>{Gt("error",["@vvfx/sdk"],"exportAllVideos is error",t)})}}onExportError(t){this._exportStatus=Te.ERROR,Gt("error",["@vvfx/sdk"],"exportAllVideos is error",t)}exportAllVideos(){(0,v.assertExist)(this.pageData,"You must call SDK#run() first"),this._exportStatus=Te.EXPORTING,this._ExportVideo.onExport(this.exportOptions),this._ExportVideo.on("progress",this.onExportProgress.bind(this)),this._ExportVideo.once("finish",this.onExportFinish.bind(this)),this._ExportVideo.on("error",this.onExportError.bind(this))}cancelExportAllVideos(){this._exportStatus=Te.ERROR,this._ExportVideo.onCancel(),this._eventEmitter.emit("exportComplete",!1)}async loadPageData(t){(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData={view:this._pageData.viewProperties.length,selectedItems:[],preSelectedItem:void 0},this._pageData.viewProperties.push(...t.viewProperties),this._SDKUtils.init(),this._gestureHandler.init(this._SDKUtils),await this._SDKUtils.loadScene(this.pageData?.activeData.view??0),this._eventEmitter.emit("pageDataChange",this.getPageData())}async runByPageData(t){const e=JSON.parse(JSON.stringify(t));e.property.zoom=1,e.property.translation=[0,0],this._pageData=e,this._SDKUtils.init(),this._gestureHandler.init(this._SDKUtils),await this._SDKUtils.loadScene(this.pageData?.activeData.view??0),this._SDKUtils.refreshPageTime(this._pageData.time),this._eventEmitter.emit("pageDataChange",this.getPageData())}};
1
+ "use strict";var t,e=Object.create,i=Object.defineProperty,s=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,a=Object.getPrototypeOf,n=Object.prototype.hasOwnProperty,o=t=>{throw TypeError(t)},h=(t,e)=>{for(var s in e)i(t,s,{get:e[s],enumerable:!0})},c=(t,e,a,o)=>{if(e&&"object"==typeof e||"function"==typeof e)for(let h of r(e))n.call(t,h)||h===a||i(t,h,{get:()=>e[h],enumerable:!(o=s(e,h))||o.enumerable});return t},l=(t,e,i)=>(c(t,e,"default"),i&&c(i,e,"default")),p=(t,s,r)=>(r=null!=t?e(a(t)):{},c(!s&&t&&t.__esModule?r:i(r,"default",{value:t,enumerable:!0}),t)),m=(t,e,s)=>((t,e,s)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s)(t,"symbol"!=typeof e?e+"":e,s),d=(t,e,i)=>e.has(t)||o("Cannot "+i),u=(t,e,i)=>(d(t,e,"read from private field"),i?i.call(t):e.get(t)),y=(t,e,i)=>e.has(t)?o("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),g=(t,e,i,s)=>(d(t,e,"write to private field"),s?s.call(t,i):e.set(t,i),i),f={};h(f,{ExportStatusMap:()=>Ee,SDK:()=>Te,spec:()=>v.spec}),module.exports=(t=f,c(i({},"__esModule",{value:!0}),t));var w=p(require("jszip"),1),x={};h(x,{Composition:()=>v.Composition,EventEmitter:()=>v.EventEmitter,Player:()=>v.Player,SpriteComponent:()=>v.SpriteComponent,TextComponent:()=>v.TextComponent,VFXItem:()=>v.VFXItem,assertExist:()=>v.assertExist,math:()=>v.math,spec:()=>v.spec});var P={};h(P,{Composition:()=>v.Composition,EventEmitter:()=>v.EventEmitter,Player:()=>v.Player,SpriteComponent:()=>v.SpriteComponent,TextComponent:()=>v.TextComponent,VFXItem:()=>v.VFXItem,assertExist:()=>v.assertExist,math:()=>v.math,spec:()=>v.spec});var v=require("@galacean/effects");l(P,require("@galacean/effects-plugin-rich-text")),l(x,P);var S=require("@pixi/app"),b=class{constructor(){m(this,"interactive"),m(this,"type"),m(this,"active"),this.type="null",this.active=!1,this.interactive=!1}},D=1e-6;function I(t,e,i){const s=isNaN(e)?-1/0:e,r=isNaN(i)?1/0:i,a=Math.min(s,r),n=Math.max(s,r);return Math.min(Math.max(t,a),n)}var E=Math.PI/180,T=180/Math.PI;function A(t){return Math.atan2(-t.y,-t.x)+Math.PI}function C(t,e,i=Math.round){if(Number.isInteger(t))return t;const s=Math.pow(10,e);return i(t*s)/s}function V(t,e){return Math.abs(t-e)<D||t===1/0&&e===1/0||t===-1/0&&e===-1/0}function M(t){return isNaN(t)||Math.abs(t)<D}var k=class t extends v.math.Vector2{subtract(t){return this.x-=t.x,this.y-=t.y,this}toViewCoordinate(t,e){return this.x=(this.x+1)/2*t,this.y=(1-(this.y+1)/2)*e,this}clone(){return new t(this.x,this.y)}distanceTo(t){const e=this.x-t.x,i=this.y-t.y;return Math.sqrt(e*e+i*i)}scaleByCenter(e,i=new t){const s=(new t).subtractVectors(i,this).multiply(e);return(new t).subtractVectors(i,s)}round(t=0){const e=Math.pow(10,t);return this.x=Math.round(this.x*e)/e,this.y=Math.round(this.y*e)/e,this}},z=class t{constructor(t=new k,e=new k){m(this,"start",new k),m(this,"end",new k),this.start.copyFrom(t),this.end.copyFrom(e)}set(t,e){return this.start.copyFrom(t),this.end.copyFrom(e),this}copyFrom(t){return this.start.copyFrom(t.start),this.end.copyFrom(t.end),this}direction(){return(new k).subtractVectors(this.end,this.start).normalize()}getCenter(t=new k){return t.addVectors(this.start,this.end).multiply(.5)}delta(t=new k){return t.subtractVectors(this.end,this.start)}distanceSq(){return this.start.distanceSquared(this.end)}distance(){return this.start.distance(this.end)}at(t,e=new k){return this.delta(e).multiply(t).add(this.start)}closestPointToPointParameter(t,e){const i=new k,s=new k;i.subtractVectors(t,this.start),s.subtractVectors(this.end,this.start);const r=s.dot(s);let a=s.dot(i)/r;return e&&(a=I(a,0,1)),a}closestPointToPoint(t,e,i=new k){const s=this.closestPointToPointParameter(t,e);return this.delta(i).multiply(s).add(this.start)}equals(t){return t.start.equals(this.start)&&t.end.equals(this.end)}clone(){return(new t).copyFrom(this)}length(){return(new k).subtractVectors(this.end,this.start).length()}crossWithLine(t){const e=this.delta(),i=t.delta(),s=(new k).subtractVectors(t.start,this.start),r=(new k).subtractVectors(t.end,this.start),a=(new k).subtractVectors(this.start,t.start),n=(new k).subtractVectors(this.end,t.start),o=s.cross(e),h=r.cross(e),c=a.cross(i),l=n.cross(i);return o*h<0&&c*l<0}},_=class t{constructor(t=new k(1/0,1/0),e=new k(-1/0,-1/0)){m(this,"corners",[]),m(this,"min",new k(1/0,1/0)),m(this,"max",new k(-1/0,-1/0)),this.min=t.clone(),this.max=e.clone(),this.isEmpty()?this.corners=[]:this.corners=[t.clone(),new k(e.x,t.y),e.clone(),new k(t.x,e.y)]}set(t,e){return this.min.copyFrom(t),this.max.copyFrom(e),this.corners=[t.clone(),new k(e.x,t.y),e.clone(),new k(t.x,e.y)],this}setFromVec2Array(t){return this.min=(new k).copyFrom(t[0]),this.max=(new k).copyFrom(t[0]),t.forEach(t=>{this.min.min(t),this.max.max(t),this.corners.push(t.clone())}),this}setFromVec2ArrayWithOutCorners(t){return this.min=(new k).copyFrom(t[0]),this.max=(new k).copyFrom(t[0]),t.forEach(t=>{this.min=this.min.min(t),this.max=this.max.max(t)}),this.corners.push(new k(this.min.x,this.min.y)),this.corners.push(new k(this.min.x,this.max.y)),this.corners.push(new k(this.max.x,this.max.y)),this.corners.push(new k(this.max.x,this.min.y)),this}setFromCenterAndSize(t,e){const i=(new k).copyFrom(e).multiply(.5);return this.min.copyFrom(t).subtract(i),this.max.copyFrom(t).add(i),this.corners=[this.min.clone(),new k(this.max.x,this.min.y),this.max.clone(),new k(this.min.x,this.max.y)],this}clone(){return(new t).copyFrom(this)}copyFrom(t){return this.corners=[],this.min.copyFrom(t.min),this.max.copyFrom(t.max),t.corners.forEach(t=>{this.corners.push(t.clone())}),this}makeEmpty(){return this.min.x=this.min.y=1/0,this.max.x=this.max.y=-1/0,this.corners=[],this}isEmpty(){return this.max.x<=this.min.x||this.max.y<=this.min.y}getCorners(){const t=[];return this.corners.forEach(e=>{t.push(e.clone())}),t}getCenter(t=new k){return this.isEmpty()?t.set(0,0):t.addVectors(this.min,this.max).multiply(.5)}getSize(t=new k){return this.isEmpty()?t.set(0,0):t.subtractVectors(this.max,this.min)}expandByPoint(t){return this.min.min(t),this.max.max(t),this}expandByVector(t){return this.min.subtract(t),this.max.add(t),this}expandByScalar(t){return this.min.add(-t),this.max.add(t),this}containsPoint(t,e=!0){if(e)return!(t.x<this.min.x||t.x>this.max.x||t.y<this.min.y||t.y>this.max.y);if(this.isEmpty())return!1;for(let e=0;e<this.corners.length;e++){const i=this.corners[e],s=this.corners[(e+1)%4],r=new k(s.x-i.x,s.y-i.y),a=new k(t.x-i.x,t.y-i.y);if(r.cross(a)<0)return!1}return!0}containsBox(t){return this.min.x<=t.min.x&&t.max.x<=this.max.x&&this.min.y<=t.min.y&&t.max.y<=this.max.y}getParameter(t,e=new k){return e.set((t.x-this.min.x)/(this.max.x-this.min.x),(t.y-this.min.y)/(this.max.y-this.min.y))}clampPoint(t,e=new k){return e.copyFrom(t).clamp(this.min,this.max)}distanceToPoint(t){return(new k).copyFrom(t).clamp(this.min,this.max).subtract(t).length()}intersect(t){return this.min.max(t.min),this.max.min(t.max),this.min.x>this.max.x||this.min.y>this.max.y?this.makeEmpty():this}union(t){return this.min.min(t.min),this.max.max(t.max),this.corners=[this.min.clone(),new k(this.max.x,this.min.y),this.max.clone(),new k(this.min.x,this.max.y)],this}translate(t){return this.min.add(t),this.max.add(t),this.corners.forEach(e=>{e.add(t)}),this}equals(t){return t.min.equals(this.min)&&t.max.equals(this.max)}intersectsBox(t,e=!0){if(e)return!(t.max.x<this.min.x||t.min.x>this.max.x||t.max.y<this.min.y||t.min.y>this.max.y);if(!this.isEmpty())for(let e=0;e<this.corners.length;e++){const i=new z(this.corners[e],this.corners[(e+1)%4]);if(t.containsPoint(this.corners[e],!1))return!0;for(let e=0;e<t.corners.length;e++){const s=new z(t.corners[e],t.corners[(e+1)%4]);if(this.containsPoint(t.corners[e],!1))return!0;if(i.crossWithLine(s))return!0}}for(let e=0;e<t.corners.length;e++){const i=this.containsPoint(t.corners[e],!1),s=t.containsPoint(this.corners[e],!1);if(i||s)return!0}return!1}},F=class t{constructor(t=new k,e=0){m(this,"center"),m(this,"radius"),this.center=t.clone(),this.radius=e}set(t,e){return this.center=(new k).copyFrom(t),this.radius=e,this}clone(){return(new t).copy(this)}copy(t){return this.center.copyFrom(t.center),this.radius=t.radius,this}makeEmpty(){return this.center=new k,this.radius=0,this}isEmpty(){return 0===this.radius}getCenter(t=new k){return t.copyFrom(this.center),t}getRadius(){return this.radius}expandByPoint(t){return this.radius=this.center.distanceTo(t),this}expandByScalar(t){return this.radius+=t,this}containsPoint(t){return this.center.distanceTo(t)<this.radius}containsBox(t){for(let e=0;e<4;e++)if(!this.containsPoint(t.corners[e]))return!1;return!0}intersectsBox(t){for(let e=0;e<4;e++)if(this.containsPoint(t.corners[e]))return!0;return!1}distanceToPoint(t){return this.center.distanceTo(t)-this.radius}},B=class extends v.math.Quaternion{},R=class t extends v.math.Vector3{clone(){return new t(this.x,this.y,this.z)}setFromMatrixColumn(t,e){return this.set(...t.elements.slice(4*e))}applyEuler(t,e){return this.applyQuaternion((new B).setFromEuler(t))}applyQuaternion(e,i=new t){const{x:s,y:r,z:a,w:n}=e,{x:o,y:h,z:c}=this.subtract(i),l=n*o+r*c-a*h,p=n*h+a*o-s*c,m=n*c+s*h-r*o,d=-s*o-r*h-a*c;return this.x=l*n+d*-s+p*-a-m*-r+i.x,this.y=p*n+d*-r+m*-s-l*-a+i.y,this.z=m*n+d*-a+l*-r-p*-s+i.z,this}setFromMatrixPosition(t){const e=t.elements;return this.x=e[12],this.y=e[13],this.z=e[14],this}applyMatrix(e,i=new t){const s=e.elements,{x:r,y:a,z:n}=this.subtract(i);let o=1/(s[3]*r+s[7]*a+s[11]*n+s[15]);return o=isNaN(o)?1:o,this.x=(s[0]*r+s[4]*a+s[8]*n+s[12])*o+i.x,this.y=(s[1]*r+s[5]*a+s[9]*n+s[13])*o+i.y,this.z=(s[2]*r+s[6]*a+s[10]*n+s[14])*o+i.z,this}},U=class t extends v.math.Matrix4{static fromArray(e,i=0){return(new t).setFromArray(e,i)}clone(){const e=this.elements;return new t(e[0],e[1],e[2],e[3],e[4],e[5],e[6],e[7],e[8],e[9],e[10],e[11],e[12],e[13],e[14],e[15])}compose(t,e,i,s=R.ZERO){const r=this.elements,{x:a,y:n,z:o,w:h}=e,c=-s.x,l=-s.y,p=-s.z,m=a+a,d=n+n,u=o+o,y=a*m,g=a*d,f=a*u,w=n*d,x=n*u,P=o*u,v=h*m,S=h*d,b=h*u,{x:D,y:I,z:E}=i;return r[0]=(1-(w+P))*D,r[1]=(g+b)*D,r[2]=(f-S)*D,r[3]=0,r[4]=(g-b)*I,r[5]=(1-(y+P))*I,r[6]=(x+v)*I,r[7]=0,r[8]=(f+S)*E,r[9]=(x-v)*E,r[10]=(1-(y+w))*E,r[11]=0,r[12]=c*r[0]+l*r[4]+p*r[8]-c+t.x,r[13]=c*r[1]+l*r[5]+p*r[9]-l+t.y,r[14]=c*r[2]+l*r[6]+p*r[10]-p+t.z,this}extractRotation(t){const e=new R,i=t.elements,s=this.elements,r=1/e.setFromMatrixColumn(t,0).length(),a=1/e.setFromMatrixColumn(t,1).length(),n=1/e.setFromMatrixColumn(t,2).length();return s[0]=i[0]*r,s[1]=i[1]*r,s[2]=i[2]*r,s[3]=0,s[4]=i[4]*a,s[5]=i[5]*a,s[6]=i[6]*a,s[7]=0,s[8]=i[8]*n,s[9]=i[9]*n,s[10]=i[10]*n,s[11]=0,s[12]=0,s[13]=0,s[14]=0,s[15]=1,this}makeRotationFromEuler(t){const e=this.elements,i=t.x,s=t.y,r=t.z,a=Math.cos(i),n=Math.sin(i),o=Math.cos(s),h=Math.sin(s),c=Math.cos(r),l=Math.sin(r);if(t.order===v.math.EulerOrder.XYZ){const t=a*c,i=a*l,s=n*c,r=n*l;e[0]=o*c,e[4]=-o*l,e[8]=h,e[1]=i+s*h,e[5]=t-r*h,e[9]=-n*o,e[2]=r-t*h,e[6]=s+i*h,e[10]=a*o}else if(t.order===v.math.EulerOrder.YXZ){const t=o*c,i=o*l,s=h*c,r=h*l;e[0]=t+r*n,e[4]=s*n-i,e[8]=a*h,e[1]=a*l,e[5]=a*c,e[9]=-n,e[2]=i*n-s,e[6]=r+t*n,e[10]=a*o}else if(t.order===v.math.EulerOrder.ZXY){const t=o*c,i=o*l,s=h*c,r=h*l;e[0]=t-r*n,e[4]=-a*l,e[8]=s+i*n,e[1]=i+s*n,e[5]=a*c,e[9]=r-t*n,e[2]=-a*h,e[6]=n,e[10]=a*o}else if(t.order===v.math.EulerOrder.ZYX){const t=a*c,i=a*l,s=n*c,r=n*l;e[0]=o*c,e[4]=s*h-i,e[8]=t*h+r,e[1]=o*l,e[5]=r*h+t,e[9]=i*h-s,e[2]=-h,e[6]=n*o,e[10]=a*o}else if(t.order===v.math.EulerOrder.YZX){const t=a*o,i=a*h,s=n*o,r=n*h;e[0]=o*c,e[4]=r-t*l,e[8]=s*l+i,e[1]=l,e[5]=a*c,e[9]=-n*c,e[2]=-h*c,e[6]=i*l+s,e[10]=t-r*l}else if(t.order===v.math.EulerOrder.XZY){const t=a*o,i=a*h,s=n*o,r=n*h;e[0]=o*c,e[4]=-l,e[8]=h*c,e[1]=t*l+r,e[5]=a*c,e[9]=i*l-s,e[2]=s*l-i,e[6]=n*c,e[10]=r*l+t}return e[3]=0,e[7]=0,e[11]=0,e[12]=0,e[13]=0,e[14]=0,e[15]=1,this}setPosition(t){return this.elements[12]=t.x,this.elements[13]=t.y,this.elements[14]=t.z,this}},K=class extends v.math.Euler{constructor(t=0,e=0,i=0,s=v.math.EulerOrder.XYZ){super(t,e,i,s)}getInvertMatrixByEuler(){return(new U).makeRotationFromEuler(this).invert()}toDegreeVector3(t){return t?t.set(this.x*T,this.y*T,this.z*T):new R(this.x*T,this.y*T,this.z*T)}setFromDegreeVector3(t,e){return this.set(t.x*E,t.y*E,t.z*E,e??this.order)}},W=class t{constructor(t=0,e=new R(0,0,1)){m(this,"distance"),m(this,"normal");const i=e.length();0===i&&(this.normal=new R(0,0,1)),this.distance=t/(i??1),this.normal=e.normalize()}static set(e,i){return new t(e,i)}set(t,e){const i=e.length();return 0===i&&(this.normal=new R(0,0,1)),this.distance=t/i,this.normal=e.normalize(),this}static copy(e){return new t(e.distance,e.normal.clone())}copy(t){return this.distance=t.distance,this.normal.copyFrom(t.normal),this}static setFromNormalAndCoplanarPoint(e,i){const s=-e.dot(i);return new t(s,i)}setFromNormalAndCoplanarPoint(t,e){return this.normal.copyFrom(e),this.distance=-t.dot(this.normal),this}clone(){return new t(this.distance,this.normal.clone())}distanceToPoint(t){return this.normal.dot(t)+this.distance}},G=class t extends v.math.Ray{constructor(t=new R,e=new R(1,0,0)){super(t,e),m(this,"origin"),m(this,"direction"),this.origin=t.clone(),this.direction=e.clone()}clone(){return new t(this.origin,this.direction)}rayCastPlane(t,e){const i=this.distanceToPlane(t);return isNaN(i)||this.at(i),i}at(t){return this.direction.clone().normalize().multiply(t).add(this.origin)}distanceToPlane(t){const e=t.normal.dot(this.direction);if(M(e))return M(t.distanceToPoint(this.origin))?0:NaN;const i=(-this.origin.dot(t.normal)-t.distance)/e;return i>0?i:NaN}},N=class{constructor(t=new G){m(this,"ray"),this.ray=t.clone()}setFromCamera(t,e){const i=e.position,s=new R(t.x,t.y,.5).applyMatrix(e.inverseViewProjectMatrix).subtract(i).normalize();return this.ray.set(i,s),this}rayCastPlane(t){const e=new R,i=this.ray.rayCastPlane(t,e);if(!isNaN(i))return{distance:i,point:this.ray.at(i)}}},L=.01,H=2,O=37375,j=6,$=3,Y=15425024,q=16777215,X=.17,J=16777215,Z=.78,Q=1,tt=16711680,et=1,it=1.5,st=16777215,rt=0,at=1,nt=.3,ot=4,ht=8,ct=16711680,lt=1,pt=0,mt=.17,dt=65280,ut=.3,yt=class extends b{constructor(t){super(),m(this,"defaultInteractive",!0),m(this,"interactive",!0),m(this,"lastPoint",new k),m(this,"SDKUtils"),this.SDKUtils=t,this.type="control"}initialize(){}preparationAction(){}cancelPreparation(){}refreshResults(){}preAction(){}action(t){const{metaKey:e,ctrlKey:i,shiftKey:s}=t;if(0===t.buttons){const{deltaX:r,deltaY:a}=t,n=new k(r,a);e||i?(n.y=I(n.y,-10,10),this.dolly(n.y)):(n.x=s&&0!==n.y?Math.sqrt(n.x**2+n.y**2)*n.y/Math.abs(n.y):n.x,n.y=s?0:n.y,this.pan(n.multiply(-1)))}}endAction(){}interruption(){return this.type}actionKey(){}endActionKey(){}dolly(t){const e=-t*L;this.SDKUtils.pageZoom(e)}pan(t){this.SDKUtils.pageMove(t)}getRenderObjects(){return[]}},gt=require("@pixi/graphics"),ft=class extends b{constructor(t){super(),m(this,"interactive",!0),m(this,"result",{type:"null",box:new _}),m(this,"selectedItemIds",[]),m(this,"cursorPoint",new k),m(this,"startPoint",new k),m(this,"graphics",new gt.Graphics),m(this,"SDKUtils"),m(this,"clearResult",!1),m(this,"type"),this.SDKUtils=t,this.type="selector"}initialize(){}actionKey(){}endActionKey(){}getRenderObjects(){return this.clearResult?(this.result={type:"null",box:new _},this.clearResult=!1,[]):(this.refreshResults(),[this.graphics])}cancelPreparation(){this.result.type="null",this.SDKUtils.clearPreSelectedItem()}preparationAction(t){this.result.box=new _;const e=new k(t.offsetX,t.offsetY);this.selectedItemIds=this.hitTest(e);const i=this.selectedItemIds[0]??"";return i.length&&!this.SDKUtils.isItemSelected(i)?this.SDKUtils.addPreSelectedItem(i):this.SDKUtils.clearPreSelectedItem(),this.type}preAction(t){if(this.SDKUtils.clearPreSelectedItem(),1===t.buttons)return t.shiftKey||this.SDKUtils.clearSelectedItems(),0===this.selectedItemIds.length?(this.startPoint=new k(t.clientX,t.clientY),this.cursorPoint=new k(t.offsetX,t.offsetY),this.active=!0,this.type):(this.SDKUtils.addSelectedItems([this.selectedItemIds[0]]),this.clearResult=!0,"transform")}action(t){const e=(new k).addVectors(this.cursorPoint,(new k).subtractVectors(new k(t.clientX,t.clientY),this.startPoint)),i=(new k).subtractVectors(this.cursorPoint,e),s=(new k).addVectors(this.cursorPoint,e).multiply(.5);i.x=Math.abs(i.x),i.y=Math.abs(i.y);const r=(new _).setFromCenterAndSize(s,i);this.result.type="region",this.result.box=r,this.SDKUtils.clearSelectedItems();const a=this.SDKUtils.getPageData().items?.filter(t=>this.SDKUtils.getItemEditEnable(t.id)),n=[];a?.forEach(t=>{r.intersectsBox(this.SDKUtils.getViewBoxById(t.id),!1)&&n.push(t.id)}),this.SDKUtils.addSelectedItems(n)}endAction(){this.active=!1,this.result.type="null"}interruption(){this.active=!1,this.result.type="null"}hitTest(t){const e=this.SDKUtils.getCurrentComposition();if(!e||null===e.items)return[];const{x:i,y:s}=this.SDKUtils.getViewportByViewPoint(t),r={ray:new G,regions:[]};try{r.regions=e.hitTest(i,s,!0),r.ray=e.getHitTestRay(i,s)}catch(t){console.warn(t)}return this.reorderHitTestResult(r,e).filter(t=>"extra-camera"!==t&&this.SDKUtils.getItemEditEnable(t))}reorderHitTestResult(t,e){if(0===t.regions.length||!e)return[];const{ray:i}=t,s=t.regions.reverse(),r=[];return s.forEach(t=>{let s;const a=(t,e)=>{for(const i of t){if(i.id===e&&(s=i),s)return;a(i.children,e)}};if(a(e.items,t.id),void 0===s)return;const n="rootItem"===t.compContent?.name?s.id:t.compContent.id,o=i.origin.clone().distance(t.position.clone());if((s.type===v.spec.ItemType.mesh||s.content&&"renderer"in s.content&&s.content.renderer&&"occlusion"in s.content.renderer&&s.content.renderer.occlusion)&&r.length>0){let t=!0;r.forEach((e,i)=>{if(t)return o<=e[1]?(r.splice(i,0,[n,o]),void(t=!1)):void(i===r.length-1&&r.push([n,o]))})}else r.push([n,o])}),r.map(t=>t[0])}refreshResults(){const{box:t}=this.result;this.graphics.clear();const e=this.SDKUtils.getPreSelectedItem(),i=this.SDKUtils.getViewBoxById(e?.id??"");if(i?.isEmpty()||(this.graphics.lineStyle($,Y),this.graphics.drawBox(i)),!t.isEmpty()&&"region"===this.result.type)this.graphics.lineStyle(Q,J,Z),this.graphics.drawBox(t),this.graphics.beginFill(q,X),this.graphics.fillBox(t),this.graphics.endFill()}},wt=require("@pixi/graphics"),xt=require("@galacean/effects"),Pt=class extends b{constructor(t,e){super(),m(this,"type"),m(this,"interactive",!0),m(this,"wireframe"),m(this,"cursorResult",{type:"normal",angle:0}),m(this,"cursorPoint",new k),m(this,"lastPoint",new k),m(this,"rotationAngle",0),m(this,"active",!1),m(this,"enableAdsorption",!0),m(this,"scaleParam"),m(this,"activeType","null"),m(this,"lastWorldPosition",new R),m(this,"SDKUtils"),m(this,"adsorptionGizmo"),m(this,"graphics",new wt.Graphics),this.type="transform",this.SDKUtils=t,this.adsorptionGizmo=e,this.wireframe={edges:[],anchor:new k,scaleCorners:[],rotationCorners:[],interactive:!0,cornerEnable:!0,directionEnable:!0,box:new _,totalBox:new _,childrenBoxes:[],activeType:"null",interactiveDirection:new k,scaleCorner:new k,scaleEdgeCorners:[]}}initialize(){}actionKey(){}endActionKey(){}getRenderObjects(){return this.refreshRenderObject(),[this.graphics]}cancelPreparation(){this.active=!1,this.wireframe.activeType="null"}preAction(t,e=!1){if(this.active=1===t.buttons,this.lastPoint=new k(t.clientX,t.clientY),this.cursorPoint=new k(t.offsetX,t.offsetY),1!==t.buttons)return;this.active=!0,"null"===this.wireframe.activeType&&(this.wireframe.activeType="translation");const i=this.cursorPoint.clone().subtract(this.SDKUtils.getViewportLeftTopPosition());return this.initInteractionPlane(i),this.lastWorldPosition=this.SDKUtils.interactionUtils.getWorldPositionByViewPoint(i)??new R,this.activeType=e?"null":this.activeType,this.type}preparationAction(t){const e=new k(t.offsetX,t.offsetY),i=this.wireframe;this.refreshTransformType(e);const{interactiveDirection:s}=i;return this.refreshCursorResult(this.activeType,A(s)),this.active="null"!==this.activeType,this.active?this.type:void 0}action(t){if(!this.active){this.active=!0,this.refreshWireframeBySelectedItems(),this.wireframe.activeType="translation",this.lastPoint.set(t.clientX,t.clientY),this.cursorPoint.set(t.offsetX,t.offsetY);const e=this.cursorPoint.clone().subtract(this.SDKUtils.getViewportLeftTopPosition());this.initInteractionPlane(e),this.lastWorldPosition=this.SDKUtils.interactionUtils.getWorldPositionByViewPoint(e)??new R}const e=new k(t.clientX,t.clientY),i=(new k).subtractVectors(e,this.lastPoint);if(!this.wireframe.interactive)return;const s=this.SDKUtils.getSelectedItems(),{anchor:r,activeType:a,interactiveDirection:n}=this.wireframe,o=this.SDKUtils.getPageData();(0,xt.assertExist)(o);let h=0;switch(a){case"rotation":{const t=r.clone(),e=new R,a=C(function(t,e){const i=Math.min(Math.max(t.dot(e)/t.length()/e.length(),-1),1);let s=Math.acos(i);return s=t.x*e.y-t.y*e.x>0?s:-s,s}((new k).subtractVectors(this.cursorPoint,t),(new k).subtractVectors(this.cursorPoint.add(i),t))*T,3);e.z=a,this.rotationAngle+=a,h=A(n)+this.rotationAngle*E,s.forEach(t=>{this.SDKUtils.rotateItem(t.id,e)});break}case"translation":{const t=i.clone();if(this.enableAdsorption){const e=o.items.map(t=>!s.find(e=>e.id===t.id)&&0===s.filter(e=>t.parentId&&t.parentId===e.id).length&&this.SDKUtils.getItemEditEnable(t.id)?this.SDKUtils.getViewBoxById(t.id):new _).filter(t=>!t.isEmpty()),i=new k(this.adsorptionGizmo.absorptionResult.x??0,this.adsorptionGizmo.absorptionResult.y??0);this.adsorptionGizmo.boxTranslationAdsorption(t,this.wireframe.box,e);const r=new k(this.adsorptionGizmo.absorptionResult.x??0,this.adsorptionGizmo.absorptionResult.y??0);t.add(i).subtract(r)}const e=this.SDKUtils.interactionUtils.getWorldPositionByViewPoint(this.cursorPoint.add(t).clone().subtract(this.SDKUtils.getViewportLeftTopPosition()));if(e){const t=e.clone().subtract(this.lastWorldPosition);s.forEach(e=>{e.type!==v.spec.ItemType.camera&&this.SDKUtils.moveItem(e.id,t)}),this.lastWorldPosition.copyFrom(e)}break}case"scale":{this.cursorPoint.add(i);const t=this.SDKUtils.interactionUtils.getWorldPositionByViewPoint(this.cursorPoint.clone().subtract(this.SDKUtils.getViewportLeftTopPosition()));if(i.length()&&t&&this.scaleParam){const{corner:e,center:i,shift:r,lastScalar:a}=this.scaleParam,n=this.SDKUtils.getSelectedItems()[0]??void 0,o=this.SDKUtils.getItemTransformById(n?.id??""),h=(new U).extractRotation(o.matrix).invert(),c=(new R).subtractVectors(e,i).applyMatrix(h),l=c.clone().multiply(a),p=t.subtract(r).subtract(i).applyMatrix(h),m=new R(1,1,1),d=function(t){let e,i=0;return t.forEach((t,s)=>{if(0===s)e=Math.abs(t);else{const r=Math.abs(t);e<r&&(e=r,i=s)}}),i}([V(c.x,0)?1:Math.abs(p.x/c.x),V(c.y,0)?1:Math.abs(p.y/c.y)]),u=p.toArray()[d],y=l.toArray()[d];if(V(a.x,a.y)&&V(a.z,a.x)){const t=V(y,0)?1:Math.abs(u/y);m.set(t,t,t)}else if(0===d){m.x=V(y,0)?1:Math.abs(u/y);const t=c.y*u/c.x;m.y=V(l.y,0)?1:t/l.y;const e=c.z*u/c.x;m.z=V(l.z,0)?1:e/l.z}else if(1===d){m.y=V(y,0)?1:Math.abs(u/y);const t=c.x*u/c.y;m.x=V(l.x,0)?1:t/l.x;const e=c.z*u/c.y;m.z=V(l.z,0)?1:e/l.z}else{m.z=V(y,0)?1:Math.abs(u/y);const t=c.x*u/c.z;m.x=V(l.x,0)?1:t/l.x;const e=c.y*u/c.z;m.y=V(l.y,0)?1:e/l.y}this.scaleParam.lastScalar.multiply(m),s.forEach(t=>{this.SDKUtils.scaleItem(t.id,m)})}h=A(n);break}}this.refreshCursorResult(a,h),this.lastPoint.copyFrom(e)}endAction(t){this.active=!1;const e=new k(t.clientX,t.clientY),i=(new k).subtractVectors(e,this.lastPoint);this.cursorPoint.add(i);const s=this.wireframe;this.refreshTransformType(this.cursorPoint);const{activeType:r,interactiveDirection:a}=s;this.refreshCursorResult(r,A(a)),this.adsorptionGizmo.clearAbsorptionResult(),this.rotationAngle=0,this.cursorPoint=new k,this.lastPoint=new k}interruption(){this.active=!1,this.cursorResult.type="normal",this.adsorptionGizmo.clearAbsorptionResult()}refreshCursorResult(t,e=0){switch(t){case"scale":this.cursorResult={type:"scale",angle:(e+Math.PI/4)*T};break;case"rotation":this.cursorResult={type:"rotation",angle:(e+Math.PI/4)*T};break;case"translation":case"null":this.cursorResult={type:"normal",angle:0}}}refreshResults(){const t=this.wireframe.activeType;this.refreshWireframeBySelectedItems(),t!==this.wireframe.activeType&&this.refreshCursorResult(this.wireframe.activeType),this.wireframe.box.isEmpty()&&this.adsorptionGizmo.clearAbsorptionResult()}initInteractionPlane(t){const e=this.SDKUtils.getSelectedItems();switch(this.wireframe.activeType){case"scale":{const i=1==e.length?e[0]:void 0;let s,r;if(i){const t=this.SDKUtils.getItemTransformById(i.id);s=(new R).setFromMatrixPosition(t.matrix),r=(new K).setFromQuaternion((new B).setFromRotationMatrix(t.matrix))}this.SDKUtils.interactionUtils.initInteractionPlane(s,r),this.scaleParam={shift:new R,center:new R,corner:new R,lastScalar:new R(1,1,1)},this.scaleParam.center=s;const a=this.SDKUtils.getViewportLeftTopPosition();if(["scale"].includes(this.wireframe.activeType)&&this.wireframe.scaleCorner){const t=this.wireframe.scaleCorner.clone().subtract(a);this.scaleParam.corner=this.SDKUtils.interactionUtils.getWorldPositionByViewPoint(t)??new R}this.scaleParam.shift=(this.SDKUtils.interactionUtils.getWorldPositionByViewPoint(t)??new R).subtract(this.scaleParam.corner);break}case"translation":case"rotation":this.SDKUtils.interactionUtils.initInteractionPlane()}}refreshRenderObject(){if(this.graphics.clear(),!this.wireframe.box.isEmpty()){this.graphics.lineStyle(it,tt,et),this.wireframe.edges.forEach(t=>{this.graphics.drawLine(t)});const t=t=>{t.corners.forEach((e,i)=>{const s=new z(e,t.corners[(i+1)%4]);this.graphics.drawLine(s)})};this.wireframe.childrenBoxes.forEach(e=>{t(e)}),this.wireframe.cornerEnable&&(this.graphics.beginFill(st),this.graphics.lineStyle(at,rt,nt),this.wireframe.scaleCorners.forEach(t=>{this.graphics.drawCircle(t.center.x,t.center.y,t.radius)}),this.graphics.endFill())}}refreshTransformType(t){this.activeType="null";let e=!0;if(this.wireframe.interactiveDirection=new k,this.wireframe.scaleCorner=void 0,this.wireframe.scaleEdgeCorners=void 0,this.wireframe.cornerEnable&&e&&this.wireframe.totalBox.containsPoint(t)){for(let i=0;i<4;i++){if(this.wireframe.scaleCorners[i].containsPoint(t)){e=!1,this.activeType="scale",this.wireframe.activeType="scale",this.wireframe.scaleCorner=this.wireframe.scaleCorners[i].center.clone(),this.wireframe.interactiveDirection.copyFrom(this.wireframe.scaleCorners[i].center).subtract(this.wireframe.box.getCenter());break}}e&&this.wireframe.box.containsPoint(t,!1)&&(e=!1,this.activeType="translation",this.wireframe.activeType="translation");for(let i=0;i<4;i++){if(this.wireframe.rotationCorners[i].containsPoint(t)&&e){e=!1,this.activeType="rotation",this.wireframe.activeType="rotation",this.wireframe.interactiveDirection.copyFrom(this.wireframe.rotationCorners[i].center).subtract(this.wireframe.box.getCenter());break}}}}refreshWireframeBySelectedItems(){const t=this.SDKUtils.getSelectedItems(),e=new _;if(this.wireframe.edges=[],this.wireframe.scaleCorners=[],this.wireframe.childrenBoxes=[],this.wireframe.rotationCorners=[],t.length>1)t.forEach(t=>{if(this.SDKUtils.getItemShow(t.id)){const i=this.SDKUtils.getViewBoxById(t.id);e.union(i),this.wireframe.childrenBoxes.push((new _).copyFrom(i).expandByScalar(1))}}),this.wireframe.anchor=e.getCenter(),this.wireframe.interactive=!0;else if(1===t.length){const i=t[0];if(this.SDKUtils.getItemShow(i.id)){const t=this.SDKUtils.getViewBoxById(i.id);e.copyFrom(t),this.wireframe.anchor=e.getCenter(),this.wireframe.interactive=i.type!==v.spec.ItemType.mesh&&this.SDKUtils.getItemEditEnable(i.id)}}const i=e.isEmpty(),s=i?0:1,r=i?0:16;this.wireframe.activeType=t.length?this.wireframe.activeType:"null",this.wireframe.box.copyFrom(e).expandByScalar(s),this.wireframe.totalBox.copyFrom(e).expandByScalar(r);const a=this.wireframe.box.corners;a.forEach((t,e)=>{this.wireframe.edges.push(new z((new k).copyFrom(t),(new k).copyFrom(a[(e+1)%4])))}),this.wireframe.box.corners.forEach(t=>{this.wireframe.scaleCorners.push(new F(t,ot));const e=(new k).subtractVectors(t,this.wireframe.box.getCenter()),i=(new k).copyFrom(this.wireframe.box.getCenter()).add((new k).copyFrom(e).normalize().multiply(e.length()+ht-ot));this.wireframe.rotationCorners.push(new F(i,ht))})}setAdsorptionEnabled(t){this.enableAdsorption=t}},vt=require("@pixi/graphics"),St=class extends b{constructor(){super(),m(this,"interactive",!1),m(this,"results",[]),m(this,"graphics",new vt.Graphics),m(this,"absorptionResult",{}),this.type="adsorption"}initialize(){}preparationAction(){}getCursorState(){}preAction(){}action(){}cancelPreparation(){}actionKey(){}endActionKey(){}endAction(){}interruption(){}boxTranslationAdsorption(t,e,i,s=!0,r=!0){if(this.results=[],e.isEmpty())return;const a=new k(this.absorptionResult?.x??0,this.absorptionResult?.y??0).add(t),n=e.clone().translate(a),o=n.getCenter();this.absorptionResult={},i.forEach(t=>{if(t.isEmpty())return;t.corners.forEach(t=>{n.corners.forEach(e=>{this.getPointAbsorption(e,t,s,r)}),this.getPointAbsorption(o,t,s,r)});const e=t.getCenter();this.getPointAbsorption(o,e,s,r),n.corners.forEach(t=>{this.getPointAbsorption(t,e,s,r)})})}pointTranslationAdsorption(t,e,i,s=!0,r=!0){this.results=[];const a=new k(this.absorptionResult?.x??0,this.absorptionResult?.y??0).add(t),n=e.clone().add(a);this.absorptionResult={},i.forEach(t=>{this.getPointAbsorption(n,t,s,r)})}getPointAbsorption(t,e,i=!0,s=!0){i&&Math.abs(t.x-e.x)<j&&this.refreshPointAbsorptionResult(t,e,"x"),s&&Math.abs(t.y-e.y)<j&&this.refreshPointAbsorptionResult(t,e,"y")}refreshPointAbsorptionResult(t,e,i){const s=t[i]-e[i],r="x"===i?"xPoints":"yPoints";if(this.absorptionResult&&void 0===this.absorptionResult[i])this.absorptionResult[i]=s,this.absorptionResult[r]=[{point:t,targets:[e]}];else if(Math.abs(s)-Math.abs(this.absorptionResult[i]??0)<=.005)if(Math.abs(Math.abs(s)-Math.abs(this.absorptionResult[i]??0))<.05&&s*(this.absorptionResult[i]??0)>0)if(void 0===this.absorptionResult[r])this.absorptionResult[i]=s,this.absorptionResult[r]=[{point:t,targets:[e]}];else{const i=this.absorptionResult[r].filter(e=>e.point.equals(t));void 0===i||0===i.length?this.absorptionResult[r]?.push({point:t,targets:[e]}):i[0]?.targets.push(e)}else this.absorptionResult[i]=s,this.absorptionResult[r]=[{point:t,targets:[e]}]}refreshResults(){if(void 0===this.absorptionResult)return;const{x:t,y:e,xPoints:i,yPoints:s}=this.absorptionResult,r=new k(t??0,e??0);void 0!==t&&void 0!==i&&i.forEach(t=>{const e=t.point.clone().subtract(r),i=e.clone(),s=e.clone();t.targets.forEach(t=>{i.x=t.x,i.y=Math.min(i.y,t.y),s.x=t.x,s.y=Math.max(s.y,t.y)}),this.results.push(new z(i,s))}),void 0!==e&&void 0!==s&&s.forEach(t=>{const e=t.point.clone().subtract(r),i=e.clone(),s=e.clone();t.targets.forEach(t=>{i.y=t.y,i.x=Math.min(i.x,t.x),s.y=t.y,s.x=Math.max(s.x,t.x)}),this.results.push(new z(i,s))})}refreshRenderObject(){this.graphics.clear(),this.results.forEach(t=>{this.graphics.lineStyle(H,O),this.graphics.drawLine(t)})}getRenderObjects(){return this.refreshResults(),this.refreshRenderObject(),[this.graphics]}clearAbsorptionResult(){this.results=[],this.absorptionResult={}}},bt={};h(bt,{Application:()=>Tt.Application,utils:()=>It});var Dt={};h(Dt,{Application:()=>Tt.Application,utils:()=>It});require("@pixi/polyfill");var It=p(require("@pixi/utils"),1),Et=require("@pixi/interaction"),Tt=require("@pixi/app"),At=require("@pixi/core"),Ct=require("@pixi/loaders"),Vt=require("@pixi/ticker");l(Dt,require("@pixi/constants")),l(Dt,require("@pixi/core")),l(Dt,require("@pixi/display")),l(Dt,require("@pixi/graphics")),l(Dt,require("@pixi/loaders")),l(Dt,require("@pixi/interaction")),l(Dt,require("@pixi/math")),l(Dt,require("@pixi/runner")),l(Dt,require("@pixi/sprite")),l(Dt,require("@pixi/text")),l(Dt,require("@pixi/ticker")),l(Dt,require("@pixi/settings")),It.skipHello(),At.Renderer.registerPlugin("interaction",Et.InteractionManager),At.Renderer.registerPlugin("batch",At.BatchRenderer),Tt.Application.registerPlugin(Vt.TickerPlugin),Tt.Application.registerPlugin(Ct.AppLoaderPlugin),Dt.Graphics.prototype.drawBox=function(t){const e=t.getCorners();this.beginFill();for(let t=0;t<4;t++)this.moveTo(e[t].x,e[t].y),this.lineTo(e[(t+1)%4].x,e[(t+1)%4].y);this.endFill()},Dt.Graphics.prototype.fillBox=function(t){const e=t.getSize();this.drawRect(t.min.x,t.min.y,e.x,e.y)},Dt.Graphics.prototype.drawLine=function(t){if(this.beginFill(),t instanceof z)this.moveTo(t.start.x,t.start.y),this.lineTo(t.end.x,t.end.y);else for(let e=0;e<t.length-1;e++)this.moveTo(t[e].x,t[e].y),this.lineTo(t[e+1].x,t[e+1].y);this.endFill()},l(bt,Dt);var Mt=class extends b{constructor(t){super(),m(this,"safeAreaPreview",!1),m(this,"interactive",!1),m(this,"box",new _),m(this,"graphics",new bt.Graphics),m(this,"SDKUtils"),this.SDKUtils=t,this.type="preference"}initialize(){throw new Error("Method not implemented.")}preparationAction(){}preAction(){}action(){}endAction(){}interruption(){}actionKey(){}endActionKey(){}cancelPreparation(){}refreshResults(){this.box=new _;const t=this.SDKUtils.getPageData();(0,v.assertExist)(t);const{container:e}=this.SDKUtils;if(e){const{zoom:i}=t.property,{offsetWidth:s,offsetHeight:r}=e,a=new k(s,r).multiply(i),n=this.SDKUtils.getViewportLeftTopPosition().add(a.clone().divide(2));this.box=(new _).setFromCenterAndSize(n,a)}}setSafeAreaPreviewEnabled(t){this.safeAreaPreview=t}refreshRenderObjects(){this.graphics=new bt.Graphics;const{offsetWidth:t,offsetHeight:e}=this.SDKUtils.container.parentElement,i=new _(new k(0,0),new k(t,this.box.min.y)),s=new _(new k(0,this.box.min.y),new k(this.box.min.x,e)),r=new _(new k(this.box.min.x,this.box.max.y),new k(t,e)),a=new _(new k(this.box.max.x,this.box.min.y),new k(t,this.box.max.y));if(this.graphics.beginFill(pt,mt),this.graphics.fillBox(i),this.graphics.fillBox(s),this.graphics.fillBox(r),this.graphics.fillBox(a),this.graphics.endFill(),this.safeAreaPreview){const t=this.SDKUtils.getPageData();(0,v.assertExist)(t,"You must call SDK#run() first");const{viewProperties:e,activeData:i}=t,s=e[i.view??-1];if(s){const{size:t,safeArea:e,previewSafeAreas:i}=s,[r,a,n,o]=e,h=this.box.getSize(),c=r/t[1]*h.y,l=n/t[0]*h.x,p=o/t[0]*h.x,m=a/t[1]*h.y,{min:d,max:u}=this.box;this.graphics.beginFill(dt,ut);const y=new _(d,new k(u.x,d.y+c)),g=new _(new k(d.x,d.y+c),new k(d.x+l,u.y)),f=new _(new k(u.x-p,d.y+c),new k(u.x,u.y)),w=new _(new k(d.x+l,u.y-m),new k(u.x-p,u.y));this.graphics.fillBox(y),this.graphics.fillBox(g),this.graphics.fillBox(f),this.graphics.fillBox(w),this.graphics.endFill(),i.forEach(t=>{const{box:[e,i,s,r],color:a}=t,n=new k(e+s/2,i+r/2).add(d),o=new k(s,r),h=(new _).setFromCenterAndSize(n,o),c=a?.[3]??.3,l=a?.slice(0,3)??[255,255,255],p=l[0]<<16+l[1]<<8+l[2];this.graphics.beginFill(p,c),this.graphics.fillBox(h),this.graphics.endFill()})}}this.graphics.lineStyle(lt,ct),this.graphics.drawBox(this.box)}getRenderObjects(){return this.refreshRenderObjects(),[this.graphics]}},kt=class{constructor(t){m(this,"wireframeApplication"),m(this,"gizmos",[]),m(this,"activeGizmo"),m(this,"selectorGizmo"),m(this,"transformGizmo"),m(this,"controlGizmo"),m(this,"preferenceGizmo"),m(this,"spaceClickTime"),m(this,"spaceEmit",!1),m(this,"_ignoreInteraction",!1),m(this,"clickButtons",0),m(this,"container"),m(this,"clickTime",0),m(this,"firstClick",!0),m(this,"dblclickTimeSpan",500),this.gizmos=[];const{width:e,height:i}=t.getBoundingClientRect();this.wireframeApplication=new S.Application({backgroundAlpha:0,width:e,height:i,resolution:1,antialias:!0}),this.container=t,this.wireframeApplication.view.style.position="absolute",this.wireframeApplication.view.id="wireframeApplicationCanvas",t.appendChild(this.wireframeApplication.view),this.wireframeApplication.stage.sortableChildren=!0,this.registerViewEvent()}set ignoreInteraction(t){t!==this._ignoreInteraction&&(this._ignoreInteraction=t,t&&(this.activeGizmo?.cancelPreparation(),this.activeGizmo=void 0))}get ignoreInteraction(){return this._ignoreInteraction}resize(){this.wireframeApplication&&(this.wireframeApplication.resizeTo=this.container,this.render())}refresh(){this.gizmos.forEach(t=>{t.refreshResults()})}render(){this.refresh(),this.wireframeApplication.stage.removeChildren();const t=(this.ignoreInteraction?[this.preferenceGizmo]:this.gizmos).flatMap(t=>t.getRenderObjects());this.wireframeApplication.stage.addChild(...t),this.wireframeApplication.render()}init(t){this.gizmos=[],this.controlGizmo=new yt(t),this.selectorGizmo=new ft(t);const e=new St;this.transformGizmo=new Pt(t,e),this.preferenceGizmo=new Mt(t),this.gizmos.push(this.transformGizmo,this.selectorGizmo,this.controlGizmo,this.preferenceGizmo,e),this.initEvents()}initEvents(){this.onMouseMove=this.onMouseMove.bind(this),this.onMouseUp=this.onMouseUp.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onKeyUp=this.onKeyUp.bind(this),document.addEventListener("keydown",this.onKeyDown),document.addEventListener("keyup",this.onKeyUp)}registerViewEvent(){this.wireframeApplication.view.onmousedown=t=>{this.onMouseDown(t)},this.wireframeApplication.view.onmousemove=t=>{0===t.buttons&&this.onMouseMove(t)},this.wireframeApplication.view.onmouseout=()=>{this.selectorGizmo?.cancelPreparation(),this.render()},this.wireframeApplication.view.onwheel=t=>{this.onWheel(t)}}onMouseDown(t){if(!this.ignoreInteraction){if(this.clickButtons=t.buttons,this.firstClick=!!this.firstClick&&Date.now()-this.clickTime<this.dblclickTimeSpan,this.firstClick){this.gizmos.forEach(e=>{if(e.interactive)if(void 0===this.activeGizmo){const i=e.preparationAction(t);this.activeGizmo=this.gizmos.find(t=>t.type===i)}else e.cancelPreparation()}),this.activeGizmo=void 0;const e=this.selectorGizmo?.preAction(t);this.activeGizmo=this.gizmos.find(t=>t.type===(e??"null")),this.firstClick=!1}else{void 0===this.activeGizmo&&this.gizmos.forEach(e=>{if(!e.interactive||this.activeGizmo)return;const i=e.preparationAction(t);this.activeGizmo=this.gizmos.find(t=>t.type===i)});const e=this.activeGizmo?.preAction(t);"selector"!==e&&this.selectorGizmo&&(this.selectorGizmo.clearResult=!0),this.activeGizmo=this.gizmos.find(t=>t.type===e),this.clickTime=Date.now(),this.firstClick=!0}this.render(),document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp)}}onMouseMove(t){this.ignoreInteraction||(0!==t.buttons?this.activeGizmo?.action(t):this.spaceEmit||(this.activeGizmo=void 0,this.gizmos.forEach(e=>{if(e.interactive)if(void 0===this.activeGizmo){const i=e.preparationAction(t);"selector"!==i&&this.selectorGizmo&&(this.selectorGizmo.clearResult=!0),this.activeGizmo=this.gizmos.find(t=>t.type===i)}else e.cancelPreparation()})),this.render())}onWheel(t){this.ignoreInteraction||(t.preventDefault(),this.selectorGizmo&&(this.selectorGizmo.clearResult=!0),this.controlGizmo?.action(t))}onMouseUp(t){if(this.ignoreInteraction)return;const e=this.activeGizmo?.endAction(t);this.activeGizmo=this.gizmos.find(t=>t.type===e),void 0===this.activeGizmo&&1===this.clickButtons&&this.gizmos.forEach(e=>{if(e.interactive)if(void 0===this.activeGizmo){const i=e.preparationAction(t);this.activeGizmo=this.gizmos.find(t=>t.type===i)}else e.cancelPreparation()}),this.clickButtons=0,this.render(),document.removeEventListener("mousemove",this.onMouseMove),document.removeEventListener("mouseup",this.onMouseUp)}onKeyDown(t){if(!this.ignoreInteraction){if("space"!==t.code.toLocaleLowerCase()||this.activeGizmo?.active)this.gizmos.forEach(e=>{e.actionKey(t)});else{if(this.spaceEmit)return;void 0===this.spaceClickTime?this.spaceClickTime=Date.now():Date.now()-this.spaceClickTime>300&&(this.spaceEmit=!0,this.activeGizmo=this.controlGizmo,this.activeGizmo?.actionKey(t))}this.render()}}onKeyUp(t){this.ignoreInteraction||(this.gizmos.forEach(e=>{e.endActionKey(t)}),"space"===t.code.toLocaleLowerCase()&&(this.spaceClickTime=void 0,this.spaceEmit=!1),this.render())}setAdsorptionEnabled(t){this.transformGizmo?.setAdsorptionEnabled(t)}setSafeAreaPreviewEnabled(t){this.preferenceGizmo?.setSafeAreaPreviewEnabled(t)}dispose(){this.wireframeApplication.destroy(),this.gizmos=[],this.activeGizmo=void 0}};var zt=require("@galacean/effects"),_t=class{constructor(t){m(this,"plane",new W),m(this,"ray",new G),m(this,"viewportParam",{width:0,height:0,viewWidth:0,viewHeight:0,panelWidth:0,panelHeight:0,scale:1,ratio:1,translation:new k,rulerWidth:0}),m(this,"cameraParam",{position:new R,rotation:new R,focusPosition:new R,focusRotation:new R,viewProjectionMatrix:new U,inverseViewProjectionMatrix:new U}),m(this,"SDKUtils"),this.SDKUtils=t}refreshViewParam(){const t=this.SDKUtils.getPageData();(0,zt.assertExist)(t,"You must run SDK first");const e=new k(this.SDKUtils.container.offsetWidth,this.SDKUtils.container.offsetHeight),{zoom:i,translation:s}=t.property;this.viewportParam.width=e.x,this.viewportParam.height=e.y,this.viewportParam.viewWidth=e.x,this.viewportParam.viewHeight=e.y,this.viewportParam.panelWidth=e.x,this.viewportParam.panelHeight=e.y,this.viewportParam.scale=i,this.viewportParam.ratio=1,this.viewportParam.translation=new k(...s.map(t=>t/i)),this.viewportParam.rulerWidth=0}refreshCameraParam(){const{player:t}=this.SDKUtils,e=t?.getCompositions()?.[0]?.camera;if(e){const t=U.fromArray(e.getViewProjectionMatrix().toArray()),i=U.fromArray(e.getViewMatrix().toArray()).invert(),s=new B;i.decompose(this.cameraParam.position,s,new R),this.cameraParam.rotation=(new K).setFromQuaternion(s).toDegreeVector3(),this.cameraParam.focusPosition=new R(...this.cameraParam.position.toVector2().toArray(),this.cameraParam.position.z>0?0:2*this.cameraParam.position.z),this.cameraParam.focusPosition.applyEuler((new K).setFromDegreeVector3(this.cameraParam.rotation.clone()),this.cameraParam.position),this.cameraParam.focusRotation=(new K).setFromQuaternion(s.invert()).toDegreeVector3(),this.cameraParam.viewProjectionMatrix=t,this.cameraParam.inverseViewProjectionMatrix=U.fromArray(e.getInverseViewProjectionMatrix().toArray())}}initInteractionPlane(t,e){t??(t=this.cameraParam.focusPosition),e??(e=(new K).setFromDegreeVector3(this.cameraParam.rotation));const i=new R(0,0,1).applyEuler(e);this.plane.setFromNormalAndCoplanarPoint(t,i)}getWorldSizeByViewSize(t,e=!0,i){const s=e||!i?(new K).setFromDegreeVector3(this.cameraParam.rotation):(new K).setFromQuaternion((new B).setFromRotationMatrix(this.SDKUtils.getItemTransformById(i.id).matrix)),r=i?(new R).setFromMatrixPosition(this.SDKUtils.getItemTransformById(i.id).matrix):this.cameraParam.focusPosition,a=this.projectPoint(r.clone()),n=this.getWorldPositionByViewPoint(a.add(t));if(!n)return console.warn("size is out of bounds."),new R(0,0,0);const o=(new K).setFromQuaternion((new B).setFromEuler(s).invert());return(e||!i?n.applyEuler(o,r):n).subtract(r)}projectPoint(t){const{panelWidth:e,panelHeight:i,scale:s}=this.viewportParam,r=this.SDKUtils.getViewportLeftTopPosition();return(new k).copyFrom(t.applyMatrix(this.cameraParam.viewProjectionMatrix).toVector2()).toViewCoordinate(e*s,i*s).add(r)}getWorldPositionByViewPoint(t){const{position:e,inverseViewProjectionMatrix:i}=this.cameraParam,s=this.getViewPositionByScreenPosition(t),r=(new N).setFromCamera(s,{position:e,inverseViewProjectMatrix:i}).rayCastPlane(this.plane);return r?.point}getViewPositionByScreenPosition(t){const{panelWidth:e,panelHeight:i,scale:s}=this.viewportParam;return new k(t.x/(e*s)*2-1,-t.y/(i*s)*2+1)}getScreenSizeByPixelSize(t){const e=this.viewportParam.width/this.viewportParam.viewWidth,i=t.clone();return i.multiply(e||1),i}getPixelSizeByScreenSize(t){const e=this.viewportParam.viewWidth/this.viewportParam.width,i=t.clone();return i.multiply(e||1),i}},Ft=require("@galacean/effects"),Bt={topAdsorption:"T",leftAdsorption:"L",rightAdsorption:"R",bottomAdsorption:"B",centerAdsorption:"C",bottomCenterAdsorption:"BC"},Rt=class{constructor(t,e,i,s){m(this,"sdk"),m(this,"player"),m(this,"container"),m(this,"emitter"),m(this,"interactionUtils"),this.player=t,this.sdk=s,this.container=e,this.emitter=i}init(){this.interactionUtils=new _t(this)}getPageData(){return this.sdk.pageData}getCurrentComposition(){return this.player.getCompositions()[0]}isItemSelected(t){return!!this.sdk.pageData?.activeData.selectedItems?.find(e=>e===t)}getItemEditEnable(t){const e=this.getViewItemById(t);if(!e||!this.sdk.pageData||this.sdk.pageData.viewProperties[this.sdk.pageData.activeData.view??0]?.ignoreInteraction)return!1;const i=this.sdk.pageData.time,{duration:s,delay:r,endBehavior:a}=e;return i>=r&&(i<r+s||a===v.spec.EndBehavior.restart)}getItemShow(t){const e=this.getViewItemById(t);if(!e||!this.sdk.pageData)return!1;const i=this.sdk.pageData.time,{duration:s,delay:r,endBehavior:a}=e;return i>=r&&(i<r+s||a===v.spec.EndBehavior.restart||a===v.spec.EndBehavior.freeze)}addSelectedItems(t){var e;(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),(e=this.sdk.pageData.activeData).selectedItems??(e.selectedItems=[]),t.forEach(t=>{var e,i;e=this.sdk.pageData?.activeData.selectedItems??[],i=t,e.includes(i)||e.push(i)}),this.emitter.emit("selectedItemChange",t)}clearSelectedItems(){this.sdk.pageData&&(this.sdk.pageData.activeData.selectedItems=[],this.emitter.emit("selectedItemChange",[]))}getSelectedItems(){const t=this.sdk.pageData?.activeData.selectedItems;return this.sdk.pageData?.items.filter(e=>t?.find(t=>t===e.id))??[]}addPreSelectedItem(t){(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.activeData.preSelectedItem=t,this.emitter.emit("preSelectedItemChange",t)}clearPreSelectedItem(){(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.activeData.preSelectedItem=void 0,this.emitter.emit("preSelectedItemChange",void 0)}getPreSelectedItem(){const t=this.getPageData();(0,v.assertExist)(t,"You must call SDK#run() first");const e=t.activeData.preSelectedItem;return e?this.getViewItemById(e):void 0}getViewItemById(t){return this.sdk.pageData?.items.find(e=>e.id===t)}getPlayerSizeByParent(t,e){const[i,s]=t,[r,a]=e;let n=s,o=n/a*r;return o>i&&(n=i/o*s,o=i),[o,n]}async loadScene(t){this.player.destroyCurrentCompositions();const e=this.sdk.pageData?.viewProperties[t];if(!e||!this.sdk.pageData)return void console.warn(`This page does not have ${t} view property.`);const{scene:i,size:s}=e,r=this.container.parentElement?.offsetWidth??300,a=this.container.parentElement?.offsetHeight??300,[n,o]=this.getPlayerSizeByParent([r,a],s);this.container.style.width=`${n}px`,this.container.style.height=`${o}px`,this.sdk.pageData.activeData={view:t,selectedItems:[],preSelectedItem:void 0},this.player.resize();const h=JSON.parse(JSON.stringify(i)),c=await this.player.loadScene(h,{autoplay:!1});this.player.gotoAndStop(this.sdk.pageData.time),this.interactionUtils.refreshViewParam(),this.interactionUtils.refreshCameraParam(),this.sdk.pageData.items=[],this.addViewItemsByItems(this.sdk.pageData.items,c.items),this.emitter.emit("pageDataChange",this.sdk.pageData)}refreshPageTime(t){(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.time=t}pageZoom(t){var e;(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const{zoom:i}=this.sdk.pageData.property;(e=this.sdk.pageData.property).zoom??(e.zoom=1);const s=I(t,-.1,.1),r=C(I(i+s,.3,10),2);this.sdk.pageData.property.zoom=r,this.container.style.scale=`${r}`,this.emitter.emit("zoomChange",r)}setPageZoom(t){(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const e=C(I(t,.3,10),2);this.sdk.pageData.property.zoom=e,this.container.style.scale=`${e}`,this.emitter.emit("zoomChange",t)}refreshInteractionParam(){this.interactionUtils.refreshViewParam(),this.interactionUtils.refreshCameraParam()}pageMove(t){(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const[e,i]=this.sdk.pageData.property.translation??[0,0],s=e+t.x,r=i+t.y;this.sdk.pageData.property.translation=[s,r],this.refreshInteractionParam(),this.container.style.translate=`${s}px ${r}px`,this.emitter.emit("pageDataChange",this.sdk.pageData)}rotateItem(t,e){const i=this.getPlayerItemById(t);i&&(i.rotate(...e.toArray()),this.transformSceneItem(t,"rotation",e.toArray()),this.refreshViewItem(t),this.emitter.emit("itemPropertyChange",{id:t,property:"rotation"}))}moveItem(t,e){const i=this.getPlayerItemById(t);if(i){const s=(new U).copyFrom(i.transform.getParentMatrix()??new U);s.setPosition(new R);const r=e.clone().applyMatrix(s.invert());i.translate(...r.toArray()),i.transform.updateLocalMatrix(),this.transformSceneItem(t,"position",r.toArray()),this.refreshViewItem(t),this.emitter.emit("itemPropertyChange",{id:t,property:"translation"})}}scaleItem(t,e){const i=this.getPlayerItemById(t);i&&(i.scale(...e.toArray()),this.transformSceneItem(t,"scale",e.toArray()),this.refreshViewItem(t),this.emitter.emit("itemPropertyChange",{id:t,property:"scale"}))}getItemTransformById(t){const e={matrix:new U,parentMatrix:new U},i=this.getPlayerItemById(t);if(void 0!==i?.transform){i.transform.updateLocalMatrix();const t=U.fromArray(i.composition?.transform.getWorldMatrix().elements??[]).invert();e.matrix=t.clone().multiply(U.fromArray(i.transform.getWorldMatrix().elements)),e.parentMatrix=t.clone().multiply(U.fromArray(i.transform.parentTransform?.getWorldMatrix().elements??(new U).toArray()))}return e}addViewItemsByItems(t,e,i){const s=e=>{e.forEach(e=>{t.find(t=>t.id===e.id)||t.push(this.createViewItemByPlayerItem(e,i))})};for(const i of e)s([i]),this.addViewItemsByItems(t,i.children,i.id)}createViewItemByPlayerItem(t,e){(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const{transform:i,composition:s}=t;i.updateLocalMatrix();const r=(new U).copyFrom(s?.transform.getWorldMatrix()??(new U).identity()).invert().multiply(i.getWorldMatrix()),a=new R,n=new B,o=new R;r.decompose(a,n,o);const h=(new K).setFromQuaternion(n).toDegreeVector3();h.x=Number.isNaN(h.x)?0:h.x,h.y=Number.isNaN(h.y)?0:h.y,h.z=Number.isNaN(h.z)?0:h.z;const c={position:a.toArray().map(t=>C(t,2)),rotation:h.toArray().map(t=>C(t,2)),scale:o.toArray().map(t=>C(t,2)),keyPropertyEditing:!1};switch(t.type){case v.spec.ItemType.sprite:{const e=this.getActiveScene()?.scene;if(e){e.components.filter(e=>e.item.id===t.id).forEach(t=>{if(c.keyPropertyEditing||!("renderer"in t)||!("texture"in t.renderer)||!t.renderer.texture)return;const i=e.textures?.find(e=>e.id===t.renderer.texture.id);if(i&&"source"in i&&i.source){const t=e?.images.find(t=>t.id===i.source.id);c.keyPropertyEditing=!!t?.template;const s=t?.url??"";s&&Object.assign(c,{image:s})}})}break}case v.spec.ItemType.text:case v.spec.ItemType.richtext:{const e=this.getActiveScene()?.scene;if(c.keyPropertyEditing=!0,e){e.components.filter(e=>e.item.id===t.id).forEach(t=>{if(![v.spec.DataType.TextComponent,v.spec.DataType.RichTextComponent].includes(t.dataType))return;const{textAlign:e,textColor:i,text:s,fontWeight:r,fontFamily:a}=t.options;Object.assign(c,{alignment:e,color:i,weight:r,text:s,font:a})})}break}}return{id:t.id,name:t.name,parentId:t.parentId??e,children:[],type:t.type,duration:t.duration,delay:t.start,endBehavior:t.endBehavior,property:c}}getViewBoxById(t){const e=new _,i=this.getPlayerItemById(t),s=this.player.getCompositions()[0]?.items.filter(e=>e.parentId===t);return i&&s?this.getViewBoxByPlayerItem(i,s):e}getViewBoxByPlayerItem(t,e){const i=new _;switch(t.type){case v.spec.ItemType.sprite:case v.spec.ItemType.plugin:case v.spec.ItemType.video:case v.spec.ItemType.richtext:case v.spec.ItemType.text:case v.spec.ItemType.shape:{const{transform:s,composition:r}=t;s.updateLocalMatrix();const{size:a}=s,n=(new U).copyFrom(r?.transform.getWorldMatrix()??new U).invert().multiply(s.getWorldMatrix()),{x:o,y:h}=a.clone().divide(2),c=new R(o,h,0).applyMatrix(n),l=new R(o,-h,0).applyMatrix(n),p=new R(-o,-h,0).applyMatrix(n),m=new R(-o,h,0).applyMatrix(n),d=this.interactionUtils.projectPoint(c).round(2),u=this.interactionUtils.projectPoint(l).round(2),y=this.interactionUtils.projectPoint(p).round(2),g=this.interactionUtils.projectPoint(m).round(2);i.setFromVec2Array([d,u,y,g]);const f=e?.map(t=>this.getViewBoxById(t.id));f&&f.map(t=>i.union(t));break}case v.spec.ItemType.null:{const t=e?.map(t=>this.getViewBoxById(t.id));t&&t.map(t=>i.union(t));break}}return i}getViewBoxByHeadlessPlayerItem(t,e,i){const s=new _,{transform:r,composition:a}=t;switch(t.type){case v.spec.ItemType.sprite:case v.spec.ItemType.plugin:case v.spec.ItemType.video:case v.spec.ItemType.richtext:case v.spec.ItemType.text:case v.spec.ItemType.shape:{r.updateLocalMatrix();const{size:t}=r,n=(new U).copyFrom(a?.transform.getWorldMatrix()??new U).invert().multiply(r.getWorldMatrix()),{x:o,y:h}=t.clone().divide(2),c=new R(o,h,0).applyMatrix(n),l=new R(o,-h,0).applyMatrix(n),p=new R(-o,-h,0).applyMatrix(n),m=new R(-o,h,0).applyMatrix(n),d=i(c).round(2),u=i(l).round(2),y=i(p).round(2),g=i(m).round(2);s.setFromVec2Array([d,u,y,g]);const f=e?.map(t=>{const e=a?.items.filter(e=>e.parentId===t.id)??[];return this.getViewBoxByHeadlessPlayerItem(t,e,i)});f&&f.map(t=>s.union(t));break}case v.spec.ItemType.null:{const t=e?.map(t=>{const e=a?.items.filter(e=>e.parentId===t.id)??[];return this.getViewBoxByHeadlessPlayerItem(t,e,i)});t&&t.map(t=>s.union(t));break}}return s}getViewportLeftTopPosition(){if(!this.sdk.pageData)return new k;const{zoom:t,translation:e}=this.sdk.pageData.property,{offsetWidth:i,offsetHeight:s}=this.container.parentElement,{offsetWidth:r,offsetHeight:a}=this.container,n=new k(i,s),o=new k(r,a).multiply(t);return n.clone().divide(2).subtract(o.clone().divide(2)).add(e)}getContainerPosition(){const{offsetWidth:t,offsetHeight:e}=this.container.parentElement;return new k(t/2,e/2).add(new k(...this.sdk.pageData?.property.translation??[0,0]))}getViewportByViewPoint(t){if(!this.sdk.pageData)return t;const{zoom:e}=this.sdk.pageData.property,{offsetWidth:i,offsetHeight:s}=this.container,r=new k(i,s).multiply(e),a=this.getViewportLeftTopPosition(),n=t.clone().subtract(a);return new k(n.x/r.x*2-1,1-n.y/r.y*2)}getActiveScene(){return this.sdk.pageData?.viewProperties[this.sdk.pageData?.activeData.view??-1]}async changeItemProperty(t){(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const e=this.getViewItemById(t.itemId),i=this.getPlayerItemById(t.itemId);if(e&&i)if(t.propertyName in e.property){switch(t.propertyName){case"alignment":[v.spec.TextAlignment.left,v.spec.TextAlignment.middle,v.spec.TextAlignment.right].includes(t.propertyValue)&&i.getComponent(v.TextComponent).setTextAlign(t.propertyValue);break;case"color":Array.isArray(t.propertyValue)&&4===t.propertyValue.length&&i.getComponent(v.TextComponent).setColor(t.propertyValue);break;case"font":if("string"==typeof t.propertyValue){const e=t.propertyValue.split("/"),s=e[e.length-1]?.split(".")[0],r=this.player.getAssetManager()[0];await r.processFontURL([{fontURL:t.propertyValue,fontFamily:s}]),s&&i.getComponent(v.TextComponent).setFontFamily(s)}break;case"text":"string"==typeof t.propertyValue&&i.getComponent(v.TextComponent).setText(t.propertyValue);break;case"weight":[v.spec.TextWeight.normal,v.spec.TextWeight.bold,v.spec.TextWeight.lighter].includes(t.propertyValue)&&i.getComponent(v.TextComponent).setFontWeight(t.propertyValue);break;case"image":"string"==typeof t.propertyValue&&i.getComponent(v.SpriteComponent).setTexture(await Ft.Texture.fromImage(t.propertyValue,this.player.renderer.engine));break;case"position":if(Array.isArray(t.propertyValue)&&3===t.propertyValue.length){const i=t.propertyValue.map((t,i)=>t-(e.property.position[i]??0));this.moveItem(t.itemId,new R(...i))}break;case"rotation":if(Array.isArray(t.propertyValue)&&3===t.propertyValue.length){const i=t.propertyValue.map((t,i)=>t-(e.property.rotation[i]??0));this.rotateItem(t.itemId,new R(...i))}break;case"scale":if(Array.isArray(t.propertyValue)&&3===t.propertyValue.length){const s=t.propertyValue.map(t=>0===t||null===t?1:t),r=e.property.scale.map(t=>t||1),a=s.map((t,e)=>t/r[e]);i.scale(...a)}}["position","rotation","scale"].includes(t.propertyName)||this.player.gotoAndStop(this.sdk.pageData.time),this.changeViewItemProperty(t),this.refreshViewItem(t.itemId)}else console.warn(`Item does not have property ${t.propertyName}.`);else console.warn(`Id ${t.itemId} is not a item id.`)}changeViewItemProperty(t){(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.viewProperties.forEach((e,i)=>{if(!this.sdk.pageData?.property.asyncMode&&i!==this.sdk.pageData?.activeData.view)return;const{scene:s}=e;switch(t.propertyName){case"position":case"rotation":if(Array.isArray(t.propertyValue)&&3===t.propertyValue.length){const e=this.sdk.pageData.items.find(e=>e.id===t.itemId),i=e?.property[t.propertyName],r=t.propertyValue.map((t,e)=>t-(i?.[e]??0));this.changeSceneItemProperty(s,{...t,propertyValue:r})}break;case"scale":if(Array.isArray(t.propertyValue)&&3===t.propertyValue.length){const e=this.sdk.pageData.items.find(e=>e.id===t.itemId),i=e?.property[t.propertyName],r=t.propertyValue.map((t,e)=>t/(i?.[e]??0));this.changeSceneItemProperty(s,{...t,propertyValue:r})}break;default:this.changeSceneItemProperty(s,t)}})}changeSceneItemProperty(t,e){switch(e.propertyName){case"alignment":if([v.spec.TextAlignment.left,v.spec.TextAlignment.middle,v.spec.TextAlignment.right].includes(e.propertyValue)){const i=t.components.find(t=>t.item.id===e.itemId&&[v.spec.DataType.TextComponent,v.spec.DataType.RichTextComponent].includes(t.dataType));i?.options&&"textAlign"in i.options&&(i.options.textAlign=e.propertyValue)}break;case"color":if(Array.isArray(e.propertyValue)&&4===e.propertyValue.length){const i=t.components.find(t=>t.item.id===e.itemId&&[v.spec.DataType.TextComponent,v.spec.DataType.RichTextComponent].includes(t.dataType));i?.options&&(i.options.textColor=[...e.propertyValue])}break;case"font":if("string"==typeof e.propertyValue){const i=e.propertyValue.split("/"),s=i[i.length-1]?.split(".")[0],r=t.fonts?.find(t=>"family"in t&&t.family===s||"fontFamily"in t&&t.fontFamily===s);!r&&t.fonts&&s&&t.fonts.push({fontFamily:s,fontURL:e.propertyValue});const a=t.components.find(t=>t.item.id===e.itemId&&[v.spec.DataType.TextComponent,v.spec.DataType.RichTextComponent].includes(t.dataType));a?.options&&(a.options.fontFamily=s)}break;case"text":if("string"==typeof e.propertyValue){const i=t.components.find(t=>t.item.id===e.itemId&&[v.spec.DataType.TextComponent,v.spec.DataType.RichTextComponent].includes(t.dataType));i?.options&&(i.options.text=e.propertyValue)}break;case"weight":if("string"==typeof e.propertyValue){const i=t.components.find(t=>t.item.id===e.itemId&&[v.spec.DataType.TextComponent,v.spec.DataType.RichTextComponent].includes(t.dataType));i?.options&&(i.options.fontWeight=e.propertyValue)}break;case"image":if("string"==typeof e.propertyValue){t.components.filter(t=>t.item.id===e.itemId).forEach(i=>{if(!("renderer"in i))return;const s=t.textures?.find(t=>t.id===i.renderer.texture.id);if(s&&"source"in s&&s.source){const i=t?.images.find(t=>t.id===s.source.id);i?.url&&i?.webp&&(i.url=e.propertyValue,i.webp=e.propertyValue),i&&"template"in i&&i.template.background&&(i.template.background.url=e.propertyValue)}})}break;case"position":if(Array.isArray(e.propertyValue)&&3===e.propertyValue.length){const i=t.items.find(t=>t.id===e.itemId);i?.transform&&(i.transform.position.x+=e.propertyValue[0],i.transform.position.y+=e.propertyValue[1],i.transform.position.z+=e.propertyValue[2])}break;case"rotation":if(Array.isArray(e.propertyValue)&&3===e.propertyValue.length){const i=t.items.find(t=>t.id===e.itemId);i?.transform&&(i.transform.eulerHint.x+=e.propertyValue[0],i.transform.eulerHint.y+=e.propertyValue[1],i.transform.eulerHint.z+=e.propertyValue[2])}break;case"scale":if(Array.isArray(e.propertyValue)&&3===e.propertyValue.length){const i=t.items.find(t=>t.id===e.itemId);i?.transform&&(i.transform.scale.x*=e.propertyValue[0],i.transform.scale.y*=e.propertyValue[1],i.transform.scale.z*=e.propertyValue[2])}}}transformSceneItem(t,e,i){(0,v.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.viewProperties.forEach((s,r)=>{if(!this.sdk.pageData?.property.asyncMode&&r!==this.sdk.pageData?.activeData.view)return;const{scene:a}=s;switch(e){case"position":if(Array.isArray(i)&&3===i.length){const e=a.items.find(e=>e.id===t);e?.transform&&(e.transform.position.x+=i[0],e.transform.position.y+=i[1],e.transform.position.z+=i[2])}break;case"rotation":if(Array.isArray(i)&&3===i.length){const e=a.items.find(e=>e.id===t);e?.transform&&(e.transform.eulerHint.x+=i[0],e.transform.eulerHint.y+=i[1],e.transform.eulerHint.z+=i[2])}break;case"scale":if(Array.isArray(i)&&3===i.length){const e=a.items.find(e=>e.id===t);e?.transform&&(e.transform.scale.x*=i[0],e.transform.scale.y*=i[1],e.transform.scale.z*=i[2])}}})}refreshViewItem(t){const e=this.sdk.pageData;(0,v.assertExist)(e,"You must call SDK#run() first");const i=e.items.findIndex(e=>e.id===t);if(i<0)return void console.log(`item ${t} is not existed.`);const s=e.items[i],r=this.getPlayerItemById(t);r&&s&&(e.items[i]=this.createViewItemByPlayerItem(r,s.parentId))}getPlayerItemById(t){return this.player.getCompositions()[0]?.items.find(e=>e.id===t)}async keepSceneSafe(t,e,i,s,r,a){const n=JSON.parse(JSON.stringify(e));await t.loadScene(n,{reusable:!0,autoplay:!1}),t.gotoAndStop(i);const o=t.getCompositions()[0];if(o){const[t,i]=r,n=s[0]/s[1],h=t/i;n>h&&this.keepDistribute(e,o,h/n,r);const[c,l,p,m]=a,d=t-p-m,u=i-c-l,y=[(p-m)/2,(c-l)/2],g=(new _).setFromCenterAndSize(new k(t,i).divide(2),new k(t,i)),f=(new _).setFromCenterAndSize(new k(t,i).divide(2).add(new k(...y)),new k(d,u));this.keepAdsorption("topAdsorption",e,o,y,g,f),this.keepAdsorption("bottomAdsorption",e,o,y,g,f),this.keepAdsorption("leftAdsorption",e,o,y,g,f),this.keepAdsorption("rightAdsorption",e,o,y,g,f),this.keepAdsorption("centerAdsorption",e,o,y,g,f),this.keepDoubleAdsorption("bottomCenterAdsorption",e,o,y,g,f)}return e}keepDistribute(t,e,i,s){const r=t=>{const i=(new U).copyFrom(e.camera.getViewProjectionMatrix());return(new k).copyFrom(t.applyMatrix(i).toVector2()).toViewCoordinate(s[0],s[1])};["topAdsorption","centerAdsorption","bottomAdsorption"].forEach(a=>{e.items.filter(t=>t.name.split("-")[0]?.toLocaleUpperCase()===Bt[a]&&!t.parentId).forEach(a=>{const n=e.items.filter(t=>t.parentId===a.id),o=n.find(t=>"check-area"===t.name),h=o?this.getViewBoxByHeadlessPlayerItem(o,[],r):this.getViewBoxByHeadlessPlayerItem(a,n,r),c=a.transform.position.clone(),l=h.getCenter(),p=new k(...s.map(t=>t/2)),m=l.y-p.y;((t,i,r)=>{const{z:a}=t.transform.getWorldPosition(),{x:n,y:o}=e.camera.getInverseVPRatio(a);t.transform.translate(2*i*n/s[0],-2*r*o/s[1],0)})(a,0,m/i-m),a.transform.updateLocalMatrix();const d=a.transform.position.clone().subtract(c).toArray();this.changeSceneItemProperty(t,{itemId:a.id,type:a.type,propertyName:"position",propertyValue:d})})})}keepAdsorption(t,e,i,s,r,a){console.log("origin box ",r),console.log("result box ",a);const{x:n,y:o}=r.getSize(),h=(t,e,s)=>{const{z:r}=t.transform.getWorldPosition(),{x:a,y:h}=i.camera.getInverseVPRatio(r);t.transform.translate(2*e*a/n,-2*s*h/o,0)},c=t=>{const e=(new U).copyFrom(i.camera.getViewProjectionMatrix());return(new k).copyFrom(t.applyMatrix(e).toVector2()).toViewCoordinate(n,o)},l=Bt[t];i.items.filter(t=>t.name.split("-")[0]?.toLocaleUpperCase()===l&&!t.parentId).forEach(r=>{const n=i.items.filter(t=>t.parentId===r.id),o=n.find(t=>"check-area"===t.name),l=r.transform.position.clone(),p=["leftAdsorption","rightAdsorption"].includes(t)&&0!==s[0]||["topAdsorption","bottomAdsorption"].includes(t)&&0!==s[1],m=["leftAdsorption","rightAdsorption"].includes(t)?"x":"y",d=["leftAdsorption","topAdsorption"].includes(t)?1:-1,u=["leftAdsorption","topAdsorption"].includes(t)?"min":"max",y=["leftAdsorption","topAdsorption"].includes(t)?"max":"min",g=3===r.name.split("-").length,f=Number(r.name.split("-")[1]),w=new k,x=new k,P=[1,1,1],v=o?this.getViewBoxByHeadlessPlayerItem(o,[],c):this.getViewBoxByHeadlessPlayerItem(r,n,c),S=Math.max(v[u][m]-a[u][m],0);h(r,...s),v.getSize().x>a.getSize().x&&(P[0]=a.getSize().x/v.getSize().x,P[1]=a.getSize().x/v.getSize().x,r.scale(...P)),r.transform.updateLocalMatrix();const b=(o?this.getViewBoxByHeadlessPlayerItem(o,[],c):this.getViewBoxByHeadlessPlayerItem(r,n,c))[u][m]-a[u][m];b!==S*P[0]&&p&&(w[m]=S*P[0]-b,h(r,...w.toArray()),r.transform.updateLocalMatrix());const D=o?this.getViewBoxByHeadlessPlayerItem(o,[],c):this.getViewBoxByHeadlessPlayerItem(r,n,c),I=new k;if(!a.containsBox(D)){const{min:t,max:e}=D,{min:i,max:s}=a;I.x+=t.x<i.x?i.x-t.x:0,I.x+=e.x>s.x?s.x-e.x:0,I.y+=t.y<i.y?i.y-t.y:0,I.y+=e.y>s.y?s.y-e.y:0,I.multiply(P[0]),h(r,...I.toArray()),r.transform.updateLocalMatrix()}if(!Number.isNaN(f)&&g)if("centerAdsorption"!==t){const t=Math.abs(D[y][m]+I[m]+w[m]-a[u][m]),e=a.getSize()[m]*f;t>e&&(x[m]=(e-t)*d,h(r,...x.toArray()),r.transform.updateLocalMatrix())}else{const t=D.getSize().y,e=a.getSize().y;if(t/e>f){const i=e*f/t;r.scale(i,i,1),P[0]*=i,P[1]*=i}const s=o?this.getViewBoxByHeadlessPlayerItem(o,[],c):this.getViewBoxByHeadlessPlayerItem(r,n,c),l=i.items.filter(t=>"T"===t.name.split("-")[0]?.toLocaleUpperCase()&&!t.parentId),p=new _;if(l.forEach(t=>{const e=i.items.filter(e=>e.parentId===t.id),s=e.find(t=>"check-area"===t.name),r=s?this.getViewBoxByHeadlessPlayerItem(s,[],c):this.getViewBoxByHeadlessPlayerItem(t,e,c);p.union(r)}),!p.isEmpty()&&p.max.y>s.min.y){const t=p.max.y-s.min.y;h(r,0,t),r.transform.updateLocalMatrix()}}const E=r.transform.position.clone().subtract(l).toArray();this.changeSceneItemProperty(e,{itemId:r.id,type:r.type,propertyName:"position",propertyValue:E}),this.changeSceneItemProperty(e,{itemId:r.id,type:r.type,propertyName:"scale",propertyValue:P})})}keepDoubleAdsorption(t,e,i,s,r,a){const{x:n,y:o}=r.getSize(),h=(t,e,s)=>{const{z:r}=t.transform.getWorldPosition(),{x:a,y:h}=i.camera.getInverseVPRatio(r);t.transform.translate(2*e*a/n,-2*s*h/o,0)},c=t=>{const e=(new U).copyFrom(i.camera.getViewProjectionMatrix());return(new k).copyFrom(t.applyMatrix(e).toVector2()).toViewCoordinate(n,o)},l=Bt[t];i.items.filter(t=>t.name.split("-")[0]?.toLocaleUpperCase()===l&&!t.parentId).forEach(t=>{const r=i.items.filter(e=>e.parentId===t.id),n=r.find(t=>"check-area"===t.name),o=t.transform.position.clone(),l=3===t.name.split("-").length,p=Number(t.name.split("-")[1]),m=[1,1,1],d=n?this.getViewBoxByHeadlessPlayerItem(n,[],c):this.getViewBoxByHeadlessPlayerItem(t,r,c);h(t,...s),d.getSize().x>a.getSize().x&&(m[0]=a.getSize().x/d.getSize().x,m[1]=a.getSize().x/d.getSize().x,t.scale(...m)),t.transform.updateLocalMatrix();const u=n?this.getViewBoxByHeadlessPlayerItem(n,[],c):this.getViewBoxByHeadlessPlayerItem(t,r,c);if(!Number.isNaN(p)&&l){const e=u.getSize().y,i=a.getSize().y;if(e/i>p){const s=i*p/e;t.scale(s,s,1),m[0]*=s,m[1]*=s}}const y=n?this.getViewBoxByHeadlessPlayerItem(n,[],c):this.getViewBoxByHeadlessPlayerItem(t,r,c),g=new k;if(!a.containsBox(y)){const{min:e,max:i}=y,{min:s,max:r}=a;g.x+=e.x<s.x?s.x-e.x:0,g.x+=i.x>r.x?r.x-i.x:0,g.y+=e.y<s.y?s.y-e.y:0,g.y+=i.y>r.y?r.y-i.y:0,g.multiply(m[0]),h(t,...g.toArray()),t.transform.updateLocalMatrix()}const f=t.transform.position.clone().subtract(o).toArray();this.changeSceneItemProperty(e,{itemId:t.id,type:t.type,propertyName:"position",propertyValue:f}),this.changeSceneItemProperty(e,{itemId:t.id,type:t.type,propertyName:"scale",propertyValue:m})})}},Ut=p(require("jszip"),1);function Kt(t,e="asserts failed"){if(!t)throw new Error(e)}function Wt(t,e,...i){const s=e.reduce((t,e)=>t?`${t} ${e}`:e,""),r="color: #108ee9;";switch(t){case"error":console.error(`%c[${s}]`,r,...i);break;case"info":console.info(`%c[${s}]`,r,...i);break;case"debug":console.debug(`%c[${s}]`,r,...i);break;case"warn":console.warn(`%c[${s}]`,r,...i);break;default:console.log(`%c[${s}]`,r,...i)}}var Gt="ready",Nt="executable",Lt="dispose",Ht={APNG:"APNG",MP4:"MP4",WebM:"WebM",Images:"Images",WebP:"WebP",GIF:"GIF",AlphaMaskVideo:"AlphaMaskVideo"},Ot="idle",jt="convertImage",$t="transcoding",Yt="audio",qt="jpeg",Xt="webp",Jt="png",Zt=(Ht.MP4,Ht.WebP,Ht.APNG,Ht.GIF,Ht.AlphaMaskVideo,Ht.Images,Ht.MP4,Ht.WebP,Ht.APNG,Ht.GIF,Ht.AlphaMaskVideo,Ht.Images,class{constructor(t){m(this,"sampleRate"),m(this,"duration"),m(this,"channels");const{sampleRate:e=44100,duration:i=1,channels:s=2}=t??{};this.sampleRate=e,this.duration=i,this.channels=s}getBuffer(){const t=this.sampleRate*this.duration*this.channels*2,e=44+t,i=new ArrayBuffer(e),s=new DataView(i);let r=0;const a=t=>{for(let e=0;e<t.length;e++)s.setUint8(r++,t.charCodeAt(e))},n=t=>{s.setUint32(r,t,!0),r+=4},o=t=>{s.setUint16(r,t,!0),r+=2};a("RIFF"),n(e-8),a("WAVE"),a("fmt "),n(16),o(1),o(this.channels),n(this.sampleRate),n(this.sampleRate*this.channels*2),o(2*this.channels),o(16),a("data"),n(t);for(let e=0;e<t;e++)s.setUint8(r++,0);return new Uint8Array(i)}}),Qt=require("@ffmpeg/ffmpeg"),te=require("@ffmpeg/util"),ee={SCRIPT:"https://gw.alipayobjects.com/os/gltf-asset/99531561844014/img2webp.js",WASM:"https://mdn.alipayobjects.com/mars/uri/file/as/0.0.4/wasm/img2webp/img2webp.wasm"},ie={CLASSWORKER:"https://mdn.alipayobjects.com/rms/uri/file/as/ffmpeg/core/0.12.10/dist/worker.js",DEFAULT:{CORE:"https://gw.alipayobjects.com/os/lib/ffmpeg/core/0.12.10/dist/esm/ffmpeg-core.js",WASM:"https://gw.alipayobjects.com/os/lib/ffmpeg/core/0.12.10/dist/esm/ffmpeg-core.wasm"},MT:{CORE:"https://gw.alipayobjects.com/os/lib/ffmpeg/core-mt/0.12.10/dist/esm/ffmpeg-core.js",WASM:"https://gw.alipayobjects.com/os/lib/ffmpeg/core-mt/0.12.10/dist/esm/ffmpeg-core.wasm",WORKER:"https://gw.alipayobjects.com/os/lib/ffmpeg/core-mt/0.12.10/dist/esm/ffmpeg-core.worker.js"}};function se(t,e,i,s){const r=e.getContext("2d");Kt(r),r.clearRect(0,0,e.width,e.height),i&&(r.save(),r.fillStyle=i,r.fillRect(0,0,e.width,e.height),r.restore()),s&&r.drawImage(s,0,0,s.width,s.height,0,0,e.width,e.height),r.drawImage(t,0,0,t.width,t.height,0,0,e.width,e.height)}async function re(){return new Promise(async(t,e)=>{try{await function(t,e={}){return new Promise((i,s)=>{const r=document.querySelector(`script[src="${t}"]`);if(r)return"true"===r.dataset.loaded?void i(r):(r.addEventListener("load",()=>{i(r)}),void r.addEventListener("error",()=>{s(new Error(`Script already failed: ${t}`))}));const a=document.createElement("script");a.src=t,a.async=!0,Object.keys(e).forEach(t=>{a.setAttribute(t,e[t]??"")}),a.onload=()=>{a.dataset.loaded="true",i(a)},a.onerror=()=>{s(new Error(`Failed to load script: ${t}`))},document.head.appendChild(a)})}(ee.SCRIPT,{crossOrigin:"anonymous"});const e={locateFile:(t,e)=>t.endsWith("createWebPCore.wasm")?ee.WASM:e+t};t(await window.createWebPCore(e))}catch(t){e(t)}})}var ae,ne,oe,he,ce,le,pe,me,de,ue,ye,ge,fe,we,xe,Pe,ve,Se,be=["@vvfx/sdk","ExportVideo"],De=class extends v.EventEmitter{constructor(t){super(),m(this,"status",Gt),m(this,"stage",Ot),m(this,"mediaType"),m(this,"loggerInTranscoding"),m(this,"multiThreading"),m(this,"extraCanvas"),m(this,"player"),y(this,ae,0),y(this,ne),y(this,oe),y(this,he),y(this,ce),y(this,le,[]),y(this,pe),y(this,me),y(this,de,[]),y(this,ue,0),y(this,ye),y(this,ge,[]),y(this,fe,0),y(this,we,0),y(this,xe,0),y(this,Pe,0),y(this,ve,[]),y(this,Se,!0);const{mediaType:e,extraCanvas:i,loggerInTranscoding:s,multiThreading:r}=t;this.mediaType=e,this.loggerInTranscoding=s??!1,this.multiThreading=r??!1,this.extraCanvas=i??void 0,this.onInit()}get canceled(){return this.status===Lt}get config(){const t=this.player?.getCompositions()??[],e=t?.[0],i=e?.name??(new Date).getTime().toString(),s=e?.getDuration()??0,r=e?.startTime??0,a=u(this,ye)?.time;return{name:i,startTime:r,oldTotalTime:s,newTotalTime:a,fps:u(this,ye)?.fps??30,backgroundColor:u(this,ye)?.backgroundColor??"#000000",loop:u(this,ye)?.loop??!0,audioEnable:u(this,ye)?.audioEnable??!1}}get progress(){const t=u(this,we)||1,e=u(this,xe)||1,i=Math.min(t/e,1),s=Math.min(u(this,fe),t)/t*.4,r=Math.min(u(this,Pe),t)/t*.6,a=Math.min(s+r,1);u(this,ge)[u(this,ue)]=i;const n=u(this,ge).reduce((t,e,i)=>i<u(this,ue)?t+(e||0):t,0)+a*i;return Math.min((o=n,Math.round(100*o)/100),1);var o}get transImageType(){return this.mediaType===Ht.MP4?qt:this.mediaType===Ht.WebP?Xt:Jt}async onInit(){try{Wt("log",[...be,"ready"],"starting"),this.status=Gt,await this.loadHelper(this.mediaType),this.status=Nt,Wt("log",[...be,"ready"],"success"),this.emit("ready",this.mediaType)}catch(t){this.status=Lt,this.onError(t)}finally{return this.status}}onReset(){this.stage=Ot,window.cancelAnimationFrame(u(this,ae)),g(this,ae,0),this.player?.pause(),this.clearTaskInfo(),this.setProgress()}onError(t){Wt("log",[...be,"error"],t),this.onFinish(!1),this.emit("error",t),this.dispose()}onFinish(t,e){Wt("log",[...be,"finish"],t?"success":"failed"),this.emit("progress",1),this.emit("done",!!t),this.emit("finish",t,e)}async loadHelper(t){const e="WebP"===t&&!u(this,he),i=[Ht.MP4,Ht.APNG,Ht.GIF,Ht.AlphaMaskVideo].includes(t)&&!u(this,oe);e&&g(this,he,await re()),i&&(g(this,oe,await async function(t){const{multiThreading:e}=t??{},i=new Qt.FFmpeg,s=!!e,r={classWorkerURL:await(0,te.toBlobURL)(ie.CLASSWORKER,"text/javascript"),coreURL:"",wasmURL:""};return s?(r.coreURL=await(0,te.toBlobURL)(ie.MT.CORE,"text/javascript"),r.wasmURL=await(0,te.toBlobURL)(ie.MT.WASM,"application/wasm"),r.workerURL=await(0,te.toBlobURL)(ie.MT.WORKER,"text/javascript")):(r.coreURL=await(0,te.toBlobURL)(ie.DEFAULT.CORE,"text/javascript"),r.wasmURL=await(0,te.toBlobURL)(ie.DEFAULT.WASM,"application/wasm")),await i.load(r),i}({multiThreading:this.multiThreading})),u(this,oe).on("log",({message:t})=>{if(this.loggerInTranscoding&&Wt("log",[...be,"transcoding log"],t),this.canceled||this.stage!==$t)return;const e=/frame=\s*(\d+)/.exec(t);if(e?.[1]){const t=Number(e[1]);this.setProgress({currentTaskInTranscodingFrameIndex:t})}}))}getAllTaskFrames(t){return t.reduce((t,e)=>{const{scene:i,fps:s}=e,r=i.compositions?.[0]?.duration??0;return t+Math.round(r*(s??30))},0)}setProgress(t){void 0!==t?.completedTaskPercentArray&&g(this,ge,t.completedTaskPercentArray),void 0!==t?.currentTaskFrameIndex&&g(this,fe,t.currentTaskFrameIndex),void 0!==t?.currentTaskTotalFrames&&g(this,we,t.currentTaskTotalFrames),void 0!==t?.currentTaskInTranscodingFrameIndex&&g(this,Pe,t.currentTaskInTranscodingFrameIndex),void 0!==t?.allTaskFrames&&g(this,xe,t.allTaskFrames),this.emit("progress",this.progress)}forwardPlayerTime(t,e=!1){(0,v.assertExist)(this.player);const{oldTotalTime:i,startTime:s}=this.config;(0,v.assertExist)(i);const r=1e3*i-1e3*i%15;return t=Math.min(t,r/1e3),e?this.player.gotoAndPlay(t-s):this.player.gotoAndStop(t-s),t}getWavAudio(t){g(this,pe,new Zt),u(this,oe)?u(this,oe).writeFile(t,u(this,pe).getBuffer()):Wt("log",[...be,"getWavAudio"],"ffmpegCore is not ready")}async getImagesZip(t,e){const i=new Ut.default,s=i.folder(t);return(0,v.assertExist)(s),u(this,de).forEach((t,i)=>{s.file(t,e[i])}),i.generateAsync({type:"arraybuffer"})}getWebP(){(0,v.assertExist)(u(this,he));const t=Math.round(1e3/this.config.fps/1),e="out.webp",i=`${u(this,de).join(` -d ${t} `)} -d ${t} -o ${e} -loop ${this.config.loop?0:1}`.split(" "),s=u(this,he).cwrap("main","string",["number","number"]),[r,a]=function(t,e){const i=t._malloc(e.length*Uint32Array.BYTES_PER_ELEMENT);return e.forEach((e,s)=>{const r=t._malloc(e.length+1);t.writeAsciiToMemory(e,r),t.setValue(i+Uint32Array.BYTES_PER_ELEMENT*s,r,"i32")}),[e.length,i]}(u(this,he),i);Kt(r&&a,"getWebP has error"),s(r,a);const n=u(this,he).FS.readFile(e);return u(this,de).forEach(t=>{u(this,he)?.FS.unlink(t)}),n}async getAPNG(){(0,v.assertExist)(u(this,oe));this.stage=$t;const t="export.apng";return await u(this,oe).exec(["-framerate",`${this.config.fps}`,"-start_number","1","-i",`image-%4d.${this.transImageType}`,"-plays",this.config.loop?"0":"1","-y",t]),t}async getGIF(){(0,v.assertExist)(u(this,oe));this.stage=$t;const t="export.gif";return await u(this,oe).exec(["-framerate",`${this.config.fps}`,"-start_number","1","-i",`image-%4d.${this.transImageType}`,"-loop",this.config.loop?"0":"-1","-vf","scale=-1:-1:flags=lanczos,split[s0][s1];[s0]palettegen[p];[s1][p]paletteuse","-y",t]),t}async getMP4(t,e){(0,v.assertExist)(u(this,oe));this.stage=$t;const i="export.mp4";let s;const r=e?",setpts=PTS/"+Math.round(t/e*100)/100:"",a=e??t;return this.config.audioEnable&&!u(this,pe)&&(g(this,me,"audio.wav"),this.getWavAudio(u(this,me))),await u(this,oe).exec(["-framerate",String(this.config.fps),"-start_number",String(1),"-i",`image-%4d.${this.transImageType}`,"-c:v","libx264","-crf","23","-pix_fmt","yuv420p","-vf",`pad=ceil(iw/2)*2:ceil(ih/2)*2${r}`,"-y",i]),u(this,me)&&u(this,pe)&&(this.stage=Yt,s="export-with-audio.mp4",await u(this,oe).exec(["-i",i,"-i",u(this,me),"-c:v","copy","-c:a","aac","-t",`${a}`,"-y",s])),s&&u(this,oe).deleteFile(i).catch(()=>{Wt("log",[...be,"ffmpeg delete file error"])}),s??i}async getAlphaMaskVideo(t,e){(0,v.assertExist)(u(this,oe));this.stage=$t;const i="export.mp4",s=e?",setpts=PTS/"+Math.round(t/e*100)/100:"";return await u(this,oe).exec(["-framerate",String(this.config.fps),"-start_number",String(1),"-i",`image-%4d.${this.transImageType}`,"-c:v","libx264","-crf","23","-pix_fmt","yuv420p","-vf",`pad=ceil(iw/2)*2:ceil(ih/2)*2${s}`,"-y",i]),i}async getVideoByType(t,e){(0,v.assertExist)(u(this,oe));const i=this.mediaType===Ht.APNG,s=this.mediaType===Ht.GIF,r=this.mediaType===Ht.AlphaMaskVideo,a=this.mediaType===Ht.MP4;let n="";try{i&&(n=await this.getAPNG()),s&&(n=await this.getGIF()),a&&(n=await this.getMP4(t,e)),r&&(n=await this.getAlphaMaskVideo(t,e)),this.stage=Ot}catch(t){throw t}finally{for(const t of u(this,de))t&&u(this,oe).deleteFile(t)}let o=null;try{(0,v.assertExist)(n);const t=await u(this,oe).readFile(n);o="string"==typeof t?(new TextEncoder).encode(t):new Uint8Array(t)}finally{u(this,oe).deleteFile(n).catch(()=>{Wt("log",[...be,"ffmpeg delete file error"])})}return o}onRecordWebM(t){const e=new MediaRecorder(t.captureStream(this.config.fps),{mimeType:"video/webm;codecs=vp9"});g(this,ce,e),u(this,ce).start(0);const i=[];u(this,ce).ondataavailable=t=>{t.data.size>0&&i.push(t.data)},g(this,le,i)}async onExportImageFrame(t){try{if(this.canceled)return;const{canvas:s,imageBuffers:r,startTime:a,oldTotalTime:n,newTotalTime:o}=t;(0,v.assertExist)(this.player),(0,v.assertExist)(u(this,ne));const h=u(this,fe)+1;this.stage=jt,this.setProgress({currentTaskInTranscodingFrameIndex:0,currentTaskFrameIndex:h}),this.loggerInTranscoding&&Wt("log",[...be,"converting log"],`converting ${h} frame image`),h>1&&this.forwardPlayerTime(h/this.config.fps+a),se(u(this,ne),s,this.config.backgroundColor);let c=s;this.mediaType===Ht.AlphaMaskVideo&&((0,v.assertExist)(this.extraCanvas),function(t,e){e.width=2*t.width,e.height=t.height;const i=t.getContext("2d");if(!i)throw new Error("inputCtx is null");const s=e.getContext("2d");if(!s)throw new Error("ctx is null");s.clearRect(0,0,e.width,e.height);const r=i.getImageData(0,0,t.width,t.height),a=i.getImageData(0,0,t.width,t.height),n=r.data;for(let t=0;t<n.length;t+=4){const e=Math.max(0,(n[t+3]??0)-5)/250*255;e<=0?(n[t]=0,n[t+1]=0,n[t+2]=0,n[t+3]=255):(n[t]=(n[t]??0)*e/255,n[t+1]=(n[t+1]??0)*e/255,n[t+2]=(n[t+2]??0)*e/255,n[t+3]=255)}s.putImageData(r,0,0);const o=a.data;for(let t=0;t<o.length;t+=4){const e=Math.max(0,(o[t+3]??0)-5)/250*255;o[t]=e,o[t+1]=e,o[t+2]=e,o[t+3]=255}s.putImageData(a,t.width,0)}(s,this.extraCanvas),c=this.extraCanvas);const l=await async function(t,e,i){return new Promise((s,r)=>{t.toBlob(t=>{t?s(t.arrayBuffer()):r("toBlob failed")},e,i)})}(c,`image/${this.transImageType}`,1),p=`image-${e=h,i=4,String(e).padStart(i,"0")}.${this.transImageType}`;this.mediaType===Ht.Images?r.push(l):this.mediaType===Ht.WebP?((0,v.assertExist)(u(this,he)),u(this,he).FS.writeFile(p,new Uint8Array(l))):((0,v.assertExist)(u(this,oe)),await u(this,oe).writeFile(p,new Uint8Array(l))),u(this,de).push(p);if(h===u(this,we)){this.player?.pause(),await new Promise(t=>{window.requestAnimationFrame(t)});let t=null;"Images"===this.mediaType?t=await this.getImagesZip(this.config.name,r):"WebP"===this.mediaType?t=this.getWebP():[Ht.MP4,Ht.APNG,Ht.GIF,Ht.AlphaMaskVideo].includes(this.mediaType)&&(t=await this.getVideoByType(n,o)??null),t&&(Wt("log",[...be,"done"],"success"),this.emit("done",!0,t))}else g(this,ae,window.requestAnimationFrame(()=>{this.canceled||this.onExportImageFrame({canvas:s,imageBuffers:r,startTime:a,oldTotalTime:n,newTotalTime:o})}))}catch(t){this.onError(t)}var e,i}async onExportWebMFrame(t){try{if(this.canceled)return;(0,v.assertExist)(this.player),(0,v.assertExist)(u(this,ne));const e=u(this,fe)+1;if(this.stage=jt,this.setProgress({currentTaskInTranscodingFrameIndex:0,currentTaskFrameIndex:e}),this.loggerInTranscoding&&Wt("log",[...be,"converting log"],`converting ${e} frame image`),se(u(this,ne),t,this.config.backgroundColor),1===e&&(this.player.play(),this.onRecordWebM(t)),e<u(this,we))g(this,ae,window.requestAnimationFrame(()=>{this.canceled||this.onExportWebMFrame(t)}));else{this.player?.pause(),u(this,ce)?.stop();const t=new Blob(u(this,le),{type:"video/webm"}),e=await t.arrayBuffer();Wt("log",[...be,"done"],"success"),this.emit("done",!0,e)}}catch(t){Wt("log",[...be,"done"],"failed",t),this.emit("done",!1)}}async runTask(t){try{if(this.canceled)return;(0,v.assertExist)(this.player),(0,v.assertExist)(u(this,ne));const{size:e,startTime:i,containerCanvas:s}=t,{oldTotalTime:r,newTotalTime:a}=this.config,[n,o]=e;if(u(this,ne).width=n,u(this,ne).height=o,s.width=n,s.height=o,this.player.resize(),g(this,de,[]),[Ht.MP4,Ht.APNG,Ht.Images,Ht.WebP,Ht.GIF,Ht.AlphaMaskVideo].includes(this.mediaType)){const t={canvas:s,imageBuffers:[],startTime:i,oldTotalTime:r,newTotalTime:a};await this.onExportImageFrame(t)}else"WebM"===this.mediaType&&await this.onExportWebMFrame(s)}catch(t){Wt("log",[...be,"run task error"],t),this.emit("done",!1)}}clearTaskInfo(){g(this,ue,0),g(this,ye,void 0),g(this,ge,[]),g(this,fe,0),g(this,we,0),g(this,xe,0),g(this,Pe,0),g(this,ve,[]),g(this,Se,!0)}clearFFMpegCore(){if(u(this,oe)){for(const t of u(this,de))t&&u(this,oe).deleteFile(t);g(this,de,[]),u(this,oe).terminate(),g(this,oe,void 0)}}clearImage2WebPCore(){u(this,he)&&(u(this,he).FS.quit(),g(this,he,void 0))}clearMediaRecorder(){u(this,ce)&&(u(this,ce).stop(),g(this,ce,void 0)),g(this,le,[])}clearAllListeners(){for(const t of this.getListeners("ready"))this.off("ready",t);for(const t of this.getListeners("progress"))this.off("progress",t);for(const t of this.getListeners("done"))this.off("done",t);for(const t of this.getListeners("finish"))this.off("finish",t);for(const t of this.getListeners("error"))this.off("error",t)}onCancel(){this.canceled||(this.onFinish(!1),this.status=Lt,this.onReset(),this.clearMediaRecorder(),this.clearFFMpegCore(),this.clearImage2WebPCore(),this.clearAllListeners(),Wt("log",be,"canceled"))}async onExport(t){const e=t.length;try{if(this.status===Gt)return Wt("log",[...be],"readying"),void this.on("ready",()=>{this.onExport(t)});if(this.status===Lt){if(await this.onInit()===Lt)throw new Error("init environment failed")}if(this.clearTaskInfo(),!u(this,ne)){const t=document.createElement("canvas");t.dataset.key="player-canvas",g(this,ne,t)}this.player||(this.player=new v.Player({canvas:u(this,ne),pixelRatio:1,transparentBackground:!0,renderOptions:{willCaptureImage:!0}}),this.player.on("rendererror",t=>{this.onError(t)}),this.player.on("webglcontextlost",t=>{this.onError(t)}));let e=null;e??(e=document.querySelector('canvas[data-key="container-canvas"]')),e??(e=document.createElement("canvas")),e.dataset.key="container-canvas",e.style.display="none",this.setProgress({allTaskFrames:this.getAllTaskFrames(t)});const i=[];let s=!0;for(const[r,a]of t.entries()){if(this.canceled){s=!1;break}g(this,ue,r),g(this,ye,a);const{size:t,scene:n}=a;await new Promise(async o=>{try{if(!this.player)throw new Error("player not found");Wt("log",[...be,"export"],"start",a),this.player.destroyCurrentCompositions(),await this.player.loadScene(n,{env:"editor",autoplay:!1});const h=this.config.oldTotalTime,c=0;this.player.pause(),this.setProgress({currentTaskFrameIndex:0,currentTaskTotalFrames:Math.round(h*this.config.fps)});const l=(t,e)=>{this.off("done",l),t&&e?i[r]=e:s=!1,o()};this.on("done",l);const p={size:t,startTime:c,containerCanvas:e};await this.runTask(p)}catch(t){Wt("log",[...be,"export error"],t),s=!1,o()}})}g(this,ve,i),g(this,Se,s)}catch(t){this.onError(t),g(this,Se,!1)}e>1&&u(this,Se)?this.onFinish(!0,u(this,ve)):this.onFinish(!1)}dispose(){this.status=Lt,this.onReset(),this.clearMediaRecorder(),this.clearFFMpegCore(),this.clearImage2WebPCore(),this.clearAllListeners(),this.player?.dispose(),this.player=void 0,u(this,ne)?.remove(),g(this,ne,void 0),g(this,me,void 0),g(this,pe,void 0)}};async function Ie(t,e,i,s){const[r,a]=e,n=JSON.parse(JSON.stringify(i));await t.loadScene(n,{reusable:!0,autoplay:!1}),t.gotoAndStop(s);const o=document.createElement("canvas");o.width=r,o.height=a;const h=o.getContext("2d");h&&(h.fillStyle="rgba(255, 255, 255, 1)",h.fillRect(0,0,r,a),function(t,e,i,s,r,a,n,o,h){2===arguments.length&&(i=s=0,r=t.canvas.width,a=t.canvas.height);n="number"==typeof n?I(n,0,1):.5,o="number"==typeof o?I(o,0,1):.5,h??(h={left:0,top:0,width:e instanceof HTMLVideoElement?e.videoWidth:e.width,height:e instanceof HTMLVideoElement?e.videoHeight:e.height});const c=h.width,l=h.height,p=Math.min(r/c,a/l);let m=c*p,d=l*p,u=1;m<r&&(u=r/m);Math.abs(u-1)<1e-14&&d<a&&(u=a/d);m*=u,d*=u;const y=Math.max(c/(m/r),0),g=Math.max(l/(d/a),0),f=Math.min((c-y)*n,c),w=Math.min((l-g)*o,l);t.drawImage(e,f+h.left,w+h.top,y,g,i,s,r,a)}(h,t.canvas,0,0,r,a,.5,.5));return o.toDataURL("image/png")}ae=new WeakMap,ne=new WeakMap,oe=new WeakMap,he=new WeakMap,ce=new WeakMap,le=new WeakMap,pe=new WeakMap,me=new WeakMap,de=new WeakMap,ue=new WeakMap,ye=new WeakMap,ge=new WeakMap,fe=new WeakMap,we=new WeakMap,xe=new WeakMap,Pe=new WeakMap,ve=new WeakMap,Se=new WeakMap;var Ee={DEFAULT:"default",EXPORTING:"exporting",SUCCESS:"success",ERROR:"error"},Te=class{constructor(t){m(this,"_eventEmitter",new v.EventEmitter),m(this,"_pageData"),m(this,"_screenShotContainer"),m(this,"_screenShotPlayer"),m(this,"_SDKUtils"),m(this,"_ExportVideo"),m(this,"_gestureHandler"),m(this,"_playerContainer"),m(this,"_exportStatus",Ee.DEFAULT),m(this,"disposables",[]),m(this,"player"),m(this,"on",this._eventEmitter.on);const[e,i]=[t.offsetWidth,t.offsetHeight],s=document.createElement("div");s.id="player-container",s.style.width=`${e}px`,s.style.height=`${i}px`,s.style.position="absolute",s.style.backgroundRepeat="no-repeat",s.style.backgroundPosition="center center",t.appendChild(s),this._playerContainer=s,this.player=new v.Player({container:s,interactive:!0,pixelRatio:window.devicePixelRatio||1}),this._gestureHandler=new kt(t),this._gestureHandler.registerViewEvent(),this.player.on("update",()=>{(0,v.assertExist)(this._pageData,"You must call SDK#run() first");const t=this.player.getCompositions()[0]?.time;if(this._pageData.playing)if(void 0!==t)this._pageData.time===t&&this.player.pause(),this._pageData.time=t,this._SDKUtils.refreshPageTime(t);else{this._pageData.playing=!1,this.setPlayProgress(100);const t=this._pageData.viewProperties[this._pageData.activeData.view??0]?.scene,e=t?.compositions.find(e=>e.id===t.compositionId);this._pageData.time=e?.duration??2,this._SDKUtils.refreshPageTime(this._pageData.time)}this._eventEmitter.emit("progress",{duration:this.player.getCompositions()[0]?.getDuration()??2,time:this._pageData.time,end:this.player.getCompositions()[0]?.isDestroyed??!1,paused:!this._pageData.playing})}),this._screenShotContainer=document.createElement("canvas"),this._screenShotPlayer=new v.Player({canvas:this._screenShotContainer,manualRender:!0,renderOptions:{willCaptureImage:!0}}),this._eventEmitter.on("pageDataChange",t=>{this._pageData=t,this._gestureHandler.refresh(),this._gestureHandler.render()}),this._eventEmitter.on("zoomChange",t=>{(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.property.zoom=t,this._SDKUtils.refreshInteractionParam(),this._gestureHandler.refresh(),this._gestureHandler.render()}),this._eventEmitter.on("selectedItemChange",t=>{(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.selectedItems=[...t],this._gestureHandler.refresh(),this._gestureHandler.render()}),this._eventEmitter.on("preSelectedItemChange",t=>{(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.preSelectedItem=t,this._gestureHandler.refresh(),this._gestureHandler.render()}),this._eventEmitter.on("selectedViewChange",t=>{(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.view=t;const e=this._pageData.viewProperties[t];this._gestureHandler.ignoreInteraction=!!e?.ignoreInteraction}),this._SDKUtils=new Rt(this.player,s,this._eventEmitter,this),this._ExportVideo=new De({mediaType:"MP4"});const r=new ResizeObserver(()=>{const e=[t.offsetWidth,t.offsetHeight],i=this._pageData?.viewProperties[this._pageData.activeData.view??0];(0,v.assertExist)(i);const{size:s}=i,[r,a]=this._SDKUtils.getPlayerSizeByParent(e,s);this._playerContainer.style.width=`${r}px`,this._playerContainer.style.height=`${a}px`,this.player.resize(),this._gestureHandler.resize()});r.observe(t),this.disposables.push(()=>{r.disconnect()})}get pageData(){return this._pageData}get exportStatus(){return this._exportStatus}get exportOptions(){if(!this.pageData)return[];const t=this.pageData.viewProperties.filter(t=>!t.ignoreInteraction),e=t[0]?.scene?.compositions?.[0]?.name??"videos",i=[];return t.map((t,s)=>{const{size:r,scene:a,export:{name:n,time:o,audioEnable:h,fps:c}}=t,l=r?.[0]&&r?.[1]?` (${s+1})_${r[0]}×${r[1]}`:` (${s+1})`;let p="";return p=n?function(t,e){if(!e.includes(t))return t;let i=1,s=`${t} (${i})`;for(;e.includes(s);)i++,s=`${t} (${i})`;return s}(n,i):`${e}${l}`,i.push(p),{folderName:e,name:p,size:r,fps:c,scene:JSON.parse(JSON.stringify(a)),time:o,audioEnable:h}})}dispose(){this.player?.dispose(),this._screenShotPlayer?.dispose(),this._pageData=void 0,this._playerContainer.remove(),this._ExportVideo.dispose(),this._gestureHandler.dispose(),this.disposables.forEach(t=>{t()})}async getInitParam(t){const e=JSON.parse(JSON.stringify(t));if("string"==typeof e.scene)try{const t=await fetch(e.scene,{mode:"cors",credentials:"omit",headers:{Accept:"application/json"}});if(!t.ok)throw new Error(`HTTP error! status: ${t.status}, statusText: ${t.statusText}`);const i=await t.json();return{...e,scene:i}}catch(t){throw new Error(`Failed to fetch scene data from ${e.scene}: ${t instanceof Error?t.message:String(t)}`)}return{...e,scene:e.scene}}async initSDK(t){const{scene:e,viewParams:i,options:s}=t,r=[];if(t.staticPreview){const t=JSON.parse(JSON.stringify(e)),i=t.compositions.find(e=>e.id===t.compositionId)??t.compositions[0];if(i){const[e,s]=i.previewSize??[1080,1920],a=i.duration??0;this._screenShotContainer.width=e,this._screenShotContainer.height=s,this._screenShotPlayer.destroyCurrentCompositions(),this._screenShotPlayer.resize();const n=await Ie(this._screenShotPlayer,[e,s],t,a);r.push({size:[e,s],safeArea:[0,0,0,0],previewSafeAreas:[],id:0,scene:t,thumbnail:n,ignoreInteraction:!0,export:{time:a,fileSizeLimit:1,audioEnable:!1}})}}for(let s=0;s<i.length;s++){const a=i[s];if(!a)continue;let n=JSON.parse(JSON.stringify(e));const o=n.compositions.find(t=>t.id===n.compositionId)??n.compositions[0];(0,v.assertExist)(o);const h=o.previewSize??a.size,[c,l]=a.size;o.previewSize=[c,l];const p=o.duration??0;t.keepSafe&&(this._screenShotContainer.width=c,this._screenShotContainer.height=l,this._screenShotPlayer.destroyCurrentCompositions(),this._screenShotPlayer.resize(),n=await this._SDKUtils.keepSceneSafe(this._screenShotPlayer,n,p,h,[c,l],a.safeArea)),this._screenShotContainer.width=c,this._screenShotContainer.height=l,this._screenShotPlayer.destroyCurrentCompositions(),this._screenShotPlayer.resize();const m=await Ie(this._screenShotPlayer,a.size,n,p-.01);r.push({...a,previewSafeAreas:[...a.previewSafeAreas??[]],id:s+1,scene:n,thumbnail:m,ignoreInteraction:!1})}const a=r[0]?.scene;if(!a)return void console.warn("SDK need a view property at least.");const n=a.compositions.find(t=>t.id===a.compositionId)??a.compositions[0],o={...s,zoom:1,translation:[0,0],asyncMode:s.asyncMode??!1},h=(n?.duration??0)-.1;this._pageData={time:h,property:o,activeData:{selectedItems:[]},items:[],viewProperties:r,playing:!1},this._SDKUtils.init(),this._gestureHandler.init(this._SDKUtils),this._gestureHandler.ignoreInteraction=!!r[0]?.ignoreInteraction,await this._SDKUtils.loadScene(0),this._SDKUtils.refreshPageTime(h)}async run(t){const e=await this.getInitParam(t);await this.initSDK(e),this._eventEmitter.emit("pageDataChange",this.getPageData())}getPageData(){return JSON.parse(JSON.stringify(this._pageData))}getActiveItems(){return(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.selectedItems}setPreSelectedItem(t){(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.preSelectedItem=t}getPreSelectedItem(){return(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.preSelectedItem??""}setSelectedItems(t){this._SDKUtils.clearPreSelectedItem(),this._SDKUtils.clearSelectedItems(),this._SDKUtils.addSelectedItems([...t])}getItemProperty(t){(0,v.assertExist)(this._pageData,"You must call SDK#run() first");const e=this._pageData.items.find(e=>e.id===t.itemId);if(e&&e.type===t.type)return{type:e.type,property:e.property}}getItemPropertyValue(t){(0,v.assertExist)(this._pageData,"You must call SDK#run() first");const e=this.getItemProperty(t)?.property?.[t.propertyName];return e}async setItemPropertyValue(t){(0,v.assertExist)(this._pageData,"You must call SDK#run() first");const e=this._pageData.viewProperties[this._pageData.activeData.view??0]?.ignoreInteraction;e?console.warn("Static scene cannot change."):(await this._SDKUtils.changeItemProperty(t),this._gestureHandler.refresh(),this._gestureHandler.render())}async generateScreenShot(t,e=[300,400],i){(0,v.assertExist)(this._pageData,"You must call SDK#run() first");const s=this.pageData?.viewProperties?.[t];if(!s)return"";const{scene:r,size:[a,n]}=s,o=r.compositionId,h=r.compositions.find(t=>t.id===o);i??(i=h?.duration??0),this._screenShotContainer.width=a,this._screenShotContainer.height=n,this._screenShotPlayer.destroyCurrentCompositions(),this._screenShotPlayer.resize();const c=JSON.parse(JSON.stringify(r));return await Ie(this._screenShotPlayer,e,c,i)}async switchScene(t){if((0,v.assertExist)(this._pageData,"You must call SDK#run() first"),t===this._pageData.activeData.view)return;this._pageData.viewProperties[t]?(this._pageData.activeData={view:t,selectedItems:[],preSelectedItem:void 0},await this._SDKUtils.loadScene(t)):console.warn("target scene does not exist."),this._eventEmitter.emit("selectedViewChange",t),this._eventEmitter.emit("pageDataChange",this.getPageData())}getConfig(){return(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),{safeAreaPreview:this._pageData.property.safeAreaPreview,zoom:this._pageData.property.zoom,adsorption:this._pageData.property.adsorption,asyncMode:this._pageData.property.asyncMode}}setConfig(t){(0,v.assertExist)(this._pageData,"You must call SDK#run() first");const{adsorption:e,safeAreaPreview:i,zoom:s}=this._pageData.property;this._pageData.property={...this._pageData.property,...t},this._pageData.property.zoom!==s&&this._SDKUtils.setPageZoom(this._pageData.property.zoom),e!==t.adsorption&&this._gestureHandler.setAdsorptionEnabled(t.adsorption),i!==t.safeAreaPreview&&this._gestureHandler.setSafeAreaPreviewEnabled(t.safeAreaPreview),this._gestureHandler.refresh(),this._gestureHandler.render()}async setPlayProgress(t){(0,v.assertExist)(this._pageData,"You must call SDK#run() first");const e=(this.player.getCompositions()[0]?.getDuration()??2)*t/100;this._pageData.time=e;!this.player.getCompositions().length&&(this.player.destroyCurrentCompositions(),await this._SDKUtils.loadScene(this._pageData.activeData.view??0)),this._pageData.playing?this.player.gotoAndPlay(e):this.player.gotoAndStop(e),this._SDKUtils.refreshPageTime(e)}getViewItems(){return this.getPageData()?.items??[]}async setPlayState(t){(0,v.assertExist)(this._pageData,"You must call SDK#run() first");const e="play"===t;this._pageData.playing!==e&&(this._pageData.playing=e,this._gestureHandler.ignoreInteraction=e,e?(this.player.destroyCurrentCompositions(),this.player.assetManagers.forEach(t=>t.dispose()),this.player.assetManagers=[],await this.player.loadScene(this._pageData.viewProperties[this._pageData.activeData.view].scene,{autoplay:!1}),this.player.gotoAndPlay(this._pageData.time)):this.player.gotoAndStop(this._pageData.time),this._gestureHandler.refresh(),this._gestureHandler.render())}getViewThumbnail(){return(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.viewProperties.map(t=>({id:t.id,thumbnail:t.thumbnail}))}onExportProgress(t){this._eventEmitter.emit("exportProgress",t)}onExportFinish(t,e){this._exportStatus=t?Ee.SUCCESS:Ee.ERROR,this._eventEmitter.emit("exportComplete",t);const i=this.exportOptions[0]?.folderName;if(e&&e.length>0){const t=new w.default;e.forEach((e,i)=>{const{name:s}=this.exportOptions[i]??{};s&&t.file(`${s}.mp4`,e)}),t.generateAsync({type:"blob"}).then(t=>{!function(t,e,i="application/octet-stream"){const s=new Blob(Array.isArray(t)?t:[t],{type:i}),r=URL.createObjectURL(s),a=document.createElement("a");a.href=r,a.download=e,document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(r)}(t,`${i}.zip`,"application/zip")}).catch(t=>{Wt("error",["@vvfx/sdk"],"exportAllVideos is error",t)})}}onExportError(t){this._exportStatus=Ee.ERROR,Wt("error",["@vvfx/sdk"],"exportAllVideos is error",t)}exportAllVideos(){(0,v.assertExist)(this.pageData,"You must call SDK#run() first"),this._exportStatus=Ee.EXPORTING,this._ExportVideo.onExport(this.exportOptions),this._ExportVideo.on("progress",this.onExportProgress.bind(this)),this._ExportVideo.once("finish",this.onExportFinish.bind(this)),this._ExportVideo.on("error",this.onExportError.bind(this))}cancelExportAllVideos(){this._exportStatus=Ee.ERROR,this._ExportVideo.onCancel(),this._eventEmitter.emit("exportComplete",!1)}async loadPageData(t){(0,v.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData={view:this._pageData.viewProperties.length,selectedItems:[],preSelectedItem:void 0},this._pageData.viewProperties.push(...t.viewProperties),this._SDKUtils.init(),this._gestureHandler.init(this._SDKUtils),await this._SDKUtils.loadScene(this.pageData?.activeData.view??0),this._eventEmitter.emit("pageDataChange",this.getPageData())}async runByPageData(t){const e=JSON.parse(JSON.stringify(t));e.property.zoom=1,e.property.translation=[0,0],this._pageData=e,this._SDKUtils.init(),this._gestureHandler.init(this._SDKUtils),await this._SDKUtils.loadScene(this.pageData?.activeData.view??0),this._SDKUtils.refreshPageTime(this._pageData.time),this._eventEmitter.emit("pageDataChange",this.getPageData())}};
package/dist/index.d.cts CHANGED
@@ -46,6 +46,40 @@ type SetItemPropertyValueParam = {
46
46
  }[keyof PageFormTypeAndPropertyReference[T]];
47
47
  }[keyof PageFormTypeAndPropertyReference];
48
48
 
49
+ declare global {
50
+ interface Window {
51
+ /**
52
+ * @description 创建 WebP Core 实例
53
+ */
54
+ createWebPCore: (config: any) => Promise<Img2WebPCore>;
55
+ }
56
+ }
57
+ type FS = {
58
+ writeFile: (path: string, data: Uint8Array | string) => void;
59
+ readFile(path: string, opts: {
60
+ encoding: 'binary';
61
+ flags?: string | undefined;
62
+ }): Uint8Array;
63
+ readFile(path: string, opts: {
64
+ encoding: 'utf8';
65
+ flags?: string | undefined;
66
+ }): string;
67
+ readFile(path: string, opts?: {
68
+ flags?: string | undefined;
69
+ }): Uint8Array;
70
+ unlink: (path: string) => void;
71
+ quit: () => void;
72
+ };
73
+ type Pointer = number;
74
+ type Img2WebPCore = {
75
+ FS: FS;
76
+ run: (...args: string[]) => number;
77
+ cwrap: (ident: string, returnType: string, argTypes: string[]) => ((argc: number, argv: Pointer) => number);
78
+ _malloc: (size: number) => Pointer;
79
+ writeAsciiToMemory: (str: string, buffer: number, dontAddNull?: boolean) => void;
80
+ setValue: (ptr: number, value: any, type: string, noSafe?: boolean) => void;
81
+ };
82
+
49
83
  type BaseFormProperty = {
50
84
  position: [number, number, number];
51
85
  rotation: [number, number, number];
@@ -112,7 +146,11 @@ type SDKInputParam = {
112
146
  /**
113
147
  * @description 是否开启出血区强制变换
114
148
  */
115
- keepSafe: boolean;
149
+ keepSafe?: boolean;
150
+ /**
151
+ * @description 是否开启静态预览功能 - 第一个合成仅支持播放,不可编辑
152
+ */
153
+ staticPreview?: boolean;
116
154
  };
117
155
  /**
118
156
  * @description 页面属性
@@ -243,12 +281,16 @@ type ExportParam = {
243
281
  * @description 是否开启音轨
244
282
  */
245
283
  audioEnable: boolean;
284
+ /**
285
+ * @description 视频fps - 默认 30
286
+ */
287
+ fps?: number;
246
288
  /**
247
289
  * @description 导出视频类型 - 预留参数
248
290
  */
249
291
  type?: string;
250
292
  /**
251
- * @deprecated 视频名称
293
+ * @description 视频名称
252
294
  */
253
295
  name?: string;
254
296
  };
@@ -418,7 +460,7 @@ declare class SDK {
418
460
  */
419
461
  getItemPropertyValue<T extends keyof PageFormTypeAndPropertyReference, N extends keyof PageFormTypeAndPropertyReference[T]>(param: GetItemPropertyValueParam<T, N>): GetItemPropertyValueResult<T, N> | undefined;
420
462
  setItemPropertyValue(param: SetItemPropertyValueParam): Promise<void>;
421
- generateScreenShot(id: number): Promise<string>;
463
+ generateScreenShot(id: number, size?: [number, number], tick?: number): Promise<string>;
422
464
  /**
423
465
  * @description 切换场景
424
466
  * @param index 场景索引
@@ -440,7 +482,7 @@ declare class SDK {
440
482
  */
441
483
  setPlayProgress(progress: number): Promise<void>;
442
484
  getViewItems(): ViewItem[];
443
- setPlayState(playState: 'play' | 'pause'): void;
485
+ setPlayState(playState: 'play' | 'pause'): Promise<void>;
444
486
  /**
445
487
  * @description 获取场景预览图
446
488
  * @returns 视图预览图