modern-canvas 0.4.54 → 0.4.56

package/dist/index.mjs

@@ -737,14 +737,14 @@ class Input extends EventEmitter {
       this.target.removeEventListener("pointerdown", this.onPointerDown);
       this.target.removeEventListener("pointerleave", this.onPointerOver);
       this.target.removeEventListener("pointerover", this.onPointerOver);
-      this.target.ownerDocument.removeEventListener("pointermove", this.onPointerMove);
-      this.target.ownerDocument.removeEventListener("pointerup", this.onPointerUp);
+      this.target.removeEventListener("pointermove", this.onPointerMove);
+      this.target.removeEventListener("pointerup", this.onPointerUp);
     } else {
       this.target.removeEventListener("mousedown", this.onPointerDown);
       this.target.removeEventListener("mouseout", this.onPointerOver);
       this.target.removeEventListener("mouseover", this.onPointerOver);
-      this.target.ownerDocument.removeEventListener("mousemove", this.onPointerMove);
-      this.target.ownerDocument.removeEventListener("mouseup", this.onPointerUp);
+      this.target.removeEventListener("mousemove", this.onPointerMove);
+      this.target.removeEventListener("mouseup", this.onPointerUp);
     }
     if (SUPPORTS_TOUCH_EVENTS) {
       this.target.removeEventListener("touchstart", this.onPointerDown);
@@ -772,14 +772,14 @@ class Input extends EventEmitter {
       this.target.addEventListener("pointerdown", this.onPointerDown);
       this.target.addEventListener("pointerleave", this.onPointerOver);
       this.target.addEventListener("pointerover", this.onPointerOver);
-      this.target.ownerDocument.addEventListener("pointermove", this.onPointerMove);
-      this.target.ownerDocument.addEventListener("pointerup", this.onPointerUp);
+      this.target.addEventListener("pointermove", this.onPointerMove);
+      this.target.addEventListener("pointerup", this.onPointerUp);
     } else {
       this.target.addEventListener("mousedown", this.onPointerDown);
       this.target.addEventListener("mouseout", this.onPointerOver);
       this.target.addEventListener("mouseover", this.onPointerOver);
-      this.target.ownerDocument.addEventListener("mousemove", this.onPointerMove);
-      this.target.ownerDocument.addEventListener("mouseup", this.onPointerUp);
+      this.target.addEventListener("mousemove", this.onPointerMove);
+      this.target.addEventListener("mouseup", this.onPointerUp);
     }
     if (SUPPORTS_TOUCH_EVENTS) {
       this.target.addEventListener("touchstart", this.onPointerDown);
@@ -2115,13 +2115,13 @@ class Vector3 extends Vector {
   }
 }
 
-var __defProp$Q = Object.defineProperty;
+var __defProp$R = Object.defineProperty;
 var __decorateClass$Y = (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$R(target, key, result);
   return result;
 };
 class MainLoop extends CoreObject {
@@ -4469,13 +4469,13 @@ class Geometry extends Resource {
   }
 }
 
-var __defProp$P = Object.defineProperty;
+var __defProp$Q = Object.defineProperty;
 var __decorateClass$X = (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$Q(target, key, result);
   return result;
 };
 class IndexBuffer extends Resource {
@@ -4526,13 +4526,13 @@ __decorateClass$X([
   protectedProperty({ default: false })
 ], IndexBuffer.prototype, "dynamic");
 
-var __defProp$O = Object.defineProperty;
+var __defProp$P = Object.defineProperty;
 var __decorateClass$W = (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$P(target, key, result);
   return result;
 };
 class VertexBuffer extends Resource {
@@ -4583,13 +4583,13 @@ __decorateClass$W([
   protectedProperty({ default: false })
 ], VertexBuffer.prototype, "dynamic");
 
-var __defProp$N = Object.defineProperty;
+var __defProp$O = Object.defineProperty;
 var __decorateClass$V = (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$O(target, key, result);
   return result;
 };
 class VertexAttribute extends Resource {
@@ -4888,13 +4888,13 @@ class UvGeometry extends Geometry {
   }
 }
 
-var __defProp$M = Object.defineProperty;
+var __defProp$N = 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$M(target, key, result);
+  if (result) __defProp$N(target, key, result);
   return result;
 };
 class Texture2D extends Resource {
@@ -5065,13 +5065,13 @@ class AnimatedTexture extends Resource {
   }
 }
 
-var __defProp$L = Object.defineProperty;
+var __defProp$M = 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$L(target, key, result);
+  if (result) __defProp$M(target, key, result);
   return result;
 };
 class CanvasTexture extends Texture2D {
@@ -5293,13 +5293,13 @@ class PixelsTexture extends Texture2D {
   }
 }
 
-var __defProp$K = Object.defineProperty;
+var __defProp$L = 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$K(target, key, result);
+  if (result) __defProp$L(target, key, result);
   return result;
 };
 function resolveOptions(options) {
@@ -5605,14 +5605,14 @@ class Children extends Array {
   }
 }
 
