@syncfusion/ej2-angular-lists 34.2.8 → 35.1.43

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

@@ -0,0 +1,5 @@
+export const componentName: string = 'listview';
+export const sampleName: string = 'default';
+export const diModules: string | null =  null;
+export const packageName: string = '@syncfusion/ej2-angular-lists';
+export const libModules: string = 'ListViewModule';

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

@@ -0,0 +1,53 @@
+#sample-list {
+  max-width: 500px;
+}
+
+#sample-list,
+#sample-list-flat,
+#sample-list-group {
+  border: 1px solid #dddddd;
+  border-radius: 3px;
+  margin: auto;
+}
+
+.control-section {
+  overflow: auto;
+  padding-bottom: 10px;
+}
+
+#flat-list,
+#group-list {
+  width: 40%;
+  padding: 10px;
+  margin: auto;
+}
+
+#flat-list,
+#group-list {
+  float: left;
+}
+
+#flat-list h4,
+#group-list h4 {
+  padding-left: 15px;
+}
+
+.e-listview .e-list-icon {
+  height: 24px;
+  width: 30px;
+}
+
+#listview {
+  max-width: 500px;
+  margin: auto;
+  border: 1px solid #dddddd;
+  border-radius: 3px;
+}
+
+@media (max-width: 590px) {
+
+  #flat-list,
+  #group-list {
+    width: 100%;
+  }
+}

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

@@ -0,0 +1,12 @@
+<div class="control-section">
+    <div id='flat-list'>
+        <h4>Flat List</h4>
+        <!-- ListView element -->
+        <ejs-listview id='sample-list-flat' [dataSource]='data'></ejs-listview>
+    </div>
+    <div id='group-list'>
+        <h4>Group List</h4>
+        <!-- Group ListView element -->
+        <ejs-listview id='sample-list-group' [dataSource]='groupData' [fields]='fields'></ejs-listview>
+    </div>
+</div>

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

@@ -0,0 +1,84 @@
+/**
+ * ListView Flatlist Sample
+ */
+import { Component } from '@angular/core';
+
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css']
+})
+
+export class <%= classify(name) %>Component {
+
+    // Define an array of JSON data
+    public data: Object[] = [
+        { text: 'Hennessey Venom', id: 'list-01' },
+        { text: 'Bugatti Chiron', id: 'list-02' },
+        { text: 'Bugatti Veyron Super Sport', id: 'list-03' },
+        { text: 'SSC Ultimate Aero', id: 'list-04' },
+        { text: 'Koenigsegg CCR', id: 'list-05' },
+        { text: 'McLaren F1', id: 'list-06' },
+        { text: 'Aston Martin One- 77', id: 'list-07' },
+        { text: 'Jaguar XJ220', id: 'list-08' },
+        { text: 'McLaren P1', id: 'list-09' },
+        { text: 'Ferrari LaFerrari', id: 'list-10' },
+    ];
+
+    // Define an array of JSON data
+    public groupData: { [key: string]: Object }[] = [
+        {
+            'text': 'Audi A4',
+            'id': '9bdb',
+            'category': 'Audi'
+        },
+        {
+            'text': 'Audi A5',
+            'id': '4589',
+            'category': 'Audi'
+        },
+        {
+            'text': 'Audi A6',
+            'id': 'e807',
+            'category': 'Audi'
+        },
+        {
+            'text': 'Audi A7',
+            'id': 'a0cc',
+            'category': 'Audi'
+        },
+        {
+            'text': 'Audi A8',
+            'id': '5e26',
+            'category': 'Audi'
+        },
+        {
+            'text': 'BMW 501',
+            'id': 'f849',
+            'category': 'BMW'
+        },
+        {
+            'text': 'BMW 502',
+            'id': '7aff',
+            'category': 'BMW'
+        },
+        {
+            'text': 'BMW 503',
+            'id': 'b1da',
+            'category': 'BMW'
+        },
+        {
+            'text': 'BMW 507',
+            'id': 'de2f',
+            'category': 'BMW'
+        },
+        {
+            'text': 'BMW 3200',
+            'id': 'b2b1',
+            'category': 'BMW'
+        }
+    ];
+
+    // Map the appropriate columns to fields property
+    public fields: Object = { groupBy: 'category' };
+}

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

@@ -0,0 +1 @@
+export {};

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

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

package/schematics/generators/listview-default/schema.ts

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

package/schematics/generators/listview-nestedlist/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/listview-nestedlist/index.js

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

package/schematics/generators/listview-nestedlist/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/listview-nestedlist/sample-details.d.ts

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

package/schematics/generators/listview-nestedlist/sample-details.js

@@ -0,0 +1,5 @@
+export const componentName = 'listview';
+export const sampleName = 'nestedlist';
+export const diModules = null;
+export const packageName = '@syncfusion/ej2-angular-lists';
+export const libModules = 'ListViewModule';

package/schematics/generators/listview-nestedlist/sample-details.ts

@@ -0,0 +1,5 @@
+export const componentName: string = 'listview';
+export const sampleName: string = 'nestedlist';
+export const diModules: string | null =  null;
+export const packageName: string = '@syncfusion/ej2-angular-lists';
+export const libModules: string = 'ListViewModule';

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

