@plait/draw 0.36.0 → 0.38.0

package/generators/line-auto-complete.generator.d.ts

@@ -1,12 +1,12 @@
 import { PlaitBoard } from '@plait/core';
-import { PlaitGeometry } from '../interfaces';
+import { PlaitGeometry, PlaitShape } from '../interfaces';
 import { ActiveGeneratorExtraData, Generator } from '@plait/common';
-export declare class LineAutoCompleteGenerator extends Generator<PlaitGeometry, ActiveGeneratorExtraData> {
+export declare class LineAutoCompleteGenerator extends Generator<PlaitShape, ActiveGeneratorExtraData> {
     board: PlaitBoard;
     autoCompleteG: SVGGElement;
     hoverElement: SVGGElement | null;
     constructor(board: PlaitBoard);
-    canDraw(element: PlaitGeometry, data: ActiveGeneratorExtraData): boolean;
+    canDraw(element: PlaitShape, data: ActiveGeneratorExtraData): boolean;
     draw(element: PlaitGeometry, data: ActiveGeneratorExtraData): SVGGElement;
     removeAutoCompleteG(index: number): void;
     recoverAutoCompleteG(): void;

package/image.component.d.ts

@@ -3,6 +3,7 @@ import { PlaitBoard, PlaitPluginElementContext, OnContextChanged } from '@plait/
 import { Subject } from 'rxjs';
 import { CommonPluginElement, ImageGenerator } from '@plait/common';
 import { PlaitImage } from './interfaces/image';
+import { LineAutoCompleteGenerator } from './generators/line-auto-complete.generator';
 import * as i0 from "@angular/core";
 export declare class ImageComponent extends CommonPluginElement<PlaitImage, PlaitBoard> implements OnInit, OnDestroy, OnContextChanged<PlaitImage, PlaitBoard> {
     private viewContainerRef;
@@ -10,6 +11,7 @@ export declare class ImageComponent extends CommonPluginElement<PlaitImage, Plai
     destroy$: Subject<void>;
     get activeGenerator(): import("@plait/common").ActiveGenerator<import("@plait/core").PlaitElement>;
     imageGenerator: ImageGenerator<PlaitImage>;
+    lineAutoCompleteGenerator: LineAutoCompleteGenerator;
     constructor(viewContainerRef: ViewContainerRef, cdr: ChangeDetectorRef);
     initializeGenerator(): void;
     ngOnInit(): void;

package/interfaces/index.d.ts

@@ -14,7 +14,7 @@ export declare const PlaitDrawElement: {
     isText: (value: any) => value is PlaitText;
     isImage: (value: any) => value is PlaitImage;
     isDrawElement: (value: any) => value is PlaitDrawElement;
-    isShape: (value: any) => boolean;
+    isShape: (value: any) => value is PlaitShape;
     isBasicShape: (value: any) => boolean;
     isFlowchart: (value: any) => boolean;
 };

package/package.json

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

package/plugins/with-geometry-create.d.ts

@@ -1,9 +1,8 @@
-import { PlaitBoard, Point } from '@plait/core';
-import { DrawPointerType } from '../constants';
+import { PlaitBoard } from '@plait/core';
+import { TextManage } from '@plait/text';
+export interface FakeCreateTextRef {
+    g: SVGGElement;
+    textManage: TextManage;
+}
 export declare const withGeometryCreateByDrag: (board: PlaitBoard) => PlaitBoard;
 export declare const withGeometryCreateByDrawing: (board: PlaitBoard) => PlaitBoard;
-export declare const getDefaultGeometryPoints: (pointer: DrawPointerType, targetPoint: Point) => [Point, Point];
-export declare const getGeometryDefaultProperty: (pointer: DrawPointerType) => {
-    width: number;
-    height: number;
-};

package/transforms/index.d.ts

@@ -10,8 +10,4 @@ export declare const DrawTransforms: {
     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;
-    setStrokeColor: (board: import("@plait/core").PlaitBoard, strokeColor: string) => void;
-    setStrokeWidth: (board: import("@plait/core").PlaitBoard, strokeWidth: number) => void;
-    setFillColor: (board: import("@plait/core").PlaitBoard, fill: string) => void;
-    setStrokeStyle: (board: import("@plait/core").PlaitBoard, strokeStyle: string) => void;
 };

package/utils/geometry.d.ts

@@ -2,10 +2,13 @@ import { PlaitBoard, Point, RectangleClient, ThemeColorMode } from '@plait/core'
 import { GeometryShapes, PlaitGeometry, FlowchartSymbols } from '../interfaces/geometry';
 import { Alignment, CustomText } from '@plait/text';
 import { Element } from 'slate';
+import { DrawPointerType } from '../constants';
 import { Options } from 'roughjs/bin/core';
+import { PlaitShape } from '../interfaces';
 export type GeometryStyleOptions = Pick<PlaitGeometry, 'fill' | 'strokeColor' | 'strokeWidth'>;
 export type TextProperties = Partial<CustomText> & {
     align?: Alignment;
+    textHeight?: number;
 };
 export declare const createGeometryElement: (shape: GeometryShapes, points: [Point, Point], text: string | Element, options?: GeometryStyleOptions, textProperties?: TextProperties) => PlaitGeometry;
 export declare const getPointsByCenterPoint: (point: Point, width: number, height: number) => [Point, Point];
@@ -17,7 +20,7 @@ export declare const getTextRectangle: (element: PlaitGeometry) => {
 };
 export declare const drawBoundMask: (board: PlaitBoard, element: PlaitGeometry) => SVGGElement;
 export declare const drawGeometry: (board: PlaitBoard, outerRectangle: RectangleClient, shape: GeometryShapes, options: Options) => SVGGElement;
-export declare const getNearestPoint: (element: PlaitGeometry, point: Point, inflateDelta?: number) => Point;
+export declare const getNearestPoint: (element: PlaitShape, point: Point, inflateDelta?: number) => Point;
 export declare const getCenterPointsOnPolygon: (points: Point[]) => Point[];
 export declare const getEdgeOnPolygonByPoint: (corners: Point[], point: Point) => [Point, Point] | null;
 export declare const getDefaultFlowchartProperty: (symbol: FlowchartSymbols) => {
@@ -40,7 +43,18 @@ export declare const getDefaultFlowchartProperty: (symbol: FlowchartSymbols) =>
     height: number;
 };
 export declare const createDefaultFlowchart: (point: Point) => (import("../interfaces").PlaitLine | PlaitGeometry)[];
-export declare const getAutoCompletePoints: (element: PlaitGeometry) => [Point, Point, Point, Point];
+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;
 export declare const getFlowchartDefaultFill: (theme: ThemeColorMode) => string;
+export declare const getDefaultTextShapeProperty: (board: PlaitBoard, fontSize?: number | string) => {
+    width: number;
+    height: number;
+    text: string;
+};
+export declare const getDefaultGeometryPoints: (pointer: DrawPointerType, centerPoint: Point) => [Point, Point];
+export declare const getDefaultGeometryProperty: (pointer: DrawPointerType) => {
+    width: number;
+    height: number;
+};
+export declare const getDefaultTextPoints: (board: PlaitBoard, centerPoint: Point, fontSize?: number | string) => [Point, Point];

package/utils/line.d.ts

@@ -1,5 +1,5 @@
 import { Point, PlaitBoard, RectangleClient, PointOfRectangle, Direction, Vector } from '@plait/core';
-import { LineHandle, LineHandleRef, LineShape, LineText, PlaitGeometry, PlaitLine } from '../interfaces';
+import { LineHandle, LineHandleRef, LineShape, LineText, PlaitGeometry, PlaitLine, PlaitShape } from '../interfaces';
 import { Op } from 'roughjs/bin/core';
 export declare const createLineElement: (shape: LineShape, points: [Point, Point], source: LineHandle, target: LineHandle, texts?: LineText[], options?: Pick<PlaitLine, 'strokeColor' | 'strokeWidth'>) => PlaitLine;
 export declare const getLinePoints: (board: PlaitBoard, element: PlaitLine) => Point[];
@@ -15,11 +15,11 @@ 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: PlaitGeometry) => Point;
-export declare const getHitConnectorPoint: (movingPoint: Point, hitElement: PlaitGeometry, rectangle: RectangleClient) => Point | undefined;
+export declare const transformPointToConnection: (board: PlaitBoard, point: Point, hitElement: PlaitShape) => 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[];
 export declare const Q2C: (points: Point[]) => Point[];
 export declare const getVectorByConnection: (boundElement: PlaitGeometry, connection: PointOfRectangle) => Vector;
 export declare const alignPoints: (basePoint: Point, movingPoint: Point) => Point;
-export declare const handleLineCreating: (board: PlaitBoard, lineShape: LineShape, startPoint: Point, movingPoint: Point, sourceElement: PlaitGeometry | null, lineShapeG: SVGGElement) => PlaitLine;
+export declare const handleLineCreating: (board: PlaitBoard, lineShape: LineShape, startPoint: Point, movingPoint: Point, sourceElement: PlaitShape | null, lineShapeG: SVGGElement) => PlaitLine;

package/utils/memorize.d.ts

@@ -3,7 +3,13 @@ import { GeometryShapes, PlaitDrawElement } from '../interfaces';
 import { DrawPointerType } from '../constants';
 import { BaseOperation } from 'slate';
 export declare const getMemorizeKey: (element: PlaitElement) => string;
-export declare const getLineMemorizedLatest: () => PlaitElement;
+export declare const getLineMemorizedLatest: () => {
+    [x: string]: any;
+    id: string;
+    children?: PlaitElement[] | undefined;
+    points?: import("@plait/core").Point[] | undefined;
+    type?: string | undefined;
+};
 export declare const getMemorizedLatestByPointer: (pointer: DrawPointerType) => {
     textProperties: any;
     geometryProperties: {

package/esm2022/transforms/property.mjs

@@ -1,15 +0,0 @@
-import { PropertyTransforms } from '@plait/common';
-import { getMemorizeKey } from '../utils/memorize';
-export const setStrokeColor = (board, strokeColor) => {
-    PropertyTransforms.setProperty(board, { strokeColor }, { getMemorizeKey });
-};
-export const setStrokeWidth = (board, strokeWidth) => {
-    PropertyTransforms.setProperty(board, { strokeWidth }, { getMemorizeKey });
-};
-export const setFillColor = (board, fill) => {
-    PropertyTransforms.setProperty(board, { fill }, { getMemorizeKey });
-};
-export const setStrokeStyle = (board, strokeStyle) => {
-    PropertyTransforms.setProperty(board, { strokeStyle }, { getMemorizeKey });
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvcGVydHkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9kcmF3L3NyYy90cmFuc2Zvcm1zL3Byb3BlcnR5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFbkQsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLENBQUMsS0FBaUIsRUFBRSxXQUFtQixFQUFFLEVBQUU7SUFDckUsa0JBQWtCLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSxFQUFFLEVBQUUsY0FBYyxFQUFFLENBQUMsQ0FBQztBQUMvRSxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsQ0FBQyxLQUFpQixFQUFFLFdBQW1CLEVBQUUsRUFBRTtJQUNyRSxrQkFBa0IsQ0FBQyxXQUFXLENBQUMsS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLEVBQUUsRUFBRSxjQUFjLEVBQUUsQ0FBQyxDQUFDO0FBQy9FLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxDQUFDLEtBQWlCLEVBQUUsSUFBWSxFQUFFLEVBQUU7SUFDNUQsa0JBQWtCLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRSxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsY0FBYyxFQUFFLENBQUMsQ0FBQztBQUN4RSxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsQ0FBQyxLQUFpQixFQUFFLFdBQW1CLEVBQUUsRUFBRTtJQUNyRSxrQkFBa0IsQ0FBQyxXQUFXLENBQUMsS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLEVBQUUsRUFBRSxjQUFjLEVBQUUsQ0FBQyxDQUFDO0FBQy9FLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFByb3BlcnR5VHJhbnNmb3JtcyB9IGZyb20gJ0BwbGFpdC9jb21tb24nO1xuaW1wb3J0IHsgUGxhaXRCb2FyZCB9IGZyb20gJ0BwbGFpdC9jb3JlJztcbmltcG9ydCB7IGdldE1lbW9yaXplS2V5IH0gZnJvbSAnLi4vdXRpbHMvbWVtb3JpemUnO1xuXG5leHBvcnQgY29uc3Qgc2V0U3Ryb2tlQ29sb3IgPSAoYm9hcmQ6IFBsYWl0Qm9hcmQsIHN0cm9rZUNvbG9yOiBzdHJpbmcpID0+IHtcbiAgICBQcm9wZXJ0eVRyYW5zZm9ybXMuc2V0UHJvcGVydHkoYm9hcmQsIHsgc3Ryb2tlQ29sb3IgfSwgeyBnZXRNZW1vcml6ZUtleSB9KTtcbn07XG5cbmV4cG9ydCBjb25zdCBzZXRTdHJva2VXaWR0aCA9IChib2FyZDogUGxhaXRCb2FyZCwgc3Ryb2tlV2lkdGg6IG51bWJlcikgPT4ge1xuICAgIFByb3BlcnR5VHJhbnNmb3Jtcy5zZXRQcm9wZXJ0eShib2FyZCwgeyBzdHJva2VXaWR0aCB9LCB7IGdldE1lbW9yaXplS2V5IH0pO1xufTtcblxuZXhwb3J0IGNvbnN0IHNldEZpbGxDb2xvciA9IChib2FyZDogUGxhaXRCb2FyZCwgZmlsbDogc3RyaW5nKSA9PiB7XG4gICAgUHJvcGVydHlUcmFuc2Zvcm1zLnNldFByb3BlcnR5KGJvYXJkLCB7IGZpbGwgfSwgeyBnZXRNZW1vcml6ZUtleSB9KTtcbn07XG5cbmV4cG9ydCBjb25zdCBzZXRTdHJva2VTdHlsZSA9IChib2FyZDogUGxhaXRCb2FyZCwgc3Ryb2tlU3R5bGU6IHN0cmluZykgPT4ge1xuICAgIFByb3BlcnR5VHJhbnNmb3Jtcy5zZXRQcm9wZXJ0eShib2FyZCwgeyBzdHJva2VTdHlsZSB9LCB7IGdldE1lbW9yaXplS2V5IH0pO1xufTtcbiJdfQ==

package/transforms/property.d.ts

@@ -1,5 +0,0 @@
-import { PlaitBoard } from '@plait/core';
-export declare const setStrokeColor: (board: PlaitBoard, strokeColor: string) => void;
-export declare const setStrokeWidth: (board: PlaitBoard, strokeWidth: number) => void;
-export declare const setFillColor: (board: PlaitBoard, fill: string) => void;
-export declare const setStrokeStyle: (board: PlaitBoard, strokeStyle: string) => void;