@makefully/notefully 0.1.34 → 0.1.36

package/dist/notefully.js

@@ -1,14 +1,14 @@
-function Le(t, e) {
+function ke(t, e) {
   if (t.match(/^[a-z]+:\/\//i))
     return t;
   if (t.match(/^\/\//))
     return window.location.protocol + t;
   if (t.match(/^[a-z]+:/i))
     return t;
-  const n = document.implementation.createHTMLDocument(), r = n.createElement("base"), o = n.createElement("a");
-  return n.head.appendChild(r), n.body.appendChild(o), e && (r.href = e), o.href = t, o.href;
+  const n = document.implementation.createHTMLDocument(), r = n.createElement("base"), a = n.createElement("a");
+  return n.head.appendChild(r), n.body.appendChild(a), e && (r.href = e), a.href = t, a.href;
 }
-const Re = /* @__PURE__ */ (() => {
+const Ie = /* @__PURE__ */ (() => {
   let t = 0;
   const e = () => (
     // eslint-disable-next-line no-bitwise
@@ -16,33 +16,33 @@ const Re = /* @__PURE__ */ (() => {
   );
   return () => (t += 1, `u${e()}${t}`);
 })();
-function F(t) {
+function H(t) {
   const e = [];
   for (let n = 0, r = t.length; n < r; n++)
     e.push(t[n]);
   return e;
 }
 let V = null;
-function Zt(t = {}) {
-  return V || (t.includeStyleProperties ? (V = t.includeStyleProperties, V) : (V = F(window.getComputedStyle(document.documentElement)), V));
+function ne(t = {}) {
+  return V || (t.includeStyleProperties ? (V = t.includeStyleProperties, V) : (V = H(window.getComputedStyle(document.documentElement)), V));
 }
 function Z(t, e) {
   const r = (t.ownerDocument.defaultView || window).getComputedStyle(t).getPropertyValue(e);
   return r ? parseFloat(r.replace("px", "")) : 0;
 }
-function $e(t) {
+function Oe(t) {
   const e = Z(t, "border-left-width"), n = Z(t, "border-right-width");
   return t.clientWidth + e + n;
 }
-function Pe(t) {
+function Be(t) {
   const e = Z(t, "border-top-width"), n = Z(t, "border-bottom-width");
   return t.clientHeight + e + n;
 }
-function te(t, e = {}) {
-  const n = e.width || $e(t), r = e.height || Pe(t);
+function re(t, e = {}) {
+  const n = e.width || Oe(t), r = e.height || Be(t);
   return { width: n, height: r };
 }
-function ke() {
+function He() {
   let t, e;
   try {
     e = process;
@@ -52,7 +52,7 @@ function ke() {
   return n && (t = parseInt(n, 10), Number.isNaN(t) && (t = 1)), t || window.devicePixelRatio || 1;
 }
 const C = 16384;
-function Te(t) {
+function De(t) {
   (t.width > C || t.height > C) && (t.width > C && t.height > C ? t.width > t.height ? (t.height *= C / t.width, t.width = C) : (t.width *= C / t.height, t.height = C) : t.width > C ? (t.height *= C / t.width, t.width = C) : (t.width *= C / t.height, t.height = C));
 }
 function tt(t) {
@@ -65,12 +65,12 @@ function tt(t) {
     }, r.onerror = n, r.crossOrigin = "anonymous", r.decoding = "async", r.src = t;
   });
 }
-async function Ie(t) {
+async function Fe(t) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(t)).then(encodeURIComponent).then((e) => `data:image/svg+xml;charset=utf-8,${e}`);
 }
-async function Oe(t, e, n) {
-  const r = "http://www.w3.org/2000/svg", o = document.createElementNS(r, "svg"), i = document.createElementNS(r, "foreignObject");
-  return o.setAttribute("width", `${e}`), o.setAttribute("height", `${n}`), o.setAttribute("viewBox", `0 0 ${e} ${n}`), i.setAttribute("width", "100%"), i.setAttribute("height", "100%"), i.setAttribute("x", "0"), i.setAttribute("y", "0"), i.setAttribute("externalResourcesRequired", "true"), o.appendChild(i), i.appendChild(t), Ie(o);
+async function Ue(t, e, n) {
+  const r = "http://www.w3.org/2000/svg", a = document.createElementNS(r, "svg"), i = document.createElementNS(r, "foreignObject");
+  return a.setAttribute("width", `${e}`), a.setAttribute("height", `${n}`), a.setAttribute("viewBox", `0 0 ${e} ${n}`), i.setAttribute("width", "100%"), i.setAttribute("height", "100%"), i.setAttribute("x", "0"), i.setAttribute("y", "0"), i.setAttribute("externalResourcesRequired", "true"), a.appendChild(i), i.appendChild(t), Fe(a);
 }
 const E = (t, e) => {
   if (t instanceof e)
@@ -78,118 +78,118 @@ const E = (t, e) => {
   const n = Object.getPrototypeOf(t);
   return n === null ? !1 : n.constructor.name === e.name || E(n, e);
 };
-function He(t) {
+function Ne(t) {
   const e = t.getPropertyValue("content");
   return `${t.cssText} content: '${e.replace(/'|"/g, "")}';`;
 }
-function Fe(t, e) {
-  return Zt(e).map((n) => {
-    const r = t.getPropertyValue(n), o = t.getPropertyPriority(n);
-    return `${n}: ${r}${o ? " !important" : ""};`;
+function je(t, e) {
+  return ne(e).map((n) => {
+    const r = t.getPropertyValue(n), a = t.getPropertyPriority(n);
+    return `${n}: ${r}${a ? " !important" : ""};`;
   }).join(" ");
 }
-function De(t, e, n, r) {
-  const o = `.${t}:${e}`, i = n.cssText ? He(n) : Fe(n, r);
-  return document.createTextNode(`${o}{${i}}`);
+function _e(t, e, n, r) {
+  const a = `.${t}:${e}`, i = n.cssText ? Ne(n) : je(n, r);
+  return document.createTextNode(`${a}{${i}}`);
 }
-function Ot(t, e, n, r) {
-  const o = window.getComputedStyle(t, n), i = o.getPropertyValue("content");
+function Dt(t, e, n, r) {
+  const a = window.getComputedStyle(t, n), i = a.getPropertyValue("content");
   if (i === "" || i === "none")
     return;
-  const a = Re();
+  const o = Ie();
   try {
-    e.className = `${e.className} ${a}`;
+    e.className = `${e.className} ${o}`;
   } catch {
     return;
   }
   const c = document.createElement("style");
-  c.appendChild(De(a, n, o, r)), e.appendChild(c);
+  c.appendChild(_e(o, n, a, r)), e.appendChild(c);
 }
-function Be(t, e, n) {
-  Ot(t, e, ":before", n), Ot(t, e, ":after", n);
+function Ve(t, e, n) {
+  Dt(t, e, ":before", n), Dt(t, e, ":after", n);
 }
-const Ht = "application/font-woff", Ft = "image/jpeg", Ue = {
-  woff: Ht,
-  woff2: Ht,
+const Ft = "application/font-woff", Ut = "image/jpeg", We = {
+  woff: Ft,
+  woff2: Ft,
   ttf: "application/font-truetype",
   eot: "application/vnd.ms-fontobject",
   png: "image/png",
-  jpg: Ft,
-  jpeg: Ft,
+  jpg: Ut,
+  jpeg: Ut,
   gif: "image/gif",
   tiff: "image/tiff",
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function je(t) {
+function ze(t) {
   const e = /\.([^./]*?)$/g.exec(t);
   return e ? e[1] : "";
 }
-function Ct(t) {
-  const e = je(t).toLowerCase();
-  return Ue[e] || "";
+function Mt(t) {
+  const e = ze(t).toLowerCase();
+  return We[e] || "";
 }
-function Ne(t) {
+function qe(t) {
   return t.split(/,/)[1];
 }
-function mt(t) {
+function gt(t) {
   return t.search(/^(data:)/) !== -1;
 }
-function _e(t, e) {
+function Ke(t, e) {
   return `data:${e};base64,${t}`;
 }
-async function ee(t, e, n) {
+async function ie(t, e, n) {
   const r = await fetch(t, e);
   if (r.status === 404)
     throw new Error(`Resource "${r.url}" not found`);
-  const o = await r.blob();
-  return new Promise((i, a) => {
+  const a = await r.blob();
+  return new Promise((i, o) => {
     const c = new FileReader();
-    c.onerror = a, c.onloadend = () => {
+    c.onerror = o, c.onloadend = () => {
       try {
         i(n({ res: r, result: c.result }));
       } catch (l) {
-        a(l);
+        o(l);
       }
-    }, c.readAsDataURL(o);
+    }, c.readAsDataURL(a);
   });
 }
-const ut = {};
-function Ve(t, e, n) {
+const dt = {};
+function Xe(t, e, n) {
   let r = t.replace(/\?.*/, "");
   return n && (r = t), /ttf|otf|eot|woff2?/i.test(r) && (r = r.replace(/.*\//, "")), e ? `[${e}]${r}` : r;
 }
-async function Mt(t, e, n) {
-  const r = Ve(t, e, n.includeQueryParams);
-  if (ut[r] != null)
-    return ut[r];
+async function Lt(t, e, n) {
+  const r = Xe(t, e, n.includeQueryParams);
+  if (dt[r] != null)
+    return dt[r];
   n.cacheBust && (t += (/\?/.test(t) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
-  let o;
+  let a;
   try {
-    const i = await ee(t, n.fetchRequestInit, ({ res: a, result: c }) => (e || (e = a.headers.get("Content-Type") || ""), Ne(c)));
-    o = _e(i, e);
+    const i = await ie(t, n.fetchRequestInit, ({ res: o, result: c }) => (e || (e = o.headers.get("Content-Type") || ""), qe(c)));
+    a = Ke(i, e);
   } catch (i) {
-    o = n.imagePlaceholder || "";
-    let a = `Failed to fetch resource: ${t}`;
-    i && (a = typeof i == "string" ? i : i.message), a && console.warn(a);
+    a = n.imagePlaceholder || "";
+    let o = `Failed to fetch resource: ${t}`;
+    i && (o = typeof i == "string" ? i : i.message), o && console.warn(o);
   }
-  return ut[r] = o, o;
+  return dt[r] = a, a;
 }
-async function ze(t) {
+async function Ye(t) {
   const e = t.toDataURL();
   return e === "data:," ? t.cloneNode(!1) : tt(e);
 }
-async function qe(t, e) {
+async function Ge(t, e) {
   if (t.currentSrc) {
-    const i = document.createElement("canvas"), a = i.getContext("2d");
-    i.width = t.clientWidth, i.height = t.clientHeight, a == null || a.drawImage(t, 0, 0, i.width, i.height);
+    const i = document.createElement("canvas"), o = i.getContext("2d");
+    i.width = t.clientWidth, i.height = t.clientHeight, o == null || o.drawImage(t, 0, 0, i.width, i.height);
     const c = i.toDataURL();
     return tt(c);
   }
-  const n = t.poster, r = Ct(n), o = await Mt(n, r, e);
-  return tt(o);
+  const n = t.poster, r = Mt(n), a = await Lt(n, r, e);
+  return tt(a);
 }
-async function We(t, e) {
+async function Je(t, e) {
   var n;
   try {
     if (!((n = t == null ? void 0 : t.contentDocument) === null || n === void 0) && n.body)
@@ -198,42 +198,42 @@ async function We(t, e) {
   }
   return t.cloneNode(!1);
 }
-async function Ke(t, e) {
-  return E(t, HTMLCanvasElement) ? ze(t) : E(t, HTMLVideoElement) ? qe(t, e) : E(t, HTMLIFrameElement) ? We(t, e) : t.cloneNode(ne(t));
+async function Qe(t, e) {
+  return E(t, HTMLCanvasElement) ? Ye(t) : E(t, HTMLVideoElement) ? Ge(t, e) : E(t, HTMLIFrameElement) ? Je(t, e) : t.cloneNode(ae(t));
 }
-const Xe = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT", ne = (t) => t.tagName != null && t.tagName.toUpperCase() === "SVG";
-async function Ye(t, e, n) {
-  var r, o;
-  if (ne(e))
+const Ze = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT", ae = (t) => t.tagName != null && t.tagName.toUpperCase() === "SVG";
+async function tn(t, e, n) {
+  var r, a;
+  if (ae(e))
     return e;
   let i = [];
-  return Xe(t) && t.assignedNodes ? i = F(t.assignedNodes()) : E(t, HTMLIFrameElement) && (!((r = t.contentDocument) === null || r === void 0) && r.body) ? i = F(t.contentDocument.body.childNodes) : i = F(((o = t.shadowRoot) !== null && o !== void 0 ? o : t).childNodes), i.length === 0 || E(t, HTMLVideoElement) || await i.reduce((a, c) => a.then(() => ot(c, n)).then((l) => {
+  return Ze(t) && t.assignedNodes ? i = H(t.assignedNodes()) : E(t, HTMLIFrameElement) && (!((r = t.contentDocument) === null || r === void 0) && r.body) ? i = H(t.contentDocument.body.childNodes) : i = H(((a = t.shadowRoot) !== null && a !== void 0 ? a : t).childNodes), i.length === 0 || E(t, HTMLVideoElement) || await i.reduce((o, c) => o.then(() => ot(c, n)).then((l) => {
     l && e.appendChild(l);
   }), Promise.resolve()), e;
 }
-function Ge(t, e, n) {
+function en(t, e, n) {
   const r = e.style;
   if (!r)
     return;
-  const o = window.getComputedStyle(t);
-  o.cssText ? (r.cssText = o.cssText, r.transformOrigin = o.transformOrigin) : Zt(n).forEach((i) => {
-    let a = o.getPropertyValue(i);
-    i === "font-size" && a.endsWith("px") && (a = `${Math.floor(parseFloat(a.substring(0, a.length - 2))) - 0.1}px`), E(t, HTMLIFrameElement) && i === "display" && a === "inline" && (a = "block"), i === "d" && e.getAttribute("d") && (a = `path(${e.getAttribute("d")})`), r.setProperty(i, a, o.getPropertyPriority(i));
+  const a = window.getComputedStyle(t);
+  a.cssText ? (r.cssText = a.cssText, r.transformOrigin = a.transformOrigin) : ne(n).forEach((i) => {
+    let o = a.getPropertyValue(i);
+    i === "font-size" && o.endsWith("px") && (o = `${Math.floor(parseFloat(o.substring(0, o.length - 2))) - 0.1}px`), E(t, HTMLIFrameElement) && i === "display" && o === "inline" && (o = "block"), i === "d" && e.getAttribute("d") && (o = `path(${e.getAttribute("d")})`), r.setProperty(i, o, a.getPropertyPriority(i));
   });
 }
-function Je(t, e) {
+function nn(t, e) {
   E(t, HTMLTextAreaElement) && (e.innerHTML = t.value), E(t, HTMLInputElement) && e.setAttribute("value", t.value);
 }
-function Qe(t, e) {
+function rn(t, e) {
   if (E(t, HTMLSelectElement)) {
-    const r = Array.from(e.children).find((o) => t.value === o.getAttribute("value"));
+    const r = Array.from(e.children).find((a) => t.value === a.getAttribute("value"));
     r && r.setAttribute("selected", "");
   }
 }
-function Ze(t, e, n) {
-  return E(e, Element) && (Ge(t, e, n), Be(t, e, n), Je(t, e), Qe(t, e)), e;
+function an(t, e, n) {
+  return E(e, Element) && (en(t, e, n), Ve(t, e, n), nn(t, e), rn(t, e)), e;
 }
-async function tn(t, e) {
+async function on(t, e) {
   const n = t.querySelectorAll ? t.querySelectorAll("use") : [];
   if (n.length === 0)
     return t;
@@ -245,133 +245,133 @@ async function tn(t, e) {
       !l && u && !r[c] && (r[c] = await ot(u, e, !0));
     }
   }
-  const o = Object.values(r);
-  if (o.length) {
-    const i = "http://www.w3.org/1999/xhtml", a = document.createElementNS(i, "svg");
-    a.setAttribute("xmlns", i), a.style.position = "absolute", a.style.width = "0", a.style.height = "0", a.style.overflow = "hidden", a.style.display = "none";
+  const a = Object.values(r);
+  if (a.length) {
+    const i = "http://www.w3.org/1999/xhtml", o = document.createElementNS(i, "svg");
+    o.setAttribute("xmlns", i), o.style.position = "absolute", o.style.width = "0", o.style.height = "0", o.style.overflow = "hidden", o.style.display = "none";
     const c = document.createElementNS(i, "defs");
-    a.appendChild(c);
-    for (let l = 0; l < o.length; l++)
-      c.appendChild(o[l]);
-    t.appendChild(a);
+    o.appendChild(c);
+    for (let l = 0; l < a.length; l++)
+      c.appendChild(a[l]);
+    t.appendChild(o);
   }
   return t;
 }
 async function ot(t, e, n) {
-  return !n && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((r) => Ke(r, e)).then((r) => Ye(t, r, e)).then((r) => Ze(t, r, e)).then((r) => tn(r, e));
+  return !n && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((r) => Qe(r, e)).then((r) => tn(t, r, e)).then((r) => an(t, r, e)).then((r) => on(r, e));
 }
-const re = /url\((['"]?)([^'"]+?)\1\)/g, en = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, nn = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function rn(t) {
+const oe = /url\((['"]?)([^'"]+?)\1\)/g, sn = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, cn = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function ln(t) {
   const e = t.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${e})(['"]?\\))`, "g");
 }
-function on(t) {
+function un(t) {
   const e = [];
-  return t.replace(re, (n, r, o) => (e.push(o), n)), e.filter((n) => !mt(n));
+  return t.replace(oe, (n, r, a) => (e.push(a), n)), e.filter((n) => !gt(n));
 }
-async function an(t, e, n, r, o) {
+async function dn(t, e, n, r, a) {
   try {
-    const i = n ? Le(e, n) : e, a = Ct(e);
+    const i = n ? ke(e, n) : e, o = Mt(e);
     let c;
-    return o || (c = await Mt(i, a, r)), t.replace(rn(e), `$1${c}$3`);
+    return a || (c = await Lt(i, o, r)), t.replace(ln(e), `$1${c}$3`);
   } catch {
   }
   return t;
 }
-function sn(t, { preferredFontFormat: e }) {
-  return e ? t.replace(nn, (n) => {
+function fn(t, { preferredFontFormat: e }) {
+  return e ? t.replace(cn, (n) => {
     for (; ; ) {
-      const [r, , o] = en.exec(n) || [];
-      if (!o)
+      const [r, , a] = sn.exec(n) || [];
+      if (!a)
         return "";
-      if (o === e)
+      if (a === e)
         return `src: ${r};`;
     }
   }) : t;
 }
-function ie(t) {
-  return t.search(re) !== -1;
+function se(t) {
+  return t.search(oe) !== -1;
 }
-async function oe(t, e, n) {
-  if (!ie(t))
+async function ce(t, e, n) {
+  if (!se(t))
     return t;
-  const r = sn(t, n);
-  return on(r).reduce((i, a) => i.then((c) => an(c, a, e, n)), Promise.resolve(r));
+  const r = fn(t, n);
+  return un(r).reduce((i, o) => i.then((c) => dn(c, o, e, n)), Promise.resolve(r));
 }
-async function z(t, e, n) {
+async function W(t, e, n) {
   var r;
-  const o = (r = e.style) === null || r === void 0 ? void 0 : r.getPropertyValue(t);
-  if (o) {
-    const i = await oe(o, null, n);
+  const a = (r = e.style) === null || r === void 0 ? void 0 : r.getPropertyValue(t);
+  if (a) {
+    const i = await ce(a, null, n);
     return e.style.setProperty(t, i, e.style.getPropertyPriority(t)), !0;
   }
   return !1;
 }
-async function cn(t, e) {
-  await z("background", t, e) || await z("background-image", t, e), await z("mask", t, e) || await z("-webkit-mask", t, e) || await z("mask-image", t, e) || await z("-webkit-mask-image", t, e);
+async function hn(t, e) {
+  await W("background", t, e) || await W("background-image", t, e), await W("mask", t, e) || await W("-webkit-mask", t, e) || await W("mask-image", t, e) || await W("-webkit-mask-image", t, e);
 }
-async function ln(t, e) {
+async function pn(t, e) {
   const n = E(t, HTMLImageElement);
-  if (!(n && !mt(t.src)) && !(E(t, SVGImageElement) && !mt(t.href.baseVal)))
+  if (!(n && !gt(t.src)) && !(E(t, SVGImageElement) && !gt(t.href.baseVal)))
     return;
-  const r = n ? t.src : t.href.baseVal, o = await Mt(r, Ct(r), e);
-  await new Promise((i, a) => {
+  const r = n ? t.src : t.href.baseVal, a = await Lt(r, Mt(r), e);
+  await new Promise((i, o) => {
     t.onload = i, t.onerror = e.onImageErrorHandler ? (...l) => {
       try {
         i(e.onImageErrorHandler(...l));
       } catch (u) {
-        a(u);
+        o(u);
       }
-    } : a;
+    } : o;
     const c = t;
-    c.decode && (c.decode = i), c.loading === "lazy" && (c.loading = "eager"), n ? (t.srcset = "", t.src = o) : t.href.baseVal = o;
+    c.decode && (c.decode = i), c.loading === "lazy" && (c.loading = "eager"), n ? (t.srcset = "", t.src = a) : t.href.baseVal = a;
   });
 }
-async function un(t, e) {
-  const r = F(t.childNodes).map((o) => ae(o, e));
+async function mn(t, e) {
+  const r = H(t.childNodes).map((a) => le(a, e));
   await Promise.all(r).then(() => t);
 }
-async function ae(t, e) {
-  E(t, Element) && (await cn(t, e), await ln(t, e), await un(t, e));
+async function le(t, e) {
+  E(t, Element) && (await hn(t, e), await pn(t, e), await mn(t, e));
 }
-function dn(t, e) {
+function yn(t, e) {
   const { style: n } = t;
   e.backgroundColor && (n.backgroundColor = e.backgroundColor), e.width && (n.width = `${e.width}px`), e.height && (n.height = `${e.height}px`);
   const r = e.style;
-  return r != null && Object.keys(r).forEach((o) => {
-    n[o] = r[o];
+  return r != null && Object.keys(r).forEach((a) => {
+    n[a] = r[a];
   }), t;
 }
-const Dt = {};
-async function Bt(t) {
-  let e = Dt[t];
+const Nt = {};
+async function jt(t) {
+  let e = Nt[t];
   if (e != null)
     return e;
   const r = await (await fetch(t)).text();
-  return e = { url: t, cssText: r }, Dt[t] = e, e;
+  return e = { url: t, cssText: r }, Nt[t] = e, e;
 }
-async function Ut(t, e) {
+async function _t(t, e) {
   let n = t.cssText;
-  const r = /url\(["']?([^"')]+)["']?\)/g, i = (n.match(/url\([^)]+\)/g) || []).map(async (a) => {
-    let c = a.replace(r, "$1");
-    return c.startsWith("https://") || (c = new URL(c, t.url).href), ee(c, e.fetchRequestInit, ({ result: l }) => (n = n.replace(a, `url(${l})`), [a, l]));
+  const r = /url\(["']?([^"')]+)["']?\)/g, i = (n.match(/url\([^)]+\)/g) || []).map(async (o) => {
+    let c = o.replace(r, "$1");
+    return c.startsWith("https://") || (c = new URL(c, t.url).href), ie(c, e.fetchRequestInit, ({ result: l }) => (n = n.replace(o, `url(${l})`), [o, l]));
   });
   return Promise.all(i).then(() => n);
 }
-function jt(t) {
+function Vt(t) {
   if (t == null)
     return [];
   const e = [], n = /(\/\*[\s\S]*?\*\/)/gi;
   let r = t.replace(n, "");
-  const o = new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
+  const a = new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
   for (; ; ) {
-    const l = o.exec(r);
+    const l = a.exec(r);
     if (l === null)
       break;
     e.push(l[0]);
   }
-  r = r.replace(o, "");
-  const i = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, a = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", c = new RegExp(a, "gi");
+  r = r.replace(a, "");
+  const i = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, o = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", c = new RegExp(o, "gi");
   for (; ; ) {
     let l = i.exec(r);
     if (l === null) {
@@ -384,21 +384,21 @@ function jt(t) {
   }
   return e;
 }
-async function fn(t, e) {
+async function gn(t, e) {
   const n = [], r = [];
-  return t.forEach((o) => {
-    if ("cssRules" in o)
+  return t.forEach((a) => {
+    if ("cssRules" in a)
       try {
-        F(o.cssRules || []).forEach((i, a) => {
+        H(a.cssRules || []).forEach((i, o) => {
           if (i.type === CSSRule.IMPORT_RULE) {
-            let c = a + 1;
-            const l = i.href, u = Bt(l).then((f) => Ut(f, e)).then((f) => jt(f).forEach((p) => {
+            let c = o + 1;
+            const l = i.href, u = jt(l).then((f) => _t(f, e)).then((f) => Vt(f).forEach((m) => {
               try {
-                o.insertRule(p, p.startsWith("@import") ? c += 1 : o.cssRules.length);
-              } catch (m) {
+                a.insertRule(m, m.startsWith("@import") ? c += 1 : a.cssRules.length);
+              } catch (y) {
                 console.error("Error inserting rule from remote css", {
-                  rule: p,
-                  error: m
+                  rule: m,
+                  error: y
                 });
               }
             })).catch((f) => {
@@ -408,78 +408,78 @@ async function fn(t, e) {
           }
         });
       } catch (i) {
-        const a = t.find((c) => c.href == null) || document.styleSheets[0];
-        o.href != null && r.push(Bt(o.href).then((c) => Ut(c, e)).then((c) => jt(c).forEach((l) => {
-          a.insertRule(l, a.cssRules.length);
+        const o = t.find((c) => c.href == null) || document.styleSheets[0];
+        a.href != null && r.push(jt(a.href).then((c) => _t(c, e)).then((c) => Vt(c).forEach((l) => {
+          o.insertRule(l, o.cssRules.length);
         })).catch((c) => {
           console.error("Error loading remote stylesheet", c);
         })), console.error("Error inlining remote css file", i);
       }
-  }), Promise.all(r).then(() => (t.forEach((o) => {
-    if ("cssRules" in o)
+  }), Promise.all(r).then(() => (t.forEach((a) => {
+    if ("cssRules" in a)
       try {
-        F(o.cssRules || []).forEach((i) => {
+        H(a.cssRules || []).forEach((i) => {
           n.push(i);
         });
       } catch (i) {
-        console.error(`Error while reading CSS rules from ${o.href}`, i);
+        console.error(`Error while reading CSS rules from ${a.href}`, i);
       }
   }), n));
 }
-function hn(t) {
-  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => ie(e.style.getPropertyValue("src")));
+function wn(t) {
+  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => se(e.style.getPropertyValue("src")));
 }
-async function pn(t, e) {
+async function bn(t, e) {
   if (t.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const n = F(t.ownerDocument.styleSheets), r = await fn(n, e);
-  return hn(r);
+  const n = H(t.ownerDocument.styleSheets), r = await gn(n, e);
+  return wn(r);
 }
-function se(t) {
+function ue(t) {
   return t.trim().replace(/["']/g, "");
 }
-function mn(t) {
+function vn(t) {
   const e = /* @__PURE__ */ new Set();
   function n(r) {
     (r.style.fontFamily || getComputedStyle(r).fontFamily).split(",").forEach((i) => {
-      e.add(se(i));
+      e.add(ue(i));
     }), Array.from(r.children).forEach((i) => {
       i instanceof HTMLElement && n(i);
     });
   }
   return n(t), e;
 }
-async function yn(t, e) {
-  const n = await pn(t, e), r = mn(t);
-  return (await Promise.all(n.filter((i) => r.has(se(i.style.fontFamily))).map((i) => {
-    const a = i.parentStyleSheet ? i.parentStyleSheet.href : null;
-    return oe(i.cssText, a, e);
+async function Sn(t, e) {
+  const n = await bn(t, e), r = vn(t);
+  return (await Promise.all(n.filter((i) => r.has(ue(i.style.fontFamily))).map((i) => {
+    const o = i.parentStyleSheet ? i.parentStyleSheet.href : null;
+    return ce(i.cssText, o, e);
   }))).join(`
 `);
 }
-async function gn(t, e) {
-  const n = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await yn(t, e);
+async function xn(t, e) {
+  const n = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await Sn(t, e);
   if (n) {
-    const r = document.createElement("style"), o = document.createTextNode(n);
-    r.appendChild(o), t.firstChild ? t.insertBefore(r, t.firstChild) : t.appendChild(r);
+    const r = document.createElement("style"), a = document.createTextNode(n);
+    r.appendChild(a), t.firstChild ? t.insertBefore(r, t.firstChild) : t.appendChild(r);
   }
 }
-async function wn(t, e = {}) {
-  const { width: n, height: r } = te(t, e), o = await ot(t, e, !0);
-  return await gn(o, e), await ae(o, e), dn(o, e), await Oe(o, n, r);
+async function En(t, e = {}) {
+  const { width: n, height: r } = re(t, e), a = await ot(t, e, !0);
+  return await xn(a, e), await le(a, e), yn(a, e), await Ue(a, n, r);
 }
-async function bn(t, e = {}) {
-  const { width: n, height: r } = te(t, e), o = await wn(t, e), i = await tt(o), a = document.createElement("canvas"), c = a.getContext("2d"), l = e.pixelRatio || ke(), u = e.canvasWidth || n, f = e.canvasHeight || r;
-  return a.width = u * l, a.height = f * l, e.skipAutoScale || Te(a), a.style.width = `${u}`, a.style.height = `${f}`, e.backgroundColor && (c.fillStyle = e.backgroundColor, c.fillRect(0, 0, a.width, a.height)), c.drawImage(i, 0, 0, a.width, a.height), a;
+async function Cn(t, e = {}) {
+  const { width: n, height: r } = re(t, e), a = await En(t, e), i = await tt(a), o = document.createElement("canvas"), c = o.getContext("2d"), l = e.pixelRatio || He(), u = e.canvasWidth || n, f = e.canvasHeight || r;
+  return o.width = u * l, o.height = f * l, e.skipAutoScale || De(o), o.style.width = `${u}`, o.style.height = `${f}`, e.backgroundColor && (c.fillStyle = e.backgroundColor, c.fillRect(0, 0, o.width, o.height)), c.drawImage(i, 0, 0, o.width, o.height), o;
 }
-async function Nt(t, e = {}) {
-  return (await bn(t, e)).toDataURL();
+async function Wt(t, e = {}) {
+  return (await Cn(t, e)).toDataURL();
 }
-const et = "data-nf-capture-chrome", Sn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==";
-function vn(t) {
+const et = "data-nf-capture-chrome", An = "data-nf-canvas-snap", Mn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==";
+function de(t) {
   return t instanceof Element && (t.hasAttribute(et) || t.hasAttribute("data-nf-mask-cover") || t.id === "notefully");
 }
-function xn() {
+function Ln() {
   const t = [];
   return Array.from(document.styleSheets).forEach((e) => {
     try {
@@ -503,11 +503,11 @@ function xn() {
     });
   };
 }
-function En() {
+function Rn() {
   const t = [];
   return document.querySelectorAll('input[type="password"], [data-notefully-mask]').forEach((n) => {
-    const r = n.getBoundingClientRect(), o = document.createElement("div");
-    o.setAttribute("data-nf-mask-cover", "1"), o.style.cssText = [
+    const r = n.getBoundingClientRect(), a = document.createElement("div");
+    a.setAttribute("data-nf-mask-cover", "1"), a.style.cssText = [
       "position:fixed",
       `left:${r.left}px`,
       `top:${r.top}px`,
@@ -516,59 +516,148 @@ function En() {
       "background:#111",
       "z-index:2147483646",
       "pointer-events:none"
-    ].join(";"), document.body.appendChild(o), t.push(o);
+    ].join(";"), document.body.appendChild(a), t.push(a);
   }), () => t.forEach((n) => n.remove());
 }
-function Cn() {
+function $n() {
   const t = document.querySelector(`[${et}]`);
   if (t)
     return t;
   const e = document.createElement("div");
   return e.setAttribute(et, "1"), e.className = "nf-capture-chrome", e.setAttribute("role", "status"), e.setAttribute("aria-live", "polite"), e.innerHTML = '<span class="nf-capture-chrome-pill">Capturing…</span>', document.body.appendChild(e), e;
 }
-function Mn() {
+function Tn() {
   document.querySelectorAll(`[${et}]`).forEach((t) => t.remove());
 }
-async function An() {
-  const t = document.getElementById("notefully"), e = t ? t.style.display : "", n = Cn(), r = xn();
-  t && (t.style.display = "none");
-  const o = En();
-  await new Promise((a) => requestAnimationFrame(() => requestAnimationFrame(a)));
-  const i = {
-    cacheBust: !0,
-    pixelRatio: Math.min(window.devicePixelRatio || 1, 2),
-    filter: (a) => !vn(a),
-    // 404 / CORS images must not abort the whole capture.
-    imagePlaceholder: Sn,
-    onImageErrorHandler: () => {
+function wt() {
+  return new Promise((t) => {
+    requestAnimationFrame(() => requestAnimationFrame(t));
+  });
+}
+async function Pn() {
+  const t = [], e = Array.from(document.querySelectorAll("canvas"));
+  for (const n of e) {
+    if (n.closest("#notefully") || de(n))
+      continue;
+    let r = "";
+    try {
+      r = n.toDataURL("image/png");
+    } catch {
+      continue;
     }
+    if (!r || r === "data:,")
+      continue;
+    const a = document.createElement("img"), i = getComputedStyle(n);
+    a.setAttribute(An, "1"), a.alt = "", a.src = r, a.className = n.className, a.style.cssText = n.style.cssText, a.style.width = i.width, a.style.height = i.height, a.style.maxWidth = i.maxWidth, a.style.maxHeight = i.maxHeight, a.style.objectFit = "fill", a.style.display = i.display === "inline" ? "inline-block" : i.display, n.replaceWith(a), t.push({ canvas: n, img: a });
+  }
+  return await Promise.all(t.map(({ img: n }) => {
+    if (!n.complete)
+      return new Promise((r) => {
+        n.onload = () => r(), n.onerror = () => r();
+      });
+  })), () => {
+    t.forEach(({ canvas: n, img: r }) => {
+      try {
+        r.parentNode && r.replaceWith(n);
+      } catch {
+      }
+    });
   };
+}
+async function kn(t) {
+  if (!t)
+    return null;
+  if (typeof t == "string")
+    return t.startsWith("data:") ? t : null;
+  if (typeof HTMLCanvasElement < "u" && t instanceof HTMLCanvasElement)
+    try {
+      return t.toDataURL("image/png");
+    } catch {
+      return null;
+    }
+  return typeof Blob < "u" && t instanceof Blob ? In(t) : null;
+}
+async function In(t) {
+  if (typeof FileReader == "function")
+    return new Promise((r, a) => {
+      const i = new FileReader();
+      i.onload = () => r(String(i.result || "")), i.onerror = () => a(i.error || new Error("Could not read capture blob")), i.readAsDataURL(t);
+    });
+  const e = Buffer.from(await t.arrayBuffer());
+  return `data:${t.type || "application/octet-stream"};base64,${e.toString("base64")}`;
+}
+async function On() {
+  var e;
+  if (!((e = navigator.mediaDevices) != null && e.getDisplayMedia))
+    throw new Error("Screen capture is not supported in this browser.");
+  const t = await navigator.mediaDevices.getDisplayMedia({
+    video: { displaySurface: "browser" },
+    audio: !1,
+    preferCurrentTab: !0,
+    selfBrowserSurface: "include"
+  });
+  try {
+    const n = document.createElement("video");
+    n.muted = !0, n.playsInline = !0, n.srcObject = t, await n.play(), n.videoWidth || await new Promise((o) => {
+      n.onloadedmetadata = () => o();
+    }), await wt();
+    const r = n.videoWidth || 1, a = n.videoHeight || 1, i = document.createElement("canvas");
+    return i.width = r, i.height = a, i.getContext("2d").drawImage(n, 0, 0, r, a), i.toDataURL("image/png");
+  } finally {
+    t.getTracks().forEach((n) => n.stop());
+  }
+}
+async function fe(t = {}) {
+  const e = document.getElementById("notefully"), n = e ? e.style.display : "", r = $n(), a = Ln();
+  let i = () => {
+  };
+  e && (e.style.display = "none");
+  const o = Rn();
   try {
+    if (typeof t.onBeforeCapture == "function" && await t.onBeforeCapture(), await wt(), typeof t.capture == "function") {
+      const l = await kn(await t.capture());
+      if (l)
+        return l;
+    }
+    i = await Pn(), await wt();
+    const c = {
+      cacheBust: !0,
+      pixelRatio: Math.min(window.devicePixelRatio || 1, 2),
+      filter: (l) => !de(l),
+      // 404 / CORS images must not abort the whole capture.
+      imagePlaceholder: Mn,
+      onImageErrorHandler: () => {
+      }
+    };
     try {
-      return await Nt(document.body, i);
+      return await Wt(document.body, c);
     } catch {
-      return await Nt(document.body, { ...i, skipFonts: !0 });
+      return await Wt(document.body, { ...c, skipFonts: !0 });
     }
   } finally {
-    o(), r(), n.remove(), Mn(), t && (t.style.display = e);
+    try {
+      i();
+    } catch {
+    }
+    o(), a(), r.remove(), Tn(), e && (e.style.display = n);
   }
 }
-function Ln(t = "") {
+function Bn(t = "") {
   const e = String(t || "");
   return e ? /Windows NT/i.test(e) ? "Windows" : /iPhone|iPad|iPod/i.test(e) ? "iOS" : /Mac OS X|Macintosh/i.test(e) ? "macOS" : /Android/i.test(e) ? "Android" : /CrOS/i.test(e) ? "ChromeOS" : /Linux/i.test(e) ? "Linux" : "Other" : "";
 }
-function Rn(t = "") {
+function Hn(t = "") {
   const e = String(t || "");
   return e ? /Edg\//i.test(e) ? "Edge" : /OPR\/|Opera/i.test(e) ? "Opera" : /Firefox\//i.test(e) ? "Firefox" : /Chrome\//i.test(e) || /CriOS\//i.test(e) ? "Chrome" : /Safari\//i.test(e) ? "Safari" : "Other" : "";
 }
-function $n(t = {}) {
+function Dn(t = {}) {
   const e = navigator.userAgent;
   return {
     url: location.href,
     title: document.title,
     userAgent: e,
-    os: Ln(e),
-    browser: Rn(e),
+    os: Bn(e),
+    browser: Hn(e),
     language: navigator.language,
     timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
     viewport: {
@@ -583,11 +672,11 @@ function $n(t = {}) {
     }
   };
 }
-const _t = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Vt = {
+const zt = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), qt = {
   id: "userId",
   username: "displayName",
   name: "displayName"
-}, zt = /* @__PURE__ */ new Set([
+}, Kt = /* @__PURE__ */ new Set([
   "endpoint",
   "projectKey",
   "version",
@@ -597,8 +686,10 @@ const _t = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Vt = {
   "theme",
   "video",
   "consoleLogLimit",
-  "kinds"
-]), qt = {
+  "kinds",
+  "capture",
+  "onBeforeCapture"
+]), Xt = {
   slug: "Use init({ name }) for a per-app report prefix (same idea as package.json name). slug is not a widget option.",
   projectSlug: "Use init({ name }) for a per-app report prefix. projectSlug is not a widget option.",
   project: "Pass projectKey (nfk_…) from Showfully Notefully settings — there is no project option on the widget.",
@@ -607,60 +698,60 @@ const _t = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Vt = {
   email: "Pass people via Notefully.identify({ userId, email, displayName }), not init().",
   displayName: "Pass people via Notefully.identify({ userId, email, displayName }), not init()."
 };
-function Pn(t = {}, e = {}) {
-  const n = e.warn || ce, r = t && typeof t == "object" ? t : {}, o = {}, i = [];
-  for (const a of _t)
-    Object.prototype.hasOwnProperty.call(r, a) && (o[a] = r[a]);
-  for (const [a, c] of Object.entries(Vt))
-    Object.prototype.hasOwnProperty.call(r, a) && (Object.prototype.hasOwnProperty.call(o, c) || (o[c] = r[a]));
-  for (const a of Object.keys(r))
-    _t.has(a) || Object.prototype.hasOwnProperty.call(Vt, a) || i.push(a);
+function Fn(t = {}, e = {}) {
+  const n = e.warn || he, r = t && typeof t == "object" ? t : {}, a = {}, i = [];
+  for (const o of zt)
+    Object.prototype.hasOwnProperty.call(r, o) && (a[o] = r[o]);
+  for (const [o, c] of Object.entries(qt))
+    Object.prototype.hasOwnProperty.call(r, o) && (Object.prototype.hasOwnProperty.call(a, c) || (a[c] = r[o]));
+  for (const o of Object.keys(r))
+    zt.has(o) || Object.prototype.hasOwnProperty.call(qt, o) || i.push(o);
   if (i.length) {
-    const a = i.some((c) => c === "name" || c === "slug" || c === "projectSlug") ? " Pass the package/report name via Notefully.init({ name }), not identify()." : "";
+    const o = i.some((c) => c === "name" || c === "slug" || c === "projectSlug") ? " Pass the package/report name via Notefully.init({ name }), not identify()." : "";
     n(
-      `Notefully.identify: ignoring unknown key(s): ${i.join(", ")}. Supported: userId, email, displayName (aliases: id → userId; username/name → displayName).` + a
+      `Notefully.identify: ignoring unknown key(s): ${i.join(", ")}. Supported: userId, email, displayName (aliases: id → userId; username/name → displayName).` + o
     );
   }
-  return o;
-}
-function kn(t = {}, e = {}) {
-  const n = e.warn || ce, r = t && typeof t == "object" ? t : {}, o = Object.keys(r).filter((i) => !zt.has(i));
-  if (o.length)
-    for (const i of o) {
-      if (qt[i]) {
-        n(`Notefully.init: ignoring "${i}". ${qt[i]}`);
+  return a;
+}
+function Un(t = {}, e = {}) {
+  const n = e.warn || he, r = t && typeof t == "object" ? t : {}, a = Object.keys(r).filter((i) => !Kt.has(i));
+  if (a.length)
+    for (const i of a) {
+      if (Xt[i]) {
+        n(`Notefully.init: ignoring "${i}". ${Xt[i]}`);
         continue;
       }
       n(
-        `Notefully.init: ignoring unknown key "${i}". Supported: ${[...zt].join(", ")}.`
+        `Notefully.init: ignoring unknown key "${i}". Supported: ${[...Kt].join(", ")}.`
       );
     }
 }
-function ce(t) {
+function he(t) {
   typeof console < "u" && typeof console.warn == "function" && console.warn(t);
 }
-const Tn = 80;
-function In() {
+const Nn = 80;
+function jn() {
   const t = [], e = {};
   let n = !1;
-  const r = (i, a) => {
+  const r = (i, o) => {
     let c = "";
     try {
-      c = a.map((l) => l instanceof Error ? l.stack || l.message : typeof l == "string" ? l : JSON.stringify(l)).join(" ");
+      c = o.map((l) => l instanceof Error ? l.stack || l.message : typeof l == "string" ? l : JSON.stringify(l)).join(" ");
     } catch {
-      c = String(a[0]);
+      c = String(o[0]);
     }
     t.push({
       level: i,
       text: c.slice(0, 2e3),
       at: Date.now()
-    }), t.length > Tn && t.shift();
+    }), t.length > Nn && t.shift();
   };
   return {
     hook: () => {
       n || typeof window > "u" || (n = !0, ["log", "info", "warn", "error"].forEach((i) => {
-        e[i] = console[i].bind(console), console[i] = (...a) => {
-          r(i, a), e[i](...a);
+        e[i] = console[i].bind(console), console[i] = (...o) => {
+          r(i, o), e[i](...o);
         };
       }), window.addEventListener("error", (i) => {
         r("error", [i.message || "window.error"]);
@@ -673,10 +764,10 @@ function In() {
     }
   };
 }
-function On(t) {
+function _n(t) {
   const e = window.SpeechRecognition || window.webkitSpeechRecognition;
   let n = null, r = !1;
-  const o = () => {
+  const a = () => {
     if (r = !1, n)
       try {
         n.stop();
@@ -687,10 +778,10 @@ function On(t) {
     start: () => {
       if (!e)
         throw new Error("Speech recognition is not supported in this browser.");
-      return r ? (o(), !1) : (n = new e(), n.continuous = !0, n.interimResults = !0, n.lang = navigator.language || "en-US", n.onresult = (a) => {
+      return r ? (a(), !1) : (n = new e(), n.continuous = !0, n.interimResults = !0, n.lang = navigator.language || "en-US", n.onresult = (o) => {
         let c = "";
-        for (let l = a.resultIndex; l < a.results.length; l += 1)
-          a.results[l].isFinal && (c += a.results[l][0].transcript);
+        for (let l = o.resultIndex; l < o.results.length; l += 1)
+          o.results[l].isFinal && (c += o.results[l][0].transcript);
         c && t(c);
       }, n.onerror = () => {
         r = !1;
@@ -698,30 +789,30 @@ function On(t) {
         r = !1;
       }, n.start(), r = !0, !0);
     },
-    stop: o,
+    stop: a,
     isSupported: () => !!e,
     isActive: () => r
   };
 }
-const Hn = 60 * 1e3;
-function Fn({ onStart: t, onStop: e, onError: n }) {
-  let r = null, o = null, i = [], a = null;
+const Vn = 60 * 1e3;
+function Wn({ onStart: t, onStop: e, onError: n }) {
+  let r = null, a = null, i = [], o = null;
   const c = () => {
-    if (a && (clearTimeout(a), a = null), o && o.state !== "inactive")
+    if (o && (clearTimeout(o), o = null), a && a.state !== "inactive")
       try {
-        o.stop();
+        a.stop();
       } catch {
       }
     r && (r.getTracks().forEach((f) => f.stop()), r = null);
   }, l = () => {
-    if (o && o.state === "recording") {
-      o.stop();
+    if (a && a.state === "recording") {
+      a.stop();
       return;
     }
     c(), e(null);
   };
   return { start: async () => {
-    var f, p;
+    var f, m;
     if (!((f = navigator.mediaDevices) != null && f.getDisplayMedia))
       throw new Error("Screen recording is not supported in this browser.");
     r = await navigator.mediaDevices.getDisplayMedia({
@@ -729,17 +820,17 @@ function Fn({ onStart: t, onStop: e, onError: n }) {
       audio: !1,
       preferCurrentTab: !0,
       selfBrowserSurface: "include"
-    }), i = [], o = new MediaRecorder(r, {
+    }), i = [], a = new MediaRecorder(r, {
       mimeType: MediaRecorder.isTypeSupported("video/webm;codecs=vp9") ? "video/webm;codecs=vp9" : "video/webm"
-    }), o.ondataavailable = (m) => {
-      m.data && m.data.size && i.push(m.data);
-    }, o.onstop = () => {
-      const m = i.length ? new Blob(i, { type: o.mimeType || "video/webm" }) : null;
-      c(), e(m);
-    }, (p = r.getVideoTracks()[0]) == null || p.addEventListener("ended", () => l()), o.start(), a = setTimeout(l, Hn);
+    }), a.ondataavailable = (y) => {
+      y.data && y.data.size && i.push(y.data);
+    }, a.onstop = () => {
+      const y = i.length ? new Blob(i, { type: a.mimeType || "video/webm" }) : null;
+      c(), e(y);
+    }, (m = r.getVideoTracks()[0]) == null || m.addEventListener("ended", () => l()), a.start(), o = setTimeout(l, Vn);
   }, stop: l };
 }
-function Dn() {
+function zn() {
   const t = /* @__PURE__ */ new Set();
   return {
     alloc() {
@@ -757,24 +848,24 @@ function Dn() {
     }
   };
 }
-const dt = { x: 0, y: 0, w: 1, h: 1 };
-function le() {
-  const t = Dn();
-  let e = [], n = { ...dt }, r = 1;
+const ft = { x: 0, y: 0, w: 1, h: 1 };
+function Rt() {
+  const t = zn();
+  let e = [], n = { ...ft }, r = 1;
   return {
-    list: () => e.filter((i) => Un(i, n)),
+    list: () => e.filter((i) => Kn(i, n)),
     all: () => e.slice(),
     crop: () => ({ ...n }),
     setCrop(i) {
-      return n = Bn(i), n;
+      return n = qn(i), n;
     },
     resetCrop() {
-      return n = { ...dt }, n;
+      return n = { ...ft }, n;
     },
     isCropped() {
       return n.x > 1e-6 || n.y > 1e-6 || n.w < 1 - 1e-6 || n.h < 1 - 1e-6;
     },
-    add(i, a) {
+    add(i, o) {
       const c = {
         id: `s${r++}`,
         type: i,
@@ -785,36 +876,36 @@ function le() {
         h: i === "arrow" ? 0.05 : 0.16,
         x2: 0.4,
         y2: 0.28,
-        ...a
+        ...o
       };
       return e.push(c), c;
     },
-    update(i, a) {
+    update(i, o) {
       const c = e.find((l) => l.id === i);
-      return c ? (Object.assign(c, a), c) : null;
+      return c ? (Object.assign(c, o), c) : null;
     },
     remove(i) {
-      const a = e.findIndex((l) => l.id === i);
-      if (a < 0)
+      const o = e.findIndex((l) => l.id === i);
+      if (o < 0)
         return null;
-      const [c] = e.splice(a, 1);
+      const [c] = e.splice(o, 1);
       return t.free(c.number), c;
     },
     reset() {
-      for (e = [], n = { ...dt }, r = 1; t.peekUsed().length; )
+      for (e = [], n = { ...ft }, r = 1; t.peekUsed().length; )
         t.free(t.peekUsed()[0]);
     }
   };
 }
-function Bn(t) {
-  const e = Math.min(Math.max(t.x, 0), 0.95), n = Math.min(Math.max(t.y, 0), 0.95), r = Math.min(Math.max(t.w, 0.05), 1 - e), o = Math.min(Math.max(t.h, 0.05), 1 - n);
-  return { x: e, y: n, w: r, h: o };
+function qn(t) {
+  const e = Math.min(Math.max(t.x, 0), 0.95), n = Math.min(Math.max(t.y, 0), 0.95), r = Math.min(Math.max(t.w, 0.05), 1 - e), a = Math.min(Math.max(t.h, 0.05), 1 - n);
+  return { x: e, y: n, w: r, h: a };
 }
-function Un(t, e) {
+function Kn(t, e) {
   const n = t.type === "arrow" ? (t.x + (t.x2 ?? t.x)) / 2 : t.x + (t.w || 0) / 2, r = t.type === "arrow" ? (t.y + (t.y2 ?? t.y)) / 2 : t.y + (t.h || 0) / 2;
   return n >= e.x && r >= e.y && n <= e.x + e.w && r <= e.y + e.h;
 }
-function At(t) {
+function $t(t) {
   const e = Math.max(1, Number(t) || 1);
   return {
     stroke: Math.max(2, e * 75e-4),
@@ -824,147 +915,148 @@ function At(t) {
     arrowHeadAngle: 0.4
   };
 }
-function jn(t, {
+function Xn(t, {
   stickers: e = [],
   crop: n = { x: 0, y: 0, w: 1, h: 1 },
   width: r,
-  height: o,
+  height: a,
   colors: i = {}
 }) {
-  const a = i.mark || "#fdd341", c = i.markText || "#2a2140", l = At(r);
-  t.save(), t.lineWidth = l.stroke, t.lineCap = "round", t.lineJoin = "round", t.strokeStyle = a, t.fillStyle = a, t.font = `700 ${Math.round(l.fontSize)}px ui-sans-serif, system-ui, sans-serif`, e.forEach((u) => {
-    const f = yt(u.x, n, r), p = gt(u.y, n, o), m = u.w / n.w * r, x = u.h / n.h * o, A = l.stroke / 2;
+  const o = i.mark || "#fdd341", c = i.markText || "#2a2140", l = $t(r);
+  t.save(), t.lineWidth = l.stroke, t.lineCap = "round", t.lineJoin = "round", t.strokeStyle = o, t.fillStyle = o, t.font = `700 ${Math.round(l.fontSize)}px ui-sans-serif, system-ui, sans-serif`, e.forEach((u) => {
+    const f = bt(u.x, n, r), m = vt(u.y, n, a), y = u.w / n.w * r, x = u.h / n.h * a, L = l.stroke / 2;
     if (u.type === "rect")
       t.strokeRect(
-        f + A,
-        p + A,
-        Math.max(0, m - l.stroke),
+        f + L,
+        m + L,
+        Math.max(0, y - l.stroke),
         Math.max(0, x - l.stroke)
       );
     else if (u.type === "circle")
       t.beginPath(), t.ellipse(
-        f + m / 2,
-        p + x / 2,
-        Math.max(0.5, m / 2 - A),
-        Math.max(0.5, x / 2 - A),
+        f + y / 2,
+        m + x / 2,
+        Math.max(0.5, y / 2 - L),
+        Math.max(0.5, x / 2 - L),
         0,
         0,
         Math.PI * 2
       ), t.stroke();
     else if (u.type === "arrow") {
-      const j = yt(u.x2 ?? u.x + u.w, n, r), N = gt(u.y2 ?? u.y, n, o);
-      _n(t, f, p, j, N, l);
+      const N = bt(u.x2 ?? u.x + u.w, n, r), j = vt(u.y2 ?? u.y, n, a);
+      Gn(t, f, m, N, j, l);
     }
     if (u.number == null || u.number === "")
       return;
-    const k = Nn(u, n, r, o, f, p, m), q = String(u.number);
-    t.beginPath(), t.arc(k.x, k.y, l.badgeRadius, 0, Math.PI * 2), t.fillStyle = a, t.fill(), t.fillStyle = c, t.textAlign = "center", t.textBaseline = "middle", t.fillText(q, k.x, k.y + 0.5), t.fillStyle = a;
+    const I = Yn(u, n, r, a, f, m, y), K = String(u.number);
+    t.beginPath(), t.arc(I.x, I.y, l.badgeRadius, 0, Math.PI * 2), t.fillStyle = o, t.fill(), t.fillStyle = c, t.textAlign = "center", t.textBaseline = "middle", t.fillText(K, I.x, I.y + 0.5), t.fillStyle = o;
   }), t.restore();
 }
-function yt(t, e, n) {
+function bt(t, e, n) {
   return (t - e.x) / e.w * n;
 }
-function gt(t, e, n) {
+function vt(t, e, n) {
   return (t - e.y) / e.h * n;
 }
-function Nn(t, e, n, r, o, i, a) {
+function Yn(t, e, n, r, a, i, o) {
   if (t.type === "arrow") {
-    const c = yt(t.x2 ?? t.x + t.w, e, n), l = gt(t.y2 ?? t.y, e, r);
+    const c = bt(t.x2 ?? t.x + t.w, e, n), l = vt(t.y2 ?? t.y, e, r);
     return {
-      x: (o + c) / 2,
+      x: (a + c) / 2,
       y: (i + l) / 2
     };
   }
-  return { x: o + a / 2, y: i };
+  return { x: a + o / 2, y: i };
 }
-function ue(t, e, n, r, o) {
-  const i = Math.atan2(r - e, n - t), a = o.arrowHead, c = Math.min(o.stroke, a * 0.2), l = n, u = r, f = n - Math.cos(i) * a, p = r - Math.sin(i) * a, m = {
-    x: l - a * Math.cos(i - o.arrowHeadAngle),
-    y: u - a * Math.sin(i - o.arrowHeadAngle)
+function pe(t, e, n, r, a) {
+  const i = Math.atan2(r - e, n - t), o = a.arrowHead, c = Math.min(a.stroke, o * 0.2), l = n, u = r, f = n - Math.cos(i) * o, m = r - Math.sin(i) * o, y = {
+    x: l - o * Math.cos(i - a.arrowHeadAngle),
+    y: u - o * Math.sin(i - a.arrowHeadAngle)
   }, x = {
-    x: l - a * Math.cos(i + o.arrowHeadAngle),
-    y: u - a * Math.sin(i + o.arrowHeadAngle)
-  }, A = {
+    x: l - o * Math.cos(i + a.arrowHeadAngle),
+    y: u - o * Math.sin(i + a.arrowHeadAngle)
+  }, L = {
     x: n - Math.cos(i) * c,
     y: r - Math.sin(i) * c
   };
-  return { angle: i, tipX: l, tipY: u, baseX: f, baseY: p, left: m, right: x, shaftEnd: A };
-}
-function _n(t, e, n, r, o, i) {
-  const a = ue(e, n, r, o, i);
-  t.beginPath(), t.moveTo(e, n), t.lineTo(a.shaftEnd.x, a.shaftEnd.y), t.stroke(), t.beginPath(), t.moveTo(a.tipX, a.tipY), t.lineTo(a.left.x, a.left.y), t.lineTo(a.right.x, a.right.y), t.closePath(), t.fill();
-}
-function Vn(t, e, n, r = {}) {
-  return new Promise((o, i) => {
-    const a = new Image();
-    a.onload = () => {
-      const c = Math.round(e.x * a.width), l = Math.round(e.y * a.height), u = Math.max(1, Math.round(e.w * a.width)), f = Math.max(1, Math.round(e.h * a.height)), p = document.createElement("canvas");
-      p.width = u, p.height = f;
-      const m = p.getContext("2d");
-      m.drawImage(a, c, l, u, f, 0, 0, u, f), jn(m, {
+  return { angle: i, tipX: l, tipY: u, baseX: f, baseY: m, left: y, right: x, shaftEnd: L };
+}
+function Gn(t, e, n, r, a, i) {
+  const o = pe(e, n, r, a, i);
+  t.beginPath(), t.moveTo(e, n), t.lineTo(o.shaftEnd.x, o.shaftEnd.y), t.stroke(), t.beginPath(), t.moveTo(o.tipX, o.tipY), t.lineTo(o.left.x, o.left.y), t.lineTo(o.right.x, o.right.y), t.closePath(), t.fill();
+}
+function Jn(t, e, n, r = {}) {
+  return new Promise((a, i) => {
+    const o = new Image();
+    o.onload = () => {
+      const c = Math.round(e.x * o.width), l = Math.round(e.y * o.height), u = Math.max(1, Math.round(e.w * o.width)), f = Math.max(1, Math.round(e.h * o.height)), m = document.createElement("canvas");
+      m.width = u, m.height = f;
+      const y = m.getContext("2d");
+      y.drawImage(o, c, l, u, f, 0, 0, u, f), Xn(y, {
         stickers: n,
         crop: e,
         width: u,
         height: f,
         colors: r
-      }), p.toBlob((x) => {
+      }), m.toBlob((x) => {
         if (!x) {
           i(new Error("Could not encode screenshot"));
           return;
         }
-        o(x);
+        a(x);
       }, "image/png");
-    }, a.onerror = () => i(new Error("Could not load screenshot")), a.src = t;
+    }, o.onerror = () => i(new Error("Could not load screenshot")), o.src = t;
   });
 }
-const B = [
+const F = [
   { id: "bug", label: "Bug" },
   { id: "idea", label: "Idea" },
   { id: "other", label: "Other" }
 ];
-function Wt(t) {
+function Yt(t) {
   return String(t || "").trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 32);
 }
-function ft(t) {
+function ht(t) {
   const e = String(t || "").trim();
   return e ? e.split(/[-_\s]+/).filter(Boolean).map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" ") : "";
 }
-function zn(t) {
+function Qn(t) {
   if (!Array.isArray(t) || !t.length)
-    return B.map((r) => ({ ...r }));
+    return F.map((r) => ({ ...r }));
   const e = /* @__PURE__ */ new Set(), n = [];
   for (const r of t) {
-    let o = "", i = "";
-    typeof r == "string" || typeof r == "number" ? (o = Wt(r), i = ft(o)) : r && typeof r == "object" && (o = Wt(r.id ?? r.value ?? r.kind), i = String(r.label || r.name || ft(o)).trim() || ft(o)), !(!o || e.has(o)) && (e.add(o), n.push({ id: o, label: i }));
+    let a = "", i = "";
+    typeof r == "string" || typeof r == "number" ? (a = Yt(r), i = ht(a)) : r && typeof r == "object" && (a = Yt(r.id ?? r.value ?? r.kind), i = String(r.label || r.name || ht(a)).trim() || ht(a)), !(!a || e.has(a)) && (e.add(a), n.push({ id: a, label: i }));
   }
-  return n.length ? n : B.map((r) => ({ ...r }));
+  return n.length ? n : F.map((r) => ({ ...r }));
 }
-function at(t) {
+function st(t) {
   var n;
-  const e = Array.isArray(t) && t.length ? t : B;
+  const e = Array.isArray(t) && t.length ? t : F;
   return e.some((r) => r.id === "bug") ? "bug" : ((n = e[0]) == null ? void 0 : n.id) || "other";
 }
-const qn = ["maker", "all-business", "brighter-day", "quiet-night"], de = "maker", Wn = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), wt = 0.02, Kt = 0.05, Kn = `
+const Zn = ["maker", "all-business", "brighter-day", "quiet-night"], me = "maker", tr = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), St = 0.02, Gt = 0.05, er = `
   <svg class="nf-launcher-icon" viewBox="0 0 24 24" aria-hidden="true">
     <path fill="currentColor" d="M5.2 2.8h9.1A2.7 2.7 0 0 1 17 5.5v8.2c0 .4-.3.7-.7.7h-.1a.7.7 0 0 1-.7-.7V5.5c0-.7-.6-1.3-1.3-1.3H5.2c-.7 0-1.3.6-1.3 1.3v12.2c0 .7.6 1.3 1.3 1.3h6.4a.7.7 0 0 1 0 1.4H5.2A2.7 2.7 0 0 1 2.5 17.7V5.5A2.7 2.7 0 0 1 5.2 2.8zm1.6 4.2a.7.7 0 0 0 0 1.4h6.2a.7.7 0 0 0 0-1.4H6.8zm0 3.2a.7.7 0 0 0 0 1.4h6.2a.7.7 0 0 0 0-1.4H6.8zm0 3.2a.7.7 0 0 0 0 1.4h3.6a.7.7 0 0 0 0-1.4H6.8z"/>
     <path fill="currentColor" d="M14.7 13.05 20.2 7.55a1.55 1.55 0 0 1 2.2 2.2l-5.5 5.5-.45 1.9a.6.6 0 0 1-.72.45l-1.9-.45.87-1.9z"/>
   </svg>
 `;
-function I(t) {
+function T(t) {
   return `<svg class="nf-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${t}</svg>`;
 }
-const $ = {
-  crop: I('<path d="M6 3v5H1M18 21v-5h5M8 5h8a2 2 0 0 1 2 2v8M16 19H8a2 2 0 0 1-2-2V8"/>'),
-  resetCrop: I('<path d="M3 12a9 9 0 1 0 3-6.7L3 8"/><path d="M3 3v5h5"/>'),
-  arrow: I('<path d="M5 19 19 5"/><path d="M9 5h10v10"/>'),
-  rect: I('<rect x="4" y="6" width="16" height="12" rx="1.5"/>'),
-  circle: I('<circle cx="12" cy="12" r="8"/>'),
-  discard: I('<path d="M4 7h16"/><path d="M9 7V5h6v2"/><path d="M6 7l1 13h10l1-13"/>'),
-  audio: I('<rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0 0 14 0"/><path d="M12 18v3"/>'),
-  video: I('<rect x="3" y="7" width="13" height="10" rx="2"/><path d="M16 10.5 21 8v8l-5-2.5z"/>')
-}, fe = In();
-fe.hook();
-const he = 10, Xn = 80, pe = "notefully.author", bt = "Anonymous";
+const R = {
+  crop: T('<path d="M6 3v5H1M18 21v-5h5M8 5h8a2 2 0 0 1 2 2v8M16 19H8a2 2 0 0 1-2-2V8"/>'),
+  resetCrop: T('<path d="M3 12a9 9 0 1 0 3-6.7L3 8"/><path d="M3 3v5h5"/>'),
+  arrow: T('<path d="M5 19 19 5"/><path d="M9 5h10v10"/>'),
+  rect: T('<rect x="4" y="6" width="16" height="12" rx="1.5"/>'),
+  circle: T('<circle cx="12" cy="12" r="8"/>'),
+  discard: T('<path d="M4 7h16"/><path d="M9 7V5h6v2"/><path d="M6 7l1 13h10l1-13"/>'),
+  recapture: T('<path d="M4 8h3l2-2h6l2 2h3v11H4z"/><circle cx="12" cy="13" r="3.5"/>'),
+  audio: T('<rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0 0 14 0"/><path d="M12 18v3"/>'),
+  video: T('<rect x="3" y="7" width="13" height="10" rx="2"/><path d="M16 10.5 21 8v8l-5-2.5z"/>')
+}, ye = jn();
+ye.hook();
+const ge = 10, nr = 80, we = "notefully.author", xt = "Anonymous";
 let d = {
   endpoint: "",
   projectKey: "",
@@ -972,22 +1064,24 @@ let d = {
   name: "",
   targets: null,
   hideLauncher: !1,
-  theme: de,
+  theme: me,
   video: !1,
-  consoleLogLimit: he,
-  kinds: B.map((t) => ({ ...t }))
-}, R = {}, h = null, s = {}, y = le(), S = "", K = "", P = null, U = at(B), H = null, L = null, b = null, w = null, Q = null, D = null, W = null, O = { w: 0, h: 0 }, ht = !1, Lt = !1;
+  consoleLogLimit: ge,
+  kinds: F.map((t) => ({ ...t })),
+  capture: null,
+  onBeforeCapture: null
+}, pt = !1, $ = {}, h = null, s = {}, p = Rt(), S = "", z = "", k = null, U = st(F), B = null, M = null, b = null, w = null, Q = null, D = null, X = null, P = { w: 0, h: 0 }, mt = !1, Tt = !1;
 function g(t) {
   return h.querySelector(t);
 }
-function me(t) {
+function be(t) {
   const e = String(t || "").trim().toLowerCase().replace(/\s+/g, "-");
-  return qn.includes(e) ? e : de;
+  return Zn.includes(e) ? e : me;
 }
-function Xt(t, e) {
+function Jt(t, e) {
   return h && getComputedStyle(h).getPropertyValue(t).trim() || e;
 }
-async function Yn(t) {
+async function rr(t) {
   return (await fetch(t)).blob();
 }
 function v(t, e = !1) {
@@ -995,20 +1089,21 @@ function v(t, e = !1) {
     s.status.textContent = "";
   }, 4e3)));
 }
-function Rt() {
+function Pt() {
   return h && document.body.contains(h) || (h = document.createElement("div"), h.id = "notefully", h.innerHTML = `
-      <button class="nf-launcher" type="button" title="Leave a note…" aria-label="Leave a note…">${Kn}</button>
+      <button class="nf-launcher" type="button" title="Leave a note…" aria-label="Leave a note…">${er}</button>
       <div class="nf-dialog" hidden>
         <div class="nf-panel">
           <div class="nf-panel-body">
             <div class="nf-stage">
               <div class="nf-palette">
-                <button class="nf-tool nf-icon-btn" type="button" data-tool="crop" title="Crop" aria-label="Crop">${$.crop}</button>
-                <button class="nf-reset-crop nf-icon-btn" type="button" title="Reset crop" aria-label="Reset crop" hidden>${$.resetCrop}</button>
-                <button class="nf-tool nf-icon-btn" type="button" data-tool="arrow" title="Arrow" aria-label="Arrow">${$.arrow}</button>
-                <button class="nf-tool nf-icon-btn" type="button" data-tool="rect" title="Rectangle" aria-label="Rectangle">${$.rect}</button>
-                <button class="nf-tool nf-icon-btn" type="button" data-tool="circle" title="Circle" aria-label="Circle">${$.circle}</button>
-                <button class="nf-discard-shot nf-icon-btn" type="button" title="Discard screenshot" aria-label="Discard screenshot">${$.discard}</button>
+                <button class="nf-tool nf-icon-btn" type="button" data-tool="crop" title="Crop" aria-label="Crop">${R.crop}</button>
+                <button class="nf-reset-crop nf-icon-btn" type="button" title="Reset crop" aria-label="Reset crop" hidden>${R.resetCrop}</button>
+                <button class="nf-tool nf-icon-btn" type="button" data-tool="arrow" title="Arrow" aria-label="Arrow">${R.arrow}</button>
+                <button class="nf-tool nf-icon-btn" type="button" data-tool="rect" title="Rectangle" aria-label="Rectangle">${R.rect}</button>
+                <button class="nf-tool nf-icon-btn" type="button" data-tool="circle" title="Circle" aria-label="Circle">${R.circle}</button>
+                <button class="nf-discard-shot nf-icon-btn" type="button" title="Discard screenshot" aria-label="Discard screenshot">${R.discard}</button>
+                <button class="nf-recapture nf-icon-btn" type="button" title="Recapture screenshot" aria-label="Recapture screenshot">${R.recapture}</button>
               </div>
               <div class="nf-canvas"></div>
             </div>
@@ -1016,9 +1111,9 @@ function Rt() {
             <input class="nf-author" type="text" name="author" autocomplete="nickname" placeholder="Anonymous" aria-label="Author">
             <div class="nf-kind"></div>
             <div class="nf-actions">
-              <button class="nf-restore nf-icon-btn" type="button" title="Restore screenshot" aria-label="Restore screenshot" hidden>${$.resetCrop}</button>
-              <button class="nf-audio nf-icon-btn" type="button" title="Record audio" aria-label="Record audio">${$.audio}</button>
-              <button class="nf-video nf-icon-btn" type="button" title="Record video" aria-label="Record video">${$.video}</button>
+              <button class="nf-restore nf-icon-btn" type="button" title="Restore screenshot" aria-label="Restore screenshot" hidden>${R.resetCrop}</button>
+              <button class="nf-audio nf-icon-btn" type="button" title="Record audio" aria-label="Record audio">${R.audio}</button>
+              <button class="nf-video nf-icon-btn" type="button" title="Record video" aria-label="Record video">${R.video}</button>
               <button class="nf-submit" type="button">Submit</button>
             </div>
             <div class="nf-status"></div>
@@ -1042,146 +1137,149 @@ function Rt() {
     audio: g(".nf-audio"),
     video: g(".nf-video"),
     discard: g(".nf-discard-shot"),
+    recapture: g(".nf-recapture"),
     stop: g(".nf-stop-video"),
     resetCrop: g(".nf-reset-crop"),
     submit: g(".nf-submit"),
     shot: null
-  }, Gn(), X()), h;
+  }, ir(), Y()), h;
 }
-function X() {
+function Y() {
   var t;
-  h && (h.dataset.theme = me(d.theme), d.hideLauncher ? h.setAttribute("data-nf-hidden-launcher", "") : h.removeAttribute("data-nf-hidden-launcher"), s.video && (s.video.hidden = !d.video), ye(), (t = s.dialog) != null && t.hidden && nt());
+  h && (h.dataset.theme = be(d.theme), d.hideLauncher ? h.setAttribute("data-nf-hidden-launcher", "") : h.removeAttribute("data-nf-hidden-launcher"), s.video && (s.video.hidden = !d.video), ve(), (t = s.dialog) != null && t.hidden && nt());
 }
 function nt() {
   s.launcher && (s.launcher.hidden = !!d.hideLauncher);
 }
-function Gn() {
-  s.launcher.addEventListener("click", () => Ce()), g(".nf-dialog").addEventListener("click", (e) => {
-    Lt || e.target === s.dialog && J();
+function ir() {
+  s.launcher.addEventListener("click", () => $e()), g(".nf-dialog").addEventListener("click", (e) => {
+    Tt || e.target === s.dialog && J();
   }), h.querySelectorAll(".nf-tool").forEach((e) => {
-    e.addEventListener("click", () => St(e.dataset.tool));
-  }), s.resetCrop.addEventListener("click", rr), s.canvas.addEventListener("pointerdown", Qn), s.canvas.addEventListener("dragstart", (e) => e.preventDefault());
+    e.addEventListener("click", () => rt(e.dataset.tool));
+  }), s.resetCrop.addEventListener("click", dr), s.canvas.addEventListener("pointerdown", or), s.canvas.addEventListener("dragstart", (e) => e.preventDefault());
   const t = g(".nf-kind");
   t && t.addEventListener("click", (e) => {
     const n = e.target.closest("[data-kind]");
-    n && $t(n.dataset.kind);
-  }), s.discard.addEventListener("click", ir), s.restore.addEventListener("click", or), s.audio.addEventListener("click", ar), s.video.addEventListener("click", sr), s.stop.addEventListener("click", () => W == null ? void 0 : W.stop()), g(".nf-submit").addEventListener("click", () => {
-    Ae().catch((e) => v(e.message || "Submit failed."));
-  }), ye(), St(null);
+    n && kt(n.dataset.kind);
+  }), s.discard.addEventListener("click", fr), s.recapture.addEventListener("click", () => {
+    pr().catch((e) => v(e.message || "Recapture failed."));
+  }), s.restore.addEventListener("click", hr), s.audio.addEventListener("click", mr), s.video.addEventListener("click", yr), s.stop.addEventListener("click", () => X == null ? void 0 : X.stop()), g(".nf-submit").addEventListener("click", () => {
+    Pe().catch((e) => v(e.message || "Submit failed."));
+  }), ve(), rt(null);
 }
-function Yt(t) {
+function Qt(t) {
   return String(t || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function ye() {
+function ve() {
   const t = h == null ? void 0 : h.querySelector(".nf-kind");
   if (!t)
     return;
-  const e = Array.isArray(d.kinds) && d.kinds.length ? d.kinds : B;
-  t.innerHTML = e.map((o) => `<button type="button" data-kind="${Yt(o.id)}">${Yt(o.label)}</button>`).join("");
-  const r = e.map((o) => o.id).includes(U) ? U : at(e);
-  $t(r);
+  const e = Array.isArray(d.kinds) && d.kinds.length ? d.kinds : F;
+  t.innerHTML = e.map((a) => `<button type="button" data-kind="${Qt(a.id)}">${Qt(a.label)}</button>`).join("");
+  const r = e.map((a) => a.id).includes(U) ? U : st(e);
+  kt(r);
 }
-function $t(t) {
-  U = (d.kinds || B).map((n) => n.id).includes(t) ? t : at(d.kinds), h == null || h.querySelectorAll("[data-kind]").forEach((n) => {
+function kt(t) {
+  U = (d.kinds || F).map((n) => n.id).includes(t) ? t : st(d.kinds), h == null || h.querySelectorAll("[data-kind]").forEach((n) => {
     n.dataset.active = String(n.dataset.kind === U);
   });
 }
-function St(t) {
-  H = Wn.has(t) ? t : null, L = null, h.querySelectorAll(".nf-tool").forEach((e) => {
-    e.dataset.active = String(e.dataset.tool === H);
-  }), s.canvas && (s.canvas.dataset.draw = H ? "true" : "false"), S && M();
+function rt(t) {
+  B = tr.has(t) ? t : null, M = null, h.querySelectorAll(".nf-tool").forEach((e) => {
+    e.dataset.active = String(e.dataset.tool === B);
+  }), s.canvas && (s.canvas.dataset.draw = B ? "true" : "false"), S && A();
 }
-function Gt(t) {
+function Zt(t) {
   return Math.min(1, Math.max(0, t));
 }
-function Y() {
+function G() {
   return s.shot || s.canvas;
 }
-function rt(t) {
-  const e = Y().getBoundingClientRect();
+function it(t) {
+  const e = G().getBoundingClientRect();
   return {
-    x: Gt((t.clientX - e.left) / Math.max(e.width, 1)),
-    y: Gt((t.clientY - e.top) / Math.max(e.height, 1))
+    x: Zt((t.clientX - e.left) / Math.max(e.width, 1)),
+    y: Zt((t.clientY - e.top) / Math.max(e.height, 1))
   };
 }
-function Jn(t) {
-  const e = Y().getBoundingClientRect();
+function ar(t) {
+  const e = G().getBoundingClientRect();
   return t.clientX >= e.left && t.clientX <= e.right && t.clientY >= e.top && t.clientY <= e.bottom;
 }
-function ge(t) {
-  const e = rt(t), n = y.crop();
+function Se(t) {
+  const e = it(t), n = p.crop();
   return {
     x: n.x + e.x * n.w,
     y: n.y + e.y * n.h
   };
 }
-function st(t, e) {
+function ct(t, e) {
   const n = Math.min(t.x, e.x), r = Math.min(t.y, e.y);
   return {
     x: n,
     y: r,
-    w: Math.max(wt, Math.abs(e.x - t.x)),
-    h: Math.max(wt, Math.abs(e.y - t.y))
+    w: Math.max(St, Math.abs(e.x - t.x)),
+    h: Math.max(St, Math.abs(e.y - t.y))
   };
 }
-function Pt(t) {
+function It(t) {
   h && (t ? h.dataset.grabbing = "true" : delete h.dataset.grabbing);
 }
-function pt(t) {
+function yt(t) {
   try {
     s.canvas.setPointerCapture(t.pointerId);
   } catch {
   }
 }
-function vt() {
-  window.addEventListener("pointermove", be), window.addEventListener("pointerup", it), window.addEventListener("pointercancel", it);
+function Et() {
+  window.addEventListener("pointermove", Ee), window.addEventListener("pointerup", at), window.addEventListener("pointercancel", at);
 }
-function we() {
-  window.removeEventListener("pointermove", be), window.removeEventListener("pointerup", it), window.removeEventListener("pointercancel", it);
+function xe() {
+  window.removeEventListener("pointermove", Ee), window.removeEventListener("pointerup", at), window.removeEventListener("pointercancel", at);
 }
-function Qn(t) {
+function or(t) {
   if (t.button !== 0 || !S)
     return;
-  if (!t.target.closest(".nf-sticker") && !Jn(t)) {
-    L = null, M();
+  if (!t.target.closest(".nf-sticker") && !ar(t)) {
+    M = null, A();
     return;
   }
   const e = t.target.closest(".nf-handle"), n = t.target.closest(".nf-sticker");
   if (n && n.dataset.preview !== "true") {
-    t.preventDefault(), t.stopPropagation(), L = n.dataset.id, pt(t), Zn({
+    t.preventDefault(), t.stopPropagation(), M = n.dataset.id, yt(t), sr({
       kind: "sticker",
-      id: L,
+      id: M,
       dir: (e == null ? void 0 : e.dataset.dir) || "move"
-    }, t), M();
+    }, t), A();
     return;
   }
-  if (L = null, H === "crop") {
-    t.preventDefault(), pt(t), b = { kind: "crop", start: rt(t), current: rt(t) }, vt(), M();
+  if (M = null, B === "crop") {
+    t.preventDefault(), yt(t), b = { kind: "crop", start: it(t), current: it(t) }, Et(), A();
     return;
   }
-  if (H === "arrow" || H === "rect" || H === "circle") {
-    t.preventDefault(), pt(t);
-    const r = ge(t);
-    b = { kind: "sticker", type: H, start: r, current: r }, vt(), M();
+  if (B === "arrow" || B === "rect" || B === "circle") {
+    t.preventDefault(), yt(t);
+    const r = Se(t);
+    b = { kind: "sticker", type: B, start: r, current: r }, Et(), A();
     return;
   }
-  M();
+  A();
 }
-function Zn(t, e) {
+function sr(t, e) {
   e.preventDefault(), e.stopPropagation();
-  const n = Y().getBoundingClientRect(), r = y.list().find((o) => o.id === t.id);
+  const n = G().getBoundingClientRect(), r = p.list().find((a) => a.id === t.id);
   w = {
     ...t,
     startX: e.clientX,
     startY: e.clientY,
-    crop: y.crop(),
+    crop: p.crop(),
     sticker: r ? { ...r } : null,
     rect: n
-  }, Pt(t.dir === "move" || t.dir === "start" || t.dir === "end"), vt();
+  }, It(t.dir === "move" || t.dir === "start" || t.dir === "end"), Et();
 }
-function be(t) {
+function Ee(t) {
   if (b) {
-    b.current = b.kind === "crop" ? rt(t) : ge(t), M();
+    b.current = b.kind === "crop" ? it(t) : Se(t), A();
     return;
   }
   if (!w)
@@ -1189,85 +1287,85 @@ function be(t) {
   const e = (t.clientX - w.startX) / w.rect.width * w.crop.w, n = (t.clientY - w.startY) / w.rect.height * w.crop.h, r = w.sticker;
   if (r) {
     if (w.dir === "end")
-      y.update(r.id, {
+      p.update(r.id, {
         x2: r.x2 + e,
         y2: r.y2 + n
       });
     else if (w.dir === "start")
-      y.update(r.id, {
+      p.update(r.id, {
         x: r.x + e,
         y: r.y + n
       });
     else if (w.dir === "move")
-      y.update(r.id, {
+      p.update(r.id, {
         x: r.x + e,
         y: r.y + n,
         x2: (r.x2 || r.x) + e,
         y2: (r.y2 || r.y) + n
       });
     else {
-      const o = { x: r.x, y: r.y, w: r.w, h: r.h };
-      tr(o, w.dir, e, n), y.update(r.id, o);
+      const a = { x: r.x, y: r.y, w: r.w, h: r.h };
+      cr(a, w.dir, e, n), p.update(r.id, a);
     }
-    M();
+    A();
   }
 }
-function tr(t, e, n, r) {
+function cr(t, e, n, r) {
   if (e.includes("e") && (t.w = Math.max(0.04, t.w + n)), e.includes("s") && (t.h = Math.max(0.04, t.h + r)), e.includes("w")) {
-    const o = Math.max(0.04, t.w - n);
-    t.x += t.w - o, t.w = o;
+    const a = Math.max(0.04, t.w - n);
+    t.x += t.w - a, t.w = a;
   }
   if (e.includes("n")) {
-    const o = Math.max(0.04, t.h - r);
-    t.y += t.h - o, t.h = o;
+    const a = Math.max(0.04, t.h - r);
+    t.y += t.h - a, t.h = a;
   }
 }
-function it(t) {
-  if (we(), Pt(!1), b) {
-    er();
+function at(t) {
+  if (xe(), It(!1), b) {
+    lr();
     return;
   }
   if (w) {
     if (w.kind === "sticker") {
       const e = s.canvas.getBoundingClientRect();
-      (t.clientX < e.left - 24 || t.clientX > e.right + 24 || t.clientY < e.top - 24 || t.clientY > e.bottom + 24) && (y.remove(w.id), L = null);
+      (t.clientX < e.left - 24 || t.clientX > e.right + 24 || t.clientY < e.top - 24 || t.clientY > e.bottom + 24) && (p.remove(w.id), M = null);
     }
-    w = null, M();
+    w = null, A();
   }
 }
-function er() {
+function lr() {
   const t = b;
   if (b = null, !t)
     return;
   if (t.kind === "crop") {
-    const n = st(t.start, t.current);
-    if (Math.abs(t.current.x - t.start.x) < Kt || Math.abs(t.current.y - t.start.y) < Kt) {
-      M();
+    const n = ct(t.start, t.current);
+    if (Math.abs(t.current.x - t.start.x) < Gt || Math.abs(t.current.y - t.start.y) < Gt) {
+      A();
       return;
     }
-    const o = y.crop();
-    y.setCrop({
-      x: o.x + n.x * o.w,
-      y: o.y + n.y * o.h,
-      w: n.w * o.w,
-      h: n.h * o.h
-    }), G();
+    const a = p.crop();
+    p.setCrop({
+      x: a.x + n.x * a.w,
+      y: a.y + n.y * a.h,
+      w: n.w * a.w,
+      h: n.h * a.h
+    }), q();
     return;
   }
-  const e = nr(t);
-  e && (L = e.id), M();
+  const e = ur(t);
+  e && (M = e.id), A();
 }
-function nr(t) {
+function ur(t) {
   if (t.type === "arrow") {
     const e = t.current.x - t.start.x, n = t.current.y - t.start.y;
-    return Math.hypot(e, n) < wt ? y.add("arrow", {
+    return Math.hypot(e, n) < St ? p.add("arrow", {
       x: t.start.x,
       y: t.start.y,
       x2: t.start.x + 0.12,
       y2: t.start.y,
       w: 0.12,
       h: 0.02
-    }) : y.add("arrow", {
+    }) : p.add("arrow", {
       x: t.start.x,
       y: t.start.y,
       x2: t.current.x,
@@ -1276,29 +1374,53 @@ function nr(t) {
       h: Math.abs(n)
     });
   }
-  return y.add(t.type, st(t.start, t.current));
+  return p.add(t.type, ct(t.start, t.current));
 }
-function rr() {
-  y.resetCrop(), L = null, G();
+function dr() {
+  p.resetCrop(), M = null, q();
 }
-function xt() {
-  s.resetCrop && (s.resetCrop.hidden = !y.isCropped());
+function Ct() {
+  s.resetCrop && (s.resetCrop.hidden = !p.isCropped());
 }
-function kt(t) {
+function Ot(t) {
   if (!s.audio)
     return;
   const e = t ? "Stop audio" : "Record audio";
   s.audio.title = e, s.audio.setAttribute("aria-label", e), s.audio.dataset.active = String(!!t);
 }
-function ir() {
-  S && (K = S), S = "", s.stage.hidden = !0, s.restore.hidden = !K;
+function fr() {
+  S && (z = S), S = "", s.stage.hidden = !0, s.restore.hidden = !z;
+}
+function hr() {
+  z && (S = z, s.stage.hidden = !1, s.restore.hidden = !0, q());
 }
-function or() {
-  K && (S = K, s.stage.hidden = !1, s.restore.hidden = !0, G());
+function Ce() {
+  return {
+    capture: typeof d.capture == "function" ? d.capture : void 0,
+    onBeforeCapture: typeof d.onBeforeCapture == "function" ? d.onBeforeCapture : void 0
+  };
+}
+async function pr() {
+  if (!(pt || !s.dialog || s.dialog.hidden)) {
+    pt = !0, s.recapture.disabled = !0, v("Capturing…", !0), s.dialog.hidden = !0;
+    try {
+      let t = "";
+      try {
+        t = await On();
+      } catch {
+        t = await fe(Ce());
+      }
+      S = t, z = t, p = Rt(), P = { w: 0, h: 0 }, M = null, b = null, w = null, rt(null), s.stage.hidden = !1, s.restore.hidden = !0, v("");
+    } catch (t) {
+      v((t == null ? void 0 : t.message) || "Screenshot failed; you can still send text.");
+    } finally {
+      s.dialog.hidden = !1, s.recapture.disabled = !1, pt = !1, q();
+    }
+  }
 }
-function ar() {
+function mr() {
   try {
-    if (D || (D = On((e) => {
+    if (D || (D = _n((e) => {
       const n = s.text.value.trim();
       s.text.value = n ? `${n} ${e}` : e;
     })), !D.isSupported()) {
@@ -1306,53 +1428,53 @@ function ar() {
       return;
     }
     const t = D.start();
-    kt(t), v(t ? "Listening…" : "");
+    Ot(t), v(t ? "Listening…" : "");
   } catch (t) {
     v(t.message);
   }
 }
-async function sr() {
+async function yr() {
   if (!d.video) {
     v("Video is disabled on this host.");
     return;
   }
-  s.dialog.hidden = !0, s.stop.hidden = !1, X(), s.launcher.hidden = !0, W = Fn({
+  s.dialog.hidden = !0, s.stop.hidden = !1, Y(), s.launcher.hidden = !0, X = Wn({
     onStart() {
     },
     onStop(t) {
-      P = t, s.stop.hidden = !0, nt(), s.dialog.hidden = !1, G(), v(t ? "Video attached." : "Recording cancelled.");
+      k = t, s.stop.hidden = !0, nt(), s.dialog.hidden = !1, q(), v(t ? "Video attached." : "Recording cancelled.");
     },
     onError(t) {
       v(t.message);
     }
   });
   try {
-    await W.start();
+    await X.start();
   } catch (t) {
     s.stop.hidden = !0, nt(), s.dialog.hidden = !1, v(t.message);
   }
 }
-function G() {
+function q() {
   if (s.shot = null, !S) {
-    s.canvas.style.removeProperty("--nf-shot-aspect"), s.canvas.style.removeProperty("aspect-ratio"), s.canvas.innerHTML = P ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL(P)}"></video>` : "", xt();
+    s.canvas.style.removeProperty("--nf-shot-aspect"), s.canvas.style.removeProperty("aspect-ratio"), s.canvas.innerHTML = k ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL(k)}"></video>` : "", Ct();
     return;
   }
   s.canvas.innerHTML = `<div class="nf-shot"><img alt="Screenshot" src="${S}" draggable="false"></div>`, s.shot = s.canvas.querySelector(".nf-shot");
   const t = s.shot.querySelector("img");
   t.draggable = !1, t.addEventListener("dragstart", (n) => n.preventDefault());
   const e = () => {
-    cr(t), M();
+    gr(t), A();
   };
   t.addEventListener("load", e), t.complete && t.naturalWidth && e();
 }
-function cr(t) {
-  const e = t.naturalWidth || O.w, n = t.naturalHeight || O.h;
-  if (e && n && (O = { w: e, h: n }, s.canvas.style.setProperty("--nf-shot-aspect", String(e / n)), s.canvas.style.aspectRatio = `${e} / ${n}`), !s.shot || !O.w || !O.h)
+function gr(t) {
+  const e = t.naturalWidth || P.w, n = t.naturalHeight || P.h;
+  if (e && n && (P = { w: e, h: n }, s.canvas.style.setProperty("--nf-shot-aspect", String(e / n)), s.canvas.style.aspectRatio = `${e} / ${n}`), !s.shot || !P.w || !P.h)
     return;
-  const r = y.crop(), o = O.w / O.h, i = r.w / r.h * o, a = Math.min(1, i / o), c = Math.min(1, o / i);
-  s.shot.style.left = `${(1 - a) / 2 * 100}%`, s.shot.style.top = `${(1 - c) / 2 * 100}%`, s.shot.style.width = `${a * 100}%`, s.shot.style.height = `${c * 100}%`, t.style.width = `${100 / r.w}%`, t.style.height = `${100 / r.h}%`, t.style.left = `${-r.x / r.w * 100}%`, t.style.top = `${-r.y / r.h * 100}%`;
+  const r = p.crop(), a = P.w / P.h, i = r.w / r.h * a, o = Math.min(1, i / a), c = Math.min(1, a / i);
+  s.shot.style.left = `${(1 - o) / 2 * 100}%`, s.shot.style.top = `${(1 - c) / 2 * 100}%`, s.shot.style.width = `${o * 100}%`, s.shot.style.height = `${c * 100}%`, t.style.width = `${100 / r.w}%`, t.style.height = `${100 / r.h}%`, t.style.left = `${-r.x / r.w * 100}%`, t.style.top = `${-r.y / r.h * 100}%`;
 }
-function lr(t) {
+function wr(t) {
   return t.type === "arrow" ? {
     id: "preview",
     type: "arrow",
@@ -1367,94 +1489,94 @@ function lr(t) {
     id: "preview",
     type: t.type,
     number: "",
-    ...st(t.start, t.current)
+    ...ct(t.start, t.current)
   };
 }
-function M() {
+function A() {
   if ((s.shot || s.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((i) => i.remove()), !S || !s.shot) {
-    xt();
+    Ct();
     return;
   }
-  const e = y.crop(), n = Y(), r = At(n.clientWidth || 400);
+  const e = p.crop(), n = G(), r = $t(n.clientWidth || 400);
   if (s.shot.style.setProperty("--nf-anno-stroke", `${r.stroke}px`), s.shot.style.setProperty("--nf-anno-badge", `${r.badgeRadius * 2}px`), s.shot.style.setProperty("--nf-anno-badge-font", `${r.fontSize}px`), s.shot.style.setProperty("--nf-anno-handle", `${Math.max(8, r.stroke * 2.5)}px`), (b == null ? void 0 : b.kind) === "crop") {
     const i = document.createElement("div");
-    i.className = "nf-crop", Jt(i, st(b.start, b.current), { x: 0, y: 0, w: 1, h: 1 }), s.shot.appendChild(i);
+    i.className = "nf-crop", te(i, ct(b.start, b.current), { x: 0, y: 0, w: 1, h: 1 }), s.shot.appendChild(i);
   }
-  const o = y.list().slice();
-  if ((b == null ? void 0 : b.kind) === "sticker" && o.push(lr(b)), o.forEach((i) => {
-    const a = i.id === "preview", c = !a && i.id === L, l = document.createElement("div");
-    if (l.className = `nf-sticker nf-${i.type}`, l.dataset.id = i.id, c && (l.dataset.selected = "true"), a && (l.dataset.preview = "true"), i.type === "arrow" ? ur(l, i, e, c, r) : (Jt(l, i, e), c && ["nw", "ne", "sw", "se"].forEach((u) => Et(l, u))), !a && i.number) {
+  const a = p.list().slice();
+  if ((b == null ? void 0 : b.kind) === "sticker" && a.push(wr(b)), a.forEach((i) => {
+    const o = i.id === "preview", c = !o && i.id === M, l = document.createElement("div");
+    if (l.className = `nf-sticker nf-${i.type}`, l.dataset.id = i.id, c && (l.dataset.selected = "true"), o && (l.dataset.preview = "true"), i.type === "arrow" ? br(l, i, e, c, r) : (te(l, i, e), c && ["nw", "ne", "sw", "se"].forEach((u) => At(l, u))), !o && i.number) {
       const u = document.createElement("span");
       u.className = "nf-badge", u.textContent = String(i.number), l.appendChild(u);
     }
     s.shot.appendChild(l);
-  }), s.canvas.querySelectorAll(":scope > .nf-recording-preview").forEach((i) => i.remove()), P) {
+  }), s.canvas.querySelectorAll(":scope > .nf-recording-preview").forEach((i) => i.remove()), k) {
     const i = document.createElement("video");
-    i.className = "nf-recording-preview", i.controls = !0, i.src = URL.createObjectURL(P), i.style.position = "absolute", i.style.right = "8px", i.style.bottom = "8px", i.style.width = "160px", s.canvas.appendChild(i);
+    i.className = "nf-recording-preview", i.controls = !0, i.src = URL.createObjectURL(k), i.style.position = "absolute", i.style.right = "8px", i.style.bottom = "8px", i.style.width = "160px", s.canvas.appendChild(i);
   }
-  xt();
+  Ct();
 }
-function ur(t, e, n, r, o = At(400)) {
-  const i = Y(), a = i.clientWidth, c = i.clientHeight, l = (e.x - n.x) / n.w * a, u = (e.y - n.y) / n.h * c, f = ((e.x2 ?? e.x + e.w) - n.x) / n.w * a, p = ((e.y2 ?? e.y) - n.y) / n.h * c, m = Math.max(18, o.arrowHead + o.stroke * 2), x = Math.min(l, f) - m, A = Math.min(u, p) - m, k = Math.max(2, Math.abs(f - l)) + m * 2, q = Math.max(2, Math.abs(p - u)) + m * 2, j = l - x, N = u - A, ct = f - x, lt = p - A, T = ue(j, N, ct, lt, o), _ = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  t.style.left = `${x}px`, t.style.top = `${A}px`, t.style.width = `${k}px`, t.style.height = `${q}px`, _.setAttribute("class", "nf-arrow-svg"), _.setAttribute("viewBox", `0 0 ${k} ${q}`), _.setAttribute("width", String(k)), _.setAttribute("height", String(q)), _.innerHTML = `
-      <line class="nf-arrow-hit" x1="${j}" y1="${N}" x2="${ct}" y2="${lt}" />
-      <line class="nf-arrow-shaft" x1="${j}" y1="${N}" x2="${T.shaftEnd.x}" y2="${T.shaftEnd.y}" />
-      <polygon class="nf-arrow-head" points="${T.tipX},${T.tipY} ${T.left.x},${T.left.y} ${T.right.x},${T.right.y}" />
-    `, t.appendChild(_), r && (Et(t, "start", { left: j - 5, top: N - 5 }), Et(t, "end", { left: ct - 5, top: lt - 5 }));
+function br(t, e, n, r, a = $t(400)) {
+  const i = G(), o = i.clientWidth, c = i.clientHeight, l = (e.x - n.x) / n.w * o, u = (e.y - n.y) / n.h * c, f = ((e.x2 ?? e.x + e.w) - n.x) / n.w * o, m = ((e.y2 ?? e.y) - n.y) / n.h * c, y = Math.max(18, a.arrowHead + a.stroke * 2), x = Math.min(l, f) - y, L = Math.min(u, m) - y, I = Math.max(2, Math.abs(f - l)) + y * 2, K = Math.max(2, Math.abs(m - u)) + y * 2, N = l - x, j = u - L, lt = f - x, ut = m - L, O = pe(N, j, lt, ut, a), _ = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  t.style.left = `${x}px`, t.style.top = `${L}px`, t.style.width = `${I}px`, t.style.height = `${K}px`, _.setAttribute("class", "nf-arrow-svg"), _.setAttribute("viewBox", `0 0 ${I} ${K}`), _.setAttribute("width", String(I)), _.setAttribute("height", String(K)), _.innerHTML = `
+      <line class="nf-arrow-hit" x1="${N}" y1="${j}" x2="${lt}" y2="${ut}" />
+      <line class="nf-arrow-shaft" x1="${N}" y1="${j}" x2="${O.shaftEnd.x}" y2="${O.shaftEnd.y}" />
+      <polygon class="nf-arrow-head" points="${O.tipX},${O.tipY} ${O.left.x},${O.left.y} ${O.right.x},${O.right.y}" />
+    `, t.appendChild(_), r && (At(t, "start", { left: N - 5, top: j - 5 }), At(t, "end", { left: lt - 5, top: ut - 5 }));
 }
-function Et(t, e, n) {
+function At(t, e, n) {
   const r = document.createElement("span");
   r.className = "nf-handle", r.dataset.dir = e, n && (r.style.left = `${n.left}px`, r.style.top = `${n.top}px`), t.appendChild(r);
 }
-function Jt(t, e, n) {
+function te(t, e, n) {
   t.style.left = `${(e.x - n.x) / n.w * 100}%`, t.style.top = `${(e.y - n.y) / n.h * 100}%`, t.style.width = `${e.w / n.w * 100}%`, t.style.height = `${e.h / n.h * 100}%`;
 }
-function dr() {
+function vr() {
   try {
-    return String(localStorage.getItem(pe) || "").trim();
+    return String(localStorage.getItem(we) || "").trim();
   } catch {
     return "";
   }
 }
-function fr(t) {
+function Sr(t) {
   const e = String(t || "").trim();
-  if (!(!e || e === bt))
+  if (!(!e || e === xt))
     try {
-      localStorage.setItem(pe, e);
+      localStorage.setItem(we, e);
     } catch {
     }
 }
-function Se() {
-  return !!(String(R.userId || "").trim() || String(R.email || "").trim() || String(R.displayName || "").trim());
+function Ae() {
+  return !!(String($.userId || "").trim() || String($.email || "").trim() || String($.displayName || "").trim());
 }
-function hr() {
+function xr() {
   return String(
-    R.displayName || R.email || R.userId || ""
+    $.displayName || $.email || $.userId || ""
   ).trim();
 }
-function pr() {
+function Er() {
   var e;
-  if (Se())
-    return hr() || bt;
+  if (Ae())
+    return xr() || xt;
   const t = String(((e = s.author) == null ? void 0 : e.value) || "").trim();
-  return t ? (fr(t), t) : bt;
+  return t ? (Sr(t), t) : xt;
 }
-function ve() {
+function Me() {
   if (!s.author)
     return;
-  const t = Se();
+  const t = Ae();
   if (s.author.hidden = t, t) {
     s.author.value = "";
     return;
   }
-  s.author.value = dr();
+  s.author.value = vr();
 }
-function xe(t, e = he) {
+function Le(t, e = ge) {
   const n = Number(t);
-  return Number.isFinite(n) ? Math.min(Xn, Math.max(0, Math.floor(n))) : e;
+  return Number.isFinite(n) ? Math.min(nr, Math.max(0, Math.floor(n))) : e;
 }
-function Ee(t = {}) {
-  kn(t);
+function Re(t = {}) {
+  Un(t);
   const e = Object.prototype.hasOwnProperty.call(t, "kinds");
   d = {
     ...d,
@@ -1464,102 +1586,104 @@ function Ee(t = {}) {
     name: t.name == null ? d.name : String(t.name || ""),
     targets: t.targets === void 0 ? d.targets : t.targets,
     hideLauncher: t.hideLauncher == null ? d.hideLauncher : !!t.hideLauncher,
-    theme: me(t.theme ?? d.theme),
+    theme: be(t.theme ?? d.theme),
     video: t.video == null ? d.video : !!t.video,
-    consoleLogLimit: t.consoleLogLimit == null ? d.consoleLogLimit : xe(t.consoleLogLimit, d.consoleLogLimit),
-    kinds: e ? zn(t.kinds) : d.kinds
+    consoleLogLimit: t.consoleLogLimit == null ? d.consoleLogLimit : Le(t.consoleLogLimit, d.consoleLogLimit),
+    kinds: e ? Qn(t.kinds) : d.kinds,
+    capture: t.capture === void 0 ? d.capture : t.capture,
+    onBeforeCapture: t.onBeforeCapture === void 0 ? d.onBeforeCapture : t.onBeforeCapture
   };
 }
-function Tt(t = {}) {
-  return Ee(t), h && X(), It;
+function Bt(t = {}) {
+  return Re(t), h && Y(), Ht;
 }
-function mr(t = {}) {
-  return Ee(t), Rt(), X(), It;
+function Cr(t = {}) {
+  return Re(t), Pt(), Y(), Ht;
 }
-function yr(t) {
-  return Tt({ theme: t });
+function Ar(t) {
+  return Bt({ theme: t });
 }
-function gr(t) {
+function Mr(t) {
   const e = !!t;
-  return !e && h && s.dialog && !s.dialog.hidden && J(), Tt({ hideLauncher: !e });
+  return !e && h && s.dialog && !s.dialog.hidden && J(), Bt({ hideLauncher: !e });
 }
-async function Ce() {
-  Rt(), Me(), X(), s.launcher.hidden = !0, y = le(), O = { w: 0, h: 0 }, P = null, L = null, b = null, w = null, U = at(d.kinds), $t(U), St(null), kt(!1), s.text.value = "", ve(), v("");
+async function $e() {
+  Pt(), Te(), Y(), s.launcher.hidden = !0, p = Rt(), P = { w: 0, h: 0 }, k = null, M = null, b = null, w = null, U = st(d.kinds), kt(U), rt(null), Ot(!1), s.text.value = "", Me(), v("");
   try {
-    S = await An(), K = S, s.stage.hidden = !1, s.restore.hidden = !0, v("");
+    S = await fe(Ce()), z = S, s.stage.hidden = !1, s.restore.hidden = !0, v("");
   } catch {
     S = "", v("Screenshot failed; you can still send text.");
   }
-  s.dialog.hidden = !1, G(), s.text.focus();
+  s.dialog.hidden = !1, q(), s.text.focus();
 }
 function J() {
-  h && (D == null || D.stop(), kt(!1), we(), b = null, w = null, Pt(!1), Me(), s.dialog.hidden = !0, s.stop.hidden = !0, nt());
+  h && (D == null || D.stop(), Ot(!1), xe(), b = null, w = null, It(!1), Te(), s.dialog.hidden = !0, s.stop.hidden = !0, nt());
 }
-function wr() {
+function Lr() {
   const t = s.dialog, e = s.panel, n = s.panelBody, r = s.successMsg;
   if (!t || !e || !n || !r)
     return Promise.resolve();
-  Lt = !0, v("");
-  const o = typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches, i = e.getBoundingClientRect();
-  if (n.hidden = !0, r.hidden = !1, t.classList.add("nf-success"), t.style.opacity = "1", o)
+  Tt = !0, v("");
+  const a = typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches, i = e.getBoundingClientRect();
+  if (n.hidden = !0, r.hidden = !1, t.classList.add("nf-success"), t.style.opacity = "1", a)
     return new Promise((u) => {
       window.setTimeout(() => u(), 1e3);
     });
-  const a = e.getBoundingClientRect(), c = a.width > 0 ? i.width / a.width : 1, l = a.height > 0 ? i.height / a.height : 1;
+  const o = e.getBoundingClientRect(), c = o.width > 0 ? i.width / o.width : 1, l = o.height > 0 ? i.height / o.height : 1;
   return e.style.transformOrigin = "center center", e.style.transition = "none", e.style.transform = `scale(${c}, ${l})`, e.getBoundingClientRect(), new Promise((u) => {
     let f = !1;
-    const p = () => {
-      f || (f = !0, e.removeEventListener("transitionend", m), window.setTimeout(() => {
+    const m = () => {
+      f || (f = !0, e.removeEventListener("transitionend", y), window.setTimeout(() => {
         t.style.transition = "opacity 0.28s ease", t.style.opacity = "0", window.setTimeout(() => u(), 280);
       }, 1e3));
-    }, m = (x) => {
-      x.target !== e || x.propertyName !== "transform" || p();
+    }, y = (x) => {
+      x.target !== e || x.propertyName !== "transform" || m();
     };
-    e.addEventListener("transitionend", m), requestAnimationFrame(() => {
+    e.addEventListener("transitionend", y), requestAnimationFrame(() => {
       e.style.transition = "transform 0.48s cubic-bezier(0.22, 1, 0.36, 1)", e.style.transform = "scale(1)";
-    }), window.setTimeout(p, 700);
+    }), window.setTimeout(m, 700);
   });
 }
-function Me() {
-  Lt = !1, s.dialog && (s.dialog.classList.remove("nf-success"), s.dialog.style.opacity = "", s.dialog.style.transition = "", s.panel && (s.panel.style.transform = "", s.panel.style.transition = "", s.panel.style.transformOrigin = ""), s.panelBody && (s.panelBody.hidden = !1), s.successMsg && (s.successMsg.hidden = !0));
+function Te() {
+  Tt = !1, s.dialog && (s.dialog.classList.remove("nf-success"), s.dialog.style.opacity = "", s.dialog.style.transition = "", s.panel && (s.panel.style.transform = "", s.panel.style.transition = "", s.panel.style.transformOrigin = ""), s.panelBody && (s.panelBody.hidden = !1), s.successMsg && (s.successMsg.hidden = !0));
 }
-function br(t = {}) {
-  R = { ...R, ...Pn(t) }, ve();
+function Rr(t = {}) {
+  $ = { ...$, ...Fn(t) }, Me();
 }
-async function Ae() {
-  if (Rt(), ht)
+async function Pe() {
+  if (Pt(), mt)
     return null;
   const t = s.text.value.trim();
-  if (!t && !S && !P)
+  if (!t && !S && !k)
     return v("Add a note, screenshot, or video first."), null;
   if (!d.endpoint || !d.projectKey)
     return v("Notefully is missing endpoint or projectKey."), null;
-  ht = !0, Qt(!0), v("Submitting…", !0);
+  mt = !0, ee(!0), v("Submitting…", !0);
   try {
-    const e = pr(), n = new FormData();
+    const e = Er(), n = new FormData();
     if (n.append("message", t), n.append("kind", U), n.append("version", d.version || "0.0.0"), n.append("author", e), d.name && n.append("name", d.name), n.append("context", JSON.stringify({
-      ...$n({
-        ...R,
-        displayName: R.displayName || e
+      ...Dn({
+        ...$,
+        displayName: $.displayName || e
       }),
       author: e,
-      console: fe.snapshot().slice(-xe(d.consoleLogLimit))
-    })), n.append("annotations", JSON.stringify(y.list())), n.append("crop", JSON.stringify(y.crop())), Array.isArray(d.targets) && n.append("targets", JSON.stringify(d.targets)), S) {
-      const i = await Yn(S);
-      if (n.append("screenshot", i, "screenshot.png"), y.list().length || y.isCropped()) {
-        const a = await Vn(
+      console: ye.snapshot().slice(-Le(d.consoleLogLimit))
+    })), n.append("annotations", JSON.stringify(p.list())), n.append("crop", JSON.stringify(p.crop())), Array.isArray(d.targets) && n.append("targets", JSON.stringify(d.targets)), S) {
+      const i = await rr(S);
+      if (n.append("screenshot", i, "screenshot.png"), p.list().length || p.isCropped()) {
+        const o = await Jn(
           S,
-          y.crop(),
-          y.list(),
+          p.crop(),
+          p.list(),
           {
-            mark: Xt("--nf-mark", "#fdd341"),
-            markText: Xt("--nf-mark-text", "#2a2140")
+            mark: Jt("--nf-mark", "#fdd341"),
+            markText: Jt("--nf-mark-text", "#2a2140")
           }
         );
-        n.append("screenshotBaked", a, "screenshot.baked.png");
+        n.append("screenshotBaked", o, "screenshot.baked.png");
       }
     }
-    P && n.append("recording", P, "recording.webm");
+    k && n.append("recording", k, "recording.webm");
     const r = await fetch(`${d.endpoint}/v1/reports`, {
       method: "POST",
       headers: {
@@ -1567,36 +1691,36 @@ async function Ae() {
       },
       body: n
     });
-    let o = null;
+    let a = null;
     try {
-      o = await r.json();
+      a = await r.json();
     } catch {
-      o = null;
+      a = null;
     }
     if (!r.ok)
-      throw v((o == null ? void 0 : o.error) || "Submit failed."), new Error((o == null ? void 0 : o.error) || `Submit failed (${r.status})`);
-    return await wr(), J(), o;
+      throw v((a == null ? void 0 : a.error) || "Submit failed."), new Error((a == null ? void 0 : a.error) || `Submit failed (${r.status})`);
+    return await Lr(), J(), a;
   } finally {
-    ht = !1, Qt(!1);
+    mt = !1, ee(!1);
   }
 }
-function Qt(t) {
+function ee(t) {
   s.submit && (s.submit.disabled = !!t, s.submit.setAttribute("aria-busy", t ? "true" : "false"));
 }
-function Sr() {
+function $r() {
   J(), h == null || h.remove(), h = null, s = {};
 }
-const It = { init: mr, configure: Tt, setTheme: yr, setVisible: gr, open: Ce, close: J, identify: br, submit: Ae, destroy: Sr };
-typeof window < "u" && (window.Notefully = It);
+const Ht = { init: Cr, configure: Bt, setTheme: Ar, setVisible: Mr, open: $e, close: J, identify: Rr, submit: Pe, destroy: $r };
+typeof window < "u" && (window.Notefully = Ht);
 export {
   J as close,
-  Tt as configure,
-  It as default,
-  Sr as destroy,
-  br as identify,
-  mr as init,
-  Ce as open,
-  yr as setTheme,
-  gr as setVisible,
-  Ae as submit
+  Bt as configure,
+  Ht as default,
+  $r as destroy,
+  Rr as identify,
+  Cr as init,
+  $e as open,
+  Ar as setTheme,
+  Mr as setVisible,
+  Pe as submit
 };