@taiga-ui/cdk 2.38.0 → 2.41.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/cdk",
-  "version": "2.38.0",
+  "version": "2.41.0",
   "description": "Base library for creating Angular components and applications using Taiga UI principles regarding of actual visual appearance",
   "keywords": [
     "angular",
@@ -30,6 +30,25 @@
     "@angular/forms": ">=9.0.0",
     "rxjs": ">=6.0.0"
   },
+  "schematics": "./schematics/collection.json",
+  "ng-update": {
+    "migrations": "./schematics/migration.json",
+    "packageGroup": [
+      "@taiga-ui/i18n",
+      "@taiga-ui/cdk",
+      "@taiga-ui/core",
+      "@taiga-ui/kit",
+      "@taiga-ui/addon-doc",
+      "@taiga-ui/addon-charts",
+      "@taiga-ui/addon-commerce",
+      "@taiga-ui/icons",
+      "@taiga-ui/addon-preview",
+      "@taiga-ui/addon-tablebars",
+      "@taiga-ui/addon-table",
+      "@taiga-ui/addon-editor",
+      "@taiga-ui/addon-mobile"
+    ]
+  },
   "main": "bundles/taiga-ui-cdk.umd.js",
   "module": "fesm5/taiga-ui-cdk.js",
   "es2015": "fesm2015/taiga-ui-cdk.js",

package/schematics/collection.json

@@ -0,0 +1,16 @@
+{
+    "$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json",
+    "schematics": {
+        "ng-add": {
+            "description": "Add Taiga UI to the project.",
+            "factory": "./ng-add/index#ngAdd",
+            "schema": "./ng-add/schema.json"
+        },
+        "ng-add-setup-project": {
+            "private": true,
+            "description": "Sets up the project after dependencies have been installed",
+            "factory": "./ng-add/setup-project",
+            "schema": "./ng-add/schema.json"
+        }
+    }
+}

package/schematics/migration.json

@@ -0,0 +1,10 @@
+{
+    "$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json",
+    "schematics": {
+        "updateToV3": {
+            "description": "Updates Taiga UI packages to v3",
+            "version": "3.0.0",
+            "factory": "./ng-update/index#updateToV3"
+        }
+    }
+}

package/schematics/ng-add/constants/modules.d.ts

@@ -0,0 +1,8 @@
+export interface ImportingModule {
+    name: string;
+    packageName: string;
+}
+export declare const MAIN_MODULES: ReadonlyArray<ImportingModule>;
+export declare const DIALOG_MODULES: ReadonlyArray<ImportingModule>;
+export declare const NOTIFICATION_MODULES: ReadonlyArray<ImportingModule>;
+export declare const SANITIZER_MODULES: ReadonlyArray<ImportingModule>;

package/schematics/ng-add/constants/modules.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MAIN_MODULES = [
+    {
+        name: 'TuiRootModule',
+        packageName: '@taiga-ui/core',
+    },
+    {
+        name: 'BrowserAnimationsModule',
+        packageName: '@angular/platform-browser/animations',
+    },
+];
+exports.DIALOG_MODULES = [
+    {
+        name: 'TuiDialogModule',
+        packageName: '@taiga-ui/core',
+    },
+];
+exports.NOTIFICATION_MODULES = [
+    {
+        name: 'TuiNotificationsModule',
+        packageName: '@taiga-ui/core',
+    },
+];
+exports.SANITIZER_MODULES = [
+    {
+        name: 'TUI_SANITIZER',
+        packageName: '@taiga-ui/core',
+    },
+    {
+        name: 'NgDompurifySanitizer',
+        packageName: '@tinkoff/ng-dompurify',
+    },
+];

package/schematics/ng-add/constants/packages.d.ts

@@ -0,0 +1 @@
+export declare const MAIN_PACKAGES: string[];

package/schematics/ng-add/constants/packages.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MAIN_PACKAGES = ['core', 'cdk', 'kit', 'icons'];

