@makefully/notefully 0.1.9 → 0.1.11

package/dist/notefully.js

@@ -1,4 +1,4 @@
-function fe(t, e) {
+function me(t, e) {
   if (t.match(/^[a-z]+:\/\//i))
     return t;
   if (t.match(/^\/\//))
@@ -8,7 +8,7 @@ function fe(t, e) {
   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 he = /* @__PURE__ */ (() => {
+const ye = /* @__PURE__ */ (() => {
   let t = 0;
   const e = () => (
     // eslint-disable-next-line no-bitwise
@@ -23,26 +23,26 @@ function H(t) {
   return e;
 }
 let _ = null;
-function Nt(t = {}) {
+function Vt(t = {}) {
   return _ || (t.includeStyleProperties ? (_ = t.includeStyleProperties, _) : (_ = H(window.getComputedStyle(document.documentElement)), _));
 }
 function K(t, e) {
   const r = (t.ownerDocument.defaultView || window).getComputedStyle(t).getPropertyValue(e);
   return r ? parseFloat(r.replace("px", "")) : 0;
 }
-function pe(t) {
+function ge(t) {
   const e = K(t, "border-left-width"), n = K(t, "border-right-width");
   return t.clientWidth + e + n;
 }
-function me(t) {
+function we(t) {
   const e = K(t, "border-top-width"), n = K(t, "border-bottom-width");
   return t.clientHeight + e + n;
 }
 function Wt(t, e = {}) {
-  const n = e.width || pe(t), r = e.height || me(t);
+  const n = e.width || ge(t), r = e.height || we(t);
   return { width: n, height: r };
 }
-function ye() {
+function be() {
   let t, e;
   try {
     e = process;
@@ -52,10 +52,10 @@ function ye() {
   return n && (t = parseInt(n, 10), Number.isNaN(t) && (t = 1)), t || window.devicePixelRatio || 1;
 }
 const E = 16384;
-function ge(t) {
+function ve(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) {
+function G(t) {
   return new Promise((e, n) => {
     const r = new Image();
     r.onload = () => {
@@ -65,12 +65,12 @@ function Y(t) {
     }, r.onerror = n, r.crossOrigin = "anonymous", r.decoding = "async", r.src = t;
   });
 }
-async function we(t) {
+async function Se(t) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(t)).then(encodeURIComponent).then((e) => `data:image/svg+xml;charset=utf-8,${e}`);
 }
-async function be(t, e, n) {
+async function xe(t, e, n) {
   const r = "http://www.w3.org/2000/svg", o = document.createElementNS(r, "svg"), i = document.createElementNS(r, "foreignObject");
-  return o.setAttribute("width", `${e}`), o.setAttribute("height", `${n}`), o.setAttribute("viewBox", `0 0 ${e} ${n}`), i.setAttribute("width", "100%"), i.setAttribute("height", "100%"), i.setAttribute("x", "0"), i.setAttribute("y", "0"), i.setAttribute("externalResourcesRequired", "true"), o.appendChild(i), i.appendChild(t), we(o);
+  return o.setAttribute("width", `${e}`), o.setAttribute("height", `${n}`), o.setAttribute("viewBox", `0 0 ${e} ${n}`), i.setAttribute("width", "100%"), i.setAttribute("height", "100%"), i.setAttribute("x", "0"), i.setAttribute("y", "0"), i.setAttribute("externalResourcesRequired", "true"), o.appendChild(i), i.appendChild(t), Se(o);
 }
 const x = (t, e) => {
   if (t instanceof e)
@@ -78,64 +78,64 @@ const x = (t, e) => {
   const n = Object.getPrototypeOf(t);
   return n === null ? !1 : n.constructor.name === e.name || x(n, e);
 };
-function ve(t) {
+function Ee(t) {
   const e = t.getPropertyValue("content");
   return `${t.cssText} content: '${e.replace(/'|"/g, "")}';`;
 }
-function Se(t, e) {
-  return Nt(e).map((n) => {
+function Ce(t, e) {
+  return Vt(e).map((n) => {
     const r = t.getPropertyValue(n), o = t.getPropertyPriority(n);
     return `${n}: ${r}${o ? " !important" : ""};`;
   }).join(" ");
 }
-function xe(t, e, n, r) {
-  const o = `.${t}:${e}`, i = n.cssText ? ve(n) : Se(n, r);
+function Me(t, e, n, r) {
+  const o = `.${t}:${e}`, i = n.cssText ? Ee(n) : Ce(n, r);
   return document.createTextNode(`${o}{${i}}`);
 }
 function $t(t, e, n, r) {
   const o = window.getComputedStyle(t, n), i = o.getPropertyValue("content");
   if (i === "" || i === "none")
     return;
-  const a = he();
+  const a = ye();
   try {
     e.className = `${e.className} ${a}`;
   } catch {
     return;
   }
   const s = document.createElement("style");
-  s.appendChild(xe(a, n, o, r)), e.appendChild(s);
+  s.appendChild(Me(a, n, o, r)), e.appendChild(s);
 }
-function Ee(t, e, n) {
+function Le(t, e, n) {
   $t(t, e, ":before", n), $t(t, e, ":after", n);
 }
-const Rt = "application/font-woff", Pt = "image/jpeg", Ce = {
+const Rt = "application/font-woff", At = "image/jpeg", $e = {
   woff: Rt,
   woff2: Rt,
   ttf: "application/font-truetype",
   eot: "application/vnd.ms-fontobject",
   png: "image/png",
-  jpg: Pt,
-  jpeg: Pt,
+  jpg: At,
+  jpeg: At,
   gif: "image/gif",
   tiff: "image/tiff",
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function Me(t) {
+function Re(t) {
   const e = /\.([^./]*?)$/g.exec(t);
   return e ? e[1] : "";
 }
 function St(t) {
-  const e = Me(t).toLowerCase();
-  return Ce[e] || "";
+  const e = Re(t).toLowerCase();
+  return $e[e] || "";
 }
-function Le(t) {
+function Ae(t) {
   return t.split(/,/)[1];
 }
-function dt(t) {
+function ft(t) {
   return t.search(/^(data:)/) !== -1;
 }
-function $e(t, e) {
+function Pe(t, e) {
   return `data:${e};base64,${t}`;
 }
 async function qt(t, e, n) {
@@ -154,86 +154,86 @@ async function qt(t, e, n) {
     }, s.readAsDataURL(o);
   });
 }
-const st = {};
-function Re(t, e, n) {
+const ct = {};
+function Te(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 xt(t, e, n) {
-  const r = Re(t, e, n.includeQueryParams);
-  if (st[r] != null)
-    return st[r];
+  const r = Te(t, e, n.includeQueryParams);
+  if (ct[r] != null)
+    return ct[r];
   n.cacheBust && (t += (/\?/.test(t) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
   let o;
   try {
-    const i = await qt(t, n.fetchRequestInit, ({ res: a, result: s }) => (e || (e = a.headers.get("Content-Type") || ""), Le(s)));
-    o = $e(i, e);
+    const i = await qt(t, n.fetchRequestInit, ({ res: a, result: s }) => (e || (e = a.headers.get("Content-Type") || ""), Ae(s)));
+    o = Pe(i, e);
   } catch (i) {
     o = n.imagePlaceholder || "";
     let a = `Failed to fetch resource: ${t}`;
     i && (a = typeof i == "string" ? i : i.message), a && console.warn(a);
   }
-  return st[r] = o, o;
+  return ct[r] = o, o;
 }
-async function Pe(t) {
+async function ke(t) {
   const e = t.toDataURL();
-  return e === "data:," ? t.cloneNode(!1) : Y(e);
+  return e === "data:," ? t.cloneNode(!1) : G(e);
 }
-async function Ae(t, e) {
+async function Ie(t, e) {
   if (t.currentSrc) {
     const i = document.createElement("canvas"), a = i.getContext("2d");
     i.width = t.clientWidth, i.height = t.clientHeight, a == null || a.drawImage(t, 0, 0, i.width, i.height);
     const s = i.toDataURL();
-    return Y(s);
+    return G(s);
   }
   const n = t.poster, r = St(n), o = await xt(n, r, e);
-  return Y(o);
+  return G(o);
 }
-async function Te(t, e) {
+async function Oe(t, e) {
   var n;
   try {
     if (!((n = t == null ? void 0 : t.contentDocument) === null || n === void 0) && n.body)
-      return await et(t.contentDocument.body, e, !0);
+      return await nt(t.contentDocument.body, e, !0);
   } catch {
   }
   return t.cloneNode(!1);
 }
-async function ke(t, e) {
-  return x(t, HTMLCanvasElement) ? Pe(t) : x(t, HTMLVideoElement) ? Ae(t, e) : x(t, HTMLIFrameElement) ? Te(t, e) : t.cloneNode(zt(t));
+async function He(t, e) {
+  return x(t, HTMLCanvasElement) ? ke(t) : x(t, HTMLVideoElement) ? Ie(t, e) : x(t, HTMLIFrameElement) ? Oe(t, e) : t.cloneNode(zt(t));
 }
-const Ie = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT", zt = (t) => t.tagName != null && t.tagName.toUpperCase() === "SVG";
-async function Oe(t, e, n) {
+const De = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT", zt = (t) => t.tagName != null && t.tagName.toUpperCase() === "SVG";
+async function Fe(t, e, n) {
   var r, o;
   if (zt(e))
     return e;
   let i = [];
-  return Ie(t) && t.assignedNodes ? i = H(t.assignedNodes()) : x(t, HTMLIFrameElement) && (!((r = t.contentDocument) === null || r === void 0) && r.body) ? i = H(t.contentDocument.body.childNodes) : i = H(((o = t.shadowRoot) !== null && o !== void 0 ? o : t).childNodes), i.length === 0 || x(t, HTMLVideoElement) || await i.reduce((a, s) => a.then(() => et(s, n)).then((l) => {
+  return De(t) && t.assignedNodes ? i = H(t.assignedNodes()) : x(t, HTMLIFrameElement) && (!((r = t.contentDocument) === null || r === void 0) && r.body) ? i = H(t.contentDocument.body.childNodes) : i = H(((o = t.shadowRoot) !== null && o !== void 0 ? o : t).childNodes), i.length === 0 || x(t, HTMLVideoElement) || await i.reduce((a, s) => a.then(() => nt(s, n)).then((l) => {
     l && e.appendChild(l);
   }), Promise.resolve()), e;
 }
-function He(t, e, n) {
+function Ue(t, e, n) {
   const r = e.style;
   if (!r)
     return;
   const o = window.getComputedStyle(t);
-  o.cssText ? (r.cssText = o.cssText, r.transformOrigin = o.transformOrigin) : Nt(n).forEach((i) => {
+  o.cssText ? (r.cssText = o.cssText, r.transformOrigin = o.transformOrigin) : Vt(n).forEach((i) => {
     let a = o.getPropertyValue(i);
     i === "font-size" && a.endsWith("px") && (a = `${Math.floor(parseFloat(a.substring(0, a.length - 2))) - 0.1}px`), x(t, HTMLIFrameElement) && i === "display" && a === "inline" && (a = "block"), i === "d" && e.getAttribute("d") && (a = `path(${e.getAttribute("d")})`), r.setProperty(i, a, o.getPropertyPriority(i));
   });
 }
-function De(t, e) {
+function je(t, e) {
   x(t, HTMLTextAreaElement) && (e.innerHTML = t.value), x(t, HTMLInputElement) && e.setAttribute("value", t.value);
 }
-function Fe(t, e) {
+function _e(t, e) {
   if (x(t, HTMLSelectElement)) {
     const r = Array.from(e.children).find((o) => t.value === o.getAttribute("value"));
     r && r.setAttribute("selected", "");
   }
 }
-function je(t, e, n) {
-  return x(e, Element) && (He(t, e, n), Ee(t, e, n), De(t, e), Fe(t, e)), e;
+function Ne(t, e, n) {
+  return x(e, Element) && (Ue(t, e, n), Le(t, e, n), je(t, e), _e(t, e)), e;
 }
-async function Ue(t, e) {
+async function Be(t, e) {
   const n = t.querySelectorAll ? t.querySelectorAll("use") : [];
   if (n.length === 0)
     return t;
@@ -242,7 +242,7 @@ async function Ue(t, e) {
     const s = n[i].getAttribute("xlink:href");
     if (s) {
       const l = t.querySelector(s), u = document.querySelector(s);
-      !l && u && !r[s] && (r[s] = await et(u, e, !0));
+      !l && u && !r[s] && (r[s] = await nt(u, e, !0));
     }
   }
   const o = Object.values(r);
@@ -257,31 +257,31 @@ async function Ue(t, e) {
   }
   return t;
 }
-async function et(t, e, n) {
-  return !n && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((r) => ke(r, e)).then((r) => Oe(t, r, e)).then((r) => je(t, r, e)).then((r) => Ue(r, e));
+async function nt(t, e, n) {
+  return !n && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((r) => He(r, e)).then((r) => Fe(t, r, e)).then((r) => Ne(t, r, e)).then((r) => Be(r, e));
 }
-const Xt = /url\((['"]?)([^'"]+?)\1\)/g, _e = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Be = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function Ve(t) {
+const Xt = /url\((['"]?)([^'"]+?)\1\)/g, Ve = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, We = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function qe(t) {
   const e = t.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${e})(['"]?\\))`, "g");
 }
-function Ne(t) {
+function ze(t) {
   const e = [];
-  return t.replace(Xt, (n, r, o) => (e.push(o), n)), e.filter((n) => !dt(n));
+  return t.replace(Xt, (n, r, o) => (e.push(o), n)), e.filter((n) => !ft(n));
 }
-async function We(t, e, n, r, o) {
+async function Xe(t, e, n, r, o) {
   try {
-    const i = n ? fe(e, n) : e, a = St(e);
+    const i = n ? me(e, n) : e, a = St(e);
     let s;
-    return o || (s = await xt(i, a, r)), t.replace(Ve(e), `$1${s}$3`);
+    return o || (s = await xt(i, a, r)), t.replace(qe(e), `$1${s}$3`);
   } catch {
   }
   return t;
 }
-function qe(t, { preferredFontFormat: e }) {
-  return e ? t.replace(Be, (n) => {
+function Ye(t, { preferredFontFormat: e }) {
+  return e ? t.replace(We, (n) => {
     for (; ; ) {
-      const [r, , o] = _e.exec(n) || [];
+      const [r, , o] = Ve.exec(n) || [];
       if (!o)
         return "";
       if (o === e)
@@ -289,30 +289,30 @@ function qe(t, { preferredFontFormat: e }) {
     }
   }) : t;
 }
-function Kt(t) {
+function Yt(t) {
   return t.search(Xt) !== -1;
 }
-async function Yt(t, e, n) {
-  if (!Kt(t))
+async function Kt(t, e, n) {
+  if (!Yt(t))
     return t;
-  const r = qe(t, n);
-  return Ne(r).reduce((i, a) => i.then((s) => We(s, a, e, n)), Promise.resolve(r));
+  const r = Ye(t, n);
+  return ze(r).reduce((i, a) => i.then((s) => Xe(s, a, e, n)), Promise.resolve(r));
 }
-async function B(t, e, n) {
+async function N(t, e, n) {
   var r;
   const o = (r = e.style) === null || r === void 0 ? void 0 : r.getPropertyValue(t);
   if (o) {
-    const i = await Yt(o, null, n);
+    const i = await Kt(o, null, n);
     return e.style.setProperty(t, i, e.style.getPropertyPriority(t)), !0;
   }
   return !1;
 }
-async function ze(t, e) {
-  await B("background", t, e) || await B("background-image", t, e), await B("mask", t, e) || await B("-webkit-mask", t, e) || await B("mask-image", t, e) || await B("-webkit-mask-image", t, e);
+async function Ke(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 Xe(t, e) {
+async function Ge(t, e) {
   const n = x(t, HTMLImageElement);
-  if (!(n && !dt(t.src)) && !(x(t, SVGImageElement) && !dt(t.href.baseVal)))
+  if (!(n && !ft(t.src)) && !(x(t, SVGImageElement) && !ft(t.href.baseVal)))
     return;
   const r = n ? t.src : t.href.baseVal, o = await xt(r, St(r), e);
   await new Promise((i, a) => {
@@ -327,14 +327,14 @@ async function Xe(t, e) {
     s.decode && (s.decode = i), s.loading === "lazy" && (s.loading = "eager"), n ? (t.srcset = "", t.src = o) : t.href.baseVal = o;
   });
 }
-async function Ke(t, e) {
+async function Je(t, e) {
   const r = H(t.childNodes).map((o) => Gt(o, e));
   await Promise.all(r).then(() => t);
 }
 async function Gt(t, e) {
-  x(t, Element) && (await ze(t, e), await Xe(t, e), await Ke(t, e));
+  x(t, Element) && (await Ke(t, e), await Ge(t, e), await Je(t, e));
 }
-function Ye(t, e) {
+function Qe(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,13 +342,13 @@ function Ye(t, e) {
     n[o] = r[o];
   }), t;
 }
-const At = {};
+const Pt = {};
 async function Tt(t) {
-  let e = At[t];
+  let e = Pt[t];
   if (e != null)
     return e;
   const r = await (await fetch(t)).text();
-  return e = { url: t, cssText: r }, At[t] = e, e;
+  return e = { url: t, cssText: r }, Pt[t] = e, e;
 }
 async function kt(t, e) {
   let n = t.cssText;
@@ -384,7 +384,7 @@ function It(t) {
   }
   return e;
 }
-async function Ge(t, e) {
+async function Ze(t, e) {
   const n = [], r = [];
   return t.forEach((o) => {
     if ("cssRules" in o)
@@ -426,19 +426,19 @@ async function Ge(t, e) {
       }
   }), n));
 }
-function Je(t) {
-  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => Kt(e.style.getPropertyValue("src")));
+function tn(t) {
+  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => Yt(e.style.getPropertyValue("src")));
 }
-async function Qe(t, e) {
+async function en(t, e) {
   if (t.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const n = H(t.ownerDocument.styleSheets), r = await Ge(n, e);
-  return Je(r);
+  const n = H(t.ownerDocument.styleSheets), r = await Ze(n, e);
+  return tn(r);
 }
 function Jt(t) {
   return t.trim().replace(/["']/g, "");
 }
-function Ze(t) {
+function nn(t) {
   const e = /* @__PURE__ */ new Set();
   function n(r) {
     (r.style.fontFamily || getComputedStyle(r).fontFamily).split(",").forEach((i) => {
@@ -449,37 +449,37 @@ function Ze(t) {
   }
   return n(t), e;
 }
-async function tn(t, e) {
-  const n = await Qe(t, e), r = Ze(t);
+async function rn(t, e) {
+  const n = await en(t, e), r = nn(t);
   return (await Promise.all(n.filter((i) => r.has(Jt(i.style.fontFamily))).map((i) => {
     const a = i.parentStyleSheet ? i.parentStyleSheet.href : null;
-    return Yt(i.cssText, a, e);
+    return Kt(i.cssText, a, e);
   }))).join(`
 `);
 }
-async function en(t, e) {
-  const n = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await tn(t, e);
+async function on(t, e) {
+  const n = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await rn(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 nn(t, e = {}) {
-  const { width: n, height: r } = Wt(t, e), o = await et(t, e, !0);
-  return await en(o, e), await Gt(o, e), Ye(o, e), await be(o, n, r);
+async function an(t, e = {}) {
+  const { width: n, height: r } = Wt(t, e), o = await nt(t, e, !0);
+  return await on(o, e), await Gt(o, e), Qe(o, e), await xe(o, n, r);
 }
-async function rn(t, e = {}) {
-  const { width: n, height: r } = Wt(t, e), o = await nn(t, e), i = await Y(o), a = document.createElement("canvas"), s = a.getContext("2d"), l = e.pixelRatio || ye(), u = e.canvasWidth || n, d = e.canvasHeight || r;
-  return a.width = u * l, a.height = d * l, e.skipAutoScale || ge(a), a.style.width = `${u}`, a.style.height = `${d}`, e.backgroundColor && (s.fillStyle = e.backgroundColor, s.fillRect(0, 0, a.width, a.height)), s.drawImage(i, 0, 0, a.width, a.height), a;
+async function sn(t, e = {}) {
+  const { width: n, height: r } = Wt(t, e), o = await an(t, e), i = await G(o), a = document.createElement("canvas"), s = a.getContext("2d"), l = e.pixelRatio || be(), u = e.canvasWidth || n, d = e.canvasHeight || r;
+  return a.width = u * l, a.height = d * l, e.skipAutoScale || ve(a), a.style.width = `${u}`, a.style.height = `${d}`, e.backgroundColor && (s.fillStyle = e.backgroundColor, s.fillRect(0, 0, a.width, a.height)), s.drawImage(i, 0, 0, a.width, a.height), a;
 }
-async function on(t, e = {}) {
-  return (await rn(t, e)).toDataURL();
+async function cn(t, e = {}) {
+  return (await sn(t, e)).toDataURL();
 }
-const G = "data-nf-capture-chrome";
-function an(t) {
-  return t instanceof Element && (t.hasAttribute(G) || t.hasAttribute("data-nf-mask-cover") || t.id === "notefully");
+const J = "data-nf-capture-chrome";
+function ln(t) {
+  return t instanceof Element && (t.hasAttribute(J) || t.hasAttribute("data-nf-mask-cover") || t.id === "notefully");
 }
-function sn() {
+function un() {
   const t = [];
   return document.querySelectorAll('input[type="password"], [data-notefully-mask]').forEach((n) => {
     const r = n.getBoundingClientRect(), o = document.createElement("div");
@@ -495,47 +495,47 @@ function sn() {
     ].join(";"), document.body.appendChild(o), t.push(o);
   }), () => t.forEach((n) => n.remove());
 }
-function cn() {
-  const t = document.querySelector(`[${G}]`);
+function dn() {
+  const t = document.querySelector(`[${J}]`);
   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;
+  return e.setAttribute(J, "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 ln() {
-  document.querySelectorAll(`[${G}]`).forEach((t) => t.remove());
+function fn() {
+  document.querySelectorAll(`[${J}]`).forEach((t) => t.remove());
 }
-async function un() {
-  const t = document.getElementById("notefully"), e = t ? t.style.display : "", n = cn();
+async function hn() {
+  const t = document.getElementById("notefully"), e = t ? t.style.display : "", n = dn();
   t && (t.style.display = "none");
-  const r = sn();
+  const r = un();
   await new Promise((o) => requestAnimationFrame(() => requestAnimationFrame(o)));
   try {
-    return await on(document.body, {
+    return await cn(document.body, {
       cacheBust: !0,
       pixelRatio: Math.min(window.devicePixelRatio || 1, 2),
-      filter: (o) => !an(o)
+      filter: (o) => !ln(o)
     });
   } finally {
-    r(), n.remove(), ln(), t && (t.style.display = e);
+    r(), n.remove(), fn(), t && (t.style.display = e);
   }
 }
-function dn(t = "") {
+function pn(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 fn(t = "") {
+function mn(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 hn(t = {}) {
+function yn(t = {}) {
   const e = navigator.userAgent;
   return {
     url: location.href,
     title: document.title,
     userAgent: e,
-    os: dn(e),
-    browser: fn(e),
+    os: pn(e),
+    browser: mn(e),
     language: navigator.language,
     timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
     viewport: {
@@ -573,7 +573,7 @@ const Ot = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Ht = {
   email: "Pass people via Notefully.identify({ userId, email, displayName }), not init().",
   displayName: "Pass people via Notefully.identify({ userId, email, displayName }), not init()."
 };
-function pn(t = {}, e = {}) {
+function gn(t = {}, e = {}) {
   const n = e.warn || Qt, r = t && typeof t == "object" ? t : {}, o = {}, i = [];
   for (const a of Ot)
     Object.prototype.hasOwnProperty.call(r, a) && (o[a] = r[a]);
@@ -589,7 +589,7 @@ function pn(t = {}, e = {}) {
   }
   return o;
 }
-function mn(t = {}, e = {}) {
+function wn(t = {}, e = {}) {
   const n = e.warn || Qt, r = t && typeof t == "object" ? t : {}, o = Object.keys(r).filter((i) => !Dt.has(i));
   if (o.length)
     for (const i of o) {
@@ -605,8 +605,8 @@ function mn(t = {}, e = {}) {
 function Qt(t) {
   typeof console < "u" && typeof console.warn == "function" && console.warn(t);
 }
-const yn = 80;
-function gn() {
+const bn = 80;
+function vn() {
   const t = [], e = {};
   let n = !1;
   const r = (i, a) => {
@@ -620,7 +620,7 @@ function gn() {
       level: i,
       text: s.slice(0, 2e3),
       at: Date.now()
-    }), t.length > yn && t.shift();
+    }), t.length > bn && t.shift();
   };
   return {
     hook: () => {
@@ -639,7 +639,7 @@ function gn() {
     }
   };
 }
-function wn(t) {
+function Sn(t) {
   const e = window.SpeechRecognition || window.webkitSpeechRecognition;
   let n = null, r = !1;
   const o = () => {
@@ -669,8 +669,8 @@ function wn(t) {
     isActive: () => r
   };
 }
-const bn = 60 * 1e3;
-function vn({ onStart: t, onStop: e, onError: n }) {
+const xn = 60 * 1e3;
+function En({ onStart: t, onStop: e, onError: n }) {
   let r = null, o = null, i = [], a = null;
   const s = () => {
     if (a && (clearTimeout(a), a = null), o && o.state !== "inactive")
@@ -702,10 +702,10 @@ function vn({ onStart: t, onStop: e, onError: n }) {
     }, o.onstop = () => {
       const m = i.length ? new Blob(i, { type: o.mimeType || "video/webm" }) : null;
       s(), e(m);
-    }, (p = r.getVideoTracks()[0]) == null || p.addEventListener("ended", () => l()), o.start(), a = setTimeout(l, bn);
+    }, (p = r.getVideoTracks()[0]) == null || p.addEventListener("ended", () => l()), o.start(), a = setTimeout(l, xn);
   }, stop: l };
 }
-function Sn() {
+function Cn() {
   const t = /* @__PURE__ */ new Set();
   return {
     alloc() {
@@ -723,19 +723,19 @@ function Sn() {
     }
   };
 }
-const ct = { x: 0, y: 0, w: 1, h: 1 };
+const lt = { x: 0, y: 0, w: 1, h: 1 };
 function Zt() {
-  const t = Sn();
-  let e = [], n = { ...ct }, r = 1;
+  const t = Cn();
+  let e = [], n = { ...lt }, r = 1;
   return {
-    list: () => e.filter((i) => En(i, n)),
+    list: () => e.filter((i) => Ln(i, n)),
     all: () => e.slice(),
     crop: () => ({ ...n }),
     setCrop(i) {
-      return n = xn(i), n;
+      return n = Mn(i), n;
     },
     resetCrop() {
-      return n = { ...ct }, n;
+      return n = { ...lt }, n;
     },
     isCropped() {
       return n.x > 1e-6 || n.y > 1e-6 || n.w < 1 - 1e-6 || n.h < 1 - 1e-6;
@@ -767,16 +767,16 @@ function Zt() {
       return t.free(s.number), s;
     },
     reset() {
-      for (e = [], n = { ...ct }, r = 1; t.peekUsed().length; )
+      for (e = [], n = { ...lt }, r = 1; t.peekUsed().length; )
         t.free(t.peekUsed()[0]);
     }
   };
 }
-function xn(t) {
+function Mn(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 En(t, e) {
+function Ln(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;
 }
@@ -790,7 +790,7 @@ function Et(t) {
     arrowHeadAngle: 0.4
   };
 }
-function Cn(t, {
+function $n(t, {
   stickers: e = [],
   crop: n = { x: 0, y: 0, w: 1, h: 1 },
   width: r,
@@ -799,7 +799,7 @@ function Cn(t, {
 }) {
   const a = i.mark || "#fdd341", s = i.markText || "#2a2140", l = Et(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 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 = l.stroke / 2;
+    const d = ht(u.x, n, r), p = pt(u.y, n, o), m = u.w / n.w * r, C = u.h / n.h * o, L = l.stroke / 2;
     if (u.type === "rect")
       t.strokeRect(
         d + L,
@@ -818,24 +818,24 @@ function Cn(t, {
         Math.PI * 2
       ), t.stroke();
     else if (u.type === "arrow") {
-      const F = ft(u.x2 ?? u.x + u.w, n, r), j = ht(u.y2 ?? u.y, n, o);
-      Ln(t, d, p, F, j, l);
+      const F = ht(u.x2 ?? u.x + u.w, n, r), U = pt(u.y2 ?? u.y, n, o);
+      An(t, d, p, F, U, l);
     }
     if (u.number == null || u.number === "")
       return;
-    const P = Mn(u, n, r, o, d, p, m), V = String(u.number);
-    t.beginPath(), t.arc(P.x, P.y, l.badgeRadius, 0, Math.PI * 2), t.fillStyle = a, t.fill(), t.fillStyle = s, t.textAlign = "center", t.textBaseline = "middle", t.fillText(V, P.x, P.y + 0.5), t.fillStyle = a;
+    const A = Rn(u, n, r, o, d, p, m), B = String(u.number);
+    t.beginPath(), t.arc(A.x, A.y, l.badgeRadius, 0, Math.PI * 2), t.fillStyle = a, t.fill(), t.fillStyle = s, t.textAlign = "center", t.textBaseline = "middle", t.fillText(B, A.x, A.y + 0.5), t.fillStyle = a;
   }), t.restore();
 }
-function ft(t, e, n) {
+function ht(t, e, n) {
   return (t - e.x) / e.w * n;
 }
-function ht(t, e, n) {
+function pt(t, e, n) {
   return (t - e.y) / e.h * n;
 }
-function Mn(t, e, n, r, o, i, a) {
+function Rn(t, e, n, r, o, i, a) {
   if (t.type === "arrow") {
-    const s = ft(t.x2 ?? t.x + t.w, e, n), l = ht(t.y2 ?? t.y, e, r);
+    const s = ht(t.x2 ?? t.x + t.w, e, n), l = pt(t.y2 ?? t.y, e, r);
     return {
       x: (o + s) / 2,
       y: (i + l) / 2
@@ -856,18 +856,18 @@ function te(t, e, n, r, o) {
   };
   return { angle: i, tipX: l, tipY: u, baseX: d, baseY: p, left: m, right: C, shaftEnd: L };
 }
-function Ln(t, e, n, r, o, i) {
+function An(t, e, n, r, o, i) {
   const a = te(e, n, r, o, i);
   t.beginPath(), t.moveTo(e, n), t.lineTo(a.shaftEnd.x, a.shaftEnd.y), t.stroke(), t.beginPath(), t.moveTo(a.tipX, a.tipY), t.lineTo(a.left.x, a.left.y), t.lineTo(a.right.x, a.right.y), t.closePath(), t.fill();
 }
-function $n(t, e, n, r = {}) {
+function Pn(t, e, n, r = {}) {
   return new Promise((o, i) => {
     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)), d = Math.max(1, Math.round(e.h * a.height)), p = document.createElement("canvas");
       p.width = u, p.height = d;
       const m = p.getContext("2d");
-      m.drawImage(a, s, l, u, d, 0, 0, u, d), Cn(m, {
+      m.drawImage(a, s, l, u, d, 0, 0, u, d), $n(m, {
         stickers: n,
         crop: e,
         width: u,
@@ -883,7 +883,7 @@ function $n(t, e, n, r = {}) {
     }, a.onerror = () => i(new Error("Could not load screenshot")), a.src = t;
   });
 }
-const Rn = ["bug", "idea", "other"], Pn = ["maker", "all-business", "brighter-day", "quiet-night"], ee = "maker", An = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), pt = 0.02, jt = 0.05, Tn = `
+const Tn = ["bug", "idea", "other"], kn = ["maker", "all-business", "brighter-day", "quiet-night"], ee = "maker", In = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), mt = 0.02, Ut = 0.05, On = `
   <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"/>
@@ -901,9 +901,9 @@ const k = {
   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"/>')
-}, ne = gn();
+}, ne = vn();
 ne.hook();
-const re = 10, kn = 80;
+const re = 10, Hn = 80, ie = "notefully.author", oe = "Anonymous";
 let f = {
   endpoint: "",
   projectKey: "",
@@ -914,25 +914,25 @@ let f = {
   theme: ee,
   video: !1,
   consoleLogLimit: re
-}, mt = {}, h = null, c = {}, y = Zt(), S = "", W = "", R = null, J = "bug", O = null, $ = null, w = null, g = null, X = null, D = null, N = null, I = { w: 0, h: 0 }, lt = !1;
-function v(t) {
+}, W = {}, h = null, c = {}, y = Zt(), S = "", q = "", R = null, Q = "bug", O = null, $ = null, w = null, g = null, Y = null, D = null, V = null, I = { w: 0, h: 0 }, ut = !1;
+function b(t) {
   return h.querySelector(t);
 }
-function ie(t) {
+function ae(t) {
   const e = String(t || "").trim().toLowerCase().replace(/\s+/g, "-");
-  return Pn.includes(e) ? e : ee;
+  return kn.includes(e) ? e : ee;
 }
-function Ut(t, e) {
+function jt(t, e) {
   return h && getComputedStyle(h).getPropertyValue(t).trim() || e;
 }
-function b(t, e = !1) {
-  c.status && (c.status.textContent = t || "", X && (clearTimeout(X), X = null), t && !e && (X = setTimeout(() => {
+function v(t, e = !1) {
+  c.status && (c.status.textContent = t || "", Y && (clearTimeout(Y), Y = null), t && !e && (Y = setTimeout(() => {
     c.status.textContent = "";
   }, 4e3)));
 }
 function Ct() {
   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…">${Tn}</button>
+      <button class="nf-launcher" type="button" title="Leave a note…" aria-label="Leave a note…">${On}</button>
       <div class="nf-dialog" hidden>
         <div class="nf-panel">
           <div class="nf-stage">
@@ -946,6 +946,7 @@ function Ct() {
             <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">
             <button type="button" data-kind="bug">Bug</button>
             <button type="button" data-kind="idea">Idea</button>
@@ -963,108 +964,109 @@ function Ct() {
       </div>
       <button class="nf-stop-video" type="button" hidden>Stop</button>
     `, document.body.appendChild(h), 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"),
+    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"),
     shot: null
-  }, In(), nt()), h;
+  }, Dn(), rt()), h;
 }
-function nt() {
+function rt() {
   var t;
-  h && (h.dataset.theme = ie(f.theme), f.hideLauncher ? h.setAttribute("data-nf-hidden-launcher", "") : h.removeAttribute("data-nf-hidden-launcher"), c.video && (c.video.hidden = !f.video), (t = c.dialog) != null && t.hidden && Q());
+  h && (h.dataset.theme = ae(f.theme), f.hideLauncher ? h.setAttribute("data-nf-hidden-launcher", "") : h.removeAttribute("data-nf-hidden-launcher"), c.video && (c.video.hidden = !f.video), (t = c.dialog) != null && t.hidden && Z());
 }
-function Q() {
+function Z() {
   c.launcher && (c.launcher.hidden = !!f.hideLauncher);
 }
-function In() {
-  c.launcher.addEventListener("click", () => le()), v(".nf-dialog").addEventListener("click", (t) => {
-    t.target === c.dialog && it();
+function Dn() {
+  c.launcher.addEventListener("click", () => fe()), b(".nf-dialog").addEventListener("click", (t) => {
+    t.target === c.dialog && ot();
   }), h.querySelectorAll(".nf-tool").forEach((t) => {
     t.addEventListener("click", () => gt(t.dataset.tool));
-  }), c.resetCrop.addEventListener("click", _n), c.canvas.addEventListener("pointerdown", Hn), c.canvas.addEventListener("dragstart", (t) => t.preventDefault()), h.querySelectorAll("[data-kind]").forEach((t) => {
+  }), c.resetCrop.addEventListener("click", Vn), c.canvas.addEventListener("pointerdown", Un), c.canvas.addEventListener("dragstart", (t) => t.preventDefault()), h.querySelectorAll("[data-kind]").forEach((t) => {
     t.addEventListener("click", () => yt(t.dataset.kind));
-  }), c.discard.addEventListener("click", Bn), c.restore.addEventListener("click", Vn), c.audio.addEventListener("click", Nn), c.video.addEventListener("click", Wn), c.stop.addEventListener("click", () => N == null ? void 0 : N.stop()), v(".nf-submit").addEventListener("click", () => {
-    ue().catch((t) => b(t.message || "Submit failed."));
+  }), c.discard.addEventListener("click", Wn), c.restore.addEventListener("click", qn), c.audio.addEventListener("click", zn), c.video.addEventListener("click", Xn), c.stop.addEventListener("click", () => V == null ? void 0 : V.stop()), b(".nf-submit").addEventListener("click", () => {
+    he().catch((t) => v(t.message || "Submit failed."));
   }), yt("bug"), gt(null);
 }
 function yt(t) {
-  J = Rn.includes(t) ? t : "bug", h.querySelectorAll("[data-kind]").forEach((e) => {
-    e.dataset.active = String(e.dataset.kind === J);
+  Q = Tn.includes(t) ? t : "bug", h.querySelectorAll("[data-kind]").forEach((e) => {
+    e.dataset.active = String(e.dataset.kind === Q);
   });
 }
 function gt(t) {
-  O = An.has(t) ? t : null, $ = null, h.querySelectorAll(".nf-tool").forEach((e) => {
+  O = In.has(t) ? t : null, $ = null, h.querySelectorAll(".nf-tool").forEach((e) => {
     e.dataset.active = String(e.dataset.tool === O);
   }), c.canvas && (c.canvas.dataset.draw = O ? "true" : "false"), S && M();
 }
 function _t(t) {
   return Math.min(1, Math.max(0, t));
 }
-function q() {
+function z() {
   return c.shot || c.canvas;
 }
-function Z(t) {
-  const e = q().getBoundingClientRect();
+function tt(t) {
+  const e = z().getBoundingClientRect();
   return {
     x: _t((t.clientX - e.left) / Math.max(e.width, 1)),
     y: _t((t.clientY - e.top) / Math.max(e.height, 1))
   };
 }
-function On(t) {
-  const e = q().getBoundingClientRect();
+function Fn(t) {
+  const e = z().getBoundingClientRect();
   return t.clientX >= e.left && t.clientX <= e.right && t.clientY >= e.top && t.clientY <= e.bottom;
 }
-function oe(t) {
-  const e = Z(t), n = y.crop();
+function se(t) {
+  const e = tt(t), n = y.crop();
   return {
     x: n.x + e.x * n.w,
     y: n.y + e.y * n.h
   };
 }
-function rt(t, e) {
+function it(t, e) {
   const n = Math.min(t.x, e.x), r = Math.min(t.y, e.y);
   return {
     x: n,
     y: r,
-    w: Math.max(pt, Math.abs(e.x - t.x)),
-    h: Math.max(pt, Math.abs(e.y - t.y))
+    w: Math.max(mt, Math.abs(e.x - t.x)),
+    h: Math.max(mt, Math.abs(e.y - t.y))
   };
 }
 function Mt(t) {
   h && (t ? h.dataset.grabbing = "true" : delete h.dataset.grabbing);
 }
-function ut(t) {
+function dt(t) {
   try {
     c.canvas.setPointerCapture(t.pointerId);
   } catch {
   }
 }
 function wt() {
-  window.addEventListener("pointermove", se), window.addEventListener("pointerup", tt), window.addEventListener("pointercancel", tt);
+  window.addEventListener("pointermove", le), window.addEventListener("pointerup", et), window.addEventListener("pointercancel", et);
 }
-function ae() {
-  window.removeEventListener("pointermove", se), window.removeEventListener("pointerup", tt), window.removeEventListener("pointercancel", tt);
+function ce() {
+  window.removeEventListener("pointermove", le), window.removeEventListener("pointerup", et), window.removeEventListener("pointercancel", et);
 }
-function Hn(t) {
+function Un(t) {
   if (t.button !== 0 || !S)
     return;
-  if (!t.target.closest(".nf-sticker") && !On(t)) {
+  if (!t.target.closest(".nf-sticker") && !Fn(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, ut(t), Dn({
+    t.preventDefault(), t.stopPropagation(), $ = n.dataset.id, dt(t), jn({
       kind: "sticker",
       id: $,
       dir: (e == null ? void 0 : e.dataset.dir) || "move"
@@ -1072,20 +1074,20 @@ function Hn(t) {
     return;
   }
   if ($ = null, O === "crop") {
-    t.preventDefault(), ut(t), w = { kind: "crop", start: Z(t), current: Z(t) }, wt(), M();
+    t.preventDefault(), dt(t), w = { kind: "crop", start: tt(t), current: tt(t) }, wt(), M();
     return;
   }
   if (O === "arrow" || O === "rect" || O === "circle") {
-    t.preventDefault(), ut(t);
-    const r = oe(t);
+    t.preventDefault(), dt(t);
+    const r = se(t);
     w = { kind: "sticker", type: O, start: r, current: r }, wt(), M();
     return;
   }
   M();
 }
-function Dn(t, e) {
+function jn(t, e) {
   e.preventDefault(), e.stopPropagation();
-  const n = q().getBoundingClientRect(), r = y.list().find((o) => o.id === t.id);
+  const n = z().getBoundingClientRect(), r = y.list().find((o) => o.id === t.id);
   g = {
     ...t,
     startX: e.clientX,
@@ -1095,9 +1097,9 @@ function Dn(t, e) {
     rect: n
   }, Mt(t.dir === "move" || t.dir === "start" || t.dir === "end"), wt();
 }
-function se(t) {
+function le(t) {
   if (w) {
-    w.current = w.kind === "crop" ? Z(t) : oe(t), M();
+    w.current = w.kind === "crop" ? tt(t) : se(t), M();
     return;
   }
   if (!g)
@@ -1123,12 +1125,12 @@ function se(t) {
       });
     else {
       const o = { x: r.x, y: r.y, w: r.w, h: r.h };
-      Fn(o, g.dir, e, n), y.update(r.id, o);
+      _n(o, g.dir, e, n), y.update(r.id, o);
     }
     M();
   }
 }
-function Fn(t, e, n, r) {
+function _n(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;
@@ -1138,9 +1140,9 @@ function Fn(t, e, n, r) {
     t.y += t.h - o, t.h = o;
   }
 }
-function tt(t) {
-  if (ae(), Mt(!1), w) {
-    jn();
+function et(t) {
+  if (ce(), Mt(!1), w) {
+    Nn();
     return;
   }
   if (g) {
@@ -1151,13 +1153,13 @@ function tt(t) {
     g = null, M();
   }
 }
-function jn() {
+function Nn() {
   const t = w;
   if (w = null, !t)
     return;
   if (t.kind === "crop") {
-    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) {
+    const n = it(t.start, t.current);
+    if (Math.abs(t.current.x - t.start.x) < Ut || Math.abs(t.current.y - t.start.y) < Ut) {
       M();
       return;
     }
@@ -1167,16 +1169,16 @@ function jn() {
       y: o.y + n.y * o.h,
       w: n.w * o.w,
       h: n.h * o.h
-    }), z();
+    }), X();
     return;
   }
-  const e = Un(t);
+  const e = Bn(t);
   e && ($ = e.id), M();
 }
-function Un(t) {
+function Bn(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) < pt ? y.add("arrow", {
+    return Math.hypot(e, n) < mt ? y.add("arrow", {
       x: t.start.x,
       y: t.start.y,
       x2: t.start.x + 0.12,
@@ -1192,10 +1194,10 @@ function Un(t) {
       h: Math.abs(n)
     });
   }
-  return y.add(t.type, rt(t.start, t.current));
+  return y.add(t.type, it(t.start, t.current));
 }
-function _n() {
-  y.resetCrop(), $ = null, z();
+function Vn() {
+  y.resetCrop(), $ = null, X();
 }
 function bt() {
   c.resetCrop && (c.resetCrop.hidden = !y.isCropped());
@@ -1206,49 +1208,49 @@ function Lt(t) {
   const e = t ? "Stop audio" : "Record audio";
   c.audio.title = e, c.audio.setAttribute("aria-label", e), c.audio.dataset.active = String(!!t);
 }
-function Bn() {
-  S && (W = S), S = "", c.stage.hidden = !0, c.restore.hidden = !W;
+function Wn() {
+  S && (q = S), S = "", c.stage.hidden = !0, c.restore.hidden = !q;
 }
-function Vn() {
-  W && (S = W, c.stage.hidden = !1, c.restore.hidden = !0, z());
+function qn() {
+  q && (S = q, c.stage.hidden = !1, c.restore.hidden = !0, X());
 }
-function Nn() {
+function zn() {
   try {
-    if (D || (D = wn((e) => {
+    if (D || (D = Sn((e) => {
       const n = c.text.value.trim();
       c.text.value = n ? `${n} ${e}` : e;
     })), !D.isSupported()) {
-      b("Audio-to-text is not supported in this browser.");
+      v("Audio-to-text is not supported in this browser.");
       return;
     }
     const t = D.start();
-    Lt(t), b(t ? "Listening…" : "");
+    Lt(t), v(t ? "Listening…" : "");
   } catch (t) {
-    b(t.message);
+    v(t.message);
   }
 }
-async function Wn() {
+async function Xn() {
   if (!f.video) {
-    b("Video is disabled on this host.");
+    v("Video is disabled on this host.");
     return;
   }
-  c.dialog.hidden = !0, c.stop.hidden = !1, nt(), c.launcher.hidden = !0, N = vn({
+  c.dialog.hidden = !0, c.stop.hidden = !1, rt(), c.launcher.hidden = !0, V = En({
     onStart() {
     },
     onStop(t) {
-      R = t, c.stop.hidden = !0, Q(), c.dialog.hidden = !1, z(), b(t ? "Video attached." : "Recording cancelled.");
+      R = t, c.stop.hidden = !0, Z(), c.dialog.hidden = !1, X(), v(t ? "Video attached." : "Recording cancelled.");
     },
     onError(t) {
-      b(t.message);
+      v(t.message);
     }
   });
   try {
-    await N.start();
+    await V.start();
   } catch (t) {
-    c.stop.hidden = !0, Q(), c.dialog.hidden = !1, b(t.message);
+    c.stop.hidden = !0, Z(), c.dialog.hidden = !1, v(t.message);
   }
 }
-function z() {
+function X() {
   if (c.shot = null, !S) {
     c.canvas.style.removeProperty("--nf-shot-aspect"), c.canvas.style.removeProperty("aspect-ratio"), c.canvas.innerHTML = R ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL(R)}"></video>` : "", bt();
     return;
@@ -1257,18 +1259,18 @@ function z() {
   const t = c.shot.querySelector("img");
   t.draggable = !1, t.addEventListener("dragstart", (n) => n.preventDefault());
   const e = () => {
-    qn(t), M();
+    Yn(t), M();
   };
   t.addEventListener("load", e), t.complete && t.naturalWidth && e();
 }
-function qn(t) {
+function Yn(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 r = y.crop(), o = I.w / I.h, i = r.w / r.h * o, a = Math.min(1, i / o), s = Math.min(1, o / i);
   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 zn(t) {
+function Kn(t) {
   return t.type === "arrow" ? {
     id: "preview",
     type: "arrow",
@@ -1283,7 +1285,7 @@ function zn(t) {
     id: "preview",
     type: t.type,
     number: "",
-    ...rt(t.start, t.current)
+    ...it(t.start, t.current)
   };
 }
 function M() {
@@ -1291,15 +1293,15 @@ function M() {
     bt();
     return;
   }
-  const e = y.crop(), n = q(), r = Et(n.clientWidth || 400);
+  const e = y.crop(), n = z(), 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 i = document.createElement("div");
-    i.className = "nf-crop", Bt(i, rt(w.start, w.current), { x: 0, y: 0, w: 1, h: 1 }), c.shot.appendChild(i);
+    i.className = "nf-crop", Nt(i, it(w.start, w.current), { x: 0, y: 0, w: 1, h: 1 }), c.shot.appendChild(i);
   }
   const o = y.list().slice();
-  if ((w == null ? void 0 : w.kind) === "sticker" && o.push(zn(w)), o.forEach((i) => {
+  if ((w == null ? void 0 : w.kind) === "sticker" && o.push(Kn(w)), o.forEach((i) => {
     const a = i.id === "preview", s = !a && i.id === $, l = document.createElement("div");
-    if (l.className = `nf-sticker nf-${i.type}`, l.dataset.id = i.id, s && (l.dataset.selected = "true"), a && (l.dataset.preview = "true"), i.type === "arrow" ? Xn(l, i, e, s, r) : (Bt(l, i, e), s && ["nw", "ne", "sw", "se"].forEach((u) => vt(l, u))), !a && i.number) {
+    if (l.className = `nf-sticker nf-${i.type}`, l.dataset.id = i.id, s && (l.dataset.selected = "true"), a && (l.dataset.preview = "true"), i.type === "arrow" ? Gn(l, i, e, s, r) : (Nt(l, i, e), s && ["nw", "ne", "sw", "se"].forEach((u) => vt(l, u))), !a && i.number) {
       const u = document.createElement("span");
       u.className = "nf-badge", u.textContent = String(i.number), l.appendChild(u);
     }
@@ -1310,27 +1312,54 @@ function M() {
   }
   bt();
 }
-function Xn(t, e, n, r, o = Et(400)) {
-  const i = q(), a = i.clientWidth, s = i.clientHeight, l = (e.x - n.x) / n.w * a, u = (e.y - n.y) / n.h * s, d = ((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, o.arrowHead + o.stroke * 2), C = Math.min(l, d) - m, L = Math.min(u, p) - m, P = Math.max(2, Math.abs(d - l)) + m * 2, V = Math.max(2, Math.abs(p - u)) + m * 2, F = l - C, j = u - L, ot = d - C, at = p - L, A = te(F, j, ot, at, o), U = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  t.style.left = `${C}px`, t.style.top = `${L}px`, t.style.width = `${P}px`, t.style.height = `${V}px`, U.setAttribute("class", "nf-arrow-svg"), U.setAttribute("viewBox", `0 0 ${P} ${V}`), U.setAttribute("width", String(P)), U.setAttribute("height", String(V)), U.innerHTML = `
-      <line class="nf-arrow-hit" x1="${F}" y1="${j}" x2="${ot}" y2="${at}" />
-      <line class="nf-arrow-shaft" x1="${F}" 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: F - 5, top: j - 5 }), vt(t, "end", { left: ot - 5, top: at - 5 }));
+function Gn(t, e, n, r, o = Et(400)) {
+  const i = z(), a = i.clientWidth, s = i.clientHeight, l = (e.x - n.x) / n.w * a, u = (e.y - n.y) / n.h * s, d = ((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, o.arrowHead + o.stroke * 2), C = Math.min(l, d) - m, L = Math.min(u, p) - m, A = Math.max(2, Math.abs(d - l)) + m * 2, B = Math.max(2, Math.abs(p - u)) + m * 2, F = l - C, U = u - L, at = d - C, st = p - L, P = te(F, U, at, st, o), j = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  t.style.left = `${C}px`, t.style.top = `${L}px`, t.style.width = `${A}px`, t.style.height = `${B}px`, j.setAttribute("class", "nf-arrow-svg"), j.setAttribute("viewBox", `0 0 ${A} ${B}`), j.setAttribute("width", String(A)), j.setAttribute("height", String(B)), j.innerHTML = `
+      <line class="nf-arrow-hit" x1="${F}" y1="${U}" x2="${at}" y2="${st}" />
+      <line class="nf-arrow-shaft" x1="${F}" y1="${U}" 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(j), r && (vt(t, "start", { left: F - 5, top: U - 5 }), vt(t, "end", { left: at - 5, top: st - 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 Bt(t, e, n) {
+function Nt(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 ce(t, e = re) {
+function Jn() {
+  try {
+    return String(localStorage.getItem(ie) || "").trim();
+  } catch {
+    return "";
+  }
+}
+function Qn(t) {
+  const e = String(t || "").trim();
+  if (!(!e || e === oe))
+    try {
+      localStorage.setItem(ie, e);
+    } catch {
+    }
+}
+function Zn() {
+  const t = String(W.displayName || "").trim();
+  return t || Jn();
+}
+function tr() {
+  var e;
+  const t = String(((e = c.author) == null ? void 0 : e.value) || "").trim();
+  return t ? (Qn(t), t) : oe;
+}
+function ue() {
+  c.author && (c.author.value = Zn());
+}
+function de(t, e = re) {
   const n = Number(t);
-  return Number.isFinite(n) ? Math.min(kn, Math.max(0, Math.floor(n))) : e;
+  return Number.isFinite(n) ? Math.min(Hn, Math.max(0, Math.floor(n))) : e;
 }
-function Kn(t = {}) {
-  return mn(t), f = {
+function er(t = {}) {
+  return wn(t), f = {
     ...f,
     endpoint: String(t.endpoint || f.endpoint || "").replace(/\/$/, ""),
     projectKey: t.projectKey == null ? f.projectKey : String(t.projectKey),
@@ -1338,87 +1367,91 @@ function Kn(t = {}) {
     name: t.name == null ? f.name : String(t.name || ""),
     targets: t.targets === void 0 ? f.targets : t.targets,
     hideLauncher: t.hideLauncher == null ? f.hideLauncher : !!t.hideLauncher,
-    theme: ie(t.theme ?? f.theme),
+    theme: ae(t.theme ?? f.theme),
     video: t.video == null ? f.video : !!t.video,
-    consoleLogLimit: t.consoleLogLimit == null ? f.consoleLogLimit : ce(t.consoleLogLimit, f.consoleLogLimit)
-  }, Ct(), nt(), de;
+    consoleLogLimit: t.consoleLogLimit == null ? f.consoleLogLimit : de(t.consoleLogLimit, f.consoleLogLimit)
+  }, Ct(), rt(), pe;
 }
-async function le() {
-  Ct(), nt(), c.launcher.hidden = !0, y = Zt(), I = { w: 0, h: 0 }, R = null, $ = null, w = null, g = null, J = "bug", yt("bug"), gt(null), Lt(!1), c.text.value = "", b("");
+async function fe() {
+  Ct(), rt(), c.launcher.hidden = !0, y = Zt(), I = { w: 0, h: 0 }, R = null, $ = null, w = null, g = null, Q = "bug", yt("bug"), gt(null), Lt(!1), c.text.value = "", ue(), v("");
   try {
-    S = await un(), W = S, c.stage.hidden = !1, c.restore.hidden = !0, b("");
+    S = await hn(), q = S, c.stage.hidden = !1, c.restore.hidden = !0, v("");
   } catch {
-    S = "", b("Screenshot failed; you can still send text.");
+    S = "", v("Screenshot failed; you can still send text.");
   }
-  c.dialog.hidden = !1, z(), c.text.focus();
+  c.dialog.hidden = !1, X(), c.text.focus();
 }
-function it() {
-  h && (D == null || D.stop(), Lt(!1), ae(), w = null, g = null, Mt(!1), c.dialog.hidden = !0, c.stop.hidden = !0, Q());
+function ot() {
+  h && (D == null || D.stop(), Lt(!1), ce(), w = null, g = null, Mt(!1), c.dialog.hidden = !0, c.stop.hidden = !0, Z());
 }
-function Yn(t = {}) {
-  mt = { ...mt, ...pn(t) };
+function nr(t = {}) {
+  W = { ...W, ...gn(t) }, ue();
 }
-async function ue() {
-  if (Ct(), lt)
+async function he() {
+  if (Ct(), ut)
     return null;
   const t = c.text.value.trim();
   if (!t && !S && !R)
-    return b("Add a note, screenshot, or video first."), null;
+    return v("Add a note, screenshot, or video first."), null;
   if (!f.endpoint || !f.projectKey)
-    return b("Notefully is missing endpoint or projectKey."), null;
-  lt = !0, Vt(!0), b("Submitting…", !0);
+    return v("Notefully is missing endpoint or projectKey."), null;
+  ut = !0, Bt(!0), v("Submitting…", !0);
   try {
-    const e = new FormData();
-    if (e.append("message", t), e.append("kind", J), e.append("version", f.version || "0.0.0"), f.name && e.append("name", f.name), e.append("context", JSON.stringify({
-      ...hn(mt),
-      console: ne.snapshot().slice(-ce(f.consoleLogLimit))
-    })), e.append("annotations", JSON.stringify(y.list())), Array.isArray(f.targets) && e.append("targets", JSON.stringify(f.targets)), S) {
-      const o = await $n(
+    const e = tr(), n = new FormData();
+    if (n.append("message", t), n.append("kind", Q), n.append("version", f.version || "0.0.0"), n.append("author", e), f.name && n.append("name", f.name), n.append("context", JSON.stringify({
+      ...yn({
+        ...W,
+        displayName: W.displayName || e
+      }),
+      author: e,
+      console: ne.snapshot().slice(-de(f.consoleLogLimit))
+    })), n.append("annotations", JSON.stringify(y.list())), Array.isArray(f.targets) && n.append("targets", JSON.stringify(f.targets)), S) {
+      const i = await Pn(
         S,
         y.crop(),
         y.list(),
         {
-          mark: Ut("--nf-mark", "#fdd341"),
-          markText: Ut("--nf-mark-text", "#2a2140")
+          mark: jt("--nf-mark", "#fdd341"),
+          markText: jt("--nf-mark-text", "#2a2140")
         }
       );
-      e.append("screenshot", o, "screenshot.png");
+      n.append("screenshot", i, "screenshot.png");
     }
-    R && e.append("recording", R, "recording.webm");
-    const n = await fetch(`${f.endpoint}/v1/reports`, {
+    R && n.append("recording", R, "recording.webm");
+    const r = await fetch(`${f.endpoint}/v1/reports`, {
       method: "POST",
       headers: {
         "X-Notefully-Key": f.projectKey
       },
-      body: e
+      body: n
     });
-    let r = null;
+    let o = null;
     try {
-      r = await n.json();
+      o = await r.json();
     } catch {
-      r = null;
+      o = null;
     }
-    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."), it(), r;
+    if (!r.ok)
+      throw v((o == null ? void 0 : o.error) || "Submit failed."), new Error((o == null ? void 0 : o.error) || `Submit failed (${r.status})`);
+    return v("Sent. Thank you."), ot(), o;
   } finally {
-    lt = !1, Vt(!1);
+    ut = !1, Bt(!1);
   }
 }
-function Vt(t) {
+function Bt(t) {
   c.submit && (c.submit.disabled = !!t, c.submit.setAttribute("aria-busy", t ? "true" : "false"));
 }
-function Gn() {
-  it(), h == null || h.remove(), h = null, c = {};
+function rr() {
+  ot(), h == null || h.remove(), h = null, c = {};
 }
-const de = { init: Kn, open: le, close: it, identify: Yn, submit: ue, destroy: Gn };
-typeof window < "u" && (window.Notefully = de);
+const pe = { init: er, open: fe, close: ot, identify: nr, submit: he, destroy: rr };
+typeof window < "u" && (window.Notefully = pe);
 export {
-  it as close,
-  de as default,
-  Gn as destroy,
-  Yn as identify,
-  Kn as init,
-  le as open,
-  ue as submit
+  ot as close,
+  pe as default,
+  rr as destroy,
+  nr as identify,
+  er as init,
+  fe as open,
+  he as submit
 };