@makefully/notefully 0.1.39 → 0.1.40

package/dist/notefully.js

@@ -5,8 +5,8 @@ function Xe(t, e) {
     return window.location.protocol + t;
   if (t.match(/^[a-z]+:/i))
     return t;
-  const n = document.implementation.createHTMLDocument(), r = n.createElement("base"), i = n.createElement("a");
-  return n.head.appendChild(r), n.body.appendChild(i), e && (r.href = e), i.href = t, i.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 Ye = /* @__PURE__ */ (() => {
   let t = 0;
@@ -69,8 +69,8 @@ async function tn(t) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(t)).then(encodeURIComponent).then((e) => `data:image/svg+xml;charset=utf-8,${e}`);
 }
 async function en(t, e, n) {
-  const r = "http://www.w3.org/2000/svg", i = document.createElementNS(r, "svg"), a = document.createElementNS(r, "foreignObject");
-  return i.setAttribute("width", `${e}`), i.setAttribute("height", `${n}`), i.setAttribute("viewBox", `0 0 ${e} ${n}`), a.setAttribute("width", "100%"), a.setAttribute("height", "100%"), a.setAttribute("x", "0"), a.setAttribute("y", "0"), a.setAttribute("externalResourcesRequired", "true"), i.appendChild(a), a.appendChild(t), tn(i);
+  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), tn(a);
 }
 const x = (t, e) => {
   if (t instanceof e)
@@ -84,17 +84,17 @@ function nn(t) {
 }
 function rn(t, e) {
   return fe(e).map((n) => {
-    const r = t.getPropertyValue(n), i = t.getPropertyPriority(n);
-    return `${n}: ${r}${i ? " !important" : ""};`;
+    const r = t.getPropertyValue(n), a = t.getPropertyPriority(n);
+    return `${n}: ${r}${a ? " !important" : ""};`;
   }).join(" ");
 }
 function an(t, e, n, r) {
-  const i = `.${t}:${e}`, a = n.cssText ? nn(n) : rn(n, r);
-  return document.createTextNode(`${i}{${a}}`);
+  const a = `.${t}:${e}`, i = n.cssText ? nn(n) : rn(n, r);
+  return document.createTextNode(`${a}{${i}}`);
 }
 function zt(t, e, n, r) {
-  const i = window.getComputedStyle(t, n), a = i.getPropertyValue("content");
-  if (a === "" || a === "none")
+  const a = window.getComputedStyle(t, n), i = a.getPropertyValue("content");
+  if (i === "" || i === "none")
     return;
   const o = Ye();
   try {
@@ -103,7 +103,7 @@ function zt(t, e, n, r) {
     return;
   }
   const c = document.createElement("style");
-  c.appendChild(an(o, n, i, r)), e.appendChild(c);
+  c.appendChild(an(o, n, a, r)), e.appendChild(c);
 }
 function on(t, e, n) {
   zt(t, e, ":before", n), zt(t, e, ":after", n);
@@ -142,38 +142,38 @@ async function pe(t, e, n) {
   const r = await fetch(t, e);
   if (r.status === 404)
     throw new Error(`Resource "${r.url}" not found`);
-  const i = await r.blob();
-  return new Promise((a, o) => {
+  const a = await r.blob();
+  return new Promise((i, o) => {
     const c = new FileReader();
     c.onerror = o, c.onloadend = () => {
       try {
-        a(n({ res: r, result: c.result }));
+        i(n({ res: r, result: c.result }));
       } catch (l) {
         o(l);
       }
-    }, c.readAsDataURL(i);
+    }, c.readAsDataURL(a);
   });
 }
-const vt = {};
+const bt = {};
 function dn(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 Ht(t, e, n) {
   const r = dn(t, e, n.includeQueryParams);
-  if (vt[r] != null)
-    return vt[r];
+  if (bt[r] != null)
+    return bt[r];
   n.cacheBust && (t += (/\?/.test(t) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
-  let i;
+  let a;
   try {
-    const a = await pe(t, n.fetchRequestInit, ({ res: o, result: c }) => (e || (e = o.headers.get("Content-Type") || ""), ln(c)));
-    i = un(a, e);
-  } catch (a) {
-    i = n.imagePlaceholder || "";
+    const i = await pe(t, n.fetchRequestInit, ({ res: o, result: c }) => (e || (e = o.headers.get("Content-Type") || ""), ln(c)));
+    a = un(i, e);
+  } catch (i) {
+    a = n.imagePlaceholder || "";
     let o = `Failed to fetch resource: ${t}`;
-    a && (o = typeof a == "string" ? a : a.message), o && console.warn(o);
+    i && (o = typeof i == "string" ? i : i.message), o && console.warn(o);
   }
-  return vt[r] = i, i;
+  return bt[r] = a, a;
 }
 async function fn(t) {
   const e = t.toDataURL();
@@ -181,13 +181,13 @@ async function fn(t) {
 }
 async function hn(t, e) {
   if (t.currentSrc) {
-    const a = document.createElement("canvas"), o = a.getContext("2d");
-    a.width = t.clientWidth, a.height = t.clientHeight, o == null || o.drawImage(t, 0, 0, a.width, a.height);
-    const c = a.toDataURL();
+    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 ct(c);
   }
-  const n = t.poster, r = Ot(n), i = await Ht(n, r, e);
-  return ct(i);
+  const n = t.poster, r = Ot(n), a = await Ht(n, r, e);
+  return ct(a);
 }
 async function pn(t, e) {
   var n;
@@ -203,11 +203,11 @@ async function mn(t, e) {
 }
 const yn = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT", me = (t) => t.tagName != null && t.tagName.toUpperCase() === "SVG";
 async function gn(t, e, n) {
-  var r, i;
+  var r, a;
   if (me(e))
     return e;
-  let a = [];
-  return yn(t) && t.assignedNodes ? a = F(t.assignedNodes()) : x(t, HTMLIFrameElement) && (!((r = t.contentDocument) === null || r === void 0) && r.body) ? a = F(t.contentDocument.body.childNodes) : a = F(((i = t.shadowRoot) !== null && i !== void 0 ? i : t).childNodes), a.length === 0 || x(t, HTMLVideoElement) || await a.reduce((o, c) => o.then(() => mt(c, n)).then((l) => {
+  let i = [];
+  return yn(t) && t.assignedNodes ? i = F(t.assignedNodes()) : x(t, HTMLIFrameElement) && (!((r = t.contentDocument) === null || r === void 0) && r.body) ? i = F(t.contentDocument.body.childNodes) : i = F(((a = t.shadowRoot) !== null && a !== void 0 ? a : t).childNodes), i.length === 0 || x(t, HTMLVideoElement) || await i.reduce((o, c) => o.then(() => mt(c, n)).then((l) => {
     l && e.appendChild(l);
   }), Promise.resolve()), e;
 }
@@ -215,44 +215,44 @@ function wn(t, e, n) {
   const r = e.style;
   if (!r)
     return;
-  const i = window.getComputedStyle(t);
-  i.cssText ? (r.cssText = i.cssText, r.transformOrigin = i.transformOrigin) : fe(n).forEach((a) => {
-    let o = i.getPropertyValue(a);
-    a === "font-size" && o.endsWith("px") && (o = `${Math.floor(parseFloat(o.substring(0, o.length - 2))) - 0.1}px`), x(t, HTMLIFrameElement) && a === "display" && o === "inline" && (o = "block"), a === "d" && e.getAttribute("d") && (o = `path(${e.getAttribute("d")})`), r.setProperty(a, o, i.getPropertyPriority(a));
+  const a = window.getComputedStyle(t);
+  a.cssText ? (r.cssText = a.cssText, r.transformOrigin = a.transformOrigin) : fe(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 bn(t, e) {
+function vn(t, e) {
   x(t, HTMLTextAreaElement) && (e.innerHTML = t.value), x(t, HTMLInputElement) && e.setAttribute("value", t.value);
 }
-function vn(t, e) {
+function bn(t, e) {
   if (x(t, HTMLSelectElement)) {
-    const r = Array.from(e.children).find((i) => t.value === i.getAttribute("value"));
+    const r = Array.from(e.children).find((a) => t.value === a.getAttribute("value"));
     r && r.setAttribute("selected", "");
   }
 }
 function Sn(t, e, n) {
-  return x(e, Element) && (wn(t, e, n), on(t, e, n), bn(t, e), vn(t, e)), e;
+  return x(e, Element) && (wn(t, e, n), on(t, e, n), vn(t, e), bn(t, e)), e;
 }
 async function xn(t, e) {
   const n = t.querySelectorAll ? t.querySelectorAll("use") : [];
   if (n.length === 0)
     return t;
   const r = {};
-  for (let a = 0; a < n.length; a++) {
-    const c = n[a].getAttribute("xlink:href");
+  for (let i = 0; i < n.length; i++) {
+    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 mt(u, e, !0));
     }
   }
-  const i = Object.values(r);
-  if (i.length) {
-    const a = "http://www.w3.org/1999/xhtml", o = document.createElementNS(a, "svg");
-    o.setAttribute("xmlns", a), o.style.position = "absolute", o.style.width = "0", o.style.height = "0", o.style.overflow = "hidden", o.style.display = "none";
-    const c = document.createElementNS(a, "defs");
+  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");
     o.appendChild(c);
-    for (let l = 0; l < i.length; l++)
-      c.appendChild(i[l]);
+    for (let l = 0; l < a.length; l++)
+      c.appendChild(a[l]);
     t.appendChild(o);
   }
   return t;
@@ -267,24 +267,24 @@ function Mn(t) {
 }
 function An(t) {
   const e = [];
-  return t.replace(ye, (n, r, i) => (e.push(i), n)), e.filter((n) => !At(n));
+  return t.replace(ye, (n, r, a) => (e.push(a), n)), e.filter((n) => !At(n));
 }
-async function Ln(t, e, n, r, i) {
+async function $n(t, e, n, r, a) {
   try {
-    const a = n ? Xe(e, n) : e, o = Ot(e);
+    const i = n ? Xe(e, n) : e, o = Ot(e);
     let c;
-    return i || (c = await Ht(a, o, r)), t.replace(Mn(e), `$1${c}$3`);
+    return a || (c = await Ht(i, o, r)), t.replace(Mn(e), `$1${c}$3`);
   } catch {
   }
   return t;
 }
-function Rn(t, { preferredFontFormat: e }) {
+function Ln(t, { preferredFontFormat: e }) {
   return e ? t.replace(Cn, (n) => {
     for (; ; ) {
-      const [r, , i] = En.exec(n) || [];
-      if (!i)
+      const [r, , a] = En.exec(n) || [];
+      if (!a)
         return "";
-      if (i === e)
+      if (a === e)
         return `src: ${r};`;
     }
   }) : t;
@@ -295,51 +295,51 @@ function ge(t) {
 async function we(t, e, n) {
   if (!ge(t))
     return t;
-  const r = Rn(t, n);
-  return An(r).reduce((a, o) => a.then((c) => Ln(c, o, e, n)), Promise.resolve(r));
+  const r = Ln(t, n);
+  return An(r).reduce((i, o) => i.then((c) => $n(c, o, e, n)), Promise.resolve(r));
 }
 async function J(t, e, n) {
   var r;
-  const i = (r = e.style) === null || r === void 0 ? void 0 : r.getPropertyValue(t);
-  if (i) {
-    const a = await we(i, null, n);
-    return e.style.setProperty(t, a, e.style.getPropertyPriority(t)), !0;
+  const a = (r = e.style) === null || r === void 0 ? void 0 : r.getPropertyValue(t);
+  if (a) {
+    const i = await we(a, null, n);
+    return e.style.setProperty(t, i, e.style.getPropertyPriority(t)), !0;
   }
   return !1;
 }
-async function $n(t, e) {
+async function Rn(t, e) {
   await J("background", t, e) || await J("background-image", t, e), await J("mask", t, e) || await J("-webkit-mask", t, e) || await J("mask-image", t, e) || await J("-webkit-mask-image", t, e);
 }
 async function kn(t, e) {
   const n = x(t, HTMLImageElement);
   if (!(n && !At(t.src)) && !(x(t, SVGImageElement) && !At(t.href.baseVal)))
     return;
-  const r = n ? t.src : t.href.baseVal, i = await Ht(r, Ot(r), e);
-  await new Promise((a, o) => {
-    t.onload = a, t.onerror = e.onImageErrorHandler ? (...l) => {
+  const r = n ? t.src : t.href.baseVal, a = await Ht(r, Ot(r), e);
+  await new Promise((i, o) => {
+    t.onload = i, t.onerror = e.onImageErrorHandler ? (...l) => {
       try {
-        a(e.onImageErrorHandler(...l));
+        i(e.onImageErrorHandler(...l));
       } catch (u) {
         o(u);
       }
     } : o;
     const c = t;
-    c.decode && (c.decode = a), c.loading === "lazy" && (c.loading = "eager"), n ? (t.srcset = "", t.src = i) : t.href.baseVal = i;
+    c.decode && (c.decode = i), c.loading === "lazy" && (c.loading = "eager"), n ? (t.srcset = "", t.src = a) : t.href.baseVal = a;
   });
 }
 async function Tn(t, e) {
-  const r = F(t.childNodes).map((i) => be(i, e));
+  const r = F(t.childNodes).map((a) => ve(a, e));
   await Promise.all(r).then(() => t);
 }
-async function be(t, e) {
-  x(t, Element) && (await $n(t, e), await kn(t, e), await Tn(t, e));
+async function ve(t, e) {
+  x(t, Element) && (await Rn(t, e), await kn(t, e), await Tn(t, e));
 }
 function Pn(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((i) => {
-    n[i] = r[i];
+  return r != null && Object.keys(r).forEach((a) => {
+    n[a] = r[a];
   }), t;
 }
 const Xt = {};
@@ -352,49 +352,49 @@ async function Yt(t) {
 }
 async function Gt(t, e) {
   let n = t.cssText;
-  const r = /url\(["']?([^"')]+)["']?\)/g, a = (n.match(/url\([^)]+\)/g) || []).map(async (o) => {
+  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), pe(c, e.fetchRequestInit, ({ result: l }) => (n = n.replace(o, `url(${l})`), [o, l]));
   });
-  return Promise.all(a).then(() => n);
+  return Promise.all(i).then(() => n);
 }
 function Jt(t) {
   if (t == null)
     return [];
   const e = [], n = /(\/\*[\s\S]*?\*\/)/gi;
   let r = t.replace(n, "");
-  const i = new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
+  const a = new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
   for (; ; ) {
-    const l = i.exec(r);
+    const l = a.exec(r);
     if (l === null)
       break;
     e.push(l[0]);
   }
-  r = r.replace(i, "");
-  const a = /@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");
+  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 = a.exec(r);
+    let l = i.exec(r);
     if (l === null) {
       if (l = c.exec(r), l === null)
         break;
-      a.lastIndex = c.lastIndex;
+      i.lastIndex = c.lastIndex;
     } else
-      c.lastIndex = a.lastIndex;
+      c.lastIndex = i.lastIndex;
     e.push(l[0]);
   }
   return e;
 }
 async function In(t, e) {
   const n = [], r = [];
-  return t.forEach((i) => {
-    if ("cssRules" in i)
+  return t.forEach((a) => {
+    if ("cssRules" in a)
       try {
-        F(i.cssRules || []).forEach((a, o) => {
-          if (a.type === CSSRule.IMPORT_RULE) {
+        F(a.cssRules || []).forEach((i, o) => {
+          if (i.type === CSSRule.IMPORT_RULE) {
             let c = o + 1;
-            const l = a.href, u = Yt(l).then((f) => Gt(f, e)).then((f) => Jt(f).forEach((m) => {
+            const l = i.href, u = Yt(l).then((f) => Gt(f, e)).then((f) => Jt(f).forEach((m) => {
               try {
-                i.insertRule(m, m.startsWith("@import") ? c += 1 : i.cssRules.length);
+                a.insertRule(m, m.startsWith("@import") ? c += 1 : a.cssRules.length);
               } catch (g) {
                 console.error("Error inserting rule from remote css", {
                   rule: m,
@@ -407,22 +407,22 @@ async function In(t, e) {
             r.push(u);
           }
         });
-      } catch (a) {
+      } catch (i) {
         const o = t.find((c) => c.href == null) || document.styleSheets[0];
-        i.href != null && r.push(Yt(i.href).then((c) => Gt(c, e)).then((c) => Jt(c).forEach((l) => {
+        a.href != null && r.push(Yt(a.href).then((c) => Gt(c, e)).then((c) => Jt(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", a);
+        })), console.error("Error inlining remote css file", i);
       }
-  }), Promise.all(r).then(() => (t.forEach((i) => {
-    if ("cssRules" in i)
+  }), Promise.all(r).then(() => (t.forEach((a) => {
+    if ("cssRules" in a)
       try {
-        F(i.cssRules || []).forEach((a) => {
-          n.push(a);
+        F(a.cssRules || []).forEach((i) => {
+          n.push(i);
         });
-      } catch (a) {
-        console.error(`Error while reading CSS rules from ${i.href}`, a);
+      } catch (i) {
+        console.error(`Error while reading CSS rules from ${a.href}`, i);
       }
   }), n));
 }
@@ -435,42 +435,42 @@ async function Hn(t, e) {
   const n = F(t.ownerDocument.styleSheets), r = await In(n, e);
   return On(r);
 }
-function ve(t) {
+function be(t) {
   return t.trim().replace(/["']/g, "");
 }
 function Dn(t) {
   const e = /* @__PURE__ */ new Set();
   function n(r) {
-    (r.style.fontFamily || getComputedStyle(r).fontFamily).split(",").forEach((a) => {
-      e.add(ve(a));
-    }), Array.from(r.children).forEach((a) => {
-      a instanceof HTMLElement && n(a);
+    (r.style.fontFamily || getComputedStyle(r).fontFamily).split(",").forEach((i) => {
+      e.add(be(i));
+    }), Array.from(r.children).forEach((i) => {
+      i instanceof HTMLElement && n(i);
     });
   }
   return n(t), e;
 }
 async function Bn(t, e) {
   const n = await Hn(t, e), r = Dn(t);
-  return (await Promise.all(n.filter((a) => r.has(ve(a.style.fontFamily))).map((a) => {
-    const o = a.parentStyleSheet ? a.parentStyleSheet.href : null;
-    return we(a.cssText, o, e);
+  return (await Promise.all(n.filter((i) => r.has(be(i.style.fontFamily))).map((i) => {
+    const o = i.parentStyleSheet ? i.parentStyleSheet.href : null;
+    return we(i.cssText, o, e);
   }))).join(`
 `);
 }
 async function Fn(t, e) {
   const n = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await Bn(t, e);
   if (n) {
-    const r = document.createElement("style"), i = document.createTextNode(n);
-    r.appendChild(i), 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 Un(t, e = {}) {
-  const { width: n, height: r } = he(t, e), i = await mt(t, e, !0);
-  return await Fn(i, e), await be(i, e), Pn(i, e), await en(i, n, r);
+  const { width: n, height: r } = he(t, e), a = await mt(t, e, !0);
+  return await Fn(a, e), await ve(a, e), Pn(a, e), await en(a, n, r);
 }
 async function Nn(t, e = {}) {
-  const { width: n, height: r } = he(t, e), i = await Un(t, e), a = await ct(i), o = document.createElement("canvas"), c = o.getContext("2d"), l = e.pixelRatio || Qe(), u = e.canvasWidth || n, f = e.canvasHeight || r;
-  return o.width = u * l, o.height = f * l, e.skipAutoScale || Ze(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(a, 0, 0, o.width, o.height), o;
+  const { width: n, height: r } = he(t, e), a = await Un(t, e), i = await ct(a), o = document.createElement("canvas"), c = o.getContext("2d"), l = e.pixelRatio || Qe(), u = e.canvasWidth || n, f = e.canvasHeight || r;
+  return o.width = u * l, o.height = f * l, e.skipAutoScale || Ze(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 Qt(t, e = {}) {
   return (await Nn(t, e)).toDataURL();
@@ -506,8 +506,8 @@ function Vn() {
 function Wn() {
   const t = [];
   return document.querySelectorAll('input[type="password"], [data-notefully-mask]').forEach((n) => {
-    const r = n.getBoundingClientRect(), i = document.createElement("div");
-    i.setAttribute("data-nf-mask-cover", "1"), i.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,7 +516,7 @@ function Wn() {
       "background:#111",
       "z-index:2147483646",
       "pointer-events:none"
-    ].join(";"), document.body.appendChild(i), t.push(i);
+    ].join(";"), document.body.appendChild(a), t.push(a);
   }), () => t.forEach((n) => n.remove());
 }
 function zn() {
@@ -529,7 +529,7 @@ function zn() {
 function qn() {
   document.querySelectorAll(`[${lt}]`).forEach((t) => t.remove());
 }
-function Lt() {
+function $t() {
   return new Promise((t) => {
     requestAnimationFrame(() => requestAnimationFrame(t));
   });
@@ -569,8 +569,8 @@ async function Xn() {
     }
     if (!r || r === "data:,")
       continue;
-    const i = document.createElement("img"), a = getComputedStyle(n);
-    i.setAttribute(jn, "1"), i.alt = "", i.src = r, i.className = n.className, i.style.cssText = n.style.cssText, i.style.width = a.width, i.style.height = a.height, i.style.maxWidth = a.maxWidth, i.style.maxHeight = a.maxHeight, i.style.objectFit = "fill", i.style.display = a.display === "inline" ? "inline-block" : a.display, n.replaceWith(i), t.push({ canvas: n, img: i });
+    const a = document.createElement("img"), i = getComputedStyle(n);
+    a.setAttribute(jn, "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)
@@ -606,9 +606,9 @@ async function Yn(t) {
 }
 async function Gn(t) {
   if (typeof FileReader == "function")
-    return new Promise((r, i) => {
-      const a = new FileReader();
-      a.onload = () => r(String(a.result || "")), a.onerror = () => i(a.error || new Error("Could not read capture blob")), a.readAsDataURL(t);
+    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")}`;
@@ -627,10 +627,10 @@ async function Jn() {
     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 Lt();
-    const r = n.videoWidth || 1, i = n.videoHeight || 1, a = document.createElement("canvas");
-    a.width = r, a.height = i, a.getContext("2d").drawImage(n, 0, 0, r, i);
-    const o = a.toDataURL("image/png");
+    }), await $t();
+    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 (!U(o))
       throw new Error("Screen capture produced an empty image.");
     return o;
@@ -639,18 +639,18 @@ async function Jn() {
   }
 }
 async function xe(t = {}) {
-  const e = document.getElementById("notefully"), n = e ? e.style.display : "", r = zn(), i = Vn();
-  let a = () => {
+  const e = document.getElementById("notefully"), n = e ? e.style.display : "", r = zn(), a = Vn();
+  let i = () => {
   };
   e && (e.style.display = "none");
   const o = Wn();
   try {
-    if (typeof t.onBeforeCapture == "function" && await t.onBeforeCapture(), await Lt(), typeof t.capture == "function") {
+    if (typeof t.onBeforeCapture == "function" && await t.onBeforeCapture(), await $t(), typeof t.capture == "function") {
       const m = await Yn(await t.capture());
       if (m)
         return m;
     }
-    a = await Xn(), await Lt();
+    i = await Xn(), await $t();
     const { width: c, height: l } = Kn(), u = {
       cacheBust: !0,
       width: c,
@@ -673,10 +673,10 @@ async function xe(t = {}) {
     return f;
   } finally {
     try {
-      a();
+      i();
     } catch {
     }
-    o(), i(), r.remove(), qn(), e && (e.style.display = n);
+    o(), a(), r.remove(), qn(), e && (e.style.display = n);
   }
 }
 function Qn(t = "") {
@@ -736,31 +736,31 @@ const Zt = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), te = {
   displayName: "Pass people via Notefully.identify({ userId, email, displayName }), not init()."
 };
 function er(t = {}, e = {}) {
-  const n = e.warn || Ee, r = t && typeof t == "object" ? t : {}, i = {}, a = [];
+  const n = e.warn || Ee, r = t && typeof t == "object" ? t : {}, a = {}, i = [];
   for (const o of Zt)
-    Object.prototype.hasOwnProperty.call(r, o) && (i[o] = r[o]);
+    Object.prototype.hasOwnProperty.call(r, o) && (a[o] = r[o]);
   for (const [o, c] of Object.entries(te))
-    Object.prototype.hasOwnProperty.call(r, o) && (Object.prototype.hasOwnProperty.call(i, c) || (i[c] = r[o]));
+    Object.prototype.hasOwnProperty.call(r, o) && (Object.prototype.hasOwnProperty.call(a, c) || (a[c] = r[o]));
   for (const o of Object.keys(r))
-    Zt.has(o) || Object.prototype.hasOwnProperty.call(te, o) || a.push(o);
-  if (a.length) {
-    const o = a.some((c) => c === "name" || c === "slug" || c === "projectSlug") ? " Pass the package/report name via Notefully.init({ name }), not identify()." : "";
+    Zt.has(o) || Object.prototype.hasOwnProperty.call(te, o) || i.push(o);
+  if (i.length) {
+    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): ${a.join(", ")}. Supported: userId, email, displayName (aliases: id → userId; username/name → displayName).` + o
+      `Notefully.identify: ignoring unknown key(s): ${i.join(", ")}. Supported: userId, email, displayName (aliases: id → userId; username/name → displayName).` + o
     );
   }
-  return i;
+  return a;
 }
 function nr(t = {}, e = {}) {
-  const n = e.warn || Ee, r = t && typeof t == "object" ? t : {}, i = Object.keys(r).filter((a) => !ee.has(a));
-  if (i.length)
-    for (const a of i) {
-      if (ne[a]) {
-        n(`Notefully.init: ignoring "${a}". ${ne[a]}`);
+  const n = e.warn || Ee, r = t && typeof t == "object" ? t : {}, a = Object.keys(r).filter((i) => !ee.has(i));
+  if (a.length)
+    for (const i of a) {
+      if (ne[i]) {
+        n(`Notefully.init: ignoring "${i}". ${ne[i]}`);
         continue;
       }
       n(
-        `Notefully.init: ignoring unknown key "${a}". Supported: ${[...ee].join(", ")}.`
+        `Notefully.init: ignoring unknown key "${i}". Supported: ${[...ee].join(", ")}.`
       );
     }
 }
@@ -771,7 +771,7 @@ const rr = 80;
 function ir() {
   const t = [], e = {};
   let n = !1;
-  const r = (a, o) => {
+  const r = (i, o) => {
     let c = "";
     try {
       c = o.map((l) => l instanceof Error ? l.stack || l.message : typeof l == "string" ? l : JSON.stringify(l)).join(" ");
@@ -779,21 +779,21 @@ function ir() {
       c = String(o[0]);
     }
     t.push({
-      level: a,
+      level: i,
       text: c.slice(0, 2e3),
       at: Date.now()
     }), t.length > rr && t.shift();
   };
   return {
     hook: () => {
-      n || typeof window > "u" || (n = !0, ["log", "info", "warn", "error"].forEach((a) => {
-        e[a] = console[a].bind(console), console[a] = (...o) => {
-          r(a, o), e[a](...o);
+      n || typeof window > "u" || (n = !0, ["log", "info", "warn", "error"].forEach((i) => {
+        e[i] = console[i].bind(console), console[i] = (...o) => {
+          r(i, o), e[i](...o);
         };
-      }), window.addEventListener("error", (a) => {
-        r("error", [a.message || "window.error"]);
-      }), window.addEventListener("unhandledrejection", (a) => {
-        r("error", [a.reason || "unhandledrejection"]);
+      }), window.addEventListener("error", (i) => {
+        r("error", [i.message || "window.error"]);
+      }), window.addEventListener("unhandledrejection", (i) => {
+        r("error", [i.reason || "unhandledrejection"]);
       }));
     },
     snapshot() {
@@ -804,7 +804,7 @@ function ir() {
 function ar(t) {
   const e = window.SpeechRecognition || window.webkitSpeechRecognition;
   let n = null, r = !1;
-  const i = () => {
+  const a = () => {
     if (r = !1, n)
       try {
         n.stop();
@@ -815,7 +815,7 @@ function ar(t) {
     start: () => {
       if (!e)
         throw new Error("Speech recognition is not supported in this browser.");
-      return r ? (i(), !1) : (n = new e(), n.continuous = !0, n.interimResults = !0, n.lang = navigator.language || "en-US", n.onresult = (o) => {
+      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 = o.resultIndex; l < o.results.length; l += 1)
           o.results[l].isFinal && (c += o.results[l][0].transcript);
@@ -826,24 +826,24 @@ function ar(t) {
         r = !1;
       }, n.start(), r = !0, !0);
     },
-    stop: i,
+    stop: a,
     isSupported: () => !!e,
     isActive: () => r
   };
 }
 const or = 60 * 1e3;
 function sr({ onStart: t, onStop: e, onError: n }) {
-  let r = null, i = null, a = [], o = null;
+  let r = null, a = null, i = [], o = null;
   const c = () => {
-    if (o && (clearTimeout(o), o = null), i && i.state !== "inactive")
+    if (o && (clearTimeout(o), o = null), a && a.state !== "inactive")
       try {
-        i.stop();
+        a.stop();
       } catch {
       }
     r && (r.getTracks().forEach((f) => f.stop()), r = null);
   }, l = () => {
-    if (i && i.state === "recording") {
-      i.stop();
+    if (a && a.state === "recording") {
+      a.stop();
       return;
     }
     c(), e(null);
@@ -857,14 +857,14 @@ function sr({ onStart: t, onStop: e, onError: n }) {
       audio: !1,
       preferCurrentTab: !0,
       selfBrowserSurface: "include"
-    }), a = [], i = new MediaRecorder(r, {
+    }), i = [], a = new MediaRecorder(r, {
       mimeType: MediaRecorder.isTypeSupported("video/webm;codecs=vp9") ? "video/webm;codecs=vp9" : "video/webm"
-    }), i.ondataavailable = (g) => {
-      g.data && g.data.size && a.push(g.data);
-    }, i.onstop = () => {
-      const g = a.length ? new Blob(a, { type: i.mimeType || "video/webm" }) : null;
+    }), a.ondataavailable = (g) => {
+      g.data && g.data.size && i.push(g.data);
+    }, a.onstop = () => {
+      const g = i.length ? new Blob(i, { type: a.mimeType || "video/webm" }) : null;
       c(), e(g);
-    }, (m = r.getVideoTracks()[0]) == null || m.addEventListener("ended", () => l()), i.start(), o = setTimeout(l, or);
+    }, (m = r.getVideoTracks()[0]) == null || m.addEventListener("ended", () => l()), a.start(), o = setTimeout(l, or);
   }, stop: l };
 }
 function cr() {
@@ -890,11 +890,11 @@ function Dt() {
   const t = cr();
   let e = [], n = { ...St }, r = 1;
   return {
-    list: () => e.filter((a) => ur(a, n)),
+    list: () => e.filter((i) => ur(i, n)),
     all: () => e.slice(),
     crop: () => ({ ...n }),
-    setCrop(a) {
-      return n = lr(a), n;
+    setCrop(i) {
+      return n = lr(i), n;
     },
     resetCrop() {
       return n = { ...St }, n;
@@ -902,27 +902,27 @@ function Dt() {
     isCropped() {
       return n.x > 1e-6 || n.y > 1e-6 || n.w < 1 - 1e-6 || n.h < 1 - 1e-6;
     },
-    add(a, o) {
+    add(i, o) {
       const c = {
         id: `s${r++}`,
-        type: a,
+        type: i,
         number: t.alloc(),
         x: 0.2,
         y: 0.2,
-        w: a === "arrow" ? 0.2 : 0.22,
-        h: a === "arrow" ? 0.05 : 0.16,
+        w: i === "arrow" ? 0.2 : 0.22,
+        h: i === "arrow" ? 0.05 : 0.16,
         x2: 0.4,
         y2: 0.28,
         ...o
       };
       return e.push(c), c;
     },
-    update(a, o) {
-      const c = e.find((l) => l.id === a);
+    update(i, o) {
+      const c = e.find((l) => l.id === i);
       return c ? (Object.assign(c, o), c) : null;
     },
-    remove(a) {
-      const o = e.findIndex((l) => l.id === a);
+    remove(i) {
+      const o = e.findIndex((l) => l.id === i);
       if (o < 0)
         return null;
       const [c] = e.splice(o, 1);
@@ -935,8 +935,8 @@ function Dt() {
   };
 }
 function lr(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), i = Math.min(Math.max(t.h, 0.05), 1 - n);
-  return { x: e, y: n, w: r, h: i };
+  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 ur(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;
@@ -956,12 +956,12 @@ function dr(t, {
   stickers: e = [],
   crop: n = { x: 0, y: 0, w: 1, h: 1 },
   width: r,
-  height: i,
-  colors: a = {}
+  height: a,
+  colors: i = {}
 }) {
-  const o = a.mark || "#fdd341", c = a.markText || "#2a2140", l = Bt(r);
+  const o = i.mark || "#fdd341", c = i.markText || "#2a2140", l = Bt(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 = Rt(u.x, n, r), m = $t(u.y, n, i), g = u.w / n.w * r, S = u.h / n.h * i, L = l.stroke / 2;
+    const f = Lt(u.x, n, r), m = Rt(u.y, n, a), g = u.w / n.w * r, S = u.h / n.h * a, L = l.stroke / 2;
     if (u.type === "rect")
       t.strokeRect(
         f + L,
@@ -980,50 +980,50 @@ function dr(t, {
         Math.PI * 2
       ), t.stroke();
     else if (u.type === "arrow") {
-      const K = Rt(u.x2 ?? u.x + u.w, n, r), X = $t(u.y2 ?? u.y, n, i);
+      const K = Lt(u.x2 ?? u.x + u.w, n, r), X = Rt(u.y2 ?? u.y, n, a);
       hr(t, f, m, K, X, l);
     }
     if (u.number == null || u.number === "")
       return;
-    const H = fr(u, n, r, i, f, m, g), Z = String(u.number);
+    const H = fr(u, n, r, a, f, m, g), Z = String(u.number);
     t.beginPath(), t.arc(H.x, H.y, l.badgeRadius, 0, Math.PI * 2), t.fillStyle = o, t.fill(), t.fillStyle = c, t.textAlign = "center", t.textBaseline = "middle", t.fillText(Z, H.x, H.y + 0.5), t.fillStyle = o;
   }), t.restore();
 }
-function Rt(t, e, n) {
+function Lt(t, e, n) {
   return (t - e.x) / e.w * n;
 }
-function $t(t, e, n) {
+function Rt(t, e, n) {
   return (t - e.y) / e.h * n;
 }
-function fr(t, e, n, r, i, a, o) {
+function fr(t, e, n, r, a, i, o) {
   if (t.type === "arrow") {
-    const c = Rt(t.x2 ?? t.x + t.w, e, n), l = $t(t.y2 ?? t.y, e, r);
+    const c = Lt(t.x2 ?? t.x + t.w, e, n), l = Rt(t.y2 ?? t.y, e, r);
     return {
-      x: (i + c) / 2,
-      y: (a + l) / 2
+      x: (a + c) / 2,
+      y: (i + l) / 2
     };
   }
-  return { x: i + o / 2, y: a };
+  return { x: a + o / 2, y: i };
 }
-function Ce(t, e, n, r, i) {
-  const a = Math.atan2(r - e, n - t), o = i.arrowHead, c = Math.min(i.stroke, o * 0.2), l = n, u = r, f = n - Math.cos(a) * o, m = r - Math.sin(a) * o, g = {
-    x: l - o * Math.cos(a - i.arrowHeadAngle),
-    y: u - o * Math.sin(a - i.arrowHeadAngle)
+function Ce(t, e, n, r, a) {
+  const i = Math.atan2(r - e, n - t), o = a.arrowHead, c = Math.min(a.stroke, o * 0.2), l = n, u = r, f = n - Math.cos(i) * o, m = r - Math.sin(i) * o, g = {
+    x: l - o * Math.cos(i - a.arrowHeadAngle),
+    y: u - o * Math.sin(i - a.arrowHeadAngle)
   }, S = {
-    x: l - o * Math.cos(a + i.arrowHeadAngle),
-    y: u - o * Math.sin(a + i.arrowHeadAngle)
+    x: l - o * Math.cos(i + a.arrowHeadAngle),
+    y: u - o * Math.sin(i + a.arrowHeadAngle)
   }, L = {
-    x: n - Math.cos(a) * c,
-    y: r - Math.sin(a) * c
+    x: n - Math.cos(i) * c,
+    y: r - Math.sin(i) * c
   };
-  return { angle: a, tipX: l, tipY: u, baseX: f, baseY: m, left: g, right: S, shaftEnd: L };
+  return { angle: i, tipX: l, tipY: u, baseX: f, baseY: m, left: g, right: S, shaftEnd: L };
 }
-function hr(t, e, n, r, i, a) {
-  const o = Ce(e, n, r, i, a);
+function hr(t, e, n, r, a, i) {
+  const o = Ce(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 pr(t, e, n, r = {}) {
-  return new Promise((i, a) => {
+  return new Promise((a, i) => {
     const o = new Image();
     o.onload = () => {
       const c = Math.round(e.x * o.width), l = Math.round(e.y * o.height), u = Math.max(1, Math.round(e.w * o.width)), f = Math.max(1, Math.round(e.h * o.height)), m = document.createElement("canvas");
@@ -1037,12 +1037,12 @@ function pr(t, e, n, r = {}) {
         colors: r
       }), m.toBlob((S) => {
         if (!S) {
-          a(new Error("Could not encode screenshot"));
+          i(new Error("Could not encode screenshot"));
           return;
         }
-        i(S);
+        a(S);
       }, "image/png");
-    }, o.onerror = () => a(new Error("Could not load screenshot")), o.src = t;
+    }, o.onerror = () => i(new Error("Could not load screenshot")), o.src = t;
   });
 }
 const mr = [
@@ -1081,7 +1081,7 @@ function wr(t = []) {
     redacted: !1
   }));
 }
-function br(t = []) {
+function vr(t = []) {
   if (!t.length)
     return { checked: !1, indeterminate: !1 };
   const e = t.filter((n) => n.redacted).length;
@@ -1092,9 +1092,9 @@ function re(t, e) {
     n.redacted = !!e;
   });
 }
-function vr(t = {}) {
-  const e = t.diagnostics || [], n = t.logs || [], r = e.some((a) => !a.redacted), i = n.length > 0 && n.some((a) => !a.redacted);
-  return r && i ? "Also sending logs and diagnostic information" : r ? "Also sending diagnostic information" : i ? "Also sending logs" : "";
+function br(t = {}) {
+  const e = t.diagnostics || [], n = t.logs || [], r = e.some((i) => !i.redacted), a = n.length > 0 && n.some((i) => !i.redacted);
+  return r && a ? "Also sending logs and diagnostic information" : r ? "Also sending diagnostic information" : a ? "Also sending logs" : "";
 }
 function Sr(t) {
   if (t == null)
@@ -1136,8 +1136,8 @@ function Er(t) {
     return W.map((r) => ({ ...r }));
   const e = /* @__PURE__ */ new Set(), n = [];
   for (const r of t) {
-    let i = "", a = "";
-    typeof r == "string" || typeof r == "number" ? (i = ie(r), a = xt(i)) : r && typeof r == "object" && (i = ie(r.id ?? r.value ?? r.kind), a = String(r.label || r.name || xt(i)).trim() || xt(i)), !(!i || e.has(i)) && (e.add(i), n.push({ id: i, label: a }));
+    let a = "", i = "";
+    typeof r == "string" || typeof r == "number" ? (a = ie(r), i = xt(a)) : r && typeof r == "object" && (a = ie(r.id ?? r.value ?? r.kind), i = String(r.label || r.name || xt(a)).trim() || xt(a)), !(!a || e.has(a)) && (e.add(a), n.push({ id: a, label: i }));
   }
   return n.length ? n : W.map((r) => ({ ...r }));
 }
@@ -1155,7 +1155,7 @@ const Cr = ["maker", "all-business", "brighter-day", "quiet-night"], Me = "maker
 function R(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 M = {
+const A = {
   crop: R('<path d="M6 3v5H1M18 21v-5h5M8 5h8a2 2 0 0 1 2 2v8M16 19H8a2 2 0 0 1-2-2V8"/>'),
   resetCrop: R('<path d="M3 12a9 9 0 1 0 3-6.7L3 8"/><path d="M3 3v5h5"/>'),
   arrow: R('<path d="M5 19 19 5"/><path d="M9 5h10v10"/>'),
@@ -1168,7 +1168,7 @@ const M = {
   video: R('<rect x="3" y="7" width="13" height="10" rx="2"/><path d="M16 10.5 21 8v8l-5-2.5z"/>')
 }, Ae = ir();
 Ae.hook();
-const Le = 10, Lr = 80, Re = "notefully.author", Tt = "Anonymous";
+const $e = 10, $r = 80, Le = "notefully.author", Tt = "Anonymous";
 let d = {
   endpoint: "",
   projectKey: "",
@@ -1178,25 +1178,25 @@ let d = {
   hideLauncher: !1,
   theme: Me,
   video: !1,
-  consoleLogLimit: Le,
+  consoleLogLimit: $e,
   kinds: W.map((t) => ({ ...t })),
   capture: null,
   onBeforeCapture: null
-}, Et = !1, $ = {}, h = null, s = {}, y = Dt(), T = "", Q = "", k = null, z = yt(W), B = null, A = null, b = null, w = null, ot = null, V = null, tt = null, P = { w: 0, h: 0 }, Ct = !1, Ft = !1, N = [], O = [], _ = !1;
+}, Et = !1, k = {}, h = null, s = {}, y = Dt(), P = "", Q = "", T = null, z = yt(W), B = null, $ = null, v = null, w = null, ot = null, V = null, tt = null, I = { w: 0, h: 0 }, Ct = !1, Ft = !1, N = [], O = [], _ = !1;
 function p(t) {
   return h.querySelector(t);
 }
-function $e(t) {
+function Re(t) {
   const e = String(t || "").trim().toLowerCase().replace(/\s+/g, "-");
   return Cr.includes(e) ? e : Me;
 }
 function oe(t, e) {
   return h && getComputedStyle(h).getPropertyValue(t).trim() || e;
 }
-async function Rr(t) {
+async function Lr(t) {
   return (await fetch(t)).blob();
 }
-function v(t, e = !1) {
+function b(t, e = !1) {
   s.status && (s.status.textContent = t || "", ot && (clearTimeout(ot), ot = null), t && !e && (ot = setTimeout(() => {
     s.status.textContent = "";
   }, 4e3)));
@@ -1209,13 +1209,13 @@ function Ut() {
           <div class="nf-panel-body">
             <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">${M.crop}</button>
-                <button class="nf-reset-crop nf-icon-btn" type="button" title="Reset crop" aria-label="Reset crop" hidden>${M.resetCrop}</button>
-                <button class="nf-tool nf-icon-btn" type="button" data-tool="arrow" title="Arrow" aria-label="Arrow">${M.arrow}</button>
-                <button class="nf-tool nf-icon-btn" type="button" data-tool="rect" title="Rectangle" aria-label="Rectangle">${M.rect}</button>
-                <button class="nf-tool nf-icon-btn" type="button" data-tool="circle" title="Circle" aria-label="Circle">${M.circle}</button>
-                <button class="nf-discard-shot nf-icon-btn" type="button" title="Discard screenshot" aria-label="Discard screenshot">${M.discard}</button>
-                <button class="nf-recapture nf-icon-btn" type="button" title="Recapture screenshot" aria-label="Recapture screenshot">${M.recapture}</button>
+                <button class="nf-tool nf-icon-btn" type="button" data-tool="crop" title="Crop" aria-label="Crop">${A.crop}</button>
+                <button class="nf-reset-crop nf-icon-btn" type="button" title="Reset crop" aria-label="Reset crop" hidden>${A.resetCrop}</button>
+                <button class="nf-tool nf-icon-btn" type="button" data-tool="arrow" title="Arrow" aria-label="Arrow">${A.arrow}</button>
+                <button class="nf-tool nf-icon-btn" type="button" data-tool="rect" title="Rectangle" aria-label="Rectangle">${A.rect}</button>
+                <button class="nf-tool nf-icon-btn" type="button" data-tool="circle" title="Circle" aria-label="Circle">${A.circle}</button>
+                <button class="nf-discard-shot nf-icon-btn" type="button" title="Discard screenshot" aria-label="Discard screenshot">${A.discard}</button>
+                <button class="nf-recapture nf-icon-btn" type="button" title="Recapture screenshot" aria-label="Recapture screenshot">${A.recapture}</button>
               </div>
               <div class="nf-canvas"></div>
             </div>
@@ -1225,7 +1225,7 @@ function Ut() {
               <div class="nf-kind"></div>
               <div class="nf-privacy-summary">
                 <span class="nf-privacy-text"></span>
-                <button class="nf-privacy-change nf-icon-btn" type="button" title="Change what is sent" aria-label="Change what is sent" aria-expanded="false">${M.privacy}</button>
+                <button class="nf-privacy-change nf-icon-btn" type="button" title="Change what is sent" aria-label="Change what is sent" aria-expanded="false">${A.privacy}</button>
               </div>
             </div>
             <div class="nf-privacy">
@@ -1235,9 +1235,9 @@ function Ut() {
               </div>
             </div>
             <div class="nf-actions">
-              <button class="nf-restore nf-icon-btn" type="button" title="Restore screenshot" aria-label="Restore screenshot" hidden>${M.resetCrop}</button>
-              <button class="nf-audio nf-icon-btn" type="button" title="Record audio" aria-label="Record audio">${M.audio}</button>
-              <button class="nf-video nf-icon-btn" type="button" title="Record video" aria-label="Record video">${M.video}</button>
+              <button class="nf-restore nf-icon-btn" type="button" title="Restore screenshot" aria-label="Restore screenshot" hidden>${A.resetCrop}</button>
+              <button class="nf-audio nf-icon-btn" type="button" title="Record audio" aria-label="Record audio">${A.audio}</button>
+              <button class="nf-video nf-icon-btn" type="button" title="Record video" aria-label="Record video">${A.video}</button>
               <button class="nf-submit" type="button">Submit</button>
             </div>
             <div class="nf-status"></div>
@@ -1277,16 +1277,16 @@ function Ut() {
     resetCrop: p(".nf-reset-crop"),
     submit: p(".nf-submit"),
     shot: null
-  }, $r(), nt()), h;
+  }, Rr(), nt()), h;
 }
 function nt() {
   var t;
-  h && (h.dataset.theme = $e(d.theme), d.hideLauncher ? h.setAttribute("data-nf-hidden-launcher", "") : h.removeAttribute("data-nf-hidden-launcher"), s.video && (s.video.hidden = !d.video), ke(), (t = s.dialog) != null && t.hidden && ut());
+  h && (h.dataset.theme = Re(d.theme), d.hideLauncher ? h.setAttribute("data-nf-hidden-launcher", "") : h.removeAttribute("data-nf-hidden-launcher"), s.video && (s.video.hidden = !d.video), ke(), (t = s.dialog) != null && t.hidden && ut());
 }
 function ut() {
   s.launcher && (s.launcher.hidden = !!d.hideLauncher);
 }
-function $r() {
+function Rr() {
   s.launcher.addEventListener("click", () => ze()), p(".nf-dialog").addEventListener("click", (e) => {
     Ft || e.target === s.dialog && at();
   }), h.querySelectorAll(".nf-tool").forEach((e) => {
@@ -1297,12 +1297,12 @@ function $r() {
     const n = e.target.closest("[data-kind]");
     n && Nt(n.dataset.kind);
   }), s.discard.addEventListener("click", Br), s.recapture.addEventListener("click", () => {
-    Ur().catch((e) => v(e.message || "Recapture failed."));
+    Ur().catch((e) => b(e.message || "Recapture failed."));
   }), s.restore.addEventListener("click", Fr), s.audio.addEventListener("click", Nr), s.video.addEventListener("click", jr), s.stop.addEventListener("click", () => tt == null ? void 0 : tt.stop()), s.privacyChange.addEventListener("click", () => pt(!_)), s.privacyDone.addEventListener("click", () => pt(!1)), s.privacyScroll.addEventListener("change", Jr), p(".nf-submit").addEventListener("click", () => {
-    Ke().catch((e) => v(e.message || "Submit failed."));
+    Ke().catch((e) => b(e.message || "Submit failed."));
   }), ke(), et(null);
 }
-function I(t) {
+function C(t) {
   return String(t || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 function ke() {
@@ -1310,8 +1310,8 @@ function ke() {
   if (!t)
     return;
   const e = Array.isArray(d.kinds) && d.kinds.length ? d.kinds : W;
-  t.innerHTML = e.map((i) => `<button type="button" data-kind="${I(i.id)}">${I(i.label)}</button>`).join("");
-  const r = e.map((i) => i.id).includes(z) ? z : yt(e);
+  t.innerHTML = e.map((a) => `<button type="button" data-kind="${C(a.id)}">${C(a.label)}</button>`).join("");
+  const r = e.map((a) => a.id).includes(z) ? z : yt(e);
   Nt(r);
 }
 function Nt(t) {
@@ -1320,9 +1320,9 @@ function Nt(t) {
   });
 }
 function et(t) {
-  B = Mr.has(t) ? t : null, A = null, h.querySelectorAll(".nf-tool").forEach((e) => {
+  B = Mr.has(t) ? t : null, $ = null, h.querySelectorAll(".nf-tool").forEach((e) => {
     e.dataset.active = String(e.dataset.tool === B);
-  }), s.canvas && (s.canvas.dataset.draw = B ? "true" : "false"), j() && C();
+  }), s.canvas && (s.canvas.dataset.draw = B ? "true" : "false"), j() && M();
 }
 function se(t) {
   return Math.min(1, Math.max(0, t));
@@ -1376,33 +1376,33 @@ function Tr(t) {
   if (t.button !== 0 || !j())
     return;
   if (!t.target.closest(".nf-sticker") && !kr(t)) {
-    A = null, C();
+    $ = null, M();
     return;
   }
   const e = t.target.closest(".nf-handle"), n = t.target.closest(".nf-sticker");
   if (n && n.dataset.preview !== "true") {
-    t.preventDefault(), t.stopPropagation(), A = n.dataset.id, Mt(t), Pr({
+    t.preventDefault(), t.stopPropagation(), $ = n.dataset.id, Mt(t), Pr({
       kind: "sticker",
-      id: A,
+      id: $,
       dir: (e == null ? void 0 : e.dataset.dir) || "move"
-    }, t), C();
+    }, t), M();
     return;
   }
-  if (A = null, B === "crop") {
-    t.preventDefault(), Mt(t), b = { kind: "crop", start: dt(t), current: dt(t) }, Pt(), C();
+  if ($ = null, B === "crop") {
+    t.preventDefault(), Mt(t), v = { kind: "crop", start: dt(t), current: dt(t) }, Pt(), M();
     return;
   }
   if (B === "arrow" || B === "rect" || B === "circle") {
     t.preventDefault(), Mt(t);
     const r = Te(t);
-    b = { kind: "sticker", type: B, start: r, current: r }, Pt(), C();
+    v = { kind: "sticker", type: B, start: r, current: r }, Pt(), M();
     return;
   }
-  C();
+  M();
 }
 function Pr(t, e) {
   e.preventDefault(), e.stopPropagation();
-  const n = rt().getBoundingClientRect(), r = y.list().find((i) => i.id === t.id);
+  const n = rt().getBoundingClientRect(), r = y.list().find((a) => a.id === t.id);
   w = {
     ...t,
     startX: e.clientX,
@@ -1413,8 +1413,8 @@ function Pr(t, e) {
   }, jt(t.dir === "move" || t.dir === "start" || t.dir === "end"), Pt();
 }
 function Ie(t) {
-  if (b) {
-    b.current = b.kind === "crop" ? dt(t) : Te(t), C();
+  if (v) {
+    v.current = v.kind === "crop" ? dt(t) : Te(t), M();
     return;
   }
   if (!w)
@@ -1439,56 +1439,56 @@ function Ie(t) {
         y2: (r.y2 || r.y) + n
       });
     else {
-      const i = { x: r.x, y: r.y, w: r.w, h: r.h };
-      Ir(i, w.dir, e, n), y.update(r.id, i);
+      const a = { x: r.x, y: r.y, w: r.w, h: r.h };
+      Ir(a, w.dir, e, n), y.update(r.id, a);
     }
-    C();
+    M();
   }
 }
 function Ir(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 i = Math.max(0.04, t.w - n);
-    t.x += t.w - i, t.w = i;
+    const a = Math.max(0.04, t.w - n);
+    t.x += t.w - a, t.w = a;
   }
   if (e.includes("n")) {
-    const i = Math.max(0.04, t.h - r);
-    t.y += t.h - i, t.h = i;
+    const a = Math.max(0.04, t.h - r);
+    t.y += t.h - a, t.h = a;
   }
 }
 function ft(t) {
-  if (Pe(), jt(!1), b) {
+  if (Pe(), jt(!1), v) {
     Or();
     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), A = null);
+      (t.clientX < e.left - 24 || t.clientX > e.right + 24 || t.clientY < e.top - 24 || t.clientY > e.bottom + 24) && (y.remove(w.id), $ = null);
     }
-    w = null, C();
+    w = null, M();
   }
 }
 function Or() {
-  const t = b;
-  if (b = null, !t)
+  const t = v;
+  if (v = null, !t)
     return;
   if (t.kind === "crop") {
     const n = gt(t.start, t.current);
     if (Math.abs(t.current.x - t.start.x) < ae || Math.abs(t.current.y - t.start.y) < ae) {
-      C();
+      M();
       return;
     }
-    const i = y.crop();
+    const a = y.crop();
     y.setCrop({
-      x: i.x + n.x * i.w,
-      y: i.y + n.y * i.h,
-      w: n.w * i.w,
-      h: n.h * i.h
+      x: a.x + n.x * a.w,
+      y: a.y + n.y * a.h,
+      w: n.w * a.w,
+      h: n.h * a.h
     }), q();
     return;
   }
   const e = Hr(t);
-  e && (A = e.id), C();
+  e && ($ = e.id), M();
 }
 function Hr(t) {
   if (t.type === "arrow") {
@@ -1512,7 +1512,7 @@ function Hr(t) {
   return y.add(t.type, gt(t.start, t.current));
 }
 function Dr() {
-  y.resetCrop(), A = null, q();
+  y.resetCrop(), $ = null, q();
 }
 function ht() {
   s.resetCrop && (s.resetCrop.hidden = !y.isCropped());
@@ -1524,19 +1524,19 @@ function _t(t) {
   s.audio.title = e, s.audio.setAttribute("aria-label", e), s.audio.dataset.active = String(!!t);
 }
 function j() {
-  return U(T);
+  return U(P);
 }
 function it() {
   if (!s.stage || !s.palette || !s.actions || !s.recapture)
     return;
   const t = j();
-  s.stage.hidden = !t && !k, s.palette.hidden = !t, s.discard && (s.discard.hidden = !t), s.restore && (s.restore.hidden = t || !Q), 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;
+  s.stage.hidden = !t && !T, s.palette.hidden = !t, s.discard && (s.discard.hidden = !t), s.restore && (s.restore.hidden = t || !Q), 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 Br() {
-  j() && (Q = T), T = "", et(null), it(), q();
+  j() && (Q = P), P = "", et(null), it(), q();
 }
 function Fr() {
-  U(Q) && (T = Q, it(), q());
+  U(Q) && (P = Q, it(), q());
 }
 function Oe() {
   return {
@@ -1547,11 +1547,11 @@ function Oe() {
 function He(t) {
   if (!U(t))
     throw new Error("Screenshot failed; you can still send text.");
-  T = t, Q = t, y = Dt(), P = { w: 0, h: 0 }, A = null, b = null, w = null, et(null);
+  P = t, Q = t, y = Dt(), I = { w: 0, h: 0 }, $ = null, v = null, w = null, et(null);
 }
 async function Ur() {
   if (!(Et || !s.dialog || s.dialog.hidden)) {
-    Et = !0, s.recapture.disabled = !0, v("Capturing…", !0), s.dialog.hidden = !0;
+    Et = !0, s.recapture.disabled = !0, b("Capturing…", !0), s.dialog.hidden = !0;
     try {
       let t = "";
       try {
@@ -1559,9 +1559,9 @@ async function Ur() {
       } catch {
         t = await xe(Oe());
       }
-      He(t), v("");
+      He(t), b("");
     } catch (t) {
-      v((t == null ? void 0 : t.message) || "Screenshot failed; you can still send text.");
+      b((t == null ? void 0 : t.message) || "Screenshot failed; you can still send text.");
     } finally {
       s.dialog.hidden = !1, s.recapture.disabled = !1, Et = !1, it(), q();
     }
@@ -1573,54 +1573,54 @@ function Nr() {
       const n = s.text.value.trim();
       s.text.value = n ? `${n} ${e}` : e;
     })), !V.isSupported()) {
-      v("Audio-to-text is not supported in this browser.");
+      b("Audio-to-text is not supported in this browser.");
       return;
     }
     const t = V.start();
-    _t(t), v(t ? "Listening…" : "");
+    _t(t), b(t ? "Listening…" : "");
   } catch (t) {
-    v(t.message);
+    b(t.message);
   }
 }
 async function jr() {
   if (!d.video) {
-    v("Video is disabled on this host.");
+    b("Video is disabled on this host.");
     return;
   }
   s.dialog.hidden = !0, s.stop.hidden = !1, nt(), s.launcher.hidden = !0, tt = sr({
     onStart() {
     },
     onStop(t) {
-      k = t, s.stop.hidden = !0, ut(), s.dialog.hidden = !1, it(), q(), v(t ? "Video attached." : "Recording cancelled.");
+      T = t, s.stop.hidden = !0, ut(), s.dialog.hidden = !1, it(), q(), b(t ? "Video attached." : "Recording cancelled.");
     },
     onError(t) {
-      v(t.message);
+      b(t.message);
     }
   });
   try {
     await tt.start();
   } catch (t) {
-    s.stop.hidden = !0, ut(), s.dialog.hidden = !1, v(t.message);
+    s.stop.hidden = !0, ut(), s.dialog.hidden = !1, b(t.message);
   }
 }
 function q() {
   if (s.shot = null, !j()) {
-    s.canvas.style.removeProperty("--nf-shot-aspect"), s.canvas.style.removeProperty("aspect-ratio"), s.canvas.innerHTML = k ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL(k)}"></video>` : "", ht();
+    s.canvas.style.removeProperty("--nf-shot-aspect"), s.canvas.style.removeProperty("aspect-ratio"), s.canvas.innerHTML = T ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL(T)}"></video>` : "", ht();
     return;
   }
-  s.canvas.innerHTML = `<div class="nf-shot"><img alt="Screenshot" src="${T}" draggable="false"></div>`, s.shot = s.canvas.querySelector(".nf-shot");
+  s.canvas.innerHTML = `<div class="nf-shot"><img alt="Screenshot" src="${P}" 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 = () => {
-    _r(t), C();
+    _r(t), M();
   };
   t.addEventListener("load", e), t.complete && t.naturalWidth && e(), ht();
 }
 function _r(t) {
-  const e = t.naturalWidth || P.w, n = t.naturalHeight || P.h;
-  if (e && n && (P = { w: e, h: n }, s.canvas.style.setProperty("--nf-shot-aspect", String(e / n)), s.canvas.style.aspectRatio = `${e} / ${n}`), !s.shot || !P.w || !P.h)
+  const e = t.naturalWidth || I.w, n = t.naturalHeight || I.h;
+  if (e && n && (I = { w: e, h: n }, s.canvas.style.setProperty("--nf-shot-aspect", String(e / n)), s.canvas.style.aspectRatio = `${e} / ${n}`), !s.shot || !I.w || !I.h)
     return;
-  const r = y.crop(), i = P.w / P.h, a = r.w / r.h * i, o = Math.min(1, a / i), c = Math.min(1, i / a);
+  const r = y.crop(), a = I.w / I.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 Vr(t) {
@@ -1641,37 +1641,37 @@ function Vr(t) {
     ...gt(t.start, t.current)
   };
 }
-function C() {
-  if ((s.shot || s.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((a) => a.remove()), !j() || !s.shot) {
+function M() {
+  if ((s.shot || s.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((i) => i.remove()), !j() || !s.shot) {
     ht();
     return;
   }
   const e = y.crop(), n = rt(), r = Bt(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 a = document.createElement("div");
-    a.className = "nf-crop", ce(a, gt(b.start, b.current), { x: 0, y: 0, w: 1, h: 1 }), s.shot.appendChild(a);
+  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`), (v == null ? void 0 : v.kind) === "crop") {
+    const i = document.createElement("div");
+    i.className = "nf-crop", ce(i, gt(v.start, v.current), { x: 0, y: 0, w: 1, h: 1 }), s.shot.appendChild(i);
   }
-  const i = y.list().slice();
-  if ((b == null ? void 0 : b.kind) === "sticker" && i.push(Vr(b)), i.forEach((a) => {
-    const o = a.id === "preview", c = !o && a.id === A, l = document.createElement("div");
-    if (l.className = `nf-sticker nf-${a.type}`, l.dataset.id = a.id, c && (l.dataset.selected = "true"), o && (l.dataset.preview = "true"), a.type === "arrow" ? Wr(l, a, e, c, r) : (ce(l, a, e), c && ["nw", "ne", "sw", "se"].forEach((u) => It(l, u))), !o && a.number) {
+  const a = y.list().slice();
+  if ((v == null ? void 0 : v.kind) === "sticker" && a.push(Vr(v)), a.forEach((i) => {
+    const o = i.id === "preview", c = !o && i.id === $, 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" ? Wr(l, i, e, c, r) : (ce(l, i, e), c && ["nw", "ne", "sw", "se"].forEach((u) => It(l, u))), !o && i.number) {
       const u = document.createElement("span");
-      u.className = "nf-badge", u.textContent = String(a.number), l.appendChild(u);
+      u.className = "nf-badge", u.textContent = String(i.number), l.appendChild(u);
     }
     s.shot.appendChild(l);
-  }), s.canvas.querySelectorAll(":scope > .nf-recording-preview").forEach((a) => a.remove()), k) {
-    const a = document.createElement("video");
-    a.className = "nf-recording-preview", a.controls = !0, a.src = URL.createObjectURL(k), a.style.position = "absolute", a.style.right = "8px", a.style.bottom = "8px", a.style.width = "160px", s.canvas.appendChild(a);
+  }), s.canvas.querySelectorAll(":scope > .nf-recording-preview").forEach((i) => i.remove()), T) {
+    const i = document.createElement("video");
+    i.className = "nf-recording-preview", i.controls = !0, i.src = URL.createObjectURL(T), i.style.position = "absolute", i.style.right = "8px", i.style.bottom = "8px", i.style.width = "160px", s.canvas.appendChild(i);
   }
   ht();
 }
-function Wr(t, e, n, r, i = Bt(400)) {
-  const a = rt(), o = a.clientWidth, c = a.clientHeight, l = (e.x - n.x) / n.w * o, u = (e.y - n.y) / n.h * c, f = ((e.x2 ?? e.x + e.w) - n.x) / n.w * o, m = ((e.y2 ?? e.y) - n.y) / n.h * c, g = Math.max(18, i.arrowHead + i.stroke * 2), S = Math.min(l, f) - g, L = Math.min(u, m) - g, H = Math.max(2, Math.abs(f - l)) + g * 2, Z = Math.max(2, Math.abs(m - u)) + g * 2, K = l - S, X = u - L, wt = f - S, bt = m - L, D = Ce(K, X, wt, bt, i), Y = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+function Wr(t, e, n, r, a = Bt(400)) {
+  const i = rt(), o = i.clientWidth, c = i.clientHeight, l = (e.x - n.x) / n.w * o, u = (e.y - n.y) / n.h * c, f = ((e.x2 ?? e.x + e.w) - n.x) / n.w * o, m = ((e.y2 ?? e.y) - n.y) / n.h * c, g = Math.max(18, a.arrowHead + a.stroke * 2), S = Math.min(l, f) - g, L = Math.min(u, m) - g, H = Math.max(2, Math.abs(f - l)) + g * 2, Z = Math.max(2, Math.abs(m - u)) + g * 2, K = l - S, X = u - L, wt = f - S, vt = m - L, D = Ce(K, X, wt, vt, a), Y = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   t.style.left = `${S}px`, t.style.top = `${L}px`, t.style.width = `${H}px`, t.style.height = `${Z}px`, Y.setAttribute("class", "nf-arrow-svg"), Y.setAttribute("viewBox", `0 0 ${H} ${Z}`), Y.setAttribute("width", String(H)), Y.setAttribute("height", String(Z)), Y.innerHTML = `
-      <line class="nf-arrow-hit" x1="${K}" y1="${X}" x2="${wt}" y2="${bt}" />
+      <line class="nf-arrow-hit" x1="${K}" y1="${X}" x2="${wt}" y2="${vt}" />
       <line class="nf-arrow-shaft" x1="${K}" y1="${X}" x2="${D.shaftEnd.x}" y2="${D.shaftEnd.y}" />
       <polygon class="nf-arrow-head" points="${D.tipX},${D.tipY} ${D.left.x},${D.left.y} ${D.right.x},${D.right.y}" />
-    `, t.appendChild(Y), r && (It(t, "start", { left: K - 5, top: X - 5 }), It(t, "end", { left: wt - 5, top: bt - 5 }));
+    `, t.appendChild(Y), r && (It(t, "start", { left: K - 5, top: X - 5 }), It(t, "end", { left: wt - 5, top: vt - 5 }));
 }
 function It(t, e, n) {
   const r = document.createElement("span");
@@ -1682,7 +1682,7 @@ function ce(t, e, n) {
 }
 function De() {
   try {
-    return String(localStorage.getItem(Re) || "").trim();
+    return String(localStorage.getItem(Le) || "").trim();
   } catch {
     return "";
   }
@@ -1691,16 +1691,16 @@ function zr(t) {
   const e = String(t || "").trim();
   if (!(!e || e === Tt))
     try {
-      localStorage.setItem(Re, e);
+      localStorage.setItem(Le, e);
     } catch {
     }
 }
 function Be() {
-  return !!(String($.userId || "").trim() || String($.email || "").trim() || String($.displayName || "").trim());
+  return !!(String(k.userId || "").trim() || String(k.email || "").trim() || String(k.displayName || "").trim());
 }
 function Fe() {
   return String(
-    $.displayName || $.email || $.userId || ""
+    k.displayName || k.email || k.userId || ""
   ).trim();
 }
 function qr() {
@@ -1720,9 +1720,9 @@ function Ue() {
   }
   s.author.value = De();
 }
-function Ne(t, e = Le) {
+function Ne(t, e = $e) {
   const n = Number(t);
-  return Number.isFinite(n) ? Math.min(Lr, Math.max(0, Math.floor(n))) : e;
+  return Number.isFinite(n) ? Math.min($r, Math.max(0, Math.floor(n))) : e;
 }
 function je(t = {}) {
   nr(t);
@@ -1735,7 +1735,7 @@ function je(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: $e(t.theme ?? d.theme),
+    theme: Re(t.theme ?? d.theme),
     video: t.video == null ? d.video : !!t.video,
     consoleLogLimit: t.consoleLogLimit == null ? d.consoleLogLimit : Ne(t.consoleLogLimit, d.consoleLogLimit),
     kinds: e ? Er(t.kinds) : d.kinds,
@@ -1758,8 +1758,8 @@ function Yr(t) {
 }
 function Gr() {
   const t = Fe() || De() || void 0, e = tr({
-    ...$,
-    displayName: $.displayName || t
+    ...k,
+    displayName: k.displayName || t
   });
   N = gr(e), O = wr(
     Ae.snapshot().slice(-Ne(d.consoleLogLimit))
@@ -1771,7 +1771,7 @@ function pt(t) {
 function _e() {
   if (!s.privacy || !s.privacyText || !s.privacyChange)
     return;
-  const t = vr({
+  const t = br({
     diagnostics: N,
     logs: O
   });
@@ -1782,28 +1782,38 @@ function _e() {
 function Ve(t, e, n) {
   return `<label class="nf-privacy-toggle">
       <span class="nf-privacy-toggle-label">Redact</span>
-      <input type="checkbox" ${t ? "checked" : ""} ${e ? 'data-indeterminate="true"' : ""} aria-label="${I(n)}">
+      <input type="checkbox" ${t ? "checked" : ""} ${e ? 'data-indeterminate="true"' : ""} aria-label="${C(n)}">
     </label>`;
 }
-function le(t, e, n, r, i) {
-  return `<div class="nf-privacy-row" data-kind="${I(t)}" data-id="${I(e)}">
+function le(t, e, n, r, a) {
+  const i = Ve(a, !1, `Redact ${n}`);
+  if (a) {
+    const o = r ? `${n}: ${r}` : n;
+    return `<div class="nf-privacy-row" data-kind="${C(t)}" data-id="${C(e)}" data-redacted="true">
+      <div class="nf-privacy-row-text">
+        <div class="nf-privacy-row-summary" title="${C(o)}">${C(o)}</div>
+      </div>
+      ${i}
+    </div>`;
+  }
+  return `<div class="nf-privacy-row" data-kind="${C(t)}" data-id="${C(e)}">
       <div class="nf-privacy-row-text">
-        <div class="nf-privacy-row-title">${I(n)}</div>
-        <div class="nf-privacy-row-detail">${I(r)}</div>
+        <div class="nf-privacy-row-title">${C(n)}</div>
+        <div class="nf-privacy-row-detail">${C(r)}</div>
       </div>
-      ${Ve(i, !1, `Redact ${n}`)}
+      ${i}
     </div>`;
 }
 function ue(t, e, n, r) {
   if (!n.length)
     return "";
-  const i = br(n);
-  return `<section class="nf-privacy-section" data-section="${I(t)}">
+  const a = vr(n), i = a.checked && !a.indeterminate;
+  return `<section class="nf-privacy-section" data-section="${C(t)}"${i ? ' data-redacted="true"' : ""}>
       <div class="nf-privacy-section-head">
-        <h3 class="nf-privacy-section-title">${I(e)}</h3>
-        ${Ve(i.checked, i.indeterminate, `Redact all ${e.toLowerCase()}`)}
+        <h3 class="nf-privacy-section-title">${C(e)}</h3>
+        ${Ve(a.checked, a.indeterminate, `Redact all ${e.toLowerCase()}`)}
       </div>
-      <div class="nf-privacy-rows">${r}</div>
+      <div class="nf-privacy-rows"${i ? " hidden" : ""}>${r}</div>
     </section>`;
 }
 function We() {
@@ -1833,46 +1843,46 @@ function Jr(t) {
   const e = t.target;
   if (!(e instanceof HTMLInputElement) || e.type !== "checkbox")
     return;
-  const n = e.closest("[data-section]"), r = e.closest(".nf-privacy-row"), i = e.checked;
+  const n = e.closest("[data-section]"), r = e.closest(".nf-privacy-row"), a = e.checked;
   if (r) {
-    const a = r.dataset.kind, o = r.dataset.id;
-    if (a === "diagnostic") {
+    const i = r.dataset.kind, o = r.dataset.id;
+    if (i === "diagnostic") {
       const c = N.find((l) => l.key === o);
-      c && (c.redacted = i);
-    } else if (a === "log") {
+      c && (c.redacted = a);
+    } else if (i === "log") {
       const c = O.find((l) => l.id === o);
-      c && (c.redacted = i);
+      c && (c.redacted = a);
     }
   } else if (n) {
-    const a = n.dataset.section;
-    a === "diagnostics" ? re(N, i) : a === "logs" && re(O, i);
+    const i = n.dataset.section;
+    i === "diagnostics" ? re(N, a) : i === "logs" && re(O, a);
   } else
     return;
   We();
 }
 async function ze() {
-  Ut(), qe(), nt(), s.launcher.hidden = !0, y = Dt(), P = { w: 0, h: 0 }, k = null, T = "", Q = "", A = null, b = null, w = null, z = yt(d.kinds), Nt(z), et(null), _t(!1), s.text.value = "", Ue(), v(""), Gr();
+  Ut(), qe(), nt(), s.launcher.hidden = !0, y = Dt(), I = { w: 0, h: 0 }, T = null, P = "", Q = "", $ = null, v = null, w = null, z = yt(d.kinds), Nt(z), et(null), _t(!1), s.text.value = "", Ue(), b(""), Gr();
   try {
-    He(await xe(Oe())), v("");
+    He(await xe(Oe())), b("");
   } catch (t) {
-    T = "", v((t == null ? void 0 : t.message) || "Screenshot failed; you can still send text.");
+    P = "", b((t == null ? void 0 : t.message) || "Screenshot failed; you can still send text.");
   }
   it(), pt(!1), _e(), s.dialog.hidden = !1, q(), s.text.focus();
 }
 function at() {
-  h && (V == null || V.stop(), _t(!1), Pe(), b = null, w = null, jt(!1), qe(), pt(!1), s.dialog.hidden = !0, s.stop.hidden = !0, ut());
+  h && (V == null || V.stop(), _t(!1), Pe(), v = null, w = null, jt(!1), qe(), pt(!1), s.dialog.hidden = !0, s.stop.hidden = !0, ut());
 }
 function Qr() {
   const t = s.dialog, e = s.panel, n = s.panelBody, r = s.successMsg;
   if (!t || !e || !n || !r)
     return Promise.resolve();
-  Ft = !0, v("");
-  const i = typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches, a = e.getBoundingClientRect();
-  if (n.hidden = !0, r.hidden = !1, t.classList.add("nf-success"), t.style.opacity = "1", i)
+  Ft = !0, b("");
+  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 o = e.getBoundingClientRect(), c = o.width > 0 ? a.width / o.width : 1, l = o.height > 0 ? a.height / o.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 m = () => {
@@ -1891,17 +1901,17 @@ function qe() {
   Ft = !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 Zr(t = {}) {
-  $ = { ...$, ...er(t) }, Ue();
+  k = { ...k, ...er(t) }, Ue();
 }
 async function Ke() {
   if (Ut(), Ct)
     return null;
   const t = s.text.value.trim();
-  if (!t && !j() && !k)
-    return v("Add a note, screenshot, or video first."), null;
+  if (!t && !j() && !T)
+    return b("Add a note, screenshot, or video first."), null;
   if (!d.endpoint || !d.projectKey)
-    return v("Notefully is missing endpoint or projectKey."), null;
-  Ct = !0, de(!0), v("Submitting…", !0);
+    return b("Notefully is missing endpoint or projectKey."), null;
+  Ct = !0, de(!0), b("Submitting…", !0);
   try {
     const e = qr(), n = new FormData();
     if (n.append("message", t), n.append("kind", z), n.append("version", d.version || "0.0.0"), n.append("author", e), d.name && n.append("name", d.name), n.append("context", JSON.stringify(xr({
@@ -1909,10 +1919,10 @@ async function Ke() {
       diagnostics: N,
       logs: O
     }))), 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)), j()) {
-      const a = await Rr(T);
-      if (n.append("screenshot", a, "screenshot.png"), y.list().length || y.isCropped()) {
+      const i = await Lr(P);
+      if (n.append("screenshot", i, "screenshot.png"), y.list().length || y.isCropped()) {
         const o = await pr(
-          T,
+          P,
           y.crop(),
           y.list(),
           {
@@ -1923,7 +1933,7 @@ async function Ke() {
         n.append("screenshotBaked", o, "screenshot.baked.png");
       }
     }
-    k && n.append("recording", k, "recording.webm");
+    T && n.append("recording", T, "recording.webm");
     const r = await fetch(`${d.endpoint}/v1/reports`, {
       method: "POST",
       headers: {
@@ -1931,15 +1941,15 @@ async function Ke() {
       },
       body: n
     });
-    let i = null;
+    let a = null;
     try {
-      i = await r.json();
+      a = await r.json();
     } catch {
-      i = null;
+      a = null;
     }
     if (!r.ok)
-      throw v((i == null ? void 0 : i.error) || "Submit failed."), new Error((i == null ? void 0 : i.error) || `Submit failed (${r.status})`);
-    return await Qr(), at(), i;
+      throw b((a == null ? void 0 : a.error) || "Submit failed."), new Error((a == null ? void 0 : a.error) || `Submit failed (${r.status})`);
+    return await Qr(), at(), a;
   } finally {
     Ct = !1, de(!1);
   }