import { Component , ElementRef , ViewContainerRef , Renderer2 , Injector , ChangeDetectionStrategy , QueryList , ValueProvider , ContentChild } from '@angular/core' ; import { ComponentBase , ComponentMixins , IComponentBase , applyMixins , PropertyCollectionInfo , setValue } from '@syncfusion/ej2-angular-base' ; import { Splitter } from '@syncfusion/ej2-layouts' ; import { PanesDirective } from './panesettings.directive' ; export const inputs = [ 'cssClass' , 'enableHtmlSanitizer' , 'enablePersistence' , 'enableReversePanes' , 'enableRtl' , 'enabled' , 'height' , 'locale' , 'orientation' , 'paneSettings' , 'separatorSize' , 'width' ] ; export const outputs = [ 'beforeCollapse' , 'beforeExpand' , 'beforeSanitizeHtml' , 'collapsed' , 'created' , 'expanded' , 'resizeStart' , 'resizeStop' , 'resizing' ] ; export const twoWays = [ '' ] ; /**
 * Represents the Angular Splitter Component
 * ```html
 * <ejs-splitter></ejs-splitter>
 * ```
 */ @ Component ( { selector : 'ejs-splitter' , inputs : inputs , outputs : outputs , template : `<ng-content select='div'></ng-content>` , changeDetection : ChangeDetectionStrategy . OnPush , queries : { childPaneSettings : new ContentChild ( PanesDirective ) } } ) @ ComponentMixins ( [ ComponentBase ] ) export class SplitterComponent extends Splitter implements IComponentBase { public containerContext : any ; public tagObjects : any ; beforeCollapse : any ; beforeExpand : any ; beforeSanitizeHtml : any ; collapsed : any ; created : any ; expanded : any ; resizeStart : any ; resizeStop : any ; public resizing : any ; public childPaneSettings : QueryList < PanesDirective > ; public tags : string [ ] = [ 'paneSettings' ] ; constructor ( private ngEle , private srenderer , private viewContainerRef , private injector ) { super ( ) ; this . element = this . ngEle . nativeElement ; this . injectedModules = this . injectedModules || [ ] ; this . registerEvents ( outputs ) ; this . addTwoWay . call ( this , twoWays ) ; setValue ( 'currentInstance' , this , this . viewContainerRef ) ; this . containerContext = new ComponentBase ( ) ; } public ngOnInit ( ) { this . containerContext . ngOnInit ( this ) ; } public ngAfterViewInit ( ) { this . containerContext . ngAfterViewInit ( this ) ; } public ngOnDestroy ( ) { this . containerContext . ngOnDestroy ( this ) ; } public ngAfterContentChecked ( ) { this . tagObjects [ 0 ] . instance = this . childPaneSettings ; this . containerContext . ngAfterContentChecked ( this ) ; } public registerEvents : ( eventList : string [ ] ) => void ; public addTwoWay : ( propList : string [ ] ) => void ; }