import { Directive , ViewContainerRef , ContentChildren , ContentChild } from '@angular/core' ; import { ComplexBase , ArrayBase , setValue } from '@syncfusion/ej2-angular-base' ; import { Template } from '@syncfusion/ej2-angular-base' ; import { ColorMappingsDirective } from './colormapping.directive' ; let input = [ 'autoFill' , 'border' , 'colorMapping' , 'fill' , 'groupGap' , 'groupPadding' , 'groupPath' , 'headerAlignment' , 'headerFormat' , 'headerHeight' , 'headerStyle' , 'headerTemplate' , 'opacity' , 'showHeader' , 'templatePosition' ] ; let outputs = [ ] ; /**
 * Level Directive
 * ```html
 * <e-levels>
 * <e-level></e-level>
 * </e-levels>
 * ```
 */ @ Directive ( { selector : 'e-levels>e-level' , inputs : input , outputs : outputs , queries : { childColorMapping : new ContentChild ( ColorMappingsDirective ) } } ) export class LevelDirective extends ComplexBase < LevelDirective > { public directivePropList : any ; public childColorMapping : any ; public tags : string [ ] = [ 'colorMapping' ] ; default public autoFill : any ; /**
     * Sets and gets the options for customizing the color and width of the border of
     * the levels of the treemap component.
     */ public border : any ; /**
     * Sets and gets the options for customizing the color-mapping in the treemap component.
     */ public colorMapping : any ; default public fill : any ; default public groupGap : any ; default public groupPadding : any ; default public groupPath : any ; default public headerAlignment : any ; default public headerFormat : any ; default public headerHeight : any ; /**
     * Sets and gets the options for customizing the style of header of the treemap component.
     */ public headerStyle : any ; default public opacity : any ; default public showHeader : any ; default public templatePosition : any ; default @ ContentChild ( 'headerTemplate' ) @ Template ( ) public headerTemplate : any ; constructor ( private viewContainerRef ) { super ( ) ; setValue ( 'currentInstance' , this , this . viewContainerRef ) ; this . registerEvents ( outputs ) ; this . directivePropList = input ; } } private @ Directive ( { selector : 'ej-treemap>e-levels' , queries : { children : new ContentChildren ( LevelDirective ) } , } ) export class LevelsDirective extends ArrayBase < LevelsDirective > { constructor ( ) { super ( 'levels' ) ; } }