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 = [ 'animationDelay' , 'animationDuration' , 'border' , 'colorValuePath' , 'dashArray' , 'dataSource' , 'fill' , 'height' , 'highlightSettings' , 'imageUrl' , 'imageUrlValuePath' , 'initialMarkerSelection' , 'latitudeValuePath' , 'legendText' , 'longitudeValuePath' , 'offset' , 'opacity' , 'query' , 'selectionSettings' , 'shape' , 'shapeValuePath' , 'template' , 'tooltipSettings' , 'visible' , 'width' ] ; let outputs = [ ] ; /**
 * Layer Directive
 * ```html
 * <e-layers>
 * <e-layer>
 * <e-markerSettings>
 * <e-markerSetting>
 * </e-markerSetting>
 * </e-markerSettings>
 * </e-layer>
 * </e-layers>
 * ```
 */ @ Directive ( { selector : 'e-layer>e-markerSettings>e-markerSetting' , inputs : input , outputs : outputs , queries : { } } ) export class MarkerDirective extends ComplexBase < MarkerDirective > { public directivePropList : any ; default public animationDelay : any ; default public animationDuration : any ; /**
     * Sets and gets the options for customizing the color and width of the border for the marker in maps.
     */ public border : any ; default public colorValuePath : any ; /**
     * Sets and gets the dash-array for the marker.
     */ public dashArray : any ; isobservable default public dataSource : any ; default public fill : any ; default public height : any ; /**
     * Sets and gets the options to customize the marker while the mouse has hovered on the marker in maps.
     */ public highlightSettings : any ; /**
     * Sets and gets the URL for rendering the marker as image.
     */ public imageUrl : any ; default public imageUrlValuePath : any ; /**
     * To select the shape at the rendering time.
     */ public initialMarkerSelection : any ; /**
     * Defines the value path from the marker data source for setting latitude for a set of markers.
     */ public latitudeValuePath : any ; default public legendText : any ; /**
     * Defines the value path from the marker data source for setting longitude for a set of markers.
     */ public longitudeValuePath : any ; /**
     * Sets and gets the position to move the marker by setting specific value.
     */ public offset : any ; default public opacity : any ; default public query : any ; /**
     * Sets and gets the options to customize the marker while selecting the marker in maps.
     */ public selectionSettings : any ; default public shape : any ; default public shapeValuePath : any ; /**
     * Sets and gets the options to customize the tooltip for the marker in maps.
     */ public tooltipSettings : any ; default public visible : any ; default public width : any ; default @ ContentChild ( 'template' ) @ Template ( ) public template : any ; @ ContentChild ( 'tooltipSettingsTemplate' ) @ Template ( ) public tooltipSettings_template : any ; constructor ( private viewContainerRef ) { super ( ) ; setValue ( 'currentInstance' , this , this . viewContainerRef ) ; this . registerEvents ( outputs ) ; this . directivePropList = input ; } } private @ Directive ( { selector : 'e-layer>e-markerSettings' , queries : { children : new ContentChildren ( MarkerDirective ) } , } ) export class MarkersDirective extends ArrayBase < MarkersDirective > { constructor ( ) { super ( 'markersettings' ) ; } }