@makefully/notefully 0.1.29 → 0.1.30

package/dist/notefully.js

@@ -5,10 +5,10 @@ function Le(t, e) {
     return window.location.protocol + t;
   if (t.match(/^[a-z]+:/i))
     return t;
-  const n = document.implementation.createHTMLDocument(), r = n.createElement("base"), i = n.createElement("a");
-  return n.head.appendChild(r), n.body.appendChild(i), e && (r.href = e), i.href = t, i.href;
+  const n = document.implementation.createHTMLDocument(), r = n.createElement("base"), o = n.createElement("a");
+  return n.head.appendChild(r), n.body.appendChild(o), e && (r.href = e), o.href = t, o.href;
 }
-const $e = /* @__PURE__ */ (() => {
+const Re = /* @__PURE__ */ (() => {
   let t = 0;
   const e = () => (
     // eslint-disable-next-line no-bitwise
@@ -23,23 +23,23 @@ function F(t) {
   return e;
 }
 let V = null;
-function Qt(t = {}) {
+function Zt(t = {}) {
   return V || (t.includeStyleProperties ? (V = t.includeStyleProperties, V) : (V = F(window.getComputedStyle(document.documentElement)), V));
 }
 function Z(t, e) {
   const r = (t.ownerDocument.defaultView || window).getComputedStyle(t).getPropertyValue(e);
   return r ? parseFloat(r.replace("px", "")) : 0;
 }
-function Re(t) {
+function $e(t) {
   const e = Z(t, "border-left-width"), n = Z(t, "border-right-width");
   return t.clientWidth + e + n;
 }
-function Ae(t) {
+function Pe(t) {
   const e = Z(t, "border-top-width"), n = Z(t, "border-bottom-width");
   return t.clientHeight + e + n;
 }
-function Zt(t, e = {}) {
-  const n = e.width || Re(t), r = e.height || Ae(t);
+function te(t, e = {}) {
+  const n = e.width || $e(t), r = e.height || Pe(t);
   return { width: n, height: r };
 }
 function ke() {
@@ -65,12 +65,12 @@ function tt(t) {
     }, r.onerror = n, r.crossOrigin = "anonymous", r.decoding = "async", r.src = t;
   });
 }
-async function Pe(t) {
+async function Ie(t) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(t)).then(encodeURIComponent).then((e) => `data:image/svg+xml;charset=utf-8,${e}`);
 }
-async function Ie(t, e, n) {
-  const r = "http://www.w3.org/2000/svg", i = document.createElementNS(r, "svg"), o = document.createElementNS(r, "foreignObject");
-  return i.setAttribute("width", `${e}`), i.setAttribute("height", `${n}`), i.setAttribute("viewBox", `0 0 ${e} ${n}`), o.setAttribute("width", "100%"), o.setAttribute("height", "100%"), o.setAttribute("x", "0"), o.setAttribute("y", "0"), o.setAttribute("externalResourcesRequired", "true"), i.appendChild(o), o.appendChild(t), Pe(i);
+async function Oe(t, e, n) {
+  const r = "http://www.w3.org/2000/svg", o = document.createElementNS(r, "svg"), i = document.createElementNS(r, "foreignObject");
+  return o.setAttribute("width", `${e}`), o.setAttribute("height", `${n}`), o.setAttribute("viewBox", `0 0 ${e} ${n}`), i.setAttribute("width", "100%"), i.setAttribute("height", "100%"), i.setAttribute("x", "0"), i.setAttribute("y", "0"), i.setAttribute("externalResourcesRequired", "true"), o.appendChild(i), i.appendChild(t), Ie(o);
 }
 const E = (t, e) => {
   if (t instanceof e)
@@ -78,37 +78,37 @@ const E = (t, e) => {
   const n = Object.getPrototypeOf(t);
   return n === null ? !1 : n.constructor.name === e.name || E(n, e);
 };
-function Oe(t) {
+function He(t) {
   const e = t.getPropertyValue("content");
   return `${t.cssText} content: '${e.replace(/'|"/g, "")}';`;
 }
-function He(t, e) {
-  return Qt(e).map((n) => {
-    const r = t.getPropertyValue(n), i = t.getPropertyPriority(n);
-    return `${n}: ${r}${i ? " !important" : ""};`;
+function Fe(t, e) {
+  return Zt(e).map((n) => {
+    const r = t.getPropertyValue(n), o = t.getPropertyPriority(n);
+    return `${n}: ${r}${o ? " !important" : ""};`;
   }).join(" ");
 }
-function Fe(t, e, n, r) {
-  const i = `.${t}:${e}`, o = n.cssText ? Oe(n) : He(n, r);
-  return document.createTextNode(`${i}{${o}}`);
+function De(t, e, n, r) {
+  const o = `.${t}:${e}`, i = n.cssText ? He(n) : Fe(n, r);
+  return document.createTextNode(`${o}{${i}}`);
 }
 function Ot(t, e, n, r) {
-  const i = window.getComputedStyle(t, n), o = i.getPropertyValue("content");
-  if (o === "" || o === "none")
+  const o = window.getComputedStyle(t, n), i = o.getPropertyValue("content");
+  if (i === "" || i === "none")
     return;
-  const a = $e();
+  const a = Re();
   try {
     e.className = `${e.className} ${a}`;
   } catch {
     return;
   }
   const c = document.createElement("style");
-  c.appendChild(Fe(a, n, i, r)), e.appendChild(c);
+  c.appendChild(De(a, n, o, r)), e.appendChild(c);
 }
-function De(t, e, n) {
+function Be(t, e, n) {
   Ot(t, e, ":before", n), Ot(t, e, ":after", n);
 }
-const Ht = "application/font-woff", Ft = "image/jpeg", Be = {
+const Ht = "application/font-woff", Ft = "image/jpeg", Ue = {
   woff: Ht,
   woff2: Ht,
   ttf: "application/font-truetype",
@@ -121,15 +121,15 @@ const Ht = "application/font-woff", Ft = "image/jpeg", Be = {
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function Ue(t) {
+function je(t) {
   const e = /\.([^./]*?)$/g.exec(t);
   return e ? e[1] : "";
 }
 function Ct(t) {
-  const e = Ue(t).toLowerCase();
-  return Be[e] || "";
+  const e = je(t).toLowerCase();
+  return Ue[e] || "";
 }
-function je(t) {
+function Ne(t) {
   return t.split(/,/)[1];
 }
 function mt(t) {
@@ -138,56 +138,56 @@ function mt(t) {
 function _e(t, e) {
   return `data:${e};base64,${t}`;
 }
-async function te(t, e, n) {
+async function ee(t, e, n) {
   const r = await fetch(t, e);
   if (r.status === 404)
     throw new Error(`Resource "${r.url}" not found`);
-  const i = await r.blob();
-  return new Promise((o, a) => {
+  const o = await r.blob();
+  return new Promise((i, a) => {
     const c = new FileReader();
     c.onerror = a, c.onloadend = () => {
       try {
-        o(n({ res: r, result: c.result }));
+        i(n({ res: r, result: c.result }));
       } catch (l) {
         a(l);
       }
-    }, c.readAsDataURL(i);
+    }, c.readAsDataURL(o);
   });
 }
 const ut = {};
-function Ne(t, e, n) {
+function Ve(t, e, n) {
   let r = t.replace(/\?.*/, "");
   return n && (r = t), /ttf|otf|eot|woff2?/i.test(r) && (r = r.replace(/.*\//, "")), e ? `[${e}]${r}` : r;
 }
 async function Mt(t, e, n) {
-  const r = Ne(t, e, n.includeQueryParams);
+  const r = Ve(t, e, n.includeQueryParams);
   if (ut[r] != null)
     return ut[r];
   n.cacheBust && (t += (/\?/.test(t) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
-  let i;
+  let o;
   try {
-    const o = await te(t, n.fetchRequestInit, ({ res: a, result: c }) => (e || (e = a.headers.get("Content-Type") || ""), je(c)));
-    i = _e(o, e);
-  } catch (o) {
-    i = n.imagePlaceholder || "";
+    const i = await ee(t, n.fetchRequestInit, ({ res: a, result: c }) => (e || (e = a.headers.get("Content-Type") || ""), Ne(c)));
+    o = _e(i, e);
+  } catch (i) {
+    o = n.imagePlaceholder || "";
     let a = `Failed to fetch resource: ${t}`;
-    o && (a = typeof o == "string" ? o : o.message), a && console.warn(a);
+    i && (a = typeof i == "string" ? i : i.message), a && console.warn(a);
   }
-  return ut[r] = i, i;
+  return ut[r] = o, o;
 }
-async function Ve(t) {
+async function ze(t) {
   const e = t.toDataURL();
   return e === "data:," ? t.cloneNode(!1) : tt(e);
 }
-async function ze(t, e) {
+async function qe(t, e) {
   if (t.currentSrc) {
-    const o = document.createElement("canvas"), a = o.getContext("2d");
-    o.width = t.clientWidth, o.height = t.clientHeight, a == null || a.drawImage(t, 0, 0, o.width, o.height);
-    const c = o.toDataURL();
+    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 c = i.toDataURL();
     return tt(c);
   }
-  const n = t.poster, r = Ct(n), i = await Mt(n, r, e);
-  return tt(i);
+  const n = t.poster, r = Ct(n), o = await Mt(n, r, e);
+  return tt(o);
 }
 async function We(t, e) {
   var n;
@@ -198,148 +198,148 @@ async function We(t, e) {
   }
   return t.cloneNode(!1);
 }
-async function qe(t, e) {
-  return E(t, HTMLCanvasElement) ? Ve(t) : E(t, HTMLVideoElement) ? ze(t, e) : E(t, HTMLIFrameElement) ? We(t, e) : t.cloneNode(ee(t));
+async function Ke(t, e) {
+  return E(t, HTMLCanvasElement) ? ze(t) : E(t, HTMLVideoElement) ? qe(t, e) : E(t, HTMLIFrameElement) ? We(t, e) : t.cloneNode(ne(t));
 }
-const Ke = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT", ee = (t) => t.tagName != null && t.tagName.toUpperCase() === "SVG";
-async function Xe(t, e, n) {
-  var r, i;
-  if (ee(e))
+const Xe = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT", ne = (t) => t.tagName != null && t.tagName.toUpperCase() === "SVG";
+async function Ye(t, e, n) {
+  var r, o;
+  if (ne(e))
     return e;
-  let o = [];
-  return Ke(t) && t.assignedNodes ? o = F(t.assignedNodes()) : E(t, HTMLIFrameElement) && (!((r = t.contentDocument) === null || r === void 0) && r.body) ? o = F(t.contentDocument.body.childNodes) : o = F(((i = t.shadowRoot) !== null && i !== void 0 ? i : t).childNodes), o.length === 0 || E(t, HTMLVideoElement) || await o.reduce((a, c) => a.then(() => ot(c, n)).then((l) => {
+  let i = [];
+  return Xe(t) && t.assignedNodes ? i = F(t.assignedNodes()) : E(t, HTMLIFrameElement) && (!((r = t.contentDocument) === null || r === void 0) && r.body) ? i = F(t.contentDocument.body.childNodes) : i = F(((o = t.shadowRoot) !== null && o !== void 0 ? o : t).childNodes), i.length === 0 || E(t, HTMLVideoElement) || await i.reduce((a, c) => a.then(() => ot(c, n)).then((l) => {
     l && e.appendChild(l);
   }), Promise.resolve()), e;
 }
-function Ye(t, e, n) {
+function Ge(t, e, n) {
   const r = e.style;
   if (!r)
     return;
-  const i = window.getComputedStyle(t);
-  i.cssText ? (r.cssText = i.cssText, r.transformOrigin = i.transformOrigin) : Qt(n).forEach((o) => {
-    let a = i.getPropertyValue(o);
-    o === "font-size" && a.endsWith("px") && (a = `${Math.floor(parseFloat(a.substring(0, a.length - 2))) - 0.1}px`), E(t, HTMLIFrameElement) && o === "display" && a === "inline" && (a = "block"), o === "d" && e.getAttribute("d") && (a = `path(${e.getAttribute("d")})`), r.setProperty(o, a, i.getPropertyPriority(o));
+  const o = window.getComputedStyle(t);
+  o.cssText ? (r.cssText = o.cssText, r.transformOrigin = o.transformOrigin) : Zt(n).forEach((i) => {
+    let a = o.getPropertyValue(i);
+    i === "font-size" && a.endsWith("px") && (a = `${Math.floor(parseFloat(a.substring(0, a.length - 2))) - 0.1}px`), E(t, HTMLIFrameElement) && i === "display" && a === "inline" && (a = "block"), i === "d" && e.getAttribute("d") && (a = `path(${e.getAttribute("d")})`), r.setProperty(i, a, o.getPropertyPriority(i));
   });
 }
-function Ge(t, e) {
+function Je(t, e) {
   E(t, HTMLTextAreaElement) && (e.innerHTML = t.value), E(t, HTMLInputElement) && e.setAttribute("value", t.value);
 }
-function Je(t, e) {
+function Qe(t, e) {
   if (E(t, HTMLSelectElement)) {
-    const r = Array.from(e.children).find((i) => t.value === i.getAttribute("value"));
+    const r = Array.from(e.children).find((o) => t.value === o.getAttribute("value"));
     r && r.setAttribute("selected", "");
   }
 }
-function Qe(t, e, n) {
-  return E(e, Element) && (Ye(t, e, n), De(t, e, n), Ge(t, e), Je(t, e)), e;
+function Ze(t, e, n) {
+  return E(e, Element) && (Ge(t, e, n), Be(t, e, n), Je(t, e), Qe(t, e)), e;
 }
-async function Ze(t, e) {
+async function tn(t, e) {
   const n = t.querySelectorAll ? t.querySelectorAll("use") : [];
   if (n.length === 0)
     return t;
   const r = {};
-  for (let o = 0; o < n.length; o++) {
-    const c = n[o].getAttribute("xlink:href");
+  for (let i = 0; i < n.length; i++) {
+    const c = n[i].getAttribute("xlink:href");
     if (c) {
       const l = t.querySelector(c), u = document.querySelector(c);
       !l && u && !r[c] && (r[c] = await ot(u, e, !0));
     }
   }
-  const i = Object.values(r);
-  if (i.length) {
-    const o = "http://www.w3.org/1999/xhtml", a = document.createElementNS(o, "svg");
-    a.setAttribute("xmlns", o), a.style.position = "absolute", a.style.width = "0", a.style.height = "0", a.style.overflow = "hidden", a.style.display = "none";
-    const c = document.createElementNS(o, "defs");
+  const o = Object.values(r);
+  if (o.length) {
+    const i = "http://www.w3.org/1999/xhtml", a = document.createElementNS(i, "svg");
+    a.setAttribute("xmlns", i), a.style.position = "absolute", a.style.width = "0", a.style.height = "0", a.style.overflow = "hidden", a.style.display = "none";
+    const c = document.createElementNS(i, "defs");
     a.appendChild(c);
-    for (let l = 0; l < i.length; l++)
-      c.appendChild(i[l]);
+    for (let l = 0; l < o.length; l++)
+      c.appendChild(o[l]);
     t.appendChild(a);
   }
   return t;
 }
 async function ot(t, e, n) {
-  return !n && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((r) => qe(r, e)).then((r) => Xe(t, r, e)).then((r) => Qe(t, r, e)).then((r) => Ze(r, e));
+  return !n && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((r) => Ke(r, e)).then((r) => Ye(t, r, e)).then((r) => Ze(t, r, e)).then((r) => tn(r, e));
 }
-const ne = /url\((['"]?)([^'"]+?)\1\)/g, tn = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, en = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function nn(t) {
+const re = /url\((['"]?)([^'"]+?)\1\)/g, en = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, nn = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function rn(t) {
   const e = t.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${e})(['"]?\\))`, "g");
 }
-function rn(t) {
+function on(t) {
   const e = [];
-  return t.replace(ne, (n, r, i) => (e.push(i), n)), e.filter((n) => !mt(n));
+  return t.replace(re, (n, r, o) => (e.push(o), n)), e.filter((n) => !mt(n));
 }
-async function on(t, e, n, r, i) {
+async function an(t, e, n, r, o) {
   try {
-    const o = n ? Le(e, n) : e, a = Ct(e);
+    const i = n ? Le(e, n) : e, a = Ct(e);
     let c;
-    return i || (c = await Mt(o, a, r)), t.replace(nn(e), `$1${c}$3`);
+    return o || (c = await Mt(i, a, r)), t.replace(rn(e), `$1${c}$3`);
   } catch {
   }
   return t;
 }
-function an(t, { preferredFontFormat: e }) {
-  return e ? t.replace(en, (n) => {
+function sn(t, { preferredFontFormat: e }) {
+  return e ? t.replace(nn, (n) => {
     for (; ; ) {
-      const [r, , i] = tn.exec(n) || [];
-      if (!i)
+      const [r, , o] = en.exec(n) || [];
+      if (!o)
         return "";
-      if (i === e)
+      if (o === e)
         return `src: ${r};`;
     }
   }) : t;
 }
-function re(t) {
-  return t.search(ne) !== -1;
+function ie(t) {
+  return t.search(re) !== -1;
 }
-async function ie(t, e, n) {
-  if (!re(t))
+async function oe(t, e, n) {
+  if (!ie(t))
     return t;
-  const r = an(t, n);
-  return rn(r).reduce((o, a) => o.then((c) => on(c, a, e, n)), Promise.resolve(r));
+  const r = sn(t, n);
+  return on(r).reduce((i, a) => i.then((c) => an(c, a, e, n)), Promise.resolve(r));
 }
 async function z(t, e, n) {
   var r;
-  const i = (r = e.style) === null || r === void 0 ? void 0 : r.getPropertyValue(t);
-  if (i) {
-    const o = await ie(i, null, n);
-    return e.style.setProperty(t, o, e.style.getPropertyPriority(t)), !0;
+  const o = (r = e.style) === null || r === void 0 ? void 0 : r.getPropertyValue(t);
+  if (o) {
+    const i = await oe(o, null, n);
+    return e.style.setProperty(t, i, e.style.getPropertyPriority(t)), !0;
   }
   return !1;
 }
-async function sn(t, e) {
+async function cn(t, e) {
   await z("background", t, e) || await z("background-image", t, e), await z("mask", t, e) || await z("-webkit-mask", t, e) || await z("mask-image", t, e) || await z("-webkit-mask-image", t, e);
 }
-async function cn(t, e) {
+async function ln(t, e) {
   const n = E(t, HTMLImageElement);
   if (!(n && !mt(t.src)) && !(E(t, SVGImageElement) && !mt(t.href.baseVal)))
     return;
-  const r = n ? t.src : t.href.baseVal, i = await Mt(r, Ct(r), e);
-  await new Promise((o, a) => {
-    t.onload = o, t.onerror = e.onImageErrorHandler ? (...l) => {
+  const r = n ? t.src : t.href.baseVal, o = await Mt(r, Ct(r), e);
+  await new Promise((i, a) => {
+    t.onload = i, t.onerror = e.onImageErrorHandler ? (...l) => {
       try {
-        o(e.onImageErrorHandler(...l));
+        i(e.onImageErrorHandler(...l));
       } catch (u) {
         a(u);
       }
     } : a;
     const c = t;
-    c.decode && (c.decode = o), c.loading === "lazy" && (c.loading = "eager"), n ? (t.srcset = "", t.src = i) : t.href.baseVal = i;
+    c.decode && (c.decode = i), c.loading === "lazy" && (c.loading = "eager"), n ? (t.srcset = "", t.src = o) : t.href.baseVal = o;
   });
 }
-async function ln(t, e) {
-  const r = F(t.childNodes).map((i) => oe(i, e));
+async function un(t, e) {
+  const r = F(t.childNodes).map((o) => ae(o, e));
   await Promise.all(r).then(() => t);
 }
-async function oe(t, e) {
-  E(t, Element) && (await sn(t, e), await cn(t, e), await ln(t, e));
+async function ae(t, e) {
+  E(t, Element) && (await cn(t, e), await ln(t, e), await un(t, e));
 }
-function un(t, e) {
+function dn(t, e) {
   const { style: n } = t;
   e.backgroundColor && (n.backgroundColor = e.backgroundColor), e.width && (n.width = `${e.width}px`), e.height && (n.height = `${e.height}px`);
   const r = e.style;
-  return r != null && Object.keys(r).forEach((i) => {
-    n[i] = r[i];
+  return r != null && Object.keys(r).forEach((o) => {
+    n[o] = r[o];
   }), t;
 }
 const Dt = {};
@@ -352,49 +352,49 @@ async function Bt(t) {
 }
 async function Ut(t, e) {
   let n = t.cssText;
-  const r = /url\(["']?([^"')]+)["']?\)/g, o = (n.match(/url\([^)]+\)/g) || []).map(async (a) => {
+  const r = /url\(["']?([^"')]+)["']?\)/g, i = (n.match(/url\([^)]+\)/g) || []).map(async (a) => {
     let c = a.replace(r, "$1");
-    return c.startsWith("https://") || (c = new URL(c, t.url).href), te(c, e.fetchRequestInit, ({ result: l }) => (n = n.replace(a, `url(${l})`), [a, l]));
+    return c.startsWith("https://") || (c = new URL(c, t.url).href), ee(c, e.fetchRequestInit, ({ result: l }) => (n = n.replace(a, `url(${l})`), [a, l]));
   });
-  return Promise.all(o).then(() => n);
+  return Promise.all(i).then(() => n);
 }
 function jt(t) {
   if (t == null)
     return [];
   const e = [], n = /(\/\*[\s\S]*?\*\/)/gi;
   let r = t.replace(n, "");
-  const i = new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
+  const o = new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
   for (; ; ) {
-    const l = i.exec(r);
+    const l = o.exec(r);
     if (l === null)
       break;
     e.push(l[0]);
   }
-  r = r.replace(i, "");
-  const o = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, a = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", c = new RegExp(a, "gi");
+  r = r.replace(o, "");
+  const i = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, a = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", c = new RegExp(a, "gi");
   for (; ; ) {
-    let l = o.exec(r);
+    let l = i.exec(r);
     if (l === null) {
       if (l = c.exec(r), l === null)
         break;
-      o.lastIndex = c.lastIndex;
+      i.lastIndex = c.lastIndex;
     } else
-      c.lastIndex = o.lastIndex;
+      c.lastIndex = i.lastIndex;
     e.push(l[0]);
   }
   return e;
 }
-async function dn(t, e) {
+async function fn(t, e) {
   const n = [], r = [];
-  return t.forEach((i) => {
-    if ("cssRules" in i)
+  return t.forEach((o) => {
+    if ("cssRules" in o)
       try {
-        F(i.cssRules || []).forEach((o, a) => {
-          if (o.type === CSSRule.IMPORT_RULE) {
+        F(o.cssRules || []).forEach((i, a) => {
+          if (i.type === CSSRule.IMPORT_RULE) {
             let c = a + 1;
-            const l = o.href, u = Bt(l).then((f) => Ut(f, e)).then((f) => jt(f).forEach((p) => {
+            const l = i.href, u = Bt(l).then((f) => Ut(f, e)).then((f) => jt(f).forEach((p) => {
               try {
-                i.insertRule(p, p.startsWith("@import") ? c += 1 : i.cssRules.length);
+                o.insertRule(p, p.startsWith("@import") ? c += 1 : o.cssRules.length);
               } catch (m) {
                 console.error("Error inserting rule from remote css", {
                   rule: p,
@@ -407,83 +407,107 @@ async function dn(t, e) {
             r.push(u);
           }
         });
-      } catch (o) {
+      } catch (i) {
         const a = t.find((c) => c.href == null) || document.styleSheets[0];
-        i.href != null && r.push(Bt(i.href).then((c) => Ut(c, e)).then((c) => jt(c).forEach((l) => {
+        o.href != null && r.push(Bt(o.href).then((c) => Ut(c, e)).then((c) => jt(c).forEach((l) => {
           a.insertRule(l, a.cssRules.length);
         })).catch((c) => {
           console.error("Error loading remote stylesheet", c);
-        })), console.error("Error inlining remote css file", o);
+        })), console.error("Error inlining remote css file", i);
       }
-  }), Promise.all(r).then(() => (t.forEach((i) => {
-    if ("cssRules" in i)
+  }), Promise.all(r).then(() => (t.forEach((o) => {
+    if ("cssRules" in o)
       try {
-        F(i.cssRules || []).forEach((o) => {
-          n.push(o);
+        F(o.cssRules || []).forEach((i) => {
+          n.push(i);
         });
-      } catch (o) {
-        console.error(`Error while reading CSS rules from ${i.href}`, o);
+      } catch (i) {
+        console.error(`Error while reading CSS rules from ${o.href}`, i);
       }
   }), n));
 }
-function fn(t) {
-  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => re(e.style.getPropertyValue("src")));
+function hn(t) {
+  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => ie(e.style.getPropertyValue("src")));
 }
-async function hn(t, e) {
+async function pn(t, e) {
   if (t.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const n = F(t.ownerDocument.styleSheets), r = await dn(n, e);
-  return fn(r);
+  const n = F(t.ownerDocument.styleSheets), r = await fn(n, e);
+  return hn(r);
 }
-function ae(t) {
+function se(t) {
   return t.trim().replace(/["']/g, "");
 }
-function pn(t) {
+function mn(t) {
   const e = /* @__PURE__ */ new Set();
   function n(r) {
-    (r.style.fontFamily || getComputedStyle(r).fontFamily).split(",").forEach((o) => {
-      e.add(ae(o));
-    }), Array.from(r.children).forEach((o) => {
-      o instanceof HTMLElement && n(o);
+    (r.style.fontFamily || getComputedStyle(r).fontFamily).split(",").forEach((i) => {
+      e.add(se(i));
+    }), Array.from(r.children).forEach((i) => {
+      i instanceof HTMLElement && n(i);
     });
   }
   return n(t), e;
 }
-async function mn(t, e) {
-  const n = await hn(t, e), r = pn(t);
-  return (await Promise.all(n.filter((o) => r.has(ae(o.style.fontFamily))).map((o) => {
-    const a = o.parentStyleSheet ? o.parentStyleSheet.href : null;
-    return ie(o.cssText, a, e);
+async function yn(t, e) {
+  const n = await pn(t, e), r = mn(t);
+  return (await Promise.all(n.filter((i) => r.has(se(i.style.fontFamily))).map((i) => {
+    const a = i.parentStyleSheet ? i.parentStyleSheet.href : null;
+    return oe(i.cssText, a, e);
   }))).join(`
 `);
 }
-async function yn(t, e) {
-  const n = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await mn(t, e);
+async function gn(t, e) {
+  const n = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await yn(t, e);
   if (n) {
-    const r = document.createElement("style"), i = document.createTextNode(n);
-    r.appendChild(i), t.firstChild ? t.insertBefore(r, t.firstChild) : t.appendChild(r);
+    const r = document.createElement("style"), o = document.createTextNode(n);
+    r.appendChild(o), t.firstChild ? t.insertBefore(r, t.firstChild) : t.appendChild(r);
   }
 }
-async function gn(t, e = {}) {
-  const { width: n, height: r } = Zt(t, e), i = await ot(t, e, !0);
-  return await yn(i, e), await oe(i, e), un(i, e), await Ie(i, n, r);
-}
 async function wn(t, e = {}) {
-  const { width: n, height: r } = Zt(t, e), i = await gn(t, e), o = await tt(i), a = document.createElement("canvas"), c = a.getContext("2d"), l = e.pixelRatio || ke(), u = e.canvasWidth || n, f = e.canvasHeight || r;
-  return a.width = u * l, a.height = f * l, e.skipAutoScale || Te(a), a.style.width = `${u}`, a.style.height = `${f}`, e.backgroundColor && (c.fillStyle = e.backgroundColor, c.fillRect(0, 0, a.width, a.height)), c.drawImage(o, 0, 0, a.width, a.height), a;
+  const { width: n, height: r } = te(t, e), o = await ot(t, e, !0);
+  return await gn(o, e), await ae(o, e), dn(o, e), await Oe(o, n, r);
 }
 async function bn(t, e = {}) {
-  return (await wn(t, e)).toDataURL();
+  const { width: n, height: r } = te(t, e), o = await wn(t, e), i = await tt(o), a = document.createElement("canvas"), c = a.getContext("2d"), l = e.pixelRatio || ke(), u = e.canvasWidth || n, f = e.canvasHeight || r;
+  return a.width = u * l, a.height = f * l, e.skipAutoScale || Te(a), a.style.width = `${u}`, a.style.height = `${f}`, e.backgroundColor && (c.fillStyle = e.backgroundColor, c.fillRect(0, 0, a.width, a.height)), c.drawImage(i, 0, 0, a.width, a.height), a;
+}
+async function Nt(t, e = {}) {
+  return (await bn(t, e)).toDataURL();
 }
-const et = "data-nf-capture-chrome";
-function Sn(t) {
+const et = "data-nf-capture-chrome", Sn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==";
+function vn(t) {
   return t instanceof Element && (t.hasAttribute(et) || t.hasAttribute("data-nf-mask-cover") || t.id === "notefully");
 }
-function vn() {
+function xn() {
+  const t = [];
+  return Array.from(document.styleSheets).forEach((e) => {
+    try {
+      e.cssRules;
+    } catch {
+      try {
+        if (e.disabled)
+          return;
+        e.disabled = !0, t.push(e);
+      } catch {
+        const n = e.ownerNode;
+        n && "disabled" in n && !n.disabled && (n.disabled = !0, t.push({ node: n }));
+      }
+    }
+  }), () => {
+    t.forEach((e) => {
+      try {
+        e && e.node ? e.node.disabled = !1 : e && (e.disabled = !1);
+      } catch {
+      }
+    });
+  };
+}
+function En() {
   const t = [];
   return document.querySelectorAll('input[type="password"], [data-notefully-mask]').forEach((n) => {
-    const r = n.getBoundingClientRect(), i = document.createElement("div");
-    i.setAttribute("data-nf-mask-cover", "1"), i.style.cssText = [
+    const r = n.getBoundingClientRect(), o = document.createElement("div");
+    o.setAttribute("data-nf-mask-cover", "1"), o.style.cssText = [
       "position:fixed",
       `left:${r.left}px`,
       `top:${r.top}px`,
@@ -492,39 +516,48 @@ function vn() {
       "background:#111",
       "z-index:2147483646",
       "pointer-events:none"
-    ].join(";"), document.body.appendChild(i), t.push(i);
+    ].join(";"), document.body.appendChild(o), t.push(o);
   }), () => t.forEach((n) => n.remove());
 }
-function xn() {
+function Cn() {
   const t = document.querySelector(`[${et}]`);
   if (t)
     return t;
   const e = document.createElement("div");
   return e.setAttribute(et, "1"), e.className = "nf-capture-chrome", e.setAttribute("role", "status"), e.setAttribute("aria-live", "polite"), e.innerHTML = '<span class="nf-capture-chrome-pill">Capturing…</span>', document.body.appendChild(e), e;
 }
-function En() {
+function Mn() {
   document.querySelectorAll(`[${et}]`).forEach((t) => t.remove());
 }
-async function Cn() {
-  const t = document.getElementById("notefully"), e = t ? t.style.display : "", n = xn();
+async function An() {
+  const t = document.getElementById("notefully"), e = t ? t.style.display : "", n = Cn(), r = xn();
   t && (t.style.display = "none");
-  const r = vn();
-  await new Promise((i) => requestAnimationFrame(() => requestAnimationFrame(i)));
+  const o = En();
+  await new Promise((a) => requestAnimationFrame(() => requestAnimationFrame(a)));
+  const i = {
+    cacheBust: !0,
+    pixelRatio: Math.min(window.devicePixelRatio || 1, 2),
+    filter: (a) => !vn(a),
+    // 404 / CORS images must not abort the whole capture.
+    imagePlaceholder: Sn,
+    onImageErrorHandler: () => {
+    }
+  };
   try {
-    return await bn(document.body, {
-      cacheBust: !0,
-      pixelRatio: Math.min(window.devicePixelRatio || 1, 2),
-      filter: (i) => !Sn(i)
-    });
+    try {
+      return await Nt(document.body, i);
+    } catch {
+      return await Nt(document.body, { ...i, skipFonts: !0 });
+    }
   } finally {
-    r(), n.remove(), En(), t && (t.style.display = e);
+    o(), r(), n.remove(), Mn(), t && (t.style.display = e);
   }
 }
-function Mn(t = "") {
+function Ln(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 Ln(t = "") {
+function Rn(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" : "";
 }
@@ -534,8 +567,8 @@ function $n(t = {}) {
     url: location.href,
     title: document.title,
     userAgent: e,
-    os: Mn(e),
-    browser: Ln(e),
+    os: Ln(e),
+    browser: Rn(e),
     language: navigator.language,
     timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
     viewport: {
@@ -550,11 +583,11 @@ function $n(t = {}) {
     }
   };
 }
-const _t = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Nt = {
+const _t = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Vt = {
   id: "userId",
   username: "displayName",
   name: "displayName"
-}, Vt = /* @__PURE__ */ new Set([
+}, zt = /* @__PURE__ */ new Set([
   "endpoint",
   "projectKey",
   "version",
@@ -565,7 +598,7 @@ const _t = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Nt = {
   "video",
   "consoleLogLimit",
   "kinds"
-]), zt = {
+]), qt = {
   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.",
@@ -574,43 +607,43 @@ const _t = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Nt = {
   email: "Pass people via Notefully.identify({ userId, email, displayName }), not init().",
   displayName: "Pass people via Notefully.identify({ userId, email, displayName }), not init()."
 };
-function Rn(t = {}, e = {}) {
-  const n = e.warn || se, r = t && typeof t == "object" ? t : {}, i = {}, o = [];
+function Pn(t = {}, e = {}) {
+  const n = e.warn || ce, r = t && typeof t == "object" ? t : {}, o = {}, i = [];
   for (const a of _t)
-    Object.prototype.hasOwnProperty.call(r, a) && (i[a] = r[a]);
-  for (const [a, c] of Object.entries(Nt))
-    Object.prototype.hasOwnProperty.call(r, a) && (Object.prototype.hasOwnProperty.call(i, c) || (i[c] = r[a]));
+    Object.prototype.hasOwnProperty.call(r, a) && (o[a] = r[a]);
+  for (const [a, c] of Object.entries(Vt))
+    Object.prototype.hasOwnProperty.call(r, a) && (Object.prototype.hasOwnProperty.call(o, c) || (o[c] = r[a]));
   for (const a of Object.keys(r))
-    _t.has(a) || Object.prototype.hasOwnProperty.call(Nt, a) || o.push(a);
-  if (o.length) {
-    const a = o.some((c) => c === "name" || c === "slug" || c === "projectSlug") ? " Pass the package/report name via Notefully.init({ name }), not identify()." : "";
+    _t.has(a) || Object.prototype.hasOwnProperty.call(Vt, a) || i.push(a);
+  if (i.length) {
+    const a = i.some((c) => c === "name" || c === "slug" || c === "projectSlug") ? " Pass the package/report name via Notefully.init({ name }), not identify()." : "";
     n(
-      `Notefully.identify: ignoring unknown key(s): ${o.join(", ")}. Supported: userId, email, displayName (aliases: id → userId; username/name → displayName).` + a
+      `Notefully.identify: ignoring unknown key(s): ${i.join(", ")}. Supported: userId, email, displayName (aliases: id → userId; username/name → displayName).` + a
     );
   }
-  return i;
-}
-function An(t = {}, e = {}) {
-  const n = e.warn || se, r = t && typeof t == "object" ? t : {}, i = Object.keys(r).filter((o) => !Vt.has(o));
-  if (i.length)
-    for (const o of i) {
-      if (zt[o]) {
-        n(`Notefully.init: ignoring "${o}". ${zt[o]}`);
+  return o;
+}
+function kn(t = {}, e = {}) {
+  const n = e.warn || ce, r = t && typeof t == "object" ? t : {}, o = Object.keys(r).filter((i) => !zt.has(i));
+  if (o.length)
+    for (const i of o) {
+      if (qt[i]) {
+        n(`Notefully.init: ignoring "${i}". ${qt[i]}`);
         continue;
       }
       n(
-        `Notefully.init: ignoring unknown key "${o}". Supported: ${[...Vt].join(", ")}.`
+        `Notefully.init: ignoring unknown key "${i}". Supported: ${[...zt].join(", ")}.`
       );
     }
 }
-function se(t) {
+function ce(t) {
   typeof console < "u" && typeof console.warn == "function" && console.warn(t);
 }
-const kn = 80;
-function Tn() {
+const Tn = 80;
+function In() {
   const t = [], e = {};
   let n = !1;
-  const r = (o, a) => {
+  const r = (i, a) => {
     let c = "";
     try {
       c = a.map((l) => l instanceof Error ? l.stack || l.message : typeof l == "string" ? l : JSON.stringify(l)).join(" ");
@@ -618,21 +651,21 @@ function Tn() {
       c = String(a[0]);
     }
     t.push({
-      level: o,
+      level: i,
       text: c.slice(0, 2e3),
       at: Date.now()
-    }), t.length > kn && t.shift();
+    }), t.length > Tn && t.shift();
   };
   return {
     hook: () => {
-      n || typeof window > "u" || (n = !0, ["log", "info", "warn", "error"].forEach((o) => {
-        e[o] = console[o].bind(console), console[o] = (...a) => {
-          r(o, a), e[o](...a);
+      n || typeof window > "u" || (n = !0, ["log", "info", "warn", "error"].forEach((i) => {
+        e[i] = console[i].bind(console), console[i] = (...a) => {
+          r(i, a), e[i](...a);
         };
-      }), window.addEventListener("error", (o) => {
-        r("error", [o.message || "window.error"]);
-      }), window.addEventListener("unhandledrejection", (o) => {
-        r("error", [o.reason || "unhandledrejection"]);
+      }), window.addEventListener("error", (i) => {
+        r("error", [i.message || "window.error"]);
+      }), window.addEventListener("unhandledrejection", (i) => {
+        r("error", [i.reason || "unhandledrejection"]);
       }));
     },
     snapshot() {
@@ -640,10 +673,10 @@ function Tn() {
     }
   };
 }
-function Pn(t) {
+function On(t) {
   const e = window.SpeechRecognition || window.webkitSpeechRecognition;
   let n = null, r = !1;
-  const i = () => {
+  const o = () => {
     if (r = !1, n)
       try {
         n.stop();
@@ -654,7 +687,7 @@ function Pn(t) {
     start: () => {
       if (!e)
         throw new Error("Speech recognition is not supported in this browser.");
-      return r ? (i(), !1) : (n = new e(), n.continuous = !0, n.interimResults = !0, n.lang = navigator.language || "en-US", n.onresult = (a) => {
+      return r ? (o(), !1) : (n = new e(), n.continuous = !0, n.interimResults = !0, n.lang = navigator.language || "en-US", n.onresult = (a) => {
         let c = "";
         for (let l = a.resultIndex; l < a.results.length; l += 1)
           a.results[l].isFinal && (c += a.results[l][0].transcript);
@@ -665,24 +698,24 @@ function Pn(t) {
         r = !1;
       }, n.start(), r = !0, !0);
     },
-    stop: i,
+    stop: o,
     isSupported: () => !!e,
     isActive: () => r
   };
 }
-const In = 60 * 1e3;
-function On({ onStart: t, onStop: e, onError: n }) {
-  let r = null, i = null, o = [], a = null;
+const Hn = 60 * 1e3;
+function Fn({ onStart: t, onStop: e, onError: n }) {
+  let r = null, o = null, i = [], a = null;
   const c = () => {
-    if (a && (clearTimeout(a), a = null), i && i.state !== "inactive")
+    if (a && (clearTimeout(a), a = null), o && o.state !== "inactive")
       try {
-        i.stop();
+        o.stop();
       } catch {
       }
     r && (r.getTracks().forEach((f) => f.stop()), r = null);
   }, l = () => {
-    if (i && i.state === "recording") {
-      i.stop();
+    if (o && o.state === "recording") {
+      o.stop();
       return;
     }
     c(), e(null);
@@ -696,17 +729,17 @@ function On({ onStart: t, onStop: e, onError: n }) {
       audio: !1,
       preferCurrentTab: !0,
       selfBrowserSurface: "include"
-    }), o = [], i = new MediaRecorder(r, {
+    }), i = [], o = new MediaRecorder(r, {
       mimeType: MediaRecorder.isTypeSupported("video/webm;codecs=vp9") ? "video/webm;codecs=vp9" : "video/webm"
-    }), i.ondataavailable = (m) => {
-      m.data && m.data.size && o.push(m.data);
-    }, i.onstop = () => {
-      const m = o.length ? new Blob(o, { type: i.mimeType || "video/webm" }) : null;
+    }), o.ondataavailable = (m) => {
+      m.data && m.data.size && i.push(m.data);
+    }, o.onstop = () => {
+      const m = i.length ? new Blob(i, { type: o.mimeType || "video/webm" }) : null;
       c(), e(m);
-    }, (p = r.getVideoTracks()[0]) == null || p.addEventListener("ended", () => l()), i.start(), a = setTimeout(l, In);
+    }, (p = r.getVideoTracks()[0]) == null || p.addEventListener("ended", () => l()), o.start(), a = setTimeout(l, Hn);
   }, stop: l };
 }
-function Hn() {
+function Dn() {
   const t = /* @__PURE__ */ new Set();
   return {
     alloc() {
@@ -725,15 +758,15 @@ function Hn() {
   };
 }
 const dt = { x: 0, y: 0, w: 1, h: 1 };
-function ce() {
-  const t = Hn();
+function le() {
+  const t = Dn();
   let e = [], n = { ...dt }, r = 1;
   return {
-    list: () => e.filter((o) => Dn(o, n)),
+    list: () => e.filter((i) => Un(i, n)),
     all: () => e.slice(),
     crop: () => ({ ...n }),
-    setCrop(o) {
-      return n = Fn(o), n;
+    setCrop(i) {
+      return n = Bn(i), n;
     },
     resetCrop() {
       return n = { ...dt }, n;
@@ -741,27 +774,27 @@ function ce() {
     isCropped() {
       return n.x > 1e-6 || n.y > 1e-6 || n.w < 1 - 1e-6 || n.h < 1 - 1e-6;
     },
-    add(o, a) {
+    add(i, a) {
       const c = {
         id: `s${r++}`,
-        type: o,
+        type: i,
         number: t.alloc(),
         x: 0.2,
         y: 0.2,
-        w: o === "arrow" ? 0.2 : 0.22,
-        h: o === "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,
         ...a
       };
       return e.push(c), c;
     },
-    update(o, a) {
-      const c = e.find((l) => l.id === o);
+    update(i, a) {
+      const c = e.find((l) => l.id === i);
       return c ? (Object.assign(c, a), c) : null;
     },
-    remove(o) {
-      const a = e.findIndex((l) => l.id === o);
+    remove(i) {
+      const a = e.findIndex((l) => l.id === i);
       if (a < 0)
         return null;
       const [c] = e.splice(a, 1);
@@ -773,15 +806,15 @@ function ce() {
     }
   };
 }
-function Fn(t) {
-  const e = Math.min(Math.max(t.x, 0), 0.95), n = Math.min(Math.max(t.y, 0), 0.95), r = Math.min(Math.max(t.w, 0.05), 1 - e), i = Math.min(Math.max(t.h, 0.05), 1 - n);
-  return { x: e, y: n, w: r, h: i };
+function Bn(t) {
+  const e = Math.min(Math.max(t.x, 0), 0.95), n = Math.min(Math.max(t.y, 0), 0.95), r = Math.min(Math.max(t.w, 0.05), 1 - e), o = Math.min(Math.max(t.h, 0.05), 1 - n);
+  return { x: e, y: n, w: r, h: o };
 }
-function Dn(t, e) {
+function Un(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 Lt(t) {
+function At(t) {
   const e = Math.max(1, Number(t) || 1);
   return {
     stroke: Math.max(2, e * 75e-4),
@@ -791,20 +824,20 @@ function Lt(t) {
     arrowHeadAngle: 0.4
   };
 }
-function Bn(t, {
+function jn(t, {
   stickers: e = [],
   crop: n = { x: 0, y: 0, w: 1, h: 1 },
   width: r,
-  height: i,
-  colors: o = {}
+  height: o,
+  colors: i = {}
 }) {
-  const a = o.mark || "#fdd341", c = o.markText || "#2a2140", l = Lt(r);
+  const a = i.mark || "#fdd341", c = i.markText || "#2a2140", l = At(r);
   t.save(), t.lineWidth = l.stroke, t.lineCap = "round", t.lineJoin = "round", t.strokeStyle = a, t.fillStyle = a, t.font = `700 ${Math.round(l.fontSize)}px ui-sans-serif, system-ui, sans-serif`, e.forEach((u) => {
-    const f = yt(u.x, n, r), p = gt(u.y, n, i), m = u.w / n.w * r, x = u.h / n.h * i, L = l.stroke / 2;
+    const f = yt(u.x, n, r), p = gt(u.y, n, o), m = u.w / n.w * r, x = u.h / n.h * o, A = l.stroke / 2;
     if (u.type === "rect")
       t.strokeRect(
-        f + L,
-        p + L,
+        f + A,
+        p + A,
         Math.max(0, m - l.stroke),
         Math.max(0, x - l.stroke)
       );
@@ -812,20 +845,20 @@ function Bn(t, {
       t.beginPath(), t.ellipse(
         f + m / 2,
         p + x / 2,
-        Math.max(0.5, m / 2 - L),
-        Math.max(0.5, x / 2 - L),
+        Math.max(0.5, m / 2 - A),
+        Math.max(0.5, x / 2 - A),
         0,
         0,
         Math.PI * 2
       ), t.stroke();
     else if (u.type === "arrow") {
-      const j = yt(u.x2 ?? u.x + u.w, n, r), _ = gt(u.y2 ?? u.y, n, i);
-      jn(t, f, p, j, _, l);
+      const j = yt(u.x2 ?? u.x + u.w, n, r), N = gt(u.y2 ?? u.y, n, o);
+      _n(t, f, p, j, N, l);
     }
     if (u.number == null || u.number === "")
       return;
-    const k = Un(u, n, r, i, f, p, m), W = String(u.number);
-    t.beginPath(), t.arc(k.x, k.y, l.badgeRadius, 0, Math.PI * 2), t.fillStyle = a, t.fill(), t.fillStyle = c, t.textAlign = "center", t.textBaseline = "middle", t.fillText(W, k.x, k.y + 0.5), t.fillStyle = a;
+    const P = Nn(u, n, r, o, f, p, m), q = String(u.number);
+    t.beginPath(), t.arc(P.x, P.y, l.badgeRadius, 0, Math.PI * 2), t.fillStyle = a, t.fill(), t.fillStyle = c, t.textAlign = "center", t.textBaseline = "middle", t.fillText(q, P.x, P.y + 0.5), t.fillStyle = a;
   }), t.restore();
 }
 function yt(t, e, n) {
@@ -834,41 +867,41 @@ function yt(t, e, n) {
 function gt(t, e, n) {
   return (t - e.y) / e.h * n;
 }
-function Un(t, e, n, r, i, o, a) {
+function Nn(t, e, n, r, o, i, a) {
   if (t.type === "arrow") {
     const c = yt(t.x2 ?? t.x + t.w, e, n), l = gt(t.y2 ?? t.y, e, r);
     return {
-      x: (i + c) / 2,
-      y: (o + l) / 2
+      x: (o + c) / 2,
+      y: (i + l) / 2
     };
   }
-  return { x: i + a / 2, y: o };
+  return { x: o + a / 2, y: i };
 }
-function le(t, e, n, r, i) {
-  const o = Math.atan2(r - e, n - t), a = i.arrowHead, c = Math.min(i.stroke, a * 0.2), l = n, u = r, f = n - Math.cos(o) * a, p = r - Math.sin(o) * a, m = {
-    x: l - a * Math.cos(o - i.arrowHeadAngle),
-    y: u - a * Math.sin(o - i.arrowHeadAngle)
+function ue(t, e, n, r, o) {
+  const i = Math.atan2(r - e, n - t), a = o.arrowHead, c = Math.min(o.stroke, a * 0.2), l = n, u = r, f = n - Math.cos(i) * a, p = r - Math.sin(i) * a, m = {
+    x: l - a * Math.cos(i - o.arrowHeadAngle),
+    y: u - a * Math.sin(i - o.arrowHeadAngle)
   }, x = {
-    x: l - a * Math.cos(o + i.arrowHeadAngle),
-    y: u - a * Math.sin(o + i.arrowHeadAngle)
-  }, L = {
-    x: n - Math.cos(o) * c,
-    y: r - Math.sin(o) * c
+    x: l - a * Math.cos(i + o.arrowHeadAngle),
+    y: u - a * Math.sin(i + o.arrowHeadAngle)
+  }, A = {
+    x: n - Math.cos(i) * c,
+    y: r - Math.sin(i) * c
   };
-  return { angle: o, tipX: l, tipY: u, baseX: f, baseY: p, left: m, right: x, shaftEnd: L };
+  return { angle: i, tipX: l, tipY: u, baseX: f, baseY: p, left: m, right: x, shaftEnd: A };
 }
-function jn(t, e, n, r, i, o) {
-  const a = le(e, n, r, i, o);
+function _n(t, e, n, r, o, i) {
+  const a = ue(e, n, r, o, i);
   t.beginPath(), t.moveTo(e, n), t.lineTo(a.shaftEnd.x, a.shaftEnd.y), t.stroke(), t.beginPath(), t.moveTo(a.tipX, a.tipY), t.lineTo(a.left.x, a.left.y), t.lineTo(a.right.x, a.right.y), t.closePath(), t.fill();
 }
-function _n(t, e, n, r = {}) {
-  return new Promise((i, o) => {
+function Vn(t, e, n, r = {}) {
+  return new Promise((o, i) => {
     const a = new Image();
     a.onload = () => {
       const c = Math.round(e.x * a.width), l = Math.round(e.y * a.height), u = Math.max(1, Math.round(e.w * a.width)), f = Math.max(1, Math.round(e.h * a.height)), p = document.createElement("canvas");
       p.width = u, p.height = f;
       const m = p.getContext("2d");
-      m.drawImage(a, c, l, u, f, 0, 0, u, f), Bn(m, {
+      m.drawImage(a, c, l, u, f, 0, 0, u, f), jn(m, {
         stickers: n,
         crop: e,
         width: u,
@@ -876,12 +909,12 @@ function _n(t, e, n, r = {}) {
         colors: r
       }), p.toBlob((x) => {
         if (!x) {
-          o(new Error("Could not encode screenshot"));
+          i(new Error("Could not encode screenshot"));
           return;
         }
-        i(x);
+        o(x);
       }, "image/png");
-    }, a.onerror = () => o(new Error("Could not load screenshot")), a.src = t;
+    }, a.onerror = () => i(new Error("Could not load screenshot")), a.src = t;
   });
 }
 const B = [
@@ -896,13 +929,13 @@ function ft(t) {
   const e = String(t || "").trim();
   return e ? e.split(/[-_\s]+/).filter(Boolean).map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" ") : "";
 }
-function Nn(t) {
+function zn(t) {
   if (!Array.isArray(t) || !t.length)
     return B.map((r) => ({ ...r }));
   const e = /* @__PURE__ */ new Set(), n = [];
   for (const r of t) {
-    let i = "", o = "";
-    typeof r == "string" || typeof r == "number" ? (i = Wt(r), o = ft(i)) : r && typeof r == "object" && (i = Wt(r.id ?? r.value ?? r.kind), o = String(r.label || r.name || ft(i)).trim() || ft(i)), !(!i || e.has(i)) && (e.add(i), n.push({ id: i, label: o }));
+    let o = "", i = "";
+    typeof r == "string" || typeof r == "number" ? (o = Wt(r), i = ft(o)) : r && typeof r == "object" && (o = Wt(r.id ?? r.value ?? r.kind), i = String(r.label || r.name || ft(o)).trim() || ft(o)), !(!o || e.has(o)) && (e.add(o), n.push({ id: o, label: i }));
   }
   return n.length ? n : B.map((r) => ({ ...r }));
 }
@@ -911,27 +944,27 @@ function at(t) {
   const e = Array.isArray(t) && t.length ? t : B;
   return e.some((r) => r.id === "bug") ? "bug" : ((n = e[0]) == null ? void 0 : n.id) || "other";
 }
-const Vn = ["maker", "all-business", "brighter-day", "quiet-night"], ue = "maker", zn = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), wt = 0.02, qt = 0.05, Wn = `
+const qn = ["maker", "all-business", "brighter-day", "quiet-night"], de = "maker", Wn = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), wt = 0.02, Kt = 0.05, Kn = `
   <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 P(t) {
+function T(t) {
   return `<svg class="nf-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${t}</svg>`;
 }
 const I = {
-  crop: P('<path d="M6 3v5H1M18 21v-5h5M8 5h8a2 2 0 0 1 2 2v8M16 19H8a2 2 0 0 1-2-2V8"/>'),
-  resetCrop: P('<path d="M3 12a9 9 0 1 0 3-6.7L3 8"/><path d="M3 3v5h5"/>'),
-  arrow: P('<path d="M5 19 19 5"/><path d="M9 5h10v10"/>'),
-  rect: P('<rect x="4" y="6" width="16" height="12" rx="1.5"/>'),
-  circle: P('<circle cx="12" cy="12" r="8"/>'),
-  discard: P('<path d="M4 7h16"/><path d="M9 7V5h6v2"/><path d="M6 7l1 13h10l1-13"/>'),
-  audio: P('<rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0 0 14 0"/><path d="M12 18v3"/>'),
-  video: P('<rect x="3" y="7" width="13" height="10" rx="2"/><path d="M16 10.5 21 8v8l-5-2.5z"/>')
-}, de = Tn();
-de.hook();
-const fe = 10, qn = 80, he = "notefully.author", bt = "Anonymous";
+  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"/>')
+}, fe = In();
+fe.hook();
+const he = 10, Xn = 80, pe = "notefully.author", bt = "Anonymous";
 let d = {
   endpoint: "",
   projectKey: "",
@@ -939,22 +972,22 @@ let d = {
   name: "",
   targets: null,
   hideLauncher: !1,
-  theme: ue,
+  theme: de,
   video: !1,
-  consoleLogLimit: fe,
+  consoleLogLimit: he,
   kinds: B.map((t) => ({ ...t }))
-}, R = {}, h = null, s = {}, y = ce(), S = "", K = "", A = null, U = at(B), H = null, $ = null, b = null, w = null, Q = null, D = null, q = null, O = { w: 0, h: 0 }, ht = !1, $t = !1;
+}, R = {}, h = null, s = {}, y = le(), S = "", K = "", $ = null, U = at(B), H = null, L = null, b = null, w = null, Q = null, D = null, W = null, O = { w: 0, h: 0 }, ht = !1, Lt = !1;
 function g(t) {
   return h.querySelector(t);
 }
-function pe(t) {
+function me(t) {
   const e = String(t || "").trim().toLowerCase().replace(/\s+/g, "-");
-  return Vn.includes(e) ? e : ue;
+  return qn.includes(e) ? e : de;
 }
-function Kt(t, e) {
+function Xt(t, e) {
   return h && getComputedStyle(h).getPropertyValue(t).trim() || e;
 }
-async function Kn(t) {
+async function Yn(t) {
   return (await fetch(t)).blob();
 }
 function v(t, e = !1) {
@@ -964,7 +997,7 @@ function v(t, e = !1) {
 }
 function Rt() {
   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…">${Wn}</button>
+      <button class="nf-launcher" type="button" title="Leave a note…" aria-label="Leave a note…">${Kn}</button>
       <div class="nf-dialog" hidden>
         <div class="nf-panel">
           <div class="nf-panel-body">
@@ -1013,52 +1046,52 @@ function Rt() {
     resetCrop: g(".nf-reset-crop"),
     submit: g(".nf-submit"),
     shot: null
-  }, Xn(), X()), h;
+  }, Gn(), X()), h;
 }
 function X() {
   var t;
-  h && (h.dataset.theme = pe(d.theme), d.hideLauncher ? h.setAttribute("data-nf-hidden-launcher", "") : h.removeAttribute("data-nf-hidden-launcher"), s.video && (s.video.hidden = !d.video), me(), (t = s.dialog) != null && t.hidden && nt());
+  h && (h.dataset.theme = me(d.theme), d.hideLauncher ? h.setAttribute("data-nf-hidden-launcher", "") : h.removeAttribute("data-nf-hidden-launcher"), s.video && (s.video.hidden = !d.video), ye(), (t = s.dialog) != null && t.hidden && nt());
 }
 function nt() {
   s.launcher && (s.launcher.hidden = !!d.hideLauncher);
 }
-function Xn() {
-  s.launcher.addEventListener("click", () => Ee()), g(".nf-dialog").addEventListener("click", (e) => {
-    $t || e.target === s.dialog && J();
+function Gn() {
+  s.launcher.addEventListener("click", () => Ce()), g(".nf-dialog").addEventListener("click", (e) => {
+    Lt || e.target === s.dialog && J();
   }), h.querySelectorAll(".nf-tool").forEach((e) => {
     e.addEventListener("click", () => St(e.dataset.tool));
-  }), s.resetCrop.addEventListener("click", er), s.canvas.addEventListener("pointerdown", Gn), s.canvas.addEventListener("dragstart", (e) => e.preventDefault());
+  }), s.resetCrop.addEventListener("click", rr), s.canvas.addEventListener("pointerdown", Qn), s.canvas.addEventListener("dragstart", (e) => e.preventDefault());
   const t = g(".nf-kind");
   t && t.addEventListener("click", (e) => {
     const n = e.target.closest("[data-kind]");
-    n && At(n.dataset.kind);
-  }), s.discard.addEventListener("click", nr), s.restore.addEventListener("click", rr), s.audio.addEventListener("click", ir), s.video.addEventListener("click", or), s.stop.addEventListener("click", () => q == null ? void 0 : q.stop()), g(".nf-submit").addEventListener("click", () => {
-    Me().catch((e) => v(e.message || "Submit failed."));
-  }), me(), St(null);
+    n && $t(n.dataset.kind);
+  }), s.discard.addEventListener("click", ir), s.restore.addEventListener("click", or), s.audio.addEventListener("click", ar), s.video.addEventListener("click", sr), s.stop.addEventListener("click", () => W == null ? void 0 : W.stop()), g(".nf-submit").addEventListener("click", () => {
+    Ae().catch((e) => v(e.message || "Submit failed."));
+  }), ye(), St(null);
 }
-function Xt(t) {
+function Yt(t) {
   return String(t || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function me() {
+function ye() {
   const t = h == null ? void 0 : h.querySelector(".nf-kind");
   if (!t)
     return;
   const e = Array.isArray(d.kinds) && d.kinds.length ? d.kinds : B;
-  t.innerHTML = e.map((i) => `<button type="button" data-kind="${Xt(i.id)}">${Xt(i.label)}</button>`).join("");
-  const r = e.map((i) => i.id).includes(U) ? U : at(e);
-  At(r);
+  t.innerHTML = e.map((o) => `<button type="button" data-kind="${Yt(o.id)}">${Yt(o.label)}</button>`).join("");
+  const r = e.map((o) => o.id).includes(U) ? U : at(e);
+  $t(r);
 }
-function At(t) {
+function $t(t) {
   U = (d.kinds || B).map((n) => n.id).includes(t) ? t : at(d.kinds), h == null || h.querySelectorAll("[data-kind]").forEach((n) => {
     n.dataset.active = String(n.dataset.kind === U);
   });
 }
 function St(t) {
-  H = zn.has(t) ? t : null, $ = null, h.querySelectorAll(".nf-tool").forEach((e) => {
+  H = Wn.has(t) ? t : null, L = null, h.querySelectorAll(".nf-tool").forEach((e) => {
     e.dataset.active = String(e.dataset.tool === H);
   }), s.canvas && (s.canvas.dataset.draw = H ? "true" : "false"), S && M();
 }
-function Yt(t) {
+function Gt(t) {
   return Math.min(1, Math.max(0, t));
 }
 function Y() {
@@ -1067,15 +1100,15 @@ function Y() {
 function rt(t) {
   const e = Y().getBoundingClientRect();
   return {
-    x: Yt((t.clientX - e.left) / Math.max(e.width, 1)),
-    y: Yt((t.clientY - e.top) / Math.max(e.height, 1))
+    x: Gt((t.clientX - e.left) / Math.max(e.width, 1)),
+    y: Gt((t.clientY - e.top) / Math.max(e.height, 1))
   };
 }
-function Yn(t) {
+function Jn(t) {
   const e = Y().getBoundingClientRect();
   return t.clientX >= e.left && t.clientX <= e.right && t.clientY >= e.top && t.clientY <= e.bottom;
 }
-function ye(t) {
+function ge(t) {
   const e = rt(t), n = y.crop();
   return {
     x: n.x + e.x * n.w,
@@ -1091,7 +1124,7 @@ function st(t, e) {
     h: Math.max(wt, Math.abs(e.y - t.y))
   };
 }
-function kt(t) {
+function Pt(t) {
   h && (t ? h.dataset.grabbing = "true" : delete h.dataset.grabbing);
 }
 function pt(t) {
@@ -1101,42 +1134,42 @@ function pt(t) {
   }
 }
 function vt() {
-  window.addEventListener("pointermove", we), window.addEventListener("pointerup", it), window.addEventListener("pointercancel", it);
+  window.addEventListener("pointermove", be), window.addEventListener("pointerup", it), window.addEventListener("pointercancel", it);
 }
-function ge() {
-  window.removeEventListener("pointermove", we), window.removeEventListener("pointerup", it), window.removeEventListener("pointercancel", it);
+function we() {
+  window.removeEventListener("pointermove", be), window.removeEventListener("pointerup", it), window.removeEventListener("pointercancel", it);
 }
-function Gn(t) {
+function Qn(t) {
   if (t.button !== 0 || !S)
     return;
-  if (!t.target.closest(".nf-sticker") && !Yn(t)) {
-    $ = null, M();
+  if (!t.target.closest(".nf-sticker") && !Jn(t)) {
+    L = 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, pt(t), Jn({
+    t.preventDefault(), t.stopPropagation(), L = n.dataset.id, pt(t), Zn({
       kind: "sticker",
-      id: $,
+      id: L,
       dir: (e == null ? void 0 : e.dataset.dir) || "move"
     }, t), M();
     return;
   }
-  if ($ = null, H === "crop") {
+  if (L = null, H === "crop") {
     t.preventDefault(), pt(t), b = { kind: "crop", start: rt(t), current: rt(t) }, vt(), M();
     return;
   }
   if (H === "arrow" || H === "rect" || H === "circle") {
     t.preventDefault(), pt(t);
-    const r = ye(t);
+    const r = ge(t);
     b = { kind: "sticker", type: H, start: r, current: r }, vt(), M();
     return;
   }
   M();
 }
-function Jn(t, e) {
+function Zn(t, e) {
   e.preventDefault(), e.stopPropagation();
-  const n = Y().getBoundingClientRect(), r = y.list().find((i) => i.id === t.id);
+  const n = Y().getBoundingClientRect(), r = y.list().find((o) => o.id === t.id);
   w = {
     ...t,
     startX: e.clientX,
@@ -1144,11 +1177,11 @@ function Jn(t, e) {
     crop: y.crop(),
     sticker: r ? { ...r } : null,
     rect: n
-  }, kt(t.dir === "move" || t.dir === "start" || t.dir === "end"), vt();
+  }, Pt(t.dir === "move" || t.dir === "start" || t.dir === "end"), vt();
 }
-function we(t) {
+function be(t) {
   if (b) {
-    b.current = b.kind === "crop" ? rt(t) : ye(t), M();
+    b.current = b.kind === "crop" ? rt(t) : ge(t), M();
     return;
   }
   if (!w)
@@ -1173,58 +1206,58 @@ function we(t) {
         y2: (r.y2 || r.y) + n
       });
     else {
-      const i = { x: r.x, y: r.y, w: r.w, h: r.h };
-      Qn(i, w.dir, e, n), y.update(r.id, i);
+      const o = { x: r.x, y: r.y, w: r.w, h: r.h };
+      tr(o, w.dir, e, n), y.update(r.id, o);
     }
     M();
   }
 }
-function Qn(t, e, n, r) {
+function tr(t, e, n, r) {
   if (e.includes("e") && (t.w = Math.max(0.04, t.w + n)), e.includes("s") && (t.h = Math.max(0.04, t.h + r)), e.includes("w")) {
-    const i = Math.max(0.04, t.w - n);
-    t.x += t.w - i, t.w = i;
+    const o = Math.max(0.04, t.w - n);
+    t.x += t.w - o, t.w = o;
   }
   if (e.includes("n")) {
-    const i = Math.max(0.04, t.h - r);
-    t.y += t.h - i, t.h = i;
+    const o = Math.max(0.04, t.h - r);
+    t.y += t.h - o, t.h = o;
   }
 }
 function it(t) {
-  if (ge(), kt(!1), b) {
-    Zn();
+  if (we(), Pt(!1), b) {
+    er();
     return;
   }
   if (w) {
     if (w.kind === "sticker") {
       const e = s.canvas.getBoundingClientRect();
-      (t.clientX < e.left - 24 || t.clientX > e.right + 24 || t.clientY < e.top - 24 || t.clientY > e.bottom + 24) && (y.remove(w.id), $ = null);
+      (t.clientX < e.left - 24 || t.clientX > e.right + 24 || t.clientY < e.top - 24 || t.clientY > e.bottom + 24) && (y.remove(w.id), L = null);
     }
     w = null, M();
   }
 }
-function Zn() {
+function er() {
   const t = b;
   if (b = null, !t)
     return;
   if (t.kind === "crop") {
     const n = st(t.start, t.current);
-    if (Math.abs(t.current.x - t.start.x) < qt || Math.abs(t.current.y - t.start.y) < qt) {
+    if (Math.abs(t.current.x - t.start.x) < Kt || Math.abs(t.current.y - t.start.y) < Kt) {
       M();
       return;
     }
-    const i = y.crop();
+    const o = y.crop();
     y.setCrop({
-      x: i.x + n.x * i.w,
-      y: i.y + n.y * i.h,
-      w: n.w * i.w,
-      h: n.h * i.h
+      x: o.x + n.x * o.w,
+      y: o.y + n.y * o.h,
+      w: n.w * o.w,
+      h: n.h * o.h
     }), G();
     return;
   }
-  const e = tr(t);
-  e && ($ = e.id), M();
+  const e = nr(t);
+  e && (L = e.id), M();
 }
-function tr(t) {
+function nr(t) {
   if (t.type === "arrow") {
     const e = t.current.x - t.start.x, n = t.current.y - t.start.y;
     return Math.hypot(e, n) < wt ? y.add("arrow", {
@@ -1245,27 +1278,27 @@ function tr(t) {
   }
   return y.add(t.type, st(t.start, t.current));
 }
-function er() {
-  y.resetCrop(), $ = null, G();
+function rr() {
+  y.resetCrop(), L = null, G();
 }
 function xt() {
   s.resetCrop && (s.resetCrop.hidden = !y.isCropped());
 }
-function Tt(t) {
+function kt(t) {
   if (!s.audio)
     return;
   const e = t ? "Stop audio" : "Record audio";
   s.audio.title = e, s.audio.setAttribute("aria-label", e), s.audio.dataset.active = String(!!t);
 }
-function nr() {
+function ir() {
   S && (K = S), S = "", s.stage.hidden = !0, s.restore.hidden = !K;
 }
-function rr() {
+function or() {
   K && (S = K, s.stage.hidden = !1, s.restore.hidden = !0, G());
 }
-function ir() {
+function ar() {
   try {
-    if (D || (D = Pn((e) => {
+    if (D || (D = On((e) => {
       const n = s.text.value.trim();
       s.text.value = n ? `${n} ${e}` : e;
     })), !D.isSupported()) {
@@ -1273,53 +1306,53 @@ function ir() {
       return;
     }
     const t = D.start();
-    Tt(t), v(t ? "Listening…" : "");
+    kt(t), v(t ? "Listening…" : "");
   } catch (t) {
     v(t.message);
   }
 }
-async function or() {
+async function sr() {
   if (!d.video) {
     v("Video is disabled on this host.");
     return;
   }
-  s.dialog.hidden = !0, s.stop.hidden = !1, X(), s.launcher.hidden = !0, q = On({
+  s.dialog.hidden = !0, s.stop.hidden = !1, X(), s.launcher.hidden = !0, W = Fn({
     onStart() {
     },
     onStop(t) {
-      A = t, s.stop.hidden = !0, nt(), s.dialog.hidden = !1, G(), v(t ? "Video attached." : "Recording cancelled.");
+      $ = t, s.stop.hidden = !0, nt(), s.dialog.hidden = !1, G(), v(t ? "Video attached." : "Recording cancelled.");
     },
     onError(t) {
       v(t.message);
     }
   });
   try {
-    await q.start();
+    await W.start();
   } catch (t) {
     s.stop.hidden = !0, nt(), s.dialog.hidden = !1, v(t.message);
   }
 }
 function G() {
   if (s.shot = null, !S) {
-    s.canvas.style.removeProperty("--nf-shot-aspect"), s.canvas.style.removeProperty("aspect-ratio"), s.canvas.innerHTML = A ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL(A)}"></video>` : "", xt();
+    s.canvas.style.removeProperty("--nf-shot-aspect"), s.canvas.style.removeProperty("aspect-ratio"), s.canvas.innerHTML = $ ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL($)}"></video>` : "", xt();
     return;
   }
   s.canvas.innerHTML = `<div class="nf-shot"><img alt="Screenshot" src="${S}" draggable="false"></div>`, s.shot = s.canvas.querySelector(".nf-shot");
   const t = s.shot.querySelector("img");
   t.draggable = !1, t.addEventListener("dragstart", (n) => n.preventDefault());
   const e = () => {
-    ar(t), M();
+    cr(t), M();
   };
   t.addEventListener("load", e), t.complete && t.naturalWidth && e();
 }
-function ar(t) {
+function cr(t) {
   const e = t.naturalWidth || O.w, n = t.naturalHeight || O.h;
   if (e && n && (O = { w: e, h: n }, s.canvas.style.setProperty("--nf-shot-aspect", String(e / n)), s.canvas.style.aspectRatio = `${e} / ${n}`), !s.shot || !O.w || !O.h)
     return;
-  const r = y.crop(), i = O.w / O.h, o = r.w / r.h * i, a = Math.min(1, o / i), c = Math.min(1, i / o);
+  const r = y.crop(), o = O.w / O.h, i = r.w / r.h * o, a = Math.min(1, i / o), c = Math.min(1, o / i);
   s.shot.style.left = `${(1 - a) / 2 * 100}%`, s.shot.style.top = `${(1 - c) / 2 * 100}%`, s.shot.style.width = `${a * 100}%`, s.shot.style.height = `${c * 100}%`, t.style.width = `${100 / r.w}%`, t.style.height = `${100 / r.h}%`, t.style.left = `${-r.x / r.w * 100}%`, t.style.top = `${-r.y / r.h * 100}%`;
 }
-function sr(t) {
+function lr(t) {
   return t.type === "arrow" ? {
     id: "preview",
     type: "arrow",
@@ -1338,90 +1371,90 @@ function sr(t) {
   };
 }
 function M() {
-  if ((s.shot || s.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((o) => o.remove()), !S || !s.shot) {
+  if ((s.shot || s.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((i) => i.remove()), !S || !s.shot) {
     xt();
     return;
   }
-  const e = y.crop(), n = Y(), r = Lt(n.clientWidth || 400);
+  const e = y.crop(), n = Y(), r = At(n.clientWidth || 400);
   if (s.shot.style.setProperty("--nf-anno-stroke", `${r.stroke}px`), s.shot.style.setProperty("--nf-anno-badge", `${r.badgeRadius * 2}px`), s.shot.style.setProperty("--nf-anno-badge-font", `${r.fontSize}px`), s.shot.style.setProperty("--nf-anno-handle", `${Math.max(8, r.stroke * 2.5)}px`), (b == null ? void 0 : b.kind) === "crop") {
-    const o = document.createElement("div");
-    o.className = "nf-crop", Gt(o, st(b.start, b.current), { x: 0, y: 0, w: 1, h: 1 }), s.shot.appendChild(o);
+    const i = document.createElement("div");
+    i.className = "nf-crop", Jt(i, st(b.start, b.current), { x: 0, y: 0, w: 1, h: 1 }), s.shot.appendChild(i);
   }
-  const i = y.list().slice();
-  if ((b == null ? void 0 : b.kind) === "sticker" && i.push(sr(b)), i.forEach((o) => {
-    const a = o.id === "preview", c = !a && o.id === $, l = document.createElement("div");
-    if (l.className = `nf-sticker nf-${o.type}`, l.dataset.id = o.id, c && (l.dataset.selected = "true"), a && (l.dataset.preview = "true"), o.type === "arrow" ? cr(l, o, e, c, r) : (Gt(l, o, e), c && ["nw", "ne", "sw", "se"].forEach((u) => Et(l, u))), !a && o.number) {
+  const o = y.list().slice();
+  if ((b == null ? void 0 : b.kind) === "sticker" && o.push(lr(b)), o.forEach((i) => {
+    const a = i.id === "preview", c = !a && i.id === L, l = document.createElement("div");
+    if (l.className = `nf-sticker nf-${i.type}`, l.dataset.id = i.id, c && (l.dataset.selected = "true"), a && (l.dataset.preview = "true"), i.type === "arrow" ? ur(l, i, e, c, r) : (Jt(l, i, e), c && ["nw", "ne", "sw", "se"].forEach((u) => Et(l, u))), !a && i.number) {
       const u = document.createElement("span");
-      u.className = "nf-badge", u.textContent = String(o.number), l.appendChild(u);
+      u.className = "nf-badge", u.textContent = String(i.number), l.appendChild(u);
     }
     s.shot.appendChild(l);
-  }), s.canvas.querySelectorAll(":scope > .nf-recording-preview").forEach((o) => o.remove()), A) {
-    const o = document.createElement("video");
-    o.className = "nf-recording-preview", o.controls = !0, o.src = URL.createObjectURL(A), o.style.position = "absolute", o.style.right = "8px", o.style.bottom = "8px", o.style.width = "160px", s.canvas.appendChild(o);
+  }), s.canvas.querySelectorAll(":scope > .nf-recording-preview").forEach((i) => i.remove()), $) {
+    const i = document.createElement("video");
+    i.className = "nf-recording-preview", i.controls = !0, i.src = URL.createObjectURL($), i.style.position = "absolute", i.style.right = "8px", i.style.bottom = "8px", i.style.width = "160px", s.canvas.appendChild(i);
   }
   xt();
 }
-function cr(t, e, n, r, i = Lt(400)) {
-  const o = Y(), a = o.clientWidth, c = o.clientHeight, l = (e.x - n.x) / n.w * a, u = (e.y - n.y) / n.h * c, f = ((e.x2 ?? e.x + e.w) - n.x) / n.w * a, p = ((e.y2 ?? e.y) - n.y) / n.h * c, m = Math.max(18, i.arrowHead + i.stroke * 2), x = Math.min(l, f) - m, L = Math.min(u, p) - m, k = Math.max(2, Math.abs(f - l)) + m * 2, W = Math.max(2, Math.abs(p - u)) + m * 2, j = l - x, _ = u - L, ct = f - x, lt = p - L, T = le(j, _, ct, lt, i), N = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  t.style.left = `${x}px`, t.style.top = `${L}px`, t.style.width = `${k}px`, t.style.height = `${W}px`, N.setAttribute("class", "nf-arrow-svg"), N.setAttribute("viewBox", `0 0 ${k} ${W}`), N.setAttribute("width", String(k)), N.setAttribute("height", String(W)), N.innerHTML = `
-      <line class="nf-arrow-hit" x1="${j}" y1="${_}" x2="${ct}" y2="${lt}" />
-      <line class="nf-arrow-shaft" x1="${j}" y1="${_}" 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(N), r && (Et(t, "start", { left: j - 5, top: _ - 5 }), Et(t, "end", { left: ct - 5, top: lt - 5 }));
+function ur(t, e, n, r, o = At(400)) {
+  const i = Y(), a = i.clientWidth, c = i.clientHeight, l = (e.x - n.x) / n.w * a, u = (e.y - n.y) / n.h * c, f = ((e.x2 ?? e.x + e.w) - n.x) / n.w * a, p = ((e.y2 ?? e.y) - n.y) / n.h * c, m = Math.max(18, o.arrowHead + o.stroke * 2), x = Math.min(l, f) - m, A = Math.min(u, p) - m, P = Math.max(2, Math.abs(f - l)) + m * 2, q = Math.max(2, Math.abs(p - u)) + m * 2, j = l - x, N = u - A, ct = f - x, lt = p - A, k = ue(j, N, ct, lt, o), _ = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  t.style.left = `${x}px`, t.style.top = `${A}px`, t.style.width = `${P}px`, t.style.height = `${q}px`, _.setAttribute("class", "nf-arrow-svg"), _.setAttribute("viewBox", `0 0 ${P} ${q}`), _.setAttribute("width", String(P)), _.setAttribute("height", String(q)), _.innerHTML = `
+      <line class="nf-arrow-hit" x1="${j}" y1="${N}" x2="${ct}" y2="${lt}" />
+      <line class="nf-arrow-shaft" x1="${j}" y1="${N}" x2="${k.shaftEnd.x}" y2="${k.shaftEnd.y}" />
+      <polygon class="nf-arrow-head" points="${k.tipX},${k.tipY} ${k.left.x},${k.left.y} ${k.right.x},${k.right.y}" />
+    `, t.appendChild(_), r && (Et(t, "start", { left: j - 5, top: N - 5 }), Et(t, "end", { left: ct - 5, top: lt - 5 }));
 }
 function Et(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 Gt(t, e, n) {
+function Jt(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 lr() {
+function dr() {
   try {
-    return String(localStorage.getItem(he) || "").trim();
+    return String(localStorage.getItem(pe) || "").trim();
   } catch {
     return "";
   }
 }
-function ur(t) {
+function fr(t) {
   const e = String(t || "").trim();
   if (!(!e || e === bt))
     try {
-      localStorage.setItem(he, e);
+      localStorage.setItem(pe, e);
     } catch {
     }
 }
-function be() {
+function Se() {
   return !!(String(R.userId || "").trim() || String(R.email || "").trim() || String(R.displayName || "").trim());
 }
-function dr() {
+function hr() {
   return String(
     R.displayName || R.email || R.userId || ""
   ).trim();
 }
-function fr() {
+function pr() {
   var e;
-  if (be())
-    return dr() || bt;
+  if (Se())
+    return hr() || bt;
   const t = String(((e = s.author) == null ? void 0 : e.value) || "").trim();
-  return t ? (ur(t), t) : bt;
+  return t ? (fr(t), t) : bt;
 }
-function Se() {
+function ve() {
   if (!s.author)
     return;
-  const t = be();
+  const t = Se();
   if (s.author.hidden = t, t) {
     s.author.value = "";
     return;
   }
-  s.author.value = lr();
+  s.author.value = dr();
 }
-function ve(t, e = fe) {
+function xe(t, e = he) {
   const n = Number(t);
-  return Number.isFinite(n) ? Math.min(qn, Math.max(0, Math.floor(n))) : e;
+  return Number.isFinite(n) ? Math.min(Xn, Math.max(0, Math.floor(n))) : e;
 }
-function xe(t = {}) {
-  An(t);
+function Ee(t = {}) {
+  kn(t);
   const e = Object.prototype.hasOwnProperty.call(t, "kinds");
   d = {
     ...d,
@@ -1431,48 +1464,48 @@ function xe(t = {}) {
     name: t.name == null ? d.name : String(t.name || ""),
     targets: t.targets === void 0 ? d.targets : t.targets,
     hideLauncher: t.hideLauncher == null ? d.hideLauncher : !!t.hideLauncher,
-    theme: pe(t.theme ?? d.theme),
+    theme: me(t.theme ?? d.theme),
     video: t.video == null ? d.video : !!t.video,
-    consoleLogLimit: t.consoleLogLimit == null ? d.consoleLogLimit : ve(t.consoleLogLimit, d.consoleLogLimit),
-    kinds: e ? Nn(t.kinds) : d.kinds
+    consoleLogLimit: t.consoleLogLimit == null ? d.consoleLogLimit : xe(t.consoleLogLimit, d.consoleLogLimit),
+    kinds: e ? zn(t.kinds) : d.kinds
   };
 }
-function Pt(t = {}) {
-  return xe(t), h && X(), It;
+function Tt(t = {}) {
+  return Ee(t), h && X(), It;
 }
-function hr(t = {}) {
-  return xe(t), Rt(), X(), It;
+function mr(t = {}) {
+  return Ee(t), Rt(), X(), It;
 }
-function pr(t) {
-  return Pt({ theme: t });
+function yr(t) {
+  return Tt({ theme: t });
 }
-function mr(t) {
+function gr(t) {
   const e = !!t;
-  return !e && h && s.dialog && !s.dialog.hidden && J(), Pt({ hideLauncher: !e });
+  return !e && h && s.dialog && !s.dialog.hidden && J(), Tt({ hideLauncher: !e });
 }
-async function Ee() {
-  Rt(), Ce(), X(), s.launcher.hidden = !0, y = ce(), O = { w: 0, h: 0 }, A = null, $ = null, b = null, w = null, U = at(d.kinds), At(U), St(null), Tt(!1), s.text.value = "", Se(), v("");
+async function Ce() {
+  Rt(), Me(), X(), s.launcher.hidden = !0, y = le(), O = { w: 0, h: 0 }, $ = null, L = null, b = null, w = null, U = at(d.kinds), $t(U), St(null), kt(!1), s.text.value = "", ve(), v("");
   try {
-    S = await Cn(), K = S, s.stage.hidden = !1, s.restore.hidden = !0, v("");
+    S = await An(), K = S, s.stage.hidden = !1, s.restore.hidden = !0, v("");
   } catch {
     S = "", v("Screenshot failed; you can still send text.");
   }
   s.dialog.hidden = !1, G(), s.text.focus();
 }
 function J() {
-  h && (D == null || D.stop(), Tt(!1), ge(), b = null, w = null, kt(!1), Ce(), s.dialog.hidden = !0, s.stop.hidden = !0, nt());
+  h && (D == null || D.stop(), kt(!1), we(), b = null, w = null, Pt(!1), Me(), s.dialog.hidden = !0, s.stop.hidden = !0, nt());
 }
-function yr() {
+function wr() {
   const t = s.dialog, e = s.panel, n = s.panelBody, r = s.successMsg;
   if (!t || !e || !n || !r)
     return Promise.resolve();
-  $t = !0, v("");
-  const i = typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches, o = e.getBoundingClientRect();
-  if (n.hidden = !0, r.hidden = !1, t.classList.add("nf-success"), t.style.opacity = "1", i)
+  Lt = !0, v("");
+  const o = typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches, i = e.getBoundingClientRect();
+  if (n.hidden = !0, r.hidden = !1, t.classList.add("nf-success"), t.style.opacity = "1", o)
     return new Promise((u) => {
       window.setTimeout(() => u(), 1e3);
     });
-  const a = e.getBoundingClientRect(), c = a.width > 0 ? o.width / a.width : 1, l = a.height > 0 ? o.height / a.height : 1;
+  const a = e.getBoundingClientRect(), c = a.width > 0 ? i.width / a.width : 1, l = a.height > 0 ? i.height / a.height : 1;
   return e.style.transformOrigin = "center center", e.style.transition = "none", e.style.transform = `scale(${c}, ${l})`, e.getBoundingClientRect(), new Promise((u) => {
     let f = !1;
     const p = () => {
@@ -1487,46 +1520,46 @@ function yr() {
     }), window.setTimeout(p, 700);
   });
 }
-function Ce() {
-  $t = !1, s.dialog && (s.dialog.classList.remove("nf-success"), s.dialog.style.opacity = "", s.dialog.style.transition = "", s.panel && (s.panel.style.transform = "", s.panel.style.transition = "", s.panel.style.transformOrigin = ""), s.panelBody && (s.panelBody.hidden = !1), s.successMsg && (s.successMsg.hidden = !0));
+function Me() {
+  Lt = !1, s.dialog && (s.dialog.classList.remove("nf-success"), s.dialog.style.opacity = "", s.dialog.style.transition = "", s.panel && (s.panel.style.transform = "", s.panel.style.transition = "", s.panel.style.transformOrigin = ""), s.panelBody && (s.panelBody.hidden = !1), s.successMsg && (s.successMsg.hidden = !0));
 }
-function gr(t = {}) {
-  R = { ...R, ...Rn(t) }, Se();
+function br(t = {}) {
+  R = { ...R, ...Pn(t) }, ve();
 }
-async function Me() {
+async function Ae() {
   if (Rt(), ht)
     return null;
   const t = s.text.value.trim();
-  if (!t && !S && !A)
+  if (!t && !S && !$)
     return v("Add a note, screenshot, or video first."), null;
   if (!d.endpoint || !d.projectKey)
     return v("Notefully is missing endpoint or projectKey."), null;
-  ht = !0, Jt(!0), v("Submitting…", !0);
+  ht = !0, Qt(!0), v("Submitting…", !0);
   try {
-    const e = fr(), n = new FormData();
+    const e = pr(), n = new FormData();
     if (n.append("message", t), n.append("kind", U), n.append("version", d.version || "0.0.0"), n.append("author", e), d.name && n.append("name", d.name), n.append("context", JSON.stringify({
       ...$n({
         ...R,
         displayName: R.displayName || e
       }),
       author: e,
-      console: de.snapshot().slice(-ve(d.consoleLogLimit))
+      console: fe.snapshot().slice(-xe(d.consoleLogLimit))
     })), n.append("annotations", JSON.stringify(y.list())), n.append("crop", JSON.stringify(y.crop())), Array.isArray(d.targets) && n.append("targets", JSON.stringify(d.targets)), S) {
-      const o = await Kn(S);
-      if (n.append("screenshot", o, "screenshot.png"), y.list().length || y.isCropped()) {
-        const a = await _n(
+      const i = await Yn(S);
+      if (n.append("screenshot", i, "screenshot.png"), y.list().length || y.isCropped()) {
+        const a = await Vn(
           S,
           y.crop(),
           y.list(),
           {
-            mark: Kt("--nf-mark", "#fdd341"),
-            markText: Kt("--nf-mark-text", "#2a2140")
+            mark: Xt("--nf-mark", "#fdd341"),
+            markText: Xt("--nf-mark-text", "#2a2140")
           }
         );
         n.append("screenshotBaked", a, "screenshot.baked.png");
       }
     }
-    A && n.append("recording", A, "recording.webm");
+    $ && n.append("recording", $, "recording.webm");
     const r = await fetch(`${d.endpoint}/v1/reports`, {
       method: "POST",
       headers: {
@@ -1534,36 +1567,36 @@ async function Me() {
       },
       body: n
     });
-    let i = null;
+    let o = null;
     try {
-      i = await r.json();
+      o = await r.json();
     } catch {
-      i = null;
+      o = null;
     }
     if (!r.ok)
-      throw v((i == null ? void 0 : i.error) || "Submit failed."), new Error((i == null ? void 0 : i.error) || `Submit failed (${r.status})`);
-    return await yr(), J(), i;
+      throw v((o == null ? void 0 : o.error) || "Submit failed."), new Error((o == null ? void 0 : o.error) || `Submit failed (${r.status})`);
+    return await wr(), J(), o;
   } finally {
-    ht = !1, Jt(!1);
+    ht = !1, Qt(!1);
   }
 }
-function Jt(t) {
+function Qt(t) {
   s.submit && (s.submit.disabled = !!t, s.submit.setAttribute("aria-busy", t ? "true" : "false"));
 }
-function wr() {
+function Sr() {
   J(), h == null || h.remove(), h = null, s = {};
 }
-const It = { init: hr, configure: Pt, setTheme: pr, setVisible: mr, open: Ee, close: J, identify: gr, submit: Me, destroy: wr };
+const It = { init: mr, configure: Tt, setTheme: yr, setVisible: gr, open: Ce, close: J, identify: br, submit: Ae, destroy: Sr };
 typeof window < "u" && (window.Notefully = It);
 export {
   J as close,
-  Pt as configure,
+  Tt as configure,
   It as default,
-  wr as destroy,
-  gr as identify,
-  hr as init,
-  Ee as open,
-  pr as setTheme,
-  mr as setVisible,
-  Me as submit
+  Sr as destroy,
+  br as identify,
+  mr as init,
+  Ce as open,
+  yr as setTheme,
+  gr as setVisible,
+  Ae as submit
 };