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

package/package.json

@@ -1,157 +1,134 @@
 {
-  "name": "@syncfusion/ej2-angular-navigations",
-  "version": "16.4.45",
-  "description": "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",
-  "author": "Syncfusion Inc.",
-  "license": "SEE LICENSE IN license",
-  "schematics": "./schematics/collection.json",
-  "dependencies": {
-    "@syncfusion/ej2-base": "~16.4.42",
-    "@syncfusion/ej2-angular-base": "~16.4.42",
-    "@syncfusion/ej2-navigations": "16.4.45"
-  },
-  "devDependencies": {
-    "rxjs": "5.0.0 - 5.5.10",
-    "zone.js": "0.7.2 - 0.8.26",
-    "core-js": "2.4.1 - 2.6.6",
-    "reflect-metadata": "0.1.9 - 0.1.15 ",
-    "@angular/common": "2.2.1 - 4.10.0",
-    "@angular/compiler": "2.2.1 - 4.10.0",
-    "@angular/core": "2.2.1 - 4.10.0",
-    "@angular/forms": "2.2.1 - 4.10.0",
-    "@angular/http": "2.2.1 - 4.10.0",
-    "@angular/platform-browser": "2.2.1 - 4.10.0",
-    "@angular/platform-browser-dynamic": "2.2.1 - 4.10.0",
-    "@angular/router": "2.2.1 - 4.10.0",
-    "@angular/compiler-cli": "2.2.1 - 4.10.0",
-    "@angular/platform-server": "2.2.1 - 4.10.0",
-    "@angular-devkit/schematics": "0.7.2",
-    "@schematics/angular": "0.7.2",
-    "es6-module-loader": "^0.17.11",
-    "rollup": "^0.41.6",
-    "rollup-plugin-uglify": "^1.0.1",
-    "systemjs": "^0.19.40",
-    "systemjs-plugin-babel": "0.0.17"
-  },
-  "keywords": [
-    "ej2",
-    "syncfusion",
-    "web-components",
-    "javascript",
-    "typescript",
-    "model",
-    "toolbar",
-    "horizontal-scroll",
-    "ribbon",
-    "navbar",
-    "navigation-bar",
-    "toolbar-customization",
-    "scrollable-toolbar",
-    "toolbar-popup",
-    "multirow-toolbar",
-    "extended-toolbar",
-    "overflow",
-    "command-buttons",
-    "accordion",
-    "panelbar",
-    "ejTab",
-    "tab",
-    "tabStrip",
-    "scrollable-tab",
-    "popup-tab",
-    "multirow-tab",
-    "header-orientation",
-    "close-tab",
-    "tab-wizard",
-    "tab-with-menu",
-    "ejAccordion",
-    "accordion",
-    "accordion-wizard",
-    "multiple-open-panel-bar",
-    "multiple-open-accordion",
-    "panel-bar",
-    "collapsible-panel-bar",
-    "context-menu",
-    "context menu",
-    "contextmenu",
-    "ej2 contextmenu",
-    "tab-directive",
-    "toolbar-directive",
-    "accordion-directive",
-    "sidebar",
-    "dock size",
-    "showbackdrop",
-    "target",
-    "position",
-    "dock",
-    "gestures",
-    "sticky-sidebar",
-    "fixed",
-    "hamburger",
-    "sidenav",
-    "nav",
-    "hamburger-menu",
-    "side-menu",
-    "navigation-bar",
-    "sticky",
-    "drawer",
-    "slidebar",
-    "slide",
-    "slide-panel",
-    "multiple-sidebar",
-    "slide-navigation",
-    "navigation-drawer",
-    "menu",
-    "menu bar",
-    "ej2 menu",
-    "menu items",
-    "menu item",
-    "menu-item",
-    "ej menu",
-    "treeview",
-    "tree",
-    "ej2-treeview",
-    "tree structure",
-    "hierarchical structure",
-    "tree navigation",
-    "treeview-checkbox",
-    "drag and drop",
-    "tree editing",
-    "load-on-demand",
-    "accordion tree",
-    "tree node template",
-    "tree multi selection",
-    "angular",
-    "ng",
-    "ng-template",
-    "ej2-ng-navigations",
-    "ej2-angular-navigations",
-    "angular-navigations",
-    "ng-navigations",
-    "angular-toolbar",
-    "ng-toolbar",
-    "angular-tab",
-    "ng-tab",
-    "ng-react",
-    "angular-routing",
-    "ng-routing",
-    "angular-tab-routing",
-    "ng-tab-routing",
-    "ng-contextmenu",
-    "angular-contextmenu",
-    "angular-treeview",
-    "ng-tree",
-    "ng-treeview",
-    "angular tree",
-    "angular treeview",
-    "angular2-treeview",
-    "ng-menu",
-    "angular menu",
-    "angular menubar"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/syncfusion/ej2-angular-ui-components.git"
-  },
-  "sideEffects": false
-}
+    "name": "@syncfusion/ej2-angular-navigations",
+    "version": "16.4.52-46585",
+    "description": "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",
+    "author": "Syncfusion Inc.",
+    "license": "SEE LICENSE IN license",
+    "schematics": "./schematics/collection.json",
+    "dependencies": {
+      "@syncfusion/ej2-base": "~16.4.52",
+      "@syncfusion/ej2-angular-base": "~16.4.52",
+      "@syncfusion/ej2-navigations": "16.4.52-46585"
+    },
+    "keywords": [
+      "ej2",
+      "syncfusion",
+      "web-components",
+      "javascript",
+      "typescript",
+      "model",
+      "toolbar",
+      "horizontal-scroll",
+      "ribbon",
+      "navbar",
+      "navigation-bar",
+      "toolbar-customization",
+      "scrollable-toolbar",
+      "toolbar-popup",
+      "multirow-toolbar",
+      "extended-toolbar",
+      "overflow",
+      "command-buttons",
+      "accordion",
+      "panelbar",
+      "ejTab",
+      "tab",
+      "tabStrip",
+      "scrollable-tab",
+      "popup-tab",
+      "multirow-tab",
+      "header-orientation",
+      "close-tab",
+      "tab-wizard",
+      "tab-with-menu",
+      "ejAccordion",
+      "accordion",
+      "accordion-wizard",
+      "multiple-open-panel-bar",
+      "multiple-open-accordion",
+      "panel-bar",
+      "collapsible-panel-bar",
+      "context-menu",
+      "context menu",
+      "contextmenu",
+      "ej2 contextmenu",
+      "tab-directive",
+      "toolbar-directive",
+      "accordion-directive",
+      "sidebar",
+      "dock size",
+      "showbackdrop",
+      "target",
+      "position",
+      "dock",
+      "gestures",
+      "sticky-sidebar",
+      "fixed",
+      "hamburger",
+      "sidenav",
+      "nav",
+      "hamburger-menu",
+      "side-menu",
+      "navigation-bar",
+      "sticky",
+      "drawer",
+      "slidebar",
+      "slide",
+      "slide-panel",
+      "multiple-sidebar",
+      "slide-navigation",
+      "navigation-drawer",
+      "menu",
+      "menu bar",
+      "ej2 menu",
+      "menu items",
+      "menu item",
+      "menu-item",
+      "ej menu",
+      "treeview",
+      "tree",
+      "ej2-treeview",
+      "tree structure",
+      "hierarchical structure",
+      "tree navigation",
+      "treeview-checkbox",
+      "drag and drop",
+      "tree editing",
+      "load-on-demand",
+      "accordion tree",
+      "tree node template",
+      "tree multi selection",
+      "angular",
+      "ng",
+      "ng-template",
+      "ej2-ng-navigations",
+      "ej2-angular-navigations",
+      "angular-navigations",
+      "ng-navigations",
+      "angular-toolbar",
+      "ng-toolbar",
+      "angular-tab",
+      "ng-tab",
+      "ng-react",
+      "angular-routing",
+      "ng-routing",
+      "angular-tab-routing",
+      "ng-tab-routing",
+      "ng-contextmenu",
+      "angular-contextmenu",
+      "angular-treeview",
+      "ng-tree",
+      "ng-treeview",
+      "angular tree",
+      "angular treeview",
+      "angular2-treeview",
+      "ng-menu",
+      "angular menu",
+      "angular menubar"
+    ],
+    "repository": {
+      "type": "git",
+      "url": "https://github.com/syncfusion/ej2-angular-ui-components.git"
+    },
+    "sideEffects": false
+  }

