@taiga-ui/cdk 3.11.0 → 3.12.1

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

@@ -1,55 +1,57 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateInputRange = void 0;
-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 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 constants_1 = require("../../../constants");
+const add_unique_import_1 = require("../../../utils/add-unique-import");
+const ng_component_1 = require("../../../utils/angular/ng-component");
 const progress_1 = require("../../../utils/progress");
-const MIN_LABELS_MIGRATION_METHOD_NAME = 'tuiMigrationInputRangeMinLabel';
-const MAX_LABELS_MIGRATION_METHOD_NAME = 'tuiMigrationInputRangeMaxLabel';
-function migrateInputRange(fileSystem) {
+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 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,
-        prefix: '[replaceMinMaxLabel]',
+        prefix: `[replaceMinMaxLabel]`,
     });
     for (const templateResource of templateResources) {
-        progressLog(templateResource.componentPath);
+        !options[`skip-logs`] && progressLog(templateResource.componentPath);
         replaceMinLabel(templateResource, fileSystem, COMPONENTS_WITH_MIN_LABELS);
         replaceMaxLabel(templateResource, fileSystem, COMPONENTS_WITH_MAX_LABELS);
     }
     save(fileSystem);
     progressLog = progress_1.setupProgressLogger({
         total: COMPONENTS_WITH_MIN_LABELS.size,
-        prefix: '[COMPONENTS_WITH_MIN_LABELS]',
+        prefix: `[COMPONENTS_WITH_MIN_LABELS]`,
     });
     for (const componentPath of Array.from(COMPONENTS_WITH_MIN_LABELS)) {
-        progressLog(componentPath);
+        !options[`skip-logs`] && progressLog(componentPath);
         addMinMaxLabelMethod(componentPath, MIN_LABELS_MIGRATION_METHOD_NAME, [
-            'const currentValue = context.$implicit;',
-            'const minValue = 0; // TODO: (Taiga UI migration) replace with the MIN value of the input-range',
-            'const minLabelText = "Min"; // TODO: (Taiga UI migration) replace with the required label',
-            'if (currentValue === minValue) return minLabelText;',
-            'return String(currentValue);',
+            `const currentValue = context.$implicit;`,
+            `const minValue = 0; // TODO: (Taiga UI migration) replace with the MIN value of the input-range`,
+            `const minLabelText = "Min"; // TODO: (Taiga UI migration) replace with the required label`,
+            `if (currentValue === minValue) return minLabelText;`,
+            `return String(currentValue);`,
         ]);
     }
     progressLog = progress_1.setupProgressLogger({
         total: COMPONENTS_WITH_MAX_LABELS.size,
-        prefix: '[COMPONENTS_WITH_MAX_LABELS]',
+        prefix: `[COMPONENTS_WITH_MAX_LABELS]`,
     });
     for (const componentPath of Array.from(COMPONENTS_WITH_MAX_LABELS)) {
-        progressLog(componentPath);
+        !options[`skip-logs`] && progressLog(componentPath);
         addMinMaxLabelMethod(componentPath, MAX_LABELS_MIGRATION_METHOD_NAME, [
-            'const currentValue = context.$implicit;',
-            'const maxValue = 100; // TODO: (Taiga UI migration) replace with the MAX value of the input',
-            'const maxLabelText = "Max"; // TODO: (Taiga UI migration) replace with the required label',
-            'if (currentValue === maxValue) return maxLabelText;',
-            'return String(currentValue);',
+            `const currentValue = context.$implicit;`,
+            `const maxValue = 100; // TODO: (Taiga UI migration) replace with the MAX value of the input`,
+            `const maxLabelText = "Max"; // TODO: (Taiga UI migration) replace with the required label`,
+            `if (currentValue === maxValue) return maxLabelText;`,
+            `return String(currentValue);`,
         ]);
     }
 }
