@taiga-ui/cdk 3.54.0 → 3.55.0-canary.6883895

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

@@ -7,98 +7,6 @@ const colored_log_1 = require("../../../utils/colored-log");
 const get_execution_time_1 = require("../../../utils/get-execution-time");
 const get_named_import_references_1 = require("../../../utils/get-named-import-references");
 const insert_todo_1 = require("../../../utils/insert-todo");
-function dateTimeMigrations(options) {
-    !options[`skip-logs`] &&
-        colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating taiga date/time...`);
-    let start = perf_hooks_1.performance.now();
-    migrateProperty({
-        namedImport: `TuiDay`,
-        moduleSpecifier: `@taiga-ui/cdk`,
-        from: `formattedDay`,
-        callback: node => node.replaceWithText(node.getText().replace(`formattedDay`, `getFormattedDay("DMY", ".")`)),
-    });
-    !options[`skip-logs`] &&
-        colored_log_1.processLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.PROCESSING_SYMBOL}TuiDay.formattedDay ` +
-            `(${get_execution_time_1.getExecutionTime(start, perf_hooks_1.performance.now())})`);
-    start = perf_hooks_1.performance.now();
-    migrateProperty({
-        namedImport: `TuiDayRange`,
-        moduleSpecifier: `@taiga-ui/cdk`,
-        from: `formattedDayRange`,
-        callback: node => node.replaceWithText(node
-            .getText()
-            .replace(`formattedDayRange`, `getFormattedDayRange("DMY", ".")`)),
-    });
-    !options[`skip-logs`] &&
-        colored_log_1.processLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.PROCESSING_SYMBOL}TuiDayRange.formattedDayRange ` +
-            `(${get_execution_time_1.getExecutionTime(start, perf_hooks_1.performance.now())})`);
-    start = perf_hooks_1.performance.now();
-    migrateProperty({
-        namedImport: `TuiDayRange`,
-        moduleSpecifier: `@taiga-ui/cdk`,
-        from: `normalizeParse`,
-        callback: node => {
-            const parent = node.getParent();
-            if (ng_morph_1.Node.isCallExpression(parent)) {
-                changeNormalizeArgs(parent);
-            }
-        },
-    });
-    !options[`skip-logs`] &&
-        colored_log_1.processLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.PROCESSING_SYMBOL}TuiDayRange.normalizeParse ` +
-            `(${get_execution_time_1.getExecutionTime(start, perf_hooks_1.performance.now())})`);
-    [
-        {
-            namedImport: `TuiMonthRange`,
-            field: `formattedMonthRange`,
-            message: `formattedMonthRange has been removed in 3.0. Please use TUI_MONTH_FORMATTER from @taiga-ui/kit`,
-        },
-        {
-            namedImport: `TuiMonth`,
-            field: `formattedMonth`,
-            message: `formattedMonth has been removed in 3.0. Please use TUI_MONTH_FORMATTER from @taiga-ui/kit`,
-        },
-        {
-            namedImport: `TuiDay`,
-            field: `getDayFromMonthRowCol`,
-            message: `getDayFromMonthRowCol has been removed in 3.0. If you need this utils check out this pipe https://github.com/taiga-family/taiga-ui/tree/main/projects/core/pipes/calendar-sheet`,
-        },
-        {
-            namedImport: `TuiMonth`,
-            field: `monthStartDaysOffset`,
-            message: `monthStartDaysOffset has been removed in 3.0. If you need this utils check out this pipe https://github.com/taiga-family/taiga-ui/tree/main/projects/core/pipes/calendar-sheet`,
-        },
-        {
-            namedImport: `TuiMonth`,
-            field: `weeksRowsCount`,
-            message: `weeksRowsCount has been removed in 3.0. If you need this utils check out this pipe https://github.com/taiga-family/taiga-ui/tree/main/projects/core/pipes/calendar-sheet`,
-        },
-        {
-            namedImport: `TuiYear`,
-            field: `getYearStartDaysOffset`,
-            message: `getYearStartDaysOffset has been removed in 3.0. If you need this utils check out this pipe https://github.com/taiga-family/taiga-ui/tree/main/projects/core/pipes/calendar-sheet`,
-        },
-        {
-            namedImport: `TuiYear`,
-            field: `weeksRowsCount`,
-            message: `weeksRowsCount has been removed in 3.0. If you need this utils check out this pipe https://github.com/taiga-family/taiga-ui/tree/main/projects/core/pipes/calendar-sheet`,
-        },
-    ].forEach(({ namedImport, field, message }) => {
-        start = perf_hooks_1.performance.now();
-        migrateProperty({
-            namedImport,
-            moduleSpecifier: `@taiga-ui/cdk`,
-            from: field,
-            callback: node => insertTodoBeforeNode(node, message),
-        });
-        !options[`skip-logs`] &&
-            colored_log_1.processLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.PROCESSING_SYMBOL}${namedImport}.${field} ` +
-                `(${get_execution_time_1.getExecutionTime(start, perf_hooks_1.performance.now())})`);
-    });
-    !options[`skip-logs`] &&
-        colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} date/time migrated \n`);
-}
-exports.dateTimeMigrations = dateTimeMigrations;
 function migrateProperty({ namedImport, moduleSpecifier, from, callback, }) {
     const references = get_named_import_references_1.getNamedImportReferences(namedImport, moduleSpecifier);
     references.forEach(ref => {
@@ -205,3 +113,95 @@ function areBothObjectDestructuring(ref, identifier) {
     return Boolean(identifier.getFirstAncestorByKind(ng_morph_1.SyntaxKind.BindingElement) &&
         ref.getFirstAncestorByKind(ng_morph_1.SyntaxKind.BindingElement));
 }
+function dateTimeMigrations(options) {
+    !options[`skip-logs`] &&
+        colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating taiga date/time...`);
+    let start = perf_hooks_1.performance.now();
+    migrateProperty({
+        namedImport: `TuiDay`,
+        moduleSpecifier: `@taiga-ui/cdk`,
+        from: `formattedDay`,
+        callback: node => node.replaceWithText(node.getText().replace(`formattedDay`, `getFormattedDay("DMY", ".")`)),
+    });
+    !options[`skip-logs`] &&
+        colored_log_1.processLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.PROCESSING_SYMBOL}TuiDay.formattedDay ` +
+            `(${get_execution_time_1.getExecutionTime(start, perf_hooks_1.performance.now())})`);
+    start = perf_hooks_1.performance.now();
+    migrateProperty({
+        namedImport: `TuiDayRange`,
+        moduleSpecifier: `@taiga-ui/cdk`,
+        from: `formattedDayRange`,
+        callback: node => node.replaceWithText(node
+            .getText()
+            .replace(`formattedDayRange`, `getFormattedDayRange("DMY", ".")`)),
+    });
+    !options[`skip-logs`] &&
+        colored_log_1.processLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.PROCESSING_SYMBOL}TuiDayRange.formattedDayRange ` +
+            `(${get_execution_time_1.getExecutionTime(start, perf_hooks_1.performance.now())})`);
+    start = perf_hooks_1.performance.now();
+    migrateProperty({
+        namedImport: `TuiDayRange`,
+        moduleSpecifier: `@taiga-ui/cdk`,
+        from: `normalizeParse`,
+        callback: node => {
+            const parent = node.getParent();
+            if (ng_morph_1.Node.isCallExpression(parent)) {
+                changeNormalizeArgs(parent);
+            }
+        },
+    });
+    !options[`skip-logs`] &&
+        colored_log_1.processLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.PROCESSING_SYMBOL}TuiDayRange.normalizeParse ` +
+            `(${get_execution_time_1.getExecutionTime(start, perf_hooks_1.performance.now())})`);
+    [
+        {
+            namedImport: `TuiMonthRange`,
+            field: `formattedMonthRange`,
+            message: `formattedMonthRange has been removed in 3.0. Please use TUI_MONTH_FORMATTER from @taiga-ui/kit`,
+        },
+        {
+            namedImport: `TuiMonth`,
+            field: `formattedMonth`,
+            message: `formattedMonth has been removed in 3.0. Please use TUI_MONTH_FORMATTER from @taiga-ui/kit`,
+        },
+        {
+            namedImport: `TuiDay`,
+            field: `getDayFromMonthRowCol`,
+            message: `getDayFromMonthRowCol has been removed in 3.0. If you need this utils check out this pipe https://github.com/taiga-family/taiga-ui/tree/main/projects/core/pipes/calendar-sheet`,
+        },
+        {
+            namedImport: `TuiMonth`,
+            field: `monthStartDaysOffset`,
+            message: `monthStartDaysOffset has been removed in 3.0. If you need this utils check out this pipe https://github.com/taiga-family/taiga-ui/tree/main/projects/core/pipes/calendar-sheet`,
+        },
+        {
+            namedImport: `TuiMonth`,
+            field: `weeksRowsCount`,
+            message: `weeksRowsCount has been removed in 3.0. If you need this utils check out this pipe https://github.com/taiga-family/taiga-ui/tree/main/projects/core/pipes/calendar-sheet`,
+        },
+        {
+            namedImport: `TuiYear`,
+            field: `getYearStartDaysOffset`,
+            message: `getYearStartDaysOffset has been removed in 3.0. If you need this utils check out this pipe https://github.com/taiga-family/taiga-ui/tree/main/projects/core/pipes/calendar-sheet`,
+        },
+        {
+            namedImport: `TuiYear`,
+            field: `weeksRowsCount`,
+            message: `weeksRowsCount has been removed in 3.0. If you need this utils check out this pipe https://github.com/taiga-family/taiga-ui/tree/main/projects/core/pipes/calendar-sheet`,
+        },
+    ].forEach(({ namedImport, field, message }) => {
+        start = perf_hooks_1.performance.now();
+        migrateProperty({
+            namedImport,
+            moduleSpecifier: `@taiga-ui/cdk`,
+            from: field,
+            callback: node => insertTodoBeforeNode(node, message),
+        });
+        !options[`skip-logs`] &&
+            colored_log_1.processLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.PROCESSING_SYMBOL}${namedImport}.${field} ` +
+                `(${get_execution_time_1.getExecutionTime(start, perf_hooks_1.performance.now())})`);
+    });
+    !options[`skip-logs`] &&
+        colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} date/time migrated \n`);
+}
+exports.dateTimeMigrations = dateTimeMigrations;

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