package/postinstall/tagchange.js

@@ -0,0 +1,18 @@
+var fs = require("fs");
+var glob = require("glob");
+
+var selectors = ['ejs-accordion','ejs-toolbar','ejs-contextmenu','ejs-breadcrumb','ejs-carousel','ejs-tab','ejs-treeview','ejs-sidebar','ejs-menu','ejs-appbar'];
+
+if (process.env.tagName !== undefined) {
+  var newTagPrefix = process.env.tagName.trim();
+  var files = glob.sync("./@syncfusion/*");
+  for (var i = 0; i < files.length; i++) {
+    var sourceFile = fs.readFileSync(files[i], "utf8");
+    for (var j = 0; j < selectors.length; j++) {
+      selectors[j] = selectors[j].replace('[','').replace(']','');
+      var tagRegex = new RegExp(selectors[j], "g");
+      sourceFile = sourceFile.replace(tagRegex,selectors[j].replace("ejs", newTagPrefix));
+    }
+    fs.writeFileSync(files[i], sourceFile, "utf8");
+  }
+}

package/{index.d.ts → public_api.d.ts}

@@ -1,4 +1 @@
-/**
- * index
- */
 export * from './src/index';

package/schematics/collection.json

@@ -6,6 +6,26 @@
       "factory": "./ng-add",
       "schema": "./ng-add/schema.json"
     },
