@makefully/notefully 0.1.1 → 0.1.2

package/dist/notefully.js

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