@taiga-ui/cdk 4.8.1-canary.f683230 → 4.9.0

package/pipes/index.d.ts

@@ -2,5 +2,6 @@ export * from '@taiga-ui/cdk/pipes/filter';
 export * from '@taiga-ui/cdk/pipes/is-present';
 export * from '@taiga-ui/cdk/pipes/keys';
 export * from '@taiga-ui/cdk/pipes/mapper';
+export * from '@taiga-ui/cdk/pipes/repeat-times';
 export * from '@taiga-ui/cdk/pipes/replace';
 export * from '@taiga-ui/cdk/pipes/to-array';

package/pipes/repeat-times/index.d.ts

@@ -0,0 +1,7 @@
+import type { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TuiRepeatTimesPipe implements PipeTransform {
+    transform(n: number): number[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiRepeatTimesPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TuiRepeatTimesPipe, "tuiRepeatTimes", true>;
+}

package/schematics/index.d.ts

@@ -7,7 +7,6 @@ export * from './ng-add/schema';
 export * from './utils/add-import-to-closest-module';
 export * from './utils/add-unique-import';
 export * from './utils/angular-json-manipulations';
-export * from './utils/colored-log';
 export * from './utils/create-angular-json';
 export * from './utils/get-component-from-identifier';
 export * from './utils/get-execution-time';

package/schematics/index.js

@@ -10,7 +10,6 @@ tslib_1.__exportStar(require("./ng-add/schema"), exports);
 tslib_1.__exportStar(require("./utils/add-import-to-closest-module"), exports);
 tslib_1.__exportStar(require("./utils/add-unique-import"), exports);
 tslib_1.__exportStar(require("./utils/angular-json-manipulations"), exports);
-tslib_1.__exportStar(require("./utils/colored-log"), exports);
 tslib_1.__exportStar(require("./utils/create-angular-json"), exports);
 tslib_1.__exportStar(require("./utils/get-component-from-identifier"), exports);
 tslib_1.__exportStar(require("./utils/get-execution-time"), exports);

package/schematics/ng-update/steps/icons/replace-imports.js

@@ -4,7 +4,6 @@ exports.replaceImports = void 0;
 const ng_morph_1 = require("ng-morph");
 const constants_1 = require("../../../constants");
 const add_unique_import_1 = require("../../../utils/add-unique-import");
-const colored_log_1 = require("../../../utils/colored-log");
 const import_manipulations_1 = require("../../../utils/import-manipulations");
 const progress_1 = require("../../../utils/progress");
 function replaceImports(replaceable, options) {
@@ -30,6 +29,6 @@ function replaceImports(replaceable, options) {
         !options['skip-logs'] && progressLog('replacing imports...', true);
     });
     !options['skip-logs'] &&
-        (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} imports replaced \n`);
+        (0, ng_morph_1.successLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.SUCCESS_SYMBOL} imports replaced \n`);
 }
 exports.replaceImports = replaceImports;

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

@@ -2,15 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.removeModule = exports.removeModules = void 0;
 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");
 function removeModules(options, modules) {
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} removing modules...`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} removing modules...`);
     modules.forEach(({ name, moduleSpecifier }) => removeModule(name, moduleSpecifier));
     !options['skip-logs'] &&
-        (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} modules removed \n`);
+        (0, ng_morph_1.successLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.SUCCESS_SYMBOL} modules removed \n`);
 }
 exports.removeModules = removeModules;
 function removeModule(name, moduleSpecifier) {

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.renameTypes = void 0;
 const ng_morph_1 = require("ng-morph");
 const add_unique_import_1 = require("../../utils/add-unique-import");
-const colored_log_1 = require("../../utils/colored-log");
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const import_manipulations_1 = require("../../utils/import-manipulations");
 function renameType({ from, to, moduleSpecifier, preserveGenerics = false, removeImport = false, newImports = [], }) {
@@ -45,9 +44,9 @@ function addGeneric(typeName, generics) {
 }
 function renameTypes(options, types) {
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} renaming types...`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} renaming types...`);
     types.forEach(renameType);
     !options['skip-logs'] &&
-        (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} types renamed \n`);
+        (0, ng_morph_1.successLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.SUCCESS_SYMBOL} types renamed \n`);
 }
 exports.renameTypes = renameTypes;

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

