npm - @weasel-js/ui - Versions diffs - 1.6.1 → 1.7.0 - Mend

@weasel-js/ui 1.6.1 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (340) hide show

package/dist/chunks/createKeyframeLayer-DVl321_l.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"createKeyframeLayer-DVl321_l.js","names":["s","_Fragment","s","dlog","plotToModel","modelToPlot","Plot2D","snapToNearest","hitTestAnchor","r2","radius","best","i","anchors","dx","pointer","dy","d2","hitTestCurve","segIdx","segments","samples","last","a","b","abx","aby","apx","apy","ab2","u","cx","cy","t","HANDLE_SIZE_TOKENS","handleSize","tokenPx","token","resolved","handleHalf","CurveEditor_module_default","NO_MODIFIERS","readModifiers","LayeredCurveEditor","props","historyEnabled","modelRange","useMemo","xRange","yRange","plotSize","width","height","layersRef","useRef","layers","modelRangeRef","plotSizeRef","plotRef","makeCtx","useCallback","mr","ps","p","activeRef","activeLayerId","setActiveLayerId","useState","pastRef","futureRef","snapshot","m","restore","current","prev","snap","onLayerChange","undo","past","redo","future","next","onGestureMoveRef","onGestureEndRef","onGestureCancelRef","sessionRef","cleanupGesture","findLayerState","id","h","model","ctx","finalState","onLayerCommit","restored","installGesture","startStates","startSelfState","layerId","openPointerSession","down","onSvgPointerDown","modifiers","e","ls","nativeEvent","coords","preEventSnapshot","hit","prevState","committed","gesture","pendingCommit","onSvgKeyDown","k","renderCtxBase","cls","className","children","SAMPLES_PER_SEGMENT","KEY_HIT_PX","HANDLE_HIT_PX","CURVE_HIT_PX","KEY_HALF","HANDLE_RADIUS","SHIFT_MULTIPLIER","HANDLE_STEP","keyframeLayerState","clampTo","range","v","bezierOf","key","moveKeyTo","moved","keys","index","rest","at","selectedKey","applyKeyframeDrag","state","drag","createKeyframeLayer","cfg","label","formatX","x","snapRadiusPx","easingInto","d","seg","cubicBezierEasing","resolveEasing","segmentSamples","out","ease","pts","j","activeBezier","handlePoints","xf","yf","bezier","path","render","shown","curve","dragIndex","Fragment","x0","x1","h1","h2","hitTest","plot","c","keyGesture","perPx","handleGesture","segment","handle","onPointerDown","extra","onKeyDown","target","activate","mult","keyEl","stepX","stepY","value","segEl","handleEl"],"sources":["../../src/components/CurveEditor/hitTest.ts","../../src/handles.ts","../../src/components/CurveEditor/CurveEditor.module.css","../../src/components/CurveEditor/LayeredCurveEditor.tsx","../../src/components/CurveEditor/createKeyframeLayer.tsx"],"sourcesContent":["/**\n * Curve-specific hit tests. Generic coord transforms live in\n * `../Plot2D/geometry`; what's here is curve-only (anchor / polyline\n * proximity).\n */\nimport type { Point } from '../Plot2D/geometry';\n\n/**\n * Nearest-anchor hit test. Anchors are already in plot/screen coords.\n * Returns the index of the nearest anchor whose squared distance to\n * the pointer is ≤ radius². Null if no anchor is within radius.\n */\nexport function hitTestAnchor(\n anchors: readonly Point[],\n pointer: Point,\n radius: number,\n): { index: number } | null {\n const r2 = radius * radius;\n let best: { index: number; d2: number } | null = null;\n for (let i = 0; i < anchors.length; i++) {\n const a = anchors[i];\n const dx = a.x - pointer.x;\n const dy = a.y - pointer.y;\n const d2 = dx * dx + dy * dy;\n if (d2 > r2) continue;\n if (best === null || d2 < best.d2) best = { index: i, d2 };\n }\n return best ? { index: best.index } : null;\n}\n\n/**\n * Hit test against a per-segment sampled polyline. Each entry in\n * `segments` is the sample list for one segment (inclusive of\n * endpoints). Returns segment index + t (∈ [0, 1]) of the closest\n * point on the polyline within radius. Null if nothing is in range.\n *\n * Distance is measured to the line-segment chords between adjacent\n * samples, not just to the samples themselves — so sparse sampling\n * still produces accurate hits along the chord.\n */\nexport function hitTestCurve(\n segments: readonly (readonly Point[])[],\n pointer: Point,\n radius: number,\n): { segIdx: number; t: number } | null {\n const r2 = radius * radius;\n let best: { segIdx: number; t: number; d2: number } | null = null;\n for (let segIdx = 0; segIdx < segments.length; segIdx++) {\n const samples = segments[segIdx];\n if (samples.length < 2) continue;\n const last = samples.length - 1;\n for (let i = 0; i < last; i++) {\n const a = samples[i];\n const b = samples[i + 1];\n const abx = b.x - a.x;\n const aby = b.y - a.y;\n const apx = pointer.x - a.x;\n const apy = pointer.y - a.y;\n const ab2 = abx * abx + aby * aby;\n let u = ab2 > 0 ? (apx * abx + apy * aby) / ab2 : 0;\n if (u < 0) u = 0;\n else if (u > 1) u = 1;\n const cx = a.x + u * abx;\n const cy = a.y + u * aby;\n const dx = cx - pointer.x;\n const dy = cy - pointer.y;\n const d2 = dx * dx + dy * dy;\n if (d2 > r2) continue;\n const t = (i + u) / last;\n if (best === null || d2 < best.d2) best = { segIdx, t, d2 };\n }\n }\n return best ? { segIdx: best.segIdx, t: best.t } : null;\n}\n","import { tokenPx } from '@weasel-js/theme';\nimport type { ResolvedTheme } from '@weasel-js/theme';\n\n/**\n * The handle sizes the theme publishes: the default rank, the inert one a\n * locked or pinned point wears, and the emphasized one for a handle that is\n * its own category.\n */\nexport const HANDLE_SIZE_TOKENS = [\n '--wzl-handle-size', '--wzl-handle-size-sm', '--wzl-handle-size-lg',\n] as const;\n\n/** One of {@link HANDLE_SIZE_TOKENS}. */\nexport type HandleSizeToken = (typeof HANDLE_SIZE_TOKENS)[number];\n\n/**\n * A handle's edge in px, for code that draws a handle instead of styling one.\n *\n * CSS reaches `--wzl-handle-*` directly; SVG geometry attributes and canvas\n * cannot, so they come through here and the number stays written once, in the\n * theme definition.\n */\nexport function handleSize(token: HandleSizeToken, resolved?: ResolvedTheme): number {\n return tokenPx(token, resolved);\n}\n\n/** Half a handle's edge — what an SVG rect centered on a point offsets by. */\nexport function handleHalf(token: HandleSizeToken, resolved?: ResolvedTheme): number {\n return handleSize(token, resolved) / 2;\n}\n",".root {\n /* Component-local vars layered over the theme tokens. Each var resolves\n * to a semantic token from @weasel-js/theme; consumers override\n * either the curve-* var (component scope) or the wzl-* token (app\n * scope) without touching this file.\n *\n * Background / grid / axis tokens live on Plot2D now (this component\n * composes Plot2D, which paints the background and chrome). */\n --curve-line: var(--wzl-curve-color);\n --curve-line-width: var(--wzl-curve-width);\n --curve-fill: color-mix(in srgb, var(--curve-line) 30%, transparent);\n --curve-anchor-fill: var(--wzl-surface);\n --curve-anchor-stroke: var(--curve-line);\n --curve-anchor-active-fill: var(--curve-line);\n --curve-pinned-fill: var(--wzl-fg-subtle);\n}\n\n.fill {\n fill: var(--curve-fill);\n stroke: none;\n pointer-events: none;\n}\n\n.curve {\n stroke: var(--curve-line);\n stroke-width: var(--curve-line-width);\n fill: none;\n pointer-events: stroke;\n}\n\n.anchor {\n fill: var(--curve-anchor-fill);\n stroke: var(--curve-anchor-stroke);\n stroke-width: 1.5;\n cursor: grab;\n}\n\n.anchor:hover {\n fill: var(--curve-anchor-active-fill);\n}\n\n.anchor.active {\n fill: var(--curve-anchor-active-fill);\n cursor: grabbing;\n}\n\n.anchor.pinned {\n fill: var(--curve-pinned-fill);\n cursor: default;\n}\n\n/* Caller-set locked anchors share the gray pinned fill but signal\n * \"not interactive at all\" via the not-allowed cursor. */\n.anchor.locked {\n cursor: not-allowed;\n}\n\n/* Endpoint vertices render as diamonds (rotated squares) instead of\n * circles, so they read as a different category of handle. The shape\n * is enforced inline via SVG <rect transform>; this class only adds\n * the hover/active styling. */\n.endpoint {\n /* No fill / stroke overrides — endpoint visuals reuse .anchor /\n * .anchor.pinned / .anchor.active styling. The class exists as a\n * marker for future per-endpoint styling needs. */\n}\n\n/* Focus is drawn on the mark itself: an outline on an SVG shape rings its\n bounding box, which the nearest scroll container clips. */\n.anchor:focus-visible {\n outline: none;\n stroke: var(--wzl-focus-ring);\n stroke-width: 2;\n}\n\n/* ── keyframe layer ─────────────────────────────────────────────────── */\n\n.keyframe {\n fill: var(--curve-key-fill, var(--wzl-fg-muted));\n cursor: grab;\n}\n\n.keyframe[aria-current='true'] { fill: var(--curve-selected, var(--wzl-accent-strong)); }\n.keyframe:focus-visible,\n.handle:focus-visible {\n outline: none;\n stroke: var(--wzl-focus-ring);\n stroke-width: 2;\n}\n\n.segmentTarget:focus-visible {\n outline: none;\n stroke: var(--wzl-focus-ring);\n stroke-opacity: 0.5;\n}\n\n/* The committed key holds while its ghost tracks the pointer, so a drag\n reads as a move from somewhere to somewhere. */\n.keyframe[data-dragging='true'] { opacity: 0.4; }\n\n.keyframeGhost {\n fill: var(--curve-selected-soft, var(--wzl-accent-soft));\n stroke: var(--curve-selected, var(--wzl-accent-strong));\n stroke-width: 1;\n stroke-dasharray: 2 2;\n pointer-events: none;\n}\n\n.segmentBand {\n fill: var(--curve-selected-soft, var(--wzl-accent-soft));\n pointer-events: none;\n}\n\n/* Carries focus and a name for each segment; hit testing is geometric. */\n.segmentTarget {\n fill: none;\n stroke: transparent;\n stroke-width: 8;\n pointer-events: none;\n}\n\n.handle {\n fill: var(--wzl-surface);\n stroke: var(--curve-selected, var(--wzl-accent-strong));\n stroke-width: 1;\n cursor: grab;\n}\n\n.handleStem {\n stroke: var(--curve-selected, var(--wzl-accent-strong));\n stroke-width: 1;\n pointer-events: none;\n}\n","import {\n useCallback, useEffect, useMemo, useRef, useState,\n type CSSProperties,\n type KeyboardEvent as ReactKeyboardEvent,\n type PointerEvent as ReactPointerEvent,\n type ReactNode,\n} from 'react';\nimport { openPointerSession, type PointerSession } from '@weasel-js/core';\nimport {\n Plot2D,\n type Plot2DHandle,\n type GridSettings,\n type AxesSettings,\n type TickSettings,\n} from '../Plot2D';\nimport {\n modelToPlot, plotToModel,\n type ModelRange,\n} from '../Plot2D/geometry';\nimport { dlog } from '../../dlog';\nimport s from './CurveEditor.module.css';\nimport type {\n CurveLayer, LayerCtx, LayerGesture, LayerModifiers, ModelPoint, PlotPoint,\n} from './layerTypes';\n\n/**\n * A layer paired with the state the consumer holds for it. The editor never\n * stores layer state itself.\n */\nexport interface LayerBinding<S = unknown> {\n layer: CurveLayer<S>;\n state: S;\n}\n\n/** Props for {@link LayeredCurveEditor}. */\nexport interface LayeredCurveEditorProps {\n /** Bottom-to-top render order: `layers[0]` paints first, `layers[N-1]`\n * paints on top. Hit-testing runs in reverse (topmost claim wins). */\n layers: ReadonlyArray<LayerBinding<unknown>>;\n\n /** Fires every frame during a gesture with the live in-flight state\n * for the layer that owns the gesture. */\n onLayerChange(id: string, next: unknown): void;\n\n /** Fires once per discrete user action (drag-end, one-shot insert,\n * delete) for the layer that produced the change. `prev` is the\n * layer's state at gesture start. */\n onLayerCommit?(id: string, next: unknown, prev: unknown): void;\n\n width: number;\n height: number;\n /** Model-space x range. Default [0, 1]. */\n xRange?: readonly [number, number];\n /** Model-space y range. Default [0, 1]. */\n yRange?: readonly [number, number];\n grid?: GridSettings | false | null;\n axes?: AxesSettings | false | null;\n /** Ticks at x values. See `Plot2D.xTicks`. */\n xTicks?: TickSettings | false | null;\n /** Ticks at y values. See `Plot2D.yTicks`. */\n yTicks?: TickSettings | false | null;\n\n /** Built-in undo/redo via Cmd/Ctrl+Z (Shift+Z or Y for redo) on the\n * focused SVG. Snapshots every layer's state on each commit; undo\n * fires `onLayerChange(id, prevState)` for each layer whose state\n * changed. Default `true`. */\n history?: boolean;\n\n /** Accessible name for the plot, which is exposed as a group so the\n * focusable marks layers render inside it stay reachable. */\n 'aria-label'?: string;\n className?: string;\n style?: CSSProperties;\n\n /** Extra SVG content rendered behind all layers (under the lowest\n * layer but above grid/axes). Use this for static chrome that isn't\n * worth modeling as a layer. */\n children?: ReactNode;\n}\n\ninterface ActiveGesture {\n layerId: string;\n gesture: LayerGesture<unknown>;\n startStates: Map<string, unknown>;\n startSelfState: unknown;\n}\n\n/** A cancel carries no event, so a layer's `onCancel` sees no modifiers held. */\nconst NO_MODIFIERS: LayerModifiers = { shift: false, alt: false, meta: false, ctrl: false };\n\nfunction readModifiers(e: PointerEvent | ReactPointerEvent | KeyboardEvent | ReactKeyboardEvent): LayerModifiers {\n return {\n shift: e.shiftKey,\n alt: e.altKey,\n meta: e.metaKey,\n ctrl: e.ctrlKey,\n };\n}\n\n/**\n * A `Plot2D` that hosts a stack of composable curve layers. It owns the\n * pointer gestures and the coordinate mapping; each layer supplies its own\n * drawing, hit testing and gesture behavior.\n *\n * Layer state stays with the consumer: the editor reports changes through\n * `onLayerChange` during a gesture and `onLayerCommit` at its end, and reads\n * the state back from props each frame. That is what lets one layer's drag\n * update another layer's state mid-gesture.\n */\nexport function LayeredCurveEditor(props: LayeredCurveEditorProps) {\n const {\n layers, onLayerChange, onLayerCommit,\n width, height,\n xRange = [0, 1], yRange = [0, 1],\n grid, axes, xTicks, yTicks,\n className, style, children,\n } = props;\n\n const historyEnabled = props.history !== false;\n\n const modelRange: ModelRange = useMemo(\n () => ({ xMin: xRange[0], xMax: xRange[1], yMin: yRange[0], yMax: yRange[1] }),\n [xRange, yRange],\n );\n const plotSize = useMemo(() => ({ width, height }), [width, height]);\n\n // Refs that always hold the latest props — gesture handlers and\n // window listeners close over these refs, never over render-time\n // values, so mid-drag re-renders (including cross-layer state\n // updates) are visible to the next pointermove tick.\n const layersRef = useRef(layers);\n layersRef.current = layers;\n const modelRangeRef = useRef(modelRange);\n modelRangeRef.current = modelRange;\n const plotSizeRef = useRef(plotSize);\n plotSizeRef.current = plotSize;\n\n const plotRef = useRef<Plot2DHandle | null>(null);\n\n // ── Coord helpers ──────────────────────────────────────────────────\n const makeCtx = useCallback((modifiers: LayerModifiers): LayerCtx => {\n const mr = modelRangeRef.current;\n const ps = plotSizeRef.current;\n return {\n modelRange: mr,\n plotSize: ps,\n toPlot: (p) => modelToPlot(p, mr, ps),\n toModel: (p) => plotToModel(p, mr, ps),\n modifiers,\n };\n }, []);\n\n // ── Gesture routing ────────────────────────────────────────────────\n const activeRef = useRef(null as ActiveGesture | null);\n const [activeLayerId, setActiveLayerId] = useState<string | null>(null);\n\n // ── History (whole-state snapshots) ────────────────────────────────\n const pastRef = useRef<Map<string, unknown>[]>([]);\n const futureRef = useRef<Map<string, unknown>[]>([]);\n\n const snapshot = useCallback((): Map<string, unknown> => {\n const m = new Map<string, unknown>();\n for (const b of layersRef.current) m.set(b.layer.id, b.state);\n return m;\n }, []);\n\n const restore = useCallback((snap: Map<string, unknown>) => {\n const current = layersRef.current;\n for (const b of current) {\n const prev = snap.get(b.layer.id);\n if (prev !== undefined && prev !== b.state) {\n onLayerChange(b.layer.id, prev);\n }\n }\n }, [onLayerChange]);\n\n const undo = useCallback(() => {\n if (!historyEnabled) return;\n const past = pastRef.current;\n if (past.length === 0) return;\n const prev = past.pop()!;\n futureRef.current.push(snapshot());\n restore(prev);\n }, [historyEnabled, snapshot, restore]);\n\n const redo = useCallback(() => {\n if (!historyEnabled) return;\n const future = futureRef.current;\n if (future.length === 0) return;\n const next = future.pop()!;\n pastRef.current.push(snapshot());\n restore(next);\n }, [historyEnabled, snapshot, restore]);\n\n // ── Pointer routing during an active gesture ───────────────────────\n // The session's callbacks are fixed at gesture start, so they delegate\n // through refs holding the latest per-render impl — a mid-drag re-render\n // must reach the next pointermove tick.\n const onGestureMoveRef = useRef<(e: PointerEvent) => void>(() => {});\n const onGestureEndRef = useRef<(e: PointerEvent) => void>(() => {});\n const onGestureCancelRef = useRef<() => void>(() => {});\n\n const sessionRef = useRef<PointerSession | null>(null);\n\n const cleanupGesture = useCallback(() => {\n sessionRef.current = null;\n activeRef.current = null;\n setActiveLayerId(null);\n }, []);\n\n const findLayerState = useCallback((id: string): unknown | undefined => {\n for (const b of layersRef.current) if (b.layer.id === id) return b.state;\n return undefined;\n }, []);\n\n onGestureMoveRef.current = (e: PointerEvent) => {\n const a = activeRef.current;\n if (!a) return;\n const h = plotRef.current;\n if (!h) return;\n const model = h.clientToModel(e);\n const current = findLayerState(a.layerId);\n if (current === undefined) return;\n const ctx = makeCtx(readModifiers(e));\n const next = a.gesture.onMove(current, model, e, ctx);\n if (next !== current) onLayerChange(a.layerId, next);\n };\n\n onGestureEndRef.current = (e: PointerEvent) => {\n const a = activeRef.current;\n if (!a) return;\n const current = findLayerState(a.layerId);\n if (current === undefined) { cleanupGesture(); return; }\n const ctx = makeCtx(readModifiers(e));\n const finalState = a.gesture.onCommit ? a.gesture.onCommit(current, ctx) : current;\n if (finalState !== current) onLayerChange(a.layerId, finalState);\n if (historyEnabled) {\n pastRef.current.push(a.startStates);\n futureRef.current = [];\n }\n if (onLayerCommit) onLayerCommit(a.layerId, finalState, a.startSelfState);\n cleanupGesture();\n };\n\n onGestureCancelRef.current = () => {\n const a = activeRef.current;\n if (!a) return;\n const current = findLayerState(a.layerId);\n if (current === undefined) { cleanupGesture(); return; }\n const ctx = makeCtx(NO_MODIFIERS);\n const restored = a.gesture.onCancel ? a.gesture.onCancel(current, ctx) : a.startSelfState;\n if (restored !== current) onLayerChange(a.layerId, restored);\n cleanupGesture();\n };\n\n // No pointer capture: consumers render their own SVG chrome into the plot\n // through `children`, and capture would retarget pointerup away from it.\n const installGesture = useCallback((\n layerId: string,\n down: ReactPointerEvent<SVGSVGElement>,\n gesture: LayerGesture<unknown>,\n ) => {\n const startStates = snapshot();\n const startSelfState = startStates.get(layerId);\n activeRef.current = {\n layerId, gesture,\n startStates,\n startSelfState,\n };\n setActiveLayerId(layerId);\n sessionRef.current = openPointerSession(down.currentTarget, down, {\n onMove: (e) => onGestureMoveRef.current(e),\n onEnd: (e) => onGestureEndRef.current(e),\n onCancel: () => onGestureCancelRef.current(),\n }, { capture: false });\n }, [snapshot]);\n\n // ── pointerdown dispatch ───────────────────────────────────────────\n const onSvgPointerDown = useCallback((\n e: ReactPointerEvent<SVGSVGElement>,\n coords: { plot: PlotPoint; model: ModelPoint },\n ) => {\n if (activeRef.current) return; // ignore secondary touches mid-gesture\n const modifiers = readModifiers(e);\n const ctx = makeCtx(modifiers);\n const ls = layersRef.current;\n const nativeEvent = e.nativeEvent;\n\n dlog('layered-curve-editor', 'pointerdown', { plot: coords.plot, model: coords.model, layers: ls.length });\n\n // Capture the pre-event snapshot once; reuse for history if any\n // path produces a commit (gesture-start commit or one-shot).\n const preEventSnapshot = snapshot();\n\n // Top-to-bottom hit test.\n for (let i = ls.length - 1; i >= 0; i--) {\n const b = ls[i];\n const hit = b.layer.hitTest?.(b.state, coords.plot, ctx);\n if (!hit) continue;\n // Found a claim. onPointerDown may start a gesture, absorb the\n // click, or commit a one-shot edit via extra.commit.\n const prevState = b.state;\n let committed: unknown = undefined;\n const gesture = b.layer.onPointerDown?.(\n prevState, hit, nativeEvent, ctx,\n {\n plot: coords.plot,\n model: coords.model,\n commit(next) { committed = next; onLayerChange(b.layer.id, next); },\n },\n );\n e.stopPropagation();\n if (gesture) {\n installGesture(b.layer.id, e, gesture);\n return;\n }\n if (committed !== undefined) {\n if (historyEnabled) {\n pastRef.current.push(preEventSnapshot);\n futureRef.current = [];\n }\n onLayerCommit?.(b.layer.id, committed, prevState);\n }\n return;\n }\n\n // No hit — empty space dispatch, top-to-bottom.\n let pendingCommit: { id: string; next: unknown; prev: unknown } | null = null;\n for (let i = ls.length - 1; i >= 0; i--) {\n const b = ls[i];\n if (!b.layer.onEmptyPointerDown) continue;\n const prevState = b.state;\n let committed: unknown = undefined;\n const gesture = b.layer.onEmptyPointerDown(\n prevState, coords.model, nativeEvent, ctx,\n {\n plot: coords.plot,\n model: coords.model,\n commit(next) {\n committed = next;\n onLayerChange(b.layer.id, next);\n },\n },\n );\n if (gesture) {\n // If onEmptyPointerDown also published a commit (e.g. click-curve\n // insert publishes the new point then drags it), the gesture's\n // startStates already capture the post-insert state; the commit\n // for history is the *pre*-event snapshot, written when the\n // gesture eventually finishes via the gesture-commit path. We\n // override the gesture's startStates so undo restores correctly.\n installGesture(b.layer.id, e, gesture);\n if (committed !== undefined && activeRef.current !== null) {\n (activeRef.current as ActiveGesture).startStates = preEventSnapshot;\n (activeRef.current as ActiveGesture).startSelfState = preEventSnapshot.get(b.layer.id);\n }\n return;\n }\n if (committed !== undefined) {\n pendingCommit = { id: b.layer.id, next: committed, prev: prevState };\n break;\n }\n }\n if (pendingCommit) {\n if (historyEnabled) {\n pastRef.current.push(preEventSnapshot);\n futureRef.current = [];\n }\n onLayerCommit?.(pendingCommit.id, pendingCommit.next, pendingCommit.prev);\n }\n }, [makeCtx, installGesture, onLayerChange, onLayerCommit, historyEnabled, snapshot]);\n\n // ── keyboard ───────────────────────────────────────────────────────\n const onSvgKeyDown = useCallback((e: ReactKeyboardEvent<SVGSVGElement>) => {\n const modifiers = readModifiers(e);\n const ctx = makeCtx(modifiers);\n const ls = layersRef.current;\n // History first.\n if (historyEnabled && (e.metaKey || e.ctrlKey)) {\n const k = e.key.toLowerCase();\n if (k === 'z') {\n if (e.shiftKey) redo();\n else undo();\n e.preventDefault();\n return;\n }\n if (k === 'y') { redo(); e.preventDefault(); return; }\n }\n // Then layers (top-to-bottom).\n for (let i = ls.length - 1; i >= 0; i--) {\n const b = ls[i];\n if (!b.layer.onKeyDown) continue;\n const preEventSnapshot = snapshot();\n let committed: unknown = undefined;\n b.layer.onKeyDown(b.state, e.nativeEvent, ctx, {\n commit(next) { committed = next; onLayerChange(b.layer.id, next); },\n });\n if (committed !== undefined) {\n if (historyEnabled) {\n pastRef.current.push(preEventSnapshot);\n futureRef.current = [];\n }\n onLayerCommit?.(b.layer.id, committed, b.state);\n }\n // The layer prevents default on the native event, which the synthetic\n // event's `isDefaultPrevented` does not observe.\n if (e.nativeEvent.defaultPrevented) return;\n }\n }, [historyEnabled, undo, redo, makeCtx, snapshot, onLayerChange, onLayerCommit]);\n\n useEffect(() => () => { sessionRef.current?.cancel(); }, []);\n\n // ── render ─────────────────────────────────────────────────────────\n const renderCtxBase: Omit<LayerCtx, 'modifiers'> = useMemo(() => ({\n modelRange,\n plotSize,\n toPlot: (p) => modelToPlot(p, modelRange, plotSize),\n toModel: (p) => plotToModel(p, modelRange, plotSize),\n }), [modelRange, plotSize]);\n\n const cls = [s.root, className].filter(Boolean).join(' ');\n\n return (\n <Plot2D\n ref={plotRef}\n className={cls}\n style={style}\n width={width}\n height={height}\n xRange={xRange}\n yRange={yRange}\n grid={grid}\n axes={axes}\n xTicks={xTicks}\n yTicks={yTicks}\n tabIndex={historyEnabled ? 0 : undefined}\n role=\"group\"\n aria-label={props['aria-label']}\n onPointerDown={onSvgPointerDown}\n onKeyDown={onSvgKeyDown}\n >\n {children}\n {layers.map((b) => {\n const ctx = {\n ...renderCtxBase,\n modifiers: { shift: false, alt: false, meta: false, ctrl: false },\n isActive: activeLayerId === b.layer.id,\n };\n return (\n <g key={b.layer.id} data-layer-id={b.layer.id}>\n {b.layer.render(b.state, ctx)}\n </g>\n );\n })}\n </Plot2D>\n );\n}\n","/**\n * Keyframe layer for LayeredCurveEditor: a value-over-time curve whose shape\n * between two keys is the easing on the later one, with draggable keys and\n * draggable cubic-bezier handles on the selected segment.\n *\n * Distinct from `createFunctionLayer`, which interpolates a spline through\n * its anchors. Here the keys are exact and the easing approximates between\n * them, so the two do not share curve maths.\n */\nimport type { ReactNode } from 'react';\nimport { cubicBezierEasing, resolveEasing, type EasingFn, type Keyframe } from '@weasel-js/core';\nimport { hitTestAnchor, hitTestCurve } from './hitTest';\nimport { handleHalf } from '../../handles';\nimport { SNAP_RADIUS_PX, snapToNearest } from '../../snap';\nimport s from './CurveEditor.module.css';\nimport type {\n CurveLayer, EmptyDownArgs, KeyDownArgs, LayerCtx, LayerGesture, LayerHit, LayerRenderCtx, PlotPoint,\n} from './layerTypes';\n\ntype Bezier = readonly [number, number, number, number];\n\n/** A gesture in flight. The committed keys hold still underneath it. */\nexport type KeyframeDrag =\n | { kind: 'key'; index: number; t: number; value: number }\n | { kind: 'handle'; segment: number; bezier: Bezier };\n\n/**\n * The state a keyframe layer owns, held by the consumer and round-tripped\n * through `LayeredCurveEditor`'s `onLayerChange`.\n */\nexport interface KeyframeLayerState {\n /** Sorted ascending by `t`. */\n keys: readonly Keyframe<number>[];\n selectedKey: number | null;\n /** Index of the key the selected segment runs into. Its bezier handles show. */\n selectedSegment: number | null;\n drag: KeyframeDrag | null;\n}\n\n/** Configuration for {@link createKeyframeLayer}. */\nexport interface KeyframeLayerConfig {\n /** Layer id; default `'keyframes'`. */\n id?: string;\n /** Names the curve in each mark's accessible name. Default `'Curve'`. */\n label?: string;\n /** Formats a key time for accessible names. Default: rounded number. */\n formatX?: (x: number) => string;\n /** Times a dragged key snaps to. Holding alt defeats the snap. */\n snapX?: readonly number[];\n /** Snap reach, in plot pixels. Default 6. */\n snapRadiusPx?: number;\n /** Bounds for a key's time. Default: unbounded. */\n xClamp?: readonly [number, number];\n /** Bounds for a key's value. Default: unbounded. */\n yClamp?: readonly [number, number];\n /** One arrow-key step in model units; shift takes ten. Default: 1% of the\n * plot's range on that axis. */\n step?: { x?: number; y?: number };\n}\n\nconst SAMPLES_PER_SEGMENT = 16;\nconst KEY_HIT_PX = 8;\nconst HANDLE_HIT_PX = 8;\nconst CURVE_HIT_PX = 6;\nconst KEY_HALF = handleHalf('--wzl-handle-size');\nconst HANDLE_RADIUS = 3.5;\nconst SHIFT_MULTIPLIER = 10;\nconst HANDLE_STEP = 0.01;\n\n/** A keyframe layer state with nothing selected and no gesture in flight. */\nexport function keyframeLayerState(keys: readonly Keyframe<number>[]): KeyframeLayerState {\n return { keys, selectedKey: null, selectedSegment: null, drag: null };\n}\n\nfunction clampTo(v: number, range?: readonly [number, number]): number {\n return range ? Math.min(range[1], Math.max(range[0], v)) : v;\n}\n\nfunction bezierOf(key: Keyframe<number> | undefined): Bezier | null {\n const e = key?.easing;\n return typeof e === 'object' && e !== null && 'bezier' in e ? e.bezier : null;\n}\n\nfunction moveKeyTo(\n keys: readonly Keyframe<number>[], index: number, t: number, value: number,\n): { keys: Keyframe<number>[]; selectedKey: number } {\n const moved = { ...keys[index], t, value };\n const rest = keys.filter((_, i) => i !== index);\n const at = rest.findIndex((k) => k.t > t);\n const selectedKey = at === -1 ? rest.length : at;\n rest.splice(selectedKey, 0, moved);\n return { keys: rest, selectedKey };\n}\n\n/**\n * The keys a state's drag would leave behind: a dragged key re-sorted into\n * place, or a dragged handle's control points written onto the key its\n * segment runs into. `selectedKey` follows a moved key to its new index; a\n * key dropped where it started returns the same `keys` array.\n */\nexport function applyKeyframeDrag(\n state: KeyframeLayerState,\n): { keys: readonly Keyframe<number>[]; selectedKey: number | null } {\n const { drag, keys } = state;\n if (!drag) return { keys, selectedKey: state.selectedKey };\n if (drag.kind === 'key') {\n const k = keys[drag.index];\n if (k && k.t === drag.t && k.value === drag.value) return { keys, selectedKey: drag.index };\n return moveKeyTo(keys, drag.index, drag.t, drag.value);\n }\n const next = keys.slice();\n next[drag.segment] = { ...keys[drag.segment], easing: { bezier: drag.bezier } };\n return { keys: next, selectedKey: state.selectedKey };\n}\n\n/**\n * Builds a keyframe layer for `LayeredCurveEditor`. Model x is time and model\n * y is value; each segment is drawn through the easing on the key it runs\n * into. Every key, segment and handle is focusable and named, and the arrow\n * keys move whichever one has focus.\n */\nexport function createKeyframeLayer(cfg: KeyframeLayerConfig = {}): CurveLayer<KeyframeLayerState> {\n const id = cfg.id ?? 'keyframes';\n const label = cfg.label ?? 'Curve';\n const formatX = cfg.formatX ?? ((x: number) => String(Math.round(x)));\n const snapRadiusPx = cfg.snapRadiusPx ?? SNAP_RADIUS_PX;\n\n // A live handle drag is previewed straight from its control points: a\n // fresh spec per pointermove through `resolveEasing` would leave one\n // permanent cache entry per pixel of drag.\n function easingInto(state: KeyframeLayerState, keys: readonly Keyframe<number>[], seg: number): EasingFn {\n const d = state.drag;\n if (d?.kind === 'handle' && d.segment === seg) return cubicBezierEasing(...d.bezier);\n return resolveEasing(keys[seg].easing);\n }\n\n function segmentSamples(state: KeyframeLayerState, keys: readonly Keyframe<number>[], ctx: LayerCtx): PlotPoint[][] {\n const out: PlotPoint[][] = [];\n for (let i = 1; i < keys.length; i++) {\n const a = keys[i - 1];\n const b = keys[i];\n const ease = easingInto(state, keys, i);\n const pts: PlotPoint[] = [];\n for (let j = 0; j <= SAMPLES_PER_SEGMENT; j++) {\n const u = j / SAMPLES_PER_SEGMENT;\n pts.push(ctx.toPlot({ x: a.t + (b.t - a.t) * u, y: a.value + (b.value - a.value) * ease(u) }));\n }\n out.push(pts);\n }\n return out;\n }\n\n function activeBezier(state: KeyframeLayerState): Bezier | null {\n const seg = state.selectedSegment;\n if (seg === null || seg < 1 || seg >= state.keys.length) return null;\n const d = state.drag;\n if (d?.kind === 'handle' && d.segment === seg) return d.bezier;\n return bezierOf(state.keys[seg]);\n }\n\n function handlePoints(state: KeyframeLayerState, bezier: Bezier, ctx: LayerCtx): [PlotPoint, PlotPoint] {\n const a = state.keys[state.selectedSegment! - 1];\n const b = state.keys[state.selectedSegment!];\n const at = (xf: number, yf: number) =>\n ctx.toPlot({ x: a.t + xf * (b.t - a.t), y: a.value + yf * (b.value - a.value) });\n return [at(bezier[0], bezier[1]), at(bezier[2], bezier[3])];\n }\n\n const path = (pts: readonly PlotPoint[]): string =>\n pts.map((p, i) => `${i === 0 ? 'M' : 'L'}${p.x.toFixed(2)},${p.y.toFixed(2)}`).join('');\n\n // ── render ──────────────────────────────────────────────────────────\n function render(state: KeyframeLayerState, ctx: LayerRenderCtx): ReactNode {\n const shown = state.drag?.kind === 'key' ? applyKeyframeDrag(state).keys : state.keys;\n const segments = segmentSamples(state, shown, ctx);\n const curve = segments.flatMap((pts, i) => (i === 0 ? pts : pts.slice(1)));\n const seg = state.selectedSegment;\n const bezier = activeBezier(state);\n const dragIndex = state.drag?.kind === 'key' ? state.drag.index : null;\n\n return (\n <>\n {seg !== null && seg >= 1 && seg < shown.length ? (() => {\n const x0 = ctx.toPlot({ x: shown[seg - 1].t, y: 0 }).x;\n const x1 = ctx.toPlot({ x: shown[seg].t, y: 0 }).x;\n return (\n <rect\n className={s.segmentBand}\n x={Math.min(x0, x1)}\n y={0}\n width={Math.abs(x1 - x0)}\n height={ctx.plotSize.height}\n />\n );\n })() : null}\n {curve.length > 1 ? <path data-curve-element=\"curve\" className={s.curve} d={path(curve)} /> : null}\n {segments.map((pts, i) => (\n <path\n key={`seg-${i + 1}`}\n className={s.segmentTarget}\n d={path(pts)}\n role=\"button\"\n tabIndex={0}\n aria-label={`${label} segment into ${formatX(shown[i + 1].t)}`}\n aria-current={seg === i + 1 ? 'true' : undefined}\n data-segment-index={i + 1}\n />\n ))}\n {bezier ? (() => {\n const [h1, h2] = handlePoints(state, bezier, ctx);\n const a = ctx.toPlot({ x: state.keys[seg! - 1].t, y: state.keys[seg! - 1].value });\n const b = ctx.toPlot({ x: state.keys[seg!].t, y: state.keys[seg!].value });\n return (\n <>\n <line className={s.handleStem} x1={a.x} y1={a.y} x2={h1.x} y2={h1.y} />\n <line className={s.handleStem} x1={b.x} y1={b.y} x2={h2.x} y2={h2.y} />\n {[h1, h2].map((h, i) => (\n <circle\n key={`handle-${i}`}\n className={s.handle}\n cx={h.x}\n cy={h.y}\n r={HANDLE_RADIUS}\n role=\"button\"\n tabIndex={0}\n aria-label={`${label} bezier handle ${i + 1}`}\n data-handle-index={i}\n />\n ))}\n </>\n );\n })() : null}\n {state.keys.map((k, i) => {\n const p = ctx.toPlot({ x: k.t, y: k.value });\n return (\n <rect\n key={`key-${i}`}\n className={s.keyframe}\n x={p.x - KEY_HALF}\n y={p.y - KEY_HALF}\n width={KEY_HALF * 2}\n height={KEY_HALF * 2}\n transform={`rotate(45 ${p.x} ${p.y})`}\n role=\"button\"\n tabIndex={0}\n aria-label={`${label} key at ${formatX(k.t)}`}\n aria-current={state.selectedKey === i ? 'true' : undefined}\n data-keyframe-index={i}\n data-dragging={dragIndex === i ? 'true' : undefined}\n />\n );\n })}\n {state.drag?.kind === 'key' ? (() => {\n const p = ctx.toPlot({ x: state.drag.t, y: state.drag.value });\n return (\n <rect\n aria-hidden=\"true\"\n className={s.keyframeGhost}\n x={p.x - KEY_HALF}\n y={p.y - KEY_HALF}\n width={KEY_HALF * 2}\n height={KEY_HALF * 2}\n transform={`rotate(45 ${p.x} ${p.y})`}\n data-keyframe-ghost=\"\"\n />\n );\n })() : null}\n </>\n );\n }\n\n // ── hit test ────────────────────────────────────────────────────────\n function hitTest(state: KeyframeLayerState, plot: PlotPoint, ctx: LayerCtx): LayerHit | null {\n const bezier = activeBezier(state);\n if (bezier) {\n const h = hitTestAnchor(handlePoints(state, bezier, ctx), plot, HANDLE_HIT_PX);\n if (h) return { kind: 'handle', payload: { handle: h.index } };\n }\n const k = hitTestAnchor(state.keys.map((key) => ctx.toPlot({ x: key.t, y: key.value })), plot, KEY_HIT_PX);\n if (k) return { kind: 'key', payload: { index: k.index } };\n const c = hitTestCurve(segmentSamples(state, state.keys, ctx), plot, CURVE_HIT_PX);\n if (c) return { kind: 'segment', payload: { segment: c.segIdx + 1 } };\n return null;\n }\n\n // ── gestures ────────────────────────────────────────────────────────\n function keyGesture(index: number): LayerGesture<KeyframeLayerState> {\n return {\n onMove(state, model, e, ctx) {\n let t = clampTo(model.x, cfg.xClamp);\n if (cfg.snapX && !e.altKey) {\n const perPx = (ctx.modelRange.xMax - ctx.modelRange.xMin) / ctx.plotSize.width;\n t = clampTo(snapToNearest(t, cfg.snapX, Math.abs(perPx) * snapRadiusPx), cfg.xClamp);\n }\n return { ...state, drag: { kind: 'key', index, t, value: clampTo(model.y, cfg.yClamp) } };\n },\n onCommit(state) { return { ...state, ...applyKeyframeDrag(state), drag: null }; },\n onCancel(state) { return { ...state, drag: null }; },\n };\n }\n\n function handleGesture(segment: number, handle: 0 | 1): LayerGesture<KeyframeLayerState> {\n return {\n onMove(state, model) {\n const a = state.keys[segment - 1];\n const b = state.keys[segment];\n const d = state.drag;\n if (!a || !b || d?.kind !== 'handle') return state;\n const xf = b.t === a.t ? 0 : Math.min(1, Math.max(0, (model.x - a.t) / (b.t - a.t)));\n const yf = b.value === a.value ? 0 : (model.y - a.value) / (b.value - a.value);\n const bezier = [...d.bezier] as [number, number, number, number];\n bezier[handle * 2] = xf;\n bezier[handle * 2 + 1] = yf;\n return { ...state, drag: { kind: 'handle', segment, bezier } };\n },\n onCommit(state) { return { ...state, ...applyKeyframeDrag(state), drag: null }; },\n onCancel(state) { return { ...state, drag: null }; },\n };\n }\n\n function onPointerDown(\n state: KeyframeLayerState,\n hit: LayerHit,\n e: PointerEvent,\n _ctx: LayerCtx,\n extra: EmptyDownArgs<KeyframeLayerState>,\n ): LayerGesture<KeyframeLayerState> | void {\n if (e.button !== 0) return;\n if (hit.kind === 'handle') {\n const bezier = activeBezier(state);\n const segment = state.selectedSegment;\n if (!bezier || segment === null) return;\n const { handle } = hit.payload as { handle: 0 | 1 };\n extra.commit({ ...state, drag: { kind: 'handle', segment, bezier } });\n return handleGesture(segment, handle);\n }\n if (hit.kind === 'key') {\n const { index } = hit.payload as { index: number };\n const k = state.keys[index];\n extra.commit({ ...state, selectedKey: index, drag: { kind: 'key', index, t: k.t, value: k.value } });\n return keyGesture(index);\n }\n if (hit.kind === 'segment') {\n const { segment } = hit.payload as { segment: number };\n extra.commit({ ...state, selectedSegment: segment });\n }\n }\n\n // ── keyboard ────────────────────────────────────────────────────────\n function onKeyDown(\n state: KeyframeLayerState,\n e: KeyboardEvent,\n ctx: LayerCtx,\n extra: KeyDownArgs<KeyframeLayerState>,\n ): void {\n const target = e.target as Element | null;\n if (target?.closest?.('[data-layer-id]')?.getAttribute('data-layer-id') !== id) return;\n const activate = e.key === 'Enter' || e.key === ' ';\n const dx = e.key === 'ArrowRight' ? 1 : e.key === 'ArrowLeft' ? -1 : 0;\n const dy = e.key === 'ArrowUp' ? 1 : e.key === 'ArrowDown' ? -1 : 0;\n const mult = e.shiftKey ? SHIFT_MULTIPLIER : 1;\n\n const keyEl = target.closest('[data-keyframe-index]');\n if (keyEl) {\n const index = Number(keyEl.getAttribute('data-keyframe-index'));\n const k = state.keys[index];\n if (!k) return;\n if (activate) {\n e.preventDefault();\n extra.commit({ ...state, selectedKey: index });\n return;\n }\n if (dx === 0 && dy === 0) return;\n e.preventDefault();\n const m = ctx.modelRange;\n const stepX = (cfg.step?.x ?? Math.abs(m.xMax - m.xMin) / 100) * mult;\n const stepY = (cfg.step?.y ?? Math.abs(m.yMax - m.yMin) / 100) * mult;\n const t = clampTo(k.t + dx * stepX, cfg.xClamp);\n const value = clampTo(k.value + dy * stepY, cfg.yClamp);\n if (t === k.t && value === k.value) return;\n extra.commit({ ...state, ...moveKeyTo(state.keys, index, t, value), drag: null });\n return;\n }\n\n const segEl = target.closest('[data-segment-index]');\n if (segEl && activate) {\n e.preventDefault();\n extra.commit({ ...state, selectedSegment: Number(segEl.getAttribute('data-segment-index')) });\n return;\n }\n\n const handleEl = target.closest('[data-handle-index]');\n const bezier = activeBezier(state);\n if (handleEl && bezier && state.selectedSegment !== null && (dx !== 0 || dy !== 0)) {\n e.preventDefault();\n const h = Number(handleEl.getAttribute('data-handle-index'));\n const next = [...bezier] as [number, number, number, number];\n next[h * 2] = Math.min(1, Math.max(0, next[h * 2] + dx * HANDLE_STEP * mult));\n next[h * 2 + 1] += dy * HANDLE_STEP * mult;\n const drag: KeyframeDrag = { kind: 'handle', segment: state.selectedSegment, bezier: next };\n extra.commit({ ...state, ...applyKeyframeDrag({ ...state, drag }), drag: null });\n }\n }\n\n return { id, render, hitTest, onPointerDown, onKeyDown };\n}\n"],"mappings":"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"}

