orcasvn-react-diagrams 0.1.19 → 0.1.21

package/dist/cjs/index.js

@@ -749,11 +749,21 @@ var Text$2 = /** @class */ (function () {
     return Text;
 }());
 
+var EVENT_PAPER_CLICKED = 'paperClicked';
+var EVENT_PORT_MOVED = 'portMoved';
+var EVENT_PORT_SELECTED = 'portSelected';
+var EVENT_ELEMENT_CONTEXT_MENU = 'elementContextMenu';
+var EVENT_ELEMENT_MOVED = 'elementMoved';
+var EVENT_ELEMENT_RESIZED = 'elementResized';
+var EVENT_ELEMENT_SELECTED = 'elementSelected';
+var EVENT_LINK_SELECTED = 'linkSelected';
+var EVENT_TEXT_SELECTED = 'textSelected';
 var EditorContext = /** @class */ (function () {
     function EditorContext(elements, links, texts) {
         this._elements = elements;
         this._links = links;
         this._texts = texts;
+        this._eventEmitter = new EventEmitter();
     }
     Object.defineProperty(EditorContext.prototype, "elements", {
         get: function () {
@@ -803,6 +813,114 @@ var EditorContext = /** @class */ (function () {
     EditorContext.prototype.removeText = function (textId) {
         this._texts = this._texts.filter(function (t) { return t.id !== textId; });
     };
+    EditorContext.prototype.onPaperClicked = function (callback) {
+        var _this = this;
+        this._eventEmitter.on(EVENT_PAPER_CLICKED, callback);
+        var off = function () {
+            _this._eventEmitter.off(EVENT_PAPER_CLICKED, callback);
+        };
+        return off;
+    };
+    /** @internal */
+    EditorContext.prototype.onPaperClickedHandler = function (position) {
+        this._eventEmitter.emit(EVENT_PAPER_CLICKED, position);
+    };
+    EditorContext.prototype.onPortMoved = function (callback) {
+        var _this = this;
+        this._eventEmitter.on(EVENT_PORT_MOVED, callback);
+        var off = function () {
+            _this._eventEmitter.off(EVENT_PORT_MOVED, callback);
+        };
+        return off;
+    };
+    /** @internal */
+    EditorContext.prototype.onPortMovedHandler = function (position, port, element) {
+        this._eventEmitter.emit(EVENT_PORT_MOVED, position, port, element);
+    };
+    EditorContext.prototype.onPortSelected = function (callback) {
+        var _this = this;
+        this._eventEmitter.on(EVENT_PORT_SELECTED, callback);
+        var off = function () {
+            _this._eventEmitter.off(EVENT_PORT_SELECTED, callback);
+        };
+        return off;
+    };
+    /** @internal */
+    EditorContext.prototype.onPortSelectedHandler = function (port, element) {
+        this._eventEmitter.emit(EVENT_PORT_SELECTED, port, element);
+    };
+    EditorContext.prototype.onElementContextMenu = function (callback) {
+        var _this = this;
+        this._eventEmitter.on(EVENT_ELEMENT_CONTEXT_MENU, callback);
+        var off = function () {
+            _this._eventEmitter.off(EVENT_ELEMENT_CONTEXT_MENU, callback);
+        };
+        return off;
+    };
+    /** @internal */
+    EditorContext.prototype.onElementContextMenuHandler = function (element, mouseEvent) {
+        this._eventEmitter.emit(EVENT_ELEMENT_CONTEXT_MENU, element, mouseEvent);
+    };
+    EditorContext.prototype.onElementMoved = function (callback) {
+        var _this = this;
+        this._eventEmitter.on(EVENT_ELEMENT_MOVED, callback);
+        var off = function () {
+            _this._eventEmitter.off(EVENT_ELEMENT_MOVED, callback);
+        };
+        return off;
+    };
+    /** @internal */
+    EditorContext.prototype.onElementMovedHandler = function (position, element) {
+        this._eventEmitter.emit(EVENT_ELEMENT_MOVED, position, element);
+    };
+    EditorContext.prototype.onElementResized = function (callback) {
+        var _this = this;
+        this._eventEmitter.on(EVENT_ELEMENT_RESIZED, callback);
+        var off = function () {
+            _this._eventEmitter.off(EVENT_ELEMENT_RESIZED, callback);
+        };
+        return off;
+    };
+    /** @internal */
+    EditorContext.prototype.onElementResizedHandler = function (size, element) {
+        this._eventEmitter.emit(EVENT_ELEMENT_RESIZED, size, element);
+    };
+    EditorContext.prototype.onElementSelected = function (callback) {
+        var _this = this;
+        this._eventEmitter.on(EVENT_ELEMENT_SELECTED, callback);
+        var off = function () {
+            _this._eventEmitter.off(EVENT_ELEMENT_SELECTED, callback);
+        };
+        return off;
+    };
+    /** @internal */
+    EditorContext.prototype.onElementSelectedHandler = function (element) {
+        this._eventEmitter.emit(EVENT_ELEMENT_SELECTED, element);
+    };
+    EditorContext.prototype.onLinkSelected = function (callback) {
+        var _this = this;
+        this._eventEmitter.on(EVENT_LINK_SELECTED, callback);
+        var off = function () {
+            _this._eventEmitter.off(EVENT_LINK_SELECTED, callback);
+        };
+        return off;
+    };
+    /** @internal */
+    EditorContext.prototype.onLinkSelectedHandler = function (link) {
+        this._eventEmitter.emit(EVENT_LINK_SELECTED, link);
+    };
+    EditorContext.prototype.onTextSelected = function (callback) {
+        var _this = this;
+        this._eventEmitter.on(EVENT_TEXT_SELECTED, callback);
+        var off = function () {
+            _this._eventEmitter.off(EVENT_TEXT_SELECTED, callback);
+        };
+        return off;
+    };
+    /** @internal */
+    EditorContext.prototype.onTextSelectedHandler = function (text) {
+        this._eventEmitter.emit(EVENT_TEXT_SELECTED, text);
+    };
     EditorContext.prototype.triggerRenderElement = function (elementId) {
         //TODO: to be implemented
     };
@@ -9839,7 +9957,10 @@ var Paper = function (props) {
     var handleMouseDownOnPaper = function (ev) {
         var _a;
         setMouseDownedOnPaper(true);
-        (_a = props.onPaperClicked) === null || _a === void 0 ? void 0 : _a.call(props);
+        (_a = props.onPaperClicked) === null || _a === void 0 ? void 0 : _a.call(props, {
+            x: ev.clientX,
+            y: ev.clientY
+        });
         paperEventEmitter.emitPaperClicked(ev);
     };
     var handleMouseUpOnPaper = function (ev) {
@@ -10228,8 +10349,35 @@ var Paper = function (props) {
 
 function Editor(_a) {
     var editorContext = _a.editorContext;
+    var handlePaperClicked = React$1.useCallback(function (position) {
+        editorContext.onPaperClickedHandler(position);
+    }, [editorContext]);
+    var handlePortMoved = React$1.useCallback(function (position, port, element) {
+        editorContext.onPortMovedHandler(position, port, element);
+    }, [editorContext]);
+    var handlePortSelected = React$1.useCallback(function (port, element) {
+        editorContext.onPortSelectedHandler(port, element);
+    }, [editorContext]);
+    var handleElementContextMenu = React$1.useCallback(function (element, event) {
+        editorContext.onElementContextMenuHandler(element, event);
+    }, [editorContext]);
+    var handleElementMoved = React$1.useCallback(function (position, element) {
+        editorContext.onElementMovedHandler(position, element);
+    }, [editorContext]);
+    var handleElementResized = React$1.useCallback(function (size, element) {
+        editorContext.onElementResizedHandler(size, element);
+    }, [editorContext]);
+    var handleElementSelected = React$1.useCallback(function (element) {
+        editorContext.onElementSelectedHandler(element);
+    }, [editorContext]);
+    var handleLinkSelected = React$1.useCallback(function (link) {
+        editorContext.onLinkSelectedHandler(link);
+    }, [editorContext]);
+    var handleTextSelected = React$1.useCallback(function (text) {
+        editorContext.onTextSelectedHandler(text);
+    }, [editorContext]);
     return (React$1.createElement(React$1.Fragment, null,
-        React$1.createElement(Paper, { size: { width: 3000, height: 3000 }, elements: editorContext.elements, links: editorContext.links, texts: editorContext.texts, onPaperClicked: editorContext.onPaperClicked, onPortMoved: editorContext.onPortMoved, onPortSelected: editorContext.onPortSelected, onElementContextMenu: editorContext.onElementContextMenu, onElementMoved: editorContext.onElementMoved, onElementResized: editorContext.onElementResized, onElementSelected: editorContext.onElementSelected, onCreatingLink: editorContext.onCreatingLink, onCreatingPortByLinking: editorContext.onCreatingPortByLinking, onLinkSelected: editorContext.onLinkSelected, onTextSelected: editorContext.onTextSelected })));
+        React$1.createElement(Paper, { size: { width: 3000, height: 3000 }, elements: editorContext.elements, links: editorContext.links, texts: editorContext.texts, onPaperClicked: handlePaperClicked, onPortMoved: handlePortMoved, onPortSelected: handlePortSelected, onElementContextMenu: handleElementContextMenu, onElementMoved: handleElementMoved, onElementResized: handleElementResized, onElementSelected: handleElementSelected, onCreatingLink: editorContext.onCreatingLinkHandler, onCreatingPortByLinking: editorContext.onCreatingPortByLinkingHandler, onLinkSelected: handleLinkSelected, onTextSelected: handleTextSelected })));
 }
 
 exports.CircleRC = Circle;

package/dist/cjs/types/components/paper.d.ts

@@ -13,7 +13,7 @@ interface PaperProps {
     elements: IElement[];
     links?: IElementLink[];
     texts: IPaperText[];
-    onPaperClicked?: () => void;
+    onPaperClicked?: (position: IPosition) => void;
     onPortMoved?: (position: IPosition, port: IPort, element: IElement) => void;
     onPortSelected?: (port: IPort, element: IElement) => void;
     onElementContextMenu?: (element: IElement, mouseEvent: React.MouseEvent<SVGElement>) => void;

package/dist/cjs/types/models/IEditorContext.d.ts

@@ -5,21 +5,20 @@ import IPort from "./IPort";
 import IText, { IPaperText } from "./IText";
 import IPosition from "./position";
 import ISize from "./size";
-export interface IEditorContext {
+export default interface IEditorContext {
     elements: IElement[];
     links: IElementLink[];
     texts: IPaperText[];
-    onPaperClicked?: () => void;
-    onPortMoved?: (position: IPosition, port: IPort, element: IElement) => void;
-    onPortSelected?: (port: IPort, element: IElement) => void;
-    onElementContextMenu?: (element: IElement, mouseEvent: React.MouseEvent<SVGElement>) => void;
-    onElementMoved?: (position: IPosition, element: IElement, index: number) => void;
-    onElementResized?: (size: ISize, element: IElement, index: number) => void;
-    onElementSelected?: (element: IElement) => void;
-    onCreatingPortByLinking?: (sourceElement: IElement, sourcePort: IPort, targetElement: IElement, position: IPosition) => IPort | null;
-    onCreatingLink?: (sourcePort: IPort, sourceElement: IElement, targetPort: IPort, targetElement: IElement) => IElementLink | null;
-    onLinkSelected?: (link: IElementLink) => void;
-    onTextSelected?: (text: IText) => void;
+    onPaperClicked?: (callback: (position: IPosition) => void) => (() => void);
+    onPortMoved?: (callback: (position: IPosition, port: IPort, element: IElement) => void) => (() => void);
+    onPortSelected?: (callback: (port: IPort, element: IElement) => void) => (() => void);
+    onElementContextMenu?: (callback: (element: IElement, mouseEvent: React.MouseEvent<SVGElement>) => void) => (() => void);
+    onElementMoved?: (callback: (position: IPosition, element: IElement) => void) => (() => void);
+    onElementResized?: (callback: (size: ISize, element: IElement) => void) => (() => void);
+    onElementSelected?: (callback: (element: IElement) => void) => (() => void);
+    onCreatingPortByLinkingHandler?: (sourceElement: IElement, sourcePort: IPort, targetElement: IElement, position: IPosition) => IPort | null;
+    onLinkSelected?: (callback: (link: IElementLink) => void) => (() => void);
+    onTextSelected?: (callback: (text: IText) => void) => (() => void);
     getElement(elementId: string): IElement | undefined;
     addElement(element: IElement): void;
     removeElement(elementId: string): void;

package/dist/cjs/types/models/implementations/EditorContext.d.ts

@@ -5,22 +5,14 @@ import IText, { IPaperText } from "../IText";
 import IPosition from "../position";
 import IPort from "../IPort";
 import ISize from "../size";
-import { IEditorContext } from "../IEditorContext";
+import IEditorContext from "../IEditorContext";
 export declare class EditorContext implements IEditorContext {
     private _elements;
     private _links;
     private _texts;
-    onPaperClicked?: () => void;
-    onPortMoved?: (position: IPosition, port: IPort, element: IElement) => void;
-    onPortSelected?: (port: IPort, element: IElement) => void;
-    onElementContextMenu?: (element: IElement, mouseEvent: React.MouseEvent<SVGElement>) => void;
-    onElementMoved?: (position: IPosition, element: IElement, index: number) => void;
-    onElementResized?: (size: ISize, element: IElement, index: number) => void;
-    onElementSelected?: (element: IElement) => void;
-    onCreatingPortByLinking?: (sourceElement: IElement, sourcePort: IPort, targetElement: IElement, position: IPosition) => IPort | null;
-    onCreatingLink?: (sourcePort: IPort, sourceElement: IElement, targetPort: IPort, targetElement: IElement) => IElementLink | null;
-    onLinkSelected?: (link: IElementLink) => void;
-    onTextSelected?: (text: IText) => void;
+    private _eventEmitter;
+    onCreatingPortByLinkingHandler?: ((sourceElement: IElement, sourcePort: IPort, targetElement: IElement, position: IPosition) => IPort | null) | undefined;
+    onCreatingLinkHandler?: ((sourcePort: IPort, sourceElement: IElement, targetPort: IPort, targetElement: IElement) => IElementLink | null) | undefined;
     constructor(elements: IElement[], links: IElementLink[], texts: IPaperText[]);
     get elements(): IElement[];
     get links(): IElementLink[];
@@ -34,6 +26,15 @@ export declare class EditorContext implements IEditorContext {
     getText(textId: string): IPaperText | undefined;
     addText(text: IPaperText): void;
     removeText(textId: string): void;
+    onPaperClicked(callback: (position: IPosition) => void): () => void;
+    onPortMoved(callback: (position: IPosition, port: IPort, element: IElement) => void): () => void;
+    onPortSelected(callback: (port: IPort, element: IElement) => void): () => void;
+    onElementContextMenu(callback: (element: IElement, mouseEvent: React.MouseEvent<SVGElement>) => void): () => void;
+    onElementMoved(callback: (position: IPosition, element: IElement) => void): () => void;
+    onElementResized(callback: (size: ISize, element: IElement) => void): () => void;
+    onElementSelected(callback: (element: IElement) => void): () => void;
+    onLinkSelected(callback: (link: IElementLink) => void): () => void;
+    onTextSelected(callback: (text: IText) => void): () => void;
     triggerRenderElement(elementId: string): void;
     triggerRenderPort(portId: string, elementId: string): void;
 }

package/dist/cjs/types/models/index.d.ts

@@ -10,9 +10,10 @@ import type IShape from "./IShape";
 import type ISize from "./size";
 import type IText from "./IText";
 import type ITextProps from "./ITextProps";
+import type IEditorContext from "./IEditorContext";
 export * from './enums';
 export * from './implementations';
 export * from './callbackTypes';
 export * from './IText';
 export * from './IPortProps';
-export { IElement, IElementLink, IElementLinkProps, IElementProps, IPort, IPosition, IResizability, ISelectionFrameProps, IShape, ISize, IText, ITextProps };
+export { IEditorContext, IElement, IElementLink, IElementLinkProps, IElementProps, IPort, IPosition, IResizability, ISelectionFrameProps, IShape, ISize, IText, ITextProps };

package/dist/esm/index.js

@@ -745,11 +745,21 @@ var Text$2 = /** @class */ (function () {
     return Text;
 }());
 
+var EVENT_PAPER_CLICKED = 'paperClicked';
+var EVENT_PORT_MOVED = 'portMoved';
+var EVENT_PORT_SELECTED = 'portSelected';
+var EVENT_ELEMENT_CONTEXT_MENU = 'elementContextMenu';
+var EVENT_ELEMENT_MOVED = 'elementMoved';
+var EVENT_ELEMENT_RESIZED = 'elementResized';
+var EVENT_ELEMENT_SELECTED = 'elementSelected';
+var EVENT_LINK_SELECTED = 'linkSelected';
+var EVENT_TEXT_SELECTED = 'textSelected';
 var EditorContext = /** @class */ (function () {
     function EditorContext(elements, links, texts) {
         this._elements = elements;
         this._links = links;
         this._texts = texts;
+        this._eventEmitter = new EventEmitter();
     }
     Object.defineProperty(EditorContext.prototype, "elements", {
         get: function () {
@@ -799,6 +809,114 @@ var EditorContext = /** @class */ (function () {
     EditorContext.prototype.removeText = function (textId) {
         this._texts = this._texts.filter(function (t) { return t.id !== textId; });
     };
+    EditorContext.prototype.onPaperClicked = function (callback) {
+        var _this = this;
+        this._eventEmitter.on(EVENT_PAPER_CLICKED, callback);
+        var off = function () {
+            _this._eventEmitter.off(EVENT_PAPER_CLICKED, callback);
+        };
+        return off;
+    };
+    /** @internal */
+    EditorContext.prototype.onPaperClickedHandler = function (position) {
+        this._eventEmitter.emit(EVENT_PAPER_CLICKED, position);
+    };
+    EditorContext.prototype.onPortMoved = function (callback) {
+        var _this = this;
+        this._eventEmitter.on(EVENT_PORT_MOVED, callback);
+        var off = function () {
+            _this._eventEmitter.off(EVENT_PORT_MOVED, callback);
+        };
+        return off;
+    };
+    /** @internal */
+    EditorContext.prototype.onPortMovedHandler = function (position, port, element) {
+        this._eventEmitter.emit(EVENT_PORT_MOVED, position, port, element);
+    };
+    EditorContext.prototype.onPortSelected = function (callback) {
+        var _this = this;
+        this._eventEmitter.on(EVENT_PORT_SELECTED, callback);
+        var off = function () {
+            _this._eventEmitter.off(EVENT_PORT_SELECTED, callback);
+        };
+        return off;
+    };
+    /** @internal */
+    EditorContext.prototype.onPortSelectedHandler = function (port, element) {
+        this._eventEmitter.emit(EVENT_PORT_SELECTED, port, element);
+    };
+    EditorContext.prototype.onElementContextMenu = function (callback) {
+        var _this = this;
+        this._eventEmitter.on(EVENT_ELEMENT_CONTEXT_MENU, callback);
+        var off = function () {
+            _this._eventEmitter.off(EVENT_ELEMENT_CONTEXT_MENU, callback);
+        };
+        return off;
+    };
+    /** @internal */
+    EditorContext.prototype.onElementContextMenuHandler = function (element, mouseEvent) {
+        this._eventEmitter.emit(EVENT_ELEMENT_CONTEXT_MENU, element, mouseEvent);
+    };
+    EditorContext.prototype.onElementMoved = function (callback) {
+        var _this = this;
+        this._eventEmitter.on(EVENT_ELEMENT_MOVED, callback);
+        var off = function () {
+            _this._eventEmitter.off(EVENT_ELEMENT_MOVED, callback);
+        };
+        return off;
+    };
+    /** @internal */
+    EditorContext.prototype.onElementMovedHandler = function (position, element) {
+        this._eventEmitter.emit(EVENT_ELEMENT_MOVED, position, element);
+    };
+    EditorContext.prototype.onElementResized = function (callback) {
+        var _this = this;
+        this._eventEmitter.on(EVENT_ELEMENT_RESIZED, callback);
+        var off = function () {
+            _this._eventEmitter.off(EVENT_ELEMENT_RESIZED, callback);
+        };
+        return off;
+    };
+    /** @internal */
+    EditorContext.prototype.onElementResizedHandler = function (size, element) {
+        this._eventEmitter.emit(EVENT_ELEMENT_RESIZED, size, element);
+    };
+    EditorContext.prototype.onElementSelected = function (callback) {
+        var _this = this;
+        this._eventEmitter.on(EVENT_ELEMENT_SELECTED, callback);
+        var off = function () {
+            _this._eventEmitter.off(EVENT_ELEMENT_SELECTED, callback);
+        };
+        return off;
+    };
+    /** @internal */
+    EditorContext.prototype.onElementSelectedHandler = function (element) {
+        this._eventEmitter.emit(EVENT_ELEMENT_SELECTED, element);
+    };
+    EditorContext.prototype.onLinkSelected = function (callback) {
+        var _this = this;
+        this._eventEmitter.on(EVENT_LINK_SELECTED, callback);
+        var off = function () {
+            _this._eventEmitter.off(EVENT_LINK_SELECTED, callback);
+        };
+        return off;
+    };
+    /** @internal */
+    EditorContext.prototype.onLinkSelectedHandler = function (link) {
+        this._eventEmitter.emit(EVENT_LINK_SELECTED, link);
+    };
+    EditorContext.prototype.onTextSelected = function (callback) {
+        var _this = this;
+        this._eventEmitter.on(EVENT_TEXT_SELECTED, callback);
+        var off = function () {
+            _this._eventEmitter.off(EVENT_TEXT_SELECTED, callback);
+        };
+        return off;
+    };
+    /** @internal */
+    EditorContext.prototype.onTextSelectedHandler = function (text) {
+        this._eventEmitter.emit(EVENT_TEXT_SELECTED, text);
+    };
     EditorContext.prototype.triggerRenderElement = function (elementId) {
         //TODO: to be implemented
     };
@@ -9835,7 +9953,10 @@ var Paper = function (props) {
     var handleMouseDownOnPaper = function (ev) {
         var _a;
         setMouseDownedOnPaper(true);
-        (_a = props.onPaperClicked) === null || _a === void 0 ? void 0 : _a.call(props);
+        (_a = props.onPaperClicked) === null || _a === void 0 ? void 0 : _a.call(props, {
+            x: ev.clientX,
+            y: ev.clientY
+        });
         paperEventEmitter.emitPaperClicked(ev);
     };
     var handleMouseUpOnPaper = function (ev) {
@@ -10224,8 +10345,35 @@ var Paper = function (props) {
 
 function Editor(_a) {
     var editorContext = _a.editorContext;
+    var handlePaperClicked = useCallback(function (position) {
+        editorContext.onPaperClickedHandler(position);
+    }, [editorContext]);
+    var handlePortMoved = useCallback(function (position, port, element) {
+        editorContext.onPortMovedHandler(position, port, element);
+    }, [editorContext]);
+    var handlePortSelected = useCallback(function (port, element) {
+        editorContext.onPortSelectedHandler(port, element);
+    }, [editorContext]);
+    var handleElementContextMenu = useCallback(function (element, event) {
+        editorContext.onElementContextMenuHandler(element, event);
+    }, [editorContext]);
+    var handleElementMoved = useCallback(function (position, element) {
+        editorContext.onElementMovedHandler(position, element);
+    }, [editorContext]);
+    var handleElementResized = useCallback(function (size, element) {
+        editorContext.onElementResizedHandler(size, element);
+    }, [editorContext]);
+    var handleElementSelected = useCallback(function (element) {
+        editorContext.onElementSelectedHandler(element);
+    }, [editorContext]);
+    var handleLinkSelected = React$1.useCallback(function (link) {
+        editorContext.onLinkSelectedHandler(link);
+    }, [editorContext]);
+    var handleTextSelected = React$1.useCallback(function (text) {
+        editorContext.onTextSelectedHandler(text);
+    }, [editorContext]);
     return (React$1.createElement(React$1.Fragment, null,
-        React$1.createElement(Paper, { size: { width: 3000, height: 3000 }, elements: editorContext.elements, links: editorContext.links, texts: editorContext.texts, onPaperClicked: editorContext.onPaperClicked, onPortMoved: editorContext.onPortMoved, onPortSelected: editorContext.onPortSelected, onElementContextMenu: editorContext.onElementContextMenu, onElementMoved: editorContext.onElementMoved, onElementResized: editorContext.onElementResized, onElementSelected: editorContext.onElementSelected, onCreatingLink: editorContext.onCreatingLink, onCreatingPortByLinking: editorContext.onCreatingPortByLinking, onLinkSelected: editorContext.onLinkSelected, onTextSelected: editorContext.onTextSelected })));
+        React$1.createElement(Paper, { size: { width: 3000, height: 3000 }, elements: editorContext.elements, links: editorContext.links, texts: editorContext.texts, onPaperClicked: handlePaperClicked, onPortMoved: handlePortMoved, onPortSelected: handlePortSelected, onElementContextMenu: handleElementContextMenu, onElementMoved: handleElementMoved, onElementResized: handleElementResized, onElementSelected: handleElementSelected, onCreatingLink: editorContext.onCreatingLinkHandler, onCreatingPortByLinking: editorContext.onCreatingPortByLinkingHandler, onLinkSelected: handleLinkSelected, onTextSelected: handleTextSelected })));
 }
 
 export { Circle as CircleRC, Crescent as CrescentRC, CustomShape as CustomShapeRC, EditorContext, Element$1 as Element, ElementLink$1 as ElementLink, ElementLink as ElementLinkRC, Port$1 as Port, Port as PortRC, PositioningAnchor, Rectangle as RectangleRC, RectangularFrame as RectangularFrameRC, ResizingDirection, ShapeWrapper as ShapeWrapperRC, SubObjectDirection, Text$2 as Text, TextAlign, Text$1 as TextRC, Editor as default };