-var __defProp$J = Object.defineProperty;
+var __defProp$K = 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;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$J(target, key, result);
+  if (kind && result) __defProp$K(target, key, result);
   return result;
 };
 const tagUidMap = {};
@@ -5744,6 +5744,9 @@ let Node = class extends CoreObject {
   set children(value) {
     value instanceof Children ? this._children = value : this._children.set(value);
   }
+  getChild(index = 0) {
+    return this._children[index];
+  }
   get siblingIndex() {
     return this.getIndex();
   }
@@ -6026,6 +6029,14 @@ let Node = class extends CoreObject {
     });
     return this;
   }
+  forEachAncestor(callbackfn) {
+    const parent = this.parent;
+    if (parent) {
+      callbackfn(parent);
+      parent.forEachAncestor(callbackfn);
+    }
+    return this;
+  }
   /** override */
   _ready() {
   }
@@ -6099,14 +6110,14 @@ Node = __decorateClass$R([
   customNode("Node")
 ], Node);
 
-var __defProp$I = Object.defineProperty;
+var __defProp$J = 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$I(target, key, result);
+  if (kind && result) __defProp$J(target, key, result);
   return result;
 };
 let TimelineNode = class extends Node {
@@ -6182,14 +6193,14 @@ TimelineNode = __decorateClass$Q([
   customNode("TimelineNode")
 ], TimelineNode);
 
-var __defProp$H = Object.defineProperty;
+var __defProp$I = Object.defineProperty;
 var __getOwnPropDesc$G = Object.getOwnPropertyDescriptor;
 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$H(target, key, result);
+  if (kind && result) __defProp$I(target, key, result);
   return result;
 };
 let Viewport = class extends Node {
@@ -6343,14 +6354,14 @@ Viewport = __decorateClass$P([
   customNode("Viewport")
 ], Viewport);
 
-var __defProp$G = Object.defineProperty;
+var __defProp$H = Object.defineProperty;
 var __getOwnPropDesc$F = Object.getOwnPropertyDescriptor;
 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$G(target, key, result);
+  if (kind && result) __defProp$H(target, key, result);
   return result;
 };
 let Effect = class extends TimelineNode {
@@ -6607,15 +6618,15 @@ Effect = __decorateClass$O([
   customNode("Effect")
 ], Effect);
 
-var __defProp$F = Object.defineProperty;
+var __defProp$G = Object.defineProperty;
 var __getOwnPropDesc$E = Object.getOwnPropertyDescriptor;
-var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$F(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$G(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$F(target, key, result);
+  if (kind && result) __defProp$G(target, key, result);
   return result;
 };
 var __publicField$i = (obj, key, value) => __defNormalProp$i(obj, key + "" , value);
@@ -6703,15 +6714,15 @@ ColorAdjustEffect = __decorateClass$N([
   customNode("ColorAdjustEffect")
 ], ColorAdjustEffect);
 
-var __defProp$E = Object.defineProperty;
+var __defProp$F = Object.defineProperty;
 var __getOwnPropDesc$D = Object.getOwnPropertyDescriptor;
-var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$E(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$F(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$E(target, key, result);
+  if (kind && result) __defProp$F(target, key, result);
   return result;
 };
 var __publicField$h = (obj, key, value) => __defNormalProp$h(obj, key + "" , value);
@@ -6798,15 +6809,15 @@ ColorFilterEffect = __decorateClass$M([
   customNode("ColorFilterEffect")
 ], ColorFilterEffect);
 
-var __defProp$D = Object.defineProperty;
+var __defProp$E = Object.defineProperty;
 var __getOwnPropDesc$C = Object.getOwnPropertyDescriptor;
-var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$D(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$E(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __decorateClass$L = (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$D(target, key, result);
+  if (kind && result) __defProp$E(target, key, result);
   return result;
 };
 var __publicField$g = (obj, key, value) => __defNormalProp$g(obj, key + "" , value);
@@ -6892,15 +6903,15 @@ ColorOverlayEffect = __decorateClass$L([
   customNode("ColorOverlayEffect")
 ], ColorOverlayEffect);
 
-var __defProp$C = Object.defineProperty;
+var __defProp$D = Object.defineProperty;
 var __getOwnPropDesc$B = Object.getOwnPropertyDescriptor;
-var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$C(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$D(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __decorateClass$K = (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$C(target, key, result);
+  if (kind && result) __defProp$D(target, key, result);
   return result;
 };
 var __publicField$f = (obj, key, value) => __defNormalProp$f(obj, key + "" , value);
@@ -6977,15 +6988,15 @@ ColorRemoveEffect = __decorateClass$K([
   customNode("ColorRemoveEffect")
 ], ColorRemoveEffect);
 
-var __defProp$B = Object.defineProperty;
+var __defProp$C = Object.defineProperty;
 var __getOwnPropDesc$A = Object.getOwnPropertyDescriptor;
-var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$B(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$C(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __decorateClass$J = (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$B(target, key, result);
+  if (kind && result) __defProp$C(target, key, result);
   return result;
 };
 var __publicField$e = (obj, key, value) => __defNormalProp$e(obj, key + "" , value);
@@ -7235,14 +7246,14 @@ class CanvasContext extends Path2D {
   }
 }
 
-var __defProp$A = Object.defineProperty;
+var __defProp$B = Object.defineProperty;
 var __getOwnPropDesc$z = Object.getOwnPropertyDescriptor;
 var __decorateClass$I = (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$A(target, key, result);
+  if (kind && result) __defProp$B(target, key, result);
   return result;
 };
 let CanvasItem = class extends TimelineNode {
@@ -7446,14 +7457,14 @@ class RenderStack {
   }
 }
 
-var __defProp$z = Object.defineProperty;
+var __defProp$A = Object.defineProperty;
 var __getOwnPropDesc$y = Object.getOwnPropertyDescriptor;
 var __decorateClass$H = (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$z(target, key, result);
+  if (kind && result) __defProp$A(target, key, result);
   return result;
 };
 let Timeline = class extends Node {
@@ -7514,13 +7525,13 @@ Timeline = __decorateClass$H([
   customNode("Timeline")
 ], Timeline);
 
-var __defProp$y = Object.defineProperty;
+var __defProp$z = 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$y(target, key, result);
+  if (result) __defProp$z(target, key, result);
   return result;
 };
 class SceneTree extends MainLoop {
@@ -7625,15 +7636,15 @@ Transition = __decorateClass$F([
   })
 ], Transition);
 
-var __defProp$x = Object.defineProperty;
+var __defProp$y = Object.defineProperty;
 var __getOwnPropDesc$w = Object.getOwnPropertyDescriptor;
-var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$x(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __decorateClass$E = (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$x(target, key, result);
+  if (kind && result) __defProp$y(target, key, result);
   return result;
 };
 var __publicField$d = (obj, key, value) => __defNormalProp$d(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -7749,15 +7760,15 @@ GaussianBlurEffect = __decorateClass$E([
   customNode("GaussianBlurEffect")
 ], GaussianBlurEffect);
 
-var __defProp$w = Object.defineProperty;
+var __defProp$x = Object.defineProperty;
 var __getOwnPropDesc$v = Object.getOwnPropertyDescriptor;
-var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$x(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __decorateClass$D = (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 = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$w(target, key, result);
+  if (kind && result) __defProp$x(target, key, result);
   return result;
 };
 var __publicField$c = (obj, key, value) => __defNormalProp$c(obj, key + "" , value);
@@ -7840,15 +7851,15 @@ DropShadowEffect = __decorateClass$D([
   customNode("DropShadowEffect")
 ], DropShadowEffect);
 
-var __defProp$v = Object.defineProperty;
+var __defProp$w = Object.defineProperty;
 var __getOwnPropDesc$u = Object.getOwnPropertyDescriptor;
-var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$v(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$w(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$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$v(target, key, result);
+  if (kind && result) __defProp$w(target, key, result);
   return result;
 };
 var __publicField$b = (obj, key, value) => __defNormalProp$b(obj, key + "" , value);
@@ -7900,15 +7911,15 @@ EmbossEffect = __decorateClass$C([
   customNode("EmbossEffect")
 ], EmbossEffect);
 
-var __defProp$u = Object.defineProperty;
+var __defProp$v = Object.defineProperty;
 var __getOwnPropDesc$t = Object.getOwnPropertyDescriptor;
-var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$u(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$v(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$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$u(target, key, result);
+  if (kind && result) __defProp$v(target, key, result);
   return result;
 };
 var __publicField$a = (obj, key, value) => __defNormalProp$a(obj, key + "" , value);
@@ -8113,15 +8124,15 @@ GlitchEffect = __decorateClass$B([
   customNode("GlitchEffect")
 ], GlitchEffect);
 
-var __defProp$t = Object.defineProperty;
+var __defProp$u = Object.defineProperty;
 var __getOwnPropDesc$s = Object.getOwnPropertyDescriptor;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$t(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$u(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$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$t(target, key, result);
+  if (kind && result) __defProp$u(target, key, result);
   return result;
 };
 var __publicField$9 = (obj, key, value) => __defNormalProp$9(obj, key + "" , value);
@@ -8324,14 +8335,14 @@ GodrayEffect = __decorateClass$A([
   customNode("GodrayEffect")
 ], GodrayEffect);
 
-var __defProp$s = Object.defineProperty;
+var __defProp$t = Object.defineProperty;
 var __getOwnPropDesc$r = Object.getOwnPropertyDescriptor;
 var __decorateClass$z = (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$s(target, key, result);
+  if (kind && result) __defProp$t(target, key, result);
   return result;
 };
 const frag$1 = `varying vec2 vUv;
@@ -8435,15 +8446,15 @@ KawaseBlurEffect = __decorateClass$z([
   customNode("KawaseBlurEffect")
 ], KawaseBlurEffect);
 
-var __defProp$r = Object.defineProperty;
+var __defProp$s = Object.defineProperty;
 var __getOwnPropDesc$q = Object.getOwnPropertyDescriptor;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$s(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __decorateClass$y = (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$r(target, key, result);
+  if (kind && result) __defProp$s(target, key, result);
   return result;
 };
 var __publicField$8 = (obj, key, value) => __defNormalProp$8(obj, key + "" , value);
@@ -8542,15 +8553,15 @@ MaskEffect = __decorateClass$y([
   customNode("MaskEffect")
 ], MaskEffect);
 
-var __defProp$q = Object.defineProperty;
+var __defProp$r = Object.defineProperty;
 var __getOwnPropDesc$p = Object.getOwnPropertyDescriptor;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __decorateClass$x = (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$q(target, key, result);
+  if (kind && result) __defProp$r(target, key, result);
   return result;
 };
 var __publicField$7 = (obj, key, value) => __defNormalProp$7(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -8663,15 +8674,15 @@ OutlineEffect = __decorateClass$x([
   customNode("OutlineEffect")
 ], OutlineEffect);
 
-var __defProp$p = Object.defineProperty;
+var __defProp$q = Object.defineProperty;
 var __getOwnPropDesc$o = Object.getOwnPropertyDescriptor;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __decorateClass$w = (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$p(target, key, result);
+  if (kind && result) __defProp$q(target, key, result);
   return result;
 };
 var __publicField$6 = (obj, key, value) => __defNormalProp$6(obj, key + "" , value);
@@ -8734,15 +8745,15 @@ PixelateEffect = __decorateClass$w([
   customNode("PixelateEffect")
 ], PixelateEffect);
 
-var __defProp$o = Object.defineProperty;
+var __defProp$p = Object.defineProperty;
 var __getOwnPropDesc$n = Object.getOwnPropertyDescriptor;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$p(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$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$o(target, key, result);
+  if (kind && result) __defProp$p(target, key, result);
   return result;
 };
 var __publicField$5 = (obj, key, value) => __defNormalProp$5(obj, key + "" , value);
@@ -8871,13 +8882,13 @@ ZoomBlurEffect = __decorateClass$v([
   customNode("ZoomBlurEffect")
 ], ZoomBlurEffect);
 
-var __defProp$n = Object.defineProperty;
+var __defProp$o = 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$n(target, key, result);
+  if (result) __defProp$o(target, key, result);
   return result;
 };
 class BaseElement2DFill extends CoreObject {
@@ -9018,13 +9029,13 @@ __decorateClass$u([
   property()
 ], BaseElement2DFill.prototype, "opacity");
 
-var __defProp$m = Object.defineProperty;
+var __defProp$n = 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$m(target, key, result);
+  if (result) __defProp$n(target, key, result);
   return result;
 };
 class BaseElement2DBackground extends BaseElement2DFill {
@@ -9038,13 +9049,13 @@ __decorateClass$t([
   property()
 ], BaseElement2DBackground.prototype, "fillWithShape");
 
-var __defProp$l = Object.defineProperty;
+var __defProp$m = 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$l(target, key, result);
+  if (result) __defProp$m(target, key, result);
   return result;
 };
 class BaseElement2DForeground extends BaseElement2DFill {
@@ -9058,13 +9069,13 @@ __decorateClass$s([
   property()
 ], BaseElement2DForeground.prototype, "fillWithShape");
 
-var __defProp$k = Object.defineProperty;
+var __defProp$l = 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$k(target, key, result);
+  if (result) __defProp$l(target, key, result);
   return result;
 };
 class BaseElement2DOutline extends BaseElement2DFill {
@@ -9110,13 +9121,13 @@ __decorateClass$r([
   property({ default: "solid" })
 ], BaseElement2DOutline.prototype, "style");
 
-var __defProp$j = Object.defineProperty;
+var __defProp$k = 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$j(target, key, result);
+  if (result) __defProp$k(target, key, result);
   return result;
 };
 class BaseElement2DShadow extends CoreObject {
@@ -9172,13 +9183,13 @@ __decorateClass$q([
   property({ default: 0 })
 ], BaseElement2DShadow.prototype, "offsetX");
 
-var __defProp$i = Object.defineProperty;
+var __defProp$j = 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$i(target, key, result);
+  if (result) __defProp$j(target, key, result);
   return result;
 };
 class BaseElement2DShape extends CoreObject {
@@ -9286,13 +9297,13 @@ for (const key in defaultStyles$1) {
   });
 }
 
-var __defProp$h = Object.defineProperty;
+var __defProp$i = 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$h(target, key, result);
+  if (result) __defProp$i(target, key, result);
   return result;
 };
 class BaseElement2DText extends CoreObject {
@@ -9381,22 +9392,22 @@ __decorateClass$o([
   protectedProperty({ alias: "base.fonts" })
 ], BaseElement2DText.prototype, "fonts");
 
+var __defProp$h = Object.defineProperty;
 var __getOwnPropDesc$m = Object.getOwnPropertyDescriptor;
 var __decorateClass$n = (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 = (decorator(result)) || result;
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp$h(target, key, result);
   return result;
 };
 let Node2D = class extends CanvasItem {
-  position = new Vector2();
-  rotation = 0;
-  scale = new Vector2(1, 1);
-  skew = new Vector2();
+  position = new Vector2().on("update", () => this.updateGlobalTransform());
+  scale = new Vector2(1, 1).on("update", () => this.updateGlobalTransform());
+  skew = new Vector2().on("update", () => this.updateGlobalTransform());
   transform = new Transform2D();
   globalPosition = new Vector2();
-  globalRotation = 0;
   globalScale = new Vector2();
   globalSkew = new Vector2();
   globalTransform = new Transform2D();
@@ -9405,6 +9416,14 @@ let Node2D = class extends CanvasItem {
     super();
     this.setProperties(properties).append(nodes);
   }
+  _updateProperty(key, value, oldValue, declaration) {
+    super._updateProperty(key, value, oldValue, declaration);
+    switch (key) {
+      case "rotation":
+        this.updateGlobalTransform();
+        break;
+    }
+  }
   getTransformOrigin() {
     return new Vector2(0, 0);
   }
@@ -9416,10 +9435,11 @@ let Node2D = class extends CanvasItem {
     transform.translate(this.position.x, this.position.y).translate(origin.x, origin.y);
     return transform;
   }
-  _updateTransform() {
+  updateTransform() {
     this.transform.copy(this.getTransform());
   }
-  _updateGlobalTransform() {
+  updateGlobalTransform() {
+    this.updateTransform();
     const parent = this.getParent();
     if (parent?.globalTransform) {
       this._parentTransformDirtyId = parent.globalTransform.dirtyId;
@@ -9427,9 +9447,9 @@ let Node2D = class extends CanvasItem {
       this.globalRotation = parent.globalRotation + this.rotation;
       parent.globalTransform.multiply(this.transform, this.globalTransform);
     } else {
-      this.globalScale = this.scale.clone();
+      this.globalScale.copy(this.scale);
       this.globalRotation = this.rotation;
-      this.globalTransform = this.transform.clone();
+      this.globalTransform.copy(this.transform);
     }
     const [
       a,
@@ -9465,8 +9485,7 @@ let Node2D = class extends CanvasItem {
     return newVertices;
   }
   _relayout(batchables) {
-    this._updateTransform();
-    this._updateGlobalTransform();
+    this.updateGlobalTransform();
     return super._relayout(batchables).map((batchable) => {
       return {
         ...batchable,
@@ -9482,6 +9501,12 @@ let Node2D = class extends CanvasItem {
     }
   }
 };
+__decorateClass$n([
+  protectedProperty({ default: 0 })
+], Node2D.prototype, "rotation", 2);
+__decorateClass$n([
+  protectedProperty({ default: 0 })
+], Node2D.prototype, "globalRotation", 2);
 Node2D = __decorateClass$n([
   customNode("Node2D")
 ], Node2D);
@@ -9495,7 +9520,7 @@ var __decorateClass$m = (decorators, target, key, kind) => {
   return result;
 };
 let BaseElement2D = class extends Node2D {
-  size = new Vector2();
+  size = new Vector2().on("update", () => this.updateGlobalTransform());
   get style() {
     return this._style;
   }
@@ -9602,27 +9627,22 @@ let BaseElement2D = class extends Node2D {
     switch (key) {
       case "rotate":
         this.rotation = this.style.rotate * DEG_TO_RAD;
-        this.requestRelayout();
         break;
       case "scaleX":
         this.scale.x = this.style.scaleX;
-        this.requestRelayout();
         break;
       case "scaleY":
         this.scale.y = this.style.scaleY;
-        this.requestRelayout();
         break;
       case "skewX":
         this.skew.x = this.style.skewX;
-        this.requestRelayout();
         break;
       case "skewY":
         this.skew.y = this.style.skewY;
-        this.requestRelayout();
         break;
       case "transform":
       case "transformOrigin":
-        this.requestRelayout();
+        this.updateGlobalTransform();
         break;
       /** draw */
       case "opacity":
@@ -9689,8 +9709,8 @@ let BaseElement2D = class extends Node2D {
       cb?.(transform);
     });
   }
-  _updateGlobalTransform() {
-    super._updateGlobalTransform();
+  updateGlobalTransform() {
+    super.updateGlobalTransform();
     this._updateOverflow();
   }
   getRect() {
@@ -9887,19 +9907,15 @@ let Element2D = class extends BaseElement2D {
     switch (key) {
       case "left":
         this.position.x = Number(value);
-        this.requestRelayout();
         break;
       case "top":
         this.position.y = Number(value);
-        this.requestRelayout();
         break;
       case "width":
         this.size.width = Number(value);
-        this.requestRedraw();
         break;
       case "height":
         this.size.height = Number(value);
-        this.requestRedraw();
         break;
     }
   }
@@ -10217,14 +10233,14 @@ let FlexElement2D = class extends BaseElement2D {
       this.requestRelayout();
     }
   }
-  _updateTransform() {
+  updateTransform() {
     this.calculateLayout(void 0, void 0, Direction.LTR);
     const { left, top, width, height } = this._layout.getComputedLayout();
     this.position.x = left;
     this.position.y = top;
     this.size.x = width;
     this.size.y = height;
-    super._updateTransform();
+    super.updateTransform();
   }
   calculateLayout(width, height, direction) {
     const parent = this.getParent();