@plait/core 0.1.2 → 0.1.3

package/interfaces/custom-types.d.ts

@@ -1,9 +1,9 @@
 /**
  * Extendable Custom Types Interface
  */
-declare type ExtendableTypes = 'Viewport' | 'SetViewportOperation' | 'SetSelectionOperation';
+type ExtendableTypes = 'Viewport' | 'SetViewportOperation' | 'SetSelectionOperation';
 export interface CustomTypes {
     [key: string]: unknown;
 }
-export declare type ExtendedType<K extends ExtendableTypes, B> = unknown extends CustomTypes[K] ? B : CustomTypes[K];
+export type ExtendedType<K extends ExtendableTypes, B> = unknown extends CustomTypes[K] ? B : CustomTypes[K];
 export {};

package/interfaces/node.d.ts

@@ -4,7 +4,7 @@ export interface PlaitNode {
     [key: string]: any;
     children?: PlaitNode[];
 }
-export declare type Ancestor = PlaitBoard | PlaitNode;
+export type Ancestor = PlaitBoard | PlaitNode;
 export interface PlaitNodeInterface {
     parent: (board: PlaitBoard, path: Path) => Ancestor;
     get: (board: PlaitBoard, path: Path) => PlaitNode;

package/interfaces/operation.d.ts

@@ -2,38 +2,38 @@ import { PlaitNode } from './node';
 import { Path } from './path';
 import { Selection } from './selection';
 import { Viewport } from './viewport';
-export declare type InsertNodeOperation = {
+export type InsertNodeOperation = {
     type: 'insert_node';
     path: Path;
     node: PlaitNode;
 };
-export declare type RemoveNodeOperation = {
+export type RemoveNodeOperation = {
     type: 'remove_node';
     path: Path;
     node: PlaitNode;
 };
-export declare type MoveNodeOperation = {
+export type MoveNodeOperation = {
     type: 'move_node';
     path: Path;
     newPath: Path;
 };
-export declare type SetViewportOperation = {
+export type SetViewportOperation = {
     type: 'set_viewport';
     properties: Partial<Viewport>;
     newProperties: Partial<Viewport>;
 };
-export declare type SetSelectionOperation = {
+export type SetSelectionOperation = {
     type: 'set_selection';
     properties: Selection | null;
     newProperties: Selection | null;
 };
-export declare type SetNodeOperation = {
+export type SetNodeOperation = {
     type: 'set_node';
     path: Path;
     properties: Partial<PlaitNode>;
     newProperties: Partial<PlaitNode>;
 };
-export declare type PlaitOperation = InsertNodeOperation | SetViewportOperation | SetSelectionOperation | SetNodeOperation | RemoveNodeOperation | MoveNodeOperation;
+export type PlaitOperation = InsertNodeOperation | SetViewportOperation | SetSelectionOperation | SetNodeOperation | RemoveNodeOperation | MoveNodeOperation;
 export interface PlaitOperationInterface {
     inverse: (op: PlaitOperation) => PlaitOperation;
     isSetViewportOperation: (value: any) => boolean;

package/interfaces/path.d.ts

@@ -1,5 +1,5 @@
 import { PlaitOperation } from './operation';
-export declare type Path = number[];
+export type Path = number[];
 export declare const Path: {
     parent(path: Path): Path;
     next(path: Path): Path;

package/interfaces/plugin.d.ts

@@ -1,2 +1,2 @@
 import { PlaitBoard } from './board';
-export declare type PlaitPlugin = (board: PlaitBoard) => PlaitBoard;
+export type PlaitPlugin = (board: PlaitBoard) => PlaitBoard;

package/interfaces/point.d.ts

@@ -1,5 +1,8 @@
-export declare type Point = [number, number];
+export type Point = [number, number];
 export interface XYPosition {
     x: number;
     y: number;
 }
+export declare const Point: {
+    isEquals(point?: Point, otherPoint?: Point): boolean | undefined;
+};

package/interfaces/viewport.d.ts

@@ -1,11 +1,12 @@
 import { ExtendedType } from './custom-types';
+import { Point } from './point';
 export interface BaseViewport {
     [key: string]: any;
     viewBackgroundColor: string;
     zoom: number;
-    origination?: number[];
+    origination?: Point;
 }
-export declare type Viewport = ExtendedType<'Viewport', BaseViewport>;
+export type Viewport = ExtendedType<'Viewport', BaseViewport>;
 export interface ViewportInterface {
     isViewport: (value: any) => value is Viewport;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plait/core",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "peerDependencies": {
     "@angular/common": "^12.2.0",
     "@angular/core": "^12.2.0"
@@ -13,13 +13,13 @@
   "esm2020": "esm2020/plait-core.mjs",
   "fesm2020": "fesm2020/plait-core.mjs",
   "fesm2015": "fesm2015/plait-core.mjs",
-  "typings": "plait-core.d.ts",
+  "typings": "index.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./plait-core.d.ts",
+      "types": "./index.d.ts",
       "esm2020": "./esm2020/plait-core.mjs",
       "es2020": "./fesm2020/plait-core.mjs",
       "es2015": "./fesm2015/plait-core.mjs",

package/styles/styles.scss

@@ -19,7 +19,9 @@
 
     // https://stackoverflow.com/questions/51313873/svg-foreignobject-not-working-properly-on-safari
     .plait-richtext-container {
-        position: initial;
+        // 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: fixed;
         &[readonly='true'] {
             ::selection {
                 background: none;

package/utils/board.d.ts

@@ -1,6 +1,6 @@
 import { PlaitBoard } from '../interfaces/board';
 import { Point } from '../interfaces/point';
-export declare type ViewBox = {
+export type ViewBox = {
     minX: number;
     minY: number;
     width: number;

package/utils/viewport.d.ts

@@ -1,4 +1,4 @@
-import { PlaitBoard, RectangleClient } from '../interfaces';
+import { PlaitBoard, Point, RectangleClient } from '../interfaces';
 export declare function getViewportContainerRect(board: PlaitBoard): {
     width: number;
     height: number;
@@ -19,11 +19,18 @@ 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 setSVGViewBox(board: PlaitBoard, viewBox: number[]): void;
-export declare function updateViewportContainerOffset(board: PlaitBoard, origination?: number[]): void;
-export declare function setViewportContainerScroll(board: PlaitBoard, left: number, top: number): void;
-export declare function initializeViewport(board: PlaitBoard): void;
-export declare function initializeViewportContainerOffset(board: PlaitBoard): void;
-export declare function setViewport(board: PlaitBoard, origination: number[], zoom?: number): void;
+export declare function updateViewportOffset(board: PlaitBoard): void;
+export declare function updateViewportContainerScroll(board: PlaitBoard, left: number, top: number): void;
+export declare function initializeViewportContainer(board: PlaitBoard): void;
+export declare function initializeViewBox(board: PlaitBoard): void;
+export declare function initializeViewportOffset(board: PlaitBoard): void;
+export declare function setViewport(board: PlaitBoard, origination: Point, zoom?: number): void;
 export declare function changeZoom(board: PlaitBoard, newZoom: number, isCenter?: boolean): void;
 export declare function fitViewport(board: PlaitBoard): void;
+export declare const updateViewportOrigination: (board: PlaitBoard, origination: Point) => void;
+export declare const clearViewportOrigination: (board: PlaitBoard) => void;
+export declare const getViewportOrigination: (board: PlaitBoard) => Point | undefined;
+export declare const isViewportScrolling: (board: PlaitBoard) => boolean;
+export declare const setViewportScrolling: (board: PlaitBoard) => void;
+export declare const clearViewportScrolling: (board: PlaitBoard) => void;
 export declare function scrollToRectangle(board: PlaitBoard, client: RectangleClient): void;

package/utils/weak-maps.d.ts

@@ -12,6 +12,8 @@ export declare const BOARD_TO_HOST: WeakMap<PlaitBoard, SVGSVGElement>;
 export declare const BOARD_TO_ELEMENT_HOST: WeakMap<PlaitBoard, SVGGElement>;
 export declare const BOARD_TO_SELECTED_ELEMENT: WeakMap<PlaitBoard, PlaitElement[]>;
 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_MOVING_ELEMENT: WeakMap<PlaitBoard, PlaitElement[]>;
+export declare const BOARD_TO_SCROLLING: WeakMap<PlaitBoard, boolean>;