@plait/core 0.75.0 → 0.77.0

package/interfaces/board.d.ts

@@ -90,7 +90,8 @@ export declare const PlaitBoard: {
     getElementLowerHost(board: PlaitBoard): SVGSVGElement;
     getElementHost(board: PlaitBoard): SVGSVGElement;
     getElementUpperHost(board: PlaitBoard): SVGSVGElement;
-    getElementActiveHost(board: PlaitBoard): SVGSVGElement;
+    getElementTopHost(board: PlaitBoard): SVGSVGElement;
+    getActiveHost(board: PlaitBoard): SVGSVGElement;
     getRoughSVG(board: PlaitBoard): RoughSVG;
     getBoardContainer(board: PlaitBoard): HTMLElement;
     getBoardContext(board: PlaitBoard): PlaitBoardContext;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plait/core",
-  "version": "0.75.0",
+  "version": "0.77.0",
   "peerDependencies": {
     "immer": "^10.0.3",
     "is-hotkey": "^0.2.0",

package/plugins/index.d.ts

@@ -7,4 +7,4 @@ export * from './with-moving';
 export * from './with-options';
 export * from './with-related-fragment';
 export * from './with-selection';
-export * from './with-viewport';
+export * from './with-i18n';

package/plugins/with-i18n.d.ts

@@ -0,0 +1,6 @@
+import { PlaitBoard } from '../interfaces/board';
+export interface PlaitI18nBoard extends PlaitBoard {
+    getI18nValue: (key: string) => string | null;
+}
+export declare const withI18n: (board: PlaitBoard) => PlaitI18nBoard;
+export declare const getI18nValue: (board: PlaitBoard, key: string, defaultValue?: string) => string;

package/utils/angle.d.ts

@@ -12,7 +12,7 @@ export declare const hasValidAngle: (node: PlaitElement) => boolean | 0 | undefi
 export declare const isValidAngle: (angle: undefined | number) => boolean | 0 | undefined;
 export declare const rotatePointsByElement: <T>(points: T, element: PlaitElement) => T | null;
 export declare const rotatePointsByAngle: (points: Point[], angle: number | undefined) => Point[] | null;
-export declare const rotateAntiPointsByElement: <T>(points: T, element: PlaitElement) => T | null;
+export declare const rotateAntiPointsByElement: <T>(board: PlaitBoard, points: T, element: PlaitElement, isToActive?: boolean) => T | null;
 export declare const getRectangleByAngle: (rectangle: RectangleClient, angle: number) => RectangleClient;
 export declare const isAxisChangedByAngle: (angle: number) => boolean;
 export declare function degreesToRadians(d: number): number;

package/utils/dom/common.d.ts

@@ -20,3 +20,4 @@ export declare const isDOMNode: (value: any) => value is Node;
 export declare const hasInputOrTextareaTarget: (target: EventTarget | null) => boolean;
 export declare const isSecondaryPointer: (event: MouseEvent) => boolean;
 export declare const isMainPointer: (event: MouseEvent) => boolean;
+export declare const isWheelPointer: (event: MouseEvent) => boolean;

package/utils/environment.d.ts

@@ -5,3 +5,4 @@ export declare const IS_SAFARI: boolean;
 export declare const IS_EDGE_LEGACY: boolean;
 export declare const IS_CHROME: boolean;
 export declare const IS_CHROME_LEGACY: boolean;
+export declare const IS_WINDOWS: boolean;

package/utils/to-point.d.ts

@@ -1,3 +1,4 @@
+import { RectangleClient } from '../interfaces';
 import { PlaitBoard } from '../interfaces/board';
 import { Point } from '../interfaces/point';
 export declare const getViewBox: (board: PlaitBoard) => DOMRect;
@@ -5,6 +6,13 @@ export declare const getViewBox: (board: PlaitBoard) => DOMRect;
  * Get the screen point starting from the upper left corner of the svg element (based on the svg screen coordinate system)
  */
 export declare function toHostPoint(board: PlaitBoard, x: number, y: number): Point;
+export declare function toActiveRectangleFromViewBoxRectangle(board: PlaitBoard, rectangle: RectangleClient): RectangleClient;
+export declare function toActivePointFromViewBoxPoint(board: PlaitBoard, point: Point): Point;
+/**
+ * Get the screen point starting from the upper left corner of the svg element (based on the svg screen coordinate system)
+ */
+export declare function toActivePoint(board: PlaitBoard, x: number, y: number): Point;
+export declare function toScreenPointFromActivePoint(board: PlaitBoard, activePoint: Point): Point;
 /**
  * Get the point in the coordinate system of the svg viewBox
  */

package/utils/weak-maps.d.ts

@@ -24,6 +24,7 @@ export declare const BOARD_TO_ELEMENT_HOST: WeakMap<PlaitBoard, {
     lowerHost: SVGGElement;
     host: SVGGElement;
     upperHost: SVGGElement;
+    topHost: SVGGElement;
     activeHost: SVGGElement;
     container: HTMLElement;
     viewportContainer: HTMLElement;

package/esm2022/plugins/with-viewport.mjs

@@ -1,30 +0,0 @@
-import { debounce } from '../utils/common';
-import { initializeViewBox, isFromScrolling, setIsFromScrolling, updateViewportOffset } from '../utils/viewport';
-export function withViewport(board) {
-    const { onChange } = board;
-    const throttleUpdate = debounce(() => {
-        initializeViewBox(board);
-        updateViewportOffset(board);
-    }, 500, { leading: true });
-    board.onChange = () => {
-        const isSetViewport = board.operations.length && board.operations.some(op => op.type === 'set_viewport');
-        const isOnlySetSelection = board.operations.length && board.operations.every(op => op.type === 'set_selection');
-        if (isOnlySetSelection) {
-            return onChange();
-        }
-        if (isSetViewport && isFromScrolling(board)) {
-            setIsFromScrolling(board, false);
-            return onChange();
-        }
-        if (isSetViewport) {
-            initializeViewBox(board);
-            updateViewportOffset(board);
-        }
-        else {
-            throttleUpdate();
-        }
-        onChange();
-    };
-    return board;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l0aC12aWV3cG9ydC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvcmUvc3JjL3BsdWdpbnMvd2l0aC12aWV3cG9ydC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDM0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLGVBQWUsRUFBRSxrQkFBa0IsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRWpILE1BQU0sVUFBVSxZQUFZLENBQUMsS0FBaUI7SUFDMUMsTUFBTSxFQUFFLFFBQVEsRUFBRSxHQUFHLEtBQUssQ0FBQztJQUUzQixNQUFNLGNBQWMsR0FBRyxRQUFRLENBQzNCLEdBQUcsRUFBRTtRQUNELGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3pCLG9CQUFvQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUMsRUFDRCxHQUFHLEVBQ0gsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQ3BCLENBQUM7SUFFRixLQUFLLENBQUMsUUFBUSxHQUFHLEdBQUcsRUFBRTtRQUNsQixNQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxJQUFJLEtBQUssY0FBYyxDQUFDLENBQUM7UUFDekcsTUFBTSxrQkFBa0IsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxJQUFJLEtBQUssZUFBZSxDQUFDLENBQUM7UUFDaEgsSUFBSSxrQkFBa0IsRUFBRSxDQUFDO1lBQ3JCLE9BQU8sUUFBUSxFQUFFLENBQUM7UUFDdEIsQ0FBQztRQUNELElBQUksYUFBYSxJQUFJLGVBQWUsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDO1lBQzFDLGtCQUFrQixDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztZQUNqQyxPQUFPLFFBQVEsRUFBRSxDQUFDO1FBQ3RCLENBQUM7UUFDRCxJQUFJLGFBQWEsRUFBRSxDQUFDO1lBQ2hCLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ3pCLG9CQUFvQixDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2hDLENBQUM7YUFBTSxDQUFDO1lBQ0osY0FBYyxFQUFFLENBQUM7UUFDckIsQ0FBQztRQUNELFFBQVEsRUFBRSxDQUFDO0lBQ2YsQ0FBQyxDQUFDO0lBRUYsT0FBTyxLQUFLLENBQUM7QUFDakIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBsYWl0Qm9hcmQgfSBmcm9tICcuLi9pbnRlcmZhY2VzL2JvYXJkJztcbmltcG9ydCB7IGRlYm91bmNlIH0gZnJvbSAnLi4vdXRpbHMvY29tbW9uJztcbmltcG9ydCB7IGluaXRpYWxpemVWaWV3Qm94LCBpc0Zyb21TY3JvbGxpbmcsIHNldElzRnJvbVNjcm9sbGluZywgdXBkYXRlVmlld3BvcnRPZmZzZXQgfSBmcm9tICcuLi91dGlscy92aWV3cG9ydCc7XG5cbmV4cG9ydCBmdW5jdGlvbiB3aXRoVmlld3BvcnQoYm9hcmQ6IFBsYWl0Qm9hcmQpIHtcbiAgICBjb25zdCB7IG9uQ2hhbmdlIH0gPSBib2FyZDtcblxuICAgIGNvbnN0IHRocm90dGxlVXBkYXRlID0gZGVib3VuY2UoXG4gICAgICAgICgpID0+IHtcbiAgICAgICAgICAgIGluaXRpYWxpemVWaWV3Qm94KGJvYXJkKTtcbiAgICAgICAgICAgIHVwZGF0ZVZpZXdwb3J0T2Zmc2V0KGJvYXJkKTtcbiAgICAgICAgfSxcbiAgICAgICAgNTAwLFxuICAgICAgICB7IGxlYWRpbmc6IHRydWUgfVxuICAgICk7XG5cbiAgICBib2FyZC5vbkNoYW5nZSA9ICgpID0+IHtcbiAgICAgICAgY29uc3QgaXNTZXRWaWV3cG9ydCA9IGJvYXJkLm9wZXJhdGlvbnMubGVuZ3RoICYmIGJvYXJkLm9wZXJhdGlvbnMuc29tZShvcCA9PiBvcC50eXBlID09PSAnc2V0X3ZpZXdwb3J0Jyk7XG4gICAgICAgIGNvbnN0IGlzT25seVNldFNlbGVjdGlvbiA9IGJvYXJkLm9wZXJhdGlvbnMubGVuZ3RoICYmIGJvYXJkLm9wZXJhdGlvbnMuZXZlcnkob3AgPT4gb3AudHlwZSA9PT0gJ3NldF9zZWxlY3Rpb24nKTtcbiAgICAgICAgaWYgKGlzT25seVNldFNlbGVjdGlvbikge1xuICAgICAgICAgICAgcmV0dXJuIG9uQ2hhbmdlKCk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGlzU2V0Vmlld3BvcnQgJiYgaXNGcm9tU2Nyb2xsaW5nKGJvYXJkKSkge1xuICAgICAgICAgICAgc2V0SXNGcm9tU2Nyb2xsaW5nKGJvYXJkLCBmYWxzZSk7XG4gICAgICAgICAgICByZXR1cm4gb25DaGFuZ2UoKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoaXNTZXRWaWV3cG9ydCkge1xuICAgICAgICAgICAgaW5pdGlhbGl6ZVZpZXdCb3goYm9hcmQpO1xuICAgICAgICAgICAgdXBkYXRlVmlld3BvcnRPZmZzZXQoYm9hcmQpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhyb3R0bGVVcGRhdGUoKTtcbiAgICAgICAgfVxuICAgICAgICBvbkNoYW5nZSgpO1xuICAgIH07XG5cbiAgICByZXR1cm4gYm9hcmQ7XG59XG4iXX0=

package/plugins/with-viewport.d.ts

@@ -1,2 +0,0 @@
-import { PlaitBoard } from '../interfaces/board';
-export declare function withViewport(board: PlaitBoard): PlaitBoard;