modern-canvas 0.11.0 → 0.12.1

package/dist/index.mjs

@@ -2097,13 +2097,13 @@ class Vector3 extends Vector {
   }
 }
 
-var __defProp$R = Object.defineProperty;
-var __decorateClass$V = (decorators, target, key, kind) => {
+var __defProp$Q = Object.defineProperty;
+var __decorateClass$U = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$R(target, key, result);
+  if (result) __defProp$Q(target, key, result);
   return result;
 };
 class MainLoop extends CoreObject {
@@ -2151,20 +2151,20 @@ class MainLoop extends CoreObject {
     super.destroy();
   }
 }
-__decorateClass$V([
+__decorateClass$U([
   property({ fallback: 60 })
 ], MainLoop.prototype, "fps");
-__decorateClass$V([
+__decorateClass$U([
   property({ fallback: 1 })
 ], MainLoop.prototype, "speed");
 
-var __defProp$Q = Object.defineProperty;
-var __decorateClass$U = (decorators, target, key, kind) => {
+var __defProp$P = Object.defineProperty;
+var __decorateClass$T = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$Q(target, key, result);
+  if (result) __defProp$P(target, key, result);
   return result;
 };
 class Renderer extends Reactivable {
@@ -2208,10 +2208,10 @@ class Renderer extends Reactivable {
     super.destroy();
   }
 }
-__decorateClass$U([
+__decorateClass$T([
   property({ fallback: DEVICE_PIXEL_RATIO })
 ], Renderer.prototype, "pixelRatio");
-__decorateClass$U([
+__decorateClass$T([
   property({ internal: true })
 ], Renderer.prototype, "view");
 
@@ -4408,13 +4408,13 @@ class Geometry extends Resource {
   }
 }
 
-var __defProp$P = Object.defineProperty;
-var __decorateClass$T = (decorators, target, key, kind) => {
+var __defProp$O = Object.defineProperty;
+var __decorateClass$S = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$P(target, key, result);
+  if (result) __defProp$O(target, key, result);
   return result;
 };
 class IndexBuffer extends Resource {
@@ -4458,20 +4458,20 @@ class IndexBuffer extends Resource {
     return result;
   }
 }
-__decorateClass$T([
+__decorateClass$S([
   property({ internal: true, fallback: null })
 ], IndexBuffer.prototype, "data");
-__decorateClass$T([
+__decorateClass$S([
   property({ internal: true, fallback: false })
 ], IndexBuffer.prototype, "dynamic");
 
-var __defProp$O = Object.defineProperty;
-var __decorateClass$S = (decorators, target, key, kind) => {
+var __defProp$N = Object.defineProperty;
+var __decorateClass$R = (decorators, target, key, kind) => {
   var result = void 0 ;
   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$N(target, key, result);
   return result;
 };
 class VertexBuffer extends Resource {
@@ -4515,20 +4515,20 @@ class VertexBuffer extends Resource {
     return result;
   }
 }
-__decorateClass$S([
+__decorateClass$R([
   property({ internal: true, default: null })
 ], VertexBuffer.prototype, "data");
-__decorateClass$S([
+__decorateClass$R([
   property({ internal: true, fallback: false })
 ], VertexBuffer.prototype, "dynamic");
 
-var __defProp$N = Object.defineProperty;
-var __decorateClass$R = (decorators, target, key, kind) => {
+var __defProp$M = Object.defineProperty;
+var __decorateClass$Q = (decorators, target, key, kind) => {
   var result = void 0 ;
   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$M(target, key, result);
   return result;
 };
 class VertexAttribute extends Resource {
@@ -4562,25 +4562,25 @@ class VertexAttribute extends Resource {
     return result;
   }
 }
-__decorateClass$R([
+__decorateClass$Q([
   property({ internal: true })
 ], VertexAttribute.prototype, "buffer");
-__decorateClass$R([
+__decorateClass$Q([
   property({ fallback: 0 })
 ], VertexAttribute.prototype, "size");
-__decorateClass$R([
+__decorateClass$Q([
   property({ fallback: false })
 ], VertexAttribute.prototype, "normalized");
-__decorateClass$R([
+__decorateClass$Q([
   property({ fallback: "float" })
 ], VertexAttribute.prototype, "type");
-__decorateClass$R([
+__decorateClass$Q([
   property()
 ], VertexAttribute.prototype, "stride");
-__decorateClass$R([
+__decorateClass$Q([
   property()
 ], VertexAttribute.prototype, "offset");
-__decorateClass$R([
+__decorateClass$Q([
   property()
 ], VertexAttribute.prototype, "divisor");
 
@@ -4824,13 +4824,13 @@ class UvGeometry extends Geometry {
   }
 }
 
-var __defProp$M = Object.defineProperty;
-var __decorateClass$Q = (decorators, target, key, kind) => {
+var __defProp$L = Object.defineProperty;
+var __decorateClass$P = (decorators, target, key, kind) => {
   var result = void 0 ;
   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$L(target, key, result);
   return result;
 };
 class Texture2D extends Resource {
@@ -4854,9 +4854,6 @@ class Texture2D extends Resource {
   }
   _isPowerOfTwo = false;
   _needsUpload = false;
-  get valid() {
-    return Boolean(this.width && this.height);
-  }
   get realWidth() {
     return Math.round(this.width * this.pixelRatio);
   }
@@ -4868,6 +4865,9 @@ class Texture2D extends Resource {
     this.source = source;
     this._updateSize();
   }
+  isValid() {
+    return Boolean(this.width && this.height);
+  }
   /** @internal */
   _glTextureOptions(renderer, options) {
     let wrapMode = this.wrapMode;
@@ -4927,7 +4927,7 @@ class Texture2D extends Resource {
     this._needsUpload = true;
   }
   upload(renderer, options) {
-    if (this._needsUpload && this.valid) {
+    if (this._needsUpload && this.isValid()) {
       this._needsUpload = false;
       renderer.texture.update(
         this._glTexture(renderer, options),
@@ -4938,7 +4938,7 @@ class Texture2D extends Resource {
     return false;
   }
   activate(renderer, location = 0) {
-    if (this.valid) {
+    if (this.isValid()) {
       renderer.texture.bind({
         target: "texture_2d",
         value: this._glTexture(renderer, { location }),
@@ -4958,22 +4958,22 @@ class Texture2D extends Resource {
     }
   }
 }
-__decorateClass$Q([
+__decorateClass$P([
   property({ internal: true })
 ], Texture2D.prototype, "source");
-__decorateClass$Q([
+__decorateClass$P([
   property({ fallback: 0 })
 ], Texture2D.prototype, "width");
-__decorateClass$Q([
+__decorateClass$P([
   property({ fallback: 0 })
 ], Texture2D.prototype, "height");
-__decorateClass$Q([
+__decorateClass$P([
   property({ fallback: "linear" })
 ], Texture2D.prototype, "filterMode");
-__decorateClass$Q([
+__decorateClass$P([
   property({ fallback: "clamp_to_edge" })
 ], Texture2D.prototype, "wrapMode");
-__decorateClass$Q([
+__decorateClass$P([
   property({ fallback: 1 })
 ], Texture2D.prototype, "pixelRatio");
 
@@ -5007,13 +5007,13 @@ class AnimatedTexture extends Resource {
   }
 }
 
-var __defProp$L = Object.defineProperty;
-var __decorateClass$P = (decorators, target, key, kind) => {
+var __defProp$K = Object.defineProperty;
+var __decorateClass$O = (decorators, target, key, kind) => {
   var result = void 0 ;
   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$K(target, key, result);
   return result;
 };
 class CanvasTexture extends Texture2D {
@@ -5032,7 +5032,7 @@ class CanvasTexture extends Texture2D {
     super._updateProperty(key, value, oldValue);
   }
 }
-__decorateClass$P([
+__decorateClass$O([
   property({ fallback: 2 })
 ], CanvasTexture.prototype, "pixelRatio");
 
@@ -5254,13 +5254,13 @@ class PixelsTexture extends Texture2D {
   }
 }
 
-var __defProp$K = Object.defineProperty;
-var __decorateClass$O = (decorators, target, key, kind) => {
+var __defProp$J = Object.defineProperty;
+var __decorateClass$N = (decorators, target, key, kind) => {
   var result = void 0 ;
   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$J(target, key, result);
   return result;
 };
 function resolveOptions(options) {
@@ -5365,7 +5365,7 @@ const _VideoTexture = class _VideoTexture extends Texture2D {
     }
   }
   _onPlayStart = () => {
-    if (!this.valid) {
+    if (!this.isValid()) {
       this._onCanPlay();
     }
     this._setupAutoUpdate();
@@ -5377,7 +5377,7 @@ const _VideoTexture = class _VideoTexture extends Texture2D {
     const source = this.source;
     source.removeEventListener("canplay", this._onCanPlay);
     source.removeEventListener("canplaythrough", this._onCanPlay);
-    const valid = this.valid;
+    const valid = this.isValid();
     this._nextTime = 0;
     this._updateSize();
     this.requestUpload();
@@ -5476,7 +5476,7 @@ const _VideoTexture = class _VideoTexture extends Texture2D {
         this._onCanPlay();
       }
       this._sourceLoad = new Promise((resolve, reject) => {
-        if (this.valid) {
+        if (this.isValid()) {
           this._sourceLoad = void 0;
           resolve(this);
         } else {
@@ -5504,10 +5504,10 @@ const _VideoTexture = class _VideoTexture extends Texture2D {
     }
   }
 };
-__decorateClass$O([
+__decorateClass$N([
   property({ internal: true, fallback: true })
 ], _VideoTexture.prototype, "autoUpdate");
-__decorateClass$O([
+__decorateClass$N([
   property({ internal: true, fallback: 0 })
 ], _VideoTexture.prototype, "fps");
 let VideoTexture = _VideoTexture;
@@ -5799,14 +5799,14 @@ class Meta extends CoreObject {
   }
 }
 
-var __defProp$J = Object.defineProperty;
-var __getOwnPropDesc$D = Object.getOwnPropertyDescriptor;
-var __decorateClass$N = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$D(target, key) : target;
+var __defProp$I = Object.defineProperty;
+var __getOwnPropDesc$C = Object.getOwnPropertyDescriptor;
+var __decorateClass$M = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$J(target, key, result);
+  if (kind && result) __defProp$I(target, key, result);
   return result;
 };
 const iidMap = {};
@@ -5907,9 +5907,6 @@ let Node = class extends CoreObject {
     }
     return this;
   }
-  log(...args) {
-    this._tree?.log(...args);
-  }
   /** Parent */
   _parent;
   get parent() {
@@ -6245,24 +6242,35 @@ let Node = class extends CoreObject {
   remove() {
     this._parent?.removeChild(this);
   }
-  forEachChild(callbackfn) {
-    this.children.forEach(callbackfn);
-    return this;
+  findOne(callbackfn) {
+    for (const child of this._children.default) {
+      const value = callbackfn(child) || child.findOne(callbackfn);
+      if (value) {
+        return value;
+      }
+    }
+    return void 0;
   }
-  forEachDescendant(callbackfn) {
-    this.children.forEach((child) => {
-      callbackfn(child);
-      child.forEachDescendant(callbackfn);
-    });
-    return this;
+  findAll(callbackfn) {
+    const items = [];
+    for (const child of this._children.default) {
+      const value = callbackfn(child);
+      if (value) {
+        items.push(value);
+      }
+      items.push(...child.findAll(callbackfn));
+    }
+    return items;
   }
-  forEachAncestor(callbackfn) {
-    const parent = this.parent;
+  findAncestor(callbackfn) {
+    const parent = this._parent;
     if (parent) {
-      callbackfn(parent);
-      parent.forEachAncestor(callbackfn);
+      const value = callbackfn(parent) ?? parent.findAncestor(callbackfn);
+      if (value) {
+        return value;
+      }
     }
-    return this;
+    return void 0;
   }
   /** override */
   _ready() {
@@ -6320,42 +6328,42 @@ let Node = class extends CoreObject {
     return node;
   }
 };
-__decorateClass$N([
+__decorateClass$M([
   property({ fallback: idGenerator() })
 ], Node.prototype, "id", 2);
-__decorateClass$N([
+__decorateClass$M([
   property({ fallback: idGenerator() })
 ], Node.prototype, "name", 2);
-__decorateClass$N([
+__decorateClass$M([
   property({ internal: true, fallback: "inherit" })
 ], Node.prototype, "processMode", 2);
-__decorateClass$N([
+__decorateClass$M([
   property({ internal: true, fallback: "default" })
 ], Node.prototype, "processSortMode", 2);
-__decorateClass$N([
+__decorateClass$M([
   property({ internal: true, fallback: "inherit" })
 ], Node.prototype, "renderMode", 2);
-__decorateClass$N([
+__decorateClass$M([
   property({ internal: true, fallback: "inherit" })
 ], Node.prototype, "inputMode", 2);
-__decorateClass$N([
+__decorateClass$M([
   property({ internal: true, fallback: "default" })
 ], Node.prototype, "internalMode", 2);
-__decorateClass$N([
+__decorateClass$M([
   property({ internal: true })
 ], Node.prototype, "mask", 2);
-Node = __decorateClass$N([
+Node = __decorateClass$M([
   customNode("Node")
 ], Node);
 
-var __defProp$I = Object.defineProperty;
-var __getOwnPropDesc$C = Object.getOwnPropertyDescriptor;
-var __decorateClass$M = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$C(target, key) : target;
+var __defProp$H = Object.defineProperty;
+var __getOwnPropDesc$B = Object.getOwnPropertyDescriptor;
+var __decorateClass$L = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$I(target, key, result);
+  if (kind && result) __defProp$H(target, key, result);
   return result;
 };
 let TimelineNode = class extends Node {
@@ -6403,9 +6411,15 @@ let TimelineNode = class extends Node {
   _updateCurrentTime(force = false) {
     if (force || !this.paused) {
       const parent = this._parent;
-      this._startTime = this.delay + this.parentStartTime;
-      this.computedDuration = parent?.computedDuration ? Math.min(this._startTime + this.duration, parent.endTime) - this._startTime : this.duration;
-      this._currentTime = this.timelineCurrentTime - this._startTime;
+      const startTime = this.delay + this.parentStartTime;
+      const endTime = parent?.computedDuration ? Math.min(startTime + this.duration, parent.endTime) - startTime : this.duration;
+      let currentTime = this.timelineCurrentTime - startTime;
+      if (this.loop) {
+        currentTime = currentTime % endTime;
+      }
+      this._startTime = startTime;
+      this._currentTime = currentTime;
+      this.computedDuration = endTime;
       this.emit("updateCurrentTime", this._currentTime);
       this.insideTimeRange = this.isInsideTimeRange();
     }
@@ -6415,30 +6429,33 @@ let TimelineNode = class extends Node {
     this._updateCurrentTime();
   }
 };
-__decorateClass$M([
+__decorateClass$L([
+  property({ fallback: false })
+], TimelineNode.prototype, "loop", 2);
+__decorateClass$L([
   property({ fallback: 0 })
 ], TimelineNode.prototype, "delay", 2);
-__decorateClass$M([
+__decorateClass$L([
   property({ fallback: 0 })
 ], TimelineNode.prototype, "duration", 2);
-__decorateClass$M([
+__decorateClass$L([
   property({ fallback: false })
 ], TimelineNode.prototype, "paused", 2);
-__decorateClass$M([
+__decorateClass$L([
   property({ internal: true, fallback: false })
 ], TimelineNode.prototype, "insideTimeRange", 2);
-TimelineNode = __decorateClass$M([
+TimelineNode = __decorateClass$L([
   customNode("TimelineNode")
 ], TimelineNode);
 
-var __defProp$H = Object.defineProperty;
-var __getOwnPropDesc$B = Object.getOwnPropertyDescriptor;
-var __decorateClass$L = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$B(target, key) : target;
+var __defProp$G = Object.defineProperty;
+var __getOwnPropDesc$A = Object.getOwnPropertyDescriptor;
+var __decorateClass$K = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$H(target, key, result);
+  if (kind && result) __defProp$G(target, key, result);
   return result;
 };
 let CanvasItem = class extends TimelineNode {
@@ -6522,16 +6539,16 @@ let CanvasItem = class extends TimelineNode {
     this.emit("draw");
   }
   _redraw() {
-    this.log(this.name, "drawing");
+    this._tree?.log(this.name, "drawing");
     this._draw();
     return this.context.toBatchables();
   }
   _relayout(batchables) {
-    this.log(this.name, "layouting");
+    this._tree?.log(this.name, "layouting");
     return batchables;
   }
   _repaint(batchables) {
-    this.log(this.name, "painting");
+    this._tree?.log(this.name, "painting");
     const globalOpacity = this.globalOpacity;
     return batchables.map((batchable) => {
       return {
@@ -6591,30 +6608,30 @@ let CanvasItem = class extends TimelineNode {
     super._render(renderer);
   }
 };
-__decorateClass$L([
+__decorateClass$K([
   property()
 ], CanvasItem.prototype, "modulate", 2);
-__decorateClass$L([
+__decorateClass$K([
   property()
 ], CanvasItem.prototype, "blendMode", 2);
-__decorateClass$L([
+__decorateClass$K([
   property({ internal: true, fallback: true })
 ], CanvasItem.prototype, "visible", 2);
-__decorateClass$L([
+__decorateClass$K([
   property({ internal: true, fallback: 1 })
 ], CanvasItem.prototype, "opacity", 2);
-CanvasItem = __decorateClass$L([
+CanvasItem = __decorateClass$K([
   customNode("CanvasItem")
 ], CanvasItem);
 
-var __defProp$G = Object.defineProperty;
-var __getOwnPropDesc$A = Object.getOwnPropertyDescriptor;
-var __decorateClass$K = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$A(target, key) : target;
+var __defProp$F = Object.defineProperty;
+var __getOwnPropDesc$z = Object.getOwnPropertyDescriptor;
+var __decorateClass$J = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$G(target, key, result);
+  if (kind && result) __defProp$F(target, key, result);
   return result;
 };
 let Viewport = class extends Node {
@@ -6765,33 +6782,33 @@ let Viewport = class extends Node {
     return this.canvasTransform.apply(globalPos, newPos);
   }
 };
-__decorateClass$K([
+__decorateClass$J([
   property({ fallback: 0 })
 ], Viewport.prototype, "x", 2);
-__decorateClass$K([
+__decorateClass$J([
   property({ fallback: 0 })
 ], Viewport.prototype, "y", 2);
-__decorateClass$K([
+__decorateClass$J([
   property({ fallback: 0 })
 ], Viewport.prototype, "width", 2);
-__decorateClass$K([
+__decorateClass$J([
   property({ fallback: 0 })
 ], Viewport.prototype, "height", 2);
-__decorateClass$K([
+__decorateClass$J([
   property({ internal: true, fallback: false })
 ], Viewport.prototype, "msaa", 2);
-Viewport = __decorateClass$K([
+Viewport = __decorateClass$J([
   customNode("Viewport")
 ], Viewport);
 
-var __defProp$F = Object.defineProperty;
-var __getOwnPropDesc$z = Object.getOwnPropertyDescriptor;
-var __decorateClass$J = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$z(target, key) : target;
+var __defProp$E = Object.defineProperty;
+var __getOwnPropDesc$y = Object.getOwnPropertyDescriptor;
+var __decorateClass$I = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$F(target, key, result);
+  if (kind && result) __defProp$E(target, key, result);
   return result;
 };
 let Effect = class extends TimelineNode {
@@ -7033,19 +7050,19 @@ let Effect = class extends TimelineNode {
     }
   }
 };
-__decorateClass$J([
+__decorateClass$I([
   property({ internal: true })
 ], Effect.prototype, "material", 2);
-__decorateClass$J([
+__decorateClass$I([
   property()
 ], Effect.prototype, "effectMode", 2);
-__decorateClass$J([
+__decorateClass$I([
   property()
 ], Effect.prototype, "glsl", 2);
-__decorateClass$J([
+__decorateClass$I([
   property()
 ], Effect.prototype, "glslSrc", 2);
-Effect = __decorateClass$J([
+Effect = __decorateClass$I([
   customNode("Effect")
 ], Effect);
 
@@ -7075,14 +7092,14 @@ class RenderStack {
   }
 }
 
-var __defProp$E = Object.defineProperty;
-var __getOwnPropDesc$y = Object.getOwnPropertyDescriptor;
-var __decorateClass$I = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$y(target, key) : target;
+var __defProp$D = Object.defineProperty;
+var __getOwnPropDesc$x = Object.getOwnPropertyDescriptor;
+var __decorateClass$H = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$E(target, key, result);
+  if (kind && result) __defProp$D(target, key, result);
   return result;
 };
 let Timeline = class extends Node {
@@ -7127,48 +7144,48 @@ let Timeline = class extends Node {
     this.addTime(delta);
   }
 };
-__decorateClass$I([
+__decorateClass$H([
   property({ fallback: 0 })
 ], Timeline.prototype, "startTime", 2);
-__decorateClass$I([
+__decorateClass$H([
   property({ fallback: 0 })
 ], Timeline.prototype, "currentTime", 2);
-__decorateClass$I([
+__decorateClass$H([
   property({ fallback: Number.MAX_SAFE_INTEGER })
 ], Timeline.prototype, "endTime", 2);
-__decorateClass$I([
+__decorateClass$H([
   property({ fallback: false })
 ], Timeline.prototype, "loop", 2);
-Timeline = __decorateClass$I([
+Timeline = __decorateClass$H([
   customNode("Timeline")
 ], Timeline);
 
-var __defProp$D = Object.defineProperty;
-var __getOwnPropDesc$x = Object.getOwnPropertyDescriptor;
-var __decorateClass$H = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$x(target, key) : target;
+var __defProp$C = Object.defineProperty;
+var __getOwnPropDesc$w = Object.getOwnPropertyDescriptor;
+var __decorateClass$G = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$D(target, key, result);
+  if (kind && result) __defProp$C(target, key, result);
   return result;
 };
 let Window = class extends Viewport {
 };
-__decorateClass$H([
+__decorateClass$G([
   property({ fallback: false })
 ], Window.prototype, "msaa", 2);
-Window = __decorateClass$H([
+Window = __decorateClass$G([
   customNode("Window")
 ], Window);
 
-var __defProp$C = Object.defineProperty;
-var __decorateClass$G = (decorators, target, key, kind) => {
+var __defProp$B = Object.defineProperty;
+var __decorateClass$F = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$C(target, key, result);
+  if (result) __defProp$B(target, key, result);
   return result;
 };
 class SceneTree extends MainLoop {
@@ -7248,25 +7265,25 @@ class SceneTree extends MainLoop {
     super.destroy();
   }
 }
-__decorateClass$G([
+__decorateClass$F([
   property()
 ], SceneTree.prototype, "backgroundColor");
-__decorateClass$G([
+__decorateClass$F([
   property({ internal: true, fallback: false })
 ], SceneTree.prototype, "debug");
-__decorateClass$G([
+__decorateClass$F([
   property({ internal: true, fallback: false })
 ], SceneTree.prototype, "processPaused");
-__decorateClass$G([
+__decorateClass$F([
   property({ internal: true, default: () => fonts })
 ], SceneTree.prototype, "fonts");
-__decorateClass$G([
+__decorateClass$F([
   property({ internal: true, default: () => new Timeline() })
 ], SceneTree.prototype, "timeline");
 
-var __getOwnPropDesc$w = Object.getOwnPropertyDescriptor;
-var __decorateClass$F = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$w(target, key) : target;
+var __getOwnPropDesc$v = Object.getOwnPropertyDescriptor;
+var __decorateClass$E = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$v(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(result)) || result;
@@ -7278,7 +7295,7 @@ let Transition = class extends Effect {
     this.setProperties(properties).append(children);
   }
 };
-Transition = __decorateClass$F([
+Transition = __decorateClass$E([
   customNode("Transition", {
     effectMode: "transition",
     processMode: "pausable",
@@ -7286,14 +7303,14 @@ Transition = __decorateClass$F([
   })
 ], Transition);
 
-var __defProp$B = Object.defineProperty;
-var __getOwnPropDesc$v = Object.getOwnPropertyDescriptor;
-var __decorateClass$E = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$v(target, key) : target;
+var __defProp$A = Object.defineProperty;
+var __getOwnPropDesc$u = Object.getOwnPropertyDescriptor;
+var __decorateClass$D = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$B(target, key, result);
+  if (kind && result) __defProp$A(target, key, result);
   return result;
 };
 let Node2D = class extends CanvasItem {
@@ -7395,24 +7412,24 @@ let Node2D = class extends CanvasItem {
     return this.globalTransform.apply(localPos, newPos);
   }
 };
-__decorateClass$E([
+__decorateClass$D([
   property({ internal: true, fallback: 0 })
 ], Node2D.prototype, "rotation", 2);
-__decorateClass$E([
+__decorateClass$D([
   property({ internal: true, fallback: 0 })
 ], Node2D.prototype, "globalRotation", 2);
-Node2D = __decorateClass$E([
+Node2D = __decorateClass$D([
   customNode("Node2D")
 ], Node2D);
 
-var __defProp$A = Object.defineProperty;
-var __getOwnPropDesc$u = Object.getOwnPropertyDescriptor;
-var __decorateClass$D = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$u(target, key) : target;
+var __defProp$z = Object.defineProperty;
+var __getOwnPropDesc$t = Object.getOwnPropertyDescriptor;
+var __decorateClass$C = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$A(target, key, result);
+  if (kind && result) __defProp$z(target, key, result);
   return result;
 };
 let Camera2D = class extends Node2D {
@@ -7574,16 +7591,16 @@ let Camera2D = class extends Node2D {
     };
   }
 };
-__decorateClass$D([
+__decorateClass$C([
   property({ fallback: 0.02 })
 ], Camera2D.prototype, "wheelSensitivity", 2);
-__decorateClass$D([
+__decorateClass$C([
   property({ internal: true, fallback: false })
 ], Camera2D.prototype, "spaceKey", 2);
-__decorateClass$D([
+__decorateClass$C([
   property({ internal: true, fallback: false })
 ], Camera2D.prototype, "grabbing", 2);
-Camera2D = __decorateClass$D([
+Camera2D = __decorateClass$C([
   customNode("Camera2D", {
     processMode: "disabled",
     renderMode: "disabled"
@@ -7736,15 +7753,15 @@ function parseCSSTransformOrigin(transformOrigin) {
   });
 }
 
-var __defProp$z = Object.defineProperty;
-var __getOwnPropDesc$t = Object.getOwnPropertyDescriptor;
-var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$z(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$C = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$t(target, key) : target;
+var __defProp$y = Object.defineProperty;
+var __getOwnPropDesc$s = Object.getOwnPropertyDescriptor;
+var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$B = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$z(target, key, result);
+  if (kind && result) __defProp$y(target, key, result);
   return result;
 };
 var __publicField$j = (obj, key, value) => __defNormalProp$j(obj, key + "" , value);
@@ -7804,43 +7821,43 @@ void main(void) {
   gl_FragColor = c * alpha;
 }`
 }));
-__decorateClass$C([
+__decorateClass$B([
   property({ fallback: 1 })
 ], ColorAdjustEffect.prototype, "saturation", 2);
-__decorateClass$C([
+__decorateClass$B([
   property({ fallback: 1 })
 ], ColorAdjustEffect.prototype, "contrast", 2);
-__decorateClass$C([
+__decorateClass$B([
   property({ fallback: 1 })
 ], ColorAdjustEffect.prototype, "brightness", 2);
-__decorateClass$C([
+__decorateClass$B([
   property({ fallback: 1 })
 ], ColorAdjustEffect.prototype, "red", 2);
-__decorateClass$C([
+__decorateClass$B([
   property({ fallback: 1 })
 ], ColorAdjustEffect.prototype, "green", 2);
-__decorateClass$C([
+__decorateClass$B([
   property({ fallback: 1 })
 ], ColorAdjustEffect.prototype, "blue", 2);
-__decorateClass$C([
+__decorateClass$B([
   property({ fallback: 1 })
 ], ColorAdjustEffect.prototype, "alpha", 2);
-__decorateClass$C([
+__decorateClass$B([
   property({ fallback: 1 })
 ], ColorAdjustEffect.prototype, "gamma", 2);
-ColorAdjustEffect = __decorateClass$C([
+ColorAdjustEffect = __decorateClass$B([
   customNode("ColorAdjustEffect")
 ], ColorAdjustEffect);
 
-var __defProp$y = Object.defineProperty;
-var __getOwnPropDesc$s = Object.getOwnPropertyDescriptor;
-var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$B = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$s(target, key) : target;
+var __defProp$x = Object.defineProperty;
+var __getOwnPropDesc$r = Object.getOwnPropertyDescriptor;
+var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$x(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$A = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$y(target, key, result);
+  if (kind && result) __defProp$x(target, key, result);
   return result;
 };
 var __publicField$i = (obj, key, value) => __defNormalProp$i(obj, key + "" , value);
@@ -7920,22 +7937,22 @@ void main(void) {
   );
 }`
 }));
-__decorateClass$B([
+__decorateClass$A([
   property()
 ], ColorFilterEffect.prototype, "filter", 2);
-ColorFilterEffect = __decorateClass$B([
+ColorFilterEffect = __decorateClass$A([
   customNode("ColorFilterEffect")
 ], ColorFilterEffect);
 
-var __defProp$x = Object.defineProperty;
-var __getOwnPropDesc$r = Object.getOwnPropertyDescriptor;
-var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$x(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$A = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$r(target, key) : target;
+var __defProp$w = Object.defineProperty;
+var __getOwnPropDesc$q = Object.getOwnPropertyDescriptor;
+var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$z = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$x(target, key, result);
+  if (kind && result) __defProp$w(target, key, result);
   return result;
 };
 var __publicField$h = (obj, key, value) => __defNormalProp$h(obj, key + "" , value);
@@ -8011,25 +8028,25 @@ void main(void) {
   gl_FragColor = vec4(mix(color.rgb, mask.rgb, color.a * mask.a), color.a);
 }`
 }));
-__decorateClass$A([
+__decorateClass$z([
   property({ default: () => [] })
 ], ColorOverlayEffect.prototype, "colors", 2);
-__decorateClass$A([
+__decorateClass$z([
   property({ fallback: 0.5 })
 ], ColorOverlayEffect.prototype, "alpha", 2);
-ColorOverlayEffect = __decorateClass$A([
+ColorOverlayEffect = __decorateClass$z([
   customNode("ColorOverlayEffect")
 ], ColorOverlayEffect);
 
-var __defProp$w = Object.defineProperty;
-var __getOwnPropDesc$q = Object.getOwnPropertyDescriptor;
-var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$z = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$q(target, key) : target;
+var __defProp$v = Object.defineProperty;
+var __getOwnPropDesc$p = Object.getOwnPropertyDescriptor;
+var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$v(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$y = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$w(target, key, result);
+  if (kind && result) __defProp$v(target, key, result);
   return result;
 };
 var __publicField$g = (obj, key, value) => __defNormalProp$g(obj, key + "" , value);
@@ -8096,25 +8113,25 @@ void main(void) {
   gl_FragColor = color;
 }`
 }));
-__decorateClass$z([
+__decorateClass$y([
   property({ default: () => [] })
 ], ColorRemoveEffect.prototype, "colors", 2);
-__decorateClass$z([
+__decorateClass$y([
   property({ fallback: 0.5 })
 ], ColorRemoveEffect.prototype, "epsilon", 2);
-ColorRemoveEffect = __decorateClass$z([
+ColorRemoveEffect = __decorateClass$y([
   customNode("ColorRemoveEffect")
 ], ColorRemoveEffect);
 
-var __defProp$v = Object.defineProperty;
-var __getOwnPropDesc$p = Object.getOwnPropertyDescriptor;
-var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$v(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$y = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$p(target, key) : target;
+var __defProp$u = Object.defineProperty;
+var __getOwnPropDesc$o = Object.getOwnPropertyDescriptor;
+var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$u(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$x = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$v(target, key, result);
+  if (kind && result) __defProp$u(target, key, result);
   return result;
 };
 var __publicField$f = (obj, key, value) => __defNormalProp$f(obj, key + "" , value);
@@ -8203,25 +8220,25 @@ void main(void) {
   }
 }`
 }));
-__decorateClass$y([
+__decorateClass$x([
   property({ default: () => [] })
 ], ColorReplaceEffect.prototype, "colors", 2);
-__decorateClass$y([
+__decorateClass$x([
   property({ fallback: 0.05 })
 ], ColorReplaceEffect.prototype, "epsilon", 2);
-ColorReplaceEffect = __decorateClass$y([
+ColorReplaceEffect = __decorateClass$x([
   customNode("ColorReplaceEffect")
 ], ColorReplaceEffect);
 
-var __defProp$u = Object.defineProperty;
-var __getOwnPropDesc$o = Object.getOwnPropertyDescriptor;
-var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$u(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$x = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$o(target, key) : target;
+var __defProp$t = Object.defineProperty;
+var __getOwnPropDesc$n = Object.getOwnPropertyDescriptor;
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$t(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$w = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$u(target, key, result);
+  if (kind && result) __defProp$t(target, key, result);
   return result;
 };
 var __publicField$e = (obj, key, value) => __defNormalProp$e(obj, key + "" , value);
@@ -8314,28 +8331,28 @@ void main(void) {
   gl_FragColor = color;
 }`
 }));
-__decorateClass$x([
+__decorateClass$w([
   property({ fallback: false })
 ], DrawboardEffect.prototype, "checkerboard", 2);
-__decorateClass$x([
+__decorateClass$w([
   property({ fallback: 1 / 16 })
 ], DrawboardEffect.prototype, "checkerboardScale", 2);
-__decorateClass$x([
+__decorateClass$w([
   property({ fallback: false })
 ], DrawboardEffect.prototype, "pixelGrid", 2);
-DrawboardEffect = __decorateClass$x([
+DrawboardEffect = __decorateClass$w([
   customNode("DrawboardEffect")
 ], DrawboardEffect);
 
-var __defProp$t = Object.defineProperty;
-var __getOwnPropDesc$n = Object.getOwnPropertyDescriptor;
-var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$t(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$w = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$n(target, key) : target;
+var __defProp$s = Object.defineProperty;
+var __getOwnPropDesc$m = Object.getOwnPropertyDescriptor;
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$s(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$v = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$t(target, key, result);
+  if (kind && result) __defProp$s(target, key, result);
   return result;
 };
 var __publicField$d = (obj, key, value) => __defNormalProp$d(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -8441,25 +8458,25 @@ void main(void) {
 }`,
   frag: frag$2
 }));
-__decorateClass$w([
+__decorateClass$v([
   property({ fallback: 4 })
 ], GaussianBlurEffect.prototype, "strength", 2);
-__decorateClass$w([
+__decorateClass$v([
   property({ fallback: 3 })
 ], GaussianBlurEffect.prototype, "quality", 2);
-GaussianBlurEffect = __decorateClass$w([
+GaussianBlurEffect = __decorateClass$v([
   customNode("GaussianBlurEffect")
 ], GaussianBlurEffect);
 
-var __defProp$s = Object.defineProperty;
-var __getOwnPropDesc$m = Object.getOwnPropertyDescriptor;
-var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$s(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$v = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$m(target, key) : target;
+var __defProp$r = Object.defineProperty;
+var __getOwnPropDesc$l = Object.getOwnPropertyDescriptor;
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$u = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$s(target, key, result);
+  if (kind && result) __defProp$r(target, key, result);
   return result;
 };
 var __publicField$c = (obj, key, value) => __defNormalProp$c(obj, key + "" , value);
@@ -8523,34 +8540,34 @@ void main(void) {
   gl_FragColor = sample;
 }`
 }));
-__decorateClass$v([
+__decorateClass$u([
   property({ fallback: "#000000FF" })
 ], DropShadowEffect.prototype, "color", 2);
-__decorateClass$v([
+__decorateClass$u([
   property({ fallback: 4 })
 ], DropShadowEffect.prototype, "blur", 2);
-__decorateClass$v([
+__decorateClass$u([
   property({ fallback: 4 })
 ], DropShadowEffect.prototype, "offsetX", 2);
-__decorateClass$v([
+__decorateClass$u([
   property({ fallback: 4 })
 ], DropShadowEffect.prototype, "offsetY", 2);
-__decorateClass$v([
+__decorateClass$u([
   property({ fallback: false })
 ], DropShadowEffect.prototype, "shadowOnly", 2);
-DropShadowEffect = __decorateClass$v([
+DropShadowEffect = __decorateClass$u([
   customNode("DropShadowEffect")
 ], DropShadowEffect);
 
-var __defProp$r = Object.defineProperty;
-var __getOwnPropDesc$l = Object.getOwnPropertyDescriptor;
-var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$u = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$l(target, key) : target;
+var __defProp$q = Object.defineProperty;
+var __getOwnPropDesc$k = Object.getOwnPropertyDescriptor;
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$t = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$r(target, key, result);
+  if (kind && result) __defProp$q(target, key, result);
   return result;
 };
 var __publicField$b = (obj, key, value) => __defNormalProp$b(obj, key + "" , value);
@@ -8595,22 +8612,22 @@ void main(void) {
     gl_FragColor = vec4(color.rgb * alpha, alpha);
 }`
 }));
-__decorateClass$u([
+__decorateClass$t([
   property({ fallback: 5 })
 ], EmbossEffect.prototype, "strength", 2);
-EmbossEffect = __decorateClass$u([
+EmbossEffect = __decorateClass$t([
   customNode("EmbossEffect")
 ], EmbossEffect);
 
-var __defProp$q = Object.defineProperty;
-var __getOwnPropDesc$k = Object.getOwnPropertyDescriptor;
-var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$t = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$k(target, key) : target;
+var __defProp$p = Object.defineProperty;
+var __getOwnPropDesc$j = Object.getOwnPropertyDescriptor;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$s = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$q(target, key, result);
+  if (kind && result) __defProp$p(target, key, result);
   return result;
 };
 var __publicField$a = (obj, key, value) => __defNormalProp$a(obj, key + "" , value);
@@ -8784,46 +8801,46 @@ void main(void) {
   gl_FragColor.a = texture2D(sampler, coord).a;
 }`
 }));
-__decorateClass$t([
+__decorateClass$s([
   property({ fallback: 10 })
 ], GlitchEffect.prototype, "slices", 2);
-__decorateClass$t([
+__decorateClass$s([
   property({ fallback: 512 })
 ], GlitchEffect.prototype, "sampleSize", 2);
-__decorateClass$t([
+__decorateClass$s([
   property({ fallback: 100 })
 ], GlitchEffect.prototype, "offset", 2);
-__decorateClass$t([
+__decorateClass$s([
   property({ fallback: 0 })
 ], GlitchEffect.prototype, "direction", 2);
-__decorateClass$t([
+__decorateClass$s([
   property({ fallback: 2 })
 ], GlitchEffect.prototype, "fillMode", 2);
-__decorateClass$t([
+__decorateClass$s([
   property({ fallback: 0 })
 ], GlitchEffect.prototype, "seed", 2);
-__decorateClass$t([
+__decorateClass$s([
   property({ default: () => [2, 2] })
 ], GlitchEffect.prototype, "red", 2);
-__decorateClass$t([
+__decorateClass$s([
   property({ default: () => [-10, 4] })
 ], GlitchEffect.prototype, "green", 2);
-__decorateClass$t([
+__decorateClass$s([
   property({ default: () => [10, -4] })
 ], GlitchEffect.prototype, "blue", 2);
-GlitchEffect = __decorateClass$t([
+GlitchEffect = __decorateClass$s([
   customNode("GlitchEffect")
 ], GlitchEffect);
 
-var __defProp$p = Object.defineProperty;
-var __getOwnPropDesc$j = Object.getOwnPropertyDescriptor;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$s = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$j(target, key) : target;
+var __defProp$o = Object.defineProperty;
+var __getOwnPropDesc$i = Object.getOwnPropertyDescriptor;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$r = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$p(target, key, result);
+  if (kind && result) __defProp$o(target, key, result);
   return result;
 };
 var __publicField$9 = (obj, key, value) => __defNormalProp$9(obj, key + "" , value);
@@ -9001,39 +9018,39 @@ void main(void) {
   gl_FragColor = vec4(color.rgb + mist.rgb, color.a);
 }`
 }));
-__decorateClass$s([
+__decorateClass$r([
   property({ fallback: 0 })
 ], GodrayEffect.prototype, "time", 2);
-__decorateClass$s([
+__decorateClass$r([
   property({ fallback: 30 })
 ], GodrayEffect.prototype, "angle", 2);
-__decorateClass$s([
+__decorateClass$r([
   property({ fallback: 0.5 })
 ], GodrayEffect.prototype, "gain", 2);
-__decorateClass$s([
+__decorateClass$r([
   property({ fallback: 2.5 })
 ], GodrayEffect.prototype, "lacunarity", 2);
-__decorateClass$s([
+__decorateClass$r([
   property({ fallback: true })
 ], GodrayEffect.prototype, "parallel", 2);
-__decorateClass$s([
+__decorateClass$r([
   property({ default: () => [0, 0] })
 ], GodrayEffect.prototype, "center", 2);
-__decorateClass$s([
+__decorateClass$r([
   property({ fallback: 1 })
 ], GodrayEffect.prototype, "alpha", 2);
-GodrayEffect = __decorateClass$s([
+GodrayEffect = __decorateClass$r([
   customNode("GodrayEffect")
 ], GodrayEffect);
 
-var __defProp$o = Object.defineProperty;
-var __getOwnPropDesc$i = Object.getOwnPropertyDescriptor;
-var __decorateClass$r = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$i(target, key) : target;
+var __defProp$n = Object.defineProperty;
+var __getOwnPropDesc$h = Object.getOwnPropertyDescriptor;
+var __decorateClass$q = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$o(target, key, result);
+  if (kind && result) __defProp$n(target, key, result);
   return result;
 };
 const frag$1 = `varying vec2 vUv;
@@ -9123,28 +9140,28 @@ void main() {
     });
   }
 };
-__decorateClass$r([
+__decorateClass$q([
   property({ fallback: 4 })
 ], KawaseBlurEffect.prototype, "strength", 2);
-__decorateClass$r([
+__decorateClass$q([
   property({ fallback: 3 })
 ], KawaseBlurEffect.prototype, "quality", 2);
-__decorateClass$r([
+__decorateClass$q([
   property({ default: () => [1, 1] })
 ], KawaseBlurEffect.prototype, "pixelSize", 2);
-KawaseBlurEffect = __decorateClass$r([
+KawaseBlurEffect = __decorateClass$q([
   customNode("KawaseBlurEffect")
 ], KawaseBlurEffect);
 
-var __defProp$n = Object.defineProperty;
-var __getOwnPropDesc$h = Object.getOwnPropertyDescriptor;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$q = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$h(target, key) : target;
+var __defProp$m = Object.defineProperty;
+var __getOwnPropDesc$g = Object.getOwnPropertyDescriptor;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$p = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$n(target, key, result);
+  if (kind && result) __defProp$m(target, key, result);
   return result;
 };
 var __publicField$8 = (obj, key, value) => __defNormalProp$8(obj, key + "" , value);
@@ -9232,25 +9249,25 @@ void main(void) {
   }
 }`
 }));
-__decorateClass$q([
+__decorateClass$p([
   property({ internal: true })
 ], MaskEffect.prototype, "texture", 2);
-__decorateClass$q([
+__decorateClass$p([
   property({ fallback: "" })
 ], MaskEffect.prototype, "src", 2);
-MaskEffect = __decorateClass$q([
+MaskEffect = __decorateClass$p([
   customNode("MaskEffect")
 ], MaskEffect);
 
-var __defProp$m = Object.defineProperty;
-var __getOwnPropDesc$g = Object.getOwnPropertyDescriptor;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$p = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$g(target, key) : target;
+var __defProp$l = Object.defineProperty;
+var __getOwnPropDesc$f = Object.getOwnPropertyDescriptor;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$o = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$f(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$l(target, key, result);
   return result;
 };
 var __publicField$7 = (obj, key, value) => __defNormalProp$7(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -9337,40 +9354,40 @@ void main() {
 };
 __publicField$7(OutlineEffect, "MIN_SAMPLES", 1);
 __publicField$7(OutlineEffect, "MAX_SAMPLES", 100);
-__decorateClass$p([
+__decorateClass$o([
   property({ fallback: "#000000ff" })
 ], OutlineEffect.prototype, "color", 2);
-__decorateClass$p([
+__decorateClass$o([
   property({ fallback: 1 })
 ], OutlineEffect.prototype, "width", 2);
-__decorateClass$p([
+__decorateClass$o([
   property({ fallback: "solid" })
 ], OutlineEffect.prototype, "style", 2);
-__decorateClass$p([
+__decorateClass$o([
   property()
 ], OutlineEffect.prototype, "image", 2);
-__decorateClass$p([
+__decorateClass$o([
   property({ fallback: 1 })
 ], OutlineEffect.prototype, "opacity", 2);
-__decorateClass$p([
+__decorateClass$o([
   property({ fallback: 0.1 })
 ], OutlineEffect.prototype, "quality", 2);
-__decorateClass$p([
+__decorateClass$o([
   property({ fallback: false })
 ], OutlineEffect.prototype, "knockout", 2);
-OutlineEffect = __decorateClass$p([
+OutlineEffect = __decorateClass$o([
   customNode("OutlineEffect")
 ], OutlineEffect);
 
-var __defProp$l = Object.defineProperty;
-var __getOwnPropDesc$f = Object.getOwnPropertyDescriptor;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$o = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$f(target, key) : target;
+var __defProp$k = Object.defineProperty;
+var __getOwnPropDesc$e = Object.getOwnPropertyDescriptor;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$n = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$l(target, key, result);
+  if (kind && result) __defProp$k(target, key, result);
   return result;
 };
 var __publicField$6 = (obj, key, value) => __defNormalProp$6(obj, key + "" , value);
@@ -9426,22 +9443,22 @@ void main(void) {
   gl_FragColor = texture2D(sampler, coord);
 }`
 }));
-__decorateClass$o([
+__decorateClass$n([
   property({ fallback: 10 })
 ], PixelateEffect.prototype, "strength", 2);
-PixelateEffect = __decorateClass$o([
+PixelateEffect = __decorateClass$n([
   customNode("PixelateEffect")
 ], PixelateEffect);
 
-var __defProp$k = Object.defineProperty;
-var __getOwnPropDesc$e = Object.getOwnPropertyDescriptor;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$n = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$e(target, key) : target;
+var __defProp$j = Object.defineProperty;
+var __getOwnPropDesc$d = Object.getOwnPropertyDescriptor;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$m = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : 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$k(target, key, result);
+  if (kind && result) __defProp$j(target, key, result);
   return result;
 };
 var __publicField$5 = (obj, key, value) => __defNormalProp$5(obj, key + "" , value);
@@ -9554,19 +9571,19 @@ void main() {
   gl_FragColor = color;
 }`
 }));
-__decorateClass$n([
+__decorateClass$m([
   property()
 ], ZoomBlurEffect.prototype, "center", 2);
-__decorateClass$n([
+__decorateClass$m([
   property({ fallback: 20 })
 ], ZoomBlurEffect.prototype, "innerRadius", 2);
-__decorateClass$n([
+__decorateClass$m([
   property({ fallback: -1 })
 ], ZoomBlurEffect.prototype, "radius", 2);
-__decorateClass$n([
+__decorateClass$m([
   property({ fallback: 0.1 })
 ], ZoomBlurEffect.prototype, "strength", 2);
-ZoomBlurEffect = __decorateClass$n([
+ZoomBlurEffect = __decorateClass$m([
   customNode("ZoomBlurEffect")
 ], ZoomBlurEffect);
 
@@ -9614,13 +9631,13 @@ function getDrawOptions(fill, box) {
   return { disableWrapMode, uvTransform };
 }
 
-var __defProp$j = Object.defineProperty;
-var __decorateClass$m = (decorators, target, key, kind) => {
+var __defProp$i = Object.defineProperty;
+var __decorateClass$l = (decorators, target, key, kind) => {
   var result = void 0 ;
   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$i(target, key, result);
   return result;
 };
 class BaseElement2DFill extends CoreObject {
@@ -9678,7 +9695,7 @@ class BaseElement2DFill extends CoreObject {
     await this.loadTexture();
     this.parent.requestRedraw();
   }
-  canDraw() {
+  isValid() {
     return Boolean(
       this.enabled && (this._texture || this._animatedTexture || this.color)
     );
@@ -9730,47 +9747,47 @@ class BaseElement2DFill extends CoreObject {
     return this;
   }
 }
-__decorateClass$m([
+__decorateClass$l([
   property({ fallback: true })
 ], BaseElement2DFill.prototype, "enabled");
-__decorateClass$m([
+__decorateClass$l([
   property()
 ], BaseElement2DFill.prototype, "color");
-__decorateClass$m([
+__decorateClass$l([
   property()
 ], BaseElement2DFill.prototype, "image");
-__decorateClass$m([
+__decorateClass$l([
   property()
 ], BaseElement2DFill.prototype, "linearGradient");
-__decorateClass$m([
+__decorateClass$l([
   property()
 ], BaseElement2DFill.prototype, "radialGradient");
-__decorateClass$m([
+__decorateClass$l([
   property()
 ], BaseElement2DFill.prototype, "cropRect");
-__decorateClass$m([
+__decorateClass$l([
   property()
 ], BaseElement2DFill.prototype, "stretchRect");
-__decorateClass$m([
+__decorateClass$l([
   property()
 ], BaseElement2DFill.prototype, "dpi");
-__decorateClass$m([
+__decorateClass$l([
   property()
 ], BaseElement2DFill.prototype, "rotateWithShape");
-__decorateClass$m([
+__decorateClass$l([
   property()
 ], BaseElement2DFill.prototype, "tile");
-__decorateClass$m([
+__decorateClass$l([
   property()
 ], BaseElement2DFill.prototype, "opacity");
 
-var __defProp$i = Object.defineProperty;
-var __decorateClass$l = (decorators, target, key, kind) => {
+var __defProp$h = Object.defineProperty;
+var __decorateClass$k = (decorators, target, key, kind) => {
   var result = void 0 ;
   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$h(target, key, result);
   return result;
 };
 class BaseElement2DBackground extends BaseElement2DFill {
@@ -9788,17 +9805,17 @@ class BaseElement2DBackground extends BaseElement2DFill {
     }
   }
 }
-__decorateClass$l([
+__decorateClass$k([
   property()
 ], BaseElement2DBackground.prototype, "fillWithShape");
 
-var __defProp$h = Object.defineProperty;
-var __decorateClass$k = (decorators, target, key, kind) => {
+var __defProp$g = Object.defineProperty;
+var __decorateClass$j = (decorators, target, key, kind) => {
   var result = void 0 ;
   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$g(target, key, result);
   return result;
 };
 class BaseElement2DForeground extends BaseElement2DFill {
@@ -9816,17 +9833,17 @@ class BaseElement2DForeground extends BaseElement2DFill {
     }
   }
 }
-__decorateClass$k([
+__decorateClass$j([
   property()
 ], BaseElement2DForeground.prototype, "fillWithShape");
 
-var __defProp$g = Object.defineProperty;
-var __decorateClass$j = (decorators, target, key, kind) => {
+var __defProp$f = Object.defineProperty;
+var __decorateClass$i = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$g(target, key, result);
+  if (result) __defProp$f(target, key, result);
   return result;
 };
 class BaseElement2DOutline extends BaseElement2DFill {
@@ -9847,9 +9864,9 @@ class BaseElement2DOutline extends BaseElement2DFill {
         break;
     }
   }
-  canDraw() {
+  isValid() {
     return Boolean(
-      this.enabled && (this.width || this.color || super.canDraw())
+      this.enabled && (this.width || this.color || super.isValid())
     );
   }
   draw() {
@@ -9869,29 +9886,29 @@ class BaseElement2DOutline extends BaseElement2DFill {
     ctx.stroke({ disableWrapMode });
   }
 }
-__decorateClass$j([
+__decorateClass$i([
   property({ fallback: "#00000000" })
 ], BaseElement2DOutline.prototype, "color");
-__decorateClass$j([
+__decorateClass$i([
   property({ fallback: 0 })
 ], BaseElement2DOutline.prototype, "width");
-__decorateClass$j([
+__decorateClass$i([
   property({ fallback: "solid" })
 ], BaseElement2DOutline.prototype, "style");
-__decorateClass$j([
+__decorateClass$i([
   property({ fallback: "butt" })
 ], BaseElement2DOutline.prototype, "lineCap");
-__decorateClass$j([
+__decorateClass$i([
   property({ fallback: "miter" })
 ], BaseElement2DOutline.prototype, "lineJoin");
 
-var __defProp$f = Object.defineProperty;
-var __decorateClass$i = (decorators, target, key, kind) => {
+var __defProp$e = Object.defineProperty;
+var __decorateClass$h = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$f(target, key, result);
+  if (result) __defProp$e(target, key, result);
   return result;
 };
 class BaseElement2DShadow extends CoreObject {
@@ -9931,29 +9948,29 @@ class BaseElement2DShadow extends CoreObject {
     }
   }
 }
-__decorateClass$i([
+__decorateClass$h([
   property({ fallback: true })
 ], BaseElement2DShadow.prototype, "enabled");
-__decorateClass$i([
+__decorateClass$h([
   property({ fallback: "#000000FF" })
 ], BaseElement2DShadow.prototype, "color");
-__decorateClass$i([
+__decorateClass$h([
   property({ fallback: 0 })
 ], BaseElement2DShadow.prototype, "blur");
-__decorateClass$i([
+__decorateClass$h([
   property({ fallback: 0 })
 ], BaseElement2DShadow.prototype, "offsetY");
-__decorateClass$i([
+__decorateClass$h([
   property({ fallback: 0 })
 ], BaseElement2DShadow.prototype, "offsetX");
 
-var __defProp$e = Object.defineProperty;
-var __decorateClass$h = (decorators, target, key, kind) => {
+var __defProp$d = Object.defineProperty;
+var __decorateClass$g = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$e(target, key, result);
+  if (result) __defProp$d(target, key, result);
   return result;
 };
 class BaseElement2DShape extends CoreObject {
@@ -10004,18 +10021,18 @@ class BaseElement2DShape extends CoreObject {
       path.applyTransform(new Matrix3$1().translate(-x, -y).scale(1 / w, 1 / h));
     });
   }
-  draw() {
-    if (this.enabled && this._path2DSet.paths.length) {
+  draw(rect = false) {
+    if (!rect && this.enabled && this._path2DSet.paths.length) {
       const ctx = this.parent.context;
       const { width, height } = this.parent.size;
       this._path2DSet.paths.forEach((path) => {
         ctx.addPath(path.clone().applyTransform(new Matrix3$1().scale(width, height)));
       });
     } else {
-      this.drawRect();
+      this._drawRect();
     }
   }
-  drawRect() {
+  _drawRect() {
     const ctx = this.parent.context;
     const { width, height } = this.parent.size;
     const { borderRadius } = this.parent.style;
@@ -10028,19 +10045,19 @@ class BaseElement2DShape extends CoreObject {
     }
   }
 }
-__decorateClass$h([
+__decorateClass$g([
   property({ fallback: true })
 ], BaseElement2DShape.prototype, "enabled");
-__decorateClass$h([
+__decorateClass$g([
   property()
 ], BaseElement2DShape.prototype, "preset");
-__decorateClass$h([
+__decorateClass$g([
   property()
 ], BaseElement2DShape.prototype, "svg");
-__decorateClass$h([
+__decorateClass$g([
   property()
 ], BaseElement2DShape.prototype, "viewBox");
-__decorateClass$h([
+__decorateClass$g([
   property()
 ], BaseElement2DShape.prototype, "paths");
 
@@ -10056,13 +10073,13 @@ for (const key in defaultStyles$1) {
   defineProperty(BaseElement2DStyle, key, { fallback });
 }
 
-var __defProp$d = Object.defineProperty;
-var __decorateClass$g = (decorators, target, key, kind) => {
+var __defProp$c = Object.defineProperty;
+var __decorateClass$f = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$d(target, key, result);
+  if (result) __defProp$c(target, key, result);
   return result;
 };
 class BaseElement2DText extends CoreObject {
@@ -10074,6 +10091,7 @@ class BaseElement2DText extends CoreObject {
   }
   base;
   measureResult;
+  _texture = new CanvasTexture();
   _textureMap = /* @__PURE__ */ new Map();
   setProperties(properties) {
     return super.setProperties(
@@ -10084,24 +10102,28 @@ class BaseElement2DText extends CoreObject {
     super._updateProperty(key, value, oldValue);
     switch (key) {
       case "enabled":
+        this.parent.requestRedraw();
+        break;
       case "effects":
       case "measureDom":
       case "fonts":
+        this.update();
         this.parent.requestRedraw();
         break;
       case "fill":
       case "outline":
       case "content":
+        this.update();
         this._updateTextureMap();
+        this.parent.requestRedraw();
         break;
     }
   }
-  _updateBase() {
+  update() {
     this.base.fonts = this.base.fonts ?? this.parent.tree?.fonts;
     this.base.update();
   }
   _updateTextureMap() {
-    this._updateBase();
     this._textureMap.clear();
     const pGlyphBoxs = [];
     this.base.paragraphs.forEach((p, pIndex) => {
@@ -10128,7 +10150,6 @@ class BaseElement2DText extends CoreObject {
       this._updateTexture("fill", this.fill, glyphBox);
       this._updateTexture("outline", this.outline, glyphBox);
     }
-    this.parent.requestRedraw();
   }
   async _updateTexture(key, fill, box) {
     if (fill && Object.keys(fill).length > 0) {
@@ -10157,19 +10178,19 @@ class BaseElement2DText extends CoreObject {
     this.content = normalizeTextContent(content);
   }
   measure() {
-    this._updateBase();
+    this.update();
     return this.base.measure();
   }
   updateMeasure() {
     this.measureResult = this.measure();
     return this;
   }
-  canDraw() {
+  isValid() {
     return Boolean(
       this.enabled && !/^\s*$/.test(this.base.toString())
     );
   }
-  _getVertTransform() {
+  _createVertTransform() {
     const parent = this.parent;
     if (parent.scale.x > 0 && parent.scale.y > 0) {
       return void 0;
@@ -10178,9 +10199,12 @@ class BaseElement2DText extends CoreObject {
     const origin = parent.getTransformOrigin();
     return new Transform2D().translate(-origin.x, -origin.y).scale(scale > 0 ? 1 : -1, 1).translate(origin.x, origin.y);
   }
-  draw() {
-    const ctx = this.parent.context;
-    this._updateBase();
+  useTextureDraw() {
+    return !!this.effects?.length || this.content.some((p) => {
+      return p.fragments.some((f) => !!f.highlightImage);
+    });
+  }
+  _pathDraw(ctx) {
     this.base.pathSets.forEach((pathSet) => {
       pathSet.paths.forEach((path) => {
         const meta = path.getMeta();
@@ -10203,13 +10227,13 @@ class BaseElement2DText extends CoreObject {
                 ctx.style = { ...path.style };
                 ctx.uvTransform = uvTransform;
                 ctx.fillStyle = texture?.texture ?? fill.color;
-                ctx.vertTransform = this._getVertTransform();
+                ctx.vertTransform = this._createVertTransform();
                 ctx.fill({ disableWrapMode });
               }
             } else {
               ctx.addPath(path);
               ctx.style = { ...path.style };
-              ctx.vertTransform = this._getVertTransform();
+              ctx.vertTransform = this._createVertTransform();
               ctx.fill();
             }
           }
@@ -10232,54 +10256,70 @@ class BaseElement2DText extends CoreObject {
                 ctx.strokeStyle = texture?.texture ?? outline.color;
                 ctx.lineCap = outline.lineCap;
                 ctx.lineJoin = outline.lineJoin;
-                ctx.vertTransform = this._getVertTransform();
+                ctx.vertTransform = this._createVertTransform();
                 ctx.stroke({ disableWrapMode });
               }
             } else {
               ctx.addPath(path);
               ctx.style = { ...path.style };
-              ctx.vertTransform = this._getVertTransform();
+              ctx.vertTransform = this._createVertTransform();
               ctx.stroke();
             }
           }
         } else {
           ctx.addPath(path);
           ctx.style = { ...path.style };
-          ctx.vertTransform = this._getVertTransform();
+          ctx.vertTransform = this._createVertTransform();
           ctx.fill();
         }
       });
     });
   }
+  _textureDraw(ctx) {
+    this._texture.width = Math.round(this.base.boundingBox.width);
+    this._texture.height = Math.round(this.base.boundingBox.height);
+    this.base.render({ view: this._texture.source });
+    ctx.fillStyle = this._texture;
+    ctx.vertTransform = this._createVertTransform();
+    ctx.fill();
+  }
+  draw() {
+    const ctx = this.parent.context;
+    if (this.useTextureDraw()) {
+      this._textureDraw(ctx);
+    } else {
+      this._pathDraw(ctx);
+    }
+  }
 }
-__decorateClass$g([
+__decorateClass$f([
   property({ fallback: true })
 ], BaseElement2DText.prototype, "enabled");
-__decorateClass$g([
+__decorateClass$f([
   property({ fallback: () => [] })
 ], BaseElement2DText.prototype, "content");
-__decorateClass$g([
+__decorateClass$f([
   property({ alias: "parent.style.json" })
 ], BaseElement2DText.prototype, "style");
-__decorateClass$g([
+__decorateClass$f([
   property()
 ], BaseElement2DText.prototype, "effects");
-__decorateClass$g([
+__decorateClass$f([
   property()
 ], BaseElement2DText.prototype, "fill");
-__decorateClass$g([
+__decorateClass$f([
   property()
 ], BaseElement2DText.prototype, "outline");
-__decorateClass$g([
+__decorateClass$f([
   property({ alias: "base.measureDom" })
 ], BaseElement2DText.prototype, "measureDom");
-__decorateClass$g([
+__decorateClass$f([
   property({ alias: "base.fonts" })
 ], BaseElement2DText.prototype, "fonts");
 
-var __getOwnPropDesc$d = Object.getOwnPropertyDescriptor;
-var __decorateClass$f = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$d(target, key) : target;
+var __getOwnPropDesc$c = Object.getOwnPropertyDescriptor;
+var __decorateClass$e = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(result)) || result;
@@ -10389,13 +10429,13 @@ let BaseElement2D = class extends Node2D {
         break;
       case "scaleX":
         this.scale.x = this.style.scaleX;
-        if (this.text.canDraw() && (value ^ oldValue) < 0) {
+        if (this.text.isValid() && (value ^ oldValue) < 0) {
           this.requestRedraw();
         }
         break;
       case "scaleY":
         this.scale.y = this.style.scaleY;
-        if (this.text.canDraw() && (value ^ oldValue) < 0) {
+        if (this.text.isValid() && (value ^ oldValue) < 0) {
           this.requestRedraw();
         }
         break;
@@ -10598,39 +10638,31 @@ let BaseElement2D = class extends Node2D {
   }
   _draw() {
     super._draw();
-    if (this._text.canDraw()) {
-      this._text.updateMeasure();
-    }
-    if (this._background.canDraw()) {
+    if (this._background.isValid()) {
       this._tree?.log(this.name, "background drawing");
-      if (this._background.fillWithShape) {
-        this._shape.draw();
-      } else {
-        this._shape.drawRect();
-      }
+      this._shape.draw(!this._background.fillWithShape);
       this._background.draw();
     }
-    if (this._fill.canDraw()) {
+    if (this._fill.isValid()) {
       this._tree?.log(this.name, "fill drawing");
       this._shape.draw();
       this._fill.draw();
     }
-    if (this._outline.canDraw()) {
+    if (this._outline.isValid()) {
       this._tree?.log(this.name, "outline drawing");
       this._shape.draw();
       this._outline.draw();
     }
-    if (this._foreground.canDraw()) {
+    if (this._foreground.isValid()) {
       this._tree?.log(this.name, "foreground drawing");
-      if (this._foreground.fillWithShape) {
-        this._shape.draw();
-      } else {
-        this._shape.drawRect();
-      }
+      this._shape.draw(!this._foreground.fillWithShape);
       this._foreground.draw();
     }
-    if (this._text.canDraw()) {
+    if (this._text.isValid()) {
       this._tree?.log(this.name, "text drawing");
+      if (this._text.useTextureDraw()) {
+        this._shape.draw(true);
+      }
       this._text.draw();
     }
     this._drawContent();
@@ -10706,7 +10738,7 @@ let BaseElement2D = class extends Node2D {
     });
   }
 };
-BaseElement2D = __decorateClass$f([
+BaseElement2D = __decorateClass$e([
   customNode("BaseElement2D")
 ], BaseElement2D);
 
@@ -10733,9 +10765,9 @@ class FlexElement2DStyle extends BaseElement2DStyle {
   }
 }
 
-var __getOwnPropDesc$c = Object.getOwnPropertyDescriptor;
-var __decorateClass$e = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key) : target;
+var __getOwnPropDesc$b = Object.getOwnPropertyDescriptor;
+var __decorateClass$d = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(result)) || result;
@@ -10786,7 +10818,7 @@ let Element2D = class extends BaseElement2D {
     }
   }
 };
-Element2D = __decorateClass$e([
+Element2D = __decorateClass$d([
   customNode("Element2D")
 ], Element2D);
 
@@ -11096,9 +11128,9 @@ class FlexLayout {
   }
 }
 
-var __getOwnPropDesc$b = Object.getOwnPropertyDescriptor;
-var __decorateClass$d = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target;
+var __getOwnPropDesc$a = Object.getOwnPropertyDescriptor;
+var __decorateClass$c = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(result)) || result;
@@ -11175,18 +11207,18 @@ let FlexElement2D = class extends BaseElement2D {
     }
   }
 };
-FlexElement2D = __decorateClass$d([
+FlexElement2D = __decorateClass$c([
   customNode("FlexElement2D")
 ], FlexElement2D);
 
-var __defProp$c = Object.defineProperty;
-var __getOwnPropDesc$a = Object.getOwnPropertyDescriptor;
-var __decorateClass$c = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key) : target;
+var __defProp$b = Object.defineProperty;
+var __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor;
+var __decorateClass$b = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(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$b(target, key, result);
   return result;
 };
 let Image2D = class extends Element2D {
@@ -11298,7 +11330,7 @@ let Image2D = class extends Element2D {
   }
   _drawContent() {
     const texture = this.currentFrameTexture;
-    if (texture?.valid) {
+    if (texture?.isValid()) {
       const { left = 0, top = 0, right = 0, bottom = 0 } = this.srcRect ?? {};
       const { width, height } = this.size;
       this.context.fillStyle = texture;
@@ -11322,19 +11354,19 @@ let Image2D = class extends Element2D {
     });
   }
 };
-__decorateClass$c([
+__decorateClass$b([
   property({ internal: true })
 ], Image2D.prototype, "texture", 2);
-__decorateClass$c([
+__decorateClass$b([
   property({ fallback: "" })
 ], Image2D.prototype, "src", 2);
-__decorateClass$c([
+__decorateClass$b([
   property()
 ], Image2D.prototype, "srcRect", 2);
-__decorateClass$c([
+__decorateClass$b([
   property({ fallback: false })
 ], Image2D.prototype, "gif", 2);
-Image2D = __decorateClass$c([
+Image2D = __decorateClass$b([
   customNode("Image2D")
 ], Image2D);
 
@@ -11345,27 +11377,22 @@ class TextureRect2D extends Element2D {
     this.setProperties(properties).append(children);
   }
   _drawContent() {
-    if (this.texture?.valid) {
-      const { width, height } = this.size;
+    if (this.texture?.isValid()) {
+      this.shape.draw(true);
       this.context.fillStyle = this.texture;
-      this.context.uvTransform = new Transform2D().scale(
-        1 / width,
-        1 / height
-      );
-      this.shape.drawRect();
       this.context.fill();
     }
   }
 }
 
-var __defProp$b = Object.defineProperty;
-var __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor;
-var __decorateClass$b = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(target, key) : target;
+var __defProp$a = Object.defineProperty;
+var __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor;
+var __decorateClass$a = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(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$a(target, key, result);
   return result;
 };
 let Lottie2D = class extends TextureRect2D {
@@ -11408,20 +11435,20 @@ let Lottie2D = class extends TextureRect2D {
     super._process(delta);
   }
 };
-__decorateClass$b([
+__decorateClass$a([
   property({ fallback: "" })
 ], Lottie2D.prototype, "src", 2);
-Lottie2D = __decorateClass$b([
+Lottie2D = __decorateClass$a([
   customNode("Lottie2D")
 ], Lottie2D);
 
-var __defProp$a = Object.defineProperty;
-var __decorateClass$a = (decorators, target, key, kind) => {
+var __defProp$9 = Object.defineProperty;
+var __decorateClass$9 = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$a(target, key, result);
+  if (result) __defProp$9(target, key, result);
   return result;
 };
 class TransformRect2D extends Element2D {
@@ -11467,18 +11494,18 @@ class TransformRect2D extends Element2D {
     this._drawEllipse(width, height / 2);
   }
 }
-__decorateClass$a([
+__decorateClass$9([
   property({ fallback: 6 })
 ], TransformRect2D.prototype, "handleSize");
 
-var __defProp$9 = Object.defineProperty;
-var __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor;
-var __decorateClass$9 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target;
+var __defProp$8 = Object.defineProperty;
+var __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;
+var __decorateClass$8 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(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$9(target, key, result);
+  if (kind && result) __defProp$8(target, key, result);
   return result;
 };
 let Video2D = class extends TextureRect2D {
@@ -11531,21 +11558,21 @@ let Video2D = class extends TextureRect2D {
     super._process(delta);
   }
 };
-__decorateClass$9([
+__decorateClass$8([
   property({ fallback: "" })
 ], Video2D.prototype, "src", 2);
-Video2D = __decorateClass$9([
+Video2D = __decorateClass$8([
   customNode("Video2D")
 ], Video2D);
 
-var __defProp$8 = Object.defineProperty;
-var __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;
-var __decorateClass$8 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target;
+var __defProp$7 = Object.defineProperty;
+var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
+var __decorateClass$7 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(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$8(target, key, result);
+  if (kind && result) __defProp$7(target, key, result);
   return result;
 };
 const linear = (amount) => amount;
@@ -11864,19 +11891,16 @@ let Animation = class extends TimelineNode {
     });
   }
 };
-__decorateClass$8([
+__decorateClass$7([
   property({ fallback: "parent" })
 ], Animation.prototype, "effectMode", 2);
-__decorateClass$8([
-  property({ fallback: false })
-], Animation.prototype, "loop", 2);
-__decorateClass$8([
+__decorateClass$7([
   property({ default: () => [] })
 ], Animation.prototype, "keyframes", 2);
-__decorateClass$8([
+__decorateClass$7([
   property()
 ], Animation.prototype, "easing", 2);
-Animation = __decorateClass$8([
+Animation = __decorateClass$7([
   customNode("Animation", {
     renderMode: "disabled",
     processMode: "pausable",
@@ -12757,11 +12781,11 @@ class WebAudio extends AudioPipeline {
   }
 }
 
-var __defProp$7 = Object.defineProperty;
-var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$7 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target;
+var __defProp$6 = Object.defineProperty;
+var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$6 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(result)) || result;
@@ -12972,7 +12996,7 @@ let Audio = class extends TimelineNode {
   }
 };
 __publicField$4(Audio, "_soundPool", []);
-Audio = __decorateClass$7([
+Audio = __decorateClass$6([
   customNode("Audio")
 ], Audio);
 
@@ -12980,14 +13004,14 @@ class AudioSpectrum extends Node2D {
   //
 }
 
-var __defProp$6 = Object.defineProperty;
-var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
-var __decorateClass$6 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target;
+var __defProp$5 = Object.defineProperty;
+var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
+var __decorateClass$5 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(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$6(target, key, result);
+  if (kind && result) __defProp$5(target, key, result);
   return result;
 };
 let AudioWaveform = class extends Element2D {
@@ -13069,7 +13093,7 @@ let AudioWaveform = class extends Element2D {
   }
   _drawSrc() {
     const src = this._src;
-    if (src?.valid) {
+    if (src?.isValid()) {
       this.context.fillStyle = src;
       this.context.uvTransform = new Transform2D().scale(
         1 / this.style.width,
@@ -13078,109 +13102,19 @@ let AudioWaveform = class extends Element2D {
     }
   }
 };
-__decorateClass$6([
+__decorateClass$5([
   property()
 ], AudioWaveform.prototype, "src", 2);
-__decorateClass$6([
+__decorateClass$5([
   property({ fallback: 0 })
 ], AudioWaveform.prototype, "gap", 2);
-__decorateClass$6([
+__decorateClass$5([
   property({ fallback: "#000000" })
 ], AudioWaveform.prototype, "color", 2);
-AudioWaveform = __decorateClass$6([
+AudioWaveform = __decorateClass$5([
   customNode("AudioWaveform")
 ], AudioWaveform);
 
-var __defProp$5 = Object.defineProperty;
-var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
-var __decorateClass$5 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(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$5(target, key, result);
-  return result;
-};
-let Scaler = class extends Node {
-  get target() {
-    if (this.parent?.style) {
-      return this.parent;
-    }
-    return void 0;
-  }
-  constructor(properties, children = []) {
-    super();
-    this.setProperties(properties);
-    this.append(children);
-  }
-  _updateProperty(key, value, oldValue) {
-    super._updateProperty(key, value, oldValue);
-    switch (key) {
-      case "translateY":
-      case "translateX":
-      case "scale":
-      case "min":
-      case "max": {
-        this.scale = clamp(this.scale, this.minScale, this.maxScale);
-        this._updateTarget();
-        break;
-      }
-    }
-  }
-  _updateTarget() {
-    const target = this.target;
-    if (target) {
-      target.style.transform = `translate(${this.translateX}px, ${this.translateY}px) scale(${this.scale})`;
-      this.emit("updateScale", this.scale);
-    }
-  }
-  _onWheel(e) {
-    const target = this.target;
-    if (!target)
-      return;
-    e.preventDefault();
-    if (e.ctrlKey) {
-      const isTouchPad = e.wheelDeltaY ? Math.abs(Math.abs(e.wheelDeltaY) - Math.abs(3 * e.deltaY)) < 3 : e.deltaMode === 0;
-      if (!isTouchPad) {
-        e.preventDefault();
-        this.scale += e.deltaY * -0.015;
-      }
-    } else {
-      this.translateX -= e.deltaX;
-      this.translateY -= e.deltaY;
-    }
-  }
-  _input(event, key) {
-    super._input(event, key);
-    switch (key) {
-      case "wheel":
-        this._onWheel(event);
-        break;
-    }
-  }
-};
-__decorateClass$5([
-  property({ default: 1 })
-], Scaler.prototype, "translateX", 2);
-__decorateClass$5([
-  property({ default: 1 })
-], Scaler.prototype, "translateY", 2);
-__decorateClass$5([
-  property({ default: 1 })
-], Scaler.prototype, "scale", 2);
-__decorateClass$5([
-  property({ default: 0.05 })
-], Scaler.prototype, "minScale", 2);
-__decorateClass$5([
-  property({ default: 10 })
-], Scaler.prototype, "maxScale", 2);
-Scaler = __decorateClass$5([
-  customNode("Scaler", {
-    processMode: "disabled",
-    renderMode: "disabled"
-  })
-], Scaler);
-
 var __defProp$4 = Object.defineProperty;
 var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
 var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -14156,4 +14090,4 @@ async function render(options) {
   });
 }
 
-export { AnimatedTexture, Animation, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, BaseElement2D, BaseElement2DBackground, BaseElement2DFill, BaseElement2DForeground, BaseElement2DOutline, BaseElement2DShadow, BaseElement2DShape, BaseElement2DStyle, BaseElement2DText, Camera2D, CanvasContext, CanvasItem, CanvasTexture, Color, ColorAdjustEffect, ColorFilterEffect, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, CoreObject, DEG_TO_RAD, DEVICE_PIXEL_RATIO, DrawboardEffect, DropShadowEffect, Effect, EffectMaterial, Element2D, Element2DStyle, EmbossEffect, Engine, FlexElement2D, FlexElement2DStyle, FlexLayout, FontLoader, GaussianBlurEffect, Geometry, GifLoader, GlitchEffect, GodrayEffect, GradientTexture, HTMLAudio, HTMLAudioContext, HTMLSound, IN_BROWSER, Image2D, ImageTexture, IndexBuffer, Input, InputEvent, JsonLoader, KawaseBlurEffect, KawaseTransition, KeyboardInputEvent, LeftEraseTransition, Loader, Lottie2D, LottieLoader, MainLoop, MaskEffect, Material, Matrix, Matrix2, Matrix3, Matrix4, Meta, MouseInputEvent, Node, Node2D, OutlineEffect, PI, PI_2, PixelateEffect, PixelsTexture, PointerInputEvent, Projection2D, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, RawWeakMap, Rect2, RefCounted, Renderer, Resource, 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, 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, Window, ZoomBlurEffect, alignMap, assets, boxSizingMap, clamp, clampFrag, createHTMLCanvas, createNode, crossOrigin, cubicBezier, curves, customNode, customNodes, defaultOptions, determineCrossOrigin, directionMap, displayMap, ease, easeIn, easeInOut, easeOut, edgeMap, flexDirectionMap, flexWrapMap, frag$1 as frag, getDefaultCssPropertyValue, gutterMap, isCanvasElement, isElementNode, isImageElement, isPow2, isVideoElement, isWebgl2, justifyMap, lerp, linear, log2, mapWebGLBlendModes, nextPow2, nextTick, overflowMap, parseCSSFilter, parseCSSTransform, parseCSSTransformOrigin, parseCssFunctions, parseCssProperty, positionTypeMap, render, timingFunctions, uid };
+export { AnimatedTexture, Animation, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, BaseElement2D, BaseElement2DBackground, BaseElement2DFill, BaseElement2DForeground, BaseElement2DOutline, BaseElement2DShadow, BaseElement2DShape, BaseElement2DStyle, BaseElement2DText, Camera2D, CanvasContext, CanvasItem, CanvasTexture, Color, ColorAdjustEffect, ColorFilterEffect, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, CoreObject, DEG_TO_RAD, DEVICE_PIXEL_RATIO, DrawboardEffect, DropShadowEffect, Effect, EffectMaterial, Element2D, Element2DStyle, EmbossEffect, Engine, FlexElement2D, FlexElement2DStyle, FlexLayout, FontLoader, GaussianBlurEffect, Geometry, GifLoader, GlitchEffect, GodrayEffect, GradientTexture, HTMLAudio, HTMLAudioContext, HTMLSound, IN_BROWSER, Image2D, ImageTexture, IndexBuffer, Input, InputEvent, JsonLoader, KawaseBlurEffect, KawaseTransition, KeyboardInputEvent, LeftEraseTransition, Loader, Lottie2D, LottieLoader, MainLoop, MaskEffect, Material, Matrix, Matrix2, Matrix3, Matrix4, Meta, MouseInputEvent, Node, Node2D, OutlineEffect, PI, PI_2, PixelateEffect, PixelsTexture, PointerInputEvent, Projection2D, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, RawWeakMap, Rect2, RefCounted, Renderer, Resource, 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, SceneTree, 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, Window, ZoomBlurEffect, alignMap, assets, boxSizingMap, clamp, clampFrag, createHTMLCanvas, createNode, crossOrigin, cubicBezier, curves, customNode, customNodes, defaultOptions, determineCrossOrigin, directionMap, displayMap, ease, easeIn, easeInOut, easeOut, edgeMap, flexDirectionMap, flexWrapMap, frag$1 as frag, getDefaultCssPropertyValue, gutterMap, isCanvasElement, isElementNode, isImageElement, isPow2, isVideoElement, isWebgl2, justifyMap, lerp, linear, log2, mapWebGLBlendModes, nextPow2, nextTick, overflowMap, parseCSSFilter, parseCSSTransform, parseCSSTransformOrigin, parseCssFunctions, parseCssProperty, positionTypeMap, render, timingFunctions, uid };