@pibbl/core 0.0.1

package/dist/lib/manipulation/handles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lib/manipulation/handles.ts"],
+  "sourcesContent": ["import type { PibblResizePosition } from \"./types.js\";\nimport type { PibblManipulationWhen } from './types.js';\nimport type { PibblManipulableProps } from './manipulable.js';\nimport { createElement } from \"../element/create-element.js\";\nimport {\n  createGroupTransform,\n  setPrimitivePresentation,\n} from \"../primitive-presentation.js\";\nimport { getCurrentWorldTransform } from \"../render-target.js\";\nimport { GLOBAL_STATE } from \"../global-state.js\";\nimport { definePrimitive } from \"../define-primitive.js\";\nimport { useEventListener } from \"../hooks/use-event-listener.js\";\nimport { useEventTarget } from \"../hooks/use-event-target.js\";\nimport { useSignal } from \"../hooks/use-signal.js\";\nimport { useConst } from \"../hooks/use-const.js\";\nimport type { GStyle } from \"../components/g.js\";\nimport { stripLayoutParticipation } from \"../style/resolve-built-in.js\";\nimport type { ResolvedDrawingStyle } from \"../style/types.js\";\nimport { getLayoutBox } from \"../layout/context.js\";\nimport type { PibblNode } from \"../element/types.js\";\nimport type { RenderingContext2D, SystemStyle } from \"../types.js\";\nimport type { PibblManipulationController } from \"./controller-types.js\";\nimport {\n  isManipulationSourceActive,\n  manipulationHandlers,\n  type ManipulationState,\n} from \"./controller.js\";\nimport { requireManipulationFrame } from \"./frame.js\";\n\n/**\n * Authored inputs for DragHandle, including the declared data and presentation options.\n *\n * @see {@link PibblManipulationController}\n * @see {@link PibblNode}\n * @see {@link DragHandle}\n * @see {@link PibblManipulationWhen}\n */\nexport interface PibblDragHandleProps {\n  /**\n   * Formats the value shown by the manipulation readout. See {@link PibblDragHandleProps}.\n   * @param value - Current left and top coordinates.\n   * @returns Text to display in the drag readout.\n   */\n  readonly formatReadout?: (value: {\n    /** Left edge coordinate or inset. See {@link PibblDragHandleProps}. */\n    readonly left: number;\n    /** Top edge value or top envelope guide. See {@link PibblDragHandleProps}. */\n    readonly top: number;\n  }) => string;\n  /**\n   * Controller owning the current interaction or mounted scenario. See\n   * {@link PibblManipulationController}.\n   */\n  readonly controller: PibblManipulationController;\n  /** Descendant content or the callback that supplies it. See {@link PibblNode}. */\n  readonly children?: PibblNode;\n}\n/**\n * Supported geometry and presentation properties for DragHandle.\n *\n * @see {@link GStyle}\n * @see {@link PibblManipulationReadoutStyle}\n * @see {@link DragHandle}\n * @see {@link PibblManipulableProps}\n */\nexport interface PibblDragHandleStyle extends GStyle {\n  /** Presentation of the manipulation value readout. See {@link PibblManipulationReadoutStyle}. */\n  readonly readout?: false | true | PibblManipulationReadoutStyle;\n}\ntype ResolvedDragStyle = ResolvedDrawingStyle<PibblDragHandleStyle>;\ninterface CssHandleContentProps {\n  readonly children?: PibblNode;\n}\ninterface CssHandleContentStyle extends SystemStyle {\n  readonly transform: DOMMatrix;\n}\n/** Private CSS-pixel basis for author-provided handle visuals. */\nconst CssHandleContent = definePrimitive<\n  CssHandleContentProps,\n  CssHandleContentStyle\n>(\n  function CssHandleContent(props) {\n    return props.children;\n  },\n  { childInput: \"structural\" },\n);\nsetPrimitivePresentation<CssHandleContentStyle>(CssHandleContent, (style) => ({\n  transform: style.transform,\n}));\n\n/**\n * Draws an interactive handle that starts translation of its manipulation target.\n *\n * @param props - Authored component inputs, supplied through JSX or createElement. See the linked\n * props and style types.\n * @throws When called directly; Pibbl mounts this component through JSX or createElement.\n *\n * @see {@link PibblDragHandleProps}\n * @see {@link PibblDragHandleStyle}\n */\nexport const DragHandle = definePrimitive<\n  PibblDragHandleProps,\n  PibblDragHandleStyle,\n  PibblDragHandleStyle,\n  ResolvedDragStyle\n>(\n  function DragHandle(props, style) {\n    requireManipulationFrame(props.controller);\n    const focused = useSignal(false);\n    const source = useConst(() => ({}));\n    const handlers = manipulationHandlers(\n      props.controller,\n      \"move\",\n      undefined,\n      source,\n    );\n    useEventListener({\n      ...handlers,\n      onFocusIn: () => focused.set(true),\n      onFocusOut: () => focused.set(false),\n    });\n    const box = getLayoutBox();\n    return [\n      props.children,\n      createElement(DragReadout, {\n        controller: props.controller,\n        formatReadout: props.formatReadout,\n        readout: style.readout,\n        focused: focused.get(),\n        source,\n        anchorX: box.width / 2,\n      }),\n    ];\n  },\n  {\n    childInput: \"structural\",\n    resolveStyle: (style) =>\n      stripLayoutParticipation(style) as ResolvedDragStyle,\n  },\n);\n\nsetPrimitivePresentation<ResolvedDragStyle>(DragHandle, (style) => ({\n  transform: createGroupTransform(style),\n}));\n\nconst DragReadout = definePrimitive<\n  PibblDragHandleProps & {\n    readonly readout?: false | true | PibblManipulationReadoutStyle;\n    readonly focused: boolean;\n    readonly source: object;\n    readonly anchorX: number;\n  }\n>(function DragReadout(props, _style, ctx) {\n  if (!readoutEnabled(props.readout, props.formatReadout)) return;\n  const state = requireManipulationFrame(props.controller);\n  paintReadout(\n    ctx,\n    state,\n    cssPoint(state, props.anchorX, 0),\n    () => {\n      const { left, top } = state.options.box.get();\n      const value = props.formatReadout\n        ? props.formatReadout({ left, top })\n        : `left ${round(left)} \u00B7 top ${round(top)} px`;\n      if (typeof value !== \"string\")\n        throw new Error(\n          \"Manipulation readout formatReadout must return a string.\",\n        );\n      return value;\n    },\n    props.readout,\n    props.focused,\n    isManipulationSourceActive(props.controller, props.source),\n    \"top\",\n    40,\n  );\n});\n\n/**\n * Supported geometry and presentation properties for ManipulationReadoutState.\n *\n * @see {@link PibblManipulationReadoutStyle}\n */\nexport interface PibblManipulationReadoutStateStyle {\n  /** Minimum outward spacing in CSS pixels; defaults to 40 for drag, 5 otherwise. */\n  readonly gap?: number;\n  /**\n   * Canvas font string used to draw or measure text. See {@link PibblManipulationReadoutStateStyle}\n   * .\n   */\n  readonly font?: string;\n  /** Paint used for the interior. See {@link PibblManipulationReadoutStateStyle}. */\n  readonly fill?: string;\n  /** Paint used for the outline. See {@link PibblManipulationReadoutStateStyle}. */\n  readonly stroke?: string;\n  /** Width of the painted outline. See {@link PibblManipulationReadoutStateStyle}. */\n  readonly strokeWidth?: number;\n  /** Opacity of the painted result. See {@link PibblManipulationReadoutStateStyle}. */\n  readonly opacity?: number;\n  /** Whether this presentation is visible. See {@link PibblManipulationReadoutStateStyle}. */\n  readonly visible?: boolean;\n}\n/**\n * Supported geometry and presentation properties for ManipulationReadout.\n *\n * @see {@link PibblManipulationReadoutStateStyle}\n * @see {@link PibblDragHandleStyle}\n * @see {@link PibblResizeHandleStyle}\n * @see {@link PibblRotationHandleStyle}\n */\nexport interface PibblManipulationReadoutStyle extends PibblManipulationReadoutStateStyle {\n  /**\n   * Readout presentation while no interaction is active. See\n   * {@link PibblManipulationReadoutStateStyle}.\n   */\n  readonly inactive?: PibblManipulationReadoutStateStyle;\n  /**\n   * Readout presentation while the handle has keyboard focus. See\n   * {@link PibblManipulationReadoutStateStyle}.\n   */\n  readonly focused?: PibblManipulationReadoutStateStyle;\n  /**\n   * Current active operation or its presentation configuration. See\n   * {@link PibblManipulationReadoutStateStyle}.\n   */\n  readonly active?: PibblManipulationReadoutStateStyle;\n}\n/**\n * Supported geometry and presentation properties for ResizeHandle.\n *\n * @see {@link SystemStyle}\n * @see {@link PibblManipulationReadoutStyle}\n * @see {@link ResizeHandle}\n * @see {@link PibblResizeHandlesProps}\n */\nexport interface PibblResizeHandleStyle extends SystemStyle {\n  /** Presentation of the manipulation value readout. See {@link PibblManipulationReadoutStyle}. */\n  readonly readout?: false | true | PibblManipulationReadoutStyle;\n}\n/**\n * Supported geometry and presentation properties for RotationConnector.\n *\n * @see {@link PibblRotationHandleStyle}\n */\nexport interface PibblRotationConnectorStyle {\n  /** Paint used for the outline. See {@link PibblRotationConnectorStyle}. */\n  readonly stroke?: string;\n  /** Width of the painted outline. See {@link PibblRotationConnectorStyle}. */\n  readonly strokeWidth?: number;\n  /** Opacity of the painted result. See {@link PibblRotationConnectorStyle}. */\n  readonly opacity?: number;\n}\n/**\n * Supported geometry and presentation properties for RotationArc.\n *\n * @see {@link PibblRotationHandleStyle}\n */\nexport interface PibblRotationArcStyle {\n  /** Color used by the mark or effect. See {@link PibblRotationArcStyle}. */\n  readonly color?: string;\n  /** Angular extent of the arc. See {@link PibblRotationArcStyle}. */\n  readonly sweep?: number;\n  /** Width of the painted outline. See {@link PibblRotationArcStyle}. */\n  readonly strokeWidth?: number;\n  /** Opacity of the painted result. See {@link PibblRotationArcStyle}. */\n  readonly opacity?: number;\n}\n/**\n * Supported geometry and presentation properties for RotationHandle.\n *\n * @see {@link SystemStyle}\n * @see {@link PibblRotationConnectorStyle}\n * @see {@link PibblRotationArcStyle}\n * @see {@link PibblManipulationReadoutStyle}\n * @see {@link RotationHandle}\n * @see {@link PibblManipulableProps}\n */\nexport interface PibblRotationHandleStyle extends SystemStyle {\n  /**\n   * Presentation of the line connecting the rotation handle to its target. See\n   * {@link PibblRotationConnectorStyle}.\n   */\n  readonly connector?: false | true | PibblRotationConnectorStyle;\n  /** Presentation of the rotation-angle arc. See {@link PibblRotationArcStyle}. */\n  readonly arc?: false | true | PibblRotationArcStyle;\n  /** Presentation of the manipulation value readout. See {@link PibblManipulationReadoutStyle}. */\n  readonly readout?: false | true | PibblManipulationReadoutStyle;\n}\n/**\n * Authored inputs for ResizeHandle, including the declared data and presentation options.\n *\n * @see {@link PibblManipulationController}\n * @see {@link PibblNode}\n * @see {@link ResizeHandle}\n * @see {@link PibblResizeHandlesProps}\n * @see {@link PibblResizePosition}\n */\nexport interface PibblResizeHandleProps {\n  /**\n   * Controller owning the current interaction or mounted scenario. See\n   * {@link PibblManipulationController}.\n   */\n  readonly controller: PibblManipulationController;\n  /**\n   * Position of the geometry, source, or selected resize handle. See {@link PibblResizeHandleProps}\n   * .\n   */\n  readonly position: import(\"./types.js\").PibblResizePosition;\n  /** Size of the handle's interactive hit region. See {@link PibblResizeHandleProps}. */\n  readonly hitSize?: number;\n  /**\n   * Formats the value shown by the manipulation readout. See {@link PibblResizeHandleProps}.\n   * @param value - Current width and height.\n   * @returns Text to display in the resize readout.\n   */\n  readonly formatReadout?: (value: {\n    /**\n     * Horizontal extent in the units of the containing geometry or surface. See\n     * {@link PibblResizeHandleProps}.\n     */\n    readonly width: number;\n    /**\n     * Vertical extent in the units of the containing geometry or surface. See\n     * {@link PibblResizeHandleProps}.\n     */\n    readonly height: number;\n  }) => string;\n  /** Descendant content or the callback that supplies it. See {@link PibblNode}. */\n  readonly children?: PibblNode;\n}\n/**\n * Authored inputs for ResizeHandles, including the declared data and presentation options.\n *\n * @see {@link PibblManipulationController}\n * @see {@link PibblResizeHandleStyle}\n * @see {@link PibblResizeHandleProps}\n * @see {@link ResizeHandles}\n * @see {@link PibblManipulableProps}\n * @see {@link PibblResizePosition}\n */\nexport interface PibblResizeHandlesProps {\n  /**\n   * Controller owning the current interaction or mounted scenario. See\n   * {@link PibblManipulationController}.\n   */\n  readonly controller: PibblManipulationController;\n  /** Edges and corners at which resize handles are created. See {@link PibblResizeHandlesProps}. */\n  readonly positions?:\n    \"corners\" | \"edges-and-corners\" | readonly import(\"./types.js\").PibblResizePosition[];\n  /** Size of the handle's interactive hit region. See {@link PibblResizeHandlesProps}. */\n  readonly hitSize?: number;\n  /** Declared presentation and layout properties. See {@link PibblResizeHandleStyle}. */\n  readonly style?: PibblResizeHandleStyle;\n  /** Formats the value shown by the manipulation readout. See {@link PibblResizeHandleProps}. */\n  readonly formatReadout?: PibblResizeHandleProps[\"formatReadout\"];\n}\nconst corners = [\n  \"top-left\",\n  \"top-right\",\n  \"bottom-right\",\n  \"bottom-left\",\n] as const;\nconst allHandles = [\n  \"top-left\",\n  \"top\",\n  \"top-right\",\n  \"right\",\n  \"bottom-right\",\n  \"bottom\",\n  \"bottom-left\",\n  \"left\",\n] as const;\ntype ResizePosition = (typeof allHandles)[number];\ninterface CollectionReadout {\n  readonly controller: PibblManipulationController;\n  readonly positions: readonly ResizePosition[];\n  readonly owner: ResizePosition;\n  readonly style: PibblResizeHandleStyle | undefined;\n  readonly formatReadout: PibblResizeHandleProps[\"formatReadout\"];\n  readonly focused: Map<ResizePosition, boolean>;\n}\nconst collectionStack: CollectionReadout[] = [];\nconst ResizeCollection = definePrimitive<{\n  readonly collection: CollectionReadout;\n  readonly children?: PibblNode;\n}>(\n  function ResizeCollection(props) {\n    collectionStack.push(props.collection);\n    GLOBAL_STATE.componentRefs!.onAfterRender = () => {\n      const collection = collectionStack.pop();\n      if (collection !== props.collection)\n        throw new Error(\n          \"Manipulation resize collection render context was unbalanced.\",\n        );\n    };\n    return props.children;\n  },\n  { childInput: \"structural\" },\n);\n\n/**\n * Draws an interactive handle for one edge or corner of a manipulation target.\n *\n * @param props - Authored component inputs, supplied through JSX or createElement. See the linked\n * props and style types.\n * @throws When called directly; Pibbl mounts this component through JSX or createElement.\n *\n * @see {@link PibblResizeHandleProps}\n * @see {@link PibblResizeHandleStyle}\n */\nexport const ResizeHandle = definePrimitive<\n  PibblResizeHandleProps,\n  PibblResizeHandleStyle\n>(function ResizeHandle(props, style, ctx) {\n  const state = requireManipulationFrame(props.controller);\n  const box = getLayoutBox();\n  const position = props.position as ResizePosition;\n  if (!allHandles.includes(position))\n    throw new Error(\"ResizeHandle requires a valid edge or corner position.\");\n  const x = position.includes(\"left\")\n    ? 0\n    : position.includes(\"right\")\n      ? box.width\n      : box.width / 2;\n  const y = position.includes(\"top\")\n    ? 0\n    : position.includes(\"bottom\")\n      ? box.height\n      : box.height / 2;\n  const hitSize = props.hitSize ?? 24;\n  if (!Number.isFinite(hitSize) || hitSize <= 0)\n    throw new Error(\"ResizeHandle hitSize must be positive finite CSS pixels.\");\n  const handlers = manipulationHandlers(props.controller, \"resize\", position);\n  useEventListener(handlers);\n  const focus = useEventTarget(handlers, {\n    path: cssHandlePath(state, x, y, hitSize),\n    fill: true,\n    cursor:\n      position === \"left\" || position === \"right\"\n        ? \"ew-resize\"\n        : position === \"top\" || position === \"bottom\"\n          ? \"ns-resize\"\n          : position === \"top-left\" || position === \"bottom-right\"\n            ? \"nwse-resize\"\n            : \"nesw-resize\",\n    keyboardFocusable: true,\n    keyboardNavigationBounds: { x: x - 4, y: y - 4, width: 8, height: 8 },\n  });\n  const active = state.controller.active.get();\n  const relevant = active?.operation === \"resize\" && active.handle === position;\n  const collection = collectionStack.at(-1);\n  if (\n    collection?.controller === props.controller &&\n    collection.positions.includes(position)\n  ) {\n    collection.focused.set(position, focus.isFocused);\n  } else if (readoutEnabled(style.readout, props.formatReadout)) {\n    paintReadout(\n      ctx,\n      state,\n      cssPoint(state, x, y),\n      () => formatResize(state, props.formatReadout),\n      style.readout,\n      focus.isFocused,\n      relevant,\n      position,\n    );\n  }\n  if (props.children !== undefined)\n    return createElement(CssHandleContent, {\n      style: { transform: cssHandleChildTransform(state, x, y) },\n      children: props.children,\n    });\n  paintDefaultHandle(ctx, state, x, y);\n});\n/**\n * Creates the configured collection of resize handles around a manipulation target.\n *\n * @param props - Controller, handle placement, and presentation options. See\n * {@link PibblResizeHandlesProps} .\n * @returns Pibbl nodes rendering the resize handles. See {@link PibblNode}.\n *\n * @see {@link PibblResizeHandlesProps}\n * @see {@link PibblNode}\n */\nexport function ResizeHandles(props: PibblResizeHandlesProps): PibblNode {\n  const positions = (\n    props.positions === undefined || props.positions === \"corners\"\n      ? corners\n      : props.positions === \"edges-and-corners\"\n        ? allHandles\n        : props.positions\n  ) as readonly ResizePosition[];\n  if (positions.length === 0) return [];\n  const owner = positions.includes(\"bottom-right\")\n    ? \"bottom-right\"\n    : positions.at(-1)!;\n  const collection: CollectionReadout = {\n    controller: props.controller,\n    positions,\n    owner,\n    style: props.style,\n    formatReadout: props.formatReadout,\n    focused: new Map(),\n  };\n  return createElement(ResizeCollection, {\n    collection,\n    children: [\n      ...positions.map((position) =>\n        createElement(ResizeHandle, {\n          key: position,\n          controller: props.controller,\n          position,\n          hitSize: props.hitSize,\n          style: props.style,\n          formatReadout: props.formatReadout,\n        }),\n      ),\n      createElement(ResizeCollectionReadout, {\n        key: \"readout\",\n        controller: props.controller,\n        collection,\n      }),\n    ],\n  });\n}\nconst ResizeCollectionReadout = definePrimitive<{\n  readonly controller: PibblManipulationController;\n  readonly collection: CollectionReadout;\n}>(function ResizeCollectionReadout(props, _style, ctx) {\n  const state = requireManipulationFrame(props.controller);\n  if (\n    !readoutEnabled(\n      props.collection.style?.readout,\n      props.collection.formatReadout,\n    )\n  )\n    return;\n  const active = state.controller.active.get();\n  const position =\n    active?.operation === \"resize\" &&\n    active.handle &&\n    props.collection.positions.includes(active.handle)\n      ? active.handle\n      : (props.collection.positions.find((candidate) =>\n          props.collection.focused.get(candidate),\n        ) ?? props.collection.owner);\n  const box = getLayoutBox();\n  const x = position.includes(\"left\")\n    ? 0\n    : position.includes(\"right\")\n      ? box.width\n      : box.width / 2;\n  const y = position.includes(\"top\")\n    ? 0\n    : position.includes(\"bottom\")\n      ? box.height\n      : box.height / 2;\n  paintReadout(\n    ctx,\n    state,\n    cssPoint(state, x, y),\n    () => formatResize(state, props.collection.formatReadout),\n    props.collection.style?.readout,\n    props.collection.focused.get(position) ?? false,\n    active?.operation === \"resize\" && active.handle === position,\n    position,\n  );\n});\n\n/**\n * Authored inputs for RotationHandle, including the declared data and presentation options.\n *\n * @see {@link PibblManipulationController}\n * @see {@link PibblNode}\n * @see {@link RotationHandle}\n * @see {@link PibblManipulableProps}\n */\nexport interface PibblRotationHandleProps {\n  /**\n   * Controller owning the current interaction or mounted scenario. See\n   * {@link PibblManipulationController}.\n   */\n  readonly controller: PibblManipulationController;\n  /** Size of the handle's interactive hit region. See {@link PibblRotationHandleProps}. */\n  readonly hitSize?: number;\n  /** Selects `\"degrees\"`, `\"radians\"` for readout unit. See {@link PibblRotationHandleProps}. */\n  readonly readoutUnit?: \"degrees\" | \"radians\";\n  /**\n   * Formats the value shown by the manipulation readout. See {@link PibblRotationHandleProps}.\n   * @param value - Current rotation.\n   * @returns Text to display in the rotation readout.\n   */\n  readonly formatReadout?: (value: {\n    /** Rotation applied to the containing geometry. See {@link PibblRotationHandleProps}. */\n    readonly rotation: number;\n  }) => string;\n  /** Descendant content or the callback that supplies it. See {@link PibblNode}. */\n  readonly children?: PibblNode;\n}\n/**\n * Draws an interactive handle for rotating a manipulation target.\n *\n * @param props - Authored component inputs, supplied through JSX or createElement. See the linked\n * props and style types.\n * @throws When called directly; Pibbl mounts this component through JSX or createElement.\n *\n * @see {@link PibblRotationHandleProps}\n * @see {@link PibblRotationHandleStyle}\n */\nexport const RotationHandle = definePrimitive<\n  PibblRotationHandleProps,\n  PibblRotationHandleStyle\n>(function RotationHandle(props, style, ctx) {\n  const state = requireManipulationFrame(props.controller);\n  const box = getLayoutBox();\n  const anchor = rotationAnchor(state, box.width, box.height);\n  const hitSize = props.hitSize ?? 24;\n  if (!Number.isFinite(hitSize) || hitSize <= 0)\n    throw new Error(\n      \"RotationHandle hitSize must be positive finite CSS pixels.\",\n    );\n  const handlers = manipulationHandlers(props.controller, \"rotate\");\n  useEventListener(handlers);\n  const focus = useEventTarget(handlers, {\n    path: cssHandlePath(state, anchor.local.x, anchor.local.y, hitSize),\n    fill: true,\n    cursor: \"grab\",\n    keyboardFocusable: true,\n    keyboardNavigationBounds: {\n      x: anchor.local.x - 4,\n      y: anchor.local.y - 4,\n      width: 8,\n      height: 8,\n    },\n  });\n  const relevant = state.controller.active.get()?.operation === \"rotate\";\n  paintRotationDecorations(ctx, state, anchor, style);\n  if (readoutEnabled(style.readout, props.formatReadout || props.readoutUnit))\n    paintReadout(\n      ctx,\n      state,\n      anchor.css,\n      () => formatRotation(state, props),\n      style.readout,\n      focus.isFocused,\n      relevant,\n      \"top\",\n    );\n  if (props.children !== undefined)\n    return createElement(CssHandleContent, {\n      style: {\n        transform: cssHandleChildTransform(\n          state,\n          anchor.local.x,\n          anchor.local.y,\n        ),\n      },\n      children: props.children,\n    });\n  paintDefaultHandle(ctx, state, anchor.local.x, anchor.local.y);\n});\n\nfunction frameToCss(state: ManipulationState): DOMMatrix {\n  const surface = state.root.surface.snapshot;\n  const world = getCurrentWorldTransform();\n  return surface\n    ? new DOMMatrix()\n        .scale(\n          1 / surface.backingPixelsPerCssPixelX,\n          1 / surface.backingPixelsPerCssPixelY,\n        )\n        .multiply(surface.renderTransform)\n        .multiply(world)\n    : world;\n}\nfunction cssPoint(state: ManipulationState, x: number, y: number): DOMPoint {\n  return frameToCss(state).transformPoint(new DOMPoint(x, y));\n}\nfunction cssBasis(state: ManipulationState): {\n  css: DOMMatrix;\n  inverse: DOMMatrix;\n  angle: number;\n} {\n  const css = frameToCss(state);\n  const inverse = new DOMMatrix([css.a, css.b, css.c, css.d, 0, 0]).inverse();\n  if (![inverse.a, inverse.b, inverse.c, inverse.d].every(Number.isFinite))\n    throw new Error(\n      \"Manipulation handle cannot use a singular presentation transform.\",\n    );\n  return { css, inverse, angle: Math.atan2(css.b, css.a) };\n}\nfunction cssHandlePath(\n  state: ManipulationState,\n  x: number,\n  y: number,\n  size: number,\n): Path2D {\n  const { inverse, angle } = cssBasis(state);\n  const path = new Path2D();\n  const half = size / 2;\n  const cos = Math.cos(angle),\n    sin = Math.sin(angle);\n  for (const [i, point] of [\n    [-half, -half],\n    [half, -half],\n    [half, half],\n    [-half, half],\n  ].entries()) {\n    const sx = point[0] * cos - point[1] * sin,\n      sy = point[0] * sin + point[1] * cos;\n    const local = inverse.transformPoint(new DOMPoint(sx, sy));\n    if (i === 0) path.moveTo(x + local.x, y + local.y);\n    else path.lineTo(x + local.x, y + local.y);\n  }\n  path.closePath();\n  return path;\n}\nfunction cssHandleChildTransform(\n  state: ManipulationState,\n  x: number,\n  y: number,\n): DOMMatrix {\n  const { inverse, angle } = cssBasis(state);\n  const rotate = new DOMMatrix().rotate((angle * 180) / Math.PI);\n  const basis = inverse.multiply(rotate);\n  return new DOMMatrix([basis.a, basis.b, basis.c, basis.d, x, y]);\n}\nfunction paintDefaultHandle(\n  ctx: RenderingContext2D,\n  state: ManipulationState,\n  x: number,\n  y: number,\n): void {\n  ctx.fillStyle = \"#2563eb\";\n  ctx.fill(cssHandlePath(state, x, y, 8));\n  ctx.fillStyle = \"#ffffff\";\n  ctx.fill(cssHandlePath(state, x, y, 6));\n}\n\nfunction rotationAnchor(\n  state: ManipulationState,\n  width: number,\n  height: number,\n) {\n  const css = frameToCss(state);\n  const top = css.transformPoint(new DOMPoint(width / 2, 0));\n  const pivot = css.transformPoint(new DOMPoint(width / 2, height / 2));\n  const edge = new DOMPoint(css.a, css.b);\n  const mappedOut = new DOMPoint(-css.c, -css.d);\n  let normal = new DOMPoint(-edge.y, edge.x);\n  const length = Math.hypot(normal.x, normal.y);\n  if (!Number.isFinite(length) || length === 0)\n    throw new Error(\n      \"RotationHandle cannot use a singular presentation transform.\",\n    );\n  normal = new DOMPoint(normal.x / length, normal.y / length);\n  if (normal.x * mappedOut.x + normal.y * mappedOut.y < 0)\n    normal = new DOMPoint(-normal.x, -normal.y);\n  const handle = new DOMPoint(top.x + normal.x * 24, top.y + normal.y * 24);\n  const local = css.inverse().transformPoint(handle);\n  return { css: handle, local, top, pivot, normal };\n}\nfunction paintRotationDecorations(\n  ctx: RenderingContext2D,\n  state: ManipulationState,\n  anchor: ReturnType<typeof rotationAnchor>,\n  style: PibblRotationHandleStyle,\n): void {\n  validateRotationStyle(style);\n  const connector =\n    style.connector === undefined || style.connector === true\n      ? {}\n      : style.connector;\n  const arc = style.arc === true ? {} : style.arc;\n  if (connector === false && !arc) return;\n  withCssContext(ctx, state, () => {\n    const baseAlpha = ctx.globalAlpha;\n    if (connector !== false) {\n      ctx.strokeStyle = connector.stroke ?? \"#2563eb\";\n      ctx.lineWidth = connector.strokeWidth ?? 1;\n      ctx.globalAlpha *= connector.opacity ?? 1;\n      ctx.beginPath();\n      ctx.moveTo(anchor.top.x, anchor.top.y);\n      ctx.lineTo(anchor.css.x, anchor.css.y);\n      ctx.stroke();\n      ctx.globalAlpha = baseAlpha;\n    }\n    if (arc) {\n      const radius = Math.hypot(\n        anchor.css.x - anchor.pivot.x,\n        anchor.css.y - anchor.pivot.y,\n      );\n      const center = Math.atan2(\n        anchor.css.y - anchor.pivot.y,\n        anchor.css.x - anchor.pivot.x,\n      );\n      const sweep = arc.sweep ?? Math.PI / 3;\n      for (let i = 0; i < 24; i++) {\n        const a0 = center - sweep / 2 + (sweep * i) / 24,\n          a1 = center - sweep / 2 + (sweep * (i + 1)) / 24;\n        const alpha = (1 - Math.abs((i + 0.5) / 12 - 1)) * (arc.opacity ?? 1);\n        ctx.strokeStyle = arc.color ?? \"#2563eb\";\n        ctx.lineWidth = arc.strokeWidth ?? 1;\n        ctx.globalAlpha = baseAlpha * alpha;\n        ctx.beginPath();\n        ctx.arc(anchor.pivot.x, anchor.pivot.y, radius, a0, a1);\n        ctx.stroke();\n      }\n      ctx.globalAlpha = baseAlpha;\n    }\n  });\n}\nfunction validateReadoutStyle(\n  value: false | true | PibblManipulationReadoutStyle | undefined,\n): void {\n  if (!value || value === true) return;\n  for (const style of [value, value.inactive, value.focused, value.active]) {\n    if (!style) continue;\n    if (\n      style.gap !== undefined &&\n      (!Number.isFinite(style.gap) || style.gap < 0)\n    )\n      throw new Error(\n        \"Manipulation readout gap must be finite non-negative CSS pixels.\",\n      );\n    if (\n      style.strokeWidth !== undefined &&\n      (!Number.isFinite(style.strokeWidth) || style.strokeWidth < 0)\n    )\n      throw new Error(\n        \"Manipulation readout strokeWidth must be finite and non-negative.\",\n      );\n    if (\n      style.opacity !== undefined &&\n      (!Number.isFinite(style.opacity) || style.opacity < 0)\n    )\n      throw new Error(\n        \"Manipulation readout opacity must be finite and non-negative.\",\n      );\n  }\n}\nfunction validateRotationStyle(style: PibblRotationHandleStyle): void {\n  const connector =\n    style.connector && style.connector !== true ? style.connector : undefined;\n  const arc = style.arc && style.arc !== true ? style.arc : undefined;\n  for (const value of [connector?.strokeWidth, arc?.strokeWidth])\n    if (value !== undefined && (!Number.isFinite(value) || value < 0))\n      throw new Error(\n        \"Manipulation guide strokeWidth must be finite and non-negative.\",\n      );\n  for (const value of [connector?.opacity, arc?.opacity])\n    if (value !== undefined && (!Number.isFinite(value) || value < 0))\n      throw new Error(\n        \"Manipulation guide opacity must be finite and non-negative.\",\n      );\n  if (\n    arc?.sweep !== undefined &&\n    (!Number.isFinite(arc.sweep) || arc.sweep <= 0 || arc.sweep > Math.PI * 2)\n  )\n    throw new Error(\n      \"Manipulation arc sweep must be finite, positive, and no greater than 2\u03C0 radians.\",\n    );\n}\n\nfunction readoutEnabled(\n  readout: false | true | PibblManipulationReadoutStyle | undefined,\n  formatter: unknown,\n): boolean {\n  return (\n    readout !== false && (readout !== undefined || formatter !== undefined)\n  );\n}\nfunction formatResize(\n  state: ManipulationState,\n  format: PibblResizeHandleProps[\"formatReadout\"],\n): string {\n  const box = state.options.box.get();\n  const value = format\n    ? format({ width: box.width, height: box.height })\n    : `${round(box.width)} \u00D7 ${round(box.height)} px`;\n  if (typeof value !== \"string\")\n    throw new Error(\"Manipulation readout formatReadout must return a string.\");\n  return value;\n}\nfunction formatRotation(\n  state: ManipulationState,\n  props: PibblRotationHandleProps,\n): string {\n  const rotation = state.options.rotation?.get() ?? 0;\n  const value = props.formatReadout\n    ? props.formatReadout({ rotation })\n    : props.readoutUnit === \"radians\"\n      ? `${round(rotation)} rad`\n      : `${round((rotation * 180) / Math.PI)}\u00B0`;\n  if (typeof value !== \"string\")\n    throw new Error(\"Manipulation readout formatReadout must return a string.\");\n  return value;\n}\nfunction round(value: number): string {\n  return Number.isInteger(value)\n    ? String(value)\n    : String(Number(value.toFixed(2)));\n}\nfunction paintReadout(\n  ctx: RenderingContext2D,\n  state: ManipulationState,\n  anchor: DOMPoint,\n  format: () => string,\n  readout: false | true | PibblManipulationReadoutStyle | undefined,\n  focused: boolean,\n  active: boolean,\n  position?: ResizePosition,\n  defaultGap = 5,\n): void {\n  validateReadoutStyle(readout);\n  const resolved = resolveReadout(\n    readout,\n    state.controller.active.get() === null,\n    focused,\n    active,\n    defaultGap,\n  );\n  if (!resolved.visible) return;\n  const text = format();\n  if (!text) return;\n  const frameMapping = frameToCss(state);\n  withCssContext(ctx, state, () => {\n    ctx.font = resolved.font;\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"alphabetic\";\n    const surface = state.root.surface.snapshot;\n    if (!surface) return;\n    const stroke = resolved.stroke ? resolved.strokeWidth : 0;\n    const available = surface.displayWidth - 16 - stroke;\n    const value = ellipsis(ctx, text, available);\n    if (!value) return;\n    const metrics = measureLabel(ctx, value);\n    const glyphLeft = Math.max(0, metrics.actualBoundingBoxLeft);\n    const glyphRight = Math.max(metrics.width, metrics.actualBoundingBoxRight);\n    const ascent = Math.max(0, metrics.actualBoundingBoxAscent);\n    const descent = Math.max(0, metrics.actualBoundingBoxDescent);\n    const height = ascent + descent + 6 + stroke;\n    const width = glyphLeft + glyphRight + 8 + stroke;\n    if (width > surface.displayWidth - 8 || height > surface.displayHeight - 8)\n      return;\n    const offset = outwardReadoutOffset(\n      frameMapping,\n      position,\n      width,\n      height,\n      resolved.gap,\n    );\n    let left = anchor.x + offset.x - width / 2;\n    let top = anchor.y + offset.y - height / 2;\n    left = Math.max(4, Math.min(surface.displayWidth - 4 - width, left));\n    top = Math.max(4, Math.min(surface.displayHeight - 4 - height, top));\n    ctx.globalAlpha *= resolved.opacity;\n    ctx.fillStyle = resolved.fill;\n    if (resolved.stroke) {\n      ctx.strokeStyle = resolved.stroke;\n      ctx.lineWidth = resolved.strokeWidth;\n      ctx.strokeText(\n        value,\n        left + 4 + glyphLeft + stroke / 2,\n        top + 3 + ascent + stroke / 2,\n      );\n    }\n    ctx.fillText(\n      value,\n      left + 4 + glyphLeft + stroke / 2,\n      top + 3 + ascent + stroke / 2,\n    );\n  });\n}\n/** Separate the upright label from the selected edges in displayed CSS space. */\nfunction outwardReadoutOffset(\n  frameMapping: DOMMatrix,\n  position: ResizePosition | undefined,\n  width: number,\n  height: number,\n  gap: number,\n): DOMPoint {\n  if (!position) return new DOMPoint(width / 2 + gap, 0);\n  const inverse = frameMapping.inverse();\n  const normals: DOMPoint[] = [];\n  const add = (x: number, y: number, sign: number) => {\n    const length = Math.hypot(x, y);\n    normals.push(new DOMPoint((sign * x) / length, (sign * y) / length));\n  };\n  if (position.includes(\"left\")) add(inverse.a, inverse.c, -1);\n  if (position.includes(\"right\")) add(inverse.a, inverse.c, 1);\n  if (position.includes(\"top\")) add(inverse.b, inverse.d, -1);\n  if (position.includes(\"bottom\")) add(inverse.b, inverse.d, 1);\n  const support = (n: DOMPoint) =>\n    (Math.abs(n.x) * width) / 2 + (Math.abs(n.y) * height) / 2 + gap;\n  const [a, b] = normals;\n  const da = support(a);\n  if (!b) return new DOMPoint(a.x * da, a.y * da);\n  const db = support(b),\n    determinant = a.x * b.y - a.y * b.x;\n  return new DOMPoint(\n    (da * b.y - a.y * db) / determinant,\n    (a.x * db - da * b.x) / determinant,\n  );\n}\nfunction resolveReadout(\n  value: false | true | PibblManipulationReadoutStyle | undefined,\n  inactive: boolean,\n  focused: boolean,\n  active: boolean,\n  defaultGap: number,\n): Required<PibblManipulationReadoutStateStyle> {\n  const source = value && value !== true ? value : {};\n  const base: Required<PibblManipulationReadoutStateStyle> = {\n    gap: source.gap ?? defaultGap,\n    font: source.font ?? \"12px sans-serif\",\n    fill: source.fill ?? \"#1d4ed8\",\n    stroke: source.stroke ?? \"\",\n    strokeWidth: source.strokeWidth ?? 0,\n    opacity: source.opacity ?? 1,\n    visible: source.visible ?? false,\n  };\n  const patch = (next: PibblManipulationReadoutStateStyle | undefined) => {\n    if (next) Object.assign(base, next);\n  };\n  if (inactive) patch(source.inactive);\n  if (focused) patch(source.focused);\n  if (active) (patch({ visible: true }), patch(source.active));\n  return base;\n}\nconst labelMeasurements = new WeakMap<\n  RenderingContext2D,\n  Map<string, TextMetrics>\n>();\nfunction measureLabel(ctx: RenderingContext2D, text: string): TextMetrics {\n  let cache = labelMeasurements.get(ctx);\n  if (!cache) labelMeasurements.set(ctx, (cache = new Map()));\n  const key = JSON.stringify([\n    ctx.font,\n    ctx.direction,\n    ctx.fontKerning,\n    ctx.letterSpacing,\n    ctx.wordSpacing,\n    text,\n  ]);\n  const found = cache.get(key);\n  if (found) return found;\n  const result = ctx.measureText(text);\n  if (cache.size >= 64) cache.delete(cache.keys().next().value!);\n  cache.set(key, result);\n  return result;\n}\nfunction ellipsis(\n  ctx: RenderingContext2D,\n  text: string,\n  width: number,\n): string {\n  const fits = (value: string) => {\n    const m = measureLabel(ctx, value);\n    return (\n      Math.max(0, m.actualBoundingBoxLeft) +\n        Math.max(m.width, m.actualBoundingBoxRight) <=\n      width\n    );\n  };\n  if (width <= 0) return \"\";\n  if (fits(text)) return text;\n  const suffix = \"\u2026\";\n  if (!fits(suffix)) return \"\";\n  const points = Array.from(text);\n  let low = 0,\n    high = points.length;\n  while (low < high) {\n    const mid = Math.ceil((low + high) / 2);\n    if (fits(points.slice(0, mid).join(\"\") + suffix)) low = mid;\n    else high = mid - 1;\n  }\n  return points.slice(0, low).join(\"\") + suffix;\n}\nfunction withCssContext(\n  ctx: RenderingContext2D,\n  state: ManipulationState,\n  draw: () => void,\n): void {\n  const surface = state.root.surface.snapshot;\n  if (!surface) return;\n  const cssToCurrent = ctx.getTransform().multiply(frameToCss(state).inverse());\n  ctx.save();\n  try {\n    ctx.setTransform(cssToCurrent);\n    ctx.beginPath();\n    ctx.rect(0, 0, surface.displayWidth, surface.displayHeight);\n    ctx.clip();\n    draw();\n  } finally {\n    ctx.restore();\n  }\n}\n"],
+  "mappings": "AAGA,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AAEzB,SAAS,gCAAgC;AAEzC,SAAS,oBAAoB;AAI7B;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,gCAAgC;AAkDzC,MAAM,mBAAmB;AAAA,EAIvB,SAASA,kBAAiB,OAAO;AAC/B,WAAO,MAAM;AAAA,EACf;AAAA,EACA,EAAE,YAAY,aAAa;AAC7B;AACA,yBAAgD,kBAAkB,CAAC,WAAW;AAAA,EAC5E,WAAW,MAAM;AACnB,EAAE;AAYK,MAAM,aAAa;AAAA,EAMxB,SAASC,YAAW,OAAO,OAAO;AAChC,6BAAyB,MAAM,UAAU;AACzC,UAAM,UAAU,UAAU,KAAK;AAC/B,UAAM,SAAS,SAAS,OAAO,CAAC,EAAE;AAClC,UAAM,WAAW;AAAA,MACf,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACA,qBAAiB;AAAA,MACf,GAAG;AAAA,MACH,WAAW,MAAM,QAAQ,IAAI,IAAI;AAAA,MACjC,YAAY,MAAM,QAAQ,IAAI,KAAK;AAAA,IACrC,CAAC;AACD,UAAM,MAAM,aAAa;AACzB,WAAO;AAAA,MACL,MAAM;AAAA,MACN,cAAc,aAAa;AAAA,QACzB,YAAY,MAAM;AAAA,QAClB,eAAe,MAAM;AAAA,QACrB,SAAS,MAAM;AAAA,QACf,SAAS,QAAQ,IAAI;AAAA,QACrB;AAAA,QACA,SAAS,IAAI,QAAQ;AAAA,MACvB,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EACA;AAAA,IACE,YAAY;AAAA,IACZ,cAAc,CAAC,UACb,yBAAyB,KAAK;AAAA,EAClC;AACF;AAEA,yBAA4C,YAAY,CAAC,WAAW;AAAA,EAClE,WAAW,qBAAqB,KAAK;AACvC,EAAE;AAEF,MAAM,cAAc,gBAOlB,SAASC,aAAY,OAAO,QAAQ,KAAK;AACzC,MAAI,CAAC,eAAe,MAAM,SAAS,MAAM,aAAa,EAAG;AACzD,QAAM,QAAQ,yBAAyB,MAAM,UAAU;AACvD;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAS,OAAO,MAAM,SAAS,CAAC;AAAA,IAChC,MAAM;AACJ,YAAM,EAAE,MAAM,IAAI,IAAI,MAAM,QAAQ,IAAI,IAAI;AAC5C,YAAM,QAAQ,MAAM,gBAChB,MAAM,cAAc,EAAE,MAAM,IAAI,CAAC,IACjC,QAAQ,MAAM,IAAI,CAAC,aAAU,MAAM,GAAG,CAAC;AAC3C,UAAI,OAAO,UAAU;AACnB,cAAM,IAAI;AAAA,UACR;AAAA,QACF;AACF,aAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,IACN,2BAA2B,MAAM,YAAY,MAAM,MAAM;AAAA,IACzD;AAAA,IACA;AAAA,EACF;AACF,CAAC;AAoLD,MAAM,UAAU;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACA,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAUA,MAAM,kBAAuC,CAAC;AAC9C,MAAM,mBAAmB;AAAA,EAIvB,SAASC,kBAAiB,OAAO;AAC/B,oBAAgB,KAAK,MAAM,UAAU;AACrC,iBAAa,cAAe,gBAAgB,MAAM;AAChD,YAAM,aAAa,gBAAgB,IAAI;AACvC,UAAI,eAAe,MAAM;AACvB,cAAM,IAAI;AAAA,UACR;AAAA,QACF;AAAA,IACJ;AACA,WAAO,MAAM;AAAA,EACf;AAAA,EACA,EAAE,YAAY,aAAa;AAC7B;AAYO,MAAM,eAAe,gBAG1B,SAASC,cAAa,OAAO,OAAO,KAAK;AACzC,QAAM,QAAQ,yBAAyB,MAAM,UAAU;AACvD,QAAM,MAAM,aAAa;AACzB,QAAM,WAAW,MAAM;AACvB,MAAI,CAAC,WAAW,SAAS,QAAQ;AAC/B,UAAM,IAAI,MAAM,wDAAwD;AAC1E,QAAM,IAAI,SAAS,SAAS,MAAM,IAC9B,IACA,SAAS,SAAS,OAAO,IACvB,IAAI,QACJ,IAAI,QAAQ;AAClB,QAAM,IAAI,SAAS,SAAS,KAAK,IAC7B,IACA,SAAS,SAAS,QAAQ,IACxB,IAAI,SACJ,IAAI,SAAS;AACnB,QAAM,UAAU,MAAM,WAAW;AACjC,MAAI,CAAC,OAAO,SAAS,OAAO,KAAK,WAAW;AAC1C,UAAM,IAAI,MAAM,0DAA0D;AAC5E,QAAM,WAAW,qBAAqB,MAAM,YAAY,UAAU,QAAQ;AAC1E,mBAAiB,QAAQ;AACzB,QAAM,QAAQ,eAAe,UAAU;AAAA,IACrC,MAAM,cAAc,OAAO,GAAG,GAAG,OAAO;AAAA,IACxC,MAAM;AAAA,IACN,QACE,aAAa,UAAU,aAAa,UAChC,cACA,aAAa,SAAS,aAAa,WACjC,cACA,aAAa,cAAc,aAAa,iBACtC,gBACA;AAAA,IACV,mBAAmB;AAAA,IACnB,0BAA0B,EAAE,GAAG,IAAI,GAAG,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,EAAE;AAAA,EACtE,CAAC;AACD,QAAM,SAAS,MAAM,WAAW,OAAO,IAAI;AAC3C,QAAM,WAAW,QAAQ,cAAc,YAAY,OAAO,WAAW;AACrE,QAAM,aAAa,gBAAgB,GAAG,EAAE;AACxC,MACE,YAAY,eAAe,MAAM,cACjC,WAAW,UAAU,SAAS,QAAQ,GACtC;AACA,eAAW,QAAQ,IAAI,UAAU,MAAM,SAAS;AAAA,EAClD,WAAW,eAAe,MAAM,SAAS,MAAM,aAAa,GAAG;AAC7D;AAAA,MACE;AAAA,MACA;AAAA,MACA,SAAS,OAAO,GAAG,CAAC;AAAA,MACpB,MAAM,aAAa,OAAO,MAAM,aAAa;AAAA,MAC7C,MAAM;AAAA,MACN,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACA,MAAI,MAAM,aAAa;AACrB,WAAO,cAAc,kBAAkB;AAAA,MACrC,OAAO,EAAE,WAAW,wBAAwB,OAAO,GAAG,CAAC,EAAE;AAAA,MACzD,UAAU,MAAM;AAAA,IAClB,CAAC;AACH,qBAAmB,KAAK,OAAO,GAAG,CAAC;AACrC,CAAC;AAWM,SAAS,cAAc,OAA2C;AACvE,QAAM,YACJ,MAAM,cAAc,UAAa,MAAM,cAAc,YACjD,UACA,MAAM,cAAc,sBAClB,aACA,MAAM;AAEd,MAAI,UAAU,WAAW,EAAG,QAAO,CAAC;AACpC,QAAM,QAAQ,UAAU,SAAS,cAAc,IAC3C,iBACA,UAAU,GAAG,EAAE;AACnB,QAAM,aAAgC;AAAA,IACpC,YAAY,MAAM;AAAA,IAClB;AAAA,IACA;AAAA,IACA,OAAO,MAAM;AAAA,IACb,eAAe,MAAM;AAAA,IACrB,SAAS,oBAAI,IAAI;AAAA,EACnB;AACA,SAAO,cAAc,kBAAkB;AAAA,IACrC;AAAA,IACA,UAAU;AAAA,MACR,GAAG,UAAU;AAAA,QAAI,CAAC,aAChB,cAAc,cAAc;AAAA,UAC1B,KAAK;AAAA,UACL,YAAY,MAAM;AAAA,UAClB;AAAA,UACA,SAAS,MAAM;AAAA,UACf,OAAO,MAAM;AAAA,UACb,eAAe,MAAM;AAAA,QACvB,CAAC;AAAA,MACH;AAAA,MACA,cAAc,yBAAyB;AAAA,QACrC,KAAK;AAAA,QACL,YAAY,MAAM;AAAA,QAClB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACH;AACA,MAAM,0BAA0B,gBAG7B,SAASC,yBAAwB,OAAO,QAAQ,KAAK;AACtD,QAAM,QAAQ,yBAAyB,MAAM,UAAU;AACvD,MACE,CAAC;AAAA,IACC,MAAM,WAAW,OAAO;AAAA,IACxB,MAAM,WAAW;AAAA,EACnB;AAEA;AACF,QAAM,SAAS,MAAM,WAAW,OAAO,IAAI;AAC3C,QAAM,WACJ,QAAQ,cAAc,YACtB,OAAO,UACP,MAAM,WAAW,UAAU,SAAS,OAAO,MAAM,IAC7C,OAAO,SACN,MAAM,WAAW,UAAU;AAAA,IAAK,CAAC,cAChC,MAAM,WAAW,QAAQ,IAAI,SAAS;AAAA,EACxC,KAAK,MAAM,WAAW;AAC5B,QAAM,MAAM,aAAa;AACzB,QAAM,IAAI,SAAS,SAAS,MAAM,IAC9B,IACA,SAAS,SAAS,OAAO,IACvB,IAAI,QACJ,IAAI,QAAQ;AAClB,QAAM,IAAI,SAAS,SAAS,KAAK,IAC7B,IACA,SAAS,SAAS,QAAQ,IACxB,IAAI,SACJ,IAAI,SAAS;AACnB;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAS,OAAO,GAAG,CAAC;AAAA,IACpB,MAAM,aAAa,OAAO,MAAM,WAAW,aAAa;AAAA,IACxD,MAAM,WAAW,OAAO;AAAA,IACxB,MAAM,WAAW,QAAQ,IAAI,QAAQ,KAAK;AAAA,IAC1C,QAAQ,cAAc,YAAY,OAAO,WAAW;AAAA,IACpD;AAAA,EACF;AACF,CAAC;AA0CM,MAAM,iBAAiB,gBAG5B,SAASC,gBAAe,OAAO,OAAO,KAAK;AAC3C,QAAM,QAAQ,yBAAyB,MAAM,UAAU;AACvD,QAAM,MAAM,aAAa;AACzB,QAAM,SAAS,eAAe,OAAO,IAAI,OAAO,IAAI,MAAM;AAC1D,QAAM,UAAU,MAAM,WAAW;AACjC,MAAI,CAAC,OAAO,SAAS,OAAO,KAAK,WAAW;AAC1C,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AACF,QAAM,WAAW,qBAAqB,MAAM,YAAY,QAAQ;AAChE,mBAAiB,QAAQ;AACzB,QAAM,QAAQ,eAAe,UAAU;AAAA,IACrC,MAAM,cAAc,OAAO,OAAO,MAAM,GAAG,OAAO,MAAM,GAAG,OAAO;AAAA,IAClE,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,mBAAmB;AAAA,IACnB,0BAA0B;AAAA,MACxB,GAAG,OAAO,MAAM,IAAI;AAAA,MACpB,GAAG,OAAO,MAAM,IAAI;AAAA,MACpB,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF,CAAC;AACD,QAAM,WAAW,MAAM,WAAW,OAAO,IAAI,GAAG,cAAc;AAC9D,2BAAyB,KAAK,OAAO,QAAQ,KAAK;AAClD,MAAI,eAAe,MAAM,SAAS,MAAM,iBAAiB,MAAM,WAAW;AACxE;AAAA,MACE;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,MAAM,eAAe,OAAO,KAAK;AAAA,MACjC,MAAM;AAAA,MACN,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IACF;AACF,MAAI,MAAM,aAAa;AACrB,WAAO,cAAc,kBAAkB;AAAA,MACrC,OAAO;AAAA,QACL,WAAW;AAAA,UACT;AAAA,UACA,OAAO,MAAM;AAAA,UACb,OAAO,MAAM;AAAA,QACf;AAAA,MACF;AAAA,MACA,UAAU,MAAM;AAAA,IAClB,CAAC;AACH,qBAAmB,KAAK,OAAO,OAAO,MAAM,GAAG,OAAO,MAAM,CAAC;AAC/D,CAAC;AAED,SAAS,WAAW,OAAqC;AACvD,QAAM,UAAU,MAAM,KAAK,QAAQ;AACnC,QAAM,QAAQ,yBAAyB;AACvC,SAAO,UACH,IAAI,UAAU,EACX;AAAA,IACC,IAAI,QAAQ;AAAA,IACZ,IAAI,QAAQ;AAAA,EACd,EACC,SAAS,QAAQ,eAAe,EAChC,SAAS,KAAK,IACjB;AACN;AACA,SAAS,SAAS,OAA0B,GAAW,GAAqB;AAC1E,SAAO,WAAW,KAAK,EAAE,eAAe,IAAI,SAAS,GAAG,CAAC,CAAC;AAC5D;AACA,SAAS,SAAS,OAIhB;AACA,QAAM,MAAM,WAAW,KAAK;AAC5B,QAAM,UAAU,IAAI,UAAU,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC,CAAC,EAAE,QAAQ;AAC1E,MAAI,CAAC,CAAC,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAAE,MAAM,OAAO,QAAQ;AACrE,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AACF,SAAO,EAAE,KAAK,SAAS,OAAO,KAAK,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE;AACzD;AACA,SAAS,cACP,OACA,GACA,GACA,MACQ;AACR,QAAM,EAAE,SAAS,MAAM,IAAI,SAAS,KAAK;AACzC,QAAM,OAAO,IAAI,OAAO;AACxB,QAAM,OAAO,OAAO;AACpB,QAAM,MAAM,KAAK,IAAI,KAAK,GACxB,MAAM,KAAK,IAAI,KAAK;AACtB,aAAW,CAAC,GAAG,KAAK,KAAK;AAAA,IACvB,CAAC,CAAC,MAAM,CAAC,IAAI;AAAA,IACb,CAAC,MAAM,CAAC,IAAI;AAAA,IACZ,CAAC,MAAM,IAAI;AAAA,IACX,CAAC,CAAC,MAAM,IAAI;AAAA,EACd,EAAE,QAAQ,GAAG;AACX,UAAM,KAAK,MAAM,CAAC,IAAI,MAAM,MAAM,CAAC,IAAI,KACrC,KAAK,MAAM,CAAC,IAAI,MAAM,MAAM,CAAC,IAAI;AACnC,UAAM,QAAQ,QAAQ,eAAe,IAAI,SAAS,IAAI,EAAE,CAAC;AACzD,QAAI,MAAM,EAAG,MAAK,OAAO,IAAI,MAAM,GAAG,IAAI,MAAM,CAAC;AAAA,QAC5C,MAAK,OAAO,IAAI,MAAM,GAAG,IAAI,MAAM,CAAC;AAAA,EAC3C;AACA,OAAK,UAAU;AACf,SAAO;AACT;AACA,SAAS,wBACP,OACA,GACA,GACW;AACX,QAAM,EAAE,SAAS,MAAM,IAAI,SAAS,KAAK;AACzC,QAAM,SAAS,IAAI,UAAU,EAAE,OAAQ,QAAQ,MAAO,KAAK,EAAE;AAC7D,QAAM,QAAQ,QAAQ,SAAS,MAAM;AACrC,SAAO,IAAI,UAAU,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,CAAC;AACjE;AACA,SAAS,mBACP,KACA,OACA,GACA,GACM;AACN,MAAI,YAAY;AAChB,MAAI,KAAK,cAAc,OAAO,GAAG,GAAG,CAAC,CAAC;AACtC,MAAI,YAAY;AAChB,MAAI,KAAK,cAAc,OAAO,GAAG,GAAG,CAAC,CAAC;AACxC;AAEA,SAAS,eACP,OACA,OACA,QACA;AACA,QAAM,MAAM,WAAW,KAAK;AAC5B,QAAM,MAAM,IAAI,eAAe,IAAI,SAAS,QAAQ,GAAG,CAAC,CAAC;AACzD,QAAM,QAAQ,IAAI,eAAe,IAAI,SAAS,QAAQ,GAAG,SAAS,CAAC,CAAC;AACpE,QAAM,OAAO,IAAI,SAAS,IAAI,GAAG,IAAI,CAAC;AACtC,QAAM,YAAY,IAAI,SAAS,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC;AAC7C,MAAI,SAAS,IAAI,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC;AACzC,QAAM,SAAS,KAAK,MAAM,OAAO,GAAG,OAAO,CAAC;AAC5C,MAAI,CAAC,OAAO,SAAS,MAAM,KAAK,WAAW;AACzC,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AACF,WAAS,IAAI,SAAS,OAAO,IAAI,QAAQ,OAAO,IAAI,MAAM;AAC1D,MAAI,OAAO,IAAI,UAAU,IAAI,OAAO,IAAI,UAAU,IAAI;AACpD,aAAS,IAAI,SAAS,CAAC,OAAO,GAAG,CAAC,OAAO,CAAC;AAC5C,QAAM,SAAS,IAAI,SAAS,IAAI,IAAI,OAAO,IAAI,IAAI,IAAI,IAAI,OAAO,IAAI,EAAE;AACxE,QAAM,QAAQ,IAAI,QAAQ,EAAE,eAAe,MAAM;AACjD,SAAO,EAAE,KAAK,QAAQ,OAAO,KAAK,OAAO,OAAO;AAClD;AACA,SAAS,yBACP,KACA,OACA,QACA,OACM;AACN,wBAAsB,KAAK;AAC3B,QAAM,YACJ,MAAM,cAAc,UAAa,MAAM,cAAc,OACjD,CAAC,IACD,MAAM;AACZ,QAAM,MAAM,MAAM,QAAQ,OAAO,CAAC,IAAI,MAAM;AAC5C,MAAI,cAAc,SAAS,CAAC,IAAK;AACjC,iBAAe,KAAK,OAAO,MAAM;AAC/B,UAAM,YAAY,IAAI;AACtB,QAAI,cAAc,OAAO;AACvB,UAAI,cAAc,UAAU,UAAU;AACtC,UAAI,YAAY,UAAU,eAAe;AACzC,UAAI,eAAe,UAAU,WAAW;AACxC,UAAI,UAAU;AACd,UAAI,OAAO,OAAO,IAAI,GAAG,OAAO,IAAI,CAAC;AACrC,UAAI,OAAO,OAAO,IAAI,GAAG,OAAO,IAAI,CAAC;AACrC,UAAI,OAAO;AACX,UAAI,cAAc;AAAA,IACpB;AACA,QAAI,KAAK;AACP,YAAM,SAAS,KAAK;AAAA,QAClB,OAAO,IAAI,IAAI,OAAO,MAAM;AAAA,QAC5B,OAAO,IAAI,IAAI,OAAO,MAAM;AAAA,MAC9B;AACA,YAAM,SAAS,KAAK;AAAA,QAClB,OAAO,IAAI,IAAI,OAAO,MAAM;AAAA,QAC5B,OAAO,IAAI,IAAI,OAAO,MAAM;AAAA,MAC9B;AACA,YAAM,QAAQ,IAAI,SAAS,KAAK,KAAK;AACrC,eAAS,IAAI,GAAG,IAAI,IAAI,KAAK;AAC3B,cAAM,KAAK,SAAS,QAAQ,IAAK,QAAQ,IAAK,IAC5C,KAAK,SAAS,QAAQ,IAAK,SAAS,IAAI,KAAM;AAChD,cAAM,SAAS,IAAI,KAAK,KAAK,IAAI,OAAO,KAAK,CAAC,MAAM,IAAI,WAAW;AACnE,YAAI,cAAc,IAAI,SAAS;AAC/B,YAAI,YAAY,IAAI,eAAe;AACnC,YAAI,cAAc,YAAY;AAC9B,YAAI,UAAU;AACd,YAAI,IAAI,OAAO,MAAM,GAAG,OAAO,MAAM,GAAG,QAAQ,IAAI,EAAE;AACtD,YAAI,OAAO;AAAA,MACb;AACA,UAAI,cAAc;AAAA,IACpB;AAAA,EACF,CAAC;AACH;AACA,SAAS,qBACP,OACM;AACN,MAAI,CAAC,SAAS,UAAU,KAAM;AAC9B,aAAW,SAAS,CAAC,OAAO,MAAM,UAAU,MAAM,SAAS,MAAM,MAAM,GAAG;AACxE,QAAI,CAAC,MAAO;AACZ,QACE,MAAM,QAAQ,WACb,CAAC,OAAO,SAAS,MAAM,GAAG,KAAK,MAAM,MAAM;AAE5C,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AACF,QACE,MAAM,gBAAgB,WACrB,CAAC,OAAO,SAAS,MAAM,WAAW,KAAK,MAAM,cAAc;AAE5D,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AACF,QACE,MAAM,YAAY,WACjB,CAAC,OAAO,SAAS,MAAM,OAAO,KAAK,MAAM,UAAU;AAEpD,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAAA,EACJ;AACF;AACA,SAAS,sBAAsB,OAAuC;AACpE,QAAM,YACJ,MAAM,aAAa,MAAM,cAAc,OAAO,MAAM,YAAY;AAClE,QAAM,MAAM,MAAM,OAAO,MAAM,QAAQ,OAAO,MAAM,MAAM;AAC1D,aAAW,SAAS,CAAC,WAAW,aAAa,KAAK,WAAW;AAC3D,QAAI,UAAU,WAAc,CAAC,OAAO,SAAS,KAAK,KAAK,QAAQ;AAC7D,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AACJ,aAAW,SAAS,CAAC,WAAW,SAAS,KAAK,OAAO;AACnD,QAAI,UAAU,WAAc,CAAC,OAAO,SAAS,KAAK,KAAK,QAAQ;AAC7D,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AACJ,MACE,KAAK,UAAU,WACd,CAAC,OAAO,SAAS,IAAI,KAAK,KAAK,IAAI,SAAS,KAAK,IAAI,QAAQ,KAAK,KAAK;AAExE,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AACJ;AAEA,SAAS,eACP,SACA,WACS;AACT,SACE,YAAY,UAAU,YAAY,UAAa,cAAc;AAEjE;AACA,SAAS,aACP,OACA,QACQ;AACR,QAAM,MAAM,MAAM,QAAQ,IAAI,IAAI;AAClC,QAAM,QAAQ,SACV,OAAO,EAAE,OAAO,IAAI,OAAO,QAAQ,IAAI,OAAO,CAAC,IAC/C,GAAG,MAAM,IAAI,KAAK,CAAC,SAAM,MAAM,IAAI,MAAM,CAAC;AAC9C,MAAI,OAAO,UAAU;AACnB,UAAM,IAAI,MAAM,0DAA0D;AAC5E,SAAO;AACT;AACA,SAAS,eACP,OACA,OACQ;AACR,QAAM,WAAW,MAAM,QAAQ,UAAU,IAAI,KAAK;AAClD,QAAM,QAAQ,MAAM,gBAChB,MAAM,cAAc,EAAE,SAAS,CAAC,IAChC,MAAM,gBAAgB,YACpB,GAAG,MAAM,QAAQ,CAAC,SAClB,GAAG,MAAO,WAAW,MAAO,KAAK,EAAE,CAAC;AAC1C,MAAI,OAAO,UAAU;AACnB,UAAM,IAAI,MAAM,0DAA0D;AAC5E,SAAO;AACT;AACA,SAAS,MAAM,OAAuB;AACpC,SAAO,OAAO,UAAU,KAAK,IACzB,OAAO,KAAK,IACZ,OAAO,OAAO,MAAM,QAAQ,CAAC,CAAC,CAAC;AACrC;AACA,SAAS,aACP,KACA,OACA,QACA,QACA,SACA,SACA,QACA,UACA,aAAa,GACP;AACN,uBAAqB,OAAO;AAC5B,QAAM,WAAW;AAAA,IACf;AAAA,IACA,MAAM,WAAW,OAAO,IAAI,MAAM;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,MAAI,CAAC,SAAS,QAAS;AACvB,QAAM,OAAO,OAAO;AACpB,MAAI,CAAC,KAAM;AACX,QAAM,eAAe,WAAW,KAAK;AACrC,iBAAe,KAAK,OAAO,MAAM;AAC/B,QAAI,OAAO,SAAS;AACpB,QAAI,YAAY;AAChB,QAAI,eAAe;AACnB,UAAM,UAAU,MAAM,KAAK,QAAQ;AACnC,QAAI,CAAC,QAAS;AACd,UAAM,SAAS,SAAS,SAAS,SAAS,cAAc;AACxD,UAAM,YAAY,QAAQ,eAAe,KAAK;AAC9C,UAAM,QAAQ,SAAS,KAAK,MAAM,SAAS;AAC3C,QAAI,CAAC,MAAO;AACZ,UAAM,UAAU,aAAa,KAAK,KAAK;AACvC,UAAM,YAAY,KAAK,IAAI,GAAG,QAAQ,qBAAqB;AAC3D,UAAM,aAAa,KAAK,IAAI,QAAQ,OAAO,QAAQ,sBAAsB;AACzE,UAAM,SAAS,KAAK,IAAI,GAAG,QAAQ,uBAAuB;AAC1D,UAAM,UAAU,KAAK,IAAI,GAAG,QAAQ,wBAAwB;AAC5D,UAAM,SAAS,SAAS,UAAU,IAAI;AACtC,UAAM,QAAQ,YAAY,aAAa,IAAI;AAC3C,QAAI,QAAQ,QAAQ,eAAe,KAAK,SAAS,QAAQ,gBAAgB;AACvE;AACF,UAAM,SAAS;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,IACX;AACA,QAAI,OAAO,OAAO,IAAI,OAAO,IAAI,QAAQ;AACzC,QAAI,MAAM,OAAO,IAAI,OAAO,IAAI,SAAS;AACzC,WAAO,KAAK,IAAI,GAAG,KAAK,IAAI,QAAQ,eAAe,IAAI,OAAO,IAAI,CAAC;AACnE,UAAM,KAAK,IAAI,GAAG,KAAK,IAAI,QAAQ,gBAAgB,IAAI,QAAQ,GAAG,CAAC;AACnE,QAAI,eAAe,SAAS;AAC5B,QAAI,YAAY,SAAS;AACzB,QAAI,SAAS,QAAQ;AACnB,UAAI,cAAc,SAAS;AAC3B,UAAI,YAAY,SAAS;AACzB,UAAI;AAAA,QACF;AAAA,QACA,OAAO,IAAI,YAAY,SAAS;AAAA,QAChC,MAAM,IAAI,SAAS,SAAS;AAAA,MAC9B;AAAA,IACF;AACA,QAAI;AAAA,MACF;AAAA,MACA,OAAO,IAAI,YAAY,SAAS;AAAA,MAChC,MAAM,IAAI,SAAS,SAAS;AAAA,IAC9B;AAAA,EACF,CAAC;AACH;AAEA,SAAS,qBACP,cACA,UACA,OACA,QACA,KACU;AACV,MAAI,CAAC,SAAU,QAAO,IAAI,SAAS,QAAQ,IAAI,KAAK,CAAC;AACrD,QAAM,UAAU,aAAa,QAAQ;AACrC,QAAM,UAAsB,CAAC;AAC7B,QAAM,MAAM,CAAC,GAAW,GAAW,SAAiB;AAClD,UAAM,SAAS,KAAK,MAAM,GAAG,CAAC;AAC9B,YAAQ,KAAK,IAAI,SAAU,OAAO,IAAK,QAAS,OAAO,IAAK,MAAM,CAAC;AAAA,EACrE;AACA,MAAI,SAAS,SAAS,MAAM,EAAG,KAAI,QAAQ,GAAG,QAAQ,GAAG,EAAE;AAC3D,MAAI,SAAS,SAAS,OAAO,EAAG,KAAI,QAAQ,GAAG,QAAQ,GAAG,CAAC;AAC3D,MAAI,SAAS,SAAS,KAAK,EAAG,KAAI,QAAQ,GAAG,QAAQ,GAAG,EAAE;AAC1D,MAAI,SAAS,SAAS,QAAQ,EAAG,KAAI,QAAQ,GAAG,QAAQ,GAAG,CAAC;AAC5D,QAAM,UAAU,CAAC,MACd,KAAK,IAAI,EAAE,CAAC,IAAI,QAAS,IAAK,KAAK,IAAI,EAAE,CAAC,IAAI,SAAU,IAAI;AAC/D,QAAM,CAAC,GAAG,CAAC,IAAI;AACf,QAAM,KAAK,QAAQ,CAAC;AACpB,MAAI,CAAC,EAAG,QAAO,IAAI,SAAS,EAAE,IAAI,IAAI,EAAE,IAAI,EAAE;AAC9C,QAAM,KAAK,QAAQ,CAAC,GAClB,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;AACpC,SAAO,IAAI;AAAA,KACR,KAAK,EAAE,IAAI,EAAE,IAAI,MAAM;AAAA,KACvB,EAAE,IAAI,KAAK,KAAK,EAAE,KAAK;AAAA,EAC1B;AACF;AACA,SAAS,eACP,OACA,UACA,SACA,QACA,YAC8C;AAC9C,QAAM,SAAS,SAAS,UAAU,OAAO,QAAQ,CAAC;AAClD,QAAM,OAAqD;AAAA,IACzD,KAAK,OAAO,OAAO;AAAA,IACnB,MAAM,OAAO,QAAQ;AAAA,IACrB,MAAM,OAAO,QAAQ;AAAA,IACrB,QAAQ,OAAO,UAAU;AAAA,IACzB,aAAa,OAAO,eAAe;AAAA,IACnC,SAAS,OAAO,WAAW;AAAA,IAC3B,SAAS,OAAO,WAAW;AAAA,EAC7B;AACA,QAAM,QAAQ,CAAC,SAAyD;AACtE,QAAI,KAAM,QAAO,OAAO,MAAM,IAAI;AAAA,EACpC;AACA,MAAI,SAAU,OAAM,OAAO,QAAQ;AACnC,MAAI,QAAS,OAAM,OAAO,OAAO;AACjC,MAAI,OAAQ,CAAC,MAAM,EAAE,SAAS,KAAK,CAAC,GAAG,MAAM,OAAO,MAAM;AAC1D,SAAO;AACT;AACA,MAAM,oBAAoB,oBAAI,QAG5B;AACF,SAAS,aAAa,KAAyB,MAA2B;AACxE,MAAI,QAAQ,kBAAkB,IAAI,GAAG;AACrC,MAAI,CAAC,MAAO,mBAAkB,IAAI,KAAM,QAAQ,oBAAI,IAAI,CAAE;AAC1D,QAAM,MAAM,KAAK,UAAU;AAAA,IACzB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ;AAAA,EACF,CAAC;AACD,QAAM,QAAQ,MAAM,IAAI,GAAG;AAC3B,MAAI,MAAO,QAAO;AAClB,QAAM,SAAS,IAAI,YAAY,IAAI;AACnC,MAAI,MAAM,QAAQ,GAAI,OAAM,OAAO,MAAM,KAAK,EAAE,KAAK,EAAE,KAAM;AAC7D,QAAM,IAAI,KAAK,MAAM;AACrB,SAAO;AACT;AACA,SAAS,SACP,KACA,MACA,OACQ;AACR,QAAM,OAAO,CAAC,UAAkB;AAC9B,UAAM,IAAI,aAAa,KAAK,KAAK;AACjC,WACE,KAAK,IAAI,GAAG,EAAE,qBAAqB,IACjC,KAAK,IAAI,EAAE,OAAO,EAAE,sBAAsB,KAC5C;AAAA,EAEJ;AACA,MAAI,SAAS,EAAG,QAAO;AACvB,MAAI,KAAK,IAAI,EAAG,QAAO;AACvB,QAAM,SAAS;AACf,MAAI,CAAC,KAAK,MAAM,EAAG,QAAO;AAC1B,QAAM,SAAS,MAAM,KAAK,IAAI;AAC9B,MAAI,MAAM,GACR,OAAO,OAAO;AAChB,SAAO,MAAM,MAAM;AACjB,UAAM,MAAM,KAAK,MAAM,MAAM,QAAQ,CAAC;AACtC,QAAI,KAAK,OAAO,MAAM,GAAG,GAAG,EAAE,KAAK,EAAE,IAAI,MAAM,EAAG,OAAM;AAAA,QACnD,QAAO,MAAM;AAAA,EACpB;AACA,SAAO,OAAO,MAAM,GAAG,GAAG,EAAE,KAAK,EAAE,IAAI;AACzC;AACA,SAAS,eACP,KACA,OACA,MACM;AACN,QAAM,UAAU,MAAM,KAAK,QAAQ;AACnC,MAAI,CAAC,QAAS;AACd,QAAM,eAAe,IAAI,aAAa,EAAE,SAAS,WAAW,KAAK,EAAE,QAAQ,CAAC;AAC5E,MAAI,KAAK;AACT,MAAI;AACF,QAAI,aAAa,YAAY;AAC7B,QAAI,UAAU;AACd,QAAI,KAAK,GAAG,GAAG,QAAQ,cAAc,QAAQ,aAAa;AAC1D,QAAI,KAAK;AACT,SAAK;AAAA,EACP,UAAE;AACA,QAAI,QAAQ;AAAA,EACd;AACF;",
+  "names": ["CssHandleContent", "DragHandle", "DragReadout", "ResizeCollection", "ResizeHandle", "ResizeCollectionReadout", "RotationHandle"]
+}