@@ -3,20 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceDeepImports = void 0;
 const ng_morph_1 = require("ng-morph");
 const constants_1 = require("../../constants");
-const colored_log_1 = require("../../utils/colored-log");
 const DEEP_REGEX = /(@taiga-ui\/\w+)\/.*/;
 function replaceDeepImports(options) {
     if (options['skip-deep-imports']) {
         return;
     }
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing deep imports...`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} replacing deep imports...`);
     const deepImports = (0, ng_morph_1.getImports)(constants_1.ALL_TS_FILES).filter((imp) => DEEP_REGEX.test(imp.getModuleSpecifier().getLiteralValue()));
     (0, ng_morph_1.editImports)(deepImports, (deepImport) => {
         const specifier = deepImport.moduleSpecifier.replace(DEEP_REGEX, '$1');
         return { moduleSpecifier: specifier };
     });
     !options['skip-logs'] &&
-        (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} deep imports replaced \n`);
+        (0, ng_morph_1.successLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.SUCCESS_SYMBOL} deep imports replaced \n`);
 }
 exports.replaceDeepImports = replaceDeepImports;

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

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceEnums = void 0;
 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");
 function replaceEnumWithString(enumName, replaceValues, keepAsType = true) {
@@ -39,9 +38,9 @@ function containTypeRef(node) {
 }
 function replaceEnums(options, enums) {
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing enums imports...`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} replacing enums imports...`);
     enums.forEach(({ name, replaceValues, keepAsType }) => replaceEnumWithString(name, replaceValues, keepAsType));
     !options['skip-logs'] &&
-        (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} enums replaced \n`);
+        (0, ng_morph_1.successLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.SUCCESS_SYMBOL} enums replaced \n`);
 }
 exports.replaceEnums = replaceEnums;

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

@@ -3,13 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceIdentifier = exports.replaceIdentifiers = void 0;
 const ng_morph_1 = require("ng-morph");
 const add_unique_import_1 = require("../../utils/add-unique-import");
-const colored_log_1 = require("../../utils/colored-log");
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const import_manipulations_1 = require("../../utils/import-manipulations");
 const progress_1 = require("../../utils/progress");
 function replaceIdentifiers(options, constants) {
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing identifiers...`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} replacing identifiers...`);
     const progressLog = (0, progress_1.setupProgressLogger)({
         total: constants.length,
     });
@@ -21,7 +20,7 @@ function replaceIdentifiers(options, constants) {
                 .join(', '));
     });
     !options['skip-logs'] &&
