@ui5/webcomponents-ngx 0.0.1-rc.0

package/schematics/add-styles/index.d.ts

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

package/schematics/add-styles/index.js

@@ -0,0 +1,38 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addStyles = void 0;
+const workspace_1 = require("@schematics/angular/utility/workspace");
+const schematics_1 = require("@angular-devkit/schematics");
+const tasks_1 = require("@angular-devkit/schematics/tasks");
+function addStyles(options) {
+    return (_, context) => (0, workspace_1.updateWorkspace)((workspace) => __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        const currentWorkspace = workspace.projects.get(options.project);
+        if (!currentWorkspace) {
+            throw new schematics_1.SchematicsException('Project with such name not found.');
+        }
+        const buildTargetOptions = (_a = currentWorkspace.targets.get('build')) === null || _a === void 0 ? void 0 : _a.options;
+        if (!buildTargetOptions) {
+            throw new schematics_1.SchematicsException('Could not find build target options for defined project.');
+        }
+        let styles = buildTargetOptions['styles'];
+        styles = styles.filter(style => (typeof style === 'string' && !style.startsWith('node_modules/@fundamental-styles/common-css') ||
+            typeof style !== 'string' && !style.input.startsWith('node_modules/@fundamental-styles/common-css')));
+        options.commonCss.forEach((style) => {
+            styles.push(`node_modules/@fundamental-styles/common-css/dist/${style}.css`);
+        });
+        buildTargetOptions['styles'] = styles;
+        context.addTask(new tasks_1.NodePackageInstallTask());
+    }));
+}
+exports.addStyles = addStyles;
+//# sourceMappingURL=index.js.map

package/schematics/add-styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/ui5-angular/schematics/add-styles/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,qEAAwE;AACxE,2DAAuE;AACvE,4DAA0E;AAG1E,SAAgB,SAAS,CAAC,OAAe;IACvC,OAAO,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,CAAC,IAAA,2BAAe,EAAC,CAAO,SAAS,EAAE,EAAE;;QAEzD,MAAM,gBAAgB,GAAG,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEjE,IAAI,CAAC,gBAAgB,EAAE;YACrB,MAAM,IAAI,gCAAmB,CAAC,mCAAmC,CAAC,CAAC;SACpE;QAED,MAAM,kBAAkB,GAAG,MAAA,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,0CAAE,OAAO,CAAC;QAE1E,IAAI,CAAC,kBAAkB,EAAE;YACvB,MAAM,IAAI,gCAAmB,CAAC,0DAA0D,CAAC,CAAC;SAC3F;QAED,IAAI,MAAM,GAAG,kBAAkB,CAAC,QAAQ,CAAmC,CAAC;QAE5E,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,6CAA6C,CAAC;YAC9H,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,6CAA6C,CAAC,CAAC,CAAC,CAAC;QAEtG,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAClC,MAAM,CAAC,IAAI,CAAC,oDAAoD,KAAK,MAAM,CAAC,CAAC;QAC/E,CAAC,CAAC,CAAC;QAEH,kBAAkB,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC;QAEtC,OAAO,CAAC,OAAO,CAAC,IAAI,8BAAsB,EAAE,CAAC,CAAC;IAChD,CAAC,CAAA,CAAC,CAAC;AACL,CAAC;AA5BD,8BA4BC"}

package/schematics/add-styles/index.ts

@@ -0,0 +1,34 @@
+import { updateWorkspace } from '@schematics/angular/utility/workspace';
+import { Rule, SchematicsException } from '@angular-devkit/schematics';
+import { NodePackageInstallTask } from '@angular-devkit/schematics/tasks';
+import { Schema } from '../schema';
+
+export function addStyles(options: Schema): Rule {
+  return (_, context) => updateWorkspace(async (workspace) => {
+
+    const currentWorkspace = workspace.projects.get(options.project);
+
+    if (!currentWorkspace) {
+      throw new SchematicsException('Project with such name not found.');
+    }
+
+    const buildTargetOptions = currentWorkspace.targets.get('build')?.options;
+
+    if (!buildTargetOptions) {
+      throw new SchematicsException('Could not find build target options for defined project.');
+    }
+
+    let styles = buildTargetOptions['styles'] as (string | { input: string })[];
+
+    styles = styles.filter(style => (typeof style === 'string' && !style.startsWith('node_modules/@fundamental-styles/common-css') ||
+    typeof style !== 'string' && !style.input.startsWith('node_modules/@fundamental-styles/common-css')));
+
+    options.commonCss.forEach((style) => {
+      styles.push(`node_modules/@fundamental-styles/common-css/dist/${style}.css`);
+    });
+
+    buildTargetOptions['styles'] = styles;
+
+    context.addTask(new NodePackageInstallTask());
+  });
+}

