orcasvn-react-diagrams 0.2.1 → 0.2.2

package/dist/{displaybox.d.ts → examples.d.ts}

@@ -1,6 +1,4 @@
-import React$1, { CSSProperties } from 'react';
-
-declare const DisplayBox: () => React$1.JSX.Element;
+import { CSSProperties } from 'react';
 
 type Point = {
     x: number;
@@ -24,6 +22,101 @@ type DiagramContainer = {
     getBoundingClientRect: () => ClientRectLike;
 };
 type MoveConstraint = 'free' | 'inside' | 'border';
+type BorderSide = 'left' | 'right' | 'top' | 'bottom';
+type HostAnchorPreset = 'vertices' | 'cardinal';
+type PortAnchor = {
+    id: string;
+    position: Point;
+    side?: BorderSide;
+    normal?: Point;
+    meta?: Record<string, unknown>;
+};
+type PortAnchorConstraint = {
+    preset: HostAnchorPreset;
+    fallback?: 'nearest';
+};
+type ResolvePortAnchorsOptions = {
+    preset: HostAnchorPreset;
+};
+type ShapeVertexTarget = {
+    id: string;
+    position: Point;
+};
+type ShapeEdgeTarget = {
+    id: string;
+    start: Point;
+    end: Point;
+    midpoint: Point;
+};
+declare enum EllipseMidPoint {
+    top = "top",
+    right = "right",
+    bottom = "bottom",
+    left = "left"
+}
+type ShapeEllipseMidPointTarget = {
+    id: EllipseMidPoint;
+    ellipseMidPoint: EllipseMidPoint;
+    position: Point;
+};
+type ShapeHoverGeometry = {
+    vertices: ShapeVertexTarget[];
+    edges: ShapeEdgeTarget[];
+};
+type HoverControlIcon = {
+    svgPath: string;
+    size?: Size;
+    style?: Record<string, unknown>;
+};
+type ShapeControlTargetKind = 'vertex' | 'edge' | 'midpoint' | 'ellipse-midpoint';
+type ShapeControlVisibilityTrigger = 'element-hover' | 'target-hover';
+type ShapeControlDefinition = {
+    id: string;
+    targetKind: ShapeControlTargetKind;
+    icon: HoverControlIcon;
+    targetIndices?: number[];
+    ellipseMidPoints?: EllipseMidPoint | EllipseMidPoint[];
+    allowAllTargets?: boolean;
+    visibilityTriggers?: ShapeControlVisibilityTrigger[];
+    lineStyle?: Record<string, unknown>;
+    tolerance?: number;
+};
+/**
+ * @deprecated Use ShapeControlDefinition with targetKind='edge'.
+ */
+type EdgeHoverControl = {
+    kind: 'edge';
+    icon: HoverControlIcon;
+    lineStyle?: Record<string, unknown>;
+    tolerance?: number;
+};
+/**
+ * @deprecated Use ShapeControlDefinition with targetKind='vertex'.
+ */
+type VertexHoverControl = {
+    kind: 'vertex';
+    icon: HoverControlIcon;
+    tolerance?: number;
+};
+type ElementShapeHoverControls = {
+    controls?: ShapeControlDefinition[];
+    /**
+     * @deprecated Legacy singleton edge control. Use controls[] instead.
+     */
+    edge?: EdgeHoverControl;
+    /**
+     * @deprecated Legacy singleton vertex control. Use controls[] instead.
+     */
+    vertex?: VertexHoverControl;
+    /**
+     * @deprecated Legacy resolution preference for singleton edge/vertex controls.
+     */
+    priority?: 'vertex-first';
+};
+type ElementPortMovementPolicy = {
+    moveMode: MoveConstraint | 'anchors';
+    anchorConstraint?: PortAnchorConstraint;
+};
 type LinkRoutingMode = 'auto' | 'manual';
 type AnchorReference = 'top-left' | 'center';
 type RerouteLinksOptions = {
@@ -31,6 +124,11 @@ type RerouteLinksOptions = {
 };
 type ElementLayoutMode = 'manual' | 'horizontal' | 'vertical';
 type ElementLayoutAlign = 'start' | 'center' | 'end';
+type ElementLayoutChildFitMainAxis = 'none' | 'distribute';
+type ElementLayoutChildFitCrossAxis = 'none' | 'stretch';
+type TextLayoutBoundsMode = 'owner-width' | 'owner-box' | 'fixed';
+type TextLayoutWrapMode = 'none' | 'word' | 'char';
+type TextLayoutOverflowMode = 'clip' | 'ellipsis-end' | 'ellipsis-middle' | 'ellipsis-start';
 type ElementLayout = {
     mode: ElementLayoutMode;
     padding?: number | {
@@ -39,6 +137,18 @@ type ElementLayout = {
     };
     gap?: number;
     align?: ElementLayoutAlign;
+    childFitMainAxis?: ElementLayoutChildFitMainAxis;
+    childFitCrossAxis?: ElementLayoutChildFitCrossAxis;
+    childFitMinSize?: Partial<Size>;
+    childFitMaxSize?: Partial<Size>;
+};
+type TextLayout = {
+    boundsMode?: TextLayoutBoundsMode;
+    wrap?: TextLayoutWrapMode;
+    overflow?: TextLayoutOverflowMode;
+    padding?: number;
+    maxLines?: number;
+    fixedSize?: Size;
 };
 type ElementDropEvent = {
     elementId: string;
@@ -72,6 +182,7 @@ type ElementData = {
     moveMode?: MoveConstraint;
     anchorCenter?: boolean;
     layout?: ElementLayout;
+    portMovement?: ElementPortMovementPolicy;
 };
 type PortData = {
     id: string;
@@ -83,6 +194,8 @@ type PortData = {
     textIds?: string[];
     moveMode?: MoveConstraint;
     anchorCenter?: boolean;
+    orientToHostBorder?: boolean;
+    currentAnchorId?: string;
 };
 type ShapeDrawContext = {
     ctx: CanvasRenderingContext2D;
@@ -104,6 +217,10 @@ type TextData = {
     size?: Size;
     style?: Record<string, unknown>;
     ownerId?: string | null;
+    layout?: TextLayout;
+    displayContent?: string;
+    displayOffset?: Point;
+    displayClipSize?: Size;
 };
 type DiagramState = {
     elements: ElementData[];
@@ -176,6 +293,26 @@ type ElementResizedEvent = {
 type ElementDeletedEvent = {
     elementId: string;
 };
+type PortDeletedEvent = {
+    portId: string;
+    elementId: string;
+};
+type LinkDeletedEvent = {
+    linkId: string;
+    sourcePortId: string;
+    targetPortId: string;
+};
+type TextDeletedEvent = {
+    textId: string;
+    ownerId?: string | null;
+};
+type TextUpdatedEvent = {
+    textId: string;
+    ownerId?: string | null;
+    content: string;
+    displayContent: string;
+    reason: 'content' | 'layout';
+};
 type ElementLinkStartedEvent = {
     sourcePortId: string;
     sourceElementId: string;
@@ -222,6 +359,10 @@ type EngineEventMap = {
     elementMoved: ElementMovedEvent;
     elementResized: ElementResizedEvent;
     elementDeleted: ElementDeletedEvent;
+    portDeleted: PortDeletedEvent;
+    linkDeleted: LinkDeletedEvent;
+    textDeleted: TextDeletedEvent;
+    textUpdated: TextUpdatedEvent;
     elementSelected: ElementSelectedEvent;
     elementLinkStarted: ElementLinkStartedEvent;
     elementLinkConnecting: ElementLinkConnectingEvent;
@@ -266,10 +407,16 @@ type DiagramEngineHandle = {
     setSnapping: (snapper: unknown) => void;
     registerShape: (shape: {
         id: string;
+        baseRotation?: number;
         draw?: (context: ShapeDrawContext) => void;
         createNode?: (model: ElementData | PortData) => unknown;
         svgPath?: string;
         svgSize?: Size;
+        projectToBorder?: (point: Point, rect: Rect) => Point;
+        resolveBorderSide?: (point: Point, rect: Rect) => BorderSide;
+        resolvePortAnchors?: (rect: Rect, options: ResolvePortAnchorsOptions) => PortAnchor[];
+        resolveHoverGeometry?: (rect: Rect) => ShapeHoverGeometry | undefined;
+        resolveEllipseMidPoints?: (rect: Rect) => ShapeEllipseMidPointTarget[] | undefined;
     }) => void;
     render: () => void;
 };
@@ -296,13 +443,16 @@ interface RouterStrategy {
     route(source: Point, target: Point, context?: RouteContext): Point[];
 }
 
+type BuiltInShapeKind = 'rect' | 'circle' | 'ellipse' | 'diamond' | 'triangle' | 'pentagon' | 'hexagon';
+
 type SimpleShape = {
     id: string;
-    kind: 'rect' | 'circle' | 'diamond' | 'triangle';
+    kind: BuiltInShapeKind;
     style?: Record<string, unknown>;
 };
 type DiagramEditorHandle = DiagramEngineHandle & {
     resize: (width: number, height: number) => void;
+    setElementShapeHoverControls: (controls?: ElementShapeHoverControls) => void;
     destroy: () => void;
 };
 
@@ -363,6 +513,20 @@ type DisplayBoxMetrics = {
     snapEnabled: boolean;
 };
 
+declare const baseElementShapes: SimpleShape[];
+declare const basePortShapes: SimpleShape[];
+declare const customGalleryShapes: SimpleShape[];
+declare const externalToolboxItems: ToolboxItem[];
+declare const defaultGhostSize: {
+    width: number;
+    height: number;
+};
+declare const defaultSvgPath = "M10 10 H110 V90 H10 Z";
+declare const defaultSvgPathSize: {
+    width: number;
+    height: number;
+};
+
 declare const demoTabs: DemoDefinition[];
 
-export { type DemoAction, type DemoActionHelpers, type DemoConfig, type DemoDefinition, type DiagramCounts, DisplayBox, type DisplayBoxMetrics, type ToolboxItem, type ViewportSnapshot, demoTabs };
+export { type DemoAction, type DemoActionHelpers, type DemoConfig, type DemoDefinition, type DiagramCounts, type DisplayBoxMetrics, type ToolboxItem, type ViewportSnapshot, baseElementShapes, basePortShapes, customGalleryShapes, defaultGhostSize, defaultSvgPath, defaultSvgPathSize, demoTabs, externalToolboxItems };

package/dist/index.d.ts

@@ -20,6 +20,130 @@ type DiagramContainer = {
     getBoundingClientRect: () => ClientRectLike;
 };
 type MoveConstraint = 'free' | 'inside' | 'border';
+type BorderSide$1 = 'left' | 'right' | 'top' | 'bottom';
+type HostAnchorPreset = 'vertices' | 'cardinal';
+type PortAnchor = {
+    id: string;
+    position: Point;
+    side?: BorderSide$1;
+    normal?: Point;
+    meta?: Record<string, unknown>;
+};
+type PortAnchorConstraint = {
+    preset: HostAnchorPreset;
+    fallback?: 'nearest';
+};
+type ResolvePortAnchorsOptions = {
+    preset: HostAnchorPreset;
+};
+type ShapeVertexTarget = {
+    id: string;
+    position: Point;
+};
+type ShapeEdgeTarget = {
+    id: string;
+    start: Point;
+    end: Point;
+    midpoint: Point;
+};
+declare enum EllipseMidPoint {
+    top = "top",
+    right = "right",
+    bottom = "bottom",
+    left = "left"
+}
+type ShapeEllipseMidPointTarget = {
+    id: EllipseMidPoint;
+    ellipseMidPoint: EllipseMidPoint;
+    position: Point;
+};
+type ShapeHoverGeometry = {
+    vertices: ShapeVertexTarget[];
+    edges: ShapeEdgeTarget[];
+};
+type HoverControlIcon = {
+    svgPath: string;
+    size?: Size;
+    style?: Record<string, unknown>;
+};
+type ShapeControlTargetKind = 'vertex' | 'edge' | 'midpoint' | 'ellipse-midpoint';
+type ShapeControlVisibilityTrigger = 'element-hover' | 'target-hover';
+type ShapeControlDefinition = {
+    id: string;
+    targetKind: ShapeControlTargetKind;
+    icon: HoverControlIcon;
+    targetIndices?: number[];
+    ellipseMidPoints?: EllipseMidPoint | EllipseMidPoint[];
+    allowAllTargets?: boolean;
+    visibilityTriggers?: ShapeControlVisibilityTrigger[];
+    lineStyle?: Record<string, unknown>;
+    tolerance?: number;
+};
+/**
+ * @deprecated Use ShapeControlDefinition with targetKind='edge'.
+ */
+type EdgeHoverControl = {
+    kind: 'edge';
+    icon: HoverControlIcon;
+    lineStyle?: Record<string, unknown>;
+    tolerance?: number;
+};
+/**
+ * @deprecated Use ShapeControlDefinition with targetKind='vertex'.
+ */
+type VertexHoverControl = {
+    kind: 'vertex';
+    icon: HoverControlIcon;
+    tolerance?: number;
+};
+type ElementShapeHoverControls = {
+    controls?: ShapeControlDefinition[];
+    /**
+     * @deprecated Legacy singleton edge control. Use controls[] instead.
+     */
+    edge?: EdgeHoverControl;
+    /**
+     * @deprecated Legacy singleton vertex control. Use controls[] instead.
+     */
+    vertex?: VertexHoverControl;
+    /**
+     * @deprecated Legacy resolution preference for singleton edge/vertex controls.
+     */
+    priority?: 'vertex-first';
+};
+type ElementShapeControlEventType = 'click' | 'drag-start' | 'drag-move' | 'drag-end';
+type ElementShapeControlDragEvent = {
+    sessionId: string;
+    startPointer: EnginePointerInfo;
+    delta: Point;
+};
+type ElementShapeHoverControlInteractionEvent = {
+    eventType: ElementShapeControlEventType;
+    controlId: string;
+    elementId: string;
+    targetKind: ShapeControlTargetKind;
+    targetIndex: number;
+    pointer: EnginePointerInfo;
+    edge?: ShapeEdgeTarget;
+    vertex?: ShapeVertexTarget;
+    ellipseMidPoint?: EllipseMidPoint;
+    drag?: ElementShapeControlDragEvent;
+};
+/**
+ * @deprecated Use ElementShapeHoverControlInteractionEvent with eventType='click'.
+ */
+type ElementShapeHoverControlActivationEvent = {
+    controlKind: 'edge' | 'vertex';
+    elementId: string;
+    targetId: string;
+    pointer: EnginePointerInfo;
+    edge?: ShapeEdgeTarget;
+    vertex?: ShapeVertexTarget;
+};
+type ElementPortMovementPolicy = {
+    moveMode: MoveConstraint | 'anchors';
+    anchorConstraint?: PortAnchorConstraint;
+};
 type LinkRoutingMode = 'auto' | 'manual';
 type AnchorReference = 'top-left' | 'center';
 type RerouteLinksOptions = {
@@ -27,6 +151,11 @@ type RerouteLinksOptions = {
 };
 type ElementLayoutMode = 'manual' | 'horizontal' | 'vertical';
 type ElementLayoutAlign = 'start' | 'center' | 'end';
+type ElementLayoutChildFitMainAxis = 'none' | 'distribute';
+type ElementLayoutChildFitCrossAxis = 'none' | 'stretch';
+type TextLayoutBoundsMode = 'owner-width' | 'owner-box' | 'fixed';
+type TextLayoutWrapMode = 'none' | 'word' | 'char';
+type TextLayoutOverflowMode = 'clip' | 'ellipsis-end' | 'ellipsis-middle' | 'ellipsis-start';
 type ElementLayout = {
     mode: ElementLayoutMode;
     padding?: number | {
@@ -35,6 +164,18 @@ type ElementLayout = {
     };
     gap?: number;
     align?: ElementLayoutAlign;
+    childFitMainAxis?: ElementLayoutChildFitMainAxis;
+    childFitCrossAxis?: ElementLayoutChildFitCrossAxis;
+    childFitMinSize?: Partial<Size>;
+    childFitMaxSize?: Partial<Size>;
+};
+type TextLayout = {
+    boundsMode?: TextLayoutBoundsMode;
+    wrap?: TextLayoutWrapMode;
+    overflow?: TextLayoutOverflowMode;
+    padding?: number;
+    maxLines?: number;
+    fixedSize?: Size;
 };
 type ElementDropEvent = {
     elementId: string;
@@ -68,6 +209,7 @@ type ElementData = {
     moveMode?: MoveConstraint;
     anchorCenter?: boolean;
     layout?: ElementLayout;
+    portMovement?: ElementPortMovementPolicy;
 };
 type PortData = {
     id: string;
@@ -79,6 +221,8 @@ type PortData = {
     textIds?: string[];
     moveMode?: MoveConstraint;
     anchorCenter?: boolean;
+    orientToHostBorder?: boolean;
+    currentAnchorId?: string;
 };
 type ShapeDrawContext = {
     ctx: CanvasRenderingContext2D;
@@ -100,6 +244,10 @@ type TextData = {
     size?: Size;
     style?: Record<string, unknown>;
     ownerId?: string | null;
+    layout?: TextLayout;
+    displayContent?: string;
+    displayOffset?: Point;
+    displayClipSize?: Size;
 };
 type DiagramState = {
     elements: ElementData[];
@@ -172,6 +320,26 @@ type ElementResizedEvent = {
 type ElementDeletedEvent = {
     elementId: string;
 };
+type PortDeletedEvent = {
+    portId: string;
+    elementId: string;
+};
+type LinkDeletedEvent = {
+    linkId: string;
+    sourcePortId: string;
+    targetPortId: string;
+};
+type TextDeletedEvent = {
+    textId: string;
+    ownerId?: string | null;
+};
+type TextUpdatedEvent = {
+    textId: string;
+    ownerId?: string | null;
+    content: string;
+    displayContent: string;
+    reason: 'content' | 'layout';
+};
 type ElementLinkStartedEvent = {
     sourcePortId: string;
     sourceElementId: string;
@@ -218,6 +386,10 @@ type EngineEventMap = {
     elementMoved: ElementMovedEvent;
     elementResized: ElementResizedEvent;
     elementDeleted: ElementDeletedEvent;
+    portDeleted: PortDeletedEvent;
+    linkDeleted: LinkDeletedEvent;
+    textDeleted: TextDeletedEvent;
+    textUpdated: TextUpdatedEvent;
     elementSelected: ElementSelectedEvent;
     elementLinkStarted: ElementLinkStartedEvent;
     elementLinkConnecting: ElementLinkConnectingEvent;
@@ -262,10 +434,16 @@ type DiagramEngineHandle = {
     setSnapping: (snapper: unknown) => void;
     registerShape: (shape: {
         id: string;
+        baseRotation?: number;
         draw?: (context: ShapeDrawContext) => void;
         createNode?: (model: ElementData | PortData) => unknown;
         svgPath?: string;
         svgSize?: Size;
+        projectToBorder?: (point: Point, rect: Rect) => Point;
+        resolveBorderSide?: (point: Point, rect: Rect) => BorderSide$1;
+        resolvePortAnchors?: (rect: Rect, options: ResolvePortAnchorsOptions) => PortAnchor[];
+        resolveHoverGeometry?: (rect: Rect) => ShapeHoverGeometry | undefined;
+        resolveEllipseMidPoints?: (rect: Rect) => ShapeEllipseMidPointTarget[] | undefined;
     }) => void;
     render: () => void;
 };
@@ -282,6 +460,7 @@ declare class ElementModel {
     moveMode?: MoveConstraint;
     anchorCenter?: boolean;
     layout?: ElementData['layout'];
+    portMovement?: ElementData['portMovement'];
     constructor(data: ElementData);
     setPosition(position: Point): void;
     setSize(size: Size): void;
@@ -326,8 +505,11 @@ declare class PortModel {
     textIds: string[];
     moveMode?: MoveConstraint;
     anchorCenter?: boolean;
+    orientToHostBorder: boolean;
+    currentAnchorId?: string;
     constructor(data: PortData);
     setPosition(position: Point): void;
+    setCurrentAnchorId(currentAnchorId?: string): void;
     addText(textId: string): void;
     removeText(textId: string): void;
     toData(): PortData;
@@ -340,9 +522,17 @@ declare class TextModel {
     size?: Size;
     style?: Record<string, unknown>;
     ownerId?: string | null;
+    layout?: TextData['layout'];
+    displayContent?: string;
+    displayOffset?: Point;
+    displayClipSize?: Size;
     constructor(data: TextData);
     setContent(content: string): void;
     setSize(size: Size): void;
+    setDisplayContent(content: string): void;
+    setDisplayOffset(offset: Point | undefined): void;
+    setDisplayClipSize(size: Size | undefined): void;
+    setLayout(layout: TextData['layout']): void;
     setPosition(position: Point): void;
     toData(): TextData;
 }
@@ -374,6 +564,7 @@ declare class DiagramModel {
     removeElement(id: string): void;
     addPort(data: PortData): PortModel;
     movePort(id: string, position: Point): void;
+    setPortCurrentAnchorId(id: string, currentAnchorId?: string): void;
     removePort(id: string): void;
     addLink(data: LinkData): LinkModel;
     updateLinkPoints(id: string, points: Point[]): void;
@@ -426,8 +617,32 @@ interface SnapStrategy {
     snap(point: Point): Point;
 }
 
+type BorderSide = 'left' | 'right' | 'top' | 'bottom';
+
+type ShapeNodeSizeUpdateContext = {
+    size: {
+        width: number;
+        height: number;
+    };
+    anchorCenter: boolean;
+    updateOffsetX: boolean;
+    updateOffsetY: boolean;
+    getNodeAttr: <T = unknown>(key: string) => T | undefined;
+};
+type ShapeNodeSizeUpdater = (context: ShapeNodeSizeUpdateContext) => Record<string, unknown>;
+type ShapeResizeHandle = 'nw' | 'ne' | 'sw' | 'se';
+type ShapeResizeNormalizeContext = {
+    element: ElementData;
+    handle: ShapeResizeHandle;
+    minSize: number;
+    proposal: {
+        width: number;
+        height: number;
+    };
+};
 type ShapeDefinition = {
     id: string;
+    baseRotation?: number;
     draw?: (context: ShapeDrawContext) => void;
     createNode?: (model: ElementData | PortData) => unknown;
     svgPath?: string;
@@ -435,6 +650,16 @@ type ShapeDefinition = {
         width: number;
         height: number;
     };
+    sizeUpdater?: ShapeNodeSizeUpdater;
+    normalizeResize?: (context: ShapeResizeNormalizeContext) => {
+        width: number;
+        height: number;
+    };
+    projectToBorder?: (point: Point, rect: Rect) => Point;
+    resolveBorderSide?: (point: Point, rect: Rect) => BorderSide;
+    resolvePortAnchors?: (rect: Rect, options: ResolvePortAnchorsOptions) => PortAnchor[];
+    resolveHoverGeometry?: (rect: Rect) => ShapeHoverGeometry | undefined;
+    resolveEllipseMidPoints?: (rect: Rect) => ShapeEllipseMidPointTarget[] | undefined;
 };
 declare class ShapeRegistry {
     private shapes;
@@ -457,9 +682,11 @@ type DiagramEngineConfig = {
 };
 declare const createDiagramEngine: (config: DiagramEngineConfig) => DiagramEngineHandle;
 
+type BuiltInShapeKind = 'rect' | 'circle' | 'ellipse' | 'diamond' | 'triangle' | 'pentagon' | 'hexagon';
+
 type SimpleShape = {
     id: string;
-    kind: 'rect' | 'circle' | 'diamond' | 'triangle';
+    kind: BuiltInShapeKind;
     style?: Record<string, unknown>;
 };
 type DiagramEditorConfig = {
@@ -470,13 +697,17 @@ type DiagramEditorConfig = {
     elementShapes?: SimpleShape[];
     portShapes?: SimpleShape[];
     panKey?: 'Control' | 'Shift' | 'Alt' | 'Meta';
+    elementShapeHoverControls?: ElementShapeHoverControls;
+    onElementShapeHoverControlInteraction?: (event: ElementShapeHoverControlInteractionEvent) => void;
+    onElementShapeHoverControlActivated?: (event: ElementShapeHoverControlActivationEvent) => void;
     onChange?: (event: EngineChangeEvent) => void;
     onSelection?: (event: EngineSelectionEvent) => void;
 };
 type DiagramEditorHandle = DiagramEngineHandle & {
     resize: (width: number, height: number) => void;
+    setElementShapeHoverControls: (controls?: ElementShapeHoverControls) => void;
     destroy: () => void;
 };
 declare const createDiagramEditor: (config: DiagramEditorConfig) => DiagramEditorHandle;
 
-export { type AnchorReference, type ClientRectLike, type DiagramContainer, type DiagramEditorConfig, type DiagramEditorHandle, type DiagramEngineHandle, type DiagramPatch, type DiagramState, type ElementData, type ElementDeletedEvent, type ElementDropEvent, type ElementLayout, type ElementLayoutAlign, type ElementLayoutMode, type ElementLinkConnectingEvent, type ElementLinkEndedEvent, type ElementLinkStartedEvent, type ElementMovedEvent, type ElementPointerEvent, type ElementResizedEvent, type ElementSelectedEvent, type EngineChangeEvent, type EngineConfigEvent, type EngineEventMap, type EnginePointerInfo, type EngineSelectionEvent, type LinkData, type LinkRoutingMode, type MoveConstraint, type OverlayShapeConfig, type OverlayShapeHandle, type PaperClickEvent, type Point, type PortData, type PortMouseEvent, type PortMovedEvent, type PortSelectedEvent, type Rect, type RerouteLinksOptions, type ShapeDrawContext, type SimpleShape, type Size, type TextData, type TextSelectedEvent, createDiagramEditor, createDiagramEngine };
+export { type AnchorReference, type BorderSide$1 as BorderSide, type ClientRectLike, type DiagramContainer, type DiagramEditorConfig, type DiagramEditorHandle, type DiagramEngineHandle, type DiagramPatch, type DiagramState, type EdgeHoverControl, type ElementData, type ElementDeletedEvent, type ElementDropEvent, type ElementLayout, type ElementLayoutAlign, type ElementLayoutChildFitCrossAxis, type ElementLayoutChildFitMainAxis, type ElementLayoutMode, type ElementLinkConnectingEvent, type ElementLinkEndedEvent, type ElementLinkStartedEvent, type ElementMovedEvent, type ElementPointerEvent, type ElementPortMovementPolicy, type ElementResizedEvent, type ElementSelectedEvent, type ElementShapeControlDragEvent, type ElementShapeControlEventType, type ElementShapeHoverControlActivationEvent, type ElementShapeHoverControlInteractionEvent, type ElementShapeHoverControls, EllipseMidPoint, type EngineChangeEvent, type EngineConfigEvent, type EngineEventMap, type EnginePointerInfo, type EngineSelectionEvent, type HostAnchorPreset, type HoverControlIcon, type LinkData, type LinkDeletedEvent, type LinkRoutingMode, type MoveConstraint, type OverlayShapeConfig, type OverlayShapeHandle, type PaperClickEvent, type Point, type PortAnchor, type PortAnchorConstraint, type PortData, type PortDeletedEvent, type PortMouseEvent, type PortMovedEvent, type PortSelectedEvent, type Rect, type RerouteLinksOptions, type ResolvePortAnchorsOptions, type ShapeControlDefinition, type ShapeControlTargetKind, type ShapeControlVisibilityTrigger, type ShapeDrawContext, type ShapeEdgeTarget, type ShapeEllipseMidPointTarget, type ShapeHoverGeometry, type ShapeVertexTarget, type SimpleShape, type Size, type TextData, type TextDeletedEvent, type TextLayout, type TextLayoutBoundsMode, type TextLayoutOverflowMode, type TextLayoutWrapMode, type TextSelectedEvent, type TextUpdatedEvent, type VertexHoverControl, createDiagramEditor, createDiagramEngine };