@plait/core 0.2.1 → 0.2.3

package/fesm2020/plait-core.mjs

@@ -6,7 +6,7 @@ import { takeUntil, filter } from 'rxjs/operators';
 import produce, { createDraft, finishDraft, isDraft } from 'immer';
 import { isKeyHotkey, isHotkey } from 'is-hotkey';
 import * as i1 from '@angular/common';
-import { BrowserModule } from '@angular/platform-browser';
+import { CommonModule } from '@angular/common';
 
 // record richtext type status
 const IS_BOARD_CACHE = new WeakMap();
@@ -2086,6 +2086,7 @@ class PlaitElementComponent {
         const isSelected = isSelectedElement(this.board, this.element);
         const context = {
             element: this.element,
+            parent: this.parent,
             board: this.board,
             selected: isSelected,
             effect: this.effect
@@ -2266,16 +2267,20 @@ class PlaitBoardComponent {
         });
         this.roughSVG = roughSVG;
         this.initializePlugins();
-        this.initializeEvents();
-        this.viewportScrollListener();
-        this.elementResizeListener();
-        this.mouseLeaveListener();
+        this.ngZone.runOutsideAngular(() => {
+            this.initializeHookListener();
+            this.viewportScrollListener();
+            this.elementResizeListener();
+            this.mouseLeaveListener();
+        });
         BOARD_TO_COMPONENT.set(this.board, this);
         BOARD_TO_ROUGH_SVG.set(this.board, roughSVG);
         BOARD_TO_HOST.set(this.board, this.host);
         BOARD_TO_ELEMENT_HOST.set(this.board, elementHost);
         BOARD_TO_ON_CHANGE.set(this.board, () => {
-            this.detect();
+            this.ngZone.run(() => {
+                this.detect();
+            });
             const changeEvent = {
                 children: this.board.children,
                 operations: this.board.operations,
@@ -2290,13 +2295,6 @@ class PlaitBoardComponent {
         this.effect = {};
         this.cdr.detectChanges();
     }
-    mouseLeaveListener() {
-        fromEvent(this.host, 'mouseleave')
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((event) => {
-            BOARD_TO_MOVING_POINT.delete(this.board);
-        });
-    }
     ngOnChanges(changes) {
         if (this.hasInitialized) {
             const valueChange = changes['plaitValue'];
@@ -2324,7 +2322,7 @@ class PlaitBoardComponent {
             this.board.viewport = this.plaitViewport;
         }
     }
-    initializeEvents() {
+    initializeHookListener() {
         fromEvent(this.host, 'mousedown')
             .pipe(takeUntil(this.destroy$))
             .subscribe((event) => {
@@ -2429,6 +2427,13 @@ class PlaitBoardComponent {
         });
         this.resizeObserver.observe(this.nativeElement);
     }
+    mouseLeaveListener() {
+        fromEvent(this.host, 'mouseleave')
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((event) => {
+            BOARD_TO_MOVING_POINT.delete(this.board);
+        });
+    }
     adaptHandle() {
         fitViewport(this.board);
     }
@@ -2529,13 +2534,13 @@ const COMPONENTS = [PlaitBoardComponent, PlaitChildrenElement, PlaitElementCompo
 class PlaitModule {
 }
 PlaitModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: PlaitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PlaitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: PlaitModule, declarations: [PlaitBoardComponent, PlaitChildrenElement, PlaitElementComponent, PlaitToolbarComponent], imports: [BrowserModule], exports: [PlaitBoardComponent, PlaitChildrenElement, PlaitElementComponent, PlaitToolbarComponent] });
-PlaitModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: PlaitModule, imports: [BrowserModule] });
+PlaitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: PlaitModule, declarations: [PlaitBoardComponent, PlaitChildrenElement, PlaitElementComponent, PlaitToolbarComponent], imports: [CommonModule], exports: [PlaitBoardComponent, PlaitChildrenElement, PlaitElementComponent, PlaitToolbarComponent] });
+PlaitModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: PlaitModule, imports: [CommonModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: PlaitModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENTS],
-                    imports: [BrowserModule],
+                    imports: [CommonModule],
                     exports: [...COMPONENTS]
                 }]
         }] });