@@ -5,41 +5,6 @@ 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);
-    const elements = elements_1.findElementsWithAttribute(template, `polymorpheus-outlet`);
-    elements.forEach(element => {
-        var _a, _b;
-        const contentVal = (_a = element.attrs.find(attr => attr.name === `[content]`)) === null || _a === void 0 ? void 0 : _a.value;
-        const contextVal = (_b = element.attrs.find(attr => attr.name === `[context]`)) === null || _b === void 0 ? void 0 : _b.value;
-        const defaultTemplateEl = elements_1.findElementsByFn(element.childNodes, el => el.tagName === `ng-template`)[0];
-        if (!contentVal) {
-            return;
-        }
-        if (defaultTemplateEl) {
-            insertPolymorpheusWithDefault({
-                template,
-                defaultTemplateEl,
-                recorder,
-                templateOffset,
-                contentVal,
-                contextVal,
-            });
-        }
-        else {
-            insertPolymorpheus({
-                element,
-                contentVal,
-                contextVal,
-                recorder,
-                templateOffset,
-            });
-        }
-    });
-    removeOldInputs(recorder, template, templateOffset);
-}
-exports.migratePolymorpheus = migratePolymorpheus;
 function insertPolymorpheus({ element, contentVal, contextVal, recorder, templateOffset, }) {
     var _a, _b;
     const content = `
@@ -76,3 +41,38 @@ function insertPolymorpheusWithDefault({ template, defaultTemplateEl, recorder,
             templateOffset, templateVar.name.length);
     }
 }
+function migratePolymorpheus({ resource, fileSystem, recorder, }) {
+    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(resource);
+    const elements = elements_1.findElementsWithAttribute(template, `polymorpheus-outlet`);
+    elements.forEach(element => {
+        var _a, _b;
+        const contentVal = (_a = element.attrs.find(attr => attr.name === `[content]`)) === null || _a === void 0 ? void 0 : _a.value;
+        const contextVal = (_b = element.attrs.find(attr => attr.name === `[context]`)) === null || _b === void 0 ? void 0 : _b.value;
+        const defaultTemplateEl = elements_1.findElementsByFn(element.childNodes, el => el.tagName === `ng-template`)[0];
+        if (!contentVal) {
+            return;
+        }
+        if (defaultTemplateEl) {
+            insertPolymorpheusWithDefault({
+                template,
+                defaultTemplateEl,
+                recorder,
+                templateOffset,
+                contentVal,
+                contextVal,
+            });
+        }
+        else {
+            insertPolymorpheus({
+                element,
+                contentVal,
+                contextVal,
+                recorder,
+                templateOffset,
+            });
+        }
+    });
+    removeOldInputs(recorder, template, templateOffset);
+}
+exports.migratePolymorpheus = migratePolymorpheus;

package/schematics/ng-update/v3/steps/migrate-progress.d.ts

@@ -1,4 +1,8 @@
 import { DevkitFileSystem } from 'ng-morph';
+import { Element } from 'parse5';
 import { TuiSchema } from '../../../ng-add/schema';
+import { TemplateResource } from '../../interfaces/template-resource';
 export declare const DEPRECATED_PROGRESS_PIPES_REG: RegExp;
+export declare function replaceProgressColorSegmentsPipe(templateResource: TemplateResource, fileSystem: DevkitFileSystem): void;
+export declare function isProgressWithDeprecatedPipe(element: Element): boolean;
 export declare function migrateProgress(fileSystem: DevkitFileSystem, options: TuiSchema): void;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.migrateProgress = exports.DEPRECATED_PROGRESS_PIPES_REG = void 0;
+exports.migrateProgress = exports.isProgressWithDeprecatedPipe = exports.replaceProgressColorSegmentsPipe = exports.DEPRECATED_PROGRESS_PIPES_REG = void 0;
 const ng_morph_1 = require("ng-morph");
 const constants_1 = require("../../../constants");
 const colored_log_1 = require("../../../utils/colored-log");
@@ -8,32 +8,19 @@ 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");
+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, options) {
-    !options[`skip-logs`] &&
-        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);
-    for (const templateResource of templateResources) {
-        replaceProgressColorSegmentsPipe(templateResource, fileSystem);
-    }
-    fileSystem.commitEdits();
-    ng_morph_1.saveActiveProject();
-    ng_morph_1.setActiveProject(ng_morph_1.createProject(fileSystem.tree, project_root_1.projectRoot(), constants_1.ALL_FILES));
-    !options[`skip-logs`] &&
-        colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} progress bars migrated \n`);
-}
-exports.migrateProgress = migrateProgress;
 function replaceProgressColorSegmentsPipe(templateResource, fileSystem) {
-    var _a, _b;
     const template = template_resource_1.getTemplateFromTemplateResource(templateResource, fileSystem);
     const templateOffset = template_resource_1.getTemplateOffset(templateResource);
     const path = fileSystem.resolve(template_resource_1.getPathFromTemplateResource(templateResource));
     const recorder = fileSystem.edit(path);
-    const progressElements = elements_1.findElementsWithAttribute(template, PROPERTY_FOR_DEPRECATED_PIPES).filter(isProgressWithDeprecatedPipe);
-    for (const progressEl of progressElements) {
+    elements_1.findElementsWithAttribute(template, PROPERTY_FOR_DEPRECATED_PIPES)
+        .filter(isProgressWithDeprecatedPipe)
+        .forEach(progressEl => {
+        var _a, _b;
         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;
@@ -42,10 +29,23 @@ function replaceProgressColorSegmentsPipe(templateResource, fileSystem) {
             recorder.remove(templateOffset + startOffset, endOffset - startOffset);
             recorder.insertRight(templateOffset + startOffset, `[tuiProgressColorSegments]="${newValue}"`);
         }
-    }
+    });
 }
