@plait/core 0.9.0 → 0.11.0

package/interfaces/board.d.ts

@@ -29,6 +29,7 @@ export interface PlaitBoard {
     onChange: () => void;
     mousedown: (event: MouseEvent) => void;
     mousemove: (event: MouseEvent) => void;
+    mouseleave: (event: MouseEvent) => void;
     globalMousemove: (event: MouseEvent) => void;
     mouseup: (event: MouseEvent) => void;
     globalMouseup: (event: MouseEvent) => void;
@@ -74,7 +75,7 @@ export declare const PlaitBoard: {
     getElementHost(board: PlaitBoard): SVGGElement;
     getRoughSVG(board: PlaitBoard): RoughSVG;
     getComponent(board: PlaitBoard): BoardComponentInterface;
-    getBoardNativeElement(board: PlaitBoard): HTMLElement;
+    getBoardContainer(board: PlaitBoard): HTMLElement;
     getRectangle(board: PlaitBoard): RectangleClient;
     getViewportContainer(board: PlaitBoard): HTMLElement;
     isFocus(board: PlaitBoard): boolean;

package/interfaces/viewport.d.ts

@@ -10,3 +10,9 @@ export interface ViewportInterface {
     isViewport: (value: any) => value is Viewport;
 }
 export declare const Viewport: ViewportInterface;
+export interface FitViewportOptions {
+    maxWidth?: number;
+    limitHeight: number;
+    autoFitPadding: number;
+    containerClass: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plait/core",
-  "version": "0.9.0",
+  "version": "0.11.0",
   "peerDependencies": {
     "@angular/common": "^15.2.2",
     "@angular/core": "^15.2.2"

package/styles/styles.scss

@@ -28,15 +28,6 @@
         // chrome show position is not correct, safari not working when don't assigned position property
         // 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;
-            }
-        }
     }
 
     .plait-toolbar {

package/transforms/board.d.ts

@@ -2,9 +2,11 @@ import { ThemeColorMode } from '../interfaces/theme';
 import { PlaitBoard } from '../interfaces/board';
 import { Point } from '../interfaces/point';
 import { PlaitPointerType } from '../interfaces/pointer';
+import { FitViewportOptions } from '../interfaces/viewport';
 declare function updateViewport(board: PlaitBoard, origination: Point, zoom?: number): void;
 declare function updateZoom(board: PlaitBoard, newZoom: number, isCenter?: boolean): void;
 declare function fitViewport(board: PlaitBoard): void;
+declare function fitViewportWidth(board: PlaitBoard, options: FitViewportOptions): void;
 /**
  * apply theme to every element (remove element custom properties)
  * invoke applyThemeColor
@@ -16,5 +18,6 @@ export declare const BoardTransforms: {
     fitViewport: typeof fitViewport;
     updateZoom: typeof updateZoom;
     updateThemeColor: typeof updateThemeColor;
+    fitViewportWidth: typeof fitViewportWidth;
 };
 export {};

package/utils/board.d.ts

@@ -11,3 +11,4 @@ export type ViewBox = {
 export declare function transformPoints(board: PlaitBoard, points: Point[]): Point[];
 export declare function transformPoint(board: PlaitBoard, point: Point): Point;
 export declare function isInPlaitBoard(board: PlaitBoard, x: number, y: number): boolean;
+export declare function getRealScrollBarWidth(board: PlaitBoard): number;

package/utils/selected-element.d.ts

@@ -2,7 +2,8 @@ import { PlaitBoard } from '../interfaces/board';
 import { Selection, Range } from '../interfaces/selection';
 import { PlaitElement } from '../interfaces/element';
 export declare const getHitElements: (board: PlaitBoard, selection?: Selection) => PlaitElement[];
-export declare const isIntersectionElements: (board: PlaitBoard, elements: PlaitElement[], ranges: Range[]) => boolean;
+export declare const getHitElementOfRoot: (board: PlaitBoard, rootElements: PlaitElement[], range: Range) => PlaitElement | undefined;
+export declare const isHitElements: (board: PlaitBoard, elements: PlaitElement[], ranges: Range[]) => boolean;
 export declare const cacheSelectedElements: (board: PlaitBoard, selectedElements: PlaitElement[]) => void;
 export declare const getSelectedElements: (board: PlaitBoard) => PlaitElement[];
 export declare const addSelectedElement: (board: PlaitBoard, element: PlaitElement) => void;

package/utils/tree.d.ts

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

package/utils/viewport.d.ts

@@ -18,6 +18,7 @@ export declare function getElementHostBBox(board: PlaitBoard, zoom: number): {
  */
 export declare function clampZoomLevel(zoom: number, minZoom?: number, maxZoom?: number): number;
 export declare function getViewBox(board: PlaitBoard, zoom: number): number[];
+export declare function getViewBoxCenterPoint(board: PlaitBoard): Point;
 export declare function setSVGViewBox(board: PlaitBoard, viewBox: number[]): void;
 export declare function updateViewportOffset(board: PlaitBoard): void;
 export declare function updateViewportContainerScroll(board: PlaitBoard, left: number, top: number, isFromViewportChange?: boolean): void;