@makefully/notefully 0.1.21 → 0.1.25

package/dist/notefully.js

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