+exports.replaceProgressColorSegmentsPipe = replaceProgressColorSegmentsPipe;
 function isProgressWithDeprecatedPipe(element) {
     return (element.tagName === `progress` &&
         element.attrs.some(attr => attr.name === PROPERTY_FOR_DEPRECATED_PIPES &&
             attr.value.match(exports.DEPRECATED_PROGRESS_PIPES_REG)));
 }
+exports.isProgressWithDeprecatedPipe = isProgressWithDeprecatedPipe;
+function migrateProgress(fileSystem, options) {
+    !options[`skip-logs`] &&
+        colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating progress bars...`);
+    get_component_templates_1.getComponentTemplates(constants_1.ALL_TS_FILES).forEach(templateResource => replaceProgressColorSegmentsPipe(templateResource, fileSystem));
+    fileSystem.commitEdits();
+    ng_morph_1.saveActiveProject();
+    ng_morph_1.setActiveProject(ng_morph_1.createProject(fileSystem.tree, project_root_1.projectRoot(), constants_1.ALL_FILES));
+    !options[`skip-logs`] &&
+        colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} progress bars migrated \n`);
+}
+exports.migrateProgress = migrateProgress;

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

@@ -11,52 +11,6 @@ const get_component_templates_1 = require("../../../../utils/templates/get-compo
 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]`,
-    });
-    for (const templateResource of templateResources) {
-        !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]`,
-    });
-    for (const componentPath of Array.from(COMPONENTS_WITH_MIN_LABELS)) {
-        !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);`,
-        ]);
-    }
-    progressLog = progress_1.setupProgressLogger({
-        total: COMPONENTS_WITH_MAX_LABELS.size,
-        prefix: `[COMPONENTS_WITH_MAX_LABELS]`,
-    });
-    for (const componentPath of Array.from(COMPONENTS_WITH_MAX_LABELS)) {
-        !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);`,
-        ]);
-    }
-}
-exports.migrateInputRange = migrateInputRange;
 function replaceMinLabel(templateResource, fileSystem, modifiedComponentStorage) {
     const wasModified = ng_component_input_manipulations_1.replaceInputProperty({
         templateResource,
@@ -104,3 +58,47 @@ function save(fileSystem) {
     ng_morph_1.saveActiveProject();
     ng_morph_1.setActiveProject(ng_morph_1.createProject(fileSystem.tree, project_root_1.projectRoot(), constants_1.ALL_FILES));
 }
+function migrateInputRange(fileSystem, options) {
+    const templateResources = get_component_templates_1.getComponentTemplates(constants_1.ALL_TS_FILES);
+    const COMPONENTS_WITH_MIN_LABELS = new Set();
+    const COMPONENTS_WITH_MAX_LABELS = new Set();
+    let progressLog = progress_1.setupProgressLogger({
+        total: templateResources.length,
+        prefix: `[replaceMinMaxLabel]`,
+    });
+    templateResources.forEach(templateResource => {
+        !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]`,
+    });
+    Array.from(COMPONENTS_WITH_MIN_LABELS).forEach(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);`,
+        ]);
+    });
+    progressLog = progress_1.setupProgressLogger({
+        total: COMPONENTS_WITH_MAX_LABELS.size,
+        prefix: `[COMPONENTS_WITH_MAX_LABELS]`,
+    });
+    Array.from(COMPONENTS_WITH_MAX_LABELS).forEach(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);`,
+        ]);
+    });
+}
+exports.migrateInputRange = migrateInputRange;

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

@@ -10,35 +10,6 @@ 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 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]`,
-    });
-    for (const templateResource of templateResources) {
-        !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));
-    progressLog = progress_1.setupProgressLogger({
-        total: COMPONENTS_WITH_MIN_MAX_LABELS.size,
-        prefix: `[addMinMaxLabelMethod]`,
-    });
-    for (const componentPath of Array.from(COMPONENTS_WITH_MIN_MAX_LABELS)) {
-        !options[`skip-logs`] && progressLog(componentPath);
-        addMinMaxLabelMethod(componentPath);
-    }
-}
-exports.migrateInputSlider = migrateInputSlider;
 const MIN_MAX_LABELS_MIGRATION_METHOD_NAME = `tuiMigrationMinMaxLabel`;
 function replaceMinMaxLabels(templateResource, fileSystem, modifiedComponentStorage) {
     const wasMaxLabelModified = ng_component_input_manipulations_1.replaceInputProperty({
@@ -90,3 +61,31 @@ function addMinMaxLabelMethod(componentPath) {
         });
     }
 }