package/dist/lib/manipulation/manipulable.d.ts

@@ -0,0 +1,65 @@
+import type { PibblNode } from "../element/types.js";
+import type { WritableSignal } from "../signals/types.js";
+import type { PibblManipulationOptions, PibblManipulationMoveInput, PibblManipulationResizeInput, PibblManipulationRotateInput } from "./controller-types.js";
+import type { PibblResizeHandlesProps, PibblDragHandleProps, PibblDragHandleStyle, PibblRotationHandleProps, PibblRotationHandleStyle } from "./handles.js";
+import type { PibblManipulationBox } from "./types.js";
+/**
+ * Authored inputs for Manipulable, including the declared data and presentation options.
+ *
+ * @see {@link PibblManipulationOptions}
+ * @see {@link WritableSignal}
+ * @see {@link PibblManipulationBox}
+ * @see {@link PibblManipulationMoveInput}
+ * @see {@link PibblManipulationResizeInput}
+ * @see {@link PibblManipulationRotateInput}
+ * @see {@link PibblResizeHandlesProps}
+ * @see {@link PibblRotationHandleProps}
+ * @see {@link PibblRotationHandleStyle}
+ * @see {@link PibblDragHandleProps}
+ * @see {@link PibblDragHandleStyle}
+ * @see {@link PibblNode}
+ * @see {@link Manipulable}
+ */
+export interface PibblManipulableProps extends Pick<PibblManipulationOptions, "rotation" | "onStart" | "onChange" | "onCommit" | "onCancel"> {
+    /**
+     * Declared presentation and layout properties. See {@link WritableSignal},
+     * {@link PibblManipulationBox}.
+     */
+    readonly style: WritableSignal<PibblManipulationBox>;
+    /** Enables or configures translation of the target. See {@link PibblManipulationMoveInput}. */
+    readonly draggable?: boolean | PibblManipulationMoveInput;
+    /** Enables or configures resizing of the target. See {@link PibblManipulationResizeInput}. */
+    readonly resizable?: boolean | PibblManipulationResizeInput;
+    /** Enables or configures rotation of the target. See {@link PibblManipulationRotateInput}. */
+    readonly rotatable?: boolean | PibblManipulationRotateInput;
+    /** Configuration of the target's resize handles. See {@link PibblResizeHandlesProps}. */
+    readonly resizeHandles?: PibblResizeHandlesProps["positions"] | Omit<PibblResizeHandlesProps, "controller">;
+    /**
+     * Configuration of the target's rotation handle. See {@link PibblRotationHandleProps},
+     * {@link PibblRotationHandleStyle}.
+     */
+    readonly rotationHandle?: Omit<PibblRotationHandleProps, "controller" | "children"> & {
+        /** Declared presentation and layout properties. See {@link PibblRotationHandleStyle}. */
+        readonly style?: PibblRotationHandleStyle;
+    };
+    /**
+     * Configuration of the target's drag handle. See {@link PibblDragHandleProps},
+     * {@link PibblDragHandleStyle}.
+     */
+    readonly dragHandle?: Omit<PibblDragHandleProps, "controller" | "children"> & {
+        /** Declared presentation and layout properties. See {@link PibblDragHandleStyle}. */
+        readonly style?: PibblDragHandleStyle;
+    };
+    /** Descendant content or the callback that supplies it. See {@link PibblNode}. */
+    readonly children?: PibblNode;
+}
+/**
+ * Compose the same signal-owned frame and handles used by useManipulation.
+ *
+ * @param props - Manipulation controller and child content. See {@link PibblManipulableProps}.
+ * @returns Child content with manipulation interaction applied. See {@link PibblNode}.
+ *
+ * @see {@link PibblManipulableProps}
+ * @see {@link PibblNode}
+ */
+export declare function Manipulable(props: PibblManipulableProps): PibblNode;

