@makefully/notefully 0.1.0

package/dist/notefully.js

@@ -0,0 +1,1269 @@
+function te(t, e) {
+  if (t.match(/^[a-z]+:\/\//i))
+    return t;
+  if (t.match(/^\/\//))
+    return window.location.protocol + t;
+  if (t.match(/^[a-z]+:/i))
+    return t;
+  const r = document.implementation.createHTMLDocument(), n = r.createElement("base"), i = r.createElement("a");
+  return r.head.appendChild(n), r.body.appendChild(i), e && (n.href = e), i.href = t, i.href;
+}
+const ee = /* @__PURE__ */ (() => {
+  let t = 0;
+  const e = () => (
+    // eslint-disable-next-line no-bitwise
+    `0000${(Math.random() * 36 ** 4 << 0).toString(36)}`.slice(-4)
+  );
+  return () => (t += 1, `u${e()}${t}`);
+})();
+function O(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)), _));
+}
+function Y(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");
+  return t.clientWidth + e + r;
+}
+function re(t) {
+  const e = Y(t, "border-top-width"), r = Y(t, "border-bottom-width");
+  return t.clientHeight + e + r;
+}
+function Dt(t, e = {}) {
+  const r = e.width || ne(t), n = e.height || re(t);
+  return { width: r, height: n };
+}
+function ie() {
+  let t, e;
+  try {
+    e = process;
+  } catch {
+  }
+  const r = e && e.env ? e.env.devicePixelRatio : null;
+  return r && (t = parseInt(r, 10), Number.isNaN(t) && (t = 1)), t || window.devicePixelRatio || 1;
+}
+const M = 16384;
+function ae(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) {
+  return new Promise((e, r) => {
+    const n = new Image();
+    n.onload = () => {
+      n.decode().then(() => {
+        requestAnimationFrame(() => e(n));
+      });
+    }, n.onerror = r, n.crossOrigin = "anonymous", n.decoding = "async", n.src = t;
+  });
+}
+async function oe(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", i = document.createElementNS(n, "svg"), a = document.createElementNS(n, "foreignObject");
+  return i.setAttribute("width", `${e}`), i.setAttribute("height", `${r}`), i.setAttribute("viewBox", `0 0 ${e} ${r}`), a.setAttribute("width", "100%"), a.setAttribute("height", "100%"), a.setAttribute("x", "0"), a.setAttribute("y", "0"), a.setAttribute("externalResourcesRequired", "true"), i.appendChild(a), a.appendChild(t), oe(i);
+}
+const C = (t, e) => {
+  if (t instanceof e)
+    return !0;
+  const r = Object.getPrototypeOf(t);
+  return r === null ? !1 : r.constructor.name === e.name || C(r, e);
+};
+function ce(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), i = t.getPropertyPriority(r);
+    return `${r}: ${n}${i ? " !important" : ""};`;
+  }).join(" ");
+}
+function ue(t, e, r, n) {
+  const i = `.${t}:${e}`, a = r.cssText ? ce(r) : le(r, n);
+  return document.createTextNode(`${i}{${a}}`);
+}
+function St(t, e, r, n) {
+  const i = window.getComputedStyle(t, r), a = i.getPropertyValue("content");
+  if (a === "" || a === "none")
+    return;
+  const o = ee();
+  try {
+    e.className = `${e.className} ${o}`;
+  } catch {
+    return;
+  }
+  const s = document.createElement("style");
+  s.appendChild(ue(o, r, i, n)), e.appendChild(s);
+}
+function de(t, e, r) {
+  St(t, e, ":before", r), St(t, e, ":after", r);
+}
+const Et = "application/font-woff", Ct = "image/jpeg", fe = {
+  woff: Et,
+  woff2: Et,
+  ttf: "application/font-truetype",
+  eot: "application/vnd.ms-fontobject",
+  png: "image/png",
+  jpg: Ct,
+  jpeg: Ct,
+  gif: "image/gif",
+  tiff: "image/tiff",
+  svg: "image/svg+xml",
+  webp: "image/webp"
+};
+function he(t) {
+  const e = /\.([^./]*?)$/g.exec(t);
+  return e ? e[1] : "";
+}
+function yt(t) {
+  const e = he(t).toLowerCase();
+  return fe[e] || "";
+}
+function me(t) {
+  return t.split(/,/)[1];
+}
+function st(t) {
+  return t.search(/^(data:)/) !== -1;
+}
+function pe(t, e) {
+  return `data:${e};base64,${t}`;
+}
+async function Ft(t, e, r) {
+  const n = await fetch(t, e);
+  if (n.status === 404)
+    throw new Error(`Resource "${n.url}" not found`);
+  const i = await n.blob();
+  return new Promise((a, o) => {
+    const s = new FileReader();
+    s.onerror = o, s.onloadend = () => {
+      try {
+        a(r({ res: n, result: s.result }));
+      } catch (l) {
+        o(l);
+      }
+    }, s.readAsDataURL(i);
+  });
+}
+const it = {};
+function ge(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 (it[n] != null)
+    return it[n];
+  r.cacheBust && (t += (/\?/.test(t) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
+  let i;
+  try {
+    const a = await Ft(t, r.fetchRequestInit, ({ res: o, result: s }) => (e || (e = o.headers.get("Content-Type") || ""), me(s)));
+    i = pe(a, e);
+  } catch (a) {
+    i = r.imagePlaceholder || "";
+    let o = `Failed to fetch resource: ${t}`;
+    a && (o = typeof a == "string" ? a : a.message), o && console.warn(o);
+  }
+  return it[n] = i, i;
+}
+async function ye(t) {
+  const e = t.toDataURL();
+  return e === "data:," ? t.cloneNode(!1) : K(e);
+}
+async function we(t, e) {
+  if (t.currentSrc) {
+    const a = document.createElement("canvas"), o = a.getContext("2d");
+    a.width = t.clientWidth, a.height = t.clientHeight, o == null || o.drawImage(t, 0, 0, a.width, a.height);
+    const s = a.toDataURL();
+    return K(s);
+  }
+  const r = t.poster, n = yt(r), i = await wt(r, n, e);
+  return K(i);
+}
+async function be(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);
+  } 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));
+}
+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, i;
+  if (Ht(e))
+    return e;
+  let a = [];
+  return ve(t) && t.assignedNodes ? a = O(t.assignedNodes()) : C(t, HTMLIFrameElement) && (!((n = t.contentDocument) === null || n === void 0) && n.body) ? a = O(t.contentDocument.body.childNodes) : a = O(((i = t.shadowRoot) !== null && i !== void 0 ? i : t).childNodes), a.length === 0 || C(t, HTMLVideoElement) || await a.reduce((o, s) => o.then(() => Q(s, r)).then((l) => {
+    l && e.appendChild(l);
+  }), Promise.resolve()), e;
+}
+function Ee(t, e, r) {
+  const n = e.style;
+  if (!n)
+    return;
+  const i = window.getComputedStyle(t);
+  i.cssText ? (n.cssText = i.cssText, n.transformOrigin = i.transformOrigin) : It(r).forEach((a) => {
+    let o = i.getPropertyValue(a);
+    a === "font-size" && o.endsWith("px") && (o = `${Math.floor(parseFloat(o.substring(0, o.length - 2))) - 0.1}px`), C(t, HTMLIFrameElement) && a === "display" && o === "inline" && (o = "block"), a === "d" && e.getAttribute("d") && (o = `path(${e.getAttribute("d")})`), n.setProperty(a, o, i.getPropertyPriority(a));
+  });
+}
+function Ce(t, e) {
+  C(t, HTMLTextAreaElement) && (e.innerHTML = t.value), C(t, HTMLInputElement) && e.setAttribute("value", t.value);
+}
+function Me(t, e) {
+  if (C(t, HTMLSelectElement)) {
+    const n = Array.from(e.children).find((i) => t.value === i.getAttribute("value"));
+    n && n.setAttribute("selected", "");
+  }
+}
+function Re(t, e, r) {
+  return C(e, Element) && (Ee(t, e, r), de(t, e, r), Ce(t, e), Me(t, e)), e;
+}
+async function $e(t, e) {
+  const r = t.querySelectorAll ? t.querySelectorAll("use") : [];
+  if (r.length === 0)
+    return t;
+  const n = {};
+  for (let a = 0; a < r.length; a++) {
+    const s = r[a].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 i = Object.values(n);
+  if (i.length) {
+    const a = "http://www.w3.org/1999/xhtml", o = document.createElementNS(a, "svg");
+    o.setAttribute("xmlns", a), o.style.position = "absolute", o.style.width = "0", o.style.height = "0", o.style.overflow = "hidden", o.style.display = "none";
+    const s = document.createElementNS(a, "defs");
+    o.appendChild(s);
+    for (let l = 0; l < i.length; l++)
+      s.appendChild(i[l]);
+    t.appendChild(o);
+  }
+  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) => Re(t, n, e)).then((n) => $e(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 e = t.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
+  return new RegExp(`(url\\(['"]?)(${e})(['"]?\\))`, "g");
+}
+function Ae(t) {
+  const e = [];
+  return t.replace(Ut, (r, n, i) => (e.push(i), r)), e.filter((r) => !st(r));
+}
+async function ke(t, e, r, n, i) {
+  try {
+    const a = r ? te(e, r) : e, o = yt(e);
+    let s;
+    return i || (s = await wt(a, o, n)), t.replace(Te(e), `$1${s}$3`);
+  } catch {
+  }
+  return t;
+}
+function Ie(t, { preferredFontFormat: e }) {
+  return e ? t.replace(Pe, (r) => {
+    for (; ; ) {
+      const [n, , i] = Le.exec(r) || [];
+      if (!i)
+        return "";
+      if (i === e)
+        return `src: ${n};`;
+    }
+  }) : t;
+}
+function Ot(t) {
+  return t.search(Ut) !== -1;
+}
+async function Vt(t, e, r) {
+  if (!Ot(t))
+    return t;
+  const n = Ie(t, r);
+  return Ae(n).reduce((a, o) => a.then((s) => ke(s, o, e, r)), Promise.resolve(n));
+}
+async function q(t, e, r) {
+  var n;
+  const i = (n = e.style) === null || n === void 0 ? void 0 : n.getPropertyValue(t);
+  if (i) {
+    const a = await Vt(i, null, r);
+    return e.style.setProperty(t, a, 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 Fe(t, e) {
+  const r = C(t, HTMLImageElement);
+  if (!(r && !st(t.src)) && !(C(t, SVGImageElement) && !st(t.href.baseVal)))
+    return;
+  const n = r ? t.src : t.href.baseVal, i = await wt(n, yt(n), e);
+  await new Promise((a, o) => {
+    t.onload = a, t.onerror = e.onImageErrorHandler ? (...l) => {
+      try {
+        a(e.onImageErrorHandler(...l));
+      } catch (b) {
+        o(b);
+      }
+    } : o;
+    const s = t;
+    s.decode && (s.decode = a), 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((i) => Bt(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));
+}
+function Ue(t, e) {
+  const { style: r } = t;
+  e.backgroundColor && (r.backgroundColor = e.backgroundColor), e.width && (r.width = `${e.width}px`), e.height && (r.height = `${e.height}px`);
+  const n = e.style;
+  return n != null && Object.keys(n).forEach((i) => {
+    r[i] = n[i];
+  }), t;
+}
+const Mt = {};
+async function Rt(t) {
+  let e = Mt[t];
+  if (e != null)
+    return e;
+  const n = await (await fetch(t)).text();
+  return e = { url: t, cssText: n }, Mt[t] = e, e;
+}
+async function $t(t, e) {
+  let r = t.cssText;
+  const n = /url\(["']?([^"')]+)["']?\)/g, a = (r.match(/url\([^)]+\)/g) || []).map(async (o) => {
+    let s = o.replace(n, "$1");
+    return s.startsWith("https://") || (s = new URL(s, t.url).href), Ft(s, e.fetchRequestInit, ({ result: l }) => (r = r.replace(o, `url(${l})`), [o, l]));
+  });
+  return Promise.all(a).then(() => r);
+}
+function Lt(t) {
+  if (t == null)
+    return [];
+  const e = [], r = /(\/\*[\s\S]*?\*\/)/gi;
+  let n = t.replace(r, "");
+  const i = new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
+  for (; ; ) {
+    const l = i.exec(n);
+    if (l === null)
+      break;
+    e.push(l[0]);
+  }
+  n = n.replace(i, "");
+  const a = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, o = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", s = new RegExp(o, "gi");
+  for (; ; ) {
+    let l = a.exec(n);
+    if (l === null) {
+      if (l = s.exec(n), l === null)
+        break;
+      a.lastIndex = s.lastIndex;
+    } else
+      s.lastIndex = a.lastIndex;
+    e.push(l[0]);
+  }
+  return e;
+}
+async function Oe(t, e) {
+  const r = [], n = [];
+  return t.forEach((i) => {
+    if ("cssRules" in i)
+      try {
+        O(i.cssRules || []).forEach((a, o) => {
+          if (a.type === CSSRule.IMPORT_RULE) {
+            let s = o + 1;
+            const l = a.href, b = Rt(l).then((p) => $t(p, e)).then((p) => Lt(p).forEach((h) => {
+              try {
+                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());
+            });
+            n.push(b);
+          }
+        });
+      } catch (a) {
+        const o = t.find((s) => s.href == null) || document.styleSheets[0];
+        i.href != null && n.push(Rt(i.href).then((s) => $t(s, e)).then((s) => Lt(s).forEach((l) => {
+          o.insertRule(l, o.cssRules.length);
+        })).catch((s) => {
+          console.error("Error loading remote stylesheet", s);
+        })), console.error("Error inlining remote css file", a);
+      }
+  }), Promise.all(n).then(() => (t.forEach((i) => {
+    if ("cssRules" in i)
+      try {
+        O(i.cssRules || []).forEach((a) => {
+          r.push(a);
+        });
+      } catch (a) {
+        console.error(`Error while reading CSS rules from ${i.href}`, a);
+      }
+  }), r));
+}
+function Ve(t) {
+  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => Ot(e.style.getPropertyValue("src")));
+}
+async function Be(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);
+}
+function Wt(t) {
+  return t.trim().replace(/["']/g, "");
+}
+function We(t) {
+  const e = /* @__PURE__ */ new Set();
+  function r(n) {
+    (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((a) => {
+      e.add(Wt(a));
+    }), Array.from(n.children).forEach((a) => {
+      a instanceof HTMLElement && r(a);
+    });
+  }
+  return r(t), e;
+}
+async function _e(t, e) {
+  const r = await Be(t, e), n = We(t);
+  return (await Promise.all(r.filter((a) => n.has(Wt(a.style.fontFamily))).map((a) => {
+    const o = a.parentStyleSheet ? a.parentStyleSheet.href : null;
+    return Vt(a.cssText, o, e);
+  }))).join(`
+`);
+}
+async function qe(t, e) {
+  const r = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await _e(t, e);
+  if (r) {
+    const n = document.createElement("style"), i = document.createTextNode(r);
+    n.appendChild(i), t.firstChild ? t.insertBefore(n, t.firstChild) : t.appendChild(n);
+  }
+}
+async function je(t, e = {}) {
+  const { width: r, height: n } = Dt(t, e), i = await Q(t, e, !0);
+  return await qe(i, e), await Bt(i, e), Ue(i, e), await se(i, r, n);
+}
+async function Xe(t, e = {}) {
+  const { width: r, height: n } = Dt(t, e), i = await je(t, e), a = await K(i), o = document.createElement("canvas"), s = o.getContext("2d"), l = e.pixelRatio || ie(), b = e.canvasWidth || r, p = e.canvasHeight || n;
+  return o.width = b * l, o.height = p * l, e.skipAutoScale || ae(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(a, 0, 0, o.width, o.height), o;
+}
+async function ze(t, e = {}) {
+  return (await Xe(t, e)).toDataURL();
+}
+function Ge() {
+  const t = [];
+  return document.querySelectorAll('input[type="password"], [data-notefully-mask]').forEach((r) => {
+    const n = r.getBoundingClientRect(), i = document.createElement("div");
+    i.setAttribute("data-nf-mask-cover", "1"), i.style.cssText = [
+      "position:fixed",
+      `left:${n.left}px`,
+      `top:${n.top}px`,
+      `width:${Math.max(n.width, 4)}px`,
+      `height:${Math.max(n.height, 4)}px`,
+      "background:#111",
+      "z-index:2147483646",
+      "pointer-events:none"
+    ].join(";"), document.body.appendChild(i), t.push(i);
+  }), () => t.forEach((r) => r.remove());
+}
+async function Ye() {
+  const t = document.getElementById("notefully"), e = t ? t.style.display : "";
+  t && (t.style.display = "none");
+  const r = Ge();
+  await new Promise((n) => requestAnimationFrame(() => requestAnimationFrame(n)));
+  try {
+    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
+    });
+  } finally {
+    r(), t && (t.style.display = e);
+  }
+}
+function Ke(t = {}) {
+  return {
+    url: location.href,
+    title: document.title,
+    userAgent: navigator.userAgent,
+    language: navigator.language,
+    timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+    viewport: {
+      width: window.innerWidth,
+      height: window.innerHeight,
+      dpr: window.devicePixelRatio || 1
+    },
+    user: {
+      userId: t.userId || null,
+      email: t.email || null,
+      displayName: t.displayName || null
+    }
+  };
+}
+const Je = 80;
+function Ze() {
+  const t = [], e = {};
+  let r = !1;
+  const n = (a, o) => {
+    let s = "";
+    try {
+      s = o.map((l) => l instanceof Error ? l.stack || l.message : typeof l == "string" ? l : JSON.stringify(l)).join(" ");
+    } catch {
+      s = String(o[0]);
+    }
+    t.push({
+      level: a,
+      text: s.slice(0, 2e3),
+      at: Date.now()
+    }), t.length > Je && t.shift();
+  };
+  return {
+    hook: () => {
+      r || typeof window > "u" || (r = !0, ["log", "info", "warn", "error"].forEach((a) => {
+        e[a] = console[a].bind(console), console[a] = (...o) => {
+          n(a, o), e[a](...o);
+        };
+      }), window.addEventListener("error", (a) => {
+        n("error", [a.message || "window.error"]);
+      }), window.addEventListener("unhandledrejection", (a) => {
+        n("error", [a.reason || "unhandledrejection"]);
+      }));
+    },
+    snapshot() {
+      return t.slice();
+    }
+  };
+}
+function Ne(t) {
+  const e = window.SpeechRecognition || window.webkitSpeechRecognition;
+  let r = null, n = !1;
+  const i = () => {
+    if (n = !1, r)
+      try {
+        r.stop();
+      } catch {
+      }
+  };
+  return {
+    start: () => {
+      if (!e)
+        throw new Error("Speech recognition is not supported in this browser.");
+      return n ? (i(), !1) : (r = new e(), r.continuous = !0, r.interimResults = !0, r.lang = navigator.language || "en-US", r.onresult = (o) => {
+        let s = "";
+        for (let l = o.resultIndex; l < o.results.length; l += 1)
+          o.results[l].isFinal && (s += o.results[l][0].transcript);
+        s && t(s);
+      }, r.onerror = () => {
+        n = !1;
+      }, r.onend = () => {
+        n = !1;
+      }, r.start(), n = !0, !0);
+    },
+    stop: i,
+    isSupported: () => !!e,
+    isActive: () => n
+  };
+}
+const Qe = 60 * 1e3;
+function tn({ onStart: t, onStop: e, onError: r }) {
+  let n = null, i = null, a = [], o = null;
+  const s = () => {
+    if (o && (clearTimeout(o), o = null), i && i.state !== "inactive")
+      try {
+        i.stop();
+      } catch {
+      }
+    n && (n.getTracks().forEach((p) => p.stop()), n = null);
+  }, l = () => {
+    if (i && i.state === "recording") {
+      i.stop();
+      return;
+    }
+    s(), e(null);
+  };
+  return { start: async () => {
+    var p, h;
+    if (!((p = navigator.mediaDevices) != null && p.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"
+    }), a = [], i = new MediaRecorder(n, {
+      mimeType: MediaRecorder.isTypeSupported("video/webm;codecs=vp9") ? "video/webm;codecs=vp9" : "video/webm"
+    }), i.ondataavailable = (g) => {
+      g.data && g.data.size && a.push(g.data);
+    }, i.onstop = () => {
+      const g = a.length ? new Blob(a, { type: i.mimeType || "video/webm" }) : null;
+      s(), e(g);
+    }, (h = n.getVideoTracks()[0]) == null || h.addEventListener("ended", () => l()), i.start(), o = setTimeout(l, Qe);
+  }, stop: l };
+}
+function en() {
+  const t = /* @__PURE__ */ new Set();
+  return {
+    alloc() {
+      let e = 1;
+      for (; t.has(e); )
+        e += 1;
+      return t.add(e), e;
+    },
+    free(e) {
+      const r = Number(e);
+      Number.isInteger(r) && r > 0 && t.delete(r);
+    },
+    peekUsed() {
+      return [...t].sort((e, r) => e - r);
+    }
+  };
+}
+const at = { x: 0, y: 0, w: 1, h: 1 };
+function _t() {
+  const t = en();
+  let e = [], r = { ...at }, n = 1;
+  return {
+    list: () => e.filter((a) => rn(a, r)),
+    all: () => e.slice(),
+    crop: () => ({ ...r }),
+    setCrop(a) {
+      return r = nn(a), r;
+    },
+    resetCrop() {
+      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(a, o) {
+      const s = {
+        id: `s${n++}`,
+        type: a,
+        number: t.alloc(),
+        x: 0.2,
+        y: 0.2,
+        w: a === "arrow" ? 0.2 : 0.22,
+        h: a === "arrow" ? 0.05 : 0.16,
+        x2: 0.4,
+        y2: 0.28,
+        ...o
+      };
+      return e.push(s), s;
+    },
+    update(a, o) {
+      const s = e.find((l) => l.id === a);
+      return s ? (Object.assign(s, o), s) : null;
+    },
+    remove(a) {
+      const o = e.findIndex((l) => l.id === a);
+      if (o < 0)
+        return null;
+      const [s] = e.splice(o, 1);
+      return t.free(s.number), s;
+    },
+    reset() {
+      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), i = Math.min(Math.max(t.h, 0.05), 1 - r);
+  return { x: e, y: r, w: n, h: i };
+}
+function rn(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 i = n.mark || "#fdd341", a = n.markText || "#2a2140";
+  return new Promise((o, 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");
+      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 = i, d.fillStyle = i, 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);
+        }
+        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 = a, d.textAlign = "center", d.textBaseline = "middle", d.fillText(I, B.x, B.y), d.fillStyle = i;
+      }), P.toBlob((m) => {
+        if (!m) {
+          s(new Error("Could not encode screenshot"));
+          return;
+        }
+        o(m);
+      }, "image/png");
+    }, l.onerror = () => s(new Error("Could not load screenshot")), l.src = t;
+  });
+}
+function ct(t, e, r) {
+  return (t - e.x) / e.w * r;
+}
+function lt(t, e, r) {
+  return (t - e.y) / e.h * r;
+}
+function on(t, e, r, n, i, a, o) {
+  if (t.type === "arrow") {
+    const s = ct(t.x2 ?? t.x + t.w, e, r), l = lt(t.y2 ?? t.y, e, n);
+    return {
+      x: (i + s) / 2,
+      y: (a + l) / 2
+    };
+  }
+  return { x: i + o / 2, y: a };
+}
+function sn(t, e, r, n, i) {
+  const a = Math.atan2(i - r, n - e), o = 14, s = 2, l = n - Math.cos(a) * s, b = i - Math.sin(a) * s;
+  t.beginPath(), t.moveTo(e, r), t.lineTo(l, b), t.stroke(), t.beginPath(), t.moveTo(n, i), t.lineTo(n - o * Math.cos(a - 0.4), i - o * Math.sin(a - 0.4)), t.lineTo(n - o * Math.cos(a + 0.4), i - o * Math.sin(a + 0.4)), t.closePath(), t.fill();
+}
+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 = `
+  <svg class="nf-launcher-icon" viewBox="0 0 24 24" aria-hidden="true">
+    <path fill="currentColor" d="M6.2 3.5h9.1A3.7 3.7 0 0 1 19 7.2v7.4a3.7 3.7 0 0 1-3.7 3.7h-3.4L7.2 21.4a.85.85 0 0 1-1.35-.7v-2.4A3.7 3.7 0 0 1 2.2 14.6V7.2A3.7 3.7 0 0 1 5.9 3.5h.3zm1.7 5.1a.75.75 0 0 0 0 1.5h8.2a.75.75 0 0 0 0-1.5H7.9zm0 3.4a.75.75 0 0 0 0 1.5H14a.75.75 0 0 0 0-1.5H7.9z"/>
+  </svg>
+`;
+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 = {
+  crop: D('<path d="M6 3v5H1M18 21v-5h5M8 5h8a2 2 0 0 1 2 2v8M16 19H8a2 2 0 0 1-2-2V8"/>'),
+  resetCrop: D('<path d="M3 12a9 9 0 1 0 3-6.7L3 8"/><path d="M3 3v5h5"/>'),
+  arrow: D('<path d="M5 19 19 5"/><path d="M9 5h10v10"/>'),
+  rect: D('<rect x="4" y="6" width="16" height="12" rx="1.5"/>'),
+  circle: D('<circle cx="12" cy="12" r="8"/>'),
+  discard: D('<path d="M4 7h16"/><path d="M9 7V5h6v2"/><path d="M6 7l1 13h10l1-13"/>'),
+  audio: D('<rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0 0 14 0"/><path d="M12 18v3"/>'),
+  video: D('<rect x="3" y="7" width="13" height="10" rx="2"/><path d="M16 10.5 21 8v8l-5-2.5z"/>')
+}, jt = Ze();
+jt.hook();
+let x = {
+  endpoint: "",
+  projectKey: "",
+  version: "0.0.0",
+  targets: null,
+  hideLauncher: !1,
+  theme: qt,
+  video: !1
+}, dt = {}, u = null, c = {}, f = _t(), S = "", X = "", L = null, J = "bug", U = null, $ = null, w = null, y = null, G = null, W = null, j = null, H = { w: 0, h: 0 };
+function E(t) {
+  return u.querySelector(t);
+}
+function Xt(t) {
+  const e = String(t || "").trim().toLowerCase().replace(/\s+/g, "-");
+  return ln.includes(e) ? e : qt;
+}
+function Tt(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(() => {
+    c.status.textContent = "";
+  }, 4e3)));
+}
+function bt() {
+  return u && document.body.contains(u) || (u = document.createElement("div"), u.id = "notefully", u.innerHTML = `
+      <button class="nf-launcher" type="button" title="Report…" aria-label="Report…">${dn}</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>
+            </div>
+            <div class="nf-canvas"></div>
+          </div>
+          <textarea class="nf-text" placeholder="Describe the bug or the change you want…"></textarea>
+          <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-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-submit" type="button">Submit</button>
+          </div>
+          <button class="nf-restore" type="button" hidden>Restore screenshot</button>
+          <div class="nf-status"></div>
+        </div>
+      </div>
+      <button class="nf-stop-video" type="button" hidden>Stop</button>
+    `, document.body.appendChild(u), c = {
+    launcher: E(".nf-launcher"),
+    dialog: E(".nf-dialog"),
+    stage: E(".nf-stage"),
+    canvas: E(".nf-canvas"),
+    text: E(".nf-text"),
+    restore: E(".nf-restore"),
+    status: E(".nf-status"),
+    audio: E(".nf-audio"),
+    video: E(".nf-video"),
+    discard: E(".nf-discard-shot"),
+    stop: E(".nf-stop-video"),
+    resetCrop: E(".nf-reset-crop"),
+    shot: null
+  }, fn(), tt()), u;
+}
+function tt() {
+  u && (u.dataset.theme = Xt(x.theme), x.hideLauncher ? u.setAttribute("data-nf-hidden-launcher", "") : u.removeAttribute("data-nf-hidden-launcher"), c.video && (c.video.hidden = !x.video));
+}
+function fn() {
+  c.launcher.addEventListener("click", () => Kt()), E(".nf-dialog").addEventListener("click", (t) => {
+    t.target === c.dialog && rt();
+  }), 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", () => j == null ? void 0 : j.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);
+  });
+}
+function ht(t) {
+  U = un.has(t) ? t : null, $ = 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 && R();
+}
+function At(t) {
+  return Math.min(1, Math.max(0, t));
+}
+function et() {
+  return c.shot || c.canvas;
+}
+function Z(t) {
+  const e = et().getBoundingClientRect();
+  return {
+    x: At((t.clientX - e.left) / Math.max(e.width, 1)),
+    y: At((t.clientY - e.top) / Math.max(e.height, 1))
+  };
+}
+function hn(t) {
+  const e = et().getBoundingClientRect();
+  return t.clientX >= e.left && t.clientX <= e.right && t.clientY >= e.top && t.clientY <= e.bottom;
+}
+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) {
+  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))
+  };
+}
+function xt(t) {
+  u && (t ? u.dataset.grabbing = "true" : delete u.dataset.grabbing);
+}
+function ot(t) {
+  try {
+    c.canvas.setPointerCapture(t.pointerId);
+  } catch {
+  }
+}
+function mt() {
+  window.addEventListener("pointermove", Yt), window.addEventListener("pointerup", N), window.addEventListener("pointercancel", N);
+}
+function Gt() {
+  window.removeEventListener("pointermove", Yt), window.removeEventListener("pointerup", N), window.removeEventListener("pointercancel", N);
+}
+function mn(t) {
+  if (t.button !== 0 || !S)
+    return;
+  if (!t.target.closest(".nf-sticker") && !hn(t)) {
+    $ = null, R();
+    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.dataset.id, ot(t), pn({
+      kind: "sticker",
+      id: $,
+      dir: (e == null ? void 0 : e.dataset.dir) || "move"
+    }, t), R();
+    return;
+  }
+  if ($ = null, U === "crop") {
+    t.preventDefault(), ot(t), w = { kind: "crop", start: Z(t), current: Z(t) }, mt(), R();
+    return;
+  }
+  if (U === "arrow" || U === "rect" || U === "circle") {
+    t.preventDefault(), ot(t);
+    const n = zt(t);
+    w = { kind: "sticker", type: U, start: n, current: n }, mt(), R();
+    return;
+  }
+  R();
+}
+function pn(t, e) {
+  e.preventDefault(), e.stopPropagation();
+  const r = et().getBoundingClientRect(), n = f.list().find((i) => i.id === t.id);
+  y = {
+    ...t,
+    startX: e.clientX,
+    startY: e.clientY,
+    crop: f.crop(),
+    sticker: n ? { ...n } : null,
+    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) : zt(t), R();
+    return;
+  }
+  if (!y)
+    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;
+  if (n) {
+    if (y.dir === "end")
+      f.update(n.id, {
+        x2: n.x2 + e,
+        y2: n.y2 + r
+      });
+    else if (y.dir === "start")
+      f.update(n.id, {
+        x: n.x + e,
+        y: n.y + r
+      });
+    else if (y.dir === "move")
+      f.update(n.id, {
+        x: n.x + e,
+        y: n.y + r,
+        x2: (n.x2 || n.x) + e,
+        y2: (n.y2 || n.y) + r
+      });
+    else {
+      const i = { x: n.x, y: n.y, w: n.w, h: n.h };
+      gn(i, y.dir, e, r), f.update(n.id, i);
+    }
+    R();
+  }
+}
+function gn(t, e, r, n) {
+  if (e.includes("e") && (t.w = Math.max(0.04, t.w + r)), e.includes("s") && (t.h = Math.max(0.04, t.h + n)), e.includes("w")) {
+    const i = Math.max(0.04, t.w - r);
+    t.x += t.w - i, t.w = i;
+  }
+  if (e.includes("n")) {
+    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();
+    return;
+  }
+  if (y) {
+    if (y.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), $ = null);
+    }
+    y = null, R();
+  }
+}
+function yn() {
+  const t = w;
+  if (w = 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) {
+      R();
+      return;
+    }
+    const i = f.crop();
+    f.setCrop({
+      x: i.x + r.x * i.w,
+      y: i.y + r.y * i.h,
+      w: r.w * i.w,
+      h: r.h * i.h
+    }), z();
+    return;
+  }
+  const e = wn(t);
+  e && ($ = e.id), R();
+}
+function wn(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", {
+      x: t.start.x,
+      y: t.start.y,
+      x2: t.start.x + 0.12,
+      y2: t.start.y,
+      w: 0.12,
+      h: 0.02
+    }) : f.add("arrow", {
+      x: t.start.x,
+      y: t.start.y,
+      x2: t.current.x,
+      y2: t.current.y,
+      w: Math.abs(e),
+      h: Math.abs(r)
+    });
+  }
+  return f.add(t.type, nt(t.start, t.current));
+}
+function bn() {
+  f.resetCrop(), $ = null, z();
+}
+function pt() {
+  c.resetCrop && (c.resetCrop.hidden = !f.isCropped());
+}
+function vt(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 && (X = S), S = "", c.stage.hidden = !0, c.restore.hidden = !X;
+}
+function vn() {
+  X && (S = X, c.stage.hidden = !1, c.restore.hidden = !0, z());
+}
+function Sn() {
+  try {
+    if (W || (W = Ne((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.");
+      return;
+    }
+    const t = W.start();
+    vt(t), v(t ? "Listening…" : "");
+  } catch (t) {
+    v(t.message);
+  }
+}
+async function En() {
+  if (!x.video) {
+    v("Video is disabled on this host.");
+    return;
+  }
+  c.dialog.hidden = !0, c.stop.hidden = !1, tt(), c.launcher.hidden = !0, j = tn({
+    onStart() {
+    },
+    onStop(t) {
+      L = t, c.stop.hidden = !0, c.launcher.hidden = !1, c.dialog.hidden = !1, z(), v(t ? "Video attached." : "Recording cancelled.");
+    },
+    onError(t) {
+      v(t.message);
+    }
+  });
+  try {
+    await j.start();
+  } catch (t) {
+    c.stop.hidden = !0, c.launcher.hidden = !1, c.dialog.hidden = !1, v(t.message);
+  }
+}
+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();
+    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), R();
+  };
+  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)
+    return;
+  const n = f.crop(), i = H.w / H.h, a = n.w / n.h * i, o = Math.min(1, a / i), s = Math.min(1, i / a);
+  c.shot.style.left = `${(1 - o) / 2 * 100}%`, c.shot.style.top = `${(1 - s) / 2 * 100}%`, c.shot.style.width = `${o * 100}%`, c.shot.style.height = `${s * 100}%`, t.style.width = `${100 / n.w}%`, t.style.height = `${100 / n.h}%`, t.style.left = `${-n.x / n.w * 100}%`, t.style.top = `${-n.y / n.h * 100}%`;
+}
+function Mn(t) {
+  return t.type === "arrow" ? {
+    id: "preview",
+    type: "arrow",
+    number: "",
+    x: t.start.x,
+    y: t.start.y,
+    x2: t.current.x,
+    y2: t.current.y,
+    w: Math.abs(t.current.x - t.start.x),
+    h: Math.abs(t.current.y - t.start.y)
+  } : {
+    id: "preview",
+    type: t.type,
+    number: "",
+    ...nt(t.start, t.current)
+  };
+}
+function R() {
+  if ((c.shot || c.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((n) => n.remove()), !S || !c.shot) {
+    pt();
+    return;
+  }
+  const e = f.crop();
+  if ((w == null ? void 0 : w.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);
+  }
+  const r = f.list().slice();
+  if ((w == null ? void 0 : w.kind) === "sticker" && r.push(Mn(w)), r.forEach((n) => {
+    const i = n.id === "preview", a = !i && n.id === $, o = document.createElement("div");
+    if (o.className = `nf-sticker nf-${n.type}`, o.dataset.id = n.id, a && (o.dataset.selected = "true"), i && (o.dataset.preview = "true"), n.type === "arrow" ? Rn(o, n, e, a) : (kt(o, n, e), a && ["nw", "ne", "sw", "se"].forEach((s) => gt(o, s))), !i && n.number) {
+      const s = document.createElement("span");
+      s.className = "nf-badge", s.textContent = String(n.number), o.appendChild(s);
+    }
+    c.shot.appendChild(o);
+  }), c.canvas.querySelectorAll(":scope > .nf-recording-preview").forEach((n) => n.remove()), L) {
+    const n = document.createElement("video");
+    n.className = "nf-recording-preview", n.controls = !0, n.src = URL.createObjectURL(L), n.style.position = "absolute", n.style.right = "8px", n.style.bottom = "8px", n.style.width = "160px", c.canvas.appendChild(n);
+  }
+  pt();
+}
+function Rn(t, e, r, n) {
+  const i = et(), a = i.clientWidth, o = i.clientHeight, s = (e.x - r.x) / r.w * a, l = (e.y - r.y) / r.h * o, b = ((e.x2 ?? e.x + e.w) - r.x) / r.w * a, 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 = `
+      <defs>
+        <marker id="${B}" markerWidth="10" markerHeight="10" refX="8" refY="5" orient="auto">
+          <path d="M0,0 L10,5 L0,10 Z" fill="currentColor" />
+        </marker>
+      </defs>
+      <line class="nf-arrow-hit" x1="${T}" y1="${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 }));
+}
+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) {
+  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 $n(t = {}) {
+  return x = {
+    ...x,
+    ...t,
+    endpoint: String(t.endpoint || x.endpoint || "").replace(/\/$/, ""),
+    theme: Xt(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, $ = null, w = null, y = null, J = "bug", ft("bug"), ht(null), vt(!1), c.text.value = "", v("Capturing…");
+  try {
+    S = await Ye(), X = S, c.stage.hidden = !1, c.restore.hidden = !0;
+  } catch {
+    S = "", v("Screenshot failed; you can still send text.");
+  }
+  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 Ln(t = {}) {
+  dt = { ...dt, ...t };
+}
+async function Jt() {
+  bt();
+  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);
+  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: jt.snapshot()
+  })), e.append("annotations", JSON.stringify(f.list())), Array.isArray(x.targets) && e.append("targets", JSON.stringify(x.targets)), S) {
+    const i = await an(
+      S,
+      f.crop(),
+      f.list(),
+      {
+        mark: Tt("--nf-mark", "#fdd341"),
+        markText: Tt("--nf-mark-text", "#2a2140")
+      }
+    );
+    e.append("screenshot", i, "screenshot.png");
+  }
+  L && e.append("recording", L, "recording.webm");
+  const r = await fetch(`${x.endpoint}/v1/reports`, {
+    method: "POST",
+    headers: {
+      "X-Notefully-Key": x.projectKey
+    },
+    body: e
+  });
+  let n = null;
+  try {
+    n = await r.json();
+  } catch {
+    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;
+}
+function Pn() {
+  rt(), u == null || u.remove(), u = null, c = {};
+}
+const Zt = { init: $n, open: Kt, close: rt, identify: Ln, submit: Jt, destroy: Pn };
+typeof window < "u" && (window.Notefully = Zt);
+export {
+  rt as close,
+  Zt as default,
+  Pn as destroy,
+  Ln as identify,
+  $n as init,
+  Kt as open,
+  Jt as submit
+};