@plait/core 0.24.0-next.8 → 0.28.0

package/interfaces/board.d.ts

@@ -36,7 +36,7 @@ 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[];
@@ -52,6 +52,7 @@ export interface PlaitBoard {
     pathRef: (path: Path, options?: PathRefOptions) => PathRef;
     pathRefs: () => Set<PathRef>;
     applyTheme: (element: PlaitElement) => void;
+    isAlign: (element: PlaitElement) => boolean;
     pointerDown: (pointer: PointerEvent) => void;
     pointerMove: (pointer: PointerEvent) => void;
     pointerUp: (pointer: PointerEvent) => void;

package/interfaces/direction.d.ts

@@ -0,0 +1,7 @@
+export declare enum Direction {
+    left = "left",
+    top = "top",
+    right = "right",
+    bottom = "bottom"
+}
+export type Vector = [number, number];

package/interfaces/index.d.ts

@@ -14,3 +14,4 @@ export * from './viewport';
 export * from './history';
 export * from './plugin-key';
 export * from './theme';
+export * from './direction';

package/interfaces/rectangle-client.d.ts

@@ -5,6 +5,11 @@ export interface RectangleClient {
     width: number;
     height: number;
 }
+/**
+ * [x, y] x,y between 0 and 1
+ * represents a point in the rectangle
+ */
+export type PointOfRectangle = [number, number];
 export declare const RectangleClient: {
     isHit: (origin: RectangleClient, target: RectangleClient) => boolean;
     toRectangleClient: (points: [Point, Point]) => {
@@ -28,4 +33,5 @@ export declare const RectangleClient: {
     isEqual: (rectangle: RectangleClient, otherRectangle: RectangleClient) => boolean;
     getCornerPoints: (rectangle: RectangleClient) => [Point, Point, Point, Point];
     getEdgeCenterPoints: (rectangle: RectangleClient) => [Point, Point, Point, Point];
+    getConnectionPoint: (rectangle: RectangleClient, point: PointOfRectangle) => Point;
 };

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@plait/core",
-  "version": "0.24.0-next.8",
+  "version": "0.28.0",
   "peerDependencies": {
     "@angular/common": "^16.0.0",
-    "@angular/core": "^16.0.0"
+    "@angular/core": "^16.0.0",
+    "is-hotkey": "^0.2.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

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/public-api.d.ts

@@ -6,7 +6,6 @@ export * from './core/children/children.component';
 export * from './core/element/context-change';
 export * from './core/island/island-base.component';
 export * from './interfaces';
-export * from './plait.module';
 export * from './transforms';
 export * from './utils';
 export * from './plugins/with-selection';

package/styles/styles.scss

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

package/testing/core/fake-weak-map.d.ts

@@ -1,4 +1,4 @@
-import { PlaitBoard } from "../../interfaces/board";
-import { PlaitNode } from "../../interfaces/node";
+import { PlaitBoard } from '../../interfaces/board';
+import { PlaitNode } from '../../interfaces/node';
 export declare const fakeNodeWeakMap: (object: PlaitNode | PlaitBoard) => void;
 export declare const clearNodeWeakMap: (object: PlaitNode | PlaitBoard) => void;

package/transforms/element.d.ts

@@ -1,5 +1,5 @@
-import { PlaitBoard } from "../interfaces/board";
-import { PlaitElement } from "../interfaces/element";
+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/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/reaction-manager.d.ts

@@ -0,0 +1,41 @@
+import { PlaitBoard } from '../interfaces/board';
+import { PlaitElement } from '../interfaces/element';
+import { Point, RectangleClient } from '../interfaces';
+export interface AlignRef {
+    deltaX: number;
+    deltaY: number;
+    g: SVGGElement;
+}
+export interface DistributeRef {
+    before: {
+        distance: number;
+        index: number;
+    }[];
+    after: {
+        distance: number;
+        index: number;
+    }[];
+}
+export declare class AlignReaction {
+    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;
+    };
+    alignDistribute(alignRectangles: RectangleClient[], isHorizontal: boolean): {
+        delta: number;
+        distributeLines: any[];
+    };
+    drawAlignLines(lines: number[][], g: SVGGElement): void;
+    drawDistributeLines(lines: Point[][], g: SVGGElement): void;
+}

package/utils/to-image.d.ts

@@ -6,5 +6,16 @@ export interface ToImageOptions {
     fillStyle?: string;
     inlineStyleClassNames?: string;
 }
+/**
+ * current board transfer pictures
+ * @param board board
+ * @param options parameter configuration
+ * @returns images in the specified format base64
+ */
 export declare function toImage(board: PlaitBoard, options: ToImageOptions): Promise<string | undefined>;
+/**
+ * download the file with the specified name
+ * @param url download url
+ * @param name file name
+ */
 export declare function downloadImage(url: string, name: string): void;

package/utils/touch.d.ts

@@ -1,6 +1,6 @@
 import { PlaitBoard } from '../interfaces/board';
 export interface TouchRef {
-    target: HTMLElement | SVGElement;
+    target?: SVGElement;
     state: boolean;
     host?: SVGGElement;
 }

package/utils/tree.d.ts

@@ -1,5 +1,5 @@
-import { PlaitBoard } from "../interfaces/board";
-import { PlaitElement } from "../interfaces/element";
+import { PlaitBoard } from '../interfaces/board';
+import { PlaitElement } from '../interfaces/element';
 export declare function depthFirstRecursion<T extends TreeNode = TreeNode>(node: T, callback: (node: T) => void, recursion?: (node: T) => boolean, isReverse?: boolean): void;
 export declare const getIsRecursionFunc: (board: PlaitBoard) => (element: PlaitElement | PlaitBoard) => boolean;
 export interface TreeNode {

package/utils/weak-maps.d.ts

@@ -20,6 +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 PATH_REFS: WeakMap<PlaitBoard, Set<PathRef>>;

package/esm2022/plait.module.mjs

@@ -1,21 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { PlaitBoardComponent } from './board/board.component';
-import { PlaitElementComponent } from './core/element/element.component';
-import { PlaitChildrenElement } from './core/children/children.component';
-import * as i0 from "@angular/core";
-const COMPONENTS = [PlaitBoardComponent, PlaitChildrenElement, PlaitElementComponent];
-export class PlaitModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: PlaitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.3", ngImport: i0, type: PlaitModule, declarations: [PlaitBoardComponent, PlaitChildrenElement, PlaitElementComponent], imports: [CommonModule], exports: [PlaitBoardComponent, PlaitChildrenElement, PlaitElementComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: PlaitModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: PlaitModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [...COMPONENTS],
-                    imports: [CommonModule],
-                    exports: [...COMPONENTS]
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxhaXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcGFja2FnZXMvY29yZS9zcmMvcGxhaXQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOztBQUUxRSxNQUFNLFVBQVUsR0FBRyxDQUFDLG1CQUFtQixFQUFFLG9CQUFvQixFQUFFLHFCQUFxQixDQUFDLENBQUM7QUFPdEYsTUFBTSxPQUFPLFdBQVc7OEdBQVgsV0FBVzsrR0FBWCxXQUFXLGlCQVBKLG1CQUFtQixFQUFFLG9CQUFvQixFQUFFLHFCQUFxQixhQUl0RSxZQUFZLGFBSk4sbUJBQW1CLEVBQUUsb0JBQW9CLEVBQUUscUJBQXFCOytHQU92RSxXQUFXLFlBSFYsWUFBWTs7MkZBR2IsV0FBVztrQkFMdkIsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsQ0FBQyxHQUFHLFVBQVUsQ0FBQztvQkFDN0IsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxHQUFHLFVBQVUsQ0FBQztpQkFDM0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFBsYWl0Qm9hcmRDb21wb25lbnQgfSBmcm9tICcuL2JvYXJkL2JvYXJkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQbGFpdEVsZW1lbnRDb21wb25lbnQgfSBmcm9tICcuL2NvcmUvZWxlbWVudC9lbGVtZW50LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQbGFpdENoaWxkcmVuRWxlbWVudCB9IGZyb20gJy4vY29yZS9jaGlsZHJlbi9jaGlsZHJlbi5jb21wb25lbnQnO1xuXG5jb25zdCBDT01QT05FTlRTID0gW1BsYWl0Qm9hcmRDb21wb25lbnQsIFBsYWl0Q2hpbGRyZW5FbGVtZW50LCBQbGFpdEVsZW1lbnRDb21wb25lbnRdO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogWy4uLkNPTVBPTkVOVFNdLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIGV4cG9ydHM6IFsuLi5DT01QT05FTlRTXVxufSlcbmV4cG9ydCBjbGFzcyBQbGFpdE1vZHVsZSB7fVxuIl19

package/plait.module.d.ts

@@ -1,10 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./board/board.component";
-import * as i2 from "./core/children/children.component";
-import * as i3 from "./core/element/element.component";
-import * as i4 from "@angular/common";
-export declare class PlaitModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<PlaitModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PlaitModule, [typeof i1.PlaitBoardComponent, typeof i2.PlaitChildrenElement, typeof i3.PlaitElementComponent], [typeof i4.CommonModule], [typeof i1.PlaitBoardComponent, typeof i2.PlaitChildrenElement, typeof i3.PlaitElementComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<PlaitModule>;
-}