@fundamental-ngx/core 0.38.0-rc.1 → 0.38.0-rc.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core",
-  "version": "0.38.0-rc.1",
+  "version": "0.38.0-rc.2",
   "schematics": "./schematics/collection.json",
   "ng-update": {
     "migrations": "./schematics/migrations.json"
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "focus-trap": "6.7.3",
-    "@fundamental-ngx/i18n": "0.38.0-rc.1",
+    "@fundamental-ngx/i18n": "0.38.0-rc.2",
     "fast-deep-equal": "3.1.3",
     "lodash-es": "4.17.21",
     "tslib": "^2.0.0",

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

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

package/schematics/add-animations/index.js

@@ -0,0 +1,49 @@
+"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.addAnimations = void 0;
+const schematics_1 = require("@angular-devkit/schematics");
+const schematics_2 = require("@angular/cdk/schematics");
+const ng_module_utils_1 = require("../utils/ng-module-utils");
+function addAnimations(options) {
+    return (0, schematics_1.chain)([addAnimationsModule(options)]);
+}
+exports.addAnimations = addAnimations;
+function addAnimationsModule(options) {
+    return (tree, context) => __awaiter(this, void 0, void 0, function* () {
+        const browserAnimationsModuleName = 'BrowserAnimationsModule';
+        const noopAnimationsModuleName = 'NoopAnimationsModule';
+        const modulePath = yield (0, schematics_2.findModuleFromOptions)(tree, options);
+        if (!modulePath) {
+            context.logger.warn(`⚠️ Could not set up animations because root module not found. Please manually set up animations.`);
+            return;
+        }
+        if (options.animations) {
+            if ((0, ng_module_utils_1.hasModuleImport)(tree, modulePath, noopAnimationsModuleName)) {
+                context.logger.warn(`⚠️ Could not set up "${browserAnimationsModuleName} because "${noopAnimationsModuleName}" is already imported. Please manually set up browser animations.`);
+                return tree;
+            }
+            if ((0, ng_module_utils_1.hasModuleImport)(tree, modulePath, browserAnimationsModuleName)) {
+                context.logger.info(`✅️ Import of ${browserAnimationsModuleName} already present in app module. Skipping.`);
+                return tree;
+            }
+            (0, schematics_2.addModuleImportToModule)(tree, modulePath, browserAnimationsModuleName, '@angular/platform-browser/animations');
+            context.logger.info(`✅️ Added ${browserAnimationsModuleName} to app module.`);
+            return tree;
+        }
+        if (!(0, ng_module_utils_1.hasModuleImport)(tree, modulePath, browserAnimationsModuleName)) {
+            (0, schematics_2.addModuleImportToModule)(tree, modulePath, noopAnimationsModuleName, '@angular/platform-browser/animations');
+            context.logger.info(`✅️ Added ${noopAnimationsModuleName} to app module.`);
+        }
+        return tree;
+    });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/schematics/add-animations/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2DAAiF;AACjF,wDAAyF;AAEzF,8DAA2D;AAE3D,SAAgB,aAAa,CAAC,OAAe;IACzC,OAAO,IAAA,kBAAK,EAAC,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AACjD,CAAC;AAFD,sCAEC;AAED,SAAS,mBAAmB,CAAC,OAAe;IACxC,OAAO,CAAO,IAAU,EAAE,OAAyB,EAAE,EAAE;QACnD,MAAM,2BAA2B,GAAG,yBAAyB,CAAC;QAC9D,MAAM,wBAAwB,GAAG,sBAAsB,CAAC;QACxD,MAAM,UAAU,GAAG,MAAM,IAAA,kCAAqB,EAAC,IAAI,EAAE,OAAc,CAAC,CAAC;QAErE,IAAI,CAAC,UAAU,EAAE;YACb,OAAO,CAAC,MAAM,CAAC,IAAI,CACf,kGAAkG,CACrG,CAAC;YACF,OAAO;SACV;QAED,IAAI,OAAO,CAAC,UAAU,EAAE;YACpB,IAAI,IAAA,iCAAe,EAAC,IAAI,EAAE,UAAU,EAAE,wBAAwB,CAAC,EAAE;gBAC7D,OAAO,CAAC,MAAM,CAAC,IAAI,CACf,wBAAwB,2BAA2B,aAAa,wBAAwB,mEAAmE,CAC9J,CAAC;gBAEF,OAAO,IAAI,CAAC;aACf;YAED,IAAI,IAAA,iCAAe,EAAC,IAAI,EAAE,UAAU,EAAE,2BAA2B,CAAC,EAAE;gBAChE,OAAO,CAAC,MAAM,CAAC,IAAI,CACf,gBAAgB,2BAA2B,2CAA2C,CACzF,CAAC;gBAEF,OAAO,IAAI,CAAC;aACf;YAED,IAAA,oCAAuB,EACnB,IAAI,EACJ,UAAU,EACV,2BAA2B,EAC3B,sCAAsC,CACzC,CAAC;YAEF,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,2BAA2B,iBAAiB,CAAC,CAAC;YAE9E,OAAO,IAAI,CAAC;SACf;QAED,IAAI,CAAC,IAAA,iCAAe,EAAC,IAAI,EAAE,UAAU,EAAE,2BAA2B,CAAC,EAAE;YACjE,IAAA,oCAAuB,EAAC,IAAI,EAAE,UAAU,EAAE,wBAAwB,EAAE,sCAAsC,CAAC,CAAC;YAE5G,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,wBAAwB,iBAAiB,CAAC,CAAC;SAC9E;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAA,CAAC;AACN,CAAC"}

package/schematics/add-animations/index.ts

@@ -0,0 +1,60 @@
+import { Rule, Tree, SchematicContext, chain } from '@angular-devkit/schematics';
+import { findModuleFromOptions, addModuleImportToModule } from '@angular/cdk/schematics';
+import { Schema } from '../models/schema';
+import { hasModuleImport } from '../utils/ng-module-utils';
+
+export function addAnimations(options: Schema): Rule {
+    return chain([addAnimationsModule(options)]);
+}
+
+function addAnimationsModule(options: Schema): any {
+    return async (tree: Tree, context: SchematicContext) => {
+        const browserAnimationsModuleName = 'BrowserAnimationsModule';
+        const noopAnimationsModuleName = 'NoopAnimationsModule';
+        const modulePath = await findModuleFromOptions(tree, options as any);
+
+        if (!modulePath) {
+            context.logger.warn(
+                `⚠️ Could not set up animations because root module not found. Please manually set up animations.`
+            );
+            return;
+        }
+
+        if (options.animations) {
+            if (hasModuleImport(tree, modulePath, noopAnimationsModuleName)) {
+                context.logger.warn(
+                    `⚠️ Could not set up "${browserAnimationsModuleName} because "${noopAnimationsModuleName}" is already imported. Please manually set up browser animations.`
+                );
+
+                return tree;
+            }
+
+            if (hasModuleImport(tree, modulePath, browserAnimationsModuleName)) {
+                context.logger.info(
+                    `✅️ Import of ${browserAnimationsModuleName} already present in app module. Skipping.`
+                );
+
+                return tree;
+            }
+
+            addModuleImportToModule(
+                tree,
+                modulePath,
+                browserAnimationsModuleName,
+                '@angular/platform-browser/animations'
+            );
+
+            context.logger.info(`✅️ Added ${browserAnimationsModuleName} to app module.`);
+
+            return tree;
+        }
+
+        if (!hasModuleImport(tree, modulePath, browserAnimationsModuleName)) {
+            addModuleImportToModule(tree, modulePath, noopAnimationsModuleName, '@angular/platform-browser/animations');
+
+            context.logger.info(`✅️ Added ${noopAnimationsModuleName} to app module.`);
+        }
+
+        return tree;
+    };
+}

package/schematics/add-animations/schema.json

@@ -0,0 +1,21 @@
+{
+    "$schema": "http://json-schema.org/schema",
+    "$id": "fundamental-ngx-add-animations",
+    "title": "Fundamental Library for Angular add-animations schematic",
+    "type": "object",
+    "properties": {
+        "project": {
+            "type": "string",
+            "description": "The name of the project.",
+            "$default": {
+                "$source": "projectName"
+            }
+        },
+        "animations": {
+            "type": "boolean",
+            "default": true,
+            "description": "Whether Angular browser animations should be set up.",
+            "x-prompt": "Set up browser animations for Fundamental Library for Angular?"
+        }
+    }
+}

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

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

package/schematics/add-dependencies/index.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addDependencies = void 0;
+const schematics_1 = require("@angular-devkit/schematics");
+const dependencies_1 = require("@schematics/angular/utility/dependencies");
+const package_utils_1 = require("../utils/package-utils");
+function addDependencies(options) {
+    return (0, schematics_1.chain)([addExternalLibraries(options), (0, package_utils_1.installDependencies)()]);
+}
+exports.addDependencies = addDependencies;
+function addExternalLibraries(options) {
+    return (tree, context) => {
+        const ngCoreVersionTag = (0, package_utils_1.getPackageVersionFromPackageJson)(tree, '@angular/core');
+        const dependencies = [];
+        if (!(0, package_utils_1.hasPackage)(tree, '@angular/forms')) {
+            dependencies.push({
+                type: dependencies_1.NodeDependencyType.Default,
+                version: `${ngCoreVersionTag}`,
+                name: '@angular/forms'
+            });
+        }
+        if (options.animations && !(0, package_utils_1.hasPackage)(tree, '@angular/animations')) {
+            dependencies.push({
+                type: dependencies_1.NodeDependencyType.Default,
+                version: `${ngCoreVersionTag}`,
+                name: '@angular/animations'
+            });
+        }
+        if (!(0, package_utils_1.hasPackage)(tree, '@angular/cdk')) {
+            dependencies.push({
+                type: dependencies_1.NodeDependencyType.Default,
+                version: `${ngCoreVersionTag}`,
+                name: '@angular/cdk'
+            });
+        }
+        if (!(0, package_utils_1.hasPackage)(tree, 'fundamental-styles') ||
+            (0, package_utils_1.checkPackageVersion)(tree, 'fundamental-styles', '0.26.0-rc.27', '<')) {
+            dependencies.push({
+                type: dependencies_1.NodeDependencyType.Default,
+                // Will be replaced with the real version during sync-version script run
+                version: `0.26.0-rc.27`,
+                name: 'fundamental-styles',
+                overwrite: true
+            });
+        }
+        if (!(0, package_utils_1.hasPackage)(tree, '@sap-theming/theming-base-content') ||
+            (0, package_utils_1.checkPackageVersion)(tree, '@sap-theming/theming-base-content', '11.1.47', '<')) {
+            dependencies.push({
+                type: dependencies_1.NodeDependencyType.Default,
+                // Will be replaced with the real version during sync-version script run
+                version: `11.1.47`,
+                name: '@sap-theming/theming-base-content',
+                overwrite: true
+            });
+        }
+        dependencies.forEach((dependency) => {
+            (0, dependencies_1.addPackageJsonDependency)(tree, dependency);
+            context.logger.info(`✅️ Added ${dependency.name} to ${dependency.type}.`);
+        });
+        return tree;
+    };
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/schematics/add-dependencies/index.ts"],"names":[],"mappings":";;;AAAA,2DAAiF;AACjF,2EAAwH;AAExH,0DAKgC;AAEhC,SAAgB,eAAe,CAAC,OAAe;IAC3C,OAAO,IAAA,kBAAK,EAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,IAAA,mCAAmB,GAAE,CAAC,CAAC,CAAC;AACzE,CAAC;AAFD,0CAEC;AAED,SAAS,oBAAoB,CAAC,OAAe;IACzC,OAAO,CAAC,IAAU,EAAE,OAAyB,EAAE,EAAE;QAC7C,MAAM,gBAAgB,GAAG,IAAA,gDAAgC,EAAC,IAAI,EAAE,eAAe,CAAC,CAAC;QACjF,MAAM,YAAY,GAAqB,EAAE,CAAC;QAE1C,IAAI,CAAC,IAAA,0BAAU,EAAC,IAAI,EAAE,gBAAgB,CAAC,EAAE;YACrC,YAAY,CAAC,IAAI,CAAC;gBACd,IAAI,EAAE,iCAAkB,CAAC,OAAO;gBAChC,OAAO,EAAE,GAAG,gBAAgB,EAAE;gBAC9B,IAAI,EAAE,gBAAgB;aACzB,CAAC,CAAC;SACN;QAED,IAAI,OAAO,CAAC,UAAU,IAAI,CAAC,IAAA,0BAAU,EAAC,IAAI,EAAE,qBAAqB,CAAC,EAAE;YAChE,YAAY,CAAC,IAAI,CAAC;gBACd,IAAI,EAAE,iCAAkB,CAAC,OAAO;gBAChC,OAAO,EAAE,GAAG,gBAAgB,EAAE;gBAC9B,IAAI,EAAE,qBAAqB;aAC9B,CAAC,CAAC;SACN;QAED,IAAI,CAAC,IAAA,0BAAU,EAAC,IAAI,EAAE,cAAc,CAAC,EAAE;YACnC,YAAY,CAAC,IAAI,CAAC;gBACd,IAAI,EAAE,iCAAkB,CAAC,OAAO;gBAChC,OAAO,EAAE,GAAG,gBAAgB,EAAE;gBAC9B,IAAI,EAAE,cAAc;aACvB,CAAC,CAAC;SACN;QAED,IACI,CAAC,IAAA,0BAAU,EAAC,IAAI,EAAE,oBAAoB,CAAC;YACvC,IAAA,mCAAmB,EAAC,IAAI,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,GAAG,CAAC,EAClF;YACE,YAAY,CAAC,IAAI,CAAC;gBACd,IAAI,EAAE,iCAAkB,CAAC,OAAO;gBAChC,wEAAwE;gBACxE,OAAO,EAAE,0BAA0B;gBACnC,IAAI,EAAE,oBAAoB;gBAC1B,SAAS,EAAE,IAAI;aAClB,CAAC,CAAC;SACN;QAED,IACI,CAAC,IAAA,0BAAU,EAAC,IAAI,EAAE,mCAAmC,CAAC;YACtD,IAAA,mCAAmB,EAAC,IAAI,EAAE,mCAAmC,EAAE,yBAAyB,EAAE,GAAG,CAAC,EAChG;YACE,YAAY,CAAC,IAAI,CAAC;gBACd,IAAI,EAAE,iCAAkB,CAAC,OAAO;gBAChC,wEAAwE;gBACxE,OAAO,EAAE,yBAAyB;gBAClC,IAAI,EAAE,mCAAmC;gBACzC,SAAS,EAAE,IAAI;aAClB,CAAC,CAAC;SACN;QAED,YAAY,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;YAChC,IAAA,uCAAwB,EAAC,IAAI,EAAE,UAAU,CAAC,CAAC;YAE3C,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,UAAU,CAAC,IAAI,OAAO,UAAU,CAAC,IAAI,GAAG,CAAC,CAAC;QAC9E,CAAC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;AACN,CAAC"}

package/schematics/add-dependencies/index.ts

@@ -0,0 +1,78 @@
+import { Rule, Tree, SchematicContext, chain } from '@angular-devkit/schematics';
+import { NodeDependency, NodeDependencyType, addPackageJsonDependency } from '@schematics/angular/utility/dependencies';
+import { Schema } from '../models/schema';
+import {
+    getPackageVersionFromPackageJson,
+    hasPackage,
+    checkPackageVersion,
+    installDependencies
+} from '../utils/package-utils';
+
+export function addDependencies(options: Schema): Rule {
+    return chain([addExternalLibraries(options), installDependencies()]);
+}
+
+function addExternalLibraries(options: Schema): Rule {
+    return (tree: Tree, context: SchematicContext) => {
+        const ngCoreVersionTag = getPackageVersionFromPackageJson(tree, '@angular/core');
+        const dependencies: NodeDependency[] = [];
+
+        if (!hasPackage(tree, '@angular/forms')) {
+            dependencies.push({
+                type: NodeDependencyType.Default,
+                version: `${ngCoreVersionTag}`,
+                name: '@angular/forms'
+            });
+        }
+
+        if (options.animations && !hasPackage(tree, '@angular/animations')) {
+            dependencies.push({
+                type: NodeDependencyType.Default,
+                version: `${ngCoreVersionTag}`,
+                name: '@angular/animations'
+            });
+        }
+
+        if (!hasPackage(tree, '@angular/cdk')) {
+            dependencies.push({
+                type: NodeDependencyType.Default,
+                version: `${ngCoreVersionTag}`,
+                name: '@angular/cdk'
+            });
+        }
+
+        if (
+            !hasPackage(tree, 'fundamental-styles') ||
+            checkPackageVersion(tree, 'fundamental-styles', 'FDSTYLES_VER_PLACEHOLDER', '<')
+        ) {
+            dependencies.push({
+                type: NodeDependencyType.Default,
+                // Will be replaced with the real version during sync-version script run
+                version: `FDSTYLES_VER_PLACEHOLDER`,
+                name: 'fundamental-styles',
+                overwrite: true
+            });
+        }
+
+        if (
+            !hasPackage(tree, '@sap-theming/theming-base-content') ||
+            checkPackageVersion(tree, '@sap-theming/theming-base-content', 'THEMING_VER_PLACEHOLDER', '<')
+        ) {
+            dependencies.push({
+                type: NodeDependencyType.Default,
+                // Will be replaced with the real version during sync-version script run
+                version: `THEMING_VER_PLACEHOLDER`,
+                name: '@sap-theming/theming-base-content',
+                overwrite: true
+            });
+        }
+
+        dependencies.forEach((dependency) => {
+            addPackageJsonDependency(tree, dependency);
+
+            context.logger.info(`✅️ Added ${dependency.name} to ${dependency.type}.`);
+        });
+
+        return tree;
+    };
+}

package/schematics/add-dependencies/schema.json

@@ -0,0 +1,15 @@
+{
+    "$schema": "http://json-schema.org/schema",
+    "$id": "fundamental-ngx-add-dependencies",
+    "title": "Fundamental Library for Angular add-dependencies schematic",
+    "type": "object",
+    "properties": {
+        "project": {
+            "type": "string",
+            "description": "The name of the project.",
+            "$default": {
+                "$source": "projectName"
+            }
+        }
+    }
+}

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

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

package/schematics/add-styles/index.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addStyles = void 0;
+const schematics_1 = require("@angular-devkit/schematics");
+const angularConfigPath = '/angular.json';
+function addStyles(options) {
+    return (0, schematics_1.chain)([addStylesToConfig(options), addAssetsToConfig(options)]);
+}
+exports.addStyles = addStyles;
+function addStylesToConfig(options) {
+    return (tree, context) => {
+        const workspaceJson = _getWorkspaceJson(tree);
+        try {
+            const additionalStyles = ['./node_modules/@fundamental-ngx/core/styles/fundamental-ngx-core.css'];
+            if (options.fonts) {
+                additionalStyles.push('./node_modules/fundamental-styles/dist/fonts/sap_fonts.css');
+            }
+            let stylesArray = workspaceJson.projects[options.project].architect.build.options['styles'];
+            let stylesUpdated = false;
+            additionalStyles.forEach((additionalStyle) => {
+                if (!stylesArray.find((jsonStyle) => typeof jsonStyle === 'string' && jsonStyle === `${additionalStyle}`)) {
+                    stylesUpdated = true;
+                    stylesArray.push(additionalStyle);
+                }
+            });
+            if (!stylesUpdated) {
+                context.logger.info(`✅️ Found duplicate styles in angular.json. Skipping.`);
+                if (options.fonts) {
+                    context.logger.info(`✅️ Found duplicate font styles to angular.json.`);
+                }
+                return tree;
+            }
+            workspaceJson.projects[options.project].architect.build.options['styles'] = stylesArray;
+        }
+        catch (e) {
+            throw new schematics_1.SchematicsException(`Unable to find angular.json project styles. Please manually configure your styles array.`);
+        }
+        tree.overwrite(angularConfigPath, JSON.stringify(workspaceJson, null, 2));
+        context.logger.info(`✅️ Added styles to angular.json.`);
+        if (options.fonts) {
+            context.logger.info(`✅️ Added font styles to angular.json.`);
+        }
+        return tree;
+    };
+}
+function addAssetsToConfig(options) {
+    return (tree, context) => {
+        const workspaceJson = _getWorkspaceJson(tree);
+        try {
+            const additionalAssets = [
+                {
+                    glob: '**/css_variables.css',
+                    input: './node_modules/@sap-theming/theming-base-content/content/Base/baseLib/',
+                    output: './assets/theming-base/'
+                },
+                {
+                    glob: '**/*',
+                    input: './node_modules/fundamental-styles/dist/theming/',
+                    output: './assets/fundamental-styles-theming/'
+                }
+            ];
+            let assetsArray = workspaceJson.projects[options.project].architect.build.options['assets'];
+            let assetsUpdated = false;
+            additionalAssets.forEach((asset) => {
+                if (!assetsArray.find((jsonAsset) => typeof jsonAsset === 'object' && jsonAsset.input === asset.input)) {
+                    assetsUpdated = true;
+                    assetsArray.push(asset);
+                }
+            });
+            if (!assetsUpdated) {
+                context.logger.info(`✅️ Found duplicate assets in angular.json. Skipping.`);
+                return tree;
+            }
+            workspaceJson.projects[options.project].architect.build.options['assets'] = assetsArray;
+        }
+        catch (e) {
+            throw new schematics_1.SchematicsException(`Unable to find angular.json project assets. Please manually configure your assets array.`);
+        }
+        tree.overwrite(angularConfigPath, JSON.stringify(workspaceJson, null, 2));
+        context.logger.info(`✅️ Added assets to angular.json.`);
+        return tree;
+    };
+}
+function _getWorkspaceJson(tree) {
+    const workspaceConfig = tree.read(angularConfigPath);
+    if (!workspaceConfig) {
+        throw new schematics_1.SchematicsException(`Unable to find angular.json. Please manually configure your assets & styles arrays.`);
+    }
+    return JSON.parse(workspaceConfig.toString());
+}
+//# sourceMappingURL=index.js.map

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

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

package/schematics/add-styles/index.ts

@@ -0,0 +1,134 @@
+import { chain, Rule, SchematicContext, SchematicsException, Tree } from '@angular-devkit/schematics';
+import { WorkspaceSchema } from '@schematics/angular/utility/workspace-models';
+import { Schema } from '../models/schema';
+
+const angularConfigPath = '/angular.json';
+
+interface AngularAssets {
+    glob: string;
+    input: string;
+    output: string;
+}
+
+export function addStyles(options: Schema): Rule {
+    return chain([addStylesToConfig(options), addAssetsToConfig(options)]);
+}
+
+function addStylesToConfig(options: Schema): Rule {
+    return (tree: Tree, context: SchematicContext) => {
+        const workspaceJson = _getWorkspaceJson(tree);
+
+        try {
+            const additionalStyles = ['./node_modules/@fundamental-ngx/core/styles/fundamental-ngx-core.css'];
+
+            if (options.fonts) {
+                additionalStyles.push('./node_modules/fundamental-styles/dist/fonts/sap_fonts.css');
+            }
+
+            let stylesArray: (string | AngularAssets)[] = (
+                workspaceJson!.projects[options.project]!.architect!.build!.options as any
+            )['styles'];
+            let stylesUpdated = false;
+
+            additionalStyles.forEach((additionalStyle) => {
+                if (
+                    !stylesArray.find(
+                        (jsonStyle) => typeof jsonStyle === 'string' && jsonStyle === `${additionalStyle}`
+                    )
+                ) {
+                    stylesUpdated = true;
+                    stylesArray.push(additionalStyle);
+                }
+            });
+
+            if (!stylesUpdated) {
+                context.logger.info(`✅️ Found duplicate styles in angular.json. Skipping.`);
+
+                if (options.fonts) {
+                    context.logger.info(`✅️ Found duplicate font styles to angular.json.`);
+                }
+
+                return tree;
+            }
+
+            (workspaceJson!.projects[options.project]!.architect!.build!.options as any)['styles'] = stylesArray;
+        } catch (e) {
+            throw new SchematicsException(
+                `Unable to find angular.json project styles. Please manually configure your styles array.`
+            );
+        }
+
+        tree.overwrite(angularConfigPath, JSON.stringify(workspaceJson, null, 2));
+
+        context.logger.info(`✅️ Added styles to angular.json.`);
+
+        if (options.fonts) {
+            context.logger.info(`✅️ Added font styles to angular.json.`);
+        }
+
+        return tree;
+    };
+}
+
+function addAssetsToConfig(options: Schema): Rule {
+    return (tree: Tree, context: SchematicContext) => {
+        const workspaceJson = _getWorkspaceJson(tree);
+
+        try {
+            const additionalAssets: AngularAssets[] = [
+                {
+                    glob: '**/css_variables.css',
+                    input: './node_modules/@sap-theming/theming-base-content/content/Base/baseLib/',
+                    output: './assets/theming-base/'
+                },
+                {
+                    glob: '**/*',
+                    input: './node_modules/fundamental-styles/dist/theming/',
+                    output: './assets/fundamental-styles-theming/'
+                }
+            ];
+            let assetsArray: (string | AngularAssets)[] = (
+                workspaceJson!.projects[options.project]!.architect!.build!.options as any
+            )['assets'];
+            let assetsUpdated = false;
+
+            additionalAssets.forEach((asset) => {
+                if (
+                    !assetsArray.find((jsonAsset) => typeof jsonAsset === 'object' && jsonAsset.input === asset.input)
+                ) {
+                    assetsUpdated = true;
+                    assetsArray.push(asset);
+                }
+            });
+
+            if (!assetsUpdated) {
+                context.logger.info(`✅️ Found duplicate assets in angular.json. Skipping.`);
+                return tree;
+            }
+
+            (workspaceJson!.projects[options.project]!.architect!.build!.options as any)['assets'] = assetsArray;
+        } catch (e) {
+            throw new SchematicsException(
+                `Unable to find angular.json project assets. Please manually configure your assets array.`
+            );
+        }
+
+        tree.overwrite(angularConfigPath, JSON.stringify(workspaceJson, null, 2));
+
+        context.logger.info(`✅️ Added assets to angular.json.`);
+
+        return tree;
+    };
+}
+
+function _getWorkspaceJson(tree: Tree): WorkspaceSchema {
+    const workspaceConfig = tree.read(angularConfigPath);
+
+    if (!workspaceConfig) {
+        throw new SchematicsException(
+            `Unable to find angular.json. Please manually configure your assets & styles arrays.`
+        );
+    }
+
+    return JSON.parse(workspaceConfig.toString());
+}

package/schematics/add-styles/schema.json

@@ -0,0 +1,15 @@
+{
+    "$schema": "http://json-schema.org/schema",
+    "$id": "fundamental-ngx-add-styles",
+    "title": "Fundamental Library for Angular add-styles schematic",
+    "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,2 @@
+import { Rule } from '@angular-devkit/schematics';
+export declare function addTheming(options: any): Rule;