@vvfx/sdk 0.1.19-alpha.14 → 0.1.19-alpha.16

package/dist/index.cjs

@@ -1,4 +1,4 @@
-"use strict";var t,e=Object.create,i=Object.defineProperty,s=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,n=Object.getPrototypeOf,o=Object.prototype.hasOwnProperty,a=t=>{throw TypeError(t)},c=(t,e)=>{for(var s in e)i(t,s,{get:e[s],enumerable:!0})},h=(t,e,n,a)=>{if(e&&"object"==typeof e||"function"==typeof e)for(let c of r(e))o.call(t,c)||c===n||i(t,c,{get:()=>e[c],enumerable:!(a=s(e,c))||a.enumerable});return t},l=(t,e,i)=>(h(t,e,"default"),i&&h(i,e,"default")),p=(t,s,r)=>(r=null!=t?e(n(t)):{},h(!s&&t&&t.__esModule?r:i(r,"default",{value:t,enumerable:!0}),t)),d=(t,e,s)=>((t,e,s)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s)(t,"symbol"!=typeof e?e+"":e,s),m=(t,e,i)=>e.has(t)||a("Cannot "+i),g=(t,e,i)=>(m(t,e,"read from private field"),i?i.call(t):e.get(t)),u=(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),f=(t,e,i,s)=>(m(t,e,"write to private field"),s?s.call(t,i):e.set(t,i),i),y={};c(y,{BackgroundManager:()=>Es,BaseItem:()=>nt,Box2:()=>G,DefaultVFXItems:()=>cr,EffectsItem:()=>yt,FrameItem:()=>It,GeneratorItem:()=>ut,GroupItem:()=>mt,InteractionUtils:()=>_s,ItemOrderAction:()=>wt,PageDataUtils:()=>yr,SDK:()=>Tn,SDKItemType:()=>v,SafeConstraint:()=>nr,SpriteItem:()=>at,TextItem:()=>ht,VFXItemFactory:()=>hr,Vector2:()=>C,VideoItem:()=>pt,addCompositionItemByComposition:()=>Ks,addItemInfoToScene:()=>Vs,arrAdd:()=>j,assertExist:()=>Z,asserts:()=>Q,autoLayout:()=>ir,calculateDisplacement:()=>sr,calculateLayoutDisplacements:()=>rr,clearItemParentInfo:()=>Ws,createCompositionItemJSON:()=>Ls,createFrameCompositionScene:()=>Bs,createNullItemJSON:()=>Gs,createSDKItem:()=>Ct,createSpriteItemJSON:()=>Ms,createTextItemJSON:()=>Fs,createVideoGeneratorItemJSON:()=>Us,createVideoItemJSON:()=>Rs,deepClone:()=>Y,deepEquals:()=>$,deleteCompositionFromScene:()=>Ys,deleteCompositionItemFromScene:()=>$s,deleteItemInfoFromScene:()=>Ns,downloadBlob:()=>it,extractSubCompositionToScene:()=>tr,fixStandardJSON:()=>er,generateGUID:()=>x.generateGUID,getBasicScene:()=>ks,getColorByNormalizeColor:()=>J,getCompositionDataByRefCompositionItemId:()=>Qs,getCompositionIdByRefCompositionItemId:()=>Zs,getNormalizeColorByColor:()=>X,getTextureUrlById:()=>js,getTransformRatioByViewAndCamera:()=>q,getUniqueName:()=>st,isBaseItem:()=>ot,isEffectsItem:()=>xt,isEqual:()=>rt,isFrameItem:()=>vt,isGeneratorItem:()=>ft,isGroupItem:()=>gt,isObj:()=>K,isSpriteItem:()=>ct,isTextItem:()=>lt,isVideoItem:()=>dt,loadScriptAsync:()=>et,logger:()=>tt,moveItemBetweenCompositions:()=>qs,removeItemInfoFromScene:()=>Hs,resetSubCompositionItemId:()=>Js,setItemJSONParentId:()=>Os,setJSONItemName:()=>Xs,spec:()=>x.spec}),module.exports=(t=y,h(i({},"__esModule",{value:!0}),t));require("@galacean/effects");var x=require("@galacean/effects"),w=(require("@galacean/effects-plugin-rich-text"),require("@galacean/effects-plugin-rich-text")),I=(require("@galacean/effects-plugin-model"),require("@galacean/effects-plugin-multimedia"),require("@galacean/effects-plugin-multimedia")),v=(require("@galacean/effects-plugin-spine"),require("@galacean/effects-plugin-ffd"),(t=>(t.SPRITE="sprite",t.TEXT="text",t.VIDEO="video",t.GROUP="group",t.GENERATOR="generator",t.EFFECTS="effects",t.FRAME="frame",t))(v||{})),C=(x.spec.ItemType.sprite,x.spec.ItemType.text,x.spec.ItemType.video,x.spec.ItemType.null,x.spec.ItemType.composition,x.spec.ItemType.composition,x.spec.ItemType.sprite,class t extends x.math.Vector2{subtract(t){return this.x-=t.x,this.y-=t.y,this}toViewCoordinate(t,e){return this.x=(this.x+1)/2*t,this.y=(1-(this.y+1)/2)*e,this}clone(){return new t(this.x,this.y)}distanceTo(t){const e=this.x-t.x,i=this.y-t.y;return Math.sqrt(e*e+i*i)}scaleByCenter(e,i=new t){const s=(new t).subtractVectors(i,this).multiply(e);return 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:r}=e;if(0===i)return{d:(new t).subtractVectors(this,s).length(),t:0};const n=S(((this.x-s.x)*(r.x-s.x)+(this.y-s.y)*(r.y-s.y))/i,0,1);return{d:(new t).subtractVectors(this,e.at(n)).length(),t:n}}angle(){return Math.atan2(-this.y,-this.x)+Math.PI}rotateAround(t,e){const i=Math.cos(e),s=Math.sin(e),r=this.x-t.x,n=this.y-t.y;return this.x=r*i-n*s+t.x,this.y=r*s+n*i+t.y,this}}),P=1e-6;function S(t,e,i){const s=isNaN(e)?-1/0:e,r=isNaN(i)?1/0:i,n=Math.min(s,r),o=Math.max(s,r);return Math.min(Math.max(t,n),o)}var b=Math.PI/180,D=180/Math.PI;function z(t){return Math.atan2(-t.y,-t.x)+Math.PI}function T(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 E(t,e,i=Math.round){if(Number.isInteger(t))return t;const s=Math.pow(10,e);return i(t*s)/s}function A(t){let e,i=0;return t.forEach((t,s)=>{if(0===s)e=Math.abs(t);else{const r=Math.abs(t);e<r&&(e=r,i=s)}}),i}function _(t,e){return Math.abs(t-e)<P||t===1/0&&e===1/0||t===-1/0&&e===-1/0}function B(t){return isNaN(t)||Math.abs(t)<P}function k(t,e){const i=new G,{min:s,max:r}=t,{min:n,max:o}=e,a=s.clone().add((new C).subtractVectors(r,s).multiply(n)),c=s.clone().add((new C).subtractVectors(r,s).multiply(o));return i.setFromVec2ArrayWithOutCorners([a,c]),i}function M(t,e){const i=new G,{min:s,max:r}=t,{min:n,max:o}=e,a=(new C).subtractVectors(n,s).divide((new C).subtractVectors(r,s)),c=(new C).subtractVectors(o,s).divide((new C).subtractVectors(r,s));return i.setFromVec2ArrayWithOutCorners([a,c]),i}var U=class t{constructor(t=new C,e=new C){d(this,"start",new C),d(this,"end",new C),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 C).subtractVectors(this.end,this.start).normalize()}getCenter(t=new C){return t.addVectors(this.start,this.end).multiply(.5)}delta(t=new C){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 C){return this.delta(e).multiply(t).add(this.start)}closestPointToPointParameter(t,e){const i=new C,s=new C;i.subtractVectors(t,this.start),s.subtractVectors(this.end,this.start);const r=s.dot(s);let n=s.dot(i)/r;return e&&(n=S(n,0,1)),n}closestPointToPoint(t,e,i=new C){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 C).subtractVectors(this.end,this.start).length()}crossWithLine(t){const e=this.delta(),i=t.delta(),s=(new C).subtractVectors(t.start,this.start),r=(new C).subtractVectors(t.end,this.start),n=(new C).subtractVectors(this.start,t.start),o=(new C).subtractVectors(this.end,t.start),a=s.cross(e),c=r.cross(e),h=n.cross(i),l=o.cross(i);return a*c<0&&h*l<0}},G=class t{constructor(t=new C(1/0,1/0),e=new C(-1/0,-1/0)){d(this,"corners",[]),d(this,"min",new C(1/0,1/0)),d(this,"max",new C(-1/0,-1/0)),this.min=t.clone(),this.max=e.clone(),this.isEmpty()?this.corners=[]:this.corners=[new C(e.x,t.y),e.clone(),new C(t.x,e.y),t.clone()]}set(t,e){return this.min.copyFrom(t),this.max.copyFrom(e),this.corners=[new C(e.x,t.y),e.clone(),new C(t.x,e.y),t.clone()],this}setFromVec2Array(t){return this.min=(new C).copyFrom(t[0]),this.max=(new C).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 C).copyFrom(t[0]),this.max=(new C).copyFrom(t[0]),t.forEach(t=>{this.min=this.min.min(t),this.max=this.max.max(t)}),this.corners.push(new C(this.max.x,this.min.y)),this.corners.push(new C(this.max.x,this.max.y)),this.corners.push(new C(this.min.x,this.max.y)),this.corners.push(new C(this.min.x,this.min.y)),this}setFromCenterAndSize(t,e){const i=(new C).copyFrom(e).multiply(.5);return this.min.copyFrom(t).subtract(i),this.max.copyFrom(t).add(i),this.corners=[new C(this.max.x,this.min.y),this.max.clone(),new C(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 C){return this.isEmpty()?t.set(0,0):t.addVectors(this.min,this.max).multiply(.5)}getSize(t=new C){return this.isEmpty()?t.set(0,0):t.subtractVectors(this.max,this.min)}expandByPoint(t){return this.min.min(t),this.max.max(t),this}expandByVector(t){return this.min.subtract(t),this.max.add(t),this}expandByScalar(t){return this.min.add(-t),this.max.add(t),this}containsPoint(t,e=!0){if(e)return!(t.x<this.min.x||t.x>this.max.x||t.y<this.min.y||t.y>this.max.y);if(this.isEmpty())return!1;for(let e=0;e<this.corners.length;e++){const i=this.corners[e],s=this.corners[(e+1)%4],r=new C(s.x-i.x,s.y-i.y),n=new C(t.x-i.x,t.y-i.y);if(r.cross(n)<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 C){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 C){return e.copyFrom(t).clamp(this.min,this.max)}distanceToPoint(t){return(new C).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 C(this.max.x,this.min.y),this.max.clone(),new C(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 C(t,t):new C(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 U(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 U(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}},F=class t{constructor(t=new C,e=0){d(this,"center"),d(this,"radius"),this.center=t.clone(),this.radius=e}set(t,e){return this.center=(new C).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 C,this.radius=0,this}isEmpty(){return this.radius<=0}getCenter(t=new C){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}},R=class extends x.math.Quaternion{},L=class t extends x.math.Vector3{clone(){return new t(this.x,this.y,this.z)}setFromMatrixColumn(t,e){return this.set(...t.elements.slice(4*e))}applyEuler(t,e){return this.applyQuaternion((new R).setFromEuler(t))}applyQuaternion(e,i=new t){const{x:s,y:r,z:n,w:o}=e,{x:a,y:c,z:h}=this.subtract(i),l=o*a+r*h-n*c,p=o*c+n*a-s*h,d=o*h+s*c-r*a,m=-s*a-r*c-n*h;return this.x=l*o+m*-s+p*-n-d*-r+i.x,this.y=p*o+m*-r+d*-s-l*-n+i.y,this.z=d*o+m*-n+l*-r-p*-s+i.z,this}setFromMatrixPosition(t){const e=t.elements;return this.x=e[12],this.y=e[13],this.z=e[14],this}applyMatrix(e,i=new t){const s=e.elements,{x:r,y:n,z:o}=this.subtract(i);let a=1/(s[3]*r+s[7]*n+s[11]*o+s[15]);return a=isNaN(a)?1:a,this.x=(s[0]*r+s[4]*n+s[8]*o+s[12])*a+i.x,this.y=(s[1]*r+s[5]*n+s[9]*o+s[13])*a+i.y,this.z=(s[2]*r+s[6]*n+s[10]*o+s[14])*a+i.z,this}},V=class t extends x.math.Matrix4{static fromArray(e,i=0){return(new t).setFromArray(e,i)}clone(){const e=this.elements;return new t(e[0],e[1],e[2],e[3],e[4],e[5],e[6],e[7],e[8],e[9],e[10],e[11],e[12],e[13],e[14],e[15])}compose(t,e,i,s=L.ZERO){const r=this.elements,{x:n,y:o,z:a,w:c}=e,h=-s.x,l=-s.y,p=-s.z,d=n+n,m=o+o,g=a+a,u=n*d,f=n*m,y=n*g,x=o*m,w=o*g,I=a*g,v=c*d,C=c*m,P=c*g,{x:S,y:b,z:D}=i;return r[0]=(1-(x+I))*S,r[1]=(f+P)*S,r[2]=(y-C)*S,r[3]=0,r[4]=(f-P)*b,r[5]=(1-(u+I))*b,r[6]=(w+v)*b,r[7]=0,r[8]=(y+C)*D,r[9]=(w-v)*D,r[10]=(1-(u+x))*D,r[11]=0,r[12]=h*r[0]+l*r[4]+p*r[8]-h+t.x,r[13]=h*r[1]+l*r[5]+p*r[9]-l+t.y,r[14]=h*r[2]+l*r[6]+p*r[10]-p+t.z,this}extractRotation(t){const e=new L,i=t.elements,s=this.elements,r=1/e.setFromMatrixColumn(t,0).length(),n=1/e.setFromMatrixColumn(t,1).length(),o=1/e.setFromMatrixColumn(t,2).length();return s[0]=i[0]*r,s[1]=i[1]*r,s[2]=i[2]*r,s[3]=0,s[4]=i[4]*n,s[5]=i[5]*n,s[6]=i[6]*n,s[7]=0,s[8]=i[8]*o,s[9]=i[9]*o,s[10]=i[10]*o,s[11]=0,s[12]=0,s[13]=0,s[14]=0,s[15]=1,this}makeRotationFromEuler(t){const e=this.elements,i=t.x,s=t.y,r=t.z,n=Math.cos(i),o=Math.sin(i),a=Math.cos(s),c=Math.sin(s),h=Math.cos(r),l=Math.sin(r);if(t.order===x.math.EulerOrder.XYZ){const t=n*h,i=n*l,s=o*h,r=o*l;e[0]=a*h,e[4]=-a*l,e[8]=c,e[1]=i+s*c,e[5]=t-r*c,e[9]=-o*a,e[2]=r-t*c,e[6]=s+i*c,e[10]=n*a}else if(t.order===x.math.EulerOrder.YXZ){const t=a*h,i=a*l,s=c*h,r=c*l;e[0]=t+r*o,e[4]=s*o-i,e[8]=n*c,e[1]=n*l,e[5]=n*h,e[9]=-o,e[2]=i*o-s,e[6]=r+t*o,e[10]=n*a}else if(t.order===x.math.EulerOrder.ZXY){const t=a*h,i=a*l,s=c*h,r=c*l;e[0]=t-r*o,e[4]=-n*l,e[8]=s+i*o,e[1]=i+s*o,e[5]=n*h,e[9]=r-t*o,e[2]=-n*c,e[6]=o,e[10]=n*a}else if(t.order===x.math.EulerOrder.ZYX){const t=n*h,i=n*l,s=o*h,r=o*l;e[0]=a*h,e[4]=s*c-i,e[8]=t*c+r,e[1]=a*l,e[5]=r*c+t,e[9]=i*c-s,e[2]=-c,e[6]=o*a,e[10]=n*a}else if(t.order===x.math.EulerOrder.YZX){const t=n*a,i=n*c,s=o*a,r=o*c;e[0]=a*h,e[4]=r-t*l,e[8]=s*l+i,e[1]=l,e[5]=n*h,e[9]=-o*h,e[2]=-c*h,e[6]=i*l+s,e[10]=t-r*l}else if(t.order===x.math.EulerOrder.XZY){const t=n*a,i=n*c,s=o*a,r=o*c;e[0]=a*h,e[4]=-l,e[8]=c*h,e[1]=t*l+r,e[5]=n*h,e[9]=i*l-s,e[2]=s*l-i,e[6]=o*h,e[10]=r*l+t}return e[3]=0,e[7]=0,e[11]=0,e[12]=0,e[13]=0,e[14]=0,e[15]=1,this}setPosition(t){return this.elements[12]=t.x,this.elements[13]=t.y,this.elements[14]=t.z,this}},O=class extends x.math.Euler{constructor(t=0,e=0,i=0,s=x.math.EulerOrder.XYZ){super(t,e,i,s)}getInvertMatrixByEuler(){return(new V).makeRotationFromEuler(this).invert()}toDegreeVector3(t){return t?t.set(this.x*D,this.y*D,this.z*D):new L(this.x*D,this.y*D,this.z*D)}setFromDegreeVector3(t,e){return this.set(t.x*b,t.y*b,t.z*b,e??this.order)}},W=class t{constructor(t=0,e=new L(0,0,1)){d(this,"distance"),d(this,"normal");const i=e.length();0===i&&(this.normal=new L(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 L(0,0,1)),this.distance=t/i,this.normal=e.normalize(),this}static copy(e){return new t(e.distance,e.normal.clone())}copy(t){return this.distance=t.distance,this.normal.copyFrom(t.normal),this}static setFromNormalAndCoplanarPoint(e,i){const s=-e.dot(i);return new t(s,i)}setFromNormalAndCoplanarPoint(t,e){return this.normal.copyFrom(e),this.distance=-t.dot(this.normal),this}clone(){return new t(this.distance,this.normal.clone())}distanceToPoint(t){return this.normal.dot(t)+this.distance}},N=class t extends x.math.Ray{constructor(t=new L,e=new L(1,0,0)){super(t,e),d(this,"origin"),d(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(B(e))return B(t.distanceToPoint(this.origin))?0:NaN;const i=(-this.origin.dot(t.normal)-t.distance)/e;return i>0?i:NaN}},H=class{constructor(t=new N){d(this,"ray"),this.ray=t.clone()}setFromCamera(t,e){const i=e.position,s=new L(t.x,t.y,.5).applyMatrix(e.inverseViewProjectMatrix).subtract(i).normalize();return this.ray.set(i,s),this}rayCastPlane(t){const e=new L,i=this.ray.rayCastPlane(t,e);if(!isNaN(i))return{distance:i,point:this.ray.at(i)}}};function j(t,e){t.includes(e)||t.push(e)}function K(t){return"object"==typeof t&&!!t}function $(t,e){if(K(t)&&K(e)){if(Array.isArray(t)&&Array.isArray(e))return t.length===e.length&&t.every((t,i)=>$(t,e[i]));const i=[];for(const s in t)if(Object.prototype.hasOwnProperty.call(t,s)){if(!$(t[s],e[s]))return!1;i.push(s)}return Object.getOwnPropertyNames(e).length===i.length}return t===e}function Y(t){if(void 0!==t)return JSON.parse(JSON.stringify(t))}function J(t){return t.map((t,e)=>e<3?E(255*t,0):t)}function X(t){return t.map((t,e)=>e<3?E(t/255,4):t)}function q(t,e,i,s,r,n){const o=(new V).compose(e,new R,new L(1,1,1)).invert(),a=(new V).perspective(i*b,t.x/t.y,s,r,n),c=(new V).multiplyMatrices(a,o),h=c.clone().invert(),l=c.projectPoint(new L).z,p=new L(0,0,l).applyMatrix(h),d=new L(2,2,l).applyMatrix(h);return{xRatio:Math.abs(d.x-p.x)/t.x,yRatio:Math.abs(d.y-p.y)/t.y}}function Z(t,e="item doesn't exist"){if(null==t)throw new Error(e)}function Q(t,e="asserts failed"){if(!t)throw new Error(e)}function tt(t,e,...i){const s=e.reduce((t,e)=>t?`${t} ${e}`:e,""),r="color: #108ee9;";switch(t){case"error":console.error(`%c[${s}]`,r,...i);break;case"info":console.info(`%c[${s}]`,r,...i);break;case"debug":console.debug(`%c[${s}]`,r,...i);break;case"warn":console.warn(`%c[${s}]`,r,...i);break;default:console.log(`%c[${s}]`,r,...i)}}function et(t,e={}){return new Promise((i,s)=>{const r=document.querySelector(`script[src="${t}"]`);if(r)return"true"===r.dataset.loaded?void i(r):(r.addEventListener("load",()=>{i(r)}),void r.addEventListener("error",()=>{s(new Error(`Script already failed: ${t}`))}));const n=document.createElement("script");n.src=t,n.async=!0,Object.keys(e).forEach(t=>{n.setAttribute(t,e[t]??"")}),n.onload=()=>{n.dataset.loaded="true",i(n)},n.onerror=()=>{s(new Error(`Failed to load script: ${t}`))},document.head.appendChild(n)})}function it(t,e,i="application/octet-stream"){const s=new Blob(Array.isArray(t)?t:[t],{type:i}),r=URL.createObjectURL(s),n=document.createElement("a");n.href=r,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n),URL.revokeObjectURL(r)}function st(t,e){if(!e.includes(t))return t;let i=1,s=`${t} (${i})`;for(;e.includes(s);)i++,s=`${t} (${i})`;return s}function rt(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(!rt(t[s],e[s]))return!1}return!0}var nt=class{constructor(t){d(this,"id"),d(this,"name"),d(this,"parentId"),d(this,"duration"),d(this,"delay"),d(this,"endBehavior"),d(this,"visible"),d(this,"isLocked"),d(this,"isCoreEditable"),d(this,"extension",new Map),this.id=t.id,this.name=t.name,this.parentId=t.parentId,this.duration=t.duration??999,this.delay=t.delay??0,this.endBehavior=t.endBehavior??x.spec.EndBehavior.freeze,this.visible=t.visible??!0,this.isLocked=t.isLocked??!1,this.isCoreEditable=t.isCoreEditable,t.extension&&Object.entries(t.extension).forEach(([t,e])=>{this.extension.set(t,e)})}setExtension(t,e){this.extension.set(t,e)}getExtension(t){return this.extension.get(t)}hasExtension(t){return this.extension.has(t)}deleteExtension(t){return this.extension.delete(t)}getExtensionKeys(){return Array.from(this.extension.keys())}getAllExtension(){return Y(Object.fromEntries(this.extension.entries()))}setExtensions(t){Object.entries(t).forEach(([t,e])=>{this.extension.set(t,e)})}clearExtension(){this.extension.clear()}toJSON(){return{id:this.id,name:this.name,type:this.type,parentId:this.parentId,duration:this.duration,delay:this.delay,endBehavior:this.endBehavior,isLocked:this.isLocked,property:Y(this.property),extension:this.getAllExtension()}}};function ot(t){return t instanceof nt}var at=class t extends nt{constructor(t){super(t),d(this,"type","sprite"),d(this,"property"),this.property={position:t.property?.position??[0,0],rotation:t.property?.rotation??[0,0,0],width:t.property?.width??0,height:t.property?.height??0,scale:t.property?.scale??[1,1],image:t.property?.image??""}}get image(){return this.property.image}set image(t){this.property.image=t}get position(){return this.property.position}set position(t){this.property.position=t}get width(){return this.property.width}set width(t){this.property.width=t}get height(){return this.property.height}set height(t){this.property.height=t}get rotation(){return this.property.rotation[2]}set rotation(t){this.property.rotation[2]=t}get fullRotation(){return this.property.rotation}set fullRotation(t){this.property.rotation=t}get keyPropertyEditing(){return this.isCoreEditable}set keyPropertyEditing(t){this.isCoreEditable=t}toCreateInfo(t){const e=this.getAllExtension(),i=Y(this.property);return Object.assign(i,{width:i.size[0],height:i.size[1]}),delete i.size,{type:"sprite",id:this.id,name:this.name,parentId:t?this.parentId:void 0,extension:Object.keys(e).length>0?e:void 0,property:i}}clone(){return new t({id:(0,x.generateGUID)(),name:this.name,parentId:this.parentId,duration:this.duration,delay:this.delay,endBehavior:this.endBehavior,isLocked:this.isLocked,isCoreEditable:this.isCoreEditable,property:Y(this.property),extension:this.getAllExtension()})}toCreateInfoWithExtensions(t,e){const i=this.toCreateInfo(t);return e&&Object.assign(i,e),i}};function ct(t){return t instanceof at}var ht=class t extends nt{constructor(t){super(t),d(this,"type","text"),d(this,"property"),this.property={position:t.property?.position??[0,0],rotation:t.property?.rotation??[0,0,0],width:t.property?.width??0,height:t.property?.height??0,scale:t.property?.scale??[1,1],fontFamily:t.property?.fontFamily??"",color:t.property?.color??[0,0,0,1],fontWeight:t.property?.fontWeight??x.spec.TextWeight.normal,text:t.property?.text??"",textAlign:t.property?.textAlign??x.spec.TextAlignment.left,fontSize:t.property?.fontSize??24,fontStyle:t.property?.fontStyle??x.spec.FontStyle.normal,lineHeight:t.property?.lineHeight??24,outlineColor:t.property?.outlineColor,outlineWidth:t.property?.outlineWidth,outlineEnabled:t.property?.outlineEnabled??!1,fontUrl:t.property?.fontUrl,letterSpacing:t.property?.letterSpacing??0}}get text(){return this.property.text}set text(t){this.property.text=t}get fontFamily(){return this.property.fontFamily}set fontFamily(t){this.property.fontFamily=t}get fontSize(){return this.property.fontSize}set fontSize(t){this.property.fontSize=t}get fontWeight(){return this.property.fontWeight}set fontWeight(t){this.property.fontWeight=t}get fontStyle(){return this.property.fontStyle}set fontStyle(t){this.property.fontStyle=t}get textAlign(){return this.property.textAlign}set textAlign(t){this.property.textAlign=t}get color(){return this.property.color}set color(t){this.property.color=t}get width(){return this.property.width}set width(t){this.property.width=t}get lineHeight(){return this.property.lineHeight}set lineHeight(t){this.property.lineHeight=t}get height(){return this.property.height}set height(t){this.property.height=t}get outlineColor(){return this.property.outlineColor}set outlineColor(t){this.property.outlineColor=t}get outlineWidth(){return this.property.outlineWidth}set outlineWidth(t){this.property.outlineWidth=t}get outlineEnabled(){return this.property.outlineEnabled??!1}set outlineEnabled(t){this.property.outlineEnabled=t}get position(){return this.property.position}set position(t){this.property.position=t}get rotation(){return this.property.rotation[2]}set rotation(t){this.property.rotation[2]=t}toCreateInfo(t){const e=this.getAllExtension();return{type:"text",id:this.id,name:this.name,parentId:t?this.parentId:void 0,extension:Object.keys(e).length>0?e:void 0,property:Y(this.property)}}clone(){return new t({id:(0,x.generateGUID)(),name:this.name,parentId:this.parentId,duration:this.duration,delay:this.delay,endBehavior:this.endBehavior,isLocked:this.isLocked,isCoreEditable:this.isCoreEditable,property:Y(this.property),extension:this.getAllExtension()})}};function lt(t){return t instanceof ht}var pt=class t extends nt{constructor(t){super(t),d(this,"type","video"),d(this,"property"),this.property={position:t.property?.position??[0,0],rotation:t.property?.rotation??[0,0,0],width:t.property?.width??0,height:t.property?.height??0,scale:t.property?.scale??[1,1],video:t.property?.video??"",muted:t.property?.muted??!0,transparent:t.property?.transparent??!0,playbackRate:t.property?.playbackRate??1,volume:t.property?.volume??0}}get video(){return this.property.video}set video(t){this.property.video=t}get position(){return this.property.position}set position(t){this.property.position=t}get width(){return this.property.width}set width(t){this.property.width=t}get height(){return this.property.height}set height(t){this.property.height=t}get rotation(){return this.property.rotation[2]}set rotation(t){this.property.rotation[2]=t}get fullRotation(){return this.property.rotation}set fullRotation(t){this.property.rotation=t}get keyPropertyEditing(){return this.isCoreEditable}set keyPropertyEditing(t){this.isCoreEditable=t}get muted(){return this.property.muted??!0}set muted(t){this.property.muted=t}get transparent(){return this.property.transparent??!0}set transparent(t){this.property.transparent=t}get volume(){return this.property.volume??0}set volume(t){this.property.volume=t}get playbackRate(){return this.property.playbackRate??1}set playbackRate(t){this.property.playbackRate=t}toCreateInfo(t){const e=this.getAllExtension();return{type:"video",id:this.id,name:this.name,parentId:t?this.parentId:void 0,extension:Object.keys(e).length>0?e:void 0,property:Y(this.property)}}clone(){return new t({id:(0,x.generateGUID)(),name:this.name,parentId:this.parentId,duration:this.duration,delay:this.delay,endBehavior:this.endBehavior,isLocked:this.isLocked,isCoreEditable:this.isCoreEditable,property:Y(this.property),extension:this.getAllExtension()})}};function dt(t){return t instanceof pt}var mt=class t extends nt{constructor(t){super(t),d(this,"type","group"),d(this,"property"),this.property={position:t.property?.position??[0,0],rotation:t.property?.rotation??[0,0,0],width:t.property?.width??0,height:t.property?.height??0,children:[...t.children??[]],scale:t.property?.scale??[1,1]}}get position(){return this.property.position}set position(t){this.property.position=t}get scale(){return this.property.scale}set scale(t){this.property.scale=t}get rotation(){return this.property.rotation[2]}set rotation(t){this.property.rotation[2]=t}get fullRotation(){return this.property.rotation}set fullRotation(t){this.property.rotation=t}get keyPropertyEditing(){return this.isCoreEditable}set keyPropertyEditing(t){this.isCoreEditable=t}toCreateInfo(t){const e=this.getAllExtension();return{type:this.type,id:this.id,name:this.name,parentId:t?this.parentId:void 0,extension:Object.keys(e).length>0?e:void 0,property:Y(this.property)}}clone(){return new t({id:(0,x.generateGUID)(),name:this.name,parentId:this.parentId,duration:this.duration,delay:this.delay,endBehavior:this.endBehavior,isLocked:this.isLocked,isCoreEditable:this.isCoreEditable,property:Y(this.property),extension:this.getAllExtension()})}};function gt(t){return t instanceof mt}var ut=class t extends nt{constructor(t){super(t),d(this,"type","generator"),d(this,"property"),this.property={position:t.property?.position??[0,0],rotation:t.property?.rotation??[0,0,0],width:t.property?.width??0,height:t.property?.height??0,scale:t.property?.scale??[1,1],generatorType:t.property?.generatorType??"video"}}get generatorType(){return this.property.generatorType}set generatorType(t){this.property.generatorType=t}get image(){return""}set image(t){}get position(){return this.property.position}set position(t){this.property.position=t}get width(){return this.property.width}set width(t){this.property.width=t}get height(){return this.property.height}set height(t){this.property.height=t}get rotation(){return this.property.rotation[2]}set rotation(t){this.property.rotation[2]=t}get fullRotation(){return this.property.rotation}set fullRotation(t){this.property.rotation=t}get keyPropertyEditing(){return this.isCoreEditable}set keyPropertyEditing(t){this.isCoreEditable=t}toCreateInfo(t){const e=this.getAllExtension();return{type:"generator",id:this.id,name:this.name,parentId:t?this.parentId:void 0,extension:Object.keys(e).length>0?e:void 0,property:Y(this.property)}}toVideoCreateInfo(t,e){const i=this.getAllExtension(),s=Y(this.property);return delete s.generatorType,{type:"video",id:this.id,name:this.name,parentId:e?this.parentId:void 0,extension:Object.keys(i).length>0?i:void 0,property:{video:t,...s}}}toSpriteCreateInfo(t,e){const i=this.getAllExtension(),s=Y(this.property);return delete s.generatorType,{type:"sprite",id:this.id,name:this.name,parentId:e?this.parentId:void 0,extension:Object.keys(i).length>0?i:void 0,property:{image:t,...s}}}clone(){return new t({id:(0,x.generateGUID)(),name:this.name,parentId:this.parentId,duration:this.duration,delay:this.delay,endBehavior:this.endBehavior,isLocked:this.isLocked,isCoreEditable:this.isCoreEditable,property:Y(this.property),extension:this.getAllExtension()})}};function ft(t){return t instanceof ut}var yt=class t extends nt{constructor(t){super(t),d(this,"type","effects"),d(this,"subCompositionItemId"),d(this,"property"),this.subCompositionItemId="",this.property={position:t.property?.position??[0,0],rotation:t.property?.rotation??[0,0,0],width:t.property?.width??0,height:t.property?.height??0,scale:t.property?.scale??[1,1],effects:t.property?.effects??"",children:t.property?.children??[]}}get effects(){return this.property.effects}set effects(t){this.property.effects=t}get position(){return this.property.position}set position(t){this.property.position=t}get width(){return this.property.width}set width(t){this.property.width=t}get height(){return this.property.height}set height(t){this.property.height=t}get rotation(){return this.property.rotation[2]}set rotation(t){this.property.rotation[2]=t}get fullRotation(){return this.property.rotation}set fullRotation(t){this.property.rotation=t}get keyPropertyEditing(){return this.isCoreEditable}set keyPropertyEditing(t){this.isCoreEditable=t}toCreateInfo(t){const e={type:"effects",id:this.id,name:this.name,property:Y(this.property)};t&&this.parentId&&(e.parentId=this.parentId);const i=this.getAllExtension();return Object.keys(i).length>0&&(e.extension=i),e}clone(){return new t({id:(0,x.generateGUID)(),name:this.name,parentId:this.parentId,duration:this.duration,delay:this.delay,endBehavior:this.endBehavior,isLocked:this.isLocked,isCoreEditable:this.isCoreEditable,property:Y(this.property),extension:this.getAllExtension()})}};function xt(t){return t instanceof yt}var wt=(t=>(t[t.BringToFront=0]="BringToFront",t[t.SendToBack=1]="SendToBack",t[t.BringForward=2]="BringForward",t[t.SendBackward=3]="SendBackward",t))(wt||{}),It=class t extends nt{constructor(t){super(t),d(this,"type","frame"),d(this,"subCompositionItemId"),d(this,"property"),this.subCompositionItemId="",this.property={position:t.property?.position??[0,0],rotation:t.property?.rotation??[0,0,0],width:t.property?.width??0,height:t.property?.height??0,scale:t.property?.scale??[1,1],layoutMode:t.property?.layoutMode??"free",children:[...t.children??[]],autoLayoutConfig:t.property?.autoLayoutConfig,layoutInfos:t.property?.layoutInfos??{}}}get children(){return this.property.children}get layoutMode(){return this.property.layoutMode}set layoutMode(t){this.property.layoutMode=t}get position(){return this.property.position}set position(t){this.property.position=t}get width(){return this.property.width}set width(t){this.property.width=t}get height(){return this.property.height}set height(t){this.property.height=t}get scale(){return this.property.scale}set scale(t){this.property.scale=t}get rotation(){return this.property.rotation[2]}set rotation(t){this.property.rotation[2]=t}get fullRotation(){return this.property.rotation}set fullRotation(t){this.property.rotation=t}addChild(t){return!this.property.children.includes(t)&&(this.property.children.push(t),!0)}addChildren(t){t.map(t=>this.addChild(t))}removeChild(t){const e=this.property.children.indexOf(t);return-1!==e&&(this.property.children.splice(e,1),!0)}removeChildren(t){this.property.children=this.property.children.filter(e=>!t.includes(e))}hasChild(t){return this.property.children.includes(t)}clearChildren(){this.property.children=[]}toCreateInfo(t){const e={type:"frame",id:this.id,name:this.name,property:Y(this.property)};t&&this.parentId&&(e.parentId=this.parentId);const i=this.getAllExtension();return Object.keys(i).length>0&&(e.extension=i),e}clone(){return new t({id:(0,x.generateGUID)(),name:this.name,parentId:this.parentId,duration:this.duration,delay:this.delay,endBehavior:this.endBehavior,isLocked:this.isLocked,isCoreEditable:this.isCoreEditable,property:Y(this.property),extension:this.getAllExtension()})}};function vt(t){return t instanceof It}function Ct(t,e){switch(t){case x.spec.ItemType.sprite:return new at(e);case x.spec.ItemType.null:return new mt(e);case x.spec.ItemType.text:return new ht(e);case x.spec.ItemType.video:return new pt(e);default:return console.warn(`SDKItem type ${t} not implemented, falling back to GroupItem`),new mt(e)}}var Pt="object"==typeof global&&global&&global.Object===Object&&global,St="object"==typeof self&&self&&self.Object===Object&&self,bt=Pt||St||Function("return this")(),Dt=bt.Symbol,zt=Object.prototype,Tt=zt.hasOwnProperty,Et=zt.toString,At=Dt?Dt.toStringTag:void 0;var _t=function(t){var e=Tt.call(t,At),i=t[At];try{t[At]=void 0;var s=!0}catch(t){}var r=Et.call(t);return s&&(e?t[At]=i:delete t[At]),r},Bt=Object.prototype.toString;var kt=function(t){return Bt.call(t)},Mt=Dt?Dt.toStringTag:void 0;var Ut=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":Mt&&Mt in Object(t)?_t(t):kt(t)};var Gt=function(t){return null!=t&&"object"==typeof t},Ft=Array.isArray;var Rt=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)};var Lt=function(t){return t};var Vt,Ot=function(t){if(!Rt(t))return!1;var e=Ut(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},Wt=bt["__core-js_shared__"],Nt=(Vt=/[^.]+$/.exec(Wt&&Wt.keys&&Wt.keys.IE_PROTO||""))?"Symbol(src)_1."+Vt:"";var Ht=function(t){return!!Nt&&Nt in t},jt=Function.prototype.toString;var Kt=function(t){if(null!=t){try{return jt.call(t)}catch(t){}try{return t+""}catch(t){}}return""},$t=/^\[object .+?Constructor\]$/,Yt=Function.prototype,Jt=Object.prototype,Xt=Yt.toString,qt=Jt.hasOwnProperty,Zt=RegExp("^"+Xt.call(qt).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Qt=function(t){return!(!Rt(t)||Ht(t))&&(Ot(t)?Zt:$t).test(Kt(t))};var te=function(t,e){return null==t?void 0:t[e]};var ee=function(t,e){var i=te(t,e);return Qt(i)?i:void 0},ie=Object.create,se=function(){function t(){}return function(e){if(!Rt(e))return{};if(ie)return ie(e);t.prototype=e;var i=new t;return t.prototype=void 0,i}}();var re=function(t,e,i){switch(i.length){case 0:return t.call(e);case 1:return t.call(e,i[0]);case 2:return t.call(e,i[0],i[1]);case 3:return t.call(e,i[0],i[1],i[2])}return t.apply(e,i)};var ne=function(t,e){var i=-1,s=t.length;for(e||(e=Array(s));++i<s;)e[i]=t[i];return e},oe=Date.now;var ae=function(t){var e=0,i=0;return function(){var s=oe(),r=16-(s-i);if(i=s,r>0){if(++e>=800)return arguments[0]}else e=0;return t.apply(void 0,arguments)}};var ce=function(t){return function(){return t}},he=function(){try{var t=ee(Object,"defineProperty");return t({},"",{}),t}catch(t){}}(),le=ae(he?function(t,e){return he(t,"toString",{configurable:!0,enumerable:!1,value:ce(e),writable:!0})}:Lt),pe=/^(?:0|[1-9]\d*)$/;var de=function(t,e){var i=typeof t;return!!(e=null==e?9007199254740991:e)&&("number"==i||"symbol"!=i&&pe.test(t))&&t>-1&&t%1==0&&t<e};var me=function(t,e,i){"__proto__"==e&&he?he(t,e,{configurable:!0,enumerable:!0,value:i,writable:!0}):t[e]=i};var ge=function(t,e){return t===e||t!=t&&e!=e},ue=Object.prototype.hasOwnProperty;var fe=function(t,e,i){var s=t[e];ue.call(t,e)&&ge(s,i)&&(void 0!==i||e in t)||me(t,e,i)};var ye=function(t,e,i,s){var r=!i;i||(i={});for(var n=-1,o=e.length;++n<o;){var a=e[n],c=s?s(i[a],t[a],a,i,t):void 0;void 0===c&&(c=t[a]),r?me(i,a,c):fe(i,a,c)}return i},xe=Math.max;var we=function(t,e,i){return e=xe(void 0===e?t.length-1:e,0),function(){for(var s=arguments,r=-1,n=xe(s.length-e,0),o=Array(n);++r<n;)o[r]=s[e+r];r=-1;for(var a=Array(e+1);++r<e;)a[r]=s[r];return a[e]=i(o),re(t,this,a)}};var Ie=function(t,e){return le(we(t,e,Lt),t+"")};var ve=function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=9007199254740991};var Ce=function(t){return null!=t&&ve(t.length)&&!Ot(t)};var Pe=function(t,e,i){if(!Rt(i))return!1;var s=typeof e;return!!("number"==s?Ce(i)&&de(e,i.length):"string"==s&&e in i)&&ge(i[e],t)};var Se=function(t){return Ie(function(e,i){var s=-1,r=i.length,n=r>1?i[r-1]:void 0,o=r>2?i[2]:void 0;for(n=t.length>3&&"function"==typeof n?(r--,n):void 0,o&&Pe(i[0],i[1],o)&&(n=r<3?void 0:n,r=1),e=Object(e);++s<r;){var a=i[s];a&&t(e,a,s,n)}return e})},be=Object.prototype;var De=function(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||be)};var ze=function(t,e){for(var i=-1,s=Array(t);++i<t;)s[i]=e(i);return s};var Te=function(t){return Gt(t)&&"[object Arguments]"==Ut(t)},Ee=Object.prototype,Ae=Ee.hasOwnProperty,_e=Ee.propertyIsEnumerable,Be=Te(function(){return arguments}())?Te:function(t){return Gt(t)&&Ae.call(t,"callee")&&!_e.call(t,"callee")};var ke=function(){return!1},Me="object"==typeof exports&&exports&&!exports.nodeType&&exports,Ue=Me&&"object"==typeof module&&module&&!module.nodeType&&module,Ge=Ue&&Ue.exports===Me?bt.Buffer:void 0,Fe=(Ge?Ge.isBuffer:void 0)||ke,Re={};Re["[object Float32Array]"]=Re["[object Float64Array]"]=Re["[object Int8Array]"]=Re["[object Int16Array]"]=Re["[object Int32Array]"]=Re["[object Uint8Array]"]=Re["[object Uint8ClampedArray]"]=Re["[object Uint16Array]"]=Re["[object Uint32Array]"]=!0,Re["[object Arguments]"]=Re["[object Array]"]=Re["[object ArrayBuffer]"]=Re["[object Boolean]"]=Re["[object DataView]"]=Re["[object Date]"]=Re["[object Error]"]=Re["[object Function]"]=Re["[object Map]"]=Re["[object Number]"]=Re["[object Object]"]=Re["[object RegExp]"]=Re["[object Set]"]=Re["[object String]"]=Re["[object WeakMap]"]=!1;var Le=function(t){return Gt(t)&&ve(t.length)&&!!Re[Ut(t)]};var Ve=function(t){return function(e){return t(e)}},Oe="object"==typeof exports&&exports&&!exports.nodeType&&exports,We=Oe&&"object"==typeof module&&module&&!module.nodeType&&module,Ne=We&&We.exports===Oe&&Pt.process,He=function(){try{var t=We&&We.require&&We.require("util").types;return t||Ne&&Ne.binding&&Ne.binding("util")}catch(t){}}(),je=He&&He.isTypedArray,Ke=je?Ve(je):Le,$e=Object.prototype.hasOwnProperty;var Ye=function(t,e){var i=Ft(t),s=!i&&Be(t),r=!i&&!s&&Fe(t),n=!i&&!s&&!r&&Ke(t),o=i||s||r||n,a=o?ze(t.length,String):[],c=a.length;for(var h in t)!e&&!$e.call(t,h)||o&&("length"==h||r&&("offset"==h||"parent"==h)||n&&("buffer"==h||"byteLength"==h||"byteOffset"==h)||de(h,c))||a.push(h);return a};var Je=function(t,e){return function(i){return t(e(i))}};var Xe=function(t){var e=[];if(null!=t)for(var i in Object(t))e.push(i);return e},qe=Object.prototype.hasOwnProperty;var Ze=function(t){if(!Rt(t))return Xe(t);var e=De(t),i=[];for(var s in t)("constructor"!=s||!e&&qe.call(t,s))&&i.push(s);return i};var Qe=function(t){return Ce(t)?Ye(t,!0):Ze(t)},ti=ee(Object,"create");var ei=function(){this.__data__=ti?ti(null):{},this.size=0};var ii=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},si=Object.prototype.hasOwnProperty;var ri=function(t){var e=this.__data__;if(ti){var i=e[t];return"__lodash_hash_undefined__"===i?void 0:i}return si.call(e,t)?e[t]:void 0},ni=Object.prototype.hasOwnProperty;var oi=function(t){var e=this.__data__;return ti?void 0!==e[t]:ni.call(e,t)};var ai=function(t,e){var i=this.__data__;return this.size+=this.has(t)?0:1,i[t]=ti&&void 0===e?"__lodash_hash_undefined__":e,this};function ci(t){var e=-1,i=null==t?0:t.length;for(this.clear();++e<i;){var s=t[e];this.set(s[0],s[1])}}ci.prototype.clear=ei,ci.prototype.delete=ii,ci.prototype.get=ri,ci.prototype.has=oi,ci.prototype.set=ai;var hi=ci;var li=function(){this.__data__=[],this.size=0};var pi=function(t,e){for(var i=t.length;i--;)if(ge(t[i][0],e))return i;return-1},di=Array.prototype.splice;var mi=function(t){var e=this.__data__,i=pi(e,t);return!(i<0)&&(i==e.length-1?e.pop():di.call(e,i,1),--this.size,!0)};var gi=function(t){var e=this.__data__,i=pi(e,t);return i<0?void 0:e[i][1]};var ui=function(t){return pi(this.__data__,t)>-1};var fi=function(t,e){var i=this.__data__,s=pi(i,t);return s<0?(++this.size,i.push([t,e])):i[s][1]=e,this};function yi(t){var e=-1,i=null==t?0:t.length;for(this.clear();++e<i;){var s=t[e];this.set(s[0],s[1])}}yi.prototype.clear=li,yi.prototype.delete=mi,yi.prototype.get=gi,yi.prototype.has=ui,yi.prototype.set=fi;var xi=yi,wi=ee(bt,"Map");var Ii=function(){this.size=0,this.__data__={hash:new hi,map:new(wi||xi),string:new hi}};var vi=function(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t};var Ci=function(t,e){var i=t.__data__;return vi(e)?i["string"==typeof e?"string":"hash"]:i.map};var Pi=function(t){var e=Ci(this,t).delete(t);return this.size-=e?1:0,e};var Si=function(t){return Ci(this,t).get(t)};var bi=function(t){return Ci(this,t).has(t)};var Di=function(t,e){var i=Ci(this,t),s=i.size;return i.set(t,e),this.size+=i.size==s?0:1,this};function zi(t){var e=-1,i=null==t?0:t.length;for(this.clear();++e<i;){var s=t[e];this.set(s[0],s[1])}}zi.prototype.clear=Ii,zi.prototype.delete=Pi,zi.prototype.get=Si,zi.prototype.has=bi,zi.prototype.set=Di;var Ti=zi,Ei=Je(Object.getPrototypeOf,Object),Ai=Function.prototype,_i=Object.prototype,Bi=Ai.toString,ki=_i.hasOwnProperty,Mi=Bi.call(Object);var Ui=function(t){if(!Gt(t)||"[object Object]"!=Ut(t))return!1;var e=Ei(t);if(null===e)return!0;var i=ki.call(e,"constructor")&&e.constructor;return"function"==typeof i&&i instanceof i&&Bi.call(i)==Mi};var Gi=function(){this.__data__=new xi,this.size=0};var Fi=function(t){var e=this.__data__,i=e.delete(t);return this.size=e.size,i};var Ri=function(t){return this.__data__.get(t)};var Li=function(t){return this.__data__.has(t)};var Vi=function(t,e){var i=this.__data__;if(i instanceof xi){var s=i.__data__;if(!wi||s.length<199)return s.push([t,e]),this.size=++i.size,this;i=this.__data__=new Ti(s)}return i.set(t,e),this.size=i.size,this};function Oi(t){var e=this.__data__=new xi(t);this.size=e.size}Oi.prototype.clear=Gi,Oi.prototype.delete=Fi,Oi.prototype.get=Ri,Oi.prototype.has=Li,Oi.prototype.set=Vi;var Wi=Oi,Ni="object"==typeof exports&&exports&&!exports.nodeType&&exports,Hi=Ni&&"object"==typeof module&&module&&!module.nodeType&&module,ji=Hi&&Hi.exports===Ni?bt.Buffer:void 0,Ki=ji?ji.allocUnsafe:void 0;var $i=function(t,e){if(e)return t.slice();var i=t.length,s=Ki?Ki(i):new t.constructor(i);return t.copy(s),s},Yi=bt.Uint8Array;var Ji=function(t){var e=new t.constructor(t.byteLength);return new Yi(e).set(new Yi(t)),e};var Xi=function(t,e){var i=e?Ji(t.buffer):t.buffer;return new t.constructor(i,t.byteOffset,t.length)};var qi=function(t){return"function"!=typeof t.constructor||De(t)?{}:se(Ei(t))};var Zi=function(t){return function(e,i,s){for(var r=-1,n=Object(e),o=s(e),a=o.length;a--;){var c=o[t?a:++r];if(!1===i(n[c],c,n))break}return e}}();var Qi=function(t,e,i){(void 0!==i&&!ge(t[e],i)||void 0===i&&!(e in t))&&me(t,e,i)};var ts=function(t){return Gt(t)&&Ce(t)};var es=function(t,e){if(("constructor"!==e||"function"!=typeof t[e])&&"__proto__"!=e)return t[e]};var is=function(t){return ye(t,Qe(t))};var ss=function(t,e,i,s,r,n,o){var a=es(t,i),c=es(e,i),h=o.get(c);if(h)Qi(t,i,h);else{var l=n?n(a,c,i+"",t,e,o):void 0,p=void 0===l;if(p){var d=Ft(c),m=!d&&Fe(c),g=!d&&!m&&Ke(c);l=c,d||m||g?Ft(a)?l=a:ts(a)?l=ne(a):m?(p=!1,l=$i(c,!0)):g?(p=!1,l=Xi(c,!0)):l=[]:Ui(c)||Be(c)?(l=a,Be(a)?l=is(a):Rt(a)&&!Ot(a)||(l=qi(c))):p=!1}p&&(o.set(c,l),r(l,c,s,n,o),o.delete(c)),Qi(t,i,l)}};var rs=function t(e,i,s,r,n){e!==i&&Zi(i,function(o,a){if(n||(n=new Wi),Rt(o))ss(e,i,a,s,t,r,n);else{var c=r?r(es(e,a),o,a+"",e,i,n):void 0;void 0===c&&(c=o),Qi(e,a,c)}},Qe)},ns=Se(function(t,e,i){rs(t,e,i)}),os=require("@pixi/app"),as=class{constructor(){d(this,"type"),d(this,"active"),this.type="null",this.active=!1}get interactive(){return this.active}set interactive(t){this.active=t}},cs=class extends as{constructor(t){super(),d(this,"type","control"),d(this,"_interactionType","mouse"),d(this,"active",!1),d(this,"lastPoint",new C),d(this,"cursorResult",{type:"normal",angle:0}),d(this,"SDKUtils"),this.SDKUtils=t}get interactive(){return Tn.config.gestureHandlerConfig.controlGizmoEnabled}set interactive(t){Tn.config.gestureHandlerConfig.controlGizmoEnabled=!0}get interactionType(){return this._interactionType}set interactionType(t){t===this._interactionType&&(this._interactionType=t,this.refreshCursorResult())}get useCameraControl(){return"editor"===Tn.config.mode}preparationAction(){}cancelPreparation(){}refreshResults(){}preAction(t){return"mouse"===this.interactionType&&(this.active=!0,this.lastPoint=new C(t.clientX,t.clientY)),this.refreshCursorResult(),"mouse"===this.interactionType?this.type:void 0}action(t){if(!Tn.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:r,deltaY:n,offsetX:o,offsetY:a}=t,c=new C(r,n);if(e||i){const t=this.useCameraControl?new C(o,a):new C,e=-c.y*Tn.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,r=new C(e,i),n=(new C).subtractVectors(r,this.lastPoint);n.x=s&&0!==n.y?Math.sqrt(n.x**2+n.y**2)*n.y/Math.abs(n.y):n.x,n.y=s?0:n.y,this.SDKUtils.pageMove(n),this.lastPoint.copyFrom(r)}}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[]}},hs=require("@pixi/graphics"),ls=class extends as{constructor(t){super(),d(this,"result",{type:"null",box:new G}),d(this,"selectedItemIds",[]),d(this,"activeParentIds",[]),d(this,"cursorPoint",new C),d(this,"startPoint",new C),d(this,"firstClickPoint",new C),d(this,"graphics",new hs.Graphics),d(this,"pageDataUtils"),d(this,"clearResult",!1),d(this,"type","selector"),this.pageDataUtils=t}get interactive(){return Tn.config.gestureHandlerConfig.selectorGizmoEnabled}set interactive(t){Tn.config.gestureHandlerConfig.selectorGizmoEnabled=!0}actionKey(){}endActionKey(){}getRenderObjects(){return this.interactive?this.clearResult?(this.result={type:"null",box:new G},this.clearResult=!1,[]):(this.refreshResults(),[this.graphics]):[]}cancelPreparation(){this.result.type="null"}preparationAction(t,e){if(this.result.box=new G,!this.interactive)return void console.warn("Selector gizmo is not opened, use #SDK.setSelectorConfig() open this feature.");const i=new C(t.offsetX,t.offsetY),s=this.hitTest(i);this.selectedItemIds=this.filterSelectedItems(s);const r=this.selectedItemIds[0]??"",n=[...this.pageDataUtils.getPageData().activeData.selectedItems,...this.pageDataUtils.getPageData().activeData.selectedItems.flatMap(t=>this.pageDataUtils.getChildrenIds(t))],o=this.pageDataUtils.getPageData()?.activeData.preSelectedItem;return r.length&&e&&!n.includes(r)||!e?(!r.length||this.pageDataUtils.isItemSelected(r)||n.includes(r)?(this.pageDataUtils.pauseVideoItem(o),this.pageDataUtils.pauseEffectsItem(o),this.pageDataUtils.clearPreSelectedItem()):(this.pageDataUtils.addPreSelectedItem(r),r!==o&&(this.pageDataUtils.playVideoItem(r),this.pageDataUtils.playEffectsItem(r),this.pageDataUtils.pauseVideoItem(o),this.pageDataUtils.pauseEffectsItem(o))),this.type):(this.pageDataUtils.pauseVideoItem(o),this.pageDataUtils.pauseEffectsItem(o),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.pauseEffectsItem(s),this.pageDataUtils.clearPreSelectedItem(),t.buttons){case 1:{const s=new C(t.offsetX,t.offsetY);if(i??(i=this.firstClickPoint),e&&s.distanceTo(i)<4){const e=new C(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.selectedItemIds[0];if(t){const e=this.pageDataUtils.getSDKItem(t);e?.parentId&&this.pageDataUtils.removeSelectedItems([e.parentId])}}}else this.pageDataUtils.clearSelectedItems(0===this.selectedItemIds.length);if(0===this.selectedItemIds.length)return this.startPoint=new C(t.clientX,t.clientY),this.cursorPoint=new C(t.offsetX,t.offsetY),this.activeParentIds=[],this.active=!0,this.type;{const t=this.addSelectedItem(this.selectedItemIds[0]);return 1===t?.length&&"text"===this.pageDataUtils.getSDKItem(t[0])?.type?"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 C).addVectors(this.cursorPoint,(new C).subtractVectors(new C(t.clientX,t.clientY),this.startPoint)),i=(new C).subtractVectors(this.cursorPoint,e),s=(new C).addVectors(this.cursorPoint,e).multiply(.5);i.x=Math.abs(i.x),i.y=Math.abs(i.y);const r=(new G).setFromCenterAndSize(s,i);this.result.type="region",this.result.box=r,this.pageDataUtils.clearSelectedItems();const n=this.pageDataUtils.getPageData().items?.filter(t=>this.pageDataUtils.getItemEditEnable(t.id)),o=[];i.length()>0&&n?.forEach(t=>{r.intersectsBox(this.pageDataUtils.getViewBoxById(t.id),!1)&&o.push(t.id)});const a=this.filterSelectedItems(o);this.pageDataUtils.addSelectedItems(a)}endAction(){this.active=!1,this.result.type="null"}addSelectedItem(t){this.pageDataUtils.addSelectedItems([t]);const e=this.pageDataUtils.getPageData()?.activeData?.selectedItems;return this.addActiveParentIds(e),this.clearResult=!0,this.pageDataUtils.saveUndoRedoOldData(),e}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),r={ray:new N,regions:[]};try{r.regions=e.hitTest(i,s,!0),r.ray=e.getHitTestRay(i,s)}catch(t){console.warn(t)}this.refreshResultRegions(r);return this.reorderHitTestResult(r,e).filter(t=>"extra-camera"!==t&&this.pageDataUtils.getItemEditEnable(t))}refreshResultRegions(t){const e=this.pageDataUtils.getPageData()?.items.filter(t=>xt(t)),i=new Map;e?.forEach(t=>{t.property.children?.forEach(e=>{i.set(e,t.id)})}),t.regions.forEach(t=>{t.id=i.get(t.id)??t.id})}reorderHitTestResult(t,e){if(0===t.regions.length||!e)return[];const{ray:i}=t,s=t.regions.reverse(),r=[];return s.forEach(t=>{let s;const n=(t,e)=>{for(const i of t){if(i.getInstanceId()===e&&(s=i),s)return;n(i.children,e)}};if(n(e.items,t.id),void 0===s)return;const o=s.getInstanceId(),a=i.origin.clone().distance(t.position.clone());if((s.type===x.spec.ItemType.mesh||s.getComponent(x.SpriteComponent)?.renderer?.occlusion||s.getComponent(x.TextComponent)?.renderer?.occlusion||s.getComponent(I.VideoComponent)?.renderer?.occlusion||s.getComponent(w.RichTextComponent)?.renderer?.occlusion)&&r.length>0){let t=!0;r.forEach((e,i)=>{if(t)return a<=e[1]?(r.splice(i,0,[o,a]),void(t=!1)):void(i===r.length-1&&r.push([o,a]))})}else r.push([o,a])}),r.map(t=>t[0])}filterSelectedItems(t){const e=[],i=t=>{const e=this.pageDataUtils.getSDKItem(t);return!e.parentId||"frame"===this.pageDataUtils.getSDKItem(e.parentId)?.type||this.activeParentIds.includes(e.parentId)?e.id:i(e.parentId)},s=this.pageDataUtils.getPageData()?.activeData.loadingItems??[];return t.forEach(t=>{const r=i(t);s.includes(r)||j(e,r)}),e}addActiveParentIds(t){this.activeParentIds=[],t?.forEach(t=>{if(!this.pageDataUtils.getSDKItem(t))return;const e=t=>{this.activeParentIds.push(t);const i=this.pageDataUtils.getSDKItem(t);i.parentId&&e(i.parentId)};e(t)})}resetActiveParentIds(t){const e=this.pageDataUtils.getSDKItem(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:r,preSelectedWidth:n,preSelectedColor:o,regionWireframeWidth:a,regionWireframeColor:c,regionWireframeAlpha:h}=Tn.config.gestureHandlerConfig.selectorGizmoConfig;if(i?.isEmpty()||(this.graphics.lineStyle(n,o),this.graphics.drawBox(i)),!t.isEmpty()&&"region"===this.result.type)this.graphics.lineStyle(a,c,h),this.graphics.drawBox(t),this.graphics.beginFill(s,r),this.graphics.fillBox(t),this.graphics.endFill()}},ps={};c(ps,{Application:()=>fs.Application,utils:()=>gs});var ds=require("@galacean/effects-plugin-model"),ms={};c(ms,{Application:()=>fs.Application,utils:()=>gs});require("@pixi/polyfill");var gs=p(require("@pixi/utils"),1),us=require("@pixi/interaction"),fs=require("@pixi/app"),ys=require("@pixi/core"),xs=require("@pixi/loaders"),ws=require("@pixi/ticker");l(ms,require("@pixi/constants")),l(ms,require("@pixi/core")),l(ms,require("@pixi/display")),l(ms,require("@pixi/graphics")),l(ms,require("@pixi/loaders")),l(ms,require("@pixi/interaction")),l(ms,require("@pixi/math")),l(ms,require("@pixi/runner")),l(ms,require("@pixi/sprite")),l(ms,require("@pixi/text")),l(ms,require("@pixi/ticker")),l(ms,require("@pixi/settings")),gs.skipHello(),ys.Renderer.registerPlugin("interaction",us.InteractionManager),ys.Renderer.registerPlugin("batch",ys.BatchRenderer),fs.Application.registerPlugin(ws.TickerPlugin),fs.Application.registerPlugin(xs.AppLoaderPlugin),ms.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],r=(new ds.Vector2).subtractVectors(s,i).normalize();this.moveTo(i.x-r.x,i.y-r.y),this.lineTo(s.x+r.x,s.y-r.y)}this.endFill()},ms.Graphics.prototype.fillBox=function(t){const e=t.getSize();this.drawRect(t.min.x,t.min.y,e.x,e.y)},ms.Graphics.prototype.drawLine=function(t){if(this.beginFill(),t instanceof U)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()},ms.Graphics.prototype.drawDashLine=function(t,e,i=16,s=8){const r=this.currentPath.points,n={x:r[r.length-2]||0,y:r[r.length-1]||0},o=Math.abs(t),a=Math.abs(e),c=Math.atan((e-n.y)/(t-n.x));for(;Math.abs(n.x)<o||Math.abs(n.y)<a;)n.x=Math.abs(n.x+i*Math.cos(c))<o?n.x+i*Math.cos(c):t,n.y=Math.abs(n.y+i*Math.sin(c))<a?n.y+i*Math.sin(c):e,this.lineTo(n.x,n.y),n.x=Math.abs(n.x+s*Math.cos(c))<o?n.x+s*Math.cos(c):t,n.y=Math.abs(n.y+s*Math.sin(c))<a?n.y+s*Math.sin(c):e,this.moveTo(n.x,n.y)},l(ps,ms);var Is=class extends as{constructor(t,e,i){super(),d(this,"type","transform"),d(this,"wireframe"),d(this,"cursorResult",{type:"normal",angle:0}),d(this,"cursorPoint",new C),d(this,"lastPoint",new C),d(this,"startPoint",new C),d(this,"rotationAngle",0),d(this,"active",!1),d(this,"enableAdsorption",!0),d(this,"scaleParam"),d(this,"activeType","null"),d(this,"lastWorldPosition",new L),d(this,"_ignoreInteraction",!1),d(this,"firstClickPoint",new C),d(this,"frameBoxes",new Map),d(this,"toAddedFrameId"),d(this,"autoLayoutIndicator",null),d(this,"isAutoLayoutDragging",!1),d(this,"autoLayoutDragOriginalPosition",null),d(this,"autoLayoutGraphics",new ps.Graphics),d(this,"groupsNeedProcess",new Map),d(this,"_pageDataUtils"),d(this,"adsorptionGizmo"),d(this,"selectorGizmo"),d(this,"onSelectorGizmoTrigger",!1),d(this,"graphics",new ps.Graphics),d(this,"_isLockScale",!0),d(this,"isShiftDown",!1),d(this,"nameText",new ps.Text("",{fontSize:14,fill:Tn.config.gestureHandlerConfig.transformGizmoConfig.sizeTextColor,align:"left"})),d(this,"imageSprite"),d(this,"groupSprite"),d(this,"textSprite"),d(this,"videoSprite"),d(this,"frameSprite"),d(this,"effectsSprite"),this._pageDataUtils=t,this.selectorGizmo=i,this.adsorptionGizmo=e,this.wireframe={edges:[],anchor:new C,scaleCorners:[],rotationCorners:[],interactive:!0,cornerEnable:!0,directionEnable:!0,rotationEnabled:!0,scaleEnabled:!0,box:new G,totalBox:new G,childrenBoxes:[],activeType:"null",interactiveDirection:new C,scaleCorner:new C,scaleEdgeCorners:[]},this.imageSprite=ps.Sprite.from(Tn.config.gestureHandlerConfig.transformGizmoConfig.pictureLogoUrl),this.imageSprite.width=15,this.imageSprite.height=15,this.groupSprite=ps.Sprite.from(Tn.config.gestureHandlerConfig.transformGizmoConfig.groupLogoUrl),this.groupSprite.width=15,this.groupSprite.height=15,this.textSprite=ps.Sprite.from(Tn.config.gestureHandlerConfig.transformGizmoConfig.textLogoUrl),this.textSprite.width=15,this.textSprite.height=15,this.videoSprite=ps.Sprite.from(Tn.config.gestureHandlerConfig.transformGizmoConfig.videoLogoUrl),this.videoSprite.width=15,this.videoSprite.height=15,this.frameSprite=ps.Sprite.from(Tn.config.gestureHandlerConfig.transformGizmoConfig.frameLogoUrl),this.frameSprite.width=15,this.frameSprite.height=15,this.effectsSprite=ps.Sprite.from(Tn.config.gestureHandlerConfig.transformGizmoConfig.effectsLogoUrl),this.effectsSprite.width=15,this.effectsSprite.height=15}get interactive(){return Tn.config.gestureHandlerConfig.transformGizmoEnabled}set interactive(t){Tn.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:x.spec.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!==x.spec.ItemType.base&&Tn.config.gestureHandlerConfig.transformGizmoConfig.infoShowEnabled)switch(t.push(this.nameText),this.infoType){case"sprite":t.push(this.imageSprite);break;case"group":t.push(this.groupSprite);break;case"text":Tn.config.gestureHandlerConfig.textGizmoEnbaled||t.push(this.textSprite);break;case"video":t.push(this.videoSprite);break;case"generator":{const e=this._pageDataUtils.getSelectedItems()[0];"generator"===e.type&&"image"===e.generatorType?t.push(this.imageSprite):"generator"===e.type&&"video"===e.generatorType&&t.push(this.videoSprite);break}case"effects":t.push(this.effectsSprite);break;case"frame":t.push(this.frameSprite)}return this.renderAutoLayoutIndicator(),this.isAutoLayoutDragging&&this.autoLayoutIndicator&&t.push(this.autoLayoutGraphics),t}renderAutoLayoutIndicator(){if(this.autoLayoutGraphics.clear(),!this.isAutoLayoutDragging||!this.autoLayoutIndicator)return;const t=Tn.config.gestureHandlerConfig.autoLayoutIndicatorConfig,e=t?.lineWidth??2,i=t?.lineColor??3900150;this.autoLayoutGraphics.lineStyle(e,i,1),this.autoLayoutGraphics.drawLine(this.autoLayoutIndicator.line);const s=this.autoLayoutIndicator.line.start,r=this.autoLayoutIndicator.line.end;this.autoLayoutGraphics.beginFill(i),this.autoLayoutGraphics.drawCircle(s.x,s.y,3),this.autoLayoutGraphics.drawCircle(r.x,r.y,3),this.autoLayoutGraphics.endFill()}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 C(t.offsetX,t.offsetY),i=this.wireframe;this.refreshTransformType(e);const{interactiveDirection:s}=i;return this.refreshCursorResult(this.activeType,z(s)),"translation"===this.activeType&&(this.onSelectorGizmoTrigger="selector"===this.selectorGizmo.preparationAction(t,"transform")),this.active="null"!==this.activeType,this.active?this.type:void 0}preAction(t,e=!1){if(this._pageDataUtils.saveUndoRedoOldData(),this.active=1===t.buttons,this.startPoint=new C(t.clientX,t.clientY),this.lastPoint=new C(t.clientX,t.clientY),this.cursorPoint=new C(t.offsetX,t.offsetY),this.groupsNeedProcess.clear(),this.refreshFrameBoxes(),1!==t.buttons)return;if(e)return this.selectorGizmo.preAction(t,e,new C(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 L,this.activeType=e?"null":this.activeType,this.type}action(t){if(!this.interactive)return void console.warn("Transform gizmo is not opened, use #SDK.openTransformGizmo() 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 L,this.groupsNeedProcess.clear(),this.refreshFrameBoxes()}const e=new C(t.clientX,t.clientY),i=(new C).subtractVectors(e,this.lastPoint);if(!this.wireframe.interactive||i.length()<=0)return;const s=this._pageDataUtils.getSelectedItems(),{anchor:r,activeType:n,interactiveDirection:o,scaleCorner:a}=this.wireframe,c=this._pageDataUtils.getPageData();(0,x.assertExist)(c);let h=0;switch(n){case"rotation":{const t=r.clone(),e=new L,n=E(T((new C).subtractVectors(this.cursorPoint,t),(new C).subtractVectors(this.cursorPoint.add(i),t))*D,3);e.z=n,this.rotationAngle+=n,h=z(o)+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 G:this._pageDataUtils.getViewBoxById(t.id)).filter(t=>!t.isEmpty()),i=new C(this.adsorptionGizmo.absorptionResult.x??0,this.adsorptionGizmo.absorptionResult.y??0);this.adsorptionGizmo.boxTranslationAdsorption(t,this.wireframe.box,e);const r=new C(this.adsorptionGizmo.absorptionResult.x??0,this.adsorptionGizmo.absorptionResult.y??0);t.add(i).subtract(r)}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=>{t.x=E(t.x,5),t.y=E(t.y,5),t.z=E(t.z,5),this._pageDataUtils.moveItem(e.id,t),this.refreshItemFrameRelationShip(e,this.cursorPoint.clone()),this.updateAutoLayoutIndicator(e)}),this.lastWorldPosition.copyFrom(e)}break}case"scale":{const t=this.cursorPoint.add(i).clone().subtract(this._pageDataUtils.getViewportLeftTopPosition());if(!a||!this.scaleParam)return;const e=s[0]??void 0,r=e&&1===s.length&&vt(e)?!this.isShiftDown:this.isShiftDown,n=this.scaleParam.farthestCorner;(a.x-n.x)*(this.cursorPoint.x-n.x)>0&&(a.y-n.y)*(this.cursorPoint.y-n.y)>0||!this.isLockScale||this.isShiftDown||(t.x=n.x+(a.x-n.x)/Math.abs(a.x-n.x)*4,t.y=n.y+(a.y-n.y)/Math.abs(a.y-n.y)*4);const c=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t);if(c){const t=this._pageDataUtils.getItemTransformById(e?.id??""),i=(new V).extractRotation(t.matrix).invert(),{corner:n,center:o,shift:a,lastScalar:h}=this.scaleParam,l=(new L).subtractVectors(n,o).applyMatrix(i),p=l.clone().multiply(h),d=c.clone().subtract(a).subtract(o).applyMatrix(i),m=new L(1,1,1);if(!this.isLockScale||r)m.x=_(p.x,0)?1:d.x/p.x,m.y=_(p.y,0)?1:d.y/p.y,m.z=_(p.z,0)?1:d.z/p.z;else{const t=A([_(l.x,0)?1:Math.abs(d.x/l.x),_(l.y,0)?1:Math.abs(d.y/l.y)]),e=d.toArray()[t],i=p.toArray()[t];if(_(h.x,h.y)&&_(h.z,h.x)){const t=_(i,0)?1:Math.abs(e/i);m.set(t,t,t)}else if(0===t){m.x=_(i,0)?1:Math.abs(e/i);const t=l.y*e/l.x;m.y=_(p.y,0)?1:t/p.y;const s=l.z*e/l.x;m.z=_(p.z,0)?1:s/p.z}else if(1===t){m.y=_(i,0)?1:Math.abs(e/i);const t=l.x*e/l.y;m.x=_(p.x,0)?1:t/p.x;const s=l.z*e/l.y;m.z=_(p.z,0)?1:s/p.z}else{m.z=_(i,0)?1:Math.abs(e/i);const t=l.x*e/l.z;m.x=_(p.x,0)?1:t/p.x;const s=l.y*e/l.z;m.y=_(p.y,0)?1:s/p.y}}const g=m.clone().subtract(new L(1,1,0)).divide(2).add(new L(1,1,.5)),u=o.clone().add((new L).subtractVectors(n,o).multiply(new L(h.x,h.y,1)));this.scaleParam.lastScalar.multiply(g);const f=o.clone().add((new L).subtractVectors(n,o).multiply(new L(this.scaleParam.lastScalar.x,this.scaleParam.lastScalar.y,1))),y=(new L).subtractVectors(f,u);if(y.x=E(y.x,5),y.y=E(y.y,5),y.z=E(y.z,5),this.scaleParam.center.add(y),this.scaleParam.corner.add(y),e&&vt(e)){const t=e.property.width,i=e.property.height,s=t*g.x,r=i*g.y;this._pageDataUtils.resizeFrameItem(e.id,[s,r],y)}else s.forEach(t=>{this._pageDataUtils.scaleItem(t.id,g),this._pageDataUtils.moveItem(t.id,y)});this.lastWorldPosition.copyFrom(c)}h=z(o);break}}this.refreshCursorResult(n,h),this.lastPoint.copyFrom(e)}endAction(t){this.executeAutoLayoutReorder(),this._pageDataUtils.pushUndoRedoData(),this.active=!1;const{clientX:e,clientY:i,offsetX:s,offsetY:r}=t,n=new C(e,i);if(n.distanceTo(this.startPoint)<4&&this.onSelectorGizmoTrigger){const t=this.selectorGizmo.hitTest(new C(s,r));this.isShiftDown||this._pageDataUtils.clearSelectedItems(0===t.length),this.selectorGizmo.addSelectedItem(t[0])}else{const t=(new C).subtractVectors(n,this.lastPoint);this.cursorPoint.add(t);const e=this.wireframe;"scale"===e.activeType&&this.refreshFrameChildren(),this.refreshTransformType(this.cursorPoint);const{activeType:i,interactiveDirection:s}=e;this.refreshCursorResult(i,z(s)),this.adsorptionGizmo.clearAbsorptionResult()}this.processGroupsNeedProcess(),this.toAddedFrameId=void 0,this.frameBoxes.clear(),this.onSelectorGizmoTrigger=!1,this.rotationAngle=0,this.lastPoint=new C,this.startPoint=new C,this.cursorPoint=new C}interruption(){this.active=!1,this.cursorResult.type="normal",this.adsorptionGizmo.clearAbsorptionResult(),this.groupsNeedProcess.size>0&&(console.log("Clearing groupsNeedProcess due to interruption."),this.groupsNeedProcess.clear())}refreshCursorResult(t,e=0){switch(t){case"scale":this.cursorResult={type:"scale",angle:(e+Math.PI/4)*D};break;case"rotation":this.cursorResult={type:"rotation",angle:(e+Math.PI/4)*D};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,r,n;if(i){const t=this._pageDataUtils.getItemTransformById(i.id);s=(new L).copyFrom(this._pageDataUtils.getPlayerItemById(i.id).transform.anchor).applyMatrix(t.matrix),r=(new L).setFromMatrixPosition(t.matrix),n=(new O).setFromQuaternion((new R).setFromRotationMatrix(t.matrix))}this._pageDataUtils.interactionUtils.initInteractionPlane(r,n);const{scaleCorner:o,box:a}=this.wireframe,c=a.corners[0].clone();let h=c.distanceTo(o);a.corners.forEach(t=>{t.distanceTo(o)>h&&(c.copyFrom(t),h=t.distanceTo(o))}),this.scaleParam={shift:new L,center:new L,corner:new L,lastScalar:new L(1,1,1),farthestCorner:c},this.scaleParam.center=s??r;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 L}this.scaleParam.shift=(this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t)??new L).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:r,cornerLineColor:n,cornerLineAlpha:o,infoShowEnabled:a}=Tn.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 U(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(r,n,o),this.wireframe.scaleCorners.forEach(t=>{this.graphics.drawCircle(t.center.x,t.center.y,t.radius)}),this.graphics.endFill()),this.infoType!==x.spec.ItemType.base&&a){const t=this._pageDataUtils.getSelectedItems()[0],e="group"===this.infoType?"编组":"sprite"===this.infoType?"图片":"text"===this.infoType?"文本":"video"===this.infoType?"视频":"generator"===this.infoType&&"image"===t.generatorType?"图片生成器":"generator"===this.infoType&&"video"===t.generatorType?"视频生成器":"effects"===this.infoType?"特效":"frame"===this.infoType?"画板":"",{width:i,height:s,rotation:r}=t.property,n=[i,s],o="group"===this.infoType?this.groupSprite:"sprite"===this.infoType?this.imageSprite:"text"===this.infoType?this.textSprite:"video"===this.infoType?this.videoSprite:"generator"===this.infoType&&"image"===t.generatorType?this.imageSprite:"generator"===this.infoType&&"video"===t.generatorType?this.videoSprite:"effects"===this.infoType?this.effectsSprite:"frame"===this.infoType?this.frameSprite:this.imageSprite,a=this.wireframe.box.corners[3],c=r[2]*b;o.anchor.set(0,1),o.x=a.x,o.y=a.y-5,o.rotation=-c;const h=a.clone().add(new C(20,0)).rotateAround(a,-c),l=new C(0,4).rotateAround(new C,c);this.nameText.text=` ${e}  ${n.map(t=>E(t,0)).join(" * ")}`,this.nameText.anchor.set(0,1),this.nameText.x=h.x+l.x,this.nameText.y=h.y-l.y,this.nameText.rotation=-c}if(this.toAddedFrameId){const s=this.frameBoxes.get(this.toAddedFrameId);s&&(this.graphics.lineStyle(i,e,t),this.graphics.drawBox(s))}}}refreshTransformType(t){this.activeType="null";let e=!0;if(this.wireframe.interactiveDirection=new C,this.wireframe.scaleCorner=void 0,this.wireframe.scaleEdgeCorners=void 0,this.wireframe.interactive&&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="template"===Tn.config.mode,i=1===t.length?t[0]:void 0,s="frame"===i?.type&&"auto"===i?.layoutMode,r=1===t.length&&"group"!==i?.type&&!s,n=new G;if(this.wireframe.edges=[],this.wireframe.scaleCorners=[],this.wireframe.childrenBoxes=[],this.wireframe.rotationCorners=[],this.wireframe.rotationEnabled=e,this.wireframe.scaleEnabled=r||e,this.wireframe.cornerEnable=r||e,t.length>1)t.forEach(t=>{if(this._pageDataUtils.getItemShow(t.id)){const e=this._pageDataUtils.getViewBoxById(t.id);n.union(e),this.wireframe.childrenBoxes.push((new G).copyFrom(e).expandByScalar(1))}}),this.wireframe.anchor=n.getCenter(),this.wireframe.interactive=!0;else if(1===t.length){const e=t[0];if("text"!==e.type&&this._pageDataUtils.getItemShow(e.id)){const t=this._pageDataUtils.getViewBoxById(e.id);n.copyFrom(t),this.wireframe.anchor=this._pageDataUtils.getItemViewAnchor(e.id)??n.getCenter(),this.wireframe.interactive=this._pageDataUtils.getItemEditEnable(e.id)}}const o=n.isEmpty(),a=o?0:1,c=o?0:16;this.wireframe.activeType=t.length?this.wireframe.activeType:"null",this.wireframe.box.copyFrom(n).expandByScalar(a),this.wireframe.totalBox.copyFrom(n).expandByScalar(c);const h=this.wireframe.box.corners;h.forEach((t,e)=>{this.wireframe.edges.push(new U((new C).copyFrom(t),(new C).copyFrom(h[(e+1)%4])))});const{scaleCircleSize:l,rotationCircleSize:p}=Tn.config.gestureHandlerConfig.transformGizmoConfig;1===t.length&&this.wireframe.box.corners.forEach(t=>{this.wireframe.scaleCorners.push(new F(t,l));const e=(new C).subtractVectors(t,this.wireframe.box.getCenter()),i=(new C).copyFrom(this.wireframe.box.getCenter()).add((new C).copyFrom(e).normalize().multiply(e.length()+p-l));this.wireframe.rotationCorners.push(new F(i,p))})}setAdsorptionEnabled(t){this.enableAdsorption=t}processGroupsNeedProcess(){0!==this.groupsNeedProcess.size&&(this.groupsNeedProcess.forEach(({groupId:t,frameId:e,childrenOutOfFrame:i})=>{const s=this._pageDataUtils.getSDKItem(t);s&&gt(s)&&(s.property.children=s.property.children.filter(t=>!i.includes(t)),i.forEach(t=>{const e=this._pageDataUtils.getSDKItem(t);e&&(e.parentId=void 0)}),i.length>0&&e&&(console.log(`Moving ${i.length} children out of frame ${e}`),this._pageDataUtils.moveItemsOutOfFrame(i,e)))}),this.groupsNeedProcess.clear())}refreshFrameBoxes(){this.frameBoxes.clear();const t=this._pageDataUtils.getPageData()?.items.filter(t=>vt(t));t?.forEach(t=>{const e=this._pageDataUtils.getViewBoxById(t.id);this.frameBoxes.set(t.id,e)})}refreshItemFrameRelationShip(t,e){if(vt(t)||xt(t))return;const i=(this._pageDataUtils.getPageData()?.items.filter(t=>vt(t))??[]).find(e=>e.children.includes(t.id)),s=!!i;let r;if(this.frameBoxes.forEach((t,i)=>{t.containsPoint(e)&&!r&&(r=i)}),this.toAddedFrameId=r,!r&&s){const e=[t.id];if(gt(t)){const{children:i}=t.property;e.push(...i)}this._pageDataUtils.moveItemsOutOfFrame(e),t.parentId!==i.id&&t.parentId&&this._pageDataUtils.deleteItemParent(t.id,t.parentId)}if(r&&(!i||i.id!==r)){const e=[t.id];if(gt(t)){const{children:i}=t.property;if(e.push(...i),0===i.length)this._pageDataUtils.deleteItem(t.id);else{const e=this.frameBoxes.get(r);if(!e)return;const s=[],n=[];if(i.forEach(t=>{const i=this._pageDataUtils.getViewBoxById(t);i&&e.intersectsBox(i)?s.push(t):n.push(t)}),0===s.length)return void console.log(`Group ${t.id} has no children in frame ${r}, skipping frame entry.`);n.length>0?(console.log(`Group ${t.id}: ${n.length} children out of frame, will process at drag end.`),this.groupsNeedProcess.set(t.id,{groupId:t.id,frameId:r,childrenOutOfFrame:n})):this.groupsNeedProcess.delete(t.id)}}else if(t.parentId){const e=this._pageDataUtils.getSDKItem(t.parentId);e&&gt(e)&&this._pageDataUtils.deleteItemParent(t.id,t.parentId)}this._pageDataUtils.moveItemsToFrame(e,r)}return r}updateAutoLayoutIndicator(t){const e=t.parentId;if(!e)return this.autoLayoutIndicator=null,void(this.isAutoLayoutDragging=!1);const i=this._pageDataUtils.getSDKItem(e);if(!vt(i)||"auto"!==i.layoutMode)return this.autoLayoutIndicator=null,void(this.isAutoLayoutDragging=!1);if(this.isAutoLayoutDragging=!0,null===this.autoLayoutDragOriginalPosition){const e=i.property.layoutInfos?.[t.id];this.autoLayoutDragOriginalPosition={row:e?.row??0,column:e?.column??0}}const s=i.children.map(t=>this._pageDataUtils.getSDKItem(t)).filter(t=>void 0!==t),r=this.calculateAutoLayoutPositionByMouse(this.cursorPoint,s,t.id);if(r){const e=i.property.layoutInfos?.[t.id],n=e?.row??0;this.autoLayoutDragOriginalPosition&&this.adjustOtherElementsLayoutInfo(i,t.id,this.autoLayoutDragOriginalPosition.row,this.autoLayoutDragOriginalPosition.column,r.row,r.column),this.updateItemLayoutInfo(t,i,r);const o=this.calculateInsertPositionFromLayout(s,t.id,i,n);if(o.siblingId){const t=this.calculateAutoLayoutIndicatorLine(o,s);this.autoLayoutIndicator={frameId:i.id,insertIndex:o.index,insertDirection:o.direction,targetSiblingId:o.siblingId,line:t,targetRow:r.row,targetColumn:r.column}}else this.autoLayoutIndicator={frameId:i.id,insertIndex:s.length-1,insertDirection:"after",targetSiblingId:void 0,line:new U,targetRow:r.row,targetColumn:r.column}}else this.autoLayoutIndicator=null}calculateAutoLayoutIndicatorLine(t,e){if(t.rowChange?.isRowChange&&t.rowChange.rowBounds){const e=t.rowChange.rowBounds,i=t.rowChange.toRow<t.rowChange.fromRow?e.minY:e.maxY;return new U(new C(e.minX-20,i),new C(e.maxX+20,i))}if(t.siblingId&&e.length>0){const e=this._pageDataUtils.getViewBoxById(t.siblingId);return"before"===t.direction?new U(new C(e.min.x-5,e.min.y-10),new C(e.min.x-5,e.max.y+10)):new U(new C(e.max.x+5,e.min.y-10),new C(e.max.x+5,e.max.y+10))}return new U}calculateAutoLayoutPositionByMouse(t,e,i){const s=e.filter(t=>t.id!==i);if(0===s.length)return{row:0,column:0};const r=s.map(t=>{const e=this._pageDataUtils.getSDKItem(t.parentId??""),i=vt(e)?e.property.layoutInfos?.[t.id]:void 0;return{id:t.id,box:this._pageDataUtils.getViewBoxById(t.id),center:this._pageDataUtils.getViewBoxById(t.id).getCenter(),layoutInfo:i}}).filter(t=>!t.box.isEmpty());if(0===r.length)return{row:0,column:0};const n=t.y,o=t.x,a=new Map;let c=0,h=0;for(const t of r){const e=void 0!==t.layoutInfo?.row?Math.floor(t.layoutInfo.row):0;c=Math.max(c,e),h=Math.min(h,e),a.has(e)||a.set(e,[]),a.get(e).push(t)}const l=[];for(const[t,e]of a){const i=Math.min(...e.map(t=>t.box.min.y)),s=Math.max(...e.map(t=>t.box.max.y)),r=(i+s)/2,n=s-i;l.push({row:t,centerY:r,minY:i,maxY:s,height:n})}l.sort((t,e)=>t.centerY-e.centerY);let p=0,d=!1;for(let t=0;t<l.length;t++){const e=l[t];if(n>=e.minY&&n<=e.maxY){p=e.row,d=!0;break}}if(!d&&l.length>0){n<l[0].minY&&(p=h-1,d=!0)}if(!d&&l.length>0){n>l[l.length-1].maxY&&(p=c+1,d=!0)}if(!d){let t=1/0;for(const e of l){const i=Math.abs(n-e.centerY);i<t&&(t=i,p=e.row)}}const m=a.get(p)??[];if(0===m.length)return{row:p,column:0};m.sort((t,e)=>t.center.x-e.center.x);for(let t=0;t<m.length;t++){if(o<m[t].center.x)return{row:p,column:t}}return{row:p,column:m.length}}updateItemLayoutInfo(t,e,i){var s;(s=e.property).layoutInfos??(s.layoutInfos={});const r=e.property.layoutInfos[t.id];e.property.layoutInfos[t.id]={...r,row:i.row,column:i.column}}adjustOtherElementsLayoutInfo(t,e,i,s,r,n){if(i===r&&s===n)return;const o=t.property.layoutInfos??{};if(i===r){let t=null;for(const[s,r]of Object.entries(o))if(s!==e&&r.row===i&&r.column===n){t={id:s,info:r};break}for(const[t,r]of Object.entries(o))t!==e&&r.row===i&&(s<n?r.column>s&&r.column<n&&r.column--:s>n&&r.column>=n&&r.column<s&&r.column++);t&&(t.info.column=s)}else{for(const[t,r]of Object.entries(o))t!==e&&r.row===i&&r.column>s&&r.column--;for(const[t,i]of Object.entries(o))t!==e&&i.row===r&&i.column>=n&&i.column++}}calculateInsertPositionFromLayout(t,e,i,s){const r=this.cursorPoint,n=r.x,o=r.y,a=t.filter(t=>t.id!==e);if(0===a.length)return{index:0,direction:"after",row:-1,column:0};const c=a.map(t=>{const e=this._pageDataUtils.getViewBoxById(t.id);if(e.isEmpty())return null;const s=i.property.layoutInfos?.[t.id];return{item:t,box:e,row:Math.floor(s?.row??0),column:s?.column??0,centerX:e.getCenter().x}}).filter(t=>null!==t);if(0===c.length)return{index:0,direction:"after",row:-1,column:0};const h=new Map;for(const t of c)h.has(t.row)||h.set(t.row,[]),h.get(t.row).push(t);const l=new Map;for(const[t,e]of h){const i=Math.min(...e.map(t=>t.box.min.y)),s=Math.max(...e.map(t=>t.box.max.y)),r=Math.min(...e.map(t=>t.box.min.x)),n=Math.max(...e.map(t=>t.box.max.x));l.set(t,{minY:i,maxY:s,minX:r,maxX:n})}const p=Array.from(h.keys()).sort((t,e)=>t-e);let d=-1;for(const t of p){const e=l.get(t);if(o>=e.minY&&o<=e.maxY){d=t;break}}if(-1===d&&p.length>0){const t=p[0];d=o<l.get(t).minY?-1:p[p.length-1]}const m=this._pageDataUtils.getSelectedItems(),g=new G;m.forEach(t=>{const e=this._pageDataUtils.getViewBoxById(t.id);g.union(e)});const u=l.get(s),f=d!==s,y=h.get(d)??[];if(0===y.length){let t=null;for(const[e,i]of h)if(e>d&&i.length>0){t=i[0]?.item??null;break}if(!t){const e=p[p.length-1],i=void 0!==e?h.get(e)??[]:[];t=i[i.length-1]?.item??null}if(t){const e=i.children.indexOf(t.id);if(-1!==e)return{index:-1===d?e:e+1,direction:-1===d?"before":"after",siblingId:t.id,row:d,column:-1===d?0:h.get(d)?.length??0,rowChange:f&&u?{fromRow:s,toRow:d,rowBounds:u,isRowChange:f}:void 0}}return{index:0,direction:"after",row:d,column:0,rowChange:f&&u?{fromRow:s,toRow:d,rowBounds:u,isRowChange:f}:void 0}}y.sort((t,e)=>t.centerX-e.centerX);for(const t of y)if(n<t.centerX){const e=i.children.indexOf(t.item.id);if(-1!==e)return{index:e,direction:"before",siblingId:t.item.id,row:d,column:t.column,rowChange:f&&u?{fromRow:s,toRow:d,rowBounds:u,isRowChange:!0}:void 0}}const x=y[y.length-1];if(x){const t=i.children.indexOf(x.item.id);if(-1!==t)return{index:t+1,direction:"after",siblingId:x.item.id,row:d,column:x.column+1,rowChange:f&&u?{fromRow:s,toRow:d,rowBounds:u,isRowChange:!0}:void 0}}return{index:0,direction:"after",row:-1,column:0,rowChange:f&&u?{fromRow:s,toRow:d,rowBounds:u,isRowChange:!0}:void 0}}executeAutoLayoutReorder(){if(!this.isAutoLayoutDragging)return;const t=this.autoLayoutIndicator?.frameId;if(!t)return this.autoLayoutIndicator=null,this.isAutoLayoutDragging=!1,void(this.autoLayoutDragOriginalPosition=null);if(!vt(this._pageDataUtils.getSDKItem(t)))return this.autoLayoutIndicator=null,this.isAutoLayoutDragging=!1,void(this.autoLayoutDragOriginalPosition=null);this._pageDataUtils.applyFrameAutoLayout(t),this.autoLayoutIndicator=null,this.isAutoLayoutDragging=!1,this.autoLayoutDragOriginalPosition=null}refreshFrameChildren(){const t=this._pageDataUtils.getSelectedItems();1===t.length&&this._pageDataUtils.refreshFrameChildren(t[0].id)}},vs=require("@pixi/graphics"),Cs=class extends as{constructor(){super(...arguments),d(this,"results",[]),d(this,"graphics",new vs.Graphics),d(this,"absorptionResult",{}),d(this,"type","adsorption")}get interactive(){return Tn.config.gestureHandlerConfig.adsorptionGizmoEnabled}set interactive(t){Tn.config.gestureHandlerConfig.adsorptionGizmoEnabled=t}preparationAction(){}getCursorState(){}preAction(){}action(){}cancelPreparation(){}actionKey(){}endActionKey(){}endAction(){}interruption(){}boxTranslationAdsorption(t,e,i,s=!0,r=!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 n=new C(this.absorptionResult?.x??0,this.absorptionResult?.y??0).add(t),o=e.clone().translate(n),a=o.getCenter();this.absorptionResult={},i.forEach(t=>{if(t.isEmpty())return;t.corners.forEach(t=>{o.corners.forEach(e=>{this.getPointAbsorption(e,t,s,r)}),this.getPointAbsorption(a,t,s,r)});const e=t.getCenter();this.getPointAbsorption(a,e,s,r),o.corners.forEach(t=>{this.getPointAbsorption(t,e,s,r)})})}pointTranslationAdsorption(t,e,i,s=!0,r=!0){if(this.results=[],!this.interactive)return void console.warn("Adsorption is not opened, use #SDK.setAdsorptionConfig() open this feature.");const n=new C(this.absorptionResult?.x??0,this.absorptionResult?.y??0).add(t),o=e.clone().add(n);this.absorptionResult={},i.forEach(t=>{this.getPointAbsorption(o,t,s,r)})}getPointAbsorption(t,e,i=!0,s=!0){i&&Math.abs(t.x-e.x)<Tn.config.gestureHandlerConfig.adsorptionGizmoConfig.distance&&this.refreshPointAbsorptionResult(t,e,"x"),s&&Math.abs(t.y-e.y)<Tn.config.gestureHandlerConfig.adsorptionGizmoConfig.distance&&this.refreshPointAbsorptionResult(t,e,"y")}refreshPointAbsorptionResult(t,e,i){const s=t[i]-e[i],r="x"===i?"xPoints":"yPoints";if(this.absorptionResult&&void 0===this.absorptionResult[i])this.absorptionResult[i]=s,this.absorptionResult[r]=[{point:t,targets:[e]}];else if(Math.abs(s)-Math.abs(this.absorptionResult[i]??0)<=.005)if(Math.abs(Math.abs(s)-Math.abs(this.absorptionResult[i]??0))<.05&&s*(this.absorptionResult[i]??0)>0)if(void 0===this.absorptionResult[r])this.absorptionResult[i]=s,this.absorptionResult[r]=[{point:t,targets:[e]}];else{const i=this.absorptionResult[r].filter(e=>e.point.equals(t));void 0===i||0===i.length?this.absorptionResult[r]?.push({point:t,targets:[e]}):i[0]?.targets.push(e)}else this.absorptionResult[i]=s,this.absorptionResult[r]=[{point:t,targets:[e]}]}refreshResults(){if(void 0===this.absorptionResult)return;const{x:t,y:e,xPoints:i,yPoints:s}=this.absorptionResult,r=new C(t??0,e??0);void 0!==t&&void 0!==i&&i.forEach(t=>{const e=t.point.clone().subtract(r),i=e.clone(),s=e.clone();t.targets.forEach(t=>{i.x=t.x,i.y=Math.min(i.y,t.y),s.x=t.x,s.y=Math.max(s.y,t.y)}),this.results.push(new U(i,s))}),void 0!==e&&void 0!==s&&s.forEach(t=>{const e=t.point.clone().subtract(r),i=e.clone(),s=e.clone();t.targets.forEach(t=>{i.y=t.y,i.x=Math.min(i.x,t.x),s.y=t.y,s.x=Math.max(s.x,t.x)}),this.results.push(new U(i,s))})}refreshRenderObject(){this.graphics.clear();const{lineWidth:t,lineColor:e}=Tn.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={}}},Ps=class extends as{constructor(t){super(),d(this,"safeAreaSprites",new Map),d(this,"box",new G),d(this,"graphics",new ps.Graphics),d(this,"PageDataUtils"),d(this,"type","preference"),this.PageDataUtils=t}preparationAction(){}preAction(){}action(){}endAction(){}interruption(){}actionKey(){}endActionKey(){}cancelPreparation(){}refreshResults(){if(this.box=new G,!this.interactive)return void console.warn("Preference gizmo is not opened, use #SDK.setAdsorptionConfig() open this feature.");if("editor"===Tn.config.mode)return;const t=this.PageDataUtils.getPageData();(0,x.assertExist)(t);const{container:e}=this.PageDataUtils;if(e){const{zoom:i}=t.property,{offsetWidth:s,offsetHeight:r}=e,n=new C(s,r).multiply(i),o=this.PageDataUtils.getViewportLeftTopPosition().add(n.clone().divide(2));this.box=(new G).setFromCenterAndSize(o,n)}}refreshRenderObjects(){if("editor"===Tn.config.mode)return;const{boxWidth:t,boxColor:e,markColor:i,markAlpha:s,safeAreaEnabled:r,safeAreaBoxColor:n,safeAreaBoxAlpha:o}=Tn.config.gestureHandlerConfig.preferenceGizmoConfig;this.graphics=new ps.Graphics;const{offsetWidth:a,offsetHeight:c}=this.PageDataUtils.container.parentElement,h=new G(new C(0,0),new C(a,this.box.min.y)),l=new G(new C(0,this.box.min.y),new C(this.box.min.x,c)),p=new G(new C(this.box.min.x,this.box.max.y),new C(a,c)),d=new G(new C(this.box.max.x,this.box.min.y),new C(a,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(),r){const t=this.PageDataUtils.getViewProperty();if(t){const{size:e,safeArea:i,previewSafeAreas:s}=t,[r,a,c,h]=i,l=this.box.getSize(),p=r/e[1]*l.y,d=c/e[0]*l.x,m=h/e[0]*l.x,g=a/e[1]*l.y,{min:u,max:f}=this.box;this.graphics.beginFill(n,o);const y=new G(u,new C(f.x,u.y+p)),x=new G(new C(u.x,u.y+p),new C(u.x+d,f.y)),w=new G(new C(f.x-m,u.y+p),new C(f.x,f.y)),I=new G(new C(u.x+d,f.y-g),new C(f.x-m,f.y));this.graphics.fillBox(y),this.graphics.fillBox(x),this.graphics.fillBox(w),this.graphics.fillBox(I),this.graphics.endFill(),s.forEach(t=>{const{box:[i,s,r,n],color:o,url:a,visible:c}=t;if(!1===c)return;const h=this.box.getSize(),l=new C(r/e[0]*h.x,n/e[1]*h.y),p=new C(i/e[0]*h.x+l.x/2,s/e[1]*h.y+l.y/2).add(u),d=(new G).setFromCenterAndSize(p,l);if(a){let t=this.safeAreaSprites.get(a);t||(t=ps.Sprite.from(a),t.anchor.set(.5,.5),this.safeAreaSprites.set(a,t)),t.x=p.x,t.y=p.y,t.width=l.x,t.height=l.y,this.graphics.addChild(t)}else{const t=o?.[3]??.3,e=o?.slice(0,3)??[255,0,0],i=e[0]<<16|e[1]<<8|e[2];this.graphics.beginFill(i,t),this.graphics.fillBox(d),this.graphics.endFill()}})}}this.graphics.lineStyle(t,e),this.graphics.drawBox(this.box)}getRenderObjects(){return Tn.config.gestureHandlerConfig.preferenceGizmoEnabled&&"editor"!==Tn.config.mode?(this.refreshRenderObjects(),[this.graphics]):[]}get interactive(){return Tn.config.gestureHandlerConfig.preferenceGizmoEnabled}set interactive(t){Tn.config.gestureHandlerConfig.preferenceGizmoEnabled=t}},Ss="https://mdn.alipayobjects.com/rms/uri/file/as/0.0.6",bs={normal:{type:"preset",content:"default"},rotation:{type:"svg",content:"default",url:`${Ss}/icons/cursor-rotate-32.svg`},circle:{type:"svg",content:"default",url:`${Ss}/icons/cursor-rotate-32.svg`},scale:{type:"svg",content:"default",url:`${Ss}/icons/cursor-scale-32.svg`},hand:{type:"preset",content:"grab"},pointer:{type:"preset",content:"pointer"},"text-create":{type:"preset",content:"text"},"active-hand":{type:"preset",content:"grabbing"},"frame-create":{type:"preset",content:"crosshair"},"text-rotation":{type:"svg",content:"default",url:"https://mdn.alipayobjects.com/huamei_ixsp8m/afts/img/A*R722QoloC44AAAAAKkAAAAgAev-aAQ/original"}};var Ds=class{constructor(){d(this,"index",-1),d(this,"operations",[])}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=[],this.index=-1}},zs=class{constructor(){d(this,"index",-1),d(this,"operations",[]),d(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=[],this.index=-1}},Ts=class t{constructor(e){d(this,"container",null),d(this,"config"),d(this,"offsetX",0),d(this,"offsetY",0),this.config={...t.DEFAULT_GRID_CONFIG,...e}}attach(t){this.container=t}detach(){this.container=null}applyPreset(e,i){if(!this.container)return!1;const s=t.PRESETS[e];if(!s)return console.warn(`Unknown background preset: ${e}`),!1;const r=this.container.parentElement;return!!r&&(this.clearBackground(r),(s.color||i)&&(r.style.backgroundColor=i??s.color??""),s.image&&(r.style.backgroundImage=s.image),s.repeat&&(r.style.backgroundRepeat=s.repeat),s.position&&(r.style.backgroundPosition=s.position,this.offsetX=0,this.offsetY=0),s.size&&(r.style.backgroundSize=s.size),!0)}setColorBackground(t){if(!this.container)return;const e=this.container.parentElement;e&&(this.clearBackground(e),e.style.backgroundColor=t)}setImageBackground(t){if(!this.container)return;const e=this.container.parentElement;e&&(this.clearBackground(e),e.style.backgroundImage=`url(${t})`)}updateTransform(t,e){if(!this.container)return;const i=this.container.parentElement;if(!i)return;this.offsetX+=t.x,this.offsetY+=t.y;const s=this.calculateZoomCycle(e),r=Math.max(this.config.minSize,this.config.baseSize*s);i.style.backgroundPosition=`${this.offsetX}px ${this.offsetY}px , ${this.offsetX+r/2}px ${this.offsetY+r/2}px`,i.style.backgroundSize=`${r}px ${r}px`}reset(){if(this.offsetX=0,this.offsetY=0,!this.container)return;const t=this.container.parentElement;t&&(t.style.backgroundPosition="",t.style.backgroundSize="")}clearBackground(t){t.style.removeProperty("background-color"),t.style.removeProperty("background-image"),t.style.removeProperty("background-repeat"),t.style.removeProperty("background-position"),t.style.removeProperty("background-size")}calculateZoomCycle(t){const{zoomCycle:e}=this.config,i=Math.log(t)/Math.log(e),s=Math.floor(i);return t/Math.pow(e,s)}};d(Ts,"DEFAULT_GRID_CONFIG",{baseSize:16,zoomCycle:2,minSize:8}),d(Ts,"PRESETS",{"dot-board":{color:"#F5F5F5",image:"radial-gradient(circle 1px at 8px 8px, #BBBBBB 50%, transparent 100%)",repeat:"repeat",position:"0 0",size:"16px 16px"},"chess-board":{color:"#CCCCCC",image:"linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%),linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%)",repeat:"repeat",position:"0 0, 8px 8px",size:"16px 16px"}});var Es=Ts,As=require("@galacean/effects"),_s=class{constructor(t){d(this,"plane",new W),d(this,"ray",new N),d(this,"viewportParam",{width:0,height:0,scale:1,translation:new C,rulerWidth:0}),d(this,"cameraParam",{position:new L,rotation:new L,focusPosition:new L,focusRotation:new L,viewProjectionMatrix:new V,inverseViewProjectionMatrix:new V}),d(this,"pageDataUtils"),this.pageDataUtils=t}refreshViewParam(){const t=this.pageDataUtils.getPageData();(0,As.assertExist)(t,"You must run SDK first");const e=new C(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 C(...s),this.viewportParam.rulerWidth=0}refreshCameraParam(){const{player:t}=this.pageDataUtils,e=t?.getCompositions()?.[0]?.camera;if(e){const t=V.fromArray(e.getViewProjectionMatrix().toArray()),i=V.fromArray(e.getViewMatrix().toArray()).invert(),s=new R;i.decompose(this.cameraParam.position,s,new L),this.cameraParam.rotation=(new O).setFromQuaternion(s).toDegreeVector3(),this.cameraParam.focusPosition=new L(...this.cameraParam.position.toVector2().toArray(),this.cameraParam.position.z>0?0:2*this.cameraParam.position.z),this.cameraParam.focusPosition.applyEuler((new O).setFromDegreeVector3(this.cameraParam.rotation.clone()),this.cameraParam.position),this.cameraParam.focusRotation=(new O).setFromQuaternion(s.invert()).toDegreeVector3(),this.cameraParam.viewProjectionMatrix=t,this.cameraParam.inverseViewProjectionMatrix=V.fromArray(e.getInverseViewProjectionMatrix().toArray())}}refrehCameraParamByCameraInfo(t){const{near:e,far:i,fov:s,aspect:r,position:n,clipMode:o}=t,a=(new V).perspective(s*Math.PI/180,r,e,i,1===o),c=(new V).compose(new L(...n),new R,new L(1,1,1)).invert(),h=(new V).multiplyMatrices(a,c),l=h.clone().invert();this.cameraParam.position=new L(...n),this.cameraParam.rotation=(new O).toDegreeVector3(),this.cameraParam.focusPosition=new L(n[0],n[1],this.cameraParam.position.z>0?0:2*this.cameraParam.position.z),this.cameraParam.focusPosition.applyEuler((new O).setFromDegreeVector3(this.cameraParam.rotation.clone()),this.cameraParam.position),this.cameraParam.focusRotation=(new O).toDegreeVector3(),this.cameraParam.viewProjectionMatrix=h,this.cameraParam.inverseViewProjectionMatrix=l}initInteractionPlane(t,e){t??(t=this.cameraParam.focusPosition),e??(e=(new O).setFromDegreeVector3(this.cameraParam.rotation));const i=new L(0,0,1).applyEuler(e);this.plane.setFromNormalAndCoplanarPoint(t,i)}getWorldSizeByViewSize(t,e=!0,i){const s=e||!i?(new O).setFromDegreeVector3(this.cameraParam.rotation):(new O).setFromQuaternion((new R).setFromRotationMatrix(this.pageDataUtils.getItemTransformById(i).matrix)),r=i?(new L).setFromMatrixPosition(this.pageDataUtils.getItemTransformById(i).matrix):this.cameraParam.focusPosition,n="editor"===Tn.config.mode?1:this.viewportParam.scale;t.multiply(n);const o=this.projectPoint(r.clone()),a=this.getWorldPositionByViewPoint(o.add(t));if(!a)return console.warn("size is out of bounds."),new L(0,0,0);const c=(new O).setFromQuaternion((new R).setFromEuler(s).invert());return(e||!i?a.applyEuler(c,r):a).subtract(r)}getViewSizeByPixelSize(t){const{scale:e}=this.viewportParam,i="template"===Tn.config.mode?1:e;return t.clone().multiply(i)}projectPoint(t){const{width:e,height:i,scale:s}=this.viewportParam,{viewProjectionMatrix:r}=this.cameraParam,n="editor"===Tn.config.mode?1:s;return(new C).copyFrom(t.applyMatrix(r).toVector2()).toViewCoordinate(e*n,i*n)}getWorldPositionByViewPoint(t){const{position:e,inverseViewProjectionMatrix:i}=this.cameraParam,s=this.getNDCPositionByScreenPosition(t),r=(new H).setFromCamera(s,{position:e,inverseViewProjectMatrix:i}).rayCastPlane(this.plane);return r?.point}getNDCPositionByScreenPosition(t){const{width:e,height:i,scale:s}=this.viewportParam,r="editor"===Tn.config.mode?1:s;return new C(t.x/(e*r)*2-1,1-t.y/(i*r)*2)}getNDCSizeByPixelSize(t){const{width:e,height:i}=this.viewportParam;return new C(t.x/e*2,-t.y/i*2)}getViewPositionWWithOutTransform(t){const{scale:e}=this.viewportParam,i="editor"===Tn.config.mode?1:e;return t.divide(i)}getViewPositionByPixelPoint(t){if("template"===Tn.config.mode)return t.clone();const{width:e,height:i,scale:s,translation:r}=this.viewportParam;return t.clone().scaleByCenter(new C(s,s),new C(e/2,i/2)).add(r)}getPixelPositionByViewPoint(t){if("template"===Tn.config.mode)return t.clone();const{width:e,height:i,scale:s,translation:r}=this.viewportParam;return t.clone().subtract(r.clone()).scaleByCenter(new C(1/s,1/s),new C(e/2,i/2))}getPixelSizeByWorldSize(t){const e=this.projectPoint(new L),i=this.projectPoint(t).subtract(e);return i.abs(),i}getPixelSizeByNDCSize(t){const{width:e,height:i}=this.viewportParam;return new C(t.x/2*e,-t.y/2*i)}getPixelSizeByViewSize(t){const{scale:e}=this.viewportParam;return t.clone().divide(e)}};function Bs(t,e,i){const s=(0,x.generateGUID)(),r=(0,x.generateGUID)(),n=(0,x.generateGUID)(),o={id:r,dataType:x.spec.DataType.TimelineAsset,tracks:[]},a={id:n,item:{id:s},dataType:x.spec.DataType.CompositionComponent,items:[],timelineAsset:{id:r},sceneBindings:[]},[c,h]=e,l={id:s,name:i+"_inner",duration:999,startTime:0,endBehavior:x.spec.EndBehavior.forward,previewSize:[...e],camera:{fov:60,far:40,near:.1,clipMode:1,position:[0,0,8],rotation:[0,0,0],aspect:c/h},components:[{id:n}]};return{version:x.spec.JSONSceneVersion["3_6"],playerVersion:{web:x.version,native:"10.7.6"},type:"ge",compositionId:s,compositions:[l],images:[],plugins:[],bins:[],textures:[],items:[],components:[a],materials:[],shaders:[],geometries:[],animations:[],miscs:[o]}}function ks(t=[750,750],e="AI 设计师画布"){const i=(0,x.generateGUID)(),s={id:(0,x.generateGUID)(),dataType:x.spec.DataType.TimelineAsset,tracks:[]},r={id:(0,x.generateGUID)(),item:{id:i},dataType:x.spec.DataType.CompositionComponent,items:[],timelineAsset:{id:s.id},sceneBindings:[]},n={id:i,name:e,duration:999,startTime:0,endBehavior:x.spec.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:r.id}]},o={version:x.spec.JSONSceneVersion["3_6"],playerVersion:{web:x.version,native:"10.7.6"},type:"ge",compositionId:i,compositions:[],images:[],plugins:[],bins:[],textures:[],items:[],components:[],materials:[],shaders:[],geometries:[],animations:[],miscs:[]};return o.miscs.push(s),o.compositions.push(n),o.components.push(r),o}function Ms(t,e,i,s,r,n,o){const a=(0,x.generateGUID)(),c={id:t,name:n,dataType:x.spec.DataType.VFXItemData,components:[{id:a}],delay:0,duration:999,endBehavior:x.spec.EndBehavior.restart,renderLevel:x.spec.RenderLevel.BPlus,type:x.spec.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:r.x,y:r.y,z:r.z},anchor:{x:0,y:0}},content:void 0},h={id:a,item:{id:t},dataType:x.spec.DataType.SpriteComponent,options:{startColor:[1,1,1,1]},renderer:{renderMode:x.spec.RenderMode.MESH}};o&&(h.renderer.texture={id:o});const l={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationPlayableAsset},p={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:x.spec.EndBehavior.restart,asset:{id:l.id}}]},d={id:(0,x.generateGUID)(),dataType:x.spec.DataType.SpriteColorPlayableAsset,startColor:[1,1,1,1]};return{item:c,components:[h],tracks:[p,{id:(0,x.generateGUID)(),dataType:x.spec.DataType.SpriteColorTrack,children:[],clips:[{start:0,duration:999,endBehavior:x.spec.EndBehavior.restart,asset:{id:d.id}}]}],playableAssets:[l,d]}}function Us(t,e,i,s,r,n){const o=(0,x.generateGUID)(),a={id:t,name:n,dataType:x.spec.DataType.VFXItemData,components:[{id:o}],delay:0,duration:999,endBehavior:x.spec.EndBehavior.restart,renderLevel:x.spec.RenderLevel.BPlus,type:x.spec.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:r.x,y:r.y,z:r.z},anchor:{x:0,y:0}},content:{isVideoGenerator:!0}},c={id:o,item:{id:t},dataType:x.spec.DataType.SpriteComponent,options:{startColor:[1,1,1,0]},renderer:{renderMode:x.spec.RenderMode.MESH}},h={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationPlayableAsset},l={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:x.spec.EndBehavior.restart,asset:{id:h.id}}]},p={id:(0,x.generateGUID)(),dataType:x.spec.DataType.SpriteColorPlayableAsset,startColor:[1,1,1,0]};return{item:a,components:[c],tracks:[l,{id:(0,x.generateGUID)(),dataType:x.spec.DataType.SpriteColorTrack,children:[],clips:[{start:0,duration:999,endBehavior:x.spec.EndBehavior.restart,asset:{id:p.id}}]}],playableAssets:[h,p]}}function Gs(t,e,i,s=new C(1,1),r=new L,n=new C(1,1)){const o=JSON.parse(JSON.stringify(i)),a={id:t,name:e,duration:999,type:x.spec.ItemType.null,visible:!0,endBehavior:x.spec.EndBehavior.restart,delay:0,renderLevel:x.spec.RenderLevel.BPlus,content:{options:{startColor:[1,1,1,1]}},components:[],transform:{position:o,eulerHint:{x:r.x,y:r.y,z:r.z},size:JSON.parse(JSON.stringify(n)),scale:{x:s.x,y:s.y,z:1}},dataType:x.spec.DataType.VFXItemData},c={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationPlayableAsset};return{item:a,components:[],tracks:[{id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:x.spec.EndBehavior.restart,asset:{id:c.id}}]}],playableAssets:[c]}}function Fs(t,e,i,s,r,n){const o=(0,x.generateGUID)(),a={id:t,name:e,dataType:x.spec.DataType.VFXItemData,components:[{id:o}],delay:0,duration:999,endBehavior:x.spec.EndBehavior.restart,renderLevel:x.spec.RenderLevel.BPlus,type:x.spec.ItemType.text,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:r.x,y:r.y,z:1},anchor:{x:0,y:0}},content:void 0},c={id:o,item:{id:t},dataType:x.spec.DataType.TextComponent,options:n,renderer:{renderMode:1}},h={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationPlayableAsset};return{item:a,components:[c],tracks:[{id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:x.spec.EndBehavior.restart,asset:{id:h.id}}]}],playableAssets:[h]}}function Rs(t,e,i,s,r,n,o=!1,a=!1,c=1,h=1,l,p){const d=(0,x.generateGUID)(),m={id:t,name:n,dataType:x.spec.DataType.VFXItemData,components:[{id:d}],delay:0,duration:999,endBehavior:x.spec.EndBehavior.restart,renderLevel:x.spec.RenderLevel.BPlus,type:x.spec.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:r.x,y:r.y,z:r.z},anchor:{x:0,y:0}},content:void 0},g={id:d,item:{id:t},dataType:x.spec.DataType.VideoComponent,options:{startColor:[1,1,1,1],muted:o,video:{id:p},volume:c,playbackRate:h,transparent:a},renderer:{renderMode:x.spec.RenderMode.MESH}};l&&(g.renderer.texture={id:l});const u={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationPlayableAsset},f={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:x.spec.EndBehavior.restart,asset:{id:u.id}}]},y={id:(0,x.generateGUID)(),dataType:x.spec.DataType.SpriteColorPlayableAsset,startColor:[1,1,1,1]};return{item:m,components:[g],tracks:[f,{id:(0,x.generateGUID)(),dataType:x.spec.DataType.SpriteColorTrack,children:[],clips:[{start:0,duration:999,endBehavior:x.spec.EndBehavior.restart,asset:{id:y.id}}]}],playableAssets:[u,y]}}function Ls(t,e,i,s,r){const n=JSON.parse(JSON.stringify(e)),o={id:t,name:r,duration:999,type:x.spec.ItemType.null,visible:!0,endBehavior:x.spec.EndBehavior.restart,delay:0,renderLevel:x.spec.RenderLevel.BPlus,content:{options:{startColor:[1,1,1,1]}},components:[],transform:{position:n,eulerHint:{x:i.x,y:i.y,z:i.z},size:{x:1,y:1},scale:{x:s.x,y:s.y,z:1}},dataType:x.spec.DataType.VFXItemData},a={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationPlayableAsset};return{item:o,components:[],tracks:[{id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:x.spec.EndBehavior.restart,asset:{id:a.id}}]}],playableAssets:[a]}}function Vs(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:(0,x.generateGUID)(),dataType:x.spec.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 Os(t,e,i){var s;const r=t.items.findIndex(t=>t.id===e);if(r<0)return;Ws(t,e);const n=t.items.find(t=>t.id===i);if(!n)return;t.items[r].parentId=i;const{position:o={x:0,y:0,z:0},eulerHint:a=new L,scale:c=new L(1,1,1)}=n.transform;(s=t.items[r]).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[r].transform.position.x-=o.x,t.items[r].transform.position.y-=o.y,t.items[r].transform.position.z-=o.z,t.items[r].transform.eulerHint.x-=a.x,t.items[r].transform.eulerHint.y-=a.y,t.items[r].transform.eulerHint.z-=a.z,t.items[r].transform.scale.x/=0===c.x?1:c.x,t.items[r].transform.scale.y/=0===c.y?1:c.y,t.items[r].transform.scale.z/=0===c.z?1:c.z}function Ws(t,e){var i;const s=t.items.findIndex(t=>t.id===e);if(!t.items[s]?.parentId)return;const r=t.items.find(e=>e.id===t.items[s].parentId);if(!r)return void delete t.items[s].parentId;const{position:n={x:0,y:0,z:0},eulerHint:o=new L,scale:a=new L(1,1,1)}=r.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+=n.x,t.items[s].transform.position.y+=n.y,t.items[s].transform.position.z+=n.z,t.items[s].transform.eulerHint.x+=o.x,t.items[s].transform.eulerHint.y+=o.y,t.items[s].transform.eulerHint.z+=o.z,t.items[s].transform.scale.x*=0===a.x?1:a.x,t.items[s].transform.scale.y*=0===a.y?1:a.y,t.items[s].transform.scale.z*=0===a.z?1:a.z}function Ns(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=>{switch(e.dataType){case x.spec.DataType.SpriteComponent:if(e.renderer.texture){if(!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))}}break;case x.spec.DataType.VideoComponent:if(e.renderer.texture){if(!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.videos=t.videos?.filter(t=>t.id!==i.source.id))}}}});const r=[];let n,o;if(+t.version>=3.3){const i=t.components.filter(t=>t.dataType===x.spec.DataType.CompositionComponent).find(t=>t.items.find(t=>t.id===e));i&&(i.items=i.items.filter(t=>t.id!==e),o=i.timelineAsset.id,n=i.sceneBindings.find(t=>t.value.id===e)?.key.id,i.sceneBindings=i.sceneBindings.filter(t=>t.value.id!==e),n&&r.push(n))}else{const i=t.compositions.find(t=>t.items.find(t=>t.id===e));i&&(i.items=i.items.filter(t=>t.id!==e),o=i.timelineAsset.id,n=i.sceneBindings.find(t=>t.value.id===e)?.key.id,i.sceneBindings=i.sceneBindings.filter(t=>t.value.id!==e),n&&r.push(n))}const a=t.miscs.findIndex(t=>t.id===o);a>=0&&(t.miscs[a].tracks=t.miscs[a].tracks.filter(t=>t.id!==n));const c=t.miscs.find(t=>t.id===n);return c&&(c.children.forEach(e=>{r.push(e.id);const i=t.miscs.find(t=>t.id===e.id);i&&r.push(...i.clips.map(t=>t.asset.id))}),r.push(...c.children.map(t=>t.id))),t.miscs=t.miscs.filter(t=>!r.includes(t.id)),t}function Hs(t,e){const i=t.items.find(t=>t.id===e);if(!i)return;const s={...i},r=t.components.filter(t=>t.item.id===e),n=t.components.filter(t=>t.dataType===x.spec.DataType.CompositionComponent).find(t=>t.items.find(t=>t.id===e)),o=[],a=[];if(n){const i=n.sceneBindings.find(t=>t.value.id===e);if(i){const e=i.key.id,s=t.miscs.find(t=>t.id===e);if(s){(s.children||[]).map(t=>t.id).forEach(e=>{const i=t.miscs.find(t=>t.id===e);if(i){o.push({...i});const e=i.clips;e&&e.forEach(e=>{const i=t.miscs.find(t=>t.id===e.asset.id);i&&a.push({...i})})}}),o.push({...s});const e=s.clips;e&&e.forEach(e=>{const i=t.miscs.find(t=>t.id===e.asset.id);i&&a.push({...i})})}}}return Ns(t,e),{item:s,components:r.map(t=>({...t})),tracks:o,playableAssets:a}}function js(t,e){let i;return t.components.forEach(s=>{if(s.item.id===e)if(s.dataType===x.spec.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===x.spec.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}function Ks(t,e,i,s){const r=JSON.parse(JSON.stringify(e)),n=r.compositions?.[0]?.duration??5,o=x.spec.EndBehavior.restart,a={options:{refId:r.compositionId??r.compositions[0].id,startColor:[1,1,1,1]}},c={id:i,components:[],name:"ref_"+r.compositions[0].name,duration:n,dataType:x.spec.DataType.VFXItemData,parentId:s,type:x.spec.ItemType.composition,visible:!0,endBehavior:o,delay:0,renderLevel:x.spec.RenderLevel.BPlus,content:a,transform:{position:{x:0,y:0,z:0},eulerHint:{x:0,y:0,z:0},scale:{x:1,y:1,z:1}}};t.items.push(c);const h={id:(0,x.generateGUID)(),dataType:"ActivationPlayableAsset"},l={id:(0,x.generateGUID)(),dataType:"ActivationTrack",children:[],clips:[{start:0,duration:n,endBehavior:o,asset:{id:h.id}}]},p={id:(0,x.generateGUID)(),dataType:"SubCompositionPlayableAsset"},d={id:(0,x.generateGUID)(),dataType:"SubCompositionTrack",children:[],clips:[{start:0,duration:n,endBehavior:o,asset:{id:p.id}}]},m={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ObjectBindingTrack,children:[],clips:[]};t.miscs.push(m);const g=[],u=[];if(g.push(l,d),u.push(h,p),Number(t.version)<=3.3){const e=t.compositions.findIndex(e=>e.id===t.compositionId);if(e>=0){t.compositions[e].items.push({id:c.id});const i=t.miscs.find(i=>i.id===t.compositions[e].timelineAsset.id);i?.tracks.push({id:m.id}),t.compositions[e].sceneBindings.push({key:{id:m.id},value:{id:c.id}})}}else{const e=t.components.find(e=>e.id===t.compositions[0].components[0].id&&e.dataType===x.spec.DataType.CompositionComponent);e.items.push({id:c.id});const i=t.miscs.find(t=>t.id===e.timelineAsset.id);i?.tracks.push({id:m.id}),e.sceneBindings.push({key:{id:m.id},value:{id:c.id}})}return g.forEach(t=>{t.path||m.children.push({id:t.id})}),t.miscs.push(...g),t.miscs.push(...u),Object.keys(t).forEach(e=>{"compositionId"!==e?("components"===e&&r.components.forEach(t=>{t.dataType!==x.spec.DataType.CompositionComponent||t.item.id||r.compositions.forEach(e=>{e.components[0]?.id===t.id&&(t.item.id=e.id)})}),r[e]&&Array.isArray(r[e])&&(t[e]??(t[e]=[]),t[e].push(...r[e]))):t.compositionId??(t.compositionId=t.compositions[0].id)}),t}function $s(t,e){const i=[];return e.forEach(e=>{const s=t.items.find(t=>t.id===e);if(s&&(Ns(t,e),s.type===x.spec.ItemType.composition)){const t=s?.content.options.refId;i.push(t)}}),i.forEach(e=>{Ys(t,e)}),t}function Ys(t,e){const i=t.components.find(t=>t.item.id===e);if(i){const s=i.timelineAsset.id;t.miscs=t.miscs.filter(t=>t.id!==s),t.compositions=t.compositions.filter(t=>t.id!==e),t.components=t.components.filter(t=>t.id!==i.id)}}function Js(t,e){t.items.forEach(i=>{const s=i.id,r=e.get(s);if(r){i.id=r;t.components.filter(t=>t.item.id===s).forEach(t=>{t.item.id=r});t.components.filter(t=>t.dataType===x.spec.DataType.CompositionComponent).forEach(t=>{t.items.forEach(t=>{t.id===s&&(t.id=r)}),t.sceneBindings.forEach(t=>{t.value.id===s&&(t.value.id=r)})})}})}function Xs(t,e,i){const s=t.items.find(t=>t.id===e);s?s.name=i:console.warn(`item ${e} is not exsited.`)}function qs(t,e,i,s){const r=t.items.find(t=>t.id===e);if(!r)return console.warn(`moveItemBetweenCompositions: item ${e} not found`),!1;const n=function(t,e){if(+t.version>=3.3)return t.components.find(t=>t.dataType===x.spec.DataType.CompositionComponent&&t.items.some(t=>t.id===e));{const i=t.compositions.find(t=>t.items?.some(t=>t.id===e));if(i)return t.components.find(t=>t.dataType===x.spec.DataType.CompositionComponent&&t.item.id===i.id)}return}(t,e);if(!n)return console.warn(`moveItemBetweenCompositions: source composition not found for item ${e}`),!1;const o=i?function(t,e){return t.components.find(t=>t.dataType===x.spec.DataType.CompositionComponent&&t.item.id===e)}(t,i):function(t){const e=t.compositions.find(e=>e.id===t.compositionId)??t.compositions[0];if(!e)return;return t.components.find(t=>t.dataType===x.spec.DataType.CompositionComponent&&t.item.id===e.id)}(t);if(!o)return console.warn(`moveItemBetweenCompositions: target composition not found ${i??"(main)"}`),!1;if(n.id===o.id)return!0;const a=function(t,e,i){const s=[];let r=null;if(+t.version>=3.3){e.items=e.items.filter(t=>t.id!==i);const t=e.sceneBindings.findIndex(t=>t.value.id===i);if(t>=0){const i=e.sceneBindings[t];r=i.key.id,e.sceneBindings.splice(t,1)}}else{const s=t.compositions.find(i=>{const s=t.components.find(t=>t.dataType===x.spec.DataType.CompositionComponent&&t.id===e.id);return s&&i.id===s.item.id});if(s){s.items=s.items.filter(t=>t.id!==i);const t=s.sceneBindings?.findIndex(t=>t.value.id===i);if(t>=0){const e=s.sceneBindings[t];r=e.key.id,s.sceneBindings.splice(t,1)}}}if(!r)return null;const n=e.timelineAsset.id,o=t.miscs.find(t=>t.id===n);o?.tracks&&(o.tracks=o.tracks.filter(t=>t.id!==r));const a=t.miscs.find(t=>t.id===r);a?.children&&a.children.forEach(t=>{s.push(t.id)});return{trackIds:s,objectBindingTrackId:r}}(t,n,e);return a?(function(t,e,i,s){e.items.push({id:i});const r={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ObjectBindingTrack,children:[],clips:[]};for(const t of s)r.children.push({id:t});e.sceneBindings.push({key:{id:r.id},value:{id:i}});const n=e.timelineAsset.id,o=t.miscs.find(t=>t.id===n);o?.tracks&&o.tracks.push({id:r.id});t.miscs.push(r)}(t,o,e,a.trackIds),s&&function(t,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}}),e.position&&(t.transform.position={...e.position});e.size&&(t.transform.size={...e.size});e.scale&&(t.transform.scale={...e.scale});e.rotation&&(t.transform.eulerHint={...e.rotation})}(r,s),!0):(console.warn(`moveItemBetweenCompositions: failed to remove item ${e} from source composition`),!1)}function Zs(t,e){const i=t.items.find(t=>t.id===e);if(i)return i.content.options.refId;console.warn(`Target composition item ${e} is not exsited.`)}function Qs(t,e){const i=t.items.find(t=>t.id===e);if(!i)return void console.warn(`Target composition item ${e} is not existed.`);const s=i.content?.options?.refId;if(!s)return void console.warn(`Composition item ${e} has no refId.`);const r=t.compositions.find(t=>t.id===s);if(r)return r;console.warn(`Composition data with id ${s} not found.`)}function tr(t,e){const i=t.items.find(t=>t.id===e);if(!i)return void console.warn(`Target composition item ${e} is not existed.`);if(i.type!==x.spec.ItemType.composition)return void console.warn(`Item ${e} is not a composition item.`);const s=i.content?.options?.refId;if(!s)return void console.warn(`Composition item ${e} has no refId.`);const r=t.compositions.find(t=>t.id===s);if(!r)return void console.warn(`Composition data with id ${s} not found.`);const n=t.components.find(t=>t.dataType===x.spec.DataType.CompositionComponent&&t.item.id===s);if(!n)return void console.warn(`CompositionComponent for composition ${s} not found.`);const o=new Set,a=new Set,c=new Set,h=new Set,l=new Set,p=new Set,d=new Set,m=new Set,g=new Set,u=new Set;n.items.forEach(t=>o.add(t.id)),a.add(n.id),c.add(n.timelineAsset.id);const f=t.items.filter(t=>o.has(t.id)),y=t.components.filter(t=>t.item.id===s||!!o.has(t.item.id));y.forEach(t=>{if(a.add(t.id),t.dataType===x.spec.DataType.SpriteComponent){const e=t;e.renderer?.texture?.id&&h.add(e.renderer.texture.id)}if(t.dataType===x.spec.DataType.VideoComponent){const e=t;e.renderer?.texture?.id&&h.add(e.renderer.texture.id)}});const w=[];t.textures&&t.textures.forEach(t=>{if(t.id&&h.has(t.id)){w.push(t);const e=t.source?.id;if(e){1===t.sourceType?p.add(e):l.add(e)}}});const I=t.images.filter(t=>l.has(t.id)),v=t.videos?.filter(t=>p.has(t.id))??[],C=[],P=t.miscs.find(t=>t.id===n.timelineAsset.id);P&&C.push({...P,tracks:[]});n.sceneBindings.map(t=>t.key.id).forEach(t=>c.add(t)),n.sceneBindings.forEach(e=>{const i=e.key.id,s=t.miscs.find(t=>t.id===i);if(s){if(C.push({...s}),P){const t=C.findIndex(t=>t.id===P.id);t>=0&&(C[t].tracks=C[t].tracks||[],C[t].tracks.push({id:i}))}(s.children||[]).map(t=>t.id).forEach(e=>{c.add(e);const i=t.miscs.find(t=>t.id===e);if(i){C.push({...i});const e=i.clips;e&&e.forEach(e=>{if(e.asset?.id){c.add(e.asset.id);const i=t.miscs.find(t=>t.id===e.asset.id);i&&C.push({...i})}})}});const e=s.clips;e&&e.forEach(e=>{if(e.asset?.id){c.add(e.asset.id);const i=t.miscs.find(t=>t.id===e.asset.id);i&&C.push({...i})}})}});const S=t.shaders?.filter(t=>m.has(t.id))||[],b=t.materials?.filter(t=>d.has(t.id))||[],D=t.geometries?.filter(t=>g.has(t.id))||[],z=t.animations?.filter(t=>u.has(t.id))||[];return{version:x.spec.JSONSceneVersion["3_6"],playerVersion:{...t.playerVersion},type:t.type,compositionId:s,compositions:[{...r}],items:f.map(t=>({...t})),components:y.map(t=>({...t})),miscs:C,images:I.map(t=>({...t})),textures:w,videos:v,shaders:S,materials:b,geometries:D,animations:z,plugins:t.plugins?[...t.plugins]:[],bins:t.bins?[...t.bins]:[]}}function er(t){t.components.filter(t=>t.dataType===x.spec.DataType.CompositionComponent).forEach(e=>{if(!e.items){e.items??(e.items=[]);const i=t.compositions.find(t=>t.id===e.item.id);i&&"items"in i&&i?.items&&(e.items.push(...i.items),delete i.items)}})}function ir(t,e={}){if(0===t.length){const t=e.padding??20;return{items:[],size:[2*t,2*t]}}const i=e.padding??20,s=e.gap??5,r=t.map(t=>{const e=t.box.getSize();return{...t,width:e.x,height:e.y}});let n;n=r.some(t=>void 0!==t.row)?function(t,e,i){if(0===t.length)return{items:[],size:[2*e,2*e]};const s=new Map;for(const e of t){const t=e.row??0;s.has(t)||s.set(t,[]),s.get(t).push(e)}const r=Array.from(s.keys()).sort((t,e)=>t-e),n=[];let o=e,a=e;for(const t of r){const r=s.get(t),c=r.filter(t=>void 0!==t.column),h=r.filter(t=>void 0===t.column),l=Math.max(...r.map(t=>t.box.getSize().y),0),p=new Map,d=[...c].sort((t,e)=>t.column-e.column);for(const t of d){let e=t.column;for(;p.has(e);)e++;p.set(e,t)}let m=0;for(const t of h){for(;p.has(m);)m++;p.set(m,t),m++}const g=Array.from(p.keys()).sort((t,e)=>t-e);for(const s of g){const r=p.get(s);let c=e;for(let t=0;t<s;t++){const e=p.get(t);c+=e?e.box.getSize().x+i:i}n.push({id:r.id,x:c+r.box.getSize().x/2,y:o+l/2,row:t,column:s}),a=Math.max(a,c+r.box.getSize().x+e)}o+=l+i}const c=Math.max(o-i+e,2*e);return{items:n,size:[Math.max(a,2*e),c]}}(r,i,s):function(t,e,i,s){if(0===t.length)return{items:[],size:[2*e,2*e]};const r=new Map;for(const e of t){const t=e.row??0;r.has(t)||r.set(t,[]),r.get(t).push(e)}const n=Array.from(r.keys()).sort((t,e)=>t-e),o=[];let a=e,c=e;for(const t of n){const n=r.get(t);let h=e,l=0,p=0,d=1;for(const r of n){const{x:n,y:m}=r.box.getSize();let g=void 0!==s?.maxRowWidth&&h+n+e>s.maxRowWidth&&h>e;g&&void 0!==s?.maxRowCount&&d>=s.maxRowCount&&(g=!1),g?(a+=l+i,h=e,l=m,p=0,d++):l=Math.max(l,m),o.push({id:r.id,x:h+n/2,y:a+m/2,row:t,column:p}),c=Math.max(c,h+n+e),h+=n+i,p++}n.length>0&&(a+=l+i)}const h=Math.max(a-i+e,2*e);return{items:o,size:[Math.max(c,2*e),h]}}(r,i,s,e.config);return{items:n.items.map(t=>({id:t.id,position:[t.x,t.y],row:t.row,column:t.column})),size:n.size}}function sr(t,e){return[e[0]-t[0],e[1]-t[1]]}function rr(t,e){return e.items.map(e=>{const i=t.find(t=>t.id===e.id),s=i?.currentPosition??[0,0];return{id:e.id,displacement:sr(s,e.position),targetPosition:e.position}})}var nr={topAdsorption:"T",leftAdsorption:"L",rightAdsorption:"R",bottomAdsorption:"B",centerAdsorption:"C",bottomCenterAdsorption:"BC"},or=require("@galacean/effects"),ar=require("@galacean/effects-plugin-multimedia"),cr=class{static createEmpty(t,e=null,i="NewVFXItem"){const s=hr.createVFXItem(t,e,i);return s.type=or.spec.ItemType.null,s}static createSprite(t,e=null,i="NewSpite"){const s=hr.createVFXItem(t,e,i,or.SpriteComponent);return s.type=or.spec.ItemType.sprite,s}static createText(t,e=null,i="NewText"){const s=hr.createVFXItem(t,e,i,or.TextComponent);return s.type=or.spec.ItemType.text,s}static createVideo(t,e=null,i="NewVideo"){const s=hr.createVFXItem(t,e,i,ar.VideoComponent);return s.type=or.spec.ItemType.video,s}static async createEffects(t,e,i=null,s="NewEffects"){const r=await or.AssetManager.loadPrecomposition(e,{autoplay:!1}),n=or.PrecompositionManager.instantiate(r,t);return n.name=s,n.type=or.spec.ItemType.composition,n}},hr=class{static createVFXItem(t,e=null,i="NewVFXItem",...s){const r=new or.VFXItem(t.getEngine());r.name=i;for(const t of s)r.addComponent(t);return t.addItem(r),t.rootComposition.items.push(r),e&&r.setParent(e),r}},lr=require("@galacean/effects"),pr={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"},dr={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 mr(t,e,i,s){const r=e.getContext("2d");Q(r),r.clearRect(0,0,e.width,e.height),i&&(r.save(),r.fillStyle=i,r.fillRect(0,0,e.width,e.height),r.restore()),s&&r.drawImage(s,0,0,s.width,s.height,0,0,e.width,e.height),r.drawImage(t,0,0,t.width,t.height,0,0,e.width,e.height)}function gr(t,e){return String(t).padStart(e,"0")}function ur(t){for(const e of t.getCompositions())for(const t of e.textures)t.isDestroyed||t.dispose();t.disposed||t.destroyCurrentCompositions()}var fr=require("@galacean/effects-plugin-model"),yr=class{constructor(t,e,i,s){d(this,"sdk"),d(this,"player"),d(this,"container"),d(this,"emitter"),d(this,"interactionUtils"),this.player=t,this.sdk=s,this.container=e,this.emitter=i}init(){this.interactionUtils=new _s(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.getSDKItem(t);if(!e||!this.sdk.pageData||this.getViewProperty()?.ignoreInteraction)return!1;const i=this.sdk.pageData.time,{duration:s,delay:r,endBehavior:n,isLocked:o}=e;return i>=r&&(i<r+s||n===x.spec.EndBehavior.restart)&&!o}getItemShow(t){const e=this.getSDKItem(t);if(!this.sdk.pageData||!e?.visible)return!1;const i=this.sdk.pageData.time,{duration:s,delay:r,endBehavior:n}=e;return i>=r&&(i<r+s||n===x.spec.EndBehavior.restart||n===x.spec.EndBehavior.freeze)}addSelectedItems(t){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const e=this.sdk.pageData.activeData.selectedItems??[];t.forEach(t=>{j(e,t)}),this.sdk.pageData.activeData.selectedItems=[...e],this.emitter.emit("selectedItemChange",e),this.emitter.emit("pageDataChange",this.sdk.pageData)}removeSelectedItems(t){(0,x.assertExist)(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){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.activeData.preSelectedItem=t,this.emitter.emit("preSelectedItemChange",t)}clearPreSelectedItem(){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.activeData.preSelectedItem=void 0,this.emitter.emit("preSelectedItemChange",void 0)}getPreSelectedItem(){const t=this.getPageData();(0,x.assertExist)(t,"You must call SDK#run() first");const e=t.activeData.preSelectedItem;return e?this.getSDKItem(e):void 0}addLoadingItems(t){var e;(0,x.assertExist)(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=>{j(i,t)}),this.emitter.emit("loadingItemChange",i)}removeLoadingItems(t){(0,x.assertExist)(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))??[]}getSDKItem(t){const e=this.sdk.pageData?.items.find(e=>e.id===t);return e||void 0}getPlayerSizeByParent(t,e){const[i,s]=t,[r=1624,n=750]=e;let o=s,a=o/n*r;return a>i&&(o=i/a*s,a=i),[a,o]}async loadScene(t){ur(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"===Tn.config.mode){const t=this.container.parentElement?.offsetWidth??300,e=this.container.parentElement?.offsetHeight??300,[i,r]=this.getPlayerSizeByParent([t,e],s);this.container.style.width=`${i}px`,this.container.style.height=`${r}px`}this.sdk.pageData.activeData={view:t,selectedItems:[],preSelectedItem:void 0},this.player.resize();const r=JSON.parse(JSON.stringify(i)),n=await this.player.loadScene(r,{autoplay:"editor"===Tn.config.mode});"template"===Tn.config.mode&&this.player.gotoAndStop(this.sdk.pageData.time),this.interactionUtils.refreshViewParam(),this.interactionUtils.refreshCameraParam(),this.sdk.pageData.items=[],this.addSDKItemsByItems(this.sdk.pageData.items,n.items),this.emitter.emit("pageDataChange",this.sdk.pageData)}refreshPageTime(t){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.time=t}pageZoom(t,e,i){var s;(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),(s=this.sdk.pageData.property).zoom??(s.zoom=1);const{zoom:r,translation:[n=0,o=0]}=this.sdk.pageData.property,{width:a,height:c,scale:h}=this.interactionUtils.viewportParam,l=i?t:S(t,-.1,.1),p=E(S(r+l,Tn.config.pageConfig.minZoom,Tn.config.pageConfig.maxZoom),2);switch(this.sdk.pageData.property.zoom=p,Tn.config.mode){case"editor":{const t=this.interactionUtils.getNDCSizeByPixelSize(new C(n,o)),i=e??new C(a/2,c/2),s=this.interactionUtils.getNDCPositionByScreenPosition(i),r=(s.x-t.x)/h,l=(s.y-t.y)/h,d=new C(s.x-r*p,s.y-l*p),m=(new V).compose(new L(d.x,d.y,0),new R,new L(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();const d=this.getCurrentComposition();this.addSDKItemsByItems(this.sdk.pageData.items,d.items),this.sdk.backgroundManager.updateTransform({x:0,y:0},p),this.emitter.emit("zoomChange",p),this.emitter.emit("viewportTransform",{zoom:p,translation:[n,o]}),this.emitter.emit("pageDataChange",this.sdk.pageData)}setPageZoom(t,e,i){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const{zoom:s}=this.sdk.pageData.property,r=t-s;this.pageZoom(r,e,i)}refreshInteractionParam(){this.interactionUtils.refreshViewParam(),this.interactionUtils.refreshCameraParam()}pageMove(t){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const{translation:[e=0,i=0],zoom:s}=this.sdk.pageData.property,r=e+t.x,n=i+t.y;switch(this.sdk.pageData.property.translation=[r,n],Tn.config.mode){case"template":this.container.style.translate=`${r}px ${n}px`;break;case"editor":{const t=this.interactionUtils.getNDCSizeByPixelSize(new C(r,n)),e=(new V).compose(new L(t.x,t.y,0),new R,new L(s,s,1));this.setCurrenCameraViewportMatrix(e);break}}this.refreshInteractionParam();const o=this.getCurrentComposition();this.addSDKItemsByItems(this.sdk.pageData.items,o.items),this.sdk.backgroundManager.updateTransform({x:t.x,y:t.y},s),this.emitter.emit("viewportTransform",{zoom:s,translation:[r,n]}),this.emitter.emit("pageDataChange",this.sdk.pageData)}setPageMove(t){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const{translation:e}=this.sdk.pageData.property,i=(new C).subtractVectors(t,new C(...e));this.pageMove(i)}setCurrenCameraViewportMatrix(t){const e=this.getCurrentComposition();if(!e)return;const{camera:i}=e;i.setViewportMatrix(t)}rotateItem(t,e,i=!1){const s=this.getPlayerItemById(t);s&&(s.rotate(...e.toArray()),this.transformSceneItem(t,"rotation",e.toArray()),this.refreshSDKItem(t),i||this.emitter.emit("itemPropertyChange",{id:t,propertyKeys:["rotation"]}))}moveItem(t,e,i=!1){const s=this.getPlayerItemById(t);if(s){const r=(new V).copyFrom(s.transform.getParentMatrix()??new V);r.setPosition(new L);const n=e.clone().applyMatrix(r.invert());s.translate(...n.toArray()),s.transform.updateLocalMatrix(),this.transformSceneItem(t,"position",n.toArray()),this.refreshSDKItem(t),i||this.emitter.emit("itemPropertyChange",{id:t,propertyKeys:["translation"]})}}scaleItem(t,e,i=!1){const s=this.getPlayerItemById(t);s&&(s.scale(...e.toArray()),this.transformSceneItem(t,"scale",e.toArray()),this.refreshSDKItem(t),i||this.emitter.emit("itemPropertyChange",{id:t,propertyKeys:["size"]}))}scaleTextItemWidth(t,e){const i=this.getSDKItem(t);if(lt(i)){const{width:t}=i.property;this.setItemProperty({itemId:i.id,type:"text",propertyName:"width",propertyValue:t*e})}}scaleTextItem(t,e){const i=this.getSDKItem(t);if(lt(i)){const{width:t,lineHeight:s,fontSize:r}=i.property;this.setItemProperty({itemId:i.id,type:"text",property:{width:t*e,fontSize:r*e,lineHeight:s*e}})}}getItemTransformById(t){const e={matrix:new V,parentMatrix:new V},i=this.getPlayerItemById(t);if(void 0!==i?.transform){i.transform.updateLocalMatrix();const t=V.fromArray(i.composition?.transform.getWorldMatrix().elements??[]).invert();e.matrix=t.clone().multiply(V.fromArray(i.transform.getWorldMatrix().elements)),e.parentMatrix=t.clone().multiply(V.fromArray(i.transform.parentTransform?.getWorldMatrix().elements??(new V).toArray()))}return e}addSDKItemsByItems(t,e,i){const s=e=>{e.forEach(e=>{const s=t.find(t=>t.id===e.getInstanceId());s?this.updateSDKItemFromPlayerItem(s,e):t.push(this.createSDKItemByPlayerItem(e,i))})};for(const i of e)Tn.config.pageConfig.filterItemNames.includes(i.name)||this.getFilterItemIds().includes(i.getInstanceId())||(s([i]),this.addSDKItemsByItems(t,i.children,i.getInstanceId()))}getFilterItemIds(){return[...this.getPageData()?.items.filter(t=>"effects"===t.type).flatMap(t=>t.property.children)??[],...this.getPageData()?.items.filter(t=>"frame"===t.type).map(t=>t.subCompositionItemId)??[]]}createSDKItemByPlayerItem(t,e){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const{transform:i,composition:s,isVisible:r}=t,n={position:[0,0],rotation:[0,0,0],scale:[1,1],width:0,height:0};let o=!0;const{scale:a}=this.interactionUtils.viewportParam,c="editor"===Tn.config.mode?1:a,h=this.getViewportLeftTopPosition();if(t.type!==x.spec.ItemType.null){i.updateLocalMatrix();const e=(new V).copyFrom(s?.transform.getWorldMatrix()??(new V).identity()).invert().multiply(i.getWorldMatrix()),r=new L,o=new R,c=new L;e.decompose(r,o,c);const h=(new O).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(r,h);const l=this.interactionUtils.projectPoint(r),p="editor"===Tn.config.mode?this.interactionUtils.getPixelPositionByViewPoint(l).toArray().map(t=>E(t,2)):l.divide(a).toArray().map(t=>E(t,2)),d=h.toArray().map(t=>E(t,2)),m=c.toArray(),g=i.size.toArray(),u=this.getPixelSizeByWorldSize([m[0]*g[0],m[1]*g[1],m[2]],t).map(t=>E(t,2));n.position=p,n.rotation=d,n.width=u[0],n.height=u[1],n.scale=[m[0],m[1]]}else if(t.getComponent(lr.FrameComponent)){i.updateLocalMatrix();const e=(new V).copyFrom(s?.transform.getWorldMatrix()??(new V).identity()).invert().multiply(i.getWorldMatrix()),r=new L,o=new R,c=new L;e.decompose(r,o,c);const h=(new O).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(r,h);const l=this.interactionUtils.projectPoint(r),p="editor"===Tn.config.mode?this.interactionUtils.getPixelPositionByViewPoint(l).toArray().map(t=>E(t,2)):l.divide(a).toArray().map(t=>E(t,2)),d=h.toArray().map(t=>E(t,2)),m=c.toArray(),g=i.size.toArray(),u=this.getPixelSizeByWorldSize([m[0]*g[0],m[1]*g[1],m[2]],t).map(t=>E(t,2));n.position=p,n.rotation=d,n.width=u[0],n.height=u[1],n.scale=[m[0],m[1]]}else{const e=this.getViewBoxByPlayerItem(t,t.children),i=this.interactionUtils.getViewPositionWWithOutTransform(e.getCenter().subtract(h)),s="editor"===Tn.config.mode?this.interactionUtils.getPixelPositionByViewPoint(i).toArray().map(t=>E(t,2)):i.toArray();n.position=s;const r=e.getSize().divide(c).toArray();n.width=r[0],n.height=r[1]}switch(t.type){case x.spec.ItemType.sprite:{const e=this.getViewProperty()?.scene;if(e){e.components.filter(e=>e.item.id===t.getInstanceId()).forEach(t=>{if(!("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);o=!!t?.template;const s=t?.url??"";s&&Object.assign(n,{image:s})}})}break}case x.spec.ItemType.video:{const e=this.getViewProperty()?.scene;if(e){e.components.filter(e=>e.item.id===t.getInstanceId()).forEach(t=>{if(!("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),s=t?.url??"";s&&Object.assign(n,{video:s})}})}break}case x.spec.ItemType.text:case x.spec.ItemType.richtext:{const e=this.getViewProperty()?.scene;if(e){e.components.filter(e=>e.item.id===t.getInstanceId()).forEach(t=>{if(![x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType))return;const{textAlign:e,textColor:i=[0,0,0,1],text:s,fontWeight:r,fontFamily:o,fontSize:a,fontStyle:c,outline:h,textWidth:l,lineHeight:p,textHeight:d,letterSpace:m}=t.options,g=h?.outlineColor?J(h.outlineColor):void 0,u=J(i),f=h?.outlineWidth,y=!!h;Object.assign(n,{outlineEnabled:y,textAlign:e,textColor:u,fontWeight:r,text:s,fontFamily:o,fontSize:a,fontStyle:c,outlineColor:g,outlineWidth:f,width:l,lineHeight:p,height:d,letterSpacing:m})})}break}}const l=this.getSDKItem(t.getInstanceId())?.isLocked,p={id:t.getInstanceId(),name:t.name,parentId:t.parentId??e,children:[],duration:t.duration,delay:t.defination.delay,endBehavior:t.endBehavior,visible:r,isLocked:l,isCoreEditable:o};let d;const m=this.getSDKItem(t.getInstanceId()),g=m?.type,u=g;if("generator"===u){const t=m?.generatorType??"video";d=new ut({...p,property:{...n,generatorType:t}})}else if("sprite"===u)d=new at({...p,property:n});else if("text"===u)d=new ht({...p,property:n});else if("video"===u)d=new pt({...p,property:n});else if("group"===u)d=new mt({...p,property:n});else if("effects"===g){const t=m?.property.effects;d=new yt({...p,property:{...n,effects:t}})}else d="frame"===g?new It({...p,property:{...n}}):this.createSDKItemBySpecType(t.type,p,n);return d}createSDKItemBySpecType(t,e,i){switch(t){case x.spec.ItemType.sprite:return new at({...e,property:i});case x.spec.ItemType.text:return new ht({...e,property:i});case x.spec.ItemType.video:return new pt({...e,property:i});case x.spec.ItemType.null:return new mt({...e,property:i});default:return console.warn(`SDKItem type ${t} not fully implemented, using GroupItem`),new mt({...e,property:i})}}getViewBoxById(t){const e=new G,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 L).copyFrom(e.transform.anchor).applyMatrix((new V).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 G;switch(t.type){case x.spec.ItemType.sprite:case x.spec.ItemType.plugin:case x.spec.ItemType.video:case x.spec.ItemType.richtext:case x.spec.ItemType.text:case x.spec.ItemType.null:case x.spec.ItemType.shape:{const s=!!t.getComponent(lr.FrameComponent);if(t.type!==x.spec.ItemType.null||s){const{transform:e,composition:s}=t;e.updateLocalMatrix();const{size:r}=e,n=(new V).copyFrom(s?.transform.getWorldMatrix()??new V).invert().multiply(e.getWorldMatrix()),{x:o,y:a}=r.clone().divide(2),c=new L(o,a,0).applyMatrix(n),h=new L(o,-a,0).applyMatrix(n),l=new L(-o,-a,0).applyMatrix(n),p=new L(-o,a,0).applyMatrix(n),d=this.getViewportLeftTopPosition(),m=this.interactionUtils.projectPoint(c).add(d).round(2),g=this.interactionUtils.projectPoint(h).add(d).round(2),u=this.interactionUtils.projectPoint(l).add(d).round(2),f=this.interactionUtils.projectPoint(p).add(d).round(2);i.setFromVec2Array([m,g,u,f])}if(!s){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"===Tn.config.mode)return new C;const{zoom:t,translation:e}=this.sdk.pageData.property,{offsetWidth:i,offsetHeight:s}=this.container.parentElement,{offsetWidth:r,offsetHeight:n}=this.container,o=new C(i,s),a=new C(r,n).multiply(t);return o.clone().divide(2).subtract(a.clone().divide(2)).add(e)}getViewportByViewPoint(t){if(!this.sdk.pageData)return t;const{zoom:e}=this.sdk.pageData.property,i="editor"===Tn.config.mode?1:e,{width:s,height:r}=this.interactionUtils.viewportParam,n=new C(s,r).multiply(i),o=this.getViewportLeftTopPosition(),a=t.clone().subtract(o);return new C(a.x/n.x*2-1,1-a.y/n.y*2)}async setItemProperty(t){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),"propertyName"in t?(await this.setSingleItemSingleProperty(t),this.emitter.emit("itemPropertyChange",{id:t.itemId,propertyKeys:[t.propertyName]})):"property"in t&&(await this.setSingleItemMultipleProperties(t),this.emitter.emit("itemPropertyChange",{id:t.itemId,propertyKeys:Object.keys(t.property)}))}async setSingleItemSingleProperty(t){const{itemId:e,propertyName:i}=t;let s=t.propertyValue;if("effects"===i){let t;if("string"==typeof s){const e=await fetch(s,{mode:"cors",credentials:"omit",headers:{Accept:"application/json"}});if(!e.ok)throw new Error(`HTTP error! status: ${e.status}, statusText: ${e.statusText} `);t=await e.json()}if(t){const i=this.getSDKItem(e);xt(i)&&(i.effects=s,s=t)}}await this.updatePlayerItemProperty(e,i,s),this.updateJSONItemProperty(e,i,s),this.refreshSDKItem(e)}async setSingleItemMultipleProperties(t){const{itemId:e,property:i}=t;for(let[t,s]of Object.entries(i)){if("effects"===t){let t;if("string"==typeof s){const e=await fetch(s,{mode:"cors",credentials:"omit",headers:{Accept:"application/json"}});if(!e.ok)throw new Error(`HTTP error! status: ${e.status}, statusText: ${e.statusText} `);t=await e.json()}if(t){const i=this.getSDKItem(e);xt(i)&&(i.effects=s,s=t)}}void 0!==s&&(await this.updatePlayerItemProperty(e,t,s),this.updateJSONItemProperty(e,t,s))}this.refreshSDKItem(e)}async updatePlayerItemProperty(t,e,i){const s=this.getPlayerItemById(t),r=this.getSDKItem(t);if(!s||!r)return void console.warn(`Id ${t} is not a valid item id.`);["name","duration","delay","endBehavior","visible","isLocked","parentId"].includes(e)?this.updatePlayerItemBaseProperty(s,e,i):await this.updatePlayerItemPropertyAttribute(s,r,e,i)}updatePlayerItemBaseProperty(t,e,i){switch(e){case"name":"string"==typeof i&&(t.name=i);break;case"duration":"number"==typeof i&&(t.duration=i);break;case"delay":"number"==typeof i&&(t.defination.delay=i);break;case"endBehavior":Object.values(x.spec.EndBehavior).includes(i)&&(t.endBehavior=i);break;case"visible":"boolean"==typeof i&&t.setVisible(i);break;case"isLocked":break;case"parentId":t.parentId=i;const e=this.getPlayerItemById(i);t.parent=e}}async updatePlayerItemPropertyAttribute(t,e,i,s){switch(i){case"textAlign":[x.spec.TextAlignment.left,x.spec.TextAlignment.middle,x.spec.TextAlignment.right].includes(s)&&t.getComponent(x.TextComponent)?.setTextAlign(s);break;case"color":if(t.type===x.spec.ItemType.text&&Array.isArray(s)&&4===s.length){const e=X(s);t.getComponent(x.TextComponent)?.setTextColor(e)}break;case"fontFamily":if("string"==typeof s){const e=s.split("/"),i=e[e.length-1]?.split(".")[0];if(await lr.AssetManager.loadFontFamily([{fontURL:s,fontFamily:i}]),i){const e=t.getComponent(x.TextComponent);e&&(e.setFontFamily(i),e.isDirty=!0)}}break;case"text":if("string"==typeof s){const e=t.getComponent(x.TextComponent);if(e&&(e.setText(s),"editor"===Tn.config.mode)){const t=e.getLineCount(s),i=Math.ceil(e.textLayout.lineHeight*t);e.setTextHeight(i)}}break;case"fontWeight":[x.spec.TextWeight.normal,x.spec.TextWeight.bold,x.spec.TextWeight.lighter].includes(s)&&t.getComponent(x.TextComponent)?.setFontWeight(s);break;case"lineHeight":{const e=t.getComponent(x.TextComponent);if(e){e.setLineHeight(s);const t=Math.ceil(e.textLayout.lineHeight*e.lineCount);e.setTextHeight(t)}break}case"outlineColor":if(Array.isArray(s)&&4===s.length){const e=t.getComponent(x.TextComponent);if(e&&"function"==typeof e.setOutlineColor){const t=X(s);e.setOutlineColor(t)}}break;case"outlineWidth":if("number"==typeof s){const e=t.getComponent(x.TextComponent);e&&"function"==typeof e.setOutlineWidth&&e.setOutlineWidth(s)}break;case"outlineEnabled":if("boolean"==typeof s){const e=t.getComponent(x.TextComponent);e&&"function"==typeof e.setOutlineEnabled&&e.setOutlineEnabled(s)}break;case"fontSize":if("number"==typeof s&&t.type===x.spec.ItemType.text){const e=t.getComponent(x.TextComponent);if(e){const t=e.textStyle.fontSize;if(e.setFontSize(s),"editor"===Tn.config.mode){e.setLineHeight(e.textLayout.lineHeight*s/t);const i=e.getLineCount(e.text),r=Math.ceil(e.textLayout.lineHeight*i);e.setTextHeight(r)}}}break;case"width":if(t.type===x.spec.ItemType.text){const e=t.getComponent(x.TextComponent);if(e){e.setTextWidth(s);const t=Math.ceil(e.textLayout.lineHeight*e.lineCount);e.setTextHeight(t)}}else if([x.spec.ItemType.sprite,x.spec.ItemType.video].includes(t.type)){const e=this.interactionUtils.getViewSizeByPixelSize(new C(s,0)),i=this.interactionUtils.getWorldSizeByViewSize(e).x,r=t.transform.getWorldScale(),n=t.transform.size.toArray();t.transform.setSize(Math.abs(i)/r.x,n[1])}else t.type===x.spec.ItemType.null&&vt(e);break;case"height":if(t.type===x.spec.ItemType.text){t.getComponent(x.TextComponent).setTextHeight(s)}else{const e=this.interactionUtils.getViewSizeByPixelSize(new C(0,s)),i=this.interactionUtils.getWorldSizeByViewSize(e).y,r=t.transform.getWorldScale(),n=t.transform.size.toArray();t.transform.setSize(n[0],Math.abs(i)/r.y)}break;case"letterSpacing":if(t.type===x.spec.ItemType.text){const e=t.getComponent(x.TextComponent);e.textLayout.letterSpace=s,e.isDirty=!0;const i=Math.ceil(e.textLayout.lineHeight*e.lineCount);e.setTextHeight(i)}break;case"image":"string"==typeof s&&t.type===x.spec.ItemType.sprite&&t.getComponent(x.SpriteComponent)?.setTexture(await x.Texture.fromImage(s,this.player.renderer.engine));break;case"video":"string"==typeof s&&t.type===x.spec.ItemType.video&&t.getComponent(I.VideoComponent)?.setTexture(await x.Texture.fromVideo(s,this.player.renderer.engine));break;case"effects":if(t.type===x.spec.ItemType.null){const e=t.children[0],i=e?.getInstanceId();if(e?.dispose(),!i)return;const r=s.compositions.find(t=>t.id===s.compositionId)??s.compositions[0];r||console.warn("Composition not found in effects scene.");const n=r?.previewSize??[750,1624],o=this.interactionUtils.getViewSizeByPixelSize(new C(...n)),a=this.interactionUtils.getWorldSizeByViewSize(o);t.transform.setSize(Math.abs(a.x),Math.abs(a.y));const c=await cr.createEffects(t.composition,s,null,"特效");c.setInstanceId(i),c.setParent(t),c.parentId=t.getInstanceId();const h=c.components[0];h?.pause(),this.sdk.player.gotoAndPlay(0)}break;case"muted":if("boolean"==typeof s&&t.type===x.spec.ItemType.video){const e=t.getComponent(I.VideoComponent);e&&e.setMuted(s)}break;case"playbackRate":if("number"==typeof s&&t.type===x.spec.ItemType.video){const e=t.getComponent(I.VideoComponent);e&&e.setPlaybackRate(s)}break;case"volume":if("number"==typeof s&&t.type===x.spec.ItemType.video){const e=t.getComponent(I.VideoComponent);e&&e.setVolume(s)}break;case"position":if(Array.isArray(s)&&2===s.length){const i=s.map((t,i)=>t-(e.property.position[i]??0)),r=this.interactionUtils.getViewSizeByPixelSize(new C(...i)),n=this.interactionUtils.getWorldSizeByViewSize(r,!0,t.getInstanceId());this.moveItem(t.getInstanceId(),n,!0)}break;case"rotation":if(Array.isArray(s)&&3===s.length){const i=s.map((t,i)=>t-(e.property.rotation[i]??0));this.rotateItem(t.getInstanceId(),new L(...i).negate(),!0)}break;case"scale":if(Array.isArray(s)&&2===s.length){const i=e.property.scale,r=s.map((t,e)=>t/(i[e]??1));this.scaleItem(t.getInstanceId(),new L(...r,1),!0)}break;case"layoutMode":if("auto"===s||"free"===s){const e=t.getComponent(lr.FrameComponent),i="free"===s?[1,1,1,1]:[.7,.7,.7,1];e.color=new fr.Color(...i)}break;case"visible":if("boolean"==typeof s&&(t.setVisible(s),Tn.config.pageConfig.groupVisible)){this.getChildrenPlayerItems(t).forEach(t=>{t.setVisible(s)})}break;default:console.log("ignore property name ",i),i in e.property&&(e.property[i]=s)}["position","rotation","size"].includes(i)||this.player.gotoAndPlay(this.sdk.pageData.time)}updateJSONItemProperty(t,e,i){const s=["name","duration","delay","endBehavior","visible","isLocked","parentId"];this.sdk.pageData.viewProperties.forEach(r=>{if(!this.sdk.pageData?.property.asyncMode&&r.id!==this.sdk.pageData?.activeData.view)return;const{scene:n}=r;s.includes(e)?this.updateSceneItemBaseProperty(n,t,e,i):this.updateSceneItemPropertyAttribute(n,t,e,i)})}updateSceneItemBaseProperty(t,e,i,s){const r=t.items.find(t=>t.id===e);if(r)switch(i){case"name":r.name=s;break;case"duration":r.duration=s;break;case"delay":r.delay=s;break;case"endBehavior":r.endBehavior=s;break;case"visible":r.visible=s;break;case"parentId":r.parentId=s}}updateSceneItemPropertyAttribute(t,e,i,s){var r,n,o,a,c,h,l,p,d,m;const g=t.items.find(t=>t.id===e);if(g)switch(i){case"position":if(Array.isArray(s)&&2===s.length){const t=this.sdk.pageData.items.find(t=>t.id===e),i=t?.property.position,r=s.map((t,e)=>t-(i?.[e]??0)),n=this.interactionUtils.getViewSizeByPixelSize(new C(...r)),o=this.interactionUtils.getWorldSizeByViewSize(n,!0,e);g.transform&&(g.transform.position.x+=o.x,g.transform.position.y+=o.y,g.transform.position.z+=o.z)}break;case"rotation":if(Array.isArray(s)&&3===s.length){const t=this.sdk.pageData.items.find(t=>t.id===e),i=t?.property.rotation,r=s.map((t,e)=>t-(i?.[e]??0));g.transform&&(g.transform.eulerHint.x+=r[0],g.transform.eulerHint.y+=r[1],g.transform.eulerHint.z+=r[2])}break;case"scale":if(Array.isArray(s)&&2===s.length){const t=this.sdk.pageData.items.find(t=>t.id===e),i=t?.property.scale,r=s.map((t,e)=>t/(i?.[e]??0));g.transform&&(g.transform.scale.x*=r[0],g.transform.scale.y*=r[1])}break;case"width":if(g.type===x.spec.ItemType.text){const i=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));if(i?.options&&g){i.options.textWidth=s;const t=this.getPlayerItemById(e);if(t){const e=t.getComponent(x.TextComponent),s=e.textLayout.width,n=Math.ceil(e.lineCount*e.lineCount);i.options.textHeight=n;const o=this.interactionUtils.getViewSizeByPixelSize(new C(s,n)),a=this.interactionUtils.getWorldSizeByViewSize(o);(r=g.transform).scale??(r.scale={x:1,y:1,z:1}),g.transform.scale={x:Math.abs(a.x),y:Math.abs(a.y),z:1}}}}else if(g.type===x.spec.ItemType.null){const t=this.getSDKItem(e);if(vt(t)&&"number"==typeof s){const e=t.height;this.resizeFrameItem(t.id,[s,e])}else if(xt(t)&&"number"==typeof s){const e=t.width,i=s/e;(n=g.transform).scale??(n.scale={x:1,y:1,z:1}),g.transform.scale.x*=i}}else if("number"==typeof s){const t=[s,0],i=this.interactionUtils.getViewSizeByPixelSize(new C(...t)),r=this.interactionUtils.getWorldSizeByViewSize(i,!0,e);g.transform&&((o=g.transform).size??(o.size={x:1,y:1}),g.transform.size.x=Math.abs(r.x))}break;case"height":if(g.type===x.spec.ItemType.null){const t=this.getSDKItem(e);if(vt(t)&&"number"==typeof s){const e=t.width;this.resizeFrameItem(t.id,[e,s])}else if(xt(t)&&"number"==typeof s){const e=t.height,i=s/e;(a=g.transform).scale??(a.scale={x:1,y:1,z:1}),g.transform.scale.y*=i}}else if("number"==typeof s){const t=[0,s],i=this.interactionUtils.getViewSizeByPixelSize(new C(...t)),r=this.interactionUtils.getWorldSizeByViewSize(i,!0,e);g.transform&&((c=g.transform).size??(c.size={x:1,y:1}),g.transform.size.y=Math.abs(r.y))}break;case"visible":if("boolean"==typeof s&&(g.visible=s,Tn.config.pageConfig.groupVisible)){this.getChildrenSceneItemIds(e,t).forEach(e=>{const i=t.items.find(t=>t.id===e);i&&(i.visible=s)})}break;case"textAlign":if([x.spec.TextAlignment.left,x.spec.TextAlignment.middle,x.spec.TextAlignment.right].includes(s)){const i=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));i?.options&&"textAlign"in i.options&&(i.options.textAlign=s)}break;case"letterSpacing":if("number"==typeof s){const i=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));i?.options.letterSpace&&(i.options.letterSpace=s)}break;case"color":if(Array.isArray(s)&&4===s.length){const i=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));if(i?.options){const t=X(s);i.options.textColor=[...t]}}break;case"fontFamily":if("string"==typeof s){const i=s.split("/"),r=i[i.length-1]?.split(".")[0],n=t.fonts?.find(t=>"family"in t&&t.family===r||"fontFamily"in t&&t.fontFamily===r);!n&&t.fonts&&r&&t.fonts.push({fontFamily:r,fontURL:s});const o=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));o&&(o.options.fontFamily=r)}break;case"lineHeight":if("number"==typeof s){const i=t.items.find(t=>t.id===e),r=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));if(i&&r?.options){r.options.lineHeight=s;const t=this.getPlayerItemById(e);if(t){const e=t.getComponent(x.TextComponent),s=e.textLayout.width,n=Math.ceil(e.textLayout.lineHeight*e.lineCount);r.options.textHeight=n;const o=this.interactionUtils.getViewSizeByPixelSize(new C(s,n)),a=this.interactionUtils.getWorldSizeByViewSize(o);(h=i.transform).scale??(h.scale={x:1,y:1,z:1}),i.transform.scale={x:Math.abs(a.x),y:Math.abs(a.y),z:1}}}}break;case"text":if("string"==typeof s){const i=t.items.find(t=>t.id===e),r=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));if(r?.options&&i){r.options.text=s;const t=this.getPlayerItemById(e);if(t&&"editor"===Tn.config.mode){const e=t.getComponent(x.TextComponent),n=e.getLineCount(s),o=e.textLayout.lineHeight,a=e.textLayout.width,c=Math.ceil(o*n);r.options.textHeight=c;const h=this.interactionUtils.getViewSizeByPixelSize(new C(a,c)),p=this.interactionUtils.getWorldSizeByViewSize(h);(l=i.transform).scale??(l.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 s){const i=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));i?.options&&(i.options.fontWeight=s)}break;case"outlineColor":if(Array.isArray(s)&&4===s.length){const i=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));i?.options&&((p=i.options).outline??(p.outline={}),i.options.outline.outlineColor=[...X(s)])}break;case"outlineWidth":if("number"==typeof s){const i=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));i?.options&&((d=i.options).outline??(d.outline={}),i.options.outline.outlineWidth=s)}break;case"outlineEnabled":if("boolean"==typeof s){const i=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType)),r=this.getPlayerItemById(e),n=r?.getComponent(x.TextComponent);if(i?.options&&r&&n)if(s){const{outlineWidth:t,outlineColor:e}=n.textStyle;i.options.outline={outlineWidth:t,outlineColor:[...e]}}else delete i.options.outline}break;case"fontSize":if("number"==typeof s){const i=t.items.find(t=>t.id===e),r=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));if(r?.options&&i){r.options.fontSize=s;const t=this.getPlayerItemById(e);if(t&&"editor"===Tn.config.mode){const e=t.getComponent(x.TextComponent);e.setFontSize(s);const n=e.textLayout.lineHeight;r.options.lineHeight=n;const o=Math.ceil(e.textLayout.lineHeight*e.lineCount);r.options.textHeight=o;const a=e.textLayout.width,c=this.interactionUtils.getViewSizeByPixelSize(new C(a,o)),h=this.interactionUtils.getWorldSizeByViewSize(c);(m=i.transform).scale??(m.scale={x:1,y:1,z:1}),i.transform.scale={x:Math.abs(h.x),y:Math.abs(h.y),z:1}}}}break;case"image":if("string"==typeof s){const i=t.components.filter(t=>t.item.id===e);if(i.find(t=>!!t.renderer?.texture)){const r=new Map;i.forEach(i=>{if(!("renderer"in i))return;const n=t.textures?.find(t=>t.id===i.renderer.texture.id);if(n&&"source"in n&&n.source){const o=t?.images.find(t=>t.id===n.source.id);o?.url&&(o.url=s,delete o.webp),o&&"template"in o&&o.template.background&&(o.template.background.url=s);const a=this.player.renderer.engine.findObject({id:n.id});a?.dispose();const c=this.getPlayerItemById(e)?.getComponent(x.SpriteComponent).renderer.texture.getInstanceId();r.set(n.id,c),n.id=c,i.renderer.texture.id=c}}),t.components.forEach(t=>{if(!("renderer"in t)||!t.renderer.texture)return;const e=r.get(t.renderer.texture.id);if(e){t.renderer.texture.id=e;const i=this.getPlayerItemById(t.item.id),s=this.player.renderer.engine.findObject({id:e}),r=i?.getComponent(x.SpriteComponent);r?.setTexture(s)}})}else{t.components.filter(t=>t.item.id===e).forEach(e=>{if(!("renderer"in e))return;const i=this.getPlayerItemById(e.item.id),r=i?.getComponent(x.SpriteComponent).renderer.texture.getInstanceId();if(r){const i={id:(0,x.generateGUID)(),url:s,renderLevel:x.spec.RenderLevel.BPlus},n={id:r,source:{id:i.id},flipY:!0,dataType:x.spec.DataType.Texture,magFilter:lr.glContext.LINEAR,minFilter:lr.glContext.LINEAR,generateMipmap:!0};t.images.push(i),t.textures??(t.textures=[]),t.textures.push(n),e.renderer.texture={id:r}}})}}break;case"video":if("string"==typeof s){const i=t.components.filter(t=>t.item.id===e);if(i.find(t=>!!t.renderer?.texture)){const r=new Map;i.forEach(i=>{if(!("renderer"in i)||!i.renderer.texture)return;const n=t.textures?.find(t=>t.id===i.renderer.texture.id);if(n&&"source"in n&&n.source){const o=t?.videos.find(t=>t.id===n.source.id);o&&(o.url=s);const a=this.player.renderer.engine.findObject({id:n.id});a?.dispose();const c=this.getPlayerItemById(e)?.getComponent(I.VideoComponent).renderer.texture.getInstanceId();c&&(r.set(n.id,c),n.id=c,i.renderer.texture.id=c)}}),t.components.forEach(t=>{if(!("renderer"in t)||!t.renderer.texture)return;const e=r.get(t.renderer.texture.id);if(e){t.renderer.texture.id=e;const i=this.getPlayerItemById(t.item.id),s=this.player.renderer.engine.findObject({id:e}),r=i?.getComponent(I.VideoComponent);r?.setTexture(s)}})}else{t.components.filter(t=>t.item.id===e).forEach(e=>{if(!("renderer"in e))return;const i=this.getPlayerItemById(e.item.id),r=i?.getComponent(I.VideoComponent).renderer.texture.getInstanceId();if(r){const i={id:(0,x.generateGUID)(),url:s,renderLevel:x.spec.RenderLevel.BPlus},n={id:r,source:{id:i.id},flipY:!0,dataType:x.spec.DataType.Texture,magFilter:lr.glContext.LINEAR,minFilter:lr.glContext.LINEAR_MIPMAP_LINEAR,generateMipmap:!0};t.videos??(t.videos=[]),t.videos.push(i),t.textures??(t.textures=[]),t.textures.push(n),e.options.video={id:i.id},e.renderer.texture={id:r}}})}}break;case"effects":if(s){const i=this.getSDKItem(e)?.property.children,r=this.getPlayerItemById(e)?.children?.[0]?.getInstanceId();i&&r&&($s(t,i),Ks(t,s,r,e))}break;case"muted":if("boolean"==typeof s){const i=t.components.find(t=>t.item.id===e&&t.dataType===x.spec.DataType.VideoComponent);i?.options&&(i.options.muted=s)}break;case"playbackRate":if("number"==typeof s){const i=t.components.find(t=>t.item.id===e&&t.dataType===x.spec.DataType.VideoComponent);i?.options&&(i.options.playbackRate=s)}break;case"volume":if("number"==typeof s){const i=t.components.find(t=>t.item.id===e&&t.dataType===x.spec.DataType.VideoComponent);i?.options&&(i.options.volume=s)}break;case"layoutMode":{const t=this.getSDKItem(e);!vt(t)||"auto"!==s&&"free"!==s||(t.property.layoutMode=s,"auto"===s&&this.applyFrameAutoLayout(e));break}case"autoLayoutConfig":{const t=this.getSDKItem(e);vt(t)&&s&&"object"==typeof s&&(t.property.autoLayoutConfig=s,"auto"===t.property.layoutMode&&this.applyFrameAutoLayout(e));break}case"layoutInfos":{const t=this.getSDKItem(e);vt(t)&&s&&"object"==typeof s&&(t.property.layoutInfos=s);break}default:console.warn(`Target property ${i} can not be changed.`)}else console.warn(`Item ${e} is not exsited.`)}setSpriteSize(t,e){var i;const s=this.getPlayerItemById(t),r=this.interactionUtils.getViewSizeByPixelSize(new C(...e)),n=this.interactionUtils.getWorldSizeByViewSize(r),o=this.getActiveTargetScene(),a=o?.items.find(e=>e.id===t);s&&a&&(s.transform.setSize(n.x,Math.abs(n.y)),a.transform??(a.transform={position:{x:0,y:0,z:0},scale:{x:1,y:1,z:1},eulerHint:{x:0,y:0,z:0},size:{x:n.x,y:n.y}}),(i=a.transform).size??(i.size={x:1,y:1}),a.transform.size={x:Math.abs(n.x),y:Math.abs(n.y)},this.refreshSDKItem(t))}transformSceneItem(t,e,i){(0,x.assertExist)(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:r}=s;switch(e){case"position":if(Array.isArray(i)&&3===i.length){const e=r.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=r.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=r.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])}}})}refreshSDKItem(t){const e=this.sdk.pageData;(0,x.assertExist)(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],r=this.getPlayerItemById(t);r&&s&&this.updateSDKItemFromPlayerItem(s,r);(vt(s)?s.children:[]).forEach(t=>{this.refreshSDKItem(t)})}updateSDKItemFromPlayerItem(t,e){const{transform:i,composition:s,isVisible:r,duration:n,endBehavior:o}=e;if(t.duration=n,t.delay=e.defination.delay,t.endBehavior=o,e.parent?.type===x.spec.ItemType.composition&&e.parent?.parent?.type===x.spec.ItemType.null?t.parentId=e.parent.parentId:t.parentId=e.parentId,e.type!==x.spec.ItemType.null){i.updateLocalMatrix();const n=(new V).copyFrom(s?.transform.getWorldMatrix()??(new V).identity()).invert().multiply(i.getWorldMatrix()),o=new L,a=new R,c=new L;n.decompose(o,a,c);const h=(new O).setFromQuaternion(a);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(o,h);const l=this.interactionUtils.projectPoint(o),{scale:p}=this.interactionUtils.viewportParam,d="editor"===Tn.config.mode?this.interactionUtils.getPixelPositionByViewPoint(l).toArray().map(t=>E(t,2)):l.divide(p).toArray().map(t=>E(t,2)),m=h.toArray().map(t=>E(t,2)),g=c.toArray(),u=i.size.toArray(),f=this.getPixelSizeByWorldSize([g[0]*u[0],g[1]*u[1],g[2]],e).map(t=>E(t,2));t.property.position=d,t.property.rotation=m,t.property.width=f[0],t.property.height=f[1],t.property.scale=[g[0],g[1]],t.visible=r}else{const i=e.children.map(t=>t.getInstanceId()),s=this.getViewportLeftTopPosition(),n=this.getViewBoxByPlayerItem(e,e.children),o="template"===Tn.config.mode?1:this.interactionUtils.viewportParam.scale,a=this.interactionUtils.getViewPositionWWithOutTransform(n.getCenter().subtract(s)),c="editor"===Tn.config.mode?this.interactionUtils.getPixelPositionByViewPoint(a).toArray().map(t=>E(t,2)):a.toArray();"group"===t.type&&(t.property.children=i),t.property.position=c;const h=n.getSize().divide(o).toArray();t.property.width=h[0],t.property.height=h[1],t.visible=r}switch(e.type){case x.spec.ItemType.sprite:if(ct(t)){const i=this.getViewProperty()?.scene;if(i){i.components.filter(t=>t.item.id===e.getInstanceId()).forEach(e=>{if(!("renderer"in e)||!("texture"in e.renderer)||!e.renderer.texture)return;const s=i.textures?.find(t=>t.id===e.renderer.texture.id);if(s&&"source"in s&&s.source){const e=i?.images.find(t=>t.id===s.source.id);t.isCoreEditable=!!e?.template,t.property.image=e?.url??""}})}}break;case x.spec.ItemType.video:if(dt(t)){const i=this.getViewProperty()?.scene;if(i){i.components.filter(t=>t.item.id===e.getInstanceId()).forEach(e=>{if(!("renderer"in e)||!("texture"in e.renderer)||!e.renderer.texture)return;const s=i.textures?.find(t=>t.id===e.renderer.texture.id);if(s&&"source"in s&&s.source){const e=i?.videos?.find(t=>t.id===s.source.id);t.isCoreEditable=!0,t.property.video=e?.url??""}})}}break;case x.spec.ItemType.text:case x.spec.ItemType.richtext:if(lt(t)){const i=this.getViewProperty()?.scene;if(t.isCoreEditable=!0,i){i.components.filter(t=>t.item.id===e.getInstanceId()).forEach(e=>{if(![x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(e.dataType))return;const{textAlign:i,textColor:s=[0,0,0,1],text:r,fontWeight:n,fontFamily:o,fontSize:a,fontStyle:c,outline:h,textWidth:l=0,lineHeight:p,textHeight:d=p??32,letterSpace:m}=e.options,g=h?.outlineColor?J(h.outlineColor):void 0,u=J(s),f=h?.outlineWidth,y=!!h;Object.assign(t.property,{outlineEnabled:y,textAlign:i,textColor:u,fontWeight:n,text:r,fontFamily:o,fontSize:a,fontStyle:c,outlineColor:g,outlineWidth:f,width:E(l,2),lineHeight:p,height:E(d,2),letterSpacing:m})})}}}}getPlayerItemById(t){return this.player.getCompositions()[0]?.items.find(e=>e.getInstanceId()===t)}getPixelSizeByWorldSize(t,e){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const i=[0,0],s=e.composition?.camera,r=this.getViewProperty()?.size;if(s&&r){const{z:n}=e.transform.getWorldPosition(),{x:o,y:a}=s.getInverseVPRatio(n);i[0]=Math.abs(t[0]*r[0]/o/2),i[1]=Math.abs(t[1]*r[1]/a/-2)}else console.warn("camera is not existed.");return i}getWorldSizeByPixelSize(t){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const e=[0,0],i=this.player.getCompositions()[0],s=i?.camera,r=this.getViewProperty()?.size;if(s&&r){const{x:i,y:n}=s.getInverseVPRatio(0);e[0]=Math.abs(2*t[0]*i/r[0]),e[1]=Math.abs(-2*t[1]*n/r[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(){(0,x.assertExist)(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.addSDKItemsByItems(this.sdk.pageData.items,t.items),this.emitter.emit("pageDataChange",this.sdk.pageData)}async addSpriteItem(t,e=!1,i){if(i??(i=this.getActiveTargetScene()),!i)return;const{name:s="图片",property:{width:r,height:n,scale:o=[1,1],image:a,rotation:c=0,position:h},parentId:l,id:p=(0,x.generateGUID)(),extension:d}=t,m=[r,n],g=Array.isArray(c)?[...c]:[0,0,c];g[2]=-g[2];const u=new L(...o??[1,1],1),f=this.getWorldSizeByPixelSize(m),y=new L(...g),w=this.interactionUtils.getWorldPositionByViewPoint(this.interactionUtils.getViewPositionByPixelPoint(new C(...h)))??new L,I=i.images.findIndex(t=>t.url===a);let v,P,S={};if(a)if(P=e?t.textureId:(0,x.generateGUID)(),I<0||"editor"===Tn.config.mode){e||(v=await x.Texture.fromImage(a,this.player.renderer.engine,{magFilter:lr.glContext.LINEAR,minFilter:lr.glContext.LINEAR_MIPMAP_LINEAR,generateMipmap:!0,id:P}));const t={id:(0,x.generateGUID)(),url:a,renderLevel:x.spec.RenderLevel.BPlus};S={id:P,source:{id:t.id},flipY:!0,dataType:x.spec.DataType.Texture,magFilter:lr.glContext.LINEAR,minFilter:lr.glContext.LINEAR_MIPMAP_LINEAR,generateMipmap:!0},i.images.push(t),i.textures??(i.textures=[]),i.textures.push(S)}else if(!e){const t=i.textures?.find(t=>t.source.id===i.images[I].id);S={id:t?.id},v=this.player.renderer.engine.findObject({id:t.id})}const b=new at({id:p,name:s,parentId:l,children:[],duration:999,delay:0,endBehavior:x.spec.EndBehavior.restart,isLocked:!1,visible:!0,isCoreEditable:!0,property:{position:[...h],rotation:[...g],width:r,height:n,scale:[...o],image:a??""},extension:d});(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.items.push(b);const D=Ms(p,w,y,new C(...f),u,s,P);i.items.find(t=>t.id===l)&&(D.item.parentId=l),Vs(i,D);const z=this.player.getCompositions()[0],T=cr.createSprite(z,null,s);if(T.setInstanceId(D.item.id),T.duration=999,T.defination.delay=0,T.endBehavior=x.spec.EndBehavior.restart,T.transform.setSize(...f),T.transform.setPosition(...w.toArray()),T.transform.setRotation(...y.toArray()),T.transform.setScale(...u.toArray()),v&&!e){T.getComponent(x.SpriteComponent).setTexture(v)}return this.refreshSceneAndPageData(),"template"===Tn.config.mode&&this.player.gotoAndStop(this.getPageData().time),D.item.id}addGroupItem(t,e){if(e??(e=this.getActiveTargetScene()),!e)return;const{name:i="空节点",property:{position:s=[0,0],children:r=[],scale:n=[1,1]},id:o=(0,x.generateGUID)(),extension:a}=t,c=r.filter(t=>!this.getPlayerItemById(t)),h=r.filter(t=>!!this.getPlayerItemById(t));if(c.length&&console.warn(`item ${c.join("、")} is not existed.`),0===h.length)return;const l=new L(...this.getWorldSizeByPixelSize(s),0),p=new mt({id:o,name:i,children:h.map(t=>this.getPlayerItemById(t).getInstanceId()),duration:999,delay:0,endBehavior:x.spec.EndBehavior.restart,isLocked:!1,visible:!0,isCoreEditable:!1,property:{position:s,rotation:[0,0,0],scale:[...n]},extension:a});(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.items.push(p);const d=Gs(o,i,l);Vs(e,d),h.forEach(t=>{Os(e,t,o)});const m=this.player.getCompositions()[0],g=cr.createEmpty(m,null,i);return g.setInstanceId(d.item.id),g.duration=999,g.defination.delay=0,g.endBehavior=x.spec.EndBehavior.restart,g.transform.setPosition(...l.toArray()),h.forEach(t=>{const e=this.getPlayerItemById(t);e.setParent(g),e.parentId=d.item.id,e.translate(...l.clone().negate().toArray())}),this.refreshSceneAndPageData(),d.item.id}async addTextItem(t,e){if(e??(e=this.getActiveTargetScene()),!e)return;const{id:i=(0,x.generateGUID)(),parentId:s,name:r="文本",property:{lineHeight:n,width:o,height:a=n,fontFamily:c,position:h=[0,0],fontSize:l,fontWeight:p=x.spec.TextWeight.normal,fontStyle:d=x.spec.FontStyle.normal,textAlign:m=x.spec.TextAlignment.left,text:g,color:u,outlineColor:f,outlineWidth:y,rotation:w=0,fontUrl:I,outlineEnabled:v,letterSpacing:P=0},extension:S}=t,b=Array.isArray(w)?[...w]:[0,0,w];b[2]=-b[2],I&&!e.fonts?.find(t=>t.fontFamily===c)&&(e.fonts??(e.fonts=[]),e.fonts.push({fontFamily:c,fontURL:I}));const D=X(u),z=f?X(f):void 0,T={text:g,fontFamily:c,fontSize:l,textColor:D,fontWeight:p,textAlign:m,fontStyle:d,textWidth:o,textHeight:a,lineHeight:n,textBaseline:x.spec.TextBaseline.top,textOverflow:x.spec.TextOverflow.visible,outline:v?{outlineColor:z,outlineWidth:y}:void 0,letterSpace:P},E=new ht({id:i,name:r,parentId:s,children:[],duration:999,delay:0,endBehavior:x.spec.EndBehavior.restart,isLocked:!1,visible:!0,isCoreEditable:!0,property:{position:h,rotation:b,width:o,height:a??n??l,scale:[1,1],text:g,fontFamily:c,fontSize:l,fontWeight:p,fontStyle:d,textAlign:m,color:u,lineHeight:n,outlineEnabled:v,outlineColor:f,outlineWidth:y},extension:S});(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.items.push(E);const A=this.player.getCompositions()[0],_=cr.createText(A,null,r);_.setInstanceId(i),_.duration=999,_.defination.delay=0,_.endBehavior=x.spec.EndBehavior.restart;const B=_.getComponent(x.TextComponent),k={options:T,renderer:{renderMode:1},dataType:x.spec.DataType.TextComponent,item:{id:_.getInstanceId()},id:B.getInstanceId()};B.fromData(k),await lr.AssetManager.loadFontFamily([{fontURL:I,fontFamily:c}]),B.setFontFamily(c);const M=[o,T.textHeight],U=this.getWorldSizeByPixelSize(M),G=new L(...b),F=this.interactionUtils.getWorldPositionByViewPoint(this.interactionUtils.getViewPositionByPixelPoint(new C(...h)))??new L,R=Fs(i,r,F,G,new C(...U),T);e.items.find(t=>t.id===s)&&(R.item.parentId=s),Vs(e,R);const V=U[0]/_.transform.size.x;return _.transform.setScale(V,V,1),_.transform.setPosition(...F.toArray()),_.transform.setRotation(...G.toArray()),(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.refreshSceneAndPageData(),R.item.id}async addVideoItem(t,e,i){if(i??(i=this.getActiveTargetScene()),!i)return;const{name:s="视频",property:{width:r,height:n,scale:o=[1,1],video:a,rotation:c=0,position:h,muted:l=!0,transparent:p=!1,volume:d=1,playbackRate:m=1},parentId:g,id:u=(0,x.generateGUID)(),extension:f}=t,y=[r,n],w=Array.isArray(c)?[...c]:[0,0,c];w[2]=-w[2];const v=new L(...o??[1,1],1),P=this.getWorldSizeByPixelSize(y),S=new L(...w),b=this.interactionUtils.getWorldPositionByViewPoint(this.interactionUtils.getViewPositionByPixelPoint(new C(...h)))??new L;i.videos??(i.videos=[]);const D=i.videos.findIndex(t=>t.url===a);let z,T,E="",A={};if(a)if(T=e?t.textureId:(0,x.generateGUID)(),D<0||"editor"===Tn.config.mode){e||(z=await x.Texture.fromVideo(a,this.player.renderer.engine,{magFilter:lr.glContext.LINEAR,minFilter:lr.glContext.LINEAR,generateMipmap:!1,id:T}));const t={id:(0,x.generateGUID)(),url:a,renderLevel:x.spec.RenderLevel.BPlus};E=t.id,A={id:T,source:{id:t.id},flipY:!0,dataType:x.spec.DataType.Texture,magFilter:lr.glContext.LINEAR,minFilter:lr.glContext.LINEAR,generateMipmap:!1},i.videos.push(t),i.textures??(i.textures=[]),i.textures.push(A)}else if(!e){const t=i.textures?.find(t=>t.source.id===i.videos[D].id);E=t?.source.id,A={id:t?.id},z=this.player.renderer.engine.findObject({id:t.id})}const _=new pt({id:u,name:s,parentId:g,children:[],duration:999,delay:0,endBehavior:x.spec.EndBehavior.restart,isLocked:!1,visible:!0,isCoreEditable:!0,property:{position:[...h],rotation:[...w],width:r,height:n,scale:[...o],video:a??"",muted:l,transparent:p,volume:d,playbackRate:m},extension:f});(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.items.push(_);const B=Rs(u,b,S,new C(...P),v,s,l,p,d,m,T,E);i.items.find(t=>t.id===g)&&(B.item.parentId=g),Vs(i,B);const k=this.player.getCompositions()[0],M=cr.createVideo(k,null,s);if(M.setInstanceId(B.item.id),M.duration=999,M.defination.delay=0,M.endBehavior=x.spec.EndBehavior.restart,M.transform.setSize(...P),M.transform.setPosition(...b.toArray()),M.transform.setRotation(...S.toArray()),M.transform.setScale(...v.toArray()),z&&!e){const t=M.getComponent(I.VideoComponent);t.setTexture(z),t.setLoop(!0),t.setMuted(l),t.setVolume(d),t.setPlaybackRate(m),t.pauseVideo()}return this.refreshSceneAndPageData(),B.item.id}addGeneratorItem(t,e){if(e??(e=this.getActiveTargetScene()),!e)return"";const{id:i=(0,x.generateGUID)(),name:s=("video"===t.property.generatorType?"视频生成器":"图片生成器"),property:{width:r,height:n,position:o,rotation:a=0,generatorType:c="image"},extension:h}=t,l=[r,n],p=Array.isArray(a)?[...a]:[0,0,a];p[2]=-p[2];const d=new L(1,1,1),m=this.getWorldSizeByPixelSize(l),g=new L(...p),u=this.interactionUtils.getWorldPositionByViewPoint(this.interactionUtils.getViewPositionByPixelPoint(new C(...o)))??new L,f=new ut({id:i,name:s,children:[],duration:999,delay:0,endBehavior:x.spec.EndBehavior.restart,visible:!0,isLocked:!1,isCoreEditable:!0,property:{position:[...o],rotation:[0,0,0],width:r,height:n,scale:[1,1],generatorType:c},extension:h});(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.items.push(f);const y=this.player.getCompositions()[0],w=cr.createSprite(y,null,s);return w.getComponent(x.SpriteComponent).setColor(new fr.Color(0,0,0,.3)),w.setInstanceId(i),w.duration=999,w.defination.delay=0,w.endBehavior=x.spec.EndBehavior.restart,w.transform.setSize(...m),w.transform.setPosition(...u.toArray()),w.transform.setRotation(...g.toArray()),w.transform.setScale(...d.toArray()),this.refreshSceneAndPageData(),i}async setGeneratorResource(t,e){const i=this.getActiveTargetScene();if(!i)return"";const s=this.getSDKItem(t);if(!s||!ft(s))return console.warn(`GeneratorItem ${t} not found`),"";const r="video"===s.generatorType?s.toVideoCreateInfo(e,!0):s.toSpriteCreateInfo(e,!0);this.deleteItem(t);return"video"===s.generatorType?await this.addVideoItem(r,!1,i):await this.addSpriteItem(r,!1,i)}async convertVideoGeneratorToVideo(t,e){return this.setGeneratorResource(t,e)}deleteItem(t){const e=this.getActiveTargetScene();if(!e)return;const i=this.getSDKItem(t);if(Ns(e,t),xt(i)||vt(i)){$s(e,[i.subCompositionItemId]);const t=this.getPageData();vt(i)&&t&&(t.items=t.items.filter(t=>!i.children.includes(t.id)))}const s=this.player.getCompositions()[0].items.find(e=>e.getInstanceId()===t);if(s){const t=s.getWorldTransform(),e=t.getWorldPosition(),r=t.getRotation(),n=t.getWorldScale();xt(i)||vt(i)?s.children.forEach(t=>{t.dispose()}):s.children.forEach(t=>{t.scale(...n.toArray()),t.rotate(...r.toArray()),t.translate(...e.toArray()),t.parent=void 0,t.parentId=void 0}),s.dispose()}this.getPageData().items=this.getPageData().items.filter(e=>e.id!==t)}setItemParent(t,e,i){const s=this.getPlayerItemById(e),r=this.getPlayerItemById(t);if(s?.type!==x.spec.ItemType.null||!r)return void console.warn("Id info is error, can not set parent.");i??(i=this.getActiveTargetScene()),Os(i,t,e);const n=s.getWorldTransform(),o=n.getWorldPosition(),a=n.getRotation(),c=n.getWorldScale();r.scale(1/c.x,1/c.y,1/c.z),r.rotate(...a.clone().negate().toArray()),r.translate(...o.clone().negate().toArray()),r.setParent(s),r.parentId=s.getInstanceId(),this.refreshSDKItem(t),this.refreshSDKItem(e)}deleteItemParent(t,e,i){const s=this.getPlayerItemById(e),r=this.getPlayerItemById(t);s?.type===x.spec.ItemType.null&&r?(i??(i=this.getActiveTargetScene()),Ws(i,t),r.parent=void 0,r.parentId=void 0,this.refreshSDKItem(t),this.refreshSDKItem(e)):console.warn("Id info is error, can not set parent.")}moveItemsToFrame(t,e){const i=this.getSDKItem(e);if(!vt(i))return void console.warn(`Item ${e} is not a Frame.`);if(!i.subCompositionItemId)return void console.warn(`Frame ${e} has no sub composition ID.`);const s=this.getPlayerItemById(e);if(!s)return void console.warn(`Frame controller ${e} not found.`);const r=s.children?.[0];if(!r)return void console.warn(`Frame ${e} has no sub-composition.`);const n=this.getActiveTargetScene();if(!n)return void console.warn("Main scene not found.");const o=this.collectItemsWithChildren(t),a=new Map;for(const t of o){const e=this.getSDKItem(t);if(e&&gt(e))for(const t of e.property.children)a.set(t,e.id);const i=this.getSDKItem(t);i?.parentId&&o.includes(i.parentId)&&a.set(t,i.parentId)}const c=[],h=[];for(const t of o){const e=this.getSDKItem(t);e&&gt(e)?c.push(t):h.push(t)}for(const e of c)if(t.includes(e)){const t=this.getItemTransformUnderParent(e,r);this.moveSingleJSONItemToFrame(e,i,t,n),this.moveSinglePlayerItemToFrame(e,i,t)}for(const e of h){const s=a.get(e),o=s&&t.includes(s),c=t.includes(e);if(o){const t=this.getItemTransformUnderParent(e,r);this.moveSingleJSONItemToFrameWithParent(e,i,t,n,s)}else if(c){const t=this.getItemTransformUnderParent(e,r);this.moveSingleJSONItemToFrame(e,i,t,n),this.moveSinglePlayerItemToFrame(e,i,t)}}this.refreshSceneAndPageData()}moveSingleJSONItemToFrame(t,e,i,s){const r=this.getPlayerItemById(t),n=this.getSDKItem(t);if(!r||!n)return void console.warn(`Item ${t} not found.`);const o=e.subCompositionItemId,a=Zs(s,o);if(!o)return void console.warn(`Frame ${e.id} has no sub composition ID.`);qs(s,t,a,{position:i.position,rotation:i.rotation,size:i.size,scale:gt(n)?{x:1,y:1,z:1}:i.scale});const c=s.items.find(e=>e.id===t);c&&delete c.parentId,e.addChild(t)}moveSingleJSONItemToFrameWithParent(t,e,i,s,r){const n=e.subCompositionItemId,o=Zs(s,n);if(!n)return void console.warn(`Frame ${e.id} has no sub composition ID.`);qs(s,t,o,{position:i.position,rotation:i.rotation,size:i.size,scale:i.scale});const a=s.items.find(e=>e.id===t);a&&(r?a.parentId=r:delete a.parentId),e.addChild(t)}collectItemsWithChildren(t){const e=new Set(t),i=new Set,s=t=>{for(const r of t){if(i.has(r))continue;i.add(r);const t=this.getSDKItem(r);if(t&&gt(t)){const i=t.property.children;if(i.length>0)for(const t of i)e.add(t),s([t])}}};return s(t),Array.from(e)}moveSinglePlayerItemToFrame(t,e,i){const s=this.getPlayerItemById(t),r=this.getPlayerItemById(e.subCompositionItemId);s&&r?(s.parentId=r.getInstanceId(),s.setParent(r),i.scale&&s.transform.setScale(i.scale.x,i.scale.y,i.scale.z),i.position&&s.setPosition(i.position.x,i.position.y,i.position.z),i.size&&s.transform.setSize(i.size.x,i.size.y)):console.warn(`Item ${t} not found.`)}moveItemsOutOfFrame(t,e){t.forEach(e=>{const i=this.getPageData()?.items.find(t=>vt(t)&&t.children.includes(e));if(!i)return void console.warn(`Item ${e} is not in frame.`);if(!vt(i))return;if(!i.subCompositionItemId)return void console.warn(`Frame ${i.id} has no sub composition ID.`);if(!this.getPlayerItemById(i.id))return void console.warn(`Frame controller ${i.id} not found.`);const s=this.getActiveTargetScene();(0,x.assertExist)(s);const r=this.getCurrentComposition();if(!r)return void console.warn("Main composition not found.");const n=this.getItemTransformUnderParent(e,r.rootItem);if(!n)return void console.warn(`Failed to calculate transform info for item ${e}.`);const o=this.getSDKItem(e),a=t.find(t=>t===o.parentId)?o.parentId:void 0;this.moveSingleJSONItemOutOfFrame(e,i,s,n,a),this.moveSinglePlayerItemOutOfFrame(e,i,n,a)})}moveSingleJSONItemOutOfFrame(t,e,i,s,r){const n=this.getPlayerItemById(t),o=this.getSDKItem(t);if(!n||!o)return void console.warn(`Item ${t} not found.`);qs(i,t,null,s);const a=i.items.find(e=>e.id===t);a&&(r?a.parentId=r:delete a.parentId),e.removeChild(t)}moveSinglePlayerItemOutOfFrame(t,e,i,s){const r=this.getPlayerItemById(t),n=this.getPlayerItemById(s),o=this.getPlayerItemById(e.subCompositionItemId);if(!r||!o)return void console.warn(`Item ${t} not found.`);const a=this.getCurrentComposition();a?(r.parentId=s,r.setParent(n??a.rootItem),i.scale&&!n&&r.transform.setScale(i.scale.x,i.scale.y,i.scale.z),i.position&&!n&&r.setPosition(i.position.x,i.position.y,i.position.z),i.size&&!n&&r.transform.setSize(i.size.x,i.size.y)):console.warn("Main composition not found.")}setItemName(t,e,i){const s=this.getPlayerItemById(t);s?(i??(i=this.getActiveTargetScene()),Xs(i,t,e),s.name=e,this.refreshSDKItem(t)):console.warn(`Item ${t} is not exsited.`)}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=$(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){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const i=this.getPlayerItemById(t),s=this.getViewProperty()?.scene,r=this.getSDKItem(t);if(!r||!i||!s)return void console.warn(`item ${t} is not existed.`);const{transform:n}=i,o=n.getWorldScale();if(e&&i.parent){const t=i.parent.transform;o.divide(t.getWorldScale())}const{property:{width:a,height:c,position:h,rotation:l}}=r,p=[E(a/o.x,2),E(c/o.y,2)],d=r.getAllExtension();switch(r.type){case"sprite":return{type:"sprite",name:r.name,parentId:e?r.parentId:void 0,id:t,property:{image:js(s,t),width:p[0],height:p[1],scale:[o.x,o.y],rotation:l[2],position:[...h]},extension:d};case"group":{const s=i.children.map(t=>t.getInstanceId());return{type:"group",id:t,parentId:e?r.parentId:void 0,name:i.name,property:{children:s,scale:[o.x,o.y],rotation:l[2],position:[...h]},extension:d}}case"text":{const i=s.components.find(e=>e.item.id===t),n=s.fonts?.find(t=>t.fontFamily===i.options.fontFamily)?.fontURL;return{type:"text",id:t,parentId:e?r.parentId:void 0,name:r.name,property:{width:i.options.textWidth,height:i.options.textHeight??i.options.lineHeight,lineHeight:i.options.lineHeight,fontFamily:i.options.fontFamily,position:[...h],rotation:[...l],fontSize:i.options.fontSize,fontWeight:i.options.fontWeight,fontStyle:i.options.fontStyle,textAlign:i.options.textAlign,text:i.options.text,color:i.options.textColor?.map((t,e)=>e>2?t:E(255*t,0)),outlineColor:i.options.outline?.outlineColor?.map((t,e)=>e>2?t:E(255*t,0)),outlineWidth:i.options.outline?.outlineWidth,outlineEnabled:!!i.options.outline,letterSpacing:i.options.letterSpace,fontUrl:n},extension:d}}case"video":{const i=s.components.find(e=>e.item.id===t);return{type:"video",name:r.name,parentId:e?r.parentId:void 0,id:t,property:{video:js(s,t),width:p[0],height:p[1],scale:[o.x,o.y],rotation:[...l],position:[...h],muted:i.options.muted,transparent:i.options.transparent,playbackRate:i.options.playbackRate,volume:i.options.volume},extension:d}}case"generator":return{type:"generator",name:r.name,parentId:e?r.parentId:void 0,id:t,property:{generatorType:r.generatorType,width:p[0],height:p[1],scale:[o.x,o.y],rotation:[...l],position:[...h]},extension:d};case"effects":return{type:"effects",name:r.name,parentId:e?r.parentId:void 0,id:t,property:{width:p[0],height:p[1],scale:[o.x,o.y],rotation:[...l],position:[...h],effects:r.effects},extension:d};case"frame":return{type:"frame",name:r.name,parentId:e?r.parentId:void 0,id:t,property:{width:p[0],height:p[1],scale:[o.x,o.y],rotation:[...l],position:[...h],layoutMode:r.layoutMode,children:r.children},extension:d};default:return void console.warn(`getItemCreateInfo: unsupported item type ${r.type}`)}}getChildrenIds(t){const e=this.getSDKItem(t);return!e||vt(e)?[]:this.getPageData()?.items.filter(e=>e.parentId===t)?.map(t=>t.id)??[]}createScreenShotSceneByIds(t){const e=new G;let i;const s=(t,e,s)=>{const{id:r=(0,x.generateGUID)(),name:n="图片",property:{image:o,scale:a=[1,1],rotation:c=0}}=t,h=Array.isArray(c)?[...c]:[0,0,c];h[2]=-h[2];const l=i.images.findIndex(t=>t.url===o);let p={};if(o)if(l<0){const t={id:(0,x.generateGUID)(),url:o,renderLevel:x.spec.RenderLevel.BPlus};p={id:(0,x.generateGUID)(),source:{id:t.id},flipY:!0,dataType:x.spec.DataType.Texture,magFilter:lr.glContext.LINEAR,minFilter:lr.glContext.LINEAR_MIPMAP_LINEAR,generateMipmap:!0},i.images.push(t),i.textures??(i.textures=[]),i.textures.push(p)}else{const t=i.textures?.find(t=>t.source.id===i.images[l].id);p={id:t?.id}}const d=Ms(r,new L(s.x,s.y,0),new L(...h),e,new L(a[0]??1,a[1]??1,1),n,p.id);Vs(i,d)},r=(t,e,s)=>{const{id:r=(0,x.generateGUID)(),name:n="文本",property:{lineHeight:o,width:a,height:c=o,fontFamily:h,fontSize:l,fontWeight:p=x.spec.TextWeight.normal,fontStyle:d=x.spec.FontStyle.normal,textAlign:m=x.spec.TextAlignment.left,text:g,color:u,rotation:f=0,fontUrl:y,outlineColor:w,outlineWidth:I,outlineEnabled:v}}=t,P=Array.isArray(f)?[...f]:[0,0,f];P[2]=-P[2],y&&!i.fonts?.find(t=>t.fontFamily===h)&&(i.fonts??(i.fonts=[]),i.fonts.push({fontFamily:h,fontURL:y}));const S=w?X(w):void 0,b=u?X(u):void 0,D={text:g,fontFamily:h,fontSize:l,textColor:b,fontWeight:p,letterSpace:0,textAlign:m,fontStyle:d,textWidth:a,textHeight:c??o,lineHeight:o,outline:v?{outlineColor:S,outlineWidth:I}:void 0},z=Fs(r,n,new L(...s.toArray(),0),new L(...P),new C(e.x,e.y),D);Vs(i,z)},n=(t,e,s)=>{const{id:r=(0,x.generateGUID)(),name:n="视频",property:{video:o,scale:a=[1,1],rotation:c=0,muted:h=!0,transparent:l=!1,playbackRate:p=1,volume:d=1}}=t,m=Array.isArray(c)?[...c]:[0,0,c];m[2]=-m[2],i.videos??(i.videos=[]);const g=i.videos.findIndex(t=>t.url===o);let u,f={};if(o)if(g<0){const t={id:(0,x.generateGUID)(),url:o,renderLevel:x.spec.RenderLevel.BPlus};u=t.id,f={id:(0,x.generateGUID)(),source:{id:t.id},flipY:!0,dataType:x.spec.DataType.Texture,magFilter:lr.glContext.LINEAR,minFilter:lr.glContext.LINEAR,generateMipmap:!1},i.videos.push(t),i.textures??(i.textures=[]),i.textures.push(f)}else{const t=i.textures?.find(t=>t.source.id===i.videos[g].id);u=t.resource.id,f={id:t?.id}}const y=Rs(r,new L(s.x,s.y,0),new L(...m),e,new L(a[0]??1,a[1]??1,1),n,h,l,d,p,f.id,u);Vs(i,y)};if(Array.isArray(t)){t.map(t=>this.getItemBoxById(t)).map(t=>e.union(t));const o=e.getSize();i=ks(o.toArray());const a=(new V).compose(new L(0,0,8),new R,new L(1,1,1)).invert(),c=(new V).perspective(60*b,o.x/o.y,.1,40,!0),h=(new V).multiplyMatrices(c,a),l=h.clone().invert(),p=h.projectPoint(new L).z,d=new L(0,0,p).applyMatrix(l),m=new L(2,2,p).applyMatrix(l),g=Math.abs(m.x-d.x)/o.x,u=Math.abs(m.y-d.y)/o.y;t.forEach(t=>{const i=this.getItemCreateInfo(t,!1);if(!i||"group"===i.type)return;const o=this.getItemBoxById(t),a="text"===i.type?[i.property.width,i.property.height??i.property.lineHeight]:[i.property.width,i.property.height],c=new C(...a).multiply(new C(g,u)).abs(),h=o.getCenter().subtract(e.getCenter()).multiply(new C(g,-u));switch(i.type){case"sprite":s(i,c,h);break;case"text":r(i,c,h);break;case"video":n(i,c,h)}})}else{const e=this.getItemBoxById(t),o=this.getItemCreateInfo(t,!1),a=e.clone().getSize();i=ks(a.toArray());const c=(new V).compose(new L(0,0,8),new R,new L(1,1,1)).invert(),h=(new V).perspective(60*b,a.x/a.y,.1,40,!0),l=(new V).multiplyMatrices(h,c),p=l.clone().invert(),d=l.projectPoint(new L).z,m=new L(0,0,d).applyMatrix(p),g=new L(2,2,d).applyMatrix(p),u=(new L).subtractVectors(g,m);if(o)switch(o.type){case"sprite":s(o,new C(u.x,u.y),new C);break;case"text":r(o,new C(u.x,u.y),new C);break;case"video":n(o,new C(u.x,u.y),new C)}}return i}createSceneByCreateInfos(t,e,i,s){const r=new G;e?r.setFromCenterAndSize(new C(...s??[0,0]),new C(...e)):r.copyFrom(this.getBoundingBoxByCreateInfos(t));const n=r.getSize(),o=ks(n.toArray(),i),a=(new V).compose(new L(0,0,8),new R,new L(1,1,1)).invert(),c=(new V).perspective(60*b,n.x/n.y,.1,40,!0),h=(new V).multiplyMatrices(c,a),l=h.clone().invert(),p=h.projectPoint(new L).z,d=new L(0,0,p).applyMatrix(l),m=new L(2,2,p).applyMatrix(l),g=Math.abs(m.x-d.x)/n.x,u=Math.abs(m.y-d.y)/n.y,f=new Map;return t.forEach(t=>{const e=this.getBoundingBoxByCreateInfo(t),i=e.getSize().multiply(new C(g,u)).abs(),s=e.getCenter().subtract(r.getCenter()).multiply(new C(g,-u));switch(t.type){case"sprite":((t,e,i)=>{const{id:s=(0,x.generateGUID)(),name:r="图片",property:{image:n,scale:a=[1,1],rotation:c=0}}=t,h=Array.isArray(c)?[...c]:[0,0,c];h[2]=-h[2];const l=o.images.findIndex(t=>t.url===n);let p={};if(n)if(l<0){const t={id:(0,x.generateGUID)(),url:n,renderLevel:x.spec.RenderLevel.BPlus};p={id:(0,x.generateGUID)(),source:{id:t.id},flipY:!0,dataType:x.spec.DataType.Texture,magFilter:lr.glContext.LINEAR,minFilter:lr.glContext.LINEAR_MIPMAP_LINEAR,generateMipmap:!0},o.images.push(t),o.textures??(o.textures=[]),o.textures.push(p)}else{const t=o.textures?.find(t=>t.source.id===o.images[l].id);p={id:t?.id}}const d=Ms(s,new L(i.x,i.y,0),new L(...h),e,new L(a[0],a[1],1),r,p.id);Vs(o,d)})(t,i,s);break;case"text":((t,e,i)=>{const{id:s=(0,x.generateGUID)(),name:r="文本",property:{lineHeight:n,width:a,height:c=n,fontFamily:h,fontSize:l,fontWeight:p=x.spec.TextWeight.normal,fontStyle:d=x.spec.FontStyle.normal,textAlign:m=x.spec.TextAlignment.left,text:g,color:u,rotation:f=0,fontUrl:y,outlineColor:w,outlineWidth:I,outlineEnabled:v}}=t,P=Array.isArray(f)?[...f]:[0,0,f];P[2]=-P[2],y&&!o.fonts?.find(t=>t.fontFamily===h)&&(o.fonts??(o.fonts=[]),o.fonts.push({fontFamily:h,fontURL:y}));const S={text:g,fontFamily:h,fontSize:l,textColor:u,fontWeight:p,letterSpace:0,textAlign:m,fontStyle:d,textWidth:a,textHeight:c??n,lineHeight:n,outline:v?{outlineWidth:I,outlineColor:w}:void 0},b=Fs(s,r,new L(...i.toArray(),0),new L(...P),new C(e.x,e.y),S);Vs(o,b)})(t,i,s);break;case"group":((t,e)=>{const{id:i=(0,x.generateGUID)(),name:s="编组",property:{scale:r=[1,1],children:n,rotation:a=0,position:c=[0,0]}}=t,h=Array.isArray(a)?[...a]:[0,0,a];h[2]=-h[2];const l=new C(...c).subtract(e).multiply(new C(g,-u)),p=Gs(i,s,new L(l.x,l.y,0),new C(...r),new L(...h));Vs(o,p),f.set(i,n)})(t,r.getCenter());break;case"video":((t,e,i)=>{const{id:s=(0,x.generateGUID)(),name:r="视频",property:{video:n,scale:a=[1,1],rotation:c=0,muted:h=!0,transparent:l=!1,playbackRate:p=1,volume:d=1}={}}=t,m=Array.isArray(c)?[...c]:[0,0,c];m[2]=-m[2],o.videos??(o.videos=[]);const g=o.videos.findIndex(t=>t.url===n);let u={},f="";if(n)if(g<0){const t={id:(0,x.generateGUID)(),url:n,renderLevel:x.spec.RenderLevel.BPlus};f=t.id,u={id:(0,x.generateGUID)(),source:{id:t.id},flipY:!0,dataType:x.spec.DataType.Texture,magFilter:lr.glContext.LINEAR,minFilter:lr.glContext.LINEAR,generateMipmap:!1},o.videos.push(t),o.textures??(o.textures=[]),o.textures.push(u)}else{const t=o.textures?.find(t=>t.source.id===o.videos[g].id);f=t.source.id,u={id:t?.id}}const y=Rs(s,new L(i.x,i.y,0),new L(...m),e,new L(a[0],a[1],1),r,h,l,d,p,u.id,f);Vs(o,y)})(t,i,s)}}),f.forEach((t,e)=>{const i=o.items.find(t=>t.id===e),s=i?.transform;if(s){const{position:i,scale:r,size:n}=s,a={x:r.x*(n?.x??1),y:r.y*(n?.y??1)};t.forEach(t=>{const r=o.items.find(e=>e.id===t);r&&(r.parentId=e,r.transform??(r.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}}),r.transform.position.x-=i.x,r.transform.position.y-=i.y,s.scale&&(r.transform.scale.x/=a.x,r.transform.scale.y/=a.y))})}}),o}updateItemOrder(t,e){(0,x.assertExist)(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 r=s.parent,n=r.children.filter(t=>!this.isPluginItem(t)),o=r.children.filter(t=>this.isPluginItem(t)),a=n.findIndex(e=>e.getInstanceId()===t);if(-1===a)return void console.warn(`Item with id ${t} not found in siblings.`);let c=a;switch(e){case 0:c=n.length-1;break;case 1:c=0;break;case 2:c=Math.min(a+1,n.length-1);break;case 3:c=Math.max(a-1,0)}if(c===a)return;const[h]=n.splice(a,1);h&&n.splice(c,0,h),r.children=[...o,...n],this.refreshItemRenderOrder(i),this.addSDKItemsByItems(this.sdk.pageData.items,i.items),this.emitter.emit("pageDataChange",this.sdk.pageData)}isPluginItem(t){return"ModelPluginItem"===t.name}refreshItemRenderOrder(t){(0,x.assertExist)(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;let s=!1;i.type===x.spec.ItemType.video&&(s=i.components[0].played),i.setActive(!1),i.setActive(!0),i.type===x.spec.ItemType.video&&(s?i.components[0].playVideo():i.components[0].pauseVideo())}const i=this.getViewProperty();if(i){const{scene:e}=i;e.compositions.forEach(i=>{const s=i.components.map(t=>e.components.find(e=>e.id===t.id)).find(t=>t?.dataType===x.spec.DataType.CompositionComponent);s&&(s.items=t.items.filter(t=>!Tn.config.pageConfig.filterItemNames.includes(t.name)&&s.items.find(e=>e.id===t.getInstanceId())).map(t=>({id:t.getInstanceId()})))})}this.syncPageDataItemsOrder(t)}syncPageDataItemsOrder(t){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const e=t.items.filter(t=>!Tn.config.pageConfig.filterItemNames.includes(t.name)).map(t=>t.getInstanceId()),i=new Map;for(const t of this.sdk.pageData.items)i.set(t.id,t);const s=[];for(const t of e){const e=i.get(t);e&&(s.push(e),i.delete(t))}for(const t of i.values())s.push(t);this.sdk.pageData.items=s}getViewProperty(t){return(0,x.assertExist)(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){switch(Tn.config.mode){case"template":{const{scale:t,translation:e}=this.interactionUtils.viewportParam;this.pageMove(e.clone().negate()),this.pageZoom(1-t,void 0,!0);break}case"editor":{(0,x.assertExist)(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:r=0,bottom:n=0}=t,o=new G;e?o.copyFrom(e):this.sdk.pageData.items.forEach(t=>{const e=this.getViewBoxById(t.id);o.union(e)});const{offsetWidth:a,offsetHeight:c}=this.container.parentElement,{scale:h,translation:l}=this.interactionUtils.viewportParam;if(o.isEmpty())this.pageMove(l.clone().negate()),this.pageZoom(1-h,void 0,!0);else{o.scale(1.1);const t=o.getCenter(),e=o.getSize(),p=a-i-r,d=c-s-n,m=new C(a/2+i/2-r/2,c/2+s/2-n/2),g=e.x/p*d>e.y?1/(e.x/p):1/(e.y/d),u=(new C).subtractVectors(m,t);this.setPageMove((new C).addVectors(l,u)),this.setPageZoom(g*h,new C(p/2+i,d/2+s),!0)}break}}}getItemBoxById(t){const e=t=>{const e=new G,i=this.getSDKItem(t);if(i){const{position:t,width:s,height:r,rotation:n}=i.property;e.setFromCenterAndSize(new C(...t),new C(s,r)).rotate(n[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){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const s=this.getPlayerItemById(t),r=this.getActiveTargetScene();if(!s||!r||s.type!==x.spec.ItemType.text)return void console.warn(`text item ${t} is not exsited.`);r.fonts??(r.fonts=[]);!r.fonts.find(t=>"family"in t&&t.family===e||"fontFamily"in t&&t.fontFamily===e)&&r.fonts&&(r.fonts.push({fontFamily:e,fontURL:i}),await lr.AssetManager.loadFontFamily([{fontURL:i,fontFamily:e}]));const n=r.components.find(e=>e.item.id===t&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(e.dataType));n&&(n.options.fontFamily=e),s.getComponent(x.TextComponent).setFontFamily(e),s.getComponent(x.TextComponent).isDirty=!0,this.refreshSDKItem(t)}changeItemPropertyByCreateInfo(t){const e=t=>{const e=this.getItemCreateInfo(t.id);e?this.setItemProperty({itemId:e.id,type:e.type,property:t.property}):console.warn(`item create info ${t.id} is not exsited.`)};Array.isArray(t)?t.map(e):e(t)}getViewBoxByBox(t){const{translation:e,scale:i,width:s,height:r}=this.interactionUtils.viewportParam,n=new C(s/2,r/2);return t.clone().scale(i,n).translate(e)}playVideoItem(t){const e=this.getPlayerItemById(t);if(e?.type!==x.spec.ItemType.video)return;e.getComponent(I.VideoComponent).playVideo()}pauseVideoItem(t){const e=this.getPlayerItemById(t);if(e?.type!==x.spec.ItemType.video)return;e.getComponent(I.VideoComponent).pauseVideo()}playEffectsItem(t){const e=this.getPlayerItemById(t),i=e?.children?.[0];i?.type===x.spec.ItemType.composition&&i.getComponent(lr.CompositionComponent).play()}pauseEffectsItem(t){const e=this.getPlayerItemById(t),i=e?.children?.[0];i?.type===x.spec.ItemType.composition&&i.getComponent(lr.CompositionComponent).pause()}setEffectsResource(t,e){const i=this.getSDKItem(t);xt(i)?i.effects=e:console.warn(`Item ${t} is not a effects.`)}getBoundingBoxByCreateInfo(t){const e=new G;if("group"===t.type)return e;const i=new C(...t.property.position),s="text"===t.type?[t.property.width,t.property.height??t.property.lineHeight]:[t.property.width??750,t.property.height??1624],r=new C(...s),n=Array.isArray(t.property.rotation)?t.property.rotation[2]:t.property.rotation??0;return e.setFromCenterAndSize(i,r).rotate(n*b),e}getBoundingBoxByCreateInfos(t){const e=new G,i=new Map,s=new Map;return t.forEach((e,r)=>{const n=e.id??(0,x.generateGUID)();switch(s.set(r,n),e.type){case"sprite":case"video":case"effects":case"frame":case"generator":case"text":i.set(n,this.getBoundingBoxByCreateInfo(e));break;case"group":{const s=new G;e.property.children.forEach(e=>{const i=t.find(t=>t.id===e);i&&s.union(this.getBoundingBoxByCreateInfo(i))}),i.set(n,s);break}}}),i.forEach((t,i)=>{e.union(t)}),e}getVideoItemPlayTime(t){const e=this.getPlayerItemById(t);if(e?.type!==x.spec.ItemType.video)return 0;return e.getComponent(I.VideoComponent).getCurrentTime()}setVideoItemPlayTime(t,e){const i=this.getPlayerItemById(t);if(i?.type!==x.spec.ItemType.video)return;i.getComponent(I.VideoComponent).setCurrentTime(e)}getEffectsItemPlayTime(t){const e=this.getPlayerItemById(t),i=e?.children?.[0];if(i?.type!==x.spec.ItemType.composition)return;return i.getComponent(lr.CompositionComponent).getTime()}setEffectsItemPlayTime(t,e){const i=this.getPlayerItemById(t),s=i?.children?.[0];if(s?.type!==x.spec.ItemType.composition)return;s.getComponent(lr.CompositionComponent).setTime(e)}getPixelPositionByViewPosition(t){return this.interactionUtils.getPixelPositionByViewPoint(t)}getItemParentScale(t){const e=new L(1,1,1),i=this.getPlayerItemById(t);if(!i)return console.warn(`Item ${t} is not exsited.`),e;const s=i.parent?.transform;return s?(s.getMatrix().decompose(new L,new R,e),e):(console.warn(`Item ${t} does not have parent.`),e)}getJSONItem(t){const e=this.getActiveTargetScene(),i=e?.items.filter(e=>e.id===t);return i?.[0]}getJSONComponent(t){const e=this.getActiveTargetScene(),i=e?.components.filter(e=>e.item.id===t);return i?.[0]}getTextOriginSize(t){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");let e=!1;const{scene:i}=this.sdk.pageData,s=i.compositions.length?i:this.getActiveTargetScene();if(!s)return console.warn("Scene is not existed."),{size:[0,0],isPublishScene:e};const r=new C,n=this.getJSONComponent(t);if(n?.dataType===x.spec.DataType.TextComponent&&"options"in n&&n.options.size)r.set(n.options.size[0],n.options.size[1]),e=!0;else{const i=s.compositions.find(t=>t.id===s.compositionId)??s.compositions[0],n=i.previewSize??[750,1624],{fov:o,near:a,far:c,clipMode:h,position:l=[0,0,8]}=i.camera,p=(new V).perspective(o*Math.PI/180,n[0]/n[1],a,c,h===x.spec.CameraClipMode.portrait),d=(new V).compose(new L(...l),new R,new L(1,1,1)).invert(),m=(new V).multiplyMatrices(p,d),g=m.clone().invert(),u=this.getPlayerItemById(t),f=u?.getComponent(x.TextComponent);if(!f)return{size:[0,0],isPublishScene:e};const y=new _s(this);y.refrehCameraParamByCameraInfo({fov:o,near:a,far:c,clipMode:h,position:l,aspect:n[0]/n[1]}),y.viewportParam.width=n[0],y.viewportParam.height=n[1];const{width:w,height:I}=f.textLayout,v=(t,e)=>{const i=t.x/n[0]*2-1,s=1-t.y/n[1]*2;return new L(i,s,e)},P=(new L).applyProjectionMatrix(m).z,S=v(new C(0,0),P).applyProjectionMatrix(g),b=v(new C(w,I),P).applyProjectionMatrix(g);r.copyFrom(b.clone().subtract(S).abs())}return{size:[r.x,r.y],isPublishScene:e}}async asyncAddItemByCreateInfos(t){const e=t.map(t=>Object.assign({},t,t.id?{}:{id:(0,x.generateGUID)()})),i=new Map;for(const t of e){const e=t.id,{type:s}=t,r="sprite"===s?t.property.image:"video"===s?t.property.video:void 0;if(("sprite"===s||"video"===s)&&r){const n=(0,x.generateGUID)();i.set(e,{id:n,url:r,type:"sprite"===s?"image":"video"}),Object.assign(t,{textureId:n})}}await Promise.all(e.map(async t=>{const{type:e}=t;switch(e){case"sprite":await this.addSpriteItem(t,!0);break;case"video":await this.addVideoItem(t,!0);break;case"text":await this.addTextItem(t);break;case"group":this.addGroupItem(t);break;case"effects":await this.addEffectsItem(t);break;case"frame":await this.addFrameItem(t);break;case"generator":this.addGeneratorItem(t)}}));const s=e.map(t=>t.id),r=this.player.getCompositions()[0];this.addSDKItemsByItems(this.sdk.pageData.items,r.items),this.emitter.emit("pageDataChange",this.sdk.pageData);return(async()=>{if(!i.size)return;const t=[];i.forEach((e,i)=>{t.push({...e,textureId:e.id,id:i})});await Promise.all(t.map(async t=>{const e=this.getPlayerItemById(t.id);if(e)try{if("image"===t.type){const i=this.player.renderer.engine.findObject({id:t.textureId})??await x.Texture.fromImage(t.url,this.player.renderer.engine,{id:t.textureId});e.getComponent(x.SpriteComponent)?.setTexture(i)}else if("video"===t.type){const i=this.player.renderer.engine.findObject({id:t.textureId})??await x.Texture.fromVideo(t.url,this.player.renderer.engine,{id:t.textureId}),s=e.getComponent(I.VideoComponent);if(s){const{muted:t=!0,playbackRate:r=1,volume:n=1}=this.getJSONComponent(e.getInstanceId()).options??{};s.setTexture(i),s.setLoop(!0),s.setMuted(t),s.setVolume(n),s.pauseVideo(),s.setPlaybackRate(r)}}}catch(e){console.error(`Failed to load texture for item ${t.id}: `,e)}}))})(),s}async addItemByCreateInfos(t){const e=t.map(t=>Object.assign({},t,t.id?{}:{id:(0,x.generateGUID)()})).map(t=>t.id);for(const e of t)switch(e.type){case"sprite":await this.addSpriteItem(e,!1);break;case"text":await this.addTextItem(e);break;case"group":this.addGroupItem(e);break;case"video":await this.addVideoItem(e,!1);break;case"generator":this.addGeneratorItem(e);break;case"effects":await this.addEffectsItem(e);break;case"frame":await this.addFrameItem(e)}return e}async addEffectsItem(t,e){if(e??(e=this.getActiveTargetScene()),!e)return;const{id:i=(0,x.generateGUID)(),name:s="特效",property:{scale:r=[1,1],effects:n,rotation:o=0,position:a},parentId:c,extension:h}=t,l=Array.isArray(o)?o:[0,0,o];l[2]=-l[2];const p=new L(...r,1),d=new L(...l),m=this.interactionUtils.getWorldPositionByViewPoint(this.interactionUtils.getViewPositionByPixelPoint(new C(...a)))??new L;let g;if("string"==typeof n){const t=await fetch(n,{mode:"cors",credentials:"omit",headers:{Accept:"application/json"}});if(!t.ok)throw new Error(`HTTP error! status: ${t.status}, statusText: ${t.statusText} `);g=await t.json()}if(!g)return void console.error("Failed to load effects scene.");const u=(0,lr.getStandardJSON)(g);er(u);const f=u.compositions.find(t=>t.id===u.compositionId)??u.compositions[0];f||console.warn("Composition not found in effects scene.");const y=f?.previewSize??[750,1624],w=this.getWorldSizeByPixelSize(y),I=u.items.map(t=>t.id),v=new yt({id:i,name:s,parentId:c,children:[],duration:999,delay:0,endBehavior:x.spec.EndBehavior.restart,isLocked:!1,visible:!0,isCoreEditable:!0,property:{position:[...a],rotation:[...l],width:w[0],height:w[1],scale:[...r],effects:n,children:I},extension:h});(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.items.push(v);const P=(0,x.generateGUID)();Ks(e,u,P);const S=this.player.getCompositions()[0],b=JSON.parse(JSON.stringify(u)),D=await cr.createEffects(S,b,null,s);D.setInstanceId(P),v.property.children?.push(P);const z=Gs(i,s+"控制器",m,new C(p.x,p.y),d);e.items.find(t=>t.id===c)&&(z.item.parentId=c),Vs(e,z);const T=cr.createEmpty(S,null,s+"控制器");T.setInstanceId(z.item.id),T.duration=999,T.defination.delay=0,T.endBehavior=x.spec.EndBehavior.restart,T.transform.setPosition(...m.toArray()),T.addComponent(lr.FrameComponent),D.setParent(T),D.parentId=T.getInstanceId(),T.transform.setSize(...w);const E=S.camera.getInverseVPRatio(0).multiply(2);v.subCompositionItemId=D.getInstanceId(),D.transform.setScale(w[0]/E.x,w[0]/E.x,1);const A=new Map;return T.getDescendants().forEach(t=>{var e;(e=v.property).children??(e.children=[]),v.property.children.push(t.getInstanceId()),t.defination?.id&&A.set(t.defination?.id,t.getInstanceId())}),Js(e,A),v.property.children=T.getDescendants().map(t=>t.getInstanceId()),this.refreshSceneAndPageData(),i}async addFrameItem(t,e){if(e??(e=this.getActiveTargetScene()),!e)return"";const{id:i=(0,x.generateGUID)(),name:s="画板",property:{width:r,height:n,position:o,rotation:a=0,scale:c=[1,1],layoutMode:h="free",children:l,autoLayoutConfig:p,layoutInfos:d},parentId:m,extension:g}=t,u=Array.isArray(a)?[...a]:[0,0,a];u[2]=-u[2];const f=new L(...c,1),y=new L(...u),w=this.interactionUtils.getWorldPositionByViewPoint(this.interactionUtils.getViewPositionByPixelPoint(new C(...o)))??new L,I=new It({id:i,name:s,parentId:m,children:[],duration:999,delay:0,endBehavior:x.spec.EndBehavior.restart,visible:!0,isLocked:!1,isCoreEditable:!0,property:{position:[...o],rotation:[...u],width:r,height:n,scale:[...c],layoutMode:h,children:[],autoLayoutConfig:p,layoutInfos:d},extension:g});(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.items.push(I);const v=this.getWorldSizeByPixelSize([r,n]),P=Gs(i,s+"控制器",w,new C(f.x,f.y),y,new C(...v));e.items.find(t=>t.id===m)&&(P.item.parentId=m),Vs(e,P);const S=Bs(0,[r,n],s),b=(0,x.generateGUID)();Ks(e,S,b,P.item.id);const D=this.player.getCompositions()[0],z=cr.createEmpty(D,null,s+"控制器");z.setInstanceId(i),z.duration=999,z.defination.delay=0,z.endBehavior=x.spec.EndBehavior.restart,z.transform.setPosition(...w.toArray()),z.transform.setRotation(...y.toArray()),z.transform.setScale(...f.toArray()),z.transform.setSize(...v),z.addComponent(lr.FrameComponent);const T=JSON.parse(JSON.stringify(S)),E=await cr.createEffects(D,T,null,s);E.setInstanceId(b),E.parentId=z.getInstanceId(),E.setParent(z);const A=D.camera.getInverseVPRatio(0).multiply(2);E.transform.setScale(v[0]/A.x,v[0]/A.x,1),I.subCompositionItemId=E.getInstanceId();const _=new Map;return z.getDescendants().forEach(t=>{var e;(e=I.property).children??(e.children=[]),t.getInstanceId()!==I.subCompositionItemId&&I.property.children.push(t.getInstanceId()),t.defination?.id&&_.set(t.defination.id,t.getInstanceId())}),Js(e,_),this.refreshSceneAndPageData(),l.length&&this.moveItemsToFrame(l,i),i}makeItemAlign(t,e){if(e??(e=this.getSelectedItems().map(t=>t.id)),e.length<2)return void console.warn("Items length less than 2, fucntion can not make item align.");const i=e.map(t=>({id:t,box:this.getViewBoxById(t)})),s=i.reduce((t,{box:e})=>(t.union(e),t),new G);i.forEach(({id:e,box:i})=>{const r=new C;switch(t){case"left":r.set(s.min.x-i.min.x,0);break;case"right":r.set(s.max.x-i.max.x,0);break;case"horizontal-center":r.set(s.getCenter().x-i.getCenter().x,0);break;case"top":r.set(0,s.min.y-i.min.y);break;case"bottom":r.set(0,s.max.y-i.max.y);break;case"vertical-center":r.set(0,s.getCenter().y-i.getCenter().y)}const n=this.interactionUtils.getWorldSizeByViewSize(r);this.moveItem(e,n)})}makeItemDistribute(t,e){e??(e=this.getSelectedItems().map(t=>t.id));const i=e.length;if(i<3)return void console.warn("Items length less than 3, fucntion can not make item align.");const s=e.map(t=>({id:t,box:this.getViewBoxById(t)})),r="horizontal-spacing"===t?"x":"y";s.sort((t,e)=>t.box.getCenter()[r]-e.box.getCenter()[r]);const n=s[0],o=(s[i-1].box.getCenter()[r]-n.box.getCenter()[r])/(i-1);s.forEach(({id:t,box:e},i)=>{const s=n.box.getCenter()[r]+o*i,a=new C;a[r]=s-e.getCenter()[r];const c=this.interactionUtils.getWorldSizeByViewSize(a);this.moveItem(t,c)})}setItemLockState(t,e){const i=this.getSDKItem(t);i?i.isLocked=e:console.warn(`Item ${t} is not exsited.`)}getItemLockState(t){const e=this.getSDKItem(t);return e?e.isLocked:(console.warn(`Item ${t} is not exsited.`),!0)}getItemTransformUnderParent(t,e){const i=this.getPlayerItemById(t);if(!i)return void console.warn(`Item ${t} is not exsited.`);const s=V.fromArray(i.transform.getWorldMatrix().elements),r=V.fromArray(e.transform.getWorldMatrix().elements).invert().clone().multiply(s),n=new L,o=new L,a=new R;r.decompose(n,a,o);const c=new C(i.transform.size.x,i.transform.size.y);return{position:{x:n.x,y:n.y,z:n.z},size:c,scale:{x:o.x,y:o.y,z:o.z}}}resizeFrameItem(t,e,i){const s=this.getSDKItem(t);if(!vt(s))return void console.warn(`Item ${t} is not a frame item.`);const[r,n]=e,o=s.property.width,a=this.interactionUtils.getViewSizeByPixelSize(new C(r,n)),c=this.interactionUtils.getWorldSizeByViewSize(a).abs(),h=this.getPlayerItemById(t);if(h&&(h.transform.setSize(c.x,c.y),i&&(0!==i.x||0!==i.y))){const t=h.transform.position;h.setPosition(t.x+i.x,t.y+i.y,t.z)}const l=h?.children?.[0];l&&i&&l.children.forEach(t=>{const e=(new V).copyFrom(t.transform.getParentMatrix()??new V);e.setPosition(new L);const s=i.clone().applyMatrix(e.invert()).negate();t.translate(...s.toArray()),t.transform.updateLocalMatrix()}),this.refreshSDKItem(s.id);const p=this.getJSONItem(t);if(p){if(p.transform??(p.transform={}),p.transform.size={x:c.x,y:c.y},i&&(0!==i.x||0!==i.y)){const t=p.transform.position??{x:0,y:0,z:0},e=i.x,s=i.y;p.transform.position={x:t.x+e,y:t.y+s,z:t.z}}const t=this.getJSONItem(s.subCompositionItemId);if(t){const i=this.getActiveTargetScene(),a=i?.compositions.find(e=>e.id===t?.content.options.refId);if(a){const t=o/r;a.previewSize=[...e];const{position:c=[0,0,8],fov:h,near:l,far:p,clipMode:d}=a.camera,m=i?.components.find(t=>t.item.id===a.id&&t.dataType===x.spec.DataType.CompositionComponent);m.items.forEach(e=>{var i;const o=this.getJSONItem(e.id);if(o&&!o.parentId){o.transform??(o.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}}),(i=o.transform).size??(i.size={x:1,y:1}),o.transform.size.x*=t,o.transform.size.y*=t;const{xRatio:a,yRatio:m}=q(new C(r,n),new L(...c),h,l,p,d===x.spec.CameraClipMode.portrait),g=this.getItemBoxById(e.id),u=this.getItemBoxById(s.id),f=g.getCenter().subtract(u.getCenter()).multiply(new C(a,-m));o.transform.position={x:f.x,y:f.y,z:0}}})}}}this.emitter.emit("pageDataChange",this.sdk.pageData)}applyFrameAutoLayout(t){const e=this.getSDKItem(t);if(!vt(e))return void console.warn(`Item ${t} is not a Frame.`);const i=e.children;if(0===i.length)return void this.resizeFrameItem(t,[40,40]);const s=[],r=e.property.layoutInfos??{};for(const t of i){const e=this.getItemBoxById(t);if(e.isEmpty())continue;const i=e.getSize(),n=r[t];let o,a;n&&(o=n.row,a=n.column),s.push({id:t,box:e,width:i.x,height:i.y,row:o,column:a})}if(0===s.length)return void this.resizeFrameItem(t,[40,40]);const n=ir(s.map(t=>({id:t.id,box:t.box,row:t.row,column:t.column})),{padding:20,gap:5,config:e.property.autoLayoutConfig});this.recordLayoutInfosFromAutoLayoutResult(t,n);const o=n.size[0],a=n.size[1],c=new C(e.property.position[0]-o/2,e.property.position[1]-a/2);for(const t of n.items){const e=t.id,i=this.getSDKItem(e);if(!i)continue;const s=new C(...i.property.position),r=this.interactionUtils.getViewPositionByPixelPoint(s),n=new C(c.x+t.position[0],c.y+t.position[1]),o=this.interactionUtils.getViewPositionByPixelPoint(n),a=this.interactionUtils.getWorldPositionByViewPoint(r),h=this.interactionUtils.getWorldPositionByViewPoint(o);if(a&&h){const t=h.subtract(a);this.moveItem(e,t,!0)}}n.size[0]>0&&n.size[1]>0&&this.resizeFrameItem(t,n.size),this.emitter.emit("itemPropertyChange",{id:t,propertyKeys:["layoutMode","width","height"]})}recordLayoutInfosFromAutoLayoutResult(t,e){var i;const s=this.getSDKItem(t);if(!vt(s))return;(i=s.property).layoutInfos??(i.layoutInfos={});const r=s.property.layoutInfos;for(const t of e.items)r[t.id]={row:t.row,column:t.column,position:t.position}}refreshFrameChildren(t){const e=this.getSDKItem(t);if(!vt(e))return;const i=this.getItemBoxById(t),s=[];e.children.forEach(t=>{const e=this.getItemBoxById(t);i.intersectsBox(e)||s.push(t)}),this.moveItemsOutOfFrame(s,t)}},xr=class extends as{constructor(t,e){super(),d(this,"result",{type:"invalid"}),d(this,"interactionParam",{type:"none"}),d(this,"graphics",new ps.Graphics),d(this,"isShiftDown",!1),d(this,"_isLockScale",!1),d(this,"_pageDataUtils"),d(this,"_eventEmitter"),d(this,"type","picture-cut"),d(this,"_undoRedo",new Ds),d(this,"_oldNormalizeCutBox"),d(this,"cursorResult",{type:"normal",angle:0}),this._pageDataUtils=t,this._eventEmitter=e}get undoRedo(){return this._undoRedo}get interactive(){return Tn.config.gestureHandlerConfig.pictureCutGizmoEnabled}set interactive(t){t!==Tn.config.gestureHandlerConfig.pictureCutGizmoEnabled&&(1!==this._pageDataUtils.getPageData()?.activeData.selectedItems?.length?console.warn("Selected items` length is not one, Picture cut gizmo can not open."):Tn.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 C(t.offsetX,t.offsetY),i=new C(t.clientX,t.clientY);return this.refreshInteractionType(e,i),this.type}preAction(t,e){if(this.interactive&&"none"!==this.interactionParam.type)return"valid"===this.result.type&&(this._oldNormalizeCutBox={normalizeCutBox:this.result.normalizeCutBox.clone()}),this.type}action(t){var e;if(!this.interactive||"none"===this.interactionParam.type||"invalid"===this.result.type)return;const i=new C(t.clientX,t.clientY),{startMouse:s,box:r}=this.interactionParam,n=(new C).subtractVectors(i,s),{itemBox:o}=this.result,{min:a,max:c}=o;switch(this.interactionParam.type){case"move":{const{min:t,max:e}=r,i=a.x-t.x,s=c.x-e.x,h=a.y-t.y,l=c.y-e.y;n.x=Math.min(Math.max(n.x,i),s),n.y=Math.min(Math.max(n.y,h),l);const p=r.clone().translate(n);this.result.normalizeCutBox=M(o,p),this._eventEmitter.emit("cutBoxChange",this.getCutBox());break}case"scale":{const{startCorner:t,anchor:i}=this.interactionParam,s=new C;if(s.x=Math.min(Math.max(t.x+n.x,a.x),c.x),s.y=Math.min(Math.max(t.y+n.y,a.y),c.y),this.isShiftDown||this.isLockScale){const n=this.getCutBox(),{x:o,y:h}=n.getSize(),{x:l,y:p}=r.getSize();if((e=this.interactionParam).lockedAspect??(e.lockedAspect=o/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;_(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,a.y),c.y)}else{const e=Math.abs(s.y-i.y)*this.interactionParam.lockedAspect;_(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,a.x),c.x)}}if(_(t.x,i.x)||_(t.y,i.y)){const e=r.corners[0].clone();let i=e.distanceTo(t);r.corners.forEach(s=>{s.distanceTo(t)>i&&(e.copyFrom(s),i=s.distanceTo(t))}),this.result.normalizeCutBox=M(o,(new G).setFromVec2Array([e,s]))}else{const e=(s.x-i.x)/(t.x-i.x),n=(s.y-i.y)/(t.y-i.y),a=new C(e,n);this.result.normalizeCutBox=M(o,r.clone().scale(a,i))}this._eventEmitter.emit("cutBoxChange",this.getCutBox());break}case"direction-scale":{const{index:t}=this.interactionParam,e=r.corners[t].clone();t%2==0?(n.x=Math.min(Math.max(e.x+n.x,a.x),c.x)-e.x,n.y=0):(n.x=0,n.y=Math.min(Math.max(e.y+n.y,a.y),c.y)-e.y);const i=r.corners.map((e,i)=>[t,(t+1)%4].includes(i)?e.clone().add(n):e.clone());this.result.normalizeCutBox=M(o,(new G).setFromVec2Array(i)),this._eventEmitter.emit("cutBoxChange",this.getCutBox());break}}}endAction(t){if(!this.interactive||"none"===this.interactionParam.type)return;if(this._oldNormalizeCutBox&&"valid"===this.result.type){const t={type:"update",oldData:this._oldNormalizeCutBox,newData:{normalizeCutBox:this.result.normalizeCutBox.clone()}};this._undoRedo.push(t),this._eventEmitter.emit("pictureCutGizmoUndoRedoChange",t)}this._oldNormalizeCutBox=void 0;const e=new C(t.offsetX,t.offsetY),i=new C(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(Z(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 G(new C,new C(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:r,itemBoxLineWidth:n,itemBoxLineColor:o,itemBoxLineAlpha:a,cutBoxCornerRadius:c,cutBoxCornerFillColor:h,cutBoxCornerLineWidth:l,cutBoxCornerLineColor:p,cutBoxCornerLineAlpha:d,gridLineWidth:m,gridLineColor:g,gridLineAlpha:u,gridCount:f}=Tn.config.gestureHandlerConfig.pictureCutGizmoConfig,{normalizeCutBox:y,itemBox:x}=this.result,w=k(x,y),{min:I,max:v}=w,{min:P,max:S}=x,b=new G(P.clone(),new C(S.x,I.y)),D=new G(new C(P.x,I.y),new C(I.x,S.y)),z=new G(new C(v.x,I.y),new C(S.x,v.y)),T=new G(new C(I.x,v.y),S.clone());this.graphics.beginFill(t,e),this.graphics.fillBox(b),this.graphics.fillBox(D),this.graphics.fillBox(z),this.graphics.fillBox(T),this.graphics.endFill();const E=w.getSize().x/(f+1),A=w.getSize().y/(f+1);this.graphics.lineStyle(m,g,u);for(let t=1;t<=f;t++){const e=new U(new C(I.x+E*t,I.y),new C(I.x+E*t,v.y)),i=new U(new C(I.x,I.y+A*t),new C(v.x,I.y+A*t));this.graphics.drawLine(e),this.graphics.drawLine(i)}return this.graphics.lineStyle(n,o,a),this.graphics.drawBox(x),this.graphics.lineStyle(i,s,r),this.graphics.drawBox(w),this.graphics.beginFill(h),this.graphics.lineStyle(l,p,d),w.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,r=k(s,i);let n=!1,o=0;r.corners.forEach((i,s)=>{n||i.distanceTo(t)<Tn.config.gestureHandlerConfig.pictureCutGizmoConfig.scaleInteractionDistance&&(n=!0,this.interactionParam={type:"scale",box:r.clone(),startMouse:e,startCorner:i.clone(),anchor:r.corners[(s+2)%4]},o=Math.PI/2*s)}),r.corners.forEach((i,s)=>{if(n)return;const a=new U(i.clone(),r.corners[(s+1)%4]),c=t.distanceToLine(a);if(c.d>=0&&c.d<=8&&c.t>=0&&c.t<=1){n=!0;const t=a.at(c.t);this.interactionParam={type:"direction-scale",index:s,point:t,box:r.clone(),startMouse:e},o=Math.PI/2*s+Math.PI/4}}),r.containsPoint(t)&&!n&&(this.interactionParam={type:"move",point:t.clone(),box:r.clone(),startMouse:e},n=!0),this.refreshCursorResult(this.interactionParam.type,o*D)}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 k(e,i)}setCutBox(t,e){const[i]=this._pageDataUtils.getSelectedItems();if(!this.interactive||"invalid"===this.result.type||!i)return;const s=this.result.normalizeCutBox.clone(),r=new G(t,e),n=this._pageDataUtils.getItemBoxById(i.id),{min:o,max:a}=M(n,r);this.result.normalizeCutBox.set(new C(Math.max(o.x,0),Math.max(o.y,0)),new C(Math.min(a.x,1),Math.min(a.y,1)));const c={type:"update",oldData:{normalizeCutBox:s},newData:{normalizeCutBox:this.result.normalizeCutBox.clone()}};this._undoRedo.push(c),this._eventEmitter.emit("pictureCutGizmoUndoRedoChange",c);const h=this.getCutBox();return this._eventEmitter.emit("cutBoxChange",h),h}undo(){const t=this._undoRedo.undo();return!(!t||"valid"!==this.result.type)&&(this.result.normalizeCutBox=t.oldData.normalizeCutBox.clone(),this._eventEmitter.emit("cutBoxChange",this.getCutBox()),!0)}redo(){const t=this._undoRedo.redo();return!(!t||"valid"!==this.result.type)&&(this.result.normalizeCutBox=t.newData.normalizeCutBox.clone(),this._eventEmitter.emit("cutBoxChange",this.getCutBox()),!0)}get canUndo(){return this._undoRedo.canUndo}get canRedo(){return this._undoRedo.canRedo}clearUndoRedo(){this._undoRedo.clear()}};var wr,Ir,vr,Cr,Pr,Sr,br,Dr,zr,Tr,Er,Ar,_r,Br,kr,Mr,Ur,Gr,Fr,Rr,Lr,Vr,Or=class extends as{constructor(t,e,i,s,r){super(),d(this,"type","text"),d(this,"_eventEmitter"),d(this,"textAreaElement"),d(this,"graphics",new ps.Graphics),d(this,"_pageDataUtils"),d(this,"result"),d(this,"interactionParam"),d(this,"_adsorptionGizmo"),d(this,"cursorResult",{type:"normal",angle:0}),d(this,"ignoreInteraction",!1),d(this,"scaleParam"),d(this,"rotationSprite",new ps.Sprite),d(this,"cursorPoint",new C),d(this,"_selectorGizmo"),d(this,"frameBoxes",new Map),d(this,"toAddedFrameId"),d(this,"groupsNeedProcess",new Map),d(this,"handleInput",async t=>{const e=t.target,i=this._pageDataUtils.getSelectedItems()[0].id;await this._pageDataUtils.setItemProperty({itemId:i,type:"text",propertyName:"text",propertyValue:e.value}),this._eventEmitter.emit("textInput",{itemId:i,text:e.value,fontFamily:e.style.fontFamily})}),d(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",r?.appendChild(this.textAreaElement),function(t,e,i){const s=i.replace(/&/g,`.${e}`),r=document.createElement("style");r.textContent=`\n    .${e} {\n      ${s}\n    }\n  `,document.head.appendChild(r),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  color: transparent;\n  caret-color: #000000;\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 C,lastPoint:new C,startPoint:new C,lastWorldPosition:new L}}get interactive(){return Tn.config.gestureHandlerConfig.textGizmoEnbaled}set interactive(t){Tn.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 C(t.offsetX,t.offsetY),i=new C(t.clientX,t.clientY);this.refreshInteractionParam(e,i);const s=e.subtract(this._pageDataUtils.getViewportLeftTopPosition());if(this.initInteractionPlane(s),this.cursorPoint.set(t.offsetX,t.offsetY),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,r=new C(i,s);if(this.refreshFrameBoxes(),e){if("empty"===this.result.type||this.result.box.containsPoint(r))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(r)){this._pageDataUtils.saveUndoRedoOldData();const t=r.subtract(this._pageDataUtils.getViewportLeftTopPosition());this.initInteractionPlane(t),this.interactionParam.lastWorldPosition=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t)??new L,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 C(t.clientX,t.clientY),this.interactionParam.startPoint=new C(t.offsetX,t.offsetY);const e=new C(t.offsetX,t.offsetY).subtract(this._pageDataUtils.getViewportLeftTopPosition());this.initInteractionPlane(e),this.interactionParam.lastWorldPosition=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(e)??new L,this.refreshFrameBoxes()}const{clientX:e,clientY:i,offsetX:s,offsetY:r}=t,n=new C(e,i),{type:o,lastPoint:a,startPoint:c,anchor:h}=this.interactionParam,l=(new C).subtractVectors(n,a),p=this._pageDataUtils.getSelectedItems();switch(o){case"rotation":{const t=new L,e=E(T((new C).subtractVectors(c,h),(new C).subtractVectors(c.add(l),h))*D,3);t.z=e,p.forEach(e=>{this._pageDataUtils.rotateItem(e.id,t)}),this.interactionParam.lastPoint.copyFrom(n);break}case"translation":{const t=l.clone();if(this._adsorptionGizmo.interactive){const e=this._pageDataUtils.getPageData();(0,x.assertExist)(e);const i=e.items.map(t=>p.find(e=>e.id===t.id)||0!==p.filter(e=>t.parentId&&t.parentId===e.id).length||!this._pageDataUtils.getItemEditEnable(t.id)||p.find(e=>e.parentId===t.id)?new G:this._pageDataUtils.getViewBoxById(t.id)).filter(t=>!t.isEmpty()),s=new C(this._adsorptionGizmo.absorptionResult.x??0,this._adsorptionGizmo.absorptionResult.y??0);this._adsorptionGizmo.boxTranslationAdsorption(t,this.result.box,i);const r=new C(this._adsorptionGizmo.absorptionResult.x??0,this._adsorptionGizmo.absorptionResult.y??0);t.add(s).subtract(r)}const e=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(c.add(t).clone().subtract(this._pageDataUtils.getViewportLeftTopPosition()));if(e){const t=e.clone().subtract(this.interactionParam.lastWorldPosition);p.forEach(e=>{t.x=E(t.x,5),t.y=E(t.y,5),t.z=E(t.z,5),this._pageDataUtils.moveItem(e.id,t),this.refreshItemFrameRelationShip(e,new C(s,r))}),this.interactionParam.lastWorldPosition.copyFrom(e),this.interactionParam.lastPoint.copyFrom(n)}break}case"scale":if(l.length()){const t=this.cursorPoint.add(l).clone().subtract(this._pageDataUtils.getViewportLeftTopPosition());if(!c||!this.scaleParam||!l.length())return;const e=this.scaleParam.farthestCorner;(c.x-e.x)*(this.cursorPoint.x-e.x)>0&&(c.y-e.y)*(this.cursorPoint.y-e.y)>0||(t.x=e.x+(c.x-e.x)/Math.abs(c.x-e.x)*4,t.y=e.y+(c.y-e.y)/Math.abs(c.y-e.y)*4);const i=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t);if(i){const t=this._pageDataUtils.getSelectedItems()[0]??void 0,e=this._pageDataUtils.getItemTransformById(t?.id??""),s=(new V).extractRotation(e.matrix).invert(),{corner:r,center:n,shift:o,lastScalar:a}=this.scaleParam,c=(new L).subtractVectors(r,n).applyMatrix(s),h=c.clone().multiply(a),l=i.clone().subtract(o).subtract(n).applyMatrix(s),d=new L(1,1,1),m=A([_(c.x,0)?1:Math.abs(l.x/c.x),_(c.y,0)?1:Math.abs(l.y/c.y)]),g=l.toArray()[m],u=h.toArray()[m];if(_(a.x,a.y)&&_(a.z,a.x)){const t=_(u,0)?1:Math.abs(g/u);d.set(t,t,t)}else if(0===m){d.x=_(u,0)?1:Math.abs(g/u);const t=c.y*g/c.x;d.y=_(h.y,0)?1:t/h.y;const e=c.z*g/c.x;d.z=_(h.z,0)?1:e/h.z}else if(1===m){d.y=_(u,0)?1:Math.abs(g/u);const t=c.x*g/c.y;d.x=_(h.x,0)?1:t/h.x;const e=c.z*g/c.y;d.z=_(h.z,0)?1:e/h.z}else{d.z=_(u,0)?1:Math.abs(g/u);const t=c.x*g/c.z;d.x=_(h.x,0)?1:t/h.x;const e=c.y*g/c.z;d.y=_(h.y,0)?1:e/h.y}const f=d.clone().subtract(new L(1,1,0)).divide(2).add(new L(1,1,.5)),y=n.clone().add((new L).subtractVectors(r,n).multiply(new L(a.x,a.y,1)));this.scaleParam.lastScalar.multiply(f);const x=n.clone().add((new L).subtractVectors(r,n).multiply(new L(this.scaleParam.lastScalar.x,this.scaleParam.lastScalar.y,1))),w=(new L).subtractVectors(x,y);w.x=E(w.x,5),w.y=E(w.y,5),w.z=E(w.z,5),this.scaleParam.center.add(w),this.scaleParam.corner.add(w),p.forEach(t=>{this._pageDataUtils.scaleTextItem(t.id,f.x),this._pageDataUtils.moveItem(t.id,w)}),this.interactionParam.lastWorldPosition.copyFrom(i)}}break;case"width-scale":{const t=c.clone(),e=c.clone().add(l);if(l.length()){const i=(new C).subtractVectors(t,h),s=(new C).subtractVectors(e,h),r=Math.max(s.dot(i)/i.length(),1),n=i.length(),o=(r/n-1)/2+1,a=h.clone().add(i.clone().normalize().scale(n*o)),l=(new C).subtractVectors(a,t);c.add(l);const d=this._pageDataUtils.interactionUtils.getWorldSizeByViewSize(l);d.x=E(d.x,5),d.y=E(d.y,5),d.z=E(d.z,5),p.forEach(t=>{this._pageDataUtils.moveItem(t.id,d)}),p.forEach(t=>{this._pageDataUtils.scaleTextItemWidth(t.id,o)})}break}}this.interactionParam.lastPoint.copyFrom(n),this.refreshCursorResult()}endAction(t){this.ignoreInteraction=!1;const e=new C(t.offsetX,t.offsetY),i=new C(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)return;const t=this._pageDataUtils.getPageData()?.activeData?.selectedItems,e=this._pageDataUtils.getSDKItem(t?.[0]??"");if(1!==t?.length||"text"!==e?.type)return void(this.result={type:"empty"});const i=this._pageDataUtils.getViewBoxById(t[0]);if(i.isEmpty())this.result={type:"empty"};else{const t=[new U(i.corners[0],i.corners[1]).at(.5),new U(i.corners[2],i.corners[3]).at(.5)],s=new U(i.getCenter(),new U(i.corners[0],i.corners[3]).at(.5)),r=s.at((s.length()+22)/s.length());this.result={type:"valid",box:i.clone(),widthScaleCorners:t,rotationCorner:r,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 C,this.interactionParam.startPoint=new C,void(this.interactionParam.lastWorldPosition=new L);if("edit"===this.interactionParam.type)return;const{rotateInteractMode:i,scaleInteractionDistance:s,rotationCornerInteractionDistance:r,rotationTopCenterInteractionDistance:n}=Tn.config.gestureHandlerConfig.textGizmoConfig,o=this.result.box.getCenter();for(const e of this.result.widthScaleCorners){if((new G).setFromCenterAndSize(e,new C(6,18)).containsPoint(t))return this.interactionParam.active=!0,this.interactionParam.type="width-scale",this.interactionParam.anchor=o,this.interactionParam.lastPoint=t.clone(),this.interactionParam.startPoint=e.clone(),void(this.interactionParam.lastWorldPosition=new L)}const a=this.result.box.corners.findIndex(e=>e.distanceTo(t)<s);if(a>=0){const t=this.result.box.corners[a],i=this.result.box.corners[(a+2)%4];return this.interactionParam.active=!0,this.interactionParam.type="scale",this.interactionParam.anchor=i.clone(),this.interactionParam.lastPoint=e.clone(),void(this.interactionParam.startPoint=t.clone())}if(this.result.box.containsPoint(t,!1))return this.interactionParam.active=!0,this.interactionParam.type="translation",this.interactionParam.lastPoint=e.clone(),this.interactionParam.startPoint=t.clone(),void(this.interactionParam.lastWorldPosition=new L);switch(i){case"top-center":if(t.distanceTo(this.result.rotationCorner)<n)return this.interactionParam.active=!0,this.interactionParam.type="rotation",this.interactionParam.anchor=o,this.interactionParam.lastPoint=e.clone(),this.interactionParam.startPoint=this.result.rotationCorner.clone(),void(this.interactionParam.lastWorldPosition=new L);break;case"corner":{const i=this.result.box.corners.find(e=>e.distanceTo(t)<r);if(i)return this.interactionParam.active=!0,this.interactionParam.type="rotation",this.interactionParam.anchor=o,this.interactionParam.lastPoint=e.clone(),this.interactionParam.startPoint=i.clone(),void(this.interactionParam.lastWorldPosition=new L);break}}this.interactionParam.active=!1,this.interactionParam.type="none",this.interactionParam.lastPoint=new C,this.interactionParam.startPoint=new C,this.interactionParam.lastWorldPosition=new L}refreshCursorResult(){const t=(z((new C).subtractVectors(this.interactionParam.startPoint,this.interactionParam.anchor))+Math.PI/4)*D;switch(this.interactionParam.type){case"edit":case"none":case"translation":this.cursorResult={type:"normal",angle:0};break;case"scale":case"width-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,widthScaleCorners:i,rotationCorner:s,rotation:r}=this.result,{boxLineWidth:n,boxLineColor:o,wireframeAlpha:a,wireframeColor:c,wireframeWidth:h,rotateInteractMode:l,rotationCornerWidth:p,scaleCornerStrokeWidth:d,scaleCornerStrokeColor:m,rotationCornerRadius:g,rotationCornerFillColor:u,rotationCornerStrokeWidth:f,rotationCornerStrokeColor:y}=Tn.config.gestureHandlerConfig.textGizmoConfig;if(this.graphics.lineStyle(n,o),this.graphics.drawBox(e),"edit"!==this.interactionParam.type){switch(e.getSize().y>25&&i.forEach(t=>{const e=(new G).setFromCenterAndSize(t,new C(8,15));this.graphics.beginFill(16777215),this.graphics.fillBox(e),this.graphics.endFill(),this.graphics.lineStyle(d,m),this.graphics.drawBox(e)}),l){case"top-center":this.rotationSprite.width=p,this.rotationSprite.height=p,this.rotationSprite.anchor.set(.5,.5),this.rotationSprite.x=s.x,this.rotationSprite.y=s.y,this.rotationSprite.rotation=r,t.push(this.rotationSprite);break;case"corner":e.corners.forEach(t=>{this.graphics.lineStyle(f,y),this.graphics.beginFill(u),this.graphics.drawCircle(t.x,t.y,g),this.graphics.endFill()})}if(this.toAddedFrameId){const t=this.frameBoxes.get(this.toAddedFrameId);t&&(this.graphics.lineStyle(h,c,a),this.graphics.drawBox(t))}}else if("edit"===this.interactionParam.type&&"none"===this.textAreaElement.style.display){const t=this._pageDataUtils.getSelectedItems(),i=this._pageDataUtils.interactionUtils.viewportParam,s=t[0],r=s?.property,n=e.clone().rotate(r.rotation[2]*b),o=n.min.clone(),a=n.getSize();this.textAreaElement.value=r.text??"",this.textAreaElement.style.textAlign=this.getTextAlign(r.textAlign),this.textAreaElement.style.fontFamily=r.fontFamily,this.textAreaElement.style.fontSize=r.fontSize*i.scale+"px",this.textAreaElement.style.fontWeight=r.fontWeight,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=`${o.x}px`,this.textAreaElement.style.top=`${o.y}px`,this.textAreaElement.style.width=`${a.x}px`,this.textAreaElement.style.height=`${a.y}px`,this.textAreaElement.style.lineHeight=r.lineHeight*i.scale+"px",this.textAreaElement.style.letterSpacing=`${r.letterSpacing}px`,this.textAreaElement.style.transformOrigin="center center",this.textAreaElement.style.paintOrder="stroke fill",void 0!==r.rotation[2]&&(this.textAreaElement.style.transform=`\n          rotateZ(${-r.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()[0],i=this._pageDataUtils.interactionUtils.viewportParam,s=t.property,r=e.clone().rotate(s.rotation[2]*b),n=r.min.clone(),o=r.getSize();switch(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=s.fontFamily,this.textAreaElement.style.textAlign=this.getTextAlign(s.textAlign),Tn.config.mode){case"editor":this.textAreaElement.style.fontSize=s.fontSize*i.scale+"px",this.textAreaElement.style.lineHeight=s.lineHeight*i.scale+"px",this.textAreaElement.style.transform=`rotateZ(${-s.rotation[2]}deg)`;break;case"template":{const e=this._pageDataUtils.getPlayerItemById(t.id),r=new L(1,1,1);e?.transform.getMatrix().decompose(new L,new R,r);const a=e.transform.scale,{size:[c,h],isPublishScene:l}=this._pageDataUtils.getTextOriginSize(t.id),p=l?2:0,d=this._pageDataUtils.interactionUtils.getPixelSizeByWorldSize(new L(0,h,0)).y,m=s.fontSize/(s.lineHeight/d)-p*i.scale,g=new C(a.x/c,a.y/h);this.textAreaElement.style.left=`${n.x+(g.x-1)*o.x/g.x/2}px`,this.textAreaElement.style.top=`${n.y+(g.y-1)*o.y/g.y/2}px`,this.textAreaElement.style.width=o.x/g.x+"px",this.textAreaElement.style.height=o.y/g.y+"px",this.textAreaElement.style.transform=`scale(${g.x}, ${g.y}) rotateZ(${-s.rotation[2]}deg)`,this.textAreaElement.style.fontSize=`${m}px`,this.textAreaElement.style.lineHeight=`${d}px`;break}}}return t.push(this.graphics),t}initInteractionPlane(t){switch(this.interactionParam.type){case"scale":{if("empty"===this.result.type)return;const e=1==this._pageDataUtils.getSelectedItems().length?this._pageDataUtils.getSelectedItems()[0]:void 0;let i,s,r;if(e){const t=this._pageDataUtils.getItemTransformById(e.id);i=(new L).copyFrom(this._pageDataUtils.getPlayerItemById(e.id).transform.anchor).applyMatrix(t.matrix),s=(new L).setFromMatrixPosition(t.matrix),r=(new O).setFromQuaternion((new R).setFromRotationMatrix(t.matrix))}this._pageDataUtils.interactionUtils.initInteractionPlane(s,r);const n=this.interactionParam.startPoint,{box:o}=this.result,a=o.corners[0].clone();let c=a.distanceTo(n);o.corners.forEach(t=>{t.distanceTo(n)>c&&(a.copyFrom(t),c=t.distanceTo(n))}),this.scaleParam={shift:new L,center:new L,corner:new L,lastScalar:new L(1,1,1),farthestCorner:a},this.scaleParam.center=i??s;const h=this._pageDataUtils.getViewportLeftTopPosition();if(n){const t=n.clone().subtract(h);this.scaleParam.corner=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t)??new L}this.scaleParam.shift=(this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t)??new L).subtract(this.scaleParam.corner);break}case"width-scale":case"translation":case"rotation":this._pageDataUtils.interactionUtils.initInteractionPlane()}}getTextAlign(t){switch(t){case x.spec.TextAlignment.middle:return"center";case x.spec.TextAlignment.right:return"right";default:return"left"}}refreshFrameBoxes(){this.frameBoxes.clear();const t=this._pageDataUtils.getPageData()?.items.filter(t=>vt(t));t?.forEach(t=>{const e=this._pageDataUtils.getViewBoxById(t.id);this.frameBoxes.set(t.id,e)})}refreshItemFrameRelationShip(t,e){if(vt(t)||xt(t))return;const i=(this._pageDataUtils.getPageData()?.items.filter(t=>vt(t))??[]).find(e=>e.children.includes(t.id)),s=!!i;let r;if(this.frameBoxes.forEach((t,i)=>{t.containsPoint(e)&&!r&&(r=i)}),this.toAddedFrameId=r,!r&&s){const e=[t.id];if(gt(t)){const{children:i}=t.property;e.push(...i)}this._pageDataUtils.moveItemsOutOfFrame(e),t.parentId!==i.id&&t.parentId&&this._pageDataUtils.deleteItemParent(t.id,t.parentId)}if(r&&(!i||i.id!==r)){const e=[t.id];if(gt(t)){const{children:i}=t.property;if(e.push(...i),0===i.length)this._pageDataUtils.deleteItem(t.id);else{const e=this.frameBoxes.get(r);if(!e)return;const s=[],n=[];if(i.forEach(t=>{const i=this._pageDataUtils.getViewBoxById(t);i&&e.intersectsBox(i)?s.push(t):n.push(t)}),0===s.length)return void console.log(`Group ${t.id} has no children in frame ${r}, skipping frame entry.`);n.length>0?(console.log(`Group ${t.id}: ${n.length} children out of frame, will process at drag end.`),this.groupsNeedProcess.set(t.id,{groupId:t.id,frameId:r,childrenOutOfFrame:n})):this.groupsNeedProcess.delete(t.id)}}else if(t.parentId){const e=this._pageDataUtils.getSDKItem(t.parentId);e&&gt(e)&&this._pageDataUtils.deleteItemParent(t.id,t.parentId)}this._pageDataUtils.moveItemsToFrame(e,r)}return r}},Wr=require("@pixi/core"),Nr=class extends as{constructor(t,e,i){super(),d(this,"_pageDataUtils"),d(this,"_eventEmitter"),d(this,"_app"),d(this,"maskRenderTexture",null),d(this,"maskSprite",null),d(this,"_config",{}),d(this,"boxGraphics",new ps.Graphics),d(this,"type","mask"),d(this,"mode","paint"),d(this,"_undoRedo",new Ds),d(this,"_oldLines"),d(this,"cursorResult",{type:"normal",angle:0}),d(this,"result",{status:"init",lines:[]}),this._pageDataUtils=t,this._app=e,this._eventEmitter=i}get undoRedo(){return this._undoRedo}get interactive(){return Tn.config.gestureHandlerConfig.maskGizmoEnabled}set interactive(t){t!==Tn.config.gestureHandlerConfig.maskGizmoEnabled&&(t||(this.result.status="init"),Tn.config.gestureHandlerConfig.maskGizmoEnabled=t)}get config(){return{...Tn.config.gestureHandlerConfig.maskGizmoConfig,...this._config}}set config(t){this._config={...this._config,...t}}setMode(t){this.mode=t}initialize(){}preparationAction(t){if(this.interactive)return this.result.point=new C(t.offsetX,t.offsetY),this.type}preAction(t){if(this.interactive)return this._oldLines={lines:JSON.parse(JSON.stringify(this.result.lines))},this.result.point=new C(t.offsetX,t.offsetY),this.result.lines.push({type:this.mode,brushSize:this.config.brushSize,points:[]}),this.type}action(t){if(!this.interactive||"init"===this.result.status)return;const e=this.result.box,i=new C((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;const t=this.result.lines[this.result.lines.length-1];if(this._oldLines&&t&&t.points.length>0){const t={type:"update",oldData:this._oldLines,newData:{lines:JSON.parse(JSON.stringify(this.result.lines))}};this._undoRedo.push(t),this._eventEmitter.emit("maskGizmoUndoRedoChange",t)}else 0===t?.points.length&&this.result.lines.pop();return this._oldLines=void 0,this.type}interruption(){}actionKey(){}endActionKey(){}cancelPreparation(){}refreshResults(){if(this.interactive){const t=this._pageDataUtils.getPageData();if(Z(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()),r=i.getSize().x/e.getSize().x;e.translate(s),e.scale(r)}this.refreshCursorResult()}}else this.result={status:"init",lines:[]}}getRenderObjects(){return this.interactive?this.refreshRenderObjects():[]}clearRenderObjects(){this.boxGraphics.clear(),this.maskRenderTexture&&(this.maskRenderTexture.destroy(!0),this.maskRenderTexture=null),this.maskSprite&&(this.maskSprite.destroy(),this.maskSprite=null)}refreshRenderObjects(){if(this.clearRenderObjects(),!this.interactive||"init"===this.result.status)return[];const{maskImage:t,brushColor:e,brushAlpha:i,boxLineWidth:s,boxLineColor:r,boxLineAlpha:n}=this.config,o=this.result.box,{min:a,max:c}=o,h=Math.ceil(c.x-a.x),l=Math.ceil(c.y-a.y);this.maskRenderTexture=ps.RenderTexture.create({width:h,height:l});const p=this._pageDataUtils.interactionUtils.viewportParam;if(this.maskSprite=new ps.Sprite(this.maskRenderTexture),this.maskSprite.width=h,this.maskSprite.height=l,this.maskSprite.position.set(a.x,a.y),this.maskSprite.alpha=i,t){const i=new ps.Container,s=ps.Texture.from(t),r=new ps.Sprite(s);r.width=h,r.height=l;const n=new ps.Graphics;n.beginFill(e),n.drawRect(0,0,h,l),n.endFill(),n.mask=r,i.addChild(n),i.addChild(r),this._app.renderer.render(i,{renderTexture:this.maskRenderTexture,clear:!1}),i.destroy(),s.destroy(),r.destroy()}const d=new G(new C(a.x,a.y),new C(c.x,a.y)),m=new G(new C(a.x,a.y),new C(a.x,c.y)),g=new G(new C(c.x,a.y),new C(c.x,a.y)),u=new G(new C(a.x,c.y),new C(c.x,c.y));this.boxGraphics.fillBox(d),this.boxGraphics.fillBox(m),this.boxGraphics.fillBox(g),this.boxGraphics.fillBox(u),this.boxGraphics.lineStyle(s,r,n),this.boxGraphics.drawBox(o),this.boxGraphics.endFill();for(const t of this.result.lines){if(!t)continue;const i=new ps.Graphics;i.blendMode="paint"===t.type?ps.BLEND_MODES.NORMAL:ps.BLEND_MODES.DST_OUT,i.lineStyle({width:t.brushSize*p.scale,color:e,cap:ps.LINE_CAP.ROUND,join:ps.LINE_JOIN.ROUND,native:!1,alignment:.5});for(let e=0;e<t.points.length;e++){const s=t.points[e];if(!s)continue;const r=s.x*(o.max.x-o.min.x),n=s.y*(o.max.y-o.min.y);0===e?i.moveTo(r,n):i.lineTo(r,n)}i.endFill(),this._app.renderer.render(i,{renderTexture:this.maskRenderTexture,clear:!1}),i.destroy()}return[this.boxGraphics,this.maskSprite]}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}}}close(){this._config.maskImage=void 0,this.result.lines=[],this._undoRedo.clear()}clearMask(){if(this.result.lines.length>0){const t={type:"update",oldData:{lines:JSON.parse(JSON.stringify(this.result.lines))},newData:{lines:[]}};this._undoRedo.push(t),this._eventEmitter.emit("maskGizmoUndoRedoChange",t)}this.result.lines=[]}undo(){const t=this._undoRedo.undo();return!!t&&(this.result.lines=JSON.parse(JSON.stringify(t.oldData.lines)),!0)}redo(){const t=this._undoRedo.redo();return!!t&&(this.result.lines=JSON.parse(JSON.stringify(t.newData.lines)),!0)}get canUndo(){return this._undoRedo.canUndo}get canRedo(){return this._undoRedo.canRedo}clearUndoRedo(){this._undoRedo.clear()}loadMaskImage(t){return new Promise((e,i)=>{const s=new Image;s.crossOrigin="anonymous",s.onload=()=>{e(s)},s.onerror=t=>{i(new Error("Failed to load mask image."))},s.src=t})}getMask(){const t=this.result.box;if(!t)return null;const e=Math.ceil(t.max.x-t.min.x),i=Math.ceil(t.max.y-t.min.y),s=document.createElement("canvas");s.width=e,s.height=i;const r=s.getContext("2d");if(!r)return null;const{maskImage:n,maskColor:o}=this.config;if(0===this.result.lines.length&&!n)return null;const a="#"+o.toString(16).padStart(6,"0");if(r.fillStyle="#FFFFFF",r.fillRect(0,0,e,i),n)try{r.drawImage(n,0,0,e,i);const t=r.getImageData(0,0,e,i),s=t.data,a=o>>16&255,c=o>>8&255,h=255&o;for(let t=0;t<s.length;t+=4){const e=s[t],i=s[t+1],r=s[t+2];(e+i+r)/3>128?(s[t]=a,s[t+1]=c,s[t+2]=h):(s[t]=255,s[t+1]=255,s[t+2]=255)}r.putImageData(t,0,0)}catch(t){console.warn("Failed to load mask image:",t)}const c=this._pageDataUtils.interactionUtils.viewportParam.scale;for(const t of this.result.lines)if(t&&0!==t.points.length){r.lineWidth=t.brushSize*c,r.lineCap="round",r.lineJoin="round",r.globalCompositeOperation="source-over","paint"===t.type?r.strokeStyle=a:r.strokeStyle="#FFFFFF",r.beginPath();for(let s=0;s<t.points.length;s++){const n=t.points[s];if(!n)continue;const o=n.x*e,a=n.y*i;0===s?r.moveTo(o,a):r.lineTo(o,a)}r.stroke()}return s.toDataURL("image/png")}},Hr=class extends as{constructor(t){super(),d(this,"type","loading"),d(this,"_pageDataUtils"),d(this,"_idMap",new Map),d(this,"cursorResult",{type:"normal",angle:0}),this._pageDataUtils=t}add(t,e){const i=this._pageDataUtils.getItemBoxById(t),s=M(i,e?.loadingBox??i);if("string"==typeof t){const{tip:i={text:""}}=e??{},r={text:i.text??"",fontFamily:i.fontFamily??"",color:i.color??0,fontSize:i.fontSize??16},n=new ps.Text(r.text,{fontSize:r.fontSize,fontFamily:r.fontFamily,fill:r.color,align:"center"}),o=new ps.Graphics;o.addChild(n),this._idMap.set(t,{status:"init",loadingBox:s,graphics:o,ticker:new ps.Ticker,tip:r}),this._pageDataUtils.addLoadingItems([t]),e?.clearSelected&&this._pageDataUtils.removeSelectedItems([t])}}delete(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])}}update(t,e){const i=this._idMap.get(t);if(!i)return void console.warn(`Loading item ${t} not found.`);const s=i.graphics.children[0];s&&(i.tip={...i.tip,...e.tip},s.text=i.tip.text,i.tip.fontFamily&&(s.style.fontFamily=i.tip.fontFamily),void 0!==i.tip.color&&(s.style.fill=i.tip.color))}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,r=.5;i.ticker.add(()=>{const t=this._pageDataUtils.getViewBoxById(e),{min:n,max:o}=k(t,i.loadingBox),a=o.x-n.x,c=o.y-n.y;r>.3?s=-.003:r<.05&&(s=.006),r+=s,i.graphics.clear(),i.graphics.beginFill(16777215,1),i.graphics.drawRect(n.x,n.y,a,c),i.graphics.endFill(),i.graphics.beginFill(14664959,r),i.graphics.drawRect(n.x,n.y,a,c),i.graphics.endFill();const h=Date.now()%2e3/2e3,l=2*a,p=n.x+h*(a+l)-l,d=100,m=l/d;for(let t=0;t<d;t++){const e=p+t*m;let s=1-Math.abs(t-50)/50;if(s*=s*s,s*=.3,e+m>n.x&&e<o.x){const t=Math.max(e,n.x),r=Math.min(e+m,o.x)-t;i.graphics.beginFill(14664959,s),i.graphics.drawRect(t,n.y,r,c),i.graphics.endFill()}}if(i.tip?.text){const t=i.tip.fontSize,e=i.graphics.children[0];e&&(e.style.fontWeight="bold",e.style.fontSize=Math.min(a/i.tip.text.length*.5,t),e.x=n.x+(a-e.width)/2,e.y=n.y+(c-e.height)/2)}}),i.ticker.start()}return t}},jr=class extends as{constructor(t,e){super(),d(this,"result",{type:"invalid"}),d(this,"interactionParam",{type:"none"}),d(this,"graphics",new ps.Graphics),d(this,"isShiftDown",!1),d(this,"_isLockScale",!1),d(this,"_pageDataUtils"),d(this,"_eventEmitter"),d(this,"type","picture-expand"),d(this,"cursorResult",{type:"normal",angle:0}),this._pageDataUtils=t,this._eventEmitter=e}get interactive(){return Tn.config.gestureHandlerConfig.pictureExpandGizmoEnabled}set interactive(t){t!==Tn.config.gestureHandlerConfig.pictureExpandGizmoEnabled&&(1!==this._pageDataUtils.getPageData()?.activeData.selectedItems?.length?console.warn("Selected items` length is not one, Picture expand gizmo can not open."):Tn.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 C(t.offsetX,t.offsetY),i=new C(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 C(t.clientX,t.clientY),{startMouse:s,box:r}=this.interactionParam,n=(new C).subtractVectors(i,s),{itemBox:o}=this.result,{min:a,max:c}=o;switch(this.interactionParam.type){case"move":{const{min:t,max:e}=r,i=c.x-e.x,s=a.x-t.x,h=c.y-e.y,l=a.y-t.y;n.x=Math.min(Math.max(n.x,i),s),n.y=Math.min(Math.max(n.y,h),l);const p=r.clone().translate(n);this.result.normalizeExpandBox=M(o,p),this._eventEmitter.emit("expandBoxChange",this.getExpandBox());break}case"scale":{const{index:t}=this.interactionParam,{min:i,max:s}=r,h=r.corners[t],l=r.corners[(t+2)%4],p=new C(h.x+n.x,h.y+n.y);if(h.x>=s.x?p.x=Math.max(p.x,c.x):h.x<=i.x?p.x=Math.min(p.x,a.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,a.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:n,y:o}=t.getSize(),{x:d,y:m}=r.getSize();if((e=this.interactionParam).lockedAspect??(e.lockedAspect=n/o),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,a.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,a.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=M(o,(new G).setFromVec2ArrayWithOutCorners([p,l])),this._eventEmitter.emit("expandBoxChange",this.getExpandBox());break}case"direction-scale":{const{index:t,point:e}=this.interactionParam,i=r.corners[t].clone();e.x>=c.x?(n.x=Math.max(r.corners[t].x+n.x,c.x)-i.x,n.y=0):e.x<=a.x&&(n.x=Math.min(r.corners[t].x+n.x,a.x)-i.x,n.y=0),e.y>=c.y?(n.y=Math.max(r.corners[t].y+n.y,c.y)-i.y,n.x=0):e.y<=a.y&&(n.y=Math.min(r.corners[t].y+n.y,a.y)-i.y,n.x=0);const s=r.corners.map((e,i)=>[t,(t+1)%4].includes(i)?e.clone().add(n):e.clone());this.result.normalizeExpandBox=M(o,(new G).setFromVec2Array(s)),this._eventEmitter.emit("expandBoxChange",this.getExpandBox());break}}}endAction(t){if(!this.interactive||"none"===this.interactionParam.type)return;const e=new C(t.offsetX,t.offsetY),i=new C(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(Z(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 G(new C,new C(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:r,expandBoxCornerRadius:n,expandBoxCornerFillColor:o,expandBoxCornerLineWidth:a,expandBoxCornerLineColor:c,expandBoxCornerLineAlpha:h,gridLineWidth:l,gridLineColor:p,gridLineAlpha:d,gridCount:m}=Tn.config.gestureHandlerConfig.pictureExpandGizmoConfig,{normalizeExpandBox:g,itemBox:u}=this.result,f=k(u,g);this.graphics.beginFill(t,e),this.graphics.fillBox(f),this.graphics.endFill();const{min:y,max:x}=f,w=f.getSize().x/(m+1),I=f.getSize().y/(m+1);this.graphics.lineStyle(l,p,d);for(let t=1;t<=m;t++){const e=new U(new C(y.x+w*t,y.y),new C(y.x+w*t,x.y)),i=new U(new C(y.x,y.y+I*t),new C(x.x,y.y+I*t));this.graphics.drawLine(e),this.graphics.drawLine(i)}return this.graphics.lineStyle(i,s,r),this.graphics.drawBox(f),this.graphics.beginFill(o),this.graphics.lineStyle(a,c,h),f.corners.forEach(t=>{this.graphics.drawCircle(t.x,t.y,n)}),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,r=k(s,i);let n=!1,o=0;r.corners.forEach((i,s)=>{n||i.distanceTo(t)<Tn.config.gestureHandlerConfig.pictureExpandGizmoConfig.scaleInteractionDistance&&(n=!0,this.interactionParam={type:"scale",index:s,box:r.clone(),startMouse:e},o=Math.PI/2*s)}),r.corners.forEach((i,s)=>{if(n)return;const a=new U(i.clone(),r.corners[(s+1)%4]),c=t.distanceToLine(a);if(c.d>=0&&c.d<=8&&c.t>=0&&c.t<=1){n=!0;const t=a.at(c.t);this.interactionParam={type:"direction-scale",index:s,point:t,box:r.clone(),startMouse:e},o=Math.PI/2*s+Math.PI/4}}),r.containsPoint(t)&&!n&&(this.interactionParam={type:"move",point:t.clone(),box:r.clone(),startMouse:e},n=!0),this.refreshCursorResult(this.interactionParam.type,o*D)}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 k(e,i)}setExpandBox(t,e){const[i]=this._pageDataUtils.getSelectedItems();if(!this.interactive||"invalid"===this.result.type||!i)return;const s=new G(t,e),r=this._pageDataUtils.getItemBoxById(i.id),{min:n,max:o}=M(r,s);this.result.normalizeExpandBox.set(new C(Math.min(n.x,0),Math.min(n.y,0)),new C(Math.max(o.x,1),Math.max(o.y,1)));const a=this.getExpandBox();return this._eventEmitter.emit("expandBoxChange",a),a}},Kr={fontSize:14,fill:16777215,align:"center",lineHeight:16},$r=class extends as{constructor(t,e){super(),d(this,"type","sprite-text-edit"),d(this,"_pageDataUtils"),d(this,"_eventEmitter"),d(this,"graphics",new ps.Graphics),d(this,"editGraphics",new ps.Graphics),d(this,"preSelectedText",new ps.Text("",Kr)),d(this,"result",[]),d(this,"interactionParam",{preSelected:-1,selected:-1}),d(this,"clearPreSelected",!1),this._pageDataUtils=t,this._eventEmitter=e,this.preSelectedText.resolution=3}get interactive(){return Tn.config.gestureHandlerConfig.spriteTextEditGizmoEnabled}set interactive(t){t!==Tn.config.gestureHandlerConfig.spriteTextEditGizmoEnabled&&(Tn.config.gestureHandlerConfig.spriteTextEditGizmoEnabled=t)}preparationAction(t){const e=new C(t.offsetX,t.offsetY);return this.interactionParam.preSelected=-1,this.result.forEach((t,i)=>{if(this.interactionParam.preSelected>=0)return;k(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:r,box:n,hasChanged:o}=i,a=n.map(t=>new C(...t).add(e.min)),c=(new G).setFromVec2Array(a),h=M(e,c);this.result.push({id:t.id,index:s,hasChanged:o,text:r,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.editGraphics.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:r,hasChangedEditBoxColor:n,hasChangedEditBoxAlpha:o,hasChangedEditBoxPreSelectedColor:a,hasChangedEditBoxPreSelectedAlpha:c,editBoxLineColor:h,editBoxLineAlpha:l,editBoxLinePreSelectedAlpha:p,editBoxLinePreSelectedColor:d,hasChangedEditBoxLineColor:m,hasChangedEditBoxLineAlpha:g,hasChangedEditBoxLinePreSelectedColor:u,hasChangedEditBoxLinePreSelectedAlpha:f}=Tn.config.gestureHandlerConfig.spriteTextEditGizmoConfig;this.result.forEach((h,l)=>{const p=l===this.interactionParam.preSelected&&!this.clearPreSelected,{box:d,id:m,hasChanged:g,isEditing:u}=h,f=k(this._pageDataUtils.getViewBoxById(m),d);if(g){const t=g?p?a:n:p?s:e,h=g?p?c:o:p?r:i;this.editGraphics.beginFill(t,h),this.editGraphics.fillBox(f),this.editGraphics.endFill()}else{const t=g?p?a:n:p?s:e,h=g?p?c:o:p?r:i;this.graphics.beginFill(t,h),this.graphics.fillBox(f),this.graphics.endFill()}const y=f.getCenter(),x=f.getSize();if(u){const e=this.processText(h.text,Kr,x.x/t,Math.floor(x.y/t/16));this.preSelectedText.style.wordWrapWidth=x.x/t,this.preSelectedText.text=e,this.preSelectedText.scale.x=t,this.preSelectedText.scale.y=t,this.preSelectedText.anchor.set(.5,.5),this.preSelectedText.x=y.x,this.preSelectedText.y=y.y}}),this.result.forEach((t,e)=>{const i=e===this.interactionParam.preSelected&&!this.clearPreSelected,{box:s,id:r,hasChanged:n}=t,o=k(this._pageDataUtils.getViewBoxById(r),s);if(n){const t=n?i?u:m:i?d:h,e=n?i?f:g:i?p:l;o.corners.forEach((i,s)=>{const r=i.clone(),n=o.corners[(s+1)%4].clone(),a=(new C).subtractVectors(n,r).angle()*D;if([180,270].includes(a)){const t=n.clone();n.copyFrom(r),r.copyFrom(t)}this.editGraphics.lineStyle(1,t,e),this.editGraphics.moveTo(...r.toArray()),this.editGraphics.lineTo(...n.toArray())})}else{const t=n?i?u:m:i?d:h,e=n?i?f:g:i?p:l;o.corners.forEach((i,s)=>{const r=i.clone(),n=o.corners[(s+1)%4].clone(),a=(new C).subtractVectors(n,r).angle()*D;if([180,270].includes(a)){const t=n.clone();n.copyFrom(r),r.copyFrom(t)}this.graphics.lineStyle(1,t,e),this.graphics.moveTo(...r.toArray()),this.graphics.lineTo(...n.toArray())})}})}getRenderObjects(){const t=!!this.result.find(t=>t.isEditing);this.clearPreSelected=!1;const e=[];return this.interactive?(e.push(this.graphics,this.editGraphics),t&&e.push(this.preSelectedText),e):e}processText(t,e,i,s){const r=[];let n="";const o=t.split(""),a=new ps.Text("",e);for(let t=0;t<o.length;t++){const e=o[t],c=n+e;if(a.text=c,a.width>i){if(r.push(n),r.length>=s){const t=r[s-1];t.length>2?r[s-1]=t.slice(0,-2)+"...":r[s-1]="...";break}n=e}else n=c;t===o.length-1&&n&&r.push(n)}return r.slice(0,s).join("\n")}},Yr=require("@pixi/sprite"),Jr=class extends as{constructor(t,e){super(),d(this,"type","video-play"),d(this,"result",{id:"",box:new G}),d(this,"interactionParam",{type:"none"}),d(this,"logoSprite"),d(this,"cursorResult",{type:"normal",angle:0}),d(this,"_pageDataUtils"),d(this,"_eventEmitter"),this._pageDataUtils=t,this._eventEmitter=e;const{logoUrl:i,width:s,height:r}=Tn.config.gestureHandlerConfig.videoPlayGizmoConfig;this.logoSprite=Yr.Sprite.from(i),this.logoSprite.width=s,this.logoSprite.height=r}get interactive(){return Tn.config.gestureHandlerConfig.videoPlayGizmoEnabled}set interactive(t){t!==Tn.config.gestureHandlerConfig.videoPlayGizmoEnabled&&(Tn.config.gestureHandlerConfig.videoPlayGizmoEnabled=t)}preparationAction(t){if(!this.interactive)return;const e=new C(t.offsetX,t.offsetY);return this.result.box.containsPoint(e)?this.interactionParam.type="preSelected":this.interactionParam.type="none",this.refreshCursorResult(),"none"===this.interactionParam.type?void 0:this.type}preAction(t,e){const i=this._pageDataUtils.getVideoItemPlayTime(this.result.id);return this._eventEmitter.emit("videoPlay",{id:this.result.id,time:i}),this.interactionParam.type="none",this.refreshCursorResult(),this.type}action(t){}endAction(t){}interruption(){}actionKey(t){}endActionKey(t){}cancelPreparation(){}refreshCursorResult(){switch(this.interactionParam.type){case"none":this.cursorResult={type:"normal",angle:0};break;case"preSelected":this.cursorResult={type:"pointer",angle:0}}}refreshResults(){if(!this.interactive)return;this.result={id:"",box:new G};const t=this._pageDataUtils.getSelectedItems();if(1!==t.length||"video"!==t[0]?.type)return;const e=t[0].id,{width:i,height:s,logoShift:r}=Tn.config.gestureHandlerConfig.videoPlayGizmoConfig,n=this._pageDataUtils.getViewBoxById(e),o=n.getSize();if(o.x<50||o.y<50)this.result.box.makeEmpty();else{const{max:t}=n,o=new C(t.x-r[0],t.y-r[1]),a=new C(i,s);this.result.id=e,this.result.box.setFromCenterAndSize(o,a)}}getRenderObjects(){if(!this.interactive||this.result.box.isEmpty())return[];const t=this.result.box.getCenter();return this.logoSprite.anchor.set(.5,.5),this.logoSprite.x=t.x,this.logoSprite.y=t.y,[this.logoSprite]}},Xr=require("@pixi/graphics"),qr=require("@galacean/effects"),Zr=class extends as{constructor(t,e){super(),d(this,"type","item-create"),d(this,"_createType","none"),d(this,"cursorResult",{type:"normal",angle:0}),d(this,"_pageDataUtils"),d(this,"_eventEmitter"),d(this,"graphics",new Xr.Graphics),d(this,"dragStartPoint",null),d(this,"dragCurrentPoint",null),d(this,"isDragging",!1),d(this,"frameBox",null),d(this,"frameChildren",[]),d(this,"interactiveChildrenBoxes",new Map),this._pageDataUtils=t,this._eventEmitter=e}get interactive(){return Tn.config.gestureHandlerConfig.itemCreateGizmoEnabled}set interactive(t){t!==Tn.config.gestureHandlerConfig.itemCreateGizmoEnabled&&(t&&this._pageDataUtils.clearSelectedItems(),Tn.config.gestureHandlerConfig.itemCreateGizmoEnabled=t,this._createType=t?this._createType:"none")}get createType(){return this._createType}set createType(t){t!==this._createType&&(this._createType=t,this.refreshCursorResult())}preparationAction(t){return this.interactive?this.type:void 0}preAction(t,e){if(this.interactive)return"frame"===this._createType&&(this.dragStartPoint=new C(t.offsetX,t.offsetY),this.dragCurrentPoint=this.dragStartPoint.clone(),this.isDragging=!0,this.frameBox=null,this.frameChildren=[],this.refreshInteractiveChildrenBoxes()),this.type}action(t){if(this.frameChildren=[],"frame"===this._createType&&this.isDragging&&this.dragStartPoint){this.dragCurrentPoint=new C(t.offsetX,t.offsetY);const e=Math.min(this.dragStartPoint.x,this.dragCurrentPoint.x),i=Math.min(this.dragStartPoint.y,this.dragCurrentPoint.y),s=Math.max(this.dragStartPoint.x,this.dragCurrentPoint.x),r=Math.max(this.dragStartPoint.y,this.dragCurrentPoint.y);this.frameBox=new G(new C(e,i),new C(s,r)),this.interactiveChildrenBoxes.forEach((t,e)=>{this.frameBox?.containsBox(t)&&this.frameChildren.push(e)})}}endAction(t){const e=(0,qr.generateGUID)();if("frame"===this._createType){let i=!1;if(this.isDragging&&this.dragStartPoint){i=this.dragStartPoint.distanceTo(new C(t.offsetX,t.offsetY))>=10}const s=i&&this.frameBox&&!this.frameBox.isEmpty()?this._pageDataUtils.interactionUtils.getPixelPositionByViewPoint(this.frameBox.getCenter()):this._pageDataUtils.interactionUtils.getPixelPositionByViewPoint(new C(t.offsetX,t.offsetY));if(i&&this.frameBox&&!this.frameBox.isEmpty()){const t=this.frameBox.getSize(),i=this._pageDataUtils.interactionUtils.getPixelSizeByViewSize(t),r={type:"frame",id:e,name:"画板",property:{width:i.x,height:i.y,position:[s.x,s.y],layoutMode:"free",children:this.frameChildren}};this._pageDataUtils.addFrameItem(r)}else{const t={type:"frame",id:e,name:"画板",property:{width:1048,height:1048,position:[s.x,s.y],layoutMode:"free",children:this.frameChildren}};this._pageDataUtils.addFrameItem(t)}return this.resetDragState(),void this._eventEmitter.emit("itemCreate",{type:this._createType,id:e,position:s.toArray()})}if("text"===this._createType){const i=this._pageDataUtils.interactionUtils.getPixelPositionByViewPoint(new C(t.offsetX,t.offsetY)).toArray();return void this._eventEmitter.emit("itemCreate",{type:this.createType,id:e,position:i})}if("none"!==this._createType){const i=this._pageDataUtils.interactionUtils.getPixelPositionByViewPoint(new C(t.offsetX,t.offsetY)).toArray();this._eventEmitter.emit("itemCreate",{type:this.createType,id:e,position:i})}}interruption(){return this.resetDragState(),this.type}resetDragState(){this.isDragging=!1,this.dragStartPoint=null,this.dragCurrentPoint=null,this.frameBox=null,this.graphics.clear()}actionKey(t){}endActionKey(t){}cancelPreparation(){}refreshResults(){if(this.graphics.clear(),"frame"===this._createType&&this.isDragging&&this.frameBox&&!this.frameBox.isEmpty()){const{min:t,max:e}=this.frameBox,i=e.x-t.x,s=e.y-t.y,{frameFillAlpha:r,frameFillColor:n,frameBorderAlpha:o,frameBorderColor:a,frameBorderWidth:c,frameChildBoxAlpha:h,frameChildBoxColor:l}=Tn.config.gestureHandlerConfig.itemCreateGizmoConfig;this.graphics.lineStyle(c,a,o),this.graphics.drawRect(t.x,t.y,i,s),this.graphics.beginFill(n,r),this.graphics.drawRect(t.x,t.y,i,s),this.graphics.endFill(),this.frameChildren.forEach(t=>{const e=this.interactiveChildrenBoxes.get(t);if(!e)return;const{min:i,max:s}=e,r=s.x-i.x,n=s.y-i.y;this.graphics.beginFill(l,h),this.graphics.drawRect(i.x,i.y,r,n),this.graphics.endFill()})}}getRenderObjects(){return"frame"===this._createType&&this.isDragging?(this.refreshResults(),[this.graphics]):[]}refreshCursorResult(){switch(this._createType){case"text":this.cursorResult={type:"text-create",angle:0};break;case"frame":this.cursorResult={type:"frame-create",angle:0};break;case"none":case"sprite-generator":case"video-generator":this.cursorResult={type:"normal",angle:0}}}refreshInteractiveChildrenBoxes(){const t=this._pageDataUtils.getPageData()?.items;if(!t?.length)return[];const e=t.flatMap(t=>xt(t)?[t.id]:vt(t)?[t.id,...t.children]:[]);t.forEach(t=>{if(e.includes(t.id))return;const i=this._pageDataUtils.getViewBoxById(t.id);this.interactiveChildrenBoxes.set(t.id,i)})}},Qr=class{constructor(t){d(this,"wireframeApplication"),d(this,"gizmos",[]),d(this,"activeGizmo"),d(this,"selectorGizmo"),d(this,"transformGizmo"),d(this,"controlGizmo"),d(this,"preferenceGizmo"),d(this,"pictureCutGizmo"),d(this,"pictureExpandGizmo"),d(this,"textGizmo"),d(this,"maskGizmo"),d(this,"loadingGizmo"),d(this,"spriteTextEditGizmo"),d(this,"videoPlayGizmo"),d(this,"itemCreateGizmo"),d(this,"_ignoreInteraction",!1),d(this,"clickButtons",0),d(this,"container"),d(this,"_emitter"),d(this,"clickTime",0),d(this,"firstClick",!0),d(this,"dblclickTimeSpan",500),d(this,"spaceEmit",!1),d(this,"interactType","select"),this.gizmos=[];const{width:e,height:i}=t.getBoundingClientRect();this.wireframeApplication=new os.Application({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(bs).map(([t,e])=>{const{url:i}=e;if(i)return fetch(i).then(t=>t.text()).then(i=>bs[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 Is||this.activeGizmo instanceof xr||this.activeGizmo instanceof jr||this.activeGizmo instanceof Nr||this.activeGizmo instanceof Or||this.activeGizmo instanceof cs||this.activeGizmo instanceof Jr||this.activeGizmo instanceof Zr?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 cs(t),this.selectorGizmo=new ls(t);const i=new Cs;this.transformGizmo=new Is(t,i,this.selectorGizmo),this.preferenceGizmo=new Ps(t),this.pictureCutGizmo=new xr(t,e),this.pictureExpandGizmo=new jr(t,e),this.textGizmo=new Or(t,i,this.selectorGizmo,e,this.wireframeApplication?.view.parentElement),this.textGizmo.rotationSprite.texture=await Wr.Texture.fromURL(Tn.config.gestureHandlerConfig.textGizmoConfig.rotationCornerTexture),this.maskGizmo=new Nr(t,this.wireframeApplication,e),this.loadingGizmo=new Hr(t),this.spriteTextEditGizmo=new $r(t,e),this.videoPlayGizmo=new Jr(t,e),this.itemCreateGizmo=new Zr(t,e),this.gizmos.push(this.itemCreateGizmo,this.maskGizmo,this.spriteTextEditGizmo,this.pictureCutGizmo,this.pictureExpandGizmo,this.loadingGizmo,this.videoPlayGizmo,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","video-play"].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);e&&!["selector","transform"].includes(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),"selector"!==this.activeGizmo?.type&&this.selectorGizmo&&(this.selectorGizmo.clearResult=!0),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);i&&!["selector","transform"].includes(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.container.removeChild(this.wireframeApplication.view),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","pointer","text-create","frame-create"].includes(t.type)){const i=bs[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;this.setInteractType("select");const t=JSON.parse(JSON.stringify(Tn.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,this.itemCreateGizmo.interactive=!1);const e=JSON.parse(JSON.stringify(Tn.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}closePictureCutGizmo(){if(!this.pictureCutGizmo)return;const t=JSON.parse(JSON.stringify(Tn.config));this.pictureCutGizmo.interactive=!1,this.transformGizmo.interactive=!0,this.selectorGizmo.interactive=!0,this.textGizmo.interactive=!0;const e=JSON.parse(JSON.stringify(Tn.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;this.setInteractType("select");const t=JSON.parse(JSON.stringify(Tn.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,this.itemCreateGizmo.interactive=!1);const e=JSON.parse(JSON.stringify(Tn.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}closePictureExpandGizmo(){if(!this.pictureExpandGizmo)return;const t=JSON.parse(JSON.stringify(Tn.config));this.pictureExpandGizmo.interactive=!1,this.transformGizmo.interactive=!0,this.selectorGizmo.interactive=!0,this.textGizmo.interactive=!0;const e=JSON.parse(JSON.stringify(Tn.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;this.setInteractType("select");const e=JSON.parse(JSON.stringify(Tn.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,this.itemCreateGizmo.interactive=!1);const i=JSON.parse(JSON.stringify(Tn.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(Tn.config));this.maskGizmo.interactive=!1,this.maskGizmo.close(),this.transformGizmo.interactive=!0,this.selectorGizmo.interactive=!0;const e=JSON.parse(JSON.stringify(Tn.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}setMaskGizmoConfig(t){this.maskGizmo&&(this.maskGizmo.config=t,this.render())}getMask(){if(this.maskGizmo)return this.maskGizmo.getMask()}setMaskGizmoMode(t){this.maskGizmo&&this.maskGizmo.setMode(t)}openLoadingGizmo(t,e){if(!this.loadingGizmo)return;const i=JSON.parse(JSON.stringify(Tn.config));this.loadingGizmo.add(t,e),this.loadingGizmo.interactive&&(this.maskGizmo.interactive=!1,this.pictureCutGizmo.interactive=!1,this.pictureExpandGizmo.interactive=!1,this.itemCreateGizmo.interactive=!1);const s=JSON.parse(JSON.stringify(Tn.config));this.render(),this._emitter?.emit("sdkConfigChange",i,s)}updateLoadingGizmo(t,e){if(!this.loadingGizmo)return;const i=JSON.parse(JSON.stringify(Tn.config));this.loadingGizmo.update(t,e);const s=JSON.parse(JSON.stringify(Tn.config));this.render(),this._emitter?.emit("sdkConfigChange",i,s)}closeLoadingGizmo(t){if(!this.loadingGizmo)return;const e=JSON.parse(JSON.stringify(Tn.config));this.loadingGizmo.delete(t);const i=JSON.parse(JSON.stringify(Tn.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}maskGizmoUndo(){if(!this.maskGizmo)return!1;const t=this.maskGizmo.undo();return t&&this.render(),t}maskGizmoRedo(){if(!this.maskGizmo)return!1;const t=this.maskGizmo.redo();return t&&this.render(),t}get maskGizmoCanUndo(){return this.maskGizmo?.canUndo??!1}get maskGizmoCanRedo(){return this.maskGizmo?.canRedo??!1}clearMaskGizmoUndoRedo(){this.maskGizmo?.clearUndoRedo()}pictureCutGizmoUndo(){if(!this.pictureCutGizmo)return!1;const t=this.pictureCutGizmo.undo();return t&&this.render(),t}pictureCutGizmoRedo(){if(!this.pictureCutGizmo)return!1;const t=this.pictureCutGizmo.redo();return t&&this.render(),t}get pictureCutGizmoCanUndo(){return this.pictureCutGizmo?.canUndo??!1}get pictureCutGizmoCanRedo(){return this.pictureCutGizmo?.canRedo??!1}clearPictureCutGizmoUndoRedo(){this.pictureCutGizmo?.clearUndoRedo()}openSpriteTextGizmo(t){if(!this.spriteTextEditGizmo)return;this.setInteractType("select");const e=JSON.parse(JSON.stringify(Tn.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,this.itemCreateGizmo.interactive=!1);const i=JSON.parse(JSON.stringify(Tn.config));this.render(),this._emitter?.emit("sdkConfigChange",e,i)}closeSpriteTextEditGizmo(){if(!this.spriteTextEditGizmo)return;const t=JSON.parse(JSON.stringify(Tn.config));this.spriteTextEditGizmo.interactive=!1,this.spriteTextEditGizmo.clearResult(),this.transformGizmo.interactive=!0,this.selectorGizmo.interactive=!0;const e=JSON.parse(JSON.stringify(Tn.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)}openItemCreateGizmo(t){if(!this.itemCreateGizmo)return;this.setInteractType("select");const e=JSON.parse(JSON.stringify(Tn.config));this.itemCreateGizmo.interactive=!0,this.itemCreateGizmo.createType=t;const i=JSON.parse(JSON.stringify(Tn.config));this.itemCreateGizmo.interactive&&(this.maskGizmo.interactive=!1,this.pictureCutGizmo.interactive=!1,this.pictureExpandGizmo.interactive=!1,this.transformGizmo.interactive=!1,this.selectorGizmo.interactive=!1,this.spriteTextEditGizmo.interactive=!1),this.render(),this._emitter?.emit("sdkConfigChange",e,i)}closeItemCreateGizmo(){if(!this.itemCreateGizmo)return;const t=JSON.parse(JSON.stringify(Tn.config));this.itemCreateGizmo.interactive=!1,this.transformGizmo.interactive=!0,this.selectorGizmo.interactive=!0;const e=JSON.parse(JSON.stringify(Tn.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}},tn=p(require("jszip"),1),en=p(require("jszip"),1),sn="ready",rn="executable",nn="dispose",on={APNG:"APNG",MP4:"MP4",WebM:"WebM",Images:"Images",WebP:"WebP",GIF:"GIF",AlphaMaskVideo:"AlphaMaskVideo"},an="idle",cn="convertImage",hn="transcoding",ln="audio",pn="jpeg",dn="webp",mn="png",gn=(on.MP4,on.WebP,on.APNG,on.GIF,on.AlphaMaskVideo,on.Images,on.MP4,on.WebP,on.APNG,on.GIF,on.AlphaMaskVideo,on.Images,"default"),un="exporting",fn="success",yn="error",xn={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"},wn={highest:"1",high:"3",medium:"6",low:"9"},In=class{constructor(t){d(this,"sampleRate"),d(this,"duration"),d(this,"channels");const{sampleRate:e=44100,duration:i=1,channels:s=2}=t??{};this.sampleRate=e,this.duration=i,this.channels=s}getBuffer(){const t=this.sampleRate*this.duration*this.channels*2,e=44+t,i=new ArrayBuffer(e),s=new DataView(i);let r=0;const n=t=>{for(let e=0;e<t.length;e++)s.setUint8(r++,t.charCodeAt(e))},o=t=>{s.setUint32(r,t,!0),r+=4},a=t=>{s.setUint16(r,t,!0),r+=2};n("RIFF"),o(e-8),n("WAVE"),n("fmt "),o(16),a(1),a(this.channels),o(this.sampleRate),o(this.sampleRate*this.channels*2),a(2*this.channels),a(16),n("data"),o(t);for(let e=0;e<t;e++)s.setUint8(r++,0);return new Uint8Array(i)}},vn=["@vvfx/sdk","exporter"],Cn=class extends x.EventEmitter{constructor(t){super(),d(this,"status",sn),d(this,"stage",an),d(this,"player"),u(this,wr),u(this,Ir),u(this,vr,0),u(this,Cr),u(this,Pr),u(this,Sr),u(this,br),u(this,Dr,[]),u(this,zr),u(this,Tr),u(this,Er,[]),u(this,Ar,0),u(this,_r),u(this,Br,[]),u(this,kr,0),u(this,Mr,0),u(this,Ur,0),u(this,Gr,0),u(this,Fr,[]),u(this,Rr,[]),u(this,Lr,null),u(this,Vr,!0),f(this,wr,ns({loggerInTranscoding:!1,multiThreading:!1},t)),this.onInit()}setMediaType(t){t!==g(this,wr).mediaType&&(g(this,wr).mediaType=t,this.onReset(),this.clearAllListeners(),this.onInit())}setOptions(t){const e=ns({},g(this,wr),t);g(this,wr).mediaType!==e.mediaType&&this.setMediaType(e.mediaType),f(this,wr,e)}get canceled(){return this.status===nn}get config(){const t=this.player?.getCompositions()??[],e=t?.[0],i=e?.name??(new Date).getTime().toString(),s=e?.getDuration()??0,r=e?.startTime??0,n=g(this,_r)?.time;return{name:i,startTime:r,oldTotalTime:s,newTotalTime:n,fps:g(this,_r)?.fps??30,backgroundColor:g(this,_r)?.backgroundColor??"#000000",loop:g(this,_r)?.loop??!0,audioEnable:g(this,_r)?.audioEnable??!1}}get mp4Config(){return g(this,_r)?.mp4Config}get gifConfig(){return g(this,_r)?.gifConfig}get apngConfig(){return g(this,_r)?.apngConfig}get progress(){const t=g(this,Mr)||1,e=g(this,Ur)||1,i=Math.min(t/e,1),s=Math.min(g(this,kr),t)/t*.4,r=Math.min(g(this,Gr),t)/t*.6,n=Math.min(s+r,1);g(this,Br)[g(this,Ar)]=i;const o=g(this,Br).reduce((t,e,i)=>i<g(this,Ar)?t+(e||0):t,0)+n*i;return Math.min((a=o,Math.round(100*a)/100),1);var a}get transImageType(){return g(this,wr).mediaType===on.MP4?pn:g(this,wr).mediaType===on.WebP?dn:mn}async onInit(){try{tt("log",[...vn,"ready"],"starting"),this.status=sn,await this.loadHelper(g(this,wr).mediaType),this.status=rn,tt("log",[...vn,"ready"],"success"),this.emit("ready",g(this,wr).mediaType)}catch(t){this.status=nn,this.onError(t)}finally{return this.status}}onReset(){this.stage=an,clearTimeout(g(this,Ir)),window.cancelAnimationFrame(g(this,vr)),f(this,vr,0),f(this,Ir,void 0),this.player?.pause(),this.clearTaskInfo(),this.setProgress()}onError(t){tt("log",[...vn,"error"],t),this.onFinish(!1,g(this,Fr),g(this,Rr),g(this,Lr)),this.emit("error",t),this.dispose()}onFinish(t,e,i,s){tt("log",[...vn,"finish"],t?"success":"failed"),this.emit("progress",1),this.emit("finish",t,e,i,s)}async loadHelper(t){const e="WebP"===t&&!g(this,Sr),i=[on.MP4,on.APNG,on.GIF,on.AlphaMaskVideo].includes(t)&&!g(this,Pr);e&&f(this,Sr,await async function(){return new Promise(async(t,e)=>{try{await et(pr.SCRIPT,{crossOrigin:"anonymous"});const e={locateFile:(t,e)=>t.endsWith("createWebPCore.wasm")?pr.WASM:e+t};t(await window.createWebPCore(e))}catch(t){e(t)}})}()),i&&(f(this,Pr,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??{},r=new e,n=!!s,o={classWorkerURL:await i(dr.CLASSWORKER,"text/javascript"),coreURL:"",wasmURL:""};return n?(o.coreURL=await i(dr.MT.CORE,"text/javascript"),o.wasmURL=await i(dr.MT.WASM,"application/wasm"),o.workerURL=await i(dr.MT.WORKER,"text/javascript")):(o.coreURL=await i(dr.DEFAULT.CORE,"text/javascript"),o.wasmURL=await i(dr.DEFAULT.WASM,"application/wasm")),await r.load(o),r}catch(t){throw t instanceof Error?t:new Error(`Unknown error occurred while loading FFmpeg: ${String(t)}`)}}({multiThreading:g(this,wr).multiThreading})),(0,x.assertExist)(g(this,Pr)),g(this,Pr).on("log",({message:t})=>{if(g(this,wr).loggerInTranscoding&&tt("log",[...vn,"transcoding log"],t),this.canceled||this.stage!==hn)return;const e=/frame=\s*(\d+)/.exec(t),i=e?.[1],s=Number(i);s>=g(this,Gr)&&this.setProgress({currentTaskInTranscodingFrameIndex:s})}))}getAllTaskFrames(t){return t.reduce((t,e)=>{const{scene:i,fps:s}=e,r=i.compositions?.[0]?.duration??0;return t+Math.round(r*(s??30))},0)}setProgress(t){void 0!==t?.completedTaskPercentArray&&f(this,Br,t.completedTaskPercentArray),void 0!==t?.currentTaskFrameIndex&&f(this,kr,t.currentTaskFrameIndex),void 0!==t?.currentTaskTotalFrames&&f(this,Mr,t.currentTaskTotalFrames),void 0!==t?.currentTaskInTranscodingFrameIndex&&f(this,Gr,t.currentTaskInTranscodingFrameIndex),void 0!==t?.allTaskFrames&&f(this,Ur,t.allTaskFrames),this.emit("progress",this.progress)}forwardPlayerTime(t,e=!1){(0,x.assertExist)(this.player);const{oldTotalTime:i,startTime:s}=this.config;(0,x.assertExist)(i);const r=1e3*i-1e3*i%15;return t=Math.min(t,r/1e3),e?this.player.gotoAndPlay(t-s):this.player.gotoAndStop(t-s),t}getWavAudio(t){f(this,zr,new In),g(this,Pr)?g(this,Pr).writeFile(t,g(this,zr).getBuffer()):tt("log",[...vn,"getWavAudio"],"ffmpegCore is not ready")}async getImagesZip(t,e){const i=new en.default,s=i.folder(t);return(0,x.assertExist)(s),g(this,Er).forEach((t,i)=>{s.file(t,e[i])}),i.generateAsync({type:"arraybuffer"})}getWebP(){(0,x.assertExist)(g(this,Sr));const t=Math.round(1e3/this.config.fps/1),e="out.webp",i=`${g(this,Er).join(` -d ${t} `)} -d ${t} -o ${e} -loop ${this.config.loop?0:1}`.split(" "),s=g(this,Sr).cwrap("main","string",["number","number"]),[r,n]=function(t,e){const i=t._malloc(e.length*Uint32Array.BYTES_PER_ELEMENT);return e.forEach((e,s)=>{const r=t._malloc(e.length+1);t.writeAsciiToMemory(e,r),t.setValue(i+Uint32Array.BYTES_PER_ELEMENT*s,r,"i32")}),[e.length,i]}(g(this,Sr),i);Q(r&&n,"getWebP has error"),s(r,n);const o=g(this,Sr).FS.readFile(e);return g(this,Er).forEach(t=>{g(this,Sr)?.FS.unlink(t)}),o}async getAPNG(){(0,x.assertExist)(g(this,Pr));this.stage=hn;const t="export.apng",{fps:e,scale:i="-1:-1",quality:s="highest"}=this.apngConfig??{},r=[`scale=${i}:force_original_aspect_ratio=decrease:flags=lanczos`];e&&r.push(`fps=${e}`);if(0!==await g(this,Pr).exec(["-framerate",`${this.config.fps}`,"-start_number","1","-i",`image-%4d.${this.transImageType}`,"-vf",r.join(","),"-plays",this.config.loop?"0":"1","-compression_level",wn[s],"-y",t]))throw new Error("the command executed by ffmpeg to generate a apng failed.");return t}async getGIF(){(0,x.assertExist)(g(this,Pr));this.stage=hn;const t="export.gif",{fps:e,scale:i="-1:-1",quality:s="highest"}=this.gifConfig??{},r=[`scale=${i}:${xn[s]}`];e&&r.unshift(`fps=${e}`);if(0!==await g(this,Pr).exec(["-framerate",`${this.config.fps}`,"-start_number","1","-i",`image-%4d.${this.transImageType}`,"-loop",this.config.loop?"0":"-1","-vf",r.join(","),"-y",t]))throw new Error("the command executed by ffmpeg to generate a gif failed.");return t}async getMP4(t,e){(0,x.assertExist)(g(this,Pr));this.stage=hn;const i="export.mp4";let s;const r=e?",setpts=PTS/"+Math.round(t/e*100)/100:"",n=e??t,{isExportLastFrameJPEG:o}=this.mp4Config??{};this.config.audioEnable&&!g(this,zr)&&(f(this,Tr,"audio.wav"),this.getWavAudio(g(this,Tr)));if(0!==await g(this,Pr).exec(["-framerate",String(this.config.fps),"-start_number",String(1),"-i",`image-%4d.${this.transImageType}`,"-c:v","libx264","-crf","23","-pix_fmt","yuv420p","-vf",`pad=ceil(iw/2)*2:ceil(ih/2)*2${r}`,"-y",i]))throw new Error("the command executed by ffmpeg to generate a mp4 failed.");if(g(this,Tr)&&g(this,zr)){this.stage=ln,s="export-with-audio.mp4";if(0!==await g(this,Pr).exec(["-i",i,"-i",g(this,Tr),"-c:v","copy","-c:a","aac","-t",`${n}`,"-y",s]))throw new Error("the command executed by ffmpeg to generate a audio of video failed.")}const a=s??i;let c="";return o&&(c=`image-${gr(g(this,Mr),4)}.${this.transImageType}`),s&&g(this,Pr).deleteFile(i).catch(()=>{tt("log",[...vn,"ffmpeg delete file error"])}),{video:a,lastFrame:c}}async getAlphaMaskVideo(t,e){(0,x.assertExist)(g(this,Pr));this.stage=hn;const i="export.mp4",s=e?",setpts=PTS/"+Math.round(t/e*100)/100:"";return await g(this,Pr).exec(["-framerate",String(this.config.fps),"-start_number",String(1),"-i",`image-%4d.${this.transImageType}`,"-c:v","libx264","-crf","23","-pix_fmt","yuv420p","-vf",`pad=ceil(iw/2)*2:ceil(ih/2)*2${s}`,"-y",i]),i}async getVideoByType(t,e){(0,x.assertExist)(g(this,Pr));const i=g(this,wr).mediaType===on.APNG,s=g(this,wr).mediaType===on.GIF,r=g(this,wr).mediaType===on.AlphaMaskVideo,n=g(this,wr).mediaType===on.MP4;let o="",a="";try{if(i&&(o=await this.getAPNG()),s&&(o=await this.getGIF()),n){const{video:i,lastFrame:s}=await this.getMP4(t,e);o=i,a=s}r&&(o=await this.getAlphaMaskVideo(t,e)),this.stage=an}catch(t){throw tt("log",[...vn,"getVideoByType","failed"],t),t}let c=null,h=null;try{(0,x.assertExist)(o);const t=await g(this,Pr).readFile(o);if(c="string"==typeof t?(new TextEncoder).encode(t):new Uint8Array(t),a){const t=await g(this,Pr).readFile(a).catch(()=>{tt("log",[...vn,"ffmpeg read extra file error"])});h="string"==typeof t?(new TextEncoder).encode(t):new Uint8Array(t)}}finally{g(this,Pr).deleteFile(o).catch(()=>{tt("log",[...vn,"ffmpeg delete file error"])});for(const t of g(this,Er))t&&g(this,Pr).deleteFile(t)}return{data:c,extra:h}}onRecordWebM(t){const e=new MediaRecorder(t.captureStream(this.config.fps),{mimeType:"video/webm;codecs=vp9"});f(this,br,e),g(this,br).start(0);const i=[];g(this,br).ondataavailable=t=>{t.data.size>0&&i.push(t.data)},f(this,Dr,i)}async onExportImageFrame(t){try{if(this.canceled)return;const{canvas:e,imageBuffers:i,startTime:s,oldTotalTime:r,newTotalTime:n}=t;(0,x.assertExist)(this.player),(0,x.assertExist)(g(this,Cr));const o=g(this,kr)+1;this.stage=cn,this.setProgress({currentTaskInTranscodingFrameIndex:0,currentTaskFrameIndex:o}),g(this,wr).loggerInTranscoding&&tt("log",[...vn,"converting log"],`converting ${o} frame image`),o>=1&&this.forwardPlayerTime(o/this.config.fps+s),mr(g(this,Cr),e,this.config.backgroundColor);let a=e;g(this,wr).mediaType===on.AlphaMaskVideo&&((0,x.assertExist)(g(this,wr).extraCanvas),function(t,e){e.width=2*t.width,e.height=t.height;const i=t.getContext("2d");if(!i)throw new Error("inputCtx is null");const s=e.getContext("2d");if(!s)throw new Error("ctx is null");s.clearRect(0,0,e.width,e.height);const r=i.getImageData(0,0,t.width,t.height),n=i.getImageData(0,0,t.width,t.height),o=r.data;for(let t=0;t<o.length;t+=4){const e=Math.max(0,(o[t+3]??0)-5)/250*255;e<=0?(o[t]=0,o[t+1]=0,o[t+2]=0,o[t+3]=255):(o[t]=(o[t]??0)*e/255,o[t+1]=(o[t+1]??0)*e/255,o[t+2]=(o[t+2]??0)*e/255,o[t+3]=255)}s.putImageData(r,0,0);const a=n.data;for(let t=0;t<a.length;t+=4){const e=Math.max(0,(a[t+3]??0)-5)/250*255;a[t]=e,a[t+1]=e,a[t+2]=e,a[t+3]=255}s.putImageData(n,t.width,0)}(e,g(this,wr).extraCanvas),a=g(this,wr).extraCanvas);const c=await async function(t,e,i){return new Promise((s,r)=>{t.toBlob(t=>{t?s(t.arrayBuffer()):r("toBlob failed")},e,i)})}(a,`image/${this.transImageType}`,1),h=`image-${gr(o,4)}.${this.transImageType}`;g(this,wr).mediaType===on.Images?i.push(c):g(this,wr).mediaType===on.WebP?((0,x.assertExist)(g(this,Sr)),g(this,Sr).FS.writeFile(h,new Uint8Array(c))):((0,x.assertExist)(g(this,Pr)),await g(this,Pr).writeFile(h,new Uint8Array(c))),g(this,Er).push(h);if(o===g(this,Mr)){this.player?.pause(),await new Promise(t=>{window.requestAnimationFrame(t)});let t=null,e=null;if("Images"===g(this,wr).mediaType)t=await this.getImagesZip(this.config.name,i);else if("WebP"===g(this,wr).mediaType)t=this.getWebP();else if([on.MP4,on.APNG,on.GIF,on.AlphaMaskVideo].includes(g(this,wr).mediaType)){const{data:i,extra:s}=await this.getVideoByType(r,n)??null;t=i,e=s}t&&(tt("log",[...vn,"done"],"success"),this.emit("done",g(this,_r),!0,t,e))}else f(this,vr,window.requestAnimationFrame(()=>{this.canceled||this.onExportImageFrame({canvas:e,imageBuffers:i,startTime:s,oldTotalTime:r,newTotalTime:n})}))}catch(t){tt("log",[...vn,"onExportImageFrame","failed"],t),this.emit("done",g(this,_r),!1,void 0,void 0)}}async onExportWebMFrame(t){try{if(this.canceled)return;(0,x.assertExist)(this.player),(0,x.assertExist)(g(this,Cr));const e=g(this,kr)+1;if(this.stage=cn,this.setProgress({currentTaskInTranscodingFrameIndex:0,currentTaskFrameIndex:e}),g(this,wr).loggerInTranscoding&&tt("log",[...vn,"converting log"],`converting ${e} frame image`),mr(g(this,Cr),t,this.config.backgroundColor),1===e&&(this.player.play(),this.onRecordWebM(t)),e<g(this,Mr))f(this,vr,window.requestAnimationFrame(()=>{this.canceled||this.onExportWebMFrame(t)}));else{this.player?.pause(),g(this,br)?.stop();const t=new Blob(g(this,Dr),{type:"video/webm"}),e=await t.arrayBuffer();tt("log",[...vn,"done"],"success"),this.emit("done",g(this,_r),!0,e,void 0)}}catch(t){tt("log",[...vn,"done"],"failed",t),this.emit("done",g(this,_r),!1,void 0,void 0)}}async runTask(t){try{if(this.canceled)return;(0,x.assertExist)(this.player),(0,x.assertExist)(g(this,Cr));const{size:e,startTime:i,containerCanvas:s}=t,{oldTotalTime:r,newTotalTime:n}=this.config,[o,a]=e;if(g(this,Cr).width=o,g(this,Cr).height=a,s.width=o,s.height=a,this.player.resize(),f(this,Er,[]),[on.MP4,on.APNG,on.Images,on.WebP,on.GIF,on.AlphaMaskVideo].includes(g(this,wr).mediaType)){const t={canvas:s,imageBuffers:[],startTime:i,oldTotalTime:r,newTotalTime:n};await this.onExportImageFrame(t)}else"WebM"===g(this,wr).mediaType&&await this.onExportWebMFrame(s)}catch(t){tt("log",[...vn,"run task error"],t),this.emit("done",g(this,_r),!1,void 0,void 0)}}clearTaskInfo(){f(this,Ar,0),f(this,_r,void 0),f(this,Br,[]),f(this,kr,0),f(this,Mr,0),f(this,Ur,0),f(this,Gr,0),f(this,Fr,[]),f(this,Rr,[]),f(this,Lr,[]),f(this,Vr,!0)}clearFFMpegCore(){if(g(this,Pr)){for(const t of g(this,Er))t&&g(this,Pr).deleteFile(t);f(this,Er,[]),g(this,Pr).terminate(),f(this,Pr,void 0)}}clearImage2WebPCore(){g(this,Sr)&&(g(this,Sr).FS.quit(),f(this,Sr,void 0))}clearMediaRecorder(){g(this,br)&&(g(this,br).stop(),f(this,br,void 0)),f(this,Dr,[])}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,g(this,Fr),g(this,Rr),g(this,Lr)),this.status=nn,this.onReset(),this.clearMediaRecorder(),this.clearFFMpegCore(),this.clearImage2WebPCore(),this.clearAllListeners(),tt("log",vn,"canceled"))}async onExport(t){const e=t.length;try{if(this.status===sn)return tt("log",[...vn],"readying"),void this.on("ready",()=>{this.onExport(t)});if(this.status===nn){if(await this.onInit()===nn)throw new Error("init environment failed")}if(this.clearTaskInfo(),!g(this,Cr)){const t=document.createElement("canvas");t.dataset.key="player-canvas",f(this,Cr,t)}this.player||(this.player=new x.Player({canvas:g(this,Cr),pixelRatio:2,transparentBackground:!0,env:"editor",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=[],r=[];let n=!0;for(const[o,a]of t.entries()){if(this.canceled){n=!1;break}f(this,Ar,o),f(this,_r,a);const{size:t,scene:c}=a;await new Promise(async h=>{try{if(!this.player)throw new Error("player not found");tt("log",[...vn,"export"],"start",a),ur(this.player);const l=JSON.parse(JSON.stringify(c));await this.player.loadScene(l,{env:"editor",autoplay:!1});const p=this.config.oldTotalTime,d=0;this.player.pause(),this.setProgress({currentTaskFrameIndex:0,currentTaskTotalFrames:Math.round(p*this.config.fps)});const m=(t,e,c,l)=>{this.off("done",m),i[o]=a,e&&c?(s[o]=c,r[o]=l??null):n=!1,h()};this.on("done",m);const g={size:t,startTime:d,containerCanvas:e};await this.runTask(g)}catch(t){tt("log",[...vn,"export error"],t),n=!1,h()}})}f(this,Fr,i),f(this,Rr,s),f(this,Lr,r),f(this,Vr,n)}catch(t){this.onError(t),f(this,Vr,!1)}e>=1&&g(this,Vr)?this.onFinish(!0,g(this,Fr),g(this,Rr),g(this,Lr)):this.onFinish(!1,g(this,Fr),g(this,Rr),g(this,Lr))}dispose(){this.status=nn,this.onReset(),this.clearMediaRecorder(),this.clearFFMpegCore(),this.clearImage2WebPCore(),this.clearAllListeners(),this.player?.dispose(),this.player=void 0,g(this,Cr)?.remove(),f(this,Cr,void 0),f(this,Tr,void 0),f(this,zr,void 0)}};wr=new WeakMap,Ir=new WeakMap,vr=new WeakMap,Cr=new WeakMap,Pr=new WeakMap,Sr=new WeakMap,br=new WeakMap,Dr=new WeakMap,zr=new WeakMap,Tr=new WeakMap,Er=new WeakMap,Ar=new WeakMap,_r=new WeakMap,Br=new WeakMap,kr=new WeakMap,Mr=new WeakMap,Ur=new WeakMap,Gr=new WeakMap,Fr=new WeakMap,Rr=new WeakMap,Lr=new WeakMap,Vr=new WeakMap;var Pn={[on.MP4]:{suffix:"mp4",error:"export mp4 is error"},[on.GIF]:{suffix:"gif",error:"export gif is error"},[on.Images]:{suffix:"zip",error:"export Images is error"},[on.APNG]:{suffix:"apng",error:"export APNG is error"},[on.WebP]:{suffix:"webp",error:"export WebP is error"},[on.AlphaMaskVideo]:{suffix:"mp4",error:"export AlphaMaskVideo is error"},[on.WebM]:{suffix:"webm",error:"export WebM is error"}},Sn=class extends x.EventEmitter{constructor(t){super(),d(this,"_options"),d(this,"_status",gn),d(this,"_exportMedia"),this._options=t,this._exportMedia=new Cn(t)}get status(){return this._status}setOptions(t){const e=ns({},this._options,t);this._options=e,this._exportMedia.setOptions(e)}downloadByMediaBuffers(t,e,i){const{suffix:s,error:r}=Pn[this._options.mediaType];if(!e?.length||!s)return void tt("info",["@vvfx/sdk","downloadByMediaBuffers is error","buffers or suffix is empty"]);const n=t[0]?.folderName,o=new tn.default;e.forEach((e,r)=>{if(!e)return;const{name:n}=t[r]??{};n&&(o.file(`${n}.${s}`,e),i?.[r]?.byteLength&&o.file(`${n}.jpeg`,i[r]))}),o.generateAsync({type:"blob"}).then(t=>{it(t,`${n}.zip`,"application/zip")}).catch(t=>{tt("error",["@vvfx/sdk"],r??"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=yn,tt("error",["@vvfx/sdk"],"export is error",t)}onExport(t){this._status=un,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,r)=>{this._status=e?fn:yn,this.emit("complete",e,i,s,r),!this._options.isOutputBuffer&&s&&0!==s.length&&this.downloadByMediaBuffers(t,s,r)}),this._exportMedia.on("error",this.onExportError.bind(this))}onCancel(){this._status=yn,this._exportMedia.onCancel(),this.emit("complete",!1,[],[],[])}dispose(){this._exportMedia.dispose()}},bn=class{constructor(){d(this,"enabled",!0),d(this,"_player"),d(this,"_container"),this._container=document.createElement("canvas"),this._player=new x.Player({canvas:this._container,manualRender:!0,pixelRatio:2,env:"editor",renderOptions:{willCaptureImage:!0}})}async generate(t,e,i,s,r){if(!Tn.config.screenShotConfig.enabled)return void console.warn("Screen shot is not opened, use #SDK.setConfig() open this feature.");ur(this._player);const[n,o]=e;this._container.width=n,this._container.height=o,this._player.resize();const a="string"==typeof t?t:JSON.parse(JSON.stringify(t));await this._player.loadScene(a),this._player.gotoAndStop(s);const[c,h]=i,l=document.createElement("canvas");l.width=c,l.height=h;const p=l.getContext("2d");r??(r=Tn.config.screenShotConfig.defaultBackgroundColor),p&&(p.fillStyle=`rgba(${r.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 ur(this._player),d}dispose(){this._player.dispose()}drawImageCover(t,e,i,s,r,n,o,a,c){2===arguments.length&&(i=s=0,r=t.canvas.width,n=t.canvas.height),o="number"==typeof o?S(o,0,1):.5,a="number"==typeof a?S(a,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(r/h,n/l);let d=h*p,m=l*p,g=1;d<r&&(g=r/d),Math.abs(g-1)<1e-14&&m<n&&(g=n/m),d*=g,m*=g;const u=Math.max(h/(d/r),0),f=Math.max(l/(m/n),0),y=Math.min((h-u)*o,h),x=Math.min((l-f)*a,l);t.drawImage(e,y+c.left,x+c.top,u,f,i,s,r,n)}},Dn=class{constructor(){d(this,"_player"),d(this,"_container"),d(this,"size",[0,0]),this._container=document.createElement("canvas"),this._player=new x.Player({canvas:this._container,manualRender:!0})}async adjustment(t,e,i,s,r,n){if(!Tn.config.sizeAdaptConfig.enabled)return console.warn("Size adapt is not opened, use #SDK.setConfig() open this feature."),t;this._player??(this._player=new x.Player({canvas:this._container,manualRender:!0})),r??(r=[0,0,0,0]),n??(n=i[0]<i[1]?"y":"x"),this.size=[...s],this._container.width=this.size[0],this._container.height=this.size[1],ur(this._player),this._player.resize();const o=JSON.parse(JSON.stringify(t));await this._player.loadScene(o,{reusable:!0,autoplay:!1}),this._player.gotoAndStop(e);const a=this._player.getCompositions()[0];if(a){const[e,o]=s,c=i[0]/i[1],h=e/o;c>h&&this.keepDistribute(t,a,h/c,s);const[l,p,d,m]=r,g=e-d-m,u=o-l-p,f=[(d-m)/2,(l-p)/2],y=(new G).setFromCenterAndSize(new C(e,o).divide(2),new C(e,o)),x=(new G).setFromCenterAndSize(new C(e,o).divide(2).add(new C(...f)),new C(g,u));this.keepAdsorption("topAdsorption",t,a,f,y,x,n),this.keepAdsorption("bottomAdsorption",t,a,f,y,x,n),this.keepAdsorption("leftAdsorption",t,a,f,y,x,n),this.keepAdsorption("rightAdsorption",t,a,f,y,x,n),this.keepAdsorption("centerAdsorption",t,a,f,y,x,n),this.keepDoubleAdsorption("bottomCenterAdsorption",t,a,f,y,x,n)}return t}keepDistribute(t,e,i,s){const r=t=>{const i=(new V).copyFrom(e.camera.getViewProjectionMatrix());return(new C).copyFrom(t.applyMatrix(i).toVector2()).toViewCoordinate(s[0],s[1])};["topAdsorption","centerAdsorption","bottomAdsorption"].forEach(n=>{e.items.filter(t=>t.name.split("-")[0]?.toLocaleUpperCase()===nr[n]&&!t.parentId).forEach(n=>{const o=e.items.filter(t=>t.parentId===n.getInstanceId()),a=o.find(t=>"check-area"===t.name),c=a?this.getViewBoxByHeadlessPlayerItem(a,[],r):this.getViewBoxByHeadlessPlayerItem(n,o,r),h=n.transform.position.clone(),l=c.getCenter(),p=new C(...s.map(t=>t/2)),d=l.y-p.y;((t,i,r)=>{const{z:n}=t.transform.getWorldPosition(),{x:o,y:a}=e.camera.getInverseVPRatio(n);t.transform.translate(2*i*o/s[0],-2*r*a/s[1],0)})(n,0,d/i-d),n.transform.updateLocalMatrix();const m=n.transform.position.clone().subtract(h).toArray();this.transformSceneItem(t,n.getInstanceId(),"position",m)})})}keepAdsorption(t,e,i,s,r,n,o){const{x:a,y:c}=r.getSize(),h=(t,e,s)=>{const{z:r}=t.transform.getWorldPosition(),{x:n,y:o}=i.camera.getInverseVPRatio(r);t.transform.translate(2*e*n/a,-2*s*o/c,0)},l=t=>{const e=(new V).copyFrom(i.camera.getViewProjectionMatrix());return(new C).copyFrom(t.applyMatrix(e).toVector2()).toViewCoordinate(a,c)},p=nr[t];i.items.filter(t=>t.name.split("-")[0]?.toLocaleUpperCase()===p&&!t.parentId).forEach(r=>{const a=i.items.filter(t=>t.parentId===r.getInstanceId()),c=a.find(t=>"check-area"===t.name),p=r.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",f=3===r.name.split("-").length,y=Number(r.name.split("-")[1]),x=new C,w=[1,1],I=c?this.getViewBoxByHeadlessPlayerItem(c,[],l):this.getViewBoxByHeadlessPlayerItem(r,a,l);h(r,...s);const v="y"===o?"x":"y";I.getSize()[v]>n.getSize()[v]&&(w[0]=n.getSize()[v]/I.getSize()[v],w[1]=n.getSize()[v]/I.getSize()[v],r.scale(...w,1)),r.transform.updateLocalMatrix();const P=c?this.getViewBoxByHeadlessPlayerItem(c,[],l):this.getViewBoxByHeadlessPlayerItem(r,a,l),S=new C;if(!n.containsBox(P)){const{min:t,max:e}=P,{min:i,max:s}=n;S.x+=t.x<i.x?i.x-t.x:0,S.x+=e.x>s.x?s.x-e.x:0,S.y+=t.y<i.y?i.y-t.y:0,S.y+=e.y>s.y?s.y-e.y:0,h(r,...S.toArray()),r.transform.updateLocalMatrix()}const b=c?this.getViewBoxByHeadlessPlayerItem(c,[],l):this.getViewBoxByHeadlessPlayerItem(r,a,l);if(!Number.isNaN(y)&&f)if("centerAdsorption"!==t){const t=Math.abs(b[u][d]-n[g][d]),e=n.getSize()[d]*y;t>e&&(x[d]=(e-t)*m,h(r,...x.toArray()),r.transform.updateLocalMatrix())}else{const t=b.getSize()[o],e=n.getSize()[o];if(t/e>y){const i=e*y/t;r.scale(i,i,1),w[0]*=i,w[1]*=i}}const D=c?this.getViewBoxByHeadlessPlayerItem(c,[],l):this.getViewBoxByHeadlessPlayerItem(r,a,l),z=i.items.filter(t=>"T"===t.name.split("-")[0]?.toLocaleUpperCase()&&!t.parentId),T=new G;if(z.forEach(t=>{const e=i.items.filter(e=>e.parentId===t.getInstanceId()),s=e.find(t=>"check-area"===t.name),r=s?this.getViewBoxByHeadlessPlayerItem(s,[],l):this.getViewBoxByHeadlessPlayerItem(t,e,l);T.union(r)}),!T.isEmpty()&&T.max.y>D.min.y)if("centerAdsorption"===t){const t=T.max.y-D.min.y;h(r,0,t),r.transform.updateLocalMatrix()}else if(["leftAdsorption","rightAdsorption"].includes(t)){const t=D.getSize().y,e=n.getSize().y-(T.max.y-n.min.y);let i=T.max.y-D.min.y;if(t>e){const s=e/t;w[0]*=s,w[1]*=s,r.scale(s,s,1),r.transform.updateLocalMatrix(),i-=(t-e)/2}h(r,0,i),r.transform.updateLocalMatrix()}const E=r.transform.position.clone().subtract(p).toArray();this.transformSceneItem(e,r.getInstanceId(),"position",E),this.transformSceneItem(e,r.getInstanceId(),"scale",w)})}keepDoubleAdsorption(t,e,i,s,r,n,o){const{x:a,y:c}=r.getSize(),h=(t,e,s)=>{const{z:r}=t.transform.getWorldPosition(),{x:n,y:o}=i.camera.getInverseVPRatio(r);t.transform.translate(2*e*n/a,-2*s*o/c,0)},l=t=>{const e=(new V).copyFrom(i.camera.getViewProjectionMatrix());return(new C).copyFrom(t.applyMatrix(e).toVector2()).toViewCoordinate(a,c)},p=nr[t];i.items.filter(t=>t.name.split("-")[0]?.toLocaleUpperCase()===p&&!t.parentId).forEach(t=>{const r=i.items.filter(e=>e.parentId===t.getInstanceId()),a=r.find(t=>"check-area"===t.name),c=t.transform.position.clone(),p=3===t.name.split("-").length,d=Number(t.name.split("-")[1]),m=[1,1],g=a?this.getViewBoxByHeadlessPlayerItem(a,[],l):this.getViewBoxByHeadlessPlayerItem(t,r,l);h(t,...s);const u="y"===o?"x":"y";g.getSize()[u]>n.getSize()[u]&&(m[0]=n.getSize()[u]/g.getSize()[u],m[1]=n.getSize()[u]/g.getSize()[u],t.scale(...m,1)),t.transform.updateLocalMatrix();const f=a?this.getViewBoxByHeadlessPlayerItem(a,[],l):this.getViewBoxByHeadlessPlayerItem(t,r,l);if(!Number.isNaN(d)&&p){const e=f.getSize()[u],i=n.getSize()[u];if(e/i>d){const s=i*d/e;t.scale(s,s,1),m[0]*=s,m[1]*=s}}const y=a?this.getViewBoxByHeadlessPlayerItem(a,[],l):this.getViewBoxByHeadlessPlayerItem(t,r,l),x=new C;if(!n.containsBox(y)){const{min:e,max:i}=y,{min:s,max:r}=n;x.x+=e.x<s.x?s.x-e.x:0,x.x+=i.x>r.x?r.x-i.x:0,x.y+=e.y<s.y?s.y-e.y:0,x.y+=i.y>r.y?r.y-i.y:0,h(t,...x.toArray()),t.transform.updateLocalMatrix()}const w=t.transform.position.clone().subtract(c).toArray();this.transformSceneItem(e,t.getInstanceId(),"position",w),this.transformSceneItem(e,t.getInstanceId(),"scale",m)})}getViewBoxByHeadlessPlayerItem(t,e,i){const s=new G,{transform:r,composition:n}=t;switch(t.type){case x.spec.ItemType.sprite:case x.spec.ItemType.plugin:case x.spec.ItemType.video:case x.spec.ItemType.richtext:case x.spec.ItemType.text:case x.spec.ItemType.shape:{r.setValid(!0),r.updateLocalMatrix();const{size:t}=r,o=(new V).copyFrom(n?.transform.getWorldMatrix()??new V).invert().multiply(r.getWorldMatrix()),{x:a,y:c}=t.clone().divide(2),h=new L(a,c,0).applyMatrix(o),l=new L(a,-c,0).applyMatrix(o),p=new L(-a,-c,0).applyMatrix(o),d=new L(-a,c,0).applyMatrix(o),m=i(h).round(2),g=i(l).round(2),u=i(p).round(2),f=i(d).round(2);s.setFromVec2Array([m,g,u,f]);const y=e?.map(t=>{const e=n?.items.filter(e=>e.parentId===t.getInstanceId())??[];return this.getViewBoxByHeadlessPlayerItem(t,e,i)});y&&y.map(t=>s.union(t));break}case x.spec.ItemType.null:{const t=e?.map(t=>{const e=n?.items.filter(e=>e.parentId===t.getInstanceId())??[];return this.getViewBoxByHeadlessPlayerItem(t,e,i)});t&&t.map(t=>s.union(t));break}}return s}transformSceneItem(t,e,i,s){const r=t.items.find(t=>t.id===e);switch(i){case"position":{const t=s;Array.isArray(s)&&3===t.length&&r?.transform&&(r.transform.position.x+=t[0],r.transform.position.y+=t[1],r.transform.position.z+=t[2]);break}case"rotation":if(Array.isArray(s)&&3===s.length){const t=s;r?.transform&&(r.transform.eulerHint.x+=t[0],r.transform.eulerHint.y+=t[1],r.transform.eulerHint.z+=t[2])}break;case"size":Array.isArray(s)&&2===s.length&&r?.transform&&(r.transform.scale.x*=s[0],r.transform.scale.y*=s[1])}}dispose(){this._player?.dispose()}},zn=class t{constructor(e,i="template"){d(this,"_eventEmitter",new x.EventEmitter),d(this,"_pageData"),d(this,"_screenShot"),d(this,"_exporter"),d(this,"_pageDataUtils"),d(this,"_sizeAdapt"),d(this,"_gestureHandler"),d(this,"disposables",[]),d(this,"_isSwitchScene",!1),d(this,"_undoRedo",new zs),d(this,"_backgroundManager",new Es),d(this,"player"),d(this,"_container"),d(this,"_playerContainer"),d(this,"on",this._eventEmitter.on),this._container=e,t.config.mode=i,this.initPlayer(i),this._eventEmitter.on("pageDataChange",t=>{this._pageData=t,this._gestureHandler.render()}),this._eventEmitter.on("preSelectedItemChange",t=>{(0,x.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.preSelectedItem=t,this._gestureHandler.render()}),this._eventEmitter.on("selectedViewChange",t=>{(0,x.assertExist)(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.setExportConfig(e.exportConfig)}),this._eventEmitter.on("itemCreate",()=>{this._gestureHandler.closeItemCreateGizmo()}),this._pageDataUtils=new yr(this.player,this._playerContainer,this._eventEmitter,this),this._backgroundManager.attach(this._playerContainer),this._gestureHandler=new Qr(e),this._screenShot=new bn,this._sizeAdapt=new Dn;const s=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,r]=this._pageDataUtils.getPlayerSizeByParent(i,t);this._playerContainer.style.width=`${e}px`,this._playerContainer.style.height=`${r}px`,this.player.resize()}this._pageDataUtils.refreshInteractionParam(),this._gestureHandler.resize()}});s.observe(e),this.disposables.push(()=>{s.disconnect()})}get backgroundManager(){return this._backgroundManager}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:r,scene:n,export:{name:o,...a}}=t,c=r?.[0]&&r?.[1]?` (${s+1})_${r[0]}×${r[1]}`:` (${s+1})`;let h="";return h=o?st(o,i):`${e}${c}`,i.push(h),{folderName:e,name:h,size:r,scene:JSON.parse(JSON.stringify(n)),...a}})}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()})}initPlayer(e){const i=document.createElement("div"),[s,r]="editor"===e?[this._container.clientWidth,this._container.clientHeight]:[this._container.offsetWidth,this._container.offsetHeight];this._playerContainer=i,this._playerContainer.id="player-container",this._playerContainer.style.position="absolute",this._playerContainer.style.width=`${s}px`,this._playerContainer.style.height=`${r}px`,this._container.appendChild(i),this.player=new x.Player({container:this._playerContainer,pixelRatio:2,interactive:!0,env:"editor"}),this.player.on("update",()=>{if((0,x.assertExist)(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.player.on("rendererror",t=>{console.error("player render error ",t)}),this.player.on("webglcontextlost",()=>{this._eventEmitter.emit("viewLost");const e=this.player?.canvas;e&&e.parentElement?.removeChild(e),this.player.pause(),this.player.dispose(),this._gestureHandler.dispose(),setTimeout(async()=>{this.initPlayer(t.config.mode),this._pageDataUtils=new yr(this.player,this._playerContainer,this._eventEmitter,this),this._gestureHandler=new Qr(this._container),await this.runByPageData(this.pageData),this._eventEmitter.emit("viewRebuildFinish")},300)})}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"}"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 x.Player({container:this._playerContainer,interactive:!0,pixelRatio:2,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:ks(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],r=e.viewParams?.length?e.viewParams:[{size:s.previewSize??[750,1624],export:{audioEnable:!1}}];return{...e,scene:i,viewParams:r}}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}}}initExporter(t){this.initExporterEnabled&&(this._exporter=new Sn(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,s)=>{this._eventEmitter.emit("exportComplete",t,e,i,s)}))}async initSDK(e){var i;const{scene:s,viewParams:r,options:n}=e,o=[];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],r=e.duration??0;o.push({size:[i,s],safeArea:[0,0,0,0],previewSafeAreas:[],id:0,scene:t,ignoreInteraction:!0,export:{time:r,audioEnable:!1}})}}for(let e=0;e<r.length;e++){const n=r[e];if(!n)continue;let a=JSON.parse(JSON.stringify(s));const c=a.compositions.find(t=>t.id===a.compositionId)??a.compositions[0];(0,x.assertExist)(c);const h=c.previewSize??[750,1624],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&&(a=await this._sizeAdapt.adjustment(a,d,l,p,m,n.adaptionDirection)),(i=n.export).time??(i.time=d),o.push({...n,size:p,safeArea:m,previewSafeAreas:[...n.previewSafeAreas??[]],id:e+1,scene:a,ignoreInteraction:!1})}const a=o[0]?.scene;if(!a)return void console.warn("SDK need one view property at least.");const c=a.compositions.find(t=>t.id===a.compositionId)??a.compositions[0],h={...n,zoom:1,translation:[0,0],asyncMode:n.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:o[p].id,selectedItems:[]},items:[],viewProperties:o,playing:!1},this._pageDataUtils.init(),await this._gestureHandler.init(this._pageDataUtils,this._eventEmitter),this._gestureHandler.ignoreInteraction=!!o[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.pageData),this.initExporter(t.config.exportConfig)}getActiveItems(){return(0,x.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.selectedItems}setPreSelectedItem(t){(0,x.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.preSelectedItem=t}getPreSelectedItem(){return(0,x.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.preSelectedItem??""}setSelectedItems(t){this._pageDataUtils.clearPreSelectedItem(),this._pageDataUtils.clearSelectedItems(),this._pageDataUtils.addSelectedItems([...t])}async setItemProperty(t){(0,x.assertExist)(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.setItemProperty(t),this._gestureHandler.render(),this._eventEmitter.emit("pageDataChange",this.pageData))}async generateScreenShot(t,e=[300,400],i,s){(0,x.assertExist)(this._pageData,"You must call SDK#run() first");const r=this.getViewProperty(t);if(!r)return"";const{scene:n,size:[o,a]}=r,c=n.compositionId,h=n.compositions.find(t=>t.id===c);i??(i=h?.duration??0);const l=JSON.parse(JSON.stringify(n));return await this._screenShot.generate(l,[o,a],e,i,s)}async switchScene(t){if((0,x.assertExist)(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.pageData),this._isSwitchScene=!1}getPageConfig(){return(0,x.assertExist)(this._pageData,"You must call SDK#run() first"),{safeAreaPreview:this._pageData.property.safeAreaPreview,zoom:this._pageData.property.zoom,adsorption:this._pageData.property.adsorption,asyncMode:this._pageData.property.asyncMode,translation:this._pageData.property.translation}}setPageConfig(e){(0,x.assertExist)(this._pageData,"You must call SDK#run() first");const{adsorption:i,safeAreaPreview:s,zoom:r}=this._pageData.property;this._pageData.property={...this._pageData.property,...e},this._pageData.property.zoom!==r&&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){(0,x.assertExist)(this._pageData,"You must call SDK#run() first");const e=(this.player.getCompositions()[0]?.getDuration()??2)*t/100;this._pageData.time=e;!this.player.getCompositions().length&&(ur(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)}getSDKItem(t){return this._pageDataUtils.getSDKItem(t)}getSDKItems(t){return t?t.map(t=>this.getSDKItem(t)).filter(t=>!!t):this.pageData?.items??[]}async setPlayState(t){(0,x.assertExist)(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),i=JSON.parse(JSON.stringify(e.scene));await this.player.loadScene(i,{autoplay:!1}),this.player.gotoAndPlay(this._pageData.time),this.destroyCompositions(t)}else this.player.gotoAndStop(this._pageData.time);this._gestureHandler.render()}}getViewThumbnail(){return(0,x.assertExist)(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(0,x.assertExist)(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)})}downloadByMediaBuffersOfExporter(t,e,i){(0,x.assertExist)(this._exporter,"You must init exporter first"),this._exporter.downloadByMediaBuffers(t,e,i)}onExport(){t.config.exportConfig.enabled&&((0,x.assertExist)(this.pageData,"You must call SDK#run() first"),(0,x.assertExist)(this._exporter,"You must init exporter first"),this._exporter.onExport(this.exportOptions))}cancelExport(){(0,x.assertExist)(this._exporter,"You must init exporter first"),this._exporter.onCancel()}async loadPageData(t){(0,x.assertExist)(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.pageData)}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.pageData)}async reloadPageDataByScene(t){(0,x.assertExist)(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,i){var s;(0,x.assertExist)(this._pageData);const r=[],n=this._pageData.viewProperties[this._pageData.viewProperties.length-1]?.id??this._pageData.viewProperties.length-1;for(let o=0;o<e.length;o++){const a=e[o];if(!a)continue;let c=JSON.parse(JSON.stringify(i??this._pageData.scene));const h=c.compositions.find(t=>t.id===c.compositionId)??c.compositions[0];(0,x.assertExist)(h);const{previewSize:l=[750,1624]}=h,p=l,d=a.size??l;h.previewSize=d;const m=h.duration??0,g=a.safeArea??[0,0,0,0];t.config.sizeAdaptConfig.enabled&&(c=await this._sizeAdapt.adjustment(c,m,p,d,g,a.adaptionDirection)),(s=a.export).time??(s.time=m),r.push({...a,size:d,safeArea:g,previewSafeAreas:[...a.previewSafeAreas??[]],id:n+1+o,scene:c,ignoreInteraction:!1})}this._pageData.viewProperties.push(...r),this._eventEmitter.emit("pageDataChange",this.pageData)}async deleteViewParams(t){t.sort((t,e)=>t-e);for(let e=0;e<t.length;e++){const i=t[e];(0,x.assertExist)(this._pageData);const s=i-e,r=this._pageData.viewProperties.findIndex(t=>t.id===s);if(!0===this._pageData.viewProperties[r]?.ignoreInteraction){console.warn("target view ignore interaction, it can not be deleted.");continue}if(r<0){console.warn("Target view is not existed.");continue}this._pageData.viewProperties.splice(r,1);const n=this._pageData.activeData.view??0;s===n?(this._pageData.activeData.view=0,await this._pageDataUtils.loadScene(0)):s<n&&(this._pageData.activeData.view=n-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.pageData)}setExportParam(t,e){(0,x.assertExist)(this._pageData),this._pageData.viewProperties.forEach(i=>{void 0!==e&&i.id!==e||Object.assign(i.export,t)})}setPageZoom(t,e,i){(0,x.assertExist)(this._pageData),this._pageData.property.zoom=t,this._pageDataUtils.setPageZoom(this._pageData.property.zoom,e,i),this._gestureHandler.render()}setPageMove(t){(0,x.assertExist)(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?j(t.config.pageConfig.filterItemNames,e):e.forEach(e=>{j(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=ns({},t.config.exportConfig,e);t.config.exportConfig=i,this._exporter?this._exporter.setOptions(i):this.initExporter(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.backgroundManager.setColorBackground(e??"");break;case"image":e&&this.backgroundManager.setImageBackground(e);break;case"chess-board":case"dot-board":this.backgroundManager.applyPreset(t,e)}}async addSpriteItem(t,e){return await this._pageDataUtils.addSpriteItem(t,!1,e)}async addVideoItem(t,e){return await this._pageDataUtils.addVideoItem(t,!1,e)}openPictureCutGizmo(){this._gestureHandler.openPictureCutGizmo(),this._gestureHandler.render()}closePictureCutGizmo(){this._gestureHandler.closePictureCutGizmo()}getCutInfo(){return this._gestureHandler.getCutInfo()}setCutBox(t,e){return this._gestureHandler.setCutBox(t,e)}openPictureExpandGizmo(){this._gestureHandler.openPictureExpandGizmo(),this._gestureHandler.render()}closePictureExpandGizmo(){this._gestureHandler.closePictureExpandGizmo()}getExpandInfo(){return this._gestureHandler.getExpandInfo()}setExpandBox(t,e){return this._gestureHandler.setExpandBox(t,e)}openMaskGizmo(t){this._gestureHandler.openMaskGizmo(t),this._gestureHandler.render()}clearMaskGizmo(){this._gestureHandler.clearMaskGizmo()}closeMaskGizmo(){this._gestureHandler.closeMaskGizmo()}getMask(){return this._gestureHandler.getMask()}setMaskGizmoConfig(t){this._gestureHandler.setMaskGizmoConfig(t)}setMaskGizmoMode(t){this._gestureHandler.setMaskGizmoMode(t)}undoMaskGizmo(){return this._gestureHandler.maskGizmoUndo()}redoMaskGizmo(){return this._gestureHandler.maskGizmoRedo()}get canUndoMaskGizmo(){return this._gestureHandler.maskGizmoCanUndo}get canRedoMaskGizmo(){return this._gestureHandler.maskGizmoCanRedo}clearMaskGizmoUndoRedo(){this._gestureHandler.clearMaskGizmoUndoRedo()}undoPictureCutGizmo(){return this._gestureHandler.pictureCutGizmoUndo()}redoPictureCutGizmo(){return this._gestureHandler.pictureCutGizmoRedo()}get canUndoPictureCutGizmo(){return this._gestureHandler.pictureCutGizmoCanUndo}get canRedoPictureCutGizmo(){return this._gestureHandler.pictureCutGizmoCanRedo}clearPictureCutGizmoUndoRedo(){this._gestureHandler.clearPictureCutGizmoUndoRedo()}openLoadingGizmo(t,e){this._gestureHandler.openLoadingGizmo(t,e)}updateLoadingGizmo(t,e){this._gestureHandler.updateLoadingGizmo(t,e)}closeLoadingGizmo(t){this._gestureHandler.closeLoadingGizmo(t)}groupItems(t,e){return this._pageDataUtils.addGroupItem(t,e)}setItemParent(t,e){this._pageDataUtils.setItemParent(t,e)}deleteItemParent(t,e){this._pageDataUtils.deleteItemParent(t,e)}async addTextItem(t,e){return await this._pageDataUtils.addTextItem(t,e)}async addItemByCreateInfos(t,e=!1){if(e){return await this._pageDataUtils.asyncAddItemByCreateInfos(t)}return await this._pageDataUtils.addItemByCreateInfos(t)}deleteItems(t){if((0,x.assertExist)(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();const e=this._pageDataUtils.getCurrentComposition();this._pageDataUtils.addSDKItemsByItems(this._pageData.items,e.items),this._eventEmitter.emit("pageDataChange",this._pageData)}getItemCreateInfo(t){return this._pageDataUtils.getItemCreateInfo(t,!1)}getItemCreateInfos(t){const e=[];return t??(t=this._pageData?.items.map(t=>t.id)??[]),t.forEach(i=>{const s=this._pageDataUtils.getSDKItem(i),r=this._pageDataUtils.getItemCreateInfo(i,!(!s?.parentId||!t.includes(s?.parentId)));r&&e.push(r)}),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)}async createScreenShotByFrame(t){const e=this.getSDKItem(t);if(!vt(e))return void console.warn(`Item ${t} is not frame item, check your input.`);const i=this.getItemBoxById(e.id),s=this.getItemCreateInfos([...e.children]),r=this._pageDataUtils.createSceneByCreateInfos(s,i.getSize().toArray(),"画板",i.getCenter().toArray());if(!r)return void console.warn("Target scene is not exsited.");const n=r?.compositions[0]?.previewSize??[750,1624];return await this._screenShot.generate(r,n,n,0)}async createScreenShotByEffects(t){const e=this.getSDKItem(t);if(!xt(e))return void console.warn(`Item ${t} is not a effects item.`);const i=e.effects,s=this._pageDataUtils.getEffectsItemPlayTime(t)??0,r=[e.width,e.height];return await this._screenShot.generate(i,r,r,s)}getChildrenIds(t){return this._pageDataUtils.getChildrenIds(t)}updateItemOrder(t,e){(0,x.assertExist)(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){(0,x.assertExist)(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)}setItemExtension(t,e){(0,x.assertExist)(this._pageData,"You must call SDK#run() first");const i=this._pageDataUtils.getSDKItem(t);return i?(Object.entries(e).forEach(([t,e])=>{i.setExtension(t,e)}),this._eventEmitter.emit("pageDataChange",this.pageData),!0):(console.warn(`Item ${t} not found`),!1)}getItemExtension(t,e){(0,x.assertExist)(this._pageData,"You must call SDK#run() first");const i=this._pageDataUtils.getSDKItem(t);if(!i)return void console.warn(`Item ${t} not found`);if(!e||0===e.length)return i.getAllExtension();const s={};return e.forEach(t=>{i.hasExtension(t)&&(s[t]=i.getExtension(t))}),s}deleteItemExtensions(t,e){(0,x.assertExist)(this._pageData,"You must call SDK#run() first");const i=this._pageDataUtils.getSDKItem(t);return i?(e.forEach(t=>{i.deleteExtension(t)}),this._eventEmitter.emit("pageDataChange",this.pageData),!0):(console.warn(`Item ${t} not found`),!1)}hasItemExtension(t,e){(0,x.assertExist)(this._pageData,"You must call SDK#run() first");const i=this._pageDataUtils.getSDKItem(t);return!!i&&i.hasExtension(e)}getItemExtensionKeys(t){(0,x.assertExist)(this._pageData,"You must call SDK#run() first");const e=this._pageDataUtils.getSDKItem(t);if(e)return e.getExtensionKeys();console.warn(`Item ${t} not found`)}getViewProperty(t){return this._pageDataUtils.getViewProperty(t)}pageMove(t){this._pageDataUtils.pageMove(new C(...t))}pageZoom(t,e){this._pageDataUtils.pageZoom(t,e?new C(...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,propertyKeys:["fontFamily","fontUrl"]})}createSceneByCreateInfos(t,e){return this._pageDataUtils.createSceneByCreateInfos(t,e.size,e.name)}setSpriteSize(t,e){this._pageDataUtils.setSpriteSize(t,e),this._gestureHandler.render()}setItemPropertyByCreateInfo(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),this._gestureHandler.render()}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)}getVideoItemPlayTime(t){return this._pageDataUtils.getVideoItemPlayTime(t)}setVideoItemPlayTime(t,e){this._pageDataUtils.setVideoItemPlayTime(t,e)}getEffectsItemPlayTime(t){return this._pageDataUtils.getEffectsItemPlayTime(t)}setEffectsItemPlayTime(t,e){this._pageDataUtils.setEffectsItemPlayTime(t,e)}setEffectsResource(t,e){this._pageDataUtils.setEffectsResource(t,e)}getPixelPositionByViewPosition(t){return this._pageDataUtils.getPixelPositionByViewPosition(t)}hitTest(t,e){return this._gestureHandler.selectorGizmo?.hitTest(new C(t,e))}setInteractType(t){this._gestureHandler.setInteractType(t),this._gestureHandler.render()}getInteractType(){return this._gestureHandler.interactType}makeItemAlign(t,e){this._pageDataUtils.makeItemAlign(t,e),this._gestureHandler.render()}makeItemDistribute(t,e){this._pageDataUtils.makeItemDistribute(t,e),this._gestureHandler.render()}addGeneratorItem(t){return this._pageDataUtils.addGeneratorItem(t)}async addEffectsItem(t){return await this._pageDataUtils.addEffectsItem(t)}async addFrameItem(t){return await this._pageDataUtils.addFrameItem(t)}moveItemsToFrame(t,e){this._pageDataUtils.moveItemsToFrame(t,e)}moveItemsOutOfFrame(t,e){this._pageDataUtils.moveItemsOutOfFrame(t,e)}async setGeneratorResource(t,e){return(0,x.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageDataUtils.setGeneratorResource(t,e)}setGeneratorResourceFromObject(t){this.setGeneratorResource(t.itemId,t.url)}setVideoGeneratorResource(t){return this.setGeneratorResource(t.itemId,t.url)}setSpriteGeneratorResource(t){return this.setGeneratorResource(t.itemId,t.url)}setItemLockState(t,e){this._pageDataUtils.setItemLockState(t,e)}getItemLockState(t){this._pageDataUtils.getItemLockState(t)}openItemCreateGizmo(t){this._gestureHandler.openItemCreateGizmo(t),this._gestureHandler.render()}closeItemCreateGizmo(){this._gestureHandler.closeItemCreateGizmo()}setItemName(t,e){this._pageDataUtils.setItemName(t,e)}setSafeAreaPreviewVisible(t,e,i){const s=this.getViewProperty(t);s?.previewSafeAreas.forEach(t=>{e in t&&(t.visible=i)}),this._eventEmitter.emit("pageDataChange",this.pageData)}resizeFrameItem(t,e,i){const s=i?new L(i[0],i[1],0):void 0;this._pageDataUtils.resizeFrameItem(t,e,s)}applyFrameAutoLayout(t){this._pageDataUtils.applyFrameAutoLayout(t)}};d(zn,"config",{mode:"template",pageConfig:{asncMode:!1,minZoom:.01,maxZoom:20,staticPreview:!0,staticPreviewName:"标准模板",filterItemNames:["ModelPluginItem"],groupVisible:!0},asyncLoadConfig:{enabled:!0,loadingTextureUrl:"https://mdn.alipayobjects.com/huamei_ixsp8m/afts/img/A*BzgbTb8dBhoAAAAARwAAAAgAev-aAQ/original"},screenShotConfig:{enabled:!0,defaultBackgroundColor:[255,255,255,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_ixsp8m/afts/img/A*F2wVS7x0MfIAAAAAQBAAAAgAev-aAQ/original",groupLogoUrl:"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_ixsp8m/afts/img/A*w1fnS4mq0VgAAAAAQCAAAAgAev-aAQ/original",frameLogoUrl:"https://mdn.alipayobjects.com/huamei_ixsp8m/afts/img/A*DRF_RpndkjUAAAAAQDAAAAgAev-aAQ/original",effectsLogoUrl:"https://mdn.alipayobjects.com/huamei_ixsp8m/afts/img/A*RMewR4ruUnYAAAAAQGAAAAgAev-aAQ/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,gridLineWidth:1,gridLineColor:16777215,gridLineAlpha:1,gridCount:2},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,gridLineWidth:1,gridLineColor:16777215,gridLineAlpha:1,gridCount:2},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:14,scaleCornerRadius:5,scaleCornerFillColor:16777215,scaleCornerStrokeWidth:2,scaleCornerStrokeColor:7026175,scaleInteractionDistance:7,widthScaleInteractionDistance:4,wireframeColor:16711680,wireframeAlpha:1,wireframeWidth:1.5},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:3,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},videoPlayGizmoEnabled:!0,videoPlayGizmoConfig:{autoShow:!0,logoUrl:"https://mdn.alipayobjects.com/huamei_banz2t/afts/img/A*jW1LRYu9OLwAAAAAHoAAAAgAeiCuAQ/original",logoShift:[25,25],width:30,height:30},itemCreateGizmoEnabled:!1,itemCreateGizmoConfig:{frameBorderColor:2193663,frameBorderWidth:1,frameBorderAlpha:.8,frameFillColor:2193663,frameFillAlpha:.15,frameChildBoxAlpha:.35,frameChildBoxColor:2193663},autoLayoutIndicatorConfig:{lineWidth:2,lineColor:3900150}}});var Tn=zn;
+"use strict";var t,e=Object.create,i=Object.defineProperty,s=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,n=Object.getPrototypeOf,o=Object.prototype.hasOwnProperty,a=t=>{throw TypeError(t)},c=(t,e)=>{for(var s in e)i(t,s,{get:e[s],enumerable:!0})},h=(t,e,n,a)=>{if(e&&"object"==typeof e||"function"==typeof e)for(let c of r(e))o.call(t,c)||c===n||i(t,c,{get:()=>e[c],enumerable:!(a=s(e,c))||a.enumerable});return t},l=(t,e,i)=>(h(t,e,"default"),i&&h(i,e,"default")),p=(t,s,r)=>(r=null!=t?e(n(t)):{},h(!s&&t&&t.__esModule?r:i(r,"default",{value:t,enumerable:!0}),t)),d=(t,e,s)=>((t,e,s)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s)(t,"symbol"!=typeof e?e+"":e,s),m=(t,e,i)=>e.has(t)||a("Cannot "+i),g=(t,e,i)=>(m(t,e,"read from private field"),i?i.call(t):e.get(t)),u=(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),f=(t,e,i,s)=>(m(t,e,"write to private field"),s?s.call(t,i):e.set(t,i),i),y={};c(y,{BackgroundManager:()=>_s,BaseItem:()=>nt,Box2:()=>G,DefaultVFXItems:()=>pr,EffectsItem:()=>yt,FrameItem:()=>It,GeneratorItem:()=>ut,GroupItem:()=>mt,InteractionUtils:()=>Us,ItemOrderAction:()=>wt,PageDataUtils:()=>Ir,SDK:()=>Bn,SDKItemType:()=>v,SafeConstraint:()=>cr,SpriteItem:()=>at,TextItem:()=>ht,VFXItemFactory:()=>dr,Vector2:()=>C,VideoItem:()=>pt,addCompositionItemByComposition:()=>Js,addItemInfoToScene:()=>Ns,arrAdd:()=>j,assertExist:()=>Z,asserts:()=>Q,autoLayout:()=>nr,calculateDisplacement:()=>or,calculateLayoutDisplacements:()=>ar,clearItemParentInfo:()=>js,createCompositionItemJSON:()=>Ws,createFrameCompositionScene:()=>Ms,createNullItemJSON:()=>Ls,createSDKItem:()=>Ct,createSpriteItemJSON:()=>Fs,createTextItemJSON:()=>Vs,createVideoGeneratorItemJSON:()=>Rs,createVideoItemJSON:()=>Os,deepClone:()=>Y,deepEquals:()=>$,deleteCompositionFromScene:()=>qs,deleteCompositionItemFromScene:()=>Xs,deleteItemInfoFromScene:()=>Ks,downloadBlob:()=>it,extractSubCompositionToScene:()=>sr,fixStandardJSON:()=>rr,generateGUID:()=>x.generateGUID,getBasicScene:()=>Gs,getColorByNormalizeColor:()=>J,getCompositionDataByRefCompositionItemId:()=>ir,getCompositionIdByRefCompositionItemId:()=>er,getNormalizeColorByColor:()=>X,getTextureUrlById:()=>Ys,getTransformRatioByViewAndCamera:()=>q,getUniqueName:()=>st,isBaseItem:()=>ot,isEffectsItem:()=>xt,isEqual:()=>rt,isFrameItem:()=>vt,isGeneratorItem:()=>ft,isGroupItem:()=>gt,isObj:()=>K,isSpriteItem:()=>ct,isTextItem:()=>lt,isVideoItem:()=>dt,loadScriptAsync:()=>et,logger:()=>tt,moveItemBetweenCompositions:()=>tr,removeItemInfoFromScene:()=>$s,resetSubCompositionItemId:()=>Zs,setItemJSONParentId:()=>Hs,setJSONItemName:()=>Qs,spec:()=>x.spec}),module.exports=(t=y,h(i({},"__esModule",{value:!0}),t));require("@galacean/effects");var x=require("@galacean/effects"),w=(require("@galacean/effects-plugin-rich-text"),require("@galacean/effects-plugin-rich-text")),I=(require("@galacean/effects-plugin-model"),require("@galacean/effects-plugin-multimedia"),require("@galacean/effects-plugin-multimedia")),v=(require("@galacean/effects-plugin-spine"),require("@galacean/effects-plugin-ffd"),(t=>(t.SPRITE="sprite",t.TEXT="text",t.VIDEO="video",t.GROUP="group",t.GENERATOR="generator",t.EFFECTS="effects",t.FRAME="frame",t))(v||{})),C=(x.spec.ItemType.sprite,x.spec.ItemType.text,x.spec.ItemType.video,x.spec.ItemType.null,x.spec.ItemType.composition,x.spec.ItemType.composition,x.spec.ItemType.sprite,class t extends x.math.Vector2{subtract(t){return this.x-=t.x,this.y-=t.y,this}toViewCoordinate(t,e){return this.x=(this.x+1)/2*t,this.y=(1-(this.y+1)/2)*e,this}clone(){return new t(this.x,this.y)}distanceTo(t){const e=this.x-t.x,i=this.y-t.y;return Math.sqrt(e*e+i*i)}scaleByCenter(e,i=new t){const s=(new t).subtractVectors(i,this).multiply(e);return 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:r}=e;if(0===i)return{d:(new t).subtractVectors(this,s).length(),t:0};const n=P(((this.x-s.x)*(r.x-s.x)+(this.y-s.y)*(r.y-s.y))/i,0,1);return{d:(new t).subtractVectors(this,e.at(n)).length(),t:n}}angle(){return Math.atan2(-this.y,-this.x)+Math.PI}rotateAround(t,e){const i=Math.cos(e),s=Math.sin(e),r=this.x-t.x,n=this.y-t.y;return this.x=r*i-n*s+t.x,this.y=r*s+n*i+t.y,this}}),S=1e-6;function P(t,e,i){const s=isNaN(e)?-1/0:e,r=isNaN(i)?1/0:i,n=Math.min(s,r),o=Math.max(s,r);return Math.min(Math.max(t,n),o)}var b=Math.PI/180,D=180/Math.PI;function z(t){return Math.atan2(-t.y,-t.x)+Math.PI}function T(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 E(t,e,i=Math.round){if(Number.isInteger(t))return t;const s=Math.pow(10,e);return i(t*s)/s}function A(t){let e,i=0;return t.forEach((t,s)=>{if(0===s)e=Math.abs(t);else{const r=Math.abs(t);e<r&&(e=r,i=s)}}),i}function B(t,e){return Math.abs(t-e)<S||t===1/0&&e===1/0||t===-1/0&&e===-1/0}function _(t){return isNaN(t)||Math.abs(t)<S}function k(t,e){const i=new G,{min:s,max:r}=t,{min:n,max:o}=e,a=s.clone().add((new C).subtractVectors(r,s).multiply(n)),c=s.clone().add((new C).subtractVectors(r,s).multiply(o));return i.setFromVec2ArrayWithOutCorners([a,c]),i}function U(t,e){const i=new G,{min:s,max:r}=t,{min:n,max:o}=e,a=(new C).subtractVectors(n,s).divide((new C).subtractVectors(r,s)),c=(new C).subtractVectors(o,s).divide((new C).subtractVectors(r,s));return i.setFromVec2ArrayWithOutCorners([a,c]),i}var M=class t{constructor(t=new C,e=new C){d(this,"start",new C),d(this,"end",new C),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 C).subtractVectors(this.end,this.start).normalize()}getCenter(t=new C){return t.addVectors(this.start,this.end).multiply(.5)}delta(t=new C){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 C){return this.delta(e).multiply(t).add(this.start)}closestPointToPointParameter(t,e){const i=new C,s=new C;i.subtractVectors(t,this.start),s.subtractVectors(this.end,this.start);const r=s.dot(s);let n=s.dot(i)/r;return e&&(n=P(n,0,1)),n}closestPointToPoint(t,e,i=new C){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 C).subtractVectors(this.end,this.start).length()}crossWithLine(t){const e=this.delta(),i=t.delta(),s=(new C).subtractVectors(t.start,this.start),r=(new C).subtractVectors(t.end,this.start),n=(new C).subtractVectors(this.start,t.start),o=(new C).subtractVectors(this.end,t.start),a=s.cross(e),c=r.cross(e),h=n.cross(i),l=o.cross(i);return a*c<0&&h*l<0}},G=class t{constructor(t=new C(1/0,1/0),e=new C(-1/0,-1/0)){d(this,"corners",[]),d(this,"min",new C(1/0,1/0)),d(this,"max",new C(-1/0,-1/0)),this.min=t.clone(),this.max=e.clone(),this.isEmpty()?this.corners=[]:this.corners=[new C(e.x,t.y),e.clone(),new C(t.x,e.y),t.clone()]}set(t,e){return this.min.copyFrom(t),this.max.copyFrom(e),this.corners=[new C(e.x,t.y),e.clone(),new C(t.x,e.y),t.clone()],this}setFromVec2Array(t){return this.min=(new C).copyFrom(t[0]),this.max=(new C).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 C).copyFrom(t[0]),this.max=(new C).copyFrom(t[0]),t.forEach(t=>{this.min=this.min.min(t),this.max=this.max.max(t)}),this.corners.push(new C(this.max.x,this.min.y)),this.corners.push(new C(this.max.x,this.max.y)),this.corners.push(new C(this.min.x,this.max.y)),this.corners.push(new C(this.min.x,this.min.y)),this}setFromCenterAndSize(t,e){const i=(new C).copyFrom(e).multiply(.5);return this.min.copyFrom(t).subtract(i),this.max.copyFrom(t).add(i),this.corners=[new C(this.max.x,this.min.y),this.max.clone(),new C(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 C){return this.isEmpty()?t.set(0,0):t.addVectors(this.min,this.max).multiply(.5)}getSize(t=new C){return this.isEmpty()?t.set(0,0):t.subtractVectors(this.max,this.min)}expandByPoint(t){return this.min.min(t),this.max.max(t),this}expandByVector(t){return this.min.subtract(t),this.max.add(t),this}expandByScalar(t){return this.min.add(-t),this.max.add(t),this}containsPoint(t,e=!0){if(e)return!(t.x<this.min.x||t.x>this.max.x||t.y<this.min.y||t.y>this.max.y);if(this.isEmpty())return!1;for(let e=0;e<this.corners.length;e++){const i=this.corners[e],s=this.corners[(e+1)%4],r=new C(s.x-i.x,s.y-i.y),n=new C(t.x-i.x,t.y-i.y);if(r.cross(n)<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 C){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 C){return e.copyFrom(t).clamp(this.min,this.max)}distanceToPoint(t){return(new C).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 C(this.max.x,this.min.y),this.max.clone(),new C(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 C(t,t):new C(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 M(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 M(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}},F=class t{constructor(t=new C,e=0){d(this,"center"),d(this,"radius"),this.center=t.clone(),this.radius=e}set(t,e){return this.center=(new C).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 C,this.radius=0,this}isEmpty(){return this.radius<=0}getCenter(t=new C){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}},R=class extends x.math.Quaternion{},L=class t extends x.math.Vector3{clone(){return new t(this.x,this.y,this.z)}setFromMatrixColumn(t,e){return this.set(...t.elements.slice(4*e))}applyEuler(t,e){return this.applyQuaternion((new R).setFromEuler(t))}applyQuaternion(e,i=new t){const{x:s,y:r,z:n,w:o}=e,{x:a,y:c,z:h}=this.subtract(i),l=o*a+r*h-n*c,p=o*c+n*a-s*h,d=o*h+s*c-r*a,m=-s*a-r*c-n*h;return this.x=l*o+m*-s+p*-n-d*-r+i.x,this.y=p*o+m*-r+d*-s-l*-n+i.y,this.z=d*o+m*-n+l*-r-p*-s+i.z,this}setFromMatrixPosition(t){const e=t.elements;return this.x=e[12],this.y=e[13],this.z=e[14],this}applyMatrix(e,i=new t){const s=e.elements,{x:r,y:n,z:o}=this.subtract(i);let a=1/(s[3]*r+s[7]*n+s[11]*o+s[15]);return a=isNaN(a)?1:a,this.x=(s[0]*r+s[4]*n+s[8]*o+s[12])*a+i.x,this.y=(s[1]*r+s[5]*n+s[9]*o+s[13])*a+i.y,this.z=(s[2]*r+s[6]*n+s[10]*o+s[14])*a+i.z,this}},V=class t extends x.math.Matrix4{static fromArray(e,i=0){return(new t).setFromArray(e,i)}clone(){const e=this.elements;return new t(e[0],e[1],e[2],e[3],e[4],e[5],e[6],e[7],e[8],e[9],e[10],e[11],e[12],e[13],e[14],e[15])}compose(t,e,i,s=L.ZERO){const r=this.elements,{x:n,y:o,z:a,w:c}=e,h=-s.x,l=-s.y,p=-s.z,d=n+n,m=o+o,g=a+a,u=n*d,f=n*m,y=n*g,x=o*m,w=o*g,I=a*g,v=c*d,C=c*m,S=c*g,{x:P,y:b,z:D}=i;return r[0]=(1-(x+I))*P,r[1]=(f+S)*P,r[2]=(y-C)*P,r[3]=0,r[4]=(f-S)*b,r[5]=(1-(u+I))*b,r[6]=(w+v)*b,r[7]=0,r[8]=(y+C)*D,r[9]=(w-v)*D,r[10]=(1-(u+x))*D,r[11]=0,r[12]=h*r[0]+l*r[4]+p*r[8]-h+t.x,r[13]=h*r[1]+l*r[5]+p*r[9]-l+t.y,r[14]=h*r[2]+l*r[6]+p*r[10]-p+t.z,this}extractRotation(t){const e=new L,i=t.elements,s=this.elements,r=1/e.setFromMatrixColumn(t,0).length(),n=1/e.setFromMatrixColumn(t,1).length(),o=1/e.setFromMatrixColumn(t,2).length();return s[0]=i[0]*r,s[1]=i[1]*r,s[2]=i[2]*r,s[3]=0,s[4]=i[4]*n,s[5]=i[5]*n,s[6]=i[6]*n,s[7]=0,s[8]=i[8]*o,s[9]=i[9]*o,s[10]=i[10]*o,s[11]=0,s[12]=0,s[13]=0,s[14]=0,s[15]=1,this}makeRotationFromEuler(t){const e=this.elements,i=t.x,s=t.y,r=t.z,n=Math.cos(i),o=Math.sin(i),a=Math.cos(s),c=Math.sin(s),h=Math.cos(r),l=Math.sin(r);if(t.order===x.math.EulerOrder.XYZ){const t=n*h,i=n*l,s=o*h,r=o*l;e[0]=a*h,e[4]=-a*l,e[8]=c,e[1]=i+s*c,e[5]=t-r*c,e[9]=-o*a,e[2]=r-t*c,e[6]=s+i*c,e[10]=n*a}else if(t.order===x.math.EulerOrder.YXZ){const t=a*h,i=a*l,s=c*h,r=c*l;e[0]=t+r*o,e[4]=s*o-i,e[8]=n*c,e[1]=n*l,e[5]=n*h,e[9]=-o,e[2]=i*o-s,e[6]=r+t*o,e[10]=n*a}else if(t.order===x.math.EulerOrder.ZXY){const t=a*h,i=a*l,s=c*h,r=c*l;e[0]=t-r*o,e[4]=-n*l,e[8]=s+i*o,e[1]=i+s*o,e[5]=n*h,e[9]=r-t*o,e[2]=-n*c,e[6]=o,e[10]=n*a}else if(t.order===x.math.EulerOrder.ZYX){const t=n*h,i=n*l,s=o*h,r=o*l;e[0]=a*h,e[4]=s*c-i,e[8]=t*c+r,e[1]=a*l,e[5]=r*c+t,e[9]=i*c-s,e[2]=-c,e[6]=o*a,e[10]=n*a}else if(t.order===x.math.EulerOrder.YZX){const t=n*a,i=n*c,s=o*a,r=o*c;e[0]=a*h,e[4]=r-t*l,e[8]=s*l+i,e[1]=l,e[5]=n*h,e[9]=-o*h,e[2]=-c*h,e[6]=i*l+s,e[10]=t-r*l}else if(t.order===x.math.EulerOrder.XZY){const t=n*a,i=n*c,s=o*a,r=o*c;e[0]=a*h,e[4]=-l,e[8]=c*h,e[1]=t*l+r,e[5]=n*h,e[9]=i*l-s,e[2]=s*l-i,e[6]=o*h,e[10]=r*l+t}return e[3]=0,e[7]=0,e[11]=0,e[12]=0,e[13]=0,e[14]=0,e[15]=1,this}setPosition(t){return this.elements[12]=t.x,this.elements[13]=t.y,this.elements[14]=t.z,this}},O=class extends x.math.Euler{constructor(t=0,e=0,i=0,s=x.math.EulerOrder.XYZ){super(t,e,i,s)}getInvertMatrixByEuler(){return(new V).makeRotationFromEuler(this).invert()}toDegreeVector3(t){return t?t.set(this.x*D,this.y*D,this.z*D):new L(this.x*D,this.y*D,this.z*D)}setFromDegreeVector3(t,e){return this.set(t.x*b,t.y*b,t.z*b,e??this.order)}},W=class t{constructor(t=0,e=new L(0,0,1)){d(this,"distance"),d(this,"normal");const i=e.length();0===i&&(this.normal=new L(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 L(0,0,1)),this.distance=t/i,this.normal=e.normalize(),this}static copy(e){return new t(e.distance,e.normal.clone())}copy(t){return this.distance=t.distance,this.normal.copyFrom(t.normal),this}static setFromNormalAndCoplanarPoint(e,i){const s=-e.dot(i);return new t(s,i)}setFromNormalAndCoplanarPoint(t,e){return this.normal.copyFrom(e),this.distance=-t.dot(this.normal),this}clone(){return new t(this.distance,this.normal.clone())}distanceToPoint(t){return this.normal.dot(t)+this.distance}},N=class t extends x.math.Ray{constructor(t=new L,e=new L(1,0,0)){super(t,e),d(this,"origin"),d(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(_(e))return _(t.distanceToPoint(this.origin))?0:NaN;const i=(-this.origin.dot(t.normal)-t.distance)/e;return i>0?i:NaN}},H=class{constructor(t=new N){d(this,"ray"),this.ray=t.clone()}setFromCamera(t,e){const i=e.position,s=new L(t.x,t.y,.5).applyMatrix(e.inverseViewProjectMatrix).subtract(i).normalize();return this.ray.set(i,s),this}rayCastPlane(t){const e=new L,i=this.ray.rayCastPlane(t,e);if(!isNaN(i))return{distance:i,point:this.ray.at(i)}}};function j(t,e){t.includes(e)||t.push(e)}function K(t){return"object"==typeof t&&!!t}function $(t,e){if(K(t)&&K(e)){if(Array.isArray(t)&&Array.isArray(e))return t.length===e.length&&t.every((t,i)=>$(t,e[i]));const i=[];for(const s in t)if(Object.prototype.hasOwnProperty.call(t,s)){if(!$(t[s],e[s]))return!1;i.push(s)}return Object.getOwnPropertyNames(e).length===i.length}return t===e}function Y(t){if(void 0!==t)return JSON.parse(JSON.stringify(t))}function J(t){return t.map((t,e)=>e<3?E(255*t,0):t)}function X(t){return t.map((t,e)=>e<3?E(t/255,4):t)}function q(t,e,i,s,r,n){const o=(new V).compose(e,new R,new L(1,1,1)).invert(),a=(new V).perspective(i*b,t.x/t.y,s,r,n),c=(new V).multiplyMatrices(a,o),h=c.clone().invert(),l=c.projectPoint(new L).z,p=new L(0,0,l).applyMatrix(h),d=new L(2,2,l).applyMatrix(h);return{xRatio:Math.abs(d.x-p.x)/t.x,yRatio:Math.abs(d.y-p.y)/t.y}}function Z(t,e="item doesn't exist"){if(null==t)throw new Error(e)}function Q(t,e="asserts failed"){if(!t)throw new Error(e)}function tt(t,e,...i){const s=e.reduce((t,e)=>t?`${t} ${e}`:e,""),r="color: #108ee9;";switch(t){case"error":console.error(`%c[${s}]`,r,...i);break;case"info":console.info(`%c[${s}]`,r,...i);break;case"debug":console.debug(`%c[${s}]`,r,...i);break;case"warn":console.warn(`%c[${s}]`,r,...i);break;default:console.log(`%c[${s}]`,r,...i)}}function et(t,e={}){return new Promise((i,s)=>{const r=document.querySelector(`script[src="${t}"]`);if(r)return"true"===r.dataset.loaded?void i(r):(r.addEventListener("load",()=>{i(r)}),void r.addEventListener("error",()=>{s(new Error(`Script already failed: ${t}`))}));const n=document.createElement("script");n.src=t,n.async=!0,Object.keys(e).forEach(t=>{n.setAttribute(t,e[t]??"")}),n.onload=()=>{n.dataset.loaded="true",i(n)},n.onerror=()=>{s(new Error(`Failed to load script: ${t}`))},document.head.appendChild(n)})}function it(t,e,i="application/octet-stream"){const s=new Blob(Array.isArray(t)?t:[t],{type:i}),r=URL.createObjectURL(s),n=document.createElement("a");n.href=r,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n),URL.revokeObjectURL(r)}function st(t,e){if(!e.includes(t))return t;let i=1,s=`${t} (${i})`;for(;e.includes(s);)i++,s=`${t} (${i})`;return s}function rt(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(!rt(t[s],e[s]))return!1}return!0}var nt=class{constructor(t){d(this,"id"),d(this,"name"),d(this,"parentId"),d(this,"duration"),d(this,"delay"),d(this,"endBehavior"),d(this,"visible"),d(this,"isLocked"),d(this,"isCoreEditable"),d(this,"extension",new Map),this.id=t.id,this.name=t.name,this.parentId=t.parentId,this.duration=t.duration??999,this.delay=t.delay??0,this.endBehavior=t.endBehavior??x.spec.EndBehavior.freeze,this.visible=t.visible??!0,this.isLocked=t.isLocked??!1,this.isCoreEditable=t.isCoreEditable,t.extension&&Object.entries(t.extension).forEach(([t,e])=>{this.extension.set(t,e)})}setExtension(t,e){this.extension.set(t,e)}getExtension(t){return this.extension.get(t)}hasExtension(t){return this.extension.has(t)}deleteExtension(t){return this.extension.delete(t)}getExtensionKeys(){return Array.from(this.extension.keys())}getAllExtension(){return Y(Object.fromEntries(this.extension.entries()))}setExtensions(t){Object.entries(t).forEach(([t,e])=>{this.extension.set(t,e)})}clearExtension(){this.extension.clear()}toJSON(){return{id:this.id,name:this.name,type:this.type,parentId:this.parentId,duration:this.duration,delay:this.delay,endBehavior:this.endBehavior,isLocked:this.isLocked,property:Y(this.property),extension:this.getAllExtension()}}};function ot(t){return t instanceof nt}var at=class t extends nt{constructor(t){super(t),d(this,"type","sprite"),d(this,"property"),this.property={position:t.property?.position??[0,0],rotation:t.property?.rotation??[0,0,0],width:t.property?.width??0,height:t.property?.height??0,scale:t.property?.scale??[1,1],image:t.property?.image??""}}get image(){return this.property.image}set image(t){this.property.image=t}get position(){return this.property.position}set position(t){this.property.position=t}get width(){return this.property.width}set width(t){this.property.width=t}get height(){return this.property.height}set height(t){this.property.height=t}get rotation(){return this.property.rotation[2]}set rotation(t){this.property.rotation[2]=t}get fullRotation(){return this.property.rotation}set fullRotation(t){this.property.rotation=t}get keyPropertyEditing(){return this.isCoreEditable}set keyPropertyEditing(t){this.isCoreEditable=t}toCreateInfo(t){const e=this.getAllExtension(),i=Y(this.property);return Object.assign(i,{width:i.size[0],height:i.size[1]}),delete i.size,{type:"sprite",id:this.id,name:this.name,parentId:t?this.parentId:void 0,extension:Object.keys(e).length>0?e:void 0,property:i}}clone(){return new t({id:(0,x.generateGUID)(),name:this.name,parentId:this.parentId,duration:this.duration,delay:this.delay,endBehavior:this.endBehavior,isLocked:this.isLocked,isCoreEditable:this.isCoreEditable,property:Y(this.property),extension:this.getAllExtension()})}toCreateInfoWithExtensions(t,e){const i=this.toCreateInfo(t);return e&&Object.assign(i,e),i}};function ct(t){return t instanceof at}var ht=class t extends nt{constructor(t){super(t),d(this,"type","text"),d(this,"property"),this.property={position:t.property?.position??[0,0],rotation:t.property?.rotation??[0,0,0],width:t.property?.width??0,height:t.property?.height??0,scale:t.property?.scale??[1,1],fontFamily:t.property?.fontFamily??"",color:t.property?.color??[0,0,0,1],fontWeight:t.property?.fontWeight??x.spec.TextWeight.normal,text:t.property?.text??"",textAlign:t.property?.textAlign??x.spec.TextAlignment.left,fontSize:t.property?.fontSize??24,fontStyle:t.property?.fontStyle??x.spec.FontStyle.normal,lineHeight:t.property?.lineHeight??24,outlineColor:t.property?.outlineColor,outlineWidth:t.property?.outlineWidth,outlineEnabled:t.property?.outlineEnabled??!1,fontUrl:t.property?.fontUrl,letterSpacing:t.property?.letterSpacing??0}}get text(){return this.property.text}set text(t){this.property.text=t}get fontFamily(){return this.property.fontFamily}set fontFamily(t){this.property.fontFamily=t}get fontSize(){return this.property.fontSize}set fontSize(t){this.property.fontSize=t}get fontWeight(){return this.property.fontWeight}set fontWeight(t){this.property.fontWeight=t}get fontStyle(){return this.property.fontStyle}set fontStyle(t){this.property.fontStyle=t}get textAlign(){return this.property.textAlign}set textAlign(t){this.property.textAlign=t}get color(){return this.property.color}set color(t){this.property.color=t}get width(){return this.property.width}set width(t){this.property.width=t}get lineHeight(){return this.property.lineHeight}set lineHeight(t){this.property.lineHeight=t}get height(){return this.property.height}set height(t){this.property.height=t}get outlineColor(){return this.property.outlineColor}set outlineColor(t){this.property.outlineColor=t}get outlineWidth(){return this.property.outlineWidth}set outlineWidth(t){this.property.outlineWidth=t}get outlineEnabled(){return this.property.outlineEnabled??!1}set outlineEnabled(t){this.property.outlineEnabled=t}get position(){return this.property.position}set position(t){this.property.position=t}get rotation(){return this.property.rotation[2]}set rotation(t){this.property.rotation[2]=t}toCreateInfo(t){const e=this.getAllExtension();return{type:"text",id:this.id,name:this.name,parentId:t?this.parentId:void 0,extension:Object.keys(e).length>0?e:void 0,property:Y(this.property)}}clone(){return new t({id:(0,x.generateGUID)(),name:this.name,parentId:this.parentId,duration:this.duration,delay:this.delay,endBehavior:this.endBehavior,isLocked:this.isLocked,isCoreEditable:this.isCoreEditable,property:Y(this.property),extension:this.getAllExtension()})}};function lt(t){return t instanceof ht}var pt=class t extends nt{constructor(t){super(t),d(this,"type","video"),d(this,"property"),this.property={position:t.property?.position??[0,0],rotation:t.property?.rotation??[0,0,0],width:t.property?.width??0,height:t.property?.height??0,scale:t.property?.scale??[1,1],video:t.property?.video??"",muted:t.property?.muted??!0,transparent:t.property?.transparent??!0,playbackRate:t.property?.playbackRate??1,volume:t.property?.volume??0}}get video(){return this.property.video}set video(t){this.property.video=t}get position(){return this.property.position}set position(t){this.property.position=t}get width(){return this.property.width}set width(t){this.property.width=t}get height(){return this.property.height}set height(t){this.property.height=t}get rotation(){return this.property.rotation[2]}set rotation(t){this.property.rotation[2]=t}get fullRotation(){return this.property.rotation}set fullRotation(t){this.property.rotation=t}get keyPropertyEditing(){return this.isCoreEditable}set keyPropertyEditing(t){this.isCoreEditable=t}get muted(){return this.property.muted??!0}set muted(t){this.property.muted=t}get transparent(){return this.property.transparent??!0}set transparent(t){this.property.transparent=t}get volume(){return this.property.volume??0}set volume(t){this.property.volume=t}get playbackRate(){return this.property.playbackRate??1}set playbackRate(t){this.property.playbackRate=t}toCreateInfo(t){const e=this.getAllExtension();return{type:"video",id:this.id,name:this.name,parentId:t?this.parentId:void 0,extension:Object.keys(e).length>0?e:void 0,property:Y(this.property)}}clone(){return new t({id:(0,x.generateGUID)(),name:this.name,parentId:this.parentId,duration:this.duration,delay:this.delay,endBehavior:this.endBehavior,isLocked:this.isLocked,isCoreEditable:this.isCoreEditable,property:Y(this.property),extension:this.getAllExtension()})}};function dt(t){return t instanceof pt}var mt=class t extends nt{constructor(t){super(t),d(this,"type","group"),d(this,"property"),this.property={position:t.property?.position??[0,0],rotation:t.property?.rotation??[0,0,0],width:t.property?.width??0,height:t.property?.height??0,children:[...t.children??[]],scale:t.property?.scale??[1,1]}}get position(){return this.property.position}set position(t){this.property.position=t}get scale(){return this.property.scale}set scale(t){this.property.scale=t}get rotation(){return this.property.rotation[2]}set rotation(t){this.property.rotation[2]=t}get fullRotation(){return this.property.rotation}set fullRotation(t){this.property.rotation=t}get keyPropertyEditing(){return this.isCoreEditable}set keyPropertyEditing(t){this.isCoreEditable=t}toCreateInfo(t){const e=this.getAllExtension();return{type:this.type,id:this.id,name:this.name,parentId:t?this.parentId:void 0,extension:Object.keys(e).length>0?e:void 0,property:Y(this.property)}}clone(){return new t({id:(0,x.generateGUID)(),name:this.name,parentId:this.parentId,duration:this.duration,delay:this.delay,endBehavior:this.endBehavior,isLocked:this.isLocked,isCoreEditable:this.isCoreEditable,property:Y(this.property),extension:this.getAllExtension()})}};function gt(t){return t instanceof mt}var ut=class t extends nt{constructor(t){super(t),d(this,"type","generator"),d(this,"property"),this.property={position:t.property?.position??[0,0],rotation:t.property?.rotation??[0,0,0],width:t.property?.width??0,height:t.property?.height??0,scale:t.property?.scale??[1,1],generatorType:t.property?.generatorType??"video"}}get generatorType(){return this.property.generatorType}set generatorType(t){this.property.generatorType=t}get image(){return""}set image(t){}get position(){return this.property.position}set position(t){this.property.position=t}get width(){return this.property.width}set width(t){this.property.width=t}get height(){return this.property.height}set height(t){this.property.height=t}get rotation(){return this.property.rotation[2]}set rotation(t){this.property.rotation[2]=t}get fullRotation(){return this.property.rotation}set fullRotation(t){this.property.rotation=t}get keyPropertyEditing(){return this.isCoreEditable}set keyPropertyEditing(t){this.isCoreEditable=t}toCreateInfo(t){const e=this.getAllExtension();return{type:"generator",id:this.id,name:this.name,parentId:t?this.parentId:void 0,extension:Object.keys(e).length>0?e:void 0,property:Y(this.property)}}toVideoCreateInfo(t,e){const i=this.getAllExtension(),s=Y(this.property);return delete s.generatorType,{type:"video",id:this.id,name:this.name,parentId:e?this.parentId:void 0,extension:Object.keys(i).length>0?i:void 0,property:{video:t,...s}}}toSpriteCreateInfo(t,e){const i=this.getAllExtension(),s=Y(this.property);return delete s.generatorType,{type:"sprite",id:this.id,name:this.name,parentId:e?this.parentId:void 0,extension:Object.keys(i).length>0?i:void 0,property:{image:t,...s}}}clone(){return new t({id:(0,x.generateGUID)(),name:this.name,parentId:this.parentId,duration:this.duration,delay:this.delay,endBehavior:this.endBehavior,isLocked:this.isLocked,isCoreEditable:this.isCoreEditable,property:Y(this.property),extension:this.getAllExtension()})}};function ft(t){return t instanceof ut}var yt=class t extends nt{constructor(t){super(t),d(this,"type","effects"),d(this,"subCompositionItemId"),d(this,"property"),this.subCompositionItemId="",this.property={position:t.property?.position??[0,0],rotation:t.property?.rotation??[0,0,0],width:t.property?.width??0,height:t.property?.height??0,scale:t.property?.scale??[1,1],effects:t.property?.effects??"",children:t.property?.children??[]}}get effects(){return this.property.effects}set effects(t){this.property.effects=t}get position(){return this.property.position}set position(t){this.property.position=t}get width(){return this.property.width}set width(t){this.property.width=t}get height(){return this.property.height}set height(t){this.property.height=t}get rotation(){return this.property.rotation[2]}set rotation(t){this.property.rotation[2]=t}get fullRotation(){return this.property.rotation}set fullRotation(t){this.property.rotation=t}get keyPropertyEditing(){return this.isCoreEditable}set keyPropertyEditing(t){this.isCoreEditable=t}toCreateInfo(t){const e={type:"effects",id:this.id,name:this.name,property:Y(this.property)};t&&this.parentId&&(e.parentId=this.parentId);const i=this.getAllExtension();return Object.keys(i).length>0&&(e.extension=i),e}clone(){return new t({id:(0,x.generateGUID)(),name:this.name,parentId:this.parentId,duration:this.duration,delay:this.delay,endBehavior:this.endBehavior,isLocked:this.isLocked,isCoreEditable:this.isCoreEditable,property:Y(this.property),extension:this.getAllExtension()})}};function xt(t){return t instanceof yt}var wt=(t=>(t[t.BringToFront=0]="BringToFront",t[t.SendToBack=1]="SendToBack",t[t.BringForward=2]="BringForward",t[t.SendBackward=3]="SendBackward",t))(wt||{}),It=class t extends nt{constructor(t){super(t),d(this,"type","frame"),d(this,"subCompositionItemId"),d(this,"property"),this.subCompositionItemId="",this.property={position:t.property?.position??[0,0],rotation:t.property?.rotation??[0,0,0],width:t.property?.width??0,height:t.property?.height??0,scale:t.property?.scale??[1,1],layoutMode:t.property?.layoutMode??"free",children:[...t.children??[]],autoLayoutConfig:t.property?.autoLayoutConfig,layoutInfos:t.property?.layoutInfos??{}}}get children(){return this.property.children}get layoutMode(){return this.property.layoutMode}set layoutMode(t){this.property.layoutMode=t}get layoutInfos(){return this.property.layoutInfos}set layoutInfos(t){this.property.layoutInfos=t}get position(){return this.property.position}set position(t){this.property.position=t}get width(){return this.property.width}set width(t){this.property.width=t}get height(){return this.property.height}set height(t){this.property.height=t}get scale(){return this.property.scale}set scale(t){this.property.scale=t}get rotation(){return this.property.rotation[2]}set rotation(t){this.property.rotation[2]=t}get fullRotation(){return this.property.rotation}set fullRotation(t){this.property.rotation=t}addChild(t){return!this.property.children.includes(t)&&(this.property.children.push(t),!0)}addChildren(t){t.map(t=>this.addChild(t))}removeChild(t){const e=this.property.children.indexOf(t);return-1!==e&&(this.property.children.splice(e,1),!0)}removeChildren(t){this.property.children=this.property.children.filter(e=>!t.includes(e))}hasChild(t){return this.property.children.includes(t)}clearChildren(){this.property.children=[]}toCreateInfo(t){const e={type:"frame",id:this.id,name:this.name,property:Y(this.property)};t&&this.parentId&&(e.parentId=this.parentId);const i=this.getAllExtension();return Object.keys(i).length>0&&(e.extension=i),e}clone(){return new t({id:(0,x.generateGUID)(),name:this.name,parentId:this.parentId,duration:this.duration,delay:this.delay,endBehavior:this.endBehavior,isLocked:this.isLocked,isCoreEditable:this.isCoreEditable,property:Y(this.property),extension:this.getAllExtension()})}};function vt(t){return t instanceof It}function Ct(t,e){switch(t){case x.spec.ItemType.sprite:return new at(e);case x.spec.ItemType.null:return new mt(e);case x.spec.ItemType.text:return new ht(e);case x.spec.ItemType.video:return new pt(e);default:return console.warn(`SDKItem type ${t} not implemented, falling back to GroupItem`),new mt(e)}}var St="object"==typeof global&&global&&global.Object===Object&&global,Pt="object"==typeof self&&self&&self.Object===Object&&self,bt=St||Pt||Function("return this")(),Dt=bt.Symbol,zt=Object.prototype,Tt=zt.hasOwnProperty,Et=zt.toString,At=Dt?Dt.toStringTag:void 0;var Bt=function(t){var e=Tt.call(t,At),i=t[At];try{t[At]=void 0;var s=!0}catch(t){}var r=Et.call(t);return s&&(e?t[At]=i:delete t[At]),r},_t=Object.prototype.toString;var kt=function(t){return _t.call(t)},Ut=Dt?Dt.toStringTag:void 0;var Mt=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":Ut&&Ut in Object(t)?Bt(t):kt(t)};var Gt=function(t){return null!=t&&"object"==typeof t},Ft=Array.isArray;var Rt=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)};var Lt=function(t){return t};var Vt,Ot=function(t){if(!Rt(t))return!1;var e=Mt(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},Wt=bt["__core-js_shared__"],Nt=(Vt=/[^.]+$/.exec(Wt&&Wt.keys&&Wt.keys.IE_PROTO||""))?"Symbol(src)_1."+Vt:"";var Ht=function(t){return!!Nt&&Nt in t},jt=Function.prototype.toString;var Kt=function(t){if(null!=t){try{return jt.call(t)}catch(t){}try{return t+""}catch(t){}}return""},$t=/^\[object .+?Constructor\]$/,Yt=Function.prototype,Jt=Object.prototype,Xt=Yt.toString,qt=Jt.hasOwnProperty,Zt=RegExp("^"+Xt.call(qt).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Qt=function(t){return!(!Rt(t)||Ht(t))&&(Ot(t)?Zt:$t).test(Kt(t))};var te=function(t,e){return null==t?void 0:t[e]};var ee=function(t,e){var i=te(t,e);return Qt(i)?i:void 0},ie=Object.create,se=function(){function t(){}return function(e){if(!Rt(e))return{};if(ie)return ie(e);t.prototype=e;var i=new t;return t.prototype=void 0,i}}();var re=function(t,e,i){switch(i.length){case 0:return t.call(e);case 1:return t.call(e,i[0]);case 2:return t.call(e,i[0],i[1]);case 3:return t.call(e,i[0],i[1],i[2])}return t.apply(e,i)};var ne=function(t,e){var i=-1,s=t.length;for(e||(e=Array(s));++i<s;)e[i]=t[i];return e},oe=Date.now;var ae=function(t){var e=0,i=0;return function(){var s=oe(),r=16-(s-i);if(i=s,r>0){if(++e>=800)return arguments[0]}else e=0;return t.apply(void 0,arguments)}};var ce=function(t){return function(){return t}},he=function(){try{var t=ee(Object,"defineProperty");return t({},"",{}),t}catch(t){}}(),le=ae(he?function(t,e){return he(t,"toString",{configurable:!0,enumerable:!1,value:ce(e),writable:!0})}:Lt),pe=/^(?:0|[1-9]\d*)$/;var de=function(t,e){var i=typeof t;return!!(e=null==e?9007199254740991:e)&&("number"==i||"symbol"!=i&&pe.test(t))&&t>-1&&t%1==0&&t<e};var me=function(t,e,i){"__proto__"==e&&he?he(t,e,{configurable:!0,enumerable:!0,value:i,writable:!0}):t[e]=i};var ge=function(t,e){return t===e||t!=t&&e!=e},ue=Object.prototype.hasOwnProperty;var fe=function(t,e,i){var s=t[e];ue.call(t,e)&&ge(s,i)&&(void 0!==i||e in t)||me(t,e,i)};var ye=function(t,e,i,s){var r=!i;i||(i={});for(var n=-1,o=e.length;++n<o;){var a=e[n],c=s?s(i[a],t[a],a,i,t):void 0;void 0===c&&(c=t[a]),r?me(i,a,c):fe(i,a,c)}return i},xe=Math.max;var we=function(t,e,i){return e=xe(void 0===e?t.length-1:e,0),function(){for(var s=arguments,r=-1,n=xe(s.length-e,0),o=Array(n);++r<n;)o[r]=s[e+r];r=-1;for(var a=Array(e+1);++r<e;)a[r]=s[r];return a[e]=i(o),re(t,this,a)}};var Ie=function(t,e){return le(we(t,e,Lt),t+"")};var ve=function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=9007199254740991};var Ce=function(t){return null!=t&&ve(t.length)&&!Ot(t)};var Se=function(t,e,i){if(!Rt(i))return!1;var s=typeof e;return!!("number"==s?Ce(i)&&de(e,i.length):"string"==s&&e in i)&&ge(i[e],t)};var Pe=function(t){return Ie(function(e,i){var s=-1,r=i.length,n=r>1?i[r-1]:void 0,o=r>2?i[2]:void 0;for(n=t.length>3&&"function"==typeof n?(r--,n):void 0,o&&Se(i[0],i[1],o)&&(n=r<3?void 0:n,r=1),e=Object(e);++s<r;){var a=i[s];a&&t(e,a,s,n)}return e})},be=Object.prototype;var De=function(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||be)};var ze=function(t,e){for(var i=-1,s=Array(t);++i<t;)s[i]=e(i);return s};var Te=function(t){return Gt(t)&&"[object Arguments]"==Mt(t)},Ee=Object.prototype,Ae=Ee.hasOwnProperty,Be=Ee.propertyIsEnumerable,_e=Te(function(){return arguments}())?Te:function(t){return Gt(t)&&Ae.call(t,"callee")&&!Be.call(t,"callee")};var ke=function(){return!1},Ue="object"==typeof exports&&exports&&!exports.nodeType&&exports,Me=Ue&&"object"==typeof module&&module&&!module.nodeType&&module,Ge=Me&&Me.exports===Ue?bt.Buffer:void 0,Fe=(Ge?Ge.isBuffer:void 0)||ke,Re={};Re["[object Float32Array]"]=Re["[object Float64Array]"]=Re["[object Int8Array]"]=Re["[object Int16Array]"]=Re["[object Int32Array]"]=Re["[object Uint8Array]"]=Re["[object Uint8ClampedArray]"]=Re["[object Uint16Array]"]=Re["[object Uint32Array]"]=!0,Re["[object Arguments]"]=Re["[object Array]"]=Re["[object ArrayBuffer]"]=Re["[object Boolean]"]=Re["[object DataView]"]=Re["[object Date]"]=Re["[object Error]"]=Re["[object Function]"]=Re["[object Map]"]=Re["[object Number]"]=Re["[object Object]"]=Re["[object RegExp]"]=Re["[object Set]"]=Re["[object String]"]=Re["[object WeakMap]"]=!1;var Le=function(t){return Gt(t)&&ve(t.length)&&!!Re[Mt(t)]};var Ve=function(t){return function(e){return t(e)}},Oe="object"==typeof exports&&exports&&!exports.nodeType&&exports,We=Oe&&"object"==typeof module&&module&&!module.nodeType&&module,Ne=We&&We.exports===Oe&&St.process,He=function(){try{var t=We&&We.require&&We.require("util").types;return t||Ne&&Ne.binding&&Ne.binding("util")}catch(t){}}(),je=He&&He.isTypedArray,Ke=je?Ve(je):Le,$e=Object.prototype.hasOwnProperty;var Ye=function(t,e){var i=Ft(t),s=!i&&_e(t),r=!i&&!s&&Fe(t),n=!i&&!s&&!r&&Ke(t),o=i||s||r||n,a=o?ze(t.length,String):[],c=a.length;for(var h in t)!e&&!$e.call(t,h)||o&&("length"==h||r&&("offset"==h||"parent"==h)||n&&("buffer"==h||"byteLength"==h||"byteOffset"==h)||de(h,c))||a.push(h);return a};var Je=function(t,e){return function(i){return t(e(i))}};var Xe=function(t){var e=[];if(null!=t)for(var i in Object(t))e.push(i);return e},qe=Object.prototype.hasOwnProperty;var Ze=function(t){if(!Rt(t))return Xe(t);var e=De(t),i=[];for(var s in t)("constructor"!=s||!e&&qe.call(t,s))&&i.push(s);return i};var Qe=function(t){return Ce(t)?Ye(t,!0):Ze(t)},ti=ee(Object,"create");var ei=function(){this.__data__=ti?ti(null):{},this.size=0};var ii=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},si=Object.prototype.hasOwnProperty;var ri=function(t){var e=this.__data__;if(ti){var i=e[t];return"__lodash_hash_undefined__"===i?void 0:i}return si.call(e,t)?e[t]:void 0},ni=Object.prototype.hasOwnProperty;var oi=function(t){var e=this.__data__;return ti?void 0!==e[t]:ni.call(e,t)};var ai=function(t,e){var i=this.__data__;return this.size+=this.has(t)?0:1,i[t]=ti&&void 0===e?"__lodash_hash_undefined__":e,this};function ci(t){var e=-1,i=null==t?0:t.length;for(this.clear();++e<i;){var s=t[e];this.set(s[0],s[1])}}ci.prototype.clear=ei,ci.prototype.delete=ii,ci.prototype.get=ri,ci.prototype.has=oi,ci.prototype.set=ai;var hi=ci;var li=function(){this.__data__=[],this.size=0};var pi=function(t,e){for(var i=t.length;i--;)if(ge(t[i][0],e))return i;return-1},di=Array.prototype.splice;var mi=function(t){var e=this.__data__,i=pi(e,t);return!(i<0)&&(i==e.length-1?e.pop():di.call(e,i,1),--this.size,!0)};var gi=function(t){var e=this.__data__,i=pi(e,t);return i<0?void 0:e[i][1]};var ui=function(t){return pi(this.__data__,t)>-1};var fi=function(t,e){var i=this.__data__,s=pi(i,t);return s<0?(++this.size,i.push([t,e])):i[s][1]=e,this};function yi(t){var e=-1,i=null==t?0:t.length;for(this.clear();++e<i;){var s=t[e];this.set(s[0],s[1])}}yi.prototype.clear=li,yi.prototype.delete=mi,yi.prototype.get=gi,yi.prototype.has=ui,yi.prototype.set=fi;var xi=yi,wi=ee(bt,"Map");var Ii=function(){this.size=0,this.__data__={hash:new hi,map:new(wi||xi),string:new hi}};var vi=function(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t};var Ci=function(t,e){var i=t.__data__;return vi(e)?i["string"==typeof e?"string":"hash"]:i.map};var Si=function(t){var e=Ci(this,t).delete(t);return this.size-=e?1:0,e};var Pi=function(t){return Ci(this,t).get(t)};var bi=function(t){return Ci(this,t).has(t)};var Di=function(t,e){var i=Ci(this,t),s=i.size;return i.set(t,e),this.size+=i.size==s?0:1,this};function zi(t){var e=-1,i=null==t?0:t.length;for(this.clear();++e<i;){var s=t[e];this.set(s[0],s[1])}}zi.prototype.clear=Ii,zi.prototype.delete=Si,zi.prototype.get=Pi,zi.prototype.has=bi,zi.prototype.set=Di;var Ti=zi,Ei=Je(Object.getPrototypeOf,Object),Ai=Function.prototype,Bi=Object.prototype,_i=Ai.toString,ki=Bi.hasOwnProperty,Ui=_i.call(Object);var Mi=function(t){if(!Gt(t)||"[object Object]"!=Mt(t))return!1;var e=Ei(t);if(null===e)return!0;var i=ki.call(e,"constructor")&&e.constructor;return"function"==typeof i&&i instanceof i&&_i.call(i)==Ui};var Gi=function(){this.__data__=new xi,this.size=0};var Fi=function(t){var e=this.__data__,i=e.delete(t);return this.size=e.size,i};var Ri=function(t){return this.__data__.get(t)};var Li=function(t){return this.__data__.has(t)};var Vi=function(t,e){var i=this.__data__;if(i instanceof xi){var s=i.__data__;if(!wi||s.length<199)return s.push([t,e]),this.size=++i.size,this;i=this.__data__=new Ti(s)}return i.set(t,e),this.size=i.size,this};function Oi(t){var e=this.__data__=new xi(t);this.size=e.size}Oi.prototype.clear=Gi,Oi.prototype.delete=Fi,Oi.prototype.get=Ri,Oi.prototype.has=Li,Oi.prototype.set=Vi;var Wi=Oi,Ni="object"==typeof exports&&exports&&!exports.nodeType&&exports,Hi=Ni&&"object"==typeof module&&module&&!module.nodeType&&module,ji=Hi&&Hi.exports===Ni?bt.Buffer:void 0,Ki=ji?ji.allocUnsafe:void 0;var $i=function(t,e){if(e)return t.slice();var i=t.length,s=Ki?Ki(i):new t.constructor(i);return t.copy(s),s},Yi=bt.Uint8Array;var Ji=function(t){var e=new t.constructor(t.byteLength);return new Yi(e).set(new Yi(t)),e};var Xi=function(t,e){var i=e?Ji(t.buffer):t.buffer;return new t.constructor(i,t.byteOffset,t.length)};var qi=function(t){return"function"!=typeof t.constructor||De(t)?{}:se(Ei(t))};var Zi=function(t){return function(e,i,s){for(var r=-1,n=Object(e),o=s(e),a=o.length;a--;){var c=o[t?a:++r];if(!1===i(n[c],c,n))break}return e}}();var Qi=function(t,e,i){(void 0!==i&&!ge(t[e],i)||void 0===i&&!(e in t))&&me(t,e,i)};var ts=function(t){return Gt(t)&&Ce(t)};var es=function(t,e){if(("constructor"!==e||"function"!=typeof t[e])&&"__proto__"!=e)return t[e]};var is=function(t){return ye(t,Qe(t))};var ss=function(t,e,i,s,r,n,o){var a=es(t,i),c=es(e,i),h=o.get(c);if(h)Qi(t,i,h);else{var l=n?n(a,c,i+"",t,e,o):void 0,p=void 0===l;if(p){var d=Ft(c),m=!d&&Fe(c),g=!d&&!m&&Ke(c);l=c,d||m||g?Ft(a)?l=a:ts(a)?l=ne(a):m?(p=!1,l=$i(c,!0)):g?(p=!1,l=Xi(c,!0)):l=[]:Mi(c)||_e(c)?(l=a,_e(a)?l=is(a):Rt(a)&&!Ot(a)||(l=qi(c))):p=!1}p&&(o.set(c,l),r(l,c,s,n,o),o.delete(c)),Qi(t,i,l)}};var rs=function t(e,i,s,r,n){e!==i&&Zi(i,function(o,a){if(n||(n=new Wi),Rt(o))ss(e,i,a,s,t,r,n);else{var c=r?r(es(e,a),o,a+"",e,i,n):void 0;void 0===c&&(c=o),Qi(e,a,c)}},Qe)},ns=Pe(function(t,e,i){rs(t,e,i)}),os=require("@pixi/app"),as=class{constructor(){d(this,"type"),d(this,"active"),this.type="null",this.active=!1}get interactive(){return this.active}set interactive(t){this.active=t}},cs=class extends as{constructor(t){super(),d(this,"type","control"),d(this,"_interactionType","mouse"),d(this,"active",!1),d(this,"lastPoint",new C),d(this,"cursorResult",{type:"normal",angle:0}),d(this,"SDKUtils"),this.SDKUtils=t}get interactive(){return Bn.config.gestureHandlerConfig.controlGizmoEnabled}set interactive(t){Bn.config.gestureHandlerConfig.controlGizmoEnabled=!0}get interactionType(){return this._interactionType}set interactionType(t){t===this._interactionType&&(this._interactionType=t,this.refreshCursorResult())}get useCameraControl(){return"editor"===Bn.config.mode}preparationAction(){}cancelPreparation(){}refreshResults(){}preAction(t){return"mouse"===this.interactionType&&(this.active=!0,this.lastPoint=new C(t.clientX,t.clientY)),this.refreshCursorResult(),"mouse"===this.interactionType?this.type:void 0}action(t){if(!Bn.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:r,deltaY:n,offsetX:o,offsetY:a}=t,c=new C(r,n);if(e||i){const t=this.useCameraControl?new C(o,a):new C,e=-c.y*Bn.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,r=new C(e,i),n=(new C).subtractVectors(r,this.lastPoint);n.x=s&&0!==n.y?Math.sqrt(n.x**2+n.y**2)*n.y/Math.abs(n.y):n.x,n.y=s?0:n.y,this.SDKUtils.pageMove(n),this.lastPoint.copyFrom(r)}}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[]}},hs=require("@pixi/graphics"),ls=class extends as{constructor(t){super(),d(this,"result",{type:"null",box:new G}),d(this,"selectedItemIds",[]),d(this,"activeParentIds",[]),d(this,"cursorPoint",new C),d(this,"startPoint",new C),d(this,"firstClickPoint",new C),d(this,"graphics",new hs.Graphics),d(this,"pageDataUtils"),d(this,"clearResult",!1),d(this,"type","selector"),this.pageDataUtils=t}get interactive(){return Bn.config.gestureHandlerConfig.selectorGizmoEnabled}set interactive(t){Bn.config.gestureHandlerConfig.selectorGizmoEnabled=!0}actionKey(){}endActionKey(){}getRenderObjects(){return this.interactive?this.clearResult?(this.result={type:"null",box:new G},this.clearResult=!1,[]):(this.refreshResults(),[this.graphics]):[]}cancelPreparation(){this.result.type="null"}preparationAction(t,e){if(this.result.box=new G,!this.interactive)return void console.warn("Selector gizmo is not opened, use #SDK.setSelectorConfig() open this feature.");const i=new C(t.offsetX,t.offsetY),s=this.hitTest(i);this.selectedItemIds=this.filterSelectedItems(s);const r=this.selectedItemIds[0]??"",n=[...this.pageDataUtils.getPageData().activeData.selectedItems,...this.pageDataUtils.getPageData().activeData.selectedItems.flatMap(t=>this.pageDataUtils.getChildrenIds(t))],o=this.pageDataUtils.getPageData()?.activeData.preSelectedItem;return r.length&&e&&!n.includes(r)||!e?(!r.length||this.pageDataUtils.isItemSelected(r)||n.includes(r)?(this.pageDataUtils.pauseVideoItem(o),this.pageDataUtils.pauseEffectsItem(o),this.pageDataUtils.clearPreSelectedItem()):(this.pageDataUtils.addPreSelectedItem(r),r!==o&&(this.pageDataUtils.playVideoItem(r),this.pageDataUtils.playEffectsItem(r),this.pageDataUtils.pauseVideoItem(o),this.pageDataUtils.pauseEffectsItem(o))),this.type):(this.pageDataUtils.pauseVideoItem(o),this.pageDataUtils.pauseEffectsItem(o),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.pauseEffectsItem(s),this.pageDataUtils.clearPreSelectedItem(),t.buttons){case 1:{const s=new C(t.offsetX,t.offsetY);if(i??(i=this.firstClickPoint),e&&s.distanceTo(i)<4){const e=new C(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.selectedItemIds[0];if(t){const e=this.pageDataUtils.getSDKItem(t);e?.parentId&&this.pageDataUtils.removeSelectedItems([e.parentId])}}}else this.pageDataUtils.clearSelectedItems(0===this.selectedItemIds.length);if(0===this.selectedItemIds.length)return this.startPoint=new C(t.clientX,t.clientY),this.cursorPoint=new C(t.offsetX,t.offsetY),this.activeParentIds=[],this.active=!0,this.type;{const t=this.addSelectedItem(this.selectedItemIds[0]);return 1===t?.length&&"text"===this.pageDataUtils.getSDKItem(t[0])?.type?"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 C).addVectors(this.cursorPoint,(new C).subtractVectors(new C(t.clientX,t.clientY),this.startPoint)),i=(new C).subtractVectors(this.cursorPoint,e),s=(new C).addVectors(this.cursorPoint,e).multiply(.5);i.x=Math.abs(i.x),i.y=Math.abs(i.y);const r=(new G).setFromCenterAndSize(s,i);this.result.type="region",this.result.box=r,this.pageDataUtils.clearSelectedItems();const n=this.pageDataUtils.getPageData().items?.filter(t=>this.pageDataUtils.getItemEditEnable(t.id)),o=[];i.length()>0&&n?.forEach(t=>{r.intersectsBox(this.pageDataUtils.getViewBoxById(t.id),!1)&&o.push(t.id)});const a=this.filterSelectedItems(o);this.pageDataUtils.addSelectedItems(a)}endAction(){this.active=!1,this.result.type="null"}addSelectedItem(t){this.pageDataUtils.addSelectedItems([t]);const e=this.pageDataUtils.getPageData()?.activeData?.selectedItems;return this.addActiveParentIds(e),this.clearResult=!0,this.pageDataUtils.saveUndoRedoOldData(),e}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),r={ray:new N,regions:[]};try{r.regions=e.hitTest(i,s,!0),r.ray=e.getHitTestRay(i,s)}catch(t){console.warn(t)}this.refreshResultRegions(r);const n=this.reorderHitTestResult(r,e).filter(t=>"extra-camera"!==t&&this.pageDataUtils.getItemEditEnable(t));return this.preSelectedFrameOutBound(t,n)}refreshResultRegions(t){const e=this.pageDataUtils.getPageData()?.items.filter(t=>xt(t)),i=new Map;e?.forEach(t=>{t.property.children?.forEach(e=>{i.set(e,t.id)})}),t.regions.forEach(t=>{t.id=i.get(t.id)??t.id})}reorderHitTestResult(t,e){if(0===t.regions.length||!e)return[];const{ray:i}=t,s=t.regions.reverse(),r=[];return s.forEach(t=>{let s;const n=(t,e)=>{for(const i of t){if(i.getInstanceId()===e&&(s=i),s)return;n(i.children,e)}};if(n(e.items,t.id),void 0===s)return;const o=s.getInstanceId(),a=i.origin.clone().distance(t.position.clone());if((s.type===x.spec.ItemType.mesh||s.getComponent(x.SpriteComponent)?.renderer?.occlusion||s.getComponent(x.TextComponent)?.renderer?.occlusion||s.getComponent(I.VideoComponent)?.renderer?.occlusion||s.getComponent(w.RichTextComponent)?.renderer?.occlusion)&&r.length>0){let t=!0;r.forEach((e,i)=>{if(t)return a<=e[1]?(r.splice(i,0,[o,a]),void(t=!1)):void(i===r.length-1&&r.push([o,a]))})}else r.push([o,a])}),r.map(t=>t[0])}filterSelectedItems(t){const e=[],i=t=>{const e=this.pageDataUtils.getSDKItem(t);return!e.parentId||"frame"===this.pageDataUtils.getSDKItem(e.parentId)?.type||this.activeParentIds.includes(e.parentId)?e.id:i(e.parentId)},s=this.pageDataUtils.getPageData()?.activeData.loadingItems??[];return t.forEach(t=>{const r=i(t);s.includes(r)||j(e,r)}),e}addActiveParentIds(t){this.activeParentIds=[],t?.forEach(t=>{if(!this.pageDataUtils.getSDKItem(t))return;const e=t=>{this.activeParentIds.push(t);const i=this.pageDataUtils.getSDKItem(t);i.parentId&&e(i.parentId)};e(t)})}resetActiveParentIds(t){const e=this.pageDataUtils.getSDKItem(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:r,preSelectedWidth:n,preSelectedColor:o,regionWireframeWidth:a,regionWireframeColor:c,regionWireframeAlpha:h}=Bn.config.gestureHandlerConfig.selectorGizmoConfig;if(i?.isEmpty()||(this.graphics.lineStyle(n,o),this.graphics.drawBox(i)),!t.isEmpty()&&"region"===this.result.type)this.graphics.lineStyle(a,c,h),this.graphics.drawBox(t),this.graphics.beginFill(s,r),this.graphics.fillBox(t),this.graphics.endFill()}preSelectedFrameOutBound(t,e){const i=this.pageDataUtils.getPageData()?.items.filter(t=>vt(t)).map(t=>({id:t.id,box:this.pageDataUtils.getViewBoxById(t.id)}));if(!i?.length)return e;let s=!1;return i.forEach(i=>{if(s)return;const{min:r}=i.box;(new G).setFromVec2Array([r.clone(),r.clone().add(new C(40,-20))]).containsPoint(t)&&(s=!0,e.splice(0,0,i.id))}),e}},ps={};c(ps,{Application:()=>fs.Application,utils:()=>gs});var ds=require("@galacean/effects-plugin-model"),ms={};c(ms,{Application:()=>fs.Application,utils:()=>gs});require("@pixi/polyfill");var gs=p(require("@pixi/utils"),1),us=require("@pixi/interaction"),fs=require("@pixi/app"),ys=require("@pixi/core"),xs=require("@pixi/loaders"),ws=require("@pixi/ticker");function Is(t,e,i,s){const r=[];let n="";const o=t.split(""),a=new ps.Text("",e);for(let t=0;t<o.length;t++){const e=o[t],c=n+e;if(a.text=c,a.width>i){if(r.push(n),r.length>=s){const t=r[s-1];t.length>2?r[s-1]=t.slice(0,-2)+"...":r[s-1]="...";break}n=e}else n=c;t===o.length-1&&n&&r.push(n)}return r.slice(0,s).join("\n")}l(ms,require("@pixi/constants")),l(ms,require("@pixi/core")),l(ms,require("@pixi/display")),l(ms,require("@pixi/graphics")),l(ms,require("@pixi/loaders")),l(ms,require("@pixi/interaction")),l(ms,require("@pixi/math")),l(ms,require("@pixi/runner")),l(ms,require("@pixi/sprite")),l(ms,require("@pixi/text")),l(ms,require("@pixi/ticker")),l(ms,require("@pixi/settings")),gs.skipHello(),ys.Renderer.registerPlugin("interaction",us.InteractionManager),ys.Renderer.registerPlugin("batch",ys.BatchRenderer),fs.Application.registerPlugin(ws.TickerPlugin),fs.Application.registerPlugin(xs.AppLoaderPlugin),ms.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],r=(new ds.Vector2).subtractVectors(s,i).normalize();this.moveTo(i.x-r.x,i.y-r.y),this.lineTo(s.x+r.x,s.y-r.y)}this.endFill()},ms.Graphics.prototype.fillBox=function(t){const e=t.getSize();this.drawRect(t.min.x,t.min.y,e.x,e.y)},ms.Graphics.prototype.drawLine=function(t){if(this.beginFill(),t instanceof M)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()},ms.Graphics.prototype.drawDashLine=function(t,e,i=16,s=8){const r=this.currentPath.points,n={x:r[r.length-2]||0,y:r[r.length-1]||0},o=Math.abs(t),a=Math.abs(e),c=Math.atan((e-n.y)/(t-n.x));for(;Math.abs(n.x)<o||Math.abs(n.y)<a;)n.x=Math.abs(n.x+i*Math.cos(c))<o?n.x+i*Math.cos(c):t,n.y=Math.abs(n.y+i*Math.sin(c))<a?n.y+i*Math.sin(c):e,this.lineTo(n.x,n.y),n.x=Math.abs(n.x+s*Math.cos(c))<o?n.x+s*Math.cos(c):t,n.y=Math.abs(n.y+s*Math.sin(c))<a?n.y+s*Math.sin(c):e,this.moveTo(n.x,n.y)},l(ps,ms);var vs={fontSize:14,fill:6710886,align:"left"},Cs={fontSize:14,fill:6710886,align:"right"},Ss=class extends as{constructor(t,e,i){super(),d(this,"type","transform"),d(this,"wireframe"),d(this,"cursorResult",{type:"normal",angle:0}),d(this,"cursorPoint",new C),d(this,"lastPoint",new C),d(this,"startPoint",new C),d(this,"rotationAngle",0),d(this,"active",!1),d(this,"enableAdsorption",!0),d(this,"scaleParam"),d(this,"activeType","null"),d(this,"lastWorldPosition",new L),d(this,"_ignoreInteraction",!1),d(this,"firstClickPoint",new C),d(this,"frameBoxes",new Map),d(this,"toAddedFrameId"),d(this,"autoLayoutIndicator",null),d(this,"isAutoLayoutDragging",!1),d(this,"autoLayoutDragOriginalPosition",null),d(this,"autoLayoutGraphics",new ps.Graphics),d(this,"groupsNeedProcess",new Map),d(this,"_pageDataUtils"),d(this,"adsorptionGizmo"),d(this,"selectorGizmo"),d(this,"onSelectorGizmoTrigger",!1),d(this,"graphics",new ps.Graphics),d(this,"_isLockScale",!0),d(this,"isShiftDown",!1),d(this,"nameText",new ps.Text("",vs)),d(this,"sizeText",new ps.Text("",Cs)),d(this,"imageSprite"),d(this,"groupSprite"),d(this,"textSprite"),d(this,"videoSprite"),d(this,"frameSprite"),d(this,"effectsSprite"),this._pageDataUtils=t,this.selectorGizmo=i,this.adsorptionGizmo=e,this.wireframe={edges:[],anchor:new C,scaleCorners:[],rotationCorners:[],interactive:!0,cornerEnable:!0,directionEnable:!0,rotationEnabled:!0,scaleEnabled:!0,box:new G,totalBox:new G,childrenBoxes:[],activeType:"null",interactiveDirection:new C,scaleCorner:new C,scaleEdgeCorners:[]},this.imageSprite=ps.Sprite.from(Bn.config.gestureHandlerConfig.transformGizmoConfig.pictureLogoUrl),this.imageSprite.width=15,this.imageSprite.height=15,this.groupSprite=ps.Sprite.from(Bn.config.gestureHandlerConfig.transformGizmoConfig.groupLogoUrl),this.groupSprite.width=15,this.groupSprite.height=15,this.textSprite=ps.Sprite.from(Bn.config.gestureHandlerConfig.transformGizmoConfig.textLogoUrl),this.textSprite.width=15,this.textSprite.height=15,this.videoSprite=ps.Sprite.from(Bn.config.gestureHandlerConfig.transformGizmoConfig.videoLogoUrl),this.videoSprite.width=15,this.videoSprite.height=15,this.frameSprite=ps.Sprite.from(Bn.config.gestureHandlerConfig.transformGizmoConfig.frameLogoUrl),this.frameSprite.width=15,this.frameSprite.height=15,this.effectsSprite=ps.Sprite.from(Bn.config.gestureHandlerConfig.transformGizmoConfig.effectsLogoUrl),this.effectsSprite.width=15,this.effectsSprite.height=15}get interactive(){return Bn.config.gestureHandlerConfig.transformGizmoEnabled}set interactive(t){Bn.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:x.spec.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!==x.spec.ItemType.base&&Bn.config.gestureHandlerConfig.transformGizmoConfig.infoShowEnabled)switch(t.push(this.nameText),t.push(this.sizeText),this.infoType){case"sprite":t.push(this.imageSprite);break;case"group":t.push(this.groupSprite);break;case"text":Bn.config.gestureHandlerConfig.textGizmoEnbaled||t.push(this.textSprite);break;case"video":t.push(this.videoSprite);break;case"generator":{const e=this._pageDataUtils.getSelectedItems()[0];"generator"===e.type&&"image"===e.generatorType?t.push(this.imageSprite):"generator"===e.type&&"video"===e.generatorType&&t.push(this.videoSprite);break}case"effects":t.push(this.effectsSprite);break;case"frame":t.push(this.frameSprite)}return this.renderAutoLayoutIndicator(),this.isAutoLayoutDragging&&this.autoLayoutIndicator&&t.push(this.autoLayoutGraphics),t}renderAutoLayoutIndicator(){if(this.autoLayoutGraphics.clear(),!this.isAutoLayoutDragging||!this.autoLayoutIndicator)return;const t=Bn.config.gestureHandlerConfig.autoLayoutIndicatorConfig,e=t?.lineWidth??2,i=t?.lineColor??3900150;this.autoLayoutGraphics.lineStyle(e,i,1),this.autoLayoutGraphics.drawLine(this.autoLayoutIndicator.line);const s=this.autoLayoutIndicator.line.start,r=this.autoLayoutIndicator.line.end;this.autoLayoutGraphics.beginFill(i),this.autoLayoutGraphics.drawCircle(s.x,s.y,3),this.autoLayoutGraphics.drawCircle(r.x,r.y,3),this.autoLayoutGraphics.endFill()}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 C(t.offsetX,t.offsetY),i=this.wireframe;this.refreshTransformType(e);const{interactiveDirection:s}=i;return this.refreshCursorResult(this.activeType,z(s)),"translation"===this.activeType&&(this.onSelectorGizmoTrigger="selector"===this.selectorGizmo.preparationAction(t,"transform")),this.active="null"!==this.activeType,this.active?this.type:void 0}preAction(t,e=!1){if(this._pageDataUtils.saveUndoRedoOldData(),this.active=1===t.buttons,this.startPoint=new C(t.clientX,t.clientY),this.lastPoint=new C(t.clientX,t.clientY),this.cursorPoint=new C(t.offsetX,t.offsetY),this.groupsNeedProcess.clear(),this.refreshFrameBoxes(),1!==t.buttons)return;if(e)return this.selectorGizmo.preAction(t,e,new C(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 L,this.activeType=e?"null":this.activeType,this.type}action(t){if(!this.interactive)return void console.warn("Transform gizmo is not opened, use #SDK.openTransformGizmo() 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 L,this.groupsNeedProcess.clear(),this.refreshFrameBoxes()}const e=new C(t.clientX,t.clientY),i=(new C).subtractVectors(e,this.lastPoint);if(!this.wireframe.interactive||i.length()<=0)return;const s=this._pageDataUtils.getSelectedItems(),{anchor:r,activeType:n,interactiveDirection:o,scaleCorner:a}=this.wireframe,c=this._pageDataUtils.getPageData();(0,x.assertExist)(c);let h=0;switch(n){case"rotation":{const t=r.clone(),e=new L,n=E(T((new C).subtractVectors(this.cursorPoint,t),(new C).subtractVectors(this.cursorPoint.add(i),t))*D,3);e.z=n,this.rotationAngle+=n,h=z(o)+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 G:this._pageDataUtils.getViewBoxById(t.id)).filter(t=>!t.isEmpty()),i=new C(this.adsorptionGizmo.absorptionResult.x??0,this.adsorptionGizmo.absorptionResult.y??0);this.adsorptionGizmo.boxTranslationAdsorption(t,this.wireframe.box,e);const r=new C(this.adsorptionGizmo.absorptionResult.x??0,this.adsorptionGizmo.absorptionResult.y??0);t.add(i).subtract(r)}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=>{t.x=E(t.x,5),t.y=E(t.y,5),t.z=E(t.z,5),this._pageDataUtils.moveItem(e.id,t),this.refreshItemFrameRelationShip(e,this.cursorPoint.clone()),this.updateAutoLayoutIndicator(e)}),this.lastWorldPosition.copyFrom(e)}break}case"scale":{const t=this.cursorPoint.add(i).clone().subtract(this._pageDataUtils.getViewportLeftTopPosition());if(!a||!this.scaleParam)return;const e=s[0]??void 0,r=e&&1===s.length&&vt(e)?!this.isShiftDown:this.isShiftDown,n=this.scaleParam.farthestCorner;(a.x-n.x)*(this.cursorPoint.x-n.x)>0&&(a.y-n.y)*(this.cursorPoint.y-n.y)>0||!this.isLockScale||this.isShiftDown||(t.x=n.x+(a.x-n.x)/Math.abs(a.x-n.x)*4,t.y=n.y+(a.y-n.y)/Math.abs(a.y-n.y)*4);const c=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t);if(c){const t=this._pageDataUtils.getItemTransformById(e?.id??""),i=(new V).extractRotation(t.matrix).invert(),{corner:n,center:o,shift:a,lastScalar:h}=this.scaleParam,l=(new L).subtractVectors(n,o).applyMatrix(i),p=l.clone().multiply(h),d=c.clone().subtract(a).subtract(o).applyMatrix(i),m=new L(1,1,1);if(!this.isLockScale||r)m.x=B(p.x,0)?1:d.x/p.x,m.y=B(p.y,0)?1:d.y/p.y,m.z=B(p.z,0)?1:d.z/p.z;else{const t=A([B(l.x,0)?1:Math.abs(d.x/l.x),B(l.y,0)?1:Math.abs(d.y/l.y)]),e=d.toArray()[t],i=p.toArray()[t];if(B(h.x,h.y)&&B(h.z,h.x)){const t=B(i,0)?1:Math.abs(e/i);m.set(t,t,t)}else if(0===t){m.x=B(i,0)?1:Math.abs(e/i);const t=l.y*e/l.x;m.y=B(p.y,0)?1:t/p.y;const s=l.z*e/l.x;m.z=B(p.z,0)?1:s/p.z}else if(1===t){m.y=B(i,0)?1:Math.abs(e/i);const t=l.x*e/l.y;m.x=B(p.x,0)?1:t/p.x;const s=l.z*e/l.y;m.z=B(p.z,0)?1:s/p.z}else{m.z=B(i,0)?1:Math.abs(e/i);const t=l.x*e/l.z;m.x=B(p.x,0)?1:t/p.x;const s=l.y*e/l.z;m.y=B(p.y,0)?1:s/p.y}}const g=m.clone().subtract(new L(1,1,0)).divide(2).add(new L(1,1,.5)),u=o.clone().add((new L).subtractVectors(n,o).multiply(new L(h.x,h.y,1)));this.scaleParam.lastScalar.multiply(g);const f=o.clone().add((new L).subtractVectors(n,o).multiply(new L(this.scaleParam.lastScalar.x,this.scaleParam.lastScalar.y,1))),y=(new L).subtractVectors(f,u);if(y.x=E(y.x,5),y.y=E(y.y,5),y.z=E(y.z,5),this.scaleParam.center.add(y),this.scaleParam.corner.add(y),e&&vt(e)){const t=e.property.width,i=e.property.height,s=t*g.x,r=i*g.y;this._pageDataUtils.resizeFrameItem(e.id,[s,r],y)}else s.forEach(t=>{this._pageDataUtils.scaleItem(t.id,g),this._pageDataUtils.moveItem(t.id,y)});this.lastWorldPosition.copyFrom(c)}h=z(o);break}}this.refreshCursorResult(n,h),this.lastPoint.copyFrom(e)}endAction(t){this.executeAutoLayoutReorder(),this._pageDataUtils.pushUndoRedoData(),this.active=!1;const{clientX:e,clientY:i,offsetX:s,offsetY:r}=t,n=new C(e,i);if(n.distanceTo(this.startPoint)<4&&this.onSelectorGizmoTrigger){const t=this.selectorGizmo.hitTest(new C(s,r));this.isShiftDown||this._pageDataUtils.clearSelectedItems(0===t.length),this.selectorGizmo.addSelectedItem(t[0])}else{const t=(new C).subtractVectors(n,this.lastPoint);this.cursorPoint.add(t);const e=this.wireframe;"scale"===e.activeType&&this.refreshFrameChildren(),this.refreshTransformType(this.cursorPoint);const{activeType:i,interactiveDirection:s}=e;this.refreshCursorResult(i,z(s)),this.adsorptionGizmo.clearAbsorptionResult()}this.processGroupsNeedProcess(),this.toAddedFrameId=void 0,this.frameBoxes.clear(),this.onSelectorGizmoTrigger=!1,this.rotationAngle=0,this.lastPoint=new C,this.startPoint=new C,this.cursorPoint=new C}interruption(){this.active=!1,this.cursorResult.type="normal",this.adsorptionGizmo.clearAbsorptionResult(),this.groupsNeedProcess.size>0&&(console.log("Clearing groupsNeedProcess due to interruption."),this.groupsNeedProcess.clear())}refreshCursorResult(t,e=0){switch(t){case"scale":this.cursorResult={type:"scale",angle:(e+Math.PI/4)*D};break;case"rotation":this.cursorResult={type:"rotation",angle:(e+Math.PI/4)*D};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,r,n;if(i){const t=this._pageDataUtils.getItemTransformById(i.id);s=(new L).copyFrom(this._pageDataUtils.getPlayerItemById(i.id).transform.anchor).applyMatrix(t.matrix),r=(new L).setFromMatrixPosition(t.matrix),n=(new O).setFromQuaternion((new R).setFromRotationMatrix(t.matrix))}this._pageDataUtils.interactionUtils.initInteractionPlane(r,n);const{scaleCorner:o,box:a}=this.wireframe,c=a.corners[0].clone();let h=c.distanceTo(o);a.corners.forEach(t=>{t.distanceTo(o)>h&&(c.copyFrom(t),h=t.distanceTo(o))}),this.scaleParam={shift:new L,center:new L,corner:new L,lastScalar:new L(1,1,1),farthestCorner:c},this.scaleParam.center=s??r;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 L}this.scaleParam.shift=(this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t)??new L).subtract(this.scaleParam.corner);break}case"translation":case"rotation":this._pageDataUtils.interactionUtils.initInteractionPlane()}}refreshRenderObject(){this.graphics.clear(),this.nameText.text="",this.sizeText.text="";const{wireframeAlpha:t,wireframeColor:e,wireframeWidth:i,cornerFillColor:s,cornerLineWidth:r,cornerLineColor:n,cornerLineAlpha:o,infoShowEnabled:a}=Bn.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 M(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(r,n,o),this.wireframe.scaleCorners.forEach(t=>{this.graphics.drawCircle(t.center.x,t.center.y,t.radius)}),this.graphics.endFill()),this.infoType!==x.spec.ItemType.base&&a){const t=this._pageDataUtils.getSelectedItems(),e=t[0],i=1===t.length?e.name:"",{width:s,height:r,rotation:n}=e.property,o=[s,r],a="group"===this.infoType?this.groupSprite:"sprite"===this.infoType?this.imageSprite:"text"===this.infoType?this.textSprite:"video"===this.infoType?this.videoSprite:"generator"===this.infoType&&"image"===e.generatorType?this.imageSprite:"generator"===this.infoType&&"video"===e.generatorType?this.videoSprite:"effects"===this.infoType?this.effectsSprite:"frame"===this.infoType?this.frameSprite:this.imageSprite,c=this.wireframe.box.corners[3],h=n[2]*b;a.anchor.set(0,1),a.x=c.x,a.y=c.y-5,a.rotation=-h;const{x:l}=this.wireframe.box.getSize(),p=c.clone().add(new C(20,0)).rotateAround(c,-h),d=this.wireframe.box.corners[0].clone().subtract(new C(0,20)).rotateAround(this.wireframe.box.corners[0].clone(),-h);this.sizeText.text=o.map(t=>E(t,0)).join(" * "),this.sizeText.anchor.set(1,0),this.sizeText.x=d.x,this.sizeText.y=d.y,this.sizeText.rotation=-h;const{width:m}=this.sizeText.getBounds();l<2*m&&(this.sizeText.text="");const g=` ${i}`,u=new C(0,4).rotateAround(new C,h);this.nameText.text=g,this.nameText.anchor.set(0,1),this.nameText.x=p.x+u.x,this.nameText.y=p.y-u.y,this.nameText.rotation=-h;const{width:f}=this.nameText.getBounds();if(20+f+m>l)if(l<2*m)this.sizeText.text="",this.nameText.text=Is(g,vs,l-20,1);else{const t=l-20-m-5;this.nameText.text=Is(g,vs,t,1)}}if(this.toAddedFrameId){const s=this.frameBoxes.get(this.toAddedFrameId);s&&(this.graphics.lineStyle(i,e,t),this.graphics.drawBox(s))}}}refreshTransformType(t){this.activeType="null";let e=!0;if(this.wireframe.interactiveDirection=new C,this.wireframe.scaleCorner=void 0,this.wireframe.scaleEdgeCorners=void 0,this.wireframe.interactive&&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="template"===Bn.config.mode,i=1===t.length?t[0]:void 0,s="generator"===i?.type,r="frame"===i?.type&&"auto"===i?.layoutMode,n=1===t.length&&"group"!==i?.type&&!r&&!s,o=new G;if(this.wireframe.edges=[],this.wireframe.scaleCorners=[],this.wireframe.childrenBoxes=[],this.wireframe.rotationCorners=[],this.wireframe.rotationEnabled=e,this.wireframe.scaleEnabled=n||e,this.wireframe.cornerEnable=n||e,t.length>1)t.forEach(t=>{if(this._pageDataUtils.getItemShow(t.id)){const e=this._pageDataUtils.getViewBoxById(t.id);o.union(e),this.wireframe.childrenBoxes.push((new G).copyFrom(e).expandByScalar(1))}}),this.wireframe.anchor=o.getCenter(),this.wireframe.interactive=!0;else if(1===t.length){const e=t[0];if("text"!==e.type&&this._pageDataUtils.getItemShow(e.id)){const t=this._pageDataUtils.getViewBoxById(e.id);o.copyFrom(t),this.wireframe.anchor=this._pageDataUtils.getItemViewAnchor(e.id)??o.getCenter(),this.wireframe.interactive=this._pageDataUtils.getItemEditEnable(e.id)}}const a=o.isEmpty(),c=a?0:1,h=a?0:16;this.wireframe.activeType=t.length?this.wireframe.activeType:"null",this.wireframe.box.copyFrom(o).expandByScalar(c),this.wireframe.totalBox.copyFrom(o).expandByScalar(h);const l=this.wireframe.box.corners;l.forEach((t,e)=>{this.wireframe.edges.push(new M((new C).copyFrom(t),(new C).copyFrom(l[(e+1)%4])))});const{scaleCircleSize:p,rotationCircleSize:d}=Bn.config.gestureHandlerConfig.transformGizmoConfig;1===t.length&&this.wireframe.box.corners.forEach(t=>{this.wireframe.scaleCorners.push(new F(t,p));const e=(new C).subtractVectors(t,this.wireframe.box.getCenter()),i=(new C).copyFrom(this.wireframe.box.getCenter()).add((new C).copyFrom(e).normalize().multiply(e.length()+d-p));this.wireframe.rotationCorners.push(new F(i,d))})}setAdsorptionEnabled(t){this.enableAdsorption=t}processGroupsNeedProcess(){0!==this.groupsNeedProcess.size&&(this.groupsNeedProcess.forEach(({groupId:t,frameId:e,childrenOutOfFrame:i})=>{const s=this._pageDataUtils.getSDKItem(t);s&&gt(s)&&(s.property.children=s.property.children.filter(t=>!i.includes(t)),i.forEach(t=>{const e=this._pageDataUtils.getSDKItem(t);e&&(e.parentId=void 0)}),i.length>0&&e&&(console.log(`Moving ${i.length} children out of frame ${e}`),this._pageDataUtils.moveItemsOutOfFrame(i,e)))}),this.groupsNeedProcess.clear())}refreshFrameBoxes(){this.frameBoxes.clear();const t=this._pageDataUtils.getPageData()?.items.filter(t=>vt(t));t?.forEach(t=>{const e=this._pageDataUtils.getViewBoxById(t.id);this.frameBoxes.set(t.id,e)})}refreshItemFrameRelationShip(t,e){if(vt(t)||xt(t))return;const i=(this._pageDataUtils.getPageData()?.items.filter(t=>vt(t))??[]).find(e=>e.children.includes(t.id)),s=!!i;let r;if(this.frameBoxes.forEach((t,i)=>{t.containsPoint(e)&&!r&&(r=i)}),this.toAddedFrameId=r,!r&&s){const e=[t.id];if(gt(t)){const{children:i}=t.property;e.push(...i)}this._pageDataUtils.moveItemsOutOfFrame(e),t.parentId!==i.id&&t.parentId&&this._pageDataUtils.deleteItemParent(t.id,t.parentId)}if(r&&(!i||i.id!==r)){const e=[t.id];if(gt(t)){const{children:i}=t.property;if(e.push(...i),0===i.length)this._pageDataUtils.deleteItem(t.id);else{const e=this.frameBoxes.get(r);if(!e)return;const s=[],n=[];if(i.forEach(t=>{const i=this._pageDataUtils.getViewBoxById(t);i&&e.intersectsBox(i)?s.push(t):n.push(t)}),0===s.length)return void console.log(`Group ${t.id} has no children in frame ${r}, skipping frame entry.`);n.length>0?(console.log(`Group ${t.id}: ${n.length} children out of frame, will process at drag end.`),this.groupsNeedProcess.set(t.id,{groupId:t.id,frameId:r,childrenOutOfFrame:n})):this.groupsNeedProcess.delete(t.id)}}else if(t.parentId){const e=this._pageDataUtils.getSDKItem(t.parentId);e&&gt(e)&&this._pageDataUtils.deleteItemParent(t.id,t.parentId)}this._pageDataUtils.moveItemsToFrame(e,r)}return r}updateAutoLayoutIndicator(t){const e=t.parentId;if(!e)return this.autoLayoutIndicator=null,void(this.isAutoLayoutDragging=!1);const i=this._pageDataUtils.getSDKItem(e);if(!vt(i)||"auto"!==i.layoutMode)return this.autoLayoutIndicator=null,void(this.isAutoLayoutDragging=!1);if(this.isAutoLayoutDragging=!0,null===this.autoLayoutDragOriginalPosition){const e=i.property.layoutInfos?.[t.id];this.autoLayoutDragOriginalPosition={row:e?.row??0,column:e?.column??0}}const s=i.children.map(t=>this._pageDataUtils.getSDKItem(t)).filter(t=>void 0!==t),r=this.calculateAutoLayoutPositionByMouse(this.cursorPoint,s,t.id);if(r){const e=i.property.layoutInfos?.[t.id],n=e?.row??0;this.autoLayoutDragOriginalPosition&&this.adjustOtherElementsLayoutInfo(i,t.id,this.autoLayoutDragOriginalPosition.row,this.autoLayoutDragOriginalPosition.column,r.row,r.column),this.updateItemLayoutInfo(t,i,r);const o=this.calculateInsertPositionFromLayout(s,t.id,i,n);if(o.siblingId){const t=this.calculateAutoLayoutIndicatorLine(o,s);this.autoLayoutIndicator={frameId:i.id,insertIndex:o.index,insertDirection:o.direction,targetSiblingId:o.siblingId,line:t,targetRow:r.row,targetColumn:r.column}}else this.autoLayoutIndicator={frameId:i.id,insertIndex:s.length-1,insertDirection:"after",targetSiblingId:void 0,line:new M,targetRow:r.row,targetColumn:r.column}}else this.autoLayoutIndicator=null}calculateAutoLayoutIndicatorLine(t,e){if(t.rowChange?.isRowChange&&t.rowChange.rowBounds){const e=t.rowChange.rowBounds,i=t.rowChange.toRow<t.rowChange.fromRow?e.minY:e.maxY;return new M(new C(e.minX-20,i),new C(e.maxX+20,i))}if(t.siblingId&&e.length>0){const e=this._pageDataUtils.getViewBoxById(t.siblingId);return"before"===t.direction?new M(new C(e.min.x-5,e.min.y-10),new C(e.min.x-5,e.max.y+10)):new M(new C(e.max.x+5,e.min.y-10),new C(e.max.x+5,e.max.y+10))}return new M}calculateAutoLayoutPositionByMouse(t,e,i){const s=e.filter(t=>t.id!==i);if(0===s.length)return{row:0,column:0};const r=s.map(t=>{const e=this._pageDataUtils.getSDKItem(t.parentId??""),i=vt(e)?e.property.layoutInfos?.[t.id]:void 0;return{id:t.id,box:this._pageDataUtils.getViewBoxById(t.id),center:this._pageDataUtils.getViewBoxById(t.id).getCenter(),layoutInfo:i}}).filter(t=>!t.box.isEmpty());if(0===r.length)return{row:0,column:0};const n=t.y,o=t.x,a=new Map;let c=0,h=0;for(const t of r){const e=void 0!==t.layoutInfo?.row?Math.floor(t.layoutInfo.row):0;c=Math.max(c,e),h=Math.min(h,e),a.has(e)||a.set(e,[]),a.get(e).push(t)}const l=[];for(const[t,e]of a){const i=Math.min(...e.map(t=>t.box.min.y)),s=Math.max(...e.map(t=>t.box.max.y)),r=(i+s)/2,n=s-i;l.push({row:t,centerY:r,minY:i,maxY:s,height:n})}l.sort((t,e)=>t.centerY-e.centerY);let p=0,d=!1;for(let t=0;t<l.length;t++){const e=l[t];if(n>=e.minY&&n<=e.maxY){p=e.row,d=!0;break}}if(!d&&l.length>0){n<l[0].minY&&(p=h-1,d=!0)}if(!d&&l.length>0){n>l[l.length-1].maxY&&(p=c+1,d=!0)}if(!d){let t=1/0;for(const e of l){const i=Math.abs(n-e.centerY);i<t&&(t=i,p=e.row)}}const m=a.get(p)??[];if(0===m.length)return{row:p,column:0};m.sort((t,e)=>t.center.x-e.center.x);for(let t=0;t<m.length;t++){if(o<m[t].center.x)return{row:p,column:t}}return{row:p,column:m.length}}updateItemLayoutInfo(t,e,i){var s;(s=e.property).layoutInfos??(s.layoutInfos={});const r=e.property.layoutInfos[t.id];e.property.layoutInfos[t.id]={...r,row:i.row,column:i.column}}adjustOtherElementsLayoutInfo(t,e,i,s,r,n){if(i===r&&s===n)return;const o=t.property.layoutInfos??{};if(i===r){let t=null;for(const[s,r]of Object.entries(o))if(s!==e&&r.row===i&&r.column===n){t={id:s,info:r};break}for(const[t,r]of Object.entries(o))t!==e&&r.row===i&&(s<n?r.column>s&&r.column<n&&r.column--:s>n&&r.column>=n&&r.column<s&&r.column++);t&&(t.info.column=s)}else{for(const[t,r]of Object.entries(o))t!==e&&r.row===i&&r.column>s&&r.column--;for(const[t,i]of Object.entries(o))t!==e&&i.row===r&&i.column>=n&&i.column++}}calculateInsertPositionFromLayout(t,e,i,s){const r=this.cursorPoint,n=r.x,o=r.y,a=t.filter(t=>t.id!==e);if(0===a.length)return{index:0,direction:"after",row:-1,column:0};const c=a.map(t=>{const e=this._pageDataUtils.getViewBoxById(t.id);if(e.isEmpty())return null;const s=i.property.layoutInfos?.[t.id];return{item:t,box:e,row:Math.floor(s?.row??0),column:s?.column??0,centerX:e.getCenter().x}}).filter(t=>null!==t);if(0===c.length)return{index:0,direction:"after",row:-1,column:0};const h=new Map;for(const t of c)h.has(t.row)||h.set(t.row,[]),h.get(t.row).push(t);const l=new Map;for(const[t,e]of h){const i=Math.min(...e.map(t=>t.box.min.y)),s=Math.max(...e.map(t=>t.box.max.y)),r=Math.min(...e.map(t=>t.box.min.x)),n=Math.max(...e.map(t=>t.box.max.x));l.set(t,{minY:i,maxY:s,minX:r,maxX:n})}const p=Array.from(h.keys()).sort((t,e)=>t-e);let d=-1;for(const t of p){const e=l.get(t);if(o>=e.minY&&o<=e.maxY){d=t;break}}if(-1===d&&p.length>0){const t=p[0];d=o<l.get(t).minY?-1:p[p.length-1]}const m=this._pageDataUtils.getSelectedItems(),g=new G;m.forEach(t=>{const e=this._pageDataUtils.getViewBoxById(t.id);g.union(e)});const u=l.get(s),f=d!==s,y=h.get(d)??[];if(0===y.length){let t=null;for(const[e,i]of h)if(e>d&&i.length>0){t=i[0]?.item??null;break}if(!t){const e=p[p.length-1],i=void 0!==e?h.get(e)??[]:[];t=i[i.length-1]?.item??null}if(t){const e=i.children.indexOf(t.id);if(-1!==e)return{index:-1===d?e:e+1,direction:-1===d?"before":"after",siblingId:t.id,row:d,column:-1===d?0:h.get(d)?.length??0,rowChange:f&&u?{fromRow:s,toRow:d,rowBounds:u,isRowChange:f}:void 0}}return{index:0,direction:"after",row:d,column:0,rowChange:f&&u?{fromRow:s,toRow:d,rowBounds:u,isRowChange:f}:void 0}}y.sort((t,e)=>t.centerX-e.centerX);for(const t of y)if(n<t.centerX){const e=i.children.indexOf(t.item.id);if(-1!==e)return{index:e,direction:"before",siblingId:t.item.id,row:d,column:t.column,rowChange:f&&u?{fromRow:s,toRow:d,rowBounds:u,isRowChange:!0}:void 0}}const x=y[y.length-1];if(x){const t=i.children.indexOf(x.item.id);if(-1!==t)return{index:t+1,direction:"after",siblingId:x.item.id,row:d,column:x.column+1,rowChange:f&&u?{fromRow:s,toRow:d,rowBounds:u,isRowChange:!0}:void 0}}return{index:0,direction:"after",row:-1,column:0,rowChange:f&&u?{fromRow:s,toRow:d,rowBounds:u,isRowChange:!0}:void 0}}executeAutoLayoutReorder(){if(!this.isAutoLayoutDragging)return;const t=this.autoLayoutIndicator?.frameId;if(!t)return this.autoLayoutIndicator=null,this.isAutoLayoutDragging=!1,void(this.autoLayoutDragOriginalPosition=null);if(!vt(this._pageDataUtils.getSDKItem(t)))return this.autoLayoutIndicator=null,this.isAutoLayoutDragging=!1,void(this.autoLayoutDragOriginalPosition=null);this._pageDataUtils.applyFrameAutoLayout(t),this.autoLayoutIndicator=null,this.isAutoLayoutDragging=!1,this.autoLayoutDragOriginalPosition=null}refreshFrameChildren(){const t=this._pageDataUtils.getSelectedItems();1===t.length&&this._pageDataUtils.refreshFrameChildren(t[0].id)}},Ps=require("@pixi/graphics"),bs=class extends as{constructor(){super(...arguments),d(this,"results",[]),d(this,"graphics",new Ps.Graphics),d(this,"absorptionResult",{}),d(this,"type","adsorption")}get interactive(){return Bn.config.gestureHandlerConfig.adsorptionGizmoEnabled}set interactive(t){Bn.config.gestureHandlerConfig.adsorptionGizmoEnabled=t}preparationAction(){}getCursorState(){}preAction(){}action(){}cancelPreparation(){}actionKey(){}endActionKey(){}endAction(){}interruption(){}boxTranslationAdsorption(t,e,i,s=!0,r=!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 n=new C(this.absorptionResult?.x??0,this.absorptionResult?.y??0).add(t),o=e.clone().translate(n),a=o.getCenter();this.absorptionResult={},i.forEach(t=>{if(t.isEmpty())return;t.corners.forEach(t=>{o.corners.forEach(e=>{this.getPointAbsorption(e,t,s,r)}),this.getPointAbsorption(a,t,s,r)});const e=t.getCenter();this.getPointAbsorption(a,e,s,r),o.corners.forEach(t=>{this.getPointAbsorption(t,e,s,r)})})}pointTranslationAdsorption(t,e,i,s=!0,r=!0){if(this.results=[],!this.interactive)return void console.warn("Adsorption is not opened, use #SDK.setAdsorptionConfig() open this feature.");const n=new C(this.absorptionResult?.x??0,this.absorptionResult?.y??0).add(t),o=e.clone().add(n);this.absorptionResult={},i.forEach(t=>{this.getPointAbsorption(o,t,s,r)})}getPointAbsorption(t,e,i=!0,s=!0){i&&Math.abs(t.x-e.x)<Bn.config.gestureHandlerConfig.adsorptionGizmoConfig.distance&&this.refreshPointAbsorptionResult(t,e,"x"),s&&Math.abs(t.y-e.y)<Bn.config.gestureHandlerConfig.adsorptionGizmoConfig.distance&&this.refreshPointAbsorptionResult(t,e,"y")}refreshPointAbsorptionResult(t,e,i){const s=t[i]-e[i],r="x"===i?"xPoints":"yPoints";if(this.absorptionResult&&void 0===this.absorptionResult[i])this.absorptionResult[i]=s,this.absorptionResult[r]=[{point:t,targets:[e]}];else if(Math.abs(s)-Math.abs(this.absorptionResult[i]??0)<=.005)if(Math.abs(Math.abs(s)-Math.abs(this.absorptionResult[i]??0))<.05&&s*(this.absorptionResult[i]??0)>0)if(void 0===this.absorptionResult[r])this.absorptionResult[i]=s,this.absorptionResult[r]=[{point:t,targets:[e]}];else{const i=this.absorptionResult[r].filter(e=>e.point.equals(t));void 0===i||0===i.length?this.absorptionResult[r]?.push({point:t,targets:[e]}):i[0]?.targets.push(e)}else this.absorptionResult[i]=s,this.absorptionResult[r]=[{point:t,targets:[e]}]}refreshResults(){if(void 0===this.absorptionResult)return;const{x:t,y:e,xPoints:i,yPoints:s}=this.absorptionResult,r=new C(t??0,e??0);void 0!==t&&void 0!==i&&i.forEach(t=>{const e=t.point.clone().subtract(r),i=e.clone(),s=e.clone();t.targets.forEach(t=>{i.x=t.x,i.y=Math.min(i.y,t.y),s.x=t.x,s.y=Math.max(s.y,t.y)}),this.results.push(new M(i,s))}),void 0!==e&&void 0!==s&&s.forEach(t=>{const e=t.point.clone().subtract(r),i=e.clone(),s=e.clone();t.targets.forEach(t=>{i.y=t.y,i.x=Math.min(i.x,t.x),s.y=t.y,s.x=Math.max(s.x,t.x)}),this.results.push(new M(i,s))})}refreshRenderObject(){this.graphics.clear();const{lineWidth:t,lineColor:e}=Bn.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={}}},Ds=class extends as{constructor(t){super(),d(this,"safeAreaSprites",new Map),d(this,"box",new G),d(this,"graphics",new ps.Graphics),d(this,"PageDataUtils"),d(this,"type","preference"),this.PageDataUtils=t}preparationAction(){}preAction(){}action(){}endAction(){}interruption(){}actionKey(){}endActionKey(){}cancelPreparation(){}refreshResults(){if(this.box=new G,!this.interactive)return void console.warn("Preference gizmo is not opened, use #SDK.setAdsorptionConfig() open this feature.");if("editor"===Bn.config.mode)return;const t=this.PageDataUtils.getPageData();(0,x.assertExist)(t);const{container:e}=this.PageDataUtils;if(e){const{zoom:i}=t.property,{offsetWidth:s,offsetHeight:r}=e,n=new C(s,r).multiply(i),o=this.PageDataUtils.getViewportLeftTopPosition().add(n.clone().divide(2));this.box=(new G).setFromCenterAndSize(o,n)}}refreshRenderObjects(){if("editor"===Bn.config.mode)return;const{boxWidth:t,boxColor:e,markColor:i,markAlpha:s,safeAreaEnabled:r,safeAreaBoxColor:n,safeAreaBoxAlpha:o}=Bn.config.gestureHandlerConfig.preferenceGizmoConfig;this.graphics=new ps.Graphics;const{offsetWidth:a,offsetHeight:c}=this.PageDataUtils.container.parentElement,h=new G(new C(0,0),new C(a,this.box.min.y)),l=new G(new C(0,this.box.min.y),new C(this.box.min.x,c)),p=new G(new C(this.box.min.x,this.box.max.y),new C(a,c)),d=new G(new C(this.box.max.x,this.box.min.y),new C(a,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(),r){const t=this.PageDataUtils.getViewProperty();if(t){const{size:e,safeArea:i,previewSafeAreas:s}=t,[r,a,c,h]=i,l=this.box.getSize(),p=r/e[1]*l.y,d=c/e[0]*l.x,m=h/e[0]*l.x,g=a/e[1]*l.y,{min:u,max:f}=this.box;this.graphics.beginFill(n,o);const y=new G(u,new C(f.x,u.y+p)),x=new G(new C(u.x,u.y+p),new C(u.x+d,f.y)),w=new G(new C(f.x-m,u.y+p),new C(f.x,f.y)),I=new G(new C(u.x+d,f.y-g),new C(f.x-m,f.y));this.graphics.fillBox(y),this.graphics.fillBox(x),this.graphics.fillBox(w),this.graphics.fillBox(I),this.graphics.endFill(),s.forEach(t=>{const{box:[i,s,r,n],color:o,url:a,visible:c}=t;if(!1===c)return;const h=this.box.getSize(),l=new C(r/e[0]*h.x,n/e[1]*h.y),p=new C(i/e[0]*h.x+l.x/2,s/e[1]*h.y+l.y/2).add(u),d=(new G).setFromCenterAndSize(p,l);if(a){let t=this.safeAreaSprites.get(a);t||(t=ps.Sprite.from(a),t.anchor.set(.5,.5),this.safeAreaSprites.set(a,t)),t.x=p.x,t.y=p.y,t.width=l.x,t.height=l.y,this.graphics.addChild(t)}else{const t=o?.[3]??.3,e=o?.slice(0,3)??[255,0,0],i=e[0]<<16|e[1]<<8|e[2];this.graphics.beginFill(i,t),this.graphics.fillBox(d),this.graphics.endFill()}})}}this.graphics.lineStyle(t,e),this.graphics.drawBox(this.box)}getRenderObjects(){return Bn.config.gestureHandlerConfig.preferenceGizmoEnabled&&"editor"!==Bn.config.mode?(this.refreshRenderObjects(),[this.graphics]):[]}get interactive(){return Bn.config.gestureHandlerConfig.preferenceGizmoEnabled}set interactive(t){Bn.config.gestureHandlerConfig.preferenceGizmoEnabled=t}},zs="https://mdn.alipayobjects.com/rms/uri/file/as/0.0.6",Ts={normal:{type:"preset",content:"default"},rotation:{type:"svg",content:"default",url:`${zs}/icons/cursor-rotate-32.svg`},circle:{type:"svg",content:"default",url:`${zs}/icons/cursor-rotate-32.svg`},scale:{type:"svg",content:"default",url:`${zs}/icons/cursor-scale-32.svg`},hand:{type:"preset",content:"grab"},pointer:{type:"preset",content:"pointer"},"text-create":{type:"preset",content:"text"},"active-hand":{type:"preset",content:"grabbing"},"frame-create":{type:"preset",content:"crosshair"},"text-rotation":{type:"svg",content:"default",url:"https://mdn.alipayobjects.com/huamei_ixsp8m/afts/img/A*R722QoloC44AAAAAKkAAAAgAev-aAQ/original"}};var Es=class{constructor(){d(this,"index",-1),d(this,"operations",[])}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=[],this.index=-1}},As=class{constructor(){d(this,"index",-1),d(this,"operations",[]),d(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=[],this.index=-1}},Bs=class t{constructor(e){d(this,"container",null),d(this,"config"),d(this,"offsetX",0),d(this,"offsetY",0),this.config={...t.DEFAULT_GRID_CONFIG,...e}}attach(t){this.container=t}detach(){this.container=null}applyPreset(e,i){if(!this.container)return!1;const s=t.PRESETS[e];if(!s)return console.warn(`Unknown background preset: ${e}`),!1;const r=this.container.parentElement;return!!r&&(this.clearBackground(r),(s.color||i)&&(r.style.backgroundColor=i??s.color??""),s.image&&(r.style.backgroundImage=s.image),s.repeat&&(r.style.backgroundRepeat=s.repeat),s.position&&(r.style.backgroundPosition=s.position,this.offsetX=0,this.offsetY=0),s.size&&(r.style.backgroundSize=s.size),!0)}setColorBackground(t){if(!this.container)return;const e=this.container.parentElement;e&&(this.clearBackground(e),e.style.backgroundColor=t)}setImageBackground(t){if(!this.container)return;const e=this.container.parentElement;e&&(this.clearBackground(e),e.style.backgroundImage=`url(${t})`)}updateTransform(t,e){if(!this.container)return;const i=this.container.parentElement;if(!i)return;this.offsetX+=t.x,this.offsetY+=t.y;const s=this.calculateZoomCycle(e),r=Math.max(this.config.minSize,this.config.baseSize*s);i.style.backgroundPosition=`${this.offsetX}px ${this.offsetY}px , ${this.offsetX+r/2}px ${this.offsetY+r/2}px`,i.style.backgroundSize=`${r}px ${r}px`}reset(){if(this.offsetX=0,this.offsetY=0,!this.container)return;const t=this.container.parentElement;t&&(t.style.backgroundPosition="",t.style.backgroundSize="")}clearBackground(t){t.style.removeProperty("background-color"),t.style.removeProperty("background-image"),t.style.removeProperty("background-repeat"),t.style.removeProperty("background-position"),t.style.removeProperty("background-size")}calculateZoomCycle(t){const{zoomCycle:e}=this.config,i=Math.log(t)/Math.log(e),s=Math.floor(i);return t/Math.pow(e,s)}};d(Bs,"DEFAULT_GRID_CONFIG",{baseSize:16,zoomCycle:2,minSize:8}),d(Bs,"PRESETS",{"dot-board":{color:"#F5F5F5",image:"radial-gradient(circle 1px at 8px 8px, #BBBBBB 50%, transparent 100%)",repeat:"repeat",position:"0 0",size:"16px 16px"},"chess-board":{color:"#CCCCCC",image:"linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%),linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%)",repeat:"repeat",position:"0 0, 8px 8px",size:"16px 16px"}});var _s=Bs,ks=require("@galacean/effects"),Us=class{constructor(t){d(this,"plane",new W),d(this,"ray",new N),d(this,"viewportParam",{width:0,height:0,scale:1,translation:new C,rulerWidth:0}),d(this,"cameraParam",{position:new L,rotation:new L,focusPosition:new L,focusRotation:new L,viewProjectionMatrix:new V,inverseViewProjectionMatrix:new V}),d(this,"pageDataUtils"),this.pageDataUtils=t}refreshViewParam(){const t=this.pageDataUtils.getPageData();(0,ks.assertExist)(t,"You must run SDK first");const e=new C(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 C(...s),this.viewportParam.rulerWidth=0}refreshCameraParam(){const{player:t}=this.pageDataUtils,e=t?.getCompositions()?.[0]?.camera;if(e){const t=V.fromArray(e.getViewProjectionMatrix().toArray()),i=V.fromArray(e.getViewMatrix().toArray()).invert(),s=new R;i.decompose(this.cameraParam.position,s,new L),this.cameraParam.rotation=(new O).setFromQuaternion(s).toDegreeVector3(),this.cameraParam.focusPosition=new L(...this.cameraParam.position.toVector2().toArray(),this.cameraParam.position.z>0?0:2*this.cameraParam.position.z),this.cameraParam.focusPosition.applyEuler((new O).setFromDegreeVector3(this.cameraParam.rotation.clone()),this.cameraParam.position),this.cameraParam.focusRotation=(new O).setFromQuaternion(s.invert()).toDegreeVector3(),this.cameraParam.viewProjectionMatrix=t,this.cameraParam.inverseViewProjectionMatrix=V.fromArray(e.getInverseViewProjectionMatrix().toArray())}}refrehCameraParamByCameraInfo(t){const{near:e,far:i,fov:s,aspect:r,position:n,clipMode:o}=t,a=(new V).perspective(s*Math.PI/180,r,e,i,1===o),c=(new V).compose(new L(...n),new R,new L(1,1,1)).invert(),h=(new V).multiplyMatrices(a,c),l=h.clone().invert();this.cameraParam.position=new L(...n),this.cameraParam.rotation=(new O).toDegreeVector3(),this.cameraParam.focusPosition=new L(n[0],n[1],this.cameraParam.position.z>0?0:2*this.cameraParam.position.z),this.cameraParam.focusPosition.applyEuler((new O).setFromDegreeVector3(this.cameraParam.rotation.clone()),this.cameraParam.position),this.cameraParam.focusRotation=(new O).toDegreeVector3(),this.cameraParam.viewProjectionMatrix=h,this.cameraParam.inverseViewProjectionMatrix=l}initInteractionPlane(t,e){t??(t=this.cameraParam.focusPosition),e??(e=(new O).setFromDegreeVector3(this.cameraParam.rotation));const i=new L(0,0,1).applyEuler(e);this.plane.setFromNormalAndCoplanarPoint(t,i)}getWorldSizeByViewSize(t,e=!0,i){const s=e||!i?(new O).setFromDegreeVector3(this.cameraParam.rotation):(new O).setFromQuaternion((new R).setFromRotationMatrix(this.pageDataUtils.getItemTransformById(i).matrix)),r=i?(new L).setFromMatrixPosition(this.pageDataUtils.getItemTransformById(i).matrix):this.cameraParam.focusPosition,n="editor"===Bn.config.mode?1:this.viewportParam.scale;t.multiply(n);const o=this.projectPoint(r.clone()),a=this.getWorldPositionByViewPoint(o.add(t));if(!a)return console.warn("size is out of bounds."),new L(0,0,0);const c=(new O).setFromQuaternion((new R).setFromEuler(s).invert());return(e||!i?a.applyEuler(c,r):a).subtract(r)}getViewSizeByPixelSize(t){const{scale:e}=this.viewportParam,i="template"===Bn.config.mode?1:e;return t.clone().multiply(i)}projectPoint(t){const{width:e,height:i,scale:s}=this.viewportParam,{viewProjectionMatrix:r}=this.cameraParam,n="editor"===Bn.config.mode?1:s;return(new C).copyFrom(t.applyMatrix(r).toVector2()).toViewCoordinate(e*n,i*n)}getWorldPositionByViewPoint(t){const{position:e,inverseViewProjectionMatrix:i}=this.cameraParam,s=this.getNDCPositionByScreenPosition(t),r=(new H).setFromCamera(s,{position:e,inverseViewProjectMatrix:i}).rayCastPlane(this.plane);return r?.point}getNDCPositionByScreenPosition(t){const{width:e,height:i,scale:s}=this.viewportParam,r="editor"===Bn.config.mode?1:s;return new C(t.x/(e*r)*2-1,1-t.y/(i*r)*2)}getNDCSizeByPixelSize(t){const{width:e,height:i}=this.viewportParam;return new C(t.x/e*2,-t.y/i*2)}getViewPositionWWithOutTransform(t){const{scale:e}=this.viewportParam,i="editor"===Bn.config.mode?1:e;return t.divide(i)}getViewPositionByPixelPoint(t){if("template"===Bn.config.mode)return t.clone();const{width:e,height:i,scale:s,translation:r}=this.viewportParam;return t.clone().scaleByCenter(new C(s,s),new C(e/2,i/2)).add(r)}getPixelPositionByViewPoint(t){if("template"===Bn.config.mode)return t.clone();const{width:e,height:i,scale:s,translation:r}=this.viewportParam;return t.clone().subtract(r.clone()).scaleByCenter(new C(1/s,1/s),new C(e/2,i/2))}getPixelSizeByWorldSize(t){const e=this.projectPoint(new L),i=this.projectPoint(t).subtract(e);return i.abs(),i}getPixelSizeByNDCSize(t){const{width:e,height:i}=this.viewportParam;return new C(t.x/2*e,-t.y/2*i)}getPixelSizeByViewSize(t){const{scale:e}=this.viewportParam;return t.clone().divide(e)}};function Ms(t,e,i){const s=(0,x.generateGUID)(),r=(0,x.generateGUID)(),n=(0,x.generateGUID)(),o={id:r,dataType:x.spec.DataType.TimelineAsset,tracks:[]},a={id:n,item:{id:s},dataType:x.spec.DataType.CompositionComponent,items:[],timelineAsset:{id:r},sceneBindings:[]},[c,h]=e,l={id:s,name:i+"_inner",duration:999,startTime:0,endBehavior:x.spec.EndBehavior.forward,previewSize:[...e],camera:{fov:60,far:40,near:.1,clipMode:1,position:[0,0,8],rotation:[0,0,0],aspect:c/h},components:[{id:n}]};return{version:x.spec.JSONSceneVersion["3_6"],playerVersion:{web:x.version,native:"10.7.6"},type:"ge",compositionId:s,compositions:[l],images:[],plugins:[],bins:[],textures:[],items:[],components:[a],materials:[],shaders:[],geometries:[],animations:[],miscs:[o]}}function Gs(t=[750,750],e="AI 设计师画布"){const i=(0,x.generateGUID)(),s={id:(0,x.generateGUID)(),dataType:x.spec.DataType.TimelineAsset,tracks:[]},r={id:(0,x.generateGUID)(),item:{id:i},dataType:x.spec.DataType.CompositionComponent,items:[],timelineAsset:{id:s.id},sceneBindings:[]},n={id:i,name:e,duration:999,startTime:0,endBehavior:x.spec.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:r.id}]},o={version:x.spec.JSONSceneVersion["3_6"],playerVersion:{web:x.version,native:"10.7.6"},type:"ge",compositionId:i,compositions:[],images:[],plugins:[],bins:[],textures:[],items:[],components:[],materials:[],shaders:[],geometries:[],animations:[],miscs:[]};return o.miscs.push(s),o.compositions.push(n),o.components.push(r),o}function Fs(t,e,i,s,r,n,o){const a=(0,x.generateGUID)(),c={id:t,name:n,dataType:x.spec.DataType.VFXItemData,components:[{id:a}],delay:0,duration:999,endBehavior:x.spec.EndBehavior.restart,renderLevel:x.spec.RenderLevel.BPlus,type:x.spec.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:r.x,y:r.y,z:r.z},anchor:{x:0,y:0}},content:void 0},h={id:a,item:{id:t},dataType:x.spec.DataType.SpriteComponent,options:{startColor:[1,1,1,1]},renderer:{renderMode:x.spec.RenderMode.MESH}};o&&(h.renderer.texture={id:o});const l={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationPlayableAsset},p={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:x.spec.EndBehavior.restart,asset:{id:l.id}}]},d={id:(0,x.generateGUID)(),dataType:x.spec.DataType.SpriteColorPlayableAsset,startColor:[1,1,1,1]};return{item:c,components:[h],tracks:[p,{id:(0,x.generateGUID)(),dataType:x.spec.DataType.SpriteColorTrack,children:[],clips:[{start:0,duration:999,endBehavior:x.spec.EndBehavior.restart,asset:{id:d.id}}]}],playableAssets:[l,d]}}function Rs(t,e,i,s,r,n){const o=(0,x.generateGUID)(),a={id:t,name:n,dataType:x.spec.DataType.VFXItemData,components:[{id:o}],delay:0,duration:999,endBehavior:x.spec.EndBehavior.restart,renderLevel:x.spec.RenderLevel.BPlus,type:x.spec.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:r.x,y:r.y,z:r.z},anchor:{x:0,y:0}},content:{isVideoGenerator:!0}},c={id:o,item:{id:t},dataType:x.spec.DataType.SpriteComponent,options:{startColor:[1,1,1,0]},renderer:{renderMode:x.spec.RenderMode.MESH}},h={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationPlayableAsset},l={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:x.spec.EndBehavior.restart,asset:{id:h.id}}]},p={id:(0,x.generateGUID)(),dataType:x.spec.DataType.SpriteColorPlayableAsset,startColor:[1,1,1,0]};return{item:a,components:[c],tracks:[l,{id:(0,x.generateGUID)(),dataType:x.spec.DataType.SpriteColorTrack,children:[],clips:[{start:0,duration:999,endBehavior:x.spec.EndBehavior.restart,asset:{id:p.id}}]}],playableAssets:[h,p]}}function Ls(t,e,i,s=new C(1,1),r=new L,n=new C(1,1)){const o=JSON.parse(JSON.stringify(i)),a={id:t,name:e,duration:999,type:x.spec.ItemType.null,visible:!0,endBehavior:x.spec.EndBehavior.restart,delay:0,renderLevel:x.spec.RenderLevel.BPlus,content:{options:{startColor:[1,1,1,1]}},components:[],transform:{position:o,eulerHint:{x:r.x,y:r.y,z:r.z},size:JSON.parse(JSON.stringify(n)),scale:{x:s.x,y:s.y,z:1}},dataType:x.spec.DataType.VFXItemData},c={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationPlayableAsset};return{item:a,components:[],tracks:[{id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:x.spec.EndBehavior.restart,asset:{id:c.id}}]}],playableAssets:[c]}}function Vs(t,e,i,s,r,n){const o=(0,x.generateGUID)(),a={id:t,name:e,dataType:x.spec.DataType.VFXItemData,components:[{id:o}],delay:0,duration:999,endBehavior:x.spec.EndBehavior.restart,renderLevel:x.spec.RenderLevel.BPlus,type:x.spec.ItemType.text,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:r.x,y:r.y,z:1},anchor:{x:0,y:0}},content:void 0},c={id:o,item:{id:t},dataType:x.spec.DataType.TextComponent,options:n,renderer:{renderMode:1}},h={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationPlayableAsset};return{item:a,components:[c],tracks:[{id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:x.spec.EndBehavior.restart,asset:{id:h.id}}]}],playableAssets:[h]}}function Os(t,e,i,s,r,n,o=!1,a=!1,c=1,h=1,l,p){const d=(0,x.generateGUID)(),m={id:t,name:n,dataType:x.spec.DataType.VFXItemData,components:[{id:d}],delay:0,duration:999,endBehavior:x.spec.EndBehavior.restart,renderLevel:x.spec.RenderLevel.BPlus,type:x.spec.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:r.x,y:r.y,z:r.z},anchor:{x:0,y:0}},content:void 0},g={id:d,item:{id:t},dataType:x.spec.DataType.VideoComponent,options:{startColor:[1,1,1,1],muted:o,video:{id:p},volume:c,playbackRate:h,transparent:a},renderer:{renderMode:x.spec.RenderMode.MESH}};l&&(g.renderer.texture={id:l});const u={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationPlayableAsset},f={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:x.spec.EndBehavior.restart,asset:{id:u.id}}]},y={id:(0,x.generateGUID)(),dataType:x.spec.DataType.SpriteColorPlayableAsset,startColor:[1,1,1,1]};return{item:m,components:[g],tracks:[f,{id:(0,x.generateGUID)(),dataType:x.spec.DataType.SpriteColorTrack,children:[],clips:[{start:0,duration:999,endBehavior:x.spec.EndBehavior.restart,asset:{id:y.id}}]}],playableAssets:[u,y]}}function Ws(t,e,i,s,r){const n=JSON.parse(JSON.stringify(e)),o={id:t,name:r,duration:999,type:x.spec.ItemType.null,visible:!0,endBehavior:x.spec.EndBehavior.restart,delay:0,renderLevel:x.spec.RenderLevel.BPlus,content:{options:{startColor:[1,1,1,1]}},components:[],transform:{position:n,eulerHint:{x:i.x,y:i.y,z:i.z},size:{x:1,y:1},scale:{x:s.x,y:s.y,z:1}},dataType:x.spec.DataType.VFXItemData},a={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationPlayableAsset};return{item:o,components:[],tracks:[{id:(0,x.generateGUID)(),dataType:x.spec.DataType.ActivationTrack,children:[],clips:[{start:0,duration:999,endBehavior:x.spec.EndBehavior.restart,asset:{id:a.id}}]}],playableAssets:[a]}}function Ns(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:(0,x.generateGUID)(),dataType:x.spec.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 Hs(t,e,i){var s;const r=t.items.findIndex(t=>t.id===e);if(r<0)return;js(t,e);const n=t.items.find(t=>t.id===i);if(!n)return;t.items[r].parentId=i;const{position:o={x:0,y:0,z:0},eulerHint:a=new L,scale:c=new L(1,1,1)}=n.transform;(s=t.items[r]).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[r].transform.position.x-=o.x,t.items[r].transform.position.y-=o.y,t.items[r].transform.position.z-=o.z,t.items[r].transform.eulerHint.x-=a.x,t.items[r].transform.eulerHint.y-=a.y,t.items[r].transform.eulerHint.z-=a.z,t.items[r].transform.scale.x/=0===c.x?1:c.x,t.items[r].transform.scale.y/=0===c.y?1:c.y,t.items[r].transform.scale.z/=0===c.z?1:c.z}function js(t,e){var i;const s=t.items.findIndex(t=>t.id===e);if(!t.items[s]?.parentId)return;const r=t.items.find(e=>e.id===t.items[s].parentId);if(!r)return void delete t.items[s].parentId;const{position:n={x:0,y:0,z:0},eulerHint:o=new L,scale:a=new L(1,1,1)}=r.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+=n.x,t.items[s].transform.position.y+=n.y,t.items[s].transform.position.z+=n.z,t.items[s].transform.eulerHint.x+=o.x,t.items[s].transform.eulerHint.y+=o.y,t.items[s].transform.eulerHint.z+=o.z,t.items[s].transform.scale.x*=0===a.x?1:a.x,t.items[s].transform.scale.y*=0===a.y?1:a.y,t.items[s].transform.scale.z*=0===a.z?1:a.z}function Ks(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=>{switch(e.dataType){case x.spec.DataType.SpriteComponent:if(e.renderer.texture){if(!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))}}break;case x.spec.DataType.VideoComponent:if(e.renderer.texture){if(!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.videos=t.videos?.filter(t=>t.id!==i.source.id))}}}});const r=[];let n,o;if(+t.version>=3.3){const i=t.components.filter(t=>t.dataType===x.spec.DataType.CompositionComponent).find(t=>t.items.find(t=>t.id===e));i&&(i.items=i.items.filter(t=>t.id!==e),o=i.timelineAsset.id,n=i.sceneBindings.find(t=>t.value.id===e)?.key.id,i.sceneBindings=i.sceneBindings.filter(t=>t.value.id!==e),n&&r.push(n))}else{const i=t.compositions.find(t=>t.items.find(t=>t.id===e));i&&(i.items=i.items.filter(t=>t.id!==e),o=i.timelineAsset.id,n=i.sceneBindings.find(t=>t.value.id===e)?.key.id,i.sceneBindings=i.sceneBindings.filter(t=>t.value.id!==e),n&&r.push(n))}const a=t.miscs.findIndex(t=>t.id===o);a>=0&&(t.miscs[a].tracks=t.miscs[a].tracks.filter(t=>t.id!==n));const c=t.miscs.find(t=>t.id===n);return c&&(c.children.forEach(e=>{r.push(e.id);const i=t.miscs.find(t=>t.id===e.id);i&&r.push(...i.clips.map(t=>t.asset.id))}),r.push(...c.children.map(t=>t.id))),t.miscs=t.miscs.filter(t=>!r.includes(t.id)),t}function $s(t,e){const i=t.items.find(t=>t.id===e);if(!i)return;const s={...i},r=t.components.filter(t=>t.item.id===e),n=t.components.filter(t=>t.dataType===x.spec.DataType.CompositionComponent).find(t=>t.items.find(t=>t.id===e)),o=[],a=[];if(n){const i=n.sceneBindings.find(t=>t.value.id===e);if(i){const e=i.key.id,s=t.miscs.find(t=>t.id===e);if(s){(s.children||[]).map(t=>t.id).forEach(e=>{const i=t.miscs.find(t=>t.id===e);if(i){o.push({...i});const e=i.clips;e&&e.forEach(e=>{const i=t.miscs.find(t=>t.id===e.asset.id);i&&a.push({...i})})}}),o.push({...s});const e=s.clips;e&&e.forEach(e=>{const i=t.miscs.find(t=>t.id===e.asset.id);i&&a.push({...i})})}}}return Ks(t,e),{item:s,components:r.map(t=>({...t})),tracks:o,playableAssets:a}}function Ys(t,e){let i;return t.components.forEach(s=>{if(s.item.id===e)if(s.dataType===x.spec.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===x.spec.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}function Js(t,e,i,s){const r=JSON.parse(JSON.stringify(e)),n=r.compositions?.[0]?.duration??5,o=x.spec.EndBehavior.restart,a={options:{refId:r.compositionId??r.compositions[0].id,startColor:[1,1,1,1]}},c={id:i,components:[],name:"ref_"+r.compositions[0].name,duration:n,dataType:x.spec.DataType.VFXItemData,parentId:s,type:x.spec.ItemType.composition,visible:!0,endBehavior:o,delay:0,renderLevel:x.spec.RenderLevel.BPlus,content:a,transform:{position:{x:0,y:0,z:0},eulerHint:{x:0,y:0,z:0},scale:{x:1,y:1,z:1}}};t.items.push(c);const h={id:(0,x.generateGUID)(),dataType:"ActivationPlayableAsset"},l={id:(0,x.generateGUID)(),dataType:"ActivationTrack",children:[],clips:[{start:0,duration:n,endBehavior:o,asset:{id:h.id}}]},p={id:(0,x.generateGUID)(),dataType:"SubCompositionPlayableAsset"},d={id:(0,x.generateGUID)(),dataType:"SubCompositionTrack",children:[],clips:[{start:0,duration:n,endBehavior:o,asset:{id:p.id}}]},m={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ObjectBindingTrack,children:[],clips:[]};t.miscs.push(m);const g=[],u=[];if(g.push(l,d),u.push(h,p),Number(t.version)<=3.3){const e=t.compositions.findIndex(e=>e.id===t.compositionId);if(e>=0){t.compositions[e].items.push({id:c.id});const i=t.miscs.find(i=>i.id===t.compositions[e].timelineAsset.id);i?.tracks.push({id:m.id}),t.compositions[e].sceneBindings.push({key:{id:m.id},value:{id:c.id}})}}else{const e=t.components.find(e=>e.id===t.compositions[0].components[0].id&&e.dataType===x.spec.DataType.CompositionComponent);e.items.push({id:c.id});const i=t.miscs.find(t=>t.id===e.timelineAsset.id);i?.tracks.push({id:m.id}),e.sceneBindings.push({key:{id:m.id},value:{id:c.id}})}return g.forEach(t=>{t.path||m.children.push({id:t.id})}),t.miscs.push(...g),t.miscs.push(...u),Object.keys(t).forEach(e=>{"compositionId"!==e?("components"===e&&r.components.forEach(t=>{t.dataType!==x.spec.DataType.CompositionComponent||t.item.id||r.compositions.forEach(e=>{e.components[0]?.id===t.id&&(t.item.id=e.id)})}),r[e]&&Array.isArray(r[e])&&(t[e]??(t[e]=[]),t[e].push(...r[e]))):t.compositionId??(t.compositionId=t.compositions[0].id)}),t}function Xs(t,e){const i=[];return e.forEach(e=>{const s=t.items.find(t=>t.id===e);if(s&&(Ks(t,e),s.type===x.spec.ItemType.composition)){const t=s?.content.options.refId;i.push(t)}}),i.forEach(e=>{qs(t,e)}),t}function qs(t,e){const i=t.components.find(t=>t.item.id===e);if(i){const s=i.timelineAsset.id;t.miscs=t.miscs.filter(t=>t.id!==s),t.compositions=t.compositions.filter(t=>t.id!==e),t.components=t.components.filter(t=>t.id!==i.id)}}function Zs(t,e){t.items.forEach(i=>{const s=i.id,r=e.get(s);if(r){i.id=r;t.components.filter(t=>t.item.id===s).forEach(t=>{t.item.id=r});t.components.filter(t=>t.dataType===x.spec.DataType.CompositionComponent).forEach(t=>{t.items.forEach(t=>{t.id===s&&(t.id=r)}),t.sceneBindings.forEach(t=>{t.value.id===s&&(t.value.id=r)})})}})}function Qs(t,e,i){const s=t.items.find(t=>t.id===e);s?s.name=i:console.warn(`item ${e} is not exsited.`)}function tr(t,e,i,s){const r=t.items.find(t=>t.id===e);if(!r)return console.warn(`moveItemBetweenCompositions: item ${e} not found`),!1;const n=function(t,e){if(+t.version>=3.3)return t.components.find(t=>t.dataType===x.spec.DataType.CompositionComponent&&t.items.some(t=>t.id===e));{const i=t.compositions.find(t=>t.items?.some(t=>t.id===e));if(i)return t.components.find(t=>t.dataType===x.spec.DataType.CompositionComponent&&t.item.id===i.id)}return}(t,e);if(!n)return console.warn(`moveItemBetweenCompositions: source composition not found for item ${e}`),!1;const o=i?function(t,e){return t.components.find(t=>t.dataType===x.spec.DataType.CompositionComponent&&t.item.id===e)}(t,i):function(t){const e=t.compositions.find(e=>e.id===t.compositionId)??t.compositions[0];if(!e)return;return t.components.find(t=>t.dataType===x.spec.DataType.CompositionComponent&&t.item.id===e.id)}(t);if(!o)return console.warn(`moveItemBetweenCompositions: target composition not found ${i??"(main)"}`),!1;if(n.id===o.id)return!0;const a=function(t,e,i){const s=[];let r=null;if(+t.version>=3.3){e.items=e.items.filter(t=>t.id!==i);const t=e.sceneBindings.findIndex(t=>t.value.id===i);if(t>=0){const i=e.sceneBindings[t];r=i.key.id,e.sceneBindings.splice(t,1)}}else{const s=t.compositions.find(i=>{const s=t.components.find(t=>t.dataType===x.spec.DataType.CompositionComponent&&t.id===e.id);return s&&i.id===s.item.id});if(s){s.items=s.items.filter(t=>t.id!==i);const t=s.sceneBindings?.findIndex(t=>t.value.id===i);if(t>=0){const e=s.sceneBindings[t];r=e.key.id,s.sceneBindings.splice(t,1)}}}if(!r)return null;const n=e.timelineAsset.id,o=t.miscs.find(t=>t.id===n);o?.tracks&&(o.tracks=o.tracks.filter(t=>t.id!==r));const a=t.miscs.find(t=>t.id===r);a?.children&&a.children.forEach(t=>{s.push(t.id)});return{trackIds:s,objectBindingTrackId:r}}(t,n,e);return a?(function(t,e,i,s){e.items.push({id:i});const r={id:(0,x.generateGUID)(),dataType:x.spec.DataType.ObjectBindingTrack,children:[],clips:[]};for(const t of s)r.children.push({id:t});e.sceneBindings.push({key:{id:r.id},value:{id:i}});const n=e.timelineAsset.id,o=t.miscs.find(t=>t.id===n);o?.tracks&&o.tracks.push({id:r.id});t.miscs.push(r)}(t,o,e,a.trackIds),s&&function(t,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}}),e.position&&(t.transform.position={...e.position});e.size&&(t.transform.size={...e.size});e.scale&&(t.transform.scale={...e.scale});e.rotation&&(t.transform.eulerHint={...e.rotation})}(r,s),!0):(console.warn(`moveItemBetweenCompositions: failed to remove item ${e} from source composition`),!1)}function er(t,e){const i=t.items.find(t=>t.id===e);if(i)return i.content.options.refId;console.warn(`Target composition item ${e} is not exsited.`)}function ir(t,e){const i=t.items.find(t=>t.id===e);if(!i)return void console.warn(`Target composition item ${e} is not existed.`);const s=i.content?.options?.refId;if(!s)return void console.warn(`Composition item ${e} has no refId.`);const r=t.compositions.find(t=>t.id===s);if(r)return r;console.warn(`Composition data with id ${s} not found.`)}function sr(t,e){const i=t.items.find(t=>t.id===e);if(!i)return void console.warn(`Target composition item ${e} is not existed.`);if(i.type!==x.spec.ItemType.composition)return void console.warn(`Item ${e} is not a composition item.`);const s=i.content?.options?.refId;if(!s)return void console.warn(`Composition item ${e} has no refId.`);const r=t.compositions.find(t=>t.id===s);if(!r)return void console.warn(`Composition data with id ${s} not found.`);const n=t.components.find(t=>t.dataType===x.spec.DataType.CompositionComponent&&t.item.id===s);if(!n)return void console.warn(`CompositionComponent for composition ${s} not found.`);const o=new Set,a=new Set,c=new Set,h=new Set,l=new Set,p=new Set,d=new Set,m=new Set,g=new Set,u=new Set;n.items.forEach(t=>o.add(t.id)),a.add(n.id),c.add(n.timelineAsset.id);const f=t.items.filter(t=>o.has(t.id)),y=t.components.filter(t=>t.item.id===s||!!o.has(t.item.id));y.forEach(t=>{if(a.add(t.id),t.dataType===x.spec.DataType.SpriteComponent){const e=t;e.renderer?.texture?.id&&h.add(e.renderer.texture.id)}if(t.dataType===x.spec.DataType.VideoComponent){const e=t;e.renderer?.texture?.id&&h.add(e.renderer.texture.id)}});const w=[];t.textures&&t.textures.forEach(t=>{if(t.id&&h.has(t.id)){w.push(t);const e=t.source?.id;if(e){1===t.sourceType?p.add(e):l.add(e)}}});const I=t.images.filter(t=>l.has(t.id)),v=t.videos?.filter(t=>p.has(t.id))??[],C=[],S=t.miscs.find(t=>t.id===n.timelineAsset.id);S&&C.push({...S,tracks:[]});n.sceneBindings.map(t=>t.key.id).forEach(t=>c.add(t)),n.sceneBindings.forEach(e=>{const i=e.key.id,s=t.miscs.find(t=>t.id===i);if(s){if(C.push({...s}),S){const t=C.findIndex(t=>t.id===S.id);t>=0&&(C[t].tracks=C[t].tracks||[],C[t].tracks.push({id:i}))}(s.children||[]).map(t=>t.id).forEach(e=>{c.add(e);const i=t.miscs.find(t=>t.id===e);if(i){C.push({...i});const e=i.clips;e&&e.forEach(e=>{if(e.asset?.id){c.add(e.asset.id);const i=t.miscs.find(t=>t.id===e.asset.id);i&&C.push({...i})}})}});const e=s.clips;e&&e.forEach(e=>{if(e.asset?.id){c.add(e.asset.id);const i=t.miscs.find(t=>t.id===e.asset.id);i&&C.push({...i})}})}});const P=t.shaders?.filter(t=>m.has(t.id))||[],b=t.materials?.filter(t=>d.has(t.id))||[],D=t.geometries?.filter(t=>g.has(t.id))||[],z=t.animations?.filter(t=>u.has(t.id))||[];return{version:x.spec.JSONSceneVersion["3_6"],playerVersion:{...t.playerVersion},type:t.type,compositionId:s,compositions:[{...r}],items:f.map(t=>({...t})),components:y.map(t=>({...t})),miscs:C,images:I.map(t=>({...t})),textures:w,videos:v,shaders:P,materials:b,geometries:D,animations:z,plugins:t.plugins?[...t.plugins]:[],bins:t.bins?[...t.bins]:[]}}function rr(t){t.components.filter(t=>t.dataType===x.spec.DataType.CompositionComponent).forEach(e=>{if(!e.items){e.items??(e.items=[]);const i=t.compositions.find(t=>t.id===e.item.id);i&&"items"in i&&i?.items&&(e.items.push(...i.items),delete i.items)}})}function nr(t,e={}){if(0===t.length){const t=e.padding??20;return{items:[],size:[2*t,2*t]}}const i=e.padding??20,s=e.gap??5,r=t.map(t=>{const e=t.box.getSize();return{...t,width:e.x,height:e.y}});let n;n=r.some(t=>void 0!==t.row)?function(t,e,i){if(0===t.length)return{items:[],size:[2*e,2*e]};const s=new Map;for(const e of t){const t=e.row??0;s.has(t)||s.set(t,[]),s.get(t).push(e)}const r=Array.from(s.keys()).sort((t,e)=>t-e),n=[];let o=e,a=e;for(const t of r){const r=s.get(t),c=r.filter(t=>void 0!==t.column),h=r.filter(t=>void 0===t.column),l=Math.max(...r.map(t=>t.box.getSize().y),0),p=new Map,d=[...c].sort((t,e)=>t.column-e.column);for(const t of d){let e=t.column;for(;p.has(e);)e++;p.set(e,t)}let m=0;for(const t of h){for(;p.has(m);)m++;p.set(m,t),m++}const g=Array.from(p.keys()).sort((t,e)=>t-e);for(const s of g){const r=p.get(s);let c=e;for(let t=0;t<s;t++){const e=p.get(t);c+=e?e.box.getSize().x+i:i}n.push({id:r.id,x:c+r.box.getSize().x/2,y:o+r.box.getSize().y/2,row:t,column:s}),a=Math.max(a,c+r.box.getSize().x+e)}o+=l+i}const c=Math.max(o-i+e,2*e);return{items:n,size:[Math.max(a,2*e),c]}}(r,i,s):function(t,e,i,s){if(0===t.length)return{items:[],size:[2*e,2*e]};const r=new Map;for(const e of t){const t=e.row??0;r.has(t)||r.set(t,[]),r.get(t).push(e)}const n=Array.from(r.keys()).sort((t,e)=>t-e),o=[];let a=e,c=e;for(const t of n){const n=r.get(t);let h=e,l=0,p=0,d=1;for(const r of n){const{x:n,y:m}=r.box.getSize();let g=void 0!==s?.maxRowWidth&&h+n+e>s.maxRowWidth&&h>e;g&&void 0!==s?.maxRowCount&&d>=s.maxRowCount&&(g=!1),g?(a+=l+i,h=e,l=m,p=0,d++):l=Math.max(l,m),o.push({id:r.id,x:h+n/2,y:a+m/2,row:t,column:p}),c=Math.max(c,h+n+e),h+=n+i,p++}n.length>0&&(a+=l+i)}const h=Math.max(a-i+e,2*e);return{items:o,size:[Math.max(c,2*e),h]}}(r,i,s,e.config);return{items:n.items.map(t=>({id:t.id,position:[t.x,t.y],row:t.row,column:t.column})),size:n.size}}function or(t,e){return[e[0]-t[0],e[1]-t[1]]}function ar(t,e){return e.items.map(e=>{const i=t.find(t=>t.id===e.id),s=i?.currentPosition??[0,0];return{id:e.id,displacement:or(s,e.position),targetPosition:e.position}})}var cr={topAdsorption:"T",leftAdsorption:"L",rightAdsorption:"R",bottomAdsorption:"B",centerAdsorption:"C",bottomCenterAdsorption:"BC"},hr=require("@galacean/effects"),lr=require("@galacean/effects-plugin-multimedia"),pr=class{static createEmpty(t,e=null,i="NewVFXItem"){const s=dr.createVFXItem(t,e,i);return s.type=hr.spec.ItemType.null,s}static createSprite(t,e=null,i="NewSpite"){const s=dr.createVFXItem(t,e,i,hr.SpriteComponent);return s.type=hr.spec.ItemType.sprite,s}static createText(t,e=null,i="NewText"){const s=dr.createVFXItem(t,e,i,hr.TextComponent);return s.type=hr.spec.ItemType.text,s}static createVideo(t,e=null,i="NewVideo"){const s=dr.createVFXItem(t,e,i,lr.VideoComponent);return s.type=hr.spec.ItemType.video,s}static async createEffects(t,e,i=null,s="NewEffects"){const r=await hr.AssetManager.loadPrecomposition(e,{autoplay:!1}),n=hr.PrecompositionManager.instantiate(r,t);return n.name=s,n.type=hr.spec.ItemType.composition,n}},dr=class{static createVFXItem(t,e=null,i="NewVFXItem",...s){const r=new hr.VFXItem(t.getEngine());r.name=i;for(const t of s)r.addComponent(t);return t.addItem(r),t.rootComposition.items.push(r),e&&r.setParent(e),r}},mr=require("@galacean/effects"),gr={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"},ur={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 fr(t,e,i,s){const r=e.getContext("2d");Q(r),r.clearRect(0,0,e.width,e.height),i&&(r.save(),r.fillStyle=i,r.fillRect(0,0,e.width,e.height),r.restore()),s&&r.drawImage(s,0,0,s.width,s.height,0,0,e.width,e.height),r.drawImage(t,0,0,t.width,t.height,0,0,e.width,e.height)}function yr(t,e){return String(t).padStart(e,"0")}function xr(t){for(const e of t.getCompositions())for(const t of e.textures)t.isDestroyed||t.dispose();t.disposed||t.destroyCurrentCompositions()}var wr=require("@galacean/effects-plugin-model"),Ir=class{constructor(t,e,i,s){d(this,"sdk"),d(this,"player"),d(this,"container"),d(this,"emitter"),d(this,"interactionUtils"),this.player=t,this.sdk=s,this.container=e,this.emitter=i}init(){this.interactionUtils=new Us(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.getSDKItem(t);if(!e||!this.sdk.pageData||this.getViewProperty()?.ignoreInteraction)return!1;const i=this.sdk.pageData.time,{duration:s,delay:r,endBehavior:n,isLocked:o}=e;return i>=r&&(i<r+s||n===x.spec.EndBehavior.restart)&&!o}getItemShow(t){const e=this.getSDKItem(t);if(!this.sdk.pageData||!e?.visible)return!1;const i=this.sdk.pageData.time,{duration:s,delay:r,endBehavior:n}=e;return i>=r&&(i<r+s||n===x.spec.EndBehavior.restart||n===x.spec.EndBehavior.freeze)}addSelectedItems(t){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const e=this.sdk.pageData.activeData.selectedItems??[];t.forEach(t=>{j(e,t)}),this.sdk.pageData.activeData.selectedItems=[...e],this.emitter.emit("selectedItemChange",e),this.emitter.emit("pageDataChange",this.sdk.pageData)}removeSelectedItems(t){(0,x.assertExist)(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){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.activeData.preSelectedItem=t,this.emitter.emit("preSelectedItemChange",t)}clearPreSelectedItem(){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.activeData.preSelectedItem=void 0,this.emitter.emit("preSelectedItemChange",void 0)}getPreSelectedItem(){const t=this.getPageData();(0,x.assertExist)(t,"You must call SDK#run() first");const e=t.activeData.preSelectedItem;return e?this.getSDKItem(e):void 0}addLoadingItems(t){var e;(0,x.assertExist)(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=>{j(i,t)}),this.emitter.emit("loadingItemChange",i)}removeLoadingItems(t){(0,x.assertExist)(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))??[]}getSDKItem(t){const e=this.sdk.pageData?.items.find(e=>e.id===t);return e||void 0}getPlayerSizeByParent(t,e){const[i,s]=t,[r=1624,n=750]=e;let o=s,a=o/n*r;return a>i&&(o=i/a*s,a=i),[a,o]}async loadScene(t){xr(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"===Bn.config.mode){const t=this.container.parentElement?.offsetWidth??300,e=this.container.parentElement?.offsetHeight??300,[i,r]=this.getPlayerSizeByParent([t,e],s);this.container.style.width=`${i}px`,this.container.style.height=`${r}px`}this.sdk.pageData.activeData={view:t,selectedItems:[],preSelectedItem:void 0},this.player.resize();const r=JSON.parse(JSON.stringify(i)),n=await this.player.loadScene(r,{autoplay:"editor"===Bn.config.mode});"template"===Bn.config.mode&&this.player.gotoAndStop(this.sdk.pageData.time),this.interactionUtils.refreshViewParam(),this.interactionUtils.refreshCameraParam(),this.sdk.pageData.items=[],this.addSDKItemsByItems(this.sdk.pageData.items,n.items),this.emitter.emit("pageDataChange",this.sdk.pageData)}refreshPageTime(t){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.time=t}pageZoom(t,e,i){var s;(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),(s=this.sdk.pageData.property).zoom??(s.zoom=1);const{zoom:r,translation:[n=0,o=0]}=this.sdk.pageData.property,{width:a,height:c,scale:h}=this.interactionUtils.viewportParam,l=i?t:P(t,-.1,.1),p=E(P(r+l,Bn.config.pageConfig.minZoom,Bn.config.pageConfig.maxZoom),2);switch(this.sdk.pageData.property.zoom=p,Bn.config.mode){case"editor":{const t=this.interactionUtils.getNDCSizeByPixelSize(new C(n,o)),i=e??new C(a/2,c/2),s=this.interactionUtils.getNDCPositionByScreenPosition(i),r=(s.x-t.x)/h,l=(s.y-t.y)/h,d=new C(s.x-r*p,s.y-l*p),m=(new V).compose(new L(d.x,d.y,0),new R,new L(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();const d=this.getCurrentComposition();this.addSDKItemsByItems(this.sdk.pageData.items,d.items),this.sdk.backgroundManager.updateTransform({x:0,y:0},p),this.emitter.emit("zoomChange",p),this.emitter.emit("viewportTransform",{zoom:p,translation:[n,o]}),this.emitter.emit("pageDataChange",this.sdk.pageData)}setPageZoom(t,e,i){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const{zoom:s}=this.sdk.pageData.property,r=t-s;this.pageZoom(r,e,i)}refreshInteractionParam(){this.interactionUtils.refreshViewParam(),this.interactionUtils.refreshCameraParam()}pageMove(t){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const{translation:[e=0,i=0],zoom:s}=this.sdk.pageData.property,r=e+t.x,n=i+t.y;switch(this.sdk.pageData.property.translation=[r,n],Bn.config.mode){case"template":this.container.style.translate=`${r}px ${n}px`;break;case"editor":{const t=this.interactionUtils.getNDCSizeByPixelSize(new C(r,n)),e=(new V).compose(new L(t.x,t.y,0),new R,new L(s,s,1));this.setCurrenCameraViewportMatrix(e);break}}this.refreshInteractionParam();const o=this.getCurrentComposition();this.addSDKItemsByItems(this.sdk.pageData.items,o.items),this.sdk.backgroundManager.updateTransform({x:t.x,y:t.y},s),this.emitter.emit("viewportTransform",{zoom:s,translation:[r,n]}),this.emitter.emit("pageDataChange",this.sdk.pageData)}setPageMove(t){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const{translation:e}=this.sdk.pageData.property,i=(new C).subtractVectors(t,new C(...e));this.pageMove(i)}setCurrenCameraViewportMatrix(t){const e=this.getCurrentComposition();if(!e)return;const{camera:i}=e;i.setViewportMatrix(t)}rotateItem(t,e,i=!1){const s=this.getPlayerItemById(t);s&&(s.rotate(...e.toArray()),this.transformSceneItem(t,"rotation",e.toArray()),this.refreshSDKItem(t),i||this.emitter.emit("itemPropertyChange",{id:t,propertyKeys:["rotation"]}))}moveItem(t,e,i=!1){const s=this.getPlayerItemById(t);if(s){const r=(new V).copyFrom(s.transform.getParentMatrix()??new V);r.setPosition(new L);const n=e.clone().applyMatrix(r.invert());s.translate(...n.toArray()),s.transform.updateLocalMatrix(),this.transformSceneItem(t,"position",n.toArray()),this.refreshSDKItem(t),i||this.emitter.emit("itemPropertyChange",{id:t,propertyKeys:["translation"]})}}scaleItem(t,e,i=!1){const s=this.getPlayerItemById(t);s&&(s.scale(...e.toArray()),this.transformSceneItem(t,"scale",e.toArray()),this.refreshSDKItem(t),i||this.emitter.emit("itemPropertyChange",{id:t,propertyKeys:["size"]}))}scaleTextItemWidth(t,e){const i=this.getSDKItem(t);if(lt(i)){const{width:t}=i.property;this.setItemProperty({itemId:i.id,type:"text",propertyName:"width",propertyValue:t*e})}}scaleTextItem(t,e){const i=this.getSDKItem(t);if(lt(i)){const{width:t,lineHeight:s,fontSize:r}=i.property;this.setItemProperty({itemId:i.id,type:"text",property:{width:t*e,fontSize:r*e,lineHeight:s*e}})}}getItemTransformById(t){const e={matrix:new V,parentMatrix:new V},i=this.getPlayerItemById(t);if(void 0!==i?.transform){i.transform.updateLocalMatrix();const t=V.fromArray(i.composition?.transform.getWorldMatrix().elements??[]).invert();e.matrix=t.clone().multiply(V.fromArray(i.transform.getWorldMatrix().elements)),e.parentMatrix=t.clone().multiply(V.fromArray(i.transform.parentTransform?.getWorldMatrix().elements??(new V).toArray()))}return e}addSDKItemsByItems(t,e,i){const s=e=>{e.forEach(e=>{const s=t.find(t=>t.id===e.getInstanceId());s?this.updateSDKItemFromPlayerItem(s,e):t.push(this.createSDKItemByPlayerItem(e,i))})};for(const i of e)Bn.config.pageConfig.filterItemNames.includes(i.name)||this.getFilterItemIds().includes(i.getInstanceId())||(s([i]),this.addSDKItemsByItems(t,i.children,i.getInstanceId()))}getFilterItemIds(){return[...this.getPageData()?.items.filter(t=>"effects"===t.type).flatMap(t=>t.property.children)??[],...this.getPageData()?.items.filter(t=>"frame"===t.type).map(t=>t.subCompositionItemId)??[]]}createSDKItemByPlayerItem(t,e){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const{transform:i,composition:s,isVisible:r}=t,n={position:[0,0],rotation:[0,0,0],scale:[1,1],width:0,height:0};let o=!0;const{scale:a}=this.interactionUtils.viewportParam,c="editor"===Bn.config.mode?1:a,h=this.getViewportLeftTopPosition();if(t.type!==x.spec.ItemType.null){i.updateLocalMatrix();const e=(new V).copyFrom(s?.transform.getWorldMatrix()??(new V).identity()).invert().multiply(i.getWorldMatrix()),r=new L,o=new R,c=new L;e.decompose(r,o,c);const h=(new O).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(r,h);const l=this.interactionUtils.projectPoint(r),p="editor"===Bn.config.mode?this.interactionUtils.getPixelPositionByViewPoint(l).toArray().map(t=>E(t,2)):l.divide(a).toArray().map(t=>E(t,2)),d=h.toArray().map(t=>E(t,2)),m=c.toArray(),g=i.size.toArray(),u=this.getPixelSizeByWorldSize([m[0]*g[0],m[1]*g[1],m[2]],t).map(t=>E(t,2));n.position=p,n.rotation=d,n.width=u[0],n.height=u[1],n.scale=[m[0],m[1]]}else if(t.getComponent(mr.FrameComponent)){i.updateLocalMatrix();const e=(new V).copyFrom(s?.transform.getWorldMatrix()??(new V).identity()).invert().multiply(i.getWorldMatrix()),r=new L,o=new R,c=new L;e.decompose(r,o,c);const h=(new O).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(r,h);const l=this.interactionUtils.projectPoint(r),p="editor"===Bn.config.mode?this.interactionUtils.getPixelPositionByViewPoint(l).toArray().map(t=>E(t,2)):l.divide(a).toArray().map(t=>E(t,2)),d=h.toArray().map(t=>E(t,2)),m=c.toArray(),g=i.size.toArray(),u=this.getPixelSizeByWorldSize([m[0]*g[0],m[1]*g[1],m[2]],t).map(t=>E(t,2));n.position=p,n.rotation=d,n.width=u[0],n.height=u[1],n.scale=[m[0],m[1]]}else{const e=this.getViewBoxByPlayerItem(t,t.children),i=this.interactionUtils.getViewPositionWWithOutTransform(e.getCenter().subtract(h)),s="editor"===Bn.config.mode?this.interactionUtils.getPixelPositionByViewPoint(i).toArray().map(t=>E(t,2)):i.toArray();n.position=s;const r=e.getSize().divide(c).toArray();n.width=r[0],n.height=r[1]}switch(t.type){case x.spec.ItemType.sprite:{const e=this.getViewProperty()?.scene;if(e){e.components.filter(e=>e.item.id===t.getInstanceId()).forEach(t=>{if(!("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);o=!!t?.template;const s=t?.url??"";s&&Object.assign(n,{image:s})}})}break}case x.spec.ItemType.video:{const e=this.getViewProperty()?.scene;if(e){e.components.filter(e=>e.item.id===t.getInstanceId()).forEach(t=>{if(!("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),s=t?.url??"";s&&Object.assign(n,{video:s})}})}break}case x.spec.ItemType.text:case x.spec.ItemType.richtext:{const e=t.getComponent(x.TextComponent),{text:i,textLayout:{width:s,height:r,lineHeight:o,letterSpace:a,textAlign:c},textStyle:{fontSize:h,fontStyle:l,isOutlined:p,outlineColor:d,outlineWidth:m,textColor:g,textWeight:u,fontFamily:f}}=e;Object.assign(n,{outlineEnabled:p,textAlign:c,color:J(g),fontWeight:u,text:i,fontFamily:f,fontSize:h,fontStyle:l,outlineColor:J(d),outlineWidth:m,width:E(s,2),lineHeight:o,height:E(r,2),letterSpacing:a});break}}const l=this.getSDKItem(t.getInstanceId())?.isLocked,p={id:t.getInstanceId(),name:t.name,parentId:t.parentId??e,children:[],duration:t.duration,delay:t.definition.delay??0,endBehavior:t.endBehavior,visible:r,isLocked:l,isCoreEditable:o};let d;const m=this.getSDKItem(t.getInstanceId()),g=m?.type,u=g;if("generator"===u){const t=m?.generatorType??"video";d=new ut({...p,property:{...n,generatorType:t}})}else if("sprite"===u)d=new at({...p,property:n});else if("text"===u)d=new ht({...p,property:n});else if("video"===u)d=new pt({...p,property:n});else if("group"===u)d=new mt({...p,property:n});else if("effects"===g){const t=m?.property.effects;d=new yt({...p,property:{...n,effects:t}})}else d="frame"===g?new It({...p,property:{...n}}):this.createSDKItemBySpecType(t.type,p,n);return d}createSDKItemBySpecType(t,e,i){switch(t){case x.spec.ItemType.sprite:return new at({...e,property:i});case x.spec.ItemType.text:return new ht({...e,property:i});case x.spec.ItemType.video:return new pt({...e,property:i});case x.spec.ItemType.null:return new mt({...e,property:i});default:return console.warn(`SDKItem type ${t} not fully implemented, using GroupItem`),new mt({...e,property:i})}}getViewBoxById(t){const e=new G,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 L).copyFrom(e.transform.anchor).applyMatrix((new V).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 G;switch(t.type){case x.spec.ItemType.sprite:case x.spec.ItemType.plugin:case x.spec.ItemType.video:case x.spec.ItemType.richtext:case x.spec.ItemType.text:case x.spec.ItemType.null:case x.spec.ItemType.shape:{const s=!!t.getComponent(mr.FrameComponent);if(t.type!==x.spec.ItemType.null||s){const{transform:e,composition:s}=t;e.updateLocalMatrix();const{size:r}=e,n=(new V).copyFrom(s?.transform.getWorldMatrix()??new V).invert().multiply(e.getWorldMatrix()),{x:o,y:a}=r.clone().divide(2),c=new L(o,a,0).applyMatrix(n),h=new L(o,-a,0).applyMatrix(n),l=new L(-o,-a,0).applyMatrix(n),p=new L(-o,a,0).applyMatrix(n),d=this.getViewportLeftTopPosition(),m=this.interactionUtils.projectPoint(c).add(d).round(2),g=this.interactionUtils.projectPoint(h).add(d).round(2),u=this.interactionUtils.projectPoint(l).add(d).round(2),f=this.interactionUtils.projectPoint(p).add(d).round(2);i.setFromVec2Array([m,g,u,f])}if(!s){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"===Bn.config.mode)return new C;const{zoom:t,translation:e}=this.sdk.pageData.property,{offsetWidth:i,offsetHeight:s}=this.container.parentElement,{offsetWidth:r,offsetHeight:n}=this.container,o=new C(i,s),a=new C(r,n).multiply(t);return o.clone().divide(2).subtract(a.clone().divide(2)).add(e)}getViewportByViewPoint(t){if(!this.sdk.pageData)return t;const{zoom:e}=this.sdk.pageData.property,i="editor"===Bn.config.mode?1:e,{width:s,height:r}=this.interactionUtils.viewportParam,n=new C(s,r).multiply(i),o=this.getViewportLeftTopPosition(),a=t.clone().subtract(o);return new C(a.x/n.x*2-1,1-a.y/n.y*2)}async setItemProperty(t){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),"propertyName"in t?(await this.setSingleItemSingleProperty(t),this.emitter.emit("itemPropertyChange",{id:t.itemId,propertyKeys:[t.propertyName]})):"property"in t&&(await this.setSingleItemMultipleProperties(t),this.emitter.emit("itemPropertyChange",{id:t.itemId,propertyKeys:Object.keys(t.property)}))}async setSingleItemSingleProperty(t){const{itemId:e,propertyName:i}=t;let s=t.propertyValue;if("effects"===i){let t;if("string"==typeof s){const e=await fetch(s,{mode:"cors",credentials:"omit",headers:{Accept:"application/json"}});if(!e.ok)throw new Error(`HTTP error! status: ${e.status}, statusText: ${e.statusText} `);t=await e.json()}if(t){const i=this.getSDKItem(e);xt(i)&&(i.effects=s,s=t)}}await this.updatePlayerItemProperty(e,i,s),this.updateJSONItemProperty(e,i,s),this.refreshSDKItem(e)}async setSingleItemMultipleProperties(t){const{itemId:e,property:i}=t;for(let[t,s]of Object.entries(i)){if("effects"===t){let t;if("string"==typeof s){const e=await fetch(s,{mode:"cors",credentials:"omit",headers:{Accept:"application/json"}});if(!e.ok)throw new Error(`HTTP error! status: ${e.status}, statusText: ${e.statusText} `);t=await e.json()}if(t){const i=this.getSDKItem(e);xt(i)&&(i.effects=s,s=t)}}void 0!==s&&(await this.updatePlayerItemProperty(e,t,s),this.updateJSONItemProperty(e,t,s))}this.refreshSDKItem(e)}async updatePlayerItemProperty(t,e,i){const s=this.getPlayerItemById(t),r=this.getSDKItem(t);if(!s||!r)return void console.warn(`Id ${t} is not a valid item id.`);["name","duration","delay","endBehavior","visible","isLocked","parentId"].includes(e)?this.updatePlayerItemBaseProperty(s,e,i):await this.updatePlayerItemPropertyAttribute(s,r,e,i)}updatePlayerItemBaseProperty(t,e,i){switch(e){case"name":"string"==typeof i&&(t.name=i);break;case"duration":"number"==typeof i&&(t.duration=i);break;case"delay":"number"==typeof i&&console.warn("Property delay can not edit.");break;case"endBehavior":Object.values(x.spec.EndBehavior).includes(i)&&console.warn("Property endBehavior can not edit.");break;case"visible":"boolean"==typeof i&&t.setVisible(i);break;case"isLocked":break;case"parentId":t.parentId=i;const e=this.getPlayerItemById(i);t.parent=e}}async updatePlayerItemPropertyAttribute(t,e,i,s){switch(i){case"textAlign":[x.spec.TextAlignment.left,x.spec.TextAlignment.middle,x.spec.TextAlignment.right].includes(s)&&t.getComponent(x.TextComponent)?.setTextAlign(s);break;case"color":if(t.type===x.spec.ItemType.text&&Array.isArray(s)&&4===s.length){const e=X(s);t.getComponent(x.TextComponent)?.setTextColor(e)}break;case"fontFamily":if("string"==typeof s){const e=s.split("/"),i=e[e.length-1]?.split(".")[0];if(await mr.AssetManager.loadFontFamily([{fontURL:s,fontFamily:i}]),i){const e=t.getComponent(x.TextComponent);e&&(e.setFontFamily(i),e.isDirty=!0)}}break;case"text":if("string"==typeof s){const e=t.getComponent(x.TextComponent);if(e&&(e.setText(s),"editor"===Bn.config.mode)){const t=e.getLineCount(s),i=Math.ceil(e.textLayout.lineHeight*t);e.setTextHeight(i)}}break;case"fontWeight":[x.spec.TextWeight.normal,x.spec.TextWeight.bold,x.spec.TextWeight.lighter].includes(s)&&t.getComponent(x.TextComponent)?.setFontWeight(s);break;case"lineHeight":{const e=t.getComponent(x.TextComponent);if(e){e.setLineHeight(s);const t=Math.ceil(e.textLayout.lineHeight*e.lineCount);e.setTextHeight(t)}break}case"outlineColor":if(Array.isArray(s)&&4===s.length){const e=t.getComponent(x.TextComponent);if(e&&"function"==typeof e.setOutlineColor){const t=X(s);e.setOutlineColor(t)}}break;case"outlineWidth":if("number"==typeof s){const e=t.getComponent(x.TextComponent);e&&"function"==typeof e.setOutlineWidth&&e.setOutlineWidth(s)}break;case"outlineEnabled":if("boolean"==typeof s){const e=t.getComponent(x.TextComponent);e&&"function"==typeof e.setOutlineEnabled&&e.setOutlineEnabled(s)}break;case"fontSize":if("number"==typeof s&&t.type===x.spec.ItemType.text){const e=t.getComponent(x.TextComponent);if(e){const t=e.textStyle.fontSize;if(e.setFontSize(s),"editor"===Bn.config.mode){e.setLineHeight(e.textLayout.lineHeight*s/t);const i=e.getLineCount(e.text),r=Math.ceil(e.textLayout.lineHeight*i);e.setTextHeight(r)}}}break;case"width":if(t.type===x.spec.ItemType.text){const e=t.getComponent(x.TextComponent);if(e){e.setTextWidth(s);const t=Math.ceil(e.textLayout.lineHeight*e.lineCount);e.setTextHeight(t)}}else if([x.spec.ItemType.sprite,x.spec.ItemType.video].includes(t.type)){const e=this.interactionUtils.getViewSizeByPixelSize(new C(s,0)),i=this.interactionUtils.getWorldSizeByViewSize(e).x,r=t.transform.getWorldScale(),n=t.transform.size.toArray();t.transform.setSize(Math.abs(i)/r.x,n[1])}else t.type===x.spec.ItemType.null&&vt(e);break;case"height":if(t.type===x.spec.ItemType.text){t.getComponent(x.TextComponent).setTextHeight(s)}else{const e=this.interactionUtils.getViewSizeByPixelSize(new C(0,s)),i=this.interactionUtils.getWorldSizeByViewSize(e).y,r=t.transform.getWorldScale(),n=t.transform.size.toArray();t.transform.setSize(n[0],Math.abs(i)/r.y)}break;case"letterSpacing":if(t.type===x.spec.ItemType.text){const e=t.getComponent(x.TextComponent);e.textLayout.letterSpace=s,e.isDirty=!0;const i=Math.ceil(e.textLayout.lineHeight*e.lineCount);e.setTextHeight(i)}break;case"image":"string"==typeof s&&t.type===x.spec.ItemType.sprite&&t.getComponent(x.SpriteComponent)?.setTexture(await x.Texture.fromImage(s,this.player.renderer.engine));break;case"video":"string"==typeof s&&t.type===x.spec.ItemType.video&&t.getComponent(I.VideoComponent)?.setTexture(await x.Texture.fromVideo(s,this.player.renderer.engine));break;case"effects":if(t.type===x.spec.ItemType.null){const e=t.children[0],i=e?.getInstanceId();if(e?.dispose(),!i)return;const r=s.compositions.find(t=>t.id===s.compositionId)??s.compositions[0];r||console.warn("Composition not found in effects scene.");const n=r?.previewSize??[750,1624],o=this.interactionUtils.getViewSizeByPixelSize(new C(...n)),a=this.interactionUtils.getWorldSizeByViewSize(o);t.transform.setSize(Math.abs(a.x),Math.abs(a.y));const c=await pr.createEffects(t.composition,s,null,"特效");c.setInstanceId(i),c.setParent(t),c.parentId=t.getInstanceId();const h=c.components[0];h?.pause(),this.sdk.player.gotoAndPlay(0)}break;case"muted":if("boolean"==typeof s&&t.type===x.spec.ItemType.video){const e=t.getComponent(I.VideoComponent);e&&e.setMuted(s)}break;case"playbackRate":if("number"==typeof s&&t.type===x.spec.ItemType.video){const e=t.getComponent(I.VideoComponent);e&&e.setPlaybackRate(s)}break;case"volume":if("number"==typeof s&&t.type===x.spec.ItemType.video){const e=t.getComponent(I.VideoComponent);e&&e.setVolume(s)}break;case"position":if(Array.isArray(s)&&2===s.length){const i=s.map((t,i)=>t-(e.property.position[i]??0)),r=this.interactionUtils.getViewSizeByPixelSize(new C(...i)),n=this.interactionUtils.getWorldSizeByViewSize(r,!0,t.getInstanceId());this.moveItem(t.getInstanceId(),n,!0)}break;case"rotation":if(Array.isArray(s)&&3===s.length){const i=s.map((t,i)=>t-(e.property.rotation[i]??0));this.rotateItem(t.getInstanceId(),new L(...i).negate(),!0)}break;case"scale":if(Array.isArray(s)&&2===s.length){const i=e.property.scale,r=s.map((t,e)=>t/(i[e]??1));this.scaleItem(t.getInstanceId(),new L(...r,1),!0)}break;case"layoutMode":if("auto"===s||"free"===s){const e=t.getComponent(mr.FrameComponent),i="free"===s?[1,1,1,1]:[.7,.7,.7,1];e.color=new wr.Color(...i)}break;case"visible":if("boolean"==typeof s&&(t.setVisible(s),Bn.config.pageConfig.groupVisible)){this.getChildrenPlayerItems(t).forEach(t=>{t.setVisible(s)})}break;default:console.log("ignore property name ",i),i in e.property&&(e.property[i]=s)}["position","rotation","size"].includes(i)||this.player.gotoAndPlay(this.sdk.pageData.time)}updateJSONItemProperty(t,e,i){const s=["name","duration","delay","endBehavior","visible","isLocked","parentId"];this.sdk.pageData.viewProperties.forEach(r=>{if(!this.sdk.pageData?.property.asyncMode&&r.id!==this.sdk.pageData?.activeData.view)return;const{scene:n}=r;s.includes(e)?this.updateSceneItemBaseProperty(n,t,e,i):this.updateSceneItemPropertyAttribute(n,t,e,i)})}updateSceneItemBaseProperty(t,e,i,s){const r=t.items.find(t=>t.id===e);if(r)switch(i){case"name":r.name=s;break;case"duration":r.duration=s;break;case"delay":r.delay=s;break;case"endBehavior":r.endBehavior=s;break;case"visible":r.visible=s;break;case"parentId":r.parentId=s}}updateSceneItemPropertyAttribute(t,e,i,s){var r,n,o,a,c,h,l,p,d,m;const g=t.items.find(t=>t.id===e);if(g)switch(i){case"position":if(Array.isArray(s)&&2===s.length){const t=this.sdk.pageData.items.find(t=>t.id===e),i=t?.property.position,r=s.map((t,e)=>t-(i?.[e]??0)),n=this.interactionUtils.getViewSizeByPixelSize(new C(...r)),o=this.interactionUtils.getWorldSizeByViewSize(n,!0,e);g.transform&&(g.transform.position.x+=o.x,g.transform.position.y+=o.y,g.transform.position.z+=o.z)}break;case"rotation":if(Array.isArray(s)&&3===s.length){const t=this.sdk.pageData.items.find(t=>t.id===e),i=t?.property.rotation,r=s.map((t,e)=>t-(i?.[e]??0));g.transform&&(g.transform.eulerHint.x+=r[0],g.transform.eulerHint.y+=r[1],g.transform.eulerHint.z+=r[2])}break;case"scale":if(Array.isArray(s)&&2===s.length){const t=this.sdk.pageData.items.find(t=>t.id===e),i=t?.property.scale,r=s.map((t,e)=>t/(i?.[e]??0));g.transform&&(g.transform.scale.x*=r[0],g.transform.scale.y*=r[1])}break;case"width":if(g.type===x.spec.ItemType.text){const i=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));if(i?.options&&g){i.options.textWidth=s;const t=this.getPlayerItemById(e);if(t){const e=t.getComponent(x.TextComponent),s=e.textLayout.width,n=Math.ceil(e.lineCount*e.lineCount);i.options.textHeight=n;const o=this.interactionUtils.getViewSizeByPixelSize(new C(s,n)),a=this.interactionUtils.getWorldSizeByViewSize(o);(r=g.transform).scale??(r.scale={x:1,y:1,z:1}),g.transform.scale={x:Math.abs(a.x),y:Math.abs(a.y),z:1}}}}else if(g.type===x.spec.ItemType.null){const t=this.getSDKItem(e);if(vt(t)&&"number"==typeof s){const e=t.height;this.resizeFrameItem(t.id,[s,e])}else if(xt(t)&&"number"==typeof s){const e=t.width,i=s/e;(n=g.transform).scale??(n.scale={x:1,y:1,z:1}),g.transform.scale.x*=i}}else if("number"==typeof s){const t=[s,0],i=this.interactionUtils.getViewSizeByPixelSize(new C(...t)),r=this.interactionUtils.getWorldSizeByViewSize(i,!0,e);g.transform&&((o=g.transform).size??(o.size={x:1,y:1}),g.transform.size.x=Math.abs(r.x))}break;case"height":if(g.type===x.spec.ItemType.null){const t=this.getSDKItem(e);if(vt(t)&&"number"==typeof s){const e=t.width;this.resizeFrameItem(t.id,[e,s])}else if(xt(t)&&"number"==typeof s){const e=t.height,i=s/e;(a=g.transform).scale??(a.scale={x:1,y:1,z:1}),g.transform.scale.y*=i}}else if("number"==typeof s){const t=[0,s],i=this.interactionUtils.getViewSizeByPixelSize(new C(...t)),r=this.interactionUtils.getWorldSizeByViewSize(i,!0,e);g.transform&&((c=g.transform).size??(c.size={x:1,y:1}),g.transform.size.y=Math.abs(r.y))}break;case"visible":if("boolean"==typeof s&&(g.visible=s,Bn.config.pageConfig.groupVisible)){this.getChildrenSceneItemIds(e,t).forEach(e=>{const i=t.items.find(t=>t.id===e);i&&(i.visible=s)})}break;case"textAlign":if([x.spec.TextAlignment.left,x.spec.TextAlignment.middle,x.spec.TextAlignment.right].includes(s)){const i=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));i?.options&&"textAlign"in i.options&&(i.options.textAlign=s)}break;case"letterSpacing":if("number"==typeof s){const i=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));i?.options.letterSpace&&(i.options.letterSpace=s)}break;case"color":if(Array.isArray(s)&&4===s.length){const i=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));if(i?.options){const t=X(s);i.options.textColor=[...t]}}break;case"fontFamily":if("string"==typeof s){const i=s.split("/"),r=i[i.length-1]?.split(".")[0],n=t.fonts?.find(t=>"family"in t&&t.family===r||"fontFamily"in t&&t.fontFamily===r);!n&&t.fonts&&r&&t.fonts.push({fontFamily:r,fontURL:s});const o=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));o&&(o.options.fontFamily=r)}break;case"lineHeight":if("number"==typeof s){const i=t.items.find(t=>t.id===e),r=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));if(i&&r?.options){r.options.lineHeight=s;const t=this.getPlayerItemById(e);if(t){const e=t.getComponent(x.TextComponent),s=e.textLayout.width,n=Math.ceil(e.textLayout.lineHeight*e.lineCount);r.options.textHeight=n;const o=this.interactionUtils.getViewSizeByPixelSize(new C(s,n)),a=this.interactionUtils.getWorldSizeByViewSize(o);(h=i.transform).scale??(h.scale={x:1,y:1,z:1}),i.transform.scale={x:Math.abs(a.x),y:Math.abs(a.y),z:1}}}}break;case"text":if("string"==typeof s){const i=t.items.find(t=>t.id===e),r=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));if(r?.options&&i){r.options.text=s;const t=this.getPlayerItemById(e);if(t&&"editor"===Bn.config.mode){const e=t.getComponent(x.TextComponent),n=e.getLineCount(s),o=e.textLayout.lineHeight,a=e.textLayout.width,c=Math.ceil(o*n);r.options.textHeight=c;const h=this.interactionUtils.getViewSizeByPixelSize(new C(a,c)),p=this.interactionUtils.getWorldSizeByViewSize(h);(l=i.transform).scale??(l.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 s){const i=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));i?.options&&(i.options.fontWeight=s)}break;case"outlineColor":if(Array.isArray(s)&&4===s.length){const i=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));i?.options&&((p=i.options).outline??(p.outline={}),i.options.outline.outlineColor=[...X(s)])}break;case"outlineWidth":if("number"==typeof s){const i=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));i?.options&&((d=i.options).outline??(d.outline={}),i.options.outline.outlineWidth=s)}break;case"outlineEnabled":if("boolean"==typeof s){const t=this.getPlayerItemById(e),i=t?.getComponent(x.TextComponent);i&&(i.textStyle.isOutlined=s)}break;case"fontSize":if("number"==typeof s){const i=t.items.find(t=>t.id===e),r=t.components.find(t=>t.item.id===e&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(t.dataType));if(r?.options&&i){r.options.fontSize=s;const t=this.getPlayerItemById(e);if(t&&"editor"===Bn.config.mode){const e=t.getComponent(x.TextComponent);e.setFontSize(s);const n=e.textLayout.lineHeight;r.options.lineHeight=n;const o=Math.ceil(e.textLayout.lineHeight*e.lineCount);r.options.textHeight=o;const a=e.textLayout.width,c=this.interactionUtils.getViewSizeByPixelSize(new C(a,o)),h=this.interactionUtils.getWorldSizeByViewSize(c);(m=i.transform).scale??(m.scale={x:1,y:1,z:1}),i.transform.scale={x:Math.abs(h.x),y:Math.abs(h.y),z:1}}}}break;case"image":if("string"==typeof s){const i=t.components.filter(t=>t.item.id===e);if(i.find(t=>!!t.renderer?.texture)){const r=new Map;i.forEach(i=>{if(!("renderer"in i))return;const n=t.textures?.find(t=>t.id===i.renderer.texture.id);if(n&&"source"in n&&n.source){const o=t?.images.find(t=>t.id===n.source.id);o?.url&&(o.url=s,delete o.webp),o&&"template"in o&&o.template.background&&(o.template.background.url=s);const a=this.player.renderer.engine.findObject({id:n.id});a?.dispose();const c=this.getPlayerItemById(e)?.getComponent(x.SpriteComponent).renderer.texture.getInstanceId();r.set(n.id,c),n.id=c,i.renderer.texture.id=c}}),t.components.forEach(t=>{if(!("renderer"in t)||!t.renderer.texture)return;const e=r.get(t.renderer.texture.id);if(e){t.renderer.texture.id=e;const i=this.getPlayerItemById(t.item.id),s=this.player.renderer.engine.findObject({id:e}),r=i?.getComponent(x.SpriteComponent);r?.setTexture(s)}})}else{t.components.filter(t=>t.item.id===e).forEach(e=>{if(!("renderer"in e))return;const i=this.getPlayerItemById(e.item.id),r=i?.getComponent(x.SpriteComponent).renderer.texture.getInstanceId();if(r){const i={id:(0,x.generateGUID)(),url:s,renderLevel:x.spec.RenderLevel.BPlus},n={id:r,source:{id:i.id},flipY:!0,dataType:x.spec.DataType.Texture,magFilter:mr.glContext.LINEAR,minFilter:mr.glContext.LINEAR,generateMipmap:!0};t.images.push(i),t.textures??(t.textures=[]),t.textures.push(n),e.renderer.texture={id:r}}})}}break;case"video":if("string"==typeof s){const i=t.components.filter(t=>t.item.id===e);if(i.find(t=>!!t.renderer?.texture)){const r=new Map;i.forEach(i=>{if(!("renderer"in i)||!i.renderer.texture)return;const n=t.textures?.find(t=>t.id===i.renderer.texture.id);if(n&&"source"in n&&n.source){const o=t?.videos.find(t=>t.id===n.source.id);o&&(o.url=s);const a=this.player.renderer.engine.findObject({id:n.id});a?.dispose();const c=this.getPlayerItemById(e)?.getComponent(I.VideoComponent).renderer.texture.getInstanceId();c&&(r.set(n.id,c),n.id=c,i.renderer.texture.id=c)}}),t.components.forEach(t=>{if(!("renderer"in t)||!t.renderer.texture)return;const e=r.get(t.renderer.texture.id);if(e){t.renderer.texture.id=e;const i=this.getPlayerItemById(t.item.id),s=this.player.renderer.engine.findObject({id:e}),r=i?.getComponent(I.VideoComponent);r?.setTexture(s)}})}else{t.components.filter(t=>t.item.id===e).forEach(e=>{if(!("renderer"in e))return;const i=this.getPlayerItemById(e.item.id),r=i?.getComponent(I.VideoComponent).renderer.texture.getInstanceId();if(r){const i={id:(0,x.generateGUID)(),url:s,renderLevel:x.spec.RenderLevel.BPlus},n={id:r,source:{id:i.id},flipY:!0,dataType:x.spec.DataType.Texture,magFilter:mr.glContext.LINEAR,minFilter:mr.glContext.LINEAR_MIPMAP_LINEAR,generateMipmap:!0};t.videos??(t.videos=[]),t.videos.push(i),t.textures??(t.textures=[]),t.textures.push(n),e.options.video={id:i.id},e.renderer.texture={id:r}}})}}break;case"effects":if(s){const i=this.getSDKItem(e)?.property.children,r=this.getPlayerItemById(e)?.children?.[0]?.getInstanceId();i&&r&&(Xs(t,i),Js(t,s,r,e))}break;case"muted":if("boolean"==typeof s){const i=t.components.find(t=>t.item.id===e&&t.dataType===x.spec.DataType.VideoComponent);i?.options&&(i.options.muted=s)}break;case"playbackRate":if("number"==typeof s){const i=t.components.find(t=>t.item.id===e&&t.dataType===x.spec.DataType.VideoComponent);i?.options&&(i.options.playbackRate=s)}break;case"volume":if("number"==typeof s){const i=t.components.find(t=>t.item.id===e&&t.dataType===x.spec.DataType.VideoComponent);i?.options&&(i.options.volume=s)}break;case"layoutMode":{const t=this.getSDKItem(e);!vt(t)||"auto"!==s&&"free"!==s||(t.property.layoutMode=s,"auto"===s&&this.applyFrameAutoLayout(e));break}case"autoLayoutConfig":{const t=this.getSDKItem(e);vt(t)&&s&&"object"==typeof s&&(t.property.autoLayoutConfig=s,"auto"===t.property.layoutMode&&this.applyFrameAutoLayout(e));break}case"layoutInfos":{const t=this.getSDKItem(e);vt(t)&&s&&"object"==typeof s&&(t.property.layoutInfos=s);break}default:console.warn(`Target property ${i} can not be changed.`)}else console.warn(`Item ${e} is not exsited.`)}setSpriteSize(t,e){var i;const s=this.getPlayerItemById(t),r=this.interactionUtils.getViewSizeByPixelSize(new C(...e)),n=this.interactionUtils.getWorldSizeByViewSize(r),o=this.getActiveTargetScene(),a=o?.items.find(e=>e.id===t);s&&a&&(s.transform.setSize(n.x,Math.abs(n.y)),a.transform??(a.transform={position:{x:0,y:0,z:0},scale:{x:1,y:1,z:1},eulerHint:{x:0,y:0,z:0},size:{x:n.x,y:n.y}}),(i=a.transform).size??(i.size={x:1,y:1}),a.transform.size={x:Math.abs(n.x),y:Math.abs(n.y)},this.refreshSDKItem(t))}transformSceneItem(t,e,i){(0,x.assertExist)(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:r}=s;switch(e){case"position":if(Array.isArray(i)&&3===i.length){const e=r.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=r.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=r.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])}}})}refreshSDKItem(t){const e=this.sdk.pageData;(0,x.assertExist)(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],r=this.getPlayerItemById(t);r&&s&&this.updateSDKItemFromPlayerItem(s,r);(vt(s)?s.children:[]).forEach(t=>{this.refreshSDKItem(t)})}updateSDKItemFromPlayerItem(t,e){const{name:i,transform:s,composition:r,isVisible:n,duration:o,endBehavior:a}=e;if(t.name=i,t.duration=o,t.delay=e.definition.delay??0,t.endBehavior=a,e.parent?.type===x.spec.ItemType.composition&&e.parent?.parent?.type===x.spec.ItemType.null?t.parentId=e.parent.parentId:t.parentId=e.parentId,e.type!==x.spec.ItemType.null){s.updateLocalMatrix();const i=(new V).copyFrom(r?.transform.getWorldMatrix()??(new V).identity()).invert().multiply(s.getWorldMatrix()),o=new L,a=new R,c=new L;i.decompose(o,a,c);const h=(new O).setFromQuaternion(a);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(o,h);const l=this.interactionUtils.projectPoint(o),{scale:p}=this.interactionUtils.viewportParam,d="editor"===Bn.config.mode?this.interactionUtils.getPixelPositionByViewPoint(l).toArray().map(t=>E(t,2)):l.divide(p).toArray().map(t=>E(t,2)),m=h.toArray().map(t=>E(t,2)),g=c.toArray(),u=s.size.toArray(),f=this.getPixelSizeByWorldSize([g[0]*u[0],g[1]*u[1],g[2]],e).map(t=>E(t,2));t.property.position=d,t.property.rotation=m,t.property.width=f[0],t.property.height=f[1],t.property.scale=[g[0],g[1]],t.visible=n}else{const i=e.children.map(t=>t.getInstanceId()),s=this.getViewportLeftTopPosition(),r=this.getViewBoxByPlayerItem(e,e.children),o="template"===Bn.config.mode?1:this.interactionUtils.viewportParam.scale,a=this.interactionUtils.getViewPositionWWithOutTransform(r.getCenter().subtract(s)),c="editor"===Bn.config.mode?this.interactionUtils.getPixelPositionByViewPoint(a).toArray().map(t=>E(t,2)):a.toArray();"group"===t.type&&(t.property.children=i),t.property.position=c;const h=r.getSize().divide(o).toArray();t.property.width=h[0],t.property.height=h[1],t.visible=n}switch(e.type){case x.spec.ItemType.sprite:if(ct(t)){const i=this.getViewProperty()?.scene;if(i){i.components.filter(t=>t.item.id===e.getInstanceId()).forEach(e=>{if(!("renderer"in e)||!("texture"in e.renderer)||!e.renderer.texture)return;const s=i.textures?.find(t=>t.id===e.renderer.texture.id);if(s&&"source"in s&&s.source){const e=i?.images.find(t=>t.id===s.source.id);t.isCoreEditable=!!e?.template,t.property.image=e?.url??""}})}}break;case x.spec.ItemType.video:if(dt(t)){const i=this.getViewProperty()?.scene;if(i){i.components.filter(t=>t.item.id===e.getInstanceId()).forEach(e=>{if(!("renderer"in e)||!("texture"in e.renderer)||!e.renderer.texture)return;const s=i.textures?.find(t=>t.id===e.renderer.texture.id);if(s&&"source"in s&&s.source){const e=i?.videos?.find(t=>t.id===s.source.id);t.isCoreEditable=!0,t.property.video=e?.url??""}})}}break;case x.spec.ItemType.text:case x.spec.ItemType.richtext:if(lt(t)){const i=e.getComponent(x.TextComponent),{text:s,textLayout:{width:r,height:n,lineHeight:o,letterSpace:a,textAlign:c},textStyle:{fontSize:h,fontStyle:l,isOutlined:p,outlineColor:d,outlineWidth:m,textColor:g,textWeight:u,fontFamily:f}}=i;t.isCoreEditable=!0,Object.assign(t.property,{outlineEnabled:p,textAlign:c,color:J(g),fontWeight:u,text:s,fontFamily:f,fontSize:h,fontStyle:l,outlineColor:d?J(d):void 0,outlineWidth:m,width:E(r,2),lineHeight:o,height:E(n,2),letterSpacing:a})}}}getPlayerItemById(t){return this.player.getCompositions()[0]?.items.find(e=>e.getInstanceId()===t)}getPixelSizeByWorldSize(t,e){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const i=[0,0],s=e.composition?.camera,r=this.getViewProperty()?.size;if(s&&r){const{z:n}=e.transform.getWorldPosition(),{x:o,y:a}=s.getInverseVPRatio(n);i[0]=Math.abs(t[0]*r[0]/o/2),i[1]=Math.abs(t[1]*r[1]/a/-2)}else console.warn("camera is not existed.");return i}getWorldSizeByPixelSize(t){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const e=[0,0],i=this.player.getCompositions()[0],s=i?.camera,r=this.getViewProperty()?.size;if(s&&r){const{x:i,y:n}=s.getInverseVPRatio(0);e[0]=Math.abs(2*t[0]*i/r[0]),e[1]=Math.abs(-2*t[1]*n/r[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(){(0,x.assertExist)(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.addSDKItemsByItems(this.sdk.pageData.items,t.items),this.emitter.emit("pageDataChange",this.sdk.pageData)}async addSpriteItem(t,e=!1,i){if(i??(i=this.getActiveTargetScene()),!i)return;const{name:s="图片",property:{width:r,height:n,scale:o=[1,1],image:a,rotation:c=0,position:h},parentId:l,id:p=(0,x.generateGUID)(),extension:d}=t,m=[r,n],g=Array.isArray(c)?[...c]:[0,0,c];g[2]=-g[2];const u=new L(...o??[1,1],1),f=this.getWorldSizeByPixelSize(m),y=new L(...g),w=this.interactionUtils.getWorldPositionByViewPoint(this.interactionUtils.getViewPositionByPixelPoint(new C(...h)))??new L,I=i.images.findIndex(t=>t.url===a);let v,S,P={};if(a)if(S=e?t.textureId:(0,x.generateGUID)(),I<0||"editor"===Bn.config.mode){e||(v=await x.Texture.fromImage(a,this.player.renderer.engine,{magFilter:mr.glContext.LINEAR,minFilter:mr.glContext.LINEAR_MIPMAP_LINEAR,generateMipmap:!0,id:S}));const t={id:(0,x.generateGUID)(),url:a,renderLevel:x.spec.RenderLevel.BPlus};P={id:S,source:{id:t.id},flipY:!0,dataType:x.spec.DataType.Texture,magFilter:mr.glContext.LINEAR,minFilter:mr.glContext.LINEAR_MIPMAP_LINEAR,generateMipmap:!0},i.images.push(t),i.textures??(i.textures=[]),i.textures.push(P)}else if(!e){const t=i.textures?.find(t=>t.source.id===i.images[I].id);P={id:t?.id},v=this.player.renderer.engine.findObject({id:t.id})}const b=new at({id:p,name:s,parentId:l,children:[],duration:999,delay:0,endBehavior:x.spec.EndBehavior.restart,isLocked:!1,visible:!0,isCoreEditable:!0,property:{position:[...h],rotation:[...g],width:r,height:n,scale:[...o],image:a??""},extension:d});(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.items.push(b);const D=Fs(p,w,y,new C(...f),u,s,S);i.items.find(t=>t.id===l)&&(D.item.parentId=l),Ns(i,D);const z=this.player.getCompositions()[0],T=pr.createSprite(z,null,s);if(T.setInstanceId(D.item.id),T.duration=999,T.endBehavior=x.spec.EndBehavior.restart,T.transform.setSize(...f),T.transform.setPosition(...w.toArray()),T.transform.setRotation(...y.toArray()),T.transform.setScale(...u.toArray()),v&&!e){T.getComponent(x.SpriteComponent).setTexture(v)}return this.refreshSceneAndPageData(),"template"===Bn.config.mode&&this.player.gotoAndStop(this.getPageData().time),D.item.id}addGroupItem(t,e){if(e??(e=this.getActiveTargetScene()),!e)return;const{name:i="空节点",property:{position:s=[0,0],children:r=[],scale:n=[1,1]},id:o=(0,x.generateGUID)(),extension:a}=t,c=r.filter(t=>!this.getPlayerItemById(t)),h=r.filter(t=>!!this.getPlayerItemById(t));if(c.length&&console.warn(`item ${c.join("、")} is not existed.`),0===h.length)return;const l=new L(...this.getWorldSizeByPixelSize(s),0),p=new mt({id:o,name:i,children:h.map(t=>this.getPlayerItemById(t).getInstanceId()),duration:999,delay:0,endBehavior:x.spec.EndBehavior.restart,isLocked:!1,visible:!0,isCoreEditable:!1,property:{position:s,rotation:[0,0,0],scale:[...n]},extension:a});(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.items.push(p);const d=Ls(o,i,l);Ns(e,d),h.forEach(t=>{Hs(e,t,o)});const m=this.player.getCompositions()[0],g=pr.createEmpty(m,null,i);return g.setInstanceId(d.item.id),g.duration=999,g.endBehavior=x.spec.EndBehavior.restart,g.transform.setPosition(...l.toArray()),h.forEach(t=>{const e=this.getPlayerItemById(t);e.setParent(g),e.parentId=d.item.id,e.translate(...l.clone().negate().toArray())}),this.refreshSceneAndPageData(),d.item.id}async addTextItem(t,e){if(e??(e=this.getActiveTargetScene()),!e)return;const{id:i=(0,x.generateGUID)(),parentId:s,name:r="文本",property:{lineHeight:n,width:o,height:a=n,fontFamily:c,position:h=[0,0],fontSize:l,fontWeight:p=x.spec.TextWeight.normal,fontStyle:d=x.spec.FontStyle.normal,textAlign:m=x.spec.TextAlignment.left,text:g,color:u,outlineColor:f,outlineWidth:y,rotation:w=0,fontUrl:I,outlineEnabled:v,letterSpacing:S=0},extension:P}=t,b=Array.isArray(w)?[...w]:[0,0,w];b[2]=-b[2],I&&!e.fonts?.find(t=>t.fontFamily===c)&&(e.fonts??(e.fonts=[]),e.fonts.push({fontFamily:c,fontURL:I}));const D=X(u),z=f?X(f):void 0,T={text:g,fontFamily:c,fontSize:l,textColor:D,fontWeight:p,textAlign:m,fontStyle:d,textWidth:o,textHeight:a,lineHeight:n,textBaseline:x.spec.TextBaseline.top,textOverflow:x.spec.TextOverflow.visible,outline:v?{outlineColor:z,outlineWidth:y}:void 0,letterSpace:S},E=new ht({id:i,name:r,parentId:s,children:[],duration:999,delay:0,endBehavior:x.spec.EndBehavior.restart,isLocked:!1,visible:!0,isCoreEditable:!0,property:{position:h,rotation:b,width:o,height:a??n??l,scale:[1,1],text:g,fontFamily:c,fontSize:l,fontWeight:p,fontStyle:d,textAlign:m,color:u,lineHeight:n,outlineEnabled:v,outlineColor:f,outlineWidth:y},extension:P});(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.items.push(E);const A=this.player.getCompositions()[0],B=pr.createText(A,null,r);B.setInstanceId(i),B.duration=999,B.endBehavior=x.spec.EndBehavior.restart;const _=B.getComponent(x.TextComponent),k={options:T,renderer:{renderMode:1},dataType:x.spec.DataType.TextComponent,item:{id:B.getInstanceId()},id:_.getInstanceId()};_.fromData(k),await mr.AssetManager.loadFontFamily([{fontURL:I,fontFamily:c}]),_.setFontFamily(c);const U=[o,T.textHeight],M=this.getWorldSizeByPixelSize(U),G=new L(...b),F=this.interactionUtils.getWorldPositionByViewPoint(this.interactionUtils.getViewPositionByPixelPoint(new C(...h)))??new L,R=Vs(i,r,F,G,new C(...M),T);e.items.find(t=>t.id===s)&&(R.item.parentId=s),Ns(e,R);const V=M[0]/B.transform.size.x;return B.transform.setScale(V,V,1),B.transform.setPosition(...F.toArray()),B.transform.setRotation(...G.toArray()),(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.refreshSceneAndPageData(),R.item.id}async addVideoItem(t,e,i){if(i??(i=this.getActiveTargetScene()),!i)return;const{name:s="视频",property:{width:r,height:n,scale:o=[1,1],video:a,rotation:c=0,position:h,muted:l=!0,transparent:p=!1,volume:d=1,playbackRate:m=1},parentId:g,id:u=(0,x.generateGUID)(),extension:f}=t,y=[r,n],w=Array.isArray(c)?[...c]:[0,0,c];w[2]=-w[2];const v=new L(...o??[1,1],1),S=this.getWorldSizeByPixelSize(y),P=new L(...w),b=this.interactionUtils.getWorldPositionByViewPoint(this.interactionUtils.getViewPositionByPixelPoint(new C(...h)))??new L;i.videos??(i.videos=[]);const D=i.videos.findIndex(t=>t.url===a);let z,T,E="",A={};if(a)if(T=e?t.textureId:(0,x.generateGUID)(),D<0||"editor"===Bn.config.mode){e||(z=await x.Texture.fromVideo(a,this.player.renderer.engine,{magFilter:mr.glContext.LINEAR,minFilter:mr.glContext.LINEAR,generateMipmap:!1,id:T}));const t={id:(0,x.generateGUID)(),url:a,renderLevel:x.spec.RenderLevel.BPlus};E=t.id,A={id:T,source:{id:t.id},flipY:!0,dataType:x.spec.DataType.Texture,magFilter:mr.glContext.LINEAR,minFilter:mr.glContext.LINEAR,generateMipmap:!1},i.videos.push(t),i.textures??(i.textures=[]),i.textures.push(A)}else if(!e){const t=i.textures?.find(t=>t.source.id===i.videos[D].id);E=t?.source.id,A={id:t?.id},z=this.player.renderer.engine.findObject({id:t.id})}const B=new pt({id:u,name:s,parentId:g,children:[],duration:999,delay:0,endBehavior:x.spec.EndBehavior.restart,isLocked:!1,visible:!0,isCoreEditable:!0,property:{position:[...h],rotation:[...w],width:r,height:n,scale:[...o],video:a??"",muted:l,transparent:p,volume:d,playbackRate:m},extension:f});(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.items.push(B);const _=Os(u,b,P,new C(...S),v,s,l,p,d,m,T,E);i.items.find(t=>t.id===g)&&(_.item.parentId=g),Ns(i,_);const k=this.player.getCompositions()[0],U=pr.createVideo(k,null,s);if(U.setInstanceId(_.item.id),U.duration=999,U.endBehavior=x.spec.EndBehavior.restart,U.transform.setSize(...S),U.transform.setPosition(...b.toArray()),U.transform.setRotation(...P.toArray()),U.transform.setScale(...v.toArray()),z&&!e){const t=U.getComponent(I.VideoComponent);t.setTexture(z),t.setLoop(!0),t.setMuted(l),t.setVolume(d),t.setPlaybackRate(m),t.pauseVideo()}return this.refreshSceneAndPageData(),_.item.id}addGeneratorItem(t,e){if(e??(e=this.getActiveTargetScene()),!e)return"";const{id:i=(0,x.generateGUID)(),name:s=("video"===t.property.generatorType?"视频生成器":"图片生成器"),property:{width:r,height:n,position:o,rotation:a=0,generatorType:c="image"},extension:h}=t,l=[r,n],p=Array.isArray(a)?[...a]:[0,0,a];p[2]=-p[2];const d=new L(1,1,1),m=this.getWorldSizeByPixelSize(l),g=new L(...p),u=this.interactionUtils.getWorldPositionByViewPoint(this.interactionUtils.getViewPositionByPixelPoint(new C(...o)))??new L,f=new ut({id:i,name:s,children:[],duration:999,delay:0,endBehavior:x.spec.EndBehavior.restart,visible:!0,isLocked:!1,isCoreEditable:!0,property:{position:[...o],rotation:[0,0,0],width:r,height:n,scale:[1,1],generatorType:c},extension:h});(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.items.push(f);const y=this.player.getCompositions()[0],w=pr.createSprite(y,null,s);return w.getComponent(x.SpriteComponent).setColor(new wr.Color(0,0,0,.3)),w.setInstanceId(i),w.duration=999,w.endBehavior=x.spec.EndBehavior.restart,w.transform.setSize(...m),w.transform.setPosition(...u.toArray()),w.transform.setRotation(...g.toArray()),w.transform.setScale(...d.toArray()),this.refreshSceneAndPageData(),i}async setGeneratorResource(t,e){const i=this.getActiveTargetScene();if(!i)return"";const s=this.getSDKItem(t);if(!s||!ft(s))return console.warn(`GeneratorItem ${t} not found`),"";const r="video"===s.generatorType?s.toVideoCreateInfo(e,!0):s.toSpriteCreateInfo(e,!0);this.deleteItem(t);return"video"===s.generatorType?await this.addVideoItem(r,!1,i):await this.addSpriteItem(r,!1,i)}async convertVideoGeneratorToVideo(t,e){return this.setGeneratorResource(t,e)}deleteItem(t){const e=this.getActiveTargetScene();if(!e)return;const i=this.getSDKItem(t);if(Ks(e,t),xt(i)||vt(i)){Xs(e,[i.subCompositionItemId]);const t=this.getPageData();vt(i)&&t&&(t.items=t.items.filter(t=>!i.children.includes(t.id)))}const s=this.player.getCompositions()[0].items.find(e=>e.getInstanceId()===t);if(s){const t=s.getWorldTransform(),e=t.getWorldPosition(),r=t.getRotation(),n=t.getWorldScale();xt(i)||vt(i)?s.children.forEach(t=>{t.dispose()}):s.children.forEach(t=>{t.scale(...n.toArray()),t.rotate(...r.toArray()),t.translate(...e.toArray()),t.parent=void 0,t.parentId=void 0}),s.dispose()}this.getPageData().items=this.getPageData().items.filter(e=>e.id!==t)}setItemParent(t,e,i){const s=this.getPlayerItemById(e),r=this.getPlayerItemById(t);if(s?.type!==x.spec.ItemType.null||!r)return void console.warn("Id info is error, can not set parent.");i??(i=this.getActiveTargetScene()),Hs(i,t,e);const n=s.getWorldTransform(),o=n.getWorldPosition(),a=n.getRotation(),c=n.getWorldScale();r.scale(1/c.x,1/c.y,1/c.z),r.rotate(...a.clone().negate().toArray()),r.translate(...o.clone().negate().toArray()),r.setParent(s),r.parentId=s.getInstanceId(),this.refreshSDKItem(t),this.refreshSDKItem(e)}deleteItemParent(t,e,i){const s=this.getPlayerItemById(e),r=this.getPlayerItemById(t);s?.type===x.spec.ItemType.null&&r?(i??(i=this.getActiveTargetScene()),js(i,t),r.parent=void 0,r.parentId=void 0,this.refreshSDKItem(t),this.refreshSDKItem(e)):console.warn("Id info is error, can not set parent.")}moveItemsToFrame(t,e){const i=this.getSDKItem(e);if(!vt(i))return void console.warn(`Item ${e} is not a Frame.`);if(!i.subCompositionItemId)return void console.warn(`Frame ${e} has no sub composition ID.`);const s=this.getPlayerItemById(e);if(!s)return void console.warn(`Frame controller ${e} not found.`);const r=s.children?.[0];if(!r)return void console.warn(`Frame ${e} has no sub-composition.`);const n=this.getActiveTargetScene();if(!n)return void console.warn("Main scene not found.");const o=this.collectItemsWithChildren(t),a=new Map;for(const t of o){const e=this.getSDKItem(t);if(e&&gt(e))for(const t of e.property.children)a.set(t,e.id);const i=this.getSDKItem(t);i?.parentId&&o.includes(i.parentId)&&a.set(t,i.parentId)}const c=[],h=[];for(const t of o){const e=this.getSDKItem(t);e&&gt(e)?c.push(t):h.push(t)}for(const e of c)if(t.includes(e)){const t=this.getItemTransformUnderParent(e,r);this.moveSingleJSONItemToFrame(e,i,t,n),this.moveSinglePlayerItemToFrame(e,i,t)}for(const e of h){const s=a.get(e),o=s&&t.includes(s),c=t.includes(e);if(o){const t=this.getItemTransformUnderParent(e,r);this.moveSingleJSONItemToFrameWithParent(e,i,t,n,s)}else if(c){const t=this.getItemTransformUnderParent(e,r);this.moveSingleJSONItemToFrame(e,i,t,n),this.moveSinglePlayerItemToFrame(e,i,t)}}this.refreshSceneAndPageData()}moveSingleJSONItemToFrame(t,e,i,s){const r=this.getPlayerItemById(t),n=this.getSDKItem(t);if(!r||!n)return void console.warn(`Item ${t} not found.`);const o=e.subCompositionItemId,a=er(s,o);if(!o)return void console.warn(`Frame ${e.id} has no sub composition ID.`);tr(s,t,a,{position:i.position,rotation:i.rotation,size:i.size,scale:gt(n)?{x:1,y:1,z:1}:i.scale});const c=s.items.find(e=>e.id===t);c&&delete c.parentId,e.addChild(t)}moveSingleJSONItemToFrameWithParent(t,e,i,s,r){const n=e.subCompositionItemId,o=er(s,n);if(!n)return void console.warn(`Frame ${e.id} has no sub composition ID.`);tr(s,t,o,{position:i.position,rotation:i.rotation,size:i.size,scale:i.scale});const a=s.items.find(e=>e.id===t);a&&(r?a.parentId=r:delete a.parentId),e.addChild(t)}collectItemsWithChildren(t){const e=new Set(t),i=new Set,s=t=>{for(const r of t){if(i.has(r))continue;i.add(r);const t=this.getSDKItem(r);if(t&&gt(t)){const i=t.property.children;if(i.length>0)for(const t of i)e.add(t),s([t])}}};return s(t),Array.from(e)}moveSinglePlayerItemToFrame(t,e,i){const s=this.getPlayerItemById(t),r=this.getPlayerItemById(e.subCompositionItemId);s&&r?(s.parentId=r.getInstanceId(),s.setParent(r),i.scale&&s.transform.setScale(i.scale.x,i.scale.y,i.scale.z),i.position&&s.setPosition(i.position.x,i.position.y,i.position.z),i.size&&s.transform.setSize(i.size.x,i.size.y)):console.warn(`Item ${t} not found.`)}moveItemsOutOfFrame(t,e){t.forEach(e=>{const i=this.getPageData()?.items.find(t=>vt(t)&&t.children.includes(e));if(!i)return void console.warn(`Item ${e} is not in frame.`);if(!vt(i))return;if(!i.subCompositionItemId)return void console.warn(`Frame ${i.id} has no sub composition ID.`);if(!this.getPlayerItemById(i.id))return void console.warn(`Frame controller ${i.id} not found.`);const s=this.getActiveTargetScene();(0,x.assertExist)(s);const r=this.getCurrentComposition();if(!r)return void console.warn("Main composition not found.");const n=this.getItemTransformUnderParent(e,r.rootItem);if(!n)return void console.warn(`Failed to calculate transform info for item ${e}.`);const o=this.getSDKItem(e),a=t.find(t=>t===o.parentId)?o.parentId:void 0;this.moveSingleJSONItemOutOfFrame(e,i,s,n,a),this.moveSinglePlayerItemOutOfFrame(e,i,n,a)})}moveSingleJSONItemOutOfFrame(t,e,i,s,r){const n=this.getPlayerItemById(t),o=this.getSDKItem(t);if(!n||!o)return void console.warn(`Item ${t} not found.`);tr(i,t,null,s);const a=i.items.find(e=>e.id===t);a&&(r?a.parentId=r:delete a.parentId),e.removeChild(t)}moveSinglePlayerItemOutOfFrame(t,e,i,s){const r=this.getPlayerItemById(t),n=this.getPlayerItemById(s),o=this.getPlayerItemById(e.subCompositionItemId);if(!r||!o)return void console.warn(`Item ${t} not found.`);const a=this.getCurrentComposition();a?(r.parentId=s,r.setParent(n??a.rootItem),i.scale&&!n&&r.transform.setScale(i.scale.x,i.scale.y,i.scale.z),i.position&&!n&&r.setPosition(i.position.x,i.position.y,i.position.z),i.size&&!n&&r.transform.setSize(i.size.x,i.size.y)):console.warn("Main composition not found.")}setItemName(t,e,i){const s=this.getPlayerItemById(t);s?(i??(i=this.getActiveTargetScene()),Qs(i,t,e),s.name=e,this.refreshSDKItem(t)):console.warn(`Item ${t} is not exsited.`)}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=$(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){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const i=this.getPlayerItemById(t),s=this.getViewProperty()?.scene,r=this.getSDKItem(t);if(!r||!i||!s)return void console.warn(`item ${t} is not existed.`);const{transform:n}=i,o=n.getWorldScale();if(e&&i.parent){const t=i.parent.transform;o.divide(t.getWorldScale())}const{property:{width:a,height:c,position:h,rotation:l}}=r,p=[E(a/o.x,2),E(c/o.y,2)],d=r.getAllExtension();switch(r.type){case"sprite":return{type:"sprite",name:r.name,parentId:e?r.parentId:void 0,id:t,property:{image:Ys(s,t),width:p[0],height:p[1],scale:[o.x,o.y],rotation:l[2],position:[...h]},extension:d};case"group":{const s=i.children.map(t=>t.getInstanceId());return{type:"group",id:t,parentId:e?r.parentId:void 0,name:i.name,property:{children:s,scale:[o.x,o.y],rotation:l[2],position:[...h]},extension:d}}case"text":{const{width:i,height:n,lineHeight:o,fontFamily:a,fontSize:c,fontWeight:p,fontStyle:m,textAlign:g,text:u,outlineWidth:f,outlineEnabled:y,letterSpacing:x,color:w,outlineColor:I}=r.property,v=s.components.find(e=>e.item.id===t),C=s.fonts?.find(t=>t.fontFamily===v.options.fontFamily)?.fontURL;return{type:"text",id:t,parentId:e?r.parentId:void 0,name:r.name,property:{width:i,height:n,lineHeight:o,fontFamily:a,position:[...h],rotation:[...l],fontSize:c,fontWeight:p,fontStyle:m,textAlign:g,text:u,color:w,outlineColor:I,outlineWidth:f,outlineEnabled:y,letterSpacing:x,fontUrl:C},extension:d}}case"video":{const i=s.components.find(e=>e.item.id===t);return{type:"video",name:r.name,parentId:e?r.parentId:void 0,id:t,property:{video:Ys(s,t),width:p[0],height:p[1],scale:[o.x,o.y],rotation:[...l],position:[...h],muted:i.options.muted,transparent:i.options.transparent,playbackRate:i.options.playbackRate,volume:i.options.volume},extension:d}}case"generator":return{type:"generator",name:r.name,parentId:e?r.parentId:void 0,id:t,property:{generatorType:r.generatorType,width:p[0],height:p[1],scale:[o.x,o.y],rotation:[...l],position:[...h]},extension:d};case"effects":return{type:"effects",name:r.name,parentId:e?r.parentId:void 0,id:t,property:{width:p[0],height:p[1],scale:[o.x,o.y],rotation:[...l],position:[...h],effects:r.effects},extension:d};case"frame":return{type:"frame",name:r.name,parentId:e?r.parentId:void 0,id:t,property:{width:p[0],height:p[1],scale:[o.x,o.y],rotation:[...l],position:[...h],layoutMode:r.layoutMode,children:r.children,layoutInfos:r.layoutInfos},extension:d};default:return void console.warn(`getItemCreateInfo: unsupported item type ${r.type}`)}}getChildrenIds(t){const e=this.getSDKItem(t);return!e||vt(e)?[]:this.getPageData()?.items.filter(e=>e.parentId===t)?.map(t=>t.id)??[]}createScreenShotSceneByIds(t){const e=new G;let i;const s=(t,e,s)=>{const{id:r=(0,x.generateGUID)(),name:n="图片",property:{image:o,scale:a=[1,1],rotation:c=0}}=t,h=Array.isArray(c)?[...c]:[0,0,c];h[2]=-h[2];const l=i.images.findIndex(t=>t.url===o);let p={};if(o)if(l<0){const t={id:(0,x.generateGUID)(),url:o,renderLevel:x.spec.RenderLevel.BPlus};p={id:(0,x.generateGUID)(),source:{id:t.id},flipY:!0,dataType:x.spec.DataType.Texture,magFilter:mr.glContext.LINEAR,minFilter:mr.glContext.LINEAR_MIPMAP_LINEAR,generateMipmap:!0},i.images.push(t),i.textures??(i.textures=[]),i.textures.push(p)}else{const t=i.textures?.find(t=>t.source.id===i.images[l].id);p={id:t?.id}}const d=Fs(r,new L(s.x,s.y,0),new L(...h),e,new L(a[0]??1,a[1]??1,1),n,p.id);Ns(i,d)},r=(t,e,s)=>{const{id:r=(0,x.generateGUID)(),name:n="文本",property:{lineHeight:o,width:a,height:c=o,fontFamily:h,fontSize:l,fontWeight:p=x.spec.TextWeight.normal,fontStyle:d=x.spec.FontStyle.normal,textAlign:m=x.spec.TextAlignment.left,text:g,color:u,rotation:f=0,fontUrl:y,outlineColor:w,outlineWidth:I,outlineEnabled:v}}=t,S=Array.isArray(f)?[...f]:[0,0,f];S[2]=-S[2],y&&!i.fonts?.find(t=>t.fontFamily===h)&&(i.fonts??(i.fonts=[]),i.fonts.push({fontFamily:h,fontURL:y}));const P=w?X(w):void 0,b=u?X(u):void 0,D={text:g,fontFamily:h,fontSize:l,textColor:b,fontWeight:p,letterSpace:0,textAlign:m,fontStyle:d,textWidth:a,textHeight:c??o,lineHeight:o,outline:v?{outlineColor:P,outlineWidth:I}:void 0},z=Vs(r,n,new L(...s.toArray(),0),new L(...S),new C(e.x,e.y),D);Ns(i,z)},n=(t,e,s)=>{const{id:r=(0,x.generateGUID)(),name:n="视频",property:{video:o,scale:a=[1,1],rotation:c=0,muted:h=!0,transparent:l=!1,playbackRate:p=1,volume:d=1}}=t,m=Array.isArray(c)?[...c]:[0,0,c];m[2]=-m[2],i.videos??(i.videos=[]);const g=i.videos.findIndex(t=>t.url===o);let u,f={};if(o)if(g<0){const t={id:(0,x.generateGUID)(),url:o,renderLevel:x.spec.RenderLevel.BPlus};u=t.id,f={id:(0,x.generateGUID)(),source:{id:t.id},flipY:!0,dataType:x.spec.DataType.Texture,magFilter:mr.glContext.LINEAR,minFilter:mr.glContext.LINEAR,generateMipmap:!1},i.videos.push(t),i.textures??(i.textures=[]),i.textures.push(f)}else{const t=i.textures?.find(t=>t.source.id===i.videos[g].id);u=t.resource.id,f={id:t?.id}}const y=Os(r,new L(s.x,s.y,0),new L(...m),e,new L(a[0]??1,a[1]??1,1),n,h,l,d,p,f.id,u);Ns(i,y)};if(Array.isArray(t)){t.map(t=>this.getItemBoxById(t)).map(t=>e.union(t));const o=e.getSize();i=Gs(o.toArray());const a=(new V).compose(new L(0,0,8),new R,new L(1,1,1)).invert(),c=(new V).perspective(60*b,o.x/o.y,.1,40,!0),h=(new V).multiplyMatrices(c,a),l=h.clone().invert(),p=h.projectPoint(new L).z,d=new L(0,0,p).applyMatrix(l),m=new L(2,2,p).applyMatrix(l),g=Math.abs(m.x-d.x)/o.x,u=Math.abs(m.y-d.y)/o.y;t.forEach(t=>{const i=this.getItemCreateInfo(t,!1);if(!i||"group"===i.type)return;const o=this.getItemBoxById(t),a="text"===i.type?[i.property.width,i.property.height??i.property.lineHeight]:[i.property.width,i.property.height],c=new C(...a).multiply(new C(g,u)).abs(),h=o.getCenter().subtract(e.getCenter()).multiply(new C(g,-u));switch(i.type){case"sprite":s(i,c,h);break;case"text":r(i,c,h);break;case"video":n(i,c,h)}})}else{const e=this.getItemBoxById(t),o=this.getItemCreateInfo(t,!1),a=e.clone().getSize();i=Gs(a.toArray());const c=(new V).compose(new L(0,0,8),new R,new L(1,1,1)).invert(),h=(new V).perspective(60*b,a.x/a.y,.1,40,!0),l=(new V).multiplyMatrices(h,c),p=l.clone().invert(),d=l.projectPoint(new L).z,m=new L(0,0,d).applyMatrix(p),g=new L(2,2,d).applyMatrix(p),u=(new L).subtractVectors(g,m);if(o)switch(o.type){case"sprite":s(o,new C(u.x,u.y),new C);break;case"text":r(o,new C(u.x,u.y),new C);break;case"video":n(o,new C(u.x,u.y),new C)}}return i}createSceneByCreateInfos(t,e,i,s){const r=new G;e?r.setFromCenterAndSize(new C(...s??[e[0]/2,e[1]/2]),new C(...e)):r.copyFrom(this.getBoundingBoxByCreateInfos(t));const n=r.getSize(),o=Gs(n.toArray(),i),a=(new V).compose(new L(0,0,8),new R,new L(1,1,1)).invert(),c=(new V).perspective(60*b,n.x/n.y,.1,40,!0),h=(new V).multiplyMatrices(c,a),l=h.clone().invert(),p=h.projectPoint(new L).z,d=new L(0,0,p).applyMatrix(l),m=new L(2,2,p).applyMatrix(l),g=Math.abs(m.x-d.x)/n.x,u=Math.abs(m.y-d.y)/n.y,f=new Map;return t.forEach(t=>{const e=this.getBoundingBoxByCreateInfo(t),i=e.getSize().multiply(new C(g,u)).abs(),s=e.getCenter().subtract(r.getCenter()).multiply(new C(g,-u));switch(t.type){case"sprite":((t,e,i)=>{const{id:s=(0,x.generateGUID)(),name:r="图片",property:{image:n,scale:a=[1,1],rotation:c=0}}=t,h=Array.isArray(c)?[...c]:[0,0,c];h[2]=-h[2];const l=o.images.findIndex(t=>t.url===n);let p={};if(n)if(l<0){const t={id:(0,x.generateGUID)(),url:n,renderLevel:x.spec.RenderLevel.BPlus};p={id:(0,x.generateGUID)(),source:{id:t.id},flipY:!0,dataType:x.spec.DataType.Texture,magFilter:mr.glContext.LINEAR,minFilter:mr.glContext.LINEAR_MIPMAP_LINEAR,generateMipmap:!0},o.images.push(t),o.textures??(o.textures=[]),o.textures.push(p)}else{const t=o.textures?.find(t=>t.source.id===o.images[l].id);p={id:t?.id}}const d=Fs(s,new L(i.x,i.y,0),new L(...h),e,new L(a[0],a[1],1),r,p.id);Ns(o,d)})(t,i,s);break;case"text":((t,e,i)=>{const{id:s=(0,x.generateGUID)(),name:r="文本",property:{lineHeight:n,width:a,height:c=n,fontFamily:h,fontSize:l,fontWeight:p=x.spec.TextWeight.normal,fontStyle:d=x.spec.FontStyle.normal,textAlign:m=x.spec.TextAlignment.left,text:g,color:u,rotation:f=0,fontUrl:y,outlineColor:w,outlineWidth:I,outlineEnabled:v}}=t,S=Array.isArray(f)?[...f]:[0,0,f];S[2]=-S[2],y&&!o.fonts?.find(t=>t.fontFamily===h)&&(o.fonts??(o.fonts=[]),o.fonts.push({fontFamily:h,fontURL:y}));const P={text:g,fontFamily:h,fontSize:l,textColor:u,fontWeight:p,letterSpace:0,textAlign:m,fontStyle:d,textWidth:a,textHeight:c??n,lineHeight:n,outline:v?{outlineWidth:I,outlineColor:w}:void 0},b=Vs(s,r,new L(...i.toArray(),0),new L(...S),new C(e.x,e.y),P);Ns(o,b)})(t,i,s);break;case"group":((t,e)=>{const{id:i=(0,x.generateGUID)(),name:s="编组",property:{scale:r=[1,1],children:n,rotation:a=0,position:c=[0,0]}}=t,h=Array.isArray(a)?[...a]:[0,0,a];h[2]=-h[2];const l=new C(...c).subtract(e).multiply(new C(g,-u)),p=Ls(i,s,new L(l.x,l.y,0),new C(...r),new L(...h));Ns(o,p),f.set(i,n)})(t,r.getCenter());break;case"video":((t,e,i)=>{const{id:s=(0,x.generateGUID)(),name:r="视频",property:{video:n,scale:a=[1,1],rotation:c=0,muted:h=!0,transparent:l=!1,playbackRate:p=1,volume:d=1}={}}=t,m=Array.isArray(c)?[...c]:[0,0,c];m[2]=-m[2],o.videos??(o.videos=[]);const g=o.videos.findIndex(t=>t.url===n);let u={},f="";if(n)if(g<0){const t={id:(0,x.generateGUID)(),url:n,renderLevel:x.spec.RenderLevel.BPlus};f=t.id,u={id:(0,x.generateGUID)(),source:{id:t.id},flipY:!0,dataType:x.spec.DataType.Texture,magFilter:mr.glContext.LINEAR,minFilter:mr.glContext.LINEAR,generateMipmap:!1},o.videos.push(t),o.textures??(o.textures=[]),o.textures.push(u)}else{const t=o.textures?.find(t=>t.source.id===o.videos[g].id);f=t.source.id,u={id:t?.id}}const y=Os(s,new L(i.x,i.y,0),new L(...m),e,new L(a[0],a[1],1),r,h,l,d,p,u.id,f);Ns(o,y)})(t,i,s)}}),f.forEach((t,e)=>{const i=o.items.find(t=>t.id===e),s=i?.transform;if(s){const{position:i,scale:r,size:n}=s,a={x:r.x*(n?.x??1),y:r.y*(n?.y??1)};t.forEach(t=>{const r=o.items.find(e=>e.id===t);r&&(r.parentId=e,r.transform??(r.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}}),r.transform.position.x-=i.x,r.transform.position.y-=i.y,s.scale&&(r.transform.scale.x/=a.x,r.transform.scale.y/=a.y))})}}),o}updateItemOrder(t,e){(0,x.assertExist)(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 r=s.parent,n=r.children.filter(t=>!this.isPluginItem(t)),o=r.children.filter(t=>this.isPluginItem(t)),a=n.findIndex(e=>e.getInstanceId()===t);if(-1===a)return void console.warn(`Item with id ${t} not found in siblings.`);let c=a;switch(e){case 0:c=n.length-1;break;case 1:c=0;break;case 2:c=Math.min(a+1,n.length-1);break;case 3:c=Math.max(a-1,0)}if(c===a)return;const[h]=n.splice(a,1);h&&n.splice(c,0,h),r.children=[...o,...n],this.refreshItemRenderOrder(i),this.addSDKItemsByItems(this.sdk.pageData.items,i.items),this.emitter.emit("pageDataChange",this.sdk.pageData)}isPluginItem(t){return"ModelPluginItem"===t.name}refreshItemRenderOrder(t){(0,x.assertExist)(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;let s=!1;i.type===x.spec.ItemType.video&&(s=i.components[0].played),i.setActive(!1),i.setActive(!0),i.type===x.spec.ItemType.video&&(s?i.components[0].playVideo():i.components[0].pauseVideo())}const i=this.getViewProperty();if(i){const{scene:e}=i;e.compositions.forEach(i=>{const s=i.components.map(t=>e.components.find(e=>e.id===t.id)).find(t=>t?.dataType===x.spec.DataType.CompositionComponent);s&&(s.items=t.items.filter(t=>!Bn.config.pageConfig.filterItemNames.includes(t.name)&&s.items.find(e=>e.id===t.getInstanceId())).map(t=>({id:t.getInstanceId()})))})}this.syncPageDataItemsOrder(t)}syncPageDataItemsOrder(t){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const e=t.items.filter(t=>!Bn.config.pageConfig.filterItemNames.includes(t.name)).map(t=>t.getInstanceId()),i=new Map;for(const t of this.sdk.pageData.items)i.set(t.id,t);const s=[];for(const t of e){const e=i.get(t);e&&(s.push(e),i.delete(t))}for(const t of i.values())s.push(t);this.sdk.pageData.items=s}getViewProperty(t){return(0,x.assertExist)(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){switch(Bn.config.mode){case"template":{const{scale:t,translation:e}=this.interactionUtils.viewportParam;this.pageMove(e.clone().negate()),this.pageZoom(1-t,void 0,!0);break}case"editor":{(0,x.assertExist)(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:r=0,bottom:n=0}=t,o=new G;e?o.copyFrom(e):this.sdk.pageData.items.forEach(t=>{const e=this.getViewBoxById(t.id);!o.isEmpty()&&e.getCenter().distanceTo(o.getCenter())>1e5?console.warn(`item ${t.name} is too far from center.`):o.union(e)});const{offsetWidth:a,offsetHeight:c}=this.container.parentElement,{scale:h,translation:l}=this.interactionUtils.viewportParam;if(o.isEmpty())this.pageMove(l.clone().negate()),this.pageZoom(1-h,void 0,!0);else{o.scale(1.1);const t=o.getCenter(),e=o.getSize(),p=a-i-r,d=c-s-n,m=new C(a/2+i/2-r/2,c/2+s/2-n/2),g=e.x/p*d>e.y?1/(e.x/p):1/(e.y/d),u=(new C).subtractVectors(m,t);this.setPageMove((new C).addVectors(l,u)),this.setPageZoom(g*h,new C(p/2+i,d/2+s),!0)}break}}}getItemBoxById(t){const e=t=>{const e=new G,i=this.getSDKItem(t);if(i){const{position:t,width:s,height:r,rotation:n}=i.property;e.setFromCenterAndSize(new C(...t),new C(s,r)).rotate(n[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){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");const s=this.getPlayerItemById(t),r=this.getActiveTargetScene();if(!s||!r||s.type!==x.spec.ItemType.text)return void console.warn(`text item ${t} is not exsited.`);r.fonts??(r.fonts=[]);!r.fonts.find(t=>"family"in t&&t.family===e||"fontFamily"in t&&t.fontFamily===e)&&r.fonts&&(r.fonts.push({fontFamily:e,fontURL:i}),await mr.AssetManager.loadFontFamily([{fontURL:i,fontFamily:e}]));const n=r.components.find(e=>e.item.id===t&&[x.spec.DataType.TextComponent,x.spec.DataType.RichTextComponent].includes(e.dataType));n&&(n.options.fontFamily=e),s.getComponent(x.TextComponent).setFontFamily(e),s.getComponent(x.TextComponent).isDirty=!0,this.refreshSDKItem(t)}changeItemPropertyByCreateInfo(t){const e=t=>{const e=this.getItemCreateInfo(t.id);e?this.setItemProperty({itemId:e.id,type:e.type,property:t.property}):console.warn(`item create info ${t.id} is not exsited.`)};Array.isArray(t)?t.map(e):e(t)}getViewBoxByBox(t){const{translation:e,scale:i,width:s,height:r}=this.interactionUtils.viewportParam,n=new C(s/2,r/2);return t.clone().scale(i,n).translate(e)}playVideoItem(t){const e=this.getPlayerItemById(t);if(e?.type!==x.spec.ItemType.video)return;e.getComponent(I.VideoComponent).playVideo()}pauseVideoItem(t){const e=this.getPlayerItemById(t);if(e?.type!==x.spec.ItemType.video)return;e.getComponent(I.VideoComponent).pauseVideo()}playEffectsItem(t){const e=this.getPlayerItemById(t),i=e?.children?.[0];i?.type===x.spec.ItemType.composition&&i.getComponent(mr.CompositionComponent).play()}pauseEffectsItem(t){const e=this.getPlayerItemById(t),i=e?.children?.[0];i?.type===x.spec.ItemType.composition&&i.getComponent(mr.CompositionComponent).pause()}setEffectsResource(t,e){const i=this.getSDKItem(t);xt(i)?i.effects=e:console.warn(`Item ${t} is not a effects.`)}getBoundingBoxByCreateInfo(t){const e=new G;if("group"===t.type)return e;const i=new C(...t.property.position),s="text"===t.type?[t.property.width,t.property.height??t.property.lineHeight]:[t.property.width??750,t.property.height??1624],r=new C(...s),n=Array.isArray(t.property.rotation)?t.property.rotation[2]:t.property.rotation??0;return e.setFromCenterAndSize(i,r).rotate(n*b),e}getBoundingBoxByCreateInfos(t){const e=new G,i=new Map,s=new Map;return t.forEach((e,r)=>{const n=e.id??(0,x.generateGUID)();switch(s.set(r,n),e.type){case"sprite":case"video":case"effects":case"frame":case"generator":case"text":i.set(n,this.getBoundingBoxByCreateInfo(e));break;case"group":{const s=new G;e.property.children.forEach(e=>{const i=t.find(t=>t.id===e);i&&s.union(this.getBoundingBoxByCreateInfo(i))}),i.set(n,s);break}}}),i.forEach((t,i)=>{e.union(t)}),e}getVideoItemPlayTime(t){const e=this.getPlayerItemById(t);if(e?.type!==x.spec.ItemType.video)return 0;return e.getComponent(I.VideoComponent).getCurrentTime()}setVideoItemPlayTime(t,e){const i=this.getPlayerItemById(t);if(i?.type!==x.spec.ItemType.video)return;i.getComponent(I.VideoComponent).setCurrentTime(e)}getEffectsItemPlayTime(t){const e=this.getPlayerItemById(t),i=e?.children?.[0];if(i?.type!==x.spec.ItemType.composition)return;return i.getComponent(mr.CompositionComponent).getTime()}setEffectsItemPlayTime(t,e){const i=this.getPlayerItemById(t),s=i?.children?.[0];if(s?.type!==x.spec.ItemType.composition)return;s.getComponent(mr.CompositionComponent).setTime(e)}getPixelPositionByViewPosition(t){return this.interactionUtils.getPixelPositionByViewPoint(t)}getItemParentScale(t){const e=new L(1,1,1),i=this.getPlayerItemById(t);if(!i)return console.warn(`Item ${t} is not exsited.`),e;const s=i.parent?.transform;return s?(s.getMatrix().decompose(new L,new R,e),e):(console.warn(`Item ${t} does not have parent.`),e)}getJSONItem(t){const e=this.getActiveTargetScene(),i=e?.items.filter(e=>e.id===t);return i?.[0]}getJSONComponent(t){const e=this.getActiveTargetScene(),i=e?.components.filter(e=>e.item.id===t);return i?.[0]}getTextOriginSize(t){(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first");let e=!1;const{scene:i}=this.sdk.pageData,s=i.compositions.length?i:this.getActiveTargetScene();if(!s)return console.warn("Scene is not existed."),{size:[0,0],isPublishScene:e};const r=new C,n=this.getJSONComponent(t);if(n?.dataType===x.spec.DataType.TextComponent&&"options"in n&&n.options.size)r.set(n.options.size[0],n.options.size[1]),e=!0;else{const i=s.compositions.find(t=>t.id===s.compositionId)??s.compositions[0],n=i.previewSize??[750,1624],{fov:o,near:a,far:c,clipMode:h,position:l=[0,0,8]}=i.camera,p=(new V).perspective(o*Math.PI/180,n[0]/n[1],a,c,h===x.spec.CameraClipMode.portrait),d=(new V).compose(new L(...l),new R,new L(1,1,1)).invert(),m=(new V).multiplyMatrices(p,d),g=m.clone().invert(),u=this.getPlayerItemById(t),f=u?.getComponent(x.TextComponent);if(!f)return{size:[0,0],isPublishScene:e};const y=new Us(this);y.refrehCameraParamByCameraInfo({fov:o,near:a,far:c,clipMode:h,position:l,aspect:n[0]/n[1]}),y.viewportParam.width=n[0],y.viewportParam.height=n[1];const{width:w,height:I}=f.textLayout,v=(t,e)=>{const i=t.x/n[0]*2-1,s=1-t.y/n[1]*2;return new L(i,s,e)},S=(new L).applyProjectionMatrix(m).z,P=v(new C(0,0),S).applyProjectionMatrix(g),b=v(new C(w,I),S).applyProjectionMatrix(g);r.copyFrom(b.clone().subtract(P).abs())}return{size:[r.x,r.y],isPublishScene:e}}async asyncAddItemByCreateInfos(t){const e=t.map(t=>Object.assign({},t,t.id?{}:{id:(0,x.generateGUID)()})),i=new Map;for(const t of e){const e=t.id,{type:s}=t,r="sprite"===s?t.property.image:"video"===s?t.property.video:void 0;if(("sprite"===s||"video"===s)&&r){const n=(0,x.generateGUID)();i.set(e,{id:n,url:r,type:"sprite"===s?"image":"video"}),Object.assign(t,{textureId:n})}}await Promise.all(e.map(async t=>{const{type:e}=t;switch(e){case"sprite":await this.addSpriteItem(t,!0);break;case"video":await this.addVideoItem(t,!0);break;case"text":await this.addTextItem(t);break;case"group":this.addGroupItem(t);break;case"effects":await this.addEffectsItem(t);break;case"frame":await this.addFrameItem(t);break;case"generator":this.addGeneratorItem(t)}}));const s=e.map(t=>t.id),r=this.player.getCompositions()[0];this.addSDKItemsByItems(this.sdk.pageData.items,r.items),this.emitter.emit("pageDataChange",this.sdk.pageData);return(async()=>{if(!i.size)return;const t=[];i.forEach((e,i)=>{t.push({...e,textureId:e.id,id:i})});await Promise.all(t.map(async t=>{const e=this.getPlayerItemById(t.id);if(e)try{if("image"===t.type){const i=this.player.renderer.engine.findObject({id:t.textureId})??await x.Texture.fromImage(t.url,this.player.renderer.engine,{id:t.textureId});e.getComponent(x.SpriteComponent)?.setTexture(i)}else if("video"===t.type){const i=this.player.renderer.engine.findObject({id:t.textureId})??await x.Texture.fromVideo(t.url,this.player.renderer.engine,{id:t.textureId}),s=e.getComponent(I.VideoComponent);if(s){const{muted:t=!0,playbackRate:r=1,volume:n=1}=this.getJSONComponent(e.getInstanceId()).options??{};s.setTexture(i),s.setLoop(!0),s.setMuted(t),s.setVolume(n),s.pauseVideo(),s.setPlaybackRate(r)}}}catch(e){console.error(`Failed to load texture for item ${t.id}: `,e)}}))})(),s}async addItemByCreateInfos(t){const e=t.map(t=>Object.assign({},t,t.id?{}:{id:(0,x.generateGUID)()})).map(t=>t.id);for(const e of t)switch(e.type){case"sprite":await this.addSpriteItem(e,!1);break;case"text":await this.addTextItem(e);break;case"group":this.addGroupItem(e);break;case"video":await this.addVideoItem(e,!1);break;case"generator":this.addGeneratorItem(e);break;case"effects":await this.addEffectsItem(e);break;case"frame":await this.addFrameItem(e)}return e}async addEffectsItem(t,e){if(e??(e=this.getActiveTargetScene()),!e)return;const{id:i=(0,x.generateGUID)(),name:s="特效",property:{scale:r=[1,1],effects:n,rotation:o=0,position:a},parentId:c,extension:h}=t,l=Array.isArray(o)?o:[0,0,o];l[2]=-l[2];const p=new L(...r,1),d=new L(...l),m=this.interactionUtils.getWorldPositionByViewPoint(this.interactionUtils.getViewPositionByPixelPoint(new C(...a)))??new L;let g;if("string"==typeof n){const t=await fetch(n,{mode:"cors",credentials:"omit",headers:{Accept:"application/json"}});if(!t.ok)throw new Error(`HTTP error! status: ${t.status}, statusText: ${t.statusText} `);g=await t.json()}if(!g)return void console.error("Failed to load effects scene.");const u=(0,mr.getStandardJSON)(g);rr(u);const f=u.compositions.find(t=>t.id===u.compositionId)??u.compositions[0];f||console.warn("Composition not found in effects scene.");const y=f?.previewSize??[750,1624],w=this.getWorldSizeByPixelSize(y),I=u.items.map(t=>t.id),v=new yt({id:i,name:s,parentId:c,children:[],duration:999,delay:0,endBehavior:x.spec.EndBehavior.restart,isLocked:!1,visible:!0,isCoreEditable:!0,property:{position:[...a],rotation:[...l],width:w[0],height:w[1],scale:[...r],effects:n,children:I},extension:h});(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.items.push(v);const S=(0,x.generateGUID)();Js(e,u,S);const P=this.player.getCompositions()[0],b=JSON.parse(JSON.stringify(u)),D=await pr.createEffects(P,b,null,`${s}_预合成`);D.setInstanceId(S),v.property.children?.push(S);const z=Ls(i,s,m,new C(p.x,p.y),d);e.items.find(t=>t.id===c)&&(z.item.parentId=c),Ns(e,z);const T=pr.createEmpty(P,null,s);T.setInstanceId(z.item.id),T.duration=999,T.endBehavior=x.spec.EndBehavior.restart,T.transform.setPosition(...m.toArray()),T.addComponent(mr.FrameComponent),D.setParent(T),D.parentId=T.getInstanceId(),T.transform.setSize(...w);const E=P.camera.getInverseVPRatio(0).multiply(2);v.subCompositionItemId=D.getInstanceId(),D.transform.setScale(w[0]/E.x,w[0]/E.x,1);const A=new Map;return T.getDescendants().forEach(t=>{var e;(e=v.property).children??(e.children=[]),v.property.children.push(t.getInstanceId()),t.definition?.id&&A.set(t.definition?.id,t.getInstanceId())}),Zs(e,A),v.property.children=T.getDescendants().map(t=>t.getInstanceId()),this.refreshSceneAndPageData(),i}async addFrameItem(t,e){if(e??(e=this.getActiveTargetScene()),!e)return"";const{id:i=(0,x.generateGUID)(),name:s="画板",property:{width:r,height:n,position:o,rotation:a=0,scale:c=[1,1],layoutMode:h="free",children:l,autoLayoutConfig:p,layoutInfos:d},parentId:m,extension:g}=t,u=Array.isArray(a)?[...a]:[0,0,a];u[2]=-u[2];const f=new L(...c,1),y=new L(...u),w=this.interactionUtils.getWorldPositionByViewPoint(this.interactionUtils.getViewPositionByPixelPoint(new C(...o)))??new L,I=new It({id:i,name:s,parentId:m,children:[],duration:999,delay:0,endBehavior:x.spec.EndBehavior.restart,visible:!0,isLocked:!1,isCoreEditable:!0,property:{position:[...o],rotation:[...u],width:r,height:n,scale:[...c],layoutMode:h,children:[],autoLayoutConfig:p,layoutInfos:d},extension:g});(0,x.assertExist)(this.sdk.pageData,"You must call SDK#run() first"),this.sdk.pageData.items.push(I);const v=this.getWorldSizeByPixelSize([r,n]),S=Ls(i,s,w,new C(f.x,f.y),y,new C(...v));e.items.find(t=>t.id===m)&&(S.item.parentId=m),Ns(e,S);const P=Ms(0,[r,n],s),b=(0,x.generateGUID)();Js(e,P,b,S.item.id);const D=this.player.getCompositions()[0],z=pr.createEmpty(D,null,s);z.setInstanceId(i),z.duration=999,z.endBehavior=x.spec.EndBehavior.restart,z.transform.setPosition(...w.toArray()),z.transform.setRotation(...y.toArray()),z.transform.setScale(...f.toArray()),z.transform.setSize(...v),z.addComponent(mr.FrameComponent);const T=JSON.parse(JSON.stringify(P)),E=await pr.createEffects(D,T,null,`${s}_合成`);E.setInstanceId(b),E.parentId=z.getInstanceId(),E.setParent(z);const A=D.camera.getInverseVPRatio(0).multiply(2);E.transform.setScale(v[0]/A.x,v[0]/A.x,1),I.subCompositionItemId=E.getInstanceId();const B=new Map;return z.getDescendants().forEach(t=>{var e;(e=I.property).children??(e.children=[]),t.getInstanceId()!==I.subCompositionItemId&&I.property.children.push(t.getInstanceId()),t.definition?.id&&B.set(t.definition.id,t.getInstanceId())}),Zs(e,B),this.refreshSceneAndPageData(),l.length&&this.moveItemsToFrame(l,i),i}makeItemAlign(t,e){if(e??(e=this.getSelectedItems().map(t=>t.id)),e.length<2)return void console.warn("Items length less than 2, fucntion can not make item align.");const i=e.map(t=>({id:t,box:this.getViewBoxById(t)})),s=i.reduce((t,{box:e})=>(t.union(e),t),new G);i.forEach(({id:e,box:i})=>{const r=new C;switch(t){case"left":r.set(s.min.x-i.min.x,0);break;case"right":r.set(s.max.x-i.max.x,0);break;case"horizontal-center":r.set(s.getCenter().x-i.getCenter().x,0);break;case"top":r.set(0,s.min.y-i.min.y);break;case"bottom":r.set(0,s.max.y-i.max.y);break;case"vertical-center":r.set(0,s.getCenter().y-i.getCenter().y)}const n=this.interactionUtils.getWorldSizeByViewSize(r);this.moveItem(e,n)})}makeItemDistribute(t,e){e??(e=this.getSelectedItems().map(t=>t.id));const i=e.length;if(i<3)return void console.warn("Items length less than 3, fucntion can not make item align.");const s=e.map(t=>({id:t,box:this.getViewBoxById(t)})),r="horizontal-spacing"===t?"x":"y";s.sort((t,e)=>t.box.getCenter()[r]-e.box.getCenter()[r]);const n=s[0],o=(s[i-1].box.getCenter()[r]-n.box.getCenter()[r])/(i-1);s.forEach(({id:t,box:e},i)=>{const s=n.box.getCenter()[r]+o*i,a=new C;a[r]=s-e.getCenter()[r];const c=this.interactionUtils.getWorldSizeByViewSize(a);this.moveItem(t,c)})}setItemLockState(t,e){const i=this.getSDKItem(t);i?i.isLocked=e:console.warn(`Item ${t} is not exsited.`)}getItemLockState(t){const e=this.getSDKItem(t);return e?e.isLocked:(console.warn(`Item ${t} is not exsited.`),!0)}getItemTransformUnderParent(t,e){const i=this.getPlayerItemById(t);if(!i)return void console.warn(`Item ${t} is not exsited.`);const s=V.fromArray(i.transform.getWorldMatrix().elements),r=V.fromArray(e.transform.getWorldMatrix().elements).invert().clone().multiply(s),n=new L,o=new L,a=new R;r.decompose(n,a,o);const c=new C(i.transform.size.x,i.transform.size.y);return{position:{x:n.x,y:n.y,z:n.z},size:c,scale:{x:o.x,y:o.y,z:o.z}}}resizeFrameItem(t,e,i){const s=this.getSDKItem(t);if(!vt(s))return void console.warn(`Item ${t} is not a frame item.`);const[r,n]=e,o=s.property.width,a=this.interactionUtils.getViewSizeByPixelSize(new C(r,n)),c=this.interactionUtils.getWorldSizeByViewSize(a).abs(),h=this.getPlayerItemById(t);if(h&&(h.transform.setSize(c.x,c.y),i&&(0!==i.x||0!==i.y))){const t=h.transform.position;h.setPosition(t.x+i.x,t.y+i.y,t.z)}const l=h?.children?.[0];l&&i&&l.children.forEach(t=>{const e=(new V).copyFrom(t.transform.getParentMatrix()??new V);e.setPosition(new L);const s=i.clone().applyMatrix(e.invert()).negate();t.translate(...s.toArray()),t.transform.updateLocalMatrix()}),this.refreshSDKItem(s.id);const p=this.getJSONItem(t);if(p){if(p.transform??(p.transform={}),p.transform.size={x:c.x,y:c.y},i&&(0!==i.x||0!==i.y)){const t=p.transform.position??{x:0,y:0,z:0},e=i.x,s=i.y;p.transform.position={x:t.x+e,y:t.y+s,z:t.z}}const t=this.getJSONItem(s.subCompositionItemId);if(t){const i=this.getActiveTargetScene(),a=i?.compositions.find(e=>e.id===t?.content.options.refId);if(a){const t=o/r;a.previewSize=[...e];const{position:c=[0,0,8],fov:h,near:l,far:p,clipMode:d}=a.camera,m=i?.components.find(t=>t.item.id===a.id&&t.dataType===x.spec.DataType.CompositionComponent);m.items.forEach(e=>{var i;const o=this.getJSONItem(e.id);if(o&&!o.parentId){o.transform??(o.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}}),(i=o.transform).size??(i.size={x:1,y:1}),o.transform.size.x*=t,o.transform.size.y*=t;const{xRatio:a,yRatio:m}=q(new C(r,n),new L(...c),h,l,p,d===x.spec.CameraClipMode.portrait),g=this.getItemBoxById(e.id),u=this.getItemBoxById(s.id),f=g.getCenter().subtract(u.getCenter()).multiply(new C(a,-m));o.transform.position={x:f.x,y:f.y,z:0}}})}}}this.emitter.emit("pageDataChange",this.sdk.pageData)}applyFrameAutoLayout(t){const e=this.getSDKItem(t);if(!vt(e))return void console.warn(`Item ${t} is not a Frame.`);const i=e.children;if(0===i.length)return void this.resizeFrameItem(t,[40,40]);const s=[],r=e.property.layoutInfos??{};for(const t of i){const e=this.getItemBoxById(t);if(e.isEmpty())continue;const i=e.getSize(),n=r[t];let o,a;n&&(o=n.row,a=n.column),s.push({id:t,box:e,width:i.x,height:i.y,row:o,column:a})}if(0===s.length)return void this.resizeFrameItem(t,[40,40]);const n=nr(s.map(t=>({id:t.id,box:t.box,row:t.row,column:t.column})),{padding:100,gap:20,config:e.property.autoLayoutConfig});this.recordLayoutInfosFromAutoLayoutResult(t,n);const o=n.size[0],a=n.size[1],c=new C(e.property.position[0]-o/2,e.property.position[1]-a/2);for(const t of n.items){const e=t.id,i=this.getSDKItem(e);if(!i)continue;const s=new C(...i.property.position),r=this.interactionUtils.getViewPositionByPixelPoint(s),n=new C(c.x+t.position[0],c.y+t.position[1]),o=this.interactionUtils.getViewPositionByPixelPoint(n),a=this.interactionUtils.getWorldPositionByViewPoint(r),h=this.interactionUtils.getWorldPositionByViewPoint(o);if(a&&h){const t=h.subtract(a);this.moveItem(e,t,!0)}}n.size[0]>0&&n.size[1]>0&&this.resizeFrameItem(t,n.size),this.emitter.emit("itemPropertyChange",{id:t,propertyKeys:["layoutMode","width","height"]})}recordLayoutInfosFromAutoLayoutResult(t,e){var i;const s=this.getSDKItem(t);if(!vt(s))return;(i=s.property).layoutInfos??(i.layoutInfos={});const r=s.property.layoutInfos;for(const t of e.items)r[t.id]={row:t.row,column:t.column,position:t.position}}refreshFrameChildren(t){const e=this.getSDKItem(t);if(!vt(e))return;const i=this.getItemBoxById(t),s=[];e.children.forEach(t=>{const e=this.getItemBoxById(t);i.intersectsBox(e)||s.push(t)}),this.moveItemsOutOfFrame(s,t)}},vr=class extends as{constructor(t,e){super(),d(this,"result",{type:"invalid"}),d(this,"interactionParam",{type:"none"}),d(this,"graphics",new ps.Graphics),d(this,"isShiftDown",!1),d(this,"_isLockScale",!1),d(this,"_pageDataUtils"),d(this,"_eventEmitter"),d(this,"type","picture-cut"),d(this,"_undoRedo",new Es),d(this,"_oldNormalizeCutBox"),d(this,"cursorResult",{type:"normal",angle:0}),this._pageDataUtils=t,this._eventEmitter=e}get undoRedo(){return this._undoRedo}get interactive(){return Bn.config.gestureHandlerConfig.pictureCutGizmoEnabled}set interactive(t){t!==Bn.config.gestureHandlerConfig.pictureCutGizmoEnabled&&(1!==this._pageDataUtils.getPageData()?.activeData.selectedItems?.length?console.warn("Selected items` length is not one, Picture cut gizmo can not open."):Bn.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 C(t.offsetX,t.offsetY),i=new C(t.clientX,t.clientY);return this.refreshInteractionType(e,i),this.type}preAction(t,e){if(this.interactive&&"none"!==this.interactionParam.type)return"valid"===this.result.type&&(this._oldNormalizeCutBox={normalizeCutBox:this.result.normalizeCutBox.clone()}),this.type}action(t){var e;if(!this.interactive||"none"===this.interactionParam.type||"invalid"===this.result.type)return;const i=new C(t.clientX,t.clientY),{startMouse:s,box:r}=this.interactionParam,n=(new C).subtractVectors(i,s),{itemBox:o}=this.result,{min:a,max:c}=o;switch(this.interactionParam.type){case"move":{const{min:t,max:e}=r,i=a.x-t.x,s=c.x-e.x,h=a.y-t.y,l=c.y-e.y;n.x=Math.min(Math.max(n.x,i),s),n.y=Math.min(Math.max(n.y,h),l);const p=r.clone().translate(n);this.result.normalizeCutBox=U(o,p),this._eventEmitter.emit("cutBoxChange",this.getCutBox());break}case"scale":{const{startCorner:t,anchor:i}=this.interactionParam,s=new C;if(s.x=Math.min(Math.max(t.x+n.x,a.x),c.x),s.y=Math.min(Math.max(t.y+n.y,a.y),c.y),this.isShiftDown||this.isLockScale){const n=this.getCutBox(),{x:o,y:h}=n.getSize(),{x:l,y:p}=r.getSize();if((e=this.interactionParam).lockedAspect??(e.lockedAspect=o/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;B(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,a.y),c.y)}else{const e=Math.abs(s.y-i.y)*this.interactionParam.lockedAspect;B(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,a.x),c.x)}}if(B(t.x,i.x)||B(t.y,i.y)){const e=r.corners[0].clone();let i=e.distanceTo(t);r.corners.forEach(s=>{s.distanceTo(t)>i&&(e.copyFrom(s),i=s.distanceTo(t))}),this.result.normalizeCutBox=U(o,(new G).setFromVec2Array([e,s]))}else{const e=(s.x-i.x)/(t.x-i.x),n=(s.y-i.y)/(t.y-i.y),a=new C(e,n);this.result.normalizeCutBox=U(o,r.clone().scale(a,i))}this._eventEmitter.emit("cutBoxChange",this.getCutBox());break}case"direction-scale":{const{index:t}=this.interactionParam,e=r.corners[t].clone();t%2==0?(n.x=Math.min(Math.max(e.x+n.x,a.x),c.x)-e.x,n.y=0):(n.x=0,n.y=Math.min(Math.max(e.y+n.y,a.y),c.y)-e.y);const i=r.corners.map((e,i)=>[t,(t+1)%4].includes(i)?e.clone().add(n):e.clone());this.result.normalizeCutBox=U(o,(new G).setFromVec2Array(i)),this._eventEmitter.emit("cutBoxChange",this.getCutBox());break}}}endAction(t){if(!this.interactive||"none"===this.interactionParam.type)return;if(this._oldNormalizeCutBox&&"valid"===this.result.type){const t={type:"update",oldData:this._oldNormalizeCutBox,newData:{normalizeCutBox:this.result.normalizeCutBox.clone()}};this._undoRedo.push(t),this._eventEmitter.emit("pictureCutGizmoUndoRedoChange",t)}this._oldNormalizeCutBox=void 0;const e=new C(t.offsetX,t.offsetY),i=new C(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(Z(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 G(new C,new C(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:r,itemBoxLineWidth:n,itemBoxLineColor:o,itemBoxLineAlpha:a,cutBoxCornerRadius:c,cutBoxCornerFillColor:h,cutBoxCornerLineWidth:l,cutBoxCornerLineColor:p,cutBoxCornerLineAlpha:d,gridLineWidth:m,gridLineColor:g,gridLineAlpha:u,gridCount:f}=Bn.config.gestureHandlerConfig.pictureCutGizmoConfig,{normalizeCutBox:y,itemBox:x}=this.result,w=k(x,y),{min:I,max:v}=w,{min:S,max:P}=x,b=new G(S.clone(),new C(P.x,I.y)),D=new G(new C(S.x,I.y),new C(I.x,P.y)),z=new G(new C(v.x,I.y),new C(P.x,v.y)),T=new G(new C(I.x,v.y),P.clone());this.graphics.beginFill(t,e),this.graphics.fillBox(b),this.graphics.fillBox(D),this.graphics.fillBox(z),this.graphics.fillBox(T),this.graphics.endFill();const E=w.getSize().x/(f+1),A=w.getSize().y/(f+1);this.graphics.lineStyle(m,g,u);for(let t=1;t<=f;t++){const e=new M(new C(I.x+E*t,I.y),new C(I.x+E*t,v.y)),i=new M(new C(I.x,I.y+A*t),new C(v.x,I.y+A*t));this.graphics.drawLine(e),this.graphics.drawLine(i)}return this.graphics.lineStyle(n,o,a),this.graphics.drawBox(x),this.graphics.lineStyle(i,s,r),this.graphics.drawBox(w),this.graphics.beginFill(h),this.graphics.lineStyle(l,p,d),w.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,r=k(s,i);let n=!1,o=0;r.corners.forEach((i,s)=>{n||i.distanceTo(t)<Bn.config.gestureHandlerConfig.pictureCutGizmoConfig.scaleInteractionDistance&&(n=!0,this.interactionParam={type:"scale",box:r.clone(),startMouse:e,startCorner:i.clone(),anchor:r.corners[(s+2)%4]},o=Math.PI/2*s)}),r.corners.forEach((i,s)=>{if(n)return;const a=new M(i.clone(),r.corners[(s+1)%4]),c=t.distanceToLine(a);if(c.d>=0&&c.d<=8&&c.t>=0&&c.t<=1){n=!0;const t=a.at(c.t);this.interactionParam={type:"direction-scale",index:s,point:t,box:r.clone(),startMouse:e},o=Math.PI/2*s+Math.PI/4}}),r.containsPoint(t)&&!n&&(this.interactionParam={type:"move",point:t.clone(),box:r.clone(),startMouse:e},n=!0),this.refreshCursorResult(this.interactionParam.type,o*D)}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 k(e,i)}setCutBox(t,e){const[i]=this._pageDataUtils.getSelectedItems();if(!this.interactive||"invalid"===this.result.type||!i)return;const s=this.result.normalizeCutBox.clone(),r=new G(t,e),n=this._pageDataUtils.getItemBoxById(i.id),{min:o,max:a}=U(n,r);this.result.normalizeCutBox.set(new C(Math.max(o.x,0),Math.max(o.y,0)),new C(Math.min(a.x,1),Math.min(a.y,1)));const c={type:"update",oldData:{normalizeCutBox:s},newData:{normalizeCutBox:this.result.normalizeCutBox.clone()}};this._undoRedo.push(c),this._eventEmitter.emit("pictureCutGizmoUndoRedoChange",c);const h=this.getCutBox();return this._eventEmitter.emit("cutBoxChange",h),h}undo(){const t=this._undoRedo.undo();return!(!t||"valid"!==this.result.type)&&(this.result.normalizeCutBox=t.oldData.normalizeCutBox.clone(),this._eventEmitter.emit("cutBoxChange",this.getCutBox()),!0)}redo(){const t=this._undoRedo.redo();return!(!t||"valid"!==this.result.type)&&(this.result.normalizeCutBox=t.newData.normalizeCutBox.clone(),this._eventEmitter.emit("cutBoxChange",this.getCutBox()),!0)}get canUndo(){return this._undoRedo.canUndo}get canRedo(){return this._undoRedo.canRedo}clearUndoRedo(){this._undoRedo.clear()}};var Cr,Sr,Pr,br,Dr,zr,Tr,Er,Ar,Br,_r,kr,Ur,Mr,Gr,Fr,Rr,Lr,Vr,Or,Wr,Nr,Hr=class extends as{constructor(t,e,i,s,r){super(),d(this,"type","text"),d(this,"_eventEmitter"),d(this,"textAreaElement"),d(this,"graphics",new ps.Graphics),d(this,"_pageDataUtils"),d(this,"result"),d(this,"interactionParam"),d(this,"_adsorptionGizmo"),d(this,"cursorResult",{type:"normal",angle:0}),d(this,"ignoreInteraction",!1),d(this,"scaleParam"),d(this,"rotationSprite",new ps.Sprite),d(this,"cursorPoint",new C),d(this,"_selectorGizmo"),d(this,"frameBoxes",new Map),d(this,"toAddedFrameId"),d(this,"groupsNeedProcess",new Map),d(this,"handleInput",async t=>{const e=t.target,i=this._pageDataUtils.getSelectedItems()[0].id;await this._pageDataUtils.setItemProperty({itemId:i,type:"text",propertyName:"text",propertyValue:e.value}),this._eventEmitter.emit("textInput",{itemId:i,text:e.value,fontFamily:e.style.fontFamily})}),d(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",r?.appendChild(this.textAreaElement),function(t,e,i){const s=i.replace(/&/g,`.${e}`),r=document.createElement("style");r.textContent=`\n    .${e} {\n      ${s}\n    }\n  `,document.head.appendChild(r),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  color: transparent;\n  caret-color: #000000;\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 C,lastPoint:new C,startPoint:new C,lastWorldPosition:new L}}get interactive(){return Bn.config.gestureHandlerConfig.textGizmoEnbaled}set interactive(t){Bn.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 C(t.offsetX,t.offsetY),i=new C(t.clientX,t.clientY);this.refreshInteractionParam(e,i);const s=e.subtract(this._pageDataUtils.getViewportLeftTopPosition());if(this.initInteractionPlane(s),this.cursorPoint.set(t.offsetX,t.offsetY),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,r=new C(i,s);if(this.refreshFrameBoxes(),e){if("empty"===this.result.type||this.result.box.containsPoint(r))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(r)){this._pageDataUtils.saveUndoRedoOldData();const t=r.subtract(this._pageDataUtils.getViewportLeftTopPosition());this.initInteractionPlane(t),this.interactionParam.lastWorldPosition=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t)??new L,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 C(t.clientX,t.clientY),this.interactionParam.startPoint=new C(t.offsetX,t.offsetY);const e=new C(t.offsetX,t.offsetY).subtract(this._pageDataUtils.getViewportLeftTopPosition());this.initInteractionPlane(e),this.interactionParam.lastWorldPosition=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(e)??new L,this.refreshFrameBoxes()}const{clientX:e,clientY:i,offsetX:s,offsetY:r}=t,n=new C(e,i),{type:o,lastPoint:a,startPoint:c,anchor:h}=this.interactionParam,l=(new C).subtractVectors(n,a),p=this._pageDataUtils.getSelectedItems();switch(o){case"rotation":{const t=new L,e=E(T((new C).subtractVectors(c,h),(new C).subtractVectors(c.add(l),h))*D,3);t.z=e,p.forEach(e=>{this._pageDataUtils.rotateItem(e.id,t)}),this.interactionParam.lastPoint.copyFrom(n);break}case"translation":{const t=l.clone();if(this._adsorptionGizmo.interactive){const e=this._pageDataUtils.getPageData();(0,x.assertExist)(e);const i=e.items.map(t=>p.find(e=>e.id===t.id)||0!==p.filter(e=>t.parentId&&t.parentId===e.id).length||!this._pageDataUtils.getItemEditEnable(t.id)||p.find(e=>e.parentId===t.id)?new G:this._pageDataUtils.getViewBoxById(t.id)).filter(t=>!t.isEmpty()),s=new C(this._adsorptionGizmo.absorptionResult.x??0,this._adsorptionGizmo.absorptionResult.y??0);this._adsorptionGizmo.boxTranslationAdsorption(t,this.result.box,i);const r=new C(this._adsorptionGizmo.absorptionResult.x??0,this._adsorptionGizmo.absorptionResult.y??0);t.add(s).subtract(r)}const e=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(c.add(t).clone().subtract(this._pageDataUtils.getViewportLeftTopPosition()));if(e){const t=e.clone().subtract(this.interactionParam.lastWorldPosition);p.forEach(e=>{t.x=E(t.x,5),t.y=E(t.y,5),t.z=E(t.z,5),this._pageDataUtils.moveItem(e.id,t),this.refreshItemFrameRelationShip(e,new C(s,r))}),this.interactionParam.lastWorldPosition.copyFrom(e),this.interactionParam.lastPoint.copyFrom(n)}break}case"scale":if(l.length()){const t=this.cursorPoint.add(l).clone().subtract(this._pageDataUtils.getViewportLeftTopPosition());if(!c||!this.scaleParam||!l.length())return;const e=this.scaleParam.farthestCorner;(c.x-e.x)*(this.cursorPoint.x-e.x)>0&&(c.y-e.y)*(this.cursorPoint.y-e.y)>0||(t.x=e.x+(c.x-e.x)/Math.abs(c.x-e.x)*4,t.y=e.y+(c.y-e.y)/Math.abs(c.y-e.y)*4);const i=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t);if(i){const t=this._pageDataUtils.getSelectedItems()[0]??void 0,e=this._pageDataUtils.getItemTransformById(t?.id??""),s=(new V).extractRotation(e.matrix).invert(),{corner:r,center:n,shift:o,lastScalar:a}=this.scaleParam,c=(new L).subtractVectors(r,n).applyMatrix(s),h=c.clone().multiply(a),l=i.clone().subtract(o).subtract(n).applyMatrix(s),d=new L(1,1,1),m=A([B(c.x,0)?1:Math.abs(l.x/c.x),B(c.y,0)?1:Math.abs(l.y/c.y)]),g=l.toArray()[m],u=h.toArray()[m];if(B(a.x,a.y)&&B(a.z,a.x)){const t=B(u,0)?1:Math.abs(g/u);d.set(t,t,t)}else if(0===m){d.x=B(u,0)?1:Math.abs(g/u);const t=c.y*g/c.x;d.y=B(h.y,0)?1:t/h.y;const e=c.z*g/c.x;d.z=B(h.z,0)?1:e/h.z}else if(1===m){d.y=B(u,0)?1:Math.abs(g/u);const t=c.x*g/c.y;d.x=B(h.x,0)?1:t/h.x;const e=c.z*g/c.y;d.z=B(h.z,0)?1:e/h.z}else{d.z=B(u,0)?1:Math.abs(g/u);const t=c.x*g/c.z;d.x=B(h.x,0)?1:t/h.x;const e=c.y*g/c.z;d.y=B(h.y,0)?1:e/h.y}const f=d.clone().subtract(new L(1,1,0)).divide(2).add(new L(1,1,.5)),y=n.clone().add((new L).subtractVectors(r,n).multiply(new L(a.x,a.y,1)));this.scaleParam.lastScalar.multiply(f);const x=n.clone().add((new L).subtractVectors(r,n).multiply(new L(this.scaleParam.lastScalar.x,this.scaleParam.lastScalar.y,1))),w=(new L).subtractVectors(x,y);w.x=E(w.x,5),w.y=E(w.y,5),w.z=E(w.z,5),this.scaleParam.center.add(w),this.scaleParam.corner.add(w),p.forEach(t=>{this._pageDataUtils.scaleTextItem(t.id,f.x),this._pageDataUtils.moveItem(t.id,w)}),this.interactionParam.lastWorldPosition.copyFrom(i)}}break;case"width-scale":{const t=c.clone(),e=c.clone().add(l);if(l.length()){const i=(new C).subtractVectors(t,h),s=(new C).subtractVectors(e,h),r=Math.max(s.dot(i)/i.length(),1),n=i.length(),o=(r/n-1)/2+1,a=h.clone().add(i.clone().normalize().scale(n*o)),l=(new C).subtractVectors(a,t);c.add(l);const d=this._pageDataUtils.interactionUtils.getWorldSizeByViewSize(l);d.x=E(d.x,5),d.y=E(d.y,5),d.z=E(d.z,5),p.forEach(t=>{this._pageDataUtils.moveItem(t.id,d)}),p.forEach(t=>{this._pageDataUtils.scaleTextItemWidth(t.id,o)})}break}}this.interactionParam.lastPoint.copyFrom(n),this.refreshCursorResult()}endAction(t){this.ignoreInteraction=!1;const e=new C(t.offsetX,t.offsetY),i=new C(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)return;const t=this._pageDataUtils.getPageData()?.activeData?.selectedItems,e=this._pageDataUtils.getSDKItem(t?.[0]??"");if(1!==t?.length||"text"!==e?.type)return void(this.result={type:"empty"});const i=this._pageDataUtils.getViewBoxById(t[0]);if(i.isEmpty())this.result={type:"empty"};else{const t=[new M(i.corners[0],i.corners[1]).at(.5),new M(i.corners[2],i.corners[3]).at(.5)],s=new M(i.getCenter(),new M(i.corners[0],i.corners[3]).at(.5)),r=s.at((s.length()+22)/s.length());this.result={type:"valid",box:i.clone(),widthScaleCorners:t,rotationCorner:r,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 C,this.interactionParam.startPoint=new C,void(this.interactionParam.lastWorldPosition=new L);if("edit"===this.interactionParam.type)return;const{rotateInteractMode:i,scaleInteractionDistance:s,rotationCornerInteractionDistance:r,rotationTopCenterInteractionDistance:n}=Bn.config.gestureHandlerConfig.textGizmoConfig,o=this.result.box.getCenter();for(const e of this.result.widthScaleCorners){if((new G).setFromCenterAndSize(e,new C(6,18)).containsPoint(t))return this.interactionParam.active=!0,this.interactionParam.type="width-scale",this.interactionParam.anchor=o,this.interactionParam.lastPoint=t.clone(),this.interactionParam.startPoint=e.clone(),void(this.interactionParam.lastWorldPosition=new L)}const a=this.result.box.corners.findIndex(e=>e.distanceTo(t)<s);if(a>=0){const t=this.result.box.corners[a],i=this.result.box.corners[(a+2)%4];return this.interactionParam.active=!0,this.interactionParam.type="scale",this.interactionParam.anchor=i.clone(),this.interactionParam.lastPoint=e.clone(),void(this.interactionParam.startPoint=t.clone())}if(this.result.box.containsPoint(t,!1))return this.interactionParam.active=!0,this.interactionParam.type="translation",this.interactionParam.lastPoint=e.clone(),this.interactionParam.startPoint=t.clone(),void(this.interactionParam.lastWorldPosition=new L);switch(i){case"top-center":if(t.distanceTo(this.result.rotationCorner)<n)return this.interactionParam.active=!0,this.interactionParam.type="rotation",this.interactionParam.anchor=o,this.interactionParam.lastPoint=e.clone(),this.interactionParam.startPoint=this.result.rotationCorner.clone(),void(this.interactionParam.lastWorldPosition=new L);break;case"corner":{const i=this.result.box.corners.find(e=>e.distanceTo(t)<r);if(i)return this.interactionParam.active=!0,this.interactionParam.type="rotation",this.interactionParam.anchor=o,this.interactionParam.lastPoint=e.clone(),this.interactionParam.startPoint=i.clone(),void(this.interactionParam.lastWorldPosition=new L);break}}this.interactionParam.active=!1,this.interactionParam.type="none",this.interactionParam.lastPoint=new C,this.interactionParam.startPoint=new C,this.interactionParam.lastWorldPosition=new L}refreshCursorResult(){const t=(z((new C).subtractVectors(this.interactionParam.startPoint,this.interactionParam.anchor))+Math.PI/4)*D;switch(this.interactionParam.type){case"edit":case"none":case"translation":this.cursorResult={type:"normal",angle:0};break;case"scale":case"width-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,widthScaleCorners:i,rotationCorner:s,rotation:r}=this.result,{boxLineWidth:n,boxLineColor:o,wireframeAlpha:a,wireframeColor:c,wireframeWidth:h,rotateInteractMode:l,rotationCornerWidth:p,scaleCornerStrokeWidth:d,scaleCornerStrokeColor:m,rotationCornerRadius:g,rotationCornerFillColor:u,rotationCornerStrokeWidth:f,rotationCornerStrokeColor:y}=Bn.config.gestureHandlerConfig.textGizmoConfig;if(this.graphics.lineStyle(n,o),this.graphics.drawBox(e),"edit"!==this.interactionParam.type){switch(e.getSize().y>25&&i.forEach(t=>{const e=(new G).setFromCenterAndSize(t,new C(8,15));this.graphics.beginFill(16777215),this.graphics.fillBox(e),this.graphics.endFill(),this.graphics.lineStyle(d,m),this.graphics.drawBox(e)}),l){case"top-center":this.rotationSprite.width=p,this.rotationSprite.height=p,this.rotationSprite.anchor.set(.5,.5),this.rotationSprite.x=s.x,this.rotationSprite.y=s.y,this.rotationSprite.rotation=r,t.push(this.rotationSprite);break;case"corner":e.corners.forEach(t=>{this.graphics.lineStyle(f,y),this.graphics.beginFill(u),this.graphics.drawCircle(t.x,t.y,g),this.graphics.endFill()})}if(this.toAddedFrameId){const t=this.frameBoxes.get(this.toAddedFrameId);t&&(this.graphics.lineStyle(h,c,a),this.graphics.drawBox(t))}}else if("edit"===this.interactionParam.type&&"none"===this.textAreaElement.style.display){const t=this._pageDataUtils.getSelectedItems(),i=this._pageDataUtils.interactionUtils.viewportParam,s=t[0],r=s?.property,n=e.clone().rotate(r.rotation[2]*b),o=n.min.clone(),a=n.getSize();this.textAreaElement.value=r.text??"",this.textAreaElement.style.textAlign=this.getTextAlign(r.textAlign),this.textAreaElement.style.fontFamily=r.fontFamily,this.textAreaElement.style.fontSize=r.fontSize*i.scale+"px",this.textAreaElement.style.fontWeight=r.fontWeight,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=`${o.x}px`,this.textAreaElement.style.top=`${o.y}px`,this.textAreaElement.style.width=`${a.x}px`,this.textAreaElement.style.height=`${a.y}px`,this.textAreaElement.style.lineHeight=r.lineHeight*i.scale+"px",this.textAreaElement.style.letterSpacing=`${r.letterSpacing}px`,this.textAreaElement.style.transformOrigin="center center",this.textAreaElement.style.paintOrder="stroke fill",void 0!==r.rotation[2]&&(this.textAreaElement.style.transform=`\n          rotateZ(${-r.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()[0],i=this._pageDataUtils.interactionUtils.viewportParam,s=t.property,r=e.clone().rotate(s.rotation[2]*b),n=r.min.clone(),o=r.getSize();switch(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=s.fontFamily,this.textAreaElement.style.textAlign=this.getTextAlign(s.textAlign),Bn.config.mode){case"editor":this.textAreaElement.style.fontSize=s.fontSize*i.scale+"px",this.textAreaElement.style.lineHeight=s.lineHeight*i.scale+"px",this.textAreaElement.style.transform=`rotateZ(${-s.rotation[2]}deg)`;break;case"template":{const e=this._pageDataUtils.getPlayerItemById(t.id),r=new L(1,1,1);e?.transform.getMatrix().decompose(new L,new R,r);const a=e.transform.scale,{size:[c,h],isPublishScene:l}=this._pageDataUtils.getTextOriginSize(t.id),p=l?2:0,d=this._pageDataUtils.interactionUtils.getPixelSizeByWorldSize(new L(0,h,0)).y,m=s.fontSize/(s.lineHeight/d)-p*i.scale,g=new C(a.x/c,a.y/h);this.textAreaElement.style.left=`${n.x+(g.x-1)*o.x/g.x/2}px`,this.textAreaElement.style.top=`${n.y+(g.y-1)*o.y/g.y/2}px`,this.textAreaElement.style.width=o.x/g.x+"px",this.textAreaElement.style.height=o.y/g.y+"px",this.textAreaElement.style.transform=`scale(${g.x}, ${g.y}) rotateZ(${-s.rotation[2]}deg)`,this.textAreaElement.style.fontSize=`${m}px`,this.textAreaElement.style.lineHeight=`${d}px`;break}}}return t.push(this.graphics),t}initInteractionPlane(t){switch(this.interactionParam.type){case"scale":{if("empty"===this.result.type)return;const e=1==this._pageDataUtils.getSelectedItems().length?this._pageDataUtils.getSelectedItems()[0]:void 0;let i,s,r;if(e){const t=this._pageDataUtils.getItemTransformById(e.id);i=(new L).copyFrom(this._pageDataUtils.getPlayerItemById(e.id).transform.anchor).applyMatrix(t.matrix),s=(new L).setFromMatrixPosition(t.matrix),r=(new O).setFromQuaternion((new R).setFromRotationMatrix(t.matrix))}this._pageDataUtils.interactionUtils.initInteractionPlane(s,r);const n=this.interactionParam.startPoint,{box:o}=this.result,a=o.corners[0].clone();let c=a.distanceTo(n);o.corners.forEach(t=>{t.distanceTo(n)>c&&(a.copyFrom(t),c=t.distanceTo(n))}),this.scaleParam={shift:new L,center:new L,corner:new L,lastScalar:new L(1,1,1),farthestCorner:a},this.scaleParam.center=i??s;const h=this._pageDataUtils.getViewportLeftTopPosition();if(n){const t=n.clone().subtract(h);this.scaleParam.corner=this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t)??new L}this.scaleParam.shift=(this._pageDataUtils.interactionUtils.getWorldPositionByViewPoint(t)??new L).subtract(this.scaleParam.corner);break}case"width-scale":case"translation":case"rotation":this._pageDataUtils.interactionUtils.initInteractionPlane()}}getTextAlign(t){switch(t){case x.spec.TextAlignment.middle:return"center";case x.spec.TextAlignment.right:return"right";default:return"left"}}refreshFrameBoxes(){this.frameBoxes.clear();const t=this._pageDataUtils.getPageData()?.items.filter(t=>vt(t));t?.forEach(t=>{const e=this._pageDataUtils.getViewBoxById(t.id);this.frameBoxes.set(t.id,e)})}refreshItemFrameRelationShip(t,e){if(vt(t)||xt(t))return;const i=(this._pageDataUtils.getPageData()?.items.filter(t=>vt(t))??[]).find(e=>e.children.includes(t.id)),s=!!i;let r;if(this.frameBoxes.forEach((t,i)=>{t.containsPoint(e)&&!r&&(r=i)}),this.toAddedFrameId=r,!r&&s){const e=[t.id];if(gt(t)){const{children:i}=t.property;e.push(...i)}this._pageDataUtils.moveItemsOutOfFrame(e),t.parentId!==i.id&&t.parentId&&this._pageDataUtils.deleteItemParent(t.id,t.parentId)}if(r&&(!i||i.id!==r)){const e=[t.id];if(gt(t)){const{children:i}=t.property;if(e.push(...i),0===i.length)this._pageDataUtils.deleteItem(t.id);else{const e=this.frameBoxes.get(r);if(!e)return;const s=[],n=[];if(i.forEach(t=>{const i=this._pageDataUtils.getViewBoxById(t);i&&e.intersectsBox(i)?s.push(t):n.push(t)}),0===s.length)return void console.log(`Group ${t.id} has no children in frame ${r}, skipping frame entry.`);n.length>0?(console.log(`Group ${t.id}: ${n.length} children out of frame, will process at drag end.`),this.groupsNeedProcess.set(t.id,{groupId:t.id,frameId:r,childrenOutOfFrame:n})):this.groupsNeedProcess.delete(t.id)}}else if(t.parentId){const e=this._pageDataUtils.getSDKItem(t.parentId);e&&gt(e)&&this._pageDataUtils.deleteItemParent(t.id,t.parentId)}this._pageDataUtils.moveItemsToFrame(e,r)}return r}},jr=require("@pixi/core"),Kr=class extends as{constructor(t,e,i){super(),d(this,"_pageDataUtils"),d(this,"_eventEmitter"),d(this,"_app"),d(this,"maskRenderTexture",null),d(this,"maskSprite",null),d(this,"_config",{}),d(this,"boxGraphics",new ps.Graphics),d(this,"type","mask"),d(this,"mode","paint"),d(this,"_undoRedo",new Es),d(this,"_oldLines"),d(this,"cursorResult",{type:"normal",angle:0}),d(this,"result",{status:"init",lines:[]}),this._pageDataUtils=t,this._app=e,this._eventEmitter=i}get undoRedo(){return this._undoRedo}get interactive(){return Bn.config.gestureHandlerConfig.maskGizmoEnabled}set interactive(t){t!==Bn.config.gestureHandlerConfig.maskGizmoEnabled&&(t||(this.result.status="init"),Bn.config.gestureHandlerConfig.maskGizmoEnabled=t)}get config(){return{...Bn.config.gestureHandlerConfig.maskGizmoConfig,...this._config}}set config(t){this._config={...this._config,...t}}setMode(t){this.mode=t}initialize(){}preparationAction(t){if(this.interactive)return this.result.point=new C(t.offsetX,t.offsetY),this.type}preAction(t){if(this.interactive)return this._oldLines={lines:JSON.parse(JSON.stringify(this.result.lines))},this.result.point=new C(t.offsetX,t.offsetY),this.result.lines.push({type:this.mode,brushSize:this.config.brushSize,points:[]}),this.type}action(t){if(!this.interactive||"init"===this.result.status)return;const e=this.result.box,i=new C((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;const t=this.result.lines[this.result.lines.length-1];if(this._oldLines&&t&&t.points.length>0){const t={type:"update",oldData:this._oldLines,newData:{lines:JSON.parse(JSON.stringify(this.result.lines))}};this._undoRedo.push(t),this._eventEmitter.emit("maskGizmoUndoRedoChange",t)}else 0===t?.points.length&&this.result.lines.pop();return this._oldLines=void 0,this.type}interruption(){}actionKey(){}endActionKey(){}cancelPreparation(){}refreshResults(){if(this.interactive){const t=this._pageDataUtils.getPageData();if(Z(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()),r=i.getSize().x/e.getSize().x;e.translate(s),e.scale(r)}this.refreshCursorResult()}}else this.result={status:"init",lines:[]}}getRenderObjects(){return this.interactive?this.refreshRenderObjects():[]}clearRenderObjects(){this.boxGraphics.clear(),this.maskRenderTexture&&(this.maskRenderTexture.destroy(!0),this.maskRenderTexture=null),this.maskSprite&&(this.maskSprite.destroy(),this.maskSprite=null)}refreshRenderObjects(){if(this.clearRenderObjects(),!this.interactive||"init"===this.result.status)return[];const{maskImage:t,brushColor:e,brushAlpha:i,boxLineWidth:s,boxLineColor:r,boxLineAlpha:n}=this.config,o=this.result.box,{min:a,max:c}=o,h=Math.ceil(c.x-a.x),l=Math.ceil(c.y-a.y);this.maskRenderTexture=ps.RenderTexture.create({width:h,height:l});const p=this._pageDataUtils.interactionUtils.viewportParam;if(this.maskSprite=new ps.Sprite(this.maskRenderTexture),this.maskSprite.width=h,this.maskSprite.height=l,this.maskSprite.position.set(a.x,a.y),this.maskSprite.alpha=i,t){const i=new ps.Container,s=ps.Texture.from(t),r=new ps.Sprite(s);r.width=h,r.height=l;const n=new ps.Graphics;n.beginFill(e),n.drawRect(0,0,h,l),n.endFill(),n.mask=r,i.addChild(n),i.addChild(r),this._app.renderer.render(i,{renderTexture:this.maskRenderTexture,clear:!1}),i.destroy(),s.destroy(),r.destroy()}const d=new G(new C(a.x,a.y),new C(c.x,a.y)),m=new G(new C(a.x,a.y),new C(a.x,c.y)),g=new G(new C(c.x,a.y),new C(c.x,a.y)),u=new G(new C(a.x,c.y),new C(c.x,c.y));this.boxGraphics.fillBox(d),this.boxGraphics.fillBox(m),this.boxGraphics.fillBox(g),this.boxGraphics.fillBox(u),this.boxGraphics.lineStyle(s,r,n),this.boxGraphics.drawBox(o),this.boxGraphics.endFill();for(const t of this.result.lines){if(!t)continue;const i=new ps.Graphics;i.blendMode="paint"===t.type?ps.BLEND_MODES.NORMAL:ps.BLEND_MODES.DST_OUT,i.lineStyle({width:t.brushSize*p.scale,color:e,cap:ps.LINE_CAP.ROUND,join:ps.LINE_JOIN.ROUND,native:!1,alignment:.5});for(let e=0;e<t.points.length;e++){const s=t.points[e];if(!s)continue;const r=s.x*(o.max.x-o.min.x),n=s.y*(o.max.y-o.min.y);0===e?i.moveTo(r,n):i.lineTo(r,n)}i.endFill(),this._app.renderer.render(i,{renderTexture:this.maskRenderTexture,clear:!1}),i.destroy()}return[this.boxGraphics,this.maskSprite]}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}}}close(){this._config.maskImage=void 0,this.result.lines=[],this._undoRedo.clear()}clearMask(){if(this.result.lines.length>0){const t={type:"update",oldData:{lines:JSON.parse(JSON.stringify(this.result.lines))},newData:{lines:[]}};this._undoRedo.push(t),this._eventEmitter.emit("maskGizmoUndoRedoChange",t)}this.result.lines=[]}undo(){const t=this._undoRedo.undo();return!!t&&(this.result.lines=JSON.parse(JSON.stringify(t.oldData.lines)),!0)}redo(){const t=this._undoRedo.redo();return!!t&&(this.result.lines=JSON.parse(JSON.stringify(t.newData.lines)),!0)}get canUndo(){return this._undoRedo.canUndo}get canRedo(){return this._undoRedo.canRedo}clearUndoRedo(){this._undoRedo.clear()}loadMaskImage(t){return new Promise((e,i)=>{const s=new Image;s.crossOrigin="anonymous",s.onload=()=>{e(s)},s.onerror=t=>{i(new Error("Failed to load mask image."))},s.src=t})}getMask(){const t=this.result.box;if(!t)return null;const e=Math.ceil(t.max.x-t.min.x),i=Math.ceil(t.max.y-t.min.y),s=document.createElement("canvas");s.width=e,s.height=i;const r=s.getContext("2d");if(!r)return null;const{maskImage:n,maskColor:o}=this.config;if(0===this.result.lines.length&&!n)return null;const a="#"+o.toString(16).padStart(6,"0");if(r.fillStyle="#FFFFFF",r.fillRect(0,0,e,i),n)try{r.drawImage(n,0,0,e,i);const t=r.getImageData(0,0,e,i),s=t.data,a=o>>16&255,c=o>>8&255,h=255&o;for(let t=0;t<s.length;t+=4){const e=s[t],i=s[t+1],r=s[t+2];(e+i+r)/3>128?(s[t]=a,s[t+1]=c,s[t+2]=h):(s[t]=255,s[t+1]=255,s[t+2]=255)}r.putImageData(t,0,0)}catch(t){console.warn("Failed to load mask image:",t)}const c=this._pageDataUtils.interactionUtils.viewportParam.scale;for(const t of this.result.lines)if(t&&0!==t.points.length){r.lineWidth=t.brushSize*c,r.lineCap="round",r.lineJoin="round",r.globalCompositeOperation="source-over","paint"===t.type?r.strokeStyle=a:r.strokeStyle="#FFFFFF",r.beginPath();for(let s=0;s<t.points.length;s++){const n=t.points[s];if(!n)continue;const o=n.x*e,a=n.y*i;0===s?r.moveTo(o,a):r.lineTo(o,a)}r.stroke()}return s.toDataURL("image/png")}},$r=class extends as{constructor(t){super(),d(this,"type","loading"),d(this,"_pageDataUtils"),d(this,"_idMap",new Map),d(this,"cursorResult",{type:"normal",angle:0}),this._pageDataUtils=t}add(t,e){const i=this._pageDataUtils.getItemBoxById(t),s=U(i,e?.loadingBox??i);if("string"==typeof t){const{tip:i={text:""}}=e??{},r={text:i.text??"",fontFamily:i.fontFamily??"",color:i.color??0,fontSize:i.fontSize??16},n=new ps.Text(r.text,{fontSize:r.fontSize,fontFamily:r.fontFamily,fill:r.color,align:"center"}),o=new ps.Graphics;o.addChild(n),this._idMap.set(t,{status:"init",loadingBox:s,graphics:o,ticker:new ps.Ticker,tip:r}),this._pageDataUtils.addLoadingItems([t]),e?.clearSelected&&this._pageDataUtils.removeSelectedItems([t])}}delete(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])}}update(t,e){const i=this._idMap.get(t);if(!i)return void console.warn(`Loading item ${t} not found.`);const s=i.graphics.children[0];s&&(i.tip={...i.tip,...e.tip},s.text=i.tip.text,i.tip.fontFamily&&(s.style.fontFamily=i.tip.fontFamily),void 0!==i.tip.color&&(s.style.fill=i.tip.color))}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,r=.5;i.ticker.add(()=>{const t=this._pageDataUtils.getViewBoxById(e),{min:n,max:o}=k(t,i.loadingBox),a=o.x-n.x,c=o.y-n.y;r>.3?s=-.003:r<.05&&(s=.006),r+=s,i.graphics.clear(),i.graphics.beginFill(16777215,1),i.graphics.drawRect(n.x,n.y,a,c),i.graphics.endFill(),i.graphics.beginFill(14664959,r),i.graphics.drawRect(n.x,n.y,a,c),i.graphics.endFill();const h=Date.now()%2e3/2e3,l=2*a,p=n.x+h*(a+l)-l,d=100,m=l/d;for(let t=0;t<d;t++){const e=p+t*m;let s=1-Math.abs(t-50)/50;if(s*=s*s,s*=.3,e+m>n.x&&e<o.x){const t=Math.max(e,n.x),r=Math.min(e+m,o.x)-t;i.graphics.beginFill(14664959,s),i.graphics.drawRect(t,n.y,r,c),i.graphics.endFill()}}if(i.tip?.text){const t=i.tip.fontSize,e=i.graphics.children[0];e&&(e.style.fontWeight="bold",e.style.fontSize=Math.min(a/i.tip.text.length*.5,t),e.x=n.x+(a-e.width)/2,e.y=n.y+(c-e.height)/2)}}),i.ticker.start()}return t}},Yr=class extends as{constructor(t,e){super(),d(this,"result",{type:"invalid"}),d(this,"interactionParam",{type:"none"}),d(this,"graphics",new ps.Graphics),d(this,"isShiftDown",!1),d(this,"_isLockScale",!1),d(this,"_pageDataUtils"),d(this,"_eventEmitter"),d(this,"type","picture-expand"),d(this,"cursorResult",{type:"normal",angle:0}),this._pageDataUtils=t,this._eventEmitter=e}get interactive(){return Bn.config.gestureHandlerConfig.pictureExpandGizmoEnabled}set interactive(t){t!==Bn.config.gestureHandlerConfig.pictureExpandGizmoEnabled&&(1!==this._pageDataUtils.getPageData()?.activeData.selectedItems?.length?console.warn("Selected items` length is not one, Picture expand gizmo can not open."):Bn.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 C(t.offsetX,t.offsetY),i=new C(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 C(t.clientX,t.clientY),{startMouse:s,box:r}=this.interactionParam,n=(new C).subtractVectors(i,s),{itemBox:o}=this.result,{min:a,max:c}=o;switch(this.interactionParam.type){case"move":{const{min:t,max:e}=r,i=c.x-e.x,s=a.x-t.x,h=c.y-e.y,l=a.y-t.y;n.x=Math.min(Math.max(n.x,i),s),n.y=Math.min(Math.max(n.y,h),l);const p=r.clone().translate(n);this.result.normalizeExpandBox=U(o,p),this._eventEmitter.emit("expandBoxChange",this.getExpandBox());break}case"scale":{const{index:t}=this.interactionParam,{min:i,max:s}=r,h=r.corners[t],l=r.corners[(t+2)%4],p=new C(h.x+n.x,h.y+n.y);if(h.x>=s.x?p.x=Math.max(p.x,c.x):h.x<=i.x?p.x=Math.min(p.x,a.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,a.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:n,y:o}=t.getSize(),{x:d,y:m}=r.getSize();if((e=this.interactionParam).lockedAspect??(e.lockedAspect=n/o),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,a.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,a.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=U(o,(new G).setFromVec2ArrayWithOutCorners([p,l])),this._eventEmitter.emit("expandBoxChange",this.getExpandBox());break}case"direction-scale":{const{index:t,point:e}=this.interactionParam,i=r.corners[t].clone();e.x>=c.x?(n.x=Math.max(r.corners[t].x+n.x,c.x)-i.x,n.y=0):e.x<=a.x&&(n.x=Math.min(r.corners[t].x+n.x,a.x)-i.x,n.y=0),e.y>=c.y?(n.y=Math.max(r.corners[t].y+n.y,c.y)-i.y,n.x=0):e.y<=a.y&&(n.y=Math.min(r.corners[t].y+n.y,a.y)-i.y,n.x=0);const s=r.corners.map((e,i)=>[t,(t+1)%4].includes(i)?e.clone().add(n):e.clone());this.result.normalizeExpandBox=U(o,(new G).setFromVec2Array(s)),this._eventEmitter.emit("expandBoxChange",this.getExpandBox());break}}}endAction(t){if(!this.interactive||"none"===this.interactionParam.type)return;const e=new C(t.offsetX,t.offsetY),i=new C(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(Z(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 G(new C,new C(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:r,expandBoxCornerRadius:n,expandBoxCornerFillColor:o,expandBoxCornerLineWidth:a,expandBoxCornerLineColor:c,expandBoxCornerLineAlpha:h,gridLineWidth:l,gridLineColor:p,gridLineAlpha:d,gridCount:m}=Bn.config.gestureHandlerConfig.pictureExpandGizmoConfig,{normalizeExpandBox:g,itemBox:u}=this.result,f=k(u,g);this.graphics.beginFill(t,e),this.graphics.fillBox(f),this.graphics.endFill();const{min:y,max:x}=f,w=f.getSize().x/(m+1),I=f.getSize().y/(m+1);this.graphics.lineStyle(l,p,d);for(let t=1;t<=m;t++){const e=new M(new C(y.x+w*t,y.y),new C(y.x+w*t,x.y)),i=new M(new C(y.x,y.y+I*t),new C(x.x,y.y+I*t));this.graphics.drawLine(e),this.graphics.drawLine(i)}return this.graphics.lineStyle(i,s,r),this.graphics.drawBox(f),this.graphics.beginFill(o),this.graphics.lineStyle(a,c,h),f.corners.forEach(t=>{this.graphics.drawCircle(t.x,t.y,n)}),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,r=k(s,i);let n=!1,o=0;r.corners.forEach((i,s)=>{n||i.distanceTo(t)<Bn.config.gestureHandlerConfig.pictureExpandGizmoConfig.scaleInteractionDistance&&(n=!0,this.interactionParam={type:"scale",index:s,box:r.clone(),startMouse:e},o=Math.PI/2*s)}),r.corners.forEach((i,s)=>{if(n)return;const a=new M(i.clone(),r.corners[(s+1)%4]),c=t.distanceToLine(a);if(c.d>=0&&c.d<=8&&c.t>=0&&c.t<=1){n=!0;const t=a.at(c.t);this.interactionParam={type:"direction-scale",index:s,point:t,box:r.clone(),startMouse:e},o=Math.PI/2*s+Math.PI/4}}),r.containsPoint(t)&&!n&&(this.interactionParam={type:"move",point:t.clone(),box:r.clone(),startMouse:e},n=!0),this.refreshCursorResult(this.interactionParam.type,o*D)}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 k(e,i)}setExpandBox(t,e){const[i]=this._pageDataUtils.getSelectedItems();if(!this.interactive||"invalid"===this.result.type||!i)return;const s=new G(t,e),r=this._pageDataUtils.getItemBoxById(i.id),{min:n,max:o}=U(r,s);this.result.normalizeExpandBox.set(new C(Math.min(n.x,0),Math.min(n.y,0)),new C(Math.max(o.x,1),Math.max(o.y,1)));const a=this.getExpandBox();return this._eventEmitter.emit("expandBoxChange",a),a}},Jr={fontSize:14,fill:16777215,align:"center",lineHeight:16},Xr=class extends as{constructor(t,e){super(),d(this,"type","sprite-text-edit"),d(this,"_pageDataUtils"),d(this,"_eventEmitter"),d(this,"graphics",new ps.Graphics),d(this,"editGraphics",new ps.Graphics),d(this,"preSelectedText",new ps.Text("",Jr)),d(this,"result",[]),d(this,"interactionParam",{preSelected:-1,selected:-1}),d(this,"clearPreSelected",!1),this._pageDataUtils=t,this._eventEmitter=e,this.preSelectedText.resolution=3}get interactive(){return Bn.config.gestureHandlerConfig.spriteTextEditGizmoEnabled}set interactive(t){t!==Bn.config.gestureHandlerConfig.spriteTextEditGizmoEnabled&&(Bn.config.gestureHandlerConfig.spriteTextEditGizmoEnabled=t)}preparationAction(t){const e=new C(t.offsetX,t.offsetY);return this.interactionParam.preSelected=-1,this.result.forEach((t,i)=>{if(this.interactionParam.preSelected>=0)return;k(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:r,box:n,hasChanged:o}=i,a=n.map(t=>new C(...t).add(e.min)),c=(new G).setFromVec2Array(a),h=U(e,c);this.result.push({id:t.id,index:s,hasChanged:o,text:r,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.editGraphics.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:r,hasChangedEditBoxColor:n,hasChangedEditBoxAlpha:o,hasChangedEditBoxPreSelectedColor:a,hasChangedEditBoxPreSelectedAlpha:c,editBoxLineColor:h,editBoxLineAlpha:l,editBoxLinePreSelectedAlpha:p,editBoxLinePreSelectedColor:d,hasChangedEditBoxLineColor:m,hasChangedEditBoxLineAlpha:g,hasChangedEditBoxLinePreSelectedColor:u,hasChangedEditBoxLinePreSelectedAlpha:f}=Bn.config.gestureHandlerConfig.spriteTextEditGizmoConfig;this.result.forEach((h,l)=>{const p=l===this.interactionParam.preSelected&&!this.clearPreSelected,{box:d,id:m,hasChanged:g,isEditing:u}=h,f=k(this._pageDataUtils.getViewBoxById(m),d);if(g){const t=g?p?a:n:p?s:e,h=g?p?c:o:p?r:i;this.editGraphics.beginFill(t,h),this.editGraphics.fillBox(f),this.editGraphics.endFill()}else{const t=g?p?a:n:p?s:e,h=g?p?c:o:p?r:i;this.graphics.beginFill(t,h),this.graphics.fillBox(f),this.graphics.endFill()}const y=f.getCenter(),x=f.getSize();if(u){const e=Is(h.text,Jr,x.x/t,Math.floor(x.y/t/16));this.preSelectedText.style.wordWrapWidth=x.x/t,this.preSelectedText.text=e,this.preSelectedText.scale.x=t,this.preSelectedText.scale.y=t,this.preSelectedText.anchor.set(.5,.5),this.preSelectedText.x=y.x,this.preSelectedText.y=y.y}}),this.result.forEach((t,e)=>{const i=e===this.interactionParam.preSelected&&!this.clearPreSelected,{box:s,id:r,hasChanged:n}=t,o=k(this._pageDataUtils.getViewBoxById(r),s);if(n){const t=n?i?u:m:i?d:h,e=n?i?f:g:i?p:l;o.corners.forEach((i,s)=>{const r=i.clone(),n=o.corners[(s+1)%4].clone(),a=(new C).subtractVectors(n,r).angle()*D;if([180,270].includes(a)){const t=n.clone();n.copyFrom(r),r.copyFrom(t)}this.editGraphics.lineStyle(1,t,e),this.editGraphics.moveTo(...r.toArray()),this.editGraphics.lineTo(...n.toArray())})}else{const t=n?i?u:m:i?d:h,e=n?i?f:g:i?p:l;o.corners.forEach((i,s)=>{const r=i.clone(),n=o.corners[(s+1)%4].clone(),a=(new C).subtractVectors(n,r).angle()*D;if([180,270].includes(a)){const t=n.clone();n.copyFrom(r),r.copyFrom(t)}this.graphics.lineStyle(1,t,e),this.graphics.moveTo(...r.toArray()),this.graphics.lineTo(...n.toArray())})}})}getRenderObjects(){const t=!!this.result.find(t=>t.isEditing);this.clearPreSelected=!1;const e=[];return this.interactive?(e.push(this.graphics,this.editGraphics),t&&e.push(this.preSelectedText),e):e}},qr=require("@pixi/sprite"),Zr=class extends as{constructor(t,e){super(),d(this,"type","video-play"),d(this,"result",{id:"",box:new G}),d(this,"interactionParam",{type:"none"}),d(this,"logoSprite"),d(this,"cursorResult",{type:"normal",angle:0}),d(this,"_pageDataUtils"),d(this,"_eventEmitter"),this._pageDataUtils=t,this._eventEmitter=e;const{logoUrl:i,width:s,height:r}=Bn.config.gestureHandlerConfig.videoPlayGizmoConfig;this.logoSprite=qr.Sprite.from(i),this.logoSprite.width=s,this.logoSprite.height=r}get interactive(){return Bn.config.gestureHandlerConfig.videoPlayGizmoEnabled}set interactive(t){t!==Bn.config.gestureHandlerConfig.videoPlayGizmoEnabled&&(Bn.config.gestureHandlerConfig.videoPlayGizmoEnabled=t)}preparationAction(t){if(!this.interactive)return;const e=new C(t.offsetX,t.offsetY);return this.result.box.containsPoint(e)?this.interactionParam.type="preSelected":this.interactionParam.type="none",this.refreshCursorResult(),"none"===this.interactionParam.type?void 0:this.type}preAction(t,e){const i=this._pageDataUtils.getVideoItemPlayTime(this.result.id);return this._eventEmitter.emit("videoPlay",{id:this.result.id,time:i}),this.interactionParam.type="none",this.refreshCursorResult(),this.type}action(t){}endAction(t){}interruption(){}actionKey(t){}endActionKey(t){}cancelPreparation(){}refreshCursorResult(){switch(this.interactionParam.type){case"none":this.cursorResult={type:"normal",angle:0};break;case"preSelected":this.cursorResult={type:"pointer",angle:0}}}refreshResults(){if(!this.interactive)return;this.result={id:"",box:new G};const t=this._pageDataUtils.getSelectedItems();if(1!==t.length||"video"!==t[0]?.type)return;const e=t[0].id,{width:i,height:s,logoShift:r}=Bn.config.gestureHandlerConfig.videoPlayGizmoConfig,n=this._pageDataUtils.getViewBoxById(e),o=n.getSize();if(o.x<50||o.y<50)this.result.box.makeEmpty();else{const{max:t}=n,o=new C(t.x-r[0],t.y-r[1]),a=new C(i,s);this.result.id=e,this.result.box.setFromCenterAndSize(o,a)}}getRenderObjects(){if(!this.interactive||this.result.box.isEmpty())return[];const t=this.result.box.getCenter();return this.logoSprite.anchor.set(.5,.5),this.logoSprite.x=t.x,this.logoSprite.y=t.y,[this.logoSprite]}},Qr=require("@pixi/graphics"),tn=require("@galacean/effects"),en=class extends as{constructor(t,e){super(),d(this,"type","item-create"),d(this,"_createType","none"),d(this,"cursorResult",{type:"normal",angle:0}),d(this,"_pageDataUtils"),d(this,"_eventEmitter"),d(this,"graphics",new Qr.Graphics),d(this,"dragStartPoint",null),d(this,"dragCurrentPoint",null),d(this,"isDragging",!1),d(this,"frameBox",null),d(this,"frameChildren",[]),d(this,"interactiveChildrenBoxes",new Map),this._pageDataUtils=t,this._eventEmitter=e}get interactive(){return Bn.config.gestureHandlerConfig.itemCreateGizmoEnabled}set interactive(t){t!==Bn.config.gestureHandlerConfig.itemCreateGizmoEnabled&&(t&&this._pageDataUtils.clearSelectedItems(),Bn.config.gestureHandlerConfig.itemCreateGizmoEnabled=t,this._createType=t?this._createType:"none")}get createType(){return this._createType}set createType(t){t!==this._createType&&(this._createType=t,this.refreshCursorResult())}preparationAction(t){return this.interactive?this.type:void 0}preAction(t,e){if(this.interactive)return"frame"===this._createType&&(this.dragStartPoint=new C(t.offsetX,t.offsetY),this.dragCurrentPoint=this.dragStartPoint.clone(),this.isDragging=!0,this.frameBox=null,this.frameChildren=[],this.refreshInteractiveChildrenBoxes()),this.type}action(t){if(this.frameChildren=[],"frame"===this._createType&&this.isDragging&&this.dragStartPoint){this.dragCurrentPoint=new C(t.offsetX,t.offsetY);const e=Math.min(this.dragStartPoint.x,this.dragCurrentPoint.x),i=Math.min(this.dragStartPoint.y,this.dragCurrentPoint.y),s=Math.max(this.dragStartPoint.x,this.dragCurrentPoint.x),r=Math.max(this.dragStartPoint.y,this.dragCurrentPoint.y);this.frameBox=new G(new C(e,i),new C(s,r)),this.interactiveChildrenBoxes.forEach((t,e)=>{this.frameBox?.containsBox(t)&&this.frameChildren.push(e)})}}endAction(t){const e=(0,tn.generateGUID)();if("frame"===this._createType){let i=!1;if(this.isDragging&&this.dragStartPoint){i=this.dragStartPoint.distanceTo(new C(t.offsetX,t.offsetY))>=10}const s=i&&this.frameBox&&!this.frameBox.isEmpty()?this._pageDataUtils.interactionUtils.getPixelPositionByViewPoint(this.frameBox.getCenter()):this._pageDataUtils.interactionUtils.getPixelPositionByViewPoint(new C(t.offsetX,t.offsetY));if(i&&this.frameBox&&!this.frameBox.isEmpty()){const t=this.frameBox.getSize(),i=this._pageDataUtils.interactionUtils.getPixelSizeByViewSize(t),r={type:"frame",id:e,name:"画板",property:{width:i.x,height:i.y,position:[s.x,s.y],layoutMode:"free",children:this.frameChildren}};this._pageDataUtils.addFrameItem(r)}else{const t={type:"frame",id:e,name:"画板",property:{width:1048,height:1048,position:[s.x,s.y],layoutMode:"free",children:this.frameChildren}};this._pageDataUtils.addFrameItem(t)}return this.resetDragState(),void this._eventEmitter.emit("itemCreate",{type:this._createType,id:e,position:s.toArray()})}if("text"===this._createType){const i=this._pageDataUtils.interactionUtils.getPixelPositionByViewPoint(new C(t.offsetX,t.offsetY)).toArray();return void this._eventEmitter.emit("itemCreate",{type:this.createType,id:e,position:i})}if("none"!==this._createType){const i=this._pageDataUtils.interactionUtils.getPixelPositionByViewPoint(new C(t.offsetX,t.offsetY)).toArray();this._eventEmitter.emit("itemCreate",{type:this.createType,id:e,position:i})}}interruption(){return this.resetDragState(),this.type}resetDragState(){this.isDragging=!1,this.dragStartPoint=null,this.dragCurrentPoint=null,this.frameBox=null,this.graphics.clear()}actionKey(t){}endActionKey(t){}cancelPreparation(){}refreshResults(){if(this.graphics.clear(),"frame"===this._createType&&this.isDragging&&this.frameBox&&!this.frameBox.isEmpty()){const{min:t,max:e}=this.frameBox,i=e.x-t.x,s=e.y-t.y,{frameFillAlpha:r,frameFillColor:n,frameBorderAlpha:o,frameBorderColor:a,frameBorderWidth:c,frameChildBoxAlpha:h,frameChildBoxColor:l}=Bn.config.gestureHandlerConfig.itemCreateGizmoConfig;this.graphics.lineStyle(c,a,o),this.graphics.drawRect(t.x,t.y,i,s),this.graphics.beginFill(n,r),this.graphics.drawRect(t.x,t.y,i,s),this.graphics.endFill(),this.frameChildren.forEach(t=>{const e=this.interactiveChildrenBoxes.get(t);if(!e)return;const{min:i,max:s}=e,r=s.x-i.x,n=s.y-i.y;this.graphics.beginFill(l,h),this.graphics.drawRect(i.x,i.y,r,n),this.graphics.endFill()})}}getRenderObjects(){return"frame"===this._createType&&this.isDragging?(this.refreshResults(),[this.graphics]):[]}refreshCursorResult(){switch(this._createType){case"text":this.cursorResult={type:"text-create",angle:0};break;case"frame":this.cursorResult={type:"frame-create",angle:0};break;case"none":case"sprite-generator":case"video-generator":this.cursorResult={type:"normal",angle:0}}}refreshInteractiveChildrenBoxes(){const t=this._pageDataUtils.getPageData()?.items;if(!t?.length)return[];const e=t.flatMap(t=>xt(t)?[t.id]:vt(t)?[t.id,...t.children]:[]);t.forEach(t=>{if(e.includes(t.id))return;const i=this._pageDataUtils.getViewBoxById(t.id);this.interactiveChildrenBoxes.set(t.id,i)})}},sn=class{constructor(t){d(this,"wireframeApplication"),d(this,"gizmos",[]),d(this,"activeGizmo"),d(this,"selectorGizmo"),d(this,"transformGizmo"),d(this,"controlGizmo"),d(this,"preferenceGizmo"),d(this,"pictureCutGizmo"),d(this,"pictureExpandGizmo"),d(this,"textGizmo"),d(this,"maskGizmo"),d(this,"loadingGizmo"),d(this,"spriteTextEditGizmo"),d(this,"videoPlayGizmo"),d(this,"itemCreateGizmo"),d(this,"_ignoreInteraction",!1),d(this,"clickButtons",0),d(this,"container"),d(this,"_emitter"),d(this,"clickTime",0),d(this,"firstClick",!0),d(this,"dblclickTimeSpan",500),d(this,"spaceEmit",!1),d(this,"interactType","select"),this.gizmos=[];const{width:e,height:i}=t.getBoundingClientRect();this.wireframeApplication=new os.Application({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(Ts).map(([t,e])=>{const{url:i}=e;if(i)return fetch(i).then(t=>t.text()).then(i=>Ts[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 Ss||this.activeGizmo instanceof vr||this.activeGizmo instanceof Yr||this.activeGizmo instanceof Kr||this.activeGizmo instanceof Hr||this.activeGizmo instanceof cs||this.activeGizmo instanceof Zr||this.activeGizmo instanceof en?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 cs(t),this.selectorGizmo=new ls(t);const i=new bs;this.transformGizmo=new Ss(t,i,this.selectorGizmo),this.preferenceGizmo=new Ds(t),this.pictureCutGizmo=new vr(t,e),this.pictureExpandGizmo=new Yr(t,e),this.textGizmo=new Hr(t,i,this.selectorGizmo,e,this.wireframeApplication?.view.parentElement),this.textGizmo.rotationSprite.texture=await jr.Texture.fromURL(Bn.config.gestureHandlerConfig.textGizmoConfig.rotationCornerTexture),this.maskGizmo=new Kr(t,this.wireframeApplication,e),this.loadingGizmo=new $r(t),this.spriteTextEditGizmo=new Xr(t,e),this.videoPlayGizmo=new Zr(t,e),this.itemCreateGizmo=new en(t,e),this.gizmos.push(this.itemCreateGizmo,this.maskGizmo,this.spriteTextEditGizmo,this.pictureCutGizmo,this.pictureExpandGizmo,this.loadingGizmo,this.videoPlayGizmo,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","video-play"].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);e&&!["selector","transform"].includes(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),"selector"!==this.activeGizmo?.type&&this.selectorGizmo&&(this.selectorGizmo.clearResult=!0),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);i&&!["selector","transform"].includes(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.container.removeChild(this.wireframeApplication.view),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","pointer","text-create","frame-create"].includes(t.type)){const i=Ts[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;this.setInteractType("select");const t=JSON.parse(JSON.stringify(Bn.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,this.itemCreateGizmo.interactive=!1);const e=JSON.parse(JSON.stringify(Bn.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}closePictureCutGizmo(){if(!this.pictureCutGizmo)return;const t=JSON.parse(JSON.stringify(Bn.config));this.pictureCutGizmo.interactive=!1,this.transformGizmo.interactive=!0,this.selectorGizmo.interactive=!0,this.textGizmo.interactive=!0;const e=JSON.parse(JSON.stringify(Bn.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;this.setInteractType("select");const t=JSON.parse(JSON.stringify(Bn.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,this.itemCreateGizmo.interactive=!1);const e=JSON.parse(JSON.stringify(Bn.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}closePictureExpandGizmo(){if(!this.pictureExpandGizmo)return;const t=JSON.parse(JSON.stringify(Bn.config));this.pictureExpandGizmo.interactive=!1,this.transformGizmo.interactive=!0,this.selectorGizmo.interactive=!0,this.textGizmo.interactive=!0;const e=JSON.parse(JSON.stringify(Bn.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;this.setInteractType("select");const e=JSON.parse(JSON.stringify(Bn.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,this.itemCreateGizmo.interactive=!1);const i=JSON.parse(JSON.stringify(Bn.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(Bn.config));this.maskGizmo.interactive=!1,this.maskGizmo.close(),this.transformGizmo.interactive=!0,this.selectorGizmo.interactive=!0;const e=JSON.parse(JSON.stringify(Bn.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}setMaskGizmoConfig(t){this.maskGizmo&&(this.maskGizmo.config=t,this.render())}getMask(){if(this.maskGizmo)return this.maskGizmo.getMask()}setMaskGizmoMode(t){this.maskGizmo&&this.maskGizmo.setMode(t)}openLoadingGizmo(t,e){if(!this.loadingGizmo)return;const i=JSON.parse(JSON.stringify(Bn.config));this.loadingGizmo.add(t,e),this.loadingGizmo.interactive&&(this.maskGizmo.interactive=!1,this.pictureCutGizmo.interactive=!1,this.pictureExpandGizmo.interactive=!1,this.itemCreateGizmo.interactive=!1);const s=JSON.parse(JSON.stringify(Bn.config));this.render(),this._emitter?.emit("sdkConfigChange",i,s)}updateLoadingGizmo(t,e){if(!this.loadingGizmo)return;const i=JSON.parse(JSON.stringify(Bn.config));this.loadingGizmo.update(t,e);const s=JSON.parse(JSON.stringify(Bn.config));this.render(),this._emitter?.emit("sdkConfigChange",i,s)}closeLoadingGizmo(t){if(!this.loadingGizmo)return;const e=JSON.parse(JSON.stringify(Bn.config));this.loadingGizmo.delete(t);const i=JSON.parse(JSON.stringify(Bn.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}maskGizmoUndo(){if(!this.maskGizmo)return!1;const t=this.maskGizmo.undo();return t&&this.render(),t}maskGizmoRedo(){if(!this.maskGizmo)return!1;const t=this.maskGizmo.redo();return t&&this.render(),t}get maskGizmoCanUndo(){return this.maskGizmo?.canUndo??!1}get maskGizmoCanRedo(){return this.maskGizmo?.canRedo??!1}clearMaskGizmoUndoRedo(){this.maskGizmo?.clearUndoRedo()}pictureCutGizmoUndo(){if(!this.pictureCutGizmo)return!1;const t=this.pictureCutGizmo.undo();return t&&this.render(),t}pictureCutGizmoRedo(){if(!this.pictureCutGizmo)return!1;const t=this.pictureCutGizmo.redo();return t&&this.render(),t}get pictureCutGizmoCanUndo(){return this.pictureCutGizmo?.canUndo??!1}get pictureCutGizmoCanRedo(){return this.pictureCutGizmo?.canRedo??!1}clearPictureCutGizmoUndoRedo(){this.pictureCutGizmo?.clearUndoRedo()}openSpriteTextGizmo(t){if(!this.spriteTextEditGizmo)return;this.setInteractType("select");const e=JSON.parse(JSON.stringify(Bn.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,this.itemCreateGizmo.interactive=!1);const i=JSON.parse(JSON.stringify(Bn.config));this.render(),this._emitter?.emit("sdkConfigChange",e,i)}closeSpriteTextEditGizmo(){if(!this.spriteTextEditGizmo)return;const t=JSON.parse(JSON.stringify(Bn.config));this.spriteTextEditGizmo.interactive=!1,this.spriteTextEditGizmo.clearResult(),this.transformGizmo.interactive=!0,this.selectorGizmo.interactive=!0;const e=JSON.parse(JSON.stringify(Bn.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)}openItemCreateGizmo(t){if(!this.itemCreateGizmo)return;this.setInteractType("select");const e=JSON.parse(JSON.stringify(Bn.config));this.itemCreateGizmo.interactive=!0,this.itemCreateGizmo.createType=t;const i=JSON.parse(JSON.stringify(Bn.config));this.itemCreateGizmo.interactive&&(this.maskGizmo.interactive=!1,this.pictureCutGizmo.interactive=!1,this.pictureExpandGizmo.interactive=!1,this.transformGizmo.interactive=!1,this.selectorGizmo.interactive=!1,this.spriteTextEditGizmo.interactive=!1),this.render(),this._emitter?.emit("sdkConfigChange",e,i)}closeItemCreateGizmo(){if(!this.itemCreateGizmo)return;const t=JSON.parse(JSON.stringify(Bn.config));this.itemCreateGizmo.interactive=!1,this.transformGizmo.interactive=!0,this.selectorGizmo.interactive=!0;const e=JSON.parse(JSON.stringify(Bn.config));this.render(),this._emitter?.emit("sdkConfigChange",t,e)}},rn=p(require("jszip"),1),nn=p(require("jszip"),1),on="ready",an="executable",cn="dispose",hn={APNG:"APNG",MP4:"MP4",WebM:"WebM",Images:"Images",WebP:"WebP",GIF:"GIF",AlphaMaskVideo:"AlphaMaskVideo"},ln="idle",pn="convertImage",dn="transcoding",mn="audio",gn="jpeg",un="webp",fn="png",yn=(hn.MP4,hn.WebP,hn.APNG,hn.GIF,hn.AlphaMaskVideo,hn.Images,hn.MP4,hn.WebP,hn.APNG,hn.GIF,hn.AlphaMaskVideo,hn.Images,"default"),xn="exporting",wn="success",In="error",vn={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"},Cn={highest:"1",high:"3",medium:"6",low:"9"},Sn=class{constructor(t){d(this,"sampleRate"),d(this,"duration"),d(this,"channels");const{sampleRate:e=44100,duration:i=1,channels:s=2}=t??{};this.sampleRate=e,this.duration=i,this.channels=s}getBuffer(){const t=this.sampleRate*this.duration*this.channels*2,e=44+t,i=new ArrayBuffer(e),s=new DataView(i);let r=0;const n=t=>{for(let e=0;e<t.length;e++)s.setUint8(r++,t.charCodeAt(e))},o=t=>{s.setUint32(r,t,!0),r+=4},a=t=>{s.setUint16(r,t,!0),r+=2};n("RIFF"),o(e-8),n("WAVE"),n("fmt "),o(16),a(1),a(this.channels),o(this.sampleRate),o(this.sampleRate*this.channels*2),a(2*this.channels),a(16),n("data"),o(t);for(let e=0;e<t;e++)s.setUint8(r++,0);return new Uint8Array(i)}},Pn=["@vvfx/sdk","exporter"],bn=class extends x.EventEmitter{constructor(t){super(),d(this,"status",on),d(this,"stage",ln),d(this,"player"),u(this,Cr),u(this,Sr),u(this,Pr,0),u(this,br),u(this,Dr),u(this,zr),u(this,Tr),u(this,Er,[]),u(this,Ar),u(this,Br),u(this,_r,[]),u(this,kr,0),u(this,Ur),u(this,Mr,[]),u(this,Gr,0),u(this,Fr,0),u(this,Rr,0),u(this,Lr,0),u(this,Vr,[]),u(this,Or,[]),u(this,Wr,null),u(this,Nr,!0),f(this,Cr,ns({loggerInTranscoding:!1,multiThreading:!1},t)),this.onInit()}setMediaType(t){t!==g(this,Cr).mediaType&&(g(this,Cr).mediaType=t,this.onReset(),this.clearAllListeners(),this.onInit())}setOptions(t){const e=ns({},g(this,Cr),t);g(this,Cr).mediaType!==e.mediaType&&this.setMediaType(e.mediaType),f(this,Cr,e)}get canceled(){return this.status===cn}get config(){const t=this.player?.getCompositions()??[],e=t?.[0],i=e?.name??(new Date).getTime().toString(),s=e?.getDuration()??0,r=e?.startTime??0,n=g(this,Ur)?.time;return{name:i,startTime:r,oldTotalTime:s,newTotalTime:n,fps:g(this,Ur)?.fps??30,backgroundColor:g(this,Ur)?.backgroundColor??"#000000",loop:g(this,Ur)?.loop??!0,audioEnable:g(this,Ur)?.audioEnable??!1}}get mp4Config(){return g(this,Ur)?.mp4Config}get gifConfig(){return g(this,Ur)?.gifConfig}get apngConfig(){return g(this,Ur)?.apngConfig}get progress(){const t=g(this,Fr)||1,e=g(this,Rr)||1,i=Math.min(t/e,1),s=Math.min(g(this,Gr),t)/t*.4,r=Math.min(g(this,Lr),t)/t*.6,n=Math.min(s+r,1);g(this,Mr)[g(this,kr)]=i;const o=g(this,Mr).reduce((t,e,i)=>i<g(this,kr)?t+(e||0):t,0)+n*i;return Math.min((a=o,Math.round(100*a)/100),1);var a}get transImageType(){return g(this,Cr).mediaType===hn.MP4?gn:g(this,Cr).mediaType===hn.WebP?un:fn}async onInit(){try{tt("log",[...Pn,"ready"],"starting"),this.status=on,await this.loadHelper(g(this,Cr).mediaType),this.status=an,tt("log",[...Pn,"ready"],"success"),this.emit("ready",g(this,Cr).mediaType)}catch(t){this.status=cn,this.onError(t)}finally{return this.status}}onReset(){this.stage=ln,clearTimeout(g(this,Sr)),window.cancelAnimationFrame(g(this,Pr)),f(this,Pr,0),f(this,Sr,void 0),this.player?.pause(),this.clearTaskInfo(),this.setProgress()}onError(t){tt("log",[...Pn,"error"],t),this.onFinish(!1,g(this,Vr),g(this,Or),g(this,Wr)),this.emit("error",t),this.dispose()}onFinish(t,e,i,s){tt("log",[...Pn,"finish"],t?"success":"failed"),this.emit("progress",1),this.emit("finish",t,e,i,s)}async loadHelper(t){const e="WebP"===t&&!g(this,zr),i=[hn.MP4,hn.APNG,hn.GIF,hn.AlphaMaskVideo].includes(t)&&!g(this,Dr);e&&f(this,zr,await async function(){return new Promise(async(t,e)=>{try{await et(gr.SCRIPT,{crossOrigin:"anonymous"});const e={locateFile:(t,e)=>t.endsWith("createWebPCore.wasm")?gr.WASM:e+t};t(await window.createWebPCore(e))}catch(t){e(t)}})}()),i&&(f(this,Dr,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??{},r=new e,n=!!s,o={classWorkerURL:await i(ur.CLASSWORKER,"text/javascript"),coreURL:"",wasmURL:""};return n?(o.coreURL=await i(ur.MT.CORE,"text/javascript"),o.wasmURL=await i(ur.MT.WASM,"application/wasm"),o.workerURL=await i(ur.MT.WORKER,"text/javascript")):(o.coreURL=await i(ur.DEFAULT.CORE,"text/javascript"),o.wasmURL=await i(ur.DEFAULT.WASM,"application/wasm")),await r.load(o),r}catch(t){throw t instanceof Error?t:new Error(`Unknown error occurred while loading FFmpeg: ${String(t)}`)}}({multiThreading:g(this,Cr).multiThreading})),(0,x.assertExist)(g(this,Dr)),g(this,Dr).on("log",({message:t})=>{if(g(this,Cr).loggerInTranscoding&&tt("log",[...Pn,"transcoding log"],t),this.canceled||this.stage!==dn)return;const e=/frame=\s*(\d+)/.exec(t),i=e?.[1],s=Number(i);s>=g(this,Lr)&&this.setProgress({currentTaskInTranscodingFrameIndex:s})}))}getAllTaskFrames(t){return t.reduce((t,e)=>{const{scene:i,fps:s}=e,r=i.compositions?.[0]?.duration??0;return t+Math.round(r*(s??30))},0)}setProgress(t){void 0!==t?.completedTaskPercentArray&&f(this,Mr,t.completedTaskPercentArray),void 0!==t?.currentTaskFrameIndex&&f(this,Gr,t.currentTaskFrameIndex),void 0!==t?.currentTaskTotalFrames&&f(this,Fr,t.currentTaskTotalFrames),void 0!==t?.currentTaskInTranscodingFrameIndex&&f(this,Lr,t.currentTaskInTranscodingFrameIndex),void 0!==t?.allTaskFrames&&f(this,Rr,t.allTaskFrames),this.emit("progress",this.progress)}forwardPlayerTime(t,e=!1){(0,x.assertExist)(this.player);const{oldTotalTime:i,startTime:s}=this.config;(0,x.assertExist)(i);const r=1e3*i-1e3*i%15;return t=Math.min(t,r/1e3),e?this.player.gotoAndPlay(t-s):this.player.gotoAndStop(t-s),t}getWavAudio(t){f(this,Ar,new Sn),g(this,Dr)?g(this,Dr).writeFile(t,g(this,Ar).getBuffer()):tt("log",[...Pn,"getWavAudio"],"ffmpegCore is not ready")}async getImagesZip(t,e){const i=new nn.default,s=i.folder(t);return(0,x.assertExist)(s),g(this,_r).forEach((t,i)=>{s.file(t,e[i])}),i.generateAsync({type:"arraybuffer"})}getWebP(){(0,x.assertExist)(g(this,zr));const t=Math.round(1e3/this.config.fps/1),e="out.webp",i=`${g(this,_r).join(` -d ${t} `)} -d ${t} -o ${e} -loop ${this.config.loop?0:1}`.split(" "),s=g(this,zr).cwrap("main","string",["number","number"]),[r,n]=function(t,e){const i=t._malloc(e.length*Uint32Array.BYTES_PER_ELEMENT);return e.forEach((e,s)=>{const r=t._malloc(e.length+1);t.writeAsciiToMemory(e,r),t.setValue(i+Uint32Array.BYTES_PER_ELEMENT*s,r,"i32")}),[e.length,i]}(g(this,zr),i);Q(r&&n,"getWebP has error"),s(r,n);const o=g(this,zr).FS.readFile(e);return g(this,_r).forEach(t=>{g(this,zr)?.FS.unlink(t)}),o}async getAPNG(){(0,x.assertExist)(g(this,Dr));this.stage=dn;const t="export.apng",{fps:e,scale:i="-1:-1",quality:s="highest"}=this.apngConfig??{},r=[`scale=${i}:force_original_aspect_ratio=decrease:flags=lanczos`];e&&r.push(`fps=${e}`);if(0!==await g(this,Dr).exec(["-framerate",`${this.config.fps}`,"-start_number","1","-i",`image-%4d.${this.transImageType}`,"-vf",r.join(","),"-plays",this.config.loop?"0":"1","-compression_level",Cn[s],"-y",t]))throw new Error("the command executed by ffmpeg to generate a apng failed.");return t}async getGIF(){(0,x.assertExist)(g(this,Dr));this.stage=dn;const t="export.gif",{fps:e,scale:i="-1:-1",quality:s="highest"}=this.gifConfig??{},r=[`scale=${i}:${vn[s]}`];e&&r.unshift(`fps=${e}`);if(0!==await g(this,Dr).exec(["-framerate",`${this.config.fps}`,"-start_number","1","-i",`image-%4d.${this.transImageType}`,"-loop",this.config.loop?"0":"-1","-vf",r.join(","),"-y",t]))throw new Error("the command executed by ffmpeg to generate a gif failed.");return t}async getMP4(t,e){(0,x.assertExist)(g(this,Dr));this.stage=dn;const i="export.mp4";let s;const r=e?",setpts=PTS/"+Math.round(t/e*100)/100:"",n=e??t,{isExportLastFrameJPEG:o}=this.mp4Config??{};this.config.audioEnable&&!g(this,Ar)&&(f(this,Br,"audio.wav"),this.getWavAudio(g(this,Br)));if(0!==await g(this,Dr).exec(["-framerate",String(this.config.fps),"-start_number",String(1),"-i",`image-%4d.${this.transImageType}`,"-c:v","libx264","-crf","23","-pix_fmt","yuv420p","-vf",`pad=ceil(iw/2)*2:ceil(ih/2)*2${r}`,"-y",i]))throw new Error("the command executed by ffmpeg to generate a mp4 failed.");if(g(this,Br)&&g(this,Ar)){this.stage=mn,s="export-with-audio.mp4";if(0!==await g(this,Dr).exec(["-i",i,"-i",g(this,Br),"-c:v","copy","-c:a","aac","-t",`${n}`,"-y",s]))throw new Error("the command executed by ffmpeg to generate a audio of video failed.")}const a=s??i;let c="";return o&&(c=`image-${yr(g(this,Fr),4)}.${this.transImageType}`),s&&g(this,Dr).deleteFile(i).catch(()=>{tt("log",[...Pn,"ffmpeg delete file error"])}),{video:a,lastFrame:c}}async getAlphaMaskVideo(t,e){(0,x.assertExist)(g(this,Dr));this.stage=dn;const i="export.mp4",s=e?",setpts=PTS/"+Math.round(t/e*100)/100:"";return await g(this,Dr).exec(["-framerate",String(this.config.fps),"-start_number",String(1),"-i",`image-%4d.${this.transImageType}`,"-c:v","libx264","-crf","23","-pix_fmt","yuv420p","-vf",`pad=ceil(iw/2)*2:ceil(ih/2)*2${s}`,"-y",i]),i}async getVideoByType(t,e){(0,x.assertExist)(g(this,Dr));const i=g(this,Cr).mediaType===hn.APNG,s=g(this,Cr).mediaType===hn.GIF,r=g(this,Cr).mediaType===hn.AlphaMaskVideo,n=g(this,Cr).mediaType===hn.MP4;let o="",a="";try{if(i&&(o=await this.getAPNG()),s&&(o=await this.getGIF()),n){const{video:i,lastFrame:s}=await this.getMP4(t,e);o=i,a=s}r&&(o=await this.getAlphaMaskVideo(t,e)),this.stage=ln}catch(t){throw tt("log",[...Pn,"getVideoByType","failed"],t),t}let c=null,h=null;try{(0,x.assertExist)(o);const t=await g(this,Dr).readFile(o);if(c="string"==typeof t?(new TextEncoder).encode(t):new Uint8Array(t),a){const t=await g(this,Dr).readFile(a).catch(()=>{tt("log",[...Pn,"ffmpeg read extra file error"])});h="string"==typeof t?(new TextEncoder).encode(t):new Uint8Array(t)}}finally{g(this,Dr).deleteFile(o).catch(()=>{tt("log",[...Pn,"ffmpeg delete file error"])});for(const t of g(this,_r))t&&g(this,Dr).deleteFile(t)}return{data:c,extra:h}}onRecordWebM(t){const e=new MediaRecorder(t.captureStream(this.config.fps),{mimeType:"video/webm;codecs=vp9"});f(this,Tr,e),g(this,Tr).start(0);const i=[];g(this,Tr).ondataavailable=t=>{t.data.size>0&&i.push(t.data)},f(this,Er,i)}async onExportImageFrame(t){try{if(this.canceled)return;const{canvas:e,imageBuffers:i,startTime:s,oldTotalTime:r,newTotalTime:n}=t;(0,x.assertExist)(this.player),(0,x.assertExist)(g(this,br));const o=g(this,Gr)+1;this.stage=pn,this.setProgress({currentTaskInTranscodingFrameIndex:0,currentTaskFrameIndex:o}),g(this,Cr).loggerInTranscoding&&tt("log",[...Pn,"converting log"],`converting ${o} frame image`),o>=1&&this.forwardPlayerTime(o/this.config.fps+s),fr(g(this,br),e,this.config.backgroundColor);let a=e;g(this,Cr).mediaType===hn.AlphaMaskVideo&&((0,x.assertExist)(g(this,Cr).extraCanvas),function(t,e){e.width=2*t.width,e.height=t.height;const i=t.getContext("2d");if(!i)throw new Error("inputCtx is null");const s=e.getContext("2d");if(!s)throw new Error("ctx is null");s.clearRect(0,0,e.width,e.height);const r=i.getImageData(0,0,t.width,t.height),n=i.getImageData(0,0,t.width,t.height),o=r.data;for(let t=0;t<o.length;t+=4){const e=Math.max(0,(o[t+3]??0)-5)/250*255;e<=0?(o[t]=0,o[t+1]=0,o[t+2]=0,o[t+3]=255):(o[t]=(o[t]??0)*e/255,o[t+1]=(o[t+1]??0)*e/255,o[t+2]=(o[t+2]??0)*e/255,o[t+3]=255)}s.putImageData(r,0,0);const a=n.data;for(let t=0;t<a.length;t+=4){const e=Math.max(0,(a[t+3]??0)-5)/250*255;a[t]=e,a[t+1]=e,a[t+2]=e,a[t+3]=255}s.putImageData(n,t.width,0)}(e,g(this,Cr).extraCanvas),a=g(this,Cr).extraCanvas);const c=await async function(t,e,i){return new Promise((s,r)=>{t.toBlob(t=>{t?s(t.arrayBuffer()):r("toBlob failed")},e,i)})}(a,`image/${this.transImageType}`,1),h=`image-${yr(o,4)}.${this.transImageType}`;g(this,Cr).mediaType===hn.Images?i.push(c):g(this,Cr).mediaType===hn.WebP?((0,x.assertExist)(g(this,zr)),g(this,zr).FS.writeFile(h,new Uint8Array(c))):((0,x.assertExist)(g(this,Dr)),await g(this,Dr).writeFile(h,new Uint8Array(c))),g(this,_r).push(h);if(o===g(this,Fr)){this.player?.pause(),await new Promise(t=>{window.requestAnimationFrame(t)});let t=null,e=null;if("Images"===g(this,Cr).mediaType)t=await this.getImagesZip(this.config.name,i);else if("WebP"===g(this,Cr).mediaType)t=this.getWebP();else if([hn.MP4,hn.APNG,hn.GIF,hn.AlphaMaskVideo].includes(g(this,Cr).mediaType)){const{data:i,extra:s}=await this.getVideoByType(r,n)??null;t=i,e=s}t&&(tt("log",[...Pn,"done"],"success"),this.emit("done",g(this,Ur),!0,t,e))}else f(this,Pr,window.requestAnimationFrame(()=>{this.canceled||this.onExportImageFrame({canvas:e,imageBuffers:i,startTime:s,oldTotalTime:r,newTotalTime:n})}))}catch(t){tt("log",[...Pn,"onExportImageFrame","failed"],t),this.emit("done",g(this,Ur),!1,void 0,void 0)}}async onExportWebMFrame(t){try{if(this.canceled)return;(0,x.assertExist)(this.player),(0,x.assertExist)(g(this,br));const e=g(this,Gr)+1;if(this.stage=pn,this.setProgress({currentTaskInTranscodingFrameIndex:0,currentTaskFrameIndex:e}),g(this,Cr).loggerInTranscoding&&tt("log",[...Pn,"converting log"],`converting ${e} frame image`),fr(g(this,br),t,this.config.backgroundColor),1===e&&(this.player.play(),this.onRecordWebM(t)),e<g(this,Fr))f(this,Pr,window.requestAnimationFrame(()=>{this.canceled||this.onExportWebMFrame(t)}));else{this.player?.pause(),g(this,Tr)?.stop();const t=new Blob(g(this,Er),{type:"video/webm"}),e=await t.arrayBuffer();tt("log",[...Pn,"done"],"success"),this.emit("done",g(this,Ur),!0,e,void 0)}}catch(t){tt("log",[...Pn,"done"],"failed",t),this.emit("done",g(this,Ur),!1,void 0,void 0)}}async runTask(t){try{if(this.canceled)return;(0,x.assertExist)(this.player),(0,x.assertExist)(g(this,br));const{size:e,startTime:i,containerCanvas:s}=t,{oldTotalTime:r,newTotalTime:n}=this.config,[o,a]=e;if(g(this,br).width=o,g(this,br).height=a,s.width=o,s.height=a,this.player.resize(),f(this,_r,[]),[hn.MP4,hn.APNG,hn.Images,hn.WebP,hn.GIF,hn.AlphaMaskVideo].includes(g(this,Cr).mediaType)){const t={canvas:s,imageBuffers:[],startTime:i,oldTotalTime:r,newTotalTime:n};await this.onExportImageFrame(t)}else"WebM"===g(this,Cr).mediaType&&await this.onExportWebMFrame(s)}catch(t){tt("log",[...Pn,"run task error"],t),this.emit("done",g(this,Ur),!1,void 0,void 0)}}clearTaskInfo(){f(this,kr,0),f(this,Ur,void 0),f(this,Mr,[]),f(this,Gr,0),f(this,Fr,0),f(this,Rr,0),f(this,Lr,0),f(this,Vr,[]),f(this,Or,[]),f(this,Wr,[]),f(this,Nr,!0)}clearFFMpegCore(){if(g(this,Dr)){for(const t of g(this,_r))t&&g(this,Dr).deleteFile(t);f(this,_r,[]),g(this,Dr).terminate(),f(this,Dr,void 0)}}clearImage2WebPCore(){g(this,zr)&&(g(this,zr).FS.quit(),f(this,zr,void 0))}clearMediaRecorder(){g(this,Tr)&&(g(this,Tr).stop(),f(this,Tr,void 0)),f(this,Er,[])}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,g(this,Vr),g(this,Or),g(this,Wr)),this.status=cn,this.onReset(),this.clearMediaRecorder(),this.clearFFMpegCore(),this.clearImage2WebPCore(),this.clearAllListeners(),tt("log",Pn,"canceled"))}async onExport(t){const e=t.length;try{if(this.status===on)return tt("log",[...Pn],"readying"),void this.on("ready",()=>{this.onExport(t)});if(this.status===cn){if(await this.onInit()===cn)throw new Error("init environment failed")}if(this.clearTaskInfo(),!g(this,br)){const t=document.createElement("canvas");t.dataset.key="player-canvas",f(this,br,t)}this.player||(this.player=new x.Player({canvas:g(this,br),pixelRatio:2,transparentBackground:!0,env:"editor",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=[],r=[];let n=!0;for(const[o,a]of t.entries()){if(this.canceled){n=!1;break}f(this,kr,o),f(this,Ur,a);const{size:t,scene:c}=a;await new Promise(async h=>{try{if(!this.player)throw new Error("player not found");tt("log",[...Pn,"export"],"start",a),xr(this.player);const l=JSON.parse(JSON.stringify(c));await this.player.loadScene(l,{env:"editor",autoplay:!1});const p=this.config.oldTotalTime,d=0;this.player.pause(),this.setProgress({currentTaskFrameIndex:0,currentTaskTotalFrames:Math.round(p*this.config.fps)});const m=(t,e,c,l)=>{this.off("done",m),i[o]=a,e&&c?(s[o]=c,r[o]=l??null):n=!1,h()};this.on("done",m);const g={size:t,startTime:d,containerCanvas:e};await this.runTask(g)}catch(t){tt("log",[...Pn,"export error"],t),n=!1,h()}})}f(this,Vr,i),f(this,Or,s),f(this,Wr,r),f(this,Nr,n)}catch(t){this.onError(t),f(this,Nr,!1)}e>=1&&g(this,Nr)?this.onFinish(!0,g(this,Vr),g(this,Or),g(this,Wr)):this.onFinish(!1,g(this,Vr),g(this,Or),g(this,Wr))}dispose(){this.status=cn,this.onReset(),this.clearMediaRecorder(),this.clearFFMpegCore(),this.clearImage2WebPCore(),this.clearAllListeners(),this.player?.dispose(),this.player=void 0,g(this,br)?.remove(),f(this,br,void 0),f(this,Br,void 0),f(this,Ar,void 0)}};Cr=new WeakMap,Sr=new WeakMap,Pr=new WeakMap,br=new WeakMap,Dr=new WeakMap,zr=new WeakMap,Tr=new WeakMap,Er=new WeakMap,Ar=new WeakMap,Br=new WeakMap,_r=new WeakMap,kr=new WeakMap,Ur=new WeakMap,Mr=new WeakMap,Gr=new WeakMap,Fr=new WeakMap,Rr=new WeakMap,Lr=new WeakMap,Vr=new WeakMap,Or=new WeakMap,Wr=new WeakMap,Nr=new WeakMap;var Dn={[hn.MP4]:{suffix:"mp4",error:"export mp4 is error"},[hn.GIF]:{suffix:"gif",error:"export gif is error"},[hn.Images]:{suffix:"zip",error:"export Images is error"},[hn.APNG]:{suffix:"apng",error:"export APNG is error"},[hn.WebP]:{suffix:"webp",error:"export WebP is error"},[hn.AlphaMaskVideo]:{suffix:"mp4",error:"export AlphaMaskVideo is error"},[hn.WebM]:{suffix:"webm",error:"export WebM is error"}},zn=class extends x.EventEmitter{constructor(t){super(),d(this,"_options"),d(this,"_status",yn),d(this,"_exportMedia"),this._options=t,this._exportMedia=new bn(t)}get status(){return this._status}setOptions(t){const e=ns({},this._options,t);this._options=e,this._exportMedia.setOptions(e)}downloadByMediaBuffers(t,e,i){const{suffix:s,error:r}=Dn[this._options.mediaType];if(!e?.length||!s)return void tt("info",["@vvfx/sdk","downloadByMediaBuffers is error","buffers or suffix is empty"]);const n=t[0]?.folderName,o=new rn.default;e.forEach((e,r)=>{if(!e)return;const{name:n}=t[r]??{};n&&(o.file(`${n}.${s}`,e),i?.[r]?.byteLength&&o.file(`${n}.jpeg`,i[r]))}),o.generateAsync({type:"blob"}).then(t=>{it(t,`${n}.zip`,"application/zip")}).catch(t=>{tt("error",["@vvfx/sdk"],r??"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=In,tt("error",["@vvfx/sdk"],"export is error",t)}onExport(t){this._status=xn,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,r)=>{this._status=e?wn:In,this.emit("complete",e,i,s,r),!this._options.isOutputBuffer&&s&&0!==s.length&&this.downloadByMediaBuffers(t,s,r)}),this._exportMedia.on("error",this.onExportError.bind(this))}onCancel(){this._status=In,this._exportMedia.onCancel(),this.emit("complete",!1,[],[],[])}dispose(){this._exportMedia.dispose()}},Tn=class{constructor(){d(this,"enabled",!0),d(this,"_player"),d(this,"_container"),this._container=document.createElement("canvas"),this._player=new x.Player({canvas:this._container,manualRender:!0,pixelRatio:2,env:"editor",renderOptions:{willCaptureImage:!0}})}async generate(t,e,i,s,r){if(!Bn.config.screenShotConfig.enabled)return void console.warn("Screen shot is not opened, use #SDK.setConfig() open this feature.");xr(this._player);const[n,o]=e;this._container.width=n,this._container.height=o,this._player.resize();const a="string"==typeof t?t:JSON.parse(JSON.stringify(t));await this._player.loadScene(a),this._player.gotoAndStop(s);const[c,h]=i,l=document.createElement("canvas");l.width=c,l.height=h;const p=l.getContext("2d");r??(r=Bn.config.screenShotConfig.defaultBackgroundColor),p&&(p.fillStyle=`rgba(${r.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 xr(this._player),d}dispose(){this._player.dispose()}drawImageCover(t,e,i,s,r,n,o,a,c){2===arguments.length&&(i=s=0,r=t.canvas.width,n=t.canvas.height),o="number"==typeof o?P(o,0,1):.5,a="number"==typeof a?P(a,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(r/h,n/l);let d=h*p,m=l*p,g=1;d<r&&(g=r/d),Math.abs(g-1)<1e-14&&m<n&&(g=n/m),d*=g,m*=g;const u=Math.max(h/(d/r),0),f=Math.max(l/(m/n),0),y=Math.min((h-u)*o,h),x=Math.min((l-f)*a,l);t.drawImage(e,y+c.left,x+c.top,u,f,i,s,r,n)}},En=class{constructor(){d(this,"_player"),d(this,"_container"),d(this,"size",[0,0]),this._container=document.createElement("canvas"),this._player=new x.Player({canvas:this._container,manualRender:!0})}async adjustment(t,e,i,s,r,n){if(!Bn.config.sizeAdaptConfig.enabled)return console.warn("Size adapt is not opened, use #SDK.setConfig() open this feature."),t;this._player??(this._player=new x.Player({canvas:this._container,manualRender:!0})),r??(r=[0,0,0,0]),n??(n=i[0]<i[1]?"y":"x"),this.size=[...s],this._container.width=this.size[0],this._container.height=this.size[1],xr(this._player),this._player.resize();const o=JSON.parse(JSON.stringify(t));await this._player.loadScene(o,{reusable:!0,autoplay:!1}),this._player.gotoAndStop(e);const a=this._player.getCompositions()[0];if(a){const[e,o]=s,c=i[0]/i[1],h=e/o;c>h&&this.keepDistribute(t,a,h/c,s);const[l,p,d,m]=r,g=e-d-m,u=o-l-p,f=[(d-m)/2,(l-p)/2],y=(new G).setFromCenterAndSize(new C(e,o).divide(2),new C(e,o)),x=(new G).setFromCenterAndSize(new C(e,o).divide(2).add(new C(...f)),new C(g,u));this.keepAdsorption("topAdsorption",t,a,f,y,x,n),this.keepAdsorption("bottomAdsorption",t,a,f,y,x,n),this.keepAdsorption("leftAdsorption",t,a,f,y,x,n),this.keepAdsorption("rightAdsorption",t,a,f,y,x,n),this.keepAdsorption("centerAdsorption",t,a,f,y,x,n),this.keepDoubleAdsorption("bottomCenterAdsorption",t,a,f,y,x,n)}return t}keepDistribute(t,e,i,s){const r=t=>{const i=(new V).copyFrom(e.camera.getViewProjectionMatrix());return(new C).copyFrom(t.applyMatrix(i).toVector2()).toViewCoordinate(s[0],s[1])};["topAdsorption","centerAdsorption","bottomAdsorption"].forEach(n=>{e.items.filter(t=>t.name.split("-")[0]?.toLocaleUpperCase()===cr[n]&&!t.parentId).forEach(n=>{const o=e.items.filter(t=>t.parentId===n.getInstanceId()),a=o.find(t=>"check-area"===t.name),c=a?this.getViewBoxByHeadlessPlayerItem(a,[],r):this.getViewBoxByHeadlessPlayerItem(n,o,r),h=n.transform.position.clone(),l=c.getCenter(),p=new C(...s.map(t=>t/2)),d=l.y-p.y;((t,i,r)=>{const{z:n}=t.transform.getWorldPosition(),{x:o,y:a}=e.camera.getInverseVPRatio(n);t.transform.translate(2*i*o/s[0],-2*r*a/s[1],0)})(n,0,d/i-d),n.transform.updateLocalMatrix();const m=n.transform.position.clone().subtract(h).toArray();this.transformSceneItem(t,n.getInstanceId(),"position",m)})})}keepAdsorption(t,e,i,s,r,n,o){const{x:a,y:c}=r.getSize(),h=(t,e,s)=>{const{z:r}=t.transform.getWorldPosition(),{x:n,y:o}=i.camera.getInverseVPRatio(r);t.transform.translate(2*e*n/a,-2*s*o/c,0)},l=t=>{const e=(new V).copyFrom(i.camera.getViewProjectionMatrix());return(new C).copyFrom(t.applyMatrix(e).toVector2()).toViewCoordinate(a,c)},p=cr[t];i.items.filter(t=>t.name.split("-")[0]?.toLocaleUpperCase()===p&&!t.parentId).forEach(r=>{const a=i.items.filter(t=>t.parentId===r.getInstanceId()),c=a.find(t=>"check-area"===t.name),p=r.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",f=3===r.name.split("-").length,y=Number(r.name.split("-")[1]),x=new C,w=[1,1],I=c?this.getViewBoxByHeadlessPlayerItem(c,[],l):this.getViewBoxByHeadlessPlayerItem(r,a,l);h(r,...s);const v="y"===o?"x":"y";I.getSize()[v]>n.getSize()[v]&&(w[0]=n.getSize()[v]/I.getSize()[v],w[1]=n.getSize()[v]/I.getSize()[v],r.scale(...w,1)),r.transform.updateLocalMatrix();const S=c?this.getViewBoxByHeadlessPlayerItem(c,[],l):this.getViewBoxByHeadlessPlayerItem(r,a,l),P=new C;if(!n.containsBox(S)){const{min:t,max:e}=S,{min:i,max:s}=n;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(r,...P.toArray()),r.transform.updateLocalMatrix()}const b=c?this.getViewBoxByHeadlessPlayerItem(c,[],l):this.getViewBoxByHeadlessPlayerItem(r,a,l);if(!Number.isNaN(y)&&f)if("centerAdsorption"!==t){const t=Math.abs(b[u][d]-n[g][d]),e=n.getSize()[d]*y;t>e&&(x[d]=(e-t)*m,h(r,...x.toArray()),r.transform.updateLocalMatrix())}else{const t=b.getSize()[o],e=n.getSize()[o];if(t/e>y){const i=e*y/t;r.scale(i,i,1),w[0]*=i,w[1]*=i}}const D=c?this.getViewBoxByHeadlessPlayerItem(c,[],l):this.getViewBoxByHeadlessPlayerItem(r,a,l),z=i.items.filter(t=>"T"===t.name.split("-")[0]?.toLocaleUpperCase()&&!t.parentId),T=new G;if(z.forEach(t=>{const e=i.items.filter(e=>e.parentId===t.getInstanceId()),s=e.find(t=>"check-area"===t.name),r=s?this.getViewBoxByHeadlessPlayerItem(s,[],l):this.getViewBoxByHeadlessPlayerItem(t,e,l);T.union(r)}),!T.isEmpty()&&T.max.y>D.min.y)if("centerAdsorption"===t){const t=T.max.y-D.min.y;h(r,0,t),r.transform.updateLocalMatrix()}else if(["leftAdsorption","rightAdsorption"].includes(t)){const t=D.getSize().y,e=n.getSize().y-(T.max.y-n.min.y);let i=T.max.y-D.min.y;if(t>e){const s=e/t;w[0]*=s,w[1]*=s,r.scale(s,s,1),r.transform.updateLocalMatrix(),i-=(t-e)/2}h(r,0,i),r.transform.updateLocalMatrix()}const E=r.transform.position.clone().subtract(p).toArray();this.transformSceneItem(e,r.getInstanceId(),"position",E),this.transformSceneItem(e,r.getInstanceId(),"scale",w)})}keepDoubleAdsorption(t,e,i,s,r,n,o){const{x:a,y:c}=r.getSize(),h=(t,e,s)=>{const{z:r}=t.transform.getWorldPosition(),{x:n,y:o}=i.camera.getInverseVPRatio(r);t.transform.translate(2*e*n/a,-2*s*o/c,0)},l=t=>{const e=(new V).copyFrom(i.camera.getViewProjectionMatrix());return(new C).copyFrom(t.applyMatrix(e).toVector2()).toViewCoordinate(a,c)},p=cr[t];i.items.filter(t=>t.name.split("-")[0]?.toLocaleUpperCase()===p&&!t.parentId).forEach(t=>{const r=i.items.filter(e=>e.parentId===t.getInstanceId()),a=r.find(t=>"check-area"===t.name),c=t.transform.position.clone(),p=3===t.name.split("-").length,d=Number(t.name.split("-")[1]),m=[1,1],g=a?this.getViewBoxByHeadlessPlayerItem(a,[],l):this.getViewBoxByHeadlessPlayerItem(t,r,l);h(t,...s);const u="y"===o?"x":"y";g.getSize()[u]>n.getSize()[u]&&(m[0]=n.getSize()[u]/g.getSize()[u],m[1]=n.getSize()[u]/g.getSize()[u],t.scale(...m,1)),t.transform.updateLocalMatrix();const f=a?this.getViewBoxByHeadlessPlayerItem(a,[],l):this.getViewBoxByHeadlessPlayerItem(t,r,l);if(!Number.isNaN(d)&&p){const e=f.getSize()[u],i=n.getSize()[u];if(e/i>d){const s=i*d/e;t.scale(s,s,1),m[0]*=s,m[1]*=s}}const y=a?this.getViewBoxByHeadlessPlayerItem(a,[],l):this.getViewBoxByHeadlessPlayerItem(t,r,l),x=new C;if(!n.containsBox(y)){const{min:e,max:i}=y,{min:s,max:r}=n;x.x+=e.x<s.x?s.x-e.x:0,x.x+=i.x>r.x?r.x-i.x:0,x.y+=e.y<s.y?s.y-e.y:0,x.y+=i.y>r.y?r.y-i.y:0,h(t,...x.toArray()),t.transform.updateLocalMatrix()}const w=t.transform.position.clone().subtract(c).toArray();this.transformSceneItem(e,t.getInstanceId(),"position",w),this.transformSceneItem(e,t.getInstanceId(),"scale",m)})}getViewBoxByHeadlessPlayerItem(t,e,i){const s=new G,{transform:r,composition:n}=t;switch(t.type){case x.spec.ItemType.sprite:case x.spec.ItemType.plugin:case x.spec.ItemType.video:case x.spec.ItemType.richtext:case x.spec.ItemType.text:case x.spec.ItemType.shape:{r.setValid(!0),r.updateLocalMatrix();const{size:t}=r,o=(new V).copyFrom(n?.transform.getWorldMatrix()??new V).invert().multiply(r.getWorldMatrix()),{x:a,y:c}=t.clone().divide(2),h=new L(a,c,0).applyMatrix(o),l=new L(a,-c,0).applyMatrix(o),p=new L(-a,-c,0).applyMatrix(o),d=new L(-a,c,0).applyMatrix(o),m=i(h).round(2),g=i(l).round(2),u=i(p).round(2),f=i(d).round(2);s.setFromVec2Array([m,g,u,f]);const y=e?.map(t=>{const e=n?.items.filter(e=>e.parentId===t.getInstanceId())??[];return this.getViewBoxByHeadlessPlayerItem(t,e,i)});y&&y.map(t=>s.union(t));break}case x.spec.ItemType.null:{const t=e?.map(t=>{const e=n?.items.filter(e=>e.parentId===t.getInstanceId())??[];return this.getViewBoxByHeadlessPlayerItem(t,e,i)});t&&t.map(t=>s.union(t));break}}return s}transformSceneItem(t,e,i,s){const r=t.items.find(t=>t.id===e);switch(i){case"position":{const t=s;Array.isArray(s)&&3===t.length&&r?.transform&&(r.transform.position.x+=t[0],r.transform.position.y+=t[1],r.transform.position.z+=t[2]);break}case"rotation":if(Array.isArray(s)&&3===s.length){const t=s;r?.transform&&(r.transform.eulerHint.x+=t[0],r.transform.eulerHint.y+=t[1],r.transform.eulerHint.z+=t[2])}break;case"size":Array.isArray(s)&&2===s.length&&r?.transform&&(r.transform.scale.x*=s[0],r.transform.scale.y*=s[1])}}dispose(){this._player?.dispose()}},An=class t{constructor(e,i="template"){d(this,"_eventEmitter",new x.EventEmitter),d(this,"_pageData"),d(this,"_screenShot"),d(this,"_exporter"),d(this,"_pageDataUtils"),d(this,"_sizeAdapt"),d(this,"_gestureHandler"),d(this,"disposables",[]),d(this,"_isSwitchScene",!1),d(this,"_undoRedo",new As),d(this,"_backgroundManager",new _s),d(this,"player"),d(this,"_container"),d(this,"_playerContainer"),d(this,"on",this._eventEmitter.on),this._container=e,t.config.mode=i,this.initPlayer(i),this._eventEmitter.on("pageDataChange",t=>{this._pageData=t,this._gestureHandler.render()}),this._eventEmitter.on("preSelectedItemChange",t=>{(0,x.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.preSelectedItem=t,this._gestureHandler.render()}),this._eventEmitter.on("selectedViewChange",t=>{(0,x.assertExist)(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.setExportConfig(e.exportConfig)}),this._eventEmitter.on("itemCreate",()=>{this._gestureHandler.closeItemCreateGizmo()}),this._pageDataUtils=new Ir(this.player,this._playerContainer,this._eventEmitter,this),this._backgroundManager.attach(this._playerContainer),this._gestureHandler=new sn(e),this._screenShot=new Tn,this._sizeAdapt=new En;const s=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,r]=this._pageDataUtils.getPlayerSizeByParent(i,t);this._playerContainer.style.width=`${e}px`,this._playerContainer.style.height=`${r}px`,this.player.resize()}this._pageDataUtils.refreshInteractionParam(),this._gestureHandler.resize()}});s.observe(e),this.disposables.push(()=>{s.disconnect()})}get backgroundManager(){return this._backgroundManager}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:r,scene:n,export:{name:o,...a}}=t,c=r?.[0]&&r?.[1]?` (${s+1})_${r[0]}×${r[1]}`:` (${s+1})`;let h="";return h=o?st(o,i):`${e}${c}`,i.push(h),{folderName:e,name:h,size:r,scene:JSON.parse(JSON.stringify(n)),...a}})}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()})}initPlayer(e){const i=document.createElement("div"),[s,r]="editor"===e?[this._container.clientWidth,this._container.clientHeight]:[this._container.offsetWidth,this._container.offsetHeight];this._playerContainer=i,this._playerContainer.id="player-container",this._playerContainer.style.position="absolute",this._playerContainer.style.width=`${s}px`,this._playerContainer.style.height=`${r}px`,this._container.appendChild(i),this.player=new x.Player({container:this._playerContainer,pixelRatio:2,interactive:!0,env:"editor"}),this.player.on("update",()=>{if((0,x.assertExist)(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.player.on("rendererror",t=>{console.error("player render error ",t)}),this.player.on("webglcontextlost",()=>{this._eventEmitter.emit("viewLost");const e=this.player?.canvas;e&&e.parentElement?.removeChild(e),this.player.pause(),this.player.dispose(),this._gestureHandler.dispose(),setTimeout(async()=>{this.initPlayer(t.config.mode),this._pageDataUtils=new Ir(this.player,this._playerContainer,this._eventEmitter,this),this._gestureHandler=new sn(this._container),await this.runByPageData(this.pageData),this._eventEmitter.emit("viewRebuildFinish")},300)})}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"}"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 x.Player({container:this._playerContainer,interactive:!0,pixelRatio:2,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:Gs(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],r=e.viewParams?.length?e.viewParams:[{size:s.previewSize??[750,1624],export:{audioEnable:!1}}];return{...e,scene:i,viewParams:r}}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}}}initExporter(t){this.initExporterEnabled&&(this._exporter=new zn(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,s)=>{this._eventEmitter.emit("exportComplete",t,e,i,s)}))}async initSDK(e){var i;const{scene:s,viewParams:r,options:n}=e,o=[];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],r=e.duration??0;o.push({size:[i,s],safeArea:[0,0,0,0],previewSafeAreas:[],id:0,scene:t,ignoreInteraction:!0,export:{time:r,audioEnable:!1}})}}for(let e=0;e<r.length;e++){const n=r[e];if(!n)continue;let a=JSON.parse(JSON.stringify(s));const c=a.compositions.find(t=>t.id===a.compositionId)??a.compositions[0];(0,x.assertExist)(c);const h=c.previewSize??[750,1624],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&&(a=await this._sizeAdapt.adjustment(a,d,l,p,m,n.adaptionDirection)),(i=n.export).time??(i.time=d),o.push({...n,size:p,safeArea:m,previewSafeAreas:[...n.previewSafeAreas??[]],id:e+1,scene:a,ignoreInteraction:!1})}const a=o[0]?.scene;if(!a)return void console.warn("SDK need one view property at least.");const c=a.compositions.find(t=>t.id===a.compositionId)??a.compositions[0],h={...n,zoom:1,translation:[0,0],asyncMode:n.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:o[p].id,selectedItems:[]},items:[],viewProperties:o,playing:!1},this._pageDataUtils.init(),await this._gestureHandler.init(this._pageDataUtils,this._eventEmitter),this._gestureHandler.ignoreInteraction=!!o[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.pageData),this.initExporter(t.config.exportConfig)}getActiveItems(){return(0,x.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.selectedItems}setPreSelectedItem(t){(0,x.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.preSelectedItem=t}getPreSelectedItem(){return(0,x.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageData.activeData.preSelectedItem??""}setSelectedItems(t){this._pageDataUtils.clearPreSelectedItem(),this._pageDataUtils.clearSelectedItems(),this._pageDataUtils.addSelectedItems([...t])}async setItemProperty(t){(0,x.assertExist)(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.setItemProperty(t),this._gestureHandler.render(),this._eventEmitter.emit("pageDataChange",this.pageData))}async generateScreenShot(t,e=[300,400],i,s){(0,x.assertExist)(this._pageData,"You must call SDK#run() first");const r=this.getViewProperty(t);if(!r)return"";const{scene:n,size:[o,a]}=r,c=n.compositionId,h=n.compositions.find(t=>t.id===c);i??(i=h?.duration??0);const l=JSON.parse(JSON.stringify(n));return await this._screenShot.generate(l,[o,a],e,i,s)}async switchScene(t){if((0,x.assertExist)(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.pageData),this._isSwitchScene=!1}getPageConfig(){return(0,x.assertExist)(this._pageData,"You must call SDK#run() first"),{safeAreaPreview:this._pageData.property.safeAreaPreview,zoom:this._pageData.property.zoom,adsorption:this._pageData.property.adsorption,asyncMode:this._pageData.property.asyncMode,translation:this._pageData.property.translation}}setPageConfig(e){(0,x.assertExist)(this._pageData,"You must call SDK#run() first");const{adsorption:i,safeAreaPreview:s,zoom:r}=this._pageData.property;this._pageData.property={...this._pageData.property,...e},this._pageData.property.zoom!==r&&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){(0,x.assertExist)(this._pageData,"You must call SDK#run() first");const e=(this.player.getCompositions()[0]?.getDuration()??2)*t/100;this._pageData.time=e;!this.player.getCompositions().length&&(xr(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)}getSDKItem(t){return this._pageDataUtils.getSDKItem(t)}getSDKItems(t){return t?t.map(t=>this.getSDKItem(t)).filter(t=>!!t):this.pageData?.items??[]}async setPlayState(t){(0,x.assertExist)(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),i=JSON.parse(JSON.stringify(e.scene));await this.player.loadScene(i,{autoplay:!1}),this.player.gotoAndPlay(this._pageData.time),this.destroyCompositions(t)}else this.player.gotoAndStop(this._pageData.time);this._gestureHandler.render()}}getViewThumbnail(){return(0,x.assertExist)(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(0,x.assertExist)(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)})}downloadByMediaBuffersOfExporter(t,e,i){(0,x.assertExist)(this._exporter,"You must init exporter first"),this._exporter.downloadByMediaBuffers(t,e,i)}onExport(){t.config.exportConfig.enabled&&((0,x.assertExist)(this.pageData,"You must call SDK#run() first"),(0,x.assertExist)(this._exporter,"You must init exporter first"),this._exporter.onExport(this.exportOptions))}cancelExport(){(0,x.assertExist)(this._exporter,"You must init exporter first"),this._exporter.onCancel()}async loadPageData(t){(0,x.assertExist)(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.pageData)}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.pageData)}async reloadPageDataByScene(t){(0,x.assertExist)(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,i){var s;(0,x.assertExist)(this._pageData);const r=[],n=this._pageData.viewProperties[this._pageData.viewProperties.length-1]?.id??this._pageData.viewProperties.length-1;for(let o=0;o<e.length;o++){const a=e[o];if(!a)continue;let c=JSON.parse(JSON.stringify(i??this._pageData.scene));const h=c.compositions.find(t=>t.id===c.compositionId)??c.compositions[0];(0,x.assertExist)(h);const{previewSize:l=[750,1624]}=h,p=l,d=a.size??l;h.previewSize=d;const m=h.duration??0,g=a.safeArea??[0,0,0,0];t.config.sizeAdaptConfig.enabled&&(c=await this._sizeAdapt.adjustment(c,m,p,d,g,a.adaptionDirection)),(s=a.export).time??(s.time=m),r.push({...a,size:d,safeArea:g,previewSafeAreas:[...a.previewSafeAreas??[]],id:n+1+o,scene:c,ignoreInteraction:!1})}this._pageData.viewProperties.push(...r),this._eventEmitter.emit("pageDataChange",this.pageData)}async deleteViewParams(t){t.sort((t,e)=>t-e);for(let e=0;e<t.length;e++){const i=t[e];(0,x.assertExist)(this._pageData);const s=i-e,r=this._pageData.viewProperties.findIndex(t=>t.id===s);if(!0===this._pageData.viewProperties[r]?.ignoreInteraction){console.warn("target view ignore interaction, it can not be deleted.");continue}if(r<0){console.warn("Target view is not existed.");continue}this._pageData.viewProperties.splice(r,1);const n=this._pageData.activeData.view??0;s===n?(this._pageData.activeData.view=0,await this._pageDataUtils.loadScene(0)):s<n&&(this._pageData.activeData.view=n-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.pageData)}setExportParam(t,e){(0,x.assertExist)(this._pageData),this._pageData.viewProperties.forEach(i=>{void 0!==e&&i.id!==e||Object.assign(i.export,t)})}setPageZoom(t,e,i){(0,x.assertExist)(this._pageData),this._pageData.property.zoom=t,this._pageDataUtils.setPageZoom(this._pageData.property.zoom,e,i),this._gestureHandler.render()}setPageMove(t){(0,x.assertExist)(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?j(t.config.pageConfig.filterItemNames,e):e.forEach(e=>{j(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=ns({},t.config.exportConfig,e);t.config.exportConfig=i,this._exporter?this._exporter.setOptions(i):this.initExporter(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.backgroundManager.setColorBackground(e??"");break;case"image":e&&this.backgroundManager.setImageBackground(e);break;case"chess-board":case"dot-board":this.backgroundManager.applyPreset(t,e)}}async addSpriteItem(t,e){return await this._pageDataUtils.addSpriteItem(t,!1,e)}async addVideoItem(t,e){return await this._pageDataUtils.addVideoItem(t,!1,e)}openPictureCutGizmo(){this._gestureHandler.openPictureCutGizmo(),this._gestureHandler.render()}closePictureCutGizmo(){this._gestureHandler.closePictureCutGizmo()}getCutInfo(){return this._gestureHandler.getCutInfo()}setCutBox(t,e){return this._gestureHandler.setCutBox(t,e)}openPictureExpandGizmo(){this._gestureHandler.openPictureExpandGizmo(),this._gestureHandler.render()}closePictureExpandGizmo(){this._gestureHandler.closePictureExpandGizmo()}getExpandInfo(){return this._gestureHandler.getExpandInfo()}setExpandBox(t,e){return this._gestureHandler.setExpandBox(t,e)}openMaskGizmo(t){this._gestureHandler.openMaskGizmo(t),this._gestureHandler.render()}clearMaskGizmo(){this._gestureHandler.clearMaskGizmo()}closeMaskGizmo(){this._gestureHandler.closeMaskGizmo()}getMask(){return this._gestureHandler.getMask()}setMaskGizmoConfig(t){this._gestureHandler.setMaskGizmoConfig(t)}setMaskGizmoMode(t){this._gestureHandler.setMaskGizmoMode(t)}undoMaskGizmo(){return this._gestureHandler.maskGizmoUndo()}redoMaskGizmo(){return this._gestureHandler.maskGizmoRedo()}get canUndoMaskGizmo(){return this._gestureHandler.maskGizmoCanUndo}get canRedoMaskGizmo(){return this._gestureHandler.maskGizmoCanRedo}clearMaskGizmoUndoRedo(){this._gestureHandler.clearMaskGizmoUndoRedo()}undoPictureCutGizmo(){return this._gestureHandler.pictureCutGizmoUndo()}redoPictureCutGizmo(){return this._gestureHandler.pictureCutGizmoRedo()}get canUndoPictureCutGizmo(){return this._gestureHandler.pictureCutGizmoCanUndo}get canRedoPictureCutGizmo(){return this._gestureHandler.pictureCutGizmoCanRedo}clearPictureCutGizmoUndoRedo(){this._gestureHandler.clearPictureCutGizmoUndoRedo()}openLoadingGizmo(t,e){this._gestureHandler.openLoadingGizmo(t,e)}updateLoadingGizmo(t,e){this._gestureHandler.updateLoadingGizmo(t,e)}closeLoadingGizmo(t){this._gestureHandler.closeLoadingGizmo(t)}groupItems(t,e){return this._pageDataUtils.addGroupItem(t,e)}setItemParent(t,e){this._pageDataUtils.setItemParent(t,e)}deleteItemParent(t,e){this._pageDataUtils.deleteItemParent(t,e)}async addTextItem(t,e){return await this._pageDataUtils.addTextItem(t,e)}async addItemByCreateInfos(t,e=!1){if(e){return await this._pageDataUtils.asyncAddItemByCreateInfos(t)}return await this._pageDataUtils.addItemByCreateInfos(t)}deleteItems(t){if((0,x.assertExist)(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();const e=this._pageDataUtils.getCurrentComposition();this._pageDataUtils.addSDKItemsByItems(this._pageData.items,e.items),this._eventEmitter.emit("pageDataChange",this._pageData)}getItemCreateInfo(t){return this._pageDataUtils.getItemCreateInfo(t,!1)}getItemCreateInfos(t){const e=[];return t??(t=this._pageData?.items.map(t=>t.id)??[]),t.forEach(i=>{const s=this._pageDataUtils.getSDKItem(i),r=this._pageDataUtils.getItemCreateInfo(i,!(!s?.parentId||!t.includes(s?.parentId)));r&&e.push(r)}),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)}async createScreenShotByFrame(t){const e=this.getSDKItem(t);if(!vt(e))return void console.warn(`Item ${t} is not frame item, check your input.`);const i=this.getItemBoxById(e.id),s=this.getItemCreateInfos([...e.children]),r=this._pageDataUtils.createSceneByCreateInfos(s,i.getSize().toArray(),"画板",i.getCenter().toArray());if(!r)return void console.warn("Target scene is not exsited.");const n=r?.compositions[0]?.previewSize??[750,1624];return await this._screenShot.generate(r,n,n,0)}async createScreenShotByEffects(t){const e=this.getSDKItem(t);if(!xt(e))return void console.warn(`Item ${t} is not a effects item.`);const i=e.effects,s=this._pageDataUtils.getEffectsItemPlayTime(t)??0,r=[e.width,e.height];return await this._screenShot.generate(i,r,r,s)}getChildrenIds(t){return this._pageDataUtils.getChildrenIds(t)}updateItemOrder(t,e){(0,x.assertExist)(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){(0,x.assertExist)(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)}setItemExtension(t,e){(0,x.assertExist)(this._pageData,"You must call SDK#run() first");const i=this._pageDataUtils.getSDKItem(t);return i?(Object.entries(e).forEach(([t,e])=>{i.setExtension(t,e)}),this._eventEmitter.emit("pageDataChange",this.pageData),!0):(console.warn(`Item ${t} not found`),!1)}getItemExtension(t,e){(0,x.assertExist)(this._pageData,"You must call SDK#run() first");const i=this._pageDataUtils.getSDKItem(t);if(!i)return void console.warn(`Item ${t} not found`);if(!e||0===e.length)return i.getAllExtension();const s={};return e.forEach(t=>{i.hasExtension(t)&&(s[t]=i.getExtension(t))}),s}deleteItemExtensions(t,e){(0,x.assertExist)(this._pageData,"You must call SDK#run() first");const i=this._pageDataUtils.getSDKItem(t);return i?(e.forEach(t=>{i.deleteExtension(t)}),this._eventEmitter.emit("pageDataChange",this.pageData),!0):(console.warn(`Item ${t} not found`),!1)}hasItemExtension(t,e){(0,x.assertExist)(this._pageData,"You must call SDK#run() first");const i=this._pageDataUtils.getSDKItem(t);return!!i&&i.hasExtension(e)}getItemExtensionKeys(t){(0,x.assertExist)(this._pageData,"You must call SDK#run() first");const e=this._pageDataUtils.getSDKItem(t);if(e)return e.getExtensionKeys();console.warn(`Item ${t} not found`)}getViewProperty(t){return this._pageDataUtils.getViewProperty(t)}pageMove(t){this._pageDataUtils.pageMove(new C(...t))}pageZoom(t,e){this._pageDataUtils.pageZoom(t,e?new C(...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,propertyKeys:["fontFamily","fontUrl"]})}createSceneByCreateInfos(t,e){return this._pageDataUtils.createSceneByCreateInfos(t,e.size,e.name)}setSpriteSize(t,e){this._pageDataUtils.setSpriteSize(t,e),this._gestureHandler.render()}setItemPropertyByCreateInfo(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),this._gestureHandler.render()}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)}getVideoItemPlayTime(t){return this._pageDataUtils.getVideoItemPlayTime(t)}setVideoItemPlayTime(t,e){this._pageDataUtils.setVideoItemPlayTime(t,e)}getEffectsItemPlayTime(t){return this._pageDataUtils.getEffectsItemPlayTime(t)}setEffectsItemPlayTime(t,e){this._pageDataUtils.setEffectsItemPlayTime(t,e)}setEffectsResource(t,e){this._pageDataUtils.setEffectsResource(t,e)}getPixelPositionByViewPosition(t){return this._pageDataUtils.getPixelPositionByViewPosition(t)}hitTest(t,e){return this._gestureHandler.selectorGizmo?.hitTest(new C(t,e))}setInteractType(t){this._gestureHandler.setInteractType(t),this._gestureHandler.render()}getInteractType(){return this._gestureHandler.interactType}makeItemAlign(t,e){this._pageDataUtils.makeItemAlign(t,e),this._gestureHandler.render()}makeItemDistribute(t,e){this._pageDataUtils.makeItemDistribute(t,e),this._gestureHandler.render()}addGeneratorItem(t){return this._pageDataUtils.addGeneratorItem(t)}async addEffectsItem(t){return await this._pageDataUtils.addEffectsItem(t)}async addFrameItem(t){return await this._pageDataUtils.addFrameItem(t)}moveItemsToFrame(t,e){this._pageDataUtils.moveItemsToFrame(t,e)}moveItemsOutOfFrame(t,e){this._pageDataUtils.moveItemsOutOfFrame(t,e)}async setGeneratorResource(t,e){return(0,x.assertExist)(this._pageData,"You must call SDK#run() first"),this._pageDataUtils.setGeneratorResource(t,e)}setGeneratorResourceFromObject(t){this.setGeneratorResource(t.itemId,t.url)}setVideoGeneratorResource(t){return this.setGeneratorResource(t.itemId,t.url)}setSpriteGeneratorResource(t){return this.setGeneratorResource(t.itemId,t.url)}setItemLockState(t,e){this._pageDataUtils.setItemLockState(t,e)}getItemLockState(t){this._pageDataUtils.getItemLockState(t)}openItemCreateGizmo(t){this._gestureHandler.openItemCreateGizmo(t),this._gestureHandler.render()}closeItemCreateGizmo(){this._gestureHandler.closeItemCreateGizmo()}setItemName(t,e){this._pageDataUtils.setItemName(t,e)}setSafeAreaPreviewVisible(t,e,i){const s=this.getViewProperty(t);s?.previewSafeAreas.forEach(t=>{e in t&&(t.visible=i)}),this._eventEmitter.emit("pageDataChange",this.pageData)}resizeFrameItem(t,e,i){const s=i?new L(i[0],i[1],0):void 0;this._pageDataUtils.resizeFrameItem(t,e,s)}applyFrameAutoLayout(t){this._pageDataUtils.applyFrameAutoLayout(t)}};d(An,"config",{mode:"template",pageConfig:{asncMode:!1,minZoom:.01,maxZoom:20,staticPreview:!0,staticPreviewName:"标准模板",filterItemNames:["ModelPluginItem"],groupVisible:!0},asyncLoadConfig:{enabled:!0,loadingTextureUrl:"https://mdn.alipayobjects.com/huamei_ixsp8m/afts/img/A*BzgbTb8dBhoAAAAARwAAAAgAev-aAQ/original"},screenShotConfig:{enabled:!0,defaultBackgroundColor:[255,255,255,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_ixsp8m/afts/img/A*F2wVS7x0MfIAAAAAQBAAAAgAev-aAQ/original",groupLogoUrl:"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_ixsp8m/afts/img/A*w1fnS4mq0VgAAAAAQCAAAAgAev-aAQ/original",frameLogoUrl:"https://mdn.alipayobjects.com/huamei_ixsp8m/afts/img/A*DRF_RpndkjUAAAAAQDAAAAgAev-aAQ/original",effectsLogoUrl:"https://mdn.alipayobjects.com/huamei_ixsp8m/afts/img/A*RMewR4ruUnYAAAAAQGAAAAgAev-aAQ/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,gridLineWidth:1,gridLineColor:16777215,gridLineAlpha:1,gridCount:2},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,gridLineWidth:1,gridLineColor:16777215,gridLineAlpha:1,gridCount:2},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:14,scaleCornerRadius:5,scaleCornerFillColor:16777215,scaleCornerStrokeWidth:2,scaleCornerStrokeColor:7026175,scaleInteractionDistance:7,widthScaleInteractionDistance:4,wireframeColor:16711680,wireframeAlpha:1,wireframeWidth:1.5},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:3,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},videoPlayGizmoEnabled:!0,videoPlayGizmoConfig:{autoShow:!0,logoUrl:"https://mdn.alipayobjects.com/huamei_ixsp8m/afts/img/A*ORMmSYYHIHUAAAAAJbAAAAgAev-aAQ/original",logoShift:[25,25],width:30,height:30},itemCreateGizmoEnabled:!1,itemCreateGizmoConfig:{frameBorderColor:2193663,frameBorderWidth:1,frameBorderAlpha:.8,frameFillColor:2193663,frameFillAlpha:.15,frameChildBoxAlpha:.35,frameChildBoxColor:2193663},autoLayoutIndicatorConfig:{lineWidth:2,lineColor:3900150}}});var Bn=An;
 /*! Bundled license information:
 
 lodash-es/lodash.js: