@taiga-ui/cdk 4.0.0-rc.2 → 4.0.0-rc.4

package/schematics/ng-update/v4/steps/constants/inputs-to-remove.js

@@ -10,6 +10,6 @@ exports.INPUTS_TO_REMOVE = [
     {
         inputName: 'iconAlign',
         tags: ['button', 'a'],
-        filterFn: el => (0, elements_1.hasElementAttribute)(el, 'tuiLink'),
+        filterFn: (el) => (0, elements_1.hasElementAttribute)(el, 'tuiLink'),
     },
 ];

package/schematics/ng-update/v4/steps/constants/migration-warnings.js

@@ -142,4 +142,9 @@ exports.MIGRATION_WARNINGS = [
         moduleSpecifier: '@taiga-ui/kit',
         message: 'TUI_INPUT_NUMBER_OPTIONS "precision" and "decimal" have been moved to TUI_FORMAT_NUMBER_OPTIONS. See https://taiga-ui.dev/components/input-number#options ',
     },
+    {
+        name: 'TUI_ARROW',
+        moduleSpecifier: '@taiga-ui/kit',
+        message: 'TUI_ARROW is deprecated, Use tuiChevron directive instead. See example https://taiga-ui.dev/components/data-list#links',
+    },
 ];

package/schematics/ng-update/v4/steps/constants/modules-to-remove.js

@@ -18,4 +18,12 @@ exports.MODULES_TO_REMOVE = [
         name: 'TuiOverscrollModule',
         moduleSpecifier: '@taiga-ui/cdk',
     },
+    {
+        name: 'TuiThemeNightModule',
+        moduleSpecifier: '@taiga-ui/core',
+    },
+    {
+        name: 'TuiModeModule',
+        moduleSpecifier: '@taiga-ui/core',
+    },
 ];

package/schematics/ng-update/v4/steps/constants/modules-to-replace.d.ts

@@ -0,0 +1,12 @@
+interface ModuleToReplace {
+    from: {
+        name: string;
+        moduleSpecifier: string;
+    };
+    to: {
+        name: string;
+        providerSpecifier: string;
+    };
+}
+export declare const MODULES_TO_REPLACE_WITH_PROVIDERS: ModuleToReplace[];
+export {};

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MODULES_TO_REPLACE_WITH_PROVIDERS = void 0;
+exports.MODULES_TO_REPLACE_WITH_PROVIDERS = [
+    {
+        from: {
+            name: 'TuiMobileCalendarDialogModule',
+            moduleSpecifier: '@taiga-ui/addon-mobile',
+        },
+        to: {
+            name: 'tuiProvideMobileCalendar',
+            providerSpecifier: '@taiga-ui/addon-mobile',
+        },
+    },
+];

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

