@taole/giftstage 0.3.0 → 0.3.2

package/dist/gift-stage.es.js

@@ -3686,10 +3686,15 @@ const hg = class CA {
       return this.currentDrawResult = $("backend-lost", "WebGPU device is lost"), this.rejectSVGAFastPathDraw(), this.currentDrawResult;
     if (!this.passEncoder)
       return this.rejectSVGAFastPathDraw(), this.currentDrawResult = $("invalid-command", "WebGPU frame is not active"), this.currentDrawResult;
+    if ((A.stencil != null && A.stencil !== "none" || g === "clip-mask" || g === "clip-mask-instanced" || g === "svga-frame-table-clip-mask") && !this.frameUsesStencil)
+      return this.rejectSVGAFastPathDraw(), this.currentDrawResult = $(
+        "invalid-command",
+        `WebGPU ${g} requires a depth-stencil attachment in the active frame`
+      ), this.currentDrawResult;
     try {
       this.drawInternal(A);
-    } catch (I) {
-      return this.currentDrawResult = $("submission-error", this.errorMessage(I)), this.currentDrawRecorded || this.rejectSVGAFastPathDraw(), this.currentDrawResult;
+    } catch (B) {
+      return this.currentDrawResult = $("submission-error", this.errorMessage(B)), this.currentDrawRecorded || this.rejectSVGAFastPathDraw(), this.currentDrawResult;
     }
     return this.currentDrawRecorded || this.rejectSVGAFastPathDraw(), this.currentDrawResult;
   }
@@ -3927,12 +3932,12 @@ const hg = class CA {
       rA,
       this.storageBindOffsetAlign
     ), this.writeInstancedStorageShadow(QA, UA, rA), this.performanceSVGADynamicUploadWrites++, this.performanceSVGADynamicUploadBytes += rA, x && BA >= 0 && (this.svgaCompactSlotStateUploadId = BA, this.svgaCompactSlotStateStorageBase = QA, this.svgaCompactSlotStateByteLength = rA));
-    const V = A.motionTrackIndex, YA = A.motionTrackBuffer, kA = A.motionTrackGlobalsBuffer, W = YA ? this.buffers.get(YA.id) : null, pA = kA ? this.buffers.get(kA.id) : null, LA = Math.floor((D = A.motionTrackSampleCount) != null ? D : 0), ag = Math.floor(V != null ? V : -1), OA = (ag + 1) * LA * 8 * 4, KA = ag >= 0 && LA >= 1 && (W == null ? void 0 : W.usage) === "storage" && (pA == null ? void 0 : pA.usage) === "uniform" && W.buffer.size >= OA && pA.buffer.size >= 32, qA = A.stencil === "test" ? "test" : A.stencil === "write" ? "write" : A.stencil === "clear" ? "clear" : this.frameUsesStencil ? "pass" : "none", sA = l ? this.ensureSVGAFrameTableMeshPipeline(
+    const V = A.motionTrackIndex, YA = A.motionTrackBuffer, kA = A.motionTrackGlobalsBuffer, W = YA ? this.buffers.get(YA.id) : null, pA = kA ? this.buffers.get(kA.id) : null, LA = Math.floor((D = A.motionTrackSampleCount) != null ? D : 0), ag = Math.floor(V != null ? V : -1), OA = (ag + 1) * LA * 8 * 4, KA = ag >= 0 && LA >= 1 && (W == null ? void 0 : W.usage) === "storage" && (pA == null ? void 0 : pA.usage) === "uniform" && W.buffer.size >= OA && pA.buffer.size >= 32, TA = A.stencil === "test" ? "test" : A.stencil === "write" ? "write" : A.stencil === "clear" ? "clear" : this.frameUsesStencil ? "pass" : "none", sA = l ? this.ensureSVGAFrameTableMeshPipeline(
       A.shader,
-      qA
-    ) : this.ensureSVGAFrameTablePipeline(qA === "test" ? "test" : qA === "pass" ? "pass" : "none");
+      TA
+    ) : this.ensureSVGAFrameTablePipeline(TA === "test" ? "test" : TA === "pass" ? "pass" : "none");
     this.lastDrawPipeline !== sA.pipeline && (w.setPipeline(sA.pipeline), this.lastDrawPipeline = sA.pipeline, this.lastInstancedTextureBindGroup = null);
-    const L = qA === "test" || qA === "write" ? 1 : 0;
+    const L = TA === "test" || TA === "write" ? 1 : 0;
     this.frameUsesStencil && this.lastStencilRef !== L && (w.setStencilReference(L), this.lastStencilRef = L);
     const EA = A.uniforms.u_projection;
     if (!(EA instanceof Float32Array) || EA.length < 16) return;
