@makefully/notefully 0.1.25 → 0.1.27

package/dist/notefully.js

@@ -1,4 +1,4 @@
-function xe(t, e) {
+function Ce(t, e) {
   if (t.match(/^[a-z]+:\/\//i))
     return t;
   if (t.match(/^\/\//))
@@ -8,7 +8,7 @@ function xe(t, e) {
   const n = document.implementation.createHTMLDocument(), r = n.createElement("base"), i = n.createElement("a");
   return n.head.appendChild(r), n.body.appendChild(i), e && (r.href = e), i.href = t, i.href;
 }
-const Ee = /* @__PURE__ */ (() => {
+const Me = /* @__PURE__ */ (() => {
   let t = 0;
   const e = () => (
     // eslint-disable-next-line no-bitwise
@@ -16,33 +16,33 @@ const Ee = /* @__PURE__ */ (() => {
   );
   return () => (t += 1, `u${e()}${t}`);
 })();
-function D(t) {
+function F(t) {
   const e = [];
   for (let n = 0, r = t.length; n < r; n++)
     e.push(t[n]);
   return e;
 }
 let V = null;
-function Yt(t = {}) {
-  return V || (t.includeStyleProperties ? (V = t.includeStyleProperties, V) : (V = D(window.getComputedStyle(document.documentElement)), V));
+function Gt(t = {}) {
+  return V || (t.includeStyleProperties ? (V = t.includeStyleProperties, V) : (V = F(window.getComputedStyle(document.documentElement)), V));
 }
 function J(t, e) {
   const r = (t.ownerDocument.defaultView || window).getComputedStyle(t).getPropertyValue(e);
   return r ? parseFloat(r.replace("px", "")) : 0;
 }
-function Ce(t) {
+function Le(t) {
   const e = J(t, "border-left-width"), n = J(t, "border-right-width");
   return t.clientWidth + e + n;
 }
-function Me(t) {
+function $e(t) {
   const e = J(t, "border-top-width"), n = J(t, "border-bottom-width");
   return t.clientHeight + e + n;
 }
-function Gt(t, e = {}) {
-  const n = e.width || Ce(t), r = e.height || Me(t);
+function Jt(t, e = {}) {
+  const n = e.width || Le(t), r = e.height || $e(t);
   return { width: n, height: r };
 }
-function Le() {
+function Re() {
   let t, e;
   try {
     e = process;
@@ -51,9 +51,9 @@ function Le() {
   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 E = 16384;
-function $e(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));
+const C = 16384;
+function Ae(t) {
+  (t.width > C || t.height > C) && (t.width > C && t.height > C ? t.width > t.height ? (t.height *= C / t.width, t.width = C) : (t.width *= C / t.height, t.height = C) : t.width > C ? (t.height *= C / t.width, t.width = C) : (t.width *= C / t.height, t.height = C));
 }
 function Q(t) {
   return new Promise((e, n) => {
@@ -65,80 +65,80 @@ function Q(t) {
     }, r.onerror = n, r.crossOrigin = "anonymous", r.decoding = "async", r.src = t;
   });
 }
-async function Ae(t) {
+async function ke(t) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(t)).then(encodeURIComponent).then((e) => `data:image/svg+xml;charset=utf-8,${e}`);
 }
-async function Re(t, e, n) {
+async function Pe(t, e, n) {
   const r = "http://www.w3.org/2000/svg", i = document.createElementNS(r, "svg"), o = document.createElementNS(r, "foreignObject");
-  return i.setAttribute("width", `${e}`), i.setAttribute("height", `${n}`), i.setAttribute("viewBox", `0 0 ${e} ${n}`), o.setAttribute("width", "100%"), o.setAttribute("height", "100%"), o.setAttribute("x", "0"), o.setAttribute("y", "0"), o.setAttribute("externalResourcesRequired", "true"), i.appendChild(o), o.appendChild(t), Ae(i);
+  return i.setAttribute("width", `${e}`), i.setAttribute("height", `${n}`), i.setAttribute("viewBox", `0 0 ${e} ${n}`), o.setAttribute("width", "100%"), o.setAttribute("height", "100%"), o.setAttribute("x", "0"), o.setAttribute("y", "0"), o.setAttribute("externalResourcesRequired", "true"), i.appendChild(o), o.appendChild(t), ke(i);
 }
-const x = (t, e) => {
+const E = (t, e) => {
   if (t instanceof e)
     return !0;
   const n = Object.getPrototypeOf(t);
-  return n === null ? !1 : n.constructor.name === e.name || x(n, e);
+  return n === null ? !1 : n.constructor.name === e.name || E(n, e);
 };
-function ke(t) {
+function Te(t) {
   const e = t.getPropertyValue("content");
   return `${t.cssText} content: '${e.replace(/'|"/g, "")}';`;
 }
-function Pe(t, e) {
-  return Yt(e).map((n) => {
+function Ie(t, e) {
+  return Gt(e).map((n) => {
     const r = t.getPropertyValue(n), i = t.getPropertyPriority(n);
     return `${n}: ${r}${i ? " !important" : ""};`;
   }).join(" ");
 }
-function Te(t, e, n, r) {
-  const i = `.${t}:${e}`, o = n.cssText ? ke(n) : Pe(n, r);
+function Oe(t, e, n, r) {
+  const i = `.${t}:${e}`, o = n.cssText ? Te(n) : Ie(n, r);
   return document.createTextNode(`${i}{${o}}`);
 }
-function Pt(t, e, n, r) {
+function Tt(t, e, n, r) {
   const i = window.getComputedStyle(t, n), o = i.getPropertyValue("content");
   if (o === "" || o === "none")
     return;
-  const a = Ee();
+  const a = Me();
   try {
     e.className = `${e.className} ${a}`;
   } catch {
     return;
   }
   const s = document.createElement("style");
-  s.appendChild(Te(a, n, i, r)), e.appendChild(s);
+  s.appendChild(Oe(a, n, i, r)), e.appendChild(s);
 }
-function Ie(t, e, n) {
-  Pt(t, e, ":before", n), Pt(t, e, ":after", n);
+function He(t, e, n) {
+  Tt(t, e, ":before", n), Tt(t, e, ":after", n);
 }
-const Tt = "application/font-woff", It = "image/jpeg", Oe = {
-  woff: Tt,
-  woff2: Tt,
+const It = "application/font-woff", Ot = "image/jpeg", Fe = {
+  woff: It,
+  woff2: It,
   ttf: "application/font-truetype",
   eot: "application/vnd.ms-fontobject",
   png: "image/png",
-  jpg: It,
-  jpeg: It,
+  jpg: Ot,
+  jpeg: Ot,
   gif: "image/gif",
   tiff: "image/tiff",
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function He(t) {
+function De(t) {
   const e = /\.([^./]*?)$/g.exec(t);
   return e ? e[1] : "";
 }
 function Ct(t) {
-  const e = He(t).toLowerCase();
-  return Oe[e] || "";
+  const e = De(t).toLowerCase();
+  return Fe[e] || "";
 }
-function De(t) {
+function Be(t) {
   return t.split(/,/)[1];
 }
 function mt(t) {
   return t.search(/^(data:)/) !== -1;
 }
-function Fe(t, e) {
+function Ue(t, e) {
   return `data:${e};base64,${t}`;
 }
-async function Jt(t, e, n) {
+async function Qt(t, e, n) {
   const r = await fetch(t, e);
   if (r.status === 404)
     throw new Error(`Resource "${r.url}" not found`);
@@ -155,19 +155,19 @@ async function Jt(t, e, n) {
   });
 }
 const ut = {};
-function Ue(t, e, n) {
+function je(t, e, n) {
   let r = t.replace(/\?.*/, "");
   return n && (r = t), /ttf|otf|eot|woff2?/i.test(r) && (r = r.replace(/.*\//, "")), e ? `[${e}]${r}` : r;
 }
 async function Mt(t, e, n) {
-  const r = Ue(t, e, n.includeQueryParams);
+  const r = je(t, e, n.includeQueryParams);
   if (ut[r] != null)
     return ut[r];
   n.cacheBust && (t += (/\?/.test(t) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
   let i;
   try {
-    const o = await Jt(t, n.fetchRequestInit, ({ res: a, result: s }) => (e || (e = a.headers.get("Content-Type") || ""), De(s)));
-    i = Fe(o, e);
+    const o = await Qt(t, n.fetchRequestInit, ({ res: a, result: s }) => (e || (e = a.headers.get("Content-Type") || ""), Be(s)));
+    i = Ue(o, e);
   } catch (o) {
     i = n.imagePlaceholder || "";
     let a = `Failed to fetch resource: ${t}`;
@@ -175,11 +175,11 @@ async function Mt(t, e, n) {
   }
   return ut[r] = i, i;
 }
-async function je(t) {
+async function _e(t) {
   const e = t.toDataURL();
   return e === "data:," ? t.cloneNode(!1) : Q(e);
 }
-async function Be(t, e) {
+async function Ne(t, e) {
   if (t.currentSrc) {
     const o = document.createElement("canvas"), a = o.getContext("2d");
     o.width = t.clientWidth, o.height = t.clientHeight, a == null || a.drawImage(t, 0, 0, o.width, o.height);
@@ -189,7 +189,7 @@ async function Be(t, e) {
   const n = t.poster, r = Ct(n), i = await Mt(n, r, e);
   return Q(i);
 }
-async function _e(t, e) {
+async function Ve(t, e) {
   var n;
   try {
     if (!((n = t == null ? void 0 : t.contentDocument) === null || n === void 0) && n.body)
@@ -198,42 +198,42 @@ async function _e(t, e) {
   }
   return t.cloneNode(!1);
 }
-async function Ne(t, e) {
-  return x(t, HTMLCanvasElement) ? je(t) : x(t, HTMLVideoElement) ? Be(t, e) : x(t, HTMLIFrameElement) ? _e(t, e) : t.cloneNode(Qt(t));
+async function ze(t, e) {
+  return E(t, HTMLCanvasElement) ? _e(t) : E(t, HTMLVideoElement) ? Ne(t, e) : E(t, HTMLIFrameElement) ? Ve(t, e) : t.cloneNode(Zt(t));
 }
-const Ve = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT", Qt = (t) => t.tagName != null && t.tagName.toUpperCase() === "SVG";
-async function ze(t, e, n) {
+const We = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT", Zt = (t) => t.tagName != null && t.tagName.toUpperCase() === "SVG";
+async function qe(t, e, n) {
   var r, i;
-  if (Qt(e))
+  if (Zt(e))
     return e;
   let o = [];
-  return Ve(t) && t.assignedNodes ? o = D(t.assignedNodes()) : x(t, HTMLIFrameElement) && (!((r = t.contentDocument) === null || r === void 0) && r.body) ? o = D(t.contentDocument.body.childNodes) : o = D(((i = t.shadowRoot) !== null && i !== void 0 ? i : t).childNodes), o.length === 0 || x(t, HTMLVideoElement) || await o.reduce((a, s) => a.then(() => rt(s, n)).then((l) => {
+  return We(t) && t.assignedNodes ? o = F(t.assignedNodes()) : E(t, HTMLIFrameElement) && (!((r = t.contentDocument) === null || r === void 0) && r.body) ? o = F(t.contentDocument.body.childNodes) : o = F(((i = t.shadowRoot) !== null && i !== void 0 ? i : t).childNodes), o.length === 0 || E(t, HTMLVideoElement) || await o.reduce((a, s) => a.then(() => rt(s, n)).then((l) => {
     l && e.appendChild(l);
   }), Promise.resolve()), e;
 }
-function We(t, e, n) {
+function Ke(t, e, n) {
   const r = e.style;
   if (!r)
     return;
   const i = window.getComputedStyle(t);
-  i.cssText ? (r.cssText = i.cssText, r.transformOrigin = i.transformOrigin) : Yt(n).forEach((o) => {
+  i.cssText ? (r.cssText = i.cssText, r.transformOrigin = i.transformOrigin) : Gt(n).forEach((o) => {
     let a = i.getPropertyValue(o);
-    o === "font-size" && a.endsWith("px") && (a = `${Math.floor(parseFloat(a.substring(0, a.length - 2))) - 0.1}px`), x(t, HTMLIFrameElement) && o === "display" && a === "inline" && (a = "block"), o === "d" && e.getAttribute("d") && (a = `path(${e.getAttribute("d")})`), r.setProperty(o, a, i.getPropertyPriority(o));
+    o === "font-size" && a.endsWith("px") && (a = `${Math.floor(parseFloat(a.substring(0, a.length - 2))) - 0.1}px`), E(t, HTMLIFrameElement) && o === "display" && a === "inline" && (a = "block"), o === "d" && e.getAttribute("d") && (a = `path(${e.getAttribute("d")})`), r.setProperty(o, a, i.getPropertyPriority(o));
   });
 }
-function qe(t, e) {
-  x(t, HTMLTextAreaElement) && (e.innerHTML = t.value), x(t, HTMLInputElement) && e.setAttribute("value", t.value);
+function Xe(t, e) {
+  E(t, HTMLTextAreaElement) && (e.innerHTML = t.value), E(t, HTMLInputElement) && e.setAttribute("value", t.value);
 }
-function Ke(t, e) {
-  if (x(t, HTMLSelectElement)) {
+function Ye(t, e) {
+  if (E(t, HTMLSelectElement)) {
     const r = Array.from(e.children).find((i) => t.value === i.getAttribute("value"));
     r && r.setAttribute("selected", "");
   }
 }
-function Xe(t, e, n) {
-  return x(e, Element) && (We(t, e, n), Ie(t, e, n), qe(t, e), Ke(t, e)), e;
+function Ge(t, e, n) {
+  return E(e, Element) && (Ke(t, e, n), He(t, e, n), Xe(t, e), Ye(t, e)), e;
 }
-async function Ye(t, e) {
+async function Je(t, e) {
   const n = t.querySelectorAll ? t.querySelectorAll("use") : [];
   if (n.length === 0)
     return t;
@@ -258,30 +258,30 @@ async function Ye(t, e) {
   return t;
 }
 async function rt(t, e, n) {
-  return !n && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((r) => Ne(r, e)).then((r) => ze(t, r, e)).then((r) => Xe(t, r, e)).then((r) => Ye(r, e));
+  return !n && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((r) => ze(r, e)).then((r) => qe(t, r, e)).then((r) => Ge(t, r, e)).then((r) => Je(r, e));
 }
-const Zt = /url\((['"]?)([^'"]+?)\1\)/g, Ge = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Je = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function Qe(t) {
+const te = /url\((['"]?)([^'"]+?)\1\)/g, Qe = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Ze = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function tn(t) {
   const e = t.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${e})(['"]?\\))`, "g");
 }
-function Ze(t) {
+function en(t) {
   const e = [];
-  return t.replace(Zt, (n, r, i) => (e.push(i), n)), e.filter((n) => !mt(n));
+  return t.replace(te, (n, r, i) => (e.push(i), n)), e.filter((n) => !mt(n));
 }
-async function tn(t, e, n, r, i) {
+async function nn(t, e, n, r, i) {
   try {
-    const o = n ? xe(e, n) : e, a = Ct(e);
+    const o = n ? Ce(e, n) : e, a = Ct(e);
     let s;
-    return i || (s = await Mt(o, a, r)), t.replace(Qe(e), `$1${s}$3`);
+    return i || (s = await Mt(o, a, r)), t.replace(tn(e), `$1${s}$3`);
   } catch {
   }
   return t;
 }
-function en(t, { preferredFontFormat: e }) {
-  return e ? t.replace(Je, (n) => {
+function rn(t, { preferredFontFormat: e }) {
+  return e ? t.replace(Ze, (n) => {
     for (; ; ) {
-      const [r, , i] = Ge.exec(n) || [];
+      const [r, , i] = Qe.exec(n) || [];
       if (!i)
         return "";
       if (i === e)
@@ -289,30 +289,30 @@ function en(t, { preferredFontFormat: e }) {
     }
   }) : t;
 }
-function te(t) {
-  return t.search(Zt) !== -1;
+function ee(t) {
+  return t.search(te) !== -1;
 }
-async function ee(t, e, n) {
-  if (!te(t))
+async function ne(t, e, n) {
+  if (!ee(t))
     return t;
-  const r = en(t, n);
-  return Ze(r).reduce((o, a) => o.then((s) => tn(s, a, e, n)), Promise.resolve(r));
+  const r = rn(t, n);
+  return en(r).reduce((o, a) => o.then((s) => nn(s, a, e, n)), Promise.resolve(r));
 }
 async function z(t, e, n) {
   var r;
   const i = (r = e.style) === null || r === void 0 ? void 0 : r.getPropertyValue(t);
   if (i) {
-    const o = await ee(i, null, n);
+    const o = await ne(i, null, n);
     return e.style.setProperty(t, o, e.style.getPropertyPriority(t)), !0;
   }
   return !1;
 }
-async function nn(t, e) {
+async function on(t, e) {
   await z("background", t, e) || await z("background-image", t, e), await z("mask", t, e) || await z("-webkit-mask", t, e) || await z("mask-image", t, e) || await z("-webkit-mask-image", t, e);
 }
-async function rn(t, e) {
-  const n = x(t, HTMLImageElement);
-  if (!(n && !mt(t.src)) && !(x(t, SVGImageElement) && !mt(t.href.baseVal)))
+async function an(t, e) {
+  const n = E(t, HTMLImageElement);
+  if (!(n && !mt(t.src)) && !(E(t, SVGImageElement) && !mt(t.href.baseVal)))
     return;
   const r = n ? t.src : t.href.baseVal, i = await Mt(r, Ct(r), e);
   await new Promise((o, a) => {
@@ -327,14 +327,14 @@ async function rn(t, e) {
     s.decode && (s.decode = o), s.loading === "lazy" && (s.loading = "eager"), n ? (t.srcset = "", t.src = i) : t.href.baseVal = i;
   });
 }
-async function on(t, e) {
-  const r = D(t.childNodes).map((i) => ne(i, e));
+async function sn(t, e) {
+  const r = F(t.childNodes).map((i) => re(i, e));
   await Promise.all(r).then(() => t);
 }
-async function ne(t, e) {
-  x(t, Element) && (await nn(t, e), await rn(t, e), await on(t, e));
+async function re(t, e) {
+  E(t, Element) && (await on(t, e), await an(t, e), await sn(t, e));
 }
-function an(t, e) {
+function cn(t, e) {
   const { style: n } = t;
   e.backgroundColor && (n.backgroundColor = e.backgroundColor), e.width && (n.width = `${e.width}px`), e.height && (n.height = `${e.height}px`);
   const r = e.style;
@@ -342,23 +342,23 @@ function an(t, e) {
     n[i] = r[i];
   }), t;
 }
-const Ot = {};
-async function Ht(t) {
-  let e = Ot[t];
+const Ht = {};
+async function Ft(t) {
+  let e = Ht[t];
   if (e != null)
     return e;
   const r = await (await fetch(t)).text();
-  return e = { url: t, cssText: r }, Ot[t] = e, e;
+  return e = { url: t, cssText: r }, Ht[t] = e, e;
 }
 async function Dt(t, e) {
   let n = t.cssText;
   const r = /url\(["']?([^"')]+)["']?\)/g, o = (n.match(/url\([^)]+\)/g) || []).map(async (a) => {
     let s = a.replace(r, "$1");
-    return s.startsWith("https://") || (s = new URL(s, t.url).href), Jt(s, e.fetchRequestInit, ({ result: l }) => (n = n.replace(a, `url(${l})`), [a, l]));
+    return s.startsWith("https://") || (s = new URL(s, t.url).href), Qt(s, e.fetchRequestInit, ({ result: l }) => (n = n.replace(a, `url(${l})`), [a, l]));
   });
   return Promise.all(o).then(() => n);
 }
-function Ft(t) {
+function Bt(t) {
   if (t == null)
     return [];
   const e = [], n = /(\/\*[\s\S]*?\*\/)/gi;
@@ -384,32 +384,32 @@ function Ft(t) {
   }
   return e;
 }
-async function sn(t, e) {
+async function ln(t, e) {
   const n = [], r = [];
   return t.forEach((i) => {
     if ("cssRules" in i)
       try {
-        D(i.cssRules || []).forEach((o, a) => {
+        F(i.cssRules || []).forEach((o, a) => {
           if (o.type === CSSRule.IMPORT_RULE) {
             let s = a + 1;
-            const l = o.href, u = Ht(l).then((h) => Dt(h, e)).then((h) => Ft(h).forEach((m) => {
+            const l = o.href, u = Ft(l).then((f) => Dt(f, e)).then((f) => Bt(f).forEach((p) => {
               try {
-                i.insertRule(m, m.startsWith("@import") ? s += 1 : i.cssRules.length);
-              } catch (y) {
+                i.insertRule(p, p.startsWith("@import") ? s += 1 : i.cssRules.length);
+              } catch (m) {
                 console.error("Error inserting rule from remote css", {
-                  rule: m,
-                  error: y
+                  rule: p,
+                  error: m
                 });
               }
-            })).catch((h) => {
-              console.error("Error loading remote css", h.toString());
+            })).catch((f) => {
+              console.error("Error loading remote css", f.toString());
             });
             r.push(u);
           }
         });
       } catch (o) {
         const a = t.find((s) => s.href == null) || document.styleSheets[0];
-        i.href != null && r.push(Ht(i.href).then((s) => Dt(s, e)).then((s) => Ft(s).forEach((l) => {
+        i.href != null && r.push(Ft(i.href).then((s) => Dt(s, e)).then((s) => Bt(s).forEach((l) => {
           a.insertRule(l, a.cssRules.length);
         })).catch((s) => {
           console.error("Error loading remote stylesheet", s);
@@ -418,7 +418,7 @@ async function sn(t, e) {
   }), Promise.all(r).then(() => (t.forEach((i) => {
     if ("cssRules" in i)
       try {
-        D(i.cssRules || []).forEach((o) => {
+        F(i.cssRules || []).forEach((o) => {
           n.push(o);
         });
       } catch (o) {
@@ -426,60 +426,60 @@ async function sn(t, e) {
       }
   }), n));
 }
-function cn(t) {
-  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => te(e.style.getPropertyValue("src")));
+function un(t) {
+  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => ee(e.style.getPropertyValue("src")));
 }
-async function ln(t, e) {
+async function dn(t, e) {
   if (t.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const n = D(t.ownerDocument.styleSheets), r = await sn(n, e);
-  return cn(r);
+  const n = F(t.ownerDocument.styleSheets), r = await ln(n, e);
+  return un(r);
 }
-function re(t) {
+function ie(t) {
   return t.trim().replace(/["']/g, "");
 }
-function un(t) {
+function fn(t) {
   const e = /* @__PURE__ */ new Set();
   function n(r) {
     (r.style.fontFamily || getComputedStyle(r).fontFamily).split(",").forEach((o) => {
-      e.add(re(o));
+      e.add(ie(o));
     }), Array.from(r.children).forEach((o) => {
       o instanceof HTMLElement && n(o);
     });
   }
   return n(t), e;
 }
-async function dn(t, e) {
-  const n = await ln(t, e), r = un(t);
-  return (await Promise.all(n.filter((o) => r.has(re(o.style.fontFamily))).map((o) => {
+async function hn(t, e) {
+  const n = await dn(t, e), r = fn(t);
+  return (await Promise.all(n.filter((o) => r.has(ie(o.style.fontFamily))).map((o) => {
     const a = o.parentStyleSheet ? o.parentStyleSheet.href : null;
-    return ee(o.cssText, a, e);
+    return ne(o.cssText, a, e);
   }))).join(`
 `);
 }
-async function fn(t, e) {
-  const n = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await dn(t, e);
+async function pn(t, e) {
+  const n = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await hn(t, e);
   if (n) {
     const r = document.createElement("style"), i = document.createTextNode(n);
     r.appendChild(i), t.firstChild ? t.insertBefore(r, t.firstChild) : t.appendChild(r);
   }
 }
-async function hn(t, e = {}) {
-  const { width: n, height: r } = Gt(t, e), i = await rt(t, e, !0);
-  return await fn(i, e), await ne(i, e), an(i, e), await Re(i, n, r);
+async function mn(t, e = {}) {
+  const { width: n, height: r } = Jt(t, e), i = await rt(t, e, !0);
+  return await pn(i, e), await re(i, e), cn(i, e), await Pe(i, n, r);
 }
-async function pn(t, e = {}) {
-  const { width: n, height: r } = Gt(t, e), i = await hn(t, e), o = await Q(i), a = document.createElement("canvas"), s = a.getContext("2d"), l = e.pixelRatio || Le(), u = e.canvasWidth || n, h = e.canvasHeight || r;
-  return a.width = u * l, a.height = h * l, e.skipAutoScale || $e(a), a.style.width = `${u}`, a.style.height = `${h}`, e.backgroundColor && (s.fillStyle = e.backgroundColor, s.fillRect(0, 0, a.width, a.height)), s.drawImage(o, 0, 0, a.width, a.height), a;
+async function yn(t, e = {}) {
+  const { width: n, height: r } = Jt(t, e), i = await mn(t, e), o = await Q(i), a = document.createElement("canvas"), s = a.getContext("2d"), l = e.pixelRatio || Re(), u = e.canvasWidth || n, f = e.canvasHeight || r;
+  return a.width = u * l, a.height = f * l, e.skipAutoScale || Ae(a), a.style.width = `${u}`, a.style.height = `${f}`, e.backgroundColor && (s.fillStyle = e.backgroundColor, s.fillRect(0, 0, a.width, a.height)), s.drawImage(o, 0, 0, a.width, a.height), a;
 }
-async function mn(t, e = {}) {
-  return (await pn(t, e)).toDataURL();
+async function gn(t, e = {}) {
+  return (await yn(t, e)).toDataURL();
 }
 const Z = "data-nf-capture-chrome";
-function yn(t) {
+function wn(t) {
   return t instanceof Element && (t.hasAttribute(Z) || t.hasAttribute("data-nf-mask-cover") || t.id === "notefully");
 }
-function gn() {
+function bn() {
   const t = [];
   return document.querySelectorAll('input[type="password"], [data-notefully-mask]').forEach((n) => {
     const r = n.getBoundingClientRect(), i = document.createElement("div");
@@ -495,47 +495,47 @@ function gn() {
     ].join(";"), document.body.appendChild(i), t.push(i);
   }), () => t.forEach((n) => n.remove());
 }
-function wn() {
+function Sn() {
   const t = document.querySelector(`[${Z}]`);
   if (t)
     return t;
   const e = document.createElement("div");
   return e.setAttribute(Z, "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 bn() {
+function vn() {
   document.querySelectorAll(`[${Z}]`).forEach((t) => t.remove());
 }
-async function Sn() {
-  const t = document.getElementById("notefully"), e = t ? t.style.display : "", n = wn();
+async function xn() {
+  const t = document.getElementById("notefully"), e = t ? t.style.display : "", n = Sn();
   t && (t.style.display = "none");
-  const r = gn();
+  const r = bn();
   await new Promise((i) => requestAnimationFrame(() => requestAnimationFrame(i)));
   try {
-    return await mn(document.body, {
+    return await gn(document.body, {
       cacheBust: !0,
       pixelRatio: Math.min(window.devicePixelRatio || 1, 2),
-      filter: (i) => !yn(i)
+      filter: (i) => !wn(i)
     });
   } finally {
-    r(), n.remove(), bn(), t && (t.style.display = e);
+    r(), n.remove(), vn(), t && (t.style.display = e);
   }
 }
-function vn(t = "") {
+function En(t = "") {
   const e = String(t || "");
   return e ? /Windows NT/i.test(e) ? "Windows" : /iPhone|iPad|iPod/i.test(e) ? "iOS" : /Mac OS X|Macintosh/i.test(e) ? "macOS" : /Android/i.test(e) ? "Android" : /CrOS/i.test(e) ? "ChromeOS" : /Linux/i.test(e) ? "Linux" : "Other" : "";
 }
-function xn(t = "") {
+function Cn(t = "") {
   const e = String(t || "");
   return e ? /Edg\//i.test(e) ? "Edge" : /OPR\/|Opera/i.test(e) ? "Opera" : /Firefox\//i.test(e) ? "Firefox" : /Chrome\//i.test(e) || /CriOS\//i.test(e) ? "Chrome" : /Safari\//i.test(e) ? "Safari" : "Other" : "";
 }
-function En(t = {}) {
+function Mn(t = {}) {
   const e = navigator.userAgent;
   return {
     url: location.href,
     title: document.title,
     userAgent: e,
-    os: vn(e),
-    browser: xn(e),
+    os: En(e),
+    browser: Cn(e),
     language: navigator.language,
     timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
     viewport: {
@@ -554,7 +554,7 @@ const Ut = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), jt = {
   id: "userId",
   username: "displayName",
   name: "displayName"
-}, Bt = /* @__PURE__ */ new Set([
+}, _t = /* @__PURE__ */ new Set([
   "endpoint",
   "projectKey",
   "version",
@@ -565,7 +565,7 @@ const Ut = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), jt = {
   "video",
   "consoleLogLimit",
   "kinds"
-]), _t = {
+]), Nt = {
   slug: "Use init({ name }) for a per-app report prefix (same idea as package.json name). slug is not a widget option.",
   projectSlug: "Use init({ name }) for a per-app report prefix. projectSlug is not a widget option.",
   project: "Pass projectKey (nfk_…) from Showfully Notefully settings — there is no project option on the widget.",
@@ -574,8 +574,8 @@ const Ut = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), jt = {
   email: "Pass people via Notefully.identify({ userId, email, displayName }), not init().",
   displayName: "Pass people via Notefully.identify({ userId, email, displayName }), not init()."
 };
-function Cn(t = {}, e = {}) {
-  const n = e.warn || ie, r = t && typeof t == "object" ? t : {}, i = {}, o = [];
+function Ln(t = {}, e = {}) {
+  const n = e.warn || oe, r = t && typeof t == "object" ? t : {}, i = {}, o = [];
   for (const a of Ut)
     Object.prototype.hasOwnProperty.call(r, a) && (i[a] = r[a]);
   for (const [a, s] of Object.entries(jt))
@@ -590,24 +590,24 @@ function Cn(t = {}, e = {}) {
   }
   return i;
 }
-function Mn(t = {}, e = {}) {
-  const n = e.warn || ie, r = t && typeof t == "object" ? t : {}, i = Object.keys(r).filter((o) => !Bt.has(o));
+function $n(t = {}, e = {}) {
+  const n = e.warn || oe, r = t && typeof t == "object" ? t : {}, i = Object.keys(r).filter((o) => !_t.has(o));
   if (i.length)
     for (const o of i) {
-      if (_t[o]) {
-        n(`Notefully.init: ignoring "${o}". ${_t[o]}`);
+      if (Nt[o]) {
+        n(`Notefully.init: ignoring "${o}". ${Nt[o]}`);
         continue;
       }
       n(
-        `Notefully.init: ignoring unknown key "${o}". Supported: ${[...Bt].join(", ")}.`
+        `Notefully.init: ignoring unknown key "${o}". Supported: ${[..._t].join(", ")}.`
       );
     }
 }
-function ie(t) {
+function oe(t) {
   typeof console < "u" && typeof console.warn == "function" && console.warn(t);
 }
-const Ln = 80;
-function $n() {
+const Rn = 80;
+function An() {
   const t = [], e = {};
   let n = !1;
   const r = (o, a) => {
@@ -621,7 +621,7 @@ function $n() {
       level: o,
       text: s.slice(0, 2e3),
       at: Date.now()
-    }), t.length > Ln && t.shift();
+    }), t.length > Rn && t.shift();
   };
   return {
     hook: () => {
@@ -640,7 +640,7 @@ function $n() {
     }
   };
 }
-function An(t) {
+function kn(t) {
   const e = window.SpeechRecognition || window.webkitSpeechRecognition;
   let n = null, r = !1;
   const i = () => {
@@ -670,8 +670,8 @@ function An(t) {
     isActive: () => r
   };
 }
-const Rn = 60 * 1e3;
-function kn({ onStart: t, onStop: e, onError: n }) {
+const Pn = 60 * 1e3;
+function Tn({ onStart: t, onStop: e, onError: n }) {
   let r = null, i = null, o = [], a = null;
   const s = () => {
     if (a && (clearTimeout(a), a = null), i && i.state !== "inactive")
@@ -679,7 +679,7 @@ function kn({ onStart: t, onStop: e, onError: n }) {
         i.stop();
       } catch {
       }
-    r && (r.getTracks().forEach((h) => h.stop()), r = null);
+    r && (r.getTracks().forEach((f) => f.stop()), r = null);
   }, l = () => {
     if (i && i.state === "recording") {
       i.stop();
@@ -688,8 +688,8 @@ function kn({ onStart: t, onStop: e, onError: n }) {
     s(), e(null);
   };
   return { start: async () => {
-    var h, m;
-    if (!((h = navigator.mediaDevices) != null && h.getDisplayMedia))
+    var f, p;
+    if (!((f = navigator.mediaDevices) != null && f.getDisplayMedia))
       throw new Error("Screen recording is not supported in this browser.");
     r = await navigator.mediaDevices.getDisplayMedia({
       video: { displaySurface: "browser" },
@@ -698,15 +698,15 @@ function kn({ onStart: t, onStop: e, onError: n }) {
       selfBrowserSurface: "include"
     }), o = [], i = new MediaRecorder(r, {
       mimeType: MediaRecorder.isTypeSupported("video/webm;codecs=vp9") ? "video/webm;codecs=vp9" : "video/webm"
-    }), i.ondataavailable = (y) => {
-      y.data && y.data.size && o.push(y.data);
+    }), i.ondataavailable = (m) => {
+      m.data && m.data.size && o.push(m.data);
     }, i.onstop = () => {
-      const y = o.length ? new Blob(o, { type: i.mimeType || "video/webm" }) : null;
-      s(), e(y);
-    }, (m = r.getVideoTracks()[0]) == null || m.addEventListener("ended", () => l()), i.start(), a = setTimeout(l, Rn);
+      const m = o.length ? new Blob(o, { type: i.mimeType || "video/webm" }) : null;
+      s(), e(m);
+    }, (p = r.getVideoTracks()[0]) == null || p.addEventListener("ended", () => l()), i.start(), a = setTimeout(l, Pn);
   }, stop: l };
 }
-function Pn() {
+function In() {
   const t = /* @__PURE__ */ new Set();
   return {
     alloc() {
@@ -725,15 +725,15 @@ function Pn() {
   };
 }
 const dt = { x: 0, y: 0, w: 1, h: 1 };
-function oe() {
-  const t = Pn();
+function ae() {
+  const t = In();
   let e = [], n = { ...dt }, r = 1;
   return {
-    list: () => e.filter((o) => In(o, n)),
+    list: () => e.filter((o) => Hn(o, n)),
     all: () => e.slice(),
     crop: () => ({ ...n }),
     setCrop(o) {
-      return n = Tn(o), n;
+      return n = On(o), n;
     },
     resetCrop() {
       return n = { ...dt }, n;
@@ -773,11 +773,11 @@ function oe() {
     }
   };
 }
-function Tn(t) {
+function On(t) {
   const e = Math.min(Math.max(t.x, 0), 0.95), n = Math.min(Math.max(t.y, 0), 0.95), r = Math.min(Math.max(t.w, 0.05), 1 - e), i = Math.min(Math.max(t.h, 0.05), 1 - n);
   return { x: e, y: n, w: r, h: i };
 }
-function In(t, e) {
+function Hn(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;
 }
@@ -791,7 +791,7 @@ function Lt(t) {
     arrowHeadAngle: 0.4
   };
 }
-function On(t, {
+function Fn(t, {
   stickers: e = [],
   crop: n = { x: 0, y: 0, w: 1, h: 1 },
   width: r,
@@ -800,31 +800,31 @@ function On(t, {
 }) {
   const a = o.mark || "#fdd341", s = o.markText || "#2a2140", l = Lt(r);
   t.save(), t.lineWidth = l.stroke, t.lineCap = "round", t.lineJoin = "round", t.strokeStyle = a, t.fillStyle = a, t.font = `700 ${Math.round(l.fontSize)}px ui-sans-serif, system-ui, sans-serif`, e.forEach((u) => {
-    const h = yt(u.x, n, r), m = gt(u.y, n, i), y = u.w / n.w * r, C = u.h / n.h * i, L = l.stroke / 2;
+    const f = yt(u.x, n, r), p = gt(u.y, n, i), m = u.w / n.w * r, x = u.h / n.h * i, L = l.stroke / 2;
     if (u.type === "rect")
       t.strokeRect(
-        h + L,
-        m + L,
-        Math.max(0, y - l.stroke),
-        Math.max(0, C - l.stroke)
+        f + L,
+        p + L,
+        Math.max(0, m - l.stroke),
+        Math.max(0, x - l.stroke)
       );
     else if (u.type === "circle")
       t.beginPath(), t.ellipse(
-        h + y / 2,
-        m + C / 2,
-        Math.max(0.5, y / 2 - L),
-        Math.max(0.5, C / 2 - L),
+        f + m / 2,
+        p + x / 2,
+        Math.max(0.5, m / 2 - L),
+        Math.max(0.5, x / 2 - L),
         0,
         0,
         Math.PI * 2
       ), t.stroke();
     else if (u.type === "arrow") {
-      const B = yt(u.x2 ?? u.x + u.w, n, r), _ = gt(u.y2 ?? u.y, n, i);
-      Dn(t, h, m, B, _, l);
+      const j = yt(u.x2 ?? u.x + u.w, n, r), _ = gt(u.y2 ?? u.y, n, i);
+      Bn(t, f, p, j, _, l);
     }
     if (u.number == null || u.number === "")
       return;
-    const k = Hn(u, n, r, i, h, m, y), W = String(u.number);
+    const k = Dn(u, n, r, i, f, p, m), W = String(u.number);
     t.beginPath(), t.arc(k.x, k.y, l.badgeRadius, 0, Math.PI * 2), t.fillStyle = a, t.fill(), t.fillStyle = s, t.textAlign = "center", t.textBaseline = "middle", t.fillText(W, k.x, k.y + 0.5), t.fillStyle = a;
   }), t.restore();
 }
@@ -834,7 +834,7 @@ function yt(t, e, n) {
 function gt(t, e, n) {
   return (t - e.y) / e.h * n;
 }
-function Hn(t, e, n, r, i, o, a) {
+function Dn(t, e, n, r, i, o, a) {
   if (t.type === "arrow") {
     const s = yt(t.x2 ?? t.x + t.w, e, n), l = gt(t.y2 ?? t.y, e, r);
     return {
@@ -844,74 +844,74 @@ function Hn(t, e, n, r, i, o, a) {
   }
   return { x: i + a / 2, y: o };
 }
-function ae(t, e, n, r, i) {
-  const o = Math.atan2(r - e, n - t), a = i.arrowHead, s = Math.min(i.stroke, a * 0.2), l = n, u = r, h = n - Math.cos(o) * a, m = r - Math.sin(o) * a, y = {
+function se(t, e, n, r, i) {
+  const o = Math.atan2(r - e, n - t), a = i.arrowHead, s = Math.min(i.stroke, a * 0.2), l = n, u = r, f = n - Math.cos(o) * a, p = r - Math.sin(o) * a, m = {
     x: l - a * Math.cos(o - i.arrowHeadAngle),
     y: u - a * Math.sin(o - i.arrowHeadAngle)
-  }, C = {
+  }, x = {
     x: l - a * Math.cos(o + i.arrowHeadAngle),
     y: u - a * Math.sin(o + i.arrowHeadAngle)
   }, L = {
     x: n - Math.cos(o) * s,
     y: r - Math.sin(o) * s
   };
-  return { angle: o, tipX: l, tipY: u, baseX: h, baseY: m, left: y, right: C, shaftEnd: L };
+  return { angle: o, tipX: l, tipY: u, baseX: f, baseY: p, left: m, right: x, shaftEnd: L };
 }
-function Dn(t, e, n, r, i, o) {
-  const a = ae(e, n, r, i, o);
+function Bn(t, e, n, r, i, o) {
+  const a = se(e, n, r, i, o);
   t.beginPath(), t.moveTo(e, n), t.lineTo(a.shaftEnd.x, a.shaftEnd.y), t.stroke(), t.beginPath(), t.moveTo(a.tipX, a.tipY), t.lineTo(a.left.x, a.left.y), t.lineTo(a.right.x, a.right.y), t.closePath(), t.fill();
 }
-function Fn(t, e, n, r = {}) {
+function Un(t, e, n, r = {}) {
   return new Promise((i, o) => {
     const a = new Image();
     a.onload = () => {
-      const s = Math.round(e.x * a.width), l = Math.round(e.y * a.height), u = Math.max(1, Math.round(e.w * a.width)), h = Math.max(1, Math.round(e.h * a.height)), m = document.createElement("canvas");
-      m.width = u, m.height = h;
-      const y = m.getContext("2d");
-      y.drawImage(a, s, l, u, h, 0, 0, u, h), On(y, {
+      const s = Math.round(e.x * a.width), l = Math.round(e.y * a.height), u = Math.max(1, Math.round(e.w * a.width)), f = Math.max(1, Math.round(e.h * a.height)), p = document.createElement("canvas");
+      p.width = u, p.height = f;
+      const m = p.getContext("2d");
+      m.drawImage(a, s, l, u, f, 0, 0, u, f), Fn(m, {
         stickers: n,
         crop: e,
         width: u,
-        height: h,
+        height: f,
         colors: r
-      }), m.toBlob((C) => {
-        if (!C) {
+      }), p.toBlob((x) => {
+        if (!x) {
           o(new Error("Could not encode screenshot"));
           return;
         }
-        i(C);
+        i(x);
       }, "image/png");
     }, a.onerror = () => o(new Error("Could not load screenshot")), a.src = t;
   });
 }
-const U = [
+const B = [
   { id: "bug", label: "Bug" },
   { id: "idea", label: "Idea" },
   { id: "other", label: "Other" }
 ];
-function Nt(t) {
+function Vt(t) {
   return String(t || "").trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 32);
 }
 function ft(t) {
   const e = String(t || "").trim();
   return e ? e.split(/[-_\s]+/).filter(Boolean).map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" ") : "";
 }
-function Un(t) {
+function jn(t) {
   if (!Array.isArray(t) || !t.length)
-    return U.map((r) => ({ ...r }));
+    return B.map((r) => ({ ...r }));
   const e = /* @__PURE__ */ new Set(), n = [];
   for (const r of t) {
     let i = "", o = "";
-    typeof r == "string" || typeof r == "number" ? (i = Nt(r), o = ft(i)) : r && typeof r == "object" && (i = Nt(r.id ?? r.value ?? r.kind), o = String(r.label || r.name || ft(i)).trim() || ft(i)), !(!i || e.has(i)) && (e.add(i), n.push({ id: i, label: o }));
+    typeof r == "string" || typeof r == "number" ? (i = Vt(r), o = ft(i)) : r && typeof r == "object" && (i = Vt(r.id ?? r.value ?? r.kind), o = String(r.label || r.name || ft(i)).trim() || ft(i)), !(!i || e.has(i)) && (e.add(i), n.push({ id: i, label: o }));
   }
-  return n.length ? n : U.map((r) => ({ ...r }));
+  return n.length ? n : B.map((r) => ({ ...r }));
 }
 function it(t) {
   var n;
-  const e = Array.isArray(t) && t.length ? t : U;
+  const e = Array.isArray(t) && t.length ? t : B;
   return e.some((r) => r.id === "bug") ? "bug" : ((n = e[0]) == null ? void 0 : n.id) || "other";
 }
-const jn = ["maker", "all-business", "brighter-day", "quiet-night"], se = "maker", Bn = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), wt = 0.02, Vt = 0.05, _n = `
+const _n = ["maker", "all-business", "brighter-day", "quiet-night"], ce = "maker", Nn = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), wt = 0.02, zt = 0.05, Vn = `
   <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"/>
@@ -929,9 +929,9 @@ const I = {
   discard: T('<path d="M4 7h16"/><path d="M9 7V5h6v2"/><path d="M6 7l1 13h10l1-13"/>'),
   audio: T('<rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0 0 14 0"/><path d="M12 18v3"/>'),
   video: T('<rect x="3" y="7" width="13" height="10" rx="2"/><path d="M16 10.5 21 8v8l-5-2.5z"/>')
-}, ce = $n();
-ce.hook();
-const le = 10, Nn = 80, ue = "notefully.author", bt = "Anonymous";
+}, le = An();
+le.hook();
+const ue = 10, zn = 80, de = "notefully.author", bt = "Anonymous";
 let d = {
   endpoint: "",
   projectKey: "",
@@ -939,120 +939,126 @@ let d = {
   name: "",
   targets: null,
   hideLauncher: !1,
-  theme: se,
+  theme: ce,
   video: !1,
-  consoleLogLimit: le,
-  kinds: U.map((t) => ({ ...t }))
-}, A = {}, f = null, c = {}, p = oe(), v = "", K = "", R = null, j = it(U), H = null, $ = null, w = null, g = null, G = null, F = null, q = null, O = { w: 0, h: 0 }, ht = !1;
-function b(t) {
-  return f.querySelector(t);
+  consoleLogLimit: ue,
+  kinds: B.map((t) => ({ ...t }))
+}, R = {}, h = null, c = {}, y = ae(), S = "", K = "", A = null, U = it(B), H = null, $ = null, b = null, w = null, G = null, D = null, q = null, O = { w: 0, h: 0 }, ht = !1, $t = !1;
+function g(t) {
+  return h.querySelector(t);
 }
-function de(t) {
+function fe(t) {
   const e = String(t || "").trim().toLowerCase().replace(/\s+/g, "-");
-  return jn.includes(e) ? e : se;
+  return _n.includes(e) ? e : ce;
 }
-function zt(t, e) {
-  return f && getComputedStyle(f).getPropertyValue(t).trim() || e;
+function Wt(t, e) {
+  return h && getComputedStyle(h).getPropertyValue(t).trim() || e;
 }
-async function Vn(t) {
+async function Wn(t) {
   return (await fetch(t)).blob();
 }
-function S(t, e = !1) {
+function v(t, e = !1) {
   c.status && (c.status.textContent = t || "", G && (clearTimeout(G), G = null), t && !e && (G = setTimeout(() => {
     c.status.textContent = "";
   }, 4e3)));
 }
-function $t() {
-  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…">${_n}</button>
+function Rt() {
+  return h && document.body.contains(h) || (h = document.createElement("div"), h.id = "notefully", h.innerHTML = `
+      <button class="nf-launcher" type="button" title="Leave a note…" aria-label="Leave a note…">${Vn}</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">${I.crop}</button>
-              <button class="nf-reset-crop nf-icon-btn" type="button" title="Reset crop" aria-label="Reset crop" hidden>${I.resetCrop}</button>
-              <button class="nf-tool nf-icon-btn" type="button" data-tool="arrow" title="Arrow" aria-label="Arrow">${I.arrow}</button>
-              <button class="nf-tool nf-icon-btn" type="button" data-tool="rect" title="Rectangle" aria-label="Rectangle">${I.rect}</button>
-              <button class="nf-tool nf-icon-btn" type="button" data-tool="circle" title="Circle" aria-label="Circle">${I.circle}</button>
+          <div class="nf-panel-body">
+            <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">${I.crop}</button>
+                <button class="nf-reset-crop nf-icon-btn" type="button" title="Reset crop" aria-label="Reset crop" hidden>${I.resetCrop}</button>
+                <button class="nf-tool nf-icon-btn" type="button" data-tool="arrow" title="Arrow" aria-label="Arrow">${I.arrow}</button>
+                <button class="nf-tool nf-icon-btn" type="button" data-tool="rect" title="Rectangle" aria-label="Rectangle">${I.rect}</button>
+                <button class="nf-tool nf-icon-btn" type="button" data-tool="circle" title="Circle" aria-label="Circle">${I.circle}</button>
+              </div>
+              <div class="nf-canvas"></div>
             </div>
-            <div class="nf-canvas"></div>
-          </div>
-          <textarea class="nf-text" placeholder="Describe the bug or the change you want…"></textarea>
-          <input class="nf-author" type="text" name="author" autocomplete="nickname" placeholder="Anonymous" aria-label="Author">
-          <div class="nf-kind"></div>
-          <div class="nf-actions">
-            <button class="nf-discard-shot nf-icon-btn" type="button" title="Discard screenshot" aria-label="Discard screenshot">${I.discard}</button>
-            <button class="nf-audio nf-icon-btn" type="button" title="Record audio" aria-label="Record audio">${I.audio}</button>
-            <button class="nf-video nf-icon-btn" type="button" title="Record video" aria-label="Record video">${I.video}</button>
-            <button class="nf-submit" type="button">Submit</button>
+            <textarea class="nf-text" placeholder="Describe the bug or the change you want…"></textarea>
+            <input class="nf-author" type="text" name="author" autocomplete="nickname" placeholder="Anonymous" aria-label="Author">
+            <div class="nf-kind"></div>
+            <div class="nf-actions">
+              <button class="nf-discard-shot nf-icon-btn" type="button" title="Discard screenshot" aria-label="Discard screenshot">${I.discard}</button>
+              <button class="nf-audio nf-icon-btn" type="button" title="Record audio" aria-label="Record audio">${I.audio}</button>
+              <button class="nf-video nf-icon-btn" type="button" title="Record video" aria-label="Record video">${I.video}</button>
+              <button class="nf-submit" type="button">Submit</button>
+            </div>
+            <button class="nf-restore" type="button" hidden>Restore screenshot</button>
+            <div class="nf-status"></div>
           </div>
-          <button class="nf-restore" type="button" hidden>Restore screenshot</button>
-          <div class="nf-status"></div>
+          <p class="nf-success-msg" hidden aria-live="polite">Submitted!</p>
         </div>
       </div>
       <button class="nf-stop-video" type="button" hidden>Stop</button>
-    `, document.body.appendChild(f), c = {
-    launcher: b(".nf-launcher"),
-    dialog: b(".nf-dialog"),
-    stage: b(".nf-stage"),
-    canvas: b(".nf-canvas"),
-    text: b(".nf-text"),
-    author: b(".nf-author"),
-    restore: b(".nf-restore"),
-    status: b(".nf-status"),
-    audio: b(".nf-audio"),
-    video: b(".nf-video"),
-    discard: b(".nf-discard-shot"),
-    stop: b(".nf-stop-video"),
-    resetCrop: b(".nf-reset-crop"),
-    submit: b(".nf-submit"),
+    `, document.body.appendChild(h), c = {
+    launcher: g(".nf-launcher"),
+    dialog: g(".nf-dialog"),
+    panel: g(".nf-panel"),
+    panelBody: g(".nf-panel-body"),
+    successMsg: g(".nf-success-msg"),
+    stage: g(".nf-stage"),
+    canvas: g(".nf-canvas"),
+    text: g(".nf-text"),
+    author: g(".nf-author"),
+    restore: g(".nf-restore"),
+    status: g(".nf-status"),
+    audio: g(".nf-audio"),
+    video: g(".nf-video"),
+    discard: g(".nf-discard-shot"),
+    stop: g(".nf-stop-video"),
+    resetCrop: g(".nf-reset-crop"),
+    submit: g(".nf-submit"),
     shot: null
-  }, zn(), ot()), f;
+  }, qn(), ot()), h;
 }
 function ot() {
   var t;
-  f && (f.dataset.theme = de(d.theme), d.hideLauncher ? f.setAttribute("data-nf-hidden-launcher", "") : f.removeAttribute("data-nf-hidden-launcher"), c.video && (c.video.hidden = !d.video), fe(), (t = c.dialog) != null && t.hidden && tt());
+  h && (h.dataset.theme = fe(d.theme), d.hideLauncher ? h.setAttribute("data-nf-hidden-launcher", "") : h.removeAttribute("data-nf-hidden-launcher"), c.video && (c.video.hidden = !d.video), he(), (t = c.dialog) != null && t.hidden && tt());
 }
 function tt() {
   c.launcher && (c.launcher.hidden = !!d.hideLauncher);
 }
-function zn() {
-  c.launcher.addEventListener("click", () => be()), b(".nf-dialog").addEventListener("click", (e) => {
-    e.target === c.dialog && st();
-  }), f.querySelectorAll(".nf-tool").forEach((e) => {
+function qn() {
+  c.launcher.addEventListener("click", () => Se()), g(".nf-dialog").addEventListener("click", (e) => {
+    $t || e.target === c.dialog && st();
+  }), h.querySelectorAll(".nf-tool").forEach((e) => {
     e.addEventListener("click", () => St(e.dataset.tool));
-  }), c.resetCrop.addEventListener("click", Jn), c.canvas.addEventListener("pointerdown", qn), c.canvas.addEventListener("dragstart", (e) => e.preventDefault());
-  const t = b(".nf-kind");
+  }), c.resetCrop.addEventListener("click", Zn), c.canvas.addEventListener("pointerdown", Xn), c.canvas.addEventListener("dragstart", (e) => e.preventDefault());
+  const t = g(".nf-kind");
   t && t.addEventListener("click", (e) => {
     const n = e.target.closest("[data-kind]");
     n && At(n.dataset.kind);
-  }), c.discard.addEventListener("click", Qn), c.restore.addEventListener("click", Zn), c.audio.addEventListener("click", tr), c.video.addEventListener("click", er), c.stop.addEventListener("click", () => q == null ? void 0 : q.stop()), b(".nf-submit").addEventListener("click", () => {
-    Se().catch((e) => S(e.message || "Submit failed."));
-  }), fe(), St(null);
+  }), c.discard.addEventListener("click", tr), c.restore.addEventListener("click", er), c.audio.addEventListener("click", nr), c.video.addEventListener("click", rr), c.stop.addEventListener("click", () => q == null ? void 0 : q.stop()), g(".nf-submit").addEventListener("click", () => {
+    xe().catch((e) => v(e.message || "Submit failed."));
+  }), he(), St(null);
 }
-function Wt(t) {
+function qt(t) {
   return String(t || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function fe() {
-  const t = f == null ? void 0 : f.querySelector(".nf-kind");
+function he() {
+  const t = h == null ? void 0 : h.querySelector(".nf-kind");
   if (!t)
     return;
-  const e = Array.isArray(d.kinds) && d.kinds.length ? d.kinds : U;
-  t.innerHTML = e.map((i) => `<button type="button" data-kind="${Wt(i.id)}">${Wt(i.label)}</button>`).join("");
-  const r = e.map((i) => i.id).includes(j) ? j : it(e);
+  const e = Array.isArray(d.kinds) && d.kinds.length ? d.kinds : B;
+  t.innerHTML = e.map((i) => `<button type="button" data-kind="${qt(i.id)}">${qt(i.label)}</button>`).join("");
+  const r = e.map((i) => i.id).includes(U) ? U : it(e);
   At(r);
 }
 function At(t) {
-  j = (d.kinds || U).map((n) => n.id).includes(t) ? t : it(d.kinds), f == null || f.querySelectorAll("[data-kind]").forEach((n) => {
-    n.dataset.active = String(n.dataset.kind === j);
+  U = (d.kinds || B).map((n) => n.id).includes(t) ? t : it(d.kinds), h == null || h.querySelectorAll("[data-kind]").forEach((n) => {
+    n.dataset.active = String(n.dataset.kind === U);
   });
 }
 function St(t) {
-  H = Bn.has(t) ? t : null, $ = null, f.querySelectorAll(".nf-tool").forEach((e) => {
+  H = Nn.has(t) ? t : null, $ = null, h.querySelectorAll(".nf-tool").forEach((e) => {
     e.dataset.active = String(e.dataset.tool === H);
-  }), c.canvas && (c.canvas.dataset.draw = H ? "true" : "false"), v && M();
+  }), c.canvas && (c.canvas.dataset.draw = H ? "true" : "false"), S && M();
 }
-function qt(t) {
+function Kt(t) {
   return Math.min(1, Math.max(0, t));
 }
 function X() {
@@ -1061,16 +1067,16 @@ function X() {
 function et(t) {
   const e = X().getBoundingClientRect();
   return {
-    x: qt((t.clientX - e.left) / Math.max(e.width, 1)),
-    y: qt((t.clientY - e.top) / Math.max(e.height, 1))
+    x: Kt((t.clientX - e.left) / Math.max(e.width, 1)),
+    y: Kt((t.clientY - e.top) / Math.max(e.height, 1))
   };
 }
-function Wn(t) {
+function Kn(t) {
   const e = X().getBoundingClientRect();
   return t.clientX >= e.left && t.clientX <= e.right && t.clientY >= e.top && t.clientY <= e.bottom;
 }
-function he(t) {
-  const e = et(t), n = p.crop();
+function pe(t) {
+  const e = et(t), n = y.crop();
   return {
     x: n.x + e.x * n.w,
     y: n.y + e.y * n.h
@@ -1085,8 +1091,8 @@ function at(t, e) {
     h: Math.max(wt, Math.abs(e.y - t.y))
   };
 }
-function Rt(t) {
-  f && (t ? f.dataset.grabbing = "true" : delete f.dataset.grabbing);
+function kt(t) {
+  h && (t ? h.dataset.grabbing = "true" : delete h.dataset.grabbing);
 }
 function pt(t) {
   try {
@@ -1095,21 +1101,21 @@ function pt(t) {
   }
 }
 function vt() {
-  window.addEventListener("pointermove", me), window.addEventListener("pointerup", nt), window.addEventListener("pointercancel", nt);
+  window.addEventListener("pointermove", ye), window.addEventListener("pointerup", nt), window.addEventListener("pointercancel", nt);
 }
-function pe() {
-  window.removeEventListener("pointermove", me), window.removeEventListener("pointerup", nt), window.removeEventListener("pointercancel", nt);
+function me() {
+  window.removeEventListener("pointermove", ye), window.removeEventListener("pointerup", nt), window.removeEventListener("pointercancel", nt);
 }
-function qn(t) {
-  if (t.button !== 0 || !v)
+function Xn(t) {
+  if (t.button !== 0 || !S)
     return;
-  if (!t.target.closest(".nf-sticker") && !Wn(t)) {
+  if (!t.target.closest(".nf-sticker") && !Kn(t)) {
     $ = null, M();
     return;
   }
   const e = t.target.closest(".nf-handle"), n = t.target.closest(".nf-sticker");
   if (n && n.dataset.preview !== "true") {
-    t.preventDefault(), t.stopPropagation(), $ = n.dataset.id, pt(t), Kn({
+    t.preventDefault(), t.stopPropagation(), $ = n.dataset.id, pt(t), Yn({
       kind: "sticker",
       id: $,
       dir: (e == null ? void 0 : e.dataset.dir) || "move"
@@ -1117,50 +1123,50 @@ function qn(t) {
     return;
   }
   if ($ = null, H === "crop") {
-    t.preventDefault(), pt(t), w = { kind: "crop", start: et(t), current: et(t) }, vt(), M();
+    t.preventDefault(), pt(t), b = { kind: "crop", start: et(t), current: et(t) }, vt(), M();
     return;
   }
   if (H === "arrow" || H === "rect" || H === "circle") {
     t.preventDefault(), pt(t);
-    const r = he(t);
-    w = { kind: "sticker", type: H, start: r, current: r }, vt(), M();
+    const r = pe(t);
+    b = { kind: "sticker", type: H, start: r, current: r }, vt(), M();
     return;
   }
   M();
 }
-function Kn(t, e) {
+function Yn(t, e) {
   e.preventDefault(), e.stopPropagation();
-  const n = X().getBoundingClientRect(), r = p.list().find((i) => i.id === t.id);
-  g = {
+  const n = X().getBoundingClientRect(), r = y.list().find((i) => i.id === t.id);
+  w = {
     ...t,
     startX: e.clientX,
     startY: e.clientY,
-    crop: p.crop(),
+    crop: y.crop(),
     sticker: r ? { ...r } : null,
     rect: n
-  }, Rt(t.dir === "move" || t.dir === "start" || t.dir === "end"), vt();
+  }, kt(t.dir === "move" || t.dir === "start" || t.dir === "end"), vt();
 }
-function me(t) {
-  if (w) {
-    w.current = w.kind === "crop" ? et(t) : he(t), M();
+function ye(t) {
+  if (b) {
+    b.current = b.kind === "crop" ? et(t) : pe(t), M();
     return;
   }
-  if (!g)
+  if (!w)
     return;
-  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;
+  const e = (t.clientX - w.startX) / w.rect.width * w.crop.w, n = (t.clientY - w.startY) / w.rect.height * w.crop.h, r = w.sticker;
   if (r) {
-    if (g.dir === "end")
-      p.update(r.id, {
+    if (w.dir === "end")
+      y.update(r.id, {
         x2: r.x2 + e,
         y2: r.y2 + n
       });
-    else if (g.dir === "start")
-      p.update(r.id, {
+    else if (w.dir === "start")
+      y.update(r.id, {
         x: r.x + e,
         y: r.y + n
       });
-    else if (g.dir === "move")
-      p.update(r.id, {
+    else if (w.dir === "move")
+      y.update(r.id, {
         x: r.x + e,
         y: r.y + n,
         x2: (r.x2 || r.x) + e,
@@ -1168,12 +1174,12 @@ function me(t) {
       });
     else {
       const i = { x: r.x, y: r.y, w: r.w, h: r.h };
-      Xn(i, g.dir, e, n), p.update(r.id, i);
+      Gn(i, w.dir, e, n), y.update(r.id, i);
     }
     M();
   }
 }
-function Xn(t, e, n, r) {
+function Gn(t, e, n, r) {
   if (e.includes("e") && (t.w = Math.max(0.04, t.w + n)), e.includes("s") && (t.h = Math.max(0.04, t.h + r)), e.includes("w")) {
     const i = Math.max(0.04, t.w - n);
     t.x += t.w - i, t.w = i;
@@ -1184,30 +1190,30 @@ function Xn(t, e, n, r) {
   }
 }
 function nt(t) {
-  if (pe(), Rt(!1), w) {
-    Yn();
+  if (me(), kt(!1), b) {
+    Jn();
     return;
   }
-  if (g) {
-    if (g.kind === "sticker") {
+  if (w) {
+    if (w.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) && (p.remove(g.id), $ = null);
+      (t.clientX < e.left - 24 || t.clientX > e.right + 24 || t.clientY < e.top - 24 || t.clientY > e.bottom + 24) && (y.remove(w.id), $ = null);
     }
-    g = null, M();
+    w = null, M();
   }
 }
-function Yn() {
-  const t = w;
-  if (w = null, !t)
+function Jn() {
+  const t = b;
+  if (b = null, !t)
     return;
   if (t.kind === "crop") {
     const n = at(t.start, t.current);
-    if (Math.abs(t.current.x - t.start.x) < Vt || Math.abs(t.current.y - t.start.y) < Vt) {
+    if (Math.abs(t.current.x - t.start.x) < zt || Math.abs(t.current.y - t.start.y) < zt) {
       M();
       return;
     }
-    const i = p.crop();
-    p.setCrop({
+    const i = y.crop();
+    y.setCrop({
       x: i.x + n.x * i.w,
       y: i.y + n.y * i.h,
       w: n.w * i.w,
@@ -1215,20 +1221,20 @@ function Yn() {
     }), Y();
     return;
   }
-  const e = Gn(t);
+  const e = Qn(t);
   e && ($ = e.id), M();
 }
-function Gn(t) {
+function Qn(t) {
   if (t.type === "arrow") {
     const e = t.current.x - t.start.x, n = t.current.y - t.start.y;
-    return Math.hypot(e, n) < wt ? p.add("arrow", {
+    return Math.hypot(e, n) < wt ? 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
-    }) : p.add("arrow", {
+    }) : y.add("arrow", {
       x: t.start.x,
       y: t.start.y,
       x2: t.current.x,
@@ -1237,83 +1243,83 @@ function Gn(t) {
       h: Math.abs(n)
     });
   }
-  return p.add(t.type, at(t.start, t.current));
+  return y.add(t.type, at(t.start, t.current));
 }
-function Jn() {
-  p.resetCrop(), $ = null, Y();
+function Zn() {
+  y.resetCrop(), $ = null, Y();
 }
 function xt() {
-  c.resetCrop && (c.resetCrop.hidden = !p.isCropped());
+  c.resetCrop && (c.resetCrop.hidden = !y.isCropped());
 }
-function kt(t) {
+function Pt(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 Qn() {
-  v && (K = v), v = "", c.stage.hidden = !0, c.restore.hidden = !K;
+function tr() {
+  S && (K = S), S = "", c.stage.hidden = !0, c.restore.hidden = !K;
 }
-function Zn() {
-  K && (v = K, c.stage.hidden = !1, c.restore.hidden = !0, Y());
+function er() {
+  K && (S = K, c.stage.hidden = !1, c.restore.hidden = !0, Y());
 }
-function tr() {
+function nr() {
   try {
-    if (F || (F = An((e) => {
+    if (D || (D = kn((e) => {
       const n = c.text.value.trim();
       c.text.value = n ? `${n} ${e}` : e;
-    })), !F.isSupported()) {
-      S("Audio-to-text is not supported in this browser.");
+    })), !D.isSupported()) {
+      v("Audio-to-text is not supported in this browser.");
       return;
     }
-    const t = F.start();
-    kt(t), S(t ? "Listening…" : "");
+    const t = D.start();
+    Pt(t), v(t ? "Listening…" : "");
   } catch (t) {
-    S(t.message);
+    v(t.message);
   }
 }
-async function er() {
+async function rr() {
   if (!d.video) {
-    S("Video is disabled on this host.");
+    v("Video is disabled on this host.");
     return;
   }
-  c.dialog.hidden = !0, c.stop.hidden = !1, ot(), c.launcher.hidden = !0, q = kn({
+  c.dialog.hidden = !0, c.stop.hidden = !1, ot(), c.launcher.hidden = !0, q = Tn({
     onStart() {
     },
     onStop(t) {
-      R = t, c.stop.hidden = !0, tt(), c.dialog.hidden = !1, Y(), S(t ? "Video attached." : "Recording cancelled.");
+      A = t, c.stop.hidden = !0, tt(), c.dialog.hidden = !1, Y(), v(t ? "Video attached." : "Recording cancelled.");
     },
     onError(t) {
-      S(t.message);
+      v(t.message);
     }
   });
   try {
     await q.start();
   } catch (t) {
-    c.stop.hidden = !0, tt(), c.dialog.hidden = !1, S(t.message);
+    c.stop.hidden = !0, tt(), c.dialog.hidden = !1, v(t.message);
   }
 }
 function Y() {
-  if (c.shot = null, !v) {
-    c.canvas.style.removeProperty("--nf-shot-aspect"), c.canvas.style.removeProperty("aspect-ratio"), c.canvas.innerHTML = R ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL(R)}"></video>` : "", xt();
+  if (c.shot = null, !S) {
+    c.canvas.style.removeProperty("--nf-shot-aspect"), c.canvas.style.removeProperty("aspect-ratio"), c.canvas.innerHTML = A ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL(A)}"></video>` : "", xt();
     return;
   }
-  c.canvas.innerHTML = `<div class="nf-shot"><img alt="Screenshot" src="${v}" draggable="false"></div>`, c.shot = c.canvas.querySelector(".nf-shot");
+  c.canvas.innerHTML = `<div class="nf-shot"><img alt="Screenshot" src="${S}" draggable="false"></div>`, c.shot = c.canvas.querySelector(".nf-shot");
   const t = c.shot.querySelector("img");
   t.draggable = !1, t.addEventListener("dragstart", (n) => n.preventDefault());
   const e = () => {
-    nr(t), M();
+    ir(t), M();
   };
   t.addEventListener("load", e), t.complete && t.naturalWidth && e();
 }
-function nr(t) {
+function ir(t) {
   const e = t.naturalWidth || O.w, n = t.naturalHeight || O.h;
   if (e && n && (O = { w: e, h: n }, c.canvas.style.setProperty("--nf-shot-aspect", String(e / n)), c.canvas.style.aspectRatio = `${e} / ${n}`), !c.shot || !O.w || !O.h)
     return;
-  const r = p.crop(), i = O.w / O.h, o = r.w / r.h * i, a = Math.min(1, o / i), s = Math.min(1, i / o);
+  const r = y.crop(), i = O.w / O.h, o = r.w / r.h * i, a = Math.min(1, o / i), s = Math.min(1, i / o);
   c.shot.style.left = `${(1 - a) / 2 * 100}%`, c.shot.style.top = `${(1 - s) / 2 * 100}%`, c.shot.style.width = `${a * 100}%`, c.shot.style.height = `${s * 100}%`, t.style.width = `${100 / r.w}%`, t.style.height = `${100 / r.h}%`, t.style.left = `${-r.x / r.w * 100}%`, t.style.top = `${-r.y / r.h * 100}%`;
 }
-function rr(t) {
+function or(t) {
   return t.type === "arrow" ? {
     id: "preview",
     type: "arrow",
@@ -1332,90 +1338,90 @@ function rr(t) {
   };
 }
 function M() {
-  if ((c.shot || c.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((o) => o.remove()), !v || !c.shot) {
+  if ((c.shot || c.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((o) => o.remove()), !S || !c.shot) {
     xt();
     return;
   }
-  const e = p.crop(), n = X(), r = Lt(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 e = y.crop(), n = X(), r = Lt(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`), (b == null ? void 0 : b.kind) === "crop") {
     const o = document.createElement("div");
-    o.className = "nf-crop", Kt(o, at(w.start, w.current), { x: 0, y: 0, w: 1, h: 1 }), c.shot.appendChild(o);
+    o.className = "nf-crop", Xt(o, at(b.start, b.current), { x: 0, y: 0, w: 1, h: 1 }), c.shot.appendChild(o);
   }
-  const i = p.list().slice();
-  if ((w == null ? void 0 : w.kind) === "sticker" && i.push(rr(w)), i.forEach((o) => {
+  const i = y.list().slice();
+  if ((b == null ? void 0 : b.kind) === "sticker" && i.push(or(b)), i.forEach((o) => {
     const a = o.id === "preview", s = !a && o.id === $, l = document.createElement("div");
-    if (l.className = `nf-sticker nf-${o.type}`, l.dataset.id = o.id, s && (l.dataset.selected = "true"), a && (l.dataset.preview = "true"), o.type === "arrow" ? ir(l, o, e, s, r) : (Kt(l, o, e), s && ["nw", "ne", "sw", "se"].forEach((u) => Et(l, u))), !a && o.number) {
+    if (l.className = `nf-sticker nf-${o.type}`, l.dataset.id = o.id, s && (l.dataset.selected = "true"), a && (l.dataset.preview = "true"), o.type === "arrow" ? ar(l, o, e, s, r) : (Xt(l, o, e), s && ["nw", "ne", "sw", "se"].forEach((u) => Et(l, u))), !a && o.number) {
       const u = document.createElement("span");
       u.className = "nf-badge", u.textContent = String(o.number), l.appendChild(u);
     }
     c.shot.appendChild(l);
-  }), c.canvas.querySelectorAll(":scope > .nf-recording-preview").forEach((o) => o.remove()), R) {
+  }), c.canvas.querySelectorAll(":scope > .nf-recording-preview").forEach((o) => o.remove()), A) {
     const o = document.createElement("video");
-    o.className = "nf-recording-preview", o.controls = !0, o.src = URL.createObjectURL(R), o.style.position = "absolute", o.style.right = "8px", o.style.bottom = "8px", o.style.width = "160px", c.canvas.appendChild(o);
+    o.className = "nf-recording-preview", o.controls = !0, o.src = URL.createObjectURL(A), o.style.position = "absolute", o.style.right = "8px", o.style.bottom = "8px", o.style.width = "160px", c.canvas.appendChild(o);
   }
   xt();
 }
-function ir(t, e, n, r, i = Lt(400)) {
-  const o = X(), a = o.clientWidth, s = o.clientHeight, l = (e.x - n.x) / n.w * a, u = (e.y - n.y) / n.h * s, h = ((e.x2 ?? e.x + e.w) - n.x) / n.w * a, m = ((e.y2 ?? e.y) - n.y) / n.h * s, y = Math.max(18, i.arrowHead + i.stroke * 2), C = Math.min(l, h) - y, L = Math.min(u, m) - y, k = Math.max(2, Math.abs(h - l)) + y * 2, W = Math.max(2, Math.abs(m - u)) + y * 2, B = l - C, _ = u - L, ct = h - C, lt = m - L, P = ae(B, _, ct, lt, i), N = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  t.style.left = `${C}px`, t.style.top = `${L}px`, t.style.width = `${k}px`, t.style.height = `${W}px`, N.setAttribute("class", "nf-arrow-svg"), N.setAttribute("viewBox", `0 0 ${k} ${W}`), N.setAttribute("width", String(k)), N.setAttribute("height", String(W)), N.innerHTML = `
-      <line class="nf-arrow-hit" x1="${B}" y1="${_}" x2="${ct}" y2="${lt}" />
-      <line class="nf-arrow-shaft" x1="${B}" y1="${_}" x2="${P.shaftEnd.x}" y2="${P.shaftEnd.y}" />
+function ar(t, e, n, r, i = Lt(400)) {
+  const o = X(), a = o.clientWidth, s = o.clientHeight, l = (e.x - n.x) / n.w * a, u = (e.y - n.y) / n.h * s, f = ((e.x2 ?? e.x + e.w) - n.x) / n.w * a, p = ((e.y2 ?? e.y) - n.y) / n.h * s, m = Math.max(18, i.arrowHead + i.stroke * 2), x = Math.min(l, f) - m, L = Math.min(u, p) - m, k = Math.max(2, Math.abs(f - l)) + m * 2, W = Math.max(2, Math.abs(p - u)) + m * 2, j = l - x, _ = u - L, ct = f - x, lt = p - L, P = se(j, _, ct, lt, i), N = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  t.style.left = `${x}px`, t.style.top = `${L}px`, t.style.width = `${k}px`, t.style.height = `${W}px`, N.setAttribute("class", "nf-arrow-svg"), N.setAttribute("viewBox", `0 0 ${k} ${W}`), N.setAttribute("width", String(k)), N.setAttribute("height", String(W)), N.innerHTML = `
+      <line class="nf-arrow-hit" x1="${j}" y1="${_}" x2="${ct}" y2="${lt}" />
+      <line class="nf-arrow-shaft" x1="${j}" y1="${_}" x2="${P.shaftEnd.x}" y2="${P.shaftEnd.y}" />
       <polygon class="nf-arrow-head" points="${P.tipX},${P.tipY} ${P.left.x},${P.left.y} ${P.right.x},${P.right.y}" />
-    `, t.appendChild(N), r && (Et(t, "start", { left: B - 5, top: _ - 5 }), Et(t, "end", { left: ct - 5, top: lt - 5 }));
+    `, t.appendChild(N), r && (Et(t, "start", { left: j - 5, top: _ - 5 }), Et(t, "end", { left: ct - 5, top: lt - 5 }));
 }
 function Et(t, e, n) {
   const r = document.createElement("span");
   r.className = "nf-handle", r.dataset.dir = e, n && (r.style.left = `${n.left}px`, r.style.top = `${n.top}px`), t.appendChild(r);
 }
-function Kt(t, e, n) {
+function Xt(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 or() {
+function sr() {
   try {
-    return String(localStorage.getItem(ue) || "").trim();
+    return String(localStorage.getItem(de) || "").trim();
   } catch {
     return "";
   }
 }
-function ar(t) {
+function cr(t) {
   const e = String(t || "").trim();
   if (!(!e || e === bt))
     try {
-      localStorage.setItem(ue, e);
+      localStorage.setItem(de, e);
     } catch {
     }
 }
-function ye() {
-  return !!(String(A.userId || "").trim() || String(A.email || "").trim() || String(A.displayName || "").trim());
+function ge() {
+  return !!(String(R.userId || "").trim() || String(R.email || "").trim() || String(R.displayName || "").trim());
 }
-function sr() {
+function lr() {
   return String(
-    A.displayName || A.email || A.userId || ""
+    R.displayName || R.email || R.userId || ""
   ).trim();
 }
-function cr() {
+function ur() {
   var e;
-  if (ye())
-    return sr() || bt;
+  if (ge())
+    return lr() || bt;
   const t = String(((e = c.author) == null ? void 0 : e.value) || "").trim();
-  return t ? (ar(t), t) : bt;
+  return t ? (cr(t), t) : bt;
 }
-function ge() {
+function we() {
   if (!c.author)
     return;
-  const t = ye();
+  const t = ge();
   if (c.author.hidden = t, t) {
     c.author.value = "";
     return;
   }
-  c.author.value = or();
+  c.author.value = sr();
 }
-function we(t, e = le) {
+function be(t, e = ue) {
   const n = Number(t);
-  return Number.isFinite(n) ? Math.min(Nn, Math.max(0, Math.floor(n))) : e;
+  return Number.isFinite(n) ? Math.min(zn, Math.max(0, Math.floor(n))) : e;
 }
-function lr(t = {}) {
-  Mn(t);
+function dr(t = {}) {
+  $n(t);
   const e = Object.prototype.hasOwnProperty.call(t, "kinds");
   return d = {
     ...d,
@@ -1425,61 +1431,89 @@ function lr(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: de(t.theme ?? d.theme),
+    theme: fe(t.theme ?? d.theme),
     video: t.video == null ? d.video : !!t.video,
-    consoleLogLimit: t.consoleLogLimit == null ? d.consoleLogLimit : we(t.consoleLogLimit, d.consoleLogLimit),
-    kinds: e ? Un(t.kinds) : d.kinds
-  }, $t(), ot(), ve;
+    consoleLogLimit: t.consoleLogLimit == null ? d.consoleLogLimit : be(t.consoleLogLimit, d.consoleLogLimit),
+    kinds: e ? jn(t.kinds) : d.kinds
+  }, Rt(), ot(), Ee;
 }
-async function be() {
-  $t(), ot(), c.launcher.hidden = !0, p = oe(), O = { w: 0, h: 0 }, R = null, $ = null, w = null, g = null, j = it(d.kinds), At(j), St(null), kt(!1), c.text.value = "", ge(), S("");
+async function Se() {
+  Rt(), ve(), ot(), c.launcher.hidden = !0, y = ae(), O = { w: 0, h: 0 }, A = null, $ = null, b = null, w = null, U = it(d.kinds), At(U), St(null), Pt(!1), c.text.value = "", we(), v("");
   try {
-    v = await Sn(), K = v, c.stage.hidden = !1, c.restore.hidden = !0, S("");
+    S = await xn(), K = S, c.stage.hidden = !1, c.restore.hidden = !0, v("");
   } catch {
-    v = "", S("Screenshot failed; you can still send text.");
+    S = "", v("Screenshot failed; you can still send text.");
   }
   c.dialog.hidden = !1, Y(), c.text.focus();
 }
 function st() {
-  f && (F == null || F.stop(), kt(!1), pe(), w = null, g = null, Rt(!1), c.dialog.hidden = !0, c.stop.hidden = !0, tt());
+  h && (D == null || D.stop(), Pt(!1), me(), b = null, w = null, kt(!1), ve(), c.dialog.hidden = !0, c.stop.hidden = !0, tt());
+}
+function fr() {
+  const t = c.dialog, e = c.panel, n = c.panelBody, r = c.successMsg;
+  if (!t || !e || !n || !r)
+    return Promise.resolve();
+  $t = !0, v("");
+  const i = typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches, o = e.getBoundingClientRect();
+  if (n.hidden = !0, r.hidden = !1, t.classList.add("nf-success"), t.style.opacity = "1", i)
+    return new Promise((u) => {
+      window.setTimeout(() => u(), 1e3);
+    });
+  const a = e.getBoundingClientRect(), s = a.width > 0 ? o.width / a.width : 1, l = a.height > 0 ? o.height / a.height : 1;
+  return e.style.transformOrigin = "center center", e.style.transition = "none", e.style.transform = `scale(${s}, ${l})`, e.getBoundingClientRect(), new Promise((u) => {
+    let f = !1;
+    const p = () => {
+      f || (f = !0, e.removeEventListener("transitionend", m), window.setTimeout(() => {
+        t.style.transition = "opacity 0.28s ease", t.style.opacity = "0", window.setTimeout(() => u(), 280);
+      }, 1e3));
+    }, m = (x) => {
+      x.target !== e || x.propertyName !== "transform" || p();
+    };
+    e.addEventListener("transitionend", m), requestAnimationFrame(() => {
+      e.style.transition = "transform 0.48s cubic-bezier(0.22, 1, 0.36, 1)", e.style.transform = "scale(1)";
+    }), window.setTimeout(p, 700);
+  });
 }
-function ur(t = {}) {
-  A = { ...A, ...Cn(t) }, ge();
+function ve() {
+  $t = !1, c.dialog && (c.dialog.classList.remove("nf-success"), c.dialog.style.opacity = "", c.dialog.style.transition = "", c.panel && (c.panel.style.transform = "", c.panel.style.transition = "", c.panel.style.transformOrigin = ""), c.panelBody && (c.panelBody.hidden = !1), c.successMsg && (c.successMsg.hidden = !0));
 }
-async function Se() {
-  if ($t(), ht)
+function hr(t = {}) {
+  R = { ...R, ...Ln(t) }, we();
+}
+async function xe() {
+  if (Rt(), ht)
     return null;
   const t = c.text.value.trim();
-  if (!t && !v && !R)
-    return S("Add a note, screenshot, or video first."), null;
+  if (!t && !S && !A)
+    return v("Add a note, screenshot, or video first."), null;
   if (!d.endpoint || !d.projectKey)
-    return S("Notefully is missing endpoint or projectKey."), null;
-  ht = !0, Xt(!0), S("Submitting…", !0);
+    return v("Notefully is missing endpoint or projectKey."), null;
+  ht = !0, Yt(!0), v("Submitting…", !0);
   try {
-    const e = cr(), n = new FormData();
-    if (n.append("message", t), n.append("kind", j), n.append("version", d.version || "0.0.0"), n.append("author", e), d.name && n.append("name", d.name), n.append("context", JSON.stringify({
-      ...En({
-        ...A,
-        displayName: A.displayName || e
+    const e = ur(), n = new FormData();
+    if (n.append("message", t), n.append("kind", U), n.append("version", d.version || "0.0.0"), n.append("author", e), d.name && n.append("name", d.name), n.append("context", JSON.stringify({
+      ...Mn({
+        ...R,
+        displayName: R.displayName || e
       }),
       author: e,
-      console: ce.snapshot().slice(-we(d.consoleLogLimit))
-    })), n.append("annotations", JSON.stringify(p.list())), n.append("crop", JSON.stringify(p.crop())), Array.isArray(d.targets) && n.append("targets", JSON.stringify(d.targets)), v) {
-      const o = await Vn(v);
-      if (n.append("screenshot", o, "screenshot.png"), p.list().length || p.isCropped()) {
-        const a = await Fn(
-          v,
-          p.crop(),
-          p.list(),
+      console: le.snapshot().slice(-be(d.consoleLogLimit))
+    })), n.append("annotations", JSON.stringify(y.list())), n.append("crop", JSON.stringify(y.crop())), Array.isArray(d.targets) && n.append("targets", JSON.stringify(d.targets)), S) {
+      const o = await Wn(S);
+      if (n.append("screenshot", o, "screenshot.png"), y.list().length || y.isCropped()) {
+        const a = await Un(
+          S,
+          y.crop(),
+          y.list(),
           {
-            mark: zt("--nf-mark", "#fdd341"),
-            markText: zt("--nf-mark-text", "#2a2140")
+            mark: Wt("--nf-mark", "#fdd341"),
+            markText: Wt("--nf-mark-text", "#2a2140")
           }
         );
         n.append("screenshotBaked", a, "screenshot.baked.png");
       }
     }
-    R && n.append("recording", R, "recording.webm");
+    A && n.append("recording", A, "recording.webm");
     const r = await fetch(`${d.endpoint}/v1/reports`, {
       method: "POST",
       headers: {
@@ -1494,26 +1528,26 @@ async function Se() {
       i = null;
     }
     if (!r.ok)
-      throw S((i == null ? void 0 : i.error) || "Submit failed."), new Error((i == null ? void 0 : i.error) || `Submit failed (${r.status})`);
-    return S("Sent. Thank you."), st(), i;
+      throw v((i == null ? void 0 : i.error) || "Submit failed."), new Error((i == null ? void 0 : i.error) || `Submit failed (${r.status})`);
+    return await fr(), st(), i;
   } finally {
-    ht = !1, Xt(!1);
+    ht = !1, Yt(!1);
   }
 }
-function Xt(t) {
+function Yt(t) {
   c.submit && (c.submit.disabled = !!t, c.submit.setAttribute("aria-busy", t ? "true" : "false"));
 }
-function dr() {
-  st(), f == null || f.remove(), f = null, c = {};
+function pr() {
+  st(), h == null || h.remove(), h = null, c = {};
 }
-const ve = { init: lr, open: be, close: st, identify: ur, submit: Se, destroy: dr };
-typeof window < "u" && (window.Notefully = ve);
+const Ee = { init: dr, open: Se, close: st, identify: hr, submit: xe, destroy: pr };
+typeof window < "u" && (window.Notefully = Ee);
 export {
   st as close,
-  ve as default,
-  dr as destroy,
-  ur as identify,
-  lr as init,
-  be as open,
-  Se as submit
+  Ee as default,
+  pr as destroy,
+  hr as identify,
+  dr as init,
+  Se as open,
+  xe as submit
 };