modern-canvas 0.15.4 → 0.15.6

package/dist/index.js

@@ -331,14 +331,14 @@ class Wi extends cs {
   static DOM_DELTA_PAGE = 2;
   DOM_DELTA_PAGE = 2;
 }
-const ji = {
+const qi = {
   touchstart: "pointerdown",
   touchend: "pointerup",
   touchendoutside: "pointerupoutside",
   touchmove: "pointermove",
   touchcancel: "pointercancel"
 };
-class qi extends Ct {
+class ji extends Ct {
   /**
    * Current event
    */
@@ -387,7 +387,7 @@ class qi extends Ct {
   }
   _clonePointerEvent(t) {
     const e = new Xi();
-    return e.nativeEvent = t, e.pointerId = t.pointerId, e.width = t.width, e.height = t.height, e.isPrimary = t.isPrimary, e.pointerType = t.pointerType, e.pressure = t.pressure, e.tangentialPressure = t.tangentialPressure, e.tiltX = t.tiltX, e.tiltY = t.tiltY, e.twist = t.twist, e.isTrusted = t.isTrusted, this._copyMouseEvent(e, t), this.mapPositionToPoint(e.screen, t.clientX, t.clientY), e.global.x = e.screen.x, e.global.y = e.screen.y, e.offset.x = e.screen.x, e.offset.y = e.screen.y, e.type === "pointerleave" ? e.type = "pointerout" : e.type.startsWith("mouse") ? e.type = e.type.replace("mouse", "pointer") : e.type.startsWith("touch") && (e.type = ji[e.type] || e.type), e;
+    return e.nativeEvent = t, e.pointerId = t.pointerId, e.width = t.width, e.height = t.height, e.isPrimary = t.isPrimary, e.pointerType = t.pointerType, e.pressure = t.pressure, e.tangentialPressure = t.tangentialPressure, e.tiltX = t.tiltX, e.tiltY = t.tiltY, e.twist = t.twist, e.isTrusted = t.isTrusted, this._copyMouseEvent(e, t), this.mapPositionToPoint(e.screen, t.clientX, t.clientY), e.global.x = e.screen.x, e.global.y = e.screen.y, e.offset.x = e.screen.x, e.offset.y = e.screen.y, e.type === "pointerleave" ? e.type = "pointerout" : e.type.startsWith("mouse") ? e.type = e.type.replace("mouse", "pointer") : e.type.startsWith("touch") && (e.type = qi[e.type] || e.type), e;
   }
   _copyInputEvent(t, e) {
     t.nativeEvent = e, t.bubbles = e.bubbles, t.cancelBubble = e.cancelBubble, t.cancelable = e.cancelable, t.composed = e.composed, t.currentTarget = e.currentTarget, t.defaultPrevented = e.defaultPrevented, t.eventPhase = e.eventPhase, t.isTrusted = e.isTrusted, t.returnValue = e.returnValue, t.srcElement = e.srcElement, t.timeStamp = e.timeStamp, t.type = e.type;
@@ -616,7 +616,7 @@ class R {
     this._onUpdate = void 0;
   }
 }
-class q {
+class j {
   get x() {
     return this.min.x;
   }
@@ -715,11 +715,11 @@ class q {
   }
   contains(t) {
     let e, s;
-    return t instanceof q ? (e = t.min, s = t.max) : (e = t, s = t), this.max.x >= s.x && this.max.y >= s.y && this.min.x <= e.x && this.min.y <= e.y;
+    return t instanceof j ? (e = t.min, s = t.max) : (e = t, s = t), this.max.x >= s.x && this.max.y >= s.y && this.min.x <= e.x && this.min.y <= e.y;
   }
   getIntersectionRect(t) {
     const e = Math.max(this.min.x, t.min.x), s = Math.max(this.min.y, t.min.y), i = Math.min(this.max.x, t.max.x), a = Math.min(this.max.y, t.max.y);
-    return i <= e || a <= s ? new q() : new q(
+    return i <= e || a <= s ? new j() : new j(
       e,
       s,
       Math.max(0, i - e),
@@ -755,7 +755,7 @@ class q {
     };
   }
   clone() {
-    return new q(this.toJSON());
+    return new j(this.toJSON());
   }
   destroy() {
     this.min.destroy(), this.size.destroy(), this.max.destroy();
@@ -1106,7 +1106,7 @@ class us {
     return this._array;
   }
 }
-class Oe extends q {
+class Oe extends j {
   /**
    * Rotation radians
    */
@@ -1422,7 +1422,7 @@ function ta(r, t) {
   let e = $r[r];
   return e === void 0 && (Je[t] === void 0 && (Je[t] = 1), $r[r] = e = Je[t]++), e;
 }
-class j extends Ct {
+class q extends Ct {
   get _gl() {
     return this._renderer.gl;
   }
@@ -1442,7 +1442,7 @@ class j extends Ct {
   reset() {
   }
 }
-class ea extends j {
+class ea extends q {
   install(t) {
     super.install(t), t.buffer = this;
   }
@@ -1733,7 +1733,7 @@ function fa(r, t) {
   const e = ps(r, t);
   return da[e] || "float32";
 }
-class pa extends j {
+class pa extends q {
   install(t) {
     super.install(t), t.shader = this;
   }
@@ -1964,7 +1964,7 @@ class Bt {
   }
 }
 Bt._init();
-class ma extends j {
+class ma extends q {
   install(t) {
     super.install(t), t.state = this;
   }
@@ -2022,7 +2022,7 @@ class ma extends j {
     super.reset(), this.bind(this.defaultState), this._blendEq = !0, this.setBlendMode(ie.normal);
   }
 }
-class ga extends j {
+class ga extends q {
   install(t) {
     super.install(t), t.batch2D = this;
   }
@@ -2096,23 +2096,23 @@ in vec4 vModulate;
 
 uniform sampler2D samplers[${t}];
 
-void main(void) {
-  vec2 uv = vUv;
-
+vec4 textureColor() {
   vec4 color = vec4(0.0);
-${Array.from({ length: t }, (n, h) => {
-          const u = `if (vTextureId < ${h}.5) { color = texture(samplers[${h}], uv); }`;
+  ${Array.from({ length: t }, (n, h) => {
+          const u = `if (vTextureId < ${h}.5) { color = texture(samplers[${h}], vUv); }`;
           return h === 0 ? `
   ${u}` : `
   else ${u}`;
         }).join("")}
+  color *= vModulate;
+  return color;
+}
 
-  if (vClipOutsideUv == 1. && (uv.x < 0.0 || uv.y < 0.0 || uv.x > 1.0 || uv.y > 1.0)) {
-    color.a = 0.0;
+void main(void) {
+  vec4 color = textureColor();
+  if (vClipOutsideUv == 1. && (vUv.x < 0.0 || vUv.y < 0.0 || vUv.x > 1.0 || vUv.y > 1.0)) {
+    color = vec4(0.0);
   }
-
-    color *= vModulate;
-
   finalColor = color;
 }`
       })
@@ -2175,7 +2175,7 @@ ${Array.from({ length: t }, (n, h) => {
         for (let ft = S; ft <= O; ft++) {
           const {
             indices: Nr,
-            vertices: je,
+            vertices: qe,
             uvs: Ur = new Float32Array(0),
             size: Zs = { width: 0, height: 0 },
             texture: Br,
@@ -2185,10 +2185,10 @@ ${Array.from({ length: t }, (n, h) => {
             modulate: ye = [255, 255, 255, 255]
           } = s[ft];
           S < ft && _.blendMode !== Lr && (_.size = u - _.start, d.push(_), S = ft, _ = { id: ++f }, _.textures = m, _.start = u);
-          const { width: qe, height: Ye } = Zs, ti = h / this._vertexSize, ei = (Br ? v.get(Br) : 255) ?? 255, ri = Qs ? 1 : 0, si = Js ? 1 : 0;
+          const { width: je, height: Ye } = Zs, ti = h / this._vertexSize, ei = (Br ? v.get(Br) : 255) ?? 255, ri = Qs ? 1 : 0, si = Js ? 1 : 0;
           let xe, we, J;
-          for (let Ke = je.length, Q = 0; Q < Ke; Q += 2)
-            xe = Ur[Q], we = Ur[Q + 1], qe > 0 && Ye > 0 && (xe = Math.ceil(xe * qe) / qe, we = Math.ceil(we * Ye) / Ye), o[h++] = je[Q], o[h++] = je[Q + 1], o[h++] = xe, o[h++] = we, J = h * 4, l[J] = ei, l[J + 1] = si, l[J + 2] = ri, l[J + 3] = 0, h++, J = h * 4, l[J] = ye[0], l[J + 1] = ye[1], l[J + 2] = ye[2], l[J + 3] = ye[3], h++;
+          for (let Ke = qe.length, Q = 0; Q < Ke; Q += 2)
+            xe = Ur[Q], we = Ur[Q + 1], je > 0 && Ye > 0 && (xe = Math.ceil(xe * je) / je, we = Math.ceil(we * Ye) / Ye), o[h++] = qe[Q], o[h++] = qe[Q + 1], o[h++] = xe, o[h++] = we, J = h * 4, l[J] = ei, l[J + 1] = si, l[J + 2] = ri, l[J + 3] = 0, h++, J = h * 4, l[J] = ye[0], l[J + 1] = ye[1], l[J + 2] = ye[2], l[J + 3] = ye[3], h++;
           for (let Ke = Nr.length, Q = 0; Q < Ke; Q++)
             n[u++] = ti + Nr[Q];
           _.blendMode = Lr;
@@ -2211,13 +2211,13 @@ ${Array.from({ length: t }, (n, h) => {
     }
   }
   _getBufferData(t) {
-    const e = Wr(Math.ceil(t / 8)), s = jr(e), i = e * 8;
+    const e = Wr(Math.ceil(t / 8)), s = qr(e), i = e * 8;
     this._attributeBuffer.length <= s && (this._indexBuffers.length = s + 1);
     let a = this._attributeBuffer[i];
     return a || (this._attributeBuffer[i] = a = new ArrayBuffer(i * this._vertexSize * 4)), a;
   }
   _getIndexBufferData(t) {
-    const e = Wr(Math.ceil(t / 12)), s = jr(e), i = e * 12;
+    const e = Wr(Math.ceil(t / 12)), s = qr(e), i = e * 12;
     this._indexBuffers.length <= s && (this._indexBuffers.length = s + 1);
     let a = this._indexBuffers[s];
     return a || (this._indexBuffers[s] = a = new Uint32Array(i)), a;
@@ -2226,14 +2226,14 @@ ${Array.from({ length: t }, (n, h) => {
 function Wr(r) {
   return r += r === 0 ? 1 : 0, --r, r |= r >>> 1, r |= r >>> 2, r |= r >>> 4, r |= r >>> 8, r |= r >>> 16, r + 1;
 }
-function jr(r) {
+function qr(r) {
   let t = (r > 65535 ? 1 : 0) << 4;
   r >>>= t;
   let e = (r > 255 ? 1 : 0) << 3;
   return r >>>= e, t |= e, e = (r > 15 ? 1 : 0) << 2, r >>>= e, t |= e, e = (r > 3 ? 1 : 0) << 1, r >>>= e, t |= e, t | r >> 1;
 }
 var D = /* @__PURE__ */ ((r) => (r[r.disabled = 0] = "disabled", r[r.renderingMaskAdd = 1] = "renderingMaskAdd", r[r.maskActive = 2] = "maskActive", r[r.inverseMaskActive = 3] = "inverseMaskActive", r[r.renderingMaskRemove = 4] = "renderingMaskRemove", r[r.none = 5] = "none", r))(D || {}), ee = /* @__PURE__ */ ((r) => (r[r.none = 0] = "none", r[r.color = 16384] = "color", r[r.stencil = 1024] = "stencil", r[r.depth = 256] = "depth", r[r.colorDepth = 16640] = "colorDepth", r[r.colorStencil = 17408] = "colorStencil", r[r.depthStencil = 1280] = "depthStencil", r[r.all = 17664] = "all", r))(ee || {});
-class va extends j {
+class va extends q {
   install(t) {
     super.install(t), t.mask = this;
   }
@@ -2513,7 +2513,7 @@ const Pa = {
     linear: 9986,
     nearest: 9984
   }
-}, qr = {
+}, jr = {
   linear: 9729,
   nearest: 9728
 }, Ea = {
@@ -2545,13 +2545,13 @@ function Sa(r, t, e, s, i, a, o, l) {
     const v = rr[o ? "clamp-to-edge" : n], w = rr[o ? "clamp-to-edge" : h], S = rr[o ? "clamp-to-edge" : u];
     t[i](m, t.TEXTURE_WRAP_S, v), t[i](m, t.TEXTURE_WRAP_T, w), t.TEXTURE_WRAP_R && t[i](m, t.TEXTURE_WRAP_R, S);
   }
-  if ((!l || d !== "linear") && t[i](m, t.TEXTURE_MAG_FILTER, qr[d]), e) {
+  if ((!l || d !== "linear") && t[i](m, t.TEXTURE_MAG_FILTER, jr[d]), e) {
     if (!l || g !== "linear") {
       const v = Pa[f][g];
       t[i](m, t.TEXTURE_MIN_FILTER, v);
     }
   } else
-    t[i](m, t.TEXTURE_MIN_FILTER, qr[f]);
+    t[i](m, t.TEXTURE_MIN_FILTER, jr[f]);
   if (s && p > 1) {
     const v = Math.min(p, t.getParameter(s.MAX_TEXTURE_MAX_ANISOTROPY_EXT));
     t[i](m, s.TEXTURE_MAX_ANISOTROPY_EXT, v);
@@ -2646,7 +2646,7 @@ const Ta = {
   buffer: Ta,
   image: Ra
 };
-class Ca extends j {
+class Ca extends q {
   uploaders = {
     ...Aa
   };
@@ -2816,7 +2816,7 @@ const Da = {
   "triangle-list": 4,
   "triangle-strip": 5
 };
-class Ia extends j {
+class Ia extends q {
   _geometryVaoHash = {};
   hasInstance = !1;
   current = null;
@@ -2961,7 +2961,7 @@ class Ia extends j {
     super.reset(), this.current = null, this.currentVao = null;
   }
 }
-class Ma extends j {
+class Ma extends q {
   install(t) {
     super.install(t), t.colorMask = this;
   }
@@ -2988,7 +2988,7 @@ function ka(r, t) {
     height: m - _
   };
 }
-class Na extends j {
+class Na extends q {
   install(t) {
     super.install(t), t.scissor = this;
   }
@@ -3083,7 +3083,7 @@ Ot[D.inverseMaskActive] = {
     passOp: "keep"
   }
 };
-class Ua extends j {
+class Ua extends q {
   install(t) {
     super.install(t), t.stencil = this;
   }
@@ -3148,8 +3148,8 @@ class Ua extends j {
     super.destroy(), this._renderer.renderTarget.off("updateRenderTarget", this._updateRenderTarget);
   }
 }
-class Ba extends j {
-  current = new q(0, 0, 0, 0);
+class Ba extends q {
+  current = new j(0, 0, 0, 0);
   install(t) {
     super.install(t), t.viewport = this;
   }
@@ -3169,7 +3169,7 @@ class La {
   msaaRenderBuffer = [];
   depthStencilRenderBuffer;
 }
-class Fa extends j {
+class Fa extends q {
   install(t) {
     super.install(t), t.renderTarget = this;
   }
@@ -3619,12 +3619,12 @@ class nh extends It {
     });
   }
 }
-var Wa = Object.defineProperty, ja = (r, t, e, s) => {
+var Wa = Object.defineProperty, qa = (r, t, e, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(t, e, i) || i);
   return i && Wa(t, e, i), i;
 };
-function qa() {
+function ja() {
   return {
     projectionMatrix: new Float32Array([1, 0, 0, 0, 1, 0, 0, 0, 1]),
     modelViewMatrix: new Float32Array([1, 0, 0, 0, 1, 0, 0, 0, 1]),
@@ -3658,8 +3658,8 @@ void main(void) {
     }, t.shader.updateUniforms(this);
   }
 }
-ja([
-  c({ default: qa })
+qa([
+  c({ default: ja })
 ], E.prototype, "uniforms");
 const Ya = /^uniform \w+ (.+?);\s*\/\/\s*=\s*([^;]+?)[\s;]*$/gm, Ka = /vec(\d)\((.*)\)/;
 function Za(r) {
@@ -4408,6 +4408,12 @@ function co(r) {
   return t++, Kr[r] = t, t;
 }
 let M = class extends xt {
+  static parse(r, t = "Node") {
+    if (Array.isArray(r))
+      return r.map((n) => this.parse(n));
+    const { is: e, meta: s = {}, children: i, ...a } = r, o = br.get(e ?? s.inCanvasIs ?? t) ?? M, l = new o({ ...a, meta: s });
+    return i?.forEach((n) => l.appendChild(this.parse(n))), l;
+  }
   _mask;
   _meta = new no(this);
   get meta() {
@@ -4427,10 +4433,13 @@ let M = class extends xt {
   _readyed = !1;
   constructor(r, t = []) {
     super(), this._onTreeEnter = this._onTreeEnter.bind(this), this._onTreeExit = this._onTreeExit.bind(this), this._onParented = this._onParented.bind(this), this._onUnparented = this._onUnparented.bind(this), this._onReady = this._onReady.bind(this), this._onProcess = this._onProcess.bind(this), this.setProperties({
-      name: `${this.is}:${co(this.is)}`,
+      name: this._defaultName(),
       ...r
     }).append(t), this.on("treeEnter", this._onTreeEnter).on("treeExit", this._onTreeExit).on("parented", this._onParented).on("unparented", this._onUnparented).on("ready", this._onReady).on("process", this._onProcess), this.updateProcessable(), this.updateRenderable();
   }
+  _defaultName() {
+    return `@${this.is}@${co(this.is)}`;
+  }
   setProperties(r) {
     if (r) {
       const {
@@ -4794,12 +4803,6 @@ let M = class extends xt {
       meta: this.meta.toJSON()
     });
   }
-  static parse(r, t = "Node") {
-    if (Array.isArray(r))
-      return r.map((n) => this.parse(n));
-    const { is: e, meta: s = {}, children: i, ...a } = r, o = br.get(e ?? s.inCanvasIs ?? t) ?? M, l = new o({ ...a, meta: s });
-    return i?.forEach((n) => l.appendChild(this.parse(n))), l;
-  }
 };
 ht([
   c({ default: () => vr() })
@@ -5163,7 +5166,7 @@ let X = class extends M {
     this.renderStart(r), super.render(r, t), this.renderEnd(r, e);
   }
   getRect() {
-    return new q(this.x, this.y, this.width, this.height);
+    return new j(this.x, this.y, this.width, this.height);
   }
   toCanvasGlobal(r, t) {
     return this.canvasTransform.applyAffineInverse(r, t);
@@ -5248,7 +5251,7 @@ let T = class extends et {
     t && this._effectMode === "transition" && (r.equal(this._previousSibling) ? (this._previousSibling = void 0, t.push(this)) : r.equal(this._nextSibling) && (this._nextSibling = void 0, t.push(this)));
   }
   getRect() {
-    return new q(this._rect);
+    return new j(this._rect);
   }
   _processParent() {
     const r = this._tree?.renderStack;
@@ -5509,7 +5512,7 @@ var So = Object.defineProperty, Nt = (r, t, e, s) => {
   return i && So(t, e, i), i;
 };
 class Pt extends wr {
-  input = new qi();
+  input = new ji();
   renderStack = new yo();
   root = new pr().setTree(this);
   timeline = new vt().setTree(this);
@@ -5611,8 +5614,8 @@ let ae = class extends Lt {
   globalScale = new R();
   globalSkew = new R();
   globalTransform = new $();
+  parentTransformDirtyId;
   transformDirtyId = 0;
-  _parentTransformDirtyId;
   constructor(r, t = []) {
     super(), this.setProperties(r).append(t);
   }
@@ -5630,13 +5633,13 @@ let ae = class extends Lt {
         globalRotation: i,
         transformDirtyId: a
       } = r;
-      this._parentTransformDirtyId = a, this.globalPosition.set(t.x + this.position.x, t.y + this.position.y), this.globalScale.set(e.x * this.scale.x, e.y * this.scale.y), this.globalSkew.set(s.x * this.skew.x, s.y * this.skew.y), this.globalRotation = i + this.rotation, this.globalTransform.appendFrom(
+      this.parentTransformDirtyId = a, this.globalPosition.set(t.x + this.position.x, t.y + this.position.y), this.globalScale.set(e.x * this.scale.x, e.y * this.scale.y), this.globalSkew.set(s.x * this.skew.x, s.y * this.skew.y), this.globalRotation = i + this.rotation, this.globalTransform.appendFrom(
         this.transform,
         r.globalTransform
       );
     } else
       this.globalPosition.copyFrom(this.position), this.globalScale.copyFrom(this.scale), this.globalSkew.copyFrom(this.skew), this.globalRotation = this.rotation, this.globalTransform.copyFrom(this.transform);
-    this.requestLayout();
+    this.requestLayout(), this.emit("updateGlobalTransform");
   }
   _relayout(r, t) {
     return super._relayout(r, t).map((e, s) => {
@@ -5651,7 +5654,7 @@ let ae = class extends Lt {
   _process(r) {
     super._process(r);
     const t = this.getParent();
-    t && t.globalTransform && this._parentTransformDirtyId !== t.transformDirtyId && this.updateGlobalTransform();
+    t && t.globalTransform && this.parentTransformDirtyId !== t.transformDirtyId && this.updateGlobalTransform();
   }
   toLocal(r, t) {
     return this.globalTransform.applyAffineInverse(r, t);
@@ -5773,7 +5776,7 @@ let Me = class extends ae {
     this.getViewport()?.canvasTransform.copyFrom(this.canvasTransform);
   }
   _treeEnter(r) {
-    super._treeEnter(r), this.syncCanvasTransform();
+    super._treeEnter(r), this.updateGlobalTransform();
   }
   toGlobal(r, t) {
     return this.canvasTransform.applyAffineInverse(r, t);
@@ -6268,11 +6271,11 @@ Cr([
 Vt = Cr([
   b("ColorRemoveEffect")
 ], Vt);
-var Ts = Object.defineProperty, Wo = Object.getOwnPropertyDescriptor, jo = (r, t, e) => t in r ? Ts(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, Or = (r, t, e, s) => {
+var Ts = Object.defineProperty, Wo = Object.getOwnPropertyDescriptor, qo = (r, t, e) => t in r ? Ts(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, Or = (r, t, e, s) => {
   for (var i = s > 1 ? void 0 : s ? Wo(t, e) : t, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(t, e, i) : o(i)) || i);
   return s && i && Ts(t, e, i), i;
-}, qo = (r, t, e) => jo(r, t + "", e);
+}, jo = (r, t, e) => qo(r, t + "", e);
 const Qt = 50;
 let $t = class extends T {
   _color = new ot();
@@ -6307,7 +6310,7 @@ let $t = class extends T {
     });
   }
 };
-qo($t, "material", new E({
+jo($t, "material", new E({
   gl: {
     vertex: `precision mediump float;
 attribute vec2 position;
@@ -7697,7 +7700,7 @@ function ke(r, t) {
       // flip, TODO
       // alignment, TODO
     } = r.tile;
-    l.translate(-m, -v).scale(1 / w, 1 / S);
+    l.scale(1 / w, 1 / S).translate(-m, -v);
   } else if (r.stretchRect) {
     const {
       left: m = 0,
@@ -7786,10 +7789,19 @@ class F extends xt {
     let i = {
       size: { width: t, height: e }
     };
-    this.image === "viewport" ? s.fillStyle = new Tr() : (i = {
-      ...i,
-      ...ke(this, { x: 0, y: 0, width: t, height: e })
-    }, s.fillStyle = this.animatedTexture?.currentFrame.texture ?? this.texture ?? this.color ?? "#000000FF"), s.fill(i);
+    if (this.image === "viewport")
+      s.fillStyle = new Tr();
+    else {
+      const a = this.animatedTexture?.currentFrame.texture ?? this.texture;
+      i = {
+        ...i,
+        ...ke(
+          this,
+          this.tile && a ? { x: 0, y: 0, width: a.sourceWidth, height: a.sourceHeight } : { x: 0, y: 0, width: t, height: e }
+        )
+      }, s.fillStyle = a ?? this.color ?? "#000000FF";
+    }
+    s.fill(i);
   }
   _getFrameCurrentTime() {
     const t = this.animatedTexture?.duration ?? 0;
@@ -7890,7 +7902,7 @@ var Un = Object.defineProperty, me = (r, t, e, s) => {
     (o = r[a]) && (i = o(t, e, i) || i);
   return i && Un(t, e, i), i;
 };
-class jt extends F {
+class qt extends F {
   setProperties(t) {
     return super._setProperties(
       I(t) ? void 0 : li(t)
@@ -7919,25 +7931,25 @@ class jt extends F {
 }
 me([
   c()
-], jt.prototype, "color");
+], qt.prototype, "color");
 me([
   c()
-], jt.prototype, "width");
+], qt.prototype, "width");
 me([
   c({ fallback: "solid" })
-], jt.prototype, "style");
+], qt.prototype, "style");
 me([
   c({ fallback: "butt" })
-], jt.prototype, "lineCap");
+], qt.prototype, "lineCap");
 me([
   c({ fallback: "miter" })
-], jt.prototype, "lineJoin");
+], qt.prototype, "lineJoin");
 var Bn = Object.defineProperty, ge = (r, t, e, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(t, e, i) || i);
   return i && Bn(t, e, i), i;
 };
-class qt extends xt {
+class jt extends xt {
   constructor(t) {
     super(), this._parent = t;
   }
@@ -7964,19 +7976,19 @@ class qt extends xt {
 }
 ge([
   c({ fallback: !0 })
-], qt.prototype, "enabled");
+], jt.prototype, "enabled");
 ge([
   c({ fallback: "#000000FF" })
-], qt.prototype, "color");
+], jt.prototype, "color");
 ge([
   c({ fallback: 0 })
-], qt.prototype, "blur");
+], jt.prototype, "blur");
 ge([
   c({ fallback: 0 })
-], qt.prototype, "offsetY");
+], jt.prototype, "offsetY");
 ge([
   c({ fallback: 0 })
-], qt.prototype, "offsetX");
+], jt.prototype, "offsetX");
 var Ln = Object.defineProperty, ve = (r, t, e, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(t, e, i) || i);
@@ -8587,8 +8599,8 @@ var Gn = Object.getOwnPropertyDescriptor, Vn = (r, t, e, s) => {
 const $n = new Set(Object.keys(_i())), Hn = new Set(Object.keys(pi()));
 let yt = class extends ae {
   flexbox = new Ir(this);
-  aabb = new q();
-  globalAabb = new q();
+  aabb = new j();
+  globalAabb = new j();
   _parentGlobalDisplay;
   _globalDisplay;
   get globalDisplay() {
@@ -8629,7 +8641,7 @@ let yt = class extends ae {
   set fill(r) {
     this._fill.resetProperties().setProperties(r);
   }
-  _outline = new jt(this);
+  _outline = new qt(this);
   get outline() {
     return this._outline;
   }
@@ -8650,7 +8662,7 @@ let yt = class extends ae {
   set text(r) {
     this._text.resetProperties().setProperties(r);
   }
-  _shadow = new qt(this);
+  _shadow = new jt(this);
   get shadow() {
     return this._shadow;
   }
@@ -8961,7 +8973,7 @@ class Ws extends yt {
     }
   }
 }
-var Xn = Object.defineProperty, Wn = Object.getOwnPropertyDescriptor, js = (r, t, e, s) => {
+var Xn = Object.defineProperty, Wn = Object.getOwnPropertyDescriptor, qs = (r, t, e, s) => {
   for (var i = s > 1 ? void 0 : s ? Wn(t, e) : t, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(t, e, i) : o(i)) || i);
   return s && i && Xn(t, e, i), i;
@@ -8992,16 +9004,16 @@ let _r = class extends Ws {
     this.animation?.goToAndStop(this.currentTime, !1), this.texture.requestUpdate("source"), this.requestDraw(), super._process(r);
   }
 };
-js([
+qs([
   c({ fallback: "" })
 ], _r.prototype, "src", 2);
-_r = js([
+_r = qs([
   b("Lottie2D")
 ], _r);
-var jn = Object.defineProperty, qn = (r, t, e, s) => {
+var qn = Object.defineProperty, jn = (r, t, e, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(t, e, i) || i);
-  return i && jn(t, e, i), i;
+  return i && qn(t, e, i), i;
 };
 class Yn extends yt {
   constructor(t, e = []) {
@@ -9026,10 +9038,10 @@ class Yn extends yt {
     this.context.rect(0, 0, t, e), this.context.strokeStyle = "#00FF00", this.context.stroke(), this._drawCircle(0, 0), this._drawCircle(t, e), this._drawCircle(0, e), this._drawEllipse(0, e / 2), this._drawCircle(t, 0), this._drawEllipse(t, e / 2);
   }
 }
-qn([
+jn([
   c({ fallback: 6 })
 ], Yn.prototype, "handleSize");
-var Kn = Object.defineProperty, Zn = Object.getOwnPropertyDescriptor, qs = (r, t, e, s) => {
+var Kn = Object.defineProperty, Zn = Object.getOwnPropertyDescriptor, js = (r, t, e, s) => {
   for (var i = s > 1 ? void 0 : s ? Zn(t, e) : t, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(t, e, i) : o(i)) || i);
   return s && i && Kn(t, e, i), i;
@@ -9062,10 +9074,10 @@ let mr = class extends Ws {
     super._process(r), this._updateVideoCurrentTime();
   }
 };
-qs([
+js([
   c({ fallback: "" })
 ], mr.prototype, "src", 2);
-mr = qs([
+mr = js([
   b("Video2D")
 ], mr);
 var Jn = Object.defineProperty, Qn = Object.getOwnPropertyDescriptor, Xe = (r, t, e, s) => {
@@ -10428,7 +10440,10 @@ class Gl extends Dt {
     const e = (s) => t.fetchImageBitmap(s, { premultiplyAlpha: "premultiply" }).then((i) => new x({
       source: i,
       uploadMethodId: "image",
-      mipmap: !0
+      mipmap: !0,
+      addressModeU: "repeat",
+      addressModeV: "repeat",
+      addressModeW: "repeat"
     }));
     return this.load = (s) => typeof s == "string" ? t.loadBy(
       s,
@@ -10583,10 +10598,10 @@ class Wl extends Ct {
   }
 }
 const G = new Wl().use(new Ga()).use(new Bl()).use(new Ll()).use(new Fl()).use(new zl()).use(new Gl()).use(new Vl());
-var jl = Object.defineProperty, Ks = (r, t, e, s) => {
+var ql = Object.defineProperty, Ks = (r, t, e, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(t, e, i) || i);
-  return i && jl(t, e, i), i;
+  return i && ql(t, e, i), i;
 };
 const Ut = {
   alpha: !0,
@@ -10737,7 +10752,7 @@ Ks([
 let U;
 const gr = [];
 let ur = !1;
-async function ql(r = 100) {
+async function jl(r = 100) {
   if (!ur) {
     for (ur = !0; gr.length; ) {
       const t = gr.shift();
@@ -10788,11 +10803,11 @@ async function Yl(r) {
 }
 async function dh(r) {
   return new Promise((t) => {
-    gr.push(async () => t(await Yl(r))), ql();
+    gr.push(async () => t(await Yl(r))), jl();
   });
 }
 export {
-  q as Aabb2D,
+  j as Aabb2D,
   to as AnimatedTexture,
   he as Animation,
   Wl as Assets,
@@ -10825,8 +10840,8 @@ export {
   $s as Element2DBackground,
   F as Element2DFill,
   Hs as Element2DForeground,
-  jt as Element2DOutline,
-  qt as Element2DShadow,
+  qt as Element2DOutline,
+  jt as Element2DShadow,
   Yt as Element2DShape,
   Xs as Element2DStyle,
   it as Element2DText,
@@ -10851,7 +10866,7 @@ export {
   Bt as GlState,
   ma as GlStateSystem,
   Ua as GlStencilSystem,
-  j as GlSystem,
+  q as GlSystem,
   Ba as GlViewportSystem,
   V as GlitchEffect,
   K as GodrayEffect,
@@ -10862,7 +10877,7 @@ export {
   xr as IN_BROWSER,
   Ui as IN_MAC_OS,
   Xt as IndexBuffer,
-  qi as Input,
+  ji as Input,
   ze as InputEvent,
   Ll as JsonLoader,
   ne as KawaseBlurEffect,
@@ -10973,7 +10988,7 @@ export {
   or as justifyMap,
   C as lerp,
   tl as linear,
-  jr as log2,
+  qr as log2,
   _a as mapGlBlendModes,
   Wr as nextPow2,
   ss as nextTick,

package/dist/scene/2d/Node2D.d.ts

@@ -5,6 +5,7 @@ import { CanvasItem } from '../main';
 export interface Node2DProperties extends CanvasItemProperties {
 }
 export interface Node2DEvents extends CanvasItemEvents {
+    updateGlobalTransform: [];
 }
 export interface Node2D {
     on: <K extends keyof Node2DEvents & string>(event: K, listener: (...args: Node2DEvents[K]) => void) => this;
@@ -25,8 +26,8 @@ export declare class Node2D extends CanvasItem {
     readonly globalScale: Vector2;
     readonly globalSkew: Vector2;
     readonly globalTransform: Transform2D;
+    parentTransformDirtyId?: number;
     transformDirtyId: number;
-    protected _parentTransformDirtyId?: number;
     constructor(properties?: Partial<Node2DProperties>, nodes?: Node[]);
     protected _updateTransform(): void;
     updateGlobalTransform(): void;

package/dist/scene/main/Node.d.ts

@@ -53,6 +53,7 @@ export interface SerializedNode {
     };
 }
 export declare class Node extends CoreObject {
+    static parse(value: SerializedNode | SerializedNode[], defaultInCanvasIs?: string): any;
     readonly is: string;
     id: string;
     name: string;
@@ -72,6 +73,7 @@ export declare class Node extends CoreObject {
     get renderable(): boolean;
     protected _readyed: boolean;
     constructor(properties?: Partial<NodeProperties>, nodes?: Node[]);
+    protected _defaultName(): string;
     setProperties(properties?: Record<string, any>): this;
     /** Name */
     getName(): string;
@@ -150,5 +152,4 @@ export declare class Node extends CoreObject {
     destroy(): void;
     clone(): this;
     toJSON(): Record<string, any>;
-    static parse(value: SerializedNode | SerializedNode[], defaultInCanvasIs?: string): any;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.15.4",
+  "version": "0.15.6",
   "packageManager": "pnpm@10.19.0",
   "description": "A JavaScript WebGL rendering engine. only the ESM.",
   "author": "wxm",
@@ -84,12 +84,12 @@
     }
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^7.2.0",
+    "@antfu/eslint-config": "^7.6.1",
     "@types/earcut": "^3.0.0",
-    "@types/node": "^25.2.0",
-    "bumpp": "^10.4.0",
+    "@types/node": "^25.3.2",
+    "bumpp": "^10.4.1",
     "conventional-changelog-cli": "^5.0.0",
-    "eslint": "^9.39.2",
+    "eslint": "^10.0.2",
     "lottie-web": "^5.13.0",
     "modern-gif": "^2.0.4",
     "typescript": "^5.9.3",