tslint directive fix

projects/ars/src/lib/ars.module.ts

 import { NgModule } from '@angular/core';
 import { ArsComponent } from './ars.component';
-import { ArsSlider } from './components/io/slider/ArsSlider';
+import { ArsSliderDirective } from './components/io/slider/ars-slider.directive';
 import { ArsSliderCombComponent } from './components/io/slider/ars-slider-comb/ars-slider-comb.component';
 import { MatButtonModule, MatIconModule } from '@angular/material';
 
 @NgModule({
   declarations: [
     ArsComponent,
-    ArsSlider,
+    ArsSliderDirective,
     ArsSliderCombComponent
   ],
   imports: [
@@ -16,7 +16,7 @@ import { MatButtonModule, MatIconModule } from '@angular/material';
   ],
   exports: [
     ArsComponent,
-    ArsSlider,
+    ArsSliderDirective,
     ArsSliderCombComponent
   ]
 })

projects/ars/src/lib/components/io/slider/ars-slider-comb/ars-slider-comb.component.ts

 import { AfterViewInit, Component, ContentChild, ElementRef, Input, OnInit, Renderer2 } from '@angular/core';
-import { ArsSlider } from '../ArsSlider';
+import { ArsSliderDirective } from '../ars-slider.directive';
 
 @Component({
   selector: 'ars-slider-comb',
@@ -11,7 +11,7 @@ export class ArsSliderCombComponent implements OnInit, AfterViewInit {
   @Input() width: number;
   @Input() leftIcon = 'keyboard_arrow_left';
   @Input() rightIcon = 'keyboard_arrow_right';
-  @ContentChild(ArsSlider) slider: ArsSlider;
+  @ContentChild(ArsSliderDirective) slider: ArsSliderDirective;
 
   constructor(private ref: ElementRef, private render: Renderer2) {
   }

projects/ars/src/lib/components/io/slider/ArsSlider.ts → projects/ars/src/lib/components/io/slider/ars-slider.directive.ts

@@ -3,11 +3,9 @@ import { MatSlider } from '@angular/material';
 
 
 @Directive({
-  // tslint:disable-next-line:directive-selector
   selector: '[ars-slider]'
 })
-// tslint:disable-next-line:directive-class-suffix
-export class ArsSlider implements OnInit, AfterViewInit {
+export class ArsSliderDirective implements OnInit, AfterViewInit {
 
   public static classes: Object = {
     'mat-slider-wrapper': '',
@@ -36,9 +34,8 @@ export class ArsSlider implements OnInit, AfterViewInit {
 
   ngAfterViewInit() {
     Array.from(this.elem.getElementsByTagName('*')).forEach(e => {
-      console.log(e.className);
-      if (ArsSlider.classes.hasOwnProperty(e.className)) {
-        (<HTMLElement>e).style.background = ArsSlider.classes[e.className];
+      if (ArsSliderDirective.classes.hasOwnProperty(e.className)) {
+        (<HTMLElement>e).style.background = ArsSliderDirective.classes[e.className];
       }
     });
     this.render.setStyle(this.elem, 'height', '48px');

src/app/app.component.html

@@ -30,3 +30,4 @@
     </button>
   </div>
 </div>
+

tslint.json

@@ -128,7 +128,8 @@
       true,
       "attribute",
       "app",
-      "camelCase"
+      "camelCase",
+      "allow-snake-case "
     ],
     "component-selector": [
       true,