noteloom 0.4.0 → 0.6.0

package/dist/shared/{index-B9jyyL8u.js → index-DOIEccLM.js}

@@ -1,7 +1,7 @@
-import { jsxs as _, jsx as p, Fragment as Br } from "react/jsx-runtime";
+import { jsxs as _, jsx as p, Fragment as Fr } from "react/jsx-runtime";
 import { useCallback as b, useSyncExternalStore as Xn, useEffect as Yn, useState as T, useRef as I, useMemo as vt } from "react";
-import { a as De, g as Rt, E as Hr, j as U, P as Ur, F as Ln, X as Zr, G as jr, H as Kr, I as Vr, J as Gr, K as Fn, L as Wr, N as qr, Q as Jr, U as Qr, V as to, W as eo, Y as no, Z as ro, l as oo } from "./icons-C1_s0jKK.js";
-import { d as so, i as io, c as ao } from "./leafBlockFactory-A9eUhSe-.js";
+import { a as De, g as Rt, G as Hr, j as U, P as Ur, H as Ln, X as Zr, I as jr, J as Kr, K as Vr, L as Gr, N as Bn, Q as Wr, U as qr, V as Jr, W as Qr, Y as to, Z as eo, _ as no, $ as ro, l as oo } from "./icons-Bdptdx1e.js";
+import { d as so, i as io, c as ao } from "./leafBlockFactory-ChlzpKIn.js";
 function co(t) {
   const r = De(), e = b((s) => r.subscribe(t, s), [r, t]), o = b(() => r.getBlock(t), [r, t]);
   return Xn(e, o);
@@ -24,7 +24,7 @@ function Mt(t, r, e) {
     };
   }, [r, e, t]);
 }
-const Bn = 8, Hn = 0.5, lo = 0.5, uo = 4, Ie = 0.15, fo = 8;
+const Fn = 8, Hn = 0.5, lo = 0.5, uo = 4, Ie = 0.15, fo = 8;
 function Un(t, r) {
   return Math.hypot(t[0] - r[0], t[1] - r[1]);
 }
@@ -38,15 +38,15 @@ const Zn = 0.5;
 function ho(t) {
   return t.some(([, , r]) => r !== void 0 && r !== Zn);
 }
