modern-canvas 0.4.55 → 0.5.0

package/dist/index.cjs

@@ -2121,13 +2121,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 {
@@ -4475,13 +4475,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 {
@@ -4532,13 +4532,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 {
@@ -4589,13 +4589,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 {
@@ -4894,13 +4894,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 {
@@ -5071,13 +5071,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 {
@@ -5299,13 +5299,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) {
@@ -5611,14 +5611,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 = {};
@@ -5750,6 +5750,9 @@ exports.Node = class Node 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();
   }
@@ -6032,6 +6035,14 @@ exports.Node = class Node extends CoreObject {
     });
     return this;
   }
+  forEachAncestor(callbackfn) {
+    const parent = this.parent;
+    if (parent) {
+      callbackfn(parent);
+      parent.forEachAncestor(callbackfn);
+    }
+    return this;
+  }
   /** override */
   _ready() {
   }
@@ -6105,14 +6116,14 @@ exports.Node = __decorateClass$R([
   customNode("Node")
 ], exports.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;
 };
 exports.TimelineNode = class TimelineNode extends exports.Node {
@@ -6188,14 +6199,14 @@ exports.TimelineNode = __decorateClass$Q([
   customNode("TimelineNode")
 ], exports.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;
 };
 exports.Viewport = class Viewport extends exports.Node {
@@ -6349,14 +6360,14 @@ exports.Viewport = __decorateClass$P([
   customNode("Viewport")
 ], exports.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;
 };
 exports.Effect = class Effect extends exports.TimelineNode {
@@ -6613,15 +6624,15 @@ exports.Effect = __decorateClass$O([
   customNode("Effect")
 ], exports.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);
@@ -6709,15 +6720,15 @@ exports.ColorAdjustEffect = __decorateClass$N([
   customNode("ColorAdjustEffect")
 ], exports.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);
@@ -6804,15 +6815,15 @@ exports.ColorFilterEffect = __decorateClass$M([
   customNode("ColorFilterEffect")
 ], exports.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);
@@ -6898,15 +6909,15 @@ exports.ColorOverlayEffect = __decorateClass$L([
   customNode("ColorOverlayEffect")
 ], exports.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);
@@ -6983,15 +6994,15 @@ exports.ColorRemoveEffect = __decorateClass$K([
   customNode("ColorRemoveEffect")
 ], exports.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);
@@ -7241,14 +7252,14 @@ class CanvasContext extends modernPath2d.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;
 };
 exports.CanvasItem = class CanvasItem extends exports.TimelineNode {
@@ -7452,14 +7463,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;
 };
 exports.Timeline = class Timeline extends exports.Node {
@@ -7520,13 +7531,13 @@ exports.Timeline = __decorateClass$H([
   customNode("Timeline")
 ], exports.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 {
@@ -7631,15 +7642,15 @@ exports.Transition = __decorateClass$F([
   })
 ], exports.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);
@@ -7755,15 +7766,15 @@ exports.GaussianBlurEffect = __decorateClass$E([
   customNode("GaussianBlurEffect")
 ], exports.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);
@@ -7846,15 +7857,15 @@ exports.DropShadowEffect = __decorateClass$D([
   customNode("DropShadowEffect")
 ], exports.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);
@@ -7906,15 +7917,15 @@ exports.EmbossEffect = __decorateClass$C([
   customNode("EmbossEffect")
 ], exports.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);
@@ -8119,15 +8130,15 @@ exports.GlitchEffect = __decorateClass$B([
   customNode("GlitchEffect")
 ], exports.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);
@@ -8330,14 +8341,14 @@ exports.GodrayEffect = __decorateClass$A([
   customNode("GodrayEffect")
 ], exports.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;
@@ -8441,15 +8452,15 @@ exports.KawaseBlurEffect = __decorateClass$z([
   customNode("KawaseBlurEffect")
 ], exports.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);
@@ -8548,15 +8559,15 @@ exports.MaskEffect = __decorateClass$y([
   customNode("MaskEffect")
 ], exports.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);
@@ -8669,15 +8680,15 @@ exports.OutlineEffect = __decorateClass$x([
   customNode("OutlineEffect")
 ], exports.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);
@@ -8740,15 +8751,15 @@ exports.PixelateEffect = __decorateClass$w([
   customNode("PixelateEffect")
 ], exports.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);
@@ -8877,13 +8888,13 @@ exports.ZoomBlurEffect = __decorateClass$v([
   customNode("ZoomBlurEffect")
 ], exports.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 {
@@ -9024,13 +9035,13 @@ __decorateClass$u([
   modernIdoc.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 {
@@ -9044,13 +9055,13 @@ __decorateClass$t([
   modernIdoc.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 {
@@ -9064,13 +9075,13 @@ __decorateClass$s([
   modernIdoc.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 {
@@ -9116,13 +9127,13 @@ __decorateClass$r([
   modernIdoc.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 {
@@ -9178,13 +9189,13 @@ __decorateClass$q([
   modernIdoc.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 {
@@ -9214,7 +9225,7 @@ class BaseElement2DShape extends CoreObject {
   _updatePath2DSet() {
     let viewBox;
     if (this.svg) {
-      const dom = modernPath2d.svgToDOM(this.svg);
+      const dom = modernPath2d.svgToDom(this.svg);
       this._path2DSet = modernPath2d.svgToPath2DSet(dom);
       viewBox = this._path2DSet.viewBox;
     } else {
@@ -9292,13 +9303,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 {
@@ -9387,22 +9398,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;
 };
 exports.Node2D = class Node2D extends exports.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();
@@ -9411,6 +9422,14 @@ exports.Node2D = class Node2D extends exports.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);
   }
@@ -9422,10 +9441,11 @@ exports.Node2D = class Node2D extends exports.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;
@@ -9433,9 +9453,9 @@ exports.Node2D = class Node2D extends exports.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,
@@ -9471,8 +9491,7 @@ exports.Node2D = class Node2D extends exports.CanvasItem {
     return newVertices;
   }
   _relayout(batchables) {
-    this._updateTransform();
-    this._updateGlobalTransform();
+    this.updateGlobalTransform();
     return super._relayout(batchables).map((batchable) => {
       return {
         ...batchable,
@@ -9488,6 +9507,12 @@ exports.Node2D = class Node2D extends exports.CanvasItem {
     }
   }
 };
+__decorateClass$n([
+  protectedProperty({ default: 0 })
+], exports.Node2D.prototype, "rotation", 2);
+__decorateClass$n([
+  protectedProperty({ default: 0 })
+], exports.Node2D.prototype, "globalRotation", 2);
 exports.Node2D = __decorateClass$n([
   customNode("Node2D")
 ], exports.Node2D);
@@ -9501,7 +9526,7 @@ var __decorateClass$m = (decorators, target, key, kind) => {
   return result;
 };
 exports.BaseElement2D = class BaseElement2D extends exports.Node2D {
-  size = new Vector2();
+  size = new Vector2().on("update", () => this.updateGlobalTransform());
   get style() {
     return this._style;
   }
@@ -9608,27 +9633,22 @@ exports.BaseElement2D = class BaseElement2D extends exports.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":
@@ -9695,8 +9715,8 @@ exports.BaseElement2D = class BaseElement2D extends exports.Node2D {
       cb?.(transform);
     });
   }
-  _updateGlobalTransform() {
-    super._updateGlobalTransform();
+  updateGlobalTransform() {
+    super.updateGlobalTransform();
     this._updateOverflow();
   }
   getRect() {
@@ -9893,19 +9913,15 @@ exports.Element2D = class Element2D extends exports.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;
     }
   }
@@ -10223,14 +10239,14 @@ exports.FlexElement2D = class FlexElement2D extends exports.BaseElement2D {
       this.requestRelayout();
     }
   }
-  _updateTransform() {
+  updateTransform() {
     this.calculateLayout(void 0, void 0, load.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();