import { Directive , ViewContainerRef , ContentChildren , ContentChild } from '@angular/core' ; import { ComplexBase , ArrayBase , setValue } from '@syncfusion/ej2-angular-base' ; import { Template } from '@syncfusion/ej2-angular-base' ; let input = [ 'collapsed' , 'collapsible' , 'content' , 'cssClass' , 'max' , 'min' , 'resizable' , 'size' ] ; let outputs = [ ] ; /**
 * 'e-panesettings' directive represent a panes of angular splitter
 * It must be contained in a Splitter component(`ejs-splitter`).
 * ```html
 * <ejs-splitter id='splitter' >
 *   <e-panes>
 *    <e-pane size ='150px'></e-pane>
 *    <e-pane size = '20%'></e-pane>
 *   </e-panes>
 * </ejs-splitter>
 * ```
 */ @ Directive ( { selector : 'e-panes>e-pane' , inputs : input , outputs : outputs , queries : { } } ) export class PaneDirective extends ComplexBase < PaneDirective > { public directivePropList : any ; default public collapsed : any ; default public collapsible : any ; default public cssClass : any ; default public max : any ; default public min : any ; default public resizable : any ; default public size : any ; default blazortype @ ContentChild ( 'content' ) @ Template ( ) public content : any ; constructor ( private viewContainerRef ) { super ( ) ; setValue ( 'currentInstance' , this , this . viewContainerRef ) ; this . registerEvents ( outputs ) ; this . directivePropList = input ; } } private @ Directive ( { selector : 'ejs-splitter>e-panes' , queries : { children : new ContentChildren ( PaneDirective ) } , } ) export class PanesDirective extends ArrayBase < PanesDirective > { constructor ( ) { super ( 'panesettings' ) ; } }