@progress/kendo-angular-schematics 11.0.0-develop.79

package/src/grid/files/html/__name@dasherize__/__name@dasherize__.component.html

@@ -0,0 +1,48 @@
+<kendo-grid <% if (paging || sorting || filtering || grouping) {%>
+    [kendoGridBinding]="gridData"<% } else {%>[data]="gridData"<% } %><% if (editing === 'inline') {%>
+    [kendoGridReactiveEditing]="createFormGroup"<% }%><% if (editing === 'incell') {%>
+    [kendoGridInCellEditing]="createFormGroup"<% }%><% if (filtering){%>
+    [filterable]="true"<% }%><% if (grouping) {%>
+    [groupable]="true"<% } %><% if (paging) {%>
+    [pageable]="true"<% } %><% if (sorting) {%>
+    [sortable]="true"<% } %><% if (resizing) {%>
+    [resizable]="true"<% } %><% if (reordering) {%>
+    [reorderable]="true"<% } %><% if (columnMenu) {%>
+    [columnMenu]="true"<% } %><% if (navigable) {%>
+    [navigable]="true"<% } %><% if (height) {%>
+    [height]="<%=height%>"<% } %><% if (paging) {%>
+    [pageSize]="pageSize"><% } %>><% if (columns.length) {%><% for (let column of columns) {%>
+    <kendo-grid-column<% if (column.field) {%>
+        field="<%=column.field%>"<% } %><% if (column.title) {%>
+        title="<%=column.title%>"<% } %><% if (column.hidden) {%>
+        [hidden]="<%=column.hidden%>"<% } %><% if (column.locked) {%>
+        [locked]="<%=column.locked%>"<% } %><% if (column.sticky) {%>
+        [sticky]="<%=column.sticky%>"<% } %><% if (column.width) {%>
+        [width]="<%=column.width%>"<% } %><% if (column.columnMenu) {%>
+        [columnMenu]="<%=column.columnMenu%>"<% } %><% if (column.editable) {%>
+        [editable]="<%=column.editable%>"><% } %>></kendo-grid-column><% } %><% } %><% if (editing === 'inline') {%>
+    <kendo-grid-command-column title="Command" [width]="220">
+        <ng-template kendoGridCellTemplate let-formGroup="formGroup" let-isNew="isNew">
+            <button kendoGridEditCommand [primary]="true">Edit</button>
+            <button kendoGridRemoveCommand>Remove</button>
+            <button kendoGridSaveCommand [disabled]="formGroup?.invalid">
+                {{ isNew ? "Add" : "Update" }}
+            </button>
+            <button kendoGridCancelCommand>
+                {{ isNew ? "Discard changes" : "Cancel" }}
+            </button>
+        </ng-template>
+    </kendo-grid-command-column><% } %><% if (editing === 'incell') {%>
+    <kendo-grid-command-column title="command" [width]="220">
+        <ng-template kendoGridCellTemplate let-formGroup="formGroup" let-isNew="isNew">
+            <button kendoGridRemoveCommand>Remove</button>
+            <button kendoGridSaveCommand [disabled]="formGroup?.invalid">
+            Add
+            </button>
+            <button kendoGridCancelCommand>Discard</button>
+        </ng-template>
+    </kendo-grid-command-column><% } %><% if (editing === 'incell' || editing === 'inline') {%>
+    <ng-template kendoGridToolbarTemplate>
+        <button kendoGridAddCommand>Add new</button>
+    </ng-template><% } %>
+</kendo-grid>

package/src/grid/files/html/__name@dasherize__/__name@dasherize__.component.ts

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component } from '@angular/core';<% if (dataPath) {%>
+import { <%= dataName %> } from '<%= dataPath %>'; <% } %><% if (dataSource === "Example") {%>
+import { products } from './data'; <% } %><% if (dataSource === "Mock Data") {%>
+import data from './data';<% } %><% if (editing) {%>
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { CreateFormGroupArgs } from '@progress/kendo-angular-grid';<% } %>
+
+@Component({
+	selector: '<%= dasherize(name) %>-component',
+	templateUrl: './<%= dasherize(name) %>.component.html',
+	<% if (inlineStyle) {%> styleUrls: ['./<%= dasherize(name) %>.component.css']<% } else {%>styles: [``]<% } %>
+})
+export class <%= classify(name) %>Component  {
+	public gridData: any[] = <% if (dataSource === "Example") { %>products<% } else if (dataSource === "Mock Data") { %>data<% } else if (dataName) { %><%=dataName%><% } else { %>products<%} %>;<% if (paging) { %>
+    public pageSize: number = <%=pageSize%>;<% } %><% if (editing) {%>
+
+    constructor(private formBuilder: FormBuilder) { }
+
+    public createFormGroup = (args: CreateFormGroupArgs): FormGroup => {
+        // TODO: Implement default item factory.
+        const item = args.isNew ? Object.keys(this.gridData[0]).reduce((acc, curr) => (acc as any)[curr] = null || acc, {}) : args.dataItem;
+
+        return this.formBuilder.group(item);
+    };<% } %>
+}

