geoiq-frontend-ui-kit 2.0.2 → 2.0.4

package/dist/index.es155.js

@@ -1,50 +1,358 @@
-import { onDown as u, onMove as y, onUp as E, onDbl as f } from "./index.es163.js";
-import { autoGrowTextEditor as a, commitTextEdit as m, blurTextEditor as g } from "./index.es151.js";
-import { undo as L, redo as x } from "./index.es148.js";
-import { applyModeCursor as k, selectLayer as l, setMode as D } from "./index.es150.js";
-import { fitStage as w, render as p, syncCanvasSize as P } from "./index.es147.js";
-import { normalizeSource as T, doLoadImage as z } from "./index.es154.js";
-import { deleteLayer as K } from "./index.es153.js";
-import { panPointerUp as t, resetPan as c, panPointerDown as C, panPointerMove as h } from "./index.es164.js";
-function A(e, i, o) {
-  e.canvasEl = o.canvas, e.overlayEl = o.overlay, e.textEditorEl = o.textEditor, e.stageEl = o.stage, e.ctx = e.canvasEl.getContext("2d"), e.octx = e.overlayEl.getContext("2d"), e.mounted = !0, k(e), e.overlayEl.addEventListener(
-    "lostpointercapture",
-    (r) => t(e, r)
-  ), e.overlayEl.addEventListener("pointerdown", (r) => {
-    r.preventDefault(), r.isPrimary && e.panPointers?.size && c(e), !C(e, r) && u(e, r);
-  }), e.overlayEl.addEventListener("pointermove", (r) => {
-    r.preventDefault(), !h(e, r) && y(e, r);
-  }), e.overlayEl.addEventListener("pointerup", (r) => {
-    t(e, r), E(e, r);
-  }), e.overlayEl.addEventListener("pointercancel", (r) => {
-    c(e), E(e, r);
-  }), e.overlayEl.addEventListener("dblclick", (r) => f(e, r));
-  const d = () => {
-    e.editingLayer && (g(e), l(e, null));
+import { pushHistory as f, popHistory as O } from "./index.es146.js";
+import { emitChange as P } from "./index.es144.js";
+import { MULTI_POINT_SHAPES as R, render as t, paintLayer as S, onRotateHandle as A, layerCenter as b, onResizeHandle as T, isMultiPoint as I, layerBounds as v, DIRECTIONAL_SHAPES as z, rotatePoint as C, clampBoxWidth as W, clampTextSize as _, renderOverlay as g, normRect as F, toLayerSpace as D } from "./index.es145.js";
+import { setMode as k, selectLayer as x } from "./index.es148.js";
+import { openTextEditor as N } from "./index.es149.js";
+function a(n, l) {
+  const r = n.dragMode && n.dragRect ? n.dragRect : n.overlayEl.getBoundingClientRect(), o = (l.clientX - r.left) / r.width * n.sourceCanvas.width, e = (l.clientY - r.top) / r.height * n.sourceCanvas.height;
+  return {
+    x: Math.min(Math.max(o, 0), n.sourceCanvas.width),
+    y: Math.min(Math.max(e, 0), n.sourceCanvas.height)
   };
-  e.textEditorEl.addEventListener("keydown", (r) => {
-    r.key === "Enter" ? (r.stopPropagation(), (r.metaKey || r.ctrlKey) && (r.preventDefault(), d())) : r.key === "Escape" && (r.stopPropagation(), e.editingLayer && (e.editingLayer._editing = !1), e.editingLayer = null, e.textEditorEl.blur(), l(e, null));
-  }), e.textEditorEl.addEventListener("input", () => a(e)), e.textEditorEl.addEventListener("blur", () => m(e)), e.stageEl.addEventListener(
-    "pointerdown",
-    (r) => {
-      r.target !== e.textEditorEl && (d(), r.target !== e.overlayEl && e.selectedId != null && l(e, null));
-    },
-    !0
-  ), ["dragover", "dragenter"].forEach(
-    (r) => e.stageEl.addEventListener(r, (n) => n.preventDefault())
-  ), e.stageEl.addEventListener("drop", (r) => {
-    r.preventDefault();
-    const n = r.dataTransfer.files[0];
-    n && n.type.startsWith("image/") && T(e, n, (v) => z(e, v));
-  }), i._keyHandler = (r) => {
-    if (!i.isOpen()) return;
-    const n = document.activeElement && document.activeElement.tagName;
-    n === "INPUT" || n === "TEXTAREA" || n === "SELECT" || ((r.metaKey || r.ctrlKey) && r.key === "z" && !r.shiftKey ? (r.preventDefault(), L(e)) : (r.metaKey || r.ctrlKey) && (r.key === "y" || r.shiftKey && r.key === "z") ? (r.preventDefault(), x(e)) : r.key === "Escape" ? e.mode !== "select" || e.selectedId != null ? (D(e, "select"), l(e, null)) : e.config.closeOnEscape !== !1 && i.close() : (r.key === "Delete" || r.key === "Backspace") && e.selectedId != null && e.mode === "select" && (r.preventDefault(), K(e, e.selectedId)));
-  }, document.addEventListener("keydown", i._keyHandler), i._resizeHandler = () => {
-    e.sourceCanvas.width && i.isOpen() && (w(e), p(e));
-  }, window.addEventListener("resize", i._resizeHandler), e.sourceCanvas.width && (P(e), p(e));
+}
+function J(n, l) {
+  if (!l) return n;
+  const r = l * Math.PI / 180, o = Math.abs(Math.cos(r)), e = Math.abs(Math.sin(r)), d = n.w * o + n.h * e, i = n.w * e + n.h * o, c = n.x + n.w / 2, h = n.y + n.h / 2;
+  return { x: c - d / 2, y: h - i / 2, w: d, h: i };
+}
+function q(n) {
+  return n.type !== "shape" ? 0 : z.includes(n.shape) || n.fill !== "fill" ? (n.width || 0) / 2 : 0;
+}
+function K(n, l) {
+  const r = J(v(n, l), l.rotation), o = q(l), e = {
+    x: r.x - o,
+    y: r.y - o,
+    w: r.w + o * 2,
+    h: r.h + o * 2
+  }, d = Math.min(Math.max(e.x, 0), n.sourceCanvas.width - e.w) - e.x, i = Math.min(Math.max(e.y, 0), n.sourceCanvas.height - e.h) - e.y;
+  !d && !i || (l.type === "stroke" ? l.points = l.points.map((c) => ({ x: c.x + d, y: c.y + i })) : (l.x += d, l.y += i));
+}
+function m(n, l) {
+  const { layers: r } = n;
+  for (let o = r.length - 1; o >= 0; o--) {
+    const e = v(n, r[o]), d = D(n, r[o], l);
+    if (d.x >= e.x - 6 && d.x <= e.x + e.w + 6 && d.y >= e.y - 6 && d.y <= e.y + e.h + 6)
+      return r[o];
+  }
+  return null;
+}
+function H() {
+  return typeof window < "u" && window.matchMedia && window.matchMedia("(pointer: coarse)").matches ? 40 : 22;
+}
+const E = Math.PI / 8, B = 4;
+function nn(n) {
+  const l = n.pendingPoly;
+  if (!l)
+    return { active: !1, pointCount: 0, canFinish: !1, canClose: !1 };
+  const r = l.layer.points.length;
+  return { active: !0, pointCount: r, canFinish: r >= 2, canClose: r >= 3 };
+}
+function L(n, l, r) {
+  if (!r || !n) return l;
+  const o = l.x - n.x, e = l.y - n.y, d = Math.hypot(o, e);
+  if (!d) return l;
+  const i = Math.round(Math.atan2(e, o) / E) * E;
+  return {
+    x: n.x + Math.cos(i) * d,
+    y: n.y + Math.sin(i) * d
+  };
+}
+function on(n) {
+  const l = n.pendingPoly;
+  if (l) {
+    if (l.layer.points.length <= 1) {
+      Z(n);
+      return;
+    }
+    l.layer.points.pop(), n.statusText = `${l.layer.points.length} point${l.layer.points.length === 1 ? "" : "s"} — Backspace removes the last`, w(n), n.notify();
+  }
+}
+function U(n, l, r) {
+  n.pendingPoly = { layer: l, preview: r }, l.points = [{ x: r.x, y: r.y }], delete l.w, delete l.h, n.statusText = "Click to add points · double-click to finish · Esc cancels", w(n), n.notify();
+}
+function w(n) {
+  const l = n.pendingPoly;
+  if (!l) return;
+  const r = n.octx, o = l.layer.points;
+  r.clearRect(0, 0, n.overlayEl.width, n.overlayEl.height), n.layers.forEach((h) => S(n, r, h));
+  const e = {
+    ...l.layer,
+    points: l.preview ? o.concat([l.preview]) : o
+  };
+  e.points.length >= 2 && S(n, r, e);
+  const d = 1 / (n.viewScale || 1), i = 5 * d;
+  r.save(), r.lineWidth = 2 * d, o.forEach((h, y) => {
+    y !== 0 && (r.beginPath(), r.arc(h.x, h.y, i, 0, Math.PI * 2), r.fillStyle = "#ffffff", r.strokeStyle = l.layer.color, r.fill(), r.stroke());
+  });
+  const c = o[0];
+  if (c) {
+    const h = o.length >= 3 && l.preview && Math.hypot(l.preview.x - c.x, l.preview.y - c.y) <= H();
+    r.beginPath(), r.arc(c.x, c.y, (h ? 11 : 7) * d, 0, Math.PI * 2), r.fillStyle = h ? l.layer.color : "#ffffff", r.strokeStyle = l.layer.color, r.lineWidth = (h ? 3 : 2) * d, r.fill(), r.stroke(), h && (r.beginPath(), r.arc(c.x, c.y, 4 * d, 0, Math.PI * 2), r.fillStyle = "#ffffff", r.fill());
+  }
+  r.restore(), V(n, o.length);
+}
+function V(n, l) {
+  const r = n.octx, o = 1 / (n.viewScale || 1), e = 10 * o, d = 13 * o, i = typeof window < "u" && window.matchMedia && window.matchMedia("(pointer: coarse)").matches, c = i ? "Tap" : "Click";
+  let h;
+  l < 2 ? h = `${c} to place the next point` : i ? h = l < 3 ? `${c} to add points · use the bar below to finish` : `${c} the first point to close · or finish below` : h = l < 3 ? "Double-click or Enter to finish · Backspace undoes · Esc cancels" : "Click the first point to close · Double-click to finish · Backspace undoes", r.save(), r.font = `${d}px Avenir Next, Segoe UI, sans-serif`, r.textBaseline = "top";
+  const y = r.measureText(h).width;
+  r.fillStyle = "rgba(17,17,17,.82)", r.beginPath();
+  const p = e, u = e, M = y + e * 2, s = d + e * 1.4;
+  r.roundRect ? r.roundRect(p, u, M, s, 6 * o) : r.rect(p, u, M, s), r.fill(), r.fillStyle = "#ffffff", r.fillText(h, p + e, u + e * 0.6), r.restore();
+}
+function rn(n, l) {
+  const r = n.layers.find((o) => o.id === n.selectedId);
+  !r || r.type !== "shape" || R.includes(r.shape) && (f(n), (!r.points || r.points.length < 2) && (r.points = [
+    { x: r.x, y: r.y },
+    { x: r.x + (r.w || 0), y: r.y + (r.h || 0) }
+  ]), delete r.w, delete r.h, r.closed = !1, n.selectedId = null, n.mode = "shape", n.multiPointMode = !0, n.pendingPoly = { layer: r, preview: r.points[r.points.length - 1] }, n.statusText = "Continuing line — click to add points · double-click to finish", w(n), n.notify());
+}
+function $(n, l) {
+  const r = n.pendingPoly;
+  if (!r) return;
+  const o = r.layer;
+  if (n.pendingPoly = null, o.points.length < 2) {
+    n.layers = n.layers.filter((e) => e.id !== o.id), O(n), k(n, "select"), t(n), n.notify();
+    return;
+  }
+  o.closed = !!l, n.layers.some((e) => e.id === o.id) || n.layers.push(o), n.mode = "shape", x(n, o.id), n.statusText = l ? "Shape closed — click to start another" : "Line added — click to start another", t(n), P(n);
+}
+function Z(n) {
+  const l = n.pendingPoly;
+  l && (n.pendingPoly = null, n.layers = n.layers.filter((r) => r.id !== l.layer.id), O(n), t(n), n.statusText = "Cancelled", n.notify());
+}
+function en(n, l) {
+  if (!n.sourceCanvas.width || n.dragMode) return;
+  n.overlayEl.setPointerCapture(l.pointerId), n.activePointerId = l.pointerId, n.dragRect = n.overlayEl.getBoundingClientRect();
+  const r = a(n, l);
+  if (n.pendingPoly) {
+    const o = n.pendingPoly.layer.points, e = o[0];
+    if (o.length >= 3 && Math.hypot(r.x - e.x, r.y - e.y) <= H()) {
+      $(n, !0);
+      return;
+    }
+    const d = o[o.length - 1], i = L(d, r, l.shiftKey);
+    (!d || Math.hypot(i.x - d.x, i.y - d.y) > B) && o.push({ x: i.x, y: i.y }), n.pendingPoly.preview = i, w(n);
+    return;
+  }
+  if (n.mode === "select") {
+    const o = n.selectedId != null ? n.layers.find((i) => i.id === n.selectedId) : null;
+    if (o && A(n, r, o)) {
+      const i = b(n, o);
+      n.dragMode = "rotate", n.rotateStart = {
+        center: i,
+        angle: Math.atan2(r.y - i.y, r.x - i.x),
+        rotation: o.rotation || 0
+      }, f(n);
+      return;
+    }
+    const e = o ? T(n, r, o) : null;
+    if (e) {
+      if (n.dragMode = "resize", n.resizeCorner = e, n.dragStart = r, n.dragOrig = JSON.parse(JSON.stringify(o)), o.type === "shape" && I(o)) {
+        const i = v(n, o), c = e === "tl" || e === "bl", h = e === "tl" || e === "tr";
+        n.resizeAnchor = {
+          x: c ? i.x + i.w : i.x,
+          y: h ? i.y + i.h : i.y
+        }, n.dragOrig._bounds = {
+          w: c ? -i.w : i.w,
+          h: h ? -i.h : i.h
+        }, n.dragOrig._anchorPt = {
+          x: n.resizeAnchor.x,
+          y: n.resizeAnchor.y
+        };
+      } else if (o.type === "shape" && z.includes(o.shape))
+        n.resizeAnchor = e === "start" ? { x: o.x + o.w, y: o.y + o.h } : { x: o.x, y: o.y };
+      else {
+        const i = v(n, o), c = e === "tl" || e === "bl";
+        n.resizeAnchor = {
+          x: c ? i.x + i.w : i.x,
+          // Text keeps its top edge: its height follows the wrapping.
+          y: o.type === "text" ? i.y : e === "tl" || e === "tr" ? i.y + i.h : i.y
+        };
+      }
+      n.resizeCenter = b(n, o), n.resizeAnchorWorld = C(
+        n.resizeAnchor,
+        n.resizeCenter,
+        o.rotation || 0
+      ), f(n);
+      return;
+    }
+    const d = m(n, r);
+    d ? (x(n, d.id), n.dragMode = "move", n.dragStart = r, n.dragOrig = JSON.parse(JSON.stringify(d)), f(n)) : x(n, null);
+  } else if (n.mode === "text") {
+    f(n);
+    const o = {
+      id: n.nextId++,
+      type: "text",
+      text: "Text",
+      x: r.x,
+      y: r.y,
+      size: n.textSize,
+      font: n.textFont,
+      color: n.textColor,
+      rotation: 0,
+      flipH: !1,
+      flipV: !1,
+      boxWidth: 10
+    };
+    n.octx.font = `${o.size}px ${o.font}`;
+    const e = n.octx.measureText(o.text).width;
+    o.boxWidth = Math.round(Math.max(700, e + 40)), W(n, o), _(n, o), n.layers.push(o), k(n, "select"), x(n, o.id), N(n, o, !0);
+  } else n.mode === "draw" ? (f(n), n.pendingStroke = {
+    id: n.nextId++,
+    type: "stroke",
+    color: n.drawColor,
+    width: n.brushSize,
+    style: n.brushStyle,
+    points: [r]
+  }, n.dragMode = "draw") : n.mode === "shape" ? (f(n), n.pendingShape = {
+    id: n.nextId++,
+    type: "shape",
+    shape: n.selectedShapeType,
+    fill: n.shapeFill,
+    width: n.shapeWidth,
+    color: n.shapeColor,
+    x: r.x,
+    y: r.y,
+    w: 0,
+    h: 0,
+    rotation: 0,
+    flipH: !1,
+    flipV: !1
+  }, n.dragMode = "newshape", n.dragStart = r) : n.mode === "crop" && (n.dragMode = "crop", n.cropStart = r, n.cropRect = { x: r.x, y: r.y, w: 0, h: 0 });
+}
+function ln(n, l) {
+  if (n.pendingPoly) {
+    const o = n.pendingPoly.layer.points;
+    n.pendingPoly.preview = L(
+      o[o.length - 1],
+      a(n, l),
+      l.shiftKey
+    ), w(n);
+    return;
+  }
+  if (n.dragMode && n.activePointerId != null && l.pointerId !== n.activePointerId)
+    return;
+  if (!n.dragMode) {
+    if (n.mode === "select") {
+      const o = a(n, l), e = n.selectedId != null ? n.layers.find((i) => i.id === n.selectedId) : null, d = e ? T(n, o, e) : null;
+      e && A(n, o, e) ? n.overlayEl.style.cursor = "grab" : d === "start" || d === "end" ? n.overlayEl.style.cursor = e.w >= 0 == e.h >= 0 ? "nwse-resize" : "nesw-resize" : d ? n.overlayEl.style.cursor = d === "tl" || d === "br" ? "nwse-resize" : "nesw-resize" : e && m(n, o) === e ? n.overlayEl.style.cursor = "move" : m(n, o) ? n.overlayEl.style.cursor = "pointer" : n.overlayEl.style.cursor = "default";
+    }
+    return;
+  }
+  const r = a(n, l);
+  if (n.dragMode === "move") {
+    const o = r.x - n.dragStart.x, e = r.y - n.dragStart.y, d = n.layers.find((i) => i.id === n.selectedId);
+    d.type === "shape" && I(d) ? d.points = n.dragOrig.points.map((i) => ({
+      x: i.x + o,
+      y: i.y + e
+    })) : d.type === "text" || d.type === "shape" || d.type === "sticker" ? (d.x = n.dragOrig.x + o, d.y = n.dragOrig.y + e) : d.type === "stroke" && (d.points = n.dragOrig.points.map((i) => ({
+      x: i.x + o,
+      y: i.y + e
+    }))), K(n, d), g(n);
+  } else if (n.dragMode === "resize") {
+    const o = n.layers.find((i) => i.id === n.selectedId), e = o.rotation || 0, d = e ? C(r, n.resizeCenter, -e) : r;
+    if (o.type === "text") {
+      const i = n.resizeCorner === "tl" || n.resizeCorner === "bl";
+      if (o.y = n.dragOrig.y, o.size = n.dragOrig.size, i) {
+        const c = n.dragOrig.x + n.dragOrig.boxWidth;
+        o.boxWidth = Math.max(20, c - d.x), o.x = c - o.boxWidth;
+      } else
+        o.x = n.dragOrig.x, o.boxWidth = Math.max(20, d.x - n.dragOrig.x);
+      W(n, o), _(n, o), n.notify();
+    } else if (o.type === "shape" && I(o)) {
+      const i = n.resizeAnchor, c = n.dragOrig._bounds, h = 8, y = c.w > 0 ? (d.x - i.x) / (c.w || 1) : 1, p = c.h > 0 ? (d.y - i.y) / (c.h || 1) : 1, u = Math.abs(c.w * y) < h ? h / (c.w || 1) : y, M = Math.abs(c.h * p) < h ? h / (c.h || 1) : p;
+      o.points = n.dragOrig.points.map((s) => ({
+        x: i.x + (s.x - n.dragOrig._anchorPt.x) * u,
+        y: i.y + (s.y - n.dragOrig._anchorPt.y) * M
+      }));
+    } else if (o.type === "shape" && z.includes(o.shape)) {
+      const i = n.resizeAnchor, c = 8;
+      let h = d.x - i.x, y = d.y - i.y;
+      if (Math.hypot(h, y) < c) {
+        const p = Math.atan2(y || 1, h || 1);
+        h = c * Math.cos(p), y = c * Math.sin(p);
+      }
+      n.resizeCorner === "start" ? (o.x = i.x + h, o.y = i.y + y, o.w = -h, o.h = -y) : (o.x = i.x, o.y = i.y, o.w = h, o.h = y);
+    } else if (o.type === "shape" || o.type === "sticker") {
+      const i = n.resizeAnchor, c = 8;
+      let h = d.x - i.x, y = d.y - i.y;
+      Math.abs(h) < c && (h = i.x + c <= n.sourceCanvas.width ? c : -c), Math.abs(y) < c && (y = i.y + c <= n.sourceCanvas.height ? c : -c), o.x = Math.min(i.x, i.x + h), o.y = Math.min(i.y, i.y + y), o.w = Math.abs(h), o.h = Math.abs(y);
+    }
+    if (e) {
+      const i = C(n.resizeAnchor, b(n, o), e);
+      o.x += n.resizeAnchorWorld.x - i.x, o.y += n.resizeAnchorWorld.y - i.y;
+    }
+    g(n);
+  } else if (n.dragMode === "rotate") {
+    const o = n.layers.find((y) => y.id === n.selectedId), { center: e, angle: d, rotation: i } = n.rotateStart, c = Math.atan2(r.y - e.y, r.x - e.x) - d, h = i + c * 180 / Math.PI;
+    o.rotation = (h % 360 + 360) % 360, g(n);
+  } else if (n.dragMode === "draw")
+    n.pendingStroke.points.push(r), n.octx.clearRect(0, 0, n.overlayEl.width, n.overlayEl.height), n.layers.forEach((o) => S(n, n.octx, o)), S(n, n.octx, n.pendingStroke);
+  else if (n.dragMode === "newshape")
+    n.pendingShape.w = r.x - n.dragStart.x, n.pendingShape.h = r.y - n.dragStart.y, g(n);
+  else if (n.dragMode === "crop") {
+    let o = r.x - n.cropStart.x, e = r.y - n.cropStart.y;
+    if (n.cropRatio !== "free") {
+      const d = parseFloat(n.cropRatio);
+      e = Math.sign(e || 1) * Math.abs(o) / d;
+      const i = e >= 0 ? n.sourceCanvas.height - n.cropStart.y : n.cropStart.y;
+      Math.abs(e) > i && (e = Math.sign(e) * i, o = Math.sign(o || 1) * Math.abs(e) * d);
+    }
+    n.cropRect = { x: n.cropStart.x, y: n.cropStart.y, w: o, h: e }, g(n);
+  }
+}
+function dn(n, l) {
+  if (!(l && n.dragMode && n.activePointerId != null && l.pointerId !== n.activePointerId)) {
+    if (n.dragMode === "draw" && n.pendingStroke)
+      n.pendingStroke.points.length >= 1 && (n.layers.push(n.pendingStroke), x(n, n.pendingStroke.id)), n.pendingStroke = null, t(n), n.statusText = "Stroke added", P(n);
+    else if (n.dragMode === "newshape" && n.pendingShape) {
+      const r = Math.hypot(
+        n.pendingShape.w || 0,
+        n.pendingShape.h || 0
+      );
+      if (n.multiPointMode && R.includes(n.pendingShape.shape)) {
+        const o = n.pendingShape, e = { x: o.x + (o.w || 0), y: o.y + (o.h || 0) };
+        n.pendingShape = null, U(n, o, { x: o.x, y: o.y }), r > B && (o.points.push(e), n.pendingPoly.preview = e);
+      } else if (Math.abs(n.pendingShape.w) > 3 || Math.abs(n.pendingShape.h) > 3) {
+        n.layers.push(n.pendingShape);
+        const o = n.pendingShape.id;
+        n.pendingShape = null, k(n, "select"), x(n, o), n.statusText = "Shape added", P(n);
+      } else
+        n.pendingShape = null, g(n), n.notify();
+    } else if (n.dragMode === "crop")
+      n.cropRect && (n.cropRect = F(n.cropRect)), g(n), n.notify();
+    else if (n.dragMode === "move" || n.dragMode === "resize" || n.dragMode === "rotate") {
+      if (n.dragMode === "rotate") {
+        const r = n.layers.find((o) => o.id === n.selectedId);
+        r && (n.statusText = `Rotated to ${Math.round(r.rotation)}°`);
+      }
+      t(n), n.notify();
+    }
+    n.activePointerId != null && (n.overlayEl.hasPointerCapture(n.activePointerId) && n.overlayEl.releasePointerCapture(n.activePointerId), n.activePointerId = null), n.dragMode = null, n.dragStart = null, n.dragOrig = null, n.dragRect = null, n.resizeAnchor = null, n.resizeCenter = null, n.resizeAnchorWorld = null, n.rotateStart = null;
+  }
+}
+function cn(n, l) {
+  if (n.pendingPoly) {
+    $(n, !1);
+    return;
+  }
+  if (n.mode !== "select") return;
+  const r = a(n, l), o = m(n, r);
+  o && o.type === "text" && (x(n, o.id), N(n, o, !1));
 }
 export {
-  A as mount
+  B as CLICK_SLOP,
+  Z as cancelPoly,
+  $ as finishPoly,
+  m as hitLayer,
+  cn as onDbl,
+  en as onDown,
+  ln as onMove,
+  dn as onUp,
+  nn as polyStatus,
+  rn as resumePoly,
+  a as toSource,
+  on as undoPolyPoint
 };
 //# sourceMappingURL=index.es155.js.map

package/dist/index.es155.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es155.js","sources":["../src/components/organisms/image-editor/engine/mount.js"],"sourcesContent":["import { onDown, onMove, onUp, onDbl } from './pointer.js'\nimport {\n  autoGrowTextEditor,\n  blurTextEditor,\n  commitTextEdit,\n} from './text-editor.js'\nimport { undo, redo } from './history.js'\nimport { setMode, selectLayer, applyModeCursor } from './mode.js'\nimport { fitStage, render, syncCanvasSize } from './rendering.js'\nimport { normalizeSource, doLoadImage } from './save-export.js'\nimport { deleteLayer } from './layer-actions.js'\nimport {\n  panPointerDown,\n  panPointerMove,\n  panPointerUp,\n  resetPan,\n} from './touch-pan.js'\n\nexport function mount(state, self, refs) {\n  state.canvasEl = refs.canvas\n  state.overlayEl = refs.overlay\n  state.textEditorEl = refs.textEditor\n  state.stageEl = refs.stage\n  state.ctx = state.canvasEl.getContext('2d')\n  state.octx = state.overlayEl.getContext('2d')\n  state.mounted = true\n  applyModeCursor(state)\n\n  state.overlayEl.addEventListener('lostpointercapture', (e) =>\n    panPointerUp(state, e)\n  )\n  state.overlayEl.addEventListener('pointerdown', (e) => {\n    e.preventDefault()\n    if (e.isPrimary && state.panPointers?.size) resetPan(state)\n    if (panPointerDown(state, e)) return\n    onDown(state, e)\n  })\n  state.overlayEl.addEventListener('pointermove', (e) => {\n    e.preventDefault()\n    if (panPointerMove(state, e)) return\n    onMove(state, e)\n  })\n  state.overlayEl.addEventListener('pointerup', (e) => {\n    panPointerUp(state, e)\n    onUp(state, e)\n  })\n  state.overlayEl.addEventListener('pointercancel', (e) => {\n    resetPan(state)\n    onUp(state, e)\n  })\n  state.overlayEl.addEventListener('dblclick', (e) => onDbl(state, e))\n\n  // Commit, unfocus, deselect — guarded so an ordinary drag never deselects.\n  const endTextEdit = () => {\n    if (!state.editingLayer) return\n    blurTextEditor(state)\n    selectLayer(state, null)\n  }\n\n  state.textEditorEl.addEventListener('keydown', (e) => {\n    if (e.key === 'Enter') {\n      // Enter inserts a newline; stopped so no parent form reads it as submit.\n      e.stopPropagation()\n      if (e.metaKey || e.ctrlKey) {\n        e.preventDefault()\n        endTextEdit()\n      }\n    } else if (e.key === 'Escape') {\n      // Escape discards the edit, so restore nothing — just let go.\n      e.stopPropagation()\n      if (state.editingLayer) state.editingLayer._editing = false\n      state.editingLayer = null\n      state.textEditorEl.blur()\n      selectLayer(state, null)\n    }\n  })\n  state.textEditorEl.addEventListener('input', () => autoGrowTextEditor(state))\n  state.textEditorEl.addEventListener('blur', () => commitTextEdit(state))\n\n  // Capture phase: the overlay preventDefaults away the implicit blur.\n  state.stageEl.addEventListener(\n    'pointerdown',\n    (e) => {\n      if (e.target === state.textEditorEl) return\n      endTextEdit()\n      // Presses on the padding deselect; presses on the image are onDown's.\n      if (e.target !== state.overlayEl && state.selectedId != null) {\n        selectLayer(state, null)\n      }\n    },\n    true\n  )\n\n  ;['dragover', 'dragenter'].forEach((ev) =>\n    state.stageEl.addEventListener(ev, (e) => e.preventDefault())\n  )\n  state.stageEl.addEventListener('drop', (e) => {\n    e.preventDefault()\n    const f = e.dataTransfer.files[0]\n    if (f && f.type.startsWith('image/'))\n      normalizeSource(state, f, (d) => doLoadImage(state, d))\n  })\n\n  self._keyHandler = (e) => {\n    if (!self.isOpen()) return\n    const tag = document.activeElement && document.activeElement.tagName\n    if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return\n    if ((e.metaKey || e.ctrlKey) && e.key === 'z' && !e.shiftKey) {\n      e.preventDefault()\n      undo(state)\n    } else if (\n      (e.metaKey || e.ctrlKey) &&\n      (e.key === 'y' || (e.shiftKey && e.key === 'z'))\n    ) {\n      e.preventDefault()\n      redo(state)\n    } else if (e.key === 'Escape') {\n      if (state.mode !== 'select' || state.selectedId != null) {\n        setMode(state, 'select')\n        selectLayer(state, null)\n      } else if (state.config.closeOnEscape !== false) self.close()\n    } else if (\n      (e.key === 'Delete' || e.key === 'Backspace') &&\n      state.selectedId != null &&\n      state.mode === 'select'\n    ) {\n      e.preventDefault()\n      deleteLayer(state, state.selectedId)\n    }\n  }\n  document.addEventListener('keydown', self._keyHandler)\n\n  self._resizeHandler = () => {\n    if (state.sourceCanvas.width && self.isOpen()) {\n      fitStage(state)\n      render(state)\n    }\n  }\n  window.addEventListener('resize', self._resizeHandler)\n\n  if (state.sourceCanvas.width) {\n    syncCanvasSize(state)\n    render(state)\n  }\n}\n"],"names":["mount","state","self","refs","applyModeCursor","e","panPointerUp","resetPan","panPointerDown","onDown","panPointerMove","onMove","onUp","onDbl","endTextEdit","blurTextEditor","selectLayer","autoGrowTextEditor","commitTextEdit","ev","f","normalizeSource","d","doLoadImage","tag","undo","redo","setMode","deleteLayer","fitStage","render","syncCanvasSize"],"mappings":"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"}
+{"version":3,"file":"index.es155.js","sources":["../src/components/organisms/image-editor/engine/pointer.js"],"sourcesContent":["import { pushHistory, popHistory } from './history.js'\nimport { emitChange } from './state.js'\nimport {\n  render,\n  renderOverlay,\n  paintLayer,\n  layerBounds,\n  onResizeHandle,\n  normRect,\n  clampTextSize,\n  clampBoxWidth,\n  onRotateHandle,\n  layerCenter,\n  rotatePoint,\n  toLayerSpace,\n  DIRECTIONAL_SHAPES,\n  MULTI_POINT_SHAPES,\n  isMultiPoint,\n} from './rendering.js'\nimport { setMode, selectLayer } from './mode.js'\nimport { openTextEditor } from './text-editor.js'\n\nexport function toSource(state, e) {\n  // While actively dragging, use the rect captured at pointerdown instead of\n  // re-querying live — on mobile the browser's address-bar/toolbar chrome\n  // can collapse mid-gesture (typically ~1s in) and reflow the canvas out\n  // from under the drag. Since this is (pointer position - element origin),\n  // a rect that shifts mid-drag snaps the result toward 0 (leftmost/\n  // smallest), which is exactly what re-querying every move would do.\n  const r =\n    state.dragMode && state.dragRect\n      ? state.dragRect\n      : state.overlayEl.getBoundingClientRect()\n  const x = ((e.clientX - r.left) / r.width) * state.sourceCanvas.width\n  const y = ((e.clientY - r.top) / r.height) * state.sourceCanvas.height\n  return {\n    x: Math.min(Math.max(x, 0), state.sourceCanvas.width),\n    y: Math.min(Math.max(y, 0), state.sourceCanvas.height),\n  }\n}\n\nfunction rotatedAABB(b, rotationDeg) {\n  if (!rotationDeg) return b\n  const rad = (rotationDeg * Math.PI) / 180\n  const cos = Math.abs(Math.cos(rad)),\n    sin = Math.abs(Math.sin(rad))\n  const w = b.w * cos + b.h * sin,\n    h = b.w * sin + b.h * cos\n  const cx = b.x + b.w / 2,\n    cy = b.y + b.h / 2\n  return { x: cx - w / 2, y: cy - h / 2, w, h }\n}\n\nfunction strokeMargin(L) {\n  if (L.type !== 'shape') return 0\n  const alwaysStroked = DIRECTIONAL_SHAPES.includes(L.shape)\n  return alwaysStroked || L.fill !== 'fill' ? (L.width || 0) / 2 : 0\n}\n\nfunction clampLayerToCanvas(state, L) {\n  const rotated = rotatedAABB(layerBounds(state, L), L.rotation)\n  const margin = strokeMargin(L)\n  const b = {\n    x: rotated.x - margin,\n    y: rotated.y - margin,\n    w: rotated.w + margin * 2,\n    h: rotated.h + margin * 2,\n  }\n  const dx = Math.min(Math.max(b.x, 0), state.sourceCanvas.width - b.w) - b.x\n  const dy = Math.min(Math.max(b.y, 0), state.sourceCanvas.height - b.h) - b.y\n  if (!dx && !dy) return\n  if (L.type === 'stroke') {\n    L.points = L.points.map((pt) => ({ x: pt.x + dx, y: pt.y + dy }))\n  } else {\n    L.x += dx\n    L.y += dy\n  }\n}\n\nexport function hitLayer(state, p) {\n  const { layers } = state\n  for (let i = layers.length - 1; i >= 0; i--) {\n    const b = layerBounds(state, layers[i])\n    const q = toLayerSpace(state, layers[i], p)\n    if (\n      q.x >= b.x - 6 &&\n      q.x <= b.x + b.w + 6 &&\n      q.y >= b.y - 6 &&\n      q.y <= b.y + b.h + 6\n    )\n      return layers[i]\n  }\n  return null\n}\n\n// --- multi-point (\"extended\") line sessions -------------------------------\n\n// Fingers are far less precise than a cursor, so coarse pointers get a target\n// near the 44px accessibility minimum.\nfunction closeHitRadius() {\n  const coarse =\n    typeof window !== 'undefined' &&\n    window.matchMedia &&\n    window.matchMedia('(pointer: coarse)').matches\n  return coarse ? 40 : 22\n}\nconst SNAP_STEP = Math.PI / 8\n// Below this drag distance a pointer gesture counts as a click, not a drag.\nexport const CLICK_SLOP = 4\n\nexport function isPolyActive(state) {\n  return !!state.pendingPoly\n}\n\nexport function polyStatus(state) {\n  const poly = state.pendingPoly\n  if (!poly)\n    return { active: false, pointCount: 0, canFinish: false, canClose: false }\n  const n = poly.layer.points.length\n  return { active: true, pointCount: n, canFinish: n >= 2, canClose: n >= 3 }\n}\n\n// With Shift held, lock the next segment to a fixed angle from the last point\n// -- the usual way drawing tools make clean horizontals, verticals and 45s.\nfunction snapPreview(anchor, p, shift) {\n  if (!shift || !anchor) return p\n  const dx = p.x - anchor.x\n  const dy = p.y - anchor.y\n  const len = Math.hypot(dx, dy)\n  if (!len) return p\n  const ang = Math.round(Math.atan2(dy, dx) / SNAP_STEP) * SNAP_STEP\n  return {\n    x: anchor.x + Math.cos(ang) * len,\n    y: anchor.y + Math.sin(ang) * len,\n  }\n}\n\nexport function undoPolyPoint(state) {\n  const poly = state.pendingPoly\n  if (!poly) return\n  if (poly.layer.points.length <= 1) {\n    cancelPoly(state)\n    return\n  }\n  poly.layer.points.pop()\n  state.statusText = `${poly.layer.points.length} point${\n    poly.layer.points.length === 1 ? '' : 's'\n  } — Backspace removes the last`\n  drawPolyPreview(state)\n  state.notify()\n}\n\nfunction startPoly(state, shapeLayer, p) {\n  state.pendingPoly = { layer: shapeLayer, preview: p }\n  shapeLayer.points = [{ x: p.x, y: p.y }]\n  delete shapeLayer.w\n  delete shapeLayer.h\n  state.statusText =\n    'Click to add points · double-click to finish · Esc cancels'\n  drawPolyPreview(state)\n  state.notify()\n}\n\nfunction drawPolyPreview(state) {\n  const poly = state.pendingPoly\n  if (!poly) return\n  const c = state.octx\n  const pts = poly.layer.points\n  c.clearRect(0, 0, state.overlayEl.width, state.overlayEl.height)\n  state.layers.forEach((L) => paintLayer(state, c, L))\n\n  const ghost = {\n    ...poly.layer,\n    points: poly.preview ? pts.concat([poly.preview]) : pts,\n  }\n  if (ghost.points.length >= 2) paintLayer(state, c, ghost)\n\n  const k = 1 / (state.viewScale || 1)\n  const r = 5 * k\n\n  c.save()\n  c.lineWidth = 2 * k\n  pts.forEach((pt, i) => {\n    if (i === 0) return\n    c.beginPath()\n    c.arc(pt.x, pt.y, r, 0, Math.PI * 2)\n    c.fillStyle = '#ffffff'\n    c.strokeStyle = poly.layer.color\n    c.fill()\n    c.stroke()\n  })\n\n  // The first point is the close target: it grows and fills once the cursor is\n  // near enough that a click would actually close the path.\n  const first = pts[0]\n  if (first) {\n    const near =\n      pts.length >= 3 &&\n      poly.preview &&\n      Math.hypot(poly.preview.x - first.x, poly.preview.y - first.y) <=\n        closeHitRadius()\n    c.beginPath()\n    c.arc(first.x, first.y, (near ? 11 : 7) * k, 0, Math.PI * 2)\n    c.fillStyle = near ? poly.layer.color : '#ffffff'\n    c.strokeStyle = poly.layer.color\n    c.lineWidth = (near ? 3 : 2) * k\n    c.fill()\n    c.stroke()\n    if (near) {\n      c.beginPath()\n      c.arc(first.x, first.y, 4 * k, 0, Math.PI * 2)\n      c.fillStyle = '#ffffff'\n      c.fill()\n    }\n  }\n  c.restore()\n\n  drawPolyHint(state, pts.length)\n}\n\n// Pinned to the canvas so the rules are where the eyes are. On touch the button\n// bar carries the actions, so the hint only explains what a tap does.\nfunction drawPolyHint(state, count) {\n  const c = state.octx\n  const k = 1 / (state.viewScale || 1)\n  const pad = 10 * k\n  const size = 13 * k\n  const coarse =\n    typeof window !== 'undefined' &&\n    window.matchMedia &&\n    window.matchMedia('(pointer: coarse)').matches\n  const verb = coarse ? 'Tap' : 'Click'\n  let msg\n  if (count < 2) msg = `${verb} to place the next point`\n  else if (coarse)\n    msg =\n      count < 3\n        ? `${verb} to add points · use the bar below to finish`\n        : `${verb} the first point to close · or finish below`\n  else\n    msg =\n      count < 3\n        ? 'Double-click or Enter to finish · Backspace undoes · Esc cancels'\n        : 'Click the first point to close · Double-click to finish · Backspace undoes'\n\n  c.save()\n  c.font = `${size}px Avenir Next, Segoe UI, sans-serif`\n  c.textBaseline = 'top'\n  const w = c.measureText(msg).width\n  c.fillStyle = 'rgba(17,17,17,.82)'\n  c.beginPath()\n  const bx = pad,\n    by = pad,\n    bw = w + pad * 2,\n    bh = size + pad * 1.4\n  if (c.roundRect) c.roundRect(bx, by, bw, bh, 6 * k)\n  else c.rect(bx, by, bw, bh)\n  c.fill()\n  c.fillStyle = '#ffffff'\n  c.fillText(msg, bx + pad, by + pad * 0.6)\n  c.restore()\n}\n\n// Without this, continuing a finished line means clicking near its end -- which\n// lands on the rotate/resize handle and spins the layer instead.\nexport function resumePoly(state, id) {\n  const L = state.layers.find((l) => l.id === (id ?? state.selectedId))\n  if (!L || L.type !== 'shape') return\n  if (!MULTI_POINT_SHAPES.includes(L.shape)) return\n  pushHistory(state)\n  if (!L.points || L.points.length < 2) {\n    L.points = [\n      { x: L.x, y: L.y },\n      { x: L.x + (L.w || 0), y: L.y + (L.h || 0) },\n    ]\n  }\n  delete L.w\n  delete L.h\n  L.closed = false\n  state.selectedId = null\n  state.mode = 'shape'\n  state.multiPointMode = true\n  state.pendingPoly = { layer: L, preview: L.points[L.points.length - 1] }\n  state.statusText =\n    'Continuing line — click to add points · double-click to finish'\n  drawPolyPreview(state)\n  state.notify()\n}\n\nexport function finishPoly(state, close) {\n  const poly = state.pendingPoly\n  if (!poly) return\n  const L = poly.layer\n  state.pendingPoly = null\n  if (L.points.length < 2) {\n    // A lone click never became a line -- drop it and undo the history entry.\n    state.layers = state.layers.filter((l) => l.id !== L.id)\n    popHistory(state)\n    setMode(state, 'select')\n    render(state)\n    state.notify()\n    return\n  }\n  L.closed = !!close\n  if (!state.layers.some((l) => l.id === L.id)) state.layers.push(L)\n  // Stay on the shape tool: drawing one line usually means drawing another.\n  // The layer is still selected, so its options are immediately editable.\n  state.mode = 'shape'\n  selectLayer(state, L.id)\n  state.statusText = close\n    ? 'Shape closed — click to start another'\n    : 'Line added — click to start another'\n  render(state)\n  emitChange(state)\n}\n\nexport function cancelPoly(state) {\n  const poly = state.pendingPoly\n  if (!poly) return\n  state.pendingPoly = null\n  state.layers = state.layers.filter((l) => l.id !== poly.layer.id)\n  popHistory(state)\n  render(state)\n  state.statusText = 'Cancelled'\n  state.notify()\n}\n\nexport function onDown(state, e) {\n  if (!state.sourceCanvas.width) return\n  if (state.dragMode) return\n  state.overlayEl.setPointerCapture(e.pointerId)\n  state.activePointerId = e.pointerId\n  state.dragRect = state.overlayEl.getBoundingClientRect()\n  const p = toSource(state, e)\n  if (state.pendingPoly) {\n    const pts = state.pendingPoly.layer.points\n    const first = pts[0]\n    if (\n      pts.length >= 3 &&\n      Math.hypot(p.x - first.x, p.y - first.y) <= closeHitRadius()\n    ) {\n      finishPoly(state, true)\n      return\n    }\n    const last = pts[pts.length - 1]\n    const q = snapPreview(last, p, e.shiftKey)\n    // Ignore a double-click's second down: it would add a zero-length segment.\n    if (!last || Math.hypot(q.x - last.x, q.y - last.y) > CLICK_SLOP) {\n      pts.push({ x: q.x, y: q.y })\n    }\n    state.pendingPoly.preview = q\n    drawPolyPreview(state)\n    return\n  }\n  if (state.mode === 'select') {\n    const sel =\n      state.selectedId != null\n        ? state.layers.find((l) => l.id === state.selectedId)\n        : null\n    if (sel && onRotateHandle(state, p, sel)) {\n      const c = layerCenter(state, sel)\n      state.dragMode = 'rotate'\n      state.rotateStart = {\n        center: c,\n        angle: Math.atan2(p.y - c.y, p.x - c.x),\n        rotation: sel.rotation || 0,\n      }\n      pushHistory(state)\n      return\n    }\n    const corner = sel ? onResizeHandle(state, p, sel) : null\n    if (corner) {\n      state.dragMode = 'resize'\n      state.resizeCorner = corner\n      state.dragStart = p\n      state.dragOrig = JSON.parse(JSON.stringify(sel))\n      if (sel.type === 'shape' && isMultiPoint(sel)) {\n        const b = layerBounds(state, sel)\n        const isLeft = corner === 'tl' || corner === 'bl'\n        const isTop = corner === 'tl' || corner === 'tr'\n        state.resizeAnchor = {\n          x: isLeft ? b.x + b.w : b.x,\n          y: isTop ? b.y + b.h : b.y,\n        }\n        // Stash the untouched geometry so scaling stays absolute and cannot\n        // accumulate drift across move events.\n        state.dragOrig._bounds = {\n          w: isLeft ? -b.w : b.w,\n          h: isTop ? -b.h : b.h,\n        }\n        state.dragOrig._anchorPt = {\n          x: state.resizeAnchor.x,\n          y: state.resizeAnchor.y,\n        }\n      } else if (\n        sel.type === 'shape' &&\n        DIRECTIONAL_SHAPES.includes(sel.shape)\n      ) {\n        state.resizeAnchor =\n          corner === 'start'\n            ? { x: sel.x + sel.w, y: sel.y + sel.h }\n            : { x: sel.x, y: sel.y }\n      } else {\n        const b = layerBounds(state, sel)\n        const isLeft = corner === 'tl' || corner === 'bl'\n        state.resizeAnchor = {\n          x: isLeft ? b.x + b.w : b.x,\n          // Text keeps its top edge: its height follows the wrapping.\n          y:\n            sel.type === 'text'\n              ? b.y\n              : corner === 'tl' || corner === 'tr'\n                ? b.y + b.h\n                : b.y,\n        }\n      }\n      state.resizeCenter = layerCenter(state, sel)\n      state.resizeAnchorWorld = rotatePoint(\n        state.resizeAnchor,\n        state.resizeCenter,\n        sel.rotation || 0\n      )\n      pushHistory(state)\n      return\n    }\n    const hit = hitLayer(state, p)\n    if (hit) {\n      selectLayer(state, hit.id)\n      state.dragMode = 'move'\n      state.dragStart = p\n      state.dragOrig = JSON.parse(JSON.stringify(hit))\n      pushHistory(state)\n    } else selectLayer(state, null)\n  } else if (state.mode === 'text') {\n    pushHistory(state)\n    const L = {\n      id: state.nextId++,\n      type: 'text',\n      text: 'Text',\n      x: p.x,\n      y: p.y,\n      size: state.textSize,\n      font: state.textFont,\n      color: state.textColor,\n      rotation: 0,\n      flipH: false,\n      flipV: false,\n      boxWidth: 10,\n    }\n    state.octx.font = `${L.size}px ${L.font}`\n    const placeholderWidth = state.octx.measureText(L.text).width\n    L.boxWidth = Math.round(Math.max(700, placeholderWidth + 40))\n    clampBoxWidth(state, L)\n    clampTextSize(state, L)\n    state.layers.push(L)\n    setMode(state, 'select')\n    selectLayer(state, L.id)\n    openTextEditor(state, L, true)\n  } else if (state.mode === 'draw') {\n    pushHistory(state)\n    state.pendingStroke = {\n      id: state.nextId++,\n      type: 'stroke',\n      color: state.drawColor,\n      width: state.brushSize,\n      style: state.brushStyle,\n      points: [p],\n    }\n    state.dragMode = 'draw'\n  } else if (state.mode === 'shape') {\n    pushHistory(state)\n    state.pendingShape = {\n      id: state.nextId++,\n      type: 'shape',\n      shape: state.selectedShapeType,\n      fill: state.shapeFill,\n      width: state.shapeWidth,\n      color: state.shapeColor,\n      x: p.x,\n      y: p.y,\n      w: 0,\n      h: 0,\n      rotation: 0,\n      flipH: false,\n      flipV: false,\n    }\n    state.dragMode = 'newshape'\n    state.dragStart = p\n  } else if (state.mode === 'crop') {\n    state.dragMode = 'crop'\n    state.cropStart = p\n    state.cropRect = { x: p.x, y: p.y, w: 0, h: 0 }\n  }\n}\n\nexport function onMove(state, e) {\n  if (state.pendingPoly) {\n    const pts = state.pendingPoly.layer.points\n    state.pendingPoly.preview = snapPreview(\n      pts[pts.length - 1],\n      toSource(state, e),\n      e.shiftKey\n    )\n    drawPolyPreview(state)\n    return\n  }\n  if (\n    state.dragMode &&\n    state.activePointerId != null &&\n    e.pointerId !== state.activePointerId\n  ) {\n    return\n  }\n  if (!state.dragMode) {\n    if (state.mode === 'select') {\n      const p = toSource(state, e),\n        sel =\n          state.selectedId != null\n            ? state.layers.find((l) => l.id === state.selectedId)\n            : null\n      const corner = sel ? onResizeHandle(state, p, sel) : null\n      if (sel && onRotateHandle(state, p, sel)) {\n        state.overlayEl.style.cursor = 'grab'\n      } else if (corner === 'start' || corner === 'end') {\n        state.overlayEl.style.cursor =\n          sel.w >= 0 === sel.h >= 0 ? 'nwse-resize' : 'nesw-resize'\n      } else if (corner) {\n        state.overlayEl.style.cursor =\n          corner === 'tl' || corner === 'br' ? 'nwse-resize' : 'nesw-resize'\n      } else if (sel && hitLayer(state, p) === sel) {\n        state.overlayEl.style.cursor = 'move'\n      } else if (hitLayer(state, p)) {\n        state.overlayEl.style.cursor = 'pointer'\n      } else {\n        state.overlayEl.style.cursor = 'default'\n      }\n    }\n    return\n  }\n  const p = toSource(state, e)\n  if (state.dragMode === 'move') {\n    const dx = p.x - state.dragStart.x,\n      dy = p.y - state.dragStart.y,\n      L = state.layers.find((l) => l.id === state.selectedId)\n    if (L.type === 'shape' && isMultiPoint(L)) {\n      L.points = state.dragOrig.points.map((pt) => ({\n        x: pt.x + dx,\n        y: pt.y + dy,\n      }))\n    } else if (\n      L.type === 'text' ||\n      L.type === 'shape' ||\n      L.type === 'sticker'\n    ) {\n      L.x = state.dragOrig.x + dx\n      L.y = state.dragOrig.y + dy\n    } else if (L.type === 'stroke') {\n      L.points = state.dragOrig.points.map((pt) => ({\n        x: pt.x + dx,\n        y: pt.y + dy,\n      }))\n    }\n    clampLayerToCanvas(state, L)\n    renderOverlay(state)\n  } else if (state.dragMode === 'resize') {\n    const L = state.layers.find((l) => l.id === state.selectedId)\n    const rot = L.rotation || 0\n    // Resize along the layer's own axes, so a tilted box grows the way it looks.\n    const q = rot ? rotatePoint(p, state.resizeCenter, -rot) : p\n    if (L.type === 'text') {\n      const isLeft = state.resizeCorner === 'tl' || state.resizeCorner === 'bl'\n      // Absolute from drag start, so the fix-up below cannot accumulate.\n      L.y = state.dragOrig.y\n      L.size = state.dragOrig.size\n      if (isLeft) {\n        const rightEdge = state.dragOrig.x + state.dragOrig.boxWidth\n        L.boxWidth = Math.max(20, rightEdge - q.x)\n        L.x = rightEdge - L.boxWidth\n      } else {\n        L.x = state.dragOrig.x\n        L.boxWidth = Math.max(20, q.x - state.dragOrig.x)\n      }\n      clampBoxWidth(state, L)\n      clampTextSize(state, L)\n      state.notify()\n    } else if (L.type === 'shape' && isMultiPoint(L)) {\n      // Multi-point paths have no single \"end\" to drag, so scale every point\n      // about the opposite corner instead.\n      const anchor = state.resizeAnchor\n      const ob = state.dragOrig._bounds\n      const MIN_SIZE = 8\n      const sx = ob.w > 0 ? (q.x - anchor.x) / (ob.w || 1) : 1\n      const sy = ob.h > 0 ? (q.y - anchor.y) / (ob.h || 1) : 1\n      const kx = Math.abs(ob.w * sx) < MIN_SIZE ? MIN_SIZE / (ob.w || 1) : sx\n      const ky = Math.abs(ob.h * sy) < MIN_SIZE ? MIN_SIZE / (ob.h || 1) : sy\n      L.points = state.dragOrig.points.map((pt) => ({\n        x: anchor.x + (pt.x - state.dragOrig._anchorPt.x) * kx,\n        y: anchor.y + (pt.y - state.dragOrig._anchorPt.y) * ky,\n      }))\n    } else if (L.type === 'shape' && DIRECTIONAL_SHAPES.includes(L.shape)) {\n      const anchor = state.resizeAnchor\n      const MIN_LEN = 8\n      let w = q.x - anchor.x\n      let h = q.y - anchor.y\n      if (Math.hypot(w, h) < MIN_LEN) {\n        const ang = Math.atan2(h || 1, w || 1)\n        w = MIN_LEN * Math.cos(ang)\n        h = MIN_LEN * Math.sin(ang)\n      }\n      if (state.resizeCorner === 'start') {\n        L.x = anchor.x + w\n        L.y = anchor.y + h\n        L.w = -w\n        L.h = -h\n      } else {\n        L.x = anchor.x\n        L.y = anchor.y\n        L.w = w\n        L.h = h\n      }\n    } else if (L.type === 'shape' || L.type === 'sticker') {\n      const anchor = state.resizeAnchor\n      const MIN_SIZE = 8\n      let w = q.x - anchor.x\n      let h = q.y - anchor.y\n      if (Math.abs(w) < MIN_SIZE) {\n        w =\n          anchor.x + MIN_SIZE <= state.sourceCanvas.width ? MIN_SIZE : -MIN_SIZE\n      }\n      if (Math.abs(h) < MIN_SIZE) {\n        h =\n          anchor.y + MIN_SIZE <= state.sourceCanvas.height\n            ? MIN_SIZE\n            : -MIN_SIZE\n      }\n      L.x = Math.min(anchor.x, anchor.x + w)\n      L.y = Math.min(anchor.y, anchor.y + h)\n      L.w = Math.abs(w)\n      L.h = Math.abs(h)\n    }\n    // Resizing moves the centre it spins about; pin the anchor back down.\n    if (rot) {\n      const moved = rotatePoint(state.resizeAnchor, layerCenter(state, L), rot)\n      L.x += state.resizeAnchorWorld.x - moved.x\n      L.y += state.resizeAnchorWorld.y - moved.y\n    }\n    renderOverlay(state)\n  } else if (state.dragMode === 'rotate') {\n    const L = state.layers.find((l) => l.id === state.selectedId)\n    const { center, angle, rotation } = state.rotateStart\n    const swept = Math.atan2(p.y - center.y, p.x - center.x) - angle\n    const deg = rotation + (swept * 180) / Math.PI\n    L.rotation = ((deg % 360) + 360) % 360\n    renderOverlay(state)\n  } else if (state.dragMode === 'draw') {\n    state.pendingStroke.points.push(p)\n    state.octx.clearRect(0, 0, state.overlayEl.width, state.overlayEl.height)\n    state.layers.forEach((L) => paintLayer(state, state.octx, L))\n    paintLayer(state, state.octx, state.pendingStroke)\n  } else if (state.dragMode === 'newshape') {\n    state.pendingShape.w = p.x - state.dragStart.x\n    state.pendingShape.h = p.y - state.dragStart.y\n    renderOverlay(state)\n  } else if (state.dragMode === 'crop') {\n    let w = p.x - state.cropStart.x,\n      h = p.y - state.cropStart.y\n    if (state.cropRatio !== 'free') {\n      const rr = parseFloat(state.cropRatio)\n      h = (Math.sign(h || 1) * Math.abs(w)) / rr\n      const maxH =\n        h >= 0\n          ? state.sourceCanvas.height - state.cropStart.y\n          : state.cropStart.y\n      if (Math.abs(h) > maxH) {\n        h = Math.sign(h) * maxH\n        w = Math.sign(w || 1) * Math.abs(h) * rr\n      }\n    }\n    state.cropRect = { x: state.cropStart.x, y: state.cropStart.y, w, h }\n    renderOverlay(state)\n  }\n}\n\nexport function onUp(state, e) {\n  if (\n    e &&\n    state.dragMode &&\n    state.activePointerId != null &&\n    e.pointerId !== state.activePointerId\n  ) {\n    return\n  }\n  if (state.dragMode === 'draw' && state.pendingStroke) {\n    if (state.pendingStroke.points.length >= 1) {\n      state.layers.push(state.pendingStroke)\n      selectLayer(state, state.pendingStroke.id)\n    }\n    state.pendingStroke = null\n    render(state)\n    state.statusText = 'Stroke added'\n    emitChange(state)\n  } else if (state.dragMode === 'newshape' && state.pendingShape) {\n    const dragged = Math.hypot(\n      state.pendingShape.w || 0,\n      state.pendingShape.h || 0\n    )\n    if (\n      state.multiPointMode &&\n      MULTI_POINT_SHAPES.includes(state.pendingShape.shape)\n    ) {\n      // Multi-point is an explicit mode, so it opens a session either way:\n      // a drag lays down the first segment, a click just the first corner.\n      const L = state.pendingShape\n      const end = { x: L.x + (L.w || 0), y: L.y + (L.h || 0) }\n      state.pendingShape = null\n      startPoly(state, L, { x: L.x, y: L.y })\n      if (dragged > CLICK_SLOP) {\n        L.points.push(end)\n        state.pendingPoly.preview = end\n      }\n    } else if (\n      Math.abs(state.pendingShape.w) > 3 ||\n      Math.abs(state.pendingShape.h) > 3\n    ) {\n      state.layers.push(state.pendingShape)\n      const id = state.pendingShape.id\n      state.pendingShape = null\n      setMode(state, 'select')\n      selectLayer(state, id)\n      state.statusText = 'Shape added'\n      emitChange(state)\n    } else {\n      state.pendingShape = null\n      renderOverlay(state)\n      state.notify()\n    }\n  } else if (state.dragMode === 'crop') {\n    if (state.cropRect) state.cropRect = normRect(state.cropRect)\n    renderOverlay(state)\n    state.notify()\n  } else if (\n    state.dragMode === 'move' ||\n    state.dragMode === 'resize' ||\n    state.dragMode === 'rotate'\n  ) {\n    if (state.dragMode === 'rotate') {\n      const L = state.layers.find((l) => l.id === state.selectedId)\n      if (L) state.statusText = `Rotated to ${Math.round(L.rotation)}°`\n    }\n    render(state)\n    state.notify()\n  }\n  if (state.activePointerId != null) {\n    if (state.overlayEl.hasPointerCapture(state.activePointerId)) {\n      state.overlayEl.releasePointerCapture(state.activePointerId)\n    }\n    state.activePointerId = null\n  }\n  state.dragMode = null\n  state.dragStart = null\n  state.dragOrig = null\n  state.dragRect = null\n  state.resizeAnchor = null\n  state.resizeCenter = null\n  state.resizeAnchorWorld = null\n  state.rotateStart = null\n}\n\nexport function onDbl(state, e) {\n  if (state.pendingPoly) {\n    finishPoly(state, false)\n    return\n  }\n  if (state.mode !== 'select') return\n  const p = toSource(state, e),\n    hit = hitLayer(state, p)\n  if (hit && hit.type === 'text') {\n    selectLayer(state, hit.id)\n    openTextEditor(state, hit, false)\n  }\n}\n"],"names":["toSource","state","e","x","y","rotatedAABB","b","rotationDeg","rad","cos","sin","w","h","cx","cy","strokeMargin","L","DIRECTIONAL_SHAPES","clampLayerToCanvas","rotated","layerBounds","margin","dx","dy","pt","hitLayer","p","layers","i","q","toLayerSpace","closeHitRadius","SNAP_STEP","CLICK_SLOP","polyStatus","poly","n","snapPreview","anchor","shift","len","ang","undoPolyPoint","cancelPoly","drawPolyPreview","startPoly","shapeLayer","c","pts","paintLayer","ghost","k","r","first","near","drawPolyHint","count","pad","size","coarse","verb","msg","bx","by","bw","bh","resumePoly","id","l","MULTI_POINT_SHAPES","pushHistory","finishPoly","close","popHistory","setMode","render","selectLayer","emitChange","onDown","last","sel","onRotateHandle","layerCenter","corner","onResizeHandle","isMultiPoint","isLeft","isTop","rotatePoint","hit","placeholderWidth","clampBoxWidth","clampTextSize","openTextEditor","onMove","renderOverlay","rot","rightEdge","ob","MIN_SIZE","sx","sy","kx","ky","MIN_LEN","moved","center","angle","rotation","swept","deg","rr","maxH","onUp","dragged","end","normRect","onDbl"],"mappings":"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"}

package/dist/index.es156.js

@@ -1,15 +1,19 @@
-import { cva as a } from "class-variance-authority";
-const t = {
-  img: a("", {
+import { cva as r } from "class-variance-authority";
+import { StepItemStatus as e } from "./index.es31.js";
+const o = r(
+  "h-8 w-8 border-2 flex items-center justify-center rounded-full cursor-pointer trasnition-all",
+  {
     variants: {
-      hasIcon: {
-        true: "w-12 h-12",
-        false: "h-5 w-5"
+      variant: {
+        pending: "border-neutral-2 ",
+        current: "bg-primary-1 border-primary-2 hover:bg-hover-t1 active:bg-click-t1",
+        completed: "bg-rest-p1 hover:bg-hover-p1 active:bg-click-p1 border-none"
       }
-    }
-  })
-};
+    },
+    defaultVariants: { variant: e.PENDING }
+  }
+);
 export {
-  t as hoverDetailCardStyles
+  o as StepItemVariants
 };
 //# sourceMappingURL=index.es156.js.map

package/dist/index.es156.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es156.js","sources":["../src/components/ui/map-marker-hover-card/map-marker-hover-card.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const hoverDetailCardStyles = {\n  img: cva('', {\n    variants: {\n      hasIcon: {\n        true: 'w-12 h-12',\n        false: 'h-5 w-5',\n      },\n    },\n  }),\n}\n"],"names":["hoverDetailCardStyles","cva"],"mappings":";AAEO,MAAMA,IAAwB;AAAA,EACnC,KAAKC,EAAI,IAAI;AAAA,IACX,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF,CACD;AACH;"}
+{"version":3,"file":"index.es156.js","sources":["../src/components/molecules/stepper/stepper.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport { StepItemStatus } from './stepper.type'\nexport const StepItemVariants = cva(\n  'h-8 w-8 border-2 flex items-center justify-center rounded-full cursor-pointer trasnition-all',\n  {\n    variants: {\n      variant: {\n        pending: 'border-neutral-2 ',\n        current:\n          'bg-primary-1 border-primary-2 hover:bg-hover-t1 active:bg-click-t1',\n        completed:\n          'bg-rest-p1 hover:bg-hover-p1 active:bg-click-p1 border-none',\n      },\n    },\n    defaultVariants: { variant: StepItemStatus.PENDING },\n  }\n)\n"],"names":["StepItemVariants","cva","StepItemStatus"],"mappings":";;AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,QACF,WACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB,EAAE,SAASC,EAAe,QAAA;AAAA,EAAQ;AAEvD;"}

package/dist/index.es157.js

@@ -1,47 +1,15 @@
-import { cva as r } from "class-variance-authority";
-const s = r(
-  `relative flex h-12 w-11 items-center justify-center border-y border-r border-input text-light-1 transition-all
-   first:rounded-l-md first:border-l last:rounded-r-md`,
-  {
+import { cva as a } from "class-variance-authority";
+const t = {
+  img: a("", {
     variants: {
-      isError: {
-        true: "",
-        false: ""
-      },
-      isFocused: {
-        true: "",
-        false: ""
+      hasIcon: {
+        true: "w-12 h-12",
+        false: "h-5 w-5"
       }
-    },
-    defaultVariants: {
-      isError: !1,
-      isFocused: !1
-    },
-    compoundVariants: [
-      {
-        isError: !0,
-        isFocused: !0,
-        className: "border-danger-2 ring-4 ring-danger-1"
-      },
-      {
-        isError: !1,
-        isFocused: !0,
-        className: "border-primary-2 ring-4 ring-primary-1"
-      },
-      {
-        isError: !0,
-        isFocused: !1,
-        className: "border-danger-2"
-      },
-      {
-        isError: !1,
-        isFocused: !1,
-        className: "border-neutral-2"
-      }
-    ]
-  }
-);
+    }
+  })
+};
 export {
-  s as OTPInputVariants
+  t as hoverDetailCardStyles
 };
 //# sourceMappingURL=index.es157.js.map