+    "accordion-default": {
+      "description": "Create an Angular component with EJ2 undefined with default",
+      "factory": "./generators/accordion-default",
+      "schema": "./generators/accordion-default/schema.json"
+    },
+    "accordion-html-template": {
+      "description": "Create an Angular component with EJ2 undefined with html-template",
+      "factory": "./generators/accordion-html-template",
+      "schema": "./generators/accordion-html-template/schema.json"
+    },
+    "accordion-multiple-expand": {
+      "description": "Create an Angular component with EJ2 undefined with multiple-expand",
+      "factory": "./generators/accordion-multiple-expand",
+      "schema": "./generators/accordion-multiple-expand/schema.json"
+    },
+    "accordion-nested": {
+      "description": "Create an Angular component with EJ2 undefined with nested",
+      "factory": "./generators/accordion-nested",
+      "schema": "./generators/accordion-nested/schema.json"
+    },
     "contextmenu-default": {
       "description": "Create an Angular component with EJ2 contextmenu",
       "factory": "./generators/contextmenu-default",
@@ -16,38 +36,118 @@
       "factory": "./generators/menu-default",
       "schema": "./generators/menu-default/schema.json"
     },
+    "sidebar-backdrop": {
+      "description": "Create an Angular sidebar component with enable backdrop option.",
+      "factory": "./generators/sidebar-backdrop",
+      "schema": "./generators/sidebar-backdrop/schema.json"
+    },
+    "sidebar-dock": {
+      "description": "Create an Angular sidebar component with enable docking feature.",
+      "factory": "./generators/sidebar-dock",
+      "schema": "./generators/sidebar-dock/schema.json"
+    },
+    "sidebar-target": {
+      "description": "Create an Angular sidebar component with target option.",
+      "factory": "./generators/sidebar-target",
+      "schema": "./generators/sidebar-target/schema.json"
+    },
+    "sidebar-types": {
+      "description": "Create an Angular sidebar component with different types.",
+      "factory": "./generators/sidebar-types",
+      "schema": "./generators/sidebar-types/schema.json"
+    },
+    "tab-html-template": {
+      "description": "Create an Angular Tab component with HTML template",
+      "factory": "./generators/tab-html-template",
+      "schema": "./generators/tab-html-template/schema.json"
+    },
+    "tab-icon": {
+      "description": "Create an Angular Tab component with an icon",
+      "factory": "./generators/tab-icon",
+      "schema": "./generators/tab-icon/schema.json"
+    },
+    "tab-nested": {
+      "description": "Create an Angular Tab component with nested tabs",
+      "factory": "./generators/tab-nested",
+      "schema": "./generators/tab-nested/schema.json"
+    },
+    "tab-popup": {
+      "description": "Create an Angular Tab component with popup mode",
+      "factory": "./generators/tab-popup",
+      "schema": "./generators/tab-popup/schema.json"
+    },
+    "tab-scrollable": {
+      "description": "Create an Angular Tab component with scrollable mode",
+      "factory": "./generators/tab-scrollable",
+      "schema": "./generators/tab-scrollable/schema.json"
+    },
+    "tab-vertical": {
+      "description": "Create an Angular Tab component with vertical orientation",
+      "factory": "./generators/tab-vertical",
+      "schema": "./generators/tab-vertical/schema.json"
+    },
+    "toolbar-alignment": {
+      "description": "Create an Angular Toolbar component with alignment",
+      "factory": "./generators/toolbar-alignment",
+      "schema": "./generators/toolbar-alignment/schema.json"
+    },
+    "toolbar-extended": {
+      "description": "Create an Angular Toolbar component with extended mode",
+      "factory": "./generators/toolbar-extended",
+      "schema": "./generators/toolbar-extended/schema.json"
+    },
+    "toolbar-html-template": {
+      "description": "Create an Angular Toolbar component with HTML template",
+      "factory": "./generators/toolbar-html-template",
+      "schema": "./generators/toolbar-html-template/schema.json"
+    },
+    "toolbar-multi-row": {
+      "description": "Create an Angular Toolbar component with multi-row mode",
+      "factory": "./generators/toolbar-multi-row",
+      "schema": "./generators/toolbar-multi-row/schema.json"
+    },
+    "toolbar-popup": {
+      "description": "Create an Angular Toolbar component with popup mode",
+      "factory": "./generators/toolbar-popup",
+      "schema": "./generators/toolbar-popup/schema.json"
+    },
+    "toolbar-scrollable": {
+      "description": "Create an Angular Toolbar component with scrollable mode",
+      "factory": "./generators/toolbar-scrollable",
+      "schema": "./generators/toolbar-scrollable/schema.json"
+    },
     "treeview-checkbox": {
-      "description": "Create an Angular component with EJ2 treeview with checkbox",
+      "description": "Create an Angular TreeView component with checkbox",
       "factory": "./generators/treeview-checkbox",
       "schema": "./generators/treeview-checkbox/schema.json"
     },
     "treeview-default": {
-      "description": "Create an Angular component with EJ2 treeview",
+      "description": "Create an Angular component with TreeView",
       "factory": "./generators/treeview-default",
       "schema": "./generators/treeview-default/schema.json"
     },
     "treeview-draganddrop": {
-      "description": "Create an Angular component with EJ2 treeview with draganddrop",
+      "description": "Create an Angular TreeView component with drag and drop",
       "factory": "./generators/treeview-draganddrop",
       "schema": "./generators/treeview-draganddrop/schema.json"
     },
     "treeview-multiselection": {
-      "description": "Create an Angular component with EJ2 treeview with multiselection",
+      "description": "Create an Angular TreeView component with multi selection",
       "factory": "./generators/treeview-multiselection",
       "schema": "./generators/treeview-multiselection/schema.json"
     },
     "treeview-nodeediting": {
-      "description": "Create an Angular component with EJ2 treeview with node editing",
+      "description": "Create an Angular TreeView component with node editing",
       "factory": "./generators/treeview-nodeediting",
       "schema": "./generators/treeview-nodeediting/schema.json"
     },
     "treeview-remotedata": {
-      "description": "Create an Angular component with EJ2 treeview with remote datasource",
+      "description": "Create an Angular TreeView component with remote datasource",
       "factory": "./generators/treeview-remotedata",
       "schema": "./generators/treeview-remotedata/schema.json"
     },
     "treeview-treetemplate": {
-      "description": "Create an Angular component with EJ2 treeview with template",
+      "description": "Create an Angular TreeView component with template",
       "factory": "./generators/treeview-treetemplate",
       "schema": "./generators/treeview-treetemplate/schema.json"
     }

