@syncfusion/ej2-angular-navigations 22.1.34 → 22.1.35

package/schematics/generators/treeview-treetemplate/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "treeview-treetemplate",
+  "type": "object",
+  "properties": {
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path to create the component.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the component.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      }
+    },
+    "inlineStyle": {
+      "description": "Specifies if the style will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "s"
+    },
+    "inlineTemplate": {
+      "description": "Specifies if the template will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "t"
+    },
+    "viewEncapsulation": {
+      "description": "Specifies the view encapsulation strategy.",
+      "enum": [
+        "Emulated",
+        "Native",
+        "None",
+        "ShadowDom"
+      ],
+      "type": "string",
+      "alias": "v"
+    },
+    "changeDetection": {
+      "description": "Specifies the change detection strategy.",
+      "enum": [
+        "Default",
+        "OnPush"
+      ],
+      "type": "string",
+      "default": "Default",
+      "alias": "c"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "The prefix to apply to generated selectors.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "styleext": {
+      "description": "The file extension to be used for style files.",
+      "type": "string",
+      "default": "css"
+    },
+    "spec": {
+      "type": "boolean",
+      "description": "Specifies if a spec file is generated.",
+      "default": true
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Flag to indicate if a dir is created.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Flag to skip the module import.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The selector to use for the component."
+    },
+    "module": {
+      "type": "string",
+      "description": "Allows specification of the declaring module.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if declaring module exports the component."
+    },
+    "entryComponent": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if the component is an entry component of declaring module."
+    },
+    "lintFix": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies whether to apply lint fixes after generating the component."
+    }
+  },
+  "required": [
+    "name"
+  ],
+  "id": "treeview-treetemplate"
+}

package/schematics/ng-add/index.d.ts

@@ -0,0 +1,3 @@
+import { OptionsSchema } from './schema';
+import { Rule } from '@angular-devkit/schematics';
+export default function (options: OptionsSchema): Rule;

package/schematics/ng-add/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const lib_details_1 = require("./../utils/lib-details");
+const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
+function default_1(options) {
+    const libOptions = Object.assign({}, { 'pkgName': lib_details_1.pkgName, 'pkgVer': lib_details_1.pkgVer, 'moduleName': lib_details_1.moduleName, 'themeVer': lib_details_1.themeVer });
+    return schematics_1.install(options, libOptions);
+}
+exports.default = default_1;

package/schematics/ng-add/schema.d.ts

@@ -0,0 +1,13 @@
+export interface OptionsSchema {
+    skipPackageJson: boolean;
+    modules: string;
+    modulePath: string;
+    theme: 'material' | 'fabric' | 'bootstrap' | 'highcontrast';
+    project?: string;
+}
+export interface LibOptionsSchema {
+    pkgName: string;
+    pkgVer: string;
+    moduleName: string;
+    themeVer: string;
+}

package/schematics/ng-add/schema.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/schematics/ng-add/schema.json

@@ -0,0 +1,34 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "ngAdd",
+  "title": "Add Essential JS 2 Angular packages",
+  "type": "object",
+  "properties": {
+    "skipPackageJson": {
+      "type": "boolean",
+      "default": false,
+      "description": "Do not add add Essential JS 2 Angular packages dependencies to package.json (e.g., --skipPackageJson)"
+    },
+    "modules": {
+      "type": "string",
+      "default": "",
+      "description": "Add only specific Essential JS 2 modules to the app.module file (eg: --modules=slider, grid)"
+    },
+    "modulePath": {
+      "type": "string",
+      "default": "",
+      "description": "Used to specify the path of the module file where the EJ2 module needs to be imported"
+    },
+    "theme": {
+      "enum": [
+        "material",
+        "fabric",
+        "bootstrap",
+        "highcontrast"
+      ],
+      "default": "material",
+      "description": "Used to change the theme that needs to be imported"
+    }
+  },
+  "required": []
+}

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

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

package/schematics/utils/lib-details.js

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

package/schematics/utils/lib-details.ts

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

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