package/schematics/ng-add/constants/versions.d.ts

@@ -0,0 +1,4 @@
+export declare const TAIGA_VERSION: string;
+export declare const NG_DOMPURIFY_VERSION = "3.0.0";
+export declare const DOMPURIFY_VERSION = "2.2.9";
+export declare const DOMPURIFY_TYPES_VERSION = "2.2.3";

package/schematics/ng-add/constants/versions.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const { version } = require('../../../package.json');
+exports.TAIGA_VERSION = `^${version}`;
+exports.NG_DOMPURIFY_VERSION = '3.0.0';
+exports.DOMPURIFY_VERSION = '2.2.9';
+exports.DOMPURIFY_TYPES_VERSION = '2.2.3';

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

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

package/schematics/ng-add/index.js

@@ -0,0 +1,66 @@
+"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 });
+const tasks_1 = require("@angular-devkit/schematics/tasks");
+const ng_morph_1 = require("ng-morph");
+const packages_1 = require("./constants/packages");
+const versions_1 = require("./constants/versions");
+function ngAdd(options) {
+    return (tree, context) => __awaiter(this, void 0, void 0, function* () {
+        context.logger.info(`The main packages will be installed - ${packages_1.MAIN_PACKAGES}`);
+        addDependencies(tree, options);
+        context.addTask(new tasks_1.NodePackageInstallTask(), [
+            context.addTask(new tasks_1.RunSchematicTask('ng-add-setup-project', options)),
+        ]);
+    });
+}
+exports.ngAdd = ngAdd;
+function addDependencies(tree, options) {
+    const packages = [...packages_1.MAIN_PACKAGES, ...options.addons];
+    packages.forEach(pack => {
+        ng_morph_1.addPackageJsonDependency(tree, {
+            name: `@taiga-ui/${pack}`,
+            version: versions_1.TAIGA_VERSION,
+        });
+    });
+    if (options.addSanitizer) {
+        ng_morph_1.addPackageJsonDependency(tree, {
+            name: '@tinkoff/ng-dompurify',
+            version: versions_1.NG_DOMPURIFY_VERSION,
+        });
+        ng_morph_1.addPackageJsonDependency(tree, {
+            name: 'dompurify',
+            version: versions_1.DOMPURIFY_VERSION,
+        });
+        ng_morph_1.addPackageJsonDependency(tree, {
+            name: '@types/dompurify',
+            version: versions_1.DOMPURIFY_TYPES_VERSION,
+            type: ng_morph_1.NodeDependencyType.Dev,
+        });
+    }
+    if (packages.includes('addon-table') || packages.includes('addon-mobile')) {
+        addAngularCdkDep(tree);
+    }
+}
+function addAngularCdkDep(tree) {
+    var _a;
+    const angularCore = (_a = ng_morph_1.getPackageJsonDependency(tree, '@angular/core')) === null || _a === void 0 ? void 0 : _a.version;
+    if (!angularCore) {
+        return;
+    }
+    const majorVersionArr = angularCore.match(/[0-9]+/);
+    if (majorVersionArr) {
+        ng_morph_1.addPackageJsonDependency(tree, {
+            name: '@angular/cdk',
+            version: `^${majorVersionArr[0]}.0.0`,
+        });
+    }
+}

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

@@ -0,0 +1,7 @@
+export interface Schema {
+    readonly project: string;
+    readonly addons: ReadonlyArray<string>;
+    readonly addNotificationsModule: boolean;
+    readonly addDialogsModule: boolean;
+    readonly addSanitizer: boolean;
+}

package/schematics/ng-add/schema.js

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

package/schematics/ng-add/schema.json

