@taiga-ui/cdk 2.52.0 → 2.54.1

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

@@ -1,8 +1,10 @@
+import { Element } from 'parse5';
 export interface ReplacementAttributes {
     readonly from: {
         readonly attrName: string;
         readonly withTagNames?: string[];
         readonly withAttrsNames?: string[];
+        readonly filterFn?: (element: Element) => boolean;
     };
     readonly to: {
         readonly attrName: string;
@@ -15,6 +17,7 @@ export interface ReplacementTags {
 }
 export interface AttributeToDirective {
     readonly componentSelector: string | string[];
+    readonly filterFn?: (element: Element) => boolean;
     readonly inputProperty: string;
     readonly directive: string;
     readonly directiveModule: {
@@ -22,7 +25,12 @@ export interface AttributeToDirective {
         readonly moduleSpecifier: string;
     };
 }
+export interface InputToRemove {
+    readonly inputName: string;
+    readonly tags: string[];
+}
 export declare const ATTRS_TO_REPLACE: ReplacementAttributes[];
+export declare const INPUTS_TO_REMOVE: InputToRemove[];
 export declare const TAGS_TO_REPLACE: ReplacementTags[];
 export declare const ATTR_TO_DIRECTIVE: AttributeToDirective[];
 export declare const TEMPLATE_COMMENTS: readonly [{

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

@@ -1,7 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tui_interactive_selectors_1 = require("./tui-interactive-selectors");
+const elements_1 = require("../../utils/templates/elements");
 exports.ATTRS_TO_REPLACE = [
+    {
+        from: {
+            attrName: 'icon',
+            withTagNames: ['tui-input-tag'],
+            filterFn: element => { var _a; return ((_a = element.attrs.find(attr => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'left'; },
+        },
+        to: {
+            attrName: 'iconLeft',
+        },
+    },
+    {
+        from: {
+            attrName: '[icon]',
+            withTagNames: ['tui-input-tag'],
+            filterFn: element => { var _a; return ((_a = element.attrs.find(attr => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'left'; },
+        },
+        to: {
+            attrName: '[iconLeft]',
+        },
+    },
     {
         from: { attrName: 'tuiResizableColumn', withAttrsNames: ['tuiResizableColumn'] },
         to: { attrName: 'tuiTh [resizable]="true"' },
@@ -58,6 +79,12 @@ exports.ATTRS_TO_REPLACE = [
         },
     },
 ];
+exports.INPUTS_TO_REMOVE = [
+    {
+        inputName: 'iconAlign',
+        tags: ['tui-input', 'tui-primitive-textfield', 'tui-input-tag'],
+    },
+];
 exports.TAGS_TO_REPLACE = [
     {
         from: 'tui-group',
@@ -130,6 +157,54 @@ exports.ATTR_TO_DIRECTIVE = [
             moduleSpecifier: '@taiga-ui/core',
         },
     },
+    {
+        componentSelector: 'tui-input',
+        inputProperty: 'icon',
+        directive: 'tuiTextfieldIcon',
+        directiveModule: {
+            name: 'TuiTextfieldControllerModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+        filterFn: element => { var _a; return ((_a = element.attrs.find(attr => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'right'; },
+    },
+    {
+        componentSelector: 'tui-input',
+        inputProperty: 'icon',
+        directive: 'tuiTextfieldIconLeft',
+        directiveModule: {
+            name: 'TuiTextfieldControllerModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+        filterFn: element => {
+            var _a;
+            return !elements_1.hasElementAttribute(element, 'iconAlign') ||
+                ((_a = element.attrs.find(attr => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'left';
+        },
+    },
+    {
+        componentSelector: 'tui-primitive-textfield',
+        inputProperty: 'iconContent',
+        directive: 'tuiTextfieldIcon',
+        directiveModule: {
+            name: 'TuiTextfieldControllerModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+        filterFn: element => {
+            var _a;
+            return !elements_1.hasElementAttribute(element, 'iconAlign') ||
+                ((_a = element.attrs.find(attr => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'right';
+        },
+    },
+    {
+        componentSelector: 'tui-primitive-textfield',
+        inputProperty: 'iconContent',
+        directive: 'tuiTextfieldIconLeft',
+        directiveModule: {
+            name: 'TuiTextfieldControllerModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+        filterFn: element => { var _a; return ((_a = element.attrs.find(attr => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'left'; },
+    },
     {
         componentSelector: '*',
         inputProperty: 'scrollIntoView',

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

@@ -1,8 +1,7 @@
-interface TypeToRename {
+export interface TypeToRename {
     readonly from: string;
     readonly to?: string;
     readonly moduleSpecifier?: string | string[];
     readonly preserveGenerics?: boolean;
 }
 export declare const TYPES_TO_RENAME: readonly TypeToRename[];
-export {};

package/schematics/ng-update/index.js

@@ -19,47 +19,30 @@ const colored_log_1 = require("../utils/colored-log");
 const migrate_date_time_1 = require("./steps/migrate-date-time");
 function updateToV3(_) {
     return (tree, context) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-        console.info('\x1b[35m', `taiga packages will be updated to ${versions_1.TAIGA_VERSION}`);
+        const t0 = performance.now();
+        colored_log_1.titleLog(`\n\n${colored_log_1.START_SYMBOL} Your packages will be updated to @taiga-ui/*@${versions_1.TAIGA_VERSION}\n`);
         const fileSystem = getFileSystem(tree);
-        colored_log_1.infoLog('replacing deep imports...');
         replace_deep_import_1.replaceDeepImports();
-        colored_log_1.successLog('deep imports replaced');
-        colored_log_1.infoLog('replacing enums imports...');
         replace_enums_1.replaceEnums();
-        colored_log_1.successLog('enums replaced');
-        colored_log_1.infoLog('renaming types...');
         rename_types_1.renameTypes();
-        colored_log_1.successLog('types renamed');
-        colored_log_1.infoLog('replacing consts...');
-        replace_const_1.replaceConsts();
-        colored_log_1.successLog('constants replaced');
-        colored_log_1.infoLog('replacing services...');
+        replace_const_1.replaceConstants();
         replace_services_1.replaceServices();
-        colored_log_1.successLog('services replaced');
         show_warnings_1.showWarnings(context);
-        colored_log_1.infoLog('migrating templates...');
         migrate_templates_1.migrateTemplates(fileSystem);
-        colored_log_1.successLog('templates migrated');
         fileSystem.commitEdits();
         ng_morph_1.saveActiveProject();
         const updatedFileSystem = getFileSystem(tree);
-        colored_log_1.infoLog('migrating sliders...');
         migrate_sliders_1.migrateSliders(updatedFileSystem);
-        colored_log_1.successLog('sliders migrated');
-        colored_log_1.infoLog('migrating progress bars');
         migrate_progress_1.migrateProgress(updatedFileSystem);
-        colored_log_1.successLog('progress bars migrated');
-        colored_log_1.infoLog('removing modules...');
         remove_module_1.removeModules();
-        colored_log_1.successLog('modules removed');
-        colored_log_1.infoLog('migrating taiga date/time ...');
         migrate_date_time_1.dateTimeMigrations();
-        colored_log_1.successLog('date/time migrated');
-        colored_log_1.infoLog('miscellaneous migrating...');
         replace_functions_1.replaceFunctions();
         miscellaneous_1.miscellaneousMigrations();
-        colored_log_1.successLog('miscellaneous migrated');
         ng_morph_1.saveActiveProject();
+        const t1 = performance.now();
+        const sum = t1 - t0;
+        const result = sum > 1000 ? `${(sum / 1000).toFixed(2)} sec.` : `${sum.toFixed(2)} ms.`;
+        colored_log_1.titleLog(`${colored_log_1.FINISH_SYMBOL} We migrated packages to @taiga-ui/*@${versions_1.TAIGA_VERSION} in ${result} \n`);
     });
 }
 exports.updateToV3 = updateToV3;

package/schematics/ng-update/steps/migrate-date-time.js

@@ -3,7 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const ng_morph_1 = require("ng-morph");
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const insert_todo_1 = require("../../utils/insert-todo");
+const colored_log_1 = require("../../utils/colored-log");
 function dateTimeMigrations() {
+    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating taiga date/time...`);
     migrateProperty({
         namedImport: 'TuiDay',
         moduleSpecifier: '@taiga-ui/cdk',
@@ -73,6 +75,7 @@ function dateTimeMigrations() {
             callback: node => insertTodoBeforeNode(node, message),
         });
     });
+    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} date/time migrated \n`);
 }
 exports.dateTimeMigrations = dateTimeMigrations;
 function migrateProperty({ namedImport, moduleSpecifier, from, callback, }) {

package/schematics/ng-update/steps/migrate-progress.js

@@ -4,9 +4,11 @@ const ng_morph_1 = require("ng-morph");
 const get_component_templates_1 = require("../../utils/templates/get-component-templates");
 const elements_1 = require("../../utils/templates/elements");
 const template_resource_1 = require("../../utils/templates/template-resource");
+const colored_log_1 = require("../../utils/colored-log");
 exports.DEPRECATED_PROGRESS_PIPES_REG = /\s*\|\s*tuiProgressColorSegments(Async\s*\|\s*async)?/gi;
 const PROPERTY_FOR_DEPRECATED_PIPES = '[color]';
 function migrateProgress(fileSystem) {
+    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating progress bars...`);
     const templateResources = get_component_templates_1.getComponentTemplates('**/**');
     for (const templateResource of templateResources) {
         replaceProgressColorSegmentsPipe(templateResource, fileSystem);
@@ -14,6 +16,7 @@ function migrateProgress(fileSystem) {
     fileSystem.commitEdits();
     ng_morph_1.saveActiveProject();
     ng_morph_1.setActiveProject(ng_morph_1.createProject(fileSystem.tree, '/', '**/**'));
+    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} progress bars migrated \n`);
 }
 exports.migrateProgress = migrateProgress;
 function replaceProgressColorSegmentsPipe(templateResource, fileSystem) {

package/schematics/ng-update/steps/migrate-sliders/index.js

@@ -2,8 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const migrate_input_slider_1 = require("./migrate-input-slider");
 const migrate_input_range_1 = require("./migrate-input-range");
+const colored_log_1 = require("../../../utils/colored-log");
 function migrateSliders(fileSystem) {
+    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating sliders...`);
     migrate_input_slider_1.migrateInputSlider(fileSystem);
     migrate_input_range_1.migrateInputRange(fileSystem);
+    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} sliders migrated \n`);
 }
 exports.migrateSliders = migrateSliders;

package/schematics/ng-update/steps/migrate-templates.js

@@ -8,9 +8,11 @@ const template_resource_1 = require("../../utils/templates/template-resource");
 const ng_morph_1 = require("ng-morph");
 const ng_component_1 = require("../../utils/angular/ng-component");
 const add_unique_import_1 = require("../../utils/add-unique-import");
+const colored_log_1 = require("../../utils/colored-log");
 const START_TAG_OFFSET = 1;
 const END_TAG_OFFSET = 2;
 function migrateTemplates(fileSystem) {
+    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating templates...`);
     const componentWithTemplatesPaths = get_component_templates_1.getComponentTemplates('**/**');
     const actions = [
         replaceTags,
@@ -21,6 +23,7 @@ function migrateTemplates(fileSystem) {
         addHTMLCommentTags,
         addEditorProviders,
         migrateTuiHideSelectedPipe,
+        removeInputs,
     ];
     componentWithTemplatesPaths.forEach(resource => {
         const path = fileSystem.resolve(template_resource_1.getPathFromTemplateResource(resource));
@@ -29,10 +32,11 @@ function migrateTemplates(fileSystem) {
             action({ resource, fileSystem, recorder });
         });
     });
+    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} templates migrated \n`);
 }
 exports.migrateTemplates = migrateTemplates;
 function replaceAttrsByDirective({ resource, fileSystem, }) {
-    templates_1.ATTR_TO_DIRECTIVE.forEach(({ componentSelector, directiveModule, directive, inputProperty }) => {
+    templates_1.ATTR_TO_DIRECTIVE.forEach(({ componentSelector, directiveModule, directive, inputProperty, filterFn }) => {
         ng_component_input_manipulations_1.replaceInputPropertyByDirective({
             componentSelector,
             directiveModule,
@@ -40,6 +44,7 @@ function replaceAttrsByDirective({ resource, fileSystem, }) {
             inputProperty,
             fileSystem,
             templateResource: resource,
+            filterFn,
         });
     });
 }
@@ -48,8 +53,8 @@ function replaceAttrs({ resource, recorder, fileSystem, }) {
     const templateOffset = template_resource_1.getTemplateOffset(resource);
     templates_1.ATTRS_TO_REPLACE.forEach(({ from, to }) => {
         const offsets = [
-            ...elements_1.findAttributeOnElementWithTag(template, from.attrName, from.withTagNames || []),
-            ...elements_1.findAttributeOnElementWithAttrs(template, from.attrName, from.withAttrsNames || []),
+            ...elements_1.findAttributeOnElementWithTag(template, from.attrName, from.withTagNames || [], from.filterFn),
+            ...elements_1.findAttributeOnElementWithAttrs(template, from.attrName, from.withAttrsNames || [], from.filterFn),
         ];
         offsets.forEach(offset => {
             recorder.remove(offset + templateOffset, from.attrName.length);
@@ -171,3 +176,16 @@ function migrateTuiHideSelectedPipe({ resource, fileSystem, recorder, }) {
         recorder.insertRight(valueOffset, newValue);
     });
 }
+function removeInputs({ resource, fileSystem, recorder, }) {
+    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(resource);
+    templates_1.INPUTS_TO_REMOVE.forEach(({ inputName, tags }) => {
+        const offsets = [
+            ...ng_component_input_manipulations_1.getInputPropertyOffsets(template, inputName, tags),
+            ...ng_component_input_manipulations_1.getInputPropertyOffsets(template, `[${inputName}]`, tags),
+        ];
+        offsets.forEach(([start, end]) => {
+            recorder.remove(start + templateOffset, end - start);
+        });
+    });
+}

package/schematics/ng-update/steps/miscellaneous.js

@@ -3,7 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const ng_morph_1 = require("ng-morph");
 const insert_todo_1 = require("../../utils/insert-todo");
+const colored_log_1 = require("../../utils/colored-log");
 function miscellaneousMigrations() {
+    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} miscellaneous migrating...`);
     replaceEnumProperty({
         enumName: 'TuiCurrency',
         from: 'HongKong_dollar',
@@ -15,6 +17,7 @@ function miscellaneousMigrations() {
         to: 'HongKongDollar',
     });
     addWarningToMethod('TuiDirectiveStylesService', 'addStyle', 'addStyle method has been removed. Use components approach');
+    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} miscellaneous migrated \n`);
 }
 exports.miscellaneousMigrations = miscellaneousMigrations;
 function addWarningToMethod(className, method, message) {

package/schematics/ng-update/steps/remove-module.js

@@ -4,8 +4,11 @@ const ng_morph_1 = require("ng-morph");
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const import_manipulations_1 = require("../../utils/import-manipulations");
 const modules_1 = require("../constants/modules");
+const colored_log_1 = require("../../utils/colored-log");
 function removeModules() {
+    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} removing modules...`);
     modules_1.REMOVED_MODULES.forEach(({ name, moduleSpecifier }) => removeModule(name, moduleSpecifier));
+    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} modules removed \n`);
 }
 exports.removeModules = removeModules;
 function removeModule(name, moduleSpecifier) {

package/schematics/ng-update/steps/rename-types.js

@@ -4,10 +4,11 @@ const ng_morph_1 = require("ng-morph");
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const types_1 = require("../constants/types");
 const import_manipulations_1 = require("../../utils/import-manipulations");
+const colored_log_1 = require("../../utils/colored-log");
 function renameTypes() {
-    types_1.TYPES_TO_RENAME.forEach(({ from, to, moduleSpecifier, preserveGenerics }) => {
-        renameType(from, to, moduleSpecifier, preserveGenerics);
-    });
+    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} renaming types...`);
+    types_1.TYPES_TO_RENAME.forEach(({ from, to, moduleSpecifier, preserveGenerics }) => renameType(from, to, moduleSpecifier, preserveGenerics));
+    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} types renamed \n`);
 }
 exports.renameTypes = renameTypes;
 function renameType(from, to, moduleSpecifier, preserveGenerics = false) {

package/schematics/ng-update/steps/replace-const.d.ts

@@ -1,3 +1,3 @@
 import { ReplacementConst } from '../constants/consts';
-export declare function replaceConsts(): void;
+export declare function replaceConstants(): void;
 export declare function replaceConst({ from, to }: ReplacementConst): void;

package/schematics/ng-update/steps/replace-const.js

@@ -5,10 +5,13 @@ const ng_morph_1 = require("ng-morph");
 const import_manipulations_1 = require("../../utils/import-manipulations");
 const add_unique_import_1 = require("../../utils/add-unique-import");
 const consts_1 = require("../constants/consts");
-function replaceConsts() {
+const colored_log_1 = require("../../utils/colored-log");
+function replaceConstants() {
+    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing constants...`);
     consts_1.CONSTS_TO_REPLACE.forEach(constToReplace => replaceConst(constToReplace));
+    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} constants replaced \n`);
 }
-exports.replaceConsts = replaceConsts;
+exports.replaceConstants = replaceConstants;
 function replaceConst({ from, to }) {
     const references = get_named_import_references_1.getNamedImportReferences(from.name, from.moduleSpecifier);
     references.forEach(ref => {

package/schematics/ng-update/steps/replace-deep-import.js

@@ -1,12 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const ng_morph_1 = require("ng-morph");
+const colored_log_1 = require("../../utils/colored-log");
 const DEEP_REGEX = /(@taiga-ui\/\w+)\/.*/;
 function replaceDeepImports() {
+    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing deep imports...`);
     const deepImports = ng_morph_1.getImports('**/**').filter(imp => DEEP_REGEX.test(imp.getModuleSpecifier().getLiteralValue()));
     ng_morph_1.editImports(deepImports, deepImport => {
         const specifier = deepImport.moduleSpecifier.replace(DEEP_REGEX, '$1');
         return { moduleSpecifier: specifier };
     });
+    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} deep imports replaced \n`);
 }
 exports.replaceDeepImports = replaceDeepImports;

package/schematics/ng-update/steps/replace-enums.js

@@ -4,10 +4,11 @@ const ng_morph_1 = require("ng-morph");
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const enums_1 = require("../constants/enums");
 const import_manipulations_1 = require("../../utils/import-manipulations");
+const colored_log_1 = require("../../utils/colored-log");
 function replaceEnums() {
-    enums_1.ENUMS_TO_REPLACE.forEach(({ name, replaceValues, keepAsType }) => {
-        replaceEnumWithString(name, replaceValues, keepAsType);
-    });
+    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing enums imports...`);
+    enums_1.ENUMS_TO_REPLACE.forEach(({ name, replaceValues, keepAsType }) => replaceEnumWithString(name, replaceValues, keepAsType));
+    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} enums replaced \n`);
 }
 exports.replaceEnums = replaceEnums;
 function replaceEnumWithString(enumName, replaceValues, keepAsType = true) {

package/schematics/ng-update/steps/replace-functions.js

@@ -3,13 +3,28 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const ng_morph_1 = require("ng-morph");
 const import_manipulations_1 = require("../../utils/import-manipulations");
+const deprecated_functions_1 = require("../constants/deprecated-functions");
+const colored_log_1 = require("../../utils/colored-log");
 function replaceFunctions() {
+    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} functions replacing...`);
     replacePadStart(get_named_import_references_1.getNamedImportReferences('padStart', '@taiga-ui/cdk'));
     replaceFallbackValue(get_named_import_references_1.getNamedImportReferences('fallbackValue', '@taiga-ui/cdk'));
     replaceCustomEvent(get_named_import_references_1.getNamedImportReferences('tuiCustomEvent', '@taiga-ui/cdk'));
     replaceClosestElement(get_named_import_references_1.getNamedImportReferences('getClosestElement', '@taiga-ui/cdk'));
+    replaceDeprecatedFunction();
+    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} functions replaced \n`);
 }
 exports.replaceFunctions = replaceFunctions;
+function replaceDeprecatedFunction() {
+    deprecated_functions_1.DEPRECATED_FUNCTIONS.forEach(({ from, to, moduleSpecifier }) => {
+        get_named_import_references_1.getNamedImportReferences(from, moduleSpecifier).forEach(ref => {
+            const parent = ref.getParent();
+            if (ng_morph_1.Node.isImportSpecifier(parent) || ng_morph_1.Node.isCallExpression(parent)) {
+                parent === null || parent === void 0 ? void 0 : parent.replaceWithText(parent === null || parent === void 0 ? void 0 : parent.getFullText().trim().replace(from, to !== null && to !== void 0 ? to : from));
+            }
+        });
+    });
+}
 function replacePadStart(references) {
     references.forEach(ref => {
         var _a;

package/schematics/ng-update/steps/replace-services.js

@@ -7,13 +7,13 @@ const import_manipulations_1 = require("../../utils/import-manipulations");
 const add_unique_import_1 = require("../../utils/add-unique-import");
 const colored_log_1 = require("../../utils/colored-log");
 function replaceServices() {
-    services_1.SERVICES_TO_REPLACE.forEach(service => {
-        colored_log_1.infoLog(`replacing ${service.from.name}`);
-        replaceService(service);
-    });
+    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing services...`);
+    services_1.SERVICES_TO_REPLACE.forEach(service => replaceService(service));
+    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} services replaced \n`);
 }
 exports.replaceServices = replaceServices;
 function replaceService({ from, to, replaceMethods }) {
+    colored_log_1.processLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.PROCESSING_SYMBOL}replacing ${from.name}...`);
     const references = get_named_import_references_1.getNamedImportReferences(from.name, from.moduleSpecifier);
     references.forEach(ref => {
         const parent = ref.getParent();

package/schematics/utils/colored-log.d.ts

@@ -1,2 +1,10 @@
+export declare function processLog(message: string): void;
 export declare function successLog(message: string): void;
 export declare function infoLog(message: string): void;
+export declare function titleLog(message: string): void;
+export declare const SMALL_TAB_SYMBOL = "  ";
+export declare const START_SYMBOL = "\uD83D\uDE80";
+export declare const FINISH_SYMBOL = "\uD83C\uDFC6";
+export declare const REPLACE_SYMBOL = "\u26A1\uFE0F";
+export declare const PROCESSING_SYMBOL = "\u2611\uFE0F ";
+export declare const SUCCESS_SYMBOL = "\u2705 ";

package/schematics/utils/colored-log.js

@@ -1,10 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+function processLog(message) {
+    console.info('\x1b[36m%s\x1b[0m', message);
+}
+exports.processLog = processLog;
 function successLog(message) {
-    console.info('\x1B[32m%s\x1B[0m', message, '\u2713');
+    console.info('\x1B[32m%s\x1B[0m', message);
 }
 exports.successLog = successLog;
 function infoLog(message) {
     console.info('\x1B[34m%s\x1B[0m', message);
 }
 exports.infoLog = infoLog;
+function titleLog(message) {
+    console.info('\x1b[35m', message);
+}
+exports.titleLog = titleLog;
+exports.SMALL_TAB_SYMBOL = `  `; // @note: if you use \t then we have big gaps
+exports.START_SYMBOL = `🚀`;
+exports.FINISH_SYMBOL = `🏆`;
+exports.REPLACE_SYMBOL = `⚡️`;
+exports.PROCESSING_SYMBOL = `☑️ `;
+exports.SUCCESS_SYMBOL = `✅ `;

package/schematics/utils/templates/ng-component-input-manipulations.d.ts

@@ -51,7 +51,7 @@ export declare function getInputPropertyOffsets(html: string, attrName: string,
  * getInputPropertyValueOffsets(template, 'size', ['tui-card']) // [ [16, 18] ]
  */
 export declare function getInputPropertyValueOffsets(template: string, attrName: string, tags: string[]): [number, number][];
-export declare function replaceInputPropertyByDirective({ templateResource, fileSystem, componentSelector, inputProperty, directive, directiveModule, }: {
+export declare function replaceInputPropertyByDirective({ templateResource, fileSystem, componentSelector, inputProperty, directive, directiveModule, filterFn, }: {
     templateResource: TemplateResource;
     fileSystem: DevkitFileSystem;
     componentSelector: string | string[];
@@ -61,6 +61,7 @@ export declare function replaceInputPropertyByDirective({ templateResource, file
         name: string;
         moduleSpecifier: string;
     };
+    filterFn?: (element: Element) => boolean;
 }): void;
 /**
  * After removing property from the tag (which uses multi lines inside template) it can leave redundant space.

package/schematics/utils/templates/ng-component-input-manipulations.js

@@ -102,13 +102,14 @@ function getInputPropertyValueOffsets(template, attrName, tags) {
     return [...stringProperties, ...propertyBindings];
 }
 exports.getInputPropertyValueOffsets = getInputPropertyValueOffsets;
-function replaceInputPropertyByDirective({ templateResource, fileSystem, componentSelector, inputProperty, directive, directiveModule, }) {
+function replaceInputPropertyByDirective({ templateResource, fileSystem, componentSelector, inputProperty, directive, directiveModule, filterFn, }) {
     const wasModified = replaceInputProperty({
         templateResource,
         fileSystem,
         componentSelector,
         from: inputProperty,
         to: directive,
+        filterFn,
     });
     if (wasModified && directiveModule) {
         const [ngComponent] = ng_component_1.getNgComponents(templateResource.componentPath);

package/services/hovered.service.d.ts

@@ -1,5 +1,6 @@
 import { NgZone } from '@angular/core';
 import { Observable } from 'rxjs';
+/** @deprecated TODO remove in v3.0 */
 export declare class TuiHoveredService {
     private readonly ngZone;
     private readonly documentEvents$;