@munusshih/p5.export 0.1.0-beta.0

package/dist/p5.export.js

@@ -0,0 +1,4406 @@
+function _t(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);
+}
+function xt(t, e = "sketch") {
+  const i = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").replace(/Z$/, "");
+  return `${e}-${i}.${t}`;
+}
+function St(t, e) {
+  return t.toLowerCase().endsWith("." + e.toLowerCase()) ? t : `${t}.${e}`;
+}
+function Tt(t) {
+  return t ? t instanceof HTMLCanvasElement ? t : t.canvas instanceof HTMLCanvasElement ? t.canvas : t.elt instanceof HTMLCanvasElement ? t.elt : Fr() : Fr();
+}
+function Fr() {
+  const t = document.querySelector("canvas.p5Canvas");
+  return t || document.querySelector("canvas");
+}
+function Di(t) {
+  if (!t) return !1;
+  const e = t._renderer;
+  if (!e) return !1;
+  const i = e.drawingContext;
+  return !!(i && typeof i.fillRect != "function" || e.GL);
+}
+const en = {
+  png: "image/png",
+  jpg: "image/jpeg",
+  jpeg: "image/jpeg",
+  webp: "image/webp"
+};
+async function Jr(t, e, i, r) {
+  const s = t && t._p5ExportSVGRecorder;
+  if (!s || !s.ops || s.ops.length === 0) return null;
+  const n = Tt(t);
+  if (!n) return null;
+  const a = typeof t.pixelDensity == "function" ? t.pixelDensity() : 1, l = Math.max(1, Math.round(n.width / a)), u = Math.max(1, Math.round(n.height / a)), g = l * e, v = u * e, p = document.createElement("canvas");
+  p.width = g, p.height = v;
+  const h = p.getContext("2d");
+  if (!h) return null;
+  const d = e / a, f = s.ops;
+  for (let w = 0; w < f.length; w++) {
+    const y = f[w];
+    try {
+      if (y[0] === 0) {
+        const C = y[1];
+        if (C === "setTransform") {
+          const x = y[2];
+          h.setTransform(x[0] * d, x[1] * d, x[2] * d, x[3] * d, x[4] * d, x[5] * d);
+        } else
+          h[C](...y[2]);
+      } else
+        h[y[1]] = y[2];
+    } catch {
+    }
+  }
+  const m = en[i] || "image/png";
+  return new Promise((w, y) => {
+    p.toBlob(
+      (C) => C ? w(C) : y(new Error("[p5.export] toBlob returned null")),
+      m,
+      r
+    );
+  });
+}
+async function Kr(t, e, i) {
+  if (!e || e <= 1) return i();
+  const r = typeof t.pixelDensity == "function" ? t.pixelDensity() : 1;
+  if (e <= r) return i();
+  const s = typeof t.isLooping == "function" ? t.isLooping() : !0;
+  s && typeof t.noLoop == "function" && t.noLoop();
+  try {
+    return t.pixelDensity(e), typeof t.redraw == "function" && await t.redraw(), await new Promise((n) => requestAnimationFrame(n)), await i();
+  } finally {
+    t.pixelDensity(r), typeof t.redraw == "function" && await t.redraw(), s && typeof t.loop == "function" && t.loop();
+  }
+}
+const rn = {
+  png: "image/png",
+  jpg: "image/jpeg",
+  jpeg: "image/jpeg",
+  webp: "image/webp"
+};
+function Ai(t, e, i) {
+  const r = Tt(t);
+  if (!r) return Promise.reject(new Error("[p5.export] no canvas found"));
+  const s = rn[e];
+  return s ? new Promise((n, a) => {
+    r.toBlob(
+      (l) => l ? n(l) : a(new Error("[p5.export] toBlob returned null")),
+      s,
+      i
+    );
+  }) : Promise.reject(new Error(`[p5.export] unknown image format: ${e}`));
+}
+async function Xe(t, e, i, r) {
+  if (!e || e <= 1) return Ai(t, i, r);
+  const s = typeof t.pixelDensity == "function" ? t.pixelDensity() : 1;
+  if (e <= s) return Ai(t, i, r);
+  const n = await Jr(t, e, i, r);
+  return n || Kr(t, e, () => Ai(t, i, r));
+}
+function sn(t, e) {
+  e.savePNG = async function(i, r = {}) {
+    const s = await Xe(this, r.scale, "png");
+    return _t(s, i ? St(i, "png") : xt("png")), s;
+  }, e.saveJPG = async function(i, r = {}) {
+    const s = r.quality ?? 0.92, n = await Xe(this, r.scale, "jpg", s);
+    return _t(n, i ? St(i, "jpg") : xt("jpg")), n;
+  }, e.saveJPEG = e.saveJPG, e.saveWebP = async function(i, r = {}) {
+    const s = r.quality ?? 0.92, n = await Xe(this, r.scale, "webp", s);
+    return _t(n, i ? St(i, "webp") : xt("webp")), n;
+  }, e.saveImage = async function(i, r, s = {}) {
+    i = (i || "png").toLowerCase(), i === "jpeg" && (i = "jpg");
+    const n = await Xe(this, s.scale, i, s.quality);
+    return _t(n, r ? St(r, i) : xt(i)), n;
+  };
+}
+function nn(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Zr = { exports: {} };
+/*!!
+ *  Canvas 2 Svg v1.0.15
+ *  A low level canvas to SVG converter. Uses a mock canvas context to build an SVG document.
+ *
+ *  Licensed under the MIT license:
+ *  http://www.opensource.org/licenses/mit-license.php
+ *
+ *  Author:
+ *  Kerry Liu
+ *
+ *  Copyright (c) 2014 Gliffy Inc.
+ */
+(function(t) {
+  (function() {
+    var e, i, r, s, n;
+    function a(h, d) {
+      var f = Object.keys(d), m;
+      for (m = 0; m < f.length; m++)
+        h = h.replace(new RegExp("\\{" + f[m] + "\\}", "gi"), d[f[m]]);
+      return h;
+    }
+    function l(h) {
+      var d, f, m;
+      if (!h)
+        throw new Error("cannot create a random attribute name for an undefined object");
+      d = "ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz", f = "";
+      do
+        for (f = "", m = 0; m < 12; m++)
+          f += d[Math.floor(Math.random() * d.length)];
+      while (h[f]);
+      return f;
+    }
+    function u(h, d) {
+      var f, m, w = {}, y;
+      for (h = h.split(","), d = d || 10, f = 0; f < h.length; f += 2)
+        m = "&" + h[f + 1] + ";", y = parseInt(h[f], d), w[m] = "&#" + y + ";";
+      return w["\\xa0"] = "&#160;", w;
+    }
+    function g(h) {
+      var d = { left: "start", right: "end", center: "middle", start: "start", end: "end" };
+      return d[h] || d.start;
+    }
+    function v(h) {
+      var d = { alphabetic: "alphabetic", hanging: "hanging", top: "text-before-edge", bottom: "text-after-edge", middle: "central" };
+      return d[h] || d.alphabetic;
+    }
+    n = u(
+      "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 = {
+      strokeStyle: {
+        svgAttr: "stroke",
+        //corresponding svg attribute
+        canvas: "#000000",
+        //canvas default
+        svg: "none",
+        //svg default
+        apply: "stroke"
+        //apply on stroke() or fill()
+      },
+      fillStyle: {
+        svgAttr: "fill",
+        canvas: "#000000",
+        svg: null,
+        //svg default is black, but we need to special case this to handle canvas stroke without fill
+        apply: "fill"
+      },
+      lineCap: {
+        svgAttr: "stroke-linecap",
+        canvas: "butt",
+        svg: "butt",
+        apply: "stroke"
+      },
+      lineJoin: {
+        svgAttr: "stroke-linejoin",
+        canvas: "miter",
+        svg: "miter",
+        apply: "stroke"
+      },
+      miterLimit: {
+        svgAttr: "stroke-miterlimit",
+        canvas: 10,
+        svg: 4,
+        apply: "stroke"
+      },
+      lineWidth: {
+        svgAttr: "stroke-width",
+        canvas: 1,
+        svg: 1,
+        apply: "stroke"
+      },
+      globalAlpha: {
+        svgAttr: "opacity",
+        canvas: 1,
+        svg: 1,
+        apply: "fill stroke"
+      },
+      font: {
+        //font converts to multiple svg attributes, there is custom logic for this
+        canvas: "10px sans-serif"
+      },
+      shadowColor: {
+        canvas: "#000000"
+      },
+      shadowOffsetX: {
+        canvas: 0
+      },
+      shadowOffsetY: {
+        canvas: 0
+      },
+      shadowBlur: {
+        canvas: 0
+      },
+      textAlign: {
+        canvas: "start"
+      },
+      textBaseline: {
+        canvas: "alphabetic"
+      }
+    }, r = function(h, d) {
+      this.__root = h, this.__ctx = d;
+    }, r.prototype.addColorStop = function(h, d) {
+      var f = this.__ctx.__createElement("stop"), m, w;
+      f.setAttribute("offset", h), d.indexOf("rgba") !== -1 ? (m = /rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d?\.?\d*)\s*\)/gi, w = m.exec(d), f.setAttribute("stop-color", a("rgb({r},{g},{b})", { r: w[1], g: w[2], b: w[3] })), f.setAttribute("stop-opacity", w[4])) : f.setAttribute("stop-color", d), this.__root.appendChild(f);
+    }, s = function(h, d) {
+      this.__root = h, this.__ctx = d;
+    }, i = function(h) {
+      var d = { width: 500, height: 500, enableMirroring: !1 }, f;
+      if (arguments.length > 1 ? (f = d, f.width = arguments[0], f.height = arguments[1]) : h ? f = h : f = d, !(this instanceof i))
+        return new i(f);
+      this.width = f.width || d.width, this.height = f.height || d.height, this.enableMirroring = f.enableMirroring !== void 0 ? f.enableMirroring : d.enableMirroring, this.canvas = this, this.__document = f.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(h, d, f) {
+      typeof d > "u" && (d = {});
+      var m = this.__document.createElementNS("http://www.w3.org/2000/svg", h), w = Object.keys(d), y, C;
+      for (f && (m.setAttribute("fill", "none"), m.setAttribute("stroke", "none")), y = 0; y < w.length; y++)
+        C = w[y], m.setAttribute(C, d[C]);
+      return m;
+    }, i.prototype.__setDefaultStyles = function() {
+      var h = Object.keys(e), d, f;
+      for (d = 0; d < h.length; d++)
+        f = h[d], this[f] = e[f].canvas;
+    }, i.prototype.__applyStyleState = function(h) {
+      var d = Object.keys(h), f, m;
+      for (f = 0; f < d.length; f++)
+        m = d[f], this[m] = h[m];
+    }, i.prototype.__getStyleState = function() {
+      var h, d = {}, f = Object.keys(e), m;
+      for (h = 0; h < f.length; h++)
+        m = f[h], d[m] = this[m];
+      return d;
+    }, i.prototype.__applyStyleToCurrentElement = function(h) {
+      var d = Object.keys(e), f, m, w, y, C, x;
+      for (f = 0; f < d.length; f++)
+        if (m = e[d[f]], w = this[d[f]], m.apply)
+          if (m.apply.indexOf("fill") !== -1 && w instanceof s) {
+            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(h) !== -1 && m.svg !== w && ((m.svgAttr === "stroke" || m.svgAttr === "fill") && w.indexOf("rgba") !== -1 ? (C = /rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d?\.?\d*)\s*\)/gi, x = C.exec(w), this.__currentElement.setAttribute(m.svgAttr, a("rgb({r},{g},{b})", { r: x[1], g: x[2], b: x[3] })), this.__currentElement.setAttribute(m.svgAttr + "-opacity", x[4])) : this.__currentElement.setAttribute(m.svgAttr, w));
+    }, i.prototype.__closestGroupOrSvg = function(h) {
+      return h = h || this.__currentElement, h.nodeName === "g" || h.nodeName === "svg" ? h : this.__closestGroupOrSvg(h.parentNode);
+    }, i.prototype.getSerializedSvg = function(h) {
+      var d = new XMLSerializer().serializeToString(this.__root), f, m, w, y, C, x;
+      if (x = /xmlns="http:\/\/www\.w3\.org\/2000\/svg".+xmlns="http:\/\/www\.w3\.org\/2000\/svg/gi, x.test(d) && (d = d.replace('xmlns="http://www.w3.org/2000/svg', 'xmlns:xlink="http://www.w3.org/1999/xlink')), h)
+        for (f = Object.keys(n), m = 0; m < f.length; m++)
+          w = f[m], y = n[w], C = new RegExp(w, "gi"), C.test(d) && (d = d.replace(C, y));
+      return d;
+    }, i.prototype.getSvg = function() {
+      return this.__root;
+    }, i.prototype.save = function() {
+      var h = this.__createElement("g"), d = this.__closestGroupOrSvg();
+      this.__groupStack.push(d), d.appendChild(h), this.__currentElement = h, this.__stack.push(this.__getStyleState());
+    }, i.prototype.restore = function() {
+      this.__currentElement = this.__groupStack.pop();
+      var h = this.__stack.pop();
+      this.__applyStyleState(h);
+    }, i.prototype.__addTransform = function(h) {
+      var d = this.__closestGroupOrSvg();
+      if (d.childNodes.length > 0) {
+        var f = this.__createElement("g");
+        d.appendChild(f), this.__currentElement = f;
+      }
+      var m = this.__currentElement.getAttribute("transform");
+      m ? m += " " : m = "", m += h, this.__currentElement.setAttribute("transform", m);
+    }, i.prototype.scale = function(h, d) {
+      d === void 0 && (d = h), this.__addTransform(a("scale({x},{y})", { x: h, y: d }));
+    }, i.prototype.rotate = function(h) {
+      var d = h * 180 / Math.PI;
+      this.__addTransform(a("rotate({angle},{cx},{cy})", { angle: d, cx: 0, cy: 0 }));
+    }, i.prototype.translate = function(h, d) {
+      this.__addTransform(a("translate({x},{y})", { x: h, y: d }));
+    }, i.prototype.transform = function(h, d, f, m, w, y) {
+      this.__addTransform(a("matrix({a},{b},{c},{d},{e},{f})", { a: h, b: d, c: f, d: m, e: w, f: y }));
+    }, i.prototype.beginPath = function() {
+      var h, d;
+      this.__currentDefaultPath = "", this.__currentPosition = {}, h = this.__createElement("path", {}, !0), d = this.__closestGroupOrSvg(), d.appendChild(h), this.__currentElement = h;
+    }, i.prototype.__applyCurrentDefaultPath = function() {
+      if (this.__currentElement.nodeName === "path") {
+        var h = this.__currentDefaultPath;
+        this.__currentElement.setAttribute("d", h);
+      } else
+        throw new Error("Attempted to apply path command to node " + this.__currentElement.nodeName);
+    }, i.prototype.__addPathCommand = function(h) {
+      this.__currentDefaultPath += " ", this.__currentDefaultPath += h;
+    }, i.prototype.moveTo = function(h, d) {
+      this.__currentElement.nodeName !== "path" && this.beginPath(), this.__currentPosition = { x: h, y: d }, this.__addPathCommand(a("M {x} {y}", { x: h, y: d }));
+    }, i.prototype.closePath = function() {
+      this.__addPathCommand("Z");
+    }, i.prototype.lineTo = function(h, d) {
+      this.__currentPosition = { x: h, y: d }, this.__currentDefaultPath.indexOf("M") > -1 ? this.__addPathCommand(a("L {x} {y}", { x: h, y: d })) : this.__addPathCommand(a("M {x} {y}", { x: h, y: d }));
+    }, i.prototype.bezierCurveTo = function(h, d, f, m, w, y) {
+      this.__currentPosition = { x: w, y }, this.__addPathCommand(a(
+        "C {cp1x} {cp1y} {cp2x} {cp2y} {x} {y}",
+        { cp1x: h, cp1y: d, cp2x: f, cp2y: m, x: w, y }
+      ));
+    }, i.prototype.quadraticCurveTo = function(h, d, f, m) {
+      this.__currentPosition = { x: f, y: m }, this.__addPathCommand(a("Q {cpx} {cpy} {x} {y}", { cpx: h, cpy: d, x: f, y: m }));
+    };
+    var p = function(h) {
+      var d = Math.sqrt(h[0] * h[0] + h[1] * h[1]);
+      return [h[0] / d, h[1] / d];
+    };
+    i.prototype.arcTo = function(h, d, f, m, w) {
+      var y = this.__currentPosition && this.__currentPosition.x, C = this.__currentPosition && this.__currentPosition.y;
+      if (!(typeof y > "u" || typeof C > "u")) {
+        if (w < 0)
+          throw new Error("IndexSizeError: The radius provided (" + w + ") is negative.");
+        if (y === h && C === d || h === f && d === m || w === 0) {
+          this.lineTo(h, d);
+          return;
+        }
+        var x = p([y - h, C - d]), _ = p([f - h, m - d]);
+        if (x[0] * _[1] === x[1] * _[0]) {
+          this.lineTo(h, d);
+          return;
+        }
+        var M = x[0] * _[0] + x[1] * _[1], $ = Math.acos(Math.abs(M)), B = p([
+          x[0] + _[0],
+          x[1] + _[1]
+        ]), O = w / Math.sin($ / 2), G = h + O * B[0], Z = d + O * B[1], X = [
+          -x[1],
+          x[0]
+        ], q = [
+          _[1],
+          -_[0]
+        ], ot = function(A) {
+          var F = A[0], b = A[1];
+          return b >= 0 ? Math.acos(F) : -Math.acos(F);
+        }, Y = ot(X), V = ot(q);
+        this.lineTo(
+          G + X[0] * w,
+          Z + X[1] * w
+        ), this.arc(G, Z, w, Y, V);
+      }
+    }, 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(h, d, f, m) {
+      this.__currentElement.nodeName !== "path" && this.beginPath(), this.moveTo(h, d), this.lineTo(h + f, d), this.lineTo(h + f, d + m), this.lineTo(h, d + m), this.lineTo(h, d), this.closePath();
+    }, i.prototype.fillRect = function(h, d, f, m) {
+      var w, y;
+      w = this.__createElement("rect", {
+        x: h,
+        y: d,
+        width: f,
+        height: m
+      }, !0), y = this.__closestGroupOrSvg(), y.appendChild(w), this.__currentElement = w, this.__applyStyleToCurrentElement("fill");
+    }, i.prototype.strokeRect = function(h, d, f, m) {
+      var w, y;
+      w = this.__createElement("rect", {
+        x: h,
+        y: d,
+        width: f,
+        height: m
+      }, !0), y = this.__closestGroupOrSvg(), y.appendChild(w), this.__currentElement = w, this.__applyStyleToCurrentElement("stroke");
+    }, i.prototype.clearRect = function(h, d, f, m) {
+      var w, y = this.__closestGroupOrSvg();
+      w = this.__createElement("rect", {
+        x: h,
+        y: d,
+        width: f,
+        height: m,
+        fill: "#FFFFFF"
+      }, !0), y.appendChild(w);
+    }, i.prototype.createLinearGradient = function(h, d, f, m) {
+      var w = this.__createElement("linearGradient", {
+        id: l(this.__ids),
+        x1: h + "px",
+        x2: f + "px",
+        y1: d + "px",
+        y2: m + "px",
+        gradientUnits: "userSpaceOnUse"
+      }, !1);
+      return this.__defs.appendChild(w), new r(w, this);
+    }, i.prototype.createRadialGradient = function(h, d, f, m, w, y) {
+      var C = this.__createElement("radialGradient", {
+        id: l(this.__ids),
+        cx: m + "px",
+        cy: w + "px",
+        r: y + "px",
+        fx: h + "px",
+        fy: d + "px",
+        gradientUnits: "userSpaceOnUse"
+      }, !1);
+      return this.__defs.appendChild(C), new r(C, this);
+    }, i.prototype.__parseFont = function() {
+      var h = /^\s*(?=(?:(?:[-a-z]+\s*){0,2}(italic|oblique))?)(?=(?:(?:[-a-z]+\s*){0,2}(small-caps))?)(?=(?:(?:[-a-z]+\s*){0,2}(bold(?:er)?|lighter|[1-9]00))?)(?:(?:normal|\1|\2|\3)\s*){0,3}((?:xx?-)?(?:small|large)|medium|smaller|larger|[.\d]+(?:\%|in|[cem]m|ex|p[ctx]))(?:\s*\/\s*(normal|[.\d]+(?:\%|in|[cem]m|ex|p[ctx])))?\s*([-,\"\sa-z]+?)\s*$/i, d = h.exec(this.font), f = {
+        style: d[1] || "normal",
+        size: d[4] || "10px",
+        family: d[6] || "sans-serif",
+        weight: d[3] || "normal",
+        decoration: d[2] || "normal",
+        href: null
+      };
+      return this.__fontUnderline === "underline" && (f.decoration = "underline"), this.__fontHref && (f.href = this.__fontHref), f;
+    }, i.prototype.__wrapTextLink = function(h, d) {
+      if (h.href) {
+        var f = this.__createElement("a");
+        return f.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", h.href), f.appendChild(d), f;
+      }
+      return d;
+    }, i.prototype.__applyText = function(h, d, f, m) {
+      var w = this.__parseFont(), y = this.__closestGroupOrSvg(), C = this.__createElement("text", {
+        "font-family": w.family,
+        "font-size": w.size,
+        "font-style": w.style,
+        "font-weight": w.weight,
+        "text-decoration": w.decoration,
+        x: d,
+        y: f,
+        "text-anchor": g(this.textAlign),
+        "dominant-baseline": v(this.textBaseline)
+      }, !0);
+      C.appendChild(this.__document.createTextNode(h)), this.__currentElement = C, this.__applyStyleToCurrentElement(m), y.appendChild(this.__wrapTextLink(w, C));
+    }, i.prototype.fillText = function(h, d, f) {
+      this.__applyText(h, d, f, "fill");
+    }, i.prototype.strokeText = function(h, d, f) {
+      this.__applyText(h, d, f, "stroke");
+    }, i.prototype.measureText = function(h) {
+      return this.__ctx.font = this.font, this.__ctx.measureText(h);
+    }, i.prototype.arc = function(h, d, f, 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 C = h + f * Math.cos(w), x = d + f * Math.sin(w), _ = h + f * Math.cos(m), M = d + f * Math.sin(m), $ = y ? 0 : 1, B = 0, O = w - m;
+        O < 0 && (O += 2 * Math.PI), y ? B = O > Math.PI ? 0 : 1 : B = O > Math.PI ? 1 : 0, this.lineTo(_, M), this.__addPathCommand(a(
+          "A {rx} {ry} {xAxisRotation} {largeArcFlag} {sweepFlag} {endX} {endY}",
+          { rx: f, ry: f, xAxisRotation: 0, largeArcFlag: B, sweepFlag: $, endX: C, endY: x }
+        )), this.__currentPosition = { x: C, y: x };
+      }
+    }, i.prototype.clip = function() {
+      var h = this.__closestGroupOrSvg(), d = this.__createElement("clipPath"), f = l(this.__ids), m = this.__createElement("g");
+      h.removeChild(this.__currentElement), d.setAttribute("id", f), d.appendChild(this.__currentElement), this.__defs.appendChild(d), h.setAttribute("clip-path", a("url(#{id})", { id: f })), h.appendChild(m), this.__currentElement = m;
+    }, i.prototype.drawImage = function() {
+      var h = Array.prototype.slice.call(arguments), d = h[0], f, m, w, y, C = 0, x = 0, _, M, $, B, O, G, Z, X, q, ot, Y;
+      if (h.length === 3)
+        f = h[1], m = h[2], _ = d.width, M = d.height, w = _, y = M;
+      else if (h.length === 5)
+        f = h[1], m = h[2], w = h[3], y = h[4], _ = d.width, M = d.height;
+      else if (h.length === 9)
+        C = h[1], x = h[2], _ = h[3], M = h[4], f = h[5], m = h[6], w = h[7], y = h[8];
+      else
+        throw new Error("Inavlid number of arguments passed to drawImage: " + arguments.length);
+      if ($ = this.__closestGroupOrSvg(), Z = this.__currentElement, d instanceof i) {
+        for (B = d.getSvg(), O = B.childNodes[0]; O.childNodes.length; )
+          Y = O.childNodes[0].getAttribute("id"), this.__ids[Y] = Y, this.__defs.appendChild(O.childNodes[0]);
+        G = B.childNodes[1], $.appendChild(G), this.__currentElement = G, this.translate(f, m), this.__currentElement = Z;
+      } else (d.nodeName === "CANVAS" || d.nodeName === "IMG") && (X = this.__createElement("image"), X.setAttribute("width", w), X.setAttribute("height", y), X.setAttribute("preserveAspectRatio", "none"), (C || x || _ !== d.width || M !== d.height) && (q = this.__document.createElement("canvas"), q.width = w, q.height = y, ot = q.getContext("2d"), ot.drawImage(d, C, x, _, M, 0, 0, w, y), d = q), X.setAttributeNS(
+        "http://www.w3.org/1999/xlink",
+        "xlink:href",
+        d.nodeName === "CANVAS" ? d.toDataURL() : d.getAttribute("src")
+      ), $.appendChild(X), this.__currentElement = X, this.translate(f, m), this.__currentElement = Z);
+    }, i.prototype.createPattern = function(h, d) {
+      var f = this.__document.createElementNS("http://www.w3.org/2000/svg", "pattern"), m = l(this.__ids), w;
+      return f.setAttribute("id", m), f.setAttribute("width", h.width), f.setAttribute("height", h.height), h.nodeName === "CANVAS" || h.nodeName === "IMG" ? (w = this.__document.createElementNS("http://www.w3.org/2000/svg", "image"), w.setAttribute("width", h.width), w.setAttribute("height", h.height), w.setAttributeNS(
+        "http://www.w3.org/1999/xlink",
+        "xlink:href",
+        h.nodeName === "CANVAS" ? h.toDataURL() : h.getAttribute("src")
+      ), f.appendChild(w), this.__defs.appendChild(f)) : h instanceof i && (f.appendChild(h.__root.childNodes[1]), this.__defs.appendChild(f)), new s(f, this);
+    }, i.prototype.drawFocusRing = function() {
+    }, i.prototype.createImageData = function() {
+    }, i.prototype.getImageData = function() {
+    }, i.prototype.putImageData = function() {
+    }, i.prototype.globalCompositeOperation = function() {
+    }, i.prototype.setTransform = function() {
+    }, typeof window == "object" && (window.C2S = i), t.exports = i;
+  })();
+})(Zr);
+var an = Zr.exports;
+const gt = /* @__PURE__ */ nn(an), on = Math.PI * 2;
+let hn = 0;
+function ln() {
+  return `p5ExportPattern_${++hn}`;
+}
+function dn(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];
+  return typeof r == "string" ? r : r && typeof r.toString == "function" ? r.toString() : "#888888";
+}
+function ve(t, e, i, r, s) {
+  return s === "corners" ? { x: t, y: e, w: i - t, h: r - e } : s === "radius" ? { x: t - i, y: e - r, w: 2 * i, h: 2 * r } : s === "center" ? { x: t - i * 0.5, y: e - r * 0.5, w: i, h: r } : { x: t, y: e, w: i, h: r };
+}
+function Ur(t) {
+  return t._renderer && t._renderer.states && t._renderer.states.rectMode || "corner";
+}
+function Mi(t) {
+  return t._renderer && t._renderer.states && t._renderer.states.ellipseMode || "center";
+}
+function cn(t, e, i) {
+  const r = t._p5ExportSVGRecorder;
+  r && r.ops.push([3, e, i]);
+}
+function fn(t, e) {
+  const i = t._p5ExportSVGRecorder;
+  i && i.ops.push([2, "beginRaster", e]);
+}
+function un(t) {
+  const e = t._p5ExportSVGRecorder;
+  e && e.ops.push([2, "endRaster"]);
+}
+function Ut(t, e, i) {
+  const r = t[e];
+  typeof r != "function" || r.__p5ExportWrapped || (t[e] = function(...s) {
+    let n, a;
+    try {
+      if (a = i(this, s), a) {
+        n = ln();
+        const u = dn(this);
+        cn(this, a.kind, { ...a, color: u, patternId: n });
+      }
+    } catch {
+    }
+    const l = !!this._p5ExportSVGRecorder && !!n && !!a;
+    l && fn(this, { bbox: a, patternId: n });
+    try {
+      return r.apply(this, s);
+    } finally {
+      l && un(this);
+    }
+  }, t[e].__p5ExportWrapped = !0);
+}
+const pn = [
+  "rectPattern",
+  "squarePattern",
+  "ellipsePattern",
+  "circlePattern",
+  "arcPattern",
+  "trianglePattern",
+  "quadPattern"
+];
+function Dr(t, e) {
+  if (!t || !t.prototype) return !1;
+  const i = t.prototype;
+  if (typeof i.rectPattern != "function") return !1;
+  const r = !!i.__p5ExportPatternHooksInstalled;
+  if (r || (i.__p5ExportPatternHooksInstalled = !0), e && e._renderer && e._renderer.states) {
+    const n = t.Renderer || e._renderer.constructor;
+    if (n && n.prototype && !n.prototype.__p5ExportModeBridged) {
+      n.prototype.__p5ExportModeBridged = !0;
+      for (const a of ["rectMode", "ellipseMode", "imageMode", "colorMode"])
+        Object.defineProperty(n.prototype, "_" + a, {
+          configurable: !0,
+          get() {
+            return this.states && this.states[a];
+          },
+          set(l) {
+            this.states && (this.states[a] = l);
+          }
+        });
+    }
+  }
+  r || (Ut(i, "rectPattern", (n, a) => ({
+    kind: "rect",
+    ...ve(a[0], a[1], a[2], a[3], Ur(n))
+  })), Ut(i, "squarePattern", (n, a) => ({
+    kind: "rect",
+    ...ve(a[0], a[1], a[2], a[2], Ur(n))
+  })), Ut(i, "ellipsePattern", (n, a) => ({
+    kind: "ellipse",
+    ...ve(a[0], a[1], a[2], a[3], Mi(n))
+  })), Ut(i, "circlePattern", (n, a) => ({
+    kind: "ellipse",
+    ...ve(a[0], a[1], a[2], a[2], Mi(n))
+  })), Ut(i, "arcPattern", (n, a) => ({
+    kind: "ellipse",
+    ...ve(a[0], a[1], a[2], a[3], Mi(n))
+  })), Ut(i, "trianglePattern", (n, a) => {
+    const l = [a[0], a[2], a[4]], u = [a[1], a[3], a[5]], g = Math.min(...l), v = Math.max(...l), p = Math.min(...u), h = Math.max(...u);
+    return {
+      kind: "polygon",
+      points: [[a[0], a[1]], [a[2], a[3]], [a[4], a[5]]],
+      x: g,
+      y: p,
+      w: v - g,
+      h: h - p
+    };
+  }), Ut(i, "quadPattern", (n, a) => {
+    const l = [a[0], a[2], a[4], a[6]], u = [a[1], a[3], a[5], a[7]], g = Math.min(...l), v = Math.max(...l), p = Math.min(...u), h = Math.max(...u);
+    return {
+      kind: "polygon",
+      points: [[a[0], a[1]], [a[2], a[3]], [a[4], a[5]], [a[6], a[7]]],
+      x: g,
+      y: p,
+      w: v - g,
+      h: h - p
+    };
+  }));
+  const s = e && e._isGlobal && e || typeof window < "u" && window.p5 && window.p5.instance || null;
+  if (s && s._isGlobal && typeof window < "u")
+    for (const n of pn) {
+      const a = i[n];
+      if (typeof a == "function")
+        try {
+          let l = a.bind(s);
+          Object.defineProperty(window, n, {
+            configurable: !0,
+            enumerable: !0,
+            get() {
+              return l;
+            },
+            set(u) {
+            }
+          });
+        } catch {
+        }
+    }
+  return !0;
+}
+const Qr = "p5ExportSharedRaster";
+function mn(t, e, i, r) {
+  if (!i || !t) return;
+  const s = t.fillStyle;
+  i.patternId ? t.fillStyle = `url(#${i.patternId})` : t.fillStyle = `url(#${Qr})`;
+  try {
+    if (e === "rect")
+      t.beginPath(), t.rect(i.x, i.y, i.w, i.h), t.fill();
+    else if (e === "ellipse") {
+      const n = i.w / 2, a = i.h / 2, l = i.x + n, u = i.y + a;
+      t.beginPath(), t.ellipse(l, u, n, a, 0, 0, on), t.fill();
+    } else if (e === "polygon") {
+      const n = i.points || [];
+      if (n.length >= 2) {
+        t.beginPath(), t.moveTo(n[0][0], n[0][1]);
+        for (let a = 1; a < n.length; a++) t.lineTo(n[a][0], n[a][1]);
+        t.closePath(), t.fill();
+      }
+    }
+  } finally {
+    t.fillStyle = s;
+  }
+}
+let Wr = !1;
+function wn() {
+  if (Wr) return;
+  Wr = !0, gt.prototype.setTransform = function(r, s, n, a, l, u) {
+    const v = this.__groupStack && this.__groupStack.length > 0 ? this.__closestGroupOrSvg() : this.__root, p = this.__createElement("g");
+    v.appendChild(p), this.__currentElement = p, r === 1 && s === 0 && n === 0 && a === 1 && l === 0 && u === 0 || this.__currentElement.setAttribute("transform", `matrix(${r},${s},${n},${a},${l},${u})`);
+  }, gt.prototype.resetTransform = function() {
+    this.setTransform(1, 0, 0, 1, 0, 0);
+  }, gt.prototype.ellipse = function(r, s, n, a, l, u, g, v) {
+    if (u === g) return;
+    l = l || 0;
+    const p = Math.PI * 2;
+    u = u % p, g = g % p, u === g && (g = (g + p - 1e-3 * (v ? -1 : 1)) % p);
+    const h = Math.cos(l), d = Math.sin(l), f = (M) => {
+      const $ = n * Math.cos(M), B = a * Math.sin(M);
+      return { x: r + $ * h - B * d, y: s + $ * d + B * h };
+    }, m = f(u), w = f(g);
+    let y = g - u;
+    y < 0 && (y += p);
+    const C = v ? 0 : 1, x = v ? y > Math.PI ? 0 : 1 : y > Math.PI ? 1 : 0, _ = l * 180 / Math.PI;
+    this.lineTo(m.x, m.y), this.__addPathCommand(
+      "A " + n + " " + a + " " + _ + " " + x + " " + C + " " + w.x + " " + w.y
+    ), this.__currentPosition = { x: w.x, y: w.y };
+  }, typeof gt.prototype.roundRect != "function" && (gt.prototype.roundRect = function(r, s, n, a, l) {
+    let u, g, v, p;
+    typeof l == "number" ? u = g = v = p = l : Array.isArray(l) ? l.length === 1 ? u = g = v = p = l[0] : l.length === 2 ? (u = v = l[0], g = p = l[1]) : [u, g, v, p] = [l[0], l[1], l[2], l[3] ?? l[1]] : u = g = v = p = 0;
+    const h = Math.min(Math.abs(n), Math.abs(a)) / 2;
+    u = Math.min(u, h), g = Math.min(g, h), v = Math.min(v, h), p = Math.min(p, h), this.moveTo(r + u, s), this.lineTo(r + n - g, s), this.ellipse(r + n - g, s + g, g, g, 0, -Math.PI / 2, 0), this.lineTo(r + n, s + a - v), this.ellipse(r + n - v, s + a - v, v, v, 0, 0, Math.PI / 2), this.lineTo(r + p, s + a), this.ellipse(r + p, s + a - p, p, p, 0, Math.PI / 2, Math.PI), this.lineTo(r, s + u), this.ellipse(r + u, s + u, u, u, 0, Math.PI, Math.PI * 1.5);
+  }), delete gt.prototype.globalCompositeOperation;
+  const t = gt.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;
+    const s = e.exec(r);
+    if (!s) return r;
+    const n = Math.round(parseInt(s[4], 16) / 255 * 1e3) / 1e3;
+    return `rgba(${parseInt(s[1], 16)},${parseInt(s[2], 16)},${parseInt(s[3], 16)},${n})`;
+  };
+  gt.prototype.__applyStyleToCurrentElement = function(r) {
+    const s = this.fillStyle, n = this.strokeStyle;
+    typeof s == "string" && (this.fillStyle = i(s)), typeof n == "string" && (this.strokeStyle = i(n));
+    try {
+      return t.call(this, r);
+    } finally {
+      this.fillStyle = s, this.strokeStyle = n;
+    }
+  };
+}
+const gn = 60, ts = /* @__PURE__ */ new Set([
+  "fillStyle",
+  "strokeStyle",
+  "lineWidth",
+  "lineCap",
+  "lineJoin",
+  "miterLimit",
+  "globalAlpha",
+  "font",
+  "textAlign",
+  "textBaseline",
+  "shadowColor",
+  "shadowBlur",
+  "shadowOffsetX",
+  "shadowOffsetY"
+]);
+let vn = 0;
+const es = /* @__PURE__ */ new Map();
+function yn() {
+  return `p5ExportGrad_${++vn}`;
+}
+function bn(t) {
+  const e = [], i = [0], r = {
+    proxy: null,
+    ops: e,
+    maxFrames: gn,
+    clear() {
+      e.length = 0, i.length = 1, i[0] = 0;
+    },
+    /**
+     * Mark the boundary between two frames. Called from `predraw`. Trims
+     * the oldest frame's ops if we've exceeded `maxFrames` — but before
+     * each splice, captures the latest value of every preserved style
+     * property in the dropped region and re-emits those at the start of
+     * the kept region. That guarantees subsequent ops don't lose the
+     * fillStyle/strokeStyle/etc. they implicitly depend on.
+     */
+    markFrameBoundary() {
+      if (this.maxFrames === 1 / 0) {
+        i.push(e.length);
+        return;
+      }
+      for (i.push(e.length); i.length > this.maxFrames + 1; ) {
+        const a = i[1];
+        if (a > 0) {
+          const l = {};
+          for (let v = 0; v < a; v++) {
+            const p = e[v];
+            p[0] === 1 && ts.has(p[1]) && (l[p[1]] = p[2]);
+          }
+          e.splice(0, a);
+          const u = [];
+          for (const v in l) u.push([1, v, l[v]]);
+          u.length && e.unshift(...u);
+          const g = u.length - a;
+          for (let v = 1; v < i.length; v++) i[v] += g;
+        }
+        i.shift();
+      }
+    }
+  }, s = /* @__PURE__ */ new Set(["createLinearGradient", "createRadialGradient", "createConicGradient"]), n = (a, l, u) => {
+    if (!a) return a;
+    const g = yn(), v = { id: g, kind: l, args: Array.from(u), stops: [] };
+    es.set(g, v);
+    try {
+      a.__p5ExportGradId = g;
+    } catch {
+    }
+    return new Proxy(a, {
+      get(p, h) {
+        if (h === "addColorStop" && typeof p[h] == "function")
+          return function(f, m) {
+            return v.stops.push({ offset: f, color: m }), p[h].call(p, f, m);
+          };
+        const d = p[h];
+        return typeof d == "function" ? d.bind(p) : d;
+      }
+    });
+  };
+  return r.proxy = new Proxy(t, {
+    get(a, l) {
+      const u = a[l];
+      return typeof u == "function" ? function(...g) {
+        e.push([0, l, g]);
+        const v = u.apply(a, g);
+        return s.has(l) ? n(v, l, g) : v;
+      } : u;
+    },
+    set(a, l, u) {
+      if ((l === "fillStyle" || l === "strokeStyle") && u && typeof u == "object") {
+        const g = u.__p5ExportGradId;
+        e.push([1, l, g ? { __p5ExportGradId: g } : u]);
+      } else
+        e.push([1, l, u]);
+      return a[l] = u, !0;
+    }
+  }), r;
+}
+function _n(t) {
+  return !!(t && typeof t.fillRect == "function");
+}
+function zr(t) {
+  if (!t || t._p5ExportSVGRecorder) return;
+  const e = t._renderer;
+  if (!e) return;
+  const i = e.drawingContext;
+  if (!_n(i)) return;
+  const r = bn(i), s = typeof window < "u" && window.p5ExportConfig || {};
+  typeof s.svgMaxFrames == "number" && (r.maxFrames = s.svgMaxFrames > 0 ? s.svgMaxFrames : 1 / 0), t._p5ExportSVGRecorder = r;
+  const n = { value: r.proxy, configurable: !0, writable: !0, enumerable: !0 };
+  Object.defineProperty(e, "drawingContext", n), Object.defineProperty(t, "drawingContext", n);
+}
+function Vr(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 xn(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 is(t, e, i) {
+  let r = -1, s = "#000000";
+  const n = 0.5;
+  let a = !1;
+  for (let l = 0; l < t.length; l++) {
+    const u = t[l];
+    if (u[0] === 2) {
+      u[1] === "beginRaster" ? a = !0 : u[1] === "endRaster" && (a = !1);
+      continue;
+    }
+    if (!a) {
+      if (u[0] === 1 && u[1] === "fillStyle")
+        s = u[2];
+      else if (u[0] === 0 && (u[1] === "fillRect" || u[1] === "clearRect")) {
+        const g = u[2], v = g[0], p = g[1], h = g[2], d = g[3];
+        Math.abs(v) <= n && Math.abs(p) <= n && Math.abs(h - e) <= n && Math.abs(d - i) <= n && (u[1] === "clearRect" || xn(s)) && (r = l);
+      }
+    }
+  }
+  return r;
+}
+function Lr(t) {
+  wn();
+  const e = t._p5ExportSVGRecorder, i = t.width || 100, r = t.height || 100, s = new gt(i, r);
+  if (s.setTransform(1, 0, 0, 1, 0, 0), !e) return s.getSerializedSvg();
+  let n = "#000000", a = "#000000";
+  const l = /* @__PURE__ */ new Set(), u = "http://www.w3.org/2000/svg", g = (V) => {
+    if (!V || l.has(V.id)) return !0;
+    const A = s.__defs, F = s.__document;
+    let b;
+    if (V.kind === "createLinearGradient") {
+      const [W, Q, ht, kt] = V.args;
+      b = F.createElementNS(u, "linearGradient"), b.setAttribute("gradientUnits", "userSpaceOnUse"), b.setAttribute("x1", String(W)), b.setAttribute("y1", String(Q)), b.setAttribute("x2", String(ht)), b.setAttribute("y2", String(kt));
+    } else if (V.kind === "createRadialGradient") {
+      const [W, Q, ht, kt, we, ki] = V.args;
+      b = F.createElementNS(u, "radialGradient"), b.setAttribute("gradientUnits", "userSpaceOnUse"), b.setAttribute("fx", String(W)), b.setAttribute("fy", String(Q)), b.setAttribute("fr", String(ht)), b.setAttribute("cx", String(kt)), b.setAttribute("cy", String(we)), b.setAttribute("r", String(ki));
+    } else
+      return !1;
+    b.setAttribute("id", V.id);
+    for (const W of V.stops) {
+      const Q = F.createElementNS(u, "stop");
+      Q.setAttribute("offset", String(W.offset)), Q.setAttribute("stop-color", String(W.color)), b.appendChild(Q);
+    }
+    return A.appendChild(b), l.add(V.id), !0;
+  }, v = typeof t.pixelDensity == "function" ? t.pixelDensity() : 1, p = 1 / v, h = e.ops.slice(), d = is(h, i, r);
+  let f = 0;
+  if (d > 0) {
+    let V = 0, A = -1;
+    for (let b = d - 1; b >= 0; b--)
+      if (h[b][0] === 0) {
+        if (h[b][1] === "restore") V++;
+        else if (h[b][1] === "save") {
+          if (V === 0) {
+            A = b;
+            break;
+          }
+          V--;
+        }
+      }
+    f = A >= 0 ? A : d;
+    const F = {};
+    for (let b = 0; b < f; b++) {
+      const W = h[b];
+      W[0] === 1 && ts.has(W[1]) && (F[W[1]] = W[2]);
+    }
+    for (const b in F) {
+      const W = F[b];
+      b === "fillStyle" || b === "strokeStyle" ? typeof W == "string" ? (b === "fillStyle" ? n = W : a = W, s[b] = Vr(W)) : s[b] = b === "fillStyle" ? n : a : s[b] = W;
+    }
+  }
+  const m = Tt(t), w = m ? m.width : i * v, y = m ? m.height : r * v;
+  let C = null, x = null, _ = null, M = null, $ = null, B = !1;
+  const O = "http://www.w3.org/2000/svg", G = "http://www.w3.org/1999/xlink", Z = () => {
+    C || (C = document.createElement("canvas"), C.width = w, C.height = y, x = C.getContext("2d")), x.setTransform(1, 0, 0, 1, 0, 0), x.clearRect(0, 0, C.width, C.height), x.setTransform(v, 0, 0, v, 0, 0);
+  }, X = () => {
+    M || (M = document.createElement("canvas"), M.width = w, M.height = y, $ = M.getContext("2d"), $.setTransform(v, 0, 0, v, 0, 0));
+  }, q = (V) => {
+    if (!V || !V.hasContent || !C) return;
+    const A = V.bbox;
+    if (!A) return;
+    const F = Math.max(0, Math.floor(A.x * v)), b = Math.max(0, Math.floor(A.y * v)), W = Math.min(C.width, Math.ceil((A.x + A.w) * v)), Q = Math.min(C.height, Math.ceil((A.y + A.h) * v)), ht = W - F, kt = Q - b;
+    if (ht <= 0 || kt <= 0) return;
+    let we;
+    try {
+      const ge = document.createElement("canvas");
+      ge.width = ht, ge.height = kt, ge.getContext("2d").drawImage(C, F, b, ht, kt, 0, 0, ht, kt), we = ge.toDataURL();
+    } catch {
+      return;
+    }
+    const ki = s.__defs, At = s.__document.createElementNS(O, "pattern");
+    At.setAttribute("id", V.patternId), At.setAttribute("patternUnits", "userSpaceOnUse"), At.setAttribute("x", String(A.x)), At.setAttribute("y", String(A.y)), At.setAttribute("width", String(A.w)), At.setAttribute("height", String(A.h));
+    const Mt = s.__document.createElementNS(O, "image");
+    Mt.setAttribute("x", "0"), Mt.setAttribute("y", "0"), Mt.setAttribute("width", String(A.w)), Mt.setAttribute("height", String(A.h)), Mt.setAttributeNS(G, "xlink:href", we), Mt.setAttribute("href", we), Mt.setAttribute("preserveAspectRatio", "none"), At.appendChild(Mt), ki.appendChild(At);
+  }, ot = () => {
+    if (!(!M || !B))
+      try {
+        const V = M.toDataURL(), A = s.__defs, F = s.__document.createElementNS(O, "pattern");
+        F.setAttribute("id", Qr), F.setAttribute("patternUnits", "userSpaceOnUse"), F.setAttribute("x", "0"), F.setAttribute("y", "0"), F.setAttribute("width", String(i)), F.setAttribute("height", String(r));
+        const b = s.__document.createElementNS(O, "image");
+        b.setAttribute("x", "0"), b.setAttribute("y", "0"), b.setAttribute("width", String(i)), b.setAttribute("height", String(r)), b.setAttributeNS(G, "xlink:href", V), b.setAttribute("href", V), F.appendChild(b), A.appendChild(F);
+        const W = s.__document.createElementNS(O, "image");
+        W.setAttribute("x", "0"), W.setAttribute("y", "0"), W.setAttribute("width", String(i)), W.setAttribute("height", String(r)), W.setAttributeNS(G, "xlink:href", V), W.setAttribute("href", V), s.__root.appendChild(W);
+      } catch {
+      }
+  };
+  let Y = !1;
+  for (let V = f; V < h.length; V++) {
+    const A = h[V];
+    if (A[0] === 2) {
+      if (A[1] === "beginRaster") {
+        const b = A[2];
+        b && b.bbox && b.patternId ? (Z(), _ = { bbox: b.bbox, patternId: b.patternId, hasContent: !1 }) : (X(), _ = null), Y = !0;
+      } else A[1] === "endRaster" && (_ && (q(_), _ = null), Y = !1);
+      continue;
+    }
+    if (A[0] === 3) {
+      try {
+        mn(s, A[1], A[2], !0);
+      } catch {
+      }
+      continue;
+    }
+    const F = Y ? _ ? x : $ : s;
+    Y && A[0] === 0 && (_ ? _.hasContent = !0 : B = !0);
+    try {
+      if (A[0] === 0)
+        if (A[1] === "setTransform") {
+          const b = A[2];
+          F === s ? F.setTransform(b[0] * p, b[1] * p, b[2] * p, b[3] * p, b[4] * p, b[5] * p) : F.setTransform(b[0], b[1], b[2], b[3], b[4], b[5]);
+        } else {
+          const b = F[A[1]];
+          typeof b == "function" && b.apply(F, A[2]);
+        }
+      else if (A[1] === "fillStyle" || A[1] === "strokeStyle") {
+        const b = A[2], W = A[1] === "fillStyle";
+        if (typeof b == "string")
+          W ? n = b : a = b, F[A[1]] = F === s ? Vr(b) : b;
+        else if (b && typeof b == "object" && b.__p5ExportGradId) {
+          const Q = es.get(b.__p5ExportGradId);
+          F === s && g(Q) ? F[A[1]] = `url(#${Q.id})` : F === s && (F[A[1]] = W ? n : a);
+        } else if (F === s)
+          F[A[1]] = W ? n : a;
+        else
+          try {
+            F[A[1]] = b;
+          } catch {
+          }
+      } else if (A[1] === "globalCompositeOperation") {
+        if (F[A[1]] = A[2], F === s) {
+          const b = A[2], W = s.__currentElement;
+          if (W && W.setAttribute && b && b !== "source-over") {
+            const Q = W.getAttribute("style") || "";
+            if (Q.indexOf("mix-blend-mode") === -1) {
+              const ht = Q && !Q.trim().endsWith(";") ? ";" : "";
+              W.setAttribute("style", Q + ht + "mix-blend-mode:" + b);
+            }
+          }
+        }
+      } else
+        F[A[1]] = A[2];
+    } catch {
+    }
+  }
+  return _ && q(_), ot(), s.getSerializedSvg();
+}
+function Sn(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 Cn(t, e, i) {
+  e.saveSVG = function(s, n = {}) {
+    let a;
+    const l = !!this._p5ExportSVGRecorder, u = 2e6;
+    let g = 0;
+    if (l) {
+      const d = this._p5ExportSVGRecorder.ops.slice(), f = this.width || 100, m = this.height || 100, w = is(d, f, m);
+      let y = 0;
+      if (w > 0) {
+        let x = 0;
+        for (let _ = w - 1; _ >= 0; _--)
+          if (d[_][0] === 0) {
+            if (d[_][1] === "restore") x++;
+            else if (d[_][1] === "save") {
+              if (x === 0) {
+                y = _;
+                break;
+              }
+              x--;
+            }
+          }
+      }
+      let C = !1;
+      for (let x = y; x < d.length; x++) {
+        const _ = d[x];
+        if (_[0] === 2) {
+          _[1] === "beginRaster" ? C = !0 : _[1] === "endRaster" && (C = !1);
+          continue;
+        }
+        C || g++;
+      }
+    }
+    const v = l && !n.forceVector && g > u;
+    if (!n.raster && (!l || v) && !n.silent && typeof window < "u" && typeof window.confirm == "function") {
+      const d = v ? `This sketch produced ${g.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
+
+${d}
+
+Click OK to export a raster-only SVG anyway (a single <image> tag) — useful for archival.
+Click Cancel to abort the download.
+
+Tips:
+  • Wrap expensive draws in beginRasterRegion()/endRasterRegion() for hybrid output.
+  • saveSVG('out', { forceVector: true }) — force vector despite the size.
+  • saveSVG('out', { silent: true })     — never prompt; matches old behavior.`
+      ))
+        return console.info("[p5.export] saveSVG cancelled by user"), null;
+    }
+    if (n.raster || !l || v) {
+      const d = Tt(this);
+      if (!d) throw new Error("[p5.export] saveSVG: no canvas found");
+      v ? console.warn(`[p5.export] saveSVG: ${g.toLocaleString()} vector ops — falling back to raster.`) : !l && !n.raster && console.info("[p5.export] saveSVG: WebGL renderer detected — embedding canvas as raster <image> in SVG."), a = Sn(d);
+    } else
+      a = Lr(this);
+    const h = new Blob([a], { type: "image/svg+xml" });
+    return _t(h, s ? St(s, "svg") : xt("svg")), h;
+  }, e.getSVG = function() {
+    return this._p5ExportSVGRecorder ? Lr(this) : "";
+  }, e.clearSVGRecording = function() {
+    this._p5ExportSVGRecorder && this._p5ExportSVGRecorder.clear();
+  }, e.beginRasterRegion = function() {
+    this._p5ExportSVGRecorder && this._p5ExportSVGRecorder.ops.push([2, "beginRaster"]);
+  }, e.endRasterRegion = function() {
+    this._p5ExportSVGRecorder && this._p5ExportSVGRecorder.ops.push([2, "endRaster"]);
+  }, e.rasterize = function(s) {
+    this.beginRasterRegion();
+    try {
+      return s.call(this);
+    } finally {
+      this.endRasterRegion();
+    }
+  }, e.setSVGRecordingFrames = function(s) {
+    this._p5ExportSVGRecorder && (s === 1 / 0 || s < 0 ? this._p5ExportSVGRecorder.maxFrames = 1 / 0 : this._p5ExportSVGRecorder.maxFrames = Math.max(1, Math.floor(s)));
+  };
+  const r = e.createCanvas;
+  if (typeof r == "function" && (e.createCanvas = function(...s) {
+    const n = r.apply(this, s);
+    this._p5ExportSVGRecorder = null, zr(this);
+    try {
+      Dr(t, this);
+    } catch {
+    }
+    return n;
+  }), i && typeof i == "object") {
+    const s = i.presetup;
+    i.presetup = function() {
+      typeof s == "function" && s.call(this);
+      try {
+        Dr(t, this);
+      } catch {
+      }
+    };
+    const n = i.postsetup;
+    i.postsetup = function() {
+      typeof n == "function" && n.call(this), zr(this);
+    };
+    const a = i.predraw;
+    i.predraw = function() {
+      typeof a == "function" && a.call(this), this._p5ExportSVGRecorder && this._p5ExportSVGRecorder.markFrameBoundary();
+    };
+  }
+}
+function En(t) {
+  return new Promise((e, i) => {
+    const r = new FileReader();
+    r.onload = () => e(r.result), r.onerror = i, r.readAsDataURL(t);
+  });
+}
+let Ye = null;
+function Tn() {
+  return Ye || (Ye = (async () => {
+    if (typeof window < "u") {
+      if (window.jspdf && window.jspdf.jsPDF) return window.jspdf.jsPDF;
+      if (window.jsPDF) return window.jsPDF;
+    }
+    try {
+      const t = await import("jspdf");
+      if (t && t.jsPDF) return t.jsPDF;
+    } catch {
+    }
+    throw new Error(
+      '[p5.export] savePDF requires jspdf. Install it (npm i jspdf) or include <script src="https://cdn.jsdelivr.net/npm/jspdf@2/dist/jspdf.umd.min.js"><\/script> before your sketch.'
+    );
+  })(), Ye);
+}
+function kn(t, e) {
+  e.savePDF = async function(i, r = {}) {
+    const s = Tt(this);
+    if (!s) throw new Error("[p5.export] savePDF: no canvas found");
+    const n = await Tn(), a = (r.imageFormat || "png").toUpperCase(), l = a === "JPEG" ? "image/jpeg" : a === "WEBP" ? "image/webp" : "image/png", u = s.width, g = s.height, v = a === "JPEG" ? "jpg" : a === "WEBP" ? "webp" : "png", p = r.scale;
+    let h;
+    if (!p || p <= 1 || p <= (this.pixelDensity ? this.pixelDensity() : 1))
+      h = s.toDataURL(l, r.quality);
+    else {
+      const O = await Jr(this, p, v, r.quality);
+      O ? h = await En(O) : h = await Kr(this, p, () => Tt(this).toDataURL(l, r.quality));
+    }
+    const d = r.unit || "pt", f = r.orientation || (u >= g ? "l" : "p"), m = r.format || [u, g], w = new n({ orientation: f, unit: d, format: m }), y = w.internal.pageSize.getWidth(), C = w.internal.pageSize.getHeight(), x = Math.min(y / u, C / g), _ = u * x, M = g * x, $ = (y - _) / 2, B = (C - M) / 2;
+    return w.addImage(h, a, $, B, _, M), w.save(i ? St(i, "pdf") : xt("pdf")), w;
+  };
+}
+var An = { trailer: 59 };
+function rs(t = 256) {
+  let e = 0, i = new Uint8Array(t);
+  return { get buffer() {
+    return i.buffer;
+  }, reset() {
+    e = 0;
+  }, bytesView() {
+    return i.subarray(0, e);
+  }, bytes() {
+    return i.slice(0, e);
+  }, writeByte(s) {
+    r(e + 1), i[e] = s, e++;
+  }, writeBytes(s, n = 0, a = s.length) {
+    r(e + a);
+    for (let l = 0; l < a; l++) i[e++] = s[l + n];
+  }, writeBytesView(s, n = 0, a = s.byteLength) {
+    r(e + a), i.set(s.subarray(n, n + a), e), e += a;
+  } };
+  function r(s) {
+    var n = i.length;
+    if (n >= s) return;
+    var a = 1024 * 1024;
+    s = Math.max(s, n * (n < a ? 2 : 1.125) >>> 0), n != 0 && (s = Math.max(s, 256));
+    let l = i;
+    i = new Uint8Array(s), e > 0 && i.set(l.subarray(0, e), 0);
+  }
+}
+var Pi = 12, Or = 5003, Mn = [0, 1, 3, 7, 15, 31, 63, 127, 255, 511, 1023, 2047, 4095, 8191, 16383, 32767, 65535];
+function Pn(t, e, i, r, s = rs(512), n = new Uint8Array(256), a = new Int32Array(Or), l = new Int32Array(Or)) {
+  let u = a.length, g = Math.max(2, r);
+  n.fill(0), l.fill(0), a.fill(-1);
+  let v = 0, p = 0, h = g + 1, d = h, f = !1, m = d, w = (1 << m) - 1, y = 1 << h - 1, C = y + 1, x = y + 2, _ = 0, M = i[0], $ = 0;
+  for (let G = u; G < 65536; G *= 2) ++$;
+  $ = 8 - $, s.writeByte(g), O(y);
+  let B = i.length;
+  for (let G = 1; G < B; G++)
+    t: {
+      let Z = i[G], X = (Z << Pi) + M, q = Z << $ ^ M;
+      if (a[q] === X) {
+        M = l[q];
+        break t;
+      }
+      let ot = q === 0 ? 1 : u - q;
+      for (; a[q] >= 0; ) if (q -= ot, q < 0 && (q += u), a[q] === X) {
+        M = l[q];
+        break t;
+      }
+      O(M), M = Z, x < 1 << Pi ? (l[q] = x++, a[q] = X) : (a.fill(-1), x = y + 2, f = !0, O(y));
+    }
+  return O(M), O(C), s.writeByte(0), s.bytesView();
+  function O(G) {
+    for (v &= Mn[p], p > 0 ? v |= G << p : v = G, p += m; p >= 8; ) n[_++] = v & 255, _ >= 254 && (s.writeByte(_), s.writeBytesView(n, 0, _), _ = 0), v >>= 8, p -= 8;
+    if ((x > w || f) && (f ? (m = d, w = (1 << m) - 1, f = !1) : (++m, w = m === Pi ? 1 << m : (1 << m) - 1)), G == C) {
+      for (; p > 0; ) n[_++] = v & 255, _ >= 254 && (s.writeByte(_), s.writeBytesView(n, 0, _), _ = 0), v >>= 8, p -= 8;
+      _ > 0 && (s.writeByte(_), s.writeBytesView(n, 0, _), _ = 0);
+    }
+  }
+}
+var In = Pn;
+function ss(t, e, i) {
+  return t << 8 & 63488 | e << 2 & 992 | i >> 3;
+}
+function ns(t, e, i, r) {
+  return t >> 4 | e & 240 | (i & 240) << 4 | (r & 240) << 8;
+}
+function as(t, e, i) {
+  return t >> 4 << 8 | e & 240 | i >> 4;
+}
+function Je(t, e, i) {
+  return t < e ? e : t > i ? i : t;
+}
+function Qe(t) {
+  return t * t;
+}
+function Gr(t, e, i) {
+  var r = 0, s = 1e100;
+  let n = t[e], a = n.cnt;
+  n.ac;
+  let l = n.rc, u = n.gc, g = n.bc;
+  for (var v = n.fw; v != 0; v = t[v].fw) {
+    let h = t[v], d = h.cnt, f = a * d / (a + d);
+    if (!(f >= s)) {
+      var p = 0;
+      p += f * Qe(h.rc - l), !(p >= s) && (p += f * Qe(h.gc - u), !(p >= s) && (p += f * Qe(h.bc - g), !(p >= s) && (s = p, r = v)));
+    }
+  }
+  n.err = s, n.nn = r;
+}
+function Ii() {
+  return { ac: 0, rc: 0, gc: 0, bc: 0, cnt: 0, nn: 0, fw: 0, bk: 0, tm: 0, mtm: 0, err: 0 };
+}
+function Rn(t, e) {
+  let i = e === "rgb444" ? 4096 : 65536, r = new Array(i), s = t.length;
+  if (e === "rgba4444") for (let n = 0; n < s; ++n) {
+    let a = t[n], l = a >> 24 & 255, u = a >> 16 & 255, g = a >> 8 & 255, v = a & 255, p = ns(v, g, u, l), h = p in r ? r[p] : r[p] = Ii();
+    h.rc += v, h.gc += g, h.bc += u, h.ac += l, h.cnt++;
+  }
+  else if (e === "rgb444") for (let n = 0; n < s; ++n) {
+    let a = t[n], l = a >> 16 & 255, u = a >> 8 & 255, g = a & 255, v = as(g, u, l), p = v in r ? r[v] : r[v] = Ii();
+    p.rc += g, p.gc += u, p.bc += l, p.cnt++;
+  }
+  else for (let n = 0; n < s; ++n) {
+    let a = t[n], l = a >> 16 & 255, u = a >> 8 & 255, g = a & 255, v = ss(g, u, l), p = v in r ? r[v] : r[v] = Ii();
+    p.rc += g, p.gc += u, p.bc += l, p.cnt++;
+  }
+  return r;
+}
+function os(t, e, i = {}) {
+  let { format: r = "rgb565", clearAlpha: s = !0, clearAlphaColor: n = 0, clearAlphaThreshold: a = 0, oneBitAlpha: l = !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 u = new Uint32Array(t.buffer), g = i.useSqrt !== !1, v = r === "rgba4444", p = Rn(u, r), h = p.length, d = h - 1, f = new Uint32Array(h + 1);
+  for (var m = 0, w = 0; w < h; ++w) {
+    let Y = p[w];
+    if (Y != null) {
+      var y = 1 / Y.cnt;
+      v && (Y.ac *= y), Y.rc *= y, Y.gc *= y, Y.bc *= y, p[m++] = Y;
+    }
+  }
+  Qe(e) / m < 0.022 && (g = !1);
+  for (var w = 0; w < m - 1; ++w) p[w].fw = w + 1, p[w + 1].bk = w, g && (p[w].cnt = Math.sqrt(p[w].cnt));
+  g && (p[w].cnt = Math.sqrt(p[w].cnt));
+  var C, x, _;
+  for (w = 0; w < m; ++w) {
+    Gr(p, w);
+    var M = p[w].err;
+    for (x = ++f[0]; x > 1 && (_ = x >> 1, !(p[C = f[_]].err <= M)); x = _) f[x] = C;
+    f[x] = w;
+  }
+  var $ = m - e;
+  for (w = 0; w < $; ) {
+    for (var B; ; ) {
+      var O = f[1];
+      if (B = p[O], B.tm >= B.mtm && p[B.nn].mtm <= B.tm) break;
+      B.mtm == d ? O = f[1] = f[f[0]--] : (Gr(p, O), B.tm = w);
+      var M = p[O].err;
+      for (x = 1; (_ = x + x) <= f[0] && (_ < f[0] && p[f[_]].err > p[f[_ + 1]].err && _++, !(M <= p[C = f[_]].err)); x = _) f[x] = C;
+      f[x] = O;
+    }
+    var G = p[B.nn], Z = B.cnt, X = G.cnt, y = 1 / (Z + X);
+    v && (B.ac = y * (Z * B.ac + X * G.ac)), B.rc = y * (Z * B.rc + X * G.rc), B.gc = y * (Z * B.gc + X * G.gc), B.bc = y * (Z * B.bc + X * G.bc), B.cnt += G.cnt, B.mtm = ++w, p[G.bk].fw = G.fw, p[G.fw].bk = G.bk, G.mtm = d;
+  }
+  let q = [];
+  var ot = 0;
+  for (w = 0; ; ++ot) {
+    let Y = Je(Math.round(p[w].rc), 0, 255), V = Je(Math.round(p[w].gc), 0, 255), A = Je(Math.round(p[w].bc), 0, 255), F = 255;
+    v && (F = Je(Math.round(p[w].ac), 0, 255), l && (F = F <= (typeof l == "number" ? l : 127) ? 0 : 255), s && F <= a && (Y = V = A = n, F = 0));
+    let b = v ? [Y, V, A, F] : [Y, V, A];
+    if (Bn(q, b) || q.push(b), (w = p[w].fw) == 0) break;
+  }
+  return q;
+}
+function Bn(t, e) {
+  for (let i = 0; i < t.length; i++) {
+    let r = t[i], s = r[0] === e[0] && r[1] === e[1] && r[2] === e[2], n = r.length >= 4 && e.length >= 4 ? r[3] === e[3] : !0;
+    if (s && n) return !0;
+  }
+  return !1;
+}
+function hs(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), s = r.length, n = i === "rgb444" ? 4096 : 65536, a = new Uint8Array(s), l = new Array(n);
+  if (i === "rgba4444") for (let u = 0; u < s; u++) {
+    let g = r[u], v = g >> 24 & 255, p = g >> 16 & 255, h = g >> 8 & 255, d = g & 255, f = ns(d, h, p, v), m = f in l ? l[f] : l[f] = Fn(d, h, p, v, e);
+    a[u] = m;
+  }
+  else {
+    let u = i === "rgb444" ? as : ss;
+    for (let g = 0; g < s; g++) {
+      let v = r[g], p = v >> 16 & 255, h = v >> 8 & 255, d = v & 255, f = u(d, h, p), m = f in l ? l[f] : l[f] = Un(d, h, p, e);
+      a[g] = m;
+    }
+  }
+  return a;
+}
+function Fn(t, e, i, r, s) {
+  let n = 0, a = 1e100;
+  for (let l = 0; l < s.length; l++) {
+    let u = s[l], g = u[3], v = jt(g - r);
+    if (v > a) continue;
+    let p = u[0];
+    if (v += jt(p - t), v > a) continue;
+    let h = u[1];
+    if (v += jt(h - e), v > a) continue;
+    let d = u[2];
+    v += jt(d - i), !(v > a) && (a = v, n = l);
+  }
+  return n;
+}
+function Un(t, e, i, r) {
+  let s = 0, n = 1e100;
+  for (let a = 0; a < r.length; a++) {
+    let l = r[a], u = l[0], g = jt(u - t);
+    if (g > n) continue;
+    let v = l[1];
+    if (g += jt(v - e), g > n) continue;
+    let p = l[2];
+    g += jt(p - i), !(g > n) && (n = g, s = a);
+  }
+  return s;
+}
+function jt(t) {
+  return t * t;
+}
+function ls(t = {}) {
+  let { initialCapacity: e = 4096, auto: i = !0 } = t, r = rs(e), s = 5003, n = new Uint8Array(256), a = new Int32Array(s), l = new Int32Array(s), u = !1;
+  return { reset() {
+    r.reset(), u = !1;
+  }, finish() {
+    r.writeByte(An.trailer);
+  }, bytes() {
+    return r.bytes();
+  }, bytesView() {
+    return r.bytesView();
+  }, get buffer() {
+    return r.buffer;
+  }, get stream() {
+    return r;
+  }, writeHeader: g, writeFrame(v, p, h, d = {}) {
+    let { transparent: f = !1, transparentIndex: m = 0, delay: w = 0, palette: y = null, repeat: C = 0, colorDepth: x = 8, dispose: _ = -1 } = d, M = !1;
+    if (i ? u || (M = !0, g(), u = !0) : M = !!d.first, p = Math.max(0, Math.floor(p)), h = Math.max(0, Math.floor(h)), M) {
+      if (!y) throw new Error("First frame must include a { palette } option");
+      Wn(r, p, h, y, x), Nr(r, y), C >= 0 && zn(r, C);
+    }
+    let $ = Math.round(w / 10);
+    Dn(r, _, $, f, m);
+    let B = !!y && !M;
+    Vn(r, p, h, B ? y : null), B && Nr(r, y), Ln(r, v, p, h, x, n, a, l);
+  } };
+  function g() {
+    ds(r, "GIF89a");
+  }
+}
+function Dn(t, e, i, r, s) {
+  t.writeByte(33), t.writeByte(249), t.writeByte(4), s < 0 && (s = 0, r = !1);
+  var n, a;
+  r ? (n = 1, a = 2) : (n = 0, a = 0), e >= 0 && (a = e & 7), a <<= 2, t.writeByte(0 | a | 0 | n), Rt(t, i), t.writeByte(s || 0), t.writeByte(0);
+}
+function Wn(t, e, i, r, s = 8) {
+  let n = 1, a = 0, l = nr(r.length) - 1, u = n << 7 | s - 1 << 4 | a << 3 | l;
+  Rt(t, e), Rt(t, i), t.writeBytes([u, 0, 0]);
+}
+function zn(t, e) {
+  t.writeByte(33), t.writeByte(255), t.writeByte(11), ds(t, "NETSCAPE2.0"), t.writeByte(3), t.writeByte(1), Rt(t, e), t.writeByte(0);
+}
+function Nr(t, e) {
+  let i = 1 << nr(e.length);
+  for (let r = 0; r < i; r++) {
+    let s = [0, 0, 0];
+    r < e.length && (s = e[r]), t.writeByte(s[0]), t.writeByte(s[1]), t.writeByte(s[2]);
+  }
+}
+function Vn(t, e, i, r) {
+  if (t.writeByte(44), Rt(t, 0), Rt(t, 0), Rt(t, e), Rt(t, i), r) {
+    let s = 0, n = 0, a = nr(r.length) - 1;
+    t.writeByte(128 | s | n | 0 | a);
+  } else t.writeByte(0);
+}
+function Ln(t, e, i, r, s = 8, n, a, l) {
+  In(i, r, e, s, t, n, a, l);
+}
+function Rt(t, e) {
+  t.writeByte(e & 255), t.writeByte(e >> 8 & 255);
+}
+function ds(t, e) {
+  for (var i = 0; i < e.length; i++) t.writeByte(e.charCodeAt(i));
+}
+function nr(t) {
+  return Math.max(Math.ceil(Math.log2(t)), 1);
+}
+class On {
+  /**
+   * @param {object} opts
+   * @param {HTMLCanvasElement} opts.canvas
+   * @param {number} [opts.fps=30]
+   * @param {number} [opts.duration]   seconds; if set, recorder auto-stops
+   * @param {number} [opts.maxColors=256]
+   * @param {string} [opts.filename]
+   * @param {(p:number)=>void} [opts.onProgress]   0..1 during finalize
+   */
+  constructor(e) {
+    this.canvas = e.canvas, this.fps = e.fps ?? 30, this.duration = e.duration, this.maxColors = e.maxColors ?? 256, this.filename = e.filename, this.onProgress = e.onProgress || (() => {
+    }), this.frames = [], this.startTime = 0, this.active = !1, this.framesRecorded = 0;
+  }
+  start() {
+    this.active || (this.frames = [], this.framesRecorded = 0, this.startTime = performance.now(), this.active = !0, this._nextFrameAt = this.startTime);
+  }
+  /** Called every draw frame; decides whether to grab a frame based on target fps. */
+  tick() {
+    if (!this.active) return;
+    const e = performance.now();
+    if (e < this._nextFrameAt) return;
+    const i = this.canvas.getContext("2d", { willReadFrequently: !0 }) || this.canvas.getContext("webgl2") || this.canvas.getContext("webgl");
+    let r;
+    if (i && i.getImageData)
+      r = i.getImageData(0, 0, this.canvas.width, this.canvas.height).data;
+    else {
+      const s = document.createElement("canvas");
+      s.width = this.canvas.width, s.height = this.canvas.height, s.getContext("2d").drawImage(this.canvas, 0, 0), r = s.getContext("2d").getImageData(0, 0, s.width, s.height).data;
+    }
+    this.frames.push({
+      data: new Uint8ClampedArray(r),
+      width: this.canvas.width,
+      height: this.canvas.height
+    }), this.framesRecorded++, this._nextFrameAt += 1e3 / this.fps, this.duration && e - this.startTime >= this.duration * 1e3 && this.stop();
+  }
+  /** Stop capture and encode. Returns a Promise<Blob>. */
+  async stop() {
+    if (!this.active) return null;
+    this.active = !1;
+    const e = await this._encode(), i = this.filename ? St(this.filename, "gif") : xt("gif");
+    return _t(e, i), e;
+  }
+  /** Encode without downloading — useful when the caller wants the Blob directly. */
+  async encode() {
+    return this.active = !1, this._encode();
+  }
+  async _encode() {
+    const e = ls(), i = Math.round(1e3 / this.fps), r = this.frames.length;
+    for (let s = 0; s < r; s++) {
+      const n = this.frames[s], a = os(n.data, this.maxColors), l = hs(n.data, a);
+      e.writeFrame(l, n.width, n.height, { palette: a, delay: i }), this.onProgress((s + 1) / r), s % 4 === 3 && await new Promise((u) => setTimeout(u, 0));
+    }
+    return e.finish(), new Blob([e.bytes()], { type: "image/gif" });
+  }
+}
+function Gn(t, e, i) {
+  if (e.recordGIF = function(r = {}) {
+    const s = Tt(this);
+    if (!s) 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 n = new On({ canvas: s, ...r });
+    return n.start(), this._p5ExportGIF = n, n;
+  }, e.stopGIF = function() {
+    const r = this._p5ExportGIF;
+    return r ? (this._p5ExportGIF = null, r.stop()) : null;
+  }, i && typeof i == "object") {
+    const r = i.postdraw;
+    i.postdraw = function() {
+      typeof r == "function" && r.call(this), this._p5ExportGIF && this._p5ExportGIF.active && this._p5ExportGIF.tick();
+    };
+  }
+}
+class Nn {
+  /**
+   * @param {object} opts
+   * @param {HTMLCanvasElement} opts.canvas
+   * @param {number} [opts.fps=30]
+   * @param {number} [opts.duration]   seconds; auto-stops when reached
+   * @param {number} [opts.maxFrames=900]   safety cap (default ≈ 30 s @ 30 fps)
+   */
+  constructor({ canvas: e, fps: i = 30, duration: r, maxFrames: s = 900 }) {
+    this.canvas = e, this.fps = i, this.duration = r, this.maxFrames = s, this.width = e.width, this.height = e.height, this.frames = [], this.recording = !1, this.startTime = 0, this._nextFrameAt = 0;
+  }
+  start() {
+    this.frames = [], this.recording = !0, this.startTime = performance.now(), this._nextFrameAt = this.startTime;
+  }
+  /**
+   * Pull one frame off the canvas if enough time has elapsed. Called every
+   * `postdraw` via a lifecycle hook in video.js.
+   */
+  tick() {
+    if (!this.recording) return;
+    const e = performance.now();
+    if (e < this._nextFrameAt) return;
+    if (this.frames.length >= this.maxFrames) {
+      this.stop();
+      return;
+    }
+    let i;
+    const r = this.canvas.getContext("2d", { willReadFrequently: !0 });
+    if (r && typeof r.getImageData == "function")
+      i = r.getImageData(0, 0, this.width, this.height).data;
+    else {
+      const s = document.createElement("canvas");
+      s.width = this.width, s.height = this.height;
+      const n = s.getContext("2d");
+      n.drawImage(this.canvas, 0, 0), i = n.getImageData(0, 0, this.width, this.height).data;
+    }
+    this.frames.push(new Uint8ClampedArray(i)), this._nextFrameAt += 1e3 / this.fps, this.duration && e - this.startTime >= this.duration * 1e3 && this.stop();
+  }
+  stop() {
+    this.recording = !1;
+  }
+  clear() {
+    this.frames = [];
+  }
+  get framesRecorded() {
+    return this.frames.length;
+  }
+  /** Duration in seconds of what's been captured so far. */
+  get capturedSeconds() {
+    return this.frames.length / this.fps;
+  }
+}
+var ar = (t, e, i) => {
+  if (!e.has(t))
+    throw TypeError("Cannot " + i);
+}, c = (t, e, i) => (ar(t, e, "read from private field"), i ? i.call(t) : e.get(t)), D = (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) => (ar(t, e, "write to private field"), e.set(t, i), i), $n = (t, e, i, r) => ({
+  set _(s) {
+    et(t, e, s);
+  },
+  get _() {
+    return c(t, e, r);
+  }
+}), z = (t, e, i) => (ar(t, e, "access private method"), i), L = new Uint8Array(8), wt = new DataView(L.buffer), K = (t) => [(t % 256 + 256) % 256], j = (t) => (wt.setUint16(0, t, !1), [L[0], L[1]]), jn = (t) => (wt.setInt16(0, t, !1), [L[0], L[1]]), cs = (t) => (wt.setUint32(0, t, !1), [L[1], L[2], L[3]]), E = (t) => (wt.setUint32(0, t, !1), [L[0], L[1], L[2], L[3]]), qn = (t) => (wt.setInt32(0, t, !1), [L[0], L[1], L[2], L[3]]), Yt = (t) => (wt.setUint32(0, Math.floor(t / 2 ** 32), !1), wt.setUint32(4, t, !1), [L[0], L[1], L[2], L[3], L[4], L[5], L[6], L[7]]), or = (t) => (wt.setInt16(0, 2 ** 8 * t, !1), [L[0], L[1]]), ut = (t) => (wt.setInt32(0, 2 ** 16 * t, !1), [L[0], L[1], L[2], L[3]]), Ri = (t) => (wt.setInt32(0, 2 ** 30 * t, !1), [L[0], L[1], L[2], L[3]]), at = (t, e = !1) => {
+  let i = Array(t.length).fill(null).map((r, s) => t.charCodeAt(s));
+  return e && i.push(0), i;
+}, ci = (t) => t && t[t.length - 1], hr = (t) => {
+  let e;
+  for (let i of t)
+    (!e || i.presentationTimestamp > e.presentationTimestamp) && (e = i);
+  return e;
+}, mt = (t, e, i = !0) => {
+  let r = t * e;
+  return i ? Math.round(r) : r;
+}, fs = (t) => {
+  let e = t * (Math.PI / 180), i = Math.cos(e), r = Math.sin(e);
+  return [
+    i,
+    r,
+    0,
+    -r,
+    i,
+    0,
+    0,
+    0,
+    1
+  ];
+}, us = fs(0), ps = (t) => [
+  ut(t[0]),
+  ut(t[1]),
+  Ri(t[2]),
+  ut(t[3]),
+  ut(t[4]),
+  Ri(t[5]),
+  ut(t[6]),
+  ut(t[7]),
+  Ri(t[8])
+], Ee = (t) => !t || typeof t != "object" ? t : Array.isArray(t) ? t.map(Ee) : Object.fromEntries(Object.entries(t).map(([e, i]) => [e, Ee(i)])), ce = (t) => t >= 0 && t < 2 ** 32, J = (t, e, i) => ({
+  type: t,
+  contents: e && new Uint8Array(e.flat(10)),
+  children: i
+}), H = (t, e, i, r, s) => J(
+  t,
+  [K(e), cs(i), r ?? []],
+  s
+), Hn = (t) => {
+  let e = 512;
+  return t.fragmented ? J("ftyp", [
+    at("iso5"),
+    // Major brand
+    E(e),
+    // Minor version
+    // Compatible brands
+    at("iso5"),
+    at("iso6"),
+    at("mp41")
+  ]) : J("ftyp", [
+    at("isom"),
+    // Major brand
+    E(e),
+    // Minor version
+    // Compatible brands
+    at("isom"),
+    t.holdsAvc ? at("avc1") : [],
+    at("mp41")
+  ]);
+}, Wi = (t) => ({ type: "mdat", largeSize: t }), Xn = (t) => ({ type: "free", size: t }), ti = (t, e, i = !1) => J("moov", null, [
+  Yn(e, t),
+  ...t.map((r) => Jn(r, e)),
+  i ? ka(t) : null
+]), Yn = (t, e) => {
+  let i = mt(Math.max(
+    0,
+    ...e.filter((a) => a.samples.length > 0).map((a) => {
+      const l = hr(a.samples);
+      return l.presentationTimestamp + l.duration;
+    })
+  ), Li), r = Math.max(...e.map((a) => a.id)) + 1, s = !ce(t) || !ce(i), n = s ? Yt : E;
+  return H("mvhd", +s, 0, [
+    n(t),
+    // Creation time
+    n(t),
+    // Modification time
+    E(Li),
+    // Timescale
+    n(i),
+    // Duration
+    ut(1),
+    // Preferred rate
+    or(1),
+    // Preferred volume
+    Array(10).fill(0),
+    // Reserved
+    ps(us),
+    // Matrix
+    Array(24).fill(0),
+    // Pre-defined
+    E(r)
+    // Next track ID
+  ]);
+}, Jn = (t, e) => J("trak", null, [
+  Kn(t, e),
+  Zn(t, e)
+]), Kn = (t, e) => {
+  let i = hr(t.samples), r = mt(
+    i ? i.presentationTimestamp + i.duration : 0,
+    Li
+  ), s = !ce(e) || !ce(r), n = s ? Yt : E, a;
+  return t.info.type === "video" ? a = typeof t.info.rotation == "number" ? fs(t.info.rotation) : t.info.rotation : a = us, H("tkhd", +s, 3, [
+    n(e),
+    // Creation time
+    n(e),
+    // Modification time
+    E(t.id),
+    // Track ID
+    E(0),
+    // Reserved
+    n(r),
+    // Duration
+    Array(8).fill(0),
+    // Reserved
+    j(0),
+    // Layer
+    j(0),
+    // Alternate group
+    or(t.info.type === "audio" ? 1 : 0),
+    // Volume
+    j(0),
+    // Reserved
+    ps(a),
+    // Matrix
+    ut(t.info.type === "video" ? t.info.width : 0),
+    // Track width
+    ut(t.info.type === "video" ? t.info.height : 0)
+    // Track height
+  ]);
+}, Zn = (t, e) => J("mdia", null, [
+  Qn(t, e),
+  ta(t.info.type === "video" ? "vide" : "soun"),
+  ea(t)
+]), Qn = (t, e) => {
+  let i = hr(t.samples), r = mt(
+    i ? i.presentationTimestamp + i.duration : 0,
+    t.timescale
+  ), s = !ce(e) || !ce(r), n = s ? Yt : E;
+  return H("mdhd", +s, 0, [
+    n(e),
+    // Creation time
+    n(e),
+    // Modification time
+    E(t.timescale),
+    // Timescale
+    n(r),
+    // Duration
+    j(21956),
+    // Language ("und", undetermined)
+    j(0)
+    // Quality
+  ]);
+}, ta = (t) => H("hdlr", 0, 0, [
+  at("mhlr"),
+  // Component type
+  at(t),
+  // Component subtype
+  E(0),
+  // Component manufacturer
+  E(0),
+  // Component flags
+  E(0),
+  // Component flags mask
+  at("mp4-muxer-hdlr", !0)
+  // Component name
+]), ea = (t) => J("minf", null, [
+  t.info.type === "video" ? ia() : ra(),
+  sa(),
+  oa(t)
+]), ia = () => H("vmhd", 0, 1, [
+  j(0),
+  // Graphics mode
+  j(0),
+  // Opcolor R
+  j(0),
+  // Opcolor G
+  j(0)
+  // Opcolor B
+]), ra = () => H("smhd", 0, 0, [
+  j(0),
+  // Balance
+  j(0)
+  // Reserved
+]), sa = () => J("dinf", null, [
+  na()
+]), na = () => H("dref", 0, 0, [
+  E(1)
+  // Entry count
+], [
+  aa()
+]), aa = () => H("url ", 0, 1), oa = (t) => {
+  const e = t.compositionTimeOffsetTable.length > 1 || t.compositionTimeOffsetTable.some((i) => i.sampleCompositionTimeOffset !== 0);
+  return J("stbl", null, [
+    ha(t),
+    _a(t),
+    xa(t),
+    Sa(t),
+    Ca(t),
+    Ea(t),
+    e ? Ta(t) : null
+  ]);
+}, ha = (t) => H("stsd", 0, 0, [
+  E(1)
+  // Entry count
+], [
+  t.info.type === "video" ? la(
+    Wa[t.info.codec],
+    t
+  ) : va(
+    Va[t.info.codec],
+    t
+  )
+]), la = (t, e) => J(t, [
+  Array(6).fill(0),
+  // Reserved
+  j(1),
+  // Data reference index
+  j(0),
+  // Pre-defined
+  j(0),
+  // Reserved
+  Array(12).fill(0),
+  // Pre-defined
+  j(e.info.width),
+  // Width
+  j(e.info.height),
+  // Height
+  E(4718592),
+  // Horizontal resolution
+  E(4718592),
+  // Vertical resolution
+  E(0),
+  // Reserved
+  j(1),
+  // Frame count
+  Array(32).fill(0),
+  // Compressor name
+  j(24),
+  // Depth
+  jn(65535)
+  // Pre-defined
+], [
+  za[e.info.codec](e),
+  e.info.decoderConfig.colorSpace ? ua(e) : null
+]), da = {
+  bt709: 1,
+  // ITU-R BT.709
+  bt470bg: 5,
+  // ITU-R BT.470BG
+  smpte170m: 6
+  // ITU-R BT.601 525 - SMPTE 170M
+}, ca = {
+  bt709: 1,
+  // ITU-R BT.709
+  smpte170m: 6,
+  // SMPTE 170M
+  "iec61966-2-1": 13
+  // IEC 61966-2-1
+}, fa = {
+  rgb: 0,
+  // Identity
+  bt709: 1,
+  // ITU-R BT.709
+  bt470bg: 5,
+  // ITU-R BT.470BG
+  smpte170m: 6
+  // SMPTE 170M
+}, ua = (t) => J("colr", [
+  at("nclx"),
+  // Colour type
+  j(da[t.info.decoderConfig.colorSpace.primaries]),
+  // Colour primaries
+  j(ca[t.info.decoderConfig.colorSpace.transfer]),
+  // Transfer characteristics
+  j(fa[t.info.decoderConfig.colorSpace.matrix]),
+  // Matrix coefficients
+  K((t.info.decoderConfig.colorSpace.fullRange ? 1 : 0) << 7)
+  // Full range flag
+]), pa = (t) => t.info.decoderConfig && J("avcC", [
+  // For AVC, description is an AVCDecoderConfigurationRecord, so nothing else to do here
+  ...new Uint8Array(t.info.decoderConfig.description)
+]), ma = (t) => t.info.decoderConfig && J("hvcC", [
+  // For HEVC, description is a HEVCDecoderConfigurationRecord, so nothing else to do here
+  ...new Uint8Array(t.info.decoderConfig.description)
+]), wa = (t) => {
+  if (!t.info.decoderConfig)
+    return null;
+  let e = t.info.decoderConfig;
+  if (!e.colorSpace)
+    throw new Error("'colorSpace' is required in the decoder config for VP9.");
+  let i = e.codec.split("."), r = Number(i[1]), s = Number(i[2]), l = (Number(i[3]) << 4) + (0 << 1) + Number(e.colorSpace.fullRange);
+  return H("vpcC", 1, 0, [
+    K(r),
+    // Profile
+    K(s),
+    // Level
+    K(l),
+    // Bit depth, chroma subsampling, full range
+    K(2),
+    // Colour primaries
+    K(2),
+    // Transfer characteristics
+    K(2),
+    // Matrix coefficients
+    j(0)
+    // Codec initialization data size
+  ]);
+}, ga = () => {
+  let i = (1 << 7) + 1;
+  return J("av1C", [
+    i,
+    0,
+    0,
+    0
+  ]);
+}, va = (t, e) => J(t, [
+  Array(6).fill(0),
+  // Reserved
+  j(1),
+  // Data reference index
+  j(0),
+  // Version
+  j(0),
+  // Revision level
+  E(0),
+  // Vendor
+  j(e.info.numberOfChannels),
+  // Number of channels
+  j(16),
+  // Sample size (bits)
+  j(0),
+  // Compression ID
+  j(0),
+  // Packet size
+  ut(e.info.sampleRate)
+  // Sample rate
+], [
+  La[e.info.codec](e)
+]), ya = (t) => {
+  let e = new Uint8Array(t.info.decoderConfig.description);
+  return H("esds", 0, 0, [
+    // https://stackoverflow.com/a/54803118
+    E(58753152),
+    // TAG(3) = Object Descriptor ([2])
+    K(32 + e.byteLength),
+    // length of this OD (which includes the next 2 tags)
+    j(1),
+    // ES_ID = 1
+    K(0),
+    // flags etc = 0
+    E(75530368),
+    // TAG(4) = ES Descriptor ([2]) embedded in above OD
+    K(18 + e.byteLength),
+    // length of this ESD
+    K(64),
+    // MPEG-4 Audio
+    K(21),
+    // stream type(6bits)=5 audio, flags(2bits)=1
+    cs(0),
+    // 24bit buffer size
+    E(130071),
+    // max bitrate
+    E(130071),
+    // avg bitrate
+    E(92307584),
+    // TAG(5) = ASC ([2],[3]) embedded in above OD
+    K(e.byteLength),
+    // length
+    ...e,
+    E(109084800),
+    // TAG(6)
+    K(1),
+    // length
+    K(2)
+    // data
+  ]);
+}, ba = (t) => {
+  var s;
+  let e = 3840, i = 0;
+  const r = (s = t.info.decoderConfig) == null ? void 0 : s.description;
+  if (r) {
+    if (r.byteLength < 18)
+      throw new TypeError("Invalid decoder description provided for Opus; must be at least 18 bytes long.");
+    const n = ArrayBuffer.isView(r) ? new DataView(r.buffer, r.byteOffset, r.byteLength) : new DataView(r);
+    e = n.getUint16(10, !0), i = n.getInt16(14, !0);
+  }
+  return J("dOps", [
+    K(0),
+    // Version
+    K(t.info.numberOfChannels),
+    // OutputChannelCount
+    j(e),
+    E(t.info.sampleRate),
+    // InputSampleRate
+    or(i),
+    // OutputGain
+    K(0)
+    // ChannelMappingFamily
+  ]);
+}, _a = (t) => H("stts", 0, 0, [
+  E(t.timeToSampleTable.length),
+  // Number of entries
+  t.timeToSampleTable.map((e) => [
+    // Time-to-sample table
+    E(e.sampleCount),
+    // Sample count
+    E(e.sampleDelta)
+    // Sample duration
+  ])
+]), xa = (t) => {
+  if (t.samples.every((i) => i.type === "key"))
+    return null;
+  let e = [...t.samples.entries()].filter(([, i]) => i.type === "key");
+  return H("stss", 0, 0, [
+    E(e.length),
+    // Number of entries
+    e.map(([i]) => E(i + 1))
+    // Sync sample table
+  ]);
+}, Sa = (t) => H("stsc", 0, 0, [
+  E(t.compactlyCodedChunkTable.length),
+  // Number of entries
+  t.compactlyCodedChunkTable.map((e) => [
+    // Sample-to-chunk table
+    E(e.firstChunk),
+    // First chunk
+    E(e.samplesPerChunk),
+    // Samples per chunk
+    E(1)
+    // Sample description index
+  ])
+]), Ca = (t) => H("stsz", 0, 0, [
+  E(0),
+  // Sample size (0 means non-constant size)
+  E(t.samples.length),
+  // Number of entries
+  t.samples.map((e) => E(e.size))
+  // Sample size table
+]), Ea = (t) => t.finalizedChunks.length > 0 && ci(t.finalizedChunks).offset >= 2 ** 32 ? H("co64", 0, 0, [
+  E(t.finalizedChunks.length),
+  // Number of entries
+  t.finalizedChunks.map((e) => Yt(e.offset))
+  // Chunk offset table
+]) : H("stco", 0, 0, [
+  E(t.finalizedChunks.length),
+  // Number of entries
+  t.finalizedChunks.map((e) => E(e.offset))
+  // Chunk offset table
+]), Ta = (t) => H("ctts", 0, 0, [
+  E(t.compositionTimeOffsetTable.length),
+  // Number of entries
+  t.compositionTimeOffsetTable.map((e) => [
+    // Time-to-sample table
+    E(e.sampleCount),
+    // Sample count
+    E(e.sampleCompositionTimeOffset)
+    // Sample offset
+  ])
+]), ka = (t) => J("mvex", null, t.map(Aa)), Aa = (t) => H("trex", 0, 0, [
+  E(t.id),
+  // Track ID
+  E(1),
+  // Default sample description index
+  E(0),
+  // Default sample duration
+  E(0),
+  // Default sample size
+  E(0)
+  // Default sample flags
+]), $r = (t, e) => J("moof", null, [
+  Ma(t),
+  ...e.map(Pa)
+]), Ma = (t) => H("mfhd", 0, 0, [
+  E(t)
+  // Sequence number
+]), ms = (t) => {
+  let e = 0, i = 0, r = 0, s = 0, n = t.type === "delta";
+  return i |= +n, n ? e |= 1 : e |= 2, e << 24 | i << 16 | r << 8 | s;
+}, Pa = (t) => J("traf", null, [
+  Ia(t),
+  Ra(t),
+  Ba(t)
+]), Ia = (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: ms(i)
+  };
+  return H("tfhd", 0, e, [
+    E(t.id),
+    // Track ID
+    E(r.duration),
+    // Default sample duration
+    E(r.size),
+    // Default sample size
+    E(r.flags)
+    // Default sample flags
+  ]);
+}, Ra = (t) => H("tfdt", 1, 0, [
+  Yt(mt(t.currentChunk.startTimestamp, t.timescale))
+  // Base Media Decode Time
+]), Ba = (t) => {
+  let e = t.currentChunk.samples.map((m) => m.timescaleUnitsToNextSample), i = t.currentChunk.samples.map((m) => m.size), r = t.currentChunk.samples.map(ms), s = t.currentChunk.samples.map((m) => mt(m.presentationTimestamp - m.decodeTimestamp, t.timescale)), n = new Set(e), a = new Set(i), l = new Set(r), u = new Set(s), g = l.size === 2 && r[0] !== r[1], v = n.size > 1, p = a.size > 1, h = !g && l.size > 1, d = u.size > 1 || [...u].some((m) => m !== 0), f = 0;
+  return f |= 1, f |= 4 * +g, f |= 256 * +v, f |= 512 * +p, f |= 1024 * +h, f |= 2048 * +d, H("trun", 1, f, [
+    E(t.currentChunk.samples.length),
+    // Sample count
+    E(t.currentChunk.offset - t.currentChunk.moofOffset || 0),
+    // Data offset
+    g ? E(r[0]) : [],
+    t.currentChunk.samples.map((m, w) => [
+      v ? E(e[w]) : [],
+      // Sample duration
+      p ? E(i[w]) : [],
+      // Sample size
+      h ? E(r[w]) : [],
+      // Sample flags
+      // Sample composition time offsets
+      d ? qn(s[w]) : []
+    ])
+  ]);
+}, Fa = (t) => J("mfra", null, [
+  ...t.map(Ua),
+  Da()
+]), Ua = (t, e) => H("tfra", 1, 0, [
+  E(t.id),
+  // Track ID
+  E(63),
+  // This specifies that traf number, trun number and sample number are 32-bit ints
+  E(t.finalizedChunks.length),
+  // Number of entries
+  t.finalizedChunks.map((r) => [
+    Yt(mt(r.startTimestamp, t.timescale)),
+    // Time
+    Yt(r.moofOffset),
+    // moof offset
+    E(e + 1),
+    // traf number
+    E(1),
+    // trun number
+    E(1)
+    // Sample number
+  ])
+]), Da = () => H("mfro", 0, 0, [
+  // This value needs to be overwritten manually from the outside, where the actual size of the enclosing mfra box
+  // is known
+  E(0)
+  // Size
+]), Wa = {
+  avc: "avc1",
+  hevc: "hvc1",
+  vp9: "vp09",
+  av1: "av01"
+}, za = {
+  avc: pa,
+  hevc: ma,
+  vp9: wa,
+  av1: ga
+}, Va = {
+  aac: "mp4a",
+  opus: "Opus"
+}, La = {
+  aac: ya,
+  opus: ba
+}, Si = class {
+}, ws = class extends Si {
+  constructor() {
+    super(...arguments), this.buffer = null;
+  }
+}, gs = class extends Si {
+  constructor(e) {
+    if (super(), this.options = e, typeof e != "object")
+      throw new TypeError("StreamTarget requires an options object to be passed to its constructor.");
+    if (e.onData) {
+      if (typeof e.onData != "function")
+        throw new TypeError("options.onData, when provided, must be a function.");
+      if (e.onData.length < 2)
+        throw new TypeError(
+          "options.onData, when provided, must be a function that takes in at least two arguments (data and position). Ignoring the position argument, which specifies the byte offset at which the data is to be written, can lead to broken outputs."
+        );
+    }
+    if (e.chunked !== void 0 && typeof e.chunked != "boolean")
+      throw new TypeError("options.chunked, when provided, must be a boolean.");
+    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.");
+  }
+}, Oa = class extends Si {
+  constructor(e, i) {
+    if (super(), this.stream = e, this.options = i, !(e instanceof FileSystemWritableFileStream))
+      throw new TypeError("FileSystemWritableFileStreamTarget requires a FileSystemWritableFileStream instance.");
+    if (i !== void 0 && typeof i != "object")
+      throw new TypeError("FileSystemWritableFileStreamTarget's options, when provided, must be an object.");
+    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");
+  }
+}, Dt, Kt, vs = class {
+  constructor() {
+    this.pos = 0, D(this, Dt, new Uint8Array(8)), D(this, Kt, new DataView(c(this, Dt).buffer)), this.offsets = /* @__PURE__ */ new WeakMap();
+  }
+  /** Sets the current position for future writes to a new one. */
+  seek(e) {
+    this.pos = e;
+  }
+  writeU32(e) {
+    c(this, Kt).setUint32(0, e, !1), this.write(c(this, Dt).subarray(0, 4));
+  }
+  writeU64(e) {
+    c(this, Kt).setUint32(0, Math.floor(e / 2 ** 32), !1), c(this, Kt).setUint32(4, e, !1), this.write(c(this, Dt).subarray(0, 8));
+  }
+  writeAscii(e) {
+    for (let i = 0; i < e.length; i++)
+      c(this, Kt).setUint8(i % 8, e.charCodeAt(i)), i % 8 === 7 && this.write(c(this, Dt));
+    e.length % 8 !== 0 && this.write(c(this, Dt).subarray(0, e.length % 8));
+  }
+  writeBox(e) {
+    if (this.offsets.set(e, this.pos), e.contents && !e.children)
+      this.writeBoxHeader(e, e.size ?? e.contents.byteLength + 8), this.write(e.contents);
+    else {
+      let i = this.pos;
+      if (this.writeBoxHeader(e, 0), e.contents && this.write(e.contents), e.children)
+        for (let n of e.children)
+          n && this.writeBox(n);
+      let r = this.pos, s = e.size ?? r - i;
+      this.seek(i), this.writeBoxHeader(e, s), this.seek(r);
+    }
+  }
+  writeBoxHeader(e, i) {
+    this.writeU32(e.largeSize ? 1 : i), this.writeAscii(e.type), e.largeSize && this.writeU64(i);
+  }
+  measureBoxHeader(e) {
+    return 8 + (e.largeSize ? 8 : 0);
+  }
+  patchBox(e) {
+    let i = this.pos;
+    this.seek(this.offsets.get(e)), this.writeBox(e), this.seek(i);
+  }
+  measureBox(e) {
+    if (e.contents && !e.children)
+      return this.measureBoxHeader(e) + e.contents.byteLength;
+    {
+      let i = this.measureBoxHeader(e);
+      if (e.contents && (i += e.contents.byteLength), e.children)
+        for (let r of e.children)
+          r && (i += this.measureBox(r));
+      return i;
+    }
+  }
+};
+Dt = /* @__PURE__ */ new WeakMap();
+Kt = /* @__PURE__ */ new WeakMap();
+var ei, qt, ze, ye, ii, zi, Ga = class extends vs {
+  constructor(e) {
+    super(), D(this, ii), D(this, ei, void 0), D(this, qt, new ArrayBuffer(2 ** 16)), D(this, ze, new Uint8Array(c(this, qt))), D(this, ye, 0), et(this, ei, e);
+  }
+  write(e) {
+    z(this, ii, zi).call(this, this.pos + e.byteLength), c(this, ze).set(e, this.pos), this.pos += e.byteLength, et(this, ye, Math.max(c(this, ye), this.pos));
+  }
+  finalize() {
+    z(this, ii, zi).call(this, this.pos), c(this, ei).buffer = c(this, qt).slice(0, Math.max(c(this, ye), this.pos));
+  }
+};
+ei = /* @__PURE__ */ new WeakMap();
+qt = /* @__PURE__ */ new WeakMap();
+ze = /* @__PURE__ */ new WeakMap();
+ye = /* @__PURE__ */ new WeakMap();
+ii = /* @__PURE__ */ new WeakSet();
+zi = function(t) {
+  let e = c(this, qt).byteLength;
+  for (; e < t; )
+    e *= 2;
+  if (e === c(this, qt).byteLength)
+    return;
+  let i = new ArrayBuffer(e), r = new Uint8Array(i);
+  r.set(c(this, ze), 0), et(this, qt, i), et(this, ze, r);
+};
+var Na = 2 ** 24, $a = 2, Te, Wt, be, Ct, st, fi, Vi, lr, ys, dr, bs, ke, ui, cr = class extends vs {
+  constructor(e) {
+    var i, r;
+    super(), D(this, fi), D(this, lr), D(this, dr), D(this, ke), D(this, Te, void 0), D(this, Wt, []), D(this, be, void 0), D(this, Ct, void 0), D(this, st, []), et(this, Te, e), et(this, be, ((i = e.options) == null ? void 0 : i.chunked) ?? !1), et(this, Ct, ((r = e.options) == null ? void 0 : r.chunkSize) ?? Na);
+  }
+  write(e) {
+    c(this, Wt).push({
+      data: e.slice(),
+      start: this.pos
+    }), this.pos += e.byteLength;
+  }
+  flush() {
+    var r, s;
+    if (c(this, Wt).length === 0)
+      return;
+    let e = [], i = [...c(this, Wt)].sort((n, a) => n.start - a.start);
+    e.push({
+      start: i[0].start,
+      size: i[0].data.byteLength
+    });
+    for (let n = 1; n < i.length; n++) {
+      let a = e[e.length - 1], l = i[n];
+      l.start <= a.start + a.size ? a.size = Math.max(a.size, l.start + l.data.byteLength - a.start) : e.push({
+        start: l.start,
+        size: l.data.byteLength
+      });
+    }
+    for (let n of e) {
+      n.data = new Uint8Array(n.size);
+      for (let a of c(this, Wt))
+        n.start <= a.start && a.start < n.start + n.size && n.data.set(a.data, a.start - n.start);
+      c(this, be) ? (z(this, fi, Vi).call(this, n.data, n.start), z(this, ke, ui).call(this)) : (s = (r = c(this, Te).options).onData) == null || s.call(r, n.data, n.start);
+    }
+    c(this, Wt).length = 0;
+  }
+  finalize() {
+    c(this, be) && z(this, ke, ui).call(this, !0);
+  }
+};
+Te = /* @__PURE__ */ new WeakMap();
+Wt = /* @__PURE__ */ new WeakMap();
+be = /* @__PURE__ */ new WeakMap();
+Ct = /* @__PURE__ */ new WeakMap();
+st = /* @__PURE__ */ new WeakMap();
+fi = /* @__PURE__ */ new WeakSet();
+Vi = function(t, e) {
+  let i = c(this, st).findIndex((l) => l.start <= e && e < l.start + c(this, Ct));
+  i === -1 && (i = z(this, dr, bs).call(this, e));
+  let r = c(this, st)[i], s = e - r.start, n = t.subarray(0, Math.min(c(this, Ct) - s, t.byteLength));
+  r.data.set(n, s);
+  let a = {
+    start: s,
+    end: s + n.byteLength
+  };
+  if (z(this, lr, ys).call(this, r, a), r.written[0].start === 0 && r.written[0].end === c(this, Ct) && (r.shouldFlush = !0), c(this, st).length > $a) {
+    for (let l = 0; l < c(this, st).length - 1; l++)
+      c(this, st)[l].shouldFlush = !0;
+    z(this, ke, ui).call(this);
+  }
+  n.byteLength < t.byteLength && z(this, fi, Vi).call(this, t.subarray(n.byteLength), e + n.byteLength);
+};
+lr = /* @__PURE__ */ new WeakSet();
+ys = function(t, e) {
+  let i = 0, r = t.written.length - 1, s = -1;
+  for (; i <= r; ) {
+    let n = Math.floor(i + (r - i + 1) / 2);
+    t.written[n].start <= e.start ? (i = n + 1, s = n) : r = n - 1;
+  }
+  for (t.written.splice(s + 1, 0, e), (s === -1 || t.written[s].end < e.start) && s++; s < t.written.length - 1 && t.written[s].end >= t.written[s + 1].start; )
+    t.written[s].end = Math.max(t.written[s].end, t.written[s + 1].end), t.written.splice(s + 1, 1);
+};
+dr = /* @__PURE__ */ new WeakSet();
+bs = function(t) {
+  let i = {
+    start: Math.floor(t / c(this, Ct)) * c(this, Ct),
+    data: new Uint8Array(c(this, Ct)),
+    written: [],
+    shouldFlush: !1
+  };
+  return c(this, st).push(i), c(this, st).sort((r, s) => r.start - s.start), c(this, st).indexOf(i);
+};
+ke = /* @__PURE__ */ new WeakSet();
+ui = function(t = !1) {
+  var e, i;
+  for (let r = 0; r < c(this, st).length; r++) {
+    let s = c(this, st)[r];
+    if (!(!s.shouldFlush && !t)) {
+      for (let n of s.written)
+        (i = (e = c(this, Te).options).onData) == null || i.call(
+          e,
+          s.data.subarray(n.start, n.end),
+          s.start + n.start
+        );
+      c(this, st).splice(r--, 1);
+    }
+  }
+};
+var ja = class extends cr {
+  constructor(e) {
+    var i;
+    super(new gs({
+      onData: (r, s) => e.stream.write({
+        type: "write",
+        data: r,
+        position: s
+      }),
+      chunked: !0,
+      chunkSize: (i = e.options) == null ? void 0 : i.chunkSize
+    }));
+  }
+}, Li = 1e3, qa = ["avc", "hevc", "vp9", "av1"], Ha = ["aac", "opus"], Xa = 2082844800, Ya = ["strict", "offset", "cross-track-offset"], P, R, pi, rt, it, tt, Qt, re, fr, zt, Vt, Ae, Oi, _s, Gi, xs, ur, Ss, Ni, Cs, pr, Es, ri, $i, lt, vt, mr, Ts, Me, mi, wi, wr, fe, je, si, ji, Ja = class {
+  constructor(e) {
+    if (D(this, Oi), D(this, Gi), D(this, ur), D(this, Ni), D(this, pr), D(this, ri), D(this, lt), D(this, mr), D(this, Me), D(this, wi), D(this, fe), D(this, si), D(this, P, void 0), D(this, R, void 0), D(this, pi, void 0), D(this, rt, void 0), D(this, it, null), D(this, tt, null), D(this, Qt, Math.floor(Date.now() / 1e3) + Xa), D(this, re, []), D(this, fr, 1), D(this, zt, []), D(this, Vt, []), D(this, Ae, !1), z(this, Oi, _s).call(this, e), e.video = Ee(e.video), e.audio = Ee(e.audio), e.fastStart = Ee(e.fastStart), this.target = e.target, et(this, P, {
+      firstTimestampBehavior: "strict",
+      ...e
+    }), e.target instanceof ws)
+      et(this, R, new Ga(e.target));
+    else if (e.target instanceof gs)
+      et(this, R, new cr(e.target));
+    else if (e.target instanceof Oa)
+      et(this, R, new ja(e.target));
+    else
+      throw new Error(`Invalid target: ${e.target}`);
+    z(this, Ni, Cs).call(this), z(this, Gi, xs).call(this);
+  }
+  addVideoChunk(e, i, r, s) {
+    if (!(e instanceof EncodedVideoChunk))
+      throw new TypeError("addVideoChunk's first argument (sample) must be of type EncodedVideoChunk.");
+    if (i && typeof i != "object")
+      throw new TypeError("addVideoChunk's second argument (meta), when provided, must be an object.");
+    if (r !== void 0 && (!Number.isFinite(r) || r < 0))
+      throw new TypeError(
+        "addVideoChunk's third argument (timestamp), when provided, must be a non-negative real number."
+      );
+    if (s !== void 0 && !Number.isFinite(s))
+      throw new TypeError(
+        "addVideoChunk's fourth argument (compositionTimeOffset), when provided, must be a real number."
+      );
+    let n = new Uint8Array(e.byteLength);
+    e.copyTo(n), this.addVideoChunkRaw(
+      n,
+      e.type,
+      r ?? e.timestamp,
+      e.duration,
+      i,
+      s
+    );
+  }
+  addVideoChunkRaw(e, i, r, s, n, a) {
+    if (!(e instanceof Uint8Array))
+      throw new TypeError("addVideoChunkRaw's first argument (data) must be an instance of Uint8Array.");
+    if (i !== "key" && i !== "delta")
+      throw new TypeError("addVideoChunkRaw's second argument (type) must be either 'key' or 'delta'.");
+    if (!Number.isFinite(r) || r < 0)
+      throw new TypeError("addVideoChunkRaw's third argument (timestamp) must be a non-negative real number.");
+    if (!Number.isFinite(s) || s < 0)
+      throw new TypeError("addVideoChunkRaw's fourth argument (duration) must be a non-negative real number.");
+    if (n && typeof n != "object")
+      throw new TypeError("addVideoChunkRaw's fifth argument (meta), when provided, must be an object.");
+    if (a !== void 0 && !Number.isFinite(a))
+      throw new TypeError(
+        "addVideoChunkRaw's sixth argument (compositionTimeOffset), when provided, must be a real number."
+      );
+    if (z(this, si, ji).call(this), !c(this, P).video)
+      throw new Error("No video track declared.");
+    if (typeof c(this, P).fastStart == "object" && c(this, it).samples.length === c(this, P).fastStart.expectedVideoChunks)
+      throw new Error(`Cannot add more video chunks than specified in 'fastStart' (${c(this, P).fastStart.expectedVideoChunks}).`);
+    let l = z(this, ri, $i).call(this, c(this, it), e, i, r, s, n, a);
+    if (c(this, P).fastStart === "fragmented" && c(this, tt)) {
+      for (; c(this, Vt).length > 0 && c(this, Vt)[0].decodeTimestamp <= l.decodeTimestamp; ) {
+        let u = c(this, Vt).shift();
+        z(this, lt, vt).call(this, c(this, tt), u);
+      }
+      l.decodeTimestamp <= c(this, tt).lastDecodeTimestamp ? z(this, lt, vt).call(this, c(this, it), l) : c(this, zt).push(l);
+    } else
+      z(this, lt, vt).call(this, c(this, it), l);
+  }
+  addAudioChunk(e, i, r) {
+    if (!(e instanceof EncodedAudioChunk))
+      throw new TypeError("addAudioChunk's first argument (sample) must be of type EncodedAudioChunk.");
+    if (i && typeof i != "object")
+      throw new TypeError("addAudioChunk's second argument (meta), when provided, must be an object.");
+    if (r !== void 0 && (!Number.isFinite(r) || r < 0))
+      throw new TypeError(
+        "addAudioChunk's third argument (timestamp), when provided, must be a non-negative real number."
+      );
+    let s = new Uint8Array(e.byteLength);
+    e.copyTo(s), this.addAudioChunkRaw(s, e.type, r ?? e.timestamp, e.duration, i);
+  }
+  addAudioChunkRaw(e, i, r, s, n) {
+    if (!(e instanceof Uint8Array))
+      throw new TypeError("addAudioChunkRaw's first argument (data) must be an instance of Uint8Array.");
+    if (i !== "key" && i !== "delta")
+      throw new TypeError("addAudioChunkRaw's second argument (type) must be either 'key' or 'delta'.");
+    if (!Number.isFinite(r) || r < 0)
+      throw new TypeError("addAudioChunkRaw's third argument (timestamp) must be a non-negative real number.");
+    if (!Number.isFinite(s) || s < 0)
+      throw new TypeError("addAudioChunkRaw's fourth argument (duration) must be a non-negative real number.");
+    if (n && typeof n != "object")
+      throw new TypeError("addAudioChunkRaw's fifth argument (meta), when provided, must be an object.");
+    if (z(this, si, ji).call(this), !c(this, P).audio)
+      throw new Error("No audio track declared.");
+    if (typeof c(this, P).fastStart == "object" && c(this, tt).samples.length === c(this, P).fastStart.expectedAudioChunks)
+      throw new Error(`Cannot add more audio chunks than specified in 'fastStart' (${c(this, P).fastStart.expectedAudioChunks}).`);
+    let a = z(this, ri, $i).call(this, c(this, tt), e, i, r, s, n);
+    if (c(this, P).fastStart === "fragmented" && c(this, it)) {
+      for (; c(this, zt).length > 0 && c(this, zt)[0].decodeTimestamp <= a.decodeTimestamp; ) {
+        let l = c(this, zt).shift();
+        z(this, lt, vt).call(this, c(this, it), l);
+      }
+      a.decodeTimestamp <= c(this, it).lastDecodeTimestamp ? z(this, lt, vt).call(this, c(this, tt), a) : c(this, Vt).push(a);
+    } else
+      z(this, lt, vt).call(this, c(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 (c(this, Ae))
+      throw new Error("Cannot finalize a muxer more than once.");
+    if (c(this, P).fastStart === "fragmented") {
+      for (let i of c(this, zt))
+        z(this, lt, vt).call(this, c(this, it), i);
+      for (let i of c(this, Vt))
+        z(this, lt, vt).call(this, c(this, tt), i);
+      z(this, wi, wr).call(this, !1);
+    } else
+      c(this, it) && z(this, Me, mi).call(this, c(this, it)), c(this, tt) && z(this, Me, mi).call(this, c(this, tt));
+    let e = [c(this, it), c(this, tt)].filter(Boolean);
+    if (c(this, P).fastStart === "in-memory") {
+      let i;
+      for (let s = 0; s < 2; s++) {
+        let n = ti(e, c(this, Qt)), a = c(this, R).measureBox(n);
+        i = c(this, R).measureBox(c(this, rt));
+        let l = c(this, R).pos + a + i;
+        for (let u of c(this, re)) {
+          u.offset = l;
+          for (let { data: g } of u.samples)
+            l += g.byteLength, i += g.byteLength;
+        }
+        if (l < 2 ** 32)
+          break;
+        i >= 2 ** 32 && (c(this, rt).largeSize = !0);
+      }
+      let r = ti(e, c(this, Qt));
+      c(this, R).writeBox(r), c(this, rt).size = i, c(this, R).writeBox(c(this, rt));
+      for (let s of c(this, re))
+        for (let n of s.samples)
+          c(this, R).write(n.data), n.data = null;
+    } else if (c(this, P).fastStart === "fragmented") {
+      let i = c(this, R).pos, r = Fa(e);
+      c(this, R).writeBox(r);
+      let s = c(this, R).pos - i;
+      c(this, R).seek(c(this, R).pos - 4), c(this, R).writeU32(s);
+    } else {
+      let i = c(this, R).offsets.get(c(this, rt)), r = c(this, R).pos - i;
+      c(this, rt).size = r, c(this, rt).largeSize = r >= 2 ** 32, c(this, R).patchBox(c(this, rt));
+      let s = ti(e, c(this, Qt));
+      if (typeof c(this, P).fastStart == "object") {
+        c(this, R).seek(c(this, pi)), c(this, R).writeBox(s);
+        let n = i - c(this, R).pos;
+        c(this, R).writeBox(Xn(n));
+      } else
+        c(this, R).writeBox(s);
+    }
+    z(this, fe, je).call(this), c(this, R).finalize(), et(this, Ae, !0);
+  }
+};
+P = /* @__PURE__ */ new WeakMap();
+R = /* @__PURE__ */ new WeakMap();
+pi = /* @__PURE__ */ new WeakMap();
+rt = /* @__PURE__ */ new WeakMap();
+it = /* @__PURE__ */ new WeakMap();
+tt = /* @__PURE__ */ new WeakMap();
+Qt = /* @__PURE__ */ new WeakMap();
+re = /* @__PURE__ */ new WeakMap();
+fr = /* @__PURE__ */ new WeakMap();
+zt = /* @__PURE__ */ new WeakMap();
+Vt = /* @__PURE__ */ new WeakMap();
+Ae = /* @__PURE__ */ new WeakMap();
+Oi = /* @__PURE__ */ new WeakSet();
+_s = 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 Si))
+    throw new TypeError("The target must be provided and an instance of Target.");
+  if (t.video) {
+    if (!qa.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.`);
+    if (!Number.isInteger(t.video.height) || t.video.height <= 0)
+      throw new TypeError(`Invalid video height: ${t.video.height}. Must be a positive integer.`);
+    const e = t.video.rotation;
+    if (typeof e == "number" && ![0, 90, 180, 270].includes(e))
+      throw new TypeError(`Invalid video rotation: ${e}. Has to be 0, 90, 180 or 270.`);
+    if (Array.isArray(e) && (e.length !== 9 || e.some((i) => typeof i != "number")))
+      throw new TypeError(`Invalid video transformation matrix: ${e.join()}`);
+    if (t.video.frameRate !== void 0 && (!Number.isInteger(t.video.frameRate) || t.video.frameRate <= 0))
+      throw new TypeError(
+        `Invalid video frame rate: ${t.video.frameRate}. Must be a positive integer.`
+      );
+  }
+  if (t.audio) {
+    if (!Ha.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(
+        `Invalid number of audio channels: ${t.audio.numberOfChannels}. Must be a positive integer.`
+      );
+    if (!Number.isInteger(t.audio.sampleRate) || t.audio.sampleRate <= 0)
+      throw new TypeError(
+        `Invalid audio sample rate: ${t.audio.sampleRate}. Must be a positive integer.`
+      );
+  }
+  if (t.firstTimestampBehavior && !Ya.includes(t.firstTimestampBehavior))
+    throw new TypeError(`Invalid first timestamp behavior: ${t.firstTimestampBehavior}`);
+  if (typeof t.fastStart == "object") {
+    if (t.video) {
+      if (t.fastStart.expectedVideoChunks === void 0)
+        throw new TypeError("'fastStart' is an object but is missing property 'expectedVideoChunks'.");
+      if (!Number.isInteger(t.fastStart.expectedVideoChunks) || t.fastStart.expectedVideoChunks < 0)
+        throw new TypeError("'expectedVideoChunks' must be a non-negative integer.");
+    }
+    if (t.audio) {
+      if (t.fastStart.expectedAudioChunks === void 0)
+        throw new TypeError("'fastStart' is an object but is missing property 'expectedAudioChunks'.");
+      if (!Number.isInteger(t.fastStart.expectedAudioChunks) || t.fastStart.expectedAudioChunks < 0)
+        throw new TypeError("'expectedAudioChunks' must be a non-negative integer.");
+    }
+  } else if (![!1, "in-memory", "fragmented"].includes(t.fastStart))
+    throw new TypeError("'fastStart' option must be false, 'in-memory', 'fragmented' or an object.");
+  if (t.minFragmentDuration !== void 0 && (!Number.isFinite(t.minFragmentDuration) || t.minFragmentDuration < 0))
+    throw new TypeError("'minFragmentDuration' must be a non-negative number.");
+};
+Gi = /* @__PURE__ */ new WeakSet();
+xs = function() {
+  var t;
+  if (c(this, R).writeBox(Hn({
+    holdsAvc: ((t = c(this, P).video) == null ? void 0 : t.codec) === "avc",
+    fragmented: c(this, P).fastStart === "fragmented"
+  })), et(this, pi, c(this, R).pos), c(this, P).fastStart === "in-memory")
+    et(this, rt, Wi(!1));
+  else if (c(this, P).fastStart !== "fragmented") {
+    if (typeof c(this, P).fastStart == "object") {
+      let e = z(this, ur, Ss).call(this);
+      c(this, R).seek(c(this, R).pos + e);
+    }
+    et(this, rt, Wi(!0)), c(this, R).writeBox(c(this, rt));
+  }
+  z(this, fe, je).call(this);
+};
+ur = /* @__PURE__ */ new WeakSet();
+Ss = function() {
+  if (typeof c(this, P).fastStart != "object")
+    return;
+  let t = 0, e = [
+    c(this, P).fastStart.expectedVideoChunks,
+    c(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;
+};
+Ni = /* @__PURE__ */ new WeakSet();
+Cs = function() {
+  if (c(this, P).video && et(this, it, {
+    id: 1,
+    info: {
+      type: "video",
+      codec: c(this, P).video.codec,
+      width: c(this, P).video.width,
+      height: c(this, P).video.height,
+      rotation: c(this, P).video.rotation ?? 0,
+      decoderConfig: null
+    },
+    // The fallback contains many common frame rates as factors
+    timescale: c(this, P).video.frameRate ?? 57600,
+    samples: [],
+    finalizedChunks: [],
+    currentChunk: null,
+    firstDecodeTimestamp: void 0,
+    lastDecodeTimestamp: -1,
+    timeToSampleTable: [],
+    compositionTimeOffsetTable: [],
+    lastTimescaleUnits: null,
+    lastSample: null,
+    compactlyCodedChunkTable: []
+  }), c(this, P).audio && (et(this, tt, {
+    id: c(this, P).video ? 2 : 1,
+    info: {
+      type: "audio",
+      codec: c(this, P).audio.codec,
+      numberOfChannels: c(this, P).audio.numberOfChannels,
+      sampleRate: c(this, P).audio.sampleRate,
+      decoderConfig: null
+    },
+    timescale: c(this, P).audio.sampleRate,
+    samples: [],
+    finalizedChunks: [],
+    currentChunk: null,
+    firstDecodeTimestamp: void 0,
+    lastDecodeTimestamp: -1,
+    timeToSampleTable: [],
+    compositionTimeOffsetTable: [],
+    lastTimescaleUnits: null,
+    lastSample: null,
+    compactlyCodedChunkTable: []
+  }), c(this, P).audio.codec === "aac")) {
+    let t = z(this, pr, Es).call(
+      this,
+      2,
+      // Object type for AAC-LC, since it's the most common
+      c(this, P).audio.sampleRate,
+      c(this, P).audio.numberOfChannels
+    );
+    c(this, tt).info.decoderConfig = {
+      codec: c(this, P).audio.codec,
+      description: t,
+      numberOfChannels: c(this, P).audio.numberOfChannels,
+      sampleRate: c(this, P).audio.sampleRate
+    };
+  }
+};
+pr = /* @__PURE__ */ new WeakSet();
+Es = function(t, e, i) {
+  let s = [96e3, 88200, 64e3, 48e3, 44100, 32e3, 24e3, 22050, 16e3, 12e3, 11025, 8e3, 7350].indexOf(e), n = i, a = "";
+  a += t.toString(2).padStart(5, "0"), a += s.toString(2).padStart(4, "0"), s === 15 && (a += e.toString(2).padStart(24, "0")), a += n.toString(2).padStart(4, "0");
+  let l = Math.ceil(a.length / 8) * 8;
+  a = a.padEnd(l, "0");
+  let u = new Uint8Array(a.length / 8);
+  for (let g = 0; g < a.length; g += 8)
+    u[g / 8] = parseInt(a.slice(g, g + 8), 2);
+  return u;
+};
+ri = /* @__PURE__ */ new WeakSet();
+$i = function(t, e, i, r, s, n, a) {
+  let l = r / 1e6, u = (r - (a ?? 0)) / 1e6, g = s / 1e6, v = z(this, mr, Ts).call(this, l, u, t);
+  return l = v.presentationTimestamp, u = v.decodeTimestamp, n != null && n.decoderConfig && (t.info.decoderConfig === null ? t.info.decoderConfig = n.decoderConfig : Object.assign(t.info.decoderConfig, n.decoderConfig)), {
+    presentationTimestamp: l,
+    decodeTimestamp: u,
+    duration: g,
+    data: e,
+    size: e.byteLength,
+    type: i,
+    // Will be refined once the next sample comes in
+    timescaleUnitsToNextSample: mt(g, t.timescale)
+  };
+};
+lt = /* @__PURE__ */ new WeakSet();
+vt = function(t, e) {
+  c(this, P).fastStart !== "fragmented" && t.samples.push(e);
+  const i = mt(e.presentationTimestamp - e.decodeTimestamp, t.timescale);
+  if (t.lastTimescaleUnits !== null) {
+    let s = mt(e.decodeTimestamp, t.timescale, !1), n = Math.round(s - t.lastTimescaleUnits);
+    if (t.lastTimescaleUnits += n, t.lastSample.timescaleUnitsToNextSample = n, c(this, P).fastStart !== "fragmented") {
+      let a = ci(t.timeToSampleTable);
+      a.sampleCount === 1 ? (a.sampleDelta = n, a.sampleCount++) : a.sampleDelta === n ? a.sampleCount++ : (a.sampleCount--, t.timeToSampleTable.push({
+        sampleCount: 2,
+        sampleDelta: n
+      }));
+      const l = ci(t.compositionTimeOffsetTable);
+      l.sampleCompositionTimeOffset === i ? l.sampleCount++ : t.compositionTimeOffsetTable.push({
+        sampleCount: 1,
+        sampleCompositionTimeOffset: i
+      });
+    }
+  } else
+    t.lastTimescaleUnits = 0, c(this, P).fastStart !== "fragmented" && (t.timeToSampleTable.push({
+      sampleCount: 1,
+      sampleDelta: mt(e.duration, t.timescale)
+    }), t.compositionTimeOffsetTable.push({
+      sampleCount: 1,
+      sampleCompositionTimeOffset: i
+    }));
+  t.lastSample = e;
+  let r = !1;
+  if (!t.currentChunk)
+    r = !0;
+  else {
+    let s = e.presentationTimestamp - t.currentChunk.startTimestamp;
+    if (c(this, P).fastStart === "fragmented") {
+      let n = c(this, it) ?? c(this, tt);
+      const a = c(this, P).minFragmentDuration ?? 1;
+      t === n && e.type === "key" && s >= a && (r = !0, z(this, wi, wr).call(this));
+    } else
+      r = s >= 0.5;
+  }
+  r && (t.currentChunk && z(this, Me, mi).call(this, t), t.currentChunk = {
+    startTimestamp: e.presentationTimestamp,
+    samples: []
+  }), t.currentChunk.samples.push(e);
+};
+mr = /* @__PURE__ */ new WeakSet();
+Ts = function(t, e, i) {
+  var a, l;
+  const r = c(this, P).firstTimestampBehavior === "strict", s = i.lastDecodeTimestamp === -1;
+  if (r && s && 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.
+
+If you want to offset all timestamps of a track such that the first one is zero, set firstTimestampBehavior: 'offset' in the options.
+`
+    );
+  if (c(this, P).firstTimestampBehavior === "offset" || c(this, P).firstTimestampBehavior === "cross-track-offset") {
+    i.firstDecodeTimestamp === void 0 && (i.firstDecodeTimestamp = e);
+    let u;
+    c(this, P).firstTimestampBehavior === "offset" ? u = i.firstDecodeTimestamp : u = Math.min(
+      ((a = c(this, it)) == null ? void 0 : a.firstDecodeTimestamp) ?? 1 / 0,
+      ((l = c(this, tt)) == null ? void 0 : l.firstDecodeTimestamp) ?? 1 / 0
+    ), e -= u, t -= u;
+  }
+  if (e < i.lastDecodeTimestamp)
+    throw new Error(
+      `Timestamps must be monotonically increasing (DTS went from ${i.lastDecodeTimestamp * 1e6} to ${e * 1e6}).`
+    );
+  return i.lastDecodeTimestamp = e, { presentationTimestamp: t, decodeTimestamp: e };
+};
+Me = /* @__PURE__ */ new WeakSet();
+mi = function(t) {
+  if (c(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), c(this, re).push(t.currentChunk), (t.compactlyCodedChunkTable.length === 0 || ci(t.compactlyCodedChunkTable).samplesPerChunk !== t.currentChunk.samples.length) && t.compactlyCodedChunkTable.push({
+      firstChunk: t.finalizedChunks.length,
+      // 1-indexed
+      samplesPerChunk: t.currentChunk.samples.length
+    }), c(this, P).fastStart === "in-memory") {
+      t.currentChunk.offset = 0;
+      return;
+    }
+    t.currentChunk.offset = c(this, R).pos;
+    for (let e of t.currentChunk.samples)
+      c(this, R).write(e.data), e.data = null;
+    z(this, fe, je).call(this);
+  }
+};
+wi = /* @__PURE__ */ new WeakSet();
+wr = function(t = !0) {
+  if (c(this, P).fastStart !== "fragmented")
+    throw new Error("Can't finalize a fragment unless 'fastStart' is set to 'fragmented'.");
+  let e = [c(this, it), c(this, tt)].filter((l) => l && l.currentChunk);
+  if (e.length === 0)
+    return;
+  let i = $n(this, fr)._++;
+  if (i === 1) {
+    let l = ti(e, c(this, Qt), !0);
+    c(this, R).writeBox(l);
+  }
+  let r = c(this, R).pos, s = $r(i, e);
+  c(this, R).writeBox(s);
+  {
+    let l = Wi(!1), u = 0;
+    for (let v of e)
+      for (let p of v.currentChunk.samples)
+        u += p.size;
+    let g = c(this, R).measureBox(l) + u;
+    g >= 2 ** 32 && (l.largeSize = !0, g = c(this, R).measureBox(l) + u), l.size = g, c(this, R).writeBox(l);
+  }
+  for (let l of e) {
+    l.currentChunk.offset = c(this, R).pos, l.currentChunk.moofOffset = r;
+    for (let u of l.currentChunk.samples)
+      c(this, R).write(u.data), u.data = null;
+  }
+  let n = c(this, R).pos;
+  c(this, R).seek(c(this, R).offsets.get(s));
+  let a = $r(i, e);
+  c(this, R).writeBox(a), c(this, R).seek(n);
+  for (let l of e)
+    l.finalizedChunks.push(l.currentChunk), c(this, re).push(l.currentChunk), l.currentChunk = null;
+  t && z(this, fe, je).call(this);
+};
+fe = /* @__PURE__ */ new WeakSet();
+je = function() {
+  c(this, R) instanceof cr && c(this, R).flush();
+};
+si = /* @__PURE__ */ new WeakSet();
+ji = function() {
+  if (c(this, Ae))
+    throw new Error("Cannot add new video or audio chunks after the file has been finalized.");
+};
+var gr = (t, e, i) => {
+  if (!e.has(t))
+    throw TypeError("Cannot " + i);
+}, o = (t, e, i) => (gr(t, e, "read from private field"), i ? i.call(t) : e.get(t)), S = (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);
+}, U = (t, e, i, r) => (gr(t, e, "write to private field"), e.set(t, i), i), T = (t, e, i) => (gr(t, e, "access private method"), i), ks = class {
+  constructor(t) {
+    this.value = t;
+  }
+}, vr = class {
+  constructor(t) {
+    this.value = t;
+  }
+}, As = (t) => t < 256 ? 1 : t < 65536 ? 2 : t < 1 << 24 ? 3 : t < 2 ** 32 ? 4 : t < 2 ** 40 ? 5 : 6, Ka = (t) => {
+  if (t < 127)
+    return 1;
+  if (t < 16383)
+    return 2;
+  if (t < (1 << 21) - 1)
+    return 3;
+  if (t < (1 << 28) - 1)
+    return 4;
+  if (t < 2 ** 35 - 1)
+    return 5;
+  if (t < 2 ** 42 - 1)
+    return 6;
+  throw new Error("EBML VINT size not supported " + t);
+}, Jt = (t, e, i) => {
+  let r = 0;
+  for (let s = e; s < i; s++) {
+    let n = Math.floor(s / 8), a = t[n], l = 7 - (s & 7), u = (a & 1 << l) >> l;
+    r <<= 1, r |= u;
+  }
+  return r;
+}, Za = (t, e, i, r) => {
+  for (let s = e; s < i; s++) {
+    let n = Math.floor(s / 8), a = t[n], l = 7 - (s & 7);
+    a &= ~(1 << l), a |= (r & 1 << i - s - 1) >> i - s - 1 << l, t[n] = a;
+  }
+}, Ci = class {
+}, Ms = class extends Ci {
+  constructor() {
+    super(...arguments), this.buffer = null;
+  }
+}, Ps = class extends Ci {
+  constructor(t) {
+    if (super(), this.options = t, typeof t != "object")
+      throw new TypeError("StreamTarget requires an options object to be passed to its constructor.");
+    if (t.onData) {
+      if (typeof t.onData != "function")
+        throw new TypeError("options.onData, when provided, must be a function.");
+      if (t.onData.length < 2)
+        throw new TypeError(
+          "options.onData, when provided, must be a function that takes in at least two arguments (data and position). Ignoring the position argument, which specifies the byte offset at which the data is to be written, can lead to broken outputs."
+        );
+    }
+    if (t.onHeader && typeof t.onHeader != "function")
+      throw new TypeError("options.onHeader, when provided, must be a function.");
+    if (t.onCluster && typeof t.onCluster != "function")
+      throw new TypeError("options.onCluster, when provided, must be a function.");
+    if (t.chunked !== void 0 && typeof t.chunked != "boolean")
+      throw new TypeError("options.chunked, when provided, must be a boolean.");
+    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.");
+  }
+}, Qa = class extends Ci {
+  constructor(t, e) {
+    if (super(), this.stream = t, this.options = e, !(t instanceof FileSystemWritableFileStream))
+      throw new TypeError("FileSystemWritableFileStreamTarget requires a FileSystemWritableFileStream instance.");
+    if (e !== void 0 && typeof e != "object")
+      throw new TypeError("FileSystemWritableFileStreamTarget's options, when provided, must be an object.");
+    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");
+  }
+}, Bt, N, qi, Is, Hi, Rs, Xi, Bs, ni, Yi, Ji, Fs, Us = class {
+  constructor() {
+    S(this, qi), S(this, Hi), S(this, Xi), S(this, ni), S(this, Ji), this.pos = 0, S(this, Bt, new Uint8Array(8)), S(this, N, new DataView(o(this, Bt).buffer)), this.offsets = /* @__PURE__ */ new WeakMap(), this.dataOffsets = /* @__PURE__ */ new WeakMap();
+  }
+  seek(t) {
+    this.pos = t;
+  }
+  writeEBMLVarInt(t, e = Ka(t)) {
+    let i = 0;
+    switch (e) {
+      case 1:
+        o(this, N).setUint8(i++, 128 | t);
+        break;
+      case 2:
+        o(this, N).setUint8(i++, 64 | t >> 8), o(this, N).setUint8(i++, t);
+        break;
+      case 3:
+        o(this, N).setUint8(i++, 32 | t >> 16), o(this, N).setUint8(i++, t >> 8), o(this, N).setUint8(i++, t);
+        break;
+      case 4:
+        o(this, N).setUint8(i++, 16 | t >> 24), o(this, N).setUint8(i++, t >> 16), o(this, N).setUint8(i++, t >> 8), o(this, N).setUint8(i++, t);
+        break;
+      case 5:
+        o(this, N).setUint8(i++, 8 | t / 2 ** 32 & 7), o(this, N).setUint8(i++, t >> 24), o(this, N).setUint8(i++, t >> 16), o(this, N).setUint8(i++, t >> 8), o(this, N).setUint8(i++, t);
+        break;
+      case 6:
+        o(this, N).setUint8(i++, 4 | t / 2 ** 40 & 3), o(this, N).setUint8(i++, t / 2 ** 32 | 0), o(this, N).setUint8(i++, t >> 24), o(this, N).setUint8(i++, t >> 16), o(this, N).setUint8(i++, t >> 8), o(this, N).setUint8(i++, t);
+        break;
+      default:
+        throw new Error("Bad EBML VINT size " + e);
+    }
+    this.write(o(this, Bt).subarray(0, i));
+  }
+  writeEBML(t) {
+    if (t !== null)
+      if (t instanceof Uint8Array)
+        this.write(t);
+      else if (Array.isArray(t))
+        for (let e of t)
+          this.writeEBML(e);
+      else if (this.offsets.set(t, this.pos), T(this, ni, Yi).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, qi, Is).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 s = this.pos - r, n = this.pos;
+          this.seek(e), this.writeEBMLVarInt(s, i), this.seek(n);
+        }
+      } else if (typeof t.data == "number") {
+        let e = t.size ?? As(t.data);
+        this.writeEBMLVarInt(e), T(this, ni, Yi).call(this, t.data, e);
+      } else typeof t.data == "string" ? (this.writeEBMLVarInt(t.data.length), T(this, Ji, Fs).call(this, t.data)) : t.data instanceof Uint8Array ? (this.writeEBMLVarInt(t.data.byteLength, t.size), this.write(t.data)) : t.data instanceof ks ? (this.writeEBMLVarInt(4), T(this, Hi, Rs).call(this, t.data.value)) : t.data instanceof vr && (this.writeEBMLVarInt(8), T(this, Xi, Bs).call(this, t.data.value));
+  }
+};
+Bt = /* @__PURE__ */ new WeakMap();
+N = /* @__PURE__ */ new WeakMap();
+qi = /* @__PURE__ */ new WeakSet();
+Is = function(t) {
+  o(this, N).setUint8(0, t), this.write(o(this, Bt).subarray(0, 1));
+};
+Hi = /* @__PURE__ */ new WeakSet();
+Rs = function(t) {
+  o(this, N).setFloat32(0, t, !1), this.write(o(this, Bt).subarray(0, 4));
+};
+Xi = /* @__PURE__ */ new WeakSet();
+Bs = function(t) {
+  o(this, N).setFloat64(0, t, !1), this.write(o(this, Bt));
+};
+ni = /* @__PURE__ */ new WeakSet();
+Yi = function(t, e = As(t)) {
+  let i = 0;
+  switch (e) {
+    case 6:
+      o(this, N).setUint8(i++, t / 2 ** 40 | 0);
+    case 5:
+      o(this, N).setUint8(i++, t / 2 ** 32 | 0);
+    case 4:
+      o(this, N).setUint8(i++, t >> 24);
+    case 3:
+      o(this, N).setUint8(i++, t >> 16);
+    case 2:
+      o(this, N).setUint8(i++, t >> 8);
+    case 1:
+      o(this, N).setUint8(i++, t);
+      break;
+    default:
+      throw new Error("Bad UINT size " + e);
+  }
+  this.write(o(this, Bt).subarray(0, i));
+};
+Ji = /* @__PURE__ */ new WeakSet();
+Fs = function(t) {
+  this.write(new Uint8Array(t.split("").map((e) => e.charCodeAt(0))));
+};
+var ai, Ht, Ve, oi, Ki, to = class extends Us {
+  constructor(t) {
+    super(), S(this, oi), S(this, ai, void 0), S(this, Ht, new ArrayBuffer(2 ** 16)), S(this, Ve, new Uint8Array(o(this, Ht))), U(this, ai, t);
+  }
+  write(t) {
+    T(this, oi, Ki).call(this, this.pos + t.byteLength), o(this, Ve).set(t, this.pos), this.pos += t.byteLength;
+  }
+  finalize() {
+    T(this, oi, Ki).call(this, this.pos), o(this, ai).buffer = o(this, Ht).slice(0, this.pos);
+  }
+};
+ai = /* @__PURE__ */ new WeakMap();
+Ht = /* @__PURE__ */ new WeakMap();
+Ve = /* @__PURE__ */ new WeakMap();
+oi = /* @__PURE__ */ new WeakSet();
+Ki = function(t) {
+  let e = o(this, Ht).byteLength;
+  for (; e < t; )
+    e *= 2;
+  if (e === o(this, Ht).byteLength)
+    return;
+  let i = new ArrayBuffer(e), r = new Uint8Array(i);
+  r.set(o(this, Ve), 0), U(this, Ht, i), U(this, Ve, r);
+};
+var Zt, dt, ct, Lt, qe = class extends Us {
+  constructor(t) {
+    super(), this.target = t, S(this, Zt, !1), S(this, dt, void 0), S(this, ct, void 0), S(this, Lt, void 0);
+  }
+  write(t) {
+    if (!o(this, Zt))
+      return;
+    let e = this.pos;
+    if (e < o(this, ct)) {
+      if (e + t.byteLength <= o(this, ct))
+        return;
+      t = t.subarray(o(this, ct) - e), e = 0;
+    }
+    let i = e + t.byteLength - o(this, ct), r = o(this, dt).byteLength;
+    for (; r < i; )
+      r *= 2;
+    if (r !== o(this, dt).byteLength) {
+      let s = new Uint8Array(r);
+      s.set(o(this, dt), 0), U(this, dt, s);
+    }
+    o(this, dt).set(t, e - o(this, ct)), U(this, Lt, Math.max(o(this, Lt), e + t.byteLength));
+  }
+  startTrackingWrites() {
+    U(this, Zt, !0), U(this, dt, new Uint8Array(2 ** 10)), U(this, ct, this.pos), U(this, Lt, this.pos);
+  }
+  getTrackedWrites() {
+    if (!o(this, Zt))
+      throw new Error("Can't get tracked writes since nothing was tracked.");
+    let e = {
+      data: o(this, dt).subarray(0, o(this, Lt) - o(this, ct)),
+      start: o(this, ct),
+      end: o(this, Lt)
+    };
+    return U(this, dt, void 0), U(this, Zt, !1), e;
+  }
+};
+Zt = /* @__PURE__ */ new WeakMap();
+dt = /* @__PURE__ */ new WeakMap();
+ct = /* @__PURE__ */ new WeakMap();
+Lt = /* @__PURE__ */ new WeakMap();
+var eo = 2 ** 24, io = 2, Ot, se, Pe, _e, Et, nt, gi, Zi, yr, Ds, br, Ws, Ie, vi, _r = class extends qe {
+  constructor(t, e) {
+    var i, r;
+    super(t), S(this, gi), S(this, yr), S(this, br), S(this, Ie), S(this, Ot, []), S(this, se, 0), S(this, Pe, void 0), S(this, _e, void 0), S(this, Et, void 0), S(this, nt, []), U(this, Pe, e), U(this, _e, ((i = t.options) == null ? void 0 : i.chunked) ?? !1), U(this, Et, ((r = t.options) == null ? void 0 : r.chunkSize) ?? eo);
+  }
+  write(t) {
+    super.write(t), o(this, Ot).push({
+      data: t.slice(),
+      start: this.pos
+    }), this.pos += t.byteLength;
+  }
+  flush() {
+    var i, r;
+    if (o(this, Ot).length === 0)
+      return;
+    let t = [], e = [...o(this, Ot)].sort((s, n) => s.start - n.start);
+    t.push({
+      start: e[0].start,
+      size: e[0].data.byteLength
+    });
+    for (let s = 1; s < e.length; s++) {
+      let n = t[t.length - 1], a = e[s];
+      a.start <= n.start + n.size ? n.size = Math.max(n.size, a.start + a.data.byteLength - n.start) : t.push({
+        start: a.start,
+        size: a.data.byteLength
+      });
+    }
+    for (let s of t) {
+      s.data = new Uint8Array(s.size);
+      for (let n of o(this, Ot))
+        s.start <= n.start && n.start < s.start + s.size && s.data.set(n.data, n.start - s.start);
+      if (o(this, _e))
+        T(this, gi, Zi).call(this, s.data, s.start), T(this, Ie, vi).call(this);
+      else {
+        if (o(this, Pe) && s.start < o(this, se))
+          throw new Error("Internal error: Monotonicity violation.");
+        (r = (i = this.target.options).onData) == null || r.call(i, s.data, s.start), U(this, se, s.start + s.data.byteLength);
+      }
+    }
+    o(this, Ot).length = 0;
+  }
+  finalize() {
+    o(this, _e) && T(this, Ie, vi).call(this, !0);
+  }
+};
+Ot = /* @__PURE__ */ new WeakMap();
+se = /* @__PURE__ */ new WeakMap();
+Pe = /* @__PURE__ */ new WeakMap();
+_e = /* @__PURE__ */ new WeakMap();
+Et = /* @__PURE__ */ new WeakMap();
+nt = /* @__PURE__ */ new WeakMap();
+gi = /* @__PURE__ */ new WeakSet();
+Zi = function(t, e) {
+  let i = o(this, nt).findIndex((l) => l.start <= e && e < l.start + o(this, Et));
+  i === -1 && (i = T(this, br, Ws).call(this, e));
+  let r = o(this, nt)[i], s = e - r.start, n = t.subarray(0, Math.min(o(this, Et) - s, t.byteLength));
+  r.data.set(n, s);
+  let a = {
+    start: s,
+    end: s + n.byteLength
+  };
+  if (T(this, yr, Ds).call(this, r, a), r.written[0].start === 0 && r.written[0].end === o(this, Et) && (r.shouldFlush = !0), o(this, nt).length > io) {
+    for (let l = 0; l < o(this, nt).length - 1; l++)
+      o(this, nt)[l].shouldFlush = !0;
+    T(this, Ie, vi).call(this);
+  }
+  n.byteLength < t.byteLength && T(this, gi, Zi).call(this, t.subarray(n.byteLength), e + n.byteLength);
+};
+yr = /* @__PURE__ */ new WeakSet();
+Ds = function(t, e) {
+  let i = 0, r = t.written.length - 1, s = -1;
+  for (; i <= r; ) {
+    let n = Math.floor(i + (r - i + 1) / 2);
+    t.written[n].start <= e.start ? (i = n + 1, s = n) : r = n - 1;
+  }
+  for (t.written.splice(s + 1, 0, e), (s === -1 || t.written[s].end < e.start) && s++; s < t.written.length - 1 && t.written[s].end >= t.written[s + 1].start; )
+    t.written[s].end = Math.max(t.written[s].end, t.written[s + 1].end), t.written.splice(s + 1, 1);
+};
+br = /* @__PURE__ */ new WeakSet();
+Ws = function(t) {
+  let i = {
+    start: Math.floor(t / o(this, Et)) * o(this, Et),
+    data: new Uint8Array(o(this, Et)),
+    written: [],
+    shouldFlush: !1
+  };
+  return o(this, nt).push(i), o(this, nt).sort((r, s) => r.start - s.start), o(this, nt).indexOf(i);
+};
+Ie = /* @__PURE__ */ new WeakSet();
+vi = function(t = !1) {
+  var e, i;
+  for (let r = 0; r < o(this, nt).length; r++) {
+    let s = o(this, nt)[r];
+    if (!(!s.shouldFlush && !t)) {
+      for (let n of s.written) {
+        if (o(this, Pe) && s.start + n.start < o(this, se))
+          throw new Error("Internal error: Monotonicity violation.");
+        (i = (e = this.target.options).onData) == null || i.call(
+          e,
+          s.data.subarray(n.start, n.end),
+          s.start + n.start
+        ), U(this, se, s.start + n.end);
+      }
+      o(this, nt).splice(r--, 1);
+    }
+  }
+};
+var ro = class extends _r {
+  constructor(t, e) {
+    var i;
+    super(new Ps({
+      onData: (r, s) => t.stream.write({
+        type: "write",
+        data: r,
+        position: s
+      }),
+      chunked: !0,
+      chunkSize: (i = t.options) == null ? void 0 : i.chunkSize
+    }), e);
+  }
+}, ue = 1, Le = 2, yi = 3, so = 1, no = 2, ao = 17, oo = 2 ** 15, Re = 2 ** 13, jr = "https://github.com/Vanilagy/webm-muxer", zs = 6, Vs = 5, ho = ["strict", "offset", "permissive"], I, k, Oe, Ge, bt, pe, te, Xt, me, Ft, ne, ae, pt, He, oe, Pt, It, Gt, Be, Fe, he, le, bi, Ne, Ue, Qi, Ls, tr, Os, xr, Gs, Sr, Ns, Cr, $s, Er, js, Tr, qs, Ei, kr, Ti, Ar, Mr, Hs, Nt, ee, $t, ie, er, Xs, ir, Ys, xe, hi, Se, li, Pr, Js, ft, yt, de, $e, De, _i, Ir, Ks, xi, Rr, Ce, di, lo = class {
+  constructor(t) {
+    S(this, Qi), S(this, tr), S(this, xr), S(this, Sr), S(this, Cr), S(this, Er), S(this, Tr), S(this, Ei), S(this, Ti), S(this, Mr), S(this, Nt), S(this, $t), S(this, er), S(this, ir), S(this, xe), S(this, Se), S(this, Pr), S(this, ft), S(this, de), S(this, De), S(this, Ir), S(this, xi), S(this, Ce), S(this, I, void 0), S(this, k, void 0), S(this, Oe, void 0), S(this, Ge, void 0), S(this, bt, void 0), S(this, pe, void 0), S(this, te, void 0), S(this, Xt, void 0), S(this, me, void 0), S(this, Ft, void 0), S(this, ne, void 0), S(this, ae, void 0), S(this, pt, void 0), S(this, He, void 0), S(this, oe, 0), S(this, Pt, []), S(this, It, []), S(this, Gt, []), S(this, Be, void 0), S(this, Fe, void 0), S(this, he, -1), S(this, le, -1), S(this, bi, -1), S(this, Ne, void 0), S(this, Ue, !1), T(this, Qi, Ls).call(this, t), U(this, I, {
+      type: "webm",
+      firstTimestampBehavior: "strict",
+      ...t
+    }), this.target = t.target;
+    let e = !!o(this, I).streaming;
+    if (t.target instanceof Ms)
+      U(this, k, new to(t.target));
+    else if (t.target instanceof Ps)
+      U(this, k, new _r(t.target, e));
+    else if (t.target instanceof Qa)
+      U(this, k, new ro(t.target, e));
+    else
+      throw new Error(`Invalid target: ${t.target}`);
+    T(this, tr, Os).call(this);
+  }
+  addVideoChunk(t, e, i) {
+    if (!(t instanceof EncodedVideoChunk))
+      throw new TypeError("addVideoChunk's first argument (chunk) must be of type EncodedVideoChunk.");
+    if (e && typeof e != "object")
+      throw new TypeError("addVideoChunk's second argument (meta), when provided, must be an object.");
+    if (i !== void 0 && (!Number.isFinite(i) || i < 0))
+      throw new TypeError(
+        "addVideoChunk's third argument (timestamp), when provided, must be a non-negative real number."
+      );
+    let r = new Uint8Array(t.byteLength);
+    t.copyTo(r), this.addVideoChunkRaw(r, t.type, i ?? t.timestamp, e);
+  }
+  addVideoChunkRaw(t, e, i, r) {
+    if (!(t instanceof Uint8Array))
+      throw new TypeError("addVideoChunkRaw's first argument (data) must be an instance of Uint8Array.");
+    if (e !== "key" && e !== "delta")
+      throw new TypeError("addVideoChunkRaw's second argument (type) must be either 'key' or 'delta'.");
+    if (!Number.isFinite(i) || i < 0)
+      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, Ce, di).call(this), !o(this, I).video)
+      throw new Error("No video track declared.");
+    o(this, Be) === void 0 && U(this, Be, i), r && T(this, er, Xs).call(this, r);
+    let s = T(this, Se, li).call(this, t, e, i, ue);
+    for (o(this, I).video.codec === "V_VP9" && T(this, ir, Ys).call(this, s), U(this, he, s.timestamp); o(this, It).length > 0 && o(this, It)[0].timestamp <= s.timestamp; ) {
+      let n = o(this, It).shift();
+      T(this, ft, yt).call(this, n, !1);
+    }
+    !o(this, I).audio || s.timestamp <= o(this, le) ? T(this, ft, yt).call(this, s, !0) : o(this, Pt).push(s), T(this, xe, hi).call(this), T(this, Nt, ee).call(this);
+  }
+  addAudioChunk(t, e, i) {
+    if (!(t instanceof EncodedAudioChunk))
+      throw new TypeError("addAudioChunk's first argument (chunk) must be of type EncodedAudioChunk.");
+    if (e && typeof e != "object")
+      throw new TypeError("addAudioChunk's second argument (meta), when provided, must be an object.");
+    if (i !== void 0 && (!Number.isFinite(i) || i < 0))
+      throw new TypeError(
+        "addAudioChunk's third argument (timestamp), when provided, must be a non-negative real number."
+      );
+    let r = new Uint8Array(t.byteLength);
+    t.copyTo(r), this.addAudioChunkRaw(r, t.type, i ?? t.timestamp, e);
+  }
+  addAudioChunkRaw(t, e, i, r) {
+    if (!(t instanceof Uint8Array))
+      throw new TypeError("addAudioChunkRaw's first argument (data) must be an instance of Uint8Array.");
+    if (e !== "key" && e !== "delta")
+      throw new TypeError("addAudioChunkRaw's second argument (type) must be either 'key' or 'delta'.");
+    if (!Number.isFinite(i) || i < 0)
+      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, Ce, di).call(this), !o(this, I).audio)
+      throw new Error("No audio track declared.");
+    o(this, Fe) === void 0 && U(this, Fe, i), r != null && r.decoderConfig && (o(this, I).streaming ? U(this, Ft, T(this, de, $e).call(this, r.decoderConfig.description)) : T(this, De, _i).call(this, o(this, Ft), r.decoderConfig.description));
+    let s = T(this, Se, li).call(this, t, e, i, Le);
+    for (U(this, le, s.timestamp); o(this, Pt).length > 0 && o(this, Pt)[0].timestamp <= s.timestamp; ) {
+      let n = o(this, Pt).shift();
+      T(this, ft, yt).call(this, n, !0);
+    }
+    !o(this, I).video || s.timestamp <= o(this, he) ? T(this, ft, yt).call(this, s, !o(this, I).video) : o(this, It).push(s), T(this, xe, hi).call(this), T(this, Nt, ee).call(this);
+  }
+  addSubtitleChunk(t, e, i) {
+    if (typeof t != "object" || !t)
+      throw new TypeError("addSubtitleChunk's first argument (chunk) must be an object.");
+    if (!(t.body instanceof Uint8Array))
+      throw new TypeError("body must be an instance of Uint8Array.");
+    if (!Number.isFinite(t.timestamp) || t.timestamp < 0)
+      throw new TypeError("timestamp must be a non-negative real number.");
+    if (!Number.isFinite(t.duration) || t.duration < 0)
+      throw new TypeError("duration must be a non-negative real number.");
+    if (t.additions && !(t.additions instanceof Uint8Array))
+      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, Ce, di).call(this), !o(this, I).subtitles)
+      throw new Error("No subtitle track declared.");
+    e != null && e.decoderConfig && (o(this, I).streaming ? U(this, ne, T(this, de, $e).call(this, e.decoderConfig.description)) : T(this, De, _i).call(this, o(this, ne), e.decoderConfig.description));
+    let r = T(this, Se, li).call(this, t.body, "key", i ?? t.timestamp, yi, t.duration, t.additions);
+    U(this, bi, r.timestamp), o(this, Gt).push(r), T(this, xe, hi).call(this), T(this, Nt, ee).call(this);
+  }
+  finalize() {
+    if (o(this, Ue))
+      throw new Error("Cannot finalize a muxer more than once.");
+    for (; o(this, Pt).length > 0; )
+      T(this, ft, yt).call(this, o(this, Pt).shift(), !0);
+    for (; o(this, It).length > 0; )
+      T(this, ft, yt).call(this, o(this, It).shift(), !0);
+    for (; o(this, Gt).length > 0 && o(this, Gt)[0].timestamp <= o(this, oe); )
+      T(this, ft, yt).call(this, o(this, Gt).shift(), !1);
+    if (o(this, pt) && T(this, xi, Rr).call(this), o(this, k).writeEBML(o(this, ae)), !o(this, I).streaming) {
+      let t = o(this, k).pos, e = o(this, k).pos - o(this, $t, ie);
+      o(this, k).seek(o(this, k).offsets.get(o(this, Oe)) + 4), o(this, k).writeEBMLVarInt(e, zs), o(this, te).data = new vr(o(this, oe)), o(this, k).seek(o(this, k).offsets.get(o(this, te))), o(this, k).writeEBML(o(this, te)), o(this, bt).data[0].data[1].data = o(this, k).offsets.get(o(this, ae)) - o(this, $t, ie), o(this, bt).data[1].data[1].data = o(this, k).offsets.get(o(this, Ge)) - o(this, $t, ie), o(this, bt).data[2].data[1].data = o(this, k).offsets.get(o(this, pe)) - o(this, $t, ie), o(this, k).seek(o(this, k).offsets.get(o(this, bt))), o(this, k).writeEBML(o(this, bt)), o(this, k).seek(t);
+    }
+    T(this, Nt, ee).call(this), o(this, k).finalize(), U(this, Ue, !0);
+  }
+};
+I = /* @__PURE__ */ new WeakMap();
+k = /* @__PURE__ */ new WeakMap();
+Oe = /* @__PURE__ */ new WeakMap();
+Ge = /* @__PURE__ */ new WeakMap();
+bt = /* @__PURE__ */ new WeakMap();
+pe = /* @__PURE__ */ new WeakMap();
+te = /* @__PURE__ */ new WeakMap();
+Xt = /* @__PURE__ */ new WeakMap();
+me = /* @__PURE__ */ new WeakMap();
+Ft = /* @__PURE__ */ new WeakMap();
+ne = /* @__PURE__ */ new WeakMap();
+ae = /* @__PURE__ */ new WeakMap();
+pt = /* @__PURE__ */ new WeakMap();
+He = /* @__PURE__ */ new WeakMap();
+oe = /* @__PURE__ */ new WeakMap();
+Pt = /* @__PURE__ */ new WeakMap();
+It = /* @__PURE__ */ new WeakMap();
+Gt = /* @__PURE__ */ new WeakMap();
+Be = /* @__PURE__ */ new WeakMap();
+Fe = /* @__PURE__ */ new WeakMap();
+he = /* @__PURE__ */ new WeakMap();
+le = /* @__PURE__ */ new WeakMap();
+bi = /* @__PURE__ */ new WeakMap();
+Ne = /* @__PURE__ */ new WeakMap();
+Ue = /* @__PURE__ */ new WeakMap();
+Qi = /* @__PURE__ */ new WeakSet();
+Ls = 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 Ci))
+    throw new TypeError("The target must be provided and an instance of Target.");
+  if (t.video) {
+    if (typeof t.video.codec != "string")
+      throw new TypeError(`Invalid video codec: ${t.video.codec}. Must be a string.`);
+    if (!Number.isInteger(t.video.width) || t.video.width <= 0)
+      throw new TypeError(`Invalid video width: ${t.video.width}. Must be a positive integer.`);
+    if (!Number.isInteger(t.video.height) || t.video.height <= 0)
+      throw new TypeError(`Invalid video height: ${t.video.height}. Must be a positive integer.`);
+    if (t.video.frameRate !== void 0 && (!Number.isFinite(t.video.frameRate) || t.video.frameRate <= 0))
+      throw new TypeError(
+        `Invalid video frame rate: ${t.video.frameRate}. Must be a positive number.`
+      );
+    if (t.video.alpha !== void 0 && typeof t.video.alpha != "boolean")
+      throw new TypeError(`Invalid video alpha: ${t.video.alpha}. Must be a boolean.`);
+  }
+  if (t.audio) {
+    if (typeof t.audio.codec != "string")
+      throw new TypeError(`Invalid audio codec: ${t.audio.codec}. Must be a string.`);
+    if (!Number.isInteger(t.audio.numberOfChannels) || t.audio.numberOfChannels <= 0)
+      throw new TypeError(
+        `Invalid number of audio channels: ${t.audio.numberOfChannels}. Must be a positive integer.`
+      );
+    if (!Number.isInteger(t.audio.sampleRate) || t.audio.sampleRate <= 0)
+      throw new TypeError(
+        `Invalid audio sample rate: ${t.audio.sampleRate}. Must be a positive integer.`
+      );
+    if (t.audio.bitDepth !== void 0 && (!Number.isInteger(t.audio.bitDepth) || t.audio.bitDepth <= 0))
+      throw new TypeError(
+        `Invalid audio bit depth: ${t.audio.bitDepth}. Must be a positive integer.`
+      );
+  }
+  if (t.subtitles && typeof t.subtitles.codec != "string")
+    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 && !ho.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.`);
+};
+tr = /* @__PURE__ */ new WeakSet();
+Os = function() {
+  o(this, k) instanceof qe && o(this, k).target.options.onHeader && o(this, k).startTrackingWrites(), T(this, xr, Gs).call(this), o(this, I).streaming || T(this, Er, js).call(this), T(this, Tr, qs).call(this), T(this, Sr, Ns).call(this), T(this, Cr, $s).call(this), o(this, I).streaming || (T(this, Ei, kr).call(this), T(this, Ti, Ar).call(this)), T(this, Mr, Hs).call(this), T(this, Nt, ee).call(this);
+};
+xr = /* @__PURE__ */ new WeakSet();
+Gs = function() {
+  let t = { id: 440786851, data: [
+    { id: 17030, data: 1 },
+    { id: 17143, data: 1 },
+    { id: 17138, data: 4 },
+    { id: 17139, data: 8 },
+    { id: 17026, data: o(this, I).type ?? "webm" },
+    { id: 17031, data: 2 },
+    { id: 17029, data: 2 }
+  ] };
+  o(this, k).writeEBML(t);
+};
+Sr = /* @__PURE__ */ new WeakSet();
+Ns = function() {
+  U(this, me, { id: 236, size: 4, data: new Uint8Array(Re) }), U(this, Ft, { id: 236, size: 4, data: new Uint8Array(Re) }), U(this, ne, { id: 236, size: 4, data: new Uint8Array(Re) });
+};
+Cr = /* @__PURE__ */ new WeakSet();
+$s = function() {
+  U(this, Xt, { id: 21936, data: [
+    { id: 21937, data: 2 },
+    { id: 21946, data: 2 },
+    { id: 21947, data: 2 },
+    { id: 21945, data: 0 }
+  ] });
+};
+Er = /* @__PURE__ */ new WeakSet();
+js = function() {
+  const t = new Uint8Array([28, 83, 187, 107]), e = new Uint8Array([21, 73, 169, 102]), i = new Uint8Array([22, 84, 174, 107]);
+  U(this, bt, { id: 290298740, data: [
+    { id: 19899, data: [
+      { id: 21419, data: t },
+      { id: 21420, size: 5, data: 0 }
+    ] },
+    { id: 19899, data: [
+      { id: 21419, data: e },
+      { id: 21420, size: 5, data: 0 }
+    ] },
+    { id: 19899, data: [
+      { id: 21419, data: i },
+      { id: 21420, size: 5, data: 0 }
+    ] }
+  ] });
+};
+Tr = /* @__PURE__ */ new WeakSet();
+qs = function() {
+  let t = { id: 17545, data: new vr(0) };
+  U(this, te, t);
+  let e = { id: 357149030, data: [
+    { id: 2807729, data: 1e6 },
+    { id: 19840, data: jr },
+    { id: 22337, data: jr },
+    o(this, I).streaming ? null : t
+  ] };
+  U(this, Ge, e);
+};
+Ei = /* @__PURE__ */ new WeakSet();
+kr = function() {
+  let t = { id: 374648427, data: [] };
+  U(this, pe, t), o(this, I).video && t.data.push({ id: 174, data: [
+    { id: 215, data: ue },
+    { id: 29637, data: ue },
+    { id: 131, data: so },
+    { id: 134, data: o(this, I).video.codec },
+    o(this, me),
+    o(this, I).video.frameRate ? { id: 2352003, data: 1e9 / o(this, I).video.frameRate } : null,
+    { id: 224, data: [
+      { id: 176, data: o(this, I).video.width },
+      { id: 186, data: o(this, I).video.height },
+      o(this, I).video.alpha ? { id: 21440, data: 1 } : null,
+      o(this, Xt)
+    ] }
+  ] }), o(this, I).audio && (U(this, Ft, o(this, I).streaming ? o(this, Ft) || null : { id: 236, size: 4, data: new Uint8Array(Re) }), t.data.push({ id: 174, data: [
+    { id: 215, data: Le },
+    { id: 29637, data: Le },
+    { id: 131, data: no },
+    { id: 134, data: o(this, I).audio.codec },
+    o(this, Ft),
+    { id: 225, data: [
+      { id: 181, data: new ks(o(this, I).audio.sampleRate) },
+      { id: 159, data: o(this, I).audio.numberOfChannels },
+      o(this, I).audio.bitDepth ? { id: 25188, data: o(this, I).audio.bitDepth } : null
+    ] }
+  ] })), o(this, I).subtitles && t.data.push({ id: 174, data: [
+    { id: 215, data: yi },
+    { id: 29637, data: yi },
+    { id: 131, data: ao },
+    { id: 134, data: o(this, I).subtitles.codec },
+    o(this, ne)
+  ] });
+};
+Ti = /* @__PURE__ */ new WeakSet();
+Ar = function() {
+  let t = {
+    id: 408125543,
+    size: o(this, I).streaming ? -1 : zs,
+    data: [
+      o(this, I).streaming ? null : o(this, bt),
+      o(this, Ge),
+      o(this, pe)
+    ]
+  };
+  if (U(this, Oe, t), o(this, k).writeEBML(t), o(this, k) instanceof qe && o(this, k).target.options.onHeader) {
+    let { data: e, start: i } = o(this, k).getTrackedWrites();
+    o(this, k).target.options.onHeader(e, i);
+  }
+};
+Mr = /* @__PURE__ */ new WeakSet();
+Hs = function() {
+  U(this, ae, { id: 475249515, data: [] });
+};
+Nt = /* @__PURE__ */ new WeakSet();
+ee = function() {
+  o(this, k) instanceof _r && o(this, k).flush();
+};
+$t = /* @__PURE__ */ new WeakSet();
+ie = function() {
+  return o(this, k).dataOffsets.get(o(this, Oe));
+};
+er = /* @__PURE__ */ new WeakSet();
+Xs = function(t) {
+  if (t.decoderConfig) {
+    if (t.decoderConfig.colorSpace) {
+      let e = t.decoderConfig.colorSpace;
+      if (U(this, Ne, e), o(this, Xt).data = [
+        { id: 21937, data: {
+          rgb: 1,
+          bt709: 1,
+          bt470bg: 5,
+          smpte170m: 6
+        }[e.matrix] },
+        { id: 21946, data: {
+          bt709: 1,
+          smpte170m: 6,
+          "iec61966-2-1": 13
+        }[e.transfer] },
+        { id: 21947, data: {
+          bt709: 1,
+          bt470bg: 5,
+          smpte170m: 6
+        }[e.primaries] },
+        { id: 21945, data: [1, 2][Number(e.fullRange)] }
+      ], !o(this, I).streaming) {
+        let i = o(this, k).pos;
+        o(this, k).seek(o(this, k).offsets.get(o(this, Xt))), o(this, k).writeEBML(o(this, Xt)), o(this, k).seek(i);
+      }
+    }
+    t.decoderConfig.description && (o(this, I).streaming ? U(this, me, T(this, de, $e).call(this, t.decoderConfig.description)) : T(this, De, _i).call(this, o(this, me), t.decoderConfig.description));
+  }
+};
+ir = /* @__PURE__ */ new WeakSet();
+Ys = function(t) {
+  if (t.type !== "key" || !o(this, Ne))
+    return;
+  let e = 0;
+  if (Jt(t.data, 0, 2) !== 2)
+    return;
+  e += 2;
+  let i = (Jt(t.data, e + 1, e + 2) << 1) + Jt(t.data, e + 0, e + 1);
+  e += 2, i === 3 && e++;
+  let r = Jt(t.data, e + 0, e + 1);
+  if (e++, r)
+    return;
+  let s = Jt(t.data, e + 0, e + 1);
+  if (e++, s !== 0)
+    return;
+  e += 2;
+  let n = Jt(t.data, e + 0, e + 24);
+  if (e += 24, n !== 4817730)
+    return;
+  i >= 2 && e++;
+  let a = {
+    rgb: 7,
+    bt709: 2,
+    bt470bg: 1,
+    smpte170m: 3
+  }[o(this, Ne).matrix];
+  Za(t.data, e + 0, e + 3, a);
+};
+xe = /* @__PURE__ */ new WeakSet();
+hi = function() {
+  let t = Math.min(
+    o(this, I).video ? o(this, he) : 1 / 0,
+    o(this, I).audio ? o(this, le) : 1 / 0
+  ), e = o(this, Gt);
+  for (; e.length > 0 && e[0].timestamp <= t; )
+    T(this, ft, yt).call(this, e.shift(), !o(this, I).video && !o(this, I).audio);
+};
+Se = /* @__PURE__ */ new WeakSet();
+li = function(t, e, i, r, s, n) {
+  let a = T(this, Pr, Js).call(this, i, r);
+  return {
+    data: t,
+    additions: n,
+    type: e,
+    timestamp: a,
+    duration: s,
+    trackNumber: r
+  };
+};
+Pr = /* @__PURE__ */ new WeakSet();
+Js = function(t, e) {
+  let i = e === ue ? o(this, he) : e === Le ? o(this, le) : o(this, bi);
+  if (e !== yi) {
+    let r = e === ue ? o(this, Be) : o(this, Fe);
+    if (o(this, I).firstTimestampBehavior === "strict" && i === -1 && t !== 0)
+      throw new Error(
+        `The first chunk for your media track must have a timestamp of 0 (received ${t}). 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 the document, which is probably what you want.
+
+If you want to offset all timestamps of a track such that the first one is zero, set firstTimestampBehavior: 'offset' in the options.
+If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'permissive'.
+`
+      );
+    o(this, I).firstTimestampBehavior === "offset" && (t -= r);
+  }
+  if (t < i)
+    throw new Error(
+      `Timestamps must be monotonically increasing (went from ${i} to ${t}).`
+    );
+  if (t < 0)
+    throw new Error(`Timestamps must be non-negative (received ${t}).`);
+  return t;
+};
+ft = /* @__PURE__ */ new WeakSet();
+yt = function(t, e) {
+  o(this, I).streaming && !o(this, pe) && (T(this, Ei, kr).call(this), T(this, Ti, Ar).call(this));
+  let i = Math.floor(t.timestamp / 1e3), r = i - o(this, He), s = e && t.type === "key" && r >= 1e3, n = r >= oo;
+  if ((!o(this, pt) || s || n) && (T(this, Ir, Ks).call(this, i), r = 0), r < 0)
+    return;
+  let a = new Uint8Array(4), l = new DataView(a.buffer);
+  if (l.setUint8(0, 128 | t.trackNumber), l.setInt16(1, r, !1), t.duration === void 0 && !t.additions) {
+    l.setUint8(3, +(t.type === "key") << 7);
+    let u = { id: 163, data: [
+      a,
+      t.data
+    ] };
+    o(this, k).writeEBML(u);
+  } else {
+    let u = Math.floor(t.duration / 1e3), g = { id: 160, data: [
+      { id: 161, data: [
+        a,
+        t.data
+      ] },
+      t.duration !== void 0 ? { id: 155, data: u } : null,
+      t.additions ? { id: 30113, data: t.additions } : null
+    ] };
+    o(this, k).writeEBML(g);
+  }
+  U(this, oe, Math.max(o(this, oe), i));
+};
+de = /* @__PURE__ */ new WeakSet();
+$e = function(t) {
+  return { id: 25506, size: 4, data: new Uint8Array(t) };
+};
+De = /* @__PURE__ */ new WeakSet();
+_i = function(t, e) {
+  let i = o(this, k).pos;
+  o(this, k).seek(o(this, k).offsets.get(t));
+  let r = 6 + e.byteLength, s = Re - r;
+  if (s < 0) {
+    let n = e.byteLength + s;
+    e instanceof ArrayBuffer ? e = e.slice(0, n) : e = e.buffer.slice(0, n), s = 0;
+  }
+  t = [
+    T(this, de, $e).call(this, e),
+    { id: 236, size: 4, data: new Uint8Array(s) }
+  ], o(this, k).writeEBML(t), o(this, k).seek(i);
+};
+Ir = /* @__PURE__ */ new WeakSet();
+Ks = function(t) {
+  o(this, pt) && T(this, xi, Rr).call(this), o(this, k) instanceof qe && o(this, k).target.options.onCluster && o(this, k).startTrackingWrites(), U(this, pt, {
+    id: 524531317,
+    size: o(this, I).streaming ? -1 : Vs,
+    data: [
+      { id: 231, data: t }
+    ]
+  }), o(this, k).writeEBML(o(this, pt)), U(this, He, t);
+  let e = o(this, k).offsets.get(o(this, pt)) - o(this, $t, ie);
+  o(this, ae).data.push({ id: 187, data: [
+    { id: 179, data: t },
+    o(this, I).video ? { id: 183, data: [
+      { id: 247, data: ue },
+      { id: 241, data: e }
+    ] } : null,
+    o(this, I).audio ? { id: 183, data: [
+      { id: 247, data: Le },
+      { id: 241, data: e }
+    ] } : null
+  ] });
+};
+xi = /* @__PURE__ */ new WeakSet();
+Rr = function() {
+  if (!o(this, I).streaming) {
+    let t = o(this, k).pos - o(this, k).dataOffsets.get(o(this, pt)), e = o(this, k).pos;
+    o(this, k).seek(o(this, k).offsets.get(o(this, pt)) + 4), o(this, k).writeEBMLVarInt(t, Vs), o(this, k).seek(e);
+  }
+  if (o(this, k) instanceof qe && o(this, k).target.options.onCluster) {
+    let { data: t, start: e } = o(this, k).getTrackedWrites();
+    o(this, k).target.options.onCluster(t, e, o(this, He));
+  }
+};
+Ce = /* @__PURE__ */ new WeakSet();
+di = function() {
+  if (o(this, Ue))
+    throw new Error("Cannot add new video or audio chunks after the file has been finalized.");
+};
+new TextEncoder();
+async function co(t, e = {}) {
+  if (!t.frames.length) throw new Error("[p5.export] encodeGIF: no frames to encode");
+  const i = ls(), r = Math.round(1e3 / t.fps), s = e.maxColors ?? 256, n = t.frames.length;
+  for (let a = 0; a < n; a++) {
+    const l = t.frames[a], u = os(l, s), g = hs(l, u);
+    i.writeFrame(g, t.width, t.height, { palette: u, delay: r }), e.onProgress && e.onProgress((a + 1) / n), (a & 15) === 15 && await new Promise((v) => setTimeout(v, 0));
+  }
+  return i.finish(), new Blob([i.bytes()], { type: "image/gif" });
+}
+function fo() {
+  return typeof window < "u" && typeof window.VideoEncoder == "function" && typeof window.VideoFrame == "function";
+}
+const uo = {
+  mp4: [
+    "avc1.640028",
+    // H.264 High @ 4.0   — most modern devices
+    "avc1.4d0028",
+    // H.264 Main @ 4.0
+    "avc1.42001f",
+    // H.264 Baseline 3.1 — broadest compat
+    "av01.0.04M.08"
+    // AV1 fallback
+  ],
+  webm: [
+    "vp09.00.10.08",
+    // VP9 Profile 0
+    "vp8",
+    "av01.0.04M.08"
+  ]
+}, po = { avc1: "avc", av01: "av1", hvc1: "hevc", hev1: "hevc" }, mo = { vp09: "V_VP9", vp9: "V_VP9", vp8: "V_VP8", av01: "V_AV1" };
+function wo(t, e) {
+  const i = e.split(".")[0].toLowerCase();
+  return (t === "mp4" ? po : mo)[i] || (t === "mp4" ? "avc" : "V_VP9");
+}
+async function go(t, { width: e, height: i, fps: r, bitrate: s }) {
+  for (const n of uo[t] || [])
+    for (const a of [{ hardwareAcceleration: "prefer-hardware" }, {}])
+      try {
+        const l = await VideoEncoder.isConfigSupported({
+          codec: n,
+          width: e,
+          height: i,
+          bitrate: s,
+          framerate: r,
+          ...a
+        });
+        if (l && l.supported) return n;
+      } catch {
+      }
+  return null;
+}
+async function vo(t, e) {
+  const i = e.format === "mp4" ? "mp4" : "webm", r = t.width, s = t.height, n = t.fps, a = e.bitsPerSecond ?? Math.min(4e7, Math.max(15e5, Math.round(r * s * n * 0.2))), l = await go(i, { width: r, height: s, fps: n, bitrate: a });
+  if (!l)
+    throw new Error(`[p5.export] WebCodecs: no supported ${i.toUpperCase()} codec for ${r}×${s} @ ${n}fps`);
+  const u = i === "mp4" ? new ws() : new Ms(), g = wo(i, l), v = i === "mp4" ? new Ja({
+    target: u,
+    video: { codec: g, width: r, height: s, frameRate: n },
+    fastStart: "in-memory"
+  }) : new lo({
+    target: u,
+    video: { codec: g, width: r, height: s, frameRate: n }
+  });
+  let p = null;
+  const h = new VideoEncoder({
+    output: (M, $) => v.addVideoChunk(M, $),
+    error: (M) => {
+      p = p || M;
+    }
+  }), d = { codec: l, width: r, height: s, bitrate: a, framerate: n };
+  l.startsWith("avc1") && (d.avc = { format: "avc" });
+  const f = [
+    { ...d, hardwareAcceleration: "prefer-hardware" },
+    { ...d }
+    // no hint at all
+  ];
+  let m = null;
+  for (const M of f)
+    try {
+      h.configure(M), m = M;
+      break;
+    } catch {
+    }
+  if (!m)
+    throw new Error(`[p5.export] could not configure VideoEncoder for ${l}`);
+  const w = 1e6 / n, y = t.frames.length, C = Math.max(1, Math.round(n * 2)), x = 16;
+  for (let M = 0; M < y; M++) {
+    if (p) throw p;
+    for (; h.encodeQueueSize > x; )
+      if (await new Promise((B) => setTimeout(B, 0)), p) throw p;
+    const $ = new VideoFrame(t.frames[M], {
+      format: "RGBA",
+      codedWidth: r,
+      codedHeight: s,
+      timestamp: Math.round(M * w),
+      duration: Math.round(w)
+    });
+    h.encode($, { keyFrame: M % C === 0 }), $.close(), e.onProgress && e.onProgress((M + 1) / y), (M & 31) === 31 && await new Promise((B) => setTimeout(B, 0));
+  }
+  if (await h.flush(), p) throw p;
+  v.finalize();
+  const _ = new Blob([u.buffer], {
+    type: i === "mp4" ? "video/mp4" : "video/webm"
+  });
+  return _.__ext = i, _;
+}
+const Ke = {
+  webm: ["video/webm;codecs=vp9", "video/webm;codecs=vp8", "video/webm"],
+  mp4: ["video/mp4;codecs=avc1", "video/mp4;codecs=h264", "video/mp4"]
+};
+function yo(t) {
+  const e = t === "mp4" ? [...Ke.mp4, ...Ke.webm] : [...Ke.webm, ...Ke.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 bo(t, e) {
+  return new Promise((i, r) => {
+    const s = e.format || "webm", n = yo(s);
+    if (!n) return r(new Error("[p5.export] MediaRecorder fallback: no supported mime"));
+    s === "mp4" && n.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 l = a.getContext("2d"), u = a.captureStream(t.fps), g = { mimeType: n.mime };
+    e.bitsPerSecond && (g.videoBitsPerSecond = e.bitsPerSecond);
+    const v = new MediaRecorder(u, g), p = [];
+    v.ondataavailable = (m) => {
+      m.data && m.data.size && p.push(m.data);
+    }, v.onerror = (m) => r(m.error || new Error("MediaRecorder error")), v.onstop = () => {
+      u.getTracks().forEach((w) => w.stop());
+      const m = new Blob(p, { type: n.mime });
+      m.__ext = n.ext, i(m);
+    }, l.putImageData(new ImageData(t.frames[0], t.width, t.height), 0, 0), v.start();
+    const h = 1e3 / t.fps;
+    let d = 1;
+    const f = () => {
+      if (d >= t.frames.length) {
+        setTimeout(() => v.stop(), 100);
+        return;
+      }
+      l.putImageData(new ImageData(t.frames[d], t.width, t.height), 0, 0), e.onProgress && e.onProgress((d + 1) / t.frames.length), d++, setTimeout(f, h);
+    };
+    setTimeout(f, h);
+  });
+}
+async function _o(t, e = {}) {
+  if (!t.frames.length) throw new Error("[p5.export] encodeVideo: no frames to encode");
+  if (fo()) {
+    const i = performance.now();
+    try {
+      const r = await vo(t, e), s = performance.now() - i | 0;
+      return console.info(`[p5.export] WebCodecs encoded ${t.frames.length} frames in ${s}ms (${t.frames.length / (s / 1e3) | 0} fps).`), r;
+    } catch (r) {
+      console.warn(
+        "[p5.export] WebCodecs encode failed; falling back to MediaRecorder (real-time, much slower). Cause:",
+        r
+      );
+    }
+  } else
+    console.info("[p5.export] WebCodecs not available in this browser; using MediaRecorder (real-time).");
+  return bo(t, e);
+}
+async function xo(t, e = {}) {
+  if (!t || !t.frames.length)
+    throw new Error("[p5.export] encodeAnimatedWebP: buffer has no frames");
+  const { width: i, height: r, fps: s, frames: n } = t, a = Io(e.quality ?? 0.85), l = Math.max(0, e.loop ?? 0), u = Math.max(1, Math.round(1e3 / (s || 30)));
+  await So(i, r);
+  const g = document.createElement("canvas");
+  g.width = i, g.height = r;
+  const v = g.getContext("2d"), p = v.createImageData(i, r), h = [];
+  for (let m = 0; m < n.length; m++) {
+    p.data.set(n[m]), v.putImageData(p, 0, 0);
+    const w = await Zs(g, a), y = new Uint8Array(await w.arrayBuffer());
+    h.push(Co(y)), e.onProgress && e.onProgress((m + 1) / n.length);
+  }
+  const d = Ao([
+    Bi("VP8X", Eo(i, r)),
+    Bi("ANIM", To(l)),
+    ...h.map((m) => Bi("ANMF", ko(i, r, u, m)))
+  ]), f = new Uint8Array(12 + d.length);
+  return rr(f, 0, "RIFF"), Qs(f, 4, 4 + d.length), rr(f, 8, "WEBP"), f.set(d, 12), new Blob([f], { type: "image/webp" });
+}
+async function So(t, e) {
+  const i = document.createElement("canvas");
+  i.width = Math.min(8, t), i.height = Math.min(8, e);
+  const r = await Zs(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 Zs(t, e) {
+  return new Promise((i, r) => {
+    t.toBlob(
+      (s) => s ? i(s) : r(new Error("canvas.toBlob returned null")),
+      "image/webp",
+      e
+    );
+  });
+}
+function Co(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 = Po(t, e + 4), s = r + (r & 1);
+    if (i === "VP8 " || i === "VP8L")
+      return t.slice(e, e + 8 + s);
+    e += 8 + s;
+  }
+  throw new Error("[p5.export] no VP8/VP8L chunk found in encoded WebP frame");
+}
+function Eo(t, e) {
+  const i = new Uint8Array(10);
+  return i[0] = 2, We(i, 4, t - 1), We(i, 7, e - 1), i;
+}
+function To(t) {
+  const e = new Uint8Array(6);
+  return Mo(e, 4, t), e;
+}
+function ko(t, e, i, r) {
+  const s = new Uint8Array(16);
+  We(s, 6, t - 1), We(s, 9, e - 1), We(s, 12, i), s[15] = 0;
+  const n = new Uint8Array(s.length + r.length);
+  return n.set(s, 0), n.set(r, s.length), n;
+}
+function Bi(t, e) {
+  const i = e.length & 1, r = new Uint8Array(8 + e.length + i);
+  return rr(r, 0, t), Qs(r, 4, e.length), r.set(e, 8), r;
+}
+function Ao(t) {
+  let e = 0;
+  for (const s of t) e += s.length;
+  const i = new Uint8Array(e);
+  let r = 0;
+  for (const s of t)
+    i.set(s, r), r += s.length;
+  return i;
+}
+function rr(t, e, i) {
+  for (let r = 0; r < i.length; r++) t[e + r] = i.charCodeAt(r);
+}
+function Mo(t, e, i) {
+  t[e] = i & 255, t[e + 1] = i >> 8 & 255;
+}
+function We(t, e, i) {
+  t[e] = i & 255, t[e + 1] = i >> 8 & 255, t[e + 2] = i >> 16 & 255;
+}
+function Qs(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 Po(t, e) {
+  return t[e] | t[e + 1] << 8 | t[e + 2] << 16 | t[e + 3] << 24 >>> 0;
+}
+function Io(t) {
+  return Math.max(0, Math.min(1, t));
+}
+const Ze = {
+  webm: ["video/webm;codecs=vp9", "video/webm;codecs=vp8", "video/webm"],
+  mp4: ["video/mp4;codecs=avc1", "video/mp4;codecs=h264", "video/mp4"]
+};
+function Ro(t) {
+  const e = t === "mp4" ? [...Ze.mp4, ...Ze.webm] : [...Ze.webm, ...Ze.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 Bo {
+  /**
+   * @param {object} opts
+   * @param {HTMLCanvasElement} opts.canvas
+   * @param {'webm'|'mp4'} [opts.format='webm']
+   * @param {number} [opts.fps=60]
+   * @param {number} [opts.bitsPerSecond]
+   * @param {number} [opts.duration]   seconds; auto-stop when reached
+   * @param {string} [opts.filename]
+   */
+  constructor(e) {
+    const i = Ro(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 };
+    e.bitsPerSecond && (r.videoBitsPerSecond = e.bitsPerSecond), this.recorder = new MediaRecorder(this.stream, r), this.chunks = [], this.recorder.ondataavailable = (s) => {
+      s.data && s.data.size && this.chunks.push(s.data);
+    }, this.filename = e.filename, this.duration = e.duration, this._mime = i.mime, this._stopPromise = null;
+  }
+  start() {
+    this.recorder.start(), this.duration && setTimeout(() => this.stop(), this.duration * 1e3);
+  }
+  /** Stop the recorder and resolve with a downloaded Blob. */
+  stop() {
+    return this._stopPromise ? this._stopPromise : (this._stopPromise = new Promise((e) => {
+      this.recorder.onstop = () => {
+        const i = new Blob(this.chunks, { type: this._mime }), r = this.filename ? St(this.filename, this.ext) : xt(this.ext);
+        _t(i, r), this.stream.getTracks().forEach((s) => s.stop()), e(i);
+      }, this.recorder.state !== "inactive" && this.recorder.stop();
+    }), this._stopPromise);
+  }
+  get state() {
+    return this.recorder.state;
+  }
+}
+function Fo(t, e, i) {
+  if (e.recordVideo = function(r = {}) {
+    const s = Tt(this);
+    if (!s) 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 n = new Bo({ canvas: s, ...r });
+    return n.start(), this._p5ExportVideo = n, n;
+  }, e.recordWebM = function(r = {}) {
+    return e.recordVideo.call(this, { ...r, format: "webm" });
+  }, e.recordMP4 = function(r = {}) {
+    return e.recordVideo.call(this, { ...r, format: "mp4" });
+  }, e.stopVideo = function() {
+    const r = this._p5ExportVideo;
+    return r ? (this._p5ExportVideo = null, r.stop()) : null;
+  }, e.createVideoBuffer = function(r = {}) {
+    const s = Tt(this);
+    if (!s) 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 n = this, a = r.scale, l = typeof n.pixelDensity == "function" ? n.pixelDensity() : 1, u = a && a > 0 && a !== l;
+    u && (n.pixelDensity(a), typeof n.redraw == "function" && n.redraw());
+    const g = new Nn({ canvas: s, ...r }), v = g.stop.bind(g);
+    let p = !u;
+    return g.stop = function() {
+      v(), p || (p = !0, n.pixelDensity(l), typeof n.redraw == "function" && n.redraw());
+    }, g.start(), this._p5ExportBuffer = g, g;
+  }, e.stopVideoBuffer = function() {
+    const r = this._p5ExportBuffer;
+    return r && r.stop(), r || null;
+  }, e.exportVideoBuffer = async function(r, s = {}) {
+    if (!r || !r.frames.length)
+      throw new Error("[p5.export] exportVideoBuffer: buffer has no frames");
+    const n = (s.format || "webm").toLowerCase();
+    let a, l;
+    if (n === "gif")
+      a = await co(r, s), l = "gif";
+    else if (n === "webp")
+      a = await xo(r, s), l = "webp";
+    else if (n === "webm" || n === "mp4")
+      a = await _o(r, { ...s, format: n }), l = a.__ext || (n === "mp4" ? "mp4" : "webm");
+    else
+      throw new Error(`[p5.export] unsupported video format: ${n}`);
+    const u = s.filename ? St(s.filename, l) : xt(l);
+    return _t(a, u), a;
+  }, i && typeof i == "object") {
+    const r = i.postdraw;
+    i.postdraw = function() {
+      typeof r == "function" && r.call(this);
+      const s = this._p5ExportBuffer;
+      s && s.recording && s.tick();
+    };
+  }
+}
+function qr(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 Uo(t, e) {
+  e.saveSTL = function(i, r, s = {}) {
+    const n = qr(this, i);
+    if (!n || typeof n.saveStl != "function") {
+      const l = Di(this) ? "Pass a p5.Geometry (from buildGeometry / loadModel) or a buildGeometry-style callback." : "STL is a 3D format; this sketch is P2D. Use a WEBGL renderer (createCanvas(w, h, WEBGL)) and pass a p5.Geometry.";
+      throw new Error("[p5.export] saveSTL: no exportable geometry. " + l);
+    }
+    const a = r || "sketch.stl";
+    n.saveStl(a, { binary: !!s.binary });
+  }, e.saveOBJ = function(i, r) {
+    const s = qr(this, i);
+    if (!s || typeof s.saveObj != "function") {
+      const a = Di(this) ? "Pass a p5.Geometry (from buildGeometry / loadModel) or a buildGeometry-style callback." : "OBJ is a 3D format; this sketch is P2D. Use a WEBGL renderer and pass a p5.Geometry.";
+      throw new Error("[p5.export] saveOBJ: no exportable geometry. " + a);
+    }
+    const n = r || "sketch.obj";
+    s.saveObj(n);
+  };
+}
+const Do = ".p5export-panel{position:fixed;top:16px;right:16px;z-index:99999;width:240px;font:12px ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1c1d20;background:#fff;border:1px solid #ebebee;border-radius:8px;box-shadow:0 4px 16px -6px #14161c14;-webkit-user-select:none;user-select:none;overflow:hidden}.p5export-panel *,.p5export-panel *:before,.p5export-panel *:after{box-sizing:border-box}.p5export-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:grab}.p5export-title{font-weight:500}.p5export-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;color:#7a7c82;font:inherit;font-size:14px;padding:0 4px}.p5export-tabs{display:flex;gap:16px;padding:0 12px;border-bottom:1px solid #ebebee}.p5export-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-bottom:1px solid transparent;margin-bottom:-1px;padding:6px 0;color:#7a7c82;font:inherit;cursor:pointer}.p5export-tab.is-active{color:#1c1d20;border-bottom-color:#1c1d20}.p5export-body{padding:12px}.p5export-panel.is-collapsed .p5export-body,.p5export-panel.is-collapsed .p5export-tabs{display:none}.p5export-view:not([hidden]){display:flex;flex-direction:column;gap:8px}.p5export-row{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:8px}.p5export-row label{color:#7a7c82}.p5export-input,.p5export-select{width:100%;padding:6px 8px;border:1px solid #ebebee;border-radius:4px;background:#fff;font:inherit;color:inherit}.p5export-input::placeholder{color:#7a7c82}.p5export-select{cursor:pointer}.p5export-btn{padding:8px;border:0;border-radius:4px;background:#1c1d20;color:#fff;font:inherit;cursor:pointer}.p5export-btn.is-ghost{background:transparent;color:#1c1d20;border:1px solid #ebebee}.p5export-btn.is-danger{background:#b9322a}.p5export-btn:disabled{opacity:.35;cursor:not-allowed}.p5export-status{color:#7a7c82}.p5export-status.is-error{color:#b9322a}.p5export-status[hidden]{display:none}.p5export-preview:not([hidden]){display:flex;flex-direction:column;gap:6px}.p5export-preview-canvas{display:block;width:100%;border:1px solid #ebebee;border-radius:4px;image-rendering:pixelated}.p5export-preview-controls{display:flex;align-items:center;gap:8px;padding:6px 0}.p5export-play{width:11px;height:11px;border:0;background:transparent;color:#1c1d20;cursor:pointer;padding:0;opacity:.7}.p5export-play:hover{opacity:1}.p5export-play svg{width:100%;height:100%;display:block}.p5export-timeline{flex:1;height:2px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ebebee;border-radius:999px;cursor:pointer;outline:0}.p5export-timeline::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:8px;height:8px;border:0;border-radius:50%;background:#1c1d20;cursor:grab}.p5export-timeline::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:#1c1d20;cursor:grab}.p5export-time{color:#7a7c82;font-variant-numeric:tabular-nums}";
+let Hr = !1;
+function Wo() {
+  if (Hr || typeof document > "u") return;
+  Hr = !0;
+  const t = document.createElement("style");
+  t.setAttribute("data-p5-export", ""), t.textContent = Do, document.head.appendChild(t);
+}
+const Xr = [
+  { value: "png", label: "PNG (image)" },
+  { value: "jpg", label: "JPG (image)" },
+  { value: "webp", label: "WebP (image)" },
+  { value: "svg", label: "SVG (vector)" },
+  { value: "pdf", label: "PDF (vector)" }
+], zo = [
+  { value: "stl", label: "STL (3D)" },
+  { value: "obj", label: "OBJ (3D)" }
+], Vo = [
+  { value: "webm", label: "WebM (video)" },
+  { value: "mp4", label: "MP4 (video)" },
+  { value: "webp", label: "WebP (animation)" },
+  { value: "gif", label: "GIF (animation)" }
+], Lo = [
+  { value: "1", label: "1×" },
+  { value: "2", label: "2×" },
+  { value: "3", label: "3×" },
+  { value: "4", label: "4×" }
+], Yr = /* @__PURE__ */ new Set(["png", "jpg", "webp", "pdf"]), sr = '<path d="M2 1.2 L9 5 L2 8.8 Z" fill="currentColor"/>', Oo = '<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"/>', Go = `
+<div class="p5export-panel">
+  <div class="p5export-header" data-el="header">
+    <span class="p5export-title" data-el="title">p5.export</span>
+    <button class="p5export-toggle" data-action="toggleCollapsed" title="Collapse">−</button>
+  </div>
+
+  <div class="p5export-tabs">
+    <button class="p5export-tab is-active" data-tab="image">Image</button>
+    <button class="p5export-tab" data-tab="video">Video</button>
+  </div>
+
+  <div class="p5export-body">
+    <!-- IMAGE TAB ─────────────────────────────────────────────────── -->
+    <div class="p5export-view" data-view="image">
+      <div class="p5export-row">
+        <label>Format</label>
+        <select class="p5export-select" data-el="imageFormat"></select>
+      </div>
+      <div class="p5export-row" data-el="imageScaleRow">
+        <label>Scale</label>
+        <select class="p5export-select" data-el="imageScale"></select>
+      </div>
+      <div class="p5export-row">
+        <label>Name</label>
+        <input class="p5export-input" type="text" placeholder="filename" data-el="imageFilename">
+      </div>
+      <button class="p5export-btn" data-action="saveImage">Export</button>
+      <div class="p5export-status" data-el="imageStatus" hidden></div>
+    </div>
+
+    <!-- VIDEO TAB ─────────────────────────────────────────────────── -->
+    <div class="p5export-view" data-view="video" hidden>
+      <div class="p5export-row">
+        <label>Format</label>
+        <select class="p5export-select" data-el="videoFormat"></select>
+      </div>
+      <div class="p5export-row">
+        <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>Name</label>
+        <input class="p5export-input" type="text" placeholder="filename" data-el="videoFilename">
+      </div>
+      <div class="p5export-preview" data-el="previewWrap" hidden>
+        <canvas class="p5export-preview-canvas" data-el="previewCanvas"></canvas>
+        <div class="p5export-preview-controls">
+          <button class="p5export-play" data-action="togglePreview" title="Play / pause">
+            <svg viewBox="0 0 10 10" data-el="playIcon">${sr}</svg>
+          </button>
+          <input class="p5export-timeline" type="range" min="0" max="0" step="1" value="0" data-el="timeline">
+          <span class="p5export-time" data-el="timeLabel">0:00</span>
+        </div>
+      </div>
+      <button class="p5export-btn" data-action="videoPrimary" data-el="videoPrimaryBtn">Record</button>
+      <button class="p5export-btn is-ghost" data-action="resetVideo" data-el="rerecordBtn" hidden>Re-record</button>
+      <div class="p5export-status" data-el="recordedStatus" hidden></div>
+    </div>
+  </div>
+</div>`.trim();
+class No {
+  constructor(e, i = {}) {
+    Wo(), this.p = e, this.opts = i, this.tab = "image", this.videoState = "idle", this.buffer = null, this._statusTimer = null, this.el = document.createRange().createContextualFragment(Go).firstElementChild;
+    for (const r of this.el.querySelectorAll("[data-el]"))
+      this[r.dataset.el] = r;
+    for (const r of this.el.querySelectorAll("[data-action]"))
+      r.addEventListener("click", () => {
+        const s = this[`_${r.dataset.action}`];
+        typeof s == "function" && s.call(this);
+      });
+    for (const r of this.el.querySelectorAll("[data-tab]"))
+      r.addEventListener("click", () => this._switchTab(r.dataset.tab));
+    this._populateOptions(), this._wireExtras(), this.opts.title && (this.title.textContent = this.opts.title), this.opts.collapsed && this.el.classList.add("is-collapsed"), (i.parent || document.body).appendChild(this.el), this._wireDrag();
+  }
+  // ─── Bootstrapping helpers ─────────────────────────────────────────────
+  _populateOptions() {
+    const e = Di(this.p) ? [...Xr, ...zo] : Xr;
+    this.imageFormat.innerHTML = Fi(e), this.imageScale.innerHTML = Fi(Lo), this.videoFormat.innerHTML = Fi(Vo), 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", () => {
+      this._pausePreview(), this._previewFrame = Number(this.timeline.value), this._renderPreviewFrame();
+    });
+  }
+  _toggleCollapsed() {
+    this.el.classList.toggle("is-collapsed");
+  }
+  _switchTab(e) {
+    this.tab = e;
+    for (const i of this.el.querySelectorAll("[data-tab]"))
+      i.classList.toggle("is-active", i.dataset.tab === e);
+    for (const i of this.el.querySelectorAll("[data-view]"))
+      i.toggleAttribute("hidden", i.dataset.view !== e);
+  }
+  // ─── Image tab ─────────────────────────────────────────────────────────
+  /** Scale only applies to raster formats; grey it out for SVG. */
+  _refreshImageScaleEnabled() {
+    const e = Yr.has(this.imageFormat.value);
+    this.imageScale.disabled = !e, this.imageScaleRow.style.opacity = e ? "" : "0.45";
+  }
+  async _saveImage() {
+    const e = this.imageFormat.value, i = this.imageFilename.value || void 0, r = Number(this.imageScale.value) || 1, s = Yr.has(e) ? { scale: r } : void 0, n = `${e.toUpperCase()}${s && r > 1 ? ` @ ${r}×` : ""}`;
+    this._setStatus(this.imageStatus, `Saving ${n}…`);
+    try {
+      if (e === "png") await this.p.savePNG(i, s);
+      else if (e === "jpg") await this.p.saveJPG(i, s);
+      else if (e === "webp") await this.p.saveWebP(i, s);
+      else if (e === "svg") this.p.saveSVG(i);
+      else if (e === "pdf") await this.p.savePDF(i, s);
+      else if (e === "stl" || e === "obj") {
+        this._setStatus(
+          this.imageStatus,
+          `${e.toUpperCase()} needs a p5.Geometry — call saveSTL(myGeometry) from your sketch.`,
+          "error"
+        );
+        return;
+      }
+      this._setStatus(this.imageStatus, `Saved ${n}.`, "", 2e3);
+    } catch (a) {
+      console.error(a), this._setStatus(this.imageStatus, `Error: ${a.message}`, "error");
+    }
+  }
+  // ─── Video tab ─────────────────────────────────────────────────────────
+  /** Cycle: idle → recording → recorded → encoding → recorded. */
+  _videoPrimary() {
+    if (this.videoState === "idle") return this._startRecording();
+    if (this.videoState === "recording") return this._stopRecording();
+    if (this.videoState === "recorded") return this._export(this.videoFormat.value);
+  }
+  _startRecording() {
+    const e = Number(this.videoDuration.value) || void 0;
+    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");
+      return;
+    }
+    this.videoState = "recording", this._updateVideoState();
+    const i = performance.now();
+    this._statusTimer = setInterval(() => {
+      const r = (performance.now() - i) / 1e3, s = e ? ` / ${e.toFixed(1)}s` : "";
+      this._setStatus(
+        this.recordedStatus,
+        `Recording ${r.toFixed(1)}s${s} · ${this.buffer.framesRecorded} frames`
+      ), this.buffer.recording || this._finishRecording();
+    }, 100);
+  }
+  _stopRecording() {
+    this.buffer && this.buffer.stop(), this._finishRecording();
+  }
+  _finishRecording() {
+    clearInterval(this._statusTimer), this._statusTimer = null, this.buffer && (this.videoState = "recorded", this._setStatus(this.recordedStatus, ""), this._initPreview(), this._updateVideoState());
+  }
+  async _export(e) {
+    if (!this.buffer) return;
+    const i = this.videoFilename.value || void 0, r = this.videoState;
+    this.videoState = "encoding", this._updateVideoState(), this._setStatus(this.recordedStatus, `Encoding ${e.toUpperCase()}…`);
+    try {
+      await this.p.exportVideoBuffer(this.buffer, {
+        format: e,
+        filename: i,
+        onProgress: (s) => this._setStatus(
+          this.recordedStatus,
+          `Encoding ${e.toUpperCase()}… ${Math.round(s * 100)}%`
+        )
+      }), this._setStatus(this.recordedStatus, `Saved ${e.toUpperCase()}.`, "", 2e3);
+    } catch (s) {
+      console.error(s), this._setStatus(this.recordedStatus, `Error: ${s.message}`, "error");
+    } finally {
+      this.videoState = r, this._updateVideoState();
+    }
+  }
+  _resetVideo() {
+    this._pausePreview(), this.buffer && this.buffer.clear(), this.buffer = null, this._setStatus(this.recordedStatus, ""), this.videoState = "idle", this._updateVideoState();
+  }
+  /** 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";
+    const s = e === "encoding";
+    this.videoPrimaryBtn.disabled = s, this.rerecordBtn.disabled = s;
+  }
+  // ─── Preview player ────────────────────────────────────────────────────
+  _initPreview() {
+    if (!this.buffer || !this.buffer.frames.length) return;
+    const e = 320, i = this.buffer.width, r = this.buffer.height, s = Math.min(1, e / Math.max(i, r));
+    this.previewCanvas.width = Math.max(1, Math.round(i * s)), this.previewCanvas.height = Math.max(1, Math.round(r * s)), this._previewCtx = this.previewCanvas.getContext("2d"), this._previewSrc = document.createElement("canvas"), this._previewSrc.width = i, this._previewSrc.height = r, this._previewSrcCtx = this._previewSrc.getContext("2d"), this._previewImageData = this._previewSrcCtx.createImageData(i, r), this._previewFrame = 0, this._previewPlaying = !1, this._previewRaf = null, this.timeline.min = "0", this.timeline.max = String(this.buffer.frames.length - 1), this.timeline.value = "0", this.playIcon.innerHTML = sr, this._renderPreviewFrame();
+  }
+  _renderPreviewFrame() {
+    if (!this.buffer || !this._previewCtx) return;
+    const e = Math.max(0, Math.min(this.buffer.frames.length - 1, this._previewFrame)), i = this.buffer.frames[e];
+    if (!i) return;
+    this._previewImageData.data.set(i), this._previewSrcCtx.putImageData(this._previewImageData, 0, 0), this._previewCtx.clearRect(0, 0, this.previewCanvas.width, this.previewCanvas.height), this._previewCtx.drawImage(
+      this._previewSrc,
+      0,
+      0,
+      this._previewSrc.width,
+      this._previewSrc.height,
+      0,
+      0,
+      this.previewCanvas.width,
+      this.previewCanvas.height
+    ), this.timeline.value = String(e);
+    const r = this.buffer.fps || 30;
+    this.timeLabel.textContent = `${(e / r).toFixed(1)}s`;
+  }
+  _togglePreview() {
+    this.buffer && (this._previewPlaying ? this._pausePreview() : this._playPreview());
+  }
+  _playPreview() {
+    if (!this.buffer || !this.buffer.frames.length) return;
+    this._previewPlaying = !0, this.playIcon.innerHTML = Oo;
+    const i = 1e3 / (this.buffer.fps || 30);
+    let r = performance.now();
+    const s = (n) => {
+      if (!this._previewPlaying) return;
+      const a = n - r;
+      a >= i && (r = n - a % i, this._previewFrame++, this._previewFrame >= this.buffer.frames.length && (this._previewFrame = 0), this._renderPreviewFrame()), this._previewRaf = requestAnimationFrame(s);
+    };
+    this._previewRaf = requestAnimationFrame(s);
+  }
+  _pausePreview() {
+    this._previewPlaying && (this._previewPlaying = !1, this._previewRaf && cancelAnimationFrame(this._previewRaf), this._previewRaf = null, this.playIcon.innerHTML = sr);
+  }
+  // ─── Status helper ─────────────────────────────────────────────────────
+  /**
+   * Update a status element. Empty message → element hidden (so it
+   * doesn't reserve vertical space). `kind === 'error'` paints it red;
+   * any other value clears existing modifier classes.
+   */
+  _setStatus(e, i, r = "", s = 0) {
+    e.textContent = i || "", e.toggleAttribute("hidden", !i), e.classList.toggle("is-error", r === "error"), s && i && setTimeout(() => {
+      e.textContent === i && this._setStatus(e, "");
+    }, s);
+  }
+  // ─── Dragging ──────────────────────────────────────────────────────────
+  _wireDrag() {
+    let e = 0, i = 0, r = 0, s = 0, n = !1;
+    const a = (u) => {
+      n && (this.el.style.left = r + u.clientX - e + "px", this.el.style.top = s + u.clientY - i + "px");
+    }, l = () => {
+      n = !1, document.removeEventListener("mousemove", a);
+    };
+    this.header.addEventListener("mousedown", (u) => {
+      if (u.target.closest(".p5export-toggle")) return;
+      n = !0, e = u.clientX, i = u.clientY;
+      const g = this.el.getBoundingClientRect();
+      r = g.left, s = g.top, this.el.style.left = r + "px", this.el.style.top = s + "px", this.el.style.right = "auto", document.addEventListener("mousemove", a), document.addEventListener("mouseup", l, { once: !0 });
+    });
+  }
+  destroy() {
+    clearInterval(this._statusTimer), this._pausePreview(), this.buffer && this.buffer.clear(), this.el.remove();
+  }
+}
+function Fi(t) {
+  return t.map((e) => `<option value="${e.value}">${e.label}</option>`).join("");
+}
+function $o(t, e, i) {
+  if (e.createExportGUI = function(r = {}) {
+    if (this._p5ExportPanel)
+      return Object.assign(this._p5ExportPanel.opts, r), this._p5ExportPanel;
+    const s = new No(this, r);
+    return this._p5ExportPanel = s, s;
+  }, e.removeExportGUI = function() {
+    this._p5ExportPanel && (this._p5ExportPanel.destroy(), this._p5ExportPanel = null);
+  }, i && typeof i == "object") {
+    const r = i.postsetup;
+    i.postsetup = function() {
+      typeof r == "function" && r.call(this), (typeof window < "u" && window.p5ExportConfig || {}).autoGUI !== !1 && (this._p5ExportPanel || this.createExportGUI());
+    };
+  }
+}
+function Br(t, e, i) {
+  sn(t, e), Cn(t, e, i), kn(t, e), Gn(t, e, i), Fo(t, e, i), Uo(t, e), $o(t, e, i), jo(t), e.downloadBlob = function(r, s) {
+    return _t(r, s);
+  };
+}
+function jo(t) {
+  const e = t && t.Graphics;
+  if (!e || !e.prototype || e.prototype.__p5ExportGraphicsRandomPatched) return;
+  const i = t.prototype;
+  for (const r of ["random", "randomSeed", "noise", "noiseSeed", "randomGaussian"])
+    typeof e.prototype[r] != "function" && typeof i[r] == "function" && (e.prototype[r] = function(...s) {
+      const n = typeof window < "u" && window.p5 && window.p5.instance || this;
+      return i[r].apply(n, s);
+    });
+  e.prototype.__p5ExportGraphicsRandomPatched = !0;
+}
+function tn(t) {
+  if (!t || !t.prototype) return !1;
+  if (t.prototype.__p5ExportInstalled) return !0;
+  t.prototype.__p5ExportInstalled = !0;
+  const e = {};
+  Br(t, t.prototype, e);
+  const i = (r, s) => typeof s == "function" && typeof t.prototype.registerMethod == "function" && t.prototype.registerMethod(r, s);
+  return i("beforeSetup", e.presetup), i("afterSetup", e.postsetup), i("pre", e.predraw), i("post", e.postdraw), 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 eh(t) {
+  if (!t) throw new Error("[p5.export] register() called with no p5 constructor");
+  if (typeof t.registerAddon == "function") {
+    t.registerAddon(Br);
+    return;
+  }
+  if (!tn(t))
+    throw new Error("[p5.export] Could not register — no registerAddon and no prototype.registerMethod.");
+}
+function Ui() {
+  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(Br), window.p5.__p5ExportAutoRegistered = !0, !0) : tn(window.p5);
+}
+if (typeof window < "u" && !Ui()) {
+  const t = setInterval(() => {
+    Ui() && clearInterval(t);
+  }, 10);
+  setTimeout(() => clearInterval(t), 5e3), window.addEventListener("p5Ready", Ui, { once: !0 });
+}
+export {
+  Br as default,
+  Br as p5ExportAddon,
+  eh as register
+};
+//# sourceMappingURL=p5.export.js.map