@@ -0,0 +1,86 @@
+{
+    "$schema": "http://json-schema.org/draft-07/schema",
+    "$id": "taiga-ui-ng-add",
+    "title": "Taiga UI ng-add",
+    "type": "object",
+    "properties": {
+        "project": {
+            "type": "string",
+            "description": "The name of the project.",
+            "$default": {
+                "$source": "projectName"
+            }
+        },
+        "addDialogsModule": {
+            "description": "Setting up dialog module",
+            "type": "boolean",
+            "default": true,
+            "x-prompt": {
+                "message": "Do you want to use Taiga UI dialogs?",
+                "type": "confirmation"
+            }
+        },
+        "addSanitizer": {
+            "description": "Setting up TUI_SANITIZER",
+            "type": "boolean",
+            "default": true,
+            "x-prompt": {
+                "message": "Do you plan on using custom SVGs/icons or addon-editor? If `Yes` we will include ng-dompurify as sanitizer, read more: https://taiga-ui.dev/icon-set#sanitizer",
+                "type": "confirmation"
+            }
+        },
+        "addNotificationsModule": {
+            "description": "Setting up notifications module",
+            "type": "boolean",
+            "default": true,
+            "x-prompt": {
+                "message": "Do you want to use Taiga UI notifications?",
+                "type": "confirmation"
+            }
+        },
+        "addons": {
+            "description": "Setting up additional packages",
+            "type": "array",
+            "x-prompt": {
+                "message": "Choose additional packages to install",
+                "type": "list",
+                "multiselect": true,
+                "items": [
+                    {
+                        "value": "addon-doc",
+                        "label": "addon-doc         Taiga UI based library for developing documentation portals for Angular libraries"
+                    },
+                    {
+                        "value": "addon-charts",
+                        "label": "addon-charts      Components for various charts, graphs and visualizations"
+                    },
+                    {
+                        "value": "addon-commerce",
+                        "label": "addon-commerce    Money-related extension with currencies, credit card inputs and validators"
+                    },
+                    {
+                        "value": "addon-mobile",
+                        "label": "addon-mobile      Components and tools specific to mobile version of the app"
+                    },
+                    {
+                        "value": "addon-table",
+                        "label": "addon-table       Interactive table component and related utilities"
+                    },
+                    {
+                        "value": "addon-tablebars",
+                        "label": "addon-tablebars   Group action sliding toolbar"
+                    },
+                    {
+                        "value": "addon-editor",
+                        "label": "addon-editor      Rich text editor extension with related components"
+                    },
+                    {
+                        "value": "addon-preview",
+                        "label": "addon preview     Custom fullscreen dialog to preview various content such as documents, images etc."
+                    }
+                ]
+            }
+        }
+    },
+    "required": []
+}

package/schematics/ng-add/setup-project.d.ts

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

package/schematics/ng-add/setup-project.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@angular-devkit/schematics");
+const add_taiga_icons_1 = require("./steps/add-taiga-icons");
+const add_taiga_modules_1 = require("./steps/add-taiga-modules");
+const add_taiga_styles_1 = require("./steps/add-taiga-styles");
+const wrap_with_tui_root_1 = require("./steps/wrap-with-tui-root");
+function ngAddSetupProject(options) {
+    return schematics_1.chain([
+        add_taiga_styles_1.addTaigaStyles(options),
+        add_taiga_modules_1.addTaigaModules(options),
+        add_taiga_icons_1.addTaigaIcons(options),
+        wrap_with_tui_root_1.wrapWithTuiRootComponent(options),
+    ]);
+}
+exports.default = ngAddSetupProject;

package/schematics/ng-add/steps/add-taiga-icons.d.ts

@@ -0,0 +1,5 @@
+import { workspaces } from '@angular-devkit/core';
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from '../schema';
+export declare function addTaigaIcons(options: Schema): Rule;
+export declare function addTaigaStylesToAngularJson(workspace: workspaces.WorkspaceDefinition, project: workspaces.ProjectDefinition): Rule;

package/schematics/ng-add/steps/add-taiga-icons.js