package/schematics/add-styles/schema.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "add-styles-schematic",
+  "title": "Adds styles",
+  "type": "object",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    }
+  }
+}

package/schematics/add-theming/index.d.ts

@@ -0,0 +1,5 @@
+import { Rule, Tree } from '@angular-devkit/schematics';
+import * as ts from 'typescript';
+import { Schema } from '../schema';
+export declare function addTheming(options: Schema): Rule;
+export declare function getSourceFile(host: Tree, path: string): ts.SourceFile;

package/schematics/add-theming/index.js

@@ -0,0 +1,91 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSourceFile = exports.addTheming = void 0;
+const workspace_1 = require("@schematics/angular/utility/workspace");
+const ng_ast_utils_1 = require("@schematics/angular/utility/ng-ast-utils");
+const ast_utils_1 = require("@schematics/angular/utility/ast-utils");
+const change_1 = require("@schematics/angular/utility/change");
+const schematics_1 = require("@angular-devkit/schematics");
+const ts = require("typescript");
+function addTheming(options) {
+    return (tree, context) => (0, workspace_1.updateWorkspace)((workspace) => __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        if (!options.theming) {
+            return;
+        }
+        const currentWorkspace = workspace.projects.get(options.project);
+        if (!currentWorkspace) {
+            throw new schematics_1.SchematicsException('Project with such name not found.');
+        }
+        const buildTargetOptions = (_a = currentWorkspace.targets.get('build')) === null || _a === void 0 ? void 0 : _a.options;
+        if (!buildTargetOptions) {
+            throw new schematics_1.SchematicsException('Could not find build target options for defined project.');
+        }
+        const rootModule = (0, ng_ast_utils_1.getAppModulePath)(tree, buildTargetOptions['main']);
+        if (!rootModule) {
+            throw new schematics_1.SchematicsException('Could not find root module for defined project.');
+        }
+        const appModuleSource = getSourceFile(tree, rootModule);
+        const themingModule = getModuleDeclaration(appModuleSource, 'Ui5ThemingModule');
+        if (themingModule) {
+            themingModule.getChildren(appModuleSource);
+            const themingModuleDecl = themingModule.getFullText();
+            const appModuleContent = tree.readText(rootModule).split(themingModuleDecl).join(`\nUi5ThemingModule.forRoot({defaultTheme: '${options.defaultTheme}'})`);
+            tree.overwrite(rootModule, appModuleContent);
+            context.logger.info('Found previous Ui5ThemingModule. Replaced with new one.');
+            return;
+        }
+        const changes = [];
+        changes.push(...(0, ast_utils_1.addImportToModule)(appModuleSource, rootModule, `Ui5ThemingModule.forRoot({defaultTheme: '${options.defaultTheme}'})`, '@ui5/theming-ngx'));
+        const exportRecorder = tree.beginUpdate(rootModule);
+        for (const change of changes) {
+            if (change instanceof change_1.InsertChange) {
+                exportRecorder.insertLeft(change.pos, change.toAdd);
+            }
+        }
+        tree.commitUpdate(exportRecorder);
+    }));
+}
+exports.addTheming = addTheming;
+// Gets the ts source file from a path
+function getSourceFile(host, path) {
+    const buffer = host.read(path);
+    if (!buffer) {
+        throw new schematics_1.SchematicsException(`Could not find file for path: ${path}`);
+    }
+    const text = buffer.toString('utf-8');
+    return ts.createSourceFile(path, text, ts.ScriptTarget.Latest, true);
+}
+exports.getSourceFile = getSourceFile;
+/**
+ * Returns the RouterModule declaration from NgModule metadata, if any.
+ */
+function getModuleDeclaration(source, module) {
+    const result = (0, ast_utils_1.getDecoratorMetadata)(source, 'NgModule', '@angular/core');
+    const node = result[0];
+    if (!node || !ts.isObjectLiteralExpression(node)) {
+        return undefined;
+    }
+    const matchingProperties = (0, ast_utils_1.getMetadataField)(node, 'imports');
+    if (!matchingProperties) {
+        return;
+    }
+    const assignment = matchingProperties[0];
+    if (assignment.initializer.kind !== ts.SyntaxKind.ArrayLiteralExpression) {
+        return;
+    }
+    const arrLiteral = assignment.initializer;
+    return arrLiteral.elements
+        .filter((el) => el.kind === ts.SyntaxKind.CallExpression)
+        .find((el) => el.getText().startsWith(module));
+}
+//# sourceMappingURL=index.js.map

