openvideo 0.2.9 → 0.2.10

package/dist/{index-X_sXWlZk.js → index-56Xwic2v.js}

@@ -18385,7 +18385,7 @@ const Lv = (r) => {
   },
   test: () => !0,
   load: async () => {
-    await import("./browserAll-BVbVNENq.js");
+    await import("./browserAll-Bzyowlcf.js");
   }
 }, gC = {
   extension: {
@@ -18395,7 +18395,7 @@ const Lv = (r) => {
   },
   test: () => typeof self < "u" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-BDynptqx.js");
+    await import("./webworkerAll-CgviF99W.js");
   }
 };
 class at {
@@ -57896,26 +57896,26 @@ const kW = [
   Fb,
   Ob,
   kb
-], RW = [...Bb, zb], FW = [D2, qb, Yb], JB = [], $B = [], e4 = [];
+], RW = [...Bb, zb], FW = [D2, qb, Yb], JB = [], $B = [], ek = [];
 Qe.handleByNamedList(F.WebGPUSystem, JB);
 Qe.handleByNamedList(F.WebGPUPipes, $B);
-Qe.handleByNamedList(F.WebGPUPipesAdaptor, e4);
+Qe.handleByNamedList(F.WebGPUPipesAdaptor, ek);
 Qe.add(...kW, ...RW, ...FW);
-class t4 extends wl {
+class tk extends wl {
   constructor() {
     const e = {
       name: "webgpu",
       type: xr.WEBGPU,
       systems: JB,
       renderPipes: $B,
-      renderPipeAdaptors: e4
+      renderPipeAdaptors: ek
     };
     super(e);
   }
 }
 const MW = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  WebGPURenderer: t4
+  WebGPURenderer: tk
 }, Symbol.toStringTag, { value: "Module" })), Zw = {
   POINTS: "point-list",
   LINES: "line-list",
@@ -58008,7 +58008,7 @@ function VW(r, e, t) {
   const i = r.a, n = r.b, s = r.c, o = r.d, a = r.tx, l = r.ty, u = e.a, c = e.b, h = e.c, d = e.d;
   t.a = i * u + n * h, t.b = i * c + n * d, t.c = s * u + o * h, t.d = s * c + o * d, t.tx = a * u + l * h + e.tx, t.ty = a * c + l * d + e.ty;
 }
-class r4 {
+class rk {
   constructor() {
     this.batches = [], this.batched = !1;
   }
@@ -58018,7 +58018,7 @@ class r4 {
     }), this.batches.length = 0;
   }
 }