@@ -0,0 +1,40 @@
+"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 });
+const workspace_1 = require("@schematics/angular/utility/workspace");
+const workspace_2 = require("@schematics/angular/utility/workspace");
+const get_project_1 = require("../../utils/get-project");
+const get_project_target_options_1 = require("../../utils/get-project-target-options");
+const ICON_ASSETS = {
+    glob: '**/*',
+    input: 'node_modules/@taiga-ui/icons/src',
+    output: 'assets/taiga-ui/icons',
+};
+function addTaigaIcons(options) {
+    return (tree) => __awaiter(this, void 0, void 0, function* () {
+        const workspace = yield workspace_2.getWorkspace(tree);
+        const project = get_project_1.getProject(options, workspace);
+        return addTaigaStylesToAngularJson(workspace, project);
+    });
+}
+exports.addTaigaIcons = addTaigaIcons;
+function addTaigaStylesToAngularJson(workspace, project) {
+    const targetOptions = get_project_target_options_1.getProjectTargetOptions(project, 'build');
+    const assets = targetOptions.assets;
+    if (!assets) {
+        targetOptions.assets = [ICON_ASSETS];
+    }
+    else {
+        targetOptions.assets = [...assets, ICON_ASSETS];
+    }
+    return workspace_1.updateWorkspace(workspace);
+}
+exports.addTaigaStylesToAngularJson = addTaigaStylesToAngularJson;

package/schematics/ng-add/steps/add-taiga-modules.d.ts

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

package/schematics/ng-add/steps/add-taiga-modules.js

@@ -0,0 +1,52 @@
+"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 });
+const workspace_1 = require("@schematics/angular/utility/workspace");
+const ng_morph_1 = require("ng-morph");
+const get_project_1 = require("../../utils/get-project");
+const get_project_target_options_1 = require("../../utils/get-project-target-options");
+const modules_1 = require("../constants/modules");
+const add_unique_import_1 = require("../../utils/add-unique-import");
+function addTaigaModules(options) {
+    return (tree, context) => __awaiter(this, void 0, void 0, function* () {
+        const workspace = yield workspace_1.getWorkspace(tree);
+        const project = get_project_1.getProject(options, workspace);
+        const buildOptions = get_project_target_options_1.getProjectTargetOptions(project, 'build');
+        ng_morph_1.setActiveProject(ng_morph_1.createProject(tree, '/', ['**/*.ts', '**/*.json']));
+        const mainModule = ng_morph_1.getMainModule(buildOptions.main);
+        addTuiModules(mainModule, options, context);
+        addTuiProviders(mainModule, options);
+        ng_morph_1.saveActiveProject();
+    });
+}
+exports.addTaigaModules = addTaigaModules;
+function addTuiModules(mainModule, options, context) {
+    const modules = [
+        ...modules_1.MAIN_MODULES,
+        ...(options.addDialogsModule ? modules_1.DIALOG_MODULES : []),
+        ...(options.addNotificationsModule ? modules_1.NOTIFICATION_MODULES : []),
+    ];
+    const mainModulePath = mainModule.getSourceFile().getFilePath();
+    modules.forEach(module => {
+        ng_morph_1.addImportToNgModule(mainModule, module.name, { unique: true });
+        add_unique_import_1.addUniqueImport(mainModulePath, module.name, module.packageName);
+    });
+    context.logger.info(`${modules.map(module => module.name)} was added to ${mainModulePath}`);
+}
+function addTuiProviders(mainModule, options) {
+    if (!options.addSanitizer) {
+        return;
+    }
+    ng_morph_1.addProviderToNgModule(mainModule, '{provide: TUI_SANITIZER, useClass: NgDompurifySanitizer}', { unique: true });
+    modules_1.SANITIZER_MODULES.forEach(module => {
+        add_unique_import_1.addUniqueImport(mainModule.getSourceFile().getFilePath(), module.name, module.packageName);
+    });
+}

package/schematics/ng-add/steps/add-taiga-styles.d.ts