@@ -58,9 +60,9 @@ function replaceMinLabel(templateResource, fileSystem, modifiedComponentStorage)
     const wasModified = ng_component_input_manipulations_1.replaceInputProperty({
         templateResource,
         fileSystem,
-        componentSelector: 'tui-input-range',
-        from: 'minLabel',
-        to: '[leftValueContent]',
+        componentSelector: `tui-input-range`,
+        from: `minLabel`,
+        to: `[leftValueContent]`,
         newValue: MIN_LABELS_MIGRATION_METHOD_NAME,
     });
     if (wasModified) {
@@ -71,9 +73,9 @@ function replaceMaxLabel(templateResource, fileSystem, modifiedComponentStorage)
     const wasModified = ng_component_input_manipulations_1.replaceInputProperty({
         templateResource,
         fileSystem,
-        componentSelector: 'tui-input-range',
-        from: 'maxLabel',
-        to: '[rightValueContent]',
+        componentSelector: `tui-input-range`,
+        from: `maxLabel`,
+        to: `[rightValueContent]`,
         newValue: MAX_LABELS_MIGRATION_METHOD_NAME,
     });
     if (wasModified) {
@@ -83,11 +85,11 @@ function replaceMaxLabel(templateResource, fileSystem, modifiedComponentStorage)
 function addMinMaxLabelMethod(componentPath, methodName, methodCode) {
     const [ngComponent] = ng_component_1.getNgComponents(componentPath);
     if (ngComponent) {
-        add_unique_import_1.addUniqueImport(ngComponent.getSourceFile().getFilePath(), 'TuiContextWithImplicit', '@taiga-ui/cdk');
+        add_unique_import_1.addUniqueImport(ngComponent.getSourceFile().getFilePath(), `TuiContextWithImplicit`, `@taiga-ui/cdk`);
         ng_morph_1.addMethods(ngComponent, {
             name: methodName,
-            returnType: 'string',
-            parameters: [{ name: 'context', type: 'TuiContextWithImplicit<number>' }],
+            returnType: `string`,
+            parameters: [{ name: `context`, type: `TuiContextWithImplicit<number>` }],
             statements: methodCode,
         });
     }
@@ -99,5 +101,5 @@ function addMinMaxLabelMethod(componentPath, methodName, methodCode) {
 function save(fileSystem) {
     fileSystem.commitEdits();
     ng_morph_1.saveActiveProject();
-    ng_morph_1.setActiveProject(ng_morph_1.createProject(fileSystem.tree, '/', constants_1.ALL_FILES));
+    ng_morph_1.setActiveProject(ng_morph_1.createProject(fileSystem.tree, `/`, constants_1.ALL_FILES));
 }

package/schematics/ng-update/steps/migrate-sliders/migrate-input-slider.d.ts

@@ -1,2 +1,3 @@
 import { DevkitFileSystem } from 'ng-morph';
-export declare function migrateInputSlider(fileSystem: DevkitFileSystem): void;
+import { TuiSchema } from '../../../ng-add/schema';
+export declare function migrateInputSlider(fileSystem: DevkitFileSystem, options: TuiSchema): void;

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

@@ -2,22 +2,23 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateInputSlider = void 0;
 const ng_morph_1 = require("ng-morph");
-const ng_component_input_manipulations_1 = require("../../../utils/templates/ng-component-input-manipulations");
-const ng_component_1 = require("../../../utils/angular/ng-component");
-const add_unique_import_1 = require("../../../utils/add-unique-import");
-const get_component_templates_1 = require("../../../utils/templates/get-component-templates");
-const elements_1 = require("../../../utils/templates/elements");
 const constants_1 = require("../../../constants");
+const add_unique_import_1 = require("../../../utils/add-unique-import");
+const ng_component_1 = require("../../../utils/angular/ng-component");
 const progress_1 = require("../../../utils/progress");
-function migrateInputSlider(fileSystem) {
+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");
+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,
-        prefix: '[replaceMinMaxLabels]',
+        prefix: `[replaceMinMaxLabels]`,
     });
     for (const templateResource of templateResources) {
-        progressLog(templateResource.componentPath);
+        !options[`skip-logs`] && progressLog(templateResource.componentPath);
         replaceMinMaxLabels(templateResource, fileSystem, COMPONENTS_WITH_MIN_MAX_LABELS);
     }
     /**
@@ -26,42 +27,42 @@ function migrateInputSlider(fileSystem) {
      * */
     fileSystem.commitEdits();
     ng_morph_1.saveActiveProject();
-    ng_morph_1.setActiveProject(ng_morph_1.createProject(fileSystem.tree, '/', constants_1.ALL_FILES));
+    ng_morph_1.setActiveProject(ng_morph_1.createProject(fileSystem.tree, `/`, constants_1.ALL_FILES));
     progressLog = progress_1.setupProgressLogger({
         total: COMPONENTS_WITH_MIN_MAX_LABELS.size,
-        prefix: '[addMinMaxLabelMethod]',
+        prefix: `[addMinMaxLabelMethod]`,
     });
     for (const componentPath of Array.from(COMPONENTS_WITH_MIN_MAX_LABELS)) {
-        progressLog(componentPath);
+        !options[`skip-logs`] && progressLog(componentPath);
         addMinMaxLabelMethod(componentPath);
     }
 }
 exports.migrateInputSlider = migrateInputSlider;
-const MIN_MAX_LABELS_MIGRATION_METHOD_NAME = 'tuiMigrationMinMaxLabel';
+const MIN_MAX_LABELS_MIGRATION_METHOD_NAME = `tuiMigrationMinMaxLabel`;
 function replaceMinMaxLabels(templateResource, fileSystem, modifiedComponentStorage) {
     const wasMaxLabelModified = ng_component_input_manipulations_1.replaceInputProperty({
         templateResource,
         fileSystem,
-        componentSelector: 'tui-input-slider',
-        from: 'maxLabel',
-        to: '[valueContent]',
+        componentSelector: `tui-input-slider`,
+        from: `maxLabel`,
+        to: `[valueContent]`,
         newValue: MIN_MAX_LABELS_MIGRATION_METHOD_NAME,
     });
     const wasMinLabelModified = ng_component_input_manipulations_1.replaceInputProperty({
         templateResource,
         fileSystem,
-        componentSelector: 'tui-input-slider',
-        from: 'minLabel',
-        to: '[valueContent]',
+        componentSelector: `tui-input-slider`,
+        from: `minLabel`,
+        to: `[valueContent]`,
         newValue: MIN_MAX_LABELS_MIGRATION_METHOD_NAME,
-        filterFn: element => !elements_1.hasElementAttribute(element, 'maxLabel'),
+        filterFn: element => !elements_1.hasElementAttribute(element, `maxLabel`),
     });
     ng_component_input_manipulations_1.removeInputProperty({
         templateResource,
         fileSystem,
-        componentSelector: 'tui-input-slider',
-        inputProperty: 'minLabel',
-        filterFn: element => elements_1.hasElementAttribute(element, 'maxLabel'),
+        componentSelector: `tui-input-slider`,
+        inputProperty: `minLabel`,
+        filterFn: element => elements_1.hasElementAttribute(element, `maxLabel`),
     });
     if (wasMaxLabelModified || wasMinLabelModified) {
         modifiedComponentStorage.add(templateResource.componentPath);
@@ -70,20 +71,20 @@ function replaceMinMaxLabels(templateResource, fileSystem, modifiedComponentStor
 function addMinMaxLabelMethod(componentPath) {
     const [ngComponent] = ng_component_1.getNgComponents(componentPath);
     if (ngComponent) {
-        add_unique_import_1.addUniqueImport(componentPath, 'TuiContextWithImplicit', '@taiga-ui/cdk');
+        add_unique_import_1.addUniqueImport(componentPath, `TuiContextWithImplicit`, `@taiga-ui/cdk`);
         ng_morph_1.addMethods(ngComponent, {
             name: MIN_MAX_LABELS_MIGRATION_METHOD_NAME,
-            returnType: 'string',
-            parameters: [{ name: 'context', type: 'TuiContextWithImplicit<number>' }],
+            returnType: `string`,
+            parameters: [{ name: `context`, type: `TuiContextWithImplicit<number>` }],
             statements: [
-                'const currentValue = context.$implicit;',
-                'const maxValue = 100; // TODO: (Taiga UI migration) replace with the MAX value of the input',
-                'const maxLabelText = "Max"; // TODO: (Taiga UI migration) replace with the required label',
-                'const minValue = 0; // TODO: (Taiga UI migration) replace with the MIN value of the input',
-                'const minLabelText = "Min"; // TODO: (Taiga UI migration) replace with the required label',
-                'if (currentValue === maxValue) return maxLabelText;',
-                'if (currentValue === minValue) return minLabelText;',
-                'return String(currentValue);',
+                `const currentValue = context.$implicit;`,
+                `const maxValue = 100; // TODO: (Taiga UI migration) replace with the MAX value of the input`,
+                `const maxLabelText = "Max"; // TODO: (Taiga UI migration) replace with the required label`,
+                `const minValue = 0; // TODO: (Taiga UI migration) replace with the MIN value of the input`,
+                `const minLabelText = "Min"; // TODO: (Taiga UI migration) replace with the required label`,
+                `if (currentValue === maxValue) return maxLabelText;`,
+                `if (currentValue === minValue) return minLabelText;`,
+                `return String(currentValue);`,
             ],
         });
     }

package/schematics/ng-update/steps/migrate-taiga-proprietary-icons.d.ts

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

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

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateTaigaProprietaryIcons = void 0;
 const tslib_1 = require("tslib");
 const workspace_1 = require("@schematics/angular/utility/workspace");
-const get_project_target_options_1 = require("../../utils/get-project-target-options");
-const get_project_1 = require("../../utils/get-project");
 const ng_morph_1 = require("ng-morph");
 const angular_json_manipulations_1 = require("../../utils/angular-json-manipulations");
+const get_project_target_options_1 = require("../../utils/get-project-target-options");
+const get_projects_1 = require("../../utils/get-projects");
 const PROPRIETARY_TDS_ICON_ASSETS = {
-    glob: '**/*',
-    input: 'node_modules/@taiga-ui/proprietary-tds-icons/src',
-    output: 'assets/taiga-ui/icons',
+    glob: `**/*`,
+    input: `node_modules/@taiga-ui/proprietary-tds-icons/src`,
+    output: `assets/taiga-ui/icons`,
 };
 const MANUAL_MIGRATION_TIPS = `Add ${JSON.stringify(PROPRIETARY_TDS_ICON_ASSETS, null, 4)} to angular.json manually`;
 function migrateTaigaProprietaryIcons(options) {
@@ -19,7 +19,7 @@ function migrateTaigaProprietaryIcons(options) {
         let proprietaryIcons = null;
         try {
             proprietaryIcons =
-                ((_a = ng_morph_1.getPackageJsonDependency(tree, '@taiga-ui/proprietary-icons')) === null || _a === void 0 ? void 0 : _a.version) ||
+                ((_a = ng_morph_1.getPackageJsonDependency(tree, `@taiga-ui/proprietary-icons`)) === null || _a === void 0 ? void 0 : _a.version) ||
                     null;
         }
         catch (_b) {
@@ -29,36 +29,38 @@ function migrateTaigaProprietaryIcons(options) {
             context.logger.warn(`[WARNING]: Schematics don't support this version of angular.json. ${MANUAL_MIGRATION_TIPS}`);
             return;
         }
-        return ng_morph_1.getSourceFiles('**/angular.json').length > 0
+        return ng_morph_1.getSourceFiles(`**/angular.json`).length > 0
             ? workspace_1.updateWorkspace(workspace => {
                 if (proprietaryIcons === null) {
                     return;
                 }
-                const project = get_project_1.getProject(options, workspace);
-                if (!project) {
+                const projects = get_projects_1.getProjects(options, workspace);
+                if (!projects.length) {
                     context.logger.warn(`[WARNING]: Target project not found. ${MANUAL_MIGRATION_TIPS}`);
                     return;
                 }
-                let targetOptions;
-                try {
-                    targetOptions = get_project_target_options_1.getProjectTargetOptions(project, 'build');
-                }
-                catch (_a) {
-                    context.logger.warn(`[WARNING]: No buildable project was found. ${MANUAL_MIGRATION_TIPS}`);
-                    return;
-                }
-                if (Array.isArray(targetOptions === null || targetOptions === void 0 ? void 0 : targetOptions.assets)) {
-                    const tdsSrc = '@taiga-ui/proprietary-tds-icons/src';
-                    const hasIcons = targetOptions.assets.find(asset => {
-                        var _a;
-                        return typeof asset === 'string'
-                            ? asset.includes(tdsSrc)
-                            : (_a = asset === null || asset === void 0 ? void 0 : asset.input) === null || _a === void 0 ? void 0 : _a.includes(tdsSrc);
-                    });
-                    if (hasIcons) {
+                for (const project of projects) {
+                    let targetOptions;
+                    try {
+                        targetOptions = get_project_target_options_1.getProjectTargetOptions(project, `build`);
+                    }
+                    catch (_a) {
+                        context.logger.warn(`[WARNING]: No buildable project was found. ${MANUAL_MIGRATION_TIPS}`);
                         return;
                     }
-                    targetOptions.assets.push(PROPRIETARY_TDS_ICON_ASSETS);
+                    if (Array.isArray(targetOptions === null || targetOptions === void 0 ? void 0 : targetOptions.assets)) {
+                        const tdsSrc = `@taiga-ui/proprietary-tds-icons/src`;
+                        const hasIcons = targetOptions.assets.find(asset => {
+                            var _a;
+                            return typeof asset === `string`
+                                ? asset.includes(tdsSrc)
+                                : (_a = asset === null || asset === void 0 ? void 0 : asset.input) === null || _a === void 0 ? void 0 : _a.includes(tdsSrc);
+                        });
+                        if (hasIcons) {
+                            return;
+                        }
+                        targetOptions.assets.push(PROPRIETARY_TDS_ICON_ASSETS);
+                    }
                 }
             })
             : () => { };

package/schematics/ng-update/steps/migrate-templates.d.ts

@@ -1,2 +1,3 @@
 import { DevkitFileSystem } from 'ng-morph';
-export declare function migrateTemplates(fileSystem: DevkitFileSystem): void;
+import { TuiSchema } from '../../ng-add/schema';
+export declare function migrateTemplates(fileSystem: DevkitFileSystem, options: TuiSchema): void;

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

@@ -1,24 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateTemplates = void 0;
-const get_component_templates_1 = require("../../utils/templates/get-component-templates");
-const templates_1 = require("../constants/templates");
-const elements_1 = require("../../utils/templates/elements");
 const ng_morph_1 = require("ng-morph");
-const ng_component_input_manipulations_1 = require("../../utils/templates/ng-component-input-manipulations");
-const template_resource_1 = require("../../utils/templates/template-resource");
-const ng_component_1 = require("../../utils/angular/ng-component");
+const constants_1 = require("../../constants");
+const add_import_to_closest_module_1 = require("../../utils/add-import-to-closest-module");
 const add_unique_import_1 = require("../../utils/add-unique-import");
+const ng_component_1 = require("../../utils/angular/ng-component");
 const colored_log_1 = require("../../utils/colored-log");
-const constants_1 = require("../../constants");
-const replace_tag_1 = require("../../utils/replace-tag");
+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 templates_1 = require("../constants/templates");
 const migrate_polymorpheus_1 = require("./migrate-polymorpheus");
-const add_import_to_closest_module_1 = require("../../utils/add-import-to-closest-module");
-const insert_todo_1 = require("../../utils/insert-todo");
 const migrate_textfield_controller_1 = require("./migrate-textfield-controller");
-function migrateTemplates(fileSystem) {
-    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating templates...`);
+function migrateTemplates(fileSystem, options) {
+    !options[`skip-logs`] &&
+        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,
@@ -44,11 +45,12 @@ function migrateTemplates(fileSystem) {
         const recorder = fileSystem.edit(path);
         actions.forEach((action, actionIndex) => {
             const isLastAction = actionIndex === actions.length - 1;
-            progressLog(action.name, isLastAction);
+            !options[`skip-logs`] && progressLog(action.name, isLastAction);
             action({ resource, fileSystem, recorder });
         });
     });
-    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} templates migrated \n`);
+    !options[`skip-logs`] &&
+        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, }) {
@@ -108,10 +110,10 @@ function addHTMLCommentTags({ resource, recorder, fileSystem, }) {
 function replaceBreadcrumbs({ resource, recorder, fileSystem, }) {
     const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
     const templateOffset = template_resource_1.getTemplateOffset(resource);
-    const elements = elements_1.findElementsByTagName(template, 'tui-breadcrumbs');
+    const elements = elements_1.findElementsByTagName(template, `tui-breadcrumbs`);
     elements.forEach(element => {
         var _a, _b, _c;
-        const itemsAttr = element.attrs.find(attr => attr.name === '[items]');
+        const itemsAttr = element.attrs.find(attr => attr.name === `[items]`);
         const itemsValue = itemsAttr === null || itemsAttr === void 0 ? void 0 : itemsAttr.value;
         const insertTo = (_a = element === null || element === void 0 ? void 0 : element.sourceCodeLocation) === null || _a === void 0 ? void 0 : _a.startTag.endOffset;
         if (!itemsValue || !insertTo) {
@@ -127,32 +129,32 @@ function replaceBreadcrumbs({ resource, recorder, fileSystem, }) {
             {{ item.caption }}
         </a>
     </ng-container>`);
-        const { startOffset = 0, endOffset = 0 } = ((_c = (_b = element.sourceCodeLocation) === null || _b === void 0 ? void 0 : _b.attrs) === null || _c === void 0 ? void 0 : _c['[items]']) || {};
+        const { startOffset = 0, endOffset = 0 } = ((_c = (_b = element.sourceCodeLocation) === null || _b === void 0 ? void 0 : _b.attrs) === null || _c === void 0 ? void 0 : _c[`[items]`]) || {};
         recorder.remove(templateOffset + startOffset - 1, endOffset - startOffset + 1);
     });
 }
 function replaceFieldError({ resource, recorder, fileSystem, }) {
     const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
     const templateOffset = template_resource_1.getTemplateOffset(resource);
-    const elements = elements_1.findElementsByTagName(template, 'tui-field-error');
+    const elements = elements_1.findElementsByTagName(template, `tui-field-error`);
     elements.forEach(element => {
         var _a, _b;
-        const orderAttr = element.attrs.find(attr => attr.name === '[order]');
+        const orderAttr = element.attrs.find(attr => attr.name === `[order]`);
         const orderVal = orderAttr === null || orderAttr === void 0 ? void 0 : orderAttr.value;
         if (orderAttr) {
-            const { startOffset = 0, endOffset = 0 } = ((_b = (_a = element.sourceCodeLocation) === null || _a === void 0 ? void 0 : _a.attrs) === null || _b === void 0 ? void 0 : _b['[order]']) || {};
+            const { startOffset = 0, endOffset = 0 } = ((_b = (_a = element.sourceCodeLocation) === null || _a === void 0 ? void 0 : _a.attrs) === null || _b === void 0 ? void 0 : _b[`[order]`]) || {};
             recorder.remove(templateOffset + startOffset - 1, endOffset - startOffset + 1);
         }
-        const input = `[error]="${orderVal !== null && orderVal !== void 0 ? orderVal : '[]'} | tuiFieldError | async"`;
-        replace_tag_1.replaceTag(recorder, element.sourceCodeLocation, 'tui-field-error', 'tui-error', templateOffset, [input]);
+        const input = `[error]="${orderVal !== null && orderVal !== void 0 ? orderVal : `[]`} | tuiFieldError | async"`;
+        replace_tag_1.replaceTag(recorder, element.sourceCodeLocation, `tui-field-error`, `tui-error`, templateOffset, [input]);
     });
     if (elements.length) {
-        add_import_to_closest_module_1.addImportToClosestModule(resource.componentPath, 'TuiErrorModule', '@taiga-ui/core');
+        add_import_to_closest_module_1.addImportToClosestModule(resource.componentPath, `TuiErrorModule`, `@taiga-ui/core`);
     }
 }
 function addEditorProviders({ resource, fileSystem, }) {
     const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
-    const elements = elements_1.findElementsByTagName(template, 'tui-editor').filter(element => !elements_1.hasElementAttribute(element, 'new'));
+    const elements = elements_1.findElementsByTagName(template, `tui-editor`).filter(element => !elements_1.hasElementAttribute(element, `new`));
     if (elements.length) {
         const componentPath = resource.componentPath;
         const componentClass = ng_component_1.getNgComponents(componentPath);
@@ -160,10 +162,11 @@ function addEditorProviders({ resource, fileSystem, }) {
             provide: TUI_EDITOR_EXTENSIONS,
             useValue: defaultEditorExtensions
         }`, { unique: true });
-        add_unique_import_1.addUniqueImport(componentPath, 'TUI_EDITOR_EXTENSIONS', '@taiga-ui/addon-editor');
-        add_unique_import_1.addUniqueImport(componentPath, 'defaultEditorExtensions', '@taiga-ui/addon-editor');
+        add_unique_import_1.addUniqueImport(componentPath, `TUI_EDITOR_EXTENSIONS`, `@taiga-ui/addon-editor`);
+        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);
@@ -177,9 +180,9 @@ function migrateTuiHideSelectedPipe({ resource, fileSystem, recorder, }) {
         if (!name || !oldValue || !attrLocations) {
             return;
         }
-        const newValue = oldValue.replace(HIDE_SELECTED_PIPE_WITH_ARGS_REG, '| tuiHideSelected');
+        const newValue = oldValue.replace(HIDE_SELECTED_PIPE_WITH_ARGS_REG, `| tuiHideSelected`);
         const { startOffset } = attrLocations[name];
-        const valueOffset = templateOffset + startOffset + name.length + '="'.length;
+        const valueOffset = templateOffset + startOffset + name.length + `="`.length;
         recorder.remove(valueOffset, oldValue.length);
         recorder.insertRight(valueOffset, newValue);
     });
@@ -190,7 +193,7 @@ function migrateBinaryAttributes({ resource, fileSystem, recorder, }) {
     templates_1.TRUTHY_BOOLEAN_INPUT_TO_HTML_BINARY_ATTRIBUTE.forEach(attrName => {
         const elements = elements_1.findElementsInTemplateByFn(template, el => {
             var _a;
-            return (_a = el.attrs) === null || _a === void 0 ? void 0 : _a.some(attr => attr.value === 'true' && attr.name.includes(attrName.toLowerCase()));
+            return (_a = el.attrs) === null || _a === void 0 ? void 0 : _a.some(attr => attr.value === `true` && attr.name.includes(attrName.toLowerCase()));
         });
         elements.forEach(el => {
             var _a;
@@ -215,12 +218,13 @@ function addWarningForFormatNumberPipe({ resource, fileSystem, recorder, }) {
 function replaceInputValues({ resource, recorder, fileSystem, }) {
     const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
     const templateOffset = template_resource_1.getTemplateOffset(resource);
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     const ATTR_VALUES = [
         {
-            attrName: 'tuiHintDirection',
+            attrName: `tuiHintDirection`,
             values: [
-                { from: 'bottom-middle', to: 'bottom' },
-                { from: 'top-middle', to: 'top' },
+                { from: `bottom-middle`, to: `bottom` },
+                { from: `top-middle`, to: `top` },
             ],
         },
     ];

package/schematics/ng-update/steps/migrate-textfield-controller.d.ts

@@ -1,6 +1,6 @@
-import { TemplateResource } from '../interfaces/template-resourse';
 import { UpdateRecorder } from '@angular-devkit/schematics';
 import { DevkitFileSystem } from 'ng-morph/project/classes/devkit-file-system';
+import { TemplateResource } from '../interfaces/template-resourse';
 export declare function migrateTextfieldController({ resource, fileSystem, recorder, }: {
     resource: TemplateResource;
     recorder: UpdateRecorder;