-function po(t, { size: r = Bn, thinning: e = Hn } = {}) {
+function po(t, { size: r = Fn, thinning: e = Hn } = {}) {
   const o = r / 2, s = t.length;
   if (!ho(t)) return new Array(s).fill(o);
   const u = new Array(s);
   let f = 0;
   for (let m = 0; m < s; m += 1) {
     if (m > 0) {
-      const B = Un(t[m], t[m - 1]);
-      f = f * 0.8 + B * 0.2;
+      const F = Un(t[m], t[m - 1]);
+      f = f * 0.8 + F * 0.2;
     }
     const E = Qt(f / fo, 0, 1), S = t[m][2] ?? Zn, H = 0.4 + 0.6 * Qt(S, 0, 1), z = Qt(
       o * H * (1 - e * E),
@@ -101,7 +101,7 @@ function xo([t, r], e) {
 }
 function ee(t, r = {}) {
   const {
-    size: e = Bn,
+    size: e = Fn,
     thinning: o = Hn,
     smoothing: s = lo
   } = r;
@@ -198,8 +198,8 @@ function qn(t) {
 function Jn(t, r = 5) {
   const { x: e, y: o, width: s, height: i } = t, u = e + s / 2, f = o + i / 2, x = s / 2, m = i / 2, E = 0.4, S = [], H = Math.PI / r;
   let z = -Math.PI / 2;
-  for (let B = 0; B < r * 2; B += 1) {
-    const A = B % 2 === 0, ae = A ? x : x * E, et = A ? m : m * E;
+  for (let F = 0; F < r * 2; F += 1) {
+    const A = F % 2 === 0, ae = A ? x : x * E, et = A ? m : m * E;
     S.push([u + Math.cos(z) * ae, f + Math.sin(z) * et]), z += H;
   }
   return S;
@@ -213,11 +213,11 @@ function So(t, r, e) {
   return o;
 }
 function Qn(t, r, e, o, s = 24) {
-  const i = e - t, u = o - r, f = Math.hypot(i, u), [x, m] = f === 0 ? [1, 0] : [i / f, u / f], E = e - x * s, S = o - m * s, H = -m, z = x, B = s / 2;
+  const i = e - t, u = o - r, f = Math.hypot(i, u), [x, m] = f === 0 ? [1, 0] : [i / f, u / f], E = e - x * s, S = o - m * s, H = -m, z = x, F = s / 2;
   return [
     [e, o],
-    [E + H * B, S + z * B],
-    [E - H * B, S - z * B]
+    [E + H * F, S + z * F],
+    [E - H * F, S - z * F]
   ];
 }
 function ko({ compute: t, onCommit: r }) {
@@ -376,10 +376,10 @@ const Z = 1e3, $n = "#1a1a1a", er = 8, Nn = ["#1a1a1a", "#e03131", "#2f9e44", "#
 function K(t) {
   return Math.round(t / Ce) * Ce;
 }
-function Fo(t) {
+function Bo(t) {
   return Math.round(t / Mn) * Mn;
 }
-function Bo() {
+function Fo() {
   const t = I(/* @__PURE__ */ new WeakMap());
   return (r) => {
     const e = t.current;
@@ -414,7 +414,7 @@ const ve = /* @__PURE__ */ new Set(["rectangle", "ellipse", "arrow", "diamond",
   triangle: qn,
   star: Jn
 }, Cn = [
-  { type: "rectangle", label: "Rectangle", Icon: Fn },
+  { type: "rectangle", label: "Rectangle", Icon: Bn },
   { type: "ellipse", label: "Ellipse", Icon: Wr },
   { type: "arrow", label: "Arrow", Icon: qr },
   { type: "diamond", label: "Diamond", Icon: Jr },
@@ -462,7 +462,7 @@ function jo(t, r, e) {
 function Ot(t, r, e) {
   return t.type === "arrow" ? { ...t, x1: t.x1 + r, y1: t.y1 + e, x2: t.x2 + r, y2: t.y2 + e } : { ...t, x: t.x + r, y: t.y + e };
 }
-function Ft(t) {
+function Bt(t) {
   return t.type === "arrow" ? {
     x: Math.min(t.x1, t.x2),
     y: Math.min(t.y1, t.y2),
@@ -471,7 +471,7 @@ function Ft(t) {
   } : { x: t.x, y: t.y, width: t.width, height: t.height };
 }
 function ie(t) {
-  const r = Ft(t);
+  const r = Bt(t);
   return { cx: r.x + r.width / 2, cy: r.y + r.height / 2 };
 }
 function Xt(t, r, e) {
@@ -489,7 +489,7 @@ function or(t) {
   return { x: r.minX, y: r.minY, width: r.maxX - r.minX, height: r.maxY - r.minY };
 }
 function Vo(t, r) {
-  return t === "stroke" ? or(r) : Ft(r);
+  return t === "stroke" ? or(r) : Bt(r);
 }
 function Dn(t, r) {
   var u, f;
@@ -520,7 +520,7 @@ function Ae(t) {
 }
 const Wo = { nw: "se", ne: "sw", sw: "ne", se: "nw" }, qo = 32;
 function sr(t) {
-  const r = Ft(t), e = r.x + r.width / 2, o = r.y - qo;
+  const r = Bt(t), e = r.x + r.width / 2, o = r.y - qo;
   if (!t.rotation) return [e, o];
   const { cx: s, cy: i } = ie(t);
   return Kn(e, o, s, i, t.rotation);
@@ -635,7 +635,7 @@ function _n({ shape: t, opacity: r = 1 }) {
   return /* @__PURE__ */ p("g", { transform: `rotate(${t.rotation} ${s} ${i})`, children: o });
 }
 function Qo({ id: t }) {
-  const r = De(), e = co(t), o = Hr("be-canvas", e), s = Bo(), [i, u] = T("pen"), [f, x] = T("object"), [m, E] = T($n), [S, H] = T(er), [z, B] = T(null), [A, ae] = T(!0), [et, lr] = T(Re), [ur, fr] = T("rectangle"), [ce, Oe] = T(!1), [le, Xe] = T(!1), [ue, Ye] = T(!1), [fe, Le] = T(!1), [de, Fe] = T(!1), [he, Be] = T(!1), He = I(null), Ue = I(null), Ze = I(null), je = I(null), Ke = I(null), Ve = I(null), Ge = I(null), We = I(null), qe = I(null), Je = I(null), Qe = I(null), tn = I(null), dr = vt(() => [He, Ue], []), hr = vt(() => [Ze, je], []), pr = vt(() => [Ke, Ve], []), mr = vt(() => [Ge, We], []), yr = vt(() => [qe, Je], []), xr = vt(() => [Qe, tn], []), en = b(() => Oe(!1), []), pe = b(() => Xe(!1), []), gr = b(() => Ye(!1), []), nn = b(() => Le(!1), []), br = b(() => Fe(!1), []), rn = b(() => Be(!1), []);
+  const r = De(), e = co(t), o = Hr("be-canvas", e), s = Fo(), [i, u] = T("pen"), [f, x] = T("object"), [m, E] = T($n), [S, H] = T(er), [z, F] = T(null), [A, ae] = T(!0), [et, lr] = T(Re), [ur, fr] = T("rectangle"), [ce, Oe] = T(!1), [le, Xe] = T(!1), [ue, Ye] = T(!1), [fe, Le] = T(!1), [de, Be] = T(!1), [he, Fe] = T(!1), He = I(null), Ue = I(null), Ze = I(null), je = I(null), Ke = I(null), Ve = I(null), Ge = I(null), We = I(null), qe = I(null), Je = I(null), Qe = I(null), tn = I(null), dr = vt(() => [He, Ue], []), hr = vt(() => [Ze, je], []), pr = vt(() => [Ke, Ve], []), mr = vt(() => [Ge, We], []), yr = vt(() => [qe, Je], []), xr = vt(() => [Qe, tn], []), en = b(() => Oe(!1), []), pe = b(() => Xe(!1), []), gr = b(() => Ye(!1), []), nn = b(() => Le(!1), []), br = b(() => Be(!1), []), rn = b(() => Fe(!1), []);
   Mt(dr, ce, en), Mt(hr, le, pe), Mt(pr, ue, gr), Mt(mr, fe, nn), Mt(yr, de, br), Mt(xr, he, rn);
   const q = I(null), At = I([]), dt = I(!1), ht = I(null), [on, sn] = T(null), nt = I(/* @__PURE__ */ new Set()), lt = I(/* @__PURE__ */ new Set()), pt = I(/* @__PURE__ */ new Map()), mt = I(!1), yt = I(null), [wr, an] = T(() => /* @__PURE__ */ new Set()), [Sr, cn] = T(() => /* @__PURE__ */ new Set()), V = I(null), [ln, me] = T(null), [N, Q] = T(() => /* @__PURE__ */ new Set()), rt = I(null), [X, un] = T(null), ot = I(null), [Dt, fn] = T(null), ye = I([]), [P, xt] = T(null), G = I(null), [st, xe] = T(null), [M, ut] = T({ x: 0, y: 0, zoom: 1 }), Y = Z / M.zoom, ft = I(null), W = I(/* @__PURE__ */ new Map()), it = I(null), { dragValue: gt, startDrag: dn } = ko({
     compute: (n, a) => ({
@@ -671,7 +671,7 @@ function Qo({ id: t }) {
     yt.current == null && (yt.current = requestAnimationFrame(() => {
       yt.current = null, an(new Set(nt.current)), cn(new Set(lt.current));
     }));
-  }, []), Bt = b(
+  }, []), Ft = b(
     (n, a) => {
       var g, w;
       const c = f === "precise" ? Ao : Co, l = Ho(n, a, c), h = ((g = e == null ? void 0 : e.props) == null ? void 0 : g.strokes) ?? [];
@@ -680,8 +680,8 @@ function Qo({ id: t }) {
           const v = te(y.points);
           if (!_t(v, l, y.size / 2)) continue;
           let R = pt.current.get(y.id);
-          y.points.forEach(([F, L], C) => {
-            R != null && R.has(C) || Math.hypot(F - n, L - a) > c || (R || (R = /* @__PURE__ */ new Set(), pt.current.set(y.id, R)), R.add(C));
+          y.points.forEach(([B, L], C) => {
+            R != null && R.has(C) || Math.hypot(B - n, L - a) > c || (R || (R = /* @__PURE__ */ new Set(), pt.current.set(y.id, R)), R.add(C));
           }), R != null && R.size && nt.current.add(y.id);
           continue;
         }
@@ -692,7 +692,7 @@ function Qo({ id: t }) {
       const d = ((w = e == null ? void 0 : e.props) == null ? void 0 : w.shapes) ?? [];
       for (const y of d) {
         if (lt.current.has(y.id)) continue;
-        const k = Ft(y), $ = {
+        const k = Bt(y), $ = {
           minX: k.x,
           minY: k.y,
           maxX: k.x + k.width,
@@ -783,7 +783,7 @@ function Qo({ id: t }) {
     for (const y of l)
       _t(te(y.points), c) && d.push(y.id);
     for (const y of h) {
-      const k = Ft(y), $ = {
+      const k = Bt(y), $ = {
         minX: k.x,
         minY: k.y,
         maxX: k.x + k.width,
@@ -936,10 +936,10 @@ function Qo({ id: t }) {
       if (vn[n.key] && !n.ctrlKey && !n.metaKey) {
         if (N.size === 0) return;
         n.preventDefault();
-        const y = n.shiftKey ? _o : Do, [k, $] = vn[n.key], v = k * y, R = $ * y, F = ((d = e == null ? void 0 : e.props) == null ? void 0 : d.strokes) ?? [], L = ((g = e == null ? void 0 : e.props) == null ? void 0 : g.shapes) ?? [];
+        const y = n.shiftKey ? _o : Do, [k, $] = vn[n.key], v = k * y, R = $ * y, B = ((d = e == null ? void 0 : e.props) == null ? void 0 : d.strokes) ?? [], L = ((g = e == null ? void 0 : e.props) == null ? void 0 : g.shapes) ?? [];
         r.applyOperation(
           U(t, {
-            strokes: F.map(
+            strokes: B.map(
               (C) => N.has(C.id) ? Xt(C, v, R) : C
             ),
             shapes: L.map(
@@ -1065,10 +1065,10 @@ function Qo({ id: t }) {
         if (n.preventDefault(), (h = a.setPointerCapture) == null || h.call(a, n.pointerId), !it.current) {
           for (const L of W.current.keys())
             L !== n.pointerId && Sn(L);
-          const F = Rn(W.current);
+          const B = Rn(W.current);
           it.current = {
-            startCenterX: F.x,
-            startCenterY: F.y,
+            startCenterX: B.x,
+            startCenterY: B.y,
             startViewX: M.x,
             startViewY: M.y
           };
@@ -1078,8 +1078,8 @@ function Qo({ id: t }) {
       if (P) {
         if ((g = (d = n.target) == null ? void 0 : d.closest) != null && g.call(d, ".be-canvas-text-editor")) return;
         if ((y = (w = document.activeElement) == null ? void 0 : w.blur) == null || y.call(w), i === "text") {
-          let [F, L] = J(n, a, at);
-          A && ([F, L] = [K(F), K(L)]), we(F, L), u("text");
+          let [B, L] = J(n, a, at);
+          A && ([B, L] = [K(B), K(L)]), we(B, L), u("text");
           return;
         }
       }
@@ -1096,12 +1096,12 @@ function Qo({ id: t }) {
       n.preventDefault(), ($ = a.setPointerCapture) == null || $.call(a, n.pointerId);
       const [c, l] = J(n, a, at);
       if (i === "eraser")
-        nt.current = /* @__PURE__ */ new Set(), lt.current = /* @__PURE__ */ new Set(), pt.current = /* @__PURE__ */ new Map(), mt.current = !0, Bt(c, l);
+        nt.current = /* @__PURE__ */ new Set(), lt.current = /* @__PURE__ */ new Set(), pt.current = /* @__PURE__ */ new Map(), mt.current = !0, Ft(c, l);
       else if (ve.has(i)) {
-        const F = A ? K(c) : c, L = A ? K(l) : l;
-        V.current = { type: i, x1: F, y1: L, x2: F, y2: L }, me(Me(V.current, m, S, z));
+        const B = A ? K(c) : c, L = A ? K(l) : l;
+        V.current = { type: i, x1: B, y1: L, x2: B, y2: L }, me(Me(V.current, m, S, z));
       } else if (i === "select") {
-        const F = ((v = e == null ? void 0 : e.props) == null ? void 0 : v.strokes) ?? [], L = ((R = e == null ? void 0 : e.props) == null ? void 0 : R.shapes) ?? [], C = N.size === 1 ? L.find((tt) => N.has(tt.id)) ?? null : null, jt = Jo(c, l, C);
+        const B = ((v = e == null ? void 0 : e.props) == null ? void 0 : v.strokes) ?? [], L = ((R = e == null ? void 0 : e.props) == null ? void 0 : R.shapes) ?? [], C = N.size === 1 ? L.find((tt) => N.has(tt.id)) ?? null : null, jt = Jo(c, l, C);
         if (jt) {
           if (jt === "rotate") {
             const { cx: tt, cy: Nt } = ie(C), Tt = Math.atan2(l - Nt, c - tt) * 180 / Math.PI;
@@ -1136,7 +1136,7 @@ function Qo({ id: t }) {
           xe(Pe(C, G.current));
           return;
         }
-        const $t = Go(c, l, F, L);
+        const $t = Go(c, l, B, L);
         if ($t) {
           if (n.shiftKey) {
             Q((Nt) => {
@@ -1154,7 +1154,7 @@ function Qo({ id: t }) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       i,
-      Bt,
+      Ft,
       M.x,
       M.y,
       Y,
@@ -1210,7 +1210,7 @@ function Qo({ id: t }) {
           const d = G.current;
           if (d.mode === "rotate") {
             const y = Math.atan2(h - d.cy, l - d.cx) * 180 / Math.PI, k = d.startRotation + (y - d.startAngle);
-            d.rotation = A ? Fo(k) : k;
+            d.rotation = A ? Bo(k) : k;
           } else
             A && ([l, h] = [K(l), K(h)]), d.x = l, d.y = h;
           const w = (((c = e == null ? void 0 : e.props) == null ? void 0 : c.shapes) ?? []).find((y) => y.id === d.shapeId);
@@ -1222,14 +1222,14 @@ function Qo({ id: t }) {
           At.current.push([l, h, n.pressure || 0.5]), hn(S);
         } else if (mt.current) {
           const [l, h] = J(n, a, at);
-          Bt(l, h);
+          Ft(l, h);
         }
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       hn,
-      Bt,
+      Ft,
       M.x,
       M.y,
       Y,
@@ -1356,7 +1356,7 @@ function Qo({ id: t }) {
       box: Vo(c, l),
       rotation: c === "shape" ? l.rotation : 0
     };
-  }).filter(Boolean), ke = Zt.length === 1 && Zt[0].kind === "shape" ? Zt[0] : null, j = (ke == null ? void 0 : ke.item) ?? null, Fr = j && j.type === "arrow" ? [
+  }).filter(Boolean), ke = Zt.length === 1 && Zt[0].kind === "shape" ? Zt[0] : null, j = (ke == null ? void 0 : ke.item) ?? null, Br = j && j.type === "arrow" ? [
     ["start", j.x1, j.y1],
     ["end", j.x2, j.y2]
   ] : j && !j.rotation ? Object.entries(Ae(j)).map(([n, [a, c]]) => [
@@ -1398,7 +1398,7 @@ function Qo({ id: t }) {
                 "aria-pressed": i === "eraser",
                 "aria-label": "Eraser",
                 title: "Eraser",
-                onClick: () => Be((n) => !n),
+                onClick: () => Fe((n) => !n),
                 children: (() => {
                   var a;
                   const n = ((a = An.find((c) => c.mode === f)) == null ? void 0 : a.Icon) ?? Ln;
@@ -1467,7 +1467,7 @@ function Qo({ id: t }) {
                 "aria-expanded": de,
                 "aria-label": `Font size: ${P ? P.fontSize : et}`,
                 title: "Font size",
-                onClick: () => Fe((n) => !n),
+                onClick: () => Be((n) => !n),
                 children: /* @__PURE__ */ p("span", { className: "be-canvas-font-size-trigger", children: "A" })
               }
             ),
@@ -1551,7 +1551,7 @@ function Qo({ id: t }) {
                   var a;
                   const n = ((a = Cn.find(
                     (c) => c.type === (ve.has(i) ? i : ur)
-                  )) == null ? void 0 : a.Icon) ?? Fn;
+                  )) == null ? void 0 : a.Icon) ?? Bn;
                   return /* @__PURE__ */ p(n, { size: 14 });
                 })()
               }
@@ -1682,7 +1682,7 @@ function Qo({ id: t }) {
                       "aria-label": "No fill",
                       title: "No fill",
                       onClick: () => {
-                        B(null), pe();
+                        F(null), pe();
                       }
                     }
                   ),
@@ -1697,7 +1697,7 @@ function Qo({ id: t }) {
                       "aria-label": `Fill ${n}`,
                       title: `Fill ${n}`,
                       onClick: () => {
-                        B(n), pe();
+                        F(n), pe();
                       }
                     },
                     n
@@ -1713,7 +1713,7 @@ function Qo({ id: t }) {
                         {
                           type: "color",
                           value: z ?? $n,
-                          onChange: (n) => B(n.target.value)
+                          onChange: (n) => F(n.target.value)
                         }
                       )
                     }
@@ -1861,7 +1861,7 @@ function Qo({ id: t }) {
             onDoubleClick: Pr,
             onKeyDown: $r,
             children: [
-              A && /* @__PURE__ */ _(Br, { children: [
+              A && /* @__PURE__ */ _(Fr, { children: [
                 /* @__PURE__ */ p("defs", { children: /* @__PURE__ */ p(
                   "pattern",
                   {
@@ -1933,7 +1933,7 @@ function Qo({ id: t }) {
                 },
                 n
               )),
-              Fr.map(([n, a, c]) => /* @__PURE__ */ p(
+              Br.map(([n, a, c]) => /* @__PURE__ */ p(
                 "rect",
                 {
                   className: "be-canvas-selection-handle",
@@ -2142,4 +2142,4 @@ export {
   ps as r,
   hs as u
 };
-//# sourceMappingURL=index-B9jyyL8u.js.map
+//# sourceMappingURL=index-DOIEccLM.js.map