package/src/grid/files/inline/__name@dasherize__/__name@dasherize__.component.ts

@@ -0,0 +1,79 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component } from '@angular/core';<% if (dataPath) {%>
+import { <%= dataName %> } from '<%= dataPath %>'; <% } %><% if (dataSource === "Example") {%>
+import { products } from './data'; <% } %><% if (dataSource === "Mock Data") {%>
+import data from './data';<% } %><% if (editing === 'inline' || editing === 'incell') {%>
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { CreateFormGroupArgs } from '@progress/kendo-angular-grid';<% } %>
+
+@Component({
+	selector: '<%= dasherize(name) %>-component',
+	template: `
+        <kendo-grid <% if (paging || sorting || filtering || grouping) {%>
+            [kendoGridBinding]="gridData"<% } else {%>[data]="gridData"<% } %><% if (editing === 'inline') {%>
+            [kendoGridReactiveEditing]="createFormGroup"<% }%><% if (editing === 'incell') {%>
+            [kendoGridInCellEditing]="createFormGroup"<% }%><% if (filtering){%>
+            [filterable]="true"<% }%><% if (grouping) {%>
+            [groupable]="true"<% } %><% if (paging) {%>
+            [pageable]="true"<% } %><% if (sorting) {%>
+            [sortable]="true"<% } %><% if (resizing) {%>
+            [resizable]="true"<% } %><% if (reordering) {%>
+            [reorderable]="true"<% } %><% if (columnMenu) {%>
+            [columnMenu]="true"<% } %><% if (navigable) {%>
+            [navigable]="true"<% } %><% if (height) {%>
+            [height]="<%=height%>"<% } %><% if (paging) {%>
+            [pageSize]="pageSize"><% } %>><% if (columns.length) {%><% for (let column of columns) {%>
+            <kendo-grid-column<% if (column.field) {%>
+                field="<%=column.field%>"<% } %><% if (column.title) {%>
+                title="<%=column.title%>"<% } %><% if (column.hidden) {%>
+                [hidden]="<%=column.hidden%>"<% } %><% if (column.locked) {%>
+                [locked]="<%=column.locked%>"<% } %><% if (column.sticky) {%>
+                [sticky]="<%=column.sticky%>"<% } %><% if (column.width) {%>
+                [width]="<%=column.width%>"<% } %><% if (column.columnMenu) {%>
+                [columnMenu]="<%=column.columnMenu%>"<% } %><% if (column.editable) {%>
+                [editable]="<%=column.editable%>"><% } %>></kendo-grid-column><% } %><% } %><% if (editing === 'inline') {%>
+            <kendo-grid-command-column title="Command" [width]="220">
+                <ng-template kendoGridCellTemplate let-formGroup="formGroup" let-isNew="isNew">
+                    <button kendoGridEditCommand [primary]="true">Edit</button>
+                    <button kendoGridRemoveCommand>Remove</button>
+                    <button kendoGridSaveCommand [disabled]="formGroup?.invalid">
+                        {{ isNew ? "Add" : "Update" }}
+                    </button>
+                    <button kendoGridCancelCommand>
+                        {{ isNew ? "Discard changes" : "Cancel" }}
+                    </button>
+                </ng-template>
+            </kendo-grid-command-column><% } %><% if (editing === 'incell') {%>
+            <kendo-grid-command-column title="command" [width]="220">
+                <ng-template kendoGridCellTemplate let-formGroup="formGroup" let-isNew="isNew">
+                    <button kendoGridRemoveCommand>Remove</button>
+                    <button kendoGridSaveCommand [disabled]="formGroup?.invalid">
+                    Add
+                    </button>
+                    <button kendoGridCancelCommand>Discard</button>
+                </ng-template>
+            </kendo-grid-command-column><% } %><% if (editing === 'incell' || editing === 'inline') {%>
+            <ng-template kendoGridToolbarTemplate>
+                <button kendoGridAddCommand>Add new</button>
+            </ng-template><% } %>
+        </kendo-grid>
+	`,<% if (inlineStyle) {%>
+	styles: [``]<% } else {%>
+	styleUrls: ['./<%= dasherize(name) %>.component.css']<% } %>
+})
+export class <%= classify(name) %>Component  {
+	public gridData: any[] = <% if (dataSource === "Example") { %>products<% } else if (dataSource === "Mock Data") { %>data<% } else if (dataName) { %><%=dataName%><% } else { %>products<%} %>;<% if (paging) { %>
+	public pageSize: number = <%=pageSize%>;<% if (editing === 'inline' || editing === 'incell') {%>
+
+    constructor(private formBuilder: FormBuilder) { }
+
+    public createFormGroup = (args: CreateFormGroupArgs): FormGroup => {
+        // TODO: Implement default item factory.
+        const item = args.isNew ? Object.keys(this.gridData[0]).reduce((acc, curr) => (acc as any)[curr] = null || acc, {}) : args.dataItem;
+
+        return this.formBuilder.group(item);
+    };<% } %>
+}

package/src/grid/index.d.ts

@@ -0,0 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export declare function grid(_options: Schema): Rule;

package/src/grid/index.js

@@ -0,0 +1,84 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.grid = void 0;
+const core_1 = require("@angular-devkit/core");
+const strings_1 = require("@angular-devkit/core/src/utils/strings");
+const schematics_1 = require("@angular-devkit/schematics");
+const path_1 = require("path");
+const schema_1 = require("./schema");
+const data_1 = require("./files/data");
+const utils_1 = require("../utils");
+const classify = core_1.strings.classify;
+const arrayify = (args) => args.map(s => `'${s}'`).join(", ");
+function grid(_options) {
+    return (_tree, _context) => {
+        _options.name = (0, path_1.basename)(_options.name);
+        const defaults = {
+            style: "css"
+        };
+        let path = (0, path_1.normalize)('/' + (0, path_1.dirname)((_options.path + '/' + _options.name)));
+        if (process.platform == "win32") {
+            path = path.replace(/\\/g, '/');
+        }
+        const parsedComplexOptions = (0, utils_1.parseComplexOptions)(['columns'], _options);
+        const overrides = {};
+        if (_options.dataSource == schema_1.DataSource.Example) {
+            // If the data source is "Example", use a predefined template for data and columns
+            overrides.columns = [
+                { field: "ProductID", title: "ID" },
+                { field: "ProductName", title: "Product Name" },
+                { field: "UnitPrice", title: "Unit Price" }
+            ];
+        }
+        const templateOptions = {
+            ...defaults,
+            ..._options,
+            ...parsedComplexOptions,
+            ...overrides,
+            classify,
+            dasherize: strings_1.dasherize,
+            arrayify
+        };
+        const templateSource = (0, schematics_1.apply)((0, schematics_1.url)(_options.inlineTemplate ? './files/inline' : './files/html'), [
+            (0, schematics_1.template)(templateOptions),
+            (0, schematics_1.move)(_options.path)
+        ]);
+        const angularComponentOptions = {
+            path: _options.path,
+            name: _options.name,
+            inlineTemplate: _options.inlineTemplate,
+            inlineStyle: _options.inlineStyle,
+            skipTests: _options.skipTests,
+            style: templateOptions.style
+        };
+        if (_options.dataSource == schema_1.DataSource.Example) {
+            // Import the example datasource
+            _tree.create(`${_options.path}/${(0, strings_1.dasherize)(_options.name)}/data.ts`, data_1.productsSourceCode);
+        }
+        else if (_options.dataSource == schema_1.DataSource['Mock Data']) {
+            // Generate mocked data out of the column defitions
+            let dataSourceCode = `export const data = [{\n`;
+            for (let i = 0; i <= 15; i++) {
+                for (const column of parsedComplexOptions.columns) {
+                    dataSourceCode += `        "${column.field}": "${column.title ?? column.field} ${i}",\n`;
+                }
+                if (i < 15) {
+                    dataSourceCode += `    }, {\n`;
+                }
+            }
+            dataSourceCode += `    }];\n`;
+            dataSourceCode += `export default data;`;
+            _tree.create(`${_options.path}/${(0, strings_1.dasherize)(_options.name)}/data.ts`, dataSourceCode);
+        }
+        return (0, schematics_1.chain)([
+            (0, schematics_1.externalSchematic)('@schematics/angular', 'component', angularComponentOptions),
+            (0, schematics_1.mergeWith)(templateSource, schematics_1.MergeStrategy.Overwrite)
+        ]);
+    };
+}
+exports.grid = grid;
+//# sourceMappingURL=index.js.map

package/src/grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/schematics/src/grid/index.ts"],"names":[],"mappings":"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"}

package/src/grid/schema.d.ts

@@ -0,0 +1,44 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export declare enum DataSource {
+    /**
+     * An example data source will be added to the project with predefined column definitions.
+     * The data and column definitions can not be modified.
+     *
+     * This is the default.
+     */
+    "Example" = "Example",
+    /**
+     * The user is expected to provide column definitions.
+     * A mock data will be generated out of the column definitions.
+     */
+    "Mock Data" = "Mock Data",
+    /**
+     * The user can specify a basic module to bind to and provide column definitions,
+     * but in general the user will have to author some code to connect the data.
+     */
+    "Existing App Data" = "Existing App Data"
+}
+export interface Schema {
+    path?: string;
+    name: string;
+    inlineStyle: boolean;
+    inlineTemplate: boolean;
+    skipTests: boolean;
+    filtering?: boolean;
+    grouping?: boolean;
+    paging?: boolean;
+    sorting?: boolean;
+    resizing?: boolean;
+    reordering?: boolean;
+    columnMenu?: boolean;
+    navigable?: boolean;
+    pageSize?: number;
+    height?: number;
+    columns?: string;
+    dataSource: DataSource;
+    dataPath?: string;
+    dataName: string;
+}

package/src/grid/schema.js

@@ -0,0 +1,28 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataSource = void 0;
+var DataSource;
+(function (DataSource) {
+    /**
+     * An example data source will be added to the project with predefined column definitions.
+     * The data and column definitions can not be modified.
+     *
+     * This is the default.
+     */
+    DataSource["Example"] = "Example";
+    /**
+     * The user is expected to provide column definitions.
+     * A mock data will be generated out of the column definitions.
+     */
+    DataSource["Mock Data"] = "Mock Data";
+    /**
+     * The user can specify a basic module to bind to and provide column definitions,
+     * but in general the user will have to author some code to connect the data.
+     */
+    DataSource["Existing App Data"] = "Existing App Data";
+})(DataSource = exports.DataSource || (exports.DataSource = {}));
+//# sourceMappingURL=schema.js.map

package/src/grid/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../../libs/schematics/src/grid/schema.ts"],"names":[],"mappings":";;;AACA,IAAY,UAoBX;AApBD,WAAY,UAAU;IACpB;;;;;OAKG;IACH,iCAAqB,CAAA;IAErB;;;OAGG;IACH,qCAAyB,CAAA;IAEzB;;;OAGG;IACH,qDAAyC,CAAA;AAC3C,CAAC,EApBW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAoBrB"}

package/src/grid/schema.json

@@ -0,0 +1,168 @@
+{
+	"progress:name": "Grid",
+	"progress:description": "Generate new Kendo UI for Angular Grid page",
+	"$schema": "http://json-schema.org/schema",
+	"$id": "Schema",
+	"type": "object",
+	"properties": {
+		"path": {
+			"type": "string",
+			"format": "path",
+			"progress:editorVisible": false
+		},
+		"name": {
+			"type": "string",
+			"$default": {
+				"$source": "argv",
+				"index": 0
+			},
+			"default": "GridPage"
+		},
+
+		"inlineTemplate": {
+			"progress:category": "Code Generation",
+			"progress:display-name": "Inline template",
+			"description": "Include template inline in the component.ts file. By default, an external template file is created and referenced in the component.ts file.",
+			"type": "boolean",
+			"default": false,
+			"alias": "t"
+		},
+		"inlineStyle": {
+			"progress:category": "Code Generation",
+			"description": "Include styles inline in the component.ts file. Only CSS styles can be included inline. By default, an external styles file is created and referenced in the component.ts file.",
+			"type": "boolean",
+			"default": false,
+			"alias": "s"
+		},
+		"skipTests": {
+			"progress:category": "Code Generation",
+			"type": "boolean",
+			"description": "Do not create \"spec.ts\" test files for the new component.",
+			"default": false
+		},
+
+		"editing": {
+			"progress:category": "Grid Features",
+			"description": "Configures the Grid for inline or incell editing.",
+			"type": "string",
+            "enum": ["none", "inline", "incell"],
+			"default": "none"
+		},
+		"filtering": {
+			"progress:category": "Grid Features",
+			"description": "Enables Grid filtering",
+			"type": "boolean",
+			"default": false
+		},
+		"grouping": {
+			"progress:category": "Grid Features",
+			"description": "Enables Grid grouping",
+			"type": "boolean",
+			"default": false
+		},
+		"paging": {
+			"progress:category": "Grid Features",
+			"description": "Enables Grid paging",
+			"type": "boolean",
+			"default": false
+		},
+		"sorting": {
+			"progress:category": "Grid Features",
+			"description": "Enables Grid sorting",
+			"type": "boolean",
+			"default": false
+		},
+		"resizing": {
+			"progress:category": "Grid Features",
+			"description": "Enables Grid resizing",
+			"type": "boolean",
+			"default": false
+		},
+		"reordering": {
+			"progress:category": "Grid Features",
+			"description": "Enables Grid reordering",
+			"type": "boolean",
+			"default": false
+		},
+		"columnMenu": {
+			"progress:category": "Grid Features",
+			"description": "Enables Grid column menu",
+			"type": "boolean",
+			"default": false
+		},
+		"navigable": {
+			"progress:category": "Grid Features",
+			"description": "Makes the Grid navigable",
+			"type": "boolean",
+			"default": false
+		},
+		"pageSize": {
+			"progress:category": "Grid Features",
+			"description": "Sets the pageSize of a pageable Grid",
+			"type": "number",
+			"default": 3
+		},
+		"height": {
+			"progress:category": "Grid Features",
+			"description": "Sets the height of the Grid",
+			"type": "number",
+			"default": 300
+		},
+		"dataSource": {
+			"progress:category": "Data Source",
+			"description": "Select grid data source generation strategy",
+			"type": "string",
+			"default": "Example",
+			"enum": [ "Example", "Mock Data", "Existing App Data" ],
+			"progress:enum": [{
+				"name": "Example", "description": "An example data source will be added to the project, with predefined column definitions."
+			}, {
+				"name": "Mock Data", "description": "Specify column definitions, from which mock data will be generated and added to the project."
+			}, {
+				"name": "Existing App Data", "description": "Provide import path. If the data module does not exist in your project, you will have to generate it by hand."
+			}]
+		},
+		"dataPath": {
+			"progress:category": "Data Source",
+			"description": "Sets a path to the local data file",
+			"type": "string",
+			"progress:attributes": [
+				{ "type": "hideOnPropertyValue", "property": "dataSource", "values": [ "Example", "Mock Data" ] }
+			]
+		},
+		"dataName": {
+			"progress:category": "Data Source",
+			"description": "Sets a name to the local data property",
+			"type": "string",
+			"progress:attributes": [
+				{ "type": "hideOnPropertyValue", "property": "dataSource", "values": [ "Example", "Mock Data" ] }
+			]
+		},
+		"columns": {
+			"progress:category": "Data Source",
+			"progress:type": "array",
+			"hidden": true,
+			"description": "Specifies the columns in the Grid",
+			"type": "string",
+			"progress:attributes": [
+				{ "type": "hideOnPropertyValue", "property": "dataSource", "values": [ "Example" ] }
+			],
+			"items": {
+				"type": "object",
+				"properties": {
+					"field": {"type": "string"},
+					"title": {"type": "string"},
+					"hidden": {"type": "boolean"},
+                    "locked": {"type": "boolean"},
+                    "sticky": {"type": "boolean"},
+                    "columnMenu": {"type": "boolean"},
+                    "editable": {"type": "boolean"},
+                    "width": {"type": "number"}
+				}
+			}
+		}
+	},
+	"required": [
+		"name"
+	]
+}

package/src/ngAdd/index.d.ts

@@ -0,0 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as RegisterSchema } from './schema';
+export declare function ngAdd(options: RegisterSchema): Rule;

