@focus.matters/diagrams 0.2.1 → 0.3.0

package/dist/src/Diagrams/custom/bpmnExecution/nodes/BPMNExecutionDocumentAnnotationNode.d.ts

@@ -20,16 +20,16 @@ export declare class BPMNExecutionDocumentAnnotationNode extends DocumentAnnotat
             coordinates: [number, number];
             fill: string | undefined;
             id: string;
-            orientation: import('../../../store/types').TOrientation;
+            orientation: import('../../../..').TOrientation;
             radius: number;
             stroke: string | undefined;
             strokeWidth: number;
             outEdges: {
-                arrowHeadEnd: import('../../../store/types').EdgeArrowHead | undefined;
-                arrowHeadStart: import('../../../store/types').EdgeArrowHead | undefined;
+                arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
+                arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
                 displacementEnd: [number, number] | undefined;
                 displacementStart: [number, number] | undefined;
-                lineStyle: import('../../../store/types').EdgeLineStyle | undefined;
+                lineStyle: import('../../../..').EdgeLineStyle | undefined;
                 labels: {
                     alignment: "right" | "left" | "center";
                     id: string;
@@ -40,13 +40,13 @@ export declare class BPMNExecutionDocumentAnnotationNode extends DocumentAnnotat
                     text: string;
                     position: [number, number];
                 }[];
-                pathType: import('../../../store/types').EdgePathType;
+                pathType: import('../../../..').EdgePathType;
                 startAnchor: {
-                    mode: import('../../../store/types').EdgeAnchorMode;
+                    mode: import('../../../..').EdgeAnchorMode;
                     position: [number, number] | undefined;
                 };
                 endAnchor: {
-                    mode: import('../../../store/types').EdgeAnchorMode;
+                    mode: import('../../../..').EdgeAnchorMode;
                     position: [number, number] | undefined;
                 };
                 steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];

package/dist/src/Diagrams/custom/bpmnExecution/nodes/BPMNExecutionDocumentNode.d.ts

