import { Directive , ViewContainerRef , ContentChildren } from '@angular/core' ; import { ComplexBase , ArrayBase , setValue } from '@syncfusion/ej2-angular-base' ; let input = [ 'color' , 'from' , 'label' , 'maxOpacity' , 'minOpacity' , 'showLegend' , 'to' , 'value' ] ; let outputs = [ ] ; @ Directive ( { selector : 'e-levels>e-colorMappings>e-colorMapping' , inputs : input , outputs : outputs , queries : { } } ) export class ColorMappingDirective extends ComplexBase < ColorMappingDirective > { public directivePropList : any ; default public color : any ; default public from : any ; default public label : any ; default public maxOpacity : any ; default public minOpacity : any ; default public showLegend : any ; default public to : any ; default public value : any ; constructor ( private viewContainerRef ) { super ( ) ; setValue ( 'currentInstance' , this , this . viewContainerRef ) ; this . registerEvents ( outputs ) ; this . directivePropList = input ; } } private @ Directive ( { selector : 'e-levels>e-colorMappings' , queries : { children : new ContentChildren ( ColorMappingDirective ) } , } ) export class ColorMappingsDirective extends ArrayBase < ColorMappingsDirective > { constructor ( ) { super ( 'colormapping' ) ; } }