@focus.matters/diagrams 0.0.9 → 0.0.10

package/dist/{Diagrams → src/Diagrams}/store/extensions/Dragger.d.ts

@@ -14,6 +14,7 @@ import { DiagramExtension } from './DiagramExtension';
  */
 export declare class Dragger extends DiagramExtension {
     private dragThreshold;
+    private readonly autopan;
     /**
      * childId -> parentId, built at drag start for grouped nodes.
      */
@@ -33,7 +34,6 @@ export declare class Dragger extends DiagramExtension {
     protected handleMouseDown(ev: DMouseDownEvent): void;
     protected handleMouseMove(ev: DMouseMoveEvent): void;
     protected handleDragAction(): void;
-    private calcDisplacement;
     private isFullyContained;
     private collectConnectedEdges;
     private translateEdge;

package/dist/{Diagrams → src/Diagrams}/store/extensions/EdgesDragger.d.ts

@@ -9,7 +9,7 @@ type DragContext = {
     midpoint: Midpoint;
     pointA: EdgePoint;
     pointB: EdgePoint;
-    movedAxis: 'x' | 'y';
+    movedAxis: "x" | "y";
     startMouseCanvas: Coordinates;
     startPointA: Coordinates;
     startPointB: Coordinates;
@@ -21,13 +21,13 @@ type DragContext = {
 };
 type EndpointDragContext = {
     edge: Edge;
-    endpoint: 'from' | 'to';
+    endpoint: "from" | "to";
 };
-type EdgeEndSide = 'from' | 'to';
+type EdgeEndSide = "from" | "to";
 type PreparedSegment = {
     pointA: EdgePoint;
     pointB: EdgePoint;
-    movedAxis: 'x' | 'y';
+    movedAxis: "x" | "y";
 };
 export declare class EdgesDragger extends DiagramExtension {
     protected drag: DragContext | null;
@@ -40,46 +40,46 @@ export declare class EdgesDragger extends DiagramExtension {
     protected pointsNear(a: Coordinates, b: Coordinates, epsilon?: number): boolean;
     protected isActivePoint(point: EdgePoint): boolean;
     protected getGridSize(): number;
-    protected orientationVector(orientation: 'up' | 'down' | 'left' | 'right'): {
+    protected orientationVector(orientation: "up" | "down" | "left" | "right"): {
         x: number;
         y: number;
     };
-    protected axisPerpendicularToGateway(orientation: 'up' | 'down' | 'left' | 'right'): 'x' | 'y';
+    protected axisPerpendicularToGateway(orientation: "up" | "down" | "left" | "right"): "x" | "y";
     protected expectedLeadPoint(edge: Edge, side: EdgeEndSide): Coordinates;
-    protected leadMatchesGatewaySide(endpoint: Coordinates, lead: Coordinates, orientation: 'up' | 'down' | 'left' | 'right'): boolean;
+    protected leadMatchesGatewaySide(endpoint: Coordinates, lead: Coordinates, orientation: "up" | "down" | "left" | "right"): boolean;
     protected endpointLeadPoint(edge: Edge, side: EdgeEndSide): Coordinates | EdgePoint;
     protected ensureEndpointLeadPoint(edge: Edge, side: EdgeEndSide): number;
     protected ensureEndpointLeads(edge: Edge): void;
     protected isProtectedLeadPoint(edge: Edge, index: number): boolean;
-    protected segmentMovedAxis(a: Coordinates, b: Coordinates): 'x' | 'y';
+    protected segmentMovedAxis(a: Coordinates, b: Coordinates): "x" | "y";
     protected segmentDirection(a: Coordinates, b: Coordinates): "horizontal" | "vertical" | null;
     protected segmentIsParallelToDraggedAxis(a: Coordinates, b: Coordinates): boolean;
-    protected perpendicularAxis(axis: 'x' | 'y'): 'x' | 'y';
-    protected pointAxis(point: Coordinates, axis: 'x' | 'y'): number;
-    protected setPointAxis(point: Coordinates, axis: 'x' | 'y', value: number): void;
-    protected crossesStaticBoundary(orientation: 'up' | 'down' | 'left' | 'right', movedAxis: 'x' | 'y', point: Coordinates, boundary: Coordinates, threshold?: number): boolean;
-    protected copyAsManual(point: EdgePoint, axis?: 'x' | 'y' | 'both'): EdgePoint;
-    protected markManual(point: EdgePoint, axis?: 'x' | 'y' | 'both'): void;
-    protected clampPointPastLead(point: EdgePoint, lead: Coordinates, orientation: 'up' | 'down' | 'left' | 'right'): void;
-    protected movedAxisMatchesOrientation(movedAxis: 'x' | 'y', orientation: 'up' | 'down' | 'left' | 'right'): boolean;
-    protected edgePointAt(edge: Edge, x: number, y: number, mode?: 'auto' | 'manual' | 'static'): EdgePoint;
-    protected guardCoordinate(edge: Edge, side: EdgeEndSide, lead: Coordinates, oppositePoint: Coordinates, perpendicularAxis: 'x' | 'y'): number;
-    protected makeGuardCorner(edge: Edge, lead: Coordinates, guardCoordinate: number, movedAxis: 'x' | 'y'): EdgePoint;
+    protected perpendicularAxis(axis: "x" | "y"): "x" | "y";
+    protected pointAxis(point: Coordinates, axis: "x" | "y"): number;
+    protected setPointAxis(point: Coordinates, axis: "x" | "y", value: number): void;
+    protected crossesStaticBoundary(orientation: "up" | "down" | "left" | "right", movedAxis: "x" | "y", point: Coordinates, boundary: Coordinates, threshold?: number): boolean;
+    protected copyAsManual(point: EdgePoint, axis?: "x" | "y" | "both"): EdgePoint;
+    protected markManual(point: EdgePoint, axis?: "x" | "y" | "both"): void;
+    protected clampPointPastLead(point: EdgePoint, lead: Coordinates, orientation: "up" | "down" | "left" | "right"): void;
+    protected movedAxisMatchesOrientation(movedAxis: "x" | "y", orientation: "up" | "down" | "left" | "right"): boolean;
+    protected edgePointAt(edge: Edge, x: number, y: number, mode?: "auto" | "manual" | "static"): EdgePoint;
+    protected guardCoordinate(edge: Edge, side: EdgeEndSide, lead: Coordinates, oppositePoint: Coordinates, perpendicularAxis: "x" | "y"): number;
+    protected makeGuardCorner(edge: Edge, lead: Coordinates, guardCoordinate: number, movedAxis: "x" | "y"): EdgePoint;
     protected insertStaticBoundaryGuard(side: EdgeEndSide): boolean;
     protected insertStaticBoundaryGuards(): boolean;
     protected clampDraggedSegmentAgainstEndpointLeads(): void;
     protected mergeDraggedSegmentWithManualNeighbors(): boolean;
-    protected rebaseDraggedEndpointFixedAxis(side: 'pointA' | 'pointB', point: EdgePoint): void;
-    protected replaceDraggedEndpointWithProtectedLeadDuplicate(side: 'pointA' | 'pointB', lead: EdgePoint, replacedIndex: number): void;
+    protected rebaseDraggedEndpointFixedAxis(side: "pointA" | "pointB", point: EdgePoint): void;
+    protected replaceDraggedEndpointWithProtectedLeadDuplicate(side: "pointA" | "pointB", lead: EdgePoint, replacedIndex: number): void;
     protected absorbCollinearSegmentsIntoDraggedSegment(): boolean;
     protected removeAdjacentDuplicates(preserveActivePoints: boolean): boolean;
-    protected coordinateAnchorForPair(a: EdgePoint, b: EdgePoint, axis: 'x' | 'y', aIndex: number): number;
+    protected coordinateAnchorForPair(a: EdgePoint, b: EdgePoint, axis: "x" | "y", aIndex: number): number;
     protected snapNearlyAlignedDraggedPairs(): boolean;
     protected chooseOrthogonalCorner(from: EdgePoint, to: EdgePoint, previous?: EdgePoint, next?: EdgePoint): EdgePoint;
     protected ensureOrthogonalAdjacency(): boolean;
     protected normalizeDraggedEdge(): boolean;
     protected finalizeDraggedEdge(): void;
-    protected prepareStraightLeadSegment(edge: Edge, movedAxis: 'x' | 'y'): {
+    protected prepareStraightLeadSegment(edge: Edge, movedAxis: "x" | "y"): {
         pointA: EdgePoint;
         pointB: EdgePoint;
         movedAxis: "x" | "y";

package/dist/src/Diagrams/store/extensions/NodesAligner.d.ts

@@ -0,0 +1,39 @@
+import { DiagramExtension } from './DiagramExtension';
+import { Node } from '../elements/Node';
+import { Dimensions } from '../primitives/Dimensions';
+type Proposal = {
+    type: "v";
+    y: number;
+    range: [number, number];
+    id: string;
+} | {
+    type: "h";
+    x: number;
+    range: [number, number];
+    id: string;
+};
+type VerticalSuggestion = {
+    nodeY: number;
+    guideY: number;
+    range: [number, number];
+};
+type VerticalSuggestionProvider = (node: Node<any>, box: Dimensions) => VerticalSuggestion[];
+type HorizontalSuggestion = {
+    nodeX: number;
+    guideX: number;
+    range: [number, number];
+};
+type HorizontalSuggestionProvider = (node: Node<any>, box: Dimensions) => HorizontalSuggestion[];
+export declare class NodesAligner extends DiagramExtension {
+    private gridSize;
+    private horizontalSuggestionProviders;
+    private verticalSuggestionProviders;
+    proposals: Proposal[];
+    /** Registers extra horizontal candidates while preserving aligner arbitration. */
+    registerHorizontalSuggestionProvider(provider: HorizontalSuggestionProvider): () => void;
+    /** Registers extra vertical candidates while preserving aligner arbitration. */
+    registerVerticalSuggestionProvider(provider: VerticalSuggestionProvider): () => void;
+    clear(): void;
+    init(): void;
+}
+export {};

package/dist/{Diagrams → src/Diagrams}/store/extensions/Selector.d.ts

@@ -3,7 +3,7 @@ import { DMouseDownEvent, DMouseUpEvent, DMouseMoveEvent } from '../elements/Eve
 import { Node } from '../elements/Node';
 import { DiagramExtension } from './DiagramExtension';
 import { Edge } from '../elements/Edge';
-type SelectionMode = 'area' | 'element';
+type SelectionMode = "area" | "element";
 /**
  * The selection must be handled entirelly by the Selector class.
  *

package/dist/{Diagrams → src/Diagrams}/store/primitives/Coordinates.d.ts

@@ -32,7 +32,7 @@ export declare class Coordinates {
     };
     multiply(factor: number | Coordinates): this;
     set(i: number, value: number): this;
-    snapToGrid(gridSize: number, dimension?: 'x' | 'y' | 'both'): this;
+    snapToGrid(gridSize: number, dimension?: "x" | "y" | "both"): this;
     substract(another: Coordinates | [number, number]): this;
     sum(another: Coordinates | [number, number] | number): this;
     toDirectedPoint(direction: TOrientation): DirectedPoint;

package/dist/{Diagrams → src/Diagrams}/store/types.d.ts

@@ -19,9 +19,9 @@ export type TNodeState = {
     zIndex: number;
     groupChildren: boolean;
 }>;
-export type EdgePathType = 'straight' | 'curved' | 'angle';
-export type EdgeArrowHead = 'none' | 'arrow' | 'triangle' | 'triangle-filled' | 'diamond' | 'circle-small' | 'circle-medium' | 'measure';
-export type EdgeLineStyle = 'solid' | 'dashed' | 'dotted';
+export type EdgePathType = "straight" | "curved" | "angle";
+export type EdgeArrowHead = "none" | "arrow" | "triangle" | "triangle-filled" | "diamond" | "circle-small" | "circle-medium" | "measure";
+export type EdgeLineStyle = "solid" | "dashed" | "dotted";
 export type TEdgeState = {
     dragging: boolean;
     hover: boolean;
@@ -58,4 +58,4 @@ export type TGatewayState = {
      */
     position: Coordinates;
 };
-export type TOrientation = 'up' | 'right' | 'down' | 'left';
+export type TOrientation = "up" | "right" | "down" | "left";

package/dist/src/Diagrams/util/Autopan.d.ts

@@ -0,0 +1,14 @@
+import { Diagram } from '../store/Diagram';
+import { Coordinates } from '../store/primitives/Coordinates';
+/**
+ * Displaces a diagram viewport while an interaction remains near its edges.
+ */
+export declare class Autopan {
+    private readonly diagram;
+    static readonly edgeThreshold = 100;
+    constructor(diagram: Diagram);
+    /** Applies one auto-pan step for the supplied viewport pointer coordinates. */
+    displace(pointer: Coordinates): Coordinates;
+    private axisDisplacement;
+    private step;
+}

package/dist/{Diagrams → src/Diagrams}/util/bpmn/types.d.ts

@@ -54,7 +54,7 @@ export type ParsedBPMNModel = {
     unsupportedLinks: ParsedBPMNUnsupportedLink[];
     warnings: string[];
 };
-export type BPMNNodeClassName = 'TaskNode' | 'EventNode' | 'GateNode' | 'UnknownBPMNNode';
+export type BPMNNodeClassName = "TaskNode" | "EventNode" | "GateNode" | "UnknownBPMNNode";
 export type BPMNImportLanePlan = {
     id: string;
     processId: string;

package/dist/src/index.d.ts

@@ -0,0 +1,8 @@
+export { DiagramEditor } from './Diagrams/DiagramEditor';
+export { Diagram } from './Diagrams/store/Diagram';
+export { BPMDiagram } from './Diagrams/custom/bpmn/BPMDiagram';
+export { AgentDiagram } from './Diagrams/custom/agent/AgentDiagram';
+export { CommunicationDiagram } from './Diagrams/custom/communication/CommunicationDiagram';
+export { ToolsStates } from './Diagrams/components/extra/ToolsState';
+export type { CommunicationNodeType } from './Diagrams/custom/communication/types';
+export type * from './Diagrams/custom/agent/types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@focus.matters/diagrams",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "type": "module",
   "files": [
     "dist"

package/dist/Diagrams/components/objects/CustomRenderers.d.ts

@@ -1,6 +0,0 @@
-export declare const RenderCustomRenderers: (() => import("react").JSX.Element) & {
-    displayName: string;
-};
-export declare const RenderScreenLabels: (() => import("react").JSX.Element) & {
-    displayName: string;
-};

package/dist/Diagrams/custom/bpmn/nodes/Lanes/LanesResizer.d.ts

@@ -1,6 +0,0 @@
-import { Lanes } from '.';
-export declare const LanesResizer: (({ lanes }: {
-    lanes: Lanes;
-}) => import("react").JSX.Element | null) & {
-    displayName: string;
-};

package/dist/Diagrams/custom/bpmn/nodes/Lanes/index.d.ts

@@ -1,66 +0,0 @@
-import { FC } from 'react';
-import { BPMNode } from '../BPMNode';
-import { Element } from '../../../../store/elements/Element';
-import { Dimensions } from '../../../../store/primitives/Dimensions';
-export type TPool = {
-    name: string;
-    label: string;
-};
-export declare class Lanes extends BPMNode {
-    static readonly laneHeaderWidth = 50;
-    static readonly laneHeight = 250;
-    static readonly lanePadding = 25;
-    static readonly laneHeaderFontSize = 14;
-    constructor(parent: Element | null, state: {
-        id: string;
-    });
-    get box(): Dimensions;
-    addPool(): TPool;
-    protected editionIndex: number;
-    protected previousPools: TPool[];
-    cancel(): void;
-    confirm(): boolean;
-    edit(): void;
-    resetPools(): void;
-    deserialize(o: ReturnType<this['serialize']>): void;
-    serialize(): {
-        pools: TPool[];
-        box: [number, number, number, number];
-        id: string;
-        label: string;
-        movable: boolean | undefined;
-        selectable: boolean | undefined;
-        selected: boolean | undefined;
-        gateways: {
-            coordinates: [number, number];
-            fill: string | undefined;
-            id: string;
-            orientation: import('../../../../store/types').TOrientation;
-            radius: number;
-            stroke: string | undefined;
-            strokeWidth: number;
-            outEdges: {
-                arrowHeadEnd: import('../../../../store/types').EdgeArrowHead | undefined;
-                arrowHeadStart: import('../../../../store/types').EdgeArrowHead | undefined;
-                displacementEnd: [number, number] | undefined;
-                displacementStart: [number, number] | undefined;
-                lineStyle: import('../../../../store/types').EdgeLineStyle | undefined;
-                pathType: import('../../../../store/types').EdgePathType | undefined;
-                steps: import('../../../../store/elements/EdgePoint').TSerializedEdgePoint[];
-                stroke: string | undefined;
-                strokeWidth: number | undefined;
-                to: string;
-                toParentId: string;
-                class: string;
-            }[];
-            class: string;
-        }[];
-        fill: string | undefined;
-        labelFontSize: number | undefined;
-        stroke: string | undefined;
-        strokewWidth: number | undefined;
-        class: string;
-    };
-    pools: TPool[];
-    Render: FC;
-}

package/dist/Diagrams/custom/communication/types.d.ts

@@ -1 +0,0 @@
-export type CommunicationNodeType = 'actor' | 'object' | 'controller';

package/dist/Diagrams/custom/editable/EditableLabel.d.ts

@@ -1,3 +0,0 @@
-export declare const EditableLabel: (() => import("react").JSX.Element) & {
-    displayName: string;
-};

package/dist/Diagrams/custom/editable/EditableNodeContext.d.ts

@@ -1,3 +0,0 @@
-import { EditableNode } from './EditableNode';
-export declare const EditableNodeContext: import('react').Context<EditableNode | null>;
-export declare function useEditableNode(): EditableNode;

package/dist/Diagrams/store/extensions/NodesAligner.d.ts

@@ -1,19 +0,0 @@
-import { DiagramExtension } from './DiagramExtension';
-type Proposal = {
-    type: 'v';
-    y: number;
-    range: [number, number];
-    id: string;
-} | {
-    type: 'h';
-    x: number;
-    range: [number, number];
-    id: string;
-};
-export declare class NodesAligner extends DiagramExtension {
-    private gridSize;
-    proposals: Proposal[];
-    clear(): void;
-    init(): void;
-}
-export {};

package/dist/DirectedPoint-HRgiLZeU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DirectedPoint-HRgiLZeU.js","sources":["../src/Diagrams/store/primitives/DirectedPoint.ts"],"sourcesContent":["import type { TOrientation } from '../types';\r\nimport { Coordinates } from './Coordinates';\r\n\r\nexport class DirectedPoint extends Coordinates {\r\n  direction: TOrientation = 'left';\r\n\r\n  get rawDirectedPoint() {\r\n    return {\r\n      x: this.x,\r\n      y: this.y,\r\n      direction: this.direction,\r\n    };\r\n  }\r\n\r\n  stepBack() {\r\n    switch (this.direction) {\r\n      case 'down':\r\n        this.y--;\r\n        break;\r\n      case 'left':\r\n        this.x++;\r\n        break;\r\n      case 'right':\r\n        this.x--;\r\n        break;\r\n      case 'up':\r\n        this.y++;\r\n        break;\r\n    }\r\n    return this;\r\n  }\r\n\r\n  stepForward() {\r\n    switch (this.direction) {\r\n      case 'down':\r\n        this.y++;\r\n        break;\r\n      case 'left':\r\n        this.x--;\r\n        break;\r\n      case 'right':\r\n        this.x++;\r\n        break;\r\n      case 'up':\r\n        this.y--;\r\n        break;\r\n    }\r\n    return this;\r\n  }\r\n}\r\n"],"names":["_DirectedPoint","Coordinates","__name","DirectedPoint"],"mappings":";;;AAGO,MAAMA,IAAN,MAAMA,UAAsBC,EAAY;AAAA,EAC7C,YAA0B;AAAA,EAE1B,IAAI,mBAAmB;AACrB,WAAO;AAAA,MACL,GAAG,KAAK;AAAA,MACR,GAAG,KAAK;AAAA,MACR,WAAW,KAAK;AAAA,IAAA;AAAA,EAEpB;AAAA,EAEA,WAAW;AACT,YAAQ,KAAK,WAAA;AAAA,MACX,KAAK;AACH,aAAK;AACL;AAAA,MACF,KAAK;AACH,aAAK;AACL;AAAA,MACF,KAAK;AACH,aAAK;AACL;AAAA,MACF,KAAK;AACH,aAAK;AACL;AAAA,IAAA;AAEJ,WAAO;AAAA,EACT;AAAA,EAEA,cAAc;AACZ,YAAQ,KAAK,WAAA;AAAA,MACX,KAAK;AACH,aAAK;AACL;AAAA,MACF,KAAK;AACH,aAAK;AACL;AAAA,MACF,KAAK;AACH,aAAK;AACL;AAAA,MACF,KAAK;AACH,aAAK;AACL;AAAA,IAAA;AAEJ,WAAO;AAAA,EACT;AACF;AA9C+CC,EAAAF,GAAA;AAAxC,IAAMG,IAANH;"}