@syncfusion/ej2-angular-navigations
Version:
A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another for Angular
1 lines • 130 kB
Source Map (JSON)
{"version":3,"file":"syncfusion-ej2-angular-navigations.mjs","sources":["../../src/accordion/items.directive.ts","../../src/accordion/accordion.component.ts","../../src/accordion/accordion.module.ts","../../src/accordion/accordion-all.module.ts","../../src/toolbar/items.directive.ts","../../src/toolbar/toolbar.component.ts","../../src/toolbar/toolbar.module.ts","../../src/toolbar/toolbar-all.module.ts","../../src/context-menu/contextmenu.component.ts","../../src/context-menu/contextmenu.module.ts","../../src/context-menu/contextmenu-all.module.ts","../../src/breadcrumb/items.directive.ts","../../src/breadcrumb/breadcrumb.component.ts","../../src/breadcrumb/breadcrumb.module.ts","../../src/breadcrumb/breadcrumb-all.module.ts","../../src/carousel/items.directive.ts","../../src/carousel/carousel.component.ts","../../src/carousel/carousel.module.ts","../../src/carousel/carousel-all.module.ts","../../src/tab/items.directive.ts","../../src/tab/tab.component.ts","../../src/tab/tab.module.ts","../../src/tab/tab-all.module.ts","../../src/treeview/treeview.component.ts","../../src/treeview/treeview.module.ts","../../src/treeview/treeview-all.module.ts","../../src/sidebar/sidebar.component.ts","../../src/sidebar/sidebar.module.ts","../../src/sidebar/sidebar-all.module.ts","../../src/menu/items.directive.ts","../../src/menu/menu.component.ts","../../src/menu/menu.module.ts","../../src/menu/menu-all.module.ts","../../src/appbar/appbar.component.ts","../../src/appbar/appbar.module.ts","../../src/appbar/appbar-all.module.ts","../../src/stepper/steps.directive.ts","../../src/stepper/stepper.component.ts","../../src/stepper/stepper.module.ts","../../src/stepper/stepper-all.module.ts","../../syncfusion-ej2-angular-navigations.ts"],"sourcesContent":["import { Directive, ViewContainerRef, ContentChildren, ContentChild } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { Template } from '@syncfusion/ej2-angular-base';\n\n\nlet input: string[] = ['content', 'cssClass', 'disabled', 'expanded', 'header', 'iconCss', 'id', 'visible'];\nlet outputs: string[] = [];\n/**\n * 'e-accordionitem' directive represent a item of the Angular Accordion.\n * It must be contained in a Accordion component(`ejs-accordion`). \n * ```html\n * <ejs-accordion> \n * <e-accordionitems>\n * <e-accordionitem header='Header1'></e-accordionitem>\n * <e-accordionitem header='Header2' content='Content2'></e-accordionitem>\n * </e-accordionitems>\n * </ejs-accordion>\n * ```\n */\n@Directive({\n selector: 'e-accordionitems>e-accordionitem',\n inputs: input,\n outputs: outputs, \n queries: {\n\n }\n})\nexport class AccordionItemDirective extends ComplexBase<AccordionItemDirective> {\n public directivePropList: any;\n\t\n\n\n /** \n * Defines single/multiple classes (separated by a space) are to be used for Accordion item customization.\n * @default null\n */\n public cssClass: any;\n /** \n * Sets true to disable an accordion item.\n * @default false\n */\n public disabled: any;\n /** \n * Sets the expand (true) or collapse (false) state of the Accordion item. By default, all the items are in a collapsed state.\n * @default false\n */\n public expanded: any;\n /** \n * Defines an icon with the given custom CSS class that is to be rendered before the header text. \n * Add the css classes to the `iconCss` property and write the css styles to the defined class to set images/icons. \n * Adding icon is applicable only to the header. \n * \n * @default null\n */\n public iconCss: any;\n /** \n * Sets unique ID to accordion item.\n * @default null\n */\n public id: any;\n /** \n * Sets false to hide an accordion item.\n * @default true\n */\n public visible: any;\n /** \n * Sets the header text to be displayed for the Accordion item. \n * You can set the title of the Accordion item using `header` property. \n * It also supports to include the title as `HTML element`, `string`, or `query selector`. \n * \n * @default null\n */\n @ContentChild('header')\n @Template()\n public header: any;\n /** \n * Sets the text content to be displayed for the Accordion item. \n * You can set the content of the Accordion item using `content` property. \n * It also supports to include the title as `HTML element`, `string`, or `query selector`. \n * \n * @default null\n */\n @ContentChild('content')\n @Template()\n public content: any;\n\n constructor(private viewContainerRef:ViewContainerRef) {\n super();\n setValue('currentInstance', this, this.viewContainerRef);\n this.registerEvents(outputs);\n this.directivePropList = input;\n }\n}\n\n/**\n * AccordionItem Array Directive\n * @private\n */\n@Directive({\n selector: 'ejs-accordion>e-accordionitems',\n queries: {\n children: new ContentChildren(AccordionItemDirective)\n },\n})\nexport class AccordionItemsDirective extends ArrayBase<AccordionItemsDirective> {\n constructor() {\n super('items');\n }\n}","import { Component, ElementRef, ViewContainerRef, Renderer2, Injector, ChangeDetectionStrategy, QueryList, ValueProvider, ContentChild } from '@angular/core';\nimport { ComponentBase, ComponentMixins, IComponentBase, applyMixins, PropertyCollectionInfo, setValue } from '@syncfusion/ej2-angular-base';\nimport { Accordion } from '@syncfusion/ej2-navigations';\nimport { Template } from '@syncfusion/ej2-angular-base';\nimport { AccordionItemsDirective } from './items.directive';\n\nexport const inputs: string[] = ['animation','dataSource','enableHtmlSanitizer','enablePersistence','enableRtl','expandMode','expandedIndices','headerTemplate','height','itemTemplate','items','locale','width'];\nexport const outputs: string[] = ['clicked','created','destroyed','expanded','expanding','expandedIndicesChange'];\nexport const twoWays: string[] = ['expandedIndices'];\n\n/**\n * Represents the Angular Accordion Component.\n * ```html\n * <ejs-accordion></ejs-accordion>\n * ```\n */\n@Component({\n selector: 'ejs-accordion',\n inputs: inputs,\n outputs: outputs,\n template: `<ng-content select='div'></ng-content>`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n queries: {\n childItems: new ContentChild(AccordionItemsDirective)\n }\n})\n@ComponentMixins([ComponentBase])\nexport class AccordionComponent extends Accordion implements IComponentBase {\n public containerContext : any;\n public tagObjects: any;\n\tclicked: any;\n\tcreated: any;\n\tdestroyed: any;\n\texpanded: any;\n\texpanding: any;\n\tpublic expandedIndicesChange: any;\n public childItems: QueryList<AccordionItemsDirective>;\n public tags: string[] = ['items'];\n /** \n * Specifies the header title template option for accordion items.\n * @default null\n * @angulartype string | object\n * @reacttype string | function | JSX.Element\n * @vuetype string | function\n * @asptype string\n */\n @ContentChild('headerTemplate')\n @Template()\n public headerTemplate: any;\n /** \n * Specifies the template option for accordion items.\n * @default null\n * @angulartype string | object\n * @reacttype string | function | JSX.Element\n * @vuetype string | function\n * @asptype string\n */\n @ContentChild('itemTemplate')\n @Template()\n public itemTemplate: any;\n\n constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector) {\n super();\n this.element = this.ngEle.nativeElement;\n this.injectedModules = this.injectedModules || [];\n\n this.registerEvents(outputs);\n this.addTwoWay.call(this, twoWays);\n setValue('currentInstance', this, this.viewContainerRef);\n this.containerContext = new ComponentBase();\n }\n\n public ngOnInit() {\n this.containerContext.ngOnInit(this);\n }\n\n public ngAfterViewInit(): void {\n this.containerContext.ngAfterViewInit(this);\n }\n\n public ngOnDestroy(): void {\n this.containerContext.ngOnDestroy(this);\n }\n\n public ngAfterContentChecked(): void {\n this.tagObjects[0].instance = this.childItems;\n this.containerContext.ngAfterContentChecked(this);\n }\n\n public registerEvents: (eventList: string[]) => void;\n public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AccordionItemDirective, AccordionItemsDirective } from './items.directive';\nimport { AccordionComponent } from './accordion.component';\n\n/**\n * NgModule definition for the Accordion component.\n */\n@NgModule({\n imports: [CommonModule],\n declarations: [\n AccordionComponent,\n AccordionItemDirective,\n AccordionItemsDirective\n ],\n exports: [\n AccordionComponent,\n AccordionItemDirective,\n AccordionItemsDirective\n ]\n})\nexport class AccordionModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AccordionItemDirective, AccordionItemsDirective } from './items.directive';\nimport { AccordionComponent } from './accordion.component';\nimport { AccordionModule } from './accordion.module';\n\n\n\n\n\n/**\n * NgModule definition for the Accordion component with providers.\n */\n@NgModule({\n imports: [CommonModule, AccordionModule],\n exports: [\n AccordionModule\n ],\n providers:[\n \n ]\n})\nexport class AccordionAllModule { }","import { Directive, ViewContainerRef, ContentChildren, ContentChild } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { Template } from '@syncfusion/ej2-angular-base';\n\n\nlet input: string[] = ['align', 'cssClass', 'disabled', 'htmlAttributes', 'id', 'overflow', 'prefixIcon', 'showAlwaysInPopup', 'showTextOn', 'suffixIcon', 'tabIndex', 'template', 'text', 'tooltipText', 'type', 'visible', 'width'];\nlet outputs: string[] = ['click'];\n/**\n * 'e-item' directive represent a item of the Angular Toolbar.\n * It must be contained in a Toolbar component(`ejs-toolbar`). \n * ```html\n * <ejs-toolbar> \n * <e-items>\n * <e-item text='Cut'></e-item>\n * <e-item text='Copy'></e-item>\n * </e-items>\n * </ejs-toolbar>\n * ```\n */\n@Directive({\n selector: 'e-items>e-item',\n inputs: input,\n outputs: outputs, \n queries: {\n\n }\n})\nexport class ItemDirective extends ComplexBase<ItemDirective> {\n public directivePropList: any;\n\tpublic click: any;\n\n\n /** \n * Specifies the types of command to be rendered in the Toolbar. \n * Supported types are: \n * * `Button`: Creates the Button control with its given properties like text, prefixIcon, etc. \n * * `Separator`: Adds a horizontal line that separates the Toolbar commands. \n * * `Input`: Creates an input element that is applicable to template rendering with Syncfusion controls like DropDownList, \n * AutoComplete, etc.\n * @default 'Button'\n */\n public type: any;\n /** \n * Specifies the location for aligning Toolbar items on the Toolbar. Each command will be aligned according to the `align` property. \n * The possible values for this property as follows \n * * `Left`: To align commands to the left side of the Toolbar. \n * * `Center`: To align commands at the center of the Toolbar. \n * * `Right`: To align commands to the right side of the Toolbar. \n * \n * @default \"Left\"\n * @asppopulatedefaultvalue \n */\n public align: any;\n /** \n * Defines single/multiple classes (separated by space) to be used for customization of commands.\n * @default \"\"\n */\n public cssClass: any;\n /** \n * Specifies whether an item should be disabled or not.\n * @default false\n */\n public disabled: any;\n /** \n * Defines htmlAttributes used to add custom attributes to Toolbar command. \n * Supports HTML attributes such as style, class, etc.\n * @default null\n */\n public htmlAttributes: any;\n /** \n * Specifies the unique ID to be used with button or input element of Toolbar items.\n * @default \"\"\n */\n public id: any;\n /** \n * Specifies the Toolbar command display area when an element's content is too large to fit available space. \n * This is applicable only to `popup` mode. The possible values for this property as follows \n * * `Show`: Always shows the item as the primary priority on the *Toolbar*. \n * * `Hide`: Always shows the item as the secondary priority on the *popup*. \n * * `None`: No priority for display, and as per normal order moves to popup when content exceeds.\n * @default 'None'\n */\n public overflow: any;\n /** \n * Defines single/multiple classes separated by space used to specify an icon for the button. \n * The icon will be positioned before the text content if text is available, otherwise the icon alone will be rendered.\n * @default \"\"\n */\n public prefixIcon: any;\n /** \n * Defines the priority of items to display it in popup always. \n * It allows to maintain toolbar item on popup always but it does not work for toolbar priority items.\n * @default false\n */\n public showAlwaysInPopup: any;\n /** \n * Specifies where the button text will be displayed on *popup mode* of the Toolbar. \n * The possible values for this property as follows \n * * `Toolbar`: Text will be displayed on *Toolbar* only. \n * * `Overflow`: Text will be displayed only when content overflows to *popup*. \n * * `Both`: Text will be displayed on *popup* and *Toolbar*.\n * @default 'Both'\n */\n public showTextOn: any;\n /** \n * Defines single/multiple classes separated by space used to specify an icon for the button. \n * The icon will be positioned after the text content if text is available.\n * @default \"\"\n */\n public suffixIcon: any;\n /** \n * Specifies the tab order of the Toolbar items. When positive values assigned, it allows to switch focus to the next/previous toolbar items with Tab/ShiftTab keys. \n * By default, user can able to switch between items only via arrow keys. \n * If the value is set to 0 for all tool bar items, then tab switches based on element order.\n * @default -1\n */\n public tabIndex: any;\n /** \n * Specifies the text to be displayed on the Toolbar button.\n * @default \"\"\n */\n public text: any;\n /** \n * Specifies the text to be displayed on hovering the Toolbar button.\n * @default \"\"\n */\n public tooltipText: any;\n /** \n * Specifies whether an item should be hidden or not.\n * @default true\n */\n public visible: any;\n /** \n * Specifies the width of the Toolbar button commands.\n * @default 'auto'\n */\n public width: any;\n /** \n * Specifies the HTML element/element ID as a string that can be added as a Toolbar command. \n * \n * @default \"\"\n * @angulartype string | object\n * @reacttype string | function | JSX.Element\n * @vuetype string | function\n * @asptype string\n */\n @ContentChild('template')\n @Template()\n public template: any;\n\n constructor(private viewContainerRef:ViewContainerRef) {\n super();\n setValue('currentInstance', this, this.viewContainerRef);\n this.registerEvents(outputs);\n this.directivePropList = input;\n }\n}\n\n/**\n * Item Array Directive\n * @private\n */\n@Directive({\n selector: 'ejs-toolbar>e-items',\n queries: {\n children: new ContentChildren(ItemDirective)\n },\n})\nexport class ItemsDirective extends ArrayBase<ItemsDirective> {\n constructor() {\n super('items');\n }\n}","import { Component, ElementRef, ViewContainerRef, Renderer2, Injector, ChangeDetectionStrategy, QueryList, ValueProvider, ContentChild } from '@angular/core';\nimport { ComponentBase, ComponentMixins, IComponentBase, applyMixins, PropertyCollectionInfo, setValue } from '@syncfusion/ej2-angular-base';\nimport { Toolbar } from '@syncfusion/ej2-navigations';\n\nimport { ItemsDirective } from './items.directive';\n\nexport const inputs: string[] = ['allowKeyboard','cssClass','enableCollision','enableHtmlSanitizer','enablePersistence','enableRtl','height','items','locale','overflowMode','scrollStep','width'];\nexport const outputs: string[] = ['beforeCreate','clicked','created','destroyed'];\nexport const twoWays: string[] = [''];\n\n/**\n * Represents the Angular Toolbar Component.\n * ```html\n * <ejs-toolbar></ejs-toolbar>\n * ```\n */\n@Component({\n selector: 'ejs-toolbar',\n inputs: inputs,\n outputs: outputs,\n template: `<ng-content select='div'></ng-content>`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n queries: {\n childItems: new ContentChild(ItemsDirective)\n }\n})\n@ComponentMixins([ComponentBase])\nexport class ToolbarComponent extends Toolbar implements IComponentBase {\n public containerContext : any;\n public tagObjects: any;\n\tbeforeCreate: any;\n\tclicked: any;\n\tcreated: any;\n\tpublic destroyed: any;\n public childItems: QueryList<ItemsDirective>;\n public tags: string[] = ['items'];\n\n constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector) {\n super();\n this.element = this.ngEle.nativeElement;\n this.injectedModules = this.injectedModules || [];\n\n this.registerEvents(outputs);\n this.addTwoWay.call(this, twoWays);\n setValue('currentInstance', this, this.viewContainerRef);\n this.containerContext = new ComponentBase();\n }\n\n public ngOnInit() {\n this.containerContext.ngOnInit(this);\n }\n\n public ngAfterViewInit(): void {\n this.containerContext.ngAfterViewInit(this);\n }\n\n public ngOnDestroy(): void {\n this.containerContext.ngOnDestroy(this);\n }\n\n public ngAfterContentChecked(): void {\n this.tagObjects[0].instance = this.childItems;\n this.containerContext.ngAfterContentChecked(this);\n }\n\n public registerEvents: (eventList: string[]) => void;\n public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ItemDirective, ItemsDirective } from './items.directive';\nimport { ToolbarComponent } from './toolbar.component';\n\n/**\n * NgModule definition for the Toolbar component.\n */\n@NgModule({\n imports: [CommonModule],\n declarations: [\n ToolbarComponent,\n ItemDirective,\n ItemsDirective\n ],\n exports: [\n ToolbarComponent,\n ItemDirective,\n ItemsDirective\n ]\n})\nexport class ToolbarModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ItemDirective, ItemsDirective } from './items.directive';\nimport { ToolbarComponent } from './toolbar.component';\nimport { ToolbarModule } from './toolbar.module';\n\n\n\n\n\n/**\n * NgModule definition for the Toolbar component with providers.\n */\n@NgModule({\n imports: [CommonModule, ToolbarModule],\n exports: [\n ToolbarModule\n ],\n providers:[\n \n ]\n})\nexport class ToolbarAllModule { }","import { Component, ElementRef, ViewContainerRef, ChangeDetectionStrategy, QueryList, Renderer2, Injector, ValueProvider } from '@angular/core';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, setValue } from '@syncfusion/ej2-angular-base';\nimport { ContextMenu } from '@syncfusion/ej2-navigations';\n\n\n\nexport const inputs: string[] = ['animationSettings','cssClass','enableHtmlSanitizer','enablePersistence','enableRtl','enableScrolling','fields','filter','hoverDelay','itemTemplate','items','locale','showItemOnClick','target','template'];\nexport const outputs: string[] = ['beforeClose','beforeItemRender','beforeOpen','created','onClose','onOpen','select'];\nexport const twoWays: string[] = [''];\n\n/**\n * Represents the EJ2 Angular ContextMenu Component.\n * ```html\n * <div id='target'>Right click / Touch hold to open the ContextMenu</div>\n * <ejs-contextmenu target='#target' [items]='menuItems'></ejs-contextmenu>\n * ```\n */\n@Component({\n selector: 'ejs-contextmenu',\n inputs: inputs,\n outputs: outputs,\n template: '',\n changeDetection: ChangeDetectionStrategy.OnPush,\n queries: {\n\n }\n})\n@ComponentMixins([ComponentBase])\nexport class ContextMenuComponent extends ContextMenu implements IComponentBase {\n public context : any;\n public tagObjects: any;\n\tbeforeClose: any;\n\tbeforeItemRender: any;\n\tbeforeOpen: any;\n\tcreated: any;\n\tonClose: any;\n\tonOpen: any;\n\tpublic select: any;\n\n\n\n constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector) {\n super();\n this.element = this.ngEle.nativeElement;\n this.injectedModules = this.injectedModules || [];\n\n this.registerEvents(outputs);\n this.addTwoWay.call(this, twoWays);\n setValue('currentInstance', this, this.viewContainerRef);\n this.context = new ComponentBase();\n }\n\n public ngOnInit() {\n this.context.ngOnInit(this);\n }\n\n public ngAfterViewInit(): void {\n this.context.ngAfterViewInit(this);\n }\n\n public ngOnDestroy(): void {\n this.context.ngOnDestroy(this);\n }\n\n public ngAfterContentChecked(): void {\n \n this.context.ngAfterContentChecked(this);\n }\n\n public registerEvents: (eventList: string[]) => void;\n public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ContextMenuComponent } from './contextmenu.component';\n\n/**\n * NgModule definition for the ContextMenu component.\n */\n@NgModule({\n imports: [CommonModule],\n declarations: [\n ContextMenuComponent\n ],\n exports: [\n ContextMenuComponent\n ]\n})\nexport class ContextMenuModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ContextMenuComponent } from './contextmenu.component';\nimport { ContextMenuModule } from './contextmenu.module';\n\n\n\n\n\n/**\n * NgModule definition for the ContextMenu component with providers.\n */\n@NgModule({\n imports: [CommonModule, ContextMenuModule],\n exports: [\n ContextMenuModule\n ],\n providers:[\n \n ]\n})\nexport class ContextMenuAllModule { }","import { Directive, ViewContainerRef, ContentChildren } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\n\n\n\nlet input: string[] = ['disabled', 'iconCss', 'id', 'text', 'url'];\nlet outputs: string[] = [];\n/**\n * `e-breadcrumb-item` directive represent a item of the Angular Breadcrumb.\n * It must be contained in a Breadcrumb component(`ejs-breadcrumb`).\n * ```html\n * <ejs-breadcrumb>\n * <e-breadcrumb-items>\n * <e-breadcrumb-item text='Home' url='/'></e-breadcrumb-item>\n * <e-breadcrumb-item text='Index' url='./index'></e-breadcrumb-item>\n * </e-breadcrumb-items>\n * </ejs-breadcrumb>\n * ```\n */\n@Directive({\n selector: 'ejs-breadcrumb>e-breadcrumb-items>e-breadcrumb-item',\n inputs: input,\n outputs: outputs, \n queries: {\n\n }\n})\nexport class BreadcrumbItemDirective extends ComplexBase<BreadcrumbItemDirective> {\n public directivePropList: any;\n\t\n\n\n /** \n * Enable or disable the breadcrumb item, when set to true, the breadcrumb item will be disabled.\n * @default false\n */\n public disabled: any;\n /** \n * Defines a class/multiple classes separated by a space for the item that is used to include an icon.\n * @default null\n */\n public iconCss: any;\n /** \n * Specifies the id of the Breadcrumb item.\n * @default ''\n */\n public id: any;\n /** \n * Specifies the text content of the Breadcrumb item.\n * @default ''\n */\n public text: any;\n /** \n * Specifies the Url of the Breadcrumb item that will be activated when clicked.\n * @default ''\n */\n public url: any;\n\n constructor(private viewContainerRef:ViewContainerRef) {\n super();\n setValue('currentInstance', this, this.viewContainerRef);\n this.registerEvents(outputs);\n this.directivePropList = input;\n }\n}\n\n/**\n * BreadcrumbItem Array Directive\n * @private\n */\n@Directive({\n selector: 'ejs-breadcrumb>e-breadcrumb-items',\n queries: {\n children: new ContentChildren(BreadcrumbItemDirective)\n },\n})\nexport class BreadcrumbItemsDirective extends ArrayBase<BreadcrumbItemsDirective> {\n constructor() {\n super('items');\n }\n}","import { Component, ElementRef, ViewContainerRef, ChangeDetectionStrategy, QueryList, Renderer2, Injector, ValueProvider, ContentChild } from '@angular/core';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, setValue } from '@syncfusion/ej2-angular-base';\nimport { Breadcrumb } from '@syncfusion/ej2-navigations';\nimport { Template } from '@syncfusion/ej2-angular-base';\nimport { BreadcrumbItemsDirective } from './items.directive';\n\nexport const inputs: string[] = ['activeItem','cssClass','disabled','enableActiveItemNavigation','enableNavigation','enablePersistence','enableRtl','itemTemplate','items','locale','maxItems','overflowMode','separatorTemplate','url'];\nexport const outputs: string[] = ['beforeItemRender','created','itemClick','activeItemChange'];\nexport const twoWays: string[] = ['activeItem'];\n\n/**\n * Represents the EJ2 Angular Breadcrumb Component.\n * ```html\n * <ejs-breadcrumb [items]='breadcrumbItems'></ejs-breadcrumb>\n * ```\n */\n@Component({\n selector: 'ejs-breadcrumb',\n inputs: inputs,\n outputs: outputs,\n template: '',\n changeDetection: ChangeDetectionStrategy.OnPush,\n queries: {\n childItems: new ContentChild(BreadcrumbItemsDirective)\n }\n})\n@ComponentMixins([ComponentBase])\nexport class BreadcrumbComponent extends Breadcrumb implements IComponentBase {\n public context : any;\n public tagObjects: any;\n\tbeforeItemRender: any;\n\tcreated: any;\n\titemClick: any;\n\tpublic activeItemChange: any;\n public childItems: QueryList<BreadcrumbItemsDirective>;\n public tags: string[] = ['items'];\n /** \n * Specifies the separator template for Breadcrumb.\n * @default '/'\n * @asptype string\n */\n @ContentChild('separatorTemplate')\n @Template()\n public separatorTemplate: any;\n /** \n * Specifies the template for Breadcrumb item.\n * @default null\n * @asptype string\n */\n @ContentChild('itemTemplate')\n @Template()\n public itemTemplate: any;\n\n constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector) {\n super();\n this.element = this.ngEle.nativeElement;\n this.injectedModules = this.injectedModules || [];\n\n this.registerEvents(outputs);\n this.addTwoWay.call(this, twoWays);\n setValue('currentInstance', this, this.viewContainerRef);\n this.context = new ComponentBase();\n }\n\n public ngOnInit() {\n this.context.ngOnInit(this);\n }\n\n public ngAfterViewInit(): void {\n this.context.ngAfterViewInit(this);\n }\n\n public ngOnDestroy(): void {\n this.context.ngOnDestroy(this);\n }\n\n public ngAfterContentChecked(): void {\n this.tagObjects[0].instance = this.childItems;\n this.context.ngAfterContentChecked(this);\n }\n\n public registerEvents: (eventList: string[]) => void;\n public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BreadcrumbItemDirective, BreadcrumbItemsDirective } from './items.directive';\nimport { BreadcrumbComponent } from './breadcrumb.component';\n\n/**\n * NgModule definition for the Breadcrumb component.\n */\n@NgModule({\n imports: [CommonModule],\n declarations: [\n BreadcrumbComponent,\n BreadcrumbItemDirective,\n BreadcrumbItemsDirective\n ],\n exports: [\n BreadcrumbComponent,\n BreadcrumbItemDirective,\n BreadcrumbItemsDirective\n ]\n})\nexport class BreadcrumbModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BreadcrumbItemDirective, BreadcrumbItemsDirective } from './items.directive';\nimport { BreadcrumbComponent } from './breadcrumb.component';\nimport { BreadcrumbModule } from './breadcrumb.module';\n\n\n\n\n\n/**\n * NgModule definition for the Breadcrumb component with providers.\n */\n@NgModule({\n imports: [CommonModule, BreadcrumbModule],\n exports: [\n BreadcrumbModule\n ],\n providers:[\n \n ]\n})\nexport class BreadcrumbAllModule { }","import { Directive, ViewContainerRef, ContentChildren, ContentChild } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { Template } from '@syncfusion/ej2-angular-base';\n\n\nlet input: string[] = ['cssClass', 'htmlAttributes', 'interval', 'template'];\nlet outputs: string[] = [];\n/**\n * `e-carousel-item` directive represent a item of the Angular Carousel.\n * It must be contained in a Carousel component(`ejs-carousel`).\n * ```html\n * <ejs-carousel>\n * <e-carousel-items>\n * <e-carousel-item template='#item1'></e-carousel-item>\n * <e-carousel-item template='#item2'></e-carousel-item>\n * </e-carousel-items>\n * </ejs-carousel>\n * ```\n */\n@Directive({\n selector: 'ejs-carousel>e-carousel-items>e-carousel-item',\n inputs: input,\n outputs: outputs, \n queries: {\n\n }\n})\nexport class CarouselItemDirective extends ComplexBase<CarouselItemDirective> {\n public directivePropList: any;\n\t\n\n\n /** \n * Accepts single/multiple classes (separated by a space) to be used for individual carousel item customization.\n * @default null\n */\n public cssClass: any;\n /** \n * Accepts HTML attributes/custom attributes to add in individual carousel item.\n * @default null\n */\n public htmlAttributes: any;\n /** \n * Accepts the interval duration in milliseconds for individual carousel item transition.\n * @default null\n */\n public interval: any;\n /** \n * Accepts the template for individual carousel item.\n * @default null\n * @angulartype string | object\n * @reacttype string | function | JSX.Element\n * @vuetype string | function\n * @asptype string\n */\n @ContentChild('template')\n @Template()\n public template: any;\n\n constructor(private viewContainerRef:ViewContainerRef) {\n super();\n setValue('currentInstance', this, this.viewContainerRef);\n this.registerEvents(outputs);\n this.directivePropList = input;\n }\n}\n\n/**\n * CarouselItem Array Directive\n * @private\n */\n@Directive({\n selector: 'ejs-carousel>e-carousel-items',\n queries: {\n children: new ContentChildren(CarouselItemDirective)\n },\n})\nexport class CarouselItemsDirective extends ArrayBase<CarouselItemsDirective> {\n constructor() {\n super('items');\n }\n}","import { Component, ElementRef, ViewContainerRef, ChangeDetectionStrategy, QueryList, Renderer2, Injector, ValueProvider, ContentChild } from '@angular/core';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, setValue } from '@syncfusion/ej2-angular-base';\nimport { Carousel } from '@syncfusion/ej2-navigations';\nimport { Template } from '@syncfusion/ej2-angular-base';\nimport { CarouselItemsDirective } from './items.directive';\n\nexport const inputs: string[] = ['allowKeyboardInteraction','animationEffect','autoPlay','buttonsVisibility','cssClass','dataSource','enablePersistence','enableRtl','enableTouchSwipe','height','htmlAttributes','indicatorsTemplate','indicatorsType','interval','itemTemplate','items','locale','loop','nextButtonTemplate','partialVisible','pauseOnHover','playButtonTemplate','previousButtonTemplate','selectedIndex','showIndicators','showPlayButton','swipeMode','width'];\nexport const outputs: string[] = ['slideChanged','slideChanging','selectedIndexChange'];\nexport const twoWays: string[] = ['selectedIndex'];\n\n/**\n * Represents the EJ2 Angular Carousel Component.\n * ```html\n * <ejs-carousel [items]='carouselItems'></ejs-carousel>\n * ```\n */\n@Component({\n selector: 'ejs-carousel',\n inputs: inputs,\n outputs: outputs,\n template: '',\n changeDetection: ChangeDetectionStrategy.OnPush,\n queries: {\n childItems: new ContentChild(CarouselItemsDirective)\n }\n})\n@ComponentMixins([ComponentBase])\nexport class CarouselComponent extends Carousel implements IComponentBase {\n public context : any;\n public tagObjects: any;\n\tslideChanged: any;\n\tslideChanging: any;\n\tpublic selectedIndexChange: any;\n public childItems: QueryList<CarouselItemsDirective>;\n public tags: string[] = ['items'];\n /** \n * Accepts the template for indicator buttons.\n * @default null\n * @angulartype string | object\n * @reacttype string | function | JSX.Element\n * @vuetype string | function\n * @asptype string\n */\n @ContentChild('indicatorsTemplate')\n @Template()\n public indicatorsTemplate: any;\n /** \n * Accepts the template for next navigation button.\n * @default null\n * @angulartype string | object\n * @reacttype string | function | JSX.Element\n * @vuetype string | function\n * @asptype string\n */\n @ContentChild('nextButtonTemplate')\n @Template()\n public nextButtonTemplate: any;\n /** \n * Accepts the template for previous navigation button.\n * @default null\n * @angulartype string | object\n * @reacttype string | function | JSX.Element\n * @vuetype string | function\n * @asptype string\n */\n @ContentChild('previousButtonTemplate')\n @Template()\n public previousButtonTemplate: any;\n /** \n * Accepts the template for play/pause button.\n * @default null\n * @angulartype string | object\n * @reacttype string | function | JSX.Element\n * @vuetype string | function\n * @asptype string\n */\n @ContentChild('playButtonTemplate')\n @Template()\n public playButtonTemplate: any;\n /** \n * Specifies the template option for carousel items.\n * @default null\n * @angulartype string | object\n * @reacttype string | function | JSX.Element\n * @vuetype string | function\n * @asptype string\n */\n @ContentChild('itemTemplate')\n @Template()\n public itemTemplate: any;\n\n constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector) {\n super();\n this.element = this.ngEle.nativeElement;\n this.injectedModules = this.injectedModules || [];\n\n this.registerEvents(outputs);\n this.addTwoWay.call(this, twoWays);\n setValue('currentInstance', this, this.viewContainerRef);\n this.context = new ComponentBase();\n }\n\n public ngOnInit() {\n this.context.ngOnInit(this);\n }\n\n public ngAfterViewInit(): void {\n this.context.ngAfterViewInit(this);\n }\n\n public ngOnDestroy(): void {\n this.context.ngOnDestroy(this);\n }\n\n public ngAfterContentChecked(): void {\n this.tagObjects[0].instance = this.childItems;\n this.context.ngAfterContentChecked(this);\n }\n\n public registerEvents: (eventList: string[]) => void;\n public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CarouselItemDirective, CarouselItemsDirective } from './items.directive';\nimport { CarouselComponent } from './carousel.component';\n\n/**\n * NgModule definition for the Carousel component.\n */\n@NgModule({\n imports: [CommonModule],\n declarations: [\n CarouselComponent,\n CarouselItemDirective,\n CarouselItemsDirective\n ],\n exports: [\n CarouselComponent,\n CarouselItemDirective,\n CarouselItemsDirective\n ]\n})\nexport class CarouselModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CarouselItemDirective, CarouselItemsDirective } from './items.directive';\nimport { CarouselComponent } from './carousel.component';\nimport { CarouselModule } from './carousel.module';\n\n\n\n\n\n/**\n * NgModule definition for the Carousel component with providers.\n */\n@NgModule({\n imports: [CommonModule, CarouselModule],\n exports: [\n CarouselModule\n ],\n providers:[\n \n ]\n})\nexport class CarouselAllModule { }","import { Directive, ViewContainerRef, ContentChildren, ContentChild } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { Template } from '@syncfusion/ej2-angular-base';\n\n\nlet input: string[] = ['content', 'cssClass', 'disabled', 'header', 'headerTemplate', 'id', 'tabIndex', 'visible'];\nlet outputs: string[] = [];\n/**\n * 'e-tabitem' directive represent a item of the Angular Tab.\n * It must be contained in a Tab component(`ejs-tab`). \n * ```html\n * <ejs-tab>\n * <e-tabitems>\n * <e-tabitem [header]='Header 1' [content]='Content 1'></e-tabitem>\n * <e-tabitem [header]='Header 2' [content]='Content 2'></e-tabitem>\n * <e-tabitems> \n * </ejs-tab>\n * ```\n */\n@Directive({\n selector: 'e-tabitems>e-tabitem',\n inputs: input,\n outputs: outputs, \n queries: {\n\n }\n})\nexport class TabItemDirective extends ComplexBase<TabItemDirective> {\n public directivePropList: any;\n\t\n\n\n /** \n * Sets the CSS classes to the Tab item to customize its styles.\n * @default ''\n */\n public cssClass: any;\n /** \n * Sets true to disable user interactions of the Tab item.\n * @default false\n */\n public disabled: any;\n /** \n * The object used for configuring the Tab item header properties.\n * @default {}\n */\n public header: any;\n /** \n * Sets unique ID to Tab item.\n * @default null\n */\n public id: any;\n /** \n * Specifies the tab order of the Tabs items. When positive values assigned, it allows to switch focus to the next/previous tabs items with Tab/ShiftTab keys. \n * By default, user can able to switch between items only via arrow keys. \n * If the value is set to 0 for all tabs items, then tab switches based on element order.\n * @default -1\n */\n public tabIndex: any;\n /** \n * Sets false to hide the Tab item.\n * @default true\n */\n public visible: any;\n /** \n * Specifies the content of Tab item, that is displayed when concern item header is selected.\n * @default ''\n * @angulartype string | object\n * @reacttype string | function | JSX.Element\n * @vuetype string | function\n * @asptype string\n */\n @ContentChild('content')\n @Template()\n public content: any;\n @ContentChild('headerText')\n @Template()\n public header_text: any;\n /** \n * Specifies the header text of Tab item.\n * @default null\n * @angulartype string | object\n * @reacttype string | function | JSX.Element\n * @vuetype string | function\n * @asptype string\n */\n @ContentChild('headerTemplate')\n @Template()\n public headerTemplate: any;\n\n constructor(private viewContainerRef:ViewContainerRef) {\n super();\n setValue('currentInstance', this, this.viewContainerRef);\n this.registerEvents(outputs);\n this.directivePropList = input;\n }\n}\n\n/**\n * TabItem Array Directive\n * @private\n */\n@Directive({\n selector: 'ejs-tab>e-tabitems',\n queries: {\n children: new ContentChildren(TabItemDirective)\n },\n})\nexport class TabItemsDirective extends ArrayBase<TabItemsDirective> {\n constructor() {\n super('items');\n }\n}","import { Component, ElementRef, ViewContainerRef, Renderer2, Injector, ChangeDetectionStrategy, QueryList, ValueProvider, ContentChild } from '@angular/core';\nimport { ComponentBase, ComponentMixins, IComponentBase, applyMixins, PropertyCollectionInfo, setValue } from '@syncfusion/ej2-angular-base';\nimport { Tab } from '@syncfusion/ej2-navigations';\n\nimport { TabItemsDirective } from './items.directive';\n\nexport const inputs: string[] = ['allowDragAndDrop','animation','clearTemplates','cssClass','dragArea','enableHtmlSanitizer','enablePersistence','enableRtl','headerPlacement','height','heightAdjustMode','items','loadOn','locale','overflowMode','reorderActiveTab','scrollStep','selectedItem','showCloseButton','swipeMode','width'];\nexport const outputs: string[] = ['added','adding','created','destroyed','dragged','dragging','onDragStart','removed','removing','selected','selecting'];\nexport const twoWays: string[] = [''];\n\n/**\n * Represents the Angular Tab Component.\n * ```html\n * <ejs-tab></ejs-tab>\n * ```\n */\n@Component({\n selector: 'ejs-tab',\n inputs: inputs,\n outputs: outputs,\n template: `<ng-content select='div'></ng-content>`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n queries: {\n childItems: new ContentChild(TabItemsDirective)\n }\n})\n@ComponentMixins([ComponentBase])\nexport class TabComponent extends Tab implements IComponentBase {\n public containerContext : any;\n public tagObjects: any;\n\tadded: any;\n\tadding: any;\n\tcreated: any;\n\tdestroyed: any;\n\tdragged: any;\n\tdragging: any;\n\tonDragStart: any;\n\tremoved: any;\n\tremoving: any;\n\tselected: any;\n\tpublic selecting: any;\n public childItems: QueryList<TabItemsDirective>;\n public tags: string[] = ['items'];\n\n constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector) {\n super();\n this.element = this.ngEle.nativeElement;\n this.injectedModules = this.injectedModules || [];\n\n this.registerEvents(outputs);\n this.addTwoWay.call(this, twoWays);\n setValue('currentInstance', this, this.viewContainerRef);\n this.containerContext = new ComponentBase();\n }\n\n public ngOnInit() {\n this.containerContext.ngOnInit(this);\n }\n\n public ngAfterViewInit(): void {\n this.containerContext.ngAfterViewInit(this);\n }\n\n public ngOnDestroy(): void {\n this.containerContext.ngOnDestroy(this);\n }\n\n public ngAfterContentChecked(): void {\n this.tagObjects[0].instance = this.childItems;\n this.containerContext.ngAfterContentChecked(this);\n }\n\n public registerEvents: (eventList: string[]) => void;\n public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TabItemDirective, TabItemsDirective } from './items.directive';\nimport { TabComponent } from './tab.component';\n\n/**\n * NgModule definition for the Tab component.\n */\n@NgModule({\n imports: [CommonModule],\n declarations: [\n TabComponent,\n TabItemDirective,\n TabItemsDirective\n ],\n exports: [\n TabComponent,\n TabItemDirective,\n TabItemsDirective\n ]\n})\nexport class TabModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TabItemDirective, TabItemsDirective } from './items.directive';\nimport { TabComponent } from './tab.component';\nimport { TabModule } from './tab.module';\n\n\n\n\n\n/**\n * NgModule definition for the Tab component with providers.\n */\n@NgModule({\n imports: [CommonModule, TabModule],\n exports: [\n TabModule\n ],\n providers:[\n \n ]\n})\nexport class TabAllModule { }","import { Component, ElementRef, ViewContainerRef, ChangeDetectionStrategy, QueryList, Renderer2, Injector, ValueProvider, ContentChild } from '@angular/core';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, setValue } from '@syncfusion/ej2-angular-base';\nimport { TreeView } from '@syncfusion/ej2-navigations';\nimport { Template } from '@syncfusion/ej2-angular-base';\n\n\nexport const inputs: string[] = ['allowDragAndDrop','allowEditing','allowMultiSelection','allowTextWrap','animation','autoCheck','checkDisabledChildren','checkedNodes','cssClass','disabled','dragArea','enableHtmlSanitizer','enablePersistence','enableRtl','expandOn','expandedNodes','fields','fullRowNavigable','fullRowSelect','loadOnDemand','locale','nodeTemplate','selectedNodes','showCheckBox','sortOrder'];\nexport const outputs: string[] = ['actionFailure','created','dataBound','dataSourceChanged','destroyed','drawNode','keyPress','nodeChecked','nodeChecking','nodeClicked','nodeCollapsed','nodeCollapsing','nodeDragStart','nodeDragStop','nodeDragging','nodeDropped','nodeEdited','nodeEditing','nodeExpanded','nodeExpanding','nodeSelected','nodeSelecting'];\nexport const twoWays: string[] = [''];\n\n/**\n * TreeView component is used to represent the hierarchical data in tree like structure with advanced functions to perform edit, drag and drop, selection with check-box and more.\n * ```html\n * <ej-treeview allowDragAndDrop='true'></ej-treeview>\n * ```\n */\n@Component({\n selector: 'ejs-treeview',\n inputs: inputs,\n outputs: outputs,\n template: '',\n changeDetection: ChangeDetectionStrategy.OnPush,\n queries: {\n\n }\n})\n@ComponentMixins([ComponentBase])\nexport class TreeViewComponent extends TreeView implements IComponentBase {\n public context : any;\n public tagObjects: any;\n\tactionFailure: any;\n\tcreated: any;\n\tdataBound: any;\n\tdataSourceChanged: any;\n\tdestroyed: any;\n\tdrawNode: any;\n\tkeyPress: any;\n\tnodeChecked: any;\n\tnodeChecking: any;\n\tnodeClicked: any;\n\tnodeCollapsed: any;\n\tnodeCollapsing: any;\n\tnodeDragStart: any;\n\tnodeDragStop: any;\n\tnodeDragging: any;\n\tnodeDropped: any;\n\tnodeEdited: any;\n\tnodeEditing: any;\n\tnodeExpanded: any;\n\tnodeExpanding: any;\n\tnodeSelected: any;\n\tpublic nodeSelecting: any;\n\n\n /** \n * Specifies a template to render customized content for all the nodes. If the `nodeTemplate` property \n * is set, the template content overrides the displayed node text. The property accepts template string \n * [template string](https://ej2.syncfusion.com/documentation/common/template-engine/) \n * or HTML element ID holding the content. For more information on template concept, refer to \n * [Template](../../treeview/template/).\n * @default null\n * @angulartype string | object\n * @reacttype string | function | JSX.Element\n * @vuetype string | function\n * @asptype string\n */\n @ContentChild('nodeTemplate')\n @Template()\n public nodeTemplate: any;\n\n constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector) {\n super();\n this.element = this.ngEle.nativeElement;\n this.injectedModules = this.injectedModules || [];\n\n this.registerEvents(outputs);\n this.addTwoWay.call(this, twoWays);\n setValue('currentInstance', this, this.viewContainerRef);\n this.context = new ComponentBase();\n }\n\n public ngOnInit() {\n this.context.ngOnInit(this);\n }\n\n public ngAfterViewInit(): void {\n this.context.ngAfterViewInit(this);\n }\n\n public ngOnDestroy(): void {\n this.context.ngOnDestroy(this);\n }\n\n public ngAfterContentChecked(): void {\n \n this.context.ngAfterContentChecked(this);\n }\n\n public registerEvents: (eventList: string[]) => void;\n public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TreeViewComponent } from './treeview.component';\n\n/**\n * NgModule definition for the TreeView component.\n */\n@NgModule({\n imports: [CommonModule],\n declarations: [\n TreeViewComponent\n ],\n exports: [\n TreeViewComponent\n ]\n})\nexport class TreeViewModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TreeViewComponent } from './treeview.component';\nimport { TreeViewModule } from './treeview.module';\n\n\n\n\n\n/**\n * NgModule definition for the TreeView componen