+function migrateInputSlider(fileSystem, options) {
+    const templateResources = get_component_templates_1.getComponentTemplates(constants_1.ALL_TS_FILES);
+    const COMPONENTS_WITH_MIN_MAX_LABELS = new Set();
+    let progressLog = progress_1.setupProgressLogger({
+        total: templateResources.length,
+        prefix: `[replaceMinMaxLabels]`,
+    });
+    templateResources.forEach(templateResource => {
+        !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));
+    progressLog = progress_1.setupProgressLogger({
+        total: COMPONENTS_WITH_MIN_MAX_LABELS.size,
+        prefix: `[addMinMaxLabelMethod]`,
+    });
+    Array.from(COMPONENTS_WITH_MIN_MAX_LABELS).forEach(componentPath => {
+        !options[`skip-logs`] && progressLog(componentPath);
+        addMinMaxLabelMethod(componentPath);
+    });
+}
+exports.migrateInputSlider = migrateInputSlider;

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

@@ -21,42 +21,6 @@ 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");
-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 = [
-        replaceV3Tags,
-        replaceV3Attrs,
-        replaceAttrsByDirective,
-        replaceBreadcrumbs,
-        replaceFieldError,
-        addHTMLCommentTags,
-        addEditorProviders,
-        migrateTuiHideSelectedPipe,
-        removeV3Inputs,
-        migrate_polymorpheus_1.migratePolymorpheus,
-        migrate_textfield_controller_1.migrateTextfieldController,
-        replaceInputValues,
-        migrateBinaryAttributes,
-        addWarningForFormatNumberPipe,
-    ];
-    const progressLog = progress_1.setupProgressLogger({
-        total: componentWithTemplatesPaths.length,
-    });
-    componentWithTemplatesPaths.forEach(resource => {
-        const path = fileSystem.resolve(template_resource_1.getPathFromTemplateResource(resource));
-        const recorder = fileSystem.edit(path);
-        actions.forEach((action, actionIndex) => {
-            const isLastAction = actionIndex === actions.length - 1;
-            !options[`skip-logs`] && progressLog(action.name, isLastAction);
-            action({ resource, fileSystem, recorder });
-        });
-    });
-    !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, }) {
     templates_1.ATTR_TO_DIRECTIVE.forEach(({ componentSelector, directiveModule, directive, inputProperty, filterFn }) => {
         ng_component_input_manipulations_1.replaceInputPropertyByDirective({
@@ -108,6 +72,7 @@ function replaceBreadcrumbs({ resource, recorder, fileSystem, }) {
         if (!itemsValue || !insertTo) {
             return;
         }
+        // noinspection AngularMissingRequiredDirectiveInputBinding
         recorder.insertRight(insertTo + templateOffset, `
     <ng-container *ngFor="let item of ${itemsValue}">
         <a
@@ -216,3 +181,39 @@ function replaceInputValues({ resource, recorder, fileSystem, }) {
 function removeV3Inputs({ resource, fileSystem, recorder, }) {
     remove_inputs_1.removeInputs({ resource, recorder, fileSystem, data: templates_1.INPUTS_TO_REMOVE });
 }
+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 = [
+        replaceV3Tags,
+        replaceV3Attrs,
+        replaceAttrsByDirective,
+        replaceBreadcrumbs,
+        replaceFieldError,
+        addHTMLCommentTags,
+        addEditorProviders,
+        migrateTuiHideSelectedPipe,
+        removeV3Inputs,
+        migrate_polymorpheus_1.migratePolymorpheus,
+        migrate_textfield_controller_1.migrateTextfieldController,
+        replaceInputValues,
+        migrateBinaryAttributes,
+        addWarningForFormatNumberPipe,
+    ];
+    const progressLog = progress_1.setupProgressLogger({
+        total: componentWithTemplatesPaths.length,
+    });
+    componentWithTemplatesPaths.forEach(resource => {
+        const path = fileSystem.resolve(template_resource_1.getPathFromTemplateResource(resource));
+        const recorder = fileSystem.edit(path);
+        actions.forEach((action, actionIndex) => {
+            const isLastAction = actionIndex === actions.length - 1;
+            !options[`skip-logs`] && progressLog(action.name, isLastAction);
+            action({ resource, fileSystem, recorder });
+        });
+    });
+    !options[`skip-logs`] &&
+        colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} templates migrated \n`);
+}
+exports.migrateTemplates = migrateTemplates;

package/schematics/ng-update/v3/steps/migrate-textfield-controller.js

@@ -35,27 +35,6 @@ const ATTRS_MAP = {
     '[tuitextfieldexampletext]': `[attr.placeholder]`,
 };
 const CONTROLLER_ITEMS = Object.keys(ATTRS_MAP).map(attr => attr.toLowerCase());
-function migrateTextfieldController({ resource, fileSystem, recorder, }) {
-    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
-    const templateOffset = template_resource_1.getTemplateOffset(resource);
-    const elements = elements_1.findElementsByTagNames(template, TEXTFIELDS);
-    elements.forEach(element => {
-        const attrs = element.attrs.filter(attr => CONTROLLER_ITEMS.includes(attr.name) && !exclusion(element, attr.name));
-        if (!attrs.length) {
-            return;
-        }
-        const existingInput = elements_1.findElementsByFn(element.childNodes, el => (el.tagName === `input` || el.tagName === `textarea`) &&
-            elements_1.hasElementAttribute(el, `tuiTextfield`))[0];
-        if (existingInput) {
-            addAttrToExistingInput({ existingInput, attrs, recorder, templateOffset });
-        }
-        else {
-            insertTuiTextfieldInput({ element, attrs, recorder, templateOffset });
-        }
-    });
-    removeOldInputs(recorder, template, templateOffset);
-}
-exports.migrateTextfieldController = migrateTextfieldController;
 function insertTuiTextfieldInput({ element, attrs, recorder, templateOffset, }) {
     var _a, _b;
     const newAttrs = attrs
@@ -96,3 +75,24 @@ function exclusion({ tagName }, attrName) {
     var _a;
     return (_a = excludedAttrs[tagName]) === null || _a === void 0 ? void 0 : _a.includes(attrName);
 }
+function migrateTextfieldController({ resource, fileSystem, recorder, }) {
+    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(resource);
+    const elements = elements_1.findElementsByTagNames(template, TEXTFIELDS);
+    elements.forEach(element => {
+        const attrs = element.attrs.filter(attr => CONTROLLER_ITEMS.includes(attr.name) && !exclusion(element, attr.name));
+        if (!attrs.length) {
+            return;
+        }
+        const existingInput = elements_1.findElementsByFn(element.childNodes, el => (el.tagName === `input` || el.tagName === `textarea`) &&
+            elements_1.hasElementAttribute(el, `tuiTextfield`))[0];
+        if (existingInput) {
+            addAttrToExistingInput({ existingInput, attrs, recorder, templateOffset });
+        }
+        else {
+            insertTuiTextfieldInput({ element, attrs, recorder, templateOffset });
+        }
+    });
+    removeOldInputs(recorder, template, templateOffset);
+}
+exports.migrateTextfieldController = migrateTextfieldController;