fix: Fix typo #62

Author: daybrush

CHANGELOG.md

@@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
+## [0.9.7] - 2019-10-16
+### Fixed
+* Update PreactX
+* Fix typo that `elemenGuildelines` to `elementGuidelines` #62
+
+
 ## [0.9.6] - 2019-10-14
 ### Fixed
 * Update PreactX

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "moveable",
-  "version": "0.9.6",
+  "version": "0.9.7",
   "description": "Moveable is Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, Snappable.",
   "main": "./dist/moveable.cjs.js",
   "module": "./dist/moveable.esm.js",
@@ -54,17 +54,16 @@
   },
   "homepage": "https://github.com/daybrush/moveable#readme",
   "dependencies": {
-    "@daybrush/drag": "^0.10.1",
+    "@daybrush/drag": "^0.10.2",
     "@daybrush/utils": "^0.10.1",
     "@egjs/agent": "^2.1.5",
     "@egjs/children-differ": "^1.0.0",
     "@egjs/component": "^2.1.2",
     "framework-utils": "^0.2.1",
-    "preact-moveable": "^0.11.12"
+    "preact-moveable": "^0.11.13"
   },
   "devDependencies": {
-    "@babel/generator": "^7.2.2",
-    "@daybrush/builder": "^0.1.1",
+    "@daybrush/builder": "^0.1.2",
     "@daybrush/demo": "0.0.2",
     "@daybrush/jsdoc": "^0.3.7",
     "@daybrush/release": "^0.2.4",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-moveable",
-  "version": "0.5.5",
+  "version": "0.5.6",
   "description": "An Angular Component that create Moveable, Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, Snappable.",
   "repository": {
     "type": "git",
@@ -44,6 +44,6 @@
   },
   "dependencies": {
     "framework-utils": "^0.2.1",
-    "moveable": "^0.9.6"
+    "moveable": "^0.9.7"
   }
 }

packages/ngx-moveable/projects/ngx-moveable/package-lock.json

@@ -3,7 +3,7 @@ import {
   OnInit, OnChanges, SimpleChanges, EventEmitter, Output
 } from '@angular/core';
 import Moveable, {
-  PROPERTIES, EVENTS, MoveableOptions, MoveableGetterSetter, MoveableEvents,
+  PROPERTIES, EVENTS, MoveableOptions,
   OnDrag, OnDragStart, OnDragEnd,
   OnResize, OnResizeStart, OnResizeEnd,
   OnScaleStart, OnScale, OnScaleEnd,
@@ -16,6 +16,7 @@ import Moveable, {
   OnPinchStart, OnPinchGroupStart, OnPinchGroup, OnPinchGroupEnd, OnClickGroup,
 } from 'moveable';
 import { IObject } from '@daybrush/utils';
+import { NgxMoveableInterface } from './types';
 
 
 // type NgxMoveableEmitter = {
@@ -30,7 +31,8 @@ import { IObject } from '@daybrush/utils';
   selector: 'ngx-moveable',
   template: '',
 })
-export class NgxMoveableComponent implements OnDestroy, OnInit, OnChanges, Required<MoveableOptions> {
+export class NgxMoveableComponent
+  implements OnDestroy, OnInit, OnChanges, Required<MoveableOptions>, NgxMoveableInterface {
   @Input() public draggable!: boolean;
   @Input() public resizable!: boolean;
   @Input() public scalable!: boolean;
@@ -52,7 +54,7 @@ export class NgxMoveableComponent implements OnDestroy, OnInit, OnChanges, Requi
   @Input() public snapThreshold!: number;
   @Input() public horizontalGuidelines!: number[];
   @Input() public verticalGuidelines!: number[];
-  @Input() public elementGuildelines!: Element[];
+  @Input() public elementGuidelines!: Element[];
   @Input() public bounds!: { left?: number, top?: number, right?: number, bottom?: number };
   @Input() public dragArea!: boolean;
   @Input() public rotationPosition!: 'top' | 'bottom' | 'left' | 'right';
@@ -141,18 +143,26 @@ export class NgxMoveableComponent implements OnDestroy, OnInit, OnChanges, Requi
       moveable[name] = currentValue;
     }
   }
+  ngOnDestroy() {
+    this.moveable.destroy();
+  }
   isMoveableElement(target: HTMLElement | SVGElement) {
     return this.moveable.isMoveableElement(target);
   }
-
   updateRect() {
     this.moveable.updateRect();
   }
-
-  updateTarget(): void {
+  updateTarget() {
     this.moveable.updateTarget();
   }
-  ngOnDestroy(): void {
+  getRect() {
+    return this.moveable.getRect();
+  }
+  isInside(clientX: number, clientY: number) {
+    return this.moveable.isInside(clientX, clientY);
+  }
+  destroy() {
     this.moveable.destroy();
   }
+
 }

packages/ngx-moveable/projects/ngx-moveable/package.json

@@ -0,0 +1,6 @@
+import { MoveableInterface } from 'moveable';
+
+export type NgxMoveableKeys = Exclude<keyof MoveableInterface, "dragStart">;
+export type NgxMoveableInterface = {
+  [key in NgxMoveableKeys]: MoveableInterface[key];
+};

packages/ngx-moveable/projects/ngx-moveable/src/ngx-moveable.component.ts

@@ -1,6 +1,6 @@
 {
     "name": "preact-moveable",
-    "version": "0.11.12",
+    "version": "0.11.13",
     "description": "A Preact Component that create Moveable, Draggable, Resizable, Scalable, Rotatable, Pinchable, Groupable, Snappable.",
     "main": "./dist/moveable.cjs.js",
     "module": "./dist/moveable.esm.js",
@@ -60,13 +60,13 @@
         "typescript": "^3.4.5"
     },
     "dependencies": {
-        "@daybrush/drag": "^0.10.1",
+        "@daybrush/drag": "^0.10.2",
         "@daybrush/utils": "^0.10.1",
         "@egjs/agent": "^2.1.5",
         "@egjs/children-differ": "^1.0.0",
         "framework-utils": "^0.2.1",
         "preact-compat": "^3.0.0",
         "preact-css-styler": "^0.4.1",
-        "react-moveable": "^0.12.9"
+        "react-moveable": "^0.12.10"
     }
 }