@@ -2,27 +2,27 @@ import {Directive, ElementRef, HostListener, Inject, Input, OnInit, Renderer2} f
22import { DOCUMENT } from '@angular/common' ;
33
44import { asideMenuCssClasses , sidebarCssClasses } from '../classes' ;
5- import { ClassToggler , ToggleClasses } from '../toggle-classes' ;
5+ import { ClassToggler } from '../toggle-classes' ;
66
77/**
88* Allows the sidebar to be toggled via click.
99*/
1010@Directive ( {
11- selector :'[appSidebarToggler]'
11+ selector :'[appSidebarToggler]' ,
12+ providers :[ ClassToggler ]
1213} )
1314export class SidebarToggleDirective implements OnInit {
1415 @Input ( 'appSidebarToggler' ) breakpoint :string ;
1516public bp ;
16- constructor ( ) { }
17+ constructor ( private classToggler : ClassToggler ) { }
1718ngOnInit ( ) :void {
1819this . bp = this . breakpoint ;
1920}
2021 @HostListener ( 'click' , [ '$event' ] )
2122toggleOpen ( $event :any ) {
2223$event . preventDefault ( ) ;
23- let cssClass ;
24- this . bp ?cssClass = `sidebar-${ this . bp } :cssClass = sidebarCssClasses [ 0 ] ;
25- ToggleClasses ( cssClass , sidebarCssClasses ) ;
24+ const cssClass = this . bp ?`sidebar-${ this . bp } :sidebarCssClasses [ 0 ] ;
25+ this . classToggler . toggleClasses ( cssClass , sidebarCssClasses ) ;
2626}
2727}
2828