baSlimScroll

src/app/theme/directives/baSlimScroll/baSlimScroll.directive.ts

@@ -0,0 +1,31 @@
+import {Directive, Input, Output, ElementRef, EventEmitter} from '@angular/core';
+
+import './baSlimScroll.loader.ts';
+
+@Directive({
+  selector: '[baSlimScroll]'
+})
+export class BaSlimScroll {
+
+  @Input() public baSlimScrollOptions:Object;
+
+  constructor(private _elementRef:ElementRef) {
+  }
+
+  ngOnChanges(changes) {
+    this._scroll();
+  }
+
+  private _scroll() {
+    this._destroy();
+    this._init();
+  }
+
+  private _init() {
+    $(this._elementRef.nativeElement).slimScroll(this.baSlimScrollOptions);
+  }
+
+  private _destroy() {
+    $(this._elementRef.nativeElement).slimScroll({ destroy: true });
+  }
+}

src/app/theme/directives/baSlimScroll/baSlimScroll.loader.ts

@@ -0,0 +1 @@
+require('jquery-slimscroll');

src/app/theme/directives/baSlimScroll/index.ts

@@ -0,0 +1 @@
+export * from './baSlimScroll.directive.ts';

src/app/theme/directives/index.ts

@@ -1,2 +1,3 @@
 export * from './baScrollPosition';
 export * from './baThemeRun';
+export * from './baSlimScroll';