@@ -30,11 +30,13 @@ export declare class AccordionComponent extends Accordion implements IComponentB
     /**
      * Specifies the header title template option for accordion items.
      * @default null
+     * @asptype string
      */
     headerTemplate: any;
     /**
      * Specifies the template option for accordion items.
      * @default null
+     * @asptype string
      */
     itemTemplate: any;
     constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);

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

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./appbar.module";
+/**
+ * NgModule definition for the AppBar component with providers.
+ */
+export declare class AppBarAllModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppBarAllModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppBarAllModule, never, [typeof i1.CommonModule, typeof i2.AppBarModule], [typeof i2.AppBarModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AppBarAllModule>;
+}

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

@@ -0,0 +1,32 @@
+import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
+import { IComponentBase } from '@syncfusion/ej2-angular-base';
+import { AppBar } from '@syncfusion/ej2-navigations';
+import * as i0 from "@angular/core";
+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;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppBarComponent, "ejs-appbar", never, { "colorMode": "colorMode"; "cssClass": "cssClass"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "htmlAttributes": "htmlAttributes"; "isSticky": "isSticky"; "locale": "locale"; "mode": "mode"; "position": "position"; }, { "created": "created"; "destroyed": "destroyed"; }, never, ["*"]>;
+}

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

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./appbar.component";
+import * as i2 from "@angular/common";
+/**
+ * NgModule definition for the AppBar component.
+ */
+export declare class AppBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppBarModule, [typeof i1.AppBarComponent], [typeof i2.CommonModule], [typeof i1.AppBarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AppBarModule>;
+}

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

@@ -28,11 +28,13 @@ export declare class BreadcrumbComponent extends Breadcrumb implements IComponen
     /**
      * Specifies the separator template for Breadcrumb.
      * @default '/'
+     * @asptype string
      */
     separatorTemplate: any;
     /**
      * Specifies the template for Breadcrumb item.
      * @default null
+     * @asptype string
      */
     itemTemplate: any;
     constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);

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

@@ -27,26 +27,31 @@ export declare class CarouselComponent extends Carousel implements IComponentBas
     /**
      * Accepts the template for indicator buttons.
      * @default null
+     * @asptype string
      */
     indicatorsTemplate: any;
     /**
      * Accepts the template for next navigation button.
      * @default null
+     * @asptype string
      */
     nextButtonTemplate: any;
     /**
      * Accepts the template for previous navigation button.
      * @default null
+     * @asptype string
      */
     previousButtonTemplate: any;
     /**
      * Accepts the template for play/pause button.
      * @default null
+     * @asptype string
      */
     playButtonTemplate: any;
     /**
      * Specifies the template option for carousel items.
      * @default null
+     * @asptype string
      */
     itemTemplate: any;
     constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
@@ -57,5 +62,5 @@ export declare class CarouselComponent extends Carousel implements IComponentBas
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CarouselComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "ejs-carousel", never, { "animation": "animation"; "autoPlay": "autoPlay"; "buttonsVisibility": "buttonsVisibility"; "cssClass": "cssClass"; "dataSource": "dataSource"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableTouchSwipe": "enableTouchSwipe"; "height": "height"; "htmlAttributes": "htmlAttributes"; "indicatorsTemplate": "indicatorsTemplate"; "interval": "interval"; "itemTemplate": "itemTemplate"; "items": "items"; "locale": "locale"; "loop": "loop"; "nextButtonTemplate": "nextButtonTemplate"; "playButtonTemplate": "playButtonTemplate"; "previousButtonTemplate": "previousButtonTemplate"; "selectedIndex": "selectedIndex"; "showIndicators": "showIndicators"; "showPlayButton": "showPlayButton"; "width": "width"; }, { "slideChanged": "slideChanged"; "slideChanging": "slideChanging"; "selectedIndexChange": "selectedIndexChange"; }, ["indicatorsTemplate", "nextButtonTemplate", "previousButtonTemplate", "playButtonTemplate", "itemTemplate", "childItems"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "ejs-carousel", never, { "animationEffect": "animationEffect"; "autoPlay": "autoPlay"; "buttonsVisibility": "buttonsVisibility"; "cssClass": "cssClass"; "dataSource": "dataSource"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableTouchSwipe": "enableTouchSwipe"; "height": "height"; "htmlAttributes": "htmlAttributes"; "indicatorsTemplate": "indicatorsTemplate"; "indicatorsType": "indicatorsType"; "interval": "interval"; "itemTemplate": "itemTemplate"; "items": "items"; "locale": "locale"; "loop": "loop"; "nextButtonTemplate": "nextButtonTemplate"; "partialVisible": "partialVisible"; "pauseOnHover": "pauseOnHover"; "playButtonTemplate": "playButtonTemplate"; "previousButtonTemplate": "previousButtonTemplate"; "selectedIndex": "selectedIndex"; "showIndicators": "showIndicators"; "showPlayButton": "showPlayButton"; "swipeMode": "swipeMode"; "width": "width"; }, { "slideChanged": "slideChanged"; "slideChanging": "slideChanging"; "selectedIndexChange": "selectedIndexChange"; }, ["indicatorsTemplate", "nextButtonTemplate", "previousButtonTemplate", "playButtonTemplate", "itemTemplate", "childItems"], never>;
 }

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

