@plait/core 0.0.56 → 0.0.58

package/board/board.component.d.ts

@@ -1,13 +1,14 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
 import { RoughSVG } from 'roughjs/bin/svg';
 import { Subject } from 'rxjs';
-import { BaseCursorStatus } from '../interfaces';
-import { PlaitBoard, PlaitBoardChangeEvent, PlaitBoardOptions } from '../interfaces/board';
+import { PlaitBoard, PlaitBoardChangeEvent, PlaitBoardOptions, PlaitBoardViewport } from '../interfaces/board';
 import { PlaitElement } from '../interfaces/element';
 import { PlaitPlugin } from '../interfaces/plugin';
 import { Viewport } from '../interfaces/viewport';
+import { BoardComponentInterface } from './board.component.interface';
+import { RectangleClient } from '../interfaces/graph';
 import * as i0 from "@angular/core";
-export declare class PlaitBoardComponent implements OnInit, OnChanges, AfterViewInit, OnDestroy {
+export declare class PlaitBoardComponent implements BoardComponentInterface, OnInit, OnChanges, AfterViewInit, OnDestroy {
     cdr: ChangeDetectorRef;
     private renderer2;
     private elementRef;
@@ -15,36 +16,24 @@ export declare class PlaitBoardComponent implements OnInit, OnChanges, AfterView
     board: PlaitBoard;
     roughSVG: RoughSVG;
     destroy$: Subject<any>;
-    autoFitPadding: number;
+    viewportState: PlaitBoardViewport;
     isMoving: boolean;
-    private zoom;
-    private viewportCanvasBox;
-    private canvasWidth;
-    private canvasHeight;
-    private viewBox;
-    private focusPoint;
-    private matrix;
     private resizeObserver;
-    width: number;
-    height: number;
-    scrollLeft: number;
-    scrollTop: number;
     plaitValue: PlaitElement[];
     plaitViewport: Viewport;
     plaitPlugins: PlaitPlugin[];
     plaitOptions: PlaitBoardOptions;
     plaitChange: EventEmitter<PlaitBoardChangeEvent>;
     plaitBoardInitialized: EventEmitter<PlaitBoard>;
-    get isMoveMode(): boolean;
     get host(): SVGElement;
-    get isFocused(): import("../interfaces").Selection | null;
+    get isFocused(): import("@plait/core").Selection | null;
     get hostClass(): string;
     get readonly(): boolean;
     get moving(): boolean;
-    get focused(): import("../interfaces").Selection | null;
+    get focused(): import("@plait/core").Selection | null;
     svg: ElementRef;
     toolbarTemplateRef: TemplateRef<any>;
-    contentContainer: ElementRef;
+    viewportContainer: ElementRef;
     constructor(cdr: ChangeDetectorRef, renderer2: Renderer2, elementRef: ElementRef);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -52,37 +41,26 @@ export declare class PlaitBoardComponent implements OnInit, OnChanges, AfterView
     private initializePlugins;
     private initializeEvents;
     resizeElement(): void;
-    initContainerSize(): void;
-    resizeViewport(): void;
-    setMatrix(): void;
-    updateViewport(): void;
-    setViewport(zoom?: number, focusPoint?: number[]): void;
+    private updateViewportState;
+    initViewportContainer(): void;
+    initViewport(viewport?: import("../interfaces/viewport").BaseViewport): void;
+    calcViewBox(zoom?: number): void;
+    getMatrix(): number[];
     setScrollLeft(left: number): void;
     setScrollTop(top: number): void;
     setScroll(left: number, top: number): void;
-    moveTo(point: number[], zoom: number): void;
-    scrollIntoView(node: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }): void;
-    change(): void;
-    restoreCanvasPoint(point: number[], zoom?: number): void;
-    initCanvas(viewport: Viewport): void;
-    focusGraphicCenter(): void;
-    focus(point: number[]): void;
-    resetFocusPoint(): void;
-    setViewportSetting(): void;
-    changeSize(): void;
+    private updateViewBoxStyles;
+    private updateViewportScrolling;
+    setViewport(): void;
     trackBy: (index: number, element: PlaitElement) => number;
-    changeMoveMode(cursorStatus: BaseCursorStatus): void;
     adaptHandle(): void;
     zoomInHandle(): void;
     zoomOutHandle(): void;
     resetZoomHandel(): void;
-    ngOnDestroy(): void;
     movingChange(isMoving: boolean): void;
+    ngOnDestroy(): void;
+    markForCheck(): void;
+    scrollToRectangle(client: RectangleClient): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlaitBoardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PlaitBoardComponent, "plait-board", never, { "plaitValue": "plaitValue"; "plaitViewport": "plaitViewport"; "plaitPlugins": "plaitPlugins"; "plaitOptions": "plaitOptions"; }, { "plaitChange": "plaitChange"; "plaitBoardInitialized": "plaitBoardInitialized"; }, ["toolbarTemplateRef"], ["*"]>;
 }

package/board/board.component.interface.d.ts

@@ -0,0 +1,5 @@
+import { RectangleClient } from "../interfaces/graph";
+export interface BoardComponentInterface {
+    markForCheck: () => void;
+    scrollToRectangle: (client: RectangleClient) => void;
+}

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