package/schematics/add-theming/index.js.map

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

package/schematics/add-theming/index.ts

@@ -0,0 +1,116 @@
+import { updateWorkspace } from '@schematics/angular/utility/workspace';
+import { getAppModulePath } from '@schematics/angular/utility/ng-ast-utils';
+import {
+  getDecoratorMetadata,
+  getMetadataField,
+  addImportToModule,
+} from '@schematics/angular/utility/ast-utils';
+import { Change, InsertChange } from '@schematics/angular/utility/change';
+import { Rule, SchematicsException, Tree } from '@angular-devkit/schematics';
+import * as ts from 'typescript';
+// import { NodePackageInstallTask } from '@angular-devkit/schematics/tasks';
+import { Schema } from '../schema';
+
+export function addTheming(options: Schema): Rule {
+  return (tree, context) =>
+    updateWorkspace(async (workspace) => {
+      if (!options.theming) {
+        return;
+      }
+
+      const currentWorkspace = workspace.projects.get(options.project);
+
+      if (!currentWorkspace) {
+        throw new SchematicsException('Project with such name not found.');
+      }
+
+      const buildTargetOptions = currentWorkspace.targets.get('build')?.options;
+
+      if (!buildTargetOptions) {
+        throw new SchematicsException(
+          'Could not find build target options for defined project.'
+        );
+      }
+
+      const rootModule = getAppModulePath(
+        tree,
+        buildTargetOptions['main'] as string
+      );
+
+      if (!rootModule) {
+        throw new SchematicsException(
+          'Could not find root module for defined project.'
+        );
+      }
+
+      const appModuleSource = getSourceFile(tree, rootModule);
+
+      const themingModule = getModuleDeclaration(
+        appModuleSource,
+        'Ui5ThemingModule'
+      );
+
+      if (themingModule) {
+        themingModule.getChildren(appModuleSource);
+        const themingModuleDecl = themingModule.getFullText();
+        const appModuleContent = tree.readText(rootModule).split(themingModuleDecl).join(`\nUi5ThemingModule.forRoot({defaultTheme: '${options.defaultTheme}'})`);
+        tree.overwrite(rootModule, appModuleContent);
+        context.logger.info('Found previous Ui5ThemingModule. Replaced with new one.');
+        return;
+      }
+
+      const changes: Change[] = [];
+      changes.push(
+        ...addImportToModule(
+          appModuleSource,
+          rootModule,
+          `Ui5ThemingModule.forRoot({defaultTheme: '${options.defaultTheme}'})`,
+          '@ui5/theming-ngx'
+        )
+      );
+      const exportRecorder = tree.beginUpdate(rootModule);
+
+      for (const change of changes) {
+        if (change instanceof InsertChange) {
+          exportRecorder.insertLeft(change.pos, change.toAdd);
+        }
+      }
+
+      tree.commitUpdate(exportRecorder);
+    });
+}
+
+// Gets the ts source file from a path
+export function getSourceFile(host: Tree, path: string): ts.SourceFile {
+  const buffer = host.read(path);
+  if (!buffer) {
+    throw new SchematicsException(`Could not find file for path: ${path}`);
+  }
+
+  const text = buffer.toString('utf-8');
+
+  return ts.createSourceFile(path, text, ts.ScriptTarget.Latest, true);
+}
+
+/**
+ * Returns the RouterModule declaration from NgModule metadata, if any.
+ */
+function getModuleDeclaration(source: ts.SourceFile, module: string): ts.Expression | undefined {
+  const result = getDecoratorMetadata(source, 'NgModule', '@angular/core');
+  const node = result[0];
+  if (!node || !ts.isObjectLiteralExpression(node)) {
+    return undefined;
+  }
+  const matchingProperties = getMetadataField(node, 'imports');
+  if (!matchingProperties) {
+    return;
+  }
+  const assignment = matchingProperties[0] as any;
+  if (assignment.initializer.kind !== ts.SyntaxKind.ArrayLiteralExpression) {
+    return;
+  }
+  const arrLiteral = assignment.initializer;
+  return arrLiteral.elements
+    .filter((el: any) => el.kind === ts.SyntaxKind.CallExpression)
+    .find((el: any) => el.getText().startsWith(module));
+}