@@ -34,6 +34,7 @@ export declare class CarouselItemDirective extends ComplexBase<CarouselItemDirec
     /**
      * Accepts the template for individual carousel item.
      * @default null
+     * @asptype string
      */
     template: any;
     constructor(viewContainerRef: ViewContainerRef);

package/src/index.d.ts

@@ -31,4 +31,7 @@ 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/menu.component.d.ts

@@ -31,6 +31,7 @@ export declare class MenuComponent extends Menu implements IComponentBase {
     /**
      * Specifies the template for Menu item.
      * @default null
+     * @asptype string
      */
     template: any;
     constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);

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

@@ -36,6 +36,13 @@ export declare class TabItemDirective extends ComplexBase<TabItemDirective> {
      * @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
@@ -50,11 +57,12 @@ export declare class TabItemDirective extends ComplexBase<TabItemDirective> {
     /**
      * Specifies the header text of Tab item.
      * @default null
+     * @asptype string
      */
     headerTemplate: any;
     constructor(viewContainerRef: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<TabItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TabItemDirective, "e-tabitems>e-tabitem", never, { "content": "content"; "cssClass": "cssClass"; "disabled": "disabled"; "header": "header"; "headerTemplate": "headerTemplate"; "id": "id"; "visible": "visible"; }, {}, ["content", "header_text", "headerTemplate"]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabItemDirective, "e-tabitems>e-tabitem", never, { "content": "content"; "cssClass": "cssClass"; "disabled": "disabled"; "header": "header"; "headerTemplate": "headerTemplate"; "id": "id"; "tabIndex": "tabIndex"; "visible": "visible"; }, {}, ["content", "header_text", "headerTemplate"]>;
 }
 /**
  * TabItem Array Directive

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

@@ -20,21 +20,22 @@ export declare class ItemDirective extends ComplexBase<ItemDirective> {
     /**
      * Specifies the types of command to be rendered in the Toolbar.
      * Supported types are:
-     * - Button: Creates the Button control with its given properties like text, prefixIcon, etc.
-     * - Separator: Adds a horizontal line that separates the Toolbar commands.
-     * - Input: Creates an input element that is applicable to template rendering with Syncfusion controls like DropDownList,
+     * * `Button`: Creates the Button control with its given properties like text, prefixIcon, etc.
+     * * `Separator`: Adds a horizontal line that separates the Toolbar commands.
+     * * `Input`: Creates an input element that is applicable to template rendering with Syncfusion controls like DropDownList,
      * AutoComplete, etc.
      * @default 'Button'
      */
     type: any;
     /**
      * Specifies the location for aligning Toolbar items on the Toolbar. Each command will be aligned according to the `align` property.
-     * Possible values are:
-     * - Left: To align commands to the left side of the Toolbar.
-     * - Center: To align commands at the center of the Toolbar.
-     * - Right: To align commands to the right side of the Toolbar.
+     * The possible values for this property as follows
+     * * `Left`: To align commands to the left side of the Toolbar.
+     * * `Center`: To align commands at the center of the Toolbar.
+     * * `Right`: To align commands to the right side of the Toolbar.
      *
      * @default "Left"
+     * @asppopulatedefaultvalue
      */
     align: any;
     /**
@@ -60,10 +61,10 @@ export declare class ItemDirective extends ComplexBase<ItemDirective> {
     id: any;
     /**
      * Specifies the Toolbar command display area when an element's content is too large to fit available space.
-     * This is applicable only to `popup` mode. Possible values are:
-     * - Show:  Always shows the item as the primary priority on the *Toolbar*.
-     * - Hide: Always shows the item as the secondary priority on the *popup*.
-     * - None: No priority for display, and as per normal order moves to popup when content exceeds.
+     * This is applicable only to `popup` mode. The possible values for this property as follows
+     * * `Show`:  Always shows the item as the primary priority on the *Toolbar*.
+     * * `Hide`: Always shows the item as the secondary priority on the *popup*.
+     * * `None`: No priority for display, and as per normal order moves to popup when content exceeds.
      * @default 'None'
      */
     overflow: any;
@@ -81,10 +82,10 @@ export declare class ItemDirective extends ComplexBase<ItemDirective> {
     showAlwaysInPopup: any;
     /**
      * Specifies where the button text will be displayed on *popup mode* of the Toolbar.
-     * Possible values are:
-     * - Toolbar:  Text will be displayed on *Toolbar* only.
-     * - Overflow: Text will be displayed only when content overflows to *popup*.
-     * - Both: Text will be displayed on *popup* and *Toolbar*.
+     * The possible values for this property as follows
+     * * `Toolbar`:  Text will be displayed on *Toolbar* only.
+     * * `Overflow`: Text will be displayed only when content overflows to *popup*.
+     * * `Both`: Text will be displayed on *popup* and *Toolbar*.
      * @default 'Both'
      */
     showTextOn: any;
@@ -94,6 +95,13 @@ export declare class ItemDirective extends ComplexBase<ItemDirective> {
      * @default ""
      */
     suffixIcon: any;
+    /**
+     * 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.
+     * By default, user can able to switch between items only via arrow keys.
+     * If the value is set to 0 for all tool bar items, then tab switches based on element order.
+     * @default -1
+     */
+    tabIndex: any;
     /**
      * Specifies the text to be displayed on the Toolbar button.
      * @default ""
@@ -118,11 +126,12 @@ export declare class ItemDirective extends ComplexBase<ItemDirective> {
      * Specifies the HTML element/element ID as a string that can be added as a Toolbar command.
      *
      * @default ""
+     * @asptype string
      */
     template: any;
     constructor(viewContainerRef: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<ItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ItemDirective, "e-items>e-item", never, { "align": "align"; "cssClass": "cssClass"; "disabled": "disabled"; "htmlAttributes": "htmlAttributes"; "id": "id"; "overflow": "overflow"; "prefixIcon": "prefixIcon"; "showAlwaysInPopup": "showAlwaysInPopup"; "showTextOn": "showTextOn"; "suffixIcon": "suffixIcon"; "template": "template"; "text": "text"; "tooltipText": "tooltipText"; "type": "type"; "visible": "visible"; "width": "width"; }, { "click": "click"; }, ["template"]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ItemDirective, "e-items>e-item", never, { "align": "align"; "cssClass": "cssClass"; "disabled": "disabled"; "htmlAttributes": "htmlAttributes"; "id": "id"; "overflow": "overflow"; "prefixIcon": "prefixIcon"; "showAlwaysInPopup": "showAlwaysInPopup"; "showTextOn": "showTextOn"; "suffixIcon": "suffixIcon"; "tabIndex": "tabIndex"; "template": "template"; "text": "text"; "tooltipText": "tooltipText"; "type": "type"; "visible": "visible"; "width": "width"; }, { "click": "click"; }, ["template"]>;
 }
 /**
  * Item Array Directive

package/src/treeview/treeview.component.d.ts

@@ -47,6 +47,9 @@ export declare class TreeViewComponent extends TreeView implements IComponentBas
      * or HTML element ID holding the content. For more information on template concept, refer to
      * [Template](../../treeview/template/).
      * @default null
+     * @angulartype string | object
+     * @reacttype string | function | JSX.Element
+     * @vuetype string | function
      */
     nodeTemplate: any;
     constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);