@taiga-ui/cdk 4.0.0-rc.8 → 4.0.0

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

@@ -155,6 +155,26 @@ exports.MIGRATION_WARNINGS = [
     {
         name: 'TuiIllustrationsModule',
         moduleSpecifier: '@taiga-ui/proprietary-icons',
-        message: 'Import TuiIconPipe and use <img [src]="icon | tuiIcon" /> instead. See https://taiga-ui.tcsbank.ru/icons',
+        message: 'TuiIllustrationsModule was deleted. Import TuiIconPipe and use <img [src]="icon | tuiIcon" /> instead. See https://taiga-ui.tcsbank.ru/icons',
+    },
+    {
+        name: 'TuiIllustrationsPipe',
+        moduleSpecifier: '@taiga-ui/proprietary-icons',
+        message: 'TuiIllustrationsPipe was deleted. Import TuiIconPipe and use <img [src]="icon | tuiIcon" /> instead. See https://taiga-ui.tcsbank.ru/icons',
+    },
+    {
+        name: 'TuiIllustrationModePipe',
+        moduleSpecifier: '@taiga-ui/proprietary-icons',
+        message: 'TuiIllustrationModePipe was deleted. Import TuiIconPipe and use <img [src]="icon | tuiIcon" /> instead. See https://taiga-ui.tcsbank.ru/icons',
+    },
+    {
+        name: 'TUI_IS_MOBILE_RES',
+        moduleSpecifier: '@taiga-ui/core',
+        message: 'use TuiBreakpointService instead of TUI_IS_MOBILE_RES. Learn more https://taiga-ui.dev/services/breakpoint-service',
+    },
+    {
+        name: 'TUI_ANIMATIONS_DURATION',
+        moduleSpecifier: '@taiga-ui/core',
+        message: 'TUI_ANIMATIONS_DURATION is deleted. Use TUI_ANIMATIONS_SPEED instead (300ms divided by your previous value of TUI_ANIMATIONS_DURATION)',
     },
 ];

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

@@ -18,6 +18,10 @@ exports.MODULES_TO_REMOVE = [
         name: 'TuiPromptDialogModule',
         moduleSpecifier: '@taiga-ui/proprietary-core',
     },
