@metadev/daga 4.2.13 → 4.2.15

package/src/lib/diagram/canvas/diagram-canvas.d.ts

@@ -53,6 +53,7 @@ export declare class DiagramCanvas implements Canvas {
     get connectionType(): DiagramConnectionType | undefined;
     set connectionType(value: DiagramConnectionType | undefined);
     autoTightenConnections: boolean;
+    tightenConnectionsAcrossPortTypes: boolean;
     allowConnectionLoops: boolean;
     allowSharingPorts: boolean;
     allowSharingBothPorts: boolean;
@@ -73,6 +74,7 @@ export declare class DiagramCanvas implements Canvas {
      * Invisible path followed by an unfinished connection. Used for making unfinished connections stop before the cursor rather than stopping right at the cursor.
      */
     private unfinishedConnectionTracer?;
+    private unfinishedConnectionPort?;
     private inputFieldContainer?;
     private multipleSelectionContainer?;
     private draggingFrom;
@@ -105,7 +107,8 @@ export declare class DiagramCanvas implements Canvas {
     getViewCoordinates(): Point;
     translateBy(x: number, y: number): void;
     translateTo(x: number, y: number): void;
-    center(): void;
+    zoomAndPanTo(x: number, y: number, z: number, duration?: number): void;
+    center(nodeIds?: string[], maxZoomLevel?: number, duration?: number): void;
     getClosestGridPoint(point: Point): Point;
     getCoordinatesOnScreen(): [Point, Point];
     private getEventHoldingCoordinates;

package/src/lib/diagram/config/diagram-components-config.d.ts

@@ -52,6 +52,11 @@ export interface ButtonsComponentConfig {
      * @default 'top'
      */
     direction?: Side;
+    /**
+     * Duration of the center animation when pressing the center button. May be set to `0` or `undefined` to make it instant without animation.
+     * @default undefined
+     */
+    centerAnimationDuration?: number;
     /**
      * Whether to enable the user action (undo, redo) buttons in this component.
      * @default true

package/src/lib/diagram/config/diagram-config.d.ts

@@ -103,6 +103,11 @@ export interface ConnectionSettingsConfig {
      * @default true
      */
     autoTighten?: boolean;
+    /**
+     * When tightening a connection allow changing the start and end ports to ports of a different type.
+     * @default false
+     */
+    tightenAcrossPortTypes?: boolean;
     /**
      * Whether a connection can use the same port as start and end.
      * @default false
@@ -169,12 +174,12 @@ export interface NodeTypeConfig {
      * Whether the user can resize nodes of this type along the x axis.
      * @default false
      */
-    resizableX?: boolean;
+    resizableX?: boolean | ResizableMode;
     /**
      * Whether the user can resize nodes of this type along the y axis.
      * @default false
      */
-    resizableY?: boolean;
+    resizableY?: boolean | ResizableMode;
     /**
      * By how much the location of nodes of this type should be offset when snapping to grid in diagram units.
      * Each value corresponds to left, top, right and bottom respectively.
@@ -499,13 +504,13 @@ export interface SectionConfig {
      * If undefined, inherits from the parent node's resizableX setting.
      * @default undefined
      */
-    resizableX?: boolean;
+    resizableX?: boolean | ResizableMode;
     /**
      * Whether this section can be resized vertically.
      * If undefined, inherits from the parent node's resizableY setting.
      * @default undefined
      */
-    resizableY?: boolean;
+    resizableY?: boolean | ResizableMode;
 }
 /**
  * Configuration for a type of connection.
@@ -556,3 +561,6 @@ export interface ConnectionTypeConfig {
      */
     properties?: Property[];
 }
+export declare enum ResizableMode {
+    OnlyWhenSelected = 0
+}

package/src/lib/diagram/model/diagram-connection.d.ts

@@ -138,7 +138,7 @@ export declare class DiagramConnection extends DiagramElement {
      */
     endLabel: string;
     /**
-     * Points that this connection passes through.
+     * Points that this connection must pass through in its route from its start point to its end point, in order.
      * @public
      */
     points: Point[];

package/src/lib/diagram/model/diagram-node.d.ts

@@ -1,7 +1,7 @@
 import { Point } from '../../util/canvas-util';
 import { Side } from '../../util/svg-util';
 import { CollabTimestamp } from '../collab/primitives';
-import { DecoratorConfig, FieldConfig, NodeTypeConfig, PortConfig } from '../config/diagram-config';
+import { DecoratorConfig, FieldConfig, NodeTypeConfig, PortConfig, ResizableMode } from '../config/diagram-config';
 import { ImageLook, ImageLookConfig, ShapedLook, ShapedLookConfig, StretchableImageLook, StretchableImageLookConfig } from '../config/diagram-look-config';
 import { PropertySet } from '../property/property';
 import { ValueSet } from '../property/value';
@@ -75,8 +75,8 @@ export declare class DiagramNodeType implements DiagramEntity {
     defaultHeight: number;
     minWidth: number;
     minHeight: number;
-    resizableX: boolean;
-    resizableY: boolean;
+    resizableX: boolean | ResizableMode;
+    resizableY: boolean | ResizableMode;
     snapToGridOffset: [number, number, number, number];
     bottomPadding: number;
     leftPadding: number;
@@ -207,6 +207,16 @@ export declare class DiagramNode extends DiagramElement implements LabeledElemen
     updateInView(): void;
     raise(): void;
     getPriority(): number;
+    /**
+     * Returns whether this node can be resized horizontally.
+     * @public
+     */
+    getResizableX(): boolean;
+    /**
+     * Returns whether this node can be resized vertically.
+     * @public
+     */
+    getResizableY(): boolean;
     /**
      * Get the port of this node which is closest to the given coordinates.
      * @param coords A point in the diagram.

package/src/lib/diagram/model/diagram-port.d.ts

@@ -173,7 +173,7 @@ export declare class DiagramPort extends DiagramElement implements LabeledElemen
     constructor(model: DiagramModel, type: DiagramPortType | undefined, rootElement: DiagramNode | DiagramSection | undefined, coords: Point, connectionPoint: Point | undefined, direction: Side, id: string, anchorPointX?: AnchorPoint, anchorPointY?: AnchorPoint);
     get removed(): boolean;
     updateInView(): void;
-    raise(): void;
+    raise(raiseConnections?: boolean): void;
     /**
      * Add a connection to this port's list of outgoing connections.
      * @public

package/src/lib/diagram/model/diagram-section.d.ts

@@ -1,6 +1,6 @@
 import { Point } from '../../util/canvas-util';
 import { Side } from '../../util/svg-util';
-import { FieldConfig, PortConfig, SectionConfig, SectionGridConfig } from '../config/diagram-config';
+import { FieldConfig, PortConfig, ResizableMode, SectionConfig, SectionGridConfig } from '../config/diagram-config';
 import { ImageLookConfig, ShapedLookConfig, StretchableImageLookConfig } from '../config/diagram-look-config';
 import { DiagramConnection } from './diagram-connection';
 import { DiagramDecorator } from './diagram-decorator';
@@ -61,8 +61,8 @@ export declare class DiagramSectionType {
     highlightedLook: NodeLook;
     selectedAndHighlightedLook: NodeLook;
     priority: number;
-    resizableX: boolean | undefined;
-    resizableY: boolean | undefined;
+    resizableX: boolean | ResizableMode | undefined;
+    resizableY: boolean | ResizableMode | undefined;
     constructor(options: SectionConfig);
 }
 /**

package/src/lib/interfaces/canvas.d.ts

@@ -108,6 +108,11 @@ export interface Canvas {
      * @public
      */
     autoTightenConnections: boolean;
+    /**
+     * Whether a connection can be tightened to use ports of a different type.
+     * @public
+     */
+    tightenConnectionsAcrossPortTypes: boolean;
     /**
      * Whether a connection can use the same port as start and end.
      * @public
@@ -195,7 +200,8 @@ export interface Canvas {
      */
     zoomTo(level: number): void;
     /**
-     * Gets the current coordinates of the view.
+     * Gets the current coordinates of the center of view.
+     * Ensures that calling `translateTo()` with the result causes no changes.
      * @public
      */
     getViewCoordinates(): Point;
@@ -207,17 +213,30 @@ export interface Canvas {
      */
     translateBy(x: number, y: number): void;
     /**
-     * Translates the view to the given point.
+     * Translates the center of the view to the given point.
      * @public
      * @param x A coordinate along the x axis.
      * @param y A coordinate along the y axis.
      */
     translateTo(x: number, y: number): void;
+    /**
+     * Translates the center of the view to the given point and the given zoom level over the given duration of time.
+     * The duration may be set to `0` or `undefined` to make the move instant without animation.
+     * @public
+     * @param x A coordinate along the x axis.
+     * @param y A coordinate along the y axis.
+     * @param z A level of zoom.
+     * @param duration A duration for the animation in milliseconds. May be set to `0` or `undefined` to make it instant without animation.
+     */
+    zoomAndPanTo(x: number, y: number, z: number, duration?: number): void;
     /**
      * Centers by zooming and translating the view such that every element fits in the view.
      * @public
+     * @param nodeIds A list of node ids to center the view on. If `undefined`, it encompasses all nodes.
+     * @param maxZoomLevel The maximum zoom level that can be used when zooming into the elements. Can be used to prevent zooming in past a given level. `1` by default.
+     * @param duration A duration for the animation in milliseconds. May be set to `0` or `undefined` to make it instant without animation.
      */
-    center(): void;
+    center(nodeIds?: string[], maxZoomLevel?: number, duration?: number): void;
     /**
      * Get the closest grid point to the given point.
      * @public