@plait/core 0.29.0 → 0.31.0

package/interfaces/board.d.ts

@@ -3,7 +3,7 @@ import { ComponentType, PlaitElement } from './element';
 import { PlaitPluginElementContext } from '../core/element/context';
 import { PlaitHistory } from './history';
 import { PlaitOperation } from './operation';
-import { Selection, Range } from './selection';
+import { Selection } from './selection';
 import { Viewport } from './viewport';
 import { PlaitPluginElementComponent } from '../core/element/plugin-element';
 import { RoughSVG } from 'roughjs/bin/svg';
@@ -44,7 +44,8 @@ export interface PlaitBoard {
     drawElement: (context: PlaitPluginElementContext) => SVGGElement[] | ComponentType<PlaitPluginElementComponent>;
     redrawElement: (context: PlaitPluginElementContext, previousContext?: PlaitPluginElementContext) => SVGGElement[] | void;
     destroyElement: (context: PlaitPluginElementContext) => void;
-    isHitSelection: (element: PlaitElement, range: Range) => boolean;
+    isRectangleHit: (element: PlaitElement, range: Selection) => boolean;
+    isHit: (element: PlaitElement, point: Point) => boolean;
     isRecursion: (element: PlaitElement) => boolean;
     isMovable: (element: PlaitElement) => boolean;
     getRectangle: (element: PlaitElement) => RectangleClient | null;
@@ -53,6 +54,7 @@ export interface PlaitBoard {
     pathRefs: () => Set<PathRef>;
     applyTheme: (element: PlaitElement) => void;
     isAlign: (element: PlaitElement) => boolean;
+    isImageBindingAllowed: (element: PlaitElement) => boolean;
     pointerDown: (pointer: PointerEvent) => void;
     pointerMove: (pointer: PointerEvent) => void;
     pointerUp: (pointer: PointerEvent) => void;

package/interfaces/point.d.ts

@@ -5,4 +5,6 @@ export interface XYPosition {
 }
 export declare const Point: {
     isEquals(point?: Point, otherPoint?: Point): boolean | undefined;
+    isHorizontalAlign(point?: Point, otherPoint?: Point, tolerance?: number): boolean | undefined;
+    isVerticalAlign(point?: Point, otherPoint?: Point, tolerance?: number): boolean | undefined;
 };

package/interfaces/rectangle-client.d.ts

@@ -12,7 +12,9 @@ export interface RectangleClient {
 export type PointOfRectangle = [number, number];
 export declare const RectangleClient: {
     isHit: (origin: RectangleClient, target: RectangleClient) => boolean;
-    toRectangleClient: (points: [Point, Point]) => {
+    isHitX: (origin: RectangleClient, target: RectangleClient) => boolean;
+    isHitY: (origin: RectangleClient, target: RectangleClient) => boolean;
+    toRectangleClient: (points: Point[]) => {
         x: number;
         y: number;
         width: number;
@@ -34,4 +36,12 @@ export declare const RectangleClient: {
     getCornerPoints: (rectangle: RectangleClient) => [Point, Point, Point, Point];
     getEdgeCenterPoints: (rectangle: RectangleClient) => [Point, Point, Point, Point];
     getConnectionPoint: (rectangle: RectangleClient, point: PointOfRectangle) => Point;
+    expand(rectangle: RectangleClient, left: number, top?: number, right?: number, bottom?: number): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    getGapCenter(rectangle1: RectangleClient, rectangle2: RectangleClient, isHorizontal: boolean): number;
+    isPointInRectangle(rectangle: RectangleClient, point: Point): boolean;
 };

package/interfaces/selection.d.ts

@@ -1,13 +1,10 @@
 import { Point } from './point';
 export declare const SELECTION_BORDER_COLOR = "#6698FF";
 export declare const SELECTION_FILL_COLOR = "#6698FF19";
-export interface Range {
+export interface Selection {
     anchor: Point;
     focus: Point;
 }
-export interface Selection {
-    ranges: Range[];
-}
 export declare const Selection: {
-    isCollapsed(selection: Range): boolean;
+    isCollapsed(selection: Selection): boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plait/core",
-  "version": "0.29.0",
+  "version": "0.31.0",
   "peerDependencies": {
     "@angular/common": "^16.0.0",
     "@angular/core": "^16.0.0",

package/styles/styles.scss

@@ -43,6 +43,9 @@
         }
     }
 
+    &.ns-resize {
+        cursor: ns-resize;
+    }
     &.ew-resize {
         cursor: ew-resize;
     }

package/utils/selected-element.d.ts

@@ -1,9 +1,9 @@
 import { PlaitBoard } from '../interfaces/board';
-import { Selection, Range } from '../interfaces/selection';
+import { Selection } from '../interfaces/selection';
 import { PlaitElement } from '../interfaces/element';
-export declare const getHitElements: (board: PlaitBoard, selection?: Selection, match?: (element: PlaitElement) => boolean) => PlaitElement[];
-export declare const getHitElementOfRoot: (board: PlaitBoard, rootElements: PlaitElement[], range: Range) => PlaitElement | undefined;
-export declare const isHitElements: (board: PlaitBoard, elements: PlaitElement[], ranges: Range[]) => boolean;
+import { Point } from '../interfaces/point';
+export declare const getHitElementsBySelection: (board: PlaitBoard, selection?: Selection, match?: (element: PlaitElement) => boolean) => PlaitElement[];
+export declare const getHitElementByPoint: (board: PlaitBoard, point: Point, match?: (element: PlaitElement) => boolean) => undefined | PlaitElement;
 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;