+    {
+        name: 'TuiPromptModule',
+        moduleSpecifier: '@taiga-ui/kit',
+    },
     {
         name: 'TuiThemeTinkoff2023NightModule',
         moduleSpecifier: '@taiga-ui/proprietary-core',

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

@@ -23,12 +23,24 @@ exports.TYPES_TO_RENAME = [
         to: 'string',
         removeImport: true,
     },
+    {
+        from: 'TuiIllustrationCategory',
+        moduleSpecifier: ['@taiga-ui/proprietary-icons'],
+        to: 'string',
+        removeImport: true,
+    },
     {
         from: 'TuiNotificationT',
         moduleSpecifier: ['@taiga-ui/core'],
         to: 'string',
         removeImport: true,
     },
+    {
+        from: 'TuiMarkerIconMode',
+        moduleSpecifier: ['@taiga-ui/kit'],
+        to: 'string',
+        removeImport: true,
+    },
     {
         from: 'TuiOperationIcon',
         moduleSpecifier: ['@taiga-ui/proprietary-banking'],

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

@@ -2,6 +2,8 @@ export * from './migrate-alert-service';
 export * from './migrate-all-country-iso-codes';
 export * from './migrate-destroy-service';
 export * from './migrate-legacy-mask';
+export * from './migrate-month-context';
+export * from './migrate-number-format-settings';
 export * from './migrate-option-providers';
 export * from './migrate-proprietary';
 export * from './migrate-templates';

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

@@ -5,6 +5,8 @@ tslib_1.__exportStar(require("./migrate-alert-service"), exports);
 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-month-context"), exports);
+tslib_1.__exportStar(require("./migrate-number-format-settings"), exports);
 tslib_1.__exportStar(require("./migrate-option-providers"), exports);
 tslib_1.__exportStar(require("./migrate-proprietary"), exports);
 tslib_1.__exportStar(require("./migrate-templates"), exports);

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

@@ -38,7 +38,7 @@ function migrateAlertService(options) {
     // inject(TuiAlertService).open(...)
     const viaDirectInjects = alertServiceRefs.map((x) => x.getFirstAncestor((node) => node.isKind(ng_morph_1.SyntaxKind.CallExpression) &&
         node.getFullText().includes('inject(TuiAlertService') &&
-        node.getFullText().includes('.open(')));
+        node.getFullText().includes('.open')));
     // readonly alertService = inject(TuiAlertService);
     const viaClassProperty = alertServiceRefs
         .map((x) => {
@@ -53,21 +53,43 @@ function migrateAlertService(options) {
         .map((x) => { var _a; return (_a = x.getFirstAncestorByKind(ng_morph_1.SyntaxKind.Parameter)) === null || _a === void 0 ? void 0 : _a.findReferencesAsNodes(); })
         .flat()
         .map(toAlertServiceOpenCallExpression);
-    [...viaDirectInjects, ...viaClassProperty, ...viaConstructorParam].forEach((callExpression) => {
+    const inlineAlertOptions = [
+        ...viaDirectInjects,
+        ...viaClassProperty,
+        ...viaConstructorParam,
+    ]
+        .map((callExpression) => {
         if (!callExpression || callExpression.wasForgotten()) {
             return;
         }
         const [, arg] = callExpression.getArguments();
-        const options = (arg === null || arg === void 0 ? void 0 : arg.isKind(ng_morph_1.SyntaxKind.PropertyAccessExpression))
+        return (arg === null || arg === void 0 ? void 0 : arg.isKind(ng_morph_1.SyntaxKind.PropertyAccessExpression))
             ? findOptionsInitializer(arg)
             : arg;
-        if (!(options === null || options === void 0 ? void 0 : options.isKind(ng_morph_1.SyntaxKind.ObjectLiteralExpression))) {
-            return;
-        }
+    })
+        .filter(ng_morph_1.Node.isObjectLiteralExpression);
+    const standaloneAlertOptions = (0, get_named_import_references_1.getNamedImportReferences)('TuiAlertOptions', '@taiga-ui/core')
+        .map((n) => {
+        const type = n.getFirstAncestorByKind(ng_morph_1.SyntaxKind.TypeReference);
+        const siblings = [
+            ...((type === null || type === void 0 ? void 0 : type.getPreviousSiblings()) || []),
+            ...((type === null || type === void 0 ? void 0 : type.getNextSiblings()) || []),
+        ];
+        return siblings.find(ng_morph_1.Node.isObjectLiteralExpression);
+    })
+        .filter((x) => !!x);
+    [...inlineAlertOptions, ...standaloneAlertOptions].forEach((options) => {
         Object.entries(OPTIONS_MIGRATIONS).forEach(([propertyName, migration]) => {
             const property = options.getProperty(propertyName);
-            if (property) {
-                migration(property);
+            if (!property) {
+                return;
+            }
+            const isShorthandPropertyAssignment = ng_morph_1.Node.isShorthandPropertyAssignment(property) &&
+                !property.hasObjectAssignmentInitializer();
+            const previousPropertyText = property.getText();
+            migration(property);
+            if (isShorthandPropertyAssignment && !property.wasForgotten()) {
+                property.replaceWithText(`${property.getText()}: ${previousPropertyText}`);
             }
         });
     });
@@ -76,7 +98,7 @@ function migrateAlertService(options) {
 }
 exports.migrateAlertService = migrateAlertService;
 function toAlertServiceOpenCallExpression(node) {
-    return node === null || node === void 0 ? void 0 : node.getFirstAncestor((x) => x.isKind(ng_morph_1.SyntaxKind.CallExpression) && x.getFullText().includes('.open('));
+    return node === null || node === void 0 ? void 0 : node.getFirstAncestor((x) => x.isKind(ng_morph_1.SyntaxKind.CallExpression) && x.getFullText().includes('.open'));
 }
 function findOptionsInitializer(ref) {
     var _a;

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

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

package/schematics/ng-update/v4/steps/migrate-month-context.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateMonthContext = 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 migrateMonthContext(options) {
+    !options['skip-logs'] &&
+        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating TuiBooleanHandlerWithContext<TuiMonth, TuiMonthContext> ...`);
+    const monthContextRefs = (0, get_named_import_references_1.getNamedImportReferences)('TuiMonthContext', '@taiga-ui/kit');
+    monthContextRefs
+        .map((n) => n.getFirstAncestorByKind(ng_morph_1.SyntaxKind.TypeReference))
+        .forEach((ref) => {
+        if (!ref || ref.wasForgotten()) {
+            return;
+        }
+        const booleanHandlerWithContext = ref.getFirstAncestor((node) => node.isKind(ng_morph_1.SyntaxKind.TypeReference) &&
+            !!node
+                .getText()
+                .match(/TuiBooleanHandlerWithContext<\s*TuiMonth\s*,\s*TuiMonthContext\s*>/));
+        if (!booleanHandlerWithContext) {
+            return;
+        }
+        booleanHandlerWithContext.replaceWithText('TuiBooleanHandler<TuiMonth>');
+        (0, add_unique_import_1.addUniqueImport)(booleanHandlerWithContext.getSourceFile().getFilePath(), 'TuiBooleanHandler', '@taiga-ui/cdk');
+    });
+    [
+        ...monthContextRefs,
+        ...(0, get_named_import_references_1.getNamedImportReferences)('TuiBooleanHandlerWithContext', '@taiga-ui/kit'),
+    ]
+        .map((node) => !node.wasForgotten() &&
+        node.getFirstAncestorByKind(ng_morph_1.SyntaxKind.ImportSpecifier))
+        .filter((x) => !!x)
+        .forEach(import_manipulations_1.removeImport);
+    !options['skip-logs'] && (0, colored_log_1.titleLog)(`${colored_log_1.FINISH_SYMBOL} successfully migrated \n`);
+}
+exports.migrateMonthContext = migrateMonthContext;

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

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

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

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateNumberFormatSettings = 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 = {
+    decimalLimit: (property) => property.replaceWithText(property.getText().replace('decimalLimit', 'precision')),
+    decimal: (property) => {
+        const [, propertyValue] = property.getText().split(/\s?:\s?/);
+        property.replaceWithText(propertyValue.match(/^['"`]never['"`]$/)
+            ? 'precision: 0'
+            : property.getText().replace('decimal', 'decimalMode'));
+    },
+    zeroPadding: (property) => {
+        const [, propertyValue] = property.getText().split(/\s?:\s?/);
+        if (propertyValue === 'true') {
+            property.replaceWithText('decimalMode: "always"');
+        }
+        else {
+            property.replaceWithText(`// TODO: (Taiga UI migration) "zeroPadding" is deleted. Use "decimalMode" instead https://taiga-ui.dev/pipes/format-number/API \n${property.getText()}`);
+        }
+    },
+};
+function migrateNumberFormatSettings(options) {
+    !options['skip-logs'] &&
+        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating TuiNumberFormatSettings...`);
+    const asFunctionArgument = [
+        ...(0, get_named_import_references_1.getNamedImportReferences)('tuiFormatNumber', '@taiga-ui/core'),
+        ...(0, get_named_import_references_1.getNamedImportReferences)('tuiNumberFormatProvider', '@taiga-ui/core'),
+    ].map((n) => {
+        var _a;
+        return (_a = n
+            .getFirstAncestorByKind(ng_morph_1.SyntaxKind.CallExpression)) === null || _a === void 0 ? void 0 : _a.getFirstDescendantByKind(ng_morph_1.SyntaxKind.ObjectLiteralExpression);
+    });
+    const asStandaloneSettingsObject = (0, get_named_import_references_1.getNamedImportReferences)('TuiNumberFormatSettings', '@taiga-ui/core').map((n) => {
+        const type = n.getFirstAncestorByKind(ng_morph_1.SyntaxKind.TypeReference);
+        const siblings = [
+            ...((type === null || type === void 0 ? void 0 : type.getPreviousSiblings()) || []),
+            ...((type === null || type === void 0 ? void 0 : type.getNextSiblings()) || []),
+        ];
+        return siblings.find(ng_morph_1.Node.isObjectLiteralExpression);
+    });
+    [...asFunctionArgument, ...asStandaloneSettingsObject]
+        .filter(ng_morph_1.Node.isObjectLiteralExpression)
+        .forEach((options) => {
+        Object.entries(OPTIONS_MIGRATIONS).forEach(([propertyName, migration]) => {
+            const property = options.getProperty(propertyName);
+            if (!property) {
+                return;
+            }
+            const isShorthandPropertyAssignment = ng_morph_1.Node.isShorthandPropertyAssignment(property) &&
+                !property.hasObjectAssignmentInitializer();
+            const previousPropertyText = property.getText();
+            migration(property);
+            if (isShorthandPropertyAssignment && !property.wasForgotten()) {
+                property.replaceWithText(`${property.getText()}: ${previousPropertyText}`);
+            }
+        });
+    });
+    !options['skip-logs'] &&
+        (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} migration of TuiNumberFormatSettings completes \n`);
+}
+exports.migrateNumberFormatSettings = migrateNumberFormatSettings;

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

@@ -33,8 +33,13 @@ function replaceRootIdentifier(ref, fileSystem) {
     const callExpression = ref.getParentWhile(ng_morph_1.Node.isCallExpression);
     if (callExpression &&
         callExpression.getExpression().getText() === 'importProvidersFrom') {
-        ref.replaceWithText('');
-        addProviders(callExpression, fileSystem);
+        const node = callExpression
+            .getArguments()
+            .find((arg) => arg.getText() === ref.getText());
+        if (node) {
+            callExpression.removeArgument(node);
+            addProviders(callExpression, fileSystem);
+        }
     }
     else {
         ref.replaceWithText('TuiRoot');

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

@@ -3,7 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateStyles = exports.TUI_RATING_WARNING = void 0;
 /// <reference lib="es2021" />
 const ng_morph_1 = require("ng-morph");
+const migrate_less_scss_constants_1 = require("./migrate-less-scss-constants");
+const migrate_scrollbar_behavior_1 = require("./migrate-scrollbar-behavior");
+const migrate_shadow_mixins_1 = require("./migrate-shadow-mixins");
 const migrate_space_mixins_1 = require("./migrate-space-mixins");
+const migrate_text_mixins_1 = require("./migrate-text-mixins");
 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;
@@ -20,8 +24,14 @@ function migrateStyles() {
             .replaceAll('@taiga-ui/proprietary-core/styles/theme-tinkoff-mobile-2023', '@taiga-ui/proprietary/styles/tbank-theme-mobile.less')
             .replaceAll('@taiga-ui/proprietary-core/styles/theme-tinkoff-mobile', '@taiga-ui/proprietary/styles/tbank-theme-mobile.less')
             .replaceAll('@taiga-ui/proprietary-core/styles/theme-tinkoff', '@taiga-ui/proprietary/styles/tbank-theme');
-        fullText = (0, migrate_space_mixins_1.migrateSpaceMixins)(fullText);
-        sourceFile.replaceWithText(fullText);
+        const newFileContent = [
+            migrate_space_mixins_1.migrateSpaceMixins,
+            migrate_text_mixins_1.migrateTextMixins,
+            migrate_shadow_mixins_1.migrateShadowMixins,
+            migrate_less_scss_constants_1.migrateLessSCSSConstants,
+            migrate_scrollbar_behavior_1.migrateScrollbarBehavior,
+        ].reduce((text, migrate) => migrate(text), fullText);
+        sourceFile.replaceWithText(newFileContent);
     });
     (0, ng_morph_1.saveActiveProject)();
 }

package/schematics/ng-update/v4/steps/styles/migrate-less-scss-constants.d.ts

@@ -0,0 +1 @@
+export declare function migrateLessSCSSConstants(fileContent: string): string;

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateLessSCSSConstants = void 0;
+const MAPPING = {
+    space: '0.25rem',
+};
+function migrateLessSCSSConstants(fileContent) {
+    if (!fileContent.includes('@taiga-ui/core/styles/taiga-ui-local')) {
+        return fileContent;
+    }
+    return fileContent.replaceAll(new RegExp(`[$|@](${Object.keys(MAPPING).join('|')})`, 'g'), (_, variable) => MAPPING[variable]);
+}
+exports.migrateLessSCSSConstants = migrateLessSCSSConstants;

package/schematics/ng-update/v4/steps/styles/migrate-scrollbar-behavior.d.ts

@@ -0,0 +1 @@
+export declare function migrateScrollbarBehavior(fileContent: string): string;

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateScrollbarBehavior = void 0;
+function migrateScrollbarBehavior(fileContent) {
+    if (!fileContent.includes('@taiga-ui/core/styles/taiga-ui-local')) {
+        return fileContent;
+    }
+    return fileContent.replaceAll('.scroll-behavior()', 'scroll-behavior: var(--tui-scroll-behavior)');
+}
+exports.migrateScrollbarBehavior = migrateScrollbarBehavior;

package/schematics/ng-update/v4/steps/styles/migrate-shadow-mixins.d.ts

@@ -0,0 +1 @@
+export declare function migrateShadowMixins(fileContent: string): string;

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateShadowMixins = void 0;
+const MAPPING = {
+    'shadow()': 'var(--tui-shadow-small)',
+    'shadow(1)': 'var(--tui-shadow-small)',
+    'shadow(2)': 'var(--tui-shadow-medium)',
+    'shadow(3)': 'var(--tui-shadow-popup)',
+    'shadow(4)': 'var(--tui-shadow-medium)',
+    'shadow(5)': 'var(--tui-shadow-small-hover)',
+    'shadow(6)': 'var(--tui-shadow-small)',
+    'shadow(7)': 'var(--tui-shadow-popup)',
+};
+// .shadow(2);
+// @include shadow(2);
+const MIXIN_RE = /(?:@include\s|\.)(shadow\(\d*\))(\s?!important)?;/g;
+function migrateShadowMixins(fileContent) {
+    if (!fileContent.includes('@taiga-ui/core/styles/taiga-ui-local')) {
+        return fileContent;
+    }
+    return fileContent.replaceAll(MIXIN_RE, (_, mixin, important = '') => `box-shadow: ${MAPPING[mixin]}${important};`);
+}
+exports.migrateShadowMixins = migrateShadowMixins;

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

@@ -13,8 +13,8 @@ const DIRECTION_MAPPING = {
 const SPACE = 0.25;
 // .tui-space(top, 4);
 // @include tui-space(top, 4);
-const MIXIN_RE = new RegExp(`(?:@include\\s|\\.)tui-space\\((?<direction>${Object.keys(DIRECTION_MAPPING).join('|')}),\\s?(?<size>-?\\d+)\\);`, 'g');
+const MIXIN_RE = new RegExp(`(?:@include\\s|\\.)tui-space\\((?<direction>${Object.keys(DIRECTION_MAPPING).join('|')}),\\s?(?<size>-?\\d+)\\)(\\s?!important)?;`, 'g');
 function migrateSpaceMixins(fileContent) {
-    return fileContent.replaceAll(MIXIN_RE, (_, direction, size) => `${DIRECTION_MAPPING[direction].map((property) => `${property}: ${Number(size) * SPACE}rem;`).join('\n')}`);
+    return fileContent.replaceAll(MIXIN_RE, (_, direction, size, important = '') => `${DIRECTION_MAPPING[direction].map((property) => `${property}: ${Number(size) * SPACE}rem${important};`).join('\n')}`);
 }
 exports.migrateSpaceMixins = migrateSpaceMixins;

package/schematics/ng-update/v4/steps/styles/migrate-text-mixins.d.ts

@@ -0,0 +1 @@
+export declare function migrateTextMixins(fileContent: string): string;

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

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateTextMixins = void 0;
+const MAPPING = {
+    'text-h1': ['font: var(--tui-font-heading-1)'],
+    'text-h2': ['font: var(--tui-font-heading-2)'],
+    'text-h3': ['font: var(--tui-font-heading-3)'],
+    'text-h4': ['font: var(--tui-font-heading-4)'],
+    'text-h5': ['font: var(--tui-font-heading-5)'],
+    'text-h6': ['font: var(--tui-font-heading-6)'],
+    'text-body-xl-bold': ['font: var(--tui-font-text-xl)', 'font-weight: bold'],
+    'text-body-xl': ['font: var(--tui-font-text-xl)'],
+    'text-body-xs': ['font: var(--tui-font-text-xs)'],
+    'text-caption-l-bold': [
+        'font-size: 0.8125rem',
+        'font-weight: bold',
+        'font-family: var(--tui-font-text)',
+        'letter-spacing: 0.0625rem',
+        'text-transform: uppercase',
+    ],
+    'text-caption-l': [
+        'font-size: 0.8125rem',
+        'font-weight: normal',
+        'font-family: var(--tui-font-text)',
+        'letter-spacing: 0.0625rem',
+        'text-transform: uppercase',
+    ],
+    'text-caption-bold': [
+        'font-size: 0.6875rem',
+        'font-weight: bold',
+        'font-family: var(--tui-font-text)',
+        'letter-spacing: 0.0625rem',
+        'text-transform: uppercase',
+    ],
+    'text-caption': [
+        'font-size: 0.6875rem',
+        'font-weight: normal',
+        'font-family: var(--tui-font-text)',
+        'letter-spacing: 0.0625rem',
+        'text-transform: uppercase',
+    ],
+};
+// .tui-text-h1();
+// @include tui-text-h1();
+const MIXIN_RE = /(?:@include\s|\.)(text-[\w-]+)\(([\w-,\s]+)?\)(\s?!important)?;/g;
+function migrateTextMixins(fileContent) {
+    if (!fileContent.includes('@taiga-ui/core/styles/taiga-ui-local')) {
+        return fileContent;
+    }
+    return fileContent.replaceAll(MIXIN_RE, (originalString, mixinName, important = '') => MAPPING[mixinName]
+        ? `${MAPPING[mixinName].map((newValue) => `${newValue}${important};`).join('\n')}`
+        : `${originalString} // TODO: this mixin was deleted. Replace it with inline styles. Find it source code in https://github.com/taiga-family/taiga-ui/blob/v3.x/projects/core/styles/mixins/text.less`);
+}
+exports.migrateTextMixins = migrateTextMixins;

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

@@ -59,7 +59,7 @@ function migrateBadgedContent({ resource, recorder, fileSystem, }) {
         });
         if (!rounded || rounded.value === 'true') {
             const insertTo = (_b = (_a = sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.endOffset) !== null && _b !== void 0 ? _b : 0;
-            recorder.insertRight(insertTo + templateOffset - 1, '[style.--tui-radius.%]="50"');
+            recorder.insertRight(insertTo + templateOffset - 1, ' [style.--tui-radius.%]="50"');
         }
         const attrsToRemove = [
             colorBottomAttr,

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

@@ -15,7 +15,7 @@ function migrateLabeled({ resource, recorder, fileSystem, }) {
         data: [
             {
                 attrNames: ['size'],
-                values: [
+                valueReplacer: [
                     { from: 'l', to: 'm' },
                     { from: 'm', to: 's' },
                 ],

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

@@ -14,14 +14,16 @@ function migrateNotification({ resource, recorder, fileSystem, }) {
         ...(0, elements_1.findElementsWithAttributeOnTag)(template, ['tuiNotification'], ['button', 'a']),
     ];
     elements.forEach(({ attrs, sourceCodeLocation, tagName, childNodes }) => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         const sizeAttr = (0, inputs_1.findAttr)(attrs, 'size');
+        const hasIconAttr = (0, inputs_1.findAttr)(attrs, 'hasIcon');
         const hideCloseAttr = (0, inputs_1.findAttr)(attrs, 'hideClose');
         const closeListener = (0, inputs_1.findAttr)(attrs, '(close)');
         const { startTag, endTag } = sourceCodeLocation || {};
         const hideCloseAttrLocation = (_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[(hideCloseAttr === null || hideCloseAttr === void 0 ? void 0 : hideCloseAttr.name) || ''];
+        const hasIconAttrLocation = (_b = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _b === void 0 ? void 0 : _b[(hasIconAttr === null || hasIconAttr === void 0 ? void 0 : hasIconAttr.name) || ''];
         if (!sizeAttr) {
-            recorder.insertRight(templateOffset + ((_b = startTag === null || startTag === void 0 ? void 0 : startTag.startOffset) !== null && _b !== void 0 ? _b : 0) + `<${tagName}`.length, ' size="m"');
+            recorder.insertRight(templateOffset + ((_c = startTag === null || startTag === void 0 ? void 0 : startTag.startOffset) !== null && _c !== void 0 ? _c : 0) + `<${tagName}`.length, ' size="m"');
         }
         if (closeListener) {
             const hasProprietaryPackages = !!(0, ng_morph_1.getPackageJsonDependency)(fileSystem.tree, '@taiga-ui/proprietary-core');
@@ -31,12 +33,28 @@ function migrateNotification({ resource, recorder, fileSystem, }) {
                 ? '@tui.pragmatic.small.cross'
                 : '@tui.x';
             const closeButtonTemplate = ` <button${ifCondition} tuiIconButton iconStart="${closeIconName}"></button>`;
-            recorder.insertRight(templateOffset + ((_c = endTag === null || endTag === void 0 ? void 0 : endTag.startOffset) !== null && _c !== void 0 ? _c : 0), closeButtonTemplate);
+            recorder.insertRight(templateOffset + ((_d = endTag === null || endTag === void 0 ? void 0 : endTag.startOffset) !== null && _d !== void 0 ? _d : 0), closeButtonTemplate);
             if (hideCloseAttrLocation) {
                 const { startOffset, endOffset } = hideCloseAttrLocation;
                 recorder.remove(templateOffset + startOffset, endOffset - startOffset);
             }
         }
+        if (hasIconAttr && hasIconAttrLocation) {
+            const { startOffset, endOffset } = hasIconAttrLocation;
+            const attrOffset = templateOffset + startOffset;
+            const attrLength = endOffset - startOffset;
+            switch (hasIconAttr.value) {
+                case 'false':
+                    recorder.remove(attrOffset, attrLength);
+                    recorder.insertRight(attrOffset, 'icon=""');
+                    break;
+                case 'true':
+                    recorder.remove(attrOffset, attrLength);
+                    break;
+                default:
+                    recorder.insertLeft(templateOffset + ((startTag === null || startTag === void 0 ? void 0 : startTag.startOffset) || 0), '<!-- TODO: (Taiga UI migration) "hasIcon" is deleted. Use icon="" to hide icon. Or pass TUI_NOTIFICATION_DEFAULT_OPTIONS["icon"] to show it again. Learn more: https://taiga-ui.dev/components/notification -->\n');
+            }
+        }
         if (childNodes.length > 1 && startTag && endTag) {
             recorder.insertRight(templateOffset + startTag.endOffset, '<div>');
             recorder.insertLeft(templateOffset + endTag.startOffset, '</div>');

package/services/index.d.ts

@@ -1,4 +1,4 @@
 export * from './id.service';
 export * from './popover.service';
 export * from './scroll.service';
-export * from './static-request.service';
+export * from './theme-color.service';

package/services/theme-color.service.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+export declare const TUI_THEME_COLOR: import("@angular/core").InjectionToken<string>;
+interface TuiThemeColor {
+    get color(): string;
+    set color(value: string);
+}
+export declare class TuiThemeColorService implements TuiThemeColor {
+    private readonly current;
+    private readonly doc;
+    private readonly meta;
+    get color(): string;
+    set color(content: string);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiThemeColorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TuiThemeColorService>;
+}
+export {};

package/esm2022/services/static-request.service.mjs

@@ -1,33 +0,0 @@
-import { Injectable } from '@angular/core';
-import { shareReplay, switchMap } from 'rxjs';
-import { fromFetch } from 'rxjs/fetch';
-import * as i0 from "@angular/core";
-class TuiStaticRequestService {
-    constructor() {
-        this.cache = new Map();
-    }
-    request(url) {
-        const cache = this.cache.get(url);
-        if (cache) {
-            return cache;
-        }
-        const piped = fromFetch(url).pipe(switchMap(async (response) => {
-            if (response.ok) {
-                return response.text();
-            }
-            throw new Error(`Failed to load ${url} (${response.statusText})`);
-        }), shareReplay({ bufferSize: 1, refCount: false }));
-        this.cache.set(url, piped);
-        return piped;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiStaticRequestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiStaticRequestService, providedIn: 'root' }); }
-}
-export { TuiStaticRequestService };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiStaticRequestService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdGljLXJlcXVlc3Quc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2Nkay9zZXJ2aWNlcy9zdGF0aWMtcmVxdWVzdC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFDLFdBQVcsRUFBRSxTQUFTLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFDNUMsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLFlBQVksQ0FBQzs7QUFFckMsTUFHYSx1QkFBdUI7SUFIcEM7UUFJcUIsVUFBSyxHQUFHLElBQUksR0FBRyxFQUE4QixDQUFDO0tBd0JsRTtJQXRCVSxPQUFPLENBQUMsR0FBVztRQUN0QixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUVsQyxJQUFJLEtBQUssRUFBRTtZQUNQLE9BQU8sS0FBSyxDQUFDO1NBQ2hCO1FBRUQsTUFBTSxLQUFLLEdBQUcsU0FBUyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FDN0IsU0FBUyxDQUFDLEtBQUssRUFBRSxRQUFRLEVBQUUsRUFBRTtZQUN6QixJQUFJLFFBQVEsQ0FBQyxFQUFFLEVBQUU7Z0JBQ2IsT0FBTyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7YUFDMUI7WUFFRCxNQUFNLElBQUksS0FBSyxDQUFDLGtCQUFrQixHQUFHLEtBQUssUUFBUSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUM7UUFDdEUsQ0FBQyxDQUFDLEVBQ0YsV0FBVyxDQUFDLEVBQUMsVUFBVSxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFDLENBQUMsQ0FDaEQsQ0FBQztRQUVGLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsQ0FBQztRQUUzQixPQUFPLEtBQUssQ0FBQztJQUNqQixDQUFDOytHQXhCUSx1QkFBdUI7bUhBQXZCLHVCQUF1QixjQUZwQixNQUFNOztTQUVULHVCQUF1Qjs0RkFBdkIsdUJBQXVCO2tCQUhuQyxVQUFVO21CQUFDO29CQUNSLFVBQVUsRUFBRSxNQUFNO2lCQUNyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7SW5qZWN0YWJsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgdHlwZSB7T2JzZXJ2YWJsZX0gZnJvbSAncnhqcyc7XG5pbXBvcnQge3NoYXJlUmVwbGF5LCBzd2l0Y2hNYXB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHtmcm9tRmV0Y2h9IGZyb20gJ3J4anMvZmV0Y2gnO1xuXG5ASW5qZWN0YWJsZSh7XG4gICAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlTdGF0aWNSZXF1ZXN0U2VydmljZSB7XG4gICAgcHJpdmF0ZSByZWFkb25seSBjYWNoZSA9IG5ldyBNYXA8c3RyaW5nLCBPYnNlcnZhYmxlPHN0cmluZz4+KCk7XG5cbiAgICBwdWJsaWMgcmVxdWVzdCh1cmw6IHN0cmluZyk6IE9ic2VydmFibGU8c3RyaW5nPiB7XG4gICAgICAgIGNvbnN0IGNhY2hlID0gdGhpcy5jYWNoZS5nZXQodXJsKTtcblxuICAgICAgICBpZiAoY2FjaGUpIHtcbiAgICAgICAgICAgIHJldHVybiBjYWNoZTtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IHBpcGVkID0gZnJvbUZldGNoKHVybCkucGlwZShcbiAgICAgICAgICAgIHN3aXRjaE1hcChhc3luYyAocmVzcG9uc2UpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAocmVzcG9uc2Uub2spIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHJlc3BvbnNlLnRleHQoKTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYEZhaWxlZCB0byBsb2FkICR7dXJsfSAoJHtyZXNwb25zZS5zdGF0dXNUZXh0fSlgKTtcbiAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgc2hhcmVSZXBsYXkoe2J1ZmZlclNpemU6IDEsIHJlZkNvdW50OiBmYWxzZX0pLFxuICAgICAgICApO1xuXG4gICAgICAgIHRoaXMuY2FjaGUuc2V0KHVybCwgcGlwZWQpO1xuXG4gICAgICAgIHJldHVybiBwaXBlZDtcbiAgICB9XG59XG4iXX0=