package/src/ngAdd/index.js

@@ -0,0 +1,143 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ngAdd = void 0;
+const schematics_1 = require("@angular-devkit/schematics");
+const tasks_1 = require("@angular-devkit/schematics/tasks");
+const ts = require("typescript");
+const rules_1 = require("../rules");
+const utils_1 = require("../utils");
+const theming_1 = require("./theming");
+const readSource = (modulePath) => (tree) => {
+    const sourceText = (0, utils_1.fileContent)(tree, modulePath);
+    return ts.createSourceFile(modulePath, sourceText, ts.ScriptTarget.Latest, true);
+};
+function updateNgModule(host, moduleToUpdate, data) {
+    const read = readSource(moduleToUpdate);
+    const changes = (0, utils_1.addImportToModule)({
+        source: read(host),
+        symbolName: data.import,
+        modulePath: data.from
+    });
+    (0, rules_1.applyChanges)(host, moduleToUpdate, changes);
+    if (data.export) {
+        const changes = (0, utils_1.addExportToModule)({
+            source: read(host),
+            symbolName: data.import,
+            modulePath: data.from
+        });
+        (0, rules_1.applyChanges)(host, moduleToUpdate, changes);
+    }
+}
+const runner = (deps, callback) => (...options) => deps.forEach(dep => {
+    if (!Object.hasOwnProperty.call(dep, 'condition') || dep.condition) {
+        callback(...options, dep);
+    }
+});
+function importAllModules(options) {
+    return (host) => {
+        const moduleToUpdate = options.module;
+        if (!moduleToUpdate)
+            return host;
+        const dependencies = [
+            {
+                import: options.mainNgModule,
+                from: `@progress/kendo-angular-${options.package}`,
+                export: options.export
+            },
+            {
+                import: 'BrowserAnimationsModule',
+                from: '@angular/platform-browser/animations'
+            },
+            {
+                from: 'hammerjs',
+                condition: options.importHammerjs
+            },
+            ...options.dependencies
+        ];
+        const run = runner(dependencies, updateNgModule);
+        run(host, moduleToUpdate);
+        return host;
+    };
+}
+function npmInstall(options) {
+    return (host, context) => {
+        if (options.skipInstall)
+            return;
+        const installTask = context.addTask(new tasks_1.NodePackageInstallTask());
+        if (needsLocalize(host)) {
+            context.addTask(new tasks_1.RunSchematicTask('@angular/localize', 'ng-add', { project: options.project }), [installTask]);
+        }
+    };
+}
+const progressDependencies = (json, importHammerjs) => {
+    const hammerRegEx = importHammerjs ? '|hammerjs' : '';
+    const validator = new RegExp(`^(@progress.*${hammerRegEx})$`);
+    return Object.entries(json.peerDependencies)
+        .filter(([k]) => validator.test(k))
+        .reduce((s, [k, v]) => (s[k] = v, s), {});
+};
+function getPackageVersion(tree, name) {
+    if (!tree.exists('package.json')) {
+        return null;
+    }
+    const packageJson = JSON.parse((0, utils_1.fileContent)(tree, 'package.json'));
+    if (packageJson.dependencies && packageJson.dependencies[name]) {
+        return packageJson.dependencies[name];
+    }
+    return null;
+}
+function getAngularVersionString(tree) {
+    return getPackageVersion(tree, '@angular/core');
+}
+function getAngularMajorVersion(tree) {
+    const version = getAngularVersionString(tree);
+    if (!version) {
+        return null;
+    }
+    const major = version.match(/(\d+)\./);
+    if (major !== null && major.length === 2) {
+        return parseInt(major[1], 10);
+    }
+    return null;
+}
+function needsLocalize(tree) {
+    const version = getAngularMajorVersion(tree);
+    return version >= 9 || version === null;
+}
+function registerInPackageJson(options) {
+    return (tree, context) => {
+        const fullPackageName = `kendo-angular-${options.package}`;
+        const content = (0, utils_1.fileContent)(tree, `node_modules/@progress/${fullPackageName}/package.json`);
+        const dependencies = {
+            ...progressDependencies(JSON.parse(content), options.importHammerjs),
+            ...options.peerDependencies
+        };
+        if (needsLocalize(tree)) {
+            dependencies['@angular/localize'] = getAngularVersionString(tree);
+        }
+        return (0, rules_1.addToPackageJson)({ dependencies })(tree, context);
+    };
+}
+function ngAdd(options) {
+    return (host, context) => {
+        const project = (0, utils_1.resolveProject)(host, options.project);
+        const targets = project.architect || project.targets;
+        const mainPath = targets.build.options.main;
+        options.module = (0, utils_1.getAppModulePath)(host, mainPath);
+        const toInstall = (0, schematics_1.chain)([
+            registerInPackageJson(options),
+            (0, theming_1.importTheme)(options),
+            npmInstall(options) //install as a last rule
+        ]);
+        return (0, schematics_1.chain)([
+            importAllModules(options),
+            toInstall
+        ])(host, context);
+    };
+}
+exports.ngAdd = ngAdd;
+//# sourceMappingURL=index.js.map