@plait/core 0.0.50 → 0.0.52

package/fesm2020/plait-core.mjs

@@ -899,6 +899,27 @@ function getViewBox(board) {
     const height = viewportHeight / zoom;
     return { minX, minY, width, height, viewportWidth, viewportHeight };
 }
+function isOutExtent(board, node, gap) {
+    const result = { x: 0, y: 0 };
+    if (!node)
+        return result;
+    const boardComponent = PLAIT_BOARD_TO_COMPONENT.get(board);
+    const scrollBarWidth = board.options.hideScrollbar ? SCROLL_BAR_WIDTH : 0;
+    const canvasRect = boardComponent.contentContainer.nativeElement.getBoundingClientRect();
+    if (node.left < canvasRect.left + gap) {
+        result.x = canvasRect.left - node.left - gap;
+    }
+    else if (node.right > canvasRect.right - scrollBarWidth - gap) {
+        result.x = canvasRect.right - scrollBarWidth - gap - node.right - node.width;
+    }
+    if (node.top < canvasRect.top + gap) {
+        result.y = canvasRect.top - node.top - gap;
+    }
+    else if (node.bottom > canvasRect.bottom - scrollBarWidth - gap) {
+        result.y = canvasRect.bottom - scrollBarWidth - gap - node.bottom - node.height;
+    }
+    return result;
+}
 
 function withHistory(board) {
     const { apply, keydown } = board;
@@ -1493,7 +1514,7 @@ class PlaitBoardComponent {
             zoom = 1;
         }
         this.setViewport({
-            zoom,
+            zoom: calculateZoom(zoom),
             offsetXRatio: 0.5,
             offsetYRatio: 0.5
         });
@@ -1536,7 +1557,7 @@ class PlaitBoardComponent {
 PlaitBoardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PlaitBoardComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
 PlaitBoardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PlaitBoardComponent, selector: "plait-board", inputs: { plaitValue: "plaitValue", plaitViewport: "plaitViewport", plaitPlugins: "plaitPlugins", plaitOptions: "plaitOptions" }, outputs: { plaitChange: "plaitChange", plaitBoardInitialized: "plaitBoardInitialized" }, host: { properties: { "class": "this.hostClass", "class.readonly": "this.readonly", "class.moving": "this.moving", "class.focused": "this.focused" } }, queries: [{ propertyName: "toolbarTemplateRef", first: true, predicate: ["plaitToolbar"], descendants: true }], viewQueries: [{ propertyName: "svg", first: true, predicate: ["svg"], descendants: true, static: true }, { propertyName: "contentContainer", first: true, predicate: ["container"], descendants: true, read: ElementRef, static: true }], usesOnChanges: true, ngImport: i0, template: `
         <div class="container" #container>
-            <svg #svg width="100%" height="100%" style="position: relative"></svg>
+            <svg #svg width="100%" height="100%" style="position: relative;"></svg>
             <plait-element
                 *ngFor="let item of board.children; let index = index; trackBy: trackBy"
                 [index]="index"
@@ -1565,7 +1586,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'plait-board',
                     template: `
         <div class="container" #container>
-            <svg #svg width="100%" height="100%" style="position: relative"></svg>
+            <svg #svg width="100%" height="100%" style="position: relative;"></svg>
             <plait-element
                 *ngFor="let item of board.children; let index = index; trackBy: trackBy"
                 [index]="index"
@@ -1648,5 +1669,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BOARD_TO_ON_CHANGE, BaseCursorStatus, CLIP_BOARD_FORMAT_KEY, FLUSHING, HOST_TO_ROUGH_SVG, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_FIREFOX, IS_IOS, IS_SAFARI, IS_TEXT_EDITABLE, MERGING, NS, PLAIT_BOARD_TO_COMPONENT, Path, PlaitBoardComponent, PlaitElementComponent, PlaitHistoryBoard, PlaitModule, PlaitNode, PlaitOperation, PlaitToolbarComponent, SAVING, SCROLL_BAR_WIDTH, Transforms, Viewport, calculateBBox, calculateZoom, createG, createSVG, createText, distanceBetweenPointAndPoint, distanceBetweenPointAndSegment, getViewBox, getViewportClientBox, hotkeys, idCreator, inverse, invert, isNoSelectionElement, isNullOrUndefined, isSetViewportOperation, rotate, shouldClear, shouldMerge, shouldSave, toPoint, toRectangleClient, transformMat3, transformPoint, transformPoints, updateCursorStatus };
+export { BOARD_TO_ON_CHANGE, BaseCursorStatus, CLIP_BOARD_FORMAT_KEY, FLUSHING, HOST_TO_ROUGH_SVG, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_FIREFOX, IS_IOS, IS_SAFARI, IS_TEXT_EDITABLE, MERGING, NS, PLAIT_BOARD_TO_COMPONENT, Path, PlaitBoardComponent, PlaitElementComponent, PlaitHistoryBoard, PlaitModule, PlaitNode, PlaitOperation, PlaitToolbarComponent, SAVING, SCROLL_BAR_WIDTH, Transforms, Viewport, calculateBBox, calculateZoom, createG, createSVG, createText, distanceBetweenPointAndPoint, distanceBetweenPointAndSegment, getViewBox, getViewportClientBox, hotkeys, idCreator, inverse, invert, isNoSelectionElement, isNullOrUndefined, isOutExtent, isSetViewportOperation, rotate, shouldClear, shouldMerge, shouldSave, toPoint, toRectangleClient, transformMat3, transformPoint, transformPoints, updateCursorStatus };
 //# sourceMappingURL=plait-core.mjs.map