package/schematics/add-theming/schema.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "add-theming-schematic",
+  "title": "Adds theming",
+  "type": "object",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    }
+  }
+}

package/schematics/collection.json

@@ -0,0 +1,34 @@
+{
+  "$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "ng-add": {
+      "description": "Adds @ui5/webcomponents-ngx to the project.",
+      "factory": "./ng-add/index#ngAdd",
+      "schema": "./ng-add/schema.json"
+    },
+    "proceed-with-schematics": {
+      "description": "Calls chain of schematics to update project configuration based on users preferences.",
+      "factory": "./ng-add/index#proceedWithSchematics",
+      "schema": "./ng-add/schema.json",
+      "private": true
+    },
+    "add-dependencies": {
+      "description": "Adds external libraries as a dependencies for styling and theming purposes.",
+      "factory": "./add-dependencies/index#addDependencies",
+      "schema": "./add-dependencies/schema.json",
+      "private": true
+    },
+    "add-styles": {
+      "description": "Adds @fundamental-styles/common-css packages to the angular application.",
+      "factory": "./add-styles/index#addStyles",
+      "schema": "./add-styles/schema.json",
+      "private": true
+    },
+    "add-theming": {
+      "description": "Adds theming capabilities to the angular application.",
+      "factory": "./add-theming/index#addTheming",
+      "schema": "./add-theming/schema.json",
+      "private": true
+    }
+  }
+}

package/schematics/ng-add/available-themes.d.ts

@@ -0,0 +1,4 @@
+export declare const AvailableThemes: {
+    value: string;
+    name: string;
+}[];

package/schematics/ng-add/available-themes.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvailableThemes = void 0;
+exports.AvailableThemes = [
+    {
+        value: 'sap_horizon',
+        name: 'Morning Horizon (Light)'
+    },
+    {
+        value: 'sap_horizon_dark',
+        name: 'Evening Horizon (Dark)'
+    },
+    {
+        value: 'sap_horizon_hcb',
+        name: 'Horizon High Contrast Black'
+    },
+    {
+        value: 'sap_horizon_hcw',
+        name: 'Horizon High Contrast White'
+    },
+    {
+        value: 'sap_fiori_3',
+        name: 'Quartz Light'
+    },
+    {
+        value: 'sap_fiori_3_dark',
+        name: 'Quartz Dark'
+    },
+    {
+        value: 'sap_fiori_3_hcb',
+        name: 'Quartz High Contrast Black'
+    },
+    {
+        value: 'sap_fiori_3_hcw',
+        name: 'Quartz High Contrast White'
+    }
+];
+//# sourceMappingURL=available-themes.js.map

