Modern Web Updates

bmartinson · Nov 10, 2021 · 4b27648 · 4b27648
1 parent 6163506
commit 4b27648
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -4,6 +4,8 @@
 /dist
 /tmp
 /out-tsc
+.angular
+
 # Only exists if Bazel was run
 /bazel-out
 

diff --git a/projects/ngx-draggable-dom/src/lib/classes/ngx-draggable-rect.ts b/projects/ngx-draggable-dom/src/lib/classes/ngx-draggable-rect.ts
@@ -1,4 +1,4 @@
-export class NgxDraggableRect implements ClientRect {
+export class NgxDraggableRect implements DOMRect {
 
   /* * * * * Internal Properties * * * * */
   public x: number;
@@ -52,6 +52,18 @@ export class NgxDraggableRect implements ClientRect {
     }
   }
 
+  /**
+   * Receive the draggable rect in json format.
+   */
+  public get toJSON(): any {
+    return {
+      height: this.height,
+      width: this.width,
+      x: this.left,
+      y: this.top,
+    };
+  }
+
   public constructor(x: number, y: number, width: number, height: number) {
     this.x = (!!x) ? x : 0;
     this.y = (!!y) ? y : 0;