@makefully/notefully 0.2.5 → 0.2.6

package/dist/notefully.js

@@ -104,11 +104,11 @@ let dt = "en-US", Le = {};
 function f(t, e) {
   !t || !e || typeof e != "object" || (St[String(t)] = e);
 }
-function rt(t) {
+function st(t) {
   return String(t || "").trim().replace(/_/g, "-");
 }
 function Sa(t) {
-  const e = rt(t);
+  const e = st(t);
   if (!e)
     return ["en-US"];
   const a = e, o = Dt[a] || Dt[a.toLowerCase()] || a, i = [], s = (l) => {
@@ -137,16 +137,16 @@ function Aa(t) {
 function Ca(t = {}) {
   var e;
   if (t.locale != null && String(t.locale).trim())
-    return rt(t.locale);
+    return st(t.locale);
   if (typeof document < "u") {
     const a = (e = document.documentElement) == null ? void 0 : e.lang;
     if (a && String(a).trim())
-      return rt(a);
+      return st(a);
   }
-  return typeof navigator < "u" && navigator.language ? rt(navigator.language) : "en-US";
+  return typeof navigator < "u" && navigator.language ? st(navigator.language) : "en-US";
 }
 function za(t, e) {
-  return t != null && (dt = rt(t) || "en-US"), dt;
+  return t != null && (dt = st(t) || "en-US"), dt;
 }
 function Ea(t) {
   Le = t && typeof t == "object" ? { ...t } : {};
@@ -155,7 +155,7 @@ function At() {
   return dt;
 }
 function Ra(t = dt) {
-  const e = rt(t).split("-")[0].toLowerCase();
+  const e = st(t).split("-")[0].toLowerCase();
   return wa.has(e) ? "rtl" : "ltr";
 }
 function p(t, e) {
@@ -2461,15 +2461,15 @@ const ho = /* @__PURE__ */ (() => {
   );
   return () => (t += 1, `u${e()}${t}`);
 })();
-function X(t) {
+function Y(t) {
   const e = [];
   for (let a = 0, o = t.length; a < o; a++)
     e.push(t[a]);
   return e;
 }
-let it = null;
+let ot = null;
 function Ue(t = {}) {
-  return it || (t.includeStyleProperties ? (it = t.includeStyleProperties, it) : (it = X(window.getComputedStyle(document.documentElement)), it));
+  return ot || (t.includeStyleProperties ? (ot = t.includeStyleProperties, ot) : (ot = Y(window.getComputedStyle(document.documentElement)), ot));
 }
 function Ct(t, e) {
   const o = (t.ownerDocument.defaultView || window).getComputedStyle(t).getPropertyValue(e);
@@ -2652,7 +2652,7 @@ async function Do(t, e, a) {
   if (Me(e))
     return e;
   let s = [];
-  return Mo(t) && t.assignedNodes ? s = X(t.assignedNodes()) : L(t, HTMLIFrameElement) && (!((o = t.contentDocument) === null || o === void 0) && o.body) ? s = X(t.contentDocument.body.childNodes) : s = X(((i = t.shadowRoot) !== null && i !== void 0 ? i : t).childNodes), s.length === 0 || L(t, HTMLVideoElement) || await s.reduce((n, l) => n.then(() => Ut(l, a)).then((u) => {
+  return Mo(t) && t.assignedNodes ? s = Y(t.assignedNodes()) : L(t, HTMLIFrameElement) && (!((o = t.contentDocument) === null || o === void 0) && o.body) ? s = Y(t.contentDocument.body.childNodes) : s = Y(((i = t.shadowRoot) !== null && i !== void 0 ? i : t).childNodes), s.length === 0 || L(t, HTMLVideoElement) || await s.reduce((n, l) => n.then(() => Ut(l, a)).then((u) => {
     u && e.appendChild(u);
   }), Promise.resolve()), e;
 }
@@ -2743,7 +2743,7 @@ async function Ie(t, e, a) {
   const o = _o(t, a);
   return Go(o).reduce((s, n) => s.then((l) => qo(l, n, e, a)), Promise.resolve(o));
 }
-async function st(t, e, a) {
+async function it(t, e, a) {
   var o;
   const i = (o = e.style) === null || o === void 0 ? void 0 : o.getPropertyValue(t);
   if (i) {
@@ -2753,7 +2753,7 @@ async function st(t, e, a) {
   return !1;
 }
 async function Wo(t, e) {
-  await st("background", t, e) || await st("background-image", t, e), await st("mask", t, e) || await st("-webkit-mask", t, e) || await st("mask-image", t, e) || await st("-webkit-mask-image", t, e);
+  await it("background", t, e) || await it("background-image", t, e), await it("mask", t, e) || await it("-webkit-mask", t, e) || await it("mask-image", t, e) || await it("-webkit-mask-image", t, e);
 }
 async function Zo(t, e) {
   const a = L(t, HTMLImageElement);
@@ -2773,7 +2773,7 @@ async function Zo(t, e) {
   });
 }
 async function Jo(t, e) {
-  const o = X(t.childNodes).map((i) => Ve(i, e));
+  const o = Y(t.childNodes).map((i) => Ve(i, e));
   await Promise.all(o).then(() => t);
 }
 async function Ve(t, e) {
@@ -2834,7 +2834,7 @@ async function Xo(t, e) {
   return t.forEach((i) => {
     if ("cssRules" in i)
       try {
-        X(i.cssRules || []).forEach((s, n) => {
+        Y(i.cssRules || []).forEach((s, n) => {
           if (s.type === CSSRule.IMPORT_RULE) {
             let l = n + 1;
             const u = s.href, d = ce(u).then((g) => de(g, e)).then((g) => pe(g).forEach((k) => {
@@ -2863,7 +2863,7 @@ async function Xo(t, e) {
   }), Promise.all(o).then(() => (t.forEach((i) => {
     if ("cssRules" in i)
       try {
-        X(i.cssRules || []).forEach((s) => {
+        Y(i.cssRules || []).forEach((s) => {
           a.push(s);
         });
       } catch (s) {
@@ -2877,7 +2877,7 @@ function Qo(t) {
 async function ti(t, e) {
   if (t.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const a = X(t.ownerDocument.styleSheets), o = await Xo(a, e);
+  const a = Y(t.ownerDocument.styleSheets), o = await Xo(a, e);
   return Qo(o);
 }
 function $e(t) {
@@ -2979,7 +2979,7 @@ function Kt() {
     requestAnimationFrame(() => requestAnimationFrame(t));
   });
 }
-function Q(t) {
+function X(t) {
   if (typeof t != "string" || !t.startsWith("data:image/"))
     return !1;
   const e = t.indexOf(",");
@@ -3035,17 +3035,17 @@ async function mi(t) {
   if (!t)
     return null;
   if (typeof t == "string")
-    return Q(t) ? t : null;
+    return X(t) ? t : null;
   if (typeof HTMLCanvasElement < "u" && t instanceof HTMLCanvasElement)
     try {
       const e = t.toDataURL("image/png");
-      return Q(e) ? e : null;
+      return X(e) ? e : null;
     } catch {
       return null;
     }
   if (typeof Blob < "u" && t instanceof Blob) {
     const e = await hi(t);
-    return Q(e) ? e : null;
+    return X(e) ? e : null;
   }
   return null;
 }
@@ -3076,7 +3076,7 @@ async function fi() {
     const o = a.videoWidth || 1, i = a.videoHeight || 1, s = document.createElement("canvas");
     s.width = o, s.height = i, s.getContext("2d").drawImage(a, 0, 0, o, i);
     const n = s.toDataURL("image/png");
-    if (!Q(n))
+    if (!X(n))
       throw new Error(p("status.screenEmpty"));
     return n;
   } finally {
@@ -3113,7 +3113,7 @@ async function Ne(t = {}) {
     } catch {
       g = await ge(document.body, { ...d, skipFonts: !0 });
     }
-    if (!Q(g))
+    if (!X(g))
       throw new Error(p("status.captureEmpty"));
     return g;
   } finally {
@@ -3656,7 +3656,7 @@ function Wi(t = {}) {
   });
   return e.console = a, e;
 }
-const J = [
+const Z = [
   { id: "bug", label: "Bug" },
   { id: "idea", label: "Idea" },
   { id: "other", label: "Other" }
@@ -3670,7 +3670,7 @@ function bt(t) {
 }
 function Zi(t) {
   if (!Array.isArray(t) || !t.length)
-    return J.map((o) => ({ ...o }));
+    return Z.map((o) => ({ ...o }));
   const e = /* @__PURE__ */ new Set(), a = [];
   for (const o of t) {
     let i = "", s = "", n = "", l = "";
@@ -3680,11 +3680,11 @@ function Zi(t) {
     const u = { id: i, label: s };
     n && (u.title = n), l && (u.description = l), a.push(u);
   }
-  return a.length ? a : J.map((o) => ({ ...o }));
+  return a.length ? a : Z.map((o) => ({ ...o }));
 }
 function Tt(t) {
   var a;
-  const e = Array.isArray(t) && t.length ? t : J;
+  const e = Array.isArray(t) && t.length ? t : Z;
   return e.some((o) => o.id === "bug") ? "bug" : ((a = e[0]) == null ? void 0 : a.id) || "other";
 }
 const Ji = ["maker", "all-business", "brighter-day", "quiet-night"], qe = "maker", Yi = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), Ht = 0.02, Ce = 0.05, Xi = `
@@ -3723,7 +3723,7 @@ let c = {
   theme: qe,
   video: !1,
   consoleLogLimit: We,
-  kinds: J.map((t) => ({ ...t })),
+  kinds: Z.map((t) => ({ ...t })),
   kindsCustom: !1,
   capture: null,
   onBeforeCapture: null,
@@ -3732,7 +3732,7 @@ let c = {
   displayLink: !1,
   locale: null,
   translations: null
-}, pt = !1, Vt = !1, K = {}, y = null, r = {}, A = Yt(), q = "", nt = "", H = null, G = Tt(J), Y = null, O = null, R = null, E = null, kt = null, W = null, V = null, et = !1, _ = { w: 0, h: 0 }, $t = !1, gt = !1, mt = !1, B = [], $ = [], Z = !1;
+}, pt = !1, Vt = !1, K = {}, y = null, r = {}, A = Yt(), q = "", rt = "", H = null, G = Tt(Z), J = null, O = null, R = null, E = null, kt = null, _ = null, V = null, tt = !1, ct = { w: 0, h: 0 }, $t = !1, gt = !1, mt = !1, B = [], $ = [], W = !1;
 function h(t) {
   return y.querySelector(t);
 }
@@ -3854,13 +3854,13 @@ function Xt() {
     resetCrop: h(".nf-reset-crop"),
     submit: h(".nf-submit"),
     shot: null
-  }, es(), lt()), y;
+  }, es(), nt()), y;
 }
-function lt() {
+function nt() {
   var t;
   y && (Qe(), y.dataset.theme = Xe(c.theme), y.lang = At(), y.dir = Ra(At()), c.hideLauncher ? y.setAttribute("data-nf-hidden-launcher", "") : y.removeAttribute("data-nf-hidden-launcher"), r.video && (r.video.hidden = !c.video), ts(), B.length && B.forEach((e) => {
     e.label = p(`diag.${e.key}`);
-  }), ea(), Z ? se() : ie(), (t = r.dialog) != null && t.hidden && jt());
+  }), ea(), W ? se() : ie(), (t = r.dialog) != null && t.hidden && jt());
 }
 function Qe() {
   const t = Ca({
@@ -3897,9 +3897,9 @@ function jt() {
 function es() {
   var e;
   r.launcher.addEventListener("click", () => ya()), h(".nf-dialog").addEventListener("click", (a) => {
-    gt && !mt || a.target === r.dialog && at();
+    gt && !mt || a.target === r.dialog && et();
   }), (e = r.close) == null || e.addEventListener("click", () => {
-    gt && !mt || at();
+    gt && !mt || et();
   }), document.addEventListener("keydown", ga), y.querySelectorAll(".nf-tool").forEach((a) => {
     a.addEventListener("click", () => ht(a.dataset.tool));
   }), r.resetCrop.addEventListener("click", gs), r.canvas.addEventListener("pointerdown", ls), r.canvas.addEventListener("dragstart", (a) => a.preventDefault());
@@ -3911,7 +3911,7 @@ function es() {
     fs().catch((a) => S(a.message || p("status.recaptureFailed")));
   }), r.restore.addEventListener("click", hs), r.audio.addEventListener("click", ys), r.video.addEventListener("click", () => {
     vs().catch((a) => S((a == null ? void 0 : a.message) || p("status.screenUnsupported")));
-  }), r.stop.addEventListener("click", () => V == null ? void 0 : V.stop()), r.privacyChange.addEventListener("click", () => oe(!Z)), r.privacyScroll.addEventListener("change", Us), h(".nf-submit").addEventListener("click", () => {
+  }), r.stop.addEventListener("click", () => V == null ? void 0 : V.stop()), r.privacyChange.addEventListener("click", () => oe(!W)), r.privacyScroll.addEventListener("change", Ms), h(".nf-submit").addEventListener("click", () => {
     ka().catch((a) => S(a.message || p("status.submitFailed")));
   }), ea(), ht(null);
 }
@@ -3922,18 +3922,18 @@ function ea() {
   const t = y == null ? void 0 : y.querySelector(".nf-kind");
   if (!t)
     return;
-  const e = Array.isArray(c.kinds) && c.kinds.length ? c.kinds : J;
+  const e = Array.isArray(c.kinds) && c.kinds.length ? c.kinds : Z;
   t.innerHTML = e.map((i) => `<button type="button" data-kind="${M(i.id)}">${M(ta(i))}</button>`).join("");
   const o = e.map((i) => i.id).includes(G) ? G : Tt(e);
   Qt(o);
 }
 function Qt(t) {
-  G = (c.kinds || J).map((a) => a.id).includes(t) ? t : Tt(c.kinds), y == null || y.querySelectorAll("[data-kind]").forEach((a) => {
+  G = (c.kinds || Z).map((a) => a.id).includes(t) ? t : Tt(c.kinds), y == null || y.querySelectorAll("[data-kind]").forEach((a) => {
     a.dataset.active = String(a.dataset.kind === G);
   }), ss(G), te();
 }
 function as() {
-  return (Array.isArray(c.kinds) && c.kinds.length ? c.kinds : J).find((e) => e.id === G) || null;
+  return (Array.isArray(c.kinds) && c.kinds.length ? c.kinds : Z).find((e) => e.id === G) || null;
 }
 function os() {
   const t = as(), e = (t == null ? void 0 : t.id) || G || "other", a = e === "bug" || e === "idea" || e === "other", o = (t == null ? void 0 : t.title) && String(t.title).trim() || p(a ? `form.title.${e}` : "form.title.other"), i = (t == null ? void 0 : t.description) && String(t.description).trim() || p(a ? `form.intro.${e}` : "form.intro.other"), s = a ? p(`form.placeholder.${e}`) : p("form.placeholder.custom", {
@@ -3963,13 +3963,13 @@ function ss(t) {
     }
 }
 function rs() {
-  const t = (c.kinds || J).map((a) => a.id), e = is();
+  const t = (c.kinds || Z).map((a) => a.id), e = is();
   return e && t.includes(e) ? e : Tt(c.kinds);
 }
 function ht(t) {
-  Y = Yi.has(t) ? t : null, O = null, y.querySelectorAll(".nf-tool").forEach((e) => {
-    e.dataset.active = String(e.dataset.tool === Y);
-  }), r.canvas && (r.canvas.dataset.draw = Y ? "true" : "false"), I() && D();
+  J = Yi.has(t) ? t : null, O = null, y.querySelectorAll(".nf-tool").forEach((e) => {
+    e.dataset.active = String(e.dataset.tool === J);
+  }), r.canvas && (r.canvas.dataset.draw = J ? "true" : "false"), I() && D();
 }
 function ze(t) {
   return Math.min(1, Math.max(0, t));
@@ -4035,14 +4035,14 @@ function ls(t) {
     }, t), D();
     return;
   }
-  if (O = null, Y === "crop") {
+  if (O = null, J === "crop") {
     t.preventDefault(), Bt(t), R = { kind: "crop", start: Pt(t), current: Pt(t) }, Gt(), D();
     return;
   }
-  if (Y === "arrow" || Y === "rect" || Y === "circle") {
+  if (J === "arrow" || J === "rect" || J === "circle") {
     t.preventDefault(), Bt(t);
     const o = aa(t);
-    R = { kind: "sticker", type: Y, start: o, current: o }, Gt(), D();
+    R = { kind: "sticker", type: J, start: o, current: o }, Gt(), D();
     return;
   }
   D();
@@ -4131,7 +4131,7 @@ function ds() {
       y: i.y + a.y * i.h,
       w: a.w * i.w,
       h: a.h * i.h
-    }), ot();
+    }), at();
     return;
   }
   const e = ps(t);
@@ -4159,7 +4159,7 @@ function ps(t) {
   return A.add(t.type, Ft(t.start, t.current));
 }
 function gs() {
-  A.resetCrop(), O = null, ot();
+  A.resetCrop(), O = null, at();
 }
 function Lt() {
   r.resetCrop && (r.resetCrop.hidden = !A.isCropped());
@@ -4170,10 +4170,10 @@ function ft(t) {
   const e = !!t, a = p(e ? "tool.audioStop" : "tool.audio");
   r.audio.title = a, r.audio.setAttribute("aria-label", a), r.audio.dataset.active = String(e), r.audio.innerHTML = e ? x.stop : x.audio;
 }
-function ct(t) {
-  if (et = !!t, r.video) {
-    const e = p(et ? "tool.stopVideo" : "tool.video");
-    r.video.title = e, r.video.setAttribute("aria-label", e), r.video.dataset.active = String(et), r.video.innerHTML = et ? x.stop : x.video;
+function ut(t) {
+  if (tt = !!t, r.video) {
+    const e = p(tt ? "tool.stopVideo" : "tool.video");
+    r.video.title = e, r.video.setAttribute("aria-label", e), r.video.dataset.active = String(tt), r.video.innerHTML = tt ? x.stop : x.video;
   }
   if (r.stop) {
     const e = p("tool.stopVideo");
@@ -4181,19 +4181,19 @@ function ct(t) {
   }
 }
 function I() {
-  return Q(q);
+  return X(q);
 }
 function vt() {
   if (!r.stage || !r.palette || !r.actions || !r.recapture)
     return;
   const t = I();
-  r.stage.hidden = !t && !H, r.palette.hidden = !t, r.discard && (r.discard.hidden = !t), r.restore && (r.restore.hidden = t || !nt), t && r.paletteShot ? (r.paletteShot.appendChild(r.recapture), r.paletteShot.appendChild(r.discard)) : r.actionsMedia ? r.actionsMedia.after(r.recapture) : r.audio ? r.audio.after(r.recapture) : r.actions.insertBefore(r.recapture, r.submit || null), r.recapture.hidden = !1, te();
+  r.stage.hidden = !t && !H, r.palette.hidden = !t, r.discard && (r.discard.hidden = !t), r.restore && (r.restore.hidden = t || !rt), t && r.paletteShot ? (r.paletteShot.appendChild(r.recapture), r.paletteShot.appendChild(r.discard)) : r.actionsMedia ? r.actionsMedia.after(r.recapture) : r.audio ? r.audio.after(r.recapture) : r.actions.insertBefore(r.recapture, r.submit || null), r.recapture.hidden = !1, te();
 }
 function ms() {
-  I() && (nt = q), q = "", ht(null), vt(), ot();
+  I() && (rt = q), q = "", ht(null), vt(), at();
 }
 function hs() {
-  Q(nt) && (q = nt, vt(), ot());
+  X(rt) && (q = rt, vt(), at());
 }
 function sa() {
   return {
@@ -4202,9 +4202,9 @@ function sa() {
   };
 }
 function ra(t) {
-  if (!Q(t))
+  if (!X(t))
     throw new Error(p("status.screenshotFailed"));
-  q = t, nt = t, A = Yt(), _ = { w: 0, h: 0 }, O = null, R = null, E = null, ht(null);
+  q = t, rt = t, A = Yt(), ct = { w: 0, h: 0 }, O = null, R = null, E = null, ht(null);
 }
 async function fs() {
   if (!(Vt || !r.dialog || r.dialog.hidden)) {
@@ -4220,35 +4220,35 @@ async function fs() {
     } catch (t) {
       S((t == null ? void 0 : t.message) || p("status.screenshotFailed"));
     } finally {
-      r.dialog.hidden = !1, r.recapture.disabled = !1, Vt = !1, vt(), ot();
+      r.dialog.hidden = !1, r.recapture.disabled = !1, Vt = !1, vt(), at();
     }
   }
 }
 function ys() {
   try {
-    if (W || (W = Pi((e) => {
+    if (_ || (_ = Pi((e) => {
       const a = r.text.value.trim();
       r.text.value = a ? `${a} ${e}` : e;
     }, {
       onActiveChange(e) {
         ft(e), e || S("");
       }
-    })), !W.isSupported()) {
+    })), !_.isSupported()) {
       S(p("status.audioUnsupported"));
       return;
     }
-    if (W.isActive()) {
-      W.stop();
+    if (_.isActive()) {
+      _.stop();
       return;
     }
-    const t = W.start({ lang: At() });
+    const t = _.start({ lang: At() });
     ft(t), S(t ? p("status.listening") : "");
   } catch (t) {
     S(t.message);
   }
 }
 async function vs() {
-  if (et) {
+  if (tt) {
     V == null || V.stop();
     return;
   }
@@ -4259,46 +4259,71 @@ async function ks() {
     S(p("status.videoDisabled"));
     return;
   }
-  if (!et) {
-    r.dialog.hidden = !0, r.stop.hidden = !1, lt(), r.launcher.hidden = !0, V = Li({
+  if (!tt) {
+    r.dialog.hidden = !0, r.stop.hidden = !1, nt(), r.launcher.hidden = !0, V = Li({
       onStart() {
-        ct(!0);
+        ut(!0);
       },
       onStop(t) {
-        H = t, ct(!1), r.stop.hidden = !0, jt(), r.dialog.hidden = !1, vt(), ot(), S(p(t ? "status.videoAttached" : "status.recordingCancelled"));
+        H = t, ut(!1), r.stop.hidden = !0, jt(), r.dialog.hidden = !1, vt(), at(), S(p(t ? "status.videoAttached" : "status.recordingCancelled"));
       },
       onError(t) {
-        ct(!1), S(t.message);
+        ut(!1), S(t.message);
       }
     });
     try {
       await V.start();
     } catch (t) {
-      ct(!1), r.stop.hidden = !0, jt(), r.dialog.hidden = !1, S(t.message);
+      ut(!1), r.stop.hidden = !0, jt(), r.dialog.hidden = !1, S(t.message);
     }
   }
 }
-function ot() {
+function bs() {
+  var e;
+  const t = r.shotBlock || r.canvas;
+  t == null || t.style.removeProperty("--nf-shot-aspect"), (e = r.canvas) == null || e.style.removeProperty("aspect-ratio");
+}
+function ws(t, e) {
+  if (!(t > 0) || !(e > 0))
+    return;
+  const a = r.shotBlock || r.canvas, o = t / e;
+  a == null || a.style.setProperty("--nf-shot-aspect", String(o)), r.canvas && (r.canvas.style.aspectRatio = `${t} / ${e}`);
+}
+function Ss(t) {
+  if (!r.shot || !r.canvas || !(t > 0))
+    return;
+  const e = r.canvas.clientWidth, a = r.canvas.clientHeight;
+  if (!(e > 0) || !(a > 0)) {
+    r.shot.style.left = "0", r.shot.style.top = "0", r.shot.style.width = "100%", r.shot.style.height = "100%";
+    return;
+  }
+  const o = e / a, i = Math.min(1, t / o), s = Math.min(1, o / t);
+  r.shot.style.left = `${(1 - i) / 2 * 100}%`, r.shot.style.top = `${(1 - s) / 2 * 100}%`, r.shot.style.width = `${i * 100}%`, r.shot.style.height = `${s * 100}%`;
+}
+function at() {
   if (r.shot = null, !I()) {
-    r.canvas.style.removeProperty("--nf-shot-aspect"), r.canvas.style.removeProperty("aspect-ratio"), r.canvas.innerHTML = H ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL(H)}"></video>` : "", Lt();
+    bs(), r.canvas.innerHTML = H ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL(H)}"></video>` : "", Lt();
     return;
   }
   r.canvas.innerHTML = `<div class="nf-shot"><img alt="${M(p("shot.alt"))}" src="${q}" draggable="false"></div>`, r.shot = r.canvas.querySelector(".nf-shot");
   const t = r.shot.querySelector("img");
   t.draggable = !1, t.addEventListener("dragstart", (a) => a.preventDefault());
   const e = () => {
-    bs(t), D();
+    As(t), D();
   };
   t.addEventListener("load", e), t.complete && t.naturalWidth && e(), Lt();
 }
-function bs(t) {
-  const e = t.naturalWidth || _.w, a = t.naturalHeight || _.h;
-  if (e && a && (_ = { w: e, h: a }, r.canvas.style.setProperty("--nf-shot-aspect", String(e / a)), r.canvas.style.aspectRatio = `${e} / ${a}`), !r.shot || !_.w || !_.h)
+function As(t) {
+  const e = t.naturalWidth || ct.w, a = t.naturalHeight || ct.h;
+  if (!r.shot || !(e > 0) || !(a > 0))
     return;
-  const o = A.crop(), i = _.w / _.h, s = o.w / o.h * i, n = Math.min(1, s / i), l = Math.min(1, i / s);
-  r.shot.style.left = `${(1 - n) / 2 * 100}%`, r.shot.style.top = `${(1 - l) / 2 * 100}%`, r.shot.style.width = `${n * 100}%`, r.shot.style.height = `${l * 100}%`, t.style.width = `${100 / o.w}%`, t.style.height = `${100 / o.h}%`, t.style.left = `${-o.x / o.w * 100}%`, t.style.top = `${-o.y / o.h * 100}%`;
+  ct = { w: e, h: a };
+  const o = A.crop(), i = o.w * e, s = o.h * a, n = i / s;
+  ws(i, s), t.style.width = `${100 / o.w}%`, t.style.height = `${100 / o.h}%`, t.style.left = `${-o.x / o.w * 100}%`, t.style.top = `${-o.y / o.h * 100}%`;
+  const l = () => Ss(n);
+  l(), requestAnimationFrame(l);
 }
-function ws(t) {
+function Cs(t) {
   return t.type === "arrow" ? {
     id: "preview",
     type: "arrow",
@@ -4327,9 +4352,9 @@ function D() {
     s.className = "nf-crop", Ee(s, Ft(R.start, R.current), { x: 0, y: 0, w: 1, h: 1 }), r.shot.appendChild(s);
   }
   const i = A.list().slice();
-  if ((R == null ? void 0 : R.kind) === "sticker" && i.push(ws(R)), i.forEach((s) => {
+  if ((R == null ? void 0 : R.kind) === "sticker" && i.push(Cs(R)), i.forEach((s) => {
     const n = s.id === "preview", l = !n && s.id === O, u = document.createElement("div");
-    if (u.className = `nf-sticker nf-${s.type}`, u.dataset.id = s.id, l && (u.dataset.selected = "true"), n && (u.dataset.preview = "true"), s.type === "arrow" ? Ss(u, s, e, l, o) : (Ee(u, s, e), l && ["nw", "ne", "sw", "se"].forEach((d) => qt(u, d))), !n && s.number) {
+    if (u.className = `nf-sticker nf-${s.type}`, u.dataset.id = s.id, l && (u.dataset.selected = "true"), n && (u.dataset.preview = "true"), s.type === "arrow" ? zs(u, s, e, l, o) : (Ee(u, s, e), l && ["nw", "ne", "sw", "se"].forEach((d) => qt(u, d))), !n && s.number) {
       const d = document.createElement("span");
       d.className = "nf-badge", d.textContent = String(s.number), u.appendChild(d);
     }
@@ -4340,13 +4365,13 @@ function D() {
   }
   Lt();
 }
-function Ss(t, e, a, o, i = Ge(400)) {
-  const s = yt(), n = s.clientWidth, l = s.clientHeight, u = (e.x - a.x) / a.w * n, d = (e.y - a.y) / a.h * l, g = ((e.x2 ?? e.x + e.w) - a.x) / a.w * n, k = ((e.y2 ?? e.y) - a.y) / a.h * l, v = Math.max(18, i.arrowHead + i.stroke * 2), w = Math.min(u, g) - v, b = Math.min(d, k) - v, z = Math.max(2, Math.abs(g - u)) + v * 2, j = Math.max(2, Math.abs(k - d)) + v * 2, T = u - w, N = d - b, P = g - w, m = k - b, C = Di(T, N, P, m, i), tt = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  t.style.left = `${w}px`, t.style.top = `${b}px`, t.style.width = `${z}px`, t.style.height = `${j}px`, tt.setAttribute("class", "nf-arrow-svg"), tt.setAttribute("viewBox", `0 0 ${z} ${j}`), tt.setAttribute("width", String(z)), tt.setAttribute("height", String(j)), tt.innerHTML = `
+function zs(t, e, a, o, i = Ge(400)) {
+  const s = yt(), n = s.clientWidth, l = s.clientHeight, u = (e.x - a.x) / a.w * n, d = (e.y - a.y) / a.h * l, g = ((e.x2 ?? e.x + e.w) - a.x) / a.w * n, k = ((e.y2 ?? e.y) - a.y) / a.h * l, v = Math.max(18, i.arrowHead + i.stroke * 2), w = Math.min(u, g) - v, b = Math.min(d, k) - v, z = Math.max(2, Math.abs(g - u)) + v * 2, j = Math.max(2, Math.abs(k - d)) + v * 2, T = u - w, N = d - b, P = g - w, m = k - b, C = Di(T, N, P, m, i), Q = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  t.style.left = `${w}px`, t.style.top = `${b}px`, t.style.width = `${z}px`, t.style.height = `${j}px`, Q.setAttribute("class", "nf-arrow-svg"), Q.setAttribute("viewBox", `0 0 ${z} ${j}`), Q.setAttribute("width", String(z)), Q.setAttribute("height", String(j)), Q.innerHTML = `
       <line class="nf-arrow-hit" x1="${T}" y1="${N}" x2="${P}" y2="${m}" />
       <line class="nf-arrow-shaft" x1="${T}" y1="${N}" x2="${C.shaftEnd.x}" y2="${C.shaftEnd.y}" />
       <polygon class="nf-arrow-head" points="${C.tipX},${C.tipY} ${C.left.x},${C.left.y} ${C.right.x},${C.right.y}" />
-    `, t.appendChild(tt), o && (qt(t, "start", { left: T - 5, top: N - 5 }), qt(t, "end", { left: P - 5, top: m - 5 }));
+    `, t.appendChild(Q), o && (qt(t, "start", { left: T - 5, top: N - 5 }), qt(t, "end", { left: P - 5, top: m - 5 }));
 }
 function qt(t, e, a) {
   const o = document.createElement("span");
@@ -4362,7 +4387,7 @@ function na() {
     return "";
   }
 }
-function As(t) {
+function Es(t) {
   const e = String(t || "").trim();
   if (!(!e || e === _t()))
     try {
@@ -4408,12 +4433,12 @@ function ca() {
 function _t() {
   return p("form.authorPlaceholder");
 }
-function Cs() {
+function Rs() {
   var e;
   if (ua())
     return ca() || _t();
   const t = String(((e = r.author) == null ? void 0 : e.value) || "").trim();
-  return t ? (As(t), t) : _t();
+  return t ? (Es(t), t) : _t();
 }
 function da() {
   if (!r.author)
@@ -4430,7 +4455,7 @@ function pa(t, e = We) {
   return Number.isFinite(a) ? Math.min(Qi, Math.max(0, Math.floor(a))) : e;
 }
 function ga(t) {
-  t.key !== "Escape" || !r.dialog || r.dialog.hidden || gt && !mt || at();
+  t.key !== "Escape" || !r.dialog || r.dialog.hidden || gt && !mt || et();
 }
 function ma(t = {}) {
   wi(t);
@@ -4466,29 +4491,29 @@ function ha(t) {
       console.warn(`Notefully.${t} failed:`, a);
     }
 }
-function zs() {
+function js() {
   return pt;
 }
-function Es() {
+function Ps() {
   return At();
 }
-function Rs(t, e) {
-  return c.locale = t == null || t === "" ? null : String(t), e !== void 0 && (c.translations = e && typeof e == "object" ? e : null), y ? lt() : Qe(), Mt;
+function xs(t, e) {
+  return c.locale = t == null || t === "" ? null : String(t), e !== void 0 && (c.translations = e && typeof e == "object" ? e : null), y ? nt() : Qe(), Mt;
 }
 function ae(t = {}) {
-  return ma(t), y && lt(), Mt;
+  return ma(t), y && nt(), Mt;
 }
-function js(t = {}) {
-  return ma(t), Xt(), lt(), Mt;
+function Ls(t = {}) {
+  return ma(t), Xt(), nt(), Mt;
 }
-function Ps(t) {
+function Us(t) {
   return ae({ theme: t });
 }
-function xs(t) {
+function Ts(t) {
   const e = !!t;
-  return !e && y && r.dialog && !r.dialog.hidden && at(), ae({ hideLauncher: !e });
+  return !e && y && r.dialog && !r.dialog.hidden && et(), ae({ hideLauncher: !e });
 }
-function Ls() {
+function Fs() {
   const t = ca() || na() || void 0, e = ki({
     ...K,
     displayName: K.displayName || t
@@ -4497,10 +4522,10 @@ function Ls() {
     _e.snapshot().slice(-pa(c.consoleLogLimit))
   );
   const a = la();
-  a.diagnostics && Rt(B, !0), a.logs && $.length && Rt($, !0), Z = !1;
+  a.diagnostics && Rt(B, !0), a.logs && $.length && Rt($, !0), W = !1;
 }
 function oe(t) {
-  Z = !!t, r.privacyPanel && (r.privacyPanel.hidden = !Z), r.privacyStack && (r.privacyStack.dataset.open = String(Z)), r.privacyChange && (r.privacyChange.setAttribute("aria-expanded", Z ? "true" : "false"), r.privacyChange.dataset.active = String(Z)), Z && se();
+  W = !!t, r.privacyPanel && (r.privacyPanel.hidden = !W), r.privacyStack && (r.privacyStack.dataset.open = String(W)), r.privacyChange && (r.privacyChange.setAttribute("aria-expanded", W ? "true" : "false"), r.privacyChange.dataset.active = String(W)), W && se();
 }
 function ie() {
   if (!r.privacy || !r.privacyText || !r.privacyChange)
@@ -4570,7 +4595,7 @@ function se() {
     a.indeterminate = !0, a.removeAttribute("data-indeterminate");
   }), ie();
 }
-function Us(t) {
+function Ms(t) {
   const e = t.target;
   if (!(e instanceof HTMLInputElement) || e.type !== "checkbox")
     return;
@@ -4592,21 +4617,21 @@ function Us(t) {
   se();
 }
 async function ya() {
-  Xt(), pt || (pt = !0, ha("onOpen")), va(), lt(), r.launcher.hidden = !0, A = Yt(), _ = { w: 0, h: 0 }, H = null, q = "", nt = "", O = null, R = null, E = null, G = rs(), Qt(G), ht(null), ft(!1), r.text.value = "", da(), S(""), Ls();
+  Xt(), pt || (pt = !0, ha("onOpen")), va(), nt(), r.launcher.hidden = !0, A = Yt(), ct = { w: 0, h: 0 }, H = null, q = "", rt = "", O = null, R = null, E = null, G = rs(), Qt(G), ht(null), ft(!1), r.text.value = "", da(), S(""), Fs();
   try {
     ra(await Ne(sa())), S("");
   } catch (e) {
     q = "", S((e == null ? void 0 : e.message) || p("status.screenshotFailed"));
   }
-  vt(), oe(!1), ie(), r.dialog.hidden = !1, ot(), r.text.focus();
+  vt(), oe(!1), ie(), r.dialog.hidden = !1, at(), r.text.focus();
 }
-function at() {
+function et() {
   if (!y)
     return;
   const t = pt;
-  W == null || W.stop(), ft(!1), et && (V == null || V.stop()), ct(!1), oa(), R = null, E = null, ee(!1), va(), oe(!1), r.dialog.hidden = !0, r.stop.hidden = !0, jt(), t && (pt = !1, ha("onClose"));
+  _ == null || _.stop(), ft(!1), tt && (V == null || V.stop()), ut(!1), oa(), R = null, E = null, ee(!1), va(), oe(!1), r.dialog.hidden = !0, r.stop.hidden = !0, jt(), t && (pt = !1, ha("onClose"));
 }
-function Ts(t = "") {
+function Ds(t = "") {
   const e = r.dialog, a = r.panel, o = r.panelBody, i = r.successMsg, s = r.successLink, n = String(t || "").trim(), l = !!(c.displayLink && n);
   if (!e || !a || !o || !i)
     return Promise.resolve(!1);
@@ -4650,7 +4675,7 @@ function Ts(t = "") {
 function va() {
   gt = !1, mt = !1, r.dialog && (r.dialog.classList.remove("nf-success", "nf-success-sticky"), r.dialog.style.opacity = "", r.dialog.style.transition = "", r.panel && (r.panel.style.transform = "", r.panel.style.transition = "", r.panel.style.transformOrigin = ""), r.panelBody && (r.panelBody.hidden = !1), r.successMsg && (r.successMsg.hidden = !0), r.successLink && (r.successLink.hidden = !0, r.successLink.removeAttribute("href")));
 }
-function Fs(t = {}) {
+function Os(t = {}) {
   K = { ...K, ...bi(t) }, da();
 }
 async function ka() {
@@ -4664,7 +4689,7 @@ async function ka() {
     return S(p("status.missingConfig")), null;
   $t = !0, xe(!0), S(p("status.submitting"), !0);
   try {
-    const o = Cs(), i = A.crop(), s = A.list(), n = A.isCropped(), l = n ? Ti(s, i) : s, u = n ? { x: 0, y: 0, w: 1, h: 1 } : i, d = Wi({
+    const o = Rs(), i = A.crop(), s = A.list(), n = A.isCropped(), l = n ? Ti(s, i) : s, u = n ? { x: 0, y: 0, w: 1, h: 1 } : i, d = Wi({
       author: o,
       diagnostics: B,
       logs: $
@@ -4714,10 +4739,10 @@ async function ka() {
           C = null;
         }
         if (!m.ok) {
-          const ut = new Error((C == null ? void 0 : C.error) || `${p("status.submitFailed")} (${m.status})`);
-          throw ut.status = m.status, ut.code = C == null ? void 0 : C.code, ut.json = C, ut;
+          const lt = new Error((C == null ? void 0 : C.error) || `${p("status.submitFailed")} (${m.status})`);
+          throw lt.status = m.status, lt.code = C == null ? void 0 : C.code, lt.json = C, lt;
         }
-        return j && I() && S(p("status.submitWithoutImage"), !0), await Ts((C == null ? void 0 : C.trackerUrl) || "") || at(), C;
+        return j && I() && S(p("status.submitWithoutImage"), !0), await Ds((C == null ? void 0 : C.trackerUrl) || "") || et(), C;
       } catch (m) {
         if (w = m, k.push({
           attempt: z,
@@ -4747,36 +4772,36 @@ async function ka() {
 function xe(t) {
   r.submit && (r.submit.disabled = !!t, r.submit.setAttribute("aria-busy", t ? "true" : "false"));
 }
-function Ms() {
-  at(), document.removeEventListener("keydown", ga), y == null || y.remove(), y = null, r = {};
+function Is() {
+  et(), document.removeEventListener("keydown", ga), y == null || y.remove(), y = null, r = {};
 }
 const Mt = {
-  init: js,
+  init: Ls,
   configure: ae,
-  setTheme: Ps,
-  setVisible: xs,
+  setTheme: Us,
+  setVisible: Ts,
   open: ya,
-  close: at,
-  isOpen: zs,
-  getLocale: Es,
-  setLocale: Rs,
-  identify: Fs,
+  close: et,
+  isOpen: js,
+  getLocale: Ps,
+  setLocale: xs,
+  identify: Os,
   submit: ka,
-  destroy: Ms
+  destroy: Is
 };
 typeof window < "u" && (window.Notefully = Mt);
 export {
-  at as close,
+  et as close,
   ae as configure,
   Mt as default,
-  Ms as destroy,
-  Es as getLocaleTag,
-  Fs as identify,
-  js as init,
-  zs as isOpen,
+  Is as destroy,
+  Ps as getLocaleTag,
+  Os as identify,
+  Ls as init,
+  js as isOpen,
   ya as open,
-  Rs as setLocale,
-  Ps as setTheme,
-  xs as setVisible,
+  xs as setLocale,
+  Us as setTheme,
+  Ts as setVisible,
   ka as submit
 };