package/schematics/ng-add/available-themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"available-themes.js","sourceRoot":"","sources":["../../../../../libs/ui5-angular/schematics/ng-add/available-themes.ts"],"names":[],"mappings":";;;AAAa,QAAA,eAAe,GAAG;IAC7B;QACE,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,yBAAyB;KAChC;IACD;QACE,KAAK,EAAE,kBAAkB;QACzB,IAAI,EAAE,wBAAwB;KAC/B;IACD;QACE,KAAK,EAAE,iBAAiB;QACxB,IAAI,EAAE,6BAA6B;KACpC;IACD;QACE,KAAK,EAAE,iBAAiB;QACxB,IAAI,EAAE,6BAA6B;KACpC;IACD;QACE,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,cAAc;KACrB;IACD;QACE,KAAK,EAAE,kBAAkB;QACzB,IAAI,EAAE,aAAa;KACpB;IACD;QACE,KAAK,EAAE,iBAAiB;QACxB,IAAI,EAAE,4BAA4B;KACnC;IACD;QACE,KAAK,EAAE,iBAAiB;QACxB,IAAI,EAAE,4BAA4B;KACnC;CACF,CAAA"}

package/schematics/ng-add/available-themes.ts

@@ -0,0 +1,34 @@
+export const AvailableThemes = [
+  {
+    value: 'sap_horizon',
+    name: 'Morning Horizon (Light)'
+  },
+  {
+    value: 'sap_horizon_dark',
+    name: 'Evening Horizon (Dark)'
+  },
+  {
+    value: 'sap_horizon_hcb',
+    name: 'Horizon High Contrast Black'
+  },
+  {
+    value: 'sap_horizon_hcw',
+    name: 'Horizon High Contrast White'
+  },
+  {
+    value: 'sap_fiori_3',
+    name: 'Quartz Light'
+  },
+  {
+    value: 'sap_fiori_3_dark',
+    name: 'Quartz Dark'
+  },
+  {
+    value: 'sap_fiori_3_hcb',
+    name: 'Quartz High Contrast Black'
+  },
+  {
+    value: 'sap_fiori_3_hcw',
+    name: 'Quartz High Contrast White'
+  }
+]

package/schematics/ng-add/common-css-parts.d.ts

@@ -0,0 +1,4 @@
+export declare const CommonCssParts: {
+    value: string;
+    name: string;
+}[];

package/schematics/ng-add/common-css-parts.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommonCssParts = void 0;
+exports.CommonCssParts = [
+    {
+        value: 'sap-normalize',
+        name: 'Normalize CSS rules',
+    },
+    {
+        value: 'sap-padding',
+        name: 'Padding presets',
+    },
+    {
+        value: 'sap-typography',
+        name: 'General Typography styles',
+    },
+    {
+        value: 'sap-elevation',
+        name: 'Varioious elevation presets',
+    },
+    {
+        value: 'sap-shadow',
+        name: 'Varioous shadow presets',
+    },
+    {
+        value: 'sap-display',
+        name: 'Various display presets',
+    },
+    {
+        value: 'sap-margin',
+        name: 'Various margin presets',
+    },
+    {
+        value: 'sap-flex',
+        name: 'Useful flex-related presets',
+    },
+    {
+        value: 'sap-colors',
+        name: 'Various color presets',
+    },
+    {
+        value: 'sap-border-radius',
+        name: 'Various border radius presets',
+    },
+];
+//# sourceMappingURL=common-css-parts.js.map

package/schematics/ng-add/common-css-parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common-css-parts.js","sourceRoot":"","sources":["../../../../../libs/ui5-angular/schematics/ng-add/common-css-parts.ts"],"names":[],"mappings":";;;AAAa,QAAA,cAAc,GAAG;IAC5B;QACE,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,qBAAqB;KAC5B;IACD;QACE,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,iBAAiB;KACxB;IACD;QACE,KAAK,EAAE,gBAAgB;QACvB,IAAI,EAAE,2BAA2B;KAClC;IACD;QACE,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,6BAA6B;KACpC;IACD;QACE,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,yBAAyB;KAChC;IACD;QACE,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,yBAAyB;KAChC;IACD;QACE,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,wBAAwB;KAC/B;IACD;QACE,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,6BAA6B;KACpC;IACD;QACE,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,uBAAuB;KAC9B;IACD;QACE,KAAK,EAAE,mBAAmB;QAC1B,IAAI,EAAE,+BAA+B;KACtC;CACF,CAAC"}

