geoiq-frontend-ui-kit 2.0.2 → 2.0.4

package/dist/index.es147.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es147.js","sources":["../src/components/organisms/image-editor/engine/rendering.js"],"sourcesContent":["import { supportsContextFilter } from './canvas-filter.js'\nimport { FILTER_CSS } from './constants.js'\n\nexport function baseFilter(state) {\n  const { adj } = state\n  let f = `brightness(${adj.brightness}%) contrast(${adj.contrast}%) saturate(${adj.saturate}%) sepia(${adj.sepia}%) blur(${adj.blur}px) hue-rotate(${adj.hue}deg)`\n  if (adj.filter !== 'none') f += ' ' + FILTER_CSS[adj.filter]\n  return f.trim()\n}\n\nexport const ZOOM_MIN = 0.25\nexport const ZOOM_MAX = 4\nconst ZOOM_STEP = 1.25\n\nexport function fitStage(state) {\n  const pad = 48\n  const fitScale = Math.min(\n    (state.stageEl.clientWidth - pad) / state.sourceCanvas.width,\n    (state.stageEl.clientHeight - pad) / state.sourceCanvas.height,\n    1\n  )\n  state.fitScale = fitScale\n  const scale = fitScale * state.zoom\n  state.viewScale = scale\n  const w = Math.round(state.sourceCanvas.width * scale),\n    h = Math.round(state.sourceCanvas.height * scale)\n  state.canvasEl.style.width = state.overlayEl.style.width = w + 'px'\n  state.canvasEl.style.height = state.overlayEl.style.height = h + 'px'\n}\n\nexport function applyZoom(state, zoom) {\n  state.zoom = Math.min(ZOOM_MAX, Math.max(ZOOM_MIN, zoom))\n  if (!state.mounted || !state.sourceCanvas.width) {\n    state.notify()\n    return\n  }\n  fitStage(state)\n  renderOverlay(state)\n  state.notify()\n}\n\nexport function zoomIn(state) {\n  applyZoom(state, state.zoom * ZOOM_STEP)\n}\n\nexport function zoomOut(state) {\n  applyZoom(state, state.zoom / ZOOM_STEP)\n}\n\nexport function zoomToFit(state) {\n  applyZoom(state, 1)\n}\n\nexport function syncCanvasSize(state) {\n  state.canvasEl.width = state.overlayEl.width = state.sourceCanvas.width\n  state.canvasEl.height = state.overlayEl.height = state.sourceCanvas.height\n  fitStage(state)\n}\n\nexport function renderBase(state) {\n  const { ctx, canvasEl, sourceCanvas } = state\n  ctx.clearRect(0, 0, canvasEl.width, canvasEl.height)\n  const filter = baseFilter(state)\n\n  if (supportsContextFilter()) {\n    canvasEl.style.filter = ''\n    ctx.filter = filter\n    ctx.drawImage(sourceCanvas, 0, 0)\n    ctx.filter = 'none'\n    return\n  }\n\n  canvasEl.style.filter = filter\n  ctx.drawImage(sourceCanvas, 0, 0)\n}\n\nexport function render(state) {\n  if (!state.mounted || !state.sourceCanvas.width) return\n  renderBase(state)\n  renderOverlay(state)\n}\n\nexport const TEXT_LINE_HEIGHT = 1.1\n\nexport function wrapTextLines(state, L) {\n  state.octx.font = `${L.size}px ${L.font}`\n  const maxWidth = Math.max(L.boxWidth, 1)\n  const lines = []\n  // Split on hard breaks first, then word-wrap each paragraph in the box.\n  L.text.split('\\n').forEach((paragraph) => {\n    const words = paragraph.split(' ')\n    let current = ''\n    words.forEach((word) => {\n      const test = current ? current + ' ' + word : word\n      if (current && state.octx.measureText(test).width > maxWidth) {\n        lines.push(current)\n        current = word\n      } else {\n        current = test\n      }\n    })\n    lines.push(current)\n  })\n  return lines\n}\n\nexport function layerBounds(state, L) {\n  if (L.type === 'text') {\n    const lines = wrapTextLines(state, L)\n    return {\n      x: L.x,\n      y: L.y,\n      w: L.boxWidth,\n      h: lines.length * L.size * TEXT_LINE_HEIGHT,\n    }\n  }\n  if (L.type === 'shape' || L.type === 'sticker') {\n    return {\n      x: Math.min(L.x, L.x + L.w),\n      y: Math.min(L.y, L.y + L.h),\n      w: Math.abs(L.w),\n      h: Math.abs(L.h),\n    }\n  }\n  if (L.type === 'stroke') {\n    let a = Infinity,\n      b = Infinity,\n      cc = -Infinity,\n      d = -Infinity\n    L.points.forEach((p) => {\n      a = Math.min(a, p.x)\n      b = Math.min(b, p.y)\n      cc = Math.max(cc, p.x)\n      d = Math.max(d, p.y)\n    })\n    const pad = L.width / 2\n    return { x: a - pad, y: b - pad, w: cc - a + pad * 2, h: d - b + pad * 2 }\n  }\n  return { x: 0, y: 0, w: 0, h: 0 }\n}\n\nexport function clampTextSize(state, L) {\n  if (L.type !== 'text') return\n  const availH = state.sourceCanvas.height - L.y\n  while (L.size > 10 && layerBounds(state, L).h > availH && availH > 0) {\n    L.size -= 1\n  }\n}\n\nexport function clampBoxWidth(state, L) {\n  if (L.type !== 'text') return\n  const availW = state.sourceCanvas.width - L.x\n  L.boxWidth = Math.round(Math.max(20, Math.min(L.boxWidth, availW)))\n}\n\nexport function cornerPoints(b) {\n  return [\n    { corner: 'tl', x: b.x, y: b.y },\n    { corner: 'tr', x: b.x + b.w, y: b.y },\n    { corner: 'bl', x: b.x, y: b.y + b.h },\n    { corner: 'br', x: b.x + b.w, y: b.y + b.h },\n  ]\n}\n\nexport const DIRECTIONAL_SHAPES = [\n  'line',\n  'dashedLine',\n  'arrow',\n  'dashedArrow',\n  'doubleArrow',\n  'dashedDoubleArrow',\n]\n\nconst DASHED_SHAPES = ['dashedLine', 'dashedArrow', 'dashedDoubleArrow']\n\n// Which ends of the shaft get an arrow head.\nconst ARROW_HEAD_ENDS = {\n  arrow: ['end'],\n  dashedArrow: ['end'],\n  doubleArrow: ['end', 'start'],\n  dashedDoubleArrow: ['end', 'start'],\n}\n\n// Dash and gap scale with stroke width; the floors keep hairlines visible.\nfunction dashedLineDash(width) {\n  const w = Math.max(1, width || 1)\n  return [Math.max(6, w * 2.5), Math.max(4, w * 1.75)]\n}\n\nfunction drawArrowHead(c, tipX, tipY, ang, head) {\n  c.beginPath()\n  c.moveTo(tipX, tipY)\n  c.lineTo(\n    tipX - head * Math.cos(ang - Math.PI / 6),\n    tipY - head * Math.sin(ang - Math.PI / 6)\n  )\n  c.moveTo(tipX, tipY)\n  c.lineTo(\n    tipX - head * Math.cos(ang + Math.PI / 6),\n    tipY - head * Math.sin(ang + Math.PI / 6)\n  )\n  c.stroke()\n}\n\nconst ROTATE_HANDLE_GAP = 26\nconst ROTATE_HANDLE_RADIUS = 6\n\nexport function layerCenter(state, L) {\n  const b = layerBounds(state, L)\n  return { x: b.x + b.w / 2, y: b.y + b.h / 2 }\n}\n\n// Canvas convention: y grows downward, so a positive angle turns clockwise.\nexport function rotatePoint(p, c, deg) {\n  if (!deg) return { x: p.x, y: p.y }\n  const rad = (deg * Math.PI) / 180\n  const cos = Math.cos(rad),\n    sin = Math.sin(rad)\n  const dx = p.x - c.x,\n    dy = p.y - c.y\n  return { x: c.x + dx * cos - dy * sin, y: c.y + dx * sin + dy * cos }\n}\n\n// Resize without swinging a rotated layer: `local` stays put on screen.\nexport function keepingFixed(state, L, local, mutate) {\n  const rot = L.rotation || 0\n  if (!rot) {\n    mutate()\n    return\n  }\n  const before = rotatePoint(local, layerCenter(state, L), rot)\n  mutate()\n  const after = rotatePoint(local, layerCenter(state, L), rot)\n  L.x += before.x - after.x\n  L.y += before.y - after.y\n}\n\n// A pointer in the layer's own unrotated frame, where x/y/w/h are stored.\nexport function toLayerSpace(state, L, p) {\n  return rotatePoint(p, layerCenter(state, L), -(L.rotation || 0))\n}\n\n// Local frame; the overlay's transform is what makes the grip orbit.\nfunction rotateHandleLocalPoint(state, L) {\n  const b = layerBounds(state, L)\n  return {\n    x: b.x + b.w / 2,\n    y: b.y + b.h + ROTATE_HANDLE_GAP / state.viewScale,\n  }\n}\n\nfunction rotateHandlePoint(state, L) {\n  const local = rotateHandleLocalPoint(state, L)\n  return rotatePoint(local, layerCenter(state, L), L.rotation || 0)\n}\n\nexport function onRotateHandle(state, p, L) {\n  const rp = rotateHandlePoint(state, L)\n  return Math.hypot(p.x - rp.x, p.y - rp.y) <= 14 / state.viewScale\n}\n\nexport function onResizeHandle(state, p, L) {\n  if (L.type === 'stroke') return null\n  const hs = 12 / state.viewScale\n  const q = toLayerSpace(state, L, p)\n  if (L.type === 'shape' && DIRECTIONAL_SHAPES.includes(L.shape)) {\n    const ends = [\n      { corner: 'start', x: L.x, y: L.y },\n      { corner: 'end', x: L.x + L.w, y: L.y + L.h },\n    ]\n    const hit = ends.find(\n      (ep) => Math.abs(q.x - ep.x) < hs && Math.abs(q.y - ep.y) < hs\n    )\n    return hit ? hit.corner : null\n  }\n  const b = layerBounds(state, L)\n  const hit = cornerPoints(b).find(\n    (cp) => Math.abs(q.x - cp.x) < hs && Math.abs(q.y - cp.y) < hs\n  )\n  return hit ? hit.corner : null\n}\n\nexport function paintLayer(state, c, L) {\n  if (L._editing) return\n  c.save()\n  // Strokes only need the transform once they carry a rotation.\n  if (L.type !== 'stroke' || L.rotation) {\n    const b = layerBounds(state, L)\n    const cx = b.x + b.w / 2,\n      cy = b.y + b.h / 2\n    c.translate(cx, cy)\n    if (L.rotation) c.rotate((L.rotation * Math.PI) / 180)\n    if (L.flipH || L.flipV) c.scale(L.flipH ? -1 : 1, L.flipV ? -1 : 1)\n    c.translate(-cx, -cy)\n  }\n  if (L.type === 'text') {\n    c.font = `${L.size}px ${L.font}`\n    c.fillStyle = L.color\n    c.textBaseline = 'top'\n    c.shadowColor = 'rgba(0,0,0,.22)'\n    c.shadowBlur = L.size * 0.05\n    c.shadowOffsetY = L.size * 0.02\n    const lineHeight = L.size * TEXT_LINE_HEIGHT\n    wrapTextLines(state, L).forEach((line, i) => {\n      c.fillText(line, L.x, L.y + i * lineHeight)\n    })\n  } else if (L.type === 'shape') {\n    c.strokeStyle = L.color\n    c.fillStyle = L.color\n    c.lineWidth = L.width\n    c.lineCap = 'round'\n    c.lineJoin = 'round'\n    const x = L.x,\n      y = L.y,\n      w = L.w,\n      h = L.h\n    if (L.shape === 'rect') {\n      L.fill === 'fill' ? c.fillRect(x, y, w, h) : c.strokeRect(x, y, w, h)\n    } else if (L.shape === 'ellipse') {\n      c.beginPath()\n      c.ellipse(\n        x + w / 2,\n        y + h / 2,\n        Math.abs(w / 2),\n        Math.abs(h / 2),\n        0,\n        0,\n        Math.PI * 2\n      )\n      L.fill === 'fill' ? c.fill() : c.stroke()\n    } else if (L.shape === 'circle') {\n      const r = Math.min(Math.abs(w), Math.abs(h)) / 2\n      c.beginPath()\n      c.arc(x + w / 2, y + h / 2, r, 0, Math.PI * 2)\n      L.fill === 'fill' ? c.fill() : c.stroke()\n    } else if (DIRECTIONAL_SHAPES.includes(L.shape)) {\n      const ex = x + w,\n        ey = y + h\n      const dashed = DASHED_SHAPES.includes(L.shape)\n      if (dashed) {\n        // Butt caps keep dashes crisp; round caps bleed into the gaps.\n        c.lineCap = 'butt'\n        c.setLineDash(dashedLineDash(L.width))\n      }\n      c.beginPath()\n      c.moveTo(x, y)\n      c.lineTo(ex, ey)\n      c.stroke()\n      if (dashed) {\n        // Heads draw solid: a dash pattern would fragment them into stubs.\n        c.setLineDash([])\n        c.lineCap = 'round'\n      }\n      const ang = Math.atan2(h, w),\n        head = Math.max(14, L.width * 3)\n      ;(ARROW_HEAD_ENDS[L.shape] || []).forEach((which) => {\n        if (which === 'end') drawArrowHead(c, ex, ey, ang, head)\n        else drawArrowHead(c, x, y, ang + Math.PI, head)\n      })\n    }\n  } else if (L.type === 'stroke') {\n    c.strokeStyle = L.color\n    c.lineWidth = L.width\n    c.lineCap = 'round'\n    c.lineJoin = 'round'\n    c.globalAlpha = L.style === 'highlight' ? 0.35 : 1\n    c.beginPath()\n    L.points.forEach((pt, i) =>\n      i === 0 ? c.moveTo(pt.x, pt.y) : c.lineTo(pt.x, pt.y)\n    )\n    if (L.points.length === 1)\n      c.lineTo(L.points[0].x + 0.1, L.points[0].y + 0.1)\n    c.stroke()\n  } else if (L.type === 'sticker') {\n    const img = state.stickerImageCache.get(L.src)\n    if (img && img.complete && img.naturalWidth)\n      c.drawImage(img, L.x, L.y, L.w, L.h)\n  }\n  c.restore()\n}\n\nexport function normRect(r) {\n  return {\n    x: Math.min(r.x, r.x + r.w),\n    y: Math.min(r.y, r.y + r.h),\n    w: Math.abs(r.w),\n    h: Math.abs(r.h),\n  }\n}\n\nexport function drawCropOverlay(state) {\n  const { cropRect, overlayEl, octx, sourceCanvas } = state\n  if (!cropRect) return\n  const r = normRect(cropRect)\n  const W = overlayEl.width,\n    H = overlayEl.height\n  octx.save()\n  octx.fillStyle = 'rgba(0,0,0,.45)'\n  octx.fillRect(0, 0, W, Math.max(0, r.y))\n  octx.fillRect(0, Math.min(H, r.y + r.h), W, Math.max(0, H - (r.y + r.h)))\n  octx.fillRect(0, r.y, Math.max(0, r.x), r.h)\n  octx.fillRect(Math.min(W, r.x + r.w), r.y, Math.max(0, W - (r.x + r.w)), r.h)\n  octx.strokeStyle = '#fff'\n  octx.lineWidth = Math.max(1, sourceCanvas.width / 500)\n  octx.setLineDash([8, 6])\n  octx.strokeRect(r.x, r.y, r.w, r.h)\n  octx.restore()\n}\n\nexport function renderOverlay(state) {\n  const { octx, overlayEl, layers, mode, selectedId } = state\n  octx.clearRect(0, 0, overlayEl.width, overlayEl.height)\n  layers.forEach((L) => {\n    try {\n      paintLayer(state, octx, L)\n    } catch (err) {\n      // eslint-disable-next-line no-console\n      console.error('[image-editor] failed to paint layer', L.id, L.type, err)\n    }\n  })\n  if (mode === 'select' && selectedId != null) {\n    const L = layers.find((l) => l.id === selectedId)\n    if (L) {\n      const b = layerBounds(state, L)\n      octx.save()\n      // The layer's frame, so box, handles and grip all tilt with it.\n      if (L.rotation) {\n        const c = layerCenter(state, L)\n        octx.translate(c.x, c.y)\n        octx.rotate((L.rotation * Math.PI) / 180)\n        octx.translate(-c.x, -c.y)\n      }\n      octx.strokeStyle = '#2f5fd2'\n      octx.lineWidth = Math.max(1.2, 1.5 / state.viewScale)\n      octx.setLineDash([6 / state.viewScale, 4 / state.viewScale])\n      octx.strokeRect(b.x - 4, b.y - 4, b.w + 8, b.h + 8)\n      octx.setLineDash([])\n      if (L.type !== 'stroke') {\n        const hs = 9 / state.viewScale\n        octx.fillStyle = '#fff'\n        octx.strokeStyle = '#2f5fd2'\n        const handlePoints =\n          L.type === 'shape' && DIRECTIONAL_SHAPES.includes(L.shape)\n            ? [\n                { x: L.x, y: L.y },\n                { x: L.x + L.w, y: L.y + L.h },\n              ]\n            : cornerPoints(b)\n        handlePoints.forEach((cp) => {\n          octx.fillRect(cp.x - hs / 2, cp.y - hs / 2, hs, hs)\n          octx.strokeRect(cp.x - hs / 2, cp.y - hs / 2, hs, hs)\n        })\n      }\n      // Rotate grip: every layer type gets one, strokes included.\n      const rp = rotateHandleLocalPoint(state, L)\n      octx.strokeStyle = '#2f5fd2'\n      octx.fillStyle = '#fff'\n      octx.beginPath()\n      octx.moveTo(rp.x, b.y + b.h + 4)\n      octx.lineTo(rp.x, rp.y)\n      octx.stroke()\n      octx.beginPath()\n      octx.arc(\n        rp.x,\n        rp.y,\n        ROTATE_HANDLE_RADIUS / state.viewScale,\n        0,\n        Math.PI * 2\n      )\n      octx.fill()\n      octx.stroke()\n      octx.restore()\n    }\n  }\n  if (state.pendingShape) paintLayer(state, octx, state.pendingShape)\n  if (mode === 'crop' && state.cropRect) drawCropOverlay(state)\n}\n"],"names":["baseFilter","state","adj","f","FILTER_CSS","ZOOM_MIN","ZOOM_MAX","ZOOM_STEP","fitStage","fitScale","scale","w","h","applyZoom","zoom","renderOverlay","zoomIn","zoomOut","zoomToFit","syncCanvasSize","renderBase","ctx","canvasEl","sourceCanvas","filter","supportsContextFilter","render","TEXT_LINE_HEIGHT","wrapTextLines","L","maxWidth","lines","paragraph","words","current","word","test","layerBounds","a","b","cc","d","p","pad","clampTextSize","availH","clampBoxWidth","availW","cornerPoints","DIRECTIONAL_SHAPES","DASHED_SHAPES","ARROW_HEAD_ENDS","dashedLineDash","width","drawArrowHead","c","tipX","tipY","ang","head","ROTATE_HANDLE_GAP","ROTATE_HANDLE_RADIUS","layerCenter","rotatePoint","deg","rad","cos","sin","dx","dy","keepingFixed","local","mutate","rot","before","after","toLayerSpace","rotateHandleLocalPoint","rotateHandlePoint","onRotateHandle","rp","onResizeHandle","hs","q","hit","ep","cp","paintLayer","cx","cy","lineHeight","line","i","x","y","r","ex","ey","dashed","which","pt","img","normRect","drawCropOverlay","cropRect","overlayEl","octx","W","H","layers","mode","selectedId","err","l"],"mappings":"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"}
+{"version":3,"file":"index.es147.js","sources":["../src/components/organisms/image-editor/engine/geometry.js"],"sourcesContent":["import { pushHistory } from './history.js'\nimport { emitChange, resetAdjValues } from './state.js'\nimport { render, syncCanvasSize, normRect, layerBounds } from './rendering.js'\nimport { setMode } from './mode.js'\n\nfunction centerDelta(state, L, mapCenter) {\n  const b = layerBounds(state, L)\n  const oldCenter = { x: b.x + b.w / 2, y: b.y + b.h / 2 }\n  const newCenter = mapCenter(oldCenter)\n  return { x: newCenter.x - oldCenter.x, y: newCenter.y - oldCenter.y }\n}\n\nexport function rotate(state, deg) {\n  pushHistory(state)\n  const rad = (deg * Math.PI) / 180,\n    ow = state.sourceCanvas.width,\n    oh = state.sourceCanvas.height,\n    nw = oh,\n    nh = ow\n  const tmp = document.createElement('canvas')\n  tmp.width = nw\n  tmp.height = nh\n  const t = tmp.getContext('2d')\n  t.translate(nw / 2, nh / 2)\n  t.rotate(rad)\n  t.drawImage(state.sourceCanvas, -ow / 2, -oh / 2)\n  state.sourceCanvas.width = nw\n  state.sourceCanvas.height = nh\n  state.sourceCanvas.getContext('2d').drawImage(tmp, 0, 0)\n  const rot = (x, y) => {\n    const dx = x - ow / 2,\n      dy = y - oh / 2\n    return {\n      x: dx * Math.cos(rad) - dy * Math.sin(rad) + nw / 2,\n      y: dx * Math.sin(rad) + dy * Math.cos(rad) + nh / 2,\n    }\n  }\n  state.layers.forEach((L) => {\n    if (L.type === 'text' || L.type === 'shape' || L.type === 'sticker') {\n      const delta = centerDelta(state, L, (c) => rot(c.x, c.y))\n      L.x += delta.x\n      L.y += delta.y\n      L.rotation = ((((L.rotation || 0) + deg) % 360) + 360) % 360\n    } else if (L.type === 'stroke') {\n      L.points = L.points.map((pt) => rot(pt.x, pt.y))\n    }\n  })\n  syncCanvasSize(state)\n  render(state)\n  state.statusText = deg < 0 ? 'Rotated left' : 'Rotated right'\n  emitChange(state)\n}\n\nexport function flip(state, hz) {\n  pushHistory(state)\n  const w = state.sourceCanvas.width,\n    h = state.sourceCanvas.height\n  const tmp = document.createElement('canvas')\n  tmp.width = w\n  tmp.height = h\n  const t = tmp.getContext('2d')\n  if (hz) {\n    t.translate(w, 0)\n    t.scale(-1, 1)\n  } else {\n    t.translate(0, h)\n    t.scale(1, -1)\n  }\n  t.drawImage(state.sourceCanvas, 0, 0)\n  state.sourceCanvas.getContext('2d').clearRect(0, 0, w, h)\n  state.sourceCanvas.getContext('2d').drawImage(tmp, 0, 0)\n  const fx = (x) => (hz ? w - x : x),\n    fy = (y) => (hz ? y : h - y)\n  state.layers.forEach((L) => {\n    if (L.type === 'text' || L.type === 'shape' || L.type === 'sticker') {\n      const delta = centerDelta(state, L, (c) => ({ x: fx(c.x), y: fy(c.y) }))\n      L.x += delta.x\n      L.y += delta.y\n      L.rotation = (360 - ((L.rotation || 0) % 360)) % 360\n      if (hz) L.flipH = !L.flipH\n      else L.flipV = !L.flipV\n    } else if (L.type === 'stroke') {\n      L.points = L.points.map((pt) => ({ x: fx(pt.x), y: fy(pt.y) }))\n    }\n  })\n  render(state)\n  state.statusText = hz ? 'Flipped horizontally' : 'Flipped vertically'\n  emitChange(state)\n}\n\nexport function applyCrop(state) {\n  if (\n    !state.cropRect ||\n    Math.abs(state.cropRect.w) < 4 ||\n    Math.abs(state.cropRect.h) < 4\n  ) {\n    state.statusText = 'Draw a crop box first'\n    state.notify()\n    return\n  }\n  pushHistory(state)\n  const r = normRect(state.cropRect)\n  const tmp = document.createElement('canvas')\n  tmp.width = Math.round(r.w)\n  tmp.height = Math.round(r.h)\n  tmp\n    .getContext('2d')\n    .drawImage(state.sourceCanvas, r.x, r.y, r.w, r.h, 0, 0, r.w, r.h)\n  state.sourceCanvas.width = tmp.width\n  state.sourceCanvas.height = tmp.height\n  state.sourceCanvas.getContext('2d').drawImage(tmp, 0, 0)\n  state.layers.forEach((L) => {\n    if (L.type === 'text' || L.type === 'shape' || L.type === 'sticker') {\n      L.x -= r.x\n      L.y -= r.y\n    } else if (L.type === 'stroke') {\n      L.points = L.points.map((p) => ({ x: p.x - r.x, y: p.y - r.y }))\n    }\n  })\n  state.cropRect = null\n  setMode(state, 'select')\n  syncCanvasSize(state)\n  render(state)\n  state.statusText = 'Cropped'\n  emitChange(state)\n}\n\nexport function cancelCrop(state) {\n  setMode(state, 'select')\n}\n\nexport function setCropRatio(state, v) {\n  state.cropRatio = v\n  state.notify()\n}\n\nexport function resetToOriginal(state) {\n  if (!state.originalCanvas) return\n  pushHistory(state)\n  state.sourceCanvas.width = state.originalCanvas.width\n  state.sourceCanvas.height = state.originalCanvas.height\n  state.sourceCanvas.getContext('2d').drawImage(state.originalCanvas, 0, 0)\n  state.layers = []\n  state.selectedId = null\n  state.zoom = 1\n  resetAdjValues(state)\n  syncCanvasSize(state)\n  render(state)\n  state.statusText = 'Reset to original'\n  emitChange(state)\n}\n"],"names":["centerDelta","state","L","mapCenter","b","layerBounds","oldCenter","newCenter","rotate","deg","pushHistory","rad","ow","oh","nw","nh","tmp","t","rot","x","y","dx","dy","delta","c","pt","syncCanvasSize","render","emitChange","flip","hz","w","h","fx","fy","applyCrop","r","normRect","p","setMode","cancelCrop","setCropRatio","v","resetToOriginal","resetAdjValues"],"mappings":"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"}

package/dist/index.es148.js

@@ -1,31 +1,36 @@
-import { emitChange as o, MAX_HISTORY as c } from "./index.es146.js";
-import { syncCanvasSize as u, render as i } from "./index.es147.js";
-function d(n) {
-  const r = document.createElement("canvas");
-  return r.width = n.sourceCanvas.width, r.height = n.sourceCanvas.height, r.getContext("2d").drawImage(n.sourceCanvas, 0, 0), {
-    raster: r,
-    layers: JSON.parse(JSON.stringify(n.layers)),
-    adj: { ...n.adj },
-    sel: n.selectedId
-  };
-}
-function p(n) {
-  n.undoStack.push(d(n)), n.undoStack.length > c && n.undoStack.shift(), n.redoStack = [], o(n);
+import { renderOverlay as e } from "./index.es145.js";
+import { commitTextEdit as l } from "./index.es149.js";
+import { cancelPoly as n } from "./index.es155.js";
+const i = {
+  select: "Select — click a layer to move it",
+  crop: "Crop — drag a box",
+  text: "Text tool",
+  draw: "Draw tool",
+  shape: "Shape tool — drag for one segment, or click to chain points",
+  sticker: "Sticker tool"
+};
+function c(o) {
+  return `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='${encodeURIComponent(o)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 2 4 4-14 14H4v-4L18 2z'/%3E%3Cpath d='m14.5 5.5 4 4'/%3E%3C/svg%3E") 2 22, crosshair`;
 }
-function e(n, r) {
-  n.sourceCanvas.width = r.raster.width, n.sourceCanvas.height = r.raster.height, n.sourceCanvas.getContext("2d").drawImage(r.raster, 0, 0), n.layers = JSON.parse(JSON.stringify(r.layers)), Object.assign(n.adj, r.adj), n.selectedId = r.sel, u(n), i(n);
+const t = {
+  select: "default",
+  crop: "crosshair",
+  text: "text",
+  shape: "crosshair",
+  sticker: "default"
+};
+function d(o) {
+  o.overlayEl && (o.overlayEl.style.cursor = o.mode === "draw" ? c(o.drawColor) : t[o.mode] || "default");
 }
-function S(n) {
-  n.undoStack.length && (n.redoStack.push(d(n)), e(n, n.undoStack.pop()), n.statusText = "Undo", o(n));
+function u(o, r) {
+  o.mode !== "select" && l(o), o.pendingPoly && n(o), o.mode = r, o.pendingShape = null, o.cropRect = null, d(o), e(o), o.statusText = i[r], o.notify();
 }
-function g(n) {
-  n.redoStack.length && (n.undoStack.push(d(n)), e(n, n.redoStack.pop()), n.statusText = "Redo", o(n));
+function a(o, r) {
+  o.selectedId = r, e(o), o.notify();
 }
 export {
-  e as applySnapshot,
-  p as pushHistory,
-  g as redo,
-  d as snapshot,
-  S as undo
+  d as applyModeCursor,
+  a as selectLayer,
+  u as setMode
 };
 //# sourceMappingURL=index.es148.js.map

package/dist/index.es148.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es148.js","sources":["../src/components/organisms/image-editor/engine/history.js"],"sourcesContent":["import { MAX_HISTORY, emitChange } from './state.js'\nimport { render, syncCanvasSize } from './rendering.js'\n\nexport function snapshot(state) {\n  const c = document.createElement('canvas')\n  c.width = state.sourceCanvas.width\n  c.height = state.sourceCanvas.height\n  c.getContext('2d').drawImage(state.sourceCanvas, 0, 0)\n  return {\n    raster: c,\n    layers: JSON.parse(JSON.stringify(state.layers)),\n    adj: { ...state.adj },\n    sel: state.selectedId,\n  }\n}\n\nexport function pushHistory(state) {\n  state.undoStack.push(snapshot(state))\n  if (state.undoStack.length > MAX_HISTORY) state.undoStack.shift()\n  state.redoStack = []\n  emitChange(state)\n}\n\nexport function applySnapshot(state, s) {\n  state.sourceCanvas.width = s.raster.width\n  state.sourceCanvas.height = s.raster.height\n  state.sourceCanvas.getContext('2d').drawImage(s.raster, 0, 0)\n  state.layers = JSON.parse(JSON.stringify(s.layers))\n  Object.assign(state.adj, s.adj)\n  state.selectedId = s.sel\n  syncCanvasSize(state)\n  render(state)\n}\n\nexport function undo(state) {\n  if (!state.undoStack.length) return\n  state.redoStack.push(snapshot(state))\n  applySnapshot(state, state.undoStack.pop())\n  state.statusText = 'Undo'\n  emitChange(state)\n}\n\nexport function redo(state) {\n  if (!state.redoStack.length) return\n  state.undoStack.push(snapshot(state))\n  applySnapshot(state, state.redoStack.pop())\n  state.statusText = 'Redo'\n  emitChange(state)\n}\n"],"names":["snapshot","state","c","pushHistory","MAX_HISTORY","emitChange","applySnapshot","s","syncCanvasSize","render","undo","redo"],"mappings":";;AAGO,SAASA,EAASC,GAAO;AAC9B,QAAMC,IAAI,SAAS,cAAc,QAAQ;AACzC,SAAAA,EAAE,QAAQD,EAAM,aAAa,OAC7BC,EAAE,SAASD,EAAM,aAAa,QAC9BC,EAAE,WAAW,IAAI,EAAE,UAAUD,EAAM,cAAc,GAAG,CAAC,GAC9C;AAAA,IACL,QAAQC;AAAA,IACR,QAAQ,KAAK,MAAM,KAAK,UAAUD,EAAM,MAAM,CAAC;AAAA,IAC/C,KAAK,EAAE,GAAGA,EAAM,IAAG;AAAA,IACnB,KAAKA,EAAM;AAAA,EACf;AACA;AAEO,SAASE,EAAYF,GAAO;AACjC,EAAAA,EAAM,UAAU,KAAKD,EAASC,CAAK,CAAC,GAChCA,EAAM,UAAU,SAASG,KAAaH,EAAM,UAAU,MAAK,GAC/DA,EAAM,YAAY,CAAA,GAClBI,EAAWJ,CAAK;AAClB;AAEO,SAASK,EAAcL,GAAOM,GAAG;AACtC,EAAAN,EAAM,aAAa,QAAQM,EAAE,OAAO,OACpCN,EAAM,aAAa,SAASM,EAAE,OAAO,QACrCN,EAAM,aAAa,WAAW,IAAI,EAAE,UAAUM,EAAE,QAAQ,GAAG,CAAC,GAC5DN,EAAM,SAAS,KAAK,MAAM,KAAK,UAAUM,EAAE,MAAM,CAAC,GAClD,OAAO,OAAON,EAAM,KAAKM,EAAE,GAAG,GAC9BN,EAAM,aAAaM,EAAE,KACrBC,EAAeP,CAAK,GACpBQ,EAAOR,CAAK;AACd;AAEO,SAASS,EAAKT,GAAO;AAC1B,EAAKA,EAAM,UAAU,WACrBA,EAAM,UAAU,KAAKD,EAASC,CAAK,CAAC,GACpCK,EAAcL,GAAOA,EAAM,UAAU,IAAG,CAAE,GAC1CA,EAAM,aAAa,QACnBI,EAAWJ,CAAK;AAClB;AAEO,SAASU,EAAKV,GAAO;AAC1B,EAAKA,EAAM,UAAU,WACrBA,EAAM,UAAU,KAAKD,EAASC,CAAK,CAAC,GACpCK,EAAcL,GAAOA,EAAM,UAAU,IAAG,CAAE,GAC1CA,EAAM,aAAa,QACnBI,EAAWJ,CAAK;AAClB;"}
+{"version":3,"file":"index.es148.js","sources":["../src/components/organisms/image-editor/engine/mode.js"],"sourcesContent":["import { renderOverlay } from './rendering.js'\nimport { commitTextEdit } from './text-editor.js'\nimport { cancelPoly } from './pointer.js'\n\nconst STATUS_BY_MODE = {\n  select: 'Select — click a layer to move it',\n  crop: 'Crop — drag a box',\n  text: 'Text tool',\n  draw: 'Draw tool',\n  shape: 'Shape tool — drag for one segment, or click to chain points',\n  sticker: 'Sticker tool',\n}\n\nfunction pencilCursor(color) {\n  const stroke = encodeURIComponent(color)\n  return `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='${stroke}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 2 4 4-14 14H4v-4L18 2z'/%3E%3Cpath d='m14.5 5.5 4 4'/%3E%3C/svg%3E\") 2 22, crosshair`\n}\n\nconst CURSOR_BY_MODE = {\n  select: 'default',\n  crop: 'crosshair',\n  text: 'text',\n  shape: 'crosshair',\n  sticker: 'default',\n}\n\nexport function applyModeCursor(state) {\n  if (!state.overlayEl) return\n  state.overlayEl.style.cursor =\n    state.mode === 'draw'\n      ? pencilCursor(state.drawColor)\n      : CURSOR_BY_MODE[state.mode] || 'default'\n}\n\nexport function setMode(state, m) {\n  if (state.mode !== 'select') commitTextEdit(state)\n  // Switching tools abandons a half-drawn multi-point line.\n  if (state.pendingPoly) cancelPoly(state)\n  state.mode = m\n  state.pendingShape = null\n  state.cropRect = null\n  applyModeCursor(state)\n  renderOverlay(state)\n  state.statusText = STATUS_BY_MODE[m]\n  state.notify()\n}\n\nexport function selectLayer(state, id) {\n  state.selectedId = id\n  renderOverlay(state)\n  state.notify()\n}\n"],"names":["STATUS_BY_MODE","pencilCursor","color","CURSOR_BY_MODE","applyModeCursor","state","setMode","m","commitTextEdit","cancelPoly","renderOverlay","selectLayer","id"],"mappings":";;;AAIA,MAAMA,IAAiB;AAAA,EACrB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AACX;AAEA,SAASC,EAAaC,GAAO;AAE3B,SAAO,oIADQ,mBAAmBA,CAAK,CAC0G;AACnJ;AAEA,MAAMC,IAAiB;AAAA,EACrB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AACX;AAEO,SAASC,EAAgBC,GAAO;AACrC,EAAKA,EAAM,cACXA,EAAM,UAAU,MAAM,SACpBA,EAAM,SAAS,SACXJ,EAAaI,EAAM,SAAS,IAC5BF,EAAeE,EAAM,IAAI,KAAK;AACtC;AAEO,SAASC,EAAQD,GAAOE,GAAG;AAChC,EAAIF,EAAM,SAAS,YAAUG,EAAeH,CAAK,GAE7CA,EAAM,eAAaI,EAAWJ,CAAK,GACvCA,EAAM,OAAOE,GACbF,EAAM,eAAe,MACrBA,EAAM,WAAW,MACjBD,EAAgBC,CAAK,GACrBK,EAAcL,CAAK,GACnBA,EAAM,aAAaL,EAAeO,CAAC,GACnCF,EAAM,OAAM;AACd;AAEO,SAASM,EAAYN,GAAOO,GAAI;AACrC,EAAAP,EAAM,aAAaO,GACnBF,EAAcL,CAAK,GACnBA,EAAM,OAAM;AACd;"}

package/dist/index.es149.js

@@ -1,71 +1,28 @@
-import { pushHistory as d } from "./index.es148.js";
-import { emitChange as u, resetAdjValues as v } from "./index.es146.js";
-import { syncCanvasSize as C, render as x, normRect as w, layerBounds as R } from "./index.es147.js";
-import { setMode as g } from "./index.es150.js";
-function m(o, n, t) {
-  const r = R(o, n), a = { x: r.x + r.w / 2, y: r.y + r.h / 2 }, c = t(a);
-  return { x: c.x - a.x, y: c.y - a.y };
+import { keepingFixed as E, render as x, layerBounds as d, renderOverlay as y } from "./index.es145.js";
+const u = 16, r = 28;
+function c(e) {
+  const i = e.textEditorEl;
+  !i || i.offsetParent === null || (i.style.height = "auto", i.style.height = Math.max(r, i.scrollHeight) + "px");
 }
-function T(o, n) {
-  d(o);
-  const t = n * Math.PI / 180, r = o.sourceCanvas.width, a = o.sourceCanvas.height, c = a, h = r, p = document.createElement("canvas");
-  p.width = c, p.height = h;
-  const e = p.getContext("2d");
-  e.translate(c / 2, h / 2), e.rotate(t), e.drawImage(o.sourceCanvas, -r / 2, -a / 2), o.sourceCanvas.width = c, o.sourceCanvas.height = h, o.sourceCanvas.getContext("2d").drawImage(p, 0, 0);
-  const s = (i, l) => {
-    const y = i - r / 2, f = l - a / 2;
-    return {
-      x: y * Math.cos(t) - f * Math.sin(t) + c / 2,
-      y: y * Math.sin(t) + f * Math.cos(t) + h / 2
-    };
-  };
-  o.layers.forEach((i) => {
-    if (i.type === "text" || i.type === "shape" || i.type === "sticker") {
-      const l = m(o, i, (y) => s(y.x, y.y));
-      i.x += l.x, i.y += l.y, i.rotation = (((i.rotation || 0) + n) % 360 + 360) % 360;
-    } else i.type === "stroke" && (i.points = i.points.map((l) => s(l.x, l.y)));
-  }), C(o), x(o), o.statusText = n < 0 ? "Rotated left" : "Rotated right", u(o);
+function p(e, i, n) {
+  e.editingLayer = i, e.editingSelectAll = !!n;
+  const t = d(e, i), l = e.overlayEl.getBoundingClientRect(), o = e.overlayEl.parentElement.getBoundingClientRect();
+  e.textEditorEl.value = i.text === "Text" ? "" : i.text, e.textEditorEl.style.left = l.left - o.left + t.x * e.viewScale + "px", e.textEditorEl.style.top = l.top - o.top + t.y * e.viewScale + "px", e.textEditorEl.style.width = Math.max(60, t.w * e.viewScale) + "px", e.textEditorEl.style.height = Math.max(r, t.h * e.viewScale) + "px", e.textEditorEl.style.fontFamily = i.font, e.textEditorEl.style.fontSize = u + "px", e.textEditorEl.style.color = i.color, i._editing = !0, y(e), e.notify(), requestAnimationFrame(() => c(e));
 }
-function b(o, n) {
-  d(o);
-  const t = o.sourceCanvas.width, r = o.sourceCanvas.height, a = document.createElement("canvas");
-  a.width = t, a.height = r;
-  const c = a.getContext("2d");
-  n ? (c.translate(t, 0), c.scale(-1, 1)) : (c.translate(0, r), c.scale(1, -1)), c.drawImage(o.sourceCanvas, 0, 0), o.sourceCanvas.getContext("2d").clearRect(0, 0, t, r), o.sourceCanvas.getContext("2d").drawImage(a, 0, 0);
-  const h = (e) => n ? t - e : e, p = (e) => n ? e : r - e;
-  o.layers.forEach((e) => {
-    if (e.type === "text" || e.type === "shape" || e.type === "sticker") {
-      const s = m(o, e, (i) => ({ x: h(i.x), y: p(i.y) }));
-      e.x += s.x, e.y += s.y, e.rotation = (360 - (e.rotation || 0) % 360) % 360, n ? e.flipH = !e.flipH : e.flipV = !e.flipV;
-    } else e.type === "stroke" && (e.points = e.points.map((s) => ({ x: h(s.x), y: p(s.y) })));
-  }), x(o), o.statusText = n ? "Flipped horizontally" : "Flipped vertically", u(o);
+function f(e) {
+  if (!e.editingLayer) return;
+  const i = e.editingLayer;
+  E(e, i, { x: i.x, y: i.y }, () => {
+    i.text = e.textEditorEl.value.trim() === "" ? "Text" : e.textEditorEl.value;
+  }), i._editing = !1, e.editingLayer = null, x(e), e.notify();
 }
-function H(o) {
-  if (!o.cropRect || Math.abs(o.cropRect.w) < 4 || Math.abs(o.cropRect.h) < 4) {
-    o.statusText = "Draw a crop box first", o.notify();
-    return;
-  }
-  d(o);
-  const n = w(o.cropRect), t = document.createElement("canvas");
-  t.width = Math.round(n.w), t.height = Math.round(n.h), t.getContext("2d").drawImage(o.sourceCanvas, n.x, n.y, n.w, n.h, 0, 0, n.w, n.h), o.sourceCanvas.width = t.width, o.sourceCanvas.height = t.height, o.sourceCanvas.getContext("2d").drawImage(t, 0, 0), o.layers.forEach((r) => {
-    r.type === "text" || r.type === "shape" || r.type === "sticker" ? (r.x -= n.x, r.y -= n.y) : r.type === "stroke" && (r.points = r.points.map((a) => ({ x: a.x - n.x, y: a.y - n.y })));
-  }), o.cropRect = null, g(o, "select"), C(o), x(o), o.statusText = "Cropped", u(o);
-}
-function V(o) {
-  g(o, "select");
-}
-function D(o, n) {
-  o.cropRatio = n, o.notify();
-}
-function F(o) {
-  o.originalCanvas && (d(o), o.sourceCanvas.width = o.originalCanvas.width, o.sourceCanvas.height = o.originalCanvas.height, o.sourceCanvas.getContext("2d").drawImage(o.originalCanvas, 0, 0), o.layers = [], o.selectedId = null, o.zoom = 1, v(o), C(o), x(o), o.statusText = "Reset to original", u(o));
+function h(e) {
+  e.editingLayer && (f(e), e.textEditorEl && e.textEditorEl.blur());
 }
 export {
-  H as applyCrop,
-  V as cancelCrop,
-  b as flip,
-  F as resetToOriginal,
-  T as rotate,
-  D as setCropRatio
+  c as autoGrowTextEditor,
+  h as blurTextEditor,
+  f as commitTextEdit,
+  p as openTextEditor
 };
 //# sourceMappingURL=index.es149.js.map

package/dist/index.es149.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es149.js","sources":["../src/components/organisms/image-editor/engine/geometry.js"],"sourcesContent":["import { pushHistory } from './history.js'\nimport { emitChange, resetAdjValues } from './state.js'\nimport { render, syncCanvasSize, normRect, layerBounds } from './rendering.js'\nimport { setMode } from './mode.js'\n\nfunction centerDelta(state, L, mapCenter) {\n  const b = layerBounds(state, L)\n  const oldCenter = { x: b.x + b.w / 2, y: b.y + b.h / 2 }\n  const newCenter = mapCenter(oldCenter)\n  return { x: newCenter.x - oldCenter.x, y: newCenter.y - oldCenter.y }\n}\n\nexport function rotate(state, deg) {\n  pushHistory(state)\n  const rad = (deg * Math.PI) / 180,\n    ow = state.sourceCanvas.width,\n    oh = state.sourceCanvas.height,\n    nw = oh,\n    nh = ow\n  const tmp = document.createElement('canvas')\n  tmp.width = nw\n  tmp.height = nh\n  const t = tmp.getContext('2d')\n  t.translate(nw / 2, nh / 2)\n  t.rotate(rad)\n  t.drawImage(state.sourceCanvas, -ow / 2, -oh / 2)\n  state.sourceCanvas.width = nw\n  state.sourceCanvas.height = nh\n  state.sourceCanvas.getContext('2d').drawImage(tmp, 0, 0)\n  const rot = (x, y) => {\n    const dx = x - ow / 2,\n      dy = y - oh / 2\n    return {\n      x: dx * Math.cos(rad) - dy * Math.sin(rad) + nw / 2,\n      y: dx * Math.sin(rad) + dy * Math.cos(rad) + nh / 2,\n    }\n  }\n  state.layers.forEach((L) => {\n    if (L.type === 'text' || L.type === 'shape' || L.type === 'sticker') {\n      const delta = centerDelta(state, L, (c) => rot(c.x, c.y))\n      L.x += delta.x\n      L.y += delta.y\n      L.rotation = ((((L.rotation || 0) + deg) % 360) + 360) % 360\n    } else if (L.type === 'stroke') {\n      L.points = L.points.map((pt) => rot(pt.x, pt.y))\n    }\n  })\n  syncCanvasSize(state)\n  render(state)\n  state.statusText = deg < 0 ? 'Rotated left' : 'Rotated right'\n  emitChange(state)\n}\n\nexport function flip(state, hz) {\n  pushHistory(state)\n  const w = state.sourceCanvas.width,\n    h = state.sourceCanvas.height\n  const tmp = document.createElement('canvas')\n  tmp.width = w\n  tmp.height = h\n  const t = tmp.getContext('2d')\n  if (hz) {\n    t.translate(w, 0)\n    t.scale(-1, 1)\n  } else {\n    t.translate(0, h)\n    t.scale(1, -1)\n  }\n  t.drawImage(state.sourceCanvas, 0, 0)\n  state.sourceCanvas.getContext('2d').clearRect(0, 0, w, h)\n  state.sourceCanvas.getContext('2d').drawImage(tmp, 0, 0)\n  const fx = (x) => (hz ? w - x : x),\n    fy = (y) => (hz ? y : h - y)\n  state.layers.forEach((L) => {\n    if (L.type === 'text' || L.type === 'shape' || L.type === 'sticker') {\n      const delta = centerDelta(state, L, (c) => ({ x: fx(c.x), y: fy(c.y) }))\n      L.x += delta.x\n      L.y += delta.y\n      L.rotation = (360 - ((L.rotation || 0) % 360)) % 360\n      if (hz) L.flipH = !L.flipH\n      else L.flipV = !L.flipV\n    } else if (L.type === 'stroke') {\n      L.points = L.points.map((pt) => ({ x: fx(pt.x), y: fy(pt.y) }))\n    }\n  })\n  render(state)\n  state.statusText = hz ? 'Flipped horizontally' : 'Flipped vertically'\n  emitChange(state)\n}\n\nexport function applyCrop(state) {\n  if (\n    !state.cropRect ||\n    Math.abs(state.cropRect.w) < 4 ||\n    Math.abs(state.cropRect.h) < 4\n  ) {\n    state.statusText = 'Draw a crop box first'\n    state.notify()\n    return\n  }\n  pushHistory(state)\n  const r = normRect(state.cropRect)\n  const tmp = document.createElement('canvas')\n  tmp.width = Math.round(r.w)\n  tmp.height = Math.round(r.h)\n  tmp\n    .getContext('2d')\n    .drawImage(state.sourceCanvas, r.x, r.y, r.w, r.h, 0, 0, r.w, r.h)\n  state.sourceCanvas.width = tmp.width\n  state.sourceCanvas.height = tmp.height\n  state.sourceCanvas.getContext('2d').drawImage(tmp, 0, 0)\n  state.layers.forEach((L) => {\n    if (L.type === 'text' || L.type === 'shape' || L.type === 'sticker') {\n      L.x -= r.x\n      L.y -= r.y\n    } else if (L.type === 'stroke') {\n      L.points = L.points.map((p) => ({ x: p.x - r.x, y: p.y - r.y }))\n    }\n  })\n  state.cropRect = null\n  setMode(state, 'select')\n  syncCanvasSize(state)\n  render(state)\n  state.statusText = 'Cropped'\n  emitChange(state)\n}\n\nexport function cancelCrop(state) {\n  setMode(state, 'select')\n}\n\nexport function setCropRatio(state, v) {\n  state.cropRatio = v\n  state.notify()\n}\n\nexport function resetToOriginal(state) {\n  if (!state.originalCanvas) return\n  pushHistory(state)\n  state.sourceCanvas.width = state.originalCanvas.width\n  state.sourceCanvas.height = state.originalCanvas.height\n  state.sourceCanvas.getContext('2d').drawImage(state.originalCanvas, 0, 0)\n  state.layers = []\n  state.selectedId = null\n  state.zoom = 1\n  resetAdjValues(state)\n  syncCanvasSize(state)\n  render(state)\n  state.statusText = 'Reset to original'\n  emitChange(state)\n}\n"],"names":["centerDelta","state","L","mapCenter","b","layerBounds","oldCenter","newCenter","rotate","deg","pushHistory","rad","ow","oh","nw","nh","tmp","t","rot","x","y","dx","dy","delta","c","pt","syncCanvasSize","render","emitChange","flip","hz","w","h","fx","fy","applyCrop","r","normRect","p","setMode","cancelCrop","setCropRatio","v","resetToOriginal","resetAdjValues"],"mappings":"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"}
+{"version":3,"file":"index.es149.js","sources":["../src/components/organisms/image-editor/engine/text-editor.js"],"sourcesContent":["import {\n  keepingFixed,\n  layerBounds,\n  render,\n  renderOverlay,\n} from './rendering.js'\n\nconst EDITOR_FONT_SIZE = 16\nconst EDITOR_MIN_HEIGHT = 28\n\n// Grow the box to fit what is typed; no-op while hidden (scrollHeight is 0).\nexport function autoGrowTextEditor(state) {\n  const el = state.textEditorEl\n  if (!el || el.offsetParent === null) return\n  el.style.height = 'auto'\n  el.style.height = Math.max(EDITOR_MIN_HEIGHT, el.scrollHeight) + 'px'\n}\n\nexport function openTextEditor(state, L, selectAll) {\n  state.editingLayer = L\n  state.editingSelectAll = !!selectAll\n  const b = layerBounds(state, L),\n    r = state.overlayEl.getBoundingClientRect(),\n    wr = state.overlayEl.parentElement.getBoundingClientRect()\n  state.textEditorEl.value = L.text === 'Text' ? '' : L.text\n  state.textEditorEl.style.left =\n    r.left - wr.left + b.x * state.viewScale + 'px'\n  state.textEditorEl.style.top = r.top - wr.top + b.y * state.viewScale + 'px'\n  state.textEditorEl.style.width = Math.max(60, b.w * state.viewScale) + 'px'\n  state.textEditorEl.style.height =\n    Math.max(EDITOR_MIN_HEIGHT, b.h * state.viewScale) + 'px'\n  state.textEditorEl.style.fontFamily = L.font\n  state.textEditorEl.style.fontSize = EDITOR_FONT_SIZE + 'px'\n  state.textEditorEl.style.color = L.color\n  L._editing = true\n  renderOverlay(state)\n  state.notify()\n  // notify() is what un-hides the textarea, so measure on the next frame.\n  requestAnimationFrame(() => autoGrowTextEditor(state))\n}\n\nexport function commitTextEdit(state) {\n  if (!state.editingLayer) return\n  const L = state.editingLayer\n  // Longer text means taller bounds; hold the top-left corner.\n  keepingFixed(state, L, { x: L.x, y: L.y }, () => {\n    L.text =\n      state.textEditorEl.value.trim() === '' ? 'Text' : state.textEditorEl.value\n  })\n  L._editing = false\n  state.editingLayer = null\n  render(state)\n  state.notify()\n}\n\n// Committing alone leaves the hidden textarea focused, keeping the keyboard up.\nexport function blurTextEditor(state) {\n  if (!state.editingLayer) return\n  commitTextEdit(state)\n  if (state.textEditorEl) state.textEditorEl.blur()\n}\n"],"names":["EDITOR_FONT_SIZE","EDITOR_MIN_HEIGHT","autoGrowTextEditor","state","el","openTextEditor","L","selectAll","b","layerBounds","r","wr","renderOverlay","commitTextEdit","keepingFixed","render","blurTextEditor"],"mappings":";AAOA,MAAMA,IAAmB,IACnBC,IAAoB;AAGnB,SAASC,EAAmBC,GAAO;AACxC,QAAMC,IAAKD,EAAM;AACjB,EAAI,CAACC,KAAMA,EAAG,iBAAiB,SAC/BA,EAAG,MAAM,SAAS,QAClBA,EAAG,MAAM,SAAS,KAAK,IAAIH,GAAmBG,EAAG,YAAY,IAAI;AACnE;AAEO,SAASC,EAAeF,GAAOG,GAAGC,GAAW;AAClD,EAAAJ,EAAM,eAAeG,GACrBH,EAAM,mBAAmB,CAAC,CAACI;AAC3B,QAAMC,IAAIC,EAAYN,GAAOG,CAAC,GAC5BI,IAAIP,EAAM,UAAU,sBAAqB,GACzCQ,IAAKR,EAAM,UAAU,cAAc,sBAAqB;AAC1D,EAAAA,EAAM,aAAa,QAAQG,EAAE,SAAS,SAAS,KAAKA,EAAE,MACtDH,EAAM,aAAa,MAAM,OACvBO,EAAE,OAAOC,EAAG,OAAOH,EAAE,IAAIL,EAAM,YAAY,MAC7CA,EAAM,aAAa,MAAM,MAAMO,EAAE,MAAMC,EAAG,MAAMH,EAAE,IAAIL,EAAM,YAAY,MACxEA,EAAM,aAAa,MAAM,QAAQ,KAAK,IAAI,IAAIK,EAAE,IAAIL,EAAM,SAAS,IAAI,MACvEA,EAAM,aAAa,MAAM,SACvB,KAAK,IAAIF,GAAmBO,EAAE,IAAIL,EAAM,SAAS,IAAI,MACvDA,EAAM,aAAa,MAAM,aAAaG,EAAE,MACxCH,EAAM,aAAa,MAAM,WAAWH,IAAmB,MACvDG,EAAM,aAAa,MAAM,QAAQG,EAAE,OACnCA,EAAE,WAAW,IACbM,EAAcT,CAAK,GACnBA,EAAM,OAAM,GAEZ,sBAAsB,MAAMD,EAAmBC,CAAK,CAAC;AACvD;AAEO,SAASU,EAAeV,GAAO;AACpC,MAAI,CAACA,EAAM,aAAc;AACzB,QAAMG,IAAIH,EAAM;AAEhB,EAAAW,EAAaX,GAAOG,GAAG,EAAE,GAAGA,EAAE,GAAG,GAAGA,EAAE,EAAC,GAAI,MAAM;AAC/C,IAAAA,EAAE,OACAH,EAAM,aAAa,MAAM,KAAI,MAAO,KAAK,SAASA,EAAM,aAAa;AAAA,EACzE,CAAC,GACDG,EAAE,WAAW,IACbH,EAAM,eAAe,MACrBY,EAAOZ,CAAK,GACZA,EAAM,OAAM;AACd;AAGO,SAASa,EAAeb,GAAO;AACpC,EAAKA,EAAM,iBACXU,EAAeV,CAAK,GAChBA,EAAM,gBAAcA,EAAM,aAAa,KAAI;AACjD;"}

package/dist/index.es150.js

@@ -1,35 +1,41 @@
-import { renderOverlay as r } from "./index.es147.js";
-import { commitTextEdit as l } from "./index.es151.js";
-const t = {
-  select: "Select — click a layer to move it",
-  crop: "Crop — drag a box",
-  text: "Text tool",
-  draw: "Draw tool",
-  shape: "Shape tool",
-  sticker: "Sticker tool"
-};
-function n(o) {
-  return `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='${encodeURIComponent(o)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 2 4 4-14 14H4v-4L18 2z'/%3E%3Cpath d='m14.5 5.5 4 4'/%3E%3C/svg%3E") 2 22, crosshair`;
-}
-const i = {
-  select: "default",
-  crop: "crosshair",
-  text: "text",
-  shape: "crosshair",
-  sticker: "default"
-};
-function c(o) {
-  o.overlayEl && (o.overlayEl.style.cursor = o.mode === "draw" ? n(o.drawColor) : i[o.mode] || "default");
-}
-function p(o, e) {
-  o.mode !== "select" && l(o), o.mode = e, o.pendingShape = null, o.cropRect = null, c(o), r(o), o.statusText = t[e], o.notify();
+import { pushHistory as t } from "./index.es146.js";
+import { emitChange as d } from "./index.es144.js";
+import { render as a } from "./index.es145.js";
+function h(o, n) {
+  return new Promise((i, c) => {
+    const r = o.stickerImageCache.get(n);
+    if (r && r.complete && r.naturalWidth) {
+      i(r);
+      return;
+    }
+    const e = new Image();
+    e.crossOrigin = "anonymous", e.onload = () => {
+      o.stickerImageCache.set(n, e), i(e);
+    }, e.onerror = c, e.src = n;
+  });
 }
-function u(o, e) {
-  o.selectedId = e, r(o), o.notify();
+function l(o, n) {
+  h(o, n).then((i) => {
+    t(o);
+    const c = o.sourceCanvas.width * 0.25, r = c * (i.naturalHeight / i.naturalWidth || 1), e = {
+      id: o.nextId++,
+      type: "sticker",
+      src: n,
+      x: (o.sourceCanvas.width - c) / 2,
+      y: (o.sourceCanvas.height - r) / 2,
+      w: c,
+      h: r,
+      rotation: 0,
+      flipH: !1,
+      flipV: !1
+    };
+    o.layers.push(e), a(o), o.mode = "select", o.selectedId = e.id, o.statusText = "Sticker added", d(o);
+  }).catch(() => {
+    o.statusText = "Could not load that sticker (CORS?)", o.notify();
+  });
 }
 export {
-  c as applyModeCursor,
-  u as selectLayer,
-  p as setMode
+  l as addSticker,
+  h as loadStickerImage
 };
 //# sourceMappingURL=index.es150.js.map

package/dist/index.es150.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es150.js","sources":["../src/components/organisms/image-editor/engine/mode.js"],"sourcesContent":["import { renderOverlay } from './rendering.js'\nimport { commitTextEdit } from './text-editor.js'\n\nconst STATUS_BY_MODE = {\n  select: 'Select — click a layer to move it',\n  crop: 'Crop — drag a box',\n  text: 'Text tool',\n  draw: 'Draw tool',\n  shape: 'Shape tool',\n  sticker: 'Sticker tool',\n}\n\nfunction pencilCursor(color) {\n  const stroke = encodeURIComponent(color)\n  return `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='${stroke}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 2 4 4-14 14H4v-4L18 2z'/%3E%3Cpath d='m14.5 5.5 4 4'/%3E%3C/svg%3E\") 2 22, crosshair`\n}\n\nconst CURSOR_BY_MODE = {\n  select: 'default',\n  crop: 'crosshair',\n  text: 'text',\n  shape: 'crosshair',\n  sticker: 'default',\n}\n\nexport function applyModeCursor(state) {\n  if (!state.overlayEl) return\n  state.overlayEl.style.cursor =\n    state.mode === 'draw'\n      ? pencilCursor(state.drawColor)\n      : CURSOR_BY_MODE[state.mode] || 'default'\n}\n\nexport function setMode(state, m) {\n  if (state.mode !== 'select') commitTextEdit(state)\n  state.mode = m\n  state.pendingShape = null\n  state.cropRect = null\n  applyModeCursor(state)\n  renderOverlay(state)\n  state.statusText = STATUS_BY_MODE[m]\n  state.notify()\n}\n\nexport function selectLayer(state, id) {\n  state.selectedId = id\n  renderOverlay(state)\n  state.notify()\n}\n"],"names":["STATUS_BY_MODE","pencilCursor","color","CURSOR_BY_MODE","applyModeCursor","state","setMode","m","commitTextEdit","renderOverlay","selectLayer","id"],"mappings":";;AAGA,MAAMA,IAAiB;AAAA,EACrB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AACX;AAEA,SAASC,EAAaC,GAAO;AAE3B,SAAO,oIADQ,mBAAmBA,CAAK,CAC0G;AACnJ;AAEA,MAAMC,IAAiB;AAAA,EACrB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AACX;AAEO,SAASC,EAAgBC,GAAO;AACrC,EAAKA,EAAM,cACXA,EAAM,UAAU,MAAM,SACpBA,EAAM,SAAS,SACXJ,EAAaI,EAAM,SAAS,IAC5BF,EAAeE,EAAM,IAAI,KAAK;AACtC;AAEO,SAASC,EAAQD,GAAOE,GAAG;AAChC,EAAIF,EAAM,SAAS,YAAUG,EAAeH,CAAK,GACjDA,EAAM,OAAOE,GACbF,EAAM,eAAe,MACrBA,EAAM,WAAW,MACjBD,EAAgBC,CAAK,GACrBI,EAAcJ,CAAK,GACnBA,EAAM,aAAaL,EAAeO,CAAC,GACnCF,EAAM,OAAM;AACd;AAEO,SAASK,EAAYL,GAAOM,GAAI;AACrC,EAAAN,EAAM,aAAaM,GACnBF,EAAcJ,CAAK,GACnBA,EAAM,OAAM;AACd;"}
+{"version":3,"file":"index.es150.js","sources":["../src/components/organisms/image-editor/engine/stickers.js"],"sourcesContent":["import { pushHistory } from './history.js'\nimport { emitChange } from './state.js'\nimport { render } from './rendering.js'\n\nexport function loadStickerImage(state, src) {\n  return new Promise((resolve, reject) => {\n    const cached = state.stickerImageCache.get(src)\n    if (cached && cached.complete && cached.naturalWidth) {\n      resolve(cached)\n      return\n    }\n    const img = new Image()\n    img.crossOrigin = 'anonymous'\n    img.onload = () => {\n      state.stickerImageCache.set(src, img)\n      resolve(img)\n    }\n    img.onerror = reject\n    img.src = src\n  })\n}\n\nexport function addSticker(state, src) {\n  loadStickerImage(state, src)\n    .then((img) => {\n      pushHistory(state)\n      const w = state.sourceCanvas.width * 0.25\n      const h = w * (img.naturalHeight / img.naturalWidth || 1)\n      const L = {\n        id: state.nextId++,\n        type: 'sticker',\n        src,\n        x: (state.sourceCanvas.width - w) / 2,\n        y: (state.sourceCanvas.height - h) / 2,\n        w,\n        h,\n        rotation: 0,\n        flipH: false,\n        flipV: false,\n      }\n      state.layers.push(L)\n      render(state)\n      state.mode = 'select'\n      state.selectedId = L.id\n      state.statusText = 'Sticker added'\n      emitChange(state)\n    })\n    .catch(() => {\n      state.statusText = 'Could not load that sticker (CORS?)'\n      state.notify()\n    })\n}\n"],"names":["loadStickerImage","state","src","resolve","reject","cached","img","addSticker","pushHistory","w","h","L","render","emitChange"],"mappings":";;;AAIO,SAASA,EAAiBC,GAAOC,GAAK;AAC3C,SAAO,IAAI,QAAQ,CAACC,GAASC,MAAW;AACtC,UAAMC,IAASJ,EAAM,kBAAkB,IAAIC,CAAG;AAC9C,QAAIG,KAAUA,EAAO,YAAYA,EAAO,cAAc;AACpD,MAAAF,EAAQE,CAAM;AACd;AAAA,IACF;AACA,UAAMC,IAAM,IAAI,MAAK;AACrB,IAAAA,EAAI,cAAc,aAClBA,EAAI,SAAS,MAAM;AACjB,MAAAL,EAAM,kBAAkB,IAAIC,GAAKI,CAAG,GACpCH,EAAQG,CAAG;AAAA,IACb,GACAA,EAAI,UAAUF,GACdE,EAAI,MAAMJ;AAAA,EACZ,CAAC;AACH;AAEO,SAASK,EAAWN,GAAOC,GAAK;AACrC,EAAAF,EAAiBC,GAAOC,CAAG,EACxB,KAAK,CAACI,MAAQ;AACb,IAAAE,EAAYP,CAAK;AACjB,UAAMQ,IAAIR,EAAM,aAAa,QAAQ,MAC/BS,IAAID,KAAKH,EAAI,gBAAgBA,EAAI,gBAAgB,IACjDK,IAAI;AAAA,MACR,IAAIV,EAAM;AAAA,MACV,MAAM;AAAA,MACN,KAAAC;AAAA,MACA,IAAID,EAAM,aAAa,QAAQQ,KAAK;AAAA,MACpC,IAAIR,EAAM,aAAa,SAASS,KAAK;AAAA,MACrC,GAAAD;AAAA,MACA,GAAAC;AAAA,MACA,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAO;AAAA,IACf;AACM,IAAAT,EAAM,OAAO,KAAKU,CAAC,GACnBC,EAAOX,CAAK,GACZA,EAAM,OAAO,UACbA,EAAM,aAAaU,EAAE,IACrBV,EAAM,aAAa,iBACnBY,EAAWZ,CAAK;AAAA,EAClB,CAAC,EACA,MAAM,MAAM;AACX,IAAAA,EAAM,aAAa,uCACnBA,EAAM,OAAM;AAAA,EACd,CAAC;AACL;"}