package/dist/lib/manipulation/manipulable.js

@@ -0,0 +1,47 @@
+import { createElement } from "../element/create-element.js";
+import { useManipulation } from "./controller.js";
+import { ManipulationFrame } from "./frame.js";
+import { DragHandle, ResizeHandles, RotationHandle } from "./handles.js";
+function operation(value) {
+  return value === void 0 || value === false ? void 0 : value === true ? {} : value;
+}
+function Manipulable(props) {
+  const controller = useManipulation({
+    box: props.style,
+    rotation: props.rotation,
+    move: operation(props.draggable),
+    resize: operation(props.resizable),
+    rotate: operation(props.rotatable),
+    onStart: props.onStart,
+    onChange: props.onChange,
+    onCommit: props.onCommit,
+    onCancel: props.onCancel
+  });
+  const resizeHandles = Array.isArray(props.resizeHandles) || props.resizeHandles === "corners" || props.resizeHandles === "edges-and-corners" ? { positions: props.resizeHandles } : props.resizeHandles;
+  return createElement(ManipulationFrame, {
+    ...controller.frameProps,
+    children: [
+      createElement(DragHandle, {
+        key: "content",
+        controller,
+        ...props.dragHandle,
+        style: { width: "100%", height: "100%", ...props.dragHandle?.style },
+        children: props.children
+      }),
+      props.resizable && createElement(ResizeHandles, {
+        key: "resize",
+        controller,
+        ...resizeHandles
+      }),
+      props.rotatable && createElement(RotationHandle, {
+        key: "rotate",
+        controller,
+        ...props.rotationHandle
+      })
+    ]
+  });
+}
+export {
+  Manipulable
+};
+//# sourceMappingURL=manipulable.js.map