package/schematics/ng-add/common-css-parts.ts

@@ -0,0 +1,42 @@
+export const CommonCssParts = [
+  {
+    value: 'sap-normalize',
+    name: 'Normalize CSS rules',
+  },
+  {
+    value: 'sap-padding',
+    name: 'Padding presets',
+  },
+  {
+    value: 'sap-typography',
+    name: 'General Typography styles',
+  },
+  {
+    value: 'sap-elevation',
+    name: 'Varioious elevation presets',
+  },
+  {
+    value: 'sap-shadow',
+    name: 'Varioous shadow presets',
+  },
+  {
+    value: 'sap-display',
+    name: 'Various display presets',
+  },
+  {
+    value: 'sap-margin',
+    name: 'Various margin presets',
+  },
+  {
+    value: 'sap-flex',
+    name: 'Useful flex-related presets',
+  },
+  {
+    value: 'sap-colors',
+    name: 'Various color presets',
+  },
+  {
+    value: 'sap-border-radius',
+    name: 'Various border radius presets',
+  },
+];

package/schematics/ng-add/index.d.ts

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

package/schematics/ng-add/index.js

@@ -0,0 +1,93 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.proceedWithSchematics = exports.ngAdd = void 0;
+const schematics_1 = require("@angular-devkit/schematics");
+const tasks_1 = require("@angular-devkit/schematics/tasks");
+const promt_1 = require("../utils/promt");
+const available_themes_1 = require("./available-themes");
+const common_css_parts_1 = require("./common-css-parts");
+function ngAdd(options) {
+    return (_, context) => __awaiter(this, void 0, void 0, function* () {
+        const userConfig = yield collectConfig();
+        options = Object.assign(Object.assign({}, options), userConfig);
+        console.log(options);
+        // First, queue dependency installation task.
+        const dependenciesTaskId = context.addTask(new tasks_1.RunSchematicTask('add-dependencies', options));
+        // Wait for dependencies to be installed and proceed with main schematics.
+        context.addTask(new tasks_1.RunSchematicTask('proceed-with-schematics', options), [dependenciesTaskId]);
+        return (0, schematics_1.chain)([]);
+        // return tree;
+    });
+}
+exports.ngAdd = ngAdd;
+function collectConfig() {
+    return __awaiter(this, void 0, void 0, function* () {
+        const schema = {
+            commonCss: [],
+            defaultTheme: 'sap_horizon'
+        };
+        const includeCommonCss = yield askCommonCssDependency();
+        if (includeCommonCss) {
+            schema.commonCss = yield askCommonCssParts();
+        }
+        schema.theming = yield askThemingDependency();
+        if (schema.theming) {
+            schema.defaultTheme = yield askDefaultTheme();
+        }
+        return schema;
+    });
+}
+function askCommonCssDependency() {
+    return __awaiter(this, void 0, void 0, function* () {
+        return yield (0, promt_1.askQuestion)({
+            type: 'confirm',
+            message: 'Would you like to add Common CSS into your application?',
+            default: false,
+        });
+    });
+}
+function askCommonCssParts() {
+    return __awaiter(this, void 0, void 0, function* () {
+        return yield (0, promt_1.askQuestion)({
+            type: 'checkbox',
+            message: 'Please select desired Common CSS features',
+            choices: common_css_parts_1.CommonCssParts,
+        });
+    });
+}
+function askThemingDependency() {
+    return __awaiter(this, void 0, void 0, function* () {
+        return yield (0, promt_1.askQuestion)({
+            type: 'confirm',
+            message: 'Would you like to add Theming capabilities into your application?',
+            default: true,
+        });
+    });
+}
+function askDefaultTheme() {
+    return __awaiter(this, void 0, void 0, function* () {
+        return yield (0, promt_1.askQuestion)({
+            type: 'list',
+            message: 'Please select desired Common CSS features',
+            default: 'sap_horizon',
+            choices: available_themes_1.AvailableThemes,
+        });
+    });
+}
+function proceedWithSchematics(options) {
+    return (0, schematics_1.chain)([
+        (0, schematics_1.schematic)('add-styles', options),
+        (0, schematics_1.schematic)('add-theming', options)
+    ]);
+}
+exports.proceedWithSchematics = proceedWithSchematics;
+//# sourceMappingURL=index.js.map