package/dist/chunks/{icons-Dk8SRS8g.js → icons-BhcR1l64.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { t as e } from "./Icon-Cgzy8VgC.js";
+import { t as e } from "./Icon-CcVjdq2C.js";
 import { AlignBottomIcon as t, AlignCenterXIcon as n, AlignCenterYIcon as r, AlignLeftIcon as ee, AlignRightIcon as i, AlignTopIcon as a, ArrowIcon as o, BringForwardIcon as s, BringToFrontIcon as c, CopyIcon as l, CutIcon as u, DeleteIcon as d, DistributeHorizontalIcon as f, DistributeVerticalIcon as p, DuplicateIcon as m, EllipseIcon as h, EyedropperIcon as g, FlipXIcon as _, FlipYIcon as v, GroupIcon as y, HandIcon as b, ImageIcon as x, LassoIcon as S, LineIcon as C, PasteIcon as w, PenIcon as T, PencilIcon as E, PolygonIcon as D, RectIcon as O, RedoIcon as k, SelectIcon as A, SendBackwardIcon as j, SendToBackIcon as M, StarIcon as N, TextIcon as P, UndoIcon as F, UngroupIcon as I, UnknownIcon as L } from "@weasel-js/core";
 import { jsx as R } from "react/jsx-runtime";
 //#region src/icons/index.tsx
@@ -159,4 +159,4 @@ var z = (t) => /* @__PURE__ */ R(e, {
 //#endregion
 export { K as $, ue as A, I as At, Ae as B, p as C, ae as Ct, Se as D, P as Dt, Me as E, ie as Et, Te as F, U as Ft, Fe as G, pe as H, y as I, X as It, he as J, C as K, b as L, _ as M, ge as Mt, v as N, _e as Nt, H as O, we as Ot, ce as P, je as Pt, q as Q, ve as R, f as S, N as St, h as T, oe as Tt, Ie as U, S as V, Le as W, De as X, fe as Y, te as Z, le as _, j as _t, ee as a, E as at, u as b, Q as bt, o as c, D as ct, Ne as d, k as dt, me as et, Pe as f, ke as ft, xe as g, A as gt, V as h, de as ht, r as i, T as it, Z as j, L as jt, g as k, F as kt, s as l, Oe as lt, z as m, B as mt, t as n, w as nt, i as o, ye as ot, Ce as p, J as pt, be as q, n as r, re as rt, a as s, ne as st, G as t, W as tt, c as u, O as ut, l as v, M as vt, m as w, $ as wt, d as x, Y as xt, se as y, Ee as yt, x as z };
-//# sourceMappingURL=icons-Dk8SRS8g.js.map
+//# sourceMappingURL=icons-BhcR1l64.js.map

package/dist/chunks/icons-BhcR1l64.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"icons-BhcR1l64.js","names":["Icon","UnknownIcon$1","CloneIcon","p","ResetIcon","CloseIcon","ExportIcon","ZoomInIcon","PanIcon","AddIcon","ModeLightIcon","ModeDarkIcon","ModeAutoIcon","RemoveIcon","SortIcon","ZoomOutIcon","FitIcon","SnapshotIcon","PlayIcon","PauseIcon","StopIcon","StepBackIcon","StepForwardIcon","StepIcon","CrosshairIcon","FullscreenIcon","CompareIcon","FilterIcon","SearchIcon","LoupeIcon","LayersIcon","PageIcon","LockIcon","UnlockIcon","VisibleIcon","HiddenIcon","PinIcon","LinkIcon","CollapseIcon","ExpandIcon","ChevronIcon","TuneIcon","GridIcon","SnapIcon","MeasureIcon","RandomizeIcon","RefreshIcon","InfoIcon","WarningIcon","ErrorIcon","BusyIcon","CheckIcon","LayoutRowsIcon","LayoutColumnsIcon","LayoutGridIcon","UngroupIcon","DistributeVerticalIcon","TextIcon","GroupIcon","LineIcon","HandIcon","FlipXIcon","FlipYIcon","DistributeHorizontalIcon","StarIcon","EllipseIcon","LassoIcon","SendBackwardIcon","AlignLeftIcon","PencilIcon","CutIcon","ArrowIcon","PolygonIcon","RedoIcon","SelectIcon","AlignCenterYIcon","PenIcon","EyedropperIcon","UndoIcon","BringForwardIcon","AlignBottomIcon","PasteIcon","AlignRightIcon","AlignCenterXIcon","AlignTopIcon","BringToFrontIcon","RectIcon","CopyIcon","SendToBackIcon","DuplicateIcon","DeleteIcon","ImageIcon"],"sources":["../../src/icons/index.tsx"],"sourcesContent":["import { Icon, type IconProps } from './Icon';\n\nexport { Icon, isFillable } from './Icon';\nexport type { IconProps } from './Icon';\nexport { ICON_FILLS, ICON_GROUPS, ICON_PATHS } from './paths';\nexport type { FillableIconName, IconName } from './paths';\n\n// Tool glyphs live in @weasel-js/core because core needs them for\n// `Tool.presentation.icon` defaults and cannot depend on this package.\n// Re-exported here so consumers have one import site for the whole set.\nexport {\n SelectIcon, LassoIcon, RectIcon, EllipseIcon, ImageIcon, EyedropperIcon,\n LineIcon, ArrowIcon, PolygonIcon, StarIcon, PencilIcon, TextIcon, PenIcon, HandIcon,\n UnknownIcon,\n} from '@weasel-js/core';\n// The standard edit actions' glyphs live beside those actions in core, for the\n// same reason.\nexport {\n CutIcon, CopyIcon, PasteIcon, DuplicateIcon, GroupIcon, UngroupIcon,\n BringForwardIcon, BringToFrontIcon, SendBackwardIcon, SendToBackIcon, FlipXIcon, FlipYIcon,\n UndoIcon, RedoIcon, DeleteIcon,\n AlignLeftIcon, AlignCenterXIcon, AlignRightIcon, AlignTopIcon, AlignCenterYIcon, AlignBottomIcon,\n DistributeHorizontalIcon, DistributeVerticalIcon,\n} from '@weasel-js/core';\n\nexport const CloneIcon = (p: IconProps) => <Icon name=\"clone\" {...p} />;\nexport const ResetIcon = (p: IconProps) => <Icon name=\"reset\" {...p} />;\nexport const CloseIcon = (p: IconProps) => <Icon name=\"close\" {...p} />;\nexport const ExportIcon = (p: IconProps) => <Icon name=\"export\" {...p} />;\nexport const ZoomInIcon = (p: IconProps) => <Icon name=\"zoomIn\" {...p} />;\nexport const PanIcon = (p: IconProps) => <Icon name=\"pan\" {...p} />;\nexport const AddIcon = (p: IconProps) => <Icon name=\"add\" {...p} />;\nexport const ModeLightIcon = (p: IconProps) => <Icon name=\"modeLight\" {...p} />;\nexport const ModeDarkIcon = (p: IconProps) => <Icon name=\"modeDark\" {...p} />;\nexport const ModeAutoIcon = (p: IconProps) => <Icon name=\"modeAuto\" {...p} />;\nexport const RemoveIcon = (p: IconProps) => <Icon name=\"remove\" {...p} />;\nexport const SortIcon = (p: IconProps) => <Icon name=\"sort\" {...p} />;\nexport const ZoomOutIcon = (p: IconProps) => <Icon name=\"zoomOut\" {...p} />;\nexport const FitIcon = (p: IconProps) => <Icon name=\"fit\" {...p} />;\nexport const SnapshotIcon = (p: IconProps) => <Icon name=\"snapshot\" {...p} />;\nexport const PlayIcon = (p: IconProps) => <Icon name=\"play\" {...p} />;\nexport const PauseIcon = (p: IconProps) => <Icon name=\"pause\" {...p} />;\nexport const StopIcon = (p: IconProps) => <Icon name=\"stop\" {...p} />;\nexport const StepBackIcon = (p: IconProps) => <Icon name=\"stepBack\" {...p} />;\nexport const StepForwardIcon = (p: IconProps) => <Icon name=\"stepForward\" {...p} />;\n/** @deprecated Use {@link StepForwardIcon}; `step` alone stopped naming a direction. */\nexport const StepIcon = StepForwardIcon;\nexport const CrosshairIcon = (p: IconProps) => <Icon name=\"crosshair\" {...p} />;\nexport const FullscreenIcon = (p: IconProps) => <Icon name=\"fullscreen\" {...p} />;\nexport const CompareIcon = (p: IconProps) => <Icon name=\"compare\" {...p} />;\nexport const FilterIcon = (p: IconProps) => <Icon name=\"filter\" {...p} />;\nexport const SearchIcon = (p: IconProps) => <Icon name=\"search\" {...p} />;\nexport const LoupeIcon = (p: IconProps) => <Icon name=\"loupe\" {...p} />;\nexport const LayersIcon = (p: IconProps) => <Icon name=\"layers\" {...p} />;\nexport const PageIcon = (p: IconProps) => <Icon name=\"page\" {...p} />;\nexport const LockIcon = (p: IconProps) => <Icon name=\"lock\" {...p} />;\nexport const UnlockIcon = (p: IconProps) => <Icon name=\"unlock\" {...p} />;\nexport const VisibleIcon = (p: IconProps) => <Icon name=\"visible\" {...p} />;\nexport const HiddenIcon = (p: IconProps) => <Icon name=\"hidden\" {...p} />;\nexport const PinIcon = (p: IconProps) => <Icon name=\"pin\" {...p} />;\nexport const LinkIcon = (p: IconProps) => <Icon name=\"link\" {...p} />;\nexport const CollapseIcon = (p: IconProps) => <Icon name=\"collapse\" {...p} />;\nexport const ExpandIcon = (p: IconProps) => <Icon name=\"expand\" {...p} />;\nexport const ChevronIcon = (p: IconProps) => <Icon name=\"chevron\" {...p} />;\nexport const TuneIcon = (p: IconProps) => <Icon name=\"tune\" {...p} />;\nexport const GridIcon = (p: IconProps) => <Icon name=\"grid\" {...p} />;\nexport const SnapIcon = (p: IconProps) => <Icon name=\"snap\" {...p} />;\nexport const MeasureIcon = (p: IconProps) => <Icon name=\"measure\" {...p} />;\nexport const RandomizeIcon = (p: IconProps) => <Icon name=\"randomize\" {...p} />;\nexport const RefreshIcon = (p: IconProps) => <Icon name=\"refresh\" {...p} />;\nexport const InfoIcon = (p: IconProps) => <Icon name=\"info\" {...p} />;\nexport const WarningIcon = (p: IconProps) => <Icon name=\"warning\" {...p} />;\nexport const ErrorIcon = (p: IconProps) => <Icon name=\"error\" {...p} />;\nexport const BusyIcon = (p: IconProps) => <Icon name=\"busy\" {...p} />;\nexport const CheckIcon = (p: IconProps) => <Icon name=\"check\" {...p} />;\nexport const LayoutRowsIcon = (p: IconProps) => <Icon name=\"layoutRows\" {...p} />;\nexport const LayoutColumnsIcon = (p: IconProps) => <Icon name=\"layoutColumns\" {...p} />;\nexport const LayoutGridIcon = (p: IconProps) => <Icon name=\"layoutGrid\" {...p} />;\n"],"mappings":"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"}

package/dist/chunks/{model-Du7Lta4C.js → model-BaF65rnX.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { a as e, t } from "./Icon-Cgzy8VgC.js";
-import { t as n } from "./PropertyField-DGCecAnV.js";
-import { t as r } from "./ToggleBar-DTjGeS0Q.js";
-import { t as i } from "./prefField-Dnl7nmjQ.js";
+import { a as e, t } from "./Icon-CcVjdq2C.js";
+import { t as n } from "./PropertyField-DfIJJ5GS.js";
+import { t as r } from "./ToggleBar-BTYkBXU9.js";
+import { t as i } from "./prefField-BopW9bjx.js";
 import { MIXED as a } from "@weasel-js/core";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Fragment as c, createElement as l } from "react";
@@ -61,54 +61,58 @@ function f(e, t) {
 	}
 	return n;
 }
-function p({ run: n, ariaLabel: i }) {
-	let a = n.filter((e) => e.ctx.value === !0).map((e) => e.key);
+function p({ run: e, ariaLabel: t }) {
+	let n = e.map((e) => ({
+		cell: e,
+		field: i(e.leaf, {
+			value: e.ctx.value,
+			mixed: e.ctx.mixed,
+			unset: e.ctx.unset,
+			siblings: e.ctx.siblings,
+			setValue: e.ctx.setValue
+		})
+	})), a = n.filter((e) => !e.cell.ctx.mixed && e.field.value === !0).map((e) => e.cell.key);
 	return /* @__PURE__ */ o(r, {
 		mode: "multiple",
 		size: "sm",
 		variant: "flat",
 		className: u.flagToggle,
-		ariaLabel: i,
-		items: n.map((n) => {
-			let r = n.leaf;
-			return {
-				value: n.key,
-				label: r.icon && r.icon in e ? /* @__PURE__ */ o(t, {
-					name: r.icon,
-					size: 14
-				}) : r.short ?? r.name.slice(0, 1),
-				ariaLabel: n.ariaLabel
-			};
-		}),
+		ariaLabel: t,
+		items: n.map(({ cell: e, field: t }) => ({
+			value: e.key,
+			label: t.glyph ?? e.leaf.name.slice(0, 1),
+			ariaLabel: e.ariaLabel,
+			tooltip: t.glyph !== void 0 && typeof t.glyph != "string" ? e.leaf.name : void 0
+		})),
 		value: a,
-		mixedValues: n.filter((e) => e.ctx.mixed).map((e) => e.key),
+		mixedValues: e.filter((e) => e.ctx.mixed).map((e) => e.key),
 		onChange: (e) => {
-			for (let t of n) {
+			for (let { cell: t, field: r } of n) {
 				let n = e.includes(t.key);
-				n !== a.includes(t.key) && t.ctx.setValue(n);
+				n !== a.includes(t.key) && r.onChange(n);
 			}
 		}
 	});
 }
 function m(e, t, r, a = "", c = !1) {
-	let { pref: d, value: f, mixed: p, unset: m, setValue: v } = e;
-	if (d.kind === "object") return /* @__PURE__ */ o(_, {
+	let { pref: d, value: f, mixed: p, unset: m, setValue: _ } = e;
+	if (d.kind === "object") return /* @__PURE__ */ o(g, {
 		ctx: e,
 		renderers: r,
 		selectionKey: a
 	});
-	let y = i(d, {
+	let v = i(d, {
 		value: f,
 		mixed: p,
 		unset: m,
 		siblings: e.siblings,
-		setValue: v,
+		setValue: _,
 		fontVariant: {
 			weight: e.valueAt("data.style.fontWeight").value,
 			style: e.valueAt("data.style.fontStyle").value
 		}
 	});
-	if (y === null) return /* @__PURE__ */ s("span", {
+	if (v === null) return /* @__PURE__ */ s("span", {
 		className: u.unrenderable,
 		children: [
 			"(",
@@ -116,52 +120,50 @@ function m(e, t, r, a = "", c = !1) {
 			": no renderer)"
 		]
 	});
-	switch (y.kind) {
+	switch (v.kind) {
 		case "boolean": return /* @__PURE__ */ o(n, {
-			...y,
-			...h(t),
-			control: y.control ?? "switch",
-			className: y.control === "toggle" ? u.flagToggle : void 0
+			...v,
+			name: t,
+			control: v.control ?? "switch",
+			className: v.control === "toggle" ? u.flagToggle : void 0
 		});
 		case "number": return /* @__PURE__ */ o(n, {
-			...y,
-			...h(t),
-			className: y.control === "slider" ? u.slider : u.number,
-			steppers: !1
+			...v,
+			name: t,
+			className: v.control === "slider" ? u.slider : u.number,
+			onInput: v.control === "slider" ? v.onInput : h
 		});
 		case "string": return /* @__PURE__ */ o(n, {
-			...y,
-			...h(t),
-			onInput: g
+			...v,
+			name: t,
+			onInput: h
 		});
 		case "enum": return /* @__PURE__ */ o(n, {
-			...y,
-			...h(t),
-			className: y.control === "toggle" ? u.toggle : y.control === "radio" ? void 0 : u.select
+			...v,
+			name: t,
+			className: v.control === "toggle" ? v.onClear ? u.flagToggle : u.toggle : v.control === "radio" ? void 0 : u.select
 		});
 		case "font-family": return /* @__PURE__ */ o(n, {
-			...y,
-			...h(t),
+			...v,
+			name: t,
 			className: u.select
 		});
 		case "paint": return /* @__PURE__ */ l(n, {
-			...y,
-			...h(t),
+			...v,
+			name: t,
 			key: a,
 			control: "inline",
 			allowNone: !c
 		});
-		default: return /* @__PURE__ */ o(n, {
-			...y,
-			...h(t)
+		case "color": return /* @__PURE__ */ o(n, {
+			...v,
+			name: t,
+			onInput: h
 		});
 	}
 }
-var h = (e) => ({
-	chrome: "framed",
-	name: e
-}), g = () => {};
-function _({ ctx: n, renderers: r, selectionKey: i = "" }) {
+var h = () => {};
+function g({ ctx: n, renderers: r, selectionKey: i = "" }) {
 	let a = n.pref, l = typeof n.value == "object" && n.value !== null ? n.value : void 0, d = Object.values(a.children).every((e) => !("kind" in e)), p = (d, h) => {
 		let g = [], _ = (e) => typeof e == "object" && !!e && "controls" in e, v = [], y = () => {
 			for (let { key: e, leaf: t, block: n, content: i } of f(v, r)) {
@@ -194,35 +196,38 @@ function _({ ctx: n, renderers: r, selectionKey: i = "" }) {
 				}, `group:${c}`));
 				continue;
 			}
-			let d = `${n.path}.${c}`, _ = {
+			let d = `${n.path}.${c}`, _ = n.mixed ? n.valueAt(d) : {
+				value: l?.[c],
+				mixed: !1
+			}, b = (e) => n.update((t) => {
+				let n = typeof t == "object" && t ? t : a.fromScalar?.(t) ?? (typeof a.default == "object" && a.default !== null ? { ...a.default } : {}), r = e(n[c]);
+				if (r === void 0) {
+					let { [c]: e, ...t } = n;
+					return t;
+				}
+				return {
+					...n,
+					[c]: r
+				};
+			}), x = {
 				path: d,
 				pref: f,
-				value: l?.[c],
-				mixed: n.mixed,
-				unset: !n.mixed && l?.[c] === void 0,
+				value: _.mixed ? void 0 : _.value,
+				mixed: _.mixed,
+				unset: !_.mixed && _.value === void 0,
 				siblings: l,
 				valueAt: n.valueAt,
 				selectionKey: n.selectionKey,
-				setValue: (e) => {
-					let t = l ?? a.fromScalar?.(n.value) ?? (typeof a.default == "object" && a.default !== null ? { ...a.default } : {});
-					if (e === void 0) {
-						let { [c]: e, ...r } = t;
-						n.setValue(r);
-						return;
-					}
-					n.setValue({
-						...t,
-						[c]: e
-					});
-				}
+				update: b,
+				setValue: (e) => b(() => e)
 			};
 			v.push({
 				key: d,
 				leaf: f,
-				ctx: _,
+				ctx: x,
 				ariaLabel: f.name,
 				render: () => {
-					let n = r?.[d] ?? r?.[f.kind], a = n ? n(_) : m(_, f.name, r, i, !0);
+					let n = r?.[d] ?? r?.[f.kind], a = n ? n(x) : m(x, f.name, r, i, !0);
 					return a == null ? null : (f.pair !== void 0 || f.block === !0) && f.icon && f.icon in e ? /* @__PURE__ */ s("span", {
 						className: u.namedField,
 						children: [/* @__PURE__ */ o(t, {
@@ -259,27 +264,27 @@ function _({ ctx: n, renderers: r, selectionKey: i = "" }) {
 }
 //#endregion
 //#region src/components/SelectionPanel/model.ts
-function v(e, t) {
+function _(e, t) {
 	if (e.kind === "container") return "group";
 	for (let n of t) if (n.matches(e.data)) return n.name;
 	return "unknown";
 }
-function y(e) {
+function v(e) {
 	return !("kind" in e);
 }
-function b(e) {
+function y(e) {
 	let t = [], n = [], r = (e, t) => {
-		for (let [n, i] of Object.entries(e.children)) y(i) ? r(i, t) : t.push({
+		for (let [n, i] of Object.entries(e.children)) v(i) ? r(i, t) : t.push({
 			path: n,
 			leaf: i
 		});
 	};
-	for (let [i, a] of Object.entries(e.children)) if (y(a)) {
+	for (let [i, a] of Object.entries(e.children)) if (v(a)) {
 		let e = [];
 		r(a, e), t.push({
 			key: i,
 			name: a.name,
-			rows: x(e)
+			rows: b(e)
 		});
 	} else n.push({
 		path: i,
@@ -288,10 +293,10 @@ function b(e) {
 	return n.length > 0 && t.unshift({
 		key: "",
 		name: "",
-		rows: x(n)
+		rows: b(n)
 	}), t;
 }
-function x(e) {
+function b(e) {
 	let t = [];
 	for (let n of e) {
 		let e = n.leaf.pair, r = t[t.length - 1];
@@ -302,14 +307,14 @@ function x(e) {
 	}
 	return t;
 }
-function S(e, t) {
+function x(e, t) {
 	let n = [...new Set(e)];
 	if (n.length === 0) return [];
 	let r = new Map(t.map((e) => [e.name, e])), i = n.map((e) => r.get(e)?.schema);
 	if (i.some((e) => e === void 0)) return [];
-	let [a, ...o] = i, s = b(a);
+	let [a, ...o] = i, s = y(a);
 	if (o.length === 0) return s;
-	let c = (e) => `${e.path}\0${e.leaf.kind}`, l = o.map((e) => new Set(b(e).flatMap((e) => e.rows).flatMap((e) => e.leaves).map(c))), u = (e) => l.every((t) => t.has(c(e)));
+	let c = (e) => `${e.path}\0${e.leaf.kind}`, l = o.map((e) => new Set(y(e).flatMap((e) => e.rows).flatMap((e) => e.leaves).map(c))), u = (e) => l.every((t) => t.has(c(e)));
 	return s.map((e) => ({
 		...e,
 		rows: e.rows.map((e) => ({
@@ -318,7 +323,7 @@ function S(e, t) {
 		})).filter((e) => e.leaves.length > 0)
 	})).filter((e) => e.rows.length > 0);
 }
-function C(e, t) {
+function S(e, t) {
 	let n = t.split(".");
 	if (n.length < 2) return;
 	let r = n[0], i = r === "pose" ? e.pose : r === "data" ? e.data : void 0;
@@ -328,33 +333,33 @@ function C(e, t) {
 	}
 	return i;
 }
-function w(e, t, n) {
+function C(e, t, n) {
 	let [r, ...i] = t;
 	if (i.length === 0) return Array.isArray(e) ? Object.assign([...e], { [r]: n }) : {
 		...e,
 		[r]: n
 	};
-	let a = e[r], o = w(Array.isArray(a) ? [...a] : typeof a == "object" && a ? { ...a } : {}, i, n);
+	let a = e[r], o = C(Array.isArray(a) ? [...a] : typeof a == "object" && a ? { ...a } : {}, i, n);
 	return Array.isArray(e) ? Object.assign([...e], { [r]: o }) : {
 		...e,
 		[r]: o
 	};
 }
-function T(e, t) {
+function w(e, t) {
 	let n, r = !0;
 	for (let i of e) {
-		let e = C(i, t);
+		let e = S(i, t);
 		if (r) n = e, r = !1;
 		else if (!Object.is(e, n)) return a;
 	}
 	return n;
 }
-function E(e) {
+function T(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) t.set(n, (t.get(n) ?? 0) + 1);
 	return [...t.entries()].map(([e, t]) => t > 1 ? `${e} ×${t}` : e).join(" · ");
 }
 //#endregion
-export { y as a, x as c, f as d, u as f, S as i, w as l, T as n, E as o, v as r, C as s, a as t, m as u };
+export { v as a, b as c, f as d, u as f, x as i, C as l, w as n, T as o, _ as r, S as s, a as t, m as u };
-//# sourceMappingURL=model-Du7Lta4C.js.map
+//# sourceMappingURL=model-BaF65rnX.js.map