@taiga-ui/cdk 4.4.1 → 4.5.0-canary.49229f4

package/schematics/constants/taiga-styles.d.ts

@@ -1,4 +1,2 @@
-export declare const TAIGA_GLOBAL_OLD_STYLE = "node_modules/@taiga-ui/core/styles/taiga-ui-global.less";
-export declare const TAIGA_GLOBAL_NEW_STYLE = "node_modules/@taiga-ui/styles/taiga-ui-global.less";
 export declare const TAIGA_THEME_STYLE = "node_modules/@taiga-ui/core/styles/taiga-ui-theme.less";
 export declare const TAIGA_THEME_FONTS = "node_modules/@taiga-ui/core/styles/taiga-ui-fonts.less";

package/schematics/constants/taiga-styles.js

@@ -1,7 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TAIGA_THEME_FONTS = exports.TAIGA_THEME_STYLE = exports.TAIGA_GLOBAL_NEW_STYLE = exports.TAIGA_GLOBAL_OLD_STYLE = void 0;
-exports.TAIGA_GLOBAL_OLD_STYLE = 'node_modules/@taiga-ui/core/styles/taiga-ui-global.less';
-exports.TAIGA_GLOBAL_NEW_STYLE = 'node_modules/@taiga-ui/styles/taiga-ui-global.less';
+exports.TAIGA_THEME_FONTS = exports.TAIGA_THEME_STYLE = void 0;
 exports.TAIGA_THEME_STYLE = 'node_modules/@taiga-ui/core/styles/taiga-ui-theme.less';
 exports.TAIGA_THEME_FONTS = 'node_modules/@taiga-ui/core/styles/taiga-ui-fonts.less';

package/schematics/ng-add/index.js

@@ -14,14 +14,11 @@ function addDependencies(tree, options) {
             type: ng_morph_1.NodeDependencyType.Default,
         });
     });
+    (0, ng_morph_1.addPackageJsonDependency)(tree, {
+        name: '@taiga-ui/event-plugins',
+        version: '^4.0.2',
+    });
     removeTaigaSchematicsPackage(tree);
-    if (options.addGlobalStyles) {
-        (0, ng_morph_1.addPackageJsonDependency)(tree, {
-            name: '@taiga-ui/styles',
-            version: versions_1.TAIGA_VERSION,
-            type: ng_morph_1.NodeDependencyType.Default,
-        });
-    }
     if (packages.includes('addon-table') || packages.includes('addon-mobile')) {
         addAngularCdkDep(tree);
     }

package/schematics/ng-add/schema.d.ts

