From 8e3f1088488e9625ea4b534363518bdbff257f71 Mon Sep 17 00:00:00 2001 From: vkaestle Date: Tue, 28 Feb 2017 15:40:14 +0100 Subject: [PATCH] feat(cssClasses): Gives classes to main element depend on state --- src/resizable.directive.ts | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/resizable.directive.ts b/src/resizable.directive.ts index 066cd79..7a86dc2 100644 --- 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)); });