@@ -8,13 +8,13 @@ exports.TAGS_TO_REPLACE = [
         from: 'tui-input-count',
         to: 'tui-input-number',
         addAttributes: ['decimal="never"'],
-        filterFn: element => element.attrs.some(attr => attr.name === '[step]'),
+        filterFn: (element) => element.attrs.some((attr) => attr.name === '[step]'),
     },
     {
         from: 'tui-input-count',
         to: 'tui-input-number',
         addAttributes: ['decimal="never"', '[step]="1"'],
-        filterFn: element => element.attrs.every(attr => attr.name !== '[step]'),
+        filterFn: (element) => element.attrs.every((attr) => attr.name !== '[step]'),
     },
     {
         from: 'tui-money',
@@ -33,12 +33,12 @@ exports.TAGS_TO_REPLACE = [
     {
         from: 'tui-hosted-dropdown',
         to: 'div',
-        filterFn: el => el.attrs.some(attr => attr.name === '[open]' || attr.name === '[(open)]'),
+        filterFn: (el) => el.attrs.some((attr) => attr.name === '[open]' || attr.name === '[(open)]'),
     },
     {
         from: 'tui-hosted-dropdown',
         to: 'div',
-        filterFn: el => el.attrs.every(attr => attr.name !== '[open]' && attr.name !== '[(open)]'),
+        filterFn: (el) => el.attrs.every((attr) => attr.name !== '[open]' && attr.name !== '[(open)]'),
         addAttributes: ['tuiDropdownOpen'],
     },
     {
@@ -50,4 +50,5 @@ exports.TAGS_TO_REPLACE = [
         from: 'tui-marker-icon',
         to: 'tui-avatar',
     },
+    { from: 'tui-input-card-grouped', to: 'tui-input-card-group' },
 ];

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

@@ -8,4 +8,10 @@ exports.TYPES_TO_RENAME = [
         moduleSpecifier: ['@taiga-ui/addon-doc'],
         removeImport: true,
     },
+    {
+        from: 'TuiBrightness',
+        to: "'onDark' | 'onLight'",
+        moduleSpecifier: ['@taiga-ui/core'],
+        removeImport: true,
+    },
 ];

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

@@ -1,6 +1,10 @@
 export * from './migrate-all-country-iso-codes';
 export * from './migrate-destroy-service';
 export * from './migrate-legacy-mask';
+export * from './migrate-option-providers';
+export * from './migrate-proprietary';
+export * from './migrate-styles';
 export * from './migrate-templates';
 export * from './restore-tui-mapper';
 export * from './restore-tui-matcher';
+export * from './update-packages';

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

@@ -4,6 +4,10 @@ const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./migrate-all-country-iso-codes"), exports);
 tslib_1.__exportStar(require("./migrate-destroy-service"), exports);
 tslib_1.__exportStar(require("./migrate-legacy-mask"), exports);
+tslib_1.__exportStar(require("./migrate-option-providers"), exports);
+tslib_1.__exportStar(require("./migrate-proprietary"), exports);
+tslib_1.__exportStar(require("./migrate-styles"), exports);
 tslib_1.__exportStar(require("./migrate-templates"), exports);
 tslib_1.__exportStar(require("./restore-tui-mapper"), exports);
 tslib_1.__exportStar(require("./restore-tui-matcher"), exports);
+tslib_1.__exportStar(require("./update-packages"), exports);

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

@@ -9,7 +9,7 @@ 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)...`);
     const references = (0, get_named_import_references_1.getNamedImportReferences)('TuiCountryIsoCode', '@taiga-ui/i18n');
-    references.forEach(ref => {
+    references.forEach((ref) => {
         if (ref.wasForgotten()) {
             return;
         }

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

@@ -12,7 +12,7 @@ function migrateDestroyService(options) {
         (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating TuiDestroyService => takeUntilDestroyed ...`);
     const references = (0, get_named_import_references_1.getNamedImportReferences)('TuiDestroyService', '@taiga-ui/cdk');
     const nodesForComments = [];