package/schematics/generators/accordion-default/index.d.ts

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

package/schematics/generators/accordion-default/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
+const sampleDetails = require("./sample-details");
+function default_1(options) {
+    return schematics_1.componentBuilder(options, sampleDetails);
+}
+exports.default = default_1;

package/schematics/generators/accordion-default/index.ts

@@ -0,0 +1,8 @@
+import { Rule } from '@angular-devkit/schematics';
+import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
+import { Schema } from './schema';
+import * as sampleDetails from './sample-details';
+
+export default function (options: Schema): Rule {
+  return componentBuilder(options, sampleDetails);
+}

package/schematics/generators/accordion-default/sample-details.d.ts

@@ -0,0 +1,5 @@
+export declare const componentName: string;
+export declare const sampleName: string;
+export declare const diModules: string;
+export declare const packageName: string;
+export declare const libModules: string;

package/schematics/generators/accordion-default/sample-details.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentName = 'accordion';
+exports.sampleName = 'default';
+exports.diModules = null;
+exports.packageName = '@syncfusion/ej2-angular-navigations';
+exports.libModules = 'AccordionModule';

package/schematics/generators/accordion-default/sample-details.ts

@@ -0,0 +1,5 @@
+export const componentName: string = 'accordion';
+export const sampleName: string = 'default';
+export const diModules: string =  null;
+export const packageName: string = '@syncfusion/ej2-angular-navigations';
+export const libModules: string = 'AccordionModule';

