@vvfx/sdk 0.0.0-alpha.86 → 0.0.0-alpha.88

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.d.cts +77 -6
  3. package/dist/index.d.ts +77 -6
  4. package/dist/index.global.js +1 -1
  5. package/dist/index.js +1 -1
  6. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- var t=Object.defineProperty,e=Object.getOwnPropertyDescriptor,i=Object.getOwnPropertyNames,s=Object.prototype.hasOwnProperty,a=t=>{throw TypeError(t)},r=(e,i)=>{for(var s in i)t(e,s,{get:i[s],enumerable:!0})},n=(a,r,n,o)=>{if(r&&"object"==typeof r||"function"==typeof r)for(let c of i(r))s.call(a,c)||c===n||t(a,c,{get:()=>r[c],enumerable:!(o=e(r,c))||o.enumerable});return a},o=(t,e,i)=>(n(t,e,"default"),i&&n(i,e,"default")),c=(e,i,s)=>((e,i,s)=>i in e?t(e,i,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[i]=s)(e,"symbol"!=typeof i?i+"":i,s),h=(t,e,i)=>e.has(t)||a("Cannot "+i),l=(t,e,i)=>(h(t,e,"read from private field"),i?i.call(t):e.get(t)),p=(t,e,i)=>e.has(t)?a("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),m=(t,e,i,s)=>(h(t,e,"write to private field"),s?s.call(t,i):e.set(t,i),i),d=(t=>(t[t.BringToFront=0]="BringToFront",t[t.SendToBack=1]="SendToBack",t[t.BringForward=2]="BringForward",t[t.SendBackward=3]="SendBackward",t))(d||{});import"@galacean/effects";import{spec as g,VFXItem as u,Player as y,math as f,Composition as x,EventEmitter as w,assertExist as v,SpriteComponent as I,TextComponent as P,Texture as C,generateGUID as D}from"@galacean/effects";import"@galacean/effects-plugin-rich-text";import{RichTextComponent as z}from"@galacean/effects-plugin-rich-text";import"@galacean/effects-plugin-model";import"@galacean/effects-plugin-multimedia";import{VideoComponent as b}from"@galacean/effects-plugin-multimedia";import"@galacean/effects-plugin-spine";import"@galacean/effects-plugin-ffd";import{Application as S}from"@pixi/app";var A=class{constructor(){c(this,"type"),c(this,"active"),this.type="null",this.active=!1}get interactive(){return this.active}set interactive(t){this.active=t}},T=class t extends f.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 this.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}distanceToLine(e){const i=Math.pow(e.length(),2),{start:s,end:a}=e;if(0===i)return{d:(new t).subtractVectors(this,s).length(),t:0};const r=E(((this.x-s.x)*(a.x-s.x)+(this.y-s.y)*(a.y-s.y))/i,0,1);return{d:(new t).subtractVectors(this,e.at(r)).length(),t:r}}angle(){return Math.atan2(-this.y,-this.x)+Math.PI}rotateAround(t,e){const i=Math.cos(e),s=Math.sin(e),a=this.x-t.x,r=this.y-t.y;return this.x=a*i-r*s+t.x,this.y=a*s+r*i+t.y,this}},_=1e-6;function E(t,e,i){const s=isNaN(e)?-1/0:e,a=isNaN(i)?1/0:i,r=Math.min(s,a),n=Math.max(s,a);return Math.min(Math.max(t,r),n)}var B=Math.PI/180,k=180/Math.PI;function M(t){return Math.atan2(-t.y,-t.x)+Math.PI}function V(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}function U(t,e,i=Math.round){if(Number.isInteger(t))return t;const s=Math.pow(10,e);return i(t*s)/s}function G(t,e){return Math.abs(t-e)<_||t===1/0&&e===1/0||t===-1/0&&e===-1/0}function F(t){return isNaN(t)||Math.abs(t)<_}function R(t,e){const i=new H,{min:s,max:a}=t,{min:r,max:n}=e,o=s.clone().add((new T).subtractVectors(a,s).multiply(r)),c=s.clone().add((new T).subtractVectors(a,s).multiply(n));return i.setFromVec2ArrayWithOutCorners([o,c]),i}function L(t,e){const i=new H,{min:s,max:a}=t,{min:r,max:n}=e,o=(new T).subtractVectors(r,s).divide((new T).subtractVectors(a,s)),c=(new T).subtractVectors(n,s).divide((new T).subtractVectors(a,s));return i.setFromVec2ArrayWithOutCorners([o,c]),i}var W=class t{constructor(t=new T,e=new T){c(this,"start",new T),c(this,"end",new T),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 T).subtractVectors(this.end,this.start).normalize()}getCenter(t=new T){return t.addVectors(this.start,this.end).multiply(.5)}delta(t=new T){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 T){return this.delta(e).multiply(t).add(this.start)}closestPointToPointParameter(t,e){const i=new T,s=new T;i.subtractVectors(t,this.start),s.subtractVectors(this.end,this.start);const a=s.dot(s);let r=s.dot(i)/a;return e&&(r=E(r,0,1)),r}closestPointToPoint(t,e,i=new T){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 T).subtractVectors(this.end,this.start).length()}crossWithLine(t){const e=this.delta(),i=t.delta(),s=(new T).subtractVectors(t.start,this.start),a=(new T).subtractVectors(t.end,this.start),r=(new T).subtractVectors(this.start,t.start),n=(new T).subtractVectors(this.end,t.start),o=s.cross(e),c=a.cross(e),h=r.cross(i),l=n.cross(i);return o*c<0&&h*l<0}},H=class t{constructor(t=new T(1/0,1/0),e=new T(-1/0,-1/0)){c(this,"corners",[]),c(this,"min",new T(1/0,1/0)),c(this,"max",new T(-1/0,-1/0)),this.min=t.clone(),this.max=e.clone(),this.isEmpty()?this.corners=[]:this.corners=[new T(e.x,t.y),e.clone(),new T(t.x,e.y),t.clone()]}set(t,e){return this.min.copyFrom(t),this.max.copyFrom(e),this.corners=[new T(e.x,t.y),e.clone(),new T(t.x,e.y),t.clone()],this}setFromVec2Array(t){return this.min=(new T).copyFrom(t[0]),this.max=(new T).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 T).copyFrom(t[0]),this.max=(new T).copyFrom(t[0]),t.forEach(t=>{this.min=this.min.min(t),this.max=this.max.max(t)}),this.corners.push(new T(this.max.x,this.min.y)),this.corners.push(new T(this.max.x,this.max.y)),this.corners.push(new T(this.min.x,this.max.y)),this.corners.push(new T(this.min.x,this.min.y)),this}setFromCenterAndSize(t,e){const i=(new T).copyFrom(e).multiply(.5);return this.min.copyFrom(t).subtract(i),this.max.copyFrom(t).add(i),this.corners=[new T(this.max.x,this.min.y),this.max.clone(),new T(this.min.x,this.max.y),this.min.clone()],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 T){return this.isEmpty()?t.set(0,0):t.addVectors(this.min,this.max).multiply(.5)}getSize(t=new T){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],a=new T(s.x-i.x,s.y-i.y),r=new T(t.x-i.x,t.y-i.y);if(a.cross(r)<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 T){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 T){return e.copyFrom(t).clamp(this.min,this.max)}distanceToPoint(t){return(new T).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(e){return e instanceof t?(this.min.min(e.min),this.max.max(e.max)):(this.min.min(e),this.max.max(e)),this.corners=[new T(this.max.x,this.min.y),this.max.clone(),new T(this.min.x,this.max.y),this.min.clone()],this}translate(t){return this.min.add(t),this.max.add(t),this.corners.forEach(e=>{e.add(t)}),this}scale(t,e){e??(e=this.getCenter());const i="number"==typeof t?new T(t,t):new T(t.x,t.y);return this.min.scaleByCenter(i,e),this.max.scaleByCenter(i,e),this.corners.forEach(t=>{t.scaleByCenter(i,e)}),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 W(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 W(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}rotate(t,e){e??(e=this.getCenter());const i=this.corners.map(i=>i.rotateAround(e,t));return this.makeEmpty(),this.setFromVec2Array(i),this}},N=class t{constructor(t=new T,e=0){c(this,"center"),c(this,"radius"),this.center=t.clone(),this.radius=e}set(t,e){return this.center=(new T).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 T,this.radius=0,this}isEmpty(){return this.radius<=0}getCenter(t=new T){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}},O=class extends f.Quaternion{},K=class t extends f.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 O).setFromEuler(t))}applyQuaternion(e,i=new t){const{x:s,y:a,z:r,w:n}=e,{x:o,y:c,z:h}=this.subtract(i),l=n*o+a*h-r*c,p=n*c+r*o-s*h,m=n*h+s*c-a*o,d=-s*o-a*c-r*h;return this.x=l*n+d*-s+p*-r-m*-a+i.x,this.y=p*n+d*-a+m*-s-l*-r+i.y,this.z=m*n+d*-r+l*-a-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:a,y:r,z:n}=this.subtract(i);let o=1/(s[3]*a+s[7]*r+s[11]*n+s[15]);return o=isNaN(o)?1:o,this.x=(s[0]*a+s[4]*r+s[8]*n+s[12])*o+i.x,this.y=(s[1]*a+s[5]*r+s[9]*n+s[13])*o+i.y,this.z=(s[2]*a+s[6]*r+s[10]*n+s[14])*o+i.z,this}},j=class t extends f.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=K.ZERO){const a=this.elements,{x:r,y:n,z:o,w:c}=e,h=-s.x,l=-s.y,p=-s.z,m=r+r,d=n+n,g=o+o,u=r*m,y=r*d,f=r*g,x=n*d,w=n*g,v=o*g,I=c*m,P=c*d,C=c*g,{x:D,y:z,z:b}=i;return a[0]=(1-(x+v))*D,a[1]=(y+C)*D,a[2]=(f-P)*D,a[3]=0,a[4]=(y-C)*z,a[5]=(1-(u+v))*z,a[6]=(w+I)*z,a[7]=0,a[8]=(f+P)*b,a[9]=(w-I)*b,a[10]=(1-(u+x))*b,a[11]=0,a[12]=h*a[0]+l*a[4]+p*a[8]-h+t.x,a[13]=h*a[1]+l*a[5]+p*a[9]-l+t.y,a[14]=h*a[2]+l*a[6]+p*a[10]-p+t.z,this}extractRotation(t){const e=new K,i=t.elements,s=this.elements,a=1/e.setFromMatrixColumn(t,0).length(),r=1/e.setFromMatrixColumn(t,1).length(),n=1/e.setFromMatrixColumn(t,2).length();return s[0]=i[0]*a,s[1]=i[1]*a,s[2]=i[2]*a,s[3]=0,s[4]=i[4]*r,s[5]=i[5]*r,s[6]=i[6]*r,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,a=t.z,r=Math.cos(i),n=Math.sin(i),o=Math.cos(s),c=Math.sin(s),h=Math.cos(a),l=Math.sin(a);if(t.order===f.EulerOrder.XYZ){const t=r*h,i=r*l,s=n*h,a=n*l;e[0]=o*h,e[4]=-o*l,e[8]=c,e[1]=i+s*c,e[5]=t-a*c,e[9]=-n*o,e[2]=a-t*c,e[6]=s+i*c,e[10]=r*o}else if(t.order===f.EulerOrder.YXZ){const t=o*h,i=o*l,s=c*h,a=c*l;e[0]=t+a*n,e[4]=s*n-i,e[8]=r*c,e[1]=r*l,e[5]=r*h,e[9]=-n,e[2]=i*n-s,e[6]=a+t*n,e[10]=r*o}else if(t.order===f.EulerOrder.ZXY){const t=o*h,i=o*l,s=c*h,a=c*l;e[0]=t-a*n,e[4]=-r*l,e[8]=s+i*n,e[1]=i+s*n,e[5]=r*h,e[9]=a-t*n,e[2]=-r*c,e[6]=n,e[10]=r*o}else if(t.order===f.EulerOrder.ZYX){const t=r*h,i=r*l,s=n*h,a=n*l;e[0]=o*h,e[4]=s*c-i,e[8]=t*c+a,e[1]=o*l,e[5]=a*c+t,e[9]=i*c-s,e[2]=-c,e[6]=n*o,e[10]=r*o}else if(t.order===f.EulerOrder.YZX){const t=r*o,i=r*c,s=n*o,a=n*c;e[0]=o*h,e[4]=a-t*l,e[8]=s*l+i,e[1]=l,e[5]=r*h,e[9]=-n*h,e[2]=-c*h,e[6]=i*l+s,e[10]=t-a*l}else if(t.order===f.EulerOrder.XZY){const t=r*o,i=r*c,s=n*o,a=n*c;e[0]=o*h,e[4]=-l,e[8]=c*h,e[1]=t*l+a,e[5]=r*h,e[9]=i*l-s,e[2]=s*l-i,e[6]=n*h,e[10]=a*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}},$=class extends f.Euler{constructor(t=0,e=0,i=0,s=f.EulerOrder.XYZ){super(t,e,i,s)}getInvertMatrixByEuler(){return(new j).makeRotationFromEuler(this).invert()}toDegreeVector3(t){return t?t.set(this.x*k,this.y*k,this.z*k):new K(this.x*k,this.y*k,this.z*k)}setFromDegreeVector3(t,e){return this.set(t.x*B,t.y*B,t.z*B,e??this.order)}},Y=class t{constructor(t=0,e=new K(0,0,1)){c(this,"distance"),c(this,"normal");const i=e.length();0===i&&(this.normal=new K(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 K(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}},J=class t extends f.Ray{constructor(t=new K,e=new K(1,0,0)){super(t,e),c(this,"origin"),c(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(F(e))return F(t.distanceToPoint(this.origin))?0:NaN;const i=(-this.origin.dot(t.normal)-t.distance)/e;return i>0?i:NaN}},X=class{constructor(t=new J){c(this,"ray"),this.ray=t.clone()}setFromCamera(t,e){const i=e.position,s=new K(t.x,t.y,.5).applyMatrix(e.inverseViewProjectMatrix).subtract(i).normalize();return this.ray.set(i,s),this}rayCastPlane(t){const e=new K,i=this.ray.rayCastPlane(t,e);if(!isNaN(i))return{distance:i,point:this.ray.at(i)}}},Z=class extends A{constructor(t){super(),c(this,"type","control"),c(this,"_interactionType","mouse"),c(this,"active",!1),c(this,"lastPoint",new T),c(this,"cursorResult",{type:"normal",angle:0}),c(this,"SDKUtils"),this.SDKUtils=t}get interactive(){return pi.config.gestureHandlerConfig.controlGizmoEnabled}set interactive(t){pi.config.gestureHandlerConfig.controlGizmoEnabled=!0}get interactionType(){return this._interactionType}set interactionType(t){t===this._interactionType&&(this._interactionType=t,this.refreshCursorResult())}get useCameraControl(){return"editor"===pi.config.mode}preparationAction(){}cancelPreparation(){}refreshResults(){}preAction(t){return"mouse"===this.interactionType&&(this.active=!0,this.lastPoint=new T(t.clientX,t.clientY)),this.refreshCursorResult(),"mouse"===this.interactionType?this.type:void 0}action(t){if(!pi.config.gestureHandlerConfig.controlGizmoEnabled)return void console.warn("Control gizmo is not opened, use #SDK.setControlConfig() open this feature.");const{metaKey:e,ctrlKey:i,shiftKey:s}=t;if(0===t.buttons){const{deltaX:a,deltaY:r,offsetX:n,offsetY:o}=t,c=new T(a,r);if(e||i){const t=this.useCameraControl?new T(n,o):new T,e=-c.y*pi.config.gestureHandlerConfig.controlGizmoConfig.zoomStep;this.SDKUtils.pageZoom(e,t)}else c.x=s&&0!==c.y?Math.sqrt(c.x**2+c.y**2)*c.y/Math.abs(c.y):c.x,c.y=s?0:c.y,this.SDKUtils.pageMove(c.negate())}else if(this.active&&t instanceof MouseEvent&&[1,4].includes(t.buttons)){const{clientX:e,clientY:i}=t,a=new T(e,i),r=(new T).subtractVectors(a,this.lastPoint);r.x=s&&0!==r.y?Math.sqrt(r.x**2+r.y**2)*r.y/Math.abs(r.y):r.x,r.y=s?0:r.y,this.SDKUtils.pageMove(r),this.lastPoint.copyFrom(a)}}endAction(){return this.active=!1,this.refreshCursorResult(),"mouse"===this.interactionType?this.type:void 0}interruption(){return this.type}actionKey(){}endActionKey(){}refreshCursorResult(){"mouse"===this.interactionType?this.cursorResult={type:this.active?"active-hand":"hand",angle:0}:this.cursorResult={type:"normal",angle:0}}getRenderObjects(){return[]}};import{Graphics as q}from"@pixi/graphics";function Q(t,e){t.includes(e)||t.push(e)}function tt(t){return"object"==typeof t&&!!t}function et(t,e){if(tt(t)&&tt(e)){if(Array.isArray(t)&&Array.isArray(e))return t.length===e.length&&t.every((t,i)=>et(t,e[i]));const i=[];for(const s in t)if(Object.prototype.hasOwnProperty.call(t,s)){if(!et(t[s],e[s]))return!1;i.push(s)}return Object.getOwnPropertyNames(e).length===i.length}return t===e}var it=class extends A{constructor(t){super(),c(this,"result",{type:"null",box:new H}),c(this,"selectedItemIds",[]),c(this,"activeParentIds",[]),c(this,"cursorPoint",new T),c(this,"startPoint",new T),c(this,"firstClickPoint",new T),c(this,"graphics",new q),c(this,"pageDataUtils"),c(this,"clearResult",!1),c(this,"type","selector"),this.pageDataUtils=t}get interactive(){return pi.config.gestureHandlerConfig.selectorGizmoEnabled}set interactive(t){pi.config.gestureHandlerConfig.selectorGizmoEnabled=!0}actionKey(){}endActionKey(){}getRenderObjects(){return this.interactive?this.clearResult?(this.result={type:"null",box:new H},this.clearResult=!1,[]):(this.refreshResults(),[this.graphics]):[]}cancelPreparation(){this.result.type="null",this.pageDataUtils.clearPreSelectedItem()}preparationAction(t,e){if(this.result.box=new H,!this.interactive)return void console.warn("Selector gizmo is not opened, use #SDK.setSelectorConfig() open this feature.");const i=new T(t.offsetX,t.offsetY),s=this.hitTest(i);this.selectedItemIds=this.filterSelectedItems(s);const a=this.selectedItemIds[0]??"",r=[...this.pageDataUtils.getPageData().activeData.selectedItems,...this.pageDataUtils.getPageData().activeData.selectedItems.flatMap(t=>this.pageDataUtils.getChildrenIds(t))],n=this.pageDataUtils.getPageData()?.activeData.preSelectedItem;return a.length&&e&&!r.includes(a)||!e?(!a.length||this.pageDataUtils.isItemSelected(a)||r.includes(a)?(this.pageDataUtils.pauseVideoItem(n),this.pageDataUtils.clearPreSelectedItem()):(this.pageDataUtils.addPreSelectedItem(a),a!==n&&(this.pageDataUtils.playVideoItem(a),this.pageDataUtils.pauseVideoItem(n))),this.type):(this.pageDataUtils.pauseVideoItem(n),this.pageDataUtils.clearPreSelectedItem(),e)}preAction(t,e=!1,i){if(!this.interactive)return void console.warn("Selector gizmo is not opened, use #SDK.setSelectorConfig() open this feature.");const s=this.pageDataUtils.getPageData()?.activeData.preSelectedItem;switch(this.pageDataUtils.pauseVideoItem(s),this.pageDataUtils.clearPreSelectedItem(),t.buttons){case 1:{const s=new T(t.offsetX,t.offsetY);if(i??(i=this.firstClickPoint),e&&s.distanceTo(i)<4){const e=new T(t.offsetX,t.offsetY),i=this.hitTest(e);this.selectedItemIds=this.filterSelectedItems(i)}if(e||this.firstClickPoint.set(t.offsetX,t.offsetY),t.shiftKey){if(e){const t=this.pageDataUtils.getViewItemById(this.selectedItemIds[0]);t?.parentId&&this.pageDataUtils.removeSelectedItems([t.parentId])}}else this.pageDataUtils.clearSelectedItems(0===this.selectedItemIds.length);if(0===this.selectedItemIds.length)return this.startPoint=new T(t.clientX,t.clientY),this.cursorPoint=new T(t.offsetX,t.offsetY),this.activeParentIds=[],this.active=!0,this.type;{this.pageDataUtils.addSelectedItems([this.selectedItemIds[0]]);const t=this.pageDataUtils.getPageData()?.activeData?.selectedItems;return this.addActiveParentIds(t),this.clearResult=!0,this.pageDataUtils.saveUndoRedoOldData(),1===t?.length&&this.pageDataUtils.getViewItemById(t[0])?.type===g.ItemType.text?"text":"transform"}}case 2:{const e=[...this.pageDataUtils.getPageData().activeData.selectedItems,...this.pageDataUtils.getPageData().activeData.selectedItems.flatMap(t=>this.pageDataUtils.getChildrenIds(t))];return this.selectedItemIds.length&&!e.includes(this.selectedItemIds[0])&&(t.shiftKey||this.pageDataUtils.clearSelectedItems(),this.pageDataUtils.addSelectedItems([this.selectedItemIds[0]]),this.clearResult=!0),void this.pageDataUtils.saveUndoRedoOldData()}default:return}}action(t){const e=(new T).addVectors(this.cursorPoint,(new T).subtractVectors(new T(t.clientX,t.clientY),this.startPoint)),i=(new T).subtractVectors(this.cursorPoint,e),s=(new T).addVectors(this.cursorPoint,e).multiply(.5);i.x=Math.abs(i.x),i.y=Math.abs(i.y);const a=(new H).setFromCenterAndSize(s,i);this.result.type="region",this.result.box=a,this.pageDataUtils.clearSelectedItems();const r=this.pageDataUtils.getPageData().items?.filter(t=>this.pageDataUtils.getItemEditEnable(t.id)),n=[];i.length()>0&&r?.forEach(t=>{a.intersectsBox(this.pageDataUtils.getViewBoxById(t.id),!1)&&n.push(t.id)});const o=this.filterSelectedItems(n);this.pageDataUtils.addSelectedItems(o)}endAction(){this.active=!1,this.result.type="null"}interruption(){this.active=!1,this.result.type="null"}hitTest(t){const e=this.pageDataUtils.getCurrentComposition();if(!e?.items)return[];const{x:i,y:s}=this.pageDataUtils.getViewportByViewPoint(t),a={ray:new J,regions:[]};try{a.regions=e.hitTest(i,s,!0),a.ray=e.getHitTestRay(i,s)}catch(t){console.warn(t)}return this.reorderHitTestResult(a,e).filter(t=>"extra-camera"!==t&&this.pageDataUtils.getItemEditEnable(t))}reorderHitTestResult(t,e){if(0===t.regions.length||!e)return[];const{ray:i}=t,s=t.regions.reverse(),a=[];return s.forEach(t=>{let s;const r=(t,e)=>{for(const i of t){if(i.getInstanceId()===e&&(s=i),s)return;r(i.children,e)}};if(r(e.items,t.item.getInstanceId()),void 0===s)return;const n=s.getInstanceId(),o=i.origin.clone().distance(t.position.clone());if((s.type===g.ItemType.mesh||s.getComponent(I)?.renderer?.occlusion||s.getComponent(P)?.renderer?.occlusion||s.getComponent(b)?.renderer?.occlusion||s.getComponent(z)?.renderer?.occlusion)&&a.length>0){let t=!0;a.forEach((e,i)=>{if(t)return o<=e[1]?(a.splice(i,0,[n,o]),void(t=!1)):void(i===a.length-1&&a.push([n,o]))})}else a.push([n,o])}),a.map(t=>t[0])}filterSelectedItems(t){const e=[],i=t=>{const e=this.pageDataUtils.getViewItemById(t);return!e.parentId||this.activeParentIds.includes(e.parentId)?e.id:i(e.parentId)},s=this.pageDataUtils.getPageData()?.activeData.loadingItems??[];return t.forEach(t=>{const a=i(t);s.includes(a)||Q(e,a)}),e}addActiveParentIds(t){this.activeParentIds=[],t?.forEach(t=>{if(!this.pageDataUtils.getViewItemById(t))return;const e=t=>{this.activeParentIds.push(t);const i=this.pageDataUtils.getViewItemById(t);i.parentId&&e(i.parentId)};e(t)})}resetActiveParentIds(t){const e=this.pageDataUtils.getViewItemById(t);e&&(this.activeParentIds=this.activeParentIds.filter(t=>t===e.parentId))}refreshResults(){const{box:t}=this.result;this.graphics.clear();const e=this.pageDataUtils.getPreSelectedItem(),i=this.pageDataUtils.getViewBoxById(e?.id??""),{regionBoxColor:s,regionBoxAlpha:a,preSelectedWidth:r,preSelectedColor:n,regionWireframeWidth:o,regionWireframeColor:c,regionWireframeAlpha:h}=pi.config.gestureHandlerConfig.selectorGizmoConfig;if(i?.isEmpty()||(this.graphics.lineStyle(r,n),this.graphics.drawBox(i)),!t.isEmpty()&&"region"===this.result.type)this.graphics.lineStyle(o,c,h),this.graphics.drawBox(t),this.graphics.beginFill(s,a),this.graphics.fillBox(t),this.graphics.endFill()}},st={};r(st,{Application:()=>ct,utils:()=>nt});import{Vector2 as at}from"@galacean/effects-plugin-model";var rt={};r(rt,{Application:()=>ct,utils:()=>nt}),o(rt,dt),o(rt,gt),o(rt,ut),o(rt,yt),o(rt,ft),o(rt,xt),o(rt,wt),o(rt,vt),o(rt,It),o(rt,Pt),o(rt,Ct),o(rt,Dt);import"@pixi/polyfill";import*as nt from"@pixi/utils";import{InteractionManager as ot}from"@pixi/interaction";import{Application as ct}from"@pixi/app";import{Renderer as ht,BatchRenderer as lt}from"@pixi/core";import{AppLoaderPlugin as pt}from"@pixi/loaders";import{TickerPlugin as mt}from"@pixi/ticker";import*as dt from"@pixi/constants";import*as gt from"@pixi/core";import*as ut from"@pixi/display";import*as yt from"@pixi/graphics";import*as ft from"@pixi/loaders";import*as xt from"@pixi/interaction";import*as wt from"@pixi/math";import*as vt from"@pixi/runner";import*as It from"@pixi/sprite";import*as Pt from"@pixi/text";import*as Ct from"@pixi/ticker";import*as Dt from"@pixi/settings";nt.skipHello(),ht.registerPlugin("interaction",ot),ht.registerPlugin("batch",lt),ct.registerPlugin(mt),ct.registerPlugin(pt),rt.Graphics.prototype.drawBox=function(t){const e=t.getCorners();this.beginFill();for(let t=0;t<4;t++){const i=e[t],s=e[(t+1)%4],a=(new at).subtractVectors(s,i).normalize();this.moveTo(i.x-a.x,i.y-a.y),this.lineTo(s.x+a.x,s.y-a.y)}this.endFill()},rt.Graphics.prototype.fillBox=function(t){const e=t.getSize();this.drawRect(t.min.x,t.min.y,e.x,e.y)},rt.Graphics.prototype.drawLine=function(t){if(this.beginFill(),t instanceof W)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()},o(st,rt);var zt=class extends A{constructor(t,e,i){super(),c(this,"type","transform"),c(this,"wireframe"),c(this,"cursorResult",{type:"normal",angle:0}),c(this,"cursorPoint",new T),c(this,"lastPoint",new T),c(this,"rotationAngle",0),c(this,"active",!1),c(this,"enableAdsorption",!0),c(this,"scaleParam"),c(this,"activeType","null"),c(this,"lastWorldPosition",new K),c(this,"_ignoreInteraction",!1),c(this,"firstClickPoint",new T),c(this,"_pageDataUtils"),c(this,"adsorptionGizmo"),c(this,"selectorGizmo"),c(this,"graphics",new st.Graphics),c(this,"_isLockScale",!0),c(this,"isShiftDown",!1),c(this,"nameText",new st.Text("",{fontSize:14,fill:pi.config.gestureHandlerConfig.transformGizmoConfig.sizeTextColor,align:"left"})),c(this,"imageSprite"),c(this,"nullSprite"),c(this,"textSprite"),c(this,"videoSprite"),this._pageDataUtils=t,this.selectorGizmo=i,this.adsorptionGizmo=e,this.wireframe={edges:[],anchor:new T,scaleCorners:[],rotationCorners:[],interactive:!0,cornerEnable:!0,directionEnable:!0,rotationEnabled:!0,scaleEnabled:!0,box:new H,totalBox:new H,childrenBoxes:[],activeType:"null",interactiveDirection:new T,scaleCorner:new T,scaleEdgeCorners:[]},this.imageSprite=st.Sprite.from(pi.config.gestureHandlerConfig.transformGizmoConfig.pictureLogoUrl),this.imageSprite.width=15,this.imageSprite.height=15,this.nullSprite=st.Sprite.from(pi.config.gestureHandlerConfig.transformGizmoConfig.nullLogoUrl),this.nullSprite.width=15,this.nullSprite.height=15,this.textSprite=st.Sprite.from(pi.config.gestureHandlerConfig.transformGizmoConfig.textLogoUrl),this.textSprite.width=15,this.textSprite.height=15,this.videoSprite=st.Sprite.from(pi.config.gestureHandlerConfig.transformGizmoConfig.videoLogoUrl),this.videoSprite.width=15,this.videoSprite.height=15}get interactive(){return pi.config.gestureHandlerConfig.transformGizmoEnabled}set interactive(t){pi.config.gestureHandlerConfig.transformGizmoEnabled=t,this.ignoreInteraction=t}get isLockScale(){return this._isLockScale}set isLockScale(t){t!==this.isLockScale&&(this._isLockScale=t)}get infoType(){const t=this._pageDataUtils.getSelectedItems();return 1===t.length?t[0].type:g.ItemType.base}get ignoreInteraction(){return this._ignoreInteraction}set ignoreInteraction(t){t!==this._ignoreInteraction&&(this._ignoreInteraction=t,this.wireframe.cornerEnable=t)}actionKey(t){this.isShiftDown=t.shiftKey}endActionKey(t){this.isShiftDown=t.shiftKey}getRenderObjects(){const t=[];if(!this.interactive)return t;if(this.refreshRenderObject(),t.push(this.graphics),this.infoType!==g.ItemType.base)switch(t.push(this.nameText),this.infoType){case g.ItemType.sprite:t.push(this.imageSprite);break;case g.ItemType.null:t.push(this.nullSprite);break;case g.ItemType.text:t.push(this.textSprite);break;case g.ItemType.video:t.push(this.videoSprite)}return t}cancelPreparation(){this.active=!1,this.wireframe.activeType="null"}preparationAction(t){if(!this.interactive)return void console.warn("Transform gizmo is not opened, use #SDK.openTransformGizmo() open this feature.");const e=new T(t.offsetX,t.offsetY),i=this.wireframe;this.refreshTransformType(e);const{interactiveDirection:s}=i;this.refreshCursorResult(this.activeType,M(s));const a="translation"===this.activeType?this.selectorGizmo.preparationAction(t,"transform"):this.type;return this.active="transform"===a&&"null"!==this.activeType,this.active&&a?a:void 0}preAction(t,e=!1){if(this._pageDataUtils.saveUndoRedoOldData(),this.active=1===t.buttons,this.lastPoint=new T(t.clientX,t.clientY),this.cursorPoint=new T(t.offsetX,t.offsetY),1!==t.buttons)return;if(e)return this.selectorGizmo.preAction(t,e,new T(t.offsetX,t.offsetY));this.active=!0,"null"===this.wireframe.activeType&&(this.wireframe.activeType="translation");const i=this.cursorPoint.clone().subtract(this._pageDataUtils.getViewportLeftTopPosition());return this.initInteractionPlane(i),this.lastWorldPosition=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(i)??new K,this.activeType=e?"null":this.activeType,this.type}action(t){if(!this.interactive)return void console.warn("Selector gizmo is not opened, use #SDK.setAdsorptionConfig() open this feature.");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._pageDataUtils.getViewportLeftTopPosition());this.initInteractionPlane(e),this.lastWorldPosition=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(e)??new K}const e=new T(t.clientX,t.clientY),i=(new T).subtractVectors(e,this.lastPoint);if(!this.wireframe.interactive)return;const s=this._pageDataUtils.getSelectedItems(),{anchor:a,activeType:r,interactiveDirection:n,scaleCorner:o}=this.wireframe,c=this._pageDataUtils.getPageData();v(c);let h=0;switch(r){case"rotation":{const t=a.clone(),e=new K,r=U(V((new T).subtractVectors(this.cursorPoint,t),(new T).subtractVectors(this.cursorPoint.add(i),t))*k,3);e.z=r,this.rotationAngle+=r,h=M(n)+this.rotationAngle*B,s.forEach(t=>{this._pageDataUtils.rotateItem(t.id,e)});break}case"translation":{const t=i.clone();if(this.enableAdsorption){const e=c.items.map(t=>s.find(e=>e.id===t.id)||0!==s.filter(e=>t.parentId&&t.parentId===e.id).length||!this._pageDataUtils.getItemEditEnable(t.id)||s.find(e=>e.parentId===t.id)?new H:this._pageDataUtils.getViewBoxById(t.id)).filter(t=>!t.isEmpty()),i=new T(this.adsorptionGizmo.absorptionResult.x??0,this.adsorptionGizmo.absorptionResult.y??0);this.adsorptionGizmo.boxTranslationAdsorption(t,this.wireframe.box,e);const a=new T(this.adsorptionGizmo.absorptionResult.x??0,this.adsorptionGizmo.absorptionResult.y??0);t.add(i).subtract(a)}const e=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(this.cursorPoint.add(t).clone().subtract(this._pageDataUtils.getViewportLeftTopPosition()));if(e){const t=e.clone().subtract(this.lastWorldPosition);s.forEach(e=>{e.type!==g.ItemType.camera&&(t.x=U(t.x,5),t.y=U(t.y,5),t.z=U(t.z,5),this._pageDataUtils.moveItem(e.id,t))}),this.lastWorldPosition.copyFrom(e)}break}case"scale":{const t=this.cursorPoint.add(i).clone().subtract(this._pageDataUtils.getViewportLeftTopPosition());if(!o||!this.scaleParam||!i.length())return;const e=this.scaleParam.farthestCorner;(o.x-e.x)*(this.cursorPoint.x-e.x)>0&&(o.y-e.y)*(this.cursorPoint.y-e.y)>0||!this.isLockScale||this.isShiftDown||(t.x=e.x+(o.x-e.x)/Math.abs(o.x-e.x)*4,t.y=e.y+(o.y-e.y)/Math.abs(o.y-e.y)*4);const a=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t);if(a){const t=this._pageDataUtils.getSelectedItems()[0]??void 0,e=this._pageDataUtils.getItemTransformById(t?.id??""),i=(new j).extractRotation(e.matrix).invert(),{corner:r,center:n,shift:o,lastScalar:c}=this.scaleParam,h=(new K).subtractVectors(r,n).applyMatrix(i),l=h.clone().multiply(c),p=a.clone().subtract(o).subtract(n).applyMatrix(i),m=new K(1,1,1);if(!this.isLockScale||this.isShiftDown)m.x=G(l.x,0)?1:p.x/l.x,m.y=G(l.y,0)?1:p.y/l.y,m.z=G(l.z,0)?1:p.z/l.z;else{const t=function(t){let e,i=0;return t.forEach((t,s)=>{if(0===s)e=Math.abs(t);else{const a=Math.abs(t);e<a&&(e=a,i=s)}}),i}([G(h.x,0)?1:Math.abs(p.x/h.x),G(h.y,0)?1:Math.abs(p.y/h.y)]),e=p.toArray()[t],i=l.toArray()[t];if(G(c.x,c.y)&&G(c.z,c.x)){const t=G(i,0)?1:Math.abs(e/i);m.set(t,t,t)}else if(0===t){m.x=G(i,0)?1:Math.abs(e/i);const t=h.y*e/h.x;m.y=G(l.y,0)?1:t/l.y;const s=h.z*e/h.x;m.z=G(l.z,0)?1:s/l.z}else if(1===t){m.y=G(i,0)?1:Math.abs(e/i);const t=h.x*e/h.y;m.x=G(l.x,0)?1:t/l.x;const s=h.z*e/h.y;m.z=G(l.z,0)?1:s/l.z}else{m.z=G(i,0)?1:Math.abs(e/i);const t=h.x*e/h.z;m.x=G(l.x,0)?1:t/l.x;const s=h.y*e/h.z;m.y=G(l.y,0)?1:s/l.y}}const d=m.clone().subtract(new K(1,1,0)).divide(2).add(new K(1,1,.5)),g=n.clone().add((new K).subtractVectors(r,n).multiply(new K(c.x,c.y,1)));this.scaleParam.lastScalar.multiply(d);const u=n.clone().add((new K).subtractVectors(r,n).multiply(new K(this.scaleParam.lastScalar.x,this.scaleParam.lastScalar.y,1))),y=(new K).subtractVectors(u,g);y.x=U(y.x,5),y.y=U(y.y,5),y.z=U(y.z,5),this.scaleParam.center.add(y),this.scaleParam.corner.add(y),s.forEach(t=>{this._pageDataUtils.scaleItem(t.id,d),this._pageDataUtils.moveItem(t.id,y)}),this.lastWorldPosition.copyFrom(a)}h=M(n);break}}this.refreshCursorResult(r,h),this.lastPoint.copyFrom(e)}endAction(t){this._pageDataUtils.pushUndoRedoData(),this.active=!1;const e=new T(t.clientX,t.clientY),i=(new T).subtractVectors(e,this.lastPoint);this.cursorPoint.add(i);const s=this.wireframe;this.refreshTransformType(this.cursorPoint);const{activeType:a,interactiveDirection:r}=s;this.refreshCursorResult(a,M(r)),this.adsorptionGizmo.clearAbsorptionResult(),this.rotationAngle=0,this.cursorPoint=new T,this.lastPoint=new T}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)*k};break;case"rotation":this.cursorResult={type:"rotation",angle:(e+Math.PI/4)*k};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)}initInteractionPlane(t){const e=this._pageDataUtils.getSelectedItems();switch(this.wireframe.activeType){case"scale":{const i=1==e.length?e[0]:void 0;let s,a,r;if(i){const t=this._pageDataUtils.getItemTransformById(i.id);s=(new K).copyFrom(this._pageDataUtils.getPlayerItemById(i.id).transform.anchor).applyMatrix(t.matrix),a=(new K).setFromMatrixPosition(t.matrix),r=(new $).setFromQuaternion((new O).setFromRotationMatrix(t.matrix))}this._pageDataUtils.interactionUtils.initInteractionPlane(a,r);const{scaleCorner:n,box:o}=this.wireframe,c=o.corners[0].clone();let h=c.distanceTo(n);o.corners.forEach(t=>{t.distanceTo(n)>h&&(c.copyFrom(t),h=t.distanceTo(n))}),this.scaleParam={shift:new K,center:new K,corner:new K,lastScalar:new K(1,1,1),farthestCorner:c},this.scaleParam.center=s??a;const l=this._pageDataUtils.getViewportLeftTopPosition();if(["scale"].includes(this.wireframe.activeType)&&this.wireframe.scaleCorner){const t=this.wireframe.scaleCorner.clone().subtract(l);this.scaleParam.corner=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t)??new K}this.scaleParam.shift=(this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t)??new K).subtract(this.scaleParam.corner);break}case"translation":case"rotation":this._pageDataUtils.interactionUtils.initInteractionPlane()}}refreshRenderObject(){this.graphics.clear(),this.nameText.text="";const{wireframeAlpha:t,wireframeColor:e,wireframeWidth:i,cornerFillColor:s,cornerLineWidth:a,cornerLineColor:r,cornerLineAlpha:n}=pi.config.gestureHandlerConfig.transformGizmoConfig;if(!this.wireframe.box.isEmpty()){this.graphics.lineStyle(i,e,t),this.wireframe.edges.forEach(t=>{this.graphics.drawLine(t)});const o=t=>{t.corners.forEach((e,i)=>{const s=new W(e,t.corners[(i+1)%4]);this.graphics.drawLine(s)})};if(this.wireframe.childrenBoxes.forEach(t=>{o(t)}),this.wireframe.cornerEnable&&(this.graphics.beginFill(s),this.graphics.lineStyle(a,r,n),this.wireframe.scaleCorners.forEach(t=>{this.graphics.drawCircle(t.center.x,t.center.y,t.radius)}),this.graphics.endFill()),this.infoType!==g.ItemType.base){const t=this._pageDataUtils.getSelectedItems()[0],e=t.type===g.ItemType.null?"编组":t.type===g.ItemType.sprite?"图片":t.type===g.ItemType.text?"文本":t.type===g.ItemType.video?"视频":"",{size:i,rotation:s}=t.property,a=this.infoType===g.ItemType.sprite?this.imageSprite:this.infoType===g.ItemType.null?this.nullSprite:this.infoType===g.ItemType.text?this.textSprite:this.videoSprite,r=this.wireframe.box.corners[3],n=s[2]*B;a.anchor.set(0,1),a.x=r.x,a.y=r.y-5,a.rotation=-n;const o=r.clone().add(new T(20,0)).rotateAround(r,-n),c=new T(0,4).rotateAround(new T,n);this.nameText.text=` ${e} ${i.map(t=>U(t,0)).join(" * ")}`,this.nameText.anchor.set(0,1),this.nameText.x=o.x+c.x,this.nameText.y=o.y-c.y,this.nameText.rotation=-n}}}refreshTransformType(t){this.activeType="null";let e=!0;if(this.wireframe.interactiveDirection=new T,this.wireframe.scaleCorner=void 0,this.wireframe.scaleEdgeCorners=void 0,e&&this.wireframe.totalBox.containsPoint(t)){if(this.wireframe.scaleEnabled)for(let i=0,s=this.wireframe.scaleCorners.length;i<s;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}}if(e&&this.wireframe.box.containsPoint(t,!1)&&(e=!1,this.activeType="translation",this.wireframe.activeType="translation"),this.wireframe.rotationEnabled)for(let i=0,s=this.wireframe.scaleCorners.length;i<s;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._pageDataUtils.getSelectedItems(),e=new H;if(this.wireframe.edges=[],this.wireframe.scaleCorners=[],this.wireframe.childrenBoxes=[],this.wireframe.rotationCorners=[],this.wireframe.rotationEnabled="template"===pi.config.mode,this.wireframe.scaleEnabled=1===t.length&&t[0].type!==g.ItemType.null||"template"===pi.config.mode,this.wireframe.cornerEnable=1===t.length&&t[0].type!==g.ItemType.null||"template"===pi.config.mode,t.length>1)t.forEach(t=>{if(this._pageDataUtils.getItemShow(t.id)){const i=this._pageDataUtils.getViewBoxById(t.id);e.union(i),this.wireframe.childrenBoxes.push((new H).copyFrom(i).expandByScalar(1))}}),this.wireframe.anchor=e.getCenter(),this.wireframe.interactive=!0;else if(1===t.length){const i=t[0];if((i.type!==g.ItemType.text||"template"===pi.config.mode)&&this._pageDataUtils.getItemShow(i.id)){const t=this._pageDataUtils.getViewBoxById(i.id);e.copyFrom(t),this.wireframe.anchor=this._pageDataUtils.getItemViewAnchor(i.id)??e.getCenter(),this.wireframe.interactive=i.type!==g.ItemType.mesh&&this._pageDataUtils.getItemEditEnable(i.id)}}const i=e.isEmpty(),s=i?0:1,a=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(a);const r=this.wireframe.box.corners;r.forEach((t,e)=>{this.wireframe.edges.push(new W((new T).copyFrom(t),(new T).copyFrom(r[(e+1)%4])))});const{scaleCircleSize:n,rotationCircleSize:o}=pi.config.gestureHandlerConfig.transformGizmoConfig;1===t.length&&this.wireframe.box.corners.forEach(t=>{this.wireframe.scaleCorners.push(new N(t,n));const e=(new T).subtractVectors(t,this.wireframe.box.getCenter()),i=(new T).copyFrom(this.wireframe.box.getCenter()).add((new T).copyFrom(e).normalize().multiply(e.length()+o-n));this.wireframe.rotationCorners.push(new N(i,o))})}setAdsorptionEnabled(t){this.enableAdsorption=t}};import{Graphics as bt}from"@pixi/graphics";var St=class extends A{constructor(){super(...arguments),c(this,"results",[]),c(this,"graphics",new bt),c(this,"absorptionResult",{}),c(this,"type","adsorption")}get interactive(){return pi.config.gestureHandlerConfig.adsorptionGizmoEnabled}set interactive(t){pi.config.gestureHandlerConfig.adsorptionGizmoEnabled=t}preparationAction(){}getCursorState(){}preAction(){}action(){}cancelPreparation(){}actionKey(){}endActionKey(){}endAction(){}interruption(){}boxTranslationAdsorption(t,e,i,s=!0,a=!0){if(this.results=[],!this.interactive)return void console.warn("Adsorption gizmo is not opened, use #SDK.setAdsorptionConfig() open this feature.");if(e.isEmpty())return;const r=new T(this.absorptionResult?.x??0,this.absorptionResult?.y??0).add(t),n=e.clone().translate(r),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,a)}),this.getPointAbsorption(o,t,s,a)});const e=t.getCenter();this.getPointAbsorption(o,e,s,a),n.corners.forEach(t=>{this.getPointAbsorption(t,e,s,a)})})}pointTranslationAdsorption(t,e,i,s=!0,a=!0){if(this.results=[],!this.interactive)return void console.warn("Adsorption is not opened, use #SDK.setAdsorptionConfig() open this feature.");const r=new T(this.absorptionResult?.x??0,this.absorptionResult?.y??0).add(t),n=e.clone().add(r);this.absorptionResult={},i.forEach(t=>{this.getPointAbsorption(n,t,s,a)})}getPointAbsorption(t,e,i=!0,s=!0){i&&Math.abs(t.x-e.x)<pi.config.gestureHandlerConfig.adsorptionGizmoConfig.distance&&this.refreshPointAbsorptionResult(t,e,"x"),s&&Math.abs(t.y-e.y)<pi.config.gestureHandlerConfig.adsorptionGizmoConfig.distance&&this.refreshPointAbsorptionResult(t,e,"y")}refreshPointAbsorptionResult(t,e,i){const s=t[i]-e[i],a="x"===i?"xPoints":"yPoints";if(this.absorptionResult&&void 0===this.absorptionResult[i])this.absorptionResult[i]=s,this.absorptionResult[a]=[{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[a])this.absorptionResult[i]=s,this.absorptionResult[a]=[{point:t,targets:[e]}];else{const i=this.absorptionResult[a].filter(e=>e.point.equals(t));void 0===i||0===i.length?this.absorptionResult[a]?.push({point:t,targets:[e]}):i[0]?.targets.push(e)}else this.absorptionResult[i]=s,this.absorptionResult[a]=[{point:t,targets:[e]}]}refreshResults(){if(void 0===this.absorptionResult)return;const{x:t,y:e,xPoints:i,yPoints:s}=this.absorptionResult,a=new T(t??0,e??0);void 0!==t&&void 0!==i&&i.forEach(t=>{const e=t.point.clone().subtract(a),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 W(i,s))}),void 0!==e&&void 0!==s&&s.forEach(t=>{const e=t.point.clone().subtract(a),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 W(i,s))})}refreshRenderObject(){this.graphics.clear();const{lineWidth:t,lineColor:e}=pi.config.gestureHandlerConfig.adsorptionGizmoConfig;this.results.forEach(i=>{this.graphics.lineStyle(t,e),this.graphics.drawLine(i)})}getRenderObjects(){return this.interactive?(this.refreshResults(),this.refreshRenderObject(),[this.graphics]):[]}clearAbsorptionResult(){this.results=[],this.absorptionResult={}}},At=class extends A{constructor(t){super(),c(this,"box",new H),c(this,"graphics",new st.Graphics),c(this,"PageDataUtils"),c(this,"type","preference"),this.PageDataUtils=t}preparationAction(){}preAction(){}action(){}endAction(){}interruption(){}actionKey(){}endActionKey(){}cancelPreparation(){}refreshResults(){if(this.box=new H,!this.interactive)return void console.warn("Preference gizmo is not opened, use #SDK.setAdsorptionConfig() open this feature.");if("editor"===pi.config.mode)return;const t=this.PageDataUtils.getPageData();v(t);const{container:e}=this.PageDataUtils;if(e){const{zoom:i}=t.property,{offsetWidth:s,offsetHeight:a}=e,r=new T(s,a).multiply(i),n=this.PageDataUtils.getViewportLeftTopPosition().add(r.clone().divide(2));this.box=(new H).setFromCenterAndSize(n,r)}}refreshRenderObjects(){if("editor"===pi.config.mode)return;const{boxWidth:t,boxColor:e,markColor:i,markAlpha:s,safeAreaEnabled:a,safeAreaBoxColor:r,safeAreaBoxAlpha:n}=pi.config.gestureHandlerConfig.preferenceGizmoConfig;this.graphics=new st.Graphics;const{offsetWidth:o,offsetHeight:c}=this.PageDataUtils.container.parentElement,h=new H(new T(0,0),new T(o,this.box.min.y)),l=new H(new T(0,this.box.min.y),new T(this.box.min.x,c)),p=new H(new T(this.box.min.x,this.box.max.y),new T(o,c)),m=new H(new T(this.box.max.x,this.box.min.y),new T(o,this.box.max.y));if(this.graphics.beginFill(i,s),this.graphics.fillBox(h),this.graphics.fillBox(l),this.graphics.fillBox(p),this.graphics.fillBox(m),this.graphics.endFill(),a){const t=this.PageDataUtils.getViewProperty();if(t){const{size:e,safeArea:i,previewSafeAreas:s}=t,[a,o,c,h]=i,l=this.box.getSize(),p=a/e[1]*l.y,m=c/e[0]*l.x,d=h/e[0]*l.x,g=o/e[1]*l.y,{min:u,max:y}=this.box;this.graphics.beginFill(r,n);const f=new H(u,new T(y.x,u.y+p)),x=new H(new T(u.x,u.y+p),new T(u.x+m,y.y)),w=new H(new T(y.x-d,u.y+p),new T(y.x,y.y)),v=new H(new T(u.x+m,y.y-g),new T(y.x-d,y.y));this.graphics.fillBox(f),this.graphics.fillBox(x),this.graphics.fillBox(w),this.graphics.fillBox(v),this.graphics.endFill(),s.forEach(t=>{const{box:[i,s,a,r],color:n}=t,o=this.box.getSize(),c=new T(a/e[0]*o.x,r/e[1]*o.y),h=new T(i/e[0]*o.x+c.x/2,s/e[1]*o.y+c.y/2).add(u),l=(new H).setFromCenterAndSize(h,c),p=n?.[3]??.3,m=n?.slice(0,3)??[255,0,0],d=m[0]<<16|m[1]<<8|m[2];this.graphics.beginFill(d,p),this.graphics.fillBox(l),this.graphics.endFill()})}}this.graphics.lineStyle(t,e),this.graphics.drawBox(this.box)}getRenderObjects(){return pi.config.gestureHandlerConfig.preferenceGizmoEnabled&&"editor"!==pi.config.mode?(this.refreshRenderObjects(),[this.graphics]):[]}get interactive(){return pi.config.gestureHandlerConfig.preferenceGizmoEnabled}set interactive(t){pi.config.gestureHandlerConfig.preferenceGizmoEnabled=t}},Tt="https://mdn.alipayobjects.com/rms/uri/file/as/0.0.6",_t={normal:{type:"preset",content:"default"},rotation:{type:"svg",content:"default",url:`${Tt}/icons/cursor-rotate-32.svg`},circle:{type:"svg",content:"default",url:`${Tt}/icons/cursor-rotate-32.svg`},scale:{type:"svg",content:"default",url:`${Tt}/icons/cursor-scale-32.svg`},hand:{type:"preset",content:"grab"},"active-hand":{type:"preset",content:"grabbing"},"text-rotation":{type:"svg",content:"default",url:"https://mdn.alipayobjects.com/huamei_ixsp8m/afts/img/A*R722QoloC44AAAAAKkAAAAgAev-aAQ/original"}};function Et(t,e="item doesn't exist"){if(null==t)throw new Error(e)}function Bt(t,e="asserts failed"){if(!t)throw new Error(e)}function kt(t,e,...i){const s=e.reduce((t,e)=>t?`${t} ${e}`:e,""),a="color: #108ee9;";switch(t){case"error":console.error(`%c[${s}]`,a,...i);break;case"info":console.info(`%c[${s}]`,a,...i);break;case"debug":console.debug(`%c[${s}]`,a,...i);break;case"warn":console.warn(`%c[${s}]`,a,...i);break;default:console.log(`%c[${s}]`,a,...i)}}function Mt(t,e){if(Object.is(t,e))return!0;if(typeof t!=typeof e)return!1;if(null===t||"object"!=typeof t)return!1;if(t instanceof Date&&e instanceof Date)return t.getTime()===e.getTime();if(t instanceof RegExp&&e instanceof RegExp)return t.toString()===e.toString();if(Array.isArray(t)!==Array.isArray(e))return!1;const i=Object.keys(t),s=Object.keys(e);if(i.length!==s.length)return!1;for(const s of i){if(!Object.prototype.hasOwnProperty.call(e,s))return!1;if(!Mt(t[s],e[s]))return!1}return!0}var Vt=class extends A{constructor(t,e){super(),c(this,"result",{type:"invalid"}),c(this,"interactionParam",{type:"none"}),c(this,"graphics",new st.Graphics),c(this,"isShiftDown",!1),c(this,"_isLockScale",!1),c(this,"_pageDataUtils"),c(this,"_eventEmitter"),c(this,"type","picture-cut"),c(this,"cursorResult",{type:"normal",angle:0}),this._pageDataUtils=t,this._eventEmitter=e}get interactive(){return pi.config.gestureHandlerConfig.pictureCutGizmoEnabled}set interactive(t){t!==pi.config.gestureHandlerConfig.pictureCutGizmoEnabled&&(1!==this._pageDataUtils.getPageData()?.activeData.selectedItems?.length?console.warn("Selected items` length is not one, Picture cut gizmo can not open."):pi.config.gestureHandlerConfig.pictureCutGizmoEnabled=t)}get isLockScale(){return this._isLockScale}set isLockScale(t){t!==this.isLockScale&&(this._isLockScale=t)}preparationAction(t){if(!this.interactive)return;const e=new T(t.offsetX,t.offsetY),i=new T(t.clientX,t.clientY);return this.refreshInteractionType(e,i),this.type}preAction(t,e){if(this.interactive&&"none"!==this.interactionParam.type)return this.type}action(t){var e;if(!this.interactive||"none"===this.interactionParam.type||"invalid"===this.result.type)return;const i=new T(t.clientX,t.clientY),{startMouse:s,box:a}=this.interactionParam,r=(new T).subtractVectors(i,s),{itemBox:n}=this.result,{min:o,max:c}=n;switch(this.interactionParam.type){case"move":{const{min:t,max:e}=a,i=o.x-t.x,s=c.x-e.x,h=o.y-t.y,l=c.y-e.y;r.x=Math.min(Math.max(r.x,i),s),r.y=Math.min(Math.max(r.y,h),l);const p=a.clone().translate(r);this.result.normalizeCutBox=L(n,p),this._eventEmitter.emit("cutBoxChange",this.getCutBox());break}case"scale":{const{startCorner:t,anchor:i}=this.interactionParam,s=new T;if(s.x=Math.min(Math.max(t.x+r.x,o.x),c.x),s.y=Math.min(Math.max(t.y+r.y,o.y),c.y),this.isShiftDown||this.isLockScale){const r=this.getCutBox(),{x:n,y:h}=r.getSize(),{x:l,y:p}=a.getSize();if((e=this.interactionParam).lockedAspect??(e.lockedAspect=n/h),Math.abs(s.x-i.x)/l>Math.abs(s.y-i.y)/p){const e=Math.abs(s.x-i.x)/this.interactionParam.lockedAspect;G(t.y,i.y)?s.y=t.y:s.y=(t.y-i.y)/Math.abs(t.y-i.y)*e+i.y,s.y=Math.min(Math.max(s.y,o.y),c.y)}else{const e=Math.abs(s.y-i.y)*this.interactionParam.lockedAspect;G(t.x,i.x)?s.x=t.x:s.x=(t.x-i.x)/Math.abs(t.x-i.x)*e+i.x,s.x=Math.min(Math.max(s.x,o.x),c.x)}}if(G(t.x,i.x)||G(t.y,i.y)){const e=a.corners[0].clone();let i=e.distanceTo(t);a.corners.forEach(s=>{s.distanceTo(t)>i&&(e.copyFrom(s),i=s.distanceTo(t))}),this.result.normalizeCutBox=L(n,(new H).setFromVec2Array([e,s]))}else{const e=(s.x-i.x)/(t.x-i.x),r=(s.y-i.y)/(t.y-i.y),o=new T(e,r);this.result.normalizeCutBox=L(n,a.clone().scale(o,i))}this._eventEmitter.emit("cutBoxChange",this.getCutBox());break}case"direction-scale":{const{index:t}=this.interactionParam,e=a.corners[t].clone();t%2==0?(r.x=Math.min(Math.max(e.x+r.x,o.x),c.x)-e.x,r.y=0):(r.x=0,r.y=Math.min(Math.max(e.y+r.y,o.y),c.y)-e.y);const i=a.corners.map((e,i)=>[t,(t+1)%4].includes(i)?e.clone().add(r):e.clone());this.result.normalizeCutBox=L(n,(new H).setFromVec2Array(i)),this._eventEmitter.emit("cutBoxChange",this.getCutBox());break}}}endAction(t){if(!this.interactive||"none"===this.interactionParam.type)return;const e=new T(t.offsetX,t.offsetY),i=new T(t.clientX,t.clientY);return this.refreshInteractionType(e,i),this.type}interruption(){this.interactionParam={type:"none"}}actionKey(t){this.isShiftDown=t.shiftKey}endActionKey(t){this.isShiftDown=t.shiftKey,"lockedAspect"in this.interactionParam&&delete this.interactionParam.lockedAspect}cancelPreparation(){this.interactionParam={type:"none"}}refreshResults(){if(this.interactive){const t=this._pageDataUtils.getPageData();if(Et(t,"You must call SDK#run() first"),1!==t.activeData.selectedItems.length)console.warn("Picture Cut Gizmo can edit one picture at a time.");else if("invalid"===this.result.type){const e=this._pageDataUtils.getViewBoxById(t.activeData.selectedItems[0]);this.result={type:"valid",itemBox:e.clone(),normalizeCutBox:new H(new T,new T(1,1))}}else{const e=this._pageDataUtils.getViewBoxById(t.activeData.selectedItems[0]),i=e.getCenter().subtract(this.result.itemBox.getCenter()),s=e.getSize().x/this.result.itemBox.getSize().x;this.result.itemBox.translate(i),this.result.itemBox.scale(s)}}else this.result={type:"invalid"}}refreshRenderObjects(){if(this.graphics.clear(),!this.interactive||"invalid"===this.result.type)return[];const{maskColor:t,maskAlpha:e,cutBoxLineWidth:i,cutBoxLineColor:s,cutBoxLineAlpha:a,itemBoxLineWidth:r,itemBoxLineColor:n,itemBoxLineAlpha:o,cutBoxCornerRadius:c,cutBoxCornerFillColor:h,cutBoxCornerLineWidth:l,cutBoxCornerLineColor:p,cutBoxCornerLineAlpha:m}=pi.config.gestureHandlerConfig.pictureCutGizmoConfig,{normalizeCutBox:d,itemBox:g}=this.result,u=R(g,d),{min:y,max:f}=u,{min:x,max:w}=g,v=new H(x.clone(),new T(w.x,y.y)),I=new H(new T(x.x,y.y),new T(y.x,w.y)),P=new H(new T(f.x,y.y),new T(w.x,f.y)),C=new H(new T(y.x,f.y),w.clone());return this.graphics.beginFill(t,e),this.graphics.fillBox(v),this.graphics.fillBox(I),this.graphics.fillBox(P),this.graphics.fillBox(C),this.graphics.endFill(),this.graphics.lineStyle(r,n,o),this.graphics.drawBox(g),this.graphics.lineStyle(i,s,a),this.graphics.drawBox(u),this.graphics.beginFill(h),this.graphics.lineStyle(l,p,m),u.corners.forEach(t=>{this.graphics.drawCircle(t.x,t.y,c)}),this.graphics.endFill(),[this.graphics]}refreshCursorResult(t,e=0){switch(t){case"scale":case"direction-scale":this.cursorResult={type:"scale",angle:e};break;case"move":case"none":this.cursorResult={type:"normal",angle:0}}}getRenderObjects(){return this.interactive?this.refreshRenderObjects():[]}refreshInteractionType(t,e){if(this.interactionParam={type:"none"},!this.interactive||"invalid"===this.result.type)return;const{normalizeCutBox:i,itemBox:s}=this.result,a=R(s,i);let r=!1,n=0;a.corners.forEach((i,s)=>{r||i.distanceTo(t)<pi.config.gestureHandlerConfig.pictureCutGizmoConfig.scaleInteractionDistance&&(r=!0,this.interactionParam={type:"scale",box:a.clone(),startMouse:e,startCorner:i.clone(),anchor:a.corners[(s+2)%4]},n=Math.PI/2*s)}),a.corners.forEach((i,s)=>{if(r)return;const o=new W(i.clone(),a.corners[(s+1)%4]),c=t.distanceToLine(o);if(c.d>=0&&c.d<=8&&c.t>=0&&c.t<=1){r=!0;const t=o.at(c.t);this.interactionParam={type:"direction-scale",index:s,point:t,box:a.clone(),startMouse:e},n=Math.PI/2*s+Math.PI/4}}),a.containsPoint(t)&&!r&&(this.interactionParam={type:"move",point:t.clone(),box:a.clone(),startMouse:e},r=!0),this.refreshCursorResult(this.interactionParam.type,n*k)}getCutInfo(){const[t]=this._pageDataUtils.getSelectedItems();if(this.interactive&&"invalid"!==this.result.type&&t)return{cutBox:this.getCutBox(),itemBox:this._pageDataUtils.getItemBoxById(t.id)}}getCutBox(){const[t]=this._pageDataUtils.getSelectedItems();if(!this.interactive||"invalid"===this.result.type||!t)return;const e=this._pageDataUtils.getItemBoxById(t.id),{normalizeCutBox:i}=this.result;return R(e,i)}setCutBox(t,e){const[i]=this._pageDataUtils.getSelectedItems();if(!this.interactive||"invalid"===this.result.type||!i)return;const s=new H(t,e),a=this._pageDataUtils.getItemBoxById(i.id),{min:r,max:n}=L(a,s);this.result.normalizeCutBox.set(new T(Math.max(r.x,0),Math.max(r.y,0)),new T(Math.min(n.x,1),Math.min(n.y,1)));const o=this.getCutBox();return this._eventEmitter.emit("cutBoxChange",o),o}};var Ut=class extends A{constructor(t,e,i,s,a){super(),c(this,"type","text"),c(this,"_eventEmitter"),c(this,"textAreaElement"),c(this,"graphics",new st.Graphics),c(this,"_pageDataUtils"),c(this,"result"),c(this,"interactionParam"),c(this,"_adsorptionGizmo"),c(this,"cursorResult",{type:"normal",angle:0}),c(this,"ignoreInteraction",!1),c(this,"rotationSprite",new st.Sprite),c(this,"_selectorGizmo"),c(this,"handleInput",async t=>{const e=t.target,i=this._pageDataUtils.getSelectedItems()[0].id;await this._pageDataUtils.changeItemProperty({itemId:i,type:g.ItemType.text,propertyName:"text",propertyValue:e.value}),this._eventEmitter.emit("textInput",{itemId:i,text:e.value,fontFamily:e.style.fontFamily})}),c(this,"handleBlur",()=>{this.interactionParam.type="scale",this.textAreaElement.style.display="none",this.textAreaElement.removeEventListener("input",this.handleInput),this.textAreaElement.removeEventListener("blur",this.handleBlur)}),this._pageDataUtils=t,this._adsorptionGizmo=e,this._selectorGizmo=i,this._eventEmitter=s,this.textAreaElement=document.createElement("textarea"),this.textAreaElement.style.display="none",a?.appendChild(this.textAreaElement),function(t,e,i){const s=i.replace(/&/g,`.${e}`),a=document.createElement("style");a.textContent=`\n .${e} {\n ${s}\n }\n `,document.head.appendChild(a),t.classList.add(e)}(this.textAreaElement,"text-gizmo-custom-style","\n word-break: break-all;\n position: absolute;\n border: none;\n margin: 0;\n padding: 0;\n outline: none !important;\n overflow: hidden;\n resize: none;\n display: none;\n background: transparent;\n opacity: .8;\n field-sizing: content;\n -webkit-text-fill-color: transparent;\n text-fill-color: transparent;\n"),this.result={type:"empty"},this.interactionParam={active:!1,type:"none",anchor:new T,lastPoint:new T,startPoint:new T,lastWorldPosition:new K}}get interactive(){return pi.config.gestureHandlerConfig.textGizmoEnbaled}set interactive(t){pi.config.gestureHandlerConfig.textGizmoEnbaled=t}preparationAction(t){if(!this.interactive)return void console.warn("Text gizmo is not opened, use #SDK.openTextGizmo() open this feature.");if("empty"===this.result.type)return;const e=new T(t.offsetX,t.offsetY),i=new T(t.clientX,t.clientY);if(this.refreshInteractionParam(e,i),this.refreshCursorResult(),"none"!==this.interactionParam.type){const e="translation"===this.interactionParam.type?this._selectorGizmo.preparationAction(t,"text"):this.type;return this.interactionParam.active="text"===e,this.interactionParam.active?e:void 0}}preAction(t,e){if(1!==t.buttons)return this.type;const{offsetX:i,offsetY:s}=t,a=new T(i,s);if(e){if("empty"===this.result.type||this.result.box.containsPoint(a))this._pageDataUtils.saveUndoRedoOldData(),this.interactionParam.type="edit";else if("none"===this.interactionParam.type)return this.result={type:"empty"},void this._pageDataUtils.clearSelectedItems(!0)}else if("empty"===this.result.type||this.result.box.containsPoint(a)){this._pageDataUtils.saveUndoRedoOldData();const t=a.subtract(this._pageDataUtils.getViewportLeftTopPosition());this.initInteractionPlane(),this.interactionParam.lastWorldPosition=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t)??new K,this.refreshCursorResult()}else if("edit"===this.interactionParam.type)this.interactionParam.type="none",this.ignoreInteraction=!0;else if("none"===this.interactionParam.type)return void(this.result={type:"empty"});return this.type}action(t){if(!this.interactive)return void console.warn("Text gizmo is not opened, use #SDK.setTextConfig() open this feature.");if("edit"===this.interactionParam.type||"empty"===this.result.type||this.ignoreInteraction)return;if(!this.interactionParam.active){this.interactionParam.active=!0,this.interactionParam.type="translation",this.interactionParam.lastPoint=new T(t.clientX,t.clientY),this.interactionParam.startPoint=new T(t.offsetX,t.offsetY);const e=new T(t.offsetX,t.offsetY).subtract(this._pageDataUtils.getViewportLeftTopPosition());this.initInteractionPlane(),this.interactionParam.lastWorldPosition=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(e)??new K}const e=new T(t.clientX,t.clientY),{type:i,lastPoint:s,startPoint:a,anchor:r}=this.interactionParam,n=(new T).subtractVectors(e,s),o=this._pageDataUtils.getSelectedItems();switch(i){case"rotation":{const t=new K,e=U(V((new T).subtractVectors(a,r),(new T).subtractVectors(a.add(n),r))*k,3);t.z=e,o.forEach(e=>{this._pageDataUtils.rotateItem(e.id,t)});break}case"translation":{const t=n.clone();if(this._adsorptionGizmo.interactive){const e=this._pageDataUtils.getPageData();v(e);const i=e.items.map(t=>o.find(e=>e.id===t.id)||0!==o.filter(e=>t.parentId&&t.parentId===e.id).length||!this._pageDataUtils.getItemEditEnable(t.id)||o.find(e=>e.parentId===t.id)?new H:this._pageDataUtils.getViewBoxById(t.id)).filter(t=>!t.isEmpty()),s=new T(this._adsorptionGizmo.absorptionResult.x??0,this._adsorptionGizmo.absorptionResult.y??0);this._adsorptionGizmo.boxTranslationAdsorption(t,this.result.box,i);const a=new T(this._adsorptionGizmo.absorptionResult.x??0,this._adsorptionGizmo.absorptionResult.y??0);t.add(s).subtract(a)}const e=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(a.add(t).clone().subtract(this._pageDataUtils.getViewportLeftTopPosition()));if(e){const t=e.clone().subtract(this.interactionParam.lastWorldPosition);o.forEach(e=>{e.type!==g.ItemType.camera&&(t.x=U(t.x,5),t.y=U(t.y,5),t.z=U(t.z,5),this._pageDataUtils.moveItem(e.id,t))}),this.interactionParam.lastWorldPosition.copyFrom(e)}break}case"scale":{const t=a.clone(),e=a.clone().add(n);if(n.length()){const i=(new T).subtractVectors(t,r),s=(new T).subtractVectors(e,r),n=Math.max(s.dot(i)/i.length(),1),c=i.length(),h=(n/c-1)/2+1,l=r.clone().add(i.clone().normalize().scale(c*h)),p=(new T).subtractVectors(l,t);a.add(p);const m=this._pageDataUtils.interactionUtils.getWorldSizeByViewSize(p);m.x=U(m.x,5),m.y=U(m.y,5),m.z=U(m.z,5),o.forEach(t=>{this._pageDataUtils.moveItem(t.id,m)}),o.forEach(t=>{this._pageDataUtils.scaleTextItem(t.id,h)})}break}}this.refreshCursorResult(),this.interactionParam.lastPoint.copyFrom(e)}endAction(t){this.ignoreInteraction=!1;const e=new T(t.offsetX,t.offsetY),i=new T(t.clientX,t.clientY);return this._pageDataUtils.pushUndoRedoData(),this._adsorptionGizmo.clearAbsorptionResult(),this.refreshInteractionParam(e,i),this.refreshCursorResult(),this.type}interruption(){return this.interactionParam.type="none",this._adsorptionGizmo.clearAbsorptionResult(),this.type}actionKey(t){}endActionKey(t){}cancelPreparation(){}refreshResults(){if(!this.interactive||"template"===pi.config.mode)return;const t=this._pageDataUtils.getPageData()?.activeData?.selectedItems,e=this._pageDataUtils.getViewItemById(t?.[0]);if(1!==t?.length||e?.type!==g.ItemType.text)return void(this.result={type:"empty"});const i=this._pageDataUtils.getViewBoxById(t[0]);if(i.isEmpty())this.result={type:"empty"};else{const t=[new W(i.corners[0],i.corners[1]).at(.5),new W(i.corners[2],i.corners[3]).at(.5)],s=new W(i.getCenter(),new W(i.corners[0],i.corners[3]).at(.5)),a=s.at((s.length()+22)/s.length());this.result={type:"valid",box:i.clone(),scaleCorners:t,rotationCorner:a,rotation:-e.property.rotation[2]*B}}}refreshInteractionParam(t,e){if("empty"===this.result.type)return this.interactionParam.active=!1,this.interactionParam.type="none",this.interactionParam.lastPoint=new T,this.interactionParam.startPoint=new T,void(this.interactionParam.lastWorldPosition=new K);if("edit"===this.interactionParam.type)return;const{rotateInteractMode:i,scaleInteractionDistance:s,rotationCornerInteractionDistance:a,rotationTopCenterInteractionDistance:r}=pi.config.gestureHandlerConfig.textGizmoConfig,n=this.result.box.getCenter();switch(i){case"top-center":if(t.distanceTo(this.result.rotationCorner)<r)return this.interactionParam.active=!0,this.interactionParam.type="rotation",this.interactionParam.anchor=n,this.interactionParam.lastPoint=e.clone(),this.interactionParam.startPoint=this.result.rotationCorner.clone(),void(this.interactionParam.lastWorldPosition=new K);break;case"corner":{const i=this.result.box.corners.find(e=>e.distanceTo(t)<a);if(i)return this.interactionParam.active=!0,this.interactionParam.type="rotation",this.interactionParam.anchor=n,this.interactionParam.lastPoint=e.clone(),this.interactionParam.startPoint=i.clone(),void(this.interactionParam.lastWorldPosition=new K);break}}const o=this.result.scaleCorners.find(e=>e.distanceTo(t)<s);return o?(this.interactionParam.active=!0,this.interactionParam.type="scale",this.interactionParam.anchor=n,this.interactionParam.lastPoint=e.clone(),this.interactionParam.startPoint=o.clone(),void(this.interactionParam.lastWorldPosition=new K)):this.result.box.containsPoint(t,!1)?(this.interactionParam.active=!0,this.interactionParam.type="translation",this.interactionParam.lastPoint=e.clone(),this.interactionParam.startPoint=t.clone(),void(this.interactionParam.lastWorldPosition=new K)):(this.interactionParam.active=!1,this.interactionParam.type="none",this.interactionParam.lastPoint=new T,this.interactionParam.startPoint=new T,void(this.interactionParam.lastWorldPosition=new K))}refreshCursorResult(){const t=(M((new T).subtractVectors(this.interactionParam.startPoint,this.interactionParam.anchor))+Math.PI/4)*k;switch(this.interactionParam.type){case"edit":case"none":case"translation":this.cursorResult={type:"normal",angle:0};break;case"scale":this.cursorResult={type:"scale",angle:t};break;case"rotation":this.cursorResult={type:"rotation",angle:t}}}getRenderObjects(){const t=[];if(!this.interactive||"empty"===this.result.type)return[];this.graphics.clear();const{box:e,scaleCorners:i,rotationCorner:s,rotation:a}=this.result,{boxLineWidth:r,boxLineColor:n,rotateInteractMode:o,rotationCornerWidth:c,scaleCornerRadius:h,scaleCornerFillColor:l,scaleCornerStrokeWidth:p,scaleCornerStrokeColor:m,rotationCornerRadius:d,rotationCornerFillColor:g,rotationCornerStrokeWidth:u,rotationCornerStrokeColor:y}=pi.config.gestureHandlerConfig.textGizmoConfig;if(this.graphics.lineStyle(r,n),this.graphics.drawBox(e),"edit"!==this.interactionParam.type)switch(i.forEach(t=>{this.graphics.lineStyle(p,m),this.graphics.beginFill(l),this.graphics.drawCircle(t.x,t.y,h),this.graphics.endFill()}),o){case"top-center":this.rotationSprite.width=c,this.rotationSprite.height=c,this.rotationSprite.anchor.set(.5,.5),this.rotationSprite.x=s.x,this.rotationSprite.y=s.y,this.rotationSprite.rotation=a,t.push(this.rotationSprite);break;case"corner":e.corners.forEach(t=>{this.graphics.lineStyle(u,y),this.graphics.beginFill(g),this.graphics.drawCircle(t.x,t.y,d),this.graphics.endFill()})}else if("edit"===this.interactionParam.type&&"none"===this.textAreaElement.style.display){const t=this._pageDataUtils.getSelectedItems(),i=this._pageDataUtils.interactionUtils.viewportParam,s=t[0],a=s?.property,r=e.clone().rotate(a.rotation[2]*B),n=r.min.clone(),o=r.getSize();this.textAreaElement.value=a.text??"",this.textAreaElement.style.textAlign=this.getTextAlign(a.textAlign),this.textAreaElement.style.fontFamily=a.fontFamily,this.textAreaElement.style.fontSize=a.fontSize*i.scale+"px",this.textAreaElement.style.fontWeight=a.fontWeight,this.textAreaElement.style.color=`rgba(${a.textColor.join(",")})`,this.textAreaElement.style.display="block",this.textAreaElement.style.wordBreak="break-all",this.textAreaElement.style.whiteSpace="pre-wrap",this.textAreaElement.style.overflowWrap="break-word",this.textAreaElement.style.left=`${n.x}px`,this.textAreaElement.style.top=`${n.y}px`,this.textAreaElement.style.width=`${o.x}px`,this.textAreaElement.style.height=`${o.y}px`,this.textAreaElement.style.lineHeight=a.lineHeight*i.scale+"px",this.textAreaElement.style.transformOrigin="center center",this.textAreaElement.style.paintOrder="stroke fill",void 0!==a.rotation[2]&&(this.textAreaElement.style.transform=`\n rotateZ(${-a.rotation[2]}deg)\n `),this.textAreaElement.addEventListener("input",this.handleInput),this.textAreaElement.addEventListener("blur",this.handleBlur),window.setTimeout(()=>{this.textAreaElement.focus()},50)}else if("edit"===this.interactionParam.type&&"block"===this.textAreaElement.style.display){const t=this._pageDataUtils.getSelectedItems(),i=this._pageDataUtils.interactionUtils.viewportParam,s=t[0],a=s?.property,r=e.clone().rotate(a.rotation[2]*B),n=r.min.clone(),o=r.getSize();this.textAreaElement.style.left=`${n.x}px`,this.textAreaElement.style.top=`${n.y}px`,this.textAreaElement.style.width=`${o.x}px`,this.textAreaElement.style.height=`${o.y}px`,this.textAreaElement.style.fontFamily=a.fontFamily,this.textAreaElement.style.textAlign=this.getTextAlign(a.textAlign),this.textAreaElement.style.fontSize=a.fontSize*i.scale+"px",this.textAreaElement.style.lineHeight=a.lineHeight*i.scale+"px",a.rotation[2]&&(this.textAreaElement.style.transform=`\n rotateZ(${-a.rotation[2]}deg)\n `)}return t.push(this.graphics),t}initInteractionPlane(){switch(this.interactionParam.type){case"scale":case"translation":case"rotation":this._pageDataUtils.interactionUtils.initInteractionPlane()}}getTextAlign(t){switch(t){case g.TextAlignment.middle:return"center";case g.TextAlignment.right:return"right";default:return"left"}}};import{Texture as Gt}from"@pixi/core";var Ft=class extends A{constructor(t){super(),c(this,"_pageDataUtils"),c(this,"_config",{}),c(this,"type","mask"),c(this,"cursorResult",{type:"normal",angle:0}),c(this,"result",{status:"init",lines:[]}),c(this,"graphics",new st.Graphics),c(this,"linesMaskGraphics",new st.Graphics),c(this,"rectMaskGraphics",new st.Graphics),this._pageDataUtils=t}get interactive(){return pi.config.gestureHandlerConfig.maskGizmoEnabled}set interactive(t){t!==pi.config.gestureHandlerConfig.maskGizmoEnabled&&(t||(this.result.status="init"),pi.config.gestureHandlerConfig.maskGizmoEnabled=t)}get config(){return{...pi.config.gestureHandlerConfig.maskGizmoConfig,...this._config}}set config(t){this._config={...this._config,...t}}initialize(){}preparationAction(t){if(this.interactive)return this.result.point=new T(t.offsetX,t.offsetY),this.type}preAction(t){if(this.interactive)return this.result.point=new T(t.offsetX,t.offsetY),this.result.lines.push({brushSize:this.config.brushSize,points:[]}),this.type}action(t){if(!this.interactive||"init"===this.result.status)return;const e=this.result.box,i=new T((t.offsetX-e.min.x)/(e.max.x-e.min.x),(t.offsetY-e.min.y)/(e.max.y-e.min.y));this.result.lines[this.result.lines.length-1]?.points.push(i)}endAction(){if(this.interactive)return this.type}interruption(){}actionKey(){}endActionKey(){}cancelPreparation(){}refreshResults(){if(this.interactive){const t=this._pageDataUtils.getPageData();if(Et(t,"You must call SDK#run() first"),1!==t.activeData.selectedItems.length)console.warn("Mask Gizmo can edit one picture at a time.");else{if("init"===this.result.status){const e=this._pageDataUtils.getViewBoxById(t.activeData.selectedItems[0]);this.result={status:"done",box:e.clone(),lines:[]}}else{const e=this.result.box,i=this._pageDataUtils.getViewBoxById(t.activeData.selectedItems[0]),s=i.getCenter().subtract(e.getCenter()),a=i.getSize().x/e.getSize().x;e.translate(s),e.scale(a)}this.refreshCursorResult()}}else this.result={status:"init",lines:[]}}getRenderObjects(){return this.interactive?this.refreshRenderObjects():[]}refreshRenderObjects(){if(this.graphics.clear(),this.linesMaskGraphics.clear(),this.rectMaskGraphics.clear(),!this.interactive||"init"===this.result.status)return[];const{brushColor:t,brushAlpha:e,boxLineWidth:i,boxLineColor:s,boxLineAlpha:a}=this.config,r=this.result.box,{min:n,max:o}=r,c=new H(new T(n.x,n.y),new T(o.x,n.y)),h=new H(new T(n.x,n.y),new T(n.x,o.y)),l=new H(new T(o.x,n.y),new T(o.x,n.y)),p=new H(new T(n.x,o.y),new T(o.x,o.y));this.graphics.fillBox(c),this.graphics.fillBox(h),this.graphics.fillBox(l),this.graphics.fillBox(p),this.graphics.lineStyle(i,s,a),this.graphics.drawBox(r),this.graphics.endFill();const m=this._pageDataUtils.interactionUtils.viewportParam;for(const t of this.result.lines)if(t)for(let e=0;e<t.points.length;e++){0===e&&this.linesMaskGraphics.lineStyle({width:t.brushSize*m.scale,color:0,cap:st.LINE_CAP.ROUND,join:st.LINE_JOIN.ROUND,alignment:.5});const i=t.points[e];i&&(0===e?this.linesMaskGraphics.moveTo(r.min.x+i.x*(r.max.x-r.min.x),r.min.y+i.y*(r.max.y-r.min.y)):this.linesMaskGraphics.lineTo(r.min.x+i.x*(r.max.x-r.min.x),r.min.y+i.y*(r.max.y-r.min.y)))}return this.linesMaskGraphics.endFill(),this.rectMaskGraphics.beginFill(t,e),this.rectMaskGraphics.drawRect(r.min.x,r.min.y,r.max.x-r.min.x,r.max.y-r.min.y),this.rectMaskGraphics.endFill(),this.rectMaskGraphics.mask=this.linesMaskGraphics,[this.graphics,this.linesMaskGraphics,this.rectMaskGraphics]}refreshCursorResult(){const{point:t,box:e}=this.result;if(this.cursorResult={type:"normal",angle:0},t&&e&&t.x>=e.min.x&&t.x<=e.max.x&&t.y>=e.min.y&&t.y<=e.max.y){const t=this._pageDataUtils.interactionUtils.viewportParam;this.cursorResult={type:"circle",angle:0,radius:this.config.brushSize*t.scale/2}}}clearMask(){this.result.lines=[]}getMask(){if(0===this.result.lines.length)return null;const t=this.rectMaskGraphics.getBounds(),e=new st.Renderer({width:Math.ceil(t.width),height:Math.ceil(t.height),backgroundColor:16777215}),i=new st.Container,s=this.rectMaskGraphics.clone();s.beginFill(this.config.maskColor),s.position.set(-t.x,-t.y),s.drawRect(t.x,t.y,t.width,t.height),s.endFill(),i.addChild(s);const a=this.linesMaskGraphics.clone();s.mask=a,a.position.set(-t.x,-t.y),i.addChild(a),e.render(i);const r=e.view.toDataURL("image/png");return e.destroy(!0),r}},Rt=class extends A{constructor(t){super(),c(this,"type","loading"),c(this,"_pageDataUtils"),c(this,"_idMap",new Map),c(this,"cursorResult",{type:"normal",angle:0}),this._pageDataUtils=t}addId(t,e,i){const s=this._pageDataUtils.getItemBoxById(t),a=L(s,e??s);"string"==typeof t&&(this._idMap.set(t,{status:"init",loadingBox:a,graphics:new st.Graphics,ticker:new st.Ticker}),this._pageDataUtils.addLoadingItems([t]),i&&this._pageDataUtils.removeSelectedItems([t]))}deleteId(t){const e=this._idMap.get(t);if(e){const{graphics:i,ticker:s}=e;i.destroy(),s.destroy(),this._idMap.delete(t),this._pageDataUtils.removeLoadingItems([t])}}initialize(){}preparationAction(){}preAction(){}action(){}endAction(){}interruption(){}actionKey(){}endActionKey(){}cancelPreparation(){}refreshResults(){}getRenderObjects(){return 0===this._idMap.size?[]:this.refreshRenderObjects()}refreshRenderObjects(){if(0===this._idMap.size)return[];const t=[];for(const e of this._idMap.keys()){const i=this._idMap.get(e);if(!i)continue;if(t.push(i.graphics),"done"===i.status){i.ticker.update();continue}i.status="done";let s=.006,a=.5;i.ticker.add(()=>{const t=this._pageDataUtils.getViewBoxById(e),{min:r,max:n}=R(t,i.loadingBox);a>.6?s=-.003:a<.4&&(s=.006),a+=s,i.graphics.clear(),i.graphics.beginFill(0,a),i.graphics.drawRect(r.x,r.y,n.x-r.x,n.y-r.y),i.graphics.endFill()}),i.ticker.start()}return t}},Lt=class extends A{constructor(t,e){super(),c(this,"result",{type:"invalid"}),c(this,"interactionParam",{type:"none"}),c(this,"graphics",new st.Graphics),c(this,"isShiftDown",!1),c(this,"_isLockScale",!1),c(this,"_pageDataUtils"),c(this,"_eventEmitter"),c(this,"type","picture-expand"),c(this,"cursorResult",{type:"normal",angle:0}),this._pageDataUtils=t,this._eventEmitter=e}get interactive(){return pi.config.gestureHandlerConfig.pictureExpandGizmoEnabled}set interactive(t){t!==pi.config.gestureHandlerConfig.pictureExpandGizmoEnabled&&(1!==this._pageDataUtils.getPageData()?.activeData.selectedItems?.length?console.warn("Selected items` length is not one, Picture expand gizmo can not open."):pi.config.gestureHandlerConfig.pictureExpandGizmoEnabled=t)}get isLockScale(){return this._isLockScale}set isLockScale(t){t!==this.isLockScale&&(this._isLockScale=t)}preparationAction(t){if(!this.interactive)return;const e=new T(t.offsetX,t.offsetY),i=new T(t.clientX,t.clientY);return this.refreshInteractionType(e,i),this.type}preAction(t,e){if(this.interactive&&"none"!==this.interactionParam.type)return this.type}action(t){var e;if(!this.interactive||"none"===this.interactionParam.type||"invalid"===this.result.type)return;const i=new T(t.clientX,t.clientY),{startMouse:s,box:a}=this.interactionParam,r=(new T).subtractVectors(i,s),{itemBox:n}=this.result,{min:o,max:c}=n;switch(this.interactionParam.type){case"move":{const{min:t,max:e}=a,i=c.x-e.x,s=o.x-t.x,h=c.y-e.y,l=o.y-t.y;r.x=Math.min(Math.max(r.x,i),s),r.y=Math.min(Math.max(r.y,h),l);const p=a.clone().translate(r);this.result.normalizeExpandBox=L(n,p),this._eventEmitter.emit("expandBoxChange",this.getExpandBox());break}case"scale":{const{index:t}=this.interactionParam,{min:i,max:s}=a,h=a.corners[t],l=a.corners[(t+2)%4],p=new T(h.x+r.x,h.y+r.y);if(h.x>=s.x?p.x=Math.max(p.x,c.x):h.x<=i.x?p.x=Math.min(p.x,o.x):(console.warn("resultCorner has wrong, we have move it to the nearest corner"),p.x=Math.abs(p.x-i.x)>Math.abs(p.x-s.x)?s.x:i.x),h.y>=s.y?p.y=Math.max(p.y,c.y):h.y<=i.y?p.y=Math.min(p.y,o.y):(console.warn("resultCorner has wrong, we have move it to the nearest corner"),p.y=Math.abs(p.y-i.y)>Math.abs(p.y-s.y)?s.y:i.y),this.isShiftDown||this.isLockScale){const t=this.getExpandBox(),{x:r,y:n}=t.getSize(),{x:m,y:d}=a.getSize();if((e=this.interactionParam).lockedAspect??(e.lockedAspect=r/n),Math.abs(p.x-l.x)/m>Math.abs(p.y-l.y)/d){const t=Math.abs(p.x-l.x)/this.interactionParam.lockedAspect;p.y=(h.y-l.y)/Math.abs(h.y-l.y)*t+l.y,h.y>=s.y?p.y=Math.max(p.y,c.y):h.y<=i.y?p.y=Math.min(p.y,o.y):(console.warn("resultCorner has wrong, we have move it to the nearest corner"),p.y=Math.abs(p.y-i.y)>Math.abs(p.y-s.y)?s.y:i.y)}else{const t=Math.abs(p.y-l.y)*this.interactionParam.lockedAspect;p.x=(h.x-l.x)/Math.abs(h.x-l.x)*t+l.x,h.x>=s.x?p.x=Math.max(p.x,c.x):h.x<=i.x?p.x=Math.min(p.x,o.x):(console.warn("resultCorner has wrong, we have move it to the nearest corner"),p.x=Math.abs(p.x-i.x)>Math.abs(p.x-s.x)?s.x:i.x)}}this.result.normalizeExpandBox=L(n,(new H).setFromVec2ArrayWithOutCorners([p,l])),this._eventEmitter.emit("expandBoxChange",this.getExpandBox());break}case"direction-scale":{const{index:t,point:e}=this.interactionParam,i=a.corners[t].clone();e.x>=c.x?(r.x=Math.max(a.corners[t].x+r.x,c.x)-i.x,r.y=0):e.x<=o.x&&(r.x=Math.min(a.corners[t].x+r.x,o.x)-i.x,r.y=0),e.y>=c.y?(r.y=Math.max(a.corners[t].y+r.y,c.y)-i.y,r.x=0):e.y<=o.y&&(r.y=Math.min(a.corners[t].y+r.y,o.y)-i.y,r.x=0);const s=a.corners.map((e,i)=>[t,(t+1)%4].includes(i)?e.clone().add(r):e.clone());this.result.normalizeExpandBox=L(n,(new H).setFromVec2Array(s)),this._eventEmitter.emit("expandBoxChange",this.getExpandBox());break}}}endAction(t){if(!this.interactive||"none"===this.interactionParam.type)return;const e=new T(t.offsetX,t.offsetY),i=new T(t.clientX,t.clientY);return this.refreshInteractionType(e,i),this.type}interruption(){this.interactionParam={type:"none"}}actionKey(t){this.isShiftDown=t.shiftKey}endActionKey(t){this.isShiftDown=t.shiftKey,"lockedAspect"in this.interactionParam&&delete this.interactionParam.lockedAspect}cancelPreparation(){this.interactionParam={type:"none"}}refreshResults(){if(this.interactive){const t=this._pageDataUtils.getPageData();if(Et(t,"You must call SDK#run() first"),1!==t.activeData.selectedItems.length)console.warn("Picture Expand Gizmo can edit one picture at a time.");else if("invalid"===this.result.type){const e=this._pageDataUtils.getViewBoxById(t.activeData.selectedItems[0]);this.result={type:"valid",itemBox:e.clone(),normalizeExpandBox:new H(new T,new T(1,1))}}else{const e=this._pageDataUtils.getViewBoxById(t.activeData.selectedItems[0]),i=e.getCenter().subtract(this.result.itemBox.getCenter()),s=e.getSize().x/this.result.itemBox.getSize().x;this.result.itemBox.translate(i),this.result.itemBox.scale(s)}}else this.result={type:"invalid"}}refreshRenderObjects(){if(this.graphics.clear(),!this.interactive||"invalid"===this.result.type)return[];const{maskColor:t,maskAlpha:e,expandBoxLineWidth:i,expandBoxLineColor:s,expandBoxLineAlpha:a,expandBoxCornerRadius:r,expandBoxCornerFillColor:n,expandBoxCornerLineWidth:o,expandBoxCornerLineColor:c,expandBoxCornerLineAlpha:h}=pi.config.gestureHandlerConfig.pictureExpandGizmoConfig,{normalizeExpandBox:l,itemBox:p}=this.result,m=R(p,l);return this.graphics.beginFill(t,e),this.graphics.fillBox(m),this.graphics.endFill(),this.graphics.lineStyle(i,s,a),this.graphics.drawBox(m),this.graphics.beginFill(n),this.graphics.lineStyle(o,c,h),m.corners.forEach(t=>{this.graphics.drawCircle(t.x,t.y,r)}),this.graphics.endFill(),[this.graphics]}refreshCursorResult(t,e=0){switch(t){case"scale":case"direction-scale":this.cursorResult={type:"scale",angle:e};break;case"move":case"none":this.cursorResult={type:"normal",angle:0}}}getRenderObjects(){return this.interactive?this.refreshRenderObjects():[]}refreshInteractionType(t,e){if(this.interactionParam.type="none",!this.interactive||"invalid"===this.result.type)return;const{normalizeExpandBox:i,itemBox:s}=this.result,a=R(s,i);let r=!1,n=0;a.corners.forEach((i,s)=>{r||i.distanceTo(t)<pi.config.gestureHandlerConfig.pictureExpandGizmoConfig.scaleInteractionDistance&&(r=!0,this.interactionParam={type:"scale",index:s,box:a.clone(),startMouse:e},n=Math.PI/2*s)}),a.corners.forEach((i,s)=>{if(r)return;const o=new W(i.clone(),a.corners[(s+1)%4]),c=t.distanceToLine(o);if(c.d>=0&&c.d<=8&&c.t>=0&&c.t<=1){r=!0;const t=o.at(c.t);this.interactionParam={type:"direction-scale",index:s,point:t,box:a.clone(),startMouse:e},n=Math.PI/2*s+Math.PI/4}}),a.containsPoint(t)&&!r&&(this.interactionParam={type:"move",point:t.clone(),box:a.clone(),startMouse:e},r=!0),this.refreshCursorResult(this.interactionParam.type,n*k)}getExpandInfo(){const[t]=this._pageDataUtils.getSelectedItems();if(this.interactive&&"invalid"!==this.result.type&&t)return{expandBox:this.getExpandBox(),itemBox:this._pageDataUtils.getItemBoxById(t.id)}}getExpandBox(){const[t]=this._pageDataUtils.getSelectedItems();if(!this.interactive||"invalid"===this.result.type||!t)return;const e=this._pageDataUtils.getItemBoxById(t.id),{normalizeExpandBox:i}=this.result;return R(e,i)}setExpandBox(t,e){const[i]=this._pageDataUtils.getSelectedItems();if(!this.interactive||"invalid"===this.result.type||!i)return;const s=new H(t,e),a=this._pageDataUtils.getItemBoxById(i.id),{min:r,max:n}=L(a,s);this.result.normalizeExpandBox.set(new T(Math.min(r.x,0),Math.min(r.y,0)),new T(Math.max(n.x,1),Math.max(n.y,1)));const o=this.getExpandBox();return this._eventEmitter.emit("expandBoxChange",o),o}},Wt=class extends A{constructor(t,e){super(),c(this,"type","sprite-text-edit"),c(this,"_pageDataUtils"),c(this,"_eventEmitter"),c(this,"graphics",new st.Graphics),c(this,"text",new st.Text("",{fontSize:14,fill:pi.config.gestureHandlerConfig.spriteTextEditGizmoConfig.textColor,align:"center"})),c(this,"preSelectedText",new st.Text("",{fontSize:14,fill:pi.config.gestureHandlerConfig.spriteTextEditGizmoConfig.preSelectedTextColor,align:"center"})),c(this,"result",[]),c(this,"interactionParam",{preSelected:-1,selected:-1}),c(this,"clearPreSelected",!1),this._pageDataUtils=t,this._eventEmitter=e}get interactive(){return pi.config.gestureHandlerConfig.spriteTextEditGizmoEnabled}set interactive(t){t!==pi.config.gestureHandlerConfig.spriteTextEditGizmoEnabled&&(pi.config.gestureHandlerConfig.spriteTextEditGizmoEnabled=t)}preparationAction(t){const e=new T(t.offsetX,t.offsetY),i=this.result[this.interactionParam.selected];return this.interactionParam.preSelected=-1,this.result.forEach((t,s)=>{if(this.interactionParam.preSelected>=0)return;const a=this._pageDataUtils.getViewBoxById(t.id),r=R(a,t.box);if(i?.id===t.id){(!R(a,i.box).containsPoint(e)||t.index<i.index)&&r.containsPoint(e)&&(this.interactionParam.preSelected=s)}else r.containsPoint(e)&&(this.interactionParam.preSelected=s)}),this.type}preAction(){this.interactionParam.selected=this.interactionParam.preSelected,this.interactionParam.preSelected=-1;const t=this.result[this.interactionParam.selected],e=t?{id:t.id,index:t.index,text:t.text}:void 0;return this._eventEmitter.emit("spriteTextSelected",e),this.type}action(t){}endAction(t){return this.type}interruption(){return this.type}actionKey(t){}endActionKey(t){}cancelPreparation(){}initResult(t){t.forEach(t=>{const e=this._pageDataUtils.getItemBoxById(t.id);t.info.forEach((i,s)=>{const{text:a,box:r}=i,n=r.map(t=>new T(...t).add(e.min)),o=(new H).setFromVec2Array(n),c=L(e,o);this.result.push({id:t.id,index:s,text:a,box:c})})})}clearResult(){this.result=[]}changeSelected(t,e){const i=this.result.findIndex(i=>i.id===t&&i.index===e);if(i<0)console.warn(`item ${t} does not have index ${e} text info.`);else{this.interactionParam.selected=i;const t=this.result[this.interactionParam.selected],e=t?{id:t.id,index:t.index,text:t.text}:void 0;this._eventEmitter.emit("spriteTextSelected",e)}}changeText(t,e,i){const s=this.result.find(i=>i.id===t&&i.index===e);s?s.text=i:console.warn(`item ${t} does not have index ${e} text info.`)}refreshResults(){if(this.text.text="",this.preSelectedText.text="",this.graphics.clear(),!this.interactive||0===this.result.length)return;const{editBoxColor:t,editBoxAlpha:e,editBoxSelectedColor:i,editBoxSelectedAlpha:s,editBoxPreSelectedColor:a,editBoxPreSelectedAlpha:r}=pi.config.gestureHandlerConfig.spriteTextEditGizmoConfig;this.result.forEach((n,o)=>{const c=o===this.interactionParam.selected,h=o===this.interactionParam.preSelected&&!this.clearPreSelected,{box:l,id:p}=n,m=R(this._pageDataUtils.getViewBoxById(p),l),d=h?a:c?i:t,g=h?r:c?s:e;this.graphics.beginFill(d,g),this.graphics.fillBox(m),this.graphics.endFill();const u=m.getCenter();c?(this.text.text=n.text,this.text.anchor.set(.5,.5),this.text.x=u.x,this.text.y=u.y):h&&(this.preSelectedText.text=n.text,this.preSelectedText.anchor.set(.5,.5),this.preSelectedText.x=u.x,this.preSelectedText.y=u.y)})}getRenderObjects(){const t=this.interactionParam.preSelected>=0&&!this.clearPreSelected,e=this.interactionParam.selected>=0;this.clearPreSelected=!1;const i=[];return this.interactive?(i.push(this.graphics),t&&i.push(this.preSelectedText),e&&i.push(this.text),i):i}},Ht=class{constructor(t){c(this,"wireframeApplication"),c(this,"gizmos",[]),c(this,"activeGizmo"),c(this,"selectorGizmo"),c(this,"transformGizmo"),c(this,"controlGizmo"),c(this,"preferenceGizmo"),c(this,"pictureCutGizmo"),c(this,"pictureExpandGizmo"),c(this,"textGizmo"),c(this,"maskGizmo"),c(this,"loadingGizmo"),c(this,"spriteTextEditGizmo"),c(this,"_ignoreInteraction",!1),c(this,"clickButtons",0),c(this,"container"),c(this,"_emitter"),c(this,"clickTime",0),c(this,"firstClick",!0),c(this,"dblclickTimeSpan",500),c(this,"spaceEmit",!1),c(this,"interactType","select"),this.gizmos=[];const{width:e,height:i}=t.getBoundingClientRect();this.wireframeApplication=new S({backgroundAlpha:0,width:e,height:i,resolution:2,autoDensity:!0,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,async function(){await Promise.all(Object.entries(_t).map(([t,e])=>{const{url:i}=e;if(i)return fetch(i).then(t=>t.text()).then(i=>_t[t]={...e,content:i})})).catch(t=>{console.error(t)})}()}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(){if(this.refresh(),!this.wireframeApplication?.stage)return;this.wireframeApplication?.stage?.removeChildren();const t=(this.ignoreInteraction?[this.preferenceGizmo]:this.gizmos).flatMap(t=>t.getRenderObjects());this.wireframeApplication?.stage?.addChild(...t),this.wireframeApplication?.render();const e=this.activeGizmo instanceof zt||this.activeGizmo instanceof Vt||this.activeGizmo instanceof Lt||this.activeGizmo instanceof Ft||this.activeGizmo instanceof Ut||this.activeGizmo instanceof Z?this.activeGizmo.cursorResult:void 0;this.setCursor(e)}async init(t,e){if(null===this.wireframeApplication)return void setTimeout(async()=>{await this.init(t,e)},50);this.gizmos=[],this.controlGizmo=new Z(t),this.selectorGizmo=new it(t);const i=new St;this.transformGizmo=new zt(t,i,this.selectorGizmo),this.preferenceGizmo=new At(t),this.pictureCutGizmo=new Vt(t,e),this.pictureExpandGizmo=new Lt(t,e),this.textGizmo=new Ut(t,i,this.selectorGizmo,e,this.wireframeApplication?.view.parentElement),this.textGizmo.rotationSprite.texture=await Gt.fromURL(pi.config.gestureHandlerConfig.textGizmoConfig.rotationCornerTexture),this.maskGizmo=new Ft(t),this.loadingGizmo=new Rt(t),this.spriteTextEditGizmo=new Wt(t,e),this.gizmos.push(this.maskGizmo,this.spriteTextEditGizmo,this.pictureCutGizmo,this.pictureExpandGizmo,this.loadingGizmo,this.transformGizmo,this.textGizmo,this.selectorGizmo,this.controlGizmo,this.preferenceGizmo,i),this._emitter=e,this.initEvents(),this.registerViewEvent()}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)},this.wireframeApplication.view.oncontextmenu=t=>{t.stopPropagation(),t.preventDefault()}}onMouseDown(t){if(!this.ignoreInteraction){switch(this.clickButtons=t.buttons,this.interactType){case"select":if(4===this.clickButtons&&(this.activeGizmo=this.controlGizmo,this.controlGizmo.preAction(t)),this.firstClick=!!this.firstClick&&Date.now()-this.clickTime<this.dblclickTimeSpan,this.firstClick){if(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&&["transform","text"].includes(this.activeGizmo.type)){const e=this.activeGizmo.preAction(t,!0);this.activeGizmo=this.gizmos.find(t=>t.type===(e??"null"))}else if(this.activeGizmo&&!["picture-cut","picture-expand","mask"].includes(this.activeGizmo.type)){this.activeGizmo=void 0;const e=this.selectorGizmo?.preAction(t,!0);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}break;case"hand":this.activeGizmo=this.controlGizmo,this.activeGizmo.preAction(t)}this.render(),this._emitter?.emit("itemOnDragStart",this.activeGizmo?.type??"null"),document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp)}}onMouseMove(t){if(!this.ignoreInteraction){if(0!==t.buttons)this.activeGizmo?.action(t),this._emitter?.emit("itemOnDrag",this.activeGizmo?.type??"null");else switch(this.interactType){case"select":this.activeGizmo=void 0,this.spaceEmit?(this.activeGizmo=this.controlGizmo,this.controlGizmo.interactionType="mouse"):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()});break;case"hand":this.activeGizmo=this.controlGizmo,this.activeGizmo.preparationAction(t)}this.render()}}onWheel(t){this.ignoreInteraction||(t.preventDefault(),this.selectorGizmo&&(this.selectorGizmo.clearResult=!0),this.spriteTextEditGizmo&&(this.spriteTextEditGizmo.clearPreSelected=!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._emitter?.emit("itemOnDragEnd",this.activeGizmo?.type??"null"),this.render(),document.removeEventListener("mousemove",this.onMouseMove),document.removeEventListener("mouseup",this.onMouseUp)}onKeyDown(t){this.ignoreInteraction||("escape"===t.code.toLocaleLowerCase()&&"select"!==this.interactType&&this.setInteractType("select"),"space"!==t.code.toLocaleLowerCase()||this.activeGizmo?.active?this.gizmos.forEach(e=>{e.actionKey(t)}):(this.spaceEmit=!0,this.activeGizmo=this.controlGizmo,this.controlGizmo.interactionType="hand"===this.interactType||this.spaceEmit?"mouse":"wheel"),this.render())}onKeyUp(t){this.ignoreInteraction||(this.gizmos.forEach(e=>{e.endActionKey(t)}),"space"===t.code.toLocaleLowerCase()&&(this.spaceEmit=!1,this.controlGizmo.interactionType="hand"===this.interactType||this.spaceEmit?"mouse":"wheel"),this.render())}dispose(){this.wireframeApplication.destroy(),this.gizmos=[],this.activeGizmo=void 0}setCursor(t){let e="default";if("circle"===t?.type){const i=1,s=t.radius||10;e=`url("data:image/svg+xml,${encodeURIComponent(`<svg width="${2*s}" height="${2*s}" xmlns="http://www.w3.org/2000/svg"><circle cx="${s}" cy="${s}" r="${s}" fill="rgba(255, 255, 255, 0.6)" stroke="#6A34FF" stroke-width="${i}" /></svg>`)}") ${s} ${s}, auto`}else if(t?.type&&["scale","rotation","hand","active-hand"].includes(t.type)){const i=_t[t.type];if("svg"===i.type){const s=16;e=encodeURIComponent(i.content.replace("rotate(0.00)",`rotate(${t.angle??0})`)),e=`url("data:image/svg+xml,${e}") ${s} ${s}, auto`}else e=i.content}this.wireframeApplication.view.style.cursor=e}openPictureCutGizmo(){if(!this.pictureCutGizmo)return;const t=JSON.parse(JSON.stringify(pi.config));this.pictureCutGizmo.interactive=!0,this.pictureCutGizmo.interactive&&(this.pictureExpandGizmo.interactive=!1,this.maskGizmo.interactive=!1,this.selectorGizmo.interactive=!1,this.transformGizmo.interactive=!1,this.textGizmo.interactive=!1);const e=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}closePictureCutGizmo(){if(!this.pictureCutGizmo)return;const t=JSON.parse(JSON.stringify(pi.config));this.pictureCutGizmo.interactive=!1,this.transformGizmo.interactive=!0,this.selectorGizmo.interactive=!0,this.textGizmo.interactive=!0;const e=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}setInteractType(t){t!==this.interactType&&(this.interactType=t,this.controlGizmo.interactionType="hand"===this.interactType||this.spaceEmit?"mouse":"wheel")}getCutInfo(){return this.pictureCutGizmo?.getCutInfo()}setCutBox(t,e){const i=this.pictureCutGizmo?.setCutBox(t,e);return this.render(),i}openPictureExpandGizmo(){if(!this.pictureExpandGizmo)return;const t=JSON.parse(JSON.stringify(pi.config));this.pictureExpandGizmo.interactive=!0,this.pictureExpandGizmo.interactive&&(this.pictureCutGizmo.interactive=!1,this.maskGizmo.interactive=!1,this.selectorGizmo.interactive=!1,this.transformGizmo.interactive=!1,this.textGizmo.interactive=!1);const e=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}closePictureExpandGizmo(){if(!this.pictureExpandGizmo)return;const t=JSON.parse(JSON.stringify(pi.config));this.pictureExpandGizmo.interactive=!1,this.transformGizmo.interactive=!0,this.selectorGizmo.interactive=!0,this.textGizmo.interactive=!0;const e=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}getExpandInfo(){return this.pictureExpandGizmo?.getExpandInfo()}setExpandBox(t,e){const i=this.pictureExpandGizmo?.setExpandBox(t,e);return this.render(),i}openMaskGizmo(t){if(!this.maskGizmo)return;const e=JSON.parse(JSON.stringify(pi.config));this.maskGizmo.interactive=!0,this.maskGizmo.config={brushSize:t},this.maskGizmo.interactive&&(this.pictureCutGizmo.interactive=!1,this.pictureExpandGizmo.interactive=!1,this.transformGizmo.interactive=!1,this.selectorGizmo.interactive=!1);const i=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",e,i)}clearMaskGizmo(){this.maskGizmo&&(this.maskGizmo.clearMask(),this.render())}closeMaskGizmo(){if(!this.maskGizmo)return;const t=JSON.parse(JSON.stringify(pi.config));this.maskGizmo.interactive=!1,this.transformGizmo.interactive=!0,this.selectorGizmo.interactive=!0;const e=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}setMaskGizmoConfig(t){this.maskGizmo&&(this.maskGizmo.config=t)}getMask(){if(this.maskGizmo)return this.maskGizmo.getMask()}openLoadingGizmo(t,e,i){if(!this.loadingGizmo)return;const s=JSON.parse(JSON.stringify(pi.config));this.loadingGizmo.addId(t,e,i),this.loadingGizmo.interactive&&(this.maskGizmo.interactive=!1,this.pictureCutGizmo.interactive=!1,this.pictureExpandGizmo.interactive=!1);const a=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",s,a)}closeLoadingGizmo(t){if(!this.loadingGizmo)return;const e=JSON.parse(JSON.stringify(pi.config));this.loadingGizmo.deleteId(t);const i=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",e,i)}setPictureCutGizmoLockScale(t){this.pictureCutGizmo.isLockScale=t}setPictureExpandGizmoLockScale(t){this.pictureExpandGizmo.isLockScale=t}setTransformGizmoLockScale(t){this.transformGizmo.isLockScale=t}openSpriteTextGizmo(t){if(!this.spriteTextEditGizmo)return;const e=JSON.parse(JSON.stringify(pi.config));this.spriteTextEditGizmo.interactive=!0,this.spriteTextEditGizmo.initResult(t),this.spriteTextEditGizmo.interactive&&(this.maskGizmo.interactive=!1,this.pictureCutGizmo.interactive=!1,this.pictureExpandGizmo.interactive=!1,this.transformGizmo.interactive=!1,this.selectorGizmo.interactive=!1);const i=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",e,i)}closeSpriteTextEditGizmo(){if(!this.spriteTextEditGizmo)return;const t=JSON.parse(JSON.stringify(pi.config));this.spriteTextEditGizmo.interactive=!1,this.spriteTextEditGizmo.clearResult(),this.transformGizmo.interactive=!0,this.selectorGizmo.interactive=!0;const e=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}changeSpriteTextSelectedIndex(t,e){this.spriteTextEditGizmo?.changeSelected(t,e)}changeSpriteTextSelectedText(t,e,i){this.spriteTextEditGizmo?.changeText(t,e,i)}};import{AssetManager as Nt,glContext as Ot}from"@galacean/effects";import{assertExist as Kt}from"@galacean/effects";var jt=class{constructor(t){c(this,"plane",new Y),c(this,"ray",new J),c(this,"viewportParam",{width:0,height:0,scale:1,translation:new T,rulerWidth:0}),c(this,"cameraParam",{position:new K,rotation:new K,focusPosition:new K,focusRotation:new K,viewProjectionMatrix:new j,inverseViewProjectionMatrix:new j}),c(this,"pageDataUtils"),this.pageDataUtils=t}refreshViewParam(){const t=this.pageDataUtils.getPageData();Kt(t,"You must run SDK first");const e=new T(this.pageDataUtils.container.offsetWidth,this.pageDataUtils.container.offsetHeight),{zoom:i,translation:s}=t.property;this.viewportParam.width=e.x,this.viewportParam.height=e.y,this.viewportParam.scale=i,this.viewportParam.translation=new T(...s),this.viewportParam.rulerWidth=0}refreshCameraParam(){const{player:t}=this.pageDataUtils,e=t?.getCompositions()?.[0]?.camera;if(e){const t=j.fromArray(e.getViewProjectionMatrix().toArray()),i=j.fromArray(e.getViewMatrix().toArray()).invert(),s=new O;i.decompose(this.cameraParam.position,s,new K),this.cameraParam.rotation=(new $).setFromQuaternion(s).toDegreeVector3(),this.cameraParam.focusPosition=new K(...this.cameraParam.position.toVector2().toArray(),this.cameraParam.position.z>0?0:2*this.cameraParam.position.z),this.cameraParam.focusPosition.applyEuler((new $).setFromDegreeVector3(this.cameraParam.rotation.clone()),this.cameraParam.position),this.cameraParam.focusRotation=(new $).setFromQuaternion(s.invert()).toDegreeVector3(),this.cameraParam.viewProjectionMatrix=t,this.cameraParam.inverseViewProjectionMatrix=j.fromArray(e.getInverseViewProjectionMatrix().toArray())}}initInteractionPlane(t,e){t??(t=this.cameraParam.focusPosition),e??(e=(new $).setFromDegreeVector3(this.cameraParam.rotation));const i=new K(0,0,1).applyEuler(e);this.plane.setFromNormalAndCoplanarPoint(t,i)}getWorldSizeByViewSize(t,e=!0,i){const s=e||!i?(new $).setFromDegreeVector3(this.cameraParam.rotation):(new $).setFromQuaternion((new O).setFromRotationMatrix(this.pageDataUtils.getItemTransformById(i).matrix)),a=i?(new K).setFromMatrixPosition(this.pageDataUtils.getItemTransformById(i).matrix):this.cameraParam.focusPosition,r="editor"===pi.config.mode?1:this.viewportParam.scale;t.multiply(r);const n=this.projectPoint(a.clone()),o=this.getWorldPositionByViewPoint(n.add(t));if(!o)return console.warn("size is out of bounds."),new K(0,0,0);const c=(new $).setFromQuaternion((new O).setFromEuler(s).invert());return(e||!i?o.applyEuler(c,a):o).subtract(a)}getViewSizeByPixelSize(t){const{scale:e}=this.viewportParam,i="template"===pi.config.mode?1:e;return t.clone().multiply(i)}projectPoint(t){const{width:e,height:i,scale:s}=this.viewportParam,{viewProjectionMatrix:a}=this.cameraParam,r="editor"===pi.config.mode?1:s;return(new T).copyFrom(t.applyMatrix(a).toVector2()).toViewCoordinate(e*r,i*r)}getWorldPositionByViewPoint(t){const{position:e,inverseViewProjectionMatrix:i}=this.cameraParam,s=this.getNDCPositionByScreenPosition(t),a=(new X).setFromCamera(s,{position:e,inverseViewProjectMatrix:i}).rayCastPlane(this.plane);return a?.point}getNDCPositionByScreenPosition(t){const{width:e,height:i,scale:s}=this.viewportParam,a="editor"===pi.config.mode?1:s;return new T(t.x/(e*a)*2-1,1-t.y/(i*a)*2)}getNDCSizeByPixelSize(t){const{width:e,height:i}=this.viewportParam;return new T(t.x/e*2,-t.y/i*2)}getPixelSizeByNDCSize(t){const{width:e,height:i}=this.viewportParam;return new T(t.x/2*e,-t.y/2*i)}getViewPositionWWithOutTransform(t){const{scale:e}=this.viewportParam,i="editor"===pi.config.mode?1:e;return t.divide(i)}getViewPositionByPixelPoint(t){if("template"===pi.config.mode)return t.clone();const{width:e,height:i,scale:s,translation:a}=this.viewportParam;return t.clone().scaleByCenter(new T(s,s),new T(e/2,i/2)).add(a)}getPixelPositionByViewPoint(t){if("template"===pi.config.mode)return t.clone();const{width:e,height:i,scale:s,translation:a}=this.viewportParam;return t.clone().subtract(a.clone()).scaleByCenter(new T(1/s,1/s),new T(e/2,i/2))}},$t={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"},Yt={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 Jt(t,e,i,s){const a=e.getContext("2d");Bt(a),a.clearRect(0,0,e.width,e.height),i&&(a.save(),a.fillStyle=i,a.fillRect(0,0,e.width,e.height),a.restore()),s&&a.drawImage(s,0,0,s.width,s.height,0,0,e.width,e.height),a.drawImage(t,0,0,t.width,t.height,0,0,e.width,e.height)}async function Xt(){return new Promise(async(t,e)=>{try{await function(t,e={}){return new Promise((i,s)=>{const a=document.querySelector(`script[src="${t}"]`);if(a)return"true"===a.dataset.loaded?void i(a):(a.addEventListener("load",()=>{i(a)}),void a.addEventListener("error",()=>{s(new Error(`Script already failed: ${t}`))}));const r=document.createElement("script");r.src=t,r.async=!0,Object.keys(e).forEach(t=>{r.setAttribute(t,e[t]??"")}),r.onload=()=>{r.dataset.loaded="true",i(r)},r.onerror=()=>{s(new Error(`Failed to load script: ${t}`))},document.head.appendChild(r)})}($t.SCRIPT,{crossOrigin:"anonymous"});const e={locateFile:(t,e)=>t.endsWith("createWebPCore.wasm")?$t.WASM:e+t};t(await window.createWebPCore(e))}catch(t){e(t)}})}function Zt(t){for(const e of t.getCompositions())for(const t of e.textures)t.isDestroyed||t.dispose();t.disposed||t.destroyCurrentCompositions()}function qt(t=[750,750],e="AI 设计师画布"){const i=D(),s={id:D(),dataType:g.DataType.TimelineAsset,tracks:[]},a={id:D(),item:{id:i},dataType:g.DataType.CompositionComponent,items:[],timelineAsset:{id:s.id},sceneBindings:[]},r={id:i,name:e,duration:999,startTime:0,endBehavior:g.EndBehavior.forward,previewSize:[...t],camera:{fov:60,far:40,near:.1,clipMode:1,position:[0,0,8],rotation:[0,0,0],aspect:t[0]/t[1]},components:[{id:a.id}]},n={version:g.JSONSceneVersion.LATEST,playerVersion:{web:"2.7.3",native:"10.7.6"},type:"ge",compositionId:i,compositions:[],images:[],plugins:[],bins:[],textures:[],items:[],components:[],materials:[],shaders:[],geometries:[],animations:[],miscs:[]};return n.miscs.push(s),n.compositions.push(r),n.components.push(a),n}function Qt(t,e,i,s,a,r,n){const o=D(),c={id:t,name:r,dataType:g.DataType.VFXItemData,components:[{id:o}],delay:0,duration:999,endBehavior:g.EndBehavior.restart,renderLevel:g.RenderLevel.BPlus,type:g.ItemType.sprite,visible:!0,transform:{position:{x:e.x,y:e.y,z:e.z},eulerHint:{x:i.x,y:i.y,z:i.z},size:{x:s.x,y:s.y},scale:{x:a.x,y:a.y,z:a.z},anchor:{x:0,y:0}},content:void 0},h={id:o,item:{id:t},dataType:g.DataType.SpriteComponent,options:{startColor:[1,1,1,1]},renderer:{renderMode:g.RenderMode.MESH}};n&&(h.renderer.texture={id:n});const l={id:D(),dataType:g.DataType.ActivationPlayableAsset},p={id:D(),dataType:g.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:g.EndBehavior.restart,asset:{id:l.id}}]},m={id:D(),dataType:g.DataType.SpriteColorPlayableAsset,startColor:[1,1,1,1]};return{item:c,components:[h],tracks:[p,{id:D(),dataType:g.DataType.SpriteColorTrack,children:[],clips:[{start:0,duration:999,endBehavior:g.EndBehavior.restart,asset:{id:m.id}}]}],playableAssets:[l,m]}}function te(t,e,i,s=new T(1,1),a=0){const r=JSON.parse(JSON.stringify(i)),n={id:t,name:e,duration:999,type:g.ItemType.null,visible:!0,endBehavior:g.EndBehavior.restart,delay:0,renderLevel:g.RenderLevel.BPlus,content:{options:{startColor:[1,1,1,1]}},components:[],transform:{position:r,eulerHint:{x:0,y:0,z:a},size:{x:1,y:1},scale:{x:s.x,y:s.y,z:1}},dataType:g.DataType.VFXItemData},o={id:D(),dataType:g.DataType.ActivationPlayableAsset};return{item:n,components:[],tracks:[{id:D(),dataType:g.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:g.EndBehavior.restart,asset:{id:o.id}}]}],playableAssets:[o]}}function ee(t,e,i,s,a,r){const n=D(),o={id:t,name:e,dataType:g.DataType.VFXItemData,components:[{id:n}],delay:0,duration:999,endBehavior:g.EndBehavior.restart,renderLevel:g.RenderLevel.BPlus,type:g.ItemType.sprite,visible:!0,transform:{position:{x:i.x,y:i.y,z:i.z},eulerHint:{x:s.x,y:s.y,z:s.z},scale:{x:a.x,y:a.y,z:1},anchor:{x:0,y:0}},content:void 0},c={id:n,item:{id:t},dataType:g.DataType.TextComponent,options:r,renderer:{renderMode:1}},h={id:D(),dataType:g.DataType.ActivationPlayableAsset};return{item:o,components:[c],tracks:[{id:D(),dataType:g.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:g.EndBehavior.restart,asset:{id:h.id}}]}],playableAssets:[h]}}function ie(t,e,i,s,a,r,n=!1,o=!1,c=1,h=1,l,p){const m=D(),d={id:t,name:r,dataType:g.DataType.VFXItemData,components:[{id:m}],delay:0,duration:999,endBehavior:g.EndBehavior.restart,renderLevel:g.RenderLevel.BPlus,type:g.ItemType.video,visible:!0,transform:{position:{x:e.x,y:e.y,z:e.z},eulerHint:{x:i.x,y:i.y,z:i.z},size:{x:s.x,y:s.y},scale:{x:a.x,y:a.y,z:a.z},anchor:{x:0,y:0}},content:void 0},u={id:m,item:{id:t},dataType:g.DataType.VideoComponent,options:{startColor:[1,1,1,1],muted:n,video:{id:p},volume:c,playbackRate:h,transparent:o},renderer:{renderMode:g.RenderMode.MESH}};l&&(u.renderer.texture={id:l});const y={id:D(),dataType:g.DataType.ActivationPlayableAsset},f={id:D(),dataType:g.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:g.EndBehavior.restart,asset:{id:y.id}}]},x={id:D(),dataType:g.DataType.SpriteColorPlayableAsset,startColor:[1,1,1,1]};return{item:d,components:[u],tracks:[f,{id:D(),dataType:g.DataType.SpriteColorTrack,children:[],clips:[{start:0,duration:999,endBehavior:g.EndBehavior.restart,asset:{id:x.id}}]}],playableAssets:[y,x]}}function se(t,e){t.items.push(e.item),t.miscs.push(...e.tracks,...e.playableAssets),t.components.push(...e.components);const i=t.compositions.find(e=>e.id===t.compositionId)??t.compositions[0],s=t.components.find(t=>t.id===i.components[0]?.id);if(s){s.items.push({id:e.item.id});const i={id:D(),dataType:g.DataType.ObjectBindingTrack,children:[],clips:[]};for(const t of e.tracks)i.children.push({id:t.id});t.miscs.find(t=>t.id===s.timelineAsset.id).tracks.push({id:i.id}),s.sceneBindings.push({key:{id:i.id},value:{id:e.item.id}}),t.miscs.push(i)}}function ae(t,e,i){var s;const a=t.items.findIndex(t=>t.id===e);if(a<0)return;!function(t,e){var i;const s=t.items.findIndex(t=>t.id===e);if(!t.items[s]?.parentId)return;const a=t.items.find(e=>e.id===t.items[s].parentId);if(!a)return void delete t.items[s].parentId;const{position:r={x:0,y:0,z:0},eulerHint:n=new K,scale:o=new K(1,1,1)}=a.transform;(i=t.items[s]).transform??(i.transform={position:{x:0,y:0,z:0},eulerHint:{x:0,y:0,z:0},scale:{x:1,y:1,z:1},size:{x:1,y:1}}),t.items[s].transform.position.x+=r.x,t.items[s].transform.position.y+=r.y,t.items[s].transform.position.z+=r.z,t.items[s].transform.eulerHint.x+=n.x,t.items[s].transform.eulerHint.y+=n.y,t.items[s].transform.eulerHint.z+=n.z,t.items[s].transform.scale.x*=0===o.x?1:o.x,t.items[s].transform.scale.y*=0===o.y?1:o.y,t.items[s].transform.scale.z*=0===o.z?1:o.z}(t,e);const r=t.items.find(t=>t.id===i);if(!r)return;t.items[a].parentId=i;const{position:n={x:0,y:0,z:0},eulerHint:o=new K,scale:c=new K(1,1,1)}=r.transform;(s=t.items[a]).transform??(s.transform={position:{x:0,y:0,z:0},eulerHint:{x:0,y:0,z:0},scale:{x:1,y:1,z:1},size:{x:1,y:1}}),t.items[a].transform.position.x-=n.x,t.items[a].transform.position.y-=n.y,t.items[a].transform.position.z-=n.z,t.items[a].transform.eulerHint.x-=o.x,t.items[a].transform.eulerHint.y-=o.y,t.items[a].transform.eulerHint.z-=o.z,t.items[a].transform.scale.x/=0===c.x?1:c.x,t.items[a].transform.scale.y/=0===c.y?1:c.y,t.items[a].transform.scale.z/=0===c.z?1:c.z}function re(t,e){let i;return t.components.forEach(s=>{if(s.item.id===e)if(s.dataType===g.DataType.SpriteComponent&&s.renderer.texture){const e=t.textures?.find(t=>t.id===s.renderer.texture?.id);e&&(i=t.images.find(t=>t.id===e.source.id)?.url)}else if(s.dataType===g.DataType.VideoComponent&&s.renderer.texture){const e=t.textures?.find(t=>t.id===s.renderer.texture?.id);e&&(i=t.videos?.find(t=>t.id===e.source.id)?.url)}}),i}import{VFXItem as ne,SpriteComponent as oe,spec as ce,TextComponent as he}from"@galacean/effects";import{VideoComponent as le}from"@galacean/effects-plugin-multimedia";var pe=class{static createEmpty(t,e=null,i="NewVFXItem"){const s=me.createVFXItem(t,e,i);return s.type=ce.ItemType.null,s}static createSprite(t,e=null,i="NewSpite"){const s=me.createVFXItem(t,e,i,oe);return s.type=ce.ItemType.sprite,s}static createText(t,e=null,i="NewText"){const s=me.createVFXItem(t,e,i,he);return s.type=ce.ItemType.text,s}static createVideo(t,e=null,i="NewVideo"){const s=me.createVFXItem(t,e,i,le);return s.type=ce.ItemType.video,s}},me=class{static createVFXItem(t,e=null,i="NewVFXItem",...s){const a=new ne(t.getEngine());a.name=i;for(const t of s)a.addComponent(t);return t.addItem(a),t.rootComposition.items.push(a),e&&a.setParent(e),a}},de=class{constructor(t,e,i,s){c(this,"sdk"),c(this,"player"),c(this,"container"),c(this,"emitter"),c(this,"interactionUtils"),this.player=t,this.sdk=s,this.container=e,this.emitter=i}init(){this.interactionUtils=new jt(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.getViewProperty()?.ignoreInteraction)return!1;const i=this.sdk.pageData.time,{duration:s,delay:a,endBehavior:r}=e;return i>=a&&(i<a+s||r===g.EndBehavior.restart)}getItemShow(t){const e=this.getViewItemById(t);if(!this.sdk.pageData||!e?.property.visible)return!1;const i=this.sdk.pageData.time,{duration:s,delay:a,endBehavior:r}=e;return i>=a&&(i<a+s||r===g.EndBehavior.restart||r===g.EndBehavior.freeze)}addSelectedItems(t){v(this.sdk.pageData,"You must call SDK#run() first");const e=this.sdk.pageData.activeData.selectedItems??[];t.forEach(t=>{Q(e,t)}),this.sdk.pageData.activeData.selectedItems=[...e],this.emitter.emit("selectedItemChange",e),this.emitter.emit("pageDataChange",this.sdk.pageData)}removeSelectedItems(t){v(this.sdk.pageData,"You must call SDK#run() first");const e=this.sdk.pageData.activeData.selectedItems??[];for(const i of t){const t=e.findIndex(t=>t===i);t>=0&&e.splice(t,1)}this.sdk.pageData.activeData.selectedItems=[...e],this.emitter.emit("selectedItemChange",e),this.emitter.emit("pageDataChange",this.sdk.pageData)}clearSelectedItems(t=!1){this.sdk.pageData&&(t?(this.sdk.pageData.activeData.selectedItems=[],this.emitter.emit("selectedItemChange",[])):this.sdk.pageData.activeData.selectedItems=[],this.emitter.emit("pageDataChange",this.sdk.pageData))}getSelectedItems(){const t=this.sdk.pageData?.activeData.selectedItems;return this.sdk.pageData?.items.filter(e=>t?.find(t=>t===e.id))??[]}addPreSelectedItem(t){v(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.activeData.preSelectedItem=t,this.emitter.emit("preSelectedItemChange",t)}clearPreSelectedItem(){v(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();v(t,"You must call SDK#run() first");const e=t.activeData.preSelectedItem;return e?this.getViewItemById(e):void 0}addLoadingItems(t){var e;v(this.sdk.pageData,"You must call SDK#run() first"),(e=this.sdk.pageData.activeData).loadingItems??(e.loadingItems=[]);const i=this.sdk.pageData.activeData.loadingItems;t.forEach(t=>{Q(i,t)}),this.emitter.emit("loadingItemChange",i)}removeLoadingItems(t){v(this.sdk.pageData,"You must call SDK#run() first");const e=this.sdk.pageData.activeData.loadingItems??[];for(const i of t){const t=e.findIndex(t=>t===i);t>=0&&e.splice(t,1)}this.emitter.emit("loadingItemChange",e)}clearLoadingItems(){this.sdk.pageData&&(this.sdk.pageData.activeData.loadingItems=[],this.emitter.emit("loadingItemChange",[]))}getLoadingItems(){const t=this.sdk.pageData?.activeData.loadingItems;return this.sdk.pageData?.items.filter(e=>t?.find(t=>t===e.id))??[]}getViewItemById(t){return this.sdk.pageData?.items.find(e=>e.id===t)}getPlayerSizeByParent(t,e){const[i,s]=t,[a=1624,r=750]=e;let n=s,o=n/r*a;return o>i&&(n=i/o*s,o=i),[o,n]}async loadScene(t){Zt(this.player);const e=this.getViewProperty(t);if(!e||!this.sdk.pageData)return void console.warn(`This page does not have ${t} view property.`);const{scene:i,size:s}=e;if("template"===pi.config.mode){const t=this.container.parentElement?.offsetWidth??300,e=this.container.parentElement?.offsetHeight??300,[i,a]=this.getPlayerSizeByParent([t,e],s);this.container.style.width=`${i}px`,this.container.style.height=`${a}px`}this.sdk.pageData.activeData={view:t,selectedItems:[],preSelectedItem:void 0},this.player.resize();const a=JSON.parse(JSON.stringify(i)),r=await this.player.loadScene(a,{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,r.items),this.emitter.emit("pageDataChange",this.sdk.pageData)}refreshPageTime(t){v(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.time=t}pageZoom(t,e,i){var s;v(this.sdk.pageData,"You must call SDK#run() first"),(s=this.sdk.pageData.property).zoom??(s.zoom=1);const{zoom:a,translation:[r=0,n=0]}=this.sdk.pageData.property,{width:o,height:c,scale:h}=this.interactionUtils.viewportParam,l=i?t:E(t,-.1,.1),p=U(E(a+l,pi.config.pageConfig.minZoom,pi.config.pageConfig.maxZoom),2);switch(this.sdk.pageData.property.zoom=p,pi.config.mode){case"editor":{const t=this.interactionUtils.getNDCSizeByPixelSize(new T(r,n)),i=e??new T(o/2,c/2),s=this.interactionUtils.getNDCPositionByScreenPosition(i),a=(s.x-t.x)/h,l=(s.y-t.y)/h,m=new T(s.x-a*p,s.y-l*p),d=(new j).compose(new K(m.x,m.y,0),new O,new K(p,p,1));this.sdk.pageData.property.translation=this.interactionUtils.getPixelSizeByNDCSize(m).toArray(),this.setCurrenCameraViewportMatrix(d);break}case"template":this.container.style.scale=`${p}`}this.refreshInteractionParam(),this.sdk.pageData.items=[];const m=this.getCurrentComposition();this.addViewItemsByItems(this.sdk.pageData.items,m.items),this.emitter.emit("zoomChange",p),this.emitter.emit("viewportTransform",{zoom:p,translation:[r,n]}),this.emitter.emit("pageDataChange",this.sdk.pageData)}setPageZoom(t,e,i){v(this.sdk.pageData,"You must call SDK#run() first");const{zoom:s}=this.sdk.pageData.property,a=t-s;this.pageZoom(a,e,i)}refreshInteractionParam(){this.interactionUtils.refreshViewParam(),this.interactionUtils.refreshCameraParam()}pageMove(t){v(this.sdk.pageData,"You must call SDK#run() first");const{translation:[e=0,i=0],zoom:s}=this.sdk.pageData.property,a=e+t.x,r=i+t.y;switch(this.sdk.pageData.property.translation=[a,r],pi.config.mode){case"template":this.container.style.translate=`${a}px ${r}px`;break;case"editor":{const t=this.interactionUtils.getNDCSizeByPixelSize(new T(a,r)),e=(new j).compose(new K(t.x,t.y,0),new O,new K(s,s,1));this.setCurrenCameraViewportMatrix(e);break}}this.refreshInteractionParam(),this.sdk.pageData.items=[];const n=this.getCurrentComposition();this.addViewItemsByItems(this.sdk.pageData.items,n.items),this.emitter.emit("viewportTransform",{zoom:s,translation:[a,r]}),this.emitter.emit("pageDataChange",this.sdk.pageData)}setPageMove(t){v(this.sdk.pageData,"You must call SDK#run() first");const{translation:e}=this.sdk.pageData.property,i=(new T).subtractVectors(t,new T(...e));this.pageMove(i)}setCurrenCameraViewportMatrix(t){const e=this.getCurrentComposition();if(!e)return;const{camera:i}=e;i.setViewportMatrix(t)}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 j).copyFrom(i.transform.getParentMatrix()??new j);s.setPosition(new K);const a=e.clone().applyMatrix(s.invert());i.translate(...a.toArray()),i.transform.updateLocalMatrix(),this.transformSceneItem(t,"position",a.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:"size"}))}scaleTextItem(t,e){const i=this.getViewItemById(t);if(i?.type===g.ItemType.text){const{textWidth:t}=i.property;this.changeItemProperty({itemId:i.id,type:g.ItemType.text,propertyName:"textWidth",propertyValue:t*e})}}getItemTransformById(t){const e={matrix:new j,parentMatrix:new j},i=this.getPlayerItemById(t);if(void 0!==i?.transform){i.transform.updateLocalMatrix();const t=j.fromArray(i.composition?.transform.getWorldMatrix().elements??[]).invert();e.matrix=t.clone().multiply(j.fromArray(i.transform.getWorldMatrix().elements)),e.parentMatrix=t.clone().multiply(j.fromArray(i.transform.parentTransform?.getWorldMatrix().elements??(new j).toArray()))}return e}addViewItemsByItems(t,e,i){const s=e=>{e.forEach(e=>{t.find(t=>t.id===e.getInstanceId())||t.push(this.createViewItemByPlayerItem(e,i))})};for(const i of e)pi.config.pageConfig.filterItemNames.includes(i.name)||(s([i]),this.addViewItemsByItems(t,i.children,i.getInstanceId()))}createViewItemByPlayerItem(t,e){v(this.sdk.pageData,"You must call SDK#run() first");const{transform:i,composition:s,isVisible:a}=t,r={position:[0,0],rotation:[0,0,0],size:[0,0],visible:a,keyPropertyEditing:!1},{scale:n}=this.interactionUtils.viewportParam,o="editor"===pi.config.mode?1:n,c=this.getViewportLeftTopPosition();if(t.type!==g.ItemType.null){i.updateLocalMatrix();const e=(new j).copyFrom(s?.transform.getWorldMatrix()??(new j).identity()).invert().multiply(i.getWorldMatrix()),a=new K,o=new O,c=new K;e.decompose(a,o,c);const h=(new $).setFromQuaternion(o);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,this.interactionUtils.initInteractionPlane(a,h);const l=this.interactionUtils.projectPoint(a),p="editor"===pi.config.mode?this.interactionUtils.getPixelPositionByViewPoint(l).toArray().map(t=>U(t,2)):l.divide(n).toArray().map(t=>U(t,2)),m=h.toArray().map(t=>U(t,2)),d=c.toArray().map(t=>U(t,2)),g=i.size.toArray(),u=this.getPixelSizeByWorldSize([d[0]*g[0],d[1]*g[1],d[2]],t).map(t=>U(t,2));r.position=p,r.rotation=m,r.size=u}else{const e=this.getViewBoxByPlayerItem(t,t.children),i=this.interactionUtils.getViewPositionWWithOutTransform(e.getCenter().subtract(c)),s="editor"===pi.config.mode?this.interactionUtils.getPixelPositionByViewPoint(i).toArray().map(t=>U(t,2)):i.toArray();r.position=s,r.size=e.getSize().divide(o).toArray()}switch(t.type){case g.ItemType.sprite:{const e=this.getViewProperty()?.scene;if(e){e.components.filter(e=>e.item.id===t.getInstanceId()).forEach(t=>{if(r.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);r.keyPropertyEditing=!!t?.template;const s=t?.url??"";s&&Object.assign(r,{image:s})}})}break}case g.ItemType.video:{const e=this.getViewProperty()?.scene;if(e){e.components.filter(e=>e.item.id===t.getInstanceId()).forEach(t=>{if(r.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?.videos?.find(t=>t.id===i.source.id);r.keyPropertyEditing=!0;const s=t?.url??"";s&&Object.assign(r,{video:s})}})}break}case g.ItemType.text:case g.ItemType.richtext:{const e=this.getViewProperty()?.scene;if(r.keyPropertyEditing=!0,e){e.components.filter(e=>e.item.id===t.getInstanceId()).forEach(t=>{if(![g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType))return;const{textAlign:e,textColor:i,text:s,fontWeight:a,fontFamily:n,fontSize:o,fontStyle:c,outline:h,textWidth:l,lineHeight:p}=t.options,m=h?.outlineColor?h.outlineColor.map((t,e)=>e>2?t:U(255*t,0)):void 0,d=i.map((t,e)=>e>2?t:U(255*t,0)),u=h?.outlineWidth,y=!!h;Object.assign(r,{outlineEnabled:y,textAlign:e,textColor:d,fontWeight:a,text:s,fontFamily:n,fontSize:o,fontStyle:c,outlineColor:m,outlineWidth:u,textWidth:l,lineHeight:p})})}break}}return{id:t.getInstanceId(),name:t.name,parentId:t.parentId??e,children:[],type:t.type,duration:t.duration,delay:t.defination.delay,endBehavior:t.endBehavior,property:r}}getViewBoxById(t){const e=new H,i=this.getPlayerItemById(t),s=this.getChildrenPlayerItems(i);return i&&s?this.getViewBoxByPlayerItem(i,s):e}getItemViewAnchor(t){const e=this.getPlayerItemById(t);if(e?.transform?.anchor){const t=(new K).copyFrom(e.transform.anchor).applyMatrix((new j).copyFrom(e.transform.getWorldMatrix())),i=this.getViewportLeftTopPosition();return this.interactionUtils.projectPoint(t).add(i).round(2)}}getChildrenPlayerItems(t){const e=[];return t?(e.push(...this.player.getCompositions()[0].items.filter(e=>e.parentId===t.getInstanceId())),e.push(...e.flatMap(t=>this.getChildrenPlayerItems(t))),e):[]}getChildrenSceneItemIds(t,e){const i=[];return i.push(...e.items.filter(e=>e.parentId===t).map(t=>t.id)),i.push(...i.flatMap(t=>this.getChildrenSceneItemIds(t,e))),i}getViewBoxByPlayerItem(t,e){const i=new H;switch(t.type){case g.ItemType.sprite:case g.ItemType.plugin:case g.ItemType.video:case g.ItemType.richtext:case g.ItemType.text:case g.ItemType.shape:{const{transform:s,composition:a}=t;s.updateLocalMatrix();const{size:r}=s,n=(new j).copyFrom(a?.transform.getWorldMatrix()??new j).invert().multiply(s.getWorldMatrix()),{x:o,y:c}=r.clone().divide(2),h=new K(o,c,0).applyMatrix(n),l=new K(o,-c,0).applyMatrix(n),p=new K(-o,-c,0).applyMatrix(n),m=new K(-o,c,0).applyMatrix(n),d=this.getViewportLeftTopPosition(),g=this.interactionUtils.projectPoint(h).add(d).round(2),u=this.interactionUtils.projectPoint(l).add(d).round(2),y=this.interactionUtils.projectPoint(p).add(d).round(2),f=this.interactionUtils.projectPoint(m).add(d).round(2);i.setFromVec2Array([g,u,y,f]);const x=e?.map(t=>this.getViewBoxById(t.getInstanceId()));x&&x.map(t=>i.union(t));break}case g.ItemType.null:{const t=e?.map(t=>this.getViewBoxById(t.getInstanceId()));t&&t.map(t=>i.union(t));break}}return i}getViewportLeftTopPosition(){if(!this.sdk.pageData||"editor"===pi.config.mode)return new T;const{zoom:t,translation:e}=this.sdk.pageData.property,{offsetWidth:i,offsetHeight:s}=this.container.parentElement,{offsetWidth:a,offsetHeight:r}=this.container,n=new T(i,s),o=new T(a,r).multiply(t);return n.clone().divide(2).subtract(o.clone().divide(2)).add(e)}getViewportByViewPoint(t){if(!this.sdk.pageData)return t;const{zoom:e}=this.sdk.pageData.property,i="editor"===pi.config.mode?1:e,{width:s,height:a}=this.interactionUtils.viewportParam,r=new T(s,a).multiply(i),n=this.getViewportLeftTopPosition(),o=t.clone().subtract(n);return new T(o.x/r.x*2-1,1-o.y/r.y*2)}async changeItemProperty(t){v(this.sdk.pageData,"You must call SDK#run() first"),v(t,"Param is not exsited.");const e=this.getViewItemById(t.itemId),i=this.getPlayerItemById(t.itemId);if(e&&i)if(t.propertyName in e.property){switch(t.propertyName){case"textAlign":[g.TextAlignment.left,g.TextAlignment.middle,g.TextAlignment.right].includes(t.propertyValue)&&i.getComponent(P).setTextAlign(t.propertyValue);break;case"textColor":if(Array.isArray(t.propertyValue)&&4===t.propertyValue.length){const e=t.propertyValue.map((t,e)=>e>2?t:U(t/255,5));i.getComponent(P).setTextColor(e)}break;case"fontFamily":if("string"==typeof t.propertyValue){const e=t.propertyValue.split("/"),s=e[e.length-1]?.split(".")[0];await Nt.loadFontFamily([{fontURL:t.propertyValue,fontFamily:s}]),s&&(i.getComponent(P).setFontFamily(s),i.getComponent(P).isDirty=!0)}break;case"text":if("string"==typeof t.propertyValue){const e=i.getComponent(P);if(e.setText(t.propertyValue),"editor"===pi.config.mode){const s=e.getLineCount(t.propertyValue),a=Math.ceil(e.textLayout.lineHeight*s);e.setTextHeight(a);const r=e.textLayout.width,n=this.interactionUtils.getViewSizeByPixelSize(new T(r,a)),o=this.interactionUtils.getWorldSizeByViewSize(n);i.transform.setScale(i.transform.scale.x,Math.abs(o.y),1)}}break;case"fontWeight":[g.TextWeight.normal,g.TextWeight.bold,g.TextWeight.lighter].includes(t.propertyValue)&&i.getComponent(P).setFontWeight(t.propertyValue);break;case"textWidth":{const e=i.getComponent(P);e.setTextWidth(t.propertyValue);const s=Math.ceil(e.textLayout.lineHeight*e.lineCount);e.setTextHeight(s);const a=e.textLayout.width,r=this.interactionUtils.getViewSizeByPixelSize(new T(a,s)),n=this.interactionUtils.getWorldSizeByViewSize(r);i.transform.setScale(i.transform.scale.x,Math.abs(n.y),1);break}case"lineHeight":{const e=i.getComponent(P);e.setLineHeight(t.propertyValue);const s=Math.ceil(e.textLayout.lineHeight*e.lineCount);e.setTextHeight(s);const a=e.textLayout.width,r=this.interactionUtils.getViewSizeByPixelSize(new T(a,s)),n=this.interactionUtils.getWorldSizeByViewSize(r);i.transform.setScale(i.transform.scale.x,Math.abs(n.y),1);break}case"outlineColor":if(Array.isArray(t.propertyValue)&&4===t.propertyValue.length){const e=i.getComponent(P);if("function"==typeof e.setOutlineColor){const i=t.propertyValue.map((t,e)=>e>2?t:U(t/255,5));e.setOutlineColor(i)}}break;case"outlineWidth":if("number"==typeof t.propertyValue){const e=i.getComponent(P);if("function"==typeof e.setOutlineWidth){e.setOutlineWidth(t.propertyValue);const{lineHeight:s,width:a}=e.textLayout,r=s*e.lineCount,n=this.interactionUtils.getViewSizeByPixelSize(new T(a,r)),o=this.interactionUtils.getWorldSizeByViewSize(n);i.transform.setScale(i.transform.scale.x,Math.abs(o.y),1)}}break;case"outlineEnabled":if("boolean"==typeof t.propertyValue){const e=i.getComponent(P);"function"==typeof e.setOutlineEnabled&&e.setOutlineEnabled(t.propertyValue)}break;case"fontSize":if("number"==typeof t.propertyValue&&i.type===g.ItemType.text){const e=i.getComponent(P),s=e.textStyle.fontSize;if(e.setFontSize(t.propertyValue),"editor"===pi.config.mode){e.setLineHeight(e.textLayout.lineHeight*t.propertyValue/s);const a=e.getLineCount(e.text),r=Math.ceil(e.textLayout.lineHeight*a);e.setTextHeight(r);const n=e.textLayout.width,o=this.interactionUtils.getViewSizeByPixelSize(new T(n,r)),c=this.interactionUtils.getWorldSizeByViewSize(o);i.transform.setScale(i.transform.scale.x,Math.abs(c.y),1)}}break;case"image":"string"==typeof t.propertyValue&&i.getComponent(I).setTexture(await C.fromImage(t.propertyValue,this.player.renderer.engine));break;case"position":if(Array.isArray(t.propertyValue)&&(3===t.propertyValue.length||2===t.propertyValue.length)){const i=t.propertyValue.map((t,i)=>t-(e.property.position[i]??0)),s=this.interactionUtils.getViewSizeByPixelSize(new T(...i)),a=this.interactionUtils.getWorldSizeByViewSize(s,!0,t.itemId);this.moveItem(t.itemId,a)}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 K(...i).negate())}break;case"size":if(Array.isArray(t.propertyValue)&&2===t.propertyValue.length){const i=t.propertyValue.map(t=>0===t||null===t?1:t),s=e.property.size.map(t=>t||1),a=i.map((t,e)=>t/s[e]);this.scaleItem(t.itemId,new K(...a,1))}break;case"visible":if("boolean"==typeof t.propertyValue&&(i.setVisible(t.propertyValue),pi.config.pageConfig.groupVisible)){this.getChildrenPlayerItems(i).forEach(e=>{e.setVisible(t.propertyValue)})}}["position","rotation","size"].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){v(this.sdk.pageData,"You must call SDK#run() first"),v(t,"Param is not exsited."),this.sdk.pageData.viewProperties.forEach(e=>{if(!this.sdk.pageData?.property.asyncMode&&e.id!==this.sdk.pageData?.activeData.view)return;const{scene:i}=e;switch(t.propertyName){case"position":if(Array.isArray(t.propertyValue)&&2===t.propertyValue.length){const e=this.sdk.pageData.items.find(e=>e.id===t.itemId),s=e?.property[t.propertyName],a=t.propertyValue.map((t,e)=>t-(s?.[e]??0)),r=this.interactionUtils.getViewSizeByPixelSize(new T(...a)),n=this.interactionUtils.getWorldSizeByViewSize(r,!0,t.itemId);this.changeSceneItemProperty(i,{...t,propertyValue:n.toArray()})}break;case"rotation":if(Array.isArray(t.propertyValue)&&3===t.propertyValue.length){const e=this.sdk.pageData.items.find(e=>e.id===t.itemId),s=e?.property[t.propertyName],a=t.propertyValue.map((t,e)=>t-(s?.[e]??0));this.changeSceneItemProperty(i,{...t,propertyValue:a})}break;case"size":if(Array.isArray(t.propertyValue)&&2===t.propertyValue.length){const e=this.sdk.pageData.items.find(e=>e.id===t.itemId),s=e?.property[t.propertyName],a=t.propertyValue.map((t,e)=>t/(s?.[e]??0));this.changeSceneItemProperty(i,{...t,propertyValue:a})}break;default:this.changeSceneItemProperty(i,t)}})}changeSceneItemProperty(t,e){var i,s,a,r,n,o,c;switch(v(e,"Param is not exsited."),e.propertyName){case"textAlign":if([g.TextAlignment.left,g.TextAlignment.middle,g.TextAlignment.right].includes(e.propertyValue)){const i=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType));i?.options&&"textAlign"in i.options&&(i.options.textAlign=e.propertyValue)}break;case"textColor":if(Array.isArray(e.propertyValue)&&4===e.propertyValue.length){const i=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType));if(i?.options){const t=e.propertyValue.map((t,e)=>e>2?t:U(t/255,5));i.options.textColor=[...t]}}break;case"fontFamily":if("string"==typeof e.propertyValue){const i=e.propertyValue.split("/"),s=i[i.length-1]?.split(".")[0],a=t.fonts?.find(t=>"family"in t&&t.family===s||"fontFamily"in t&&t.fontFamily===s);!a&&t.fonts&&s&&t.fonts.push({fontFamily:s,fontURL:e.propertyValue});const r=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType));r&&(r.options.fontFamily=s)}break;case"lineHeight":if("number"==typeof e.propertyValue){const s=t.items.find(t=>t.id===e.itemId),a=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType));if(s&&a?.options){a.options.lineHeight=e.propertyValue;const t=this.getPlayerItemById(e.itemId);if(t){const e=t.getComponent(P),r=e.textLayout.width,n=Math.ceil(e.lineCount*e.lineCount);a.options.textHeight=n;const o=this.interactionUtils.getViewSizeByPixelSize(new T(r,n)),c=this.interactionUtils.getWorldSizeByViewSize(o);(i=s.transform).scale??(i.scale={x:1,y:1,z:1}),s.transform.scale={x:Math.abs(c.x),y:Math.abs(c.y),z:1}}}}break;case"textWidth":if("number"==typeof e.propertyValue){const i=t.items.find(t=>t.id===e.itemId),a=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType));if(a?.options&&i){a.options.textWidth=e.propertyValue;const t=this.getPlayerItemById(e.itemId);if(t){const e=t.getComponent(P),r=e.textLayout.width,n=Math.ceil(e.lineCount*e.lineCount);a.options.textHeight=n;const o=this.interactionUtils.getViewSizeByPixelSize(new T(r,n)),c=this.interactionUtils.getWorldSizeByViewSize(o);(s=i.transform).scale??(s.scale={x:1,y:1,z:1}),i.transform.scale={x:Math.abs(c.x),y:Math.abs(c.y),z:1}}}}break;case"text":if("string"==typeof e.propertyValue){const i=t.items.find(t=>t.id===e.itemId),s=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType));if(s?.options&&i){s.options.text=e.propertyValue;const t=this.getPlayerItemById(e.itemId);if(t&&"editor"===pi.config.mode){const r=t.getComponent(P),n=r.getLineCount(e.propertyValue),o=r.textLayout.lineHeight,c=r.textLayout.width,h=Math.ceil(o*n);s.options.textHeight=h;const l=this.interactionUtils.getViewSizeByPixelSize(new T(c,h)),p=this.interactionUtils.getWorldSizeByViewSize(l);(a=i.transform).scale??(a.scale={x:1,y:1,z:1}),i.transform.scale={x:Math.abs(p.x),y:Math.abs(p.y),z:1}}}}break;case"fontWeight":if("string"==typeof e.propertyValue){const i=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType));i?.options&&(i.options.fontWeight=e.propertyValue)}break;case"outlineColor":if(Array.isArray(e.propertyValue)&&4===e.propertyValue.length){const i=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType));i?.options&&((r=i.options).outline??(r.outline={}),i.options.outline.outlineColor=[...e.propertyValue.map((t,e)=>e>2?t:U(t/255,5))])}break;case"outlineWidth":if("number"==typeof e.propertyValue){const i=t.items.find(t=>t.id===e.itemId),s=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType)),a=this.getPlayerItemById(e.itemId);if(s?.options&&a&&i){(n=s.options).outline??(n.outline={}),s.options.outline.outlineWidth=e.propertyValue;const t=a.getComponent(P),r=t.textLayout.lineHeight,c=t.textLayout.width,h=Math.ceil(r*t.lineCount);s.options.textHeight=h;const l=this.interactionUtils.getViewSizeByPixelSize(new T(c,h)),p=this.interactionUtils.getWorldSizeByViewSize(l);(o=i.transform).scale??(o.scale={x:1,y:1,z:1}),i.transform.scale={x:Math.abs(p.x),y:Math.abs(p.y),z:1}}}break;case"outlineEnabled":if("boolean"==typeof e.propertyValue){const i=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType)),s=this.getPlayerItemById(e.itemId),a=s?.getComponent(P);if(i?.options&&s&&a)if(e.propertyValue){const{outlineWidth:t,outlineColor:e}=a.textStyle;i.options.outline={outlineWidth:t,outlineColor:[...e]}}else delete i.options.outline}break;case"fontSize":if("number"==typeof e.propertyValue){const i=t.items.find(t=>t.id===e.itemId),s=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType));if(s?.options&&i){s.options.fontSize=e.propertyValue;const t=this.getPlayerItemById(e.itemId);if(t&&"editor"===pi.config.mode){const a=t.getComponent(P);a.setFontSize(e.propertyValue);const r=a.textLayout.lineHeight;s.options.lineHeight=r;const n=Math.ceil(a.textLayout.lineHeight*a.lineCount);s.options.textHeight=n;const o=a.textLayout.width,h=this.interactionUtils.getViewSizeByPixelSize(new T(o,n)),l=this.interactionUtils.getWorldSizeByViewSize(h);(c=i.transform).scale??(c.scale={x:1,y:1,z:1}),i.transform.scale={x:Math.abs(l.x),y:Math.abs(l.y),z:1}}}}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.url=e.propertyValue,delete i.webp),i&&"template"in i&&i.template.background&&(i.template.background.url=e.propertyValue)}})}break;case"position":{const i=e.propertyValue;if(Array.isArray(e.propertyValue)&&3===i.length){const s=t.items.find(t=>t.id===e.itemId);s?.transform&&(s.transform.position.x+=i[0],s.transform.position.y+=i[1],s.transform.position.z+=i[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"size":if(Array.isArray(e.propertyValue)&&2===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])}break;case"visible":{const i=t.items.find(t=>t.id===e.itemId);if(i&&(i.visible=e.propertyValue,pi.config.pageConfig.groupVisible)){this.getChildrenSceneItemIds(e.itemId,t).forEach(i=>{const s=t.items.find(t=>t.id===i);s&&(s.visible=e.propertyValue)})}break}}}transformSceneItem(t,e,i){v(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.viewProperties.forEach(s=>{if(!this.sdk.pageData?.property.asyncMode&&s.id!==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;v(e,"You must call SDK#run() first");const i=e.items.findIndex(e=>e.id===t);if(i<0)return void console.warn(`item ${t} is not existed.`);const s=e.items[i],a=this.getPlayerItemById(t);a&&s&&(e.items[i]=this.createViewItemByPlayerItem(a,s.parentId))}getPlayerItemById(t){return this.player.getCompositions()[0]?.items.find(e=>e.getInstanceId()===t)}getPixelSizeByWorldSize(t,e){v(this.sdk.pageData,"You must call SDK#run() first");const i=[0,0],s=e.composition?.camera,a=this.getViewProperty()?.size;if(s&&a){const{z:r}=e.transform.getWorldPosition(),{x:n,y:o}=s.getInverseVPRatio(r);i[0]=Math.abs(t[0]*a[0]/n/2),i[1]=Math.abs(t[1]*a[1]/o/-2)}else console.warn("camera is not existed.");return i}getWorldSizeByPixelSize(t){v(this.sdk.pageData,"You must call SDK#run() first");const e=[0,0],i=this.player.getCompositions()[0],s=i?.camera,a=this.getViewProperty()?.size;if(s&&a){const{x:i,y:r}=s.getInverseVPRatio(0);e[0]=Math.abs(2*t[0]*i/a[0]),e[1]=Math.abs(-2*t[1]*r/a[1])}else console.warn("camera is not existed.");return e}getActiveTargetScene(){const t=this.getViewProperty()?.scene;if(t)return t;console.warn("Target scene is not exsited.")}refreshSceneAndPageData(){v(this.sdk.pageData,"You must call SDK#run() first");const t=this.player.getCompositions()[0];this.refreshItemRenderOrder(t),this.interactionUtils.refreshViewParam(),this.interactionUtils.refreshCameraParam(),this.sdk.pageData.items=[],this.addViewItemsByItems(this.sdk.pageData.items,t.items),this.emitter.emit("pageDataChange",this.sdk.pageData)}async addSpriteItem(t,e){if(e??(e=this.getActiveTargetScene()),!e)return;const{name:i="图层",size:s,scale:a=[1,1],url:r,rotation:n=0,position:o,parentId:c,id:h=D()}=t,l=new K(...a??[1,1],1),p=this.getWorldSizeByPixelSize(s),m=new K(0,0,-n),d=this.interactionUtils.getWorldPositionByViewPoint(this.interactionUtils.getViewPositionByPixelPoint(new T(...o)))??new K,u=e.images.findIndex(t=>t.url===r);let y,f={};if(r)if(u<0){y=await C.fromImage(r,this.player.renderer.engine,{magFilter:Ot.LINEAR,minFilter:Ot.LINEAR_MIPMAP_LINEAR,generateMipmap:!0});const t={id:D(),url:r,renderLevel:g.RenderLevel.BPlus};f={id:y.guid,source:{id:t.id},flipY:!0,dataType:g.DataType.Texture,magFilter:Ot.LINEAR,minFilter:Ot.LINEAR_MIPMAP_LINEAR,generateMipmap:!0},e.images.push(t),e.textures??(e.textures=[]),e.textures.push(f)}else{const t=e.textures?.find(t=>t.source.id===e.images[u].id);f={id:t?.id},y=this.player.renderer.engine.findObject({id:t.id})}const x=Qt(h,d,m,new T(...p),l,i,f?.id);e.items.find(t=>t.id===c)&&(x.item.parentId=c),se(e,x);const w=this.player.getCompositions()[0],v=pe.createSprite(w,null,i);if(v.setInstanceId(x.item.id),v.duration=999,v.defination.delay=0,v.endBehavior=g.EndBehavior.restart,v.transform.setSize(...p),v.transform.setPosition(...d.toArray()),v.transform.setRotation(...m.toArray()),v.transform.setScale(...l.toArray()),y){v.getComponent(I).setTexture(y)}return this.refreshSceneAndPageData(),this.player.gotoAndStop(this.getPageData().time),x.item.id}addNullItem(t,e){if(e??(e=this.getActiveTargetScene()),!e)return;const{name:i="空节点",position:s=[0,0],id:a=D(),children:r=[]}=t,n=r.filter(t=>!this.getPlayerItemById(t)),o=r.filter(t=>!!this.getPlayerItemById(t));if(n.length&&console.warn(`item ${n.join("、")} is not existed.`),0===o.length)return;const c=new K(...this.getWorldSizeByPixelSize(s),0),h=te(a,i,c);se(e,h),o.forEach(t=>{ae(e,t,a)});const l=this.player.getCompositions()[0],p=pe.createEmpty(l,null,i);return p.setInstanceId(h.item.id),p.duration=999,p.defination.delay=0,p.endBehavior=g.EndBehavior.restart,p.transform.setPosition(...c.toArray()),o.forEach(t=>{const e=this.getPlayerItemById(t);e.setParent(p),e.parentId=h.item.id,e.translate(...c.clone().negate().toArray())}),this.refreshSceneAndPageData(),this.player.gotoAndStop(this.getPageData().time),h.item.id}async addTextItem(t,e){if(!(e=this.getActiveTargetScene()))return;const{id:i=D(),parentId:s,name:a="文本",lineHeight:r,textWidth:n,fontFamily:o,position:c=[0,0],fontSize:h,fontWeight:l=g.TextWeight.normal,fontStyle:p=g.FontStyle.normal,textAlign:m=g.TextAlignment.left,text:d,textColor:u,textHeight:y=r,outlineColor:f,outlineWidth:x,outlineEnabled:w,rotation:I=0,url:C}=t;C&&!e.fonts?.find(t=>t.fontFamily===o)&&(e.fonts??(e.fonts=[]),e.fonts.push({fontFamily:o,fontURL:C}));const z=u.map((t,e)=>e>2?t:U(t/255,4)),b=f?f.map((t,e)=>e>2?t:U(t/255,4)):void 0,S={text:d,fontFamily:o,fontSize:h,textColor:z,fontWeight:l,letterSpace:0,textAlign:m,fontStyle:p,textWidth:n,textHeight:y,lineHeight:r,textBaseline:g.TextBaseline.top,textOverflow:g.TextOverflow.visible,outline:w?{outlineColor:b,outlineWidth:x}:void 0},A=this.player.getCompositions()[0],_=pe.createText(A,null,a);_.setInstanceId(i),_.duration=999,_.defination.delay=0,_.endBehavior=g.EndBehavior.restart;const E=_.getComponent(P),B={options:S,renderer:{renderMode:1},dataType:g.DataType.TextComponent,item:{id:_.getInstanceId()},id:E.getInstanceId()};E.fromData(B),B.options.textHeight=Math.ceil(r*E.lineCount),E.fromData(B),E.setFontScale(3),await Nt.loadFontFamily([{fontURL:C,fontFamily:o}]),E.setFontFamily(o);const k=[n,S.textHeight],M=this.getWorldSizeByPixelSize(k),V=new K(0,0,-I),G=this.interactionUtils.getWorldPositionByViewPoint(this.interactionUtils.getViewPositionByPixelPoint(new T(...c)))??new K,F=ee(i,a,G,V,new T(...M),S);return e.items.find(t=>t.id===s)&&(F.item.parentId=s),se(e,F),_.transform.setScale(...M,1),_.transform.setPosition(...G.toArray()),_.transform.setRotation(...V.toArray()),v(this.sdk.pageData,"You must call SDK#run() first"),this.player.gotoAndStop(this.sdk.pageData.time),this.refreshSceneAndPageData(),this.player.gotoAndStop(this.getPageData().time),F.item.id}async addVideoItem(t,e){if(e??(e=this.getActiveTargetScene()),!e)return;const{name:i="视频",size:s,scale:a=[1,1],url:r,rotation:n=0,position:o,parentId:c,id:h=D(),muted:l=!1,transparent:p=!1,volume:m=1,playbackRate:d=1}=t,u=new K(...a??[1,1],1),y=this.getWorldSizeByPixelSize(s),f=new K(0,0,-n),x=this.interactionUtils.getWorldPositionByViewPoint(this.interactionUtils.getViewPositionByPixelPoint(new T(...o)))??new K;e.videos??(e.videos=[]);const w=e.videos.findIndex(t=>t.url===r);let v,I="",P={};if(r)if(w<0){v=await C.fromVideo(r,this.player.renderer.engine,{magFilter:Ot.LINEAR,minFilter:Ot.LINEAR_MIPMAP_LINEAR,generateMipmap:!0});const t={id:D(),url:r,renderLevel:g.RenderLevel.BPlus};I=t.id,P={id:v.guid,source:{id:t.id},flipY:!0,dataType:g.DataType.Texture,magFilter:Ot.LINEAR,minFilter:Ot.LINEAR_MIPMAP_LINEAR,generateMipmap:!0},e.videos.push(t),e.textures??(e.textures=[]),e.textures.push(P)}else{const t=e.textures?.find(t=>t.source.id===e.videos[w].id);I=t?.source.id,P={id:t?.id},v=this.player.renderer.engine.findObject({id:t.id})}const z=ie(h,x,f,new T(...y),u,i,l,p,m,d,P?.id,I);e.items.find(t=>t.id===c)&&(z.item.parentId=c),se(e,z);const S=this.player.getCompositions()[0],A=pe.createVideo(S,null,i);if(A.setInstanceId(z.item.id),A.duration=999,A.defination.delay=0,A.endBehavior=g.EndBehavior.restart,A.transform.setSize(...y),A.transform.setPosition(...x.toArray()),A.transform.setRotation(...f.toArray()),A.transform.setScale(...u.toArray()),v){const t=A.getComponent(b);t.setTexture(v),t.setLoop(!0),t.setMuted(l),t.setVolume(m),t.setPlaybackRate(d)}return this.refreshSceneAndPageData(),this.player.gotoAndStop(this.getPageData().time),z.item.id}deleteItem(t){const e=this.getActiveTargetScene();if(!e)return;!function(t,e){const i=t.items.find(t=>t.id===e);if(!i)return void console.warn(`item ${e} is not exsited.`);t.items=t.items.filter(t=>t.id!==e),t.items.forEach(t=>{t.parentId===e&&(t.transform??(t.transform={position:{x:0,y:0,z:0},eulerHint:{x:0,y:0,z:0},scale:{x:1,y:1,z:1},size:{x:1,y:1}}),t.transform.position.x+=i.transform.position.x,t.transform.position.y+=i.transform.position.y,t.transform.position.z+=i.transform.position.z,t.transform.eulerHint.x+=i.transform.eulerHint.x,t.transform.eulerHint.y+=i.transform.eulerHint.y,t.transform.eulerHint.z+=i.transform.eulerHint.z,t.transform.scale.x*=0!==i.transform.scale.x?i.transform.scale.x:1,t.transform.scale.y*=0!==i.transform.scale.y?i.transform.scale.y:1,t.transform.scale.z*=0!==i.transform.scale.z?i.transform.scale.z:1),delete t.parentId});const s=t.components.filter(t=>t.item.id===e);t.components=t.components.filter(t=>!s.map(t=>t.id).includes(t.id)),s.forEach(e=>{if(e.dataType===g.DataType.SpriteComponent&&e.renderer.texture&&!t.components.find(t=>t.renderer?.texture?.id===e.renderer.texture.id)){const i=t.textures?.find(t=>t.id===e.renderer.texture?.id);i&&(t.textures=t.textures?.filter(t=>t.id!==i.id),t.images=t.images.filter(t=>t.id!==i.source.id))}});const a=[];let r,n;const o=t.compositions.find(e=>e.id===t.compositionId)??t.compositions[0];if(+t.version>=3.3){const i=t.components.find(t=>t.id===o.components[0].id);i.items=i.items.filter(t=>t.id!==e),n=i.timelineAsset.id,r=i.sceneBindings.find(t=>t.value.id===e)?.key.id,i.sceneBindings=i.sceneBindings.filter(t=>t.value.id!==e),r&&a.push(r)}else o.items=o.items.filter(t=>t.id!==e),n=o.timelineAsset.id,r=o.sceneBindings.find(t=>t.value.id===e)?.key.id,o.sceneBindings=o.sceneBindings.filter(t=>t.value.id!==e),r&&a.push(r);const c=t.miscs.findIndex(t=>t.id===n);c>=0&&(t.miscs[c].tracks=t.miscs[c].tracks.filter(t=>t.id!==r));const h=t.miscs.find(t=>t.id===r);h&&(h.children.forEach(e=>{a.push(e.id);const i=t.miscs.find(t=>t.id===e.id);i&&a.push(...i.clips.map(t=>t.asset.id))}),a.push(...h.children.map(t=>t.id))),t.miscs=t.miscs.filter(t=>!a.includes(t.id))}(e,t);const i=this.player.getCompositions()[0].items.find(e=>e.getInstanceId()===t);if(i){const t=i.getWorldTransform(),e=t.getWorldPosition(),s=t.getRotation(),a=t.getWorldScale();i.children.forEach(t=>{t.scale(...a.toArray()),t.rotate(...s.toArray()),t.translate(...e.toArray()),t.parent=void 0,t.parentId=void 0}),i.dispose()}}get undoRedo(){return this.sdk.undoRedo}saveUndoRedoOldData(){const t=this.getPageData()?.activeData?.selectedItems;if(t){const e=t.map(t=>this.getItemCreateInfo(t));this.undoRedo.oldData=e}}pushUndoRedoData(){const t=this.getSelectedItems().map(t=>this.getItemCreateInfo(t.id));if(t.length&&this.undoRedo.oldData?.length){const e=this.undoRedo.oldData,i=t,s=et(e,i);if(console.log("undo redo push data \nisEqual:",s,"\noldData:",e,"\nnewData:",i),!s){const t={type:"update",oldData:e,newData:i};this.undoRedo.push(t),this.emitter.emit("undoRedoChange",t)}}}getItemCreateInfo(t,e=!1){v(this.sdk.pageData,"You must call SDK#run() first");const i=this.getPlayerItemById(t),s=this.getViewProperty()?.scene,a=this.getViewItemById(t);if(!a||!i||!s)return void console.warn(`item ${t} is not existed.`);const{transform:r}=i,n=r.getWorldScale();if(e&&i.parent){const t=i.parent.transform;n.divide(t.getWorldScale())}const{size:o,position:c,rotation:h}=a.property;switch(a.type){case g.ItemType.sprite:{const r=[o[0]/n.x,o[1]/n.y];return{type:"sprite",name:a.name,parentId:e?i.parent?.getInstanceId():void 0,id:t,url:re(s,t),size:r,scale:[n.x,n.y],rotation:h[2],position:[...c]}}case g.ItemType.null:{const s=i.children.map(t=>t.getInstanceId());return{type:"null",id:t,parentId:e?i.parent?.getInstanceId():void 0,children:s,name:i.name,scale:[n.x,n.y],rotation:h[2],position:[...c]}}case g.ItemType.text:{const r=s.components.find(e=>e.item.id===t),n=s.fonts?.find(t=>t.fontFamily===r.options.fontFamily)?.fontURL;return{type:"text",id:t,parentId:e?i.parent?.getInstanceId():void 0,name:a.name,lineHeight:r.options.lineHeight,textWidth:r.options.textWidth,fontFamily:r.options.fontFamily,position:[...c],rotation:h[2],textHeight:r.options.textHeight,fontSize:r.options.fontSize,fontWeight:r.options.fontWeight,fontStyle:r.options.fontStyle,textAlign:r.options.fontStyle,text:r.options.text,textColor:r.options.textColor?.map((t,e)=>e>2?t:U(255*t,0)),outlineColor:r.options.outline?.outlineColor?.map((t,e)=>e>2?t:U(255*t,0)),outlineWidth:r.options.outline?.outlineWidth,outlineEnabled:!!r.options.outline,url:n}}case g.ItemType.video:{const r=[o[0]/n.x,o[1]/n.y],l=s.components.find(e=>e.item.id===t);return{type:"video",name:a.name,parentId:e?i.parent?.getInstanceId():void 0,id:t,url:re(s,t),size:r,scale:[n.x,n.y],rotation:h[2],position:[...c],muted:l.options.muted,transparent:l.options.transparent,playbackRate:l.options.playbackRate,volume:l.options.volume}}}}getChildrenIds(t){return this.getPageData()?.items.filter(e=>e.parentId===t)?.map(t=>t.id)??[]}createScreenShotSceneByIds(t){const e=new H;let i;const s=(t,e,s)=>{const{id:a=D(),url:r,name:n="图层",scale:o=[1,1],rotation:c=0}=t,h=i.images.findIndex(t=>t.url===r);let l={};if(r)if(h<0){const t={id:D(),url:r,renderLevel:g.RenderLevel.BPlus};l={id:D(),source:{id:t.id},flipY:!0,dataType:g.DataType.Texture,magFilter:Ot.LINEAR,minFilter:Ot.LINEAR_MIPMAP_LINEAR,generateMipmap:!0},i.images.push(t),i.textures??(i.textures=[]),i.textures.push(l)}else{const t=i.textures?.find(t=>t.source.id===i.images[h].id);l={id:t?.id}}const p=Qt(a,new K(s.x,s.y,0),new K(0,0,-c),e,new K(o[0]??1,o[1]??1,1),n,l.id);se(i,p)},a=(t,e,s)=>{const{id:a=D(),name:r="文本",lineHeight:n,textWidth:o,fontFamily:c,fontSize:h,fontWeight:l=g.TextWeight.normal,fontStyle:p=g.FontStyle.normal,textAlign:m=g.TextAlignment.left,text:d,textColor:u,rotation:y=0,url:f,textHeight:x,outlineColor:w,outlineWidth:v,outlineEnabled:I}=t;f&&!i.fonts?.find(t=>t.fontFamily===c)&&(i.fonts??(i.fonts=[]),i.fonts.push({fontFamily:c,fontURL:f}));const P=w?w.map((t,e)=>e>2?t:U(t/255,4)):void 0,C=u?u.map((t,e)=>e>2?t:U(t/255,4)):void 0,z={text:d,fontFamily:c,fontSize:h,textColor:C,fontWeight:l,letterSpace:0,textAlign:m,fontStyle:p,textWidth:o,textHeight:x??n,lineHeight:n,outline:I?{outlineColor:P,outlineWidth:v}:void 0},b=ee(a,r,new K(...s.toArray(),0),new K(0,0,-y),new T(e.x,e.y),z);se(i,b)},r=(t,e,s)=>{const{id:a=D(),url:r,name:n="视频",scale:o=[1,1],rotation:c=0,muted:h=!0,transparent:l=!1,playbackRate:p=1,volume:m=1}=t;i.videos??(i.videos=[]);const d=i.videos.findIndex(t=>t.url===r);let u,y={};if(r)if(d<0){const t={id:D(),url:r,renderLevel:g.RenderLevel.BPlus};u=t.id,y={id:D(),source:{id:t.id},flipY:!0,dataType:g.DataType.Texture,magFilter:Ot.LINEAR,minFilter:Ot.LINEAR_MIPMAP_LINEAR,generateMipmap:!0},i.videos.push(t),i.textures??(i.textures=[]),i.textures.push(y)}else{const t=i.textures?.find(t=>t.source.id===i.videos[d].id);u=t.resource.id,y={id:t?.id}}const f=ie(a,new K(s.x,s.y,0),new K(0,0,-c),e,new K(o[0]??1,o[1]??1,1),n,h,l,m,p,y.id,u);se(i,f)};if(Array.isArray(t)){t.map(t=>this.getItemBoxById(t)).map(t=>e.union(t));const n=e.getSize();i=qt(n.toArray());const o=(new j).compose(new K(0,0,8),new O,new K(1,1,1)).invert(),c=(new j).perspective(60*B,n.x/n.y,.1,40,!0),h=(new j).multiplyMatrices(c,o),l=h.clone().invert(),p=h.projectPoint(new K).z,m=new K(0,0,p).applyMatrix(l),d=new K(2,2,p).applyMatrix(l),g=Math.abs(d.x-m.x)/n.x,u=Math.abs(d.y-m.y)/n.y;t.forEach(t=>{const i=this.getItemCreateInfo(t,!1);if(!i||"null"===i.type)return;const n=this.getItemBoxById(t),o="text"===i.type?[i.textWidth,i.textHeight??i.lineHeight]:[...i.size],c=new T(...o).multiply(new T(g,u)).abs(),h=n.getCenter().subtract(e.getCenter()).multiply(new T(g,-u));switch(i.type){case"sprite":s(i,c,h);break;case"text":a(i,c,h);break;case"video":r(i,c,h)}})}else{const e=this.getItemBoxById(t),n=this.getItemCreateInfo(t,!1),o=e.clone().getSize();i=qt(o.toArray());const c=(new j).compose(new K(0,0,8),new O,new K(1,1,1)).invert(),h=(new j).perspective(60*B,o.x/o.y,.1,40,!0),l=(new j).multiplyMatrices(h,c),p=l.clone().invert(),m=l.projectPoint(new K).z,d=new K(0,0,m).applyMatrix(p),g=new K(2,2,m).applyMatrix(p),u=(new K).subtractVectors(g,d);if(n)switch(n.type){case"sprite":s(n,new T(u.x,u.y),new T);break;case"text":a(n,new T(u.x,u.y),new T);break;case"video":r(n,new T(u.x,u.y),new T)}}return i}createSceneByCreateInfos(t,e,i){const s=new H;e?s.setFromVec2Array([new T,new T(...e)]):s.copyFrom(this.getBoundingBoxByCreateInfos(t));const a=s.getSize(),r=qt(a.toArray(),i),n=(new j).compose(new K(0,0,8),new O,new K(1,1,1)).invert(),o=(new j).perspective(60*B,a.x/a.y,.1,40,!0),c=(new j).multiplyMatrices(o,n),h=c.clone().invert(),l=c.projectPoint(new K).z,p=new K(0,0,l).applyMatrix(h),m=new K(2,2,l).applyMatrix(h),d=Math.abs(m.x-p.x)/a.x,u=Math.abs(m.y-p.y)/a.y;return t.forEach(t=>{const e=this.getBoundingBoxByCreateInfo(t),i=e.getSize().multiply(new T(d,u)).abs(),a=e.getCenter().subtract(s.getCenter()).multiply(new T(d,-u));switch(t.type){case"sprite":((t,e,i)=>{const{id:s=D(),url:a,name:n="图层",scale:o=[1,1],rotation:c=0}=t,h=r.images.findIndex(t=>t.url===a);let l={};if(a)if(h<0){const t={id:D(),url:a,renderLevel:g.RenderLevel.BPlus};l={id:D(),source:{id:t.id},flipY:!0,dataType:g.DataType.Texture,magFilter:Ot.LINEAR,minFilter:Ot.LINEAR_MIPMAP_LINEAR,generateMipmap:!0},r.images.push(t),r.textures??(r.textures=[]),r.textures.push(l)}else{const t=r.textures?.find(t=>t.source.id===r.images[h].id);l={id:t?.id}}const p=Qt(s,new K(i.x,i.y,0),new K(0,0,-c),e,new K(o[0],o[1],1),n,l.id);se(r,p)})(t,i,a);break;case"text":((t,e,i)=>{const{id:s=D(),name:a="文本",lineHeight:n,textWidth:o,fontFamily:c,fontSize:h,fontWeight:l=g.TextWeight.normal,fontStyle:p=g.FontStyle.normal,textAlign:m=g.TextAlignment.left,text:d,textColor:u,rotation:y=0,url:f,textHeight:x}=t;f&&!r.fonts?.find(t=>t.fontFamily===c)&&(r.fonts??(r.fonts=[]),r.fonts.push({fontFamily:c,fontURL:f}));const w={text:d,fontFamily:c,fontSize:h,textColor:u,fontWeight:l,letterSpace:0,textAlign:m,fontStyle:p,textWidth:o,textHeight:x??n,lineHeight:n},v=ee(s,a,new K(...i.toArray(),0),new K(0,0,-y),new T(e.x,e.y),w);se(r,v)})(t,i,a);break;case"null":(t=>{const{id:e=D(),name:i="编组",scale:s=[1,1],children:a,rotation:n=0,position:o=[0,0]}=t,c=new T(...o).multiply(new T(d,-u)),h=te(e,i,new K(c.x,c.y,0),new T(...s),n);se(r,h),a.forEach(t=>{const e=r.items.find(e=>e.id===t);e&&(e.transform??(e.transform={position:{x:0,y:0,z:0},eulerHint:{x:0,y:0,z:0},scale:{x:1,y:1,z:1},size:{x:1,y:1}}),e.transform.position.x-=c.x,e.transform.position.y-=c.y)})})(t);break;case"video":((t,e,i)=>{const{id:s=D(),url:a,name:n="视频",scale:o=[1,1],rotation:c=0,muted:h=!0,transparent:l=!1,playbackRate:p=1,volume:m=1}=t;r.videos??(r.videos=[]);const d=r.videos.findIndex(t=>t.url===a);let u={},y="";if(a)if(d<0){const t={id:D(),url:a,renderLevel:g.RenderLevel.BPlus};y=t.id,u={id:D(),source:{id:t.id},flipY:!0,dataType:g.DataType.Texture,magFilter:Ot.LINEAR,minFilter:Ot.LINEAR_MIPMAP_LINEAR,generateMipmap:!0},r.videos.push(t),r.textures??(r.textures=[]),r.textures.push(u)}else{const t=r.textures?.find(t=>t.source.id===r.videos[d].id);y=t.source.id,u={id:t?.id}}const f=ie(s,new K(i.x,i.y,0),new K(0,0,-c),e,new K(o[0],o[1],1),n,h,l,m,p,u.id,y);se(r,f)})(t,i,a)}}),r}updateItemOrder(t,e){v(this.sdk.pageData,"You must call SDK#run() first");const i=this.getCurrentComposition();if(!i)return void console.warn("Composition not found.");const s=i.items.find(e=>e.getInstanceId()===t);if(!s)return void console.warn(`Item with id ${t} not found.`);const a=s.parent,r=a.children.filter(t=>!this.isPluginItem(t)),n=a.children.filter(t=>this.isPluginItem(t)),o=r.findIndex(e=>e.getInstanceId()===t);if(-1===o)return void console.warn(`Item with id ${t} not found in siblings.`);let c=o;switch(e){case 0:c=r.length-1;break;case 1:c=0;break;case 2:c=Math.min(o+1,r.length-1);break;case 3:c=Math.max(o-1,0)}if(c===o)return;const[h]=r.splice(o,1);h&&r.splice(c,0,h),a.children=[...n,...r],this.refreshItemRenderOrder(i),this.sdk.pageData.items=[],this.addViewItemsByItems(this.sdk.pageData.items,i.items),this.emitter.emit("pageDataChange",this.sdk.pageData)}isPluginItem(t){return"ModelPluginItem"===t.name}refreshItemRenderOrder(t){v(this.sdk.pageData,"You must call SDK#run() first");const e=(()=>{const e=[],i=t=>{for(const s of t)this.isPluginItem(s)||(e.push(s),s.children.length>0&&i(s.children))},s=[...t.rootItem.children].filter(t=>"ModelPluginItem"!==t.name);return i(s),e})();t.items.length=0,t.items.push(...e);for(let e=0;e<t.items.length;e++){const i=t.items[e];i.renderOrder=e,i.setActive(!1),i.setActive(!0)}const i=this.getViewProperty();if(i){const{scene:e}=i,s=e.compositions.find(t=>t.id===e.compositionId)??e.compositions[0];if(s){const i=s.components.map(t=>e.components.find(e=>e.id===t.id)).find(t=>t?.dataType===g.DataType.CompositionComponent);i&&(i.items=t.items.map(t=>({id:t.getInstanceId()})))}}}getViewProperty(t){return v(this.sdk.pageData,"You must call SDK#run() first"),t??(t=this.sdk.pageData.activeData.view),this.sdk.pageData.viewProperties.find(e=>e.id===t)}viewportFit(t,e){v(this.sdk.pageData,"You must call SDK#run() first"),t??(t={left:0,right:0,top:0,bottom:0});const{left:i=0,top:s=0,right:a=0,bottom:r=0}=t,n=new H;e?n.copyFrom(e):this.sdk.pageData.items.forEach(t=>{const e=this.getViewBoxById(t.id);n.union(e)});const{offsetWidth:o,offsetHeight:c}=this.container.parentElement,{scale:h,translation:l}=this.interactionUtils.viewportParam;if(n.isEmpty())this.pageMove(l.clone().negate()),this.pageZoom(1-h,void 0,!0);else{n.scale(1.1);const t=n.getCenter(),e=n.getSize(),p=o-i-a,m=c-s-r,d=new T(o/2+i/2-a/2,c/2+s/2-r/2),g=e.x/p*m>e.y?1/(e.x/p):1/(e.y/m),u=(new T).subtractVectors(d,t);this.setPageMove((new T).addVectors(l,u)),this.setPageZoom(g*h,new T(p/2+i,m/2+s),!0)}}getItemBoxById(t){const e=t=>{const e=new H,i=this.getViewItemById(t);if(i){const{position:t,size:s,rotation:a}=i.property;e.setFromCenterAndSize(new T(...t),new T(...s)).rotate(a[2]*B)}return e};if(Array.isArray(t)){const i=[];return i.push(...t.map(e)),i}return e(t)}async setItemFontFamily(t,e,i){v(this.sdk.pageData,"You must call SDK#run() first");const s=this.getPlayerItemById(t),a=this.getActiveTargetScene();if(!s||!a||s.type!==g.ItemType.text)return void console.warn(`text item ${t} is not exsited.`);a.fonts??(a.fonts=[]);!a.fonts.find(t=>"family"in t&&t.family===e||"fontFamily"in t&&t.fontFamily===e)&&a.fonts&&(a.fonts.push({fontFamily:e,fontURL:i}),await Nt.loadFontFamily([{fontURL:i,fontFamily:e}]));const r=a.components.find(e=>e.item.id===t&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(e.dataType));r&&(r.options.fontFamily=e),s.getComponent(P).setFontFamily(e),s.getComponent(P).isDirty=!0,this.player.gotoAndStop(this.sdk.pageData.time),this.refreshViewItem(t)}changeItemPropertyByCreateInfo(t){const e=t=>{const e=this.getItemCreateInfo(t.id);if(!e)return void console.warn(`item create info ${t.id} is not exsited.`);Object.keys(t).forEach(async i=>{if(Mt(e[i],t[i])||["type","id"].includes(i))return;const s="sprite"===e.type?g.ItemType.sprite:"null"===e.type?g.ItemType.null:"text"===e.type?g.ItemType.text:g.ItemType.video;if("scale"===i){const a=this.getPlayerItemById(t.id),r=a?.transform.scale,n=[(r?.x??1)/t[i][0],(r?.y??1)/t[i][1]];a?.setScale(...t[i],1);const o=this.getActiveTargetScene();this.changeSceneItemProperty(o,{itemId:e.id,type:s,propertyName:"size",propertyValue:n})}else await this.changeItemProperty({itemId:e.id,type:s,propertyName:i,propertyValue:t[i]})})};Array.isArray(t)?t.map(e):e(t)}getViewBoxByBox(t){const{translation:e,scale:i,width:s,height:a}=this.interactionUtils.viewportParam,r=new T(s/2,a/2);return t.clone().scale(i,r).translate(e)}playVideoItem(t){const e=this.getPlayerItemById(t);if(e?.type!==g.ItemType.video)return;e.getComponent(b).playVideo()}pauseVideoItem(t){const e=this.getPlayerItemById(t);if(e?.type!==g.ItemType.video)return;e.getComponent(b).pauseVideo()}getBoundingBoxByCreateInfo(t){const e=new H;switch(t.type){case"sprite":{const i=new T(...t.position),s=new T(...t.size);e.setFromCenterAndSize(i,s).rotate((t.rotation??0)*B);break}case"text":{const i=new T(...t.position??[0,0]),s=new T(t.textWidth,t.textHeight??t.lineHeight);e.setFromCenterAndSize(i,s).rotate((t.rotation??0)*B);break}case"video":{const i=new T(...t.position),s=new T(...t.size);e.setFromCenterAndSize(i,s).rotate((t.rotation??0)*B);break}}return e}getBoundingBoxByCreateInfos(t){const e=new H,i=new Map,s=new Map;return t.forEach((e,a)=>{const r=e.id??D();switch(s.set(a,r),e.type){case"sprite":case"video":case"text":i.set(r,this.getBoundingBoxByCreateInfo(e));break;case"null":{const s=new H;e.children.forEach(e=>{const i=t.find(t=>t.id===e);i&&s.union(this.getBoundingBoxByCreateInfo(i))}),i.set(r,s);break}}}),i.forEach((t,e)=>{t.union(t)}),e}};import ge from"jszip";import ue from"jszip";var ye,fe,xe,we,ve,Ie,Pe,Ce,De,ze,be,Se,Ae,Te,_e,Ee,Be,ke,Me,Ve,Ue,Ge,Fe="ready",Re="executable",Le="dispose",We={APNG:"APNG",MP4:"MP4",WebM:"WebM",Images:"Images",WebP:"WebP",GIF:"GIF",AlphaMaskVideo:"AlphaMaskVideo"},He="idle",Ne="convertImage",Oe="transcoding",Ke="audio",je="jpeg",$e="webp",Ye="png",Je=(We.MP4,We.WebP,We.APNG,We.GIF,We.AlphaMaskVideo,We.Images,We.MP4,We.WebP,We.APNG,We.GIF,We.AlphaMaskVideo,We.Images,"default"),Xe="exporting",Ze="success",qe="error",Qe={highest:"flags=lanczos,split[s0][s1];[s0]palettegen=max_colors=256[p];[s1][p]paletteuse",high:"flags=bicubic,split[s0][s1];[s0]palettegen=max_colors=200[p];[s1][p]paletteuse",medium:"flags=bilinear,split[s0][s1];[s0]palettegen=max_colors=64[p];[s1][p]paletteuse=dither=bayer",low:"flags=neighbor,split[s0][s1];[s0]palettegen=max_colors=32[p];[s1][p]paletteuse=dither=none"},ti={highest:"1",high:"3",medium:"6",low:"9"},ei=class{constructor(t){c(this,"sampleRate"),c(this,"duration"),c(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 a=0;const r=t=>{for(let e=0;e<t.length;e++)s.setUint8(a++,t.charCodeAt(e))},n=t=>{s.setUint32(a,t,!0),a+=4},o=t=>{s.setUint16(a,t,!0),a+=2};r("RIFF"),n(e-8),r("WAVE"),r("fmt "),n(16),o(1),o(this.channels),n(this.sampleRate),n(this.sampleRate*this.channels*2),o(2*this.channels),o(16),r("data"),n(t);for(let e=0;e<t;e++)s.setUint8(a++,0);return new Uint8Array(i)}},ii=["@vvfx/sdk","exporter"],si=class extends w{constructor(t){super(),c(this,"status",Fe),c(this,"stage",He),c(this,"mediaType"),c(this,"loggerInTranscoding"),c(this,"multiThreading"),c(this,"extraCanvas"),c(this,"player"),p(this,ye),p(this,fe),p(this,xe,0),p(this,we),p(this,ve),p(this,Ie),p(this,Pe),p(this,Ce,[]),p(this,De),p(this,ze),p(this,be,[]),p(this,Se,0),p(this,Ae),p(this,Te,[]),p(this,_e,0),p(this,Ee,0),p(this,Be,0),p(this,ke,0),p(this,Me,[]),p(this,Ve,[]),p(this,Ue,null),p(this,Ge,!0);const{loggerInTranscoding:e,mediaType:i,extraCanvas:s,multiThreading:a}=t;this.mediaType=i,this.loggerInTranscoding=e??!1,this.multiThreading=a??!1,this.extraCanvas=s??void 0,m(this,ye,this.initExportScheduler()),this.onInit()}get canceled(){return this.status===Le}get config(){const t=this.player?.getCompositions()??[],e=t?.[0],i=e?.name??(new Date).getTime().toString(),s=e?.getDuration()??0,a=e?.startTime??0,r=l(this,Ae)?.time;return{name:i,startTime:a,oldTotalTime:s,newTotalTime:r,fps:l(this,Ae)?.fps??30,backgroundColor:l(this,Ae)?.backgroundColor??"#000000",loop:l(this,Ae)?.loop??!0,audioEnable:l(this,Ae)?.audioEnable??!1}}get mp4Config(){return l(this,Ae)?.mp4Config}get gifConfig(){return l(this,Ae)?.gifConfig}get apngConfig(){return l(this,Ae)?.apngConfig}get progress(){const t=l(this,Ee)||1,e=l(this,Be)||1,i=Math.min(t/e,1),s=Math.min(l(this,_e),t)/t*.4,a=Math.min(l(this,ke),t)/t*.6,r=Math.min(s+a,1);l(this,Te)[l(this,Se)]=i;const n=l(this,Te).reduce((t,e,i)=>i<l(this,Se)?t+(e||0):t,0)+r*i;return Math.min((o=n,Math.round(100*o)/100),1);var o}get transImageType(){return this.mediaType===We.MP4?je:this.mediaType===We.WebP?$e:Ye}setMediaType(t){t!==this.mediaType&&(this.mediaType=t,this.onReset(),this.clearAllListeners(),this.onInit())}initExportScheduler(){return"undefined"!=typeof window&&(window.navigator.webdriver||window.navigator.userAgent.includes("HeadlessChrome")||window.navigator.userAgent.includes("Puppeteer"))?t=>{m(this,fe,setTimeout(t,5))}:t=>{m(this,xe,window.requestAnimationFrame(t))}}async onInit(){try{kt("log",[...ii,"ready"],"starting"),this.status=Fe,await this.loadHelper(this.mediaType),this.status=Re,kt("log",[...ii,"ready"],"success"),this.emit("ready",this.mediaType)}catch(t){this.status=Le,this.onError(t)}finally{return this.status}}onReset(){this.stage=He,clearTimeout(l(this,fe)),window.cancelAnimationFrame(l(this,xe)),m(this,xe,0),m(this,fe,void 0),this.player?.pause(),this.clearTaskInfo(),this.setProgress()}onError(t){kt("log",[...ii,"error"],t),this.onFinish(!1,l(this,Me),l(this,Ve),l(this,Ue)),this.emit("error",t),this.dispose()}onFinish(t,e,i,s){kt("log",[...ii,"finish"],t?"success":"failed"),this.emit("progress",1),this.emit("finish",t,e,i,s)}async loadHelper(t){const e="WebP"===t&&!l(this,Ie),i=[We.MP4,We.APNG,We.GIF,We.AlphaMaskVideo].includes(t)&&!l(this,ve);e&&m(this,Ie,await Xt()),i&&(m(this,ve,await async function(t){try{const[{FFmpeg:e},{toBlobURL:i}]=await Promise.all([import("@ffmpeg/ffmpeg").catch(t=>{const e=t instanceof Error?t.message:"Unknown error";throw new Error(`Failed to load @ffmpeg/ffmpeg: ${e}`)}),import("@ffmpeg/util").catch(t=>{const e=t instanceof Error?t.message:"Unknown error";throw new Error(`Failed to load @ffmpeg/util: ${e}`)})]),{multiThreading:s}=t??{},a=new e,r=!!s,n={classWorkerURL:await i(Yt.CLASSWORKER,"text/javascript"),coreURL:"",wasmURL:""};return r?(n.coreURL=await i(Yt.MT.CORE,"text/javascript"),n.wasmURL=await i(Yt.MT.WASM,"application/wasm"),n.workerURL=await i(Yt.MT.WORKER,"text/javascript")):(n.coreURL=await i(Yt.DEFAULT.CORE,"text/javascript"),n.wasmURL=await i(Yt.DEFAULT.WASM,"application/wasm")),await a.load(n),a}catch(t){throw t instanceof Error?t:new Error(`Unknown error occurred while loading FFmpeg: ${String(t)}`)}}({multiThreading:this.multiThreading})),v(l(this,ve)),l(this,ve).on("log",({message:t})=>{if(this.loggerInTranscoding&&kt("log",[...ii,"transcoding log"],t),this.canceled||this.stage!==Oe)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,a=i.compositions?.[0]?.duration??0;return t+Math.round(a*(s??30))},0)}setProgress(t){void 0!==t?.completedTaskPercentArray&&m(this,Te,t.completedTaskPercentArray),void 0!==t?.currentTaskFrameIndex&&m(this,_e,t.currentTaskFrameIndex),void 0!==t?.currentTaskTotalFrames&&m(this,Ee,t.currentTaskTotalFrames),void 0!==t?.currentTaskInTranscodingFrameIndex&&m(this,ke,t.currentTaskInTranscodingFrameIndex),void 0!==t?.allTaskFrames&&m(this,Be,t.allTaskFrames),this.emit("progress",this.progress)}forwardPlayerTime(t,e=!1){v(this.player);const{oldTotalTime:i,startTime:s}=this.config;v(i);const a=1e3*i-1e3*i%15;return t=Math.min(t,a/1e3),e?this.player.gotoAndPlay(t-s):this.player.gotoAndStop(t-s),t}getWavAudio(t){m(this,De,new ei),l(this,ve)?l(this,ve).writeFile(t,l(this,De).getBuffer()):kt("log",[...ii,"getWavAudio"],"ffmpegCore is not ready")}async getImagesZip(t,e){const i=new ue,s=i.folder(t);return v(s),l(this,be).forEach((t,i)=>{s.file(t,e[i])}),i.generateAsync({type:"arraybuffer"})}getWebP(){v(l(this,Ie));const t=Math.round(1e3/this.config.fps/1),e="out.webp",i=`${l(this,be).join(` -d ${t} `)} -d ${t} -o ${e} -loop ${this.config.loop?0:1}`.split(" "),s=l(this,Ie).cwrap("main","string",["number","number"]),[a,r]=function(t,e){const i=t._malloc(e.length*Uint32Array.BYTES_PER_ELEMENT);return e.forEach((e,s)=>{const a=t._malloc(e.length+1);t.writeAsciiToMemory(e,a),t.setValue(i+Uint32Array.BYTES_PER_ELEMENT*s,a,"i32")}),[e.length,i]}(l(this,Ie),i);Bt(a&&r,"getWebP has error"),s(a,r);const n=l(this,Ie).FS.readFile(e);return l(this,be).forEach(t=>{l(this,Ie)?.FS.unlink(t)}),n}async getAPNG(){v(l(this,ve));this.stage=Oe;const t="export.apng",{fps:e,scale:i="-1:-1",quality:s="highest"}=this.apngConfig??{},a=[`scale=${i}:force_original_aspect_ratio=decrease:flags=lanczos`];e&&a.push(`fps=${e}`);if(0!==await l(this,ve).exec(["-framerate",`${this.config.fps}`,"-start_number","1","-i",`image-%4d.${this.transImageType}`,"-vf",a.join(","),"-plays",this.config.loop?"0":"1","-compression_level",ti[s],"-y",t]))throw new Error("the command executed by ffmpeg to generate a apng failed.");return t}async getGIF(){v(l(this,ve));this.stage=Oe;const t="export.gif",{fps:e,scale:i="-1:-1",quality:s="highest"}=this.gifConfig??{},a=[`scale=${i}:${Qe[s]}`];e&&a.unshift(`fps=${e}`);if(0!==await l(this,ve).exec(["-framerate",`${this.config.fps}`,"-start_number","1","-i",`image-%4d.${this.transImageType}`,"-loop",this.config.loop?"0":"-1","-vf",a.join(","),"-y",t]))throw new Error("the command executed by ffmpeg to generate a gif failed.");return t}async getMP4(t,e){v(l(this,ve));this.stage=Oe;const i="export.mp4";let s;const a=e?",setpts=PTS/"+Math.round(t/e*100)/100:"",r=e??t,{isExportLastFramePNG:n}=this.mp4Config??{};this.config.audioEnable&&!l(this,De)&&(m(this,ze,"audio.wav"),this.getWavAudio(l(this,ze)));if(0!==await l(this,ve).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${a}`,"-y",i]))throw new Error("the command executed by ffmpeg to generate a mp4 failed.");if(l(this,ze)&&l(this,De)){this.stage=Ke,s="export-with-audio.mp4";if(0!==await l(this,ve).exec(["-i",i,"-i",l(this,ze),"-c:v","copy","-c:a","aac","-t",`${r}`,"-y",s]))throw new Error("the command executed by ffmpeg to generate a audio of video failed.")}const o=s??i,c=`${Date.now()}.png`;return n&&await l(this,ve).exec(["-sseof","-1","-i",o,"-vframes","1","-y",c]),s&&l(this,ve).deleteFile(i).catch(()=>{kt("log",[...ii,"ffmpeg delete file error"])}),{video:o,lastFrame:c}}async getAlphaMaskVideo(t,e){v(l(this,ve));this.stage=Oe;const i="export.mp4",s=e?",setpts=PTS/"+Math.round(t/e*100)/100:"";return await l(this,ve).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){v(l(this,ve));const i=this.mediaType===We.APNG,s=this.mediaType===We.GIF,a=this.mediaType===We.AlphaMaskVideo,r=this.mediaType===We.MP4;let n="",o="";try{if(i&&(n=await this.getAPNG()),s&&(n=await this.getGIF()),r){const{video:i,lastFrame:s}=await this.getMP4(t,e);n=i,o=s}a&&(n=await this.getAlphaMaskVideo(t,e)),this.stage=He}catch(t){throw kt("log",[...ii,"getVideoByType","failed"],t),t}finally{for(const t of l(this,be))t&&l(this,ve).deleteFile(t)}let c=null,h=null;try{v(n);const t=await l(this,ve).readFile(n);if(c="string"==typeof t?(new TextEncoder).encode(t):new Uint8Array(t),o){const t=await l(this,ve).readFile(o).catch(()=>{kt("log",[...ii,"ffmpeg read extra file error"])});h="string"==typeof t?(new TextEncoder).encode(t):new Uint8Array(t)}}finally{l(this,ve).deleteFile(n).catch(()=>{kt("log",[...ii,"ffmpeg delete file error"])})}return{data:c,extra:h}}onRecordWebM(t){const e=new MediaRecorder(t.captureStream(this.config.fps),{mimeType:"video/webm;codecs=vp9"});m(this,Pe,e),l(this,Pe).start(0);const i=[];l(this,Pe).ondataavailable=t=>{t.data.size>0&&i.push(t.data)},m(this,Ce,i)}async onExportImageFrame(t){try{if(this.canceled)return;const{canvas:s,imageBuffers:a,startTime:r,oldTotalTime:n,newTotalTime:o}=t;v(this.player),v(l(this,we));const c=l(this,_e)+1;this.stage=Ne,this.setProgress({currentTaskInTranscodingFrameIndex:0,currentTaskFrameIndex:c}),this.loggerInTranscoding&&kt("log",[...ii,"converting log"],`converting ${c} frame image`),c>=1&&this.forwardPlayerTime(c/this.config.fps+r),Jt(l(this,we),s,this.config.backgroundColor);let h=s;this.mediaType===We.AlphaMaskVideo&&(v(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 a=i.getImageData(0,0,t.width,t.height),r=i.getImageData(0,0,t.width,t.height),n=a.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(a,0,0);const o=r.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(r,t.width,0)}(s,this.extraCanvas),h=this.extraCanvas);const p=await async function(t,e,i){return new Promise((s,a)=>{t.toBlob(t=>{t?s(t.arrayBuffer()):a("toBlob failed")},e,i)})}(h,`image/${this.transImageType}`,1),m=`image-${e=c,i=4,String(e).padStart(i,"0")}.${this.transImageType}`;this.mediaType===We.Images?a.push(p):this.mediaType===We.WebP?(v(l(this,Ie)),l(this,Ie).FS.writeFile(m,new Uint8Array(p))):(v(l(this,ve)),await l(this,ve).writeFile(m,new Uint8Array(p))),l(this,be).push(m);if(c===l(this,Ee)){this.player?.pause(),await new Promise(t=>{window.requestAnimationFrame(t)});let t=null,e=null;if("Images"===this.mediaType)t=await this.getImagesZip(this.config.name,a);else if("WebP"===this.mediaType)t=this.getWebP();else if([We.MP4,We.APNG,We.GIF,We.AlphaMaskVideo].includes(this.mediaType)){const{data:i,extra:s}=await this.getVideoByType(n,o)??null;t=i,e=s}t&&(kt("log",[...ii,"done"],"success"),this.emit("done",l(this,Ae),!0,t,e))}else l(this,ye).call(this,()=>{this.canceled||this.onExportImageFrame({canvas:s,imageBuffers:a,startTime:r,oldTotalTime:n,newTotalTime:o})})}catch(t){kt("log",[...ii,"onExportImageFrame","failed"],t),this.emit("done",l(this,Ae),!1,void 0,void 0)}var e,i}async onExportWebMFrame(t){try{if(this.canceled)return;v(this.player),v(l(this,we));const e=l(this,_e)+1;if(this.stage=Ne,this.setProgress({currentTaskInTranscodingFrameIndex:0,currentTaskFrameIndex:e}),this.loggerInTranscoding&&kt("log",[...ii,"converting log"],`converting ${e} frame image`),Jt(l(this,we),t,this.config.backgroundColor),1===e&&(this.player.play(),this.onRecordWebM(t)),e<l(this,Ee))m(this,xe,window.requestAnimationFrame(()=>{this.canceled||this.onExportWebMFrame(t)}));else{this.player?.pause(),l(this,Pe)?.stop();const t=new Blob(l(this,Ce),{type:"video/webm"}),e=await t.arrayBuffer();kt("log",[...ii,"done"],"success"),this.emit("done",l(this,Ae),!0,e,void 0)}}catch(t){kt("log",[...ii,"done"],"failed",t),this.emit("done",l(this,Ae),!1,void 0,void 0)}}async runTask(t){try{if(this.canceled)return;v(this.player),v(l(this,we));const{size:e,startTime:i,containerCanvas:s}=t,{oldTotalTime:a,newTotalTime:r}=this.config,[n,o]=e;if(l(this,we).width=n,l(this,we).height=o,s.width=n,s.height=o,this.player.resize(),m(this,be,[]),[We.MP4,We.APNG,We.Images,We.WebP,We.GIF,We.AlphaMaskVideo].includes(this.mediaType)){const t={canvas:s,imageBuffers:[],startTime:i,oldTotalTime:a,newTotalTime:r};await this.onExportImageFrame(t)}else"WebM"===this.mediaType&&await this.onExportWebMFrame(s)}catch(t){kt("log",[...ii,"run task error"],t),this.emit("done",l(this,Ae),!1,void 0,void 0)}}clearTaskInfo(){m(this,Se,0),m(this,Ae,void 0),m(this,Te,[]),m(this,_e,0),m(this,Ee,0),m(this,Be,0),m(this,ke,0),m(this,Me,[]),m(this,Ve,[]),m(this,Ue,[]),m(this,Ge,!0)}clearFFMpegCore(){if(l(this,ve)){for(const t of l(this,be))t&&l(this,ve).deleteFile(t);m(this,be,[]),l(this,ve).terminate(),m(this,ve,void 0)}}clearImage2WebPCore(){l(this,Ie)&&(l(this,Ie).FS.quit(),m(this,Ie,void 0))}clearMediaRecorder(){l(this,Pe)&&(l(this,Pe).stop(),m(this,Pe,void 0)),m(this,Ce,[])}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,l(this,Me),l(this,Ve),l(this,Ue)),this.status=Le,this.onReset(),this.clearMediaRecorder(),this.clearFFMpegCore(),this.clearImage2WebPCore(),this.clearAllListeners(),kt("log",ii,"canceled"))}async onExport(t){const e=t.length;try{if(this.status===Fe)return kt("log",[...ii],"readying"),void this.on("ready",()=>{this.onExport(t)});if(this.status===Le){if(await this.onInit()===Le)throw new Error("init environment failed")}if(this.clearTaskInfo(),!l(this,we)){const t=document.createElement("canvas");t.dataset.key="player-canvas",m(this,we,t)}this.player||(this.player=new y({canvas:l(this,we),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=[],s=[],a=[];let r=!0;for(const[n,o]of t.entries()){if(this.canceled){r=!1;break}m(this,Se,n),m(this,Ae,o);const{size:t,scene:c}=o;await new Promise(async h=>{try{if(!this.player)throw new Error("player not found");kt("log",[...ii,"export"],"start",o),Zt(this.player),await this.player.loadScene(c,{env:"editor",autoplay:!1});const l=this.config.oldTotalTime,p=0;this.player.pause(),this.setProgress({currentTaskFrameIndex:0,currentTaskTotalFrames:Math.round(l*this.config.fps)});const m=(t,e,c,l)=>{this.off("done",m),i[n]=o,e&&c?(s[n]=c,a[n]=l??null):r=!1,h()};this.on("done",m);const d={size:t,startTime:p,containerCanvas:e};await this.runTask(d)}catch(t){kt("log",[...ii,"export error"],t),r=!1,h()}})}m(this,Me,i),m(this,Ve,s),m(this,Ue,a),m(this,Ge,r)}catch(t){this.onError(t),m(this,Ge,!1)}e>=1&&l(this,Ge)?this.onFinish(!0,l(this,Me),l(this,Ve),l(this,Ue)):this.onFinish(!1,l(this,Me),l(this,Ve),l(this,Ue))}dispose(){this.status=Le,this.onReset(),this.clearMediaRecorder(),this.clearFFMpegCore(),this.clearImage2WebPCore(),this.clearAllListeners(),this.player?.dispose(),this.player=void 0,l(this,we)?.remove(),m(this,we,void 0),m(this,ze,void 0),m(this,De,void 0)}};ye=new WeakMap,fe=new WeakMap,xe=new WeakMap,we=new WeakMap,ve=new WeakMap,Ie=new WeakMap,Pe=new WeakMap,Ce=new WeakMap,De=new WeakMap,ze=new WeakMap,be=new WeakMap,Se=new WeakMap,Ae=new WeakMap,Te=new WeakMap,_e=new WeakMap,Ee=new WeakMap,Be=new WeakMap,ke=new WeakMap,Me=new WeakMap,Ve=new WeakMap,Ue=new WeakMap,Ge=new WeakMap;var ai={[We.MP4]:{suffix:"mp4",error:"export mp4 is error"},[We.GIF]:{suffix:"gif",error:"export gif is error"},[We.Images]:{suffix:"zip",error:"export Images is error"},[We.APNG]:{suffix:"apng",error:"export APNG is error"},[We.WebP]:{suffix:"webp",error:"export WebP is error"},[We.AlphaMaskVideo]:{suffix:"mp4",error:"export AlphaMaskVideo is error"},[We.WebM]:{suffix:"webm",error:"export WebM is error"}},ri=class extends w{constructor(t){super(),c(this,"_config"),c(this,"_status",Je),c(this,"_exportMedia"),this._config=t,this._exportMedia=new si(t)}get status(){return this._status}onExportMedia(t,e,i,s,a){if(!e?.length||!s)return void kt("info",["@vvfx/sdk","export media is error","buffers or suffix is empty"]);const r=t[0]?.folderName,n=new ge;e.forEach((e,a)=>{if(!e)return;const{name:r}=t[a]??{};r&&(n.file(`${r}.${s}`,e),i?.[a]?.byteLength&&n.file(`${r}.png`,i[a]))}),n.generateAsync({type:"blob"}).then(t=>{!function(t,e,i="application/octet-stream"){const s=new Blob(Array.isArray(t)?t:[t],{type:i}),a=URL.createObjectURL(s),r=document.createElement("a");r.href=a,r.download=e,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(a)}(t,`${r}.zip`,"application/zip")}).catch(t=>{kt("error",["@vvfx/sdk"],a??"export media is error",t)})}onExportProgress(t){this.emit("progress",t)}onExportDone(t,e,i,s){this.emit("done",t,e,i,s)}onExportError(t){this._status=qe,kt("error",["@vvfx/sdk"],"export is error",t)}setMediaType(t){this._config.mediaType=t,this._exportMedia.setMediaType(t)}onExport(t){this._status=Xe,this._exportMedia.onExport(t),this._exportMedia.on("progress",this.onExportProgress.bind(this)),this._exportMedia.on("done",this.onExportDone.bind(this)),this._exportMedia.once("finish",(e,i,s,a)=>{if(this._status=e?Ze:qe,this.emit("complete",e,i,s),this._config.isOutputBuffer||!s||0===s.length)return;const{suffix:r,error:n}=ai[this._config.mediaType];r&&this.onExportMedia(t,s,a,r,n)}),this._exportMedia.on("error",this.onExportError.bind(this))}onCancel(){this._status=qe,this._exportMedia.onCancel(),this.emit("complete",!1,[],[])}dispose(){this._exportMedia.dispose()}},ni=class{constructor(){c(this,"enabled",!0),c(this,"_player"),c(this,"_container"),this._container=document.createElement("canvas"),this._player=new y({canvas:this._container,manualRender:!0,renderOptions:{willCaptureImage:!0}})}async generate(t,e,i,s,a){if(!this.enabled)return void console.warn("Screen shot is not opened, use #SDK.setConfig() open this feature.");Zt(this._player);const[r,n]=e;this._container.width=r,this._container.height=n,this._player.resize();const o=JSON.parse(JSON.stringify(t));await this._player.loadScene(o),this._player.gotoAndStop(s);const[c,h]=i,l=document.createElement("canvas");l.width=c,l.height=h;const p=l.getContext("2d");a??(a=[255,255,255,1]),p&&(p.fillStyle=`rgba(${a.join(",")})`,p.fillRect(0,0,c,h),this.drawImageCover(p,this._player.canvas,0,0,c,h,.5,.5));const m=l.toDataURL("image/png");return Zt(this._player),m}dispose(){this._player.dispose()}drawImageCover(t,e,i,s,a,r,n,o,c){2===arguments.length&&(i=s=0,a=t.canvas.width,r=t.canvas.height),n="number"==typeof n?E(n,0,1):.5,o="number"==typeof o?E(o,0,1):.5,c??(c={left:0,top:0,width:e instanceof HTMLVideoElement?e.videoWidth:e.width,height:e instanceof HTMLVideoElement?e.videoHeight:e.height});const h=c.width,l=c.height,p=Math.min(a/h,r/l);let m=h*p,d=l*p,g=1;m<a&&(g=a/m),Math.abs(g-1)<1e-14&&d<r&&(g=r/d),m*=g,d*=g;const u=Math.max(h/(m/a),0),y=Math.max(l/(d/r),0),f=Math.min((h-u)*n,h),x=Math.min((l-y)*o,l);t.drawImage(e,f+c.left,x+c.top,u,y,i,s,a,r)}},oi={topAdsorption:"T",leftAdsorption:"L",rightAdsorption:"R",bottomAdsorption:"B",centerAdsorption:"C",bottomCenterAdsorption:"BC"},ci=class{constructor(t){c(this,"_player"),c(this,"_container"),c(this,"size",[0,0]),c(this,"_pageDataUtils"),this._container=document.createElement("canvas"),this._player=new y({canvas:this._container,manualRender:!0}),this._pageDataUtils=t}async adjustment(t,e,i,s,a,r){if(!pi.config.sizeAdaptConfig.enabled)return console.warn("Size adapt is not opened, use #SDK.setConfig() open this feature."),t;this._player??(this._player=new y({canvas:this._container,manualRender:!0})),a??(a=[0,0,0,0]),r??(r=i[0]<i[1]?"y":"x"),this.size=[...s],this._container.width=this.size[0],this._container.height=this.size[1],Zt(this._player),this._player.resize();const n=JSON.parse(JSON.stringify(t));await this._player.loadScene(n,{reusable:!0,autoplay:!1}),this._player.gotoAndStop(e);const o=this._player.getCompositions()[0];if(o){const[e,n]=s,c=i[0]/i[1],h=e/n;c>h&&this.keepDistribute(t,o,h/c,s);const[l,p,m,d]=a,g=e-m-d,u=n-l-p,y=[(m-d)/2,(l-p)/2],f=(new H).setFromCenterAndSize(new T(e,n).divide(2),new T(e,n)),x=(new H).setFromCenterAndSize(new T(e,n).divide(2).add(new T(...y)),new T(g,u));this.keepAdsorption("topAdsorption",t,o,y,f,x,r),this.keepAdsorption("bottomAdsorption",t,o,y,f,x,r),this.keepAdsorption("leftAdsorption",t,o,y,f,x,r),this.keepAdsorption("rightAdsorption",t,o,y,f,x,r),this.keepAdsorption("centerAdsorption",t,o,y,f,x,r),this.keepDoubleAdsorption("bottomCenterAdsorption",t,o,y,f,x)}return t}keepDistribute(t,e,i,s){const a=t=>{const i=(new j).copyFrom(e.camera.getViewProjectionMatrix());return(new T).copyFrom(t.applyMatrix(i).toVector2()).toViewCoordinate(s[0],s[1])};["topAdsorption","centerAdsorption","bottomAdsorption"].forEach(r=>{e.items.filter(t=>t.name.split("-")[0]?.toLocaleUpperCase()===oi[r]&&!t.parentId).forEach(r=>{const n=e.items.filter(t=>t.parentId===r.getInstanceId()),o=n.find(t=>"check-area"===t.name),c=o?this.getViewBoxByHeadlessPlayerItem(o,[],a):this.getViewBoxByHeadlessPlayerItem(r,n,a),h=r.transform.position.clone(),l=c.getCenter(),p=new T(...s.map(t=>t/2)),m=l.y-p.y;((t,i,a)=>{const{z:r}=t.transform.getWorldPosition(),{x:n,y:o}=e.camera.getInverseVPRatio(r);t.transform.translate(2*i*n/s[0],-2*a*o/s[1],0)})(r,0,m/i-m),r.transform.updateLocalMatrix();const d=r.transform.position.clone().subtract(h).toArray();this._pageDataUtils.changeSceneItemProperty(t,{itemId:r.getInstanceId(),type:r.type,propertyName:"position",propertyValue:d})})})}keepAdsorption(t,e,i,s,a,r,n){const{x:o,y:c}=a.getSize(),h=(t,e,s)=>{const{z:a}=t.transform.getWorldPosition(),{x:r,y:n}=i.camera.getInverseVPRatio(a);t.transform.translate(2*e*r/o,-2*s*n/c,0)},l=t=>{const e=(new j).copyFrom(i.camera.getViewProjectionMatrix());return(new T).copyFrom(t.applyMatrix(e).toVector2()).toViewCoordinate(o,c)},p=oi[t];i.items.filter(t=>t.name.split("-")[0]?.toLocaleUpperCase()===p&&!t.parentId).forEach(a=>{const o=i.items.filter(t=>t.parentId===a.getInstanceId()),c=o.find(t=>"check-area"===t.name),p=a.transform.position.clone(),m=["leftAdsorption","rightAdsorption"].includes(t)?"x":"y",d=["leftAdsorption","topAdsorption"].includes(t)?1:-1,g=["leftAdsorption","topAdsorption"].includes(t)?"min":"max",u=["leftAdsorption","topAdsorption"].includes(t)?"max":"min",y=3===a.name.split("-").length,f=Number(a.name.split("-")[1]),x=new T,w=[1,1],v=c?this.getViewBoxByHeadlessPlayerItem(c,[],l):this.getViewBoxByHeadlessPlayerItem(a,o,l);h(a,...s),v.getSize().x>r.getSize().x&&(w[0]=r.getSize().x/v.getSize().x,w[1]=r.getSize().x/v.getSize().x,a.scale(...w,1)),a.transform.updateLocalMatrix();const I=c?this.getViewBoxByHeadlessPlayerItem(c,[],l):this.getViewBoxByHeadlessPlayerItem(a,o,l),P=new T;if(!r.containsBox(I)){const{min:t,max:e}=I,{min:i,max:s}=r;P.x+=t.x<i.x?i.x-t.x:0,P.x+=e.x>s.x?s.x-e.x:0,P.y+=t.y<i.y?i.y-t.y:0,P.y+=e.y>s.y?s.y-e.y:0,h(a,...P.toArray()),a.transform.updateLocalMatrix()}const C=c?this.getViewBoxByHeadlessPlayerItem(c,[],l):this.getViewBoxByHeadlessPlayerItem(a,o,l);if(!Number.isNaN(f)&&y)if("centerAdsorption"!==t){const t=Math.abs(C[u][m]-r[g][m]),e=r.getSize()[m]*f;t>e&&(x[m]=(e-t)*d,h(a,...x.toArray()),a.transform.updateLocalMatrix())}else{const t=C.getSize()[n],e=r.getSize()[n];if(t/e>f){const i=e*f/t;a.scale(i,i,1),w[0]*=i,w[1]*=i}}const D=c?this.getViewBoxByHeadlessPlayerItem(c,[],l):this.getViewBoxByHeadlessPlayerItem(a,o,l),z=i.items.filter(t=>"T"===t.name.split("-")[0]?.toLocaleUpperCase()&&!t.parentId),b=new H;if(z.forEach(t=>{const e=i.items.filter(e=>e.parentId===t.getInstanceId()),s=e.find(t=>"check-area"===t.name),a=s?this.getViewBoxByHeadlessPlayerItem(s,[],l):this.getViewBoxByHeadlessPlayerItem(t,e,l);b.union(a)}),!b.isEmpty()&&b.max.y>D.min.y)if("centerAdsorption"===t){const t=b.max.y-D.min.y;h(a,0,t),a.transform.updateLocalMatrix()}else if(["leftAdsorption","rightAdsorption"].includes(t)){const t=D.getSize().y,e=r.getSize().y-(b.max.y-r.min.y);let i=b.max.y-D.min.y;if(t>e){const s=e/t;w[0]*=s,w[1]*=s,a.scale(s,s,1),a.transform.updateLocalMatrix(),i-=(t-e)/2}h(a,0,i),a.transform.updateLocalMatrix()}const S=a.transform.position.clone().subtract(p).toArray();this._pageDataUtils.changeSceneItemProperty(e,{itemId:a.getInstanceId(),type:a.type,propertyName:"position",propertyValue:S}),this._pageDataUtils.changeSceneItemProperty(e,{itemId:a.getInstanceId(),type:a.type,propertyName:"size",propertyValue:w})})}keepDoubleAdsorption(t,e,i,s,a,r){const{x:n,y:o}=a.getSize(),c=(t,e,s)=>{const{z:a}=t.transform.getWorldPosition(),{x:r,y:c}=i.camera.getInverseVPRatio(a);t.transform.translate(2*e*r/n,-2*s*c/o,0)},h=t=>{const e=(new j).copyFrom(i.camera.getViewProjectionMatrix());return(new T).copyFrom(t.applyMatrix(e).toVector2()).toViewCoordinate(n,o)},l=oi[t];i.items.filter(t=>t.name.split("-")[0]?.toLocaleUpperCase()===l&&!t.parentId).forEach(t=>{const a=i.items.filter(e=>e.parentId===t.getInstanceId()),n=a.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],d=n?this.getViewBoxByHeadlessPlayerItem(n,[],h):this.getViewBoxByHeadlessPlayerItem(t,a,h);c(t,...s),d.getSize().x>r.getSize().x&&(m[0]=r.getSize().x/d.getSize().x,m[1]=r.getSize().x/d.getSize().x,t.scale(...m,1)),t.transform.updateLocalMatrix();const g=n?this.getViewBoxByHeadlessPlayerItem(n,[],h):this.getViewBoxByHeadlessPlayerItem(t,a,h);if(!Number.isNaN(p)&&l){const e=g.getSize().y,i=r.getSize().y;if(e/i>p){const s=i*p/e;t.scale(s,s,1),m[0]*=s,m[1]*=s}}const u=n?this.getViewBoxByHeadlessPlayerItem(n,[],h):this.getViewBoxByHeadlessPlayerItem(t,a,h),y=new T;if(!r.containsBox(u)){const{min:e,max:i}=u,{min:s,max:a}=r;y.x+=e.x<s.x?s.x-e.x:0,y.x+=i.x>a.x?a.x-i.x:0,y.y+=e.y<s.y?s.y-e.y:0,y.y+=i.y>a.y?a.y-i.y:0,c(t,...y.toArray()),t.transform.updateLocalMatrix()}const f=t.transform.position.clone().subtract(o).toArray();this._pageDataUtils.changeSceneItemProperty(e,{itemId:t.getInstanceId(),type:t.type,propertyName:"position",propertyValue:f}),this._pageDataUtils.changeSceneItemProperty(e,{itemId:t.getInstanceId(),type:t.type,propertyName:"size",propertyValue:m})})}getViewBoxByHeadlessPlayerItem(t,e,i){const s=new H,{transform:a,composition:r}=t;switch(t.type){case g.ItemType.sprite:case g.ItemType.plugin:case g.ItemType.video:case g.ItemType.richtext:case g.ItemType.text:case g.ItemType.shape:{a.setValid(!0),a.updateLocalMatrix();const{size:t}=a,n=(new j).copyFrom(r?.transform.getWorldMatrix()??new j).invert().multiply(a.getWorldMatrix()),{x:o,y:c}=t.clone().divide(2),h=new K(o,c,0).applyMatrix(n),l=new K(o,-c,0).applyMatrix(n),p=new K(-o,-c,0).applyMatrix(n),m=new K(-o,c,0).applyMatrix(n),d=i(h).round(2),g=i(l).round(2),u=i(p).round(2),y=i(m).round(2);s.setFromVec2Array([d,g,u,y]);const f=e?.map(t=>{const e=r?.items.filter(e=>e.parentId===t.getInstanceId())??[];return this.getViewBoxByHeadlessPlayerItem(t,e,i)});f&&f.map(t=>s.union(t));break}case g.ItemType.null:{const t=e?.map(t=>{const e=r?.items.filter(e=>e.parentId===t.getInstanceId())??[];return this.getViewBoxByHeadlessPlayerItem(t,e,i)});t&&t.map(t=>s.union(t));break}}return s}dispose(){this._player?.dispose()}},hi=class{constructor(){c(this,"index",-1),c(this,"operations",[]),c(this,"oldData")}get canUndo(){return this.index>-1}get canRedo(){return this.index<this.operations.length-1}push(t){this.index++,this.operations[this.index]=t,this.operations.length=this.index+1}undo(){if(this.index<0)return;const t=this.operations[this.index];return this.index--,t}redo(){if(!(this.index>=this.operations.length-1))return this.index++,this.operations[this.index]}clear(){this.operations=[]}},li=class t{constructor(e,i="template"){c(this,"_eventEmitter",new w),c(this,"_pageData"),c(this,"_screenShot"),c(this,"_exporter"),c(this,"_pageDataUtils"),c(this,"_sizeAdapt"),c(this,"_gestureHandler"),c(this,"disposables",[]),c(this,"_isSwitchScene",!1),c(this,"_undoRedo",new hi),c(this,"player"),c(this,"_container"),c(this,"_playerContainer"),c(this,"on",this._eventEmitter.on),this._container=e,t.config.mode=i;const s=document.createElement("div"),[a,r]="editor"===i?[this._container.clientWidth,this._container.clientHeight]:[this._container.offsetWidth,this._container.offsetHeight];this._playerContainer=s,this._playerContainer.id="player-container",this._playerContainer.style.position="absolute",this._playerContainer.style.backgroundRepeat="no-repeat",this._playerContainer.style.backgroundPosition="center center",this._playerContainer.style.width=`${a}px`,this._playerContainer.style.height=`${r}px`,this._container.appendChild(s),this.player=new y({container:this._playerContainer,pixelRatio:2,interactive:!0,env:"editor"}),this.player.on("update",()=>{if(v(this._pageData,"You must call SDK#run() first"),this._isSwitchScene)return;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._pageDataUtils.refreshPageTime(t);else{this._pageData.playing=!1,this.setPlayProgress(100);const t=this.getViewProperty(this._pageData.activeData.view??0)?.scene,e=t?.compositions.find(e=>e.id===t.compositionId);this._pageData.time=e?.duration??2,this._pageDataUtils.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._eventEmitter.on("pageDataChange",t=>{this._pageData=t,this._gestureHandler.render()}),this._eventEmitter.on("preSelectedItemChange",t=>{v(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.preSelectedItem=t,this._gestureHandler.render()}),this._eventEmitter.on("selectedViewChange",t=>{v(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.view=t;const e=this.getViewProperty(t);this._gestureHandler.ignoreInteraction=!!e?.ignoreInteraction}),this._eventEmitter.on("sdkConfigChange",(t,e)=>{this.checkExporter(t.exportConfig,e.exportConfig)}),this._pageDataUtils=new de(this.player,s,this._eventEmitter,this),this._gestureHandler=new Ht(e),this._screenShot=new ni,this._sizeAdapt=new ci(this._pageDataUtils);const n=new ResizeObserver(()=>{if(!this._pageData)return;const i=[e.offsetWidth,e.offsetHeight],s=this.getViewProperty(this._pageData.activeData.view??0);if(s){if("template"===t.config.mode){const{size:t}=s,[e,a]=this._pageDataUtils.getPlayerSizeByParent(i,t);this._playerContainer.style.width=`${e}px`,this._playerContainer.style.height=`${a}px`,this.player.resize()}this._pageDataUtils.refreshInteractionParam(),this._gestureHandler.resize()}});n.observe(e),this.disposables.push(()=>{n.disconnect()})}get container(){return this._container}get pageData(){return this._pageData}get initExporterEnabled(){return"template"===t.config.mode&&t.config.exportConfig.enabled}get exportStatus(){return this?._exporter?.status}get undoRedo(){return this._undoRedo}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:a,scene:r,export:{name:n,...o}}=t,c=a?.[0]&&a?.[1]?` (${s+1})_${a[0]}×${a[1]}`:` (${s+1})`;let h="";return h=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}${c}`,i.push(h),{folderName:e,name:h,size:a,scene:JSON.parse(JSON.stringify(r)),...o}})}dispose(){this.player?.dispose(),this._screenShot?.dispose(),this._pageData=void 0,this._playerContainer.remove(),this?._exporter?.dispose(),this._screenShot.dispose(),this._gestureHandler.dispose(),this.disposables.forEach(t=>{t()})}setSDKMode(e){if(e===t.config.mode)return;t.config.mode=e;const[i,s]="template"===e?[this._container.offsetWidth,this._container.offsetHeight]:[document.documentElement.clientWidth,document.documentElement.clientHeight];if(!this._playerContainer){const t=document.createElement("div");this._container.appendChild(t),this._playerContainer=t,this._playerContainer.id="player-container",this._playerContainer.style.position="absolute",this._playerContainer.style.backgroundRepeat="no-repeat",this._playerContainer.style.backgroundPosition="center center"}"editor"===e&&(this._playerContainer.style.left="0px",this._playerContainer.style.top="0px"),this._playerContainer.style.width=`${i}px`,this._playerContainer.style.height=`${s}px`,this.player??(this.player=new y({container:this._playerContainer,interactive:!0,pixelRatio:window.devicePixelRatio||1,env:"editor"})),this.player.resize()}async getInitParam(t){const e=JSON.parse(JSON.stringify(t));if("editor"===e.mode){const t=[this._playerContainer.offsetWidth,this._playerContainer.offsetHeight];return{scene:qt(t),viewParams:[{size:t,export:{audioEnable:!1}}],options:{asyncMode:!1,safeAreaPreview:!1,adsorption:!0}}}{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(),s=i.compositions.find(t=>t.id===i.compositionId)??i.compositions[0],a=e.viewParams?.length?e.viewParams:[{size:s.previewSize??[750,1624],export:{audioEnable:!1}}];return{...e,scene:i,viewParams:a}}catch(t){throw new Error(`Failed to fetch scene data from ${e.scene}: ${t instanceof Error?t.message:String(t)}`)}const t=e.scene.compositions.find(t=>t.id===e.scene.compositionId)??e.scene.compositions[0],i=e.viewParams?.length?e.viewParams:[{size:t.previewSize??[750,1624],export:{audioEnable:!1}}];return{...e,scene:e.scene,viewParams:i}}}checkExporter(t,e){if(this._exporter&&!Mt(t,e)){if(t.mediaType!==e.mediaType)return void this._exporter.setMediaType(e.mediaType);this._exporter.dispose(),this.initExporterEnabled&&this.initExporter(e)}}initExporter(t){this._exporter=new ri(t),this._exporter.on("progress",t=>{this._eventEmitter.emit("exportProgress",t)}),this._exporter.on("done",(t,e,i)=>{this._eventEmitter.emit("exportDone",t,e,i)}),this._exporter.on("complete",(t,e,i)=>{this._eventEmitter.emit("exportComplete",t,e,i)})}async initSDK(e){var i;const{scene:s,viewParams:a,options:r}=e,n=[];if(t.config.pageConfig.staticPreview){const t=JSON.parse(JSON.stringify(s)),e=t.compositions.find(e=>e.id===t.compositionId)??t.compositions[0];if(e){const[i,s]=e.previewSize??[1080,1920],a=e.duration??0;n.push({size:[i,s],safeArea:[0,0,0,0],previewSafeAreas:[],id:0,scene:t,ignoreInteraction:!0,export:{time:a,audioEnable:!1}})}}for(let e=0;e<a.length;e++){const r=a[e];if(!r)continue;let o=JSON.parse(JSON.stringify(s));const c=o.compositions.find(t=>t.id===o.compositionId)??o.compositions[0];v(c);const h=c.previewSize??[750,1624],l=h,p=r.size??h;c.previewSize=p;const m=c.duration??0,d=r.safeArea??[0,0,0,0];t.config.sizeAdaptConfig.enabled&&(o=await this._sizeAdapt.adjustment(o,m,l,p,d,r.adaptionDirection)),(i=r.export).time??(i.time=m),n.push({...r,size:p,safeArea:d,previewSafeAreas:[...r.previewSafeAreas??[]],id:e+1,scene:o,ignoreInteraction:!1})}const o=n[0]?.scene;if(!o)return void console.warn("SDK need one view property at least.");const c=o.compositions.find(t=>t.id===o.compositionId)??o.compositions[0],h={...r,zoom:1,translation:[0,0],asyncMode:r.asyncMode??!1},l=(c?.duration??0)-.1,p=t.config.pageConfig.staticPreview?1:0;this._pageData={scene:JSON.parse(JSON.stringify(s)),time:l,property:h,activeData:{view:n[p].id,selectedItems:[]},items:[],viewProperties:n,playing:!1},this._pageDataUtils.init(),await this._gestureHandler.init(this._pageDataUtils,this._eventEmitter),this._gestureHandler.ignoreInteraction=!!n[1]?.ignoreInteraction,t.config.gestureHandlerConfig.preferenceGizmoConfig.safeAreaEnabled=h.safeAreaPreview,this._eventEmitter.emit("progress",{duration:l,time:l,end:this.player.getCompositions()[0]?.isDestroyed??!1,paused:!this._pageData.playing}),await this._pageDataUtils.loadScene(this._pageData.activeData.view),this._pageDataUtils.refreshPageTime(l)}async run(e){this.setSDKMode(e.mode),t.config.pageConfig.staticPreview="template"===e.mode&&t.config.pageConfig.staticPreview;const i=await this.getInitParam(e);await this.initSDK(i),this._eventEmitter.emit("pageDataChange",this.getPageData()),this.initExporterEnabled&&this.initExporter(t.config.exportConfig)}getPageData(){return JSON.parse(JSON.stringify(this._pageData))}getActiveItems(){return v(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.selectedItems}setPreSelectedItem(t){v(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.preSelectedItem=t}getPreSelectedItem(){return v(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.preSelectedItem??""}setSelectedItems(t){this._pageDataUtils.clearPreSelectedItem(),this._pageDataUtils.clearSelectedItems(),this._pageDataUtils.addSelectedItems([...t])}getItemProperty(t){v(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){v(this._pageData,"You must call SDK#run() first");const e=this.getItemProperty(t)?.property?.[t.propertyName];return e}async setItemPropertyValue(t){v(this._pageData,"You must call SDK#run() first");const e=this.getViewProperty(this._pageData.activeData.view??0)?.ignoreInteraction;e?console.warn("Static scene cannot change."):(await this._pageDataUtils.changeItemProperty(t),this._gestureHandler.render(),t&&this._eventEmitter.emit("itemPropertyChange",{id:t.itemId,property:t.propertyName}),this._eventEmitter.emit("pageDataChange",this.getPageData()))}async generateScreenShot(t,e=[300,400],i,s){v(this._pageData,"You must call SDK#run() first");const a=this.getViewProperty(t);if(!a)return"";const{scene:r,size:[n,o]}=a,c=r.compositionId,h=r.compositions.find(t=>t.id===c);i??(i=h?.duration??0);const l=JSON.parse(JSON.stringify(r));return await this._screenShot.generate(l,[n,o],e,i,s)}async switchScene(t){if(v(this._pageData,"You must call SDK#run() first"),t===this._pageData.activeData.view)return;this._isSwitchScene=!0;const e=this._pageData.viewProperties[t];if(e){const t=this._pageData.playing;this._pageData.activeData={view:e.id,selectedItems:[],preSelectedItem:void 0},await this._pageDataUtils.loadScene(e.id),t&&(this._pageData.playing=t,this.player.gotoAndPlay(this._pageData.time))}else console.warn("target scene does not exist.");this._eventEmitter.emit("selectedViewChange",t),this._eventEmitter.emit("pageDataChange",this.getPageData()),this._isSwitchScene=!1}getPageConfig(){return v(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,translation:this._pageData.property.translation}}setPageConfig(e){v(this._pageData,"You must call SDK#run() first");const{adsorption:i,safeAreaPreview:s,zoom:a}=this._pageData.property;this._pageData.property={...this._pageData.property,...e},this._pageData.property.zoom!==a&&this._pageDataUtils.setPageZoom(this._pageData.property.zoom),i!==e.adsorption&&(t.config.gestureHandlerConfig.adsorptionGizmoEnabled=e.adsorption),s!==e.safeAreaPreview&&(t.config.gestureHandlerConfig.preferenceGizmoConfig.safeAreaEnabled=e.safeAreaPreview),this._gestureHandler.render()}async setPlayProgress(t){v(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&&(Zt(this.player),await this._pageDataUtils.loadScene(this._pageData.activeData.view??0));this._pageData.playing?this.player.gotoAndPlay(e):(this.player.gotoAndStop(e),this._eventEmitter.emit("progress",{duration:this.player.getCompositions()[0]?.getDuration()??2,time:e,end:this.player.getCompositions()[0]?.isDestroyed??!1,paused:!0})),this._pageDataUtils.refreshPageTime(e)}getViewItems(){return this.getPageData()?.items??[]}async setPlayState(t){v(this._pageData,"You must call SDK#run() first");const e="play"===t;if(this._pageData.playing!==e){if(this._pageData.playing=e,this._gestureHandler.ignoreInteraction=e,e){const t=this.player.getCompositions(),e=this.getViewProperty(this._pageData.activeData.view??0);await this.player.loadScene(e.scene,{autoplay:!1}),this.player.gotoAndPlay(this._pageData.time),this.destroyCompositions(t)}else this.player.gotoAndStop(this._pageData.time);this._gestureHandler.render()}}getViewThumbnail(){return v(this._pageData,"You must call SDK#run() first"),this._pageData.viewProperties.map(async t=>({id:t.id,thumbnail:await this.generateScreenShot(t.id)}))}getViewScene(){return v(this._pageData,"You must call SDK#run() first"),this._pageData.viewProperties.map(t=>({id:t.id,thumbnail:t.scene}))}destroyCompositions(t){t.forEach(t=>{t.dispose();const e=this.player.getCompositions(),i=e.indexOf(t);i>-1&&e.splice(i,1)})}onExport(){t.config.exportConfig.enabled&&(v(this.pageData,"You must call SDK#run() first"),v(this._exporter,"You must init exporter first"),this._exporter.onExport(this.exportOptions))}cancelExport(){v(this._exporter,"You must init exporter first"),this._exporter.onCancel()}async loadPageData(t){v(this._pageData,"You must call SDK#run() first"),this._pageData.activeData={view:this._pageData.viewProperties[this._pageData.viewProperties.length-1].id,selectedItems:[],preSelectedItem:void 0},this._pageData.viewProperties.push(...t.viewProperties),this._pageDataUtils.init(),await this._gestureHandler.init(this._pageDataUtils,this._eventEmitter),await this._pageDataUtils.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._pageDataUtils.init(),await this._gestureHandler.init(this._pageDataUtils,this._eventEmitter),await this._pageDataUtils.loadScene(this.pageData?.activeData.view??0),this._pageDataUtils.refreshPageTime(this._pageData.time),this._eventEmitter.emit("pageDataChange",this.getPageData())}async reloadPageDataByScene(t){v(this._pageData,"You must call SDK#run() first");let e=JSON.parse(JSON.stringify(t));if("string"==typeof e)try{const t=await fetch(e,{mode:"cors",credentials:"omit",headers:{Accept:"application/json"}});if(!t.ok)throw new Error(`HTTP error! status: ${t.status}, statusText: ${t.statusText}`);e=await t.json()}catch(t){throw new Error(`Failed to fetch scene data from ${e}: ${t instanceof Error?t.message:String(t)}`)}this._pageData.time=e.compositions.find(t=>t.id===e.compositionId)?.duration??2,this._pageData.viewProperties.forEach(t=>{t.scene=JSON.parse(JSON.stringify(e))}),this._pageDataUtils.init(),await this._gestureHandler.init(this._pageDataUtils,this._eventEmitter),await this._pageDataUtils.loadScene(this._pageData.activeData.view??0),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})}async addViewParams(e){var i;v(this._pageData);const s=[],a=this._pageData.viewProperties[this._pageData.viewProperties.length-1]?.id??this._pageData.viewProperties.length-1;for(let r=0;r<e.length;r++){const n=e[r];if(!n)continue;let o=JSON.parse(JSON.stringify(this._pageData.scene));const c=o.compositions.find(t=>t.id===o.compositionId)??o.compositions[0];v(c);const{previewSize:h=[750,1624]}=c,l=h,p=n.size??h;c.previewSize=p;const m=c.duration??0,d=n.safeArea??[0,0,0,0];t.config.sizeAdaptConfig.enabled&&(o=await this._sizeAdapt.adjustment(o,m,l,p,d,n.adaptionDirection)),(i=n.export).time??(i.time=m),s.push({...n,size:p,safeArea:d,previewSafeAreas:[...n.previewSafeAreas??[]],id:a+1+r,scene:o,ignoreInteraction:!1})}this._pageData.viewProperties.push(...s),this._eventEmitter.emit("pageDataChange",this.getPageData())}async deleteViewParams(t){t.sort((t,e)=>t-e);for(let e=0;e<t.length;e++){const i=t[e];v(this._pageData);const s=i-e,a=this._pageData.viewProperties.findIndex(t=>t.id===s);if(!0===this._pageData.viewProperties[a]?.ignoreInteraction){console.warn("target view ignore interaction, it can not be deleted.");continue}if(a<0){console.warn("Target view is not existed.");continue}this._pageData.viewProperties.splice(a,1);const r=this._pageData.activeData.view??0;s===r?(this._pageData.activeData.view=0,await this._pageDataUtils.loadScene(0)):s<r&&(this._pageData.activeData.view=r-1),this._pageData.viewProperties.forEach(t=>{t.id>s&&(t.id-=1)})}this._eventEmitter.emit("selectedViewChange",this._pageData?.activeData?.view??0),this._eventEmitter.emit("pageDataChange",this.getPageData())}setExportParam(t,e){v(this._pageData),this._pageData.viewProperties.forEach(i=>{void 0!==e&&i.id!==e||Object.assign(i.export,t)})}setPageZoom(t,e,i){v(this._pageData),this._pageData.property.zoom=t,this._pageDataUtils.setPageZoom(this._pageData.property.zoom,e,i),this._gestureHandler.render()}setPageMove(t){v(this._pageData),this._pageData.property.translation=t.toArray(),this._pageDataUtils.setPageMove(t.clone()),this._gestureHandler.render()}setStaticPreviewEnabled(e){t.config.pageConfig.staticPreview=e}setStaticPreviewName(e){t.config.pageConfig.staticPreviewName=e}setAsyncEnabled(e){t.config.pageConfig.asncMode=e}setGroupVisibleEnabled(e){t.config.pageConfig.groupVisible=e}addFilterItemNames(e){"string"==typeof e?Q(t.config.pageConfig.filterItemNames,e):e.forEach(e=>{Q(t.config.pageConfig.filterItemNames,e)})}setPreferenceBackgroundColor(e){t.config.gestureHandlerConfig.preferenceGizmoConfig.markColor=e[0]<<16|e[1]<<8|e[2],t.config.gestureHandlerConfig.preferenceGizmoConfig.markAlpha=e[3]??.3,this._gestureHandler.render()}setSafeAreaColor(e){t.config.gestureHandlerConfig.preferenceGizmoConfig.safeAreaBoxColor=e[0]<<16|e[1]<<8|e[2],t.config.gestureHandlerConfig.preferenceGizmoConfig.safeAreaBoxAlpha=e[3]??.3,this._gestureHandler.render()}setSizeAdaptEnabled(e){t.config.sizeAdaptConfig.enabled=e}setScreenShotEnabled(e){t.config.screenShotConfig.enabled=e}setExportConfig(e){const i=Object.assign({},t.config.exportConfig,e);this.checkExporter(t.config.exportConfig,i),t.config.exportConfig=i}setSelectorGizmoPreSelectConfig(e,i){void 0!==e&&(t.config.gestureHandlerConfig.selectorGizmoConfig.preSelectedColor=e),void 0!==i&&(t.config.gestureHandlerConfig.selectorGizmoConfig.preSelectedWidth=i),this._gestureHandler.render()}setTranformGizmoWireframeConfig(e){void 0!==e.wireframeAlpha&&(t.config.gestureHandlerConfig.transformGizmoConfig.wireframeAlpha=e.wireframeAlpha),void 0!==e.wireframeColor&&(t.config.gestureHandlerConfig.transformGizmoConfig.wireframeColor=e.wireframeColor),void 0!==e.wireframeWidth&&(t.config.gestureHandlerConfig.transformGizmoConfig.wireframeWidth=e.wireframeWidth),this._gestureHandler.render()}getSDKConfig(){return t.config}setSDKConfig(e){const i=Object.assign({},t.config);this._eventEmitter.emit("sdkConfigChange",i,e),t.config=e}setSDKBackground(t,e){switch(t){case"color":this._container.style.removeProperty("background-color"),this._container.style.removeProperty("background-image"),this._container.style.removeProperty("background-repeat"),this._container.style.removeProperty("background-position"),this._container.style.removeProperty("background-size"),e&&(this._container.style.backgroundColor=e);break;case"image":this._container.style.removeProperty("background-color"),this._container.style.removeProperty("background-image"),this._container.style.removeProperty("background-repeat"),this._container.style.removeProperty("background-position"),this._container.style.removeProperty("background-size"),e&&(this._container.style.backgroundImage=`url(${e})`);break;case"chess-board":e??(e="#CCCCCC"),this._container.style.backgroundColor=e,this._container.style.backgroundImage="linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%),linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%)",this._container.style.backgroundRepeat="repeat",this._container.style.backgroundPosition="0 0, 10px 10px",this._container.style.backgroundSize="20px 20px"}}async addSpriteItem(t,e){return await this._pageDataUtils.addSpriteItem(t,e)}async addVideoItem(t,e){return await this._pageDataUtils.addVideoItem(t,e)}openPictureCutGizmo(){this._gestureHandler.openPictureCutGizmo()}closePictureCutGizmo(){this._gestureHandler.closePictureCutGizmo()}getCutInfo(){return this._gestureHandler.getCutInfo()}setCutBox(t,e){return this._gestureHandler.setCutBox(t,e)}openPictureExpandGizmo(){this._gestureHandler.openPictureExpandGizmo()}closePictureExpandGizmo(){this._gestureHandler.closePictureExpandGizmo()}getExpandInfo(){return this._gestureHandler.getExpandInfo()}setExpandBox(t,e){return this._gestureHandler.setExpandBox(t,e)}openMaskGizmo(t){this._gestureHandler.openMaskGizmo(t)}clearMaskGizmo(){this._gestureHandler.clearMaskGizmo()}closeMaskGizmo(){this._gestureHandler.closeMaskGizmo()}getMask(){return this._gestureHandler.getMask()}setMaskGizmoConfig(t){this._gestureHandler.setMaskGizmoConfig(t)}openLoadingGizmo(t,e){this._gestureHandler.openLoadingGizmo(t,e)}closeLoadingGizmo(t){this._gestureHandler.closeLoadingGizmo(t)}groupItems(t,e){return this._pageDataUtils.addNullItem(t,e)}async addTextItem(t,e){await this._pageDataUtils.addTextItem(t,e)}deleteItems(t){if(v(this._pageData,"You must call SDK#run() first"),Array.isArray(t)){t.forEach(t=>{this._pageDataUtils.deleteItem(t)});const e=this._pageData.activeData.selectedItems.filter(e=>!t.includes(e));this._pageData.activeData.selectedItems=[...e],this._eventEmitter.emit("selectedItemChange",e)}else{this._pageDataUtils.deleteItem(t);const e=this._pageData.activeData.selectedItems.filter(e=>e!==t);this._pageData.activeData.selectedItems=[...e],this._eventEmitter.emit("selectedItemChange",e)}this._pageDataUtils.interactionUtils.refreshViewParam(),this._pageDataUtils.interactionUtils.refreshCameraParam(),this._pageData.items=[];const e=this._pageDataUtils.getCurrentComposition();this._pageDataUtils.addViewItemsByItems(this._pageData.items,e.items),this._eventEmitter.emit("pageDataChange",this._pageData)}getItemCreateInfo(t){v(this._pageData,"You must call SDK#run() first");const e=[];if(Array.isArray(t))t.forEach(i=>{const s=this._pageDataUtils.getViewItemById(i),a=this._pageDataUtils.getItemCreateInfo(i,!(!s?.parentId||!t.includes(s?.parentId)));a&&e.push(a)});else{const i=this._pageDataUtils.getItemCreateInfo(t,!1);i&&e.push(i)}return e}async createScreenShotSceneByIds(t,e=0){const i=this._pageDataUtils.createScreenShotSceneByIds(t);if(!i)return;const s=i?.compositions[0]?.previewSize??[750,1624];return await this._screenShot.generate(i,s,s,e)}getChildrenIds(t){return this._pageDataUtils.getChildrenIds(t)}updateItemOrder(t,e){v(this._pageData,"You must call SDK#run() first");const i=this.getViewProperty(this._pageData.activeData.view??0)?.ignoreInteraction;i?console.warn("Static scene cannot change."):(this._pageDataUtils.updateItemOrder(t,e),this._gestureHandler.render())}exportJSON(t){v(this._pageData,"You must call SDK#run() first");const e=[];if(Array.isArray(t))t.forEach(t=>{const i=this.getViewProperty(t);i?e.push(i.scene):console.warn(`view id ${t} is not exsited.`)});else if(void 0!==t){const i=this.getViewProperty(t);i?e.push(i.scene):console.warn(`view id ${t} is not exsited.`)}else e.push(...this._pageData.viewProperties.map(t=>t.scene));return e}getViewBoxById(t){return this._pageDataUtils.getViewBoxById(t)}getViewItemById(t){return this._pageDataUtils.getViewItemById(t)}getViewProperty(t){return this._pageDataUtils.getViewProperty(t)}pageMove(t){this._pageDataUtils.pageMove(new T(...t))}pageZoom(t,e){this._pageDataUtils.pageZoom(t,e?new T(...e):void 0)}setPictureCutGizmoLockScale(t){this._gestureHandler.setPictureCutGizmoLockScale(t)}setPictureExpandGizmoLockScale(t){this._gestureHandler.setPictureExpandGizmoLockScale(t)}viewportFit(t,e){this._pageDataUtils.viewportFit(t,e)}getItemBoxById(t){return this._pageDataUtils.getItemBoxById(t)}async setItemFontFamily(t,e,i){await this._pageDataUtils.setItemFontFamily(t,e,i),this._eventEmitter.emit("itemPropertyChange",{id:t,property:"fontFamily"})}createSceneByCreateInfos(t,e){return this._pageDataUtils.createSceneByCreateInfos(t,e.size,e.name)}changeItemPropertyByCreateInfo(t){this._pageDataUtils.changeItemPropertyByCreateInfo(t),this._gestureHandler.render()}setTransformGizmoLockScale(t){this._gestureHandler.setTransformGizmoLockScale(t)}getViewBoxByBox(t){return this._pageDataUtils.getViewBoxByBox(t)}openSpriteTextEditGizmo(t){this._gestureHandler.openSpriteTextGizmo(t)}closeSpriteTextEditGizmo(){this._gestureHandler.closeSpriteTextEditGizmo()}changeSpriteTextSelectedIndex(t,e){this._gestureHandler.changeSpriteTextSelectedIndex(t,e)}changeSpriteTextSelectedText(t,e,i){this._gestureHandler.changeSpriteTextSelectedText(t,e,i)}getBoundingBoxByItemCreateInfo(t){return this._pageDataUtils.getBoundingBoxByCreateInfo(t)}getBoundingBoxByItemCreateInfos(t){return this._pageDataUtils.getBoundingBoxByCreateInfos(t)}};c(li,"config",{mode:"template",pageConfig:{asncMode:!1,minZoom:.01,maxZoom:20,staticPreview:!0,staticPreviewName:"标准模板",filterItemNames:["check-area","ModelPluginItem"],groupVisible:!0},screenShotConfig:{enabled:!0},exportConfig:{enabled:!0,mediaType:"MP4",loggerInTranscoding:!1},sizeAdaptConfig:{enabled:!0},gestureHandlerConfig:{enabled:!0,adsorptionGizmoEnabled:!0,adsorptionGizmoConfig:{lineWidth:.8,lineColor:775935,distance:6},controlGizmoEnabled:!0,controlGizmoConfig:{zoomStep:.01},preferenceGizmoEnabled:!0,preferenceGizmoConfig:{boxColor:16711680,boxWidth:1,markColor:0,markAlpha:.17,safeAreaEnabled:!0,safeAreaBoxColor:65280,safeAreaBoxAlpha:.3},selectorGizmoEnabled:!0,selectorGizmoConfig:{videoPreSelectedPlay:!0,preSelectedWidth:3,preSelectedColor:15425024,regionBoxColor:16777215,regionBoxAlpha:.17,regionWireframeColor:16777215,regionWireframeAlpha:.78,regionWireframeWidth:1},transformGizmoEnabled:!0,transformGizmoConfig:{wireframeColor:16711680,wireframeAlpha:1,wireframeWidth:1.5,cornerFillColor:16777215,cornerLineColor:0,cornerLineWidth:1,cornerLineAlpha:.3,scaleCircleSize:4,rotationCircleSize:8,pictureLogoUrl:"https://mdn.alipayobjects.com/huamei_ppzin5/afts/img/EMCfRoZQj8cAAAAAOmAAAAgADjdkAQFr/original",nullLogoUrl:"https://mdn.alipayobjects.com/huamei_ppzin5/afts/img/Yo69Sr7boqYAAAAAH3AAAAgADjdkAQFr/original",textLogoUrl:"https://mdn.alipayobjects.com/huamei_ppzin5/afts/img/Yo69Sr7boqYAAAAAH3AAAAgADjdkAQFr/original",videoLogoUrl:"https://mdn.alipayobjects.com/huamei_ppzin5/afts/img/Yo69Sr7boqYAAAAAH3AAAAgADjdkAQFr/original",sizeTextColor:6710886,nameTextColor:6710886},pictureCutGizmoEnabled:!1,pictureCutGizmoConfig:{maskColor:16777215,maskAlpha:.5,cutBoxLineWidth:2,cutBoxLineColor:6960383,cutBoxLineAlpha:1,itemBoxLineWidth:1,itemBoxLineColor:6960383,itemBoxLineAlpha:1,cutBoxCornerRadius:5,cutBoxCornerLineWidth:2,cutBoxCornerLineColor:6960383,cutBoxCornerLineAlpha:1,cutBoxCornerFillColor:16777215,scaleInteractionDistance:8,directionScaleInteractionDistance:5},pictureExpandGizmoEnabled:!1,pictureExpandGizmoConfig:{maskColor:6960383,maskAlpha:.2,expandBoxLineWidth:2,expandBoxLineColor:6960383,expandBoxLineAlpha:1,expandBoxCornerRadius:5,expandBoxCornerLineWidth:2,expandBoxCornerLineColor:6960383,expandBoxCornerLineAlpha:1,expandBoxCornerFillColor:16777215,scaleInteractionDistance:8,directionScaleInteractionDistance:5},textGizmoEnbaled:!0,textGizmoConfig:{rotateInteractMode:"corner",boxLineWidth:2,boxLineColor:7026175,rotationCornerWidth:30,rotationCornerTexture:"https://mdn.alipayobjects.com/huamei_ppzin5/afts/img/Zc9ZSqNEjnQAAAAAQBAAAAgADjdkAQFr/original",rotationTopCenterInteractionDistance:14,rotationCornerRadius:5,rotationCornerFillColor:16777215,rotationCornerStrokeWidth:2,rotationCornerStrokeColor:7026175,rotationCornerInteractionDistance:7,scaleCornerRadius:5,scaleCornerFillColor:16777215,scaleCornerStrokeWidth:2,scaleCornerStrokeColor:7026175,scaleInteractionDistance:10},maskGizmoEnabled:!1,maskGizmoConfig:{brushSize:20,brushColor:6960383,brushAlpha:.5,maskColor:65280,maskAlpha:1,boxLineWidth:1,boxLineColor:6960383,boxLineAlpha:1},spriteTextEditGizmoEnabled:!1,spriteTextEditGizmoConfig:{textColor:65280,preSelectedTextColor:255,editBoxAlpha:.6,editBoxColor:16711680,editBoxSelectedAlpha:.6,editBoxSelectedColor:16776960,editBoxPreSelectedAlpha:.6,editBoxPreSelectedColor:65535}}});var pi=li;export{H as Box2,d as ItemOrderAction,pi as SDK,T as Vector2,D as generateGUID,g as spec};
1
+ var t=Object.defineProperty,e=Object.getOwnPropertyDescriptor,i=Object.getOwnPropertyNames,s=Object.prototype.hasOwnProperty,a=t=>{throw TypeError(t)},r=(e,i)=>{for(var s in i)t(e,s,{get:i[s],enumerable:!0})},n=(a,r,n,o)=>{if(r&&"object"==typeof r||"function"==typeof r)for(let c of i(r))s.call(a,c)||c===n||t(a,c,{get:()=>r[c],enumerable:!(o=e(r,c))||o.enumerable});return a},o=(t,e,i)=>(n(t,e,"default"),i&&n(i,e,"default")),c=(e,i,s)=>((e,i,s)=>i in e?t(e,i,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[i]=s)(e,"symbol"!=typeof i?i+"":i,s),h=(t,e,i)=>e.has(t)||a("Cannot "+i),l=(t,e,i)=>(h(t,e,"read from private field"),i?i.call(t):e.get(t)),p=(t,e,i)=>e.has(t)?a("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),d=(t,e,i,s)=>(h(t,e,"write to private field"),s?s.call(t,i):e.set(t,i),i),m=(t=>(t[t.BringToFront=0]="BringToFront",t[t.SendToBack=1]="SendToBack",t[t.BringForward=2]="BringForward",t[t.SendBackward=3]="SendBackward",t))(m||{});import"@galacean/effects";import{spec as g,VFXItem as u,Player as y,math as f,Composition as x,EventEmitter as w,assertExist as v,SpriteComponent as I,TextComponent as P,Texture as C,generateGUID as D}from"@galacean/effects";import"@galacean/effects-plugin-rich-text";import{RichTextComponent as S}from"@galacean/effects-plugin-rich-text";import"@galacean/effects-plugin-model";import"@galacean/effects-plugin-multimedia";import{VideoComponent as b}from"@galacean/effects-plugin-multimedia";import"@galacean/effects-plugin-spine";import"@galacean/effects-plugin-ffd";import{Application as z}from"@pixi/app";var A=class{constructor(){c(this,"type"),c(this,"active"),this.type="null",this.active=!1}get interactive(){return this.active}set interactive(t){this.active=t}},T=class t extends f.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 this.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}distanceToLine(e){const i=Math.pow(e.length(),2),{start:s,end:a}=e;if(0===i)return{d:(new t).subtractVectors(this,s).length(),t:0};const r=_(((this.x-s.x)*(a.x-s.x)+(this.y-s.y)*(a.y-s.y))/i,0,1);return{d:(new t).subtractVectors(this,e.at(r)).length(),t:r}}angle(){return Math.atan2(-this.y,-this.x)+Math.PI}rotateAround(t,e){const i=Math.cos(e),s=Math.sin(e),a=this.x-t.x,r=this.y-t.y;return this.x=a*i-r*s+t.x,this.y=a*s+r*i+t.y,this}},E=1e-6;function _(t,e,i){const s=isNaN(e)?-1/0:e,a=isNaN(i)?1/0:i,r=Math.min(s,a),n=Math.max(s,a);return Math.min(Math.max(t,r),n)}var B=Math.PI/180,k=180/Math.PI;function M(t){return Math.atan2(-t.y,-t.x)+Math.PI}function V(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}function U(t,e,i=Math.round){if(Number.isInteger(t))return t;const s=Math.pow(10,e);return i(t*s)/s}function G(t,e){return Math.abs(t-e)<E||t===1/0&&e===1/0||t===-1/0&&e===-1/0}function F(t){return isNaN(t)||Math.abs(t)<E}function R(t,e){const i=new H,{min:s,max:a}=t,{min:r,max:n}=e,o=s.clone().add((new T).subtractVectors(a,s).multiply(r)),c=s.clone().add((new T).subtractVectors(a,s).multiply(n));return i.setFromVec2ArrayWithOutCorners([o,c]),i}function L(t,e){const i=new H,{min:s,max:a}=t,{min:r,max:n}=e,o=(new T).subtractVectors(r,s).divide((new T).subtractVectors(a,s)),c=(new T).subtractVectors(n,s).divide((new T).subtractVectors(a,s));return i.setFromVec2ArrayWithOutCorners([o,c]),i}var W=class t{constructor(t=new T,e=new T){c(this,"start",new T),c(this,"end",new T),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 T).subtractVectors(this.end,this.start).normalize()}getCenter(t=new T){return t.addVectors(this.start,this.end).multiply(.5)}delta(t=new T){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 T){return this.delta(e).multiply(t).add(this.start)}closestPointToPointParameter(t,e){const i=new T,s=new T;i.subtractVectors(t,this.start),s.subtractVectors(this.end,this.start);const a=s.dot(s);let r=s.dot(i)/a;return e&&(r=_(r,0,1)),r}closestPointToPoint(t,e,i=new T){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 T).subtractVectors(this.end,this.start).length()}crossWithLine(t){const e=this.delta(),i=t.delta(),s=(new T).subtractVectors(t.start,this.start),a=(new T).subtractVectors(t.end,this.start),r=(new T).subtractVectors(this.start,t.start),n=(new T).subtractVectors(this.end,t.start),o=s.cross(e),c=a.cross(e),h=r.cross(i),l=n.cross(i);return o*c<0&&h*l<0}},H=class t{constructor(t=new T(1/0,1/0),e=new T(-1/0,-1/0)){c(this,"corners",[]),c(this,"min",new T(1/0,1/0)),c(this,"max",new T(-1/0,-1/0)),this.min=t.clone(),this.max=e.clone(),this.isEmpty()?this.corners=[]:this.corners=[new T(e.x,t.y),e.clone(),new T(t.x,e.y),t.clone()]}set(t,e){return this.min.copyFrom(t),this.max.copyFrom(e),this.corners=[new T(e.x,t.y),e.clone(),new T(t.x,e.y),t.clone()],this}setFromVec2Array(t){return this.min=(new T).copyFrom(t[0]),this.max=(new T).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 T).copyFrom(t[0]),this.max=(new T).copyFrom(t[0]),t.forEach(t=>{this.min=this.min.min(t),this.max=this.max.max(t)}),this.corners.push(new T(this.max.x,this.min.y)),this.corners.push(new T(this.max.x,this.max.y)),this.corners.push(new T(this.min.x,this.max.y)),this.corners.push(new T(this.min.x,this.min.y)),this}setFromCenterAndSize(t,e){const i=(new T).copyFrom(e).multiply(.5);return this.min.copyFrom(t).subtract(i),this.max.copyFrom(t).add(i),this.corners=[new T(this.max.x,this.min.y),this.max.clone(),new T(this.min.x,this.max.y),this.min.clone()],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 T){return this.isEmpty()?t.set(0,0):t.addVectors(this.min,this.max).multiply(.5)}getSize(t=new T){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],a=new T(s.x-i.x,s.y-i.y),r=new T(t.x-i.x,t.y-i.y);if(a.cross(r)<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 T){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 T){return e.copyFrom(t).clamp(this.min,this.max)}distanceToPoint(t){return(new T).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(e){return e instanceof t?(this.min.min(e.min),this.max.max(e.max)):(this.min.min(e),this.max.max(e)),this.corners=[new T(this.max.x,this.min.y),this.max.clone(),new T(this.min.x,this.max.y),this.min.clone()],this}translate(t){return this.min.add(t),this.max.add(t),this.corners.forEach(e=>{e.add(t)}),this}scale(t,e){e??(e=this.getCenter());const i="number"==typeof t?new T(t,t):new T(t.x,t.y);return this.min.scaleByCenter(i,e),this.max.scaleByCenter(i,e),this.corners.forEach(t=>{t.scaleByCenter(i,e)}),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 W(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 W(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}rotate(t,e){e??(e=this.getCenter());const i=this.corners.map(i=>i.rotateAround(e,t));return this.makeEmpty(),this.setFromVec2Array(i),this}},N=class t{constructor(t=new T,e=0){c(this,"center"),c(this,"radius"),this.center=t.clone(),this.radius=e}set(t,e){return this.center=(new T).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 T,this.radius=0,this}isEmpty(){return this.radius<=0}getCenter(t=new T){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}},O=class extends f.Quaternion{},K=class t extends f.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 O).setFromEuler(t))}applyQuaternion(e,i=new t){const{x:s,y:a,z:r,w:n}=e,{x:o,y:c,z:h}=this.subtract(i),l=n*o+a*h-r*c,p=n*c+r*o-s*h,d=n*h+s*c-a*o,m=-s*o-a*c-r*h;return this.x=l*n+m*-s+p*-r-d*-a+i.x,this.y=p*n+m*-a+d*-s-l*-r+i.y,this.z=d*n+m*-r+l*-a-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:a,y:r,z:n}=this.subtract(i);let o=1/(s[3]*a+s[7]*r+s[11]*n+s[15]);return o=isNaN(o)?1:o,this.x=(s[0]*a+s[4]*r+s[8]*n+s[12])*o+i.x,this.y=(s[1]*a+s[5]*r+s[9]*n+s[13])*o+i.y,this.z=(s[2]*a+s[6]*r+s[10]*n+s[14])*o+i.z,this}},j=class t extends f.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=K.ZERO){const a=this.elements,{x:r,y:n,z:o,w:c}=e,h=-s.x,l=-s.y,p=-s.z,d=r+r,m=n+n,g=o+o,u=r*d,y=r*m,f=r*g,x=n*m,w=n*g,v=o*g,I=c*d,P=c*m,C=c*g,{x:D,y:S,z:b}=i;return a[0]=(1-(x+v))*D,a[1]=(y+C)*D,a[2]=(f-P)*D,a[3]=0,a[4]=(y-C)*S,a[5]=(1-(u+v))*S,a[6]=(w+I)*S,a[7]=0,a[8]=(f+P)*b,a[9]=(w-I)*b,a[10]=(1-(u+x))*b,a[11]=0,a[12]=h*a[0]+l*a[4]+p*a[8]-h+t.x,a[13]=h*a[1]+l*a[5]+p*a[9]-l+t.y,a[14]=h*a[2]+l*a[6]+p*a[10]-p+t.z,this}extractRotation(t){const e=new K,i=t.elements,s=this.elements,a=1/e.setFromMatrixColumn(t,0).length(),r=1/e.setFromMatrixColumn(t,1).length(),n=1/e.setFromMatrixColumn(t,2).length();return s[0]=i[0]*a,s[1]=i[1]*a,s[2]=i[2]*a,s[3]=0,s[4]=i[4]*r,s[5]=i[5]*r,s[6]=i[6]*r,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,a=t.z,r=Math.cos(i),n=Math.sin(i),o=Math.cos(s),c=Math.sin(s),h=Math.cos(a),l=Math.sin(a);if(t.order===f.EulerOrder.XYZ){const t=r*h,i=r*l,s=n*h,a=n*l;e[0]=o*h,e[4]=-o*l,e[8]=c,e[1]=i+s*c,e[5]=t-a*c,e[9]=-n*o,e[2]=a-t*c,e[6]=s+i*c,e[10]=r*o}else if(t.order===f.EulerOrder.YXZ){const t=o*h,i=o*l,s=c*h,a=c*l;e[0]=t+a*n,e[4]=s*n-i,e[8]=r*c,e[1]=r*l,e[5]=r*h,e[9]=-n,e[2]=i*n-s,e[6]=a+t*n,e[10]=r*o}else if(t.order===f.EulerOrder.ZXY){const t=o*h,i=o*l,s=c*h,a=c*l;e[0]=t-a*n,e[4]=-r*l,e[8]=s+i*n,e[1]=i+s*n,e[5]=r*h,e[9]=a-t*n,e[2]=-r*c,e[6]=n,e[10]=r*o}else if(t.order===f.EulerOrder.ZYX){const t=r*h,i=r*l,s=n*h,a=n*l;e[0]=o*h,e[4]=s*c-i,e[8]=t*c+a,e[1]=o*l,e[5]=a*c+t,e[9]=i*c-s,e[2]=-c,e[6]=n*o,e[10]=r*o}else if(t.order===f.EulerOrder.YZX){const t=r*o,i=r*c,s=n*o,a=n*c;e[0]=o*h,e[4]=a-t*l,e[8]=s*l+i,e[1]=l,e[5]=r*h,e[9]=-n*h,e[2]=-c*h,e[6]=i*l+s,e[10]=t-a*l}else if(t.order===f.EulerOrder.XZY){const t=r*o,i=r*c,s=n*o,a=n*c;e[0]=o*h,e[4]=-l,e[8]=c*h,e[1]=t*l+a,e[5]=r*h,e[9]=i*l-s,e[2]=s*l-i,e[6]=n*h,e[10]=a*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}},$=class extends f.Euler{constructor(t=0,e=0,i=0,s=f.EulerOrder.XYZ){super(t,e,i,s)}getInvertMatrixByEuler(){return(new j).makeRotationFromEuler(this).invert()}toDegreeVector3(t){return t?t.set(this.x*k,this.y*k,this.z*k):new K(this.x*k,this.y*k,this.z*k)}setFromDegreeVector3(t,e){return this.set(t.x*B,t.y*B,t.z*B,e??this.order)}},Y=class t{constructor(t=0,e=new K(0,0,1)){c(this,"distance"),c(this,"normal");const i=e.length();0===i&&(this.normal=new K(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 K(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}},J=class t extends f.Ray{constructor(t=new K,e=new K(1,0,0)){super(t,e),c(this,"origin"),c(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(F(e))return F(t.distanceToPoint(this.origin))?0:NaN;const i=(-this.origin.dot(t.normal)-t.distance)/e;return i>0?i:NaN}},X=class{constructor(t=new J){c(this,"ray"),this.ray=t.clone()}setFromCamera(t,e){const i=e.position,s=new K(t.x,t.y,.5).applyMatrix(e.inverseViewProjectMatrix).subtract(i).normalize();return this.ray.set(i,s),this}rayCastPlane(t){const e=new K,i=this.ray.rayCastPlane(t,e);if(!isNaN(i))return{distance:i,point:this.ray.at(i)}}},Z=class extends A{constructor(t){super(),c(this,"type","control"),c(this,"_interactionType","mouse"),c(this,"active",!1),c(this,"lastPoint",new T),c(this,"cursorResult",{type:"normal",angle:0}),c(this,"SDKUtils"),this.SDKUtils=t}get interactive(){return pi.config.gestureHandlerConfig.controlGizmoEnabled}set interactive(t){pi.config.gestureHandlerConfig.controlGizmoEnabled=!0}get interactionType(){return this._interactionType}set interactionType(t){t===this._interactionType&&(this._interactionType=t,this.refreshCursorResult())}get useCameraControl(){return"editor"===pi.config.mode}preparationAction(){}cancelPreparation(){}refreshResults(){}preAction(t){return"mouse"===this.interactionType&&(this.active=!0,this.lastPoint=new T(t.clientX,t.clientY)),this.refreshCursorResult(),"mouse"===this.interactionType?this.type:void 0}action(t){if(!pi.config.gestureHandlerConfig.controlGizmoEnabled)return void console.warn("Control gizmo is not opened, use #SDK.setControlConfig() open this feature.");const{metaKey:e,ctrlKey:i,shiftKey:s}=t;if(0===t.buttons){const{deltaX:a,deltaY:r,offsetX:n,offsetY:o}=t,c=new T(a,r);if(e||i){const t=this.useCameraControl?new T(n,o):new T,e=-c.y*pi.config.gestureHandlerConfig.controlGizmoConfig.zoomStep;this.SDKUtils.pageZoom(e,t)}else c.x=s&&0!==c.y?Math.sqrt(c.x**2+c.y**2)*c.y/Math.abs(c.y):c.x,c.y=s?0:c.y,this.SDKUtils.pageMove(c.negate())}else if(this.active&&t instanceof MouseEvent&&[1,4].includes(t.buttons)){const{clientX:e,clientY:i}=t,a=new T(e,i),r=(new T).subtractVectors(a,this.lastPoint);r.x=s&&0!==r.y?Math.sqrt(r.x**2+r.y**2)*r.y/Math.abs(r.y):r.x,r.y=s?0:r.y,this.SDKUtils.pageMove(r),this.lastPoint.copyFrom(a)}}endAction(){return this.active=!1,this.refreshCursorResult(),"mouse"===this.interactionType?this.type:void 0}interruption(){return this.type}actionKey(){}endActionKey(){}refreshCursorResult(){"mouse"===this.interactionType?this.cursorResult={type:this.active?"active-hand":"hand",angle:0}:this.cursorResult={type:"normal",angle:0}}getRenderObjects(){return[]}};import{Graphics as q}from"@pixi/graphics";function Q(t,e){t.includes(e)||t.push(e)}function tt(t){return"object"==typeof t&&!!t}function et(t,e){if(tt(t)&&tt(e)){if(Array.isArray(t)&&Array.isArray(e))return t.length===e.length&&t.every((t,i)=>et(t,e[i]));const i=[];for(const s in t)if(Object.prototype.hasOwnProperty.call(t,s)){if(!et(t[s],e[s]))return!1;i.push(s)}return Object.getOwnPropertyNames(e).length===i.length}return t===e}var it=class extends A{constructor(t){super(),c(this,"result",{type:"null",box:new H}),c(this,"selectedItemIds",[]),c(this,"activeParentIds",[]),c(this,"cursorPoint",new T),c(this,"startPoint",new T),c(this,"firstClickPoint",new T),c(this,"graphics",new q),c(this,"pageDataUtils"),c(this,"clearResult",!1),c(this,"type","selector"),this.pageDataUtils=t}get interactive(){return pi.config.gestureHandlerConfig.selectorGizmoEnabled}set interactive(t){pi.config.gestureHandlerConfig.selectorGizmoEnabled=!0}actionKey(){}endActionKey(){}getRenderObjects(){return this.interactive?this.clearResult?(this.result={type:"null",box:new H},this.clearResult=!1,[]):(this.refreshResults(),[this.graphics]):[]}cancelPreparation(){this.result.type="null",this.pageDataUtils.clearPreSelectedItem()}preparationAction(t,e){if(this.result.box=new H,!this.interactive)return void console.warn("Selector gizmo is not opened, use #SDK.setSelectorConfig() open this feature.");const i=new T(t.offsetX,t.offsetY),s=this.hitTest(i);this.selectedItemIds=this.filterSelectedItems(s);const a=this.selectedItemIds[0]??"",r=[...this.pageDataUtils.getPageData().activeData.selectedItems,...this.pageDataUtils.getPageData().activeData.selectedItems.flatMap(t=>this.pageDataUtils.getChildrenIds(t))],n=this.pageDataUtils.getPageData()?.activeData.preSelectedItem;return a.length&&e&&!r.includes(a)||!e?(!a.length||this.pageDataUtils.isItemSelected(a)||r.includes(a)?(this.pageDataUtils.pauseVideoItem(n),this.pageDataUtils.clearPreSelectedItem()):(this.pageDataUtils.addPreSelectedItem(a),a!==n&&(this.pageDataUtils.playVideoItem(a),this.pageDataUtils.pauseVideoItem(n))),this.type):(this.pageDataUtils.pauseVideoItem(n),this.pageDataUtils.clearPreSelectedItem(),e)}preAction(t,e=!1,i){if(!this.interactive)return void console.warn("Selector gizmo is not opened, use #SDK.setSelectorConfig() open this feature.");const s=this.pageDataUtils.getPageData()?.activeData.preSelectedItem;switch(this.pageDataUtils.pauseVideoItem(s),this.pageDataUtils.clearPreSelectedItem(),t.buttons){case 1:{const s=new T(t.offsetX,t.offsetY);if(i??(i=this.firstClickPoint),e&&s.distanceTo(i)<4){const e=new T(t.offsetX,t.offsetY),i=this.hitTest(e);this.selectedItemIds=this.filterSelectedItems(i)}if(e||this.firstClickPoint.set(t.offsetX,t.offsetY),t.shiftKey){if(e){const t=this.pageDataUtils.getViewItemById(this.selectedItemIds[0]);t?.parentId&&this.pageDataUtils.removeSelectedItems([t.parentId])}}else this.pageDataUtils.clearSelectedItems(0===this.selectedItemIds.length);if(0===this.selectedItemIds.length)return this.startPoint=new T(t.clientX,t.clientY),this.cursorPoint=new T(t.offsetX,t.offsetY),this.activeParentIds=[],this.active=!0,this.type;{this.pageDataUtils.addSelectedItems([this.selectedItemIds[0]]);const t=this.pageDataUtils.getPageData()?.activeData?.selectedItems;return this.addActiveParentIds(t),this.clearResult=!0,this.pageDataUtils.saveUndoRedoOldData(),1===t?.length&&this.pageDataUtils.getViewItemById(t[0])?.type===g.ItemType.text?"text":"transform"}}case 2:{const e=[...this.pageDataUtils.getPageData().activeData.selectedItems,...this.pageDataUtils.getPageData().activeData.selectedItems.flatMap(t=>this.pageDataUtils.getChildrenIds(t))];return this.selectedItemIds.length&&!e.includes(this.selectedItemIds[0])&&(t.shiftKey||this.pageDataUtils.clearSelectedItems(),this.pageDataUtils.addSelectedItems([this.selectedItemIds[0]]),this.clearResult=!0),void this.pageDataUtils.saveUndoRedoOldData()}default:return}}action(t){const e=(new T).addVectors(this.cursorPoint,(new T).subtractVectors(new T(t.clientX,t.clientY),this.startPoint)),i=(new T).subtractVectors(this.cursorPoint,e),s=(new T).addVectors(this.cursorPoint,e).multiply(.5);i.x=Math.abs(i.x),i.y=Math.abs(i.y);const a=(new H).setFromCenterAndSize(s,i);this.result.type="region",this.result.box=a,this.pageDataUtils.clearSelectedItems();const r=this.pageDataUtils.getPageData().items?.filter(t=>this.pageDataUtils.getItemEditEnable(t.id)),n=[];i.length()>0&&r?.forEach(t=>{a.intersectsBox(this.pageDataUtils.getViewBoxById(t.id),!1)&&n.push(t.id)});const o=this.filterSelectedItems(n);this.pageDataUtils.addSelectedItems(o)}endAction(){this.active=!1,this.result.type="null"}interruption(){this.active=!1,this.result.type="null"}hitTest(t){const e=this.pageDataUtils.getCurrentComposition();if(!e?.items)return[];const{x:i,y:s}=this.pageDataUtils.getViewportByViewPoint(t),a={ray:new J,regions:[]};try{a.regions=e.hitTest(i,s,!0),a.ray=e.getHitTestRay(i,s)}catch(t){console.warn(t)}return this.reorderHitTestResult(a,e).filter(t=>"extra-camera"!==t&&this.pageDataUtils.getItemEditEnable(t))}reorderHitTestResult(t,e){if(0===t.regions.length||!e)return[];const{ray:i}=t,s=t.regions.reverse(),a=[];return s.forEach(t=>{let s;const r=(t,e)=>{for(const i of t){if(i.getInstanceId()===e&&(s=i),s)return;r(i.children,e)}};if(r(e.items,t.item.getInstanceId()),void 0===s)return;const n=s.getInstanceId(),o=i.origin.clone().distance(t.position.clone());if((s.type===g.ItemType.mesh||s.getComponent(I)?.renderer?.occlusion||s.getComponent(P)?.renderer?.occlusion||s.getComponent(b)?.renderer?.occlusion||s.getComponent(S)?.renderer?.occlusion)&&a.length>0){let t=!0;a.forEach((e,i)=>{if(t)return o<=e[1]?(a.splice(i,0,[n,o]),void(t=!1)):void(i===a.length-1&&a.push([n,o]))})}else a.push([n,o])}),a.map(t=>t[0])}filterSelectedItems(t){const e=[],i=t=>{const e=this.pageDataUtils.getViewItemById(t);return!e.parentId||this.activeParentIds.includes(e.parentId)?e.id:i(e.parentId)},s=this.pageDataUtils.getPageData()?.activeData.loadingItems??[];return t.forEach(t=>{const a=i(t);s.includes(a)||Q(e,a)}),e}addActiveParentIds(t){this.activeParentIds=[],t?.forEach(t=>{if(!this.pageDataUtils.getViewItemById(t))return;const e=t=>{this.activeParentIds.push(t);const i=this.pageDataUtils.getViewItemById(t);i.parentId&&e(i.parentId)};e(t)})}resetActiveParentIds(t){const e=this.pageDataUtils.getViewItemById(t);e&&(this.activeParentIds=this.activeParentIds.filter(t=>t===e.parentId))}refreshResults(){const{box:t}=this.result;this.graphics.clear();const e=this.pageDataUtils.getPreSelectedItem(),i=this.pageDataUtils.getViewBoxById(e?.id??""),{regionBoxColor:s,regionBoxAlpha:a,preSelectedWidth:r,preSelectedColor:n,regionWireframeWidth:o,regionWireframeColor:c,regionWireframeAlpha:h}=pi.config.gestureHandlerConfig.selectorGizmoConfig;if(i?.isEmpty()||(this.graphics.lineStyle(r,n),this.graphics.drawBox(i)),!t.isEmpty()&&"region"===this.result.type)this.graphics.lineStyle(o,c,h),this.graphics.drawBox(t),this.graphics.beginFill(s,a),this.graphics.fillBox(t),this.graphics.endFill()}},st={};r(st,{Application:()=>ct,utils:()=>nt});import{Vector2 as at}from"@galacean/effects-plugin-model";var rt={};r(rt,{Application:()=>ct,utils:()=>nt}),o(rt,mt),o(rt,gt),o(rt,ut),o(rt,yt),o(rt,ft),o(rt,xt),o(rt,wt),o(rt,vt),o(rt,It),o(rt,Pt),o(rt,Ct),o(rt,Dt);import"@pixi/polyfill";import*as nt from"@pixi/utils";import{InteractionManager as ot}from"@pixi/interaction";import{Application as ct}from"@pixi/app";import{Renderer as ht,BatchRenderer as lt}from"@pixi/core";import{AppLoaderPlugin as pt}from"@pixi/loaders";import{TickerPlugin as dt}from"@pixi/ticker";import*as mt from"@pixi/constants";import*as gt from"@pixi/core";import*as ut from"@pixi/display";import*as yt from"@pixi/graphics";import*as ft from"@pixi/loaders";import*as xt from"@pixi/interaction";import*as wt from"@pixi/math";import*as vt from"@pixi/runner";import*as It from"@pixi/sprite";import*as Pt from"@pixi/text";import*as Ct from"@pixi/ticker";import*as Dt from"@pixi/settings";nt.skipHello(),ht.registerPlugin("interaction",ot),ht.registerPlugin("batch",lt),ct.registerPlugin(dt),ct.registerPlugin(pt),rt.Graphics.prototype.drawBox=function(t){const e=t.getCorners();this.beginFill();for(let t=0;t<4;t++){const i=e[t],s=e[(t+1)%4],a=(new at).subtractVectors(s,i).normalize();this.moveTo(i.x-a.x,i.y-a.y),this.lineTo(s.x+a.x,s.y-a.y)}this.endFill()},rt.Graphics.prototype.fillBox=function(t){const e=t.getSize();this.drawRect(t.min.x,t.min.y,e.x,e.y)},rt.Graphics.prototype.drawLine=function(t){if(this.beginFill(),t instanceof W)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()},rt.Graphics.prototype.drawDashLine=function(t,e,i=16,s=8){const a=this.currentPath.points,r={x:a[a.length-2]||0,y:a[a.length-1]||0},n=Math.abs(t),o=Math.abs(e),c=Math.atan((e-r.y)/(t-r.x));for(;Math.abs(r.x)<n||Math.abs(r.y)<o;)r.x=Math.abs(r.x+i*Math.cos(c))<n?r.x+i*Math.cos(c):t,r.y=Math.abs(r.y+i*Math.sin(c))<o?r.y+i*Math.sin(c):e,this.lineTo(r.x,r.y),r.x=Math.abs(r.x+s*Math.cos(c))<n?r.x+s*Math.cos(c):t,r.y=Math.abs(r.y+s*Math.sin(c))<o?r.y+s*Math.sin(c):e,this.moveTo(r.x,r.y)},o(st,rt);var St=class extends A{constructor(t,e,i){super(),c(this,"type","transform"),c(this,"wireframe"),c(this,"cursorResult",{type:"normal",angle:0}),c(this,"cursorPoint",new T),c(this,"lastPoint",new T),c(this,"rotationAngle",0),c(this,"active",!1),c(this,"enableAdsorption",!0),c(this,"scaleParam"),c(this,"activeType","null"),c(this,"lastWorldPosition",new K),c(this,"_ignoreInteraction",!1),c(this,"firstClickPoint",new T),c(this,"_pageDataUtils"),c(this,"adsorptionGizmo"),c(this,"selectorGizmo"),c(this,"graphics",new st.Graphics),c(this,"_isLockScale",!0),c(this,"isShiftDown",!1),c(this,"nameText",new st.Text("",{fontSize:14,fill:pi.config.gestureHandlerConfig.transformGizmoConfig.sizeTextColor,align:"left"})),c(this,"imageSprite"),c(this,"nullSprite"),c(this,"textSprite"),c(this,"videoSprite"),this._pageDataUtils=t,this.selectorGizmo=i,this.adsorptionGizmo=e,this.wireframe={edges:[],anchor:new T,scaleCorners:[],rotationCorners:[],interactive:!0,cornerEnable:!0,directionEnable:!0,rotationEnabled:!0,scaleEnabled:!0,box:new H,totalBox:new H,childrenBoxes:[],activeType:"null",interactiveDirection:new T,scaleCorner:new T,scaleEdgeCorners:[]},this.imageSprite=st.Sprite.from(pi.config.gestureHandlerConfig.transformGizmoConfig.pictureLogoUrl),this.imageSprite.width=15,this.imageSprite.height=15,this.nullSprite=st.Sprite.from(pi.config.gestureHandlerConfig.transformGizmoConfig.nullLogoUrl),this.nullSprite.width=15,this.nullSprite.height=15,this.textSprite=st.Sprite.from(pi.config.gestureHandlerConfig.transformGizmoConfig.textLogoUrl),this.textSprite.width=15,this.textSprite.height=15,this.videoSprite=st.Sprite.from(pi.config.gestureHandlerConfig.transformGizmoConfig.videoLogoUrl),this.videoSprite.width=15,this.videoSprite.height=15}get interactive(){return pi.config.gestureHandlerConfig.transformGizmoEnabled}set interactive(t){pi.config.gestureHandlerConfig.transformGizmoEnabled=t,this.ignoreInteraction=t}get isLockScale(){return this._isLockScale}set isLockScale(t){t!==this.isLockScale&&(this._isLockScale=t)}get infoType(){const t=this._pageDataUtils.getSelectedItems();return 1===t.length?t[0].type:g.ItemType.base}get ignoreInteraction(){return this._ignoreInteraction}set ignoreInteraction(t){t!==this._ignoreInteraction&&(this._ignoreInteraction=t,this.wireframe.cornerEnable=t)}actionKey(t){this.isShiftDown=t.shiftKey}endActionKey(t){this.isShiftDown=t.shiftKey}getRenderObjects(){const t=[];if(!this.interactive)return t;if(this.refreshRenderObject(),t.push(this.graphics),this.infoType!==g.ItemType.base)switch(t.push(this.nameText),this.infoType){case g.ItemType.sprite:t.push(this.imageSprite);break;case g.ItemType.null:t.push(this.nullSprite);break;case g.ItemType.text:t.push(this.textSprite);break;case g.ItemType.video:t.push(this.videoSprite)}return t}cancelPreparation(){this.active=!1,this.wireframe.activeType="null"}preparationAction(t){if(!this.interactive)return void console.warn("Transform gizmo is not opened, use #SDK.openTransformGizmo() open this feature.");const e=new T(t.offsetX,t.offsetY),i=this.wireframe;this.refreshTransformType(e);const{interactiveDirection:s}=i;this.refreshCursorResult(this.activeType,M(s));const a="translation"===this.activeType?this.selectorGizmo.preparationAction(t,"transform"):this.type;return this.active="transform"===a&&"null"!==this.activeType,this.active&&a?a:void 0}preAction(t,e=!1){if(this._pageDataUtils.saveUndoRedoOldData(),this.active=1===t.buttons,this.lastPoint=new T(t.clientX,t.clientY),this.cursorPoint=new T(t.offsetX,t.offsetY),1!==t.buttons)return;if(e)return this.selectorGizmo.preAction(t,e,new T(t.offsetX,t.offsetY));this.active=!0,"null"===this.wireframe.activeType&&(this.wireframe.activeType="translation");const i=this.cursorPoint.clone().subtract(this._pageDataUtils.getViewportLeftTopPosition());return this.initInteractionPlane(i),this.lastWorldPosition=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(i)??new K,this.activeType=e?"null":this.activeType,this.type}action(t){if(!this.interactive)return void console.warn("Selector gizmo is not opened, use #SDK.setAdsorptionConfig() open this feature.");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._pageDataUtils.getViewportLeftTopPosition());this.initInteractionPlane(e),this.lastWorldPosition=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(e)??new K}const e=new T(t.clientX,t.clientY),i=(new T).subtractVectors(e,this.lastPoint);if(!this.wireframe.interactive)return;const s=this._pageDataUtils.getSelectedItems(),{anchor:a,activeType:r,interactiveDirection:n,scaleCorner:o}=this.wireframe,c=this._pageDataUtils.getPageData();v(c);let h=0;switch(r){case"rotation":{const t=a.clone(),e=new K,r=U(V((new T).subtractVectors(this.cursorPoint,t),(new T).subtractVectors(this.cursorPoint.add(i),t))*k,3);e.z=r,this.rotationAngle+=r,h=M(n)+this.rotationAngle*B,s.forEach(t=>{this._pageDataUtils.rotateItem(t.id,e)});break}case"translation":{const t=i.clone();if(this.enableAdsorption){const e=c.items.map(t=>s.find(e=>e.id===t.id)||0!==s.filter(e=>t.parentId&&t.parentId===e.id).length||!this._pageDataUtils.getItemEditEnable(t.id)||s.find(e=>e.parentId===t.id)?new H:this._pageDataUtils.getViewBoxById(t.id)).filter(t=>!t.isEmpty()),i=new T(this.adsorptionGizmo.absorptionResult.x??0,this.adsorptionGizmo.absorptionResult.y??0);this.adsorptionGizmo.boxTranslationAdsorption(t,this.wireframe.box,e);const a=new T(this.adsorptionGizmo.absorptionResult.x??0,this.adsorptionGizmo.absorptionResult.y??0);t.add(i).subtract(a)}const e=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(this.cursorPoint.add(t).clone().subtract(this._pageDataUtils.getViewportLeftTopPosition()));if(e){const t=e.clone().subtract(this.lastWorldPosition);s.forEach(e=>{e.type!==g.ItemType.camera&&(t.x=U(t.x,5),t.y=U(t.y,5),t.z=U(t.z,5),this._pageDataUtils.moveItem(e.id,t))}),this.lastWorldPosition.copyFrom(e)}break}case"scale":{const t=this.cursorPoint.add(i).clone().subtract(this._pageDataUtils.getViewportLeftTopPosition());if(!o||!this.scaleParam||!i.length())return;const e=this.scaleParam.farthestCorner;(o.x-e.x)*(this.cursorPoint.x-e.x)>0&&(o.y-e.y)*(this.cursorPoint.y-e.y)>0||!this.isLockScale||this.isShiftDown||(t.x=e.x+(o.x-e.x)/Math.abs(o.x-e.x)*4,t.y=e.y+(o.y-e.y)/Math.abs(o.y-e.y)*4);const a=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t);if(a){const t=this._pageDataUtils.getSelectedItems()[0]??void 0,e=this._pageDataUtils.getItemTransformById(t?.id??""),i=(new j).extractRotation(e.matrix).invert(),{corner:r,center:n,shift:o,lastScalar:c}=this.scaleParam,h=(new K).subtractVectors(r,n).applyMatrix(i),l=h.clone().multiply(c),p=a.clone().subtract(o).subtract(n).applyMatrix(i),d=new K(1,1,1);if(!this.isLockScale||this.isShiftDown)d.x=G(l.x,0)?1:p.x/l.x,d.y=G(l.y,0)?1:p.y/l.y,d.z=G(l.z,0)?1:p.z/l.z;else{const t=function(t){let e,i=0;return t.forEach((t,s)=>{if(0===s)e=Math.abs(t);else{const a=Math.abs(t);e<a&&(e=a,i=s)}}),i}([G(h.x,0)?1:Math.abs(p.x/h.x),G(h.y,0)?1:Math.abs(p.y/h.y)]),e=p.toArray()[t],i=l.toArray()[t];if(G(c.x,c.y)&&G(c.z,c.x)){const t=G(i,0)?1:Math.abs(e/i);d.set(t,t,t)}else if(0===t){d.x=G(i,0)?1:Math.abs(e/i);const t=h.y*e/h.x;d.y=G(l.y,0)?1:t/l.y;const s=h.z*e/h.x;d.z=G(l.z,0)?1:s/l.z}else if(1===t){d.y=G(i,0)?1:Math.abs(e/i);const t=h.x*e/h.y;d.x=G(l.x,0)?1:t/l.x;const s=h.z*e/h.y;d.z=G(l.z,0)?1:s/l.z}else{d.z=G(i,0)?1:Math.abs(e/i);const t=h.x*e/h.z;d.x=G(l.x,0)?1:t/l.x;const s=h.y*e/h.z;d.y=G(l.y,0)?1:s/l.y}}const m=d.clone().subtract(new K(1,1,0)).divide(2).add(new K(1,1,.5)),g=n.clone().add((new K).subtractVectors(r,n).multiply(new K(c.x,c.y,1)));this.scaleParam.lastScalar.multiply(m);const u=n.clone().add((new K).subtractVectors(r,n).multiply(new K(this.scaleParam.lastScalar.x,this.scaleParam.lastScalar.y,1))),y=(new K).subtractVectors(u,g);y.x=U(y.x,5),y.y=U(y.y,5),y.z=U(y.z,5),this.scaleParam.center.add(y),this.scaleParam.corner.add(y),s.forEach(t=>{this._pageDataUtils.scaleItem(t.id,m),this._pageDataUtils.moveItem(t.id,y)}),this.lastWorldPosition.copyFrom(a)}h=M(n);break}}this.refreshCursorResult(r,h),this.lastPoint.copyFrom(e)}endAction(t){this._pageDataUtils.pushUndoRedoData(),this.active=!1;const e=new T(t.clientX,t.clientY),i=(new T).subtractVectors(e,this.lastPoint);this.cursorPoint.add(i);const s=this.wireframe;this.refreshTransformType(this.cursorPoint);const{activeType:a,interactiveDirection:r}=s;this.refreshCursorResult(a,M(r)),this.adsorptionGizmo.clearAbsorptionResult(),this.rotationAngle=0,this.cursorPoint=new T,this.lastPoint=new T}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)*k};break;case"rotation":this.cursorResult={type:"rotation",angle:(e+Math.PI/4)*k};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)}initInteractionPlane(t){const e=this._pageDataUtils.getSelectedItems();switch(this.wireframe.activeType){case"scale":{const i=1==e.length?e[0]:void 0;let s,a,r;if(i){const t=this._pageDataUtils.getItemTransformById(i.id);s=(new K).copyFrom(this._pageDataUtils.getPlayerItemById(i.id).transform.anchor).applyMatrix(t.matrix),a=(new K).setFromMatrixPosition(t.matrix),r=(new $).setFromQuaternion((new O).setFromRotationMatrix(t.matrix))}this._pageDataUtils.interactionUtils.initInteractionPlane(a,r);const{scaleCorner:n,box:o}=this.wireframe,c=o.corners[0].clone();let h=c.distanceTo(n);o.corners.forEach(t=>{t.distanceTo(n)>h&&(c.copyFrom(t),h=t.distanceTo(n))}),this.scaleParam={shift:new K,center:new K,corner:new K,lastScalar:new K(1,1,1),farthestCorner:c},this.scaleParam.center=s??a;const l=this._pageDataUtils.getViewportLeftTopPosition();if(["scale"].includes(this.wireframe.activeType)&&this.wireframe.scaleCorner){const t=this.wireframe.scaleCorner.clone().subtract(l);this.scaleParam.corner=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t)??new K}this.scaleParam.shift=(this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t)??new K).subtract(this.scaleParam.corner);break}case"translation":case"rotation":this._pageDataUtils.interactionUtils.initInteractionPlane()}}refreshRenderObject(){this.graphics.clear(),this.nameText.text="";const{wireframeAlpha:t,wireframeColor:e,wireframeWidth:i,cornerFillColor:s,cornerLineWidth:a,cornerLineColor:r,cornerLineAlpha:n,infoShowEnabled:o}=pi.config.gestureHandlerConfig.transformGizmoConfig;if(!this.wireframe.box.isEmpty()){this.graphics.lineStyle(i,e,t),this.wireframe.edges.forEach(t=>{this.graphics.drawLine(t)});const c=t=>{t.corners.forEach((e,i)=>{const s=new W(e,t.corners[(i+1)%4]);this.graphics.drawLine(s)})};if(this.wireframe.childrenBoxes.forEach(t=>{c(t)}),this.wireframe.cornerEnable&&(this.graphics.beginFill(s),this.graphics.lineStyle(a,r,n),this.wireframe.scaleCorners.forEach(t=>{this.graphics.drawCircle(t.center.x,t.center.y,t.radius)}),this.graphics.endFill()),this.infoType!==g.ItemType.base&&o){const t=this._pageDataUtils.getSelectedItems()[0],e=t.type===g.ItemType.null?"编组":t.type===g.ItemType.sprite?"图片":t.type===g.ItemType.text?"文本":t.type===g.ItemType.video?"视频":"",{size:i,rotation:s}=t.property,a=this.infoType===g.ItemType.sprite?this.imageSprite:this.infoType===g.ItemType.null?this.nullSprite:this.infoType===g.ItemType.text?this.textSprite:this.videoSprite,r=this.wireframe.box.corners[3],n=s[2]*B;a.anchor.set(0,1),a.x=r.x,a.y=r.y-5,a.rotation=-n;const o=r.clone().add(new T(20,0)).rotateAround(r,-n),c=new T(0,4).rotateAround(new T,n);this.nameText.text=` ${e} ${i.map(t=>U(t,0)).join(" * ")}`,this.nameText.anchor.set(0,1),this.nameText.x=o.x+c.x,this.nameText.y=o.y-c.y,this.nameText.rotation=-n}}}refreshTransformType(t){this.activeType="null";let e=!0;if(this.wireframe.interactiveDirection=new T,this.wireframe.scaleCorner=void 0,this.wireframe.scaleEdgeCorners=void 0,e&&this.wireframe.totalBox.containsPoint(t)){if(this.wireframe.scaleEnabled)for(let i=0,s=this.wireframe.scaleCorners.length;i<s;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}}if(e&&this.wireframe.box.containsPoint(t,!1)&&(e=!1,this.activeType="translation",this.wireframe.activeType="translation"),this.wireframe.rotationEnabled)for(let i=0,s=this.wireframe.scaleCorners.length;i<s;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._pageDataUtils.getSelectedItems(),e=new H;if(this.wireframe.edges=[],this.wireframe.scaleCorners=[],this.wireframe.childrenBoxes=[],this.wireframe.rotationCorners=[],this.wireframe.rotationEnabled="template"===pi.config.mode,this.wireframe.scaleEnabled=1===t.length&&t[0].type!==g.ItemType.null||"template"===pi.config.mode,this.wireframe.cornerEnable=1===t.length&&t[0].type!==g.ItemType.null||"template"===pi.config.mode,t.length>1)t.forEach(t=>{if(this._pageDataUtils.getItemShow(t.id)){const i=this._pageDataUtils.getViewBoxById(t.id);e.union(i),this.wireframe.childrenBoxes.push((new H).copyFrom(i).expandByScalar(1))}}),this.wireframe.anchor=e.getCenter(),this.wireframe.interactive=!0;else if(1===t.length){const i=t[0];if((i.type!==g.ItemType.text||"template"===pi.config.mode)&&this._pageDataUtils.getItemShow(i.id)){const t=this._pageDataUtils.getViewBoxById(i.id);e.copyFrom(t),this.wireframe.anchor=this._pageDataUtils.getItemViewAnchor(i.id)??e.getCenter(),this.wireframe.interactive=i.type!==g.ItemType.mesh&&this._pageDataUtils.getItemEditEnable(i.id)}}const i=e.isEmpty(),s=i?0:1,a=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(a);const r=this.wireframe.box.corners;r.forEach((t,e)=>{this.wireframe.edges.push(new W((new T).copyFrom(t),(new T).copyFrom(r[(e+1)%4])))});const{scaleCircleSize:n,rotationCircleSize:o}=pi.config.gestureHandlerConfig.transformGizmoConfig;1===t.length&&this.wireframe.box.corners.forEach(t=>{this.wireframe.scaleCorners.push(new N(t,n));const e=(new T).subtractVectors(t,this.wireframe.box.getCenter()),i=(new T).copyFrom(this.wireframe.box.getCenter()).add((new T).copyFrom(e).normalize().multiply(e.length()+o-n));this.wireframe.rotationCorners.push(new N(i,o))})}setAdsorptionEnabled(t){this.enableAdsorption=t}};import{Graphics as bt}from"@pixi/graphics";var zt=class extends A{constructor(){super(...arguments),c(this,"results",[]),c(this,"graphics",new bt),c(this,"absorptionResult",{}),c(this,"type","adsorption")}get interactive(){return pi.config.gestureHandlerConfig.adsorptionGizmoEnabled}set interactive(t){pi.config.gestureHandlerConfig.adsorptionGizmoEnabled=t}preparationAction(){}getCursorState(){}preAction(){}action(){}cancelPreparation(){}actionKey(){}endActionKey(){}endAction(){}interruption(){}boxTranslationAdsorption(t,e,i,s=!0,a=!0){if(this.results=[],!this.interactive)return void console.warn("Adsorption gizmo is not opened, use #SDK.setAdsorptionConfig() open this feature.");if(e.isEmpty())return;const r=new T(this.absorptionResult?.x??0,this.absorptionResult?.y??0).add(t),n=e.clone().translate(r),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,a)}),this.getPointAbsorption(o,t,s,a)});const e=t.getCenter();this.getPointAbsorption(o,e,s,a),n.corners.forEach(t=>{this.getPointAbsorption(t,e,s,a)})})}pointTranslationAdsorption(t,e,i,s=!0,a=!0){if(this.results=[],!this.interactive)return void console.warn("Adsorption is not opened, use #SDK.setAdsorptionConfig() open this feature.");const r=new T(this.absorptionResult?.x??0,this.absorptionResult?.y??0).add(t),n=e.clone().add(r);this.absorptionResult={},i.forEach(t=>{this.getPointAbsorption(n,t,s,a)})}getPointAbsorption(t,e,i=!0,s=!0){i&&Math.abs(t.x-e.x)<pi.config.gestureHandlerConfig.adsorptionGizmoConfig.distance&&this.refreshPointAbsorptionResult(t,e,"x"),s&&Math.abs(t.y-e.y)<pi.config.gestureHandlerConfig.adsorptionGizmoConfig.distance&&this.refreshPointAbsorptionResult(t,e,"y")}refreshPointAbsorptionResult(t,e,i){const s=t[i]-e[i],a="x"===i?"xPoints":"yPoints";if(this.absorptionResult&&void 0===this.absorptionResult[i])this.absorptionResult[i]=s,this.absorptionResult[a]=[{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[a])this.absorptionResult[i]=s,this.absorptionResult[a]=[{point:t,targets:[e]}];else{const i=this.absorptionResult[a].filter(e=>e.point.equals(t));void 0===i||0===i.length?this.absorptionResult[a]?.push({point:t,targets:[e]}):i[0]?.targets.push(e)}else this.absorptionResult[i]=s,this.absorptionResult[a]=[{point:t,targets:[e]}]}refreshResults(){if(void 0===this.absorptionResult)return;const{x:t,y:e,xPoints:i,yPoints:s}=this.absorptionResult,a=new T(t??0,e??0);void 0!==t&&void 0!==i&&i.forEach(t=>{const e=t.point.clone().subtract(a),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 W(i,s))}),void 0!==e&&void 0!==s&&s.forEach(t=>{const e=t.point.clone().subtract(a),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 W(i,s))})}refreshRenderObject(){this.graphics.clear();const{lineWidth:t,lineColor:e}=pi.config.gestureHandlerConfig.adsorptionGizmoConfig;this.results.forEach(i=>{this.graphics.lineStyle(t,e),this.graphics.drawLine(i)})}getRenderObjects(){return this.interactive?(this.refreshResults(),this.refreshRenderObject(),[this.graphics]):[]}clearAbsorptionResult(){this.results=[],this.absorptionResult={}}},At=class extends A{constructor(t){super(),c(this,"box",new H),c(this,"graphics",new st.Graphics),c(this,"PageDataUtils"),c(this,"type","preference"),this.PageDataUtils=t}preparationAction(){}preAction(){}action(){}endAction(){}interruption(){}actionKey(){}endActionKey(){}cancelPreparation(){}refreshResults(){if(this.box=new H,!this.interactive)return void console.warn("Preference gizmo is not opened, use #SDK.setAdsorptionConfig() open this feature.");if("editor"===pi.config.mode)return;const t=this.PageDataUtils.getPageData();v(t);const{container:e}=this.PageDataUtils;if(e){const{zoom:i}=t.property,{offsetWidth:s,offsetHeight:a}=e,r=new T(s,a).multiply(i),n=this.PageDataUtils.getViewportLeftTopPosition().add(r.clone().divide(2));this.box=(new H).setFromCenterAndSize(n,r)}}refreshRenderObjects(){if("editor"===pi.config.mode)return;const{boxWidth:t,boxColor:e,markColor:i,markAlpha:s,safeAreaEnabled:a,safeAreaBoxColor:r,safeAreaBoxAlpha:n}=pi.config.gestureHandlerConfig.preferenceGizmoConfig;this.graphics=new st.Graphics;const{offsetWidth:o,offsetHeight:c}=this.PageDataUtils.container.parentElement,h=new H(new T(0,0),new T(o,this.box.min.y)),l=new H(new T(0,this.box.min.y),new T(this.box.min.x,c)),p=new H(new T(this.box.min.x,this.box.max.y),new T(o,c)),d=new H(new T(this.box.max.x,this.box.min.y),new T(o,this.box.max.y));if(this.graphics.beginFill(i,s),this.graphics.fillBox(h),this.graphics.fillBox(l),this.graphics.fillBox(p),this.graphics.fillBox(d),this.graphics.endFill(),a){const t=this.PageDataUtils.getViewProperty();if(t){const{size:e,safeArea:i,previewSafeAreas:s}=t,[a,o,c,h]=i,l=this.box.getSize(),p=a/e[1]*l.y,d=c/e[0]*l.x,m=h/e[0]*l.x,g=o/e[1]*l.y,{min:u,max:y}=this.box;this.graphics.beginFill(r,n);const f=new H(u,new T(y.x,u.y+p)),x=new H(new T(u.x,u.y+p),new T(u.x+d,y.y)),w=new H(new T(y.x-m,u.y+p),new T(y.x,y.y)),v=new H(new T(u.x+d,y.y-g),new T(y.x-m,y.y));this.graphics.fillBox(f),this.graphics.fillBox(x),this.graphics.fillBox(w),this.graphics.fillBox(v),this.graphics.endFill(),s.forEach(t=>{const{box:[i,s,a,r],color:n}=t,o=this.box.getSize(),c=new T(a/e[0]*o.x,r/e[1]*o.y),h=new T(i/e[0]*o.x+c.x/2,s/e[1]*o.y+c.y/2).add(u),l=(new H).setFromCenterAndSize(h,c),p=n?.[3]??.3,d=n?.slice(0,3)??[255,0,0],m=d[0]<<16|d[1]<<8|d[2];this.graphics.beginFill(m,p),this.graphics.fillBox(l),this.graphics.endFill()})}}this.graphics.lineStyle(t,e),this.graphics.drawBox(this.box)}getRenderObjects(){return pi.config.gestureHandlerConfig.preferenceGizmoEnabled&&"editor"!==pi.config.mode?(this.refreshRenderObjects(),[this.graphics]):[]}get interactive(){return pi.config.gestureHandlerConfig.preferenceGizmoEnabled}set interactive(t){pi.config.gestureHandlerConfig.preferenceGizmoEnabled=t}},Tt="https://mdn.alipayobjects.com/rms/uri/file/as/0.0.6",Et={normal:{type:"preset",content:"default"},rotation:{type:"svg",content:"default",url:`${Tt}/icons/cursor-rotate-32.svg`},circle:{type:"svg",content:"default",url:`${Tt}/icons/cursor-rotate-32.svg`},scale:{type:"svg",content:"default",url:`${Tt}/icons/cursor-scale-32.svg`},hand:{type:"preset",content:"grab"},"active-hand":{type:"preset",content:"grabbing"},"text-rotation":{type:"svg",content:"default",url:"https://mdn.alipayobjects.com/huamei_ixsp8m/afts/img/A*R722QoloC44AAAAAKkAAAAgAev-aAQ/original"}};function _t(t,e="item doesn't exist"){if(null==t)throw new Error(e)}function Bt(t,e="asserts failed"){if(!t)throw new Error(e)}function kt(t,e,...i){const s=e.reduce((t,e)=>t?`${t} ${e}`:e,""),a="color: #108ee9;";switch(t){case"error":console.error(`%c[${s}]`,a,...i);break;case"info":console.info(`%c[${s}]`,a,...i);break;case"debug":console.debug(`%c[${s}]`,a,...i);break;case"warn":console.warn(`%c[${s}]`,a,...i);break;default:console.log(`%c[${s}]`,a,...i)}}function Mt(t,e){if(Object.is(t,e))return!0;if(typeof t!=typeof e)return!1;if(null===t||"object"!=typeof t)return!1;if(t instanceof Date&&e instanceof Date)return t.getTime()===e.getTime();if(t instanceof RegExp&&e instanceof RegExp)return t.toString()===e.toString();if(Array.isArray(t)!==Array.isArray(e))return!1;const i=Object.keys(t),s=Object.keys(e);if(i.length!==s.length)return!1;for(const s of i){if(!Object.prototype.hasOwnProperty.call(e,s))return!1;if(!Mt(t[s],e[s]))return!1}return!0}var Vt=class extends A{constructor(t,e){super(),c(this,"result",{type:"invalid"}),c(this,"interactionParam",{type:"none"}),c(this,"graphics",new st.Graphics),c(this,"isShiftDown",!1),c(this,"_isLockScale",!1),c(this,"_pageDataUtils"),c(this,"_eventEmitter"),c(this,"type","picture-cut"),c(this,"cursorResult",{type:"normal",angle:0}),this._pageDataUtils=t,this._eventEmitter=e}get interactive(){return pi.config.gestureHandlerConfig.pictureCutGizmoEnabled}set interactive(t){t!==pi.config.gestureHandlerConfig.pictureCutGizmoEnabled&&(1!==this._pageDataUtils.getPageData()?.activeData.selectedItems?.length?console.warn("Selected items` length is not one, Picture cut gizmo can not open."):pi.config.gestureHandlerConfig.pictureCutGizmoEnabled=t)}get isLockScale(){return this._isLockScale}set isLockScale(t){t!==this.isLockScale&&(this._isLockScale=t)}preparationAction(t){if(!this.interactive)return;const e=new T(t.offsetX,t.offsetY),i=new T(t.clientX,t.clientY);return this.refreshInteractionType(e,i),this.type}preAction(t,e){if(this.interactive&&"none"!==this.interactionParam.type)return this.type}action(t){var e;if(!this.interactive||"none"===this.interactionParam.type||"invalid"===this.result.type)return;const i=new T(t.clientX,t.clientY),{startMouse:s,box:a}=this.interactionParam,r=(new T).subtractVectors(i,s),{itemBox:n}=this.result,{min:o,max:c}=n;switch(this.interactionParam.type){case"move":{const{min:t,max:e}=a,i=o.x-t.x,s=c.x-e.x,h=o.y-t.y,l=c.y-e.y;r.x=Math.min(Math.max(r.x,i),s),r.y=Math.min(Math.max(r.y,h),l);const p=a.clone().translate(r);this.result.normalizeCutBox=L(n,p),this._eventEmitter.emit("cutBoxChange",this.getCutBox());break}case"scale":{const{startCorner:t,anchor:i}=this.interactionParam,s=new T;if(s.x=Math.min(Math.max(t.x+r.x,o.x),c.x),s.y=Math.min(Math.max(t.y+r.y,o.y),c.y),this.isShiftDown||this.isLockScale){const r=this.getCutBox(),{x:n,y:h}=r.getSize(),{x:l,y:p}=a.getSize();if((e=this.interactionParam).lockedAspect??(e.lockedAspect=n/h),Math.abs(s.x-i.x)/l>Math.abs(s.y-i.y)/p){const e=Math.abs(s.x-i.x)/this.interactionParam.lockedAspect;G(t.y,i.y)?s.y=t.y:s.y=(t.y-i.y)/Math.abs(t.y-i.y)*e+i.y,s.y=Math.min(Math.max(s.y,o.y),c.y)}else{const e=Math.abs(s.y-i.y)*this.interactionParam.lockedAspect;G(t.x,i.x)?s.x=t.x:s.x=(t.x-i.x)/Math.abs(t.x-i.x)*e+i.x,s.x=Math.min(Math.max(s.x,o.x),c.x)}}if(G(t.x,i.x)||G(t.y,i.y)){const e=a.corners[0].clone();let i=e.distanceTo(t);a.corners.forEach(s=>{s.distanceTo(t)>i&&(e.copyFrom(s),i=s.distanceTo(t))}),this.result.normalizeCutBox=L(n,(new H).setFromVec2Array([e,s]))}else{const e=(s.x-i.x)/(t.x-i.x),r=(s.y-i.y)/(t.y-i.y),o=new T(e,r);this.result.normalizeCutBox=L(n,a.clone().scale(o,i))}this._eventEmitter.emit("cutBoxChange",this.getCutBox());break}case"direction-scale":{const{index:t}=this.interactionParam,e=a.corners[t].clone();t%2==0?(r.x=Math.min(Math.max(e.x+r.x,o.x),c.x)-e.x,r.y=0):(r.x=0,r.y=Math.min(Math.max(e.y+r.y,o.y),c.y)-e.y);const i=a.corners.map((e,i)=>[t,(t+1)%4].includes(i)?e.clone().add(r):e.clone());this.result.normalizeCutBox=L(n,(new H).setFromVec2Array(i)),this._eventEmitter.emit("cutBoxChange",this.getCutBox());break}}}endAction(t){if(!this.interactive||"none"===this.interactionParam.type)return;const e=new T(t.offsetX,t.offsetY),i=new T(t.clientX,t.clientY);return this.refreshInteractionType(e,i),this.type}interruption(){this.interactionParam={type:"none"}}actionKey(t){this.isShiftDown=t.shiftKey}endActionKey(t){this.isShiftDown=t.shiftKey,"lockedAspect"in this.interactionParam&&delete this.interactionParam.lockedAspect}cancelPreparation(){this.interactionParam={type:"none"}}refreshResults(){if(this.interactive){const t=this._pageDataUtils.getPageData();if(_t(t,"You must call SDK#run() first"),1!==t.activeData.selectedItems.length)console.warn("Picture Cut Gizmo can edit one picture at a time.");else if("invalid"===this.result.type){const e=this._pageDataUtils.getViewBoxById(t.activeData.selectedItems[0]);this.result={type:"valid",itemBox:e.clone(),normalizeCutBox:new H(new T,new T(1,1))}}else{const e=this._pageDataUtils.getViewBoxById(t.activeData.selectedItems[0]),i=e.getCenter().subtract(this.result.itemBox.getCenter()),s=e.getSize().x/this.result.itemBox.getSize().x;this.result.itemBox.translate(i),this.result.itemBox.scale(s)}}else this.result={type:"invalid"}}refreshRenderObjects(){if(this.graphics.clear(),!this.interactive||"invalid"===this.result.type)return[];const{maskColor:t,maskAlpha:e,cutBoxLineWidth:i,cutBoxLineColor:s,cutBoxLineAlpha:a,itemBoxLineWidth:r,itemBoxLineColor:n,itemBoxLineAlpha:o,cutBoxCornerRadius:c,cutBoxCornerFillColor:h,cutBoxCornerLineWidth:l,cutBoxCornerLineColor:p,cutBoxCornerLineAlpha:d}=pi.config.gestureHandlerConfig.pictureCutGizmoConfig,{normalizeCutBox:m,itemBox:g}=this.result,u=R(g,m),{min:y,max:f}=u,{min:x,max:w}=g,v=new H(x.clone(),new T(w.x,y.y)),I=new H(new T(x.x,y.y),new T(y.x,w.y)),P=new H(new T(f.x,y.y),new T(w.x,f.y)),C=new H(new T(y.x,f.y),w.clone());return this.graphics.beginFill(t,e),this.graphics.fillBox(v),this.graphics.fillBox(I),this.graphics.fillBox(P),this.graphics.fillBox(C),this.graphics.endFill(),this.graphics.lineStyle(r,n,o),this.graphics.drawBox(g),this.graphics.lineStyle(i,s,a),this.graphics.drawBox(u),this.graphics.beginFill(h),this.graphics.lineStyle(l,p,d),u.corners.forEach(t=>{this.graphics.drawCircle(t.x,t.y,c)}),this.graphics.endFill(),[this.graphics]}refreshCursorResult(t,e=0){switch(t){case"scale":case"direction-scale":this.cursorResult={type:"scale",angle:e};break;case"move":case"none":this.cursorResult={type:"normal",angle:0}}}getRenderObjects(){return this.interactive?this.refreshRenderObjects():[]}refreshInteractionType(t,e){if(this.interactionParam={type:"none"},!this.interactive||"invalid"===this.result.type)return;const{normalizeCutBox:i,itemBox:s}=this.result,a=R(s,i);let r=!1,n=0;a.corners.forEach((i,s)=>{r||i.distanceTo(t)<pi.config.gestureHandlerConfig.pictureCutGizmoConfig.scaleInteractionDistance&&(r=!0,this.interactionParam={type:"scale",box:a.clone(),startMouse:e,startCorner:i.clone(),anchor:a.corners[(s+2)%4]},n=Math.PI/2*s)}),a.corners.forEach((i,s)=>{if(r)return;const o=new W(i.clone(),a.corners[(s+1)%4]),c=t.distanceToLine(o);if(c.d>=0&&c.d<=8&&c.t>=0&&c.t<=1){r=!0;const t=o.at(c.t);this.interactionParam={type:"direction-scale",index:s,point:t,box:a.clone(),startMouse:e},n=Math.PI/2*s+Math.PI/4}}),a.containsPoint(t)&&!r&&(this.interactionParam={type:"move",point:t.clone(),box:a.clone(),startMouse:e},r=!0),this.refreshCursorResult(this.interactionParam.type,n*k)}getCutInfo(){const[t]=this._pageDataUtils.getSelectedItems();if(this.interactive&&"invalid"!==this.result.type&&t)return{cutBox:this.getCutBox(),itemBox:this._pageDataUtils.getItemBoxById(t.id)}}getCutBox(){const[t]=this._pageDataUtils.getSelectedItems();if(!this.interactive||"invalid"===this.result.type||!t)return;const e=this._pageDataUtils.getItemBoxById(t.id),{normalizeCutBox:i}=this.result;return R(e,i)}setCutBox(t,e){const[i]=this._pageDataUtils.getSelectedItems();if(!this.interactive||"invalid"===this.result.type||!i)return;const s=new H(t,e),a=this._pageDataUtils.getItemBoxById(i.id),{min:r,max:n}=L(a,s);this.result.normalizeCutBox.set(new T(Math.max(r.x,0),Math.max(r.y,0)),new T(Math.min(n.x,1),Math.min(n.y,1)));const o=this.getCutBox();return this._eventEmitter.emit("cutBoxChange",o),o}};var Ut=class extends A{constructor(t,e,i,s,a){super(),c(this,"type","text"),c(this,"_eventEmitter"),c(this,"textAreaElement"),c(this,"graphics",new st.Graphics),c(this,"_pageDataUtils"),c(this,"result"),c(this,"interactionParam"),c(this,"_adsorptionGizmo"),c(this,"cursorResult",{type:"normal",angle:0}),c(this,"ignoreInteraction",!1),c(this,"rotationSprite",new st.Sprite),c(this,"_selectorGizmo"),c(this,"handleInput",async t=>{const e=t.target,i=this._pageDataUtils.getSelectedItems()[0].id;await this._pageDataUtils.changeItemProperty({itemId:i,type:g.ItemType.text,propertyName:"text",propertyValue:e.value}),this._eventEmitter.emit("textInput",{itemId:i,text:e.value,fontFamily:e.style.fontFamily})}),c(this,"handleBlur",()=>{this.interactionParam.type="scale",this.textAreaElement.style.display="none",this.textAreaElement.removeEventListener("input",this.handleInput),this.textAreaElement.removeEventListener("blur",this.handleBlur)}),this._pageDataUtils=t,this._adsorptionGizmo=e,this._selectorGizmo=i,this._eventEmitter=s,this.textAreaElement=document.createElement("textarea"),this.textAreaElement.style.display="none",a?.appendChild(this.textAreaElement),function(t,e,i){const s=i.replace(/&/g,`.${e}`),a=document.createElement("style");a.textContent=`\n .${e} {\n ${s}\n }\n `,document.head.appendChild(a),t.classList.add(e)}(this.textAreaElement,"text-gizmo-custom-style","\n word-break: break-all;\n position: absolute;\n border: none;\n margin: 0;\n padding: 0;\n outline: none !important;\n overflow: hidden;\n resize: none;\n display: none;\n background: transparent;\n opacity: .8;\n field-sizing: content;\n -webkit-text-fill-color: transparent;\n text-fill-color: transparent;\n"),this.result={type:"empty"},this.interactionParam={active:!1,type:"none",anchor:new T,lastPoint:new T,startPoint:new T,lastWorldPosition:new K}}get interactive(){return pi.config.gestureHandlerConfig.textGizmoEnbaled}set interactive(t){pi.config.gestureHandlerConfig.textGizmoEnbaled=t}preparationAction(t){if(!this.interactive)return void console.warn("Text gizmo is not opened, use #SDK.openTextGizmo() open this feature.");if("empty"===this.result.type)return;const e=new T(t.offsetX,t.offsetY),i=new T(t.clientX,t.clientY);if(this.refreshInteractionParam(e,i),this.refreshCursorResult(),"none"!==this.interactionParam.type){const e="translation"===this.interactionParam.type?this._selectorGizmo.preparationAction(t,"text"):this.type;return this.interactionParam.active="text"===e,this.interactionParam.active?e:void 0}}preAction(t,e){if(1!==t.buttons)return this.type;const{offsetX:i,offsetY:s}=t,a=new T(i,s);if(e){if("empty"===this.result.type||this.result.box.containsPoint(a))this._pageDataUtils.saveUndoRedoOldData(),this.interactionParam.type="edit";else if("none"===this.interactionParam.type)return this.result={type:"empty"},void this._pageDataUtils.clearSelectedItems(!0)}else if("empty"===this.result.type||this.result.box.containsPoint(a)){this._pageDataUtils.saveUndoRedoOldData();const t=a.subtract(this._pageDataUtils.getViewportLeftTopPosition());this.initInteractionPlane(),this.interactionParam.lastWorldPosition=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t)??new K,this.refreshCursorResult()}else if("edit"===this.interactionParam.type)this.interactionParam.type="none",this.ignoreInteraction=!0;else if("none"===this.interactionParam.type)return void(this.result={type:"empty"});return this.type}action(t){if(!this.interactive)return void console.warn("Text gizmo is not opened, use #SDK.setTextConfig() open this feature.");if("edit"===this.interactionParam.type||"empty"===this.result.type||this.ignoreInteraction)return;if(!this.interactionParam.active){this.interactionParam.active=!0,this.interactionParam.type="translation",this.interactionParam.lastPoint=new T(t.clientX,t.clientY),this.interactionParam.startPoint=new T(t.offsetX,t.offsetY);const e=new T(t.offsetX,t.offsetY).subtract(this._pageDataUtils.getViewportLeftTopPosition());this.initInteractionPlane(),this.interactionParam.lastWorldPosition=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(e)??new K}const e=new T(t.clientX,t.clientY),{type:i,lastPoint:s,startPoint:a,anchor:r}=this.interactionParam,n=(new T).subtractVectors(e,s),o=this._pageDataUtils.getSelectedItems();switch(i){case"rotation":{const t=new K,e=U(V((new T).subtractVectors(a,r),(new T).subtractVectors(a.add(n),r))*k,3);t.z=e,o.forEach(e=>{this._pageDataUtils.rotateItem(e.id,t)});break}case"translation":{const t=n.clone();if(this._adsorptionGizmo.interactive){const e=this._pageDataUtils.getPageData();v(e);const i=e.items.map(t=>o.find(e=>e.id===t.id)||0!==o.filter(e=>t.parentId&&t.parentId===e.id).length||!this._pageDataUtils.getItemEditEnable(t.id)||o.find(e=>e.parentId===t.id)?new H:this._pageDataUtils.getViewBoxById(t.id)).filter(t=>!t.isEmpty()),s=new T(this._adsorptionGizmo.absorptionResult.x??0,this._adsorptionGizmo.absorptionResult.y??0);this._adsorptionGizmo.boxTranslationAdsorption(t,this.result.box,i);const a=new T(this._adsorptionGizmo.absorptionResult.x??0,this._adsorptionGizmo.absorptionResult.y??0);t.add(s).subtract(a)}const e=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(a.add(t).clone().subtract(this._pageDataUtils.getViewportLeftTopPosition()));if(e){const t=e.clone().subtract(this.interactionParam.lastWorldPosition);o.forEach(e=>{e.type!==g.ItemType.camera&&(t.x=U(t.x,5),t.y=U(t.y,5),t.z=U(t.z,5),this._pageDataUtils.moveItem(e.id,t))}),this.interactionParam.lastWorldPosition.copyFrom(e)}break}case"scale":{const t=a.clone(),e=a.clone().add(n);if(n.length()){const i=(new T).subtractVectors(t,r),s=(new T).subtractVectors(e,r),n=Math.max(s.dot(i)/i.length(),1),c=i.length(),h=(n/c-1)/2+1,l=r.clone().add(i.clone().normalize().scale(c*h)),p=(new T).subtractVectors(l,t);a.add(p);const d=this._pageDataUtils.interactionUtils.getWorldSizeByViewSize(p);d.x=U(d.x,5),d.y=U(d.y,5),d.z=U(d.z,5),o.forEach(t=>{this._pageDataUtils.moveItem(t.id,d)}),o.forEach(t=>{this._pageDataUtils.scaleTextItem(t.id,h)})}break}}this.refreshCursorResult(),this.interactionParam.lastPoint.copyFrom(e)}endAction(t){this.ignoreInteraction=!1;const e=new T(t.offsetX,t.offsetY),i=new T(t.clientX,t.clientY);return this._pageDataUtils.pushUndoRedoData(),this._adsorptionGizmo.clearAbsorptionResult(),this.refreshInteractionParam(e,i),this.refreshCursorResult(),this.type}interruption(){return this.interactionParam.type="none",this._adsorptionGizmo.clearAbsorptionResult(),this.type}actionKey(t){}endActionKey(t){}cancelPreparation(){}refreshResults(){if(!this.interactive||"template"===pi.config.mode)return;const t=this._pageDataUtils.getPageData()?.activeData?.selectedItems,e=this._pageDataUtils.getViewItemById(t?.[0]);if(1!==t?.length||e?.type!==g.ItemType.text)return void(this.result={type:"empty"});const i=this._pageDataUtils.getViewBoxById(t[0]);if(i.isEmpty())this.result={type:"empty"};else{const t=[new W(i.corners[0],i.corners[1]).at(.5),new W(i.corners[2],i.corners[3]).at(.5)],s=new W(i.getCenter(),new W(i.corners[0],i.corners[3]).at(.5)),a=s.at((s.length()+22)/s.length());this.result={type:"valid",box:i.clone(),scaleCorners:t,rotationCorner:a,rotation:-e.property.rotation[2]*B}}}refreshInteractionParam(t,e){if("empty"===this.result.type)return this.interactionParam.active=!1,this.interactionParam.type="none",this.interactionParam.lastPoint=new T,this.interactionParam.startPoint=new T,void(this.interactionParam.lastWorldPosition=new K);if("edit"===this.interactionParam.type)return;const{rotateInteractMode:i,scaleInteractionDistance:s,rotationCornerInteractionDistance:a,rotationTopCenterInteractionDistance:r}=pi.config.gestureHandlerConfig.textGizmoConfig,n=this.result.box.getCenter();switch(i){case"top-center":if(t.distanceTo(this.result.rotationCorner)<r)return this.interactionParam.active=!0,this.interactionParam.type="rotation",this.interactionParam.anchor=n,this.interactionParam.lastPoint=e.clone(),this.interactionParam.startPoint=this.result.rotationCorner.clone(),void(this.interactionParam.lastWorldPosition=new K);break;case"corner":{const i=this.result.box.corners.find(e=>e.distanceTo(t)<a);if(i)return this.interactionParam.active=!0,this.interactionParam.type="rotation",this.interactionParam.anchor=n,this.interactionParam.lastPoint=e.clone(),this.interactionParam.startPoint=i.clone(),void(this.interactionParam.lastWorldPosition=new K);break}}const o=this.result.scaleCorners.find(e=>e.distanceTo(t)<s);return o?(this.interactionParam.active=!0,this.interactionParam.type="scale",this.interactionParam.anchor=n,this.interactionParam.lastPoint=e.clone(),this.interactionParam.startPoint=o.clone(),void(this.interactionParam.lastWorldPosition=new K)):this.result.box.containsPoint(t,!1)?(this.interactionParam.active=!0,this.interactionParam.type="translation",this.interactionParam.lastPoint=e.clone(),this.interactionParam.startPoint=t.clone(),void(this.interactionParam.lastWorldPosition=new K)):(this.interactionParam.active=!1,this.interactionParam.type="none",this.interactionParam.lastPoint=new T,this.interactionParam.startPoint=new T,void(this.interactionParam.lastWorldPosition=new K))}refreshCursorResult(){const t=(M((new T).subtractVectors(this.interactionParam.startPoint,this.interactionParam.anchor))+Math.PI/4)*k;switch(this.interactionParam.type){case"edit":case"none":case"translation":this.cursorResult={type:"normal",angle:0};break;case"scale":this.cursorResult={type:"scale",angle:t};break;case"rotation":this.cursorResult={type:"rotation",angle:t}}}getRenderObjects(){const t=[];if(!this.interactive||"empty"===this.result.type)return[];this.graphics.clear();const{box:e,scaleCorners:i,rotationCorner:s,rotation:a}=this.result,{boxLineWidth:r,boxLineColor:n,rotateInteractMode:o,rotationCornerWidth:c,scaleCornerRadius:h,scaleCornerFillColor:l,scaleCornerStrokeWidth:p,scaleCornerStrokeColor:d,rotationCornerRadius:m,rotationCornerFillColor:g,rotationCornerStrokeWidth:u,rotationCornerStrokeColor:y}=pi.config.gestureHandlerConfig.textGizmoConfig;if(this.graphics.lineStyle(r,n),this.graphics.drawBox(e),"edit"!==this.interactionParam.type)switch(i.forEach(t=>{this.graphics.lineStyle(p,d),this.graphics.beginFill(l),this.graphics.drawCircle(t.x,t.y,h),this.graphics.endFill()}),o){case"top-center":this.rotationSprite.width=c,this.rotationSprite.height=c,this.rotationSprite.anchor.set(.5,.5),this.rotationSprite.x=s.x,this.rotationSprite.y=s.y,this.rotationSprite.rotation=a,t.push(this.rotationSprite);break;case"corner":e.corners.forEach(t=>{this.graphics.lineStyle(u,y),this.graphics.beginFill(g),this.graphics.drawCircle(t.x,t.y,m),this.graphics.endFill()})}else if("edit"===this.interactionParam.type&&"none"===this.textAreaElement.style.display){const t=this._pageDataUtils.getSelectedItems(),i=this._pageDataUtils.interactionUtils.viewportParam,s=t[0],a=s?.property,r=e.clone().rotate(a.rotation[2]*B),n=r.min.clone(),o=r.getSize();this.textAreaElement.value=a.text??"",this.textAreaElement.style.textAlign=this.getTextAlign(a.textAlign),this.textAreaElement.style.fontFamily=a.fontFamily,this.textAreaElement.style.fontSize=a.fontSize*i.scale+"px",this.textAreaElement.style.fontWeight=a.fontWeight,this.textAreaElement.style.color=`rgba(${a.textColor.join(",")})`,this.textAreaElement.style.display="block",this.textAreaElement.style.wordBreak="break-all",this.textAreaElement.style.whiteSpace="pre-wrap",this.textAreaElement.style.overflowWrap="break-word",this.textAreaElement.style.left=`${n.x}px`,this.textAreaElement.style.top=`${n.y}px`,this.textAreaElement.style.width=`${o.x}px`,this.textAreaElement.style.height=`${o.y}px`,this.textAreaElement.style.lineHeight=a.lineHeight*i.scale+"px",this.textAreaElement.style.transformOrigin="center center",this.textAreaElement.style.paintOrder="stroke fill",void 0!==a.rotation[2]&&(this.textAreaElement.style.transform=`\n rotateZ(${-a.rotation[2]}deg)\n `),this.textAreaElement.addEventListener("input",this.handleInput),this.textAreaElement.addEventListener("blur",this.handleBlur),window.setTimeout(()=>{this.textAreaElement.focus()},50)}else if("edit"===this.interactionParam.type&&"block"===this.textAreaElement.style.display){const t=this._pageDataUtils.getSelectedItems(),i=this._pageDataUtils.interactionUtils.viewportParam,s=t[0],a=s?.property,r=e.clone().rotate(a.rotation[2]*B),n=r.min.clone(),o=r.getSize();this.textAreaElement.style.left=`${n.x}px`,this.textAreaElement.style.top=`${n.y}px`,this.textAreaElement.style.width=`${o.x}px`,this.textAreaElement.style.height=`${o.y}px`,this.textAreaElement.style.fontFamily=a.fontFamily,this.textAreaElement.style.textAlign=this.getTextAlign(a.textAlign),this.textAreaElement.style.fontSize=a.fontSize*i.scale+"px",this.textAreaElement.style.lineHeight=a.lineHeight*i.scale+"px",a.rotation[2]&&(this.textAreaElement.style.transform=`\n rotateZ(${-a.rotation[2]}deg)\n `)}return t.push(this.graphics),t}initInteractionPlane(){switch(this.interactionParam.type){case"scale":case"translation":case"rotation":this._pageDataUtils.interactionUtils.initInteractionPlane()}}getTextAlign(t){switch(t){case g.TextAlignment.middle:return"center";case g.TextAlignment.right:return"right";default:return"left"}}};import{Texture as Gt}from"@pixi/core";var Ft=class extends A{constructor(t){super(),c(this,"_pageDataUtils"),c(this,"_config",{}),c(this,"type","mask"),c(this,"cursorResult",{type:"normal",angle:0}),c(this,"result",{status:"init",lines:[]}),c(this,"graphics",new st.Graphics),c(this,"linesMaskGraphics",new st.Graphics),c(this,"rectMaskGraphics",new st.Graphics),this._pageDataUtils=t}get interactive(){return pi.config.gestureHandlerConfig.maskGizmoEnabled}set interactive(t){t!==pi.config.gestureHandlerConfig.maskGizmoEnabled&&(t||(this.result.status="init"),pi.config.gestureHandlerConfig.maskGizmoEnabled=t)}get config(){return{...pi.config.gestureHandlerConfig.maskGizmoConfig,...this._config}}set config(t){this._config={...this._config,...t}}initialize(){}preparationAction(t){if(this.interactive)return this.result.point=new T(t.offsetX,t.offsetY),this.type}preAction(t){if(this.interactive)return this.result.point=new T(t.offsetX,t.offsetY),this.result.lines.push({brushSize:this.config.brushSize,points:[]}),this.type}action(t){if(!this.interactive||"init"===this.result.status)return;const e=this.result.box,i=new T((t.offsetX-e.min.x)/(e.max.x-e.min.x),(t.offsetY-e.min.y)/(e.max.y-e.min.y));this.result.lines[this.result.lines.length-1]?.points.push(i)}endAction(){if(this.interactive)return this.type}interruption(){}actionKey(){}endActionKey(){}cancelPreparation(){}refreshResults(){if(this.interactive){const t=this._pageDataUtils.getPageData();if(_t(t,"You must call SDK#run() first"),1!==t.activeData.selectedItems.length)console.warn("Mask Gizmo can edit one picture at a time.");else{if("init"===this.result.status){const e=this._pageDataUtils.getViewBoxById(t.activeData.selectedItems[0]);this.result={status:"done",box:e.clone(),lines:[]}}else{const e=this.result.box,i=this._pageDataUtils.getViewBoxById(t.activeData.selectedItems[0]),s=i.getCenter().subtract(e.getCenter()),a=i.getSize().x/e.getSize().x;e.translate(s),e.scale(a)}this.refreshCursorResult()}}else this.result={status:"init",lines:[]}}getRenderObjects(){return this.interactive?this.refreshRenderObjects():[]}refreshRenderObjects(){if(this.graphics.clear(),this.linesMaskGraphics.clear(),this.rectMaskGraphics.clear(),!this.interactive||"init"===this.result.status)return[];const{brushColor:t,brushAlpha:e,boxLineWidth:i,boxLineColor:s,boxLineAlpha:a}=this.config,r=this.result.box,{min:n,max:o}=r,c=new H(new T(n.x,n.y),new T(o.x,n.y)),h=new H(new T(n.x,n.y),new T(n.x,o.y)),l=new H(new T(o.x,n.y),new T(o.x,n.y)),p=new H(new T(n.x,o.y),new T(o.x,o.y));this.graphics.fillBox(c),this.graphics.fillBox(h),this.graphics.fillBox(l),this.graphics.fillBox(p),this.graphics.lineStyle(i,s,a),this.graphics.drawBox(r),this.graphics.endFill();const d=this._pageDataUtils.interactionUtils.viewportParam;for(const t of this.result.lines)if(t)for(let e=0;e<t.points.length;e++){0===e&&this.linesMaskGraphics.lineStyle({width:t.brushSize*d.scale,color:0,cap:st.LINE_CAP.ROUND,join:st.LINE_JOIN.ROUND,alignment:.5});const i=t.points[e];i&&(0===e?this.linesMaskGraphics.moveTo(r.min.x+i.x*(r.max.x-r.min.x),r.min.y+i.y*(r.max.y-r.min.y)):this.linesMaskGraphics.lineTo(r.min.x+i.x*(r.max.x-r.min.x),r.min.y+i.y*(r.max.y-r.min.y)))}return this.linesMaskGraphics.endFill(),this.rectMaskGraphics.beginFill(t,e),this.rectMaskGraphics.drawRect(r.min.x,r.min.y,r.max.x-r.min.x,r.max.y-r.min.y),this.rectMaskGraphics.endFill(),this.rectMaskGraphics.mask=this.linesMaskGraphics,[this.graphics,this.linesMaskGraphics,this.rectMaskGraphics]}refreshCursorResult(){const{point:t,box:e}=this.result;if(this.cursorResult={type:"normal",angle:0},t&&e&&t.x>=e.min.x&&t.x<=e.max.x&&t.y>=e.min.y&&t.y<=e.max.y){const t=this._pageDataUtils.interactionUtils.viewportParam;this.cursorResult={type:"circle",angle:0,radius:this.config.brushSize*t.scale/2}}}clearMask(){this.result.lines=[]}getMask(){if(0===this.result.lines.length)return null;const t=this.rectMaskGraphics.getBounds(),e=new st.Renderer({width:Math.ceil(t.width),height:Math.ceil(t.height),backgroundColor:16777215}),i=new st.Container,s=this.rectMaskGraphics.clone();s.beginFill(this.config.maskColor),s.position.set(-t.x,-t.y),s.drawRect(t.x,t.y,t.width,t.height),s.endFill(),i.addChild(s);const a=this.linesMaskGraphics.clone();s.mask=a,a.position.set(-t.x,-t.y),i.addChild(a),e.render(i);const r=e.view.toDataURL("image/png");return e.destroy(!0),r}},Rt=class extends A{constructor(t){super(),c(this,"type","loading"),c(this,"_pageDataUtils"),c(this,"_idMap",new Map),c(this,"cursorResult",{type:"normal",angle:0}),this._pageDataUtils=t}addId(t,e,i){const s=this._pageDataUtils.getItemBoxById(t),a=L(s,e??s);"string"==typeof t&&(this._idMap.set(t,{status:"init",loadingBox:a,graphics:new st.Graphics,ticker:new st.Ticker}),this._pageDataUtils.addLoadingItems([t]),i&&this._pageDataUtils.removeSelectedItems([t]))}deleteId(t){const e=this._idMap.get(t);if(e){const{graphics:i,ticker:s}=e;i.destroy(),s.destroy(),this._idMap.delete(t),this._pageDataUtils.removeLoadingItems([t])}}initialize(){}preparationAction(){}preAction(){}action(){}endAction(){}interruption(){}actionKey(){}endActionKey(){}cancelPreparation(){}refreshResults(){}getRenderObjects(){return 0===this._idMap.size?[]:this.refreshRenderObjects()}refreshRenderObjects(){if(0===this._idMap.size)return[];const t=[];for(const e of this._idMap.keys()){const i=this._idMap.get(e);if(!i)continue;if(t.push(i.graphics),"done"===i.status){i.ticker.update();continue}i.status="done";let s=.006,a=.5;i.ticker.add(()=>{const t=this._pageDataUtils.getViewBoxById(e),{min:r,max:n}=R(t,i.loadingBox);a>.6?s=-.003:a<.4&&(s=.006),a+=s,i.graphics.clear(),i.graphics.beginFill(0,a),i.graphics.drawRect(r.x,r.y,n.x-r.x,n.y-r.y),i.graphics.endFill()}),i.ticker.start()}return t}},Lt=class extends A{constructor(t,e){super(),c(this,"result",{type:"invalid"}),c(this,"interactionParam",{type:"none"}),c(this,"graphics",new st.Graphics),c(this,"isShiftDown",!1),c(this,"_isLockScale",!1),c(this,"_pageDataUtils"),c(this,"_eventEmitter"),c(this,"type","picture-expand"),c(this,"cursorResult",{type:"normal",angle:0}),this._pageDataUtils=t,this._eventEmitter=e}get interactive(){return pi.config.gestureHandlerConfig.pictureExpandGizmoEnabled}set interactive(t){t!==pi.config.gestureHandlerConfig.pictureExpandGizmoEnabled&&(1!==this._pageDataUtils.getPageData()?.activeData.selectedItems?.length?console.warn("Selected items` length is not one, Picture expand gizmo can not open."):pi.config.gestureHandlerConfig.pictureExpandGizmoEnabled=t)}get isLockScale(){return this._isLockScale}set isLockScale(t){t!==this.isLockScale&&(this._isLockScale=t)}preparationAction(t){if(!this.interactive)return;const e=new T(t.offsetX,t.offsetY),i=new T(t.clientX,t.clientY);return this.refreshInteractionType(e,i),this.type}preAction(t,e){if(this.interactive&&"none"!==this.interactionParam.type)return this.type}action(t){var e;if(!this.interactive||"none"===this.interactionParam.type||"invalid"===this.result.type)return;const i=new T(t.clientX,t.clientY),{startMouse:s,box:a}=this.interactionParam,r=(new T).subtractVectors(i,s),{itemBox:n}=this.result,{min:o,max:c}=n;switch(this.interactionParam.type){case"move":{const{min:t,max:e}=a,i=c.x-e.x,s=o.x-t.x,h=c.y-e.y,l=o.y-t.y;r.x=Math.min(Math.max(r.x,i),s),r.y=Math.min(Math.max(r.y,h),l);const p=a.clone().translate(r);this.result.normalizeExpandBox=L(n,p),this._eventEmitter.emit("expandBoxChange",this.getExpandBox());break}case"scale":{const{index:t}=this.interactionParam,{min:i,max:s}=a,h=a.corners[t],l=a.corners[(t+2)%4],p=new T(h.x+r.x,h.y+r.y);if(h.x>=s.x?p.x=Math.max(p.x,c.x):h.x<=i.x?p.x=Math.min(p.x,o.x):(console.warn("resultCorner has wrong, we have move it to the nearest corner"),p.x=Math.abs(p.x-i.x)>Math.abs(p.x-s.x)?s.x:i.x),h.y>=s.y?p.y=Math.max(p.y,c.y):h.y<=i.y?p.y=Math.min(p.y,o.y):(console.warn("resultCorner has wrong, we have move it to the nearest corner"),p.y=Math.abs(p.y-i.y)>Math.abs(p.y-s.y)?s.y:i.y),this.isShiftDown||this.isLockScale){const t=this.getExpandBox(),{x:r,y:n}=t.getSize(),{x:d,y:m}=a.getSize();if((e=this.interactionParam).lockedAspect??(e.lockedAspect=r/n),Math.abs(p.x-l.x)/d>Math.abs(p.y-l.y)/m){const t=Math.abs(p.x-l.x)/this.interactionParam.lockedAspect;p.y=(h.y-l.y)/Math.abs(h.y-l.y)*t+l.y,h.y>=s.y?p.y=Math.max(p.y,c.y):h.y<=i.y?p.y=Math.min(p.y,o.y):(console.warn("resultCorner has wrong, we have move it to the nearest corner"),p.y=Math.abs(p.y-i.y)>Math.abs(p.y-s.y)?s.y:i.y)}else{const t=Math.abs(p.y-l.y)*this.interactionParam.lockedAspect;p.x=(h.x-l.x)/Math.abs(h.x-l.x)*t+l.x,h.x>=s.x?p.x=Math.max(p.x,c.x):h.x<=i.x?p.x=Math.min(p.x,o.x):(console.warn("resultCorner has wrong, we have move it to the nearest corner"),p.x=Math.abs(p.x-i.x)>Math.abs(p.x-s.x)?s.x:i.x)}}this.result.normalizeExpandBox=L(n,(new H).setFromVec2ArrayWithOutCorners([p,l])),this._eventEmitter.emit("expandBoxChange",this.getExpandBox());break}case"direction-scale":{const{index:t,point:e}=this.interactionParam,i=a.corners[t].clone();e.x>=c.x?(r.x=Math.max(a.corners[t].x+r.x,c.x)-i.x,r.y=0):e.x<=o.x&&(r.x=Math.min(a.corners[t].x+r.x,o.x)-i.x,r.y=0),e.y>=c.y?(r.y=Math.max(a.corners[t].y+r.y,c.y)-i.y,r.x=0):e.y<=o.y&&(r.y=Math.min(a.corners[t].y+r.y,o.y)-i.y,r.x=0);const s=a.corners.map((e,i)=>[t,(t+1)%4].includes(i)?e.clone().add(r):e.clone());this.result.normalizeExpandBox=L(n,(new H).setFromVec2Array(s)),this._eventEmitter.emit("expandBoxChange",this.getExpandBox());break}}}endAction(t){if(!this.interactive||"none"===this.interactionParam.type)return;const e=new T(t.offsetX,t.offsetY),i=new T(t.clientX,t.clientY);return this.refreshInteractionType(e,i),this.type}interruption(){this.interactionParam={type:"none"}}actionKey(t){this.isShiftDown=t.shiftKey}endActionKey(t){this.isShiftDown=t.shiftKey,"lockedAspect"in this.interactionParam&&delete this.interactionParam.lockedAspect}cancelPreparation(){this.interactionParam={type:"none"}}refreshResults(){if(this.interactive){const t=this._pageDataUtils.getPageData();if(_t(t,"You must call SDK#run() first"),1!==t.activeData.selectedItems.length)console.warn("Picture Expand Gizmo can edit one picture at a time.");else if("invalid"===this.result.type){const e=this._pageDataUtils.getViewBoxById(t.activeData.selectedItems[0]);this.result={type:"valid",itemBox:e.clone(),normalizeExpandBox:new H(new T,new T(1,1))}}else{const e=this._pageDataUtils.getViewBoxById(t.activeData.selectedItems[0]),i=e.getCenter().subtract(this.result.itemBox.getCenter()),s=e.getSize().x/this.result.itemBox.getSize().x;this.result.itemBox.translate(i),this.result.itemBox.scale(s)}}else this.result={type:"invalid"}}refreshRenderObjects(){if(this.graphics.clear(),!this.interactive||"invalid"===this.result.type)return[];const{maskColor:t,maskAlpha:e,expandBoxLineWidth:i,expandBoxLineColor:s,expandBoxLineAlpha:a,expandBoxCornerRadius:r,expandBoxCornerFillColor:n,expandBoxCornerLineWidth:o,expandBoxCornerLineColor:c,expandBoxCornerLineAlpha:h}=pi.config.gestureHandlerConfig.pictureExpandGizmoConfig,{normalizeExpandBox:l,itemBox:p}=this.result,d=R(p,l);return this.graphics.beginFill(t,e),this.graphics.fillBox(d),this.graphics.endFill(),this.graphics.lineStyle(i,s,a),this.graphics.drawBox(d),this.graphics.beginFill(n),this.graphics.lineStyle(o,c,h),d.corners.forEach(t=>{this.graphics.drawCircle(t.x,t.y,r)}),this.graphics.endFill(),[this.graphics]}refreshCursorResult(t,e=0){switch(t){case"scale":case"direction-scale":this.cursorResult={type:"scale",angle:e};break;case"move":case"none":this.cursorResult={type:"normal",angle:0}}}getRenderObjects(){return this.interactive?this.refreshRenderObjects():[]}refreshInteractionType(t,e){if(this.interactionParam.type="none",!this.interactive||"invalid"===this.result.type)return;const{normalizeExpandBox:i,itemBox:s}=this.result,a=R(s,i);let r=!1,n=0;a.corners.forEach((i,s)=>{r||i.distanceTo(t)<pi.config.gestureHandlerConfig.pictureExpandGizmoConfig.scaleInteractionDistance&&(r=!0,this.interactionParam={type:"scale",index:s,box:a.clone(),startMouse:e},n=Math.PI/2*s)}),a.corners.forEach((i,s)=>{if(r)return;const o=new W(i.clone(),a.corners[(s+1)%4]),c=t.distanceToLine(o);if(c.d>=0&&c.d<=8&&c.t>=0&&c.t<=1){r=!0;const t=o.at(c.t);this.interactionParam={type:"direction-scale",index:s,point:t,box:a.clone(),startMouse:e},n=Math.PI/2*s+Math.PI/4}}),a.containsPoint(t)&&!r&&(this.interactionParam={type:"move",point:t.clone(),box:a.clone(),startMouse:e},r=!0),this.refreshCursorResult(this.interactionParam.type,n*k)}getExpandInfo(){const[t]=this._pageDataUtils.getSelectedItems();if(this.interactive&&"invalid"!==this.result.type&&t)return{expandBox:this.getExpandBox(),itemBox:this._pageDataUtils.getItemBoxById(t.id)}}getExpandBox(){const[t]=this._pageDataUtils.getSelectedItems();if(!this.interactive||"invalid"===this.result.type||!t)return;const e=this._pageDataUtils.getItemBoxById(t.id),{normalizeExpandBox:i}=this.result;return R(e,i)}setExpandBox(t,e){const[i]=this._pageDataUtils.getSelectedItems();if(!this.interactive||"invalid"===this.result.type||!i)return;const s=new H(t,e),a=this._pageDataUtils.getItemBoxById(i.id),{min:r,max:n}=L(a,s);this.result.normalizeExpandBox.set(new T(Math.min(r.x,0),Math.min(r.y,0)),new T(Math.max(n.x,1),Math.max(n.y,1)));const o=this.getExpandBox();return this._eventEmitter.emit("expandBoxChange",o),o}},Wt=class extends A{constructor(t,e){super(),c(this,"type","sprite-text-edit"),c(this,"_pageDataUtils"),c(this,"_eventEmitter"),c(this,"graphics",new st.Graphics),c(this,"preSelectedText",new st.Text("",{fontSize:14,fill:pi.config.gestureHandlerConfig.spriteTextEditGizmoConfig.preSelectedTextColor,align:"center",wordWrap:!0,breakWords:!0})),c(this,"result",[]),c(this,"interactionParam",{preSelected:-1,selected:-1}),c(this,"clearPreSelected",!1),this._pageDataUtils=t,this._eventEmitter=e}get interactive(){return pi.config.gestureHandlerConfig.spriteTextEditGizmoEnabled}set interactive(t){t!==pi.config.gestureHandlerConfig.spriteTextEditGizmoEnabled&&(pi.config.gestureHandlerConfig.spriteTextEditGizmoEnabled=t)}preparationAction(t){const e=new T(t.offsetX,t.offsetY);return this.interactionParam.preSelected=-1,this.result.forEach((t,i)=>{if(this.interactionParam.preSelected>=0)return;R(this._pageDataUtils.getViewBoxById(t.id),t.box).containsPoint(e)&&(this.interactionParam.preSelected=i)}),this.type}preAction(){const t=this.result[this.interactionParam.preSelected];if(t){const e=t?{id:t.id,index:t.index,text:t.text}:void 0;this._eventEmitter.emit("spriteTextClick",e)}return this.result.forEach(e=>{e.isEditing=e.id===t?.id&&e.index===t.index}),this.interactionParam.preSelected=-1,this.type}action(t){}endAction(t){return this.type}interruption(){return this.type}actionKey(t){}endActionKey(t){}cancelPreparation(){}initResult(t){t.forEach(t=>{const e=this._pageDataUtils.getItemBoxById(t.id);t.info.forEach((i,s)=>{const{text:a,box:r,hasChanged:n}=i,o=r.map(t=>new T(...t).add(e.min)),c=(new H).setFromVec2Array(o),h=L(e,c);this.result.push({id:t.id,index:s,hasChanged:n,text:a,box:h,isEditing:!1})})})}clearResult(){this.result=[]}setSelected(t,e){const i=this.result.findIndex(i=>i.id===t&&i.index===e);if(i<0)console.warn(`item ${t} does not have index ${e} text info.`);else{this.interactionParam.selected=i;const t=this.result[this.interactionParam.selected],e=t?{id:t.id,index:t.index,text:t.text}:void 0;this._eventEmitter.emit("spriteTextClick",e)}}setText(t,e,i){const s=this.result.find(i=>i.id===t&&i.index===e);s?s.text=i:console.warn(`item ${t} does not have index ${e} text info.`)}setChangedState(t,e,i){const s=this.result.find(i=>i.id===t&&i.index===e);s?s.hasChanged=i:console.warn(`item ${t} does not have index ${e} text info.`)}setEditState(t,e,i){const s=this.result.find(i=>i.id===t&&i.index===e);s?s.isEditing=i:console.warn(`item ${t} does not have index ${e} text info.`)}refreshResults(){if(this.graphics.clear(),this.preSelectedText.text="",!this.interactive||0===this.result.length)return;const{scale:t}=this._pageDataUtils.interactionUtils.viewportParam,{editBoxColor:e,editBoxAlpha:i,editBoxPreSelectedColor:s,editBoxPreSelectedAlpha:a,hasChangedEditBoxColor:r,hasChangedEditBoxAlpha:n,hasChangedEditBoxPreSelectedColor:o,hasChangedEditBoxPreSelectedAlpha:c,boxLineWidth:h,editBoxLineColor:l,editBoxLineAlpha:p,editBoxLinePreSelectedAlpha:d,editBoxLinePreSelectedColor:m,hasChangedEditBoxLineColor:g,hasChangedEditBoxLineAlpha:u,hasChangedEditBoxLinePreSelectedColor:y,hasChangedEditBoxLinePreSelectedAlpha:f}=pi.config.gestureHandlerConfig.spriteTextEditGizmoConfig;this.result.forEach((x,w)=>{const v=w===this.interactionParam.preSelected&&!this.clearPreSelected,{box:I,id:P,hasChanged:C,isEditing:D}=x,S=R(this._pageDataUtils.getViewBoxById(P),I),b=C?v?o:r:v?s:e,z=C?v?c:n:v?a:i,A=C?v?y:g:v?m:l,T=C?v?f:u:v?d:p;this.graphics.beginFill(b,z),this.graphics.fillBox(S),this.graphics.endFill(),S.corners.forEach((t,e)=>{const i=t.clone(),s=S.corners[(e+1)%4].clone();this.graphics.lineStyle(h,A,T),this.graphics.moveTo(...i.toArray()),this.graphics.lineTo(...s.toArray())});const E=S.getCenter(),_=S.getSize();D&&(this.preSelectedText.style.wordWrapWidth=_.x/t,this.preSelectedText.text=x.text,this.preSelectedText.scale.x=t,this.preSelectedText.scale.y=t,this.preSelectedText.resolution=2*t,this.preSelectedText.anchor.set(.5,.5),this.preSelectedText.x=E.x,this.preSelectedText.y=E.y)})}getRenderObjects(){const t=!!this.result.find(t=>t.isEditing);this.clearPreSelected=!1;const e=[];return this.interactive?(e.push(this.graphics),t&&e.push(this.preSelectedText),e):e}},Ht=class{constructor(t){c(this,"wireframeApplication"),c(this,"gizmos",[]),c(this,"activeGizmo"),c(this,"selectorGizmo"),c(this,"transformGizmo"),c(this,"controlGizmo"),c(this,"preferenceGizmo"),c(this,"pictureCutGizmo"),c(this,"pictureExpandGizmo"),c(this,"textGizmo"),c(this,"maskGizmo"),c(this,"loadingGizmo"),c(this,"spriteTextEditGizmo"),c(this,"_ignoreInteraction",!1),c(this,"clickButtons",0),c(this,"container"),c(this,"_emitter"),c(this,"clickTime",0),c(this,"firstClick",!0),c(this,"dblclickTimeSpan",500),c(this,"spaceEmit",!1),c(this,"interactType","select"),this.gizmos=[];const{width:e,height:i}=t.getBoundingClientRect();this.wireframeApplication=new z({backgroundAlpha:0,width:e,height:i,resolution:2,autoDensity:!0,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,async function(){await Promise.all(Object.entries(Et).map(([t,e])=>{const{url:i}=e;if(i)return fetch(i).then(t=>t.text()).then(i=>Et[t]={...e,content:i})})).catch(t=>{console.error(t)})}()}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(){if(this.refresh(),!this.wireframeApplication?.stage)return;this.wireframeApplication?.stage?.removeChildren();const t=(this.ignoreInteraction?[this.preferenceGizmo]:this.gizmos).flatMap(t=>t.getRenderObjects());this.wireframeApplication?.stage?.addChild(...t),this.wireframeApplication?.render();const e=this.activeGizmo instanceof St||this.activeGizmo instanceof Vt||this.activeGizmo instanceof Lt||this.activeGizmo instanceof Ft||this.activeGizmo instanceof Ut||this.activeGizmo instanceof Z?this.activeGizmo.cursorResult:void 0;this.setCursor(e)}async init(t,e){if(null===this.wireframeApplication)return void setTimeout(async()=>{await this.init(t,e)},50);this.gizmos=[],this.controlGizmo=new Z(t),this.selectorGizmo=new it(t);const i=new zt;this.transformGizmo=new St(t,i,this.selectorGizmo),this.preferenceGizmo=new At(t),this.pictureCutGizmo=new Vt(t,e),this.pictureExpandGizmo=new Lt(t,e),this.textGizmo=new Ut(t,i,this.selectorGizmo,e,this.wireframeApplication?.view.parentElement),this.textGizmo.rotationSprite.texture=await Gt.fromURL(pi.config.gestureHandlerConfig.textGizmoConfig.rotationCornerTexture),this.maskGizmo=new Ft(t),this.loadingGizmo=new Rt(t),this.spriteTextEditGizmo=new Wt(t,e),this.gizmos.push(this.maskGizmo,this.spriteTextEditGizmo,this.pictureCutGizmo,this.pictureExpandGizmo,this.loadingGizmo,this.transformGizmo,this.textGizmo,this.selectorGizmo,this.controlGizmo,this.preferenceGizmo,i),this._emitter=e,this.initEvents(),this.registerViewEvent()}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)},this.wireframeApplication.view.oncontextmenu=t=>{t.stopPropagation(),t.preventDefault()}}onMouseDown(t){if(!this.ignoreInteraction){switch(this.clickButtons=t.buttons,this.interactType){case"select":if(4===this.clickButtons&&(this.activeGizmo=this.controlGizmo,this.controlGizmo.preAction(t)),this.firstClick=!!this.firstClick&&Date.now()-this.clickTime<this.dblclickTimeSpan,this.firstClick){if(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&&["transform","text"].includes(this.activeGizmo.type)){const e=this.activeGizmo.preAction(t,!0);this.activeGizmo=this.gizmos.find(t=>t.type===(e??"null"))}else if(this.activeGizmo&&!["picture-cut","picture-expand","mask","sprite-text-edit"].includes(this.activeGizmo.type)){this.activeGizmo=void 0;const e=this.selectorGizmo?.preAction(t,!0);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}break;case"hand":this.activeGizmo=this.controlGizmo,this.activeGizmo.preAction(t)}this.render(),this._emitter?.emit("itemOnDragStart",this.activeGizmo?.type??"null"),document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp)}}onMouseMove(t){if(!this.ignoreInteraction){if(0!==t.buttons)this.activeGizmo?.action(t),this._emitter?.emit("itemOnDrag",this.activeGizmo?.type??"null");else switch(this.interactType){case"select":this.activeGizmo=void 0,this.spaceEmit?(this.activeGizmo=this.controlGizmo,this.controlGizmo.interactionType="mouse"):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()});break;case"hand":this.activeGizmo=this.controlGizmo,this.activeGizmo.preparationAction(t)}this.render()}}onWheel(t){this.ignoreInteraction||(t.preventDefault(),this.selectorGizmo&&(this.selectorGizmo.clearResult=!0),this.spriteTextEditGizmo&&(this.spriteTextEditGizmo.clearPreSelected=!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._emitter?.emit("itemOnDragEnd",this.activeGizmo?.type??"null"),this.render(),document.removeEventListener("mousemove",this.onMouseMove),document.removeEventListener("mouseup",this.onMouseUp)}onKeyDown(t){this.ignoreInteraction||("escape"===t.code.toLocaleLowerCase()&&"select"!==this.interactType&&this.setInteractType("select"),"space"!==t.code.toLocaleLowerCase()||this.activeGizmo?.active?this.gizmos.forEach(e=>{e.actionKey(t)}):(this.spaceEmit=!0,this.activeGizmo=this.controlGizmo,this.controlGizmo.interactionType="hand"===this.interactType||this.spaceEmit?"mouse":"wheel"),this.render())}onKeyUp(t){this.ignoreInteraction||(this.gizmos.forEach(e=>{e.endActionKey(t)}),"space"===t.code.toLocaleLowerCase()&&(this.spaceEmit=!1,this.controlGizmo.interactionType="hand"===this.interactType||this.spaceEmit?"mouse":"wheel"),this.render())}dispose(){this.wireframeApplication.destroy(),this.gizmos=[],this.activeGizmo=void 0}setCursor(t){let e="default";if("circle"===t?.type){const i=1,s=t.radius||10;e=`url("data:image/svg+xml,${encodeURIComponent(`<svg width="${2*s}" height="${2*s}" xmlns="http://www.w3.org/2000/svg"><circle cx="${s}" cy="${s}" r="${s}" fill="rgba(255, 255, 255, 0.6)" stroke="#6A34FF" stroke-width="${i}" /></svg>`)}") ${s} ${s}, auto`}else if(t?.type&&["scale","rotation","hand","active-hand"].includes(t.type)){const i=Et[t.type];if("svg"===i.type){const s=16;e=encodeURIComponent(i.content.replace("rotate(0.00)",`rotate(${t.angle??0})`)),e=`url("data:image/svg+xml,${e}") ${s} ${s}, auto`}else e=i.content}this.wireframeApplication.view.style.cursor=e}openPictureCutGizmo(){if(!this.pictureCutGizmo)return;const t=JSON.parse(JSON.stringify(pi.config));this.pictureCutGizmo.interactive=!0,this.pictureCutGizmo.interactive&&(this.pictureExpandGizmo.interactive=!1,this.maskGizmo.interactive=!1,this.selectorGizmo.interactive=!1,this.transformGizmo.interactive=!1,this.textGizmo.interactive=!1);const e=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}closePictureCutGizmo(){if(!this.pictureCutGizmo)return;const t=JSON.parse(JSON.stringify(pi.config));this.pictureCutGizmo.interactive=!1,this.transformGizmo.interactive=!0,this.selectorGizmo.interactive=!0,this.textGizmo.interactive=!0;const e=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}setInteractType(t){t!==this.interactType&&(this.interactType=t,this.controlGizmo.interactionType="hand"===this.interactType||this.spaceEmit?"mouse":"wheel")}getCutInfo(){return this.pictureCutGizmo?.getCutInfo()}setCutBox(t,e){const i=this.pictureCutGizmo?.setCutBox(t,e);return this.render(),i}openPictureExpandGizmo(){if(!this.pictureExpandGizmo)return;const t=JSON.parse(JSON.stringify(pi.config));this.pictureExpandGizmo.interactive=!0,this.pictureExpandGizmo.interactive&&(this.pictureCutGizmo.interactive=!1,this.maskGizmo.interactive=!1,this.selectorGizmo.interactive=!1,this.transformGizmo.interactive=!1,this.textGizmo.interactive=!1);const e=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}closePictureExpandGizmo(){if(!this.pictureExpandGizmo)return;const t=JSON.parse(JSON.stringify(pi.config));this.pictureExpandGizmo.interactive=!1,this.transformGizmo.interactive=!0,this.selectorGizmo.interactive=!0,this.textGizmo.interactive=!0;const e=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}getExpandInfo(){return this.pictureExpandGizmo?.getExpandInfo()}setExpandBox(t,e){const i=this.pictureExpandGizmo?.setExpandBox(t,e);return this.render(),i}openMaskGizmo(t){if(!this.maskGizmo)return;const e=JSON.parse(JSON.stringify(pi.config));this.maskGizmo.interactive=!0,this.maskGizmo.config={brushSize:t},this.maskGizmo.interactive&&(this.pictureCutGizmo.interactive=!1,this.pictureExpandGizmo.interactive=!1,this.transformGizmo.interactive=!1,this.selectorGizmo.interactive=!1);const i=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",e,i)}clearMaskGizmo(){this.maskGizmo&&(this.maskGizmo.clearMask(),this.render())}closeMaskGizmo(){if(!this.maskGizmo)return;const t=JSON.parse(JSON.stringify(pi.config));this.maskGizmo.interactive=!1,this.transformGizmo.interactive=!0,this.selectorGizmo.interactive=!0;const e=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}setMaskGizmoConfig(t){this.maskGizmo&&(this.maskGizmo.config=t)}getMask(){if(this.maskGizmo)return this.maskGizmo.getMask()}openLoadingGizmo(t,e,i){if(!this.loadingGizmo)return;const s=JSON.parse(JSON.stringify(pi.config));this.loadingGizmo.addId(t,e,i),this.loadingGizmo.interactive&&(this.maskGizmo.interactive=!1,this.pictureCutGizmo.interactive=!1,this.pictureExpandGizmo.interactive=!1);const a=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",s,a)}closeLoadingGizmo(t){if(!this.loadingGizmo)return;const e=JSON.parse(JSON.stringify(pi.config));this.loadingGizmo.deleteId(t);const i=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",e,i)}setPictureCutGizmoLockScale(t){this.pictureCutGizmo.isLockScale=t}setPictureExpandGizmoLockScale(t){this.pictureExpandGizmo.isLockScale=t}setTransformGizmoLockScale(t){this.transformGizmo.isLockScale=t}openSpriteTextGizmo(t){if(!this.spriteTextEditGizmo)return;const e=JSON.parse(JSON.stringify(pi.config));this.spriteTextEditGizmo.interactive=!0,this.spriteTextEditGizmo.initResult(t),this.spriteTextEditGizmo.interactive&&(this.maskGizmo.interactive=!1,this.pictureCutGizmo.interactive=!1,this.pictureExpandGizmo.interactive=!1,this.transformGizmo.interactive=!1,this.selectorGizmo.interactive=!1);const i=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",e,i)}closeSpriteTextEditGizmo(){if(!this.spriteTextEditGizmo)return;const t=JSON.parse(JSON.stringify(pi.config));this.spriteTextEditGizmo.interactive=!1,this.spriteTextEditGizmo.clearResult(),this.transformGizmo.interactive=!0,this.selectorGizmo.interactive=!0;const e=JSON.parse(JSON.stringify(pi.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}setSpriteTextSelectedIndex(t,e){this.spriteTextEditGizmo?.setSelected(t,e)}setSpriteTextSelectedText(t,e,i){this.spriteTextEditGizmo?.setText(t,e,i)}setSpriteTextChangedState(t,e,i){this.spriteTextEditGizmo?.setChangedState(t,e,i)}setSpriteTextEditState(t,e,i){this.spriteTextEditGizmo?.setEditState(t,e,i)}};import{AssetManager as Nt,glContext as Ot}from"@galacean/effects";import{assertExist as Kt}from"@galacean/effects";var jt=class{constructor(t){c(this,"plane",new Y),c(this,"ray",new J),c(this,"viewportParam",{width:0,height:0,scale:1,translation:new T,rulerWidth:0}),c(this,"cameraParam",{position:new K,rotation:new K,focusPosition:new K,focusRotation:new K,viewProjectionMatrix:new j,inverseViewProjectionMatrix:new j}),c(this,"pageDataUtils"),this.pageDataUtils=t}refreshViewParam(){const t=this.pageDataUtils.getPageData();Kt(t,"You must run SDK first");const e=new T(this.pageDataUtils.container.offsetWidth,this.pageDataUtils.container.offsetHeight),{zoom:i,translation:s}=t.property;this.viewportParam.width=e.x,this.viewportParam.height=e.y,this.viewportParam.scale=i,this.viewportParam.translation=new T(...s),this.viewportParam.rulerWidth=0}refreshCameraParam(){const{player:t}=this.pageDataUtils,e=t?.getCompositions()?.[0]?.camera;if(e){const t=j.fromArray(e.getViewProjectionMatrix().toArray()),i=j.fromArray(e.getViewMatrix().toArray()).invert(),s=new O;i.decompose(this.cameraParam.position,s,new K),this.cameraParam.rotation=(new $).setFromQuaternion(s).toDegreeVector3(),this.cameraParam.focusPosition=new K(...this.cameraParam.position.toVector2().toArray(),this.cameraParam.position.z>0?0:2*this.cameraParam.position.z),this.cameraParam.focusPosition.applyEuler((new $).setFromDegreeVector3(this.cameraParam.rotation.clone()),this.cameraParam.position),this.cameraParam.focusRotation=(new $).setFromQuaternion(s.invert()).toDegreeVector3(),this.cameraParam.viewProjectionMatrix=t,this.cameraParam.inverseViewProjectionMatrix=j.fromArray(e.getInverseViewProjectionMatrix().toArray())}}initInteractionPlane(t,e){t??(t=this.cameraParam.focusPosition),e??(e=(new $).setFromDegreeVector3(this.cameraParam.rotation));const i=new K(0,0,1).applyEuler(e);this.plane.setFromNormalAndCoplanarPoint(t,i)}getWorldSizeByViewSize(t,e=!0,i){const s=e||!i?(new $).setFromDegreeVector3(this.cameraParam.rotation):(new $).setFromQuaternion((new O).setFromRotationMatrix(this.pageDataUtils.getItemTransformById(i).matrix)),a=i?(new K).setFromMatrixPosition(this.pageDataUtils.getItemTransformById(i).matrix):this.cameraParam.focusPosition,r="editor"===pi.config.mode?1:this.viewportParam.scale;t.multiply(r);const n=this.projectPoint(a.clone()),o=this.getWorldPositionByViewPoint(n.add(t));if(!o)return console.warn("size is out of bounds."),new K(0,0,0);const c=(new $).setFromQuaternion((new O).setFromEuler(s).invert());return(e||!i?o.applyEuler(c,a):o).subtract(a)}getViewSizeByPixelSize(t){const{scale:e}=this.viewportParam,i="template"===pi.config.mode?1:e;return t.clone().multiply(i)}projectPoint(t){const{width:e,height:i,scale:s}=this.viewportParam,{viewProjectionMatrix:a}=this.cameraParam,r="editor"===pi.config.mode?1:s;return(new T).copyFrom(t.applyMatrix(a).toVector2()).toViewCoordinate(e*r,i*r)}getWorldPositionByViewPoint(t){const{position:e,inverseViewProjectionMatrix:i}=this.cameraParam,s=this.getNDCPositionByScreenPosition(t),a=(new X).setFromCamera(s,{position:e,inverseViewProjectMatrix:i}).rayCastPlane(this.plane);return a?.point}getNDCPositionByScreenPosition(t){const{width:e,height:i,scale:s}=this.viewportParam,a="editor"===pi.config.mode?1:s;return new T(t.x/(e*a)*2-1,1-t.y/(i*a)*2)}getNDCSizeByPixelSize(t){const{width:e,height:i}=this.viewportParam;return new T(t.x/e*2,-t.y/i*2)}getPixelSizeByNDCSize(t){const{width:e,height:i}=this.viewportParam;return new T(t.x/2*e,-t.y/2*i)}getViewPositionWWithOutTransform(t){const{scale:e}=this.viewportParam,i="editor"===pi.config.mode?1:e;return t.divide(i)}getViewPositionByPixelPoint(t){if("template"===pi.config.mode)return t.clone();const{width:e,height:i,scale:s,translation:a}=this.viewportParam;return t.clone().scaleByCenter(new T(s,s),new T(e/2,i/2)).add(a)}getPixelPositionByViewPoint(t){if("template"===pi.config.mode)return t.clone();const{width:e,height:i,scale:s,translation:a}=this.viewportParam;return t.clone().subtract(a.clone()).scaleByCenter(new T(1/s,1/s),new T(e/2,i/2))}},$t={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"},Yt={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 Jt(t,e,i,s){const a=e.getContext("2d");Bt(a),a.clearRect(0,0,e.width,e.height),i&&(a.save(),a.fillStyle=i,a.fillRect(0,0,e.width,e.height),a.restore()),s&&a.drawImage(s,0,0,s.width,s.height,0,0,e.width,e.height),a.drawImage(t,0,0,t.width,t.height,0,0,e.width,e.height)}async function Xt(){return new Promise(async(t,e)=>{try{await function(t,e={}){return new Promise((i,s)=>{const a=document.querySelector(`script[src="${t}"]`);if(a)return"true"===a.dataset.loaded?void i(a):(a.addEventListener("load",()=>{i(a)}),void a.addEventListener("error",()=>{s(new Error(`Script already failed: ${t}`))}));const r=document.createElement("script");r.src=t,r.async=!0,Object.keys(e).forEach(t=>{r.setAttribute(t,e[t]??"")}),r.onload=()=>{r.dataset.loaded="true",i(r)},r.onerror=()=>{s(new Error(`Failed to load script: ${t}`))},document.head.appendChild(r)})}($t.SCRIPT,{crossOrigin:"anonymous"});const e={locateFile:(t,e)=>t.endsWith("createWebPCore.wasm")?$t.WASM:e+t};t(await window.createWebPCore(e))}catch(t){e(t)}})}function Zt(t){for(const e of t.getCompositions())for(const t of e.textures)t.isDestroyed||t.dispose();t.disposed||t.destroyCurrentCompositions()}function qt(t=[750,750],e="AI 设计师画布"){const i=D(),s={id:D(),dataType:g.DataType.TimelineAsset,tracks:[]},a={id:D(),item:{id:i},dataType:g.DataType.CompositionComponent,items:[],timelineAsset:{id:s.id},sceneBindings:[]},r={id:i,name:e,duration:999,startTime:0,endBehavior:g.EndBehavior.forward,previewSize:[...t],camera:{fov:60,far:40,near:.1,clipMode:1,position:[0,0,8],rotation:[0,0,0],aspect:t[0]/t[1]},components:[{id:a.id}]},n={version:g.JSONSceneVersion.LATEST,playerVersion:{web:"2.7.3",native:"10.7.6"},type:"ge",compositionId:i,compositions:[],images:[],plugins:[],bins:[],textures:[],items:[],components:[],materials:[],shaders:[],geometries:[],animations:[],miscs:[]};return n.miscs.push(s),n.compositions.push(r),n.components.push(a),n}function Qt(t,e,i,s,a,r,n){const o=D(),c={id:t,name:r,dataType:g.DataType.VFXItemData,components:[{id:o}],delay:0,duration:999,endBehavior:g.EndBehavior.restart,renderLevel:g.RenderLevel.BPlus,type:g.ItemType.sprite,visible:!0,transform:{position:{x:e.x,y:e.y,z:e.z},eulerHint:{x:i.x,y:i.y,z:i.z},size:{x:s.x,y:s.y},scale:{x:a.x,y:a.y,z:a.z},anchor:{x:0,y:0}},content:void 0},h={id:o,item:{id:t},dataType:g.DataType.SpriteComponent,options:{startColor:[1,1,1,1]},renderer:{renderMode:g.RenderMode.MESH}};n&&(h.renderer.texture={id:n});const l={id:D(),dataType:g.DataType.ActivationPlayableAsset},p={id:D(),dataType:g.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:g.EndBehavior.restart,asset:{id:l.id}}]},d={id:D(),dataType:g.DataType.SpriteColorPlayableAsset,startColor:[1,1,1,1]};return{item:c,components:[h],tracks:[p,{id:D(),dataType:g.DataType.SpriteColorTrack,children:[],clips:[{start:0,duration:999,endBehavior:g.EndBehavior.restart,asset:{id:d.id}}]}],playableAssets:[l,d]}}function te(t,e,i,s=new T(1,1),a=0){const r=JSON.parse(JSON.stringify(i)),n={id:t,name:e,duration:999,type:g.ItemType.null,visible:!0,endBehavior:g.EndBehavior.restart,delay:0,renderLevel:g.RenderLevel.BPlus,content:{options:{startColor:[1,1,1,1]}},components:[],transform:{position:r,eulerHint:{x:0,y:0,z:a},size:{x:1,y:1},scale:{x:s.x,y:s.y,z:1}},dataType:g.DataType.VFXItemData},o={id:D(),dataType:g.DataType.ActivationPlayableAsset};return{item:n,components:[],tracks:[{id:D(),dataType:g.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:g.EndBehavior.restart,asset:{id:o.id}}]}],playableAssets:[o]}}function ee(t,e,i,s,a,r){const n=D(),o={id:t,name:e,dataType:g.DataType.VFXItemData,components:[{id:n}],delay:0,duration:999,endBehavior:g.EndBehavior.restart,renderLevel:g.RenderLevel.BPlus,type:g.ItemType.sprite,visible:!0,transform:{position:{x:i.x,y:i.y,z:i.z},eulerHint:{x:s.x,y:s.y,z:s.z},scale:{x:a.x,y:a.y,z:1},anchor:{x:0,y:0}},content:void 0},c={id:n,item:{id:t},dataType:g.DataType.TextComponent,options:r,renderer:{renderMode:1}},h={id:D(),dataType:g.DataType.ActivationPlayableAsset};return{item:o,components:[c],tracks:[{id:D(),dataType:g.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:g.EndBehavior.restart,asset:{id:h.id}}]}],playableAssets:[h]}}function ie(t,e,i,s,a,r,n=!1,o=!1,c=1,h=1,l,p){const d=D(),m={id:t,name:r,dataType:g.DataType.VFXItemData,components:[{id:d}],delay:0,duration:999,endBehavior:g.EndBehavior.restart,renderLevel:g.RenderLevel.BPlus,type:g.ItemType.video,visible:!0,transform:{position:{x:e.x,y:e.y,z:e.z},eulerHint:{x:i.x,y:i.y,z:i.z},size:{x:s.x,y:s.y},scale:{x:a.x,y:a.y,z:a.z},anchor:{x:0,y:0}},content:void 0},u={id:d,item:{id:t},dataType:g.DataType.VideoComponent,options:{startColor:[1,1,1,1],muted:n,video:{id:p},volume:c,playbackRate:h,transparent:o},renderer:{renderMode:g.RenderMode.MESH}};l&&(u.renderer.texture={id:l});const y={id:D(),dataType:g.DataType.ActivationPlayableAsset},f={id:D(),dataType:g.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:g.EndBehavior.restart,asset:{id:y.id}}]},x={id:D(),dataType:g.DataType.SpriteColorPlayableAsset,startColor:[1,1,1,1]};return{item:m,components:[u],tracks:[f,{id:D(),dataType:g.DataType.SpriteColorTrack,children:[],clips:[{start:0,duration:999,endBehavior:g.EndBehavior.restart,asset:{id:x.id}}]}],playableAssets:[y,x]}}function se(t,e){t.items.push(e.item),t.miscs.push(...e.tracks,...e.playableAssets),t.components.push(...e.components);const i=t.compositions.find(e=>e.id===t.compositionId)??t.compositions[0],s=t.components.find(t=>t.id===i.components[0]?.id);if(s){s.items.push({id:e.item.id});const i={id:D(),dataType:g.DataType.ObjectBindingTrack,children:[],clips:[]};for(const t of e.tracks)i.children.push({id:t.id});t.miscs.find(t=>t.id===s.timelineAsset.id).tracks.push({id:i.id}),s.sceneBindings.push({key:{id:i.id},value:{id:e.item.id}}),t.miscs.push(i)}}function ae(t,e,i){var s;const a=t.items.findIndex(t=>t.id===e);if(a<0)return;!function(t,e){var i;const s=t.items.findIndex(t=>t.id===e);if(!t.items[s]?.parentId)return;const a=t.items.find(e=>e.id===t.items[s].parentId);if(!a)return void delete t.items[s].parentId;const{position:r={x:0,y:0,z:0},eulerHint:n=new K,scale:o=new K(1,1,1)}=a.transform;(i=t.items[s]).transform??(i.transform={position:{x:0,y:0,z:0},eulerHint:{x:0,y:0,z:0},scale:{x:1,y:1,z:1},size:{x:1,y:1}}),t.items[s].transform.position.x+=r.x,t.items[s].transform.position.y+=r.y,t.items[s].transform.position.z+=r.z,t.items[s].transform.eulerHint.x+=n.x,t.items[s].transform.eulerHint.y+=n.y,t.items[s].transform.eulerHint.z+=n.z,t.items[s].transform.scale.x*=0===o.x?1:o.x,t.items[s].transform.scale.y*=0===o.y?1:o.y,t.items[s].transform.scale.z*=0===o.z?1:o.z}(t,e);const r=t.items.find(t=>t.id===i);if(!r)return;t.items[a].parentId=i;const{position:n={x:0,y:0,z:0},eulerHint:o=new K,scale:c=new K(1,1,1)}=r.transform;(s=t.items[a]).transform??(s.transform={position:{x:0,y:0,z:0},eulerHint:{x:0,y:0,z:0},scale:{x:1,y:1,z:1},size:{x:1,y:1}}),t.items[a].transform.position.x-=n.x,t.items[a].transform.position.y-=n.y,t.items[a].transform.position.z-=n.z,t.items[a].transform.eulerHint.x-=o.x,t.items[a].transform.eulerHint.y-=o.y,t.items[a].transform.eulerHint.z-=o.z,t.items[a].transform.scale.x/=0===c.x?1:c.x,t.items[a].transform.scale.y/=0===c.y?1:c.y,t.items[a].transform.scale.z/=0===c.z?1:c.z}function re(t,e){let i;return t.components.forEach(s=>{if(s.item.id===e)if(s.dataType===g.DataType.SpriteComponent&&s.renderer.texture){const e=t.textures?.find(t=>t.id===s.renderer.texture?.id);e&&(i=t.images.find(t=>t.id===e.source.id)?.url)}else if(s.dataType===g.DataType.VideoComponent&&s.renderer.texture){const e=t.textures?.find(t=>t.id===s.renderer.texture?.id);e&&(i=t.videos?.find(t=>t.id===e.source.id)?.url)}}),i}import{VFXItem as ne,SpriteComponent as oe,spec as ce,TextComponent as he}from"@galacean/effects";import{VideoComponent as le}from"@galacean/effects-plugin-multimedia";var pe=class{static createEmpty(t,e=null,i="NewVFXItem"){const s=de.createVFXItem(t,e,i);return s.type=ce.ItemType.null,s}static createSprite(t,e=null,i="NewSpite"){const s=de.createVFXItem(t,e,i,oe);return s.type=ce.ItemType.sprite,s}static createText(t,e=null,i="NewText"){const s=de.createVFXItem(t,e,i,he);return s.type=ce.ItemType.text,s}static createVideo(t,e=null,i="NewVideo"){const s=de.createVFXItem(t,e,i,le);return s.type=ce.ItemType.video,s}},de=class{static createVFXItem(t,e=null,i="NewVFXItem",...s){const a=new ne(t.getEngine());a.name=i;for(const t of s)a.addComponent(t);return t.addItem(a),t.rootComposition.items.push(a),e&&a.setParent(e),a}},me=class{constructor(t,e,i,s){c(this,"sdk"),c(this,"player"),c(this,"container"),c(this,"emitter"),c(this,"interactionUtils"),this.player=t,this.sdk=s,this.container=e,this.emitter=i}init(){this.interactionUtils=new jt(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.getViewProperty()?.ignoreInteraction)return!1;const i=this.sdk.pageData.time,{duration:s,delay:a,endBehavior:r}=e;return i>=a&&(i<a+s||r===g.EndBehavior.restart)}getItemShow(t){const e=this.getViewItemById(t);if(!this.sdk.pageData||!e?.property.visible)return!1;const i=this.sdk.pageData.time,{duration:s,delay:a,endBehavior:r}=e;return i>=a&&(i<a+s||r===g.EndBehavior.restart||r===g.EndBehavior.freeze)}addSelectedItems(t){v(this.sdk.pageData,"You must call SDK#run() first");const e=this.sdk.pageData.activeData.selectedItems??[];t.forEach(t=>{Q(e,t)}),this.sdk.pageData.activeData.selectedItems=[...e],this.emitter.emit("selectedItemChange",e),this.emitter.emit("pageDataChange",this.sdk.pageData)}removeSelectedItems(t){v(this.sdk.pageData,"You must call SDK#run() first");const e=this.sdk.pageData.activeData.selectedItems??[];for(const i of t){const t=e.findIndex(t=>t===i);t>=0&&e.splice(t,1)}this.sdk.pageData.activeData.selectedItems=[...e],this.emitter.emit("selectedItemChange",e),this.emitter.emit("pageDataChange",this.sdk.pageData)}clearSelectedItems(t=!1){this.sdk.pageData&&(t?(this.sdk.pageData.activeData.selectedItems=[],this.emitter.emit("selectedItemChange",[])):this.sdk.pageData.activeData.selectedItems=[],this.emitter.emit("pageDataChange",this.sdk.pageData))}getSelectedItems(){const t=this.sdk.pageData?.activeData.selectedItems;return this.sdk.pageData?.items.filter(e=>t?.find(t=>t===e.id))??[]}addPreSelectedItem(t){v(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.activeData.preSelectedItem=t,this.emitter.emit("preSelectedItemChange",t)}clearPreSelectedItem(){v(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();v(t,"You must call SDK#run() first");const e=t.activeData.preSelectedItem;return e?this.getViewItemById(e):void 0}addLoadingItems(t){var e;v(this.sdk.pageData,"You must call SDK#run() first"),(e=this.sdk.pageData.activeData).loadingItems??(e.loadingItems=[]);const i=this.sdk.pageData.activeData.loadingItems;t.forEach(t=>{Q(i,t)}),this.emitter.emit("loadingItemChange",i)}removeLoadingItems(t){v(this.sdk.pageData,"You must call SDK#run() first");const e=this.sdk.pageData.activeData.loadingItems??[];for(const i of t){const t=e.findIndex(t=>t===i);t>=0&&e.splice(t,1)}this.emitter.emit("loadingItemChange",e)}clearLoadingItems(){this.sdk.pageData&&(this.sdk.pageData.activeData.loadingItems=[],this.emitter.emit("loadingItemChange",[]))}getLoadingItems(){const t=this.sdk.pageData?.activeData.loadingItems;return this.sdk.pageData?.items.filter(e=>t?.find(t=>t===e.id))??[]}getViewItemById(t){return this.sdk.pageData?.items.find(e=>e.id===t)}getPlayerSizeByParent(t,e){const[i,s]=t,[a=1624,r=750]=e;let n=s,o=n/r*a;return o>i&&(n=i/o*s,o=i),[o,n]}async loadScene(t){Zt(this.player);const e=this.getViewProperty(t);if(!e||!this.sdk.pageData)return void console.warn(`This page does not have ${t} view property.`);const{scene:i,size:s}=e;if("template"===pi.config.mode){const t=this.container.parentElement?.offsetWidth??300,e=this.container.parentElement?.offsetHeight??300,[i,a]=this.getPlayerSizeByParent([t,e],s);this.container.style.width=`${i}px`,this.container.style.height=`${a}px`}this.sdk.pageData.activeData={view:t,selectedItems:[],preSelectedItem:void 0},this.player.resize();const a=JSON.parse(JSON.stringify(i)),r=await this.player.loadScene(a,{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,r.items),this.emitter.emit("pageDataChange",this.sdk.pageData)}refreshPageTime(t){v(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.time=t}pageZoom(t,e,i){var s;v(this.sdk.pageData,"You must call SDK#run() first"),(s=this.sdk.pageData.property).zoom??(s.zoom=1);const{zoom:a,translation:[r=0,n=0]}=this.sdk.pageData.property,{width:o,height:c,scale:h}=this.interactionUtils.viewportParam,l=i?t:_(t,-.1,.1),p=U(_(a+l,pi.config.pageConfig.minZoom,pi.config.pageConfig.maxZoom),2);switch(this.sdk.pageData.property.zoom=p,pi.config.mode){case"editor":{const t=this.interactionUtils.getNDCSizeByPixelSize(new T(r,n)),i=e??new T(o/2,c/2),s=this.interactionUtils.getNDCPositionByScreenPosition(i),a=(s.x-t.x)/h,l=(s.y-t.y)/h,d=new T(s.x-a*p,s.y-l*p),m=(new j).compose(new K(d.x,d.y,0),new O,new K(p,p,1));this.sdk.pageData.property.translation=this.interactionUtils.getPixelSizeByNDCSize(d).toArray(),this.setCurrenCameraViewportMatrix(m);break}case"template":this.container.style.scale=`${p}`}this.refreshInteractionParam(),this.sdk.pageData.items=[];const d=this.getCurrentComposition();this.addViewItemsByItems(this.sdk.pageData.items,d.items),this.emitter.emit("zoomChange",p),this.emitter.emit("viewportTransform",{zoom:p,translation:[r,n]}),this.emitter.emit("pageDataChange",this.sdk.pageData)}setPageZoom(t,e,i){v(this.sdk.pageData,"You must call SDK#run() first");const{zoom:s}=this.sdk.pageData.property,a=t-s;this.pageZoom(a,e,i)}refreshInteractionParam(){this.interactionUtils.refreshViewParam(),this.interactionUtils.refreshCameraParam()}pageMove(t){v(this.sdk.pageData,"You must call SDK#run() first");const{translation:[e=0,i=0],zoom:s}=this.sdk.pageData.property,a=e+t.x,r=i+t.y;switch(this.sdk.pageData.property.translation=[a,r],pi.config.mode){case"template":this.container.style.translate=`${a}px ${r}px`;break;case"editor":{const t=this.interactionUtils.getNDCSizeByPixelSize(new T(a,r)),e=(new j).compose(new K(t.x,t.y,0),new O,new K(s,s,1));this.setCurrenCameraViewportMatrix(e);break}}this.refreshInteractionParam(),this.sdk.pageData.items=[];const n=this.getCurrentComposition();this.addViewItemsByItems(this.sdk.pageData.items,n.items),this.emitter.emit("viewportTransform",{zoom:s,translation:[a,r]}),this.emitter.emit("pageDataChange",this.sdk.pageData)}setPageMove(t){v(this.sdk.pageData,"You must call SDK#run() first");const{translation:e}=this.sdk.pageData.property,i=(new T).subtractVectors(t,new T(...e));this.pageMove(i)}setCurrenCameraViewportMatrix(t){const e=this.getCurrentComposition();if(!e)return;const{camera:i}=e;i.setViewportMatrix(t)}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 j).copyFrom(i.transform.getParentMatrix()??new j);s.setPosition(new K);const a=e.clone().applyMatrix(s.invert());i.translate(...a.toArray()),i.transform.updateLocalMatrix(),this.transformSceneItem(t,"position",a.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:"size"}))}scaleTextItem(t,e){const i=this.getViewItemById(t);if(i?.type===g.ItemType.text){const{textWidth:t}=i.property;this.changeItemProperty({itemId:i.id,type:g.ItemType.text,propertyName:"textWidth",propertyValue:t*e})}}getItemTransformById(t){const e={matrix:new j,parentMatrix:new j},i=this.getPlayerItemById(t);if(void 0!==i?.transform){i.transform.updateLocalMatrix();const t=j.fromArray(i.composition?.transform.getWorldMatrix().elements??[]).invert();e.matrix=t.clone().multiply(j.fromArray(i.transform.getWorldMatrix().elements)),e.parentMatrix=t.clone().multiply(j.fromArray(i.transform.parentTransform?.getWorldMatrix().elements??(new j).toArray()))}return e}addViewItemsByItems(t,e,i){const s=e=>{e.forEach(e=>{t.find(t=>t.id===e.getInstanceId())||t.push(this.createViewItemByPlayerItem(e,i))})};for(const i of e)pi.config.pageConfig.filterItemNames.includes(i.name)||(s([i]),this.addViewItemsByItems(t,i.children,i.getInstanceId()))}createViewItemByPlayerItem(t,e){v(this.sdk.pageData,"You must call SDK#run() first");const{transform:i,composition:s,isVisible:a}=t,r={position:[0,0],rotation:[0,0,0],size:[0,0],visible:a,keyPropertyEditing:!1},{scale:n}=this.interactionUtils.viewportParam,o="editor"===pi.config.mode?1:n,c=this.getViewportLeftTopPosition();if(t.type!==g.ItemType.null){i.updateLocalMatrix();const e=(new j).copyFrom(s?.transform.getWorldMatrix()??(new j).identity()).invert().multiply(i.getWorldMatrix()),a=new K,o=new O,c=new K;e.decompose(a,o,c);const h=(new $).setFromQuaternion(o);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,this.interactionUtils.initInteractionPlane(a,h);const l=this.interactionUtils.projectPoint(a),p="editor"===pi.config.mode?this.interactionUtils.getPixelPositionByViewPoint(l).toArray().map(t=>U(t,2)):l.divide(n).toArray().map(t=>U(t,2)),d=h.toArray().map(t=>U(t,2)),m=c.toArray().map(t=>U(t,2)),g=i.size.toArray(),u=this.getPixelSizeByWorldSize([m[0]*g[0],m[1]*g[1],m[2]],t).map(t=>U(t,2));r.position=p,r.rotation=d,r.size=u}else{const e=this.getViewBoxByPlayerItem(t,t.children),i=this.interactionUtils.getViewPositionWWithOutTransform(e.getCenter().subtract(c)),s="editor"===pi.config.mode?this.interactionUtils.getPixelPositionByViewPoint(i).toArray().map(t=>U(t,2)):i.toArray();r.position=s,r.size=e.getSize().divide(o).toArray()}switch(t.type){case g.ItemType.sprite:{const e=this.getViewProperty()?.scene;if(e){e.components.filter(e=>e.item.id===t.getInstanceId()).forEach(t=>{if(r.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);r.keyPropertyEditing=!!t?.template;const s=t?.url??"";s&&Object.assign(r,{image:s})}})}break}case g.ItemType.video:{const e=this.getViewProperty()?.scene;if(e){e.components.filter(e=>e.item.id===t.getInstanceId()).forEach(t=>{if(r.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?.videos?.find(t=>t.id===i.source.id);r.keyPropertyEditing=!0;const s=t?.url??"";s&&Object.assign(r,{video:s})}})}break}case g.ItemType.text:case g.ItemType.richtext:{const e=this.getViewProperty()?.scene;if(r.keyPropertyEditing=!0,e){e.components.filter(e=>e.item.id===t.getInstanceId()).forEach(t=>{if(![g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType))return;const{textAlign:e,textColor:i,text:s,fontWeight:a,fontFamily:n,fontSize:o,fontStyle:c,outline:h,textWidth:l,lineHeight:p}=t.options,d=h?.outlineColor?h.outlineColor.map((t,e)=>e>2?t:U(255*t,0)):void 0,m=i.map((t,e)=>e>2?t:U(255*t,0)),u=h?.outlineWidth,y=!!h;Object.assign(r,{outlineEnabled:y,textAlign:e,textColor:m,fontWeight:a,text:s,fontFamily:n,fontSize:o,fontStyle:c,outlineColor:d,outlineWidth:u,textWidth:l,lineHeight:p})})}break}}return{id:t.getInstanceId(),name:t.name,parentId:t.parentId??e,children:[],type:t.type,duration:t.duration,delay:t.defination.delay,endBehavior:t.endBehavior,property:r}}getViewBoxById(t){const e=new H,i=this.getPlayerItemById(t),s=this.getChildrenPlayerItems(i);return i&&s?this.getViewBoxByPlayerItem(i,s):e}getItemViewAnchor(t){const e=this.getPlayerItemById(t);if(e?.transform?.anchor){const t=(new K).copyFrom(e.transform.anchor).applyMatrix((new j).copyFrom(e.transform.getWorldMatrix())),i=this.getViewportLeftTopPosition();return this.interactionUtils.projectPoint(t).add(i).round(2)}}getChildrenPlayerItems(t){const e=[];return t?(e.push(...this.player.getCompositions()[0].items.filter(e=>e.parentId===t.getInstanceId())),e.push(...e.flatMap(t=>this.getChildrenPlayerItems(t))),e):[]}getChildrenSceneItemIds(t,e){const i=[];return i.push(...e.items.filter(e=>e.parentId===t).map(t=>t.id)),i.push(...i.flatMap(t=>this.getChildrenSceneItemIds(t,e))),i}getViewBoxByPlayerItem(t,e){const i=new H;switch(t.type){case g.ItemType.sprite:case g.ItemType.plugin:case g.ItemType.video:case g.ItemType.richtext:case g.ItemType.text:case g.ItemType.shape:{const{transform:s,composition:a}=t;s.updateLocalMatrix();const{size:r}=s,n=(new j).copyFrom(a?.transform.getWorldMatrix()??new j).invert().multiply(s.getWorldMatrix()),{x:o,y:c}=r.clone().divide(2),h=new K(o,c,0).applyMatrix(n),l=new K(o,-c,0).applyMatrix(n),p=new K(-o,-c,0).applyMatrix(n),d=new K(-o,c,0).applyMatrix(n),m=this.getViewportLeftTopPosition(),g=this.interactionUtils.projectPoint(h).add(m).round(2),u=this.interactionUtils.projectPoint(l).add(m).round(2),y=this.interactionUtils.projectPoint(p).add(m).round(2),f=this.interactionUtils.projectPoint(d).add(m).round(2);i.setFromVec2Array([g,u,y,f]);const x=e?.map(t=>this.getViewBoxById(t.getInstanceId()));x&&x.map(t=>i.union(t));break}case g.ItemType.null:{const t=e?.map(t=>this.getViewBoxById(t.getInstanceId()));t&&t.map(t=>i.union(t));break}}return i}getViewportLeftTopPosition(){if(!this.sdk.pageData||"editor"===pi.config.mode)return new T;const{zoom:t,translation:e}=this.sdk.pageData.property,{offsetWidth:i,offsetHeight:s}=this.container.parentElement,{offsetWidth:a,offsetHeight:r}=this.container,n=new T(i,s),o=new T(a,r).multiply(t);return n.clone().divide(2).subtract(o.clone().divide(2)).add(e)}getViewportByViewPoint(t){if(!this.sdk.pageData)return t;const{zoom:e}=this.sdk.pageData.property,i="editor"===pi.config.mode?1:e,{width:s,height:a}=this.interactionUtils.viewportParam,r=new T(s,a).multiply(i),n=this.getViewportLeftTopPosition(),o=t.clone().subtract(n);return new T(o.x/r.x*2-1,1-o.y/r.y*2)}async changeItemProperty(t){v(this.sdk.pageData,"You must call SDK#run() first"),v(t,"Param is not exsited.");const e=this.getViewItemById(t.itemId),i=this.getPlayerItemById(t.itemId);if(e&&i)if(t.propertyName in e.property){switch(t.propertyName){case"textAlign":[g.TextAlignment.left,g.TextAlignment.middle,g.TextAlignment.right].includes(t.propertyValue)&&i.getComponent(P).setTextAlign(t.propertyValue);break;case"textColor":if(Array.isArray(t.propertyValue)&&4===t.propertyValue.length){const e=t.propertyValue.map((t,e)=>e>2?t:U(t/255,5));i.getComponent(P).setTextColor(e)}break;case"fontFamily":if("string"==typeof t.propertyValue){const e=t.propertyValue.split("/"),s=e[e.length-1]?.split(".")[0];await Nt.loadFontFamily([{fontURL:t.propertyValue,fontFamily:s}]),s&&(i.getComponent(P).setFontFamily(s),i.getComponent(P).isDirty=!0)}break;case"text":if("string"==typeof t.propertyValue){const e=i.getComponent(P);if(e.setText(t.propertyValue),"editor"===pi.config.mode){const s=e.getLineCount(t.propertyValue),a=Math.ceil(e.textLayout.lineHeight*s);e.setTextHeight(a);const r=e.textLayout.width,n=this.interactionUtils.getViewSizeByPixelSize(new T(r,a)),o=this.interactionUtils.getWorldSizeByViewSize(n);i.transform.setScale(i.transform.scale.x,Math.abs(o.y),1)}}break;case"fontWeight":[g.TextWeight.normal,g.TextWeight.bold,g.TextWeight.lighter].includes(t.propertyValue)&&i.getComponent(P).setFontWeight(t.propertyValue);break;case"textWidth":{const e=i.getComponent(P);e.setTextWidth(t.propertyValue);const s=Math.ceil(e.textLayout.lineHeight*e.lineCount);e.setTextHeight(s);const a=e.textLayout.width,r=this.interactionUtils.getViewSizeByPixelSize(new T(a,s)),n=this.interactionUtils.getWorldSizeByViewSize(r);i.transform.setScale(i.transform.scale.x,Math.abs(n.y),1);break}case"lineHeight":{const e=i.getComponent(P);e.setLineHeight(t.propertyValue);const s=Math.ceil(e.textLayout.lineHeight*e.lineCount);e.setTextHeight(s);const a=e.textLayout.width,r=this.interactionUtils.getViewSizeByPixelSize(new T(a,s)),n=this.interactionUtils.getWorldSizeByViewSize(r);i.transform.setScale(i.transform.scale.x,Math.abs(n.y),1);break}case"outlineColor":if(Array.isArray(t.propertyValue)&&4===t.propertyValue.length){const e=i.getComponent(P);if("function"==typeof e.setOutlineColor){const i=t.propertyValue.map((t,e)=>e>2?t:U(t/255,5));e.setOutlineColor(i)}}break;case"outlineWidth":if("number"==typeof t.propertyValue){const e=i.getComponent(P);if("function"==typeof e.setOutlineWidth){e.setOutlineWidth(t.propertyValue);const{lineHeight:s,width:a}=e.textLayout,r=s*e.lineCount,n=this.interactionUtils.getViewSizeByPixelSize(new T(a,r)),o=this.interactionUtils.getWorldSizeByViewSize(n);i.transform.setScale(i.transform.scale.x,Math.abs(o.y),1)}}break;case"outlineEnabled":if("boolean"==typeof t.propertyValue){const e=i.getComponent(P);"function"==typeof e.setOutlineEnabled&&e.setOutlineEnabled(t.propertyValue)}break;case"fontSize":if("number"==typeof t.propertyValue&&i.type===g.ItemType.text){const e=i.getComponent(P),s=e.textStyle.fontSize;if(e.setFontSize(t.propertyValue),"editor"===pi.config.mode){e.setLineHeight(e.textLayout.lineHeight*t.propertyValue/s);const a=e.getLineCount(e.text),r=Math.ceil(e.textLayout.lineHeight*a);e.setTextHeight(r);const n=e.textLayout.width,o=this.interactionUtils.getViewSizeByPixelSize(new T(n,r)),c=this.interactionUtils.getWorldSizeByViewSize(o);i.transform.setScale(i.transform.scale.x,Math.abs(c.y),1)}}break;case"image":"string"==typeof t.propertyValue&&i.getComponent(I).setTexture(await C.fromImage(t.propertyValue,this.player.renderer.engine));break;case"position":if(Array.isArray(t.propertyValue)&&(3===t.propertyValue.length||2===t.propertyValue.length)){const i=t.propertyValue.map((t,i)=>t-(e.property.position[i]??0)),s=this.interactionUtils.getViewSizeByPixelSize(new T(...i)),a=this.interactionUtils.getWorldSizeByViewSize(s,!0,t.itemId);this.moveItem(t.itemId,a)}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 K(...i).negate())}break;case"size":if(Array.isArray(t.propertyValue)&&2===t.propertyValue.length){const i=t.propertyValue.map(t=>0===t||null===t?1:t),s=e.property.size.map(t=>t||1),a=i.map((t,e)=>t/s[e]);this.scaleItem(t.itemId,new K(...a,1))}break;case"visible":if("boolean"==typeof t.propertyValue&&(i.setVisible(t.propertyValue),pi.config.pageConfig.groupVisible)){this.getChildrenPlayerItems(i).forEach(e=>{e.setVisible(t.propertyValue)})}}["position","rotation","size"].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){v(this.sdk.pageData,"You must call SDK#run() first"),v(t,"Param is not exsited."),this.sdk.pageData.viewProperties.forEach(e=>{if(!this.sdk.pageData?.property.asyncMode&&e.id!==this.sdk.pageData?.activeData.view)return;const{scene:i}=e;switch(t.propertyName){case"position":if(Array.isArray(t.propertyValue)&&2===t.propertyValue.length){const e=this.sdk.pageData.items.find(e=>e.id===t.itemId),s=e?.property[t.propertyName],a=t.propertyValue.map((t,e)=>t-(s?.[e]??0)),r=this.interactionUtils.getViewSizeByPixelSize(new T(...a)),n=this.interactionUtils.getWorldSizeByViewSize(r,!0,t.itemId);this.changeSceneItemProperty(i,{...t,propertyValue:n.toArray()})}break;case"rotation":if(Array.isArray(t.propertyValue)&&3===t.propertyValue.length){const e=this.sdk.pageData.items.find(e=>e.id===t.itemId),s=e?.property[t.propertyName],a=t.propertyValue.map((t,e)=>t-(s?.[e]??0));this.changeSceneItemProperty(i,{...t,propertyValue:a})}break;case"size":if(Array.isArray(t.propertyValue)&&2===t.propertyValue.length){const e=this.sdk.pageData.items.find(e=>e.id===t.itemId),s=e?.property[t.propertyName],a=t.propertyValue.map((t,e)=>t/(s?.[e]??0));this.changeSceneItemProperty(i,{...t,propertyValue:a})}break;default:this.changeSceneItemProperty(i,t)}})}changeSceneItemProperty(t,e){var i,s,a,r,n,o,c;switch(v(e,"Param is not exsited."),e.propertyName){case"textAlign":if([g.TextAlignment.left,g.TextAlignment.middle,g.TextAlignment.right].includes(e.propertyValue)){const i=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType));i?.options&&"textAlign"in i.options&&(i.options.textAlign=e.propertyValue)}break;case"textColor":if(Array.isArray(e.propertyValue)&&4===e.propertyValue.length){const i=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType));if(i?.options){const t=e.propertyValue.map((t,e)=>e>2?t:U(t/255,5));i.options.textColor=[...t]}}break;case"fontFamily":if("string"==typeof e.propertyValue){const i=e.propertyValue.split("/"),s=i[i.length-1]?.split(".")[0],a=t.fonts?.find(t=>"family"in t&&t.family===s||"fontFamily"in t&&t.fontFamily===s);!a&&t.fonts&&s&&t.fonts.push({fontFamily:s,fontURL:e.propertyValue});const r=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType));r&&(r.options.fontFamily=s)}break;case"lineHeight":if("number"==typeof e.propertyValue){const s=t.items.find(t=>t.id===e.itemId),a=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType));if(s&&a?.options){a.options.lineHeight=e.propertyValue;const t=this.getPlayerItemById(e.itemId);if(t){const e=t.getComponent(P),r=e.textLayout.width,n=Math.ceil(e.lineCount*e.lineCount);a.options.textHeight=n;const o=this.interactionUtils.getViewSizeByPixelSize(new T(r,n)),c=this.interactionUtils.getWorldSizeByViewSize(o);(i=s.transform).scale??(i.scale={x:1,y:1,z:1}),s.transform.scale={x:Math.abs(c.x),y:Math.abs(c.y),z:1}}}}break;case"textWidth":if("number"==typeof e.propertyValue){const i=t.items.find(t=>t.id===e.itemId),a=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType));if(a?.options&&i){a.options.textWidth=e.propertyValue;const t=this.getPlayerItemById(e.itemId);if(t){const e=t.getComponent(P),r=e.textLayout.width,n=Math.ceil(e.lineCount*e.lineCount);a.options.textHeight=n;const o=this.interactionUtils.getViewSizeByPixelSize(new T(r,n)),c=this.interactionUtils.getWorldSizeByViewSize(o);(s=i.transform).scale??(s.scale={x:1,y:1,z:1}),i.transform.scale={x:Math.abs(c.x),y:Math.abs(c.y),z:1}}}}break;case"text":if("string"==typeof e.propertyValue){const i=t.items.find(t=>t.id===e.itemId),s=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType));if(s?.options&&i){s.options.text=e.propertyValue;const t=this.getPlayerItemById(e.itemId);if(t&&"editor"===pi.config.mode){const r=t.getComponent(P),n=r.getLineCount(e.propertyValue),o=r.textLayout.lineHeight,c=r.textLayout.width,h=Math.ceil(o*n);s.options.textHeight=h;const l=this.interactionUtils.getViewSizeByPixelSize(new T(c,h)),p=this.interactionUtils.getWorldSizeByViewSize(l);(a=i.transform).scale??(a.scale={x:1,y:1,z:1}),i.transform.scale={x:Math.abs(p.x),y:Math.abs(p.y),z:1}}}}break;case"fontWeight":if("string"==typeof e.propertyValue){const i=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType));i?.options&&(i.options.fontWeight=e.propertyValue)}break;case"outlineColor":if(Array.isArray(e.propertyValue)&&4===e.propertyValue.length){const i=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType));i?.options&&((r=i.options).outline??(r.outline={}),i.options.outline.outlineColor=[...e.propertyValue.map((t,e)=>e>2?t:U(t/255,5))])}break;case"outlineWidth":if("number"==typeof e.propertyValue){const i=t.items.find(t=>t.id===e.itemId),s=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType)),a=this.getPlayerItemById(e.itemId);if(s?.options&&a&&i){(n=s.options).outline??(n.outline={}),s.options.outline.outlineWidth=e.propertyValue;const t=a.getComponent(P),r=t.textLayout.lineHeight,c=t.textLayout.width,h=Math.ceil(r*t.lineCount);s.options.textHeight=h;const l=this.interactionUtils.getViewSizeByPixelSize(new T(c,h)),p=this.interactionUtils.getWorldSizeByViewSize(l);(o=i.transform).scale??(o.scale={x:1,y:1,z:1}),i.transform.scale={x:Math.abs(p.x),y:Math.abs(p.y),z:1}}}break;case"outlineEnabled":if("boolean"==typeof e.propertyValue){const i=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType)),s=this.getPlayerItemById(e.itemId),a=s?.getComponent(P);if(i?.options&&s&&a)if(e.propertyValue){const{outlineWidth:t,outlineColor:e}=a.textStyle;i.options.outline={outlineWidth:t,outlineColor:[...e]}}else delete i.options.outline}break;case"fontSize":if("number"==typeof e.propertyValue){const i=t.items.find(t=>t.id===e.itemId),s=t.components.find(t=>t.item.id===e.itemId&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(t.dataType));if(s?.options&&i){s.options.fontSize=e.propertyValue;const t=this.getPlayerItemById(e.itemId);if(t&&"editor"===pi.config.mode){const a=t.getComponent(P);a.setFontSize(e.propertyValue);const r=a.textLayout.lineHeight;s.options.lineHeight=r;const n=Math.ceil(a.textLayout.lineHeight*a.lineCount);s.options.textHeight=n;const o=a.textLayout.width,h=this.interactionUtils.getViewSizeByPixelSize(new T(o,n)),l=this.interactionUtils.getWorldSizeByViewSize(h);(c=i.transform).scale??(c.scale={x:1,y:1,z:1}),i.transform.scale={x:Math.abs(l.x),y:Math.abs(l.y),z:1}}}}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.url=e.propertyValue,delete i.webp),i&&"template"in i&&i.template.background&&(i.template.background.url=e.propertyValue)}})}break;case"position":{const i=e.propertyValue;if(Array.isArray(e.propertyValue)&&3===i.length){const s=t.items.find(t=>t.id===e.itemId);s?.transform&&(s.transform.position.x+=i[0],s.transform.position.y+=i[1],s.transform.position.z+=i[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"size":if(Array.isArray(e.propertyValue)&&2===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])}break;case"visible":{const i=t.items.find(t=>t.id===e.itemId);if(i&&(i.visible=e.propertyValue,pi.config.pageConfig.groupVisible)){this.getChildrenSceneItemIds(e.itemId,t).forEach(i=>{const s=t.items.find(t=>t.id===i);s&&(s.visible=e.propertyValue)})}break}}}transformSceneItem(t,e,i){v(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.viewProperties.forEach(s=>{if(!this.sdk.pageData?.property.asyncMode&&s.id!==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;v(e,"You must call SDK#run() first");const i=e.items.findIndex(e=>e.id===t);if(i<0)return void console.warn(`item ${t} is not existed.`);const s=e.items[i],a=this.getPlayerItemById(t);a&&s&&(e.items[i]=this.createViewItemByPlayerItem(a,s.parentId))}getPlayerItemById(t){return this.player.getCompositions()[0]?.items.find(e=>e.getInstanceId()===t)}getPixelSizeByWorldSize(t,e){v(this.sdk.pageData,"You must call SDK#run() first");const i=[0,0],s=e.composition?.camera,a=this.getViewProperty()?.size;if(s&&a){const{z:r}=e.transform.getWorldPosition(),{x:n,y:o}=s.getInverseVPRatio(r);i[0]=Math.abs(t[0]*a[0]/n/2),i[1]=Math.abs(t[1]*a[1]/o/-2)}else console.warn("camera is not existed.");return i}getWorldSizeByPixelSize(t){v(this.sdk.pageData,"You must call SDK#run() first");const e=[0,0],i=this.player.getCompositions()[0],s=i?.camera,a=this.getViewProperty()?.size;if(s&&a){const{x:i,y:r}=s.getInverseVPRatio(0);e[0]=Math.abs(2*t[0]*i/a[0]),e[1]=Math.abs(-2*t[1]*r/a[1])}else console.warn("camera is not existed.");return e}getActiveTargetScene(){const t=this.getViewProperty()?.scene;if(t)return t;console.warn("Target scene is not exsited.")}refreshSceneAndPageData(){v(this.sdk.pageData,"You must call SDK#run() first");const t=this.player.getCompositions()[0];this.refreshItemRenderOrder(t),this.interactionUtils.refreshViewParam(),this.interactionUtils.refreshCameraParam(),this.sdk.pageData.items=[],this.addViewItemsByItems(this.sdk.pageData.items,t.items),this.emitter.emit("pageDataChange",this.sdk.pageData)}async addSpriteItem(t,e){if(e??(e=this.getActiveTargetScene()),!e)return;const{name:i="图层",size:s,scale:a=[1,1],url:r,rotation:n=0,position:o,parentId:c,id:h=D()}=t,l=new K(...a??[1,1],1),p=this.getWorldSizeByPixelSize(s),d=new K(0,0,-n),m=this.interactionUtils.getWorldPositionByViewPoint(this.interactionUtils.getViewPositionByPixelPoint(new T(...o)))??new K,u=e.images.findIndex(t=>t.url===r);let y,f={};if(r)if(u<0){y=await C.fromImage(r,this.player.renderer.engine,{magFilter:Ot.LINEAR,minFilter:Ot.LINEAR_MIPMAP_LINEAR,generateMipmap:!0});const t={id:D(),url:r,renderLevel:g.RenderLevel.BPlus};f={id:y.guid,source:{id:t.id},flipY:!0,dataType:g.DataType.Texture,magFilter:Ot.LINEAR,minFilter:Ot.LINEAR_MIPMAP_LINEAR,generateMipmap:!0},e.images.push(t),e.textures??(e.textures=[]),e.textures.push(f)}else{const t=e.textures?.find(t=>t.source.id===e.images[u].id);f={id:t?.id},y=this.player.renderer.engine.findObject({id:t.id})}const x=Qt(h,m,d,new T(...p),l,i,f?.id);e.items.find(t=>t.id===c)&&(x.item.parentId=c),se(e,x);const w=this.player.getCompositions()[0],v=pe.createSprite(w,null,i);if(v.setInstanceId(x.item.id),v.duration=999,v.defination.delay=0,v.endBehavior=g.EndBehavior.restart,v.transform.setSize(...p),v.transform.setPosition(...m.toArray()),v.transform.setRotation(...d.toArray()),v.transform.setScale(...l.toArray()),y){v.getComponent(I).setTexture(y)}return this.refreshSceneAndPageData(),this.player.gotoAndStop(this.getPageData().time),x.item.id}addNullItem(t,e){if(e??(e=this.getActiveTargetScene()),!e)return;const{name:i="空节点",position:s=[0,0],id:a=D(),children:r=[]}=t,n=r.filter(t=>!this.getPlayerItemById(t)),o=r.filter(t=>!!this.getPlayerItemById(t));if(n.length&&console.warn(`item ${n.join("、")} is not existed.`),0===o.length)return;const c=new K(...this.getWorldSizeByPixelSize(s),0),h=te(a,i,c);se(e,h),o.forEach(t=>{ae(e,t,a)});const l=this.player.getCompositions()[0],p=pe.createEmpty(l,null,i);return p.setInstanceId(h.item.id),p.duration=999,p.defination.delay=0,p.endBehavior=g.EndBehavior.restart,p.transform.setPosition(...c.toArray()),o.forEach(t=>{const e=this.getPlayerItemById(t);e.setParent(p),e.parentId=h.item.id,e.translate(...c.clone().negate().toArray())}),this.refreshSceneAndPageData(),this.player.gotoAndStop(this.getPageData().time),h.item.id}async addTextItem(t,e){if(e??(e=this.getActiveTargetScene()),!e)return;const{id:i=D(),parentId:s,name:a="文本",lineHeight:r,textWidth:n,fontFamily:o,position:c=[0,0],fontSize:h,fontWeight:l=g.TextWeight.normal,fontStyle:p=g.FontStyle.normal,textAlign:d=g.TextAlignment.left,text:m,textColor:u,textHeight:y=r,outlineColor:f,outlineWidth:x,outlineEnabled:w,rotation:I=0,url:C}=t;C&&!e.fonts?.find(t=>t.fontFamily===o)&&(e.fonts??(e.fonts=[]),e.fonts.push({fontFamily:o,fontURL:C}));const S=u.map((t,e)=>e>2?t:U(t/255,4)),b=f?f.map((t,e)=>e>2?t:U(t/255,4)):void 0,z={text:m,fontFamily:o,fontSize:h,textColor:S,fontWeight:l,letterSpace:0,textAlign:d,fontStyle:p,textWidth:n,textHeight:y,lineHeight:r,textBaseline:g.TextBaseline.top,textOverflow:g.TextOverflow.visible,outline:w?{outlineColor:b,outlineWidth:x}:void 0},A=this.player.getCompositions()[0],E=pe.createText(A,null,a);E.setInstanceId(i),E.duration=999,E.defination.delay=0,E.endBehavior=g.EndBehavior.restart;const _=E.getComponent(P),B={options:z,renderer:{renderMode:1},dataType:g.DataType.TextComponent,item:{id:E.getInstanceId()},id:_.getInstanceId()};_.fromData(B),B.options.textHeight=Math.ceil(r*_.lineCount),_.fromData(B),_.setFontScale(3),await Nt.loadFontFamily([{fontURL:C,fontFamily:o}]),_.setFontFamily(o);const k=[n,z.textHeight],M=this.getWorldSizeByPixelSize(k),V=new K(0,0,-I),G=this.interactionUtils.getWorldPositionByViewPoint(this.interactionUtils.getViewPositionByPixelPoint(new T(...c)))??new K,F=ee(i,a,G,V,new T(...M),z);return e.items.find(t=>t.id===s)&&(F.item.parentId=s),se(e,F),E.transform.setScale(...M,1),E.transform.setPosition(...G.toArray()),E.transform.setRotation(...V.toArray()),v(this.sdk.pageData,"You must call SDK#run() first"),this.player.gotoAndStop(this.sdk.pageData.time),this.refreshSceneAndPageData(),this.player.gotoAndStop(this.getPageData().time),F.item.id}async addVideoItem(t,e){if(e??(e=this.getActiveTargetScene()),!e)return;const{name:i="视频",size:s,scale:a=[1,1],url:r,rotation:n=0,position:o,parentId:c,id:h=D(),muted:l=!1,transparent:p=!1,volume:d=1,playbackRate:m=1}=t,u=new K(...a??[1,1],1),y=this.getWorldSizeByPixelSize(s),f=new K(0,0,-n),x=this.interactionUtils.getWorldPositionByViewPoint(this.interactionUtils.getViewPositionByPixelPoint(new T(...o)))??new K;e.videos??(e.videos=[]);const w=e.videos.findIndex(t=>t.url===r);let v,I="",P={};if(r)if(w<0){v=await C.fromVideo(r,this.player.renderer.engine,{magFilter:Ot.LINEAR,minFilter:Ot.LINEAR_MIPMAP_LINEAR,generateMipmap:!0});const t={id:D(),url:r,renderLevel:g.RenderLevel.BPlus};I=t.id,P={id:v.guid,source:{id:t.id},flipY:!0,dataType:g.DataType.Texture,magFilter:Ot.LINEAR,minFilter:Ot.LINEAR_MIPMAP_LINEAR,generateMipmap:!0},e.videos.push(t),e.textures??(e.textures=[]),e.textures.push(P)}else{const t=e.textures?.find(t=>t.source.id===e.videos[w].id);I=t?.source.id,P={id:t?.id},v=this.player.renderer.engine.findObject({id:t.id})}const S=ie(h,x,f,new T(...y),u,i,l,p,d,m,P?.id,I);e.items.find(t=>t.id===c)&&(S.item.parentId=c),se(e,S);const z=this.player.getCompositions()[0],A=pe.createVideo(z,null,i);if(A.setInstanceId(S.item.id),A.duration=999,A.defination.delay=0,A.endBehavior=g.EndBehavior.restart,A.transform.setSize(...y),A.transform.setPosition(...x.toArray()),A.transform.setRotation(...f.toArray()),A.transform.setScale(...u.toArray()),v){const t=A.getComponent(b);t.setTexture(v),t.setLoop(!0),t.setMuted(l),t.setVolume(d),t.setPlaybackRate(m)}return this.refreshSceneAndPageData(),this.player.gotoAndStop(this.getPageData().time),S.item.id}deleteItem(t){const e=this.getActiveTargetScene();if(!e)return;!function(t,e){const i=t.items.find(t=>t.id===e);if(!i)return void console.warn(`item ${e} is not exsited.`);t.items=t.items.filter(t=>t.id!==e),t.items.forEach(t=>{t.parentId===e&&(t.transform??(t.transform={position:{x:0,y:0,z:0},eulerHint:{x:0,y:0,z:0},scale:{x:1,y:1,z:1},size:{x:1,y:1}}),t.transform.position.x+=i.transform.position.x,t.transform.position.y+=i.transform.position.y,t.transform.position.z+=i.transform.position.z,t.transform.eulerHint.x+=i.transform.eulerHint.x,t.transform.eulerHint.y+=i.transform.eulerHint.y,t.transform.eulerHint.z+=i.transform.eulerHint.z,t.transform.scale.x*=0!==i.transform.scale.x?i.transform.scale.x:1,t.transform.scale.y*=0!==i.transform.scale.y?i.transform.scale.y:1,t.transform.scale.z*=0!==i.transform.scale.z?i.transform.scale.z:1),delete t.parentId});const s=t.components.filter(t=>t.item.id===e);t.components=t.components.filter(t=>!s.map(t=>t.id).includes(t.id)),s.forEach(e=>{if(e.dataType===g.DataType.SpriteComponent&&e.renderer.texture&&!t.components.find(t=>t.renderer?.texture?.id===e.renderer.texture.id)){const i=t.textures?.find(t=>t.id===e.renderer.texture?.id);i&&(t.textures=t.textures?.filter(t=>t.id!==i.id),t.images=t.images.filter(t=>t.id!==i.source.id))}});const a=[];let r,n;const o=t.compositions.find(e=>e.id===t.compositionId)??t.compositions[0];if(+t.version>=3.3){const i=t.components.find(t=>t.id===o.components[0].id);i.items=i.items.filter(t=>t.id!==e),n=i.timelineAsset.id,r=i.sceneBindings.find(t=>t.value.id===e)?.key.id,i.sceneBindings=i.sceneBindings.filter(t=>t.value.id!==e),r&&a.push(r)}else o.items=o.items.filter(t=>t.id!==e),n=o.timelineAsset.id,r=o.sceneBindings.find(t=>t.value.id===e)?.key.id,o.sceneBindings=o.sceneBindings.filter(t=>t.value.id!==e),r&&a.push(r);const c=t.miscs.findIndex(t=>t.id===n);c>=0&&(t.miscs[c].tracks=t.miscs[c].tracks.filter(t=>t.id!==r));const h=t.miscs.find(t=>t.id===r);h&&(h.children.forEach(e=>{a.push(e.id);const i=t.miscs.find(t=>t.id===e.id);i&&a.push(...i.clips.map(t=>t.asset.id))}),a.push(...h.children.map(t=>t.id))),t.miscs=t.miscs.filter(t=>!a.includes(t.id))}(e,t);const i=this.player.getCompositions()[0].items.find(e=>e.getInstanceId()===t);if(i){const t=i.getWorldTransform(),e=t.getWorldPosition(),s=t.getRotation(),a=t.getWorldScale();i.children.forEach(t=>{t.scale(...a.toArray()),t.rotate(...s.toArray()),t.translate(...e.toArray()),t.parent=void 0,t.parentId=void 0}),i.dispose()}}get undoRedo(){return this.sdk.undoRedo}saveUndoRedoOldData(){const t=this.getPageData()?.activeData?.selectedItems;if(t){const e=t.map(t=>this.getItemCreateInfo(t));this.undoRedo.oldData=e}}pushUndoRedoData(){const t=this.getSelectedItems().map(t=>this.getItemCreateInfo(t.id));if(t.length&&this.undoRedo.oldData?.length){const e=this.undoRedo.oldData,i=t,s=et(e,i);if(console.log("undo redo push data \nisEqual:",s,"\noldData:",e,"\nnewData:",i),!s){const t={type:"update",oldData:e,newData:i};this.undoRedo.push(t),this.emitter.emit("undoRedoChange",t)}}}getItemCreateInfo(t,e=!1){v(this.sdk.pageData,"You must call SDK#run() first");const i=this.getPlayerItemById(t),s=this.getViewProperty()?.scene,a=this.getViewItemById(t);if(!a||!i||!s)return void console.warn(`item ${t} is not existed.`);const{transform:r}=i,n=r.getWorldScale();if(e&&i.parent){const t=i.parent.transform;n.divide(t.getWorldScale())}const{size:o,position:c,rotation:h}=a.property;switch(a.type){case g.ItemType.sprite:{const r=[U(o[0]/n.x,2),U(o[1]/n.y,2)];return{type:"sprite",name:a.name,parentId:e?i.parent?.getInstanceId():void 0,id:t,url:re(s,t),size:r,scale:[n.x,n.y],rotation:h[2],position:[...c]}}case g.ItemType.null:{const s=i.children.map(t=>t.getInstanceId());return{type:"null",id:t,parentId:e?i.parent?.getInstanceId():void 0,children:s,name:i.name,scale:[n.x,n.y],rotation:h[2],position:[...c]}}case g.ItemType.text:{const r=s.components.find(e=>e.item.id===t),n=s.fonts?.find(t=>t.fontFamily===r.options.fontFamily)?.fontURL;return{type:"text",id:t,parentId:e?i.parent?.getInstanceId():void 0,name:a.name,lineHeight:r.options.lineHeight,textWidth:r.options.textWidth,fontFamily:r.options.fontFamily,position:[...c],rotation:h[2],textHeight:r.options.textHeight,fontSize:r.options.fontSize,fontWeight:r.options.fontWeight,fontStyle:r.options.fontStyle,textAlign:r.options.fontStyle,text:r.options.text,textColor:r.options.textColor?.map((t,e)=>e>2?t:U(255*t,0)),outlineColor:r.options.outline?.outlineColor?.map((t,e)=>e>2?t:U(255*t,0)),outlineWidth:r.options.outline?.outlineWidth,outlineEnabled:!!r.options.outline,url:n}}case g.ItemType.video:{const r=[o[0]/n.x,o[1]/n.y],l=s.components.find(e=>e.item.id===t);return{type:"video",name:a.name,parentId:e?i.parent?.getInstanceId():void 0,id:t,url:re(s,t),size:r,scale:[n.x,n.y],rotation:h[2],position:[...c],muted:l.options.muted,transparent:l.options.transparent,playbackRate:l.options.playbackRate,volume:l.options.volume}}}}getChildrenIds(t){return this.getPageData()?.items.filter(e=>e.parentId===t)?.map(t=>t.id)??[]}createScreenShotSceneByIds(t){const e=new H;let i;const s=(t,e,s)=>{const{id:a=D(),url:r,name:n="图层",scale:o=[1,1],rotation:c=0}=t,h=i.images.findIndex(t=>t.url===r);let l={};if(r)if(h<0){const t={id:D(),url:r,renderLevel:g.RenderLevel.BPlus};l={id:D(),source:{id:t.id},flipY:!0,dataType:g.DataType.Texture,magFilter:Ot.LINEAR,minFilter:Ot.LINEAR_MIPMAP_LINEAR,generateMipmap:!0},i.images.push(t),i.textures??(i.textures=[]),i.textures.push(l)}else{const t=i.textures?.find(t=>t.source.id===i.images[h].id);l={id:t?.id}}const p=Qt(a,new K(s.x,s.y,0),new K(0,0,-c),e,new K(o[0]??1,o[1]??1,1),n,l.id);se(i,p)},a=(t,e,s)=>{const{id:a=D(),name:r="文本",lineHeight:n,textWidth:o,fontFamily:c,fontSize:h,fontWeight:l=g.TextWeight.normal,fontStyle:p=g.FontStyle.normal,textAlign:d=g.TextAlignment.left,text:m,textColor:u,rotation:y=0,url:f,textHeight:x,outlineColor:w,outlineWidth:v,outlineEnabled:I}=t;f&&!i.fonts?.find(t=>t.fontFamily===c)&&(i.fonts??(i.fonts=[]),i.fonts.push({fontFamily:c,fontURL:f}));const P=w?w.map((t,e)=>e>2?t:U(t/255,4)):void 0,C=u?u.map((t,e)=>e>2?t:U(t/255,4)):void 0,S={text:m,fontFamily:c,fontSize:h,textColor:C,fontWeight:l,letterSpace:0,textAlign:d,fontStyle:p,textWidth:o,textHeight:x??n,lineHeight:n,outline:I?{outlineColor:P,outlineWidth:v}:void 0},b=ee(a,r,new K(...s.toArray(),0),new K(0,0,-y),new T(e.x,e.y),S);se(i,b)},r=(t,e,s)=>{const{id:a=D(),url:r,name:n="视频",scale:o=[1,1],rotation:c=0,muted:h=!0,transparent:l=!1,playbackRate:p=1,volume:d=1}=t;i.videos??(i.videos=[]);const m=i.videos.findIndex(t=>t.url===r);let u,y={};if(r)if(m<0){const t={id:D(),url:r,renderLevel:g.RenderLevel.BPlus};u=t.id,y={id:D(),source:{id:t.id},flipY:!0,dataType:g.DataType.Texture,magFilter:Ot.LINEAR,minFilter:Ot.LINEAR_MIPMAP_LINEAR,generateMipmap:!0},i.videos.push(t),i.textures??(i.textures=[]),i.textures.push(y)}else{const t=i.textures?.find(t=>t.source.id===i.videos[m].id);u=t.resource.id,y={id:t?.id}}const f=ie(a,new K(s.x,s.y,0),new K(0,0,-c),e,new K(o[0]??1,o[1]??1,1),n,h,l,d,p,y.id,u);se(i,f)};if(Array.isArray(t)){t.map(t=>this.getItemBoxById(t)).map(t=>e.union(t));const n=e.getSize();i=qt(n.toArray());const o=(new j).compose(new K(0,0,8),new O,new K(1,1,1)).invert(),c=(new j).perspective(60*B,n.x/n.y,.1,40,!0),h=(new j).multiplyMatrices(c,o),l=h.clone().invert(),p=h.projectPoint(new K).z,d=new K(0,0,p).applyMatrix(l),m=new K(2,2,p).applyMatrix(l),g=Math.abs(m.x-d.x)/n.x,u=Math.abs(m.y-d.y)/n.y;t.forEach(t=>{const i=this.getItemCreateInfo(t,!1);if(!i||"null"===i.type)return;const n=this.getItemBoxById(t),o="text"===i.type?[i.textWidth,i.textHeight??i.lineHeight]:[...i.size],c=new T(...o).multiply(new T(g,u)).abs(),h=n.getCenter().subtract(e.getCenter()).multiply(new T(g,-u));switch(i.type){case"sprite":s(i,c,h);break;case"text":a(i,c,h);break;case"video":r(i,c,h)}})}else{const e=this.getItemBoxById(t),n=this.getItemCreateInfo(t,!1),o=e.clone().getSize();i=qt(o.toArray());const c=(new j).compose(new K(0,0,8),new O,new K(1,1,1)).invert(),h=(new j).perspective(60*B,o.x/o.y,.1,40,!0),l=(new j).multiplyMatrices(h,c),p=l.clone().invert(),d=l.projectPoint(new K).z,m=new K(0,0,d).applyMatrix(p),g=new K(2,2,d).applyMatrix(p),u=(new K).subtractVectors(g,m);if(n)switch(n.type){case"sprite":s(n,new T(u.x,u.y),new T);break;case"text":a(n,new T(u.x,u.y),new T);break;case"video":r(n,new T(u.x,u.y),new T)}}return i}createSceneByCreateInfos(t,e,i){const s=new H;e?s.setFromVec2Array([new T,new T(...e)]):s.copyFrom(this.getBoundingBoxByCreateInfos(t));const a=s.getSize(),r=qt(a.toArray(),i),n=(new j).compose(new K(0,0,8),new O,new K(1,1,1)).invert(),o=(new j).perspective(60*B,a.x/a.y,.1,40,!0),c=(new j).multiplyMatrices(o,n),h=c.clone().invert(),l=c.projectPoint(new K).z,p=new K(0,0,l).applyMatrix(h),d=new K(2,2,l).applyMatrix(h),m=Math.abs(d.x-p.x)/a.x,u=Math.abs(d.y-p.y)/a.y;return t.forEach(t=>{const e=this.getBoundingBoxByCreateInfo(t),i=e.getSize().multiply(new T(m,u)).abs(),a=e.getCenter().subtract(s.getCenter()).multiply(new T(m,-u));switch(t.type){case"sprite":((t,e,i)=>{const{id:s=D(),url:a,name:n="图层",scale:o=[1,1],rotation:c=0}=t,h=r.images.findIndex(t=>t.url===a);let l={};if(a)if(h<0){const t={id:D(),url:a,renderLevel:g.RenderLevel.BPlus};l={id:D(),source:{id:t.id},flipY:!0,dataType:g.DataType.Texture,magFilter:Ot.LINEAR,minFilter:Ot.LINEAR_MIPMAP_LINEAR,generateMipmap:!0},r.images.push(t),r.textures??(r.textures=[]),r.textures.push(l)}else{const t=r.textures?.find(t=>t.source.id===r.images[h].id);l={id:t?.id}}const p=Qt(s,new K(i.x,i.y,0),new K(0,0,-c),e,new K(o[0],o[1],1),n,l.id);se(r,p)})(t,i,a);break;case"text":((t,e,i)=>{const{id:s=D(),name:a="文本",lineHeight:n,textWidth:o,fontFamily:c,fontSize:h,fontWeight:l=g.TextWeight.normal,fontStyle:p=g.FontStyle.normal,textAlign:d=g.TextAlignment.left,text:m,textColor:u,rotation:y=0,url:f,textHeight:x}=t;f&&!r.fonts?.find(t=>t.fontFamily===c)&&(r.fonts??(r.fonts=[]),r.fonts.push({fontFamily:c,fontURL:f}));const w={text:m,fontFamily:c,fontSize:h,textColor:u,fontWeight:l,letterSpace:0,textAlign:d,fontStyle:p,textWidth:o,textHeight:x??n,lineHeight:n},v=ee(s,a,new K(...i.toArray(),0),new K(0,0,-y),new T(e.x,e.y),w);se(r,v)})(t,i,a);break;case"null":(t=>{const{id:e=D(),name:i="编组",scale:s=[1,1],children:a,rotation:n=0,position:o=[0,0]}=t,c=new T(...o).multiply(new T(m,-u)),h=te(e,i,new K(c.x,c.y,0),new T(...s),n);se(r,h),a.forEach(t=>{const e=r.items.find(e=>e.id===t);e&&(e.transform??(e.transform={position:{x:0,y:0,z:0},eulerHint:{x:0,y:0,z:0},scale:{x:1,y:1,z:1},size:{x:1,y:1}}),e.transform.position.x-=c.x,e.transform.position.y-=c.y)})})(t);break;case"video":((t,e,i)=>{const{id:s=D(),url:a,name:n="视频",scale:o=[1,1],rotation:c=0,muted:h=!0,transparent:l=!1,playbackRate:p=1,volume:d=1}=t;r.videos??(r.videos=[]);const m=r.videos.findIndex(t=>t.url===a);let u={},y="";if(a)if(m<0){const t={id:D(),url:a,renderLevel:g.RenderLevel.BPlus};y=t.id,u={id:D(),source:{id:t.id},flipY:!0,dataType:g.DataType.Texture,magFilter:Ot.LINEAR,minFilter:Ot.LINEAR_MIPMAP_LINEAR,generateMipmap:!0},r.videos.push(t),r.textures??(r.textures=[]),r.textures.push(u)}else{const t=r.textures?.find(t=>t.source.id===r.videos[m].id);y=t.source.id,u={id:t?.id}}const f=ie(s,new K(i.x,i.y,0),new K(0,0,-c),e,new K(o[0],o[1],1),n,h,l,d,p,u.id,y);se(r,f)})(t,i,a)}}),r}updateItemOrder(t,e){v(this.sdk.pageData,"You must call SDK#run() first");const i=this.getCurrentComposition();if(!i)return void console.warn("Composition not found.");const s=i.items.find(e=>e.getInstanceId()===t);if(!s)return void console.warn(`Item with id ${t} not found.`);const a=s.parent,r=a.children.filter(t=>!this.isPluginItem(t)),n=a.children.filter(t=>this.isPluginItem(t)),o=r.findIndex(e=>e.getInstanceId()===t);if(-1===o)return void console.warn(`Item with id ${t} not found in siblings.`);let c=o;switch(e){case 0:c=r.length-1;break;case 1:c=0;break;case 2:c=Math.min(o+1,r.length-1);break;case 3:c=Math.max(o-1,0)}if(c===o)return;const[h]=r.splice(o,1);h&&r.splice(c,0,h),a.children=[...n,...r],this.refreshItemRenderOrder(i),this.sdk.pageData.items=[],this.addViewItemsByItems(this.sdk.pageData.items,i.items),this.emitter.emit("pageDataChange",this.sdk.pageData)}isPluginItem(t){return"ModelPluginItem"===t.name}refreshItemRenderOrder(t){v(this.sdk.pageData,"You must call SDK#run() first");const e=(()=>{const e=[],i=t=>{for(const s of t)this.isPluginItem(s)||(e.push(s),s.children.length>0&&i(s.children))},s=[...t.rootItem.children].filter(t=>"ModelPluginItem"!==t.name);return i(s),e})();t.items.length=0,t.items.push(...e);for(let e=0;e<t.items.length;e++){const i=t.items[e];i.renderOrder=e,i.setActive(!1),i.setActive(!0)}const i=this.getViewProperty();if(i){const{scene:e}=i,s=e.compositions.find(t=>t.id===e.compositionId)??e.compositions[0];if(s){const i=s.components.map(t=>e.components.find(e=>e.id===t.id)).find(t=>t?.dataType===g.DataType.CompositionComponent);i&&(i.items=t.items.map(t=>({id:t.getInstanceId()})))}}}getViewProperty(t){return v(this.sdk.pageData,"You must call SDK#run() first"),t??(t=this.sdk.pageData.activeData.view),this.sdk.pageData.viewProperties.find(e=>e.id===t)}viewportFit(t,e){v(this.sdk.pageData,"You must call SDK#run() first"),t??(t={left:0,right:0,top:0,bottom:0});const{left:i=0,top:s=0,right:a=0,bottom:r=0}=t,n=new H;e?n.copyFrom(e):this.sdk.pageData.items.forEach(t=>{const e=this.getViewBoxById(t.id);n.union(e)});const{offsetWidth:o,offsetHeight:c}=this.container.parentElement,{scale:h,translation:l}=this.interactionUtils.viewportParam;if(n.isEmpty())this.pageMove(l.clone().negate()),this.pageZoom(1-h,void 0,!0);else{n.scale(1.1);const t=n.getCenter(),e=n.getSize(),p=o-i-a,d=c-s-r,m=new T(o/2+i/2-a/2,c/2+s/2-r/2),g=e.x/p*d>e.y?1/(e.x/p):1/(e.y/d),u=(new T).subtractVectors(m,t);this.setPageMove((new T).addVectors(l,u)),this.setPageZoom(g*h,new T(p/2+i,d/2+s),!0)}}getItemBoxById(t){const e=t=>{const e=new H,i=this.getViewItemById(t);if(i){const{position:t,size:s,rotation:a}=i.property;e.setFromCenterAndSize(new T(...t),new T(...s)).rotate(a[2]*B)}return e};if(Array.isArray(t)){const i=[];return i.push(...t.map(e)),i}return e(t)}async setItemFontFamily(t,e,i){v(this.sdk.pageData,"You must call SDK#run() first");const s=this.getPlayerItemById(t),a=this.getActiveTargetScene();if(!s||!a||s.type!==g.ItemType.text)return void console.warn(`text item ${t} is not exsited.`);a.fonts??(a.fonts=[]);!a.fonts.find(t=>"family"in t&&t.family===e||"fontFamily"in t&&t.fontFamily===e)&&a.fonts&&(a.fonts.push({fontFamily:e,fontURL:i}),await Nt.loadFontFamily([{fontURL:i,fontFamily:e}]));const r=a.components.find(e=>e.item.id===t&&[g.DataType.TextComponent,g.DataType.RichTextComponent].includes(e.dataType));r&&(r.options.fontFamily=e),s.getComponent(P).setFontFamily(e),s.getComponent(P).isDirty=!0,this.player.gotoAndStop(this.sdk.pageData.time),this.refreshViewItem(t)}changeItemPropertyByCreateInfo(t){const e=t=>{const e=this.getItemCreateInfo(t.id);if(!e)return void console.warn(`item create info ${t.id} is not exsited.`);Object.keys(t).forEach(async i=>{if(Mt(e[i],t[i])||["type","id"].includes(i))return;const s="sprite"===e.type?g.ItemType.sprite:"null"===e.type?g.ItemType.null:"text"===e.type?g.ItemType.text:g.ItemType.video;if("scale"===i){const a=this.getPlayerItemById(t.id),r=a?.transform.scale,n=[(r?.x??1)/t[i][0],(r?.y??1)/t[i][1]];a?.setScale(...t[i],1);const o=this.getActiveTargetScene();this.changeSceneItemProperty(o,{itemId:e.id,type:s,propertyName:"size",propertyValue:n})}else await this.changeItemProperty({itemId:e.id,type:s,propertyName:i,propertyValue:t[i]})})};Array.isArray(t)?t.map(e):e(t)}getViewBoxByBox(t){const{translation:e,scale:i,width:s,height:a}=this.interactionUtils.viewportParam,r=new T(s/2,a/2);return t.clone().scale(i,r).translate(e)}playVideoItem(t){const e=this.getPlayerItemById(t);if(e?.type!==g.ItemType.video)return;e.getComponent(b).playVideo()}pauseVideoItem(t){const e=this.getPlayerItemById(t);if(e?.type!==g.ItemType.video)return;e.getComponent(b).pauseVideo()}getBoundingBoxByCreateInfo(t){const e=new H;switch(t.type){case"sprite":{const i=new T(...t.position),s=new T(...t.size);e.setFromCenterAndSize(i,s).rotate((t.rotation??0)*B);break}case"text":{const i=new T(...t.position??[0,0]),s=new T(t.textWidth,t.textHeight??t.lineHeight);e.setFromCenterAndSize(i,s).rotate((t.rotation??0)*B);break}case"video":{const i=new T(...t.position),s=new T(...t.size);e.setFromCenterAndSize(i,s).rotate((t.rotation??0)*B);break}}return e}getBoundingBoxByCreateInfos(t){const e=new H,i=new Map,s=new Map;return t.forEach((e,a)=>{const r=e.id??D();switch(s.set(a,r),e.type){case"sprite":case"video":case"text":i.set(r,this.getBoundingBoxByCreateInfo(e));break;case"null":{const s=new H;e.children.forEach(e=>{const i=t.find(t=>t.id===e);i&&s.union(this.getBoundingBoxByCreateInfo(i))}),i.set(r,s);break}}}),i.forEach((t,i)=>{e.union(t)}),e}};import ge from"jszip";import ue from"jszip";var ye,fe,xe,we,ve,Ie,Pe,Ce,De,Se,be,ze,Ae,Te,Ee,_e,Be,ke,Me,Ve,Ue,Ge,Fe="ready",Re="executable",Le="dispose",We={APNG:"APNG",MP4:"MP4",WebM:"WebM",Images:"Images",WebP:"WebP",GIF:"GIF",AlphaMaskVideo:"AlphaMaskVideo"},He="idle",Ne="convertImage",Oe="transcoding",Ke="audio",je="jpeg",$e="webp",Ye="png",Je=(We.MP4,We.WebP,We.APNG,We.GIF,We.AlphaMaskVideo,We.Images,We.MP4,We.WebP,We.APNG,We.GIF,We.AlphaMaskVideo,We.Images,"default"),Xe="exporting",Ze="success",qe="error",Qe={highest:"flags=lanczos,split[s0][s1];[s0]palettegen=max_colors=256[p];[s1][p]paletteuse",high:"flags=bicubic,split[s0][s1];[s0]palettegen=max_colors=200[p];[s1][p]paletteuse",medium:"flags=bilinear,split[s0][s1];[s0]palettegen=max_colors=64[p];[s1][p]paletteuse=dither=bayer",low:"flags=neighbor,split[s0][s1];[s0]palettegen=max_colors=32[p];[s1][p]paletteuse=dither=none"},ti={highest:"1",high:"3",medium:"6",low:"9"},ei=class{constructor(t){c(this,"sampleRate"),c(this,"duration"),c(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 a=0;const r=t=>{for(let e=0;e<t.length;e++)s.setUint8(a++,t.charCodeAt(e))},n=t=>{s.setUint32(a,t,!0),a+=4},o=t=>{s.setUint16(a,t,!0),a+=2};r("RIFF"),n(e-8),r("WAVE"),r("fmt "),n(16),o(1),o(this.channels),n(this.sampleRate),n(this.sampleRate*this.channels*2),o(2*this.channels),o(16),r("data"),n(t);for(let e=0;e<t;e++)s.setUint8(a++,0);return new Uint8Array(i)}},ii=["@vvfx/sdk","exporter"],si=class extends w{constructor(t){super(),c(this,"status",Fe),c(this,"stage",He),c(this,"mediaType"),c(this,"loggerInTranscoding"),c(this,"multiThreading"),c(this,"extraCanvas"),c(this,"player"),p(this,ye),p(this,fe),p(this,xe,0),p(this,we),p(this,ve),p(this,Ie),p(this,Pe),p(this,Ce,[]),p(this,De),p(this,Se),p(this,be,[]),p(this,ze,0),p(this,Ae),p(this,Te,[]),p(this,Ee,0),p(this,_e,0),p(this,Be,0),p(this,ke,0),p(this,Me,[]),p(this,Ve,[]),p(this,Ue,null),p(this,Ge,!0);const{loggerInTranscoding:e,mediaType:i,extraCanvas:s,multiThreading:a}=t;this.mediaType=i,this.loggerInTranscoding=e??!1,this.multiThreading=a??!1,this.extraCanvas=s??void 0,d(this,ye,this.initExportScheduler()),this.onInit()}get canceled(){return this.status===Le}get config(){const t=this.player?.getCompositions()??[],e=t?.[0],i=e?.name??(new Date).getTime().toString(),s=e?.getDuration()??0,a=e?.startTime??0,r=l(this,Ae)?.time;return{name:i,startTime:a,oldTotalTime:s,newTotalTime:r,fps:l(this,Ae)?.fps??30,backgroundColor:l(this,Ae)?.backgroundColor??"#000000",loop:l(this,Ae)?.loop??!0,audioEnable:l(this,Ae)?.audioEnable??!1}}get mp4Config(){return l(this,Ae)?.mp4Config}get gifConfig(){return l(this,Ae)?.gifConfig}get apngConfig(){return l(this,Ae)?.apngConfig}get progress(){const t=l(this,_e)||1,e=l(this,Be)||1,i=Math.min(t/e,1),s=Math.min(l(this,Ee),t)/t*.4,a=Math.min(l(this,ke),t)/t*.6,r=Math.min(s+a,1);l(this,Te)[l(this,ze)]=i;const n=l(this,Te).reduce((t,e,i)=>i<l(this,ze)?t+(e||0):t,0)+r*i;return Math.min((o=n,Math.round(100*o)/100),1);var o}get transImageType(){return this.mediaType===We.MP4?je:this.mediaType===We.WebP?$e:Ye}setMediaType(t){t!==this.mediaType&&(this.mediaType=t,this.onReset(),this.clearAllListeners(),this.onInit())}initExportScheduler(){return"undefined"!=typeof window&&(window.navigator.webdriver||window.navigator.userAgent.includes("HeadlessChrome")||window.navigator.userAgent.includes("Puppeteer"))?t=>{d(this,fe,setTimeout(t,5))}:t=>{d(this,xe,window.requestAnimationFrame(t))}}async onInit(){try{kt("log",[...ii,"ready"],"starting"),this.status=Fe,await this.loadHelper(this.mediaType),this.status=Re,kt("log",[...ii,"ready"],"success"),this.emit("ready",this.mediaType)}catch(t){this.status=Le,this.onError(t)}finally{return this.status}}onReset(){this.stage=He,clearTimeout(l(this,fe)),window.cancelAnimationFrame(l(this,xe)),d(this,xe,0),d(this,fe,void 0),this.player?.pause(),this.clearTaskInfo(),this.setProgress()}onError(t){kt("log",[...ii,"error"],t),this.onFinish(!1,l(this,Me),l(this,Ve),l(this,Ue)),this.emit("error",t),this.dispose()}onFinish(t,e,i,s){kt("log",[...ii,"finish"],t?"success":"failed"),this.emit("progress",1),this.emit("finish",t,e,i,s)}async loadHelper(t){const e="WebP"===t&&!l(this,Ie),i=[We.MP4,We.APNG,We.GIF,We.AlphaMaskVideo].includes(t)&&!l(this,ve);e&&d(this,Ie,await Xt()),i&&(d(this,ve,await async function(t){try{const[{FFmpeg:e},{toBlobURL:i}]=await Promise.all([import("@ffmpeg/ffmpeg").catch(t=>{const e=t instanceof Error?t.message:"Unknown error";throw new Error(`Failed to load @ffmpeg/ffmpeg: ${e}`)}),import("@ffmpeg/util").catch(t=>{const e=t instanceof Error?t.message:"Unknown error";throw new Error(`Failed to load @ffmpeg/util: ${e}`)})]),{multiThreading:s}=t??{},a=new e,r=!!s,n={classWorkerURL:await i(Yt.CLASSWORKER,"text/javascript"),coreURL:"",wasmURL:""};return r?(n.coreURL=await i(Yt.MT.CORE,"text/javascript"),n.wasmURL=await i(Yt.MT.WASM,"application/wasm"),n.workerURL=await i(Yt.MT.WORKER,"text/javascript")):(n.coreURL=await i(Yt.DEFAULT.CORE,"text/javascript"),n.wasmURL=await i(Yt.DEFAULT.WASM,"application/wasm")),await a.load(n),a}catch(t){throw t instanceof Error?t:new Error(`Unknown error occurred while loading FFmpeg: ${String(t)}`)}}({multiThreading:this.multiThreading})),v(l(this,ve)),l(this,ve).on("log",({message:t})=>{if(this.loggerInTranscoding&&kt("log",[...ii,"transcoding log"],t),this.canceled||this.stage!==Oe)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,a=i.compositions?.[0]?.duration??0;return t+Math.round(a*(s??30))},0)}setProgress(t){void 0!==t?.completedTaskPercentArray&&d(this,Te,t.completedTaskPercentArray),void 0!==t?.currentTaskFrameIndex&&d(this,Ee,t.currentTaskFrameIndex),void 0!==t?.currentTaskTotalFrames&&d(this,_e,t.currentTaskTotalFrames),void 0!==t?.currentTaskInTranscodingFrameIndex&&d(this,ke,t.currentTaskInTranscodingFrameIndex),void 0!==t?.allTaskFrames&&d(this,Be,t.allTaskFrames),this.emit("progress",this.progress)}forwardPlayerTime(t,e=!1){v(this.player);const{oldTotalTime:i,startTime:s}=this.config;v(i);const a=1e3*i-1e3*i%15;return t=Math.min(t,a/1e3),e?this.player.gotoAndPlay(t-s):this.player.gotoAndStop(t-s),t}getWavAudio(t){d(this,De,new ei),l(this,ve)?l(this,ve).writeFile(t,l(this,De).getBuffer()):kt("log",[...ii,"getWavAudio"],"ffmpegCore is not ready")}async getImagesZip(t,e){const i=new ue,s=i.folder(t);return v(s),l(this,be).forEach((t,i)=>{s.file(t,e[i])}),i.generateAsync({type:"arraybuffer"})}getWebP(){v(l(this,Ie));const t=Math.round(1e3/this.config.fps/1),e="out.webp",i=`${l(this,be).join(` -d ${t} `)} -d ${t} -o ${e} -loop ${this.config.loop?0:1}`.split(" "),s=l(this,Ie).cwrap("main","string",["number","number"]),[a,r]=function(t,e){const i=t._malloc(e.length*Uint32Array.BYTES_PER_ELEMENT);return e.forEach((e,s)=>{const a=t._malloc(e.length+1);t.writeAsciiToMemory(e,a),t.setValue(i+Uint32Array.BYTES_PER_ELEMENT*s,a,"i32")}),[e.length,i]}(l(this,Ie),i);Bt(a&&r,"getWebP has error"),s(a,r);const n=l(this,Ie).FS.readFile(e);return l(this,be).forEach(t=>{l(this,Ie)?.FS.unlink(t)}),n}async getAPNG(){v(l(this,ve));this.stage=Oe;const t="export.apng",{fps:e,scale:i="-1:-1",quality:s="highest"}=this.apngConfig??{},a=[`scale=${i}:force_original_aspect_ratio=decrease:flags=lanczos`];e&&a.push(`fps=${e}`);if(0!==await l(this,ve).exec(["-framerate",`${this.config.fps}`,"-start_number","1","-i",`image-%4d.${this.transImageType}`,"-vf",a.join(","),"-plays",this.config.loop?"0":"1","-compression_level",ti[s],"-y",t]))throw new Error("the command executed by ffmpeg to generate a apng failed.");return t}async getGIF(){v(l(this,ve));this.stage=Oe;const t="export.gif",{fps:e,scale:i="-1:-1",quality:s="highest"}=this.gifConfig??{},a=[`scale=${i}:${Qe[s]}`];e&&a.unshift(`fps=${e}`);if(0!==await l(this,ve).exec(["-framerate",`${this.config.fps}`,"-start_number","1","-i",`image-%4d.${this.transImageType}`,"-loop",this.config.loop?"0":"-1","-vf",a.join(","),"-y",t]))throw new Error("the command executed by ffmpeg to generate a gif failed.");return t}async getMP4(t,e){v(l(this,ve));this.stage=Oe;const i="export.mp4";let s;const a=e?",setpts=PTS/"+Math.round(t/e*100)/100:"",r=e??t,{isExportLastFramePNG:n}=this.mp4Config??{};this.config.audioEnable&&!l(this,De)&&(d(this,Se,"audio.wav"),this.getWavAudio(l(this,Se)));if(0!==await l(this,ve).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${a}`,"-y",i]))throw new Error("the command executed by ffmpeg to generate a mp4 failed.");if(l(this,Se)&&l(this,De)){this.stage=Ke,s="export-with-audio.mp4";if(0!==await l(this,ve).exec(["-i",i,"-i",l(this,Se),"-c:v","copy","-c:a","aac","-t",`${r}`,"-y",s]))throw new Error("the command executed by ffmpeg to generate a audio of video failed.")}const o=s??i,c=`${Date.now()}.png`;return n&&await l(this,ve).exec(["-sseof","-1","-i",o,"-vframes","1","-y",c]),s&&l(this,ve).deleteFile(i).catch(()=>{kt("log",[...ii,"ffmpeg delete file error"])}),{video:o,lastFrame:c}}async getAlphaMaskVideo(t,e){v(l(this,ve));this.stage=Oe;const i="export.mp4",s=e?",setpts=PTS/"+Math.round(t/e*100)/100:"";return await l(this,ve).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){v(l(this,ve));const i=this.mediaType===We.APNG,s=this.mediaType===We.GIF,a=this.mediaType===We.AlphaMaskVideo,r=this.mediaType===We.MP4;let n="",o="";try{if(i&&(n=await this.getAPNG()),s&&(n=await this.getGIF()),r){const{video:i,lastFrame:s}=await this.getMP4(t,e);n=i,o=s}a&&(n=await this.getAlphaMaskVideo(t,e)),this.stage=He}catch(t){throw kt("log",[...ii,"getVideoByType","failed"],t),t}finally{for(const t of l(this,be))t&&l(this,ve).deleteFile(t)}let c=null,h=null;try{v(n);const t=await l(this,ve).readFile(n);if(c="string"==typeof t?(new TextEncoder).encode(t):new Uint8Array(t),o){const t=await l(this,ve).readFile(o).catch(()=>{kt("log",[...ii,"ffmpeg read extra file error"])});h="string"==typeof t?(new TextEncoder).encode(t):new Uint8Array(t)}}finally{l(this,ve).deleteFile(n).catch(()=>{kt("log",[...ii,"ffmpeg delete file error"])})}return{data:c,extra:h}}onRecordWebM(t){const e=new MediaRecorder(t.captureStream(this.config.fps),{mimeType:"video/webm;codecs=vp9"});d(this,Pe,e),l(this,Pe).start(0);const i=[];l(this,Pe).ondataavailable=t=>{t.data.size>0&&i.push(t.data)},d(this,Ce,i)}async onExportImageFrame(t){try{if(this.canceled)return;const{canvas:s,imageBuffers:a,startTime:r,oldTotalTime:n,newTotalTime:o}=t;v(this.player),v(l(this,we));const c=l(this,Ee)+1;this.stage=Ne,this.setProgress({currentTaskInTranscodingFrameIndex:0,currentTaskFrameIndex:c}),this.loggerInTranscoding&&kt("log",[...ii,"converting log"],`converting ${c} frame image`),c>=1&&this.forwardPlayerTime(c/this.config.fps+r),Jt(l(this,we),s,this.config.backgroundColor);let h=s;this.mediaType===We.AlphaMaskVideo&&(v(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 a=i.getImageData(0,0,t.width,t.height),r=i.getImageData(0,0,t.width,t.height),n=a.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(a,0,0);const o=r.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(r,t.width,0)}(s,this.extraCanvas),h=this.extraCanvas);const p=await async function(t,e,i){return new Promise((s,a)=>{t.toBlob(t=>{t?s(t.arrayBuffer()):a("toBlob failed")},e,i)})}(h,`image/${this.transImageType}`,1),d=`image-${e=c,i=4,String(e).padStart(i,"0")}.${this.transImageType}`;this.mediaType===We.Images?a.push(p):this.mediaType===We.WebP?(v(l(this,Ie)),l(this,Ie).FS.writeFile(d,new Uint8Array(p))):(v(l(this,ve)),await l(this,ve).writeFile(d,new Uint8Array(p))),l(this,be).push(d);if(c===l(this,_e)){this.player?.pause(),await new Promise(t=>{window.requestAnimationFrame(t)});let t=null,e=null;if("Images"===this.mediaType)t=await this.getImagesZip(this.config.name,a);else if("WebP"===this.mediaType)t=this.getWebP();else if([We.MP4,We.APNG,We.GIF,We.AlphaMaskVideo].includes(this.mediaType)){const{data:i,extra:s}=await this.getVideoByType(n,o)??null;t=i,e=s}t&&(kt("log",[...ii,"done"],"success"),this.emit("done",l(this,Ae),!0,t,e))}else l(this,ye).call(this,()=>{this.canceled||this.onExportImageFrame({canvas:s,imageBuffers:a,startTime:r,oldTotalTime:n,newTotalTime:o})})}catch(t){kt("log",[...ii,"onExportImageFrame","failed"],t),this.emit("done",l(this,Ae),!1,void 0,void 0)}var e,i}async onExportWebMFrame(t){try{if(this.canceled)return;v(this.player),v(l(this,we));const e=l(this,Ee)+1;if(this.stage=Ne,this.setProgress({currentTaskInTranscodingFrameIndex:0,currentTaskFrameIndex:e}),this.loggerInTranscoding&&kt("log",[...ii,"converting log"],`converting ${e} frame image`),Jt(l(this,we),t,this.config.backgroundColor),1===e&&(this.player.play(),this.onRecordWebM(t)),e<l(this,_e))d(this,xe,window.requestAnimationFrame(()=>{this.canceled||this.onExportWebMFrame(t)}));else{this.player?.pause(),l(this,Pe)?.stop();const t=new Blob(l(this,Ce),{type:"video/webm"}),e=await t.arrayBuffer();kt("log",[...ii,"done"],"success"),this.emit("done",l(this,Ae),!0,e,void 0)}}catch(t){kt("log",[...ii,"done"],"failed",t),this.emit("done",l(this,Ae),!1,void 0,void 0)}}async runTask(t){try{if(this.canceled)return;v(this.player),v(l(this,we));const{size:e,startTime:i,containerCanvas:s}=t,{oldTotalTime:a,newTotalTime:r}=this.config,[n,o]=e;if(l(this,we).width=n,l(this,we).height=o,s.width=n,s.height=o,this.player.resize(),d(this,be,[]),[We.MP4,We.APNG,We.Images,We.WebP,We.GIF,We.AlphaMaskVideo].includes(this.mediaType)){const t={canvas:s,imageBuffers:[],startTime:i,oldTotalTime:a,newTotalTime:r};await this.onExportImageFrame(t)}else"WebM"===this.mediaType&&await this.onExportWebMFrame(s)}catch(t){kt("log",[...ii,"run task error"],t),this.emit("done",l(this,Ae),!1,void 0,void 0)}}clearTaskInfo(){d(this,ze,0),d(this,Ae,void 0),d(this,Te,[]),d(this,Ee,0),d(this,_e,0),d(this,Be,0),d(this,ke,0),d(this,Me,[]),d(this,Ve,[]),d(this,Ue,[]),d(this,Ge,!0)}clearFFMpegCore(){if(l(this,ve)){for(const t of l(this,be))t&&l(this,ve).deleteFile(t);d(this,be,[]),l(this,ve).terminate(),d(this,ve,void 0)}}clearImage2WebPCore(){l(this,Ie)&&(l(this,Ie).FS.quit(),d(this,Ie,void 0))}clearMediaRecorder(){l(this,Pe)&&(l(this,Pe).stop(),d(this,Pe,void 0)),d(this,Ce,[])}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,l(this,Me),l(this,Ve),l(this,Ue)),this.status=Le,this.onReset(),this.clearMediaRecorder(),this.clearFFMpegCore(),this.clearImage2WebPCore(),this.clearAllListeners(),kt("log",ii,"canceled"))}async onExport(t){const e=t.length;try{if(this.status===Fe)return kt("log",[...ii],"readying"),void this.on("ready",()=>{this.onExport(t)});if(this.status===Le){if(await this.onInit()===Le)throw new Error("init environment failed")}if(this.clearTaskInfo(),!l(this,we)){const t=document.createElement("canvas");t.dataset.key="player-canvas",d(this,we,t)}this.player||(this.player=new y({canvas:l(this,we),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=[],s=[],a=[];let r=!0;for(const[n,o]of t.entries()){if(this.canceled){r=!1;break}d(this,ze,n),d(this,Ae,o);const{size:t,scene:c}=o;await new Promise(async h=>{try{if(!this.player)throw new Error("player not found");kt("log",[...ii,"export"],"start",o),Zt(this.player),await this.player.loadScene(c,{env:"editor",autoplay:!1});const l=this.config.oldTotalTime,p=0;this.player.pause(),this.setProgress({currentTaskFrameIndex:0,currentTaskTotalFrames:Math.round(l*this.config.fps)});const d=(t,e,c,l)=>{this.off("done",d),i[n]=o,e&&c?(s[n]=c,a[n]=l??null):r=!1,h()};this.on("done",d);const m={size:t,startTime:p,containerCanvas:e};await this.runTask(m)}catch(t){kt("log",[...ii,"export error"],t),r=!1,h()}})}d(this,Me,i),d(this,Ve,s),d(this,Ue,a),d(this,Ge,r)}catch(t){this.onError(t),d(this,Ge,!1)}e>=1&&l(this,Ge)?this.onFinish(!0,l(this,Me),l(this,Ve),l(this,Ue)):this.onFinish(!1,l(this,Me),l(this,Ve),l(this,Ue))}dispose(){this.status=Le,this.onReset(),this.clearMediaRecorder(),this.clearFFMpegCore(),this.clearImage2WebPCore(),this.clearAllListeners(),this.player?.dispose(),this.player=void 0,l(this,we)?.remove(),d(this,we,void 0),d(this,Se,void 0),d(this,De,void 0)}};ye=new WeakMap,fe=new WeakMap,xe=new WeakMap,we=new WeakMap,ve=new WeakMap,Ie=new WeakMap,Pe=new WeakMap,Ce=new WeakMap,De=new WeakMap,Se=new WeakMap,be=new WeakMap,ze=new WeakMap,Ae=new WeakMap,Te=new WeakMap,Ee=new WeakMap,_e=new WeakMap,Be=new WeakMap,ke=new WeakMap,Me=new WeakMap,Ve=new WeakMap,Ue=new WeakMap,Ge=new WeakMap;var ai={[We.MP4]:{suffix:"mp4",error:"export mp4 is error"},[We.GIF]:{suffix:"gif",error:"export gif is error"},[We.Images]:{suffix:"zip",error:"export Images is error"},[We.APNG]:{suffix:"apng",error:"export APNG is error"},[We.WebP]:{suffix:"webp",error:"export WebP is error"},[We.AlphaMaskVideo]:{suffix:"mp4",error:"export AlphaMaskVideo is error"},[We.WebM]:{suffix:"webm",error:"export WebM is error"}},ri=class extends w{constructor(t){super(),c(this,"_config"),c(this,"_status",Je),c(this,"_exportMedia"),this._config=t,this._exportMedia=new si(t)}get status(){return this._status}onExportMedia(t,e,i,s,a){if(!e?.length||!s)return void kt("info",["@vvfx/sdk","export media is error","buffers or suffix is empty"]);const r=t[0]?.folderName,n=new ge;e.forEach((e,a)=>{if(!e)return;const{name:r}=t[a]??{};r&&(n.file(`${r}.${s}`,e),i?.[a]?.byteLength&&n.file(`${r}.png`,i[a]))}),n.generateAsync({type:"blob"}).then(t=>{!function(t,e,i="application/octet-stream"){const s=new Blob(Array.isArray(t)?t:[t],{type:i}),a=URL.createObjectURL(s),r=document.createElement("a");r.href=a,r.download=e,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(a)}(t,`${r}.zip`,"application/zip")}).catch(t=>{kt("error",["@vvfx/sdk"],a??"export media is error",t)})}onExportProgress(t){this.emit("progress",t)}onExportDone(t,e,i,s){this.emit("done",t,e,i,s)}onExportError(t){this._status=qe,kt("error",["@vvfx/sdk"],"export is error",t)}setMediaType(t){this._config.mediaType=t,this._exportMedia.setMediaType(t)}onExport(t){this._status=Xe,this._exportMedia.onExport(t),this._exportMedia.on("progress",this.onExportProgress.bind(this)),this._exportMedia.on("done",this.onExportDone.bind(this)),this._exportMedia.once("finish",(e,i,s,a)=>{if(this._status=e?Ze:qe,this.emit("complete",e,i,s),this._config.isOutputBuffer||!s||0===s.length)return;const{suffix:r,error:n}=ai[this._config.mediaType];r&&this.onExportMedia(t,s,a,r,n)}),this._exportMedia.on("error",this.onExportError.bind(this))}onCancel(){this._status=qe,this._exportMedia.onCancel(),this.emit("complete",!1,[],[])}dispose(){this._exportMedia.dispose()}},ni=class{constructor(){c(this,"enabled",!0),c(this,"_player"),c(this,"_container"),this._container=document.createElement("canvas"),this._player=new y({canvas:this._container,manualRender:!0,renderOptions:{willCaptureImage:!0}})}async generate(t,e,i,s,a){if(!this.enabled)return void console.warn("Screen shot is not opened, use #SDK.setConfig() open this feature.");Zt(this._player);const[r,n]=e;this._container.width=r,this._container.height=n,this._player.resize();const o=JSON.parse(JSON.stringify(t));await this._player.loadScene(o),this._player.gotoAndStop(s);const[c,h]=i,l=document.createElement("canvas");l.width=c,l.height=h;const p=l.getContext("2d");a??(a=[255,255,255,1]),p&&(p.fillStyle=`rgba(${a.join(",")})`,p.fillRect(0,0,c,h),this.drawImageCover(p,this._player.canvas,0,0,c,h,.5,.5));const d=l.toDataURL("image/png");return Zt(this._player),d}dispose(){this._player.dispose()}drawImageCover(t,e,i,s,a,r,n,o,c){2===arguments.length&&(i=s=0,a=t.canvas.width,r=t.canvas.height),n="number"==typeof n?_(n,0,1):.5,o="number"==typeof o?_(o,0,1):.5,c??(c={left:0,top:0,width:e instanceof HTMLVideoElement?e.videoWidth:e.width,height:e instanceof HTMLVideoElement?e.videoHeight:e.height});const h=c.width,l=c.height,p=Math.min(a/h,r/l);let d=h*p,m=l*p,g=1;d<a&&(g=a/d),Math.abs(g-1)<1e-14&&m<r&&(g=r/m),d*=g,m*=g;const u=Math.max(h/(d/a),0),y=Math.max(l/(m/r),0),f=Math.min((h-u)*n,h),x=Math.min((l-y)*o,l);t.drawImage(e,f+c.left,x+c.top,u,y,i,s,a,r)}},oi={topAdsorption:"T",leftAdsorption:"L",rightAdsorption:"R",bottomAdsorption:"B",centerAdsorption:"C",bottomCenterAdsorption:"BC"},ci=class{constructor(t){c(this,"_player"),c(this,"_container"),c(this,"size",[0,0]),c(this,"_pageDataUtils"),this._container=document.createElement("canvas"),this._player=new y({canvas:this._container,manualRender:!0}),this._pageDataUtils=t}async adjustment(t,e,i,s,a,r){if(!pi.config.sizeAdaptConfig.enabled)return console.warn("Size adapt is not opened, use #SDK.setConfig() open this feature."),t;this._player??(this._player=new y({canvas:this._container,manualRender:!0})),a??(a=[0,0,0,0]),r??(r=i[0]<i[1]?"y":"x"),this.size=[...s],this._container.width=this.size[0],this._container.height=this.size[1],Zt(this._player),this._player.resize();const n=JSON.parse(JSON.stringify(t));await this._player.loadScene(n,{reusable:!0,autoplay:!1}),this._player.gotoAndStop(e);const o=this._player.getCompositions()[0];if(o){const[e,n]=s,c=i[0]/i[1],h=e/n;c>h&&this.keepDistribute(t,o,h/c,s);const[l,p,d,m]=a,g=e-d-m,u=n-l-p,y=[(d-m)/2,(l-p)/2],f=(new H).setFromCenterAndSize(new T(e,n).divide(2),new T(e,n)),x=(new H).setFromCenterAndSize(new T(e,n).divide(2).add(new T(...y)),new T(g,u));this.keepAdsorption("topAdsorption",t,o,y,f,x,r),this.keepAdsorption("bottomAdsorption",t,o,y,f,x,r),this.keepAdsorption("leftAdsorption",t,o,y,f,x,r),this.keepAdsorption("rightAdsorption",t,o,y,f,x,r),this.keepAdsorption("centerAdsorption",t,o,y,f,x,r),this.keepDoubleAdsorption("bottomCenterAdsorption",t,o,y,f,x)}return t}keepDistribute(t,e,i,s){const a=t=>{const i=(new j).copyFrom(e.camera.getViewProjectionMatrix());return(new T).copyFrom(t.applyMatrix(i).toVector2()).toViewCoordinate(s[0],s[1])};["topAdsorption","centerAdsorption","bottomAdsorption"].forEach(r=>{e.items.filter(t=>t.name.split("-")[0]?.toLocaleUpperCase()===oi[r]&&!t.parentId).forEach(r=>{const n=e.items.filter(t=>t.parentId===r.getInstanceId()),o=n.find(t=>"check-area"===t.name),c=o?this.getViewBoxByHeadlessPlayerItem(o,[],a):this.getViewBoxByHeadlessPlayerItem(r,n,a),h=r.transform.position.clone(),l=c.getCenter(),p=new T(...s.map(t=>t/2)),d=l.y-p.y;((t,i,a)=>{const{z:r}=t.transform.getWorldPosition(),{x:n,y:o}=e.camera.getInverseVPRatio(r);t.transform.translate(2*i*n/s[0],-2*a*o/s[1],0)})(r,0,d/i-d),r.transform.updateLocalMatrix();const m=r.transform.position.clone().subtract(h).toArray();this._pageDataUtils.changeSceneItemProperty(t,{itemId:r.getInstanceId(),type:r.type,propertyName:"position",propertyValue:m})})})}keepAdsorption(t,e,i,s,a,r,n){const{x:o,y:c}=a.getSize(),h=(t,e,s)=>{const{z:a}=t.transform.getWorldPosition(),{x:r,y:n}=i.camera.getInverseVPRatio(a);t.transform.translate(2*e*r/o,-2*s*n/c,0)},l=t=>{const e=(new j).copyFrom(i.camera.getViewProjectionMatrix());return(new T).copyFrom(t.applyMatrix(e).toVector2()).toViewCoordinate(o,c)},p=oi[t];i.items.filter(t=>t.name.split("-")[0]?.toLocaleUpperCase()===p&&!t.parentId).forEach(a=>{const o=i.items.filter(t=>t.parentId===a.getInstanceId()),c=o.find(t=>"check-area"===t.name),p=a.transform.position.clone(),d=["leftAdsorption","rightAdsorption"].includes(t)?"x":"y",m=["leftAdsorption","topAdsorption"].includes(t)?1:-1,g=["leftAdsorption","topAdsorption"].includes(t)?"min":"max",u=["leftAdsorption","topAdsorption"].includes(t)?"max":"min",y=3===a.name.split("-").length,f=Number(a.name.split("-")[1]),x=new T,w=[1,1],v=c?this.getViewBoxByHeadlessPlayerItem(c,[],l):this.getViewBoxByHeadlessPlayerItem(a,o,l);h(a,...s),v.getSize().x>r.getSize().x&&(w[0]=r.getSize().x/v.getSize().x,w[1]=r.getSize().x/v.getSize().x,a.scale(...w,1)),a.transform.updateLocalMatrix();const I=c?this.getViewBoxByHeadlessPlayerItem(c,[],l):this.getViewBoxByHeadlessPlayerItem(a,o,l),P=new T;if(!r.containsBox(I)){const{min:t,max:e}=I,{min:i,max:s}=r;P.x+=t.x<i.x?i.x-t.x:0,P.x+=e.x>s.x?s.x-e.x:0,P.y+=t.y<i.y?i.y-t.y:0,P.y+=e.y>s.y?s.y-e.y:0,h(a,...P.toArray()),a.transform.updateLocalMatrix()}const C=c?this.getViewBoxByHeadlessPlayerItem(c,[],l):this.getViewBoxByHeadlessPlayerItem(a,o,l);if(!Number.isNaN(f)&&y)if("centerAdsorption"!==t){const t=Math.abs(C[u][d]-r[g][d]),e=r.getSize()[d]*f;t>e&&(x[d]=(e-t)*m,h(a,...x.toArray()),a.transform.updateLocalMatrix())}else{const t=C.getSize()[n],e=r.getSize()[n];if(t/e>f){const i=e*f/t;a.scale(i,i,1),w[0]*=i,w[1]*=i}}const D=c?this.getViewBoxByHeadlessPlayerItem(c,[],l):this.getViewBoxByHeadlessPlayerItem(a,o,l),S=i.items.filter(t=>"T"===t.name.split("-")[0]?.toLocaleUpperCase()&&!t.parentId),b=new H;if(S.forEach(t=>{const e=i.items.filter(e=>e.parentId===t.getInstanceId()),s=e.find(t=>"check-area"===t.name),a=s?this.getViewBoxByHeadlessPlayerItem(s,[],l):this.getViewBoxByHeadlessPlayerItem(t,e,l);b.union(a)}),!b.isEmpty()&&b.max.y>D.min.y)if("centerAdsorption"===t){const t=b.max.y-D.min.y;h(a,0,t),a.transform.updateLocalMatrix()}else if(["leftAdsorption","rightAdsorption"].includes(t)){const t=D.getSize().y,e=r.getSize().y-(b.max.y-r.min.y);let i=b.max.y-D.min.y;if(t>e){const s=e/t;w[0]*=s,w[1]*=s,a.scale(s,s,1),a.transform.updateLocalMatrix(),i-=(t-e)/2}h(a,0,i),a.transform.updateLocalMatrix()}const z=a.transform.position.clone().subtract(p).toArray();this._pageDataUtils.changeSceneItemProperty(e,{itemId:a.getInstanceId(),type:a.type,propertyName:"position",propertyValue:z}),this._pageDataUtils.changeSceneItemProperty(e,{itemId:a.getInstanceId(),type:a.type,propertyName:"size",propertyValue:w})})}keepDoubleAdsorption(t,e,i,s,a,r){const{x:n,y:o}=a.getSize(),c=(t,e,s)=>{const{z:a}=t.transform.getWorldPosition(),{x:r,y:c}=i.camera.getInverseVPRatio(a);t.transform.translate(2*e*r/n,-2*s*c/o,0)},h=t=>{const e=(new j).copyFrom(i.camera.getViewProjectionMatrix());return(new T).copyFrom(t.applyMatrix(e).toVector2()).toViewCoordinate(n,o)},l=oi[t];i.items.filter(t=>t.name.split("-")[0]?.toLocaleUpperCase()===l&&!t.parentId).forEach(t=>{const a=i.items.filter(e=>e.parentId===t.getInstanceId()),n=a.find(t=>"check-area"===t.name),o=t.transform.position.clone(),l=3===t.name.split("-").length,p=Number(t.name.split("-")[1]),d=[1,1],m=n?this.getViewBoxByHeadlessPlayerItem(n,[],h):this.getViewBoxByHeadlessPlayerItem(t,a,h);c(t,...s),m.getSize().x>r.getSize().x&&(d[0]=r.getSize().x/m.getSize().x,d[1]=r.getSize().x/m.getSize().x,t.scale(...d,1)),t.transform.updateLocalMatrix();const g=n?this.getViewBoxByHeadlessPlayerItem(n,[],h):this.getViewBoxByHeadlessPlayerItem(t,a,h);if(!Number.isNaN(p)&&l){const e=g.getSize().y,i=r.getSize().y;if(e/i>p){const s=i*p/e;t.scale(s,s,1),d[0]*=s,d[1]*=s}}const u=n?this.getViewBoxByHeadlessPlayerItem(n,[],h):this.getViewBoxByHeadlessPlayerItem(t,a,h),y=new T;if(!r.containsBox(u)){const{min:e,max:i}=u,{min:s,max:a}=r;y.x+=e.x<s.x?s.x-e.x:0,y.x+=i.x>a.x?a.x-i.x:0,y.y+=e.y<s.y?s.y-e.y:0,y.y+=i.y>a.y?a.y-i.y:0,c(t,...y.toArray()),t.transform.updateLocalMatrix()}const f=t.transform.position.clone().subtract(o).toArray();this._pageDataUtils.changeSceneItemProperty(e,{itemId:t.getInstanceId(),type:t.type,propertyName:"position",propertyValue:f}),this._pageDataUtils.changeSceneItemProperty(e,{itemId:t.getInstanceId(),type:t.type,propertyName:"size",propertyValue:d})})}getViewBoxByHeadlessPlayerItem(t,e,i){const s=new H,{transform:a,composition:r}=t;switch(t.type){case g.ItemType.sprite:case g.ItemType.plugin:case g.ItemType.video:case g.ItemType.richtext:case g.ItemType.text:case g.ItemType.shape:{a.setValid(!0),a.updateLocalMatrix();const{size:t}=a,n=(new j).copyFrom(r?.transform.getWorldMatrix()??new j).invert().multiply(a.getWorldMatrix()),{x:o,y:c}=t.clone().divide(2),h=new K(o,c,0).applyMatrix(n),l=new K(o,-c,0).applyMatrix(n),p=new K(-o,-c,0).applyMatrix(n),d=new K(-o,c,0).applyMatrix(n),m=i(h).round(2),g=i(l).round(2),u=i(p).round(2),y=i(d).round(2);s.setFromVec2Array([m,g,u,y]);const f=e?.map(t=>{const e=r?.items.filter(e=>e.parentId===t.getInstanceId())??[];return this.getViewBoxByHeadlessPlayerItem(t,e,i)});f&&f.map(t=>s.union(t));break}case g.ItemType.null:{const t=e?.map(t=>{const e=r?.items.filter(e=>e.parentId===t.getInstanceId())??[];return this.getViewBoxByHeadlessPlayerItem(t,e,i)});t&&t.map(t=>s.union(t));break}}return s}dispose(){this._player?.dispose()}},hi=class{constructor(){c(this,"index",-1),c(this,"operations",[]),c(this,"oldData")}get canUndo(){return this.index>-1}get canRedo(){return this.index<this.operations.length-1}push(t){this.index++,this.operations[this.index]=t,this.operations.length=this.index+1}undo(){if(this.index<0)return;const t=this.operations[this.index];return this.index--,t}redo(){if(!(this.index>=this.operations.length-1))return this.index++,this.operations[this.index]}clear(){this.operations=[]}},li=class t{constructor(e,i="template"){c(this,"_eventEmitter",new w),c(this,"_pageData"),c(this,"_screenShot"),c(this,"_exporter"),c(this,"_pageDataUtils"),c(this,"_sizeAdapt"),c(this,"_gestureHandler"),c(this,"disposables",[]),c(this,"_isSwitchScene",!1),c(this,"_undoRedo",new hi),c(this,"player"),c(this,"_container"),c(this,"_playerContainer"),c(this,"on",this._eventEmitter.on),this._container=e,t.config.mode=i;const s=document.createElement("div"),[a,r]="editor"===i?[this._container.clientWidth,this._container.clientHeight]:[this._container.offsetWidth,this._container.offsetHeight];this._playerContainer=s,this._playerContainer.id="player-container",this._playerContainer.style.position="absolute",this._playerContainer.style.backgroundRepeat="no-repeat",this._playerContainer.style.backgroundPosition="center center",this._playerContainer.style.width=`${a}px`,this._playerContainer.style.height=`${r}px`,this._container.appendChild(s),this.player=new y({container:this._playerContainer,pixelRatio:2,interactive:!0,env:"editor"}),this.player.on("update",()=>{if(v(this._pageData,"You must call SDK#run() first"),this._isSwitchScene)return;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._pageDataUtils.refreshPageTime(t);else{this._pageData.playing=!1,this.setPlayProgress(100);const t=this.getViewProperty(this._pageData.activeData.view??0)?.scene,e=t?.compositions.find(e=>e.id===t.compositionId);this._pageData.time=e?.duration??2,this._pageDataUtils.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._eventEmitter.on("pageDataChange",t=>{this._pageData=t,this._gestureHandler.render()}),this._eventEmitter.on("preSelectedItemChange",t=>{v(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.preSelectedItem=t,this._gestureHandler.render()}),this._eventEmitter.on("selectedViewChange",t=>{v(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.view=t;const e=this.getViewProperty(t);this._gestureHandler.ignoreInteraction=!!e?.ignoreInteraction}),this._eventEmitter.on("sdkConfigChange",(t,e)=>{this.checkExporter(t.exportConfig,e.exportConfig)}),this._pageDataUtils=new me(this.player,s,this._eventEmitter,this),this._gestureHandler=new Ht(e),this._screenShot=new ni,this._sizeAdapt=new ci(this._pageDataUtils);const n=new ResizeObserver(()=>{if(!this._pageData)return;const i=[e.offsetWidth,e.offsetHeight],s=this.getViewProperty(this._pageData.activeData.view??0);if(s){if("template"===t.config.mode){const{size:t}=s,[e,a]=this._pageDataUtils.getPlayerSizeByParent(i,t);this._playerContainer.style.width=`${e}px`,this._playerContainer.style.height=`${a}px`,this.player.resize()}this._pageDataUtils.refreshInteractionParam(),this._gestureHandler.resize()}});n.observe(e),this.disposables.push(()=>{n.disconnect()})}get container(){return this._container}get pageData(){return this._pageData}get initExporterEnabled(){return"template"===t.config.mode&&t.config.exportConfig.enabled}get exportStatus(){return this?._exporter?.status}get undoRedo(){return this._undoRedo}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:a,scene:r,export:{name:n,...o}}=t,c=a?.[0]&&a?.[1]?` (${s+1})_${a[0]}×${a[1]}`:` (${s+1})`;let h="";return h=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}${c}`,i.push(h),{folderName:e,name:h,size:a,scene:JSON.parse(JSON.stringify(r)),...o}})}dispose(){this.player?.dispose(),this._screenShot?.dispose(),this._pageData=void 0,this._playerContainer.remove(),this?._exporter?.dispose(),this._screenShot.dispose(),this._gestureHandler.dispose(),this.disposables.forEach(t=>{t()})}setSDKMode(e){if(e===t.config.mode)return;t.config.mode=e;const[i,s]="template"===e?[this._container.offsetWidth,this._container.offsetHeight]:[document.documentElement.clientWidth,document.documentElement.clientHeight];if(!this._playerContainer){const t=document.createElement("div");this._container.appendChild(t),this._playerContainer=t,this._playerContainer.id="player-container",this._playerContainer.style.position="absolute",this._playerContainer.style.backgroundRepeat="no-repeat",this._playerContainer.style.backgroundPosition="center center"}"editor"===e&&(this._playerContainer.style.left="0px",this._playerContainer.style.top="0px"),this._playerContainer.style.width=`${i}px`,this._playerContainer.style.height=`${s}px`,this.player??(this.player=new y({container:this._playerContainer,interactive:!0,pixelRatio:window.devicePixelRatio||1,env:"editor"})),this.player.resize()}async getInitParam(t){const e=JSON.parse(JSON.stringify(t));if("editor"===e.mode){const t=[this._playerContainer.offsetWidth,this._playerContainer.offsetHeight];return{scene:qt(t),viewParams:[{size:t,export:{audioEnable:!1}}],options:{asyncMode:!1,safeAreaPreview:!1,adsorption:!0}}}{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(),s=i.compositions.find(t=>t.id===i.compositionId)??i.compositions[0],a=e.viewParams?.length?e.viewParams:[{size:s.previewSize??[750,1624],export:{audioEnable:!1}}];return{...e,scene:i,viewParams:a}}catch(t){throw new Error(`Failed to fetch scene data from ${e.scene}: ${t instanceof Error?t.message:String(t)}`)}const t=e.scene.compositions.find(t=>t.id===e.scene.compositionId)??e.scene.compositions[0],i=e.viewParams?.length?e.viewParams:[{size:t.previewSize??[750,1624],export:{audioEnable:!1}}];return{...e,scene:e.scene,viewParams:i}}}checkExporter(t,e){if(this._exporter&&!Mt(t,e)){if(t.mediaType!==e.mediaType)return void this._exporter.setMediaType(e.mediaType);this._exporter.dispose(),this.initExporterEnabled&&this.initExporter(e)}}initExporter(t){this._exporter=new ri(t),this._exporter.on("progress",t=>{this._eventEmitter.emit("exportProgress",t)}),this._exporter.on("done",(t,e,i)=>{this._eventEmitter.emit("exportDone",t,e,i)}),this._exporter.on("complete",(t,e,i)=>{this._eventEmitter.emit("exportComplete",t,e,i)})}async initSDK(e){var i;const{scene:s,viewParams:a,options:r}=e,n=[];if(t.config.pageConfig.staticPreview){const t=JSON.parse(JSON.stringify(s)),e=t.compositions.find(e=>e.id===t.compositionId)??t.compositions[0];if(e){const[i,s]=e.previewSize??[1080,1920],a=e.duration??0;n.push({size:[i,s],safeArea:[0,0,0,0],previewSafeAreas:[],id:0,scene:t,ignoreInteraction:!0,export:{time:a,audioEnable:!1}})}}for(let e=0;e<a.length;e++){const r=a[e];if(!r)continue;let o=JSON.parse(JSON.stringify(s));const c=o.compositions.find(t=>t.id===o.compositionId)??o.compositions[0];v(c);const h=c.previewSize??[750,1624],l=h,p=r.size??h;c.previewSize=p;const d=c.duration??0,m=r.safeArea??[0,0,0,0];t.config.sizeAdaptConfig.enabled&&(o=await this._sizeAdapt.adjustment(o,d,l,p,m,r.adaptionDirection)),(i=r.export).time??(i.time=d),n.push({...r,size:p,safeArea:m,previewSafeAreas:[...r.previewSafeAreas??[]],id:e+1,scene:o,ignoreInteraction:!1})}const o=n[0]?.scene;if(!o)return void console.warn("SDK need one view property at least.");const c=o.compositions.find(t=>t.id===o.compositionId)??o.compositions[0],h={...r,zoom:1,translation:[0,0],asyncMode:r.asyncMode??!1},l=(c?.duration??0)-.1,p=t.config.pageConfig.staticPreview?1:0;this._pageData={scene:JSON.parse(JSON.stringify(s)),time:l,property:h,activeData:{view:n[p].id,selectedItems:[]},items:[],viewProperties:n,playing:!1},this._pageDataUtils.init(),await this._gestureHandler.init(this._pageDataUtils,this._eventEmitter),this._gestureHandler.ignoreInteraction=!!n[1]?.ignoreInteraction,t.config.gestureHandlerConfig.preferenceGizmoConfig.safeAreaEnabled=h.safeAreaPreview,this._eventEmitter.emit("progress",{duration:l,time:l,end:this.player.getCompositions()[0]?.isDestroyed??!1,paused:!this._pageData.playing}),await this._pageDataUtils.loadScene(this._pageData.activeData.view),this._pageDataUtils.refreshPageTime(l)}async run(e){this.setSDKMode(e.mode),t.config.pageConfig.staticPreview="template"===e.mode&&t.config.pageConfig.staticPreview;const i=await this.getInitParam(e);await this.initSDK(i),this._eventEmitter.emit("pageDataChange",this.getPageData()),this.initExporterEnabled&&this.initExporter(t.config.exportConfig)}getPageData(){return JSON.parse(JSON.stringify(this._pageData))}getActiveItems(){return v(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.selectedItems}setPreSelectedItem(t){v(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.preSelectedItem=t}getPreSelectedItem(){return v(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.preSelectedItem??""}setSelectedItems(t){this._pageDataUtils.clearPreSelectedItem(),this._pageDataUtils.clearSelectedItems(),this._pageDataUtils.addSelectedItems([...t])}getItemProperty(t){v(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){v(this._pageData,"You must call SDK#run() first");const e=this.getItemProperty(t)?.property?.[t.propertyName];return e}async setItemPropertyValue(t){v(this._pageData,"You must call SDK#run() first");const e=this.getViewProperty(this._pageData.activeData.view??0)?.ignoreInteraction;e?console.warn("Static scene cannot change."):(await this._pageDataUtils.changeItemProperty(t),this._gestureHandler.render(),t&&this._eventEmitter.emit("itemPropertyChange",{id:t.itemId,property:t.propertyName}),this._eventEmitter.emit("pageDataChange",this.getPageData()))}async generateScreenShot(t,e=[300,400],i,s){v(this._pageData,"You must call SDK#run() first");const a=this.getViewProperty(t);if(!a)return"";const{scene:r,size:[n,o]}=a,c=r.compositionId,h=r.compositions.find(t=>t.id===c);i??(i=h?.duration??0);const l=JSON.parse(JSON.stringify(r));return await this._screenShot.generate(l,[n,o],e,i,s)}async switchScene(t){if(v(this._pageData,"You must call SDK#run() first"),t===this._pageData.activeData.view)return;this._isSwitchScene=!0;const e=this._pageData.viewProperties[t];if(e){const t=this._pageData.playing;this._pageData.activeData={view:e.id,selectedItems:[],preSelectedItem:void 0},await this._pageDataUtils.loadScene(e.id),t&&(this._pageData.playing=t,this.player.gotoAndPlay(this._pageData.time))}else console.warn("target scene does not exist.");this._eventEmitter.emit("selectedViewChange",t),this._eventEmitter.emit("pageDataChange",this.getPageData()),this._isSwitchScene=!1}getPageConfig(){return v(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,translation:this._pageData.property.translation}}setPageConfig(e){v(this._pageData,"You must call SDK#run() first");const{adsorption:i,safeAreaPreview:s,zoom:a}=this._pageData.property;this._pageData.property={...this._pageData.property,...e},this._pageData.property.zoom!==a&&this._pageDataUtils.setPageZoom(this._pageData.property.zoom),i!==e.adsorption&&(t.config.gestureHandlerConfig.adsorptionGizmoEnabled=e.adsorption),s!==e.safeAreaPreview&&(t.config.gestureHandlerConfig.preferenceGizmoConfig.safeAreaEnabled=e.safeAreaPreview),this._gestureHandler.render()}async setPlayProgress(t){v(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&&(Zt(this.player),await this._pageDataUtils.loadScene(this._pageData.activeData.view??0));this._pageData.playing?this.player.gotoAndPlay(e):(this.player.gotoAndStop(e),this._eventEmitter.emit("progress",{duration:this.player.getCompositions()[0]?.getDuration()??2,time:e,end:this.player.getCompositions()[0]?.isDestroyed??!1,paused:!0})),this._pageDataUtils.refreshPageTime(e)}getViewItems(){return this.getPageData()?.items??[]}async setPlayState(t){v(this._pageData,"You must call SDK#run() first");const e="play"===t;if(this._pageData.playing!==e){if(this._pageData.playing=e,this._gestureHandler.ignoreInteraction=e,e){const t=this.player.getCompositions(),e=this.getViewProperty(this._pageData.activeData.view??0);await this.player.loadScene(e.scene,{autoplay:!1}),this.player.gotoAndPlay(this._pageData.time),this.destroyCompositions(t)}else this.player.gotoAndStop(this._pageData.time);this._gestureHandler.render()}}getViewThumbnail(){return v(this._pageData,"You must call SDK#run() first"),this._pageData.viewProperties.map(async t=>({id:t.id,thumbnail:await this.generateScreenShot(t.id)}))}getViewScene(){return v(this._pageData,"You must call SDK#run() first"),this._pageData.viewProperties.map(t=>({id:t.id,thumbnail:t.scene}))}destroyCompositions(t){t.forEach(t=>{t.dispose();const e=this.player.getCompositions(),i=e.indexOf(t);i>-1&&e.splice(i,1)})}onExport(){t.config.exportConfig.enabled&&(v(this.pageData,"You must call SDK#run() first"),v(this._exporter,"You must init exporter first"),this._exporter.onExport(this.exportOptions))}cancelExport(){v(this._exporter,"You must init exporter first"),this._exporter.onCancel()}async loadPageData(t){v(this._pageData,"You must call SDK#run() first"),this._pageData.activeData={view:this._pageData.viewProperties[this._pageData.viewProperties.length-1].id,selectedItems:[],preSelectedItem:void 0},this._pageData.viewProperties.push(...t.viewProperties),this._pageDataUtils.init(),await this._gestureHandler.init(this._pageDataUtils,this._eventEmitter),await this._pageDataUtils.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._pageDataUtils.init(),await this._gestureHandler.init(this._pageDataUtils,this._eventEmitter),await this._pageDataUtils.loadScene(this.pageData?.activeData.view??0),this._pageDataUtils.refreshPageTime(this._pageData.time),this._eventEmitter.emit("pageDataChange",this.getPageData())}async reloadPageDataByScene(t){v(this._pageData,"You must call SDK#run() first");let e=JSON.parse(JSON.stringify(t));if("string"==typeof e)try{const t=await fetch(e,{mode:"cors",credentials:"omit",headers:{Accept:"application/json"}});if(!t.ok)throw new Error(`HTTP error! status: ${t.status}, statusText: ${t.statusText}`);e=await t.json()}catch(t){throw new Error(`Failed to fetch scene data from ${e}: ${t instanceof Error?t.message:String(t)}`)}this._pageData.time=e.compositions.find(t=>t.id===e.compositionId)?.duration??2,this._pageData.viewProperties.forEach(t=>{t.scene=JSON.parse(JSON.stringify(e))}),this._pageDataUtils.init(),await this._gestureHandler.init(this._pageDataUtils,this._eventEmitter),await this._pageDataUtils.loadScene(this._pageData.activeData.view??0),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})}async addViewParams(e){var i;v(this._pageData);const s=[],a=this._pageData.viewProperties[this._pageData.viewProperties.length-1]?.id??this._pageData.viewProperties.length-1;for(let r=0;r<e.length;r++){const n=e[r];if(!n)continue;let o=JSON.parse(JSON.stringify(this._pageData.scene));const c=o.compositions.find(t=>t.id===o.compositionId)??o.compositions[0];v(c);const{previewSize:h=[750,1624]}=c,l=h,p=n.size??h;c.previewSize=p;const d=c.duration??0,m=n.safeArea??[0,0,0,0];t.config.sizeAdaptConfig.enabled&&(o=await this._sizeAdapt.adjustment(o,d,l,p,m,n.adaptionDirection)),(i=n.export).time??(i.time=d),s.push({...n,size:p,safeArea:m,previewSafeAreas:[...n.previewSafeAreas??[]],id:a+1+r,scene:o,ignoreInteraction:!1})}this._pageData.viewProperties.push(...s),this._eventEmitter.emit("pageDataChange",this.getPageData())}async deleteViewParams(t){t.sort((t,e)=>t-e);for(let e=0;e<t.length;e++){const i=t[e];v(this._pageData);const s=i-e,a=this._pageData.viewProperties.findIndex(t=>t.id===s);if(!0===this._pageData.viewProperties[a]?.ignoreInteraction){console.warn("target view ignore interaction, it can not be deleted.");continue}if(a<0){console.warn("Target view is not existed.");continue}this._pageData.viewProperties.splice(a,1);const r=this._pageData.activeData.view??0;s===r?(this._pageData.activeData.view=0,await this._pageDataUtils.loadScene(0)):s<r&&(this._pageData.activeData.view=r-1),this._pageData.viewProperties.forEach(t=>{t.id>s&&(t.id-=1)})}this._eventEmitter.emit("selectedViewChange",this._pageData?.activeData?.view??0),this._eventEmitter.emit("pageDataChange",this.getPageData())}setExportParam(t,e){v(this._pageData),this._pageData.viewProperties.forEach(i=>{void 0!==e&&i.id!==e||Object.assign(i.export,t)})}setPageZoom(t,e,i){v(this._pageData),this._pageData.property.zoom=t,this._pageDataUtils.setPageZoom(this._pageData.property.zoom,e,i),this._gestureHandler.render()}setPageMove(t){v(this._pageData),this._pageData.property.translation=t.toArray(),this._pageDataUtils.setPageMove(t.clone()),this._gestureHandler.render()}setStaticPreviewEnabled(e){t.config.pageConfig.staticPreview=e}setStaticPreviewName(e){t.config.pageConfig.staticPreviewName=e}setAsyncEnabled(e){t.config.pageConfig.asncMode=e}setGroupVisibleEnabled(e){t.config.pageConfig.groupVisible=e}addFilterItemNames(e){"string"==typeof e?Q(t.config.pageConfig.filterItemNames,e):e.forEach(e=>{Q(t.config.pageConfig.filterItemNames,e)})}setPreferenceBackgroundColor(e){t.config.gestureHandlerConfig.preferenceGizmoConfig.markColor=e[0]<<16|e[1]<<8|e[2],t.config.gestureHandlerConfig.preferenceGizmoConfig.markAlpha=e[3]??.3,this._gestureHandler.render()}setSafeAreaColor(e){t.config.gestureHandlerConfig.preferenceGizmoConfig.safeAreaBoxColor=e[0]<<16|e[1]<<8|e[2],t.config.gestureHandlerConfig.preferenceGizmoConfig.safeAreaBoxAlpha=e[3]??.3,this._gestureHandler.render()}setSizeAdaptEnabled(e){t.config.sizeAdaptConfig.enabled=e}setScreenShotEnabled(e){t.config.screenShotConfig.enabled=e}setExportConfig(e){const i=Object.assign({},t.config.exportConfig,e);this.checkExporter(t.config.exportConfig,i),t.config.exportConfig=i}setSelectorGizmoPreSelectConfig(e,i){void 0!==e&&(t.config.gestureHandlerConfig.selectorGizmoConfig.preSelectedColor=e),void 0!==i&&(t.config.gestureHandlerConfig.selectorGizmoConfig.preSelectedWidth=i),this._gestureHandler.render()}setTranformGizmoWireframeConfig(e){void 0!==e.wireframeAlpha&&(t.config.gestureHandlerConfig.transformGizmoConfig.wireframeAlpha=e.wireframeAlpha),void 0!==e.wireframeColor&&(t.config.gestureHandlerConfig.transformGizmoConfig.wireframeColor=e.wireframeColor),void 0!==e.wireframeWidth&&(t.config.gestureHandlerConfig.transformGizmoConfig.wireframeWidth=e.wireframeWidth),this._gestureHandler.render()}getSDKConfig(){return t.config}setSDKConfig(e){const i=Object.assign({},t.config);this._eventEmitter.emit("sdkConfigChange",i,e),t.config=e}setSDKBackground(t,e){switch(t){case"color":this._container.style.removeProperty("background-color"),this._container.style.removeProperty("background-image"),this._container.style.removeProperty("background-repeat"),this._container.style.removeProperty("background-position"),this._container.style.removeProperty("background-size"),e&&(this._container.style.backgroundColor=e);break;case"image":this._container.style.removeProperty("background-color"),this._container.style.removeProperty("background-image"),this._container.style.removeProperty("background-repeat"),this._container.style.removeProperty("background-position"),this._container.style.removeProperty("background-size"),e&&(this._container.style.backgroundImage=`url(${e})`);break;case"chess-board":e??(e="#CCCCCC"),this._container.style.backgroundColor=e,this._container.style.backgroundImage="linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%),linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%)",this._container.style.backgroundRepeat="repeat",this._container.style.backgroundPosition="0 0, 10px 10px",this._container.style.backgroundSize="20px 20px"}}async addSpriteItem(t,e){return await this._pageDataUtils.addSpriteItem(t,e)}async addVideoItem(t,e){return await this._pageDataUtils.addVideoItem(t,e)}openPictureCutGizmo(){this._gestureHandler.openPictureCutGizmo()}closePictureCutGizmo(){this._gestureHandler.closePictureCutGizmo()}getCutInfo(){return this._gestureHandler.getCutInfo()}setCutBox(t,e){return this._gestureHandler.setCutBox(t,e)}openPictureExpandGizmo(){this._gestureHandler.openPictureExpandGizmo()}closePictureExpandGizmo(){this._gestureHandler.closePictureExpandGizmo()}getExpandInfo(){return this._gestureHandler.getExpandInfo()}setExpandBox(t,e){return this._gestureHandler.setExpandBox(t,e)}openMaskGizmo(t){this._gestureHandler.openMaskGizmo(t)}clearMaskGizmo(){this._gestureHandler.clearMaskGizmo()}closeMaskGizmo(){this._gestureHandler.closeMaskGizmo()}getMask(){return this._gestureHandler.getMask()}setMaskGizmoConfig(t){this._gestureHandler.setMaskGizmoConfig(t)}openLoadingGizmo(t,e,i){this._gestureHandler.openLoadingGizmo(t,e,i)}closeLoadingGizmo(t){this._gestureHandler.closeLoadingGizmo(t)}groupItems(t,e){return this._pageDataUtils.addNullItem(t,e)}async addTextItem(t,e){return await this._pageDataUtils.addTextItem(t,e)}deleteItems(t){if(v(this._pageData,"You must call SDK#run() first"),Array.isArray(t)){t.forEach(t=>{this._pageDataUtils.deleteItem(t)});const e=this._pageData.activeData.selectedItems.filter(e=>!t.includes(e));this._pageData.activeData.selectedItems=[...e],this._eventEmitter.emit("selectedItemChange",e)}else{this._pageDataUtils.deleteItem(t);const e=this._pageData.activeData.selectedItems.filter(e=>e!==t);this._pageData.activeData.selectedItems=[...e],this._eventEmitter.emit("selectedItemChange",e)}this._pageDataUtils.interactionUtils.refreshViewParam(),this._pageDataUtils.interactionUtils.refreshCameraParam(),this._pageData.items=[];const e=this._pageDataUtils.getCurrentComposition();this._pageDataUtils.addViewItemsByItems(this._pageData.items,e.items),this._eventEmitter.emit("pageDataChange",this._pageData)}getItemCreateInfo(t){v(this._pageData,"You must call SDK#run() first");const e=[];if(Array.isArray(t))t.forEach(i=>{const s=this._pageDataUtils.getViewItemById(i),a=this._pageDataUtils.getItemCreateInfo(i,!(!s?.parentId||!t.includes(s?.parentId)));a&&e.push(a)});else{const i=this._pageDataUtils.getItemCreateInfo(t,!1);i&&e.push(i)}return e}async createScreenShotSceneByIds(t,e=0){const i=this._pageDataUtils.createScreenShotSceneByIds(t);if(!i)return;const s=i?.compositions[0]?.previewSize??[750,1624];return await this._screenShot.generate(i,s,s,e)}getChildrenIds(t){return this._pageDataUtils.getChildrenIds(t)}updateItemOrder(t,e){v(this._pageData,"You must call SDK#run() first");const i=this.getViewProperty(this._pageData.activeData.view??0)?.ignoreInteraction;i?console.warn("Static scene cannot change."):(this._pageDataUtils.updateItemOrder(t,e),this._gestureHandler.render())}exportJSON(t){v(this._pageData,"You must call SDK#run() first");const e=[];if(Array.isArray(t))t.forEach(t=>{const i=this.getViewProperty(t);i?e.push(i.scene):console.warn(`view id ${t} is not exsited.`)});else if(void 0!==t){const i=this.getViewProperty(t);i?e.push(i.scene):console.warn(`view id ${t} is not exsited.`)}else e.push(...this._pageData.viewProperties.map(t=>t.scene));return e}getViewBoxById(t){return this._pageDataUtils.getViewBoxById(t)}getViewItemById(t){return this._pageDataUtils.getViewItemById(t)}getViewProperty(t){return this._pageDataUtils.getViewProperty(t)}pageMove(t){this._pageDataUtils.pageMove(new T(...t))}pageZoom(t,e){this._pageDataUtils.pageZoom(t,e?new T(...e):void 0)}setPictureCutGizmoLockScale(t){this._gestureHandler.setPictureCutGizmoLockScale(t)}setPictureExpandGizmoLockScale(t){this._gestureHandler.setPictureExpandGizmoLockScale(t)}viewportFit(t,e){this._pageDataUtils.viewportFit(t,e)}getItemBoxById(t){return this._pageDataUtils.getItemBoxById(t)}async setItemFontFamily(t,e,i){await this._pageDataUtils.setItemFontFamily(t,e,i),this._eventEmitter.emit("itemPropertyChange",{id:t,property:"fontFamily"})}createSceneByCreateInfos(t,e){return this._pageDataUtils.createSceneByCreateInfos(t,e.size,e.name)}changeItemPropertyByCreateInfo(t){this._pageDataUtils.changeItemPropertyByCreateInfo(t),this._gestureHandler.render()}setTransformGizmoLockScale(t){this._gestureHandler.setTransformGizmoLockScale(t)}getViewBoxByBox(t){return this._pageDataUtils.getViewBoxByBox(t)}openSpriteTextEditGizmo(t){this._gestureHandler.openSpriteTextGizmo(t)}closeSpriteTextEditGizmo(){this._gestureHandler.closeSpriteTextEditGizmo()}setSpriteTextSelectedIndex(t,e){this._gestureHandler.setSpriteTextSelectedIndex(t,e)}setSpriteTextSelectedText(t,e,i){this._gestureHandler.setSpriteTextSelectedText(t,e,i)}getBoundingBoxByItemCreateInfo(t){return this._pageDataUtils.getBoundingBoxByCreateInfo(t)}getBoundingBoxByItemCreateInfos(t){return this._pageDataUtils.getBoundingBoxByCreateInfos(t)}setSpriteTextChangedState(t,e,i){this._gestureHandler.setSpriteTextChangedState(t,e,i)}setSpriteTextEditState(t,e,i){this._gestureHandler.setSpriteTextEditState(t,e,i)}};c(li,"config",{mode:"template",pageConfig:{asncMode:!1,minZoom:.01,maxZoom:20,staticPreview:!0,staticPreviewName:"标准模板",filterItemNames:["check-area","ModelPluginItem"],groupVisible:!0},screenShotConfig:{enabled:!0},exportConfig:{enabled:!0,mediaType:"MP4",loggerInTranscoding:!1},sizeAdaptConfig:{enabled:!0},gestureHandlerConfig:{enabled:!0,adsorptionGizmoEnabled:!0,adsorptionGizmoConfig:{lineWidth:.8,lineColor:775935,distance:6},controlGizmoEnabled:!0,controlGizmoConfig:{zoomStep:.01},preferenceGizmoEnabled:!0,preferenceGizmoConfig:{boxColor:16711680,boxWidth:1,markColor:0,markAlpha:.17,safeAreaEnabled:!0,safeAreaBoxColor:65280,safeAreaBoxAlpha:.3},selectorGizmoEnabled:!0,selectorGizmoConfig:{videoPreSelectedPlay:!0,preSelectedWidth:3,preSelectedColor:15425024,regionBoxColor:16777215,regionBoxAlpha:.17,regionWireframeColor:16777215,regionWireframeAlpha:.78,regionWireframeWidth:1},transformGizmoEnabled:!0,transformGizmoConfig:{wireframeColor:16711680,wireframeAlpha:1,wireframeWidth:1.5,cornerFillColor:16777215,cornerLineColor:0,cornerLineWidth:1,cornerLineAlpha:.3,scaleCircleSize:4,rotationCircleSize:8,pictureLogoUrl:"https://mdn.alipayobjects.com/huamei_ppzin5/afts/img/EMCfRoZQj8cAAAAAOmAAAAgADjdkAQFr/original",nullLogoUrl:"https://mdn.alipayobjects.com/huamei_ppzin5/afts/img/Yo69Sr7boqYAAAAAH3AAAAgADjdkAQFr/original",textLogoUrl:"https://mdn.alipayobjects.com/huamei_ppzin5/afts/img/Yo69Sr7boqYAAAAAH3AAAAgADjdkAQFr/original",videoLogoUrl:"https://mdn.alipayobjects.com/huamei_ppzin5/afts/img/Yo69Sr7boqYAAAAAH3AAAAgADjdkAQFr/original",sizeTextColor:6710886,nameTextColor:6710886,infoShowEnabled:!0},pictureCutGizmoEnabled:!1,pictureCutGizmoConfig:{maskColor:16777215,maskAlpha:.5,cutBoxLineWidth:2,cutBoxLineColor:6960383,cutBoxLineAlpha:1,itemBoxLineWidth:1,itemBoxLineColor:6960383,itemBoxLineAlpha:1,cutBoxCornerRadius:5,cutBoxCornerLineWidth:2,cutBoxCornerLineColor:6960383,cutBoxCornerLineAlpha:1,cutBoxCornerFillColor:16777215,scaleInteractionDistance:8,directionScaleInteractionDistance:5},pictureExpandGizmoEnabled:!1,pictureExpandGizmoConfig:{maskColor:6960383,maskAlpha:.2,expandBoxLineWidth:2,expandBoxLineColor:6960383,expandBoxLineAlpha:1,expandBoxCornerRadius:5,expandBoxCornerLineWidth:2,expandBoxCornerLineColor:6960383,expandBoxCornerLineAlpha:1,expandBoxCornerFillColor:16777215,scaleInteractionDistance:8,directionScaleInteractionDistance:5},textGizmoEnbaled:!0,textGizmoConfig:{rotateInteractMode:"corner",boxLineWidth:2,boxLineColor:7026175,rotationCornerWidth:30,rotationCornerTexture:"https://mdn.alipayobjects.com/huamei_ppzin5/afts/img/Zc9ZSqNEjnQAAAAAQBAAAAgADjdkAQFr/original",rotationTopCenterInteractionDistance:14,rotationCornerRadius:5,rotationCornerFillColor:16777215,rotationCornerStrokeWidth:2,rotationCornerStrokeColor:7026175,rotationCornerInteractionDistance:7,scaleCornerRadius:5,scaleCornerFillColor:16777215,scaleCornerStrokeWidth:2,scaleCornerStrokeColor:7026175,scaleInteractionDistance:10},maskGizmoEnabled:!1,maskGizmoConfig:{brushSize:20,brushColor:6960383,brushAlpha:.5,maskColor:65280,maskAlpha:1,boxLineWidth:1,boxLineColor:6960383,boxLineAlpha:1},spriteTextEditGizmoEnabled:!1,spriteTextEditGizmoConfig:{textColor:16777215,preSelectedTextColor:16777215,boxLineWidth:4,dashLineDash:8,dashLineGap:8,editBoxAlpha:.15,editBoxColor:3900150,editBoxLineAlpha:1,editBoxLineColor:3900150,editBoxPreSelectedAlpha:.25,editBoxPreSelectedColor:3900150,editBoxLinePreSelectedAlpha:1,editBoxLinePreSelectedColor:3900150,hasChangedEditBoxAlpha:.2,hasChangedEditBoxColor:2278750,hasChangedEditBoxLineAlpha:1,hasChangedEditBoxLineColor:2278750,hasChangedEditBoxPreSelectedAlpha:.3,hasChangedEditBoxPreSelectedColor:2278750,hasChangedEditBoxLinePreSelectedAlpha:1,hasChangedEditBoxLinePreSelectedColor:2278750,editBoxSelectedAlpha:.6,editBoxSelectedColor:16776960}}});var pi=li;export{H as Box2,m as ItemOrderAction,pi as SDK,T as Vector2,D as generateGUID,g as spec};