@plait/draw 0.39.0 → 0.41.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plait/draw",
-  "version": "0.39.0",
+  "version": "0.41.0",
   "peerDependencies": {
     "@angular/common": "^16.0.0",
     "@angular/core": "^16.0.0",

package/plugins/with-line-auto-complete.d.ts

@@ -1,7 +1,7 @@
 import { PlaitBoard } from '@plait/core';
 import { PlaitLine } from '../interfaces';
+export declare const WithLineAutoCompletePluginKey = "plait-line-auto-complete-plugin-key";
 export interface LineAutoCompleteOptions {
     afterComplete: (element: PlaitLine) => {};
 }
-export declare const withLineAutoCompletePluginKey = "plait-line-auto-complete-plugin-key";
 export declare const withLineAutoComplete: (board: PlaitBoard) => PlaitBoard;

package/plugins/with-line-text-move.d.ts

@@ -0,0 +1,2 @@
+import { PlaitBoard } from '@plait/core';
+export declare const withLineTextMove: (board: PlaitBoard) => PlaitBoard;

package/public-api.d.ts

@@ -1,5 +1,6 @@
 export * from './interfaces';
 export * from './plugins/with-draw';
+export * from './plugins/with-line-auto-complete';
 export * from './constants';
 export * from './utils';
 export * from './geometry.component';

package/styles/styles.scss

@@ -12,4 +12,8 @@
     &.draw-line-resizing .element-active-host .line-handle {
         display: none;
     }
+    &.line-text-resizing ,
+    &.line-text-resizing .slate-editable-container {
+        cursor: move;
+    }
 }

package/transforms/geometry.d.ts

@@ -1,7 +1,8 @@
-import { PlaitBoard, Point, Path } from '@plait/core';
-import { PlaitGeometry, GeometryShapes } from '../interfaces';
+import { PlaitBoard, Point, Path, Vector } from '@plait/core';
+import { GeometryShapes } from '../interfaces';
 import { Element } from 'slate';
-export declare const insertGeometry: (board: PlaitBoard, points: [Point, Point], shape: GeometryShapes) => void;
+export declare const insertGeometry: (board: PlaitBoard, points: [Point, Point], shape: GeometryShapes) => import("../interfaces").PlaitGeometry;
+export declare const insertGeometryByVector: (board: PlaitBoard, point: Point, shape: GeometryShapes, vector: Vector) => import("../interfaces").PlaitGeometry | null;
 export declare const insertText: (board: PlaitBoard, points: [Point, Point], text?: string | Element) => void;
 export declare const resizeGeometry: (board: PlaitBoard, points: [Point, Point], textHeight: number, path: Path) => void;
-export declare const transformShape: (board: PlaitBoard, element: PlaitGeometry, shape: GeometryShapes) => void;
+export declare const switchGeometryShape: (board: PlaitBoard, shape: GeometryShapes) => void;

package/transforms/index.d.ts

@@ -1,6 +1,6 @@
 export declare const DrawTransforms: {
     setText: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitGeometry, text: import("slate").BaseElement, width: number, textHeight: number) => void;
-    insertGeometry: (board: import("@plait/core").PlaitBoard, points: [import("@plait/core").Point, import("@plait/core").Point], shape: import("@plait/draw").GeometryShapes) => void;
+    insertGeometry: (board: import("@plait/core").PlaitBoard, points: [import("@plait/core").Point, import("@plait/core").Point], shape: import("@plait/draw").GeometryShapes) => import("@plait/draw").PlaitGeometry;
     resizeGeometry: (board: import("@plait/core").PlaitBoard, points: [import("@plait/core").Point, import("@plait/core").Point], textHeight: number, path: import("@plait/core").Path) => void;
     insertText: (board: import("@plait/core").PlaitBoard, points: [import("@plait/core").Point, import("@plait/core").Point], text?: string | import("slate").BaseElement) => void;
     setTextSize: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitGeometry, textWidth: number, textHeight: number) => void;
@@ -9,5 +9,7 @@ export declare const DrawTransforms: {
     removeLineText: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitLine, index: number) => void;
     setLineMark: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitLine, handleKey: import("@plait/draw").LineHandleKey, marker: import("@plait/draw").LineMarkerType) => void;
     insertImage: (board: import("@plait/core").PlaitBoard, imageItem: import("@plait/common").CommonImageItem, startPoint?: import("@plait/core").Point | undefined) => void;