@@ -0,0 +1,70 @@
+#sample-list {
+  max-width: 500px;
+}
+
+#sample-list,
+#sample-list-flat,
+#sample-list-group {
+  border: 1px solid #dddddd;
+  border-radius: 3px;
+  margin: auto;
+}
+
+.control-section {
+  overflow: auto;
+  padding-bottom: 10px;
+}
+
+#flat-list,
+#group-list {
+  width: 50%;
+  padding: 10px;
+  margin: auto;
+}
+
+#flat-list {
+  float: left;
+}
+
+#group-list {
+  float: right;
+}
+
+#flat-list h4,
+#group-list h4 {
+  padding-left: 15px;
+}
+
+.e-listview .e-list-icon {
+  height: 24px;
+  width: 30px;
+}
+
+#listview {
+  max-width: 500px;
+  margin: auto;
+  border: 1px solid #dddddd;
+  border-radius: 3px;
+}
+
+.folder {
+  background-repeat: no-repeat;
+  background-image: url('/assets/listview/nestedlist/file_icons.png');
+  background-position: -5px -466px;
+  background-size: 302%;
+}
+
+.file {
+  background-repeat: no-repeat;
+  background-image: url('/assets/listview/nestedlist/file_icons.png');
+  background-position: -5px -151px;
+  background-size: 302%;
+}
+
+@media (max-width: 590px) {
+
+  #flat-list,
+  #group-list {
+    width: 100%;
+  }
+}

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

@@ -0,0 +1,5 @@
+<div class="control-section">
+    <!-- ListView element -->
+    <ejs-listview id='listview' [dataSource]='data' [fields]='fields' [headerTitle]='headerTitle' [showIcon]='true'
+        [showHeader]='true'></ejs-listview>
+</div>

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

@@ -0,0 +1,84 @@
+/**
+ * ListView Nested Sample
+ */
+
+import { Component, ViewEncapsulation } from '@angular/core';
+
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css'],
+    encapsulation: ViewEncapsulation.None
+})
+
+export class <%= classify(name) %>Component {
+
+    // Define an array of JSON data
+    public data: { [key: string]: Object }[] = [
+        {
+            id: '01', text: 'Music', icon: 'folder',
+            child: [
+                { id: '01-01', text: 'Gouttes.mp3', icon: 'file' }
+            ]
+        },
+        {
+            id: '02', text: 'Videos', icon: 'folder',
+            child: [
+                { id: '02-01', text: 'Naturals.mp4', icon: 'file' },
+                { id: '02-02', text: 'Wild.mpeg', icon: 'file' },
+            ]
+        },
+        {
+            id: '03', text: 'Documents', icon: 'folder',
+            child: [
+                { id: '03-01', text: 'Environment Pollution.docx', icon: 'file' },
+                { id: '03-02', text: 'Global Water, Sanitation, & Hygiene.docx', icon: 'file' },
+                { id: '03-03', text: 'Global Warming.ppt', icon: 'file' },
+                { id: '03-04', text: 'Social Network.pdf', icon: 'file' },
+                { id: '03-05', text: 'Youth Empowerment.pdf', icon: 'file' },
+            ]
+        },
+        {
+            id: '04', text: 'Pictures', icon: 'folder',
+            child: [
+                {
+                    id: '04-01', text: 'Camera Roll', icon: 'folder',
+                    child: [
+                        { id: '04-01-01', text: 'WIN_20160726_094117.JPG', icon: 'file' },
+                        { id: '04-01-02', text: 'WIN_20160726_094118.JPG', icon: 'file' },
+                        { id: '04-01-03', text: 'WIN_20160726_094119.JPG', icon: 'file' }
+                    ]
+                },
+                {
+                    id: '04-02', text: 'Wind.jpg', icon: 'file'
+                },
+                {
+                    id: '04-02', text: 'Stone.jpg', icon: 'file'
+                },
+                {
+                    id: '04-02', text: 'Home.jpg', icon: 'file'
+                },
+                {
+                    id: '04-02', text: 'Bridge.png', icon: 'file'
+                }
+            ]
+        },
+        {
+            id: '05', text: 'Downloads', icon: 'folder',
+            child: [
+                { id: '05-01', text: 'UI-Guide.pdf', icon: 'file' },
+                { id: '05-02', text: 'Tutorials.zip', icon: 'file' },
+                { id: '05-03', text: 'Game.exe', icon: 'file' },
+                { id: '05-04', text: 'TypeScript.7z', icon: 'file' },
+            ]
+        },
+    ];
+
+    // Map appropriate columns to fields property
+    public fields: { [key: string]: string } = {
+        iconCss: 'icon', tooltip: 'text'
+    };
+
+    // Set header title
+    public headerTitle = 'Folders';
+}

package/schematics/generators/listview-nestedlist/schema.d.ts

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

package/schematics/generators/listview-nestedlist/schema.js

@@ -0,0 +1 @@
+export {};

package/schematics/generators/listview-nestedlist/schema.json

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

package/schematics/generators/listview-nestedlist/schema.ts

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

package/schematics/generators/listview-remotelist/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/listview-remotelist/index.js

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

package/schematics/generators/listview-remotelist/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/listview-remotelist/sample-details.d.ts

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

package/schematics/generators/listview-remotelist/sample-details.js

@@ -0,0 +1,5 @@
+export const componentName = 'listview';
+export const sampleName = 'remotelist';
+export const diModules = null;
+export const packageName = '@syncfusion/ej2-angular-lists';
+export const libModules = 'ListViewModule';