@syncfusion/ej2-angular-navigations 16.4.45 → 16.4.52-46585

package/schematics/ng-add/schema.ts

@@ -0,0 +1,30 @@
+export interface OptionsSchema {
+    // Whether to skip package.json install.
+    skipPackageJson: boolean;
+
+    // Used to specify required module names
+    modules: string;
+
+    // Used to specify custom module path
+    modulePath: string;
+
+    // Used to specify theme name
+    theme:  'material' | 'fabric' | 'bootstrap' | 'highcontrast';
+
+    // Name of the project to target.
+    project?: string;
+}
+
+export interface LibOptionsSchema {
+    // Package name
+    pkgName: string;
+
+    // Package version
+    pkgVer: string;
+
+    // Library base module name
+    moduleName: string;
+
+    // Theme version
+    themeVer: string;
+}

package/schematics/tsconfig.json

@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "lib": ["es2017", "dom"],
+        "module": "commonjs",
+        "moduleResolution": "node",
+        "noEmitOnError": false,
+        "skipDefaultLibCheck": true,
+        "skipLibCheck": true,
+        "sourceMap": true,
+        "target": "es6",
+        "declaration": true,
+        "types": [
+            "jasmine",
+            "node"
+        ]
+    },
+    "exclude": [
+        "node_modules",
+        "src",
+        "src/**/*.ts",
+        "spec",
+        "spec/**/*.ts",
+        "@typings"
+    ]
+}

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-navigations";
-export declare const pkgVer = "^16.4.44";
-export declare const moduleName = "AccordionModule, ToolbarModule, ContextMenuModule, TabModule, TreeViewModule, SidebarModule, MenuModule";
-export declare const themeVer = "~16.4.44";
+export declare const pkgVer = "^21.1.37";
+export declare const moduleName = "AccordionModule, ToolbarModule, ContextMenuModule, BreadcrumbModule, CarouselModule, TabModule, TreeViewModule, SidebarModule, MenuModule, AppBarModule";
+export declare const themeVer = "~21.1.37";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-navigations';
-exports.pkgVer = '^16.4.44';
-exports.moduleName = 'AccordionModule, ToolbarModule, ContextMenuModule, TabModule, TreeViewModule, SidebarModule, MenuModule';
-exports.themeVer = '~16.4.44';
+exports.pkgVer = '^21.1.37';
+exports.moduleName = 'AccordionModule, ToolbarModule, ContextMenuModule, BreadcrumbModule, CarouselModule, TabModule, TreeViewModule, SidebarModule, MenuModule, AppBarModule';
+exports.themeVer = '~21.1.37';

package/schematics/utils/lib-details.ts

@@ -0,0 +1,4 @@
+export const pkgName = '@syncfusion/ej2-angular-navigations';
+export const pkgVer = '^21.1.37';
+export const moduleName = 'AccordionModule, ToolbarModule, ContextMenuModule, BreadcrumbModule, CarouselModule, TabModule, TreeViewModule, SidebarModule, MenuModule, AppBarModule';
+export const themeVer = '~21.1.37';

package/src/accordion/accordion.component.d.ts

@@ -1,11 +1,12 @@
-import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
+import { ElementRef, ViewContainerRef, Renderer2, Injector, QueryList } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Accordion } from '@syncfusion/ej2-navigations';
+import { AccordionItemsDirective } from './items.directive';
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
 /**
- * Represents the Essential JS 2 Angular Accordion Component.
+ * Represents the Angular Accordion Component.
  * ```html
  * <ejs-accordion></ejs-accordion>
  * ```
@@ -15,8 +16,26 @@ export declare class AccordionComponent extends Accordion implements IComponentB
     private srenderer;
     private viewContainerRef;
     private injector;
-    childItems: any;
+    containerContext: any;
+    tagObjects: any;
+    clicked: any;
+    created: any;
+    destroyed: any;
+    expanded: any;
+    expanding: any;
+    expandedIndicesChange: any;
+    childItems: QueryList<AccordionItemsDirective>;
     tags: string[];
+    /**
+     * Specifies the header title template option for accordion items.
+     * @default null
+     */
+    headerTemplate: any;
+    /**
+     * Specifies the template option for accordion items.
+     * @default null
+     */
+    itemTemplate: any;
     constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/src/accordion/items.directive.d.ts

