@taiga-ui/cdk 2.75.0 → 2.77.0

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

@@ -1,13 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const ng_morph_1 = require("ng-morph");
-const get_component_templates_1 = require("../../utils/templates/get-component-templates");
+const constants_1 = require("../../constants");
+const colored_log_1 = require("../../utils/colored-log");
 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");
-const colored_log_1 = require("../../utils/colored-log");
-const constants_1 = require("../../constants");
-exports.DEPRECATED_PROGRESS_PIPES_REG = /\s*\|\s*tuiProgressColorSegments(Async\s*\|\s*async)?/gi;
-const PROPERTY_FOR_DEPRECATED_PIPES = '[color]';
+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) {
     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(constants_1.ALL_TS_FILES);
@@ -16,7 +18,7 @@ function migrateProgress(fileSystem) {
     }
     fileSystem.commitEdits();
     ng_morph_1.saveActiveProject();
-    ng_morph_1.setActiveProject(ng_morph_1.createProject(fileSystem.tree, '/', '**/**'));
+    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;
@@ -28,8 +30,8 @@ function replaceProgressColorSegmentsPipe(templateResource, fileSystem) {
     const recorder = fileSystem.edit(path);
     const progressElements = elements_1.findElementsWithAttribute(template, PROPERTY_FOR_DEPRECATED_PIPES).filter(isProgressWithDeprecatedPipe);
     for (const progressEl of progressElements) {
-        const oldValue = ((_a = progressEl.attrs.find(attr => attr.name === PROPERTY_FOR_DEPRECATED_PIPES)) === null || _a === void 0 ? void 0 : _a.value) || '';
-        const newValue = oldValue.replace(exports.DEPRECATED_PROGRESS_PIPES_REG, '');
+        const oldValue = ((_a = progressEl.attrs.find(attr => attr.name === PROPERTY_FOR_DEPRECATED_PIPES)) === null || _a === void 0 ? void 0 : _a.value) || ``;
+        const newValue = oldValue.replace(exports.DEPRECATED_PROGRESS_PIPES_REG, ``);
         const attrLocations = (_b = progressEl.sourceCodeLocation) === null || _b === void 0 ? void 0 : _b.attrs;
         if (attrLocations) {
             const { startOffset, endOffset } = attrLocations[PROPERTY_FOR_DEPRECATED_PIPES];
@@ -39,7 +41,7 @@ function replaceProgressColorSegmentsPipe(templateResource, fileSystem) {
     }
 }
 function isProgressWithDeprecatedPipe(element) {
-    return (element.tagName === 'progress' &&
+    return (element.tagName === `progress` &&
         element.attrs.some(attr => attr.name === PROPERTY_FOR_DEPRECATED_PIPES &&
             attr.value.match(exports.DEPRECATED_PROGRESS_PIPES_REG)));
 }

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

@@ -1,8 +1,8 @@
 "use strict";
 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");
+const migrate_input_range_1 = require("./migrate-input-range");
+const migrate_input_slider_1 = require("./migrate-input-slider");
 function migrateSliders(fileSystem) {
     colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating sliders...`);
     colored_log_1.processLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.PROCESSING_SYMBOL}InputSlider...`);

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

@@ -1,16 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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 MIN_LABELS_MIGRATION_METHOD_NAME = 'tuiMigrationInputRangeMinLabel';
-const MAX_LABELS_MIGRATION_METHOD_NAME = 'tuiMigrationInputRangeMaxLabel';
+const add_unique_import_1 = require("../../../utils/add-unique-import");
+const ng_component_1 = require("../../../utils/angular/ng-component");
+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) {
     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();
     for (const templateResource of templateResources) {
         replaceMinLabel(templateResource, fileSystem, COMPONENTS_WITH_MIN_LABELS);
@@ -19,20 +21,20 @@ function migrateInputRange(fileSystem) {
     save(fileSystem);
     for (const componentPath of Array.from(COMPONENTS_WITH_MIN_LABELS)) {
         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);`,
         ]);
     }
     for (const componentPath of Array.from(COMPONENTS_WITH_MAX_LABELS)) {
         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);`,
         ]);
     }
 }
@@ -41,9 +43,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) {
@@ -54,9 +56,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) {
@@ -66,11 +68,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,
         });
     }
@@ -82,5 +84,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, '/', '**/**'));
+    ng_morph_1.setActiveProject(ng_morph_1.createProject(fileSystem.tree, `/`, `**/**`));
 }

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

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 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 constants_1 = require("../../../constants");
 const add_unique_import_1 = require("../../../utils/add-unique-import");