package/dist/lib/manipulation/manipulable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lib/manipulation/manipulable.ts"],
+  "sourcesContent": ["import { createElement } from \"../element/create-element.js\";\nimport type { PibblNode } from \"../element/types.js\";\nimport type { WritableSignal } from \"../signals/types.js\";\nimport { useManipulation } from \"./controller.js\";\nimport type {\n  PibblManipulationOptions,\n  PibblManipulationMoveInput,\n  PibblManipulationResizeInput,\n  PibblManipulationRotateInput,\n} from \"./controller-types.js\";\nimport { ManipulationFrame } from \"./frame.js\";\nimport { DragHandle, ResizeHandles, RotationHandle } from \"./handles.js\";\nimport type {\n  PibblResizeHandlesProps,\n  PibblDragHandleProps,\n  PibblDragHandleStyle,\n  PibblRotationHandleProps,\n  PibblRotationHandleStyle,\n} from \"./handles.js\";\nimport type { PibblManipulationBox } from \"./types.js\";\n\n/**\n * Authored inputs for Manipulable, including the declared data and presentation options.\n *\n * @see {@link PibblManipulationOptions}\n * @see {@link WritableSignal}\n * @see {@link PibblManipulationBox}\n * @see {@link PibblManipulationMoveInput}\n * @see {@link PibblManipulationResizeInput}\n * @see {@link PibblManipulationRotateInput}\n * @see {@link PibblResizeHandlesProps}\n * @see {@link PibblRotationHandleProps}\n * @see {@link PibblRotationHandleStyle}\n * @see {@link PibblDragHandleProps}\n * @see {@link PibblDragHandleStyle}\n * @see {@link PibblNode}\n * @see {@link Manipulable}\n */\nexport interface PibblManipulableProps extends Pick<\n  PibblManipulationOptions,\n  \"rotation\" | \"onStart\" | \"onChange\" | \"onCommit\" | \"onCancel\"\n> {\n  /**\n   * Declared presentation and layout properties. See {@link WritableSignal},\n   * {@link PibblManipulationBox}.\n   */\n  readonly style: WritableSignal<PibblManipulationBox>;\n  /** Enables or configures translation of the target. See {@link PibblManipulationMoveInput}. */\n  readonly draggable?: boolean | PibblManipulationMoveInput;\n  /** Enables or configures resizing of the target. See {@link PibblManipulationResizeInput}. */\n  readonly resizable?: boolean | PibblManipulationResizeInput;\n  /** Enables or configures rotation of the target. See {@link PibblManipulationRotateInput}. */\n  readonly rotatable?: boolean | PibblManipulationRotateInput;\n  /** Configuration of the target's resize handles. See {@link PibblResizeHandlesProps}. */\n  readonly resizeHandles?:\n    PibblResizeHandlesProps[\"positions\"] | Omit<PibblResizeHandlesProps, \"controller\">;\n  /**\n   * Configuration of the target's rotation handle. See {@link PibblRotationHandleProps},\n   * {@link PibblRotationHandleStyle}.\n   */\n  readonly rotationHandle?: Omit<PibblRotationHandleProps, \"controller\" | \"children\"> & {\n    /** Declared presentation and layout properties. See {@link PibblRotationHandleStyle}. */\n    readonly style?: PibblRotationHandleStyle;\n  };\n  /**\n   * Configuration of the target's drag handle. See {@link PibblDragHandleProps},\n   * {@link PibblDragHandleStyle}.\n   */\n  readonly dragHandle?: Omit<PibblDragHandleProps, \"controller\" | \"children\"> & {\n    /** Declared presentation and layout properties. See {@link PibblDragHandleStyle}. */\n    readonly style?: PibblDragHandleStyle;\n  };\n  /** Descendant content or the callback that supplies it. See {@link PibblNode}. */\n  readonly children?: PibblNode;\n}\nfunction operation<T>(value: boolean | T | undefined): T | undefined {\n  return value === undefined || value === false\n    ? undefined\n    : value === true\n      ? ({} as T)\n      : value;\n}\n/**\n * Compose the same signal-owned frame and handles used by useManipulation.\n *\n * @param props - Manipulation controller and child content. See {@link PibblManipulableProps}.\n * @returns Child content with manipulation interaction applied. See {@link PibblNode}.\n *\n * @see {@link PibblManipulableProps}\n * @see {@link PibblNode}\n */\nexport function Manipulable(props: PibblManipulableProps): PibblNode {\n  const controller = useManipulation({\n    box: props.style,\n    rotation: props.rotation,\n    move: operation(props.draggable),\n    resize: operation(props.resizable),\n    rotate: operation(props.rotatable),\n    onStart: props.onStart,\n    onChange: props.onChange,\n    onCommit: props.onCommit,\n    onCancel: props.onCancel,\n  });\n  const resizeHandles =\n    Array.isArray(props.resizeHandles) ||\n    props.resizeHandles === \"corners\" ||\n    props.resizeHandles === \"edges-and-corners\"\n      ? { positions: props.resizeHandles }\n      : props.resizeHandles;\n  return createElement(ManipulationFrame, {\n    ...controller.frameProps,\n    children: [\n      createElement(DragHandle, {\n        key: \"content\",\n        controller,\n        ...props.dragHandle,\n        style: { width: \"100%\", height: \"100%\", ...props.dragHandle?.style },\n        children: props.children,\n      }),\n      props.resizable &&\n        createElement(ResizeHandles, {\n          key: \"resize\",\n          controller,\n          ...resizeHandles,\n        }),\n      props.rotatable &&\n        createElement(RotationHandle, {\n          key: \"rotate\",\n          controller,\n          ...props.rotationHandle,\n        }),\n    ],\n  });\n}\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAG9B,SAAS,uBAAuB;AAOhC,SAAS,yBAAyB;AAClC,SAAS,YAAY,eAAe,sBAAsB;AAgE1D,SAAS,UAAa,OAA+C;AACnE,SAAO,UAAU,UAAa,UAAU,QACpC,SACA,UAAU,OACP,CAAC,IACF;AACR;AAUO,SAAS,YAAY,OAAyC;AACnE,QAAM,aAAa,gBAAgB;AAAA,IACjC,KAAK,MAAM;AAAA,IACX,UAAU,MAAM;AAAA,IAChB,MAAM,UAAU,MAAM,SAAS;AAAA,IAC/B,QAAQ,UAAU,MAAM,SAAS;AAAA,IACjC,QAAQ,UAAU,MAAM,SAAS;AAAA,IACjC,SAAS,MAAM;AAAA,IACf,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,EAClB,CAAC;AACD,QAAM,gBACJ,MAAM,QAAQ,MAAM,aAAa,KACjC,MAAM,kBAAkB,aACxB,MAAM,kBAAkB,sBACpB,EAAE,WAAW,MAAM,cAAc,IACjC,MAAM;AACZ,SAAO,cAAc,mBAAmB;AAAA,IACtC,GAAG,WAAW;AAAA,IACd,UAAU;AAAA,MACR,cAAc,YAAY;AAAA,QACxB,KAAK;AAAA,QACL;AAAA,QACA,GAAG,MAAM;AAAA,QACT,OAAO,EAAE,OAAO,QAAQ,QAAQ,QAAQ,GAAG,MAAM,YAAY,MAAM;AAAA,QACnE,UAAU,MAAM;AAAA,MAClB,CAAC;AAAA,MACD,MAAM,aACJ,cAAc,eAAe;AAAA,QAC3B,KAAK;AAAA,QACL;AAAA,QACA,GAAG;AAAA,MACL,CAAC;AAAA,MACH,MAAM,aACJ,cAAc,gBAAgB;AAAA,QAC5B,KAAK;AAAA,QACL;AAAA,QACA,GAAG,MAAM;AAAA,MACX,CAAC;AAAA,IACL;AAAA,EACF,CAAC;AACH;",
+  "names": []
+}

