@plait/core 0.38.0 → 0.40.0

package/interfaces/board.d.ts

@@ -27,6 +27,7 @@ export interface PlaitBoard {
     redo: () => void;
     apply: (operation: PlaitOperation) => void;
     onChange: () => void;
+    afterChange: () => void;
     mousedown: (event: MouseEvent) => void;
     mousemove: (event: MouseEvent) => void;
     mouseleave: (event: MouseEvent) => void;

package/package.json

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

package/plugins/with-selection.d.ts

@@ -6,6 +6,8 @@ export interface WithPluginOptions extends PlaitPluginOptions {
     isDisabledSelect: boolean;
 }
 export declare function withSelection(board: PlaitBoard): PlaitBoard;
+export declare function isHandleSelection(board: PlaitBoard): boolean;
+export declare function isSetSelectionOperation(board: PlaitBoard): boolean;
 export declare function getTemporaryElements(board: PlaitBoard): PlaitElement[] | undefined;
 export declare function getTemporaryRef(board: PlaitBoard): {
     elements: PlaitElement[];

package/utils/dom/common.d.ts

@@ -1,8 +1,21 @@
 import { Options } from 'roughjs/bin/core';
-import { RectangleClient } from '../../interfaces';
+import { PlaitBoard, RectangleClient } from '../../interfaces';
 import { Point } from '../../interfaces/point';
 export declare const NS = "http://www.w3.org/2000/svg";
-export declare function toPoint(x: number, y: number, container: SVGElement): Point;
+/**
+ * Get the screen coordinates starting from the upper left corner of the svg element (based on the svg screen coordinate system)
+ * @param x screen x
+ * @param y screen x
+ * @returns
+ */
+export declare function toPoint(x: number, y: number, svg: SVGElement): Point;
+/**
+ * `toPoint` reverse processing
+ * Get the screen coordinate starting from the upper left corner of the browser window (based on the screen coordinate system)
+ * @param point screen coordinates based on the upper left corner of the svg
+ * @returns
+ */
+export declare function toScreenPoint(board: PlaitBoard, point: Point): Point;
 export declare function createG(): SVGGElement;
 export declare function createPath(): SVGPathElement;
 export declare function createRect(rectangle: RectangleClient, options?: Options): SVGRectElement;

package/utils/math.d.ts

@@ -3,7 +3,7 @@ import { RectangleClient } from '../interfaces/rectangle-client';
 export declare function distanceBetweenPointAndSegment(x: number, y: number, x1: number, y1: number, x2: number, y2: number): number;
 export declare function getNearestPointBetweenPointAndSegment(point: Point, linePoints: [Point, Point]): Point;
 export declare function distanceBetweenPointAndSegments(points: Point[], point: Point): number;
-export declare function getNearestPointBetweenPointAndSegments(point: Point, points: Point[]): Point;
+export declare function getNearestPointBetweenPointAndSegments(point: Point, points: Point[], isClose?: Boolean): Point;
 export declare function rotate(x1: number, y1: number, x2: number, y2: number, angle: number): number[];
 export declare function distanceBetweenPointAndPoint(x1: number, y1: number, x2: number, y2: number): number;
 export declare function distanceBetweenPointAndRectangle(x: number, y: number, rect: RectangleClient): number;

package/utils/moving-element.d.ts

@@ -1,5 +1,6 @@
 import { PlaitBoard, PlaitElement } from '../interfaces';
 export declare const getMovingElements: (board: PlaitBoard) => PlaitElement[];
+export declare const isMovingElements: (board: PlaitBoard) => boolean;
 export declare const addMovingElements: (board: PlaitBoard, elements: PlaitElement[]) => void;
 export declare const removeMovingElements: (board: PlaitBoard) => void;
 export declare const cacheMovingElements: (board: PlaitBoard, elements: PlaitElement[]) => void;

package/utils/selected-element.d.ts

@@ -7,7 +7,7 @@ export declare const getHitElementsBySelection: (board: PlaitBoard, selection?:
 export declare const getHitElementByPoint: (board: PlaitBoard, point: Point, match?: (element: PlaitElement) => boolean) => undefined | PlaitElement;
 export declare const cacheSelectedElements: (board: PlaitBoard, selectedElements: PlaitElement[]) => void;
 export declare const getSelectedElements: (board: PlaitBoard) => PlaitElement[];
-export declare const addSelectedElement: (board: PlaitBoard, element: PlaitElement) => void;
+export declare const addSelectedElement: (board: PlaitBoard, element: PlaitElement | PlaitElement[]) => void;
 export declare const removeSelectedElement: (board: PlaitBoard, element: PlaitElement) => void;
 export declare const clearSelectedElement: (board: PlaitBoard) => void;
 export declare const isSelectedElement: (board: PlaitBoard, element: PlaitElement) => boolean;

package/utils/viewport.d.ts

@@ -1,4 +1,5 @@
 import { PlaitBoard, Point, RectangleClient } from '../interfaces';
+export declare function toSVGScreenPoint(board: PlaitBoard, point: Point): Point;
 export declare function getViewportContainerRect(board: PlaitBoard): {
     width: number;
     height: number;

package/utils/weak-maps.d.ts

@@ -11,6 +11,7 @@ export declare const NODE_TO_INDEX: WeakMap<PlaitElement, number>;
 export declare const NODE_TO_PARENT: WeakMap<PlaitElement, Ancestor>;
 export declare const IS_TEXT_EDITABLE: WeakMap<PlaitBoard, boolean>;
 export declare const BOARD_TO_ON_CHANGE: WeakMap<PlaitBoard, () => void>;
+export declare const BOARD_TO_AFTER_CHANGE: WeakMap<PlaitBoard, () => void>;
 export declare const BOARD_TO_COMPONENT: WeakMap<PlaitBoard, BoardComponentInterface>;
 export declare const BOARD_TO_ROUGH_SVG: WeakMap<PlaitBoard, RoughSVG>;
 export declare const BOARD_TO_HOST: WeakMap<PlaitBoard, SVGSVGElement>;