@@ -21,16 +21,16 @@ export declare class BPMNExecutionDocumentNode extends DocumentNode {
             coordinates: [number, number];
             fill: string | undefined;
             id: string;
-            orientation: import('../../../store/types').TOrientation;
+            orientation: import('../../../..').TOrientation;
             radius: number;
             stroke: string | undefined;
             strokeWidth: number;
             outEdges: {
-                arrowHeadEnd: import('../../../store/types').EdgeArrowHead | undefined;
-                arrowHeadStart: import('../../../store/types').EdgeArrowHead | undefined;
+                arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
+                arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
                 displacementEnd: [number, number] | undefined;
                 displacementStart: [number, number] | undefined;
-                lineStyle: import('../../../store/types').EdgeLineStyle | undefined;
+                lineStyle: import('../../../..').EdgeLineStyle | undefined;
                 labels: {
                     alignment: "right" | "left" | "center";
                     id: string;
@@ -41,13 +41,13 @@ export declare class BPMNExecutionDocumentNode extends DocumentNode {
                     text: string;
                     position: [number, number];
                 }[];
-                pathType: import('../../../store/types').EdgePathType;
+                pathType: import('../../../..').EdgePathType;
                 startAnchor: {
-                    mode: import('../../../store/types').EdgeAnchorMode;
+                    mode: import('../../../..').EdgeAnchorMode;
                     position: [number, number] | undefined;
                 };
                 endAnchor: {
-                    mode: import('../../../store/types').EdgeAnchorMode;
+                    mode: import('../../../..').EdgeAnchorMode;
                     position: [number, number] | undefined;
                 };
                 steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];

package/dist/src/Diagrams/custom/bpmnExecution/nodes/BPMNExecutionEventNode.d.ts

@@ -31,16 +31,16 @@ export declare class BPMNExecutionEventNode extends EventNode {
             coordinates: [number, number];
             fill: string | undefined;
             id: string;
-            orientation: import('../../../store/types').TOrientation;
+            orientation: import('../../../..').TOrientation;
             radius: number;
             stroke: string | undefined;
             strokeWidth: number;
             outEdges: {
-                arrowHeadEnd: import('../../../store/types').EdgeArrowHead | undefined;
-                arrowHeadStart: import('../../../store/types').EdgeArrowHead | undefined;
+                arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
+                arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
                 displacementEnd: [number, number] | undefined;
                 displacementStart: [number, number] | undefined;
-                lineStyle: import('../../../store/types').EdgeLineStyle | undefined;
+                lineStyle: import('../../../..').EdgeLineStyle | undefined;
                 labels: {
                     alignment: "right" | "left" | "center";
                     id: string;
@@ -51,13 +51,13 @@ export declare class BPMNExecutionEventNode extends EventNode {
                     text: string;
                     position: [number, number];
                 }[];
-                pathType: import('../../../store/types').EdgePathType;
+                pathType: import('../../../..').EdgePathType;
                 startAnchor: {
-                    mode: import('../../../store/types').EdgeAnchorMode;
+                    mode: import('../../../..').EdgeAnchorMode;
                     position: [number, number] | undefined;
                 };
                 endAnchor: {
-                    mode: import('../../../store/types').EdgeAnchorMode;
+                    mode: import('../../../..').EdgeAnchorMode;
                     position: [number, number] | undefined;
                 };
                 steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];

package/dist/src/Diagrams/custom/bpmnExecution/nodes/BPMNExecutionGateNode.d.ts

@@ -21,16 +21,16 @@ export declare class BPMNExecutionGateNode extends GateNode {
             coordinates: [number, number];
             fill: string | undefined;
             id: string;
-            orientation: import('../../../store/types').TOrientation;
+            orientation: import('../../../..').TOrientation;
             radius: number;
             stroke: string | undefined;
             strokeWidth: number;
             outEdges: {
-                arrowHeadEnd: import('../../../store/types').EdgeArrowHead | undefined;
-                arrowHeadStart: import('../../../store/types').EdgeArrowHead | undefined;
+                arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
+                arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
                 displacementEnd: [number, number] | undefined;
                 displacementStart: [number, number] | undefined;
-                lineStyle: import('../../../store/types').EdgeLineStyle | undefined;
+                lineStyle: import('../../../..').EdgeLineStyle | undefined;
                 labels: {
                     alignment: "right" | "left" | "center";
                     id: string;
@@ -41,13 +41,13 @@ export declare class BPMNExecutionGateNode extends GateNode {
                     text: string;
                     position: [number, number];
                 }[];
-                pathType: import('../../../store/types').EdgePathType;
+                pathType: import('../../../..').EdgePathType;
                 startAnchor: {
-                    mode: import('../../../store/types').EdgeAnchorMode;
+                    mode: import('../../../..').EdgeAnchorMode;
                     position: [number, number] | undefined;
                 };
                 endAnchor: {
-                    mode: import('../../../store/types').EdgeAnchorMode;
+                    mode: import('../../../..').EdgeAnchorMode;
                     position: [number, number] | undefined;
                 };
                 steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];

package/dist/src/Diagrams/custom/bpmnExecution/nodes/BPMNExecutionTaskNode.d.ts

@@ -26,16 +26,16 @@ export declare class BPMNExecutionTaskNode extends TaskNode {
             coordinates: [number, number];
             fill: string | undefined;
             id: string;
-            orientation: import('../../../store/types').TOrientation;
+            orientation: import('../../../..').TOrientation;
             radius: number;
             stroke: string | undefined;
             strokeWidth: number;
             outEdges: {
-                arrowHeadEnd: import('../../../store/types').EdgeArrowHead | undefined;
-                arrowHeadStart: import('../../../store/types').EdgeArrowHead | undefined;
+                arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
+                arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
                 displacementEnd: [number, number] | undefined;
                 displacementStart: [number, number] | undefined;
-                lineStyle: import('../../../store/types').EdgeLineStyle | undefined;
+                lineStyle: import('../../../..').EdgeLineStyle | undefined;
                 labels: {
                     alignment: "right" | "left" | "center";
                     id: string;
@@ -46,13 +46,13 @@ export declare class BPMNExecutionTaskNode extends TaskNode {
                     text: string;
                     position: [number, number];
                 }[];
-                pathType: import('../../../store/types').EdgePathType;
+                pathType: import('../../../..').EdgePathType;
                 startAnchor: {
-                    mode: import('../../../store/types').EdgeAnchorMode;
+                    mode: import('../../../..').EdgeAnchorMode;
                     position: [number, number] | undefined;
                 };
                 endAnchor: {
-                    mode: import('../../../store/types').EdgeAnchorMode;
+                    mode: import('../../../..').EdgeAnchorMode;
                     position: [number, number] | undefined;
                 };
                 steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];

package/dist/src/Diagrams/custom/bpmnExecution/nodes/BPMNExecutionTextAnnotationNode.d.ts

@@ -20,16 +20,16 @@ export declare class BPMNExecutionTextAnnotationNode extends TextAnnotationNode
             coordinates: [number, number];
             fill: string | undefined;
             id: string;
-            orientation: import('../../../store/types').TOrientation;
+            orientation: import('../../../..').TOrientation;
             radius: number;
             stroke: string | undefined;
             strokeWidth: number;
             outEdges: {
-                arrowHeadEnd: import('../../../store/types').EdgeArrowHead | undefined;
-                arrowHeadStart: import('../../../store/types').EdgeArrowHead | undefined;
+                arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
+                arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
                 displacementEnd: [number, number] | undefined;
                 displacementStart: [number, number] | undefined;
-                lineStyle: import('../../../store/types').EdgeLineStyle | undefined;
+                lineStyle: import('../../../..').EdgeLineStyle | undefined;
                 labels: {
                     alignment: "right" | "left" | "center";
                     id: string;
@@ -40,13 +40,13 @@ export declare class BPMNExecutionTextAnnotationNode extends TextAnnotationNode
                     text: string;
                     position: [number, number];
                 }[];
-                pathType: import('../../../store/types').EdgePathType;
+                pathType: import('../../../..').EdgePathType;
                 startAnchor: {
-                    mode: import('../../../store/types').EdgeAnchorMode;
+                    mode: import('../../../..').EdgeAnchorMode;
                     position: [number, number] | undefined;
                 };
                 endAnchor: {
-                    mode: import('../../../store/types').EdgeAnchorMode;
+                    mode: import('../../../..').EdgeAnchorMode;
                     position: [number, number] | undefined;
                 };
                 steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];

package/dist/src/Diagrams/custom/bpmnExecution/nodes/BPMNExecutionUnknownNode.d.ts

@@ -21,16 +21,16 @@ export declare class BPMNExecutionUnknownNode extends UnknownBPMNNode {
             coordinates: [number, number];
             fill: string | undefined;
             id: string;
-            orientation: import('../../../store/types').TOrientation;
+            orientation: import('../../../..').TOrientation;
             radius: number;
             stroke: string | undefined;
             strokeWidth: number;
             outEdges: {
-                arrowHeadEnd: import('../../../store/types').EdgeArrowHead | undefined;
-                arrowHeadStart: import('../../../store/types').EdgeArrowHead | undefined;
+                arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
+                arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
                 displacementEnd: [number, number] | undefined;
                 displacementStart: [number, number] | undefined;
-                lineStyle: import('../../../store/types').EdgeLineStyle | undefined;
+                lineStyle: import('../../../..').EdgeLineStyle | undefined;
                 labels: {
                     alignment: "right" | "left" | "center";
                     id: string;
@@ -41,13 +41,13 @@ export declare class BPMNExecutionUnknownNode extends UnknownBPMNNode {
                     text: string;
                     position: [number, number];
                 }[];
-                pathType: import('../../../store/types').EdgePathType;
+                pathType: import('../../../..').EdgePathType;
                 startAnchor: {
-                    mode: import('../../../store/types').EdgeAnchorMode;
+                    mode: import('../../../..').EdgeAnchorMode;
                     position: [number, number] | undefined;
                 };
                 endAnchor: {
-                    mode: import('../../../store/types').EdgeAnchorMode;
+                    mode: import('../../../..').EdgeAnchorMode;
                     position: [number, number] | undefined;
                 };
                 steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];

package/dist/src/Diagrams/custom/communication/CommunicationDiagram.d.ts

@@ -6,8 +6,8 @@ import { CommunicationControllerNode } from './nodes/CommunicationControllerNode
 import { CommunicationNodeType } from './types';
 export declare class CommunicationDiagram extends EditableDiagram {
     constructor(settings?: TDiagramSettings);
-    get selectedNodes(): import('../../store/elements/Node').Node<import('../../store/types').TOrientation>[];
-    get selectedEdges(): import('../../store/elements/Edge').Edge[];
+    get selectedNodes(): import('../../..').Node<import('../../..').TOrientation>[];
+    get selectedEdges(): import('../../..').Edge[];
     createNodeFromClientPoint(type: CommunicationNodeType, clientX: number, clientY: number): CommunicationActorNode | CommunicationObjectNode | CommunicationControllerNode;
     createNodeAtCanvasPoint(type: CommunicationNodeType, x: number, y: number): CommunicationActorNode | CommunicationObjectNode | CommunicationControllerNode;
     createNodeInViewportCenter(type: CommunicationNodeType): CommunicationActorNode | CommunicationObjectNode | CommunicationControllerNode;

package/dist/src/Diagrams/custom/editable/EditableNode.d.ts

@@ -14,8 +14,8 @@ export declare abstract class EditableNode extends Node {
     /** Confirms the edit unless an event listener cancels it, then returns whether it was accepted. */
     confirm(): boolean;
     get isChanged(): boolean;
-    protected get screenLabelBox(): import('../../store/primitives/Dimensions').Dimensions;
+    protected get screenLabelBox(): import('../../..').Dimensions;
     /** Returns the current label bounds so surrounding controls can avoid its rendered area. */
-    get labelScreenBox(): import('../../store/primitives/Dimensions').Dimensions;
+    get labelScreenBox(): import('../../..').Dimensions;
     RenderScreen: FC<any>;
 }

package/dist/src/Diagrams/custom/mr/bindAttributeRelationshipHover.d.ts

@@ -0,0 +1,3 @@
+import { MRDiagram } from './MRDiagram';
+/** Highlights connections and adjacent tables for hovered attributes, including custom table renderers. */
+export declare function bindAttributeRelationshipHover(root: HTMLElement, diagram: MRDiagram): () => void;

package/dist/src/Diagrams/custom/mr/edges/MRForeignKeyEdge.d.ts

@@ -40,11 +40,11 @@ export declare class MRForeignKeyEdge extends Edge {
         identifying: boolean;
         deferrable: boolean;
         initiallyDeferred: boolean;
-        arrowHeadEnd: import('../../../store/types').EdgeArrowHead | undefined;
-        arrowHeadStart: import('../../../store/types').EdgeArrowHead | undefined;
+        arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
+        arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
         displacementEnd: [number, number] | undefined;
         displacementStart: [number, number] | undefined;
-        lineStyle: import('../../../store/types').EdgeLineStyle | undefined;
+        lineStyle: import('../../../..').EdgeLineStyle | undefined;
         labels: {
             alignment: "right" | "left" | "center";
             id: string;
@@ -55,13 +55,13 @@ export declare class MRForeignKeyEdge extends Edge {
             text: string;
             position: [number, number];
         }[];
-        pathType: import('../../../store/types').EdgePathType;
+        pathType: import('../../../..').EdgePathType;
         startAnchor: {
-            mode: import('../../../store/types').EdgeAnchorMode;
+            mode: import('../../../..').EdgeAnchorMode;
             position: [number, number] | undefined;
         };
         endAnchor: {
-            mode: import('../../../store/types').EdgeAnchorMode;
+            mode: import('../../../..').EdgeAnchorMode;
             position: [number, number] | undefined;
         };
         steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];

package/dist/src/Diagrams/custom/mr/extensions/MRModelerExtension.d.ts

@@ -6,7 +6,7 @@ import { MRTableNode } from '../nodes/MRTableNode';
 import { MRAttribute, MRConstraint, MRConstraintKind, MRForeignKeyModel, MRShowcaseElement, MRTableKind } from '../types';
 /** Coordinates relational-model creation and every inspector-driven schema mutation. */
 export declare class MRModelerExtension extends DiagramExtension {
-    RenderUI: (({ diagram, extension }: import('../../../store/extensions/DiagramExtension').TDiagramExtensionRenderProps<MRModelerExtension>) => import("react").JSX.Element) & {
+    RenderUI: (({ diagram, extension }: import('../../../..').TDiagramExtensionRenderProps<MRModelerExtension>) => import("react").JSX.Element) & {
         displayName: string;
     };
     /** Initializes this stateless modeler extension for fixed inspector rendering. */

package/dist/src/Diagrams/custom/mr/nodes/MRTableNode.d.ts

@@ -50,16 +50,16 @@ export declare class MRTableNode extends Node<any> {
             coordinates: [number, number];
             fill: string | undefined;
             id: string;
-            orientation: import('../../../store/types').TOrientation;
+            orientation: import('../../../..').TOrientation;
             radius: number;
             stroke: string | undefined;
             strokeWidth: number;
             outEdges: {
-                arrowHeadEnd: import('../../../store/types').EdgeArrowHead | undefined;
-                arrowHeadStart: import('../../../store/types').EdgeArrowHead | undefined;
+                arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
+                arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
                 displacementEnd: [number, number] | undefined;
                 displacementStart: [number, number] | undefined;
-                lineStyle: import('../../../store/types').EdgeLineStyle | undefined;
+                lineStyle: import('../../../..').EdgeLineStyle | undefined;
                 labels: {
                     alignment: "right" | "left" | "center";
                     id: string;
@@ -70,13 +70,13 @@ export declare class MRTableNode extends Node<any> {
                     text: string;
                     position: [number, number];
                 }[];
-                pathType: import('../../../store/types').EdgePathType;
+                pathType: import('../../../..').EdgePathType;
                 startAnchor: {
-                    mode: import('../../../store/types').EdgeAnchorMode;
+                    mode: import('../../../..').EdgeAnchorMode;
                     position: [number, number] | undefined;
                 };
                 endAnchor: {
-                    mode: import('../../../store/types').EdgeAnchorMode;
+                    mode: import('../../../..').EdgeAnchorMode;
                     position: [number, number] | undefined;
                 };
                 steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];

package/dist/src/Diagrams/store/Canvas.d.ts

@@ -10,11 +10,23 @@ export type ScaleEvent = {
 /** Owns viewport scale, displacement, interaction sessions, and rendered canvas bounds. */
 export declare class Canvas extends Element {
     private unbindDocumentEvents;
+    private readonly detachHandlers;
     private mouseSessionStartedInFrame;
+    private keyboardSessionActive;
     private centerAnimationFrame;
     protected _displacement: Coordinates;
     _scale: number;
     private gridSize;
+    private minimumScale;
+    private maximumScale;
+    private wheelSensitivity;
+    private animatedZoom;
+    private zoomFrame;
+    private zoomTarget;
+    private zoomDeadline;
+    private zoomLastFrame;
+    private zoomCenter;
+    private applyingZoomFrame;
     size: Coordinates;
     get scale(): number;
     element: HTMLElement | null;
@@ -26,6 +38,8 @@ export declare class Canvas extends Element {
     constructor(parent: Diagram);
     /** Releases document listeners and cancels any viewport animation still in flight. */
     dispose(): void;
+    /** Registers cleanup for decorations owned by a currently attached canvas surface. */
+    onDetach(callback: () => void): () => void;
     /** Marks programmatic pointer sessions as eligible for the canvas drag lifecycle. */
     markMouseSessionStartedInFrame(): void;
     get dragging(): boolean;
@@ -35,6 +49,11 @@ export declare class Canvas extends Element {
     protected bound(): void;
     /** Centers a world point in the viewport and optionally animates the pan. */
     centerOnPoint(c: Coordinates, animated?: boolean): void;
+    /**
+     * Minimally pans the viewport until a world-space box has the requested margin.
+     */
+    ensureVisible(box: Dimensions, padding?: number, animated?: boolean): boolean;
+    private visibleOriginForInterval;
     private animateDisplacement;
     private cancelCenterAnimation;
     private applyDisplacement;
@@ -42,6 +61,27 @@ export declare class Canvas extends Element {
     displace(c: Coordinates): Coordinates;
     /** Replaces the viewport displacement while respecting configured canvas bounds. */
     setDisplacement(c: Coordinates): void;
+    /** Configures validated viewport limits and a constant scale increment per wheel pixel. */
+    configureZoom(options: {
+        minimumScale?: number;
+        maximumScale?: number;
+        wheelSensitivity?: number;
+        animated?: boolean;
+    }): void;
+    /** Applies the same configured limits to manual zoom, fitted content and restored cameras. */
+    clampScale(value: number): number;
+    /** Captures serializable camera coordinates without choosing an application storage backend. */
+    getCamera(): {
+        x: number;
+        y: number;
+        scale: number;
+    };
+    /** Restores a validated camera snapshot using the same limits as interactive viewport zoom. */
+    restoreCamera(camera: {
+        x: number;
+        y: number;
+        scale: number;
+    }): void;
     /** Changes viewport scale around a screen-space focus point and preserves alignment. */
     setScale(newScale: number, zoomCenter?: Coordinates): void;
     /**
@@ -72,8 +112,13 @@ export declare class Canvas extends Element {
     protected handleClick(originalEvent: MouseEvent): void;
     protected handleMouseUp(originalEvent: MouseEvent): void;
     protected handleMouseDown(originalEvent: MouseEvent): void;
+    protected handleFocusIn(originalEvent: FocusEvent): void;
     protected handleKeyDown(originalEvent: KeyboardEvent): void;
     protected handleKeyUp(originalEvent: KeyboardEvent): void;
     protected handleKeyPress(originalEvent: KeyboardEvent): void;
+    private cancelZoomAnimation;
+    private animateWheelZoom;
+    private advanceWheelZoom;
+    private applyWheelZoom;
     protected handleWheel(originalEvent: WheelEvent): void;
 }

package/dist/src/Diagrams/store/Diagram.d.ts

@@ -47,7 +47,13 @@ export type TDefaultExensions = {
     [key in keyof ReturnType<typeof getDefaultExtensions>]: boolean;
 };
 export type TDiagramSettings = Partial<{
-    extensions: TDefaultExensions;
+    extensions: Partial<TDefaultExensions>;
+    zoom: {
+        minimumScale?: number;
+        maximumScale?: number;
+        wheelSensitivity?: number;
+        animated?: boolean;
+    };
 }>;
 /** Owns diagram elements, extensions, camera state, and application interactions. */
 export declare class Diagram extends Element {

package/dist/src/Diagrams/store/revealDiagramNode.d.ts

@@ -0,0 +1,10 @@
+import { Diagram } from './Diagram';
+import { Node } from './elements/Node';
+import { Coordinates } from './primitives/Coordinates';
+/** Selects, frames and persistently highlights a reference destination until a click outside it. */
+export declare function revealDiagramNode(diagram: Diagram, node: Node, options?: {
+    point?: Coordinates;
+    attributeId?: string;
+    padding?: number;
+    preferredScale?: number;
+}): boolean;

package/dist/src/index.d.ts

@@ -23,9 +23,49 @@ export { BPMNExecutionUnknownNode } from './Diagrams/custom/bpmnExecution/nodes/
 export type * from './Diagrams/custom/bpmnExecution/types';
 export { CommunicationDiagram } from './Diagrams/custom/communication/CommunicationDiagram';
 export type { CommunicationNodeType } from './Diagrams/custom/communication/types';
+export { EditableDiagram } from './Diagrams/custom/editable/EditableDiagram';
 export { MRForeignKeyEdge } from './Diagrams/custom/mr/edges/MRForeignKeyEdge';
+export { MRModelerExtension } from './Diagrams/custom/mr/extensions/MRModelerExtension';
 export { MRDiagram } from './Diagrams/custom/mr/MRDiagram';
 export { MRTableNode } from './Diagrams/custom/mr/nodes/MRTableNode';
 export type * from './Diagrams/custom/mr/types';
 export { DiagramEditor } from './Diagrams/DiagramEditor';
+export { Canvas } from './Diagrams/store/Canvas';
 export { Diagram } from './Diagrams/store/Diagram';
+export type { TDefaultExensions, TDiagramSettings } from './Diagrams/store/Diagram';
+export { DEdgeLabelChangeEvent } from './Diagrams/store/elements/DEdgeLabelChangeEvent';
+export { Edge } from './Diagrams/store/elements/Edge';
+export { EdgeLabel } from './Diagrams/store/elements/EdgeLabel';
+export { EdgePoint } from './Diagrams/store/elements/EdgePoint';
+export { Element } from './Diagrams/store/elements/Element';
+export type { AbstractClass, Callback, Class } from './Diagrams/store/elements/Element';
+export * from './Diagrams/store/elements/Events';
+export { Gateway } from './Diagrams/store/elements/Gateway';
+export { Node } from './Diagrams/store/elements/Node';
+export type { TNodeConstructorProps, TNodeRenderProps, TNodeScreenRenderProps } from './Diagrams/store/elements/Node';
+export { Creator } from './Diagrams/store/extensions/Creator';
+export { DiagramExtension } from './Diagrams/store/extensions/DiagramExtension';
+export type { TDiagramExtensionRenderProps } from './Diagrams/store/extensions/DiagramExtension';
+export { DistancesBalancer } from './Diagrams/store/extensions/DistancesBalancer';
+export { Dragger } from './Diagrams/store/extensions/Dragger';
+export { EdgesDragger } from './Diagrams/store/extensions/EdgesDragger';
+export { GridSnap } from './Diagrams/store/extensions/GridSnap';
+export { History } from './Diagrams/store/extensions/History';
+export { Hotkeys } from './Diagrams/store/extensions/Hotkeys';
+export { LabelsAligner } from './Diagrams/store/extensions/LabelsAligner';
+export { Measurer } from './Diagrams/store/extensions/Measurer';
+export { NodesAligner } from './Diagrams/store/extensions/NodesAligner';
+export { NodesConnector } from './Diagrams/store/extensions/NodesConnector';
+export { NodesResizer } from './Diagrams/store/extensions/NodesResizer';
+export { PathFindingRenderer } from './Diagrams/store/extensions/PathFindingRenderer';
+export { Selector } from './Diagrams/store/extensions/Selector';
+export { StraightDrag } from './Diagrams/store/extensions/StraightDrag';
+export { StraightLabelsDrag } from './Diagrams/store/extensions/StraightLabelsDrag';
+export { Dimensions } from './Diagrams/store/primitives/Dimensions';
+export type * from './Diagrams/store/types';
+export { customRendererProps } from './Diagrams/components/objects/customRendererProps';
+export { stopDiagramControlEvent } from './Diagrams/components/stopDiagramControlEvent';
+export { useDiagramPointerCapture } from './Diagrams/components/useDiagramPointerCapture';
+export { bindAttributeRelationshipHover } from './Diagrams/custom/mr/bindAttributeRelationshipHover';
+export { Coordinates } from './Diagrams/store/primitives/Coordinates';
+export { revealDiagramNode } from './Diagrams/store/revealDiagramNode';

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "@focus.matters/diagrams",
-  "version": "0.2.1",
+  "version": "0.3.0",
+  "private": false,
   "type": "module",
   "files": [
-    "dist"
+    "dist",
+    "!dist/**/*.map",
+    "INTEGRATION.md",
+    "LIFECYCLE.md"
   ],
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
@@ -19,6 +23,10 @@
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "build": "vite build",
+    "typecheck": "tsc --noEmit -p tsconfig.json"
+  },
   "peerDependencies": {
     "html2canvas": "^1.4.1",
     "mobx": "^6.13.7",
@@ -40,9 +48,5 @@
   "gitHead": "f866b7ee0e0b98b4d9525fcb71185029df8a4996",
   "dependencies": {
     "@dagrejs/dagre": "^3.0.0"
-  },
-  "scripts": {
-    "build": "vite build",
-    "typecheck": "tsc --noEmit -p tsconfig.json"
   }
-}
+}

package/dist/DirectedPoint-BSGh_PUt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DirectedPoint-BSGh_PUt.js","sources":["../src/Diagrams/store/primitives/DirectedPoint.ts"],"sourcesContent":["import type { TOrientation } from \"../types\";\nimport { Coordinates } from \"./Coordinates\";\n\nexport class DirectedPoint extends Coordinates {\n  direction: TOrientation = \"left\";\n\n  get rawDirectedPoint() {\n    return {\n      x: this.x,\n      y: this.y,\n      direction: this.direction,\n    };\n  }\n\n  stepBack() {\n    switch (this.direction) {\n      case \"down\":\n        this.y--;\n        break;\n      case \"left\":\n        this.x++;\n        break;\n      case \"right\":\n        this.x--;\n        break;\n      case \"up\":\n        this.y++;\n        break;\n    }\n    return this;\n  }\n\n  stepForward() {\n    switch (this.direction) {\n      case \"down\":\n        this.y++;\n        break;\n      case \"left\":\n        this.x--;\n        break;\n      case \"right\":\n        this.x++;\n        break;\n      case \"up\":\n        this.y--;\n        break;\n    }\n    return this;\n  }\n}\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;"}