@weasel-js/core 1.9.3 → 1.10.0

package/dist/features/selection/overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","names":["projectBounds","t","viewToTransform","view","sx","sy","worldToScreen","b","leavesOf","isContainer","id","out","visit","kids","getChildren","nid","k","composeSelectionPose","opts","d","AUTO_POSE_DESCRIPTOR","selectionLeaves","resolveLeaf","moved","moveOverlay","resizeOverlay","getStoredPose","leaves","containerResizeLeafPoses","leafBounds","leafId","visualBoundsViaDescriptor","overlayLeaf","u","unionAABB","makeContainerAwareBoundsResolver","oriented","p","getPose","DEFAULT_OUTLINE","DEFAULT_HANDLE_FILL","DEFAULT_HANDLE_OUTLINE","DEFAULT_HANDLE_SIZE","HANDLE_BASE_PX","defaultHandlesOf","resolveOutlineStroke","resolveHandles","rotateAroundMat3","c","theta","s","tx","cx","cy","ty","rectPathFor","outlineCommandsFor","align","stroke","width","resolveStrokeWidth","ids","worldB","resolveBounds","padded","pad","rot","poseRotationOf","r","alignedStrokeRect","q","screenCorners","PATH_M","PATH_L","PATH_Z","rectCorners","w","rotatePoint","x","y","ccx","ccy","normal","nx","a","ny","l","mx","my","n1","i","n2","handleCommandsFor","half","handles","handleAlign","handleWidth","angle","screenAngleOf","hLocal","handlesOf","hWorld","hsx","hsy","center","baseRect","sr","fillCmd","strokeCmd","rotationHandleCommands","rotationHandle","distance","rotation","scx","scy","size","arcRadius","ARC_HALF_ANGLE","arcWidth","cmds","xs","ys","arcCoords","arcPath","headLen","headWidth","arrowHead","len","ux","uy","px","py","tipX","endX","tipY","endY","baseLeftX","baseLeftY","baseRightX","baseRightY","angleA","endAX","endAY","tangentAX","tangentAY","angleB","endBX","endBY","tangentBX","tangentBY","headA","headB","headFill","transform","mat3","buildSelectionLayer","passes","poseBounds","rotationHandleDistance","rotationBadgeOf","chromeState","asChromeState","data","allIds","chromeSelectionIds","suppressed","isVisible","asIsVisible","showOutline","showHandles","showRotation","resolveTargetBounds","MULTI_RESIZE_TARGET_ID","outlineIdsRaw","outlineIds","cmd","DEFAULT_ROTATION_HANDLE_DISTANCE","createSelectionOutlineLayer","createSelectionHandlesLayer","createSelectionOverlayLayer","maybe","state"],"sources":["../../../src/features/selection/overlay.ts"],"sourcesContent":["/**\n * Selection overlay primitives — render layers for drawing selection\n * outlines and corner resize handles in world space.\n *\n * Three pieces:\n *   - `composeSelectionPose` resolves the live pose for a selected id by\n *     consulting the move overlay first, then the resize overlay, then the\n *     stored pose. When `getChildren`/`isContainer` are supplied and the id\n *     resolves to a container, the returned pose is the union AABB of all\n *     transitive leaf poses (with the same precedence rules applied per leaf).\n *   - `createSelectionOutlineLayer` draws the outline rect for each selected\n *     id (container ids resolve to a union AABB via `getChildren`/`isContainer`).\n *   - `createSelectionHandlesLayer` draws resize-handle rects (default 4\n *     corners) for each selected id, with the same container-resolution rules.\n *\n * `createSelectionOverlayLayer` is a thin convenience that returns a single\n * `RenderLayer` whose draw runs the outline pass then the handles pass.\n *\n * **Pose shape:** TPose is generic; callers pass `poseDescriptor` for poses\n * `AUTO_POSE_DESCRIPTOR` can't read. Container ids reduce via `unionAABB`\n * over the projected AABBs.\n */\n\nimport type { DrawCommand } from '../../renderer';\nimport { mat3, type GlMat3 } from '../../renderer';\nimport type { NodeId } from 'core/scene/types';\nimport type { RenderLayer } from 'core/layers/render';\nimport { unionAABB } from 'core/geometry/unionBounds';\nimport {\n  visualBoundsViaDescriptor,\n  type PoseDescriptor,\n} from 'core/geometry/poseDescriptor';\nimport { AUTO_POSE_DESCRIPTOR } from 'interactions/actions/resize/autoPoseDescriptor';\nimport { alignedStrokeRect, type FillStyle, type Stroke } from '@weasel-js/paint';\nimport { resolveStrokeWidth } from 'features/paths/tessellate/stroke';\nimport {\n  rotationHandle,\n  DEFAULT_ROTATION_HANDLE_DISTANCE,\n} from 'interactions/actions/rotate/handle';\nimport { rectCorners, rotatePoint } from 'interactions/actions/rotate/geometry';\nimport { poseRotationOf } from 'core/geometry/poseRotation';\nimport type { Bounds } from 'core/viewport/fitViewToBounds';\nimport type { ChromeState } from 'core/selection/chromeState';\nimport { MULTI_RESIZE_TARGET_ID } from 'core/selection/selectionTarget';\nimport type { View } from 'core/viewport/view';\nimport { viewToTransform } from 'core/viewport/view';\nimport { worldToScreen } from 'core/viewport/viewTransform';\nimport { screenAngleOf } from 'core/viewport/pxExtent';\nimport { PATH_L, PATH_M, PATH_Z, type PolygonPath } from '@weasel-js/geom';\nimport { HANDLE_BASE_PX } from 'core/device/targets';\n\n/** Project world AABB into screen-space AABB using the active view. */\nfunction projectBounds<B extends Bounds>(b: B, view: View): B {\n  const t = viewToTransform(view);\n  const [sx, sy] = worldToScreen(b.x, b.y, t);\n  return { ...b, x: sx, y: sy, width: b.width * view.scale.x, height: b.height * view.scale.y };\n}\n\n\n/**\n * Transitive leaf ids under `id`. A childless node is a leaf only if it is not\n * itself a container: an empty container contributes no bounds, and its own\n * stored pose is at its most stale when no children are left to have moved it.\n */\nfunction leavesOf(\n  id: string,\n  getChildren: (id: string) => readonly string[],\n  isContainer: (id: string) => boolean,\n): string[] {\n  if (!isContainer(id)) return [id];\n  const out: string[] = [];\n  const visit = (nid: string) => {\n    const kids = getChildren(nid);\n    if (kids.length === 0) { if (!isContainer(nid)) out.push(nid); return; }\n    for (const k of kids) visit(k);\n  };\n  visit(id);\n  return out;\n}\n\n/** Options for `composeSelectionPose`. */\nexport interface ComposeSelectionPoseOpts<TPose> {\n  /** Move overlay; when present its `poses` map wins over everything else. */\n  moveOverlay?: { poses: Map<string, TPose> } | null;\n  /**\n   * Resize overlay; consulted only when move overlay does not own the id.\n   * For container resize, `leafPoses` (when present) maps each leaf id under\n   * the container to its overlay pose. If absent the container falls back to\n   * stored leaf poses (defensive — container-resize integration is in flight).\n   */\n  resizeOverlay?: {\n    id: string;\n    currentPose: TPose;\n    leafPoses?: Map<string, TPose>;\n  } | null;\n  /** Fallback pose lookup (typically the stored/committed pose). */\n  getStoredPose: (id: string) => TPose;\n  /** How to read poses. Default `AUTO_POSE_DESCRIPTOR`. */\n  poseDescriptor?: PoseDescriptor<TPose>;\n  /** Walk a container's direct children (e.g. `scene.childrenOf`). With\n   *  `isContainer`, a selected container resolves to the union AABB of its\n   *  transitive leaf poses instead of its own stored pose. */\n  getChildren?: (id: string) => readonly string[];\n  /** True when `id` is a structural container. */\n  isContainer?: (id: string) => boolean;\n}\n\n/**\n * Build a pose resolver for a selection. Precedence per id:\n * move overlay > resize overlay > stored. When `getChildren`/`isContainer`\n * are supplied and the id resolves to a container, the resolver returns the\n * union AABB of all transitive leaf poses (each leaf still subject to the\n * precedence rules). Containers with no leaves resolve to `null`.\n */\nexport function composeSelectionPose<TPose>(\n  opts: ComposeSelectionPoseOpts<TPose>,\n): (id: string) => TPose | null {\n  const { moveOverlay, resizeOverlay, getStoredPose, getChildren, isContainer } = opts;\n  const d = (opts.poseDescriptor ?? AUTO_POSE_DESCRIPTOR) as PoseDescriptor<TPose>;\n\n  const selectionLeaves = (id: string): string[] =>\n    getChildren && isContainer ? leavesOf(id, getChildren, isContainer) : [id];\n\n  const resolveLeaf = (id: string): TPose => {\n    const moved = moveOverlay?.poses.get(id);\n    if (moved !== undefined) return moved;\n    if (resizeOverlay && resizeOverlay.id === id) return resizeOverlay.currentPose;\n    return getStoredPose(id);\n  };\n\n  return (id: string): TPose | null => {\n    if (isContainer?.(id)) {\n      const leaves = selectionLeaves(id);\n      if (leaves.length === 0) return null;\n      const containerResizeLeafPoses =\n        resizeOverlay && resizeOverlay.id === id ? resizeOverlay.leafPoses : undefined;\n      const leafBounds: Bounds[] = [];\n      for (const leafId of leaves) {\n        const moved = moveOverlay?.poses.get(leafId);\n        if (moved !== undefined) {\n          leafBounds.push(visualBoundsViaDescriptor(moved, d));\n          continue;\n        }\n        const overlayLeaf = containerResizeLeafPoses?.get(leafId);\n        if (overlayLeaf !== undefined) {\n          leafBounds.push(visualBoundsViaDescriptor(overlayLeaf, d));\n          continue;\n        }\n        leafBounds.push(visualBoundsViaDescriptor(getStoredPose(leafId), d));\n      }\n      const u = unionAABB(leafBounds);\n      if (u === null) return null;\n      return d.fromBounds(u, getStoredPose(leaves[0]!));\n    }\n    return resolveLeaf(id);\n  };\n}\n\n/**\n * Build a pose resolver that handles container ids by computing the union\n * AABB of every leaf's bounds. Non-container ids pass through directly. When\n * `getChildren`/`isContainer` are omitted, every id is treated as a leaf.\n */\nfunction makeContainerAwareBoundsResolver<TPose>(\n  getPose: (id: string) => TPose | null,\n  d: PoseDescriptor<TPose>,\n  getChildren?: (id: string) => readonly string[],\n  isContainer?: (id: string) => boolean,\n): (id: string) => Bounds | null {\n  const oriented = (p: TPose): Bounds => {\n    const b = d.getBounds(p);\n    const r = d.getRotation?.(p);\n    return r ? { ...b, rotation: r } : b;\n  };\n  if (getChildren === undefined || isContainer === undefined) {\n    return (id: string) => {\n      const p = getPose(id);\n      return p === null ? null : oriented(p);\n    };\n  }\n  return (id: string): Bounds | null => {\n    if (!isContainer(id)) {\n      const p = getPose(id);\n      return p === null ? null : oriented(p);\n    }\n    const leaves = leavesOf(id, getChildren, isContainer);\n    if (leaves.length === 0) return null;\n    const leafBounds: Bounds[] = [];\n    for (const leafId of leaves) {\n      const p = getPose(leafId);\n      if (p !== null) leafBounds.push(visualBoundsViaDescriptor(p, d));\n    }\n    if (leafBounds.length === 0) return null;\n    return unionAABB(leafBounds);\n  };\n}\n\n/** Options every selection layer shares. `getSelection` and `getPose` are\n *  declared on {@link SelectionOverlayLayerOpts}, which makes both optional —\n *  omitted, they come off the draw envelope. */\ninterface SelectionLayerCommon<TPose> {\n  /** How to read poses. Default `AUTO_POSE_DESCRIPTOR`. */\n  poseDescriptor?: PoseDescriptor<TPose>;\n  /** Walk a container's direct children (e.g. `scene.childrenOf`). When\n   *  supplied with `isContainer`, any id that resolves to a container is\n   *  rendered using the union bounds of all its transitive leaves. */\n  getChildren?: (id: string) => readonly string[];\n  /** True when `id` is a structural container. */\n  isContainer?: (id: string) => boolean;\n}\n\n/** Options for `createSelectionOutlineLayer`. The overlay layer's options\n *  minus the handle visuals — the two run the same body. */\nexport type SelectionOutlineLayerOpts<TPose> =\n  Omit<SelectionOverlayLayerOpts<TPose>, 'handles' | 'handlesOf' | 'rotationHandle'>;\n\n/** Options for `createSelectionHandlesLayer`. The overlay layer's options\n *  minus the outline stroke — the two run the same body. */\nexport type SelectionHandlesLayerOpts<TPose> =\n  Omit<SelectionOverlayLayerOpts<TPose>, 'outline'>;\n\n/** Options for `createSelectionOverlayLayer`. */\nexport interface SelectionOverlayLayerOpts<TPose>\n  extends SelectionLayerCommon<TPose> {\n  /**\n   * Which ids to draw chrome for. Omit to take them from the `ChromeState` on\n   * the draw envelope, which is what makes one canvas's several views each\n   * outline their own selection — the layer is shared, the envelope is not.\n   *\n   * A multi-selection resolves to the synthetic union id, with the real\n   * members going to the outline pass, exactly as the explicit form does.\n   */\n  getSelection?: () => readonly NodeId[];\n  /**\n   * Resolve an id to the pose to draw chrome around. Return null to skip an\n   * id. Omit to take bounds from the same envelope `getSelection` omitted\n   * takes ids from — one cascade, the one the chrome state was built with,\n   * rather than a second one here that has to agree with it.\n   *\n   * Takes `string` rather than `NodeId` because the container-aware resolver\n   * walks expanded leaf ids via `getChildren`, which is generic over strings.\n   */\n  getPose?: (id: string) => TPose | null;\n  outline?: Stroke & { pad?: number };\n  /** Pass `false` to render outlines only. */\n  handles?: SelectionHandleStyle | false;\n  handlesOf?: (bounds: Bounds) => { x: number; y: number }[];\n  /** Draw a rotate badge above the selection's top edge. `true` places it at\n   *  the default offset; `distance` sets the offset in screen pixels. Off by\n   *  default. */\n  rotationHandle?:\n    | boolean\n    | {\n        distance?: number;\n      };\n  /** Optional separate id list for the per-item outline pass. Use this in\n   *  multi-selection contexts where the handle pass works against a synthetic\n   *  union id (e.g. `MULTI_RESIZE_TARGET_ID`) but consumers still want to\n   *  see outlines around each real member. When omitted, the outline pass\n   *  uses the same `getSelection` ids as the handle pass. */\n  getOutlineIds?: () => readonly NodeId[];\n  /** Optional set of ids to suppress entirely — both outline and handles\n   *  are skipped. Used by SceneCanvas to hide the standard selection\n   *  chrome on the node currently in path-anchor edit mode, where the\n   *  per-anchor chrome takes over. */\n  getSuppressedIds?: () => ReadonlySet<string>;\n}\n\nconst DEFAULT_OUTLINE: Required<Pick<Stroke, 'paint' | 'width'>> & { pad: number } = {\n  paint: { fill: 'solid', color: '#f0e0a8' },\n  width: 2,\n  pad: 1,\n};\nconst DEFAULT_HANDLE_FILL: FillStyle = { fill: 'solid', color: '#d4c4a8' };\nconst DEFAULT_HANDLE_OUTLINE: Stroke = {\n  paint: { fill: 'solid', color: '#1a130d' },\n  width: 1,\n};\nconst DEFAULT_HANDLE_SIZE = HANDLE_BASE_PX;\n\nfunction defaultHandlesOf(b: Bounds): { x: number; y: number }[] {\n  return [\n    { x: b.x, y: b.y },\n    { x: b.x + b.width, y: b.y },\n    { x: b.x, y: b.y + b.height },\n    { x: b.x + b.width, y: b.y + b.height },\n  ];\n}\n\nfunction resolveOutlineStroke(opts?: Stroke & { pad?: number }): {\n  stroke: Stroke;\n  pad: number;\n} {\n  if (!opts) {\n    return {\n      stroke: { paint: DEFAULT_OUTLINE.paint, width: DEFAULT_OUTLINE.width },\n      pad: DEFAULT_OUTLINE.pad,\n    };\n  }\n  return {\n    stroke: {\n      paint: opts.paint,\n      width: opts.width ?? DEFAULT_OUTLINE.width,\n      dash: opts.dash,\n      cap: opts.cap,\n      join: opts.join,\n      align: opts.align,\n    },\n    pad: opts.pad ?? DEFAULT_OUTLINE.pad,\n  };\n}\n\n/** Handle visuals, as a consumer supplies them. */\nexport interface SelectionHandleStyle {\n  size?: number;\n  fill?: FillStyle;\n  outline?: Stroke;\n}\n\ninterface ResolvedHandles {\n  size: number;\n  fill: FillStyle;\n  outline: Stroke;\n}\n\nfunction resolveHandles(opts?: SelectionHandleStyle): ResolvedHandles {\n  return {\n    size: opts?.size ?? DEFAULT_HANDLE_SIZE,\n    fill: opts?.fill ?? DEFAULT_HANDLE_FILL,\n    outline: opts?.outline ?? DEFAULT_HANDLE_OUTLINE,\n  };\n}\n\n/**\n * GL helper: build the matrix `translate(cx, cy) * rotate(θ) * translate(-cx, -cy)`\n * used to wrap rotated outline / handle commands.\n */\nfunction rotateAroundMat3(cx: number, cy: number, theta: number): GlMat3 {\n  const c = Math.cos(theta);\n  const s = Math.sin(theta);\n  // Composed in column-major (matches mat3 helpers): T(cx,cy) · R(θ) · T(-cx,-cy).\n  // After expansion: a=c, b=s, c'=-s, d=c, tx=cx - c*cx + s*cy, ty=cy - s*cx - c*cy.\n  const tx = cx - c * cx + s * cy;\n  const ty = cy - s * cx - c * cy;\n  return new Float32Array([\n    c, s, 0,\n    -s, c, 0,\n    tx, ty, 1,\n  ]) as GlMat3;\n}\n\n/** GL helper: emit a closed rect path (kind:'rect'). */\nfunction rectPathFor(x: number, y: number, width: number, height: number): { kind: 'rect'; x: number; y: number; width: number; height: number } {\n  return { kind: 'rect', x, y, width, height };\n}\n\n/** GL helper: emit an outline command for one bounds entry. */\nfunction outlineCommandsFor(\n  ids: readonly string[],\n  resolveBounds: (id: string) => Bounds | null,\n  stroke: Stroke,\n  pad: number,\n  view: View,\n): DrawCommand[] {\n  const out: DrawCommand[] = [];\n  const align = stroke.align ?? 'center';\n  const width = resolveStrokeWidth(stroke.width ?? 1, 1);\n  for (const id of ids) {\n    const worldB = resolveBounds(id);\n    if (!worldB) continue;\n    const b = projectBounds(worldB, view);\n    const padded = {\n      x: b.x - pad,\n      y: b.y - pad,\n      width: b.width + pad * 2,\n      height: b.height + pad * 2,\n    };\n    const rot = poseRotationOf(worldB);\n    if (!rot) {\n      const r = alignedStrokeRect(padded, align, width);\n      out.push({ kind: 'path', path: rectPathFor(r.x, r.y, r.width, r.height), stroke });\n      continue;\n    }\n    // Turned, the target lands on screen as a parallelogram whenever the zoom\n    // is non-uniform, so the outline is traced through its projected corners\n    // rather than drawn as a screen rect and turned. `alignedStrokeRect`'s\n    // shift is folded into the offset so the ribbon lands where it would.\n    const shift = align === 'outer' ? width / 2 : align === 'inner' ? -width / 2 : 0;\n    const q = screenCorners(worldB, rot, view, pad + shift);\n    out.push({\n      kind: 'path',\n      path: {\n        kind: 'polygon',\n        commands: new Uint8Array([PATH_M, PATH_L, PATH_L, PATH_L, PATH_Z]),\n        coords: new Float32Array([q[0].x, q[0].y, q[1].x, q[1].y, q[2].x, q[2].y, q[3].x, q[3].y]),\n        fillRule: 'nonzero',\n      },\n      stroke: { ...stroke, align: 'center' },\n    });\n  }\n  return out;\n}\n\n/**\n * A turned target's corners on screen, TL/TR/BR/BL, each pushed `pad` screen\n * pixels out from both edges that meet there.\n */\nfunction screenCorners(\n  worldB: Bounds,\n  rot: { cx: number; cy: number; rotation: number },\n  view: View,\n  pad: number,\n): { x: number; y: number }[] {\n  const t = viewToTransform(view);\n  const q = rectCorners(worldB).map((c) => {\n    const w = rotatePoint(c.x, c.y, rot.cx, rot.cy, rot.rotation);\n    const [x, y] = worldToScreen(w.x, w.y, t);\n    return { x, y };\n  });\n  if (pad === 0) return q;\n  const [ccx, ccy] = worldToScreen(rot.cx, rot.cy, t);\n  const normal = (a: { x: number; y: number }, b: { x: number; y: number }) => {\n    let nx = -(b.y - a.y), ny = b.x - a.x;\n    const l = Math.hypot(nx, ny) || 1;\n    nx /= l; ny /= l;\n    const mx = (a.x + b.x) / 2 - ccx, my = (a.y + b.y) / 2 - ccy;\n    return nx * mx + ny * my < 0 ? { x: -nx, y: -ny } : { x: nx, y: ny };\n  };\n  return q.map((c, i) => {\n    const n1 = normal(q[(i + 3) % 4], c);\n    const n2 = normal(c, q[(i + 1) % 4]);\n    // The point `pad` off both edge lines.\n    const k = pad / (1 + n1.x * n2.x + n1.y * n2.y);\n    return { x: c.x + (n1.x + n2.x) * k, y: c.y + (n1.y + n2.y) * k };\n  });\n}\n\n/** GL helper: emit handle fill+stroke commands for one bounds entry. */\nfunction handleCommandsFor(\n  ids: readonly string[],\n  resolveBounds: (id: string) => Bounds | null,\n  handles: ResolvedHandles,\n  handlesOf: (b: Bounds) => { x: number; y: number }[],\n  view: View,\n): DrawCommand[] {\n  const out: DrawCommand[] = [];\n  const half = handles.size / 2;\n  const handleAlign = handles.outline.align ?? 'center';\n  const handleWidth = resolveStrokeWidth(handles.outline.width ?? 1, 1);\n  for (const id of ids) {\n    const worldB = resolveBounds(id);\n    if (!worldB) continue;\n    // Rotation gate + angle from the kit's one convention. Turned in world,\n    // then projected: turning the projected point instead lands somewhere else\n    // under non-uniform zoom.\n    const r = poseRotationOf(worldB);\n    const t = viewToTransform(view);\n    const angle = r ? screenAngleOf(r.rotation, view.scale) : 0;\n    for (const hLocal of handlesOf(worldB)) {\n      const hWorld = r ? rotatePoint(hLocal.x, hLocal.y, r.cx, r.cy, r.rotation) : hLocal;\n      const [hsx, hsy] = worldToScreen(hWorld.x, hWorld.y, t);\n      const center = { x: hsx, y: hsy };\n      const baseRect = {\n        x: center.x - half,\n        y: center.y - half,\n        width: handles.size,\n        height: handles.size,\n      };\n      const sr = alignedStrokeRect(baseRect, handleAlign, handleWidth);\n      const fillCmd: DrawCommand = {\n        kind: 'path',\n        path: rectPathFor(baseRect.x, baseRect.y, baseRect.width, baseRect.height),\n        fill: handles.fill,\n      };\n      const strokeCmd: DrawCommand = {\n        kind: 'path',\n        path: rectPathFor(sr.x, sr.y, sr.width, sr.height),\n        stroke: handles.outline,\n      };\n      if (!r) {\n        out.push(fillCmd, strokeCmd);\n      } else {\n        out.push({\n          kind: 'group',\n          transform: rotateAroundMat3(center.x, center.y, angle),\n          children: [fillCmd, strokeCmd],\n        });\n      }\n    }\n  }\n  return out;\n}\n\n/** GL helper: emit a curved double-headed arrow indicating bidirectional\n *  rotation. The arc opens *toward* the object (apex on top, mouth pointing\n *  down) so the affordance reads as a small \"rotate\" badge sitting above\n *  the rect. Two arrowheads at the arc endpoints point along the tangent,\n *  signaling that rotation goes either direction. */\nfunction rotationHandleCommands(\n  worldB: Bounds,\n  handles: ResolvedHandles,\n  distance: number,\n  view: View,\n): DrawCommand[] {\n  const hWorld = rotationHandle(worldB, distance, view.scale);\n  const rotation = hWorld.angle;\n  const t = viewToTransform(view);\n  const [scx, scy] = worldToScreen(hWorld.cx, hWorld.cy, t);\n  const size = handles.size;\n  const arcRadius = size;\n  // Arc spans ~240° (from 150° to -30° measured from arc center, going\n  // CCW). The arc center is the handle anchor; the arc itself bulges\n  // *toward the rect* (downward, since the handle sits above the AABB).\n  const ARC_HALF_ANGLE = (Math.PI * 240) / 360 / 2; // 120°\n  const N_SEGS = 18;\n  const arcWidth = resolveStrokeWidth(handles.outline.width ?? 1, 1) * 1.5;\n  const stroke: Stroke = {\n    paint: handles.fill,\n    width: arcWidth,\n    cap: 'round',\n    join: 'round',\n  };\n  // Build the arc as a polyline in handle-local coords. Arc bulges *away*\n  // from the rect (upward in canvas space, since the handle sits above the\n  // AABB top edge): apex at -y, endpoints at +y near the rect side.\n  const cmds: number[] = [PATH_M];\n  const xs: number[] = [];\n  const ys: number[] = [];\n  for (let i = 0; i <= N_SEGS; i++) {\n    const t = i / N_SEGS;\n    const angle = ARC_HALF_ANGLE - t * ARC_HALF_ANGLE * 2;\n    xs.push(arcRadius * Math.sin(angle));\n    ys.push(-arcRadius * Math.cos(angle));\n    if (i > 0) cmds.push(PATH_L);\n  }\n  const arcCoords: number[] = [];\n  for (let i = 0; i < xs.length; i++) {\n    arcCoords.push(xs[i], ys[i]);\n  }\n  const arcPath: PolygonPath = {\n    kind: 'polygon',\n    commands: new Uint8Array(cmds),\n    coords: new Float32Array(arcCoords),\n    fillRule: 'nonzero',\n  };\n  // Arrowheads: small filled triangles at each endpoint, pointing along\n  // the tangent (away from the arc body). Tangent at endpoint = derivative\n  // of (sin(angle), cos(angle)) wrt angle = (cos(angle), -sin(angle)).\n  // At +ARC_HALF_ANGLE the tangent points \"outward and slightly up\"; at\n  // -ARC_HALF_ANGLE the tangent points the other way.\n  const headLen = size * 0.6;\n  const headWidth = size * 0.4;\n  const arrowHead = (endX: number, endY: number, tx: number, ty: number): PolygonPath => {\n    // Normalize tangent.\n    const len = Math.hypot(tx, ty) || 1;\n    const ux = tx / len;\n    const uy = ty / len;\n    // Perpendicular (rotate tangent 90° CCW).\n    const px = -uy;\n    const py = ux;\n    // Triangle: tip is endX+ux*headLen, base is endX (with +/- headWidth/2 along p).\n    const tipX = endX + ux * headLen;\n    const tipY = endY + uy * headLen;\n    const baseLeftX = endX + px * (headWidth / 2);\n    const baseLeftY = endY + py * (headWidth / 2);\n    const baseRightX = endX - px * (headWidth / 2);\n    const baseRightY = endY - py * (headWidth / 2);\n    return {\n      kind: 'polygon',\n      commands: new Uint8Array([PATH_M, PATH_L, PATH_L, PATH_L]),\n      coords: new Float32Array([tipX, tipY, baseLeftX, baseLeftY, baseRightX, baseRightY, tipX, tipY]),\n      fillRule: 'nonzero',\n    };\n  };\n  // Endpoint A (right side, angle = +ARC_HALF_ANGLE). Arc point:\n  // (sin(a)·R, -cos(a)·R). Tangent (d/da) = (cos(a)·R, sin(a)·R) — points\n  // outward/down at the right end. Use as \"rotate further clockwise\" arrow.\n  const angleA = ARC_HALF_ANGLE;\n  const endAX = arcRadius * Math.sin(angleA);\n  const endAY = -arcRadius * Math.cos(angleA);\n  const tangentAX = Math.cos(angleA);\n  const tangentAY = Math.sin(angleA);\n  // Endpoint B (left side, angle = -ARC_HALF_ANGLE): tangent in the\n  // outward direction is the negation of the above.\n  const angleB = -ARC_HALF_ANGLE;\n  const endBX = arcRadius * Math.sin(angleB);\n  const endBY = -arcRadius * Math.cos(angleB);\n  const tangentBX = -Math.cos(angleB);\n  const tangentBY = -Math.sin(angleB);\n  const headA = arrowHead(endAX, endAY, tangentAX, tangentAY);\n  const headB = arrowHead(endBX, endBY, tangentBX, tangentBY);\n  const headFill: FillStyle = handles.fill;\n  // Build transform: translate(scx, scy) [* rotate(rotation)].\n  let transform = mat3.translated(mat3.identity(), scx, scy);\n  if (rotation !== 0) {\n    const c = Math.cos(rotation);\n    const s = Math.sin(rotation);\n    const rot = new Float32Array([c, s, 0, -s, c, 0, 0, 0, 1]) as GlMat3;\n    transform = mat3.multiply(transform, rot);\n  }\n  return [\n    {\n      kind: 'group',\n      transform,\n      children: [\n        { kind: 'path', path: arcPath, stroke },\n        { kind: 'path', path: headA, fill: headFill },\n        { kind: 'path', path: headB, fill: headFill },\n      ],\n    },\n  ];\n}\n\n/** Which passes a selection layer runs. The three exported factories differ\n *  only in this — everything else they do is shared, so a fix to one is a fix\n *  to all three. */\ninterface SelectionPasses {\n  readonly id: string;\n  readonly label: string;\n  readonly outline: boolean;\n  readonly handles: boolean;\n}\n\nfunction buildSelectionLayer<TPose>(\n  opts: SelectionOverlayLayerOpts<TPose>,\n  passes: SelectionPasses,\n): RenderLayer<unknown> {\n  const { stroke, pad } = resolveOutlineStroke(opts.outline);\n  const handlesEnabled = passes.handles && opts.handles !== false;\n  const handles = handlesEnabled ? resolveHandles(opts.handles || undefined) : null;\n  const handlesOf = opts.handlesOf ?? defaultHandlesOf;\n  const d = (opts.poseDescriptor ?? AUTO_POSE_DESCRIPTOR) as PoseDescriptor<TPose>;\n  const getPose = opts.getPose;\n  const poseBounds = getPose\n    ? makeContainerAwareBoundsResolver(getPose, d, opts.getChildren, opts.isContainer)\n    : null;\n  const rotationHandleDistance = passes.handles\n    ? rotationBadgeOf(opts)?.distancePx ?? null\n    : null;\n\n  return {\n    id: passes.id,\n    label: passes.label,\n    space: 'screen',\n    draw: (data, view) => {\n      // The synthetic multi-resize id resolves to `ChromeState.unionBounds`,\n      // the single owner of the multi-selection union AABB — the same value\n      // the affordance hit-tester (`affordanceAt` / `composeAffordanceLayer`)\n      // reads, so painted chrome and its hit region stay in agreement. When\n      // no chromeState rides the draw envelope (bare/test callers), fall\n      // through to the supplied resolver so they can synthesize it via\n      // `getPose`.\n      const chromeState = asChromeState(data);\n      const allIds = opts.getSelection\n        ? opts.getSelection()\n        : chromeSelectionIds(chromeState);\n      if (allIds.length === 0) return [];\n      const suppressed = opts.getSuppressedIds?.();\n      const ids = suppressed && suppressed.size > 0\n        ? allIds.filter((id) => !suppressed.has(id as unknown as string))\n        : allIds;\n      if (ids.length === 0) return [];\n      // Chrome-caps: gate each of the three passes (outline, resize\n      // handles, rotation handle) on its canonical id. When no\n      // `getIsVisible` is wired (legacy callers / tests), every pass\n      // runs — preserving pre-chrome-caps behavior.\n      const isVisible = asIsVisible(data);\n      const showOutline = passes.outline && (isVisible ? isVisible('selection.outline') : true);\n      const showHandles = isVisible ? isVisible('selection.resize-handles') : true;\n      const showRotation = isVisible ? isVisible('selection.rotation-handle') : true;\n\n      const resolveBounds = poseBounds ?? ((id: string) => chromeState?.boundsOf(id) ?? null);\n      const resolveTargetBounds = (id: string): Bounds | null => {\n        if (id === MULTI_RESIZE_TARGET_ID && chromeState?.unionBounds != null) {\n          return chromeState.unionBounds;\n        }\n        return resolveBounds(id);\n      };\n\n      const out: DrawCommand[] = [];\n      if (showOutline) {\n        const outlineIdsRaw = opts.getOutlineIds\n          ? opts.getOutlineIds()\n          : (opts.getSelection ? ids : (chromeState?.selection ?? ids));\n        const outlineIds = suppressed && suppressed.size > 0\n          ? outlineIdsRaw.filter((id) => !suppressed.has(id as unknown as string))\n          : outlineIdsRaw;\n        for (const cmd of outlineCommandsFor(outlineIds, resolveTargetBounds, stroke, pad, view)) out.push(cmd);\n      }\n      if (!handles) return out;\n      if (showHandles) {\n        for (const cmd of handleCommandsFor(ids, resolveTargetBounds, handles, handlesOf, view)) out.push(cmd);\n      }\n      if (showRotation && rotationHandleDistance !== null) {\n        for (const id of ids) {\n          const b = resolveTargetBounds(id);\n          if (!b) continue;\n          for (const cmd of rotationHandleCommands(b, handles, rotationHandleDistance, view)) {\n            out.push(cmd);\n          }\n        }\n      }\n      return out;\n    },\n  };\n}\n\n/** Where the overlay paints its rotate badge and how big it is, in screen\n *  pixels, or `null` when it paints none. The badge's grab region and its\n *  slops halo read this too, so all three agree on it. */\nexport function rotationBadgeOf(\n  opts: Pick<SelectionOverlayLayerOpts<unknown>, 'handles' | 'rotationHandle'>,\n): { distancePx: number; sizePx: number } | null {\n  const r = opts.rotationHandle;\n  if (!r || opts.handles === false) return null;\n  return {\n    distancePx: r === true ? DEFAULT_ROTATION_HANDLE_DISTANCE : r.distance ?? DEFAULT_ROTATION_HANDLE_DISTANCE,\n    sizePx: resolveHandles(opts.handles || undefined).size,\n  };\n}\n/**\n * `RenderLayer` that draws selection outlines only. Stack alongside\n * `createSelectionHandlesLayer` (or use `createSelectionOverlayLayer`, which\n * runs both passes in one layer) when both are wanted.\n */\nexport function createSelectionOutlineLayer<TPose>(\n  opts: SelectionOutlineLayerOpts<TPose>,\n): RenderLayer<unknown> {\n  return buildSelectionLayer(opts, {\n    id: 'selection-outline',\n    label: 'Selection outline',\n    outline: true,\n    handles: false,\n  });\n}\n\n/**\n * `RenderLayer` that draws selection handles only. Stack on top of\n * `createSelectionOutlineLayer` (handles render on top of the outline).\n */\nexport function createSelectionHandlesLayer<TPose>(\n  opts: SelectionHandlesLayerOpts<TPose>,\n): RenderLayer<unknown> {\n  return buildSelectionLayer(opts, {\n    id: 'selection-handles',\n    label: 'Selection handles',\n    outline: false,\n    handles: true,\n  });\n}\n\n/**\n * Draws outlines then handles in a single layer. Exactly equivalent to\n * stacking `createSelectionOutlineLayer` and `createSelectionHandlesLayer` —\n * all three run the same body. Pass `handles: false` to render outlines only.\n */\nexport function createSelectionOverlayLayer<TPose>(\n  opts: SelectionOverlayLayerOpts<TPose>,\n): RenderLayer<unknown> {\n  return buildSelectionLayer(opts, {\n    id: 'selection-overlay',\n    label: 'Selection',\n    outline: true,\n    handles: true,\n  });\n}\n\n/** Pull a chrome-caps visibility predicate off the draw `data` envelope.\n *  Returns `null` when the caller passed bare data (no `getIsVisible`\n *  thunk) — the layer then renders unconditionally, matching pre-\n *  chrome-caps behavior. */\nfunction asIsVisible(data: unknown): ((id: string) => boolean) | null {\n  const maybe = data as { getIsVisible?: () => (id: string) => boolean };\n  if (typeof maybe?.getIsVisible === 'function') return maybe.getIsVisible();\n  return null;\n}\n\n/** The ids the handle pass works against when the layer takes its selection\n *  from the envelope: the synthetic union id for a multi-selection, the\n *  selection itself otherwise. */\nfunction chromeSelectionIds(state: ChromeState | null): readonly NodeId[] {\n  if (!state) return [];\n  if (state.multiActive) return [MULTI_RESIZE_TARGET_ID as NodeId];\n  return state.selection;\n}\n\n/** Pull live `ChromeState` off the draw `data` envelope (the same channel\n *  `composeAffordanceLayer` uses). Returns `null` for bare/test callers that\n *  pass plain data with no `getChromeState` thunk — the layer then resolves\n *  the multi-union via the supplied `getPose` resolver, preserving pre-\n *  chromeState behavior. */\nfunction asChromeState(data: unknown): ChromeState | null {\n  const maybe = data as { getChromeState?: () => ChromeState };\n  if (typeof maybe?.getChromeState === 'function') return maybe.getChromeState();\n  return null;\n}\n"],"mappings":"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"}
+{"version":3,"file":"overlay.js","names":["projectBounds","t","viewToTransform","view","sx","sy","worldToScreen","b","leavesOf","isContainer","id","out","visit","kids","getChildren","nid","k","composeSelectionPose","opts","d","AUTO_POSE_DESCRIPTOR","selectionLeaves","resolveLeaf","moved","moveOverlay","resizeOverlay","getStoredPose","leaves","containerResizeLeafPoses","leafBounds","leafId","visualBoundsViaDescriptor","overlayLeaf","u","unionAABB","makeContainerAwareBoundsResolver","oriented","framedBounds","p","getPose","DEFAULT_OUTLINE","DEFAULT_HANDLE_FILL","DEFAULT_HANDLE_OUTLINE","DEFAULT_HANDLE_SIZE","HANDLE_BASE_PX","defaultHandlesOf","resolveOutlineStroke","resolveHandles","rotateAroundMat3","c","theta","s","tx","cx","cy","ty","rectPathFor","outlineCommandsFor","align","stroke","width","resolveStrokeWidth","ids","worldB","resolveBounds","padded","pad","xf","targetTransformOf","r","alignedStrokeRect","q","screenCorners","PATH_M","PATH_L","PATH_Z","targetCorners","x","y","w","ccx","ccy","normal","nx","a","ny","l","mx","my","n1","i","n2","handleCommandsFor","half","handles","handleAlign","handleWidth","angle","screenAngleOf","angleOf","hLocal","handlesOf","hWorld","localToWorld","hsx","hsy","center","baseRect","sr","fillCmd","strokeCmd","rotationHandleCommands","rotationHandle","distance","rotation","scx","scy","size","arcRadius","ARC_HALF_ANGLE","arcWidth","cmds","xs","ys","arcCoords","arcPath","headLen","headWidth","arrowHead","len","ux","uy","px","py","tipX","endX","tipY","endY","baseLeftX","baseLeftY","baseRightX","baseRightY","angleA","endAX","endAY","tangentAX","tangentAY","angleB","endBX","endBY","tangentBX","tangentBY","headA","headB","transform","mat3","rot","buildSelectionLayer","passes","poseBounds","rotationHandleDistance","rotationBadgeOf","chromeState","asChromeState","data","allIds","chromeSelectionIds","suppressed","isVisible","asIsVisible","showOutline","showHandles","showRotation","resolveTargetBounds","MULTI_RESIZE_TARGET_ID","outlineIdsRaw","outlineIds","cmd","DEFAULT_ROTATION_HANDLE_DISTANCE","createSelectionOutlineLayer","createSelectionHandlesLayer","createSelectionOverlayLayer","maybe","state"],"sources":["../../../src/features/selection/overlay.ts"],"sourcesContent":["/**\n * Selection overlay primitives — render layers for drawing selection\n * outlines and corner resize handles.\n *\n * **Pose shape:** TPose is generic; callers pass `poseDescriptor` for poses\n * `AUTO_POSE_DESCRIPTOR` can't read. Container ids reduce via `unionAABB`\n * over the projected AABBs.\n */\n\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport { mat3, type GlMat3 } from '@weasel-js/renderer';\nimport type { NodeId } from 'core/scene/types';\nimport type { RenderLayer } from 'core/layers/render';\nimport { unionAABB } from 'core/geometry/unionBounds';\nimport {\n  framedBounds,\n  visualBoundsViaDescriptor,\n  type PoseDescriptor,\n} from 'core/geometry/poseDescriptor';\nimport { angleOf, localToWorld, targetCorners, targetTransformOf, type TargetTransform } from 'core/geometry/targetFrame';\nimport { AUTO_POSE_DESCRIPTOR } from 'core/geometry/autoPoseDescriptor';\nimport { alignedStrokeRect, type CommandStroke, type CommandFill } from '@weasel-js/paint';\nimport { resolveStrokeWidth } from '@weasel-js/stroke';\nimport {\n  rotationHandle,\n  DEFAULT_ROTATION_HANDLE_DISTANCE,\n} from 'interactions/actions/rotate/handle';\nimport type { Bounds } from 'core/viewport/fitViewToBounds';\nimport type { ChromeState } from 'core/selection/chromeState';\nimport { MULTI_RESIZE_TARGET_ID } from 'core/selection/selectionTarget';\nimport type { View } from 'core/viewport/view';\nimport { viewToTransform } from 'core/viewport/view';\nimport { worldToScreen } from 'core/viewport/viewTransform';\nimport { screenAngleOf } from '@weasel-js/geom';\nimport { PATH_L, PATH_M, PATH_Z, type PolygonPath } from '@weasel-js/geom';\nimport { HANDLE_BASE_PX } from 'core/device/targets';\n\n/** Project world AABB into screen-space AABB using the active view. */\nfunction projectBounds<B extends Bounds>(b: B, view: View): B {\n  const t = viewToTransform(view);\n  const [sx, sy] = worldToScreen(b.x, b.y, t);\n  return { ...b, x: sx, y: sy, width: b.width * view.scale.x, height: b.height * view.scale.y };\n}\n\n\n/**\n * Transitive leaf ids under `id`. A childless node is a leaf only if it is not\n * itself a container: an empty container contributes no bounds, and its own\n * stored pose is at its most stale when no children are left to have moved it.\n */\nfunction leavesOf(\n  id: string,\n  getChildren: (id: string) => readonly string[],\n  isContainer: (id: string) => boolean,\n): string[] {\n  if (!isContainer(id)) return [id];\n  const out: string[] = [];\n  const visit = (nid: string) => {\n    const kids = getChildren(nid);\n    if (kids.length === 0) { if (!isContainer(nid)) out.push(nid); return; }\n    for (const k of kids) visit(k);\n  };\n  visit(id);\n  return out;\n}\n\n/** Options for `composeSelectionPose`. */\nexport interface ComposeSelectionPoseOpts<TPose> {\n  /** Move overlay; when present its `poses` map wins over everything else. */\n  moveOverlay?: { poses: Map<string, TPose> } | null;\n  /**\n   * Resize overlay; consulted only when move overlay does not own the id.\n   * For container resize, `leafPoses` (when present) maps each leaf id under\n   * the container to its overlay pose. If absent the container falls back to\n   * stored leaf poses.\n   */\n  resizeOverlay?: {\n    id: string;\n    currentPose: TPose;\n    leafPoses?: Map<string, TPose>;\n  } | null;\n  /** Fallback pose lookup (typically the stored/committed pose). */\n  getStoredPose: (id: string) => TPose;\n  /** How to read poses. Default `AUTO_POSE_DESCRIPTOR`. */\n  poseDescriptor?: PoseDescriptor<TPose>;\n  /** Walk a container's direct children (e.g. `scene.childrenOf`). With\n   *  `isContainer`, a selected container resolves to the union AABB of its\n   *  transitive leaf poses instead of its own stored pose. */\n  getChildren?: (id: string) => readonly string[];\n  /** True when `id` is a structural container. */\n  isContainer?: (id: string) => boolean;\n}\n\n/**\n * Build a pose resolver for a selection. Precedence per id:\n * move overlay > resize overlay > stored. When `getChildren`/`isContainer`\n * are supplied and the id resolves to a container, the resolver returns the\n * union AABB of all transitive leaf poses (each leaf still subject to the\n * precedence rules). Containers with no leaves resolve to `null`.\n */\nexport function composeSelectionPose<TPose>(\n  opts: ComposeSelectionPoseOpts<TPose>,\n): (id: string) => TPose | null {\n  const { moveOverlay, resizeOverlay, getStoredPose, getChildren, isContainer } = opts;\n  const d = (opts.poseDescriptor ?? AUTO_POSE_DESCRIPTOR) as PoseDescriptor<TPose>;\n\n  const selectionLeaves = (id: string): string[] =>\n    getChildren && isContainer ? leavesOf(id, getChildren, isContainer) : [id];\n\n  const resolveLeaf = (id: string): TPose => {\n    const moved = moveOverlay?.poses.get(id);\n    if (moved !== undefined) return moved;\n    if (resizeOverlay && resizeOverlay.id === id) return resizeOverlay.currentPose;\n    return getStoredPose(id);\n  };\n\n  return (id: string): TPose | null => {\n    if (isContainer?.(id)) {\n      const leaves = selectionLeaves(id);\n      if (leaves.length === 0) return null;\n      const containerResizeLeafPoses =\n        resizeOverlay && resizeOverlay.id === id ? resizeOverlay.leafPoses : undefined;\n      const leafBounds: Bounds[] = [];\n      for (const leafId of leaves) {\n        const moved = moveOverlay?.poses.get(leafId);\n        if (moved !== undefined) {\n          leafBounds.push(visualBoundsViaDescriptor(moved, d));\n          continue;\n        }\n        const overlayLeaf = containerResizeLeafPoses?.get(leafId);\n        if (overlayLeaf !== undefined) {\n          leafBounds.push(visualBoundsViaDescriptor(overlayLeaf, d));\n          continue;\n        }\n        leafBounds.push(visualBoundsViaDescriptor(getStoredPose(leafId), d));\n      }\n      const u = unionAABB(leafBounds);\n      if (u === null) return null;\n      return d.fromBounds(u, getStoredPose(leaves[0]!));\n    }\n    return resolveLeaf(id);\n  };\n}\n\n/**\n * Build a pose resolver that handles container ids by computing the union\n * AABB of every leaf's bounds. Non-container ids pass through directly. When\n * `getChildren`/`isContainer` are omitted, every id is treated as a leaf.\n */\nfunction makeContainerAwareBoundsResolver<TPose>(\n  getPose: (id: string) => TPose | null,\n  d: PoseDescriptor<TPose>,\n  getChildren?: (id: string) => readonly string[],\n  isContainer?: (id: string) => boolean,\n): (id: string) => Bounds | null {\n  const oriented = (p: TPose): Bounds => framedBounds(p, d);\n  if (getChildren === undefined || isContainer === undefined) {\n    return (id: string) => {\n      const p = getPose(id);\n      return p === null ? null : oriented(p);\n    };\n  }\n  return (id: string): Bounds | null => {\n    if (!isContainer(id)) {\n      const p = getPose(id);\n      return p === null ? null : oriented(p);\n    }\n    const leaves = leavesOf(id, getChildren, isContainer);\n    if (leaves.length === 0) return null;\n    const leafBounds: Bounds[] = [];\n    for (const leafId of leaves) {\n      const p = getPose(leafId);\n      if (p !== null) leafBounds.push(visualBoundsViaDescriptor(p, d));\n    }\n    if (leafBounds.length === 0) return null;\n    return unionAABB(leafBounds);\n  };\n}\n\n/** Options every selection layer shares. `getSelection` and `getPose` are\n *  declared on {@link SelectionOverlayLayerOpts}, which makes both optional —\n *  omitted, they come off the draw envelope. */\ninterface SelectionLayerCommon<TPose> {\n  /** How to read poses. Default `AUTO_POSE_DESCRIPTOR`. */\n  poseDescriptor?: PoseDescriptor<TPose>;\n  /** Walk a container's direct children (e.g. `scene.childrenOf`). When\n   *  supplied with `isContainer`, any id that resolves to a container is\n   *  rendered using the union bounds of all its transitive leaves. */\n  getChildren?: (id: string) => readonly string[];\n  /** True when `id` is a structural container. */\n  isContainer?: (id: string) => boolean;\n}\n\n/** Options for `createSelectionOutlineLayer`. The overlay layer's options\n *  minus the handle visuals — the two run the same body. */\nexport type SelectionOutlineLayerOpts<TPose> =\n  Omit<SelectionOverlayLayerOpts<TPose>, 'handles' | 'handlesOf' | 'rotationHandle'>;\n\n/** Options for `createSelectionHandlesLayer`. The overlay layer's options\n *  minus the outline stroke — the two run the same body. */\nexport type SelectionHandlesLayerOpts<TPose> =\n  Omit<SelectionOverlayLayerOpts<TPose>, 'outline'>;\n\n/** Options for `createSelectionOverlayLayer`. */\nexport interface SelectionOverlayLayerOpts<TPose>\n  extends SelectionLayerCommon<TPose> {\n  /**\n   * Which ids to draw chrome for. Omit to take them from the `ChromeState` on\n   * the draw envelope, which is what makes one canvas's several views each\n   * outline their own selection — the layer is shared, the envelope is not.\n   */\n  getSelection?: () => readonly NodeId[];\n  /**\n   * Resolve an id to the pose to draw chrome around. Return null to skip an\n   * id. Omit to take bounds from the same envelope `getSelection` omitted\n   * takes ids from.\n   *\n   * Takes `string` rather than `NodeId` because the container-aware resolver\n   * walks expanded leaf ids via `getChildren`, which is generic over strings.\n   */\n  getPose?: (id: string) => TPose | null;\n  outline?: CommandStroke & { pad?: number };\n  /** Pass `false` to render outlines only. */\n  handles?: SelectionHandleStyle | false;\n  handlesOf?: (bounds: Bounds) => { x: number; y: number }[];\n  /** Draw a rotate badge above the selection's top edge. `true` places it at\n   *  the default offset; `distance` sets the offset in screen pixels. Off by\n   *  default. */\n  rotationHandle?:\n    | boolean\n    | {\n        distance?: number;\n      };\n  /** Optional separate id list for the per-item outline pass, for a\n   *  multi-selection whose handle pass works against a synthetic union id\n   *  (e.g. `MULTI_RESIZE_TARGET_ID`) while each real member is outlined.\n   *  When omitted, the outline pass uses the handle pass's ids. */\n  getOutlineIds?: () => readonly NodeId[];\n  /** Optional set of ids to suppress entirely — both outline and handles\n   *  are skipped. */\n  getSuppressedIds?: () => ReadonlySet<string>;\n}\n\nconst DEFAULT_OUTLINE: Required<Pick<CommandStroke, 'paint' | 'width'>> & { pad: number } = {\n  paint: { kind: 'solid', color: '#f0e0a8' },\n  width: 2,\n  pad: 1,\n};\nconst DEFAULT_HANDLE_FILL: CommandFill = { paint: { kind: 'solid', color: '#d4c4a8' } };\nconst DEFAULT_HANDLE_OUTLINE: CommandStroke = {\n  paint: { kind: 'solid', color: '#1a130d' },\n  width: 1,\n};\nconst DEFAULT_HANDLE_SIZE = HANDLE_BASE_PX;\n\nfunction defaultHandlesOf(b: Bounds): { x: number; y: number }[] {\n  return [\n    { x: b.x, y: b.y },\n    { x: b.x + b.width, y: b.y },\n    { x: b.x, y: b.y + b.height },\n    { x: b.x + b.width, y: b.y + b.height },\n  ];\n}\n\nfunction resolveOutlineStroke(opts?: CommandStroke & { pad?: number }): {\n  stroke: CommandStroke;\n  pad: number;\n} {\n  if (!opts) {\n    return {\n      stroke: { paint: DEFAULT_OUTLINE.paint, width: DEFAULT_OUTLINE.width },\n      pad: DEFAULT_OUTLINE.pad,\n    };\n  }\n  return {\n    stroke: {\n      paint: opts.paint,\n      width: opts.width ?? DEFAULT_OUTLINE.width,\n      dash: opts.dash,\n      cap: opts.cap,\n      join: opts.join,\n      align: opts.align,\n    },\n    pad: opts.pad ?? DEFAULT_OUTLINE.pad,\n  };\n}\n\n/** Handle visuals, as a consumer supplies them. */\nexport interface SelectionHandleStyle {\n  size?: number;\n  fill?: CommandFill;\n  outline?: CommandStroke;\n}\n\ninterface ResolvedHandles {\n  size: number;\n  fill: CommandFill;\n  outline: CommandStroke;\n}\n\nfunction resolveHandles(opts?: SelectionHandleStyle): ResolvedHandles {\n  return {\n    size: opts?.size ?? DEFAULT_HANDLE_SIZE,\n    fill: opts?.fill ?? DEFAULT_HANDLE_FILL,\n    outline: opts?.outline ?? DEFAULT_HANDLE_OUTLINE,\n  };\n}\n\n/**\n * GL helper: build the matrix `translate(cx, cy) * rotate(θ) * translate(-cx, -cy)`\n * used to wrap rotated outline / handle commands.\n */\nfunction rotateAroundMat3(cx: number, cy: number, theta: number): GlMat3 {\n  const c = Math.cos(theta);\n  const s = Math.sin(theta);\n  // Composed in column-major (matches mat3 helpers): T(cx,cy) · R(θ) · T(-cx,-cy).\n  // After expansion: a=c, b=s, c'=-s, d=c, tx=cx - c*cx + s*cy, ty=cy - s*cx - c*cy.\n  const tx = cx - c * cx + s * cy;\n  const ty = cy - s * cx - c * cy;\n  return new Float32Array([\n    c, s, 0,\n    -s, c, 0,\n    tx, ty, 1,\n  ]) as GlMat3;\n}\n\n/** GL helper: emit a closed rect path (kind:'rect'). */\nfunction rectPathFor(x: number, y: number, width: number, height: number): { kind: 'rect'; x: number; y: number; width: number; height: number } {\n  return { kind: 'rect', x, y, width, height };\n}\n\n/** GL helper: emit an outline command for one bounds entry. */\nfunction outlineCommandsFor(\n  ids: readonly string[],\n  resolveBounds: (id: string) => Bounds | null,\n  stroke: CommandStroke,\n  pad: number,\n  view: View,\n): DrawCommand[] {\n  const out: DrawCommand[] = [];\n  const align = stroke.align ?? 'center';\n  const width = resolveStrokeWidth(stroke.width ?? 1, 1);\n  for (const id of ids) {\n    const worldB = resolveBounds(id);\n    if (!worldB) continue;\n    const b = projectBounds(worldB, view);\n    const padded = {\n      x: b.x - pad,\n      y: b.y - pad,\n      width: b.width + pad * 2,\n      height: b.height + pad * 2,\n    };\n    const xf = targetTransformOf(worldB);\n    if (xf.identity) {\n      const r = alignedStrokeRect(padded, align, width);\n      out.push({ kind: 'path', path: rectPathFor(r.x, r.y, r.width, r.height), stroke });\n      continue;\n    }\n    // Turned or skewed, the target lands on screen as a parallelogram, so the\n    // outline is traced through its projected corners. `alignedStrokeRect`'s\n    // shift is folded into the offset so the ribbon lands where it would.\n    const shift = align === 'outer' ? width / 2 : align === 'inner' ? -width / 2 : 0;\n    const q = screenCorners(worldB, xf, view, pad + shift);\n    out.push({\n      kind: 'path',\n      path: {\n        kind: 'polygon',\n        commands: new Uint8Array([PATH_M, PATH_L, PATH_L, PATH_L, PATH_Z]),\n        coords: new Float32Array([q[0].x, q[0].y, q[1].x, q[1].y, q[2].x, q[2].y, q[3].x, q[3].y]),\n        fillRule: 'nonzero',\n      },\n      stroke: { ...stroke, align: 'center' },\n    });\n  }\n  return out;\n}\n\n/**\n * A framed target's corners on screen, TL/TR/BR/BL, each pushed `pad` screen\n * pixels out from both edges that meet there.\n */\nfunction screenCorners(\n  worldB: Bounds,\n  xf: TargetTransform,\n  view: View,\n  pad: number,\n): { x: number; y: number }[] {\n  const t = viewToTransform(view);\n  const q = targetCorners(worldB, xf).map((w) => {\n    const [x, y] = worldToScreen(w.x, w.y, t);\n    return { x, y };\n  });\n  if (pad === 0) return q;\n  const [ccx, ccy] = worldToScreen(worldB.x + worldB.width / 2, worldB.y + worldB.height / 2, t);\n  const normal = (a: { x: number; y: number }, b: { x: number; y: number }) => {\n    let nx = -(b.y - a.y), ny = b.x - a.x;\n    const l = Math.hypot(nx, ny) || 1;\n    nx /= l; ny /= l;\n    const mx = (a.x + b.x) / 2 - ccx, my = (a.y + b.y) / 2 - ccy;\n    return nx * mx + ny * my < 0 ? { x: -nx, y: -ny } : { x: nx, y: ny };\n  };\n  return q.map((c, i) => {\n    const n1 = normal(q[(i + 3) % 4], c);\n    const n2 = normal(c, q[(i + 1) % 4]);\n    // The point `pad` off both edge lines.\n    const k = pad / (1 + n1.x * n2.x + n1.y * n2.y);\n    return { x: c.x + (n1.x + n2.x) * k, y: c.y + (n1.y + n2.y) * k };\n  });\n}\n\n/** GL helper: emit handle fill+stroke commands for one bounds entry. */\nfunction handleCommandsFor(\n  ids: readonly string[],\n  resolveBounds: (id: string) => Bounds | null,\n  handles: ResolvedHandles,\n  handlesOf: (b: Bounds) => { x: number; y: number }[],\n  view: View,\n): DrawCommand[] {\n  const out: DrawCommand[] = [];\n  const half = handles.size / 2;\n  const handleAlign = handles.outline.align ?? 'center';\n  const handleWidth = resolveStrokeWidth(handles.outline.width ?? 1, 1);\n  for (const id of ids) {\n    const worldB = resolveBounds(id);\n    if (!worldB) continue;\n    // Framed in world, then projected: turning the projected point instead\n    // lands somewhere else under non-uniform zoom.\n    const xf = targetTransformOf(worldB);\n    const t = viewToTransform(view);\n    const angle = screenAngleOf(angleOf(xf), view.scale);\n    for (const hLocal of handlesOf(worldB)) {\n      const hWorld = localToWorld(xf, hLocal.x, hLocal.y);\n      const [hsx, hsy] = worldToScreen(hWorld.x, hWorld.y, t);\n      const center = { x: hsx, y: hsy };\n      const baseRect = {\n        x: center.x - half,\n        y: center.y - half,\n        width: handles.size,\n        height: handles.size,\n      };\n      const sr = alignedStrokeRect(baseRect, handleAlign, handleWidth);\n      const fillCmd: DrawCommand = {\n        kind: 'path',\n        path: rectPathFor(baseRect.x, baseRect.y, baseRect.width, baseRect.height),\n        fill: handles.fill,\n      };\n      const strokeCmd: DrawCommand = {\n        kind: 'path',\n        path: rectPathFor(sr.x, sr.y, sr.width, sr.height),\n        stroke: handles.outline,\n      };\n      if (angle === 0) {\n        out.push(fillCmd, strokeCmd);\n      } else {\n        out.push({\n          kind: 'group',\n          transform: rotateAroundMat3(center.x, center.y, angle),\n          children: [fillCmd, strokeCmd],\n        });\n      }\n    }\n  }\n  return out;\n}\n\n/** GL helper: emit a curved double-headed arrow, the rotate badge above the\n *  rect. The arc opens *toward* the object (apex on top, mouth pointing\n *  down), with an arrowhead at each endpoint pointing along the tangent. */\nfunction rotationHandleCommands(\n  worldB: Bounds,\n  handles: ResolvedHandles,\n  distance: number,\n  view: View,\n): DrawCommand[] {\n  const hWorld = rotationHandle(worldB, distance, view.scale);\n  const rotation = hWorld.angle;\n  const t = viewToTransform(view);\n  const [scx, scy] = worldToScreen(hWorld.cx, hWorld.cy, t);\n  const size = handles.size;\n  const arcRadius = size;\n  const ARC_HALF_ANGLE = (Math.PI * 240) / 360 / 2; // 120°\n  const N_SEGS = 18;\n  const arcWidth = resolveStrokeWidth(handles.outline.width ?? 1, 1) * 1.5;\n  const stroke: CommandStroke = {\n    paint: handles.fill.paint,\n    width: arcWidth,\n    cap: 'round',\n    join: 'round',\n  };\n  // The arc as a polyline in handle-local coords, centered on the handle\n  // anchor: apex at -y, endpoints at +y near the rect side.\n  const cmds: number[] = [PATH_M];\n  const xs: number[] = [];\n  const ys: number[] = [];\n  for (let i = 0; i <= N_SEGS; i++) {\n    const t = i / N_SEGS;\n    const angle = ARC_HALF_ANGLE - t * ARC_HALF_ANGLE * 2;\n    xs.push(arcRadius * Math.sin(angle));\n    ys.push(-arcRadius * Math.cos(angle));\n    if (i > 0) cmds.push(PATH_L);\n  }\n  const arcCoords: number[] = [];\n  for (let i = 0; i < xs.length; i++) {\n    arcCoords.push(xs[i], ys[i]);\n  }\n  const arcPath: PolygonPath = {\n    kind: 'polygon',\n    commands: new Uint8Array(cmds),\n    coords: new Float32Array(arcCoords),\n    fillRule: 'nonzero',\n  };\n  // Arrowheads: small filled triangles at each endpoint, pointing along\n  // the tangent (away from the arc body).\n  const headLen = size * 0.6;\n  const headWidth = size * 0.4;\n  const arrowHead = (endX: number, endY: number, tx: number, ty: number): PolygonPath => {\n    // Normalize tangent.\n    const len = Math.hypot(tx, ty) || 1;\n    const ux = tx / len;\n    const uy = ty / len;\n    // Perpendicular (rotate tangent 90° CCW).\n    const px = -uy;\n    const py = ux;\n    // Triangle: tip is endX+ux*headLen, base is endX (with +/- headWidth/2 along p).\n    const tipX = endX + ux * headLen;\n    const tipY = endY + uy * headLen;\n    const baseLeftX = endX + px * (headWidth / 2);\n    const baseLeftY = endY + py * (headWidth / 2);\n    const baseRightX = endX - px * (headWidth / 2);\n    const baseRightY = endY - py * (headWidth / 2);\n    return {\n      kind: 'polygon',\n      commands: new Uint8Array([PATH_M, PATH_L, PATH_L, PATH_L]),\n      coords: new Float32Array([tipX, tipY, baseLeftX, baseLeftY, baseRightX, baseRightY, tipX, tipY]),\n      fillRule: 'nonzero',\n    };\n  };\n  // Endpoint A (right side, angle = +ARC_HALF_ANGLE). Arc point:\n  // (sin(a)·R, -cos(a)·R). Tangent (d/da) = (cos(a)·R, sin(a)·R).\n  const angleA = ARC_HALF_ANGLE;\n  const endAX = arcRadius * Math.sin(angleA);\n  const endAY = -arcRadius * Math.cos(angleA);\n  const tangentAX = Math.cos(angleA);\n  const tangentAY = Math.sin(angleA);\n  // Endpoint B (left side, angle = -ARC_HALF_ANGLE): tangent in the\n  // outward direction is the negation of the above.\n  const angleB = -ARC_HALF_ANGLE;\n  const endBX = arcRadius * Math.sin(angleB);\n  const endBY = -arcRadius * Math.cos(angleB);\n  const tangentBX = -Math.cos(angleB);\n  const tangentBY = -Math.sin(angleB);\n  const headA = arrowHead(endAX, endAY, tangentAX, tangentAY);\n  const headB = arrowHead(endBX, endBY, tangentBX, tangentBY);\n  // Build transform: translate(scx, scy) [* rotate(rotation)].\n  let transform = mat3.translated(mat3.identity(), scx, scy);\n  if (rotation !== 0) {\n    const c = Math.cos(rotation);\n    const s = Math.sin(rotation);\n    const rot = new Float32Array([c, s, 0, -s, c, 0, 0, 0, 1]) as GlMat3;\n    transform = mat3.multiply(transform, rot);\n  }\n  return [\n    {\n      kind: 'group',\n      transform,\n      children: [\n        { kind: 'path', path: arcPath, stroke },\n        { kind: 'path', path: headA, fill: handles.fill },\n        { kind: 'path', path: headB, fill: handles.fill },\n      ],\n    },\n  ];\n}\n\n/** Which passes a selection layer runs. The three exported factories differ\n *  only in this — everything else they do is shared, so a fix to one is a fix\n *  to all three. */\ninterface SelectionPasses {\n  readonly id: string;\n  readonly label: string;\n  readonly outline: boolean;\n  readonly handles: boolean;\n}\n\nfunction buildSelectionLayer<TPose>(\n  opts: SelectionOverlayLayerOpts<TPose>,\n  passes: SelectionPasses,\n): RenderLayer<unknown> {\n  const { stroke, pad } = resolveOutlineStroke(opts.outline);\n  const handlesEnabled = passes.handles && opts.handles !== false;\n  const handles = handlesEnabled ? resolveHandles(opts.handles || undefined) : null;\n  const handlesOf = opts.handlesOf ?? defaultHandlesOf;\n  const d = (opts.poseDescriptor ?? AUTO_POSE_DESCRIPTOR) as PoseDescriptor<TPose>;\n  const getPose = opts.getPose;\n  const poseBounds = getPose\n    ? makeContainerAwareBoundsResolver(getPose, d, opts.getChildren, opts.isContainer)\n    : null;\n  const rotationHandleDistance = passes.handles\n    ? rotationBadgeOf(opts)?.distancePx ?? null\n    : null;\n\n  return {\n    id: passes.id,\n    label: passes.label,\n    space: 'screen',\n    draw: (data, view) => {\n      // The synthetic multi-resize id resolves to `ChromeState.unionBounds`,\n      // the same value the affordance hit-tester reads, so painted chrome\n      // and its hit region stay in agreement. With no chromeState on the\n      // draw envelope, fall through to the supplied resolver.\n      const chromeState = asChromeState(data);\n      const allIds = opts.getSelection\n        ? opts.getSelection()\n        : chromeSelectionIds(chromeState);\n      if (allIds.length === 0) return [];\n      const suppressed = opts.getSuppressedIds?.();\n      const ids = suppressed && suppressed.size > 0\n        ? allIds.filter((id) => !suppressed.has(id as unknown as string))\n        : allIds;\n      if (ids.length === 0) return [];\n      // Chrome-caps: gate each pass on its canonical id. When no\n      // `getIsVisible` is wired, every pass runs.\n      const isVisible = asIsVisible(data);\n      const showOutline = passes.outline && (isVisible ? isVisible('selection.outline') : true);\n      const showHandles = isVisible ? isVisible('selection.resize-handles') : true;\n      const showRotation = isVisible ? isVisible('selection.rotation-handle') : true;\n\n      const resolveBounds = poseBounds ?? ((id: string) => chromeState?.boundsOf(id) ?? null);\n      const resolveTargetBounds = (id: string): Bounds | null => {\n        if (id === MULTI_RESIZE_TARGET_ID && chromeState?.unionBounds != null) {\n          return chromeState.unionBounds;\n        }\n        return resolveBounds(id);\n      };\n\n      const out: DrawCommand[] = [];\n      if (showOutline) {\n        const outlineIdsRaw = opts.getOutlineIds\n          ? opts.getOutlineIds()\n          : (opts.getSelection ? ids : (chromeState?.selection ?? ids));\n        const outlineIds = suppressed && suppressed.size > 0\n          ? outlineIdsRaw.filter((id) => !suppressed.has(id as unknown as string))\n          : outlineIdsRaw;\n        for (const cmd of outlineCommandsFor(outlineIds, resolveTargetBounds, stroke, pad, view)) out.push(cmd);\n      }\n      if (!handles) return out;\n      if (showHandles) {\n        for (const cmd of handleCommandsFor(ids, resolveTargetBounds, handles, handlesOf, view)) out.push(cmd);\n      }\n      if (showRotation && rotationHandleDistance !== null) {\n        for (const id of ids) {\n          const b = resolveTargetBounds(id);\n          if (!b) continue;\n          for (const cmd of rotationHandleCommands(b, handles, rotationHandleDistance, view)) {\n            out.push(cmd);\n          }\n        }\n      }\n      return out;\n    },\n  };\n}\n\n/** Where the overlay paints its rotate badge and how big it is, in screen\n *  pixels, or `null` when it paints none. The badge's grab region and its\n *  slops halo read this too, so all three agree on it. */\nexport function rotationBadgeOf(\n  opts: Pick<SelectionOverlayLayerOpts<unknown>, 'handles' | 'rotationHandle'>,\n): { distancePx: number; sizePx: number } | null {\n  const r = opts.rotationHandle;\n  if (!r || opts.handles === false) return null;\n  return {\n    distancePx: r === true ? DEFAULT_ROTATION_HANDLE_DISTANCE : r.distance ?? DEFAULT_ROTATION_HANDLE_DISTANCE,\n    sizePx: resolveHandles(opts.handles || undefined).size,\n  };\n}\n/**\n * `RenderLayer` that draws selection outlines only. Stack alongside\n * `createSelectionHandlesLayer` (or use `createSelectionOverlayLayer`, which\n * runs both passes in one layer) when both are wanted.\n */\nexport function createSelectionOutlineLayer<TPose>(\n  opts: SelectionOutlineLayerOpts<TPose>,\n): RenderLayer<unknown> {\n  return buildSelectionLayer(opts, {\n    id: 'selection-outline',\n    label: 'Selection outline',\n    outline: true,\n    handles: false,\n  });\n}\n\n/**\n * `RenderLayer` that draws selection handles only. Stack on top of\n * `createSelectionOutlineLayer` (handles render on top of the outline).\n */\nexport function createSelectionHandlesLayer<TPose>(\n  opts: SelectionHandlesLayerOpts<TPose>,\n): RenderLayer<unknown> {\n  return buildSelectionLayer(opts, {\n    id: 'selection-handles',\n    label: 'Selection handles',\n    outline: false,\n    handles: true,\n  });\n}\n\n/**\n * Draws outlines then handles in a single layer. Exactly equivalent to\n * stacking `createSelectionOutlineLayer` and `createSelectionHandlesLayer` —\n * all three run the same body. Pass `handles: false` to render outlines only.\n */\nexport function createSelectionOverlayLayer<TPose>(\n  opts: SelectionOverlayLayerOpts<TPose>,\n): RenderLayer<unknown> {\n  return buildSelectionLayer(opts, {\n    id: 'selection-overlay',\n    label: 'Selection',\n    outline: true,\n    handles: true,\n  });\n}\n\n/** Pull a chrome-caps visibility predicate off the draw `data` envelope.\n *  Returns `null` when the caller passed bare data (no `getIsVisible`\n *  thunk) — the layer then renders unconditionally. */\nfunction asIsVisible(data: unknown): ((id: string) => boolean) | null {\n  const maybe = data as { getIsVisible?: () => (id: string) => boolean };\n  if (typeof maybe?.getIsVisible === 'function') return maybe.getIsVisible();\n  return null;\n}\n\n/** The ids the handle pass works against when the layer takes its selection\n *  from the envelope: the synthetic union id for a multi-selection, the\n *  selection itself otherwise. */\nfunction chromeSelectionIds(state: ChromeState | null): readonly NodeId[] {\n  if (!state) return [];\n  if (state.multiActive) return [MULTI_RESIZE_TARGET_ID as NodeId];\n  return state.selection;\n}\n\n/** Pull live `ChromeState` off the draw `data` envelope. Returns `null` for\n *  callers that pass plain data with no `getChromeState` thunk — the layer\n *  then resolves the multi-union via the supplied `getPose` resolver. */\nfunction asChromeState(data: unknown): ChromeState | null {\n  const maybe = data as { getChromeState?: () => ChromeState };\n  if (typeof maybe?.getChromeState === 'function') return maybe.getChromeState();\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;;;AAsCA,SAASA,EAAgC,GAAM,GAAe;CAC5D,IAAMC,IAAIC,EAAgBC,CAAI,GACxB,CAACC,GAAIC,KAAMC,EAAcC,EAAE,GAAGA,EAAE,GAAGN,CAAC;CAC1C,OAAO;EAAE,GAAGM;EAAG,GAAGH;EAAI,GAAGC;EAAI,OAAOE,EAAE,QAAQJ,EAAK,MAAM;EAAG,QAAQI,EAAE,SAASJ,EAAK,MAAM;CAAE;AAC9F;AAQA,SAASK,EACP,GACA,GACA,GACU;CACV,IAAI,CAACC,EAAYC,CAAE,GAAG,OAAO,CAACA,CAAE;CAChC,IAAMC,IAAgB,CAAC,GACjBC,KAAS,MAAgB;EAC7B,IAAMC,IAAOC,EAAYC,CAAG;EAC5B,IAAIF,EAAK,WAAW,GAAG;GAAE,AAAKJ,EAAYM,CAAG,KAAGJ,EAAI,KAAKI,CAAG;GAAG;EAAQ;EACvE,KAAK,IAAMC,KAAKH,GAAM,EAAMG,CAAC;CAC/B;CAEA,OADAJ,EAAMF,CAAE,GACDC;AACT;AAoCA,SAAgBM,EACd,GAC8B;CAC9B,IAAM,EAAE,gBAAa,kBAAe,kBAAe,gBAAa,mBAAgBC,GAC1EC,IAAKD,EAAK,kBAAkBE,GAE5BC,KAAmB,MACvBP,KAAeL,IAAcD,EAASE,GAAII,GAAaL,CAAW,IAAI,CAACC,CAAE,GAErEY,KAAe,MAAsB;EACzC,IAAMC,IAAQC,GAAa,MAAM,IAAId,CAAE;EAGvC,OAFIa,MAAU,KAAA,IACVE,KAAiBA,EAAc,OAAOf,IAAWe,EAAc,cAC5DC,EAAchB,CAAE,IAFSa;CAGlC;CAEA,QAAQ,MAA6B;EACnC,IAAId,IAAcC,CAAE,GAAG;GACrB,IAAMiB,IAASN,EAAgBX,CAAE;GACjC,IAAIiB,EAAO,WAAW,GAAG,OAAO;GAChC,IAAMC,IACJH,KAAiBA,EAAc,OAAOf,IAAKe,EAAc,YAAY,KAAA,GACjEI,IAAuB,CAAC;GAC9B,KAAK,IAAMC,KAAUH,GAAQ;IAC3B,IAAMJ,IAAQC,GAAa,MAAM,IAAIM,CAAM;IAC3C,IAAIP,MAAU,KAAA,GAAW;KACvB,EAAW,KAAKQ,EAA0BR,GAAOJ,CAAC,CAAC;KACnD;IACF;IACA,IAAMa,IAAcJ,GAA0B,IAAIE,CAAM;IACxD,IAAIE,MAAgB,KAAA,GAAW;KAC7B,EAAW,KAAKD,EAA0BC,GAAab,CAAC,CAAC;KACzD;IACF;IACA,EAAW,KAAKY,EAA0BL,EAAcI,CAAM,GAAGX,CAAC,CAAC;GACrE;GACA,IAAMc,IAAIC,EAAUL,CAAU;GAE9B,OADII,MAAM,OAAa,OAChBd,EAAE,WAAWc,GAAGP,EAAcC,EAAO,EAAG,CAAC;EAClD;EACA,OAAOL,EAAYZ,CAAE;CACvB;AACF;AAOA,SAASyB,EACP,GACA,GACA,GACA,GAC+B;CAC/B,IAAMC,KAAY,MAAqBC,EAAaC,GAAGnB,CAAC;CAOxD,OANIL,MAAgB,KAAA,KAAaL,MAAgB,KAAA,KACvC,MAAe;EACrB,IAAM6B,IAAIC,EAAQ7B,CAAE;EACpB,OAAO4B,MAAM,OAAO,OAAOF,EAASE,CAAC;CACvC,KAEM,MAA8B;EACpC,IAAI,CAAC7B,EAAYC,CAAE,GAAG;GACpB,IAAM4B,IAAIC,EAAQ7B,CAAE;GACpB,OAAO4B,MAAM,OAAO,OAAOF,EAASE,CAAC;EACvC;EACA,IAAMX,IAASnB,EAASE,GAAII,GAAaL,CAAW;EACpD,IAAIkB,EAAO,WAAW,GAAG,OAAO;EAChC,IAAME,IAAuB,CAAC;EAC9B,KAAK,IAAMC,KAAUH,GAAQ;GAC3B,IAAMW,IAAIC,EAAQT,CAAM;GACxB,AAAIQ,MAAM,QAAMT,EAAW,KAAKE,EAA0BO,GAAGnB,CAAC,CAAC;EACjE;EAEA,OADIU,EAAW,WAAW,IAAU,OAC7BK,EAAUL,CAAU;CAC7B;AACF;AAkEA,IAAMW,IAAsF;CAC1F,OAAO;EAAE,MAAM;EAAS,OAAO;CAAU;CACzC,OAAO;CACP,KAAK;AACP,GACMC,IAAmC,EAAE,OAAO;CAAE,MAAM;CAAS,OAAO;AAAU,EAAE,GAChFC,IAAwC;CAC5C,OAAO;EAAE,MAAM;EAAS,OAAO;CAAU;CACzC,OAAO;AACT,GACMC,IAAsBC;AAE5B,SAASC,EAAiB,GAAuC;CAC/D,OAAO;EACL;GAAE,GAAGtC,EAAE;GAAG,GAAGA,EAAE;EAAE;EACjB;GAAE,GAAGA,EAAE,IAAIA,EAAE;GAAO,GAAGA,EAAE;EAAE;EAC3B;GAAE,GAAGA,EAAE;GAAG,GAAGA,EAAE,IAAIA,EAAE;EAAO;EAC5B;GAAE,GAAGA,EAAE,IAAIA,EAAE;GAAO,GAAGA,EAAE,IAAIA,EAAE;EAAO;CACxC;AACF;AAEA,SAASuC,EAAqB,GAG5B;CAOA,OANK5B,IAME;EACL,QAAQ;GACN,OAAOA,EAAK;GACZ,OAAOA,EAAK,SAASsB,EAAgB;GACrC,MAAMtB,EAAK;GACX,KAAKA,EAAK;GACV,MAAMA,EAAK;GACX,OAAOA,EAAK;EACd;EACA,KAAKA,EAAK,OAAOsB,EAAgB;CACnC,IAfS;EACL,QAAQ;GAAE,OAAOA,EAAgB;GAAO,OAAOA,EAAgB;EAAM;EACrE,KAAKA,EAAgB;CACvB;AAaJ;AAeA,SAASO,EAAe,GAA8C;CACpE,OAAO;EACL,MAAM7B,GAAM,QAAQyB;EACpB,MAAMzB,GAAM,QAAQuB;EACpB,SAASvB,GAAM,WAAWwB;CAC5B;AACF;AAMA,SAASM,EAAiB,GAAY,GAAY,GAAuB;CACvE,IAAMC,IAAI,KAAK,IAAIC,CAAK,GAClBC,IAAI,KAAK,IAAID,CAAK,GAGlBE,IAAKC,IAAKJ,IAAII,IAAKF,IAAIG,GACvBC,IAAKD,IAAKH,IAAIE,IAAKJ,IAAIK;CAC7B,OAAO,IAAI,aAAa;EACtBL;EAAGE;EAAG;EACN,CAACA;EAAGF;EAAG;EACPG;EAAIG;EAAI;CACV,CAAC;AACH;AAGA,SAASC,EAAY,GAAW,GAAW,GAAe,GAAuF;CAC/I,OAAO;EAAE,MAAM;EAAQ;EAAG;EAAG;EAAO;CAAO;AAC7C;AAGA,SAASC,EACP,GACA,GACA,GACA,GACA,GACe;CACf,IAAM9C,IAAqB,CAAC,GACtB+C,IAAQC,EAAO,SAAS,UACxBC,IAAQC,EAAmBF,EAAO,SAAS,GAAG,CAAC;CACrD,KAAK,IAAMjD,KAAMoD,GAAK;EACpB,IAAMC,IAASC,EAActD,CAAE;EAC/B,IAAI,CAACqD,GAAQ;EACb,IAAMxD,IAAIP,EAAc+D,GAAQ5D,CAAI,GAC9B8D,IAAS;GACb,GAAG1D,EAAE,IAAI2D;GACT,GAAG3D,EAAE,IAAI2D;GACT,OAAO3D,EAAE,QAAQ2D,IAAM;GACvB,QAAQ3D,EAAE,SAAS2D,IAAM;EAC3B,GACMC,IAAKC,EAAkBL,CAAM;EACnC,IAAII,EAAG,UAAU;GACf,IAAME,IAAIC,EAAkBL,GAAQP,GAAOE,CAAK;GAChD,EAAI,KAAK;IAAE,MAAM;IAAQ,MAAMJ,EAAYa,EAAE,GAAGA,EAAE,GAAGA,EAAE,OAAOA,EAAE,MAAM;IAAG;GAAO,CAAC;GACjF;EACF;EAKA,IAAME,IAAIC,EAAcT,GAAQI,GAAIhE,GAAM+D,KAD5BR,MAAU,UAAUE,IAAQ,IAAIF,MAAU,UAAU,CAACE,IAAQ,IAAI,EAC1B;EACrD,EAAI,KAAK;GACP,MAAM;GACN,MAAM;IACJ,MAAM;IACN,UAAU,IAAI,WAAW;KAACa;KAAQC;KAAQA;KAAQA;KAAQC;IAAM,CAAC;IACjE,QAAQ,IAAI,aAAa;KAACJ,EAAE,EAAE,CAAC;KAAGA,EAAE,EAAE,CAAC;KAAGA,EAAE,EAAE,CAAC;KAAGA,EAAE,EAAE,CAAC;KAAGA,EAAE,EAAE,CAAC;KAAGA,EAAE,EAAE,CAAC;KAAGA,EAAE,EAAE,CAAC;KAAGA,EAAE,EAAE,CAAC;IAAC,CAAC;IACzF,UAAU;GACZ;GACA,QAAQ;IAAE,GAAGZ;IAAQ,OAAO;GAAS;EACvC,CAAC;CACH;CACA,OAAOhD;AACT;AAMA,SAAS6D,EACP,GACA,GACA,GACA,GAC4B;CAC5B,IAAMvE,IAAIC,EAAgBC,CAAI,GACxBoE,IAAIK,EAAcb,GAAQI,CAAE,CAAC,CAAC,KAAK,MAAM;EAC7C,IAAM,CAACU,GAAGC,KAAKxE,EAAcyE,EAAE,GAAGA,EAAE,GAAG9E,CAAC;EACxC,OAAO;GAAE;GAAG;EAAE;CAChB,CAAC;CACD,IAAIiE,MAAQ,GAAG,OAAOK;CACtB,IAAM,CAACS,GAAKC,KAAO3E,EAAcyD,EAAO,IAAIA,EAAO,QAAQ,GAAGA,EAAO,IAAIA,EAAO,SAAS,GAAG9D,CAAC,GACvFiF,KAAU,GAA6B,MAAgC;EAC3E,IAAIC,IAAK,EAAE5E,EAAE,IAAI6E,EAAE,IAAIC,IAAK9E,EAAE,IAAI6E,EAAE,GAC9BE,IAAI,KAAK,MAAMH,GAAIE,CAAE,KAAK;EACvB,AAAT,KAAMC,GAAG,KAAMA;EACf,IAAMC,KAAMH,EAAE,IAAI7E,EAAE,KAAK,IAAIyE,GAAKQ,KAAMJ,EAAE,IAAI7E,EAAE,KAAK,IAAI0E;EACzD,OAAOE,IAAKI,IAAKF,IAAKG,IAAK,IAAI;GAAE,GAAG,CAACL;GAAI,GAAG,CAACE;EAAG,IAAI;GAAE,GAAGF;GAAI,GAAGE;EAAG;CACrE;CACA,OAAOd,EAAE,KAAK,GAAG,MAAM;EACrB,IAAMkB,IAAKP,EAAOX,GAAGmB,IAAI,KAAK,IAAIzC,CAAC,GAC7B0C,IAAKT,EAAOjC,GAAGsB,GAAGmB,IAAI,KAAK,EAAE,GAE7B1E,IAAIkD,KAAO,IAAIuB,EAAG,IAAIE,EAAG,IAAIF,EAAG,IAAIE,EAAG;EAC7C,OAAO;GAAE,GAAG1C,EAAE,KAAKwC,EAAG,IAAIE,EAAG,KAAK3E;GAAG,GAAGiC,EAAE,KAAKwC,EAAG,IAAIE,EAAG,KAAK3E;EAAE;CAClE,CAAC;AACH;AAGA,SAAS4E,EACP,GACA,GACA,GACA,GACA,GACe;CACf,IAAMjF,IAAqB,CAAC,GACtBkF,IAAOC,EAAQ,OAAO,GACtBC,IAAcD,EAAQ,QAAQ,SAAS,UACvCE,IAAcnC,EAAmBiC,EAAQ,QAAQ,SAAS,GAAG,CAAC;CACpE,KAAK,IAAMpF,KAAMoD,GAAK;EACpB,IAAMC,IAASC,EAActD,CAAE;EAC/B,IAAI,CAACqD,GAAQ;EAGb,IAAMI,IAAKC,EAAkBL,CAAM,GAC7B9D,IAAIC,EAAgBC,CAAI,GACxB8F,IAAQC,EAAcC,EAAQhC,CAAE,GAAGhE,EAAK,KAAK;EACnD,KAAK,IAAMiG,KAAUC,EAAUtC,CAAM,GAAG;GACtC,IAAMuC,IAASC,EAAapC,GAAIiC,EAAO,GAAGA,EAAO,CAAC,GAC5C,CAACI,GAAKC,KAAOnG,EAAcgG,EAAO,GAAGA,EAAO,GAAGrG,CAAC,GAChDyG,IAAS;IAAE,GAAGF;IAAK,GAAGC;GAAI,GAC1BE,IAAW;IACf,GAAGD,EAAO,IAAIb;IACd,GAAGa,EAAO,IAAIb;IACd,OAAOC,EAAQ;IACf,QAAQA,EAAQ;GAClB,GACMc,IAAKtC,EAAkBqC,GAAUZ,GAAaC,CAAW,GACzDa,IAAuB;IAC3B,MAAM;IACN,MAAMrD,EAAYmD,EAAS,GAAGA,EAAS,GAAGA,EAAS,OAAOA,EAAS,MAAM;IACzE,MAAMb,EAAQ;GAChB,GACMgB,IAAyB;IAC7B,MAAM;IACN,MAAMtD,EAAYoD,EAAG,GAAGA,EAAG,GAAGA,EAAG,OAAOA,EAAG,MAAM;IACjD,QAAQd,EAAQ;GAClB;GACA,AAAIG,MAAU,IACZtF,EAAI,KAAKkG,GAASC,CAAS,IAE3BnG,EAAI,KAAK;IACP,MAAM;IACN,WAAWqC,EAAiB0D,EAAO,GAAGA,EAAO,GAAGT,CAAK;IACrD,UAAU,CAACY,GAASC,CAAS;GAC/B,CAAC;EAEL;CACF;CACA,OAAOnG;AACT;AAKA,SAASoG,EACP,GACA,GACA,GACA,GACe;CACf,IAAMT,IAASU,EAAejD,GAAQkD,GAAU9G,EAAK,KAAK,GACpD+G,IAAWZ,EAAO,OAClBrG,IAAIC,EAAgBC,CAAI,GACxB,CAACgH,GAAKC,KAAO9G,EAAcgG,EAAO,IAAIA,EAAO,IAAIrG,CAAC,GAClDoH,IAAOvB,EAAQ,MACfwB,IAAYD,GACZE,IAAkB,KAAK,KAAK,MAAO,MAAM,GAEzCC,IAAW3D,EAAmBiC,EAAQ,QAAQ,SAAS,GAAG,CAAC,IAAI,KAC/DnC,IAAwB;EAC5B,OAAOmC,EAAQ,KAAK;EACpB,OAAO0B;EACP,KAAK;EACL,MAAM;CACR,GAGMC,IAAiB,CAAChD,CAAM,GACxBiD,IAAe,CAAC,GAChBC,IAAe,CAAC;CACtB,KAAK,IAAIjC,IAAI,GAAGA,KAAK,IAAQ,KAAK;EAEhC,IAAMO,IAAQsB,IADJ7B,IAAI,KACqB6B,IAAiB;EAGpD,AAFAG,EAAG,KAAKJ,IAAY,KAAK,IAAIrB,CAAK,CAAC,GACnC0B,EAAG,KAAK,CAACL,IAAY,KAAK,IAAIrB,CAAK,CAAC,GAChCP,IAAI,KAAG+B,EAAK,KAAK/C,CAAM;CAC7B;CACA,IAAMkD,IAAsB,CAAC;CAC7B,KAAK,IAAIlC,IAAI,GAAGA,IAAIgC,EAAG,QAAQ,KAC7B,EAAU,KAAKA,EAAGhC,IAAIiC,EAAGjC,EAAE;CAE7B,IAAMmC,IAAuB;EAC3B,MAAM;EACN,UAAU,IAAI,WAAWJ,CAAI;EAC7B,QAAQ,IAAI,aAAaG,CAAS;EAClC,UAAU;CACZ,GAGME,IAAUT,IAAO,IACjBU,IAAYV,IAAO,IACnBW,KAAa,GAAc,GAAc,GAAY,MAA4B;EAErF,IAAMC,IAAM,KAAK,MAAM7E,GAAIG,CAAE,KAAK,GAC5B2E,IAAK9E,IAAK6E,GACVE,IAAK5E,IAAK0E,GAEVG,IAAK,CAACD,GACNE,IAAKH,GAELI,IAAOC,IAAOL,IAAKJ,GACnBU,IAAOC,IAAON,IAAKL,GACnBY,IAAYH,IAAaR,IAAY,IAAlBK,GACnBO,IAAYF,IAAaV,IAAY,IAAlBM,GACnBO,IAAaL,IAAaR,IAAY,IAAlBK,GACpBS,IAAaJ,IAAaV,IAAY,IAAlBM;EAC1B,OAAO;GACL,MAAM;GACN,UAAU,IAAI,WAAW;IAAC5D;IAAQC;IAAQA;IAAQA;GAAM,CAAC;GACzD,QAAQ,IAAI,aAAa;IAAC4D;IAAME;IAAME;IAAWC;IAAWC;IAAYC;IAAYP;IAAME;GAAI,CAAC;GAC/F,UAAU;EACZ;CACF,GAGMM,IAASvB,GACTwB,IAAQzB,IAAY,KAAK,IAAIwB,CAAM,GACnCE,IAAQ,CAAC1B,IAAY,KAAK,IAAIwB,CAAM,GACpCG,IAAY,KAAK,IAAIH,CAAM,GAC3BI,IAAY,KAAK,IAAIJ,CAAM,GAG3BK,IAAS,CAAC5B,GACV6B,IAAQ9B,IAAY,KAAK,IAAI6B,CAAM,GACnCE,IAAQ,CAAC/B,IAAY,KAAK,IAAI6B,CAAM,GACpCG,IAAY,CAAC,KAAK,IAAIH,CAAM,GAC5BI,IAAY,CAAC,KAAK,IAAIJ,CAAM,GAC5BK,IAAQxB,EAAUe,GAAOC,GAAOC,GAAWC,CAAS,GACpDO,IAAQzB,EAAUoB,GAAOC,GAAOC,GAAWC,CAAS,GAEtDG,IAAYC,EAAK,WAAWA,EAAK,SAAS,GAAGxC,GAAKC,CAAG;CACzD,IAAIF,MAAa,GAAG;EAClB,IAAMjE,IAAI,KAAK,IAAIiE,CAAQ,GACrB/D,IAAI,KAAK,IAAI+D,CAAQ,GACrB0C,IAAM,IAAI,aAAa;GAAC3G;GAAGE;GAAG;GAAG,CAACA;GAAGF;GAAG;GAAG;GAAG;GAAG;EAAC,CAAC;EACzD,IAAY0G,EAAK,SAASD,GAAWE,CAAG;CAC1C;CACA,OAAO,CACL;EACE,MAAM;EACN;EACA,UAAU;GACR;IAAE,MAAM;IAAQ,MAAM/B;IAAS;GAAO;GACtC;IAAE,MAAM;IAAQ,MAAM2B;IAAO,MAAM1D,EAAQ;GAAK;GAChD;IAAE,MAAM;IAAQ,MAAM2D;IAAO,MAAM3D,EAAQ;GAAK;EAClD;CACF,CACF;AACF;AAYA,SAAS+D,EACP,GACA,GACsB;CACtB,IAAM,EAAE,WAAQ,WAAQ/G,EAAqB5B,EAAK,OAAO,GAEnD4E,IADiBgE,EAAO,WAAW5I,EAAK,YAAY,KACzB6B,EAAe7B,EAAK,WAAW,KAAA,CAAS,IAAI,MACvEmF,IAAYnF,EAAK,aAAa2B,GAC9B1B,IAAKD,EAAK,kBAAkBE,GAC5BmB,IAAUrB,EAAK,SACf6I,IAAaxH,IACfJ,EAAiCI,GAASpB,GAAGD,EAAK,aAAaA,EAAK,WAAW,IAC/E,MACE8I,IAAyBF,EAAO,UAClCG,EAAgB/I,CAAI,CAAC,EAAE,cAAc,OACrC;CAEJ,OAAO;EACL,IAAI4I,EAAO;EACX,OAAOA,EAAO;EACd,OAAO;EACP,OAAO,GAAM,MAAS;GAKpB,IAAMI,IAAcC,EAAcC,CAAI,GAChCC,IAASnJ,EAAK,eAChBA,EAAK,aAAa,IAClBoJ,EAAmBJ,CAAW;GAClC,IAAIG,EAAO,WAAW,GAAG,OAAO,CAAC;GACjC,IAAME,IAAarJ,EAAK,mBAAmB,GACrC4C,IAAMyG,KAAcA,EAAW,OAAO,IACxCF,EAAO,QAAQ,MAAO,CAACE,EAAW,IAAI7J,CAAuB,CAAC,IAC9D2J;GACJ,IAAIvG,EAAI,WAAW,GAAG,OAAO,CAAC;GAG9B,IAAM0G,IAAYC,EAAYL,CAAI,GAC5BM,IAAcZ,EAAO,YAAY,MAAYU,EAAU,mBAAmB,IAC1EG,IAAc,MAAYH,EAAU,0BAA0B,GAC9DI,IAAe,MAAYJ,EAAU,2BAA2B,GAEhExG,IAAgB+F,OAAgB,MAAeG,GAAa,SAASxJ,CAAE,KAAK,OAC5EmK,KAAuB,MACvBnK,MAAOoK,KAA0BZ,GAAa,eAAe,OACxDA,EAAY,cAEdlG,EAActD,CAAE,GAGnBC,IAAqB,CAAC;GAC5B,IAAI+J,GAAa;IACf,IAAMK,IAAgB7J,EAAK,gBACvBA,EAAK,cAAc,IAClBA,EAAK,eAAe4C,IAAOoG,GAAa,aAAapG,GACpDkH,IAAaT,KAAcA,EAAW,OAAO,IAC/CQ,EAAc,QAAQ,MAAO,CAACR,EAAW,IAAI7J,CAAuB,CAAC,IACrEqK;IACJ,KAAK,IAAME,KAAOxH,EAAmBuH,GAAYH,GAAqBlH,GAAQO,GAAK/D,CAAI,GAAG,EAAI,KAAK8K,CAAG;GACxG;GACA,IAAI,CAACnF,GAAS,OAAOnF;GACrB,IAAIgK,GACF,KAAK,IAAMM,KAAOrF,EAAkB9B,GAAK+G,GAAqB/E,GAASO,GAAWlG,CAAI,GAAG,EAAI,KAAK8K,CAAG;GAEvG,IAAIL,KAAgBZ,MAA2B,MAC7C,KAAK,IAAMtJ,KAAMoD,GAAK;IACpB,IAAMvD,IAAIsK,EAAoBnK,CAAE;IAChC,IAAKH,GACL,KAAK,IAAM0K,KAAOlE,EAAuBxG,GAAGuF,GAASkE,GAAwB7J,CAAI,GAC/E,EAAI,KAAK8K,CAAG;GAEhB;GAEF,OAAOtK;EACT;CACF;AACF;AAKA,SAAgBsJ,EACd,GAC+C;CAC/C,IAAM5F,IAAInD,EAAK;CAEf,OADI,CAACmD,KAAKnD,EAAK,YAAY,KAAc,OAClC;EACL,YAAYmD,MAAM,KAAO6G,IAAmC7G,EAAE,YAAY6G;EAC1E,QAAQnI,EAAe7B,EAAK,WAAW,KAAA,CAAS,CAAC,CAAC;CACpD;AACF;AAMA,SAAgBiK,EACd,GACsB;CACtB,OAAOtB,EAAoB3I,GAAM;EAC/B,IAAI;EACJ,OAAO;EACP,SAAS;EACT,SAAS;CACX,CAAC;AACH;AAMA,SAAgBkK,EACd,GACsB;CACtB,OAAOvB,EAAoB3I,GAAM;EAC/B,IAAI;EACJ,OAAO;EACP,SAAS;EACT,SAAS;CACX,CAAC;AACH;AAOA,SAAgBmK,EACd,GACsB;CACtB,OAAOxB,EAAoB3I,GAAM;EAC/B,IAAI;EACJ,OAAO;EACP,SAAS;EACT,SAAS;CACX,CAAC;AACH;AAKA,SAASuJ,EAAY,GAAiD;CACpE,IAAMa,IAAQlB;CAEd,OADI,OAAOkB,GAAO,gBAAiB,aAAmBA,EAAM,aAAa,IAClE;AACT;AAKA,SAAShB,EAAmB,GAA8C;CAGxE,OAFKiB,IACDA,EAAM,cAAoB,CAACT,CAAgC,IACxDS,EAAM,YAFM,CAAC;AAGtB;AAKA,SAASpB,EAAc,GAAmC;CACxD,IAAMmB,IAAQlB;CAEd,OADI,OAAOkB,GAAO,kBAAmB,aAAmBA,EAAM,eAAe,IACtE;AACT"}

package/dist/features/text/index.js

@@ -0,0 +1,6 @@
+import { createTextLayer as e } from "./textLayer.js";
+import { useSceneTextEdit as t } from "./useSceneTextEdit.js";
+import { textCommand as n, textCommandFromPose as r, textCommandFromRuns as i } from "@weasel-js/renderer";
+import { TextOutlinesError as a, loadTextOutlines as o, textToPath as s, textToPathsByPaint as c } from "@weasel-js/text";
+import { TEXT_EDIT_FONT_HOLD as l, charOffsetToDomPosition as u, domPositionToCharOffset as d, domToRuns as f, runsToDom as p, useTextEdit as m } from "@weasel-js/text-dom";
+export { l as TEXT_EDIT_FONT_HOLD, a as TextOutlinesError, u as charOffsetToDomPosition, e as createTextLayer, d as domPositionToCharOffset, f as domToRuns, o as loadTextOutlines, p as runsToDom, n as textCommand, r as textCommandFromPose, i as textCommandFromRuns, s as textToPath, c as textToPathsByPaint, t as useSceneTextEdit, m as useTextEdit };

package/dist/features/text/textLayer.js

@@ -1,4 +1,4 @@
-import { textCommandFromPose as e } from "./textCommand.js";
+import { textCommandFromPose as e } from "@weasel-js/renderer";
 import { runsToPlainText as t } from "@weasel-js/text";
 //#region src/features/text/textLayer.ts
 function n(n) {

package/dist/features/text/textLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"textLayer.js","names":["createTextLayer","opts","scale","view","children","node","getTexts","isHidden","pose","getPose","runsToPlainText","textCmd","textCommandFromPose","clipToBounds"],"sources":["../../../src/features/text/textLayer.ts"],"sourcesContent":["/**\n * Text RenderLayer for text that is not in a scene: one `textCommandFromPose`\n * command per item, the same command the `kit:text` node painter emits, so an\n * item lays out — and wraps, or doesn't, per its style — as a node would.\n *\n * The GL renderer uses MSDF text. The resolved style's `fontFamily` must\n * be registered via `registerFont(family, variant, metricsUrl, atlasUrl)`\n * from the renderer module *before* the GL backend dispatches this layer.\n * Unregistered families render with a warning and no glyphs (see\n * `TextDrawCommand`'s contract).\n */\n\nimport { type DrawCommand } from '../../renderer';\nimport type { TextPose } from '@weasel-js/text';\n\nimport type { RenderLayer } from 'core/layers/render';\nimport { textCommandFromPose } from './textCommand';\nimport { runsToPlainText } from '@weasel-js/text';\n\n\n/** Options for `createTextLayer`. */\nexport interface CreateTextLayerOpts<T> {\n  id?: string;\n  label?: string;\n  getTexts: () => readonly T[];\n  getPose: (node: T) => TextPose;\n  /** Optional per-node hide hook (e.g., suppress while editing). */\n  isHidden?: (node: T) => boolean;\n  /** When `true`, each text command is wrapped in a clipped group so any\n   *  overflow beyond the pose's `(width × height)` is hidden. Default\n   *  `false` (legacy: text can spill outside the declared bounds). Opt-in\n   *  so existing consumers who rely on overflow keep working. */\n  clipToBounds?: boolean;\n}\n\n/** Build a `RenderLayer` that emits one `TextDrawCommand` per text node. */\nexport function createTextLayer<T>(opts: CreateTextLayerOpts<T>): RenderLayer<unknown> {\n  const { id = 'text', label = 'Text', getTexts, getPose, isHidden, clipToBounds = false } = opts;\n  return {\n    id,\n    label,\n    draw: (_data, view) => {\n      // A world-space layer, so a `{ px }` size in a pose's style resolves\n      // against the live camera. Radial in effect — one factor for both axes.\n      const scale = (view.scale.x + view.scale.y) / 2;\n      const children: DrawCommand[] = [];\n      for (const node of getTexts()) {\n        if (isHidden?.(node)) continue;\n        const pose = getPose(node);\n        if (pose.runs && pose.runs.length > 0 && runsToPlainText(pose.runs) !== pose.text) {\n          throw new Error(\n            `weasel createTextLayer: TextPose invariant violated — ` +\n            `runsToPlainText(runs) !== text. Either omit \\`runs\\` or keep it ` +\n            `synchronized with \\`text\\`.`,\n          );\n        }\n        const textCmd = textCommandFromPose(pose, scale);\n        if (clipToBounds) {\n          children.push({\n            kind: 'group',\n            clip: { kind: 'rect', x: pose.x, y: pose.y, width: pose.width, height: pose.height },\n            children: [textCmd],\n          });\n        } else {\n          children.push(textCmd);\n        }\n      }\n      // World-space commands; drawLayers wraps in viewToMat3 automatically.\n      return children;\n    },\n  };\n}\n"],"mappings":";;;AAoCA,SAAgBA,EAAmB,GAAoD;CACrF,IAAM,EAAE,QAAK,QAAQ,WAAQ,QAAQ,aAAU,YAAS,aAAU,kBAAe,OAAUC;CAC3F,OAAO;EACL;EACA;EACA,OAAO,GAAO,MAAS;GAGrB,IAAMC,KAASC,EAAK,MAAM,IAAIA,EAAK,MAAM,KAAK,GACxCC,IAA0B,CAAC;GACjC,KAAK,IAAMC,KAAQC,EAAS,GAAG;IAC7B,IAAIC,IAAWF,CAAI,GAAG;IACtB,IAAMG,IAAOC,EAAQJ,CAAI;IACzB,IAAIG,EAAK,QAAQA,EAAK,KAAK,SAAS,KAAKE,EAAgBF,EAAK,IAAI,MAAMA,EAAK,MAC3E,MAAU,MACR,+IAGF;IAEF,IAAMG,IAAUC,EAAoBJ,GAAMN,CAAK;IAC/C,AAAIW,IACFT,EAAS,KAAK;KACZ,MAAM;KACN,MAAM;MAAE,MAAM;MAAQ,GAAGI,EAAK;MAAG,GAAGA,EAAK;MAAG,OAAOA,EAAK;MAAO,QAAQA,EAAK;KAAO;KACnF,UAAU,CAACG,CAAO;IACpB,CAAC,IAEDP,EAAS,KAAKO,CAAO;GAEzB;GAEA,OAAOP;EACT;CACF;AACF"}
+{"version":3,"file":"textLayer.js","names":["createTextLayer","opts","scale","view","children","node","getTexts","isHidden","pose","getPose","runsToPlainText","textCmd","textCommandFromPose","clipToBounds"],"sources":["../../../src/features/text/textLayer.ts"],"sourcesContent":["/**\n * Text RenderLayer for text that is not in a scene: one `textCommandFromPose`\n * command per item, the same command the `kit:text` node painter emits, so an\n * item lays out — and wraps, or doesn't, per its style — as a node would.\n *\n * The GL renderer uses MSDF text. The resolved style's `fontFamily` must\n * be registered via `registerFont(family, variant, metricsUrl, atlasUrl)`\n * from the renderer module *before* the GL backend dispatches this layer.\n * Unregistered families render with a warning and no glyphs (see\n * `TextDrawCommand`'s contract).\n */\n\nimport { type DrawCommand } from '@weasel-js/renderer';\nimport type { TextPose } from '@weasel-js/text';\n\nimport type { RenderLayer } from 'core/layers/render';\nimport { textCommandFromPose } from '@weasel-js/renderer';\nimport { runsToPlainText } from '@weasel-js/text';\n\n\n/** Options for `createTextLayer`. */\nexport interface CreateTextLayerOpts<T> {\n  id?: string;\n  label?: string;\n  getTexts: () => readonly T[];\n  getPose: (node: T) => TextPose;\n  /** Optional per-node hide hook (e.g., suppress while editing). */\n  isHidden?: (node: T) => boolean;\n  /** When `true`, each text command is wrapped in a clipped group so any\n   *  overflow beyond the pose's `(width × height)` is hidden. Default\n   *  `false` (legacy: text can spill outside the declared bounds). Opt-in\n   *  so existing consumers who rely on overflow keep working. */\n  clipToBounds?: boolean;\n}\n\n/** Build a `RenderLayer` that emits one `TextDrawCommand` per text node. */\nexport function createTextLayer<T>(opts: CreateTextLayerOpts<T>): RenderLayer<unknown> {\n  const { id = 'text', label = 'Text', getTexts, getPose, isHidden, clipToBounds = false } = opts;\n  return {\n    id,\n    label,\n    draw: (_data, view) => {\n      // A world-space layer, so a `{ px }` size in a pose's style resolves\n      // against the live camera. Radial in effect — one factor for both axes.\n      const scale = (view.scale.x + view.scale.y) / 2;\n      const children: DrawCommand[] = [];\n      for (const node of getTexts()) {\n        if (isHidden?.(node)) continue;\n        const pose = getPose(node);\n        if (pose.runs && pose.runs.length > 0 && runsToPlainText(pose.runs) !== pose.text) {\n          throw new Error(\n            `weasel createTextLayer: TextPose invariant violated — ` +\n            `runsToPlainText(runs) !== text. Either omit \\`runs\\` or keep it ` +\n            `synchronized with \\`text\\`.`,\n          );\n        }\n        const textCmd = textCommandFromPose(pose, scale);\n        if (clipToBounds) {\n          children.push({\n            kind: 'group',\n            clip: { kind: 'rect', x: pose.x, y: pose.y, width: pose.width, height: pose.height },\n            children: [textCmd],\n          });\n        } else {\n          children.push(textCmd);\n        }\n      }\n      // World-space commands; drawLayers wraps in viewToMat3 automatically.\n      return children;\n    },\n  };\n}\n"],"mappings":";;;AAoCA,SAAgBA,EAAmB,GAAoD;CACrF,IAAM,EAAE,QAAK,QAAQ,WAAQ,QAAQ,aAAU,YAAS,aAAU,kBAAe,OAAUC;CAC3F,OAAO;EACL;EACA;EACA,OAAO,GAAO,MAAS;GAGrB,IAAMC,KAASC,EAAK,MAAM,IAAIA,EAAK,MAAM,KAAK,GACxCC,IAA0B,CAAC;GACjC,KAAK,IAAMC,KAAQC,EAAS,GAAG;IAC7B,IAAIC,IAAWF,CAAI,GAAG;IACtB,IAAMG,IAAOC,EAAQJ,CAAI;IACzB,IAAIG,EAAK,QAAQA,EAAK,KAAK,SAAS,KAAKE,EAAgBF,EAAK,IAAI,MAAMA,EAAK,MAC3E,MAAU,MACR,+IAGF;IAEF,IAAMG,IAAUC,EAAoBJ,GAAMN,CAAK;IAC/C,AAAIW,IACFT,EAAS,KAAK;KACZ,MAAM;KACN,MAAM;MAAE,MAAM;MAAQ,GAAGI,EAAK;MAAG,GAAGA,EAAK;MAAG,OAAOA,EAAK;MAAO,QAAQA,EAAK;KAAO;KACnF,UAAU,CAACG,CAAO;IACpB,CAAC,IAEDP,EAAS,KAAKO,CAAO;GAEzB;GAEA,OAAOP;EACT;CACF;AACF"}

package/dist/features/text/useSceneTextEdit.js

@@ -1,138 +1,145 @@
 import { effectivePose as e } from "../../core/scene/effectivePose.js";
-import { asNodeId as t } from "../../core/scene/types.js";
-import { findMountedCanvas as n } from "../../canvas/mountedCanvases.js";
-import { caretIndexAt as r, pointInTextPose as i } from "./hitTest.js";
-import { useTextEdit as a } from "./useTextEdit.js";
-import { resolveScreenLength as o } from "@weasel-js/paint";
-import { useCallback as s, useRef as c } from "react";
+import { targetTransformOf as t, worldToLocal as n } from "../../core/geometry/targetFrame.js";
+import { asNodeId as r } from "../../core/scene/types.js";
+import { findMountedCanvas as i } from "../../canvas/mountedCanvases.js";
+import { poseFrameOf as a } from "@weasel-js/geom";
+import { useCallback as o, useMemo as s, useRef as c } from "react";
 import { useLatest as l } from "@weasel-js/react";
 import { clientToCanvas as u } from "@weasel-js/routing";
+import { resolveScreenLength as d } from "@weasel-js/paint";
+import { caretIndexAt as f, isTextData as p, pointInTextPose as m } from "@weasel-js/text";
+import { useTextEdit as h } from "@weasel-js/text-dom";
 //#region src/features/text/useSceneTextEdit.ts
-function d(e) {
+function g(e) {
 	return typeof e == "function" ? e() : e;
 }
-function f(f, p, m = {}) {
-	let h = l(f), g = l(m), _ = l(p), v = c(null), y = () => {
-		let e = _.current, t = e ? n(e, v.current) : null;
+function _(a, _, y = {}) {
+	let b = l(a), x = l(y), S = l(_), C = c(null), w = () => {
+		let e = S.current, t = e ? i(e, C.current) : null;
 		if (!e || !t) return null;
-		let r = t.element.getBoundingClientRect(), i = e.getBoundingClientRect();
+		let n = t.element.getBoundingClientRect(), r = e.getBoundingClientRect();
 		return {
 			canvas: t,
 			box: {
-				x: r.left - i.left - e.clientLeft + e.scrollLeft,
-				y: r.top - i.top - e.clientTop + e.scrollTop,
-				width: r.width,
-				height: r.height
+				x: n.left - r.left - e.clientLeft + e.scrollLeft,
+				y: n.top - r.top - e.clientTop + e.scrollTop,
+				width: n.width,
+				height: n.height
 			}
 		};
-	}, b = a({
-		container: p,
-		isEditorChrome: (e) => g.current.isEditorChrome?.(e) ?? !1,
-		escape: m.escape,
-		fontHold: m.fontHold,
+	}, T = s(() => ({
+		isText: (e) => x.current.isText ? x.current.isText(e) : p(e),
+		text: (e) => x.current.getText ? x.current.getText(e) : e.text ?? "",
+		style: (e) => x.current.getStyle ? x.current.getStyle(e) : e.style,
+		runs: (e) => x.current.getRuns ? x.current.getRuns(e) : e.runs,
+		verticalAlign: (e) => x.current.getVerticalAlign ? x.current.getVerticalAlign(e) : e.verticalAlign
+	}), [x]), E = h({
+		container: _,
+		isEditorChrome: (e) => x.current.isEditorChrome?.(e) ?? !1,
+		escape: y.escape,
+		fontHold: y.fontHold,
 		getText: (e) => {
-			let n = h.current.get(t(e));
-			if (!n) return "";
-			let r = g.current.getText;
-			return r ? r(n.data) : n.data.text ?? "";
+			let t = b.current.get(r(e));
+			return t ? T.text(t.data) : "";
 		},
 		getStyle: (e) => {
-			let n = h.current.get(t(e));
-			if (!n) return;
-			let r = g.current.getStyle;
-			return r ? r(n.data) : n.data.style;
+			let t = b.current.get(r(e));
+			return t ? T.style(t.data) : void 0;
 		},
 		getPaint: (e) => {
-			let n = h.current.get(t(e));
-			if (!n) return;
-			let r = g.current.getPaint;
-			return r ? r(n.data) : {
-				fill: n.data.fill,
-				stroke: n.data.stroke
+			let t = b.current.get(r(e));
+			if (!t) return;
+			let n = x.current.getPaint;
+			return n ? n(t.data) : {
+				fill: t.data.fill,
+				stroke: t.data.stroke
 			};
 		},
-		getScreenPose: (n) => {
-			let r = h.current, i = r.get(t(n));
+		getScreenPose: (t) => {
+			let n = b.current, i = n.get(r(t));
 			if (!i) return null;
-			let a = e(r, i), s = g.current.getStyle ? g.current.getStyle(i.data) : i.data.style, c = y(), l = d(g.current.view) ?? c?.canvas.getView(), u = l ? l.scale.x : 1, f = c?.box.x ?? 0, p = c?.box.y ?? 0;
+			let a = e(n, i), o = T.style(i.data), s = w(), c = g(x.current.view) ?? s?.canvas.getView(), l = c ? c.scale.x : 1, u = s?.box.x ?? 0, f = s?.box.y ?? 0;
 			return {
-				x: f + (l ? (a.x - l.x) * l.scale.x : a.x),
-				y: p + (l ? (a.y - l.y) * l.scale.y : a.y),
+				x: u + (c ? (a.x - c.x) * c.scale.x : a.x),
+				y: f + (c ? (a.y - c.y) * c.scale.y : a.y),
 				width: a.width,
 				height: a.height,
-				fontSize: o(s?.fontSize ?? g.current.defaultFontSize ?? 16, u),
-				zoom: u,
-				verticalAlign: g.current.getVerticalAlign ? g.current.getVerticalAlign(i.data) : i.data.verticalAlign
+				fontSize: d(o?.fontSize ?? x.current.defaultFontSize ?? 16, l),
+				zoom: l,
+				frame: v(a),
+				verticalAlign: T.verticalAlign(i.data)
 			};
 		},
-		getClipRect: () => y()?.box ?? null,
-		setText: (e, n) => {
-			let r = t(e), i = h.current.get(r);
-			if (!i) return;
-			let a = g.current.setText, o = a ? a(i.data, n) : {
-				...i.data,
-				text: n
-			};
-			h.current.update(r, { data: o });
-		},
+		getClipRect: () => w()?.box ?? null,
 		getRuns: (e) => {
-			let n = h.current.get(t(e));
-			if (!n) return;
-			let r = g.current.getRuns;
-			return r ? r(n.data) : n.data.runs;
+			let t = b.current.get(r(e));
+			return t ? T.runs(t.data) : void 0;
 		},
-		setRuns: (e, n) => {
-			let r = t(e), i = h.current.get(r);
-			if (!i) return;
-			let a = g.current.setRuns, o = a ? a(i.data, n) : {
-				...i.data,
-				runs: n
+		commit: (e, { text: t, runs: n, style: i }) => {
+			let a = r(e), o = b.current.get(a);
+			if (!o) return;
+			let { setText: s, setRuns: c, setStyle: l } = x.current, u = s ? s(o.data, t) : {
+				...o.data,
+				text: t
 			};
-			h.current.update(r, { data: o });
-		},
-		setStyle: (e, n) => {
-			let r = t(e), i = h.current.get(r);
-			if (!i) return;
-			let a = g.current.setStyle, o = a ? a(i.data, n) : {
-				...i.data,
-				style: n
-			};
-			h.current.update(r, { data: o });
+			n && (u = c ? c(u, n) : {
+				...u,
+				runs: n
+			}), i && (u = l ? l(u, i) : {
+				...u,
+				style: i
+			}), b.current.update(a, { data: u });
 		}
-	}), x = s((t) => {
-		let a = t.target instanceof HTMLElement ? t.target : null;
-		if (!a) return;
-		let [o, s] = u(a, t.clientX, t.clientY), c = _.current, l = d(g.current.view) ?? (c ? n(c, a)?.getView() : void 0), f = l ? o / l.scale.x + l.x : o, p = l ? s / l.scale.y + l.y : s, m = (e) => g.current.getText ? g.current.getText(e) : e.text ?? "", y = (e) => g.current.getStyle ? g.current.getStyle(e) : e.style, x = (e) => g.current.getRuns ? g.current.getRuns(e) : e.runs, S = (e) => g.current.getVerticalAlign ? g.current.getVerticalAlign(e) : e.verticalAlign, C = h.current.renderOrderNodes();
-		for (let t = C.length - 1; t >= 0; t--) {
-			let n = C[t];
-			if (h.current.isLocked(n.id)) continue;
-			let o = m(n.data), s = e(h.current, n), c = {
+	}), D = o((r) => {
+		let a = r.target instanceof HTMLElement ? r.target : null;
+		if (!a || a.closest("[contenteditable=\"true\"]")) return;
+		let [o, s] = u(a, r.clientX, r.clientY), c = S.current, l = g(x.current.view) ?? (c ? i(c, a)?.getView() : void 0), d = l ? o / l.scale.x + l.x : o, p = l ? s / l.scale.y + l.y : s, h = b.current.renderOrderNodes();
+		for (let r = h.length - 1; r >= 0; r--) {
+			let i = h[r];
+			if (b.current.isLocked(i.id) || !T.isText(i.data)) continue;
+			let o = T.text(i.data), s = e(b.current, i), c = n(t(s), d, p);
+			if (!c) continue;
+			let l = {
 				x: s.x,
 				y: s.y,
 				width: s.width,
 				height: s.height,
 				text: o,
-				runs: x(n.data),
-				style: y(n.data),
-				verticalAlign: S(n.data)
+				runs: T.runs(i.data),
+				style: T.style(i.data),
+				verticalAlign: T.verticalAlign(i.data)
 			};
-			if (i(f, p, c)) {
-				v.current = a, b.startEdit(String(n.id), { caret: r(f, p, c) });
+			if (m(c.x, c.y, l)) {
+				C.current = a, E.startEdit(String(i.id), { caret: f(c.x, c.y, l) });
 				return;
 			}
 		}
 	}, [
-		b,
-		_,
-		g,
-		h
-	]);
+		E,
+		S,
+		x,
+		T,
+		b
+	]), O = o((e) => {
+		let t = b.current.get(r(e));
+		return t !== void 0 && T.isText(t.data);
+	}, [T, b]);
 	return {
-		...b,
-		onDoubleClick: x
+		...E,
+		onDoubleClick: D,
+		isTextNode: O
 	};
 }
+function v(e) {
+	let t = a(e);
+	return t ? [
+		t[0],
+		t[1],
+		t[2],
+		t[3]
+	] : void 0;
+}
 //#endregion
-export { f as useSceneTextEdit };
+export { _ as useSceneTextEdit };
 
 //# sourceMappingURL=useSceneTextEdit.js.map

package/dist/features/text/useSceneTextEdit.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSceneTextEdit.js","names":["resolveView","view","useSceneTextEdit","sceneRef","useLatest","scene","optsRef","options","containerRef","container","openedOnRef","useRef","surface","root","canvas","findMountedCanvas","a","b","edit","useTextEdit","el","node","asNodeId","id","get","pose","effectivePose","style","at","zoom","originX","originY","resolveScreenLength","nid","setter","data","text","runs","onDoubleClick","useCallback","e","canvasX","canvasY","clientToCanvas","cx","cy","readText","readStyle","readRuns","readVerticalAlign","order","i","pointInTextPose","caretIndexAt"],"sources":["../../../src/features/text/useSceneTextEdit.ts"],"sourcesContent":["/**\n * `useSceneTextEdit` — scene-aware wrapper around `useTextEdit`.\n *\n * Every consumer that wires `useTextEdit` against a `useScene`-managed\n * scene writes the same callbacks: scene lookups for text / style /\n * runs / screen-pose, and `scene.update(id, { data })` for commits. This\n * helper bakes that wiring in. Consumers pass `scene` + `container` and\n * get back the same `UseTextEditReturn` shape (`startEdit`, `isEditing`,\n * `cancelEdit`, `commit`, `editingId`).\n *\n * Defaults assume the node's `data` carries `text` / `style` / `runs`\n * directly — matches the `useScene({ items })` trivial form where\n * `data === item` for text-shaped items, and matches `TextPose`-shaped\n * data. For custom data shapes, override any of the optional projections\n * (`getText` / `getStyle` / `getRuns` / `setText` / `setRuns` / `setStyle`).\n *\n * Pose component: the helper reads `(x, y, width, height)` straight off\n * the node's pose (typed `RectPose`) and projects that box through the view\n * of the weasel canvas mounted inside `container` — see the `view` option.\n * The overlay is clipped to that canvas's box, where its glyphs are clipped.\n * Consumers with non-rect poses should drop down to raw `useTextEdit` and\n * supply their own `getScreenPose`.\n */\nimport { useCallback, useRef, type MouseEvent } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { asNodeId } from '../../core/scene/types';\nimport { effectivePose } from '../../core/scene/effectivePose';\nimport type { Scene } from '../../core/scene/types';\nimport type { FillStyle, Stroke } from '@weasel-js/paint';\nimport { resolveScreenLength } from '@weasel-js/paint';\nimport { clientToCanvas } from '@weasel-js/routing';\nimport { findMountedCanvas, type MountedCanvas } from '../../canvas/mountedCanvases';\nimport type { View } from '../../core/viewport/view';\nimport type { RectPose } from 'core/geometry/unionBounds';\nimport { caretIndexAt, pointInTextPose } from './hitTest';\nimport type { StyledRun } from '@weasel-js/text';\nimport type { TextPaint, TextStyle, TextVerticalAlign } from '@weasel-js/text';\nimport { useTextEdit, type TextEditClipRect, type UseTextEditReturn } from './useTextEdit';\n\n/** Shape the default projections expect `data` to satisfy. All fields\n *  optional so any object satisfies the constraint — projections fill in\n *  the gaps for non-default shapes. */\nexport interface DefaultTextData {\n  text?: string;\n  style?: TextStyle;\n  runs?: readonly StyledRun[];\n  fill?: FillStyle | null;\n  stroke?: Stroke | null;\n  verticalAlign?: TextVerticalAlign;\n}\n\n/** All-optional projections + fontSize fallback. */\nexport interface UseSceneTextEditOptions<TData> {\n  /** Read plain text from `data`. Default: `data.text ?? ''`. */\n  getText?: (data: TData) => string;\n  /** Read style from `data`. Default: `data.style`. */\n  getStyle?: (data: TData) => TextStyle | undefined;\n  /** Read the node's paint from `data`. Default: `data.fill` / `data.stroke`. */\n  getPaint?: (data: TData) => TextPaint | undefined;\n  /** Read rich-text runs from `data`. Default: `data.runs`. */\n  getRuns?: (data: TData) => readonly StyledRun[] | undefined;\n  /** Read the box vertical alignment from `data`. Default: `data.verticalAlign`. */\n  getVerticalAlign?: (data: TData) => TextVerticalAlign | undefined;\n  /** Produce updated data with new text. Default: `{ ...data, text }`. */\n  setText?: (data: TData, text: string) => TData;\n  /** Produce updated data with new runs. Default: `{ ...data, runs }`. */\n  setRuns?: (data: TData, runs: StyledRun[]) => TData;\n  /**\n   * Produce updated data with a new node-wide style. Default:\n   * `{ ...data, style }`. Written only when a range toggle has to *clear* a\n   * flag the node itself sets — the run algebra is additive, so that edit\n   * lowers the node flag and raises it on the runs outside the range. See\n   * `useTextEdit`'s `setStyle`.\n   */\n  setStyle?: (data: TData, style: TextStyle) => TData;\n  /** Fallback fontSize when `style.fontSize` is unset. Default `16`. */\n  defaultFontSize?: number;\n  /**\n   * The view to project through. Omit it and the view is read live from the\n   * weasel canvas mounted inside `container` (the one a double-click landed\n   * on, when there are several) — which is all a canvas that pans or zooms\n   * needs. With no canvas there, the node's world box is passed through as\n   * screen pixels.\n   *\n   * The overlay is positioned at the node's projected origin and CSS-scaled\n   * by the view, so every typographic metric on it — including the\n   * `fontSize` / `letterSpacing` a *run* carries — stays in world units and\n   * scales together.\n   *\n   * The overlay takes a single scale factor, so a non-uniform view scale is\n   * represented by its `scale.x`; text under `scale.x !== scale.y` will not\n   * match the canvas.\n   *\n   * Pass one to project through a camera other than the canvas's own. A\n   * thunk is re-read on every projection; a plain `View` is the value from\n   * the render that supplied it.\n   */\n  view?: View | (() => View);\n  /**\n   * Forwarded to `useTextEdit`: is `el` part of the editor's own chrome?\n   * Focus moving into it does not end the edit. Wire it to whatever renders\n   * the character controls.\n   */\n  isEditorChrome?: (el: Element) => boolean;\n  /** Forwarded to `useTextEdit`: what Escape does to the edit. */\n  escape?: 'cancel' | 'commit';\n  /** Forwarded to `useTextEdit`: how long an edit waits for its face. */\n  fontHold?: number;\n}\n\nfunction resolveView(view: View | (() => View) | undefined): View | undefined {\n  return typeof view === 'function' ? view() : view;\n}\n\n/** Return shape extends `UseTextEditReturn` with an `onDoubleClick`\n *  binding for the canvas container. Double-clicking inside a text\n *  node enters edit mode with the caret seeded at the clicked glyph. */\nexport interface UseSceneTextEditReturn extends UseTextEditReturn {\n  /** Bind to the element wrapping `<SceneCanvas>` (the same element\n   *  passed as `container`, or any ancestor that receives the dblclick\n   *  bubble). The handler looks up the canvas via `e.target`, hits the\n   *  top-most text node under the cursor via `pointInTextPose`, resolves\n   *  a caret offset via `caretIndexAt`, and starts edit on that node. */\n  onDoubleClick: (e: MouseEvent<HTMLElement>) => void;\n}\n\n/** Wire double-click-to-edit text on a scene: mounts a DOM editing overlay\n *  over the node being edited and writes the result back as an undoable op. */\nexport function useSceneTextEdit<\n  TData extends DefaultTextData,\n  TLayer extends string,\n  TPose extends RectPose = RectPose,\n>(\n  scene: Scene<TData, TLayer, TPose>,\n  container: HTMLElement | null,\n  options: UseSceneTextEditOptions<TData> = {},\n): UseSceneTextEditReturn {\n  // Stash scene + options in refs so the useTextEdit callbacks always see\n  // the current values without re-binding (the underlying hook also reads\n  // its options through a ref, so any re-creation would be churn).\n  const sceneRef = useLatest(scene);\n  const optsRef = useLatest(options);\n  const containerRef = useLatest(container);\n  // The last double-click's target, so the overlay projects through the\n  // canvas the edit was opened on.\n  const openedOnRef = useRef<EventTarget | null>(null);\n\n  // The canvas's box in container pixels is both the origin its view projects\n  // from and the region its glyphs are clipped to.\n  const surface = (): { canvas: MountedCanvas; box: TextEditClipRect } | null => {\n    const root = containerRef.current;\n    const canvas = root ? findMountedCanvas(root, openedOnRef.current) : null;\n    if (!root || !canvas) return null;\n    const a = canvas.element.getBoundingClientRect();\n    const b = root.getBoundingClientRect();\n    return {\n      canvas,\n      box: {\n        x: a.left - b.left - root.clientLeft + root.scrollLeft,\n        y: a.top - b.top - root.clientTop + root.scrollTop,\n        width: a.width,\n        height: a.height,\n      },\n    };\n  };\n\n  const edit = useTextEdit({\n    container,\n    isEditorChrome: (el) => optsRef.current.isEditorChrome?.(el) ?? false,\n    escape: options.escape,\n    fontHold: options.fontHold,\n    getText: (id) => {\n      const node = sceneRef.current.get(asNodeId(id));\n      if (!node) return '';\n      const get = optsRef.current.getText;\n      return get ? get(node.data) : (node.data.text ?? '');\n    },\n    getStyle: (id) => {\n      const node = sceneRef.current.get(asNodeId(id));\n      if (!node) return undefined;\n      const get = optsRef.current.getStyle;\n      return get ? get(node.data) : node.data.style;\n    },\n    getPaint: (id) => {\n      const node = sceneRef.current.get(asNodeId(id));\n      if (!node) return undefined;\n      const get = optsRef.current.getPaint;\n      return get ? get(node.data) : { fill: node.data.fill, stroke: node.data.stroke };\n    },\n    getScreenPose: (id) => {\n      const scene = sceneRef.current;\n      const node = scene.get(asNodeId(id));\n      if (!node) return null;\n      const pose = effectivePose(scene, node);\n      const style = optsRef.current.getStyle\n        ? optsRef.current.getStyle(node.data)\n        : node.data.style;\n      const at = surface();\n      const view = resolveView(optsRef.current.view) ?? at?.canvas.getView();\n      const zoom = view ? view.scale.x : 1;\n      const originX = at?.box.x ?? 0;\n      const originY = at?.box.y ?? 0;\n      // Only the origin is projected. Width, height and font size stay in\n      // world units and reach the screen through the overlay's own\n      // `scale(zoom)` — see `TextEditScreenPose.zoom`.\n      return {\n        x: originX + (view ? (pose.x - view.x) * view.scale.x : pose.x),\n        y: originY + (view ? (pose.y - view.y) * view.scale.y : pose.y),\n        width: pose.width,\n        height: pose.height,\n        // Against `zoom`, the same factor the overlay scales back up by, so a\n        // `{ px }` size arrives on screen at the pixel count it names.\n        fontSize: resolveScreenLength(\n          style?.fontSize ?? optsRef.current.defaultFontSize ?? 16,\n          zoom,\n        ),\n        zoom,\n        verticalAlign: optsRef.current.getVerticalAlign\n          ? optsRef.current.getVerticalAlign(node.data)\n          : node.data.verticalAlign,\n      };\n    },\n    getClipRect: () => surface()?.box ?? null,\n    setText: (id, text) => {\n      const nid = asNodeId(id);\n      const node = sceneRef.current.get(nid);\n      if (!node) return;\n      const setter = optsRef.current.setText;\n      const data = setter ? setter(node.data, text) : { ...node.data, text };\n      sceneRef.current.update(nid, { data });\n    },\n    getRuns: (id) => {\n      const node = sceneRef.current.get(asNodeId(id));\n      if (!node) return undefined;\n      const get = optsRef.current.getRuns;\n      return get ? get(node.data) : node.data.runs;\n    },\n    setRuns: (id, runs) => {\n      const nid = asNodeId(id);\n      const node = sceneRef.current.get(nid);\n      if (!node) return;\n      const setter = optsRef.current.setRuns;\n      const data = setter ? setter(node.data, runs) : { ...node.data, runs };\n      sceneRef.current.update(nid, { data });\n    },\n    setStyle: (id, style) => {\n      const nid = asNodeId(id);\n      const node = sceneRef.current.get(nid);\n      if (!node) return;\n      const setter = optsRef.current.setStyle;\n      const data = setter ? setter(node.data, style) : { ...node.data, style };\n      sceneRef.current.update(nid, { data });\n    },\n  });\n\n  const onDoubleClick = useCallback((e: MouseEvent<HTMLElement>) => {\n    // The dblclick bubbles from the canvas up to any wrapping container; the\n    // element it started on is what the click coordinates are relative to.\n    const canvas = e.target instanceof HTMLElement ? e.target : null;\n    if (!canvas) return;\n\n    // `pointInTextPose` and `caretIndexAt` both work in world units, so the\n    // canvas-space click has to be un-projected before either sees it.\n    const [canvasX, canvasY] = clientToCanvas(canvas, e.clientX, e.clientY);\n    const root = containerRef.current;\n    const view = resolveView(optsRef.current.view)\n      ?? (root ? findMountedCanvas(root, canvas)?.getView() : undefined);\n    const cx = view ? canvasX / view.scale.x + view.x : canvasX;\n    const cy = view ? canvasY / view.scale.y + view.y : canvasY;\n    const readText = (data: TData): string =>\n      optsRef.current.getText ? optsRef.current.getText(data) : (data.text ?? '');\n    const readStyle = (data: TData): TextStyle | undefined =>\n      optsRef.current.getStyle ? optsRef.current.getStyle(data) : data.style;\n    const readRuns = (data: TData): readonly StyledRun[] | undefined =>\n      optsRef.current.getRuns ? optsRef.current.getRuns(data) : data.runs;\n    const readVerticalAlign = (data: TData): TextVerticalAlign | undefined =>\n      optsRef.current.getVerticalAlign ? optsRef.current.getVerticalAlign(data) : data.verticalAlign;\n\n    // Top-most-first hit test: renderOrder() is back-to-front, so iterate\n    // in reverse and break on the first hit.\n    const order = sceneRef.current.renderOrderNodes();\n    for (let i = order.length - 1; i >= 0; i--) {\n      const node = order[i];\n      if (sceneRef.current.isLocked(node.id)) continue;\n      const text = readText(node.data);\n      const at = effectivePose(sceneRef.current, node);\n      const pose = {\n        x: at.x,\n        y: at.y,\n        width: at.width,\n        height: at.height,\n        text,\n        runs: readRuns(node.data) as StyledRun[] | undefined,\n        style: readStyle(node.data),\n        verticalAlign: readVerticalAlign(node.data),\n      };\n      if (!pointInTextPose(cx, cy, pose)) continue;\n\n      openedOnRef.current = canvas;\n      edit.startEdit(String(node.id), { caret: caretIndexAt(cx, cy, pose) });\n      return;\n    }\n  }, [edit, containerRef, optsRef, sceneRef]);\n\n  return { ...edit, onDoubleClick };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useSceneTextEdit.js","names":["resolveView","view","useSceneTextEdit","sceneRef","useLatest","scene","optsRef","options","containerRef","container","openedOnRef","useRef","surface","root","canvas","findMountedCanvas","a","b","read","useMemo","data","isTextData","edit","useTextEdit","el","node","asNodeId","id","get","pose","effectivePose","style","at","zoom","originX","originY","resolveScreenLength","frameLinearOf","nid","setText","text","runs","setRuns","setStyle","onDoubleClick","useCallback","e","canvasX","canvasY","clientToCanvas","cx","cy","order","i","p","worldToLocal","targetTransformOf","pointInTextPose","caretIndexAt","isTextNode","m","poseFrameOf"],"sources":["../../../src/features/text/useSceneTextEdit.ts"],"sourcesContent":["/**\n * `useSceneTextEdit` — scene-aware wrapper around `useTextEdit`: scene\n * lookups for text / style / runs / screen-pose, and\n * `scene.update(id, { data })` for commits.\n *\n * Defaults assume the node's `data` carries `text` / `style` / `runs`\n * directly. For custom data shapes, override any of the optional projections.\n * Consumers with non-rect poses should drop down to raw `useTextEdit` and\n * supply their own `getScreenPose`.\n */\nimport { useCallback, useMemo, useRef, type MouseEvent } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { asNodeId } from '../../core/scene/types';\nimport { effectivePose } from '../../core/scene/effectivePose';\nimport type { Scene } from '../../core/scene/types';\nimport type { Stroke, Fill } from '@weasel-js/paint';\nimport { resolveScreenLength } from '@weasel-js/paint';\nimport { clientToCanvas } from '@weasel-js/routing';\nimport { findMountedCanvas, type MountedCanvas } from '../../canvas/mountedCanvases';\nimport type { View } from '../../core/viewport/view';\nimport type { RectPose } from 'core/geometry/unionBounds';\nimport { targetTransformOf, worldToLocal } from 'core/geometry/targetFrame';\nimport { poseFrameOf } from '@weasel-js/geom';\nimport { caretIndexAt, pointInTextPose, isTextData, type StyledRun, type TextPaint, type TextStyle, type TextVerticalAlign } from '@weasel-js/text';\nimport { useTextEdit, type TextEditClipRect, type TextEditScreenPose, type UseTextEditReturn } from '@weasel-js/text-dom';\n\n/** Shape the default projections expect `data` to satisfy. All fields\n *  optional so any object satisfies the constraint — projections fill in\n *  the gaps for non-default shapes. */\nexport interface DefaultTextData {\n  text?: string;\n  style?: TextStyle;\n  runs?: readonly StyledRun[];\n  fill?: Fill | null;\n  stroke?: Stroke | null;\n  verticalAlign?: TextVerticalAlign;\n}\n\n/** All-optional projections + fontSize fallback. */\nexport interface UseSceneTextEditOptions<TData> {\n  /**\n   * Is this node text? A double-click opens an edit only on a node that\n   * answers yes, and passes through any other to the text under it. Default:\n   * `isTextData`, the test `inferredNodeRouting` classifies a text node by. Pass one when `getText` reads some other shape.\n   */\n  isText?: (data: TData) => boolean;\n  /** Read plain text from `data`. Default: `data.text ?? ''`. */\n  getText?: (data: TData) => string;\n  /** Read style from `data`. Default: `data.style`. */\n  getStyle?: (data: TData) => TextStyle | undefined;\n  /** Read the node's paint from `data`. Default: `data.fill` / `data.stroke`. */\n  getPaint?: (data: TData) => TextPaint | undefined;\n  /** Read rich-text runs from `data`. Default: `data.runs`. */\n  getRuns?: (data: TData) => readonly StyledRun[] | undefined;\n  /** Read the box vertical alignment from `data`. Default: `data.verticalAlign`. */\n  getVerticalAlign?: (data: TData) => TextVerticalAlign | undefined;\n  /** Produce updated data with new text. Default: `{ ...data, text }`. */\n  setText?: (data: TData, text: string) => TData;\n  /** Produce updated data with new runs. Default: `{ ...data, runs }`. */\n  setRuns?: (data: TData, runs: StyledRun[]) => TData;\n  /**\n   * Produce updated data with a new node-wide style. Default:\n   * `{ ...data, style }`. Written only when a range toggle has to *clear* a\n   * flag the node itself sets — the run algebra is additive, so that edit\n   * lowers the node flag and raises it on the runs outside the range. See\n   * `useTextEdit`'s `setStyle`.\n   *\n   * An edit's text, runs, and style are folded through these three and\n   * written as one `scene.update`, so a commit is one undo step.\n   */\n  setStyle?: (data: TData, style: TextStyle) => TData;\n  /** Fallback fontSize when `style.fontSize` is unset. Default `16`. */\n  defaultFontSize?: number;\n  /**\n   * The view to project through. Omit it and the view is read live from the\n   * weasel canvas mounted inside `container` (the one a double-click landed\n   * on, when there are several). With no canvas there, the node's world box\n   * is passed through as screen pixels.\n   *\n   * The overlay takes a single scale factor, so a non-uniform view scale is\n   * represented by its `scale.x`; text under `scale.x !== scale.y` will not\n   * match the canvas.\n   *\n   * A thunk is re-read on every projection; a plain `View` is the value from\n   * the render that supplied it.\n   */\n  view?: View | (() => View);\n  /**\n   * Forwarded to `useTextEdit`: is `el` part of the editor's own chrome?\n   * Focus moving into it does not end the edit. Wire it to whatever renders\n   * the character controls.\n   */\n  isEditorChrome?: (el: Element) => boolean;\n  /** Forwarded to `useTextEdit`: what Escape does to the edit. */\n  escape?: 'cancel' | 'commit';\n  /** Forwarded to `useTextEdit`: how long an edit waits for its face. */\n  fontHold?: number;\n}\n\nfunction resolveView(view: View | (() => View) | undefined): View | undefined {\n  return typeof view === 'function' ? view() : view;\n}\n\n/** Return shape extends `UseTextEditReturn` with an `onDoubleClick`\n *  binding for the canvas container. Double-clicking inside a text\n *  node enters edit mode with the caret seeded at the clicked glyph. */\nexport interface UseSceneTextEditReturn extends UseTextEditReturn {\n  /** Bind to the element wrapping `<SceneCanvas>` (the same element\n   *  passed as `container`, or any ancestor that receives the dblclick\n   *  bubble). Starts an edit on the top-most text node under the cursor. */\n  onDoubleClick: (e: MouseEvent<HTMLElement>) => void;\n  /** The `isText` option asked of the node with this id: what\n   *  `TextEditDep.isTextNode` wants, so both ways into an edit agree. */\n  isTextNode: (id: string) => boolean;\n}\n\n/** Wire double-click-to-edit text on a scene: mounts a DOM editing overlay\n *  over the node being edited and writes the result back as an undoable op. */\nexport function useSceneTextEdit<\n  TData extends DefaultTextData,\n  TLayer extends string,\n  TPose extends RectPose = RectPose,\n>(\n  scene: Scene<TData, TLayer, TPose>,\n  container: HTMLElement | null,\n  options: UseSceneTextEditOptions<TData> = {},\n): UseSceneTextEditReturn {\n  // Refs, so the useTextEdit callbacks always see the current values\n  // without re-binding.\n  const sceneRef = useLatest(scene);\n  const optsRef = useLatest(options);\n  const containerRef = useLatest(container);\n  // The last double-click's target, so the overlay projects through the\n  // canvas the edit was opened on.\n  const openedOnRef = useRef<EventTarget | null>(null);\n\n  // The canvas's box in container pixels is both the origin its view projects\n  // from and the region its glyphs are clipped to.\n  const surface = (): { canvas: MountedCanvas; box: TextEditClipRect } | null => {\n    const root = containerRef.current;\n    const canvas = root ? findMountedCanvas(root, openedOnRef.current) : null;\n    if (!root || !canvas) return null;\n    const a = canvas.element.getBoundingClientRect();\n    const b = root.getBoundingClientRect();\n    return {\n      canvas,\n      box: {\n        x: a.left - b.left - root.clientLeft + root.scrollLeft,\n        y: a.top - b.top - root.clientTop + root.scrollTop,\n        width: a.width,\n        height: a.height,\n      },\n    };\n  };\n\n  const read = useMemo(() => ({\n    isText: (data: TData): boolean =>\n      optsRef.current.isText ? optsRef.current.isText(data) : isTextData(data),\n    text: (data: TData): string =>\n      optsRef.current.getText ? optsRef.current.getText(data) : (data.text ?? ''),\n    style: (data: TData): TextStyle | undefined =>\n      optsRef.current.getStyle ? optsRef.current.getStyle(data) : data.style,\n    runs: (data: TData): readonly StyledRun[] | undefined =>\n      optsRef.current.getRuns ? optsRef.current.getRuns(data) : data.runs,\n    verticalAlign: (data: TData): TextVerticalAlign | undefined =>\n      optsRef.current.getVerticalAlign ? optsRef.current.getVerticalAlign(data) : data.verticalAlign,\n  }), [optsRef]);\n\n  const edit = useTextEdit({\n    container,\n    isEditorChrome: (el) => optsRef.current.isEditorChrome?.(el) ?? false,\n    escape: options.escape,\n    fontHold: options.fontHold,\n    getText: (id) => {\n      const node = sceneRef.current.get(asNodeId(id));\n      return node ? read.text(node.data) : '';\n    },\n    getStyle: (id) => {\n      const node = sceneRef.current.get(asNodeId(id));\n      return node ? read.style(node.data) : undefined;\n    },\n    getPaint: (id) => {\n      const node = sceneRef.current.get(asNodeId(id));\n      if (!node) return undefined;\n      const get = optsRef.current.getPaint;\n      return get ? get(node.data) : { fill: node.data.fill, stroke: node.data.stroke };\n    },\n    getScreenPose: (id) => {\n      const scene = sceneRef.current;\n      const node = scene.get(asNodeId(id));\n      if (!node) return null;\n      const pose = effectivePose(scene, node);\n      const style = read.style(node.data);\n      const at = surface();\n      const view = resolveView(optsRef.current.view) ?? at?.canvas.getView();\n      const zoom = view ? view.scale.x : 1;\n      const originX = at?.box.x ?? 0;\n      const originY = at?.box.y ?? 0;\n      // Only the origin is projected. Width, height and font size stay in\n      // world units and reach the screen through the overlay's own\n      // `scale(zoom)` — see `TextEditScreenPose.zoom`.\n      return {\n        x: originX + (view ? (pose.x - view.x) * view.scale.x : pose.x),\n        y: originY + (view ? (pose.y - view.y) * view.scale.y : pose.y),\n        width: pose.width,\n        height: pose.height,\n        // Against `zoom`, the same factor the overlay scales back up by, so a\n        // `{ px }` size arrives on screen at the pixel count it names.\n        fontSize: resolveScreenLength(\n          style?.fontSize ?? optsRef.current.defaultFontSize ?? 16,\n          zoom,\n        ),\n        zoom,\n        frame: frameLinearOf(pose),\n        verticalAlign: read.verticalAlign(node.data),\n      };\n    },\n    getClipRect: () => surface()?.box ?? null,\n    getRuns: (id) => {\n      const node = sceneRef.current.get(asNodeId(id));\n      return node ? read.runs(node.data) : undefined;\n    },\n    commit: (id, { text, runs, style }) => {\n      const nid = asNodeId(id);\n      const node = sceneRef.current.get(nid);\n      if (!node) return;\n      const { setText, setRuns, setStyle } = optsRef.current;\n      let data = setText ? setText(node.data, text) : { ...node.data, text };\n      if (runs) data = setRuns ? setRuns(data, runs) : { ...data, runs };\n      if (style) data = setStyle ? setStyle(data, style) : { ...data, style };\n      sceneRef.current.update(nid, { data });\n    },\n  });\n\n  const onDoubleClick = useCallback((e: MouseEvent<HTMLElement>) => {\n    // The dblclick bubbles from the canvas up to any wrapping container; the\n    // element it started on is what the click coordinates are relative to.\n    const canvas = e.target instanceof HTMLElement ? e.target : null;\n    if (!canvas) return;\n    // Inside the editor a double-click selects a word, and its target is a run\n    // span whose box the click would be measured against as if it were a canvas.\n    if (canvas.closest('[contenteditable=\"true\"]')) return;\n\n    // `pointInTextPose` and `caretIndexAt` work in the node's own box: the click\n    // is un-projected here, then taken back through the frame the node is drawn in.\n    const [canvasX, canvasY] = clientToCanvas(canvas, e.clientX, e.clientY);\n    const root = containerRef.current;\n    const view = resolveView(optsRef.current.view)\n      ?? (root ? findMountedCanvas(root, canvas)?.getView() : undefined);\n    const cx = view ? canvasX / view.scale.x + view.x : canvasX;\n    const cy = view ? canvasY / view.scale.y + view.y : canvasY;\n    // Top-most-first hit test: renderOrder() is back-to-front, so iterate\n    // in reverse and break on the first hit.\n    const order = sceneRef.current.renderOrderNodes();\n    for (let i = order.length - 1; i >= 0; i--) {\n      const node = order[i];\n      if (sceneRef.current.isLocked(node.id)) continue;\n      if (!read.isText(node.data)) continue;\n      const text = read.text(node.data);\n      const at = effectivePose(sceneRef.current, node);\n      const p = worldToLocal(targetTransformOf(at), cx, cy);\n      if (!p) continue;\n      const pose = {\n        x: at.x, y: at.y, width: at.width, height: at.height,\n        text,\n        runs: read.runs(node.data) as StyledRun[] | undefined,\n        style: read.style(node.data),\n        verticalAlign: read.verticalAlign(node.data),\n      };\n      if (!pointInTextPose(p.x, p.y, pose)) continue;\n\n      openedOnRef.current = canvas;\n      edit.startEdit(String(node.id), { caret: caretIndexAt(p.x, p.y, pose) });\n      return;\n    }\n  }, [edit, containerRef, optsRef, read, sceneRef]);\n\n  const isTextNode = useCallback((id: string): boolean => {\n    const node = sceneRef.current.get(asNodeId(id));\n    return node !== undefined && read.isText(node.data);\n  }, [read, sceneRef]);\n\n  return { ...edit, onDoubleClick, isTextNode };\n}\n\n/** The linear part of the frame `pose` is drawn in, as the overlay takes it. */\nfunction frameLinearOf(pose: unknown): TextEditScreenPose['frame'] {\n  const m = poseFrameOf(pose);\n  return m ? [m[0], m[1], m[2], m[3]] : undefined;\n}\n"],"mappings":"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"}