-const get_component_templates_1 = require("../../../utils/templates/get-component-templates");
+const ng_component_1 = require("../../../utils/angular/ng-component");
 const elements_1 = require("../../../utils/templates/elements");
-const constants_1 = require("../../../constants");
+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) {
     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();
     for (const templateResource of templateResources) {
         replaceMinMaxLabels(templateResource, fileSystem, COMPONENTS_WITH_MIN_MAX_LABELS);
@@ -19,37 +20,37 @@ function migrateInputSlider(fileSystem) {
      * */
     fileSystem.commitEdits();
     ng_morph_1.saveActiveProject();
-    ng_morph_1.setActiveProject(ng_morph_1.createProject(fileSystem.tree, '/', '**/**'));
+    ng_morph_1.setActiveProject(ng_morph_1.createProject(fileSystem.tree, `/`, `**/**`));
     for (const componentPath of Array.from(COMPONENTS_WITH_MIN_MAX_LABELS)) {
         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);
@@ -58,20 +59,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-templates.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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_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 progress_1 = require("../../utils/progress");
+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 START_TAG_OFFSET = 1;
 const END_TAG_OFFSET = 2;
 function migrateTemplates(fileSystem) {
@@ -98,10 +98,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) {
@@ -117,24 +117,26 @@ 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"`;
-        replaceTag(recorder, element.sourceCodeLocation, 'tui-field-error', 'tui-error', templateOffset, [input]);
+        const input = `[error]="${orderVal !== null && orderVal !== void 0 ? orderVal : `[]`} | tuiFieldError | async"`;
+        replaceTag(recorder, 
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
+        element.sourceCodeLocation, `tui-field-error`, `tui-error`, templateOffset, [input]);
     });
 }
 function replaceTag(recorder, sourceCodeLocation, from, to, templateOffset = 0, addAttributes = []) {
@@ -146,11 +148,11 @@ function replaceTag(recorder, sourceCodeLocation, from, to, templateOffset = 0,
         recorder.insertRight(endTagOffset + templateOffset + END_TAG_OFFSET, to);
     }
     recorder.remove(startTagOffset + templateOffset + START_TAG_OFFSET, from.length);
-    recorder.insertRight(startTagOffset + templateOffset + START_TAG_OFFSET, `${to} ${addAttributes.join(' ')}`);
+    recorder.insertRight(startTagOffset + templateOffset + START_TAG_OFFSET, `${to} ${addAttributes.join(` `)}`);
 }
 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);
@@ -158,10 +160,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);
@@ -175,9 +178,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);
     });

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

@@ -1,22 +1,22 @@
 "use strict";
 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");
+const get_named_import_references_1 = require("../../utils/get-named-import-references");
+const insert_todo_1 = require("../../utils/insert-todo");
 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',
-        to: 'HongKongDollar',
+        enumName: `TuiCurrency`,
+        from: `HongKong_dollar`,
+        to: `HongKongDollar`,
     });
     replaceEnumProperty({
-        enumName: 'TuiCurrencyCode',
-        from: 'HongKong_dollar',
-        to: 'HongKongDollar',
+        enumName: `TuiCurrencyCode`,
+        from: `HongKong_dollar`,
+        to: `HongKongDollar`,
     });
-    addWarningToMethod('TuiDirectiveStylesService', 'addStyle', 'addStyle method has been removed. Use components approach');
+    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;
@@ -49,7 +49,7 @@ function checkMethod(node, method, message) {
     identifier.findReferencesAsNodes().forEach(ref => {
         let parent = ref.getParent();
         if ((ng_morph_1.Node.isPropertyAccessExpression(parent) &&
-            parent.getText().startsWith('this.')) ||
+            parent.getText().startsWith(`this.`)) ||
             ng_morph_1.Node.isCallExpression(parent)) {
             parent = parent.getParentIfKind(ng_morph_1.SyntaxKind.PropertyAccessExpression);
         }

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const ng_morph_1 = require("ng-morph");
+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");
 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));

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const ng_morph_1 = require("ng-morph");
+const colored_log_1 = require("../../utils/colored-log");
 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");
+const types_1 = require("../constants/types");
 function renameTypes() {
     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));
@@ -20,7 +20,7 @@ function renameType(from, to, moduleSpecifier, preserveGenerics = false) {
         }
         else if (ng_morph_1.Node.isTypeReferenceNode(parent)) {
             const targetType = preserveGenerics && to ? addGeneric(to, parent.getTypeArguments()) : to;
-            parent.replaceWithText(targetType || 'any');
+            parent.replaceWithText(targetType || `any`);
         }
     });
 }