package/dist/lib/manipulation/ownership.d.ts

@@ -0,0 +1,15 @@
+import type { Signal, WritableSignal } from "../signals/types.js";
+import type { PibblManipulationActive, PibblManipulationGeometry } from "./controller-types.js";
+import type { PibblManipulationBox } from "./types.js";
+/** A bounded subscription owned only by one armed pointer gesture. */
+export declare function observeGestureInputs(values: readonly Signal<unknown>[], notify: () => void): () => void;
+export declare function claimGeometryGeneration(box: object, rotation?: object): void;
+interface Rollback {
+    box: WritableSignal<PibblManipulationBox>;
+    rotation?: WritableSignal<number>;
+    before: PibblManipulationGeometry;
+    active: WritableSignal<PibblManipulationActive | null>;
+}
+/** This finite cleanup record contains signals and values, never a mounted tree. */
+export declare function restoreReleasedGesture(record: Rollback): void;
+export {};

package/dist/lib/manipulation/ownership.js

@@ -0,0 +1,80 @@
+import {
+  batch,
+  getSignalNode,
+  assertSignalCommandAllowed
+} from "../signals/graph.js";
+import {
+  createDetachedReactiveEdge,
+  linkReactiveEdgeToSource,
+  unlinkReactiveEdgeFromSource,
+  unlinkReactiveEdgeFromConsumer
+} from "../signals/edge.js";
+import { queueBeginCommand } from "../scheduler/realm-scheduler.js";
+function observeGestureInputs(values, notify) {
+  const consumer = {
+    dependencyHead: void 0,
+    dependencyTail: void 0,
+    dependencyFreeHead: void 0,
+    dependencyFreeCount: 0,
+    dependencyCount: 0,
+    dependencyHighWater: 0,
+    collectionCursor: void 0,
+    collectionGeneration: 0,
+    addDependency() {
+    },
+    notify
+  };
+  const nodes = new Set(
+    values.map((value) => {
+      value.get();
+      return getSignalNode(value);
+    })
+  );
+  const edges = [...nodes].map((node) => {
+    const edge = createDetachedReactiveEdge(consumer, node);
+    linkReactiveEdgeToSource(edge, node.observe?.());
+    return edge;
+  });
+  return () => {
+    for (const edge of edges) {
+      unlinkReactiveEdgeFromSource(edge);
+      unlinkReactiveEdgeFromConsumer(edge);
+    }
+  };
+}
+const generations = /* @__PURE__ */ new WeakMap();
+function claimGeometryGeneration(box, rotation) {
+  generations.set(box, (generations.get(box) ?? 0) + 1);
+  if (rotation) generations.set(rotation, (generations.get(rotation) ?? 0) + 1);
+}
+function restoreReleasedGesture(record) {
+  const priorActive = record.active.get();
+  const boxNode = getSignalNode(record.box);
+  const rotationNode = record.rotation && getSignalNode(record.rotation);
+  const boxVersion = boxNode.version;
+  const rotationVersion = rotationNode?.version;
+  const boxGeneration = generations.get(record.box);
+  const rotationGeneration = record.rotation && generations.get(record.rotation);
+  const restore = () => {
+    batch(() => {
+      if (boxNode.version === boxVersion && rotationNode?.version === rotationVersion && generations.get(record.box) === boxGeneration && (!record.rotation || generations.get(record.rotation) === rotationGeneration)) {
+        record.box.set(record.before.box);
+        record.rotation?.set(record.before.rotation);
+      }
+      if (record.active.get() === priorActive) record.active.set(null);
+    });
+  };
+  try {
+    assertSignalCommandAllowed();
+  } catch {
+    queueBeginCommand(restore);
+    return;
+  }
+  restore();
+}
+export {
+  claimGeometryGeneration,
+  observeGestureInputs,
+  restoreReleasedGesture
+};
+//# sourceMappingURL=ownership.js.map

