@angflow/angular 0.0.1
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.
- package/README.md +187 -0
- package/dist/base.css +1204 -0
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.d.ts.map +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/lib/components/a11y-descriptions/a11y-descriptions.component.d.ts +25 -0
- package/dist/esm/lib/components/a11y-descriptions/a11y-descriptions.component.d.ts.map +1 -0
- package/dist/esm/lib/components/a11y-descriptions/a11y-descriptions.component.js +58 -0
- package/dist/esm/lib/components/a11y-descriptions/a11y-descriptions.component.js.map +1 -0
- package/dist/esm/lib/components/attribution/attribution.component.d.ts +6 -0
- package/dist/esm/lib/components/attribution/attribution.component.d.ts.map +1 -0
- package/dist/esm/lib/components/attribution/attribution.component.js +32 -0
- package/dist/esm/lib/components/attribution/attribution.component.js.map +1 -0
- package/dist/esm/lib/components/background/background.component.d.ts +31 -0
- package/dist/esm/lib/components/background/background.component.d.ts.map +1 -0
- package/dist/esm/lib/components/background/background.component.js +209 -0
- package/dist/esm/lib/components/background/background.component.js.map +1 -0
- package/dist/esm/lib/components/connection-line/connection-line.component.d.ts +36 -0
- package/dist/esm/lib/components/connection-line/connection-line.component.d.ts.map +1 -0
- package/dist/esm/lib/components/connection-line/connection-line.component.js +146 -0
- package/dist/esm/lib/components/connection-line/connection-line.component.js.map +1 -0
- package/dist/esm/lib/components/controls/controls.component.d.ts +25 -0
- package/dist/esm/lib/components/controls/controls.component.d.ts.map +1 -0
- package/dist/esm/lib/components/controls/controls.component.js +174 -0
- package/dist/esm/lib/components/controls/controls.component.js.map +1 -0
- package/dist/esm/lib/components/edge-label-renderer/edge-label-renderer.component.d.ts +6 -0
- package/dist/esm/lib/components/edge-label-renderer/edge-label-renderer.component.d.ts.map +1 -0
- package/dist/esm/lib/components/edge-label-renderer/edge-label-renderer.component.js +24 -0
- package/dist/esm/lib/components/edge-label-renderer/edge-label-renderer.component.js.map +1 -0
- package/dist/esm/lib/components/edge-toolbar/edge-toolbar.component.d.ts +22 -0
- package/dist/esm/lib/components/edge-toolbar/edge-toolbar.component.d.ts.map +1 -0
- package/dist/esm/lib/components/edge-toolbar/edge-toolbar.component.js +64 -0
- package/dist/esm/lib/components/edge-toolbar/edge-toolbar.component.js.map +1 -0
- package/dist/esm/lib/components/edges/base-edge.component.d.ts +11 -0
- package/dist/esm/lib/components/edges/base-edge.component.d.ts.map +1 -0
- package/dist/esm/lib/components/edges/base-edge.component.js +56 -0
- package/dist/esm/lib/components/edges/base-edge.component.js.map +1 -0
- package/dist/esm/lib/components/edges/bezier-edge.component.d.ts +30 -0
- package/dist/esm/lib/components/edges/bezier-edge.component.d.ts.map +1 -0
- package/dist/esm/lib/components/edges/bezier-edge.component.js +68 -0
- package/dist/esm/lib/components/edges/bezier-edge.component.js.map +1 -0
- package/dist/esm/lib/components/edges/edge-text.component.d.ts +11 -0
- package/dist/esm/lib/components/edges/edge-text.component.d.ts.map +1 -0
- package/dist/esm/lib/components/edges/edge-text.component.js +48 -0
- package/dist/esm/lib/components/edges/edge-text.component.js.map +1 -0
- package/dist/esm/lib/components/edges/simple-bezier-edge.component.d.ts +21 -0
- package/dist/esm/lib/components/edges/simple-bezier-edge.component.d.ts.map +1 -0
- package/dist/esm/lib/components/edges/simple-bezier-edge.component.js +57 -0
- package/dist/esm/lib/components/edges/simple-bezier-edge.component.js.map +1 -0
- package/dist/esm/lib/components/edges/smooth-step-edge.component.d.ts +22 -0
- package/dist/esm/lib/components/edges/smooth-step-edge.component.d.ts.map +1 -0
- package/dist/esm/lib/components/edges/smooth-step-edge.component.js +59 -0
- package/dist/esm/lib/components/edges/smooth-step-edge.component.js.map +1 -0
- package/dist/esm/lib/components/edges/step-edge.component.d.ts +22 -0
- package/dist/esm/lib/components/edges/step-edge.component.d.ts.map +1 -0
- package/dist/esm/lib/components/edges/step-edge.component.js +60 -0
- package/dist/esm/lib/components/edges/step-edge.component.js.map +1 -0
- package/dist/esm/lib/components/edges/straight-edge.component.d.ts +18 -0
- package/dist/esm/lib/components/edges/straight-edge.component.d.ts.map +1 -0
- package/dist/esm/lib/components/edges/straight-edge.component.js +53 -0
- package/dist/esm/lib/components/edges/straight-edge.component.js.map +1 -0
- package/dist/esm/lib/components/handle/handle.component.d.ts +28 -0
- package/dist/esm/lib/components/handle/handle.component.d.ts.map +1 -0
- package/dist/esm/lib/components/handle/handle.component.js +162 -0
- package/dist/esm/lib/components/handle/handle.component.js.map +1 -0
- package/dist/esm/lib/components/minimap/minimap.component.d.ts +75 -0
- package/dist/esm/lib/components/minimap/minimap.component.d.ts.map +1 -0
- package/dist/esm/lib/components/minimap/minimap.component.js +319 -0
- package/dist/esm/lib/components/minimap/minimap.component.js.map +1 -0
- package/dist/esm/lib/components/ng-flow-provider/ng-flow-provider.component.d.ts +6 -0
- package/dist/esm/lib/components/ng-flow-provider/ng-flow-provider.component.d.ts.map +1 -0
- package/dist/esm/lib/components/ng-flow-provider/ng-flow-provider.component.js +24 -0
- package/dist/esm/lib/components/ng-flow-provider/ng-flow-provider.component.js.map +1 -0
- package/dist/esm/lib/components/node-resizer/node-resizer.component.d.ts +44 -0
- package/dist/esm/lib/components/node-resizer/node-resizer.component.d.ts.map +1 -0
- package/dist/esm/lib/components/node-resizer/node-resizer.component.js +198 -0
- package/dist/esm/lib/components/node-resizer/node-resizer.component.js.map +1 -0
- package/dist/esm/lib/components/node-toolbar/node-toolbar.component.d.ts +19 -0
- package/dist/esm/lib/components/node-toolbar/node-toolbar.component.d.ts.map +1 -0
- package/dist/esm/lib/components/node-toolbar/node-toolbar.component.js +101 -0
- package/dist/esm/lib/components/node-toolbar/node-toolbar.component.js.map +1 -0
- package/dist/esm/lib/components/nodes/default-node.component.d.ts +20 -0
- package/dist/esm/lib/components/nodes/default-node.component.d.ts.map +1 -0
- package/dist/esm/lib/components/nodes/default-node.component.js +52 -0
- package/dist/esm/lib/components/nodes/default-node.component.js.map +1 -0
- package/dist/esm/lib/components/nodes/group-node.component.d.ts +19 -0
- package/dist/esm/lib/components/nodes/group-node.component.d.ts.map +1 -0
- package/dist/esm/lib/components/nodes/group-node.component.js +34 -0
- package/dist/esm/lib/components/nodes/group-node.component.js.map +1 -0
- package/dist/esm/lib/components/nodes/input-node.component.d.ts +20 -0
- package/dist/esm/lib/components/nodes/input-node.component.d.ts.map +1 -0
- package/dist/esm/lib/components/nodes/input-node.component.js +49 -0
- package/dist/esm/lib/components/nodes/input-node.component.js.map +1 -0
- package/dist/esm/lib/components/nodes/output-node.component.d.ts +20 -0
- package/dist/esm/lib/components/nodes/output-node.component.d.ts.map +1 -0
- package/dist/esm/lib/components/nodes/output-node.component.js +48 -0
- package/dist/esm/lib/components/nodes/output-node.component.js.map +1 -0
- package/dist/esm/lib/components/panel/panel.component.d.ts +13 -0
- package/dist/esm/lib/components/panel/panel.component.d.ts.map +1 -0
- package/dist/esm/lib/components/panel/panel.component.js +39 -0
- package/dist/esm/lib/components/panel/panel.component.js.map +1 -0
- package/dist/esm/lib/components/selection-box/selection-box.component.d.ts +12 -0
- package/dist/esm/lib/components/selection-box/selection-box.component.d.ts.map +1 -0
- package/dist/esm/lib/components/selection-box/selection-box.component.js +56 -0
- package/dist/esm/lib/components/selection-box/selection-box.component.js.map +1 -0
- package/dist/esm/lib/components/viewport-portal/viewport-portal.component.d.ts +8 -0
- package/dist/esm/lib/components/viewport-portal/viewport-portal.component.d.ts.map +1 -0
- package/dist/esm/lib/components/viewport-portal/viewport-portal.component.js +35 -0
- package/dist/esm/lib/components/viewport-portal/viewport-portal.component.js.map +1 -0
- package/dist/esm/lib/container/edge-renderer/edge-renderer.component.d.ts +70 -0
- package/dist/esm/lib/container/edge-renderer/edge-renderer.component.d.ts.map +1 -0
- package/dist/esm/lib/container/edge-renderer/edge-renderer.component.js +503 -0
- package/dist/esm/lib/container/edge-renderer/edge-renderer.component.js.map +1 -0
- package/dist/esm/lib/container/ng-flow/ng-flow.component.d.ts +281 -0
- package/dist/esm/lib/container/ng-flow/ng-flow.component.d.ts.map +1 -0
- package/dist/esm/lib/container/ng-flow/ng-flow.component.js +644 -0
- package/dist/esm/lib/container/ng-flow/ng-flow.component.js.map +1 -0
- package/dist/esm/lib/container/node-renderer/node-renderer.component.d.ts +56 -0
- package/dist/esm/lib/container/node-renderer/node-renderer.component.d.ts.map +1 -0
- package/dist/esm/lib/container/node-renderer/node-renderer.component.js +312 -0
- package/dist/esm/lib/container/node-renderer/node-renderer.component.js.map +1 -0
- package/dist/esm/lib/container/pane/pane.component.d.ts +35 -0
- package/dist/esm/lib/container/pane/pane.component.d.ts.map +1 -0
- package/dist/esm/lib/container/pane/pane.component.js +161 -0
- package/dist/esm/lib/container/pane/pane.component.js.map +1 -0
- package/dist/esm/lib/container/viewport/viewport.component.d.ts +9 -0
- package/dist/esm/lib/container/viewport/viewport.component.d.ts.map +1 -0
- package/dist/esm/lib/container/viewport/viewport.component.js +35 -0
- package/dist/esm/lib/container/viewport/viewport.component.js.map +1 -0
- package/dist/esm/lib/directives/drag.directive.d.ts +21 -0
- package/dist/esm/lib/directives/drag.directive.d.ts.map +1 -0
- package/dist/esm/lib/directives/drag.directive.js +69 -0
- package/dist/esm/lib/directives/drag.directive.js.map +1 -0
- package/dist/esm/lib/directives/drop-zone.directive.d.ts +30 -0
- package/dist/esm/lib/directives/drop-zone.directive.d.ts.map +1 -0
- package/dist/esm/lib/directives/drop-zone.directive.js +58 -0
- package/dist/esm/lib/directives/drop-zone.directive.js.map +1 -0
- package/dist/esm/lib/directives/key-handler.directive.d.ts +29 -0
- package/dist/esm/lib/directives/key-handler.directive.d.ts.map +1 -0
- package/dist/esm/lib/directives/key-handler.directive.js +176 -0
- package/dist/esm/lib/directives/key-handler.directive.js.map +1 -0
- package/dist/esm/lib/directives/node-type.directive.d.ts +21 -0
- package/dist/esm/lib/directives/node-type.directive.d.ts.map +1 -0
- package/dist/esm/lib/directives/node-type.directive.js +32 -0
- package/dist/esm/lib/directives/node-type.directive.js.map +1 -0
- package/dist/esm/lib/public-api.d.ts +40 -0
- package/dist/esm/lib/public-api.d.ts.map +1 -0
- package/dist/esm/lib/public-api.js +67 -0
- package/dist/esm/lib/public-api.js.map +1 -0
- package/dist/esm/lib/services/flow-store.service.d.ts +227 -0
- package/dist/esm/lib/services/flow-store.service.d.ts.map +1 -0
- package/dist/esm/lib/services/flow-store.service.js +542 -0
- package/dist/esm/lib/services/flow-store.service.js.map +1 -0
- package/dist/esm/lib/services/ng-flow.service.d.ts +186 -0
- package/dist/esm/lib/services/ng-flow.service.d.ts.map +1 -0
- package/dist/esm/lib/services/ng-flow.service.js +501 -0
- package/dist/esm/lib/services/ng-flow.service.js.map +1 -0
- package/dist/esm/lib/services/tokens.d.ts +4 -0
- package/dist/esm/lib/services/tokens.d.ts.map +1 -0
- package/dist/esm/lib/services/tokens.js +4 -0
- package/dist/esm/lib/services/tokens.js.map +1 -0
- package/dist/esm/lib/types/edges.d.ts +83 -0
- package/dist/esm/lib/types/edges.d.ts.map +1 -0
- package/dist/esm/lib/types/edges.js +2 -0
- package/dist/esm/lib/types/edges.js.map +1 -0
- package/dist/esm/lib/types/general.d.ts +128 -0
- package/dist/esm/lib/types/general.d.ts.map +1 -0
- package/dist/esm/lib/types/general.js +2 -0
- package/dist/esm/lib/types/general.js.map +1 -0
- package/dist/esm/lib/types/index.d.ts +5 -0
- package/dist/esm/lib/types/index.d.ts.map +1 -0
- package/dist/esm/lib/types/index.js +5 -0
- package/dist/esm/lib/types/index.js.map +1 -0
- package/dist/esm/lib/types/nodes.d.ts +53 -0
- package/dist/esm/lib/types/nodes.d.ts.map +1 -0
- package/dist/esm/lib/types/nodes.js +2 -0
- package/dist/esm/lib/types/nodes.js.map +1 -0
- package/dist/esm/lib/types/store.d.ts +71 -0
- package/dist/esm/lib/types/store.d.ts.map +1 -0
- package/dist/esm/lib/types/store.js +2 -0
- package/dist/esm/lib/types/store.js.map +1 -0
- package/dist/esm/lib/utils/changes.d.ts +12 -0
- package/dist/esm/lib/utils/changes.d.ts.map +1 -0
- package/dist/esm/lib/utils/changes.js +134 -0
- package/dist/esm/lib/utils/changes.js.map +1 -0
- package/dist/esm/lib/utils/index.d.ts +2 -0
- package/dist/esm/lib/utils/index.d.ts.map +1 -0
- package/dist/esm/lib/utils/index.js +2 -0
- package/dist/esm/lib/utils/index.js.map +1 -0
- package/dist/esm/lib/utils/type-guards.d.ts +12 -0
- package/dist/esm/lib/utils/type-guards.d.ts.map +1 -0
- package/dist/esm/lib/utils/type-guards.js +16 -0
- package/dist/esm/lib/utils/type-guards.js.map +1 -0
- package/dist/style.css +1392 -0
- package/package.json +60 -0
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
import { Component, ChangeDetectionStrategy, input, output, inject, computed, ElementRef, Optional, Inject, } from '@angular/core';
|
|
2
|
+
import { Position, XYHandle } from '@angflow/system';
|
|
3
|
+
import { FlowStore } from '../../services/flow-store.service';
|
|
4
|
+
import { NODE_ID } from '../../services/tokens';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
const _c0 = ["*"];
|
|
7
|
+
export class HandleComponent {
|
|
8
|
+
constructor(nodeId) {
|
|
9
|
+
this.Position = Position;
|
|
10
|
+
this.type = input.required(...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
|
|
11
|
+
this.position = input(Position.Top, ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
|
|
12
|
+
this.handleId = input(null, { ...(ngDevMode ? { debugName: "handleId" } : /* istanbul ignore next */ {}), alias: 'id' });
|
|
13
|
+
this.isConnectable = input(true, ...(ngDevMode ? [{ debugName: "isConnectable" }] : /* istanbul ignore next */ []));
|
|
14
|
+
this.isConnectableStart = input(true, ...(ngDevMode ? [{ debugName: "isConnectableStart" }] : /* istanbul ignore next */ []));
|
|
15
|
+
this.isConnectableEnd = input(true, ...(ngDevMode ? [{ debugName: "isConnectableEnd" }] : /* istanbul ignore next */ []));
|
|
16
|
+
this.isValidConnection = input(undefined, ...(ngDevMode ? [{ debugName: "isValidConnection" }] : /* istanbul ignore next */ []));
|
|
17
|
+
/** Emitted when a connection is completed on this handle. */
|
|
18
|
+
this.handleConnect = output({ alias: 'onConnect' });
|
|
19
|
+
this.store = inject(FlowStore);
|
|
20
|
+
this.el = inject((ElementRef));
|
|
21
|
+
// Injected from parent NodeWrapperComponent
|
|
22
|
+
this.nodeId = '';
|
|
23
|
+
// data-id attribute used by XYHandle to find handles in the DOM
|
|
24
|
+
this.dataId = computed(() => `${this.store.rfId()}-${this.nodeId}-${this.handleId()}-${this.type()}`, ...(ngDevMode ? [{ debugName: "dataId" }] : /* istanbul ignore next */ []));
|
|
25
|
+
this.nodeId = nodeId ?? '';
|
|
26
|
+
}
|
|
27
|
+
ngOnInit() { }
|
|
28
|
+
ngOnDestroy() { }
|
|
29
|
+
onPointerDown(event) {
|
|
30
|
+
if (!this.isConnectableStart())
|
|
31
|
+
return;
|
|
32
|
+
// Stop propagation to prevent d3-drag on the parent node from capturing this event
|
|
33
|
+
event.stopPropagation();
|
|
34
|
+
const isTarget = this.type() === 'target';
|
|
35
|
+
const store = this.store;
|
|
36
|
+
// Use per-handle isValidConnection if provided, otherwise fall back to store-level
|
|
37
|
+
const handleValidation = this.isValidConnection();
|
|
38
|
+
const storeValidation = store.isValidConnection();
|
|
39
|
+
const validationFn = handleValidation ?? storeValidation;
|
|
40
|
+
XYHandle.onPointerDown(event, {
|
|
41
|
+
autoPanOnConnect: store.autoPanOnConnect(),
|
|
42
|
+
connectionMode: store.connectionMode(),
|
|
43
|
+
connectionRadius: store.connectionRadius(),
|
|
44
|
+
domNode: store.domNode(),
|
|
45
|
+
handleId: this.handleId(),
|
|
46
|
+
nodeId: this.nodeId,
|
|
47
|
+
isTarget,
|
|
48
|
+
nodeLookup: store.nodeLookup,
|
|
49
|
+
lib: 'ng',
|
|
50
|
+
flowId: store.rfId(),
|
|
51
|
+
updateConnection: (connection) => store.updateConnection(connection),
|
|
52
|
+
panBy: (delta) => store.panBy(delta),
|
|
53
|
+
cancelConnection: () => store.cancelConnection(),
|
|
54
|
+
onConnect: (connection) => {
|
|
55
|
+
this.handleConnect.emit(connection);
|
|
56
|
+
store.onConnect?.(connection);
|
|
57
|
+
},
|
|
58
|
+
onConnectStart: (event, params) => store.onConnectStart?.(event, params),
|
|
59
|
+
onConnectEnd: (event) => store.onConnectEnd?.(event),
|
|
60
|
+
getTransform: () => store.transform(),
|
|
61
|
+
getFromHandle: () => {
|
|
62
|
+
const conn = store.connection();
|
|
63
|
+
return conn.inProgress ? conn.fromHandle : null;
|
|
64
|
+
},
|
|
65
|
+
autoPanSpeed: store.autoPanSpeed(),
|
|
66
|
+
dragThreshold: 0,
|
|
67
|
+
handleDomNode: this.el.nativeElement,
|
|
68
|
+
isValidConnection: validationFn,
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
onClick(event) {
|
|
72
|
+
const store = this.store;
|
|
73
|
+
if (!store.connectOnClick())
|
|
74
|
+
return;
|
|
75
|
+
const startHandle = store.connectionClickStartHandle();
|
|
76
|
+
if (!startHandle) {
|
|
77
|
+
// First click — store this handle as the start of the connection
|
|
78
|
+
store.connectionClickStartHandle.set({
|
|
79
|
+
nodeId: this.nodeId,
|
|
80
|
+
handleId: this.handleId(),
|
|
81
|
+
type: this.type(),
|
|
82
|
+
});
|
|
83
|
+
store.onClickConnectStart?.(event, {
|
|
84
|
+
nodeId: this.nodeId,
|
|
85
|
+
handleId: this.handleId(),
|
|
86
|
+
handleType: this.type(),
|
|
87
|
+
});
|
|
88
|
+
store.onConnectStart?.(event, {
|
|
89
|
+
nodeId: this.nodeId,
|
|
90
|
+
handleId: this.handleId(),
|
|
91
|
+
handleType: this.type(),
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
else {
|
|
95
|
+
// Second click — complete the connection
|
|
96
|
+
const isSource = startHandle.type === 'source';
|
|
97
|
+
const connection = {
|
|
98
|
+
source: isSource ? startHandle.nodeId : this.nodeId,
|
|
99
|
+
sourceHandle: isSource ? startHandle.handleId : this.handleId(),
|
|
100
|
+
target: isSource ? this.nodeId : startHandle.nodeId,
|
|
101
|
+
targetHandle: isSource ? this.handleId() : startHandle.handleId,
|
|
102
|
+
};
|
|
103
|
+
// Validate using per-handle or store-level validation
|
|
104
|
+
const handleValidation = this.isValidConnection();
|
|
105
|
+
const storeValidation = store.isValidConnection();
|
|
106
|
+
const validationFn = handleValidation ?? storeValidation;
|
|
107
|
+
if (!validationFn || validationFn(connection)) {
|
|
108
|
+
this.handleConnect.emit(connection);
|
|
109
|
+
store.onConnect?.(connection);
|
|
110
|
+
}
|
|
111
|
+
store.connectionClickStartHandle.set(null);
|
|
112
|
+
store.onClickConnectEnd?.(event);
|
|
113
|
+
store.onConnectEnd?.(event);
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
static { this.ɵfac = function HandleComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HandleComponent)(i0.ɵɵdirectiveInject(NODE_ID, 8)); }; }
|
|
117
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HandleComponent, selectors: [["ng-flow-handle"]], hostAttrs: [1, "ng-flow__handle", "xy-flow__handle"], hostVars: 25, hostBindings: function HandleComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
118
|
+
i0.ɵɵlistener("mousedown", function HandleComponent_mousedown_HostBindingHandler($event) { return ctx.onPointerDown($event); })("click", function HandleComponent_click_HostBindingHandler($event) { return ctx.onClick($event); });
|
|
119
|
+
} if (rf & 2) {
|
|
120
|
+
i0.ɵɵattribute("data-handleid", ctx.handleId())("data-nodeid", ctx.nodeId)("data-handlepos", ctx.position())("data-id", ctx.dataId())("aria-describedby", ctx.store.rfId() + "-handle-desc");
|
|
121
|
+
i0.ɵɵclassProp("xy-flow__handle-top", ctx.position() === ctx.Position.Top)("xy-flow__handle-bottom", ctx.position() === ctx.Position.Bottom)("xy-flow__handle-left", ctx.position() === ctx.Position.Left)("xy-flow__handle-right", ctx.position() === ctx.Position.Right)("source", ctx.type() === "source")("target", ctx.type() === "target")("connectionindicator", true)("connectable", ctx.isConnectable())("connectablestart", ctx.isConnectableStart())("connectableend", ctx.isConnectableEnd());
|
|
122
|
+
} }, inputs: { type: [1, "type"], position: [1, "position"], handleId: [1, "id", "handleId"], isConnectable: [1, "isConnectable"], isConnectableStart: [1, "isConnectableStart"], isConnectableEnd: [1, "isConnectableEnd"], isValidConnection: [1, "isValidConnection"] }, outputs: { handleConnect: "onConnect" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function HandleComponent_Template(rf, ctx) { if (rf & 1) {
|
|
123
|
+
i0.ɵɵprojectionDef();
|
|
124
|
+
i0.ɵɵprojection(0);
|
|
125
|
+
} }, encapsulation: 2, changeDetection: 0 }); }
|
|
126
|
+
}
|
|
127
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HandleComponent, [{
|
|
128
|
+
type: Component,
|
|
129
|
+
args: [{
|
|
130
|
+
selector: 'ng-flow-handle',
|
|
131
|
+
standalone: true,
|
|
132
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
133
|
+
host: {
|
|
134
|
+
'class': 'ng-flow__handle xy-flow__handle',
|
|
135
|
+
'[class.xy-flow__handle-top]': 'position() === Position.Top',
|
|
136
|
+
'[class.xy-flow__handle-bottom]': 'position() === Position.Bottom',
|
|
137
|
+
'[class.xy-flow__handle-left]': 'position() === Position.Left',
|
|
138
|
+
'[class.xy-flow__handle-right]': 'position() === Position.Right',
|
|
139
|
+
'[class.source]': 'type() === "source"',
|
|
140
|
+
'[class.target]': 'type() === "target"',
|
|
141
|
+
'[class.connectionindicator]': 'true',
|
|
142
|
+
'[class.connectable]': 'isConnectable()',
|
|
143
|
+
'[class.connectablestart]': 'isConnectableStart()',
|
|
144
|
+
'[class.connectableend]': 'isConnectableEnd()',
|
|
145
|
+
'[attr.data-handleid]': 'handleId()',
|
|
146
|
+
'[attr.data-nodeid]': 'nodeId',
|
|
147
|
+
'[attr.data-handlepos]': 'position()',
|
|
148
|
+
'[attr.data-id]': 'dataId()',
|
|
149
|
+
'[attr.aria-describedby]': 'store.rfId() + "-handle-desc"',
|
|
150
|
+
'(mousedown)': 'onPointerDown($event)',
|
|
151
|
+
'(click)': 'onClick($event)',
|
|
152
|
+
},
|
|
153
|
+
template: `<ng-content />`,
|
|
154
|
+
}]
|
|
155
|
+
}], () => [{ type: undefined, decorators: [{
|
|
156
|
+
type: Optional
|
|
157
|
+
}, {
|
|
158
|
+
type: Inject,
|
|
159
|
+
args: [NODE_ID]
|
|
160
|
+
}] }], { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: true }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], handleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], isConnectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isConnectable", required: false }] }], isConnectableStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "isConnectableStart", required: false }] }], isConnectableEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "isConnectableEnd", required: false }] }], isValidConnection: [{ type: i0.Input, args: [{ isSignal: true, alias: "isValidConnection", required: false }] }], handleConnect: [{ type: i0.Output, args: ["onConnect"] }] }); })();
|
|
161
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HandleComponent, { className: "HandleComponent", filePath: "lib/components/handle/handle.component.ts", lineNumber: 44 }); })();
|
|
162
|
+
//# sourceMappingURL=handle.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"handle.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/handle/handle.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { AfterViewInit, OnDestroy, Type } from '@angular/core';
|
|
2
|
+
import { type PanelPosition } from '@angflow/system';
|
|
3
|
+
import { FlowStore } from '../../services/flow-store.service';
|
|
4
|
+
import type { Node } from '../../types';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export type GetMiniMapNodeAttribute<NodeType extends Node = Node> = (node: NodeType) => string;
|
|
7
|
+
export declare class MiniMapComponent implements AfterViewInit, OnDestroy {
|
|
8
|
+
readonly store: FlowStore<Node, import("../../types").Edge>;
|
|
9
|
+
private minimapContainerRef;
|
|
10
|
+
readonly position: import("@angular/core").InputSignal<PanelPosition>;
|
|
11
|
+
readonly mmWidth: import("@angular/core").InputSignal<number>;
|
|
12
|
+
readonly mmHeight: import("@angular/core").InputSignal<number>;
|
|
13
|
+
readonly pannable: import("@angular/core").InputSignal<boolean>;
|
|
14
|
+
readonly zoomable: import("@angular/core").InputSignal<boolean>;
|
|
15
|
+
readonly zoomStep: import("@angular/core").InputSignal<number>;
|
|
16
|
+
readonly inversePan: import("@angular/core").InputSignal<boolean>;
|
|
17
|
+
readonly nodeColor: import("@angular/core").InputSignal<string | GetMiniMapNodeAttribute<Node>>;
|
|
18
|
+
readonly nodeStrokeColor: import("@angular/core").InputSignal<string | GetMiniMapNodeAttribute<Node>>;
|
|
19
|
+
readonly nodeClassName: import("@angular/core").InputSignal<string | GetMiniMapNodeAttribute<Node>>;
|
|
20
|
+
readonly nodeBorderRadius: import("@angular/core").InputSignal<number>;
|
|
21
|
+
readonly nodeStrokeWidth: import("@angular/core").InputSignal<number>;
|
|
22
|
+
readonly nodeComponent: import("@angular/core").InputSignal<Type<unknown> | null>;
|
|
23
|
+
readonly bgColor: import("@angular/core").InputSignal<string | undefined>;
|
|
24
|
+
readonly maskColor: import("@angular/core").InputSignal<string>;
|
|
25
|
+
readonly maskStrokeColor: import("@angular/core").InputSignal<string | undefined>;
|
|
26
|
+
readonly maskStrokeWidth: import("@angular/core").InputSignal<number>;
|
|
27
|
+
readonly offsetScale: import("@angular/core").InputSignal<number>;
|
|
28
|
+
readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
|
|
29
|
+
readonly minimapClick: import("@angular/core").OutputEmitterRef<{
|
|
30
|
+
event: MouseEvent;
|
|
31
|
+
position: {
|
|
32
|
+
x: number;
|
|
33
|
+
y: number;
|
|
34
|
+
};
|
|
35
|
+
}>;
|
|
36
|
+
readonly minimapNodeClick: import("@angular/core").OutputEmitterRef<{
|
|
37
|
+
event: MouseEvent;
|
|
38
|
+
node: Node;
|
|
39
|
+
}>;
|
|
40
|
+
private xyMinimap;
|
|
41
|
+
readonly minimapNodes: import("@angular/core").Signal<{
|
|
42
|
+
id: string;
|
|
43
|
+
x: number;
|
|
44
|
+
y: number;
|
|
45
|
+
width: number;
|
|
46
|
+
height: number;
|
|
47
|
+
_userNode: Node;
|
|
48
|
+
}[]>;
|
|
49
|
+
readonly viewBox: import("@angular/core").Signal<string>;
|
|
50
|
+
readonly maskPosition: import("@angular/core").Signal<{
|
|
51
|
+
x: number;
|
|
52
|
+
y: number;
|
|
53
|
+
width: number;
|
|
54
|
+
height: number;
|
|
55
|
+
}>;
|
|
56
|
+
getNodeColor(node: {
|
|
57
|
+
_userNode?: Node;
|
|
58
|
+
}): string;
|
|
59
|
+
getNodeStrokeColor(node: {
|
|
60
|
+
_userNode?: Node;
|
|
61
|
+
}): string;
|
|
62
|
+
getNodeClassName(node: {
|
|
63
|
+
_userNode?: Node;
|
|
64
|
+
}): string;
|
|
65
|
+
ngAfterViewInit(): void;
|
|
66
|
+
onMinimapClick(event: MouseEvent): void;
|
|
67
|
+
onMinimapNodeClick(event: MouseEvent, node: {
|
|
68
|
+
_userNode?: Node;
|
|
69
|
+
}): void;
|
|
70
|
+
ngOnDestroy(): void;
|
|
71
|
+
private computeBounds;
|
|
72
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MiniMapComponent, never>;
|
|
73
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MiniMapComponent, "ng-flow-minimap", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "mmWidth": { "alias": "width"; "required": false; "isSignal": true; }; "mmHeight": { "alias": "height"; "required": false; "isSignal": true; }; "pannable": { "alias": "pannable"; "required": false; "isSignal": true; }; "zoomable": { "alias": "zoomable"; "required": false; "isSignal": true; }; "zoomStep": { "alias": "zoomStep"; "required": false; "isSignal": true; }; "inversePan": { "alias": "inversePan"; "required": false; "isSignal": true; }; "nodeColor": { "alias": "nodeColor"; "required": false; "isSignal": true; }; "nodeStrokeColor": { "alias": "nodeStrokeColor"; "required": false; "isSignal": true; }; "nodeClassName": { "alias": "nodeClassName"; "required": false; "isSignal": true; }; "nodeBorderRadius": { "alias": "nodeBorderRadius"; "required": false; "isSignal": true; }; "nodeStrokeWidth": { "alias": "nodeStrokeWidth"; "required": false; "isSignal": true; }; "nodeComponent": { "alias": "nodeComponent"; "required": false; "isSignal": true; }; "bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; "maskColor": { "alias": "maskColor"; "required": false; "isSignal": true; }; "maskStrokeColor": { "alias": "maskStrokeColor"; "required": false; "isSignal": true; }; "maskStrokeWidth": { "alias": "maskStrokeWidth"; "required": false; "isSignal": true; }; "offsetScale": { "alias": "offsetScale"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "minimapClick": "minimapClick"; "minimapNodeClick": "minimapNodeClick"; }, never, never, true, never>;
|
|
74
|
+
}
|
|
75
|
+
//# sourceMappingURL=minimap.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"minimap.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/minimap/minimap.component.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,aAAa,EACb,SAAS,EACT,IAAI,EACL,MAAM,eAAe,CAAC;AACvB,OAAO,EAGL,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAE9D,OAAO,KAAK,EAAE,IAAI,EAAgB,MAAM,aAAa,CAAC;;AAEtD,MAAM,MAAM,uBAAuB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC;AAE/F,qBAqFa,gBAAiB,YAAW,aAAa,EAAE,SAAS;IAC/D,QAAQ,CAAC,KAAK,8CAAqB;IACnC,OAAO,CAAC,mBAAmB,CAA6C;IAExE,QAAQ,CAAC,QAAQ,qDAAwC;IACzD,QAAQ,CAAC,OAAO,8CAAkC;IAClD,QAAQ,CAAC,QAAQ,8CAAmC;IACpD,QAAQ,CAAC,QAAQ,+CAAgB;IACjC,QAAQ,CAAC,QAAQ,+CAAgB;IACjC,QAAQ,CAAC,QAAQ,8CAAa;IAC9B,QAAQ,CAAC,UAAU,+CAAgB;IAGnC,QAAQ,CAAC,SAAS,8EAAsD;IACxE,QAAQ,CAAC,eAAe,8EAA0D;IAClF,QAAQ,CAAC,aAAa,8EAA+C;IACrE,QAAQ,CAAC,gBAAgB,8CAAY;IACrC,QAAQ,CAAC,eAAe,8CAAY;IACpC,QAAQ,CAAC,aAAa,4DAAqC;IAG3D,QAAQ,CAAC,OAAO,0DAAmB;IACnC,QAAQ,CAAC,SAAS,8CAA6C;IAC/D,QAAQ,CAAC,eAAe,0DAAmB;IAC3C,QAAQ,CAAC,eAAe,8CAAY;IACpC,QAAQ,CAAC,WAAW,8CAAY;IAGhC,QAAQ,CAAC,SAAS,qDAAoC;IAGtD,QAAQ,CAAC,YAAY;eAAmB,UAAU;kBAAY;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE;OAAM;IAC5F,QAAQ,CAAC,gBAAgB;eAAmB,UAAU;cAAQ,IAAI;OAAM;IAExE,OAAO,CAAC,SAAS,CAA6C;IAE9D,QAAQ,CAAC,YAAY;;;;;;;SAWlB;IAEH,QAAQ,CAAC,OAAO,yCAKb;IAEH,QAAQ,CAAC,YAAY;;;;;OAUlB;IAEH,YAAY,CAAC,IAAI,EAAE;QAAE,SAAS,CAAC,EAAE,IAAI,CAAA;KAAE,GAAG,MAAM;IAQhD,kBAAkB,CAAC,IAAI,EAAE;QAAE,SAAS,CAAC,EAAE,IAAI,CAAA;KAAE,GAAG,MAAM;IAQtD,gBAAgB,CAAC,IAAI,EAAE;QAAE,SAAS,CAAC,EAAE,IAAI,CAAA;KAAE,GAAG,MAAM;IAQpD,eAAe,IAAI,IAAI;IAEvB,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAmEvC,kBAAkB,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE;QAAE,SAAS,CAAC,EAAE,IAAI,CAAA;KAAE,GAAG,IAAI;IAOvE,WAAW,IAAI,IAAI;IAInB,OAAO,CAAC,aAAa;yCA5KV,gBAAgB;2CAAhB,gBAAgB;CAyL5B"}
|
|
@@ -0,0 +1,319 @@
|
|
|
1
|
+
import { Component, ChangeDetectionStrategy, input, output, inject, computed, viewChild, } from '@angular/core';
|
|
2
|
+
import { FlowStore } from '../../services/flow-store.service';
|
|
3
|
+
import { PanelComponent } from '../panel/panel.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
const _c0 = ["minimapContainer"];
|
|
6
|
+
const _forTrack0 = ($index, $item) => $item.id;
|
|
7
|
+
function MiniMapComponent_For_10_Template(rf, ctx) { if (rf & 1) {
|
|
8
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
9
|
+
i0.ɵɵnamespaceSVG();
|
|
10
|
+
i0.ɵɵelementStart(0, "rect", 8);
|
|
11
|
+
i0.ɵɵlistener("click", function MiniMapComponent_For_10_Template_rect_click_0_listener($event) { const node_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onMinimapNodeClick($event, node_r2)); });
|
|
12
|
+
i0.ɵɵelementEnd();
|
|
13
|
+
} if (rf & 2) {
|
|
14
|
+
const node_r2 = ctx.$implicit;
|
|
15
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
16
|
+
i0.ɵɵclassMap(ctx_r2.getNodeClassName(node_r2));
|
|
17
|
+
i0.ɵɵattribute("x", node_r2.x)("y", node_r2.y)("width", node_r2.width)("height", node_r2.height)("rx", ctx_r2.nodeBorderRadius())("fill", ctx_r2.getNodeColor(node_r2))("stroke", ctx_r2.getNodeStrokeColor(node_r2))("stroke-width", ctx_r2.nodeStrokeWidth());
|
|
18
|
+
} }
|
|
19
|
+
function MiniMapComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
20
|
+
i0.ɵɵnamespaceSVG();
|
|
21
|
+
i0.ɵɵelement(0, "rect", 9)(1, "rect", 10);
|
|
22
|
+
} if (rf & 2) {
|
|
23
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
24
|
+
i0.ɵɵattribute("fill", ctx_r2.maskColor());
|
|
25
|
+
i0.ɵɵadvance();
|
|
26
|
+
i0.ɵɵattribute("x", ctx_r2.maskPosition().x)("y", ctx_r2.maskPosition().y)("width", ctx_r2.maskPosition().width)("height", ctx_r2.maskPosition().height);
|
|
27
|
+
} }
|
|
28
|
+
export class MiniMapComponent {
|
|
29
|
+
constructor() {
|
|
30
|
+
this.store = inject(FlowStore);
|
|
31
|
+
this.minimapContainerRef = viewChild('minimapContainer', ...(ngDevMode ? [{ debugName: "minimapContainerRef" }] : /* istanbul ignore next */ []));
|
|
32
|
+
this.position = input('bottom-right', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
|
|
33
|
+
this.mmWidth = input(200, { ...(ngDevMode ? { debugName: "mmWidth" } : /* istanbul ignore next */ {}), alias: 'width' });
|
|
34
|
+
this.mmHeight = input(150, { ...(ngDevMode ? { debugName: "mmHeight" } : /* istanbul ignore next */ {}), alias: 'height' });
|
|
35
|
+
this.pannable = input(false, ...(ngDevMode ? [{ debugName: "pannable" }] : /* istanbul ignore next */ []));
|
|
36
|
+
this.zoomable = input(false, ...(ngDevMode ? [{ debugName: "zoomable" }] : /* istanbul ignore next */ []));
|
|
37
|
+
this.zoomStep = input(10, ...(ngDevMode ? [{ debugName: "zoomStep" }] : /* istanbul ignore next */ []));
|
|
38
|
+
this.inversePan = input(false, ...(ngDevMode ? [{ debugName: "inversePan" }] : /* istanbul ignore next */ []));
|
|
39
|
+
// Node styling
|
|
40
|
+
this.nodeColor = input('#e2e2e2', ...(ngDevMode ? [{ debugName: "nodeColor" }] : /* istanbul ignore next */ []));
|
|
41
|
+
this.nodeStrokeColor = input('transparent', ...(ngDevMode ? [{ debugName: "nodeStrokeColor" }] : /* istanbul ignore next */ []));
|
|
42
|
+
this.nodeClassName = input('', ...(ngDevMode ? [{ debugName: "nodeClassName" }] : /* istanbul ignore next */ []));
|
|
43
|
+
this.nodeBorderRadius = input(5, ...(ngDevMode ? [{ debugName: "nodeBorderRadius" }] : /* istanbul ignore next */ []));
|
|
44
|
+
this.nodeStrokeWidth = input(2, ...(ngDevMode ? [{ debugName: "nodeStrokeWidth" }] : /* istanbul ignore next */ []));
|
|
45
|
+
this.nodeComponent = input(null, ...(ngDevMode ? [{ debugName: "nodeComponent" }] : /* istanbul ignore next */ []));
|
|
46
|
+
// Appearance
|
|
47
|
+
this.bgColor = input(...(ngDevMode ? [undefined, { debugName: "bgColor" }] : /* istanbul ignore next */ []));
|
|
48
|
+
this.maskColor = input('rgba(240, 240, 240, 0.6)', ...(ngDevMode ? [{ debugName: "maskColor" }] : /* istanbul ignore next */ []));
|
|
49
|
+
this.maskStrokeColor = input(...(ngDevMode ? [undefined, { debugName: "maskStrokeColor" }] : /* istanbul ignore next */ []));
|
|
50
|
+
this.maskStrokeWidth = input(6, ...(ngDevMode ? [{ debugName: "maskStrokeWidth" }] : /* istanbul ignore next */ []));
|
|
51
|
+
this.offsetScale = input(5, ...(ngDevMode ? [{ debugName: "offsetScale" }] : /* istanbul ignore next */ []));
|
|
52
|
+
// Accessibility
|
|
53
|
+
this.ariaLabel = input('Mini Map', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
|
|
54
|
+
// Events
|
|
55
|
+
this.minimapClick = output();
|
|
56
|
+
this.minimapNodeClick = output();
|
|
57
|
+
this.xyMinimap = null;
|
|
58
|
+
this.minimapNodes = computed(() => {
|
|
59
|
+
this.store.version(); // react to node changes
|
|
60
|
+
const nodes = Array.from(this.store.nodeLookup.values());
|
|
61
|
+
return nodes.map((node) => ({
|
|
62
|
+
id: node.id,
|
|
63
|
+
x: node.internals?.positionAbsolute?.x ?? 0,
|
|
64
|
+
y: node.internals?.positionAbsolute?.y ?? 0,
|
|
65
|
+
width: node.measured?.width ?? node.width ?? 150,
|
|
66
|
+
height: node.measured?.height ?? node.height ?? 40,
|
|
67
|
+
_userNode: node.internals?.userNode,
|
|
68
|
+
}));
|
|
69
|
+
}, ...(ngDevMode ? [{ debugName: "minimapNodes" }] : /* istanbul ignore next */ []));
|
|
70
|
+
this.viewBox = computed(() => {
|
|
71
|
+
this.store.version();
|
|
72
|
+
const bounds = this.computeBounds();
|
|
73
|
+
const padding = 20;
|
|
74
|
+
return `${bounds.x - padding} ${bounds.y - padding} ${bounds.width + padding * 2} ${bounds.height + padding * 2}`;
|
|
75
|
+
}, ...(ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []));
|
|
76
|
+
this.maskPosition = computed(() => {
|
|
77
|
+
const t = this.store.transform();
|
|
78
|
+
const w = this.store.width();
|
|
79
|
+
const h = this.store.height();
|
|
80
|
+
return {
|
|
81
|
+
x: -t[0] / t[2],
|
|
82
|
+
y: -t[1] / t[2],
|
|
83
|
+
width: w / t[2],
|
|
84
|
+
height: h / t[2],
|
|
85
|
+
};
|
|
86
|
+
}, ...(ngDevMode ? [{ debugName: "maskPosition" }] : /* istanbul ignore next */ []));
|
|
87
|
+
}
|
|
88
|
+
getNodeColor(node) {
|
|
89
|
+
const color = this.nodeColor();
|
|
90
|
+
if (typeof color === 'function' && node._userNode) {
|
|
91
|
+
return color(node._userNode);
|
|
92
|
+
}
|
|
93
|
+
return typeof color === 'string' ? color : '#e2e2e2';
|
|
94
|
+
}
|
|
95
|
+
getNodeStrokeColor(node) {
|
|
96
|
+
const strokeColor = this.nodeStrokeColor();
|
|
97
|
+
if (typeof strokeColor === 'function' && node._userNode) {
|
|
98
|
+
return strokeColor(node._userNode);
|
|
99
|
+
}
|
|
100
|
+
return typeof strokeColor === 'string' ? strokeColor : 'transparent';
|
|
101
|
+
}
|
|
102
|
+
getNodeClassName(node) {
|
|
103
|
+
const className = this.nodeClassName();
|
|
104
|
+
if (typeof className === 'function' && node._userNode) {
|
|
105
|
+
return className(node._userNode);
|
|
106
|
+
}
|
|
107
|
+
return typeof className === 'string' ? className : '';
|
|
108
|
+
}
|
|
109
|
+
ngAfterViewInit() { }
|
|
110
|
+
onMinimapClick(event) {
|
|
111
|
+
const container = this.minimapContainerRef()?.nativeElement;
|
|
112
|
+
if (!container)
|
|
113
|
+
return;
|
|
114
|
+
const svgEl = container.querySelector('svg');
|
|
115
|
+
if (!svgEl)
|
|
116
|
+
return;
|
|
117
|
+
// Get click position relative to the minimap SVG
|
|
118
|
+
const rect = svgEl.getBoundingClientRect();
|
|
119
|
+
const clickX = event.clientX - rect.left;
|
|
120
|
+
const clickY = event.clientY - rect.top;
|
|
121
|
+
// Convert from SVG pixel coords to viewBox coords
|
|
122
|
+
const bounds = this.computeBounds();
|
|
123
|
+
const padding = 20;
|
|
124
|
+
const vbX = bounds.x - padding;
|
|
125
|
+
const vbY = bounds.y - padding;
|
|
126
|
+
const vbW = bounds.width + padding * 2;
|
|
127
|
+
const vbH = bounds.height + padding * 2;
|
|
128
|
+
const flowX = vbX + (clickX / this.mmWidth()) * vbW;
|
|
129
|
+
const flowY = vbY + (clickY / this.mmHeight()) * vbH;
|
|
130
|
+
// Emit click event
|
|
131
|
+
this.minimapClick.emit({ event, position: { x: flowX, y: flowY } });
|
|
132
|
+
if (!this.pannable())
|
|
133
|
+
return;
|
|
134
|
+
// Pan viewport to center on the clicked flow position
|
|
135
|
+
const zoom = this.store.transform()[2];
|
|
136
|
+
const newX = this.store.width() / 2 - flowX * zoom;
|
|
137
|
+
const newY = this.store.height() / 2 - flowY * zoom;
|
|
138
|
+
// Animate the viewport pan over ~300ms using requestAnimationFrame
|
|
139
|
+
const startX = this.store.transform()[0];
|
|
140
|
+
const startY = this.store.transform()[1];
|
|
141
|
+
const startTime = performance.now();
|
|
142
|
+
const duration = 300;
|
|
143
|
+
const animate = (now) => {
|
|
144
|
+
const elapsed = now - startTime;
|
|
145
|
+
const t = Math.min(elapsed / duration, 1);
|
|
146
|
+
// Ease-out cubic
|
|
147
|
+
const ease = 1 - Math.pow(1 - t, 3);
|
|
148
|
+
const currentX = startX + (newX - startX) * ease;
|
|
149
|
+
const currentY = startY + (newY - startY) * ease;
|
|
150
|
+
this.store.transform.set([currentX, currentY, zoom]);
|
|
151
|
+
this.store.bumpVersion();
|
|
152
|
+
if (t < 1) {
|
|
153
|
+
requestAnimationFrame(animate);
|
|
154
|
+
}
|
|
155
|
+
else {
|
|
156
|
+
// Sync d3-zoom internal state without transition
|
|
157
|
+
try {
|
|
158
|
+
this.store.panZoom()?.syncViewport({ x: newX, y: newY, zoom });
|
|
159
|
+
}
|
|
160
|
+
catch {
|
|
161
|
+
// d3-transition may not be available; the transform signal
|
|
162
|
+
// is the source of truth and d3 will re-sync on next interaction
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
};
|
|
166
|
+
requestAnimationFrame(animate);
|
|
167
|
+
}
|
|
168
|
+
onMinimapNodeClick(event, node) {
|
|
169
|
+
event.stopPropagation();
|
|
170
|
+
if (node._userNode) {
|
|
171
|
+
this.minimapNodeClick.emit({ event, node: node._userNode });
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
ngOnDestroy() {
|
|
175
|
+
this.xyMinimap?.destroy();
|
|
176
|
+
}
|
|
177
|
+
computeBounds() {
|
|
178
|
+
const nodes = this.minimapNodes();
|
|
179
|
+
if (nodes.length === 0)
|
|
180
|
+
return { x: 0, y: 0, width: 200, height: 150 };
|
|
181
|
+
let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
|
|
182
|
+
for (const n of nodes) {
|
|
183
|
+
minX = Math.min(minX, n.x);
|
|
184
|
+
minY = Math.min(minY, n.y);
|
|
185
|
+
maxX = Math.max(maxX, n.x + n.width);
|
|
186
|
+
maxY = Math.max(maxY, n.y + n.height);
|
|
187
|
+
}
|
|
188
|
+
return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };
|
|
189
|
+
}
|
|
190
|
+
static { this.ɵfac = function MiniMapComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MiniMapComponent)(); }; }
|
|
191
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MiniMapComponent, selectors: [["ng-flow-minimap"]], viewQuery: function MiniMapComponent_Query(rf, ctx) { if (rf & 1) {
|
|
192
|
+
i0.ɵɵviewQuerySignal(ctx.minimapContainerRef, _c0, 5);
|
|
193
|
+
} if (rf & 2) {
|
|
194
|
+
i0.ɵɵqueryAdvance();
|
|
195
|
+
} }, inputs: { position: [1, "position"], mmWidth: [1, "width", "mmWidth"], mmHeight: [1, "height", "mmHeight"], pannable: [1, "pannable"], zoomable: [1, "zoomable"], zoomStep: [1, "zoomStep"], inversePan: [1, "inversePan"], nodeColor: [1, "nodeColor"], nodeStrokeColor: [1, "nodeStrokeColor"], nodeClassName: [1, "nodeClassName"], nodeBorderRadius: [1, "nodeBorderRadius"], nodeStrokeWidth: [1, "nodeStrokeWidth"], nodeComponent: [1, "nodeComponent"], bgColor: [1, "bgColor"], maskColor: [1, "maskColor"], maskStrokeColor: [1, "maskStrokeColor"], maskStrokeWidth: [1, "maskStrokeWidth"], offsetScale: [1, "offsetScale"], ariaLabel: [1, "ariaLabel"] }, outputs: { minimapClick: "minimapClick", minimapNodeClick: "minimapNodeClick" }, decls: 13, vars: 22, consts: [["minimapContainer", ""], [3, "position"], [1, "ng-flow__minimap", "xy-flow__minimap", 2, "border-radius", "4px", "overflow", "hidden", "border", "1px solid #ddd", "box-shadow", "0 1px 4px rgba(0,0,0,0.1)", "cursor", "pointer", 3, "click"], [1, "xy-flow__minimap-svg"], ["x", "-10000", "y", "-10000", "width", "20000", "height", "20000"], ["fill", "#fff"], [1, "xy-flow__minimap-node", 3, "class"], ["fill", "none", "rx", "2"], [1, "xy-flow__minimap-node", 3, "click"], ["x", "-10000", "y", "-10000", "width", "20000", "height", "20000", 2, "pointer-events", "none"], ["fill", "#fff", 2, "pointer-events", "none"]], template: function MiniMapComponent_Template(rf, ctx) { if (rf & 1) {
|
|
196
|
+
i0.ɵɵelementStart(0, "ng-flow-panel", 1)(1, "div", 2, 0);
|
|
197
|
+
i0.ɵɵlistener("click", function MiniMapComponent_Template_div_click_1_listener($event) { return ctx.onMinimapClick($event); });
|
|
198
|
+
i0.ɵɵnamespaceSVG();
|
|
199
|
+
i0.ɵɵelementStart(3, "svg", 3);
|
|
200
|
+
i0.ɵɵelement(4, "rect", 4);
|
|
201
|
+
i0.ɵɵelementStart(5, "defs")(6, "clipPath");
|
|
202
|
+
i0.ɵɵelement(7, "rect", 4);
|
|
203
|
+
i0.ɵɵelementEnd()();
|
|
204
|
+
i0.ɵɵelement(8, "rect", 5);
|
|
205
|
+
i0.ɵɵrepeaterCreate(9, MiniMapComponent_For_10_Template, 1, 10, ":svg:rect", 6, _forTrack0);
|
|
206
|
+
i0.ɵɵelement(11, "rect", 7);
|
|
207
|
+
i0.ɵɵconditionalCreate(12, MiniMapComponent_Conditional_12_Template, 2, 5);
|
|
208
|
+
i0.ɵɵelementEnd()()();
|
|
209
|
+
} if (rf & 2) {
|
|
210
|
+
i0.ɵɵproperty("position", ctx.position());
|
|
211
|
+
i0.ɵɵadvance();
|
|
212
|
+
i0.ɵɵstyleProp("width", ctx.mmWidth(), "px")("height", ctx.mmHeight(), "px");
|
|
213
|
+
i0.ɵɵattribute("aria-label", ctx.ariaLabel());
|
|
214
|
+
i0.ɵɵadvance(2);
|
|
215
|
+
i0.ɵɵattribute("width", ctx.mmWidth())("height", ctx.mmHeight())("viewBox", ctx.viewBox());
|
|
216
|
+
i0.ɵɵadvance();
|
|
217
|
+
i0.ɵɵattribute("fill", ctx.bgColor() ?? "#f0f0f0");
|
|
218
|
+
i0.ɵɵadvance(2);
|
|
219
|
+
i0.ɵɵattribute("id", "minimap-mask-" + ctx.store.rfId());
|
|
220
|
+
i0.ɵɵadvance(2);
|
|
221
|
+
i0.ɵɵattribute("x", ctx.maskPosition().x)("y", ctx.maskPosition().y)("width", ctx.maskPosition().width)("height", ctx.maskPosition().height);
|
|
222
|
+
i0.ɵɵadvance();
|
|
223
|
+
i0.ɵɵrepeater(ctx.minimapNodes());
|
|
224
|
+
i0.ɵɵadvance(2);
|
|
225
|
+
i0.ɵɵattribute("x", ctx.maskPosition().x)("y", ctx.maskPosition().y)("width", ctx.maskPosition().width)("height", ctx.maskPosition().height)("stroke", ctx.maskStrokeColor() ?? "rgba(0,89,220,0.6)")("stroke-width", ctx.maskStrokeWidth());
|
|
226
|
+
i0.ɵɵadvance();
|
|
227
|
+
i0.ɵɵconditional(ctx.maskColor() ? 12 : -1);
|
|
228
|
+
} }, dependencies: [PanelComponent], encapsulation: 2, changeDetection: 0 }); }
|
|
229
|
+
}
|
|
230
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MiniMapComponent, [{
|
|
231
|
+
type: Component,
|
|
232
|
+
args: [{
|
|
233
|
+
selector: 'ng-flow-minimap',
|
|
234
|
+
standalone: true,
|
|
235
|
+
imports: [PanelComponent],
|
|
236
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
237
|
+
template: `
|
|
238
|
+
<ng-flow-panel [position]="position()">
|
|
239
|
+
<div
|
|
240
|
+
class="ng-flow__minimap xy-flow__minimap"
|
|
241
|
+
#minimapContainer
|
|
242
|
+
[attr.aria-label]="ariaLabel()"
|
|
243
|
+
[style.width.px]="mmWidth()"
|
|
244
|
+
[style.height.px]="mmHeight()"
|
|
245
|
+
style="border-radius: 4px; overflow: hidden; border: 1px solid #ddd; box-shadow: 0 1px 4px rgba(0,0,0,0.1); cursor: pointer;"
|
|
246
|
+
(click)="onMinimapClick($event)"
|
|
247
|
+
>
|
|
248
|
+
<svg
|
|
249
|
+
class="xy-flow__minimap-svg"
|
|
250
|
+
[attr.width]="mmWidth()"
|
|
251
|
+
[attr.height]="mmHeight()"
|
|
252
|
+
[attr.viewBox]="viewBox()"
|
|
253
|
+
>
|
|
254
|
+
<!-- Background -->
|
|
255
|
+
<rect x="-10000" y="-10000" width="20000" height="20000" [attr.fill]="bgColor() ?? '#f0f0f0'" />
|
|
256
|
+
<!-- Mask: dim area outside viewport -->
|
|
257
|
+
<defs>
|
|
258
|
+
<clipPath [attr.id]="'minimap-mask-' + store.rfId()">
|
|
259
|
+
<rect x="-10000" y="-10000" width="20000" height="20000" />
|
|
260
|
+
</clipPath>
|
|
261
|
+
</defs>
|
|
262
|
+
<!-- Viewport window (bright area) -->
|
|
263
|
+
<rect
|
|
264
|
+
[attr.x]="maskPosition().x"
|
|
265
|
+
[attr.y]="maskPosition().y"
|
|
266
|
+
[attr.width]="maskPosition().width"
|
|
267
|
+
[attr.height]="maskPosition().height"
|
|
268
|
+
fill="#fff"
|
|
269
|
+
/>
|
|
270
|
+
<!-- Nodes -->
|
|
271
|
+
@for (node of minimapNodes(); track node.id) {
|
|
272
|
+
<rect
|
|
273
|
+
class="xy-flow__minimap-node"
|
|
274
|
+
[class]="getNodeClassName(node)"
|
|
275
|
+
[attr.x]="node.x"
|
|
276
|
+
[attr.y]="node.y"
|
|
277
|
+
[attr.width]="node.width"
|
|
278
|
+
[attr.height]="node.height"
|
|
279
|
+
[attr.rx]="nodeBorderRadius()"
|
|
280
|
+
[attr.fill]="getNodeColor(node)"
|
|
281
|
+
[attr.stroke]="getNodeStrokeColor(node)"
|
|
282
|
+
[attr.stroke-width]="nodeStrokeWidth()"
|
|
283
|
+
(click)="onMinimapNodeClick($event, node)"
|
|
284
|
+
/>
|
|
285
|
+
}
|
|
286
|
+
<!-- Viewport outline -->
|
|
287
|
+
<rect
|
|
288
|
+
[attr.x]="maskPosition().x"
|
|
289
|
+
[attr.y]="maskPosition().y"
|
|
290
|
+
[attr.width]="maskPosition().width"
|
|
291
|
+
[attr.height]="maskPosition().height"
|
|
292
|
+
fill="none"
|
|
293
|
+
[attr.stroke]="maskStrokeColor() ?? 'rgba(0,89,220,0.6)'"
|
|
294
|
+
[attr.stroke-width]="maskStrokeWidth()"
|
|
295
|
+
rx="2"
|
|
296
|
+
/>
|
|
297
|
+
<!-- Mask overlay (dim non-viewport area) -->
|
|
298
|
+
@if (maskColor()) {
|
|
299
|
+
<rect x="-10000" y="-10000" width="20000" height="20000"
|
|
300
|
+
[attr.fill]="maskColor()"
|
|
301
|
+
style="pointer-events: none;"
|
|
302
|
+
/>
|
|
303
|
+
<rect
|
|
304
|
+
[attr.x]="maskPosition().x"
|
|
305
|
+
[attr.y]="maskPosition().y"
|
|
306
|
+
[attr.width]="maskPosition().width"
|
|
307
|
+
[attr.height]="maskPosition().height"
|
|
308
|
+
fill="#fff"
|
|
309
|
+
style="pointer-events: none;"
|
|
310
|
+
/>
|
|
311
|
+
}
|
|
312
|
+
</svg>
|
|
313
|
+
</div>
|
|
314
|
+
</ng-flow-panel>
|
|
315
|
+
`,
|
|
316
|
+
}]
|
|
317
|
+
}], null, { minimapContainerRef: [{ type: i0.ViewChild, args: ['minimapContainer', { isSignal: true }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], mmWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], mmHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], pannable: [{ type: i0.Input, args: [{ isSignal: true, alias: "pannable", required: false }] }], zoomable: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoomable", required: false }] }], zoomStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoomStep", required: false }] }], inversePan: [{ type: i0.Input, args: [{ isSignal: true, alias: "inversePan", required: false }] }], nodeColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeColor", required: false }] }], nodeStrokeColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeStrokeColor", required: false }] }], nodeClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeClassName", required: false }] }], nodeBorderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeBorderRadius", required: false }] }], nodeStrokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeStrokeWidth", required: false }] }], nodeComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeComponent", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], maskColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "maskColor", required: false }] }], maskStrokeColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "maskStrokeColor", required: false }] }], maskStrokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maskStrokeWidth", required: false }] }], offsetScale: [{ type: i0.Input, args: [{ isSignal: true, alias: "offsetScale", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], minimapClick: [{ type: i0.Output, args: ["minimapClick"] }], minimapNodeClick: [{ type: i0.Output, args: ["minimapNodeClick"] }] }); })();
|
|
318
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MiniMapComponent, { className: "MiniMapComponent", filePath: "lib/components/minimap/minimap.component.ts", lineNumber: 110 }); })();
|
|
319
|
+
//# sourceMappingURL=minimap.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"minimap.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/minimap/minimap.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class NgFlowProviderComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgFlowProviderComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgFlowProviderComponent, "ng-flow-provider", never, {}, {}, never, ["*"], true, never>;
|
|
5
|
+
}
|
|
6
|
+
//# sourceMappingURL=ng-flow-provider.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ng-flow-provider.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/ng-flow-provider/ng-flow-provider.component.ts"],"names":[],"mappings":";AAIA,qBAOa,uBAAuB;yCAAvB,uBAAuB;2CAAvB,uBAAuB;CAAG"}
|