@makefully/notefully 0.1.35 → 0.1.37

package/dist/notefully.js

@@ -1,14 +1,14 @@
-function Le(t, e) {
+function He(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 De = /* @__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));
+let q = null;
+function ae(t = {}) {
+  return q || (t.includeStyleProperties ? (q = t.includeStyleProperties, q) : (q = H(window.getComputedStyle(document.documentElement)), q));
 }
-function Z(t, e) {
+function rt(t, e) {
   const r = (t.ownerDocument.defaultView || window).getComputedStyle(t).getPropertyValue(e);
   return r ? parseFloat(r.replace("px", "")) : 0;
 }
-function $e(t) {
-  const e = Z(t, "border-left-width"), n = Z(t, "border-right-width");
+function Fe(t) {
+  const e = rt(t, "border-left-width"), n = rt(t, "border-right-width");
   return t.clientWidth + e + n;
 }
-function Pe(t) {
-  const e = Z(t, "border-top-width"), n = Z(t, "border-bottom-width");
+function Ue(t) {
+  const e = rt(t, "border-top-width"), n = rt(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 oe(t, e = {}) {
+  const n = e.width || Fe(t), r = e.height || Ue(t);
   return { width: n, height: r };
 }
-function ke() {
+function Ne() {
   let t, e;
   try {
     e = process;
@@ -51,11 +51,11 @@ function ke() {
   const n = e && e.env ? e.env.devicePixelRatio : null;
   return n && (t = parseInt(n, 10), Number.isNaN(t) && (t = 1)), t || window.devicePixelRatio || 1;
 }
-const C = 16384;
-function Te(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));
+const E = 16384;
+function je(t) {
+  (t.width > E || t.height > E) && (t.width > E && t.height > E ? t.width > t.height ? (t.height *= E / t.width, t.width = E) : (t.width *= E / t.height, t.height = E) : t.width > E ? (t.height *= E / t.width, t.width = E) : (t.width *= E / t.height, t.height = E));
 }
-function tt(t) {
+function it(t) {
   return new Promise((e, n) => {
     const r = new Image();
     r.onload = () => {
@@ -65,175 +65,175 @@ function tt(t) {
     }, r.onerror = n, r.crossOrigin = "anonymous", r.decoding = "async", r.src = t;
   });
 }
-async function Ie(t) {
+async function _e(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 Ve(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), _e(a);
 }
-const E = (t, e) => {
+const x = (t, e) => {
   if (t instanceof e)
     return !0;
   const n = Object.getPrototypeOf(t);
-  return n === null ? !1 : n.constructor.name === e.name || E(n, e);
+  return n === null ? !1 : n.constructor.name === e.name || x(n, e);
 };
-function He(t) {
+function We(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 ze(t, e) {
+  return ae(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 qe(t, e, n, r) {
+  const a = `.${t}:${e}`, i = n.cssText ? We(n) : ze(n, r);
+  return document.createTextNode(`${a}{${i}}`);
 }
-function Ot(t, e, n, r) {
-  const o = window.getComputedStyle(t, n), i = o.getPropertyValue("content");
+function Nt(t, e, n, r) {
+  const a = window.getComputedStyle(t, n), i = a.getPropertyValue("content");
   if (i === "" || i === "none")
     return;
-  const a = Re();
+  const o = De();
   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(qe(o, n, a, r)), e.appendChild(c);
 }
-function Be(t, e, n) {
-  Ot(t, e, ":before", n), Ot(t, e, ":after", n);
+function Ke(t, e, n) {
+  Nt(t, e, ":before", n), Nt(t, e, ":after", n);
 }
-const Ht = "application/font-woff", Ft = "image/jpeg", Ue = {
-  woff: Ht,
-  woff2: Ht,
+const jt = "application/font-woff", _t = "image/jpeg", Xe = {
+  woff: jt,
+  woff2: jt,
   ttf: "application/font-truetype",
   eot: "application/vnd.ms-fontobject",
   png: "image/png",
-  jpg: Ft,
-  jpeg: Ft,
+  jpg: _t,
+  jpeg: _t,
   gif: "image/gif",
   tiff: "image/tiff",
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function je(t) {
+function Ye(t) {
   const e = /\.([^./]*?)$/g.exec(t);
   return e ? e[1] : "";
 }
-function Ct(t) {
-  const e = je(t).toLowerCase();
-  return Ue[e] || "";
+function $t(t) {
+  const e = Ye(t).toLowerCase();
+  return Xe[e] || "";
 }
-function Ne(t) {
+function Ge(t) {
   return t.split(/,/)[1];
 }
-function mt(t) {
+function vt(t) {
   return t.search(/^(data:)/) !== -1;
 }
-function _e(t, e) {
+function Je(t, e) {
   return `data:${e};base64,${t}`;
 }
-async function ee(t, e, n) {
+async function se(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 mt = {};
+function Qe(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 Tt(t, e, n) {
+  const r = Qe(t, e, n.includeQueryParams);
+  if (mt[r] != null)
+    return mt[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 se(t, n.fetchRequestInit, ({ res: o, result: c }) => (e || (e = o.headers.get("Content-Type") || ""), Ge(c)));
+    a = Je(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 mt[r] = a, a;
 }
-async function ze(t) {
+async function Ze(t) {
   const e = t.toDataURL();
-  return e === "data:," ? t.cloneNode(!1) : tt(e);
+  return e === "data:," ? t.cloneNode(!1) : it(e);
 }
-async function qe(t, e) {
+async function tn(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);
+    return it(c);
   }
-  const n = t.poster, r = Ct(n), o = await Mt(n, r, e);
-  return tt(o);
+  const n = t.poster, r = $t(n), a = await Tt(n, r, e);
+  return it(a);
 }
-async function We(t, e) {
+async function en(t, e) {
   var n;
   try {
     if (!((n = t == null ? void 0 : t.contentDocument) === null || n === void 0) && n.body)
-      return await ot(t.contentDocument.body, e, !0);
+      return await ut(t.contentDocument.body, e, !0);
   } catch {
   }
   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 nn(t, e) {
+  return x(t, HTMLCanvasElement) ? Ze(t) : x(t, HTMLVideoElement) ? tn(t, e) : x(t, HTMLIFrameElement) ? en(t, e) : t.cloneNode(ce(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 rn = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT", ce = (t) => t.tagName != null && t.tagName.toUpperCase() === "SVG";
+async function an(t, e, n) {
+  var r, a;
+  if (ce(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 rn(t) && t.assignedNodes ? i = H(t.assignedNodes()) : x(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 || x(t, HTMLVideoElement) || await i.reduce((o, c) => o.then(() => ut(c, n)).then((l) => {
     l && e.appendChild(l);
   }), Promise.resolve()), e;
 }
-function Ge(t, e, n) {
+function on(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) : ae(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`), x(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) {
-  E(t, HTMLTextAreaElement) && (e.innerHTML = t.value), E(t, HTMLInputElement) && e.setAttribute("value", t.value);
+function sn(t, e) {
+  x(t, HTMLTextAreaElement) && (e.innerHTML = t.value), x(t, HTMLInputElement) && e.setAttribute("value", t.value);
 }
-function Qe(t, e) {
-  if (E(t, HTMLSelectElement)) {
-    const r = Array.from(e.children).find((o) => t.value === o.getAttribute("value"));
+function cn(t, e) {
+  if (x(t, HTMLSelectElement)) {
+    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 ln(t, e, n) {
+  return x(e, Element) && (on(t, e, n), Ke(t, e, n), sn(t, e), cn(t, e)), e;
 }
-async function tn(t, e) {
+async function un(t, e) {
   const n = t.querySelectorAll ? t.querySelectorAll("use") : [];
   if (n.length === 0)
     return t;
@@ -242,136 +242,136 @@ async function tn(t, e) {
     const c = n[i].getAttribute("xlink:href");
     if (c) {
       const l = t.querySelector(c), u = document.querySelector(c);
-      !l && u && !r[c] && (r[c] = await ot(u, e, !0));
+      !l && u && !r[c] && (r[c] = await ut(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));
+async function ut(t, e, n) {
+  return !n && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((r) => nn(r, e)).then((r) => an(t, r, e)).then((r) => ln(t, r, e)).then((r) => un(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 le = /url\((['"]?)([^'"]+?)\1\)/g, dn = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, fn = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function hn(t) {
   const e = t.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${e})(['"]?\\))`, "g");
 }
-function on(t) {
+function pn(t) {
   const e = [];
-  return t.replace(re, (n, r, o) => (e.push(o), n)), e.filter((n) => !mt(n));
+  return t.replace(le, (n, r, a) => (e.push(a), n)), e.filter((n) => !vt(n));
 }
-async function an(t, e, n, r, o) {
+async function mn(t, e, n, r, a) {
   try {
-    const i = n ? Le(e, n) : e, a = Ct(e);
+    const i = n ? He(e, n) : e, o = $t(e);
     let c;
-    return o || (c = await Mt(i, a, r)), t.replace(rn(e), `$1${c}$3`);
+    return a || (c = await Tt(i, o, r)), t.replace(hn(e), `$1${c}$3`);
   } catch {
   }
   return t;
 }
-function sn(t, { preferredFontFormat: e }) {
-  return e ? t.replace(nn, (n) => {
+function yn(t, { preferredFontFormat: e }) {
+  return e ? t.replace(fn, (n) => {
     for (; ; ) {
-      const [r, , o] = en.exec(n) || [];
-      if (!o)
+      const [r, , a] = dn.exec(n) || [];
+      if (!a)
         return "";
-      if (o === e)
+      if (a === e)
         return `src: ${r};`;
     }
   }) : t;
 }
-function ie(t) {
-  return t.search(re) !== -1;
+function ue(t) {
+  return t.search(le) !== -1;
 }
-async function oe(t, e, n) {
-  if (!ie(t))
+async function de(t, e, n) {
+  if (!ue(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 = yn(t, n);
+  return pn(r).reduce((i, o) => i.then((c) => mn(c, o, e, n)), Promise.resolve(r));
 }
-async function z(t, e, n) {
+async function K(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 de(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 gn(t, e) {
+  await K("background", t, e) || await K("background-image", t, e), await K("mask", t, e) || await K("-webkit-mask", t, e) || await K("mask-image", t, e) || await K("-webkit-mask-image", t, e);
 }
-async function ln(t, e) {
-  const n = E(t, HTMLImageElement);
-  if (!(n && !mt(t.src)) && !(E(t, SVGImageElement) && !mt(t.href.baseVal)))
+async function wn(t, e) {
+  const n = x(t, HTMLImageElement);
+  if (!(n && !vt(t.src)) && !(x(t, SVGImageElement) && !vt(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 Tt(r, $t(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 bn(t, e) {
+  const r = H(t.childNodes).map((a) => fe(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 fe(t, e) {
+  x(t, Element) && (await gn(t, e), await wn(t, e), await bn(t, e));
 }
-function dn(t, e) {
+function Sn(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 Vt = {};
+async function Wt(t) {
+  let e = Vt[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 }, Vt[t] = e, e;
 }
-async function Ut(t, e) {
+async function zt(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), se(c, e.fetchRequestInit, ({ result: l }) => (n = n.replace(o, `url(${l})`), [o, l]));
   });
   return Promise.all(i).then(() => n);
 }
-function jt(t) {
+function qt(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 vn(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 = Wt(l).then((f) => zt(f, e)).then((f) => qt(f).forEach((p) => {
               try {
-                o.insertRule(p, p.startsWith("@import") ? c += 1 : o.cssRules.length);
-              } catch (m) {
+                a.insertRule(p, p.startsWith("@import") ? c += 1 : a.cssRules.length);
+              } catch (y) {
                 console.error("Error inserting rule from remote css", {
                   rule: p,
-                  error: 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(Wt(a.href).then((c) => zt(c, e)).then((c) => qt(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 xn(t) {
+  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => ue(e.style.getPropertyValue("src")));
 }
-async function pn(t, e) {
+async function En(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 vn(n, e);
+  return xn(r);
 }
-function se(t) {
+function he(t) {
   return t.trim().replace(/["']/g, "");
 }
-function mn(t) {
+function Cn(t) {
   const e = /* @__PURE__ */ new Set();
   function n(r) {
     (r.style.fontFamily || getComputedStyle(r).fontFamily).split(",").forEach((i) => {
-      e.add(se(i));
+      e.add(he(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 Mn(t, e) {
+  const n = await En(t, e), r = Cn(t);
+  return (await Promise.all(n.filter((i) => r.has(he(i.style.fontFamily))).map((i) => {
+    const o = i.parentStyleSheet ? i.parentStyleSheet.href : null;
+    return de(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 An(t, e) {
+  const n = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await Mn(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 Ln(t, e = {}) {
+  const { width: n, height: r } = oe(t, e), a = await ut(t, e, !0);
+  return await An(a, e), await fe(a, e), Sn(a, e), await Ve(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 Rn(t, e = {}) {
+  const { width: n, height: r } = oe(t, e), a = await Ln(t, e), i = await it(a), o = document.createElement("canvas"), c = o.getContext("2d"), l = e.pixelRatio || Ne(), u = e.canvasWidth || n, f = e.canvasHeight || r;
+  return o.width = u * l, o.height = f * l, e.skipAutoScale || je(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 Kt(t, e = {}) {
+  return (await Rn(t, e)).toDataURL();
 }
-const et = "data-nf-capture-chrome", Sn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==";
-function vn(t) {
-  return t instanceof Element && (t.hasAttribute(et) || t.hasAttribute("data-nf-mask-cover") || t.id === "notefully");
+const at = "data-nf-capture-chrome", $n = "data-nf-canvas-snap", Tn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==";
+function pe(t) {
+  return t instanceof Element && (t.hasAttribute(at) || t.hasAttribute("data-nf-mask-cover") || t.id === "notefully");
 }
-function xn() {
+function Pn() {
   const t = [];
   return Array.from(document.styleSheets).forEach((e) => {
     try {
@@ -503,11 +503,11 @@ function xn() {
     });
   };
 }
-function En() {
+function kn() {
   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,185 @@ 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() {
-  const t = document.querySelector(`[${et}]`);
+function In() {
+  const t = document.querySelector(`[${at}]`);
   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() {
-  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: () => {
+  return e.setAttribute(at, "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 On() {
+  document.querySelectorAll(`[${at}]`).forEach((t) => t.remove());
+}
+function xt() {
+  return new Promise((t) => {
+    requestAnimationFrame(() => requestAnimationFrame(t));
+  });
+}
+function D(t) {
+  if (typeof t != "string" || !t.startsWith("data:image/"))
+    return !1;
+  const e = t.indexOf(",");
+  return e > 0 && e < t.length - 1;
+}
+function Bn() {
+  const t = document.documentElement, e = document.body, n = Math.max(
+    window.innerWidth || 0,
+    (t == null ? void 0 : t.clientWidth) || 0,
+    (t == null ? void 0 : t.scrollWidth) || 0,
+    (e == null ? void 0 : e.scrollWidth) || 0,
+    1
+  ), r = Math.max(
+    window.innerHeight || 0,
+    (t == null ? void 0 : t.clientHeight) || 0,
+    (t == null ? void 0 : t.scrollHeight) || 0,
+    (e == null ? void 0 : e.scrollHeight) || 0,
+    1
+  );
+  return { width: n, height: r };
+}
+async function Hn() {
+  const t = [], e = Array.from(document.querySelectorAll("canvas"));
+  for (const n of e) {
+    if (n.closest("#notefully") || pe(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($n, "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 Dn(t) {
+  if (!t)
+    return null;
+  if (typeof t == "string")
+    return D(t) ? t : null;
+  if (typeof HTMLCanvasElement < "u" && t instanceof HTMLCanvasElement)
+    try {
+      const e = t.toDataURL("image/png");
+      return D(e) ? e : null;
+    } catch {
+      return null;
     }
+  if (typeof Blob < "u" && t instanceof Blob) {
+    const e = await Fn(t);
+    return D(e) ? e : null;
+  }
+  return null;
+}
+async function Fn(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 Un() {
+  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((c) => {
+      n.onloadedmetadata = () => c();
+    }), await xt();
+    const r = n.videoWidth || 1, a = n.videoHeight || 1, i = document.createElement("canvas");
+    i.width = r, i.height = a, i.getContext("2d").drawImage(n, 0, 0, r, a);
+    const o = i.toDataURL("image/png");
+    if (!D(o))
+      throw new Error("Screen capture produced an empty image.");
+    return o;
+  } finally {
+    t.getTracks().forEach((n) => n.stop());
+  }
+}
+async function me(t = {}) {
+  const e = document.getElementById("notefully"), n = e ? e.style.display : "", r = In(), a = Pn();
+  let i = () => {
   };
+  e && (e.style.display = "none");
+  const o = kn();
   try {
+    if (typeof t.onBeforeCapture == "function" && await t.onBeforeCapture(), await xt(), typeof t.capture == "function") {
+      const p = await Dn(await t.capture());
+      if (p)
+        return p;
+    }
+    i = await Hn(), await xt();
+    const { width: c, height: l } = Bn(), u = {
+      cacheBust: !0,
+      width: c,
+      height: l,
+      pixelRatio: Math.min(window.devicePixelRatio || 1, 2),
+      filter: (p) => !pe(p),
+      // 404 / CORS images must not abort the whole capture.
+      imagePlaceholder: Tn,
+      onImageErrorHandler: () => {
+      }
+    };
+    let f = "";
     try {
-      return await Nt(document.body, i);
+      f = await Kt(document.body, u);
     } catch {
-      return await Nt(document.body, { ...i, skipFonts: !0 });
+      f = await Kt(document.body, { ...u, skipFonts: !0 });
     }
+    if (!D(f))
+      throw new Error("Screenshot capture produced an empty image.");
+    return f;
   } finally {
-    o(), r(), n.remove(), Mn(), t && (t.style.display = e);
+    try {
+      i();
+    } catch {
+    }
+    o(), a(), r.remove(), On(), e && (e.style.display = n);
   }
 }
-function Ln(t = "") {
+function Nn(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 jn(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 _n(t = {}) {
   const e = navigator.userAgent;
   return {
     url: location.href,
     title: document.title,
     userAgent: e,
-    os: Ln(e),
-    browser: Rn(e),
+    os: Nn(e),
+    browser: jn(e),
     language: navigator.language,
     timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
     viewport: {
@@ -583,11 +709,11 @@ function $n(t = {}) {
     }
   };
 }
-const _t = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Vt = {
+const Xt = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Yt = {
   id: "userId",
   username: "displayName",
   name: "displayName"
-}, zt = /* @__PURE__ */ new Set([
+}, Gt = /* @__PURE__ */ new Set([
   "endpoint",
   "projectKey",
   "version",
@@ -597,8 +723,10 @@ const _t = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Vt = {
   "theme",
   "video",
   "consoleLogLimit",
-  "kinds"
-]), qt = {
+  "kinds",
+  "capture",
+  "onBeforeCapture"
+]), Jt = {
   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 +735,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 Vn(t = {}, e = {}) {
+  const n = e.warn || ye, r = t && typeof t == "object" ? t : {}, a = {}, i = [];
+  for (const o of Xt)
+    Object.prototype.hasOwnProperty.call(r, o) && (a[o] = r[o]);
+  for (const [o, c] of Object.entries(Yt))
+    Object.prototype.hasOwnProperty.call(r, o) && (Object.prototype.hasOwnProperty.call(a, c) || (a[c] = r[o]));
+  for (const o of Object.keys(r))
+    Xt.has(o) || Object.prototype.hasOwnProperty.call(Yt, 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 Wn(t = {}, e = {}) {
+  const n = e.warn || ye, r = t && typeof t == "object" ? t : {}, a = Object.keys(r).filter((i) => !Gt.has(i));
+  if (a.length)
+    for (const i of a) {
+      if (Jt[i]) {
+        n(`Notefully.init: ignoring "${i}". ${Jt[i]}`);
         continue;
       }
       n(
-        `Notefully.init: ignoring unknown key "${i}". Supported: ${[...zt].join(", ")}.`
+        `Notefully.init: ignoring unknown key "${i}". Supported: ${[...Gt].join(", ")}.`
       );
     }
 }
-function ce(t) {
+function ye(t) {
   typeof console < "u" && typeof console.warn == "function" && console.warn(t);
 }
-const Tn = 80;
-function In() {
+const zn = 80;
+function qn() {
   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 > zn && 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 +801,10 @@ function In() {
     }
   };
 }
-function On(t) {
+function Kn(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 +815,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,24 +826,24 @@ 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 Xn = 60 * 1e3;
+function Yn({ 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);
@@ -729,17 +857,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);
+    }, (p = r.getVideoTracks()[0]) == null || p.addEventListener("ended", () => l()), a.start(), o = setTimeout(l, Xn);
   }, stop: l };
 }
-function Dn() {
+function Gn() {
   const t = /* @__PURE__ */ new Set();
   return {
     alloc() {
@@ -757,24 +885,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 yt = { x: 0, y: 0, w: 1, h: 1 };
+function Pt() {
+  const t = Gn();
+  let e = [], n = { ...yt }, r = 1;
   return {
-    list: () => e.filter((i) => Un(i, n)),
+    list: () => e.filter((i) => Qn(i, n)),
     all: () => e.slice(),
     crop: () => ({ ...n }),
     setCrop(i) {
-      return n = Bn(i), n;
+      return n = Jn(i), n;
     },
     resetCrop() {
-      return n = { ...dt }, n;
+      return n = { ...yt }, 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 +913,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 = { ...yt }, 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 Jn(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 Qn(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 kt(t) {
   const e = Math.max(1, Number(t) || 1);
   return {
     stroke: Math.max(2, e * 75e-4),
@@ -824,147 +952,148 @@ function At(t) {
     arrowHeadAngle: 0.4
   };
 }
-function jn(t, {
+function Zn(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 = kt(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 = Et(u.x, n, r), p = Ct(u.y, n, a), y = u.w / n.w * r, v = u.h / n.h * a, A = l.stroke / 2;
     if (u.type === "rect")
       t.strokeRect(
         f + A,
         p + A,
-        Math.max(0, m - l.stroke),
-        Math.max(0, x - l.stroke)
+        Math.max(0, y - l.stroke),
+        Math.max(0, v - 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,
+        p + v / 2,
+        Math.max(0.5, y / 2 - A),
+        Math.max(0.5, v / 2 - A),
         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 V = Et(u.x2 ?? u.x + u.w, n, r), W = Ct(u.y2 ?? u.y, n, a);
+      er(t, f, p, V, W, 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 = tr(u, n, r, a, f, p, y), Y = 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(Y, I.x, I.y + 0.5), t.fillStyle = o;
   }), t.restore();
 }
-function yt(t, e, n) {
+function Et(t, e, n) {
   return (t - e.x) / e.w * n;
 }
-function gt(t, e, n) {
+function Ct(t, e, n) {
   return (t - e.y) / e.h * n;
 }
-function Nn(t, e, n, r, o, i, a) {
+function tr(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 = Et(t.x2 ?? t.x + t.w, e, n), l = Ct(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 };
-}
-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)
-  }, x = {
-    x: l - a * Math.cos(i + o.arrowHeadAngle),
-    y: u - a * Math.sin(i + o.arrowHeadAngle)
+  return { x: a + o / 2, y: i };
+}
+function ge(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, p = r - Math.sin(i) * o, y = {
+    x: l - o * Math.cos(i - a.arrowHeadAngle),
+    y: u - o * Math.sin(i - a.arrowHeadAngle)
+  }, v = {
+    x: l - o * Math.cos(i + a.arrowHeadAngle),
+    y: u - o * Math.sin(i + a.arrowHeadAngle)
   }, A = {
     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 };
+  return { angle: i, tipX: l, tipY: u, baseX: f, baseY: p, left: y, right: v, 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 er(t, e, n, r, a, i) {
+  const o = ge(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 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");
+function nr(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)), 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, {
+      const y = p.getContext("2d");
+      y.drawImage(o, c, l, u, f, 0, 0, u, f), Zn(y, {
         stickers: n,
         crop: e,
         width: u,
         height: f,
         colors: r
-      }), p.toBlob((x) => {
-        if (!x) {
+      }), p.toBlob((v) => {
+        if (!v) {
           i(new Error("Could not encode screenshot"));
           return;
         }
-        o(x);
+        a(v);
       }, "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 N = [
   { id: "bug", label: "Bug" },
   { id: "idea", label: "Idea" },
   { id: "other", label: "Other" }
 ];
-function Wt(t) {
+function Qt(t) {
   return String(t || "").trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 32);
 }
-function ft(t) {
+function gt(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 rr(t) {
   if (!Array.isArray(t) || !t.length)
-    return B.map((r) => ({ ...r }));
+    return N.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 = Qt(r), i = gt(a)) : r && typeof r == "object" && (a = Qt(r.id ?? r.value ?? r.kind), i = String(r.label || r.name || gt(a)).trim() || gt(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 : N.map((r) => ({ ...r }));
 }
-function at(t) {
+function dt(t) {
   var n;
-  const e = Array.isArray(t) && t.length ? t : B;
+  const e = Array.isArray(t) && t.length ? t : N;
   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 ir = ["maker", "all-business", "brighter-day", "quiet-night"], we = "maker", ar = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), Mt = 0.02, Zt = 0.05, or = `
   <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 P(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 L = {
+  crop: P('<path d="M6 3v5H1M18 21v-5h5M8 5h8a2 2 0 0 1 2 2v8M16 19H8a2 2 0 0 1-2-2V8"/>'),
+  resetCrop: P('<path d="M3 12a9 9 0 1 0 3-6.7L3 8"/><path d="M3 3v5h5"/>'),
+  arrow: P('<path d="M5 19 19 5"/><path d="M9 5h10v10"/>'),
+  rect: P('<rect x="4" y="6" width="16" height="12" rx="1.5"/>'),
+  circle: P('<circle cx="12" cy="12" r="8"/>'),
+  discard: P('<path d="M4 7h16"/><path d="M9 7V5h6v2"/><path d="M6 7l1 13h10l1-13"/>'),
+  recapture: P('<path d="M4 8h3l2-2h6l2 2h3v11H4z"/><circle cx="12" cy="13" r="3.5"/>'),
+  audio: P('<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: P('<rect x="3" y="7" width="13" height="10" rx="2"/><path d="M16 10.5 21 8v8l-5-2.5z"/>')
+}, be = qn();
+be.hook();
+const Se = 10, sr = 80, ve = "notefully.author", At = "Anonymous";
 let d = {
   endpoint: "",
   projectKey: "",
@@ -972,43 +1101,46 @@ let d = {
   name: "",
   targets: null,
   hideLauncher: !1,
-  theme: de,
+  theme: we,
   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: Se,
+  kinds: N.map((t) => ({ ...t })),
+  capture: null,
+  onBeforeCapture: null
+}, wt = !1, R = {}, h = null, s = {}, m = Pt(), T = "", X = "", $ = null, j = dt(N), B = null, M = null, b = null, w = null, nt = null, U = null, G = null, k = { w: 0, h: 0 }, bt = !1, It = !1;
 function g(t) {
   return h.querySelector(t);
 }
-function me(t) {
+function xe(t) {
   const e = String(t || "").trim().toLowerCase().replace(/\s+/g, "-");
-  return qn.includes(e) ? e : de;
+  return ir.includes(e) ? e : we;
 }
-function Xt(t, e) {
+function te(t, e) {
   return h && getComputedStyle(h).getPropertyValue(t).trim() || e;
 }
-async function Yn(t) {
+async function cr(t) {
   return (await fetch(t)).blob();
 }
-function v(t, e = !1) {
-  s.status && (s.status.textContent = t || "", Q && (clearTimeout(Q), Q = null), t && !e && (Q = setTimeout(() => {
+function S(t, e = !1) {
+  s.status && (s.status.textContent = t || "", nt && (clearTimeout(nt), nt = null), t && !e && (nt = setTimeout(() => {
     s.status.textContent = "";
   }, 4e3)));
 }
-function Rt() {
+function Ot() {
   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…">${or}</button>
       <div class="nf-dialog" hidden>
         <div class="nf-panel">
           <div class="nf-panel-body">
-            <div class="nf-stage">
+            <div class="nf-stage" hidden>
               <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">${L.crop}</button>
+                <button class="nf-reset-crop nf-icon-btn" type="button" title="Reset crop" aria-label="Reset crop" hidden>${L.resetCrop}</button>
+                <button class="nf-tool nf-icon-btn" type="button" data-tool="arrow" title="Arrow" aria-label="Arrow">${L.arrow}</button>
+                <button class="nf-tool nf-icon-btn" type="button" data-tool="rect" title="Rectangle" aria-label="Rectangle">${L.rect}</button>
+                <button class="nf-tool nf-icon-btn" type="button" data-tool="circle" title="Circle" aria-label="Circle">${L.circle}</button>
+                <button class="nf-discard-shot nf-icon-btn" type="button" title="Discard screenshot" aria-label="Discard screenshot">${L.discard}</button>
+                <button class="nf-recapture nf-icon-btn" type="button" title="Recapture screenshot" aria-label="Recapture screenshot">${L.recapture}</button>
               </div>
               <div class="nf-canvas"></div>
             </div>
@@ -1016,9 +1148,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>${L.resetCrop}</button>
+              <button class="nf-audio nf-icon-btn" type="button" title="Record audio" aria-label="Record audio">${L.audio}</button>
+              <button class="nf-video nf-icon-btn" type="button" title="Record video" aria-label="Record video">${L.video}</button>
               <button class="nf-submit" type="button">Submit</button>
             </div>
             <div class="nf-status"></div>
@@ -1034,154 +1166,159 @@ function Rt() {
     panelBody: g(".nf-panel-body"),
     successMsg: g(".nf-success-msg"),
     stage: g(".nf-stage"),
+    palette: g(".nf-palette"),
     canvas: g(".nf-canvas"),
     text: g(".nf-text"),
     author: g(".nf-author"),
+    actions: g(".nf-actions"),
     restore: g(".nf-restore"),
     status: g(".nf-status"),
     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;
+  }, lr(), Q()), h;
 }
-function X() {
+function Q() {
   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 = xe(d.theme), d.hideLauncher ? h.setAttribute("data-nf-hidden-launcher", "") : h.removeAttribute("data-nf-hidden-launcher"), s.video && (s.video.hidden = !d.video), Ee(), (t = s.dialog) != null && t.hidden && ot());
 }
-function nt() {
+function ot() {
   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 lr() {
+  s.launcher.addEventListener("click", () => Ie()), g(".nf-dialog").addEventListener("click", (e) => {
+    It || e.target === s.dialog && et();
   }), 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", () => J(e.dataset.tool));
+  }), s.resetCrop.addEventListener("click", yr), s.canvas.addEventListener("pointerdown", dr), 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);
-}
-function Yt(t) {
+    n && Bt(n.dataset.kind);
+  }), s.discard.addEventListener("click", gr), s.recapture.addEventListener("click", () => {
+    br().catch((e) => S(e.message || "Recapture failed."));
+  }), s.restore.addEventListener("click", wr), s.audio.addEventListener("click", Sr), s.video.addEventListener("click", vr), s.stop.addEventListener("click", () => G == null ? void 0 : G.stop()), g(".nf-submit").addEventListener("click", () => {
+    Be().catch((e) => S(e.message || "Submit failed."));
+  }), Ee(), J(null);
+}
+function ee(t) {
   return String(t || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function ye() {
+function Ee() {
   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);
-}
-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) => {
-    n.dataset.active = String(n.dataset.kind === U);
+  const e = Array.isArray(d.kinds) && d.kinds.length ? d.kinds : N;
+  t.innerHTML = e.map((a) => `<button type="button" data-kind="${ee(a.id)}">${ee(a.label)}</button>`).join("");
+  const r = e.map((a) => a.id).includes(j) ? j : dt(e);
+  Bt(r);
+}
+function Bt(t) {
+  j = (d.kinds || N).map((n) => n.id).includes(t) ? t : dt(d.kinds), h == null || h.querySelectorAll("[data-kind]").forEach((n) => {
+    n.dataset.active = String(n.dataset.kind === j);
   });
 }
-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 J(t) {
+  B = ar.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"), F() && C();
 }
-function Gt(t) {
+function ne(t) {
   return Math.min(1, Math.max(0, t));
 }
-function Y() {
+function Z() {
   return s.shot || s.canvas;
 }
-function rt(t) {
-  const e = Y().getBoundingClientRect();
+function st(t) {
+  const e = Z().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: ne((t.clientX - e.left) / Math.max(e.width, 1)),
+    y: ne((t.clientY - e.top) / Math.max(e.height, 1))
   };
 }
-function Jn(t) {
-  const e = Y().getBoundingClientRect();
+function ur(t) {
+  const e = Z().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 Ce(t) {
+  const e = st(t), n = m.crop();
   return {
     x: n.x + e.x * n.w,
     y: n.y + e.y * n.h
   };
 }
-function st(t, e) {
+function ft(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(Mt, Math.abs(e.x - t.x)),
+    h: Math.max(Mt, Math.abs(e.y - t.y))
   };
 }
-function Pt(t) {
+function Ht(t) {
   h && (t ? h.dataset.grabbing = "true" : delete h.dataset.grabbing);
 }
-function pt(t) {
+function St(t) {
   try {
     s.canvas.setPointerCapture(t.pointerId);
   } catch {
   }
 }
-function vt() {
-  window.addEventListener("pointermove", be), window.addEventListener("pointerup", it), window.addEventListener("pointercancel", it);
+function Lt() {
+  window.addEventListener("pointermove", Ae), window.addEventListener("pointerup", ct), window.addEventListener("pointercancel", ct);
 }
-function we() {
-  window.removeEventListener("pointermove", be), window.removeEventListener("pointerup", it), window.removeEventListener("pointercancel", it);
+function Me() {
+  window.removeEventListener("pointermove", Ae), window.removeEventListener("pointerup", ct), window.removeEventListener("pointercancel", ct);
 }
-function Qn(t) {
-  if (t.button !== 0 || !S)
+function dr(t) {
+  if (t.button !== 0 || !F())
     return;
-  if (!t.target.closest(".nf-sticker") && !Jn(t)) {
-    L = null, M();
+  if (!t.target.closest(".nf-sticker") && !ur(t)) {
+    M = null, C();
     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, St(t), fr({
       kind: "sticker",
-      id: L,
+      id: M,
       dir: (e == null ? void 0 : e.dataset.dir) || "move"
-    }, t), M();
+    }, t), C();
     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(), St(t), b = { kind: "crop", start: st(t), current: st(t) }, Lt(), C();
     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(), St(t);
+    const r = Ce(t);
+    b = { kind: "sticker", type: B, start: r, current: r }, Lt(), C();
     return;
   }
-  M();
+  C();
 }
-function Zn(t, e) {
+function fr(t, e) {
   e.preventDefault(), e.stopPropagation();
-  const n = Y().getBoundingClientRect(), r = y.list().find((o) => o.id === t.id);
+  const n = Z().getBoundingClientRect(), r = m.list().find((a) => a.id === t.id);
   w = {
     ...t,
     startX: e.clientX,
     startY: e.clientY,
-    crop: y.crop(),
+    crop: m.crop(),
     sticker: r ? { ...r } : null,
     rect: n
-  }, Pt(t.dir === "move" || t.dir === "start" || t.dir === "end"), vt();
+  }, Ht(t.dir === "move" || t.dir === "start" || t.dir === "end"), Lt();
 }
-function be(t) {
+function Ae(t) {
   if (b) {
-    b.current = b.kind === "crop" ? rt(t) : ge(t), M();
+    b.current = b.kind === "crop" ? st(t) : Ce(t), C();
     return;
   }
   if (!w)
@@ -1189,85 +1326,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, {
+      m.update(r.id, {
         x2: r.x2 + e,
         y2: r.y2 + n
       });
     else if (w.dir === "start")
-      y.update(r.id, {
+      m.update(r.id, {
         x: r.x + e,
         y: r.y + n
       });
     else if (w.dir === "move")
-      y.update(r.id, {
+      m.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 };
+      hr(a, w.dir, e, n), m.update(r.id, a);
     }
-    M();
+    C();
   }
 }
-function tr(t, e, n, r) {
+function hr(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 ct(t) {
+  if (Me(), Ht(!1), b) {
+    pr();
     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) && (m.remove(w.id), M = null);
     }
-    w = null, M();
+    w = null, C();
   }
 }
-function er() {
+function pr() {
   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 = ft(t.start, t.current);
+    if (Math.abs(t.current.x - t.start.x) < Zt || Math.abs(t.current.y - t.start.y) < Zt) {
+      C();
       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 = m.crop();
+    m.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
+    }), _();
     return;
   }
-  const e = nr(t);
-  e && (L = e.id), M();
+  const e = mr(t);
+  e && (M = e.id), C();
 }
-function nr(t) {
+function mr(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) < Mt ? m.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", {
+    }) : m.add("arrow", {
       x: t.start.x,
       y: t.start.y,
       x2: t.current.x,
@@ -1276,83 +1413,121 @@ function nr(t) {
       h: Math.abs(n)
     });
   }
-  return y.add(t.type, st(t.start, t.current));
+  return m.add(t.type, ft(t.start, t.current));
 }
-function rr() {
-  y.resetCrop(), L = null, G();
+function yr() {
+  m.resetCrop(), M = null, _();
 }
-function xt() {
-  s.resetCrop && (s.resetCrop.hidden = !y.isCropped());
+function lt() {
+  s.resetCrop && (s.resetCrop.hidden = !m.isCropped());
 }
-function kt(t) {
+function Dt(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 F() {
+  return D(T);
 }
-function or() {
-  K && (S = K, s.stage.hidden = !1, s.restore.hidden = !0, G());
+function tt() {
+  if (!s.stage || !s.palette || !s.actions || !s.recapture)
+    return;
+  const t = F();
+  s.stage.hidden = !t && !$, s.palette.hidden = !t, s.discard && (s.discard.hidden = !t), s.restore && (s.restore.hidden = t || !X), t ? (s.palette.appendChild(s.discard), s.palette.appendChild(s.recapture)) : s.audio ? s.audio.after(s.recapture) : s.actions.insertBefore(s.recapture, s.submit || null), s.recapture.hidden = !1;
 }
-function ar() {
+function gr() {
+  F() && (X = T), T = "", J(null), tt(), _();
+}
+function wr() {
+  D(X) && (T = X, tt(), _());
+}
+function Le() {
+  return {
+    capture: typeof d.capture == "function" ? d.capture : void 0,
+    onBeforeCapture: typeof d.onBeforeCapture == "function" ? d.onBeforeCapture : void 0
+  };
+}
+function Re(t) {
+  if (!D(t))
+    throw new Error("Screenshot failed; you can still send text.");
+  T = t, X = t, m = Pt(), k = { w: 0, h: 0 }, M = null, b = null, w = null, J(null);
+}
+async function br() {
+  if (!(wt || !s.dialog || s.dialog.hidden)) {
+    wt = !0, s.recapture.disabled = !0, S("Capturing…", !0), s.dialog.hidden = !0;
+    try {
+      let t = "";
+      try {
+        t = await Un();
+      } catch {
+        t = await me(Le());
+      }
+      Re(t), S("");
+    } catch (t) {
+      S((t == null ? void 0 : t.message) || "Screenshot failed; you can still send text.");
+    } finally {
+      s.dialog.hidden = !1, s.recapture.disabled = !1, wt = !1, tt(), _();
+    }
+  }
+}
+function Sr() {
   try {
-    if (D || (D = On((e) => {
+    if (U || (U = Kn((e) => {
       const n = s.text.value.trim();
       s.text.value = n ? `${n} ${e}` : e;
-    })), !D.isSupported()) {
-      v("Audio-to-text is not supported in this browser.");
+    })), !U.isSupported()) {
+      S("Audio-to-text is not supported in this browser.");
       return;
     }
-    const t = D.start();
-    kt(t), v(t ? "Listening…" : "");
+    const t = U.start();
+    Dt(t), S(t ? "Listening…" : "");
   } catch (t) {
-    v(t.message);
+    S(t.message);
   }
 }
-async function sr() {
+async function vr() {
   if (!d.video) {
-    v("Video is disabled on this host.");
+    S("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, Q(), s.launcher.hidden = !0, G = Yn({
     onStart() {
     },
     onStop(t) {
-      P = t, s.stop.hidden = !0, nt(), s.dialog.hidden = !1, G(), v(t ? "Video attached." : "Recording cancelled.");
+      $ = t, s.stop.hidden = !0, ot(), s.dialog.hidden = !1, tt(), _(), S(t ? "Video attached." : "Recording cancelled.");
     },
     onError(t) {
-      v(t.message);
+      S(t.message);
     }
   });
   try {
-    await W.start();
+    await G.start();
   } catch (t) {
-    s.stop.hidden = !0, nt(), s.dialog.hidden = !1, v(t.message);
+    s.stop.hidden = !0, ot(), s.dialog.hidden = !1, S(t.message);
   }
 }
-function G() {
-  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();
+function _() {
+  if (s.shot = null, !F()) {
+    s.canvas.style.removeProperty("--nf-shot-aspect"), s.canvas.style.removeProperty("aspect-ratio"), s.canvas.innerHTML = $ ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL($)}"></video>` : "", lt();
     return;
   }
-  s.canvas.innerHTML = `<div class="nf-shot"><img alt="Screenshot" src="${S}" draggable="false"></div>`, s.shot = s.canvas.querySelector(".nf-shot");
+  s.canvas.innerHTML = `<div class="nf-shot"><img alt="Screenshot" src="${T}" 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();
+    xr(t), C();
   };
-  t.addEventListener("load", e), t.complete && t.naturalWidth && e();
+  t.addEventListener("load", e), t.complete && t.naturalWidth && e(), lt();
 }
-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 xr(t) {
+  const e = t.naturalWidth || k.w, n = t.naturalHeight || k.h;
+  if (e && n && (k = { w: e, h: n }, s.canvas.style.setProperty("--nf-shot-aspect", String(e / n)), s.canvas.style.aspectRatio = `${e} / ${n}`), !s.shot || !k.w || !k.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 = m.crop(), a = k.w / k.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 Er(t) {
   return t.type === "arrow" ? {
     id: "preview",
     type: "arrow",
@@ -1367,94 +1542,94 @@ function lr(t) {
     id: "preview",
     type: t.type,
     number: "",
-    ...st(t.start, t.current)
+    ...ft(t.start, t.current)
   };
 }
-function M() {
-  if ((s.shot || s.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((i) => i.remove()), !S || !s.shot) {
-    xt();
+function C() {
+  if ((s.shot || s.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((i) => i.remove()), !F() || !s.shot) {
+    lt();
     return;
   }
-  const e = y.crop(), n = Y(), r = At(n.clientWidth || 400);
+  const e = m.crop(), n = Z(), r = kt(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", re(i, ft(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 = m.list().slice();
+  if ((b == null ? void 0 : b.kind) === "sticker" && a.push(Er(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" ? Cr(l, i, e, c, r) : (re(l, i, e), c && ["nw", "ne", "sw", "se"].forEach((u) => Rt(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()), $) {
     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($), i.style.position = "absolute", i.style.right = "8px", i.style.bottom = "8px", i.style.width = "160px", s.canvas.appendChild(i);
   }
-  xt();
+  lt();
 }
-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 Cr(t, e, n, r, a = kt(400)) {
+  const i = Z(), 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, p = ((e.y2 ?? e.y) - n.y) / n.h * c, y = Math.max(18, a.arrowHead + a.stroke * 2), v = Math.min(l, f) - y, A = Math.min(u, p) - y, I = Math.max(2, Math.abs(f - l)) + y * 2, Y = Math.max(2, Math.abs(p - u)) + y * 2, V = l - v, W = u - A, ht = f - v, pt = p - A, O = ge(V, W, ht, pt, a), z = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  t.style.left = `${v}px`, t.style.top = `${A}px`, t.style.width = `${I}px`, t.style.height = `${Y}px`, z.setAttribute("class", "nf-arrow-svg"), z.setAttribute("viewBox", `0 0 ${I} ${Y}`), z.setAttribute("width", String(I)), z.setAttribute("height", String(Y)), z.innerHTML = `
+      <line class="nf-arrow-hit" x1="${V}" y1="${W}" x2="${ht}" y2="${pt}" />
+      <line class="nf-arrow-shaft" x1="${V}" y1="${W}" 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(z), r && (Rt(t, "start", { left: V - 5, top: W - 5 }), Rt(t, "end", { left: ht - 5, top: pt - 5 }));
 }
-function Et(t, e, n) {
+function Rt(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 re(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 Mr() {
   try {
-    return String(localStorage.getItem(pe) || "").trim();
+    return String(localStorage.getItem(ve) || "").trim();
   } catch {
     return "";
   }
 }
-function fr(t) {
+function Ar(t) {
   const e = String(t || "").trim();
-  if (!(!e || e === bt))
+  if (!(!e || e === At))
     try {
-      localStorage.setItem(pe, e);
+      localStorage.setItem(ve, e);
     } catch {
     }
 }
-function Se() {
+function $e() {
   return !!(String(R.userId || "").trim() || String(R.email || "").trim() || String(R.displayName || "").trim());
 }
-function hr() {
+function Lr() {
   return String(
     R.displayName || R.email || R.userId || ""
   ).trim();
 }
-function pr() {
+function Rr() {
   var e;
-  if (Se())
-    return hr() || bt;
+  if ($e())
+    return Lr() || At;
   const t = String(((e = s.author) == null ? void 0 : e.value) || "").trim();
-  return t ? (fr(t), t) : bt;
+  return t ? (Ar(t), t) : At;
 }
-function ve() {
+function Te() {
   if (!s.author)
     return;
-  const t = Se();
+  const t = $e();
   if (s.author.hidden = t, t) {
     s.author.value = "";
     return;
   }
-  s.author.value = dr();
+  s.author.value = Mr();
 }
-function xe(t, e = he) {
+function Pe(t, e = Se) {
   const n = Number(t);
-  return Number.isFinite(n) ? Math.min(Xn, Math.max(0, Math.floor(n))) : e;
+  return Number.isFinite(n) ? Math.min(sr, Math.max(0, Math.floor(n))) : e;
 }
-function Ee(t = {}) {
-  kn(t);
+function ke(t = {}) {
+  Wn(t);
   const e = Object.prototype.hasOwnProperty.call(t, "kinds");
   d = {
     ...d,
@@ -1464,102 +1639,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: xe(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 : Pe(t.consoleLogLimit, d.consoleLogLimit),
+    kinds: e ? rr(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 Ft(t = {}) {
+  return ke(t), h && Q(), Ut;
 }
-function mr(t = {}) {
-  return Ee(t), Rt(), X(), It;
+function $r(t = {}) {
+  return ke(t), Ot(), Q(), Ut;
 }
-function yr(t) {
-  return Tt({ theme: t });
+function Tr(t) {
+  return Ft({ theme: t });
 }
-function gr(t) {
+function Pr(t) {
   const e = !!t;
-  return !e && h && s.dialog && !s.dialog.hidden && J(), Tt({ hideLauncher: !e });
+  return !e && h && s.dialog && !s.dialog.hidden && et(), Ft({ 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 Ie() {
+  Ot(), Oe(), Q(), s.launcher.hidden = !0, m = Pt(), k = { w: 0, h: 0 }, $ = null, T = "", X = "", M = null, b = null, w = null, j = dt(d.kinds), Bt(j), J(null), Dt(!1), s.text.value = "", Te(), S("");
   try {
-    S = await An(), K = S, s.stage.hidden = !1, s.restore.hidden = !0, v("");
-  } catch {
-    S = "", v("Screenshot failed; you can still send text.");
+    Re(await me(Le())), S("");
+  } catch (t) {
+    T = "", S((t == null ? void 0 : t.message) || "Screenshot failed; you can still send text.");
   }
-  s.dialog.hidden = !1, G(), s.text.focus();
+  tt(), s.dialog.hidden = !1, _(), 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());
+function et() {
+  h && (U == null || U.stop(), Dt(!1), Me(), b = null, w = null, Ht(!1), Oe(), s.dialog.hidden = !0, s.stop.hidden = !0, ot());
 }
-function wr() {
+function kr() {
   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)
+  It = !0, S("");
+  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(() => {
+      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 = (v) => {
+      v.target !== e || v.propertyName !== "transform" || p();
     };
-    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);
   });
 }
-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 Oe() {
+  It = !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 Ir(t = {}) {
+  R = { ...R, ...Vn(t) }, Te();
 }
-async function Ae() {
-  if (Rt(), ht)
+async function Be() {
+  if (Ot(), bt)
     return null;
   const t = s.text.value.trim();
-  if (!t && !S && !P)
-    return v("Add a note, screenshot, or video first."), null;
+  if (!t && !F() && !$)
+    return S("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);
+    return S("Notefully is missing endpoint or projectKey."), null;
+  bt = !0, ie(!0), S("Submitting…", !0);
   try {
-    const e = pr(), 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({
+    const e = Rr(), n = new FormData();
+    if (n.append("message", t), n.append("kind", j), 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
       }),
       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(
-          S,
-          y.crop(),
-          y.list(),
+      console: be.snapshot().slice(-Pe(d.consoleLogLimit))
+    })), n.append("annotations", JSON.stringify(m.list())), n.append("crop", JSON.stringify(m.crop())), Array.isArray(d.targets) && n.append("targets", JSON.stringify(d.targets)), F()) {
+      const i = await cr(T);
+      if (n.append("screenshot", i, "screenshot.png"), m.list().length || m.isCropped()) {
+        const o = await nr(
+          T,
+          m.crop(),
+          m.list(),
           {
-            mark: Xt("--nf-mark", "#fdd341"),
-            markText: Xt("--nf-mark-text", "#2a2140")
+            mark: te("--nf-mark", "#fdd341"),
+            markText: te("--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");
+    $ && n.append("recording", $, "recording.webm");
     const r = await fetch(`${d.endpoint}/v1/reports`, {
       method: "POST",
       headers: {
@@ -1567,36 +1744,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 S((a == null ? void 0 : a.error) || "Submit failed."), new Error((a == null ? void 0 : a.error) || `Submit failed (${r.status})`);
+    return await kr(), et(), a;
   } finally {
-    ht = !1, Qt(!1);
+    bt = !1, ie(!1);
   }
 }
-function Qt(t) {
+function ie(t) {
   s.submit && (s.submit.disabled = !!t, s.submit.setAttribute("aria-busy", t ? "true" : "false"));
 }
-function Sr() {
-  J(), h == null || h.remove(), h = null, s = {};
+function Or() {
+  et(), 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 Ut = { init: $r, configure: Ft, setTheme: Tr, setVisible: Pr, open: Ie, close: et, identify: Ir, submit: Be, destroy: Or };
+typeof window < "u" && (window.Notefully = Ut);
 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
+  et as close,
+  Ft as configure,
+  Ut as default,
+  Or as destroy,
+  Ir as identify,
+  $r as init,
+  Ie as open,
+  Tr as setTheme,
+  Pr as setVisible,
+  Be as submit
 };