package/dist/lib/manipulation/ownership.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lib/manipulation/ownership.ts"],
+  "sourcesContent": ["import {\n  batch,\n  getSignalNode,\n  assertSignalCommandAllowed,\n} from \"../signals/graph.js\";\nimport type { Signal, WritableSignal } from \"../signals/types.js\";\nimport {\n  createDetachedReactiveEdge,\n  linkReactiveEdgeToSource,\n  unlinkReactiveEdgeFromSource,\n  unlinkReactiveEdgeFromConsumer,\n  type SignalDependencyConsumer,\n} from \"../signals/edge.js\";\nimport { queueBeginCommand } from \"../scheduler/realm-scheduler.js\";\nimport type {\n  PibblManipulationActive,\n  PibblManipulationGeometry,\n} from \"./controller-types.js\";\nimport type { PibblManipulationBox } from \"./types.js\";\n\n/** A bounded subscription owned only by one armed pointer gesture. */\nexport function observeGestureInputs(\n  values: readonly Signal<unknown>[],\n  notify: () => void,\n): () => void {\n  const consumer: SignalDependencyConsumer = {\n    dependencyHead: undefined,\n    dependencyTail: undefined,\n    dependencyFreeHead: undefined,\n    dependencyFreeCount: 0,\n    dependencyCount: 0,\n    dependencyHighWater: 0,\n    collectionCursor: undefined,\n    collectionGeneration: 0,\n    addDependency() {},\n    notify,\n  };\n  const nodes = new Set(\n    values.map((value) => {\n      value.get();\n      return getSignalNode(value);\n    }),\n  );\n  const edges = [...nodes].map((node) => {\n    const edge = createDetachedReactiveEdge(consumer, node);\n    linkReactiveEdgeToSource(edge, node.observe?.());\n    return edge;\n  });\n  return () => {\n    for (const edge of edges) {\n      unlinkReactiveEdgeFromSource(edge);\n      unlinkReactiveEdgeFromConsumer(edge);\n    }\n  };\n}\n\nconst generations = new WeakMap<object, number>();\nexport function claimGeometryGeneration(box: object, rotation?: object): void {\n  generations.set(box, (generations.get(box) ?? 0) + 1);\n  if (rotation) generations.set(rotation, (generations.get(rotation) ?? 0) + 1);\n}\ninterface Rollback {\n  box: WritableSignal<PibblManipulationBox>;\n  rotation?: WritableSignal<number>;\n  before: PibblManipulationGeometry;\n  active: WritableSignal<PibblManipulationActive | null>;\n}\n/** This finite cleanup record contains signals and values, never a mounted tree. */\nexport function restoreReleasedGesture(record: Rollback): void {\n  const priorActive = record.active.get();\n  const boxNode = getSignalNode(record.box);\n  const rotationNode = record.rotation && getSignalNode(record.rotation);\n  const boxVersion = boxNode.version;\n  const rotationVersion = rotationNode?.version;\n  const boxGeneration = generations.get(record.box);\n  const rotationGeneration =\n    record.rotation && generations.get(record.rotation);\n  const restore = () => {\n    batch(() => {\n      if (\n        boxNode.version === boxVersion &&\n        rotationNode?.version === rotationVersion &&\n        generations.get(record.box) === boxGeneration &&\n        (!record.rotation ||\n          generations.get(record.rotation) === rotationGeneration)\n      ) {\n        record.box.set(record.before.box);\n        record.rotation?.set(record.before.rotation);\n      }\n      if (record.active.get() === priorActive) record.active.set(null);\n    });\n  };\n  try {\n    assertSignalCommandAllowed();\n  } catch {\n    queueBeginCommand(restore);\n    return;\n  }\n  restore();\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,yBAAyB;AAQ3B,SAAS,qBACd,QACA,QACY;AACZ,QAAM,WAAqC;AAAA,IACzC,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,oBAAoB;AAAA,IACpB,qBAAqB;AAAA,IACrB,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAAC;AAAA,IACjB;AAAA,EACF;AACA,QAAM,QAAQ,IAAI;AAAA,IAChB,OAAO,IAAI,CAAC,UAAU;AACpB,YAAM,IAAI;AACV,aAAO,cAAc,KAAK;AAAA,IAC5B,CAAC;AAAA,EACH;AACA,QAAM,QAAQ,CAAC,GAAG,KAAK,EAAE,IAAI,CAAC,SAAS;AACrC,UAAM,OAAO,2BAA2B,UAAU,IAAI;AACtD,6BAAyB,MAAM,KAAK,UAAU,CAAC;AAC/C,WAAO;AAAA,EACT,CAAC;AACD,SAAO,MAAM;AACX,eAAW,QAAQ,OAAO;AACxB,mCAA6B,IAAI;AACjC,qCAA+B,IAAI;AAAA,IACrC;AAAA,EACF;AACF;AAEA,MAAM,cAAc,oBAAI,QAAwB;AACzC,SAAS,wBAAwB,KAAa,UAAyB;AAC5E,cAAY,IAAI,MAAM,YAAY,IAAI,GAAG,KAAK,KAAK,CAAC;AACpD,MAAI,SAAU,aAAY,IAAI,WAAW,YAAY,IAAI,QAAQ,KAAK,KAAK,CAAC;AAC9E;AAQO,SAAS,uBAAuB,QAAwB;AAC7D,QAAM,cAAc,OAAO,OAAO,IAAI;AACtC,QAAM,UAAU,cAAc,OAAO,GAAG;AACxC,QAAM,eAAe,OAAO,YAAY,cAAc,OAAO,QAAQ;AACrE,QAAM,aAAa,QAAQ;AAC3B,QAAM,kBAAkB,cAAc;AACtC,QAAM,gBAAgB,YAAY,IAAI,OAAO,GAAG;AAChD,QAAM,qBACJ,OAAO,YAAY,YAAY,IAAI,OAAO,QAAQ;AACpD,QAAM,UAAU,MAAM;AACpB,UAAM,MAAM;AACV,UACE,QAAQ,YAAY,cACpB,cAAc,YAAY,mBAC1B,YAAY,IAAI,OAAO,GAAG,MAAM,kBAC/B,CAAC,OAAO,YACP,YAAY,IAAI,OAAO,QAAQ,MAAM,qBACvC;AACA,eAAO,IAAI,IAAI,OAAO,OAAO,GAAG;AAChC,eAAO,UAAU,IAAI,OAAO,OAAO,QAAQ;AAAA,MAC7C;AACA,UAAI,OAAO,OAAO,IAAI,MAAM,YAAa,QAAO,OAAO,IAAI,IAAI;AAAA,IACjE,CAAC;AAAA,EACH;AACA,MAAI;AACF,+BAA2B;AAAA,EAC7B,QAAQ;AACN,sBAAkB,OAAO;AACzB;AAAA,EACF;AACA,UAAQ;AACV;",
+  "names": []
+}

