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>
50 lines
1.1 KiB
JavaScript
50 lines
1.1 KiB
JavaScript
"use strict";
|
|
|
|
const { mixin } = require("../../utils");
|
|
const EventModifierMixinImpl = require("./EventModifierMixin-impl").implementation;
|
|
const UIEventImpl = require("./UIEvent-impl").implementation;
|
|
|
|
const MouseEventInit = require("../generated/MouseEventInit");
|
|
|
|
class MouseEventImpl extends UIEventImpl {
|
|
initMouseEvent(
|
|
type,
|
|
bubbles,
|
|
cancelable,
|
|
view,
|
|
detail,
|
|
screenX,
|
|
screenY,
|
|
clientX,
|
|
clientY,
|
|
ctrlKey,
|
|
altKey,
|
|
shiftKey,
|
|
metaKey,
|
|
button,
|
|
relatedTarget
|
|
) {
|
|
if (this._dispatchFlag) {
|
|
return;
|
|
}
|
|
|
|
this.initUIEvent(type, bubbles, cancelable, view, detail);
|
|
this.screenX = screenX;
|
|
this.screenY = screenY;
|
|
this.clientX = clientX;
|
|
this.clientY = clientY;
|
|
this.ctrlKey = ctrlKey;
|
|
this.altKey = altKey;
|
|
this.shiftKey = shiftKey;
|
|
this.metaKey = metaKey;
|
|
this.button = button;
|
|
this.relatedTarget = relatedTarget;
|
|
}
|
|
}
|
|
mixin(MouseEventImpl.prototype, EventModifierMixinImpl.prototype);
|
|
MouseEventImpl.defaultInit = MouseEventInit.convert(undefined, undefined);
|
|
|
|
module.exports = {
|
|
implementation: MouseEventImpl
|
|
};
|