@taiga-ui/cdk 3.51.0 → 3.52.0-canary.164e55d

package/schematics/ng-update/steps/{replace-const.js → replace-identifier.js}

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.replaceConst = exports.replaceConstants = void 0;
+exports.replaceIdentifier = exports.replaceIdentifiers = void 0;
 const ng_morph_1 = require("ng-morph");
 const add_unique_import_1 = require("../../utils/add-unique-import");
 const colored_log_1 = require("../../utils/colored-log");
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const import_manipulations_1 = require("../../utils/import-manipulations");
-function replaceConstants(options, constants) {
+function replaceIdentifiers(options, constants) {
     !options[`skip-logs`] &&
-        colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing constants...`);
-    constants.forEach(constToReplace => replaceConst(constToReplace));
+        colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing identifiers...`);
+    constants.forEach(constToReplace => replaceIdentifier(constToReplace));
     !options[`skip-logs`] &&
-        colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} constants replaced \n`);
+        colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} identifiers replaced \n`);
 }
-exports.replaceConstants = replaceConstants;
-function replaceConst({ from, to }) {
+exports.replaceIdentifiers = replaceIdentifiers;
+function replaceIdentifier({ from, to }) {
     const references = get_named_import_references_1.getNamedImportReferences(from.name, from.moduleSpecifier);
     references.forEach(ref => {
         if (ref.wasForgotten()) {
@@ -30,4 +30,4 @@ function replaceConst({ from, to }) {
         }
     });
 }
-exports.replaceConst = replaceConst;
+exports.replaceIdentifier = replaceIdentifier;

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

@@ -28,7 +28,7 @@ function replaceService({ from, to, replaceMethods }, options) {
             add_unique_import_1.addUniqueImport(parent.getSourceFile().getFilePath(), to.namedImport || to.name, to.moduleSpecifier);
             return;
         }
-        if (ng_morph_1.Node.isTypeReferenceNode(parent) && (replaceMethods === null || replaceMethods === void 0 ? void 0 : replaceMethods.length)) {
+        if (ng_morph_1.Node.isTypeReference(parent) && (replaceMethods === null || replaceMethods === void 0 ? void 0 : replaceMethods.length)) {
             replaceProperties(parent, replaceMethods);
         }
         ref.replaceWithText(to.name);

package/schematics/ng-update/steps/show-warnings.js

@@ -27,6 +27,11 @@ function showWarning({ name, message, moduleSpecifier = `**/**` }, { logger }) {
             startLinePos: ref.getStartLinePos(),
         };
     });
+    /**
+     * We have to twice iterate array with refs because otherwise we get error:
+     * > Attempted to get information from a node that was removed or forgotten.
+     * See this {@link https://ts-morph.com/manipulation/#strongwarningstrong warning}
+     */
     referencesMeta.forEach(({ sourceFile, filePath, startLinePos }) => {
         logger.warn(`[WARNING] in ${filePath}: ${message}`);
         sourceFile.insertText(startLinePos, `// TODO: (Taiga UI migration) ${message}\n`);

package/schematics/ng-update/utils/templates/remove-inputs.d.ts

@@ -0,0 +1,10 @@
+import { UpdateRecorder } from '@angular-devkit/schematics';
+import { DevkitFileSystem } from 'ng-morph';
+import { RemovableInput } from '../../interfaces/removable-input';
+import { TemplateResource } from '../../interfaces/template-resource';
+export declare function removeInputs({ resource, recorder, fileSystem, data, }: {
+    fileSystem: DevkitFileSystem;
+    recorder: UpdateRecorder;
+    data: readonly RemovableInput[];
+    resource: TemplateResource;
+}): void;

package/schematics/ng-update/utils/templates/remove-inputs.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeInputs = void 0;
+const ng_component_input_manipulations_1 = require("../../../utils/templates/ng-component-input-manipulations");
+const template_resource_1 = require("../../../utils/templates/template-resource");
+function removeInputs({ resource, recorder, fileSystem, data, }) {
+    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(resource);
+    data.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);
+        });
+    });
+}
+exports.removeInputs = removeInputs;

