modern-canvas 0.3.1 → 0.3.3

package/dist/index.mjs

@@ -465,6 +465,9 @@ class CoreObject extends EventEmitter {
   _changedProperties = /* @__PURE__ */ new Set();
   _updatingPromise = Promise.resolve();
   _updating = false;
+  is(target) {
+    return Boolean(target && this.instanceId === target.instanceId);
+  }
   async _enqueueUpdate() {
     this._updating = true;
     try {
@@ -2199,13 +2202,13 @@ class Vector3 extends Vector {
   }
 }
 
-var __defProp$O = Object.defineProperty;
-var __decorateClass$O = (decorators, target, key, kind) => {
+var __defProp$P = Object.defineProperty;
+var __decorateClass$P = (decorators, target, key, kind) => {
   var result = undefined ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$O(target, key, result);
+  if (result) __defProp$P(target, key, result);
   return result;
 };
 class MainLoop extends CoreObject {
@@ -2224,7 +2227,7 @@ class MainLoop extends CoreObject {
   start(process) {
     if (!this._starting) {
       this._starting = true;
-      this.removeAllListeners();
+      this.off("process");
       this.on("process", process);
       Ticker.on(this._onNextTick, { sort: 0 });
     }
@@ -2246,10 +2249,10 @@ class MainLoop extends CoreObject {
     }
   }
 }
-__decorateClass$O([
+__decorateClass$P([
   property({ default: 24 })
 ], MainLoop.prototype, "fps");
-__decorateClass$O([
+__decorateClass$P([
   property({ default: 1 })
 ], MainLoop.prototype, "speed");
 
@@ -4393,13 +4396,13 @@ class Geometry extends Resource {
   }
 }
 
-var __defProp$N = Object.defineProperty;
-var __decorateClass$N = (decorators, target, key, kind) => {
+var __defProp$O = Object.defineProperty;
+var __decorateClass$O = (decorators, target, key, kind) => {
   var result = undefined ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$N(target, key, result);
+  if (result) __defProp$O(target, key, result);
   return result;
 };
 class IndexBuffer extends Resource {
@@ -4443,20 +4446,20 @@ class IndexBuffer extends Resource {
     return result;
   }
 }
-__decorateClass$N([
+__decorateClass$O([
   protectedProperty({ default: null })
 ], IndexBuffer.prototype, "data");
-__decorateClass$N([
+__decorateClass$O([
   protectedProperty({ default: false })
 ], IndexBuffer.prototype, "dynamic");
 
-var __defProp$M = Object.defineProperty;
-var __decorateClass$M = (decorators, target, key, kind) => {
+var __defProp$N = Object.defineProperty;
+var __decorateClass$N = (decorators, target, key, kind) => {
   var result = undefined ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$M(target, key, result);
+  if (result) __defProp$N(target, key, result);
   return result;
 };
 class VertexBuffer extends Resource {
@@ -4500,20 +4503,20 @@ class VertexBuffer extends Resource {
     return result;
   }
 }
-__decorateClass$M([
+__decorateClass$N([
   protectedProperty({ default: null })
 ], VertexBuffer.prototype, "data");
-__decorateClass$M([
+__decorateClass$N([
   protectedProperty({ default: false })
 ], VertexBuffer.prototype, "dynamic");
 
-var __defProp$L = Object.defineProperty;
-var __decorateClass$L = (decorators, target, key, kind) => {
+var __defProp$M = Object.defineProperty;
+var __decorateClass$M = (decorators, target, key, kind) => {
   var result = undefined ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$L(target, key, result);
+  if (result) __defProp$M(target, key, result);
   return result;
 };
 class VertexAttribute extends Resource {
@@ -4550,25 +4553,25 @@ class VertexAttribute extends Resource {
     return result;
   }
 }
-__decorateClass$L([
+__decorateClass$M([
   protectedProperty()
 ], VertexAttribute.prototype, "buffer");
-__decorateClass$L([
+__decorateClass$M([
   protectedProperty({ default: 0 })
 ], VertexAttribute.prototype, "size");
-__decorateClass$L([
+__decorateClass$M([
   protectedProperty({ default: false })
 ], VertexAttribute.prototype, "normalized");
-__decorateClass$L([
+__decorateClass$M([
   protectedProperty({ default: "float" })
 ], VertexAttribute.prototype, "type");
-__decorateClass$L([
+__decorateClass$M([
   protectedProperty()
 ], VertexAttribute.prototype, "stride");
-__decorateClass$L([
+__decorateClass$M([
   protectedProperty()
 ], VertexAttribute.prototype, "offset");
-__decorateClass$L([
+__decorateClass$M([
   protectedProperty()
 ], VertexAttribute.prototype, "divisor");
 
@@ -4818,13 +4821,13 @@ class UvGeometry extends Geometry {
   }
 }
 
-var __defProp$K = Object.defineProperty;
-var __decorateClass$K = (decorators, target, key, kind) => {
+var __defProp$L = Object.defineProperty;
+var __decorateClass$L = (decorators, target, key, kind) => {
   var result = undefined ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$K(target, key, result);
+  if (result) __defProp$L(target, key, result);
   return result;
 };
 const style2DFilterDefault = {
@@ -5041,58 +5044,58 @@ class CanvasItemStyle extends Resource {
     return m;
   }
 }
-__decorateClass$K([
+__decorateClass$L([
   property({ default: "none" })
 ], CanvasItemStyle.prototype, "backgroundColor");
-__decorateClass$K([
+__decorateClass$L([
   property({ default: "none" })
 ], CanvasItemStyle.prototype, "backgroundImage");
-__decorateClass$K([
+__decorateClass$L([
   property({ default: "none" })
 ], CanvasItemStyle.prototype, "filter");
-__decorateClass$K([
+__decorateClass$L([
   property({ default: "inherit" })
 ], CanvasItemStyle.prototype, "direction");
-__decorateClass$K([
+__decorateClass$L([
   property({ default: "none" })
 ], CanvasItemStyle.prototype, "boxShadow");
-__decorateClass$K([
+__decorateClass$L([
   property({ default: "none" })
 ], CanvasItemStyle.prototype, "maskImage");
-__decorateClass$K([
+__decorateClass$L([
   property({ default: 1 })
 ], CanvasItemStyle.prototype, "opacity");
-__decorateClass$K([
+__decorateClass$L([
   property({ default: 0 })
 ], CanvasItemStyle.prototype, "borderWidth");
-__decorateClass$K([
+__decorateClass$L([
   property({ default: 0 })
 ], CanvasItemStyle.prototype, "borderRadius");
-__decorateClass$K([
+__decorateClass$L([
   property({ default: "#000000" })
 ], CanvasItemStyle.prototype, "borderColor");
-__decorateClass$K([
+__decorateClass$L([
   property({ default: "none" })
 ], CanvasItemStyle.prototype, "borderStyle");
-__decorateClass$K([
+__decorateClass$L([
   property({ default: 0 })
 ], CanvasItemStyle.prototype, "outlineWidth");
-__decorateClass$K([
+__decorateClass$L([
   property({ default: 0 })
 ], CanvasItemStyle.prototype, "outlineOffset");
-__decorateClass$K([
+__decorateClass$L([
   property({ default: "#000000" })
 ], CanvasItemStyle.prototype, "outlineColor");
-__decorateClass$K([
+__decorateClass$L([
   property({ default: "none" })
 ], CanvasItemStyle.prototype, "outlineStyle");
-__decorateClass$K([
+__decorateClass$L([
   property({ default: "visible" })
 ], CanvasItemStyle.prototype, "visibility");
-__decorateClass$K([
+__decorateClass$L([
   property({ default: "visible" })
 ], CanvasItemStyle.prototype, "overflow");
-__decorateClass$K([
+__decorateClass$L([
   property({ default: "auto" })
 ], CanvasItemStyle.prototype, "pointerEvents");
 const transformStyle$1 = getDefaultTransformStyle();
@@ -5104,13 +5107,13 @@ for (const key in textStyle$1) {
   defineProperty(CanvasItemStyle, key, { default: textStyle$1[key] });
 }
 
-var __defProp$J = Object.defineProperty;
-var __decorateClass$J = (decorators, target, key, kind) => {
+var __defProp$K = Object.defineProperty;
+var __decorateClass$K = (decorators, target, key, kind) => {
   var result = undefined ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$J(target, key, result);
+  if (result) __defProp$K(target, key, result);
   return result;
 };
 class Texture2D extends Resource {
@@ -5236,32 +5239,58 @@ class Texture2D extends Resource {
     }
   }
 }
-__decorateClass$J([
+__decorateClass$K([
   protectedProperty()
 ], Texture2D.prototype, "source");
-__decorateClass$J([
+__decorateClass$K([
   property({ default: 0 })
 ], Texture2D.prototype, "width");
-__decorateClass$J([
+__decorateClass$K([
   property({ default: 0 })
 ], Texture2D.prototype, "height");
-__decorateClass$J([
+__decorateClass$K([
   property({ default: "linear" })
 ], Texture2D.prototype, "filterMode");
-__decorateClass$J([
+__decorateClass$K([
   property({ default: "clamp_to_edge" })
 ], Texture2D.prototype, "wrapMode");
-__decorateClass$J([
+__decorateClass$K([
   property({ default: 1 })
 ], Texture2D.prototype, "pixelRatio");
 
-var __defProp$I = Object.defineProperty;
-var __decorateClass$I = (decorators, target, key, kind) => {
+class AnimatedTexture extends Resource {
+  frames;
+  constructor(source) {
+    super();
+    let frames;
+    if (Array.isArray(source)) {
+      frames = source;
+    } else if (source instanceof Texture2D) {
+      frames = [{ texture: source, duration: 0 }];
+    } else {
+      throw new TypeError("Failed new AnimatedTexture");
+    }
+    this.frames = frames;
+    this.updateDuration();
+  }
+  updateDuration() {
+    this.duration = this.frames.reduce((duration, frame) => frame.duration + duration, 0);
+    return this;
+  }
+  destroy() {
+    this.frames.forEach((frame) => {
+      frame.texture.destroy();
+    });
+  }
+}
+
+var __defProp$J = Object.defineProperty;
+var __decorateClass$J = (decorators, target, key, kind) => {
   var result = undefined ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$I(target, key, result);
+  if (result) __defProp$J(target, key, result);
   return result;
 };
 class CanvasTexture extends Texture2D {
@@ -5280,7 +5309,7 @@ class CanvasTexture extends Texture2D {
     super._updateProperty(key, value, oldValue, declaration);
   }
 }
-__decorateClass$I([
+__decorateClass$J([
   property({ default: 2 })
 ], CanvasTexture.prototype, "pixelRatio");
 
@@ -5438,13 +5467,13 @@ class PixelsTexture extends Texture2D {
   }
 }
 
-var __defProp$H = Object.defineProperty;
-var __decorateClass$H = (decorators, target, key, kind) => {
+var __defProp$I = Object.defineProperty;
+var __decorateClass$I = (decorators, target, key, kind) => {
   var result = undefined ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$H(target, key, result);
+  if (result) __defProp$I(target, key, result);
   return result;
 };
 function resolveOptions(options) {
@@ -5688,10 +5717,10 @@ const _VideoTexture = class _VideoTexture extends Texture2D {
     }
   }
 };
-__decorateClass$H([
+__decorateClass$I([
   protectedProperty({ default: true })
 ], _VideoTexture.prototype, "autoUpdate");
-__decorateClass$H([
+__decorateClass$I([
   protectedProperty({ default: 0 })
 ], _VideoTexture.prototype, "fps");
 let VideoTexture = _VideoTexture;
@@ -5709,8 +5738,8 @@ class CanvasContext extends Path2D {
   lineWidth;
   miterLimit;
   _defaultStyle = Texture2D.EMPTY;
-  _stroke = [];
-  _fille = [];
+  _strokes = [];
+  _fills = [];
   stroke() {
     let texture = this._defaultStyle;
     if (this.strokeStyle) {
@@ -5721,7 +5750,7 @@ class CanvasContext extends Path2D {
       }
     }
     if (this.curves.length) {
-      this._stroke.push({
+      this._strokes.push({
         path: new Path2D(this),
         texture,
         textureTransform: this.textureTransform,
@@ -5752,7 +5781,7 @@ class CanvasContext extends Path2D {
         texture = new ColorTexture(this.fillStyle);
       }
     }
-    this._fille.push({
+    this._fills.push({
       path: new Path2D(this),
       texture,
       textureTransform: this.textureTransform
@@ -5769,8 +5798,8 @@ class CanvasContext extends Path2D {
     this.lineJoin = source.lineJoin;
     this.lineWidth = source.lineWidth;
     this.miterLimit = source.miterLimit;
-    this._stroke = source._stroke.slice();
-    this._fille = source._fille.slice();
+    this._strokes = source._strokes.slice();
+    this._fills = source._fills.slice();
     return this;
   }
   reset() {
@@ -5782,8 +5811,8 @@ class CanvasContext extends Path2D {
     this.lineJoin = undefined;
     this.lineWidth = undefined;
     this.miterLimit = undefined;
-    this._stroke.length = 0;
-    this._fille.length = 0;
+    this._strokes.length = 0;
+    this._fills.length = 0;
     return this;
   }
   buildUvs(start, vertices, uvs, texture, textureTransform) {
@@ -5809,6 +5838,7 @@ class CanvasContext extends Path2D {
     let uvs = [];
     let startUv = 0;
     let texture;
+    let verticesLen = vertices.length;
     const push = (type) => {
       batchables.push({
         type,
@@ -5821,12 +5851,13 @@ class CanvasContext extends Path2D {
       indices = [];
       uvs = [];
       texture = undefined;
+      verticesLen = vertices.length;
     };
-    let verticesLen = vertices.length;
-    for (let len = this._fille.length, i = 0; i < len; i++) {
-      const graphics = this._fille[i];
-      texture ??= graphics.texture;
-      if (texture !== graphics.texture) {
+    for (let len = this._fills.length, i = 0; i < len; i++) {
+      const graphics = this._fills[i];
+      if (!texture) {
+        texture = graphics.texture;
+      } else if (!texture.is(graphics.texture)) {
         push("fill");
       }
       startUv = vertices.length;
@@ -5835,14 +5866,17 @@ class CanvasContext extends Path2D {
         indices
       });
       this.buildUvs(startUv, vertices, uvs, graphics.texture, graphics.textureTransform);
+      if (!texture) {
+        texture = graphics.texture;
+      }
     }
     if (vertices.length - verticesLen > 0) {
       push("fill");
     }
     verticesLen = vertices.length;
-    for (let len = this._stroke.length, i = 0; i < len; i++) {
+    for (let len = this._strokes.length, i = 0; i < len; i++) {
       startUv = vertices.length;
-      const graphics = this._stroke[i];
+      const graphics = this._strokes[i];
       texture ??= graphics.texture;
       graphics.path.strokeTriangulate({
         vertices,
@@ -5861,14 +5895,14 @@ class CanvasContext extends Path2D {
   }
 }
 
-var __defProp$G = Object.defineProperty;
+var __defProp$H = Object.defineProperty;
 var __getOwnPropDesc$E = Object.getOwnPropertyDescriptor;
-var __decorateClass$G = (decorators, target, key, kind) => {
+var __decorateClass$H = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$E(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$G(target, key, result);
+  if (kind && result) __defProp$H(target, key, result);
   return result;
 };
 const tagUidMap = {};
@@ -5923,7 +5957,7 @@ let Node = class extends CoreObject {
   }
   setTree(tree) {
     const oldTree = this._tree;
-    if (tree !== oldTree) {
+    if (!tree?.is(oldTree)) {
       if (oldTree) {
         this.emit("treeExit", oldTree);
       }
@@ -6255,9 +6289,6 @@ let Node = class extends CoreObject {
     });
     return this;
   }
-  is(target) {
-    return Boolean(target && this.instanceId === target.instanceId);
-  }
   /** override */
   _ready() {
   }
@@ -6300,33 +6331,33 @@ let Node = class extends CoreObject {
     return node;
   }
 };
-__decorateClass$G([
+__decorateClass$H([
   property()
 ], Node.prototype, "name", 2);
-__decorateClass$G([
+__decorateClass$H([
   property()
 ], Node.prototype, "mask", 2);
-__decorateClass$G([
+__decorateClass$H([
   property({ default: "inherit" })
 ], Node.prototype, "processMode", 2);
-__decorateClass$G([
+__decorateClass$H([
   property({ default: "inherit" })
 ], Node.prototype, "renderMode", 2);
-__decorateClass$G([
+__decorateClass$H([
   property({ default: "default" })
 ], Node.prototype, "internalMode", 2);
-Node = __decorateClass$G([
+Node = __decorateClass$H([
   customNode("Node")
 ], Node);
 
-var __defProp$F = Object.defineProperty;
+var __defProp$G = Object.defineProperty;
 var __getOwnPropDesc$D = Object.getOwnPropertyDescriptor;
-var __decorateClass$F = (decorators, target, key, kind) => {
+var __decorateClass$G = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$D(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$F(target, key, result);
+  if (kind && result) __defProp$G(target, key, result);
   return result;
 };
 let TimelineNode = class extends Node {
@@ -6385,27 +6416,27 @@ let TimelineNode = class extends Node {
     super._process(delta);
   }
 };
-__decorateClass$F([
+__decorateClass$G([
   property({ default: 0 })
 ], TimelineNode.prototype, "delay", 2);
-__decorateClass$F([
+__decorateClass$G([
   property({ default: 0 })
 ], TimelineNode.prototype, "duration", 2);
-__decorateClass$F([
+__decorateClass$G([
   property({ default: false })
 ], TimelineNode.prototype, "paused", 2);
-TimelineNode = __decorateClass$F([
+TimelineNode = __decorateClass$G([
   customNode("TimelineNode")
 ], TimelineNode);
 
-var __defProp$E = Object.defineProperty;
+var __defProp$F = Object.defineProperty;
 var __getOwnPropDesc$C = Object.getOwnPropertyDescriptor;
-var __decorateClass$E = (decorators, target, key, kind) => {
+var __decorateClass$F = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$C(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$E(target, key, result);
+  if (kind && result) __defProp$F(target, key, result);
   return result;
 };
 let Viewport = class extends Node {
@@ -6543,30 +6574,30 @@ let Viewport = class extends Node {
     return this._projection.toArray(transpose);
   }
 };
-__decorateClass$E([
+__decorateClass$F([
   property({ default: 0 })
 ], Viewport.prototype, "x", 2);
-__decorateClass$E([
+__decorateClass$F([
   property({ default: 0 })
 ], Viewport.prototype, "y", 2);
-__decorateClass$E([
+__decorateClass$F([
   property({ default: 0 })
 ], Viewport.prototype, "width", 2);
-__decorateClass$E([
+__decorateClass$F([
   property({ default: 0 })
 ], Viewport.prototype, "height", 2);
-Viewport = __decorateClass$E([
+Viewport = __decorateClass$F([
   customNode("Viewport")
 ], Viewport);
 
-var __defProp$D = Object.defineProperty;
+var __defProp$E = Object.defineProperty;
 var __getOwnPropDesc$B = Object.getOwnPropertyDescriptor;
-var __decorateClass$D = (decorators, target, key, kind) => {
+var __decorateClass$E = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$B(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$D(target, key, result);
+  if (kind && result) __defProp$E(target, key, result);
   return result;
 };
 let Effect = class extends TimelineNode {
@@ -6622,6 +6653,8 @@ let Effect = class extends TimelineNode {
     this.viewport2.setTree(undefined);
   }
   _onProcessing() {
+    if (!this.canProcess())
+      return;
     this._updateCurrentTime();
     switch (this._effectMode) {
       case "transition":
@@ -6635,6 +6668,8 @@ let Effect = class extends TimelineNode {
     }
   }
   _onNodeProcessed(node) {
+    if (!this.canProcess())
+      return;
     if (!this.isInsideTimeRange())
       return;
     const renderStack = this._tree?.renderStack;
@@ -6803,31 +6838,31 @@ let Effect = class extends TimelineNode {
     }
   }
 };
-__decorateClass$D([
+__decorateClass$E([
   protectedProperty()
 ], Effect.prototype, "material", 2);
-__decorateClass$D([
+__decorateClass$E([
   property()
 ], Effect.prototype, "effectMode", 2);
-__decorateClass$D([
+__decorateClass$E([
   property({ default: "" })
 ], Effect.prototype, "glsl", 2);
-__decorateClass$D([
+__decorateClass$E([
   property({ default: "" })
 ], Effect.prototype, "glslSrc", 2);
-Effect = __decorateClass$D([
+Effect = __decorateClass$E([
   customNode("Effect")
 ], Effect);
 
-var __defProp$C = Object.defineProperty;
+var __defProp$D = Object.defineProperty;
 var __getOwnPropDesc$A = Object.getOwnPropertyDescriptor;
-var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$C(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$C = (decorators, target, key, kind) => {
+var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$D(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$D = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$A(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$C(target, key, result);
+  if (kind && result) __defProp$D(target, key, result);
   return result;
 };
 var __publicField$i = (obj, key, value) => __defNormalProp$i(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -6924,25 +6959,25 @@ __publicField$i(BlurEffect, "materialY", new Material({
   vert: vertY,
   frag
 }));
-__decorateClass$C([
+__decorateClass$D([
   property({ default: 8 })
 ], BlurEffect.prototype, "strength", 2);
-__decorateClass$C([
+__decorateClass$D([
   property({ default: 4 })
 ], BlurEffect.prototype, "quality", 2);
-BlurEffect = __decorateClass$C([
+BlurEffect = __decorateClass$D([
   customNode("BlurEffect")
 ], BlurEffect);
 
-var __defProp$B = Object.defineProperty;
+var __defProp$C = Object.defineProperty;
 var __getOwnPropDesc$z = Object.getOwnPropertyDescriptor;
-var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$B(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$B = (decorators, target, key, kind) => {
+var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$C(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$C = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$z(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$B(target, key, result);
+  if (kind && result) __defProp$C(target, key, result);
   return result;
 };
 var __publicField$h = (obj, key, value) => __defNormalProp$h(obj, key + "" , value);
@@ -7006,43 +7041,43 @@ void main(void) {
   gl_FragColor = c * alpha;
 }`
 }));
-__decorateClass$B([
+__decorateClass$C([
   property()
 ], ColorAdjustEffect.prototype, "saturation", 2);
-__decorateClass$B([
+__decorateClass$C([
   property()
 ], ColorAdjustEffect.prototype, "contrast", 2);
-__decorateClass$B([
+__decorateClass$C([
   property()
 ], ColorAdjustEffect.prototype, "brightness", 2);
-__decorateClass$B([
+__decorateClass$C([
   property()
 ], ColorAdjustEffect.prototype, "red", 2);
-__decorateClass$B([
+__decorateClass$C([
   property()
 ], ColorAdjustEffect.prototype, "green", 2);
-__decorateClass$B([
+__decorateClass$C([
   property()
 ], ColorAdjustEffect.prototype, "blue", 2);
-__decorateClass$B([
+__decorateClass$C([
   property()
 ], ColorAdjustEffect.prototype, "alpha", 2);
-__decorateClass$B([
+__decorateClass$C([
   property()
 ], ColorAdjustEffect.prototype, "gamma", 2);
-ColorAdjustEffect = __decorateClass$B([
+ColorAdjustEffect = __decorateClass$C([
   customNode("ColorAdjustEffect")
 ], ColorAdjustEffect);
 
-var __defProp$A = Object.defineProperty;
+var __defProp$B = Object.defineProperty;
 var __getOwnPropDesc$y = Object.getOwnPropertyDescriptor;
-var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$A(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$A = (decorators, target, key, kind) => {
+var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$B(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$B = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$y(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$A(target, key, result);
+  if (kind && result) __defProp$B(target, key, result);
   return result;
 };
 var __publicField$g = (obj, key, value) => __defNormalProp$g(obj, key + "" , value);
@@ -7122,22 +7157,22 @@ void main(void) {
   );
 }`
 }));
-__decorateClass$A([
+__decorateClass$B([
   property({ default: "" })
 ], ColorFilterEffect.prototype, "filter", 2);
-ColorFilterEffect = __decorateClass$A([
+ColorFilterEffect = __decorateClass$B([
   customNode("ColorFilterEffect")
 ], ColorFilterEffect);
 
-var __defProp$z = Object.defineProperty;
+var __defProp$A = Object.defineProperty;
 var __getOwnPropDesc$x = Object.getOwnPropertyDescriptor;
-var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$z(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$z = (decorators, target, key, kind) => {
+var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$A(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$A = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$x(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$z(target, key, result);
+  if (kind && result) __defProp$A(target, key, result);
   return result;
 };
 var __publicField$f = (obj, key, value) => __defNormalProp$f(obj, key + "" , value);
@@ -7211,25 +7246,25 @@ void main(void) {
   gl_FragColor = vec4(mix(color.rgb, mask.rgb, color.a * mask.a), color.a);
 }`
 }));
-__decorateClass$z([
+__decorateClass$A([
   property()
 ], ColorOverlayEffect.prototype, "colors", 2);
-__decorateClass$z([
+__decorateClass$A([
   property()
 ], ColorOverlayEffect.prototype, "alpha", 2);
-ColorOverlayEffect = __decorateClass$z([
+ColorOverlayEffect = __decorateClass$A([
   customNode("ColorOverlayEffect")
 ], ColorOverlayEffect);
 
-var __defProp$y = Object.defineProperty;
+var __defProp$z = Object.defineProperty;
 var __getOwnPropDesc$w = Object.getOwnPropertyDescriptor;
-var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$y = (decorators, target, key, kind) => {
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$z(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$z = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$w(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$y(target, key, result);
+  if (kind && result) __defProp$z(target, key, result);
   return result;
 };
 var __publicField$e = (obj, key, value) => __defNormalProp$e(obj, key + "" , value);
@@ -7294,25 +7329,25 @@ void main(void) {
   gl_FragColor = color;
 }`
 }));
-__decorateClass$y([
+__decorateClass$z([
   property()
 ], ColorRemoveEffect.prototype, "colors", 2);
-__decorateClass$y([
+__decorateClass$z([
   property()
 ], ColorRemoveEffect.prototype, "epsilon", 2);
-ColorRemoveEffect = __decorateClass$y([
+ColorRemoveEffect = __decorateClass$z([
   customNode("ColorRemoveEffect")
 ], ColorRemoveEffect);
 
-var __defProp$x = Object.defineProperty;
+var __defProp$y = Object.defineProperty;
 var __getOwnPropDesc$v = Object.getOwnPropertyDescriptor;
-var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$x(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$x = (decorators, target, key, kind) => {
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$y = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$v(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$x(target, key, result);
+  if (kind && result) __defProp$y(target, key, result);
   return result;
 };
 var __publicField$d = (obj, key, value) => __defNormalProp$d(obj, key + "" , value);
@@ -7399,25 +7434,25 @@ void main(void) {
   }
 }`
 }));
-__decorateClass$x([
+__decorateClass$y([
   property()
 ], ColorReplaceEffect.prototype, "colors", 2);
-__decorateClass$x([
+__decorateClass$y([
   property()
 ], ColorReplaceEffect.prototype, "epsilon", 2);
-ColorReplaceEffect = __decorateClass$x([
+ColorReplaceEffect = __decorateClass$y([
   customNode("ColorReplaceEffect")
 ], ColorReplaceEffect);
 
-var __defProp$w = Object.defineProperty;
+var __defProp$x = Object.defineProperty;
 var __getOwnPropDesc$u = Object.getOwnPropertyDescriptor;
-var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$w = (decorators, target, key, kind) => {
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$x(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$x = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$u(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$w(target, key, result);
+  if (kind && result) __defProp$x(target, key, result);
   return result;
 };
 var __publicField$c = (obj, key, value) => __defNormalProp$c(obj, key + "" , value);
@@ -7463,22 +7498,22 @@ void main(void) {
     gl_FragColor = vec4(color.rgb * alpha, alpha);
 }`
 }));
-__decorateClass$w([
+__decorateClass$x([
   property()
 ], EmbossEffect.prototype, "strength", 2);
-EmbossEffect = __decorateClass$w([
+EmbossEffect = __decorateClass$x([
   customNode("EmbossEffect")
 ], EmbossEffect);
 
-var __defProp$v = Object.defineProperty;
+var __defProp$w = Object.defineProperty;
 var __getOwnPropDesc$t = Object.getOwnPropertyDescriptor;
-var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$v(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$v = (decorators, target, key, kind) => {
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$w = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$t(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$v(target, key, result);
+  if (kind && result) __defProp$w(target, key, result);
   return result;
 };
 var __publicField$b = (obj, key, value) => __defNormalProp$b(obj, key + "" , value);
@@ -7660,46 +7695,46 @@ void main(void) {
   gl_FragColor.a = texture2D(sampler, coord).a;
 }`
 }));
-__decorateClass$v([
+__decorateClass$w([
   property()
 ], GlitchEffect.prototype, "slices", 2);
-__decorateClass$v([
+__decorateClass$w([
   property()
 ], GlitchEffect.prototype, "sampleSize", 2);
-__decorateClass$v([
+__decorateClass$w([
   property()
 ], GlitchEffect.prototype, "offset", 2);
-__decorateClass$v([
+__decorateClass$w([
   property()
 ], GlitchEffect.prototype, "direction", 2);
-__decorateClass$v([
+__decorateClass$w([
   property()
 ], GlitchEffect.prototype, "fillMode", 2);
-__decorateClass$v([
+__decorateClass$w([
   property()
 ], GlitchEffect.prototype, "seed", 2);
-__decorateClass$v([
+__decorateClass$w([
   property()
 ], GlitchEffect.prototype, "red", 2);
-__decorateClass$v([
+__decorateClass$w([
   property()
 ], GlitchEffect.prototype, "green", 2);
-__decorateClass$v([
+__decorateClass$w([
   property()
 ], GlitchEffect.prototype, "blue", 2);
-GlitchEffect = __decorateClass$v([
+GlitchEffect = __decorateClass$w([
   customNode("GlitchEffect")
 ], GlitchEffect);
 
-var __defProp$u = Object.defineProperty;
+var __defProp$v = Object.defineProperty;
 var __getOwnPropDesc$s = Object.getOwnPropertyDescriptor;
-var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$u(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$u = (decorators, target, key, kind) => {
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$v(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$v = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$s(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$u(target, key, result);
+  if (kind && result) __defProp$v(target, key, result);
   return result;
 };
 var __publicField$a = (obj, key, value) => __defNormalProp$a(obj, key + "" , value);
@@ -7861,37 +7896,37 @@ void main(void) {
   gl_FragColor = vec4(color.rgb + mist.rgb, color.a);
 }`
 }));
-__decorateClass$u([
+__decorateClass$v([
   property()
 ], GodrayEffect.prototype, "angle", 2);
-__decorateClass$u([
+__decorateClass$v([
   property()
 ], GodrayEffect.prototype, "gain", 2);
-__decorateClass$u([
+__decorateClass$v([
   property()
 ], GodrayEffect.prototype, "lacunarity", 2);
-__decorateClass$u([
+__decorateClass$v([
   property()
 ], GodrayEffect.prototype, "parallel", 2);
-__decorateClass$u([
+__decorateClass$v([
   property()
 ], GodrayEffect.prototype, "center", 2);
-__decorateClass$u([
+__decorateClass$v([
   property()
 ], GodrayEffect.prototype, "alpha", 2);
-GodrayEffect = __decorateClass$u([
+GodrayEffect = __decorateClass$v([
   customNode("GodrayEffect")
 ], GodrayEffect);
 
-var __defProp$t = Object.defineProperty;
+var __defProp$u = Object.defineProperty;
 var __getOwnPropDesc$r = Object.getOwnPropertyDescriptor;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$t(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$t = (decorators, target, key, kind) => {
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$u(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$u = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$r(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$t(target, key, result);
+  if (kind && result) __defProp$u(target, key, result);
   return result;
 };
 var __publicField$9 = (obj, key, value) => __defNormalProp$9(obj, key + "" , value);
@@ -7965,25 +8000,25 @@ void main(void) {
   }
 }`
 }));
-__decorateClass$t([
+__decorateClass$u([
   protectedProperty()
 ], MaskEffect.prototype, "texture", 2);
-__decorateClass$t([
+__decorateClass$u([
   property({ default: "" })
 ], MaskEffect.prototype, "src", 2);
-MaskEffect = __decorateClass$t([
+MaskEffect = __decorateClass$u([
   customNode("MaskEffect")
 ], MaskEffect);
 
-var __defProp$s = Object.defineProperty;
+var __defProp$t = Object.defineProperty;
 var __getOwnPropDesc$q = Object.getOwnPropertyDescriptor;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$s(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$s = (decorators, target, key, kind) => {
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$t(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$t = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$q(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$s(target, key, result);
+  if (kind && result) __defProp$t(target, key, result);
   return result;
 };
 var __publicField$8 = (obj, key, value) => __defNormalProp$8(obj, key + "" , value);
@@ -8040,22 +8075,22 @@ void main(void) {
   gl_FragColor = texture2D(sampler, coord);
 }`
 }));
-__decorateClass$s([
+__decorateClass$t([
   property()
 ], PixelateEffect.prototype, "size", 2);
-PixelateEffect = __decorateClass$s([
+PixelateEffect = __decorateClass$t([
   customNode("PixelateEffect")
 ], PixelateEffect);
 
-var __defProp$r = Object.defineProperty;
+var __defProp$s = Object.defineProperty;
 var __getOwnPropDesc$p = Object.getOwnPropertyDescriptor;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$r = (decorators, target, key, kind) => {
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$s(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$s = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$p(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$r(target, key, result);
+  if (kind && result) __defProp$s(target, key, result);
   return result;
 };
 var __publicField$7 = (obj, key, value) => __defNormalProp$7(obj, key + "" , value);
@@ -8108,19 +8143,19 @@ void main(void) {
   gl_FragColor = sample;
 }`
 }));
-ShadowEffect = __decorateClass$r([
+ShadowEffect = __decorateClass$s([
   customNode("ShadowEffect")
 ], ShadowEffect);
 
-var __defProp$q = Object.defineProperty;
+var __defProp$r = Object.defineProperty;
 var __getOwnPropDesc$o = Object.getOwnPropertyDescriptor;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$q = (decorators, target, key, kind) => {
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$r = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$o(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$q(target, key, result);
+  if (kind && result) __defProp$r(target, key, result);
   return result;
 };
 var __publicField$6 = (obj, key, value) => __defNormalProp$6(obj, key + "" , value);
@@ -8226,30 +8261,30 @@ void main() {
   gl_FragColor = color;
 }`
 }));
-__decorateClass$q([
+__decorateClass$r([
   property()
 ], ZoomBlurEffect.prototype, "center", 2);
-__decorateClass$q([
+__decorateClass$r([
   property()
 ], ZoomBlurEffect.prototype, "innerRadius", 2);
-__decorateClass$q([
+__decorateClass$r([
   property()
 ], ZoomBlurEffect.prototype, "radius", 2);
-__decorateClass$q([
+__decorateClass$r([
   property()
 ], ZoomBlurEffect.prototype, "strength", 2);
-ZoomBlurEffect = __decorateClass$q([
+ZoomBlurEffect = __decorateClass$r([
   customNode("ZoomBlurEffect")
 ], ZoomBlurEffect);
 
-var __defProp$p = Object.defineProperty;
+var __defProp$q = Object.defineProperty;
 var __getOwnPropDesc$n = Object.getOwnPropertyDescriptor;
-var __decorateClass$p = (decorators, target, key, kind) => {
+var __decorateClass$q = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$n(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$p(target, key, result);
+  if (kind && result) __defProp$q(target, key, result);
   return result;
 };
 let CanvasItem = class extends TimelineNode {
@@ -8337,31 +8372,31 @@ let CanvasItem = class extends TimelineNode {
     }
   }
   _updateBoxShadow() {
-    const nodePath = "__$style.shadow";
+    const name = "__$style.shadow";
     if (this.style.boxShadow !== "none") {
-      const node = this.getNode(nodePath);
+      const node = this.getNode(name);
       if (node) ; else {
-        this.appendChild(new ShadowEffect(), "back");
+        this.appendChild(new ShadowEffect({ name }), "back");
       }
     } else {
-      const node = this.getNode(nodePath);
+      const node = this.getNode(name);
       if (node) {
         this.removeChild(node);
       }
     }
   }
   _updateMaskImage() {
-    const nodePath = "__$style.maskImage";
+    const name = "__$style.maskImage";
     const maskImage = this.style.maskImage;
     if (maskImage && maskImage !== "none") {
-      const node = this.getNode(nodePath);
+      const node = this.getNode(name);
       if (node) {
         node.src = maskImage;
       } else {
-        this.appendChild(new MaskEffect({ src: maskImage }), "back");
+        this.appendChild(new MaskEffect({ name, src: maskImage }), "back");
       }
     } else {
-      const node = this.getNode(nodePath);
+      const node = this.getNode(name);
       if (node) {
         this.removeChild(node);
       }
@@ -8544,13 +8579,13 @@ let CanvasItem = class extends TimelineNode {
     };
   }
 };
-__decorateClass$p([
+__decorateClass$q([
   property()
 ], CanvasItem.prototype, "modulate", 2);
-__decorateClass$p([
+__decorateClass$q([
   property()
 ], CanvasItem.prototype, "blendMode", 2);
-CanvasItem = __decorateClass$p([
+CanvasItem = __decorateClass$q([
   customNode("CanvasItem")
 ], CanvasItem);
 
@@ -8580,14 +8615,14 @@ class RenderStack {
   }
 }
 
-var __defProp$o = Object.defineProperty;
+var __defProp$p = Object.defineProperty;
 var __getOwnPropDesc$m = Object.getOwnPropertyDescriptor;
-var __decorateClass$o = (decorators, target, key, kind) => {
+var __decorateClass$p = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$m(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$o(target, key, result);
+  if (kind && result) __defProp$p(target, key, result);
   return result;
 };
 let Timeline = class extends Node {
@@ -8632,29 +8667,29 @@ let Timeline = class extends Node {
     this.addTime(delta);
   }
 };
-__decorateClass$o([
+__decorateClass$p([
   property({ default: 0 })
 ], Timeline.prototype, "startTime", 2);
-__decorateClass$o([
+__decorateClass$p([
   property({ default: 0 })
 ], Timeline.prototype, "currentTime", 2);
-__decorateClass$o([
+__decorateClass$p([
   property({ default: Number.MAX_SAFE_INTEGER })
 ], Timeline.prototype, "endTime", 2);
-__decorateClass$o([
+__decorateClass$p([
   property({ default: false })
 ], Timeline.prototype, "loop", 2);
-Timeline = __decorateClass$o([
+Timeline = __decorateClass$p([
   customNode("Timeline")
 ], Timeline);
 
-var __defProp$n = Object.defineProperty;
-var __decorateClass$n = (decorators, target, key, kind) => {
+var __defProp$o = Object.defineProperty;
+var __decorateClass$o = (decorators, target, key, kind) => {
   var result = undefined ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$n(target, key, result);
+  if (result) __defProp$o(target, key, result);
   return result;
 };
 class SceneTree extends MainLoop {
@@ -8715,21 +8750,21 @@ class SceneTree extends MainLoop {
     renderer.texture.unbind(texture);
   }
 }
-__decorateClass$n([
+__decorateClass$o([
   property({ default: false })
 ], SceneTree.prototype, "paused");
-__decorateClass$n([
+__decorateClass$o([
   property()
 ], SceneTree.prototype, "backgroundColor");
 
-var __defProp$m = Object.defineProperty;
+var __defProp$n = Object.defineProperty;
 var __getOwnPropDesc$l = Object.getOwnPropertyDescriptor;
-var __decorateClass$m = (decorators, target, key, kind) => {
+var __decorateClass$n = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$l(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$m(target, key, result);
+  if (kind && result) __defProp$n(target, key, result);
   return result;
 };
 let Transition = class extends Effect {
@@ -8738,7 +8773,7 @@ let Transition = class extends Effect {
     this.setProperties(properties).append(children);
   }
 };
-Transition = __decorateClass$m([
+Transition = __decorateClass$n([
   customNode("Transition", {
     effectMode: "transition",
     processMode: "pausable",
@@ -8746,14 +8781,14 @@ Transition = __decorateClass$m([
   })
 ], Transition);
 
-var __defProp$l = Object.defineProperty;
+var __defProp$m = Object.defineProperty;
 var __getOwnPropDesc$k = Object.getOwnPropertyDescriptor;
-var __decorateClass$l = (decorators, target, key, kind) => {
+var __decorateClass$m = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$k(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$l(target, key, result);
+  if (kind && result) __defProp$m(target, key, result);
   return result;
 };
 let Node2D = class extends CanvasItem {
@@ -8763,8 +8798,8 @@ let Node2D = class extends CanvasItem {
     super();
     this.setProperties(properties).append(children);
   }
-  _updateStyleProperty(key, value, oldValue) {
-    super._updateStyleProperty(key, value, oldValue);
+  _updateStyleProperty(key, value, oldValue, declaration) {
+    super._updateStyleProperty(key, value, oldValue, declaration);
     switch (key) {
       case "width":
       case "height":
@@ -8894,18 +8929,18 @@ let Node2D = class extends CanvasItem {
     );
   }
 };
-Node2D = __decorateClass$l([
+Node2D = __decorateClass$m([
   customNode("Node2D")
 ], Node2D);
 
-var __defProp$k = Object.defineProperty;
+var __defProp$l = Object.defineProperty;
 var __getOwnPropDesc$j = Object.getOwnPropertyDescriptor;
-var __decorateClass$k = (decorators, target, key, kind) => {
+var __decorateClass$l = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$j(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$k(target, key, result);
+  if (kind && result) __defProp$l(target, key, result);
   return result;
 };
 function proxy(options) {
@@ -8950,98 +8985,72 @@ let Graphics2D = class extends Node2D {
     return this;
   }
 };
-__decorateClass$k([
+__decorateClass$l([
   proxy()
 ], Graphics2D.prototype, "lineCap", 2);
-__decorateClass$k([
+__decorateClass$l([
   proxy()
 ], Graphics2D.prototype, "lineJoin", 2);
-__decorateClass$k([
+__decorateClass$l([
   proxy()
 ], Graphics2D.prototype, "fillStyle", 2);
-__decorateClass$k([
+__decorateClass$l([
   proxy()
 ], Graphics2D.prototype, "strokeStyle", 2);
-__decorateClass$k([
+__decorateClass$l([
   proxy()
 ], Graphics2D.prototype, "lineWidth", 2);
-__decorateClass$k([
+__decorateClass$l([
   proxy()
 ], Graphics2D.prototype, "miterLimit", 2);
-__decorateClass$k([
+__decorateClass$l([
   proxy({ method: true })
 ], Graphics2D.prototype, "rect", 2);
-__decorateClass$k([
+__decorateClass$l([
   proxy({ method: true, redraw: true })
 ], Graphics2D.prototype, "fillRect", 2);
-__decorateClass$k([
+__decorateClass$l([
   proxy({ method: true, redraw: true })
 ], Graphics2D.prototype, "strokeRect", 2);
-__decorateClass$k([
+__decorateClass$l([
   proxy({ method: true })
 ], Graphics2D.prototype, "roundRect", 2);
-__decorateClass$k([
+__decorateClass$l([
   proxy({ method: true })
 ], Graphics2D.prototype, "ellipse", 2);
-__decorateClass$k([
+__decorateClass$l([
   proxy({ method: true })
 ], Graphics2D.prototype, "arc", 2);
-__decorateClass$k([
+__decorateClass$l([
   proxy({ method: true })
 ], Graphics2D.prototype, "beginPath", 2);
-__decorateClass$k([
+__decorateClass$l([
   proxy({ method: true })
 ], Graphics2D.prototype, "moveTo", 2);
-__decorateClass$k([
+__decorateClass$l([
   proxy({ method: true })
 ], Graphics2D.prototype, "lineTo", 2);
-__decorateClass$k([
+__decorateClass$l([
   proxy({ method: true })
 ], Graphics2D.prototype, "closePath", 2);
-__decorateClass$k([
+__decorateClass$l([
   proxy({ method: true, redraw: true })
 ], Graphics2D.prototype, "fill", 2);
-__decorateClass$k([
+__decorateClass$l([
   proxy({ method: true, redraw: true })
 ], Graphics2D.prototype, "stroke", 2);
-Graphics2D = __decorateClass$k([
+Graphics2D = __decorateClass$l([
   customNode("Graphics2D")
 ], Graphics2D);
 
-class Image2DResource extends Resource {
-  frames;
-  constructor(source) {
-    super();
-    let frames;
-    if (Array.isArray(source)) {
-      frames = source;
-    } else if (source instanceof Texture2D) {
-      frames = [{ texture: source, duration: 0 }];
-    } else {
-      throw new TypeError("Failed new Image2DResource");
-    }
-    this.frames = frames;
-    this.updateDuration();
-  }
-  updateDuration() {
-    this.duration = this.frames.reduce((duration, frame) => frame.duration + duration, 0);
-    return this;
-  }
-  destroy() {
-    this.frames.forEach((frame) => {
-      frame.texture.destroy();
-    });
-  }
-}
-
-var __defProp$j = Object.defineProperty;
+var __defProp$k = Object.defineProperty;
 var __getOwnPropDesc$i = Object.getOwnPropertyDescriptor;
-var __decorateClass$j = (decorators, target, key, kind) => {
+var __decorateClass$k = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$i(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$j(target, key, result);
+  if (kind && result) __defProp$k(target, key, result);
   return result;
 };
 let Image2D = class extends Node2D {
@@ -9083,10 +9092,10 @@ let Image2D = class extends Node2D {
   }
   setResource(source) {
     let resource;
-    if (source instanceof Image2DResource) {
+    if (source instanceof AnimatedTexture) {
       resource = source;
     } else {
-      resource = new Image2DResource(source);
+      resource = new AnimatedTexture(source);
     }
     this.resource = resource.updateDuration();
     if (this.currentTexture && (!this.style.width || !this.style.height)) {
@@ -9161,16 +9170,16 @@ let Image2D = class extends Node2D {
     }
   }
 };
-__decorateClass$j([
+__decorateClass$k([
   protectedProperty()
 ], Image2D.prototype, "resource", 2);
-__decorateClass$j([
+__decorateClass$k([
   property({ default: false })
 ], Image2D.prototype, "gif", 2);
-__decorateClass$j([
+__decorateClass$k([
   property({ default: "" })
 ], Image2D.prototype, "src", 2);
-Image2D = __decorateClass$j([
+Image2D = __decorateClass$k([
   customNode("Image2D")
 ], Image2D);
 
@@ -9188,14 +9197,14 @@ class TextureRect2D extends Node2D {
   }
 }
 
-var __defProp$i = Object.defineProperty;
+var __defProp$j = Object.defineProperty;
 var __getOwnPropDesc$h = Object.getOwnPropertyDescriptor;
-var __decorateClass$i = (decorators, target, key, kind) => {
+var __decorateClass$j = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$h(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$i(target, key, result);
+  if (kind && result) __defProp$j(target, key, result);
   return result;
 };
 let Lottie2D = class extends TextureRect2D {
@@ -9238,21 +9247,21 @@ let Lottie2D = class extends TextureRect2D {
     super._process(delta);
   }
 };
-__decorateClass$i([
+__decorateClass$j([
   property({ default: "" })
 ], Lottie2D.prototype, "src", 2);
-Lottie2D = __decorateClass$i([
+Lottie2D = __decorateClass$j([
   customNode("Lottie2D")
 ], Lottie2D);
 
-var __defProp$h = Object.defineProperty;
+var __defProp$i = Object.defineProperty;
 var __getOwnPropDesc$g = Object.getOwnPropertyDescriptor;
-var __decorateClass$h = (decorators, target, key, kind) => {
+var __decorateClass$i = (decorators, target, key, kind) => {
   var result = kind > 1 ? undefined : kind ? __getOwnPropDesc$g(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$h(target, key, result);
+  if (kind && result) __defProp$i(target, key, result);
   return result;
 };
 const textStyles = new Set(Object.keys(textDefaultStyle));
@@ -9390,25 +9399,77 @@ let Text2D = class extends TextureRect2D {
     }
   }
 };
-__decorateClass$h([
+__decorateClass$i([
   property({ default: false })
 ], Text2D.prototype, "split", 2);
-__decorateClass$h([
+__decorateClass$i([
   property({ default: "" })
 ], Text2D.prototype, "content", 2);
-__decorateClass$h([
+__decorateClass$i([
   property()
 ], Text2D.prototype, "effects", 2);
-__decorateClass$h([
+__decorateClass$i([
   protectedProperty()
 ], Text2D.prototype, "measureDom", 2);
-__decorateClass$h([
+__decorateClass$i([
   protectedProperty()
 ], Text2D.prototype, "fonts", 2);
-Text2D = __decorateClass$h([
+Text2D = __decorateClass$i([
   customNode("Text2D")
 ], Text2D);
 
+var __defProp$h = Object.defineProperty;
+var __decorateClass$h = (decorators, target, key, kind) => {
+  var result = undefined ;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(target, key, result) ) || result;
+  if (result) __defProp$h(target, key, result);
+  return result;
+};
+class TransformRect2D extends Node2D {
+  _updateStyleProperty(key, value, oldValue, declaration) {
+    super._updateStyleProperty(key, value, oldValue, declaration);
+    switch (key) {
+      case "width":
+      case "height":
+        this.requestRedraw();
+        break;
+    }
+  }
+  _drawCircle(x, y) {
+    this.context.arc(x, y, this.size, 0, Math.PI * 2, true);
+    this.context.fillStyle = Texture2D.WHITE;
+    this.context.fill();
+    this.context.arc(x, y, this.size, 0, Math.PI * 2, true);
+    this.context.strokeStyle = "rgba(0, 0, 0, 0.2)";
+    this.context.stroke();
+  }
+  _drawEllipse(x, y) {
+    this.context.roundRect(x - this.size, y - this.size * 2, this.size * 2, this.size * 4, this.size);
+    this.context.fillStyle = Texture2D.WHITE;
+    this.context.fill();
+    this.context.roundRect(x - this.size, y - this.size * 2, this.size * 2, this.size * 4, this.size);
+    this.context.strokeStyle = "rgba(0, 0, 0, 0.2)";
+    this.context.stroke();
+  }
+  _draw() {
+    const { width, height } = this.style;
+    this.context.rect(0, 0, width, height);
+    this.context.strokeStyle = "#00FF00";
+    this.context.stroke();
+    this._drawCircle(0, 0);
+    this._drawCircle(width, height);
+    this._drawCircle(0, height);
+    this._drawEllipse(0, height / 2);
+    this._drawCircle(width, 0);
+    this._drawEllipse(width, height / 2);
+  }
+}
+__decorateClass$h([
+  property({ default: 6 })
+], TransformRect2D.prototype, "size");
+
 var __defProp$g = Object.defineProperty;
 var __getOwnPropDesc$f = Object.getOwnPropertyDescriptor;
 var __decorateClass$g = (decorators, target, key, kind) => {
@@ -12879,11 +12940,11 @@ TwistTransition = __decorateClass([
   customNode("TwistTransition")
 ], TwistTransition);
 
-class GifLoader extends Loader {
+class GIFLoader extends Loader {
   install(assets) {
     const handler = async (url) => {
       const { decodeFrames } = await import('modern-gif');
-      return await assets.fetch(url).then((res) => res.arrayBuffer()).then((buffer) => decodeFrames(buffer)).then((frames) => new Image2DResource(
+      return await assets.fetch(url).then((res) => res.arrayBuffer()).then((buffer) => decodeFrames(buffer)).then((frames) => new AnimatedTexture(
         frames.map((frame) => {
           return {
             duration: frame.delay,
@@ -12905,7 +12966,7 @@ class GifLoader extends Loader {
   }
 }
 
-class JsonLoader extends Loader {
+class JSONLoader extends Loader {
   install(assets) {
     const handler = (url) => {
       return assets.fetch(url).then((rep) => rep.json());
@@ -13215,9 +13276,14 @@ class Assets {
     this._handled.clear();
   }
 }
-const assets = new Assets().use(new FontLoader()).use(new GifLoader()).use(new JsonLoader()).use(new LottieLoader()).use(new TextLoader()).use(new TextureLoader()).use(new VideoLoader());
+const assets = new Assets().use(new FontLoader()).use(new GIFLoader()).use(new JSONLoader()).use(new LottieLoader()).use(new TextLoader()).use(new TextureLoader()).use(new VideoLoader());
 
 class CanvasItemEditor extends Control {
+  _pointerStart;
+  _pointerOffset;
+  selected;
+  dragging;
+  hovered;
   hover = new Node2D({
     name: "hover",
     internalMode: "back",
@@ -13229,28 +13295,20 @@ class CanvasItemEditor extends Control {
       pointerEvents: "none"
     }
   });
-  selectionRect = new Node2D({
-    name: "selectionRect",
+  transformRect = new TransformRect2D({
+    name: "transformRect",
     internalMode: "back",
     style: {
       visibility: "hidden",
-      width: 1,
-      height: 1,
-      backgroundColor: 16711695,
-      outlineStyle: "solid",
-      outlineColor: 16711935,
-      outlineWidth: 2,
       pointerEvents: "none"
     }
   });
-  selector = new Node2D({
-    name: "selector"
-  });
   scaler = new Scaler({
     internalMode: "back"
   }).on("updateScale", (scale) => {
     this.ruler.scale = scale;
     this._updateScrollbars();
+    this._updateSelectionRect();
   });
   xScrollBar = new XScrollBar({
     internalMode: "back",
@@ -13284,13 +13342,10 @@ class CanvasItemEditor extends Control {
   }, [
     this.drawboard,
     this.hover,
-    this.selectionRect,
+    this.transformRect,
     this.xScrollBar,
     this.yScrollBar
   ]);
-  _pointerStart;
-  _pointerOffset;
-  selected;
   constructor() {
     super();
     this._onPointerdown = this._onPointerdown.bind(this);
@@ -13328,51 +13383,60 @@ class CanvasItemEditor extends Control {
   _onPointerdown(e) {
     const target = e.target;
     this._pointerOffset = { x: e.offsetX, y: e.offsetY };
+    this.selected = target;
+    this.dragging = target;
     if (target instanceof Node2D) {
-      this.selected = target;
       this._pointerStart = target.style.clone();
     } else {
-      this.selected = undefined;
       this._pointerStart = undefined;
-      this.selectionRect.style.visibility = "visible";
-      this.selectionRect.style.left = e.screen.x;
-      this.selectionRect.style.top = e.screen.y;
-      this.selectionRect.style.width = 1;
-      this.selectionRect.style.height = 1;
     }
-    this._onHover();
+    this._updateHover();
+    this._updateSelectionRect();
   }
   _onPointermove(e) {
-    const { selected, _pointerStart, _pointerOffset } = this;
-    const offset = _pointerOffset ? { x: e.offsetX - _pointerOffset.x, y: e.offsetY - _pointerOffset.y } : { x: 0, y: 0 };
-    if (selected && _pointerStart) {
-      selected.style.left = _pointerStart.left + offset.x;
-      selected.style.top = _pointerStart.top + offset.y;
+    const target = e.target;
+    const { selected, dragging, _pointerStart, _pointerOffset } = this;
+    if (selected && target?.is(selected)) {
+      this.hovered = undefined;
     } else {
-      if (this.selectionRect.isVisibleInTree()) {
-        this.selectionRect.style.width = offset.x;
-        this.selectionRect.style.height = offset.y;
-      }
+      this.hovered = target;
     }
-    this._onHover();
+    const offset = _pointerOffset ? { x: e.offsetX - _pointerOffset.x, y: e.offsetY - _pointerOffset.y } : { x: 0, y: 0 };
+    if (dragging && _pointerStart) {
+      dragging.style.left = _pointerStart.left + offset.x;
+      dragging.style.top = _pointerStart.top + offset.y;
+    }
+    this._updateHover();
+    this._updateSelectionRect();
   }
   _onPointerup() {
-    this.selected = undefined;
-    this.selectionRect.style.visibility = "hidden";
-    this._onHover();
+    this.dragging = undefined;
+    this._updateHover();
+    this._updateSelectionRect();
   }
-  _onHover() {
-    const selected = this.selected;
-    if (selected instanceof Node2D) {
+  _updateHover() {
+    const hovered = this.hovered;
+    if (hovered instanceof Node2D) {
       this.hover.style.visibility = "visible";
-      this.hover.style.width = selected.style.width;
-      this.hover.style.height = selected.style.height;
-      this.hover.transform.set(selected.transform);
+      this.hover.style.width = hovered.style.width;
+      this.hover.style.height = hovered.style.height;
+      this.hover.transform.set(hovered.transform);
       this.hover.requestRedraw();
     } else {
       this.hover.style.visibility = "hidden";
     }
   }
+  _updateSelectionRect() {
+    if (this.selected) {
+      this.transformRect.style.visibility = "visible";
+      this.transformRect.style.width = this.selected.style.width;
+      this.transformRect.style.height = this.selected.style.height;
+      this.transformRect.transform.set(this.selected.transform);
+      this.transformRect.requestReflow();
+    } else {
+      this.transformRect.style.visibility = "hidden";
+    }
+  }
   _updateScrollbars() {
     const scale = this.ruler.scale;
     const scrollHeight = this.drawboard.style.height * scale;
@@ -13600,4 +13664,4 @@ async function render(options) {
   });
 }
 
-export { Animation, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, BlurEffect, CanvasContext, CanvasItem, CanvasItemEditor, CanvasItemStyle, CanvasTexture, Color, ColorAdjustEffect, ColorFilterEffect, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, Control, CoreObject, DEG_TO_RAD, DEVICE_PIXEL_RATIO, Effect, EffectMaterial, Element, ElementStyle, EmbossEffect, Engine, EventEmitter, FontLoader, Geometry, GifLoader, GlitchEffect, GodrayEffect, Graphics2D, HTMLAudio, HTMLAudioContext, HTMLSound, IN_BROWSER, Image2D, Image2DResource, ImageTexture, IndexBuffer, Input, InputEvent, JsonLoader, KawaseTransition, LeftEraseTransition, Loader, Lottie2D, LottieLoader, MainLoop, MaskEffect, Material, Matrix, Matrix2, Matrix3, Matrix4, MouseInputEvent, Node, Node2D, PI, PI_2, PixelateEffect, PixelsTexture, PointerInputEvent, Projection2D, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, Range, RawWeakMap, Rect2, RefCounted, Renderer, Resource, Ruler, SUPPORTS_AUDIO_CONTEXT, SUPPORTS_CLICK_EVENTS, SUPPORTS_CREATE_IMAGE_BITMAP, SUPPORTS_IMAGE_BITMAP, SUPPORTS_MOUSE_EVENTS, SUPPORTS_OFFLINE_AUDIO_CONTEXT, SUPPORTS_POINTER_EVENTS, SUPPORTS_RESIZE_OBSERVER, SUPPORTS_TOUCH_EVENTS, SUPPORTS_WEBGL2, SUPPORTS_WEBKIT_AUDIO_CONTEXT, SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, SUPPORTS_WEB_AUDIO, SUPPORTS_WHEEL_EVENTS, Scaler, SceneTree, ScrollBar, ShadowEffect, Text2D, TextLoader, Texture2D, TextureLoader, TextureRect2D, Ticker, TiltShiftTransition, Timeline, TimelineNode, Transform2D, Transition, TwistTransition, UvGeometry, UvMaterial, Vector, Vector2, Vector3, Vector4, VertexAttribute, VertexBuffer, Video2D, VideoLoader, VideoTexture, Viewport, ViewportTexture, WebAudio, WebAudioContext, WebGLBatch2DModule, WebGLBlendMode, WebGLBufferModule, WebGLFramebufferModule, WebGLMaskModule, WebGLModule, WebGLProgramModule, WebGLRenderer, WebGLScissorModule, WebGLState, WebGLStateModule, WebGLStencilModule, WebGLTextureModule, WebGLVertexArrayModule, WebGLViewportModule, WebSound, WheelInputEvent, XScrollBar, YScrollBar, ZoomBlurEffect, assets, clamp, createHTMLCanvas, createNode, crossOrigin, cubicBezier, curves, customNode, customNodes, defaultOptions, defineProperty, determineCrossOrigin, ease, easeIn, easeInOut, easeOut, getDeclarations, getDefaultCssPropertyValue, isCanvasElement, isElementNode, isImageElement, isPow2, isVideoElement, isWebgl2, lerp, linear, log2, mapWebGLBlendModes, nextPow2, nextTick, parseCssFunctions, parseCssProperty, property, protectedProperty, render, timingFunctions, uid };
+export { AnimatedTexture, Animation, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, BlurEffect, CanvasContext, CanvasItem, CanvasItemEditor, CanvasItemStyle, CanvasTexture, Color, ColorAdjustEffect, ColorFilterEffect, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, Control, CoreObject, DEG_TO_RAD, DEVICE_PIXEL_RATIO, Effect, EffectMaterial, Element, ElementStyle, EmbossEffect, Engine, EventEmitter, FontLoader, GIFLoader, Geometry, GlitchEffect, GodrayEffect, Graphics2D, HTMLAudio, HTMLAudioContext, HTMLSound, IN_BROWSER, Image2D, ImageTexture, IndexBuffer, Input, InputEvent, JSONLoader, KawaseTransition, LeftEraseTransition, Loader, Lottie2D, LottieLoader, MainLoop, MaskEffect, Material, Matrix, Matrix2, Matrix3, Matrix4, MouseInputEvent, Node, Node2D, PI, PI_2, PixelateEffect, PixelsTexture, PointerInputEvent, Projection2D, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, Range, RawWeakMap, Rect2, RefCounted, Renderer, Resource, Ruler, SUPPORTS_AUDIO_CONTEXT, SUPPORTS_CLICK_EVENTS, SUPPORTS_CREATE_IMAGE_BITMAP, SUPPORTS_IMAGE_BITMAP, SUPPORTS_MOUSE_EVENTS, SUPPORTS_OFFLINE_AUDIO_CONTEXT, SUPPORTS_POINTER_EVENTS, SUPPORTS_RESIZE_OBSERVER, SUPPORTS_TOUCH_EVENTS, SUPPORTS_WEBGL2, SUPPORTS_WEBKIT_AUDIO_CONTEXT, SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, SUPPORTS_WEB_AUDIO, SUPPORTS_WHEEL_EVENTS, Scaler, SceneTree, ScrollBar, ShadowEffect, Text2D, TextLoader, Texture2D, TextureLoader, TextureRect2D, Ticker, TiltShiftTransition, Timeline, TimelineNode, Transform2D, TransformRect2D, Transition, TwistTransition, UvGeometry, UvMaterial, Vector, Vector2, Vector3, Vector4, VertexAttribute, VertexBuffer, Video2D, VideoLoader, VideoTexture, Viewport, ViewportTexture, WebAudio, WebAudioContext, WebGLBatch2DModule, WebGLBlendMode, WebGLBufferModule, WebGLFramebufferModule, WebGLMaskModule, WebGLModule, WebGLProgramModule, WebGLRenderer, WebGLScissorModule, WebGLState, WebGLStateModule, WebGLStencilModule, WebGLTextureModule, WebGLVertexArrayModule, WebGLViewportModule, WebSound, WheelInputEvent, XScrollBar, YScrollBar, ZoomBlurEffect, assets, clamp, createHTMLCanvas, createNode, crossOrigin, cubicBezier, curves, customNode, customNodes, defaultOptions, defineProperty, determineCrossOrigin, ease, easeIn, easeInOut, easeOut, getDeclarations, getDefaultCssPropertyValue, isCanvasElement, isElementNode, isImageElement, isPow2, isVideoElement, isWebgl2, lerp, linear, log2, mapWebGLBlendModes, nextPow2, nextTick, parseCssFunctions, parseCssProperty, property, protectedProperty, render, timingFunctions, uid };