@@ -4002,20 +4007,20 @@ const hg = class CA {
     }), this.instancedTextureBindGroupCache.set(eA, tA)), w.setBindGroup(1, tA), this.lastVertexBufferId !== A.vertexBuffer.id && (w.setVertexBuffer(0, Bg.buffer), this.lastVertexBufferId = A.vertexBuffer.id), this.lastIndexBufferId !== A.indexBuffer.id && (w.setIndexBuffer(AA.buffer, "uint32"), this.lastIndexBufferId = A.indexBuffer.id), w.drawIndexed(A.indexCount, F, 0, 0, 0), this.recordSubmittedDraw();
   }
   resolveSVGAFrameTableSlotUniform(A, g, I) {
-    var B, Q, E, i, e, t, a, o, s, n, r, h, c, D, w, l, F, d, y, G, f, u, R, M, N, S, Y, U, k, m, J, q, _, Z, x, X, v, gA, UA, yA, rA, BA, Ig, QA, V, YA, kA, W, pA, LA, ag, OA, KA, qA, sA;
+    var B, Q, E, i, e, t, a, o, s, n, r, h, c, D, w, l, F, d, y, G, f, u, R, M, N, S, Y, U, k, m, J, q, _, Z, x, X, v, gA, UA, yA, rA, BA, Ig, QA, V, YA, kA, W, pA, LA, ag, OA, KA, TA, sA;
     const L = (Q = (B = A.svgaFrameTableSlotState) != null ? B : A.svgaSlotState) != null ? Q : A.uniforms.u_svgaSlotState instanceof Float32Array ? A.uniforms.u_svgaSlotState : A.uniforms.u_slotState instanceof Float32Array ? A.uniforms.u_slotState : null, EA = A.uniforms.u_transform, Bg = A.uniforms.u_clipRect, AA = A.svgaFrameTableParentAffine, DA = A.svgaFrameTableParentTranslate, IA = A.svgaFrameTableClipRect, pg = A.svgaFrameIndex != null || A.svgaFrameTableFrameIndex != null || A.frameTableFrameIndex != null, Kg = A.svgaFrameTableOpacity != null || typeof A.uniforms.u_opacity == "number", Cg = A.uniforms.u_projection;
     if (!(Cg instanceof Float32Array) || Cg.length < 16) return null;
-    let GA = 1, fA = 0, dA = 0, iA = 1, eA = 0, tA = 0, hA = (E = A.svgaFrameTableOpacity) != null ? E : typeof A.uniforms.u_opacity == "number" ? A.uniforms.u_opacity : 1, aA = (t = (e = (i = A.svgaFrameIndex) != null ? i : A.svgaFrameTableFrameIndex) != null ? e : A.frameTableFrameIndex) != null ? t : 0, nA = 0, RA = 0, uA = this.canvas.width, TA = this.canvas.height, Qg = 0, Wg = (a = A.svgaFrameTableAtlasPage) != null ? a : -1, PA = (h = (r = (n = (s = (o = A.svgaFrameTableMetadataBase) != null ? o : A.svgaFrameTableSpriteBase) != null ? s : A.frameTableSpriteBase) != null ? n : A.svgaSpriteMetadataBase) != null ? r : A.svgaSpriteBase) != null ? h : 0;
+    let GA = 1, fA = 0, dA = 0, iA = 1, eA = 0, tA = 0, hA = (E = A.svgaFrameTableOpacity) != null ? E : typeof A.uniforms.u_opacity == "number" ? A.uniforms.u_opacity : 1, aA = (t = (e = (i = A.svgaFrameIndex) != null ? i : A.svgaFrameTableFrameIndex) != null ? e : A.frameTableFrameIndex) != null ? t : 0, nA = 0, RA = 0, uA = this.canvas.width, vA = this.canvas.height, Qg = 0, Wg = (a = A.svgaFrameTableAtlasPage) != null ? a : -1, PA = (h = (r = (n = (s = (o = A.svgaFrameTableMetadataBase) != null ? o : A.svgaFrameTableSpriteBase) != null ? s : A.frameTableSpriteBase) != null ? n : A.svgaSpriteMetadataBase) != null ? r : A.svgaSpriteBase) != null ? h : 0;
     if (AA && AA.length >= 4)
-      GA = (c = AA[0]) != null ? c : GA, fA = (D = AA[1]) != null ? D : fA, dA = (w = AA[2]) != null ? w : dA, iA = (l = AA[3]) != null ? l : iA, DA && DA.length >= 2 && (eA = (F = DA[0]) != null ? F : eA, tA = (d = DA[1]) != null ? d : tA), IA && IA.length >= 4 && (nA = (y = IA[0]) != null ? y : nA, RA = (G = IA[1]) != null ? G : RA, uA = (f = IA[2]) != null ? f : uA, TA = (u = IA[3]) != null ? u : TA, Qg = 1);
+      GA = (c = AA[0]) != null ? c : GA, fA = (D = AA[1]) != null ? D : fA, dA = (w = AA[2]) != null ? w : dA, iA = (l = AA[3]) != null ? l : iA, DA && DA.length >= 2 && (eA = (F = DA[0]) != null ? F : eA, tA = (d = DA[1]) != null ? d : tA), IA && IA.length >= 4 && (nA = (y = IA[0]) != null ? y : nA, RA = (G = IA[1]) != null ? G : RA, uA = (f = IA[2]) != null ? f : uA, vA = (u = IA[3]) != null ? u : vA, Qg = 1);
     else if (L && L.length >= 13)
-      GA = (R = L[0]) != null ? R : GA, fA = (M = L[1]) != null ? M : fA, dA = (N = L[2]) != null ? N : dA, iA = (S = L[3]) != null ? S : iA, eA = (Y = L[4]) != null ? Y : eA, tA = (U = L[5]) != null ? U : tA, Kg || (hA = (k = L[6]) != null ? k : hA), pg || (aA = (m = L[7]) != null ? m : aA), nA = (J = L[8]) != null ? J : nA, RA = (q = L[9]) != null ? q : RA, uA = (_ = L[10]) != null ? _ : uA, TA = (Z = L[11]) != null ? Z : TA, Qg = ((x = L[12]) != null ? x : 0) > 0.5 ? 1 : 0, A.svgaFrameTableMetadataBase == null && A.svgaFrameTableSpriteBase == null && A.frameTableSpriteBase == null && A.svgaSpriteMetadataBase == null && A.svgaSpriteBase == null && L.length >= 14 && (PA = (X = L[13]) != null ? X : PA);
+      GA = (R = L[0]) != null ? R : GA, fA = (M = L[1]) != null ? M : fA, dA = (N = L[2]) != null ? N : dA, iA = (S = L[3]) != null ? S : iA, eA = (Y = L[4]) != null ? Y : eA, tA = (U = L[5]) != null ? U : tA, Kg || (hA = (k = L[6]) != null ? k : hA), pg || (aA = (m = L[7]) != null ? m : aA), nA = (J = L[8]) != null ? J : nA, RA = (q = L[9]) != null ? q : RA, uA = (_ = L[10]) != null ? _ : uA, vA = (Z = L[11]) != null ? Z : vA, Qg = ((x = L[12]) != null ? x : 0) > 0.5 ? 1 : 0, A.svgaFrameTableMetadataBase == null && A.svgaFrameTableSpriteBase == null && A.frameTableSpriteBase == null && A.svgaSpriteMetadataBase == null && A.svgaSpriteBase == null && L.length >= 14 && (PA = (X = L[13]) != null ? X : PA);
     else if (EA instanceof Float32Array && EA.length >= 16) {
       GA = (v = EA[0]) != null ? v : GA, fA = (gA = EA[1]) != null ? gA : fA, dA = (UA = EA[4]) != null ? UA : dA, iA = (yA = EA[5]) != null ? yA : iA, eA = (rA = EA[12]) != null ? rA : eA, tA = (BA = EA[13]) != null ? BA : tA;
       const _g = Bg instanceof Float32Array && Bg.length >= 4 ? Bg : IA;
-      _g && _g.length >= 4 && (nA = (Ig = _g[0]) != null ? Ig : nA, RA = (QA = _g[1]) != null ? QA : RA, uA = (V = _g[2]) != null ? V : uA, TA = (YA = _g[3]) != null ? YA : TA, Qg = typeof A.uniforms.u_clipEnabled == "number" ? A.uniforms.u_clipEnabled > 0.5 ? 1 : 0 : 1);
+      _g && _g.length >= 4 && (nA = (Ig = _g[0]) != null ? Ig : nA, RA = (QA = _g[1]) != null ? QA : RA, uA = (V = _g[2]) != null ? V : uA, vA = (YA = _g[3]) != null ? YA : vA, Qg = typeof A.uniforms.u_clipEnabled == "number" ? A.uniforms.u_clipEnabled > 0.5 ? 1 : 0 : 1);
     }
-    return AA && L && L.length >= 13 && (DA || (eA = (kA = L[4]) != null ? kA : eA, tA = (W = L[5]) != null ? W : tA), Kg || (hA = (pA = L[6]) != null ? pA : hA), pg || (aA = (LA = L[7]) != null ? LA : aA), IA || (nA = (ag = L[8]) != null ? ag : nA, RA = (OA = L[9]) != null ? OA : RA, uA = (KA = L[10]) != null ? KA : uA, TA = (qA = L[11]) != null ? qA : TA, Qg = ((sA = L[12]) != null ? sA : 0) > 0.5 ? 1 : 0)), Number.isFinite(hA) || (hA = 1), Number.isFinite(aA) || (aA = 0), Number.isFinite(PA) || (PA = 0), Number.isFinite(Wg) || (Wg = -1), aA = Math.max(0, Math.min(I - 1, Math.floor(aA))), PA = Math.max(0, Math.floor(PA)), ![GA, fA, dA, iA, eA, tA, hA].every(Number.isFinite) || g < 1 ? null : {
+    return AA && L && L.length >= 13 && (DA || (eA = (kA = L[4]) != null ? kA : eA, tA = (W = L[5]) != null ? W : tA), Kg || (hA = (pA = L[6]) != null ? pA : hA), pg || (aA = (LA = L[7]) != null ? LA : aA), IA || (nA = (ag = L[8]) != null ? ag : nA, RA = (OA = L[9]) != null ? OA : RA, uA = (KA = L[10]) != null ? KA : uA, vA = (TA = L[11]) != null ? TA : vA, Qg = ((sA = L[12]) != null ? sA : 0) > 0.5 ? 1 : 0)), Number.isFinite(hA) || (hA = 1), Number.isFinite(aA) || (aA = 0), Number.isFinite(PA) || (PA = 0), Number.isFinite(Wg) || (Wg = -1), aA = Math.max(0, Math.min(I - 1, Math.floor(aA))), PA = Math.max(0, Math.floor(PA)), ![GA, fA, dA, iA, eA, tA, hA].every(Number.isFinite) || g < 1 ? null : {
       parentA: GA,
       parentB: fA,
       parentC: dA,
@@ -4027,7 +4032,7 @@ const hg = class CA {
       clipX0: nA,
       clipY0: RA,
       clipX1: uA,
-      clipY1: TA,
+      clipY1: vA,
       clipEnabled: Qg,
       metadataBase: PA,
       atlasPage: Math.max(-1, Math.floor(Wg))
@@ -4229,7 +4234,7 @@ function dC(C, A, g) {
   }
   return I;
 }
-function vA(C, A, g) {
+function WA(C, A, g) {
   const I = dC(C, C.VERTEX_SHADER, A), B = dC(C, C.FRAGMENT_SHADER, g), Q = C.createProgram();
   if (!Q)
     throw C.deleteShader(I), C.deleteShader(B), new Error("Failed to create program");
@@ -4258,7 +4263,7 @@ function pI(C) {
   return typeof A.displayHeight == "number" && A.displayHeight > 0 ? A.displayHeight : typeof A.codedHeight == "number" && A.codedHeight > 0 ? A.codedHeight : typeof A.videoHeight == "number" && A.videoHeight > 0 ? A.videoHeight : typeof A.naturalHeight == "number" && A.naturalHeight > 0 ? A.naturalHeight : typeof A.height == "number" && A.height > 0 ? A.height : 0;
 }
 var si = Object.defineProperty, ni = (C, A, g) => A in C ? si(C, A, { enumerable: !0, configurable: !0, writable: !0, value: g }) : C[A] = g, H = (C, A, g) => ni(C, typeof A != "symbol" ? A + "" : A, g);
-const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]), hi = new Float32Array([1, 1]), SA = class xA {
+const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]), hi = new Float32Array([1, 1]), SA = class bA {
   constructor(A, g = !0) {
     H(this, "type", "webgl2"), H(this, "supportsAtomicFrameReplay", !0), H(this, "canvas"), H(this, "maxTextureSize", 4096), H(this, "antialias"), H(this, "gl"), H(this, "nextId", 1), H(this, "buffers", /* @__PURE__ */ new Map()), H(this, "textures", /* @__PURE__ */ new Map()), H(this, "frameTables", /* @__PURE__ */ new Map()), H(this, "ownedFrameTableMetadataIds", /* @__PURE__ */ new Set()), H(this, "programs", /* @__PURE__ */ new Map()), H(this, "vertexArrays", /* @__PURE__ */ new Map()), H(this, "cachedDrawProgram", null), H(this, "cachedTex0Id", null), H(this, "cachedFrameTableId", null), H(this, "cachedFrameMetadataId", null), H(this, "cachedProjectionRef", null), H(this, "cachedProjectionShader", null), H(this, "videoUploadCanvas", null), H(this, "videoUploadCtx", null), H(this, "videoElementPreferCanvasBridge", oi()), H(this, "videoElementDirectUploadValidated", !1), H(this, "maxVertexTextureImageUnits", 0), H(this, "svgaFrameTableSupported", !1), H(this, "instancedSvgaInstanceGLBuffer", null), H(this, "svgaSlotStateTexture", null), H(this, "svgaSlotStateTextureWidth", 0), H(this, "svgaSlotStateTextureHeight", 0), H(this, "svgaSlotStateUploadScratch", new Float32Array(0)), H(this, "svgaSlotStateUploadId", -1), H(this, "svgaTableInfoScratch", new Int32Array(4)), H(this, "svgaTableSizeScratch", new Int32Array(2)), H(this, "svgaMetadataSizeScratch", new Int32Array(2)), H(this, "instancedClipMaskGLBuffer", null), H(this, "instancedAlphaInstanceGLBuffer", null), H(this, "performanceBufferWrites", 0), H(this, "performanceBufferWriteBytes", 0), H(this, "performanceStorageBufferWrites", 0), H(this, "performanceStorageBufferWriteBytes", 0), H(this, "performanceSubmittedDrawCalls", 0), H(this, "performanceRejectedDrawCalls", 0), H(this, "performanceSVGADynamicUploadWrites", 0), H(this, "performanceSVGADynamicUploadBytes", 0), H(this, "runtimeSubmittedDrawCalls", 0), H(this, "runtimeRejectedDrawCalls", 0), H(this, "currentDrawResult", $(
       "invalid-command",
@@ -4317,19 +4322,19 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
     this.currentDrawRecorded = !0, this.currentDrawResult.submitted && (this.currentDrawResult = $("invalid-command", "WebGL2 draw was rejected")), this.performanceRejectedDrawCalls++, this.runtimeRejectedDrawCalls++;
   }
   initPrograms() {
-    const A = this.gl, g = vA(A, P.svgaBatchPremul.vert, P.svgaBatchPremul.frag);
+    const A = this.gl, g = WA(A, P.svgaBatchPremul.vert, P.svgaBatchPremul.frag);
     this.programs.set(
       "svga-batch-premul",
       this.makeProgramEntry(g, { transform: !0, opacity: !0 })
     ), this.bindProgramSamplers(g, { u_atlas: 0 });
-    const I = vA(
+    const I = WA(
       A,
       P.svgaInstancedPremul.vert,
       P.svgaInstancedPremul.frag
     );
     if (this.programs.set("svga-instanced-premul", this.makeProgramEntry(I)), this.bindProgramSamplers(I, { u_atlas: 0 }), this.maxVertexTextureImageUnits >= 2 && this.maxTextureSize >= 3)
       try {
-        const n = vA(
+        const n = WA(
           A,
           P.svgaFrameTableInstancedPremul.vert,
           P.svgaFrameTableInstancedPremul.frag
@@ -4364,7 +4369,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
           u_spriteMetadata: 2,
           u_slotStates: 3
         });
-        const r = vA(
+        const r = WA(
           A,
           P.svgaFrameTableShape.vert,
           P.svgaFrameTableShape.frag
@@ -4388,7 +4393,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
             compactSlotStateEnabled: !0
           })
         ), this.bindProgramSamplers(r, { u_frameTable: 0, u_slotStates: 3 });
-        const h = vA(
+        const h = WA(
           A,
           P.svgaFrameTableClipMask.vert,
           P.svgaFrameTableClipMask.frag
@@ -4414,7 +4419,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
       } catch (n) {
         this.svgaFrameTableSupported = !1, console.warn("[WebGL2] SVGA frame-table shader unavailable; using CPU reference path.", n);
       }
-    const B = vA(A, P.vap.vert, P.vap.frag);
+    const B = WA(A, P.vap.vert, P.vap.frag);
     this.programs.set(
       "vap",
       this.makeProgramEntry(B, {
@@ -4424,12 +4429,12 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
         rgbPremultiplied: !0
       })
     ), this.bindProgramSamplers(B, { u_video: 0 });
-    const Q = vA(A, P.vapMixOverlay.vert, P.vapMixOverlay.frag);
+    const Q = WA(A, P.vapMixOverlay.vert, P.vapMixOverlay.frag);
     this.programs.set(
       "vap-mix-overlay",
       this.makeProgramEntry(Q, { transform: !0, atlasRemap: !0, opacity: !0 })
     ), this.bindProgramSamplers(Q, { u_resource: 0, u_video: 1 });
-    const E = vA(A, P.alphaVideo.vert, P.alphaVideo.frag);
+    const E = WA(A, P.alphaVideo.vert, P.alphaVideo.frag);
     this.programs.set(
       "alpha-video",
       this.makeProgramEntry(E, {
@@ -4439,28 +4444,28 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
         rgbPremultiplied: !0
       })
     ), this.bindProgramSamplers(E, { u_video: 0 });
-    const i = vA(A, P.rgbaTextured.vert, P.rgbaTextured.frag);
+    const i = WA(A, P.rgbaTextured.vert, P.rgbaTextured.frag);
     this.programs.set(
       "rgba-textured",
       this.makeProgramEntry(i, { transform: !0, atlasRemap: !0, opacity: !0 })
     ), this.bindProgramSamplers(i, { u_video: 0 });
-    const e = vA(
+    const e = WA(
       A,
       P.alphaVideoInstanced.vert,
       P.alphaVideoInstanced.frag
     );
     this.programs.set("alpha-video-instanced", this.makeProgramEntry(e)), this.bindProgramSamplers(e, { u_video: 0 });
-    const t = vA(A, P.vapInstanced.vert, P.vapInstanced.frag);
+    const t = WA(A, P.vapInstanced.vert, P.vapInstanced.frag);
     this.programs.set("vap-instanced", this.makeProgramEntry(t)), this.bindProgramSamplers(t, { u_video: 0 });
-    const a = vA(A, P.clipMask.vert, P.clipMask.frag);
+    const a = WA(A, P.clipMask.vert, P.clipMask.frag);
     this.programs.set("clip-mask", this.makeProgramEntry(a, { transform: !0 }));
-    const o = vA(
+    const o = WA(
       A,
       P.clipMaskInstanced.vert,
       P.clipMaskInstanced.frag
     );
     this.programs.set("clip-mask-instanced", this.makeProgramEntry(o));
-    const s = vA(
+    const s = WA(
       A,
       P.particleInstanced.vert,
       P.particleInstanced.frag
@@ -4470,7 +4475,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
   ensureParticleSpriteProgram() {
     let A = this.programs.get("particle-sprite-instanced");
     if (A) return A;
-    const g = vA(
+    const g = WA(
       this.gl,
       P.particleSpriteInstanced.vert,
       P.particleSpriteInstanced.frag
@@ -5076,7 +5081,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
     if (!this.instancedSvgaInstanceGLBuffer) {
       const g = A.createBuffer();
       if (!g) throw new Error("createBuffer failed");
-      A.bindVertexArray(null), A.bindBuffer(A.ARRAY_BUFFER, g), A.bufferData(A.ARRAY_BUFFER, xA.INST_SVGA_GL_BYTES, A.DYNAMIC_DRAW), this.instancedSvgaInstanceGLBuffer = g;
+      A.bindVertexArray(null), A.bindBuffer(A.ARRAY_BUFFER, g), A.bufferData(A.ARRAY_BUFFER, bA.INST_SVGA_GL_BYTES, A.DYNAMIC_DRAW), this.instancedSvgaInstanceGLBuffer = g;
     }
     return this.instancedSvgaInstanceGLBuffer;
   }
@@ -5094,19 +5099,19 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
     return e !== t.length && (this.svgaSlotStateUploadScratch.length < e && (this.svgaSlotStateUploadScratch = new Float32Array(e)), this.svgaSlotStateUploadScratch.fill(0, 0, e), this.svgaSlotStateUploadScratch.set(t), a = this.svgaSlotStateUploadScratch.subarray(0, e)), B.texSubImage2D(B.TEXTURE_2D, 0, 0, 0, E, i, B.RGBA, B.FLOAT, a, 0), this.performanceSVGADynamicUploadWrites++, this.performanceSVGADynamicUploadBytes += g * $A * Float32Array.BYTES_PER_ELEMENT, this.svgaSlotStateUploadId = I, { width: E, height: i };
   }
   resolveSVGAFrameTableSlotState(A, g) {
-    var I, B, Q, E, i, e, t, a, o, s, n, r, h, c, D, w, l, F, d, y, G, f, u, R, M, N, S, Y, U, k, m, J, q, _, Z, x, X, v, gA, UA, yA, rA, BA, Ig, QA, V, YA, kA, W, pA, LA, ag, OA, KA, qA;
+    var I, B, Q, E, i, e, t, a, o, s, n, r, h, c, D, w, l, F, d, y, G, f, u, R, M, N, S, Y, U, k, m, J, q, _, Z, x, X, v, gA, UA, yA, rA, BA, Ig, QA, V, YA, kA, W, pA, LA, ag, OA, KA, TA;
     const sA = A.uniforms, L = (B = (I = A.svgaFrameTableSlotState) != null ? I : A.svgaSlotState) != null ? B : sA.u_svgaSlotState instanceof Float32Array ? sA.u_svgaSlotState : sA.u_slotState instanceof Float32Array ? sA.u_slotState : null, EA = sA.u_transform, Bg = sA.u_clipRect, AA = A.svgaFrameTableParentAffine, DA = A.svgaFrameTableParentTranslate, IA = A.svgaFrameTableClipRect, pg = A.svgaFrameIndex != null || A.svgaFrameTableFrameIndex != null || A.frameTableFrameIndex != null, Kg = A.svgaFrameTableOpacity != null || typeof sA.u_opacity == "number";
-    let Cg = 1, GA = 0, fA = 0, dA = 1, iA = 0, eA = 0, tA = (Q = A.svgaFrameTableOpacity) != null ? Q : typeof sA.u_opacity == "number" ? sA.u_opacity : 1, hA = (e = (i = (E = A.svgaFrameIndex) != null ? E : A.svgaFrameTableFrameIndex) != null ? i : A.frameTableFrameIndex) != null ? e : 0, aA = 0, nA = 0, RA = this.canvas.width, uA = this.canvas.height, TA = 0, Qg = (n = (s = (o = (a = (t = A.svgaFrameTableMetadataBase) != null ? t : A.svgaFrameTableSpriteBase) != null ? a : A.frameTableSpriteBase) != null ? o : A.svgaSpriteMetadataBase) != null ? s : A.svgaSpriteBase) != null ? n : 0, Wg = (r = A.svgaFrameTableAtlasPage) != null ? r : -1;
+    let Cg = 1, GA = 0, fA = 0, dA = 1, iA = 0, eA = 0, tA = (Q = A.svgaFrameTableOpacity) != null ? Q : typeof sA.u_opacity == "number" ? sA.u_opacity : 1, hA = (e = (i = (E = A.svgaFrameIndex) != null ? E : A.svgaFrameTableFrameIndex) != null ? i : A.frameTableFrameIndex) != null ? e : 0, aA = 0, nA = 0, RA = this.canvas.width, uA = this.canvas.height, vA = 0, Qg = (n = (s = (o = (a = (t = A.svgaFrameTableMetadataBase) != null ? t : A.svgaFrameTableSpriteBase) != null ? a : A.frameTableSpriteBase) != null ? o : A.svgaSpriteMetadataBase) != null ? s : A.svgaSpriteBase) != null ? n : 0, Wg = (r = A.svgaFrameTableAtlasPage) != null ? r : -1;
     if (AA && AA.length >= 4)
-      Cg = (h = AA[0]) != null ? h : Cg, GA = (c = AA[1]) != null ? c : GA, fA = (D = AA[2]) != null ? D : fA, dA = (w = AA[3]) != null ? w : dA, DA && DA.length >= 2 && (iA = (l = DA[0]) != null ? l : iA, eA = (F = DA[1]) != null ? F : eA), IA && IA.length >= 4 && (aA = (d = IA[0]) != null ? d : aA, nA = (y = IA[1]) != null ? y : nA, RA = (G = IA[2]) != null ? G : RA, uA = (f = IA[3]) != null ? f : uA, TA = 1);
+      Cg = (h = AA[0]) != null ? h : Cg, GA = (c = AA[1]) != null ? c : GA, fA = (D = AA[2]) != null ? D : fA, dA = (w = AA[3]) != null ? w : dA, DA && DA.length >= 2 && (iA = (l = DA[0]) != null ? l : iA, eA = (F = DA[1]) != null ? F : eA), IA && IA.length >= 4 && (aA = (d = IA[0]) != null ? d : aA, nA = (y = IA[1]) != null ? y : nA, RA = (G = IA[2]) != null ? G : RA, uA = (f = IA[3]) != null ? f : uA, vA = 1);
     else if (L && L.length >= 13)
-      Cg = (u = L[0]) != null ? u : Cg, GA = (R = L[1]) != null ? R : GA, fA = (M = L[2]) != null ? M : fA, dA = (N = L[3]) != null ? N : dA, iA = (S = L[4]) != null ? S : iA, eA = (Y = L[5]) != null ? Y : eA, Kg || (tA = (U = L[6]) != null ? U : tA), pg || (hA = (k = L[7]) != null ? k : hA), aA = (m = L[8]) != null ? m : aA, nA = (J = L[9]) != null ? J : nA, RA = (q = L[10]) != null ? q : RA, uA = (_ = L[11]) != null ? _ : uA, TA = ((Z = L[12]) != null ? Z : 0) > 0.5 ? 1 : 0, A.svgaFrameTableMetadataBase == null && A.svgaFrameTableSpriteBase == null && A.frameTableSpriteBase == null && A.svgaSpriteMetadataBase == null && A.svgaSpriteBase == null && L.length >= 14 && (Qg = (x = L[13]) != null ? x : Qg);
+      Cg = (u = L[0]) != null ? u : Cg, GA = (R = L[1]) != null ? R : GA, fA = (M = L[2]) != null ? M : fA, dA = (N = L[3]) != null ? N : dA, iA = (S = L[4]) != null ? S : iA, eA = (Y = L[5]) != null ? Y : eA, Kg || (tA = (U = L[6]) != null ? U : tA), pg || (hA = (k = L[7]) != null ? k : hA), aA = (m = L[8]) != null ? m : aA, nA = (J = L[9]) != null ? J : nA, RA = (q = L[10]) != null ? q : RA, uA = (_ = L[11]) != null ? _ : uA, vA = ((Z = L[12]) != null ? Z : 0) > 0.5 ? 1 : 0, A.svgaFrameTableMetadataBase == null && A.svgaFrameTableSpriteBase == null && A.frameTableSpriteBase == null && A.svgaSpriteMetadataBase == null && A.svgaSpriteBase == null && L.length >= 14 && (Qg = (x = L[13]) != null ? x : Qg);
     else if (EA instanceof Float32Array && EA.length >= 16) {
       Cg = (X = EA[0]) != null ? X : Cg, GA = (v = EA[1]) != null ? v : GA, fA = (gA = EA[4]) != null ? gA : fA, dA = (UA = EA[5]) != null ? UA : dA, iA = (yA = EA[12]) != null ? yA : iA, eA = (rA = EA[13]) != null ? rA : eA;
       const PA = Bg instanceof Float32Array && Bg.length >= 4 ? Bg : IA;
-      PA && PA.length >= 4 && (aA = (BA = PA[0]) != null ? BA : aA, nA = (Ig = PA[1]) != null ? Ig : nA, RA = (QA = PA[2]) != null ? QA : RA, uA = (V = PA[3]) != null ? V : uA, TA = typeof sA.u_clipEnabled == "number" ? sA.u_clipEnabled > 0.5 ? 1 : 0 : 1);
+      PA && PA.length >= 4 && (aA = (BA = PA[0]) != null ? BA : aA, nA = (Ig = PA[1]) != null ? Ig : nA, RA = (QA = PA[2]) != null ? QA : RA, uA = (V = PA[3]) != null ? V : uA, vA = typeof sA.u_clipEnabled == "number" ? sA.u_clipEnabled > 0.5 ? 1 : 0 : 1);
     }
-    return AA && L && L.length >= 13 && (DA || (iA = (YA = L[4]) != null ? YA : iA, eA = (kA = L[5]) != null ? kA : eA), Kg || (tA = (W = L[6]) != null ? W : tA), pg || (hA = (pA = L[7]) != null ? pA : hA), IA || (aA = (LA = L[8]) != null ? LA : aA, nA = (ag = L[9]) != null ? ag : nA, RA = (OA = L[10]) != null ? OA : RA, uA = (KA = L[11]) != null ? KA : uA, TA = ((qA = L[12]) != null ? qA : 0) > 0.5 ? 1 : 0)), Number.isFinite(tA) || (tA = 1), Number.isFinite(hA) || (hA = 0), Number.isFinite(Qg) || (Qg = 0), Number.isFinite(Wg) || (Wg = -1), hA = Math.max(0, Math.min(Math.max(1, g) - 1, Math.floor(hA))), Qg = Math.max(0, Math.floor(Qg)), [Cg, GA, fA, dA, iA, eA, tA, aA, nA, RA, uA].every(Number.isFinite) ? {
+    return AA && L && L.length >= 13 && (DA || (iA = (YA = L[4]) != null ? YA : iA, eA = (kA = L[5]) != null ? kA : eA), Kg || (tA = (W = L[6]) != null ? W : tA), pg || (hA = (pA = L[7]) != null ? pA : hA), IA || (aA = (LA = L[8]) != null ? LA : aA, nA = (ag = L[9]) != null ? ag : nA, RA = (OA = L[10]) != null ? OA : RA, uA = (KA = L[11]) != null ? KA : uA, vA = ((TA = L[12]) != null ? TA : 0) > 0.5 ? 1 : 0)), Number.isFinite(tA) || (tA = 1), Number.isFinite(hA) || (hA = 0), Number.isFinite(Qg) || (Qg = 0), Number.isFinite(Wg) || (Wg = -1), hA = Math.max(0, Math.min(Math.max(1, g) - 1, Math.floor(hA))), Qg = Math.max(0, Math.floor(Qg)), [Cg, GA, fA, dA, iA, eA, tA, aA, nA, RA, uA].every(Number.isFinite) ? {
       parentA: Cg,
       parentB: GA,
       parentC: fA,
@@ -5119,7 +5124,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
       clipY0: nA,
       clipX1: RA,
       clipY1: uA,
-      clipEnabled: TA,
+      clipEnabled: vA,
       metadataBase: Qg,
       atlasPage: Math.max(-1, Math.floor(Wg))
     } : null;
@@ -5208,12 +5213,12 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
     this.applyProjectionUniform(W, kA, A.uniforms.u_projection);
     const KA = this.svgaTableInfoScratch;
     KA[0] = q, KA[1] = _, KA[2] = 3, KA[3] = 0;
-    const qA = this.svgaTableSizeScratch;
-    qA[0] = Y.width, qA[1] = Y.height;
+    const TA = this.svgaTableSizeScratch;
+    TA[0] = Y.width, TA[1] = Y.height;
     const sA = this.svgaMetadataSizeScratch;
     sA[0] = k.width, sA[1] = k.height;
     const L = R;
-    if (W.tableInfoLoc && ((F = L.uniform4iv) == null || F.call(L, W.tableInfoLoc, KA)), W.frameTableSizeLoc && ((d = L.uniform2iv) == null || d.call(L, W.frameTableSizeLoc, qA)), W.spriteMetadataSizeLoc && ((y = L.uniform2iv) == null || y.call(L, W.spriteMetadataSizeLoc, sA)), W.spriteMetadataStrideLoc && R.uniform1i(W.spriteMetadataStrideLoc, QA), W.spriteBaseLoc && R.uniform1i(W.spriteBaseLoc, V.metadataBase), W.frameIndexLoc && R.uniform1i(W.frameIndexLoc, V.frameIndex), W.parentAffineLoc && R.uniform4f(W.parentAffineLoc, V.parentA, V.parentB, V.parentC, V.parentD), W.parentTranslateLoc && R.uniform2f(W.parentTranslateLoc, V.tx, V.ty), W.slotOpacityLoc && R.uniform1f(W.slotOpacityLoc, V.opacity), W.atlasPageLoc && R.uniform1i(W.atlasPageLoc, V.atlasPage), W.clipRectLoc && R.uniform4f(W.clipRectLoc, V.clipX0, V.clipY0, V.clipX1, V.clipY1), W.clipEnabledLoc && R.uniform1f(W.clipEnabledLoc, V.clipEnabled), W.canvasHeightLoc && R.uniform1f(W.canvasHeightLoc, this.canvas.height), W.instanceStateEnabledLoc && R.uniform1f(W.instanceStateEnabledLoc, yA ? 1 : 0), W.compactSlotStateEnabledLoc && R.uniform1f(W.compactSlotStateEnabledLoc, UA ? 1 : 0), W.spritesPerSlotLoc && R.uniform1i(W.spritesPerSlotLoc, UA ? gA : 1), W.slotStateSizeLoc) {
+    if (W.tableInfoLoc && ((F = L.uniform4iv) == null || F.call(L, W.tableInfoLoc, KA)), W.frameTableSizeLoc && ((d = L.uniform2iv) == null || d.call(L, W.frameTableSizeLoc, TA)), W.spriteMetadataSizeLoc && ((y = L.uniform2iv) == null || y.call(L, W.spriteMetadataSizeLoc, sA)), W.spriteMetadataStrideLoc && R.uniform1i(W.spriteMetadataStrideLoc, QA), W.spriteBaseLoc && R.uniform1i(W.spriteBaseLoc, V.metadataBase), W.frameIndexLoc && R.uniform1i(W.frameIndexLoc, V.frameIndex), W.parentAffineLoc && R.uniform4f(W.parentAffineLoc, V.parentA, V.parentB, V.parentC, V.parentD), W.parentTranslateLoc && R.uniform2f(W.parentTranslateLoc, V.tx, V.ty), W.slotOpacityLoc && R.uniform1f(W.slotOpacityLoc, V.opacity), W.atlasPageLoc && R.uniform1i(W.atlasPageLoc, V.atlasPage), W.clipRectLoc && R.uniform4f(W.clipRectLoc, V.clipX0, V.clipY0, V.clipX1, V.clipY1), W.clipEnabledLoc && R.uniform1f(W.clipEnabledLoc, V.clipEnabled), W.canvasHeightLoc && R.uniform1f(W.canvasHeightLoc, this.canvas.height), W.instanceStateEnabledLoc && R.uniform1f(W.instanceStateEnabledLoc, yA ? 1 : 0), W.compactSlotStateEnabledLoc && R.uniform1f(W.compactSlotStateEnabledLoc, UA ? 1 : 0), W.spritesPerSlotLoc && R.uniform1i(W.spritesPerSlotLoc, UA ? gA : 1), W.slotStateSizeLoc) {
       const AA = new Int32Array([
         (G = OA == null ? void 0 : OA.width) != null ? G : 1,
         (f = OA == null ? void 0 : OA.height) != null ? f : 1
@@ -5335,8 +5340,8 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
   drawInstancedSvgaGL(A) {
     var g, I;
     const B = this.gl, Q = (g = A.instanceCount) != null ? g : 0, E = A.instanceData;
-    if (Q < 1 || !E || E.length < Q * xA.INST_SVGA_GL_FLOATS) return;
-    if (Q > xA.INST_SVGA_GL_MAX) {
+    if (Q < 1 || !E || E.length < Q * bA.INST_SVGA_GL_FLOATS) return;
+    if (Q > bA.INST_SVGA_GL_MAX) {
       console.warn("[WebGL2] svga-instanced-premul: instanceCount exceeds max", Q);
       return;
     }
@@ -5355,8 +5360,8 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
     const a = this.buffers.get(A.vertexBuffer.id), o = this.buffers.get(A.indexBuffer.id);
     if (!a || !o) return;
     const s = this.ensureInstancedSvgaInstanceBuffer();
-    if (B.bindBuffer(B.ARRAY_BUFFER, s), B.bufferSubData(B.ARRAY_BUFFER, 0, E, 0, Q * xA.INST_SVGA_GL_FLOATS), this.performanceSVGADynamicUploadWrites++, this.performanceSVGADynamicUploadBytes += Q * xA.INST_SVGA_GL_FLOATS * Float32Array.BYTES_PER_ELEMENT, this.bindCachedVertexArray(e, A.vertexBuffer.id, A.indexBuffer.id)) {
-      const n = xA.INST_SVGA_GL_STRIDE;
+    if (B.bindBuffer(B.ARRAY_BUFFER, s), B.bufferSubData(B.ARRAY_BUFFER, 0, E, 0, Q * bA.INST_SVGA_GL_FLOATS), this.performanceSVGADynamicUploadWrites++, this.performanceSVGADynamicUploadBytes += Q * bA.INST_SVGA_GL_FLOATS * Float32Array.BYTES_PER_ELEMENT, this.bindCachedVertexArray(e, A.vertexBuffer.id, A.indexBuffer.id)) {
+      const n = bA.INST_SVGA_GL_STRIDE;
       B.bindBuffer(B.ARRAY_BUFFER, s), B.enableVertexAttribArray(1), B.vertexAttribPointer(1, 4, B.FLOAT, !1, n, 0), B.vertexAttribDivisor(1, 1), B.enableVertexAttribArray(2), B.vertexAttribPointer(2, 3, B.FLOAT, !1, n, 16), B.vertexAttribDivisor(2, 1), B.enableVertexAttribArray(3), B.vertexAttribPointer(3, 4, B.FLOAT, !1, n, 28), B.vertexAttribDivisor(3, 1), B.enableVertexAttribArray(4), B.vertexAttribIPointer(4, 2, B.UNSIGNED_INT, n, 44), B.vertexAttribDivisor(4, 1), B.bindBuffer(B.ARRAY_BUFFER, a.buffer), B.enableVertexAttribArray(0), B.vertexAttribPointer(0, 2, B.FLOAT, !1, 8, 0), B.vertexAttribDivisor(0, 0), B.bindBuffer(B.ELEMENT_ARRAY_BUFFER, o.buffer);
     }
     B.drawElementsInstanced(B.TRIANGLES, A.indexCount, B.UNSIGNED_INT, 0, Q), this.recordSubmittedDraw(), i !== "none" && (B.disable(B.STENCIL_TEST), B.colorMask(!0, !0, !0, !0));
@@ -5368,7 +5373,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
       if (!g) throw new Error("createBuffer failed");
       A.bindVertexArray(null), A.bindBuffer(A.ARRAY_BUFFER, g), A.bufferData(
         A.ARRAY_BUFFER,
-        xA.INST_CLIP_MASK_GL_BYTES,
+        bA.INST_CLIP_MASK_GL_BYTES,
         A.DYNAMIC_DRAW
       ), this.instancedClipMaskGLBuffer = g;
     }
@@ -5377,9 +5382,9 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
   drawInstancedClipMaskGL(A) {
     var g, I;
     const B = this.gl, Q = (g = A.instanceCount) != null ? g : 0, E = A.instanceData;
-    if (Q < 1 || !E || E.length < Q * xA.INST_CLIP_MASK_GL_FLOATS)
+    if (Q < 1 || !E || E.length < Q * bA.INST_CLIP_MASK_GL_FLOATS)
       return;
-    if (Q > xA.INST_CLIP_MASK_GL_MAX) {
+    if (Q > bA.INST_CLIP_MASK_GL_MAX) {
       console.warn(
         "[WebGL2] clip-mask-instanced: instanceCount exceeds max",
         Q
@@ -5398,9 +5403,9 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
       0,
       E,
       0,
-      Q * xA.INST_CLIP_MASK_GL_FLOATS
+      Q * bA.INST_CLIP_MASK_GL_FLOATS
     ), this.bindCachedVertexArray(i, A.vertexBuffer.id, A.indexBuffer.id)) {
-      const n = xA.INST_CLIP_MASK_GL_STRIDE;
+      const n = bA.INST_CLIP_MASK_GL_STRIDE;
       B.bindBuffer(B.ARRAY_BUFFER, s), B.enableVertexAttribArray(1), B.vertexAttribPointer(1, 4, B.FLOAT, !1, n, 0), B.vertexAttribDivisor(1, 1), B.enableVertexAttribArray(2), B.vertexAttribPointer(2, 2, B.FLOAT, !1, n, 16), B.vertexAttribDivisor(2, 1), B.bindBuffer(B.ARRAY_BUFFER, t.buffer), B.enableVertexAttribArray(0), B.vertexAttribPointer(0, 2, B.FLOAT, !1, 8, 0), B.vertexAttribDivisor(0, 0), B.bindBuffer(B.ELEMENT_ARRAY_BUFFER, a.buffer);
     }
     B.drawElementsInstanced(
@@ -5416,7 +5421,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
     if (!this.instancedAlphaInstanceGLBuffer) {
       const g = A.createBuffer();
       if (!g) throw new Error("createBuffer failed");
-      A.bindVertexArray(null), A.bindBuffer(A.ARRAY_BUFFER, g), A.bufferData(A.ARRAY_BUFFER, xA.INST_ALPHA_GL_BYTES, A.DYNAMIC_DRAW), this.instancedAlphaInstanceGLBuffer = g;
+      A.bindVertexArray(null), A.bindBuffer(A.ARRAY_BUFFER, g), A.bufferData(A.ARRAY_BUFFER, bA.INST_ALPHA_GL_BYTES, A.DYNAMIC_DRAW), this.instancedAlphaInstanceGLBuffer = g;
     }
     return this.instancedAlphaInstanceGLBuffer;
   }
@@ -5424,7 +5429,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
     var g;
     const I = this.gl, B = (g = A.instanceCount) != null ? g : 0, Q = A.instanceData;
     if (B < 1 || !Q || Q.length < B * 12) return;
-    if (B > xA.INST_ALPHA_GL_MAX) {
+    if (B > bA.INST_ALPHA_GL_MAX) {
       console.warn("[WebGL2] alpha-video-instanced: instanceCount exceeds max", B);
       return;
     }
@@ -5459,7 +5464,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
     if (!this.instancedVapInstanceGLBuffer) {
       const g = A.createBuffer();
       if (!g) throw new Error("createBuffer failed");
-      A.bindVertexArray(null), A.bindBuffer(A.ARRAY_BUFFER, g), A.bufferData(A.ARRAY_BUFFER, xA.INST_VAP_GL_BYTES, A.DYNAMIC_DRAW), this.instancedVapInstanceGLBuffer = g;
+      A.bindVertexArray(null), A.bindBuffer(A.ARRAY_BUFFER, g), A.bufferData(A.ARRAY_BUFFER, bA.INST_VAP_GL_BYTES, A.DYNAMIC_DRAW), this.instancedVapInstanceGLBuffer = g;
     }
     return this.instancedVapInstanceGLBuffer;
   }
@@ -5467,7 +5472,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
     var g;
     const I = this.gl, B = (g = A.instanceCount) != null ? g : 0, Q = A.instanceData;
     if (B < 1 || !Q || Q.length < B * 32) return;
-    if (B > xA.INST_VAP_GL_MAX) {
+    if (B > bA.INST_VAP_GL_MAX) {
       console.warn("[WebGL2] vap-instanced: instanceCount exceeds max", B);
       return;
     }
@@ -6115,32 +6120,32 @@ function fB(C, A, g) {
   return E;
 }
 function Ni(C, A, g) {
-  const I = UC(C, z.__wbindgen_malloc), B = bA;
-  var Q = UC(A, z.__wbindgen_malloc), E = bA, i = JQ(g, z.__wbindgen_malloc), e = bA;
+  const I = UC(C, z.__wbindgen_malloc), B = qA;
+  var Q = UC(A, z.__wbindgen_malloc), E = qA, i = JQ(g, z.__wbindgen_malloc), e = qA;
   return z.build_batch_vertices(I, B, Q, E, A, i, e, g) >>> 0;
 }
 function Ui(C) {
-  const A = yB(C, z.__wbindgen_malloc), g = bA, I = z.decode_svga(A, g);
+  const A = yB(C, z.__wbindgen_malloc), g = qA, I = z.decode_svga(A, g);
   if (I[2])
     throw KI(I[1]);
   return KI(I[0]);
 }
 function ki(C) {
-  const A = yB(C, z.__wbindgen_malloc), g = bA, I = z.decode_svga_payload(A, g);
+  const A = yB(C, z.__wbindgen_malloc), g = qA, I = z.decode_svga_payload(A, g);
   if (I[3])
     throw KI(I[2]);
   var B = FB(I[0], I[1]).slice();
   return z.__wbindgen_free(I[0], I[1] * 1, 1), B;
 }
 function Yi(C) {
-  const A = yB(C, z.__wbindgen_malloc), g = bA, I = z.decode_svga_payload_profiled(A, g);
+  const A = yB(C, z.__wbindgen_malloc), g = qA, I = z.decode_svga_payload_profiled(A, g);
   if (I[3])
     throw KI(I[2]);
   var B = FB(I[0], I[1]).slice();
   return z.__wbindgen_free(I[0], I[1] * 1, 1), B;
 }
 function pi(C) {
-  const A = yB(C, z.__wbindgen_malloc), g = bA, I = z.inflate(A, g);
+  const A = yB(C, z.__wbindgen_malloc), g = qA, I = z.inflate(A, g);
   if (I[3])
     throw KI(I[2]);
   var B = FB(I[0], I[1]).slice();
@@ -6153,7 +6158,7 @@ function Ki() {
   return z.take_svga_payload_profile();
 }
 function mi(C, A) {
-  const g = xi(C, z.__wbindgen_malloc), I = bA, B = JQ(A, z.__wbindgen_malloc), Q = bA, E = z.triangulate_clip_polygons(g, I, B, Q);
+  const g = xi(C, z.__wbindgen_malloc), I = qA, B = JQ(A, z.__wbindgen_malloc), Q = qA, E = z.triangulate_clip_polygons(g, I, B, Q);
   var i = Ji(E[0], E[1]).slice();
   return z.__wbindgen_free(E[0], E[1] * 4, 4), i;
 }
@@ -6166,7 +6171,7 @@ function KQ() {
         return Error(MB(A, g));
       },
       __wbg_String_8564e559799eccda: function(A, g) {
-        const I = String(g), B = bi(I, z.__wbindgen_malloc, z.__wbindgen_realloc), Q = bA;
+        const I = String(g), B = bi(I, z.__wbindgen_malloc, z.__wbindgen_realloc), Q = qA;
         NC().setInt32(A + 4, Q, !0), NC().setInt32(A + 0, B, !0);
       },
       __wbg___wbindgen_copy_to_typed_array_a4db337751e0b328: function(A, g, I) {
@@ -6246,24 +6251,24 @@ function iI() {
 }
 function JQ(C, A) {
   const g = A(C.length * 4, 4) >>> 0;
-  return mQ().set(C, g / 4), bA = C.length, g;
+  return mQ().set(C, g / 4), qA = C.length, g;
 }
 function yB(C, A) {
   const g = A(C.length * 1, 1) >>> 0;
-  return iI().set(C, g / 1), bA = C.length, g;
+  return iI().set(C, g / 1), qA = C.length, g;
 }
 function UC(C, A) {
   const g = A(C.length * 4, 4) >>> 0;
-  return Li().set(C, g / 4), bA = C.length, g;
+  return Li().set(C, g / 4), qA = C.length, g;
 }
 function xi(C, A) {
   const g = A(C.length * 8, 8) >>> 0;
-  return Hi().set(C, g / 8), bA = C.length, g;
+  return Hi().set(C, g / 8), qA = C.length, g;
 }
 function bi(C, A, g) {
   if (g === void 0) {
     const i = dI.encode(C), e = A(i.length, 1) >>> 0;
-    return iI().subarray(e, e + i.length).set(i), bA = i.length, e;
+    return iI().subarray(e, e + i.length).set(i), qA = i.length, e;
   }
   let I = C.length, B = A(I, 1) >>> 0;
   const Q = iI();
@@ -6278,7 +6283,7 @@ function bi(C, A, g) {
     const i = iI().subarray(B + E, B + I), e = dI.encodeInto(C, i);
     E += e.written, B = g(B, I, E, 1) >>> 0;
   }
-  return bA = E, B;
+  return qA = E, B;
 }
 function KI(C) {
   const A = z.__wbindgen_externrefs.get(C);
@@ -6299,7 +6304,7 @@ const dI = new TextEncoder();
     written: g.length
   };
 });
-let bA = 0, z;
+let qA = 0, z;
 function LQ(C, A) {
   return z = C.exports, Zg = null, DI = null, lI = null, wI = null, FI = null, z.__wbindgen_start(), z;
 }
@@ -8836,7 +8841,7 @@ const PI = 6, jI = { x: 0, y: 0, w: 1, h: 1 }, nC = class IC {
   requiresStencil(A) {
     var g, I, B, Q, E;
     for (const i of A) {
-      if (i.type !== "svga" || !i.videoEntity || i.opacity < 0.05 || i.state !== "playing" && i.state !== "fly" && i.state !== "stopped")
+      if (i.type !== "svga" || !i.videoEntity || i.state !== "playing" && i.state !== "fly" && i.state !== "stopped")
         continue;
       const e = this.resolveRenderableFrame(i, i.videoEntity);
       if (e == null) continue;
@@ -8849,6 +8854,7 @@ const PI = 6, jI = { x: 0, y: 0, w: 1, h: 1 }, nC = class IC {
           continue;
         }
       }
+      if (i.opacity < 0.05) continue;
       const t = this.getFrameClipMode(i.videoEntity, e);
       if (t === 2 || t === 1 && ((E = i.rotation) != null ? E : 0) !== 0) return !0;
     }
@@ -11106,10 +11112,10 @@ function hI(C, A, g, I = { left: 0, right: 0, top: 0, bottom: 0 }) {
   const [B, Q, E, i] = C;
   return I.left = B / A, I.right = (B + E) / A, I.top = (g - Q) / g, I.bottom = (g - Q - i) / g, I;
 }
-var lt = Object.defineProperty, wt = (C, A, g) => A in C ? lt(C, A, { enumerable: !0, configurable: !0, writable: !0, value: g }) : C[A] = g, WA = (C, A, g) => wt(C, typeof A != "symbol" ? A + "" : A, g);
+var lt = Object.defineProperty, wt = (C, A, g) => A in C ? lt(C, A, { enumerable: !0, configurable: !0, writable: !0, value: g }) : C[A] = g, VA = (C, A, g) => wt(C, typeof A != "symbol" ? A + "" : A, g);
 class jQ {
   constructor(A) {
-    WA(this, "onFrameAvailable"), WA(this, "frameInfo", /* @__PURE__ */ new Map()), WA(this, "pending", /* @__PURE__ */ new Set()), WA(this, "lastHandle", /* @__PURE__ */ new Map()), WA(this, "started", /* @__PURE__ */ new Set()), WA(this, "firstUploaded", /* @__PURE__ */ new Set()), WA(this, "forceTimeFallback", /* @__PURE__ */ new Set()), WA(this, "lastArmAt", /* @__PURE__ */ new Map()), WA(this, "lastCallbackAt", /* @__PURE__ */ new Map()), WA(this, "lastProgressAt", /* @__PURE__ */ new Map()), WA(this, "lastRecoveryAt", /* @__PURE__ */ new Map()), WA(this, "stallLogged", /* @__PURE__ */ new Set()), WA(this, "stagnationLogged", /* @__PURE__ */ new Set()), WA(this, "lastTimeFallback", /* @__PURE__ */ new Map()), WA(this, "healthTimers", /* @__PURE__ */ new Map()), this.onFrameAvailable = A;
+    VA(this, "onFrameAvailable"), VA(this, "frameInfo", /* @__PURE__ */ new Map()), VA(this, "pending", /* @__PURE__ */ new Set()), VA(this, "lastHandle", /* @__PURE__ */ new Map()), VA(this, "started", /* @__PURE__ */ new Set()), VA(this, "firstUploaded", /* @__PURE__ */ new Set()), VA(this, "forceTimeFallback", /* @__PURE__ */ new Set()), VA(this, "lastArmAt", /* @__PURE__ */ new Map()), VA(this, "lastCallbackAt", /* @__PURE__ */ new Map()), VA(this, "lastProgressAt", /* @__PURE__ */ new Map()), VA(this, "lastRecoveryAt", /* @__PURE__ */ new Map()), VA(this, "stallLogged", /* @__PURE__ */ new Set()), VA(this, "stagnationLogged", /* @__PURE__ */ new Set()), VA(this, "lastTimeFallback", /* @__PURE__ */ new Map()), VA(this, "healthTimers", /* @__PURE__ */ new Map()), this.onFrameAvailable = A;
   }
   /**
    * Returns true when `updateTexture` should run for this slot: first time, or a new decoded frame was signaled.
@@ -18961,10 +18967,10 @@ class _B {
     this._released || (this._released = !0, this.gpuGlobalsBuffer && ((A = this.backend) == null || A.deleteBuffer(this.gpuGlobalsBuffer)), this.table.release());
   }
 }
-var ls = Object.defineProperty, ws = (C, A, g) => A in C ? ls(C, A, { enumerable: !0, configurable: !0, writable: !0, value: g }) : C[A] = g, VA = (C, A, g) => ws(C, typeof A != "symbol" ? A + "" : A, g);
+var ls = Object.defineProperty, ws = (C, A, g) => A in C ? ls(C, A, { enumerable: !0, configurable: !0, writable: !0, value: g }) : C[A] = g, xA = (C, A, g) => ws(C, typeof A != "symbol" ? A + "" : A, g);
 class Fs {
   constructor(A, g = `scope-${xQ()}`) {
-    VA(this, "id"), VA(this, "host"), VA(this, "controller", new AbortController()), VA(this, "gifts", /* @__PURE__ */ new Map()), VA(this, "tracks", /* @__PURE__ */ new Set()), VA(this, "bindings", /* @__PURE__ */ new Set()), VA(this, "particleBatches", /* @__PURE__ */ new Set()), VA(this, "particleBatchGroups", /* @__PURE__ */ new Set()), VA(this, "frameListeners", /* @__PURE__ */ new Set()), VA(this, "finishListeners", /* @__PURE__ */ new Set()), VA(this, "unregisterController"), VA(this, "_state", "idle"), VA(this, "_currentTimeMs", 0), VA(this, "durationMs", 0), VA(this, "lastTickAtMs", 0), this.host = A, this.id = g, this.unregisterController = A.registerFrameController(this);
+    xA(this, "id"), xA(this, "host"), xA(this, "controller", new AbortController()), xA(this, "gifts", /* @__PURE__ */ new Map()), xA(this, "tracks", /* @__PURE__ */ new Set()), xA(this, "bindings", /* @__PURE__ */ new Set()), xA(this, "particleBatches", /* @__PURE__ */ new Set()), xA(this, "particleBatchGroups", /* @__PURE__ */ new Set()), xA(this, "frameListeners", /* @__PURE__ */ new Set()), xA(this, "finishListeners", /* @__PURE__ */ new Set()), xA(this, "unregisterController"), xA(this, "_state", "idle"), xA(this, "_currentTimeMs", 0), xA(this, "durationMs", 0), xA(this, "lastTickAtMs", 0), xA(this, "playbackRevision", 0), this.host = A, this.id = g, this.unregisterController = A.registerFrameController(this);
   }
   get signal() {
     return this.controller.signal;
@@ -18993,7 +18999,11 @@ class Fs {
   createMotionTrack(A) {
     this.assertAlive();
     const g = new _B(this.host.backend, A);
-    return this.tracks.add(g), g;
+    this.tracks.add(g);
+    const I = g.release.bind(g);
+    return g.release = () => {
+      I(), this.tracks.delete(g);
+    }, g;
   }
   createParticleBatch(A) {
     this.assertAlive();
@@ -19047,47 +19057,48 @@ class Fs {
   }
   start(A) {
     var g;
-    this.assertAlive(), this.durationMs = Math.max(0, A.durationMs), this._currentTimeMs = Math.max(0, Math.min(this.durationMs, (g = A.fromMs) != null ? g : 0)), this.lastTickAtMs = performance.now(), this._state = "playing";
+    this.assertAlive(), this.playbackRevision++, this.durationMs = Math.max(0, A.durationMs), this._currentTimeMs = Math.max(0, Math.min(this.durationMs, (g = A.fromMs) != null ? g : 0)), this.lastTickAtMs = performance.now(), this._state = "playing";
     for (const I of this.gifts.values()) I.resume();
     this.applyMediaTime(this._currentTimeMs, !0, !0), this.applyAll(this._currentTimeMs), this.applyParticleTime(this._currentTimeMs), this.host.invalidate(!0);
   }
   pause() {
     if (this._state === "playing") {
-      this._state = "paused";
+      this.playbackRevision++, this._state = "paused";
       for (const A of this.gifts.values()) A.pause();
     }
   }
   resume() {
     if (this._state === "paused") {
-      this.lastTickAtMs = performance.now(), this._state = "playing";
+      this.playbackRevision++, this.lastTickAtMs = performance.now(), this._state = "playing";
       for (const A of this.gifts.values()) A.resume();
       this.applyMediaTime(this._currentTimeMs, !1, !0), this.host.invalidate(!0);
     }
   }
   seek(A) {
-    this.assertAlive(), this._currentTimeMs = Math.max(0, Math.min(this.durationMs, A)), this._state === "playing" && (this.lastTickAtMs = performance.now()), this.applyAll(this._currentTimeMs), this.applyParticleTime(this._currentTimeMs), this.applyMediaTime(this._currentTimeMs, !1, !0), this.emitFrame(0), this.host.invalidate();
+    this.assertAlive(), this.playbackRevision++, this._currentTimeMs = Math.max(0, Math.min(this.durationMs, A)), this._state === "playing" && (this.lastTickAtMs = performance.now()), this.applyAll(this._currentTimeMs), this.applyParticleTime(this._currentTimeMs), this.applyMediaTime(this._currentTimeMs, !1, !0), this.emitFrame(0), this.host.invalidate();
   }
   stop() {
     if (!(this._state === "destroyed" || this._state === "stopped")) {
-      this._state = "stopped";
+      this.playbackRevision++, this._state = "stopped";
       for (const A of this.gifts.values()) A.pause();
       this.host.invalidate();
     }
   }
   tick(A, g) {
     if (this._state !== "playing") return !1;
-    const I = Math.max(0, g), B = this.lastTickAtMs > 0 ? Math.max(0, A - this.lastTickAtMs) : I, Q = Math.min(I, B);
-    if (this.lastTickAtMs = A, this._currentTimeMs = Math.min(this.durationMs, this._currentTimeMs + Q), this.applyAll(this._currentTimeMs), this.applyParticleTime(this._currentTimeMs), this.applyMediaTime(this._currentTimeMs), this.emitFrame(Q), this._currentTimeMs >= this.durationMs) {
+    const I = this.playbackRevision, B = Math.max(0, g), Q = this.lastTickAtMs > 0 ? Math.max(0, A - this.lastTickAtMs) : B, E = Math.min(B, Q);
+    if (this.lastTickAtMs = A, this._currentTimeMs = Math.min(this.durationMs, this._currentTimeMs + E), this.applyAll(this._currentTimeMs), this.applyParticleTime(this._currentTimeMs), this.applyMediaTime(this._currentTimeMs), I !== this.playbackRevision || (this.emitFrame(E), I !== this.playbackRevision)) return !0;
+    if (this._currentTimeMs >= this.durationMs) {
       this._state = "stopped";
-      for (const E of this.gifts.values()) E.pause();
-      for (const E of this.finishListeners) E();
+      for (const i of this.gifts.values()) i.pause();
+      for (const i of this.finishListeners) i();
     }
     return !0;
   }
   destroy() {
     var A;
     if (this._state !== "destroyed") {
-      this._state = "destroyed", this.controller.abort(), (A = this.unregisterController) == null || A.call(this), this.unregisterController = null;
+      this.playbackRevision++, this._state = "destroyed", this.controller.abort(), (A = this.unregisterController) == null || A.call(this), this.unregisterController = null;
       for (const g of this.bindings) this.bindings.delete(g);
       for (const g of this.gifts.values()) this.host.removeGift(g.id);
       this.gifts.clear();
@@ -21271,11 +21282,27 @@ const Fg = class zA {
       preload: (e, t, a) => this.preload(e, t, a),
       createParticleAtlas: async (e) => {
         const t = await this.createParticleAtlas(e);
-        return I.add(t), t;
+        I.add(t);
+        const a = t.destroy.bind(t);
+        return t.destroy = () => {
+          try {
+            a();
+          } finally {
+            I.delete(t);
+          }
+        }, t;
       },
       createPlaybackScope: (e) => {
         const t = this.createPlaybackScope(e);
-        return g.add(t), t;
+        g.add(t);
+        const a = t.destroy.bind(t);
+        return t.destroy = () => {
+          try {
+            a();
+          } finally {
+            g.delete(t);
+          }
+        }, t;
       }
     }, Q = await A.setup(B);
     let E = !1;

package/dist/plugin/playback-scope.d.ts

@@ -16,6 +16,7 @@ export declare class PlaybackScopeImpl implements PlaybackScope, PlaybackFrameCo
     private _currentTimeMs;
     private durationMs;
     private lastTickAtMs;
+    private playbackRevision;
     constructor(host: PlaybackScopeHost, id?: string);
     get signal(): AbortSignal;
     get state(): PlaybackScopeState;