package/schematics/generators/accordion-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -0,0 +1,49 @@
+<ejs-accordion expandMode='Single'>
+    <e-accordionitems>
+        <e-accordionitem expanded='true'>
+            <ng-template #header>
+                <div>ASP.NET</div>
+            </ng-template>
+            <ng-template #content>
+                <div>Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web
+                    applications and XML Web
+                    services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is
+                    sent to a desktop
+                    or mobile browser. ASP.NET pages use a compiled,event-driven programming model that improves
+                    performance and enables
+                    the separation of application logic and user interface.</div>
+            </ng-template>
+        </e-accordionitem>
+        <e-accordionitem>
+            <ng-template #header>
+                <div>ASP.NET MVC</div>
+            </ng-template>
+            <ng-template #content>
+                <div>The Model-View-Controller (MVC) architectural pattern separates an application into three main
+                    components: the model,
+                    the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web
+                    Forms pattern for
+                    creating Web applications. The ASP.NET MVC framework is a lightweight, highly testable presentation
+                    framework that
+                    (as with Web Forms-based applications) is integrated with existing ASP.NET features, such as master
+                    pages and membership-based
+                    authentication.
+                </div>
+            </ng-template>
+        </e-accordionitem>
+        <e-accordionitem>
+            <ng-template #header>
+                <div>JavaScript</div>
+            </ng-template>
+            <ng-template #content>
+                <div>JavaScript (JS) is an interpreted computer programming language.It was originally implemented as
+                    part of web browsers
+                    so that client-side scripts could interact with the user, control the browser, communicate
+                    asynchronously, and alter
+                    the document content that was displayed.More recently, however, it has become common in both game
+                    development and
+                    the creation of desktop applications.</div>
+            </ng-template>
+        </e-accordionitem>
+    </e-accordionitems>
+</ejs-accordion>

package/schematics/generators/accordion-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+/**
+ * Default Accordion
+ */
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css']
+})
+
+export class <%= classify(name) %>Component { }

package/schematics/generators/accordion-default/schema.d.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+export interface Schema extends ComponentSchema {
+}

package/schematics/generators/accordion-default/schema.js

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