package/dist/lib/manipulation/snap.d.ts

@@ -0,0 +1,6 @@
+import type { PibblManipulationModifiers, PibblManipulationWhen } from './types.js';
+export declare function isSnapActive(enabled: boolean | undefined, when: PibblManipulationWhen | undefined, modifiers: PibblManipulationModifiers): boolean;
+export declare function assertPositiveFiniteStep(step: number, label: string): void;
+export declare function assertFiniteOrigin(origin: number, label: string): void;
+/** Rounds half-way values toward the larger lattice index. */
+export declare function snapToLattice(value: number, step: number, origin?: number): number;

package/dist/lib/manipulation/snap.js

@@ -0,0 +1,40 @@
+function isSnapActive(enabled, when, modifiers) {
+  if (enabled === false) return false;
+  switch (when ?? "always") {
+    case "always":
+      return true;
+    case "shift":
+      return modifiers.shift === true;
+    case "alt":
+      return modifiers.alt === true;
+    case "ctrl":
+      return modifiers.ctrl === true;
+    case "meta":
+      return modifiers.meta === true;
+  }
+}
+function assertPositiveFiniteStep(step, label) {
+  if (!Number.isFinite(step) || step <= 0) {
+    throw new Error(`${label} must be finite and greater than zero, received ${step}`);
+  }
+}
+function assertFiniteOrigin(origin, label) {
+  if (!Number.isFinite(origin)) {
+    throw new Error(`${label} must be finite, received ${origin}`);
+  }
+}
+function snapToLattice(value, step, origin = 0) {
+  assertPositiveFiniteStep(step, "snap step");
+  assertFiniteOrigin(origin, "snap origin");
+  const index = (value - origin) / step;
+  const lower = Math.floor(index);
+  const rounded = index - lower < 0.5 ? lower : lower + 1;
+  return origin + rounded * step;
+}
+export {
+  assertFiniteOrigin,
+  assertPositiveFiniteStep,
+  isSnapActive,
+  snapToLattice
+};
+//# sourceMappingURL=snap.js.map

