@makefully/notefully 0.1.0 → 0.1.1

package/dist/notefully.js

@@ -5,8 +5,8 @@ function te(t, e) {
     return window.location.protocol + t;
   if (t.match(/^[a-z]+:/i))
     return t;
-  const r = document.implementation.createHTMLDocument(), n = r.createElement("base"), i = r.createElement("a");
-  return r.head.appendChild(n), r.body.appendChild(i), e && (n.href = e), i.href = t, i.href;
+  const r = document.implementation.createHTMLDocument(), n = r.createElement("base"), a = r.createElement("a");
+  return r.head.appendChild(n), r.body.appendChild(a), e && (n.href = e), a.href = t, a.href;
 }
 const ee = /* @__PURE__ */ (() => {
   let t = 0;
@@ -42,7 +42,7 @@ function Dt(t, e = {}) {
   const r = e.width || ne(t), n = e.height || re(t);
   return { width: r, height: n };
 }
-function ie() {
+function ae() {
   let t, e;
   try {
     e = process;
@@ -52,7 +52,7 @@ function ie() {
   return r && (t = parseInt(r, 10), Number.isNaN(t) && (t = 1)), t || window.devicePixelRatio || 1;
 }
 const M = 16384;
-function ae(t) {
+function ie(t) {
   (t.width > M || t.height > M) && (t.width > M && t.height > M ? t.width > t.height ? (t.height *= M / t.width, t.width = M) : (t.width *= M / t.height, t.height = M) : t.width > M ? (t.height *= M / t.width, t.width = M) : (t.width *= M / t.height, t.height = M));
 }
 function K(t) {
@@ -69,8 +69,8 @@ async function oe(t) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(t)).then(encodeURIComponent).then((e) => `data:image/svg+xml;charset=utf-8,${e}`);
 }
 async function se(t, e, r) {
-  const n = "http://www.w3.org/2000/svg", i = document.createElementNS(n, "svg"), a = document.createElementNS(n, "foreignObject");
-  return i.setAttribute("width", `${e}`), i.setAttribute("height", `${r}`), i.setAttribute("viewBox", `0 0 ${e} ${r}`), 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), oe(i);
+  const n = "http://www.w3.org/2000/svg", a = document.createElementNS(n, "svg"), i = document.createElementNS(n, "foreignObject");
+  return a.setAttribute("width", `${e}`), a.setAttribute("height", `${r}`), a.setAttribute("viewBox", `0 0 ${e} ${r}`), 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), oe(a);
 }
 const C = (t, e) => {
   if (t instanceof e)
@@ -84,17 +84,17 @@ function ce(t) {
 }
 function le(t, e) {
   return It(e).map((r) => {
-    const n = t.getPropertyValue(r), i = t.getPropertyPriority(r);
-    return `${r}: ${n}${i ? " !important" : ""};`;
+    const n = t.getPropertyValue(r), a = t.getPropertyPriority(r);
+    return `${r}: ${n}${a ? " !important" : ""};`;
   }).join(" ");
 }
 function ue(t, e, r, n) {
-  const i = `.${t}:${e}`, a = r.cssText ? ce(r) : le(r, n);
-  return document.createTextNode(`${i}{${a}}`);
+  const a = `.${t}:${e}`, i = r.cssText ? ce(r) : le(r, n);
+  return document.createTextNode(`${a}{${i}}`);
 }
 function St(t, e, r, n) {
-  const i = window.getComputedStyle(t, r), a = i.getPropertyValue("content");
-  if (a === "" || a === "none")
+  const a = window.getComputedStyle(t, r), i = a.getPropertyValue("content");
+  if (i === "" || i === "none")
     return;
   const o = ee();
   try {
@@ -103,7 +103,7 @@ function St(t, e, r, n) {
     return;
   }
   const s = document.createElement("style");
-  s.appendChild(ue(o, r, i, n)), e.appendChild(s);
+  s.appendChild(ue(o, r, a, n)), e.appendChild(s);
 }
 function de(t, e, r) {
   St(t, e, ":before", r), St(t, e, ":after", r);
@@ -142,38 +142,38 @@ async function Ft(t, e, r) {
   const n = await fetch(t, e);
   if (n.status === 404)
     throw new Error(`Resource "${n.url}" not found`);
-  const i = await n.blob();
-  return new Promise((a, o) => {
+  const a = await n.blob();
+  return new Promise((i, o) => {
     const s = new FileReader();
     s.onerror = o, s.onloadend = () => {
       try {
-        a(r({ res: n, result: s.result }));
+        i(r({ res: n, result: s.result }));
       } catch (l) {
         o(l);
       }
-    }, s.readAsDataURL(i);
+    }, s.readAsDataURL(a);
   });
 }
-const it = {};
+const at = {};
 function ge(t, e, r) {
   let n = t.replace(/\?.*/, "");
   return r && (n = t), /ttf|otf|eot|woff2?/i.test(n) && (n = n.replace(/.*\//, "")), e ? `[${e}]${n}` : n;
 }
 async function wt(t, e, r) {
   const n = ge(t, e, r.includeQueryParams);
-  if (it[n] != null)
-    return it[n];
+  if (at[n] != null)
+    return at[n];
   r.cacheBust && (t += (/\?/.test(t) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
-  let i;
+  let a;
   try {
-    const a = await Ft(t, r.fetchRequestInit, ({ res: o, result: s }) => (e || (e = o.headers.get("Content-Type") || ""), me(s)));
-    i = pe(a, e);
-  } catch (a) {
-    i = r.imagePlaceholder || "";
+    const i = await Ft(t, r.fetchRequestInit, ({ res: o, result: s }) => (e || (e = o.headers.get("Content-Type") || ""), me(s)));
+    a = pe(i, e);
+  } catch (i) {
+    a = r.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 it[n] = i, i;
+  return at[n] = a, a;
 }
 async function ye(t) {
   const e = t.toDataURL();
@@ -181,13 +181,13 @@ async function ye(t) {
 }
 async function we(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 s = 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 s = i.toDataURL();
     return K(s);
   }
-  const r = t.poster, n = yt(r), i = await wt(r, n, e);
-  return K(i);
+  const r = t.poster, n = yt(r), a = await wt(r, n, e);
+  return K(a);
 }
 async function be(t, e) {
   var r;
@@ -203,11 +203,11 @@ async function xe(t, e) {
 }
 const ve = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT", Ht = (t) => t.tagName != null && t.tagName.toUpperCase() === "SVG";
 async function Se(t, e, r) {
-  var n, i;
+  var n, a;
   if (Ht(e))
     return e;
-  let a = [];
-  return ve(t) && t.assignedNodes ? a = O(t.assignedNodes()) : C(t, HTMLIFrameElement) && (!((n = t.contentDocument) === null || n === void 0) && n.body) ? a = O(t.contentDocument.body.childNodes) : a = O(((i = t.shadowRoot) !== null && i !== void 0 ? i : t).childNodes), a.length === 0 || C(t, HTMLVideoElement) || await a.reduce((o, s) => o.then(() => Q(s, r)).then((l) => {
+  let i = [];
+  return ve(t) && t.assignedNodes ? i = O(t.assignedNodes()) : C(t, HTMLIFrameElement) && (!((n = t.contentDocument) === null || n === void 0) && n.body) ? i = O(t.contentDocument.body.childNodes) : i = O(((a = t.shadowRoot) !== null && a !== void 0 ? a : t).childNodes), i.length === 0 || C(t, HTMLVideoElement) || await i.reduce((o, s) => o.then(() => Q(s, r)).then((l) => {
     l && e.appendChild(l);
   }), Promise.resolve()), e;
 }
@@ -215,10 +215,10 @@ function Ee(t, e, r) {
   const n = e.style;
   if (!n)
     return;
-  const i = window.getComputedStyle(t);
-  i.cssText ? (n.cssText = i.cssText, n.transformOrigin = i.transformOrigin) : It(r).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`), C(t, HTMLIFrameElement) && a === "display" && o === "inline" && (o = "block"), a === "d" && e.getAttribute("d") && (o = `path(${e.getAttribute("d")})`), n.setProperty(a, o, i.getPropertyPriority(a));
+  const a = window.getComputedStyle(t);
+  a.cssText ? (n.cssText = a.cssText, n.transformOrigin = a.transformOrigin) : It(r).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`), C(t, HTMLIFrameElement) && i === "display" && o === "inline" && (o = "block"), i === "d" && e.getAttribute("d") && (o = `path(${e.getAttribute("d")})`), n.setProperty(i, o, a.getPropertyPriority(i));
   });
 }
 function Ce(t, e) {
@@ -226,39 +226,39 @@ function Ce(t, e) {
 }
 function Me(t, e) {
   if (C(t, HTMLSelectElement)) {
-    const n = Array.from(e.children).find((i) => t.value === i.getAttribute("value"));
+    const n = Array.from(e.children).find((a) => t.value === a.getAttribute("value"));
     n && n.setAttribute("selected", "");
   }
 }
-function Re(t, e, r) {
+function $e(t, e, r) {
   return C(e, Element) && (Ee(t, e, r), de(t, e, r), Ce(t, e), Me(t, e)), e;
 }
-async function $e(t, e) {
+async function Re(t, e) {
   const r = t.querySelectorAll ? t.querySelectorAll("use") : [];
   if (r.length === 0)
     return t;
   const n = {};
-  for (let a = 0; a < r.length; a++) {
-    const s = r[a].getAttribute("xlink:href");
+  for (let i = 0; i < r.length; i++) {
+    const s = r[i].getAttribute("xlink:href");
     if (s) {
       const l = t.querySelector(s), b = document.querySelector(s);
       !l && b && !n[s] && (n[s] = await Q(b, e, !0));
     }
   }
-  const i = Object.values(n);
-  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 s = document.createElementNS(a, "defs");
+  const a = Object.values(n);
+  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 s = document.createElementNS(i, "defs");
     o.appendChild(s);
-    for (let l = 0; l < i.length; l++)
-      s.appendChild(i[l]);
+    for (let l = 0; l < a.length; l++)
+      s.appendChild(a[l]);
     t.appendChild(o);
   }
   return t;
 }
 async function Q(t, e, r) {
-  return !r && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((n) => xe(n, e)).then((n) => Se(t, n, e)).then((n) => Re(t, n, e)).then((n) => $e(n, e));
+  return !r && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((n) => xe(n, e)).then((n) => Se(t, n, e)).then((n) => $e(t, n, e)).then((n) => Re(n, e));
 }
 const Ut = /url\((['"]?)([^'"]+?)\1\)/g, Le = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Pe = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
 function Te(t) {
@@ -267,13 +267,13 @@ function Te(t) {
 }
 function Ae(t) {
   const e = [];
-  return t.replace(Ut, (r, n, i) => (e.push(i), r)), e.filter((r) => !st(r));
+  return t.replace(Ut, (r, n, a) => (e.push(a), r)), e.filter((r) => !st(r));
 }
-async function ke(t, e, r, n, i) {
+async function ke(t, e, r, n, a) {
   try {
-    const a = r ? te(e, r) : e, o = yt(e);
+    const i = r ? te(e, r) : e, o = yt(e);
     let s;
-    return i || (s = await wt(a, o, n)), t.replace(Te(e), `$1${s}$3`);
+    return a || (s = await wt(i, o, n)), t.replace(Te(e), `$1${s}$3`);
   } catch {
   }
   return t;
@@ -281,10 +281,10 @@ async function ke(t, e, r, n, i) {
 function Ie(t, { preferredFontFormat: e }) {
   return e ? t.replace(Pe, (r) => {
     for (; ; ) {
-      const [n, , i] = Le.exec(r) || [];
-      if (!i)
+      const [n, , a] = Le.exec(r) || [];
+      if (!a)
         return "";
-      if (i === e)
+      if (a === e)
         return `src: ${n};`;
     }
   }) : t;
@@ -296,14 +296,14 @@ async function Vt(t, e, r) {
   if (!Ot(t))
     return t;
   const n = Ie(t, r);
-  return Ae(n).reduce((a, o) => a.then((s) => ke(s, o, e, r)), Promise.resolve(n));
+  return Ae(n).reduce((i, o) => i.then((s) => ke(s, o, e, r)), Promise.resolve(n));
 }
 async function q(t, e, r) {
   var n;
-  const i = (n = e.style) === null || n === void 0 ? void 0 : n.getPropertyValue(t);
-  if (i) {
-    const a = await Vt(i, null, r);
-    return e.style.setProperty(t, a, e.style.getPropertyPriority(t)), !0;
+  const a = (n = e.style) === null || n === void 0 ? void 0 : n.getPropertyValue(t);
+  if (a) {
+    const i = await Vt(a, null, r);
+    return e.style.setProperty(t, i, e.style.getPropertyPriority(t)), !0;
   }
   return !1;
 }
@@ -314,21 +314,21 @@ async function Fe(t, e) {
   const r = C(t, HTMLImageElement);
   if (!(r && !st(t.src)) && !(C(t, SVGImageElement) && !st(t.href.baseVal)))
     return;
-  const n = r ? t.src : t.href.baseVal, i = await wt(n, yt(n), e);
-  await new Promise((a, o) => {
-    t.onload = a, t.onerror = e.onImageErrorHandler ? (...l) => {
+  const n = r ? t.src : t.href.baseVal, a = await wt(n, yt(n), e);
+  await new Promise((i, o) => {
+    t.onload = i, t.onerror = e.onImageErrorHandler ? (...l) => {
       try {
-        a(e.onImageErrorHandler(...l));
+        i(e.onImageErrorHandler(...l));
       } catch (b) {
         o(b);
       }
     } : o;
     const s = t;
-    s.decode && (s.decode = a), s.loading === "lazy" && (s.loading = "eager"), r ? (t.srcset = "", t.src = i) : t.href.baseVal = i;
+    s.decode && (s.decode = i), s.loading === "lazy" && (s.loading = "eager"), r ? (t.srcset = "", t.src = a) : t.href.baseVal = a;
   });
 }
 async function He(t, e) {
-  const n = O(t.childNodes).map((i) => Bt(i, e));
+  const n = O(t.childNodes).map((a) => Bt(a, e));
   await Promise.all(n).then(() => t);
 }
 async function Bt(t, e) {
@@ -338,63 +338,63 @@ function Ue(t, e) {
   const { style: r } = t;
   e.backgroundColor && (r.backgroundColor = e.backgroundColor), e.width && (r.width = `${e.width}px`), e.height && (r.height = `${e.height}px`);
   const n = e.style;
-  return n != null && Object.keys(n).forEach((i) => {
-    r[i] = n[i];
+  return n != null && Object.keys(n).forEach((a) => {
+    r[a] = n[a];
   }), t;
 }
 const Mt = {};
-async function Rt(t) {
+async function $t(t) {
   let e = Mt[t];
   if (e != null)
     return e;
   const n = await (await fetch(t)).text();
   return e = { url: t, cssText: n }, Mt[t] = e, e;
 }
-async function $t(t, e) {
+async function Rt(t, e) {
   let r = t.cssText;
-  const n = /url\(["']?([^"')]+)["']?\)/g, a = (r.match(/url\([^)]+\)/g) || []).map(async (o) => {
+  const n = /url\(["']?([^"')]+)["']?\)/g, i = (r.match(/url\([^)]+\)/g) || []).map(async (o) => {
     let s = o.replace(n, "$1");
     return s.startsWith("https://") || (s = new URL(s, t.url).href), Ft(s, e.fetchRequestInit, ({ result: l }) => (r = r.replace(o, `url(${l})`), [o, l]));
   });
-  return Promise.all(a).then(() => r);
+  return Promise.all(i).then(() => r);
 }
 function Lt(t) {
   if (t == null)
     return [];
   const e = [], r = /(\/\*[\s\S]*?\*\/)/gi;
   let n = t.replace(r, "");
-  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(n);
+    const l = a.exec(n);
     if (l === null)
       break;
     e.push(l[0]);
   }
-  n = n.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]*?)})", s = new RegExp(o, "gi");
+  n = n.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]*?)})", s = new RegExp(o, "gi");
   for (; ; ) {
-    let l = a.exec(n);
+    let l = i.exec(n);
     if (l === null) {
       if (l = s.exec(n), l === null)
         break;
-      a.lastIndex = s.lastIndex;
+      i.lastIndex = s.lastIndex;
     } else
-      s.lastIndex = a.lastIndex;
+      s.lastIndex = i.lastIndex;
     e.push(l[0]);
   }
   return e;
 }
 async function Oe(t, e) {
   const r = [], n = [];
-  return t.forEach((i) => {
-    if ("cssRules" in i)
+  return t.forEach((a) => {
+    if ("cssRules" in a)
       try {
-        O(i.cssRules || []).forEach((a, o) => {
-          if (a.type === CSSRule.IMPORT_RULE) {
+        O(a.cssRules || []).forEach((i, o) => {
+          if (i.type === CSSRule.IMPORT_RULE) {
             let s = o + 1;
-            const l = a.href, b = Rt(l).then((p) => $t(p, e)).then((p) => Lt(p).forEach((h) => {
+            const l = i.href, b = $t(l).then((p) => Rt(p, e)).then((p) => Lt(p).forEach((h) => {
               try {
-                i.insertRule(h, h.startsWith("@import") ? s += 1 : i.cssRules.length);
+                a.insertRule(h, h.startsWith("@import") ? s += 1 : a.cssRules.length);
               } catch (g) {
                 console.error("Error inserting rule from remote css", {
                   rule: h,
@@ -407,22 +407,22 @@ async function Oe(t, e) {
             n.push(b);
           }
         });
-      } catch (a) {
+      } catch (i) {
         const o = t.find((s) => s.href == null) || document.styleSheets[0];
-        i.href != null && n.push(Rt(i.href).then((s) => $t(s, e)).then((s) => Lt(s).forEach((l) => {
+        a.href != null && n.push($t(a.href).then((s) => Rt(s, e)).then((s) => Lt(s).forEach((l) => {
           o.insertRule(l, o.cssRules.length);
         })).catch((s) => {
           console.error("Error loading remote stylesheet", s);
-        })), console.error("Error inlining remote css file", a);
+        })), console.error("Error inlining remote css file", i);
       }
-  }), Promise.all(n).then(() => (t.forEach((i) => {
-    if ("cssRules" in i)
+  }), Promise.all(n).then(() => (t.forEach((a) => {
+    if ("cssRules" in a)
       try {
-        O(i.cssRules || []).forEach((a) => {
-          r.push(a);
+        O(a.cssRules || []).forEach((i) => {
+          r.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);
       }
   }), r));
 }
@@ -441,45 +441,45 @@ function Wt(t) {
 function We(t) {
   const e = /* @__PURE__ */ new Set();
   function r(n) {
-    (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((a) => {
-      e.add(Wt(a));
-    }), Array.from(n.children).forEach((a) => {
-      a instanceof HTMLElement && r(a);
+    (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((i) => {
+      e.add(Wt(i));
+    }), Array.from(n.children).forEach((i) => {
+      i instanceof HTMLElement && r(i);
     });
   }
   return r(t), e;
 }
 async function _e(t, e) {
   const r = await Be(t, e), n = We(t);
-  return (await Promise.all(r.filter((a) => n.has(Wt(a.style.fontFamily))).map((a) => {
-    const o = a.parentStyleSheet ? a.parentStyleSheet.href : null;
-    return Vt(a.cssText, o, e);
+  return (await Promise.all(r.filter((i) => n.has(Wt(i.style.fontFamily))).map((i) => {
+    const o = i.parentStyleSheet ? i.parentStyleSheet.href : null;
+    return Vt(i.cssText, o, e);
   }))).join(`
 `);
 }
 async function qe(t, e) {
   const r = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await _e(t, e);
   if (r) {
-    const n = document.createElement("style"), i = document.createTextNode(r);
-    n.appendChild(i), t.firstChild ? t.insertBefore(n, t.firstChild) : t.appendChild(n);
+    const n = document.createElement("style"), a = document.createTextNode(r);
+    n.appendChild(a), t.firstChild ? t.insertBefore(n, t.firstChild) : t.appendChild(n);
   }
 }
+async function ze(t, e = {}) {
+  const { width: r, height: n } = Dt(t, e), a = await Q(t, e, !0);
+  return await qe(a, e), await Bt(a, e), Ue(a, e), await se(a, r, n);
+}
 async function je(t, e = {}) {
-  const { width: r, height: n } = Dt(t, e), i = await Q(t, e, !0);
-  return await qe(i, e), await Bt(i, e), Ue(i, e), await se(i, r, n);
+  const { width: r, height: n } = Dt(t, e), a = await ze(t, e), i = await K(a), o = document.createElement("canvas"), s = o.getContext("2d"), l = e.pixelRatio || ae(), b = e.canvasWidth || r, p = e.canvasHeight || n;
+  return o.width = b * l, o.height = p * l, e.skipAutoScale || ie(o), o.style.width = `${b}`, o.style.height = `${p}`, e.backgroundColor && (s.fillStyle = e.backgroundColor, s.fillRect(0, 0, o.width, o.height)), s.drawImage(i, 0, 0, o.width, o.height), o;
 }
 async function Xe(t, e = {}) {
-  const { width: r, height: n } = Dt(t, e), i = await je(t, e), a = await K(i), o = document.createElement("canvas"), s = o.getContext("2d"), l = e.pixelRatio || ie(), b = e.canvasWidth || r, p = e.canvasHeight || n;
-  return o.width = b * l, o.height = p * l, e.skipAutoScale || ae(o), o.style.width = `${b}`, o.style.height = `${p}`, e.backgroundColor && (s.fillStyle = e.backgroundColor, s.fillRect(0, 0, o.width, o.height)), s.drawImage(a, 0, 0, o.width, o.height), o;
-}
-async function ze(t, e = {}) {
-  return (await Xe(t, e)).toDataURL();
+  return (await je(t, e)).toDataURL();
 }
 function Ge() {
   const t = [];
   return document.querySelectorAll('input[type="password"], [data-notefully-mask]').forEach((r) => {
-    const n = r.getBoundingClientRect(), i = document.createElement("div");
-    i.setAttribute("data-nf-mask-cover", "1"), i.style.cssText = [
+    const n = r.getBoundingClientRect(), a = document.createElement("div");
+    a.setAttribute("data-nf-mask-cover", "1"), a.style.cssText = [
       "position:fixed",
       `left:${n.left}px`,
       `top:${n.top}px`,
@@ -488,7 +488,7 @@ function Ge() {
       "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((r) => r.remove());
 }
 async function Ye() {
@@ -497,7 +497,7 @@ async function Ye() {
   const r = Ge();
   await new Promise((n) => requestAnimationFrame(() => requestAnimationFrame(n)));
   try {
-    return await ze(document.body, {
+    return await Xe(document.body, {
       cacheBust: !0,
       pixelRatio: Math.min(window.devicePixelRatio || 1, 2),
       filter: (n) => n instanceof Element ? n.id !== "notefully" && !n.hasAttribute("data-nf-mask-cover") : !0
@@ -529,7 +529,7 @@ const Je = 80;
 function Ze() {
   const t = [], e = {};
   let r = !1;
-  const n = (a, o) => {
+  const n = (i, o) => {
     let s = "";
     try {
       s = o.map((l) => l instanceof Error ? l.stack || l.message : typeof l == "string" ? l : JSON.stringify(l)).join(" ");
@@ -537,21 +537,21 @@ function Ze() {
       s = String(o[0]);
     }
     t.push({
-      level: a,
+      level: i,
       text: s.slice(0, 2e3),
       at: Date.now()
     }), t.length > Je && t.shift();
   };
   return {
     hook: () => {
-      r || typeof window > "u" || (r = !0, ["log", "info", "warn", "error"].forEach((a) => {
-        e[a] = console[a].bind(console), console[a] = (...o) => {
-          n(a, o), e[a](...o);
+      r || typeof window > "u" || (r = !0, ["log", "info", "warn", "error"].forEach((i) => {
+        e[i] = console[i].bind(console), console[i] = (...o) => {
+          n(i, o), e[i](...o);
         };
-      }), window.addEventListener("error", (a) => {
-        n("error", [a.message || "window.error"]);
-      }), window.addEventListener("unhandledrejection", (a) => {
-        n("error", [a.reason || "unhandledrejection"]);
+      }), window.addEventListener("error", (i) => {
+        n("error", [i.message || "window.error"]);
+      }), window.addEventListener("unhandledrejection", (i) => {
+        n("error", [i.reason || "unhandledrejection"]);
       }));
     },
     snapshot() {
@@ -562,7 +562,7 @@ function Ze() {
 function Ne(t) {
   const e = window.SpeechRecognition || window.webkitSpeechRecognition;
   let r = null, n = !1;
-  const i = () => {
+  const a = () => {
     if (n = !1, r)
       try {
         r.stop();
@@ -573,7 +573,7 @@ function Ne(t) {
     start: () => {
       if (!e)
         throw new Error("Speech recognition is not supported in this browser.");
-      return n ? (i(), !1) : (r = new e(), r.continuous = !0, r.interimResults = !0, r.lang = navigator.language || "en-US", r.onresult = (o) => {
+      return n ? (a(), !1) : (r = new e(), r.continuous = !0, r.interimResults = !0, r.lang = navigator.language || "en-US", r.onresult = (o) => {
         let s = "";
         for (let l = o.resultIndex; l < o.results.length; l += 1)
           o.results[l].isFinal && (s += o.results[l][0].transcript);
@@ -584,24 +584,24 @@ function Ne(t) {
         n = !1;
       }, r.start(), n = !0, !0);
     },
-    stop: i,
+    stop: a,
     isSupported: () => !!e,
     isActive: () => n
   };
 }
 const Qe = 60 * 1e3;
 function tn({ onStart: t, onStop: e, onError: r }) {
-  let n = null, i = null, a = [], o = null;
+  let n = null, a = null, i = [], o = null;
   const s = () => {
-    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 {
       }
     n && (n.getTracks().forEach((p) => p.stop()), n = null);
   }, l = () => {
-    if (i && i.state === "recording") {
-      i.stop();
+    if (a && a.state === "recording") {
+      a.stop();
       return;
     }
     s(), e(null);
@@ -615,14 +615,14 @@ function tn({ onStart: t, onStop: e, onError: r }) {
       audio: !1,
       preferCurrentTab: !0,
       selfBrowserSurface: "include"
-    }), a = [], i = new MediaRecorder(n, {
+    }), i = [], a = new MediaRecorder(n, {
       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;
       s(), e(g);
-    }, (h = n.getVideoTracks()[0]) == null || h.addEventListener("ended", () => l()), i.start(), o = setTimeout(l, Qe);
+    }, (h = n.getVideoTracks()[0]) == null || h.addEventListener("ended", () => l()), a.start(), o = setTimeout(l, Qe);
   }, stop: l };
 }
 function en() {
@@ -643,72 +643,72 @@ function en() {
     }
   };
 }
-const at = { x: 0, y: 0, w: 1, h: 1 };
+const it = { x: 0, y: 0, w: 1, h: 1 };
 function _t() {
   const t = en();
-  let e = [], r = { ...at }, n = 1;
+  let e = [], r = { ...it }, n = 1;
   return {
-    list: () => e.filter((a) => rn(a, r)),
+    list: () => e.filter((i) => rn(i, r)),
     all: () => e.slice(),
     crop: () => ({ ...r }),
-    setCrop(a) {
-      return r = nn(a), r;
+    setCrop(i) {
+      return r = nn(i), r;
     },
     resetCrop() {
-      return r = { ...at }, r;
+      return r = { ...it }, r;
     },
     isCropped() {
       return r.x > 1e-6 || r.y > 1e-6 || r.w < 1 - 1e-6 || r.h < 1 - 1e-6;
     },
-    add(a, o) {
+    add(i, o) {
       const s = {
         id: `s${n++}`,
-        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(s), s;
     },
-    update(a, o) {
-      const s = e.find((l) => l.id === a);
+    update(i, o) {
+      const s = e.find((l) => l.id === i);
       return s ? (Object.assign(s, o), s) : 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 [s] = e.splice(o, 1);
       return t.free(s.number), s;
     },
     reset() {
-      for (e = [], r = { ...at }, n = 1; t.peekUsed().length; )
+      for (e = [], r = { ...it }, n = 1; t.peekUsed().length; )
         t.free(t.peekUsed()[0]);
     }
   };
 }
 function nn(t) {
-  const e = Math.min(Math.max(t.x, 0), 0.95), r = Math.min(Math.max(t.y, 0), 0.95), n = Math.min(Math.max(t.w, 0.05), 1 - e), i = Math.min(Math.max(t.h, 0.05), 1 - r);
-  return { x: e, y: r, w: n, h: i };
+  const e = Math.min(Math.max(t.x, 0), 0.95), r = Math.min(Math.max(t.y, 0), 0.95), n = Math.min(Math.max(t.w, 0.05), 1 - e), a = Math.min(Math.max(t.h, 0.05), 1 - r);
+  return { x: e, y: r, w: n, h: a };
 }
 function rn(t, e) {
   const r = t.type === "arrow" ? (t.x + (t.x2 ?? t.x)) / 2 : t.x + (t.w || 0) / 2, n = t.type === "arrow" ? (t.y + (t.y2 ?? t.y)) / 2 : t.y + (t.h || 0) / 2;
   return r >= e.x && n >= e.y && r <= e.x + e.w && n <= e.y + e.h;
 }
 function an(t, e, r, n = {}) {
-  const i = n.mark || "#fdd341", a = n.markText || "#2a2140";
+  const a = n.mark || "#fdd341", i = n.markText || "#2a2140";
   return new Promise((o, s) => {
     const l = new Image();
     l.onload = () => {
       const b = Math.round(e.x * l.width), p = Math.round(e.y * l.height), h = Math.max(1, Math.round(e.w * l.width)), g = Math.max(1, Math.round(e.h * l.height)), P = document.createElement("canvas");
       P.width = h, P.height = g;
       const d = P.getContext("2d");
-      d.drawImage(l, b, p, h, g, 0, 0, h, g), d.lineWidth = Math.max(3, Math.round(h / 400)), d.strokeStyle = i, d.fillStyle = i, d.font = `700 ${Math.max(14, Math.round(h / 40))}px sans-serif`, r.forEach((m) => {
+      d.drawImage(l, b, p, h, g, 0, 0, h, g), d.lineWidth = Math.max(3, Math.round(h / 400)), d.strokeStyle = a, d.fillStyle = a, d.font = `700 ${Math.max(14, Math.round(h / 40))}px sans-serif`, r.forEach((m) => {
         const T = ct(m.x, e, h), A = lt(m.y, e, g), k = m.w / e.w * h, V = m.h / e.h * g;
         if (m.type === "rect")
           d.strokeRect(T, A, k, V);
@@ -719,7 +719,7 @@ function an(t, e, r, n = {}) {
           sn(d, T, A, Nt, Qt);
         }
         const B = on(m, e, h, g, T, A, k), I = String(m.number);
-        d.beginPath(), d.arc(B.x, B.y, 11, 0, Math.PI * 2), d.fill(), d.fillStyle = a, d.textAlign = "center", d.textBaseline = "middle", d.fillText(I, B.x, B.y), d.fillStyle = i;
+        d.beginPath(), d.arc(B.x, B.y, 11, 0, Math.PI * 2), d.fill(), d.fillStyle = i, d.textAlign = "center", d.textBaseline = "middle", d.fillText(I, B.x, B.y), d.fillStyle = a;
       }), P.toBlob((m) => {
         if (!m) {
           s(new Error("Could not encode screenshot"));
@@ -736,23 +736,24 @@ function ct(t, e, r) {
 function lt(t, e, r) {
   return (t - e.y) / e.h * r;
 }
-function on(t, e, r, n, i, a, o) {
+function on(t, e, r, n, a, i, o) {
   if (t.type === "arrow") {
     const s = ct(t.x2 ?? t.x + t.w, e, r), l = lt(t.y2 ?? t.y, e, n);
     return {
-      x: (i + s) / 2,
-      y: (a + l) / 2
+      x: (a + s) / 2,
+      y: (i + l) / 2
     };
   }
-  return { x: i + o / 2, y: a };
+  return { x: a + o / 2, y: i };
 }
-function sn(t, e, r, n, i) {
-  const a = Math.atan2(i - r, n - e), o = 14, s = 2, l = n - Math.cos(a) * s, b = i - Math.sin(a) * s;
-  t.beginPath(), t.moveTo(e, r), t.lineTo(l, b), t.stroke(), t.beginPath(), t.moveTo(n, i), t.lineTo(n - o * Math.cos(a - 0.4), i - o * Math.sin(a - 0.4)), t.lineTo(n - o * Math.cos(a + 0.4), i - o * Math.sin(a + 0.4)), t.closePath(), t.fill();
+function sn(t, e, r, n, a) {
+  const i = Math.atan2(a - r, n - e), o = 14, s = 2, l = n - Math.cos(i) * s, b = a - Math.sin(i) * s;
+  t.beginPath(), t.moveTo(e, r), t.lineTo(l, b), t.stroke(), t.beginPath(), t.moveTo(n, a), t.lineTo(n - o * Math.cos(i - 0.4), a - o * Math.sin(i - 0.4)), t.lineTo(n - o * Math.cos(i + 0.4), a - o * Math.sin(i + 0.4)), t.closePath(), t.fill();
 }
 const cn = ["bug", "idea", "other"], ln = ["maker", "all-business", "brighter-day", "quiet-night"], qt = "maker", un = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), ut = 0.02, Pt = 0.05, dn = `
   <svg class="nf-launcher-icon" viewBox="0 0 24 24" aria-hidden="true">
-    <path fill="currentColor" d="M6.2 3.5h9.1A3.7 3.7 0 0 1 19 7.2v7.4a3.7 3.7 0 0 1-3.7 3.7h-3.4L7.2 21.4a.85.85 0 0 1-1.35-.7v-2.4A3.7 3.7 0 0 1 2.2 14.6V7.2A3.7 3.7 0 0 1 5.9 3.5h.3zm1.7 5.1a.75.75 0 0 0 0 1.5h8.2a.75.75 0 0 0 0-1.5H7.9zm0 3.4a.75.75 0 0 0 0 1.5H14a.75.75 0 0 0 0-1.5H7.9z"/>
+    <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 D(t) {
@@ -767,8 +768,8 @@ const F = {
   discard: D('<path d="M4 7h16"/><path d="M9 7V5h6v2"/><path d="M6 7l1 13h10l1-13"/>'),
   audio: D('<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: D('<rect x="3" y="7" width="13" height="10" rx="2"/><path d="M16 10.5 21 8v8l-5-2.5z"/>')
-}, jt = Ze();
-jt.hook();
+}, zt = Ze();
+zt.hook();
 let x = {
   endpoint: "",
   projectKey: "",
@@ -777,11 +778,11 @@ let x = {
   hideLauncher: !1,
   theme: qt,
   video: !1
-}, dt = {}, u = null, c = {}, f = _t(), S = "", X = "", L = null, J = "bug", U = null, $ = null, w = null, y = null, G = null, W = null, j = null, H = { w: 0, h: 0 };
+}, dt = {}, u = null, c = {}, f = _t(), S = "", j = "", L = null, J = "bug", U = null, R = null, w = null, y = null, G = null, W = null, z = null, H = { w: 0, h: 0 };
 function E(t) {
   return u.querySelector(t);
 }
-function Xt(t) {
+function jt(t) {
   const e = String(t || "").trim().toLowerCase().replace(/\s+/g, "-");
   return ln.includes(e) ? e : qt;
 }
@@ -795,7 +796,7 @@ function v(t, e = !1) {
 }
 function bt() {
   return u && document.body.contains(u) || (u = document.createElement("div"), u.id = "notefully", u.innerHTML = `
-      <button class="nf-launcher" type="button" title="Report…" aria-label="Report…">${dn}</button>
+      <button class="nf-launcher" type="button" title="Leave a note…" aria-label="Leave a note…">${dn}</button>
       <div class="nf-dialog" hidden>
         <div class="nf-panel">
           <div class="nf-stage">
@@ -842,7 +843,7 @@ function bt() {
   }, fn(), tt()), u;
 }
 function tt() {
-  u && (u.dataset.theme = Xt(x.theme), x.hideLauncher ? u.setAttribute("data-nf-hidden-launcher", "") : u.removeAttribute("data-nf-hidden-launcher"), c.video && (c.video.hidden = !x.video));
+  u && (u.dataset.theme = jt(x.theme), x.hideLauncher ? u.setAttribute("data-nf-hidden-launcher", "") : u.removeAttribute("data-nf-hidden-launcher"), c.video && (c.video.hidden = !x.video));
 }
 function fn() {
   c.launcher.addEventListener("click", () => Kt()), E(".nf-dialog").addEventListener("click", (t) => {
@@ -851,7 +852,7 @@ function fn() {
     t.addEventListener("click", () => ht(t.dataset.tool));
   }), c.resetCrop.addEventListener("click", bn), c.canvas.addEventListener("pointerdown", mn), c.canvas.addEventListener("dragstart", (t) => t.preventDefault()), u.querySelectorAll("[data-kind]").forEach((t) => {
     t.addEventListener("click", () => ft(t.dataset.kind));
-  }), c.discard.addEventListener("click", xn), c.restore.addEventListener("click", vn), c.audio.addEventListener("click", Sn), c.video.addEventListener("click", En), c.stop.addEventListener("click", () => j == null ? void 0 : j.stop()), E(".nf-submit").addEventListener("click", () => {
+  }), c.discard.addEventListener("click", xn), c.restore.addEventListener("click", vn), c.audio.addEventListener("click", Sn), c.video.addEventListener("click", En), c.stop.addEventListener("click", () => z == null ? void 0 : z.stop()), E(".nf-submit").addEventListener("click", () => {
     Jt().catch((t) => v(t.message || "Submit failed."));
   }), ft("bug"), ht(null);
 }
@@ -861,9 +862,9 @@ function ft(t) {
   });
 }
 function ht(t) {
-  U = un.has(t) ? t : null, $ = null, u.querySelectorAll(".nf-tool").forEach((e) => {
+  U = un.has(t) ? t : null, R = null, u.querySelectorAll(".nf-tool").forEach((e) => {
     e.dataset.active = String(e.dataset.tool === U);
-  }), c.canvas && (c.canvas.dataset.draw = U ? "true" : "false"), S && R();
+  }), c.canvas && (c.canvas.dataset.draw = U ? "true" : "false"), S && $();
 }
 function At(t) {
   return Math.min(1, Math.max(0, t));
@@ -882,7 +883,7 @@ function hn(t) {
   const e = et().getBoundingClientRect();
   return t.clientX >= e.left && t.clientX <= e.right && t.clientY >= e.top && t.clientY <= e.bottom;
 }
-function zt(t) {
+function Xt(t) {
   const e = Z(t), r = f.crop();
   return {
     x: r.x + e.x * r.w,
@@ -917,33 +918,33 @@ function mn(t) {
   if (t.button !== 0 || !S)
     return;
   if (!t.target.closest(".nf-sticker") && !hn(t)) {
-    $ = null, R();
+    R = null, $();
     return;
   }
   const e = t.target.closest(".nf-handle"), r = t.target.closest(".nf-sticker");
   if (r && r.dataset.preview !== "true") {
-    t.preventDefault(), t.stopPropagation(), $ = r.dataset.id, ot(t), pn({
+    t.preventDefault(), t.stopPropagation(), R = r.dataset.id, ot(t), pn({
       kind: "sticker",
-      id: $,
+      id: R,
       dir: (e == null ? void 0 : e.dataset.dir) || "move"
-    }, t), R();
+    }, t), $();
     return;
   }
-  if ($ = null, U === "crop") {
-    t.preventDefault(), ot(t), w = { kind: "crop", start: Z(t), current: Z(t) }, mt(), R();
+  if (R = null, U === "crop") {
+    t.preventDefault(), ot(t), w = { kind: "crop", start: Z(t), current: Z(t) }, mt(), $();
     return;
   }
   if (U === "arrow" || U === "rect" || U === "circle") {
     t.preventDefault(), ot(t);
-    const n = zt(t);
-    w = { kind: "sticker", type: U, start: n, current: n }, mt(), R();
+    const n = Xt(t);
+    w = { kind: "sticker", type: U, start: n, current: n }, mt(), $();
     return;
   }
-  R();
+  $();
 }
 function pn(t, e) {
   e.preventDefault(), e.stopPropagation();
-  const r = et().getBoundingClientRect(), n = f.list().find((i) => i.id === t.id);
+  const r = et().getBoundingClientRect(), n = f.list().find((a) => a.id === t.id);
   y = {
     ...t,
     startX: e.clientX,
@@ -955,7 +956,7 @@ function pn(t, e) {
 }
 function Yt(t) {
   if (w) {
-    w.current = w.kind === "crop" ? Z(t) : zt(t), R();
+    w.current = w.kind === "crop" ? Z(t) : Xt(t), $();
     return;
   }
   if (!y)
@@ -980,20 +981,20 @@ function Yt(t) {
         y2: (n.y2 || n.y) + r
       });
     else {
-      const i = { x: n.x, y: n.y, w: n.w, h: n.h };
-      gn(i, y.dir, e, r), f.update(n.id, i);
+      const a = { x: n.x, y: n.y, w: n.w, h: n.h };
+      gn(a, y.dir, e, r), f.update(n.id, a);
     }
-    R();
+    $();
   }
 }
 function gn(t, e, r, n) {
   if (e.includes("e") && (t.w = Math.max(0.04, t.w + r)), e.includes("s") && (t.h = Math.max(0.04, t.h + n)), e.includes("w")) {
-    const i = Math.max(0.04, t.w - r);
-    t.x += t.w - i, t.w = i;
+    const a = Math.max(0.04, t.w - r);
+    t.x += t.w - a, t.w = a;
   }
   if (e.includes("n")) {
-    const i = Math.max(0.04, t.h - n);
-    t.y += t.h - i, t.h = i;
+    const a = Math.max(0.04, t.h - n);
+    t.y += t.h - a, t.h = a;
   }
 }
 function N(t) {
@@ -1004,9 +1005,9 @@ function N(t) {
   if (y) {
     if (y.kind === "sticker") {
       const e = c.canvas.getBoundingClientRect();
-      (t.clientX < e.left - 24 || t.clientX > e.right + 24 || t.clientY < e.top - 24 || t.clientY > e.bottom + 24) && (f.remove(y.id), $ = null);
+      (t.clientX < e.left - 24 || t.clientX > e.right + 24 || t.clientY < e.top - 24 || t.clientY > e.bottom + 24) && (f.remove(y.id), R = null);
     }
-    y = null, R();
+    y = null, $();
   }
 }
 function yn() {
@@ -1016,20 +1017,20 @@ function yn() {
   if (t.kind === "crop") {
     const r = nt(t.start, t.current);
     if (Math.abs(t.current.x - t.start.x) < Pt || Math.abs(t.current.y - t.start.y) < Pt) {
-      R();
+      $();
       return;
     }
-    const i = f.crop();
+    const a = f.crop();
     f.setCrop({
-      x: i.x + r.x * i.w,
-      y: i.y + r.y * i.h,
-      w: r.w * i.w,
-      h: r.h * i.h
-    }), z();
+      x: a.x + r.x * a.w,
+      y: a.y + r.y * a.h,
+      w: r.w * a.w,
+      h: r.h * a.h
+    }), X();
     return;
   }
   const e = wn(t);
-  e && ($ = e.id), R();
+  e && (R = e.id), $();
 }
 function wn(t) {
   if (t.type === "arrow") {
@@ -1053,7 +1054,7 @@ function wn(t) {
   return f.add(t.type, nt(t.start, t.current));
 }
 function bn() {
-  f.resetCrop(), $ = null, z();
+  f.resetCrop(), R = null, X();
 }
 function pt() {
   c.resetCrop && (c.resetCrop.hidden = !f.isCropped());
@@ -1065,10 +1066,10 @@ function vt(t) {
   c.audio.title = e, c.audio.setAttribute("aria-label", e), c.audio.dataset.active = String(!!t);
 }
 function xn() {
-  S && (X = S), S = "", c.stage.hidden = !0, c.restore.hidden = !X;
+  S && (j = S), S = "", c.stage.hidden = !0, c.restore.hidden = !j;
 }
 function vn() {
-  X && (S = X, c.stage.hidden = !1, c.restore.hidden = !0, z());
+  j && (S = j, c.stage.hidden = !1, c.restore.hidden = !0, X());
 }
 function Sn() {
   try {
@@ -1090,23 +1091,23 @@ async function En() {
     v("Video is disabled on this host.");
     return;
   }
-  c.dialog.hidden = !0, c.stop.hidden = !1, tt(), c.launcher.hidden = !0, j = tn({
+  c.dialog.hidden = !0, c.stop.hidden = !1, tt(), c.launcher.hidden = !0, z = tn({
     onStart() {
     },
     onStop(t) {
-      L = t, c.stop.hidden = !0, c.launcher.hidden = !1, c.dialog.hidden = !1, z(), v(t ? "Video attached." : "Recording cancelled.");
+      L = t, c.stop.hidden = !0, c.launcher.hidden = !1, c.dialog.hidden = !1, X(), v(t ? "Video attached." : "Recording cancelled.");
     },
     onError(t) {
       v(t.message);
     }
   });
   try {
-    await j.start();
+    await z.start();
   } catch (t) {
     c.stop.hidden = !0, c.launcher.hidden = !1, c.dialog.hidden = !1, v(t.message);
   }
 }
-function z() {
+function X() {
   if (c.shot = null, !S) {
     c.canvas.style.removeProperty("--nf-shot-aspect"), c.canvas.style.removeProperty("aspect-ratio"), c.canvas.innerHTML = L ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL(L)}"></video>` : "", pt();
     return;
@@ -1115,7 +1116,7 @@ function z() {
   const t = c.shot.querySelector("img");
   t.draggable = !1, t.addEventListener("dragstart", (r) => r.preventDefault());
   const e = () => {
-    Cn(t), R();
+    Cn(t), $();
   };
   t.addEventListener("load", e), t.complete && t.naturalWidth && e();
 }
@@ -1123,7 +1124,7 @@ function Cn(t) {
   const e = t.naturalWidth || H.w, r = t.naturalHeight || H.h;
   if (e && r && (H = { w: e, h: r }, c.canvas.style.setProperty("--nf-shot-aspect", String(e / r)), c.canvas.style.aspectRatio = `${e} / ${r}`), !c.shot || !H.w || !H.h)
     return;
-  const n = f.crop(), i = H.w / H.h, a = n.w / n.h * i, o = Math.min(1, a / i), s = Math.min(1, i / a);
+  const n = f.crop(), a = H.w / H.h, i = n.w / n.h * a, o = Math.min(1, i / a), s = Math.min(1, a / i);
   c.shot.style.left = `${(1 - o) / 2 * 100}%`, c.shot.style.top = `${(1 - s) / 2 * 100}%`, c.shot.style.width = `${o * 100}%`, c.shot.style.height = `${s * 100}%`, t.style.width = `${100 / n.w}%`, t.style.height = `${100 / n.h}%`, t.style.left = `${-n.x / n.w * 100}%`, t.style.top = `${-n.y / n.h * 100}%`;
 }
 function Mn(t) {
@@ -1144,7 +1145,7 @@ function Mn(t) {
     ...nt(t.start, t.current)
   };
 }
-function R() {
+function $() {
   if ((c.shot || c.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((n) => n.remove()), !S || !c.shot) {
     pt();
     return;
@@ -1156,8 +1157,8 @@ function R() {
   }
   const r = f.list().slice();
   if ((w == null ? void 0 : w.kind) === "sticker" && r.push(Mn(w)), r.forEach((n) => {
-    const i = n.id === "preview", a = !i && n.id === $, o = document.createElement("div");
-    if (o.className = `nf-sticker nf-${n.type}`, o.dataset.id = n.id, a && (o.dataset.selected = "true"), i && (o.dataset.preview = "true"), n.type === "arrow" ? Rn(o, n, e, a) : (kt(o, n, e), a && ["nw", "ne", "sw", "se"].forEach((s) => gt(o, s))), !i && n.number) {
+    const a = n.id === "preview", i = !a && n.id === R, o = document.createElement("div");
+    if (o.className = `nf-sticker nf-${n.type}`, o.dataset.id = n.id, i && (o.dataset.selected = "true"), a && (o.dataset.preview = "true"), n.type === "arrow" ? $n(o, n, e, i) : (kt(o, n, e), i && ["nw", "ne", "sw", "se"].forEach((s) => gt(o, s))), !a && n.number) {
       const s = document.createElement("span");
       s.className = "nf-badge", s.textContent = String(n.number), o.appendChild(s);
     }
@@ -1168,8 +1169,8 @@ function R() {
   }
   pt();
 }
-function Rn(t, e, r, n) {
-  const i = et(), a = i.clientWidth, o = i.clientHeight, s = (e.x - r.x) / r.w * a, l = (e.y - r.y) / r.h * o, b = ((e.x2 ?? e.x + e.w) - r.x) / r.w * a, p = ((e.y2 ?? e.y) - r.y) / r.h * o, h = 18, g = Math.min(s, b) - h, P = Math.min(l, p) - h, d = Math.max(2, Math.abs(b - s)) + h * 2, m = Math.max(2, Math.abs(p - l)) + h * 2, T = s - g, A = l - P, k = b - g, V = p - P, B = `nf-ah-${e.id}`, I = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+function $n(t, e, r, n) {
+  const a = et(), i = a.clientWidth, o = a.clientHeight, s = (e.x - r.x) / r.w * i, l = (e.y - r.y) / r.h * o, b = ((e.x2 ?? e.x + e.w) - r.x) / r.w * i, p = ((e.y2 ?? e.y) - r.y) / r.h * o, h = 18, g = Math.min(s, b) - h, P = Math.min(l, p) - h, d = Math.max(2, Math.abs(b - s)) + h * 2, m = Math.max(2, Math.abs(p - l)) + h * 2, T = s - g, A = l - P, k = b - g, V = p - P, B = `nf-ah-${e.id}`, I = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   t.style.left = `${g}px`, t.style.top = `${P}px`, t.style.width = `${d}px`, t.style.height = `${m}px`, I.setAttribute("class", "nf-arrow-svg"), I.setAttribute("viewBox", `0 0 ${d} ${m}`), I.setAttribute("width", String(d)), I.setAttribute("height", String(m)), I.innerHTML = `
       <defs>
         <marker id="${B}" markerWidth="10" markerHeight="10" refX="8" refY="5" orient="auto">
@@ -1187,23 +1188,23 @@ function gt(t, e, r) {
 function kt(t, e, r) {
   t.style.left = `${(e.x - r.x) / r.w * 100}%`, t.style.top = `${(e.y - r.y) / r.h * 100}%`, t.style.width = `${e.w / r.w * 100}%`, t.style.height = `${e.h / r.h * 100}%`;
 }
-function $n(t = {}) {
+function Rn(t = {}) {
   return x = {
     ...x,
     ...t,
     endpoint: String(t.endpoint || x.endpoint || "").replace(/\/$/, ""),
-    theme: Xt(t.theme ?? x.theme),
+    theme: jt(t.theme ?? x.theme),
     video: t.video == null ? x.video : !!t.video
   }, bt(), tt(), Zt;
 }
 async function Kt() {
-  bt(), tt(), c.launcher.hidden = !0, f = _t(), H = { w: 0, h: 0 }, L = null, $ = null, w = null, y = null, J = "bug", ft("bug"), ht(null), vt(!1), c.text.value = "", v("Capturing…");
+  bt(), tt(), c.launcher.hidden = !0, f = _t(), H = { w: 0, h: 0 }, L = null, R = null, w = null, y = null, J = "bug", ft("bug"), ht(null), vt(!1), c.text.value = "", v("Capturing…");
   try {
-    S = await Ye(), X = S, c.stage.hidden = !1, c.restore.hidden = !0;
+    S = await Ye(), j = S, c.stage.hidden = !1, c.restore.hidden = !0;
   } catch {
     S = "", v("Screenshot failed; you can still send text.");
   }
-  c.dialog.hidden = !1, z(), c.text.focus();
+  c.dialog.hidden = !1, X(), c.text.focus();
 }
 function rt() {
   u && (W == null || W.stop(), vt(!1), Gt(), w = null, y = null, xt(!1), c.dialog.hidden = !0, c.stop.hidden = !0, c.launcher.hidden = !1);
@@ -1222,9 +1223,9 @@ async function Jt() {
   const e = new FormData();
   if (e.append("message", t), e.append("kind", J), e.append("version", x.version || "0.0.0"), e.append("context", JSON.stringify({
     ...Ke(dt),
-    console: jt.snapshot()
+    console: zt.snapshot()
   })), e.append("annotations", JSON.stringify(f.list())), Array.isArray(x.targets) && e.append("targets", JSON.stringify(x.targets)), S) {
-    const i = await an(
+    const a = await an(
       S,
       f.crop(),
       f.list(),
@@ -1233,7 +1234,7 @@ async function Jt() {
         markText: Tt("--nf-mark-text", "#2a2140")
       }
     );
-    e.append("screenshot", i, "screenshot.png");
+    e.append("screenshot", a, "screenshot.png");
   }
   L && e.append("recording", L, "recording.webm");
   const r = await fetch(`${x.endpoint}/v1/reports`, {
@@ -1256,14 +1257,14 @@ async function Jt() {
 function Pn() {
   rt(), u == null || u.remove(), u = null, c = {};
 }
-const Zt = { init: $n, open: Kt, close: rt, identify: Ln, submit: Jt, destroy: Pn };
+const Zt = { init: Rn, open: Kt, close: rt, identify: Ln, submit: Jt, destroy: Pn };
 typeof window < "u" && (window.Notefully = Zt);
 export {
   rt as close,
   Zt as default,
   Pn as destroy,
   Ln as identify,
-  $n as init,
+  Rn as init,
   Kt as open,
   Jt as submit
 };