@makefully/notefully 0.1.5 → 0.1.7

package/dist/notefully.js

@@ -1,4 +1,4 @@
-function oe(t, e) {
+function le(t, e) {
   if (t.match(/^[a-z]+:\/\//i))
     return t;
   if (t.match(/^\/\//))
@@ -8,7 +8,7 @@ function oe(t, e) {
   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 se = /* @__PURE__ */ (() => {
+const ue = /* @__PURE__ */ (() => {
   let t = 0;
   const e = () => (
     // eslint-disable-next-line no-bitwise
@@ -23,26 +23,26 @@ function j(t) {
   return e;
 }
 let _ = null;
-function jt(t = {}) {
+function Vt(t = {}) {
   return _ || (t.includeStyleProperties ? (_ = t.includeStyleProperties, _) : (_ = j(window.getComputedStyle(document.documentElement)), _));
 }
 function X(t, e) {
   const n = (t.ownerDocument.defaultView || window).getComputedStyle(t).getPropertyValue(e);
   return n ? parseFloat(n.replace("px", "")) : 0;
 }
-function ce(t) {
+function de(t) {
   const e = X(t, "border-left-width"), r = X(t, "border-right-width");
   return t.clientWidth + e + r;
 }
-function le(t) {
+function fe(t) {
   const e = X(t, "border-top-width"), r = X(t, "border-bottom-width");
   return t.clientHeight + e + r;
 }
-function Ut(t, e = {}) {
-  const r = e.width || ce(t), n = e.height || le(t);
+function _t(t, e = {}) {
+  const r = e.width || de(t), n = e.height || fe(t);
   return { width: r, height: n };
 }
-function ue() {
+function he() {
   let t, e;
   try {
     e = process;
@@ -52,7 +52,7 @@ function ue() {
   return r && (t = parseInt(r, 10), Number.isNaN(t) && (t = 1)), t || window.devicePixelRatio || 1;
 }
 const M = 16384;
-function de(t) {
+function pe(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 Y(t) {
@@ -65,12 +65,12 @@ function Y(t) {
     }, n.onerror = r, n.crossOrigin = "anonymous", n.decoding = "async", n.src = t;
   });
 }
-async function fe(t) {
+async function me(t) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(t)).then(encodeURIComponent).then((e) => `data:image/svg+xml;charset=utf-8,${e}`);
 }
-async function he(t, e, r) {
+async function ye(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), fe(i);
+  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), me(i);
 }
 const C = (t, e) => {
   if (t instanceof e)
@@ -78,67 +78,67 @@ const C = (t, e) => {
   const r = Object.getPrototypeOf(t);
   return r === null ? !1 : r.constructor.name === e.name || C(r, e);
 };
-function pe(t) {
+function ge(t) {
   const e = t.getPropertyValue("content");
   return `${t.cssText} content: '${e.replace(/'|"/g, "")}';`;
 }
-function me(t, e) {
-  return jt(e).map((r) => {
+function we(t, e) {
+  return Vt(e).map((r) => {
     const n = t.getPropertyValue(r), i = t.getPropertyPriority(r);
     return `${r}: ${n}${i ? " !important" : ""};`;
   }).join(" ");
 }
-function ye(t, e, r, n) {
-  const i = `.${t}:${e}`, a = r.cssText ? pe(r) : me(r, n);
+function be(t, e, r, n) {
+  const i = `.${t}:${e}`, a = r.cssText ? ge(r) : we(r, n);
   return document.createTextNode(`${i}{${a}}`);
 }
-function Et(t, e, r, n) {
+function Mt(t, e, r, n) {
   const i = window.getComputedStyle(t, r), a = i.getPropertyValue("content");
   if (a === "" || a === "none")
     return;
-  const o = se();
+  const o = ue();
   try {
     e.className = `${e.className} ${o}`;
   } catch {
     return;
   }
   const s = document.createElement("style");
-  s.appendChild(ye(o, r, i, n)), e.appendChild(s);
+  s.appendChild(be(o, r, i, n)), e.appendChild(s);
 }
-function ge(t, e, r) {
-  Et(t, e, ":before", r), Et(t, e, ":after", r);
+function ve(t, e, r) {
+  Mt(t, e, ":before", r), Mt(t, e, ":after", r);
 }
-const Ct = "application/font-woff", Mt = "image/jpeg", we = {
-  woff: Ct,
-  woff2: Ct,
+const $t = "application/font-woff", Rt = "image/jpeg", xe = {
+  woff: $t,
+  woff2: $t,
   ttf: "application/font-truetype",
   eot: "application/vnd.ms-fontobject",
   png: "image/png",
-  jpg: Mt,
-  jpeg: Mt,
+  jpg: Rt,
+  jpeg: Rt,
   gif: "image/gif",
   tiff: "image/tiff",
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function be(t) {
+function Se(t) {
   const e = /\.([^./]*?)$/g.exec(t);
   return e ? e[1] : "";
 }
-function wt(t) {
-  const e = be(t).toLowerCase();
-  return we[e] || "";
+function vt(t) {
+  const e = Se(t).toLowerCase();
+  return xe[e] || "";
 }
-function ve(t) {
+function Ee(t) {
   return t.split(/,/)[1];
 }
-function ct(t) {
+function ut(t) {
   return t.search(/^(data:)/) !== -1;
 }
-function xe(t, e) {
+function Ce(t, e) {
   return `data:${e};base64,${t}`;
 }
-async function Vt(t, e, r) {
+async function Nt(t, e, r) {
   const n = await fetch(t, e);
   if (n.status === 404)
     throw new Error(`Resource "${n.url}" not found`);
@@ -154,86 +154,86 @@ async function Vt(t, e, r) {
     }, s.readAsDataURL(i);
   });
 }
-const at = {};
-function Se(t, e, r) {
+const ot = {};
+function Me(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 bt(t, e, r) {
-  const n = Se(t, e, r.includeQueryParams);
-  if (at[n] != null)
-    return at[n];
+async function xt(t, e, r) {
+  const n = Me(t, e, r.includeQueryParams);
+  if (ot[n] != null)
+    return ot[n];
   r.cacheBust && (t += (/\?/.test(t) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
   let i;
   try {
-    const a = await Vt(t, r.fetchRequestInit, ({ res: o, result: s }) => (e || (e = o.headers.get("Content-Type") || ""), ve(s)));
-    i = xe(a, e);
+    const a = await Nt(t, r.fetchRequestInit, ({ res: o, result: s }) => (e || (e = o.headers.get("Content-Type") || ""), Ee(s)));
+    i = Ce(a, e);
   } catch (a) {
     i = r.imagePlaceholder || "";
     let o = `Failed to fetch resource: ${t}`;
     a && (o = typeof a == "string" ? a : a.message), o && console.warn(o);
   }
-  return at[n] = i, i;
+  return ot[n] = i, i;
 }
-async function Ee(t) {
+async function $e(t) {
   const e = t.toDataURL();
   return e === "data:," ? t.cloneNode(!1) : Y(e);
 }
-async function Ce(t, e) {
+async function Re(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();
     return Y(s);
   }
-  const r = t.poster, n = wt(r), i = await bt(r, n, e);
+  const r = t.poster, n = vt(r), i = await xt(r, n, e);
   return Y(i);
 }
-async function Me(t, e) {
+async function Le(t, e) {
   var r;
   try {
     if (!((r = t == null ? void 0 : t.contentDocument) === null || r === void 0) && r.body)
-      return await tt(t.contentDocument.body, e, !0);
+      return await et(t.contentDocument.body, e, !0);
   } catch {
   }
   return t.cloneNode(!1);
 }
-async function $e(t, e) {
-  return C(t, HTMLCanvasElement) ? Ee(t) : C(t, HTMLVideoElement) ? Ce(t, e) : C(t, HTMLIFrameElement) ? Me(t, e) : t.cloneNode(Bt(t));
+async function Pe(t, e) {
+  return C(t, HTMLCanvasElement) ? $e(t) : C(t, HTMLVideoElement) ? Re(t, e) : C(t, HTMLIFrameElement) ? Le(t, e) : t.cloneNode(Wt(t));
 }
-const Re = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT", Bt = (t) => t.tagName != null && t.tagName.toUpperCase() === "SVG";
-async function Le(t, e, r) {
+const Te = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT", Wt = (t) => t.tagName != null && t.tagName.toUpperCase() === "SVG";
+async function ke(t, e, r) {
   var n, i;
-  if (Bt(e))
+  if (Wt(e))
     return e;
   let a = [];
-  return Re(t) && t.assignedNodes ? a = j(t.assignedNodes()) : C(t, HTMLIFrameElement) && (!((n = t.contentDocument) === null || n === void 0) && n.body) ? a = j(t.contentDocument.body.childNodes) : a = j(((i = t.shadowRoot) !== null && i !== void 0 ? i : t).childNodes), a.length === 0 || C(t, HTMLVideoElement) || await a.reduce((o, s) => o.then(() => tt(s, r)).then((l) => {
+  return Te(t) && t.assignedNodes ? a = j(t.assignedNodes()) : C(t, HTMLIFrameElement) && (!((n = t.contentDocument) === null || n === void 0) && n.body) ? a = j(t.contentDocument.body.childNodes) : a = j(((i = t.shadowRoot) !== null && i !== void 0 ? i : t).childNodes), a.length === 0 || C(t, HTMLVideoElement) || await a.reduce((o, s) => o.then(() => et(s, r)).then((l) => {
     l && e.appendChild(l);
   }), Promise.resolve()), e;
 }
-function Pe(t, e, r) {
+function Ae(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) : jt(r).forEach((a) => {
+  i.cssText ? (n.cssText = i.cssText, n.transformOrigin = i.transformOrigin) : Vt(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));
   });
 }
-function ke(t, e) {
+function Ie(t, e) {
   C(t, HTMLTextAreaElement) && (e.innerHTML = t.value), C(t, HTMLInputElement) && e.setAttribute("value", t.value);
 }
-function Te(t, e) {
+function De(t, e) {
   if (C(t, HTMLSelectElement)) {
     const n = Array.from(e.children).find((i) => t.value === i.getAttribute("value"));
     n && n.setAttribute("selected", "");
   }
 }
-function Ae(t, e, r) {
-  return C(e, Element) && (Pe(t, e, r), ge(t, e, r), ke(t, e), Te(t, e)), e;
+function Fe(t, e, r) {
+  return C(e, Element) && (Ae(t, e, r), ve(t, e, r), Ie(t, e), De(t, e)), e;
 }
-async function Ie(t, e) {
+async function Oe(t, e) {
   const r = t.querySelectorAll ? t.querySelectorAll("use") : [];
   if (r.length === 0)
     return t;
@@ -242,7 +242,7 @@ async function Ie(t, e) {
     const s = r[a].getAttribute("xlink:href");
     if (s) {
       const l = t.querySelector(s), v = document.querySelector(s);
-      !l && v && !n[s] && (n[s] = await tt(v, e, !0));
+      !l && v && !n[s] && (n[s] = await et(v, e, !0));
     }
   }
   const i = Object.values(n);
@@ -257,31 +257,31 @@ async function Ie(t, e) {
   }
   return t;
 }
-async function tt(t, e, r) {
-  return !r && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((n) => $e(n, e)).then((n) => Le(t, n, e)).then((n) => Ae(t, n, e)).then((n) => Ie(n, e));
+async function et(t, e, r) {
+  return !r && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((n) => Pe(n, e)).then((n) => ke(t, n, e)).then((n) => Fe(t, n, e)).then((n) => Oe(n, e));
 }
-const _t = /url\((['"]?)([^'"]+?)\1\)/g, De = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Fe = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function Oe(t) {
+const qt = /url\((['"]?)([^'"]+?)\1\)/g, He = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, je = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function Ue(t) {
   const e = t.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${e})(['"]?\\))`, "g");
 }
-function He(t) {
+function Be(t) {
   const e = [];
-  return t.replace(_t, (r, n, i) => (e.push(i), r)), e.filter((r) => !ct(r));
+  return t.replace(qt, (r, n, i) => (e.push(i), r)), e.filter((r) => !ut(r));
 }
-async function je(t, e, r, n, i) {
+async function Ve(t, e, r, n, i) {
   try {
-    const a = r ? oe(e, r) : e, o = wt(e);
+    const a = r ? le(e, r) : e, o = vt(e);
     let s;
-    return i || (s = await bt(a, o, n)), t.replace(Oe(e), `$1${s}$3`);
+    return i || (s = await xt(a, o, n)), t.replace(Ue(e), `$1${s}$3`);
   } catch {
   }
   return t;
 }
-function Ue(t, { preferredFontFormat: e }) {
-  return e ? t.replace(Fe, (r) => {
+function _e(t, { preferredFontFormat: e }) {
+  return e ? t.replace(je, (r) => {
     for (; ; ) {
-      const [n, , i] = De.exec(r) || [];
+      const [n, , i] = He.exec(r) || [];
       if (!i)
         return "";
       if (i === e)
@@ -289,32 +289,32 @@ function Ue(t, { preferredFontFormat: e }) {
     }
   }) : t;
 }
-function Nt(t) {
-  return t.search(_t) !== -1;
+function zt(t) {
+  return t.search(qt) !== -1;
 }
-async function Wt(t, e, r) {
-  if (!Nt(t))
+async function Kt(t, e, r) {
+  if (!zt(t))
     return t;
-  const n = Ue(t, r);
-  return He(n).reduce((a, o) => a.then((s) => je(s, o, e, r)), Promise.resolve(n));
+  const n = _e(t, r);
+  return Be(n).reduce((a, o) => a.then((s) => Ve(s, o, e, r)), Promise.resolve(n));
 }
 async function N(t, e, r) {
   var n;
   const i = (n = e.style) === null || n === void 0 ? void 0 : n.getPropertyValue(t);
   if (i) {
-    const a = await Wt(i, null, r);
+    const a = await Kt(i, null, r);
     return e.style.setProperty(t, a, e.style.getPropertyPriority(t)), !0;
   }
   return !1;
 }
-async function Ve(t, e) {
+async function Ne(t, e) {
   await N("background", t, e) || await N("background-image", t, e), await N("mask", t, e) || await N("-webkit-mask", t, e) || await N("mask-image", t, e) || await N("-webkit-mask-image", t, e);
 }
-async function Be(t, e) {
+async function We(t, e) {
   const r = C(t, HTMLImageElement);
-  if (!(r && !ct(t.src)) && !(C(t, SVGImageElement) && !ct(t.href.baseVal)))
+  if (!(r && !ut(t.src)) && !(C(t, SVGImageElement) && !ut(t.href.baseVal)))
     return;
-  const n = r ? t.src : t.href.baseVal, i = await bt(n, wt(n), e);
+  const n = r ? t.src : t.href.baseVal, i = await xt(n, vt(n), e);
   await new Promise((a, o) => {
     t.onload = a, t.onerror = e.onImageErrorHandler ? (...l) => {
       try {
@@ -327,14 +327,14 @@ async function Be(t, e) {
     s.decode && (s.decode = a), s.loading === "lazy" && (s.loading = "eager"), r ? (t.srcset = "", t.src = i) : t.href.baseVal = i;
   });
 }
-async function _e(t, e) {
-  const n = j(t.childNodes).map((i) => qt(i, e));
+async function qe(t, e) {
+  const n = j(t.childNodes).map((i) => Xt(i, e));
   await Promise.all(n).then(() => t);
 }
-async function qt(t, e) {
-  C(t, Element) && (await Ve(t, e), await Be(t, e), await _e(t, e));
+async function Xt(t, e) {
+  C(t, Element) && (await Ne(t, e), await We(t, e), await qe(t, e));
 }
-function Ne(t, e) {
+function ze(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;
@@ -342,23 +342,23 @@ function Ne(t, e) {
     r[i] = n[i];
   }), t;
 }
-const $t = {};
-async function Rt(t) {
-  let e = $t[t];
+const Lt = {};
+async function Pt(t) {
+  let e = Lt[t];
   if (e != null)
     return e;
   const n = await (await fetch(t)).text();
-  return e = { url: t, cssText: n }, $t[t] = e, e;
+  return e = { url: t, cssText: n }, Lt[t] = e, e;
 }
-async function Lt(t, e) {
+async function Tt(t, e) {
   let r = t.cssText;
   const n = /url\(["']?([^"')]+)["']?\)/g, a = (r.match(/url\([^)]+\)/g) || []).map(async (o) => {
     let s = o.replace(n, "$1");
-    return s.startsWith("https://") || (s = new URL(s, t.url).href), Vt(s, e.fetchRequestInit, ({ result: l }) => (r = r.replace(o, `url(${l})`), [o, l]));
+    return s.startsWith("https://") || (s = new URL(s, t.url).href), Nt(s, e.fetchRequestInit, ({ result: l }) => (r = r.replace(o, `url(${l})`), [o, l]));
   });
   return Promise.all(a).then(() => r);
 }
-function Pt(t) {
+function kt(t) {
   if (t == null)
     return [];
   const e = [], r = /(\/\*[\s\S]*?\*\/)/gi;
@@ -384,7 +384,7 @@ function Pt(t) {
   }
   return e;
 }
-async function We(t, e) {
+async function Ke(t, e) {
   const r = [], n = [];
   return t.forEach((i) => {
     if ("cssRules" in i)
@@ -392,7 +392,7 @@ async function We(t, e) {
         j(i.cssRules || []).forEach((a, o) => {
           if (a.type === CSSRule.IMPORT_RULE) {
             let s = o + 1;
-            const l = a.href, v = Rt(l).then((y) => Lt(y, e)).then((y) => Pt(y).forEach((p) => {
+            const l = a.href, v = Pt(l).then((y) => Tt(y, e)).then((y) => kt(y).forEach((p) => {
               try {
                 i.insertRule(p, p.startsWith("@import") ? s += 1 : i.cssRules.length);
               } catch (g) {
@@ -409,7 +409,7 @@ async function We(t, e) {
         });
       } catch (a) {
         const o = t.find((s) => s.href == null) || document.styleSheets[0];
-        i.href != null && n.push(Rt(i.href).then((s) => Lt(s, e)).then((s) => Pt(s).forEach((l) => {
+        i.href != null && n.push(Pt(i.href).then((s) => Tt(s, e)).then((s) => kt(s).forEach((l) => {
           o.insertRule(l, o.cssRules.length);
         })).catch((s) => {
           console.error("Error loading remote stylesheet", s);
@@ -426,56 +426,60 @@ async function We(t, e) {
       }
   }), r));
 }
-function qe(t) {
-  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => Nt(e.style.getPropertyValue("src")));
+function Xe(t) {
+  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => zt(e.style.getPropertyValue("src")));
 }
-async function ze(t, e) {
+async function Ye(t, e) {
   if (t.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const r = j(t.ownerDocument.styleSheets), n = await We(r, e);
-  return qe(n);
+  const r = j(t.ownerDocument.styleSheets), n = await Ke(r, e);
+  return Xe(n);
 }
-function zt(t) {
+function Yt(t) {
   return t.trim().replace(/["']/g, "");
 }
-function Ke(t) {
+function Ge(t) {
   const e = /* @__PURE__ */ new Set();
   function r(n) {
     (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((a) => {
-      e.add(zt(a));
+      e.add(Yt(a));
     }), Array.from(n.children).forEach((a) => {
       a instanceof HTMLElement && r(a);
     });
   }
   return r(t), e;
 }
-async function Xe(t, e) {
-  const r = await ze(t, e), n = Ke(t);
-  return (await Promise.all(r.filter((a) => n.has(zt(a.style.fontFamily))).map((a) => {
+async function Je(t, e) {
+  const r = await Ye(t, e), n = Ge(t);
+  return (await Promise.all(r.filter((a) => n.has(Yt(a.style.fontFamily))).map((a) => {
     const o = a.parentStyleSheet ? a.parentStyleSheet.href : null;
-    return Wt(a.cssText, o, e);
+    return Kt(a.cssText, o, e);
   }))).join(`
 `);
 }
-async function Ye(t, e) {
-  const r = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await Xe(t, e);
+async function Ze(t, e) {
+  const r = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await Je(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);
   }
 }
-async function Ge(t, e = {}) {
-  const { width: r, height: n } = Ut(t, e), i = await tt(t, e, !0);
-  return await Ye(i, e), await qt(i, e), Ne(i, e), await he(i, r, n);
+async function Qe(t, e = {}) {
+  const { width: r, height: n } = _t(t, e), i = await et(t, e, !0);
+  return await Ze(i, e), await Xt(i, e), ze(i, e), await ye(i, r, n);
+}
+async function tn(t, e = {}) {
+  const { width: r, height: n } = _t(t, e), i = await Qe(t, e), a = await Y(i), o = document.createElement("canvas"), s = o.getContext("2d"), l = e.pixelRatio || he(), v = e.canvasWidth || r, y = e.canvasHeight || n;
+  return o.width = v * l, o.height = y * l, e.skipAutoScale || pe(o), o.style.width = `${v}`, o.style.height = `${y}`, 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 Je(t, e = {}) {
-  const { width: r, height: n } = Ut(t, e), i = await Ge(t, e), a = await Y(i), o = document.createElement("canvas"), s = o.getContext("2d"), l = e.pixelRatio || ue(), v = e.canvasWidth || r, y = e.canvasHeight || n;
-  return o.width = v * l, o.height = y * l, e.skipAutoScale || de(o), o.style.width = `${v}`, o.style.height = `${y}`, 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 en(t, e = {}) {
+  return (await tn(t, e)).toDataURL();
 }
-async function Ze(t, e = {}) {
-  return (await Je(t, e)).toDataURL();
+const G = "data-nf-capture-chrome";
+function nn(t) {
+  return t instanceof Element && (t.hasAttribute(G) || t.hasAttribute("data-nf-mask-cover") || t.id === "notefully");
 }
-function Qe() {
+function rn() {
   const t = [];
   return document.querySelectorAll('input[type="password"], [data-notefully-mask]').forEach((r) => {
     const n = r.getBoundingClientRect(), i = document.createElement("div");
@@ -491,22 +495,32 @@ function Qe() {
     ].join(";"), document.body.appendChild(i), t.push(i);
   }), () => t.forEach((r) => r.remove());
 }
-async function tn() {
-  const t = document.getElementById("notefully"), e = t ? t.style.display : "";
+function an() {
+  const t = document.querySelector(`[${G}]`);
+  if (t)
+    return t;
+  const e = document.createElement("div");
+  return e.setAttribute(G, "1"), e.className = "nf-capture-chrome", e.setAttribute("role", "status"), e.setAttribute("aria-live", "polite"), e.innerHTML = '<span class="nf-capture-chrome-pill">Capturing…</span>', document.body.appendChild(e), e;
+}
+function on() {
+  document.querySelectorAll(`[${G}]`).forEach((t) => t.remove());
+}
+async function sn() {
+  const t = document.getElementById("notefully"), e = t ? t.style.display : "", r = an();
   t && (t.style.display = "none");
-  const r = Qe();
-  await new Promise((n) => requestAnimationFrame(() => requestAnimationFrame(n)));
+  const n = rn();
+  await new Promise((i) => requestAnimationFrame(() => requestAnimationFrame(i)));
   try {
-    return await Ze(document.body, {
+    return await en(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
+      filter: (i) => !nn(i)
     });
   } finally {
-    r(), t && (t.style.display = e);
+    n(), r.remove(), on(), t && (t.style.display = e);
   }
 }
-function en(t = {}) {
+function cn(t = {}) {
   return {
     url: location.href,
     title: document.title,
@@ -525,11 +539,11 @@ function en(t = {}) {
     }
   };
 }
-const kt = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Tt = {
+const At = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), It = {
   id: "userId",
   username: "displayName",
   name: "displayName"
-}, At = /* @__PURE__ */ new Set([
+}, Dt = /* @__PURE__ */ new Set([
   "endpoint",
   "projectKey",
   "version",
@@ -538,7 +552,7 @@ const kt = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Tt = {
   "hideLauncher",
   "theme",
   "video"
-]), It = {
+]), Ft = {
   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.",
@@ -547,14 +561,14 @@ const kt = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Tt = {
   email: "Pass people via Notefully.identify({ userId, email, displayName }), not init().",
   displayName: "Pass people via Notefully.identify({ userId, email, displayName }), not init()."
 };
-function nn(t = {}, e = {}) {
-  const r = e.warn || Kt, n = t && typeof t == "object" ? t : {}, i = {}, a = [];
-  for (const o of kt)
+function ln(t = {}, e = {}) {
+  const r = e.warn || Gt, n = t && typeof t == "object" ? t : {}, i = {}, a = [];
+  for (const o of At)
     Object.prototype.hasOwnProperty.call(n, o) && (i[o] = n[o]);
-  for (const [o, s] of Object.entries(Tt))
+  for (const [o, s] of Object.entries(It))
     Object.prototype.hasOwnProperty.call(n, o) && (Object.prototype.hasOwnProperty.call(i, s) || (i[s] = n[o]));
   for (const o of Object.keys(n))
-    kt.has(o) || Object.prototype.hasOwnProperty.call(Tt, o) || a.push(o);
+    At.has(o) || Object.prototype.hasOwnProperty.call(It, o) || a.push(o);
   if (a.length) {
     const o = a.some((s) => s === "name" || s === "slug" || s === "projectSlug") ? " Pass the package/report name via Notefully.init({ name }), not identify()." : "";
     r(
@@ -563,24 +577,24 @@ function nn(t = {}, e = {}) {
   }
   return i;
 }
-function rn(t = {}, e = {}) {
-  const r = e.warn || Kt, n = t && typeof t == "object" ? t : {}, i = Object.keys(n).filter((a) => !At.has(a));
+function un(t = {}, e = {}) {
+  const r = e.warn || Gt, n = t && typeof t == "object" ? t : {}, i = Object.keys(n).filter((a) => !Dt.has(a));
   if (i.length)
     for (const a of i) {
-      if (It[a]) {
-        r(`Notefully.init: ignoring "${a}". ${It[a]}`);
+      if (Ft[a]) {
+        r(`Notefully.init: ignoring "${a}". ${Ft[a]}`);
         continue;
       }
       r(
-        `Notefully.init: ignoring unknown key "${a}". Supported: ${[...At].join(", ")}.`
+        `Notefully.init: ignoring unknown key "${a}". Supported: ${[...Dt].join(", ")}.`
       );
     }
 }
-function Kt(t) {
+function Gt(t) {
   typeof console < "u" && typeof console.warn == "function" && console.warn(t);
 }
-const an = 80;
-function on() {
+const dn = 80;
+function fn() {
   const t = [], e = {};
   let r = !1;
   const n = (a, o) => {
@@ -594,7 +608,7 @@ function on() {
       level: a,
       text: s.slice(0, 2e3),
       at: Date.now()
-    }), t.length > an && t.shift();
+    }), t.length > dn && t.shift();
   };
   return {
     hook: () => {
@@ -613,7 +627,7 @@ function on() {
     }
   };
 }
-function sn(t) {
+function hn(t) {
   const e = window.SpeechRecognition || window.webkitSpeechRecognition;
   let r = null, n = !1;
   const i = () => {
@@ -643,8 +657,8 @@ function sn(t) {
     isActive: () => n
   };
 }
-const cn = 60 * 1e3;
-function ln({ onStart: t, onStop: e, onError: r }) {
+const pn = 60 * 1e3;
+function mn({ onStart: t, onStop: e, onError: r }) {
   let n = null, i = null, a = [], o = null;
   const s = () => {
     if (o && (clearTimeout(o), o = null), i && i.state !== "inactive")
@@ -676,10 +690,10 @@ function ln({ onStart: t, onStop: e, onError: r }) {
     }, i.onstop = () => {
       const g = a.length ? new Blob(a, { type: i.mimeType || "video/webm" }) : null;
       s(), e(g);
-    }, (p = n.getVideoTracks()[0]) == null || p.addEventListener("ended", () => l()), i.start(), o = setTimeout(l, cn);
+    }, (p = n.getVideoTracks()[0]) == null || p.addEventListener("ended", () => l()), i.start(), o = setTimeout(l, pn);
   }, stop: l };
 }
-function un() {
+function yn() {
   const t = /* @__PURE__ */ new Set();
   return {
     alloc() {
@@ -697,19 +711,19 @@ function un() {
     }
   };
 }
-const ot = { x: 0, y: 0, w: 1, h: 1 };
-function Xt() {
-  const t = un();
-  let e = [], r = { ...ot }, n = 1;
+const st = { x: 0, y: 0, w: 1, h: 1 };
+function Jt() {
+  const t = yn();
+  let e = [], r = { ...st }, n = 1;
   return {
-    list: () => e.filter((a) => fn(a, r)),
+    list: () => e.filter((a) => wn(a, r)),
     all: () => e.slice(),
     crop: () => ({ ...r }),
     setCrop(a) {
-      return r = dn(a), r;
+      return r = gn(a), r;
     },
     resetCrop() {
-      return r = { ...ot }, r;
+      return r = { ...st }, r;
     },
     isCropped() {
       return r.x > 1e-6 || r.y > 1e-6 || r.w < 1 - 1e-6 || r.h < 1 - 1e-6;
@@ -741,20 +755,20 @@ function Xt() {
       return t.free(s.number), s;
     },
     reset() {
-      for (e = [], r = { ...ot }, n = 1; t.peekUsed().length; )
+      for (e = [], r = { ...st }, n = 1; t.peekUsed().length; )
         t.free(t.peekUsed()[0]);
     }
   };
 }
-function dn(t) {
+function gn(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 };
 }
-function fn(t, e) {
+function wn(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 hn(t, e, r, n = {}) {
+function bn(t, e, r, n = {}) {
   const i = n.mark || "#fdd341", a = n.markText || "#2a2140";
   return new Promise((o, s) => {
     const l = new Image();
@@ -763,17 +777,17 @@ function hn(t, e, r, n = {}) {
       P.width = p, P.height = g;
       const f = P.getContext("2d");
       f.drawImage(l, v, y, p, g, 0, 0, p, g), f.lineWidth = Math.max(3, Math.round(p / 400)), f.strokeStyle = i, f.fillStyle = i, f.font = `700 ${Math.max(14, Math.round(p / 40))}px sans-serif`, r.forEach((m) => {
-        const k = lt(m.x, e, p), T = ut(m.y, e, g), A = m.w / e.w * p, U = m.h / e.h * g;
+        const T = dt(m.x, e, p), k = ft(m.y, e, g), A = m.w / e.w * p, U = m.h / e.h * g;
         if (m.type === "rect")
-          f.strokeRect(k, T, A, U);
+          f.strokeRect(T, k, A, U);
         else if (m.type === "circle")
-          f.beginPath(), f.ellipse(k + A / 2, T + U / 2, A / 2, U / 2, 0, 0, Math.PI * 2), f.stroke();
+          f.beginPath(), f.ellipse(T + A / 2, k + U / 2, A / 2, U / 2, 0, 0, Math.PI * 2), f.stroke();
         else if (m.type === "arrow") {
-          const ie = lt(m.x2 ?? m.x + m.w, e, p), ae = ut(m.y2 ?? m.y, e, g);
-          mn(f, k, T, ie, ae);
+          const se = dt(m.x2 ?? m.x + m.w, e, p), ce = ft(m.y2 ?? m.y, e, g);
+          xn(f, T, k, se, ce);
         }
-        const V = pn(m, e, p, g, k, T, A), I = String(m.number);
-        f.beginPath(), f.arc(V.x, V.y, 11, 0, Math.PI * 2), f.fill(), f.fillStyle = a, f.textAlign = "center", f.textBaseline = "middle", f.fillText(I, V.x, V.y), f.fillStyle = i;
+        const B = vn(m, e, p, g, T, k, A), I = String(m.number);
+        f.beginPath(), f.arc(B.x, B.y, 11, 0, Math.PI * 2), f.fill(), f.fillStyle = a, f.textAlign = "center", f.textBaseline = "middle", f.fillText(I, B.x, B.y), f.fillStyle = i;
       }), P.toBlob((m) => {
         if (!m) {
           s(new Error("Could not encode screenshot"));
@@ -784,15 +798,15 @@ function hn(t, e, r, n = {}) {
     }, l.onerror = () => s(new Error("Could not load screenshot")), l.src = t;
   });
 }
-function lt(t, e, r) {
+function dt(t, e, r) {
   return (t - e.x) / e.w * r;
 }
-function ut(t, e, r) {
+function ft(t, e, r) {
   return (t - e.y) / e.h * r;
 }
-function pn(t, e, r, n, i, a, o) {
+function vn(t, e, r, n, i, a, o) {
   if (t.type === "arrow") {
-    const s = lt(t.x2 ?? t.x + t.w, e, r), l = ut(t.y2 ?? t.y, e, n);
+    const s = dt(t.x2 ?? t.x + t.w, e, r), l = ft(t.y2 ?? t.y, e, n);
     return {
       x: (i + s) / 2,
       y: (a + l) / 2
@@ -800,11 +814,11 @@ function pn(t, e, r, n, i, a, o) {
   }
   return { x: i + o / 2, y: a };
 }
-function mn(t, e, r, n, i) {
+function xn(t, e, r, n, i) {
   const a = Math.atan2(i - r, n - e), o = 14, s = 2, l = n - Math.cos(a) * s, v = i - Math.sin(a) * s;
   t.beginPath(), t.moveTo(e, r), t.lineTo(l, v), 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();
 }
-const yn = ["bug", "idea", "other"], gn = ["maker", "all-business", "brighter-day", "quiet-night"], Yt = "maker", wn = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), dt = 0.02, Dt = 0.05, bn = `
+const Sn = ["bug", "idea", "other"], En = ["maker", "all-business", "brighter-day", "quiet-night"], Zt = "maker", Cn = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), ht = 0.02, Ot = 0.05, Mn = `
   <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"/>
@@ -822,8 +836,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"/>')
-}, Gt = on();
-Gt.hook();
+}, Qt = fn();
+Qt.hook();
 let d = {
   endpoint: "",
   projectKey: "",
@@ -831,17 +845,17 @@ let d = {
   name: "",
   targets: null,
   hideLauncher: !1,
-  theme: Yt,
+  theme: Zt,
   video: !1
-}, ft = {}, u = null, c = {}, h = Xt(), S = "", q = "", L = null, G = "bug", H = null, R = null, b = null, w = null, K = null, B = null, W = null, O = { w: 0, h: 0 };
-function E(t) {
+}, pt = {}, u = null, c = {}, h = Jt(), E = "", q = "", L = null, J = "bug", H = null, R = null, b = null, w = null, K = null, V = null, W = null, O = { w: 0, h: 0 }, ct = !1;
+function S(t) {
   return u.querySelector(t);
 }
-function Jt(t) {
+function te(t) {
   const e = String(t || "").trim().toLowerCase().replace(/\s+/g, "-");
-  return gn.includes(e) ? e : Yt;
+  return En.includes(e) ? e : Zt;
 }
-function Ft(t, e) {
+function Ht(t, e) {
   return u && getComputedStyle(u).getPropertyValue(t).trim() || e;
 }
 function x(t, e = !1) {
@@ -849,9 +863,9 @@ function x(t, e = !1) {
     c.status.textContent = "";
   }, 4e3)));
 }
-function vt() {
+function St() {
   return u && document.body.contains(u) || (u = document.createElement("div"), u.id = "notefully", u.innerHTML = `
-      <button class="nf-launcher" type="button" title="Leave a note…" aria-label="Leave a note…">${bn}</button>
+      <button class="nf-launcher" type="button" title="Leave a note…" aria-label="Leave a note…">${Mn}</button>
       <div class="nf-dialog" hidden>
         <div class="nf-panel">
           <div class="nf-stage">
@@ -882,107 +896,108 @@ function vt() {
       </div>
       <button class="nf-stop-video" type="button" hidden>Stop</button>
     `, document.body.appendChild(u), c = {
-    launcher: E(".nf-launcher"),
-    dialog: E(".nf-dialog"),
-    stage: E(".nf-stage"),
-    canvas: E(".nf-canvas"),
-    text: E(".nf-text"),
-    restore: E(".nf-restore"),
-    status: E(".nf-status"),
-    audio: E(".nf-audio"),
-    video: E(".nf-video"),
-    discard: E(".nf-discard-shot"),
-    stop: E(".nf-stop-video"),
-    resetCrop: E(".nf-reset-crop"),
+    launcher: S(".nf-launcher"),
+    dialog: S(".nf-dialog"),
+    stage: S(".nf-stage"),
+    canvas: S(".nf-canvas"),
+    text: S(".nf-text"),
+    restore: S(".nf-restore"),
+    status: S(".nf-status"),
+    audio: S(".nf-audio"),
+    video: S(".nf-video"),
+    discard: S(".nf-discard-shot"),
+    stop: S(".nf-stop-video"),
+    resetCrop: S(".nf-reset-crop"),
+    submit: S(".nf-submit"),
     shot: null
-  }, vn(), et()), u;
+  }, $n(), nt()), u;
 }
-function et() {
+function nt() {
   var t;
-  u && (u.dataset.theme = Jt(d.theme), d.hideLauncher ? u.setAttribute("data-nf-hidden-launcher", "") : u.removeAttribute("data-nf-hidden-launcher"), c.video && (c.video.hidden = !d.video), (t = c.dialog) != null && t.hidden && J());
+  u && (u.dataset.theme = te(d.theme), d.hideLauncher ? u.setAttribute("data-nf-hidden-launcher", "") : u.removeAttribute("data-nf-hidden-launcher"), c.video && (c.video.hidden = !d.video), (t = c.dialog) != null && t.hidden && Z());
 }
-function J() {
+function Z() {
   c.launcher && (c.launcher.hidden = !!d.hideLauncher);
 }
-function vn() {
-  c.launcher.addEventListener("click", () => ee()), E(".nf-dialog").addEventListener("click", (t) => {
-    t.target === c.dialog && it();
+function $n() {
+  c.launcher.addEventListener("click", () => ie()), S(".nf-dialog").addEventListener("click", (t) => {
+    t.target === c.dialog && at();
   }), u.querySelectorAll(".nf-tool").forEach((t) => {
-    t.addEventListener("click", () => pt(t.dataset.tool));
-  }), c.resetCrop.addEventListener("click", Rn), c.canvas.addEventListener("pointerdown", Sn), c.canvas.addEventListener("dragstart", (t) => t.preventDefault()), u.querySelectorAll("[data-kind]").forEach((t) => {
-    t.addEventListener("click", () => ht(t.dataset.kind));
-  }), c.discard.addEventListener("click", Ln), c.restore.addEventListener("click", Pn), c.audio.addEventListener("click", kn), c.video.addEventListener("click", Tn), c.stop.addEventListener("click", () => W == null ? void 0 : W.stop()), E(".nf-submit").addEventListener("click", () => {
-    ne().catch((t) => x(t.message || "Submit failed."));
-  }), ht("bug"), pt(null);
-}
-function ht(t) {
-  G = yn.includes(t) ? t : "bug", u.querySelectorAll("[data-kind]").forEach((e) => {
-    e.dataset.active = String(e.dataset.kind === G);
+    t.addEventListener("click", () => yt(t.dataset.tool));
+  }), c.resetCrop.addEventListener("click", In), c.canvas.addEventListener("pointerdown", Ln), c.canvas.addEventListener("dragstart", (t) => t.preventDefault()), u.querySelectorAll("[data-kind]").forEach((t) => {
+    t.addEventListener("click", () => mt(t.dataset.kind));
+  }), c.discard.addEventListener("click", Dn), c.restore.addEventListener("click", Fn), c.audio.addEventListener("click", On), c.video.addEventListener("click", Hn), c.stop.addEventListener("click", () => W == null ? void 0 : W.stop()), S(".nf-submit").addEventListener("click", () => {
+    ae().catch((t) => x(t.message || "Submit failed."));
+  }), mt("bug"), yt(null);
+}
+function mt(t) {
+  J = Sn.includes(t) ? t : "bug", u.querySelectorAll("[data-kind]").forEach((e) => {
+    e.dataset.active = String(e.dataset.kind === J);
   });
 }
-function pt(t) {
-  H = wn.has(t) ? t : null, R = null, u.querySelectorAll(".nf-tool").forEach((e) => {
+function yt(t) {
+  H = Cn.has(t) ? t : null, R = null, u.querySelectorAll(".nf-tool").forEach((e) => {
     e.dataset.active = String(e.dataset.tool === H);
-  }), c.canvas && (c.canvas.dataset.draw = H ? "true" : "false"), S && $();
+  }), c.canvas && (c.canvas.dataset.draw = H ? "true" : "false"), E && $();
 }
-function Ot(t) {
+function jt(t) {
   return Math.min(1, Math.max(0, t));
 }
-function nt() {
+function rt() {
   return c.shot || c.canvas;
 }
-function Z(t) {
-  const e = nt().getBoundingClientRect();
+function Q(t) {
+  const e = rt().getBoundingClientRect();
   return {
-    x: Ot((t.clientX - e.left) / Math.max(e.width, 1)),
-    y: Ot((t.clientY - e.top) / Math.max(e.height, 1))
+    x: jt((t.clientX - e.left) / Math.max(e.width, 1)),
+    y: jt((t.clientY - e.top) / Math.max(e.height, 1))
   };
 }
-function xn(t) {
-  const e = nt().getBoundingClientRect();
+function Rn(t) {
+  const e = rt().getBoundingClientRect();
   return t.clientX >= e.left && t.clientX <= e.right && t.clientY >= e.top && t.clientY <= e.bottom;
 }
-function Zt(t) {
-  const e = Z(t), r = h.crop();
+function ee(t) {
+  const e = Q(t), r = h.crop();
   return {
     x: r.x + e.x * r.w,
     y: r.y + e.y * r.h
   };
 }
-function rt(t, e) {
+function it(t, e) {
   const r = Math.min(t.x, e.x), n = Math.min(t.y, e.y);
   return {
     x: r,
     y: n,
-    w: Math.max(dt, Math.abs(e.x - t.x)),
-    h: Math.max(dt, Math.abs(e.y - t.y))
+    w: Math.max(ht, Math.abs(e.x - t.x)),
+    h: Math.max(ht, Math.abs(e.y - t.y))
   };
 }
-function xt(t) {
+function Et(t) {
   u && (t ? u.dataset.grabbing = "true" : delete u.dataset.grabbing);
 }
-function st(t) {
+function lt(t) {
   try {
     c.canvas.setPointerCapture(t.pointerId);
   } catch {
   }
 }
-function mt() {
-  window.addEventListener("pointermove", te), window.addEventListener("pointerup", Q), window.addEventListener("pointercancel", Q);
+function gt() {
+  window.addEventListener("pointermove", re), window.addEventListener("pointerup", tt), window.addEventListener("pointercancel", tt);
 }
-function Qt() {
-  window.removeEventListener("pointermove", te), window.removeEventListener("pointerup", Q), window.removeEventListener("pointercancel", Q);
+function ne() {
+  window.removeEventListener("pointermove", re), window.removeEventListener("pointerup", tt), window.removeEventListener("pointercancel", tt);
 }
-function Sn(t) {
-  if (t.button !== 0 || !S)
+function Ln(t) {
+  if (t.button !== 0 || !E)
     return;
-  if (!t.target.closest(".nf-sticker") && !xn(t)) {
+  if (!t.target.closest(".nf-sticker") && !Rn(t)) {
     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 = r.dataset.id, st(t), En({
+    t.preventDefault(), t.stopPropagation(), R = r.dataset.id, lt(t), Pn({
       kind: "sticker",
       id: R,
       dir: (e == null ? void 0 : e.dataset.dir) || "move"
@@ -990,20 +1005,20 @@ function Sn(t) {
     return;
   }
   if (R = null, H === "crop") {
-    t.preventDefault(), st(t), b = { kind: "crop", start: Z(t), current: Z(t) }, mt(), $();
+    t.preventDefault(), lt(t), b = { kind: "crop", start: Q(t), current: Q(t) }, gt(), $();
     return;
   }
   if (H === "arrow" || H === "rect" || H === "circle") {
-    t.preventDefault(), st(t);
-    const n = Zt(t);
-    b = { kind: "sticker", type: H, start: n, current: n }, mt(), $();
+    t.preventDefault(), lt(t);
+    const n = ee(t);
+    b = { kind: "sticker", type: H, start: n, current: n }, gt(), $();
     return;
   }
   $();
 }
-function En(t, e) {
+function Pn(t, e) {
   e.preventDefault(), e.stopPropagation();
-  const r = nt().getBoundingClientRect(), n = h.list().find((i) => i.id === t.id);
+  const r = rt().getBoundingClientRect(), n = h.list().find((i) => i.id === t.id);
   w = {
     ...t,
     startX: e.clientX,
@@ -1011,11 +1026,11 @@ function En(t, e) {
     crop: h.crop(),
     sticker: n ? { ...n } : null,
     rect: r
-  }, xt(t.dir === "move" || t.dir === "start" || t.dir === "end"), mt();
+  }, Et(t.dir === "move" || t.dir === "start" || t.dir === "end"), gt();
 }
-function te(t) {
+function re(t) {
   if (b) {
-    b.current = b.kind === "crop" ? Z(t) : Zt(t), $();
+    b.current = b.kind === "crop" ? Q(t) : ee(t), $();
     return;
   }
   if (!w)
@@ -1041,12 +1056,12 @@ function te(t) {
       });
     else {
       const i = { x: n.x, y: n.y, w: n.w, h: n.h };
-      Cn(i, w.dir, e, r), h.update(n.id, i);
+      Tn(i, w.dir, e, r), h.update(n.id, i);
     }
     $();
   }
 }
-function Cn(t, e, r, n) {
+function Tn(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;
@@ -1056,9 +1071,9 @@ function Cn(t, e, r, n) {
     t.y += t.h - i, t.h = i;
   }
 }
-function Q(t) {
-  if (Qt(), xt(!1), b) {
-    Mn();
+function tt(t) {
+  if (ne(), Et(!1), b) {
+    kn();
     return;
   }
   if (w) {
@@ -1069,13 +1084,13 @@ function Q(t) {
     w = null, $();
   }
 }
-function Mn() {
+function kn() {
   const t = b;
   if (b = null, !t)
     return;
   if (t.kind === "crop") {
-    const r = rt(t.start, t.current);
-    if (Math.abs(t.current.x - t.start.x) < Dt || Math.abs(t.current.y - t.start.y) < Dt) {
+    const r = it(t.start, t.current);
+    if (Math.abs(t.current.x - t.start.x) < Ot || Math.abs(t.current.y - t.start.y) < Ot) {
       $();
       return;
     }
@@ -1088,13 +1103,13 @@ function Mn() {
     }), z();
     return;
   }
-  const e = $n(t);
+  const e = An(t);
   e && (R = e.id), $();
 }
-function $n(t) {
+function An(t) {
   if (t.type === "arrow") {
     const e = t.current.x - t.start.x, r = t.current.y - t.start.y;
-    return Math.hypot(e, r) < dt ? h.add("arrow", {
+    return Math.hypot(e, r) < ht ? h.add("arrow", {
       x: t.start.x,
       y: t.start.y,
       x2: t.start.x + 0.12,
@@ -1110,51 +1125,51 @@ function $n(t) {
       h: Math.abs(r)
     });
   }
-  return h.add(t.type, rt(t.start, t.current));
+  return h.add(t.type, it(t.start, t.current));
 }
-function Rn() {
+function In() {
   h.resetCrop(), R = null, z();
 }
-function yt() {
+function wt() {
   c.resetCrop && (c.resetCrop.hidden = !h.isCropped());
 }
-function St(t) {
+function Ct(t) {
   if (!c.audio)
     return;
   const e = t ? "Stop audio" : "Record audio";
   c.audio.title = e, c.audio.setAttribute("aria-label", e), c.audio.dataset.active = String(!!t);
 }
-function Ln() {
-  S && (q = S), S = "", c.stage.hidden = !0, c.restore.hidden = !q;
+function Dn() {
+  E && (q = E), E = "", c.stage.hidden = !0, c.restore.hidden = !q;
 }
-function Pn() {
-  q && (S = q, c.stage.hidden = !1, c.restore.hidden = !0, z());
+function Fn() {
+  q && (E = q, c.stage.hidden = !1, c.restore.hidden = !0, z());
 }
-function kn() {
+function On() {
   try {
-    if (B || (B = sn((e) => {
+    if (V || (V = hn((e) => {
       const r = c.text.value.trim();
       c.text.value = r ? `${r} ${e}` : e;
-    })), !B.isSupported()) {
+    })), !V.isSupported()) {
       x("Audio-to-text is not supported in this browser.");
       return;
     }
-    const t = B.start();
-    St(t), x(t ? "Listening…" : "");
+    const t = V.start();
+    Ct(t), x(t ? "Listening…" : "");
   } catch (t) {
     x(t.message);
   }
 }
-async function Tn() {
+async function Hn() {
   if (!d.video) {
     x("Video is disabled on this host.");
     return;
   }
-  c.dialog.hidden = !0, c.stop.hidden = !1, et(), c.launcher.hidden = !0, W = ln({
+  c.dialog.hidden = !0, c.stop.hidden = !1, nt(), c.launcher.hidden = !0, W = mn({
     onStart() {
     },
     onStop(t) {
-      L = t, c.stop.hidden = !0, J(), c.dialog.hidden = !1, z(), x(t ? "Video attached." : "Recording cancelled.");
+      L = t, c.stop.hidden = !0, Z(), c.dialog.hidden = !1, z(), x(t ? "Video attached." : "Recording cancelled.");
     },
     onError(t) {
       x(t.message);
@@ -1163,30 +1178,30 @@ async function Tn() {
   try {
     await W.start();
   } catch (t) {
-    c.stop.hidden = !0, J(), c.dialog.hidden = !1, x(t.message);
+    c.stop.hidden = !0, Z(), c.dialog.hidden = !1, x(t.message);
   }
 }
 function z() {
-  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>` : "", yt();
+  if (c.shot = null, !E) {
+    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>` : "", wt();
     return;
   }
-  c.canvas.innerHTML = `<div class="nf-shot"><img alt="Screenshot" src="${S}" draggable="false"></div>`, c.shot = c.canvas.querySelector(".nf-shot");
+  c.canvas.innerHTML = `<div class="nf-shot"><img alt="Screenshot" src="${E}" draggable="false"></div>`, c.shot = c.canvas.querySelector(".nf-shot");
   const t = c.shot.querySelector("img");
   t.draggable = !1, t.addEventListener("dragstart", (r) => r.preventDefault());
   const e = () => {
-    An(t), $();
+    jn(t), $();
   };
   t.addEventListener("load", e), t.complete && t.naturalWidth && e();
 }
-function An(t) {
+function jn(t) {
   const e = t.naturalWidth || O.w, r = t.naturalHeight || O.h;
   if (e && r && (O = { w: e, h: r }, c.canvas.style.setProperty("--nf-shot-aspect", String(e / r)), c.canvas.style.aspectRatio = `${e} / ${r}`), !c.shot || !O.w || !O.h)
     return;
   const n = h.crop(), i = O.w / O.h, a = n.w / n.h * i, o = Math.min(1, a / i), s = Math.min(1, i / a);
   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 In(t) {
+function Un(t) {
   return t.type === "arrow" ? {
     id: "preview",
     type: "arrow",
@@ -1201,23 +1216,23 @@ function In(t) {
     id: "preview",
     type: t.type,
     number: "",
-    ...rt(t.start, t.current)
+    ...it(t.start, t.current)
   };
 }
 function $() {
-  if ((c.shot || c.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((n) => n.remove()), !S || !c.shot) {
-    yt();
+  if ((c.shot || c.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((n) => n.remove()), !E || !c.shot) {
+    wt();
     return;
   }
   const e = h.crop();
   if ((b == null ? void 0 : b.kind) === "crop") {
     const n = document.createElement("div");
-    n.className = "nf-crop", Ht(n, rt(b.start, b.current), { x: 0, y: 0, w: 1, h: 1 }), c.shot.appendChild(n);
+    n.className = "nf-crop", Ut(n, it(b.start, b.current), { x: 0, y: 0, w: 1, h: 1 }), c.shot.appendChild(n);
   }
   const r = h.list().slice();
-  if ((b == null ? void 0 : b.kind) === "sticker" && r.push(In(b)), r.forEach((n) => {
+  if ((b == null ? void 0 : b.kind) === "sticker" && r.push(Un(b)), r.forEach((n) => {
     const i = n.id === "preview", a = !i && n.id === R, 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" ? Dn(o, n, e, a) : (Ht(o, n, e), a && ["nw", "ne", "sw", "se"].forEach((s) => gt(o, s))), !i && n.number) {
+    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" ? Bn(o, n, e, a) : (Ut(o, n, e), a && ["nw", "ne", "sw", "se"].forEach((s) => bt(o, s))), !i && n.number) {
       const s = document.createElement("span");
       s.className = "nf-badge", s.textContent = String(n.number), o.appendChild(s);
     }
@@ -1226,29 +1241,29 @@ function $() {
     const n = document.createElement("video");
     n.className = "nf-recording-preview", n.controls = !0, n.src = URL.createObjectURL(L), n.style.position = "absolute", n.style.right = "8px", n.style.bottom = "8px", n.style.width = "160px", c.canvas.appendChild(n);
   }
-  yt();
+  wt();
 }
-function Dn(t, e, r, n) {
-  const i = nt(), a = i.clientWidth, o = i.clientHeight, s = (e.x - r.x) / r.w * a, l = (e.y - r.y) / r.h * o, v = ((e.x2 ?? e.x + e.w) - r.x) / r.w * a, y = ((e.y2 ?? e.y) - r.y) / r.h * o, p = 18, g = Math.min(s, v) - p, P = Math.min(l, y) - p, f = Math.max(2, Math.abs(v - s)) + p * 2, m = Math.max(2, Math.abs(y - l)) + p * 2, k = s - g, T = l - P, A = v - g, U = y - P, V = `nf-ah-${e.id}`, I = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+function Bn(t, e, r, n) {
+  const i = rt(), a = i.clientWidth, o = i.clientHeight, s = (e.x - r.x) / r.w * a, l = (e.y - r.y) / r.h * o, v = ((e.x2 ?? e.x + e.w) - r.x) / r.w * a, y = ((e.y2 ?? e.y) - r.y) / r.h * o, p = 18, g = Math.min(s, v) - p, P = Math.min(l, y) - p, f = Math.max(2, Math.abs(v - s)) + p * 2, m = Math.max(2, Math.abs(y - l)) + p * 2, T = s - g, k = l - P, A = v - g, U = y - 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 = `${f}px`, t.style.height = `${m}px`, I.setAttribute("class", "nf-arrow-svg"), I.setAttribute("viewBox", `0 0 ${f} ${m}`), I.setAttribute("width", String(f)), I.setAttribute("height", String(m)), I.innerHTML = `
       <defs>
-        <marker id="${V}" markerWidth="10" markerHeight="10" refX="8" refY="5" orient="auto">
+        <marker id="${B}" markerWidth="10" markerHeight="10" refX="8" refY="5" orient="auto">
           <path d="M0,0 L10,5 L0,10 Z" fill="currentColor" />
         </marker>
       </defs>
-      <line class="nf-arrow-hit" x1="${k}" y1="${T}" x2="${A}" y2="${U}" />
-      <line class="nf-arrow-shaft" x1="${k}" y1="${T}" x2="${A}" y2="${U}" marker-end="url(#${V})" />
-    `, t.appendChild(I), n && (gt(t, "start", { left: k - 5, top: T - 5 }), gt(t, "end", { left: A - 5, top: U - 5 }));
+      <line class="nf-arrow-hit" x1="${T}" y1="${k}" x2="${A}" y2="${U}" />
+      <line class="nf-arrow-shaft" x1="${T}" y1="${k}" x2="${A}" y2="${U}" marker-end="url(#${B})" />
+    `, t.appendChild(I), n && (bt(t, "start", { left: T - 5, top: k - 5 }), bt(t, "end", { left: A - 5, top: U - 5 }));
 }
-function gt(t, e, r) {
+function bt(t, e, r) {
   const n = document.createElement("span");
   n.className = "nf-handle", n.dataset.dir = e, r && (n.style.left = `${r.left}px`, n.style.top = `${r.top}px`), t.appendChild(n);
 }
-function Ht(t, e, r) {
+function Ut(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 Fn(t = {}) {
-  return rn(t), d = {
+function Vn(t = {}) {
+  return un(t), d = {
     ...d,
     endpoint: String(t.endpoint || d.endpoint || "").replace(/\/$/, ""),
     projectKey: t.projectKey == null ? d.projectKey : String(t.projectKey),
@@ -1256,78 +1271,86 @@ function Fn(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: Jt(t.theme ?? d.theme),
+    theme: te(t.theme ?? d.theme),
     video: t.video == null ? d.video : !!t.video
-  }, vt(), et(), re;
+  }, St(), nt(), oe;
 }
-async function ee() {
-  vt(), et(), c.launcher.hidden = !0, h = Xt(), O = { w: 0, h: 0 }, L = null, R = null, b = null, w = null, G = "bug", ht("bug"), pt(null), St(!1), c.text.value = "", x("Capturing…");
+async function ie() {
+  St(), nt(), c.launcher.hidden = !0, h = Jt(), O = { w: 0, h: 0 }, L = null, R = null, b = null, w = null, J = "bug", mt("bug"), yt(null), Ct(!1), c.text.value = "", x("");
   try {
-    S = await tn(), q = S, c.stage.hidden = !1, c.restore.hidden = !0;
+    E = await sn(), q = E, c.stage.hidden = !1, c.restore.hidden = !0, x("");
   } catch {
-    S = "", x("Screenshot failed; you can still send text.");
+    E = "", x("Screenshot failed; you can still send text.");
   }
   c.dialog.hidden = !1, z(), c.text.focus();
 }
-function it() {
-  u && (B == null || B.stop(), St(!1), Qt(), b = null, w = null, xt(!1), c.dialog.hidden = !0, c.stop.hidden = !0, J());
+function at() {
+  u && (V == null || V.stop(), Ct(!1), ne(), b = null, w = null, Et(!1), c.dialog.hidden = !0, c.stop.hidden = !0, Z());
 }
-function On(t = {}) {
-  ft = { ...ft, ...nn(t) };
+function _n(t = {}) {
+  pt = { ...pt, ...ln(t) };
 }
-async function ne() {
-  vt();
+async function ae() {
+  if (St(), ct)
+    return null;
   const t = c.text.value.trim();
-  if (!t && !S && !L)
+  if (!t && !E && !L)
     return x("Add a note, screenshot, or video first."), null;
   if (!d.endpoint || !d.projectKey)
     return x("Notefully is missing endpoint or projectKey."), null;
-  x("Submitting…", !0);
-  const e = new FormData();
-  if (e.append("message", t), e.append("kind", G), e.append("version", d.version || "0.0.0"), d.name && e.append("name", d.name), e.append("context", JSON.stringify({
-    ...en(ft),
-    console: Gt.snapshot()
-  })), e.append("annotations", JSON.stringify(h.list())), Array.isArray(d.targets) && e.append("targets", JSON.stringify(d.targets)), S) {
-    const i = await hn(
-      S,
-      h.crop(),
-      h.list(),
-      {
-        mark: Ft("--nf-mark", "#fdd341"),
-        markText: Ft("--nf-mark-text", "#2a2140")
-      }
-    );
-    e.append("screenshot", i, "screenshot.png");
-  }
-  L && e.append("recording", L, "recording.webm");
-  const r = await fetch(`${d.endpoint}/v1/reports`, {
-    method: "POST",
-    headers: {
-      "X-Notefully-Key": d.projectKey
-    },
-    body: e
-  });
-  let n = null;
+  ct = !0, Bt(!0), x("Submitting…", !0);
   try {
-    n = await r.json();
-  } catch {
-    n = null;
+    const e = new FormData();
+    if (e.append("message", t), e.append("kind", J), e.append("version", d.version || "0.0.0"), d.name && e.append("name", d.name), e.append("context", JSON.stringify({
+      ...cn(pt),
+      console: Qt.snapshot()
+    })), e.append("annotations", JSON.stringify(h.list())), Array.isArray(d.targets) && e.append("targets", JSON.stringify(d.targets)), E) {
+      const i = await bn(
+        E,
+        h.crop(),
+        h.list(),
+        {
+          mark: Ht("--nf-mark", "#fdd341"),
+          markText: Ht("--nf-mark-text", "#2a2140")
+        }
+      );
+      e.append("screenshot", i, "screenshot.png");
+    }
+    L && e.append("recording", L, "recording.webm");
+    const r = await fetch(`${d.endpoint}/v1/reports`, {
+      method: "POST",
+      headers: {
+        "X-Notefully-Key": d.projectKey
+      },
+      body: e
+    });
+    let n = null;
+    try {
+      n = await r.json();
+    } catch {
+      n = null;
+    }
+    if (!r.ok)
+      throw x((n == null ? void 0 : n.error) || "Submit failed."), new Error((n == null ? void 0 : n.error) || `Submit failed (${r.status})`);
+    return x("Sent. Thank you."), at(), n;
+  } finally {
+    ct = !1, Bt(!1);
   }
-  if (!r.ok)
-    throw x((n == null ? void 0 : n.error) || "Submit failed."), new Error((n == null ? void 0 : n.error) || `Submit failed (${r.status})`);
-  return x("Sent. Thank you."), it(), n;
 }
-function Hn() {
-  it(), u == null || u.remove(), u = null, c = {};
+function Bt(t) {
+  c.submit && (c.submit.disabled = !!t, c.submit.setAttribute("aria-busy", t ? "true" : "false"));
+}
+function Nn() {
+  at(), u == null || u.remove(), u = null, c = {};
 }
-const re = { init: Fn, open: ee, close: it, identify: On, submit: ne, destroy: Hn };
-typeof window < "u" && (window.Notefully = re);
+const oe = { init: Vn, open: ie, close: at, identify: _n, submit: ae, destroy: Nn };
+typeof window < "u" && (window.Notefully = oe);
 export {
-  it as close,
-  re as default,
-  Hn as destroy,
-  On as identify,
-  Fn as init,
-  ee as open,
-  ne as submit
+  at as close,
+  oe as default,
+  Nn as destroy,
+  _n as identify,
+  Vn as init,
+  ie as open,
+  ae as submit
 };