f1d51b8cc8
- Foldable left panel (user profile) and right panel (task details) - Clicking a task in the list or graph node selects it and shows details - Both views (task list + graph) always mounted via absolute inset-0 for correct canvas dimensions; tabs toggle visibility with opacity - Graph node selection animation: other nodes repel outward (charge -600), then selected node smoothly slides to center (500ms cubic ease-out), then charge restores to -120 and graph stabilizes - Graph re-fits on tab switch and panel resize via ResizeObserver - Fix UUID string IDs throughout (backend returns UUIDs, not integers) - Add TaskDetailPanel, UserPanel components - Add CLAUDE.md project documentation Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
74 lines
2.3 KiB
JavaScript
74 lines
2.3 KiB
JavaScript
import {selection} from "d3-selection";
|
|
import transition_attr from "./attr.js";
|
|
import transition_attrTween from "./attrTween.js";
|
|
import transition_delay from "./delay.js";
|
|
import transition_duration from "./duration.js";
|
|
import transition_ease from "./ease.js";
|
|
import transition_easeVarying from "./easeVarying.js";
|
|
import transition_filter from "./filter.js";
|
|
import transition_merge from "./merge.js";
|
|
import transition_on from "./on.js";
|
|
import transition_remove from "./remove.js";
|
|
import transition_select from "./select.js";
|
|
import transition_selectAll from "./selectAll.js";
|
|
import transition_selection from "./selection.js";
|
|
import transition_style from "./style.js";
|
|
import transition_styleTween from "./styleTween.js";
|
|
import transition_text from "./text.js";
|
|
import transition_textTween from "./textTween.js";
|
|
import transition_transition from "./transition.js";
|
|
import transition_tween from "./tween.js";
|
|
import transition_end from "./end.js";
|
|
|
|
var id = 0;
|
|
|
|
export function Transition(groups, parents, name, id) {
|
|
this._groups = groups;
|
|
this._parents = parents;
|
|
this._name = name;
|
|
this._id = id;
|
|
}
|
|
|
|
export default function transition(name) {
|
|
return selection().transition(name);
|
|
}
|
|
|
|
export function newId() {
|
|
return ++id;
|
|
}
|
|
|
|
var selection_prototype = selection.prototype;
|
|
|
|
Transition.prototype = transition.prototype = {
|
|
constructor: Transition,
|
|
select: transition_select,
|
|
selectAll: transition_selectAll,
|
|
selectChild: selection_prototype.selectChild,
|
|
selectChildren: selection_prototype.selectChildren,
|
|
filter: transition_filter,
|
|
merge: transition_merge,
|
|
selection: transition_selection,
|
|
transition: transition_transition,
|
|
call: selection_prototype.call,
|
|
nodes: selection_prototype.nodes,
|
|
node: selection_prototype.node,
|
|
size: selection_prototype.size,
|
|
empty: selection_prototype.empty,
|
|
each: selection_prototype.each,
|
|
on: transition_on,
|
|
attr: transition_attr,
|
|
attrTween: transition_attrTween,
|
|
style: transition_style,
|
|
styleTween: transition_styleTween,
|
|
text: transition_text,
|
|
textTween: transition_textTween,
|
|
remove: transition_remove,
|
|
tween: transition_tween,
|
|
delay: transition_delay,
|
|
duration: transition_duration,
|
|
ease: transition_ease,
|
|
easeVarying: transition_easeVarying,
|
|
end: transition_end,
|
|
[Symbol.iterator]: selection_prototype[Symbol.iterator]
|
|
};
|