@syncfusion/ej2-angular-navigations 20.2.50 → 20.3.47

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

@@ -0,0 +1,65 @@
+@font-face {
+    font-family: 'e-context-menu';
+    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+.e-cm-icons {
+    font-family: 'e-context-menu';
+    font-style: normal;
+    font-variant: normal;
+    font-weight: normal;
+    line-height: 1;
+    text-transform: none;
+}
+
+#contextmenutarget {
+    border: 1px dashed;
+    height: 250px;
+    padding: 10px;
+    position: relative;
+    text-align: center;
+    color: gray;
+    line-height: 17;
+    font-size: 14px;
+}
+
+#contextmenu-control {
+    margin: 5% 25%;
+    width: auto;
+    -webkit-touch-callout: none; /* iOS Safari */
+    -webkit-user-select: none; /* Safari */
+}
+
+.e-cut::before {
+    content: '\e264';
+}
+
+.e-paste::before {
+    content: '\e959';
+}
+
+.e-font::before {
+    content: '\e262';
+}
+
+.e-copy::before {
+    content: '\e263';
+}
+
+.e-link::before {
+    content: '\e265';
+}
+
+.e-comment::before {
+    content: '\e267';
+}
+
+.e-pastetext::before {
+    content: '\e261';
+}
+
+.e-pastespecial::before {
+    content: '\e260';
+}

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

@@ -0,0 +1,6 @@
+<div class="contextmenu-section">
+    <div id="contextmenu-control">
+        <div id="contextmenutarget">Right click / Touch hold to open the ContextMenu</div>
+        <ejs-contextmenu target='#contextmenutarget' [items]='menuItems' (beforeItemRender)='addDisabled($event)'></ejs-contextmenu>
+    </div>
+</div>

package/schematics/generators/contextmenu-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/contextmenu-default/schema.js

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

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

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

package/schematics/generators/menu-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/menu-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/menu-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/menu-default/sample-details.js

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

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

@@ -0,0 +1,52 @@
+/**
+* ej2 Menu styles
+*/
+@font-face {
+    font-family: 'e-menu';
+    src:
+    url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+.em-icons {
+    font-family: 'e-menu';
+    font-style: normal;
+    font-variant: normal;
+    font-weight: normal;
+    line-height: 1;
+    text-transform: none;
+}
+
+#defaultSample .menu-control {
+    margin-top: 45px;
+    text-align: center;
+}
+
+#defaultSample .menu-control .e-file::before {
+    content: '\e886';
+}
+
+#defaultSample .menu-control .e-edit::before {
+    content: '\e822';
+}
+
+#defaultSample .menu-control .e-cut::before {
+    content: '\e5a9';
+}
+
+#defaultSample .menu-control .e-copy::before {
+    content: '\e5b3';
+}
+
+#defaultSample .menu-control .e-paste::before {
+    content: '\e5b2';
+}
+
+#defaultSample .menu-control .e-open::before {
+    content: '\e885';
+}
+
+#defaultSample .menu-control .e-save::before {
+    content: '\e954';
+}

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

@@ -0,0 +1,5 @@
+<div id="defaultSample" class="menu-section">
+    <div class="menu-control">
+        <ejs-menu [items]='menuItems'></ejs-menu>
+    </div>
+</div>

package/schematics/generators/menu-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/menu-default/schema.js

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

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

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

package/schematics/generators/sidebar-backdrop/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/sidebar-backdrop/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/sidebar-backdrop/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/sidebar-backdrop/sample-details.js

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

package/schematics/generators/sidebar-backdrop/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -0,0 +1,74 @@
+.header {
+    width:100%;
+   height: 40px;
+   font-size:20px;
+   line-height: 40px;
+   font-weight: 500;
+   background: #eee;
+   display: inline-block;
+}
+
+#close,#close:hover,#close:active,#close:focus{ /* csslint allow: adjoining-classes*/
+   background:#fafafa;
+   color: black;
+}
+.center-align {
+   text-align: center;
+   padding: 20px;
+}
+
+.title {
+   text-align: center;
+   font-size: 20px;
+   padding: 15px;
+}
+
+.sub-title {
+   text-align: center;
+   font-size: 16px;
+   padding: 10px;
+}
+
+.center {
+   text-align: center;
+   display: none;
+   font-size: 13px;
+   font-weight: 400;
+   margin-top: 20px;
+}
+
+#wrapper {
+   display: block;
+}
+
+.sb-content-tab .center { /* csslint allow: adjoining-classes*/
+   display: block;
+}
+
+.sb-content-tab #wrapper { /* csslint allow: adjoining-classes*/
+   display: none;
+}
+
+.right {
+   float: right;
+}
+
+body {
+   margin: 0;
+}
+
+#default-sidebar {
+   background-color: rgb(25, 118, 210);
+   color: #ffffff;
+}
+
+.close-btn:hover {
+   color: #fafafa;
+}
+
+.content-section {
+   padding: 30px 10px 10px 20px;
+}
+.book .ej2-sample-frame { /* csslint allow: adjoining-classes */
+   padding: 0;
+}

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

@@ -0,0 +1,17 @@
+<ejs-sidebar id="default-sidebar" #sidebar [showBackdrop]="showBackdrop" [closeOnDocumentClick]="closeOnDocumentClick" >
+    <div class="title"> Sidebar content</div>
+    <div class="sub-title">
+        Click the button to close the Sidebar.
+    </div>
+    <div class="center-align">
+        <input type="button" id="close"  (click)="closeClick()"  class="e-btn close-btn" value="Close Sidebar"/>
+    </div>
+</ejs-sidebar>
+<div>
+    <div class="title">Main content</div>
+    <div class="sub-title"> Click the button to open/close the Sidebar.</div>
+    <div style="padding:20px" class="center-align">
+        <input type="button" id="toggle"  (click)="toggleClick()"  class="e-btn e-info" value="Toggle Sidebar"/>
+    </div>
+</div>
+<!--end of main content declaration -->

package/schematics/generators/sidebar-backdrop/schema.d.ts

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

package/schematics/generators/sidebar-backdrop/schema.js

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