feat(cssClasses): Gives classes to main element depend on state

mattlewis92 · Feb 28, 2017 · 8e3f108 · 8e3f108
1 parent 3ce508d
commit 8e3f108
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/resizable.directive.ts b/src/resizable.directive.ts
@@ -265,6 +265,12 @@ export class Resizable implements OnInit, OnDestroy, AfterViewInit {
       const resizeCursors: ResizeCursors = Object.assign({}, DEFAULT_RESIZE_CURSORS, this.resizeCursors);
       const cursor: string = currentResize ? null : getResizeCursor(resizeEdges, resizeCursors);
       this.renderer.setElementStyle(this.elm.nativeElement, 'cursor', cursor);
+      this.renderer.setElementClass(this.elm.nativeElement, 'resize-hover', (cursor !== null));
+      this.renderer.setElementClass(this.elm.nativeElement, 'resize-active', (currentResize !== null));
+      this.renderer.setElementClass(this.elm.nativeElement, 'resize-left', (resizeEdges.left === true));
+      this.renderer.setElementClass(this.elm.nativeElement, 'resize-right', (resizeEdges.right === true));
+      this.renderer.setElementClass(this.elm.nativeElement, 'resize-top', (resizeEdges.top === true));
+      this.renderer.setElementClass(this.elm.nativeElement, 'resize-bottom', (resizeEdges.bottom === true));
 
     });