@@ -1,5 +1,4 @@
 export interface TuiSchema {
-    readonly addGlobalStyles: boolean;
     readonly addons: readonly string[];
     readonly project: string;
     /**

package/schematics/ng-add/schema.json

@@ -11,15 +11,6 @@
                 "$source": "projectName"
             }
         },
-        "addGlobalStyles": {
-            "description": "Setting up global styles",
-            "type": "boolean",
-            "default": false,
-            "x-prompt": {
-                "message": "Do you want to use global Taiga UI classes, such as 'tui-space', 'tui-skeleton', etc?",
-                "type": "confirmation"
-            }
-        },
         "addons": {
             "description": "Setting up additional packages",
             "type": "array",

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

@@ -19,12 +19,20 @@ function addTuiModules({ mainClass, context, }) {
         (0, ng_morph_1.addImportToNgModule)(mainClass, module.name, { unique: true });
         (0, add_unique_import_1.addUniqueImport)(mainModulePath, module.name, module.packageName);
     });
+    (0, ng_morph_1.addProviderToNgModule)(mainClass, 'NG_EVENT_PLUGINS', { unique: true });
+    (0, add_unique_import_1.addUniqueImport)(mainModulePath, 'NG_EVENT_PLUGINS', '@taiga-ui/event-plugins');
     context.logger.info(`${modules.map((module) => module.name)} was added to ${mainModulePath}`);
 }
 function addTuiEntitiesToStandalone({ bootstrapFunction, options, context, }) {
     const [rootComponentIdentifier, bootstrapOptions = bootstrapFunction.addArgument('{providers}: []'),] = bootstrapFunction.getArguments();
+    if (!rootComponentIdentifier) {
+        return;
+    }
     const mainClass = (0, get_component_from_identifier_1.getComponentFromIdentifier)(rootComponentIdentifier);
     const optionsObject = getOptionsObject(bootstrapOptions);
+    if (!optionsObject) {
+        return;
+    }
     if (mainClass) {
         addMainModuleToRootComponent({ mainClass, options, context });
         addRootTuiProvidersToBootstrapFn(optionsObject);
@@ -66,11 +74,12 @@ function getModules(extraModules) {
     return [...(extraModules || []), modules_1.MAIN_MODULE];
 }
 function getOptionsObject(options) {
+    var _a;
     if (ng_morph_1.Node.isObjectLiteralExpression(options)) {
         return options;
     }
     const definition = options.getDefinitionNodes()[0];
-    return definition.getChildrenOfKind(ng_morph_1.SyntaxKind.ObjectLiteralExpression)[0];
+    return (_a = definition === null || definition === void 0 ? void 0 : definition.getChildrenOfKind(ng_morph_1.SyntaxKind.ObjectLiteralExpression)[0]) !== null && _a !== void 0 ? _a : null;
 }
 function addTaigaModules(options) {
     return (tree, context) => tslib_1.__awaiter(this, void 0, void 0, function* () {

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

@@ -6,10 +6,7 @@ const angular_json_manipulations_1 = require("../../utils/angular-json-manipulat
 function addTaigaStyles(options) {
     return (_, context) => {
         const taigaLocalStyles = [taiga_styles_1.TAIGA_THEME_STYLE, taiga_styles_1.TAIGA_THEME_FONTS];
-        const taigaStyles = options.addGlobalStyles
-            ? [...taigaLocalStyles, taiga_styles_1.TAIGA_GLOBAL_NEW_STYLE]
-            : taigaLocalStyles;
-        return (0, angular_json_manipulations_1.addStylesToAngularJson)(options, context, taigaStyles);
+        return (0, angular_json_manipulations_1.addStylesToAngularJson)(options, context, taigaLocalStyles);
     };
 }
 exports.addTaigaStyles = addTaigaStyles;

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

@@ -32,8 +32,13 @@ function getAppTemplatePath(mainPath) {
     const standaloneBootstrapFunction = (0, get_standalone_bootstrap_function_1.getStandaloneBootstrapFunction)(mainPath);
     if (standaloneBootstrapFunction) {
         const [componentIdentifier] = standaloneBootstrapFunction.getArguments();
-        const component = (0, get_component_from_identifier_1.getComponentFromIdentifier)(componentIdentifier);
-        return (component && getTemplatePathFromComponent(component)) || '';
+        if (componentIdentifier) {
+            const component = (0, get_component_from_identifier_1.getComponentFromIdentifier)(componentIdentifier);
+            if (component) {
+                return getTemplatePathFromComponent(component);
+            }
+        }
+        return '';
     }
     const mainModule = (0, ng_morph_1.getMainModule)(mainPath);
     if (!mainModule) {

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

@@ -16,11 +16,14 @@ const steps_2 = require("./steps");
 const constants_1 = require("./steps/constants");
 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_root_1 = require("./steps/migrate-root");
 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, migrate_editor_1.migrateEditor)(fileSystem, options);
         (0, steps_1.replaceEnums)(options, enums_1.ENUMS_TO_REPLACE);
         (0, migrate_root_1.migrateRoot)(fileSystem, options);
         (0, replace_services_1.replaceServices)(options, constants_1.SERVICES_TO_REPLACE);
@@ -37,6 +40,7 @@ function main(options) {
         (0, steps_2.migrateAlertService)(options);
         (0, steps_2.migrateNumberFormatSettings)(options);
         (0, steps_2.migrateMonthContext)(options);
+        (0, drop_universal_mock_1.dropUniversalMock)(options);
         (0, ng_morph_1.saveActiveProject)();
         (0, steps_2.migrateTemplates)(fileSystem, options);
         (0, steps_1.showWarnings)(context, constants_1.MIGRATION_WARNINGS);

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

@@ -99,6 +99,10 @@ exports.DOC_SYMBOLS_TO_REPLACE = [
                 name: 'TuiAddonDocModule',
                 moduleSpecifier: '@taiga-ui/addon-doc',
             },
+            {
+                name: 'TuiDocExampleModule',
+                moduleSpecifier: '@taiga-ui/addon-doc',
+            },
         ],
         to: {
             name: 'TuiAddonDoc',

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

@@ -29,6 +29,11 @@ exports.ATTR_WITH_VALUES_TO_REPLACE = [
             { from: 'onLight', to: 'light' },
         ],
     },
+    {
+        attrNames: ['tuiHintAppearance'],
+        newAttrName: 'tuiHintAppearance',
+        valueReplacer: [{ from: 'onDark', to: 'dark' }],
+    },
     {
         attrNames: ['[pseudoActive]'],
         newAttrName: '[tuiAppearanceState]',

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

@@ -587,47 +587,6 @@ exports.IDENTIFIERS_TO_REPLACE = [
             moduleSpecifier: '@taiga-ui/kit',
         },
     },
-    {
-        from: { name: 'TuiEditorModule', moduleSpecifier: '@tinkoff/tui-editor' },
-        to: [
-            { name: 'TuiEditor', moduleSpecifier: '@taiga-ui/editor' },
-            { name: 'TuiEditorSocket', moduleSpecifier: '@taiga-ui/editor' },
-        ],
-    },
-    {
-        from: { name: 'TuiEditorSocketModule', moduleSpecifier: '@tinkoff/tui-editor' },
-        to: { name: 'TuiEditorSocket', moduleSpecifier: '@taiga-ui/editor' },
-    },
-    {
-        from: { name: 'TuiToolbarModule', moduleSpecifier: '@tinkoff/tui-editor' },
-        to: { name: 'TuiToolbar', moduleSpecifier: '@taiga-ui/editor' },
-    },
-    {
-        from: { name: 'defaultEditorExtensions', moduleSpecifier: '@tinkoff/tui-editor' },
-        to: { name: 'TUI_EDITOR_DEFAULT_EXTENSIONS', moduleSpecifier: '@taiga-ui/editor' },
-    },
-    {
-        from: {
-            name: 'TUI_EDITOR_DEFAULT_EXTENSIONS',
-            moduleSpecifier: '@tinkoff/tui-editor',
-        },
-        to: { name: 'TUI_EDITOR_DEFAULT_EXTENSIONS', moduleSpecifier: '@taiga-ui/editor' },
-    },
-    {
-        from: [
-            { name: 'defaultEditorTools', moduleSpecifier: '@tinkoff/tui-editor' },
-            { name: 'TUI_EDITOR_DEFAULT_TOOLS', moduleSpecifier: '@tinkoff/tui-editor' },
-        ],
-        to: { name: 'TUI_EDITOR_DEFAULT_TOOLS', moduleSpecifier: '@taiga-ui/editor' },
-    },
-    {
-        from: { name: 'TuiColorPickerModule', moduleSpecifier: '@tinkoff/tui-editor' },
-        to: { name: 'TuiColorPickerModule', moduleSpecifier: '@taiga-ui/legacy' },
-    },
-    {
-        from: { name: 'TuiInputColorModule', moduleSpecifier: '@tinkoff/tui-editor' },
-        to: { name: 'TuiInputColorModule', moduleSpecifier: '@taiga-ui/legacy' },
-    },
     {
         from: { name: 'TuiFadeModule', moduleSpecifier: '@taiga-ui/experimental' },
         to: {

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

@@ -0,0 +1,2 @@
+import type { TuiSchema } from '../../../ng-add/schema';
+export declare function dropUniversalMock(options: TuiSchema): void;

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

@@ -0,0 +1,20 @@
+"use strict";
+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`);
+        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`);
+    }
+}
+exports.dropUniversalMock = dropUniversalMock;

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

@@ -8,10 +8,10 @@ const OPTIONS_MIGRATIONS = {
     autoClose: (property) => {
         const [propertyKey, propertyValue] = property.getText().split(/\s?:\s?/);
         switch (propertyValue) {
-            case 'true':
-                return property.replaceWithText(`${propertyKey}: 3_000`);
             case 'false':
                 return property.replaceWithText(`${propertyKey}: 0`);
+            case 'true':
+                return property.replaceWithText(`${propertyKey}: 3_000`);
             default:
                 return null;
         }

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

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

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

@@ -0,0 +1,77 @@
+"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.0.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));
+    if (hasEditor) {
+        return;
+    }
+    !options['skip-logs'] &&
+        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating editor...`);
+    (0, replace_identifier_1.replaceIdentifiers)(options, [
+        {
+            from: { name: 'TuiEditorModule', moduleSpecifier },
+            to: [
+                { name: 'TuiEditor', moduleSpecifier: '@taiga-ui/editor' },
+                { name: 'TuiEditorSocket', moduleSpecifier: '@taiga-ui/editor' },
+            ],
+        },
+        {
+            from: { name: 'TuiEditorSocketModule', moduleSpecifier },
+            to: { name: 'TuiEditorSocket', moduleSpecifier: '@taiga-ui/editor' },
+        },
+        {
+            from: { name: 'TuiToolbarModule', moduleSpecifier },
+            to: { name: 'TuiToolbar', moduleSpecifier: '@taiga-ui/editor' },
+        },
+        {
+            from: { name: 'defaultEditorExtensions', moduleSpecifier },
+            to: {
+                name: 'TUI_EDITOR_DEFAULT_EXTENSIONS',
+                moduleSpecifier: '@taiga-ui/editor',
+            },
+        },
+        {
+            from: { name: 'TUI_EDITOR_DEFAULT_EXTENSIONS', moduleSpecifier },
+            to: {
+                name: 'TUI_EDITOR_DEFAULT_EXTENSIONS',
+                moduleSpecifier: '@taiga-ui/editor',
+            },
+        },
+        {
+            from: [
+                { name: 'defaultEditorTools', moduleSpecifier },
+                {
+                    name: 'TUI_EDITOR_DEFAULT_TOOLS',
+                    moduleSpecifier: '@tinkoff/tui-editor',
+                },
+            ],
+            to: { name: 'TUI_EDITOR_DEFAULT_TOOLS', moduleSpecifier: '@taiga-ui/editor' },
+        },
+        {
+            from: { name: 'TuiColorPickerModule', moduleSpecifier },
+            to: { name: 'TuiColorPickerModule', moduleSpecifier: '@taiga-ui/legacy' },
+        },
+        {
+            from: { name: 'TuiInputColorModule', moduleSpecifier },
+            to: { name: 'TuiInputColorModule', moduleSpecifier: '@taiga-ui/legacy' },
+        },
+    ]);
+    (0, ng_morph_2.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)();
+    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`);
+}
+exports.migrateEditor = migrateEditor;

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

@@ -29,7 +29,7 @@ function migrateTuiMaskedMoneyValueIsEmpty(options) {
         }
         else if (ng_morph_1.Node.isCallExpression(parent)) {
             const [value] = parent.getArguments();
-            parent.replaceWithText(`Number.isNaN(maskitoParseNumber(${value.getText()}, ','))`);
+            parent.replaceWithText(`Number.isNaN(maskitoParseNumber(${value === null || value === void 0 ? void 0 : value.getText()}, ','))`);
         }
     });
 }
@@ -48,7 +48,7 @@ function migrateTuiMaskedNumberStringToNumber(options) {
         }
         else if (ng_morph_1.Node.isCallExpression(parent)) {
             const [value, decimalSeparator] = parent.getArguments();
-            parent.replaceWithText(`maskitoParseNumber(${value.getText()}, ${decimalSeparator.getText()})`);
+            parent.replaceWithText(`maskitoParseNumber(${value === null || value === void 0 ? void 0 : value.getText()}, ${decimalSeparator === null || decimalSeparator === void 0 ? void 0 : decimalSeparator.getText()})`);
         }
     });
 }

package/schematics/ng-update/v4/steps/migrate-number-format-settings.js

@@ -8,7 +8,7 @@ const OPTIONS_MIGRATIONS = {
     decimalLimit: (property) => property.replaceWithText(property.getText().replace('decimalLimit', 'precision')),
     decimal: (property) => {
         const [, propertyValue] = property.getText().split(/\s?:\s?/);
-        property.replaceWithText(propertyValue.match(/^['"`]never['"`]$/)
+        property.replaceWithText((propertyValue === null || propertyValue === void 0 ? void 0 : propertyValue.match(/^['"`]never['"`]$/))
             ? 'precision: 0'
             : property.getText().replace('decimal', 'decimalMode'));
     },

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

@@ -38,25 +38,45 @@ function replaceRootIdentifier(ref, fileSystem) {
             .find((arg) => arg.getText() === ref.getText());
         if (node) {
             callExpression.removeArgument(node);
-            addProviders(callExpression, fileSystem);
+            addProviders({ callExpression, fileSystem });
         }
     }
     else {
         ref.replaceWithText('TuiRoot');
+        addProviders({ fileSystem, modulePath: ref.getSourceFile().getFilePath() });
     }
 }
-function addProviders(callExpression, fileSystem) {
-    const array = callExpression.getParentWhile(ng_morph_1.Node.isArrayLiteralExpression);
-    if (!array) {
+function addProviders({ callExpression, fileSystem, modulePath, }) {
+    var _a;
+    const providersArray = callExpression === null || callExpression === void 0 ? void 0 : callExpression.getParentWhile(ng_morph_1.Node.isArrayLiteralExpression);
+    const module = modulePath && ((_a = (0, ng_morph_1.getNgModules)(modulePath)) === null || _a === void 0 ? void 0 : _a[0]);
+    if (!providersArray && !modulePath) {
         return;
     }
-    array.addElement('NG_EVENT_PLUGINS');
-    (0, add_unique_import_1.addUniqueImport)(array.getSourceFile().getFilePath(), 'NG_EVENT_PLUGINS', '@taiga-ui/event-plugins');
+    const path = providersArray
+        ? providersArray.getSourceFile().getFilePath()
+        : modulePath || '';
+    if (providersArray) {
+        providersArray.addElement('NG_EVENT_PLUGINS');
+    }
+    else if (module) {
+        (0, ng_morph_1.addProviderToNgModule)(module, 'NG_EVENT_PLUGINS', { unique: true });
+    }
+    if (providersArray || module) {
+        (0, add_unique_import_1.addUniqueImport)(path, 'NG_EVENT_PLUGINS', '@taiga-ui/event-plugins');
+    }
     (0, ng_morph_1.getActiveProject)();
     const proprietary = (0, ng_morph_1.getPackageJsonDependency)(fileSystem.tree, '@taiga-ui/proprietary-core') ||
         (0, ng_morph_1.getPackageJsonDependency)(fileSystem.tree, '@taiga-ui/proprietary');
     if (proprietary) {
-        array.addElement('TBANK_PROVIDERS');
-        (0, add_unique_import_1.addUniqueImport)(array.getSourceFile().getFilePath(), 'TBANK_PROVIDERS', '@taiga-ui/proprietary');
+        if (providersArray) {
+            providersArray.addElement('TBANK_PROVIDERS');
+        }
+        else if (module) {
+            (0, ng_morph_1.addProviderToNgModule)(module, 'TBANK_PROVIDERS', { unique: true });
+        }
+        if (providersArray || module) {
+            (0, add_unique_import_1.addUniqueImport)(path, 'TBANK_PROVIDERS', '@taiga-ui/proprietary');
+        }
     }
 }

package/schematics/ng-update/v4/steps/restore-tui-mapper.js

@@ -20,7 +20,7 @@ function updateTuiMapper(options) {
                 return;
             }
             const [inputType] = typeArguments;
-            inputType.replaceWithText(`[${inputType.getText()}, ...any]`);
+            inputType === null || inputType === void 0 ? void 0 : inputType.replaceWithText(`[${inputType.getText()}, ...any]`);
         }
     }
 }

package/schematics/ng-update/v4/steps/restore-tui-matcher.js

@@ -20,7 +20,7 @@ function updateTuiMatcher(options) {
                 return;
             }
             const [inputType] = typeArguments;
-            inputType.replaceWithText(`[${inputType.getText()}, ...any]`);
+            inputType === null || inputType === void 0 ? void 0 : inputType.replaceWithText(`[${inputType.getText()}, ...any]`);
         }
     }
 }

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

@@ -30,7 +30,10 @@ function migrateAvatar({ resource, recorder, fileSystem, }) {
     const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
     const avatarElements = (0, elements_1.findElementsByTagName)(template, 'tui-avatar');
     const markerIconElements = (0, elements_1.findElementsByTagName)(template, 'tui-marker-icon');
-    [...avatarElements, ...markerIconElements].forEach(({ attrs, sourceCodeLocation }) => {
+    [
+        ...avatarElements.filter(({ attrs }) => (0, inputs_1.findAttr)(attrs, 'avatarurl') || (0, inputs_1.findAttr)(attrs, 'text')),
+        ...markerIconElements,
+    ].forEach(({ attrs, sourceCodeLocation }) => {
         if (!sourceCodeLocation) {
             return;
         }

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

@@ -7,6 +7,7 @@ const template_resource_1 = require("../../../../utils/templates/template-resour
 const remove_attrs_1 = require("../utils/remove-attrs");
 const overscrollAttrName = 'tuiOverscroll';
 function migrateOverscroll({ resource, recorder, fileSystem, }) {
+    var _a;
     const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
     const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
     const elements = (0, elements_1.findElementsWithDirective)(template, overscrollAttrName).filter(({ sourceCodeLocation }) => !!sourceCodeLocation);
@@ -18,7 +19,10 @@ function migrateOverscroll({ resource, recorder, fileSystem, }) {
         attrToRemove &&
             (0, remove_attrs_1.removeAttrs)([attrToRemove], sourceCodeLocation, recorder, templateOffset);
     });
-    addTodo(recorder, elements[0].sourceCodeLocation, templateOffset);
+    const element = (_a = elements[0]) === null || _a === void 0 ? void 0 : _a.sourceCodeLocation;
+    if (element) {
+        addTodo(recorder, element, templateOffset);
+    }
 }
 exports.migrateOverscroll = migrateOverscroll;
 function addTodo(recorder, sourceCodeLocation, templateOffset) {

package/schematics/ng-update/v4/steps/templates/migrate-prevent-default.js

@@ -9,7 +9,7 @@ function migratePreventDefault({ resource, recorder, fileSystem, }) {
     const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
     const elements = (0, elements_1.findElementsWithAttribute)(template, 'tuiPreventDefault');
     elements.forEach(({ attrs, sourceCodeLocation }) => {
-        var _a, _b;
+        var _a, _b, _c, _d;
         if (!sourceCodeLocation) {
             return;
         }
@@ -18,8 +18,8 @@ function migratePreventDefault({ resource, recorder, fileSystem, }) {
             return;
         }
         const event = preventDefaultAttr.value;
-        const preventDefaultStart = ((_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[preventDefaultAttr.name].startOffset) || 0;
-        const preventDefaultEnd = ((_b = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _b === void 0 ? void 0 : _b[preventDefaultAttr.name].endOffset) || 0;
+        const preventDefaultStart = ((_b = (_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[preventDefaultAttr.name]) === null || _b === void 0 ? void 0 : _b.startOffset) || 0;
+        const preventDefaultEnd = ((_d = (_c = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _c === void 0 ? void 0 : _c[preventDefaultAttr.name]) === null || _d === void 0 ? void 0 : _d.endOffset) || 0;
         recorder.insertLeft(templateOffset + preventDefaultStart, `(${event}.prevent.silent)="0"`);
         recorder.remove(templateOffset + preventDefaultStart, preventDefaultEnd - preventDefaultStart);
     });

package/schematics/ng-update/v4/steps/templates/migrate-progress-segmented.js

@@ -9,7 +9,7 @@ function migrateProgressSegmented({ resource, recorder, fileSystem, }) {
     const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
     const elements = (0, elements_1.findElementsByTagName)(template, 'tui-progress-segmented');
     elements.forEach(({ attrs, sourceCodeLocation }) => {
-        var _a;
+        var _a, _b;
         if (!sourceCodeLocation) {
             return;
         }
@@ -18,7 +18,7 @@ function migrateProgressSegmented({ resource, recorder, fileSystem, }) {
             return;
         }
         const max = maxAttr.value;
-        const insertTo = ((_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[maxAttr.name].endOffset) || 0;
+        const insertTo = ((_b = (_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[maxAttr.name]) === null || _b === void 0 ? void 0 : _b.endOffset) || 0;
         recorder.insertRight(insertTo + templateOffset, `  [segments]="${max}"`);
     });
 }

package/schematics/ng-update/v4/steps/update-packages.d.ts

@@ -4,5 +4,4 @@ import type { TuiSchema } from '../../../ng-add/schema';
 export declare const TUI_POLYMORPHEUS_VERSION = "^4.6.4";
 export declare const TUI_DOMPURIFY_VERSION = "^4.1.2";
 export declare const TUI_EVENT_PLUGINS_VERSION = "^4.0.1";
-export declare const TUI_EDITOR_VERSION = "^2.5.0";
 export declare function updatePackages({ tree }: DevkitFileSystem, _: TuiSchema): void;

package/schematics/ng-update/v4/steps/update-packages.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updatePackages = exports.TUI_EDITOR_VERSION = exports.TUI_EVENT_PLUGINS_VERSION = exports.TUI_DOMPURIFY_VERSION = exports.TUI_POLYMORPHEUS_VERSION = void 0;
+exports.updatePackages = exports.TUI_EVENT_PLUGINS_VERSION = exports.TUI_DOMPURIFY_VERSION = exports.TUI_POLYMORPHEUS_VERSION = void 0;
 const ng_morph_1 = require("ng-morph");
 const version_1 = require("../../../../constants/version");
 const constants_1 = require("../../../constants");
@@ -8,7 +8,6 @@ const steps_1 = require("../../steps");
 exports.TUI_POLYMORPHEUS_VERSION = '^4.6.4';
 exports.TUI_DOMPURIFY_VERSION = '^4.1.2';
 exports.TUI_EVENT_PLUGINS_VERSION = '^4.0.1';
-exports.TUI_EDITOR_VERSION = '^2.5.0';
 function updatePackages({ tree }, _) {
     const packagesToRemove = ['@taiga-ui/addon-tablebars', '@taiga-ui/addon-preview'];
     packagesToRemove.forEach((pkg) => {
@@ -26,10 +25,6 @@ function updatePackages({ tree }, _) {
         name: '@taiga-ui/event-plugins',
         version: exports.TUI_EVENT_PLUGINS_VERSION,
     }, tree);
-    (0, steps_1.replacePackageName)('@tinkoff/tui-editor', {
-        name: '@taiga-ui/editor',
-        version: exports.TUI_EDITOR_VERSION,
-    }, tree);
     const cdk = (0, ng_morph_1.getPackageJsonDependency)(tree, '@taiga-ui/cdk');
     if (!(0, ng_morph_1.getPackageJsonDependency)(tree, '@taiga-ui/event-plugins')) {
         (0, ng_morph_1.addPackageJsonDependency)(tree, {

package/schematics/ng-update/v4/steps/utils/clean-object.js

@@ -4,7 +4,7 @@ exports.cleanObject = void 0;
 function checkValueIsEmpty(value) {
     // eslint-disable-next-line
     const nextValue = typeof value === 'string' ? value.trim() : value;
-    return [undefined, null, NaN, ''].includes(nextValue);
+    return ['', NaN, null, undefined].includes(nextValue);
 }
 function cleanObject(object) {
     return JSON.parse(JSON.stringify(object, (_key, value) => checkValueIsEmpty(value) ? undefined : value));

package/schematics/utils/add-unique-import.js

@@ -13,11 +13,12 @@ function addUniqueImport(filePath, namedImport, moduleSpecifier) {
     const existingDeclaration = (0, ng_morph_1.getImports)(filePath, {
         moduleSpecifier,
     });
-    if (existingDeclaration.length) {
-        const modules = existingDeclaration[0]
+    const imports = existingDeclaration === null || existingDeclaration === void 0 ? void 0 : existingDeclaration[0];
+    if (imports) {
+        const modules = imports
             .getNamedImports()
             .map((namedImport) => namedImport.getText());
-        (0, ng_morph_1.editImports)(existingDeclaration[0], () => ({
+        (0, ng_morph_1.editImports)(imports, () => ({
             namedImports: [...modules, namedImport],
             isTypeOnly: false,
         }));

package/schematics/utils/angular-json-manipulations.js

@@ -60,14 +60,16 @@ function addStylesToAngularJson(options, context, taigaStyles, filter, stylesToR
             }
             if (stylesToReplace &&
                 (styles === null || styles === void 0 ? void 0 : styles.filter((style) => style !== stylesToReplace.from))) {
-                targetOptions.styles = Array.from(new Set([
+                const orderList = [
                     ...taigaStyles,
                     ...stylesToReplace.to,
                     ...styles.filter((style) => style !== stylesToReplace.from),
-                ]));
+                ];
+                targetOptions.styles = Array.from(new Set(orderList));
             }
             else {
-                targetOptions.styles = Array.from(new Set([...taigaStyles, ...(styles || [])]));
+                const orderList = [...taigaStyles, ...(styles || [])];
+                targetOptions.styles = Array.from(new Set(orderList));
             }
             if (tree && stylesToReplace) {
                 (0, ng_morph_1.addPackageJsonDependency)(tree, {

package/schematics/utils/get-component-from-identifier.js

@@ -7,7 +7,7 @@ function getComponentFromIdentifier(identifier) {
     const rootImportDeclaration = (0, ng_morph_1.getImports)(identifier.getSourceFile().getFilePath(), {
         namedImports: [identifier.getText()],
     })[0];
-    const rootComponentPath = ((_a = rootImportDeclaration.getModuleSpecifierSourceFile()) === null || _a === void 0 ? void 0 : _a.getFilePath()) || '';
+    const rootComponentPath = ((_a = rootImportDeclaration === null || rootImportDeclaration === void 0 ? void 0 : rootImportDeclaration.getModuleSpecifierSourceFile()) === null || _a === void 0 ? void 0 : _a.getFilePath()) || '';
     return (0, ng_morph_1.getNgComponents)(rootComponentPath, { name: identifier.getText() })[0];
 }
 exports.getComponentFromIdentifier = getComponentFromIdentifier;

package/schematics/utils/templates/get-component-templates.js

@@ -7,8 +7,8 @@ const ng_morph_1 = require("ng-morph");
 function decoratorToTemplateResource(decorator) {
     var _a, _b, _c;
     const [metadata] = decorator.getArguments();
-    const templateUrl = metadata.getProperty('templateUrl');
-    const template = metadata.getProperty('template');
+    const templateUrl = metadata === null || metadata === void 0 ? void 0 : metadata.getProperty('templateUrl');
+    const template = metadata === null || metadata === void 0 ? void 0 : metadata.getProperty('template');
     const componentPath = decorator.getSourceFile().getFilePath();
     if (templateUrl) {
         const templatePath = path.parse(((_a = templateUrl === null || templateUrl === void 0 ? void 0 : templateUrl.getInitializer()) === null || _a === void 0 ? void 0 : _a.getText().replaceAll(/['"`]/g, '')) || '');