geoiq-frontend-ui-kit 2.0.2 → 2.0.4

package/dist/index.es153.js

@@ -1,146 +1,147 @@
-import { pushHistory as l } from "./index.es148.js";
-import { emitChange as r, getSel as c } from "./index.es146.js";
-import { render as o, keepingFixed as u, clampTextSize as d, clampBoxWidth as y } from "./index.es147.js";
-import { SHAPES as p } from "./index.es145.js";
-import { applyModeCursor as h } from "./index.es150.js";
-function t(e, n, i) {
-  u(e, n, { x: n.x, y: n.y }, i);
+import { pushHistory as u } from "./index.es146.js";
+import { emitChange as h } from "./index.es144.js";
+import { render as p, layerBounds as m } from "./index.es145.js";
+const l = "geoiq-image-editor:saved-layers:v1", b = 200;
+function v(e) {
+  const r = e.config?.savedLayersScope;
+  return r ? `${l}:${String(r)}` : l;
+}
+const d = ["id", "_editing", "_bounds", "_anchorPt"];
+function S() {
+  try {
+    return typeof window < "u" && !!window.localStorage;
+  } catch {
+    return !1;
+  }
+}
+function A(e) {
+  if (!S()) return [];
+  try {
+    const r = window.localStorage.getItem(v(e)), i = r ? JSON.parse(r) : [];
+    return Array.isArray(i) ? i : [];
+  } catch {
+    return [];
+  }
+}
+function C(e, r) {
+  if (S())
+    try {
+      window.localStorage.setItem(v(e), JSON.stringify(r));
+    } catch {
+    }
+}
+function $(e) {
+  const r = e.config?.savedLayers;
+  return e.savedLayers = Array.isArray(r) ? r.slice() : A(e), e.savedLayers;
+}
+function D(e, r) {
+  e.savedLayers = Array.isArray(r) ? r.slice() : [], y(e) || g(e), e.notify();
+}
+function y(e) {
+  return Array.isArray(e.config?.savedLayers) || typeof e.config?.onSavedLayersChange == "function";
+}
+function f(e) {
+  y(e) || g(e), e.config?.onSavedLayersChange?.(e.savedLayers.slice()), e.notify();
 }
 function g(e) {
-  if (e.type === "text")
-    return "“" + (e.text.length > 16 ? e.text.slice(0, 16) + "…" : e.text) + "”";
-  if (e.type === "stroke")
-    return e.style === "highlight" ? "Highlighter" : "Brush stroke";
-  if (e.type === "sticker") return "Sticker";
-  const n = p.find((i) => i.id === e.shape);
-  return n ? n.name : e.shape;
-}
-function x(e, n) {
-  l(e), e.layers = e.layers.filter((i) => i.id !== n), e.selectedId === n && (e.selectedId = null), o(e), e.statusText = "Layer deleted", r(e);
-}
-function C(e) {
-  e.selectedId != null && x(e, e.selectedId);
-}
-function F(e) {
-  const n = c(e);
-  if (!n) return;
-  l(e);
-  const i = JSON.parse(JSON.stringify(n));
-  i.id = e.nextId++, i.type === "text" || i.type === "shape" || i.type === "sticker" ? (i.x += 20, i.y += 20) : i.type === "stroke" && (i.points = i.points.map((f) => ({ x: f.x + 20, y: f.y + 20 }))), e.layers.push(i), e.selectedId = i.id, o(e), e.statusText = "Layer duplicated", r(e);
-}
-function k(e) {
-  const n = e.layers.findIndex((f) => f.id === e.selectedId);
-  if (n < 0) return;
-  l(e);
-  const [i] = e.layers.splice(n, 1);
-  e.layers.push(i), o(e), r(e);
-}
-function z(e) {
-  const n = e.layers.findIndex((f) => f.id === e.selectedId);
-  if (n < 0) return;
-  l(e);
-  const [i] = e.layers.splice(n, 1);
-  e.layers.unshift(i), o(e), r(e);
-}
-function B(e, n, i) {
-  e.adj[n] = i, o(e), e.notify();
-}
-function W(e, n) {
-  e.adj.filter = n, o(e), r(e);
-}
-function b(e, n) {
-  e.selectedShapeType = n, e.notify();
-}
-function j(e, n) {
-  e.shapeFill = n, e.notify();
-}
-function w(e, n) {
-  e.shapeWidth = n, e.notify();
-}
-function H(e, n) {
-  e.brushSize = n, e.notify();
-}
-function L(e, n) {
-  e.brushStyle = n, e.notify();
-}
-function N(e, n) {
-  e.textFont = n, e.notify();
-}
-function A(e, n) {
-  e.textSize = n, e.notify();
-}
-function J(e, n) {
-  e.textColor = n, e.notify();
-}
-function O(e, n) {
-  e.shapeColor = n, e.notify();
-}
-function P(e, n) {
-  e.drawColor = n, h(e), e.notify();
-}
-function D(e, n) {
-  const i = c(e);
-  i && (l(e), i.color = n, o(e), r(e));
-}
-function E(e, n) {
-  const i = c(e);
-  !i || i.type !== "text" || (t(e, i, () => {
-    i.text = n;
-  }), o(e), e.notify());
-}
-function M(e, n) {
-  const i = c(e);
-  i && (l(e), t(e, i, () => {
-    i.font = n;
-  }), o(e), r(e));
-}
-function q(e, n) {
-  const i = c(e);
-  i && (t(e, i, () => {
-    i.size = n, d(e, i);
-  }), o(e), e.notify());
-}
-function v(e, n) {
-  const i = c(e);
-  !i || i.type !== "text" || (t(e, i, () => {
-    i.boxWidth = n, y(e, i), d(e, i);
-  }), o(e), e.notify());
-}
-function G(e, n) {
-  const i = c(e);
-  i && (l(e), i.fill = n, o(e), r(e));
-}
-function K(e, n) {
-  const i = c(e);
-  i && (t(e, i, () => {
-    i.width = n;
-  }), o(e), e.notify());
+  C(e, e.savedLayers);
+}
+function I(e) {
+  if (e.type === "text") {
+    const r = (e.text || "").trim().replace(/\s+/g, " ");
+    return r ? r.slice(0, 40) : "Text";
+  }
+  return e.type === "shape" ? e.label ? String(e.label).trim().slice(0, 40) : e.points && e.points.length > 2 ? "Multi-point line" : e.shape : e.type === "stroke" ? "Drawing" : e.type === "sticker" ? "Sticker" : "Layer";
+}
+function E(e, r) {
+  const i = e.selectedId != null ? e.layers.find((c) => c.id === e.selectedId) : null;
+  if (!i) return null;
+  const a = JSON.parse(JSON.stringify(i));
+  d.forEach((c) => delete a[c]);
+  const o = {
+    id: `sl_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 7)}`,
+    name: (r || "").trim() || I(i),
+    createdAt: Date.now(),
+    layer: a
+  }, n = [o, ...e.savedLayers || []], s = y(e) ? n : n.slice(0, b), t = n.length - s.length;
+  return e.savedLayers = s, f(e), e.statusText = t ? `Saved "${o.name}" — library full, oldest ${t === 1 ? "layer was" : "layers were"} removed` : `Saved "${o.name}"`, o;
+}
+function J(e, r) {
+  e.savedLayers = (e.savedLayers || []).filter((i) => i.id !== r), f(e), e.statusText = "Saved layer removed";
+}
+function M(e, r, i) {
+  const a = (e.savedLayers || []).find((o) => o.id === r);
+  a && (a.name = (i || "").trim() || a.name, f(e));
+}
+function x(e, r) {
+  const i = e.sourceCanvas.width, a = e.sourceCanvas.height, o = m(e, r);
+  if (!o.w || !o.h) return;
+  const n = Math.min(i * 0.9 / o.w, a * 0.9 / o.h, 1);
+  if (n >= 1) return;
+  const s = (t) => ({
+    x: (t.x - o.x) * n + o.x,
+    y: (t.y - o.y) * n + o.y
+  });
+  if (r.points)
+    r.points = r.points.map(s);
+  else {
+    const t = s({ x: r.x || 0, y: r.y || 0 });
+    r.x = t.x, r.y = t.y, typeof r.w == "number" && (r.w *= n), typeof r.h == "number" && (r.h *= n);
+  }
+  typeof r.size == "number" && (r.size *= n), typeof r.boxWidth == "number" && (r.boxWidth *= n), typeof r.width == "number" && (r.width = Math.max(1, r.width * n)), typeof r.labelSize == "number" && (r.labelSize *= n), typeof r.labelOffset == "number" && (r.labelOffset *= n), typeof r.labelDx == "number" && (r.labelDx *= n), typeof r.labelDy == "number" && (r.labelDy *= n);
+}
+function w(e, r) {
+  const i = m(e, r), a = (e.sourceCanvas.width - i.w) / 2 - i.x, o = (e.sourceCanvas.height - i.h) / 2 - i.y;
+  r.points ? r.points = r.points.map((n) => ({ x: n.x + a, y: n.y + o })) : (r.x = (r.x || 0) + a, r.y = (r.y || 0) + o);
+}
+function P(e, r) {
+  const i = (e.savedLayers || []).find((n) => n.id === r);
+  if (!i || !e.sourceCanvas.width) return;
+  u(e);
+  const a = JSON.parse(JSON.stringify(i.layer));
+  d.forEach((n) => delete a[n]);
+  const o = e.layers.reduce(
+    (n, s) => typeof s.id == "number" && s.id > n ? s.id : n,
+    0
+  );
+  e.nextId = Math.max(e.nextId, o + 1), a.id = e.nextId++, x(e, a), w(e, a), e.layers.push(a), e.mode = "select", e.selectedId = a.id, p(e), e.statusText = `Added "${i.name}"`, h(e);
+}
+function k(e, r) {
+  if (!r || !r.layer || !e.sourceCanvas.width) return;
+  u(e);
+  const i = JSON.parse(JSON.stringify(r.layer));
+  d.forEach((o) => delete i[o]);
+  const a = e.layers.reduce(
+    (o, n) => typeof n.id == "number" && n.id > o ? n.id : o,
+    0
+  );
+  e.nextId = Math.max(e.nextId, a + 1), i.id = e.nextId++, x(e, i), w(e, i), e.layers.push(i), e.mode = "select", e.selectedId = i.id, p(e), e.statusText = `Added "${r.name || "layer"}"`, h(e);
+}
+function O(e) {
+  return typeof e.config?.onSearchSavedLayers == "function";
+}
+function z(e, r) {
+  const i = (r || "").trim();
+  if (O(e))
+    return Promise.resolve(e.config.onSearchSavedLayers(i)).then(
+      (n) => Array.isArray(n) ? n : []
+    );
+  const a = i.toLowerCase(), o = e.savedLayers || [];
+  return Promise.resolve(
+    a ? o.filter((n) => (n.name || "").toLowerCase().includes(a)) : o.slice()
+  );
 }
 export {
-  k as bringSelectedToFront,
-  x as deleteLayer,
-  C as deleteSelected,
-  F as duplicateSelected,
-  g as layerName,
-  b as selectShapeType,
-  z as sendSelectedToBack,
-  B as setAdjustment,
-  H as setBrushSize,
-  L as setBrushStyle,
-  P as setDrawColor,
-  W as setFilter,
-  v as setSelectedBoxWidth,
-  D as setSelectedColor,
-  M as setSelectedFont,
-  G as setSelectedShapeFill,
-  E as setSelectedText,
-  q as setSelectedTextSize,
-  K as setSelectedWidth,
-  O as setShapeColor,
-  j as setShapeFill,
-  w as setShapeWidth,
-  J as setTextColor,
-  N as setTextFont,
-  A as setTextSize
+  b as MAX_LOCAL_SAVED,
+  O as canSearch,
+  J as deleteSavedLayer,
+  P as insertSavedLayer,
+  k as insertSavedLayerEntry,
+  $ as loadSavedLayers,
+  M as renameSavedLayer,
+  E as saveSelectedLayer,
+  z as searchSavedLayers,
+  D as setSavedLayers,
+  v as storageKey
 };
 //# sourceMappingURL=index.es153.js.map

package/dist/index.es153.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es153.js","sources":["../src/components/organisms/image-editor/engine/layer-actions.js"],"sourcesContent":["import { pushHistory } from './history.js'\nimport { emitChange, getSel } from './state.js'\nimport {\n  render,\n  clampTextSize,\n  clampBoxWidth,\n  keepingFixed,\n} from './rendering.js'\n\n// These all resize the bounds, which would swing a rotated layer's centre.\nfunction resizeInPlace(state, L, mutate) {\n  keepingFixed(state, L, { x: L.x, y: L.y }, mutate)\n}\nimport { SHAPES } from './constants.js'\nimport { applyModeCursor } from './mode.js'\n\nexport function layerName(L) {\n  if (L.type === 'text')\n    return '“' + (L.text.length > 16 ? L.text.slice(0, 16) + '…' : L.text) + '”'\n  if (L.type === 'stroke')\n    return L.style === 'highlight' ? 'Highlighter' : 'Brush stroke'\n  if (L.type === 'sticker') return 'Sticker'\n  const s = SHAPES.find((s) => s.id === L.shape)\n  return s ? s.name : L.shape\n}\n\nexport function deleteLayer(state, id) {\n  pushHistory(state)\n  state.layers = state.layers.filter((l) => l.id !== id)\n  if (state.selectedId === id) state.selectedId = null\n  render(state)\n  state.statusText = 'Layer deleted'\n  emitChange(state)\n}\n\nexport function deleteSelected(state) {\n  if (state.selectedId != null) deleteLayer(state, state.selectedId)\n}\n\nexport function duplicateSelected(state) {\n  const L = getSel(state)\n  if (!L) return\n  pushHistory(state)\n  const copy = JSON.parse(JSON.stringify(L))\n  copy.id = state.nextId++\n  if (\n    copy.type === 'text' ||\n    copy.type === 'shape' ||\n    copy.type === 'sticker'\n  ) {\n    copy.x += 20\n    copy.y += 20\n  } else if (copy.type === 'stroke') {\n    copy.points = copy.points.map((p) => ({ x: p.x + 20, y: p.y + 20 }))\n  }\n  state.layers.push(copy)\n  state.selectedId = copy.id\n  render(state)\n  state.statusText = 'Layer duplicated'\n  emitChange(state)\n}\n\nexport function bringSelectedToFront(state) {\n  const i = state.layers.findIndex((l) => l.id === state.selectedId)\n  if (i < 0) return\n  pushHistory(state)\n  const [L] = state.layers.splice(i, 1)\n  state.layers.push(L)\n  render(state)\n  emitChange(state)\n}\n\nexport function sendSelectedToBack(state) {\n  const i = state.layers.findIndex((l) => l.id === state.selectedId)\n  if (i < 0) return\n  pushHistory(state)\n  const [L] = state.layers.splice(i, 1)\n  state.layers.unshift(L)\n  render(state)\n  emitChange(state)\n}\n\nexport function setAdjustment(state, key, value) {\n  state.adj[key] = value\n  render(state)\n  state.notify()\n}\nexport function setFilter(state, id) {\n  state.adj.filter = id\n  render(state)\n  emitChange(state)\n}\nexport function selectShapeType(state, id) {\n  state.selectedShapeType = id\n  state.notify()\n}\nexport function setShapeFill(state, v) {\n  state.shapeFill = v\n  state.notify()\n}\nexport function setShapeWidth(state, v) {\n  state.shapeWidth = v\n  state.notify()\n}\nexport function setBrushSize(state, v) {\n  state.brushSize = v\n  state.notify()\n}\nexport function setBrushStyle(state, v) {\n  state.brushStyle = v\n  state.notify()\n}\nexport function setTextFont(state, v) {\n  state.textFont = v\n  state.notify()\n}\nexport function setTextSize(state, v) {\n  state.textSize = v\n  state.notify()\n}\nexport function setTextColor(state, v) {\n  state.textColor = v\n  state.notify()\n}\nexport function setShapeColor(state, v) {\n  state.shapeColor = v\n  state.notify()\n}\nexport function setDrawColor(state, v) {\n  state.drawColor = v\n  applyModeCursor(state)\n  state.notify()\n}\n\nexport function setSelectedColor(state, v) {\n  const L = getSel(state)\n  if (!L) return\n  pushHistory(state)\n  L.color = v\n  render(state)\n  emitChange(state)\n}\nexport function setSelectedText(state, v) {\n  const L = getSel(state)\n  if (!L || L.type !== 'text') return\n  resizeInPlace(state, L, () => {\n    L.text = v\n  })\n  render(state)\n  state.notify()\n}\nexport function setSelectedFont(state, v) {\n  const L = getSel(state)\n  if (!L) return\n  pushHistory(state)\n  resizeInPlace(state, L, () => {\n    L.font = v\n  })\n  render(state)\n  emitChange(state)\n}\nexport function setSelectedTextSize(state, v) {\n  const L = getSel(state)\n  if (!L) return\n  resizeInPlace(state, L, () => {\n    L.size = v\n    clampTextSize(state, L)\n  })\n  render(state)\n  state.notify()\n}\nexport function setSelectedBoxWidth(state, v) {\n  const L = getSel(state)\n  if (!L || L.type !== 'text') return\n  resizeInPlace(state, L, () => {\n    L.boxWidth = v\n    clampBoxWidth(state, L)\n    clampTextSize(state, L)\n  })\n  render(state)\n  state.notify()\n}\nexport function setSelectedShapeFill(state, v) {\n  const L = getSel(state)\n  if (!L) return\n  pushHistory(state)\n  L.fill = v\n  render(state)\n  emitChange(state)\n}\nexport function setSelectedWidth(state, v) {\n  const L = getSel(state)\n  if (!L) return\n  resizeInPlace(state, L, () => {\n    L.width = v\n  })\n  render(state)\n  state.notify()\n}\n"],"names":["resizeInPlace","state","L","mutate","keepingFixed","layerName","s","SHAPES","deleteLayer","id","pushHistory","l","render","emitChange","deleteSelected","duplicateSelected","getSel","copy","p","bringSelectedToFront","i","sendSelectedToBack","setAdjustment","key","value","setFilter","selectShapeType","setShapeFill","v","setShapeWidth","setBrushSize","setBrushStyle","setTextFont","setTextSize","setTextColor","setShapeColor","setDrawColor","applyModeCursor","setSelectedColor","setSelectedText","setSelectedFont","setSelectedTextSize","clampTextSize","setSelectedBoxWidth","clampBoxWidth","setSelectedShapeFill","setSelectedWidth"],"mappings":"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"}
+{"version":3,"file":"index.es153.js","sources":["../src/components/organisms/image-editor/engine/saved-layers.js"],"sourcesContent":["import { pushHistory } from './history.js'\nimport { emitChange } from './state.js'\nimport { render, layerBounds } from './rendering.js'\n\nconst STORAGE_PREFIX = 'geoiq-image-editor:saved-layers:v1'\nexport const MAX_LOCAL_SAVED = 200\n\nexport function storageKey(state) {\n  const scope = state.config?.savedLayersScope\n  return scope ? `${STORAGE_PREFIX}:${String(scope)}` : STORAGE_PREFIX\n}\n\nconst TRANSIENT = ['id', '_editing', '_bounds', '_anchorPt']\n\nfunction canUseStorage() {\n  try {\n    return typeof window !== 'undefined' && !!window.localStorage\n  } catch {\n    // Safari in private mode throws on access rather than returning null.\n    return false\n  }\n}\n\nfunction readStorage(state) {\n  if (!canUseStorage()) return []\n  try {\n    const raw = window.localStorage.getItem(storageKey(state))\n    const parsed = raw ? JSON.parse(raw) : []\n    return Array.isArray(parsed) ? parsed : []\n  } catch {\n    return []\n  }\n}\n\nfunction writeStorage(state, items) {\n  if (!canUseStorage()) return\n  try {\n    window.localStorage.setItem(storageKey(state), JSON.stringify(items))\n  } catch {\n    // Quota exceeded, or storage disabled — the in-memory list still works\n    // for this session, so failing silently is better than breaking the editor.\n  }\n}\n\n// Host-supplied when the app persists them itself, otherwise localStorage.\nexport function loadSavedLayers(state) {\n  const fromConfig = state.config?.savedLayers\n  state.savedLayers = Array.isArray(fromConfig)\n    ? fromConfig.slice()\n    : readStorage(state)\n  return state.savedLayers\n}\n\n// The engine is created before the host's fetch resolves, so the library has to\n// be pushed in rather than read from the captured config.\nexport function setSavedLayers(state, list) {\n  state.savedLayers = Array.isArray(list) ? list.slice() : []\n  // Host-owned lists are not mirrored into localStorage: the app is the source\n  // of truth, and a stale local copy would resurface deleted layers.\n  if (!isHostManaged(state)) persist_(state)\n  state.notify()\n}\n\nfunction isHostManaged(state) {\n  return (\n    Array.isArray(state.config?.savedLayers) ||\n    typeof state.config?.onSavedLayersChange === 'function'\n  )\n}\n\nfunction persist(state) {\n  if (!isHostManaged(state)) persist_(state)\n  state.config?.onSavedLayersChange?.(state.savedLayers.slice())\n  state.notify()\n}\n\nfunction persist_(state) {\n  writeStorage(state, state.savedLayers)\n}\n\nfunction autoName(L) {\n  if (L.type === 'text') {\n    const t = (L.text || '').trim().replace(/\\s+/g, ' ')\n    return t ? t.slice(0, 40) : 'Text'\n  }\n  if (L.type === 'shape') {\n    if (L.label) return String(L.label).trim().slice(0, 40)\n    return L.points && L.points.length > 2 ? 'Multi-point line' : L.shape\n  }\n  if (L.type === 'stroke') return 'Drawing'\n  if (L.type === 'sticker') return 'Sticker'\n  return 'Layer'\n}\n\nexport function saveSelectedLayer(state, name) {\n  const L =\n    state.selectedId != null\n      ? state.layers.find((l) => l.id === state.selectedId)\n      : null\n  if (!L) return null\n  const copy = JSON.parse(JSON.stringify(L))\n  TRANSIENT.forEach((k) => delete copy[k])\n  const entry = {\n    id: `sl_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 7)}`,\n    name: (name || '').trim() || autoName(L),\n    createdAt: Date.now(),\n    layer: copy,\n  }\n  const next = [entry, ...(state.savedLayers || [])]\n  const capped = isHostManaged(state) ? next : next.slice(0, MAX_LOCAL_SAVED)\n  const dropped = next.length - capped.length\n  state.savedLayers = capped\n  persist(state)\n  // Evicting someone's oldest layer without saying so reads as data loss.\n  state.statusText = dropped\n    ? `Saved \"${entry.name}\" — library full, oldest ${\n        dropped === 1 ? 'layer was' : 'layers were'\n      } removed`\n    : `Saved \"${entry.name}\"`\n  return entry\n}\n\nexport function deleteSavedLayer(state, id) {\n  state.savedLayers = (state.savedLayers || []).filter((s) => s.id !== id)\n  persist(state)\n  state.statusText = 'Saved layer removed'\n}\n\nexport function renameSavedLayer(state, id, name) {\n  const entry = (state.savedLayers || []).find((s) => s.id === id)\n  if (!entry) return\n  entry.name = (name || '').trim() || entry.name\n  persist(state)\n}\n\n// A layer saved over a large photo would spill off a small one. Shrinks only:\n// blowing a small layer up to fill a big image is rarely wanted.\nfunction fitToCanvas(state, L) {\n  const cw = state.sourceCanvas.width\n  const ch = state.sourceCanvas.height\n  const b = layerBounds(state, L)\n  if (!b.w || !b.h) return\n  const k = Math.min((cw * 0.9) / b.w, (ch * 0.9) / b.h, 1)\n  if (k >= 1) return\n\n  const scalePt = (p) => ({\n    x: (p.x - b.x) * k + b.x,\n    y: (p.y - b.y) * k + b.y,\n  })\n  if (L.points) {\n    L.points = L.points.map(scalePt)\n  } else {\n    const o = scalePt({ x: L.x || 0, y: L.y || 0 })\n    L.x = o.x\n    L.y = o.y\n    if (typeof L.w === 'number') L.w *= k\n    if (typeof L.h === 'number') L.h *= k\n  }\n  if (typeof L.size === 'number') L.size *= k\n  if (typeof L.boxWidth === 'number') L.boxWidth *= k\n  if (typeof L.width === 'number') L.width = Math.max(1, L.width * k)\n  if (typeof L.labelSize === 'number') L.labelSize *= k\n  if (typeof L.labelOffset === 'number') L.labelOffset *= k\n  if (typeof L.labelDx === 'number') L.labelDx *= k\n  if (typeof L.labelDy === 'number') L.labelDy *= k\n}\n\nfunction centreOnCanvas(state, L) {\n  const b = layerBounds(state, L)\n  const dx = (state.sourceCanvas.width - b.w) / 2 - b.x\n  const dy = (state.sourceCanvas.height - b.h) / 2 - b.y\n  if (L.points) {\n    L.points = L.points.map((p) => ({ x: p.x + dx, y: p.y + dy }))\n  } else {\n    L.x = (L.x || 0) + dx\n    L.y = (L.y || 0) + dy\n  }\n}\n\nexport function insertSavedLayer(state, id) {\n  const entry = (state.savedLayers || []).find((s) => s.id === id)\n  if (!entry || !state.sourceCanvas.width) return\n  pushHistory(state)\n  const L = JSON.parse(JSON.stringify(entry.layer))\n  TRANSIENT.forEach((k) => delete L[k])\n  const highest = state.layers.reduce(\n    (m, l) => (typeof l.id === 'number' && l.id > m ? l.id : m),\n    0\n  )\n  state.nextId = Math.max(state.nextId, highest + 1)\n  L.id = state.nextId++\n  fitToCanvas(state, L)\n  centreOnCanvas(state, L)\n  state.layers.push(L)\n  state.mode = 'select'\n  state.selectedId = L.id\n  render(state)\n  state.statusText = `Added \"${entry.name}\"`\n  emitChange(state)\n}\n\n// Search results come from the host's API and may not be in the local list, so\n// an id lookup would miss them.\nexport function insertSavedLayerEntry(state, entry) {\n  if (!entry || !entry.layer || !state.sourceCanvas.width) return\n  pushHistory(state)\n  const L = JSON.parse(JSON.stringify(entry.layer))\n  TRANSIENT.forEach((k) => delete L[k])\n  const highest = state.layers.reduce(\n    (m, l) => (typeof l.id === 'number' && l.id > m ? l.id : m),\n    0\n  )\n  state.nextId = Math.max(state.nextId, highest + 1)\n  L.id = state.nextId++\n  fitToCanvas(state, L)\n  centreOnCanvas(state, L)\n  state.layers.push(L)\n  state.mode = 'select'\n  state.selectedId = L.id\n  render(state)\n  state.statusText = `Added \"${entry.name || 'layer'}\"`\n  emitChange(state)\n}\n\nexport function canSearch(state) {\n  return typeof state.config?.onSearchSavedLayers === 'function'\n}\n\n// Uses the host's API when wired up, otherwise filters locally so search still\n// works on the localStorage fallback.\nexport function searchSavedLayers(state, query) {\n  const q = (query || '').trim()\n  if (canSearch(state)) {\n    return Promise.resolve(state.config.onSearchSavedLayers(q)).then((r) =>\n      Array.isArray(r) ? r : []\n    )\n  }\n  const needle = q.toLowerCase()\n  const list = state.savedLayers || []\n  return Promise.resolve(\n    needle\n      ? list.filter((e) => (e.name || '').toLowerCase().includes(needle))\n      : list.slice()\n  )\n}\n"],"names":["STORAGE_PREFIX","MAX_LOCAL_SAVED","storageKey","state","scope","TRANSIENT","canUseStorage","readStorage","raw","parsed","writeStorage","items","loadSavedLayers","fromConfig","setSavedLayers","list","isHostManaged","persist_","persist","autoName","L","t","saveSelectedLayer","name","l","copy","k","entry","next","capped","dropped","deleteSavedLayer","id","s","renameSavedLayer","fitToCanvas","cw","ch","b","layerBounds","scalePt","p","o","centreOnCanvas","dx","dy","insertSavedLayer","pushHistory","highest","m","render","emitChange","insertSavedLayerEntry","canSearch","searchSavedLayers","query","q","r","needle","e"],"mappings":"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"}

package/dist/index.es154.js

@@ -1,147 +1,50 @@
-import { supportsContextFilter as v, rasterizeWithFilter as C } from "./index.es162.js";
-import { syncCanvasSize as m, render as g, baseFilter as p, paintLayer as w } from "./index.es147.js";
-import { emit as l, emitChange as f, getState as y, resetAdjValues as S } from "./index.es146.js";
-import { loadStickerImage as I } from "./index.es152.js";
-function L(e) {
-  const n = (e.type || "").toLowerCase();
-  if (n === "image/heic" || n === "image/heif") return !0;
-  const i = e instanceof File ? e.name.toLowerCase() : "";
-  return i.endsWith(".heic") || i.endsWith(".heif");
-}
-function d(e, n) {
-  n(URL.createObjectURL(e));
-}
-function h(e, n) {
-  import("heic2any").then(
-    ({ default: i }) => i({ blob: e, toType: "image/jpeg", quality: 0.8 })
-  ).then(
-    (i) => d(Array.isArray(i) ? i[0] : i, n)
-  ).catch(() => d(e, n));
-}
-function B(e, n, i) {
-  if (e.isLoadingImage = !0, e.notify(), !n) {
-    i(null);
-    return;
-  }
-  if (n instanceof HTMLCanvasElement) {
-    i(n.toDataURL());
-    return;
-  }
-  if (typeof Blob < "u" && (n instanceof Blob || n instanceof File)) {
-    if (L(n)) {
-      if (typeof createImageBitmap == "function") {
-        createImageBitmap(n).then((r) => {
-          r.close(), d(n, i);
-        }).catch(() => h(n, i));
-        return;
-      }
-      h(n, i);
-      return;
-    }
-    d(n, i);
-    return;
-  }
-  i(n);
-}
-function T(e, n) {
-  const i = () => {
-    typeof n == "string" && n.startsWith("blob:") && URL.revokeObjectURL(n);
-  }, r = new Image();
-  r.crossOrigin = "anonymous", r.onload = () => {
-    let o = r.naturalWidth, a = r.naturalHeight;
-    const c = 2e3;
-    if (Math.max(o, a) > c) {
-      const t = c / Math.max(o, a);
-      o = Math.round(o * t), a = Math.round(a * t);
-    }
-    e.sourceCanvas.width = o, e.sourceCanvas.height = a, e.sourceCanvas.getContext("2d").drawImage(r, 0, 0, o, a), e.originalCanvas = document.createElement("canvas"), e.originalCanvas.width = o, e.originalCanvas.height = a, e.originalCanvas.getContext("2d").drawImage(e.sourceCanvas, 0, 0), i(), e.layers = [], e.selectedId = null, e.undoStack = [], e.redoStack = [], e.zoom = 1, S(e), e.mounted && m(e), g(e), e.mode = "select", e.isLoadingImage = !1, e.statusText = "Image loaded", l(e, "load", { width: o, height: a }), f(e);
-  }, r.onerror = () => {
-    i(), e.isLoadingImage = !1, e.statusText = "Could not load that image (CORS?)", console.warn(
-      "[ImageEditor] Failed to load image (likely a CORS issue on the source URL). Reset stays disabled since there is nothing to revert to.",
-      typeof n == "string" ? n.slice(0, 80) : n
-    ), e.notify();
-  }, r.src = n;
-}
-function F(e, n) {
-  if (!n || !n.image) return;
-  const i = new Image();
-  i.onload = () => {
-    e.sourceCanvas.width = n.width || i.naturalWidth, e.sourceCanvas.height = n.height || i.naturalHeight, e.sourceCanvas.getContext("2d").drawImage(i, 0, 0, e.sourceCanvas.width, e.sourceCanvas.height), e.originalCanvas = document.createElement("canvas"), e.originalCanvas.width = e.sourceCanvas.width, e.originalCanvas.height = e.sourceCanvas.height, e.originalCanvas.getContext("2d").drawImage(i, 0, 0, e.sourceCanvas.width, e.sourceCanvas.height), e.layers = JSON.parse(JSON.stringify(n.layers || [])), e.layers.forEach((o) => {
-      o.id >= e.nextId && (e.nextId = o.id + 1);
-    }), Object.assign(e.adj, n.adjustments || {}), e.selectedId = null, e.undoStack = [], e.redoStack = [], e.zoom = 1, e.mounted && m(e), g(e), e.mode = "select", e.statusText = "State restored", l(e, "load", { restored: !0 }), f(e);
-    const r = [
-      ...new Set(
-        e.layers.filter((o) => o.type === "sticker").map((o) => o.src)
-      )
-    ];
-    r.length && Promise.all(
-      r.map((o) => I(e, o).catch(() => {
-      }))
-    ).then(() => g(e));
-  }, i.src = n.image;
-}
-async function x(e) {
-  const n = document.createElement("canvas");
-  n.width = e.sourceCanvas.width, n.height = e.sourceCanvas.height;
-  const i = n.getContext("2d"), r = p(e);
-  if (v())
-    i.filter = r, i.drawImage(e.sourceCanvas, 0, 0), i.filter = "none";
-  else
-    try {
-      const o = await C(e.sourceCanvas, r);
-      i.drawImage(o, 0, 0);
-    } catch {
-      i.drawImage(e.sourceCanvas, 0, 0);
-    }
-  return e.layers.forEach((o) => {
-    o._editing || w(e, i, o);
-  }), n;
-}
-function k(e, n, i, r) {
-  const o = n.toDataURL(r), a = {
-    blob: i,
-    dataURL: o,
-    canvas: n,
-    width: n.width,
-    height: n.height,
-    type: i && i.type || r || "image/png",
-    state: y(e),
-    getBlob: (c, t) => new Promise((u) => n.toBlob((s) => u(s), c || "image/png", t)),
-    download: (c) => {
-      const t = URL.createObjectURL(i), u = document.createElement("a");
-      return u.href = t, u.download = c || "picture-studio.png", u.click(), setTimeout(() => URL.revokeObjectURL(t), 1e3), a;
-    }
+import { onDown as v, onMove as u, onUp as E, onDbl as t, finishPoly as a, undoPolyPoint as m, cancelPoly as g } from "./index.es155.js";
+import { autoGrowTextEditor as L, commitTextEdit as k, blurTextEditor as x } from "./index.es149.js";
+import { undo as P, redo as D } from "./index.es146.js";
+import { applyModeCursor as w, selectLayer as l, setMode as T } from "./index.es148.js";
+import { fitStage as z, render as p, syncCanvasSize as K } from "./index.es145.js";
+import { normalizeSource as h, doLoadImage as C } from "./index.es152.js";
+import { deleteLayer as I } from "./index.es151.js";
+import { panPointerUp as y, resetPan as c, panPointerDown as b, panPointerMove as _ } from "./index.es166.js";
+function G(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, w(e), e.overlayEl.addEventListener(
+    "lostpointercapture",
+    (n) => y(e, n)
+  ), e.overlayEl.addEventListener("pointerdown", (n) => {
+    n.preventDefault(), n.isPrimary && e.panPointers?.size && c(e), !b(e, n) && v(e, n);
+  }), e.overlayEl.addEventListener("pointermove", (n) => {
+    n.preventDefault(), !_(e, n) && u(e, n);
+  }), e.overlayEl.addEventListener("pointerup", (n) => {
+    y(e, n), E(e, n);
+  }), e.overlayEl.addEventListener("pointercancel", (n) => {
+    c(e), E(e, n);
+  }), e.overlayEl.addEventListener("dblclick", (n) => t(e, n));
+  const d = () => {
+    e.editingLayer && (x(e), l(e, null));
   };
-  return a;
-}
-function O(e, n, i) {
-  return x(e).then(
-    (r) => new Promise((o) => {
-      r.toBlob(
-        (a) => o(k(e, r, a, n || "image/png")),
-        n || "image/png",
-        i
-      );
-    })
-  );
-}
-function M(e, n) {
-  if (!e.isSaving)
-    return e.isSaving = !0, e.notify(), O(e, "image/jpeg", 0.92).then((i) => {
-      l(e, "save", i);
-      const r = typeof e.config.onSave == "function" ? e.config.onSave(i, n) : void 0;
-      return Promise.resolve(r).finally(() => {
-        e.isSaving = !1, e.notify(), e.config.keepOpenOnSave || n.close();
-      });
-    }).catch(() => {
-      e.isSaving = !1, e.notify();
-    });
+  e.textEditorEl.addEventListener("keydown", (n) => {
+    n.key === "Enter" ? (n.stopPropagation(), (n.metaKey || n.ctrlKey) && (n.preventDefault(), d())) : n.key === "Escape" && (n.stopPropagation(), e.editingLayer && (e.editingLayer._editing = !1), e.editingLayer = null, e.textEditorEl.blur(), l(e, null));
+  }), e.textEditorEl.addEventListener("input", () => L(e)), e.textEditorEl.addEventListener("blur", () => k(e)), e.stageEl.addEventListener(
+    "pointerdown",
+    (n) => {
+      n.target !== e.textEditorEl && (d(), n.target !== e.overlayEl && e.selectedId != null && l(e, null));
+    },
+    !0
+  ), ["dragover", "dragenter"].forEach(
+    (n) => e.stageEl.addEventListener(n, (r) => r.preventDefault())
+  ), e.stageEl.addEventListener("drop", (n) => {
+    n.preventDefault();
+    const r = n.dataTransfer.files[0];
+    r && r.type.startsWith("image/") && h(e, r, (f) => C(e, f));
+  }), i._keyHandler = (n) => {
+    if (!i.isOpen()) return;
+    const r = document.activeElement && document.activeElement.tagName;
+    r === "INPUT" || r === "TEXTAREA" || r === "SELECT" || (e.pendingPoly && n.key === "Enter" ? (n.preventDefault(), a(e, !1)) : e.pendingPoly && (n.key === "Backspace" || n.key === "Delete") ? (n.preventDefault(), m(e)) : (n.metaKey || n.ctrlKey) && n.key === "z" && !n.shiftKey ? (n.preventDefault(), P(e)) : (n.metaKey || n.ctrlKey) && (n.key === "y" || n.shiftKey && n.key === "z") ? (n.preventDefault(), D(e)) : n.key === "Escape" ? e.pendingPoly ? g(e) : e.mode !== "select" || e.selectedId != null ? (T(e, "select"), l(e, null)) : e.config.closeOnEscape !== !1 && i.close() : (n.key === "Delete" || n.key === "Backspace") && e.selectedId != null && e.mode === "select" && (n.preventDefault(), I(e, e.selectedId)));
+  }, document.addEventListener("keydown", i._keyHandler), i._resizeHandler = () => {
+    e.sourceCanvas.width && i.isOpen() && (z(e), p(e));
+  }, window.addEventListener("resize", i._resizeHandler), e.sourceCanvas.width && (K(e), p(e));
 }
 export {
-  T as doLoadImage,
-  M as doSave,
-  F as loadState,
-  B as normalizeSource,
-  O as produce
+  G as mount
 };
 //# sourceMappingURL=index.es154.js.map

package/dist/index.es154.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es154.js","sources":["../src/components/organisms/image-editor/engine/save-export.js"],"sourcesContent":["import { rasterizeWithFilter, supportsContextFilter } from './canvas-filter.js'\nimport { render, syncCanvasSize, baseFilter, paintLayer } from './rendering.js'\nimport { emit, emitChange, getState, resetAdjValues } from './state.js'\nimport { loadStickerImage } from './stickers.js'\n\nfunction isHeic(file) {\n  const type = (file.type || '').toLowerCase()\n  if (type === 'image/heic' || type === 'image/heif') return true\n  const name = file instanceof File ? file.name.toLowerCase() : ''\n  return name.endsWith('.heic') || name.endsWith('.heif')\n}\n\nfunction toObjectURL(blob, cb) {\n  cb(URL.createObjectURL(blob))\n}\n\nfunction convertHeicThenLoad(src, cb) {\n  import('heic2any')\n    .then(({ default: heic2any }) =>\n      heic2any({ blob: src, toType: 'image/jpeg', quality: 0.8 })\n    )\n    .then((converted) =>\n      toObjectURL(Array.isArray(converted) ? converted[0] : converted, cb)\n    )\n    .catch(() => toObjectURL(src, cb))\n}\n\nexport function normalizeSource(state, src, cb) {\n  state.isLoadingImage = true\n  state.notify()\n  if (!src) {\n    cb(null)\n    return\n  }\n  if (src instanceof HTMLCanvasElement) {\n    cb(src.toDataURL())\n    return\n  }\n  if (\n    typeof Blob !== 'undefined' &&\n    (src instanceof Blob || src instanceof File)\n  ) {\n    if (isHeic(src)) {\n      if (typeof createImageBitmap === 'function') {\n        createImageBitmap(src)\n          .then((bmp) => {\n            bmp.close()\n            toObjectURL(src, cb)\n          })\n          .catch(() => convertHeicThenLoad(src, cb))\n        return\n      }\n      convertHeicThenLoad(src, cb)\n      return\n    }\n    toObjectURL(src, cb)\n    return\n  }\n  cb(src)\n}\n\nexport function doLoadImage(state, dataURL) {\n  const revoke = () => {\n    if (typeof dataURL === 'string' && dataURL.startsWith('blob:')) {\n      URL.revokeObjectURL(dataURL)\n    }\n  }\n  const im = new Image()\n  im.crossOrigin = 'anonymous'\n  im.onload = () => {\n    let w = im.naturalWidth,\n      h = im.naturalHeight\n    const MAX = 2000\n    if (Math.max(w, h) > MAX) {\n      const s = MAX / Math.max(w, h)\n      w = Math.round(w * s)\n      h = Math.round(h * s)\n    }\n    state.sourceCanvas.width = w\n    state.sourceCanvas.height = h\n    state.sourceCanvas.getContext('2d').drawImage(im, 0, 0, w, h)\n    state.originalCanvas = document.createElement('canvas')\n    state.originalCanvas.width = w\n    state.originalCanvas.height = h\n    state.originalCanvas.getContext('2d').drawImage(state.sourceCanvas, 0, 0)\n    revoke()\n    state.layers = []\n    state.selectedId = null\n    state.undoStack = []\n    state.redoStack = []\n    state.zoom = 1\n    resetAdjValues(state)\n    if (state.mounted) syncCanvasSize(state)\n    render(state)\n    state.mode = 'select'\n    state.isLoadingImage = false\n    state.statusText = 'Image loaded'\n    emit(state, 'load', { width: w, height: h })\n    emitChange(state)\n  }\n  im.onerror = () => {\n    revoke()\n    state.isLoadingImage = false\n    state.statusText = 'Could not load that image (CORS?)'\n    // eslint-disable-next-line no-console\n    console.warn(\n      '[ImageEditor] Failed to load image (likely a CORS issue on the source URL). ' +\n        'Reset stays disabled since there is nothing to revert to.',\n      typeof dataURL === 'string' ? dataURL.slice(0, 80) : dataURL\n    )\n    state.notify()\n  }\n  im.src = dataURL\n}\n\nexport function loadState(state, s) {\n  if (!s || !s.image) return\n  const im = new Image()\n  im.onload = () => {\n    state.sourceCanvas.width = s.width || im.naturalWidth\n    state.sourceCanvas.height = s.height || im.naturalHeight\n    state.sourceCanvas\n      .getContext('2d')\n      .drawImage(im, 0, 0, state.sourceCanvas.width, state.sourceCanvas.height)\n    state.originalCanvas = document.createElement('canvas')\n    state.originalCanvas.width = state.sourceCanvas.width\n    state.originalCanvas.height = state.sourceCanvas.height\n    state.originalCanvas\n      .getContext('2d')\n      .drawImage(im, 0, 0, state.sourceCanvas.width, state.sourceCanvas.height)\n    state.layers = JSON.parse(JSON.stringify(s.layers || []))\n    state.layers.forEach((L) => {\n      if (L.id >= state.nextId) state.nextId = L.id + 1\n    })\n    Object.assign(state.adj, s.adjustments || {})\n    state.selectedId = null\n    state.undoStack = []\n    state.redoStack = []\n    state.zoom = 1\n    if (state.mounted) syncCanvasSize(state)\n    render(state)\n    state.mode = 'select'\n    state.statusText = 'State restored'\n    emit(state, 'load', { restored: true })\n    emitChange(state)\n    const stickerSrcs = [\n      ...new Set(\n        state.layers.filter((L) => L.type === 'sticker').map((L) => L.src)\n      ),\n    ]\n    if (stickerSrcs.length) {\n      Promise.all(\n        stickerSrcs.map((src) => loadStickerImage(state, src).catch(() => {}))\n      ).then(() => render(state))\n    }\n  }\n  im.src = s.image\n}\n\nasync function flatten(state) {\n  const out = document.createElement('canvas')\n  out.width = state.sourceCanvas.width\n  out.height = state.sourceCanvas.height\n  const o = out.getContext('2d')\n  const filter = baseFilter(state)\n\n  if (supportsContextFilter()) {\n    o.filter = filter\n    o.drawImage(state.sourceCanvas, 0, 0)\n    o.filter = 'none'\n  } else {\n    try {\n      const filtered = await rasterizeWithFilter(state.sourceCanvas, filter)\n      o.drawImage(filtered, 0, 0)\n    } catch {\n      o.drawImage(state.sourceCanvas, 0, 0)\n    }\n  }\n\n  state.layers.forEach((L) => {\n    if (!L._editing) paintLayer(state, o, L)\n  })\n  return out\n}\n\nfunction buildResult(state, canvasEl, blob, type) {\n  const dataURL = canvasEl.toDataURL(type || 'image/png')\n  const result = {\n    blob: blob,\n    dataURL: dataURL,\n    canvas: canvasEl,\n    width: canvasEl.width,\n    height: canvasEl.height,\n    type: (blob && blob.type) || type || 'image/png',\n    state: getState(state),\n    getBlob: (t, q) =>\n      new Promise((res) => canvasEl.toBlob((b) => res(b), t || 'image/png', q)),\n    download: (filename) => {\n      const url = URL.createObjectURL(blob)\n      const a = document.createElement('a')\n      a.href = url\n      a.download = filename || 'picture-studio.png'\n      a.click()\n      setTimeout(() => URL.revokeObjectURL(url), 1000)\n      return result\n    },\n  }\n  return result\n}\n\nexport function produce(state, type, quality) {\n  return flatten(state).then(\n    (canvasEl) =>\n      new Promise((resolve) => {\n        canvasEl.toBlob(\n          (blob) =>\n            resolve(buildResult(state, canvasEl, blob, type || 'image/png')),\n          type || 'image/png',\n          quality\n        )\n      })\n  )\n}\n\nexport function doSave(state, self) {\n  if (state.isSaving) return\n  state.isSaving = true\n  state.notify()\n  return produce(state, 'image/jpeg', 0.92)\n    .then((result) => {\n      emit(state, 'save', result)\n      const ret =\n        typeof state.config.onSave === 'function'\n          ? state.config.onSave(result, self)\n          : undefined\n      return Promise.resolve(ret).finally(() => {\n        state.isSaving = false\n        state.notify()\n        if (!state.config.keepOpenOnSave) self.close()\n      })\n    })\n    .catch(() => {\n      state.isSaving = false\n      state.notify()\n    })\n}\n"],"names":["isHeic","file","type","name","toObjectURL","blob","cb","convertHeicThenLoad","src","heic2any","converted","normalizeSource","state","bmp","doLoadImage","dataURL","revoke","im","w","h","MAX","s","resetAdjValues","syncCanvasSize","render","emit","emitChange","loadState","L","stickerSrcs","loadStickerImage","flatten","out","o","filter","baseFilter","supportsContextFilter","filtered","rasterizeWithFilter","paintLayer","buildResult","canvasEl","result","getState","t","q","res","b","filename","url","a","produce","quality","resolve","doSave","self","ret"],"mappings":"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"}
+{"version":3,"file":"index.es154.js","sources":["../src/components/organisms/image-editor/engine/mount.js"],"sourcesContent":["import {\n  onDown,\n  onMove,\n  onUp,\n  onDbl,\n  cancelPoly,\n  finishPoly,\n  undoPolyPoint,\n} 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  ;['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 (state.pendingPoly && e.key === 'Enter') {\n      e.preventDefault()\n      finishPoly(state, false)\n    } else if (\n      state.pendingPoly &&\n      (e.key === 'Backspace' || e.key === 'Delete')\n    ) {\n      // While drawing, Backspace takes back the last corner rather than\n      // deleting a layer -- misclicking a corner shouldn't cost the whole line.\n      e.preventDefault()\n      undoPolyPoint(state)\n    } else 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.pendingPoly) {\n        // A half-drawn line is the innermost thing Escape can back out of.\n        cancelPoly(state)\n      } else 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","finishPoly","undoPolyPoint","undo","redo","cancelPoly","setMode","deleteLayer","fitStage","render","syncCanvasSize"],"mappings":"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"}