theme run classes

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

@@ -0,0 +1,29 @@
+import {Directive, HostBinding} from '@angular/core';
+
+import {BaThemeConfigProvider, isMobile} from '../../../theme';
+
+@Directive({
+  selector: '[baThemeRun]'
+})
+export class BaThemeRun {
+
+  @HostBinding('class.blur-theme') isBlur:boolean = false;
+  @HostBinding('class.mobile') isMobile:boolean = false;
+
+  constructor(private _baConfig:BaThemeConfigProvider) {
+  }
+
+  ngOnInit() {
+    this._assignBlur();
+    this._assingMobile();
+  }
+
+  // TODO: assign any theme class, not only hardcoded blur
+  private _assignBlur() {
+    this.isBlur = this._baConfig.get().theme.blur;
+  }
+
+  private _assingMobile() {
+    this.isMobile = isMobile();
+  }
+}

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

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

src/app/theme/directives/index.ts

@@ -1 +1,2 @@
 export * from './scrollPosition';
+export * from './baThemeRun';