@munusshih/p5.export 0.1.0-beta.10 → 0.1.0-beta.11

package/dist/p5.export.js

@@ -1,4 +1,4 @@
-/*! @munusshih/p5.export v0.1.0-beta.10 | Created by Munus Shih | MIT License | https://github.com/munusshih/p5.export */
+/*! @munusshih/p5.export v0.1.0-beta.11 | Created by Munus Shih | MIT License | https://github.com/munusshih/p5.export */
 function St(t, e) {
   const i = URL.createObjectURL(t), r = document.createElement("a");
   r.href = i, r.download = e, r.style.display = "none", document.body.appendChild(r), r.click(), r.remove(), setTimeout(() => URL.revokeObjectURL(i), 0);
@@ -24,24 +24,24 @@ function Li(t) {
   const i = e.drawingContext;
   return !!(i && typeof i.fillRect != "function" || e.GL);
 }
-const ls = {
+const hs = {
   png: "image/png",
   jpg: "image/jpeg",
   jpeg: "image/jpeg",
   webp: "image/webp"
 };
-async function rn(t, e, i, r) {
+async function nn(t, e, i, r) {
   const n = t && t._p5ExportSVGRecorder;
   if (!n || !n.ops || n.ops.length === 0) return null;
   const s = At(t);
   if (!s) return null;
-  const a = typeof t.pixelDensity == "function" ? t.pixelDensity() : 1, o = Math.max(1, Math.round(s.width / a)), f = Math.max(1, Math.round(s.height / a)), g = o * e, v = f * e, u = document.createElement("canvas");
-  u.width = g, u.height = v;
-  const l = u.getContext("2d");
+  const a = typeof t.pixelDensity == "function" ? t.pixelDensity() : 1, o = Math.max(1, Math.round(s.width / a)), p = Math.max(1, Math.round(s.height / a)), w = o * e, v = p * e, m = document.createElement("canvas");
+  m.width = w, m.height = v;
+  const l = m.getContext("2d");
   if (!l) return null;
   const d = e / a, c = n.ops;
-  for (let w = 0; w < c.length; w++) {
-    const y = c[w];
+  for (let g = 0; g < c.length; g++) {
+    const y = c[g];
     try {
       if (y[0] === 0) {
         const M = y[1];
@@ -55,16 +55,16 @@ async function rn(t, e, i, r) {
     } catch {
     }
   }
-  const m = ls[i] || "image/png";
-  return new Promise((w, y) => {
-    u.toBlob(
-      (M) => M ? w(M) : y(new Error("[p5.export] toBlob returned null")),
-      m,
+  const u = hs[i] || "image/png";
+  return new Promise((g, y) => {
+    m.toBlob(
+      (M) => M ? g(M) : y(new Error("[p5.export] toBlob returned null")),
+      u,
       r
     );
   });
 }
-async function nn(t, e, i) {
+async function sn(t, e, i) {
   if (!e || e <= 1) return i();
   const r = typeof t.pixelDensity == "function" ? t.pixelDensity() : 1;
   if (e <= r) return i();
@@ -76,16 +76,16 @@ async function nn(t, e, i) {
     t.pixelDensity(r), typeof t.redraw == "function" && await t.redraw(), n && typeof t.loop == "function" && t.loop();
   }
 }
-const hs = {
+const ds = {
   png: "image/png",
   jpg: "image/jpeg",
   jpeg: "image/jpeg",
   webp: "image/webp"
 };
-function Bi(t, e, i) {
+function Fi(t, e, i) {
   const r = At(t);
   if (!r) return Promise.reject(new Error("[p5.export] no canvas found"));
-  const n = hs[e];
+  const n = ds[e];
   return n ? new Promise((s, a) => {
     r.toBlob(
       (o) => o ? s(o) : a(new Error("[p5.export] toBlob returned null")),
@@ -95,13 +95,13 @@ function Bi(t, e, i) {
   }) : Promise.reject(new Error(`[p5.export] unknown image format: ${e}`));
 }
 async function Ze(t, e, i, r) {
-  if (!e || e <= 1) return Bi(t, i, r);
+  if (!e || e <= 1) return Fi(t, i, r);
   const n = typeof t.pixelDensity == "function" ? t.pixelDensity() : 1;
-  if (e <= n) return Bi(t, i, r);
-  const s = await rn(t, e, i, r);
-  return s || nn(t, e, () => Bi(t, i, r));
+  if (e <= n) return Fi(t, i, r);
+  const s = await nn(t, e, i, r);
+  return s || sn(t, e, () => Fi(t, i, r));
 }
-function ds(t, e) {
+function cs(t, e) {
   e.savePNG = async function(i, r = {}) {
     const n = await Ze(this, r.scale, "png");
     return St(n, i ? Et(i, "png") : Ct("png")), n;
@@ -117,10 +117,10 @@ function ds(t, e) {
     return St(s, r ? Et(r, i) : Ct(i)), s;
   };
 }
-function cs(t) {
+function ps(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var sn = { exports: {} };
+var an = { exports: {} };
 /*!!
  *  Canvas 2 Svg v1.0.15
  *  A low level canvas to SVG converter. Uses a mock canvas context to build an SVG document.
@@ -137,29 +137,29 @@ var sn = { exports: {} };
   (function() {
     var e, i, r, n, s;
     function a(l, d) {
-      var c = Object.keys(d), m;
-      for (m = 0; m < c.length; m++)
-        l = l.replace(new RegExp("\\{" + c[m] + "\\}", "gi"), d[c[m]]);
+      var c = Object.keys(d), u;
+      for (u = 0; u < c.length; u++)
+        l = l.replace(new RegExp("\\{" + c[u] + "\\}", "gi"), d[c[u]]);
       return l;
     }
     function o(l) {
-      var d, c, m;
+      var d, c, u;
       if (!l)
         throw new Error("cannot create a random attribute name for an undefined object");
       d = "ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz", c = "";
       do
-        for (c = "", m = 0; m < 12; m++)
+        for (c = "", u = 0; u < 12; u++)
           c += d[Math.floor(Math.random() * d.length)];
       while (l[c]);
       return c;
     }
-    function f(l, d) {
-      var c, m, w = {}, y;
+    function p(l, d) {
+      var c, u, g = {}, y;
       for (l = l.split(","), d = d || 10, c = 0; c < l.length; c += 2)
-        m = "&" + l[c + 1] + ";", y = parseInt(l[c], d), w[m] = "&#" + y + ";";
-      return w["\\xa0"] = "&#160;", w;
+        u = "&" + l[c + 1] + ";", y = parseInt(l[c], d), g[u] = "&#" + y + ";";
+      return g["\\xa0"] = "&#160;", g;
     }
-    function g(l) {
+    function w(l) {
       var d = { left: "start", right: "end", center: "middle", start: "start", end: "end" };
       return d[l] || d.start;
     }
@@ -167,7 +167,7 @@ var sn = { exports: {} };
       var d = { alphabetic: "alphabetic", hanging: "hanging", top: "text-before-edge", bottom: "text-after-edge", middle: "central" };
       return d[l] || d.alphabetic;
     }
-    s = f(
+    s = p(
       "50,nbsp,51,iexcl,52,cent,53,pound,54,curren,55,yen,56,brvbar,57,sect,58,uml,59,copy,5a,ordf,5b,laquo,5c,not,5d,shy,5e,reg,5f,macr,5g,deg,5h,plusmn,5i,sup2,5j,sup3,5k,acute,5l,micro,5m,para,5n,middot,5o,cedil,5p,sup1,5q,ordm,5r,raquo,5s,frac14,5t,frac12,5u,frac34,5v,iquest,60,Agrave,61,Aacute,62,Acirc,63,Atilde,64,Auml,65,Aring,66,AElig,67,Ccedil,68,Egrave,69,Eacute,6a,Ecirc,6b,Euml,6c,Igrave,6d,Iacute,6e,Icirc,6f,Iuml,6g,ETH,6h,Ntilde,6i,Ograve,6j,Oacute,6k,Ocirc,6l,Otilde,6m,Ouml,6n,times,6o,Oslash,6p,Ugrave,6q,Uacute,6r,Ucirc,6s,Uuml,6t,Yacute,6u,THORN,6v,szlig,70,agrave,71,aacute,72,acirc,73,atilde,74,auml,75,aring,76,aelig,77,ccedil,78,egrave,79,eacute,7a,ecirc,7b,euml,7c,igrave,7d,iacute,7e,icirc,7f,iuml,7g,eth,7h,ntilde,7i,ograve,7j,oacute,7k,ocirc,7l,otilde,7m,ouml,7n,divide,7o,oslash,7p,ugrave,7q,uacute,7r,ucirc,7s,uuml,7t,yacute,7u,thorn,7v,yuml,ci,fnof,sh,Alpha,si,Beta,sj,Gamma,sk,Delta,sl,Epsilon,sm,Zeta,sn,Eta,so,Theta,sp,Iota,sq,Kappa,sr,Lambda,ss,Mu,st,Nu,su,Xi,sv,Omicron,t0,Pi,t1,Rho,t3,Sigma,t4,Tau,t5,Upsilon,t6,Phi,t7,Chi,t8,Psi,t9,Omega,th,alpha,ti,beta,tj,gamma,tk,delta,tl,epsilon,tm,zeta,tn,eta,to,theta,tp,iota,tq,kappa,tr,lambda,ts,mu,tt,nu,tu,xi,tv,omicron,u0,pi,u1,rho,u2,sigmaf,u3,sigma,u4,tau,u5,upsilon,u6,phi,u7,chi,u8,psi,u9,omega,uh,thetasym,ui,upsih,um,piv,812,bull,816,hellip,81i,prime,81j,Prime,81u,oline,824,frasl,88o,weierp,88h,image,88s,real,892,trade,89l,alefsym,8cg,larr,8ch,uarr,8ci,rarr,8cj,darr,8ck,harr,8dl,crarr,8eg,lArr,8eh,uArr,8ei,rArr,8ej,dArr,8ek,hArr,8g0,forall,8g2,part,8g3,exist,8g5,empty,8g7,nabla,8g8,isin,8g9,notin,8gb,ni,8gf,prod,8gh,sum,8gi,minus,8gn,lowast,8gq,radic,8gt,prop,8gu,infin,8h0,ang,8h7,and,8h8,or,8h9,cap,8ha,cup,8hb,int,8hk,there4,8hs,sim,8i5,cong,8i8,asymp,8j0,ne,8j1,equiv,8j4,le,8j5,ge,8k2,sub,8k3,sup,8k4,nsub,8k6,sube,8k7,supe,8kl,oplus,8kn,otimes,8l5,perp,8m5,sdot,8o8,lceil,8o9,rceil,8oa,lfloor,8ob,rfloor,8p9,lang,8pa,rang,9ea,loz,9j0,spades,9j3,clubs,9j5,hearts,9j6,diams,ai,OElig,aj,oelig,b0,Scaron,b1,scaron,bo,Yuml,m6,circ,ms,tilde,802,ensp,803,emsp,809,thinsp,80c,zwnj,80d,zwj,80e,lrm,80f,rlm,80j,ndash,80k,mdash,80o,lsquo,80p,rsquo,80q,sbquo,80s,ldquo,80t,rdquo,80u,bdquo,810,dagger,811,Dagger,81g,permil,81p,lsaquo,81q,rsaquo,85c,euro",
       32
     ), e = {
@@ -243,8 +243,8 @@ var sn = { exports: {} };
     }, r = function(l, d) {
       this.__root = l, this.__ctx = d;
     }, r.prototype.addColorStop = function(l, d) {
-      var c = this.__ctx.__createElement("stop"), m, w;
-      c.setAttribute("offset", l), d.indexOf("rgba") !== -1 ? (m = /rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d?\.?\d*)\s*\)/gi, w = m.exec(d), c.setAttribute("stop-color", a("rgb({r},{g},{b})", { r: w[1], g: w[2], b: w[3] })), c.setAttribute("stop-opacity", w[4])) : c.setAttribute("stop-color", d), this.__root.appendChild(c);
+      var c = this.__ctx.__createElement("stop"), u, g;
+      c.setAttribute("offset", l), d.indexOf("rgba") !== -1 ? (u = /rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d?\.?\d*)\s*\)/gi, g = u.exec(d), c.setAttribute("stop-color", a("rgb({r},{g},{b})", { r: g[1], g: g[2], b: g[3] })), c.setAttribute("stop-opacity", g[4])) : c.setAttribute("stop-color", d), this.__root.appendChild(c);
     }, n = function(l, d) {
       this.__root = l, this.__ctx = d;
     }, i = function(l) {
@@ -254,40 +254,40 @@ var sn = { exports: {} };
       this.width = c.width || d.width, this.height = c.height || d.height, this.enableMirroring = c.enableMirroring !== void 0 ? c.enableMirroring : d.enableMirroring, this.canvas = this, this.__document = c.document || document, this.__canvas = this.__document.createElement("canvas"), this.__ctx = this.__canvas.getContext("2d"), this.__setDefaultStyles(), this.__stack = [this.__getStyleState()], this.__groupStack = [], this.__root = this.__document.createElementNS("http://www.w3.org/2000/svg", "svg"), this.__root.setAttribute("version", 1.1), this.__root.setAttribute("xmlns", "http://www.w3.org/2000/svg"), this.__root.setAttributeNS("http://www.w3.org/2000/xmlns/", "xmlns:xlink", "http://www.w3.org/1999/xlink"), this.__root.setAttribute("width", this.width), this.__root.setAttribute("height", this.height), this.__ids = {}, this.__defs = this.__document.createElementNS("http://www.w3.org/2000/svg", "defs"), this.__root.appendChild(this.__defs), this.__currentElement = this.__document.createElementNS("http://www.w3.org/2000/svg", "g"), this.__root.appendChild(this.__currentElement);
     }, i.prototype.__createElement = function(l, d, c) {
       typeof d > "u" && (d = {});
-      var m = this.__document.createElementNS("http://www.w3.org/2000/svg", l), w = Object.keys(d), y, M;
-      for (c && (m.setAttribute("fill", "none"), m.setAttribute("stroke", "none")), y = 0; y < w.length; y++)
-        M = w[y], m.setAttribute(M, d[M]);
-      return m;
+      var u = this.__document.createElementNS("http://www.w3.org/2000/svg", l), g = Object.keys(d), y, M;
+      for (c && (u.setAttribute("fill", "none"), u.setAttribute("stroke", "none")), y = 0; y < g.length; y++)
+        M = g[y], u.setAttribute(M, d[M]);
+      return u;
     }, i.prototype.__setDefaultStyles = function() {
       var l = Object.keys(e), d, c;
       for (d = 0; d < l.length; d++)
         c = l[d], this[c] = e[c].canvas;
     }, i.prototype.__applyStyleState = function(l) {
-      var d = Object.keys(l), c, m;
+      var d = Object.keys(l), c, u;
       for (c = 0; c < d.length; c++)
-        m = d[c], this[m] = l[m];
+        u = d[c], this[u] = l[u];
     }, i.prototype.__getStyleState = function() {
-      var l, d = {}, c = Object.keys(e), m;
+      var l, d = {}, c = Object.keys(e), u;
       for (l = 0; l < c.length; l++)
-        m = c[l], d[m] = this[m];
+        u = c[l], d[u] = this[u];
       return d;
     }, i.prototype.__applyStyleToCurrentElement = function(l) {
-      var d = Object.keys(e), c, m, w, y, M, S;
+      var d = Object.keys(e), c, u, g, y, M, S;
       for (c = 0; c < d.length; c++)
-        if (m = e[d[c]], w = this[d[c]], m.apply)
-          if (m.apply.indexOf("fill") !== -1 && w instanceof n) {
-            if (w.__ctx)
-              for (; w.__ctx.__defs.childNodes.length; )
-                y = w.__ctx.__defs.childNodes[0].getAttribute("id"), this.__ids[y] = y, this.__defs.appendChild(w.__ctx.__defs.childNodes[0]);
-            this.__currentElement.setAttribute("fill", a("url(#{id})", { id: w.__root.getAttribute("id") }));
-          } else m.apply.indexOf("fill") !== -1 && w instanceof r ? this.__currentElement.setAttribute("fill", a("url(#{id})", { id: w.__root.getAttribute("id") })) : m.apply.indexOf(l) !== -1 && m.svg !== w && ((m.svgAttr === "stroke" || m.svgAttr === "fill") && w.indexOf("rgba") !== -1 ? (M = /rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d?\.?\d*)\s*\)/gi, S = M.exec(w), this.__currentElement.setAttribute(m.svgAttr, a("rgb({r},{g},{b})", { r: S[1], g: S[2], b: S[3] })), this.__currentElement.setAttribute(m.svgAttr + "-opacity", S[4])) : this.__currentElement.setAttribute(m.svgAttr, w));
+        if (u = e[d[c]], g = this[d[c]], u.apply)
+          if (u.apply.indexOf("fill") !== -1 && g instanceof n) {
+            if (g.__ctx)
+              for (; g.__ctx.__defs.childNodes.length; )
+                y = g.__ctx.__defs.childNodes[0].getAttribute("id"), this.__ids[y] = y, this.__defs.appendChild(g.__ctx.__defs.childNodes[0]);
+            this.__currentElement.setAttribute("fill", a("url(#{id})", { id: g.__root.getAttribute("id") }));
+          } else u.apply.indexOf("fill") !== -1 && g instanceof r ? this.__currentElement.setAttribute("fill", a("url(#{id})", { id: g.__root.getAttribute("id") })) : u.apply.indexOf(l) !== -1 && u.svg !== g && ((u.svgAttr === "stroke" || u.svgAttr === "fill") && g.indexOf("rgba") !== -1 ? (M = /rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d?\.?\d*)\s*\)/gi, S = M.exec(g), this.__currentElement.setAttribute(u.svgAttr, a("rgb({r},{g},{b})", { r: S[1], g: S[2], b: S[3] })), this.__currentElement.setAttribute(u.svgAttr + "-opacity", S[4])) : this.__currentElement.setAttribute(u.svgAttr, g));
     }, i.prototype.__closestGroupOrSvg = function(l) {
       return l = l || this.__currentElement, l.nodeName === "g" || l.nodeName === "svg" ? l : this.__closestGroupOrSvg(l.parentNode);
     }, i.prototype.getSerializedSvg = function(l) {
-      var d = new XMLSerializer().serializeToString(this.__root), c, m, w, y, M, S;
+      var d = new XMLSerializer().serializeToString(this.__root), c, u, g, y, M, S;
       if (S = /xmlns="http:\/\/www\.w3\.org\/2000\/svg".+xmlns="http:\/\/www\.w3\.org\/2000\/svg/gi, S.test(d) && (d = d.replace('xmlns="http://www.w3.org/2000/svg', 'xmlns:xlink="http://www.w3.org/1999/xlink')), l)
-        for (c = Object.keys(s), m = 0; m < c.length; m++)
-          w = c[m], y = s[w], M = new RegExp(w, "gi"), M.test(d) && (d = d.replace(M, y));
+        for (c = Object.keys(s), u = 0; u < c.length; u++)
+          g = c[u], y = s[g], M = new RegExp(g, "gi"), M.test(d) && (d = d.replace(M, y));
       return d;
     }, i.prototype.getSvg = function() {
       return this.__root;
@@ -304,8 +304,8 @@ var sn = { exports: {} };
         var c = this.__createElement("g");
         d.appendChild(c), this.__currentElement = c;
       }
-      var m = this.__currentElement.getAttribute("transform");
-      m ? m += " " : m = "", m += l, this.__currentElement.setAttribute("transform", m);
+      var u = this.__currentElement.getAttribute("transform");
+      u ? u += " " : u = "", u += l, this.__currentElement.setAttribute("transform", u);
     }, i.prototype.scale = function(l, d) {
       d === void 0 && (d = l), this.__addTransform(a("scale({x},{y})", { x: l, y: d }));
     }, i.prototype.rotate = function(l) {
@@ -313,8 +313,8 @@ var sn = { exports: {} };
       this.__addTransform(a("rotate({angle},{cx},{cy})", { angle: d, cx: 0, cy: 0 }));
     }, i.prototype.translate = function(l, d) {
       this.__addTransform(a("translate({x},{y})", { x: l, y: d }));
-    }, i.prototype.transform = function(l, d, c, m, w, y) {
-      this.__addTransform(a("matrix({a},{b},{c},{d},{e},{f})", { a: l, b: d, c, d: m, e: w, f: y }));
+    }, i.prototype.transform = function(l, d, c, u, g, y) {
+      this.__addTransform(a("matrix({a},{b},{c},{d},{e},{f})", { a: l, b: d, c, d: u, e: g, f: y }));
     }, i.prototype.beginPath = function() {
       var l, d;
       this.__currentDefaultPath = "", this.__currentPosition = {}, l = this.__createElement("path", {}, !0), d = this.__closestGroupOrSvg(), d.appendChild(l), this.__currentElement = l;
@@ -332,36 +332,36 @@ var sn = { exports: {} };
       this.__addPathCommand("Z");
     }, i.prototype.lineTo = function(l, d) {
       this.__currentPosition = { x: l, y: d }, this.__currentDefaultPath.indexOf("M") > -1 ? this.__addPathCommand(a("L {x} {y}", { x: l, y: d })) : this.__addPathCommand(a("M {x} {y}", { x: l, y: d }));
-    }, i.prototype.bezierCurveTo = function(l, d, c, m, w, y) {
-      this.__currentPosition = { x: w, y }, this.__addPathCommand(a(
+    }, i.prototype.bezierCurveTo = function(l, d, c, u, g, y) {
+      this.__currentPosition = { x: g, y }, this.__addPathCommand(a(
         "C {cp1x} {cp1y} {cp2x} {cp2y} {x} {y}",
-        { cp1x: l, cp1y: d, cp2x: c, cp2y: m, x: w, y }
+        { cp1x: l, cp1y: d, cp2x: c, cp2y: u, x: g, y }
       ));
-    }, i.prototype.quadraticCurveTo = function(l, d, c, m) {
-      this.__currentPosition = { x: c, y: m }, this.__addPathCommand(a("Q {cpx} {cpy} {x} {y}", { cpx: l, cpy: d, x: c, y: m }));
+    }, i.prototype.quadraticCurveTo = function(l, d, c, u) {
+      this.__currentPosition = { x: c, y: u }, this.__addPathCommand(a("Q {cpx} {cpy} {x} {y}", { cpx: l, cpy: d, x: c, y: u }));
     };
-    var u = function(l) {
+    var m = function(l) {
       var d = Math.sqrt(l[0] * l[0] + l[1] * l[1]);
       return [l[0] / d, l[1] / d];
     };
-    i.prototype.arcTo = function(l, d, c, m, w) {
+    i.prototype.arcTo = function(l, d, c, u, g) {
       var y = this.__currentPosition && this.__currentPosition.x, M = this.__currentPosition && this.__currentPosition.y;
       if (!(typeof y > "u" || typeof M > "u")) {
-        if (w < 0)
-          throw new Error("IndexSizeError: The radius provided (" + w + ") is negative.");
-        if (y === l && M === d || l === c && d === m || w === 0) {
+        if (g < 0)
+          throw new Error("IndexSizeError: The radius provided (" + g + ") is negative.");
+        if (y === l && M === d || l === c && d === u || g === 0) {
           this.lineTo(l, d);
           return;
         }
-        var S = u([y - l, M - d]), _ = u([c - l, m - d]);
+        var S = m([y - l, M - d]), _ = m([c - l, u - d]);
         if (S[0] * _[1] === S[1] * _[0]) {
           this.lineTo(l, d);
           return;
         }
-        var E = S[0] * _[0] + S[1] * _[1], D = Math.acos(Math.abs(E)), I = u([
+        var E = S[0] * _[0] + S[1] * _[1], D = Math.acos(Math.abs(E)), I = m([
           S[0] + _[0],
           S[1] + _[1]
-        ]), V = w / Math.sin(D / 2), N = l + V * I[0], Y = d + V * I[1], q = [
+        ]), V = g / Math.sin(D / 2), N = l + V * I[0], Y = d + V * I[1], q = [
           -S[1],
           S[0]
         ], H = [
@@ -372,56 +372,56 @@ var sn = { exports: {} };
           return G >= 0 ? Math.acos(rt) : -Math.acos(rt);
         }, J = lt(q), Wt = lt(H);
         this.lineTo(
-          N + q[0] * w,
-          Y + q[1] * w
-        ), this.arc(N, Y, w, J, Wt);
+          N + q[0] * g,
+          Y + q[1] * g
+        ), this.arc(N, Y, g, J, Wt);
       }
     }, i.prototype.stroke = function() {
       this.__currentElement.nodeName === "path" && this.__currentElement.setAttribute("paint-order", "fill stroke markers"), this.__applyCurrentDefaultPath(), this.__applyStyleToCurrentElement("stroke");
     }, i.prototype.fill = function() {
       this.__currentElement.nodeName === "path" && this.__currentElement.setAttribute("paint-order", "stroke fill markers"), this.__applyCurrentDefaultPath(), this.__applyStyleToCurrentElement("fill");
-    }, i.prototype.rect = function(l, d, c, m) {
-      this.__currentElement.nodeName !== "path" && this.beginPath(), this.moveTo(l, d), this.lineTo(l + c, d), this.lineTo(l + c, d + m), this.lineTo(l, d + m), this.lineTo(l, d), this.closePath();
-    }, i.prototype.fillRect = function(l, d, c, m) {
-      var w, y;
-      w = this.__createElement("rect", {
+    }, i.prototype.rect = function(l, d, c, u) {
+      this.__currentElement.nodeName !== "path" && this.beginPath(), this.moveTo(l, d), this.lineTo(l + c, d), this.lineTo(l + c, d + u), this.lineTo(l, d + u), this.lineTo(l, d), this.closePath();
+    }, i.prototype.fillRect = function(l, d, c, u) {
+      var g, y;
+      g = this.__createElement("rect", {
         x: l,
         y: d,
         width: c,
-        height: m
-      }, !0), y = this.__closestGroupOrSvg(), y.appendChild(w), this.__currentElement = w, this.__applyStyleToCurrentElement("fill");
-    }, i.prototype.strokeRect = function(l, d, c, m) {
-      var w, y;
-      w = this.__createElement("rect", {
+        height: u
+      }, !0), y = this.__closestGroupOrSvg(), y.appendChild(g), this.__currentElement = g, this.__applyStyleToCurrentElement("fill");
+    }, i.prototype.strokeRect = function(l, d, c, u) {
+      var g, y;
+      g = this.__createElement("rect", {
         x: l,
         y: d,
         width: c,
-        height: m
-      }, !0), y = this.__closestGroupOrSvg(), y.appendChild(w), this.__currentElement = w, this.__applyStyleToCurrentElement("stroke");
-    }, i.prototype.clearRect = function(l, d, c, m) {
-      var w, y = this.__closestGroupOrSvg();
-      w = this.__createElement("rect", {
+        height: u
+      }, !0), y = this.__closestGroupOrSvg(), y.appendChild(g), this.__currentElement = g, this.__applyStyleToCurrentElement("stroke");
+    }, i.prototype.clearRect = function(l, d, c, u) {
+      var g, y = this.__closestGroupOrSvg();
+      g = this.__createElement("rect", {
         x: l,
         y: d,
         width: c,
-        height: m,
+        height: u,
         fill: "#FFFFFF"
-      }, !0), y.appendChild(w);
-    }, i.prototype.createLinearGradient = function(l, d, c, m) {
-      var w = this.__createElement("linearGradient", {
+      }, !0), y.appendChild(g);
+    }, i.prototype.createLinearGradient = function(l, d, c, u) {
+      var g = this.__createElement("linearGradient", {
         id: o(this.__ids),
         x1: l + "px",
         x2: c + "px",
         y1: d + "px",
-        y2: m + "px",
+        y2: u + "px",
         gradientUnits: "userSpaceOnUse"
       }, !1);
-      return this.__defs.appendChild(w), new r(w, this);
-    }, i.prototype.createRadialGradient = function(l, d, c, m, w, y) {
+      return this.__defs.appendChild(g), new r(g, this);
+    }, i.prototype.createRadialGradient = function(l, d, c, u, g, y) {
       var M = this.__createElement("radialGradient", {
         id: o(this.__ids),
-        cx: m + "px",
-        cy: w + "px",
+        cx: u + "px",
+        cy: g + "px",
         r: y + "px",
         fx: l + "px",
         fy: d + "px",
@@ -444,63 +444,63 @@ var sn = { exports: {} };
         return c.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", l.href), c.appendChild(d), c;
       }
       return d;
-    }, i.prototype.__applyText = function(l, d, c, m) {
-      var w = this.__parseFont(), y = this.__closestGroupOrSvg(), M = this.__createElement("text", {
-        "font-family": w.family,
-        "font-size": w.size,
-        "font-style": w.style,
-        "font-weight": w.weight,
-        "text-decoration": w.decoration,
+    }, i.prototype.__applyText = function(l, d, c, u) {
+      var g = this.__parseFont(), y = this.__closestGroupOrSvg(), M = this.__createElement("text", {
+        "font-family": g.family,
+        "font-size": g.size,
+        "font-style": g.style,
+        "font-weight": g.weight,
+        "text-decoration": g.decoration,
         x: d,
         y: c,
-        "text-anchor": g(this.textAlign),
+        "text-anchor": w(this.textAlign),
         "dominant-baseline": v(this.textBaseline)
       }, !0);
-      M.appendChild(this.__document.createTextNode(l)), this.__currentElement = M, this.__applyStyleToCurrentElement(m), y.appendChild(this.__wrapTextLink(w, M));
+      M.appendChild(this.__document.createTextNode(l)), this.__currentElement = M, this.__applyStyleToCurrentElement(u), y.appendChild(this.__wrapTextLink(g, M));
     }, i.prototype.fillText = function(l, d, c) {
       this.__applyText(l, d, c, "fill");
     }, i.prototype.strokeText = function(l, d, c) {
       this.__applyText(l, d, c, "stroke");
     }, i.prototype.measureText = function(l) {
       return this.__ctx.font = this.font, this.__ctx.measureText(l);
-    }, i.prototype.arc = function(l, d, c, m, w, y) {
-      if (m !== w) {
-        m = m % (2 * Math.PI), w = w % (2 * Math.PI), m === w && (w = (w + 2 * Math.PI - 1e-3 * (y ? -1 : 1)) % (2 * Math.PI));
-        var M = l + c * Math.cos(w), S = d + c * Math.sin(w), _ = l + c * Math.cos(m), E = d + c * Math.sin(m), D = y ? 0 : 1, I = 0, V = w - m;
+    }, i.prototype.arc = function(l, d, c, u, g, y) {
+      if (u !== g) {
+        u = u % (2 * Math.PI), g = g % (2 * Math.PI), u === g && (g = (g + 2 * Math.PI - 1e-3 * (y ? -1 : 1)) % (2 * Math.PI));
+        var M = l + c * Math.cos(g), S = d + c * Math.sin(g), _ = l + c * Math.cos(u), E = d + c * Math.sin(u), D = y ? 0 : 1, I = 0, V = g - u;
         V < 0 && (V += 2 * Math.PI), y ? I = V > Math.PI ? 0 : 1 : I = V > Math.PI ? 1 : 0, this.lineTo(_, E), this.__addPathCommand(a(
           "A {rx} {ry} {xAxisRotation} {largeArcFlag} {sweepFlag} {endX} {endY}",
           { rx: c, ry: c, xAxisRotation: 0, largeArcFlag: I, sweepFlag: D, endX: M, endY: S }
         )), this.__currentPosition = { x: M, y: S };
       }
     }, i.prototype.clip = function() {
-      var l = this.__closestGroupOrSvg(), d = this.__createElement("clipPath"), c = o(this.__ids), m = this.__createElement("g");
-      l.removeChild(this.__currentElement), d.setAttribute("id", c), d.appendChild(this.__currentElement), this.__defs.appendChild(d), l.setAttribute("clip-path", a("url(#{id})", { id: c })), l.appendChild(m), this.__currentElement = m;
+      var l = this.__closestGroupOrSvg(), d = this.__createElement("clipPath"), c = o(this.__ids), u = this.__createElement("g");
+      l.removeChild(this.__currentElement), d.setAttribute("id", c), d.appendChild(this.__currentElement), this.__defs.appendChild(d), l.setAttribute("clip-path", a("url(#{id})", { id: c })), l.appendChild(u), this.__currentElement = u;
     }, i.prototype.drawImage = function() {
-      var l = Array.prototype.slice.call(arguments), d = l[0], c, m, w, y, M = 0, S = 0, _, E, D, I, V, N, Y, q, H, lt, J;
+      var l = Array.prototype.slice.call(arguments), d = l[0], c, u, g, y, M = 0, S = 0, _, E, D, I, V, N, Y, q, H, lt, J;
       if (l.length === 3)
-        c = l[1], m = l[2], _ = d.width, E = d.height, w = _, y = E;
+        c = l[1], u = l[2], _ = d.width, E = d.height, g = _, y = E;
       else if (l.length === 5)
-        c = l[1], m = l[2], w = l[3], y = l[4], _ = d.width, E = d.height;
+        c = l[1], u = l[2], g = l[3], y = l[4], _ = d.width, E = d.height;
       else if (l.length === 9)
-        M = l[1], S = l[2], _ = l[3], E = l[4], c = l[5], m = l[6], w = l[7], y = l[8];
+        M = l[1], S = l[2], _ = l[3], E = l[4], c = l[5], u = l[6], g = l[7], y = l[8];
       else
         throw new Error("Inavlid number of arguments passed to drawImage: " + arguments.length);
       if (D = this.__closestGroupOrSvg(), Y = this.__currentElement, d instanceof i) {
         for (I = d.getSvg(), V = I.childNodes[0]; V.childNodes.length; )
           J = V.childNodes[0].getAttribute("id"), this.__ids[J] = J, this.__defs.appendChild(V.childNodes[0]);
-        N = I.childNodes[1], D.appendChild(N), this.__currentElement = N, this.translate(c, m), this.__currentElement = Y;
-      } else (d.nodeName === "CANVAS" || d.nodeName === "IMG") && (q = this.__createElement("image"), q.setAttribute("width", w), q.setAttribute("height", y), q.setAttribute("preserveAspectRatio", "none"), (M || S || _ !== d.width || E !== d.height) && (H = this.__document.createElement("canvas"), H.width = w, H.height = y, lt = H.getContext("2d"), lt.drawImage(d, M, S, _, E, 0, 0, w, y), d = H), q.setAttributeNS(
+        N = I.childNodes[1], D.appendChild(N), this.__currentElement = N, this.translate(c, u), this.__currentElement = Y;
+      } else (d.nodeName === "CANVAS" || d.nodeName === "IMG") && (q = this.__createElement("image"), q.setAttribute("width", g), q.setAttribute("height", y), q.setAttribute("preserveAspectRatio", "none"), (M || S || _ !== d.width || E !== d.height) && (H = this.__document.createElement("canvas"), H.width = g, H.height = y, lt = H.getContext("2d"), lt.drawImage(d, M, S, _, E, 0, 0, g, y), d = H), q.setAttributeNS(
         "http://www.w3.org/1999/xlink",
         "xlink:href",
         d.nodeName === "CANVAS" ? d.toDataURL() : d.getAttribute("src")
-      ), D.appendChild(q), this.__currentElement = q, this.translate(c, m), this.__currentElement = Y);
+      ), D.appendChild(q), this.__currentElement = q, this.translate(c, u), this.__currentElement = Y);
     }, i.prototype.createPattern = function(l, d) {
-      var c = this.__document.createElementNS("http://www.w3.org/2000/svg", "pattern"), m = o(this.__ids), w;
-      return c.setAttribute("id", m), c.setAttribute("width", l.width), c.setAttribute("height", l.height), l.nodeName === "CANVAS" || l.nodeName === "IMG" ? (w = this.__document.createElementNS("http://www.w3.org/2000/svg", "image"), w.setAttribute("width", l.width), w.setAttribute("height", l.height), w.setAttributeNS(
+      var c = this.__document.createElementNS("http://www.w3.org/2000/svg", "pattern"), u = o(this.__ids), g;
+      return c.setAttribute("id", u), c.setAttribute("width", l.width), c.setAttribute("height", l.height), l.nodeName === "CANVAS" || l.nodeName === "IMG" ? (g = this.__document.createElementNS("http://www.w3.org/2000/svg", "image"), g.setAttribute("width", l.width), g.setAttribute("height", l.height), g.setAttributeNS(
         "http://www.w3.org/1999/xlink",
         "xlink:href",
         l.nodeName === "CANVAS" ? l.toDataURL() : l.getAttribute("src")
-      ), c.appendChild(w), this.__defs.appendChild(c)) : l instanceof i && (c.appendChild(l.__root.childNodes[1]), this.__defs.appendChild(c)), new n(c, this);
+      ), c.appendChild(g), this.__defs.appendChild(c)) : l instanceof i && (c.appendChild(l.__root.childNodes[1]), this.__defs.appendChild(c)), new n(c, this);
     }, i.prototype.drawFocusRing = function() {
     }, i.prototype.createImageData = function() {
     }, i.prototype.getImageData = function() {
@@ -509,14 +509,14 @@ var sn = { exports: {} };
     }, i.prototype.setTransform = function() {
     }, typeof window == "object" && (window.C2S = i), t.exports = i;
   })();
-})(sn);
-var ps = sn.exports;
-const yt = /* @__PURE__ */ cs(ps), fs = Math.PI * 2;
-let us = 0;
-function ms() {
-  return `p5ExportPattern_${++us}`;
+})(an);
+var fs = an.exports;
+const yt = /* @__PURE__ */ ps(fs), us = Math.PI * 2;
+let ms = 0;
+function gs() {
+  return `p5ExportPattern_${++ms}`;
 }
-function gs(t) {
+function ws(t) {
   const e = t._patternControler, i = e && Array.isArray(e.colors) ? e.colors : null;
   if (!i || i.length === 0) return "#888888";
   const r = i[i.length - 1];
@@ -528,18 +528,18 @@ function xe(t, e, i, r, n) {
 function Vr(t) {
   return t._renderer && t._renderer.states && t._renderer.states.rectMode || "corner";
 }
-function Fi(t) {
+function Di(t) {
   return t._renderer && t._renderer.states && t._renderer.states.ellipseMode || "center";
 }
-function ws(t, e, i) {
+function vs(t, e, i) {
   const r = t._p5ExportSVGRecorder;
   r && r.ops.push([3, e, i]);
 }
-function vs(t, e) {
+function ys(t, e) {
   const i = t._p5ExportSVGRecorder;
   i && i.ops.push([2, "beginRaster", e]);
 }
-function ys(t) {
+function bs(t) {
   const e = t._p5ExportSVGRecorder;
   e && e.ops.push([2, "endRaster"]);
 }
@@ -549,22 +549,22 @@ function zt(t, e, i) {
     let s, a;
     try {
       if (a = i(this, n), a) {
-        s = ms();
-        const f = gs(this);
-        ws(this, a.kind, { ...a, color: f, patternId: s });
+        s = gs();
+        const p = ws(this);
+        vs(this, a.kind, { ...a, color: p, patternId: s });
       }
     } catch {
     }
     const o = !!this._p5ExportSVGRecorder && !!s && !!a;
-    o && vs(this, { bbox: a, patternId: s });
+    o && ys(this, { bbox: a, patternId: s });
     try {
       return r.apply(this, n);
     } finally {
-      o && ys(this);
+      o && bs(this);
     }
   }, t[e].__p5ExportWrapped = !0);
 }
-const bs = [
+const _s = [
   "rectPattern",
   "squarePattern",
   "ellipsePattern",
@@ -602,37 +602,37 @@ function Lr(t, e) {
     ...xe(a[0], a[1], a[2], a[2], Vr(s))
   })), zt(i, "ellipsePattern", (s, a) => ({
     kind: "ellipse",
-    ...xe(a[0], a[1], a[2], a[3], Fi(s))
+    ...xe(a[0], a[1], a[2], a[3], Di(s))
   })), zt(i, "circlePattern", (s, a) => ({
     kind: "ellipse",
-    ...xe(a[0], a[1], a[2], a[2], Fi(s))
+    ...xe(a[0], a[1], a[2], a[2], Di(s))
   })), zt(i, "arcPattern", (s, a) => ({
     kind: "ellipse",
-    ...xe(a[0], a[1], a[2], a[3], Fi(s))
+    ...xe(a[0], a[1], a[2], a[3], Di(s))
   })), zt(i, "trianglePattern", (s, a) => {
-    const o = [a[0], a[2], a[4]], f = [a[1], a[3], a[5]], g = Math.min(...o), v = Math.max(...o), u = Math.min(...f), l = Math.max(...f);
+    const o = [a[0], a[2], a[4]], p = [a[1], a[3], a[5]], w = Math.min(...o), v = Math.max(...o), m = Math.min(...p), l = Math.max(...p);
     return {
       kind: "polygon",
       points: [[a[0], a[1]], [a[2], a[3]], [a[4], a[5]]],
-      x: g,
-      y: u,
-      w: v - g,
-      h: l - u
+      x: w,
+      y: m,
+      w: v - w,
+      h: l - m
     };
   }), zt(i, "quadPattern", (s, a) => {
-    const o = [a[0], a[2], a[4], a[6]], f = [a[1], a[3], a[5], a[7]], g = Math.min(...o), v = Math.max(...o), u = Math.min(...f), l = Math.max(...f);
+    const o = [a[0], a[2], a[4], a[6]], p = [a[1], a[3], a[5], a[7]], w = Math.min(...o), v = Math.max(...o), m = Math.min(...p), l = Math.max(...p);
     return {
       kind: "polygon",
       points: [[a[0], a[1]], [a[2], a[3]], [a[4], a[5]], [a[6], a[7]]],
-      x: g,
-      y: u,
-      w: v - g,
-      h: l - u
+      x: w,
+      y: m,
+      w: v - w,
+      h: l - m
     };
   }));
   const n = e && e._isGlobal && e || typeof window < "u" && window.p5 && window.p5.instance || null;
   if (n && n._isGlobal && typeof window < "u")
-    for (const s of bs) {
+    for (const s of _s) {
       const a = i[s];
       if (typeof a == "function")
         try {
@@ -643,7 +643,7 @@ function Lr(t, e) {
             get() {
               return o;
             },
-            set(f) {
+            set(p) {
             }
           });
         } catch {
@@ -651,17 +651,17 @@ function Lr(t, e) {
     }
   return !0;
 }
-const an = "p5ExportSharedRaster";
-function _s(t, e, i, r) {
+const on = "p5ExportSharedRaster";
+function xs(t, e, i, r) {
   if (!i || !t) return;
   const n = t.fillStyle;
-  i.patternId ? t.fillStyle = `url(#${i.patternId})` : t.fillStyle = `url(#${an})`;
+  i.patternId ? t.fillStyle = `url(#${i.patternId})` : t.fillStyle = `url(#${on})`;
   try {
     if (e === "rect")
       t.beginPath(), t.rect(i.x, i.y, i.w, i.h), t.fill();
     else if (e === "ellipse") {
-      const s = i.w / 2, a = i.h / 2, o = i.x + s, f = i.y + a;
-      t.beginPath(), t.ellipse(o, f, s, a, 0, 0, fs), t.fill();
+      const s = i.w / 2, a = i.h / 2, o = i.x + s, p = i.y + a;
+      t.beginPath(), t.ellipse(o, p, s, a, 0, 0, us), t.fill();
     } else if (e === "polygon") {
       const s = i.points || [];
       if (s.length >= 2) {
@@ -675,43 +675,43 @@ function _s(t, e, i, r) {
   }
 }
 let Gr = !1;
-function xs() {
+function Ss() {
   if (Gr) return;
-  Gr = !0, yt.prototype.setTransform = function(r, n, s, a, o, f) {
-    const v = this.__groupStack && this.__groupStack.length > 0 ? this.__closestGroupOrSvg() : this.__root, u = this.__createElement("g");
-    v.appendChild(u), this.__currentElement = u, r === 1 && n === 0 && s === 0 && a === 1 && o === 0 && f === 0 || this.__currentElement.setAttribute("transform", `matrix(${r},${n},${s},${a},${o},${f})`);
+  Gr = !0, yt.prototype.setTransform = function(r, n, s, a, o, p) {
+    const v = this.__groupStack && this.__groupStack.length > 0 ? this.__closestGroupOrSvg() : this.__root, m = this.__createElement("g");
+    v.appendChild(m), this.__currentElement = m, r === 1 && n === 0 && s === 0 && a === 1 && o === 0 && p === 0 || this.__currentElement.setAttribute("transform", `matrix(${r},${n},${s},${a},${o},${p})`);
   }, yt.prototype.resetTransform = function() {
     this.setTransform(1, 0, 0, 1, 0, 0);
-  }, yt.prototype.ellipse = function(r, n, s, a, o, f, g, v) {
-    if (f === g) return;
+  }, yt.prototype.ellipse = function(r, n, s, a, o, p, w, v) {
+    if (p === w) return;
     o = o || 0;
-    const u = Math.PI * 2, l = Math.abs(g - f) >= u - 1e-10;
-    f = f % u, g = g % u;
-    const d = Math.cos(o), c = Math.sin(o), m = (D) => {
+    const m = Math.PI * 2, l = Math.abs(w - p) >= m - 1e-10;
+    p = p % m, w = w % m;
+    const d = Math.cos(o), c = Math.sin(o), u = (D) => {
       const I = s * Math.cos(D), V = a * Math.sin(D);
       return { x: r + I * d - V * c, y: n + I * c + V * d };
-    }, w = m(f), y = v ? 0 : 1, M = o * 180 / Math.PI;
-    if (this.lineTo(w.x, w.y), l) {
-      const D = m(f + (v ? -Math.PI : Math.PI));
+    }, g = u(p), y = v ? 0 : 1, M = o * 180 / Math.PI;
+    if (this.lineTo(g.x, g.y), l) {
+      const D = u(p + (v ? -Math.PI : Math.PI));
       this.__addPathCommand(
         "A " + s + " " + a + " " + M + " 0 " + y + " " + D.x + " " + D.y
       ), this.__addPathCommand(
-        "A " + s + " " + a + " " + M + " 0 " + y + " " + w.x + " " + w.y
-      ), this.__currentPosition = { x: w.x, y: w.y };
+        "A " + s + " " + a + " " + M + " 0 " + y + " " + g.x + " " + g.y
+      ), this.__currentPosition = { x: g.x, y: g.y };
       return;
     }
-    const S = m(g);
-    let _ = g - f;
-    _ < 0 && (_ += u);
+    const S = u(w);
+    let _ = w - p;
+    _ < 0 && (_ += m);
     const E = v ? _ > Math.PI ? 0 : 1 : _ > Math.PI ? 1 : 0;
     this.__addPathCommand(
       "A " + s + " " + a + " " + M + " " + E + " " + y + " " + S.x + " " + S.y
     ), this.__currentPosition = { x: S.x, y: S.y };
   }, typeof yt.prototype.roundRect != "function" && (yt.prototype.roundRect = function(r, n, s, a, o) {
-    let f, g, v, u;
-    typeof o == "number" ? f = g = v = u = o : Array.isArray(o) ? o.length === 1 ? f = g = v = u = o[0] : o.length === 2 ? (f = v = o[0], g = u = o[1]) : [f, g, v, u] = [o[0], o[1], o[2], o[3] ?? o[1]] : f = g = v = u = 0;
+    let p, w, v, m;
+    typeof o == "number" ? p = w = v = m = o : Array.isArray(o) ? o.length === 1 ? p = w = v = m = o[0] : o.length === 2 ? (p = v = o[0], w = m = o[1]) : [p, w, v, m] = [o[0], o[1], o[2], o[3] ?? o[1]] : p = w = v = m = 0;
     const l = Math.min(Math.abs(s), Math.abs(a)) / 2;
-    f = Math.min(f, l), g = Math.min(g, l), v = Math.min(v, l), u = Math.min(u, l), this.moveTo(r + f, n), this.lineTo(r + s - g, n), this.ellipse(r + s - g, n + g, g, g, 0, -Math.PI / 2, 0), this.lineTo(r + s, n + a - v), this.ellipse(r + s - v, n + a - v, v, v, 0, 0, Math.PI / 2), this.lineTo(r + u, n + a), this.ellipse(r + u, n + a - u, u, u, 0, Math.PI / 2, Math.PI), this.lineTo(r, n + f), this.ellipse(r + f, n + f, f, f, 0, Math.PI, Math.PI * 1.5);
+    p = Math.min(p, l), w = Math.min(w, l), v = Math.min(v, l), m = Math.min(m, l), this.moveTo(r + p, n), this.lineTo(r + s - w, n), this.ellipse(r + s - w, n + w, w, w, 0, -Math.PI / 2, 0), this.lineTo(r + s, n + a - v), this.ellipse(r + s - v, n + a - v, v, v, 0, 0, Math.PI / 2), this.lineTo(r + m, n + a), this.ellipse(r + m, n + a - m, m, m, 0, Math.PI / 2, Math.PI), this.lineTo(r, n + p), this.ellipse(r + p, n + p, p, p, 0, Math.PI, Math.PI * 1.5);
   }), delete yt.prototype.globalCompositeOperation;
   const t = yt.prototype.__applyStyleToCurrentElement, e = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i, i = (r) => {
     if (typeof r != "string") return r;
@@ -730,9 +730,9 @@ function xs() {
     }
   };
 }
-const Ss = 60, te = /* @__PURE__ */ new WeakMap();
+const Cs = 60, te = /* @__PURE__ */ new WeakMap();
 let Nr = !1;
-function Cs() {
+function Es() {
   if (Nr || typeof Path2D > "u") return;
   Nr = !0;
   const t = Path2D.prototype, e = [
@@ -752,7 +752,7 @@ function Cs() {
     if (typeof n != "function" || n.__p5ExportWrapped) continue;
     const s = function(...a) {
       let o = te.get(this);
-      return o || (o = [], te.set(this, o)), o.push([r, a.map((f) => Array.isArray(f) ? f.slice() : f)]), n.apply(this, a);
+      return o || (o = [], te.set(this, o)), o.push([r, a.map((p) => Array.isArray(p) ? p.slice() : p)]), n.apply(this, a);
     };
     s.__p5ExportWrapped = !0;
     try {
@@ -767,8 +767,8 @@ function Cs() {
       if (a && a.length) {
         let o = te.get(this);
         o || (o = [], te.set(this, o));
-        const f = s ? [s.a, s.b, s.c, s.d, s.e, s.f] : null;
-        o.push(["addPath", a.map(([g, v]) => [g, v.slice()]), f]);
+        const p = s ? [s.a, s.b, s.c, s.d, s.e, s.f] : null;
+        o.push(["addPath", a.map(([w, v]) => [w, v.slice()]), p]);
       }
       return i.apply(this, arguments);
     };
@@ -779,14 +779,14 @@ function Cs() {
     }
   }
 }
-function Es(t) {
+function ks(t) {
   if (!t || typeof t != "object") return null;
   const e = te.get(t);
   return e ? {
     __p5ExportPath2D: e.map((i) => i[0] === "addPath" ? ["addPath", i[1].map(([r, n]) => [r, n.slice()]), i[2] && i[2].slice()] : [i[0], i[1].map((r) => Array.isArray(r) ? r.slice() : r)])
   } : null;
 }
-function ks(t, e) {
+function Ts(t, e) {
   const i = e && e.__p5ExportPath2D;
   if (!i) return !1;
   t.beginPath();
@@ -803,7 +803,7 @@ function ks(t, e) {
   };
   return r(i), !0;
 }
-const on = /* @__PURE__ */ new Set([
+const ln = /* @__PURE__ */ new Set([
   "fillStyle",
   "strokeStyle",
   "lineWidth",
@@ -819,16 +819,16 @@ const on = /* @__PURE__ */ new Set([
   "shadowOffsetX",
   "shadowOffsetY"
 ]);
-let Ts = 0;
-const ln = /* @__PURE__ */ new Map();
-function As() {
-  return `p5ExportGrad_${++Ts}`;
+let As = 0;
+const hn = /* @__PURE__ */ new Map();
+function Ms() {
+  return `p5ExportGrad_${++As}`;
 }
-function Ms(t) {
+function Ps(t) {
   const e = [], i = [0], r = {
     proxy: null,
     ops: e,
-    maxFrames: Ss,
+    maxFrames: Cs,
     paused: !1,
     // null = inherit from window.p5ExportConfig.svgTextOutlines; set via
     // fn.setSVGTextMode(). When true, saveSVG converts text to vector paths.
@@ -854,62 +854,62 @@ function Ms(t) {
         if (a > 0) {
           const o = {};
           for (let v = 0; v < a; v++) {
-            const u = e[v];
-            u[0] === 1 && on.has(u[1]) && (o[u[1]] = u[2]);
+            const m = e[v];
+            m[0] === 1 && ln.has(m[1]) && (o[m[1]] = m[2]);
           }
           e.splice(0, a);
-          const f = [];
-          for (const v in o) f.push([1, v, o[v]]);
-          f.length && e.unshift(...f);
-          const g = f.length - a;
-          for (let v = 1; v < i.length; v++) i[v] += g;
+          const p = [];
+          for (const v in o) p.push([1, v, o[v]]);
+          p.length && e.unshift(...p);
+          const w = p.length - a;
+          for (let v = 1; v < i.length; v++) i[v] += w;
         }
         i.shift();
       }
     }
-  }, n = /* @__PURE__ */ new Set(["createLinearGradient", "createRadialGradient", "createConicGradient"]), s = (a, o, f) => {
+  }, n = /* @__PURE__ */ new Set(["createLinearGradient", "createRadialGradient", "createConicGradient"]), s = (a, o, p) => {
     if (!a) return a;
-    const g = As(), v = { id: g, kind: o, args: Array.from(f), stops: [] };
-    ln.set(g, v);
+    const w = Ms(), v = { id: w, kind: o, args: Array.from(p), stops: [] };
+    hn.set(w, v);
     try {
-      a.__p5ExportGradId = g;
+      a.__p5ExportGradId = w;
     } catch {
     }
     return new Proxy(a, {
-      get(u, l) {
-        if (l === "__p5ExportRealGrad") return u;
-        if (l === "addColorStop" && typeof u[l] == "function")
-          return function(c, m) {
-            return v.stops.push({ offset: c, color: m }), u[l].call(u, c, m);
+      get(m, l) {
+        if (l === "__p5ExportRealGrad") return m;
+        if (l === "addColorStop" && typeof m[l] == "function")
+          return function(c, u) {
+            return v.stops.push({ offset: c, color: u }), m[l].call(m, c, u);
           };
-        const d = u[l];
-        return typeof d == "function" ? d.bind(u) : d;
+        const d = m[l];
+        return typeof d == "function" ? d.bind(m) : d;
       }
     });
   };
   return r.proxy = new Proxy(t, {
     get(a, o) {
-      const f = a[o];
-      return typeof f == "function" ? function(...g) {
+      const p = a[o];
+      return typeof p == "function" ? function(...w) {
         if (!r.paused) {
-          const u = g.map((l) => Es(l) || l);
-          e.push([0, o, u]);
+          const m = w.map((l) => ks(l) || l);
+          e.push([0, o, m]);
         }
-        const v = f.apply(a, g);
-        return n.has(o) ? s(v, o, g) : v;
-      } : f;
+        const v = p.apply(a, w);
+        return n.has(o) ? s(v, o, w) : v;
+      } : p;
     },
-    set(a, o, f) {
-      if ((o === "fillStyle" || o === "strokeStyle") && f && typeof f == "object") {
-        const g = f.__p5ExportGradId;
-        r.paused || e.push([1, o, g ? { __p5ExportGradId: g } : f]), a[o] = f.__p5ExportRealGrad || f;
+    set(a, o, p) {
+      if ((o === "fillStyle" || o === "strokeStyle") && p && typeof p == "object") {
+        const w = p.__p5ExportGradId;
+        r.paused || e.push([1, o, w ? { __p5ExportGradId: w } : p]), a[o] = p.__p5ExportRealGrad || p;
       } else
-        r.paused || e.push([1, o, f]), a[o] = f;
+        r.paused || e.push([1, o, p]), a[o] = p;
       return !0;
     }
   }), r;
 }
-function Ps(t) {
+function Is(t) {
   return !!(t && typeof t.fillRect == "function");
 }
 function $r(t) {
@@ -917,40 +917,40 @@ function $r(t) {
   const e = t._renderer;
   if (!e) return;
   const i = e.drawingContext;
-  if (!Ps(i)) return;
-  const r = Ms(i), n = typeof window < "u" && window.p5ExportConfig || {};
+  if (!Is(i)) return;
+  const r = Ps(i), n = typeof window < "u" && window.p5ExportConfig || {};
   typeof n.svgMaxFrames == "number" && (r.maxFrames = n.svgMaxFrames > 0 ? n.svgMaxFrames : 1 / 0), t._p5ExportSVGRecorder = r;
   const s = { value: r.proxy, configurable: !0, writable: !0, enumerable: !0 };
   Object.defineProperty(e, "drawingContext", s), Object.defineProperty(t, "drawingContext", s);
 }
-function mi(t) {
+function gi(t) {
   if (typeof t != "string") return t;
   const e = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(t);
   if (!e) return t;
   const i = parseInt(e[4], 16) / 255;
   return `rgba(${parseInt(e[1], 16)},${parseInt(e[2], 16)},${parseInt(e[3], 16)},${i})`;
 }
-function Is(t) {
+function Rs(t) {
   if (typeof t != "string") return !0;
   let e = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(t);
   return e ? parseInt(e[4], 16) === 255 : (e = /^rgba\(\s*[^,]+,\s*[^,]+,\s*[^,]+,\s*([\d.]+)\s*\)$/i.exec(t), e ? parseFloat(e[1]) >= 1 : (e = /^#[0-9a-f]{3}([0-9a-f])$/i.exec(t), e ? parseInt(e[1], 16) === 15 : !0));
 }
-function hn(t, e, i) {
+function dn(t, e, i) {
   let r = -1, n = "#000000";
   const s = 0.5;
   let a = !1;
   for (let o = 0; o < t.length; o++) {
-    const f = t[o];
-    if (f[0] === 2) {
-      f[1] === "beginRaster" ? a = !0 : f[1] === "endRaster" && (a = !1);
+    const p = t[o];
+    if (p[0] === 2) {
+      p[1] === "beginRaster" ? a = !0 : p[1] === "endRaster" && (a = !1);
       continue;
     }
     if (!a) {
-      if (f[0] === 1 && f[1] === "fillStyle")
-        n = f[2];
-      else if (f[0] === 0 && (f[1] === "fillRect" || f[1] === "clearRect")) {
-        const g = f[2], v = g[0], u = g[1], l = g[2], d = g[3];
-        Math.abs(v) <= s && Math.abs(u) <= s && Math.abs(l - e) <= s && Math.abs(d - i) <= s && (f[1] === "clearRect" || Is(n)) && (r = o);
+      if (p[0] === 1 && p[1] === "fillStyle")
+        n = p[2];
+      else if (p[0] === 0 && (p[1] === "fillRect" || p[1] === "clearRect")) {
+        const w = p[2], v = w[0], m = w[1], l = w[2], d = w[3];
+        Math.abs(v) <= s && Math.abs(m) <= s && Math.abs(l - e) <= s && Math.abs(d - i) <= s && (p[1] === "clearRect" || Rs(n)) && (r = o);
       }
     }
   }
@@ -963,7 +963,7 @@ function jr(t, e) {
   const r = typeof window < "u" && window.p5ExportConfig || {};
   return typeof r.svgTextOutlines == "boolean" ? r.svgTextOutlines : !0;
 }
-function Rs(t, e, i, r) {
+function Bs(t, e, i, r) {
   const n = i && i.font;
   if (!n || typeof n.textToPaths != "function" || !n.data) return !1;
   const s = e._renderer;
@@ -985,43 +985,43 @@ function Rs(t, e, i, r) {
   }
   if (!a || !a.length) return !0;
   t.save(), t.beginPath();
-  for (let f = 0; f < a.length; f++) {
-    const g = a[f];
-    switch (g[0]) {
+  for (let p = 0; p < a.length; p++) {
+    const w = a[p];
+    switch (w[0]) {
       case "M":
-        t.moveTo(g[1], g[2]);
+        t.moveTo(w[1], w[2]);
         break;
       case "L":
-        t.lineTo(g[1], g[2]);
+        t.lineTo(w[1], w[2]);
         break;
       case "C":
-        t.bezierCurveTo(g[1], g[2], g[3], g[4], g[5], g[6]);
+        t.bezierCurveTo(w[1], w[2], w[3], w[4], w[5], w[6]);
         break;
       case "Q":
-        t.quadraticCurveTo(g[1], g[2], g[3], g[4]);
+        t.quadraticCurveTo(w[1], w[2], w[3], w[4]);
         break;
       case "Z":
         t.closePath();
         break;
     }
   }
-  return i.fill && (t.fillStyle = mi(i.fill), t.fill()), i.hasStroke && i.stroke && (t.strokeStyle = mi(i.stroke), i.strokeWeight != null && (t.lineWidth = i.strokeWeight), t.stroke()), t.restore(), !0;
+  return i.fill && (t.fillStyle = gi(i.fill), t.fill()), i.hasStroke && i.stroke && (t.strokeStyle = gi(i.stroke), i.strokeWeight != null && (t.lineWidth = i.strokeWeight), t.stroke()), t.restore(), !0;
 }
 function Hr(t, e = {}) {
-  xs();
+  Ss();
   const i = !!e.outlineText, r = t._p5ExportSVGRecorder, n = t.width || 100, s = t.height || 100, a = new yt(n, s);
   if (a.setTransform(1, 0, 0, 1, 0, 0), !r) return a.getSerializedSvg();
-  let o = "#000000", f = "#000000";
-  const g = /* @__PURE__ */ new Set(), v = "http://www.w3.org/2000/svg", u = (G) => {
-    if (!G || g.has(G.id)) return !0;
+  let o = "#000000", p = "#000000";
+  const w = /* @__PURE__ */ new Set(), v = "http://www.w3.org/2000/svg", m = (G) => {
+    if (!G || w.has(G.id)) return !0;
     const k = a.__defs, U = a.__document;
     let b;
     if (G.kind === "createLinearGradient") {
       const [z, Q, dt, Mt] = G.args;
       b = U.createElementNS(v, "linearGradient"), b.setAttribute("gradientUnits", "userSpaceOnUse"), b.setAttribute("x1", String(z)), b.setAttribute("y1", String(Q)), b.setAttribute("x2", String(dt)), b.setAttribute("y2", String(Mt));
     } else if (G.kind === "createRadialGradient") {
-      const [z, Q, dt, Mt, be, Ri] = G.args;
-      b = U.createElementNS(v, "radialGradient"), b.setAttribute("gradientUnits", "userSpaceOnUse"), b.setAttribute("fx", String(z)), b.setAttribute("fy", String(Q)), b.setAttribute("fr", String(dt)), b.setAttribute("cx", String(Mt)), b.setAttribute("cy", String(be)), b.setAttribute("r", String(Ri));
+      const [z, Q, dt, Mt, be, Bi] = G.args;
+      b = U.createElementNS(v, "radialGradient"), b.setAttribute("gradientUnits", "userSpaceOnUse"), b.setAttribute("fx", String(z)), b.setAttribute("fy", String(Q)), b.setAttribute("fr", String(dt)), b.setAttribute("cx", String(Mt)), b.setAttribute("cy", String(be)), b.setAttribute("r", String(Bi));
     } else
       return !1;
     b.setAttribute("id", G.id);
@@ -1029,12 +1029,12 @@ function Hr(t, e = {}) {
       const Q = U.createElementNS(v, "stop");
       Q.setAttribute("offset", String(z.offset)), Q.setAttribute("stop-color", String(z.color)), b.appendChild(Q);
     }
-    return k.appendChild(b), g.add(G.id), !0;
-  }, l = typeof t.pixelDensity == "function" ? t.pixelDensity() : 1, d = 1 / l, c = r.ops.slice(), m = hn(c, n, s);
-  let w = 0;
-  if (m > 0) {
+    return k.appendChild(b), w.add(G.id), !0;
+  }, l = typeof t.pixelDensity == "function" ? t.pixelDensity() : 1, d = 1 / l, c = r.ops.slice(), u = dn(c, n, s);
+  let g = 0;
+  if (u > 0) {
     let G = 0, k = -1;
-    for (let b = m - 1; b >= 0; b--)
+    for (let b = u - 1; b >= 0; b--)
       if (c[b][0] === 0) {
         if (c[b][1] === "restore") G++;
         else if (c[b][1] === "save") {
@@ -1045,15 +1045,15 @@ function Hr(t, e = {}) {
           G--;
         }
       }
-    w = k >= 0 ? k : m;
+    g = k >= 0 ? k : u;
     const U = {};
-    for (let b = 0; b < w; b++) {
+    for (let b = 0; b < g; b++) {
       const z = c[b];
-      z[0] === 1 && on.has(z[1]) && (U[z[1]] = z[2]);
+      z[0] === 1 && ln.has(z[1]) && (U[z[1]] = z[2]);
     }
     for (const b in U) {
       const z = U[b];
-      b === "fillStyle" || b === "strokeStyle" ? typeof z == "string" ? (b === "fillStyle" ? o = z : f = z, a[b] = mi(z)) : a[b] = b === "fillStyle" ? o : f : a[b] = z;
+      b === "fillStyle" || b === "strokeStyle" ? typeof z == "string" ? (b === "fillStyle" ? o = z : p = z, a[b] = gi(z)) : a[b] = b === "fillStyle" ? o : p : a[b] = z;
     }
   }
   const y = At(t), M = y ? y.width : n * l, S = y ? y.height : s * l;
@@ -1075,15 +1075,15 @@ function Hr(t, e = {}) {
     } catch {
       return;
     }
-    const Ri = a.__defs, Pt = a.__document.createElementNS(Y, "pattern");
+    const Bi = a.__defs, Pt = a.__document.createElementNS(Y, "pattern");
     Pt.setAttribute("id", G.patternId), Pt.setAttribute("patternUnits", "userSpaceOnUse"), Pt.setAttribute("x", String(k.x)), Pt.setAttribute("y", String(k.y)), Pt.setAttribute("width", String(k.w)), Pt.setAttribute("height", String(k.h));
     const It = a.__document.createElementNS(Y, "image");
-    It.setAttribute("x", "0"), It.setAttribute("y", "0"), It.setAttribute("width", String(k.w)), It.setAttribute("height", String(k.h)), It.setAttributeNS(q, "xlink:href", be), It.setAttribute("href", be), It.setAttribute("preserveAspectRatio", "none"), Pt.appendChild(It), Ri.appendChild(Pt);
+    It.setAttribute("x", "0"), It.setAttribute("y", "0"), It.setAttribute("width", String(k.w)), It.setAttribute("height", String(k.h)), It.setAttributeNS(q, "xlink:href", be), It.setAttribute("href", be), It.setAttribute("preserveAspectRatio", "none"), Pt.appendChild(It), Bi.appendChild(Pt);
   }, Wt = () => {
     if (!(!I || !N))
       try {
         const G = I.toDataURL(), k = a.__defs, U = a.__document.createElementNS(Y, "pattern");
-        U.setAttribute("id", an), U.setAttribute("patternUnits", "userSpaceOnUse"), U.setAttribute("x", "0"), U.setAttribute("y", "0"), U.setAttribute("width", String(n)), U.setAttribute("height", String(s));
+        U.setAttribute("id", on), U.setAttribute("patternUnits", "userSpaceOnUse"), U.setAttribute("x", "0"), U.setAttribute("y", "0"), U.setAttribute("width", String(n)), U.setAttribute("height", String(s));
         const b = a.__document.createElementNS(Y, "image");
         b.setAttribute("x", "0"), b.setAttribute("y", "0"), b.setAttribute("width", String(n)), b.setAttribute("height", String(s)), b.setAttributeNS(q, "xlink:href", G), b.setAttribute("href", G), U.appendChild(b), k.appendChild(U);
         const z = a.__document.createElementNS(Y, "image");
@@ -1092,10 +1092,10 @@ function Hr(t, e = {}) {
       }
   };
   let ht = !1, rt = !1;
-  for (let G = w; G < c.length; G++) {
+  for (let G = g; G < c.length; G++) {
     const k = c[G];
     if (k[0] === 5) {
-      k[1] === "textStart" ? rt = i ? Rs(a, t, k[2], r) : !1 : k[1] === "textEnd" && (rt = !1);
+      k[1] === "textStart" ? rt = i ? Bs(a, t, k[2], r) : !1 : k[1] === "textEnd" && (rt = !1);
       continue;
     }
     if (rt) continue;
@@ -1108,7 +1108,7 @@ function Hr(t, e = {}) {
     }
     if (k[0] === 3) {
       try {
-        _s(a, k[1], k[2], !0);
+        xs(a, k[1], k[2], !0);
       } catch {
       }
       continue;
@@ -1121,7 +1121,7 @@ function Hr(t, e = {}) {
           const b = k[2];
           U === a ? U.setTransform(b[0] * d, b[1] * d, b[2] * d, b[3] * d, b[4] * d, b[5] * d) : U.setTransform(b[0], b[1], b[2], b[3], b[4], b[5]);
         } else if ((k[1] === "fill" || k[1] === "stroke" || k[1] === "clip") && k[2] && k[2][0] && k[2][0].__p5ExportPath2D) {
-          ks(U, k[2][0]);
+          Ts(U, k[2][0]);
           const b = U[k[1]];
           typeof b == "function" && b.apply(U, k[2].slice(1));
         } else {
@@ -1131,12 +1131,12 @@ function Hr(t, e = {}) {
       else if (k[1] === "fillStyle" || k[1] === "strokeStyle") {
         const b = k[2], z = k[1] === "fillStyle";
         if (typeof b == "string")
-          z ? o = b : f = b, U[k[1]] = U === a ? mi(b) : b;
+          z ? o = b : p = b, U[k[1]] = U === a ? gi(b) : b;
         else if (b && typeof b == "object" && b.__p5ExportGradId) {
-          const Q = ln.get(b.__p5ExportGradId);
-          U === a && u(Q) ? U[k[1]] = `url(#${Q.id})` : U === a && (U[k[1]] = z ? o : f);
+          const Q = hn.get(b.__p5ExportGradId);
+          U === a && m(Q) ? U[k[1]] = `url(#${Q.id})` : U === a && (U[k[1]] = z ? o : p);
         } else if (U === a)
-          U[k[1]] = z ? o : f;
+          U[k[1]] = z ? o : p;
         else
           try {
             U[k[1]] = b;
@@ -1160,17 +1160,17 @@ function Hr(t, e = {}) {
   }
   return D && J(D), Wt(), a.getSerializedSvg();
 }
-function Bs(t) {
+function Fs(t) {
   const e = t.toDataURL("image/png"), i = t.width, r = t.height;
   return `<svg xmlns="http://www.w3.org/2000/svg" width="${i}" height="${r}" viewBox="0 0 ${i} ${r}"><image href="${e}" width="${i}" height="${r}"/></svg>`;
 }
-function Fs(t, e, i) {
-  Cs(), e.saveSVG = function(s, a = {}) {
+function Ds(t, e, i) {
+  Es(), e.saveSVG = function(s, a = {}) {
     let o;
-    const f = !!this._p5ExportSVGRecorder, g = 2e6;
+    const p = !!this._p5ExportSVGRecorder, w = 2e6;
     let v = 0;
-    if (f) {
-      const c = this._p5ExportSVGRecorder.ops.slice(), m = this.width || 100, w = this.height || 100, y = hn(c, m, w);
+    if (p) {
+      const c = this._p5ExportSVGRecorder.ops.slice(), u = this.width || 100, g = this.height || 100, y = dn(c, u, g);
       let M = 0;
       if (y > 0) {
         let _ = 0;
@@ -1196,9 +1196,9 @@ function Fs(t, e, i) {
         E[0] !== 5 && (S || v++);
       }
     }
-    const u = f && !a.forceVector && v > g;
-    if (!a.raster && (!f || u) && !a.silent && typeof window < "u" && typeof window.confirm == "function") {
-      const c = u ? `This sketch produced ${v.toLocaleString()} vector ops — too many to render as vector SVG cleanly (viewers crash above ~250k paths).` : "This sketch's renderer (likely WEBGL) can't be captured as vector. SVG would only contain a single embedded PNG.";
+    const m = p && !a.forceVector && v > w;
+    if (!a.raster && (!p || m) && !a.silent && typeof window < "u" && typeof window.confirm == "function") {
+      const c = m ? `This sketch produced ${v.toLocaleString()} vector ops — too many to render as vector SVG cleanly (viewers crash above ~250k paths).` : "This sketch's renderer (likely WEBGL) can't be captured as vector. SVG would only contain a single embedded PNG.";
       if (!window.confirm(
         `[p5.export] SVG export problem
 
@@ -1214,10 +1214,10 @@ Tips:
       ))
         return console.info("[p5.export] saveSVG cancelled by user"), null;
     }
-    if (a.raster || !f || u) {
+    if (a.raster || !p || m) {
       const c = At(this);
       if (!c) throw new Error("[p5.export] saveSVG: no canvas found");
-      u ? console.warn(`[p5.export] saveSVG: ${v.toLocaleString()} vector ops — falling back to raster.`) : !f && !a.raster && console.info("[p5.export] saveSVG: WebGL renderer detected — embedding canvas as raster <image> in SVG."), o = Bs(c);
+      m ? console.warn(`[p5.export] saveSVG: ${v.toLocaleString()} vector ops — falling back to raster.`) : !p && !a.raster && console.info("[p5.export] saveSVG: WebGL renderer detected — embedding canvas as raster <image> in SVG."), o = Fs(c);
     } else
       o = Hr(this, { outlineText: jr(this, a) });
     const d = new Blob([o], { type: "image/svg+xml" });
@@ -1253,15 +1253,15 @@ Tips:
     return a;
   });
   const n = e.text;
-  if (typeof n == "function" && (e.text = function(s, a, o, f, g) {
-    const v = this._p5ExportSVGRecorder, u = this._renderer;
-    if (!v || !u || !u.states) return n.apply(this, arguments);
-    const l = u.states, d = l.textFont && l.textFont.font, c = {
+  if (typeof n == "function" && (e.text = function(s, a, o, p, w) {
+    const v = this._p5ExportSVGRecorder, m = this._renderer;
+    if (!v || !m || !m.states) return n.apply(this, arguments);
+    const l = m.states, d = l.textFont && l.textFont.font, c = {
       str: s,
       x: a,
       y: o,
-      w: f,
-      h: g,
+      w: p,
+      h: w,
       font: d,
       // p5.Font (outlineable) or a string
       textSize: l.textSize,
@@ -1275,13 +1275,13 @@ Tips:
       stroke: null
     };
     v.ops.push([5, "textStart", c]);
-    let m;
+    let u;
     try {
-      m = n.apply(this, arguments), c.fill = this.drawingContext.fillStyle, c.hasStroke && (c.stroke = this.drawingContext.strokeStyle);
+      u = n.apply(this, arguments), c.fill = this.drawingContext.fillStyle, c.hasStroke && (c.stroke = this.drawingContext.strokeStyle);
     } finally {
       v.ops.push([5, "textEnd"]);
     }
-    return m;
+    return u;
   }), i && typeof i == "object") {
     const s = i.presetup;
     i.presetup = function() {
@@ -1301,14 +1301,14 @@ Tips:
     };
   }
 }
-function Ds(t) {
+function Us(t) {
   return new Promise((e, i) => {
     const r = new FileReader();
     r.onload = () => e(r.result), r.onerror = i, r.readAsDataURL(t);
   });
 }
 let Qe = null;
-function Us() {
+function Ws() {
   return Qe || (Qe = (async () => {
     if (typeof window < "u") {
       if (window.jspdf && window.jspdf.jsPDF) return window.jspdf.jsPDF;
@@ -1324,24 +1324,24 @@ function Us() {
     );
   })(), Qe);
 }
-function Ws(t, e) {
+function zs(t, e) {
   e.savePDF = async function(i, r = {}) {
     const n = At(this);
     if (!n) throw new Error("[p5.export] savePDF: no canvas found");
-    const s = await Us(), a = (r.imageFormat || "png").toUpperCase(), o = a === "JPEG" ? "image/jpeg" : a === "WEBP" ? "image/webp" : "image/png", f = n.width, g = n.height, v = a === "JPEG" ? "jpg" : a === "WEBP" ? "webp" : "png", u = r.scale;
+    const s = await Ws(), a = (r.imageFormat || "png").toUpperCase(), o = a === "JPEG" ? "image/jpeg" : a === "WEBP" ? "image/webp" : "image/png", p = n.width, w = n.height, v = a === "JPEG" ? "jpg" : a === "WEBP" ? "webp" : "png", m = r.scale;
     let l;
-    if (!u || u <= 1 || u <= (this.pixelDensity ? this.pixelDensity() : 1))
+    if (!m || m <= 1 || m <= (this.pixelDensity ? this.pixelDensity() : 1))
       l = n.toDataURL(o, r.quality);
     else {
-      const V = await rn(this, u, v, r.quality);
-      V ? l = await Ds(V) : l = await nn(this, u, () => At(this).toDataURL(o, r.quality));
+      const V = await nn(this, m, v, r.quality);
+      V ? l = await Us(V) : l = await sn(this, m, () => At(this).toDataURL(o, r.quality));
     }
-    const d = r.unit || "pt", c = r.orientation || (f >= g ? "l" : "p"), m = r.format || [f, g], w = new s({ orientation: c, unit: d, format: m }), y = w.internal.pageSize.getWidth(), M = w.internal.pageSize.getHeight(), S = Math.min(y / f, M / g), _ = f * S, E = g * S, D = (y - _) / 2, I = (M - E) / 2;
-    return w.addImage(l, a, D, I, _, E), w.save(i ? Et(i, "pdf") : Ct("pdf")), w;
+    const d = r.unit || "pt", c = r.orientation || (p >= w ? "l" : "p"), u = r.format || [p, w], g = new s({ orientation: c, unit: d, format: u }), y = g.internal.pageSize.getWidth(), M = g.internal.pageSize.getHeight(), S = Math.min(y / p, M / w), _ = p * S, E = w * S, D = (y - _) / 2, I = (M - E) / 2;
+    return g.addImage(l, a, D, I, _, E), g.save(i ? Et(i, "pdf") : Ct("pdf")), g;
   };
 }
-var zs = { trailer: 59 };
-function dn(t = 256) {
+var Os = { trailer: 59 };
+function cn(t = 256) {
   let e = 0, i = new Uint8Array(t);
   return { get buffer() {
     return i.buffer;
@@ -1368,191 +1368,191 @@ function dn(t = 256) {
     i = new Uint8Array(n), e > 0 && i.set(o.subarray(0, e), 0);
   }
 }
-var Di = 12, qr = 5003, Os = [0, 1, 3, 7, 15, 31, 63, 127, 255, 511, 1023, 2047, 4095, 8191, 16383, 32767, 65535];
-function Vs(t, e, i, r, n = dn(512), s = new Uint8Array(256), a = new Int32Array(qr), o = new Int32Array(qr)) {
-  let f = a.length, g = Math.max(2, r);
+var Ui = 12, qr = 5003, Vs = [0, 1, 3, 7, 15, 31, 63, 127, 255, 511, 1023, 2047, 4095, 8191, 16383, 32767, 65535];
+function Ls(t, e, i, r, n = cn(512), s = new Uint8Array(256), a = new Int32Array(qr), o = new Int32Array(qr)) {
+  let p = a.length, w = Math.max(2, r);
   s.fill(0), o.fill(0), a.fill(-1);
-  let v = 0, u = 0, l = g + 1, d = l, c = !1, m = d, w = (1 << m) - 1, y = 1 << l - 1, M = y + 1, S = y + 2, _ = 0, E = i[0], D = 0;
-  for (let N = f; N < 65536; N *= 2) ++D;
-  D = 8 - D, n.writeByte(g), V(y);
+  let v = 0, m = 0, l = w + 1, d = l, c = !1, u = d, g = (1 << u) - 1, y = 1 << l - 1, M = y + 1, S = y + 2, _ = 0, E = i[0], D = 0;
+  for (let N = p; N < 65536; N *= 2) ++D;
+  D = 8 - D, n.writeByte(w), V(y);
   let I = i.length;
   for (let N = 1; N < I; N++)
     t: {
-      let Y = i[N], q = (Y << Di) + E, H = Y << D ^ E;
+      let Y = i[N], q = (Y << Ui) + E, H = Y << D ^ E;
       if (a[H] === q) {
         E = o[H];
         break t;
       }
-      let lt = H === 0 ? 1 : f - H;
-      for (; a[H] >= 0; ) if (H -= lt, H < 0 && (H += f), a[H] === q) {
+      let lt = H === 0 ? 1 : p - H;
+      for (; a[H] >= 0; ) if (H -= lt, H < 0 && (H += p), a[H] === q) {
         E = o[H];
         break t;
       }
-      V(E), E = Y, S < 1 << Di ? (o[H] = S++, a[H] = q) : (a.fill(-1), S = y + 2, c = !0, V(y));
+      V(E), E = Y, S < 1 << Ui ? (o[H] = S++, a[H] = q) : (a.fill(-1), S = y + 2, c = !0, V(y));
     }
   return V(E), V(M), n.writeByte(0), n.bytesView();
   function V(N) {
-    for (v &= Os[u], u > 0 ? v |= N << u : v = N, u += m; u >= 8; ) s[_++] = v & 255, _ >= 254 && (n.writeByte(_), n.writeBytesView(s, 0, _), _ = 0), v >>= 8, u -= 8;
-    if ((S > w || c) && (c ? (m = d, w = (1 << m) - 1, c = !1) : (++m, w = m === Di ? 1 << m : (1 << m) - 1)), N == M) {
-      for (; u > 0; ) s[_++] = v & 255, _ >= 254 && (n.writeByte(_), n.writeBytesView(s, 0, _), _ = 0), v >>= 8, u -= 8;
+    for (v &= Vs[m], m > 0 ? v |= N << m : v = N, m += u; m >= 8; ) s[_++] = v & 255, _ >= 254 && (n.writeByte(_), n.writeBytesView(s, 0, _), _ = 0), v >>= 8, m -= 8;
+    if ((S > g || c) && (c ? (u = d, g = (1 << u) - 1, c = !1) : (++u, g = u === Ui ? 1 << u : (1 << u) - 1)), N == M) {
+      for (; m > 0; ) s[_++] = v & 255, _ >= 254 && (n.writeByte(_), n.writeBytesView(s, 0, _), _ = 0), v >>= 8, m -= 8;
       _ > 0 && (n.writeByte(_), n.writeBytesView(s, 0, _), _ = 0);
     }
   }
 }
-var Ls = Vs;
-function cn(t, e, i) {
+var Gs = Ls;
+function pn(t, e, i) {
   return t << 8 & 63488 | e << 2 & 992 | i >> 3;
 }
-function pn(t, e, i, r) {
+function fn(t, e, i, r) {
   return t >> 4 | e & 240 | (i & 240) << 4 | (r & 240) << 8;
 }
-function fn(t, e, i) {
+function un(t, e, i) {
   return t >> 4 << 8 | e & 240 | i >> 4;
 }
 function ti(t, e, i) {
   return t < e ? e : t > i ? i : t;
 }
-function ri(t) {
+function ni(t) {
   return t * t;
 }
 function Xr(t, e, i) {
   var r = 0, n = 1e100;
   let s = t[e], a = s.cnt;
   s.ac;
-  let o = s.rc, f = s.gc, g = s.bc;
+  let o = s.rc, p = s.gc, w = s.bc;
   for (var v = s.fw; v != 0; v = t[v].fw) {
     let l = t[v], d = l.cnt, c = a * d / (a + d);
     if (!(c >= n)) {
-      var u = 0;
-      u += c * ri(l.rc - o), !(u >= n) && (u += c * ri(l.gc - f), !(u >= n) && (u += c * ri(l.bc - g), !(u >= n) && (n = u, r = v)));
+      var m = 0;
+      m += c * ni(l.rc - o), !(m >= n) && (m += c * ni(l.gc - p), !(m >= n) && (m += c * ni(l.bc - w), !(m >= n) && (n = m, r = v)));
     }
   }
   s.err = n, s.nn = r;
 }
-function Ui() {
+function Wi() {
   return { ac: 0, rc: 0, gc: 0, bc: 0, cnt: 0, nn: 0, fw: 0, bk: 0, tm: 0, mtm: 0, err: 0 };
 }
-function Gs(t, e) {
+function Ns(t, e) {
   let i = e === "rgb444" ? 4096 : 65536, r = new Array(i), n = t.length;
   if (e === "rgba4444") for (let s = 0; s < n; ++s) {
-    let a = t[s], o = a >> 24 & 255, f = a >> 16 & 255, g = a >> 8 & 255, v = a & 255, u = pn(v, g, f, o), l = u in r ? r[u] : r[u] = Ui();
-    l.rc += v, l.gc += g, l.bc += f, l.ac += o, l.cnt++;
+    let a = t[s], o = a >> 24 & 255, p = a >> 16 & 255, w = a >> 8 & 255, v = a & 255, m = fn(v, w, p, o), l = m in r ? r[m] : r[m] = Wi();
+    l.rc += v, l.gc += w, l.bc += p, l.ac += o, l.cnt++;
   }
   else if (e === "rgb444") for (let s = 0; s < n; ++s) {
-    let a = t[s], o = a >> 16 & 255, f = a >> 8 & 255, g = a & 255, v = fn(g, f, o), u = v in r ? r[v] : r[v] = Ui();
-    u.rc += g, u.gc += f, u.bc += o, u.cnt++;
+    let a = t[s], o = a >> 16 & 255, p = a >> 8 & 255, w = a & 255, v = un(w, p, o), m = v in r ? r[v] : r[v] = Wi();
+    m.rc += w, m.gc += p, m.bc += o, m.cnt++;
   }
   else for (let s = 0; s < n; ++s) {
-    let a = t[s], o = a >> 16 & 255, f = a >> 8 & 255, g = a & 255, v = cn(g, f, o), u = v in r ? r[v] : r[v] = Ui();
-    u.rc += g, u.gc += f, u.bc += o, u.cnt++;
+    let a = t[s], o = a >> 16 & 255, p = a >> 8 & 255, w = a & 255, v = pn(w, p, o), m = v in r ? r[v] : r[v] = Wi();
+    m.rc += w, m.gc += p, m.bc += o, m.cnt++;
   }
   return r;
 }
-function un(t, e, i = {}) {
+function mn(t, e, i = {}) {
   let { format: r = "rgb565", clearAlpha: n = !0, clearAlphaColor: s = 0, clearAlphaThreshold: a = 0, oneBitAlpha: o = !1 } = i;
   if (!t || !t.buffer) throw new Error("quantize() expected RGBA Uint8Array data");
   if (!(t instanceof Uint8Array) && !(t instanceof Uint8ClampedArray)) throw new Error("quantize() expected RGBA Uint8Array data");
-  let f = new Uint32Array(t.buffer), g = i.useSqrt !== !1, v = r === "rgba4444", u = Gs(f, r), l = u.length, d = l - 1, c = new Uint32Array(l + 1);
-  for (var m = 0, w = 0; w < l; ++w) {
-    let J = u[w];
+  let p = new Uint32Array(t.buffer), w = i.useSqrt !== !1, v = r === "rgba4444", m = Ns(p, r), l = m.length, d = l - 1, c = new Uint32Array(l + 1);
+  for (var u = 0, g = 0; g < l; ++g) {
+    let J = m[g];
     if (J != null) {
       var y = 1 / J.cnt;
-      v && (J.ac *= y), J.rc *= y, J.gc *= y, J.bc *= y, u[m++] = J;
+      v && (J.ac *= y), J.rc *= y, J.gc *= y, J.bc *= y, m[u++] = J;
     }
   }
-  ri(e) / m < 0.022 && (g = !1);
-  for (var w = 0; w < m - 1; ++w) u[w].fw = w + 1, u[w + 1].bk = w, g && (u[w].cnt = Math.sqrt(u[w].cnt));
-  g && (u[w].cnt = Math.sqrt(u[w].cnt));
+  ni(e) / u < 0.022 && (w = !1);
+  for (var g = 0; g < u - 1; ++g) m[g].fw = g + 1, m[g + 1].bk = g, w && (m[g].cnt = Math.sqrt(m[g].cnt));
+  w && (m[g].cnt = Math.sqrt(m[g].cnt));
   var M, S, _;
-  for (w = 0; w < m; ++w) {
-    Xr(u, w);
-    var E = u[w].err;
-    for (S = ++c[0]; S > 1 && (_ = S >> 1, !(u[M = c[_]].err <= E)); S = _) c[S] = M;
-    c[S] = w;
-  }
-  var D = m - e;
-  for (w = 0; w < D; ) {
+  for (g = 0; g < u; ++g) {
+    Xr(m, g);
+    var E = m[g].err;
+    for (S = ++c[0]; S > 1 && (_ = S >> 1, !(m[M = c[_]].err <= E)); S = _) c[S] = M;
+    c[S] = g;
+  }
+  var D = u - e;
+  for (g = 0; g < D; ) {
     for (var I; ; ) {
       var V = c[1];
-      if (I = u[V], I.tm >= I.mtm && u[I.nn].mtm <= I.tm) break;
-      I.mtm == d ? V = c[1] = c[c[0]--] : (Xr(u, V), I.tm = w);
-      var E = u[V].err;
-      for (S = 1; (_ = S + S) <= c[0] && (_ < c[0] && u[c[_]].err > u[c[_ + 1]].err && _++, !(E <= u[M = c[_]].err)); S = _) c[S] = M;
+      if (I = m[V], I.tm >= I.mtm && m[I.nn].mtm <= I.tm) break;
+      I.mtm == d ? V = c[1] = c[c[0]--] : (Xr(m, V), I.tm = g);
+      var E = m[V].err;
+      for (S = 1; (_ = S + S) <= c[0] && (_ < c[0] && m[c[_]].err > m[c[_ + 1]].err && _++, !(E <= m[M = c[_]].err)); S = _) c[S] = M;
       c[S] = V;
     }
-    var N = u[I.nn], Y = I.cnt, q = N.cnt, y = 1 / (Y + q);
-    v && (I.ac = y * (Y * I.ac + q * N.ac)), I.rc = y * (Y * I.rc + q * N.rc), I.gc = y * (Y * I.gc + q * N.gc), I.bc = y * (Y * I.bc + q * N.bc), I.cnt += N.cnt, I.mtm = ++w, u[N.bk].fw = N.fw, u[N.fw].bk = N.bk, N.mtm = d;
+    var N = m[I.nn], Y = I.cnt, q = N.cnt, y = 1 / (Y + q);
+    v && (I.ac = y * (Y * I.ac + q * N.ac)), I.rc = y * (Y * I.rc + q * N.rc), I.gc = y * (Y * I.gc + q * N.gc), I.bc = y * (Y * I.bc + q * N.bc), I.cnt += N.cnt, I.mtm = ++g, m[N.bk].fw = N.fw, m[N.fw].bk = N.bk, N.mtm = d;
   }
   let H = [];
   var lt = 0;
-  for (w = 0; ; ++lt) {
-    let J = ti(Math.round(u[w].rc), 0, 255), Wt = ti(Math.round(u[w].gc), 0, 255), ht = ti(Math.round(u[w].bc), 0, 255), rt = 255;
-    v && (rt = ti(Math.round(u[w].ac), 0, 255), o && (rt = rt <= (typeof o == "number" ? o : 127) ? 0 : 255), n && rt <= a && (J = Wt = ht = s, rt = 0));
+  for (g = 0; ; ++lt) {
+    let J = ti(Math.round(m[g].rc), 0, 255), Wt = ti(Math.round(m[g].gc), 0, 255), ht = ti(Math.round(m[g].bc), 0, 255), rt = 255;
+    v && (rt = ti(Math.round(m[g].ac), 0, 255), o && (rt = rt <= (typeof o == "number" ? o : 127) ? 0 : 255), n && rt <= a && (J = Wt = ht = s, rt = 0));
     let G = v ? [J, Wt, ht, rt] : [J, Wt, ht];
-    if (Ns(H, G) || H.push(G), (w = u[w].fw) == 0) break;
+    if ($s(H, G) || H.push(G), (g = m[g].fw) == 0) break;
   }
   return H;
 }
-function Ns(t, e) {
+function $s(t, e) {
   for (let i = 0; i < t.length; i++) {
     let r = t[i], n = r[0] === e[0] && r[1] === e[1] && r[2] === e[2], s = r.length >= 4 && e.length >= 4 ? r[3] === e[3] : !0;
     if (n && s) return !0;
   }
   return !1;
 }
-function mn(t, e, i = "rgb565") {
+function gn(t, e, i = "rgb565") {
   if (!t || !t.buffer) throw new Error("quantize() expected RGBA Uint8Array data");
   if (!(t instanceof Uint8Array) && !(t instanceof Uint8ClampedArray)) throw new Error("quantize() expected RGBA Uint8Array data");
   if (e.length > 256) throw new Error("applyPalette() only works with 256 colors or less");
   let r = new Uint32Array(t.buffer), n = r.length, s = i === "rgb444" ? 4096 : 65536, a = new Uint8Array(n), o = new Array(s);
-  if (i === "rgba4444") for (let f = 0; f < n; f++) {
-    let g = r[f], v = g >> 24 & 255, u = g >> 16 & 255, l = g >> 8 & 255, d = g & 255, c = pn(d, l, u, v), m = c in o ? o[c] : o[c] = $s(d, l, u, v, e);
-    a[f] = m;
+  if (i === "rgba4444") for (let p = 0; p < n; p++) {
+    let w = r[p], v = w >> 24 & 255, m = w >> 16 & 255, l = w >> 8 & 255, d = w & 255, c = fn(d, l, m, v), u = c in o ? o[c] : o[c] = js(d, l, m, v, e);
+    a[p] = u;
   }
   else {
-    let f = i === "rgb444" ? fn : cn;
-    for (let g = 0; g < n; g++) {
-      let v = r[g], u = v >> 16 & 255, l = v >> 8 & 255, d = v & 255, c = f(d, l, u), m = c in o ? o[c] : o[c] = js(d, l, u, e);
-      a[g] = m;
+    let p = i === "rgb444" ? un : pn;
+    for (let w = 0; w < n; w++) {
+      let v = r[w], m = v >> 16 & 255, l = v >> 8 & 255, d = v & 255, c = p(d, l, m), u = c in o ? o[c] : o[c] = Hs(d, l, m, e);
+      a[w] = u;
     }
   }
   return a;
 }
-function $s(t, e, i, r, n) {
+function js(t, e, i, r, n) {
   let s = 0, a = 1e100;
   for (let o = 0; o < n.length; o++) {
-    let f = n[o], g = f[3], v = Xt(g - r);
+    let p = n[o], w = p[3], v = Xt(w - r);
     if (v > a) continue;
-    let u = f[0];
-    if (v += Xt(u - t), v > a) continue;
-    let l = f[1];
+    let m = p[0];
+    if (v += Xt(m - t), v > a) continue;
+    let l = p[1];
     if (v += Xt(l - e), v > a) continue;
-    let d = f[2];
+    let d = p[2];
     v += Xt(d - i), !(v > a) && (a = v, s = o);
   }
   return s;
 }
-function js(t, e, i, r) {
+function Hs(t, e, i, r) {
   let n = 0, s = 1e100;
   for (let a = 0; a < r.length; a++) {
-    let o = r[a], f = o[0], g = Xt(f - t);
-    if (g > s) continue;
+    let o = r[a], p = o[0], w = Xt(p - t);
+    if (w > s) continue;
     let v = o[1];
-    if (g += Xt(v - e), g > s) continue;
-    let u = o[2];
-    g += Xt(u - i), !(g > s) && (s = g, n = a);
+    if (w += Xt(v - e), w > s) continue;
+    let m = o[2];
+    w += Xt(m - i), !(w > s) && (s = w, n = a);
   }
   return n;
 }
 function Xt(t) {
   return t * t;
 }
-function gn(t = {}) {
-  let { initialCapacity: e = 4096, auto: i = !0 } = t, r = dn(e), n = 5003, s = new Uint8Array(256), a = new Int32Array(n), o = new Int32Array(n), f = !1;
+function wn(t = {}) {
+  let { initialCapacity: e = 4096, auto: i = !0 } = t, r = cn(e), n = 5003, s = new Uint8Array(256), a = new Int32Array(n), o = new Int32Array(n), p = !1;
   return { reset() {
-    r.reset(), f = !1;
+    r.reset(), p = !1;
   }, finish() {
-    r.writeByte(zs.trailer);
+    r.writeByte(Os.trailer);
   }, bytes() {
     return r.bytes();
   }, bytesView() {
@@ -1561,32 +1561,32 @@ function gn(t = {}) {
     return r.buffer;
   }, get stream() {
     return r;
-  }, writeHeader: g, writeFrame(v, u, l, d = {}) {
-    let { transparent: c = !1, transparentIndex: m = 0, delay: w = 0, palette: y = null, repeat: M = 0, colorDepth: S = 8, dispose: _ = -1 } = d, E = !1;
-    if (i ? f || (E = !0, g(), f = !0) : E = !!d.first, u = Math.max(0, Math.floor(u)), l = Math.max(0, Math.floor(l)), E) {
+  }, writeHeader: w, writeFrame(v, m, l, d = {}) {
+    let { transparent: c = !1, transparentIndex: u = 0, delay: g = 0, palette: y = null, repeat: M = 0, colorDepth: S = 8, dispose: _ = -1 } = d, E = !1;
+    if (i ? p || (E = !0, w(), p = !0) : E = !!d.first, m = Math.max(0, Math.floor(m)), l = Math.max(0, Math.floor(l)), E) {
       if (!y) throw new Error("First frame must include a { palette } option");
-      qs(r, u, l, y, S), Yr(r, y), M >= 0 && Xs(r, M);
+      Xs(r, m, l, y, S), Yr(r, y), M >= 0 && Ys(r, M);
     }
-    let D = Math.round(w / 10);
-    Hs(r, _, D, c, m);
+    let D = Math.round(g / 10);
+    qs(r, _, D, c, u);
     let I = !!y && !E;
-    Ys(r, u, l, I ? y : null), I && Yr(r, y), Js(r, v, u, l, S, s, a, o);
+    Js(r, m, l, I ? y : null), I && Yr(r, y), Ks(r, v, m, l, S, s, a, o);
   } };
-  function g() {
-    wn(r, "GIF89a");
+  function w() {
+    vn(r, "GIF89a");
   }
 }
-function Hs(t, e, i, r, n) {
+function qs(t, e, i, r, n) {
   t.writeByte(33), t.writeByte(249), t.writeByte(4), n < 0 && (n = 0, r = !1);
   var s, a;
   r ? (s = 1, a = 2) : (s = 0, a = 0), e >= 0 && (a = e & 7), a <<= 2, t.writeByte(0 | a | 0 | s), Ft(t, i), t.writeByte(n || 0), t.writeByte(0);
 }
-function qs(t, e, i, r, n = 8) {
-  let s = 1, a = 0, o = dr(r.length) - 1, f = s << 7 | n - 1 << 4 | a << 3 | o;
-  Ft(t, e), Ft(t, i), t.writeBytes([f, 0, 0]);
+function Xs(t, e, i, r, n = 8) {
+  let s = 1, a = 0, o = dr(r.length) - 1, p = s << 7 | n - 1 << 4 | a << 3 | o;
+  Ft(t, e), Ft(t, i), t.writeBytes([p, 0, 0]);
 }
-function Xs(t, e) {
-  t.writeByte(33), t.writeByte(255), t.writeByte(11), wn(t, "NETSCAPE2.0"), t.writeByte(3), t.writeByte(1), Ft(t, e), t.writeByte(0);
+function Ys(t, e) {
+  t.writeByte(33), t.writeByte(255), t.writeByte(11), vn(t, "NETSCAPE2.0"), t.writeByte(3), t.writeByte(1), Ft(t, e), t.writeByte(0);
 }
 function Yr(t, e) {
   let i = 1 << dr(e.length);
@@ -1595,25 +1595,25 @@ function Yr(t, e) {
     r < e.length && (n = e[r]), t.writeByte(n[0]), t.writeByte(n[1]), t.writeByte(n[2]);
   }
 }
-function Ys(t, e, i, r) {
+function Js(t, e, i, r) {
   if (t.writeByte(44), Ft(t, 0), Ft(t, 0), Ft(t, e), Ft(t, i), r) {
     let n = 0, s = 0, a = dr(r.length) - 1;
     t.writeByte(128 | n | s | 0 | a);
   } else t.writeByte(0);
 }
-function Js(t, e, i, r, n = 8, s, a, o) {
-  Ls(i, r, e, n, t, s, a, o);
+function Ks(t, e, i, r, n = 8, s, a, o) {
+  Gs(i, r, e, n, t, s, a, o);
 }
 function Ft(t, e) {
   t.writeByte(e & 255), t.writeByte(e >> 8 & 255);
 }
-function wn(t, e) {
+function vn(t, e) {
   for (var i = 0; i < e.length; i++) t.writeByte(e.charCodeAt(i));
 }
 function dr(t) {
   return Math.max(Math.ceil(Math.log2(t)), 1);
 }
-class Ks {
+class Zs {
   /**
    * @param {object} opts
    * @param {HTMLCanvasElement} opts.canvas
@@ -1661,21 +1661,21 @@ class Ks {
     return this.active = !1, this._encode();
   }
   async _encode() {
-    const e = gn(), i = Math.round(1e3 / this.fps), r = this.frames.length;
+    const e = wn(), i = Math.round(1e3 / this.fps), r = this.frames.length;
     for (let n = 0; n < r; n++) {
-      const s = this.frames[n], a = un(s.data, this.maxColors), o = mn(s.data, a);
-      e.writeFrame(o, s.width, s.height, { palette: a, delay: i }), this.onProgress((n + 1) / r), n % 4 === 3 && await new Promise((f) => setTimeout(f, 0));
+      const s = this.frames[n], a = mn(s.data, this.maxColors), o = gn(s.data, a);
+      e.writeFrame(o, s.width, s.height, { palette: a, delay: i }), this.onProgress((n + 1) / r), n % 4 === 3 && await new Promise((p) => setTimeout(p, 0));
     }
     return e.finish(), new Blob([e.bytes()], { type: "image/gif" });
   }
 }
-function Zs(t, e, i) {
+function Qs(t, e, i) {
   if (e.recordGIF = function(r = {}) {
     const n = At(this);
     if (!n) throw new Error("[p5.export] recordGIF: no canvas found");
     if (this._p5ExportGIF && this._p5ExportGIF.active)
       throw new Error("[p5.export] a GIF recording is already in progress");
-    const s = new Ks({ canvas: n, ...r });
+    const s = new Zs({ canvas: n, ...r });
     return s.start(), this._p5ExportGIF = s, s;
   }, e.stopGIF = function() {
     const r = this._p5ExportGIF;
@@ -1687,7 +1687,7 @@ function Zs(t, e, i) {
     };
   }
 }
-class Qs {
+class ta {
   /**
    * @param {object} opts
    * @param {HTMLCanvasElement} opts.canvas
@@ -1742,21 +1742,21 @@ class Qs {
 var cr = (t, e, i) => {
   if (!e.has(t))
     throw TypeError("Cannot " + i);
-}, p = (t, e, i) => (cr(t, e, "read from private field"), i ? i.call(t) : e.get(t)), W = (t, e, i) => {
+}, f = (t, e, i) => (cr(t, e, "read from private field"), i ? i.call(t) : e.get(t)), W = (t, e, i) => {
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, i);
-}, et = (t, e, i, r) => (cr(t, e, "write to private field"), e.set(t, i), i), ta = (t, e, i, r) => ({
+}, et = (t, e, i, r) => (cr(t, e, "write to private field"), e.set(t, i), i), ea = (t, e, i, r) => ({
   set _(n) {
     et(t, e, n);
   },
   get _() {
-    return p(t, e, r);
+    return f(t, e, r);
   }
-}), O = (t, e, i) => (cr(t, e, "access private method"), i), L = new Uint8Array(8), vt = new DataView(L.buffer), Z = (t) => [(t % 256 + 256) % 256], j = (t) => (vt.setUint16(0, t, !1), [L[0], L[1]]), ea = (t) => (vt.setInt16(0, t, !1), [L[0], L[1]]), vn = (t) => (vt.setUint32(0, t, !1), [L[1], L[2], L[3]]), C = (t) => (vt.setUint32(0, t, !1), [L[0], L[1], L[2], L[3]]), ia = (t) => (vt.setInt32(0, t, !1), [L[0], L[1], L[2], L[3]]), Zt = (t) => (vt.setUint32(0, Math.floor(t / 2 ** 32), !1), vt.setUint32(4, t, !1), [L[0], L[1], L[2], L[3], L[4], L[5], L[6], L[7]]), pr = (t) => (vt.setInt16(0, 2 ** 8 * t, !1), [L[0], L[1]]), mt = (t) => (vt.setInt32(0, 2 ** 16 * t, !1), [L[0], L[1], L[2], L[3]]), Wi = (t) => (vt.setInt32(0, 2 ** 30 * t, !1), [L[0], L[1], L[2], L[3]]), ot = (t, e = !1) => {
+}), O = (t, e, i) => (cr(t, e, "access private method"), i), L = new Uint8Array(8), vt = new DataView(L.buffer), Z = (t) => [(t % 256 + 256) % 256], j = (t) => (vt.setUint16(0, t, !1), [L[0], L[1]]), ia = (t) => (vt.setInt16(0, t, !1), [L[0], L[1]]), yn = (t) => (vt.setUint32(0, t, !1), [L[1], L[2], L[3]]), C = (t) => (vt.setUint32(0, t, !1), [L[0], L[1], L[2], L[3]]), ra = (t) => (vt.setInt32(0, t, !1), [L[0], L[1], L[2], L[3]]), Zt = (t) => (vt.setUint32(0, Math.floor(t / 2 ** 32), !1), vt.setUint32(4, t, !1), [L[0], L[1], L[2], L[3], L[4], L[5], L[6], L[7]]), pr = (t) => (vt.setInt16(0, 2 ** 8 * t, !1), [L[0], L[1]]), mt = (t) => (vt.setInt32(0, 2 ** 16 * t, !1), [L[0], L[1], L[2], L[3]]), zi = (t) => (vt.setInt32(0, 2 ** 30 * t, !1), [L[0], L[1], L[2], L[3]]), ot = (t, e = !1) => {
   let i = Array(t.length).fill(null).map((r, n) => t.charCodeAt(n));
   return e && i.push(0), i;
-}, gi = (t) => t && t[t.length - 1], fr = (t) => {
+}, wi = (t) => t && t[t.length - 1], fr = (t) => {
   let e;
   for (let i of t)
     (!e || i.presentationTimestamp > e.presentationTimestamp) && (e = i);
@@ -1764,7 +1764,7 @@ var cr = (t, e, i) => {
 }, wt = (t, e, i = !0) => {
   let r = t * e;
   return i ? Math.round(r) : r;
-}, yn = (t) => {
+}, bn = (t) => {
   let e = t * (Math.PI / 180), i = Math.cos(e), r = Math.sin(e);
   return [
     i,
@@ -1777,25 +1777,25 @@ var cr = (t, e, i) => {
     0,
     1
   ];
-}, bn = yn(0), _n = (t) => [
+}, _n = bn(0), xn = (t) => [
   mt(t[0]),
   mt(t[1]),
-  Wi(t[2]),
+  zi(t[2]),
   mt(t[3]),
   mt(t[4]),
-  Wi(t[5]),
+  zi(t[5]),
   mt(t[6]),
   mt(t[7]),
-  Wi(t[8])
+  zi(t[8])
 ], Me = (t) => !t || typeof t != "object" ? t : Array.isArray(t) ? t.map(Me) : Object.fromEntries(Object.entries(t).map(([e, i]) => [e, Me(i)])), me = (t) => t >= 0 && t < 2 ** 32, K = (t, e, i) => ({
   type: t,
   contents: e && new Uint8Array(e.flat(10)),
   children: i
 }), X = (t, e, i, r, n) => K(
   t,
-  [Z(e), vn(i), r ?? []],
+  [Z(e), yn(i), r ?? []],
   n
-), ra = (t) => {
+), na = (t) => {
   let e = 512;
   return t.fragmented ? K("ftyp", [
     ot("iso5"),
@@ -1816,11 +1816,11 @@ var cr = (t, e, i) => {
     t.holdsAvc ? ot("avc1") : [],
     ot("mp41")
   ]);
-}, Gi = (t) => ({ type: "mdat", largeSize: t }), na = (t) => ({ type: "free", size: t }), ni = (t, e, i = !1) => K("moov", null, [
-  sa(e, t),
-  ...t.map((r) => aa(r, e)),
-  i ? Wa(t) : null
-]), sa = (t, e) => {
+}, Gi = (t) => ({ type: "mdat", largeSize: t }), sa = (t) => ({ type: "free", size: t }), si = (t, e, i = !1) => K("moov", null, [
+  aa(e, t),
+  ...t.map((r) => oa(r, e)),
+  i ? za(t) : null
+]), aa = (t, e) => {
   let i = wt(Math.max(
     0,
     ...e.filter((a) => a.samples.length > 0).map((a) => {
@@ -1843,22 +1843,22 @@ var cr = (t, e, i) => {
     // Preferred volume
     Array(10).fill(0),
     // Reserved
-    _n(bn),
+    xn(_n),
     // Matrix
     Array(24).fill(0),
     // Pre-defined
     C(r)
     // Next track ID
   ]);
-}, aa = (t, e) => K("trak", null, [
-  oa(t, e),
-  la(t, e)
-]), oa = (t, e) => {
+}, oa = (t, e) => K("trak", null, [
+  la(t, e),
+  ha(t, e)
+]), la = (t, e) => {
   let i = fr(t.samples), r = wt(
     i ? i.presentationTimestamp + i.duration : 0,
     ji
   ), n = !me(e) || !me(r), s = n ? Zt : C, a;
-  return t.info.type === "video" ? a = typeof t.info.rotation == "number" ? yn(t.info.rotation) : t.info.rotation : a = bn, X("tkhd", +n, 3, [
+  return t.info.type === "video" ? a = typeof t.info.rotation == "number" ? bn(t.info.rotation) : t.info.rotation : a = _n, X("tkhd", +n, 3, [
     s(e),
     // Creation time
     s(e),
@@ -1879,18 +1879,18 @@ var cr = (t, e, i) => {
     // Volume
     j(0),
     // Reserved
-    _n(a),
+    xn(a),
     // Matrix
     mt(t.info.type === "video" ? t.info.width : 0),
     // Track width
     mt(t.info.type === "video" ? t.info.height : 0)
     // Track height
   ]);
-}, la = (t, e) => K("mdia", null, [
-  ha(t, e),
-  da(t.info.type === "video" ? "vide" : "soun"),
-  ca(t)
-]), ha = (t, e) => {
+}, ha = (t, e) => K("mdia", null, [
+  da(t, e),
+  ca(t.info.type === "video" ? "vide" : "soun"),
+  pa(t)
+]), da = (t, e) => {
   let i = fr(t.samples), r = wt(
     i ? i.presentationTimestamp + i.duration : 0,
     t.timescale
@@ -1909,7 +1909,7 @@ var cr = (t, e, i) => {
     j(0)
     // Quality
   ]);
-}, da = (t) => X("hdlr", 0, 0, [
+}, ca = (t) => X("hdlr", 0, 0, [
   ot("mhlr"),
   // Component type
   ot(t),
@@ -1922,11 +1922,11 @@ var cr = (t, e, i) => {
   // Component flags mask
   ot("mp4-muxer-hdlr", !0)
   // Component name
-]), ca = (t) => K("minf", null, [
-  t.info.type === "video" ? pa() : fa(),
-  ua(),
-  wa(t)
-]), pa = () => X("vmhd", 0, 1, [
+]), pa = (t) => K("minf", null, [
+  t.info.type === "video" ? fa() : ua(),
+  ma(),
+  va(t)
+]), fa = () => X("vmhd", 0, 1, [
   j(0),
   // Graphics mode
   j(0),
@@ -1935,41 +1935,41 @@ var cr = (t, e, i) => {
   // Opcolor G
   j(0)
   // Opcolor B
-]), fa = () => X("smhd", 0, 0, [
+]), ua = () => X("smhd", 0, 0, [
   j(0),
   // Balance
   j(0)
   // Reserved
-]), ua = () => K("dinf", null, [
-  ma()
-]), ma = () => X("dref", 0, 0, [
+]), ma = () => K("dinf", null, [
+  ga()
+]), ga = () => X("dref", 0, 0, [
   C(1)
   // Entry count
 ], [
-  ga()
-]), ga = () => X("url ", 0, 1), wa = (t) => {
+  wa()
+]), wa = () => X("url ", 0, 1), va = (t) => {
   const e = t.compositionTimeOffsetTable.length > 1 || t.compositionTimeOffsetTable.some((i) => i.sampleCompositionTimeOffset !== 0);
   return K("stbl", null, [
-    va(t),
-    Ia(t),
+    ya(t),
     Ra(t),
     Ba(t),
     Fa(t),
     Da(t),
-    e ? Ua(t) : null
+    Ua(t),
+    e ? Wa(t) : null
   ]);
-}, va = (t) => X("stsd", 0, 0, [
+}, ya = (t) => X("stsd", 0, 0, [
   C(1)
   // Entry count
 ], [
-  t.info.type === "video" ? ya(
-    qa[t.info.codec],
+  t.info.type === "video" ? ba(
+    Xa[t.info.codec],
     t
-  ) : Aa(
-    Ya[t.info.codec],
+  ) : Ma(
+    Ja[t.info.codec],
     t
   )
-]), ya = (t, e) => K(t, [
+]), ba = (t, e) => K(t, [
   Array(6).fill(0),
   // Reserved
   j(1),
@@ -1996,26 +1996,26 @@ var cr = (t, e, i) => {
   // Compressor name
   j(24),
   // Depth
-  ea(65535)
+  ia(65535)
   // Pre-defined
 ], [
-  Xa[e.info.codec](e),
-  e.info.decoderConfig.colorSpace ? Sa(e) : null
-]), ba = {
+  Ya[e.info.codec](e),
+  e.info.decoderConfig.colorSpace ? Ca(e) : null
+]), _a = {
   bt709: 1,
   // ITU-R BT.709
   bt470bg: 5,
   // ITU-R BT.470BG
   smpte170m: 6
   // ITU-R BT.601 525 - SMPTE 170M
-}, _a = {
+}, xa = {
   bt709: 1,
   // ITU-R BT.709
   smpte170m: 6,
   // SMPTE 170M
   "iec61966-2-1": 13
   // IEC 61966-2-1
-}, xa = {
+}, Sa = {
   rgb: 0,
   // Identity
   bt709: 1,
@@ -2024,24 +2024,24 @@ var cr = (t, e, i) => {
   // ITU-R BT.470BG
   smpte170m: 6
   // SMPTE 170M
-}, Sa = (t) => K("colr", [
+}, Ca = (t) => K("colr", [
   ot("nclx"),
   // Colour type
-  j(ba[t.info.decoderConfig.colorSpace.primaries]),
+  j(_a[t.info.decoderConfig.colorSpace.primaries]),
   // Colour primaries
-  j(_a[t.info.decoderConfig.colorSpace.transfer]),
+  j(xa[t.info.decoderConfig.colorSpace.transfer]),
   // Transfer characteristics
-  j(xa[t.info.decoderConfig.colorSpace.matrix]),
+  j(Sa[t.info.decoderConfig.colorSpace.matrix]),
   // Matrix coefficients
   Z((t.info.decoderConfig.colorSpace.fullRange ? 1 : 0) << 7)
   // Full range flag
-]), Ca = (t) => t.info.decoderConfig && K("avcC", [
+]), Ea = (t) => t.info.decoderConfig && K("avcC", [
   // For AVC, description is an AVCDecoderConfigurationRecord, so nothing else to do here
   ...new Uint8Array(t.info.decoderConfig.description)
-]), Ea = (t) => t.info.decoderConfig && K("hvcC", [
+]), ka = (t) => t.info.decoderConfig && K("hvcC", [
   // For HEVC, description is a HEVCDecoderConfigurationRecord, so nothing else to do here
   ...new Uint8Array(t.info.decoderConfig.description)
-]), ka = (t) => {
+]), Ta = (t) => {
   if (!t.info.decoderConfig)
     return null;
   let e = t.info.decoderConfig;
@@ -2064,7 +2064,7 @@ var cr = (t, e, i) => {
     j(0)
     // Codec initialization data size
   ]);
-}, Ta = () => {
+}, Aa = () => {
   let i = (1 << 7) + 1;
   return K("av1C", [
     i,
@@ -2072,7 +2072,7 @@ var cr = (t, e, i) => {
     0,
     0
   ]);
-}, Aa = (t, e) => K(t, [
+}, Ma = (t, e) => K(t, [
   Array(6).fill(0),
   // Reserved
   j(1),
@@ -2094,8 +2094,8 @@ var cr = (t, e, i) => {
   mt(e.info.sampleRate)
   // Sample rate
 ], [
-  Ja[e.info.codec](e)
-]), Ma = (t) => {
+  Ka[e.info.codec](e)
+]), Pa = (t) => {
   let e = new Uint8Array(t.info.decoderConfig.description);
   return X("esds", 0, 0, [
     // https://stackoverflow.com/a/54803118
@@ -2115,7 +2115,7 @@ var cr = (t, e, i) => {
     // MPEG-4 Audio
     Z(21),
     // stream type(6bits)=5 audio, flags(2bits)=1
-    vn(0),
+    yn(0),
     // 24bit buffer size
     C(130071),
     // max bitrate
@@ -2133,7 +2133,7 @@ var cr = (t, e, i) => {
     Z(2)
     // data
   ]);
-}, Pa = (t) => {
+}, Ia = (t) => {
   var n;
   let e = 3840, i = 0;
   const r = (n = t.info.decoderConfig) == null ? void 0 : n.description;
@@ -2156,7 +2156,7 @@ var cr = (t, e, i) => {
     Z(0)
     // ChannelMappingFamily
   ]);
-}, Ia = (t) => X("stts", 0, 0, [
+}, Ra = (t) => X("stts", 0, 0, [
   C(t.timeToSampleTable.length),
   // Number of entries
   t.timeToSampleTable.map((e) => [
@@ -2166,7 +2166,7 @@ var cr = (t, e, i) => {
     C(e.sampleDelta)
     // Sample duration
   ])
-]), Ra = (t) => {
+]), Ba = (t) => {
   if (t.samples.every((i) => i.type === "key"))
     return null;
   let e = [...t.samples.entries()].filter(([, i]) => i.type === "key");
@@ -2176,7 +2176,7 @@ var cr = (t, e, i) => {
     e.map(([i]) => C(i + 1))
     // Sync sample table
   ]);
-}, Ba = (t) => X("stsc", 0, 0, [
+}, Fa = (t) => X("stsc", 0, 0, [
   C(t.compactlyCodedChunkTable.length),
   // Number of entries
   t.compactlyCodedChunkTable.map((e) => [
@@ -2188,14 +2188,14 @@ var cr = (t, e, i) => {
     C(1)
     // Sample description index
   ])
-]), Fa = (t) => X("stsz", 0, 0, [
+]), Da = (t) => X("stsz", 0, 0, [
   C(0),
   // Sample size (0 means non-constant size)
   C(t.samples.length),
   // Number of entries
   t.samples.map((e) => C(e.size))
   // Sample size table
-]), Da = (t) => t.finalizedChunks.length > 0 && gi(t.finalizedChunks).offset >= 2 ** 32 ? X("co64", 0, 0, [
+]), Ua = (t) => t.finalizedChunks.length > 0 && wi(t.finalizedChunks).offset >= 2 ** 32 ? X("co64", 0, 0, [
   C(t.finalizedChunks.length),
   // Number of entries
   t.finalizedChunks.map((e) => Zt(e.offset))
@@ -2205,7 +2205,7 @@ var cr = (t, e, i) => {
   // Number of entries
   t.finalizedChunks.map((e) => C(e.offset))
   // Chunk offset table
-]), Ua = (t) => X("ctts", 0, 0, [
+]), Wa = (t) => X("ctts", 0, 0, [
   C(t.compositionTimeOffsetTable.length),
   // Number of entries
   t.compositionTimeOffsetTable.map((e) => [
@@ -2215,7 +2215,7 @@ var cr = (t, e, i) => {
     C(e.sampleCompositionTimeOffset)
     // Sample offset
   ])
-]), Wa = (t) => K("mvex", null, t.map(za)), za = (t) => X("trex", 0, 0, [
+]), za = (t) => K("mvex", null, t.map(Oa)), Oa = (t) => X("trex", 0, 0, [
   C(t.id),
   // Track ID
   C(1),
@@ -2227,25 +2227,25 @@ var cr = (t, e, i) => {
   C(0)
   // Default sample flags
 ]), Jr = (t, e) => K("moof", null, [
-  Oa(t),
-  ...e.map(Va)
-]), Oa = (t) => X("mfhd", 0, 0, [
+  Va(t),
+  ...e.map(La)
+]), Va = (t) => X("mfhd", 0, 0, [
   C(t)
   // Sequence number
-]), xn = (t) => {
+]), Sn = (t) => {
   let e = 0, i = 0, r = 0, n = 0, s = t.type === "delta";
   return i |= +s, s ? e |= 1 : e |= 2, e << 24 | i << 16 | r << 8 | n;
-}, Va = (t) => K("traf", null, [
-  La(t),
+}, La = (t) => K("traf", null, [
   Ga(t),
-  Na(t)
-]), La = (t) => {
+  Na(t),
+  $a(t)
+]), Ga = (t) => {
   let e = 0;
   e |= 8, e |= 16, e |= 32, e |= 131072;
   let i = t.currentChunk.samples[1] ?? t.currentChunk.samples[0], r = {
     duration: i.timescaleUnitsToNextSample,
     size: i.size,
-    flags: xn(i)
+    flags: Sn(i)
   };
   return X("tfhd", 0, e, [
     C(t.id),
@@ -2257,32 +2257,32 @@ var cr = (t, e, i) => {
     C(r.flags)
     // Default sample flags
   ]);
-}, Ga = (t) => X("tfdt", 1, 0, [
+}, Na = (t) => X("tfdt", 1, 0, [
   Zt(wt(t.currentChunk.startTimestamp, t.timescale))
   // Base Media Decode Time
-]), Na = (t) => {
-  let e = t.currentChunk.samples.map((m) => m.timescaleUnitsToNextSample), i = t.currentChunk.samples.map((m) => m.size), r = t.currentChunk.samples.map(xn), n = t.currentChunk.samples.map((m) => wt(m.presentationTimestamp - m.decodeTimestamp, t.timescale)), s = new Set(e), a = new Set(i), o = new Set(r), f = new Set(n), g = o.size === 2 && r[0] !== r[1], v = s.size > 1, u = a.size > 1, l = !g && o.size > 1, d = f.size > 1 || [...f].some((m) => m !== 0), c = 0;
-  return c |= 1, c |= 4 * +g, c |= 256 * +v, c |= 512 * +u, c |= 1024 * +l, c |= 2048 * +d, X("trun", 1, c, [
+]), $a = (t) => {
+  let e = t.currentChunk.samples.map((u) => u.timescaleUnitsToNextSample), i = t.currentChunk.samples.map((u) => u.size), r = t.currentChunk.samples.map(Sn), n = t.currentChunk.samples.map((u) => wt(u.presentationTimestamp - u.decodeTimestamp, t.timescale)), s = new Set(e), a = new Set(i), o = new Set(r), p = new Set(n), w = o.size === 2 && r[0] !== r[1], v = s.size > 1, m = a.size > 1, l = !w && o.size > 1, d = p.size > 1 || [...p].some((u) => u !== 0), c = 0;
+  return c |= 1, c |= 4 * +w, c |= 256 * +v, c |= 512 * +m, c |= 1024 * +l, c |= 2048 * +d, X("trun", 1, c, [
     C(t.currentChunk.samples.length),
     // Sample count
     C(t.currentChunk.offset - t.currentChunk.moofOffset || 0),
     // Data offset
-    g ? C(r[0]) : [],
-    t.currentChunk.samples.map((m, w) => [
-      v ? C(e[w]) : [],
+    w ? C(r[0]) : [],
+    t.currentChunk.samples.map((u, g) => [
+      v ? C(e[g]) : [],
       // Sample duration
-      u ? C(i[w]) : [],
+      m ? C(i[g]) : [],
       // Sample size
-      l ? C(r[w]) : [],
+      l ? C(r[g]) : [],
       // Sample flags
       // Sample composition time offsets
-      d ? ia(n[w]) : []
+      d ? ra(n[g]) : []
     ])
   ]);
-}, $a = (t) => K("mfra", null, [
-  ...t.map(ja),
-  Ha()
-]), ja = (t, e) => X("tfra", 1, 0, [
+}, ja = (t) => K("mfra", null, [
+  ...t.map(Ha),
+  qa()
+]), Ha = (t, e) => X("tfra", 1, 0, [
   C(t.id),
   // Track ID
   C(63),
@@ -2301,33 +2301,33 @@ var cr = (t, e, i) => {
     C(1)
     // Sample number
   ])
-]), Ha = () => X("mfro", 0, 0, [
+]), qa = () => X("mfro", 0, 0, [
   // This value needs to be overwritten manually from the outside, where the actual size of the enclosing mfra box
   // is known
   C(0)
   // Size
-]), qa = {
+]), Xa = {
   avc: "avc1",
   hevc: "hvc1",
   vp9: "vp09",
   av1: "av01"
-}, Xa = {
-  avc: Ca,
-  hevc: Ea,
-  vp9: ka,
-  av1: Ta
 }, Ya = {
+  avc: Ea,
+  hevc: ka,
+  vp9: Ta,
+  av1: Aa
+}, Ja = {
   aac: "mp4a",
   opus: "Opus"
-}, Ja = {
-  aac: Ma,
-  opus: Pa
-}, Ai = class {
-}, Sn = class extends Ai {
+}, Ka = {
+  aac: Pa,
+  opus: Ia
+}, Mi = class {
+}, Cn = class extends Mi {
   constructor() {
     super(...arguments), this.buffer = null;
   }
-}, Cn = class extends Ai {
+}, En = class extends Mi {
   constructor(e) {
     if (super(), this.options = e, typeof e != "object")
       throw new TypeError("StreamTarget requires an options object to be passed to its constructor.");
@@ -2344,7 +2344,7 @@ var cr = (t, e, i) => {
     if (e.chunkSize !== void 0 && (!Number.isInteger(e.chunkSize) || e.chunkSize < 1024))
       throw new TypeError("options.chunkSize, when provided, must be an integer and not smaller than 1024.");
   }
-}, Ka = class extends Ai {
+}, Za = class extends Mi {
   constructor(e, i) {
     if (super(), this.stream = e, this.options = i, !(e instanceof FileSystemWritableFileStream))
       throw new TypeError("FileSystemWritableFileStreamTarget requires a FileSystemWritableFileStream instance.");
@@ -2353,24 +2353,24 @@ var cr = (t, e, i) => {
     if (i && i.chunkSize !== void 0 && (!Number.isInteger(i.chunkSize) || i.chunkSize <= 0))
       throw new TypeError("options.chunkSize, when provided, must be a positive integer");
   }
-}, Ot, ee, En = class {
+}, Ot, ee, kn = class {
   constructor() {
-    this.pos = 0, W(this, Ot, new Uint8Array(8)), W(this, ee, new DataView(p(this, Ot).buffer)), this.offsets = /* @__PURE__ */ new WeakMap();
+    this.pos = 0, W(this, Ot, new Uint8Array(8)), W(this, ee, new DataView(f(this, Ot).buffer)), this.offsets = /* @__PURE__ */ new WeakMap();
   }
   /** Sets the current position for future writes to a new one. */
   seek(e) {
     this.pos = e;
   }
   writeU32(e) {
-    p(this, ee).setUint32(0, e, !1), this.write(p(this, Ot).subarray(0, 4));
+    f(this, ee).setUint32(0, e, !1), this.write(f(this, Ot).subarray(0, 4));
   }
   writeU64(e) {
-    p(this, ee).setUint32(0, Math.floor(e / 2 ** 32), !1), p(this, ee).setUint32(4, e, !1), this.write(p(this, Ot).subarray(0, 8));
+    f(this, ee).setUint32(0, Math.floor(e / 2 ** 32), !1), f(this, ee).setUint32(4, e, !1), this.write(f(this, Ot).subarray(0, 8));
   }
   writeAscii(e) {
     for (let i = 0; i < e.length; i++)
-      p(this, ee).setUint8(i % 8, e.charCodeAt(i)), i % 8 === 7 && this.write(p(this, Ot));
-    e.length % 8 !== 0 && this.write(p(this, Ot).subarray(0, e.length % 8));
+      f(this, ee).setUint8(i % 8, e.charCodeAt(i)), i % 8 === 7 && this.write(f(this, Ot));
+    e.length % 8 !== 0 && this.write(f(this, Ot).subarray(0, e.length % 8));
   }
   writeBox(e) {
     if (this.offsets.set(e, this.pos), e.contents && !e.children)
@@ -2408,47 +2408,47 @@ var cr = (t, e, i) => {
 };
 Ot = /* @__PURE__ */ new WeakMap();
 ee = /* @__PURE__ */ new WeakMap();
-var si, Yt, Ge, Se, ai, Ni, Za = class extends En {
+var ai, Yt, Ge, Se, oi, Ni, Qa = class extends kn {
   constructor(e) {
-    super(), W(this, ai), W(this, si, void 0), W(this, Yt, new ArrayBuffer(2 ** 16)), W(this, Ge, new Uint8Array(p(this, Yt))), W(this, Se, 0), et(this, si, e);
+    super(), W(this, oi), W(this, ai, void 0), W(this, Yt, new ArrayBuffer(2 ** 16)), W(this, Ge, new Uint8Array(f(this, Yt))), W(this, Se, 0), et(this, ai, e);
   }
   write(e) {
-    O(this, ai, Ni).call(this, this.pos + e.byteLength), p(this, Ge).set(e, this.pos), this.pos += e.byteLength, et(this, Se, Math.max(p(this, Se), this.pos));
+    O(this, oi, Ni).call(this, this.pos + e.byteLength), f(this, Ge).set(e, this.pos), this.pos += e.byteLength, et(this, Se, Math.max(f(this, Se), this.pos));
   }
   finalize() {
-    O(this, ai, Ni).call(this, this.pos), p(this, si).buffer = p(this, Yt).slice(0, Math.max(p(this, Se), this.pos));
+    O(this, oi, Ni).call(this, this.pos), f(this, ai).buffer = f(this, Yt).slice(0, Math.max(f(this, Se), this.pos));
   }
 };
-si = /* @__PURE__ */ new WeakMap();
+ai = /* @__PURE__ */ new WeakMap();
 Yt = /* @__PURE__ */ new WeakMap();
 Ge = /* @__PURE__ */ new WeakMap();
 Se = /* @__PURE__ */ new WeakMap();
-ai = /* @__PURE__ */ new WeakSet();
+oi = /* @__PURE__ */ new WeakSet();
 Ni = function(t) {
-  let e = p(this, Yt).byteLength;
+  let e = f(this, Yt).byteLength;
   for (; e < t; )
     e *= 2;
-  if (e === p(this, Yt).byteLength)
+  if (e === f(this, Yt).byteLength)
     return;
   let i = new ArrayBuffer(e), r = new Uint8Array(i);
-  r.set(p(this, Ge), 0), et(this, Yt, i), et(this, Ge, r);
+  r.set(f(this, Ge), 0), et(this, Yt, i), et(this, Ge, r);
 };
-var Qa = 2 ** 24, to = 2, Pe, Vt, Ce, kt, st, wi, $i, ur, kn, mr, Tn, Ie, vi, gr = class extends En {
+var to = 2 ** 24, eo = 2, Pe, Vt, Ce, kt, st, vi, $i, ur, Tn, mr, An, Ie, yi, gr = class extends kn {
   constructor(e) {
     var i, r;
-    super(), W(this, wi), W(this, ur), W(this, mr), W(this, Ie), W(this, Pe, void 0), W(this, Vt, []), W(this, Ce, void 0), W(this, kt, void 0), W(this, st, []), et(this, Pe, e), et(this, Ce, ((i = e.options) == null ? void 0 : i.chunked) ?? !1), et(this, kt, ((r = e.options) == null ? void 0 : r.chunkSize) ?? Qa);
+    super(), W(this, vi), W(this, ur), W(this, mr), W(this, Ie), W(this, Pe, void 0), W(this, Vt, []), W(this, Ce, void 0), W(this, kt, void 0), W(this, st, []), et(this, Pe, e), et(this, Ce, ((i = e.options) == null ? void 0 : i.chunked) ?? !1), et(this, kt, ((r = e.options) == null ? void 0 : r.chunkSize) ?? to);
   }
   write(e) {
-    p(this, Vt).push({
+    f(this, Vt).push({
       data: e.slice(),
       start: this.pos
     }), this.pos += e.byteLength;
   }
   flush() {
     var r, n;
-    if (p(this, Vt).length === 0)
+    if (f(this, Vt).length === 0)
       return;
-    let e = [], i = [...p(this, Vt)].sort((s, a) => s.start - a.start);
+    let e = [], i = [...f(this, Vt)].sort((s, a) => s.start - a.start);
     e.push({
       start: i[0].start,
       size: i[0].data.byteLength
@@ -2462,14 +2462,14 @@ var Qa = 2 ** 24, to = 2, Pe, Vt, Ce, kt, st, wi, $i, ur, kn, mr, Tn, Ie, vi, gr
     }
     for (let s of e) {
       s.data = new Uint8Array(s.size);
-      for (let a of p(this, Vt))
+      for (let a of f(this, Vt))
         s.start <= a.start && a.start < s.start + s.size && s.data.set(a.data, a.start - s.start);
-      p(this, Ce) ? (O(this, wi, $i).call(this, s.data, s.start), O(this, Ie, vi).call(this)) : (n = (r = p(this, Pe).options).onData) == null || n.call(r, s.data, s.start);
+      f(this, Ce) ? (O(this, vi, $i).call(this, s.data, s.start), O(this, Ie, yi).call(this)) : (n = (r = f(this, Pe).options).onData) == null || n.call(r, s.data, s.start);
     }
-    p(this, Vt).length = 0;
+    f(this, Vt).length = 0;
   }
   finalize() {
-    p(this, Ce) && O(this, Ie, vi).call(this, !0);
+    f(this, Ce) && O(this, Ie, yi).call(this, !0);
   }
 };
 Pe = /* @__PURE__ */ new WeakMap();
@@ -2477,25 +2477,25 @@ Vt = /* @__PURE__ */ new WeakMap();
 Ce = /* @__PURE__ */ new WeakMap();
 kt = /* @__PURE__ */ new WeakMap();
 st = /* @__PURE__ */ new WeakMap();
-wi = /* @__PURE__ */ new WeakSet();
+vi = /* @__PURE__ */ new WeakSet();
 $i = function(t, e) {
-  let i = p(this, st).findIndex((o) => o.start <= e && e < o.start + p(this, kt));
-  i === -1 && (i = O(this, mr, Tn).call(this, e));
-  let r = p(this, st)[i], n = e - r.start, s = t.subarray(0, Math.min(p(this, kt) - n, t.byteLength));
+  let i = f(this, st).findIndex((o) => o.start <= e && e < o.start + f(this, kt));
+  i === -1 && (i = O(this, mr, An).call(this, e));
+  let r = f(this, st)[i], n = e - r.start, s = t.subarray(0, Math.min(f(this, kt) - n, t.byteLength));
   r.data.set(s, n);
   let a = {
     start: n,
     end: n + s.byteLength
   };
-  if (O(this, ur, kn).call(this, r, a), r.written[0].start === 0 && r.written[0].end === p(this, kt) && (r.shouldFlush = !0), p(this, st).length > to) {
-    for (let o = 0; o < p(this, st).length - 1; o++)
-      p(this, st)[o].shouldFlush = !0;
-    O(this, Ie, vi).call(this);
+  if (O(this, ur, Tn).call(this, r, a), r.written[0].start === 0 && r.written[0].end === f(this, kt) && (r.shouldFlush = !0), f(this, st).length > eo) {
+    for (let o = 0; o < f(this, st).length - 1; o++)
+      f(this, st)[o].shouldFlush = !0;
+    O(this, Ie, yi).call(this);
   }
-  s.byteLength < t.byteLength && O(this, wi, $i).call(this, t.subarray(s.byteLength), e + s.byteLength);
+  s.byteLength < t.byteLength && O(this, vi, $i).call(this, t.subarray(s.byteLength), e + s.byteLength);
 };
 ur = /* @__PURE__ */ new WeakSet();
-kn = function(t, e) {
+Tn = function(t, e) {
   let i = 0, r = t.written.length - 1, n = -1;
   for (; i <= r; ) {
     let s = Math.floor(i + (r - i + 1) / 2);
@@ -2505,35 +2505,35 @@ kn = function(t, e) {
     t.written[n].end = Math.max(t.written[n].end, t.written[n + 1].end), t.written.splice(n + 1, 1);
 };
 mr = /* @__PURE__ */ new WeakSet();
-Tn = function(t) {
+An = function(t) {
   let i = {
-    start: Math.floor(t / p(this, kt)) * p(this, kt),
-    data: new Uint8Array(p(this, kt)),
+    start: Math.floor(t / f(this, kt)) * f(this, kt),
+    data: new Uint8Array(f(this, kt)),
     written: [],
     shouldFlush: !1
   };
-  return p(this, st).push(i), p(this, st).sort((r, n) => r.start - n.start), p(this, st).indexOf(i);
+  return f(this, st).push(i), f(this, st).sort((r, n) => r.start - n.start), f(this, st).indexOf(i);
 };
 Ie = /* @__PURE__ */ new WeakSet();
-vi = function(t = !1) {
+yi = function(t = !1) {
   var e, i;
-  for (let r = 0; r < p(this, st).length; r++) {
-    let n = p(this, st)[r];
+  for (let r = 0; r < f(this, st).length; r++) {
+    let n = f(this, st)[r];
     if (!(!n.shouldFlush && !t)) {
       for (let s of n.written)
-        (i = (e = p(this, Pe).options).onData) == null || i.call(
+        (i = (e = f(this, Pe).options).onData) == null || i.call(
           e,
           n.data.subarray(s.start, s.end),
           n.start + s.start
         );
-      p(this, st).splice(r--, 1);
+      f(this, st).splice(r--, 1);
     }
   }
 };
-var eo = class extends gr {
+var io = class extends gr {
   constructor(e) {
     var i;
-    super(new Cn({
+    super(new En({
       onData: (r, n) => e.stream.write({
         type: "write",
         data: r,
@@ -2543,20 +2543,20 @@ var eo = class extends gr {
       chunkSize: (i = e.options) == null ? void 0 : i.chunkSize
     }));
   }
-}, ji = 1e3, io = ["avc", "hevc", "vp9", "av1"], ro = ["aac", "opus"], no = 2082844800, so = ["strict", "offset", "cross-track-offset"], P, B, yi, nt, it, tt, re, oe, wr, Lt, Gt, Re, Hi, An, qi, Mn, vr, Pn, Xi, In, yr, Rn, oi, Yi, ct, bt, br, Bn, Be, bi, _i, _r, ge, Ye, li, Ji, ao = class {
+}, ji = 1e3, ro = ["avc", "hevc", "vp9", "av1"], no = ["aac", "opus"], so = 2082844800, ao = ["strict", "offset", "cross-track-offset"], P, B, bi, nt, it, tt, re, oe, wr, Lt, Gt, Re, Hi, Mn, qi, Pn, vr, In, Xi, Rn, yr, Bn, li, Yi, ct, bt, br, Fn, Be, _i, xi, _r, ge, Ye, hi, Ji, oo = class {
   constructor(e) {
-    if (W(this, Hi), W(this, qi), W(this, vr), W(this, Xi), W(this, yr), W(this, oi), W(this, ct), W(this, br), W(this, Be), W(this, _i), W(this, ge), W(this, li), W(this, P, void 0), W(this, B, void 0), W(this, yi, void 0), W(this, nt, void 0), W(this, it, null), W(this, tt, null), W(this, re, Math.floor(Date.now() / 1e3) + no), W(this, oe, []), W(this, wr, 1), W(this, Lt, []), W(this, Gt, []), W(this, Re, !1), O(this, Hi, An).call(this, e), e.video = Me(e.video), e.audio = Me(e.audio), e.fastStart = Me(e.fastStart), this.target = e.target, et(this, P, {
+    if (W(this, Hi), W(this, qi), W(this, vr), W(this, Xi), W(this, yr), W(this, li), W(this, ct), W(this, br), W(this, Be), W(this, xi), W(this, ge), W(this, hi), W(this, P, void 0), W(this, B, void 0), W(this, bi, void 0), W(this, nt, void 0), W(this, it, null), W(this, tt, null), W(this, re, Math.floor(Date.now() / 1e3) + so), W(this, oe, []), W(this, wr, 1), W(this, Lt, []), W(this, Gt, []), W(this, Re, !1), O(this, Hi, Mn).call(this, e), e.video = Me(e.video), e.audio = Me(e.audio), e.fastStart = Me(e.fastStart), this.target = e.target, et(this, P, {
       firstTimestampBehavior: "strict",
       ...e
-    }), e.target instanceof Sn)
-      et(this, B, new Za(e.target));
-    else if (e.target instanceof Cn)
+    }), e.target instanceof Cn)
+      et(this, B, new Qa(e.target));
+    else if (e.target instanceof En)
       et(this, B, new gr(e.target));
-    else if (e.target instanceof Ka)
-      et(this, B, new eo(e.target));
+    else if (e.target instanceof Za)
+      et(this, B, new io(e.target));
     else
       throw new Error(`Invalid target: ${e.target}`);
-    O(this, Xi, In).call(this), O(this, qi, Mn).call(this);
+    O(this, Xi, Rn).call(this), O(this, qi, Pn).call(this);
   }
   addVideoChunk(e, i, r, n) {
     if (!(e instanceof EncodedVideoChunk))
@@ -2596,19 +2596,19 @@ var eo = class extends gr {
       throw new TypeError(
         "addVideoChunkRaw's sixth argument (compositionTimeOffset), when provided, must be a real number."
       );
-    if (O(this, li, Ji).call(this), !p(this, P).video)
+    if (O(this, hi, Ji).call(this), !f(this, P).video)
       throw new Error("No video track declared.");
-    if (typeof p(this, P).fastStart == "object" && p(this, it).samples.length === p(this, P).fastStart.expectedVideoChunks)
-      throw new Error(`Cannot add more video chunks than specified in 'fastStart' (${p(this, P).fastStart.expectedVideoChunks}).`);
-    let o = O(this, oi, Yi).call(this, p(this, it), e, i, r, n, s, a);
-    if (p(this, P).fastStart === "fragmented" && p(this, tt)) {
-      for (; p(this, Gt).length > 0 && p(this, Gt)[0].decodeTimestamp <= o.decodeTimestamp; ) {
-        let f = p(this, Gt).shift();
-        O(this, ct, bt).call(this, p(this, tt), f);
+    if (typeof f(this, P).fastStart == "object" && f(this, it).samples.length === f(this, P).fastStart.expectedVideoChunks)
+      throw new Error(`Cannot add more video chunks than specified in 'fastStart' (${f(this, P).fastStart.expectedVideoChunks}).`);
+    let o = O(this, li, Yi).call(this, f(this, it), e, i, r, n, s, a);
+    if (f(this, P).fastStart === "fragmented" && f(this, tt)) {
+      for (; f(this, Gt).length > 0 && f(this, Gt)[0].decodeTimestamp <= o.decodeTimestamp; ) {
+        let p = f(this, Gt).shift();
+        O(this, ct, bt).call(this, f(this, tt), p);
       }
-      o.decodeTimestamp <= p(this, tt).lastDecodeTimestamp ? O(this, ct, bt).call(this, p(this, it), o) : p(this, Lt).push(o);
+      o.decodeTimestamp <= f(this, tt).lastDecodeTimestamp ? O(this, ct, bt).call(this, f(this, it), o) : f(this, Lt).push(o);
     } else
-      O(this, ct, bt).call(this, p(this, it), o);
+      O(this, ct, bt).call(this, f(this, it), o);
   }
   addAudioChunk(e, i, r) {
     if (!(e instanceof EncodedAudioChunk))
@@ -2633,75 +2633,75 @@ var eo = class extends gr {
       throw new TypeError("addAudioChunkRaw's fourth argument (duration) must be a non-negative real number.");
     if (s && typeof s != "object")
       throw new TypeError("addAudioChunkRaw's fifth argument (meta), when provided, must be an object.");
-    if (O(this, li, Ji).call(this), !p(this, P).audio)
+    if (O(this, hi, Ji).call(this), !f(this, P).audio)
       throw new Error("No audio track declared.");
-    if (typeof p(this, P).fastStart == "object" && p(this, tt).samples.length === p(this, P).fastStart.expectedAudioChunks)
-      throw new Error(`Cannot add more audio chunks than specified in 'fastStart' (${p(this, P).fastStart.expectedAudioChunks}).`);
-    let a = O(this, oi, Yi).call(this, p(this, tt), e, i, r, n, s);
-    if (p(this, P).fastStart === "fragmented" && p(this, it)) {
-      for (; p(this, Lt).length > 0 && p(this, Lt)[0].decodeTimestamp <= a.decodeTimestamp; ) {
-        let o = p(this, Lt).shift();
-        O(this, ct, bt).call(this, p(this, it), o);
+    if (typeof f(this, P).fastStart == "object" && f(this, tt).samples.length === f(this, P).fastStart.expectedAudioChunks)
+      throw new Error(`Cannot add more audio chunks than specified in 'fastStart' (${f(this, P).fastStart.expectedAudioChunks}).`);
+    let a = O(this, li, Yi).call(this, f(this, tt), e, i, r, n, s);
+    if (f(this, P).fastStart === "fragmented" && f(this, it)) {
+      for (; f(this, Lt).length > 0 && f(this, Lt)[0].decodeTimestamp <= a.decodeTimestamp; ) {
+        let o = f(this, Lt).shift();
+        O(this, ct, bt).call(this, f(this, it), o);
       }
-      a.decodeTimestamp <= p(this, it).lastDecodeTimestamp ? O(this, ct, bt).call(this, p(this, tt), a) : p(this, Gt).push(a);
+      a.decodeTimestamp <= f(this, it).lastDecodeTimestamp ? O(this, ct, bt).call(this, f(this, tt), a) : f(this, Gt).push(a);
     } else
-      O(this, ct, bt).call(this, p(this, tt), a);
+      O(this, ct, bt).call(this, f(this, tt), a);
   }
   /** Finalizes the file, making it ready for use. Must be called after all video and audio chunks have been added. */
   finalize() {
-    if (p(this, Re))
+    if (f(this, Re))
       throw new Error("Cannot finalize a muxer more than once.");
-    if (p(this, P).fastStart === "fragmented") {
-      for (let i of p(this, Lt))
-        O(this, ct, bt).call(this, p(this, it), i);
-      for (let i of p(this, Gt))
-        O(this, ct, bt).call(this, p(this, tt), i);
-      O(this, _i, _r).call(this, !1);
+    if (f(this, P).fastStart === "fragmented") {
+      for (let i of f(this, Lt))
+        O(this, ct, bt).call(this, f(this, it), i);
+      for (let i of f(this, Gt))
+        O(this, ct, bt).call(this, f(this, tt), i);
+      O(this, xi, _r).call(this, !1);
     } else
-      p(this, it) && O(this, Be, bi).call(this, p(this, it)), p(this, tt) && O(this, Be, bi).call(this, p(this, tt));
-    let e = [p(this, it), p(this, tt)].filter(Boolean);
-    if (p(this, P).fastStart === "in-memory") {
+      f(this, it) && O(this, Be, _i).call(this, f(this, it)), f(this, tt) && O(this, Be, _i).call(this, f(this, tt));
+    let e = [f(this, it), f(this, tt)].filter(Boolean);
+    if (f(this, P).fastStart === "in-memory") {
       let i;
       for (let n = 0; n < 2; n++) {
-        let s = ni(e, p(this, re)), a = p(this, B).measureBox(s);
-        i = p(this, B).measureBox(p(this, nt));
-        let o = p(this, B).pos + a + i;
-        for (let f of p(this, oe)) {
-          f.offset = o;
-          for (let { data: g } of f.samples)
-            o += g.byteLength, i += g.byteLength;
+        let s = si(e, f(this, re)), a = f(this, B).measureBox(s);
+        i = f(this, B).measureBox(f(this, nt));
+        let o = f(this, B).pos + a + i;
+        for (let p of f(this, oe)) {
+          p.offset = o;
+          for (let { data: w } of p.samples)
+            o += w.byteLength, i += w.byteLength;
         }
         if (o < 2 ** 32)
           break;
-        i >= 2 ** 32 && (p(this, nt).largeSize = !0);
+        i >= 2 ** 32 && (f(this, nt).largeSize = !0);
       }
-      let r = ni(e, p(this, re));
-      p(this, B).writeBox(r), p(this, nt).size = i, p(this, B).writeBox(p(this, nt));
-      for (let n of p(this, oe))
+      let r = si(e, f(this, re));
+      f(this, B).writeBox(r), f(this, nt).size = i, f(this, B).writeBox(f(this, nt));
+      for (let n of f(this, oe))
         for (let s of n.samples)
-          p(this, B).write(s.data), s.data = null;
-    } else if (p(this, P).fastStart === "fragmented") {
-      let i = p(this, B).pos, r = $a(e);
-      p(this, B).writeBox(r);
-      let n = p(this, B).pos - i;
-      p(this, B).seek(p(this, B).pos - 4), p(this, B).writeU32(n);
+          f(this, B).write(s.data), s.data = null;
+    } else if (f(this, P).fastStart === "fragmented") {
+      let i = f(this, B).pos, r = ja(e);
+      f(this, B).writeBox(r);
+      let n = f(this, B).pos - i;
+      f(this, B).seek(f(this, B).pos - 4), f(this, B).writeU32(n);
     } else {
-      let i = p(this, B).offsets.get(p(this, nt)), r = p(this, B).pos - i;
-      p(this, nt).size = r, p(this, nt).largeSize = r >= 2 ** 32, p(this, B).patchBox(p(this, nt));
-      let n = ni(e, p(this, re));
-      if (typeof p(this, P).fastStart == "object") {
-        p(this, B).seek(p(this, yi)), p(this, B).writeBox(n);
-        let s = i - p(this, B).pos;
-        p(this, B).writeBox(na(s));
+      let i = f(this, B).offsets.get(f(this, nt)), r = f(this, B).pos - i;
+      f(this, nt).size = r, f(this, nt).largeSize = r >= 2 ** 32, f(this, B).patchBox(f(this, nt));
+      let n = si(e, f(this, re));
+      if (typeof f(this, P).fastStart == "object") {
+        f(this, B).seek(f(this, bi)), f(this, B).writeBox(n);
+        let s = i - f(this, B).pos;
+        f(this, B).writeBox(sa(s));
       } else
-        p(this, B).writeBox(n);
+        f(this, B).writeBox(n);
     }
-    O(this, ge, Ye).call(this), p(this, B).finalize(), et(this, Re, !0);
+    O(this, ge, Ye).call(this), f(this, B).finalize(), et(this, Re, !0);
   }
 };
 P = /* @__PURE__ */ new WeakMap();
 B = /* @__PURE__ */ new WeakMap();
-yi = /* @__PURE__ */ new WeakMap();
+bi = /* @__PURE__ */ new WeakMap();
 nt = /* @__PURE__ */ new WeakMap();
 it = /* @__PURE__ */ new WeakMap();
 tt = /* @__PURE__ */ new WeakMap();
@@ -2712,13 +2712,13 @@ Lt = /* @__PURE__ */ new WeakMap();
 Gt = /* @__PURE__ */ new WeakMap();
 Re = /* @__PURE__ */ new WeakMap();
 Hi = /* @__PURE__ */ new WeakSet();
-An = function(t) {
+Mn = function(t) {
   if (typeof t != "object")
     throw new TypeError("The muxer requires an options object to be passed to its constructor.");
-  if (!(t.target instanceof Ai))
+  if (!(t.target instanceof Mi))
     throw new TypeError("The target must be provided and an instance of Target.");
   if (t.video) {
-    if (!io.includes(t.video.codec))
+    if (!ro.includes(t.video.codec))
       throw new TypeError(`Unsupported video codec: ${t.video.codec}`);
     if (!Number.isInteger(t.video.width) || t.video.width <= 0)
       throw new TypeError(`Invalid video width: ${t.video.width}. Must be a positive integer.`);
@@ -2735,7 +2735,7 @@ An = function(t) {
       );
   }
   if (t.audio) {
-    if (!ro.includes(t.audio.codec))
+    if (!no.includes(t.audio.codec))
       throw new TypeError(`Unsupported audio codec: ${t.audio.codec}`);
     if (!Number.isInteger(t.audio.numberOfChannels) || t.audio.numberOfChannels <= 0)
       throw new TypeError(
@@ -2746,7 +2746,7 @@ An = function(t) {
         `Invalid audio sample rate: ${t.audio.sampleRate}. Must be a positive integer.`
       );
   }
-  if (t.firstTimestampBehavior && !so.includes(t.firstTimestampBehavior))
+  if (t.firstTimestampBehavior && !ao.includes(t.firstTimestampBehavior))
     throw new TypeError(`Invalid first timestamp behavior: ${t.firstTimestampBehavior}`);
   if (typeof t.fastStart == "object") {
     if (t.video) {
@@ -2767,48 +2767,48 @@ An = function(t) {
     throw new TypeError("'minFragmentDuration' must be a non-negative number.");
 };
 qi = /* @__PURE__ */ new WeakSet();
-Mn = function() {
+Pn = function() {
   var t;
-  if (p(this, B).writeBox(ra({
-    holdsAvc: ((t = p(this, P).video) == null ? void 0 : t.codec) === "avc",
-    fragmented: p(this, P).fastStart === "fragmented"
-  })), et(this, yi, p(this, B).pos), p(this, P).fastStart === "in-memory")
+  if (f(this, B).writeBox(na({
+    holdsAvc: ((t = f(this, P).video) == null ? void 0 : t.codec) === "avc",
+    fragmented: f(this, P).fastStart === "fragmented"
+  })), et(this, bi, f(this, B).pos), f(this, P).fastStart === "in-memory")
     et(this, nt, Gi(!1));
-  else if (p(this, P).fastStart !== "fragmented") {
-    if (typeof p(this, P).fastStart == "object") {
-      let e = O(this, vr, Pn).call(this);
-      p(this, B).seek(p(this, B).pos + e);
+  else if (f(this, P).fastStart !== "fragmented") {
+    if (typeof f(this, P).fastStart == "object") {
+      let e = O(this, vr, In).call(this);
+      f(this, B).seek(f(this, B).pos + e);
     }
-    et(this, nt, Gi(!0)), p(this, B).writeBox(p(this, nt));
+    et(this, nt, Gi(!0)), f(this, B).writeBox(f(this, nt));
   }
   O(this, ge, Ye).call(this);
 };
 vr = /* @__PURE__ */ new WeakSet();
-Pn = function() {
-  if (typeof p(this, P).fastStart != "object")
+In = function() {
+  if (typeof f(this, P).fastStart != "object")
     return;
   let t = 0, e = [
-    p(this, P).fastStart.expectedVideoChunks,
-    p(this, P).fastStart.expectedAudioChunks
+    f(this, P).fastStart.expectedVideoChunks,
+    f(this, P).fastStart.expectedAudioChunks
   ];
   for (let i of e)
     i && (t += 8 * Math.ceil(2 / 3 * i), t += 4 * i, t += 12 * Math.ceil(2 / 3 * i), t += 4 * i, t += 8 * i);
   return t += 4096, t;
 };
 Xi = /* @__PURE__ */ new WeakSet();
-In = function() {
-  if (p(this, P).video && et(this, it, {
+Rn = function() {
+  if (f(this, P).video && et(this, it, {
     id: 1,
     info: {
       type: "video",
-      codec: p(this, P).video.codec,
-      width: p(this, P).video.width,
-      height: p(this, P).video.height,
-      rotation: p(this, P).video.rotation ?? 0,
+      codec: f(this, P).video.codec,
+      width: f(this, P).video.width,
+      height: f(this, P).video.height,
+      rotation: f(this, P).video.rotation ?? 0,
       decoderConfig: null
     },
     // The fallback contains many common frame rates as factors
-    timescale: p(this, P).video.frameRate ?? 57600,
+    timescale: f(this, P).video.frameRate ?? 57600,
     samples: [],
     finalizedChunks: [],
     currentChunk: null,
@@ -2819,16 +2819,16 @@ In = function() {
     lastTimescaleUnits: null,
     lastSample: null,
     compactlyCodedChunkTable: []
-  }), p(this, P).audio && (et(this, tt, {
-    id: p(this, P).video ? 2 : 1,
+  }), f(this, P).audio && (et(this, tt, {
+    id: f(this, P).video ? 2 : 1,
     info: {
       type: "audio",
-      codec: p(this, P).audio.codec,
-      numberOfChannels: p(this, P).audio.numberOfChannels,
-      sampleRate: p(this, P).audio.sampleRate,
+      codec: f(this, P).audio.codec,
+      numberOfChannels: f(this, P).audio.numberOfChannels,
+      sampleRate: f(this, P).audio.sampleRate,
       decoderConfig: null
     },
-    timescale: p(this, P).audio.sampleRate,
+    timescale: f(this, P).audio.sampleRate,
     samples: [],
     finalizedChunks: [],
     currentChunk: null,
@@ -2839,67 +2839,67 @@ In = function() {
     lastTimescaleUnits: null,
     lastSample: null,
     compactlyCodedChunkTable: []
-  }), p(this, P).audio.codec === "aac")) {
-    let t = O(this, yr, Rn).call(
+  }), f(this, P).audio.codec === "aac")) {
+    let t = O(this, yr, Bn).call(
       this,
       2,
       // Object type for AAC-LC, since it's the most common
-      p(this, P).audio.sampleRate,
-      p(this, P).audio.numberOfChannels
+      f(this, P).audio.sampleRate,
+      f(this, P).audio.numberOfChannels
     );
-    p(this, tt).info.decoderConfig = {
-      codec: p(this, P).audio.codec,
+    f(this, tt).info.decoderConfig = {
+      codec: f(this, P).audio.codec,
       description: t,
-      numberOfChannels: p(this, P).audio.numberOfChannels,
-      sampleRate: p(this, P).audio.sampleRate
+      numberOfChannels: f(this, P).audio.numberOfChannels,
+      sampleRate: f(this, P).audio.sampleRate
     };
   }
 };
 yr = /* @__PURE__ */ new WeakSet();
-Rn = function(t, e, i) {
+Bn = function(t, e, i) {
   let n = [96e3, 88200, 64e3, 48e3, 44100, 32e3, 24e3, 22050, 16e3, 12e3, 11025, 8e3, 7350].indexOf(e), s = i, a = "";
   a += t.toString(2).padStart(5, "0"), a += n.toString(2).padStart(4, "0"), n === 15 && (a += e.toString(2).padStart(24, "0")), a += s.toString(2).padStart(4, "0");
   let o = Math.ceil(a.length / 8) * 8;
   a = a.padEnd(o, "0");
-  let f = new Uint8Array(a.length / 8);
-  for (let g = 0; g < a.length; g += 8)
-    f[g / 8] = parseInt(a.slice(g, g + 8), 2);
-  return f;
+  let p = new Uint8Array(a.length / 8);
+  for (let w = 0; w < a.length; w += 8)
+    p[w / 8] = parseInt(a.slice(w, w + 8), 2);
+  return p;
 };
-oi = /* @__PURE__ */ new WeakSet();
+li = /* @__PURE__ */ new WeakSet();
 Yi = function(t, e, i, r, n, s, a) {
-  let o = r / 1e6, f = (r - (a ?? 0)) / 1e6, g = n / 1e6, v = O(this, br, Bn).call(this, o, f, t);
-  return o = v.presentationTimestamp, f = v.decodeTimestamp, s != null && s.decoderConfig && (t.info.decoderConfig === null ? t.info.decoderConfig = s.decoderConfig : Object.assign(t.info.decoderConfig, s.decoderConfig)), {
+  let o = r / 1e6, p = (r - (a ?? 0)) / 1e6, w = n / 1e6, v = O(this, br, Fn).call(this, o, p, t);
+  return o = v.presentationTimestamp, p = v.decodeTimestamp, s != null && s.decoderConfig && (t.info.decoderConfig === null ? t.info.decoderConfig = s.decoderConfig : Object.assign(t.info.decoderConfig, s.decoderConfig)), {
     presentationTimestamp: o,
-    decodeTimestamp: f,
-    duration: g,
+    decodeTimestamp: p,
+    duration: w,
     data: e,
     size: e.byteLength,
     type: i,
     // Will be refined once the next sample comes in
-    timescaleUnitsToNextSample: wt(g, t.timescale)
+    timescaleUnitsToNextSample: wt(w, t.timescale)
   };
 };
 ct = /* @__PURE__ */ new WeakSet();
 bt = function(t, e) {
-  p(this, P).fastStart !== "fragmented" && t.samples.push(e);
+  f(this, P).fastStart !== "fragmented" && t.samples.push(e);
   const i = wt(e.presentationTimestamp - e.decodeTimestamp, t.timescale);
   if (t.lastTimescaleUnits !== null) {
     let n = wt(e.decodeTimestamp, t.timescale, !1), s = Math.round(n - t.lastTimescaleUnits);
-    if (t.lastTimescaleUnits += s, t.lastSample.timescaleUnitsToNextSample = s, p(this, P).fastStart !== "fragmented") {
-      let a = gi(t.timeToSampleTable);
+    if (t.lastTimescaleUnits += s, t.lastSample.timescaleUnitsToNextSample = s, f(this, P).fastStart !== "fragmented") {
+      let a = wi(t.timeToSampleTable);
       a.sampleCount === 1 ? (a.sampleDelta = s, a.sampleCount++) : a.sampleDelta === s ? a.sampleCount++ : (a.sampleCount--, t.timeToSampleTable.push({
         sampleCount: 2,
         sampleDelta: s
       }));
-      const o = gi(t.compositionTimeOffsetTable);
+      const o = wi(t.compositionTimeOffsetTable);
       o.sampleCompositionTimeOffset === i ? o.sampleCount++ : t.compositionTimeOffsetTable.push({
         sampleCount: 1,
         sampleCompositionTimeOffset: i
       });
     }
   } else
-    t.lastTimescaleUnits = 0, p(this, P).fastStart !== "fragmented" && (t.timeToSampleTable.push({
+    t.lastTimescaleUnits = 0, f(this, P).fastStart !== "fragmented" && (t.timeToSampleTable.push({
       sampleCount: 1,
       sampleDelta: wt(e.duration, t.timescale)
     }), t.compositionTimeOffsetTable.push({
@@ -2912,22 +2912,22 @@ bt = function(t, e) {
     r = !0;
   else {
     let n = e.presentationTimestamp - t.currentChunk.startTimestamp;
-    if (p(this, P).fastStart === "fragmented") {
-      let s = p(this, it) ?? p(this, tt);
-      const a = p(this, P).minFragmentDuration ?? 1;
-      t === s && e.type === "key" && n >= a && (r = !0, O(this, _i, _r).call(this));
+    if (f(this, P).fastStart === "fragmented") {
+      let s = f(this, it) ?? f(this, tt);
+      const a = f(this, P).minFragmentDuration ?? 1;
+      t === s && e.type === "key" && n >= a && (r = !0, O(this, xi, _r).call(this));
     } else
       r = n >= 0.5;
   }
-  r && (t.currentChunk && O(this, Be, bi).call(this, t), t.currentChunk = {
+  r && (t.currentChunk && O(this, Be, _i).call(this, t), t.currentChunk = {
     startTimestamp: e.presentationTimestamp,
     samples: []
   }), t.currentChunk.samples.push(e);
 };
 br = /* @__PURE__ */ new WeakSet();
-Bn = function(t, e, i) {
+Fn = function(t, e, i) {
   var a, o;
-  const r = p(this, P).firstTimestampBehavior === "strict", n = i.lastDecodeTimestamp === -1;
+  const r = f(this, P).firstTimestampBehavior === "strict", n = i.lastDecodeTimestamp === -1;
   if (r && n && e !== 0)
     throw new Error(
       `The first chunk for your media track must have a timestamp of 0 (received DTS=${e}).Non-zero first timestamps are often caused by directly piping frames or audio data from a MediaStreamTrack into the encoder. Their timestamps are typically relative to the age of thedocument, which is probably what you want.
@@ -2935,13 +2935,13 @@ Bn = function(t, e, i) {
 If you want to offset all timestamps of a track such that the first one is zero, set firstTimestampBehavior: 'offset' in the options.
 `
     );
-  if (p(this, P).firstTimestampBehavior === "offset" || p(this, P).firstTimestampBehavior === "cross-track-offset") {
+  if (f(this, P).firstTimestampBehavior === "offset" || f(this, P).firstTimestampBehavior === "cross-track-offset") {
     i.firstDecodeTimestamp === void 0 && (i.firstDecodeTimestamp = e);
-    let f;
-    p(this, P).firstTimestampBehavior === "offset" ? f = i.firstDecodeTimestamp : f = Math.min(
-      ((a = p(this, it)) == null ? void 0 : a.firstDecodeTimestamp) ?? 1 / 0,
-      ((o = p(this, tt)) == null ? void 0 : o.firstDecodeTimestamp) ?? 1 / 0
-    ), e -= f, t -= f;
+    let p;
+    f(this, P).firstTimestampBehavior === "offset" ? p = i.firstDecodeTimestamp : p = Math.min(
+      ((a = f(this, it)) == null ? void 0 : a.firstDecodeTimestamp) ?? 1 / 0,
+      ((o = f(this, tt)) == null ? void 0 : o.firstDecodeTimestamp) ?? 1 / 0
+    ), e -= p, t -= p;
   }
   if (e < i.lastDecodeTimestamp)
     throw new Error(
@@ -2950,66 +2950,66 @@ If you want to offset all timestamps of a track such that the first one is zero,
   return i.lastDecodeTimestamp = e, { presentationTimestamp: t, decodeTimestamp: e };
 };
 Be = /* @__PURE__ */ new WeakSet();
-bi = function(t) {
-  if (p(this, P).fastStart === "fragmented")
+_i = function(t) {
+  if (f(this, P).fastStart === "fragmented")
     throw new Error("Can't finalize individual chunks if 'fastStart' is set to 'fragmented'.");
   if (t.currentChunk) {
-    if (t.finalizedChunks.push(t.currentChunk), p(this, oe).push(t.currentChunk), (t.compactlyCodedChunkTable.length === 0 || gi(t.compactlyCodedChunkTable).samplesPerChunk !== t.currentChunk.samples.length) && t.compactlyCodedChunkTable.push({
+    if (t.finalizedChunks.push(t.currentChunk), f(this, oe).push(t.currentChunk), (t.compactlyCodedChunkTable.length === 0 || wi(t.compactlyCodedChunkTable).samplesPerChunk !== t.currentChunk.samples.length) && t.compactlyCodedChunkTable.push({
       firstChunk: t.finalizedChunks.length,
       // 1-indexed
       samplesPerChunk: t.currentChunk.samples.length
-    }), p(this, P).fastStart === "in-memory") {
+    }), f(this, P).fastStart === "in-memory") {
       t.currentChunk.offset = 0;
       return;
     }
-    t.currentChunk.offset = p(this, B).pos;
+    t.currentChunk.offset = f(this, B).pos;
     for (let e of t.currentChunk.samples)
-      p(this, B).write(e.data), e.data = null;
+      f(this, B).write(e.data), e.data = null;
     O(this, ge, Ye).call(this);
   }
 };
-_i = /* @__PURE__ */ new WeakSet();
+xi = /* @__PURE__ */ new WeakSet();
 _r = function(t = !0) {
-  if (p(this, P).fastStart !== "fragmented")
+  if (f(this, P).fastStart !== "fragmented")
     throw new Error("Can't finalize a fragment unless 'fastStart' is set to 'fragmented'.");
-  let e = [p(this, it), p(this, tt)].filter((o) => o && o.currentChunk);
+  let e = [f(this, it), f(this, tt)].filter((o) => o && o.currentChunk);
   if (e.length === 0)
     return;
-  let i = ta(this, wr)._++;
+  let i = ea(this, wr)._++;
   if (i === 1) {
-    let o = ni(e, p(this, re), !0);
-    p(this, B).writeBox(o);
+    let o = si(e, f(this, re), !0);
+    f(this, B).writeBox(o);
   }
-  let r = p(this, B).pos, n = Jr(i, e);
-  p(this, B).writeBox(n);
+  let r = f(this, B).pos, n = Jr(i, e);
+  f(this, B).writeBox(n);
   {
-    let o = Gi(!1), f = 0;
+    let o = Gi(!1), p = 0;
     for (let v of e)
-      for (let u of v.currentChunk.samples)
-        f += u.size;
-    let g = p(this, B).measureBox(o) + f;
-    g >= 2 ** 32 && (o.largeSize = !0, g = p(this, B).measureBox(o) + f), o.size = g, p(this, B).writeBox(o);
+      for (let m of v.currentChunk.samples)
+        p += m.size;
+    let w = f(this, B).measureBox(o) + p;
+    w >= 2 ** 32 && (o.largeSize = !0, w = f(this, B).measureBox(o) + p), o.size = w, f(this, B).writeBox(o);
   }
   for (let o of e) {
-    o.currentChunk.offset = p(this, B).pos, o.currentChunk.moofOffset = r;
-    for (let f of o.currentChunk.samples)
-      p(this, B).write(f.data), f.data = null;
+    o.currentChunk.offset = f(this, B).pos, o.currentChunk.moofOffset = r;
+    for (let p of o.currentChunk.samples)
+      f(this, B).write(p.data), p.data = null;
   }
-  let s = p(this, B).pos;
-  p(this, B).seek(p(this, B).offsets.get(n));
+  let s = f(this, B).pos;
+  f(this, B).seek(f(this, B).offsets.get(n));
   let a = Jr(i, e);
-  p(this, B).writeBox(a), p(this, B).seek(s);
+  f(this, B).writeBox(a), f(this, B).seek(s);
   for (let o of e)
-    o.finalizedChunks.push(o.currentChunk), p(this, oe).push(o.currentChunk), o.currentChunk = null;
+    o.finalizedChunks.push(o.currentChunk), f(this, oe).push(o.currentChunk), o.currentChunk = null;
   t && O(this, ge, Ye).call(this);
 };
 ge = /* @__PURE__ */ new WeakSet();
 Ye = function() {
-  p(this, B) instanceof gr && p(this, B).flush();
+  f(this, B) instanceof gr && f(this, B).flush();
 };
-li = /* @__PURE__ */ new WeakSet();
+hi = /* @__PURE__ */ new WeakSet();
 Ji = function() {
-  if (p(this, Re))
+  if (f(this, Re))
     throw new Error("Cannot add new video or audio chunks after the file has been finalized.");
 };
 var xr = (t, e, i) => {
@@ -3019,7 +3019,7 @@ var xr = (t, e, i) => {
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, i);
-}, F = (t, e, i, r) => (xr(t, e, "write to private field"), e.set(t, i), i), T = (t, e, i) => (xr(t, e, "access private method"), i), Fn = class {
+}, F = (t, e, i, r) => (xr(t, e, "write to private field"), e.set(t, i), i), T = (t, e, i) => (xr(t, e, "access private method"), i), Dn = class {
   constructor(t) {
     this.value = t;
   }
@@ -3027,7 +3027,7 @@ var xr = (t, e, i) => {
   constructor(t) {
     this.value = t;
   }
-}, Dn = (t) => t < 256 ? 1 : t < 65536 ? 2 : t < 1 << 24 ? 3 : t < 2 ** 32 ? 4 : t < 2 ** 40 ? 5 : 6, oo = (t) => {
+}, Un = (t) => t < 256 ? 1 : t < 65536 ? 2 : t < 1 << 24 ? 3 : t < 2 ** 32 ? 4 : t < 2 ** 40 ? 5 : 6, lo = (t) => {
   if (t < 127)
     return 1;
   if (t < 16383)
@@ -3044,21 +3044,21 @@ var xr = (t, e, i) => {
 }, Qt = (t, e, i) => {
   let r = 0;
   for (let n = e; n < i; n++) {
-    let s = Math.floor(n / 8), a = t[s], o = 7 - (n & 7), f = (a & 1 << o) >> o;
-    r <<= 1, r |= f;
+    let s = Math.floor(n / 8), a = t[s], o = 7 - (n & 7), p = (a & 1 << o) >> o;
+    r <<= 1, r |= p;
   }
   return r;
-}, lo = (t, e, i, r) => {
+}, ho = (t, e, i, r) => {
   for (let n = e; n < i; n++) {
     let s = Math.floor(n / 8), a = t[s], o = 7 - (n & 7);
     a &= ~(1 << o), a |= (r & 1 << i - n - 1) >> i - n - 1 << o, t[s] = a;
   }
-}, Mi = class {
-}, Un = class extends Mi {
+}, Pi = class {
+}, Wn = class extends Pi {
   constructor() {
     super(...arguments), this.buffer = null;
   }
-}, Wn = class extends Mi {
+}, zn = class extends Pi {
   constructor(t) {
     if (super(), this.options = t, typeof t != "object")
       throw new TypeError("StreamTarget requires an options object to be passed to its constructor.");
@@ -3079,7 +3079,7 @@ var xr = (t, e, i) => {
     if (t.chunkSize !== void 0 && (!Number.isInteger(t.chunkSize) || t.chunkSize < 1024))
       throw new TypeError("options.chunkSize, when provided, must be an integer and not smaller than 1024.");
   }
-}, ho = class extends Mi {
+}, co = class extends Pi {
   constructor(t, e) {
     if (super(), this.stream = t, this.options = e, !(t instanceof FileSystemWritableFileStream))
       throw new TypeError("FileSystemWritableFileStreamTarget requires a FileSystemWritableFileStream instance.");
@@ -3088,14 +3088,14 @@ var xr = (t, e, i) => {
     if (e && e.chunkSize !== void 0 && (!Number.isInteger(e.chunkSize) || e.chunkSize <= 0))
       throw new TypeError("options.chunkSize, when provided, must be a positive integer");
   }
-}, Dt, $, Ki, zn, Zi, On, Qi, Vn, hi, tr, er, Ln, Gn = class {
+}, Dt, $, Ki, On, Zi, Vn, Qi, Ln, di, tr, er, Gn, Nn = class {
   constructor() {
-    x(this, Ki), x(this, Zi), x(this, Qi), x(this, hi), x(this, er), this.pos = 0, x(this, Dt, new Uint8Array(8)), x(this, $, new DataView(h(this, Dt).buffer)), this.offsets = /* @__PURE__ */ new WeakMap(), this.dataOffsets = /* @__PURE__ */ new WeakMap();
+    x(this, Ki), x(this, Zi), x(this, Qi), x(this, di), x(this, er), this.pos = 0, x(this, Dt, new Uint8Array(8)), x(this, $, new DataView(h(this, Dt).buffer)), this.offsets = /* @__PURE__ */ new WeakMap(), this.dataOffsets = /* @__PURE__ */ new WeakMap();
   }
   seek(t) {
     this.pos = t;
   }
-  writeEBMLVarInt(t, e = oo(t)) {
+  writeEBMLVarInt(t, e = lo(t)) {
     let i = 0;
     switch (e) {
       case 1:
@@ -3128,36 +3128,36 @@ var xr = (t, e, i) => {
       else if (Array.isArray(t))
         for (let e of t)
           this.writeEBML(e);
-      else if (this.offsets.set(t, this.pos), T(this, hi, tr).call(this, t.id), Array.isArray(t.data)) {
+      else if (this.offsets.set(t, this.pos), T(this, di, tr).call(this, t.id), Array.isArray(t.data)) {
         let e = this.pos, i = t.size === -1 ? 1 : t.size ?? 4;
-        t.size === -1 ? T(this, Ki, zn).call(this, 255) : this.seek(this.pos + i);
+        t.size === -1 ? T(this, Ki, On).call(this, 255) : this.seek(this.pos + i);
         let r = this.pos;
         if (this.dataOffsets.set(t, r), this.writeEBML(t.data), t.size !== -1) {
           let n = this.pos - r, s = this.pos;
           this.seek(e), this.writeEBMLVarInt(n, i), this.seek(s);
         }
       } else if (typeof t.data == "number") {
-        let e = t.size ?? Dn(t.data);
-        this.writeEBMLVarInt(e), T(this, hi, tr).call(this, t.data, e);
-      } else typeof t.data == "string" ? (this.writeEBMLVarInt(t.data.length), T(this, er, Ln).call(this, t.data)) : t.data instanceof Uint8Array ? (this.writeEBMLVarInt(t.data.byteLength, t.size), this.write(t.data)) : t.data instanceof Fn ? (this.writeEBMLVarInt(4), T(this, Zi, On).call(this, t.data.value)) : t.data instanceof Sr && (this.writeEBMLVarInt(8), T(this, Qi, Vn).call(this, t.data.value));
+        let e = t.size ?? Un(t.data);
+        this.writeEBMLVarInt(e), T(this, di, tr).call(this, t.data, e);
+      } else typeof t.data == "string" ? (this.writeEBMLVarInt(t.data.length), T(this, er, Gn).call(this, t.data)) : t.data instanceof Uint8Array ? (this.writeEBMLVarInt(t.data.byteLength, t.size), this.write(t.data)) : t.data instanceof Dn ? (this.writeEBMLVarInt(4), T(this, Zi, Vn).call(this, t.data.value)) : t.data instanceof Sr && (this.writeEBMLVarInt(8), T(this, Qi, Ln).call(this, t.data.value));
   }
 };
 Dt = /* @__PURE__ */ new WeakMap();
 $ = /* @__PURE__ */ new WeakMap();
 Ki = /* @__PURE__ */ new WeakSet();
-zn = function(t) {
+On = function(t) {
   h(this, $).setUint8(0, t), this.write(h(this, Dt).subarray(0, 1));
 };
 Zi = /* @__PURE__ */ new WeakSet();
-On = function(t) {
+Vn = function(t) {
   h(this, $).setFloat32(0, t, !1), this.write(h(this, Dt).subarray(0, 4));
 };
 Qi = /* @__PURE__ */ new WeakSet();
-Vn = function(t) {
+Ln = function(t) {
   h(this, $).setFloat64(0, t, !1), this.write(h(this, Dt));
 };
-hi = /* @__PURE__ */ new WeakSet();
-tr = function(t, e = Dn(t)) {
+di = /* @__PURE__ */ new WeakSet();
+tr = function(t, e = Un(t)) {
   let i = 0;
   switch (e) {
     case 6:
@@ -3179,24 +3179,24 @@ tr = function(t, e = Dn(t)) {
   this.write(h(this, Dt).subarray(0, i));
 };
 er = /* @__PURE__ */ new WeakSet();
-Ln = function(t) {
+Gn = function(t) {
   this.write(new Uint8Array(t.split("").map((e) => e.charCodeAt(0))));
 };
-var di, Jt, Ne, ci, ir, co = class extends Gn {
+var ci, Jt, Ne, pi, ir, po = class extends Nn {
   constructor(t) {
-    super(), x(this, ci), x(this, di, void 0), x(this, Jt, new ArrayBuffer(2 ** 16)), x(this, Ne, new Uint8Array(h(this, Jt))), F(this, di, t);
+    super(), x(this, pi), x(this, ci, void 0), x(this, Jt, new ArrayBuffer(2 ** 16)), x(this, Ne, new Uint8Array(h(this, Jt))), F(this, ci, t);
   }
   write(t) {
-    T(this, ci, ir).call(this, this.pos + t.byteLength), h(this, Ne).set(t, this.pos), this.pos += t.byteLength;
+    T(this, pi, ir).call(this, this.pos + t.byteLength), h(this, Ne).set(t, this.pos), this.pos += t.byteLength;
   }
   finalize() {
-    T(this, ci, ir).call(this, this.pos), h(this, di).buffer = h(this, Jt).slice(0, this.pos);
+    T(this, pi, ir).call(this, this.pos), h(this, ci).buffer = h(this, Jt).slice(0, this.pos);
   }
 };
-di = /* @__PURE__ */ new WeakMap();
+ci = /* @__PURE__ */ new WeakMap();
 Jt = /* @__PURE__ */ new WeakMap();
 Ne = /* @__PURE__ */ new WeakMap();
-ci = /* @__PURE__ */ new WeakSet();
+pi = /* @__PURE__ */ new WeakSet();
 ir = function(t) {
   let e = h(this, Jt).byteLength;
   for (; e < t; )
@@ -3206,7 +3206,7 @@ ir = function(t) {
   let i = new ArrayBuffer(e), r = new Uint8Array(i);
   r.set(h(this, Ne), 0), F(this, Jt, i), F(this, Ne, r);
 };
-var ie, pt, ft, Nt, Je = class extends Gn {
+var ie, pt, ft, Nt, Je = class extends Nn {
   constructor(t) {
     super(), this.target = t, x(this, ie, !1), x(this, pt, void 0), x(this, ft, void 0), x(this, Nt, void 0);
   }
@@ -3246,10 +3246,10 @@ ie = /* @__PURE__ */ new WeakMap();
 pt = /* @__PURE__ */ new WeakMap();
 ft = /* @__PURE__ */ new WeakMap();
 Nt = /* @__PURE__ */ new WeakMap();
-var po = 2 ** 24, fo = 2, $t, le, Fe, Ee, Tt, at, xi, rr, Cr, Nn, Er, $n, De, Si, kr = class extends Je {
+var fo = 2 ** 24, uo = 2, $t, le, Fe, Ee, Tt, at, Si, rr, Cr, $n, Er, jn, De, Ci, kr = class extends Je {
   constructor(t, e) {
     var i, r;
-    super(t), x(this, xi), x(this, Cr), x(this, Er), x(this, De), x(this, $t, []), x(this, le, 0), x(this, Fe, void 0), x(this, Ee, void 0), x(this, Tt, void 0), x(this, at, []), F(this, Fe, e), F(this, Ee, ((i = t.options) == null ? void 0 : i.chunked) ?? !1), F(this, Tt, ((r = t.options) == null ? void 0 : r.chunkSize) ?? po);
+    super(t), x(this, Si), x(this, Cr), x(this, Er), x(this, De), x(this, $t, []), x(this, le, 0), x(this, Fe, void 0), x(this, Ee, void 0), x(this, Tt, void 0), x(this, at, []), F(this, Fe, e), F(this, Ee, ((i = t.options) == null ? void 0 : i.chunked) ?? !1), F(this, Tt, ((r = t.options) == null ? void 0 : r.chunkSize) ?? fo);
   }
   write(t) {
     super.write(t), h(this, $t).push({
@@ -3278,7 +3278,7 @@ var po = 2 ** 24, fo = 2, $t, le, Fe, Ee, Tt, at, xi, rr, Cr, Nn, Er, $n, De, Si
       for (let s of h(this, $t))
         n.start <= s.start && s.start < n.start + n.size && n.data.set(s.data, s.start - n.start);
       if (h(this, Ee))
-        T(this, xi, rr).call(this, n.data, n.start), T(this, De, Si).call(this);
+        T(this, Si, rr).call(this, n.data, n.start), T(this, De, Ci).call(this);
       else {
         if (h(this, Fe) && n.start < h(this, le))
           throw new Error("Internal error: Monotonicity violation.");
@@ -3288,7 +3288,7 @@ var po = 2 ** 24, fo = 2, $t, le, Fe, Ee, Tt, at, xi, rr, Cr, Nn, Er, $n, De, Si
     h(this, $t).length = 0;
   }
   finalize() {
-    h(this, Ee) && T(this, De, Si).call(this, !0);
+    h(this, Ee) && T(this, De, Ci).call(this, !0);
   }
 };
 $t = /* @__PURE__ */ new WeakMap();
@@ -3297,25 +3297,25 @@ Fe = /* @__PURE__ */ new WeakMap();
 Ee = /* @__PURE__ */ new WeakMap();
 Tt = /* @__PURE__ */ new WeakMap();
 at = /* @__PURE__ */ new WeakMap();
-xi = /* @__PURE__ */ new WeakSet();
+Si = /* @__PURE__ */ new WeakSet();
 rr = function(t, e) {
   let i = h(this, at).findIndex((o) => o.start <= e && e < o.start + h(this, Tt));
-  i === -1 && (i = T(this, Er, $n).call(this, e));
+  i === -1 && (i = T(this, Er, jn).call(this, e));
   let r = h(this, at)[i], n = e - r.start, s = t.subarray(0, Math.min(h(this, Tt) - n, t.byteLength));
   r.data.set(s, n);
   let a = {
     start: n,
     end: n + s.byteLength
   };
-  if (T(this, Cr, Nn).call(this, r, a), r.written[0].start === 0 && r.written[0].end === h(this, Tt) && (r.shouldFlush = !0), h(this, at).length > fo) {
+  if (T(this, Cr, $n).call(this, r, a), r.written[0].start === 0 && r.written[0].end === h(this, Tt) && (r.shouldFlush = !0), h(this, at).length > uo) {
     for (let o = 0; o < h(this, at).length - 1; o++)
       h(this, at)[o].shouldFlush = !0;
-    T(this, De, Si).call(this);
+    T(this, De, Ci).call(this);
   }
-  s.byteLength < t.byteLength && T(this, xi, rr).call(this, t.subarray(s.byteLength), e + s.byteLength);
+  s.byteLength < t.byteLength && T(this, Si, rr).call(this, t.subarray(s.byteLength), e + s.byteLength);
 };
 Cr = /* @__PURE__ */ new WeakSet();
-Nn = function(t, e) {
+$n = function(t, e) {
   let i = 0, r = t.written.length - 1, n = -1;
   for (; i <= r; ) {
     let s = Math.floor(i + (r - i + 1) / 2);
@@ -3325,7 +3325,7 @@ Nn = function(t, e) {
     t.written[n].end = Math.max(t.written[n].end, t.written[n + 1].end), t.written.splice(n + 1, 1);
 };
 Er = /* @__PURE__ */ new WeakSet();
-$n = function(t) {
+jn = function(t) {
   let i = {
     start: Math.floor(t / h(this, Tt)) * h(this, Tt),
     data: new Uint8Array(h(this, Tt)),
@@ -3335,7 +3335,7 @@ $n = function(t) {
   return h(this, at).push(i), h(this, at).sort((r, n) => r.start - n.start), h(this, at).indexOf(i);
 };
 De = /* @__PURE__ */ new WeakSet();
-Si = function(t = !1) {
+Ci = function(t = !1) {
   var e, i;
   for (let r = 0; r < h(this, at).length; r++) {
     let n = h(this, at)[r];
@@ -3353,10 +3353,10 @@ Si = function(t = !1) {
     }
   }
 };
-var uo = class extends kr {
+var mo = class extends kr {
   constructor(t, e) {
     var i;
-    super(new Wn({
+    super(new zn({
       onData: (r, n) => t.stream.write({
         type: "write",
         data: r,
@@ -3366,23 +3366,23 @@ var uo = class extends kr {
       chunkSize: (i = t.options) == null ? void 0 : i.chunkSize
     }), e);
   }
-}, we = 1, $e = 2, Ci = 3, mo = 1, go = 2, wo = 17, vo = 2 ** 15, Ue = 2 ** 13, Kr = "https://github.com/Vanilagy/webm-muxer", jn = 6, Hn = 5, yo = ["strict", "offset", "permissive"], R, A, je, He, xt, ve, ne, Kt, ye, Ut, he, de, gt, Ke, ce, Rt, Bt, jt, We, ze, pe, fe, Ei, qe, Oe, nr, qn, sr, Xn, Tr, Yn, Ar, Jn, Mr, Kn, Pr, Zn, Ir, Qn, Pi, Rr, Ii, Br, Fr, ts, Ht, se, qt, ae, ar, es, or, is, ke, pi, Te, fi, Dr, rs, ut, _t, ue, Xe, Ve, ki, Ur, ns, Ti, Wr, Ae, ui, bo = class {
+}, we = 1, $e = 2, Ei = 3, go = 1, wo = 2, vo = 17, yo = 2 ** 15, Ue = 2 ** 13, Kr = "https://github.com/Vanilagy/webm-muxer", Hn = 6, qn = 5, bo = ["strict", "offset", "permissive"], R, A, je, He, xt, ve, ne, Kt, ye, Ut, he, de, gt, Ke, ce, Rt, Bt, jt, We, ze, pe, fe, ki, qe, Oe, nr, Xn, sr, Yn, Tr, Jn, Ar, Kn, Mr, Zn, Pr, Qn, Ir, ts, Ii, Rr, Ri, Br, Fr, es, Ht, se, qt, ae, ar, is, or, rs, ke, fi, Te, ui, Dr, ns, ut, _t, ue, Xe, Ve, Ti, Ur, ss, Ai, Wr, Ae, mi, _o = class {
   constructor(t) {
-    x(this, nr), x(this, sr), x(this, Tr), x(this, Ar), x(this, Mr), x(this, Pr), x(this, Ir), x(this, Pi), x(this, Ii), x(this, Fr), x(this, Ht), x(this, qt), x(this, ar), x(this, or), x(this, ke), x(this, Te), x(this, Dr), x(this, ut), x(this, ue), x(this, Ve), x(this, Ur), x(this, Ti), x(this, Ae), x(this, R, void 0), x(this, A, void 0), x(this, je, void 0), x(this, He, void 0), x(this, xt, void 0), x(this, ve, void 0), x(this, ne, void 0), x(this, Kt, void 0), x(this, ye, void 0), x(this, Ut, void 0), x(this, he, void 0), x(this, de, void 0), x(this, gt, void 0), x(this, Ke, void 0), x(this, ce, 0), x(this, Rt, []), x(this, Bt, []), x(this, jt, []), x(this, We, void 0), x(this, ze, void 0), x(this, pe, -1), x(this, fe, -1), x(this, Ei, -1), x(this, qe, void 0), x(this, Oe, !1), T(this, nr, qn).call(this, t), F(this, R, {
+    x(this, nr), x(this, sr), x(this, Tr), x(this, Ar), x(this, Mr), x(this, Pr), x(this, Ir), x(this, Ii), x(this, Ri), x(this, Fr), x(this, Ht), x(this, qt), x(this, ar), x(this, or), x(this, ke), x(this, Te), x(this, Dr), x(this, ut), x(this, ue), x(this, Ve), x(this, Ur), x(this, Ai), x(this, Ae), x(this, R, void 0), x(this, A, void 0), x(this, je, void 0), x(this, He, void 0), x(this, xt, void 0), x(this, ve, void 0), x(this, ne, void 0), x(this, Kt, void 0), x(this, ye, void 0), x(this, Ut, void 0), x(this, he, void 0), x(this, de, void 0), x(this, gt, void 0), x(this, Ke, void 0), x(this, ce, 0), x(this, Rt, []), x(this, Bt, []), x(this, jt, []), x(this, We, void 0), x(this, ze, void 0), x(this, pe, -1), x(this, fe, -1), x(this, ki, -1), x(this, qe, void 0), x(this, Oe, !1), T(this, nr, Xn).call(this, t), F(this, R, {
       type: "webm",
       firstTimestampBehavior: "strict",
       ...t
     }), this.target = t.target;
     let e = !!h(this, R).streaming;
-    if (t.target instanceof Un)
-      F(this, A, new co(t.target));
-    else if (t.target instanceof Wn)
+    if (t.target instanceof Wn)
+      F(this, A, new po(t.target));
+    else if (t.target instanceof zn)
       F(this, A, new kr(t.target, e));
-    else if (t.target instanceof ho)
-      F(this, A, new uo(t.target, e));
+    else if (t.target instanceof co)
+      F(this, A, new mo(t.target, e));
     else
       throw new Error(`Invalid target: ${t.target}`);
-    T(this, sr, Xn).call(this);
+    T(this, sr, Yn).call(this);
   }
   addVideoChunk(t, e, i) {
     if (!(t instanceof EncodedVideoChunk))
@@ -3405,15 +3405,15 @@ var uo = class extends kr {
       throw new TypeError("addVideoChunkRaw's third argument (timestamp) must be a non-negative real number.");
     if (r && typeof r != "object")
       throw new TypeError("addVideoChunkRaw's fourth argument (meta), when provided, must be an object.");
-    if (T(this, Ae, ui).call(this), !h(this, R).video)
+    if (T(this, Ae, mi).call(this), !h(this, R).video)
       throw new Error("No video track declared.");
-    h(this, We) === void 0 && F(this, We, i), r && T(this, ar, es).call(this, r);
-    let n = T(this, Te, fi).call(this, t, e, i, we);
-    for (h(this, R).video.codec === "V_VP9" && T(this, or, is).call(this, n), F(this, pe, n.timestamp); h(this, Bt).length > 0 && h(this, Bt)[0].timestamp <= n.timestamp; ) {
+    h(this, We) === void 0 && F(this, We, i), r && T(this, ar, is).call(this, r);
+    let n = T(this, Te, ui).call(this, t, e, i, we);
+    for (h(this, R).video.codec === "V_VP9" && T(this, or, rs).call(this, n), F(this, pe, n.timestamp); h(this, Bt).length > 0 && h(this, Bt)[0].timestamp <= n.timestamp; ) {
       let s = h(this, Bt).shift();
       T(this, ut, _t).call(this, s, !1);
     }
-    !h(this, R).audio || n.timestamp <= h(this, fe) ? T(this, ut, _t).call(this, n, !0) : h(this, Rt).push(n), T(this, ke, pi).call(this), T(this, Ht, se).call(this);
+    !h(this, R).audio || n.timestamp <= h(this, fe) ? T(this, ut, _t).call(this, n, !0) : h(this, Rt).push(n), T(this, ke, fi).call(this), T(this, Ht, se).call(this);
   }
   addAudioChunk(t, e, i) {
     if (!(t instanceof EncodedAudioChunk))
@@ -3436,15 +3436,15 @@ var uo = class extends kr {
       throw new TypeError("addAudioChunkRaw's third argument (timestamp) must be a non-negative real number.");
     if (r && typeof r != "object")
       throw new TypeError("addAudioChunkRaw's fourth argument (meta), when provided, must be an object.");
-    if (T(this, Ae, ui).call(this), !h(this, R).audio)
+    if (T(this, Ae, mi).call(this), !h(this, R).audio)
       throw new Error("No audio track declared.");
-    h(this, ze) === void 0 && F(this, ze, i), r != null && r.decoderConfig && (h(this, R).streaming ? F(this, Ut, T(this, ue, Xe).call(this, r.decoderConfig.description)) : T(this, Ve, ki).call(this, h(this, Ut), r.decoderConfig.description));
-    let n = T(this, Te, fi).call(this, t, e, i, $e);
+    h(this, ze) === void 0 && F(this, ze, i), r != null && r.decoderConfig && (h(this, R).streaming ? F(this, Ut, T(this, ue, Xe).call(this, r.decoderConfig.description)) : T(this, Ve, Ti).call(this, h(this, Ut), r.decoderConfig.description));
+    let n = T(this, Te, ui).call(this, t, e, i, $e);
     for (F(this, fe, n.timestamp); h(this, Rt).length > 0 && h(this, Rt)[0].timestamp <= n.timestamp; ) {
       let s = h(this, Rt).shift();
       T(this, ut, _t).call(this, s, !0);
     }
-    !h(this, R).video || n.timestamp <= h(this, pe) ? T(this, ut, _t).call(this, n, !h(this, R).video) : h(this, Bt).push(n), T(this, ke, pi).call(this), T(this, Ht, se).call(this);
+    !h(this, R).video || n.timestamp <= h(this, pe) ? T(this, ut, _t).call(this, n, !h(this, R).video) : h(this, Bt).push(n), T(this, ke, fi).call(this), T(this, Ht, se).call(this);
   }
   addSubtitleChunk(t, e, i) {
     if (typeof t != "object" || !t)
@@ -3459,11 +3459,11 @@ var uo = class extends kr {
       throw new TypeError("additions, when present, must be an instance of Uint8Array.");
     if (typeof e != "object")
       throw new TypeError("addSubtitleChunk's second argument (meta) must be an object.");
-    if (T(this, Ae, ui).call(this), !h(this, R).subtitles)
+    if (T(this, Ae, mi).call(this), !h(this, R).subtitles)
       throw new Error("No subtitle track declared.");
-    e != null && e.decoderConfig && (h(this, R).streaming ? F(this, he, T(this, ue, Xe).call(this, e.decoderConfig.description)) : T(this, Ve, ki).call(this, h(this, he), e.decoderConfig.description));
-    let r = T(this, Te, fi).call(this, t.body, "key", i ?? t.timestamp, Ci, t.duration, t.additions);
-    F(this, Ei, r.timestamp), h(this, jt).push(r), T(this, ke, pi).call(this), T(this, Ht, se).call(this);
+    e != null && e.decoderConfig && (h(this, R).streaming ? F(this, he, T(this, ue, Xe).call(this, e.decoderConfig.description)) : T(this, Ve, Ti).call(this, h(this, he), e.decoderConfig.description));
+    let r = T(this, Te, ui).call(this, t.body, "key", i ?? t.timestamp, Ei, t.duration, t.additions);
+    F(this, ki, r.timestamp), h(this, jt).push(r), T(this, ke, fi).call(this), T(this, Ht, se).call(this);
   }
   finalize() {
     if (h(this, Oe))
@@ -3474,9 +3474,9 @@ var uo = class extends kr {
       T(this, ut, _t).call(this, h(this, Bt).shift(), !0);
     for (; h(this, jt).length > 0 && h(this, jt)[0].timestamp <= h(this, ce); )
       T(this, ut, _t).call(this, h(this, jt).shift(), !1);
-    if (h(this, gt) && T(this, Ti, Wr).call(this), h(this, A).writeEBML(h(this, de)), !h(this, R).streaming) {
+    if (h(this, gt) && T(this, Ai, Wr).call(this), h(this, A).writeEBML(h(this, de)), !h(this, R).streaming) {
       let t = h(this, A).pos, e = h(this, A).pos - h(this, qt, ae);
-      h(this, A).seek(h(this, A).offsets.get(h(this, je)) + 4), h(this, A).writeEBMLVarInt(e, jn), h(this, ne).data = new Sr(h(this, ce)), h(this, A).seek(h(this, A).offsets.get(h(this, ne))), h(this, A).writeEBML(h(this, ne)), h(this, xt).data[0].data[1].data = h(this, A).offsets.get(h(this, de)) - h(this, qt, ae), h(this, xt).data[1].data[1].data = h(this, A).offsets.get(h(this, He)) - h(this, qt, ae), h(this, xt).data[2].data[1].data = h(this, A).offsets.get(h(this, ve)) - h(this, qt, ae), h(this, A).seek(h(this, A).offsets.get(h(this, xt))), h(this, A).writeEBML(h(this, xt)), h(this, A).seek(t);
+      h(this, A).seek(h(this, A).offsets.get(h(this, je)) + 4), h(this, A).writeEBMLVarInt(e, Hn), h(this, ne).data = new Sr(h(this, ce)), h(this, A).seek(h(this, A).offsets.get(h(this, ne))), h(this, A).writeEBML(h(this, ne)), h(this, xt).data[0].data[1].data = h(this, A).offsets.get(h(this, de)) - h(this, qt, ae), h(this, xt).data[1].data[1].data = h(this, A).offsets.get(h(this, He)) - h(this, qt, ae), h(this, xt).data[2].data[1].data = h(this, A).offsets.get(h(this, ve)) - h(this, qt, ae), h(this, A).seek(h(this, A).offsets.get(h(this, xt))), h(this, A).writeEBML(h(this, xt)), h(this, A).seek(t);
     }
     T(this, Ht, se).call(this), h(this, A).finalize(), F(this, Oe, !0);
   }
@@ -3503,14 +3503,14 @@ We = /* @__PURE__ */ new WeakMap();
 ze = /* @__PURE__ */ new WeakMap();
 pe = /* @__PURE__ */ new WeakMap();
 fe = /* @__PURE__ */ new WeakMap();
-Ei = /* @__PURE__ */ new WeakMap();
+ki = /* @__PURE__ */ new WeakMap();
 qe = /* @__PURE__ */ new WeakMap();
 Oe = /* @__PURE__ */ new WeakMap();
 nr = /* @__PURE__ */ new WeakSet();
-qn = function(t) {
+Xn = function(t) {
   if (typeof t != "object")
     throw new TypeError("The muxer requires an options object to be passed to its constructor.");
-  if (!(t.target instanceof Mi))
+  if (!(t.target instanceof Pi))
     throw new TypeError("The target must be provided and an instance of Target.");
   if (t.video) {
     if (typeof t.video.codec != "string")
@@ -3546,17 +3546,17 @@ qn = function(t) {
     throw new TypeError(`Invalid subtitles codec: ${t.subtitles.codec}. Must be a string.`);
   if (t.type !== void 0 && !["webm", "matroska"].includes(t.type))
     throw new TypeError(`Invalid type: ${t.type}. Must be 'webm' or 'matroska'.`);
-  if (t.firstTimestampBehavior && !yo.includes(t.firstTimestampBehavior))
+  if (t.firstTimestampBehavior && !bo.includes(t.firstTimestampBehavior))
     throw new TypeError(`Invalid first timestamp behavior: ${t.firstTimestampBehavior}`);
   if (t.streaming !== void 0 && typeof t.streaming != "boolean")
     throw new TypeError(`Invalid streaming option: ${t.streaming}. Must be a boolean.`);
 };
 sr = /* @__PURE__ */ new WeakSet();
-Xn = function() {
-  h(this, A) instanceof Je && h(this, A).target.options.onHeader && h(this, A).startTrackingWrites(), T(this, Tr, Yn).call(this), h(this, R).streaming || T(this, Pr, Zn).call(this), T(this, Ir, Qn).call(this), T(this, Ar, Jn).call(this), T(this, Mr, Kn).call(this), h(this, R).streaming || (T(this, Pi, Rr).call(this), T(this, Ii, Br).call(this)), T(this, Fr, ts).call(this), T(this, Ht, se).call(this);
+Yn = function() {
+  h(this, A) instanceof Je && h(this, A).target.options.onHeader && h(this, A).startTrackingWrites(), T(this, Tr, Jn).call(this), h(this, R).streaming || T(this, Pr, Qn).call(this), T(this, Ir, ts).call(this), T(this, Ar, Kn).call(this), T(this, Mr, Zn).call(this), h(this, R).streaming || (T(this, Ii, Rr).call(this), T(this, Ri, Br).call(this)), T(this, Fr, es).call(this), T(this, Ht, se).call(this);
 };
 Tr = /* @__PURE__ */ new WeakSet();
-Yn = function() {
+Jn = function() {
   let t = { id: 440786851, data: [
     { id: 17030, data: 1 },
     { id: 17143, data: 1 },
@@ -3569,11 +3569,11 @@ Yn = function() {
   h(this, A).writeEBML(t);
 };
 Ar = /* @__PURE__ */ new WeakSet();
-Jn = function() {
+Kn = function() {
   F(this, ye, { id: 236, size: 4, data: new Uint8Array(Ue) }), F(this, Ut, { id: 236, size: 4, data: new Uint8Array(Ue) }), F(this, he, { id: 236, size: 4, data: new Uint8Array(Ue) });
 };
 Mr = /* @__PURE__ */ new WeakSet();
-Kn = function() {
+Zn = function() {
   F(this, Kt, { id: 21936, data: [
     { id: 21937, data: 2 },
     { id: 21946, data: 2 },
@@ -3582,7 +3582,7 @@ Kn = function() {
   ] });
 };
 Pr = /* @__PURE__ */ new WeakSet();
-Zn = function() {
+Qn = function() {
   const t = new Uint8Array([28, 83, 187, 107]), e = new Uint8Array([21, 73, 169, 102]), i = new Uint8Array([22, 84, 174, 107]);
   F(this, xt, { id: 290298740, data: [
     { id: 19899, data: [
@@ -3600,7 +3600,7 @@ Zn = function() {
   ] });
 };
 Ir = /* @__PURE__ */ new WeakSet();
-Qn = function() {
+ts = function() {
   let t = { id: 17545, data: new Sr(0) };
   F(this, ne, t);
   let e = { id: 357149030, data: [
@@ -3611,13 +3611,13 @@ Qn = function() {
   ] };
   F(this, He, e);
 };
-Pi = /* @__PURE__ */ new WeakSet();
+Ii = /* @__PURE__ */ new WeakSet();
 Rr = function() {
   let t = { id: 374648427, data: [] };
   F(this, ve, t), h(this, R).video && t.data.push({ id: 174, data: [
     { id: 215, data: we },
     { id: 29637, data: we },
-    { id: 131, data: mo },
+    { id: 131, data: go },
     { id: 134, data: h(this, R).video.codec },
     h(this, ye),
     h(this, R).video.frameRate ? { id: 2352003, data: 1e9 / h(this, R).video.frameRate } : null,
@@ -3630,27 +3630,27 @@ Rr = function() {
   ] }), h(this, R).audio && (F(this, Ut, h(this, R).streaming ? h(this, Ut) || null : { id: 236, size: 4, data: new Uint8Array(Ue) }), t.data.push({ id: 174, data: [
     { id: 215, data: $e },
     { id: 29637, data: $e },
-    { id: 131, data: go },
+    { id: 131, data: wo },
     { id: 134, data: h(this, R).audio.codec },
     h(this, Ut),
     { id: 225, data: [
-      { id: 181, data: new Fn(h(this, R).audio.sampleRate) },
+      { id: 181, data: new Dn(h(this, R).audio.sampleRate) },
       { id: 159, data: h(this, R).audio.numberOfChannels },
       h(this, R).audio.bitDepth ? { id: 25188, data: h(this, R).audio.bitDepth } : null
     ] }
   ] })), h(this, R).subtitles && t.data.push({ id: 174, data: [
-    { id: 215, data: Ci },
-    { id: 29637, data: Ci },
-    { id: 131, data: wo },
+    { id: 215, data: Ei },
+    { id: 29637, data: Ei },
+    { id: 131, data: vo },
     { id: 134, data: h(this, R).subtitles.codec },
     h(this, he)
   ] });
 };
-Ii = /* @__PURE__ */ new WeakSet();
+Ri = /* @__PURE__ */ new WeakSet();
 Br = function() {
   let t = {
     id: 408125543,
-    size: h(this, R).streaming ? -1 : jn,
+    size: h(this, R).streaming ? -1 : Hn,
     data: [
       h(this, R).streaming ? null : h(this, xt),
       h(this, He),
@@ -3663,7 +3663,7 @@ Br = function() {
   }
 };
 Fr = /* @__PURE__ */ new WeakSet();
-ts = function() {
+es = function() {
   F(this, de, { id: 475249515, data: [] });
 };
 Ht = /* @__PURE__ */ new WeakSet();
@@ -3675,7 +3675,7 @@ ae = function() {
   return h(this, A).dataOffsets.get(h(this, je));
 };
 ar = /* @__PURE__ */ new WeakSet();
-es = function(t) {
+is = function(t) {
   if (t.decoderConfig) {
     if (t.decoderConfig.colorSpace) {
       let e = t.decoderConfig.colorSpace;
@@ -3702,11 +3702,11 @@ es = function(t) {
         h(this, A).seek(h(this, A).offsets.get(h(this, Kt))), h(this, A).writeEBML(h(this, Kt)), h(this, A).seek(i);
       }
     }
-    t.decoderConfig.description && (h(this, R).streaming ? F(this, ye, T(this, ue, Xe).call(this, t.decoderConfig.description)) : T(this, Ve, ki).call(this, h(this, ye), t.decoderConfig.description));
+    t.decoderConfig.description && (h(this, R).streaming ? F(this, ye, T(this, ue, Xe).call(this, t.decoderConfig.description)) : T(this, Ve, Ti).call(this, h(this, ye), t.decoderConfig.description));
   }
 };
 or = /* @__PURE__ */ new WeakSet();
-is = function(t) {
+rs = function(t) {
   if (t.type !== "key" || !h(this, qe))
     return;
   let e = 0;
@@ -3732,10 +3732,10 @@ is = function(t) {
     bt470bg: 1,
     smpte170m: 3
   }[h(this, qe).matrix];
-  lo(t.data, e + 0, e + 3, a);
+  ho(t.data, e + 0, e + 3, a);
 };
 ke = /* @__PURE__ */ new WeakSet();
-pi = function() {
+fi = function() {
   let t = Math.min(
     h(this, R).video ? h(this, pe) : 1 / 0,
     h(this, R).audio ? h(this, fe) : 1 / 0
@@ -3744,8 +3744,8 @@ pi = function() {
     T(this, ut, _t).call(this, e.shift(), !h(this, R).video && !h(this, R).audio);
 };
 Te = /* @__PURE__ */ new WeakSet();
-fi = function(t, e, i, r, n, s) {
-  let a = T(this, Dr, rs).call(this, i, r);
+ui = function(t, e, i, r, n, s) {
+  let a = T(this, Dr, ns).call(this, i, r);
   return {
     data: t,
     additions: s,
@@ -3756,9 +3756,9 @@ fi = function(t, e, i, r, n, s) {
   };
 };
 Dr = /* @__PURE__ */ new WeakSet();
-rs = function(t, e) {
-  let i = e === we ? h(this, pe) : e === $e ? h(this, fe) : h(this, Ei);
-  if (e !== Ci) {
+ns = function(t, e) {
+  let i = e === we ? h(this, pe) : e === $e ? h(this, fe) : h(this, ki);
+  if (e !== Ei) {
     let r = e === we ? h(this, We) : h(this, ze);
     if (h(this, R).firstTimestampBehavior === "strict" && i === -1 && t !== 0)
       throw new Error(
@@ -3780,28 +3780,28 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
 };
 ut = /* @__PURE__ */ new WeakSet();
 _t = function(t, e) {
-  h(this, R).streaming && !h(this, ve) && (T(this, Pi, Rr).call(this), T(this, Ii, Br).call(this));
-  let i = Math.floor(t.timestamp / 1e3), r = i - h(this, Ke), n = e && t.type === "key" && r >= 1e3, s = r >= vo;
-  if ((!h(this, gt) || n || s) && (T(this, Ur, ns).call(this, i), r = 0), r < 0)
+  h(this, R).streaming && !h(this, ve) && (T(this, Ii, Rr).call(this), T(this, Ri, Br).call(this));
+  let i = Math.floor(t.timestamp / 1e3), r = i - h(this, Ke), n = e && t.type === "key" && r >= 1e3, s = r >= yo;
+  if ((!h(this, gt) || n || s) && (T(this, Ur, ss).call(this, i), r = 0), r < 0)
     return;
   let a = new Uint8Array(4), o = new DataView(a.buffer);
   if (o.setUint8(0, 128 | t.trackNumber), o.setInt16(1, r, !1), t.duration === void 0 && !t.additions) {
     o.setUint8(3, +(t.type === "key") << 7);
-    let f = { id: 163, data: [
+    let p = { id: 163, data: [
       a,
       t.data
     ] };
-    h(this, A).writeEBML(f);
+    h(this, A).writeEBML(p);
   } else {
-    let f = Math.floor(t.duration / 1e3), g = { id: 160, data: [
+    let p = Math.floor(t.duration / 1e3), w = { id: 160, data: [
       { id: 161, data: [
         a,
         t.data
       ] },
-      t.duration !== void 0 ? { id: 155, data: f } : null,
+      t.duration !== void 0 ? { id: 155, data: p } : null,
       t.additions ? { id: 30113, data: t.additions } : null
     ] };
-    h(this, A).writeEBML(g);
+    h(this, A).writeEBML(w);
   }
   F(this, ce, Math.max(h(this, ce), i));
 };
@@ -3810,7 +3810,7 @@ Xe = function(t) {
   return { id: 25506, size: 4, data: new Uint8Array(t) };
 };
 Ve = /* @__PURE__ */ new WeakSet();
-ki = function(t, e) {
+Ti = function(t, e) {
   let i = h(this, A).pos;
   h(this, A).seek(h(this, A).offsets.get(t));
   let r = 6 + e.byteLength, n = Ue - r;
@@ -3824,10 +3824,10 @@ ki = function(t, e) {
   ], h(this, A).writeEBML(t), h(this, A).seek(i);
 };
 Ur = /* @__PURE__ */ new WeakSet();
-ns = function(t) {
-  h(this, gt) && T(this, Ti, Wr).call(this), h(this, A) instanceof Je && h(this, A).target.options.onCluster && h(this, A).startTrackingWrites(), F(this, gt, {
+ss = function(t) {
+  h(this, gt) && T(this, Ai, Wr).call(this), h(this, A) instanceof Je && h(this, A).target.options.onCluster && h(this, A).startTrackingWrites(), F(this, gt, {
     id: 524531317,
-    size: h(this, R).streaming ? -1 : Hn,
+    size: h(this, R).streaming ? -1 : qn,
     data: [
       { id: 231, data: t }
     ]
@@ -3845,11 +3845,11 @@ ns = function(t) {
     ] } : null
   ] });
 };
-Ti = /* @__PURE__ */ new WeakSet();
+Ai = /* @__PURE__ */ new WeakSet();
 Wr = function() {
   if (!h(this, R).streaming) {
     let t = h(this, A).pos - h(this, A).dataOffsets.get(h(this, gt)), e = h(this, A).pos;
-    h(this, A).seek(h(this, A).offsets.get(h(this, gt)) + 4), h(this, A).writeEBMLVarInt(t, Hn), h(this, A).seek(e);
+    h(this, A).seek(h(this, A).offsets.get(h(this, gt)) + 4), h(this, A).writeEBMLVarInt(t, qn), h(this, A).seek(e);
   }
   if (h(this, A) instanceof Je && h(this, A).target.options.onCluster) {
     let { data: t, start: e } = h(this, A).getTrackedWrites();
@@ -3857,24 +3857,24 @@ Wr = function() {
   }
 };
 Ae = /* @__PURE__ */ new WeakSet();
-ui = function() {
+mi = function() {
   if (h(this, Oe))
     throw new Error("Cannot add new video or audio chunks after the file has been finalized.");
 };
 new TextEncoder();
-async function _o(t, e = {}) {
+async function xo(t, e = {}) {
   if (!t.frames.length) throw new Error("[p5.export] encodeGIF: no frames to encode");
-  const i = gn(), r = Math.round(1e3 / t.fps), n = e.maxColors ?? 256, s = t.frames.length;
+  const i = wn(), r = Math.round(1e3 / t.fps), n = e.maxColors ?? 256, s = t.frames.length;
   for (let a = 0; a < s; a++) {
-    const o = t.frames[a], f = un(o, n), g = mn(o, f);
-    i.writeFrame(g, t.width, t.height, { palette: f, delay: r }), e.onProgress && e.onProgress((a + 1) / s), (a & 15) === 15 && await new Promise((v) => setTimeout(v, 0));
+    const o = t.frames[a], p = mn(o, n), w = gn(o, p);
+    i.writeFrame(w, t.width, t.height, { palette: p, delay: r }), e.onProgress && e.onProgress((a + 1) / s), (a & 15) === 15 && await new Promise((v) => setTimeout(v, 0));
   }
   return i.finish(), new Blob([i.bytes()], { type: "image/gif" });
 }
-function xo() {
+function So() {
   return typeof window < "u" && typeof window.VideoEncoder == "function" && typeof window.VideoFrame == "function";
 }
-const So = {
+const Co = {
   mp4: [
     "avc1.640028",
     // H.264 High @ 4.0   — most modern devices
@@ -3891,13 +3891,13 @@ const So = {
     "vp8",
     "av01.0.04M.08"
   ]
-}, Co = { avc1: "avc", av01: "av1", hvc1: "hevc", hev1: "hevc" }, Eo = { vp09: "V_VP9", vp9: "V_VP9", vp8: "V_VP8", av01: "V_AV1" };
-function ko(t, e) {
+}, Eo = { avc1: "avc", av01: "av1", hvc1: "hevc", hev1: "hevc" }, ko = { vp09: "V_VP9", vp9: "V_VP9", vp8: "V_VP8", av01: "V_AV1" };
+function To(t, e) {
   const i = e.split(".")[0].toLowerCase();
-  return (t === "mp4" ? Co : Eo)[i] || (t === "mp4" ? "avc" : "V_VP9");
+  return (t === "mp4" ? Eo : ko)[i] || (t === "mp4" ? "avc" : "V_VP9");
 }
-async function To(t, { width: e, height: i, fps: r, bitrate: n }) {
-  for (const s of So[t] || [])
+async function Ao(t, { width: e, height: i, fps: r, bitrate: n }) {
+  for (const s of Co[t] || [])
     for (const a of [{ hardwareAcceleration: "prefer-hardware" }, {}])
       try {
         const o = await VideoEncoder.isConfigSupported({
@@ -3913,23 +3913,23 @@ async function To(t, { width: e, height: i, fps: r, bitrate: n }) {
       }
   return null;
 }
-async function Ao(t, e) {
-  const i = e.format === "mp4" ? "mp4" : "webm", r = t.width, n = t.height, s = t.fps, a = e.bitsPerSecond ?? Math.min(4e7, Math.max(15e5, Math.round(r * n * s * 0.2))), o = await To(i, { width: r, height: n, fps: s, bitrate: a });
+async function Mo(t, e) {
+  const i = e.format === "mp4" ? "mp4" : "webm", r = t.width, n = t.height, s = t.fps, a = e.bitsPerSecond ?? Math.min(4e7, Math.max(15e5, Math.round(r * n * s * 0.2))), o = await Ao(i, { width: r, height: n, fps: s, bitrate: a });
   if (!o)
     throw new Error(`[p5.export] WebCodecs: no supported ${i.toUpperCase()} codec for ${r}×${n} @ ${s}fps`);
-  const f = i === "mp4" ? new Sn() : new Un(), g = ko(i, o), v = i === "mp4" ? new ao({
-    target: f,
-    video: { codec: g, width: r, height: n, frameRate: s },
+  const p = i === "mp4" ? new Cn() : new Wn(), w = To(i, o), v = i === "mp4" ? new oo({
+    target: p,
+    video: { codec: w, width: r, height: n, frameRate: s },
     fastStart: "in-memory"
-  }) : new bo({
-    target: f,
-    video: { codec: g, width: r, height: n, frameRate: s }
+  }) : new _o({
+    target: p,
+    video: { codec: w, width: r, height: n, frameRate: s }
   });
-  let u = null;
+  let m = null;
   const l = new VideoEncoder({
     output: (E, D) => v.addVideoChunk(E, D),
     error: (E) => {
-      u = u || E;
+      m = m || E;
     }
   }), d = { codec: o, width: r, height: n, bitrate: a, framerate: s };
   o.startsWith("avc1") && (d.avc = { format: "avc" });
@@ -3938,32 +3938,32 @@ async function Ao(t, e) {
     { ...d }
     // no hint at all
   ];
-  let m = null;
+  let u = null;
   for (const E of c)
     try {
-      l.configure(E), m = E;
+      l.configure(E), u = E;
       break;
     } catch {
     }
-  if (!m)
+  if (!u)
     throw new Error(`[p5.export] could not configure VideoEncoder for ${o}`);
-  const w = 1e6 / s, y = t.frames.length, M = Math.max(1, Math.round(s * 2)), S = 16;
+  const g = 1e6 / s, y = t.frames.length, M = Math.max(1, Math.round(s * 2)), S = 16;
   for (let E = 0; E < y; E++) {
-    if (u) throw u;
+    if (m) throw m;
     for (; l.encodeQueueSize > S; )
-      if (await new Promise((I) => setTimeout(I, 0)), u) throw u;
+      if (await new Promise((I) => setTimeout(I, 0)), m) throw m;
     const D = new VideoFrame(t.frames[E], {
       format: "RGBA",
       codedWidth: r,
       codedHeight: n,
-      timestamp: Math.round(E * w),
-      duration: Math.round(w)
+      timestamp: Math.round(E * g),
+      duration: Math.round(g)
     });
     l.encode(D, { keyFrame: E % M === 0 }), D.close(), e.onProgress && e.onProgress((E + 1) / y), (E & 31) === 31 && await new Promise((I) => setTimeout(I, 0));
   }
-  if (await l.flush(), u) throw u;
+  if (await l.flush(), m) throw m;
   v.finalize();
-  const _ = new Blob([f.buffer], {
+  const _ = new Blob([p.buffer], {
     type: i === "mp4" ? "video/mp4" : "video/webm"
   });
   return _.__ext = i, _;
@@ -3972,29 +3972,29 @@ const ei = {
   webm: ["video/webm;codecs=vp9", "video/webm;codecs=vp8", "video/webm"],
   mp4: ["video/mp4;codecs=avc1", "video/mp4;codecs=h264", "video/mp4"]
 };
-function Mo(t) {
+function Po(t) {
   const e = t === "mp4" ? [...ei.mp4, ...ei.webm] : [...ei.webm, ...ei.mp4];
   for (const i of e)
     if (typeof MediaRecorder < "u" && MediaRecorder.isTypeSupported(i))
       return { mime: i, ext: i.startsWith("video/mp4") ? "mp4" : "webm" };
   return null;
 }
-function Po(t, e) {
+function Io(t, e) {
   return new Promise((i, r) => {
-    const n = e.format || "webm", s = Mo(n);
+    const n = e.format || "webm", s = Po(n);
     if (!s) return r(new Error("[p5.export] MediaRecorder fallback: no supported mime"));
     n === "mp4" && s.ext !== "mp4" && console.warn("[p5.export] MP4 unsupported here — falling back to WebM.");
     const a = document.createElement("canvas");
     a.width = t.width, a.height = t.height;
-    const o = a.getContext("2d"), f = a.captureStream(t.fps), g = { mimeType: s.mime };
-    e.bitsPerSecond && (g.videoBitsPerSecond = e.bitsPerSecond);
-    const v = new MediaRecorder(f, g), u = [];
-    v.ondataavailable = (m) => {
-      m.data && m.data.size && u.push(m.data);
-    }, v.onerror = (m) => r(m.error || new Error("MediaRecorder error")), v.onstop = () => {
-      f.getTracks().forEach((w) => w.stop());
-      const m = new Blob(u, { type: s.mime });
-      m.__ext = s.ext, i(m);
+    const o = a.getContext("2d"), p = a.captureStream(t.fps), w = { mimeType: s.mime };
+    e.bitsPerSecond && (w.videoBitsPerSecond = e.bitsPerSecond);
+    const v = new MediaRecorder(p, w), m = [];
+    v.ondataavailable = (u) => {
+      u.data && u.data.size && m.push(u.data);
+    }, v.onerror = (u) => r(u.error || new Error("MediaRecorder error")), v.onstop = () => {
+      p.getTracks().forEach((g) => g.stop());
+      const u = new Blob(m, { type: s.mime });
+      u.__ext = s.ext, i(u);
     }, o.putImageData(new ImageData(t.frames[0], t.width, t.height), 0, 0), v.start();
     const l = 1e3 / t.fps;
     let d = 1;
@@ -4008,12 +4008,12 @@ function Po(t, e) {
     setTimeout(c, l);
   });
 }
-async function Io(t, e = {}) {
+async function Ro(t, e = {}) {
   if (!t.frames.length) throw new Error("[p5.export] encodeVideo: no frames to encode");
-  if (xo()) {
+  if (So()) {
     const i = performance.now();
     try {
-      const r = await Ao(t, e), n = performance.now() - i | 0;
+      const r = await Mo(t, e), n = performance.now() - i | 0;
       return console.info(`[p5.export] WebCodecs encoded ${t.frames.length} frames in ${n}ms (${t.frames.length / (n / 1e3) | 0} fps).`), r;
     } catch (r) {
       console.warn(
@@ -4023,38 +4023,38 @@ async function Io(t, e = {}) {
     }
   } else
     console.info("[p5.export] WebCodecs not available in this browser; using MediaRecorder (real-time).");
-  return Po(t, e);
+  return Io(t, e);
 }
-async function Ro(t, e = {}) {
+async function Bo(t, e = {}) {
   if (!t || !t.frames.length)
     throw new Error("[p5.export] encodeAnimatedWebP: buffer has no frames");
-  const { width: i, height: r, fps: n, frames: s } = t, a = Lo(e.quality ?? 0.85), o = Math.max(0, e.loop ?? 0), f = Math.max(1, Math.round(1e3 / (n || 30)));
-  await Bo(i, r);
-  const g = document.createElement("canvas");
-  g.width = i, g.height = r;
-  const v = g.getContext("2d"), u = v.createImageData(i, r), l = [];
-  for (let m = 0; m < s.length; m++) {
-    u.data.set(s[m]), v.putImageData(u, 0, 0);
-    const w = await ss(g, a), y = new Uint8Array(await w.arrayBuffer());
-    l.push(Fo(y)), e.onProgress && e.onProgress((m + 1) / s.length);
-  }
-  const d = zo([
-    zi("VP8X", Do(i, r)),
-    zi("ANIM", Uo(o)),
-    ...l.map((m) => zi("ANMF", Wo(i, r, f, m)))
+  const { width: i, height: r, fps: n, frames: s } = t, a = Go(e.quality ?? 0.85), o = Math.max(0, e.loop ?? 0), p = Math.max(1, Math.round(1e3 / (n || 30)));
+  await Fo(i, r);
+  const w = document.createElement("canvas");
+  w.width = i, w.height = r;
+  const v = w.getContext("2d"), m = v.createImageData(i, r), l = [];
+  for (let u = 0; u < s.length; u++) {
+    m.data.set(s[u]), v.putImageData(m, 0, 0);
+    const g = await as(w, a), y = new Uint8Array(await g.arrayBuffer());
+    l.push(Do(y)), e.onProgress && e.onProgress((u + 1) / s.length);
+  }
+  const d = Oo([
+    Oi("VP8X", Uo(i, r)),
+    Oi("ANIM", Wo(o)),
+    ...l.map((u) => Oi("ANMF", zo(i, r, p, u)))
   ]), c = new Uint8Array(12 + d.length);
-  return lr(c, 0, "RIFF"), as(c, 4, 4 + d.length), lr(c, 8, "WEBP"), c.set(d, 12), new Blob([c], { type: "image/webp" });
+  return lr(c, 0, "RIFF"), os(c, 4, 4 + d.length), lr(c, 8, "WEBP"), c.set(d, 12), new Blob([c], { type: "image/webp" });
 }
-async function Bo(t, e) {
+async function Fo(t, e) {
   const i = document.createElement("canvas");
   i.width = Math.min(8, t), i.height = Math.min(8, e);
-  const r = await ss(i, 0.9);
+  const r = await as(i, 0.9);
   if (!r || r.type !== "image/webp")
     throw new Error(
       "[p5.export] This browser doesn't encode WebP from canvas — animated WebP export is unavailable. Use MP4 or WebM instead, or try the latest Chrome/Firefox/Safari."
     );
 }
-function ss(t, e) {
+function as(t, e) {
   return new Promise((i, r) => {
     t.toBlob(
       (n) => n ? i(n) : r(new Error("canvas.toBlob returned null")),
@@ -4063,35 +4063,35 @@ function ss(t, e) {
     );
   });
 }
-function Fo(t) {
+function Do(t) {
   let e = 12;
   for (; e + 8 <= t.length; ) {
-    const i = String.fromCharCode(t[e], t[e + 1], t[e + 2], t[e + 3]), r = Vo(t, e + 4), n = r + (r & 1);
+    const i = String.fromCharCode(t[e], t[e + 1], t[e + 2], t[e + 3]), r = Lo(t, e + 4), n = r + (r & 1);
     if (i === "VP8 " || i === "VP8L")
       return t.slice(e, e + 8 + n);
     e += 8 + n;
   }
   throw new Error("[p5.export] no VP8/VP8L chunk found in encoded WebP frame");
 }
-function Do(t, e) {
+function Uo(t, e) {
   const i = new Uint8Array(10);
   return i[0] = 2, Le(i, 4, t - 1), Le(i, 7, e - 1), i;
 }
-function Uo(t) {
+function Wo(t) {
   const e = new Uint8Array(6);
-  return Oo(e, 4, t), e;
+  return Vo(e, 4, t), e;
 }
-function Wo(t, e, i, r) {
+function zo(t, e, i, r) {
   const n = new Uint8Array(16);
   Le(n, 6, t - 1), Le(n, 9, e - 1), Le(n, 12, i), n[15] = 0;
   const s = new Uint8Array(n.length + r.length);
   return s.set(n, 0), s.set(r, n.length), s;
 }
-function zi(t, e) {
+function Oi(t, e) {
   const i = e.length & 1, r = new Uint8Array(8 + e.length + i);
-  return lr(r, 0, t), as(r, 4, e.length), r.set(e, 8), r;
+  return lr(r, 0, t), os(r, 4, e.length), r.set(e, 8), r;
 }
-function zo(t) {
+function Oo(t) {
   let e = 0;
   for (const n of t) e += n.length;
   const i = new Uint8Array(e);
@@ -4103,33 +4103,47 @@ function zo(t) {
 function lr(t, e, i) {
   for (let r = 0; r < i.length; r++) t[e + r] = i.charCodeAt(r);
 }
-function Oo(t, e, i) {
+function Vo(t, e, i) {
   t[e] = i & 255, t[e + 1] = i >> 8 & 255;
 }
 function Le(t, e, i) {
   t[e] = i & 255, t[e + 1] = i >> 8 & 255, t[e + 2] = i >> 16 & 255;
 }
-function as(t, e, i) {
+function os(t, e, i) {
   t[e] = i & 255, t[e + 1] = i >> 8 & 255, t[e + 2] = i >> 16 & 255, t[e + 3] = i >> 24 & 255;
 }
-function Vo(t, e) {
+function Lo(t, e) {
   return t[e] | t[e + 1] << 8 | t[e + 2] << 16 | t[e + 3] << 24 >>> 0;
 }
-function Lo(t) {
+function Go(t) {
   return Math.max(0, Math.min(1, t));
 }
+function No(t, e) {
+  let i = e;
+  return i == null && typeof t.getTargetFrameRate == "function" && (i = t.getTargetFrameRate()), i == null && (i = t._targetFrameRate), i = Number(i), Number.isFinite(i) && i > 0 ? i : 30;
+}
+function $o(t, e) {
+  const i = typeof t.pixelDensity == "function" ? t.pixelDensity() : 1, r = Number(e);
+  if (!(Number.isFinite(r) && r > 0 && r !== i)) return () => {
+  };
+  t.pixelDensity(r), typeof t.redraw == "function" && t.redraw();
+  let s = !1;
+  return () => {
+    s || (s = !0, t.pixelDensity(i), typeof t.redraw == "function" && t.redraw());
+  };
+}
 const ii = {
   webm: ["video/webm;codecs=vp9", "video/webm;codecs=vp8", "video/webm"],
   mp4: ["video/mp4;codecs=avc1", "video/mp4;codecs=h264", "video/mp4"]
 };
-function Go(t) {
+function jo(t) {
   const e = t === "mp4" ? [...ii.mp4, ...ii.webm] : [...ii.webm, ...ii.mp4];
   for (const i of e)
     if (typeof MediaRecorder < "u" && MediaRecorder.isTypeSupported(i))
       return { mime: i, ext: i.startsWith("video/mp4") ? "mp4" : "webm" };
   return null;
 }
-class No {
+class Ho {
   /**
    * @param {object} opts
    * @param {HTMLCanvasElement} opts.canvas
@@ -4140,7 +4154,7 @@ class No {
    * @param {string} [opts.filename]
    */
   constructor(e) {
-    const i = Go(e.format || "webm");
+    const i = jo(e.format || "webm");
     if (!i) throw new Error("[p5.export] no supported MediaRecorder mime type found");
     this.ext = i.ext, e.format === "mp4" && this.ext !== "mp4" && console.warn("[p5.export] MP4 not supported by this browser — falling back to WebM"), this.stream = e.canvas.captureStream(e.fps || 60);
     const r = { mimeType: i.mime };
@@ -4164,13 +4178,13 @@ class No {
     return this.recorder.state;
   }
 }
-function $o(t, e, i) {
+function qo(t, e, i) {
   if (e.recordVideo = function(r = {}) {
     const n = At(this);
     if (!n) throw new Error("[p5.export] recordVideo: no canvas found");
     if (this._p5ExportVideo && this._p5ExportVideo.state === "recording")
       throw new Error("[p5.export] a video recording is already in progress");
-    const s = new No({ canvas: n, ...r });
+    const s = new Ho({ canvas: n, ...r });
     return s.start(), this._p5ExportVideo = s, s;
   }, e.recordWebM = function(r = {}) {
     return e.recordVideo.call(this, { ...r, format: "webm" });
@@ -4184,13 +4198,10 @@ function $o(t, e, i) {
     if (!n) throw new Error("[p5.export] createVideoBuffer: no canvas found");
     if (this._p5ExportBuffer && this._p5ExportBuffer.recording)
       throw new Error("[p5.export] a video buffer is already recording");
-    const s = this, a = r.scale, o = typeof s.pixelDensity == "function" ? s.pixelDensity() : 1, f = a && a > 0 && a !== o;
-    f && (s.pixelDensity(a), typeof s.redraw == "function" && s.redraw());
-    const g = new Qs({ canvas: n, ...r }), v = g.stop.bind(g);
-    let u = !f;
-    return g.stop = function() {
-      v(), u || (u = !0, s.pixelDensity(o), typeof s.redraw == "function" && s.redraw());
-    }, g.start(), this._p5ExportBuffer = g, g;
+    const s = this, a = No(s, r.fps), o = $o(s, r.scale), p = new ta({ canvas: n, ...r, fps: a }), w = p.stop.bind(p);
+    return p.stop = function() {
+      w(), o();
+    }, p.start(), this._p5ExportBuffer = p, p;
   }, e.stopVideoBuffer = function() {
     const r = this._p5ExportBuffer;
     return r && r.stop(), r || null;
@@ -4200,15 +4211,15 @@ function $o(t, e, i) {
     const s = (n.format || "webm").toLowerCase();
     let a, o;
     if (s === "gif")
-      a = await _o(r, n), o = "gif";
+      a = await xo(r, n), o = "gif";
     else if (s === "webp")
-      a = await Ro(r, n), o = "webp";
+      a = await Bo(r, n), o = "webp";
     else if (s === "webm" || s === "mp4")
-      a = await Io(r, { ...n, format: s }), o = a.__ext || (s === "mp4" ? "mp4" : "webm");
+      a = await Ro(r, { ...n, format: s }), o = a.__ext || (s === "mp4" ? "mp4" : "webm");
     else
       throw new Error(`[p5.export] unsupported video format: ${s}`);
-    const f = n.filename ? Et(n.filename, o) : Ct(o);
-    return St(a, f), a;
+    const p = n.filename ? Et(n.filename, o) : Ct(o);
+    return St(a, p), a;
   }, i && typeof i == "object") {
     const r = i.postdraw;
     i.postdraw = function() {
@@ -4221,7 +4232,7 @@ function $o(t, e, i) {
 function Zr(t, e) {
   return e && Array.isArray(e.vertices) && Array.isArray(e.faces) ? e : typeof e == "function" && typeof t.buildGeometry == "function" ? t.buildGeometry(e) : null;
 }
-function jo(t, e) {
+function Xo(t, e) {
   e.saveSTL = function(i, r, n = {}) {
     const s = Zr(this, i);
     if (!s || typeof s.saveStl != "function") {
@@ -4240,13 +4251,13 @@ function jo(t, e) {
     n.saveObj(s);
   };
 }
-const Ho = ".p5export-panel{--p5export-pink: #ed225d;--p5export-pink-dark: #d4144f;--p5export-ink: #333;--p5export-muted: #6b6b6b;--p5export-line: #b5b5b5;--p5export-line-soft: #d6d6d6;--p5export-toolbar: #f4f4f4;--p5export-canvas: #fff;position:fixed;top:16px;right:16px;z-index:99999;width:276px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:hidden;color:var(--p5export-ink);background:var(--p5export-canvas);border:1px solid var(--p5export-line);border-radius:0;box-shadow:3px 3px #0000001f;font-family:Montserrat,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:normal;word-spacing:0;-webkit-user-select:none;user-select:none}.p5export-panel *,.p5export-panel *:before,.p5export-panel *:after{box-sizing:border-box}.p5export-header{display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 8px 0 0;background:var(--p5export-toolbar);border-bottom:1px dashed var(--p5export-line);cursor:grab;touch-action:none}.p5export-header:active{cursor:grabbing}.p5export-title{display:inline-flex;align-items:center;gap:9px;min-width:0;font-size:12px;font-weight:400}.p5export-brand-mark{display:inline-flex;width:48px;min-height:41px;align-items:center;justify-content:center;color:#fff;background:var(--p5export-pink);font-size:17px;font-weight:700;letter-spacing:-.8px}.p5export-toggle{width:26px;height:26px;padding:0;color:var(--p5export-ink);background:transparent;border:1px solid transparent;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-size:18px;line-height:22px}.p5export-toggle:hover{background:#e1e1e1;border-color:var(--p5export-line)}.p5export-tabs{display:grid;grid-template-columns:1fr 1fr;padding:0;background:var(--p5export-toolbar);border-bottom:1px solid var(--p5export-line)}.p5export-tab{min-height:35px;margin:0;padding:0 12px;color:var(--p5export-muted);background:transparent;border:0;border-right:1px solid var(--p5export-line-soft);border-bottom:3px solid transparent;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;text-align:left}.p5export-tab:last-child{border-right:0}.p5export-tab:hover{color:var(--p5export-ink);background:#e9e9e9}.p5export-tab.is-active{color:var(--p5export-pink);background:var(--p5export-canvas);border-bottom-color:var(--p5export-pink);font-weight:400}.p5export-body{max-height:calc(100vh - 94px);padding:14px 12px 12px;overflow-y:auto}.p5export-panel.is-collapsed .p5export-body,.p5export-panel.is-collapsed .p5export-tabs{display:none}.p5export-view:not([hidden]){display:flex;flex-direction:column;gap:10px}.p5export-row{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:8px}.p5export-row>label:first-child{color:var(--p5export-muted);font-size:12px;font-weight:400}.p5export-check{display:flex;min-height:30px;align-items:center;gap:7px;color:var(--p5export-ink);cursor:pointer}.p5export-check input{width:14px;height:14px;margin:0;accent-color:var(--p5export-pink);cursor:pointer}.p5export-input,.p5export-select{width:100%;min-height:32px;padding:6px 8px;color:var(--p5export-ink);background:#fff;border:1px solid var(--p5export-line);border-radius:0;outline:0;font:inherit}.p5export-input:hover,.p5export-select:hover{border-color:#777}.p5export-input:focus,.p5export-select:focus{border-color:var(--p5export-pink);box-shadow:0 0 0 1px var(--p5export-pink)}.p5export-input::placeholder{color:#929292}.p5export-select{cursor:pointer}.p5export-input:disabled,.p5export-select:disabled{color:#8d8d8d;background:#ececec;cursor:not-allowed}.p5export-btn{min-height:34px;padding:7px 12px;color:#fff;background:var(--p5export-pink);border:1px solid var(--p5export-pink);border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;font-weight:700;line-height:12px}.p5export-btn:hover{background:var(--p5export-pink-dark);border-color:var(--p5export-pink-dark)}.p5export-btn:active{transform:translate(1px,1px)}.p5export-btn.is-ghost{color:var(--p5export-ink);background:var(--p5export-toolbar);border-color:var(--p5export-line)}.p5export-btn.is-ghost:hover{background:#e5e5e5}.p5export-btn.is-danger{color:#fff;background:#b52b46;border-color:#b52b46}.p5export-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.p5export-status{padding:7px 8px;color:var(--p5export-muted);background:var(--p5export-toolbar);border-left:3px solid var(--p5export-line)}.p5export-status.is-error{color:#8d1732;background:#fff0f4;border-left-color:var(--p5export-pink)}.p5export-status[hidden]{display:none}.p5export-preview:not([hidden]){display:flex;flex-direction:column;gap:6px}.p5export-preview-canvas{display:block;width:100%;background:#eee;border:1px solid var(--p5export-line);border-radius:0;image-rendering:pixelated}.p5export-preview-controls{display:flex;align-items:center;gap:8px;padding:6px 0}.p5export-play{width:24px;height:24px;padding:6px;color:#fff;background:var(--p5export-pink);border:0;border-radius:50%;cursor:pointer}.p5export-play:hover{background:var(--p5export-pink-dark)}.p5export-play svg{display:block;width:100%;height:100%}.p5export-timeline{flex:1;height:3px;margin:0;background:var(--p5export-line);border-radius:0;outline:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.p5export-timeline::-webkit-slider-thumb{width:10px;height:16px;background:var(--p5export-pink);border:0;border-radius:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:grab}.p5export-timeline::-moz-range-thumb{width:10px;height:16px;background:var(--p5export-pink);border:0;border-radius:0;cursor:grab}.p5export-time{min-width:29px;color:var(--p5export-muted);font-variant-numeric:tabular-nums;text-align:right}.p5export-tab:focus-visible,.p5export-toggle:focus-visible,.p5export-btn:focus-visible,.p5export-play:focus-visible{outline:2px solid var(--p5export-pink);outline-offset:-2px}@media (prefers-reduced-motion: reduce){.p5export-btn:active{transform:none}}";
+const Yo = ".p5export-panel{--p5export-pink: #ed225d;--p5export-pink-dark: #d4144f;--p5export-ink: #333;--p5export-muted: #6b6b6b;--p5export-line: #b5b5b5;--p5export-line-soft: #d6d6d6;--p5export-toolbar: #f4f4f4;--p5export-canvas: #fff;position:fixed;top:16px;right:16px;z-index:99999;width:276px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:hidden;color:var(--p5export-ink);background:var(--p5export-canvas);border:1px solid var(--p5export-line);border-radius:0;box-shadow:3px 3px #0000001f;font-family:Montserrat,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:normal;word-spacing:0;-webkit-user-select:none;user-select:none}.p5export-panel *,.p5export-panel *:before,.p5export-panel *:after{box-sizing:border-box}.p5export-header{display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 8px 0 0;background:var(--p5export-toolbar);border-bottom:1px dashed var(--p5export-line);cursor:grab;touch-action:none}.p5export-header:active{cursor:grabbing}.p5export-title{display:inline-flex;align-items:center;gap:9px;min-width:0;font-size:12px;font-weight:400}.p5export-brand-mark{display:inline-flex;width:48px;min-height:41px;align-items:center;justify-content:center;color:#fff;background:var(--p5export-pink);font-size:17px;font-weight:700;letter-spacing:-.8px}.p5export-toggle{width:26px;height:26px;padding:0;color:var(--p5export-ink);background:transparent;border:1px solid transparent;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-size:18px;line-height:22px}.p5export-toggle:hover{background:#e1e1e1;border-color:var(--p5export-line)}.p5export-tabs{display:grid;grid-template-columns:1fr 1fr;padding:0;background:var(--p5export-toolbar);border-bottom:1px solid var(--p5export-line)}.p5export-tab{min-height:35px;margin:0;padding:0 12px;color:var(--p5export-muted);background:transparent;border:0;border-right:1px solid var(--p5export-line-soft);border-bottom:3px solid transparent;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;text-align:left}.p5export-tab:last-child{border-right:0}.p5export-tab:hover{color:var(--p5export-ink);background:#e9e9e9}.p5export-tab.is-active{color:var(--p5export-pink);background:var(--p5export-canvas);border-bottom-color:var(--p5export-pink);font-weight:400}.p5export-body{max-height:calc(100vh - 94px);padding:14px 12px 12px;overflow-y:auto}.p5export-panel.is-collapsed .p5export-body,.p5export-panel.is-collapsed .p5export-tabs{display:none}.p5export-view:not([hidden]){display:flex;flex-direction:column;gap:10px}.p5export-row{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:8px}.p5export-row>label:first-child{color:var(--p5export-muted);font-size:12px;font-weight:400}.p5export-check{display:flex;min-height:30px;align-items:center;gap:7px;color:var(--p5export-ink);cursor:pointer}.p5export-check input{width:14px;height:14px;margin:0;accent-color:var(--p5export-pink);cursor:pointer}.p5export-input,.p5export-select{width:100%;min-height:32px;padding:6px 8px;color:var(--p5export-ink);background:#fff;border:1px solid var(--p5export-line);border-radius:0;outline:0;font:inherit}.p5export-input:hover,.p5export-select:hover{border-color:#777}.p5export-input:focus,.p5export-select:focus{border-color:var(--p5export-pink);box-shadow:0 0 0 1px var(--p5export-pink)}.p5export-input::placeholder{color:#929292}.p5export-select{cursor:pointer}.p5export-input:disabled,.p5export-select:disabled{color:#8d8d8d;background:#ececec;cursor:not-allowed}.p5export-btn{min-height:34px;padding:7px 12px;color:#fff;background:var(--p5export-pink);border:1px solid var(--p5export-pink);border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;font-weight:700;line-height:12px}.p5export-btn:hover{background:var(--p5export-pink-dark);border-color:var(--p5export-pink-dark)}.p5export-btn:active{transform:translate(1px,1px)}.p5export-btn.is-ghost{color:var(--p5export-ink);background:var(--p5export-toolbar);border-color:var(--p5export-line)}.p5export-btn.is-ghost:hover{background:#e5e5e5}.p5export-btn.is-danger{color:#fff;background:#b52b46;border-color:#b52b46}.p5export-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.p5export-status{padding:7px 8px;color:var(--p5export-muted);background:var(--p5export-toolbar);border-left:3px solid var(--p5export-line)}.p5export-status.is-error{color:#8d1732;background:#fff0f4;border-left-color:var(--p5export-pink)}.p5export-status[hidden]{display:none}.p5export-preview:not([hidden]){display:flex;flex-direction:column;gap:6px}.p5export-preview-canvas{display:block;width:100%;background:#eee;border:1px solid var(--p5export-line);border-radius:0;image-rendering:pixelated}.p5export-preview-controls{display:flex;align-items:center;gap:8px;padding:6px 0}.p5export-play{width:24px;height:24px;padding:6px;color:#fff;background:var(--p5export-pink);border:0;border-radius:50%;cursor:pointer}.p5export-play:hover{background:var(--p5export-pink-dark)}.p5export-play svg{display:block;width:100%;height:100%}.p5export-timeline{flex:1;height:3px;margin:0;background:var(--p5export-line);border-radius:0;outline:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.p5export-timeline::-webkit-slider-thumb{width:10px;height:16px;background:var(--p5export-pink);border:0;border-radius:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:grab}.p5export-timeline::-moz-range-thumb{width:10px;height:16px;background:var(--p5export-pink);border:0;border-radius:0;cursor:grab}.p5export-time{min-width:29px;color:var(--p5export-muted);font-variant-numeric:tabular-nums;text-align:right}.p5export-tab:focus-visible,.p5export-toggle:focus-visible,.p5export-btn:focus-visible,.p5export-play:focus-visible{outline:2px solid var(--p5export-pink);outline-offset:-2px}@media (prefers-reduced-motion: reduce){.p5export-btn:active{transform:none}}";
 let Qr = !1;
-function qo() {
+function Jo() {
   if (Qr || typeof document > "u") return;
   Qr = !0;
   const t = document.createElement("style");
-  t.setAttribute("data-p5-export", ""), t.textContent = Ho, document.head.appendChild(t);
+  t.setAttribute("data-p5-export", ""), t.textContent = Yo, document.head.appendChild(t);
 }
 const tn = [
   { value: "png", label: "PNG (image)" },
@@ -4254,20 +4265,20 @@ const tn = [
   { value: "webp", label: "WebP (image)" },
   { value: "svg", label: "SVG (vector)" },
   { value: "pdf", label: "PDF (vector)" }
-], Xo = [
+], Ko = [
   { value: "stl", label: "STL (3D)" },
   { value: "obj", label: "OBJ (3D)" }
-], Yo = [
+], Zo = [
   { value: "webm", label: "WebM (video)" },
   { value: "mp4", label: "MP4 (video)" },
   { value: "webp", label: "WebP (animation)" },
   { value: "gif", label: "GIF (animation)" }
-], Jo = [
+], en = [
   { value: "1", label: "1×" },
   { value: "2", label: "2×" },
   { value: "3", label: "3×" },
   { value: "4", label: "4×" }
-], en = /* @__PURE__ */ new Set(["png", "jpg", "webp", "pdf"]), hr = '<path d="M2 1.2 L9 5 L2 8.8 Z" fill="currentColor"/>', Ko = '<rect x="2" y="1.5" width="2" height="7" rx="0.5" fill="currentColor"/><rect x="6" y="1.5" width="2" height="7" rx="0.5" fill="currentColor"/>', Zo = `
+], rn = /* @__PURE__ */ new Set(["png", "jpg", "webp", "pdf"]), hr = '<path d="M2 1.2 L9 5 L2 8.8 Z" fill="currentColor"/>', Qo = '<rect x="2" y="1.5" width="2" height="7" rx="0.5" fill="currentColor"/><rect x="6" y="1.5" width="2" height="7" rx="0.5" fill="currentColor"/>', tl = `
 <div class="p5export-panel">
   <div class="p5export-header" data-el="header">
     <span class="p5export-title" data-el="title">
@@ -4317,6 +4328,10 @@ const tn = [
         <label>Duration</label>
         <input class="p5export-input" type="number" min="0.5" step="0.5" value="3" data-el="videoDuration">
       </div>
+      <div class="p5export-row">
+        <label>Scale</label>
+        <select class="p5export-select" data-el="videoScale"></select>
+      </div>
       <div class="p5export-row">
         <label>Name</label>
         <input class="p5export-input" type="text" placeholder="filename" data-el="videoFilename">
@@ -4337,9 +4352,9 @@ const tn = [
     </div>
   </div>
 </div>`.trim();
-class Qo {
+class el {
   constructor(e, i = {}) {
-    qo(), this.p = e, this.opts = i, this.tab = "image", this.videoState = "idle", this.buffer = null, this._statusTimer = null, this.el = document.createRange().createContextualFragment(Zo).firstElementChild;
+    Jo(), this.p = e, this.opts = i, this.tab = "image", this.videoState = "idle", this.buffer = null, this._statusTimer = null, this.el = document.createRange().createContextualFragment(tl).firstElementChild;
     for (const r of this.el.querySelectorAll("[data-el]"))
       this[r.dataset.el] = r;
     for (const r of this.el.querySelectorAll("[data-action]"))
@@ -4353,8 +4368,8 @@ class Qo {
   }
   // ─── Bootstrapping helpers ─────────────────────────────────────────────
   _populateOptions() {
-    const e = Li(this.p) ? [...tn, ...Xo] : tn;
-    this.imageFormat.innerHTML = Oi(e), this.imageScale.innerHTML = Oi(Jo), this.videoFormat.innerHTML = Oi(Yo), this.opts.filename && (this.imageFilename.value = this.opts.filename, this.videoFilename.value = this.opts.filename);
+    const e = Li(this.p) ? [...tn, ...Ko] : tn;
+    this.imageFormat.innerHTML = ri(e), this.imageScale.innerHTML = ri(en), this.videoFormat.innerHTML = ri(Zo), this.videoScale.innerHTML = ri(en), this.opts.filename && (this.imageFilename.value = this.opts.filename, this.videoFilename.value = this.opts.filename);
   }
   _wireExtras() {
     this.imageFormat.addEventListener("change", () => this._refreshImageScaleEnabled()), this._refreshImageScaleEnabled(), this.timeline.addEventListener("input", () => {
@@ -4378,11 +4393,11 @@ class Qo {
   // ─── Image tab ─────────────────────────────────────────────────────────
   /** Scale only applies to raster formats; grey it out for SVG. */
   _refreshImageScaleEnabled() {
-    const e = this.imageFormat.value, i = en.has(e);
+    const e = this.imageFormat.value, i = rn.has(e);
     this.imageScale.disabled = !i, this.imageScaleRow.style.opacity = i ? "" : "0.45", this.svgOutlineRow && this.svgOutlineRow.toggleAttribute("hidden", e !== "svg");
   }
   async _saveImage() {
-    const e = this.imageFormat.value, i = this.imageFilename.value || void 0, r = Number(this.imageScale.value) || 1, n = en.has(e) ? { scale: r } : void 0, s = `${e.toUpperCase()}${n && r > 1 ? ` @ ${r}×` : ""}`;
+    const e = this.imageFormat.value, i = this.imageFilename.value || void 0, r = Number(this.imageScale.value) || 1, n = rn.has(e) ? { scale: r } : void 0, s = `${e.toUpperCase()}${n && r > 1 ? ` @ ${r}×` : ""}`;
     this._setStatus(this.imageStatus, `Saving ${s}…`);
     try {
       if (e === "png") await this.p.savePNG(i, n);
@@ -4411,20 +4426,20 @@ class Qo {
     if (this.videoState === "recorded") return this._export(this.videoFormat.value);
   }
   _startRecording() {
-    const e = Number(this.videoDuration.value) || void 0;
+    const e = Number(this.videoDuration.value) || void 0, i = Number(this.videoScale.value) || 1;
     try {
-      this.buffer = this.p.createVideoBuffer({ duration: e, fps: 30, scale: 1 });
-    } catch (r) {
-      console.error(r), this._setStatus(this.recordedStatus, `Error: ${r.message}`, "error");
+      this.buffer = this.p.createVideoBuffer({ duration: e, scale: i });
+    } catch (n) {
+      console.error(n), this._setStatus(this.recordedStatus, `Error: ${n.message}`, "error");
       return;
     }
     this.videoState = "recording", this._updateVideoState();
-    const i = performance.now();
+    const r = performance.now();
     this._statusTimer = setInterval(() => {
-      const r = (performance.now() - i) / 1e3, n = e ? ` / ${e.toFixed(1)}s` : "";
+      const n = (performance.now() - r) / 1e3, s = e ? ` / ${e.toFixed(1)}s` : "";
       this._setStatus(
         this.recordedStatus,
-        `Recording ${r.toFixed(1)}s${n} · ${this.buffer.framesRecorded} frames`
+        `Recording ${n.toFixed(1)}s${s} · ${this.buffer.framesRecorded} frames`
       ), this.buffer.recording || this._finishRecording();
     }, 100);
   }
@@ -4459,7 +4474,7 @@ class Qo {
   /** Drive every video-tab visual difference from one place. */
   _updateVideoState() {
     const e = this.videoState, i = e === "recorded" || e === "encoding", r = e === "recording";
-    this.videoFormat.disabled = r, this.videoDuration.disabled = r, this.videoFilename.disabled = r, this.previewWrap.toggleAttribute("hidden", !i), this.rerecordBtn.toggleAttribute("hidden", !i), this.videoPrimaryBtn.className = "p5export-btn" + (e === "recording" ? " is-danger" : ""), this.videoPrimaryBtn.textContent = e === "recording" ? "Stop" : i ? "Export" : "Record";
+    this.videoFormat.disabled = r, this.videoDuration.disabled = r, this.videoScale.disabled = r, this.videoFilename.disabled = r, this.previewWrap.toggleAttribute("hidden", !i), this.rerecordBtn.toggleAttribute("hidden", !i), this.videoPrimaryBtn.className = "p5export-btn" + (e === "recording" ? " is-danger" : ""), this.videoPrimaryBtn.textContent = e === "recording" ? "Stop" : i ? "Export" : "Record";
     const n = e === "encoding";
     this.videoPrimaryBtn.disabled = n, this.rerecordBtn.disabled = n;
   }
@@ -4492,7 +4507,7 @@ class Qo {
   }
   _playPreview() {
     if (!this.buffer || !this.buffer.frames.length) return;
-    this._previewPlaying = !0, this.playIcon.innerHTML = Ko;
+    this._previewPlaying = !0, this.playIcon.innerHTML = Qo;
     const i = 1e3 / (this.buffer.fps || 30);
     let r = performance.now();
     const n = (s) => {
@@ -4519,41 +4534,41 @@ class Qo {
   // ─── Dragging ──────────────────────────────────────────────────────────
   _wireDrag() {
     let i = 0, r = 0, n = 0, s = 0, a = !1, o = null;
-    const f = (d, c, m) => Math.min(Math.max(d, c), Math.max(c, m)), g = (d, c) => {
-      const m = this.el.getBoundingClientRect(), w = window.innerWidth - m.width - 8, y = window.innerHeight - m.height - 8;
-      this.el.style.left = f(d, 8, w) + "px", this.el.style.top = f(c, 8, y) + "px", this.el.style.right = "auto";
+    const p = (d, c, u) => Math.min(Math.max(d, c), Math.max(c, u)), w = (d, c) => {
+      const u = this.el.getBoundingClientRect(), g = window.innerWidth - u.width - 8, y = window.innerHeight - u.height - 8;
+      this.el.style.left = p(d, 8, g) + "px", this.el.style.top = p(c, 8, y) + "px", this.el.style.right = "auto";
     };
     this._clampToViewport = () => {
       const d = this.el.getBoundingClientRect();
-      g(d.left, d.top);
+      w(d.left, d.top);
     };
     const v = (d) => {
-      !a || d.pointerId !== o || g(
+      !a || d.pointerId !== o || w(
         n + d.clientX - i,
         s + d.clientY - r
       );
-    }, u = (d) => {
+    }, m = (d) => {
       !a || d.pointerId !== o || (a = !1, this.header.hasPointerCapture(o) && this.header.releasePointerCapture(o), o = null);
     }, l = (d) => {
       if (d.button !== 0 || d.target.closest(".p5export-toggle")) return;
       d.preventDefault(), a = !0, o = d.pointerId, i = d.clientX, r = d.clientY;
       const c = this.el.getBoundingClientRect();
-      n = c.left, s = c.top, g(n, s), this.header.setPointerCapture(o);
+      n = c.left, s = c.top, w(n, s), this.header.setPointerCapture(o);
     };
-    this.header.addEventListener("pointerdown", l), this.header.addEventListener("pointermove", v), this.header.addEventListener("pointerup", u), this.header.addEventListener("pointercancel", u), window.addEventListener("resize", this._clampToViewport), typeof ResizeObserver < "u" && (this._dragResizeObserver = new ResizeObserver(this._clampToViewport), this._dragResizeObserver.observe(this.el)), this._dragHandlers = { onDown: l, onMove: v, onUp: u }, this._clampToViewport();
+    this.header.addEventListener("pointerdown", l), this.header.addEventListener("pointermove", v), this.header.addEventListener("pointerup", m), this.header.addEventListener("pointercancel", m), window.addEventListener("resize", this._clampToViewport), typeof ResizeObserver < "u" && (this._dragResizeObserver = new ResizeObserver(this._clampToViewport), this._dragResizeObserver.observe(this.el)), this._dragHandlers = { onDown: l, onMove: v, onUp: m }, this._clampToViewport();
   }
   destroy() {
     clearInterval(this._statusTimer), this._pausePreview(), this.buffer && this.buffer.clear(), this._dragHandlers && (this.header.removeEventListener("pointerdown", this._dragHandlers.onDown), this.header.removeEventListener("pointermove", this._dragHandlers.onMove), this.header.removeEventListener("pointerup", this._dragHandlers.onUp), this.header.removeEventListener("pointercancel", this._dragHandlers.onUp)), this._clampToViewport && window.removeEventListener("resize", this._clampToViewport), this._dragResizeObserver && this._dragResizeObserver.disconnect(), this.el.remove();
   }
 }
-function Oi(t) {
+function ri(t) {
   return t.map((e) => `<option value="${e.value}">${e.label}</option>`).join("");
 }
-function tl(t, e, i) {
+function il(t, e, i) {
   if (e.createExportGUI = function(r = {}) {
     if (this._p5ExportPanel)
       return Object.assign(this._p5ExportPanel.opts, r), this._p5ExportPanel;
-    const n = new Qo(this, r);
+    const n = new el(this, r);
     return this._p5ExportPanel = n, n;
   }, e.removeExportGUI = function() {
     this._p5ExportPanel && (this._p5ExportPanel.destroy(), this._p5ExportPanel = null);
@@ -4565,11 +4580,11 @@ function tl(t, e, i) {
   }
 }
 function zr(t, e, i) {
-  ds(t, e), Fs(t, e, i), Ws(t, e), Zs(t, e, i), $o(t, e, i), jo(t, e), tl(t, e, i), el(t), e.downloadBlob = function(r, n) {
+  cs(t, e), Ds(t, e, i), zs(t, e), Qs(t, e, i), qo(t, e, i), Xo(t, e), il(t, e, i), rl(t), e.downloadBlob = function(r, n) {
     return St(r, n);
   };
 }
-function el(t) {
+function rl(t) {
   const e = t && t.Graphics;
   if (!e || !e.prototype || e.prototype.__p5ExportGraphicsRandomPatched) return;
   const i = t.prototype;
@@ -4580,16 +4595,16 @@ function el(t) {
     });
   e.prototype.__p5ExportGraphicsRandomPatched = !0;
 }
-function os(t) {
+function ls(t) {
   if (!t || !t.prototype) return !1;
   if (t.prototype.__p5ExportInstalled) return !0;
   t.prototype.__p5ExportInstalled = !0;
   const e = {};
   zr(t, t.prototype, e);
   const i = (r, n) => typeof n == "function" && typeof t.prototype.registerMethod == "function" && t.prototype.registerMethod(r, n);
-  return i("beforeSetup", e.presetup), i("afterSetup", e.postsetup), i("pre", e.predraw), i("post", e.postdraw), il(t), console.info("[p5.export] Registered against p5 1.x — vector SVG, image, GIF, video, PDF exports available. Use p5 2.0 for full feature parity."), !0;
+  return i("beforeSetup", e.presetup), i("afterSetup", e.postsetup), i("pre", e.predraw), i("post", e.postdraw), nl(t), console.info("[p5.export] Registered against p5 1.x — vector SVG, image, GIF, video, PDF exports available. Use p5 2.0 for full feature parity."), !0;
 }
-function il(t) {
+function nl(t) {
   if (typeof window > "u") return;
   const e = Date.now(), i = setInterval(() => {
     if ((window.p5ExportConfig || {}).autoGUI === !1) {
@@ -4608,25 +4623,25 @@ function il(t) {
     Date.now() - e > 3e4 && clearInterval(i);
   }, 150);
 }
-function rl(t) {
+function sl(t) {
   if (!t) throw new Error("[p5.export] register() called with no p5 constructor");
   if (typeof t.registerAddon == "function") {
     t.registerAddon(zr);
     return;
   }
-  if (!os(t))
+  if (!ls(t))
     throw new Error("[p5.export] Could not register — no registerAddon and no prototype.registerMethod.");
 }
 function Vi() {
-  return typeof window > "u" || !window.p5 ? !1 : window.p5.prototype && window.p5.prototype.__p5ExportInstalled || window.p5.__p5ExportAutoRegistered ? !0 : typeof window.p5.registerAddon == "function" ? (window.p5.registerAddon(zr), window.p5.__p5ExportAutoRegistered = !0, !0) : os(window.p5);
+  return typeof window > "u" || !window.p5 ? !1 : window.p5.prototype && window.p5.prototype.__p5ExportInstalled || window.p5.__p5ExportAutoRegistered ? !0 : typeof window.p5.registerAddon == "function" ? (window.p5.registerAddon(zr), window.p5.__p5ExportAutoRegistered = !0, !0) : ls(window.p5);
 }
-function nl() {
+function al() {
   typeof window > "u" || window.__p5ExportModuleTried || (window.__p5ExportModuleTried = !0, import(
     /* @vite-ignore */
     "p5"
   ).then((t) => {
     const e = t && (t.default || t.p5) || t;
-    !e || typeof e != "function" && !e.prototype || e.__p5ExportAutoRegistered || e.prototype && e.prototype.__p5ExportInstalled || (rl(e), e.__p5ExportAutoRegistered = !0);
+    !e || typeof e != "function" && !e.prototype || e.__p5ExportAutoRegistered || e.prototype && e.prototype.__p5ExportInstalled || (sl(e), e.__p5ExportAutoRegistered = !0);
   }).catch(() => {
   }));
 }
@@ -4634,11 +4649,11 @@ if (typeof window < "u" && !Vi()) {
   const t = setInterval(() => {
     Vi() && clearInterval(t);
   }, 10);
-  setTimeout(() => clearInterval(t), 5e3), window.addEventListener("p5Ready", Vi, { once: !0 }), nl();
+  setTimeout(() => clearInterval(t), 5e3), window.addEventListener("p5Ready", Vi, { once: !0 }), al();
 }
 export {
   zr as default,
   zr as p5ExportAddon,
-  rl as register
+  sl as register
 };
 //# sourceMappingURL=p5.export.js.map