@@ -0,0 +1,6 @@
+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/core/element/context.d.ts

@@ -0,0 +1,7 @@
+import { PlaitBoard, PlaitElement, Selection } from '../../interfaces';
+export interface PlaitPluginElementContext<T extends PlaitElement = PlaitElement> {
+    element: T;
+    selection: Selection | null;
+    board: PlaitBoard;
+    host: SVGElement;
+}

package/core/element/element.component.d.ts

@@ -1,14 +1,18 @@
-import { OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, ViewContainerRef } from '@angular/core';
+import { OnChanges, OnDestroy, OnInit, Renderer2, ViewContainerRef } from '@angular/core';
 import { PlaitBoard } from '../../interfaces/board';
 import { PlaitElement } from '../../interfaces/element';
 import { Selection } from '../../interfaces/selection';
 import { Viewport } from '../../interfaces/viewport';
+import { PlaitPluginElementContext } from './context';
+import { PlaitPluginElementComponent } from './plugin-element';
 import * as i0 from "@angular/core";
 export declare class PlaitElementComponent implements OnInit, OnChanges, OnDestroy {
     renderer2: Renderer2;
     viewContainerRef: ViewContainerRef;
     initialized: boolean;
-    groupG: SVGGElement;
+    gGroup: SVGGElement;
+    instance?: PlaitPluginElementComponent<PlaitElement>;
+    context?: PlaitPluginElementContext;
     index: number;
     element: PlaitElement;
     board: PlaitBoard;
@@ -19,7 +23,11 @@ export declare class PlaitElementComponent implements OnInit, OnChanges, OnDestr
     ngOnInit(): void;
     initialize(): void;
     drawElement(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(): void;
+    getContext(): {
+        current: PlaitPluginElementContext;
+        previous?: PlaitPluginElementContext;
+    };
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlaitElementComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PlaitElementComponent, "plait-element", never, { "index": "index"; "element": "element"; "board": "board"; "viewport": "viewport"; "selection": "selection"; "host": "host"; }, {}, never, never>;

package/core/element/plugin-element.d.ts

@@ -0,0 +1,22 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { PlaitElement, PlaitPluginElementContext } from '../../interfaces';
+import * as i0 from "@angular/core";
+export declare abstract class PlaitPluginElementComponent<T extends PlaitElement = PlaitElement> implements OnInit, OnDestroy {
+    cdr: ChangeDetectorRef;
+    g: SVGGElement;
+    initialized: boolean;
+    protected _context: PlaitPluginElementContext<T>;
+    set context(value: PlaitPluginElementContext<T>);
+    get context(): PlaitPluginElementContext<T>;
+    get element(): T;
+    get selection(): import("../../interfaces").Selection | null;
+    get board(): import("../../interfaces").PlaitBoard;
+    get host(): SVGElement;
+    constructor(cdr: ChangeDetectorRef);
+    onContextChange(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlaitPluginElementComponent<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PlaitPluginElementComponent<any>, never, never, { "context": "context"; }, {}, never>;
+}
+export declare const ELEMENT_TO_PLUGIN_COMPONENT: WeakMap<PlaitElement, PlaitPluginElementComponent<PlaitElement>>;

package/core/toolbar/toolbar.component.d.ts

@@ -1,22 +1,21 @@
 import { EventEmitter } from '@angular/core';
-import { BaseCursorStatus, CursorStatus } from '../../interfaces';
+import { PlaitBoard, PlaitPointerType } from '../../interfaces';
 import * as i0 from "@angular/core";
 export declare class PlaitToolbarComponent {
-    _viewZoom: number;
+    PlaitPointerType: typeof PlaitPointerType;
     hostClass: string;
-    cursorStatus: CursorStatus;
-    set viewZoom(zoom: number);
-    get viewZoom(): number;
-    moveHandle: EventEmitter<BaseCursorStatus>;
+    board: PlaitBoard;
+    get zoom(): number;
+    get pointerType(): PlaitPointerType;
     adaptHandle: EventEmitter<any>;
     zoomInHandle: EventEmitter<any>;
     zoomOutHandle: EventEmitter<any>;
     resetZoomHandel: EventEmitter<any>;
-    dragMove(): void;
+    activeHand(): void;
     adapt(): void;
     zoomIn(): void;
     zoomOut(): void;
     resetZoom(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlaitToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PlaitToolbarComponent, "plait-toolbar", never, { "cursorStatus": "cursorStatus"; "viewZoom": "viewZoom"; }, { "moveHandle": "moveHandle"; "adaptHandle": "adaptHandle"; "zoomInHandle": "zoomInHandle"; "zoomOutHandle": "zoomOutHandle"; "resetZoomHandel": "resetZoomHandel"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlaitToolbarComponent, "plait-toolbar", never, { "board": "board"; }, { "adaptHandle": "adaptHandle"; "zoomInHandle": "zoomInHandle"; "zoomOutHandle": "zoomOutHandle"; "resetZoomHandel": "resetZoomHandel"; }, never, never>;
 }

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

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