@taiga-ui/cdk 2.55.0 → 3.0.0-rc.0

package/schematics/ng-add/constants/versions.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DOMPURIFY_TYPES_VERSION = exports.DOMPURIFY_VERSION = exports.NG_DOMPURIFY_VERSION = exports.TAIGA_VERSION = void 0;
 const { version } = require('../../../package.json');
 exports.TAIGA_VERSION = `^${version}`;
 exports.NG_DOMPURIFY_VERSION = '3.0.0';

package/schematics/ng-add/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ngAdd = void 0;
 const tslib_1 = require("tslib");
 const tasks_1 = require("@angular-devkit/schematics/tasks");
 const ng_morph_1 = require("ng-morph");

package/schematics/ng-add/steps/add-taiga-icons.d.ts

@@ -1,4 +1,4 @@
 import { Rule } from '@angular-devkit/schematics';
 import { Schema } from '../schema';
 export declare function addTaigaIcons(options: Schema): Rule;
-export declare function addTaigaStylesToAngularJson(options: Schema): Rule;
+export declare function addTaigaAssetsToAngularJson(options: Schema): Rule;

package/schematics/ng-add/steps/add-taiga-icons.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.addTaigaAssetsToAngularJson = exports.addTaigaIcons = void 0;
 const tslib_1 = require("tslib");
 const workspace_1 = require("@schematics/angular/utility/workspace");
 const get_project_1 = require("../../utils/get-project");
@@ -11,11 +12,11 @@ const ICON_ASSETS = {
 };
 function addTaigaIcons(options) {
     return (_) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-        return addTaigaStylesToAngularJson(options);
+        return addTaigaAssetsToAngularJson(options);
     });
 }
 exports.addTaigaIcons = addTaigaIcons;
-function addTaigaStylesToAngularJson(options) {
+function addTaigaAssetsToAngularJson(options) {
     return workspace_1.updateWorkspace(workspace => {
         const project = get_project_1.getProject(options, workspace);
         const targetOptions = get_project_target_options_1.getProjectTargetOptions(project, 'build');
@@ -23,4 +24,4 @@ function addTaigaStylesToAngularJson(options) {
         targetOptions.assets = assets ? [...assets, ICON_ASSETS] : [ICON_ASSETS];
     });
 }
-exports.addTaigaStylesToAngularJson = addTaigaStylesToAngularJson;
+exports.addTaigaAssetsToAngularJson = addTaigaAssetsToAngularJson;

package/schematics/ng-add/steps/add-taiga-modules.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.addTaigaModules = void 0;
 const tslib_1 = require("tslib");
 const workspace_1 = require("@schematics/angular/utility/workspace");
 const ng_morph_1 = require("ng-morph");

package/schematics/ng-add/steps/add-taiga-styles.d.ts

@@ -1,4 +1,3 @@
 import { Rule } from '@angular-devkit/schematics';
 import { Schema } from '../schema';
 export declare function addTaigaStyles(options: Schema): Rule;
-export declare function addTaigaStylesToAngularJson(options: Schema): Rule;

package/schematics/ng-add/steps/add-taiga-styles.js

@@ -1,26 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.addTaigaStyles = void 0;
 const tslib_1 = require("tslib");
-const workspace_1 = require("@schematics/angular/utility/workspace");
-const get_project_1 = require("../../utils/get-project");
-const get_project_target_options_1 = require("../../utils/get-project-target-options");
-const TAIGA_GLOBAL_STYLE = 'node_modules/@taiga-ui/core/styles/taiga-ui-global.less';
-const TAIGA_THEME_STYLE = 'node_modules/@taiga-ui/core/styles/taiga-ui-theme.less';
+const add_styles_1 = require("../../utils/add-styles");
+const taiga_styles_1 = require("../../constants/taiga-styles");
 function addTaigaStyles(options) {
     return (_) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-        return addTaigaStylesToAngularJson(options);
+        const taigaStyles = [taiga_styles_1.TAIGA_THEME_STYLE, taiga_styles_1.TAIGA_THEME_FONTS];
+        return add_styles_1.addStylesToAngularJson(options, taigaStyles);
     });
 }
 exports.addTaigaStyles = addTaigaStyles;
-function addTaigaStylesToAngularJson(options) {
-    return workspace_1.updateWorkspace(workspace => {
-        const project = get_project_1.getProject(options, workspace);
-        const targetOptions = get_project_target_options_1.getProjectTargetOptions(project, 'build');
-        const styles = targetOptions.styles;
-        const taigaStyles = [TAIGA_GLOBAL_STYLE, TAIGA_THEME_STYLE];
-        targetOptions.styles = styles
-            ? Array.from(new Set([...taigaStyles, ...styles]))
-            : taigaStyles;
-    });
-}
-exports.addTaigaStylesToAngularJson = addTaigaStylesToAngularJson;

