modern-canvas 0.4.14 → 0.4.16

package/dist/index.mjs

@@ -4383,13 +4383,12 @@ function parseCSSFilter(filter) {
   return m;
 }
 
-const _temp = new Transform2D();
 function parseCSSTransform(transform, width, height) {
   const t2d = new Transform2D(false);
   transform = !transform || transform === "none" ? "" : transform;
   parseCssFunctions(transform, { width, height }).forEach(({ name, args }) => {
     const values = args.map((arg) => arg.normalizedIntValue);
-    _temp.identity();
+    const _temp = new Transform2D();
     switch (name) {
       case "translate":
         _temp.translate(values[0] * width, (values[1] ?? values[0]) * height);
@@ -5818,6 +5817,22 @@ let Node = class extends CoreObject {
     const tree = this._tree;
     const canRender = this.canRender();
     const canProcess = this.canProcess();
+    const childrenInBefore = [];
+    const childrenInAfter = [];
+    for (let len = this._children.length, i = 0; i < len; i++) {
+      const child = this._children[i];
+      switch (child.processSortMode) {
+        case "default":
+          childrenInAfter.push(child);
+          break;
+        case "parent_before":
+          childrenInBefore.push(child);
+          break;
+      }
+    }
+    childrenInBefore.forEach((child) => {
+      child.emit("process", delta);
+    });
     if (canProcess) {
       tree?.emit("nodeProcessing", this);
       this.emit("processing", delta);
@@ -5840,9 +5855,9 @@ let Node = class extends CoreObject {
         this.removeChild(mask);
       }
     }
-    for (let len = this._children.length, i = 0; i < len; i++) {
-      this._children[i].emit("process", delta);
-    }
+    childrenInAfter.forEach((child) => {
+      child.emit("process", delta);
+    });
     if (canRender) {
       tree.renderStack.currentCall = oldRenderCall;
     }
@@ -6110,6 +6125,9 @@ __decorateClass$I([
 __decorateClass$I([
   property({ default: "inherit" })
 ], Node.prototype, "processMode", 2);
+__decorateClass$I([
+  property({ default: "default" })
+], Node.prototype, "processSortMode", 2);
 __decorateClass$I([
   property({ default: "inherit" })
 ], Node.prototype, "renderMode", 2);
@@ -10171,19 +10189,14 @@ let Animation = class extends TimelineNode {
   _stoped = false;
   constructor(properties, children = []) {
     super();
-    this._process = this._process.bind(this);
     this.setProperties(properties).append(children);
   }
-  _treeEnter(tree) {
-    tree.timeline.on("updateCurrentTime", this._process);
+  _treeEnter(_tree) {
     this._updateCachedProps();
   }
-  _treeExit(oldTree) {
-    oldTree.timeline.on("updateCurrentTime", this._process);
+  _treeExit(_oldTree) {
     this.cancel();
   }
-  _onProcess() {
-  }
   _process() {
     if (this.canProcess()) {
       this.commitStyles();
@@ -10442,6 +10455,7 @@ Animation = __decorateClass$d([
   customNode("Animation", {
     renderMode: "disabled",
     processMode: "pausable",
+    processSortMode: "parent_before",
     duration: 2e3
   })
 ], Animation);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.4.14",
+  "version": "0.4.16",
   "packageManager": "pnpm@9.15.1",
   "description": "A JavaScript WebGL rendering engine.",
   "author": "wxm",