@plait/core 0.24.0-next.0 → 0.24.0-next.10

package/interfaces/board.d.ts

@@ -36,9 +36,10 @@ export interface PlaitBoard {
     keydown: (event: KeyboardEvent) => void;
     globalKeydown: (event: KeyboardEvent) => void;
     keyup: (event: KeyboardEvent) => void;
-    setFragment: (data: DataTransfer | null, rectangle: RectangleClient | null) => void;
+    setFragment: (data: DataTransfer | null, rectangle: RectangleClient | null, type: 'copy' | 'cut') => void;
     insertFragment: (data: DataTransfer | null, targetPoint: Point) => void;
     deleteFragment: (data: DataTransfer | null) => void;
+    getDeletedFragment: (data: PlaitElement[]) => PlaitElement[];
     dblclick: (event: MouseEvent) => void;
     drawElement: (context: PlaitPluginElementContext) => SVGGElement[] | ComponentType<PlaitPluginElementComponent>;
     redrawElement: (context: PlaitPluginElementContext, previousContext?: PlaitPluginElementContext) => SVGGElement[] | void;

package/interfaces/rectangle-client.d.ts

@@ -19,5 +19,13 @@ export declare const RectangleClient: {
         width: number;
         height: number;
     };
+    inflate: (rectangle: RectangleClient, delta: number) => {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
     isEqual: (rectangle: RectangleClient, otherRectangle: RectangleClient) => boolean;
+    getCornerPoints: (rectangle: RectangleClient) => [Point, Point, Point, Point];
+    getEdgeCenterPoints: (rectangle: RectangleClient) => [Point, Point, Point, Point];
 };

package/package.json

@@ -1,31 +1,31 @@
 {
   "name": "@plait/core",
-  "version": "0.24.0-next.0",
+  "version": "0.24.0-next.10",
   "peerDependencies": {
-    "@angular/common": "^15.2.2",
-    "@angular/core": "^15.2.2"
+    "@angular/common": "^16.0.0",
+    "@angular/core": "^16.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "module": "fesm2015/plait-core.mjs",
-  "es2020": "fesm2020/plait-core.mjs",
-  "esm2020": "esm2020/plait-core.mjs",
-  "fesm2020": "fesm2020/plait-core.mjs",
-  "fesm2015": "fesm2015/plait-core.mjs",
-  "typings": "index.d.ts",
   "exports": {
+    "./styles/styles": {
+      "sass": "./styles/styles.scss"
+    },
+    "./styles/*": {
+      "sass": "./styles/*"
+    },
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/plait-core.mjs",
-      "es2020": "./fesm2020/plait-core.mjs",
-      "es2015": "./fesm2015/plait-core.mjs",
-      "node": "./fesm2015/plait-core.mjs",
-      "default": "./fesm2020/plait-core.mjs"
+      "esm2022": "./esm2022/plait-core.mjs",
+      "esm": "./esm2022/plait-core.mjs",
+      "default": "./fesm2022/plait-core.mjs"
     }
   },
+  "module": "fesm2022/plait-core.mjs",
+  "typings": "index.d.ts",
   "sideEffects": false
 }

package/plugins/with-selection.d.ts

@@ -7,8 +7,12 @@ export interface WithPluginOptions extends PlaitPluginOptions {
 }
 export declare function withSelection(board: PlaitBoard): PlaitBoard;
 export declare function getTemporaryElements(board: PlaitBoard): PlaitElement[] | undefined;
+export declare function getTemporaryRef(board: PlaitBoard): {
+    elements: PlaitElement[];
+    timeoutId: any;
+} | undefined;
 export declare function deleteTemporaryElements(board: PlaitBoard): void;
 export declare function isSelectionMoving(board: PlaitBoard): boolean;
 export declare function setSelectionMoving(board: PlaitBoard): void;
 export declare function clearSelectionMoving(board: PlaitBoard): void;
-export declare function createSelectionOuterG(board: PlaitBoard, selectElements: PlaitElement[]): SVGGElement;
+export declare function createSelectionRectangleG(board: PlaitBoard): SVGGElement | null;

package/styles/styles.scss

@@ -38,7 +38,7 @@
     }
 
     &.element-moving {
-        .selection-outer {
+        .selection-rectangle {
             opacity: 0;
         }
     }

package/transforms/element.d.ts

@@ -0,0 +1,6 @@
+import { PlaitBoard } from "../interfaces/board";
+import { PlaitElement } from "../interfaces/element";
+export declare const removeElements: (board: PlaitBoard, elements: PlaitElement[]) => void;
+export declare const CoreTransforms: {
+    removeElements: (board: PlaitBoard, elements: PlaitElement[]) => void;
+};

package/transforms/index.d.ts

@@ -3,4 +3,5 @@ import { NodeTransforms } from './node';
 import { SelectionTransforms } from './selection';
 import { ViewportTransforms } from './viewport';
 export { BoardTransforms } from './board';
+export { CoreTransforms } from './element';
 export declare const Transforms: GeneralTransforms & ViewportTransforms & SelectionTransforms & NodeTransforms;

package/transforms/selection.d.ts

@@ -4,7 +4,7 @@ import { PlaitElement } from '../interfaces/element';
 export declare function setSelection(board: PlaitBoard, selection: Selection | null): void;
 export interface SelectionTransforms {
     setSelection: (board: PlaitBoard, selection: Selection | null) => void;
-    setSelectionWithTemporaryElements: (board: PlaitBoard, elements: PlaitElement[]) => void;
+    addSelectionWithTemporaryElements: (board: PlaitBoard, elements: PlaitElement[]) => void;
 }
 export declare const SelectionTransforms: SelectionTransforms;
-export declare function setSelectionWithTemporaryElements(board: PlaitBoard, elements: PlaitElement[]): void;
+export declare function addSelectionWithTemporaryElements(board: PlaitBoard, elements: PlaitElement[]): void;

package/utils/dom/common.d.ts

@@ -1,8 +1,14 @@
+import { Options } from 'roughjs/bin/core';
+import { 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;
 export declare function createG(): SVGGElement;
 export declare function createPath(): SVGPathElement;
+export declare function createRect(rectangle: RectangleClient, options?: Options): SVGRectElement;
+export declare const setStrokeLinecap: (g: SVGGElement, value: 'round' | 'square') => void;
+export declare const setPathStrokeLinecap: (g: SVGGElement, value: 'round' | 'square') => void;
+export declare function createMask(): SVGMaskElement;
 export declare function createSVG(): SVGSVGElement;
 export declare function createText(x: number, y: number, fill: string, textContent: string): SVGTextElement;
 /**

package/utils/dom/foreign.d.ts

@@ -1,2 +1,3 @@
 export declare function createForeignObject(x: number, y: number, width: number, height: number): SVGForeignObjectElement;
-export declare function updateForeignObject(g: SVGGElement, width: number, height: number, x: number, y: number): void;
+export declare function updateForeignObject(target: SVGForeignObjectElement | SVGGElement, width: number, height: number, x: number, y: number): void;
+export declare function updateForeignObjectWidth(target: SVGForeignObjectElement | SVGGElement, width: number): void;

package/utils/draw/line.d.ts

@@ -2,5 +2,5 @@ import { RoughSVG } from 'roughjs/bin/svg';
 import { Point } from '../../interfaces/point';
 import { Options } from 'roughjs/bin/core';
 export declare function drawLine(rs: RoughSVG, start: Point, end: Point, options: Options): SVGGElement;
-export declare function drawLinearPath(points: Point[], options?: Options): SVGGElement;
+export declare function drawLinearPath(points: Point[], options?: Options, closePath?: boolean): SVGGElement;
 export declare function drawBezierPath(points: Point[], options?: Options): SVGGElement;

package/utils/draw/rectangle.d.ts

@@ -1,6 +1,9 @@
 import { Options } from 'roughjs/bin/core';
 import { RoughSVG } from 'roughjs/bin/svg';
+import { PlaitBoard } from '../../interfaces/board';
+import { RectangleClient } from '../../interfaces/rectangle-client';
 /**
  * drawRoundRectangle
  */
 export declare function drawRoundRectangle(rs: RoughSVG, x1: number, y1: number, x2: number, y2: number, options: Options, outline?: boolean, borderRadius?: number): SVGGElement;
+export declare const drawRectangle: (board: PlaitBoard, rectangle: RectangleClient, options: Options) => SVGGElement;

package/utils/element.d.ts

@@ -1,3 +1,8 @@
 import { PlaitBoard, PlaitElement, RectangleClient } from '../interfaces';
 export declare function getRectangleByElements(board: PlaitBoard, elements: PlaitElement[], recursion: boolean): RectangleClient;
 export declare function getBoardRectangle(board: PlaitBoard): RectangleClient;
+export declare function getElementById<T extends PlaitElement = PlaitElement>(board: PlaitBoard, id: string, dataSource?: PlaitElement[]): T | undefined;
+export declare function findElements<T extends PlaitElement = PlaitElement>(board: PlaitBoard, options: {
+    match: (element: PlaitElement) => boolean;
+    recursion: (element: PlaitElement) => boolean;
+}): T[];

package/utils/math.d.ts

@@ -1,5 +1,14 @@
+import { Point } from '../interfaces';
 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 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;
+export declare const isLineHitLine: (a: Point, b: Point, c: Point, d: Point) => boolean;
+export declare const isPolylineHitRectangle: (points: Point[], rectangle: RectangleClient) => boolean;
+export declare const isPointInPolygon: (point: Point, points: Point[]) => boolean;
+export declare const isPointInEllipse: (point: Point, center: Point, rx: number, ry: number, rotation?: number) => boolean;
+export declare const isPointInRoundRectangle: (point: Point, rectangle: RectangleClient, radius: number) => boolean;

package/utils/reaction-manager.d.ts

@@ -0,0 +1,25 @@
+import { PlaitBoard } from '../interfaces/board';
+import { PlaitElement } from '../interfaces/element';
+import { RectangleClient } from '../interfaces';
+export interface AlignRef {
+    deltaX: number;
+    deltaY: number;
+    g: SVGGElement;
+}
+export declare class ReactionManager {
+    private board;
+    private activeElements;
+    private activeRectangle;
+    alignRectangles: RectangleClient[];
+    constructor(board: PlaitBoard, activeElements: PlaitElement[], activeRectangle: RectangleClient);
+    getAlignRectangle(): RectangleClient[];
+    handleAlign(): AlignRef;
+    calculateClosestDistances(activeRectangle: RectangleClient, alignRectangle: RectangleClient): {
+        absXDistance: number;
+        xDistance: number;
+        absYDistance: number;
+        yDistance: number;
+        indexX: number;
+        indexY: number;
+    };
+}

package/utils/touch.d.ts

@@ -1,3 +1,16 @@
 import { PlaitBoard } from '../interfaces/board';
+export interface TouchRef {
+    target?: SVGElement;
+    state: boolean;
+    host?: SVGGElement;
+}
+export declare const BOARD_TO_TOUCH_REF: WeakMap<PlaitBoard, TouchRef>;
 export declare const isPreventTouchMove: (board: PlaitBoard) => boolean;
-export declare const preventTouchMove: (board: PlaitBoard, state: Boolean) => void;
+export declare const preventTouchMove: (board: PlaitBoard, event: PointerEvent, state: boolean) => void;
+/**
+ * some intersection maybe cause target is removed from current browser window,
+ * after it was removed touch move event will not be fired
+ * so scroll behavior will can not be prevented in mobile browser device
+ * this function will prevent target element being remove.
+ */
+export declare const handleTouchTarget: (board: PlaitBoard) => void;

package/utils/weak-maps.d.ts

@@ -20,7 +20,9 @@ export declare const BOARD_TO_MOVING_POINT_IN_BOARD: WeakMap<PlaitBoard, Point>;
 export declare const BOARD_TO_MOVING_POINT: WeakMap<PlaitBoard, Point>;
 export declare const BOARD_TO_VIEWPORT_ORIGINATION: WeakMap<PlaitBoard, Point>;
 export declare const BOARD_TO_IS_SELECTION_MOVING: WeakMap<PlaitBoard, boolean>;
-export declare const BOARD_TO_TEMPORARY_ELEMENTS: WeakMap<PlaitBoard, PlaitElement[]>;
+export declare const BOARD_TO_TEMPORARY_ELEMENTS: WeakMap<PlaitBoard, {
+    elements: PlaitElement[];
+    timeoutId: any;
+}>;
 export declare const BOARD_TO_MOVING_ELEMENT: WeakMap<PlaitBoard, PlaitElement[]>;
-export declare const IS_PREVENT_TOUCH_MOVE: WeakMap<PlaitBoard, Boolean>;
 export declare const PATH_REFS: WeakMap<PlaitBoard, Set<PathRef>>;

package/esm2020/board/board.component.interface.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9hcmQuY29tcG9uZW50LmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvcmUvc3JjL2JvYXJkL2JvYXJkLmNvbXBvbmVudC5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQm9hcmRDb21wb25lbnRJbnRlcmZhY2Uge1xuICAgIG1hcmtGb3JDaGVjazogKCkgPT4gdm9pZDtcbiAgICBjZHI6IENoYW5nZURldGVjdG9yUmVmO1xuICAgIG5hdGl2ZUVsZW1lbnQ6IEhUTUxFbGVtZW50O1xuICAgIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWY7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQm9hcmRFbGVtZW50SG9zdEludGVyZmFjZSB7XG4gICAgaG9zdDogU1ZHR0VsZW1lbnQ7XG4gICAgdXBwZXJIb3N0OiBTVkdHRWxlbWVudDtcbiAgICBhY3RpdmVIb3N0OiBTVkdHRWxlbWVudDtcbn1cbiJdfQ==