@foblex/flow 1.5.7 → 1.5.9
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/domain/index.d.ts +1 -0
- package/domain/providers.d.ts +2 -1
- package/domain/select/index.d.ts +2 -0
- package/domain/select/select.handler.d.ts +13 -0
- package/domain/select/select.request.d.ts +5 -0
- package/esm2022/domain/clear-selection/clear-selection.handler.mjs +3 -3
- package/esm2022/domain/get-connection-vector/get-connection-vector.handler.mjs +3 -3
- package/esm2022/domain/get-connection.handler.mjs +3 -3
- package/esm2022/domain/get-element-rect-in-flow/get-element-rect-in-flow.handler.mjs +3 -3
- package/esm2022/domain/get-incoming-connections.handler.mjs +3 -3
- package/esm2022/domain/get-input-rect-in-flow/get-input-rect-in-flow.handler.mjs +4 -4
- package/esm2022/domain/get-nodes-rect/get-nodes-rect.handler.mjs +3 -3
- package/esm2022/domain/get-outgoing-connections.handler.mjs +3 -3
- package/esm2022/domain/get-output-rect-in-flow/get-output-rect-in-flow.handler.mjs +4 -4
- package/esm2022/domain/get-selection/get-selection.handler.mjs +4 -4
- package/esm2022/domain/index.mjs +2 -1
- package/esm2022/domain/providers.mjs +3 -1
- package/esm2022/domain/redraw-connections/redraw-connections.handler.mjs +4 -4
- package/esm2022/domain/select/index.mjs +3 -0
- package/esm2022/domain/select/select.handler.mjs +44 -0
- package/esm2022/domain/select/select.request.mjs +7 -0
- package/esm2022/domain/select-all/select-all.handler.mjs +3 -3
- package/esm2022/domain/update-connection-layer.handler.mjs +4 -4
- package/esm2022/domain/update-node-layer.handler.mjs +4 -4
- package/esm2022/f-backgroud/f-background-base.mjs +3 -3
- package/esm2022/f-backgroud/f-background.component.mjs +4 -4
- package/esm2022/f-backgroud/f-cell-pattern/f-cell-pattern.component.mjs +5 -5
- package/esm2022/f-canvas/f-canvas-base.mjs +3 -3
- package/esm2022/f-canvas/f-canvas.component.mjs +8 -9
- package/esm2022/f-canvas/f-zoom/f-zoom-base.mjs +1 -1
- package/esm2022/f-canvas/f-zoom/f-zoom.directive.mjs +4 -4
- package/esm2022/f-components-store.mjs +3 -3
- package/esm2022/f-connection/common/cast-to-connection-behavior.mjs +1 -1
- package/esm2022/f-connection/common/cast-to-connection-type.mjs +1 -1
- package/esm2022/f-connection/common/domain/calculate-connection-center/calculate-connection-center.handler.mjs +1 -1
- package/esm2022/f-connection/common/domain/f-bezier.path-builder.mjs +1 -1
- package/esm2022/f-connection/common/domain/f-segment.path-builder.mjs +1 -1
- package/esm2022/f-connection/common/f-connection-base.mjs +3 -3
- package/esm2022/f-connection/common/f-connection-text/f-connection-text-path.directive.mjs +4 -4
- package/esm2022/f-connection/common/f-connection-text/f-connection-text.component.mjs +4 -4
- package/esm2022/f-connection/common/f-drag-handle/f-connection-drag-handle.component.mjs +3 -3
- package/esm2022/f-connection/common/f-gradient/f-connection-gradient.component.mjs +3 -3
- package/esm2022/f-connection/common/f-path/f-connection-path.component.mjs +3 -3
- package/esm2022/f-connection/common/f-selection/f-connection-selection.component.mjs +3 -3
- package/esm2022/f-connection/f-connection/f-connection.component.mjs +3 -3
- package/esm2022/f-connection/f-connection-center/f-connection-center.directive.mjs +5 -6
- package/esm2022/f-connection/f-connection-for-create/f-connection-for-create.component.mjs +3 -3
- package/esm2022/f-connection/f-marker/f-marker-base.mjs +3 -3
- package/esm2022/f-connection/f-marker/f-marker.directive.mjs +4 -5
- package/esm2022/f-connectors/domain/calculate-connector-connectable-side/calculate-connector-connectable-side.handler.mjs +1 -1
- package/esm2022/f-connectors/f-node-input/f-node-input-base.mjs +3 -3
- package/esm2022/f-connectors/f-node-input/f-node-input.directive.mjs +4 -4
- package/esm2022/f-connectors/f-node-outlet/f-node-outlet-base.mjs +3 -3
- package/esm2022/f-connectors/f-node-outlet/f-node-outlet.directive.mjs +4 -4
- package/esm2022/f-connectors/f-node-output/f-node-output-base.mjs +3 -3
- package/esm2022/f-connectors/f-node-output/f-node-output.directive.mjs +4 -4
- package/esm2022/f-draggable/canvas/canvas.on-pointer-up.mjs +4 -4
- package/esm2022/f-draggable/canvas/canvas.prepare-drag-sequence.mjs +4 -4
- package/esm2022/f-draggable/connections/create-connection/create-connection.on-pointer-up.mjs +4 -4
- package/esm2022/f-draggable/connections/create-connection/create-connection.prepare-drag-sequence.mjs +4 -4
- package/esm2022/f-draggable/connections/create-connection/find-first-can-be-connected-output-by-outlet/find-first-can-be-connected-output-by-outlet.handler.mjs +4 -4
- package/esm2022/f-draggable/connections/find-inputs-under-pointer/find-inputs-under-pointer.handler.mjs +4 -4
- package/esm2022/f-draggable/connections/find-inputs-under-pointer/first-not-connected-input-of-node-under-pointer/first-not-connected-input-of-node-under-pointer.handler.mjs +3 -3
- package/esm2022/f-draggable/connections/find-inputs-under-pointer/inputs-under-pointer/inputs-under-pointer.handler.mjs +3 -3
- package/esm2022/f-draggable/connections/reassign-connection/reassign-connection.on-pointer-up.mjs +4 -4
- package/esm2022/f-draggable/connections/reassign-connection/reassign-connection.prepare-drag-sequence.mjs +4 -4
- package/esm2022/f-draggable/external-item/external-item.on-pointer-up.mjs +7 -5
- package/esm2022/f-draggable/external-item/external-item.prepare-drag-sequence.mjs +4 -4
- package/esm2022/f-draggable/f-draggable-base.mjs +4 -4
- package/esm2022/f-draggable/f-draggable-data-context.mjs +3 -3
- package/esm2022/f-draggable/f-draggable.directive.mjs +4 -4
- package/esm2022/f-draggable/node/domain/is-connection-under-node/is-connection-under-node.handler.mjs +4 -4
- package/esm2022/f-draggable/node/node.on-pointer-up.mjs +4 -4
- package/esm2022/f-draggable/node/node.prepare-drag-sequence.mjs +4 -4
- package/esm2022/f-draggable/selection-area/get-can-be-selected-items/get-can-be-selected-items.handler.mjs +3 -3
- package/esm2022/f-draggable/selection-area/selection-area.drag-handle.mjs +1 -1
- package/esm2022/f-draggable/selection-area/selection-area.on-pointer-up.mjs +4 -4
- package/esm2022/f-draggable/selection-area/selection-area.prepare-drag-sequence.mjs +4 -4
- package/esm2022/f-draggable/single-select/single-select.on-pointer-down.mjs +4 -4
- package/esm2022/f-external-item/f-external-item-base.mjs +3 -3
- package/esm2022/f-external-item/f-external-item.directive.mjs +3 -3
- package/esm2022/f-external-item/f-external-item.service.mjs +4 -4
- package/esm2022/f-flow/f-flow.component.mjs +8 -5
- package/esm2022/f-flow.module.mjs +25 -9
- package/esm2022/f-line-alignment/domain/nearest-coordinate.mjs +1 -1
- package/esm2022/f-line-alignment/f-line-alignment-base.mjs +3 -3
- package/esm2022/f-line-alignment/f-line-alignment.component.mjs +4 -4
- package/esm2022/f-mediator/f-flow-mediator.mjs +4 -4
- package/esm2022/f-node/f-drag-handle/f-drag-handle.directive.mjs +4 -5
- package/esm2022/f-node/f-drag-handle/is-drag-handle.mjs +1 -1
- package/esm2022/f-node/f-node.directive.mjs +4 -4
- package/esm2022/f-selection-area/f-selection-area-base.mjs +3 -3
- package/esm2022/f-selection-area/f-selection-area.component.mjs +3 -3
- package/f-backgroud/f-cell-pattern/f-cell-pattern.component.d.ts +1 -1
- package/f-connection/f-connection-center/f-connection-center.directive.d.ts +1 -1
- package/f-connection/f-marker/f-marker.directive.d.ts +1 -1
- package/f-flow/f-flow.component.d.ts +1 -0
- package/f-flow.module.d.ts +20 -16
- package/f-node/f-drag-handle/f-drag-handle.directive.d.ts +1 -1
- package/fesm2022/foblex-flow.mjs +294 -233
- package/fesm2022/foblex-flow.mjs.map +1 -1
- package/package.json +3 -3
package/fesm2022/foblex-flow.mjs
CHANGED
|
@@ -74,14 +74,14 @@ class FCellPatternComponent {
|
|
|
74
74
|
this.transform = transform;
|
|
75
75
|
this.redraw();
|
|
76
76
|
}
|
|
77
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
78
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
77
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FCellPatternComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
78
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: FCellPatternComponent, selector: "f-cell-pattern", inputs: { id: "id", verticalLineColor: "verticalLineColor", horizontalLineColor: "horizontalLineColor" }, host: { properties: { "attr.id": "id" } }, providers: [
|
|
79
79
|
{ provide: F_BACKGROUND_PATTERN, useExisting: FCellPatternComponent }
|
|
80
80
|
], ngImport: i0, template: "<ng-container></ng-container>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
81
81
|
}
|
|
82
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
82
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FCellPatternComponent, decorators: [{
|
|
83
83
|
type: Component,
|
|
84
|
-
args: [{ selector: "f-cell-pattern",
|
|
84
|
+
args: [{ selector: "f-cell-pattern", host: {
|
|
85
85
|
'[attr.id]': 'id'
|
|
86
86
|
}, providers: [
|
|
87
87
|
{ provide: F_BACKGROUND_PATTERN, useExisting: FCellPatternComponent }
|
|
@@ -96,10 +96,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
|
|
|
96
96
|
|
|
97
97
|
const F_BACKGROUND = new InjectionToken('F_BACKGROUND');
|
|
98
98
|
class FBackgroundBase {
|
|
99
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
100
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
99
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FBackgroundBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
100
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FBackgroundBase, ngImport: i0 }); }
|
|
101
101
|
}
|
|
102
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
102
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FBackgroundBase, decorators: [{
|
|
103
103
|
type: Directive
|
|
104
104
|
}] });
|
|
105
105
|
|
|
@@ -161,10 +161,10 @@ class FComponentsStore {
|
|
|
161
161
|
this.fConnections = this.fConnections.filter(c => c !== connection);
|
|
162
162
|
this.changes.next();
|
|
163
163
|
}
|
|
164
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
165
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
164
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FComponentsStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
165
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FComponentsStore }); }
|
|
166
166
|
}
|
|
167
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
167
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FComponentsStore, decorators: [{
|
|
168
168
|
type: Injectable
|
|
169
169
|
}] });
|
|
170
170
|
|
|
@@ -208,10 +208,10 @@ class FBackgroundComponent extends FBackgroundBase {
|
|
|
208
208
|
ngOnDestroy() {
|
|
209
209
|
this.fComponentsStore.fBackground = undefined;
|
|
210
210
|
}
|
|
211
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
212
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
211
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FBackgroundComponent, deps: [{ token: i0.ElementRef }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
212
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: FBackgroundComponent, selector: "f-background", host: { classAttribute: "f-component f-background" }, providers: [{ provide: F_BACKGROUND, useExisting: FBackgroundComponent }], queries: [{ propertyName: "fBackgroundPattern", first: true, predicate: F_BACKGROUND_PATTERN, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<svg>\n <ng-content></ng-content>\n\n<!-- <rect width=\"100%\" height=\"100%\" fill=\"url(#background-pattern)\"></rect>-->\n</svg>\n", styles: [":host{position:absolute;width:100%;height:100%;left:0;top:0;transform-origin:0 0;pointer-events:none}:host svg{width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
213
213
|
}
|
|
214
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
214
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FBackgroundComponent, decorators: [{
|
|
215
215
|
type: Component,
|
|
216
216
|
args: [{ selector: "f-background", host: {
|
|
217
217
|
'class': 'f-component f-background'
|
|
@@ -367,10 +367,10 @@ class FNodeInputBase extends FConnectorBase {
|
|
|
367
367
|
get canBeConnected() {
|
|
368
368
|
return !this.disabled && (this.multiple ? true : !this.isConnected);
|
|
369
369
|
}
|
|
370
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
371
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
370
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FNodeInputBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
371
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FNodeInputBase, usesInheritance: true, ngImport: i0 }); }
|
|
372
372
|
}
|
|
373
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
373
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FNodeInputBase, decorators: [{
|
|
374
374
|
type: Directive
|
|
375
375
|
}] });
|
|
376
376
|
|
|
@@ -419,10 +419,10 @@ class FNodeInputDirective extends FNodeInputBase {
|
|
|
419
419
|
this.fNode.removeConnector(this);
|
|
420
420
|
this.fComponentsStore.removeInput(this);
|
|
421
421
|
}
|
|
422
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
423
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
422
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FNodeInputDirective, deps: [{ token: i0.ElementRef }, { token: F_NODE }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
423
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FNodeInputDirective, selector: "[fNodeInput]", inputs: { id: ["fInputId", "id"], multiple: ["fInputMultiple", "multiple"], disabled: ["fInputDisabled", "disabled"], _fConnectableSide: ["fInputConnectableSide", "_fConnectableSide"] }, host: { properties: { "attr.data-f-input-id": "id", "class.f-node-input-multiple": "multiple", "class.f-node-input-disabled": "disabled", "class.f-node-input-not-connectable": "!canBeConnected" }, classAttribute: "f-component f-node-input" }, providers: [{ provide: F_NODE_INPUT, useExisting: FNodeInputDirective }], exportAs: ["fNodeInput"], usesInheritance: true, ngImport: i0 }); }
|
|
424
424
|
}
|
|
425
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
425
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FNodeInputDirective, decorators: [{
|
|
426
426
|
type: Directive,
|
|
427
427
|
args: [{
|
|
428
428
|
selector: "[fNodeInput]",
|
|
@@ -466,10 +466,10 @@ class FNodeOutletBase extends FConnectorBase {
|
|
|
466
466
|
setOutputs(outputs) {
|
|
467
467
|
this.outputs = outputs;
|
|
468
468
|
}
|
|
469
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
470
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
469
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FNodeOutletBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
470
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FNodeOutletBase, usesInheritance: true, ngImport: i0 }); }
|
|
471
471
|
}
|
|
472
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
472
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FNodeOutletBase, decorators: [{
|
|
473
473
|
type: Directive
|
|
474
474
|
}] });
|
|
475
475
|
|
|
@@ -512,10 +512,10 @@ class FNodeOutletDirective extends FNodeOutletBase {
|
|
|
512
512
|
ngOnDestroy() {
|
|
513
513
|
this.fComponentsStore.removeOutlet(this);
|
|
514
514
|
}
|
|
515
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
516
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
515
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FNodeOutletDirective, deps: [{ token: i0.ElementRef }, { token: F_NODE }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
516
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FNodeOutletDirective, selector: "[fNodeOutlet]", inputs: { id: ["fOutletId", "id"], disabled: ["fOutletDisabled", "disabled"], isConnectionFromOutlet: "isConnectionFromOutlet" }, host: { properties: { "attr.data-f-outlet-id": "id", "class.f-node-outlet-disabled": "disabled" }, classAttribute: "f-component f-node-outlet" }, providers: [{ provide: F_NODE_OUTLET, useExisting: FNodeOutletDirective }], exportAs: ["fNodeOutlet"], usesInheritance: true, ngImport: i0 }); }
|
|
517
517
|
}
|
|
518
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
518
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FNodeOutletDirective, decorators: [{
|
|
519
519
|
type: Directive,
|
|
520
520
|
args: [{
|
|
521
521
|
selector: "[fNodeOutlet]",
|
|
@@ -549,10 +549,10 @@ class FNodeOutputBase extends FConnectorBase {
|
|
|
549
549
|
get canBeConnected() {
|
|
550
550
|
return !this.disabled && (this.multiple ? true : !this.isConnected);
|
|
551
551
|
}
|
|
552
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
553
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
552
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FNodeOutputBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
553
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FNodeOutputBase, usesInheritance: true, ngImport: i0 }); }
|
|
554
554
|
}
|
|
555
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
555
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FNodeOutputBase, decorators: [{
|
|
556
556
|
type: Directive
|
|
557
557
|
}] });
|
|
558
558
|
|
|
@@ -602,10 +602,10 @@ class FNodeOutputDirective extends FNodeOutputBase {
|
|
|
602
602
|
this.fNode.removeConnector(this);
|
|
603
603
|
this.fComponentsStore.removeOutput(this);
|
|
604
604
|
}
|
|
605
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
606
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
605
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FNodeOutputDirective, deps: [{ token: i0.ElementRef }, { token: F_NODE }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
606
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FNodeOutputDirective, selector: "[fNodeOutput]", inputs: { id: ["fOutputId", "id"], multiple: ["fOutputMultiple", "multiple"], disabled: ["fOutputDisabled", "disabled"], _fConnectableSide: ["fOutputConnectableSide", "_fConnectableSide"], isSelfConnectable: "isSelfConnectable" }, host: { properties: { "attr.data-f-output-id": "id", "class.f-node-output-disabled": "disabled" }, classAttribute: "f-component f-node-output" }, providers: [{ provide: F_NODE_OUTPUT, useExisting: FNodeOutputDirective }], exportAs: ["fNodeOutput"], usesInheritance: true, ngImport: i0 }); }
|
|
607
607
|
}
|
|
608
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
608
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FNodeOutputDirective, decorators: [{
|
|
609
609
|
type: Directive,
|
|
610
610
|
args: [{
|
|
611
611
|
selector: "[fNodeOutput]",
|
|
@@ -886,10 +886,10 @@ class FConnectionTextPathDirective {
|
|
|
886
886
|
const symbolWidth = metrics.width / text.length;
|
|
887
887
|
return symbolWidth;
|
|
888
888
|
}
|
|
889
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
890
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
889
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionTextPathDirective, deps: [{ token: i0.ElementRef }, { token: F_CONNECTION }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
890
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FConnectionTextPathDirective, selector: "textPath[f-connection-text-path]", host: { properties: { "attr.href": "linkToConnection" } }, ngImport: i0 }); }
|
|
891
891
|
}
|
|
892
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
892
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionTextPathDirective, decorators: [{
|
|
893
893
|
type: Directive,
|
|
894
894
|
args: [{
|
|
895
895
|
selector: 'textPath[f-connection-text-path]',
|
|
@@ -945,10 +945,10 @@ class FConnectionTextComponent {
|
|
|
945
945
|
const vectorLength = PointExtensions.hypotenuse(vector.point1, vector.point2);
|
|
946
946
|
return vectorLength / 2 - ((name || '').length * symbolWidth) / 2;
|
|
947
947
|
}
|
|
948
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
949
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
948
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionTextComponent, deps: [{ token: i0.ElementRef }, { token: F_CONNECTION }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
949
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: FConnectionTextComponent, selector: "text[f-connection-text]", host: { properties: { "attr.id": "textId" }, classAttribute: "f-component f-connection-text" }, providers: [{ provide: CONNECTION_TEXT, useExisting: FConnectionTextComponent }], viewQueries: [{ propertyName: "textPathDirective", first: true, predicate: FConnectionTextPathDirective, descendants: true, static: true }], ngImport: i0, template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n <svg:textPath f-connection-text-path>\n {{ text }}\n </svg:textPath>\n</ng-container>\n", dependencies: [{ kind: "directive", type: FConnectionTextPathDirective, selector: "textPath[f-connection-text-path]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
950
950
|
}
|
|
951
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
951
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionTextComponent, decorators: [{
|
|
952
952
|
type: Component,
|
|
953
953
|
args: [{ selector: "text[f-connection-text]", changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
954
954
|
class: "f-component f-connection-text",
|
|
@@ -975,10 +975,10 @@ class FConnectionDragHandleComponent {
|
|
|
975
975
|
this.hostElement.setAttribute('cx', point.x.toString());
|
|
976
976
|
this.hostElement.setAttribute('cy', point.y.toString());
|
|
977
977
|
}
|
|
978
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
979
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
978
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionDragHandleComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
979
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: FConnectionDragHandleComponent, selector: "circle[f-connection-drag-handle]", host: { properties: { "class": "class" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
980
980
|
}
|
|
981
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
981
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionDragHandleComponent, decorators: [{
|
|
982
982
|
type: Component,
|
|
983
983
|
args: [{
|
|
984
984
|
selector: "circle[f-connection-drag-handle]",
|
|
@@ -1035,10 +1035,10 @@ class FConnectionGradientComponent {
|
|
|
1035
1035
|
this.hostElement.setAttribute('y2', to.y.toString());
|
|
1036
1036
|
this.updateGradient();
|
|
1037
1037
|
}
|
|
1038
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1039
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
1038
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionGradientComponent, deps: [{ token: i0.ElementRef }, { token: F_CONNECTION }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1039
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]", host: { properties: { "attr.id": "gradientId" }, classAttribute: "f-component f-connection-gradient" }, providers: [{ provide: CONNECTION_GRADIENT, useExisting: FConnectionGradientComponent }], ngImport: i0, template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n <svg:stop/>\n <svg:stop/>\n</ng-container>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1040
1040
|
}
|
|
1041
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1041
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionGradientComponent, decorators: [{
|
|
1042
1042
|
type: Component,
|
|
1043
1043
|
args: [{ selector: "linearGradient[fConnectionGradient]", changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1044
1044
|
class: "f-component f-connection-gradient",
|
|
@@ -1068,10 +1068,10 @@ var EFMarkerType;
|
|
|
1068
1068
|
|
|
1069
1069
|
const F_MARKER = new InjectionToken('F_MARKER');
|
|
1070
1070
|
class FMarkerBase {
|
|
1071
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1072
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1071
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FMarkerBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1072
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FMarkerBase, ngImport: i0 }); }
|
|
1073
1073
|
}
|
|
1074
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1074
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FMarkerBase, decorators: [{
|
|
1075
1075
|
type: Directive
|
|
1076
1076
|
}] });
|
|
1077
1077
|
|
|
@@ -1089,14 +1089,13 @@ class FMarkerDirective extends FMarkerBase {
|
|
|
1089
1089
|
this.type = EFMarkerType.START;
|
|
1090
1090
|
this.hostElement.style.display = 'none';
|
|
1091
1091
|
}
|
|
1092
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1093
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1092
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FMarkerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1093
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FMarkerDirective, selector: "svg[fMarker]", inputs: { hostElement: "hostElement", width: "width", height: "height", refX: "refX", refY: "refY", type: "type" }, host: { classAttribute: "f-component f-marker" }, providers: [{ provide: F_MARKER, useExisting: FMarkerDirective }], usesInheritance: true, ngImport: i0 }); }
|
|
1094
1094
|
}
|
|
1095
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1095
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FMarkerDirective, decorators: [{
|
|
1096
1096
|
type: Directive,
|
|
1097
1097
|
args: [{
|
|
1098
1098
|
selector: "svg[fMarker]",
|
|
1099
|
-
standalone: true,
|
|
1100
1099
|
host: {
|
|
1101
1100
|
class: "f-component f-marker"
|
|
1102
1101
|
},
|
|
@@ -1150,10 +1149,10 @@ class FConnectionPathComponent {
|
|
|
1150
1149
|
isSelected() {
|
|
1151
1150
|
return this.hostElement.getAttribute('marker-start') === `url(#${this.getMarkerId(EFMarkerType.SELECTED_START)})`;
|
|
1152
1151
|
}
|
|
1153
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1154
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
1152
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionPathComponent, deps: [{ token: i0.ElementRef }, { token: F_CONNECTION }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1153
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: FConnectionPathComponent, selector: "path[f-connection-path]", host: { properties: { "attr.id": "attrConnectionId", "attr.stroke": "linkToGradient" }, classAttribute: "f-component f-connection-path" }, providers: [{ provide: CONNECTION_PATH, useExisting: FConnectionPathComponent }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1155
1154
|
}
|
|
1156
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1155
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionPathComponent, decorators: [{
|
|
1157
1156
|
type: Component,
|
|
1158
1157
|
args: [{
|
|
1159
1158
|
selector: "path[f-connection-path]",
|
|
@@ -1185,10 +1184,10 @@ class FConnectionSelectionComponent {
|
|
|
1185
1184
|
setPath(path) {
|
|
1186
1185
|
this.hostElement.setAttribute("d", `${path}`);
|
|
1187
1186
|
}
|
|
1188
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1189
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
1187
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionSelectionComponent, deps: [{ token: i0.ElementRef }, { token: F_CONNECTION }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1188
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]", host: { properties: { "attr.id": "connectionForSelectionId" }, classAttribute: "f-component f-connection-selection" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1190
1189
|
}
|
|
1191
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionSelectionComponent, decorators: [{
|
|
1192
1191
|
type: Component,
|
|
1193
1192
|
args: [{
|
|
1194
1193
|
selector: "path[fConnectionSelection]",
|
|
@@ -1309,10 +1308,10 @@ class FConnectionBase extends MIXIN_BASE$1 {
|
|
|
1309
1308
|
this.fDragHandle.redraw(this.vector.point2);
|
|
1310
1309
|
this.fTextComponent.redraw(this.vector);
|
|
1311
1310
|
}
|
|
1312
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1313
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1311
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionBase, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1312
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FConnectionBase, usesInheritance: true, ngImport: i0 }); }
|
|
1314
1313
|
}
|
|
1315
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1314
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionBase, decorators: [{
|
|
1316
1315
|
type: Directive
|
|
1317
1316
|
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
1318
1317
|
|
|
@@ -1340,14 +1339,13 @@ function castToConnectionType(type) {
|
|
|
1340
1339
|
}
|
|
1341
1340
|
|
|
1342
1341
|
class FConnectionCenterDirective {
|
|
1343
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1344
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1342
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionCenterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1343
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FConnectionCenterDirective, selector: "[fConnectionCenter]", ngImport: i0 }); }
|
|
1345
1344
|
}
|
|
1346
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1345
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionCenterDirective, decorators: [{
|
|
1347
1346
|
type: Directive,
|
|
1348
1347
|
args: [{
|
|
1349
|
-
selector: "[fConnectionCenter]"
|
|
1350
|
-
standalone: true
|
|
1348
|
+
selector: "[fConnectionCenter]"
|
|
1351
1349
|
}]
|
|
1352
1350
|
}] });
|
|
1353
1351
|
|
|
@@ -1388,10 +1386,10 @@ class FConnectionForCreateComponent extends FConnectionBase {
|
|
|
1388
1386
|
ngOnDestroy() {
|
|
1389
1387
|
this.fComponentsStore.fTempConnection = undefined;
|
|
1390
1388
|
}
|
|
1391
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1392
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.
|
|
1389
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionForCreateComponent, deps: [{ token: i0.ElementRef }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1390
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.1", type: FConnectionForCreateComponent, selector: "f-connection-for-create", inputs: { fStartColor: "fStartColor", fEndColor: "fEndColor", fBehavior: ["fBehavior", "fBehavior", castToConnectionBehavior], fType: ["fType", "fType", castToConnectionType], disabled: "disabled" }, host: { classAttribute: "f-component f-connection f-connection-for-create" }, providers: [{ provide: F_CONNECTION, useExisting: FConnectionForCreateComponent }], queries: [{ propertyName: "fMarkers", predicate: F_MARKER, descendants: true }, { propertyName: "fConnectionCenters", predicate: FConnectionCenterDirective, descendants: true }], viewQueries: [{ propertyName: "fDefs", first: true, predicate: ["defs"], descendants: true, static: true }, { propertyName: "fPath", first: true, predicate: CONNECTION_PATH, descendants: true, static: true }, { propertyName: "fGradient", first: true, predicate: CONNECTION_GRADIENT, descendants: true, static: true }, { propertyName: "fDragHandle", first: true, predicate: FConnectionDragHandleComponent, descendants: true, static: true }, { propertyName: "fSelection", first: true, predicate: FConnectionSelectionComponent, descendants: true, static: true }, { propertyName: "fTextComponent", first: true, predicate: CONNECTION_TEXT, descendants: true, static: true }, { propertyName: "fConnectionCenter", first: true, predicate: ["fConnectionCenter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n <defs #defs></defs>\n <g class=\"f-connection-group\">\n <linearGradient fConnectionGradient></linearGradient>\n <path fConnectionSelection [attr.d]=\"path\"></path>\n <g>\n <path f-connection-path\n [attr.d]=\"path\">\n </path>\n <circle f-connection-drag-handle r=\"8\"></circle>\n </g>\n <text f-connection-text></text>\n </g>\n <ng-content></ng-content>\n</svg>\n<div #fConnectionCenter class=\"f-connection-center\" *ngIf=\"fConnectionCenters.length\">\n <ng-content select=\"[fConnectionCenter]\"></ng-content>\n</div>\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FConnectionDragHandleComponent, selector: "circle[f-connection-drag-handle]" }, { kind: "component", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]" }, { kind: "component", type: FConnectionPathComponent, selector: "path[f-connection-path]" }, { kind: "component", type: FConnectionTextComponent, selector: "text[f-connection-text]" }, { kind: "component", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1393
1391
|
}
|
|
1394
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1392
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionForCreateComponent, decorators: [{
|
|
1395
1393
|
type: Component,
|
|
1396
1394
|
args: [{ selector: "f-connection-for-create", changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1397
1395
|
class: "f-component f-connection f-connection-for-create"
|
|
@@ -1471,10 +1469,10 @@ class FConnectionComponent extends FConnectionBase {
|
|
|
1471
1469
|
ngOnDestroy() {
|
|
1472
1470
|
this.fComponentsStore.removeConnection(this);
|
|
1473
1471
|
}
|
|
1474
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1475
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.
|
|
1472
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionComponent, deps: [{ token: i0.ElementRef }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1473
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.1", type: FConnectionComponent, selector: "f-connection", inputs: { fConnectionId: "fConnectionId", fText: "fText", fStartColor: "fStartColor", fEndColor: "fEndColor", fOutputId: "fOutputId", fInputId: "fInputId", fBehavior: ["fBehavior", "fBehavior", castToConnectionBehavior], fType: ["fType", "fType", castToConnectionType], disabled: "disabled" }, host: { properties: { "attr.id": "fConnectionId", "class.f-connection-disabled": "disabled" }, classAttribute: "f-component f-connection" }, providers: [{ provide: F_CONNECTION, useExisting: FConnectionComponent }], queries: [{ propertyName: "fMarkers", predicate: F_MARKER, descendants: true }, { propertyName: "fConnectionCenters", predicate: FConnectionCenterDirective, descendants: true }], viewQueries: [{ propertyName: "fDefs", first: true, predicate: ["defs"], descendants: true, static: true }, { propertyName: "fPath", first: true, predicate: CONNECTION_PATH, descendants: true, static: true }, { propertyName: "fGradient", first: true, predicate: CONNECTION_GRADIENT, descendants: true, static: true }, { propertyName: "fDragHandle", first: true, predicate: FConnectionDragHandleComponent, descendants: true, static: true }, { propertyName: "fSelection", first: true, predicate: FConnectionSelectionComponent, descendants: true, static: true }, { propertyName: "fTextComponent", first: true, predicate: CONNECTION_TEXT, descendants: true, static: true }, { propertyName: "fConnectionCenter", first: true, predicate: ["fConnectionCenter"], descendants: true }], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"overflow: visible; display: block; vertical-align: middle;\">\n <defs #defs></defs>\n <g class=\"f-connection-group\">\n <linearGradient fConnectionGradient></linearGradient>\n <path fConnectionSelection [attr.d]=\"path\"></path>\n <g>\n <path f-connection-path\n [attr.d]=\"path\">\n </path>\n <circle f-connection-drag-handle r=\"8\"></circle>\n </g>\n <text f-connection-text></text>\n </g>\n <ng-content></ng-content>\n</svg>\n<div #fConnectionCenter class=\"f-connection-center\" *ngIf=\"fConnectionCenters.length\">\n <ng-content select=\"[fConnectionCenter]\"></ng-content>\n</div>\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FConnectionDragHandleComponent, selector: "circle[f-connection-drag-handle]" }, { kind: "component", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]" }, { kind: "component", type: FConnectionPathComponent, selector: "path[f-connection-path]" }, { kind: "component", type: FConnectionTextComponent, selector: "text[f-connection-text]" }, { kind: "component", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1476
1474
|
}
|
|
1477
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1475
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FConnectionComponent, decorators: [{
|
|
1478
1476
|
type: Component,
|
|
1479
1477
|
args: [{ selector: "f-connection", exportAs: 'fComponent', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1480
1478
|
'[attr.id]': 'fConnectionId',
|
|
@@ -1585,14 +1583,13 @@ class FDragHandleDirective {
|
|
|
1585
1583
|
ngOnDestroy() {
|
|
1586
1584
|
this.stateChanges.complete();
|
|
1587
1585
|
}
|
|
1588
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1589
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1586
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FDragHandleDirective, deps: [{ token: i0.ElementRef }, { token: F_NODE, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1587
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FDragHandleDirective, selector: "[fDragHandle]", inputs: { disabled: ["fDragHandleDisabled", "disabled"] }, host: { properties: { "class.f-drag-handle-disabled": "disabled" }, classAttribute: "f-drag-handle f-component" }, providers: [{ provide: F_DRAG_HANDLE, useExisting: FDragHandleDirective }], ngImport: i0 }); }
|
|
1590
1588
|
}
|
|
1591
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1589
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FDragHandleDirective, decorators: [{
|
|
1592
1590
|
type: Directive,
|
|
1593
1591
|
args: [{
|
|
1594
1592
|
selector: "[fDragHandle]",
|
|
1595
|
-
standalone: true,
|
|
1596
1593
|
host: {
|
|
1597
1594
|
class: "f-drag-handle f-component",
|
|
1598
1595
|
'[class.f-drag-handle-disabled]': 'disabled'
|
|
@@ -1710,12 +1707,12 @@ class FNodeDirective extends FNodeBase {
|
|
|
1710
1707
|
this.stateChanges.complete();
|
|
1711
1708
|
this.subscriptions$.unsubscribe();
|
|
1712
1709
|
}
|
|
1713
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1714
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1710
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FNodeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1711
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FNodeDirective, selector: "[fNode]", inputs: { fNodeId: "fNodeId", position: ["fNodePosition", "position"], disabled: "disabled" }, outputs: { positionChange: "fNodePositionChange" }, host: { properties: { "attr.data-f-node-id": "fNodeId", "class.f-node-disabled": "disabled" }, classAttribute: "f-node f-component" }, providers: [
|
|
1715
1712
|
{ provide: F_NODE, useExisting: FNodeDirective }
|
|
1716
1713
|
], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0 }); }
|
|
1717
1714
|
}
|
|
1718
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1715
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FNodeDirective, decorators: [{
|
|
1719
1716
|
type: Directive,
|
|
1720
1717
|
args: [{
|
|
1721
1718
|
selector: "[fNode]",
|
|
@@ -1860,10 +1857,10 @@ class FZoomDirective extends FZoomBase {
|
|
|
1860
1857
|
ngOnDestroy() {
|
|
1861
1858
|
super.unsubscribe();
|
|
1862
1859
|
}
|
|
1863
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1864
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1860
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FZoomDirective, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1861
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FZoomDirective, selector: "f-canvas[fZoom]", inputs: { fFlowZoom: ["fZoom", "fFlowZoom"], minimum: ["fZoomMinimum", "minimum"], maximum: ["fZoomMaximum", "maximum"], step: ["fZoomStep", "step"], dblClickStep: ["fZoomDblClickStep", "dblClickStep"] }, host: { classAttribute: "f-zoom f-component" }, providers: [{ provide: F_ZOOM, useExisting: FZoomDirective }], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0 }); }
|
|
1865
1862
|
}
|
|
1866
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1863
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FZoomDirective, decorators: [{
|
|
1867
1864
|
type: Directive,
|
|
1868
1865
|
args: [{
|
|
1869
1866
|
selector: "f-canvas[fZoom]",
|
|
@@ -1904,10 +1901,10 @@ class FCanvasBase extends MIXIN_BASE {
|
|
|
1904
1901
|
const position = PointExtensions.sum(this.transform.position, this.transform.scaledPosition);
|
|
1905
1902
|
this.fCanvasChange.emit(new FCanvasChangeEvent(position, this.transform.scale));
|
|
1906
1903
|
}
|
|
1907
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1908
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1904
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FCanvasBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1905
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FCanvasBase, usesInheritance: true, ngImport: i0 }); }
|
|
1909
1906
|
}
|
|
1910
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1907
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FCanvasBase, decorators: [{
|
|
1911
1908
|
type: Directive
|
|
1912
1909
|
}], ctorParameters: () => [] });
|
|
1913
1910
|
|
|
@@ -1929,10 +1926,10 @@ class FFlowMediator {
|
|
|
1929
1926
|
}
|
|
1930
1927
|
return this.injector.get(handler).handle(request);
|
|
1931
1928
|
}
|
|
1932
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1933
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
1929
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FFlowMediator, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1930
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FFlowMediator }); }
|
|
1934
1931
|
}
|
|
1935
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1932
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FFlowMediator, decorators: [{
|
|
1936
1933
|
type: Injectable
|
|
1937
1934
|
}], ctorParameters: () => [{ type: i0.Injector }] });
|
|
1938
1935
|
|
|
@@ -1985,10 +1982,10 @@ class FDraggableDataContext {
|
|
|
1985
1982
|
this.onPointerDownPosition = new Point(0, 0);
|
|
1986
1983
|
this.isSelectedChanged = false;
|
|
1987
1984
|
}
|
|
1988
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1989
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
1985
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FDraggableDataContext, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1986
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FDraggableDataContext }); }
|
|
1990
1987
|
}
|
|
1991
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1988
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FDraggableDataContext, decorators: [{
|
|
1992
1989
|
type: Injectable
|
|
1993
1990
|
}] });
|
|
1994
1991
|
|
|
@@ -2004,10 +2001,10 @@ class CanvasOnPointerUp {
|
|
|
2004
2001
|
});
|
|
2005
2002
|
}
|
|
2006
2003
|
}
|
|
2007
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
2008
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
2004
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: CanvasOnPointerUp, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2005
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: CanvasOnPointerUp }); }
|
|
2009
2006
|
}
|
|
2010
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2007
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: CanvasOnPointerUp, decorators: [{
|
|
2011
2008
|
type: Injectable
|
|
2012
2009
|
}], ctorParameters: () => [{ type: FDraggableDataContext }] });
|
|
2013
2010
|
|
|
@@ -2035,10 +2032,10 @@ class CanvasPrepareDragSequence {
|
|
|
2035
2032
|
];
|
|
2036
2033
|
}
|
|
2037
2034
|
}
|
|
2038
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
2039
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
2035
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: CanvasPrepareDragSequence, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2036
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: CanvasPrepareDragSequence }); }
|
|
2040
2037
|
}
|
|
2041
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2038
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: CanvasPrepareDragSequence, decorators: [{
|
|
2042
2039
|
type: Injectable
|
|
2043
2040
|
}], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }] });
|
|
2044
2041
|
|
|
@@ -2071,10 +2068,10 @@ class FindFirstCanBeConnectedOutputByOutletHandler {
|
|
|
2071
2068
|
}
|
|
2072
2069
|
return result;
|
|
2073
2070
|
}
|
|
2074
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
2075
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
2071
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FindFirstCanBeConnectedOutputByOutletHandler, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2072
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FindFirstCanBeConnectedOutputByOutletHandler }); }
|
|
2076
2073
|
}
|
|
2077
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2074
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FindFirstCanBeConnectedOutputByOutletHandler, decorators: [{
|
|
2078
2075
|
type: Injectable
|
|
2079
2076
|
}], ctorParameters: () => [{ type: FComponentsStore }] });
|
|
2080
2077
|
|
|
@@ -2139,10 +2136,10 @@ class FirstNotConnectedInputOfNodeUnderPointerHandler {
|
|
|
2139
2136
|
const result = inputs.find((x) => !!x);
|
|
2140
2137
|
return result;
|
|
2141
2138
|
}
|
|
2142
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
2143
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
2139
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FirstNotConnectedInputOfNodeUnderPointerHandler, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2140
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FirstNotConnectedInputOfNodeUnderPointerHandler }); }
|
|
2144
2141
|
}
|
|
2145
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2142
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FirstNotConnectedInputOfNodeUnderPointerHandler, decorators: [{
|
|
2146
2143
|
type: Injectable
|
|
2147
2144
|
}], ctorParameters: () => [{ type: FComponentsStore }] });
|
|
2148
2145
|
|
|
@@ -2160,10 +2157,10 @@ class InputsUnderPointerHandler {
|
|
|
2160
2157
|
return this.fInputs.find((x) => x.isContains(element));
|
|
2161
2158
|
}).filter((x) => !!x);
|
|
2162
2159
|
}
|
|
2163
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
2164
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
2160
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: InputsUnderPointerHandler, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2161
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: InputsUnderPointerHandler }); }
|
|
2165
2162
|
}
|
|
2166
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2163
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: InputsUnderPointerHandler, decorators: [{
|
|
2167
2164
|
type: Injectable
|
|
2168
2165
|
}], ctorParameters: () => [{ type: FComponentsStore }] });
|
|
2169
2166
|
|
|
@@ -2237,10 +2234,10 @@ class FindInputsUnderPointerHandler {
|
|
|
2237
2234
|
inputs = inputs.filter((x) => x.canBeConnected);
|
|
2238
2235
|
return inputs;
|
|
2239
2236
|
}
|
|
2240
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
2241
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
2237
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FindInputsUnderPointerHandler, deps: [{ token: FComponentsStore }, { token: InputsUnderPointerHandler }, { token: FirstNotConnectedInputOfNodeUnderPointerHandler }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2238
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FindInputsUnderPointerHandler }); }
|
|
2242
2239
|
}
|
|
2243
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2240
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FindInputsUnderPointerHandler, decorators: [{
|
|
2244
2241
|
type: Injectable
|
|
2245
2242
|
}], ctorParameters: () => [{ type: FComponentsStore }, { type: InputsUnderPointerHandler }, { type: FirstNotConnectedInputOfNodeUnderPointerHandler }] });
|
|
2246
2243
|
|
|
@@ -2276,10 +2273,10 @@ class CreateConnectionOnPointerUp {
|
|
|
2276
2273
|
handler.complete();
|
|
2277
2274
|
}
|
|
2278
2275
|
}
|
|
2279
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
2280
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
2276
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: CreateConnectionOnPointerUp, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: FindInputsUnderPointerHandler }, { token: FindFirstCanBeConnectedOutputByOutletHandler }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2277
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: CreateConnectionOnPointerUp }); }
|
|
2281
2278
|
}
|
|
2282
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2279
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: CreateConnectionOnPointerUp, decorators: [{
|
|
2283
2280
|
type: Injectable
|
|
2284
2281
|
}], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: FindInputsUnderPointerHandler }, { type: FindFirstCanBeConnectedOutputByOutletHandler }] });
|
|
2285
2282
|
|
|
@@ -2351,10 +2348,10 @@ class CreateConnectionPrepareDragSequence {
|
|
|
2351
2348
|
const outlets = this.fComponentsStore.fOutlets.filter((x) => node.isContains(x.hostElement));
|
|
2352
2349
|
return isNodeOutput(targetElement) && !outlets.length;
|
|
2353
2350
|
}
|
|
2354
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
2355
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
2351
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: CreateConnectionPrepareDragSequence, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: FFlowMediator }, { token: FindFirstCanBeConnectedOutputByOutletHandler }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2352
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: CreateConnectionPrepareDragSequence }); }
|
|
2356
2353
|
}
|
|
2357
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2354
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: CreateConnectionPrepareDragSequence, decorators: [{
|
|
2358
2355
|
type: Injectable
|
|
2359
2356
|
}], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: FFlowMediator }, { type: FindFirstCanBeConnectedOutputByOutletHandler }] });
|
|
2360
2357
|
|
|
@@ -2421,10 +2418,10 @@ class ReassignConnectionOnPointerUp {
|
|
|
2421
2418
|
handler.complete();
|
|
2422
2419
|
}
|
|
2423
2420
|
}
|
|
2424
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
2425
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
2421
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ReassignConnectionOnPointerUp, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: FindInputsUnderPointerHandler }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2422
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ReassignConnectionOnPointerUp }); }
|
|
2426
2423
|
}
|
|
2427
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2424
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ReassignConnectionOnPointerUp, decorators: [{
|
|
2428
2425
|
type: Injectable
|
|
2429
2426
|
}], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: FindInputsUnderPointerHandler }] });
|
|
2430
2427
|
|
|
@@ -2466,10 +2463,10 @@ class ReassignConnectionPrepareDragSequence {
|
|
|
2466
2463
|
];
|
|
2467
2464
|
}
|
|
2468
2465
|
}
|
|
2469
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
2470
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
2466
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ReassignConnectionPrepareDragSequence, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: GetConnectionHandler }, { token: GetInputRectInFlowHandler }, { token: FFlowMediator }, { token: UpdateConnectionLayerHandler }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2467
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ReassignConnectionPrepareDragSequence }); }
|
|
2471
2468
|
}
|
|
2472
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2469
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ReassignConnectionPrepareDragSequence, decorators: [{
|
|
2473
2470
|
type: Injectable
|
|
2474
2471
|
}], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: GetConnectionHandler }, { type: GetInputRectInFlowHandler }, { type: FFlowMediator }, { type: UpdateConnectionLayerHandler }] });
|
|
2475
2472
|
|
|
@@ -2526,10 +2523,10 @@ class ExternalItemDragHandler {
|
|
|
2526
2523
|
|
|
2527
2524
|
const F_EXTERNAL_ITEM = new InjectionToken('F_EXTERNAL_ITEM');
|
|
2528
2525
|
class FExternalItemBase {
|
|
2529
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
2530
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
2526
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FExternalItemBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2527
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FExternalItemBase, ngImport: i0 }); }
|
|
2531
2528
|
}
|
|
2532
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2529
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FExternalItemBase, decorators: [{
|
|
2533
2530
|
type: Directive
|
|
2534
2531
|
}] });
|
|
2535
2532
|
|
|
@@ -2556,10 +2553,10 @@ class FExternalItemService {
|
|
|
2556
2553
|
this.items.splice(index, 1);
|
|
2557
2554
|
}
|
|
2558
2555
|
}
|
|
2559
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
2560
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
2556
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FExternalItemService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2557
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FExternalItemService, providedIn: 'root' }); }
|
|
2561
2558
|
}
|
|
2562
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2559
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FExternalItemService, decorators: [{
|
|
2563
2560
|
type: Injectable,
|
|
2564
2561
|
args: [{
|
|
2565
2562
|
providedIn: 'root'
|
|
@@ -2584,12 +2581,12 @@ class FExternalItemDirective extends FExternalItemBase {
|
|
|
2584
2581
|
ngOnDestroy() {
|
|
2585
2582
|
this.fExternalItemService.removeItem(this);
|
|
2586
2583
|
}
|
|
2587
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
2588
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
2584
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FExternalItemDirective, deps: [{ token: i0.ElementRef }, { token: FExternalItemService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2585
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FExternalItemDirective, selector: "[fExternalItem]", inputs: { fExternalItemId: "fExternalItemId", fData: "fData", fDisabled: "fDisabled" }, host: { properties: { "attr.id": "fExternalItemId", "class.f-external-item-disabled": "fDisabled" }, classAttribute: "f-component f-external-item" }, providers: [
|
|
2589
2586
|
{ provide: F_EXTERNAL_ITEM, useExisting: FExternalItemDirective }
|
|
2590
2587
|
], usesInheritance: true, ngImport: i0 }); }
|
|
2591
2588
|
}
|
|
2592
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2589
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FExternalItemDirective, decorators: [{
|
|
2593
2590
|
type: Directive,
|
|
2594
2591
|
args: [{
|
|
2595
2592
|
selector: "[fExternalItem]",
|
|
@@ -2639,10 +2636,10 @@ class ExternalItemPrepareDragSequence {
|
|
|
2639
2636
|
];
|
|
2640
2637
|
}
|
|
2641
2638
|
}
|
|
2642
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
2643
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
2639
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ExternalItemPrepareDragSequence, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: FExternalItemService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2640
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ExternalItemPrepareDragSequence }); }
|
|
2644
2641
|
}
|
|
2645
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2642
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ExternalItemPrepareDragSequence, decorators: [{
|
|
2646
2643
|
type: Injectable
|
|
2647
2644
|
}], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: FExternalItemService }] });
|
|
2648
2645
|
|
|
@@ -2665,7 +2662,9 @@ class ExternalItemOnPointerUp {
|
|
|
2665
2662
|
if (isDragPaletteItem) {
|
|
2666
2663
|
const dragHandler = this.fDraggableDataContext.draggableItems[0];
|
|
2667
2664
|
dragHandler.move(difference);
|
|
2668
|
-
|
|
2665
|
+
let elementsFromPoint = document.elementsFromPoint(event.getPosition().x, event.getPosition().y);
|
|
2666
|
+
elementsFromPoint = elementsFromPoint.filter((x, i) => !x.closest('.f-external-item'));
|
|
2667
|
+
const isPointerInCanvasRect = elementsFromPoint.length ? this.flowHost.contains(elementsFromPoint[0]) : false;
|
|
2669
2668
|
if (isPointerInCanvasRect) {
|
|
2670
2669
|
const rectInCanvas = this.fMediator.send(new GetElementRectInFlowRequest(dragHandler.placeholder));
|
|
2671
2670
|
this.fCreateNode.emit(new FCreateNodeEvent(rectInCanvas, dragHandler.externalItem.fData));
|
|
@@ -2673,10 +2672,10 @@ class ExternalItemOnPointerUp {
|
|
|
2673
2672
|
dragHandler.complete();
|
|
2674
2673
|
}
|
|
2675
2674
|
}
|
|
2676
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
2677
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
2675
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ExternalItemOnPointerUp, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: FFlowMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2676
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ExternalItemOnPointerUp }); }
|
|
2678
2677
|
}
|
|
2679
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2678
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ExternalItemOnPointerUp, decorators: [{
|
|
2680
2679
|
type: Injectable
|
|
2681
2680
|
}], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: FFlowMediator }] });
|
|
2682
2681
|
|
|
@@ -2742,10 +2741,10 @@ class IsConnectionUnderNodeHandler {
|
|
|
2742
2741
|
return (intersection || []).length > 0;
|
|
2743
2742
|
});
|
|
2744
2743
|
}
|
|
2745
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
2746
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
2744
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: IsConnectionUnderNodeHandler, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: FFlowMediator }, { token: GetOutgoingConnectionsHandler }, { token: GetIncomingConnectionsHandler }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2745
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: IsConnectionUnderNodeHandler }); }
|
|
2747
2746
|
}
|
|
2748
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2747
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: IsConnectionUnderNodeHandler, decorators: [{
|
|
2749
2748
|
type: Injectable
|
|
2750
2749
|
}], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: FFlowMediator }, { type: GetOutgoingConnectionsHandler }, { type: GetIncomingConnectionsHandler }] });
|
|
2751
2750
|
|
|
@@ -2874,10 +2873,10 @@ class NodeOnPointerUp {
|
|
|
2874
2873
|
this.fDraggableDataContext.fLineAlignment?.complete();
|
|
2875
2874
|
}
|
|
2876
2875
|
}
|
|
2877
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
2878
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
2876
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: NodeOnPointerUp, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: IsConnectionUnderNodeHandler }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2877
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: NodeOnPointerUp }); }
|
|
2879
2878
|
}
|
|
2880
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2879
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: NodeOnPointerUp, decorators: [{
|
|
2881
2880
|
type: Injectable
|
|
2882
2881
|
}], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: IsConnectionUnderNodeHandler }] });
|
|
2883
2882
|
|
|
@@ -2962,10 +2961,10 @@ class NodePrepareDragSequence {
|
|
|
2962
2961
|
getOutputsForNode(node) {
|
|
2963
2962
|
return this.fComponentsStore.fOutputs.filter((x) => node.isContains(x.hostElement));
|
|
2964
2963
|
}
|
|
2965
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
2966
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
2964
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: NodePrepareDragSequence, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: UpdateNodeLayerHandler }, { token: GetOutgoingConnectionsHandler }, { token: GetIncomingConnectionsHandler }, { token: FFlowMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2965
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: NodePrepareDragSequence }); }
|
|
2967
2966
|
}
|
|
2968
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2967
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: NodePrepareDragSequence, decorators: [{
|
|
2969
2968
|
type: Injectable
|
|
2970
2969
|
}], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: UpdateNodeLayerHandler }, { type: GetOutgoingConnectionsHandler }, { type: GetIncomingConnectionsHandler }, { type: FFlowMediator }] });
|
|
2971
2970
|
|
|
@@ -3016,10 +3015,10 @@ class GetCanBeSelectedItemsHandler {
|
|
|
3016
3015
|
};
|
|
3017
3016
|
});
|
|
3018
3017
|
}
|
|
3019
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3020
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
3018
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetCanBeSelectedItemsHandler, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: FFlowMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3019
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetCanBeSelectedItemsHandler }); }
|
|
3021
3020
|
}
|
|
3022
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3021
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetCanBeSelectedItemsHandler, decorators: [{
|
|
3023
3022
|
type: Injectable
|
|
3024
3023
|
}], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: FFlowMediator }] });
|
|
3025
3024
|
|
|
@@ -3091,10 +3090,10 @@ class SelectionAreaPrepareDragSequence {
|
|
|
3091
3090
|
this.fDraggableDataContext.onPointerDownPosition = pointerPositionInFlow.div(1);
|
|
3092
3091
|
}
|
|
3093
3092
|
}
|
|
3094
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3095
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
3093
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SelectionAreaPrepareDragSequence, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3094
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SelectionAreaPrepareDragSequence }); }
|
|
3096
3095
|
}
|
|
3097
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3096
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SelectionAreaPrepareDragSequence, decorators: [{
|
|
3098
3097
|
type: Injectable
|
|
3099
3098
|
}], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: i0.Injector }] });
|
|
3100
3099
|
|
|
@@ -3110,10 +3109,10 @@ class SelectionAreaOnPointerUp {
|
|
|
3110
3109
|
});
|
|
3111
3110
|
}
|
|
3112
3111
|
}
|
|
3113
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3114
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
3112
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SelectionAreaOnPointerUp, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3113
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SelectionAreaOnPointerUp }); }
|
|
3115
3114
|
}
|
|
3116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SelectionAreaOnPointerUp, decorators: [{
|
|
3117
3116
|
type: Injectable
|
|
3118
3117
|
}], ctorParameters: () => [{ type: FDraggableDataContext }] });
|
|
3119
3118
|
|
|
@@ -3188,10 +3187,10 @@ class SingleSelectOnPointerDown {
|
|
|
3188
3187
|
}
|
|
3189
3188
|
});
|
|
3190
3189
|
}
|
|
3191
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3192
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
3190
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SingleSelectOnPointerDown, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: GetConnectionHandler }, { token: UpdateConnectionLayerHandler }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3191
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SingleSelectOnPointerDown }); }
|
|
3193
3192
|
}
|
|
3194
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3193
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SingleSelectOnPointerDown, decorators: [{
|
|
3195
3194
|
type: Injectable
|
|
3196
3195
|
}], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: GetConnectionHandler }, { type: UpdateConnectionLayerHandler }] });
|
|
3197
3196
|
|
|
@@ -3332,10 +3331,10 @@ class FDraggableBase {
|
|
|
3332
3331
|
this.mouseListeners();
|
|
3333
3332
|
this.mouseListeners = EventExtensions.emptyListener();
|
|
3334
3333
|
}
|
|
3335
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3336
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
3334
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FDraggableBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3335
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FDraggableBase, ngImport: i0 }); }
|
|
3337
3336
|
}
|
|
3338
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3337
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FDraggableBase, decorators: [{
|
|
3339
3338
|
type: Directive
|
|
3340
3339
|
}], ctorParameters: () => [{ type: undefined }] });
|
|
3341
3340
|
function isTouchEvent(event) {
|
|
@@ -3433,12 +3432,12 @@ class FDraggableDirective extends FDraggableBase {
|
|
|
3433
3432
|
super.unsubscribe();
|
|
3434
3433
|
this.subscriptions$.unsubscribe();
|
|
3435
3434
|
}
|
|
3436
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3437
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
3435
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FDraggableDirective, deps: [{ token: i0.ElementRef }, { token: FDraggableDataContext }, { token: i0.NgZone }, { token: i0.Injector }, { token: FComponentsStore }, { token: FFlowMediator }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3436
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FDraggableDirective, selector: "f-flow[fDraggable]", inputs: { disabled: ["fDraggableDisabled", "disabled"] }, outputs: { fSelectionChange: "fSelectionChange", fCreateNode: "fCreateNode", fReassignConnection: "fReassignConnection", fCreateConnection: "fCreateConnection" }, providers: [
|
|
3438
3437
|
{ provide: F_DRAGGABLE, useExisting: FDraggableDirective }
|
|
3439
3438
|
], exportAs: ["fDraggable"], usesInheritance: true, ngImport: i0 }); }
|
|
3440
3439
|
}
|
|
3441
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3440
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FDraggableDirective, decorators: [{
|
|
3442
3441
|
type: Directive,
|
|
3443
3442
|
args: [{
|
|
3444
3443
|
selector: "f-flow[fDraggable]",
|
|
@@ -3481,13 +3480,13 @@ let ClearSelectionHandler = class ClearSelectionHandler {
|
|
|
3481
3480
|
this.fDraggableDataContext.selectedItems = [];
|
|
3482
3481
|
this.fDraggableDataContext.isSelectedChanged = true;
|
|
3483
3482
|
}
|
|
3484
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3485
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
3483
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ClearSelectionHandler, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3484
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ClearSelectionHandler }); }
|
|
3486
3485
|
};
|
|
3487
3486
|
ClearSelectionHandler = __decorate([
|
|
3488
3487
|
FHandlerRegister(ClearSelectionRequest)
|
|
3489
3488
|
], ClearSelectionHandler);
|
|
3490
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3489
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ClearSelectionHandler, decorators: [{
|
|
3491
3490
|
type: Injectable
|
|
3492
3491
|
}], ctorParameters: () => [{ type: FDraggableDataContext }] });
|
|
3493
3492
|
|
|
@@ -3535,13 +3534,13 @@ let GetConnectionVectorHandler = class GetConnectionVectorHandler {
|
|
|
3535
3534
|
point2: point2,
|
|
3536
3535
|
};
|
|
3537
3536
|
}
|
|
3538
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3539
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
3537
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetConnectionVectorHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3538
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetConnectionVectorHandler }); }
|
|
3540
3539
|
};
|
|
3541
3540
|
GetConnectionVectorHandler = __decorate([
|
|
3542
3541
|
FHandlerRegister(GetConnectionVectorRequest)
|
|
3543
3542
|
], GetConnectionVectorHandler);
|
|
3544
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3543
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetConnectionVectorHandler, decorators: [{
|
|
3545
3544
|
type: Injectable
|
|
3546
3545
|
}] });
|
|
3547
3546
|
const positionFixedOutbound = {
|
|
@@ -3594,13 +3593,13 @@ let GetElementRectInFlowHandler = class GetElementRectInFlowHandler {
|
|
|
3594
3593
|
const result = RectExtensions.initialize(position.x, position.y, size.width, size.height);
|
|
3595
3594
|
return result;
|
|
3596
3595
|
}
|
|
3597
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3598
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
3596
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetElementRectInFlowHandler, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3597
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetElementRectInFlowHandler }); }
|
|
3599
3598
|
};
|
|
3600
3599
|
GetElementRectInFlowHandler = __decorate([
|
|
3601
3600
|
FHandlerRegister(GetElementRectInFlowRequest)
|
|
3602
3601
|
], GetElementRectInFlowHandler);
|
|
3603
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3602
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetElementRectInFlowHandler, decorators: [{
|
|
3604
3603
|
type: Injectable
|
|
3605
3604
|
}], ctorParameters: () => [{ type: FComponentsStore }] });
|
|
3606
3605
|
|
|
@@ -3630,13 +3629,13 @@ let GetInputRectInFlowHandler = class GetInputRectInFlowHandler {
|
|
|
3630
3629
|
const result = this.fMediator.send(new GetElementRectInFlowRequest(input.hostElement));
|
|
3631
3630
|
return new GetInputRectInFlowResponse(result, input.fConnectableSide);
|
|
3632
3631
|
}
|
|
3633
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3634
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
3632
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetInputRectInFlowHandler, deps: [{ token: FComponentsStore }, { token: FFlowMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3633
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetInputRectInFlowHandler }); }
|
|
3635
3634
|
};
|
|
3636
3635
|
GetInputRectInFlowHandler = __decorate([
|
|
3637
3636
|
FHandlerRegister(GetInputRectInFlowRequest)
|
|
3638
3637
|
], GetInputRectInFlowHandler);
|
|
3639
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3638
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetInputRectInFlowHandler, decorators: [{
|
|
3640
3639
|
type: Injectable
|
|
3641
3640
|
}], ctorParameters: () => [{ type: FComponentsStore }, { type: FFlowMediator }] });
|
|
3642
3641
|
|
|
@@ -3655,13 +3654,13 @@ let GetNodesRectHandler = class GetNodesRectHandler {
|
|
|
3655
3654
|
const result = RectExtensions.union(rects);
|
|
3656
3655
|
return result;
|
|
3657
3656
|
}
|
|
3658
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3659
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
3657
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetNodesRectHandler, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3658
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetNodesRectHandler }); }
|
|
3660
3659
|
};
|
|
3661
3660
|
GetNodesRectHandler = __decorate([
|
|
3662
3661
|
FHandlerRegister(GetNodesRectRequest)
|
|
3663
3662
|
], GetNodesRectHandler);
|
|
3664
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3663
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetNodesRectHandler, decorators: [{
|
|
3665
3664
|
type: Injectable
|
|
3666
3665
|
}], ctorParameters: () => [{ type: FComponentsStore }] });
|
|
3667
3666
|
|
|
@@ -3691,13 +3690,13 @@ let GetOutputRectInFlowHandler = class GetOutputRectInFlowHandler {
|
|
|
3691
3690
|
const result = this.fMediator.send(new GetElementRectInFlowRequest(output.hostElement));
|
|
3692
3691
|
return new GetOutputRectInFlowResponse(result, output.fConnectableSide);
|
|
3693
3692
|
}
|
|
3694
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3695
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
3693
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetOutputRectInFlowHandler, deps: [{ token: FComponentsStore }, { token: FFlowMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3694
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetOutputRectInFlowHandler }); }
|
|
3696
3695
|
};
|
|
3697
3696
|
GetOutputRectInFlowHandler = __decorate([
|
|
3698
3697
|
FHandlerRegister(GetOutputRectInFlowRequest)
|
|
3699
3698
|
], GetOutputRectInFlowHandler);
|
|
3700
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3699
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetOutputRectInFlowHandler, decorators: [{
|
|
3701
3700
|
type: Injectable
|
|
3702
3701
|
}], ctorParameters: () => [{ type: FComponentsStore }, { type: FFlowMediator }] });
|
|
3703
3702
|
|
|
@@ -3721,13 +3720,13 @@ let GetSelectionHandler = class GetSelectionHandler {
|
|
|
3721
3720
|
});
|
|
3722
3721
|
return new FSelectionChangeEvent(selectedNodes, selectedConnections);
|
|
3723
3722
|
}
|
|
3724
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3725
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
3723
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetSelectionHandler, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3724
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetSelectionHandler }); }
|
|
3726
3725
|
};
|
|
3727
3726
|
GetSelectionHandler = __decorate([
|
|
3728
3727
|
FHandlerRegister(GetSelectionRequest)
|
|
3729
3728
|
], GetSelectionHandler);
|
|
3730
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3729
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetSelectionHandler, decorators: [{
|
|
3731
3730
|
type: Injectable
|
|
3732
3731
|
}], ctorParameters: () => [{ type: FDraggableDataContext }] });
|
|
3733
3732
|
|
|
@@ -3769,16 +3768,59 @@ let RedrawConnectionsHandler = class RedrawConnectionsHandler {
|
|
|
3769
3768
|
const inputRect = this.fMediator.send(new GetElementRectInFlowRequest(input.hostElement));
|
|
3770
3769
|
return this.fMediator.send(new GetConnectionVectorRequest(outputRect, inputRect, connection.fBehavior, output.fConnectableSide, input.fConnectableSide));
|
|
3771
3770
|
}
|
|
3772
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3773
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
3771
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: RedrawConnectionsHandler, deps: [{ token: FComponentsStore }, { token: FFlowMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3772
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: RedrawConnectionsHandler }); }
|
|
3774
3773
|
};
|
|
3775
3774
|
RedrawConnectionsHandler = __decorate([
|
|
3776
3775
|
FHandlerRegister(RedrawConnectionsRequest)
|
|
3777
3776
|
], RedrawConnectionsHandler);
|
|
3778
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3777
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: RedrawConnectionsHandler, decorators: [{
|
|
3779
3778
|
type: Injectable
|
|
3780
3779
|
}], ctorParameters: () => [{ type: FComponentsStore }, { type: FFlowMediator }] });
|
|
3781
3780
|
|
|
3781
|
+
class SelectRequest {
|
|
3782
|
+
constructor(nodes, connections) {
|
|
3783
|
+
this.nodes = nodes;
|
|
3784
|
+
this.connections = connections;
|
|
3785
|
+
}
|
|
3786
|
+
}
|
|
3787
|
+
|
|
3788
|
+
let SelectHandler = class SelectHandler {
|
|
3789
|
+
constructor(fDataContext, fDraggableDataContext) {
|
|
3790
|
+
this.fDataContext = fDataContext;
|
|
3791
|
+
this.fDraggableDataContext = fDraggableDataContext;
|
|
3792
|
+
}
|
|
3793
|
+
handle(request) {
|
|
3794
|
+
this.fDraggableDataContext.selectedItems.forEach((x) => {
|
|
3795
|
+
x.deselect();
|
|
3796
|
+
});
|
|
3797
|
+
this.fDraggableDataContext.selectedItems = [];
|
|
3798
|
+
request.nodes.forEach((key) => {
|
|
3799
|
+
const node = this.fDataContext.fNodes.find((x) => x.fNodeId === key);
|
|
3800
|
+
if (node) {
|
|
3801
|
+
node.select();
|
|
3802
|
+
this.fDraggableDataContext.selectedItems.push(node);
|
|
3803
|
+
}
|
|
3804
|
+
});
|
|
3805
|
+
request.connections.forEach((key) => {
|
|
3806
|
+
const connection = this.fDataContext.fConnections.find((x) => x.fConnectionId === key);
|
|
3807
|
+
if (connection) {
|
|
3808
|
+
connection.select();
|
|
3809
|
+
this.fDraggableDataContext.selectedItems.push(connection);
|
|
3810
|
+
}
|
|
3811
|
+
});
|
|
3812
|
+
this.fDraggableDataContext.isSelectedChanged = true;
|
|
3813
|
+
}
|
|
3814
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SelectHandler, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3815
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SelectHandler }); }
|
|
3816
|
+
};
|
|
3817
|
+
SelectHandler = __decorate([
|
|
3818
|
+
FHandlerRegister(SelectRequest)
|
|
3819
|
+
], SelectHandler);
|
|
3820
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SelectHandler, decorators: [{
|
|
3821
|
+
type: Injectable
|
|
3822
|
+
}], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }] });
|
|
3823
|
+
|
|
3782
3824
|
class SelectAllRequest {
|
|
3783
3825
|
}
|
|
3784
3826
|
|
|
@@ -3802,13 +3844,13 @@ let SelectAllHandler = class SelectAllHandler {
|
|
|
3802
3844
|
});
|
|
3803
3845
|
this.fDraggableDataContext.isSelectedChanged = true;
|
|
3804
3846
|
}
|
|
3805
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3806
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
3847
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SelectAllHandler, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3848
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SelectAllHandler }); }
|
|
3807
3849
|
};
|
|
3808
3850
|
SelectAllHandler = __decorate([
|
|
3809
3851
|
FHandlerRegister(SelectAllRequest)
|
|
3810
3852
|
], SelectAllHandler);
|
|
3811
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3853
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SelectAllHandler, decorators: [{
|
|
3812
3854
|
type: Injectable
|
|
3813
3855
|
}], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }] });
|
|
3814
3856
|
|
|
@@ -3823,10 +3865,10 @@ class GetConnectionHandler {
|
|
|
3823
3865
|
const result = this.fConnections.find(c => c.isContains(element));
|
|
3824
3866
|
return result;
|
|
3825
3867
|
}
|
|
3826
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3827
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
3868
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetConnectionHandler, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3869
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetConnectionHandler }); }
|
|
3828
3870
|
}
|
|
3829
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3871
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetConnectionHandler, decorators: [{
|
|
3830
3872
|
type: Injectable
|
|
3831
3873
|
}], ctorParameters: () => [{ type: FComponentsStore }] });
|
|
3832
3874
|
|
|
@@ -3843,10 +3885,10 @@ class GetIncomingConnectionsHandler {
|
|
|
3843
3885
|
return inputsIds.includes(x.fInputId);
|
|
3844
3886
|
});
|
|
3845
3887
|
}
|
|
3846
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3847
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
3888
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetIncomingConnectionsHandler, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3889
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetIncomingConnectionsHandler }); }
|
|
3848
3890
|
}
|
|
3849
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3891
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetIncomingConnectionsHandler, decorators: [{
|
|
3850
3892
|
type: Injectable
|
|
3851
3893
|
}], ctorParameters: () => [{ type: FComponentsStore }] });
|
|
3852
3894
|
|
|
@@ -3863,10 +3905,10 @@ class GetOutgoingConnectionsHandler {
|
|
|
3863
3905
|
return outputsIds.includes(x.fOutputId);
|
|
3864
3906
|
});
|
|
3865
3907
|
}
|
|
3866
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3867
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
3908
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetOutgoingConnectionsHandler, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3909
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetOutgoingConnectionsHandler }); }
|
|
3868
3910
|
}
|
|
3869
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3911
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: GetOutgoingConnectionsHandler, decorators: [{
|
|
3870
3912
|
type: Injectable
|
|
3871
3913
|
}], ctorParameters: () => [{ type: FComponentsStore }] });
|
|
3872
3914
|
|
|
@@ -3889,10 +3931,10 @@ class UpdateNodeLayerHandler {
|
|
|
3889
3931
|
});
|
|
3890
3932
|
}
|
|
3891
3933
|
}
|
|
3892
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3893
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
3934
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: UpdateNodeLayerHandler, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3935
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: UpdateNodeLayerHandler }); }
|
|
3894
3936
|
}
|
|
3895
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3937
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: UpdateNodeLayerHandler, decorators: [{
|
|
3896
3938
|
type: Injectable
|
|
3897
3939
|
}], ctorParameters: () => [{ type: FComponentsStore }] });
|
|
3898
3940
|
|
|
@@ -3915,10 +3957,10 @@ class UpdateConnectionLayerHandler {
|
|
|
3915
3957
|
});
|
|
3916
3958
|
}
|
|
3917
3959
|
}
|
|
3918
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
3919
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
3960
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: UpdateConnectionLayerHandler, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3961
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: UpdateConnectionLayerHandler }); }
|
|
3920
3962
|
}
|
|
3921
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
3963
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: UpdateConnectionLayerHandler, decorators: [{
|
|
3922
3964
|
type: Injectable
|
|
3923
3965
|
}], ctorParameters: () => [{ type: FComponentsStore }] });
|
|
3924
3966
|
|
|
@@ -3930,6 +3972,7 @@ const COMMON_PROVIDERS = [
|
|
|
3930
3972
|
GetOutputRectInFlowHandler,
|
|
3931
3973
|
GetSelectionHandler,
|
|
3932
3974
|
RedrawConnectionsHandler,
|
|
3975
|
+
SelectHandler,
|
|
3933
3976
|
SelectAllHandler,
|
|
3934
3977
|
GetConnectionHandler,
|
|
3935
3978
|
GetInputRectInFlowHandler,
|
|
@@ -3990,10 +4033,9 @@ class FCanvasComponent extends FCanvasBase {
|
|
|
3990
4033
|
if (fNodesRect.width === 0 || fNodesRect.height === 0) {
|
|
3991
4034
|
return;
|
|
3992
4035
|
}
|
|
3993
|
-
|
|
3994
|
-
|
|
3995
|
-
|
|
3996
|
-
}));
|
|
4036
|
+
this.fitToParent(fNodesRect, RectExtensions.fromElement(this.fComponentsStore.fFlow.hostElement), this.fNodes.map((x) => {
|
|
4037
|
+
return Point.fromPoint(x.position);
|
|
4038
|
+
}), toCenter);
|
|
3997
4039
|
animated ? this.redrawWithAnimation() : this.redraw();
|
|
3998
4040
|
this.completeDrag();
|
|
3999
4041
|
}
|
|
@@ -4003,15 +4045,15 @@ class FCanvasComponent extends FCanvasBase {
|
|
|
4003
4045
|
return;
|
|
4004
4046
|
}
|
|
4005
4047
|
this.oneToOneCentering(fNodesRect, RectExtensions.fromElement(this.fComponentsStore.fFlow.hostElement), this.fNodes.map((x) => {
|
|
4006
|
-
return Point.fromPoint(x.position)
|
|
4048
|
+
return Point.fromPoint(x.position);
|
|
4007
4049
|
}));
|
|
4008
4050
|
this.redrawWithAnimation();
|
|
4009
4051
|
this.completeDrag();
|
|
4010
4052
|
}
|
|
4011
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
4012
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
4053
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FCanvasComponent, deps: [{ token: i0.ElementRef }, { token: FFlowMediator }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4054
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: FCanvasComponent, selector: "f-canvas", inputs: { position: "position", scale: "scale" }, outputs: { fCanvasChange: "fCanvasChange" }, host: { classAttribute: "f-component f-canvas" }, providers: [{ provide: F_CANVAS, useExisting: FCanvasComponent }], viewQueries: [{ propertyName: "fNodesContainer", first: true, predicate: ["fNodesContainer"], descendants: true, static: true }, { propertyName: "fConnectionsContainer", first: true, predicate: ["fConnectionsContainer"], descendants: true, static: true }], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0, template: "<ng-container>\n <div #fConnectionsContainer>\n <ng-content select=\"f-connection\"></ng-content>\n <ng-content select=\"f-connection-for-create\"></ng-content>\n </div>\n <div #fNodesContainer>\n <ng-content select=\"[fNode]\"></ng-content>\n </div>\n</ng-container>\n", styles: [":host{position:absolute;overflow:visible;width:100%;height:100%;left:0;top:0;transform-origin:0 0;pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4013
4055
|
}
|
|
4014
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
4056
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FCanvasComponent, decorators: [{
|
|
4015
4057
|
type: Component,
|
|
4016
4058
|
args: [{ selector: 'f-canvas', exportAs: 'fComponent', host: {
|
|
4017
4059
|
'class': 'f-component f-canvas',
|
|
@@ -4186,10 +4228,10 @@ class NearestCoordinateFinder {
|
|
|
4186
4228
|
|
|
4187
4229
|
const F_LINE_ALIGNMENT = new InjectionToken('F_LINE_ALIGNMENT');
|
|
4188
4230
|
class FLineAlignmentBase {
|
|
4189
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
4190
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
4231
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FLineAlignmentBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4232
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FLineAlignmentBase, ngImport: i0 }); }
|
|
4191
4233
|
}
|
|
4192
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
4234
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FLineAlignmentBase, decorators: [{
|
|
4193
4235
|
type: Directive
|
|
4194
4236
|
}] });
|
|
4195
4237
|
|
|
@@ -4261,12 +4303,12 @@ class FLineAlignmentComponent extends FLineAlignmentBase {
|
|
|
4261
4303
|
this.lineService.hideVerticalLine();
|
|
4262
4304
|
this.lineService.hideHorizontalLine();
|
|
4263
4305
|
}
|
|
4264
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
4265
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
4306
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FLineAlignmentComponent, deps: [{ token: i0.ElementRef }, { token: FComponentsStore }, { token: FDraggableDataContext }, { token: FFlowMediator }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4307
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: FLineAlignmentComponent, selector: "f-line-alignment", host: { classAttribute: "f-line-alignment f-component" }, providers: [
|
|
4266
4308
|
{ provide: F_LINE_ALIGNMENT, useExisting: FLineAlignmentComponent }
|
|
4267
4309
|
], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0, template: "", isInline: true, styles: [":host{display:block;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}\n"] }); }
|
|
4268
4310
|
}
|
|
4269
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
4311
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FLineAlignmentComponent, decorators: [{
|
|
4270
4312
|
type: Component,
|
|
4271
4313
|
args: [{ selector: "f-line-alignment", template: "", exportAs: "fComponent", host: {
|
|
4272
4314
|
'class': 'f-line-alignment f-component'
|
|
@@ -4277,10 +4319,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
|
|
|
4277
4319
|
|
|
4278
4320
|
const F_SELECTION_AREA = new InjectionToken('F_SELECTION_AREA');
|
|
4279
4321
|
class FSelectionAreaBase {
|
|
4280
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
4281
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
4322
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FSelectionAreaBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4323
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: FSelectionAreaBase, ngImport: i0 }); }
|
|
4282
4324
|
}
|
|
4283
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
4325
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FSelectionAreaBase, decorators: [{
|
|
4284
4326
|
type: Directive
|
|
4285
4327
|
}] });
|
|
4286
4328
|
|
|
@@ -4310,12 +4352,12 @@ class FSelectionAreaComponent extends FSelectionAreaBase {
|
|
|
4310
4352
|
style.width = object.width + 'px';
|
|
4311
4353
|
style.height = object.height + 'px';
|
|
4312
4354
|
}
|
|
4313
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
4314
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
4355
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FSelectionAreaComponent, deps: [{ token: i0.ElementRef }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4356
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: FSelectionAreaComponent, selector: "f-selection-area", host: { classAttribute: "f-selection-area f-component" }, providers: [
|
|
4315
4357
|
{ provide: F_SELECTION_AREA, useExisting: FSelectionAreaComponent }
|
|
4316
4358
|
], usesInheritance: true, ngImport: i0, template: ``, isInline: true, styles: [":host{position:absolute}\n"] }); }
|
|
4317
4359
|
}
|
|
4318
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
4360
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FSelectionAreaComponent, decorators: [{
|
|
4319
4361
|
type: Component,
|
|
4320
4362
|
args: [{ selector: "f-selection-area", template: ``, host: {
|
|
4321
4363
|
'class': 'f-selection-area f-component'
|
|
@@ -4373,14 +4415,17 @@ class FFlowComponent extends FFlowBase {
|
|
|
4373
4415
|
selectAll() {
|
|
4374
4416
|
this.fMediator.send(new SelectAllRequest());
|
|
4375
4417
|
}
|
|
4418
|
+
select(nodes, connections) {
|
|
4419
|
+
this.fMediator.send(new SelectRequest(nodes, connections));
|
|
4420
|
+
}
|
|
4376
4421
|
clearSelection() {
|
|
4377
4422
|
this.fMediator.send(new ClearSelectionRequest());
|
|
4378
4423
|
}
|
|
4379
4424
|
ngOnDestroy() {
|
|
4380
4425
|
this.subscription$.unsubscribe();
|
|
4381
4426
|
}
|
|
4382
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
4383
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
4427
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FFlowComponent, deps: [{ token: i0.ElementRef }, { token: FComponentsStore }, { token: FFlowMediator }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4428
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: FFlowComponent, selector: "f-flow", inputs: { fFlowId: "fFlowId" }, outputs: { fLoaded: "fLoaded" }, host: { properties: { "attr.id": "fFlowId" }, classAttribute: "f-component f-flow" }, providers: [
|
|
4384
4429
|
FFlowMediator,
|
|
4385
4430
|
FComponentsStore,
|
|
4386
4431
|
FDraggableDataContext,
|
|
@@ -4394,7 +4439,7 @@ class FFlowComponent extends FFlowBase {
|
|
|
4394
4439
|
{ provide: F_FLOW, useExisting: FFlowComponent },
|
|
4395
4440
|
], usesInheritance: true, ngImport: i0, template: "<ng-container>\n <ng-content select=\"[fDefinitions]\"></ng-content>\n\n <ng-content select=\"f-background\"></ng-content>\n\n <ng-content select=\"f-line-alignment\"></ng-content>\n\n <ng-content select=\"f-canvas\"></ng-content>\n\n <ng-content select=\"f-selection-area\"></ng-content>\n\n <ng-content select=\"f-mini-map\"></ng-content>\n</ng-container>\n", styles: [":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:all;-webkit-user-select:none;user-select:none;touch-action:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4396
4441
|
}
|
|
4397
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
4442
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FFlowComponent, decorators: [{
|
|
4398
4443
|
type: Component,
|
|
4399
4444
|
args: [{ selector: 'f-flow', host: {
|
|
4400
4445
|
'[attr.id]': 'fFlowId',
|
|
@@ -4419,17 +4464,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
|
|
|
4419
4464
|
}] } });
|
|
4420
4465
|
|
|
4421
4466
|
class FFlowModule {
|
|
4422
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
4423
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
4467
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FFlowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4468
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.1", ngImport: i0, type: FFlowModule, declarations: [FConnectionDragHandleComponent,
|
|
4424
4469
|
FConnectionGradientComponent,
|
|
4425
4470
|
FConnectionPathComponent,
|
|
4426
4471
|
FConnectionTextComponent,
|
|
4427
4472
|
FConnectionTextPathDirective,
|
|
4428
4473
|
FConnectionSelectionComponent,
|
|
4474
|
+
FConnectionCenterDirective,
|
|
4475
|
+
FMarkerDirective,
|
|
4429
4476
|
FFlowComponent,
|
|
4430
4477
|
FBackgroundComponent,
|
|
4478
|
+
FCellPatternComponent,
|
|
4431
4479
|
FCanvasComponent,
|
|
4432
4480
|
FNodeDirective,
|
|
4481
|
+
FDragHandleDirective,
|
|
4433
4482
|
FConnectionComponent,
|
|
4434
4483
|
FConnectionForCreateComponent,
|
|
4435
4484
|
FZoomDirective,
|
|
@@ -4441,10 +4490,14 @@ class FFlowModule {
|
|
|
4441
4490
|
FSelectionAreaComponent,
|
|
4442
4491
|
FLineAlignmentComponent], imports: [CommonModule], exports: [FFlowComponent,
|
|
4443
4492
|
FBackgroundComponent,
|
|
4493
|
+
FCellPatternComponent,
|
|
4444
4494
|
FCanvasComponent,
|
|
4445
4495
|
FNodeDirective,
|
|
4496
|
+
FDragHandleDirective,
|
|
4446
4497
|
FConnectionComponent,
|
|
4447
4498
|
FConnectionForCreateComponent,
|
|
4499
|
+
FConnectionCenterDirective,
|
|
4500
|
+
FMarkerDirective,
|
|
4448
4501
|
FZoomDirective,
|
|
4449
4502
|
FNodeInputDirective,
|
|
4450
4503
|
FNodeOutletDirective,
|
|
@@ -4453,11 +4506,11 @@ class FFlowModule {
|
|
|
4453
4506
|
FExternalItemDirective,
|
|
4454
4507
|
FSelectionAreaComponent,
|
|
4455
4508
|
FLineAlignmentComponent] }); }
|
|
4456
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
4509
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FFlowModule, providers: [
|
|
4457
4510
|
FDraggableDataContext,
|
|
4458
4511
|
], imports: [CommonModule] }); }
|
|
4459
4512
|
}
|
|
4460
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
4513
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FFlowModule, decorators: [{
|
|
4461
4514
|
type: NgModule,
|
|
4462
4515
|
args: [{
|
|
4463
4516
|
declarations: [
|
|
@@ -4467,10 +4520,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
|
|
|
4467
4520
|
FConnectionTextComponent,
|
|
4468
4521
|
FConnectionTextPathDirective,
|
|
4469
4522
|
FConnectionSelectionComponent,
|
|
4523
|
+
FConnectionCenterDirective,
|
|
4524
|
+
FMarkerDirective,
|
|
4470
4525
|
FFlowComponent,
|
|
4471
4526
|
FBackgroundComponent,
|
|
4527
|
+
FCellPatternComponent,
|
|
4472
4528
|
FCanvasComponent,
|
|
4473
4529
|
FNodeDirective,
|
|
4530
|
+
FDragHandleDirective,
|
|
4474
4531
|
FConnectionComponent,
|
|
4475
4532
|
FConnectionForCreateComponent,
|
|
4476
4533
|
FZoomDirective,
|
|
@@ -4483,7 +4540,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
|
|
|
4483
4540
|
FLineAlignmentComponent,
|
|
4484
4541
|
],
|
|
4485
4542
|
imports: [
|
|
4486
|
-
CommonModule
|
|
4543
|
+
CommonModule,
|
|
4487
4544
|
],
|
|
4488
4545
|
providers: [
|
|
4489
4546
|
FDraggableDataContext,
|
|
@@ -4491,10 +4548,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
|
|
|
4491
4548
|
exports: [
|
|
4492
4549
|
FFlowComponent,
|
|
4493
4550
|
FBackgroundComponent,
|
|
4551
|
+
FCellPatternComponent,
|
|
4494
4552
|
FCanvasComponent,
|
|
4495
4553
|
FNodeDirective,
|
|
4554
|
+
FDragHandleDirective,
|
|
4496
4555
|
FConnectionComponent,
|
|
4497
4556
|
FConnectionForCreateComponent,
|
|
4557
|
+
FConnectionCenterDirective,
|
|
4558
|
+
FMarkerDirective,
|
|
4498
4559
|
FZoomDirective,
|
|
4499
4560
|
FNodeInputDirective,
|
|
4500
4561
|
FNodeOutletDirective,
|
|
@@ -4511,5 +4572,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
|
|
|
4511
4572
|
* Generated bundle index. Do not edit.
|
|
4512
4573
|
*/
|
|
4513
4574
|
|
|
4514
|
-
export { CANVAS_PROVIDERS, COMMON_PROVIDERS, CONNECTIONS_PROVIDERS, CONNECTION_GRADIENT, CONNECTION_PATH, CONNECTION_TEXT, CalculateCenterBetweenPointsHandler, CalculateCenterBetweenPointsRequest, CalculateConnectionCenterHandler, CalculateConnectionCenterRequest, CalculateConnectorConnectableSideHandler, CalculateConnectorConnectableSideRequest, CanvasDragHandler, CanvasOnPointerUp, CanvasPrepareDragSequence, ClearSelectionHandler, ClearSelectionRequest, ConnectionDragHandler, ConnectionSourceDragHandler, ConnectionTargetDragHandler, CreateConnectionDragHandler, CreateConnectionOnPointerUp, CreateConnectionPrepareDragSequence, EFConnectableSide, EFConnectionBehavior, EFConnectionType, EFDraggableType, EFMarkerType, EXTERNAL_ITEM_PROVIDERS, ExternalItemDragHandler, ExternalItemOnPointerUp, ExternalItemPrepareDragSequence, FBackgroundBase, FBackgroundComponent, FBezierPathBuilder, FCanvasBase, FCanvasChangeEvent, FCanvasComponent, FCellPatternComponent, FComponentsStore, FConnectionBase, FConnectionCenterDirective, FConnectionComponent, FConnectionDragHandleComponent, FConnectionForCreateComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionTextComponent, FConnectionTextPathDirective, FConnectorBase, FCreateConnectionEvent, FCreateNodeEvent, FDragHandleDirective, FDraggableBase, FDraggableDataContext, FDraggableDirective, FExternalItemBase, FExternalItemDirective, FExternalItemService, FFlowBase, FFlowComponent, FFlowMediator, FFlowModule, FHandlerRegister, FLOW, FLineAlignmentBase, FLineAlignmentComponent, FMarkerBase, FMarkerDirective, FNodeBase, FNodeDirective, FNodeInputBase, FNodeInputDirective, FNodeOutletBase, FNodeOutletDirective, FNodeOutputBase, FNodeOutputDirective, FPathBuilderBase, FPathBuilderSelector, FReassignConnectionEvent, FResizeObserver, FSegmentPathBuilder, FSelectionAreaBase, FSelectionAreaComponent, FSelectionChangeEvent, FStraightPathBuilder, FZoomBase, FZoomDirective, F_BACKGROUND, F_BACKGROUND_PATTERN, F_CANVAS, F_CONNECTION_DRAG_HANDLE_CLASS, F_CONNECTION_IDENTIFIERS, F_DRAGGABLE, F_DRAG_HANDLE, F_EXTERNAL_ITEM, F_FLOW, F_LINE_ALIGNMENT, F_MARKER, F_NODE, F_NODE_INPUT, F_NODE_OUTLET, F_NODE_OUTPUT, F_SELECTED_CLASS, F_SELECTION_AREA, F_ZOOM, FindFirstCanBeConnectedOutputByOutletHandler, FindInputsUnderPointerHandler, FindInputsUnderPointerRequest, FirstNotConnectedInputOfNodeUnderPointerHandler, GetCanBeSelectedItemsHandler, GetConnectionHandler, GetConnectionVectorHandler, GetConnectionVectorRequest, GetElementRectInFlowHandler, GetElementRectInFlowRequest, GetIncomingConnectionsHandler, GetInputRectInFlowHandler, GetInputRectInFlowRequest, GetInputRectInFlowResponse, GetNodesRectHandler, GetNodesRectRequest, GetOutgoingConnectionsHandler, GetOutputRectInFlowHandler, GetOutputRectInFlowRequest, GetOutputRectInFlowResponse, GetSelectionHandler, GetSelectionRequest, InputsUnderPointerHandler, IsConnectionUnderNodeHandler, LineElement, LineService, MOUSE_EVENT_IGNORE_TIME, NODE_PROVIDERS, NearestCoordinateFinder, NodeDragHandler, NodeOnPointerUp, NodePrepareDragSequence, ReassignConnectionDragHandler, ReassignConnectionOnPointerUp, ReassignConnectionPrepareDragSequence, RedrawConnectionsHandler, RedrawConnectionsRequest, SELECTION_AREA_PROVIDERS, SINGLE_SELECT_PROVIDERS, SelectAllHandler, SelectAllRequest, SelectionAreaDragHandle, SelectionAreaOnPointerUp, SelectionAreaPrepareDragSequence, SingleSelectOnPointerDown, UpdateConnectionLayerHandler, UpdateNodeLayerHandler, castToConnectionBehavior, castToConnectionType, getExternalItem, getFlowUid, isExternalItem, isNode, isNodeDragHandle, isNodeInput, isNodeOutlet, isNodeOutput, mixinChangeConnectionSelection, mixinChangeConnectionVisibility };
|
|
4575
|
+
export { CANVAS_PROVIDERS, COMMON_PROVIDERS, CONNECTIONS_PROVIDERS, CONNECTION_GRADIENT, CONNECTION_PATH, CONNECTION_TEXT, CalculateCenterBetweenPointsHandler, CalculateCenterBetweenPointsRequest, CalculateConnectionCenterHandler, CalculateConnectionCenterRequest, CalculateConnectorConnectableSideHandler, CalculateConnectorConnectableSideRequest, CanvasDragHandler, CanvasOnPointerUp, CanvasPrepareDragSequence, ClearSelectionHandler, ClearSelectionRequest, ConnectionDragHandler, ConnectionSourceDragHandler, ConnectionTargetDragHandler, CreateConnectionDragHandler, CreateConnectionOnPointerUp, CreateConnectionPrepareDragSequence, EFConnectableSide, EFConnectionBehavior, EFConnectionType, EFDraggableType, EFMarkerType, EXTERNAL_ITEM_PROVIDERS, ExternalItemDragHandler, ExternalItemOnPointerUp, ExternalItemPrepareDragSequence, FBackgroundBase, FBackgroundComponent, FBezierPathBuilder, FCanvasBase, FCanvasChangeEvent, FCanvasComponent, FCellPatternComponent, FComponentsStore, FConnectionBase, FConnectionCenterDirective, FConnectionComponent, FConnectionDragHandleComponent, FConnectionForCreateComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionTextComponent, FConnectionTextPathDirective, FConnectorBase, FCreateConnectionEvent, FCreateNodeEvent, FDragHandleDirective, FDraggableBase, FDraggableDataContext, FDraggableDirective, FExternalItemBase, FExternalItemDirective, FExternalItemService, FFlowBase, FFlowComponent, FFlowMediator, FFlowModule, FHandlerRegister, FLOW, FLineAlignmentBase, FLineAlignmentComponent, FMarkerBase, FMarkerDirective, FNodeBase, FNodeDirective, FNodeInputBase, FNodeInputDirective, FNodeOutletBase, FNodeOutletDirective, FNodeOutputBase, FNodeOutputDirective, FPathBuilderBase, FPathBuilderSelector, FReassignConnectionEvent, FResizeObserver, FSegmentPathBuilder, FSelectionAreaBase, FSelectionAreaComponent, FSelectionChangeEvent, FStraightPathBuilder, FZoomBase, FZoomDirective, F_BACKGROUND, F_BACKGROUND_PATTERN, F_CANVAS, F_CONNECTION_DRAG_HANDLE_CLASS, F_CONNECTION_IDENTIFIERS, F_DRAGGABLE, F_DRAG_HANDLE, F_EXTERNAL_ITEM, F_FLOW, F_LINE_ALIGNMENT, F_MARKER, F_NODE, F_NODE_INPUT, F_NODE_OUTLET, F_NODE_OUTPUT, F_SELECTED_CLASS, F_SELECTION_AREA, F_ZOOM, FindFirstCanBeConnectedOutputByOutletHandler, FindInputsUnderPointerHandler, FindInputsUnderPointerRequest, FirstNotConnectedInputOfNodeUnderPointerHandler, GetCanBeSelectedItemsHandler, GetConnectionHandler, GetConnectionVectorHandler, GetConnectionVectorRequest, GetElementRectInFlowHandler, GetElementRectInFlowRequest, GetIncomingConnectionsHandler, GetInputRectInFlowHandler, GetInputRectInFlowRequest, GetInputRectInFlowResponse, GetNodesRectHandler, GetNodesRectRequest, GetOutgoingConnectionsHandler, GetOutputRectInFlowHandler, GetOutputRectInFlowRequest, GetOutputRectInFlowResponse, GetSelectionHandler, GetSelectionRequest, InputsUnderPointerHandler, IsConnectionUnderNodeHandler, LineElement, LineService, MOUSE_EVENT_IGNORE_TIME, NODE_PROVIDERS, NearestCoordinateFinder, NodeDragHandler, NodeOnPointerUp, NodePrepareDragSequence, ReassignConnectionDragHandler, ReassignConnectionOnPointerUp, ReassignConnectionPrepareDragSequence, RedrawConnectionsHandler, RedrawConnectionsRequest, SELECTION_AREA_PROVIDERS, SINGLE_SELECT_PROVIDERS, SelectAllHandler, SelectAllRequest, SelectHandler, SelectRequest, SelectionAreaDragHandle, SelectionAreaOnPointerUp, SelectionAreaPrepareDragSequence, SingleSelectOnPointerDown, UpdateConnectionLayerHandler, UpdateNodeLayerHandler, castToConnectionBehavior, castToConnectionType, getExternalItem, getFlowUid, isExternalItem, isNode, isNodeDragHandle, isNodeInput, isNodeOutlet, isNodeOutput, mixinChangeConnectionSelection, mixinChangeConnectionVisibility };
|
|
4515
4576
|
//# sourceMappingURL=foblex-flow.mjs.map
|