-    references.forEach(ref => {
+    references.forEach((ref) => {
         var _a;
         if (ref.wasForgotten()) {
             return;
@@ -30,7 +30,7 @@ function migrateDestroyService(options) {
             // providers: [TuiDestroyService]
             const index = parent
                 .getElements()
-                .findIndex(el => el.getText() === 'TuiDestroyService');
+                .findIndex((el) => el.getText() === 'TuiDestroyService');
             parent.removeElement(index);
         }
         else if (ng_morph_1.Node.isTypeReference(parent)) {
@@ -67,7 +67,7 @@ function migrateDestroyService(options) {
         else {
             nodesForComments.push(ref);
         }
-        destroyObservableUsages.forEach(node => {
+        destroyObservableUsages.forEach((node) => {
             const possibleTakeUntil = findTakeUntil(node);
             if (!possibleTakeUntil) {
                 return;
@@ -103,7 +103,7 @@ function migrateDestroyService(options) {
      * ---
      * @see https://ts-morph.com/manipulation/#strongwarningstrong
      */
-    nodesForComments.forEach(ref => {
+    nodesForComments.forEach((ref) => {
         if (ref.wasForgotten()) {
             return;
         }
@@ -117,6 +117,9 @@ function migrateDestroyService(options) {
 }
 exports.migrateDestroyService = migrateDestroyService;
 function findTakeUntil(node, maxDepth = 10) {
+    if (node.wasForgotten()) {
+        return null;
+    }
     if (ng_morph_1.Node.isCallExpression(node) && node.getText().includes('takeUntil(')) {
         return node;
     }

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

@@ -18,7 +18,7 @@ function migrateTuiMaskedMoneyValueIsEmpty(options) {
     !options['skip-logs'] &&
         (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} tuiMaskedMoneyValueIsEmpty`);
     const references = (0, get_named_import_references_1.getNamedImportReferences)('tuiMaskedMoneyValueIsEmpty', '@taiga-ui/core');
-    references.forEach(ref => {
+    references.forEach((ref) => {
         if (ref.wasForgotten()) {
             return;
         }
@@ -37,7 +37,7 @@ function migrateTuiMaskedNumberStringToNumber(options) {
     !options['skip-logs'] &&
         (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} tuiMaskedNumberStringToNumber`);
     const references = (0, get_named_import_references_1.getNamedImportReferences)('tuiMaskedNumberStringToNumber', '@taiga-ui/core');
-    references.forEach(ref => {
+    references.forEach((ref) => {
         if (ref.wasForgotten()) {
             return;
         }

package/schematics/ng-update/v4/steps/migrate-option-providers.js

@@ -19,7 +19,7 @@ function migrateInputNumberOptions(options) {
         ...(0, get_named_import_references_1.getNamedImportReferences)('tuiInputNumberOptionsProvider', '@taiga-ui/kit'),
         ...(0, get_named_import_references_1.getNamedImportReferences)('tuiInputNumberOptionsProvider', '@taiga-ui/legacy'),
     ];
-    references.forEach(ref => {
+    references.forEach((ref) => {
         if (ref.wasForgotten()) {
             return;
         }
@@ -33,7 +33,7 @@ function migrateInputNumberOptions(options) {
             const decimal = value.getProperty('decimal');
             [precision, decimal]
                 .filter((property) => !!property)
-                .forEach(property => property.remove());
+                .forEach((property) => property.remove());
             if (precision || decimal) {
                 (0, insert_todo_1.insertTodo)(parent, '"precision" and "decimal" options have been moved to FormatNumberOptions. See https://taiga-ui.dev/components/input-number#options');
             }

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

@@ -24,7 +24,7 @@ function migrateProprietary(fileSystem, options) {
 exports.migrateProprietary = migrateProprietary;
 function replaceScopePackages() {
     var _a;
-    (_a = (0, ng_morph_1.getActiveProject)()) === null || _a === void 0 ? void 0 : _a.getSourceFiles('**/**.{ts,less,scss}').forEach(sourceFile => {
+    (_a = (0, ng_morph_1.getActiveProject)()) === null || _a === void 0 ? void 0 : _a.getSourceFiles('**/**.{ts,less,scss}').forEach((sourceFile) => {
         let fullText = sourceFile.getFullText();
         fullText = fullText
             .replaceAll('@taiga-ui/proprietary-core', '@taiga-ui/proprietary')
@@ -38,7 +38,7 @@ function replaceScopePackages() {
 }
 function replaceProprietaryIconPath() {
     var _a;
-    (_a = (0, ng_morph_1.getActiveProject)()) === null || _a === void 0 ? void 0 : _a.getSourceFiles('**/{angular,project}.json').forEach(sourceFile => {
+    (_a = (0, ng_morph_1.getActiveProject)()) === null || _a === void 0 ? void 0 : _a.getSourceFiles('**/{angular,project}.json').forEach((sourceFile) => {
         let fullText = sourceFile.getFullText();
         fullText = fullText
             .replaceAll('node_modules/@taiga-ui/proprietary-icons/src', '@taiga-ui/proprietary/design-tokens/icons/src')
@@ -56,7 +56,7 @@ function removeProprietaryPackages(fileSystem) {
         '@taiga-ui/proprietary-icons',
         '@taiga-ui/proprietary-tds-icons',
         '@taiga-ui/proprietary-tds-palette',
-    ].forEach(name => (0, ng_morph_1.removePackageJsonDependency)(fileSystem.tree, name));
+    ].forEach((name) => (0, ng_morph_1.removePackageJsonDependency)(fileSystem.tree, name));
     (0, ng_morph_1.addPackageJsonDependency)(fileSystem.tree, {
         name: '@taiga-ui/proprietary',
         version: version_1.TUI_VERSION,

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

@@ -6,7 +6,7 @@ const ng_morph_1 = require("ng-morph");
 exports.TUI_RATING_WARNING = '// TODO: (Taiga UI migration): use css to customize rating gap and size. See https://taiga-ui.dev/components/rating#basic';
 function migrateStyles() {
     var _a;
-    (_a = (0, ng_morph_1.getActiveProject)()) === null || _a === void 0 ? void 0 : _a.getSourceFiles('**/**.{less,sass,scss,css}').forEach(sourceFile => {
+    (_a = (0, ng_morph_1.getActiveProject)()) === null || _a === void 0 ? void 0 : _a.getSourceFiles('**/**.{less,sass,scss,css}').forEach((sourceFile) => {
         let fullText = sourceFile.getFullText();
         fullText = fullText
             // eslint-disable-next-line

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

@@ -46,7 +46,7 @@ function migrateTemplates(fileSystem, options) {
     const progressLog = (0, progress_1.setupProgressLogger)({
         total: componentWithTemplatesPaths.length,
     });
-    componentWithTemplatesPaths.forEach(resource => {
+    componentWithTemplatesPaths.forEach((resource) => {
         const path = fileSystem.resolve((0, template_resource_1.getPathFromTemplateResource)(resource));
         const recorder = fileSystem.edit(path);
         actions.forEach((action, actionIndex) => {

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

@@ -3,8 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateAvatar = void 0;
 const add_import_to_closest_module_1 = require("../../../../utils/add-import-to-closest-module");
 const elements_1 = require("../../../../utils/templates/elements");
+const inputs_1 = require("../../../../utils/templates/inputs");
 const template_resource_1 = require("../../../../utils/templates/template-resource");
 const remove_attrs_1 = require("../utils/remove-attrs");
+const common_1 = require("./toggles/common");
+const sizeMap = {
+    xxs: 'xs',
+    xs: 's',
+    s: 'm',
+    m: 'l',
+    l: 'xl',
+    xl: 'xxl',
+    xxl: 'xxl',
+};
 function addModules(componentPath, modules) {
     modules.forEach(({ moduleName, moduleSpecifier }) => {
         (0, add_import_to_closest_module_1.addImportToClosestModule)(componentPath, moduleName, moduleSpecifier);
@@ -22,13 +33,20 @@ function normalizeAttrValue(attrName, attrValue) {
 function migrateAvatar({ resource, recorder, fileSystem, }) {
     const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
     const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
-    const elements = (0, elements_1.findElementsByTagName)(template, 'tui-avatar');
-    elements.forEach(({ attrs, sourceCodeLocation }) => {
+    const avatarElements = (0, elements_1.findElementsByTagName)(template, 'tui-avatar');
+    const markerIconElements = (0, elements_1.findElementsByTagName)(template, 'tui-marker-icon');
+    [...avatarElements, ...markerIconElements].forEach(({ attrs, sourceCodeLocation }) => {
+        if (!sourceCodeLocation) {
+            return;
+        }
+        (0, common_1.replaceSizeAttr)(attrs, sourceCodeLocation, recorder, templateOffset, sizeMap);
+    });
+    avatarElements.forEach(({ attrs, sourceCodeLocation }) => {
         var _a, _b;
-        const avatarUrlAttr = attrs.find(attr => attr.name === '[avatarurl]' || attr.name === 'avatarurl');
-        const fallbackAttr = attrs.find(attr => attr.name === '[fallback]' || attr.name === 'fallback');
-        const textAttr = attrs.find(attr => attr.name === '[text]' || attr.name === 'text');
-        const roundedAttr = attrs.find(attr => attr.name === '[rounded]' || attr.name === 'rounded');
+        const avatarUrlAttr = (0, inputs_1.findAttr)(attrs, 'avatarurl');
+        const fallbackAttr = (0, inputs_1.findAttr)(attrs, 'fallback');
+        const textAttr = (0, inputs_1.findAttr)(attrs, 'text');
+        const roundedAttr = (0, inputs_1.findAttr)(attrs, 'rounded');
         if ((!avatarUrlAttr && !textAttr) || !sourceCodeLocation) {
             return;
         }

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

@@ -11,13 +11,13 @@ function migrateBadge({ resource, recorder, fileSystem, }) {
         if (!sourceCodeLocation) {
             return;
         }
-        const valueAttr = attrs.find(attr => attr.name === '[value]' || attr.name === 'value');
+        const valueAttr = attrs.find((attr) => attr.name === '[value]' || attr.name === 'value');
         // migration for icon-only badges
         if (!valueAttr) {
             addTodo(recorder, sourceCodeLocation, templateOffset);
             return;
         }
-        const svg = childNodes === null || childNodes === void 0 ? void 0 : childNodes.find(node => node.nodeName === 'tui-svg');
+        const svg = childNodes === null || childNodes === void 0 ? void 0 : childNodes.find((node) => node.nodeName === 'tui-svg');
         if (svg) {
             migrateIcon({ svg, sourceCodeLocation, recorder, templateOffset });
         }
@@ -32,13 +32,13 @@ function migrateBadge({ resource, recorder, fileSystem, }) {
 exports.migrateBadge = migrateBadge;
 function migrateIcon({ svg, sourceCodeLocation, recorder, templateOffset, }) {
     var _a, _b, _c, _d, _e;
-    const src = (_a = svg.attrs) === null || _a === void 0 ? void 0 : _a.find(attr => attr.name === 'src');
+    const src = (_a = svg.attrs) === null || _a === void 0 ? void 0 : _a.find((attr) => attr.name === 'src');
     const srcValue = src === null || src === void 0 ? void 0 : src.value;
     if (!srcValue) {
         return;
     }
     const insertTo = templateOffset + (((_b = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.startTag) === null || _b === void 0 ? void 0 : _b.endOffset) || 0) - 1;
-    recorder.insertRight(insertTo, `${(src === null || src === void 0 ? void 0 : src.name) === 'src' ? 'iconLeft' : '[iconLeft]'}="${srcValue}"`);
+    recorder.insertRight(insertTo, `${(src === null || src === void 0 ? void 0 : src.name) === 'src' ? 'iconStart' : '[iconStart]'}="${srcValue}"`);
     recorder.remove(((_c = svg.sourceCodeLocation) === null || _c === void 0 ? void 0 : _c.startOffset) || 0, (((_d = svg.sourceCodeLocation) === null || _d === void 0 ? void 0 : _d.endOffset) || 0) -
         (((_e = svg.sourceCodeLocation) === null || _e === void 0 ? void 0 : _e.startOffset) || 0));
 }

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

@@ -9,7 +9,7 @@ function migrateExpandable({ resource, recorder, fileSystem, }) {
     const elements = (0, elements_1.findElementsWithAttributeOnTag)(template, ['[expandable]'], ['tui-input-tag', 'tui-multi-select', 'tui-input-date']);
     elements.forEach(({ attrs, sourceCodeLocation }) => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        const expandableAttr = attrs.find(attr => attr.name === '[expandable]');
+        const expandableAttr = attrs.find((attr) => attr.name === '[expandable]');
         if (!expandableAttr) {
             return;
         }
@@ -17,7 +17,7 @@ function migrateExpandable({ resource, recorder, fileSystem, }) {
         const expandableStart = (_c = (_b = (_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[expandableAttr.name]) === null || _b === void 0 ? void 0 : _b.startOffset) !== null && _c !== void 0 ? _c : 0;
         const expandableEnd = (_f = (_e = (_d = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _d === void 0 ? void 0 : _d[expandableAttr.name]) === null || _e === void 0 ? void 0 : _e.endOffset) !== null && _f !== void 0 ? _f : 0;
         if (expandableValue === 'false') {
-            const rowsAttr = attrs.find(attr => attr.name === '[rows]');
+            const rowsAttr = attrs.find((attr) => attr.name === '[rows]');
             const insertTo = ((_h = (_g = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.startTag) === null || _g === void 0 ? void 0 : _g.endOffset) !== null && _h !== void 0 ? _h : 0) - 1;
             recorder.insertRight(templateOffset + insertTo, rowsAttr ? '' : '[rows]="1"');
         }

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

@@ -13,7 +13,7 @@ function migrateFocusable({ resource, recorder, fileSystem, }) {
         if (!sourceCodeLocation) {
             return;
         }
-        const focusableAttr = attrs.find(attr => attr.name === LEGACY_ATTRIBUTE_NAME);
+        const focusableAttr = attrs.find((attr) => attr.name === LEGACY_ATTRIBUTE_NAME);
         const attributeLocation = (_a = sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[LEGACY_ATTRIBUTE_NAME];
         if (!focusableAttr || !attributeLocation) {
             return;

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

@@ -32,9 +32,7 @@ function migrateLabeled({ resource, recorder, fileSystem, }) {
         if (!sourceCodeLocation) {
             return;
         }
-        (0, add_import_to_closest_module_1.addImportToClosestModule)(resource.componentPath, tagName === 'tui-checkbox-labeled'
-            ? 'TuiCheckboxComponent'
-            : 'TuiRadioComponent', '@taiga-ui/kit');
+        (0, add_import_to_closest_module_1.addImportToClosestModule)(resource.componentPath, tagName === 'tui-checkbox-labeled' ? 'TuiCheckbox' : 'TuiRadio', '@taiga-ui/kit');
         recorder.insertRight(templateOffset + ((_b = (_a = sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.startOffset) !== null && _b !== void 0 ? _b : 1) - 1, '<label tuiLabel>');
         recorder.insertRight(templateOffset + ((_d = (_c = sourceCodeLocation.endTag) === null || _c === void 0 ? void 0 : _c.startOffset) !== null && _d !== void 0 ? _d : 1) - 1, '\n</label>');
         recorder.remove(templateOffset + ((_f = (_e = sourceCodeLocation.endTag) === null || _e === void 0 ? void 0 : _e.startOffset) !== null && _f !== void 0 ? _f : 0), tagName === 'tui-checkbox-labeled'

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

@@ -33,7 +33,7 @@ function migrateMoney({ resource, recorder, fileSystem, }) {
         if (decimalAttr || precisionAttr) {
             (0, add_import_to_closest_module_1.addImportToClosestModule)(resource.componentPath, 'TuiNumberFormat', '@taiga-ui/core');
             const format = JSON.stringify((0, clean_object_1.cleanObject)({
-                decimal: decimalAttr === null || decimalAttr === void 0 ? void 0 : decimalAttr.value,
+                decimalMode: decimalAttr === null || decimalAttr === void 0 ? void 0 : decimalAttr.value,
                 precision: precisionAttr === null || precisionAttr === void 0 ? void 0 : precisionAttr.value,
             }));
             const formatPart = `[tuiNumberFormat]='${format}'`;

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

@@ -11,7 +11,7 @@ function migrateThumbnailCard({ resource, recorder, fileSystem, }) {
         if (!sourceCodeLocation) {
             return;
         }
-        const valueAttr = attrs.find(attr => attr.name === '[cardnumber]' || attr.name === 'cardnumber');
+        const valueAttr = attrs.find((attr) => attr.name === '[cardnumber]' || attr.name === 'cardnumber');
         if (!valueAttr) {
             return;
         }

package/schematics/ng-update/v4/steps/templates/toggles/common.d.ts

@@ -5,6 +5,6 @@ export declare function replaceOpenTag(sourceCodeLocation: ElementLocation, reco
     directive: string;
     type: string;
 }): void;
-export declare function replaceSizeAttr(attrs: Attribute[], sourceCodeLocation: ElementLocation, recorder: UpdateRecorder, templateOffset: number): void;
+export declare function replaceSizeAttr(attrs: Attribute[], sourceCodeLocation: ElementLocation, recorder: UpdateRecorder, templateOffset: number, map?: Record<string, string>): void;
 export declare function removeClosingTag(sourceCodeLocation: ElementLocation, recorder: UpdateRecorder, templateOffset: number): void;
 export declare function closeStartTag({ startTag, endTag }: ElementLocation, recorder: UpdateRecorder, templateOffset: number): void;

package/schematics/ng-update/v4/steps/templates/toggles/common.js

@@ -15,16 +15,16 @@ function replaceOpenTag(sourceCodeLocation, recorder, templateOffset, { tag, dir
     recorder.insertRight(templateOffset + startTag.startOffset, `<input\n${spaces}${directive}\n${spaces}type="${type}"`);
 }
 exports.replaceOpenTag = replaceOpenTag;
-function replaceSizeAttr(attrs, sourceCodeLocation, recorder, templateOffset) {
+function replaceSizeAttr(attrs, sourceCodeLocation, recorder, templateOffset, map = sizeMap) {
     var _a;
-    const sizeAttr = attrs.find(attr => attr.name === 'size');
+    const sizeAttr = attrs.find((attr) => attr.name === 'size');
     if (sizeAttr) {
         const { startOffset, endOffset } = ((_a = sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[sizeAttr.name]) || {
             startOffset: 0,
             endOffset: 0,
         };
         recorder.remove(templateOffset + startOffset, endOffset - startOffset);
-        recorder.insertRight(templateOffset + startOffset, `size="${sizeMap[sizeAttr.value] || sizeAttr.value}"`);
+        recorder.insertRight(templateOffset + startOffset, `size="${map[sizeAttr.value] || sizeAttr.value}"`);
     }
 }
 exports.replaceSizeAttr = replaceSizeAttr;

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

@@ -0,0 +1,4 @@
+/// <reference lib="es2021" />
+import type { DevkitFileSystem } from 'ng-morph';
+import type { TuiSchema } from '../../../ng-add/schema';
+export declare function updatePackages({ tree }: DevkitFileSystem, _: TuiSchema): void;

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updatePackages = void 0;
+const ng_morph_1 = require("ng-morph");
+const version_1 = require("../../../../constants/version");
+const steps_1 = require("../../steps");
+function updatePackages({ tree }, _) {
+    const packagesToRemove = ['@taiga-ui/addon-tablebars', '@taiga-ui/addon-preview'];
+    packagesToRemove.forEach((pkg) => {
+        (0, ng_morph_1.removePackageJsonDependency)(tree, pkg);
+    });
+    (0, ng_morph_1.addPackageJsonDependency)(tree, {
+        name: '@taiga-ui/legacy',
+        version: version_1.TUI_VERSION,
+    });
+    (0, steps_1.replacePackageName)('@tinkoff/ng-polymorpheus', {
+        name: '@taiga-ui/polymorpheus',
+        version: '^4.6.4',
+    }, tree);
+    (0, steps_1.replacePackageName)('@tinkoff/ng-event-plugins', {
+        name: '@taiga-ui/event-plugins',
+        version: '^4.0.1',
+    }, tree);
+    (0, steps_1.replacePackageName)('@tinkoff/tui-editor', {
+        name: '@taiga-ui/editor',
+        version: '^2.0.0',
+    }, tree);
+}
+exports.updatePackages = updatePackages;

package/schematics/ng-update/v4/steps/utils/remove-attrs.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.removeAttrs = void 0;
 function removeAttrs(attrs, sourceCodeLocation, recorder, templateOffset) {
-    attrs.forEach(attr => {
+    attrs.forEach((attr) => {
         var _a;
         const attrOffset = (_a = sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[attr.name];
         if (attrOffset) {

package/schematics/ng-update/v4/steps/utils/replace-modules-with-providers.d.ts

@@ -0,0 +1,13 @@
+import type { TuiSchema } from '../../../../ng-add/schema';
+interface ModuleToReplace {
+    from: {
+        name: string;
+        moduleSpecifier: string;
+    };
+    to: {
+        name: string;
+        providerSpecifier: string;
+    };
+}
+export declare const replaceModulesWithProviders: (options: TuiSchema, list: ModuleToReplace[]) => void;
+export {};

package/schematics/ng-update/v4/steps/utils/replace-modules-with-providers.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceModulesWithProviders = 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 replaceModulesWithProviders = (options, list) => {
+    !options['skip-logs'] &&
+        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing modules with providers...`);
+    list.forEach(replaceModule);
+    !options['skip-logs'] &&
+        (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} modules replaced \n`);
+};
+exports.replaceModulesWithProviders = replaceModulesWithProviders;
+function replaceModule({ from, to }) {
+    const references = (0, get_named_import_references_1.getNamedImportReferences)(from.name, from.moduleSpecifier);
+    references.forEach((ref) => {
+        if (ref.wasForgotten()) {
+            return;
+        }
+        const parent = ref.getParent();
+        if (ng_morph_1.Node.isImportSpecifier(parent)) {
+            (0, import_manipulations_1.removeImport)(parent);
+            addImport(to, parent.getSourceFile().getFilePath());
+        }
+        else if (ng_morph_1.Node.isArrayLiteralExpression(parent)) {
+            parent.removeElement(ref.getChildIndex());
+            addProvider(to, parent.getSourceFile().getFilePath());
+        }
+    });
+}
+function addImport(identifier, filePath) {
+    (0, add_unique_import_1.addUniqueImport)(filePath, identifier.name, identifier.providerSpecifier);
+}
+function addProvider(identifier, filePath) {
+    const provider = `${identifier.name}()`;
+    const componentClass = (0, ng_morph_1.getNgComponents)(filePath)[0];
+    if (componentClass) {
+        (0, ng_morph_1.addProviderToComponent)(componentClass, provider);
+    }
+    const moduleClass = (0, ng_morph_1.getNgModules)(filePath)[0];
+    if (moduleClass) {
+        (0, ng_morph_1.addProviderToNgModule)(moduleClass, provider);
+    }
+}

package/schematics/ng-update/v4/steps/utils/replace-substrings.js

@@ -9,7 +9,7 @@ function replaceSubstring(text, replacement) {
 function replaceSubstrings(text, replacements) {
     let transformed = text;
     let acc = 0;
-    replacements.forEach(replacement => {
+    replacements.forEach((replacement) => {
         replacement.start += acc;
         transformed = replaceSubstring(transformed, replacement);
         acc += replacement.to.length - replacement.from.length;

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

@@ -13,6 +13,7 @@ function runMigration(before) {
         const runner = new testing_1.SchematicTestRunner('schematics', collectionPath);
         (0, ng_morph_1.setActiveProject)((0, ng_morph_1.createProject)(host));
         (0, ng_morph_1.createSourceFile)('test/app/test.component.ts', before);
+        (0, ng_morph_1.createSourceFile)('package.json', '{}');
         (0, ng_morph_1.saveActiveProject)();
         const tree = yield runner.runSchematic('updateToV4', { 'skip-logs': process.env['TUI_CI'] === 'true' }, host);
         return tree.readContent('test/app/test.component.ts');

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

@@ -16,7 +16,7 @@ function addUniqueImport(filePath, namedImport, moduleSpecifier) {
     if (existingDeclaration.length) {
         const modules = existingDeclaration[0]
             .getNamedImports()
-            .map(namedImport => namedImport.getText());
+            .map((namedImport) => namedImport.getText());
         (0, ng_morph_1.editImports)(existingDeclaration[0], () => ({
             namedImports: [...modules, namedImport],
         }));

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

@@ -10,7 +10,7 @@ const versions_1 = require("../ng-add/constants/versions");
 const get_project_target_options_1 = require("./get-project-target-options");
 const get_projects_1 = require("./get-projects");
 function hasTaigaIcons(assets) {
-    return !!(assets === null || assets === void 0 ? void 0 : assets.find(asset => {
+    return !!(assets === null || assets === void 0 ? void 0 : assets.find((asset) => {
         var _a;
         return (0, is_string_1.tuiIsString)(asset)
             ? asset.includes('taiga-ui')
@@ -33,7 +33,7 @@ function isInvalidAngularJson(tree) {
 exports.isInvalidAngularJson = isInvalidAngularJson;
 function addStylesToAngularJson(options, context, taigaStyles, filter, stylesToReplace, tree) {
     const MANUAL_MIGRATION_TIPS = `Add styles ${taigaStyles.join(',')} to angular.json manually.`;
-    return (0, workspace_1.updateWorkspace)(workspace => {
+    return (0, workspace_1.updateWorkspace)((workspace) => {
         const projects = (0, get_projects_1.getProjects)(options, workspace);
         if (!projects.length) {
             context.logger.warn(`[WARNING]: Target project not found. ${MANUAL_MIGRATION_TIPS}`);
@@ -59,11 +59,11 @@ function addStylesToAngularJson(options, context, taigaStyles, filter, stylesToR
                 targetOptions.styles = taigaStyles;
             }
             if (stylesToReplace &&
-                (styles === null || styles === void 0 ? void 0 : styles.filter(style => style !== stylesToReplace.from))) {
+                (styles === null || styles === void 0 ? void 0 : styles.filter((style) => style !== stylesToReplace.from))) {
                 targetOptions.styles = Array.from(new Set([
                     ...taigaStyles,
                     ...stylesToReplace.to,
-                    ...styles.filter(style => style !== stylesToReplace.from),
+                    ...styles.filter((style) => style !== stylesToReplace.from),
                 ]));
             }
             else {