package/schematics/ng-add/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/ui5-angular/schematics/ng-add/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2DAMoC;AACpC,4DAAoE;AAEpE,0CAA6C;AAC7C,yDAAqD;AACrD,yDAAoD;AAEpD,SAAgB,KAAK,CAAC,OAAe;IACnC,OAAO,CAAO,CAAO,EAAE,OAAyB,EAAE,EAAE;QAClD,MAAM,UAAU,GAAG,MAAM,aAAa,EAAE,CAAC;QACzC,OAAO,mCAAQ,OAAO,GAAK,UAAU,CAAE,CAAC;QAExC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACrB,6CAA6C;QAC7C,MAAM,kBAAkB,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,wBAAgB,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC,CAAC;QAE9F,0EAA0E;QAC1E,OAAO,CAAC,OAAO,CAAC,IAAI,wBAAgB,CAAC,yBAAyB,EAAE,OAAO,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;QAEhG,OAAO,IAAA,kBAAK,EAAC,EAAE,CAAC,CAAC;QAEjB,eAAe;IACjB,CAAC,CAAA,CAAC;AACJ,CAAC;AAhBD,sBAgBC;AAED,SAAe,aAAa;;QAC1B,MAAM,MAAM,GAAoB;YAC9B,SAAS,EAAE,EAAE;YACb,YAAY,EAAE,aAAa;SAC5B,CAAC;QAEF,MAAM,gBAAgB,GAAG,MAAM,sBAAsB,EAAE,CAAC;QAExD,IAAI,gBAAgB,EAAE;YACpB,MAAM,CAAC,SAAS,GAAG,MAAM,iBAAiB,EAAE,CAAC;SAC9C;QAED,MAAM,CAAC,OAAO,GAAG,MAAM,oBAAoB,EAAE,CAAC;QAE9C,IAAI,MAAM,CAAC,OAAO,EAAE;YAClB,MAAM,CAAC,YAAY,GAAG,MAAM,eAAe,EAAE,CAAC;SAC/C;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;CAAA;AAED,SAAe,sBAAsB;;QACnC,OAAO,MAAM,IAAA,mBAAW,EAAC;YACvB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,yDAAyD;YAClE,OAAO,EAAE,KAAK;SACf,CAAC,CAAC;IACL,CAAC;CAAA;AAED,SAAe,iBAAiB;;QAC9B,OAAO,MAAM,IAAA,mBAAW,EAAC;YACvB,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,2CAA2C;YACpD,OAAO,EAAE,iCAAc;SACxB,CAAC,CAAC;IACL,CAAC;CAAA;AAED,SAAe,oBAAoB;;QACjC,OAAO,MAAM,IAAA,mBAAW,EAAC;YACvB,IAAI,EAAE,SAAS;YACf,OAAO,EACL,mEAAmE;YACrE,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;IACL,CAAC;CAAA;AAED,SAAe,eAAe;;QAC5B,OAAO,MAAM,IAAA,mBAAW,EAAC;YACvB,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,2CAA2C;YACpD,OAAO,EAAE,aAAa;YACtB,OAAO,EAAE,kCAAe;SACzB,CAAC,CAAC;IACL,CAAC;CAAA;AAED,SAAgB,qBAAqB,CAAC,OAAe;IACjD,OAAO,IAAA,kBAAK,EAAC;QACT,IAAA,sBAAS,EAAC,YAAY,EAAE,OAAO,CAAC;QAChC,IAAA,sBAAS,EAAC,aAAa,EAAE,OAAO,CAAC;KACpC,CAAC,CAAC;AACP,CAAC;AALD,sDAKC"}