@@ -0,0 +1,5 @@
+import { workspaces } from '@angular-devkit/core';
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from '../schema';
+export declare function addTaigaStyles(options: Schema): Rule;
+export declare function addTaigaStylesToAngularJson(workspace: workspaces.WorkspaceDefinition, project: workspaces.ProjectDefinition): Rule;

package/schematics/ng-add/steps/add-taiga-styles.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 });
+const workspace_1 = require("@schematics/angular/utility/workspace");
+const workspace_2 = require("@schematics/angular/utility/workspace");
+const get_project_1 = require("../../utils/get-project");
+const get_project_target_options_1 = require("../../utils/get-project-target-options");
+const TAIGA_GLOBAL_STYLE = 'node_modules/@taiga-ui/core/styles/taiga-ui-global.less';
+const TAIGA_THEME_STYLE = 'node_modules/@taiga-ui/core/styles/taiga-ui-theme.less';
+function addTaigaStyles(options) {
+    return (tree) => __awaiter(this, void 0, void 0, function* () {
+        const workspace = yield workspace_2.getWorkspace(tree);
+        const project = get_project_1.getProject(options, workspace);
+        return addTaigaStylesToAngularJson(workspace, project);
+    });
+}
+exports.addTaigaStyles = addTaigaStyles;
+function addTaigaStylesToAngularJson(workspace, project) {
+    const targetOptions = get_project_target_options_1.getProjectTargetOptions(project, 'build');
+    const styles = targetOptions.styles;
+    const taigaStyles = [TAIGA_GLOBAL_STYLE, TAIGA_THEME_STYLE];
+    if (!styles) {
+        targetOptions.styles = taigaStyles;
+    }
+    else {
+        targetOptions.styles = Array.from(new Set([...taigaStyles, ...styles]));
+    }
+    return workspace_1.updateWorkspace(workspace);
+}
+exports.addTaigaStylesToAngularJson = addTaigaStylesToAngularJson;

package/schematics/ng-add/steps/wrap-with-tui-root.d.ts

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

package/schematics/ng-add/steps/wrap-with-tui-root.js