package/dist/lib/manipulation/snap.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lib/manipulation/snap.ts"],
+  "sourcesContent": ["import type { PibblManipulationModifiers, PibblManipulationWhen } from './types.js';\n\nexport function isSnapActive(\n  enabled: boolean | undefined,\n  when: PibblManipulationWhen | undefined,\n  modifiers: PibblManipulationModifiers,\n): boolean {\n  if (enabled === false) return false;\n  switch (when ?? 'always') {\n    case 'always': return true;\n    case 'shift': return modifiers.shift === true;\n    case 'alt': return modifiers.alt === true;\n    case 'ctrl': return modifiers.ctrl === true;\n    case 'meta': return modifiers.meta === true;\n  }\n}\n\nexport function assertPositiveFiniteStep(step: number, label: string): void {\n  if (!Number.isFinite(step) || step <= 0) {\n    throw new Error(`${label} must be finite and greater than zero, received ${step}`);\n  }\n}\n\nexport function assertFiniteOrigin(origin: number, label: string): void {\n  if (!Number.isFinite(origin)) {\n    throw new Error(`${label} must be finite, received ${origin}`);\n  }\n}\n\n/** Rounds half-way values toward the larger lattice index. */\nexport function snapToLattice(value: number, step: number, origin = 0): number {\n  assertPositiveFiniteStep(step, 'snap step');\n  assertFiniteOrigin(origin, 'snap origin');\n  const index = (value - origin) / step;\n  const lower = Math.floor(index);\n  const rounded = index - lower < 0.5 ? lower : lower + 1;\n  return origin + rounded * step;\n}\n"],
+  "mappings": "AAEO,SAAS,aACd,SACA,MACA,WACS;AACT,MAAI,YAAY,MAAO,QAAO;AAC9B,UAAQ,QAAQ,UAAU;AAAA,IACxB,KAAK;AAAU,aAAO;AAAA,IACtB,KAAK;AAAS,aAAO,UAAU,UAAU;AAAA,IACzC,KAAK;AAAO,aAAO,UAAU,QAAQ;AAAA,IACrC,KAAK;AAAQ,aAAO,UAAU,SAAS;AAAA,IACvC,KAAK;AAAQ,aAAO,UAAU,SAAS;AAAA,EACzC;AACF;AAEO,SAAS,yBAAyB,MAAc,OAAqB;AAC1E,MAAI,CAAC,OAAO,SAAS,IAAI,KAAK,QAAQ,GAAG;AACvC,UAAM,IAAI,MAAM,GAAG,KAAK,mDAAmD,IAAI,EAAE;AAAA,EACnF;AACF;AAEO,SAAS,mBAAmB,QAAgB,OAAqB;AACtE,MAAI,CAAC,OAAO,SAAS,MAAM,GAAG;AAC5B,UAAM,IAAI,MAAM,GAAG,KAAK,6BAA6B,MAAM,EAAE;AAAA,EAC/D;AACF;AAGO,SAAS,cAAc,OAAe,MAAc,SAAS,GAAW;AAC7E,2BAAyB,MAAM,WAAW;AAC1C,qBAAmB,QAAQ,aAAa;AACxC,QAAM,SAAS,QAAQ,UAAU;AACjC,QAAM,QAAQ,KAAK,MAAM,KAAK;AAC9B,QAAM,UAAU,QAAQ,QAAQ,MAAM,QAAQ,QAAQ;AACtD,SAAO,SAAS,UAAU;AAC5B;",
+  "names": []
+}

package/dist/lib/manipulation/solve.d.ts

@@ -0,0 +1,2 @@
+import type { ManipulationSolveInput, ManipulationSolveResult } from "./types.js";
+export declare function solveManipulation(input: ManipulationSolveInput): ManipulationSolveResult;