@makefully/notefully 0.1.17 → 0.1.18

package/dist/notefully.js

@@ -1,4 +1,4 @@
-function me(t, e) {
+function ye(t, e) {
   if (t.match(/^[a-z]+:\/\//i))
     return t;
   if (t.match(/^\/\//))
@@ -8,7 +8,7 @@ function me(t, e) {
   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 ye = /* @__PURE__ */ (() => {
+const ge = /* @__PURE__ */ (() => {
   let t = 0;
   const e = () => (
     // eslint-disable-next-line no-bitwise
@@ -16,33 +16,33 @@ const ye = /* @__PURE__ */ (() => {
   );
   return () => (t += 1, `u${e()}${t}`);
 })();
-function H(t) {
+function D(t) {
   const e = [];
   for (let n = 0, r = t.length; n < r; n++)
     e.push(t[n]);
   return e;
 }
-let _ = null;
-function Vt(t = {}) {
-  return _ || (t.includeStyleProperties ? (_ = t.includeStyleProperties, _) : (_ = H(window.getComputedStyle(document.documentElement)), _));
+let N = null;
+function Wt(t = {}) {
+  return N || (t.includeStyleProperties ? (N = t.includeStyleProperties, N) : (N = D(window.getComputedStyle(document.documentElement)), N));
 }
 function K(t, e) {
   const r = (t.ownerDocument.defaultView || window).getComputedStyle(t).getPropertyValue(e);
   return r ? parseFloat(r.replace("px", "")) : 0;
 }
-function ge(t) {
+function we(t) {
   const e = K(t, "border-left-width"), n = K(t, "border-right-width");
   return t.clientWidth + e + n;
 }
-function we(t) {
+function be(t) {
   const e = K(t, "border-top-width"), n = K(t, "border-bottom-width");
   return t.clientHeight + e + n;
 }
-function Wt(t, e = {}) {
-  const n = e.width || ge(t), r = e.height || we(t);
+function qt(t, e = {}) {
+  const n = e.width || we(t), r = e.height || be(t);
   return { width: n, height: r };
 }
-function be() {
+function Se() {
   let t, e;
   try {
     e = process;
@@ -65,12 +65,12 @@ function G(t) {
     }, r.onerror = n, r.crossOrigin = "anonymous", r.decoding = "async", r.src = t;
   });
 }
-async function Se(t) {
+async function xe(t) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(t)).then(encodeURIComponent).then((e) => `data:image/svg+xml;charset=utf-8,${e}`);
 }
-async function xe(t, e, n) {
+async function Ee(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), Se(o);
+  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), xe(o);
 }
 const x = (t, e) => {
   if (t instanceof e)
@@ -78,67 +78,67 @@ const x = (t, e) => {
   const n = Object.getPrototypeOf(t);
   return n === null ? !1 : n.constructor.name === e.name || x(n, e);
 };
-function Ee(t) {
+function Ce(t) {
   const e = t.getPropertyValue("content");
   return `${t.cssText} content: '${e.replace(/'|"/g, "")}';`;
 }
-function Ce(t, e) {
-  return Vt(e).map((n) => {
+function Me(t, e) {
+  return Wt(e).map((n) => {
     const r = t.getPropertyValue(n), o = t.getPropertyPriority(n);
     return `${n}: ${r}${o ? " !important" : ""};`;
   }).join(" ");
 }
-function Me(t, e, n, r) {
-  const o = `.${t}:${e}`, i = n.cssText ? Ee(n) : Ce(n, r);
+function Le(t, e, n, r) {
+  const o = `.${t}:${e}`, i = n.cssText ? Ce(n) : Me(n, r);
   return document.createTextNode(`${o}{${i}}`);
 }
-function $t(t, e, n, r) {
+function Rt(t, e, n, r) {
   const o = window.getComputedStyle(t, n), i = o.getPropertyValue("content");
   if (i === "" || i === "none")
     return;
-  const a = ye();
+  const a = ge();
   try {
     e.className = `${e.className} ${a}`;
   } catch {
     return;
   }
   const s = document.createElement("style");
-  s.appendChild(Me(a, n, o, r)), e.appendChild(s);
+  s.appendChild(Le(a, n, o, r)), e.appendChild(s);
 }
-function Le(t, e, n) {
-  $t(t, e, ":before", n), $t(t, e, ":after", n);
+function $e(t, e, n) {
+  Rt(t, e, ":before", n), Rt(t, e, ":after", n);
 }
-const Rt = "application/font-woff", At = "image/jpeg", $e = {
-  woff: Rt,
-  woff2: Rt,
+const At = "application/font-woff", Pt = "image/jpeg", Re = {
+  woff: At,
+  woff2: At,
   ttf: "application/font-truetype",
   eot: "application/vnd.ms-fontobject",
   png: "image/png",
-  jpg: At,
-  jpeg: At,
+  jpg: Pt,
+  jpeg: Pt,
   gif: "image/gif",
   tiff: "image/tiff",
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function Re(t) {
+function Ae(t) {
   const e = /\.([^./]*?)$/g.exec(t);
   return e ? e[1] : "";
 }
-function St(t) {
-  const e = Re(t).toLowerCase();
-  return $e[e] || "";
+function xt(t) {
+  const e = Ae(t).toLowerCase();
+  return Re[e] || "";
 }
-function Ae(t) {
+function Pe(t) {
   return t.split(/,/)[1];
 }
 function ft(t) {
   return t.search(/^(data:)/) !== -1;
 }
-function Pe(t, e) {
+function Te(t, e) {
   return `data:${e};base64,${t}`;
 }
-async function qt(t, e, n) {
+async function zt(t, e, n) {
   const r = await fetch(t, e);
   if (r.status === 404)
     throw new Error(`Resource "${r.url}" not found`);
@@ -155,19 +155,19 @@ async function qt(t, e, n) {
   });
 }
 const ct = {};
-function Te(t, e, n) {
+function ke(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 xt(t, e, n) {
-  const r = Te(t, e, n.includeQueryParams);
+async function Et(t, e, n) {
+  const r = ke(t, e, n.includeQueryParams);
   if (ct[r] != null)
     return ct[r];
   n.cacheBust && (t += (/\?/.test(t) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
   let o;
   try {
-    const i = await qt(t, n.fetchRequestInit, ({ res: a, result: s }) => (e || (e = a.headers.get("Content-Type") || ""), Ae(s)));
-    o = Pe(i, e);
+    const i = await zt(t, n.fetchRequestInit, ({ res: a, result: s }) => (e || (e = a.headers.get("Content-Type") || ""), Pe(s)));
+    o = Te(i, e);
   } catch (i) {
     o = n.imagePlaceholder || "";
     let a = `Failed to fetch resource: ${t}`;
@@ -175,21 +175,21 @@ async function xt(t, e, n) {
   }
   return ct[r] = o, o;
 }
-async function ke(t) {
+async function Ie(t) {
   const e = t.toDataURL();
   return e === "data:," ? t.cloneNode(!1) : G(e);
 }
-async function Ie(t, e) {
+async function Oe(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 s = i.toDataURL();
     return G(s);
   }
-  const n = t.poster, r = St(n), o = await xt(n, r, e);
+  const n = t.poster, r = xt(n), o = await Et(n, r, e);
   return G(o);
 }
-async function Oe(t, e) {
+async function He(t, e) {
   var n;
   try {
     if (!((n = t == null ? void 0 : t.contentDocument) === null || n === void 0) && n.body)
@@ -198,42 +198,42 @@ async function Oe(t, e) {
   }
   return t.cloneNode(!1);
 }
-async function He(t, e) {
-  return x(t, HTMLCanvasElement) ? ke(t) : x(t, HTMLVideoElement) ? Ie(t, e) : x(t, HTMLIFrameElement) ? Oe(t, e) : t.cloneNode(zt(t));
+async function De(t, e) {
+  return x(t, HTMLCanvasElement) ? Ie(t) : x(t, HTMLVideoElement) ? Oe(t, e) : x(t, HTMLIFrameElement) ? He(t, e) : t.cloneNode(Xt(t));
 }
-const De = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT", zt = (t) => t.tagName != null && t.tagName.toUpperCase() === "SVG";
-async function Fe(t, e, n) {
+const Fe = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT", Xt = (t) => t.tagName != null && t.tagName.toUpperCase() === "SVG";
+async function Ue(t, e, n) {
   var r, o;
-  if (zt(e))
+  if (Xt(e))
     return e;
   let i = [];
-  return De(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(((o = t.shadowRoot) !== null && o !== void 0 ? o : t).childNodes), i.length === 0 || x(t, HTMLVideoElement) || await i.reduce((a, s) => a.then(() => nt(s, n)).then((l) => {
+  return Fe(t) && t.assignedNodes ? i = D(t.assignedNodes()) : x(t, HTMLIFrameElement) && (!((r = t.contentDocument) === null || r === void 0) && r.body) ? i = D(t.contentDocument.body.childNodes) : i = D(((o = t.shadowRoot) !== null && o !== void 0 ? o : t).childNodes), i.length === 0 || x(t, HTMLVideoElement) || await i.reduce((a, s) => a.then(() => nt(s, n)).then((l) => {
     l && e.appendChild(l);
   }), Promise.resolve()), e;
 }
-function Ue(t, e, n) {
+function je(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) : Vt(n).forEach((i) => {
+  o.cssText ? (r.cssText = o.cssText, r.transformOrigin = o.transformOrigin) : Wt(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`), x(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));
   });
 }
-function je(t, e) {
+function _e(t, e) {
   x(t, HTMLTextAreaElement) && (e.innerHTML = t.value), x(t, HTMLInputElement) && e.setAttribute("value", t.value);
 }
-function _e(t, e) {
+function Ne(t, e) {
   if (x(t, HTMLSelectElement)) {
     const r = Array.from(e.children).find((o) => t.value === o.getAttribute("value"));
     r && r.setAttribute("selected", "");
   }
 }
-function Ne(t, e, n) {
-  return x(e, Element) && (Ue(t, e, n), Le(t, e, n), je(t, e), _e(t, e)), e;
+function Be(t, e, n) {
+  return x(e, Element) && (je(t, e, n), $e(t, e, n), _e(t, e), Ne(t, e)), e;
 }
-async function Be(t, e) {
+async function Ve(t, e) {
   const n = t.querySelectorAll ? t.querySelectorAll("use") : [];
   if (n.length === 0)
     return t;
@@ -258,30 +258,30 @@ async function Be(t, e) {
   return t;
 }
 async function nt(t, e, n) {
-  return !n && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((r) => He(r, e)).then((r) => Fe(t, r, e)).then((r) => Ne(t, r, e)).then((r) => Be(r, e));
+  return !n && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((r) => De(r, e)).then((r) => Ue(t, r, e)).then((r) => Be(t, r, e)).then((r) => Ve(r, e));
 }
-const Xt = /url\((['"]?)([^'"]+?)\1\)/g, Ve = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, We = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function qe(t) {
+const Yt = /url\((['"]?)([^'"]+?)\1\)/g, We = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, qe = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function ze(t) {
   const e = t.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${e})(['"]?\\))`, "g");
 }
-function ze(t) {
+function Xe(t) {
   const e = [];
-  return t.replace(Xt, (n, r, o) => (e.push(o), n)), e.filter((n) => !ft(n));
+  return t.replace(Yt, (n, r, o) => (e.push(o), n)), e.filter((n) => !ft(n));
 }
-async function Xe(t, e, n, r, o) {
+async function Ye(t, e, n, r, o) {
   try {
-    const i = n ? me(e, n) : e, a = St(e);
+    const i = n ? ye(e, n) : e, a = xt(e);
     let s;
-    return o || (s = await xt(i, a, r)), t.replace(qe(e), `$1${s}$3`);
+    return o || (s = await Et(i, a, r)), t.replace(ze(e), `$1${s}$3`);
   } catch {
   }
   return t;
 }
-function Ye(t, { preferredFontFormat: e }) {
-  return e ? t.replace(We, (n) => {
+function Ke(t, { preferredFontFormat: e }) {
+  return e ? t.replace(qe, (n) => {
     for (; ; ) {
-      const [r, , o] = Ve.exec(n) || [];
+      const [r, , o] = We.exec(n) || [];
       if (!o)
         return "";
       if (o === e)
@@ -289,32 +289,32 @@ function Ye(t, { preferredFontFormat: e }) {
     }
   }) : t;
 }
-function Yt(t) {
-  return t.search(Xt) !== -1;
+function Kt(t) {
+  return t.search(Yt) !== -1;
 }
-async function Kt(t, e, n) {
-  if (!Yt(t))
+async function Gt(t, e, n) {
+  if (!Kt(t))
     return t;
-  const r = Ye(t, n);
-  return ze(r).reduce((i, a) => i.then((s) => Xe(s, a, e, n)), Promise.resolve(r));
+  const r = Ke(t, n);
+  return Xe(r).reduce((i, a) => i.then((s) => Ye(s, a, e, n)), Promise.resolve(r));
 }
-async function N(t, e, n) {
+async function B(t, e, n) {
   var r;
   const o = (r = e.style) === null || r === void 0 ? void 0 : r.getPropertyValue(t);
   if (o) {
-    const i = await Kt(o, null, n);
+    const i = await Gt(o, null, n);
     return e.style.setProperty(t, i, e.style.getPropertyPriority(t)), !0;
   }
   return !1;
 }
-async function Ke(t, e) {
-  await N("background", t, e) || await N("background-image", t, e), await N("mask", t, e) || await N("-webkit-mask", t, e) || await N("mask-image", t, e) || await N("-webkit-mask-image", t, e);
-}
 async function Ge(t, e) {
+  await B("background", t, e) || await B("background-image", t, e), await B("mask", t, e) || await B("-webkit-mask", t, e) || await B("mask-image", t, e) || await B("-webkit-mask-image", t, e);
+}
+async function Je(t, e) {
   const n = x(t, HTMLImageElement);
   if (!(n && !ft(t.src)) && !(x(t, SVGImageElement) && !ft(t.href.baseVal)))
     return;
-  const r = n ? t.src : t.href.baseVal, o = await xt(r, St(r), e);
+  const r = n ? t.src : t.href.baseVal, o = await Et(r, xt(r), e);
   await new Promise((i, a) => {
     t.onload = i, t.onerror = e.onImageErrorHandler ? (...l) => {
       try {
@@ -327,14 +327,14 @@ async function Ge(t, e) {
     s.decode && (s.decode = i), s.loading === "lazy" && (s.loading = "eager"), n ? (t.srcset = "", t.src = o) : t.href.baseVal = o;
   });
 }
-async function Je(t, e) {
-  const r = H(t.childNodes).map((o) => Gt(o, e));
+async function Qe(t, e) {
+  const r = D(t.childNodes).map((o) => Jt(o, e));
   await Promise.all(r).then(() => t);
 }
-async function Gt(t, e) {
-  x(t, Element) && (await Ke(t, e), await Ge(t, e), await Je(t, e));
+async function Jt(t, e) {
+  x(t, Element) && (await Ge(t, e), await Je(t, e), await Qe(t, e));
 }
-function Qe(t, e) {
+function Ze(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;
@@ -342,23 +342,23 @@ function Qe(t, e) {
     n[o] = r[o];
   }), t;
 }
-const Pt = {};
-async function Tt(t) {
-  let e = Pt[t];
+const Tt = {};
+async function kt(t) {
+  let e = Tt[t];
   if (e != null)
     return e;
   const r = await (await fetch(t)).text();
-  return e = { url: t, cssText: r }, Pt[t] = e, e;
+  return e = { url: t, cssText: r }, Tt[t] = e, e;
 }
-async function kt(t, e) {
+async function It(t, e) {
   let n = t.cssText;
   const r = /url\(["']?([^"')]+)["']?\)/g, i = (n.match(/url\([^)]+\)/g) || []).map(async (a) => {
     let s = a.replace(r, "$1");
-    return s.startsWith("https://") || (s = new URL(s, t.url).href), qt(s, e.fetchRequestInit, ({ result: l }) => (n = n.replace(a, `url(${l})`), [a, l]));
+    return s.startsWith("https://") || (s = new URL(s, t.url).href), zt(s, e.fetchRequestInit, ({ result: l }) => (n = n.replace(a, `url(${l})`), [a, l]));
   });
   return Promise.all(i).then(() => n);
 }
-function It(t) {
+function Ot(t) {
   if (t == null)
     return [];
   const e = [], n = /(\/\*[\s\S]*?\*\/)/gi;
@@ -384,21 +384,21 @@ function It(t) {
   }
   return e;
 }
-async function Ze(t, e) {
+async function tn(t, e) {
   const n = [], r = [];
   return t.forEach((o) => {
     if ("cssRules" in o)
       try {
-        H(o.cssRules || []).forEach((i, a) => {
+        D(o.cssRules || []).forEach((i, a) => {
           if (i.type === CSSRule.IMPORT_RULE) {
             let s = a + 1;
-            const l = i.href, u = Tt(l).then((d) => kt(d, e)).then((d) => It(d).forEach((p) => {
+            const l = i.href, u = kt(l).then((d) => It(d, e)).then((d) => Ot(d).forEach((m) => {
               try {
-                o.insertRule(p, p.startsWith("@import") ? s += 1 : o.cssRules.length);
-              } catch (m) {
+                o.insertRule(m, m.startsWith("@import") ? s += 1 : o.cssRules.length);
+              } catch (p) {
                 console.error("Error inserting rule from remote css", {
-                  rule: p,
-                  error: m
+                  rule: m,
+                  error: p
                 });
               }
             })).catch((d) => {
@@ -409,7 +409,7 @@ async function Ze(t, e) {
         });
       } catch (i) {
         const a = t.find((s) => s.href == null) || document.styleSheets[0];
-        o.href != null && r.push(Tt(o.href).then((s) => kt(s, e)).then((s) => It(s).forEach((l) => {
+        o.href != null && r.push(kt(o.href).then((s) => It(s, e)).then((s) => Ot(s).forEach((l) => {
           a.insertRule(l, a.cssRules.length);
         })).catch((s) => {
           console.error("Error loading remote stylesheet", s);
@@ -418,7 +418,7 @@ async function Ze(t, e) {
   }), Promise.all(r).then(() => (t.forEach((o) => {
     if ("cssRules" in o)
       try {
-        H(o.cssRules || []).forEach((i) => {
+        D(o.cssRules || []).forEach((i) => {
           n.push(i);
         });
       } catch (i) {
@@ -426,60 +426,60 @@ async function Ze(t, e) {
       }
   }), n));
 }
-function tn(t) {
-  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => Yt(e.style.getPropertyValue("src")));
+function en(t) {
+  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => Kt(e.style.getPropertyValue("src")));
 }
-async function en(t, e) {
+async function nn(t, e) {
   if (t.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const n = H(t.ownerDocument.styleSheets), r = await Ze(n, e);
-  return tn(r);
+  const n = D(t.ownerDocument.styleSheets), r = await tn(n, e);
+  return en(r);
 }
-function Jt(t) {
+function Qt(t) {
   return t.trim().replace(/["']/g, "");
 }
-function nn(t) {
+function rn(t) {
   const e = /* @__PURE__ */ new Set();
   function n(r) {
     (r.style.fontFamily || getComputedStyle(r).fontFamily).split(",").forEach((i) => {
-      e.add(Jt(i));
+      e.add(Qt(i));
     }), Array.from(r.children).forEach((i) => {
       i instanceof HTMLElement && n(i);
     });
   }
   return n(t), e;
 }
-async function rn(t, e) {
-  const n = await en(t, e), r = nn(t);
-  return (await Promise.all(n.filter((i) => r.has(Jt(i.style.fontFamily))).map((i) => {
+async function on(t, e) {
+  const n = await nn(t, e), r = rn(t);
+  return (await Promise.all(n.filter((i) => r.has(Qt(i.style.fontFamily))).map((i) => {
     const a = i.parentStyleSheet ? i.parentStyleSheet.href : null;
-    return Kt(i.cssText, a, e);
+    return Gt(i.cssText, a, e);
   }))).join(`
 `);
 }
-async function on(t, e) {
-  const n = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await rn(t, e);
+async function an(t, e) {
+  const n = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await on(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);
   }
 }
-async function an(t, e = {}) {
-  const { width: n, height: r } = Wt(t, e), o = await nt(t, e, !0);
-  return await on(o, e), await Gt(o, e), Qe(o, e), await xe(o, n, r);
-}
 async function sn(t, e = {}) {
-  const { width: n, height: r } = Wt(t, e), o = await an(t, e), i = await G(o), a = document.createElement("canvas"), s = a.getContext("2d"), l = e.pixelRatio || be(), u = e.canvasWidth || n, d = e.canvasHeight || r;
-  return a.width = u * l, a.height = d * l, e.skipAutoScale || ve(a), a.style.width = `${u}`, a.style.height = `${d}`, e.backgroundColor && (s.fillStyle = e.backgroundColor, s.fillRect(0, 0, a.width, a.height)), s.drawImage(i, 0, 0, a.width, a.height), a;
+  const { width: n, height: r } = qt(t, e), o = await nt(t, e, !0);
+  return await an(o, e), await Jt(o, e), Ze(o, e), await Ee(o, n, r);
 }
 async function cn(t, e = {}) {
-  return (await sn(t, e)).toDataURL();
+  const { width: n, height: r } = qt(t, e), o = await sn(t, e), i = await G(o), a = document.createElement("canvas"), s = a.getContext("2d"), l = e.pixelRatio || Se(), u = e.canvasWidth || n, d = e.canvasHeight || r;
+  return a.width = u * l, a.height = d * l, e.skipAutoScale || ve(a), a.style.width = `${u}`, a.style.height = `${d}`, e.backgroundColor && (s.fillStyle = e.backgroundColor, s.fillRect(0, 0, a.width, a.height)), s.drawImage(i, 0, 0, a.width, a.height), a;
+}
+async function ln(t, e = {}) {
+  return (await cn(t, e)).toDataURL();
 }
 const J = "data-nf-capture-chrome";
-function ln(t) {
+function un(t) {
   return t instanceof Element && (t.hasAttribute(J) || t.hasAttribute("data-nf-mask-cover") || t.id === "notefully");
 }
-function un() {
+function dn() {
   const t = [];
   return document.querySelectorAll('input[type="password"], [data-notefully-mask]').forEach((n) => {
     const r = n.getBoundingClientRect(), o = document.createElement("div");
@@ -495,47 +495,47 @@ function un() {
     ].join(";"), document.body.appendChild(o), t.push(o);
   }), () => t.forEach((n) => n.remove());
 }
-function dn() {
+function fn() {
   const t = document.querySelector(`[${J}]`);
   if (t)
     return t;
   const e = document.createElement("div");
   return e.setAttribute(J, "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 fn() {
+function hn() {
   document.querySelectorAll(`[${J}]`).forEach((t) => t.remove());
 }
-async function hn() {
-  const t = document.getElementById("notefully"), e = t ? t.style.display : "", n = dn();
+async function mn() {
+  const t = document.getElementById("notefully"), e = t ? t.style.display : "", n = fn();
   t && (t.style.display = "none");
-  const r = un();
+  const r = dn();
   await new Promise((o) => requestAnimationFrame(() => requestAnimationFrame(o)));
   try {
-    return await cn(document.body, {
+    return await ln(document.body, {
       cacheBust: !0,
       pixelRatio: Math.min(window.devicePixelRatio || 1, 2),
-      filter: (o) => !ln(o)
+      filter: (o) => !un(o)
     });
   } finally {
-    r(), n.remove(), fn(), t && (t.style.display = e);
+    r(), n.remove(), hn(), t && (t.style.display = e);
   }
 }
 function pn(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 mn(t = "") {
+function yn(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 yn(t = {}) {
+function gn(t = {}) {
   const e = navigator.userAgent;
   return {
     url: location.href,
     title: document.title,
     userAgent: e,
     os: pn(e),
-    browser: mn(e),
+    browser: yn(e),
     language: navigator.language,
     timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
     viewport: {
@@ -550,11 +550,11 @@ function yn(t = {}) {
     }
   };
 }
-const Ot = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Ht = {
+const Ht = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Dt = {
   id: "userId",
   username: "displayName",
   name: "displayName"
-}, Dt = /* @__PURE__ */ new Set([
+}, Ft = /* @__PURE__ */ new Set([
   "endpoint",
   "projectKey",
   "version",
@@ -564,7 +564,7 @@ const Ot = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Ht = {
   "theme",
   "video",
   "consoleLogLimit"
-]), Ft = {
+]), Ut = {
   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.",
@@ -573,14 +573,14 @@ const Ot = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Ht = {
   email: "Pass people via Notefully.identify({ userId, email, displayName }), not init().",
   displayName: "Pass people via Notefully.identify({ userId, email, displayName }), not init()."
 };
-function gn(t = {}, e = {}) {
-  const n = e.warn || Qt, r = t && typeof t == "object" ? t : {}, o = {}, i = [];
-  for (const a of Ot)
+function wn(t = {}, e = {}) {
+  const n = e.warn || Zt, r = t && typeof t == "object" ? t : {}, o = {}, i = [];
+  for (const a of Ht)
     Object.prototype.hasOwnProperty.call(r, a) && (o[a] = r[a]);
-  for (const [a, s] of Object.entries(Ht))
+  for (const [a, s] of Object.entries(Dt))
     Object.prototype.hasOwnProperty.call(r, a) && (Object.prototype.hasOwnProperty.call(o, s) || (o[s] = r[a]));
   for (const a of Object.keys(r))
-    Ot.has(a) || Object.prototype.hasOwnProperty.call(Ht, a) || i.push(a);
+    Ht.has(a) || Object.prototype.hasOwnProperty.call(Dt, a) || i.push(a);
   if (i.length) {
     const a = i.some((s) => s === "name" || s === "slug" || s === "projectSlug") ? " Pass the package/report name via Notefully.init({ name }), not identify()." : "";
     n(
@@ -589,23 +589,23 @@ function gn(t = {}, e = {}) {
   }
   return o;
 }
-function wn(t = {}, e = {}) {
-  const n = e.warn || Qt, r = t && typeof t == "object" ? t : {}, o = Object.keys(r).filter((i) => !Dt.has(i));
+function bn(t = {}, e = {}) {
+  const n = e.warn || Zt, r = t && typeof t == "object" ? t : {}, o = Object.keys(r).filter((i) => !Ft.has(i));
   if (o.length)
     for (const i of o) {
-      if (Ft[i]) {
-        n(`Notefully.init: ignoring "${i}". ${Ft[i]}`);
+      if (Ut[i]) {
+        n(`Notefully.init: ignoring "${i}". ${Ut[i]}`);
         continue;
       }
       n(
-        `Notefully.init: ignoring unknown key "${i}". Supported: ${[...Dt].join(", ")}.`
+        `Notefully.init: ignoring unknown key "${i}". Supported: ${[...Ft].join(", ")}.`
       );
     }
 }
-function Qt(t) {
+function Zt(t) {
   typeof console < "u" && typeof console.warn == "function" && console.warn(t);
 }
-const bn = 80;
+const Sn = 80;
 function vn() {
   const t = [], e = {};
   let n = !1;
@@ -620,7 +620,7 @@ function vn() {
       level: i,
       text: s.slice(0, 2e3),
       at: Date.now()
-    }), t.length > bn && t.shift();
+    }), t.length > Sn && t.shift();
   };
   return {
     hook: () => {
@@ -639,7 +639,7 @@ function vn() {
     }
   };
 }
-function Sn(t) {
+function xn(t) {
   const e = window.SpeechRecognition || window.webkitSpeechRecognition;
   let n = null, r = !1;
   const o = () => {
@@ -669,8 +669,8 @@ function Sn(t) {
     isActive: () => r
   };
 }
-const xn = 60 * 1e3;
-function En({ onStart: t, onStop: e, onError: n }) {
+const En = 60 * 1e3;
+function Cn({ onStart: t, onStop: e, onError: n }) {
   let r = null, o = null, i = [], a = null;
   const s = () => {
     if (a && (clearTimeout(a), a = null), o && o.state !== "inactive")
@@ -687,7 +687,7 @@ function En({ onStart: t, onStop: e, onError: n }) {
     s(), e(null);
   };
   return { start: async () => {
-    var d, p;
+    var d, m;
     if (!((d = navigator.mediaDevices) != null && d.getDisplayMedia))
       throw new Error("Screen recording is not supported in this browser.");
     r = await navigator.mediaDevices.getDisplayMedia({
@@ -697,15 +697,15 @@ function En({ onStart: t, onStop: e, onError: n }) {
       selfBrowserSurface: "include"
     }), i = [], o = 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.ondataavailable = (p) => {
+      p.data && p.data.size && i.push(p.data);
     }, o.onstop = () => {
-      const m = i.length ? new Blob(i, { type: o.mimeType || "video/webm" }) : null;
-      s(), e(m);
-    }, (p = r.getVideoTracks()[0]) == null || p.addEventListener("ended", () => l()), o.start(), a = setTimeout(l, xn);
+      const p = i.length ? new Blob(i, { type: o.mimeType || "video/webm" }) : null;
+      s(), e(p);
+    }, (m = r.getVideoTracks()[0]) == null || m.addEventListener("ended", () => l()), o.start(), a = setTimeout(l, En);
   }, stop: l };
 }
-function Cn() {
+function Mn() {
   const t = /* @__PURE__ */ new Set();
   return {
     alloc() {
@@ -724,15 +724,15 @@ function Cn() {
   };
 }
 const lt = { x: 0, y: 0, w: 1, h: 1 };
-function Zt() {
-  const t = Cn();
+function te() {
+  const t = Mn();
   let e = [], n = { ...lt }, r = 1;
   return {
-    list: () => e.filter((i) => Ln(i, n)),
+    list: () => e.filter((i) => $n(i, n)),
     all: () => e.slice(),
     crop: () => ({ ...n }),
     setCrop(i) {
-      return n = Mn(i), n;
+      return n = Ln(i), n;
     },
     resetCrop() {
       return n = { ...lt }, n;
@@ -772,15 +772,15 @@ function Zt() {
     }
   };
 }
-function Mn(t) {
+function Ln(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 Ln(t, e) {
+function $n(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 Et(t) {
+function Ct(t) {
   const e = Math.max(1, Number(t) || 1);
   return {
     stroke: Math.max(2, e * 75e-4),
@@ -790,52 +790,52 @@ function Et(t) {
     arrowHeadAngle: 0.4
   };
 }
-function $n(t, {
+function Rn(t, {
   stickers: e = [],
   crop: n = { x: 0, y: 0, w: 1, h: 1 },
   width: r,
   height: o,
   colors: i = {}
 }) {
-  const a = i.mark || "#fdd341", s = i.markText || "#2a2140", l = Et(r);
+  const a = i.mark || "#fdd341", s = i.markText || "#2a2140", l = Ct(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 d = ht(u.x, n, r), p = pt(u.y, n, o), m = u.w / n.w * r, C = u.h / n.h * o, L = l.stroke / 2;
+    const d = ht(u.x, n, r), m = mt(u.y, n, o), p = u.w / n.w * r, C = u.h / n.h * o, L = l.stroke / 2;
     if (u.type === "rect")
       t.strokeRect(
         d + L,
-        p + L,
-        Math.max(0, m - l.stroke),
+        m + L,
+        Math.max(0, p - l.stroke),
         Math.max(0, C - l.stroke)
       );
     else if (u.type === "circle")
       t.beginPath(), t.ellipse(
-        d + m / 2,
-        p + C / 2,
-        Math.max(0.5, m / 2 - L),
+        d + p / 2,
+        m + C / 2,
+        Math.max(0.5, p / 2 - L),
         Math.max(0.5, C / 2 - L),
         0,
         0,
         Math.PI * 2
       ), t.stroke();
     else if (u.type === "arrow") {
-      const F = ht(u.x2 ?? u.x + u.w, n, r), U = pt(u.y2 ?? u.y, n, o);
-      An(t, d, p, F, U, l);
+      const U = ht(u.x2 ?? u.x + u.w, n, r), j = mt(u.y2 ?? u.y, n, o);
+      Pn(t, d, m, U, j, l);
     }
     if (u.number == null || u.number === "")
       return;
-    const A = Rn(u, n, r, o, d, p, m), B = String(u.number);
-    t.beginPath(), t.arc(A.x, A.y, l.badgeRadius, 0, Math.PI * 2), t.fillStyle = a, t.fill(), t.fillStyle = s, t.textAlign = "center", t.textBaseline = "middle", t.fillText(B, A.x, A.y + 0.5), t.fillStyle = a;
+    const P = An(u, n, r, o, d, m, p), V = String(u.number);
+    t.beginPath(), t.arc(P.x, P.y, l.badgeRadius, 0, Math.PI * 2), t.fillStyle = a, t.fill(), t.fillStyle = s, t.textAlign = "center", t.textBaseline = "middle", t.fillText(V, P.x, P.y + 0.5), t.fillStyle = a;
   }), t.restore();
 }
 function ht(t, e, n) {
   return (t - e.x) / e.w * n;
 }
-function pt(t, e, n) {
+function mt(t, e, n) {
   return (t - e.y) / e.h * n;
 }
-function Rn(t, e, n, r, o, i, a) {
+function An(t, e, n, r, o, i, a) {
   if (t.type === "arrow") {
-    const s = ht(t.x2 ?? t.x + t.w, e, n), l = pt(t.y2 ?? t.y, e, r);
+    const s = ht(t.x2 ?? t.x + t.w, e, n), l = mt(t.y2 ?? t.y, e, r);
     return {
       x: (o + s) / 2,
       y: (i + l) / 2
@@ -843,8 +843,8 @@ function Rn(t, e, n, r, o, i, a) {
   }
   return { x: o + a / 2, y: i };
 }
-function te(t, e, n, r, o) {
-  const i = Math.atan2(r - e, n - t), a = o.arrowHead, s = Math.min(o.stroke, a * 0.2), l = n, u = r, d = n - Math.cos(i) * a, p = r - Math.sin(i) * a, m = {
+function ee(t, e, n, r, o) {
+  const i = Math.atan2(r - e, n - t), a = o.arrowHead, s = Math.min(o.stroke, a * 0.2), l = n, u = r, d = n - Math.cos(i) * a, m = r - Math.sin(i) * a, p = {
     x: l - a * Math.cos(i - o.arrowHeadAngle),
     y: u - a * Math.sin(i - o.arrowHeadAngle)
   }, C = {
@@ -854,26 +854,26 @@ function te(t, e, n, r, o) {
     x: n - Math.cos(i) * s,
     y: r - Math.sin(i) * s
   };
-  return { angle: i, tipX: l, tipY: u, baseX: d, baseY: p, left: m, right: C, shaftEnd: L };
+  return { angle: i, tipX: l, tipY: u, baseX: d, baseY: m, left: p, right: C, shaftEnd: L };
 }
-function An(t, e, n, r, o, i) {
-  const a = te(e, n, r, o, i);
+function Pn(t, e, n, r, o, i) {
+  const a = ee(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 Pn(t, e, n, r = {}) {
+function Tn(t, e, n, r = {}) {
   return new Promise((o, i) => {
     const a = new Image();
     a.onload = () => {
-      const s = Math.round(e.x * a.width), l = Math.round(e.y * a.height), u = Math.max(1, Math.round(e.w * a.width)), d = Math.max(1, Math.round(e.h * a.height)), p = document.createElement("canvas");
-      p.width = u, p.height = d;
-      const m = p.getContext("2d");
-      m.drawImage(a, s, l, u, d, 0, 0, u, d), $n(m, {
+      const s = Math.round(e.x * a.width), l = Math.round(e.y * a.height), u = Math.max(1, Math.round(e.w * a.width)), d = Math.max(1, Math.round(e.h * a.height)), m = document.createElement("canvas");
+      m.width = u, m.height = d;
+      const p = m.getContext("2d");
+      p.drawImage(a, s, l, u, d, 0, 0, u, d), Rn(p, {
         stickers: n,
         crop: e,
         width: u,
         height: d,
         colors: r
-      }), p.toBlob((C) => {
+      }), m.toBlob((C) => {
         if (!C) {
           i(new Error("Could not encode screenshot"));
           return;
@@ -883,27 +883,27 @@ function Pn(t, e, n, r = {}) {
     }, a.onerror = () => i(new Error("Could not load screenshot")), a.src = t;
   });
 }
-const Tn = ["bug", "idea", "other"], kn = ["maker", "all-business", "brighter-day", "quiet-night"], ee = "maker", In = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), mt = 0.02, Ut = 0.05, On = `
+const kn = ["bug", "idea", "other"], In = ["maker", "all-business", "brighter-day", "quiet-night"], ne = "maker", On = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), pt = 0.02, jt = 0.05, Hn = `
   <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 T(t) {
+function k(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 k = {
-  crop: T('<path d="M6 3v5H1M18 21v-5h5M8 5h8a2 2 0 0 1 2 2v8M16 19H8a2 2 0 0 1-2-2V8"/>'),
-  resetCrop: T('<path d="M3 12a9 9 0 1 0 3-6.7L3 8"/><path d="M3 3v5h5"/>'),
-  arrow: T('<path d="M5 19 19 5"/><path d="M9 5h10v10"/>'),
-  rect: T('<rect x="4" y="6" width="16" height="12" rx="1.5"/>'),
-  circle: T('<circle cx="12" cy="12" r="8"/>'),
-  discard: T('<path d="M4 7h16"/><path d="M9 7V5h6v2"/><path d="M6 7l1 13h10l1-13"/>'),
-  audio: T('<rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0 0 14 0"/><path d="M12 18v3"/>'),
-  video: T('<rect x="3" y="7" width="13" height="10" rx="2"/><path d="M16 10.5 21 8v8l-5-2.5z"/>')
-}, ne = vn();
-ne.hook();
-const re = 10, Hn = 80, ie = "notefully.author", oe = "Anonymous";
+const I = {
+  crop: k('<path d="M6 3v5H1M18 21v-5h5M8 5h8a2 2 0 0 1 2 2v8M16 19H8a2 2 0 0 1-2-2V8"/>'),
+  resetCrop: k('<path d="M3 12a9 9 0 1 0 3-6.7L3 8"/><path d="M3 3v5h5"/>'),
+  arrow: k('<path d="M5 19 19 5"/><path d="M9 5h10v10"/>'),
+  rect: k('<rect x="4" y="6" width="16" height="12" rx="1.5"/>'),
+  circle: k('<circle cx="12" cy="12" r="8"/>'),
+  discard: k('<path d="M4 7h16"/><path d="M9 7V5h6v2"/><path d="M6 7l1 13h10l1-13"/>'),
+  audio: k('<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: k('<rect x="3" y="7" width="13" height="10" rx="2"/><path d="M16 10.5 21 8v8l-5-2.5z"/>')
+}, re = vn();
+re.hook();
+const ie = 10, Dn = 80, oe = "notefully.author", yt = "Anonymous";
 let f = {
   endpoint: "",
   projectKey: "",
@@ -911,37 +911,37 @@ let f = {
   name: "",
   targets: null,
   hideLauncher: !1,
-  theme: ee,
+  theme: ne,
   video: !1,
-  consoleLogLimit: re
-}, W = {}, h = null, c = {}, y = Zt(), S = "", q = "", R = null, Q = "bug", O = null, $ = null, w = null, g = null, Y = null, D = null, V = null, I = { w: 0, h: 0 }, ut = !1;
+  consoleLogLimit: ie
+}, R = {}, h = null, c = {}, y = te(), v = "", q = "", A = null, Q = "bug", H = null, $ = null, w = null, g = null, Y = null, F = null, W = null, O = { w: 0, h: 0 }, ut = !1;
 function b(t) {
   return h.querySelector(t);
 }
 function ae(t) {
   const e = String(t || "").trim().toLowerCase().replace(/\s+/g, "-");
-  return kn.includes(e) ? e : ee;
+  return In.includes(e) ? e : ne;
 }
-function jt(t, e) {
+function _t(t, e) {
   return h && getComputedStyle(h).getPropertyValue(t).trim() || e;
 }
-function v(t, e = !1) {
+function S(t, e = !1) {
   c.status && (c.status.textContent = t || "", Y && (clearTimeout(Y), Y = null), t && !e && (Y = setTimeout(() => {
     c.status.textContent = "";
   }, 4e3)));
 }
-function Ct() {
+function Mt() {
   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…">${On}</button>
+      <button class="nf-launcher" type="button" title="Leave a note…" aria-label="Leave a note…">${Hn}</button>
       <div class="nf-dialog" hidden>
         <div class="nf-panel">
           <div class="nf-stage">
             <div class="nf-palette">
-              <button class="nf-tool nf-icon-btn" type="button" data-tool="crop" title="Crop" aria-label="Crop">${k.crop}</button>
-              <button class="nf-reset-crop nf-icon-btn" type="button" title="Reset crop" aria-label="Reset crop" hidden>${k.resetCrop}</button>
-              <button class="nf-tool nf-icon-btn" type="button" data-tool="arrow" title="Arrow" aria-label="Arrow">${k.arrow}</button>
-              <button class="nf-tool nf-icon-btn" type="button" data-tool="rect" title="Rectangle" aria-label="Rectangle">${k.rect}</button>
-              <button class="nf-tool nf-icon-btn" type="button" data-tool="circle" title="Circle" aria-label="Circle">${k.circle}</button>
+              <button class="nf-tool nf-icon-btn" type="button" data-tool="crop" title="Crop" aria-label="Crop">${I.crop}</button>
+              <button class="nf-reset-crop nf-icon-btn" type="button" title="Reset crop" aria-label="Reset crop" hidden>${I.resetCrop}</button>
+              <button class="nf-tool nf-icon-btn" type="button" data-tool="arrow" title="Arrow" aria-label="Arrow">${I.arrow}</button>
+              <button class="nf-tool nf-icon-btn" type="button" data-tool="rect" title="Rectangle" aria-label="Rectangle">${I.rect}</button>
+              <button class="nf-tool nf-icon-btn" type="button" data-tool="circle" title="Circle" aria-label="Circle">${I.circle}</button>
             </div>
             <div class="nf-canvas"></div>
           </div>
@@ -953,9 +953,9 @@ function Ct() {
             <button type="button" data-kind="other">Other</button>
           </div>
           <div class="nf-actions">
-            <button class="nf-discard-shot nf-icon-btn" type="button" title="Discard screenshot" aria-label="Discard screenshot">${k.discard}</button>
-            <button class="nf-audio nf-icon-btn" type="button" title="Record audio" aria-label="Record audio">${k.audio}</button>
-            <button class="nf-video nf-icon-btn" type="button" title="Record video" aria-label="Record video">${k.video}</button>
+            <button class="nf-discard-shot nf-icon-btn" type="button" title="Discard screenshot" aria-label="Discard screenshot">${I.discard}</button>
+            <button class="nf-audio nf-icon-btn" type="button" title="Record audio" aria-label="Record audio">${I.audio}</button>
+            <button class="nf-video nf-icon-btn" type="button" title="Record video" aria-label="Record video">${I.video}</button>
             <button class="nf-submit" type="button">Submit</button>
           </div>
           <button class="nf-restore" type="button" hidden>Restore screenshot</button>
@@ -979,7 +979,7 @@ function Ct() {
     resetCrop: b(".nf-reset-crop"),
     submit: b(".nf-submit"),
     shot: null
-  }, Dn(), rt()), h;
+  }, Fn(), rt()), h;
 }
 function rt() {
   var t;
@@ -988,28 +988,28 @@ function rt() {
 function Z() {
   c.launcher && (c.launcher.hidden = !!f.hideLauncher);
 }
-function Dn() {
-  c.launcher.addEventListener("click", () => fe()), b(".nf-dialog").addEventListener("click", (t) => {
+function Fn() {
+  c.launcher.addEventListener("click", () => he()), b(".nf-dialog").addEventListener("click", (t) => {
     t.target === c.dialog && ot();
   }), h.querySelectorAll(".nf-tool").forEach((t) => {
-    t.addEventListener("click", () => gt(t.dataset.tool));
-  }), c.resetCrop.addEventListener("click", Vn), c.canvas.addEventListener("pointerdown", Un), c.canvas.addEventListener("dragstart", (t) => t.preventDefault()), h.querySelectorAll("[data-kind]").forEach((t) => {
-    t.addEventListener("click", () => yt(t.dataset.kind));
-  }), c.discard.addEventListener("click", Wn), c.restore.addEventListener("click", qn), c.audio.addEventListener("click", zn), c.video.addEventListener("click", Xn), c.stop.addEventListener("click", () => V == null ? void 0 : V.stop()), b(".nf-submit").addEventListener("click", () => {
-    he().catch((t) => v(t.message || "Submit failed."));
-  }), yt("bug"), gt(null);
-}
-function yt(t) {
-  Q = Tn.includes(t) ? t : "bug", h.querySelectorAll("[data-kind]").forEach((e) => {
+    t.addEventListener("click", () => wt(t.dataset.tool));
+  }), c.resetCrop.addEventListener("click", Wn), c.canvas.addEventListener("pointerdown", jn), c.canvas.addEventListener("dragstart", (t) => t.preventDefault()), h.querySelectorAll("[data-kind]").forEach((t) => {
+    t.addEventListener("click", () => gt(t.dataset.kind));
+  }), c.discard.addEventListener("click", qn), c.restore.addEventListener("click", zn), c.audio.addEventListener("click", Xn), c.video.addEventListener("click", Yn), c.stop.addEventListener("click", () => W == null ? void 0 : W.stop()), b(".nf-submit").addEventListener("click", () => {
+    me().catch((t) => S(t.message || "Submit failed."));
+  }), gt("bug"), wt(null);
+}
+function gt(t) {
+  Q = kn.includes(t) ? t : "bug", h.querySelectorAll("[data-kind]").forEach((e) => {
     e.dataset.active = String(e.dataset.kind === Q);
   });
 }
-function gt(t) {
-  O = In.has(t) ? t : null, $ = null, h.querySelectorAll(".nf-tool").forEach((e) => {
-    e.dataset.active = String(e.dataset.tool === O);
-  }), c.canvas && (c.canvas.dataset.draw = O ? "true" : "false"), S && M();
+function wt(t) {
+  H = On.has(t) ? t : null, $ = null, h.querySelectorAll(".nf-tool").forEach((e) => {
+    e.dataset.active = String(e.dataset.tool === H);
+  }), c.canvas && (c.canvas.dataset.draw = H ? "true" : "false"), v && M();
 }
-function _t(t) {
+function Nt(t) {
   return Math.min(1, Math.max(0, t));
 }
 function z() {
@@ -1018,11 +1018,11 @@ function z() {
 function tt(t) {
   const e = z().getBoundingClientRect();
   return {
-    x: _t((t.clientX - e.left) / Math.max(e.width, 1)),
-    y: _t((t.clientY - e.top) / Math.max(e.height, 1))
+    x: Nt((t.clientX - e.left) / Math.max(e.width, 1)),
+    y: Nt((t.clientY - e.top) / Math.max(e.height, 1))
   };
 }
-function Fn(t) {
+function Un(t) {
   const e = z().getBoundingClientRect();
   return t.clientX >= e.left && t.clientX <= e.right && t.clientY >= e.top && t.clientY <= e.bottom;
 }
@@ -1038,11 +1038,11 @@ function it(t, e) {
   return {
     x: n,
     y: r,
-    w: Math.max(mt, Math.abs(e.x - t.x)),
-    h: Math.max(mt, Math.abs(e.y - t.y))
+    w: Math.max(pt, Math.abs(e.x - t.x)),
+    h: Math.max(pt, Math.abs(e.y - t.y))
   };
 }
-function Mt(t) {
+function Lt(t) {
   h && (t ? h.dataset.grabbing = "true" : delete h.dataset.grabbing);
 }
 function dt(t) {
@@ -1051,41 +1051,41 @@ function dt(t) {
   } catch {
   }
 }
-function wt() {
+function bt() {
   window.addEventListener("pointermove", le), window.addEventListener("pointerup", et), window.addEventListener("pointercancel", et);
 }
 function ce() {
   window.removeEventListener("pointermove", le), window.removeEventListener("pointerup", et), window.removeEventListener("pointercancel", et);
 }
-function Un(t) {
-  if (t.button !== 0 || !S)
+function jn(t) {
+  if (t.button !== 0 || !v)
     return;
-  if (!t.target.closest(".nf-sticker") && !Fn(t)) {
+  if (!t.target.closest(".nf-sticker") && !Un(t)) {
     $ = 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(), $ = n.dataset.id, dt(t), jn({
+    t.preventDefault(), t.stopPropagation(), $ = n.dataset.id, dt(t), _n({
       kind: "sticker",
       id: $,
       dir: (e == null ? void 0 : e.dataset.dir) || "move"
     }, t), M();
     return;
   }
-  if ($ = null, O === "crop") {
-    t.preventDefault(), dt(t), w = { kind: "crop", start: tt(t), current: tt(t) }, wt(), M();
+  if ($ = null, H === "crop") {
+    t.preventDefault(), dt(t), w = { kind: "crop", start: tt(t), current: tt(t) }, bt(), M();
     return;
   }
-  if (O === "arrow" || O === "rect" || O === "circle") {
+  if (H === "arrow" || H === "rect" || H === "circle") {
     t.preventDefault(), dt(t);
     const r = se(t);
-    w = { kind: "sticker", type: O, start: r, current: r }, wt(), M();
+    w = { kind: "sticker", type: H, start: r, current: r }, bt(), M();
     return;
   }
   M();
 }
-function jn(t, e) {
+function _n(t, e) {
   e.preventDefault(), e.stopPropagation();
   const n = z().getBoundingClientRect(), r = y.list().find((o) => o.id === t.id);
   g = {
@@ -1095,7 +1095,7 @@ function jn(t, e) {
     crop: y.crop(),
     sticker: r ? { ...r } : null,
     rect: n
-  }, Mt(t.dir === "move" || t.dir === "start" || t.dir === "end"), wt();
+  }, Lt(t.dir === "move" || t.dir === "start" || t.dir === "end"), bt();
 }
 function le(t) {
   if (w) {
@@ -1125,12 +1125,12 @@ function le(t) {
       });
     else {
       const o = { x: r.x, y: r.y, w: r.w, h: r.h };
-      _n(o, g.dir, e, n), y.update(r.id, o);
+      Nn(o, g.dir, e, n), y.update(r.id, o);
     }
     M();
   }
 }
-function _n(t, e, n, r) {
+function Nn(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;
@@ -1141,8 +1141,8 @@ function _n(t, e, n, r) {
   }
 }
 function et(t) {
-  if (ce(), Mt(!1), w) {
-    Nn();
+  if (ce(), Lt(!1), w) {
+    Bn();
     return;
   }
   if (g) {
@@ -1153,13 +1153,13 @@ function et(t) {
     g = null, M();
   }
 }
-function Nn() {
+function Bn() {
   const t = w;
   if (w = null, !t)
     return;
   if (t.kind === "crop") {
     const n = it(t.start, t.current);
-    if (Math.abs(t.current.x - t.start.x) < Ut || Math.abs(t.current.y - t.start.y) < Ut) {
+    if (Math.abs(t.current.x - t.start.x) < jt || Math.abs(t.current.y - t.start.y) < jt) {
       M();
       return;
     }
@@ -1172,13 +1172,13 @@ function Nn() {
     }), X();
     return;
   }
-  const e = Bn(t);
+  const e = Vn(t);
   e && ($ = e.id), M();
 }
-function Bn(t) {
+function Vn(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) < mt ? y.add("arrow", {
+    return Math.hypot(e, n) < pt ? y.add("arrow", {
       x: t.start.x,
       y: t.start.y,
       x2: t.start.x + 0.12,
@@ -1196,81 +1196,81 @@ function Bn(t) {
   }
   return y.add(t.type, it(t.start, t.current));
 }
-function Vn() {
+function Wn() {
   y.resetCrop(), $ = null, X();
 }
-function bt() {
+function St() {
   c.resetCrop && (c.resetCrop.hidden = !y.isCropped());
 }
-function Lt(t) {
+function $t(t) {
   if (!c.audio)
     return;
   const e = t ? "Stop audio" : "Record audio";
   c.audio.title = e, c.audio.setAttribute("aria-label", e), c.audio.dataset.active = String(!!t);
 }
-function Wn() {
-  S && (q = S), S = "", c.stage.hidden = !0, c.restore.hidden = !q;
-}
 function qn() {
-  q && (S = q, c.stage.hidden = !1, c.restore.hidden = !0, X());
+  v && (q = v), v = "", c.stage.hidden = !0, c.restore.hidden = !q;
 }
 function zn() {
+  q && (v = q, c.stage.hidden = !1, c.restore.hidden = !0, X());
+}
+function Xn() {
   try {
-    if (D || (D = Sn((e) => {
+    if (F || (F = xn((e) => {
       const n = c.text.value.trim();
       c.text.value = n ? `${n} ${e}` : e;
-    })), !D.isSupported()) {
-      v("Audio-to-text is not supported in this browser.");
+    })), !F.isSupported()) {
+      S("Audio-to-text is not supported in this browser.");
       return;
     }
-    const t = D.start();
-    Lt(t), v(t ? "Listening…" : "");
+    const t = F.start();
+    $t(t), S(t ? "Listening…" : "");
   } catch (t) {
-    v(t.message);
+    S(t.message);
   }
 }
-async function Xn() {
+async function Yn() {
   if (!f.video) {
-    v("Video is disabled on this host.");
+    S("Video is disabled on this host.");
     return;
   }
-  c.dialog.hidden = !0, c.stop.hidden = !1, rt(), c.launcher.hidden = !0, V = En({
+  c.dialog.hidden = !0, c.stop.hidden = !1, rt(), c.launcher.hidden = !0, W = Cn({
     onStart() {
     },
     onStop(t) {
-      R = t, c.stop.hidden = !0, Z(), c.dialog.hidden = !1, X(), v(t ? "Video attached." : "Recording cancelled.");
+      A = t, c.stop.hidden = !0, Z(), c.dialog.hidden = !1, X(), S(t ? "Video attached." : "Recording cancelled.");
     },
     onError(t) {
-      v(t.message);
+      S(t.message);
     }
   });
   try {
-    await V.start();
+    await W.start();
   } catch (t) {
-    c.stop.hidden = !0, Z(), c.dialog.hidden = !1, v(t.message);
+    c.stop.hidden = !0, Z(), c.dialog.hidden = !1, S(t.message);
   }
 }
 function X() {
-  if (c.shot = null, !S) {
-    c.canvas.style.removeProperty("--nf-shot-aspect"), c.canvas.style.removeProperty("aspect-ratio"), c.canvas.innerHTML = R ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL(R)}"></video>` : "", bt();
+  if (c.shot = null, !v) {
+    c.canvas.style.removeProperty("--nf-shot-aspect"), c.canvas.style.removeProperty("aspect-ratio"), c.canvas.innerHTML = A ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL(A)}"></video>` : "", St();
     return;
   }
-  c.canvas.innerHTML = `<div class="nf-shot"><img alt="Screenshot" src="${S}" draggable="false"></div>`, c.shot = c.canvas.querySelector(".nf-shot");
+  c.canvas.innerHTML = `<div class="nf-shot"><img alt="Screenshot" src="${v}" draggable="false"></div>`, c.shot = c.canvas.querySelector(".nf-shot");
   const t = c.shot.querySelector("img");
   t.draggable = !1, t.addEventListener("dragstart", (n) => n.preventDefault());
   const e = () => {
-    Yn(t), M();
+    Kn(t), M();
   };
   t.addEventListener("load", e), t.complete && t.naturalWidth && e();
 }
-function Yn(t) {
-  const e = t.naturalWidth || I.w, n = t.naturalHeight || I.h;
-  if (e && n && (I = { w: e, h: n }, c.canvas.style.setProperty("--nf-shot-aspect", String(e / n)), c.canvas.style.aspectRatio = `${e} / ${n}`), !c.shot || !I.w || !I.h)
+function Kn(t) {
+  const e = t.naturalWidth || O.w, n = t.naturalHeight || O.h;
+  if (e && n && (O = { w: e, h: n }, c.canvas.style.setProperty("--nf-shot-aspect", String(e / n)), c.canvas.style.aspectRatio = `${e} / ${n}`), !c.shot || !O.w || !O.h)
     return;
-  const r = y.crop(), o = I.w / I.h, i = r.w / r.h * o, a = Math.min(1, i / o), s = Math.min(1, o / i);
+  const r = y.crop(), o = O.w / O.h, i = r.w / r.h * o, a = Math.min(1, i / o), s = Math.min(1, o / i);
   c.shot.style.left = `${(1 - a) / 2 * 100}%`, c.shot.style.top = `${(1 - s) / 2 * 100}%`, c.shot.style.width = `${a * 100}%`, c.shot.style.height = `${s * 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 Kn(t) {
+function Gn(t) {
   return t.type === "arrow" ? {
     id: "preview",
     type: "arrow",
@@ -1289,77 +1289,90 @@ function Kn(t) {
   };
 }
 function M() {
-  if ((c.shot || c.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((i) => i.remove()), !S || !c.shot) {
-    bt();
+  if ((c.shot || c.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((i) => i.remove()), !v || !c.shot) {
+    St();
     return;
   }
-  const e = y.crop(), n = z(), r = Et(n.clientWidth || 400);
+  const e = y.crop(), n = z(), r = Ct(n.clientWidth || 400);
   if (c.shot.style.setProperty("--nf-anno-stroke", `${r.stroke}px`), c.shot.style.setProperty("--nf-anno-badge", `${r.badgeRadius * 2}px`), c.shot.style.setProperty("--nf-anno-badge-font", `${r.fontSize}px`), c.shot.style.setProperty("--nf-anno-handle", `${Math.max(8, r.stroke * 2.5)}px`), (w == null ? void 0 : w.kind) === "crop") {
     const i = document.createElement("div");
-    i.className = "nf-crop", Nt(i, it(w.start, w.current), { x: 0, y: 0, w: 1, h: 1 }), c.shot.appendChild(i);
+    i.className = "nf-crop", Bt(i, it(w.start, w.current), { x: 0, y: 0, w: 1, h: 1 }), c.shot.appendChild(i);
   }
   const o = y.list().slice();
-  if ((w == null ? void 0 : w.kind) === "sticker" && o.push(Kn(w)), o.forEach((i) => {
+  if ((w == null ? void 0 : w.kind) === "sticker" && o.push(Gn(w)), o.forEach((i) => {
     const a = i.id === "preview", s = !a && i.id === $, l = document.createElement("div");
-    if (l.className = `nf-sticker nf-${i.type}`, l.dataset.id = i.id, s && (l.dataset.selected = "true"), a && (l.dataset.preview = "true"), i.type === "arrow" ? Gn(l, i, e, s, r) : (Nt(l, i, e), s && ["nw", "ne", "sw", "se"].forEach((u) => vt(l, u))), !a && i.number) {
+    if (l.className = `nf-sticker nf-${i.type}`, l.dataset.id = i.id, s && (l.dataset.selected = "true"), a && (l.dataset.preview = "true"), i.type === "arrow" ? Jn(l, i, e, s, r) : (Bt(l, i, e), s && ["nw", "ne", "sw", "se"].forEach((u) => vt(l, u))), !a && i.number) {
       const u = document.createElement("span");
       u.className = "nf-badge", u.textContent = String(i.number), l.appendChild(u);
     }
     c.shot.appendChild(l);
-  }), c.canvas.querySelectorAll(":scope > .nf-recording-preview").forEach((i) => i.remove()), R) {
+  }), c.canvas.querySelectorAll(":scope > .nf-recording-preview").forEach((i) => i.remove()), A) {
     const i = document.createElement("video");
-    i.className = "nf-recording-preview", i.controls = !0, i.src = URL.createObjectURL(R), i.style.position = "absolute", i.style.right = "8px", i.style.bottom = "8px", i.style.width = "160px", c.canvas.appendChild(i);
+    i.className = "nf-recording-preview", i.controls = !0, i.src = URL.createObjectURL(A), i.style.position = "absolute", i.style.right = "8px", i.style.bottom = "8px", i.style.width = "160px", c.canvas.appendChild(i);
   }
-  bt();
+  St();
 }
-function Gn(t, e, n, r, o = Et(400)) {
-  const i = z(), a = i.clientWidth, s = i.clientHeight, l = (e.x - n.x) / n.w * a, u = (e.y - n.y) / n.h * s, d = ((e.x2 ?? e.x + e.w) - n.x) / n.w * a, p = ((e.y2 ?? e.y) - n.y) / n.h * s, m = Math.max(18, o.arrowHead + o.stroke * 2), C = Math.min(l, d) - m, L = Math.min(u, p) - m, A = Math.max(2, Math.abs(d - l)) + m * 2, B = Math.max(2, Math.abs(p - u)) + m * 2, F = l - C, U = u - L, at = d - C, st = p - L, P = te(F, U, at, st, o), j = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  t.style.left = `${C}px`, t.style.top = `${L}px`, t.style.width = `${A}px`, t.style.height = `${B}px`, j.setAttribute("class", "nf-arrow-svg"), j.setAttribute("viewBox", `0 0 ${A} ${B}`), j.setAttribute("width", String(A)), j.setAttribute("height", String(B)), j.innerHTML = `
-      <line class="nf-arrow-hit" x1="${F}" y1="${U}" x2="${at}" y2="${st}" />
-      <line class="nf-arrow-shaft" x1="${F}" y1="${U}" x2="${P.shaftEnd.x}" y2="${P.shaftEnd.y}" />
-      <polygon class="nf-arrow-head" points="${P.tipX},${P.tipY} ${P.left.x},${P.left.y} ${P.right.x},${P.right.y}" />
-    `, t.appendChild(j), r && (vt(t, "start", { left: F - 5, top: U - 5 }), vt(t, "end", { left: at - 5, top: st - 5 }));
+function Jn(t, e, n, r, o = Ct(400)) {
+  const i = z(), a = i.clientWidth, s = i.clientHeight, l = (e.x - n.x) / n.w * a, u = (e.y - n.y) / n.h * s, d = ((e.x2 ?? e.x + e.w) - n.x) / n.w * a, m = ((e.y2 ?? e.y) - n.y) / n.h * s, p = Math.max(18, o.arrowHead + o.stroke * 2), C = Math.min(l, d) - p, L = Math.min(u, m) - p, P = Math.max(2, Math.abs(d - l)) + p * 2, V = Math.max(2, Math.abs(m - u)) + p * 2, U = l - C, j = u - L, at = d - C, st = m - L, T = ee(U, j, at, st, o), _ = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  t.style.left = `${C}px`, t.style.top = `${L}px`, t.style.width = `${P}px`, t.style.height = `${V}px`, _.setAttribute("class", "nf-arrow-svg"), _.setAttribute("viewBox", `0 0 ${P} ${V}`), _.setAttribute("width", String(P)), _.setAttribute("height", String(V)), _.innerHTML = `
+      <line class="nf-arrow-hit" x1="${U}" y1="${j}" x2="${at}" y2="${st}" />
+      <line class="nf-arrow-shaft" x1="${U}" y1="${j}" 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 && (vt(t, "start", { left: U - 5, top: j - 5 }), vt(t, "end", { left: at - 5, top: st - 5 }));
 }
 function vt(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 Nt(t, e, n) {
+function Bt(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 Jn() {
+function Qn() {
   try {
-    return String(localStorage.getItem(ie) || "").trim();
+    return String(localStorage.getItem(oe) || "").trim();
   } catch {
     return "";
   }
 }
-function Qn(t) {
+function Zn(t) {
   const e = String(t || "").trim();
-  if (!(!e || e === oe))
+  if (!(!e || e === yt))
     try {
-      localStorage.setItem(ie, e);
+      localStorage.setItem(oe, e);
     } catch {
     }
 }
-function Zn() {
-  const t = String(W.displayName || "").trim();
-  return t || Jn();
+function ue() {
+  return !!(String(R.userId || "").trim() || String(R.email || "").trim() || String(R.displayName || "").trim());
 }
 function tr() {
+  return String(
+    R.displayName || R.email || R.userId || ""
+  ).trim();
+}
+function er() {
   var e;
+  if (ue())
+    return tr() || yt;
   const t = String(((e = c.author) == null ? void 0 : e.value) || "").trim();
-  return t ? (Qn(t), t) : oe;
+  return t ? (Zn(t), t) : yt;
 }
-function ue() {
-  c.author && (c.author.value = Zn());
+function de() {
+  if (!c.author)
+    return;
+  const t = ue();
+  if (c.author.hidden = t, t) {
+    c.author.value = "";
+    return;
+  }
+  c.author.value = Qn();
 }
-function de(t, e = re) {
+function fe(t, e = ie) {
   const n = Number(t);
-  return Number.isFinite(n) ? Math.min(Hn, Math.max(0, Math.floor(n))) : e;
+  return Number.isFinite(n) ? Math.min(Dn, Math.max(0, Math.floor(n))) : e;
 }
-function er(t = {}) {
-  return wn(t), f = {
+function nr(t = {}) {
+  return bn(t), f = {
     ...f,
     endpoint: String(t.endpoint || f.endpoint || "").replace(/\/$/, ""),
     projectKey: t.projectKey == null ? f.projectKey : String(t.projectKey),
@@ -1369,55 +1382,55 @@ function er(t = {}) {
     hideLauncher: t.hideLauncher == null ? f.hideLauncher : !!t.hideLauncher,
     theme: ae(t.theme ?? f.theme),
     video: t.video == null ? f.video : !!t.video,
-    consoleLogLimit: t.consoleLogLimit == null ? f.consoleLogLimit : de(t.consoleLogLimit, f.consoleLogLimit)
-  }, Ct(), rt(), pe;
+    consoleLogLimit: t.consoleLogLimit == null ? f.consoleLogLimit : fe(t.consoleLogLimit, f.consoleLogLimit)
+  }, Mt(), rt(), pe;
 }
-async function fe() {
-  Ct(), rt(), c.launcher.hidden = !0, y = Zt(), I = { w: 0, h: 0 }, R = null, $ = null, w = null, g = null, Q = "bug", yt("bug"), gt(null), Lt(!1), c.text.value = "", ue(), v("");
+async function he() {
+  Mt(), rt(), c.launcher.hidden = !0, y = te(), O = { w: 0, h: 0 }, A = null, $ = null, w = null, g = null, Q = "bug", gt("bug"), wt(null), $t(!1), c.text.value = "", de(), S("");
   try {
-    S = await hn(), q = S, c.stage.hidden = !1, c.restore.hidden = !0, v("");
+    v = await mn(), q = v, c.stage.hidden = !1, c.restore.hidden = !0, S("");
   } catch {
-    S = "", v("Screenshot failed; you can still send text.");
+    v = "", S("Screenshot failed; you can still send text.");
   }
   c.dialog.hidden = !1, X(), c.text.focus();
 }
 function ot() {
-  h && (D == null || D.stop(), Lt(!1), ce(), w = null, g = null, Mt(!1), c.dialog.hidden = !0, c.stop.hidden = !0, Z());
+  h && (F == null || F.stop(), $t(!1), ce(), w = null, g = null, Lt(!1), c.dialog.hidden = !0, c.stop.hidden = !0, Z());
 }
-function nr(t = {}) {
-  W = { ...W, ...gn(t) }, ue();
+function rr(t = {}) {
+  R = { ...R, ...wn(t) }, de();
 }
-async function he() {
-  if (Ct(), ut)
+async function me() {
+  if (Mt(), ut)
     return null;
   const t = c.text.value.trim();
-  if (!t && !S && !R)
-    return v("Add a note, screenshot, or video first."), null;
+  if (!t && !v && !A)
+    return S("Add a note, screenshot, or video first."), null;
   if (!f.endpoint || !f.projectKey)
-    return v("Notefully is missing endpoint or projectKey."), null;
-  ut = !0, Bt(!0), v("Submitting…", !0);
+    return S("Notefully is missing endpoint or projectKey."), null;
+  ut = !0, Vt(!0), S("Submitting…", !0);
   try {
-    const e = tr(), n = new FormData();
+    const e = er(), n = new FormData();
     if (n.append("message", t), n.append("kind", Q), n.append("version", f.version || "0.0.0"), n.append("author", e), f.name && n.append("name", f.name), n.append("context", JSON.stringify({
-      ...yn({
-        ...W,
-        displayName: W.displayName || e
+      ...gn({
+        ...R,
+        displayName: R.displayName || e
       }),
       author: e,
-      console: ne.snapshot().slice(-de(f.consoleLogLimit))
-    })), n.append("annotations", JSON.stringify(y.list())), Array.isArray(f.targets) && n.append("targets", JSON.stringify(f.targets)), S) {
-      const i = await Pn(
-        S,
+      console: re.snapshot().slice(-fe(f.consoleLogLimit))
+    })), n.append("annotations", JSON.stringify(y.list())), Array.isArray(f.targets) && n.append("targets", JSON.stringify(f.targets)), v) {
+      const i = await Tn(
+        v,
         y.crop(),
         y.list(),
         {
-          mark: jt("--nf-mark", "#fdd341"),
-          markText: jt("--nf-mark-text", "#2a2140")
+          mark: _t("--nf-mark", "#fdd341"),
+          markText: _t("--nf-mark-text", "#2a2140")
         }
       );
       n.append("screenshot", i, "screenshot.png");
     }
-    R && n.append("recording", R, "recording.webm");
+    A && n.append("recording", A, "recording.webm");
     const r = await fetch(`${f.endpoint}/v1/reports`, {
       method: "POST",
       headers: {
@@ -1432,26 +1445,26 @@ async function he() {
       o = 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 v("Sent. Thank you."), ot(), o;
+      throw S((o == null ? void 0 : o.error) || "Submit failed."), new Error((o == null ? void 0 : o.error) || `Submit failed (${r.status})`);
+    return S("Sent. Thank you."), ot(), o;
   } finally {
-    ut = !1, Bt(!1);
+    ut = !1, Vt(!1);
   }
 }
-function Bt(t) {
+function Vt(t) {
   c.submit && (c.submit.disabled = !!t, c.submit.setAttribute("aria-busy", t ? "true" : "false"));
 }
-function rr() {
+function ir() {
   ot(), h == null || h.remove(), h = null, c = {};
 }
-const pe = { init: er, open: fe, close: ot, identify: nr, submit: he, destroy: rr };
+const pe = { init: nr, open: he, close: ot, identify: rr, submit: me, destroy: ir };
 typeof window < "u" && (window.Notefully = pe);
 export {
   ot as close,
   pe as default,
-  rr as destroy,
-  nr as identify,
-  er as init,
-  fe as open,
-  he as submit
+  ir as destroy,
+  rr as identify,
+  nr as init,
+  he as open,
+  me as submit
 };