package/schematics/ng-add/steps/wrap-with-tui-root.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.wrapWithTuiRootComponent = void 0;
 const tslib_1 = require("tslib");
 const workspace_1 = require("@schematics/angular/utility/workspace");
 const ng_morph_1 = require("ng-morph");

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.CONSTS_TO_REPLACE = void 0;
 exports.CONSTS_TO_REPLACE = [
     {
         from: {

package/schematics/ng-update/constants/deprecated-functions.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEPRECATED_FUNCTIONS = void 0;
 exports.DEPRECATED_FUNCTIONS = [
     {
         from: 'controlPoint',

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

@@ -1,6 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ENUMS_TO_REPLACE = void 0;
 exports.ENUMS_TO_REPLACE = [
+    {
+        name: 'TuiPaymentSystem',
+        replaceValues: {
+            Visa: 'visa',
+            Electron: 'electron',
+            Mastercard: 'mastercard',
+            Maestro: 'maestro',
+            Mir: 'mir',
+        },
+        keepAsType: true,
+    },
     {
         name: 'TuiTextAlign',
         replaceValues: {

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.REMOVED_MODULES = void 0;
 exports.REMOVED_MODULES = [
     { name: 'TuiResizableColumnModule', moduleSpecifier: '@taiga-ui/addon-table' },
     { name: 'ScrollIntoViewModule', moduleSpecifier: '@taiga-ui/addon-doc' },

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SERVICES_TO_REPLACE = void 0;
 exports.SERVICES_TO_REPLACE = [
     {
         from: {

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

@@ -1,28 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TEMPLATE_COMMENTS = exports.ATTR_TO_DIRECTIVE = exports.TAGS_TO_REPLACE = exports.INPUTS_TO_REMOVE = exports.ATTRS_TO_REPLACE = void 0;
 const tui_interactive_selectors_1 = require("./tui-interactive-selectors");
 const elements_1 = require("../../utils/templates/elements");
 exports.ATTRS_TO_REPLACE = [
-    {
-        from: {
-            attrName: 'icon',
-            withTagNames: ['tui-input-tag'],
-            filterFn: element => { var _a; return ((_a = element.attrs.find(attr => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'left'; },
-        },
-        to: {
-            attrName: 'iconLeft',
-        },
-    },
-    {
-        from: {
-            attrName: '[icon]',
-            withTagNames: ['tui-input-tag'],
-            filterFn: element => { var _a; return ((_a = element.attrs.find(attr => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'left'; },
-        },
-        to: {
-            attrName: '[iconLeft]',
-        },
-    },
     {
         from: { attrName: 'tuiResizableColumn', withAttrsNames: ['tuiResizableColumn'] },
         to: { attrName: 'tuiTh [resizable]="true"' },
@@ -59,6 +40,43 @@ exports.ATTRS_TO_REPLACE = [
             attrName: '[active]',
         },
     },
+    {
+        from: {
+            attrName: '[focused]',
+            withTagNames: ['tui-wrapper'],
+            withAttrsNames: ['tuiWrapper'],
+        },
+        to: {
+            attrName: '[focus]',
+        },
+    },
+    {
+        from: {
+            attrName: '[pseudoPressed]',
+            withTagNames: tui_interactive_selectors_1.TUI_INTERACTIVE_SELECTORS,
+        },
+        to: {
+            attrName: '[pseudoActive]',
+        },
+    },
+    {
+        from: {
+            attrName: '[pseudoHovered]',
+            withTagNames: tui_interactive_selectors_1.TUI_INTERACTIVE_SELECTORS,
+        },
+        to: {
+            attrName: '[pseudoHover]',
+        },
+    },
+    {
+        from: {
+            attrName: '[pseudoFocused]',
+            withTagNames: tui_interactive_selectors_1.TUI_INTERACTIVE_SELECTORS,
+        },
+        to: {
+            attrName: '[pseudoFocus]',
+        },
+    },
     {
         from: {
             attrName: '(rangeChange)',
@@ -78,6 +96,33 @@ exports.ATTRS_TO_REPLACE = [
             attrName: '[step]',
         },
     },
+    {
+        from: {
+            attrName: '*tuiTab',
+            withTagNames: ['*'],
+        },
+        to: {
+            attrName: '*tuiItem',
+        },
+    },
+    {
+        from: {
+            attrName: '*tuiBreadcrumb',
+            withTagNames: ['*'],
+        },
+        to: {
+            attrName: '*tuiItem',
+        },
+    },
+    {
+        from: {
+            attrName: 'tuiToolbarTool',
+            withTagNames: ['*'],
+        },
+        to: {
+            attrName: 'tuiItem',
+        },
+    },
 ];
 exports.INPUTS_TO_REMOVE = [
     {
@@ -205,6 +250,30 @@ exports.ATTR_TO_DIRECTIVE = [
         },
         filterFn: element => { var _a; return ((_a = element.attrs.find(attr => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'left'; },
     },
+    {
+        componentSelector: 'tui-input-tag',
+        inputProperty: 'icon',
+        directive: 'tuiTextfieldIcon',
+        directiveModule: {
+            name: 'TuiTextfieldControllerModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+        filterFn: element => {
+            var _a;
+            return !elements_1.hasElementAttribute(element, 'iconAlign') ||
+                ((_a = element.attrs.find(attr => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'right';
+        },
+    },
+    {
+        componentSelector: 'tui-input-tag',
+        inputProperty: 'icon',
+        directive: 'tuiTextfieldIconLeft',
+        directiveModule: {
+            name: 'TuiTextfieldControllerModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+        filterFn: element => { var _a; return ((_a = element.attrs.find(attr => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'left'; },
+    },
     {
         componentSelector: '*',
         inputProperty: 'scrollIntoView',

package/schematics/ng-update/constants/tui-interactive-selectors.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TUI_INTERACTIVE_SELECTORS = void 0;
 exports.TUI_INTERACTIVE_SELECTORS = [
     'tui-primitive-textfield',
     'tui-primitive-spin-button',

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TYPES_TO_RENAME = void 0;
 exports.TYPES_TO_RENAME = [
     {
         from: 'ButtonOptions',

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MIGRATION_WARNINGS = void 0;
 exports.MIGRATION_WARNINGS = [
     {
         name: 'TUI_MOBILE_AWARE',

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

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

package/schematics/ng-update/index.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateToV3 = void 0;
 const tslib_1 = require("tslib");
+const schematics_1 = require("@angular-devkit/schematics");
 const ng_morph_1 = require("ng-morph");
 const versions_1 = require("../ng-add/constants/versions");
 const replace_enums_1 = require("./steps/replace-enums");
@@ -17,10 +19,26 @@ const replace_functions_1 = require("./steps/replace-functions");
 const migrate_progress_1 = require("./steps/migrate-progress");
 const colored_log_1 = require("../utils/colored-log");
 const migrate_date_time_1 = require("./steps/migrate-date-time");
-function updateToV3(_) {
+const add_styles_1 = require("../utils/add-styles");
+const taiga_styles_1 = require("../constants/taiga-styles");
+const { performance } = require('perf_hooks');
+function updateToV3(options) {
+    const t0 = performance.now();
+    colored_log_1.titleLog(`\n\n${colored_log_1.START_SYMBOL} Your packages will be updated to @taiga-ui/*@${versions_1.TAIGA_VERSION}\n`);
+    return schematics_1.chain([
+        main(options),
+        addTaigaStyles(options),
+        () => {
+            const t1 = performance.now();
+            const sum = t1 - t0;
+            const result = sum > 1000 ? `${(sum / 1000).toFixed(2)} sec.` : `${sum.toFixed(2)} ms.`;
+            colored_log_1.titleLog(`${colored_log_1.FINISH_SYMBOL} We migrated packages to @taiga-ui/*@${versions_1.TAIGA_VERSION} in ${result} \n`);
+        },
+    ]);
+}
+exports.updateToV3 = updateToV3;
+function main(_) {
     return (tree, context) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const t0 = performance.now();
-        colored_log_1.titleLog(`\n\n${colored_log_1.START_SYMBOL} Your packages will be updated to @taiga-ui/*@${versions_1.TAIGA_VERSION}\n`);
         const fileSystem = getFileSystem(tree);
         replace_deep_import_1.replaceDeepImports();
         replace_enums_1.replaceEnums();
@@ -39,13 +57,14 @@ function updateToV3(_) {
         replace_functions_1.replaceFunctions();
         miscellaneous_1.miscellaneousMigrations();
         ng_morph_1.saveActiveProject();
-        const t1 = performance.now();
-        const sum = t1 - t0;
-        const result = sum > 1000 ? `${(sum / 1000).toFixed(2)} sec.` : `${sum.toFixed(2)} ms.`;
-        colored_log_1.titleLog(`${colored_log_1.FINISH_SYMBOL} We migrated packages to @taiga-ui/*@${versions_1.TAIGA_VERSION} in ${result} \n`);
     });
 }
-exports.updateToV3 = updateToV3;
+function addTaigaStyles(options) {
+    return (_) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const taigaStyles = [taiga_styles_1.TAIGA_THEME_FONTS];
+        return add_styles_1.addStylesToAngularJson(options, taigaStyles);
+    });
+}
 function getFileSystem(tree) {
     const project = ng_morph_1.createProject(tree, '/', '**/**.{html,ts}');
     ng_morph_1.setActiveProject(project);

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.dateTimeMigrations = void 0;
 const ng_morph_1 = require("ng-morph");
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const insert_todo_1 = require("../../utils/insert-todo");

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

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

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

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migratePolymorpheus = void 0;
+const template_resource_1 = require("../../utils/templates/template-resource");
+const elements_1 = require("../../utils/templates/elements");
+const ng_component_input_manipulations_1 = require("../../utils/templates/ng-component-input-manipulations");
+const replace_tag_1 = require("../../utils/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({
+                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 = `
+<ng-container *polymorpheusOutlet="${contentVal} as text${contextVal ? '; context: ' + contextVal : ''}">
+    {{ text }}
+</ng-container>`;
+    const insertTo = (_b = (_a = element.sourceCodeLocation) === null || _a === void 0 ? void 0 : _a.startTag) === null || _b === void 0 ? void 0 : _b.endOffset;
+    if (insertTo) {
+        recorder.insertRight(insertTo + templateOffset, content);
+    }
+}
+function removeOldInputs(recorder, template, templateOffset) {
+    const offsets = [
+        ...ng_component_input_manipulations_1.getInputPropertyOffsets(template, '[content]', ['*'], el => elements_1.hasElementAttribute(el, 'polymorpheus-outlet')),
+        ...ng_component_input_manipulations_1.getInputPropertyOffsets(template, '[context]', ['*'], el => elements_1.hasElementAttribute(el, 'polymorpheus-outlet')),
+        ...ng_component_input_manipulations_1.getInputPropertyOffsets(template, 'polymorpheus-outlet', ['*'], el => elements_1.hasElementAttribute(el, 'polymorpheus-outlet')),
+    ];
+    offsets.forEach(([start, end]) => {
+        recorder.remove(start + templateOffset, end - start + 1);
+    });
+}
+function insertPolymorpheusWithDefault({ defaultTemplateEl, recorder, templateOffset, contentVal, contextVal, }) {
+    var _a;
+    const templateVar = defaultTemplateEl.attrs.find(attr => attr.name.startsWith('let-'));
+    const varName = templateVar === null || templateVar === void 0 ? void 0 : templateVar.name.replace('let-', '');
+    const attr = `*polymorpheusOutlet="${contentVal} as ${varName}${contextVal ? '; context: ' + contextVal : ''}"`;
+    replace_tag_1.replaceTag(recorder, defaultTemplateEl.sourceCodeLocation, 'ng-template', 'ng-container', templateOffset, [attr]);
+    if (((_a = defaultTemplateEl.sourceCodeLocation) === null || _a === void 0 ? void 0 : _a.attrs) && (templateVar === null || templateVar === void 0 ? void 0 : templateVar.name)) {
+        recorder.remove(defaultTemplateEl.sourceCodeLocation.attrs[templateVar.name].startOffset +
+            templateOffset, templateVar.name.length);
+    }
+}

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateProgress = exports.DEPRECATED_PROGRESS_PIPES_REG = void 0;
 const ng_morph_1 = require("ng-morph");
 const get_component_templates_1 = require("../../utils/templates/get-component-templates");
 const elements_1 = require("../../utils/templates/elements");

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateSliders = void 0;
 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");

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

@@ -1,5 +1,6 @@
 "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");

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

@@ -1,5 +1,6 @@
 "use strict";
 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");

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

@@ -1,5 +1,6 @@
 "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");
@@ -9,8 +10,8 @@ const ng_morph_1 = require("ng-morph");
 const ng_component_1 = require("../../utils/angular/ng-component");
 const add_unique_import_1 = require("../../utils/add-unique-import");
 const colored_log_1 = require("../../utils/colored-log");
-const START_TAG_OFFSET = 1;
-const END_TAG_OFFSET = 2;
+const replace_tag_1 = require("../../utils/replace-tag");
+const migrate_polymorpheus_1 = require("./migrate-polymorpheus");
 function migrateTemplates(fileSystem) {
     colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating templates...`);
     const componentWithTemplatesPaths = get_component_templates_1.getComponentTemplates('**/**');
@@ -24,6 +25,7 @@ function migrateTemplates(fileSystem) {
         addEditorProviders,
         migrateTuiHideSelectedPipe,
         removeInputs,
+        migrate_polymorpheus_1.migratePolymorpheus,
     ];
     componentWithTemplatesPaths.forEach(resource => {
         const path = fileSystem.resolve(template_resource_1.getPathFromTemplateResource(resource));
@@ -69,7 +71,7 @@ function replaceTags({ resource, recorder, fileSystem, }) {
         const elements = elements_1.findElementsByTagName(template, from);
         elements.forEach(({ sourceCodeLocation }) => {
             if (sourceCodeLocation) {
-                replaceTag(recorder, sourceCodeLocation, from, to, templateOffset, addAttributes);
+                replace_tag_1.replaceTag(recorder, sourceCodeLocation, from, to, templateOffset, addAttributes);
             }
         });
     });
@@ -104,7 +106,7 @@ function replaceBreadcrumbs({ resource, recorder, fileSystem, }) {
         recorder.insertRight(insertTo + templateOffset, `
     <ng-container *ngFor="let item of ${itemsValue}">
         <a
-            *tuiBreadcrumb
+            *tuiItem
             tuiLink
             [routerLink]="item.routerLink"
         >
@@ -128,20 +130,9 @@ function replaceFieldError({ resource, recorder, fileSystem, }) {
             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]);
+        replace_tag_1.replaceTag(recorder, element.sourceCodeLocation, 'tui-field-error', 'tui-error', templateOffset, [input]);
     });
 }
-function replaceTag(recorder, sourceCodeLocation, from, to, templateOffset = 0, addAttributes = []) {
-    var _a;
-    const startTagOffset = sourceCodeLocation.startTag.startOffset;
-    const endTagOffset = (_a = sourceCodeLocation.endTag) === null || _a === void 0 ? void 0 : _a.startOffset;
-    if (endTagOffset) {
-        recorder.remove(endTagOffset + templateOffset + END_TAG_OFFSET, from.length);
-        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(' ')}`);
-}
 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'));
@@ -160,7 +151,7 @@ const HIDE_SELECTED_PIPE_WITH_ARGS_REG = /\|\s*tuiHideSelected(\s*:\s*[^|'"]*)?/
 function migrateTuiHideSelectedPipe({ resource, fileSystem, recorder, }) {
     const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
     const templateOffset = template_resource_1.getTemplateOffset(resource);
-    const elementsWithPipe = elements_1.findElementByFn(template, el => { var _a; return (_a = el.attrs) === null || _a === void 0 ? void 0 : _a.some(attr => attr.value.match(HIDE_SELECTED_PIPE_WITH_ARGS_REG)); });
+    const elementsWithPipe = elements_1.findElementsInTemplateByFn(template, el => { var _a; return (_a = el.attrs) === null || _a === void 0 ? void 0 : _a.some(attr => attr.value.match(HIDE_SELECTED_PIPE_WITH_ARGS_REG)); });
     elementsWithPipe.forEach(el => {
         var _a;
         const { name, value: oldValue } = el.attrs.find(attr => attr.value.match(HIDE_SELECTED_PIPE_WITH_ARGS_REG)) ||

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.miscellaneousMigrations = void 0;
 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");
@@ -16,6 +17,16 @@ function miscellaneousMigrations() {
         from: 'HongKong_dollar',
         to: 'HongKongDollar',
     });
+    replaceEnumProperty({
+        enumName: 'TuiCreditCardAutofillName',
+        from: 'CcExp_mounth',
+        to: 'CcExpMonth',
+    });
+    replaceEnumProperty({
+        enumName: 'TuiCreditCardAutofillName',
+        from: 'CcExp_year',
+        to: 'CcExpYear',
+    });
     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`);
 }

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeModule = exports.removeModules = void 0;
 const ng_morph_1 = require("ng-morph");
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const import_manipulations_1 = require("../../utils/import-manipulations");

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.renameTypes = void 0;
 const ng_morph_1 = require("ng-morph");
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const types_1 = require("../constants/types");

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceConst = exports.replaceConstants = void 0;
 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");

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceDeepImports = void 0;
 const ng_morph_1 = require("ng-morph");
 const colored_log_1 = require("../../utils/colored-log");
 const DEEP_REGEX = /(@taiga-ui\/\w+)\/.*/;

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceEnums = void 0;
 const ng_morph_1 = require("ng-morph");
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const enums_1 = require("../constants/enums");