@@ -0,0 +1,82 @@
+"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 });
+const workspace_1 = require("@schematics/angular/utility/workspace");
+const ng_morph_1 = require("ng-morph");
+const get_project_1 = require("../../utils/get-project");
+const get_project_target_options_1 = require("../../utils/get-project-target-options");
+function wrapWithTuiRootComponent(options) {
+    return (tree, context) => __awaiter(this, void 0, void 0, function* () {
+        const workspace = yield workspace_1.getWorkspace(tree);
+        const project = get_project_1.getProject(options, workspace);
+        const buildOptions = get_project_target_options_1.getProjectTargetOptions(project, 'build');
+        const appTemplatePath = getAppTemplatePath(tree, buildOptions.main);
+        if (!appTemplatePath) {
+            context.logger.error('Could not find the default main template file for this project.');
+            context.logger.info('Consider manually wrapping content of your app with tui-root');
+            context.logger.info('More information at https://taiga-ui.dev/getting-started');
+            return;
+        }
+        addTuiRootComponent(appTemplatePath, context, tree);
+    });
+}
+exports.wrapWithTuiRootComponent = wrapWithTuiRootComponent;
+function addTuiRootComponent(filePath, context, tree) {
+    const buffer = tree.read(filePath);
+    if (!buffer) {
+        context.logger.error(`Could not read the default template file within the project ${filePath}`);
+        context.logger.info('Consider manually wrapping content of your app with tui-root');
+        return;
+    }
+    const htmlContent = buffer.toString();
+    const openTag = '<tui-root>' + '\n';
+    const closeTag = '\n' + '</tui-root>';
+    if (htmlContent.includes(openTag)) {
+        return;
+    }
+    const recorder = tree.beginUpdate(filePath);
+    recorder.insertLeft(0, openTag);
+    recorder.insertLeft(htmlContent.length, closeTag);
+    tree.commitUpdate(recorder);
+    context.logger.info(`Content of the app was wrapped with tui-root component in ${filePath}`);
+}
+function getAppTemplatePath(tree, mainPath) {
+    ng_morph_1.setActiveProject(ng_morph_1.createProject(tree, '/', ['**/*.ts', '**/*.json']));
+    const mainModule = ng_morph_1.getMainModule(mainPath);
+    const mainInitializer = getInitializer(mainModule, 'NgModule', 'declarations');
+    if (!ng_morph_1.Node.isArrayLiteralExpression(mainInitializer)) {
+        return;
+    }
+    const appIdentifier = mainInitializer.getElements()[0];
+    const appComponent = appIdentifier.getDefinitionNodes()[0];
+    const templateInitializer = getInitializer(appComponent, 'Component', 'templateUrl');
+    const appComponentPath = appComponent.getSourceFile().getFilePath().split('/');
+    const templateUrlPath = `${appComponentPath
+        .splice(0, appComponentPath.length - 1)
+        .join('/')}/${templateInitializer === null || templateInitializer === void 0 ? void 0 : templateInitializer.getText().replace(/['"]/g, '')}`;
+    ng_morph_1.saveActiveProject();
+    return templateUrlPath;
+}
+function getInitializer(classDeclaration, decoratorName, propertyName) {
+    const decorator = classDeclaration.getDecorator(decoratorName);
+    if (!decorator) {
+        return;
+    }
+    const [metadata] = decorator.getArguments();
+    if (!ng_morph_1.Node.isObjectLiteralExpression(metadata)) {
+        return;
+    }
+    const property = metadata.getProperty(propertyName);
+    if (!ng_morph_1.Node.isPropertyAssignment(property)) {
+        return;
+    }
+    return property.getInitializer();
+}

package/schematics/ng-update/constants/consts.d.ts

@@ -0,0 +1,12 @@
+export interface ReplacementConst {
+    from: {
+        name: string;
+        moduleSpecifier?: string;
+    };
+    to: {
+        name: string;
+        namedImport?: string;
+        moduleSpecifier: string;
+    };
+}
+export declare const CONSTS_TO_REPLACE: ReplacementConst[];

package/schematics/ng-update/constants/consts.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CONSTS_TO_REPLACE = [
+    {
+        from: {
+            name: 'EMPTY_VALIDATOR',
+            moduleSpecifier: '@taiga-ui/cdk',
+        },
+        to: {
+            name: 'Validators.nullValidator',
+            namedImport: 'Validators',
+            moduleSpecifier: '@angular/forms',
+        },
+    },
+    {
+        from: {
+            name: 'TUI_DATE_MASK',
+        },
+        to: {
+            name: `tuiCreateDateMask('DMY', '.')`,
+            moduleSpecifier: '@taiga-ui/kit',
+            namedImport: 'tuiCreateDateMask',
+        },
+    },
+    {
+        from: {
+            name: 'TUI_DATE_RANGE_MASK',
+        },
+        to: {
+            name: `tuiCreateDateRangeMask('DMY', '.')`,
+            moduleSpecifier: '@taiga-ui/kit',
+            namedImport: 'tuiCreateDateRangeMask',
+        },
+    },
+    {
+        from: {
+            name: 'getClosestKeyboardFocusable',
+            moduleSpecifier: '@taiga-ui/cdk',
+        },
+        to: {
+            name: 'getClosestFocusable',
+            moduleSpecifier: '@taiga-ui/cdk',
+        },
+    },
+];

package/schematics/ng-update/constants/enums.d.ts

@@ -0,0 +1,7 @@
+interface ReplacementEnum {
+    name: string;
+    replaceValues: Record<string, string>;
+    keepAsType?: boolean;
+}
+export declare const ENUMS_TO_REPLACE: ReplacementEnum[];
+export {};