package/schematics/ng-update/utils/templates/replace-attr-values.d.ts

@@ -1,10 +1,10 @@
 import { UpdateRecorder } from '@angular-devkit/schematics';
 import { DevkitFileSystem } from 'ng-morph';
+import { ReplacementAttributeValue } from '../../interfaces/replacement-attribute-value';
 import { TemplateResource } from '../../interfaces/template-resource';
-import { ReplaceableAttributeValue } from '../../v3/interfaces/replaceable-attribute-value';
-export declare function replaceAttrValues({ resource, recorder, fileSystem, replaceableItems, }: {
+export declare function replaceAttrValues({ resource, recorder, fileSystem, data, }: {
     fileSystem: DevkitFileSystem;
     recorder: UpdateRecorder;
-    replaceableItems: ReplaceableAttributeValue[];
+    data: ReplacementAttributeValue[];
     resource: TemplateResource;
 }): void;

package/schematics/ng-update/utils/templates/replace-attr-values.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceAttrValues = void 0;
 const elements_1 = require("../../../utils/templates/elements");
 const template_resource_1 = require("../../../utils/templates/template-resource");
-function replaceAttrValues({ resource, recorder, fileSystem, replaceableItems, }) {
+function replaceAttrValues({ resource, recorder, fileSystem, data, }) {
     const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
     const templateOffset = template_resource_1.getTemplateOffset(resource);
-    replaceableItems.forEach(({ attrNames, values, withTagNames }) => {
+    data.forEach(({ attrNames, values, withTagNames }) => {
         const elements = [
             ...elements_1.findElementsWithAttributeOnTag(template, attrNames, withTagNames),
         ];

package/schematics/ng-update/utils/templates/replace-attrs.d.ts

@@ -0,0 +1,10 @@
+import { UpdateRecorder } from '@angular-devkit/schematics';
+import { DevkitFileSystem } from 'ng-morph';
+import { ReplacementAttribute } from '../../interfaces/replacement-attribute';
+import { TemplateResource } from '../../interfaces/template-resource';
+export declare function replaceAttrs({ resource, recorder, fileSystem, data, }: {
+    fileSystem: DevkitFileSystem;
+    recorder: UpdateRecorder;
+    resource: TemplateResource;
+    data: readonly ReplacementAttribute[];
+}): void;

package/schematics/ng-update/utils/templates/replace-attrs.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceAttrs = void 0;
+const elements_1 = require("../../../utils/templates/elements");
+const template_resource_1 = require("../../../utils/templates/template-resource");
+function replaceAttrs({ resource, recorder, fileSystem, data, }) {
+    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(resource);
+    data.forEach(({ from, to }) => {
+        const offsets = [
+            ...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);
+            recorder.insertRight(offset + templateOffset, to.attrName);
+        });
+    });
+}
+exports.replaceAttrs = replaceAttrs;

package/schematics/ng-update/utils/templates/replace-tags.d.ts

@@ -0,0 +1,10 @@
+import { UpdateRecorder } from '@angular-devkit/schematics';
+import { DevkitFileSystem } from 'ng-morph';
+import { ReplacementTag } from '../../interfaces/replacement-tag';
+import { TemplateResource } from '../../interfaces/template-resource';
+export declare function replaceTags({ resource, recorder, fileSystem, data, }: {
+    fileSystem: DevkitFileSystem;
+    recorder: UpdateRecorder;
+    data: readonly ReplacementTag[];
+    resource: TemplateResource;
+}): void;

package/schematics/ng-update/utils/templates/replace-tags.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceTags = void 0;
+const elements_1 = require("../../../utils/templates/elements");
+const template_resource_1 = require("../../../utils/templates/template-resource");
+const replace_tag_1 = require("./replace-tag");
+function replaceTags({ resource, recorder, fileSystem, data, }) {
+    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(resource);
+    data.forEach(({ from, to, addAttributes }) => {
+        const elements = elements_1.findElementsByTagName(template, from);
+        elements.forEach(({ sourceCodeLocation }) => {
+            if (sourceCodeLocation) {
+                replace_tag_1.replaceTag(recorder, sourceCodeLocation, from, to, templateOffset, addAttributes);
+            }
+        });
+    });
+}
+exports.replaceTags = replaceTags;

package/schematics/ng-update/v3/constants/breakpoints.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEPRECATED_BREAKPOINTS = void 0;
 exports.DEPRECATED_BREAKPOINTS = [
+    // all previously actual breakpoints
     { from: `@media-retina`, to: `@tui-media-retina` },
     { from: `@media-retina-mobile`, to: `@tui-media-retina-mobile` },
     { from: `@media-retina-tablet`, to: `@tui-media-retina-tablet` },
@@ -16,6 +17,7 @@ exports.DEPRECATED_BREAKPOINTS = [
     { from: `@desktop-s-min`, to: `@tui-desktop-min` },
     { from: `@desktop-s-interval`, to: `@tui-desktop-interval` },
     { from: `@desktop-m-min`, to: `@tui-desktop-lg-min` },
+    // legacy breakpoints
     { from: `@mobile`, to: `@tui-mobile` },
     { from: `@mobile-min`, to: `@tui-mobile-min` },
     { from: `@mobile-interval`, to: `@tui-mobile-interval` },

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

@@ -1,2 +1,2 @@
-import { ReplacementConst } from '../../interfaces/replacement-const';
-export declare const CONSTANTS_TO_REPLACE: ReplacementConst[];
+import { ReplacementIdentifier } from '../../interfaces/replacement-identifier';
+export declare const CONSTANTS_TO_REPLACE: ReplacementIdentifier[];

package/schematics/ng-update/v3/constants/deprecated-functions.d.ts

@@ -1,2 +1,2 @@
-import { TypeToRename } from '../../interfaces/type-to-rename';
-export declare const DEPRECATED_FUNCTIONS: readonly TypeToRename[];
+import { ReplacementType } from '../../interfaces/replacement-type';
+export declare const DEPRECATED_FUNCTIONS: readonly ReplacementType[];

package/schematics/ng-update/v3/constants/enums.js

@@ -182,18 +182,22 @@ exports.ENUMS_TO_REPLACE = [
             Bittersweet: `support-06`,
             Pinkie: `support-07`,
             Charm: `support-08`,
+            // cspell:disable-next-line
             Amethist: `support-09`,
             Helio: `support-10`,
             Lilac: `support-11`,
             Malibu: `support-12`,
             Havelock: `support-13`,
+            // cspell:disable-next-line
             Picton: `support-14`,
             Mint: `support-15`,
             Fountain: `support-16`,
+            // cspell:disable-next-line
             Puertorico: `support-17`,
             Bay: `support-18`,
             Forest: `support-19`,
             York: `support-20`,
+            // cspell:disable-next-line
             Feijoa: `support-21`,
         },
         keepAsType: false,

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

@@ -1,12 +1,17 @@
-import { ReplaceableAttribute } from '../../interfaces/replaceable-attribute';
+import { RemovableInput } from '../../interfaces/removable-input';
+import { ReplacementAttribute } from '../../interfaces/replacement-attribute';
+import { ReplacementAttributeValue } from '../../interfaces/replacement-attribute-value';
+import { ReplacementTag } from '../../interfaces/replacement-tag';
 import { AttributeToDirective } from '../interfaces/attribute-to-directive';
-import { RemovableInput } from '../interfaces/removable-input';
-import { ReplaceableAttributeValue } from '../interfaces/replaceable-attribute-value';
-import { ReplaceableTag } from '../interfaces/replaceable-tag';
-export declare const ATTRS_TO_REPLACE: ReplaceableAttribute[];
+export declare const ATTRS_TO_REPLACE: ReplacementAttribute[];
 export declare const INPUTS_TO_REMOVE: RemovableInput[];
-export declare const TAGS_TO_REPLACE: ReplaceableTag[];
+export declare const TAGS_TO_REPLACE: ReplacementTag[];
 export declare const ATTR_TO_DIRECTIVE: AttributeToDirective[];
+/**
+ * @example `<div [someDirective]="true" />` => `<div someDirective />`
+ *
+ * Keeping it for future sake
+ */
 export declare const TRUTHY_BOOLEAN_INPUT_TO_HTML_BINARY_ATTRIBUTE: readonly string[];
 export declare const TEMPLATE_COMMENTS: readonly [{
     readonly tag: "tui-input-slider";
@@ -49,4 +54,4 @@ export declare const TEMPLATE_COMMENTS: readonly [{
     readonly withAttr: "lastIndex";
     readonly comment: "Use property [length] instead. See example: https://taiga-ui.dev/components/preview";
 }];
-export declare const REPLACE_ATTR_VALUE: ReplaceableAttributeValue[];
+export declare const REPLACE_ATTR_VALUE: ReplacementAttributeValue[];

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

@@ -663,6 +663,11 @@ exports.ATTR_TO_DIRECTIVE = [
         },
     },
 ];
+/**
+ * @example `<div [someDirective]="true" />` => `<div someDirective />`
+ *
+ * Keeping it for future sake
+ */
 exports.TRUTHY_BOOLEAN_INPUT_TO_HTML_BINARY_ATTRIBUTE = [];
 exports.TEMPLATE_COMMENTS = [
     {

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

@@ -1,2 +1,2 @@
-import { TypeToRename } from '../../interfaces/type-to-rename';
-export declare const TYPES_TO_RENAME: readonly TypeToRename[];
+import { ReplacementType } from '../../interfaces/replacement-type';
+export declare const TYPES_TO_RENAME: readonly ReplacementType[];

package/schematics/ng-update/v3/index.d.ts

@@ -1,4 +1,3 @@
 import { Rule } from '@angular-devkit/schematics';
 import { TuiSchema } from '../../ng-add/schema';
 export declare function updateToV3(options: TuiSchema): Rule;
-export declare function updateToV3_5(options: TuiSchema): Rule;

package/schematics/ng-update/v3/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateToV3_5 = exports.updateToV3 = void 0;
+exports.updateToV3 = void 0;
 const tslib_1 = require("tslib");
 const schematics_1 = require("@angular-devkit/schematics");
 const ng_morph_1 = require("ng-morph");
@@ -12,13 +12,12 @@ const colored_log_1 = require("../../utils/colored-log");
 const get_execution_time_1 = require("../../utils/get-execution-time");
 const remove_module_1 = require("../steps/remove-module");
 const rename_types_1 = require("../steps/rename-types");
-const replace_const_1 = require("../steps/replace-const");
 const replace_deep_import_1 = require("../steps/replace-deep-import");
 const replace_enums_1 = require("../steps/replace-enums");
+const replace_identifier_1 = require("../steps/replace-identifier");
 const replace_services_1 = require("../steps/replace-services");
 const show_warnings_1 = require("../steps/show-warnings");
 const get_file_system_1 = require("../utils/get-file-system");
-const migrate_expand_templates_1 = require("../v3-5/steps/migrate-expand-templates");
 const constants_1 = require("./constants/constants");
 const enums_1 = require("./constants/enums");
 const modules_1 = require("./constants/modules");
@@ -50,24 +49,13 @@ function updateToV3(options) {
     ]);
 }
 exports.updateToV3 = updateToV3;
-function updateToV3_5(options) {
-    return (tree, _) => {
-        const fileSystem = get_file_system_1.getFileSystem(tree);
-        migrate_expand_templates_1.migrateExpandTemplates(fileSystem, options);
-        fileSystem.commitEdits();
-        ng_morph_1.saveActiveProject();
-        !options[`skip-logs`] &&
-            colored_log_1.titleLog(`${colored_log_1.FINISH_SYMBOL} We migrated packages to @taiga-ui/*@${versions_1.TAIGA_VERSION}\n`);
-    };
-}
-exports.updateToV3_5 = updateToV3_5;
 function main(options) {
     return (tree, context) => {
         const fileSystem = get_file_system_1.getFileSystem(tree);
         replace_deep_import_1.replaceDeepImports(options);
         replace_enums_1.replaceEnums(options, enums_1.ENUMS_TO_REPLACE);
         rename_types_1.renameTypes(options, types_1.TYPES_TO_RENAME);
-        replace_const_1.replaceConstants(options, constants_1.CONSTANTS_TO_REPLACE);
+        replace_identifier_1.replaceIdentifiers(options, constants_1.CONSTANTS_TO_REPLACE);
         replace_services_1.replaceServices(options, services_1.SERVICES_TO_REPLACE);
         replace_styles_1.replaceStyles();
         show_warnings_1.showWarnings(context, warnings_1.MIGRATION_WARNINGS);
@@ -98,7 +86,9 @@ function addTaigaStyles(options) {
                 `– Manually replace "${taiga_styles_1.TAIGA_GLOBAL_OLD_STYLE}" with "${taiga_styles_1.TAIGA_GLOBAL_NEW_STYLE}" inside "styles" of angular.json (don't forget to install "@taiga-ui/styles")`);
             return;
         }
-        return angular_json_manipulations_1.addStylesToAngularJson(options, context, taigaStyles, existingStyles => !!(existingStyles === null || existingStyles === void 0 ? void 0 : existingStyles.some(style => typeof style === `string` && style.includes(`tinkoff-theme`))), stylesToReplace, tree);
+        return angular_json_manipulations_1.addStylesToAngularJson(options, context, taigaStyles, existingStyles => !!(existingStyles === null || existingStyles === void 0 ? void 0 : existingStyles.some(
+        // eslint-disable-next-line @taiga-ui/experience/no-typeof
+        style => typeof style === `string` && style.includes(`tinkoff-theme`))), stylesToReplace, tree);
     });
 }
 function showNormalizeWarning() {
@@ -110,6 +100,7 @@ function showNormalizeWarning() {
             }
         }
         catch (_b) {
+            // noop
         }
     };
 }

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

@@ -140,6 +140,24 @@ function replaceIdentifier(node, from, callback) {
 function replaceIdentifierReferences(identifier, from, callback) {
     identifier
         .findReferencesAsNodes()
+        /**
+         * `findReferencesAsNodes` has strange behavior.
+         * Imagine schematics run on the following file:
+         * ```
+         * class Dummy {
+         *  var = 5;
+         *  method1() {
+         *      const {var} = this; // (1)
+         *      return var; // (2)
+         *  }
+         *  method2() {
+         *      const {var} = this; // (3)
+         *  }
+         * }
+         * ```
+         * If `identifier` is equal to `var` from `method1` (1),
+         * then `identifier.findReferencesAsNodes` will return array with 2 references: (2) and (3).
+         */
         .filter(ref => !areBothObjectDestructuring(ref, identifier))
         .forEach(ref => {
         if (ref.wasForgotten()) {

package/schematics/ng-update/v3/steps/migrate-polymorpheus.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migratePolymorpheus = void 0;
-const replace_tag_1 = require("../../../utils/replace-tag");
 const elements_1 = require("../../../utils/templates/elements");
 const ng_component_input_manipulations_1 = require("../../../utils/templates/ng-component-input-manipulations");
 const template_resource_1 = require("../../../utils/templates/template-resource");
+const replace_tag_1 = require("../../utils/templates/replace-tag");
 function migratePolymorpheus({ resource, fileSystem, recorder, }) {
     const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
     const templateOffset = template_resource_1.getTemplateOffset(resource);

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

@@ -8,7 +8,9 @@ const project_root_1 = require("../../../utils/project-root");
 const elements_1 = require("../../../utils/templates/elements");
 const get_component_templates_1 = require("../../../utils/templates/get-component-templates");
 const template_resource_1 = require("../../../utils/templates/template-resource");
-exports.DEPRECATED_PROGRESS_PIPES_REG = /\s*\|\s*tuiProgressColorSegments(Async\s*\|\s*async)?/gi;
+exports.DEPRECATED_PROGRESS_PIPES_REG = 
+// eslint-disable-next-line unicorn/no-unsafe-regex
+/\s*\|\s*tuiProgressColorSegments(Async\s*\|\s*async)?/gi;
 const PROPERTY_FOR_DEPRECATED_PIPES = `[color]`;
 function migrateProgress(fileSystem, options) {
     !options[`skip-logs`] &&

package/schematics/ng-update/v3/steps/migrate-sliders/migrate-input-range.js

@@ -13,7 +13,9 @@ const MIN_LABELS_MIGRATION_METHOD_NAME = `tuiMigrationInputRangeMinLabel`;
 const MAX_LABELS_MIGRATION_METHOD_NAME = `tuiMigrationInputRangeMaxLabel`;
 function migrateInputRange(fileSystem, options) {
     const templateResources = get_component_templates_1.getComponentTemplates(constants_1.ALL_TS_FILES);
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     const COMPONENTS_WITH_MIN_LABELS = new Set();
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     const COMPONENTS_WITH_MAX_LABELS = new Set();
     let progressLog = progress_1.setupProgressLogger({
         total: templateResources.length,
@@ -93,6 +95,10 @@ function addMinMaxLabelMethod(componentPath, methodName, methodCode) {
         });
     }
 }
+/**
+ * We should update virtual file tree after template manipulations
+ * otherwise all following ng-morph commands will overwrite all previous template manipulations
+ * */
 function save(fileSystem) {
     fileSystem.commitEdits();
     ng_morph_1.saveActiveProject();

package/schematics/ng-update/v3/steps/migrate-sliders/migrate-input-slider.js

@@ -12,6 +12,7 @@ const get_component_templates_1 = require("../../../../utils/templates/get-compo
 const ng_component_input_manipulations_1 = require("../../../../utils/templates/ng-component-input-manipulations");
 function migrateInputSlider(fileSystem, options) {
     const templateResources = get_component_templates_1.getComponentTemplates(constants_1.ALL_TS_FILES);
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     const COMPONENTS_WITH_MIN_MAX_LABELS = new Set();
     let progressLog = progress_1.setupProgressLogger({
         total: templateResources.length,
@@ -21,6 +22,10 @@ function migrateInputSlider(fileSystem, options) {
         !options[`skip-logs`] && progressLog(templateResource.componentPath);
         replaceMinMaxLabels(templateResource, fileSystem, COMPONENTS_WITH_MIN_MAX_LABELS);
     }
+    /**
+     * We should update virtual file tree
+     * otherwise all following ng-morph commands will overwrite all previous template manipulations
+     * */
     fileSystem.commitEdits();
     ng_morph_1.saveActiveProject();
     ng_morph_1.setActiveProject(ng_morph_1.createProject(fileSystem.tree, project_root_1.projectRoot(), constants_1.ALL_FILES));

package/schematics/ng-update/v3/steps/migrate-taiga-proprietary-icons.js

@@ -24,6 +24,7 @@ function migrateTaigaProprietaryIcons(options) {
                     null;
         }
         catch (_b) {
+            // noop
         }
         if (yield angular_json_manipulations_1.isInvalidAngularJson(tree)) {
             context.logger.warn(`[WARNING]: Schematics don't support this version of angular.json. ${MANUAL_MIGRATION_TIPS}`);

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

@@ -9,12 +9,15 @@ const ng_component_1 = require("../../../utils/angular/ng-component");
 const colored_log_1 = require("../../../utils/colored-log");
 const insert_todo_1 = require("../../../utils/insert-todo");
 const progress_1 = require("../../../utils/progress");
-const replace_tag_1 = require("../../../utils/replace-tag");
 const elements_1 = require("../../../utils/templates/elements");
 const get_component_templates_1 = require("../../../utils/templates/get-component-templates");
 const ng_component_input_manipulations_1 = require("../../../utils/templates/ng-component-input-manipulations");
 const template_resource_1 = require("../../../utils/templates/template-resource");
+const remove_inputs_1 = require("../../utils/templates/remove-inputs");
 const replace_attr_values_1 = require("../../utils/templates/replace-attr-values");
+const replace_attrs_1 = require("../../utils/templates/replace-attrs");
+const replace_tag_1 = require("../../utils/templates/replace-tag");
+const replace_tags_1 = require("../../utils/templates/replace-tags");
 const templates_1 = require("../constants/templates");
 const migrate_polymorpheus_1 = require("./migrate-polymorpheus");
 const migrate_textfield_controller_1 = require("./migrate-textfield-controller");
@@ -23,15 +26,15 @@ function migrateTemplates(fileSystem, options) {
         colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating templates...`);
     const componentWithTemplatesPaths = get_component_templates_1.getComponentTemplates(constants_1.ALL_TS_FILES);
     const actions = [
-        replaceTags,
-        replaceAttrs,
+        replaceV3Tags,
+        replaceV3Attrs,
         replaceAttrsByDirective,
         replaceBreadcrumbs,
         replaceFieldError,
         addHTMLCommentTags,
         addEditorProviders,
         migrateTuiHideSelectedPipe,
-        removeInputs,
+        removeV3Inputs,
         migrate_polymorpheus_1.migratePolymorpheus,
         migrate_textfield_controller_1.migrateTextfieldController,
         replaceInputValues,
@@ -67,31 +70,16 @@ function replaceAttrsByDirective({ resource, fileSystem, }) {
         });
     });
 }
-function replaceAttrs({ resource, recorder, fileSystem, }) {
-    const template = template_resource_1.getTemplateFromTemplateResource(resource, 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 || [], from.filterFn),
-            ...elements_1.findAttributeOnElementWithAttrs(template, from.attrName, from.withAttrsNames || [], from.filterFn),
-        ];
-        offsets.forEach(offset => {
-            recorder.remove(offset + templateOffset, from.attrName.length);
-            recorder.insertRight(offset + templateOffset, to.attrName);
-        });
+function replaceV3Attrs({ resource, recorder, fileSystem, }) {
+    replace_attrs_1.replaceAttrs({
+        resource,
+        recorder,
+        fileSystem,
+        data: templates_1.ATTRS_TO_REPLACE,
     });
 }
-function replaceTags({ resource, recorder, fileSystem, }) {
-    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
-    const templateOffset = template_resource_1.getTemplateOffset(resource);
-    templates_1.TAGS_TO_REPLACE.forEach(({ from, to, addAttributes }) => {
-        const elements = elements_1.findElementsByTagName(template, from);
-        elements.forEach(({ sourceCodeLocation }) => {
-            if (sourceCodeLocation) {
-                replace_tag_1.replaceTag(recorder, sourceCodeLocation, from, to, templateOffset, addAttributes);
-            }
-        });
-    });
+function replaceV3Tags({ resource, recorder, fileSystem, }) {
+    replace_tags_1.replaceTags({ resource, recorder, fileSystem, data: templates_1.TAGS_TO_REPLACE });
 }
 function addHTMLCommentTags({ resource, recorder, fileSystem, }) {
     const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
@@ -167,6 +155,7 @@ function addEditorProviders({ resource, fileSystem, }) {
         add_unique_import_1.addUniqueImport(componentPath, `defaultEditorExtensions`, `@taiga-ui/addon-editor`);
     }
 }
+// eslint-disable-next-line unicorn/no-unsafe-regex
 const HIDE_SELECTED_PIPE_WITH_ARGS_REG = /\|\s*tuiHideSelected(\s*:\s*[^|'"]*)?/gi;
 function migrateTuiHideSelectedPipe({ resource, fileSystem, recorder, }) {
     const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
@@ -221,19 +210,9 @@ function replaceInputValues({ resource, recorder, fileSystem, }) {
         resource,
         recorder,
         fileSystem,
-        replaceableItems: templates_1.REPLACE_ATTR_VALUE,
+        data: templates_1.REPLACE_ATTR_VALUE,
     });
 }
-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);
-        });
-    });
+function removeV3Inputs({ resource, fileSystem, recorder, }) {
+    remove_inputs_1.removeInputs({ resource, recorder, fileSystem, data: templates_1.INPUTS_TO_REMOVE });
 }

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

@@ -20,6 +20,10 @@ function miscellaneousMigrations(options) {
     });
     replaceEnumProperty({
         enumName: `TuiCreditCardAutofillName`,
+        /**
+         * Do not mark `mounth` as incorrect.
+         * cspell:ignore mounth
+         */
         from: `CcExp_mounth`,
         to: `CcExpMonth`,
     });
@@ -37,7 +41,7 @@ function addWarningToMethod(className, method, message) {
     const references = get_named_import_references_1.getNamedImportReferences(className);
     references.forEach(ref => {
         const parent = ref.getParent();
-        if (ng_morph_1.Node.isTypeReferenceNode(parent)) {
+        if (ng_morph_1.Node.isTypeReference(parent)) {
             checkMethod(parent, method, message);
         }
     });

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

@@ -74,7 +74,7 @@ function replaceClosestElement(references) {
         else if (ng_morph_1.Node.isCallExpression(parent)) {
             const [firstArg, secondArg] = parent.getArguments();
             const firstArgText = firstArg.getText();
-            const element = firstArgText.includes(` as `)
+            const element = firstArgText.includes(` as `) // e.g, `getClosestElement(el as Element, ...)`
                 ? `(${firstArgText})`
                 : firstArgText;
             parent.replaceWithText(`${element}.closest(${secondArg.getText()})`);

package/schematics/ng-update/v3-30/constants/constants.d.ts

@@ -1,2 +1,2 @@
-import { ReplacementConst } from '../../interfaces/replacement-const';
-export declare const ICONS_TS: ReplacementConst[];
+import { ReplacementIdentifier } from '../../interfaces/replacement-identifier';
+export declare const ICONS_TS: ReplacementIdentifier[];

package/schematics/ng-update/v3-30/index.js

@@ -8,6 +8,7 @@ const get_file_system_1 = require("../utils/get-file-system");
 const replace_text_1 = require("../utils/replace-text");
 const constants_1 = require("./constants/constants");
 const icons_1 = require("./constants/icons");
+// eslint-disable-next-line @typescript-eslint/naming-convention
 function updateToV3_30(options) {
     return (tree, _) => {
         if (!hasProprietaryIcons(tree)) {

package/schematics/ng-update/v3-35/constants/constants.d.ts

@@ -1,2 +1,2 @@
-import { ReplacementConst } from '../../interfaces/replacement-const';
-export declare const ICONS_TS: ReplacementConst[];
+import { ReplacementIdentifier } from '../../interfaces/replacement-identifier';
+export declare const ICONS_TS: ReplacementIdentifier[];

package/schematics/ng-update/v3-35/index.js

@@ -8,6 +8,7 @@ const get_file_system_1 = require("../utils/get-file-system");
 const replace_text_1 = require("../utils/replace-text");
 const constants_1 = require("./constants/constants");
 const icons_1 = require("./constants/icons");
+// eslint-disable-next-line @typescript-eslint/naming-convention
 function updateToV3_35(options) {
     return (tree, _) => {
         if (!hasProprietaryIcons(tree)) {