@@ -1,9 +1,10 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
 /**
- * ItemDirective represent a item of the Essential JS 2 Angular Accordion.
+ * 'e-accordionitem' directive represent a item of the Angular Accordion.
+ * It must be contained in a Accordion component(`ejs-accordion`).
  * ```html
- * <ejs-accordion >
+ * <ejs-accordion>
  *   <e-accordionitems>
  *    <e-accordionitem header='Header1'></e-accordionitem>
  *    <e-accordionitem header='Header2' content='Content2'></e-accordionitem>
@@ -13,14 +14,20 @@ import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
  */
 export declare class AccordionItemDirective extends ComplexBase<AccordionItemDirective> {
     private viewContainerRef;
+    directivePropList: any;
     /**
      * Defines single/multiple classes (separated by a space) are to be used for Accordion item customization.
-     * @default undefined
+     * @default null
      */
     cssClass: any;
+    /**
+     * Sets true to disable an accordion item.
+     * @default false
+     */
+    disabled: any;
     /**
      * Sets the expand (true) or collapse (false) state of the Accordion item. By default, all the items are in a collapsed state.
-     * @default 'false'
+     * @default false
      */
     expanded: any;
     /**
@@ -28,15 +35,25 @@ export declare class AccordionItemDirective extends ComplexBase<AccordionItemDir
      * Add the css classes to the `iconCss` property and write the css styles to the defined class to set images/icons.
      * Adding icon is applicable only to the header.
      *
-     * @default undefined
+     * @default null
      */
     iconCss: any;
+    /**
+     * Sets unique ID to accordion item.
+     * @default null
+     */
+    id: any;
+    /**
+     * Sets false to hide an accordion item.
+     * @default true
+     */
+    visible: any;
     /**
      * Sets the header text to be displayed for the Accordion item.
      * You can set the title of the Accordion item using `header` property.
      * It also supports to include the title as `HTML element`, `string`, or `query selector`.
      *
-     * @default undefined
+     * @default null
      */
     header: any;
     /**
@@ -44,7 +61,7 @@ export declare class AccordionItemDirective extends ComplexBase<AccordionItemDir
      * You can set the content of the Accordion item using `content` property.
      * It also supports to include the title as `HTML element`, `string`, or `query selector`.
      *
-     * @default undefined
+     * @default null
      */
     content: any;
     constructor(viewContainerRef: ViewContainerRef);

package/src/appbar/appbar-all.module.d.ts

@@ -0,0 +1,5 @@
+/**
+ * NgModule definition for the AppBar component with providers.
+ */
+export declare class AppBarAllModule {
+}

package/src/appbar/appbar.component.d.ts

@@ -0,0 +1,29 @@
+import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
+import { IComponentBase } from '@syncfusion/ej2-angular-base';
+import { AppBar } from '@syncfusion/ej2-navigations';
+export declare const inputs: string[];
+export declare const outputs: string[];
+export declare const twoWays: string[];
+/**
+ * Represents the Essential JS 2 Angular AppBar Component.
+ * ```html
+ * <ejs-appbar></ejs-appbar>
+ * ```
+ */
+export declare class AppBarComponent extends AppBar implements IComponentBase {
+    private ngEle;
+    private srenderer;
+    private viewContainerRef;
+    private injector;
+    containerContext: any;
+    tagObjects: any;
+    created: any;
+    destroyed: any;
+    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    ngAfterContentChecked(): void;
+    registerEvents: (eventList: string[]) => void;
+    addTwoWay: (propList: string[]) => void;
+}

package/src/appbar/appbar.module.d.ts

@@ -0,0 +1,5 @@
+/**
+ * NgModule definition for the AppBar component.
+ */
+export declare class AppBarModule {
+}

package/src/breadcrumb/breadcrumb-all.module.d.ts

@@ -0,0 +1,5 @@
+/**
+ * NgModule definition for the Breadcrumb component with providers.
+ */
+export declare class BreadcrumbAllModule {
+}

package/src/breadcrumb/breadcrumb.component.d.ts

@@ -0,0 +1,44 @@
+import { ElementRef, ViewContainerRef, QueryList, Renderer2, Injector } from '@angular/core';
+import { IComponentBase } from '@syncfusion/ej2-angular-base';
+import { Breadcrumb } from '@syncfusion/ej2-navigations';
+import { BreadcrumbItemsDirective } from './items.directive';
+export declare const inputs: string[];
+export declare const outputs: string[];
+export declare const twoWays: string[];
+/**
+ * Represents the EJ2 Angular Breadcrumb Component.
+ * ```html
+ * <ejs-breadcrumb [items]='breadcrumbItems'></ejs-breadcrumb>
+ * ```
+ */
+export declare class BreadcrumbComponent extends Breadcrumb implements IComponentBase {
+    private ngEle;
+    private srenderer;
+    private viewContainerRef;
+    private injector;
+    context: any;
+    tagObjects: any;
+    beforeItemRender: any;
+    created: any;
+    itemClick: any;
+    activeItemChange: any;
+    childItems: QueryList<BreadcrumbItemsDirective>;
+    tags: string[];
+    /**
+     * Specifies the separator template for Breadcrumb.
+     * @default '/'
+     */
+    separatorTemplate: any;
+    /**
+     * Specifies the template for Breadcrumb item.
+     * @default null
+     */
+    itemTemplate: any;
+    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    ngAfterContentChecked(): void;
+    registerEvents: (eventList: string[]) => void;
+    addTwoWay: (propList: string[]) => void;
+}

package/src/breadcrumb/breadcrumb.module.d.ts

@@ -0,0 +1,5 @@
+/**
+ * NgModule definition for the Breadcrumb component.
+ */
+export declare class BreadcrumbModule {
+}

package/src/breadcrumb/items.directive.d.ts

@@ -0,0 +1,46 @@
+import { ViewContainerRef } from '@angular/core';
+import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
+/**
+ * `e-breadcrumb-item` directive represent a item of the Angular Breadcrumb.
+ * It must be contained in a Breadcrumb component(`ejs-breadcrumb`).
+ * ```html
+ * <ejs-breadcrumb>
+ *   <e-breadcrumb-items>
+ *    <e-breadcrumb-item text='Home' url='/'></e-breadcrumb-item>
+ *    <e-breadcrumb-item text='Index' url='./index'></e-breadcrumb-item>
+ *   </e-breadcrumb-items>
+ * </ejs-breadcrumb>
+ * ```
+ */
+export declare class BreadcrumbItemDirective extends ComplexBase<BreadcrumbItemDirective> {
+    private viewContainerRef;
+    directivePropList: any;
+    /**
+     * Enable or disable the breadcrumb item, when set to true, the breadcrumb item will be disabled.
+     * @default false
+     */
+    disabled: any;
+    /**
+     * Defines a class/multiple classes separated by a space for the item that is used to include an icon.
+     * @default null
+     */
+    iconCss: any;
+    /**
+     * Specifies the text content of the Breadcrumb item.
+     * @default ''
+     */
+    text: any;
+    /**
+     * Specifies the Url of the Breadcrumb item that will be activated when clicked.
+     * @default ''
+     */
+    url: any;
+    constructor(viewContainerRef: ViewContainerRef);
+}
+/**
+ * BreadcrumbItem Array Directive
+ * @private
+ */
+export declare class BreadcrumbItemsDirective extends ArrayBase<BreadcrumbItemsDirective> {
+    constructor();
+}

package/src/carousel/carousel-all.module.d.ts

@@ -0,0 +1,5 @@
+/**
+ * NgModule definition for the Carousel component with providers.
+ */
+export declare class CarouselAllModule {
+}

package/src/carousel/carousel.component.d.ts

@@ -0,0 +1,58 @@
+import { ElementRef, ViewContainerRef, QueryList, Renderer2, Injector } from '@angular/core';
+import { IComponentBase } from '@syncfusion/ej2-angular-base';
+import { Carousel } from '@syncfusion/ej2-navigations';
+import { CarouselItemsDirective } from './items.directive';
+export declare const inputs: string[];
+export declare const outputs: string[];
+export declare const twoWays: string[];
+/**
+ * Represents the EJ2 Angular Carousel Component.
+ * ```html
+ * <ejs-carousel [items]='carouselItems'></ejs-carousel>
+ * ```
+ */
+export declare class CarouselComponent extends Carousel implements IComponentBase {
+    private ngEle;
+    private srenderer;
+    private viewContainerRef;
+    private injector;
+    context: any;
+    tagObjects: any;
+    slideChanged: any;
+    slideChanging: any;
+    selectedIndexChange: any;
+    childItems: QueryList<CarouselItemsDirective>;
+    tags: string[];
+    /**
+     * Accepts the template for indicator buttons.
+     * @default null
+     */
+    indicatorsTemplate: any;
+    /**
+     * Accepts the template for next navigation button.
+     * @default null
+     */
+    nextButtonTemplate: any;
+    /**
+     * Accepts the template for previous navigation button.
+     * @default null
+     */
+    previousButtonTemplate: any;
+    /**
+     * Accepts the template for play/pause button.
+     * @default null
+     */
+    playButtonTemplate: any;
+    /**
+     * Specifies the template option for carousel items.
+     * @default null
+     */
+    itemTemplate: any;
+    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    ngAfterContentChecked(): void;
+    registerEvents: (eventList: string[]) => void;
+    addTwoWay: (propList: string[]) => void;
+}

package/src/carousel/carousel.module.d.ts

@@ -0,0 +1,5 @@
+/**
+ * NgModule definition for the Carousel component.
+ */
+export declare class CarouselModule {
+}

package/src/carousel/items.directive.d.ts

@@ -0,0 +1,46 @@
+import { ViewContainerRef } from '@angular/core';
+import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
+/**
+ * `e-carousel-item` directive represent a item of the Angular Carousel.
+ * It must be contained in a Carousel component(`ejs-carousel`).
+ * ```html
+ * <ejs-carousel>
+ *   <e-carousel-items>
+ *    <e-carousel-item template='#item1'></e-carousel-item>
+ *    <e-carousel-item template='#item2'></e-carousel-item>
+ *   </e-carousel-items>
+ * </ejs-carousel>
+ * ```
+ */
+export declare class CarouselItemDirective extends ComplexBase<CarouselItemDirective> {
+    private viewContainerRef;
+    directivePropList: any;
+    /**
+     * Accepts single/multiple classes (separated by a space) to be used for individual carousel item customization.
+     * @default null
+     */
+    cssClass: any;
+    /**
+     * Accepts HTML attributes/custom attributes to add in individual carousel item.
+     * @default null
+     */
+    htmlAttributes: any;
+    /**
+     * Accepts the interval duration in milliseconds for individual carousel item transition.
+     * @default null
+     */
+    interval: any;
+    /**
+     * Accepts the template for individual carousel item.
+     * @default null
+     */
+    template: any;
+    constructor(viewContainerRef: ViewContainerRef);
+}
+/**
+ * CarouselItem Array Directive
+ * @private
+ */
+export declare class CarouselItemsDirective extends ArrayBase<CarouselItemsDirective> {
+    constructor();
+}

package/src/context-menu/contextmenu.component.d.ts

@@ -16,6 +16,15 @@ export declare class ContextMenuComponent extends ContextMenu implements ICompon
     private srenderer;
     private viewContainerRef;
     private injector;
+    context: any;
+    tagObjects: any;
+    beforeClose: any;
+    beforeItemRender: any;
+    beforeOpen: any;
+    created: any;
+    onClose: any;
+    onOpen: any;
+    select: any;
     constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/src/index.d.ts

@@ -9,6 +9,14 @@ export { ToolbarAllModule } from './toolbar/toolbar-all.module';
 export { ContextMenuComponent } from './context-menu/contextmenu.component';
 export { ContextMenuModule } from './context-menu/contextmenu.module';
 export { ContextMenuAllModule } from './context-menu/contextmenu-all.module';
+export { BreadcrumbItemDirective, BreadcrumbItemsDirective } from './breadcrumb/items.directive';
+export { BreadcrumbComponent } from './breadcrumb/breadcrumb.component';
+export { BreadcrumbModule } from './breadcrumb/breadcrumb.module';
+export { BreadcrumbAllModule } from './breadcrumb/breadcrumb-all.module';
+export { CarouselItemDirective, CarouselItemsDirective } from './carousel/items.directive';
+export { CarouselComponent } from './carousel/carousel.component';
+export { CarouselModule } from './carousel/carousel.module';
+export { CarouselAllModule } from './carousel/carousel-all.module';
 export { TabItemDirective, TabItemsDirective } from './tab/items.directive';
 export { TabComponent } from './tab/tab.component';
 export { TabModule } from './tab/tab.module';
@@ -19,7 +27,11 @@ export { TreeViewAllModule } from './treeview/treeview-all.module';
 export { SidebarComponent } from './sidebar/sidebar.component';
 export { SidebarModule } from './sidebar/sidebar.module';
 export { SidebarAllModule } from './sidebar/sidebar-all.module';
+export { MenuItemDirective, MenuItemsDirective } from './menu/items.directive';
 export { MenuComponent } from './menu/menu.component';
 export { MenuModule } from './menu/menu.module';
 export { MenuAllModule } from './menu/menu-all.module';
+export { AppBarComponent } from './appbar/appbar.component';
+export { AppBarModule } from './appbar/appbar.module';
+export { AppBarAllModule } from './appbar/appbar-all.module';
 export * from '@syncfusion/ej2-navigations';

package/src/menu/items.directive.d.ts

@@ -0,0 +1,45 @@
+import { ViewContainerRef } from '@angular/core';
+import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
+export declare class MenuItemDirective extends ComplexBase<MenuItemDirective> {
+    private viewContainerRef;
+    directivePropList: any;
+    /**
+     * Defines class/multiple classes separated by a space for the menu Item that is used to include an icon.
+     * Menu Item can include font icon and sprite image.
+     * @default null
+     */
+    iconCss: any;
+    /**
+     * Specifies the id for menu item.
+     * @default ''
+     */
+    id: any;
+    /**
+     * Specifies the sub menu items that is the array of MenuItem model.
+     * @default []
+     */
+    items: any;
+    /**
+     * Specifies separator between the menu items. Separator are either horizontal or vertical lines used to group menu items.
+     * @default false
+     */
+    separator: any;
+    /**
+     * Specifies text for menu item.
+     * @default ''
+     */
+    text: any;
+    /**
+     * Specifies url for menu item that creates the anchor link to navigate to the url provided.
+     * @default ''
+     */
+    url: any;
+    constructor(viewContainerRef: ViewContainerRef);
+}
+/**
+ * MenuItem Array Directive
+ * @private
+ */
+export declare class MenuItemsDirective extends ArrayBase<MenuItemsDirective> {
+    constructor();
+}

package/src/menu/menu.component.d.ts

@@ -1,6 +1,7 @@
-import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
+import { ElementRef, ViewContainerRef, QueryList, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Menu } from '@syncfusion/ej2-navigations';
+import { MenuItemsDirective } from './items.directive';
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -15,6 +16,17 @@ export declare class MenuComponent extends Menu implements IComponentBase {
     private srenderer;
     private viewContainerRef;
     private injector;
+    context: any;
+    tagObjects: any;
+    beforeClose: any;
+    beforeItemRender: any;
+    beforeOpen: any;
+    created: any;
+    onClose: any;
+    onOpen: any;
+    select: any;
+    childItems: QueryList<MenuItemsDirective>;
+    tags: string[];
     /**
      * Specifies the template for Menu item.
      * @default null

package/src/sidebar/sidebar.component.d.ts

@@ -15,6 +15,13 @@ export declare class SidebarComponent extends Sidebar implements IComponentBase
     private srenderer;
     private viewContainerRef;
     private injector;
+    containerContext: any;
+    tagObjects: any;
+    change: any;
+    close: any;
+    created: any;
+    destroyed: any;
+    open: any;
     isOpenChange: any;
     constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
     ngOnInit(): void;

package/src/tab/items.directive.d.ts

@@ -1,7 +1,8 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
 /**
- * TabItemDirective represent a item of the EJ2 Angular Tab.
+ * 'e-tabitem' directive represent a item of the Angular Tab.
+ * It must be contained in a Tab component(`ejs-tab`).
  * ```html
  * <ejs-tab>
  *  <e-tabitems>
@@ -13,6 +14,7 @@ import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
  */
 export declare class TabItemDirective extends ComplexBase<TabItemDirective> {
     private viewContainerRef;
+    directivePropList: any;
     /**
      * Sets the CSS classes to the Tab item to customize its styles.
      * @default ''
@@ -28,12 +30,34 @@ export declare class TabItemDirective extends ComplexBase<TabItemDirective> {
      * @default {}
      */
     header: any;
+    /**
+     * Sets unique ID to Tab item.
+     * @default null
+     */
+    id: any;
+    /**
+     * 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.
+     * By default, user can able to switch between items only via arrow keys.
+     * If the value is set to 0 for all tabs items, then tab switches based on element order.
+     * @default -1
+     */
+    tabIndex: any;
+    /**
+     * Sets false to hide the Tab item.
+     * @default true
+     */
+    visible: any;
     /**
      * Specifies the content of Tab item, that is displayed when concern item header is selected.
      * @default ''
      */
     content: any;
     header_text: any;
+    /**
+     * Specifies the header text of Tab item.
+     * @default null
+     */
+    headerTemplate: any;
     constructor(viewContainerRef: ViewContainerRef);
 }
 /**