@makefully/notefully 0.1.7 → 0.1.8

package/dist/notefully.js

@@ -1,14 +1,14 @@
-function le(t, e) {
+function ue(t, e) {
   if (t.match(/^[a-z]+:\/\//i))
     return t;
   if (t.match(/^\/\//))
     return window.location.protocol + t;
   if (t.match(/^[a-z]+:/i))
     return t;
-  const r = document.implementation.createHTMLDocument(), n = r.createElement("base"), i = r.createElement("a");
-  return r.head.appendChild(n), r.body.appendChild(i), e && (n.href = e), i.href = t, i.href;
+  const 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 ue = /* @__PURE__ */ (() => {
+const de = /* @__PURE__ */ (() => {
   let t = 0;
   const e = () => (
     // eslint-disable-next-line no-bitwise
@@ -16,366 +16,366 @@ const ue = /* @__PURE__ */ (() => {
   );
   return () => (t += 1, `u${e()}${t}`);
 })();
-function j(t) {
+function D(t) {
   const e = [];
-  for (let r = 0, n = t.length; r < n; r++)
-    e.push(t[r]);
+  for (let n = 0, r = t.length; n < r; n++)
+    e.push(t[n]);
   return e;
 }
-let _ = null;
-function Vt(t = {}) {
-  return _ || (t.includeStyleProperties ? (_ = t.includeStyleProperties, _) : (_ = 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;
+let B = null;
+function Nt(t = {}) {
+  return B || (t.includeStyleProperties ? (B = t.includeStyleProperties, B) : (B = D(window.getComputedStyle(document.documentElement)), B));
 }
-function de(t) {
-  const e = X(t, "border-left-width"), r = X(t, "border-right-width");
-  return t.clientWidth + e + r;
+function K(t, e) {
+  const r = (t.ownerDocument.defaultView || window).getComputedStyle(t).getPropertyValue(e);
+  return r ? parseFloat(r.replace("px", "")) : 0;
 }
 function fe(t) {
-  const e = X(t, "border-top-width"), r = X(t, "border-bottom-width");
-  return t.clientHeight + e + r;
+  const e = K(t, "border-left-width"), n = K(t, "border-right-width");
+  return t.clientWidth + e + n;
+}
+function he(t) {
+  const e = K(t, "border-top-width"), n = K(t, "border-bottom-width");
+  return t.clientHeight + e + n;
 }
-function _t(t, e = {}) {
-  const r = e.width || de(t), n = e.height || fe(t);
-  return { width: r, height: n };
+function Wt(t, e = {}) {
+  const n = e.width || fe(t), r = e.height || he(t);
+  return { width: n, height: r };
 }
-function he() {
+function pe() {
   let t, e;
   try {
     e = process;
   } catch {
   }
-  const r = e && e.env ? e.env.devicePixelRatio : null;
-  return r && (t = parseInt(r, 10), Number.isNaN(t) && (t = 1)), t || window.devicePixelRatio || 1;
+  const n = e && e.env ? e.env.devicePixelRatio : null;
+  return n && (t = parseInt(n, 10), Number.isNaN(t) && (t = 1)), t || window.devicePixelRatio || 1;
 }
-const M = 16384;
-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));
+const E = 16384;
+function me(t) {
+  (t.width > E || t.height > E) && (t.width > E && t.height > E ? t.width > t.height ? (t.height *= E / t.width, t.width = E) : (t.width *= E / t.height, t.height = E) : t.width > E ? (t.height *= E / t.width, t.width = E) : (t.width *= E / t.height, t.height = E));
 }
 function Y(t) {
-  return new Promise((e, r) => {
-    const n = new Image();
-    n.onload = () => {
-      n.decode().then(() => {
-        requestAnimationFrame(() => e(n));
+  return new Promise((e, n) => {
+    const r = new Image();
+    r.onload = () => {
+      r.decode().then(() => {
+        requestAnimationFrame(() => e(r));
       });
-    }, n.onerror = r, n.crossOrigin = "anonymous", n.decoding = "async", n.src = t;
+    }, r.onerror = n, r.crossOrigin = "anonymous", r.decoding = "async", r.src = t;
   });
 }
-async function me(t) {
+async function ye(t) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(t)).then(encodeURIComponent).then((e) => `data:image/svg+xml;charset=utf-8,${e}`);
 }
-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), me(i);
+async function ge(t, e, n) {
+  const r = "http://www.w3.org/2000/svg", o = document.createElementNS(r, "svg"), a = document.createElementNS(r, "foreignObject");
+  return o.setAttribute("width", `${e}`), o.setAttribute("height", `${n}`), o.setAttribute("viewBox", `0 0 ${e} ${n}`), a.setAttribute("width", "100%"), a.setAttribute("height", "100%"), a.setAttribute("x", "0"), a.setAttribute("y", "0"), a.setAttribute("externalResourcesRequired", "true"), o.appendChild(a), a.appendChild(t), ye(o);
 }
-const C = (t, e) => {
+const S = (t, e) => {
   if (t instanceof e)
     return !0;
-  const r = Object.getPrototypeOf(t);
-  return r === null ? !1 : r.constructor.name === e.name || C(r, e);
+  const n = Object.getPrototypeOf(t);
+  return n === null ? !1 : n.constructor.name === e.name || S(n, e);
 };
-function ge(t) {
+function we(t) {
   const e = t.getPropertyValue("content");
   return `${t.cssText} content: '${e.replace(/'|"/g, "")}';`;
 }
-function we(t, e) {
-  return Vt(e).map((r) => {
-    const n = t.getPropertyValue(r), i = t.getPropertyPriority(r);
-    return `${r}: ${n}${i ? " !important" : ""};`;
+function be(t, e) {
+  return Nt(e).map((n) => {
+    const r = t.getPropertyValue(n), o = t.getPropertyPriority(n);
+    return `${n}: ${r}${o ? " !important" : ""};`;
   }).join(" ");
 }
-function be(t, e, r, n) {
-  const i = `.${t}:${e}`, a = r.cssText ? ge(r) : we(r, n);
-  return document.createTextNode(`${i}{${a}}`);
+function ve(t, e, n, r) {
+  const o = `.${t}:${e}`, a = n.cssText ? we(n) : be(n, r);
+  return document.createTextNode(`${o}{${a}}`);
 }
-function Mt(t, e, r, n) {
-  const i = window.getComputedStyle(t, r), a = i.getPropertyValue("content");
+function Rt(t, e, n, r) {
+  const o = window.getComputedStyle(t, n), a = o.getPropertyValue("content");
   if (a === "" || a === "none")
     return;
-  const o = ue();
+  const i = de();
   try {
-    e.className = `${e.className} ${o}`;
+    e.className = `${e.className} ${i}`;
   } catch {
     return;
   }
   const s = document.createElement("style");
-  s.appendChild(be(o, r, i, n)), e.appendChild(s);
+  s.appendChild(ve(i, n, o, r)), e.appendChild(s);
 }
-function ve(t, e, r) {
-  Mt(t, e, ":before", r), Mt(t, e, ":after", r);
+function xe(t, e, n) {
+  Rt(t, e, ":before", n), Rt(t, e, ":after", n);
 }
-const $t = "application/font-woff", Rt = "image/jpeg", xe = {
-  woff: $t,
-  woff2: $t,
+const Pt = "application/font-woff", Lt = "image/jpeg", Se = {
+  woff: Pt,
+  woff2: Pt,
   ttf: "application/font-truetype",
   eot: "application/vnd.ms-fontobject",
   png: "image/png",
-  jpg: Rt,
-  jpeg: Rt,
+  jpg: Lt,
+  jpeg: Lt,
   gif: "image/gif",
   tiff: "image/tiff",
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function Se(t) {
+function Ee(t) {
   const e = /\.([^./]*?)$/g.exec(t);
   return e ? e[1] : "";
 }
-function vt(t) {
-  const e = Se(t).toLowerCase();
-  return xe[e] || "";
+function xt(t) {
+  const e = Ee(t).toLowerCase();
+  return Se[e] || "";
 }
-function Ee(t) {
+function Ce(t) {
   return t.split(/,/)[1];
 }
-function ut(t) {
+function dt(t) {
   return t.search(/^(data:)/) !== -1;
 }
-function Ce(t, e) {
+function Me(t, e) {
   return `data:${e};base64,${t}`;
 }
-async function Nt(t, e, r) {
-  const n = await fetch(t, e);
-  if (n.status === 404)
-    throw new Error(`Resource "${n.url}" not found`);
-  const i = await n.blob();
-  return new Promise((a, o) => {
+async function qt(t, e, n) {
+  const r = await fetch(t, e);
+  if (r.status === 404)
+    throw new Error(`Resource "${r.url}" not found`);
+  const o = await r.blob();
+  return new Promise((a, i) => {
     const s = new FileReader();
-    s.onerror = o, s.onloadend = () => {
+    s.onerror = i, s.onloadend = () => {
       try {
-        a(r({ res: n, result: s.result }));
+        a(n({ res: r, result: s.result }));
       } catch (l) {
-        o(l);
+        i(l);
       }
-    }, s.readAsDataURL(i);
+    }, s.readAsDataURL(o);
   });
 }
-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 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;
+const st = {};
+function $e(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 St(t, e, n) {
+  const r = $e(t, e, n.includeQueryParams);
+  if (st[r] != null)
+    return st[r];
+  n.cacheBust && (t += (/\?/.test(t) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
+  let o;
   try {
-    const a = await Nt(t, r.fetchRequestInit, ({ res: o, result: s }) => (e || (e = o.headers.get("Content-Type") || ""), Ee(s)));
-    i = Ce(a, e);
+    const a = await qt(t, n.fetchRequestInit, ({ res: i, result: s }) => (e || (e = i.headers.get("Content-Type") || ""), Ce(s)));
+    o = Me(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);
+    o = n.imagePlaceholder || "";
+    let i = `Failed to fetch resource: ${t}`;
+    a && (i = typeof a == "string" ? a : a.message), i && console.warn(i);
   }
-  return ot[n] = i, i;
+  return st[r] = o, o;
 }
-async function $e(t) {
+async function Re(t) {
   const e = t.toDataURL();
   return e === "data:," ? t.cloneNode(!1) : Y(e);
 }
-async function Re(t, e) {
+async function Pe(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 a = document.createElement("canvas"), i = a.getContext("2d");
+    a.width = t.clientWidth, a.height = t.clientHeight, i == null || i.drawImage(t, 0, 0, a.width, a.height);
     const s = a.toDataURL();
     return Y(s);
   }
-  const r = t.poster, n = vt(r), i = await xt(r, n, e);
-  return Y(i);
+  const n = t.poster, r = xt(n), o = await St(n, r, e);
+  return Y(o);
 }
 async function Le(t, e) {
-  var r;
+  var n;
   try {
-    if (!((r = t == null ? void 0 : t.contentDocument) === null || r === void 0) && r.body)
+    if (!((n = t == null ? void 0 : t.contentDocument) === null || n === void 0) && n.body)
       return await et(t.contentDocument.body, e, !0);
   } catch {
   }
   return t.cloneNode(!1);
 }
-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));
+async function Ae(t, e) {
+  return S(t, HTMLCanvasElement) ? Re(t) : S(t, HTMLVideoElement) ? Pe(t, e) : S(t, HTMLIFrameElement) ? Le(t, e) : t.cloneNode(zt(t));
 }
-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 (Wt(e))
+const ke = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT", zt = (t) => t.tagName != null && t.tagName.toUpperCase() === "SVG";
+async function Te(t, e, n) {
+  var r, o;
+  if (zt(e))
     return e;
   let a = [];
-  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) => {
+  return ke(t) && t.assignedNodes ? a = D(t.assignedNodes()) : S(t, HTMLIFrameElement) && (!((r = t.contentDocument) === null || r === void 0) && r.body) ? a = D(t.contentDocument.body.childNodes) : a = D(((o = t.shadowRoot) !== null && o !== void 0 ? o : t).childNodes), a.length === 0 || S(t, HTMLVideoElement) || await a.reduce((i, s) => i.then(() => et(s, n)).then((l) => {
     l && e.appendChild(l);
   }), Promise.resolve()), e;
 }
-function Ae(t, e, r) {
-  const n = e.style;
-  if (!n)
+function Ie(t, e, n) {
+  const r = e.style;
+  if (!r)
     return;
-  const i = window.getComputedStyle(t);
-  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));
+  const o = window.getComputedStyle(t);
+  o.cssText ? (r.cssText = o.cssText, r.transformOrigin = o.transformOrigin) : Nt(n).forEach((a) => {
+    let i = o.getPropertyValue(a);
+    a === "font-size" && i.endsWith("px") && (i = `${Math.floor(parseFloat(i.substring(0, i.length - 2))) - 0.1}px`), S(t, HTMLIFrameElement) && a === "display" && i === "inline" && (i = "block"), a === "d" && e.getAttribute("d") && (i = `path(${e.getAttribute("d")})`), r.setProperty(a, i, o.getPropertyPriority(a));
   });
 }
-function Ie(t, e) {
-  C(t, HTMLTextAreaElement) && (e.innerHTML = t.value), C(t, HTMLInputElement) && e.setAttribute("value", t.value);
+function He(t, e) {
+  S(t, HTMLTextAreaElement) && (e.innerHTML = t.value), S(t, HTMLInputElement) && e.setAttribute("value", t.value);
 }
 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", "");
+  if (S(t, HTMLSelectElement)) {
+    const r = Array.from(e.children).find((o) => t.value === o.getAttribute("value"));
+    r && r.setAttribute("selected", "");
   }
 }
-function Fe(t, e, r) {
-  return C(e, Element) && (Ae(t, e, r), ve(t, e, r), Ie(t, e), De(t, e)), e;
+function Fe(t, e, n) {
+  return S(e, Element) && (Ie(t, e, n), xe(t, e, n), He(t, e), De(t, e)), e;
 }
 async function Oe(t, e) {
-  const r = t.querySelectorAll ? t.querySelectorAll("use") : [];
-  if (r.length === 0)
+  const n = t.querySelectorAll ? t.querySelectorAll("use") : [];
+  if (n.length === 0)
     return t;
-  const n = {};
-  for (let a = 0; a < r.length; a++) {
-    const s = r[a].getAttribute("xlink:href");
+  const r = {};
+  for (let a = 0; a < n.length; a++) {
+    const s = n[a].getAttribute("xlink:href");
     if (s) {
-      const l = t.querySelector(s), v = document.querySelector(s);
-      !l && v && !n[s] && (n[s] = await et(v, e, !0));
+      const l = t.querySelector(s), u = document.querySelector(s);
+      !l && u && !r[s] && (r[s] = await et(u, e, !0));
     }
   }
-  const i = Object.values(n);
-  if (i.length) {
-    const a = "http://www.w3.org/1999/xhtml", o = document.createElementNS(a, "svg");
-    o.setAttribute("xmlns", a), o.style.position = "absolute", o.style.width = "0", o.style.height = "0", o.style.overflow = "hidden", o.style.display = "none";
+  const o = Object.values(r);
+  if (o.length) {
+    const a = "http://www.w3.org/1999/xhtml", i = document.createElementNS(a, "svg");
+    i.setAttribute("xmlns", a), i.style.position = "absolute", i.style.width = "0", i.style.height = "0", i.style.overflow = "hidden", i.style.display = "none";
     const s = document.createElementNS(a, "defs");
-    o.appendChild(s);
-    for (let l = 0; l < i.length; l++)
-      s.appendChild(i[l]);
-    t.appendChild(o);
+    i.appendChild(s);
+    for (let l = 0; l < o.length; l++)
+      s.appendChild(o[l]);
+    t.appendChild(i);
   }
   return t;
 }
-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));
+async function et(t, e, n) {
+  return !n && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((r) => Ae(r, e)).then((r) => Te(t, r, e)).then((r) => Fe(t, r, e)).then((r) => Oe(r, e));
 }
-const qt = /url\((['"]?)([^'"]+?)\1\)/g, He = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, je = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function Ue(t) {
+const Xt = /url\((['"]?)([^'"]+?)\1\)/g, je = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Ue = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function Be(t) {
   const e = t.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${e})(['"]?\\))`, "g");
 }
-function Be(t) {
+function Ve(t) {
   const e = [];
-  return t.replace(qt, (r, n, i) => (e.push(i), r)), e.filter((r) => !ut(r));
+  return t.replace(Xt, (n, r, o) => (e.push(o), n)), e.filter((n) => !dt(n));
 }
-async function Ve(t, e, r, n, i) {
+async function _e(t, e, n, r, o) {
   try {
-    const a = r ? le(e, r) : e, o = vt(e);
+    const a = n ? ue(e, n) : e, i = xt(e);
     let s;
-    return i || (s = await xt(a, o, n)), t.replace(Ue(e), `$1${s}$3`);
+    return o || (s = await St(a, i, r)), t.replace(Be(e), `$1${s}$3`);
   } catch {
   }
   return t;
 }
-function _e(t, { preferredFontFormat: e }) {
-  return e ? t.replace(je, (r) => {
+function Ne(t, { preferredFontFormat: e }) {
+  return e ? t.replace(Ue, (n) => {
     for (; ; ) {
-      const [n, , i] = He.exec(r) || [];
-      if (!i)
+      const [r, , o] = je.exec(n) || [];
+      if (!o)
         return "";
-      if (i === e)
-        return `src: ${n};`;
+      if (o === e)
+        return `src: ${r};`;
     }
   }) : t;
 }
-function zt(t) {
-  return t.search(qt) !== -1;
+function Kt(t) {
+  return t.search(Xt) !== -1;
 }
-async function Kt(t, e, r) {
-  if (!zt(t))
+async function Yt(t, e, n) {
+  if (!Kt(t))
     return t;
-  const n = _e(t, r);
-  return Be(n).reduce((a, o) => a.then((s) => Ve(s, o, e, r)), Promise.resolve(n));
+  const r = Ne(t, n);
+  return Ve(r).reduce((a, i) => a.then((s) => _e(s, i, e, n)), Promise.resolve(r));
 }
-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 Kt(i, null, r);
+async function V(t, e, n) {
+  var r;
+  const o = (r = e.style) === null || r === void 0 ? void 0 : r.getPropertyValue(t);
+  if (o) {
+    const a = await Yt(o, null, n);
     return e.style.setProperty(t, a, e.style.getPropertyPriority(t)), !0;
   }
   return !1;
 }
-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 We(t, e) {
-  const r = C(t, HTMLImageElement);
-  if (!(r && !ut(t.src)) && !(C(t, SVGImageElement) && !ut(t.href.baseVal)))
+  await V("background", t, e) || await V("background-image", t, e), await V("mask", t, e) || await V("-webkit-mask", t, e) || await V("mask-image", t, e) || await V("-webkit-mask-image", t, e);
+}
+async function qe(t, e) {
+  const n = S(t, HTMLImageElement);
+  if (!(n && !dt(t.src)) && !(S(t, SVGImageElement) && !dt(t.href.baseVal)))
     return;
-  const n = r ? t.src : t.href.baseVal, i = await xt(n, vt(n), e);
-  await new Promise((a, o) => {
+  const r = n ? t.src : t.href.baseVal, o = await St(r, xt(r), e);
+  await new Promise((a, i) => {
     t.onload = a, t.onerror = e.onImageErrorHandler ? (...l) => {
       try {
         a(e.onImageErrorHandler(...l));
-      } catch (v) {
-        o(v);
+      } catch (u) {
+        i(u);
       }
-    } : o;
+    } : i;
     const s = t;
-    s.decode && (s.decode = a), s.loading === "lazy" && (s.loading = "eager"), r ? (t.srcset = "", t.src = i) : t.href.baseVal = i;
+    s.decode && (s.decode = a), s.loading === "lazy" && (s.loading = "eager"), n ? (t.srcset = "", t.src = o) : t.href.baseVal = o;
   });
 }
-async function qe(t, e) {
-  const n = j(t.childNodes).map((i) => Xt(i, e));
-  await Promise.all(n).then(() => t);
-}
-async function Xt(t, e) {
-  C(t, Element) && (await Ne(t, e), await We(t, e), await qe(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;
-  return n != null && Object.keys(n).forEach((i) => {
-    r[i] = n[i];
+async function ze(t, e) {
+  const r = D(t.childNodes).map((o) => Gt(o, e));
+  await Promise.all(r).then(() => t);
+}
+async function Gt(t, e) {
+  S(t, Element) && (await We(t, e), await qe(t, e), await ze(t, e));
+}
+function Xe(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((o) => {
+    n[o] = r[o];
   }), t;
 }
-const Lt = {};
-async function Pt(t) {
-  let e = Lt[t];
+const At = {};
+async function kt(t) {
+  let e = At[t];
   if (e != null)
     return e;
-  const n = await (await fetch(t)).text();
-  return e = { url: t, cssText: n }, Lt[t] = e, e;
+  const r = await (await fetch(t)).text();
+  return e = { url: t, cssText: r }, At[t] = e, 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), Nt(s, e.fetchRequestInit, ({ result: l }) => (r = r.replace(o, `url(${l})`), [o, l]));
+  let n = t.cssText;
+  const r = /url\(["']?([^"')]+)["']?\)/g, a = (n.match(/url\([^)]+\)/g) || []).map(async (i) => {
+    let s = i.replace(r, "$1");
+    return s.startsWith("https://") || (s = new URL(s, t.url).href), qt(s, e.fetchRequestInit, ({ result: l }) => (n = n.replace(i, `url(${l})`), [i, l]));
   });
-  return Promise.all(a).then(() => r);
+  return Promise.all(a).then(() => n);
 }
-function kt(t) {
+function It(t) {
   if (t == null)
     return [];
-  const e = [], r = /(\/\*[\s\S]*?\*\/)/gi;
-  let n = t.replace(r, "");
-  const i = new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
+  const e = [], n = /(\/\*[\s\S]*?\*\/)/gi;
+  let r = t.replace(n, "");
+  const o = new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
   for (; ; ) {
-    const l = i.exec(n);
+    const l = o.exec(r);
     if (l === null)
       break;
     e.push(l[0]);
   }
-  n = n.replace(i, "");
-  const a = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, o = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", s = new RegExp(o, "gi");
+  r = r.replace(o, "");
+  const a = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, i = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", s = new RegExp(i, "gi");
   for (; ; ) {
-    let l = a.exec(n);
+    let l = a.exec(r);
     if (l === null) {
-      if (l = s.exec(n), l === null)
+      if (l = s.exec(r), l === null)
         break;
       a.lastIndex = s.lastIndex;
     } else
@@ -385,142 +385,142 @@ function kt(t) {
   return e;
 }
 async function Ke(t, e) {
-  const r = [], n = [];
-  return t.forEach((i) => {
-    if ("cssRules" in i)
+  const n = [], r = [];
+  return t.forEach((o) => {
+    if ("cssRules" in o)
       try {
-        j(i.cssRules || []).forEach((a, o) => {
+        D(o.cssRules || []).forEach((a, i) => {
           if (a.type === CSSRule.IMPORT_RULE) {
-            let s = o + 1;
-            const l = a.href, v = Pt(l).then((y) => Tt(y, e)).then((y) => kt(y).forEach((p) => {
+            let s = i + 1;
+            const l = a.href, u = kt(l).then((d) => Tt(d, e)).then((d) => It(d).forEach((p) => {
               try {
-                i.insertRule(p, p.startsWith("@import") ? s += 1 : i.cssRules.length);
-              } catch (g) {
+                o.insertRule(p, p.startsWith("@import") ? s += 1 : o.cssRules.length);
+              } catch (m) {
                 console.error("Error inserting rule from remote css", {
                   rule: p,
-                  error: g
+                  error: m
                 });
               }
-            })).catch((y) => {
-              console.error("Error loading remote css", y.toString());
+            })).catch((d) => {
+              console.error("Error loading remote css", d.toString());
             });
-            n.push(v);
+            r.push(u);
           }
         });
       } catch (a) {
-        const o = t.find((s) => s.href == null) || document.styleSheets[0];
-        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);
+        const i = t.find((s) => s.href == null) || document.styleSheets[0];
+        o.href != null && r.push(kt(o.href).then((s) => Tt(s, e)).then((s) => It(s).forEach((l) => {
+          i.insertRule(l, i.cssRules.length);
         })).catch((s) => {
           console.error("Error loading remote stylesheet", s);
         })), console.error("Error inlining remote css file", a);
       }
-  }), Promise.all(n).then(() => (t.forEach((i) => {
-    if ("cssRules" in i)
+  }), Promise.all(r).then(() => (t.forEach((o) => {
+    if ("cssRules" in o)
       try {
-        j(i.cssRules || []).forEach((a) => {
-          r.push(a);
+        D(o.cssRules || []).forEach((a) => {
+          n.push(a);
         });
       } catch (a) {
-        console.error(`Error while reading CSS rules from ${i.href}`, a);
+        console.error(`Error while reading CSS rules from ${o.href}`, a);
       }
-  }), r));
+  }), n));
 }
-function Xe(t) {
-  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => zt(e.style.getPropertyValue("src")));
+function Ye(t) {
+  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => Kt(e.style.getPropertyValue("src")));
 }
-async function Ye(t, e) {
+async function Ge(t, e) {
   if (t.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const r = j(t.ownerDocument.styleSheets), n = await Ke(r, e);
-  return Xe(n);
+  const n = D(t.ownerDocument.styleSheets), r = await Ke(n, e);
+  return Ye(r);
 }
-function Yt(t) {
+function Jt(t) {
   return t.trim().replace(/["']/g, "");
 }
-function Ge(t) {
+function Je(t) {
   const e = /* @__PURE__ */ new Set();
-  function r(n) {
-    (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((a) => {
-      e.add(Yt(a));
-    }), Array.from(n.children).forEach((a) => {
-      a instanceof HTMLElement && r(a);
+  function n(r) {
+    (r.style.fontFamily || getComputedStyle(r).fontFamily).split(",").forEach((a) => {
+      e.add(Jt(a));
+    }), Array.from(r.children).forEach((a) => {
+      a instanceof HTMLElement && n(a);
     });
   }
-  return r(t), e;
+  return n(t), e;
 }
-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 Kt(a.cssText, o, e);
+async function Qe(t, e) {
+  const n = await Ge(t, e), r = Je(t);
+  return (await Promise.all(n.filter((a) => r.has(Jt(a.style.fontFamily))).map((a) => {
+    const i = a.parentStyleSheet ? a.parentStyleSheet.href : null;
+    return Yt(a.cssText, i, e);
   }))).join(`
 `);
 }
 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);
+  const n = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await Qe(t, e);
+  if (n) {
+    const r = document.createElement("style"), o = document.createTextNode(n);
+    r.appendChild(o), t.firstChild ? t.insertBefore(r, t.firstChild) : t.appendChild(r);
   }
 }
-async function 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;
+  const { width: n, height: r } = Wt(t, e), o = await et(t, e, !0);
+  return await Ze(o, e), await Gt(o, e), Xe(o, e), await ge(o, n, r);
 }
 async function en(t, e = {}) {
-  return (await tn(t, e)).toDataURL();
+  const { width: n, height: r } = Wt(t, e), o = await tn(t, e), a = await Y(o), i = document.createElement("canvas"), s = i.getContext("2d"), l = e.pixelRatio || pe(), u = e.canvasWidth || n, d = e.canvasHeight || r;
+  return i.width = u * l, i.height = d * l, e.skipAutoScale || me(i), i.style.width = `${u}`, i.style.height = `${d}`, e.backgroundColor && (s.fillStyle = e.backgroundColor, s.fillRect(0, 0, i.width, i.height)), s.drawImage(a, 0, 0, i.width, i.height), i;
+}
+async function nn(t, e = {}) {
+  return (await en(t, e)).toDataURL();
 }
 const G = "data-nf-capture-chrome";
-function nn(t) {
+function rn(t) {
   return t instanceof Element && (t.hasAttribute(G) || t.hasAttribute("data-nf-mask-cover") || t.id === "notefully");
 }
-function rn() {
+function an() {
   const t = [];
-  return document.querySelectorAll('input[type="password"], [data-notefully-mask]').forEach((r) => {
-    const n = r.getBoundingClientRect(), i = document.createElement("div");
-    i.setAttribute("data-nf-mask-cover", "1"), i.style.cssText = [
+  return document.querySelectorAll('input[type="password"], [data-notefully-mask]').forEach((n) => {
+    const r = n.getBoundingClientRect(), o = document.createElement("div");
+    o.setAttribute("data-nf-mask-cover", "1"), o.style.cssText = [
       "position:fixed",
-      `left:${n.left}px`,
-      `top:${n.top}px`,
-      `width:${Math.max(n.width, 4)}px`,
-      `height:${Math.max(n.height, 4)}px`,
+      `left:${r.left}px`,
+      `top:${r.top}px`,
+      `width:${Math.max(r.width, 4)}px`,
+      `height:${Math.max(r.height, 4)}px`,
       "background:#111",
       "z-index:2147483646",
       "pointer-events:none"
-    ].join(";"), document.body.appendChild(i), t.push(i);
-  }), () => t.forEach((r) => r.remove());
+    ].join(";"), document.body.appendChild(o), t.push(o);
+  }), () => t.forEach((n) => n.remove());
 }
-function an() {
+function on() {
   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() {
+function sn() {
   document.querySelectorAll(`[${G}]`).forEach((t) => t.remove());
 }
-async function sn() {
-  const t = document.getElementById("notefully"), e = t ? t.style.display : "", r = an();
+async function cn() {
+  const t = document.getElementById("notefully"), e = t ? t.style.display : "", n = on();
   t && (t.style.display = "none");
-  const n = rn();
-  await new Promise((i) => requestAnimationFrame(() => requestAnimationFrame(i)));
+  const r = an();
+  await new Promise((o) => requestAnimationFrame(() => requestAnimationFrame(o)));
   try {
-    return await en(document.body, {
+    return await nn(document.body, {
       cacheBust: !0,
       pixelRatio: Math.min(window.devicePixelRatio || 1, 2),
-      filter: (i) => !nn(i)
+      filter: (o) => !rn(o)
     });
   } finally {
-    n(), r.remove(), on(), t && (t.style.display = e);
+    r(), n.remove(), sn(), t && (t.style.display = e);
   }
 }
-function cn(t = {}) {
+function ln(t = {}) {
   return {
     url: location.href,
     title: document.title,
@@ -539,11 +539,11 @@ function cn(t = {}) {
     }
   };
 }
-const At = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), It = {
+const Ht = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Dt = {
   id: "userId",
   username: "displayName",
   name: "displayName"
-}, Dt = /* @__PURE__ */ new Set([
+}, Ft = /* @__PURE__ */ new Set([
   "endpoint",
   "projectKey",
   "version",
@@ -552,7 +552,7 @@ const At = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), It = {
   "hideLauncher",
   "theme",
   "video"
-]), Ft = {
+]), Ot = {
   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.",
@@ -561,65 +561,65 @@ const At = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), It = {
   email: "Pass people via Notefully.identify({ userId, email, displayName }), not init().",
   displayName: "Pass people via Notefully.identify({ userId, email, displayName }), not init()."
 };
-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(It))
-    Object.prototype.hasOwnProperty.call(n, o) && (Object.prototype.hasOwnProperty.call(i, s) || (i[s] = n[o]));
-  for (const o of Object.keys(n))
-    At.has(o) || Object.prototype.hasOwnProperty.call(It, o) || a.push(o);
+function un(t = {}, e = {}) {
+  const n = e.warn || Qt, r = t && typeof t == "object" ? t : {}, o = {}, a = [];
+  for (const i of Ht)
+    Object.prototype.hasOwnProperty.call(r, i) && (o[i] = r[i]);
+  for (const [i, s] of Object.entries(Dt))
+    Object.prototype.hasOwnProperty.call(r, i) && (Object.prototype.hasOwnProperty.call(o, s) || (o[s] = r[i]));
+  for (const i of Object.keys(r))
+    Ht.has(i) || Object.prototype.hasOwnProperty.call(Dt, i) || a.push(i);
   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(
-      `Notefully.identify: ignoring unknown key(s): ${a.join(", ")}. Supported: userId, email, displayName (aliases: id → userId; username/name → displayName).` + o
+    const i = a.some((s) => s === "name" || s === "slug" || s === "projectSlug") ? " Pass the package/report name via Notefully.init({ name }), not identify()." : "";
+    n(
+      `Notefully.identify: ignoring unknown key(s): ${a.join(", ")}. Supported: userId, email, displayName (aliases: id → userId; username/name → displayName).` + i
     );
   }
-  return i;
-}
-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 (Ft[a]) {
-        r(`Notefully.init: ignoring "${a}". ${Ft[a]}`);
+  return o;
+}
+function dn(t = {}, e = {}) {
+  const n = e.warn || Qt, r = t && typeof t == "object" ? t : {}, o = Object.keys(r).filter((a) => !Ft.has(a));
+  if (o.length)
+    for (const a of o) {
+      if (Ot[a]) {
+        n(`Notefully.init: ignoring "${a}". ${Ot[a]}`);
         continue;
       }
-      r(
-        `Notefully.init: ignoring unknown key "${a}". Supported: ${[...Dt].join(", ")}.`
+      n(
+        `Notefully.init: ignoring unknown key "${a}". Supported: ${[...Ft].join(", ")}.`
       );
     }
 }
-function Gt(t) {
+function Qt(t) {
   typeof console < "u" && typeof console.warn == "function" && console.warn(t);
 }
-const dn = 80;
-function fn() {
+const fn = 80;
+function hn() {
   const t = [], e = {};
-  let r = !1;
-  const n = (a, o) => {
+  let n = !1;
+  const r = (a, i) => {
     let s = "";
     try {
-      s = o.map((l) => l instanceof Error ? l.stack || l.message : typeof l == "string" ? l : JSON.stringify(l)).join(" ");
+      s = i.map((l) => l instanceof Error ? l.stack || l.message : typeof l == "string" ? l : JSON.stringify(l)).join(" ");
     } catch {
-      s = String(o[0]);
+      s = String(i[0]);
     }
     t.push({
       level: a,
       text: s.slice(0, 2e3),
       at: Date.now()
-    }), t.length > dn && t.shift();
+    }), t.length > fn && t.shift();
   };
   return {
     hook: () => {
-      r || typeof window > "u" || (r = !0, ["log", "info", "warn", "error"].forEach((a) => {
-        e[a] = console[a].bind(console), console[a] = (...o) => {
-          n(a, o), e[a](...o);
+      n || typeof window > "u" || (n = !0, ["log", "info", "warn", "error"].forEach((a) => {
+        e[a] = console[a].bind(console), console[a] = (...i) => {
+          r(a, i), e[a](...i);
         };
       }), window.addEventListener("error", (a) => {
-        n("error", [a.message || "window.error"]);
+        r("error", [a.message || "window.error"]);
       }), window.addEventListener("unhandledrejection", (a) => {
-        n("error", [a.reason || "unhandledrejection"]);
+        r("error", [a.reason || "unhandledrejection"]);
       }));
     },
     snapshot() {
@@ -627,13 +627,13 @@ function fn() {
     }
   };
 }
-function hn(t) {
+function pn(t) {
   const e = window.SpeechRecognition || window.webkitSpeechRecognition;
-  let r = null, n = !1;
-  const i = () => {
-    if (n = !1, r)
+  let n = null, r = !1;
+  const o = () => {
+    if (r = !1, n)
       try {
-        r.stop();
+        n.stop();
       } catch {
       }
   };
@@ -641,59 +641,59 @@ function hn(t) {
     start: () => {
       if (!e)
         throw new Error("Speech recognition is not supported in this browser.");
-      return n ? (i(), !1) : (r = new e(), r.continuous = !0, r.interimResults = !0, r.lang = navigator.language || "en-US", r.onresult = (o) => {
+      return r ? (o(), !1) : (n = new e(), n.continuous = !0, n.interimResults = !0, n.lang = navigator.language || "en-US", n.onresult = (i) => {
         let s = "";
-        for (let l = o.resultIndex; l < o.results.length; l += 1)
-          o.results[l].isFinal && (s += o.results[l][0].transcript);
+        for (let l = i.resultIndex; l < i.results.length; l += 1)
+          i.results[l].isFinal && (s += i.results[l][0].transcript);
         s && t(s);
-      }, r.onerror = () => {
-        n = !1;
-      }, r.onend = () => {
-        n = !1;
-      }, r.start(), n = !0, !0);
+      }, n.onerror = () => {
+        r = !1;
+      }, n.onend = () => {
+        r = !1;
+      }, n.start(), r = !0, !0);
     },
-    stop: i,
+    stop: o,
     isSupported: () => !!e,
-    isActive: () => n
+    isActive: () => r
   };
 }
-const pn = 60 * 1e3;
-function mn({ onStart: t, onStop: e, onError: r }) {
-  let n = null, i = null, a = [], o = null;
+const mn = 60 * 1e3;
+function yn({ onStart: t, onStop: e, onError: n }) {
+  let r = null, o = null, a = [], i = null;
   const s = () => {
-    if (o && (clearTimeout(o), o = null), i && i.state !== "inactive")
+    if (i && (clearTimeout(i), i = null), o && o.state !== "inactive")
       try {
-        i.stop();
+        o.stop();
       } catch {
       }
-    n && (n.getTracks().forEach((y) => y.stop()), n = null);
+    r && (r.getTracks().forEach((d) => d.stop()), r = null);
   }, l = () => {
-    if (i && i.state === "recording") {
-      i.stop();
+    if (o && o.state === "recording") {
+      o.stop();
       return;
     }
     s(), e(null);
   };
   return { start: async () => {
-    var y, p;
-    if (!((y = navigator.mediaDevices) != null && y.getDisplayMedia))
+    var d, p;
+    if (!((d = navigator.mediaDevices) != null && d.getDisplayMedia))
       throw new Error("Screen recording is not supported in this browser.");
-    n = await navigator.mediaDevices.getDisplayMedia({
+    r = await navigator.mediaDevices.getDisplayMedia({
       video: { displaySurface: "browser" },
       audio: !1,
       preferCurrentTab: !0,
       selfBrowserSurface: "include"
-    }), a = [], i = new MediaRecorder(n, {
+    }), a = [], o = new MediaRecorder(r, {
       mimeType: MediaRecorder.isTypeSupported("video/webm;codecs=vp9") ? "video/webm;codecs=vp9" : "video/webm"
-    }), i.ondataavailable = (g) => {
-      g.data && g.data.size && a.push(g.data);
-    }, i.onstop = () => {
-      const g = a.length ? new Blob(a, { type: i.mimeType || "video/webm" }) : null;
-      s(), e(g);
-    }, (p = n.getVideoTracks()[0]) == null || p.addEventListener("ended", () => l()), i.start(), o = setTimeout(l, pn);
+    }), o.ondataavailable = (m) => {
+      m.data && m.data.size && a.push(m.data);
+    }, o.onstop = () => {
+      const m = a.length ? new Blob(a, { type: o.mimeType || "video/webm" }) : null;
+      s(), e(m);
+    }, (p = r.getVideoTracks()[0]) == null || p.addEventListener("ended", () => l()), o.start(), i = setTimeout(l, mn);
   }, stop: l };
 }
-function yn() {
+function gn() {
   const t = /* @__PURE__ */ new Set();
   return {
     alloc() {
@@ -703,34 +703,34 @@ function yn() {
       return t.add(e), e;
     },
     free(e) {
-      const r = Number(e);
-      Number.isInteger(r) && r > 0 && t.delete(r);
+      const n = Number(e);
+      Number.isInteger(n) && n > 0 && t.delete(n);
     },
     peekUsed() {
-      return [...t].sort((e, r) => e - r);
+      return [...t].sort((e, n) => e - n);
     }
   };
 }
-const st = { x: 0, y: 0, w: 1, h: 1 };
-function Jt() {
-  const t = yn();
-  let e = [], r = { ...st }, n = 1;
+const ct = { x: 0, y: 0, w: 1, h: 1 };
+function Zt() {
+  const t = gn();
+  let e = [], n = { ...ct }, r = 1;
   return {
-    list: () => e.filter((a) => wn(a, r)),
+    list: () => e.filter((a) => bn(a, n)),
     all: () => e.slice(),
-    crop: () => ({ ...r }),
+    crop: () => ({ ...n }),
     setCrop(a) {
-      return r = gn(a), r;
+      return n = wn(a), n;
     },
     resetCrop() {
-      return r = { ...st }, r;
+      return n = { ...ct }, n;
     },
     isCropped() {
-      return r.x > 1e-6 || r.y > 1e-6 || r.w < 1 - 1e-6 || r.h < 1 - 1e-6;
+      return n.x > 1e-6 || n.y > 1e-6 || n.w < 1 - 1e-6 || n.h < 1 - 1e-6;
     },
-    add(a, o) {
+    add(a, i) {
       const s = {
-        id: `s${n++}`,
+        id: `s${r++}`,
         type: a,
         number: t.alloc(),
         x: 0.2,
@@ -739,142 +739,195 @@ function Jt() {
         h: a === "arrow" ? 0.05 : 0.16,
         x2: 0.4,
         y2: 0.28,
-        ...o
+        ...i
       };
       return e.push(s), s;
     },
-    update(a, o) {
+    update(a, i) {
       const s = e.find((l) => l.id === a);
-      return s ? (Object.assign(s, o), s) : null;
+      return s ? (Object.assign(s, i), s) : null;
     },
     remove(a) {
-      const o = e.findIndex((l) => l.id === a);
-      if (o < 0)
+      const i = e.findIndex((l) => l.id === a);
+      if (i < 0)
         return null;
-      const [s] = e.splice(o, 1);
+      const [s] = e.splice(i, 1);
       return t.free(s.number), s;
     },
     reset() {
-      for (e = [], r = { ...st }, n = 1; t.peekUsed().length; )
+      for (e = [], n = { ...ct }, r = 1; t.peekUsed().length; )
         t.free(t.peekUsed()[0]);
     }
   };
 }
-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 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 bn(t, e, r, n = {}) {
-  const i = n.mark || "#fdd341", a = n.markText || "#2a2140";
-  return new Promise((o, s) => {
-    const l = new Image();
-    l.onload = () => {
-      const v = Math.round(e.x * l.width), y = Math.round(e.y * l.height), p = Math.max(1, Math.round(e.w * l.width)), g = Math.max(1, Math.round(e.h * l.height)), P = document.createElement("canvas");
-      P.width = 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 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(T, k, A, U);
-        else if (m.type === "circle")
-          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 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 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"));
-          return;
-        }
-        o(m);
-      }, "image/png");
-    }, l.onerror = () => s(new Error("Could not load screenshot")), l.src = t;
-  });
+function wn(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 dt(t, e, r) {
-  return (t - e.x) / e.w * r;
+function bn(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 ft(t, e, r) {
-  return (t - e.y) / e.h * r;
+function Et(t) {
+  const e = Math.max(1, Number(t) || 1);
+  return {
+    stroke: Math.max(2, e * 75e-4),
+    badgeRadius: Math.max(8, e * 0.025),
+    fontSize: Math.max(10, e * 0.0275),
+    arrowHead: Math.max(8, e * 0.035),
+    arrowHeadAngle: 0.4
+  };
 }
-function vn(t, e, r, n, i, a, o) {
+function vn(t, {
+  stickers: e = [],
+  crop: n = { x: 0, y: 0, w: 1, h: 1 },
+  width: r,
+  height: o,
+  colors: a = {}
+}) {
+  const i = a.mark || "#fdd341", s = a.markText || "#2a2140", l = Et(r);
+  t.save(), t.lineWidth = l.stroke, t.lineCap = "round", t.lineJoin = "round", t.strokeStyle = i, t.fillStyle = i, t.font = `700 ${Math.round(l.fontSize)}px ui-sans-serif, system-ui, sans-serif`, e.forEach((u) => {
+    const d = ft(u.x, n, r), p = ht(u.y, n, o), m = u.w / n.w * r, C = u.h / n.h * o, $ = l.stroke / 2;
+    if (u.type === "rect")
+      t.strokeRect(
+        d + $,
+        p + $,
+        Math.max(0, m - l.stroke),
+        Math.max(0, C - l.stroke)
+      );
+    else if (u.type === "circle")
+      t.beginPath(), t.ellipse(
+        d + m / 2,
+        p + C / 2,
+        Math.max(0.5, m / 2 - $),
+        Math.max(0.5, C / 2 - $),
+        0,
+        0,
+        Math.PI * 2
+      ), t.stroke();
+    else if (u.type === "arrow") {
+      const O = ft(u.x2 ?? u.x + u.w, n, r), j = ht(u.y2 ?? u.y, n, o);
+      Sn(t, d, p, O, j, l);
+    }
+    if (u.number == null || u.number === "")
+      return;
+    const L = xn(u, n, r, o, d, p, m), _ = String(u.number);
+    t.beginPath(), t.arc(L.x, L.y, l.badgeRadius, 0, Math.PI * 2), t.fillStyle = i, t.fill(), t.fillStyle = s, t.textAlign = "center", t.textBaseline = "middle", t.fillText(_, L.x, L.y + 0.5), t.fillStyle = i;
+  }), t.restore();
+}
+function ft(t, e, n) {
+  return (t - e.x) / e.w * n;
+}
+function ht(t, e, n) {
+  return (t - e.y) / e.h * n;
+}
+function xn(t, e, n, r, o, a, i) {
   if (t.type === "arrow") {
-    const s = dt(t.x2 ?? t.x + t.w, e, r), l = ft(t.y2 ?? t.y, e, n);
+    const s = ft(t.x2 ?? t.x + t.w, e, n), l = ht(t.y2 ?? t.y, e, r);
     return {
-      x: (i + s) / 2,
+      x: (o + s) / 2,
       y: (a + l) / 2
     };
   }
-  return { x: i + o / 2, y: a };
-}
-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();
+  return { x: o + i / 2, y: a };
+}
+function te(t, e, n, r, o) {
+  const a = Math.atan2(r - e, n - t), i = o.arrowHead, s = Math.min(o.stroke, i * 0.2), l = n, u = r, d = n - Math.cos(a) * i, p = r - Math.sin(a) * i, m = {
+    x: l - i * Math.cos(a - o.arrowHeadAngle),
+    y: u - i * Math.sin(a - o.arrowHeadAngle)
+  }, C = {
+    x: l - i * Math.cos(a + o.arrowHeadAngle),
+    y: u - i * Math.sin(a + o.arrowHeadAngle)
+  }, $ = {
+    x: n - Math.cos(a) * s,
+    y: r - Math.sin(a) * s
+  };
+  return { angle: a, tipX: l, tipY: u, baseX: d, baseY: p, left: m, right: C, shaftEnd: $ };
+}
+function Sn(t, e, n, r, o, a) {
+  const i = te(e, n, r, o, a);
+  t.beginPath(), t.moveTo(e, n), t.lineTo(i.shaftEnd.x, i.shaftEnd.y), t.stroke(), t.beginPath(), t.moveTo(i.tipX, i.tipY), t.lineTo(i.left.x, i.left.y), t.lineTo(i.right.x, i.right.y), t.closePath(), t.fill();
+}
+function En(t, e, n, r = {}) {
+  return new Promise((o, a) => {
+    const i = new Image();
+    i.onload = () => {
+      const s = Math.round(e.x * i.width), l = Math.round(e.y * i.height), u = Math.max(1, Math.round(e.w * i.width)), d = Math.max(1, Math.round(e.h * i.height)), p = document.createElement("canvas");
+      p.width = u, p.height = d;
+      const m = p.getContext("2d");
+      m.drawImage(i, s, l, u, d, 0, 0, u, d), vn(m, {
+        stickers: n,
+        crop: e,
+        width: u,
+        height: d,
+        colors: r
+      }), p.toBlob((C) => {
+        if (!C) {
+          a(new Error("Could not encode screenshot"));
+          return;
+        }
+        o(C);
+      }, "image/png");
+    }, i.onerror = () => a(new Error("Could not load screenshot")), i.src = t;
+  });
 }
-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 = `
+const Cn = ["bug", "idea", "other"], Mn = ["maker", "all-business", "brighter-day", "quiet-night"], ee = "maker", $n = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), pt = 0.02, jt = 0.05, Rn = `
   <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 D(t) {
+function k(t) {
   return `<svg class="nf-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${t}</svg>`;
 }
-const F = {
-  crop: D('<path d="M6 3v5H1M18 21v-5h5M8 5h8a2 2 0 0 1 2 2v8M16 19H8a2 2 0 0 1-2-2V8"/>'),
-  resetCrop: D('<path d="M3 12a9 9 0 1 0 3-6.7L3 8"/><path d="M3 3v5h5"/>'),
-  arrow: D('<path d="M5 19 19 5"/><path d="M9 5h10v10"/>'),
-  rect: D('<rect x="4" y="6" width="16" height="12" rx="1.5"/>'),
-  circle: D('<circle cx="12" cy="12" r="8"/>'),
-  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"/>')
-}, Qt = fn();
-Qt.hook();
-let d = {
+const T = {
+  crop: k('<path d="M6 3v5H1M18 21v-5h5M8 5h8a2 2 0 0 1 2 2v8M16 19H8a2 2 0 0 1-2-2V8"/>'),
+  resetCrop: k('<path d="M3 12a9 9 0 1 0 3-6.7L3 8"/><path d="M3 3v5h5"/>'),
+  arrow: k('<path d="M5 19 19 5"/><path d="M9 5h10v10"/>'),
+  rect: k('<rect x="4" y="6" width="16" height="12" rx="1.5"/>'),
+  circle: k('<circle cx="12" cy="12" r="8"/>'),
+  discard: k('<path d="M4 7h16"/><path d="M9 7V5h6v2"/><path d="M6 7l1 13h10l1-13"/>'),
+  audio: k('<rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0 0 14 0"/><path d="M12 18v3"/>'),
+  video: k('<rect x="3" y="7" width="13" height="10" rx="2"/><path d="M16 10.5 21 8v8l-5-2.5z"/>')
+}, ne = hn();
+ne.hook();
+let h = {
   endpoint: "",
   projectKey: "",
   version: "0.0.0",
   name: "",
   targets: null,
   hideLauncher: !1,
-  theme: Zt,
+  theme: ee,
   video: !1
-}, 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);
+}, mt = {}, f = null, c = {}, y = Zt(), x = "", W = "", P = null, J = "bug", H = null, R = null, w = null, g = null, X = null, F = null, N = null, I = { w: 0, h: 0 }, lt = !1;
+function v(t) {
+  return f.querySelector(t);
 }
-function te(t) {
+function re(t) {
   const e = String(t || "").trim().toLowerCase().replace(/\s+/g, "-");
-  return En.includes(e) ? e : Zt;
+  return Mn.includes(e) ? e : ee;
 }
-function Ht(t, e) {
-  return u && getComputedStyle(u).getPropertyValue(t).trim() || e;
+function Ut(t, e) {
+  return f && getComputedStyle(f).getPropertyValue(t).trim() || e;
 }
-function x(t, e = !1) {
-  c.status && (c.status.textContent = t || "", K && (clearTimeout(K), K = null), t && !e && (K = setTimeout(() => {
+function b(t, e = !1) {
+  c.status && (c.status.textContent = t || "", X && (clearTimeout(X), X = null), t && !e && (X = setTimeout(() => {
     c.status.textContent = "";
   }, 4e3)));
 }
-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…">${Mn}</button>
+function Ct() {
+  return f && document.body.contains(f) || (f = document.createElement("div"), f.id = "notefully", f.innerHTML = `
+      <button class="nf-launcher" type="button" title="Leave a note…" aria-label="Leave a note…">${Rn}</button>
       <div class="nf-dialog" hidden>
         <div class="nf-panel">
           <div class="nf-stage">
             <div class="nf-palette">
-              <button class="nf-tool nf-icon-btn" type="button" data-tool="crop" title="Crop" aria-label="Crop">${F.crop}</button>
-              <button class="nf-reset-crop nf-icon-btn" type="button" title="Reset crop" aria-label="Reset crop" hidden>${F.resetCrop}</button>
-              <button class="nf-tool nf-icon-btn" type="button" data-tool="arrow" title="Arrow" aria-label="Arrow">${F.arrow}</button>
-              <button class="nf-tool nf-icon-btn" type="button" data-tool="rect" title="Rectangle" aria-label="Rectangle">${F.rect}</button>
-              <button class="nf-tool nf-icon-btn" type="button" data-tool="circle" title="Circle" aria-label="Circle">${F.circle}</button>
+              <button class="nf-tool nf-icon-btn" type="button" data-tool="crop" title="Crop" aria-label="Crop">${T.crop}</button>
+              <button class="nf-reset-crop nf-icon-btn" type="button" title="Reset crop" aria-label="Reset crop" hidden>${T.resetCrop}</button>
+              <button class="nf-tool nf-icon-btn" type="button" data-tool="arrow" title="Arrow" aria-label="Arrow">${T.arrow}</button>
+              <button class="nf-tool nf-icon-btn" type="button" data-tool="rect" title="Rectangle" aria-label="Rectangle">${T.rect}</button>
+              <button class="nf-tool nf-icon-btn" type="button" data-tool="circle" title="Circle" aria-label="Circle">${T.circle}</button>
             </div>
             <div class="nf-canvas"></div>
           </div>
@@ -885,9 +938,9 @@ function St() {
             <button type="button" data-kind="other">Other</button>
           </div>
           <div class="nf-actions">
-            <button class="nf-discard-shot nf-icon-btn" type="button" title="Discard screenshot" aria-label="Discard screenshot">${F.discard}</button>
-            <button class="nf-audio nf-icon-btn" type="button" title="Record audio" aria-label="Record audio">${F.audio}</button>
-            <button class="nf-video nf-icon-btn" type="button" title="Record video" aria-label="Record video">${F.video}</button>
+            <button class="nf-discard-shot nf-icon-btn" type="button" title="Discard screenshot" aria-label="Discard screenshot">${T.discard}</button>
+            <button class="nf-audio nf-icon-btn" type="button" title="Record audio" aria-label="Record audio">${T.audio}</button>
+            <button class="nf-video nf-icon-btn" type="button" title="Record video" aria-label="Record video">${T.video}</button>
             <button class="nf-submit" type="button">Submit</button>
           </div>
           <button class="nf-restore" type="button" hidden>Restore screenshot</button>
@@ -895,313 +948,313 @@ function St() {
         </div>
       </div>
       <button class="nf-stop-video" type="button" hidden>Stop</button>
-    `, document.body.appendChild(u), c = {
-    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"),
+    `, document.body.appendChild(f), c = {
+    launcher: v(".nf-launcher"),
+    dialog: v(".nf-dialog"),
+    stage: v(".nf-stage"),
+    canvas: v(".nf-canvas"),
+    text: v(".nf-text"),
+    restore: v(".nf-restore"),
+    status: v(".nf-status"),
+    audio: v(".nf-audio"),
+    video: v(".nf-video"),
+    discard: v(".nf-discard-shot"),
+    stop: v(".nf-stop-video"),
+    resetCrop: v(".nf-reset-crop"),
+    submit: v(".nf-submit"),
     shot: null
-  }, $n(), nt()), u;
+  }, Pn(), nt()), f;
 }
 function nt() {
   var t;
-  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());
+  f && (f.dataset.theme = re(h.theme), h.hideLauncher ? f.setAttribute("data-nf-hidden-launcher", "") : f.removeAttribute("data-nf-hidden-launcher"), c.video && (c.video.hidden = !h.video), (t = c.dialog) != null && t.hidden && Q());
 }
-function Z() {
-  c.launcher && (c.launcher.hidden = !!d.hideLauncher);
+function Q() {
+  c.launcher && (c.launcher.hidden = !!h.hideLauncher);
 }
-function $n() {
-  c.launcher.addEventListener("click", () => ie()), S(".nf-dialog").addEventListener("click", (t) => {
+function Pn() {
+  c.launcher.addEventListener("click", () => se()), v(".nf-dialog").addEventListener("click", (t) => {
     t.target === c.dialog && at();
-  }), u.querySelectorAll(".nf-tool").forEach((t) => {
-    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) => {
+  }), f.querySelectorAll(".nf-tool").forEach((t) => {
+    t.addEventListener("click", () => gt(t.dataset.tool));
+  }), c.resetCrop.addEventListener("click", Dn), c.canvas.addEventListener("pointerdown", An), c.canvas.addEventListener("dragstart", (t) => t.preventDefault()), f.querySelectorAll("[data-kind]").forEach((t) => {
+    t.addEventListener("click", () => yt(t.dataset.kind));
+  }), c.discard.addEventListener("click", Fn), c.restore.addEventListener("click", On), c.audio.addEventListener("click", jn), c.video.addEventListener("click", Un), c.stop.addEventListener("click", () => N == null ? void 0 : N.stop()), v(".nf-submit").addEventListener("click", () => {
+    ce().catch((t) => b(t.message || "Submit failed."));
+  }), yt("bug"), gt(null);
+}
+function yt(t) {
+  J = Cn.includes(t) ? t : "bug", f.querySelectorAll("[data-kind]").forEach((e) => {
     e.dataset.active = String(e.dataset.kind === J);
   });
 }
-function yt(t) {
-  H = Cn.has(t) ? t : null, R = null, u.querySelectorAll(".nf-tool").forEach((e) => {
+function gt(t) {
+  H = $n.has(t) ? t : null, R = null, f.querySelectorAll(".nf-tool").forEach((e) => {
     e.dataset.active = String(e.dataset.tool === H);
-  }), c.canvas && (c.canvas.dataset.draw = H ? "true" : "false"), E && $();
+  }), c.canvas && (c.canvas.dataset.draw = H ? "true" : "false"), x && M();
 }
-function jt(t) {
+function Bt(t) {
   return Math.min(1, Math.max(0, t));
 }
-function rt() {
+function q() {
   return c.shot || c.canvas;
 }
-function Q(t) {
-  const e = rt().getBoundingClientRect();
+function Z(t) {
+  const e = q().getBoundingClientRect();
   return {
-    x: jt((t.clientX - e.left) / Math.max(e.width, 1)),
-    y: jt((t.clientY - e.top) / Math.max(e.height, 1))
+    x: Bt((t.clientX - e.left) / Math.max(e.width, 1)),
+    y: Bt((t.clientY - e.top) / Math.max(e.height, 1))
   };
 }
-function Rn(t) {
-  const e = rt().getBoundingClientRect();
+function Ln(t) {
+  const e = q().getBoundingClientRect();
   return t.clientX >= e.left && t.clientX <= e.right && t.clientY >= e.top && t.clientY <= e.bottom;
 }
-function ee(t) {
-  const e = Q(t), r = h.crop();
+function ae(t) {
+  const e = Z(t), n = y.crop();
   return {
-    x: r.x + e.x * r.w,
-    y: r.y + e.y * r.h
+    x: n.x + e.x * n.w,
+    y: n.y + e.y * n.h
   };
 }
-function it(t, e) {
-  const r = Math.min(t.x, e.x), n = Math.min(t.y, e.y);
+function rt(t, e) {
+  const n = Math.min(t.x, e.x), r = Math.min(t.y, e.y);
   return {
-    x: r,
-    y: n,
-    w: Math.max(ht, Math.abs(e.x - t.x)),
-    h: Math.max(ht, Math.abs(e.y - t.y))
+    x: n,
+    y: r,
+    w: Math.max(pt, Math.abs(e.x - t.x)),
+    h: Math.max(pt, Math.abs(e.y - t.y))
   };
 }
-function Et(t) {
-  u && (t ? u.dataset.grabbing = "true" : delete u.dataset.grabbing);
+function Mt(t) {
+  f && (t ? f.dataset.grabbing = "true" : delete f.dataset.grabbing);
 }
-function lt(t) {
+function ut(t) {
   try {
     c.canvas.setPointerCapture(t.pointerId);
   } catch {
   }
 }
-function gt() {
-  window.addEventListener("pointermove", re), window.addEventListener("pointerup", tt), window.addEventListener("pointercancel", tt);
+function wt() {
+  window.addEventListener("pointermove", ie), window.addEventListener("pointerup", tt), window.addEventListener("pointercancel", tt);
 }
-function ne() {
-  window.removeEventListener("pointermove", re), window.removeEventListener("pointerup", tt), window.removeEventListener("pointercancel", tt);
+function oe() {
+  window.removeEventListener("pointermove", ie), window.removeEventListener("pointerup", tt), window.removeEventListener("pointercancel", tt);
 }
-function Ln(t) {
-  if (t.button !== 0 || !E)
+function An(t) {
+  if (t.button !== 0 || !x)
     return;
-  if (!t.target.closest(".nf-sticker") && !Rn(t)) {
-    R = null, $();
+  if (!t.target.closest(".nf-sticker") && !Ln(t)) {
+    R = null, M();
     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, lt(t), Pn({
+  const e = t.target.closest(".nf-handle"), n = t.target.closest(".nf-sticker");
+  if (n && n.dataset.preview !== "true") {
+    t.preventDefault(), t.stopPropagation(), R = n.dataset.id, ut(t), kn({
       kind: "sticker",
       id: R,
       dir: (e == null ? void 0 : e.dataset.dir) || "move"
-    }, t), $();
+    }, t), M();
     return;
   }
   if (R = null, H === "crop") {
-    t.preventDefault(), lt(t), b = { kind: "crop", start: Q(t), current: Q(t) }, gt(), $();
+    t.preventDefault(), ut(t), w = { kind: "crop", start: Z(t), current: Z(t) }, wt(), M();
     return;
   }
   if (H === "arrow" || H === "rect" || H === "circle") {
-    t.preventDefault(), lt(t);
-    const n = ee(t);
-    b = { kind: "sticker", type: H, start: n, current: n }, gt(), $();
+    t.preventDefault(), ut(t);
+    const r = ae(t);
+    w = { kind: "sticker", type: H, start: r, current: r }, wt(), M();
     return;
   }
-  $();
+  M();
 }
-function Pn(t, e) {
+function kn(t, e) {
   e.preventDefault(), e.stopPropagation();
-  const r = rt().getBoundingClientRect(), n = h.list().find((i) => i.id === t.id);
-  w = {
+  const n = q().getBoundingClientRect(), r = y.list().find((o) => o.id === t.id);
+  g = {
     ...t,
     startX: e.clientX,
     startY: e.clientY,
-    crop: h.crop(),
-    sticker: n ? { ...n } : null,
-    rect: r
-  }, Et(t.dir === "move" || t.dir === "start" || t.dir === "end"), gt();
+    crop: y.crop(),
+    sticker: r ? { ...r } : null,
+    rect: n
+  }, Mt(t.dir === "move" || t.dir === "start" || t.dir === "end"), wt();
 }
-function re(t) {
-  if (b) {
-    b.current = b.kind === "crop" ? Q(t) : ee(t), $();
+function ie(t) {
+  if (w) {
+    w.current = w.kind === "crop" ? Z(t) : ae(t), M();
     return;
   }
-  if (!w)
+  if (!g)
     return;
-  const e = (t.clientX - w.startX) / w.rect.width * w.crop.w, r = (t.clientY - w.startY) / w.rect.height * w.crop.h, n = w.sticker;
-  if (n) {
-    if (w.dir === "end")
-      h.update(n.id, {
-        x2: n.x2 + e,
-        y2: n.y2 + r
+  const e = (t.clientX - g.startX) / g.rect.width * g.crop.w, n = (t.clientY - g.startY) / g.rect.height * g.crop.h, r = g.sticker;
+  if (r) {
+    if (g.dir === "end")
+      y.update(r.id, {
+        x2: r.x2 + e,
+        y2: r.y2 + n
       });
-    else if (w.dir === "start")
-      h.update(n.id, {
-        x: n.x + e,
-        y: n.y + r
+    else if (g.dir === "start")
+      y.update(r.id, {
+        x: r.x + e,
+        y: r.y + n
       });
-    else if (w.dir === "move")
-      h.update(n.id, {
-        x: n.x + e,
-        y: n.y + r,
-        x2: (n.x2 || n.x) + e,
-        y2: (n.y2 || n.y) + r
+    else if (g.dir === "move")
+      y.update(r.id, {
+        x: r.x + e,
+        y: r.y + n,
+        x2: (r.x2 || r.x) + e,
+        y2: (r.y2 || r.y) + n
       });
     else {
-      const i = { x: n.x, y: n.y, w: n.w, h: n.h };
-      Tn(i, w.dir, e, r), h.update(n.id, i);
+      const o = { x: r.x, y: r.y, w: r.w, h: r.h };
+      Tn(o, g.dir, e, n), y.update(r.id, o);
     }
-    $();
+    M();
   }
 }
-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;
+function Tn(t, e, n, r) {
+  if (e.includes("e") && (t.w = Math.max(0.04, t.w + n)), e.includes("s") && (t.h = Math.max(0.04, t.h + r)), e.includes("w")) {
+    const o = Math.max(0.04, t.w - n);
+    t.x += t.w - o, t.w = o;
   }
   if (e.includes("n")) {
-    const i = Math.max(0.04, t.h - n);
-    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 tt(t) {
-  if (ne(), Et(!1), b) {
-    kn();
+  if (oe(), Mt(!1), w) {
+    In();
     return;
   }
-  if (w) {
-    if (w.kind === "sticker") {
+  if (g) {
+    if (g.kind === "sticker") {
       const e = c.canvas.getBoundingClientRect();
-      (t.clientX < e.left - 24 || t.clientX > e.right + 24 || t.clientY < e.top - 24 || t.clientY > e.bottom + 24) && (h.remove(w.id), R = null);
+      (t.clientX < e.left - 24 || t.clientX > e.right + 24 || t.clientY < e.top - 24 || t.clientY > e.bottom + 24) && (y.remove(g.id), R = null);
     }
-    w = null, $();
+    g = null, M();
   }
 }
-function kn() {
-  const t = b;
-  if (b = null, !t)
+function In() {
+  const t = w;
+  if (w = null, !t)
     return;
   if (t.kind === "crop") {
-    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) {
-      $();
+    const n = rt(t.start, t.current);
+    if (Math.abs(t.current.x - t.start.x) < jt || Math.abs(t.current.y - t.start.y) < jt) {
+      M();
       return;
     }
-    const i = h.crop();
-    h.setCrop({
-      x: i.x + r.x * i.w,
-      y: i.y + r.y * i.h,
-      w: r.w * i.w,
-      h: r.h * i.h
+    const o = y.crop();
+    y.setCrop({
+      x: o.x + n.x * o.w,
+      y: o.y + n.y * o.h,
+      w: n.w * o.w,
+      h: n.h * o.h
     }), z();
     return;
   }
-  const e = An(t);
-  e && (R = e.id), $();
+  const e = Hn(t);
+  e && (R = e.id), M();
 }
-function An(t) {
+function Hn(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) < ht ? h.add("arrow", {
+    const e = t.current.x - t.start.x, n = t.current.y - t.start.y;
+    return Math.hypot(e, n) < pt ? y.add("arrow", {
       x: t.start.x,
       y: t.start.y,
       x2: t.start.x + 0.12,
       y2: t.start.y,
       w: 0.12,
       h: 0.02
-    }) : h.add("arrow", {
+    }) : y.add("arrow", {
       x: t.start.x,
       y: t.start.y,
       x2: t.current.x,
       y2: t.current.y,
       w: Math.abs(e),
-      h: Math.abs(r)
+      h: Math.abs(n)
     });
   }
-  return h.add(t.type, it(t.start, t.current));
+  return y.add(t.type, rt(t.start, t.current));
 }
-function In() {
-  h.resetCrop(), R = null, z();
+function Dn() {
+  y.resetCrop(), R = null, z();
 }
-function wt() {
-  c.resetCrop && (c.resetCrop.hidden = !h.isCropped());
+function bt() {
+  c.resetCrop && (c.resetCrop.hidden = !y.isCropped());
 }
-function Ct(t) {
+function $t(t) {
   if (!c.audio)
     return;
   const e = t ? "Stop audio" : "Record audio";
   c.audio.title = e, c.audio.setAttribute("aria-label", e), c.audio.dataset.active = String(!!t);
 }
-function Dn() {
-  E && (q = E), E = "", c.stage.hidden = !0, c.restore.hidden = !q;
-}
 function Fn() {
-  q && (E = q, c.stage.hidden = !1, c.restore.hidden = !0, z());
+  x && (W = x), x = "", c.stage.hidden = !0, c.restore.hidden = !W;
 }
 function On() {
+  W && (x = W, c.stage.hidden = !1, c.restore.hidden = !0, z());
+}
+function jn() {
   try {
-    if (V || (V = hn((e) => {
-      const r = c.text.value.trim();
-      c.text.value = r ? `${r} ${e}` : e;
-    })), !V.isSupported()) {
-      x("Audio-to-text is not supported in this browser.");
+    if (F || (F = pn((e) => {
+      const n = c.text.value.trim();
+      c.text.value = n ? `${n} ${e}` : e;
+    })), !F.isSupported()) {
+      b("Audio-to-text is not supported in this browser.");
       return;
     }
-    const t = V.start();
-    Ct(t), x(t ? "Listening…" : "");
+    const t = F.start();
+    $t(t), b(t ? "Listening…" : "");
   } catch (t) {
-    x(t.message);
+    b(t.message);
   }
 }
-async function Hn() {
-  if (!d.video) {
-    x("Video is disabled on this host.");
+async function Un() {
+  if (!h.video) {
+    b("Video is disabled on this host.");
     return;
   }
-  c.dialog.hidden = !0, c.stop.hidden = !1, nt(), c.launcher.hidden = !0, W = mn({
+  c.dialog.hidden = !0, c.stop.hidden = !1, nt(), c.launcher.hidden = !0, N = yn({
     onStart() {
     },
     onStop(t) {
-      L = t, c.stop.hidden = !0, Z(), c.dialog.hidden = !1, z(), x(t ? "Video attached." : "Recording cancelled.");
+      P = t, c.stop.hidden = !0, Q(), c.dialog.hidden = !1, z(), b(t ? "Video attached." : "Recording cancelled.");
     },
     onError(t) {
-      x(t.message);
+      b(t.message);
     }
   });
   try {
-    await W.start();
+    await N.start();
   } catch (t) {
-    c.stop.hidden = !0, Z(), c.dialog.hidden = !1, x(t.message);
+    c.stop.hidden = !0, Q(), c.dialog.hidden = !1, b(t.message);
   }
 }
 function z() {
-  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();
+  if (c.shot = null, !x) {
+    c.canvas.style.removeProperty("--nf-shot-aspect"), c.canvas.style.removeProperty("aspect-ratio"), c.canvas.innerHTML = P ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL(P)}"></video>` : "", bt();
     return;
   }
-  c.canvas.innerHTML = `<div class="nf-shot"><img alt="Screenshot" src="${E}" draggable="false"></div>`, c.shot = c.canvas.querySelector(".nf-shot");
+  c.canvas.innerHTML = `<div class="nf-shot"><img alt="Screenshot" src="${x}" 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());
+  t.draggable = !1, t.addEventListener("dragstart", (n) => n.preventDefault());
   const e = () => {
-    jn(t), $();
+    Bn(t), M();
   };
   t.addEventListener("load", e), t.complete && t.naturalWidth && e();
 }
-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)
+function Bn(t) {
+  const e = t.naturalWidth || I.w, n = t.naturalHeight || I.h;
+  if (e && n && (I = { w: e, h: n }, c.canvas.style.setProperty("--nf-shot-aspect", String(e / n)), c.canvas.style.aspectRatio = `${e} / ${n}`), !c.shot || !I.w || !I.h)
     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}%`;
+  const r = y.crop(), o = I.w / I.h, a = r.w / r.h * o, i = Math.min(1, a / o), s = Math.min(1, o / a);
+  c.shot.style.left = `${(1 - i) / 2 * 100}%`, c.shot.style.top = `${(1 - s) / 2 * 100}%`, c.shot.style.width = `${i * 100}%`, c.shot.style.height = `${s * 100}%`, t.style.width = `${100 / r.w}%`, t.style.height = `${100 / r.h}%`, t.style.left = `${-r.x / r.w * 100}%`, t.style.top = `${-r.y / r.h * 100}%`;
 }
-function Un(t) {
+function Vn(t) {
   return t.type === "arrow" ? {
     id: "preview",
     type: "arrow",
@@ -1216,141 +1269,137 @@ function Un(t) {
     id: "preview",
     type: t.type,
     number: "",
-    ...it(t.start, t.current)
+    ...rt(t.start, t.current)
   };
 }
-function $() {
-  if ((c.shot || c.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((n) => n.remove()), !E || !c.shot) {
-    wt();
+function M() {
+  if ((c.shot || c.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((a) => a.remove()), !x || !c.shot) {
+    bt();
     return;
   }
-  const e = h.crop();
-  if ((b == null ? void 0 : b.kind) === "crop") {
-    const n = document.createElement("div");
-    n.className = "nf-crop", Ut(n, it(b.start, b.current), { x: 0, y: 0, w: 1, h: 1 }), c.shot.appendChild(n);
+  const e = y.crop(), n = q(), r = Et(n.clientWidth || 400);
+  if (c.shot.style.setProperty("--nf-anno-stroke", `${r.stroke}px`), c.shot.style.setProperty("--nf-anno-badge", `${r.badgeRadius * 2}px`), c.shot.style.setProperty("--nf-anno-badge-font", `${r.fontSize}px`), c.shot.style.setProperty("--nf-anno-handle", `${Math.max(8, r.stroke * 2.5)}px`), (w == null ? void 0 : w.kind) === "crop") {
+    const a = document.createElement("div");
+    a.className = "nf-crop", Vt(a, rt(w.start, w.current), { x: 0, y: 0, w: 1, h: 1 }), c.shot.appendChild(a);
   }
-  const r = h.list().slice();
-  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" ? 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);
+  const o = y.list().slice();
+  if ((w == null ? void 0 : w.kind) === "sticker" && o.push(Vn(w)), o.forEach((a) => {
+    const i = a.id === "preview", s = !i && a.id === R, l = document.createElement("div");
+    if (l.className = `nf-sticker nf-${a.type}`, l.dataset.id = a.id, s && (l.dataset.selected = "true"), i && (l.dataset.preview = "true"), a.type === "arrow" ? _n(l, a, e, s, r) : (Vt(l, a, e), s && ["nw", "ne", "sw", "se"].forEach((u) => vt(l, u))), !i && a.number) {
+      const u = document.createElement("span");
+      u.className = "nf-badge", u.textContent = String(a.number), l.appendChild(u);
     }
-    c.shot.appendChild(o);
-  }), c.canvas.querySelectorAll(":scope > .nf-recording-preview").forEach((n) => n.remove()), L) {
-    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);
+    c.shot.appendChild(l);
+  }), c.canvas.querySelectorAll(":scope > .nf-recording-preview").forEach((a) => a.remove()), P) {
+    const a = document.createElement("video");
+    a.className = "nf-recording-preview", a.controls = !0, a.src = URL.createObjectURL(P), a.style.position = "absolute", a.style.right = "8px", a.style.bottom = "8px", a.style.width = "160px", c.canvas.appendChild(a);
   }
-  wt();
-}
-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="${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="${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 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 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 Vn(t = {}) {
-  return un(t), d = {
-    ...d,
-    endpoint: String(t.endpoint || d.endpoint || "").replace(/\/$/, ""),
-    projectKey: t.projectKey == null ? d.projectKey : String(t.projectKey),
-    version: t.version == null ? d.version : String(t.version),
-    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: te(t.theme ?? d.theme),
-    video: t.video == null ? d.video : !!t.video
-  }, St(), nt(), oe;
-}
-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("");
+  bt();
+}
+function _n(t, e, n, r, o = Et(400)) {
+  const a = q(), i = a.clientWidth, s = a.clientHeight, l = (e.x - n.x) / n.w * i, u = (e.y - n.y) / n.h * s, d = ((e.x2 ?? e.x + e.w) - n.x) / n.w * i, p = ((e.y2 ?? e.y) - n.y) / n.h * s, m = Math.max(18, o.arrowHead + o.stroke * 2), C = Math.min(l, d) - m, $ = Math.min(u, p) - m, L = Math.max(2, Math.abs(d - l)) + m * 2, _ = Math.max(2, Math.abs(p - u)) + m * 2, O = l - C, j = u - $, ot = d - C, it = p - $, A = te(O, j, ot, it, o), U = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  t.style.left = `${C}px`, t.style.top = `${$}px`, t.style.width = `${L}px`, t.style.height = `${_}px`, U.setAttribute("class", "nf-arrow-svg"), U.setAttribute("viewBox", `0 0 ${L} ${_}`), U.setAttribute("width", String(L)), U.setAttribute("height", String(_)), U.innerHTML = `
+      <line class="nf-arrow-hit" x1="${O}" y1="${j}" x2="${ot}" y2="${it}" />
+      <line class="nf-arrow-shaft" x1="${O}" y1="${j}" x2="${A.shaftEnd.x}" y2="${A.shaftEnd.y}" />
+      <polygon class="nf-arrow-head" points="${A.tipX},${A.tipY} ${A.left.x},${A.left.y} ${A.right.x},${A.right.y}" />
+    `, t.appendChild(U), r && (vt(t, "start", { left: O - 5, top: j - 5 }), vt(t, "end", { left: ot - 5, top: it - 5 }));
+}
+function vt(t, e, n) {
+  const r = document.createElement("span");
+  r.className = "nf-handle", r.dataset.dir = e, n && (r.style.left = `${n.left}px`, r.style.top = `${n.top}px`), t.appendChild(r);
+}
+function Vt(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 Nn(t = {}) {
+  return dn(t), h = {
+    ...h,
+    endpoint: String(t.endpoint || h.endpoint || "").replace(/\/$/, ""),
+    projectKey: t.projectKey == null ? h.projectKey : String(t.projectKey),
+    version: t.version == null ? h.version : String(t.version),
+    name: t.name == null ? h.name : String(t.name || ""),
+    targets: t.targets === void 0 ? h.targets : t.targets,
+    hideLauncher: t.hideLauncher == null ? h.hideLauncher : !!t.hideLauncher,
+    theme: re(t.theme ?? h.theme),
+    video: t.video == null ? h.video : !!t.video
+  }, Ct(), nt(), le;
+}
+async function se() {
+  Ct(), nt(), c.launcher.hidden = !0, y = Zt(), I = { w: 0, h: 0 }, P = null, R = null, w = null, g = null, J = "bug", yt("bug"), gt(null), $t(!1), c.text.value = "", b("");
   try {
-    E = await sn(), q = E, c.stage.hidden = !1, c.restore.hidden = !0, x("");
+    x = await cn(), W = x, c.stage.hidden = !1, c.restore.hidden = !0, b("");
   } catch {
-    E = "", x("Screenshot failed; you can still send text.");
+    x = "", b("Screenshot failed; you can still send text.");
   }
   c.dialog.hidden = !1, z(), c.text.focus();
 }
 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());
+  f && (F == null || F.stop(), $t(!1), oe(), w = null, g = null, Mt(!1), c.dialog.hidden = !0, c.stop.hidden = !0, Q());
 }
-function _n(t = {}) {
-  pt = { ...pt, ...ln(t) };
+function Wn(t = {}) {
+  mt = { ...mt, ...un(t) };
 }
-async function ae() {
-  if (St(), ct)
+async function ce() {
+  if (Ct(), lt)
     return null;
   const t = c.text.value.trim();
-  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;
-  ct = !0, Bt(!0), x("Submitting…", !0);
+  if (!t && !x && !P)
+    return b("Add a note, screenshot, or video first."), null;
+  if (!h.endpoint || !h.projectKey)
+    return b("Notefully is missing endpoint or projectKey."), null;
+  lt = !0, _t(!0), b("Submitting…", !0);
   try {
     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(),
+    if (e.append("message", t), e.append("kind", J), e.append("version", h.version || "0.0.0"), h.name && e.append("name", h.name), e.append("context", JSON.stringify({
+      ...ln(mt),
+      console: ne.snapshot()
+    })), e.append("annotations", JSON.stringify(y.list())), Array.isArray(h.targets) && e.append("targets", JSON.stringify(h.targets)), x) {
+      const o = await En(
+        x,
+        y.crop(),
+        y.list(),
         {
-          mark: Ht("--nf-mark", "#fdd341"),
-          markText: Ht("--nf-mark-text", "#2a2140")
+          mark: Ut("--nf-mark", "#fdd341"),
+          markText: Ut("--nf-mark-text", "#2a2140")
         }
       );
-      e.append("screenshot", i, "screenshot.png");
+      e.append("screenshot", o, "screenshot.png");
     }
-    L && e.append("recording", L, "recording.webm");
-    const r = await fetch(`${d.endpoint}/v1/reports`, {
+    P && e.append("recording", P, "recording.webm");
+    const n = await fetch(`${h.endpoint}/v1/reports`, {
       method: "POST",
       headers: {
-        "X-Notefully-Key": d.projectKey
+        "X-Notefully-Key": h.projectKey
       },
       body: e
     });
-    let n = null;
+    let r = null;
     try {
-      n = await r.json();
+      r = await n.json();
     } catch {
-      n = null;
+      r = 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;
+    if (!n.ok)
+      throw b((r == null ? void 0 : r.error) || "Submit failed."), new Error((r == null ? void 0 : r.error) || `Submit failed (${n.status})`);
+    return b("Sent. Thank you."), at(), r;
   } finally {
-    ct = !1, Bt(!1);
+    lt = !1, _t(!1);
   }
 }
-function Bt(t) {
+function _t(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 = {};
+function qn() {
+  at(), f == null || f.remove(), f = null, c = {};
 }
-const oe = { init: Vn, open: ie, close: at, identify: _n, submit: ae, destroy: Nn };
-typeof window < "u" && (window.Notefully = oe);
+const le = { init: Nn, open: se, close: at, identify: Wn, submit: ce, destroy: qn };
+typeof window < "u" && (window.Notefully = le);
 export {
   at as close,
-  oe as default,
-  Nn as destroy,
-  _n as identify,
-  Vn as init,
-  ie as open,
-  ae as submit
+  le as default,
+  qn as destroy,
+  Wn as identify,
+  Nn as init,
+  se as open,
+  ce as submit
 };