@syncfusion/ej2-angular-navigations 22.1.34 → 22.1.35

package/schematics/collection.json

@@ -0,0 +1,155 @@
+{
+  "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "ng-add": {
+      "description": "Adds Essential JS 2 specific Angular package to an application",
+      "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",
+      "schema": "./generators/contextmenu-default/schema.json"
+    },
+    "menu-default": {
+      "description": "Create an Angular component with EJ2 menu",
+      "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 TreeView component with checkbox",
+      "factory": "./generators/treeview-checkbox",
+      "schema": "./generators/treeview-checkbox/schema.json"
+    },
+    "treeview-default": {
+      "description": "Create an Angular component with TreeView",
+      "factory": "./generators/treeview-default",
+      "schema": "./generators/treeview-default/schema.json"
+    },
+    "treeview-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 TreeView component with multi selection",
+      "factory": "./generators/treeview-multiselection",
+      "schema": "./generators/treeview-multiselection/schema.json"
+    },
+    "treeview-nodeediting": {
+      "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 TreeView component with remote datasource",
+      "factory": "./generators/treeview-remotedata",
+      "schema": "./generators/treeview-remotedata/schema.json"
+    },
+    "treeview-treetemplate": {
+      "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/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/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/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 });

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

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "accordion-default",
+  "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": "accordion-default"
+}

package/schematics/generators/accordion-html-template/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-html-template/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-html-template/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-html-template/sample-details.js

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

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

@@ -0,0 +1,57 @@
+.e-def-avator {
+    margin: 8px;
+    border-radius: 50%;
+    width: 40px;
+    font-size: 20px;
+    border: 2px solid #666;
+}
+
+.e-def-avator span {
+    text-align: center;
+    line-height: 40px;
+    display: block;
+}
+
+.e-mail-header,
+.e-mail-subject,
+.e-mail-description,
+.e-mail-id {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.e-folder {
+    text-align: center;
+}
+
+.e-mail-header,
+.e-mail-subject,
+.e-folder {
+    font-weight: 500;
+    font-style: normal;
+}
+
+.e-mail-item:last-child {
+    border-bottom: 0px;
+}
+
+.e-mail-item {
+    margin-top: 8px;
+    height: 60px;
+    border-bottom: 1px solid #d3d3d3;
+}
+
+.e-mail-content {
+    padding-top: 14px;
+}
+
+.e-mail-header {
+    font-size: 14px;
+}
+
+.e-mail-image {
+    margin-right: 10px;
+    float: left;
+    height: 60px;
+}

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

@@ -0,0 +1,50 @@
+<ejs-accordion expandMode='Single'>
+    <div>
+        <div>
+            <div>Team Mates</div>
+        </div>
+        <div style="display: none;">
+            <div>
+                <div class="e-mail-items">
+                    <div class="e-mail-item">
+                        <div class="e-mail-image">
+                            <div class="e-def-avator"><span>AF</span></div>
+                        </div>
+                        <div class="e-mail-content"><span class="e-mail-header">Andrew Fuller</span>
+                            <div class="e-mail-subject"> Team Lead </div>
+                        </div>
+                    </div>
+                    <div class="e-mail-item">
+                        <div class="e-mail-image">
+                            <div class="e-def-avator"><span>NL</span></div>
+                        </div>
+                        <div class="e-mail-content"><span class="e-mail-header">Nancy Leverling</span>
+                            <div class="e-mail-subject"> Sales Associate </div>
+                        </div>
+                    </div>
+                    <div class="e-mail-item">
+                        <div class="e-mail-image">
+                            <div class="e-def-avator"><span>RK</span></div>
+                        </div>
+                        <div class="e-mail-content"><span class="e-mail-header">Robert King</span>
+                            <div class="e-mail-subject"> Business System Analyst </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div>
+        <div>
+            <div>Projects </div>
+        </div>
+        <div>
+            <div>
+                <div style="display: none;" class="e-mail-subject"> EJ2-Accordion </div>
+                <div class="e-mail-subject"> Grid </div>
+                <div class="e-mail-subject"> Inputs </div>
+                <div class="e-mail-subject"> Tab </div>
+            </div>
+        </div>
+    </div>
+</ejs-accordion>

package/schematics/generators/accordion-html-template/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-html-template/schema.js

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

package/schematics/generators/accordion-html-template/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "accordion-html-template",
+  "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": "accordion-html-template"
+}

package/schematics/generators/accordion-multiple-expand/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-multiple-expand/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-multiple-expand/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;