modern-canvas 0.8.8 → 0.8.10

package/dist/index.mjs

@@ -5746,23 +5746,23 @@ class CanvasContext extends Path2D {
   }
 }
 
-class Children extends Array {
+class Children {
   front = [];
+  default = [];
   back = [];
   get internal() {
     return [
       ...this.front,
-      ...this,
+      ...this.default,
       ...this.back
     ];
   }
   constructor(...items) {
-    super();
     this.set(items);
   }
   set(items) {
     this.front.length = 0;
-    this.length = 0;
+    this.default.length = 0;
     this.back.length = 0;
     items.forEach((item) => {
       switch (item.internalMode) {
@@ -5770,7 +5770,7 @@ class Children extends Array {
           this.front.push(item);
           break;
         case "default":
-          this.push(item);
+          this.default.push(item);
           break;
         case "back":
           this.back.push(item);
@@ -5784,7 +5784,7 @@ class Children extends Array {
       case "front":
         return this.front;
       case "default":
-        return this;
+        return this.default;
       case "back":
         return this.back;
       default:
@@ -5792,7 +5792,7 @@ class Children extends Array {
     }
   }
   toJSON() {
-    return [...this];
+    return [...this.default];
   }
 }
 
@@ -5933,13 +5933,16 @@ let Node = class extends CoreObject {
   /** Children */
   _children = new Children();
   get children() {
-    return this._children;
+    return this._children.default;
   }
   set children(value) {
-    value instanceof Children ? this._children = value : this._children.set(value);
+    this._children.set(value);
+  }
+  getChildren(includeInternal) {
+    return this._children.getInternal(includeInternal);
   }
   getChild(index = 0) {
-    return this._children[index];
+    return this.children[index];
   }
   get siblingIndex() {
     return this.getIndex();
@@ -5977,6 +5980,19 @@ let Node = class extends CoreObject {
         return false;
     }
   }
+  canInput() {
+    if (!this._tree)
+      return false;
+    switch (this.inputMode) {
+      case "inherit":
+        return this._parent?.canInput() ?? true;
+      case "always":
+        return true;
+      case "disabled":
+      default:
+        return false;
+    }
+  }
   canRender() {
     if (!this._tree)
       return false;
@@ -6087,10 +6103,12 @@ let Node = class extends CoreObject {
     if (event.propagationStopped) {
       return;
     }
-    this._input(event, key);
+    if (this.canInput()) {
+      this._input(event, key);
+    }
   }
   getIndex() {
-    return this._parent?.children.getInternal(this.internalMode).indexOf(this) ?? 0;
+    return this._parent?.getChildren(this.internalMode).indexOf(this) ?? 0;
   }
   getNode(path) {
     return this._children.internal.find((child) => child.name === path);
@@ -6166,7 +6184,7 @@ let Node = class extends CoreObject {
         this._children.front.push(node);
         break;
       case "default":
-        this._children.push(node);
+        this._children.default.push(node);
         break;
       case "back":
         this._children.back.push(node);
@@ -6210,24 +6228,24 @@ let Node = class extends CoreObject {
   removeChild(child) {
     const index = child.getIndex();
     if (this.equal(child.parent) && index > -1) {
-      this._children.getInternal(child.internalMode).splice(index, 1);
+      this.getChildren(child.internalMode).splice(index, 1);
       child.setParent(void 0);
       this.emit("removeChild", child, index);
     }
     return child;
   }
   removeChildren() {
-    this._children.forEach((child) => this.removeChild(child));
+    this.children.forEach((child) => this.removeChild(child));
   }
   remove() {
     this._parent?.removeChild(this);
   }
   forEachChild(callbackfn) {
-    this._children.forEach(callbackfn);
+    this.children.forEach(callbackfn);
     return this;
   }
   forEachDescendant(callbackfn) {
-    this._children.forEach((child) => {
+    this.children.forEach((child) => {
       callbackfn(child);
       child.forEachDescendant(callbackfn);
     });
@@ -6274,7 +6292,7 @@ let Node = class extends CoreObject {
   toJSON() {
     return clearUndef({
       ...super.toJSON(),
-      children: this._children.length ? [...this._children.map((child) => child.toJSON())] : void 0,
+      children: this.children.length ? [...this.children.map((child) => child.toJSON())] : void 0,
       meta: {
         ...this.meta,
         inCanvasIs: this.is
@@ -6311,6 +6329,9 @@ __decorateClass$S([
 __decorateClass$S([
   property({ protected: true, fallback: "inherit" })
 ], Node.prototype, "renderMode", 2);
+__decorateClass$S([
+  property({ protected: true, fallback: "inherit" })
+], Node.prototype, "inputMode", 2);
 __decorateClass$S([
   property({ protected: true, fallback: "default" })
 ], Node.prototype, "internalMode", 2);
@@ -6869,7 +6890,7 @@ let Effect = class extends TimelineNode {
     calls.splice(start, 0, renderStack.createCall(this));
   }
   _processChildren() {
-    if (this._children.length) {
+    if (this.children.length) {
       super.emit("process");
       this._tree?.renderStack.push(this);
     }

package/package.json

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