-        (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} identifiers replaced \n`);
+        (0, ng_morph_1.successLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.SUCCESS_SYMBOL} identifiers replaced \n`);
 }
 exports.replaceIdentifiers = replaceIdentifiers;
 function replaceIdentifier({ from, to }) {

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

@@ -3,12 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceServices = void 0;
 const ng_morph_1 = require("ng-morph");
 const add_unique_import_1 = require("../../utils/add-unique-import");
-const colored_log_1 = require("../../utils/colored-log");
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const import_manipulations_1 = require("../../utils/import-manipulations");
 function replaceService({ from, to, replaceMethods }, options) {
     !options['skip-logs'] &&
-        (0, colored_log_1.processLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.PROCESSING_SYMBOL}replacing ${from.name}...`);
+        (0, ng_morph_1.processLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.PROCESSING_SYMBOL}replacing ${from.name}...`);
     const references = (0, get_named_import_references_1.getNamedImportReferences)(from.name, from.moduleSpecifier);
     references.forEach((ref) => {
         if (ref.wasForgotten()) {
@@ -52,9 +51,9 @@ function replaceProperty(node, properties) {
 }
 function replaceServices(options, services) {
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing services...`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} replacing services...`);
     services.forEach((service) => replaceService(service, options));
     !options['skip-logs'] &&
-        (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} services replaced \n`);
+        (0, ng_morph_1.successLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.SUCCESS_SYMBOL} services replaced \n`);
 }
 exports.replaceServices = replaceServices;

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

@@ -6,7 +6,6 @@ const schematics_1 = require("@angular-devkit/schematics");
 const tasks_1 = require("@angular-devkit/schematics/tasks");
 const ng_morph_1 = require("ng-morph");
 const versions_1 = require("../../ng-add/constants/versions");
-const colored_log_1 = require("../../utils/colored-log");
 const get_execution_time_1 = require("../../utils/get-execution-time");
 const steps_1 = require("../steps");
 const replace_services_1 = require("../steps/replace-services");
@@ -14,16 +13,19 @@ const get_file_system_1 = require("../utils/get-file-system");
 const enums_1 = require("../v4/steps/constants/enums");
 const steps_2 = require("./steps");
 const constants_1 = require("./steps/constants");
+const functions_1 = require("./steps/constants/functions");
 const modules_to_replace_1 = require("./steps/constants/modules-to-replace");
 const types_1 = require("./steps/constants/types");
 const drop_universal_mock_1 = require("./steps/drop-universal-mock");
 const migrate_editor_1 = require("./steps/migrate-editor");
 const migrate_providers_from_1 = require("./steps/migrate-providers-from");
 const migrate_root_1 = require("./steps/migrate-root");
+const replace_functions_1 = require("./steps/replace-functions");
 const replace_modules_with_providers_1 = require("./steps/utils/replace-modules-with-providers");
 function main(options) {
     return (tree, context) => {
         const fileSystem = (0, get_file_system_1.getFileSystem)(tree);
+        (0, replace_functions_1.replaceFunctions)(functions_1.REPLACE_FUNCTIONS);
         (0, migrate_providers_from_1.migrateImportProvidersFrom)(options);
         (0, migrate_editor_1.migrateEditor)(fileSystem, options);
         (0, steps_1.replaceEnums)(options, enums_1.ENUMS_TO_REPLACE);
@@ -60,13 +62,13 @@ function main(options) {
 function updateToV4(options) {
     const t0 = node_perf_hooks_1.performance.now();
     !options['skip-logs'] &&
-        (0, colored_log_1.titleLog)(`\n\n${colored_log_1.START_SYMBOL} Your packages will be updated to @taiga-ui/*@${versions_1.TAIGA_VERSION}\n`);
+        (0, ng_morph_1.titleLog)(`\n\n${ng_morph_1.START_SYMBOL} Your packages will be updated to @taiga-ui/*@${versions_1.TAIGA_VERSION}\n`);
     return (0, schematics_1.chain)([
         main(options),
         () => {
             const executionTime = (0, get_execution_time_1.getExecutionTime)(t0, node_perf_hooks_1.performance.now());
             !options['skip-logs'] &&
-                (0, colored_log_1.titleLog)(`${colored_log_1.FINISH_SYMBOL} We migrated packages to @taiga-ui/*@${versions_1.TAIGA_VERSION} in ${executionTime}. \n`);
+                (0, ng_morph_1.titleLog)(`${ng_morph_1.FINISH_SYMBOL} We migrated packages to @taiga-ui/*@${versions_1.TAIGA_VERSION} in ${executionTime}. \n`);
         },
     ]);
 }

package/schematics/ng-update/v4/migrate-addon-doc/index.js

@@ -4,7 +4,6 @@ exports.migrateAddonDoc = void 0;
 const schematics_1 = require("@angular-devkit/schematics");
 const ng_morph_1 = require("ng-morph");
 const file_globs_1 = require("../../../constants/file-globs");
-const colored_log_1 = require("../../../utils/colored-log");
 const steps_1 = require("../../steps");
 const remove_module_1 = require("../../steps/remove-module");
 const get_file_system_1 = require("../../utils/get-file-system");
@@ -17,7 +16,7 @@ function migrateAddonDoc(options) {
                 return;
             }
             !options['skip-logs'] &&
-                (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing...`);
+                (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} replacing...`);
             (0, remove_module_1.removeModules)(options, [
                 {
                     name: 'tuiGenerateRoutes',
@@ -45,7 +44,7 @@ function migrateAddonDoc(options) {
             fileSystem.commitEdits();
             (0, ng_morph_1.saveActiveProject)();
             !options['skip-logs'] &&
-                (0, colored_log_1.titleLog)(`${colored_log_1.FINISH_SYMBOL} addon-doc successfully migrated \n`);
+                (0, ng_morph_1.titleLog)(`${ng_morph_1.FINISH_SYMBOL} addon-doc successfully migrated \n`);
         },
     ]);
 }

package/schematics/ng-update/v4/migrate-css-vars/index.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateCssVars = void 0;
 const schematics_1 = require("@angular-devkit/schematics");
 const ng_morph_1 = require("ng-morph");
-const colored_log_1 = require("../../../utils/colored-log");
 const get_file_system_1 = require("../../utils/get-file-system");
 const rename_css_vars_1 = require("./rename-css-vars");
 function migrateCssVars(options) {
@@ -11,12 +10,12 @@ function migrateCssVars(options) {
         (tree, _) => {
             const fileSystem = (0, get_file_system_1.getFileSystem)(tree);
             !options['skip-logs'] &&
-                (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing css vars...`);
+                (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} replacing css vars...`);
             (0, rename_css_vars_1.renameCssVars)();
             fileSystem.commitEdits();
             (0, ng_morph_1.saveActiveProject)();
             !options['skip-logs'] &&
-                (0, colored_log_1.titleLog)(`${colored_log_1.FINISH_SYMBOL} Css vars successfully migrated \n`);
+                (0, ng_morph_1.titleLog)(`${ng_morph_1.FINISH_SYMBOL} Css vars successfully migrated \n`);
         },
     ]);
 }

package/schematics/ng-update/v4/migrate-css-vars/palette.js

@@ -85,13 +85,13 @@ exports.DEPRECATED_VARS = {
     '--tui-positive-night-hover': '--tui-status-positive',
     '--tui-negative-night': '--tui-status-negative',
     '--tui-negative-night-hover': '--tui-status-negative',
-    '--tui-shadow': 'var(--tui-shadow-small)',
-    '--tui-shadow-hover': 'var(--tui-shadow-small-hover)',
-    '--tui-shadow-dropdown': 'var(--tui-shadow-medium)',
-    '--tui-shadow-modal': 'var(--tui-shadow-popup)',
-    '--tui-shadow-sidebar': 'var(--tui-shadow-medium)',
-    '--tui-shadow-navigation': 'var(--tui-shadow-small)',
-    '--tui-shadow-sheet': 'var(--tui-shadow-popup)',
+    '--tui-shadow': '--tui-shadow-small',
+    '--tui-shadow-hover': '--tui-shadow-small-hover',
+    '--tui-shadow-dropdown': '--tui-shadow-medium',
+    '--tui-shadow-modal': '--tui-shadow-popup',
+    '--tui-shadow-sidebar': '--tui-shadow-medium',
+    '--tui-shadow-navigation': '--tui-shadow-small',
+    '--tui-shadow-sheet': '--tui-shadow-popup',
 };
 // warning: order is important
 exports.DEPRECATED_NUMERIC_VARS = {

package/schematics/ng-update/v4/migrate-css-vars/rename-css-vars.js

@@ -16,14 +16,23 @@ function renameCssVars(pattern = constants_1.ALL_FILES) {
                 text = text.replaceAll(wordRegex, `$1// ${palette_1.NIGHT_VAR_COMMENT}\n`);
             });
         }
+        const placeholders = {};
+        Object.keys(palette_1.DEPRECATED_VARS).forEach((key, index) => {
+            placeholders[key] = `__PLACEHOLDER_${index}__`;
+        });
         Object.entries(palette_1.DEPRECATED_VARS)
             .sort(([prev], [next]) => (prev.length < next.length ? 1 : -1))
             .map(([from, to]) => ({
             from: new RegExp(`${from}`, 'g'),
             to,
         }))
-            .forEach(({ from, to }) => {
-            text = text.replaceAll(from, to);
+            .forEach(({ from }) => {
+            text = text.replace(from, (matched) => { var _a; return (_a = placeholders[matched]) !== null && _a !== void 0 ? _a : ''; });
+        });
+        const placeholderPattern = new RegExp(Object.values(placeholders).join('|'), 'g');
+        text = text.replaceAll(placeholderPattern, (matched) => {
+            const originalKey = Object.keys(placeholders).find((key) => placeholders[key] === matched);
+            return palette_1.DEPRECATED_VARS[originalKey];
         });
         Object.entries(palette_1.DEPRECATED_NUMERIC_VARS)
             .map(([from, to]) => ({

package/schematics/ng-update/v4/migrate-icons/index.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateIcons = void 0;
 const schematics_1 = require("@angular-devkit/schematics");
 const ng_morph_1 = require("ng-morph");
-const colored_log_1 = require("../../../utils/colored-log");
 const get_file_system_1 = require("../../utils/get-file-system");
 const rename_icons_1 = require("./rename-icons");
 const rename_proprietary_icons_1 = require("./rename-proprietary-icons");
@@ -12,7 +11,7 @@ function migrateIcons(options) {
         (tree, context) => {
             const fileSystem = (0, get_file_system_1.getFileSystem)(tree);
             !options['skip-logs'] &&
-                (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing icons...`);
+                (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} replacing icons...`);
             if (hasProprietaryIcons(tree)) {
                 (0, rename_proprietary_icons_1.renameProprietaryIcons)(context);
             }
@@ -22,7 +21,7 @@ function migrateIcons(options) {
             fileSystem.commitEdits();
             (0, ng_morph_1.saveActiveProject)();
             !options['skip-logs'] &&
-                (0, colored_log_1.titleLog)(`${colored_log_1.FINISH_SYMBOL} Icons successfully migrated \n`);
+                (0, ng_morph_1.titleLog)(`${ng_morph_1.FINISH_SYMBOL} Icons successfully migrated \n`);
         },
     ]);
 }

package/schematics/ng-update/v4/steps/constants/attr-to-directive-replace.js

@@ -60,4 +60,13 @@ exports.ATTRS_TO_DIRECTIVE_REPLACE = [
         filterFn: (el) => (0, elements_1.hasElementAttribute)(el, 'tuiButton') ||
             (0, elements_1.hasElementAttribute)(el, 'tuiIconButton'),
     },
+    {
+        componentSelector: ['*'],
+        inputProperty: 'pseudoFocus',
+        directive: 'tuiAppearanceFocus',
+        directiveModule: {
+            name: 'TuiAppearance',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+    },
 ];

package/schematics/ng-update/v4/steps/constants/attr-with-values-to-replace.js

@@ -34,6 +34,11 @@ exports.ATTR_WITH_VALUES_TO_REPLACE = [
         newAttrName: 'tuiHintAppearance',
         valueReplacer: [{ from: 'onDark', to: 'dark' }],
     },
+    {
+        attrNames: ['appearance'],
+        newAttrName: 'appearance',
+        valueReplacer: [{ from: 'secondary-destructive', to: 'destructive' }],
+    },
     {
         attrNames: ['[pseudoActive]'],
         newAttrName: '[tuiAppearanceState]',

package/schematics/ng-update/v4/steps/constants/attrs-to-replace.js

@@ -292,15 +292,6 @@ exports.ATTRS_TO_REPLACE = [
         },
         to: { attrName: '[appearance]' },
     },
-    {
-        from: {
-            attrName: '[pseudoFocus]',
-            withTagNames: ['*'],
-        },
-        to: {
-            attrName: '[tuiAppearanceFocus]',
-        },
-    },
     {
         from: {
             attrName: '*tuiRow',

package/schematics/ng-update/v4/steps/constants/functions.d.ts

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

package/schematics/ng-update/v4/steps/constants/functions.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.REPLACE_FUNCTIONS = void 0;
+exports.REPLACE_FUNCTIONS = [
+    {
+        from: 'tuiDocLanguageSwitcher',
+        to: 'tuiLanguageSwitcher',
+        moduleSpecifier: ['@taiga-ui/i18n'],
+    },
+];

package/schematics/ng-update/v4/steps/drop-universal-mock.js

@@ -3,18 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.dropUniversalMock = void 0;
 const ng_morph_1 = require("ng-morph");
 const file_globs_1 = require("../../../constants/file-globs");
-const colored_log_1 = require("../../../utils/colored-log");
 function dropUniversalMock(options) {
     const moduleSpecifier = '@ng-web-apis/universal/mocks';
     const imports = (0, ng_morph_1.getImports)(file_globs_1.ALL_TS_FILES, { moduleSpecifier });
     if (imports.length) {
         !options['skip-logs'] &&
-            (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} drop "${moduleSpecifier}" import`);
+            (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} drop "${moduleSpecifier}" import`);
         const match = new RegExp(`import\\s+[\\'\\"\`]${moduleSpecifier}[\\'\\"\`];`, 'g');
         imports.forEach((declaration) => declaration
             .getSourceFile()
             .replaceWithText(declaration.getSourceFile().getFullText().replaceAll(match, '')));
-        !options['skip-logs'] && (0, colored_log_1.titleLog)(`${colored_log_1.FINISH_SYMBOL} successfully migrated \n`);
+        !options['skip-logs'] && (0, ng_morph_1.titleLog)(`${ng_morph_1.FINISH_SYMBOL} successfully migrated \n`);
     }
 }
 exports.dropUniversalMock = dropUniversalMock;

package/schematics/ng-update/v4/steps/migrate-alert-service.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateAlertService = void 0;
 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 OPTIONS_MIGRATIONS = {
     autoClose: (property) => {
@@ -33,7 +32,7 @@ const OPTIONS_MIGRATIONS = {
 };
 function migrateAlertService(options) {
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing inject(TuiAlertService).open({autoClose: boolean})...`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} replacing inject(TuiAlertService).open({autoClose: boolean})...`);
     const alertServiceRefs = (0, get_named_import_references_1.getNamedImportReferences)('TuiAlertService', '@taiga-ui/core');
     // inject(TuiAlertService).open(...)
     const viaDirectInjects = alertServiceRefs.map((x) => x.getFirstAncestor((node) => node.isKind(ng_morph_1.SyntaxKind.CallExpression) &&
@@ -92,7 +91,7 @@ function migrateAlertService(options) {
         });
     });
     !options['skip-logs'] &&
-        (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} "true => 3_000" & "false => 0" were replaced  \n`);
+        (0, ng_morph_1.successLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.SUCCESS_SYMBOL} "true => 3_000" & "false => 0" were replaced  \n`);
 }
 exports.migrateAlertService = migrateAlertService;
 function toAlertServiceOpenCallExpression(node) {

package/schematics/ng-update/v4/steps/migrate-all-country-iso-codes.js

@@ -3,11 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateAllCountryIsoCodes = void 0;
 const ng_morph_1 = require("ng-morph");
 const add_unique_import_1 = require("../../../utils/add-unique-import");
-const colored_log_1 = require("../../../utils/colored-log");
 const get_named_import_references_1 = require("../../../utils/get-named-import-references");
 function migrateAllCountryIsoCodes(options) {
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating Object.values(TuiCountryIsoCode)...`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} migrating Object.values(TuiCountryIsoCode)...`);
     const references = (0, get_named_import_references_1.getNamedImportReferences)('TuiCountryIsoCode', '@taiga-ui/i18n');
     references.forEach((ref) => {
         if (ref.wasForgotten()) {
@@ -19,6 +18,6 @@ function migrateAllCountryIsoCodes(options) {
             possibleObjectValues.replaceWithText('getCountries()');
         }
     });
-    !options['skip-logs'] && (0, colored_log_1.titleLog)(`${colored_log_1.FINISH_SYMBOL} successfully migrated \n`);
+    !options['skip-logs'] && (0, ng_morph_1.titleLog)(`${ng_morph_1.FINISH_SYMBOL} successfully migrated \n`);
 }
 exports.migrateAllCountryIsoCodes = migrateAllCountryIsoCodes;

package/schematics/ng-update/v4/steps/migrate-destroy-service.js

@@ -3,13 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateDestroyService = void 0;
 const ng_morph_1 = require("ng-morph");
 const add_unique_import_1 = require("../../../utils/add-unique-import");
-const colored_log_1 = require("../../../utils/colored-log");
 const get_named_import_references_1 = require("../../../utils/get-named-import-references");
 const import_manipulations_1 = require("../../../utils/import-manipulations");
 const insert_todo_1 = require("../../../utils/insert-todo");
 function migrateDestroyService(options) {
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating TuiDestroyService => takeUntilDestroyed ...`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} migrating TuiDestroyService => takeUntilDestroyed ...`);
     const references = (0, get_named_import_references_1.getNamedImportReferences)('TuiDestroyService', '@taiga-ui/cdk');
     const nodesForComments = [];
     references.forEach((ref) => {
@@ -115,7 +114,7 @@ function migrateDestroyService(options) {
         identifier &&
             (0, insert_todo_1.insertTodo)(identifier, 'use takeUntilDestroyed (https://angular.io/api/core/rxjs-interop/takeUntilDestroyed) instead of legacy TuiDestroyService');
     });
-    !options['skip-logs'] && (0, colored_log_1.titleLog)(`${colored_log_1.FINISH_SYMBOL} successfully migrated \n`);
+    !options['skip-logs'] && (0, ng_morph_1.titleLog)(`${ng_morph_1.FINISH_SYMBOL} successfully migrated \n`);
 }
 exports.migrateDestroyService = migrateDestroyService;
 function findTakeUntil(node, maxDepth = 10) {

package/schematics/ng-update/v4/steps/migrate-editor.d.ts

@@ -1,5 +1,5 @@
 /// <reference lib="es2021" />
-import { type DevkitFileSystem } from 'ng-morph';
+import type { DevkitFileSystem } from 'ng-morph';
 import type { TuiSchema } from '../../../ng-add/schema';
-export declare const TUI_EDITOR_VERSION = "^4.10.0";
+export declare const TUI_EDITOR_VERSION = "^4.11.0";
 export declare function migrateEditor(fileSystem: DevkitFileSystem, options: TuiSchema): void;

package/schematics/ng-update/v4/steps/migrate-editor.js

@@ -1,14 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateEditor = exports.TUI_EDITOR_VERSION = void 0;
-/// <reference lib="es2021" />
 const ng_morph_1 = require("ng-morph");
-const ng_morph_2 = require("ng-morph");
 const file_globs_1 = require("../../../constants/file-globs");
-const colored_log_1 = require("../../../utils/colored-log");
 const replace_identifier_1 = require("../../steps/replace-identifier");
 const replace_package_name_1 = require("../../steps/replace-package-name");
-exports.TUI_EDITOR_VERSION = '^4.10.0';
+exports.TUI_EDITOR_VERSION = '^4.11.0';
 function migrateEditor(fileSystem, options) {
     const moduleSpecifier = ['@tinkoff/tui-editor', '@taiga-ui/addon-editor'];
     const hasEditor = moduleSpecifier.every((pkg) => !(0, ng_morph_1.getPackageJsonDependency)(fileSystem.tree, pkg));
@@ -16,7 +13,7 @@ function migrateEditor(fileSystem, options) {
         return;
     }
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating editor...`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} migrating editor...`);
     (0, replace_identifier_1.replaceIdentifiers)(options, [
         {
             from: { name: 'TuiEditorModule', moduleSpecifier },
@@ -67,12 +64,12 @@ function migrateEditor(fileSystem, options) {
             to: { name: 'TuiInputColorModule', moduleSpecifier: '@taiga-ui/legacy' },
         },
     ]);
-    (0, ng_morph_2.getSourceFiles)(file_globs_1.ALL_TS_FILES).forEach((sourceFile) => sourceFile.replaceWithText(sourceFile
+    (0, ng_morph_1.getSourceFiles)(file_globs_1.ALL_TS_FILES).forEach((sourceFile) => sourceFile.replaceWithText(sourceFile
         .getFullText()
         .replaceAll(/import\(['"`](@tinkoff|@taiga-ui)\/(tui-editor|addon-editor)\/(.*)['"`]\)/g, "import('@taiga-ui/editor')")));
-    (0, ng_morph_2.saveActiveProject)();
+    (0, ng_morph_1.saveActiveProject)();
     moduleSpecifier.forEach((pkg) => (0, replace_package_name_1.replacePackageName)(pkg, { name: '@taiga-ui/editor', version: exports.TUI_EDITOR_VERSION }, fileSystem.tree));
-    (0, ng_morph_2.saveActiveProject)();
-    !options['skip-logs'] && (0, colored_log_1.titleLog)(`${colored_log_1.FINISH_SYMBOL} successfully migrated \n`);
+    (0, ng_morph_1.saveActiveProject)();
+    !options['skip-logs'] && (0, ng_morph_1.titleLog)(`${ng_morph_1.FINISH_SYMBOL} successfully migrated \n`);
 }
 exports.migrateEditor = migrateEditor;

package/schematics/ng-update/v4/steps/migrate-legacy-mask.js

@@ -3,20 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateLegacyMask = void 0;
 const ng_morph_1 = require("ng-morph");
 const add_unique_import_1 = require("../../../utils/add-unique-import");
-const colored_log_1 = require("../../../utils/colored-log");
 const get_named_import_references_1 = require("../../../utils/get-named-import-references");
 const import_manipulations_1 = require("../../../utils/import-manipulations");
 function migrateLegacyMask(options) {
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating legacy mask utils...`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} migrating legacy mask utils...`);
     migrateTuiMaskedMoneyValueIsEmpty(options);
     migrateTuiMaskedNumberStringToNumber(options);
-    !options['skip-logs'] && (0, colored_log_1.titleLog)(`${colored_log_1.FINISH_SYMBOL} successfully migrated \n`);
+    !options['skip-logs'] && (0, ng_morph_1.titleLog)(`${ng_morph_1.FINISH_SYMBOL} successfully migrated \n`);
 }
 exports.migrateLegacyMask = migrateLegacyMask;
 function migrateTuiMaskedMoneyValueIsEmpty(options) {
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} tuiMaskedMoneyValueIsEmpty`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} tuiMaskedMoneyValueIsEmpty`);
     const references = (0, get_named_import_references_1.getNamedImportReferences)('tuiMaskedMoneyValueIsEmpty', '@taiga-ui/core');
     references.forEach((ref) => {
         if (ref.wasForgotten()) {
@@ -35,7 +34,7 @@ function migrateTuiMaskedMoneyValueIsEmpty(options) {
 }
 function migrateTuiMaskedNumberStringToNumber(options) {
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} tuiMaskedNumberStringToNumber`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} tuiMaskedNumberStringToNumber`);
     const references = (0, get_named_import_references_1.getNamedImportReferences)('tuiMaskedNumberStringToNumber', '@taiga-ui/core');
     references.forEach((ref) => {
         if (ref.wasForgotten()) {