@@ -35,10 +35,10 @@ function processImport(node, from, to) {
     }
 }
 function removeGeneric(type) {
-    return type.replace(/<.*>$/gi, '');
+    return type.replace(/<.*>$/gi, ``);
 }
 function addGeneric(typeName, generics) {
     const typeArgs = generics.map(t => t.getType().getText());
-    const genericType = typeArgs.length ? `<${typeArgs.join(', ')}>` : '';
+    const genericType = typeArgs.length ? `<${typeArgs.join(`, `)}>` : ``;
     return typeName + genericType;
 }

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

@@ -1,11 +1,11 @@
 "use strict";
 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 add_unique_import_1 = require("../../utils/add-unique-import");
-const consts_1 = require("../constants/consts");
 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");
+const consts_1 = require("../constants/consts");
 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));

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

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const ng_morph_1 = require("ng-morph");
-const colored_log_1 = require("../../utils/colored-log");
 const constants_1 = require("../../constants");
+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(constants_1.ALL_TS_FILES).filter(imp => DEEP_REGEX.test(imp.getModuleSpecifier().getLiteralValue()));
     ng_morph_1.editImports(deepImports, deepImport => {
-        const specifier = deepImport.moduleSpecifier.replace(DEEP_REGEX, '$1');
+        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`);

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const ng_morph_1 = require("ng-morph");
+const colored_log_1 = require("../../utils/colored-log");
 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");
+const enums_1 = require("../constants/enums");
 function replaceEnums() {
     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));
@@ -14,7 +14,7 @@ exports.replaceEnums = replaceEnums;
 function replaceEnumWithString(enumName, replaceValues, keepAsType = true) {
     var _a;
     const references = get_named_import_references_1.getNamedImportReferences(enumName);
-    for (let ref of references) {
+    for (const ref of references) {
         const parent = ref.getParent();
         if (ng_morph_1.Node.isImportSpecifier(parent) && !(keepAsType && containTypeRef(parent))) {
             import_manipulations_1.removeImport(parent);

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

@@ -1,16 +1,16 @@
 "use strict";
 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 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");
 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'));
+    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`);
 }
@@ -34,7 +34,7 @@ function replacePadStart(references) {
         }
         else if (ng_morph_1.Node.isCallExpression(parent)) {
             const [targetString, length, pad] = parent.getArguments();
-            parent.replaceWithText(`${targetString.getText()}.padStart(${length.getText()}, ${(_a = pad === null || pad === void 0 ? void 0 : pad.getText()) !== null && _a !== void 0 ? _a : '" "'})`);
+            parent.replaceWithText(`${targetString.getText()}.padStart(${length.getText()}, ${(_a = pad === null || pad === void 0 ? void 0 : pad.getText()) !== null && _a !== void 0 ? _a : `" "`})`);
         }
     });
 }
@@ -47,7 +47,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 ') // e.g, `getClosestElement(el as Element, ...)`
+            const element = firstArgText.includes(` as `) // e.g, `getClosestElement(el as Element, ...)`
                 ? `(${firstArgText})`
                 : firstArgText;
             parent.replaceWithText(`${element}.closest(${secondArg.getText()})`);

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

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const services_1 = require("../constants/services");
-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 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");
+const services_1 = require("../constants/services");
 function replaceServices() {
     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));
@@ -34,13 +34,12 @@ function replaceProperties(parent, replaceProperties) {
     identifier.findReferencesAsNodes().forEach(ref => {
         let parent = ref.getParent();
         if ((ng_morph_1.Node.isPropertyAccessExpression(parent) &&
-            parent.getText().startsWith('this.')) ||
+            parent.getText().startsWith(`this.`)) ||
             ng_morph_1.Node.isCallExpression(parent)) {
             parent = parent.getParentIfKind(ng_morph_1.SyntaxKind.PropertyAccessExpression);
         }
         if (ng_morph_1.Node.isPropertyAccessExpression(parent)) {
             replaceProperty(parent, replaceProperties);
-            return;
         }
     });
 }

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

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const ng_morph_1 = require("ng-morph");
-const warnings_1 = require("../constants/warnings");
 const constants_1 = require("../../constants");
+const warnings_1 = require("../constants/warnings");
 function showWarnings(context) {
     warnings_1.MIGRATION_WARNINGS.forEach(warning => showWarning(warning, context));
 }
 exports.showWarnings = showWarnings;
-function showWarning({ name, message, moduleSpecifier = '**/**' }, { logger }) {
+function showWarning({ name, message, moduleSpecifier = `**/**` }, { logger }) {
     const references = ng_morph_1.getImports(constants_1.ALL_TS_FILES, {
         moduleSpecifier,
         namedImports: [name],