@plait/core 0.55.0 → 0.56.0

package/interfaces/board.d.ts

@@ -39,7 +39,7 @@ export interface PlaitBoard {
     keyDown: (event: KeyboardEvent) => void;
     globalKeyDown: (event: KeyboardEvent) => void;
     keyUp: (event: KeyboardEvent) => void;
-    buildFragment: (clipboardContext: WritableClipboardContext | null, rectangle: RectangleClient | null, type: 'copy' | 'cut') => WritableClipboardContext | null;
+    buildFragment: (clipboardContext: WritableClipboardContext | null, rectangle: RectangleClient | null, type: 'copy' | 'cut', originData?: PlaitElement[]) => WritableClipboardContext | null;
     insertFragment: (clipboardData: ClipboardData | null, targetPoint: Point) => void;
     deleteFragment: (data: PlaitElement[]) => void;
     getDeletedFragment: (data: PlaitElement[]) => PlaitElement[];

package/interfaces/element.d.ts

@@ -1,6 +1,7 @@
 import { PlaitPluginElementComponent } from '../core/element/plugin-element';
 import { PlaitBoard } from './board';
 import { Point } from './point';
+import { PlaitElementRef } from '../core/element/element-ref';
 export interface PlaitElement {
     [key: string]: any;
     id: string;
@@ -11,12 +12,13 @@ export interface PlaitElement {
 }
 export declare const PlaitElement: {
     isRootElement(value: PlaitElement): boolean;
-    getComponent(value: PlaitElement): PlaitPluginElementComponent<PlaitElement, PlaitBoard>;
+    getComponent(value: PlaitElement): PlaitPluginElementComponent<PlaitElement, PlaitBoard, PlaitElementRef>;
+    getElementRef<T extends PlaitElementRef = PlaitElementRef>(value: PlaitElement): T;
     getElementG(value: PlaitElement): SVGGElement;
     hasMounted(element: PlaitElement): boolean;
-    getContainerG<T extends boolean>(value: PlaitElement, options: {
-        suppressThrow: T;
-    }): T extends true ? SVGGElement | null : SVGGElement;
+    getContainerG<T_1 extends boolean>(value: PlaitElement, options: {
+        suppressThrow: T_1;
+    }): T_1 extends true ? SVGGElement | null : SVGGElement;
 };
 export interface ComponentType<T> {
     new (...args: any[]): T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plait/core",
-  "version": "0.55.0",
+  "version": "0.56.0",
   "peerDependencies": {
     "@angular/common": "^17.2.4",
     "@angular/core": "^17.2.4",

package/plugins/with-moving.d.ts

@@ -3,4 +3,6 @@ import { PlaitElement } from '../interfaces/element';
 export declare function withMoving(board: PlaitBoard): PlaitBoard;
 export declare function withArrowMoving(board: PlaitBoard): PlaitBoard;
 export declare function getSelectedTargetElements(board: PlaitBoard): PlaitElement[];
-export declare function updatePoints(board: PlaitBoard, targetElements: PlaitElement[], offsetX: number, offsetY: number): PlaitElement[];
+export declare function getValidElements(board: PlaitBoard, activeElements: PlaitElement[]): PlaitElement[];
+export declare function updatePoints(board: PlaitBoard, activeElements: PlaitElement[], offsetX: number, offsetY: number): PlaitElement[];
+export declare function drawPendingNodesG(board: PlaitBoard, activeElements: PlaitElement[], offsetX: number, offsetY: number): null;

package/public-api.d.ts

@@ -3,6 +3,7 @@ export * from './constants';
 export * from './core/element/plugin-element';
 export * from './core/element/context-change';
 export * from './core/island/island-base.component';
+export * from './core/element/element-ref';
 export * from './interfaces';
 export * from './transforms';
 export * from './utils';
@@ -10,5 +11,5 @@ export * from './plugins/with-selection';
 export * from './plugins/with-moving';
 export * from './plugins/with-options';
 export * from './testing';
-export * from './services/image-context.service';
+export * from './services/context.service';
 export * from './utils/debug';

package/services/{image-context.service.d.ts → context.service.d.ts}

@@ -1,10 +1,13 @@
 import { ImageEntry } from '../interfaces';
 import * as i0 from "@angular/core";
 export declare class PlaitContextService {
+    private _stable;
     private uploadingFiles;
     getUploadingFile(url: string): ImageEntry | undefined;
     setUploadingFile(file: ImageEntry): number;
     removeUploadingFile(fileEntry: ImageEntry): void;
+    onStable(): import("rxjs").Observable<unknown>;
+    nextStable(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlaitContextService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PlaitContextService>;
 }

package/utils/angle.d.ts

@@ -18,3 +18,5 @@ export declare function radiansToDegrees(r: number): number;
 export declare function rotateElements(board: PlaitBoard, elements: PlaitElement[], angle: number): void;
 export declare const normalizeAngle: (angle: number) => number;
 export declare const getAngleBetweenPoints: (startPoint: Point, endPoint: Point, centerPoint: Point) => number;
+export declare const getAngleByElement: (element: PlaitElement) => number;
+export declare const setAngleForG: (g: SVGGElement, centerPoint: Point, angle: number) => void;

package/utils/dom/common.d.ts

@@ -1,11 +1,10 @@
 import { Options } from 'roughjs/bin/core';
-import { Point, RectangleClient } from '../../interfaces';
+import { RectangleClient } from '../../interfaces';
 export declare const NS = "http://www.w3.org/2000/svg";
 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 setAngleForG: (g: SVGGElement, centerPoint: Point, angle: number) => void;
 export declare const setPathStrokeLinecap: (g: SVGGElement, value: 'round' | 'square') => void;
 export declare function createMask(): SVGMaskElement;
 export declare function createSVG(): SVGSVGElement;

package/utils/fragment.d.ts

@@ -1,4 +1,4 @@
-import { PlaitBoard, PlaitElement } from '../interfaces';
+import { PlaitBoard, PlaitElement, Point } from '../interfaces';
 export declare const deleteFragment: (board: PlaitBoard) => void;
 export declare const setFragment: (board: PlaitBoard, type: 'copy' | 'cut', clipboardData: DataTransfer | null) => void;
-export declare const duplicateElements: (board: PlaitBoard, elements?: PlaitElement[]) => void;
+export declare const duplicateElements: (board: PlaitBoard, elements?: PlaitElement[], point?: Point) => void;

package/utils/group.d.ts

@@ -2,15 +2,15 @@ import { Path, PlaitBoard, PlaitElement, PlaitGroup, RectangleClient } from '../
 export declare const getElementsInGroup: (board: PlaitBoard, group: PlaitGroup, recursion?: boolean, includeGroup?: boolean) => PlaitElement[];
 export declare const getAllElementsInGroup: (board: PlaitBoard, group: PlaitGroup, recursion?: boolean, includeGroup?: boolean) => PlaitElement[];
 export declare const getRectangleByGroup: (board: PlaitBoard, group: PlaitGroup, recursion?: boolean) => RectangleClient;
-export declare const getGroupByElement: (board: PlaitBoard, element: PlaitElement, recursion?: boolean, source?: PlaitElement[]) => PlaitGroup | PlaitGroup[] | null;
+export declare const getGroupByElement: (board: PlaitBoard, element: PlaitElement, recursion?: boolean, originElements?: PlaitElement[]) => PlaitGroup | PlaitGroup[] | null;
 export declare const getHighestGroup: (board: PlaitBoard, element: PlaitElement) => PlaitGroup | null;
 export declare const getElementsInGroupByElement: (board: PlaitBoard, element: PlaitElement) => PlaitElement[];
 export declare const isSelectedElementOrGroup: (board: PlaitBoard, element: PlaitElement, elements?: PlaitElement[]) => boolean;
 export declare const isSelectedAllElementsInGroup: (board: PlaitBoard, group: PlaitGroup, elements?: PlaitElement[]) => boolean;
 export declare const filterSelectedGroups: (board: PlaitBoard, groups: PlaitGroup[], elements?: PlaitElement[]) => PlaitGroup[];
-export declare const getSelectedGroups: (board: PlaitBoard, elements?: PlaitElement[]) => PlaitGroup[];
-export declare const getHighestSelectedGroup: (board: PlaitBoard, element: PlaitElement, elements?: PlaitElement[]) => PlaitGroup | null;
-export declare const getHighestSelectedGroups: (board: PlaitBoard, elements?: PlaitElement[]) => PlaitGroup[];
+export declare const getSelectedGroups: (board: PlaitBoard, elements?: PlaitElement[], originElements?: PlaitElement[]) => PlaitGroup[];
+export declare const getHighestSelectedGroup: (board: PlaitBoard, element: PlaitElement, elements?: PlaitElement[], originElements?: PlaitElement[]) => PlaitGroup | null;
+export declare const getHighestSelectedGroups: (board: PlaitBoard, elements?: PlaitElement[], originElements?: PlaitElement[]) => PlaitGroup[];
 export declare const getSelectedIsolatedElements: (board: PlaitBoard, elements?: PlaitElement[]) => PlaitElement[];
 export declare const getSelectedIsolatedElementsCanAddToGroup: (board: PlaitBoard, elements?: PlaitElement[]) => PlaitElement[];
 export declare const getHighestSelectedElements: (board: PlaitBoard, elements?: PlaitElement[]) => PlaitElement[];
@@ -19,6 +19,6 @@ export declare const createGroup: (groupId?: string) => PlaitGroup;
 export declare const nonGroupInHighestSelectedElements: (elements: PlaitElement[]) => boolean;
 export declare const hasSelectedElementsInSameGroup: (elements: PlaitElement[]) => boolean;
 export declare const canAddGroup: (board: PlaitBoard, elements?: PlaitElement[]) => boolean;
-export declare const canRemoveGroup: (board: PlaitBoard, elements?: PlaitElement[]) => boolean;
+export declare const canRemoveGroup: (board: PlaitBoard, elements?: PlaitElement[], originElements?: PlaitElement[]) => boolean;
 export declare const getEditingGroup: (board: PlaitBoard, element: PlaitElement) => PlaitGroup | null;
 export declare const moveElementsToNewPathAfterAddGroup: (board: PlaitBoard, selectedElements: PlaitElement[], newPath: Path) => void;

package/utils/math.d.ts

@@ -4,6 +4,7 @@ export declare function distanceBetweenPointAndSegment(x: number, y: number, x1:
 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[], isClose?: Boolean): Point;
+export declare function getNearestPointBetweenPointAndEllipse(point: Point, center: Point, rx: number, ry: number, rotation?: number): 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/weak-maps.d.ts

@@ -5,6 +5,7 @@ import { PlaitBoard } from '../interfaces/board';
 import { Point } from '../interfaces/point';
 import { Ancestor } from '../interfaces/node';
 import { PathRef } from '../interfaces/path-ref';
+import { PlaitElementRef } from '../core/element/element-ref';
 export declare const IS_BOARD_CACHE: WeakMap<Object, boolean>;
 export declare const FLUSHING: WeakMap<PlaitBoard, boolean>;
 export declare const NODE_TO_INDEX: WeakMap<PlaitElement, number>;
@@ -36,3 +37,4 @@ export declare const BOARD_TO_TEMPORARY_ELEMENTS: WeakMap<PlaitBoard, {
 }>;
 export declare const BOARD_TO_MOVING_ELEMENT: WeakMap<PlaitBoard, PlaitElement[]>;
 export declare const PATH_REFS: WeakMap<PlaitBoard, Set<PathRef>>;
+export declare const ELEMENT_TO_REF: WeakMap<PlaitElement, PlaitElementRef>;

package/esm2022/services/image-context.service.mjs

@@ -1,22 +0,0 @@
-import { Injectable } from '@angular/core';
-import * as i0 from "@angular/core";
-export class PlaitContextService {
-    constructor() {
-        this.uploadingFiles = [];
-    }
-    getUploadingFile(url) {
-        return this.uploadingFiles.find(file => file.url === url);
-    }
-    setUploadingFile(file) {
-        return this.uploadingFiles.push(file);
-    }
-    removeUploadingFile(fileEntry) {
-        this.uploadingFiles = this.uploadingFiles.filter(file => file.url !== fileEntry.url);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: PlaitContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: PlaitContextService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: PlaitContextService, decorators: [{
-            type: Injectable
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtY29udGV4dC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29yZS9zcmMvc2VydmljZXMvaW1hZ2UtY29udGV4dC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBSTNDLE1BQU0sT0FBTyxtQkFBbUI7SUFEaEM7UUFFWSxtQkFBYyxHQUFpQixFQUFFLENBQUM7S0FhN0M7SUFYRyxnQkFBZ0IsQ0FBQyxHQUFXO1FBQ3hCLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxLQUFLLEdBQUcsQ0FBQyxDQUFDO0lBQzlELENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxJQUFnQjtRQUM3QixPQUFPLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxTQUFxQjtRQUNyQyxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsS0FBSyxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDekYsQ0FBQzs4R0FiUSxtQkFBbUI7a0hBQW5CLG1CQUFtQjs7MkZBQW5CLG1CQUFtQjtrQkFEL0IsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEltYWdlRW50cnkgfSBmcm9tICcuLi9pbnRlcmZhY2VzJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFBsYWl0Q29udGV4dFNlcnZpY2Uge1xuICAgIHByaXZhdGUgdXBsb2FkaW5nRmlsZXM6IEltYWdlRW50cnlbXSA9IFtdO1xuXG4gICAgZ2V0VXBsb2FkaW5nRmlsZSh1cmw6IHN0cmluZykge1xuICAgICAgICByZXR1cm4gdGhpcy51cGxvYWRpbmdGaWxlcy5maW5kKGZpbGUgPT4gZmlsZS51cmwgPT09IHVybCk7XG4gICAgfVxuXG4gICAgc2V0VXBsb2FkaW5nRmlsZShmaWxlOiBJbWFnZUVudHJ5KSB7XG4gICAgICAgIHJldHVybiB0aGlzLnVwbG9hZGluZ0ZpbGVzLnB1c2goZmlsZSk7XG4gICAgfVxuXG4gICAgcmVtb3ZlVXBsb2FkaW5nRmlsZShmaWxlRW50cnk6IEltYWdlRW50cnkpIHtcbiAgICAgICAgdGhpcy51cGxvYWRpbmdGaWxlcyA9IHRoaXMudXBsb2FkaW5nRmlsZXMuZmlsdGVyKGZpbGUgPT4gZmlsZS51cmwgIT09IGZpbGVFbnRyeS51cmwpO1xuICAgIH1cbn1cbiJdfQ==