-class i4 {
+class ik {
   constructor(e, t) {
     this.state = kr.for2d(), this.renderer = e, this._adaptor = t, this.renderer.runners.contextChange.add(this);
   }
@@ -58070,7 +58070,7 @@ class i4 {
     return e._gpuData[this.renderer.uid] || this._initGpuDataForRenderable(e);
   }
   _initGpuDataForRenderable(e) {
-    const t = new r4();
+    const t = new rk();
     return e._gpuData[this.renderer.uid] = t, t;
   }
   _updateBatchesForRenderable(e, t) {
@@ -58084,7 +58084,7 @@ class i4 {
     this.renderer = null, this._adaptor.destroy(), this._adaptor = null, this.state = null;
   }
 }
-i4.extension = {
+ik.extension = {
   type: [
     F.WebGLPipes,
     F.WebGPUPipes,
@@ -58112,7 +58112,7 @@ function XW(r) {
     indices: new Uint32Array(i)
   });
 }
-const n4 = class s4 extends Pe {
+const nk = class sk extends Pe {
   /**
    * Creates a new RenderLayer instance
    * @param options - Configuration options for the RenderLayer
@@ -58120,7 +58120,7 @@ const n4 = class s4 extends Pe {
    * @param {Function} [options.sortFunction] - Custom function to sort layer children. Default sorts by zIndex
    */
   constructor(e = {}) {
-    e = { ...s4.defaultOptions, ...e }, super(), this.renderLayerChildren = [], this.sortableChildren = e.sortableChildren, this.sortFunction = e.sortFunction;
+    e = { ...sk.defaultOptions, ...e }, super(), this.renderLayerChildren = [], this.sortableChildren = e.sortableChildren, this.sortFunction = e.sortFunction;
   }
   /**
    * Adds one or more Containers to this render layer. The Containers will be rendered as part of this layer
@@ -58461,7 +58461,7 @@ const n4 = class s4 extends Pe {
     throw new Error("RenderLayer.reparentChildAt() is not available with the render layer");
   }
 };
-n4.defaultOptions = {
+nk.defaultOptions = {
   /** If true, layer children will be automatically sorted each render. Default is false. */
   sortableChildren: !1,
   /**
@@ -58474,8 +58474,8 @@ n4.defaultOptions = {
    */
   sortFunction: (r, e) => r.zIndex - e.zIndex
 };
-let YW = n4;
-const o4 = class a4 extends Un {
+let YW = nk;
+const ok = class ak extends Un {
   constructor(...e) {
     super({});
     let t = e[0] ?? {};
@@ -58491,7 +58491,7 @@ const o4 = class a4 extends Un {
    * @param options - Options to be applied to plane geometry
    */
   build(e) {
-    e = { ...a4.defaultOptions, ...e }, this.verticesX = this.verticesX ?? e.verticesX, this.verticesY = this.verticesY ?? e.verticesY, this.width = this.width ?? e.width, this.height = this.height ?? e.height;
+    e = { ...ak.defaultOptions, ...e }, this.verticesX = this.verticesX ?? e.verticesX, this.verticesY = this.verticesY ?? e.verticesY, this.width = this.width ?? e.width, this.height = this.height ?? e.height;
     const t = this.verticesX * this.verticesY, i = [], n = [], s = [], o = this.verticesX - 1, a = this.verticesY - 1, l = this.width / o, u = this.height / a;
     for (let h = 0; h < t; h++) {
       const d = h % this.verticesX, f = h / this.verticesX | 0;
@@ -58512,14 +58512,14 @@ const o4 = class a4 extends Un {
     this.buffers[0].data = new Float32Array(i), this.buffers[1].data = new Float32Array(n), this.indexBuffer.data = new Uint32Array(s), this.buffers[0].update(), this.buffers[1].update(), this.indexBuffer.update();
   }
 };
-o4.defaultOptions = {
+ok.defaultOptions = {
   width: 100,
   height: 100,
   verticesX: 10,
   verticesY: 10
 };
-let Ah = o4;
-function l4(r, e, t, i) {
+let Ah = ok;
+function lk(r, e, t, i) {
   const n = t.buffers[0], s = n.data, { verticesX: o, verticesY: a } = t, l = r / (o - 1), u = e / (a - 1);
   let c = 0;
   const h = i[0], d = i[1], f = i[2], p = i[3], m = i[4], g = i[5], v = i[6], x = i[7], y = i[8];
@@ -58529,11 +58529,11 @@ function l4(r, e, t, i) {
   }
   n.update();
 }
-function u4(r, e) {
+function uk(r, e) {
   const t = e[0], i = e[1], n = e[2], s = e[3], o = e[4], a = e[5], l = e[6], u = e[7], c = e[8];
   return r[0] = o * c - a * u, r[1] = n * u - i * c, r[2] = i * a - n * o, r[3] = a * l - s * c, r[4] = t * c - n * l, r[5] = n * s - t * a, r[6] = s * u - o * l, r[7] = i * l - t * u, r[8] = t * o - i * s, r;
 }
-function c4(r, e, t) {
+function ck(r, e, t) {
   const i = e[0], n = e[1], s = e[2], o = e[3], a = e[4], l = e[5], u = e[6], c = e[7], h = e[8], d = t[0], f = t[1], p = t[2], m = t[3], g = t[4], v = t[5], x = t[6], y = t[7], b = t[8];
   return r[0] = d * i + f * o + p * u, r[1] = d * n + f * a + p * c, r[2] = d * s + f * l + p * h, r[3] = m * i + g * o + v * u, r[4] = m * n + g * a + v * c, r[5] = m * s + g * l + v * h, r[6] = x * i + y * o + b * u, r[7] = x * n + y * a + b * c, r[8] = x * s + y * l + b * h, r;
 }
@@ -58545,7 +58545,7 @@ const jW = [0, 0, 0, 0, 0, 0, 0, 0, 0], KW = [0, 0, 0], pu = [0, 0, 0];
 function Jw(r, e, t, i, n, s, o, a, l) {
   const u = jW;
   u[0] = e, u[1] = i, u[2] = s, u[3] = t, u[4] = n, u[5] = o, u[6] = 1, u[7] = 1, u[8] = 1;
-  const c = u4(
+  const c = uk(
     r,
     // reusing out as adjugateM is only used once
     u
@@ -58556,10 +58556,10 @@ function Jw(r, e, t, i, n, s, o, a, l) {
     c,
     pu
   ), d = r;
-  return r[0] = h[0], r[1] = 0, r[2] = 0, r[3] = 0, r[4] = h[1], r[5] = 0, r[6] = 0, r[7] = 0, r[8] = h[2], c4(r, d, u);
+  return r[0] = h[0], r[1] = 0, r[2] = 0, r[3] = 0, r[4] = h[1], r[5] = 0, r[6] = 0, r[7] = 0, r[8] = h[2], ck(r, d, u);
 }
 const QW = [0, 0, 0, 0, 0, 0, 0, 0, 0], ZW = [0, 0, 0, 0, 0, 0, 0, 0, 0];
-function h4(r, e, t, i, n, s, o, a, l, u, c, h, d, f, p, m, g) {
+function hk(r, e, t, i, n, s, o, a, l, u, c, h, d, f, p, m, g) {
   const v = Jw(
     QW,
     e,
@@ -58581,13 +58581,13 @@ function h4(r, e, t, i, n, s, o, a, l, u, c, h, d, f, p, m, g) {
     m,
     g
   );
-  return c4(
+  return ck(
     r,
-    u4(v, v),
+    uk(v, v),
     x
   );
 }
-class d4 extends Ah {
+class dk extends Ah {
   /**
    * @param options - Options to be applied to MeshPlane
    * @param options.width - The width of the plane
@@ -58618,7 +58618,7 @@ class d4 extends Ah {
   }
   /** Update the projection matrix based on the corners */
   updateProjection() {
-    const { width: e, height: t } = this, i = this.corners, n = h4(
+    const { width: e, height: t } = this, i = this.corners, n = hk(
       this._projectionMatrix,
       0,
       0,
@@ -58645,7 +58645,7 @@ class d4 extends Ah {
       i[7]
       // bottom-left dest
     );
-    l4(
+    lk(
       e,
       t,
       this,
@@ -58653,13 +58653,13 @@ class d4 extends Ah {
     );
   }
 }
-const f4 = class p4 extends Yo {
+const fk = class pk extends Yo {
   /**
    * @param options - Options to be applied to PerspectiveMesh
    */
   constructor(e) {
-    e = { ...p4.defaultOptions, ...e };
-    const { texture: t, verticesX: i, verticesY: n, ...s } = e, o = new d4(si({
+    e = { ...pk.defaultOptions, ...e };
+    const { texture: t, verticesX: i, verticesY: n, ...s } = e, o = new dk(si({
       width: t.width,
       height: t.height,
       verticesX: i,
@@ -58760,7 +58760,7 @@ const f4 = class p4 extends Yo {
     this.geometry.setCorners(e, t, i, n, s, o, a, l);
   }
 };
-f4.defaultOptions = {
+fk.defaultOptions = {
   texture: Q.WHITE,
   verticesX: 10,
   verticesY: 10,
@@ -58773,7 +58773,7 @@ f4.defaultOptions = {
   x3: 0,
   y3: 100
 };
-let JW = f4;
+let JW = fk;
 class $W extends Yo {
   /**
    * @param options - Options to be applied to MeshPlane
@@ -58833,12 +58833,12 @@ class $W extends Yo {
     this.texture.off("update", this.textureUpdated, this), super.destroy(e);
   }
 }
-const m4 = class g4 extends Un {
+const mk = class gk extends Un {
   /**
    * @param options - Options to be applied to rope geometry
    */
   constructor(e) {
-    const { width: t, points: i, textureScale: n } = { ...g4.defaultOptions, ...e };
+    const { width: t, points: i, textureScale: n } = { ...gk.defaultOptions, ...e };
     super({
       positions: new Float32Array(i.length * 4),
       uvs: new Float32Array(i.length * 4),
@@ -58901,7 +58901,7 @@ const m4 = class g4 extends Un {
     this.textureScale > 0 ? this._build() : this.updateVertices();
   }
 };
-m4.defaultOptions = {
+mk.defaultOptions = {
   /** The width (i.e., thickness) of the rope. */
   width: 200,
   /** An array of points that determine the rope. */
@@ -58909,8 +58909,8 @@ m4.defaultOptions = {
   /** Rope texture scale, if zero then the rope texture is stretched. */
   textureScale: 0
 };
-let v4 = m4;
-const x4 = class y4 extends Yo {
+let vk = mk;
+const xk = class yk extends Yo {
   /**
    * Note: The wrap mode of the texture is set to REPEAT if `textureScale` is positive.
    * @param options
@@ -58921,7 +58921,7 @@ const x4 = class y4 extends Yo {
    * and downsampling here. If set to zero, texture will be stretched instead.
    */
   constructor(e) {
-    const { texture: t, points: i, textureScale: n, ...s } = { ...y4.defaultOptions, ...e }, o = new v4(si({ width: t.height, points: i, textureScale: n }));
+    const { texture: t, points: i, textureScale: n, ...s } = { ...yk.defaultOptions, ...e }, o = new vk(si({ width: t.height, points: i, textureScale: n }));
     n > 0 && (t.source.style.addressMode = "repeat"), super(si({
       ...s,
       texture: t,
@@ -58933,10 +58933,10 @@ const x4 = class y4 extends Yo {
     (this.autoUpdate || e._width !== this.texture.height) && (e._width = this.texture.height, e.update());
   }
 };
-x4.defaultOptions = {
+xk.defaultOptions = {
   textureScale: 0
 };
-let eV = x4;
+let eV = xk;
 class tV extends Yo {
   /**
    * @param options - Options to be used for construction
@@ -59049,7 +59049,7 @@ class Fx {
   destroy() {
   }
 }
-class b4 {
+class bk {
   constructor(e, t) {
     this.localUniforms = new dt({
       uTransformMatrix: { value: new ae(), type: "mat3x3<f32>" },
@@ -59123,7 +59123,7 @@ class b4 {
     this.localUniforms = null, this.localUniformsBindGroup = null, this._adaptor.destroy(), this._adaptor = null, this.renderer = null;
   }
 }
-b4.extension = {
+bk.extension = {
   type: [
     F.WebGLPipes,
     F.WebGPUPipes,
@@ -59131,7 +59131,7 @@ b4.extension = {
   ],
   name: "mesh"
 };
-class _4 {
+class _k {
   execute(e, t) {
     const i = e.state, n = e.renderer, s = t.shader || e.defaultShader;
     s.resources.uTexture = t.texture._source, s.resources.uniforms = e.localUniforms;
@@ -59141,7 +59141,7 @@ class _4 {
     o.drawElements(o.TRIANGLES, t.particleChildren.length * 6, u, 0);
   }
 }
-class w4 {
+class wk {
   execute(e, t) {
     const i = e.renderer, n = t.shader || e.defaultShader;
     n.groups[0] = i.renderPipes.uniformBatch.getUniformBindGroup(e.localUniforms, !0), n.groups[1] = i.texture.getTextureBindGroup(t.texture);
@@ -59162,7 +59162,7 @@ function Mx(r, e = null) {
     e[i + 0] = n + 0, e[i + 1] = n + 1, e[i + 2] = n + 2, e[i + 3] = n + 0, e[i + 4] = n + 2, e[i + 5] = n + 3;
   return e;
 }
-function S4(r) {
+function Sk(r) {
   return {
     dynamicUpdate: $w(r, !0),
     staticUpdate: $w(r, !1)
@@ -59198,7 +59198,7 @@ function $w(r, e) {
 `);
   return new Function("ps", "f32v", "u32v", n);
 }
-class T4 {
+class Tk {
   constructor(e) {
     this._size = 0, this._generateParticleUpdateCache = {};
     const t = this._size = e.size ?? 1e3, i = e.properties;
@@ -59244,7 +59244,7 @@ class T4 {
     return this._generateParticleUpdateCache[t] ? this._generateParticleUpdateCache[t] : (this._generateParticleUpdateCache[t] = this.generateParticleUpdate(e), this._generateParticleUpdateCache[t]);
   }
   generateParticleUpdate(e) {
-    return S4(e);
+    return Sk(e);
   }
   update(e, t) {
     e.length > this._size && (t = !0, this._size = Math.max(e.length, this._size * 1.5 | 0), this.staticAttributeBuffer = new os(this._size * this._staticStride * 4 * 4), this.dynamicAttributeBuffer = new os(this._size * this._dynamicStride * 4 * 4), this.indexBuffer = Mx(this._size), this.geometry.indexBuffer.setDataWithSize(
@@ -59278,7 +59278,7 @@ function iV(r) {
   }
   return e.join("_");
 }
-var C4 = `varying vec2 vUV;
+var Ck = `varying vec2 vUV;
 varying vec4 vColor;
 
 uniform sampler2D uTexture;
@@ -59286,7 +59286,7 @@ uniform sampler2D uTexture;
 void main(void){
     vec4 color = texture2D(uTexture, vUV) * vColor;
     gl_FragColor = color;
-}`, A4 = `attribute vec2 aVertex;
+}`, Ak = `attribute vec2 aVertex;
 attribute vec2 aUV;
 attribute vec4 aColor;
 
@@ -59388,11 +59388,11 @@ fn mainFragment(
    
     return sample;
 }`;
-class E4 extends Mr {
+class Ek extends Mr {
   constructor() {
     const e = ue.from({
-      vertex: A4,
-      fragment: C4
+      vertex: Ak,
+      fragment: Ck
     }), t = pe.from({
       fragment: {
         source: Dx,
@@ -59433,7 +59433,7 @@ class jb {
       uColor: { value: new Float32Array(4), type: "vec4<f32>" },
       uRound: { value: 1, type: "f32" },
       uResolution: { value: [0, 0], type: "vec2<f32>" }
-    }), this.renderer = e, this.adaptor = t, this.defaultShader = new E4(), this.state = kr.for2d();
+    }), this.renderer = e, this.adaptor = t, this.defaultShader = new Ek(), this.state = kr.for2d();
   }
   validateRenderable(e) {
     return !1;
@@ -59445,7 +59445,7 @@ class jb {
     return e._gpuData[this.renderer.uid] || this._initBuffer(e);
   }
   _initBuffer(e) {
-    return e._gpuData[this.renderer.uid] = new T4({
+    return e._gpuData[this.renderer.uid] = new Tk({
       size: e.particleChildren.length,
       properties: e._properties
     }), e._gpuData[this.renderer.uid];
@@ -59472,29 +59472,29 @@ class jb {
     this.renderer = null, this.defaultShader && (this.defaultShader.destroy(), this.defaultShader = null);
   }
 }
-class P4 extends jb {
+class Pk extends jb {
   constructor(e) {
-    super(e, new _4());
+    super(e, new _k());
   }
 }
-P4.extension = {
+Pk.extension = {
   type: [
     F.WebGLPipes
   ],
   name: "particle"
 };
-class I4 extends jb {
+class Ik extends jb {
   constructor(e) {
-    super(e, new w4());
+    super(e, new wk());
   }
 }
-I4.extension = {
+Ik.extension = {
   type: [
     F.WebGPUPipes
   ],
   name: "particle"
 };
-const B4 = class Ox {
+const Bk = class Ox {
   constructor(e) {
     if (e instanceof Q)
       this.texture = e, xc(this, Ox.defaultOptions, {});
@@ -59583,7 +59583,7 @@ const B4 = class Ox {
     this.color = this._tint + ((this._alpha * 255 | 0) << 24);
   }
 };
-B4.defaultOptions = {
+Bk.defaultOptions = {
   anchorX: 0,
   anchorY: 0,
   x: 0,
@@ -59594,7 +59594,7 @@ B4.defaultOptions = {
   tint: 16777215,
   alpha: 1
 };
-let nV = B4;
+let nV = Bk;
 const Ux = {
   vertex: {
     attributeName: "aVertex",
@@ -59710,7 +59710,7 @@ const Ux = {
         `,
     dynamic: !1
   }
-}, sV = new Dt(0, 0, 0, 0), k4 = class zx extends Ri {
+}, sV = new Dt(0, 0, 0, 0), kk = class zx extends Ri {
   /**
    * @param options - The options for creating the sprite.
    */
@@ -60042,7 +60042,7 @@ const Ux = {
     throw new Error("ParticleContainer.reparentChildAt() is not available with the particle container");
   }
 };
-k4.defaultOptions = {
+kk.defaultOptions = {
   /** Specifies which properties are dynamic. */
   dynamicProperties: {
     /** Indicates if vertex positions are dynamic. */
@@ -60059,10 +60059,10 @@ k4.defaultOptions = {
   /** Indicates if pixels should be rounded for rendering. */
   roundPixels: !1
 };
-let oV = k4;
-const R4 = class F4 extends Ah {
+let oV = kk;
+const Rk = class Fk extends Ah {
   constructor(e = {}) {
-    e = { ...F4.defaultOptions, ...e }, super({
+    e = { ...Fk.defaultOptions, ...e }, super({
       width: e.width,
       height: e.height,
       verticesX: 4,
@@ -60098,7 +60098,7 @@ const R4 = class F4 extends Ah {
     e[2] = e[10] = e[18] = e[26] = t * this._leftWidth, e[9] = e[11] = e[13] = e[15] = i * this._topHeight, e[4] = e[12] = e[20] = e[28] = 1 - t * this._rightWidth, e[17] = e[19] = e[21] = e[23] = 1 - i * this._bottomHeight, this.getBuffer("aUV").update();
   }
 };
-R4.defaultOptions = {
+Rk.defaultOptions = {
   /** The width of the NineSlicePlane, setting this will actually modify the vertices and UV's of this plane. */
   width: 100,
   /** The height of the NineSlicePlane, setting this will actually modify the vertices and UV's of this plane. */
@@ -60116,8 +60116,8 @@ R4.defaultOptions = {
   /** The original height of the texture */
   originalHeight: 100
 };
-let ln = R4;
-const M4 = class D4 extends Ri {
+let ln = Rk;
+const Mk = class Dk extends Ri {
   constructor(e) {
     e instanceof Q && (e = { texture: e });
     const {
@@ -60135,7 +60135,7 @@ const M4 = class D4 extends Ri {
     super({
       label: "NineSliceSprite",
       ...h
-    }), this.renderPipeId = "nineSliceSprite", this.batched = !0, this._leftWidth = s ?? u?.defaultBorders?.left ?? ln.defaultOptions.leftWidth, this._topHeight = a ?? u?.defaultBorders?.top ?? ln.defaultOptions.topHeight, this._rightWidth = o ?? u?.defaultBorders?.right ?? ln.defaultOptions.rightWidth, this._bottomHeight = l ?? u?.defaultBorders?.bottom ?? ln.defaultOptions.bottomHeight, this._width = t ?? u.width ?? ln.defaultOptions.width, this._height = i ?? u.height ?? ln.defaultOptions.height, this.allowChildren = !1, this.texture = u ?? D4.defaultOptions.texture, this.roundPixels = c ?? !1, this._anchor = new at(
+    }), this.renderPipeId = "nineSliceSprite", this.batched = !0, this._leftWidth = s ?? u?.defaultBorders?.left ?? ln.defaultOptions.leftWidth, this._topHeight = a ?? u?.defaultBorders?.top ?? ln.defaultOptions.topHeight, this._rightWidth = o ?? u?.defaultBorders?.right ?? ln.defaultOptions.rightWidth, this._bottomHeight = l ?? u?.defaultBorders?.bottom ?? ln.defaultOptions.bottomHeight, this._width = t ?? u.width ?? ln.defaultOptions.width, this._height = i ?? u.height ?? ln.defaultOptions.height, this.allowChildren = !1, this.texture = u ?? Dk.defaultOptions.texture, this.roundPixels = c ?? !1, this._anchor = new at(
       {
         _onUpdate: () => {
           this.onViewUpdate();
@@ -60435,12 +60435,12 @@ const M4 = class D4 extends Ri {
     e.minX = -t._x * i, e.maxX = e.minX + i, e.minY = -t._y * n, e.maxY = e.minY + n;
   }
 };
-M4.defaultOptions = {
+Mk.defaultOptions = {
   /** @default Texture.EMPTY */
   texture: Q.EMPTY
 };
-let O4 = M4;
-class aV extends O4 {
+let Ok = Mk;
+class aV extends Ok {
   constructor(...e) {
     let t = e[0];
     t instanceof Q && (J(Te, "NineSlicePlane now uses the options object {texture, leftWidth, rightWidth, topHeight, bottomHeight}"), t = {
@@ -60452,7 +60452,7 @@ class aV extends O4 {
     }), J(Te, "NineSlicePlane is deprecated. Use NineSliceSprite instead."), super(t);
   }
 }
-class U4 extends Eh {
+class Uk extends Eh {
   constructor() {
     super(), this.geometry = new ln();
   }
@@ -60460,7 +60460,7 @@ class U4 extends Eh {
     this.geometry.destroy();
   }
 }
-class z4 {
+class zk {
   constructor(e) {
     this._renderer = e;
   }
@@ -60486,14 +60486,14 @@ class z4 {
     return e._gpuData[this._renderer.uid] || this._initGPUSprite(e);
   }
   _initGPUSprite(e) {
-    const t = e._gpuData[this._renderer.uid] = new U4(), i = t;
+    const t = e._gpuData[this._renderer.uid] = new Uk(), i = t;
     return i.renderable = e, i.transform = e.groupTransform, i.texture = e._texture, i.roundPixels = this._renderer._roundPixels | e._roundPixels, e.didViewUpdate || this._updateBatchableSprite(e, i), t;
   }
   destroy() {
     this._renderer = null;
   }
 }
-z4.extension = {
+zk.extension = {
   type: [
     F.WebGLPipes,
     F.WebGPUPipes,
@@ -60501,7 +60501,7 @@ z4.extension = {
   ],
   name: "nineSliceSprite"
 };
-const L4 = {
+const Lk = {
   name: "tiling-bit",
   vertex: {
     header: (
@@ -60566,7 +60566,7 @@ const L4 = {
         `
     )
   }
-}, N4 = {
+}, Nk = {
   name: "tiling-bit",
   vertex: {
     header: (
@@ -60612,20 +60612,20 @@ const L4 = {
   }
 };
 let Y0, q0;
-class G4 extends Mr {
+class Gk extends Mr {
   constructor() {
     Y0 ?? (Y0 = Go({
       name: "tiling-sprite-shader",
       bits: [
         yo,
-        L4,
+        Lk,
         Wo
       ]
     })), q0 ?? (q0 = Ho({
       name: "tiling-sprite-shader",
       bits: [
         wh,
-        N4,
+        Nk,
         Vo
       ]
     }));
@@ -60663,7 +60663,7 @@ class G4 extends Mr {
     ), h.invert(), a.uniforms.uMapCoord = c.mapCoord, a.uniforms.uClampFrame = c.uClampFrame, a.uniforms.uClampOffset = c.uClampOffset, a.uniforms.uTextureTransform = h, a.uniforms.uSizeAnchor[0] = e, a.uniforms.uSizeAnchor[1] = t, a.uniforms.uSizeAnchor[2] = n, a.uniforms.uSizeAnchor[3] = s, o && (this.resources.uTexture = o.source, this.resources.uSampler = o.source.style);
   }
 }
-class H4 extends Un {
+class Hk extends Un {
   constructor() {
     super({
       positions: new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]),
@@ -60672,11 +60672,11 @@ class H4 extends Un {
     });
   }
 }
-function W4(r, e) {
+function Wk(r, e) {
   const t = r.anchor.x, i = r.anchor.y;
   e[0] = -t * r.width, e[1] = -i * r.height, e[2] = (1 - t) * r.width, e[3] = -i * r.height, e[4] = (1 - t) * r.width, e[5] = (1 - i) * r.height, e[6] = -t * r.width, e[7] = (1 - i) * r.height;
 }
-function V4(r, e, t, i) {
+function Vk(r, e, t, i) {
   let n = 0;
   const s = r.length / (e || 2), o = i.a, a = i.b, l = i.c, u = i.d, c = i.tx, h = i.ty;
   for (t *= e; n < s; ) {
@@ -60684,15 +60684,15 @@ function V4(r, e, t, i) {
     r[t] = o * d + l * f + c, r[t + 1] = a * d + u * f + h, t += e, n++;
   }
 }
-function X4(r, e) {
+function Xk(r, e) {
   const t = r.texture, i = t.frame.width, n = t.frame.height;
   let s = 0, o = 0;
   r.applyAnchorToTexture && (s = r.anchor.x, o = r.anchor.y), e[0] = e[6] = -s, e[2] = e[4] = 1 - s, e[1] = e[3] = -o, e[5] = e[7] = 1 - o;
   const a = ae.shared;
-  a.copyFrom(r._tileTransform.matrix), a.tx /= r.width, a.ty /= r.height, a.invert(), a.scale(r.width / i, r.height / n), V4(e, 2, 0, a);
+  a.copyFrom(r._tileTransform.matrix), a.tx /= r.width, a.ty /= r.height, a.invert(), a.scale(r.width / i, r.height / n), Vk(e, 2, 0, a);
 }
-const Lu = new H4();
-class Y4 {
+const Lu = new Hk();
+class Yk {
   constructor() {
     this.canBatch = !0, this.geometry = new Un({
       indices: Lu.indices.slice(),
@@ -60704,7 +60704,7 @@ class Y4 {
     this.geometry.destroy(), this.shader?.destroy();
   }
 }
-class q4 {
+class qk {
   constructor(e) {
     this._state = kr.default2d, this._renderer = e;
   }
@@ -60730,7 +60730,7 @@ class q4 {
       const a = n.batchableMesh;
       e.didViewUpdate && (this._updateBatchableMesh(e), a.geometry = s, a.renderable = e, a.transform = e.groupTransform, a.setTexture(e._texture)), a.roundPixels = this._renderer._roundPixels | e._roundPixels, i.addToBatch(a, t);
     } else
-      i.break(t), n.shader || (n.shader = new G4()), this.updateRenderable(e), t.add(e);
+      i.break(t), n.shader || (n.shader = new Gk()), this.updateRenderable(e), t.add(e);
   }
   execute(e) {
     const { shader: t } = this._getTilingSpriteData(e);
@@ -60767,12 +60767,12 @@ class q4 {
     return e._gpuData[this._renderer.uid] || this._initTilingSpriteData(e);
   }
   _initTilingSpriteData(e) {
-    const t = new Y4();
+    const t = new Yk();
     return t.renderable = e, e._gpuData[this._renderer.uid] = t, t;
   }
   _updateBatchableMesh(e) {
     const t = this._getTilingSpriteData(e), { geometry: i } = t, n = e.texture.source.style;
-    n.addressMode !== "repeat" && (n.addressMode = "repeat", n.update()), X4(e, i.uvs), W4(e, i.positions);
+    n.addressMode !== "repeat" && (n.addressMode = "repeat", n.update()), Xk(e, i.uvs), Wk(e, i.positions);
   }
   destroy() {
     this._renderer = null;
@@ -60783,7 +60783,7 @@ class q4 {
     return this._renderer.type === xr.WEBGL && (n = this._renderer.context.supports.nonPowOf2wrapping), t.canBatch = i.textureMatrix.isSimple && (n || i.source.isPowerOfTwo), t.canBatch;
   }
 }
-q4.extension = {
+qk.extension = {
   type: [
     F.WebGLPipes,
     F.WebGPUPipes,
@@ -60791,7 +60791,7 @@ q4.extension = {
   ],
   name: "tilingSprite"
 };
-const j4 = {
+const jk = {
   name: "local-uniform-msdf-bit",
   vertex: {
     header: (
@@ -60844,7 +60844,7 @@ const j4 = {
         `
     )
   }
-}, K4 = {
+}, Kk = {
   name: "local-uniform-msdf-bit",
   vertex: {
     header: (
@@ -60886,7 +60886,7 @@ const j4 = {
         `
     )
   }
-}, Q4 = {
+}, Qk = {
   name: "msdf-bit",
   fragment: {
     header: (
@@ -60921,7 +60921,7 @@ const j4 = {
         `
     )
   }
-}, Z4 = {
+}, Zk = {
   name: "msdf-bit",
   fragment: {
     header: (
@@ -60958,7 +60958,7 @@ const j4 = {
   }
 };
 let j0, K0;
-class J4 extends Mr {
+class Jk extends Mr {
   constructor(e) {
     const t = new dt({
       uColor: { value: new Float32Array([1, 1, 1, 1]), type: "vec4<f32>" },
@@ -60971,8 +60971,8 @@ class J4 extends Mr {
       bits: [
         ah,
         uh(e),
-        j4,
-        Q4,
+        jk,
+        Qk,
         Wo
       ]
     })), K0 ?? (K0 = Ho({
@@ -60980,8 +60980,8 @@ class J4 extends Mr {
       bits: [
         lh,
         ch(e),
-        K4,
-        Z4,
+        Kk,
+        Zk,
         Vo
       ]
     })), super({
@@ -60994,12 +60994,12 @@ class J4 extends Mr {
     });
   }
 }
-class $4 extends Ke {
+class $k extends Ke {
   destroy() {
     this.context.customShader && this.context.customShader.destroy(), super.destroy();
   }
 }
-class ek {
+class e4 {
   constructor(e) {
     this._renderer = e;
   }
@@ -61017,7 +61017,7 @@ class ek {
   }
   _updateContext(e, t) {
     const { context: i } = t, n = Mo.getFont(e.text, e._style);
-    i.clear(), n.distanceField.type !== "none" && (i.customShader || (i.customShader = new J4(this._renderer.limits.maxBatchableTextures)));
+    i.clear(), n.distanceField.type !== "none" && (i.customShader || (i.customShader = new Jk(this._renderer.limits.maxBatchableTextures)));
     const s = Ht.graphemeSegmenter(e.text), o = e._style;
     let a = n.baseLineOffset;
     const l = mh(s, o, n, !0), u = o.padding, c = l.scale;
@@ -61051,7 +61051,7 @@ class ek {
     return e._gpuData[this._renderer.uid] || this.initGpuText(e);
   }
   initGpuText(e) {
-    const t = new $4();
+    const t = new $k();
     return e._gpuData[this._renderer.uid] = t, this._updateContext(e, t), t;
   }
   _updateDistanceField(e) {
@@ -61062,7 +61062,7 @@ class ek {
     this._renderer = null;
   }
 }
-ek.extension = {
+e4.extension = {
   type: [
     F.WebGLPipes,
     F.WebGPUPipes,
@@ -61073,7 +61073,7 @@ ek.extension = {
 function eS(r, e) {
   e.groupTransform = r.groupTransform, e.groupColorAlpha = r.groupColorAlpha, e.groupColor = r.groupColor, e.groupBlendMode = r.groupBlendMode, e.globalDisplayStatus = r.globalDisplayStatus, e.groupTransform = r.groupTransform, e.localDisplayStatus = r.localDisplayStatus, e.groupAlpha = r.groupAlpha, e._roundPixels = r._roundPixels;
 }
-function tk(r) {
+function t4(r) {
   const { text: e, style: t, chars: i } = r, n = t, s = Mo.getFont(e, n), o = Ht.graphemeSegmenter(e), a = mh(o, n, s, !0), l = a.scale, u = [], c = [], h = [], d = t.lineHeight ? t.lineHeight : s.lineHeight * l;
   let f = 0;
   for (const p of a.lines) {
@@ -61099,7 +61099,7 @@ function tk(r) {
   }
   return { chars: u, lines: h, words: c };
 }
-class rk extends kl {
+class r4 extends kl {
   /**
    * Creates an instance of BatchableHTMLText.
    * @param renderer - The renderer instance to be used.
@@ -61124,7 +61124,7 @@ function kc(r, e) {
   const s = e._anchor._x * n * 2, o = e._anchor._y * n * 2;
   i.minX -= n - s, i.minY -= n - o, i.maxX -= n - s, i.maxY -= n - o;
 }
-class ik {
+class i4 {
   constructor(e) {
     this._renderer = e;
   }
@@ -61164,14 +61164,14 @@ class ik {
     return e._gpuData[this._renderer.uid] || this.initGpuText(e);
   }
   initGpuText(e) {
-    const t = new rk(this._renderer);
+    const t = new r4(this._renderer);
     return t.renderable = e, t.transform = e.groupTransform, t.texture = Q.EMPTY, t.bounds = { minX: 0, maxX: 1, minY: 0, maxY: 0 }, t.roundPixels = this._renderer._roundPixels | e._roundPixels, e._resolution = e._autoResolution ? this._renderer.resolution : e.resolution, e._gpuData[this._renderer.uid] = t, t;
   }
   destroy() {
     this._renderer = null;
   }
 }
-ik.extension = {
+i4.extension = {
   type: [
     F.WebGLPipes,
     F.WebGPUPipes,
@@ -61179,7 +61179,7 @@ ik.extension = {
   ],
   name: "htmlText"
 };
-function nk() {
+function n4() {
   const { userAgent: r } = Ce.get().getNavigator();
   return /^((?!chrome|android).)*safari/i.test(r);
 }
@@ -61195,7 +61195,7 @@ function Kb(r, e, t, i) {
   );
   return s.source.uploadMethodId = "image", s.source.resource = r, s.source.alphaMode = "premultiply-alpha-on-upload", s.frame.width = e / i, s.frame.height = t / i, s.source.emit("update", s.source), s.updateUvs(), s;
 }
-function sk(r, e) {
+function s4(r, e) {
   const t = e.fontFamily, i = [], n = {}, s = /font-family:([^;"\s]+)/g, o = r.match(s);
   function a(l) {
     n[l] || (i.push(l), n[l] = !0);
@@ -61215,14 +61215,14 @@ function sk(r, e) {
   }
   return i;
 }
-async function ok(r) {
+async function o4(r) {
   const t = await (await Ce.get().fetch(r)).blob(), i = new FileReader();
   return await new Promise((s, o) => {
     i.onloadend = () => s(i.result), i.onerror = o, i.readAsDataURL(t);
   });
 }
-async function ak(r, e) {
-  const t = await ok(e);
+async function a4(r, e) {
+  const t = await o4(e);
   return `@font-face {
         font-family: "${r.fontFamily}";
         font-weight: ${r.fontWeight};
@@ -61231,7 +61231,7 @@ async function ak(r, e) {
     }`;
 }
 const Nu = /* @__PURE__ */ new Map();
-async function lk(r) {
+async function l4(r) {
   const e = r.filter((t) => je.has(`${t}-and-url`)).map((t) => {
     if (!Nu.has(t)) {
       const { entries: i } = je.get(`${t}-and-url`), n = [];
@@ -61239,7 +61239,7 @@ async function lk(r) {
         const o = s.url, l = s.faces.map((u) => ({ weight: u.weight, style: u.style }));
         n.push(
           ...l.map(
-            (u) => ak(
+            (u) => a4(
               {
                 fontWeight: u.weight,
                 fontStyle: u.style,
@@ -61260,13 +61260,13 @@ async function lk(r) {
   return (await Promise.all(e)).join(`
 `);
 }
-function uk(r, e, t, i, n) {
+function u4(r, e, t, i, n) {
   const { domElement: s, styleElement: o, svgRoot: a } = n;
   s.innerHTML = `<style>${e.cssStyle}</style><div style='padding:0;'>${r}</div>`, s.setAttribute("style", `transform: scale(${t});transform-origin: top left; display: inline-block`), o.textContent = i;
   const { width: l, height: u } = n.image;
   return a.setAttribute("width", l.toString()), a.setAttribute("height", u.toString()), new XMLSerializer().serializeToString(a);
 }
-function ck(r, e) {
+function c4(r, e) {
   const t = ki.getOptimalCanvasAndContext(
     r.width,
     r.height,
@@ -61274,14 +61274,14 @@ function ck(r, e) {
   ), { context: i } = t;
   return i.clearRect(0, 0, r.width, r.height), i.drawImage(r, 0, 0), t;
 }
-function hk(r, e, t) {
+function h4(r, e, t) {
   return new Promise(async (i) => {
     t && await new Promise((n) => setTimeout(n, 100)), r.onload = () => {
       i();
     }, r.src = `data:image/svg+xml;charset=utf8,${encodeURIComponent(e)}`, r.crossOrigin = "anonymous";
   });
 }
-class dk {
+class d4 {
   constructor(e) {
     this._activeTextures = {}, this._renderer = e, this._createCanvas = e.type === xr.WEBGPU;
   }
@@ -61340,13 +61340,13 @@ class dk {
     return this._buildTexturePromise(e);
   }
   async _buildTexturePromise(e) {
-    const { text: t, style: i, resolution: n, textureStyle: s } = e, o = Pt.get(R2), a = sk(t, i), l = await lk(a), u = F2(t, i, l, o), c = Math.ceil(Math.ceil(Math.max(1, u.width) + i.padding * 2) * n), h = Math.ceil(Math.ceil(Math.max(1, u.height) + i.padding * 2) * n), d = o.image, f = 2;
+    const { text: t, style: i, resolution: n, textureStyle: s } = e, o = Pt.get(R2), a = s4(t, i), l = await l4(a), u = F2(t, i, l, o), c = Math.ceil(Math.ceil(Math.max(1, u.width) + i.padding * 2) * n), h = Math.ceil(Math.ceil(Math.max(1, u.height) + i.padding * 2) * n), d = o.image, f = 2;
     d.width = (c | 0) + f, d.height = (h | 0) + f;
-    const p = uk(t, i, n, l, o);
-    await hk(d, p, nk() && a.length > 0);
+    const p = u4(t, i, n, l, o);
+    await h4(d, p, n4() && a.length > 0);
     const m = d;
     let g;
-    this._createCanvas && (g = ck(d, n));
+    this._createCanvas && (g = c4(d, n));
     const v = Kb(
       g ? g.canvas : m,
       d.width - f,
@@ -61372,7 +61372,7 @@ class dk {
     this._activeTextures = null;
   }
 }
-dk.extension = {
+d4.extension = {
   type: [
     F.WebGLSystem,
     F.WebGPUSystem,
@@ -61581,7 +61581,7 @@ class Qb extends Pe {
     super.destroy(e), this.chars = [], this.words = [], this.lines = [], (typeof e == "boolean" ? e : e?.style) && this._style.destroy(e), this._style = null, this._originalText = "";
   }
 }
-const fk = class Gu extends Qb {
+const f4 = class Gu extends Qb {
   constructor(e) {
     const t = {
       ...Gu.defaultOptions,
@@ -61624,14 +61624,14 @@ const fk = class Gu extends Qb {
     });
   }
   splitFn() {
-    return tk({
+    return t4({
       text: this._originalText,
       style: this._style,
       chars: this._canReuseChars ? this.chars : []
     });
   }
 };
-fk.defaultOptions = {
+f4.defaultOptions = {
   autoSplit: !0,
   // Auto-update on text/style changes
   lineAnchor: 0,
@@ -61641,7 +61641,7 @@ fk.defaultOptions = {
   charAnchor: 0
   // Top-left alignment
 };
-let ml = fk;
+let ml = f4;
 function uV(r, e, t) {
   switch (r) {
     case "center":
@@ -61653,7 +61653,7 @@ function uV(r, e, t) {
       return 0;
   }
 }
-function pk(r) {
+function p4(r) {
   return r === "\r" || r === `
 ` || r === `\r
 `;
@@ -61662,7 +61662,7 @@ function cV(r, e, t) {
   const i = [];
   let n = e.lines[0], s = "", o = [], a = 0;
   return t.wordWrap = !1, r.forEach((l) => {
-    const u = /^\s*$/.test(l), c = pk(l), h = s.length === 0 && u;
+    const u = /^\s*$/.test(l), c = p4(l), h = s.length === 0 && u;
     if (u && !c && h)
       return;
     c || (s += l);
@@ -61674,7 +61674,7 @@ function cV(r, e, t) {
     }), o = [], s = "", a++, n = e.lines[a]);
   }), i;
 }
-function mk(r) {
+function m4(r) {
   const { text: e, style: t, chars: i } = r, n = t, s = Ht.measureText(e, n), o = Ht.graphemeSegmenter(e), a = cV(o, s, n.clone()), l = n.align, u = s.lineWidths.reduce((g, v) => Math.max(g, v), 0), c = [], h = [], d = [];
   let f = 0;
   const p = n.stroke?.width || 0, m = n.dropShadow?.distance || 0;
@@ -61685,7 +61685,7 @@ function mk(r) {
     let b = uV(l, y, u), T = new Pe({ label: "word" });
     T.x = b, g.chars.forEach((P, A) => {
       if (P.metric.width !== 0) {
-        if (pk(P.char)) {
+        if (p4(P.char)) {
           b += P.metric.width - p;
           return;
         }
@@ -61703,7 +61703,7 @@ function mk(r) {
     }), T.children.length > 0 && (d.push(T), x.addChild(T)), f += s.lineHeight;
   }), { chars: c, lines: h, words: d };
 }
-const gk = class Hu extends Qb {
+const g4 = class Hu extends Qb {
   constructor(e) {
     const t = {
       ...Hu.defaultOptions,
@@ -61746,14 +61746,14 @@ const gk = class Hu extends Qb {
     });
   }
   splitFn() {
-    return mk({
+    return m4({
       text: this._originalText,
       style: this._style,
       chars: this._canReuseChars ? this.chars : []
     });
   }
 };
-gk.defaultOptions = {
+g4.defaultOptions = {
   autoSplit: !0,
   // Auto-update on text/style changes
   lineAnchor: 0,
@@ -61763,8 +61763,8 @@ gk.defaultOptions = {
   charAnchor: 0
   // Top-left alignment
 };
-let hV = gk;
-class vk extends kl {
+let hV = g4;
+class v4 extends kl {
   constructor(e) {
     super(), this._renderer = e, e.runners.resolutionChange.add(this);
   }
@@ -61777,7 +61777,7 @@ class vk extends kl {
     e.getReferenceCount(this.currentKey) > 0 ? e.decreaseReferenceCount(this.currentKey) : this.texture && e.returnTexture(this.texture), this._renderer.runners.resolutionChange.remove(this), this._renderer = null;
   }
 }
-class xk {
+class x4 {
   constructor(e) {
     this._renderer = e;
   }
@@ -61805,14 +61805,14 @@ class xk {
     return e._gpuData[this._renderer.uid] || this.initGpuText(e);
   }
   initGpuText(e) {
-    const t = new vk(this._renderer);
+    const t = new v4(this._renderer);
     return t.currentKey = "--", t.renderable = e, t.transform = e.groupTransform, t.bounds = { minX: 0, maxX: 1, minY: 0, maxY: 0 }, t.roundPixels = this._renderer._roundPixels | e._roundPixels, e._gpuData[this._renderer.uid] = t, t;
   }
   destroy() {
     this._renderer = null;
   }
 }
-xk.extension = {
+x4.extension = {
   type: [
     F.WebGLPipes,
     F.WebGPUPipes,
@@ -61820,7 +61820,7 @@ xk.extension = {
   ],
   name: "text"
 };
-class yk {
+class y4 {
   constructor(e) {
     this._activeTextures = {}, this._renderer = e;
   }
@@ -61934,7 +61934,7 @@ class yk {
     this._activeTextures = null;
   }
 }
-yk.extension = {
+y4.extension = {
   type: [
     F.WebGLSystem,
     F.WebGPUSystem,
@@ -61968,7 +61968,7 @@ function dV(r) {
     const n = `_${tS[i]}`;
     e[t++] = r[n];
   }
-  return t = bk(r._fill, e, t), t = pV(r._stroke, e, t), t = mV(r.dropShadow, e, t), t = fV(r.filters, e, t), e.join("-");
+  return t = b4(r._fill, e, t), t = pV(r._stroke, e, t), t = mV(r.dropShadow, e, t), t = fV(r.filters, e, t), e.join("-");
 }
 function fV(r, e, t) {
   if (!r)
@@ -61977,11 +61977,11 @@ function fV(r, e, t) {
     e[t++] = i.uid;
   return t;
 }
-function bk(r, e, t) {
+function b4(r, e, t) {
   return r && (e[t++] = r.color, e[t++] = r.alpha, e[t++] = r.fill?.styleKey), t;
 }
 function pV(r, e, t) {
-  return r && (t = bk(r, e, t), e[t++] = r.width, e[t++] = r.alignment, e[t++] = r.cap, e[t++] = r.join, e[t++] = r.miterLimit), t;
+  return r && (t = b4(r, e, t), e[t++] = r.width, e[t++] = r.alignment, e[t++] = r.cap, e[t++] = r.join, e[t++] = r.miterLimit), t;
 }
 function mV(r, e, t) {
   return r && (e[t++] = r.alpha, e[t++] = r.angle, e[t++] = r.blur, e[t++] = r.distance, e[t++] = ye.shared.setValue(r.color).toNumber()), t;
@@ -62022,7 +62022,7 @@ const vV = [
   // Dark Magenta
 ];
 let xV = 0;
-function _k(r, e = 0, t = { color: "#000000" }) {
+function _4(r, e = 0, t = { color: "#000000" }) {
   r.renderGroup && (t.color = vV[xV++]);
   let i = "";
   for (let o = 0; o < e; o++)
@@ -62033,10 +62033,10 @@ function _k(r, e = 0, t = { color: "#000000" }) {
   r.renderGroup && (s += " (RenderGroup)"), r.filters && (s += "(*filters)"), console.log(s, `color:${t.color}; font-weight:bold;`), e++;
   for (let o = 0; o < r.children.length; o++) {
     const a = r.children[o];
-    _k(a, e, { ...t });
+    _4(a, e, { ...t });
   }
 }
-function wk(r, e = 0, t = { index: 0, color: "#000000" }) {
+function w4(r, e = 0, t = { index: 0, color: "#000000" }) {
   let i = "";
   for (let s = 0; s < e; s++)
     i += "    ";
@@ -62044,7 +62044,7 @@ function wk(r, e = 0, t = { index: 0, color: "#000000" }) {
   console.log(n, `color:${t.color}; font-weight:bold;`), e++;
   for (let s = 0; s < r.renderGroupChildren.length; s++) {
     const o = r.renderGroupChildren[s];
-    wk(o, e, { ...t, index: s });
+    w4(o, e, { ...t, index: s });
   }
 }
 Qe.add(mC, gC);
@@ -62071,10 +62071,10 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   BatchGeometry: mE,
   BatchTextureArray: uE,
   BatchableGraphics: ph,
-  BatchableHTMLText: rk,
+  BatchableHTMLText: r4,
   BatchableMesh: Eh,
   BatchableSprite: kl,
-  BatchableText: vk,
+  BatchableText: v4,
   Batcher: fE,
   BatcherPipe: U2,
   BigPool: Pt,
@@ -62083,8 +62083,8 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   BitmapFont: _2,
   BitmapFontManager: Mo,
   BitmapText: k2,
-  BitmapTextGraphics: $4,
-  BitmapTextPipe: ek,
+  BitmapTextGraphics: $k,
+  BitmapTextPipe: e4,
   BlendModeFilter: St,
   BlendModePipe: bb,
   BlurFilter: Ss,
@@ -62103,8 +62103,8 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   CanvasSource: Ci,
   CanvasTextGenerator: xo,
   CanvasTextMetrics: Ht,
-  CanvasTextPipe: xk,
-  CanvasTextSystem: yk,
+  CanvasTextPipe: x4,
+  CanvasTextSystem: y4,
   Circle: Al,
   Color: ye,
   ColorBlend: AA,
@@ -62178,8 +62178,8 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   GlGraphicsAdaptor: hb,
   GlLimitsSystem: K2,
   GlMeshAdaptor: db,
-  GlParticleContainerAdaptor: _4,
-  GlParticleContainerPipe: P4,
+  GlParticleContainerAdaptor: _k,
+  GlParticleContainerPipe: Pk,
   GlProgram: ue,
   GlProgramData: rB,
   GlRenderTarget: XI,
@@ -62205,8 +62205,8 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   GpuLimitsSystem: Db,
   GpuMeshAdapter: qb,
   GpuMipmapGenerator: ZB,
-  GpuParticleContainerAdaptor: w4,
-  GpuParticleContainerPipe: I4,
+  GpuParticleContainerAdaptor: wk,
+  GpuParticleContainerPipe: Ik,
   GpuProgram: pe,
   GpuRenderTarget: YB,
   GpuRenderTargetAdaptor: qB,
@@ -62222,14 +62222,14 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   GraphicsContext: $t,
   GraphicsContextRenderData: NE,
   GraphicsContextSystem: m2,
-  GraphicsGpuData: r4,
+  GraphicsGpuData: rk,
   GraphicsPath: ii,
-  GraphicsPipe: i4,
+  GraphicsPipe: ik,
   HTMLText: kI,
-  HTMLTextPipe: ik,
+  HTMLTextPipe: i4,
   HTMLTextRenderData: R2,
   HTMLTextStyle: _h,
-  HTMLTextSystem: dk,
+  HTMLTextSystem: d4,
   HardLightBlend: FA,
   HardMixBlend: MA,
   HelloSystem: Th,
@@ -62251,7 +62251,7 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Mesh: Yo,
   MeshGeometry: Un,
   MeshGpuData: Fx,
-  MeshPipe: b4,
+  MeshPipe: bk,
   MeshPlane: $W,
   MeshRope: eV,
   MeshSimple: tV,
@@ -62259,21 +62259,21 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NegationBlend: NA,
   NineSliceGeometry: ln,
   NineSlicePlane: aV,
-  NineSliceSprite: O4,
-  NineSliceSpriteGpuData: U4,
-  NineSliceSpritePipe: z4,
+  NineSliceSprite: Ok,
+  NineSliceSpriteGpuData: Uk,
+  NineSliceSpritePipe: zk,
   NoiseFilter: UH,
   ObservablePoint: at,
   OverlayBlend: GA,
   PI_2: vC,
   Particle: nV,
-  ParticleBuffer: T4,
+  ParticleBuffer: Tk,
   ParticleContainer: oV,
   ParticleContainerPipe: jb,
-  ParticleShader: E4,
+  ParticleShader: Ek,
   PassthroughFilter: hI,
   PerspectiveMesh: JW,
-  PerspectivePlaneGeometry: d4,
+  PerspectivePlaneGeometry: dk,
   PinLightBlend: HA,
   PipelineSystem: Lb,
   PlaneGeometry: Ah,
@@ -62285,7 +62285,7 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   PrepareQueue: EI,
   PrepareSystem: FI,
   PrepareUpload: RI,
-  QuadGeometry: H4,
+  QuadGeometry: Hk,
   RAD_TO_DEG: xC,
   Rectangle: ce,
   RenderContainer: GW,
@@ -62301,7 +62301,7 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   RendererType: xr,
   ResizePlugin: rE,
   Resolver: Dn,
-  RopeGeometry: v4,
+  RopeGeometry: vk,
   RoundedRectangle: sh,
   SCALE_MODES: UW,
   STENCIL_MODES: _t,
@@ -62309,7 +62309,7 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   SaturationBlend: WA,
   SchedulerSystem: Tb,
   ScissorMask: KH,
-  SdfShader: J4,
+  SdfShader: Jk,
   Shader: Mr,
   ShaderStage: eo,
   ShapePath: YE,
@@ -62341,9 +62341,9 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   TickerListener: Fu,
   TickerPlugin: iE,
   TilingSprite: CI,
-  TilingSpriteGpuData: Y4,
-  TilingSpritePipe: q4,
-  TilingSpriteShader: G4,
+  TilingSpriteGpuData: Yk,
+  TilingSpritePipe: qk,
+  TilingSpriteShader: Gk,
   Transform: SI,
   Triangle: B2,
   UNIFORM_TO_ARRAY_SETTERS: cB,
@@ -62368,7 +62368,7 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   WGSL_TO_STD40_SIZE: J2,
   WRAP_MODES: OW,
   WebGLRenderer: GB,
-  WebGPURenderer: t4,
+  WebGPURenderer: tk,
   WebWorkerAdapter: EH,
   WorkerManager: gx,
   accessibilityTarget: UG,
@@ -62379,8 +62379,8 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   alphaFrag: qP,
   alphaWgsl: wx,
   appendSVGPath: hx,
-  applyMatrix: V4,
-  applyProjectiveTransformationToPlane: l4,
+  applyMatrix: Vk,
+  applyProjectiveTransformationToPlane: lk,
   applyStyleParams: Rx,
   assignWithIgnore: xc,
   autoDetectEnvironment: HG,
@@ -62392,7 +62392,7 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   bitmapFontTextParser: Du,
   bitmapFontXMLParser: fx,
   bitmapFontXMLStringParser: px,
-  bitmapTextSplit: tk,
+  bitmapTextSplit: t4,
   blendTemplateFrag: SA,
   blendTemplateVert: TA,
   blendTemplateWgsl: CA,
@@ -62421,7 +62421,7 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   cacheTextureArray: oP,
   calculatePathArea: QE,
   calculateProjection: ZI,
-  canvasTextSplit: mk,
+  canvasTextSplit: m4,
   checkChildrenDidChange: Vy,
   checkDataUrl: Is,
   checkExtension: Qr,
@@ -62449,7 +62449,7 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   compileInputs: rx,
   compileOutputs: gE,
   compileShader: Ix,
-  compute2DProjection: h4,
+  compute2DProjection: hk,
   convertFormatIfRequired: cH,
   convertToList: Vr,
   copySearchParams: yc,
@@ -62494,7 +62494,7 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   extensions: Qe,
   extractAttributesFromGlProgram: nB,
   extractAttributesFromGpuProgram: fA,
-  extractFontFamilies: sk,
+  extractFontFamilies: s4,
   extractStructAndGroups: Mu,
   extractSubpaths: KE,
   extractSvgUrlId: ux,
@@ -62514,7 +62514,7 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   generateGpuLayoutGroups: pA,
   generateLayout: XH,
   generateLayoutHash: mA,
-  generateParticleUpdateFunction: S4,
+  generateParticleUpdateFunction: Sk,
   generateProgram: lB,
   generateShaderSyncCode: tB,
   generateTextStyleKey: dV,
@@ -62533,7 +62533,7 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   getFastGlobalBounds: NW,
   getFastGlobalBoundsMixin: UC,
   getFillInstructionData: Q7,
-  getFontCss: lk,
+  getFontCss: l4,
   getFontFamilyName: vP,
   getGeometryBounds: pE,
   getGlTypeFromFormat: HI,
@@ -62546,12 +62546,12 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   getOrientationOfPoints: kE,
   getPo2TextureFromSource: Kb,
   getResolutionOfUrl: gh,
-  getSVGUrl: uk,
+  getSVGUrl: u4,
   getSupportedCompressedTextureFormats: C2,
   getSupportedGPUCompressedTextureFormats: xx,
   getSupportedGlCompressedTextureFormats: vx,
   getSupportedTextureFormats: Il,
-  getTemporaryCanvasFromImage: ck,
+  getTemporaryCanvasFromImage: c4,
   getTestContext: $y,
   getTextureBatchBindGroup: oh,
   getTextureDefaultMatrix: rV,
@@ -62583,7 +62583,7 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   isMobile: nA,
   isPow2: Gv,
   isRenderingToScreen: JI,
-  isSafari: nk,
+  isSafari: n4,
   isSingleItem: sl,
   isWebGLSupported: Sl,
   isWebGPUSupported: Tl,
@@ -62593,14 +62593,14 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   loadBitmapFont: nP,
   loadDDS: X9,
   loadEnvironmentExtensions: t2,
-  loadFontAsBase64: ok,
-  loadFontCSS: ak,
+  loadFontAsBase64: o4,
+  loadFontCSS: a4,
   loadImageBitmap: _P,
   loadJson: mP,
   loadKTX: sH,
   loadKTX2: uH,
   loadKTX2onWorker: zP,
-  loadSVGImage: hk,
+  loadSVGImage: h4,
   loadSvg: yP,
   loadTextures: S2,
   loadTxt: gP,
@@ -62609,15 +62609,15 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   localUniformBit: yo,
   localUniformBitGl: wh,
   localUniformBitGroup2: DI,
-  localUniformMSDFBit: j4,
-  localUniformMSDFBitGl: K4,
+  localUniformMSDFBit: jk,
+  localUniformMSDFBitGl: Kk,
   log2: sG,
   logDebugTexture: gV,
   logProgramError: aB,
-  logRenderGroupScene: wk,
-  logScene: _k,
-  mSDFBit: Q4,
-  mSDFBitGl: Z4,
+  logRenderGroupScene: w4,
+  logScene: _4,
+  mSDFBit: Qk,
+  mSDFBitGl: Zk,
   mapFormatToGlFormat: _B,
   mapFormatToGlInternalFormat: wB,
   mapFormatToGlType: SB,
@@ -62649,8 +62649,8 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   parseSVGPath: sE,
   parseSVGStyle: x2,
   particleData: Ux,
-  particlesFrag: C4,
-  particlesVert: A4,
+  particlesFrag: Ck,
+  particlesVert: Ak,
   particlesWgsl: Dx,
   passthroughFrag: cI,
   passthroughWgsl: Ax,
@@ -62673,9 +62673,9 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   scaleModeToGlFilter: kx,
   setBasisTranscoderPath: F9,
   setKTXTranscoderPath: aH,
-  setPositions: W4,
+  setPositions: Wk,
   setProgramName: cA,
-  setUvs: X4,
+  setUvs: Xk,
   shapeBuilders: Xo,
   sortMixin: WC,
   spritesheetAsset: iA,
@@ -62688,8 +62688,8 @@ const yV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   textureBit: OI,
   textureBitGl: UI,
   textureFrom: ZC,
-  tilingBit: L4,
-  tilingBitGl: N4,
+  tilingBit: Lk,
+  tilingBitGl: Nk,
   toFillStyle: yn,
   toLocalGlobalMixin: VC,
   toStrokeStyle: hl,
@@ -67222,6 +67222,17 @@ class sq extends vy {
     const t = this._volume !== e;
     this._volume = e, t && this.emit("propsChange", { volume: e });
   }
+  _locked = !1;
+  /**
+   * Whether the sprite is locked (preventing interactions)
+   */
+  get locked() {
+    return this._locked;
+  }
+  set locked(e) {
+    const t = this._locked !== e;
+    this._locked = e, t && this.emit("propsChange", { locked: e });
+  }
   /**
    * Flip clip horizontally or vertically
    */
@@ -67416,7 +67427,7 @@ class sq extends vy {
    * Used for cloning or copying state between {@link OffscreenSprite} instances
    */
   copyStateTo(e) {
-    e.animatKeyFrame = this.animatKeyFrame, e.animatOpts = this.animatOpts, e.zIndex = this.zIndex, e.opacity = this.opacity, e.volume = this.volume, e.flip = this.flip, e.left = this.left, e.top = this.top, e.width = this.width, e.height = this.height, e.angle = this.angle, e.display = { ...this.display }, e.duration = this.duration, e.playbackRate = this.playbackRate, e.trim = { ...this.trim }, e.style = JSON.parse(JSON.stringify(this.style || {})), e.animations = [...this.animations], e.chromaKey = { ...this.chromaKey }, "src" in this && "src" in e && (e.src = this.src);
+    e.animatKeyFrame = this.animatKeyFrame, e.animatOpts = this.animatOpts, e.zIndex = this.zIndex, e.opacity = this.opacity, e.volume = this.volume, e.flip = this.flip, e.left = this.left, e.top = this.top, e.width = this.width, e.height = this.height, e.angle = this.angle, e.display = { ...this.display }, e.duration = this.duration, e.playbackRate = this.playbackRate, e.trim = { ...this.trim }, e.style = JSON.parse(JSON.stringify(this.style || {})), e.animations = [...this.animations], e.chromaKey = { ...this.chromaKey }, e.locked = this.locked, "src" in this && "src" in e && (e.src = this.src);
   }
   /**
    * Update multiple properties at once
@@ -67596,7 +67607,8 @@ class zn extends sq {
       ...t && { animation: t },
       ...i.length > 0 && { animations: i },
       ...e && { main: !0 },
-      chromaKey: this.chromaKey
+      chromaKey: this.chromaKey,
+      locked: this.locked
     };
   }
   /**
@@ -68070,11 +68082,11 @@ function pt(r) {
     }
   }
 }
-const Sk = (r) => r === "transparent", on = (r, e = 16777215) => Sk(r) ? { color: e, alpha: 0 } : {
+const S4 = (r) => r === "transparent", on = (r, e = 16777215) => S4(r) ? { color: e, alpha: 0 } : {
   color: pt(r) ?? e,
   alpha: 1
 };
-function Tk(r) {
+function T4(r) {
   try {
     const t = new ye(r).toRgbArray();
     return {
@@ -68644,7 +68656,7 @@ class Ts extends zn {
           u.value < 1 && u.mode === "dynamic" && a ? v = u.value + (1 - u.value) * c : v = 1 + (u.value - 1) * c, n.scale.set(v, v);
         }
       }
-      const d = o.isKeyWord && !Sk(this.opts.keyword);
+      const d = o.isKeyWord && !S4(this.opts.keyword);
       let f = 16777215, p = 1;
       if (o.isKeyWord && a && d)
         ({ color: f, alpha: p } = on(
@@ -69125,7 +69137,7 @@ let Rc = class an extends zn {
         `Failed to decode image from ${e.src}. The image may be decoded, in an unsupported format, or there may be CORS issues.`
       ) : i;
     }
-    return t.left = e.left, t.top = e.top, t.width = e.width, t.height = e.height, t.angle = e.angle, t.display.from = e.display.from, t.display.to = e.display.to, t.duration = e.duration, t.playbackRate = e.playbackRate, t.zIndex = e.zIndex, t.opacity = e.opacity, t.flip = e.flip, e.style && (t.style = { ...t.style, ...e.style }), e.animation && t.setAnimation(e.animation.keyFrames, e.animation.opts), e.id && (t.id = e.id), e.effects && (t.effects = e.effects), e.transition && (t.transition = e.transition), e.chromaKey && (t.chromaKey = { ...t.chromaKey, ...e.chromaKey }), t;
+    return t.left = e.left, t.top = e.top, t.width = e.width, t.height = e.height, t.angle = e.angle, t.display.from = e.display.from, t.display.to = e.display.to, t.duration = e.duration, t.playbackRate = e.playbackRate, t.zIndex = e.zIndex, t.opacity = e.opacity, t.flip = e.flip, e.style && (t.style = { ...t.style, ...e.style }), e.animation && t.setAnimation(e.animation.keyFrames, e.animation.opts), e.id && (t.id = e.id), e.effects && (t.effects = e.effects), e.transition && (t.transition = e.transition), e.chromaKey && (t.chromaKey = { ...t.chromaKey, ...e.chromaKey }), e.locked !== void 0 && (t.locked = e.locked), t;
   }
 };
 function Zb(r, e) {
@@ -69483,7 +69495,7 @@ class Gr extends zn {
         const { start: p = 0, end: m = this._meta.duration, step: g } = t ?? {};
         if (g) {
           let v = p;
-          for (this.thumbFinder && (await this.thumbFinder.destroy(), this.thumbFinder = null), this.thumbFinder = new Ck(
+          for (this.thumbFinder && (await this.thumbFinder.destroy(), this.thumbFinder = null), this.thumbFinder = new C4(
             await this.localFile.createReader(),
             this.videoSamples,
             {
@@ -69644,7 +69656,7 @@ class Gr extends zn {
     if (e.type !== "Video")
       throw new Error(`Expected Video, got ${e.type}`);
     const t = e.audio !== void 0 ? { audio: e.audio, volume: e.volume } : { volume: e.volume }, i = await Do.getReadableStream(e.src), n = new Gr(i, t, e.src);
-    return n.left = e.left, n.top = e.top, n.width = e.width, n.height = e.height, n.angle = e.angle, n.display.from = e.display.from, n.display.to = e.display.to, n.duration = e.duration, n.playbackRate = e.playbackRate, n.zIndex = e.zIndex, n.opacity = e.opacity, n.flip = e.flip, e.style && (n.style = { ...n.style, ...e.style }), e.animation && n.setAnimation(e.animation.keyFrames, e.animation.opts), e.id && (n.id = e.id), e.effects && (n.effects = e.effects), e.transition && (n.transition = e.transition), e.trim && (n.trim.from = e.trim.from < 1e6 ? e.trim.from * 1e6 : e.trim.from, n.trim.to = e.trim.to < 1e6 ? e.trim.to * 1e6 : e.trim.to), e.volume !== void 0 && (n.volume = e.volume), e.chromaKey && (n.chromaKey = { ...n.chromaKey, ...e.chromaKey }), n;
+    return n.left = e.left, n.top = e.top, n.width = e.width, n.height = e.height, n.angle = e.angle, n.display.from = e.display.from, n.display.to = e.display.to, n.duration = e.duration, n.playbackRate = e.playbackRate, n.zIndex = e.zIndex, n.opacity = e.opacity, n.flip = e.flip, e.style && (n.style = { ...n.style, ...e.style }), e.animation && n.setAnimation(e.animation.keyFrames, e.animation.opts), e.id && (n.id = e.id), e.effects && (n.effects = e.effects), e.transition && (n.transition = e.transition), e.trim && (n.trim.from = e.trim.from < 1e6 ? e.trim.from * 1e6 : e.trim.from, n.trim.to = e.trim.to < 1e6 ? e.trim.to * 1e6 : e.trim.to), e.volume !== void 0 && (n.volume = e.volume), e.chromaKey && (n.chromaKey = { ...n.chromaKey, ...e.chromaKey }), e.locked !== void 0 && (n.locked = e.locked), n;
   }
   /**
    * Create HTMLVideoElement for playback
@@ -69783,7 +69795,7 @@ function vq(r, e, t, i, n) {
         targetSampleRate: nt.sampleRate
       }
     ),
-    videoFrameFinder: r.video == null || t.length === 0 ? null : new Ck(
+    videoFrameFinder: r.video == null || t.length === 0 ? null : new C4(
       e,
       t,
       r.video
@@ -69878,7 +69890,7 @@ function nS(r, e = 0, t) {
     data: t === "video" ? null : r.data
   };
 }
-class Ck {
+class C4 {
   constructor(e, t, i) {
     this.localFileReader = e, this.samples = t, this.conf = i;
   }
@@ -69940,7 +69952,7 @@ class Ck {
       if (n[0]?.is_idr !== !0)
         ze.warn("First sample not idr frame");
       else {
-        const s = performance.now(), o = await Ak(n, this.localFileReader), a = performance.now() - s;
+        const s = performance.now(), o = await A4(n, this.localFileReader), a = performance.now() - s;
         if (a > 1e3) {
           const l = n[0], u = n.at(-1), c = u.offset + u.size - l.offset;
           ze.warn(
@@ -70014,7 +70026,7 @@ class Ck {
     softDecode: this.downgradeSoftDecode,
     clipIdCnt: Jb,
     sleepCnt: this.sleepCnt,
-    memInfo: Ek()
+    memInfo: E4()
   });
   destroy = async () => {
     if (this.curAborter.abort = !0, this.videoFrames.forEach((e) => e.close()), this.videoFrames = [], this.decoder && this.decoder.state !== "closed") {
@@ -70132,7 +70144,7 @@ class yq {
     pcmLen: this.pcmData.frameCnt,
     clipIdCnt: Jb,
     sleepCnt: this.sleepCnt,
-    memInfo: Ek()
+    memInfo: E4()
   });
   destroy = () => {
     this.decoder = null, this.curAborter.abort = !0, this.pcmData = {
@@ -70228,7 +70240,7 @@ function sS(r, e) {
   }
   return r.data = r.data.slice(n), r.frameCnt -= e, t;
 }
-async function Ak(r, e) {
+async function A4(r, e) {
   const t = r[0], i = r.at(-1);
   if (i == null) return [];
   const n = i.offset + i.size - t.offset;
@@ -70336,7 +70348,7 @@ function Nx(r) {
     }
   t != null && t.cts < 2e5 && (t.duration += t.cts, t.cts = 0);
 }
-function Ek() {
+function E4() {
   try {
     const r = performance.memory;
     return {
@@ -70351,7 +70363,7 @@ function Ek() {
   }
 }
 async function Cq(r, e, t, i, n, s) {
-  const o = await e.createReader(), a = await Ak(
+  const o = await e.createReader(), a = await A4(
     r.filter(
       (c) => !c.deleted && c.is_sync && c.cts >= n.start && c.cts <= n.end
     ),
@@ -71115,7 +71127,7 @@ class Xi extends zn {
     return t.transitionEffect = e.transitionEffect, t.fromClipId = e.fromClipId || null, t.toClipId = e.toClipId || null, t.left = e.left, t.top = e.top, t.width = e.width, t.height = e.height, t.angle = e.angle, t.display.from = e.display.from, t.display.to = e.display.to, t.duration = e.duration, t.playbackRate = e.playbackRate, t.zIndex = e.zIndex, t.opacity = e.opacity, t.flip = e.flip, e.animation && t.setAnimation(e.animation.keyFrames, e.animation.opts), e.id && (t.id = e.id), await t.ready, t;
   }
 }
-function Pk(r, e) {
+function P4(r, e) {
   let t = !1;
   async function i() {
     const n = r.getReader();
@@ -71133,7 +71145,7 @@ function Pk(r, e) {
     t = !0;
   };
 }
-class Ik {
+class I4 {
   readable;
   writable;
   inputBufOffset = 0;
@@ -71266,7 +71278,7 @@ async function kq(r, e) {
   for (const c of r) {
     let h = null, d = null, f = null, p = null;
     if (await new Promise(async (m) => {
-      Pk(c.pipeThrough(new Ik()), {
+      P4(c.pipeThrough(new I4()), {
         onDone: m,
         onChunk: async ({ chunkType: g, data: v }) => {
           if (g === "ready") {
@@ -71431,7 +71443,7 @@ function Ote(r, e) {
     u || (u = !0, h?.(E));
   };
   let f = null, p = null, m = [], g = 0, v = 0, x = 0, y = !0, b = nt.sampleRate;
-  Pk(r.pipeThrough(new Ik()), {
+  P4(r.pipeThrough(new I4()), {
     onDone: async () => {
       await p?.stop(), f?.close(), d();
     },
@@ -71795,7 +71807,7 @@ void main(void)
   intensity: { value: 0.5, type: "f32" },
   sliceCount: { value: 12, type: "f32" },
   rgbShift: { value: 0.01, type: "f32" }
-}, Bk = `
+}, B4 = `
 in vec2 vTextureCoord;
 in vec4 vColor;
 
@@ -71826,7 +71838,7 @@ void main(void)
 
     gl_FragColor = color;
 }
-`, kk = {
+`, k4 = {
   pixelSize: { value: 0.02, type: "f32" },
   uTime: { value: 0, type: "f32" },
   jitterStrength: { value: 0.8, type: "f32" }
@@ -74735,7 +74747,7 @@ void main() {
   uZoomSpeed: { value: 5, type: "f32" },
   uMaxZoom: { value: 2, type: "f32" },
   uBlurStrength: { value: 0.01, type: "f32" }
-}, Rk = `
+}, R4 = `
 precision highp float;
 
 varying vec2 vTextureCoord;
@@ -74836,8 +74848,8 @@ const vQ = {
   },
   pixelate: {
     label: "Pixelate",
-    fragment: Bk,
-    uniforms: kk
+    fragment: B4,
+    uniforms: k4
   },
   rgbGlitch: {
     label: "RGB Glitch",
@@ -75165,7 +75177,7 @@ const vQ = {
     uniforms: gQ
   }
 };
-function Fk() {
+function F4() {
   return {
     ...vQ,
     ...Ph
@@ -75173,7 +75185,7 @@ function Fk() {
 }
 function xQ() {
   const r = Object.keys(Ph);
-  return Object.entries(Fk()).map(([e, t]) => ({
+  return Object.entries(F4()).map(([e, t]) => ({
     key: e,
     label: t.label,
     isCustom: r.includes(e),
@@ -75320,13 +75332,13 @@ fn mainFragment(
   }
 
   return sample * color.a;
-}`, _Q = Object.defineProperty, wQ = (r, e, t) => e in r ? _Q(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Mk = (r, e, t) => (wQ(r, typeof e != "symbol" ? e + "" : e, t), t);
-const Dk = class Ok extends ge {
+}`, _Q = Object.defineProperty, wQ = (r, e, t) => e in r ? _Q(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, M4 = (r, e, t) => (wQ(r, typeof e != "symbol" ? e + "" : e, t), t);
+const D4 = class O4 extends ge {
   /**
    * @param options - The options of the adjustment filter.
    */
   constructor(e) {
-    e = { ...Ok.DEFAULT_OPTIONS, ...e };
+    e = { ...O4.DEFAULT_OPTIONS, ...e };
     const t = pe.from({
       vertex: {
         source: Me,
@@ -75361,7 +75373,7 @@ const Dk = class Ok extends ge {
           }
         }
       }
-    }), Mk(this, "uniforms"), this.uniforms = this.resources.adjustmentUniforms.uniforms;
+    }), M4(this, "uniforms"), this.uniforms = this.resources.adjustmentUniforms.uniforms;
   }
   /**
    * Amount of luminance
@@ -75444,7 +75456,7 @@ const Dk = class Ok extends ge {
     this.uniforms.uColor[3] = e;
   }
 };
-Mk(Dk, "DEFAULT_OPTIONS", {
+M4(D4, "DEFAULT_OPTIONS", {
   gamma: 1,
   contrast: 1,
   saturation: 1,
@@ -75454,7 +75466,7 @@ Mk(Dk, "DEFAULT_OPTIONS", {
   blue: 1,
   alpha: 1
 });
-let SQ = Dk;
+let SQ = D4;
 var TQ = `
 in vec2 vTextureCoord;
 out vec4 finalColor;
@@ -75581,11 +75593,11 @@ fn mainFragment(
     
   return color;
 }`, PQ = Object.defineProperty, IQ = (r, e, t) => e in r ? PQ(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ts = (r, e, t) => (IQ(r, typeof e != "symbol" ? e + "" : e, t), t);
-const Uk = class zk extends ge {
+const U4 = class z4 extends ge {
   /** @ignore */
   constructor(...e) {
     let t = e[0] ?? {};
-    (typeof t == "number" || Array.isArray(t)) && (J("6.0.0", "KawaseBlurFilter constructor params are now options object. See params: { strength, quality, clamp, pixelSize }"), t = { strength: t }, e[1] !== void 0 && (t.quality = e[1]), e[2] !== void 0 && (t.clamp = e[2])), t = { ...zk.DEFAULT_OPTIONS, ...t };
+    (typeof t == "number" || Array.isArray(t)) && (J("6.0.0", "KawaseBlurFilter constructor params are now options object. See params: { strength, quality, clamp, pixelSize }"), t = { strength: t }, e[1] !== void 0 && (t.quality = e[1]), e[2] !== void 0 && (t.clamp = e[2])), t = { ...z4.DEFAULT_OPTIONS, ...t };
     const i = pe.from({
       vertex: {
         source: Me,
@@ -75720,13 +75732,13 @@ const Uk = class zk extends ge {
     this._kernels = i, this._updatePadding();
   }
 };
-ts(Uk, "DEFAULT_OPTIONS", {
+ts(U4, "DEFAULT_OPTIONS", {
   strength: 4,
   quality: 3,
   clamp: !1,
   pixelSize: { x: 1, y: 1 }
 });
-let e1 = Uk;
+let e1 = U4;
 var BQ = `in vec2 vTextureCoord;
 out vec4 finalColor;
 
@@ -75810,10 +75822,10 @@ fn mainFragment(
 
   return select(vec4<f32>(0.), color, brightness > extractBrightnessUniforms.uThreshold);
 }
-`, MQ = Object.defineProperty, DQ = (r, e, t) => e in r ? MQ(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Lk = (r, e, t) => (DQ(r, typeof e != "symbol" ? e + "" : e, t), t);
-const Nk = class Gk extends ge {
+`, MQ = Object.defineProperty, DQ = (r, e, t) => e in r ? MQ(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, L4 = (r, e, t) => (DQ(r, typeof e != "symbol" ? e + "" : e, t), t);
+const N4 = class G4 extends ge {
   constructor(e) {
-    e = { ...Gk.DEFAULT_OPTIONS, ...e };
+    e = { ...G4.DEFAULT_OPTIONS, ...e };
     const t = pe.from({
       vertex: {
         source: Me,
@@ -75836,7 +75848,7 @@ const Nk = class Gk extends ge {
           uThreshold: { value: e.threshold, type: "f32" }
         }
       }
-    }), Lk(this, "uniforms"), this.uniforms = this.resources.extractBrightnessUniforms.uniforms;
+    }), L4(this, "uniforms"), this.uniforms = this.resources.extractBrightnessUniforms.uniforms;
   }
   /**
    * Defines how bright a color needs to be extracted.
@@ -75849,17 +75861,17 @@ const Nk = class Gk extends ge {
     this.uniforms.uThreshold = e;
   }
 };
-Lk(Nk, "DEFAULT_OPTIONS", {
+L4(N4, "DEFAULT_OPTIONS", {
   threshold: 0.5
 });
-let OQ = Nk;
+let OQ = N4;
 var UQ = Object.defineProperty, zQ = (r, e, t) => e in r ? UQ(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ws = (r, e, t) => (zQ(r, typeof e != "symbol" ? e + "" : e, t), t);
-const Hk = class Wk extends ge {
+const H4 = class W4 extends ge {
   /**
    * @param options - Options for the AdvancedBloomFilter constructor.
    */
   constructor(e) {
-    e = { ...Wk.DEFAULT_OPTIONS, ...e };
+    e = { ...W4.DEFAULT_OPTIONS, ...e };
     const t = pe.from({
       vertex: {
         source: Me,
@@ -75970,7 +75982,7 @@ const Hk = class Wk extends ge {
     this._blurFilter.pixelSizeY = e;
   }
 };
-Ws(Hk, "DEFAULT_OPTIONS", {
+Ws(H4, "DEFAULT_OPTIONS", {
   threshold: 0.5,
   bloomScale: 1,
   brightness: 1,
@@ -75978,7 +75990,7 @@ Ws(Hk, "DEFAULT_OPTIONS", {
   quality: 4,
   pixelSize: { x: 1, y: 1 }
 });
-let LQ = Hk;
+let LQ = H4;
 var NQ = `precision highp float;
 in vec2 vTextureCoord;
 out vec4 finalColor;
@@ -76178,13 +76190,13 @@ fn unmapCoord(coord: vec2<f32> ) -> vec2<f32>
     mappedCoord /= gfu.uInputSize.xy;
     return mappedCoord;
 }`, HQ = Object.defineProperty, WQ = (r, e, t) => e in r ? HQ(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Gx = (r, e, t) => (WQ(r, typeof e != "symbol" ? e + "" : e, t), t);
-const Vk = class Xk extends ge {
+const V4 = class X4 extends ge {
   /** @ignore */
   constructor(...e) {
     let t = e[0] ?? {};
     typeof t == "number" && (J("6.0.0", "AsciiFilter constructor params are now options object. See params: { size, color, replaceColor }"), t = { size: t });
     const i = t?.color && t.replaceColor !== !1;
-    t = { ...Xk.DEFAULT_OPTIONS, ...t };
+    t = { ...X4.DEFAULT_OPTIONS, ...t };
     const n = pe.from({
       vertex: {
         source: Me,
@@ -76244,12 +76256,12 @@ const Vk = class Xk extends ge {
     this.uniforms.uReplaceColor = e ? 1 : 0;
   }
 };
-Gx(Vk, "DEFAULT_OPTIONS", {
+Gx(V4, "DEFAULT_OPTIONS", {
   size: 8,
   color: 16777215,
   replaceColor: !1
 });
-let VQ = Vk;
+let VQ = V4;
 var XQ = `precision highp float;
 in vec2 vTextureCoord;
 out vec4 finalColor;
@@ -76391,12 +76403,12 @@ fn mainFragment(
   
   return vec4<f32>(color.rgb * color.a, color.a);
 }`, $Q = Object.defineProperty, eZ = (r, e, t) => e in r ? $Q(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Vs = (r, e, t) => (eZ(r, typeof e != "symbol" ? e + "" : e, t), t);
-const Yk = class qk extends ge {
+const Y4 = class q4 extends ge {
   /**
    * @param options - Options for the BevelFilter constructor.
    */
   constructor(e) {
-    e = { ...qk.DEFAULT_OPTIONS, ...e };
+    e = { ...q4.DEFAULT_OPTIONS, ...e };
     const t = pe.from({
       vertex: {
         source: Me,
@@ -76502,7 +76514,7 @@ const Yk = class qk extends ge {
     this.uniforms.uTransform[0] = this.thickness * Math.cos(this._rotation), this.uniforms.uTransform[1] = this.thickness * Math.sin(this._rotation);
   }
 };
-Vs(Yk, "DEFAULT_OPTIONS", {
+Vs(Y4, "DEFAULT_OPTIONS", {
   rotation: 45,
   thickness: 2,
   lightColor: 16777215,
@@ -76510,9 +76522,9 @@ Vs(Yk, "DEFAULT_OPTIONS", {
   shadowColor: 0,
   shadowAlpha: 0.7
 });
-let tZ = Yk;
+let tZ = Y4;
 var rZ = Object.defineProperty, iZ = (r, e, t) => e in r ? rZ(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Wu = (r, e, t) => (iZ(r, typeof e != "symbol" ? e + "" : e, t), t);
-const jk = class Kk extends QP {
+const j4 = class K4 extends QP {
   /** @ignore */
   constructor(...e) {
     let t = e[0] ?? {};
@@ -76521,7 +76533,7 @@ const jk = class Kk extends QP {
       let i = t;
       Array.isArray(i) && (i = { x: i[0], y: i[1] }), t = { strength: i }, e[1] !== void 0 && (t.quality = e[1]), e[2] !== void 0 && (t.resolution = e[2]), e[3] !== void 0 && (t.kernelSize = e[3]);
     }
-    t = { ...Kk.DEFAULT_OPTIONS, ...t }, super(), Wu(this, "_blurXFilter"), Wu(this, "_blurYFilter"), Wu(this, "_strength"), this._strength = { x: 2, y: 2 }, t.strength && (typeof t.strength == "number" ? (this._strength.x = t.strength, this._strength.y = t.strength) : (this._strength.x = t.strength.x, this._strength.y = t.strength.y)), this._blurXFilter = new go({
+    t = { ...K4.DEFAULT_OPTIONS, ...t }, super(), Wu(this, "_blurXFilter"), Wu(this, "_blurYFilter"), Wu(this, "_strength"), this._strength = { x: 2, y: 2 }, t.strength && (typeof t.strength == "number" ? (this._strength.x = t.strength, this._strength.y = t.strength) : (this._strength.x = t.strength.x, this._strength.y = t.strength.y)), this._blurXFilter = new go({
       ...t,
       horizontal: !0,
       strength: this.strengthX
@@ -76613,13 +76625,13 @@ const jk = class Kk extends QP {
     J("6.0.0", "BloomFilter.blurY is deprecated, please use BloomFilter.strengthY instead"), this.strengthY = e;
   }
 };
-Wu(jk, "DEFAULT_OPTIONS", {
+Wu(j4, "DEFAULT_OPTIONS", {
   strength: { x: 2, y: 2 },
   quality: 4,
   resolution: 1,
   kernelSize: 5
 });
-let nZ = jk;
+let nZ = j4;
 var sZ = `precision highp float;
 in vec2 vTextureCoord;
 out vec4 finalColor;
@@ -76722,13 +76734,13 @@ fn compareVec2(x: vec2<f32>, y: vec2<f32>) -> bool
   }
 
   return false;
-}`, aZ = Object.defineProperty, lZ = (r, e, t) => e in r ? aZ(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Qk = (r, e, t) => (lZ(r, typeof e != "symbol" ? e + "" : e, t), t);
-const Zk = class Jk extends ge {
+}`, aZ = Object.defineProperty, lZ = (r, e, t) => e in r ? aZ(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Q4 = (r, e, t) => (lZ(r, typeof e != "symbol" ? e + "" : e, t), t);
+const Z4 = class J4 extends ge {
   /**
    * @param options - Options for the BulgePinchFilter constructor.
    */
   constructor(e) {
-    e = { ...Jk.DEFAULT_OPTIONS, ...e };
+    e = { ...J4.DEFAULT_OPTIONS, ...e };
     const t = pe.from({
       vertex: {
         source: Me,
@@ -76754,7 +76766,7 @@ const Zk = class Jk extends ge {
           uStrength: { value: e.strength, type: "f32" }
         }
       }
-    }), Qk(this, "uniforms"), this.uniforms = this.resources.bulgePinchUniforms.uniforms, Object.assign(this, e);
+    }), Q4(this, "uniforms"), this.uniforms = this.resources.bulgePinchUniforms.uniforms, Object.assign(this, e);
   }
   /**
    * Override existing apply method in `Filter`
@@ -76816,12 +76828,12 @@ const Zk = class Jk extends ge {
     this.uniforms.uStrength = e;
   }
 };
-Qk(Zk, "DEFAULT_OPTIONS", {
+Q4(Z4, "DEFAULT_OPTIONS", {
   center: { x: 0.5, y: 0.5 },
   radius: 100,
   strength: 1
 });
-let uZ = Zk;
+let uZ = Z4;
 var cZ = `precision highp float;
 in vec2 vTextureCoord;
 in vec2 vFilterCoord;
@@ -77829,7 +77841,7 @@ fn mainFragment(
 
   return vec4<f32>(mix(realColor, adjusted, colorMapUniforms.uMix).rgb, realColor.a);
 }`, PZ = Object.defineProperty, IZ = (r, e, t) => e in r ? PZ(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Li = (r, e, t) => (IZ(r, typeof e != "symbol" ? e + "" : e, t), t);
-const $k = class eR extends ge {
+const $4 = class eR extends ge {
   /** @ignore */
   constructor(...e) {
     let t = e[0] ?? {};
@@ -77916,12 +77928,12 @@ const $k = class eR extends ge {
     ), super.destroy();
   }
 };
-Li($k, "DEFAULT_OPTIONS", {
+Li($4, "DEFAULT_OPTIONS", {
   colorMap: Q.WHITE,
   nearest: !1,
   mix: 1
 });
-let BZ = $k;
+let BZ = $4;
 var kZ = `in vec2 vTextureCoord;
 out vec4 finalColor;
 
@@ -84743,7 +84755,7 @@ async function KR({ name: r, renderer: e, values: t }) {
     const l = see[r];
     s = { ...aS[r], ...t }, r === "colorMapFilter" && (s.colorMap = await as.load(oee)), r === "simpleLightmapFilter" && (s.lightMap = await as.load(aee)), i = new l(s);
   } else {
-    const l = Fk(), u = Object.keys(l).find(
+    const l = F4(), u = Object.keys(l).find(
       (m) => m.toLowerCase() === r.toLowerCase()
     );
     if (!u)
@@ -85100,7 +85112,7 @@ class QR {
     if (!t) {
       const s = new ue({
         vertex: $b,
-        fragment: Rk,
+        fragment: R4,
         name: "ChromaKeyShader"
       }), o = new dt({
         uKeyColor: { value: [0, 1, 0], type: "vec3<f32>" },
@@ -85116,7 +85128,7 @@ class QR {
       const a = this.animationContainer.filters || [];
       this.animationContainer.filters = [...a, t];
     }
-    const i = t.resources.chromaUniforms.uniforms, n = Tk(e.color);
+    const i = t.resources.chromaUniforms.uniforms, n = T4(e.color);
     n && (i.uKeyColor[0] = n.r / 255, i.uKeyColor[1] = n.g / 255, i.uKeyColor[2] = n.b / 255), i.uSimilarity = e.similarity, i.uSpill = e.spill;
   }
   updateTransforms() {
@@ -88841,9 +88853,9 @@ function ZR({ name: r, renderer: e }) {
   }), y && (c = Pee, h = {
     ...it.basics,
     ...Iee
-  }), b && (c = Bk, h = {
+  }), b && (c = B4, h = {
     ...it.basics,
-    ...kk
+    ...k4
   }), T && (c = Ree, h = {
     ...it.basics,
     ...Fee
@@ -89313,12 +89325,12 @@ function hte(r) {
         uKeyColor: { value: [0, 1, 0], type: "vec3<f32>" },
         uSimilarity: { value: 0.1, type: "f32" },
         uSpill: { value: 0, type: "f32" }
-      }), $e = Tk(b.chromaKey.color);
+      }), $e = T4(b.chromaKey.color);
       $e && (Be.uniforms.uKeyColor[0] = $e.r / 255, Be.uniforms.uKeyColor[1] = $e.g / 255, Be.uniforms.uKeyColor[2] = $e.b / 255), Be.uniforms.uSimilarity = b.chromaKey.similarity, Be.uniforms.uSpill = b.chromaKey.spill;
       const Ct = new ge({
         glProgram: new ue({
           vertex: $b,
-          fragment: Rk,
+          fragment: R4,
           name: "ChromaKeyShader"
         }),
         resources: {
@@ -89696,13 +89708,13 @@ class Ui extends Ke {
       this.rect(-4, -4, 8, 8), this.fill({ color: "#ffffff" }), this.stroke({ width: 1, color: e }), this.hitArea = new ce(-15, -15, 30, 30);
   }
   #r = (e) => {
-    this.#e = !0, this.cursor = "grabbing", this.callbacks.beginDrag(this.handle, e.global), e.stopPropagation();
+    this.#e = !0, this.cursor = "grabbing", this.callbacks.beginDrag(this.handle, e.global);
   };
   #n = (e) => {
-    this.#e && (this.callbacks.updateDrag(this.handle, e.global), e.stopPropagation());
+    this.#e && this.callbacks.updateDrag(this.handle, e.global);
   };
   #u = (e) => {
-    this.#e && (this.#e = !1, this.cursor = "pointer", this.callbacks.endDrag(), e.stopPropagation());
+    this.#e && (this.#e = !1, this.cursor = "pointer", this.callbacks.endDrag());
   };
 }
 class Mc {
@@ -89962,7 +89974,7 @@ class hS extends Pe {
     this.#f();
   }
   #S = (e) => {
-    this.#f(), this.#m.copyFrom(this.#r), this.isDragging = !0, this.lastPointer.copyFrom(e.global), this.cursor = "grabbing";
+    e.button === 0 && (this.opts.locked || (this.#f(), this.#m.copyFrom(this.#r), this.isDragging = !0, this.lastPointer.copyFrom(e.global), this.cursor = "grabbing"));
   };
   #y = () => {
     this.isDragging && this.#v(), this.cursor = "default";
@@ -90071,7 +90083,7 @@ class hS extends Pe {
     this.parent && this.position.copyFrom(this.parent.toLocal(this.#r)), this.rotation = e;
     const i = 1 / ((this.parent ? Math.abs(this.parent.worldTransform.a) : 1) || 1), n = this.#s;
     this.wireframe.draw(n, i);
-    const s = n.x + n.width / 2, o = n.y + n.height / 2, a = this.opts.clip?.getVisibleHandles?.() ?? [
+    const s = n.x + n.width / 2, o = n.y + n.height / 2, l = this.opts.locked ? [] : this.opts.clip?.getVisibleHandles?.() ?? [
       "tl",
       "tr",
       "bl",
@@ -90081,7 +90093,7 @@ class hS extends Pe {
       "mt",
       "mb",
       "rot"
-    ], l = [
+    ], u = [
       this.#e.tl,
       this.#e.tr,
       this.#e.bl,
@@ -90092,9 +90104,9 @@ class hS extends Pe {
       this.#e.mb,
       this.#e.rot
     ];
-    for (const u of l)
-      u.scale.set(i);
-    this.#e.tl.visible = a.includes("tl"), this.#e.tr.visible = a.includes("tr"), this.#e.bl.visible = a.includes("bl"), this.#e.br.visible = a.includes("br"), this.#e.ml.visible = a.includes("ml"), this.#e.mr.visible = a.includes("mr"), this.#e.mt.visible = a.includes("mt"), this.#e.mb.visible = a.includes("mb"), this.#e.rot.visible = a.includes("rot"), this.#e.tl.position.set(n.x, n.y), this.#e.tr.position.set(n.x + n.width, n.y), this.#e.bl.position.set(n.x, n.y + n.height), this.#e.br.position.set(n.x + n.width, n.y + n.height), this.#e.ml.position.set(n.x, o), this.#e.mr.position.set(n.x + n.width, o), this.#e.mt.position.set(s, n.y), this.#e.mb.position.set(s, n.y + n.height), this.#e.rot.position.set(s, n.y - 30 * i), this.#R(i);
+    for (const c of u)
+      c.scale.set(i);
+    this.#e.tl.visible = l.includes("tl"), this.#e.tr.visible = l.includes("tr"), this.#e.bl.visible = l.includes("bl"), this.#e.br.visible = l.includes("br"), this.#e.ml.visible = l.includes("ml"), this.#e.mr.visible = l.includes("mr"), this.#e.mt.visible = l.includes("mt"), this.#e.mb.visible = l.includes("mb"), this.#e.rot.visible = l.includes("rot"), this.#e.tl.position.set(n.x, n.y), this.#e.tr.position.set(n.x + n.width, n.y), this.#e.bl.position.set(n.x, n.y + n.height), this.#e.br.position.set(n.x + n.width, n.y + n.height), this.#e.ml.position.set(n.x, o), this.#e.mr.position.set(n.x + n.width, o), this.#e.mt.position.set(s, n.y), this.#e.mb.position.set(s, n.y + n.height), this.#e.rot.position.set(s, n.y - 30 * i), this.#R(i);
   }
   /**
    * Draw individual bounding boxes for selected items
@@ -90381,37 +90393,46 @@ class mte {
       return;
     const e = [];
     let t = null;
-    for (const n of this.selectedClips) {
-      const s = this.studio.spriteRenderers.get(n);
-      if (s == null) continue;
-      const o = s.getRoot();
-      o != null && (e.push(o), this.selectedClips.size === 1 && (t = n));
+    for (const s of this.selectedClips) {
+      const o = this.studio.spriteRenderers.get(s);
+      if (o == null) continue;
+      const a = o.getRoot();
+      a != null && (e.push(a), this.selectedClips.size === 1 && (t = s));
     }
     if (e.length === 0) {
       console.warn("Cannot create transformer: no sprites found");
       return;
     }
+    const i = t?.locked ?? !1;
     this.activeTransformer = new hS({
       group: e,
       clip: t,
       // Only pass clip for single selection
       artboardWidth: this.studio.opts.width,
-      artboardHeight: this.studio.opts.height
+      artboardHeight: this.studio.opts.height,
+      locked: i
     });
-    let i = null;
+    let n = null;
     this.activeTransformer.on("transforming", () => {
-      i === null && (i = requestAnimationFrame(() => {
-        i = null, this.syncSelectedClipsTransformsRealtime(), this.studio.pixiApp?.render();
+      n === null && (n = requestAnimationFrame(() => {
+        n = null, this.syncSelectedClipsTransformsRealtime(), this.studio.pixiApp?.render();
       }));
-    }), this.activeTransformer.on("textClipResize", (n) => {
-      this.textClipResizedWidth = n.newWidth, this.textClipResizeHandle = n.handle, this.textClipResizedSx = n.sx, this.textClipResizedSy = n.sy;
+    }), this.activeTransformer.on("textClipResize", (s) => {
+      this.textClipResizedWidth = s.newWidth, this.textClipResizeHandle = s.handle, this.textClipResizedSx = s.sx, this.textClipResizedSy = s.sy;
     }), this.activeTransformer.on("transformEnd", async () => {
-      i !== null && (cancelAnimationFrame(i), i = null), await this.syncSelectedClipsTransforms();
-      for (const n of this.selectedClips)
-        this.studio.emit("clip:updated", { clip: n });
-    }), this.activeTransformer.on("pointerdown", (n) => {
-      const s = this.getTopmostClipAtPoint(n.global);
-      s && !this.selectedClips.has(s) && (this.selectClip(s, n.shiftKey), n.stopPropagation());
+      n !== null && (cancelAnimationFrame(n), n = null), await this.syncSelectedClipsTransforms();
+      for (const s of this.selectedClips)
+        this.studio.emit("clip:updated", { clip: s });
+      this.studio.emit("transform:end", {
+        transformer: this.activeTransformer
+      });
+    }), this.activeTransformer.on("pointerdown", (s) => {
+      if (s.button !== 0) return;
+      this.studio.emit("transform:start", {
+        transformer: this.activeTransformer
+      });
+      const o = this.getTopmostClipAtPoint(s.global);
+      o && !this.selectedClips.has(o) && (this.selectClip(o, s.shiftKey), s.stopPropagation());
     }), this.studio.artboard.addChild(this.activeTransformer), this.activeTransformer.showImmediate(), this.studio.pixiApp?.render();
   }
   // Copied Sync Logic
@@ -90868,7 +90889,9 @@ class xte {
         });
   }
   async removeClip(e, t = { permanent: !0 }) {
-    const { permanent: i } = t, n = this.clips.findIndex((c) => c === e);
+    const { permanent: i } = t;
+    if (e.locked) return;
+    const n = this.clips.findIndex((c) => c === e);
     if (n === -1) return;
     if (e instanceof Xi) {
       if (e.fromClipId) {
@@ -90912,6 +90935,7 @@ class xte {
   async removeClips(e, t = { permanent: !0 }) {
     if (e.length !== 0) {
       for (const i of e) {
+        if (i.locked) continue;
         const n = this.clips.findIndex((u) => u === i);
         if (n === -1) continue;
         if (i instanceof Xi) {
@@ -90961,7 +90985,7 @@ class xte {
   }
   async updateClip(e, t) {
     const i = this.clips.find((n) => n.id === e);
-    i && (await this.applyClipUpdate(i, t), await this.recalculateMaxDuration(), await this.studio.updateFrame(this.studio.currentTime), this.updateTransformer(i), this.studio.emit("clip:updated", { clip: i }));
+    i && (i.locked && !("locked" in t) || (i.locked && "locked" in t && (Object.keys(t).length === 1 || (t = { locked: t.locked })), await this.applyClipUpdate(i, t), await this.recalculateMaxDuration(), await this.studio.updateFrame(this.studio.currentTime), this.updateTransformer(i), this.studio.emit("clip:updated", { clip: i })));
   }
   async updateClips(e) {
     const t = [];
@@ -91195,7 +91219,7 @@ class xte {
    * Duplicate all currently selected clips
    */
   async duplicateSelected() {
-    const e = this.studio.selection.selectedClips, t = Array.from(e);
+    const e = this.studio.selection.selectedClips, t = Array.from(e).filter((n) => !n.locked);
     if (t.length === 0) return;
     const i = [];
     for (const n of t) {
@@ -91223,7 +91247,12 @@ class xte {
       console.warn("[Studio] Split requires exactly one selected clip");
       return;
     }
-    const i = t[0], n = e ?? this.studio.currentTime;
+    const i = t[0];
+    if (i.locked) {
+      console.warn("[Studio] Cannot split a locked clip");
+      return;
+    }
+    const n = e ?? this.studio.currentTime;
     if (n <= i.display.from || i.display.to > 0 && n >= i.display.to) {
       console.warn("[Studio] Split time is outside clip bounds");
       return;
@@ -91262,7 +91291,12 @@ class xte {
       console.warn("[Studio] Trim requires exactly one selected clip");
       return;
     }
-    const i = t[0], n = e * 1e6, s = i.playbackRate || 1, o = n * s;
+    const i = t[0];
+    if (i.locked) {
+      console.warn("[Studio] Cannot trim a locked clip");
+      return;
+    }
+    const n = e * 1e6, s = i.playbackRate || 1, o = n * s;
     if (n >= i.duration) {
       console.warn("[Studio] Trim amount exceeds clip duration");
       return;
@@ -92731,6 +92765,13 @@ class Xte extends vy {
   deselectClip() {
     this.selection.deselectClip();
   }
+  /**
+   * Toggle lock state of a clip
+   */
+  async lockClip(e, t) {
+    const i = this.timeline.getClipById(e);
+    i && (await this.timeline.updateClip(e, { locked: t }), this.emit("clip:lock-changed", { clip: i, locked: t }), this.selection.selectedClips.has(i) && this.selection.recreateTransformer(), await this.updateFrame(this.currentTime));
+  }
   /**
    * Export current studio state to JSON
    * @param sourceUrlMap Optional map of clips to their source URLs (required for proper serialization)
@@ -92746,19 +92787,19 @@ class Xte extends vy {
 export {
   Hte as $,
   OG as A,
-  ek as B,
+  e4 as B,
   Pe as C,
   WP as D,
   YP as E,
   FH as F,
-  i4 as G,
-  dk as H,
+  ik as G,
+  d4 as H,
   Rc as I,
   KR as J,
   aS as K,
   ze as L,
-  b4 as M,
-  z4 as N,
+  bk as M,
+  zk as N,
   Nte as O,
   Fc as P,
   Ute as Q,
@@ -92767,7 +92808,7 @@ export {
   iE as T,
   zte as U,
   Gr as V,
-  Fk as W,
+  F4 as W,
   xQ as X,
   Lte as Y,
   ZR as Z,
@@ -92784,13 +92825,13 @@ export {
   z as a8,
   B as a9,
   m2 as b,
-  P4 as c,
-  I4 as d,
+  Pk as c,
+  Ik as d,
   Qe as e,
-  yk as f,
-  xk as g,
-  ik as h,
-  q4 as i,
+  y4 as f,
+  x4 as g,
+  i4 as h,
+  qk as i,
   pI as j,
   dI as k,
   Bq as l,