@plait/core 0.1.9 → 0.2.0-next.0

package/interfaces/board.d.ts

@@ -10,6 +10,8 @@ import { RoughSVG } from 'roughjs/bin/svg';
 import { BoardComponentInterface } from '../board/board.component.interface';
 import { Point } from './point';
 import { RectangleClient } from './rectangle-client';
+import { Path } from './path';
+import { PlaitNode } from './node';
 export interface PlaitBoard {
     viewport: Viewport;
     children: PlaitElement[];
@@ -37,6 +39,7 @@ export interface PlaitBoard {
     redrawElement: (context: PlaitPluginElementContext, previousContext?: PlaitPluginElementContext) => SVGGElement[] | void;
     destroyElement: (context: PlaitPluginElementContext) => void;
     isHitSelection: (element: PlaitElement, range: Range) => boolean;
+    isRecursion: (element: PlaitElement) => boolean;
     isMovable: (element: PlaitElement) => boolean;
     getRectangle: (element: PlaitElement) => RectangleClient | null;
     isWithinSelection: (element: PlaitElement) => boolean;
@@ -56,6 +59,8 @@ export interface PlaitBoardMove {
     y: number;
 }
 export declare const PlaitBoard: {
+    isBoard(value: any): value is PlaitBoard;
+    findPath(board: PlaitBoard, node: PlaitNode): Path;
     getHost(board: PlaitBoard): SVGSVGElement;
     getElementHost(board: PlaitBoard): SVGGElement;
     getRoughSVG(board: PlaitBoard): RoughSVG;

package/interfaces/element.d.ts

@@ -1,12 +1,15 @@
-import { PlaitNode } from './node';
+import { PlaitPluginElementComponent } from '../core/element/plugin-element';
 import { Point } from './point';
-export interface PlaitElement extends PlaitNode {
+export interface PlaitElement {
+    [key: string]: any;
     id: string;
+    children?: PlaitElement[];
     points?: Point[];
     type?: string;
 }
 export declare const PlaitElement: {
-    isElement: (value: any) => value is PlaitElement;
+    isRootElement(value: PlaitElement): boolean;
+    getComponent(value: PlaitElement): PlaitPluginElementComponent<PlaitElement>;
 };
 export interface ComponentType<T> {
     new (...args: any[]): T;

package/interfaces/node.d.ts

@@ -1,12 +1,20 @@
+import { PlaitElement } from './element';
 import { PlaitBoard } from './board';
 import { Path } from './path';
-export interface PlaitNode {
-    [key: string]: any;
-    children?: PlaitNode[];
+export type PlaitNode = PlaitElement;
+export type Ancestor = PlaitBoard | PlaitElement;
+export interface NodeParentsOptions {
+    reverse?: boolean;
 }
-export type Ancestor = PlaitBoard | PlaitNode;
-export interface PlaitNodeInterface {
-    parent: (board: PlaitBoard, path: Path) => Ancestor;
-    get: (board: PlaitBoard, path: Path) => PlaitNode;
-}
-export declare const PlaitNode: PlaitNodeInterface;
+export declare const PlaitNode: {
+    parent: (board: PlaitBoard, path: Path) => PlaitElement;
+    /**
+     * Return a generator of all the ancestor nodes above a specific path.
+     *
+     * By default the order is top-down, from highest to lowest ancestor in
+     * the tree, but you can pass the `reverse: true` option to go bottom-up.
+     */
+    parents(root: PlaitBoard, path: Path, options?: NodeParentsOptions): Generator<PlaitNode, void, undefined>;
+    get(root: PlaitBoard, path: Path): PlaitNode;
+    last(board: PlaitBoard, path: Path): PlaitElement;
+};

package/interfaces/operation.d.ts

@@ -1,4 +1,4 @@
-import { PlaitNode } from './node';
+import { PlaitNode } from '../interfaces/node';
 import { Path } from './path';
 import { Selection } from './selection';
 import { Viewport } from './viewport';

package/interfaces/path.d.ts

@@ -1,6 +1,24 @@
 import { PlaitOperation } from './operation';
+export interface PathLevelsOptions {
+    reverse?: boolean;
+}
 export type Path = number[];
 export declare const Path: {
+    /**
+     * Get a list of ancestor paths for a given path.
+     *
+     * The paths are sorted from shallowest to deepest ancestor. However, if the
+     * `reverse: true` option is passed, they are reversed.
+     */
+    ancestors(path: Path, options?: PathLevelsOptions): Path[];
+    /**
+     * Get a list of paths at every level down to a path. Note: this is the same
+     * as `Path.ancestors`, but including the path itself.
+     *
+     * The paths are sorted from shallowest to deepest. However, if the `reverse:
+     * true` option is passed, they are reversed.
+     */
+    levels(path: Path, options?: PathLevelsOptions): Path[];
     parent(path: Path): Path;
     next(path: Path): Path;
     /**

package/interfaces/rectangle-client.d.ts

@@ -13,4 +13,10 @@ export declare const RectangleClient: {
         width: number;
         height: number;
     };
+    getOutlineRectangle: (rectangle: RectangleClient, offset: number) => {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plait/core",
-  "version": "0.1.9",
+  "version": "0.2.0-next.0",
   "peerDependencies": {
     "@angular/common": "^12.2.0",
     "@angular/core": "^12.2.0"

package/plait.module.d.ts

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

package/public-api.d.ts

@@ -1,9 +1,9 @@
 export * from './board/board.component';
 export * from './constants';
-export * from './core/base/detector';
 export * from './core/element/plugin-element';
 export * from './core/element/element.component';
-export * from './core/element/before-context-change';
+export * from './core/children/children.component';
+export * from './core/element/context-change';
 export * from './core/toolbar/toolbar.component';
 export * from './interfaces';
 export * from './plait.module';

package/styles/styles.scss

@@ -23,6 +23,10 @@
         // can not assign absolute, because safari can not show correctly position 
         position: initial;
         &[readonly='true'] {
+            ::-moz-selection {
+                /* Code for Firefox */
+                background: none;
+            }
             ::selection {
                 background: none;
             }

package/utils/draw/circle.d.ts

@@ -0,0 +1,4 @@
+import { RoughSVG } from 'roughjs/bin/svg';
+import { Point } from '../../interfaces/point';
+import { Options } from 'roughjs/bin/core';
+export declare function drawCircle(roughSVG: RoughSVG, point: Point, diameter: number, options: Options): SVGGElement;

package/utils/draw/line.d.ts

@@ -0,0 +1,4 @@
+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;

package/utils/draw/rectangle.d.ts

@@ -4,3 +4,4 @@ import { RoughSVG } from 'roughjs/bin/svg';
  * drawRoundRectangle
  */
 export declare function drawRoundRectangle(rs: RoughSVG, x1: number, y1: number, x2: number, y2: number, options: Options, outline?: boolean, borderRadius?: number): SVGGElement;
+export declare function drawAbstractRoundRectangle(rs: RoughSVG, x1: number, y1: number, x2: number, y2: number, isHorizontal: boolean, options: Options): SVGGElement;

package/utils/index.d.ts

@@ -10,6 +10,8 @@ export * from './weak-maps';
 export * from './selected-element';
 export * from './draw/rectangle';
 export * from './draw/arrow';
+export * from './draw/circle';
+export * from './draw/line';
 export * from './tree';
 export * from './element';
 export * from './viewport';

package/utils/selected-element.d.ts

@@ -1,7 +1,7 @@
 import { PlaitBoard } from '../interfaces/board';
-import { PlaitElement } from '../interfaces/element';
 import { Range } from '../interfaces/selection';
-export declare const calcElementIntersectionSelection: (board: PlaitBoard) => PlaitElement[];
+import { PlaitElement } from '../interfaces/element';
+export declare const getHitElements: (board: PlaitBoard) => PlaitElement[];
 export declare const isIntersectionElements: (board: PlaitBoard, elements: PlaitElement[], ranges: Range[]) => boolean;
 export declare const cacheSelectedElements: (board: PlaitBoard, selectedElements: PlaitElement[]) => void;
 export declare const getSelectedElements: (board: PlaitBoard) => PlaitElement[];

package/utils/tree.d.ts

@@ -1,4 +1,4 @@
-export declare function depthFirstRecursion<T extends TreeNode = TreeNode>(node: T, callback: (node: T) => void): void;
+export declare function depthFirstRecursion<T extends TreeNode = TreeNode>(node: T, callback: (node: T) => void, recursion?: (node: T) => boolean): void;
 export interface TreeNode {
     children?: TreeNode[];
 }

package/utils/weak-maps.d.ts

@@ -3,7 +3,11 @@ import { BoardComponentInterface } from '../board/board.component.interface';
 import { PlaitElement } from '../interfaces/element';
 import { PlaitBoard } from '../interfaces/board';
 import { Point } from '../interfaces/point';
+import { Ancestor } from '../interfaces/node';
+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>;
+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_COMPONENT: WeakMap<PlaitBoard, BoardComponentInterface>;

package/core/base/detector.d.ts

@@ -1,7 +0,0 @@
-import { Point } from '../../interfaces/point';
-import { PlaitElement } from '../../interfaces/element';
-import { Selection } from '../../interfaces/selection';
-export interface BaseDetector {
-    contian: (selection: Selection, element: PlaitElement) => boolean;
-    hit: (point: Point, element: PlaitElement) => boolean;
-}

package/core/element/before-context-change.d.ts

@@ -1,6 +0,0 @@
-import { PlaitElement } from "../../interfaces";
-import { PlaitPluginElementContext } from "./context";
-export interface BeforeContextChange<T extends PlaitElement = PlaitElement> {
-    beforeContextChange: (value: PlaitPluginElementContext<T>) => void;
-}
-export declare function hasBeforeContextChange<T extends PlaitElement = PlaitElement>(value: any): value is BeforeContextChange<T>;

package/esm2020/core/base/detector.mjs

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

package/esm2020/core/element/before-context-change.mjs

@@ -1,7 +0,0 @@
-export function hasBeforeContextChange(value) {
-    if (value.beforeContextChange) {
-        return true;
-    }
-    return false;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVmb3JlLWNvbnRleHQtY2hhbmdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvcGxhaXQvc3JjL2NvcmUvZWxlbWVudC9iZWZvcmUtY29udGV4dC1jaGFuZ2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT0EsTUFBTSxVQUFVLHNCQUFzQixDQUF3QyxLQUFVO0lBQ3BGLElBQUksS0FBSyxDQUFDLG1CQUFtQixFQUFFO1FBQzNCLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFDRCxPQUFPLEtBQUssQ0FBQztBQUNqQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGxhaXRFbGVtZW50IH0gZnJvbSBcIi4uLy4uL2ludGVyZmFjZXNcIjtcbmltcG9ydCB7IFBsYWl0UGx1Z2luRWxlbWVudENvbnRleHQgfSBmcm9tIFwiLi9jb250ZXh0XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmVmb3JlQ29udGV4dENoYW5nZTxUIGV4dGVuZHMgUGxhaXRFbGVtZW50ID0gUGxhaXRFbGVtZW50PiB7XG4gICAgYmVmb3JlQ29udGV4dENoYW5nZTogKHZhbHVlOiBQbGFpdFBsdWdpbkVsZW1lbnRDb250ZXh0PFQ+KSA9PiB2b2lkO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gaGFzQmVmb3JlQ29udGV4dENoYW5nZTxUIGV4dGVuZHMgUGxhaXRFbGVtZW50ID0gUGxhaXRFbGVtZW50Pih2YWx1ZTogYW55KTogdmFsdWUgaXMgQmVmb3JlQ29udGV4dENoYW5nZTxUPiB7XG4gICAgaWYgKHZhbHVlLmJlZm9yZUNvbnRleHRDaGFuZ2UpIHtcbiAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuICAgIHJldHVybiBmYWxzZTtcbn1cbiJdfQ==