-    transformShape: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitGeometry, shape: import("@plait/draw").GeometryShapes) => void;
+    switchGeometryShape: (board: import("@plait/core").PlaitBoard, shape: import("@plait/draw").GeometryShapes) => void;
+    connectLineToGeometry: (board: import("@plait/core").PlaitBoard, lineElement: import("@plait/draw").PlaitLine, handle: import("@plait/draw").LineHandleKey, geometryElement: import("@plait/draw").PlaitGeometry) => void;
+    insertGeometryByVector: (board: import("@plait/core").PlaitBoard, point: import("@plait/core").Point, shape: import("@plait/draw").GeometryShapes, vector: import("@plait/core").Vector) => import("@plait/draw").PlaitGeometry | null;
 };

package/transforms/line.d.ts

@@ -1,6 +1,11 @@
 import { Path, PlaitBoard } from '@plait/core';
-import { LineHandleKey, LineMarkerType, LineText, PlaitLine } from '../interfaces';
+import { LineHandleKey, LineMarkerType, LineText, PlaitGeometry, PlaitLine } from '../interfaces';
 export declare const resizeLine: (board: PlaitBoard, options: Partial<PlaitLine>, path: Path) => void;
 export declare const setLineTexts: (board: PlaitBoard, element: PlaitLine, texts: LineText[]) => void;
 export declare const removeLineText: (board: PlaitBoard, element: PlaitLine, index: number) => void;
 export declare const setLineMark: (board: PlaitBoard, element: PlaitLine, handleKey: LineHandleKey, marker: LineMarkerType) => void;
+export declare const collectLineUpdatedRefsByGeometry: (board: PlaitBoard, geometry: PlaitGeometry, refs: {
+    property: Partial<PlaitLine>;
+    path: Path;
+}[]) => void;
+export declare const connectLineToGeometry: (board: PlaitBoard, lineElement: PlaitLine, handle: LineHandleKey, geometryElement: PlaitGeometry) => void;

package/utils/clipboard.d.ts

@@ -1,4 +1,4 @@
 import { PlaitBoard, Point } from '@plait/core';
 import { PlaitDrawElement, PlaitGeometry, PlaitLine } from '../interfaces';
-export declare const buildClipboardData: (board: PlaitBoard, elements: PlaitDrawElement[], startPoint: Point) => (PlaitGeometry | PlaitLine)[];
+export declare const buildClipboardData: (board: PlaitBoard, elements: PlaitDrawElement[], startPoint: Point) => (PlaitLine | PlaitGeometry)[];
 export declare const insertClipboardData: (board: PlaitBoard, elements: PlaitDrawElement[], startPoint: Point) => void;

package/utils/geometry.d.ts

@@ -42,7 +42,7 @@ export declare const getDefaultFlowchartProperty: (symbol: FlowchartSymbols) =>
     width: number;
     height: number;
 };
-export declare const createDefaultFlowchart: (point: Point) => (PlaitGeometry | import("../interfaces").PlaitLine)[];
+export declare const createDefaultFlowchart: (point: Point) => (import("../interfaces").PlaitLine | PlaitGeometry)[];
 export declare const getAutoCompletePoints: (element: PlaitShape) => [Point, Point, Point, Point];
 export declare const getHitIndexOfAutoCompletePoint: (movingPoint: Point, points: Point[]) => number;
 export declare const getDrawDefaultStrokeColor: (theme: ThemeColorMode) => string;

package/utils/line.d.ts

@@ -15,7 +15,7 @@ export declare const getHitLineTextIndex: (board: PlaitBoard, element: PlaitLine
 export declare const isHitLineText: (board: PlaitBoard, element: PlaitLine, point: Point) => boolean;
 export declare const drawLine: (board: PlaitBoard, element: PlaitLine) => SVGGElement;
 export declare const getConnectionPoint: (geometry: PlaitGeometry, connection: Point, direction?: Direction, delta?: number) => Point;
-export declare const transformPointToConnection: (board: PlaitBoard, point: Point, hitElement: PlaitShape) => Point;
+export declare const transformPointToConnection: (board: PlaitBoard, point: Point, hitElement: PlaitShape, tolerance?: number) => Point;
 export declare const getHitConnectorPoint: (movingPoint: Point, hitElement: PlaitShape, rectangle: RectangleClient) => Point | undefined;
 export declare const getLineTextRectangle: (board: PlaitBoard, element: PlaitLine, index: number) => RectangleClient;
 export declare const getBoardLines: (board: PlaitBoard) => PlaitLine[];