@taiga-ui/cdk 4.0.0-rc.1 → 4.0.0-rc.10

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

@@ -0,0 +1,3 @@
+import { type DevkitFileSystem } from 'ng-morph';
+import type { TuiSchema } from '../../../ng-add/schema';
+export declare function migrateRoot(fileSystem: DevkitFileSystem, options: TuiSchema): void;

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

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateRoot = 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 migrateRoot(fileSystem, options) {
+    !options['skip-logs'] &&
+        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} updating TuiRoot`);
+    const refs = [
+        ...(0, get_named_import_references_1.getNamedImportReferences)('TuiRootModule', '@taiga-ui/core'),
+        ...(0, get_named_import_references_1.getNamedImportReferences)('TuiProprietaryRootModule', '@taiga-ui/proprietary-core'),
+        ...(0, get_named_import_references_1.getNamedImportReferences)('TuiProprietaryRoot2023Module', '@taiga-ui/proprietary-core'),
+    ];
+    for (const ref of refs) {
+        if (ref.wasForgotten()) {
+            return;
+        }
+        const parent = ref.getParent();
+        if (ng_morph_1.Node.isImportSpecifier(parent)) {
+            (0, import_manipulations_1.removeImport)(parent);
+            (0, add_unique_import_1.addUniqueImport)(parent.getSourceFile().getFilePath(), 'TuiRoot', '@taiga-ui/core');
+        }
+        else {
+            replaceRootIdentifier(ref, fileSystem);
+        }
+    }
+}
+exports.migrateRoot = migrateRoot;
+function replaceRootIdentifier(ref, fileSystem) {
+    const callExpression = ref.getParentWhile(ng_morph_1.Node.isCallExpression);
+    if (callExpression &&
+        callExpression.getExpression().getText() === 'importProvidersFrom') {
+        const node = callExpression
+            .getArguments()
+            .find((arg) => arg.getText() === ref.getText());
+        if (node) {
+            callExpression.removeArgument(node);
+            addProviders(callExpression, fileSystem);
+        }
+    }
+    else {
+        ref.replaceWithText('TuiRoot');
+    }
+}
+function addProviders(callExpression, fileSystem) {
+    const array = callExpression.getParentWhile(ng_morph_1.Node.isArrayLiteralExpression);
+    if (!array) {
+        return;
+    }
+    array.addElement('NG_EVENT_PLUGINS');
+    (0, add_unique_import_1.addUniqueImport)(array.getSourceFile().getFilePath(), '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');
+    if (proprietary) {
+        array.addElement('TBANK_PROVIDERS');
+        (0, add_unique_import_1.addUniqueImport)(array.getSourceFile().getFilePath(), 'TBANK_PROVIDERS', '@taiga-ui/proprietary');
+    }
+}

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

@@ -10,6 +10,8 @@ const templates_1 = require("../../utils/templates");
 const replace_attrs_by_directives_1 = require("../../utils/templates/replace-attrs-by-directives");
 const constants_2 = require("./constants");
 const templates_2 = require("./templates");
+const migrate_blocked_1 = require("./templates/migrate-blocked");
+const migrate_number_precision_1 = require("./templates/migrate-number-precision");
 function getAction({ action, requiredData, }) {
     return ({ resource, fileSystem, recorder, }) => action({ resource, fileSystem, recorder, data: requiredData });
 }
@@ -27,6 +29,7 @@ function migrateTemplates(fileSystem, options) {
         getAction({ action: templates_1.replaceAttrs, requiredData: constants_2.ATTRS_TO_REPLACE }),
         getAction({ action: templates_1.replaceAttrValues, requiredData: constants_2.ATTR_WITH_VALUES_TO_REPLACE }),
         getAction({ action: templates_1.removeInputs, requiredData: constants_2.INPUTS_TO_REMOVE }),
+        templates_2.migrateAxes,
         templates_2.migrateBadge,
         templates_2.migrateCheckbox,
         templates_2.migrateFocusable,
@@ -36,15 +39,22 @@ function migrateTemplates(fileSystem, options) {
         templates_2.migrateExpandable,
         templates_2.migrateBadgedContent,
         templates_2.migratePreventDefault,
+        templates_2.migrateMobileTabs,
         templates_2.migrateMoney,
         templates_2.migrateLabeled,
+        migrate_blocked_1.migrateBlocked,
         templates_2.migrateProgressSegmented,
         templates_2.migrateThumbnailCard,
+        templates_2.migrateOverscroll,
+        templates_2.migrateButtonAppearance,
+        templates_2.migrateLabel,
+        migrate_number_precision_1.migrateNumberPrecision,
+        templates_2.migrateNotification,
     ];
     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/styles/index.js

@@ -0,0 +1,38 @@
+"use strict";
+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;
+    (_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
+            .replace(/^(.*--tui-rating-size.*)$/gm, `${exports.TUI_RATING_WARNING}\n$1`)
+            // eslint-disable-next-line
+            .replace(/^(.*--tui-rating-gap.*)$/gm, `${exports.TUI_RATING_WARNING}\n$1`)
+            .replaceAll('--tui-link-icon-size', '--tui-icon-size')
+            .replaceAll('@taiga-ui/proprietary-core/styles/tinkoff-fonts', '@taiga-ui/proprietary/styles/tbank-fonts')
+            .replaceAll('@taiga-ui/proprietary-core/styles/theme-tinkoff-2023', '@taiga-ui/proprietary/styles/tbank-theme')
+            .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');
+        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)();
+}
+exports.migrateStyles = migrateStyles;

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.d.ts

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

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateSpaceMixins = void 0;
+const DIRECTION_MAPPING = {
+    all: ['margin'],
+    top: ['margin-top'],
+    bottom: ['margin-bottom'],
+    left: ['margin-left'],
+    right: ['margin-right'],
+    vertical: ['margin-top', 'margin-bottom'],
+    horizontal: ['margin-left', 'margin-right'],
+};
+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+)\\)(\\s?!important)?;`, 'g');
+function migrateSpaceMixins(fileContent) {
+    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/index.d.ts

@@ -1,10 +1,16 @@
 export * from './migrate-avatar';
+export * from './migrate-axes';
 export * from './migrate-badge';
 export * from './migrate-badged-content';
+export * from './migrate-button-appearance';
 export * from './migrate-expandable';
 export * from './migrate-focusable';
+export * from './migrate-label';
 export * from './migrate-labeled';
+export * from './migrate-mobile-tabs';
 export * from './migrate-money';
+export * from './migrate-notification';
+export * from './migrate-overscroll';
 export * from './migrate-prevent-default';
 export * from './migrate-progress-segmented';
 export * from './migrate-thumbnail-card';

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

@@ -2,12 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./migrate-avatar"), exports);
+tslib_1.__exportStar(require("./migrate-axes"), exports);
 tslib_1.__exportStar(require("./migrate-badge"), exports);
 tslib_1.__exportStar(require("./migrate-badged-content"), exports);
+tslib_1.__exportStar(require("./migrate-button-appearance"), exports);
 tslib_1.__exportStar(require("./migrate-expandable"), exports);
 tslib_1.__exportStar(require("./migrate-focusable"), exports);
+tslib_1.__exportStar(require("./migrate-label"), exports);
 tslib_1.__exportStar(require("./migrate-labeled"), exports);
+tslib_1.__exportStar(require("./migrate-mobile-tabs"), exports);
 tslib_1.__exportStar(require("./migrate-money"), exports);
+tslib_1.__exportStar(require("./migrate-notification"), exports);
+tslib_1.__exportStar(require("./migrate-overscroll"), exports);
 tslib_1.__exportStar(require("./migrate-prevent-default"), exports);
 tslib_1.__exportStar(require("./migrate-progress-segmented"), exports);
 tslib_1.__exportStar(require("./migrate-thumbnail-card"), exports);

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

@@ -3,17 +3,25 @@ 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);
     });
 }
 function getFallbackValue(textValue, fallbackValue) {
-    if (textValue) {
-        return `(${textValue} | tuiInitials)`;
-    }
     return textValue ? `(${textValue} | tuiInitials)` : fallbackValue || '';
 }
 function normalizeAttrValue(attrName, attrValue) {
@@ -22,13 +30,21 @@ 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');
+        const autoColorAttr = (0, inputs_1.findAttr)(attrs, 'autoColor');
         if ((!avatarUrlAttr && !textAttr) || !sourceCodeLocation) {
             return;
         }
@@ -37,6 +53,8 @@ function migrateAvatar({ resource, recorder, fileSystem, }) {
         const textAttrValue = (textAttr === null || textAttr === void 0 ? void 0 : textAttr.value) && normalizeAttrValue(textAttr.name, textAttr.value);
         const fallbackAttrValue = (fallbackAttr === null || fallbackAttr === void 0 ? void 0 : fallbackAttr.value) &&
             normalizeAttrValue(fallbackAttr.name, fallbackAttr.value);
+        const autoColorValue = (autoColorAttr === null || autoColorAttr === void 0 ? void 0 : autoColorAttr.value) &&
+            normalizeAttrValue(autoColorAttr.name, autoColorAttr.value);
         const insertTo = ((_b = (_a = sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.startOffset) !== null && _b !== void 0 ? _b : 0) + '<tui-avatar'.length;
         if (!insertTo) {
             return;
@@ -48,8 +66,13 @@ function migrateAvatar({ resource, recorder, fileSystem, }) {
         const fallbackSrc = urlAttrValue && fallbackValue
             ? `| tuiFallbackSrc : ${fallbackValue} | async`
             : '';
-        recorder.insertRight(insertTo + templateOffset, ` [src]="${mainSrc}${fallbackSrc ? ` ${fallbackSrc}` : ''}"${!roundedAttr ? ' [round]="false"' : ''}`);
-        const attrsToRemove = [avatarUrlAttr, textAttr, fallbackAttr].filter((attr) => attr !== undefined);
+        recorder.insertRight(insertTo + templateOffset, ` [src]="${mainSrc}${fallbackSrc ? ` ${fallbackSrc}` : ''}"${!roundedAttr ? ' [round]="false"' : ''}${autoColorValue === 'true' ? ` [style.background]="${textAttrValue} | tuiAutoColor"` : ''}`);
+        const attrsToRemove = [
+            avatarUrlAttr,
+            textAttr,
+            fallbackAttr,
+            autoColorAttr,
+        ].filter((attr) => attr !== undefined);
         const fallbackModule = !!((avatarUrlAttr && textAttrValue) || fallbackAttr);
         const initialsModule = !!textAttrValue;
         const modules = [

package/schematics/ng-update/{v3/steps/migrate-polymorpheus.d.ts → v4/steps/templates/migrate-axes.d.ts}

@@ -1,7 +1,7 @@
 import type { UpdateRecorder } from '@angular-devkit/schematics';
 import type { DevkitFileSystem } from 'ng-morph';
-import type { TemplateResource } from '../../interfaces/template-resource';
-export declare function migratePolymorpheus({ resource, fileSystem, recorder, }: {
+import type { TemplateResource } from '../../../interfaces';
+export declare function migrateAxes({ resource, recorder, fileSystem, }: {
     fileSystem: DevkitFileSystem;
     recorder: UpdateRecorder;
     resource: TemplateResource;

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateAxes = void 0;
+const elements_1 = require("../../../../utils/templates/elements");
+const template_resource_1 = require("../../../../utils/templates/template-resource");
+const remove_attrs_1 = require("../utils/remove-attrs");
+const AXES_TAG_NAME = 'tui-axes';
+const AXES_NEW_ATTRIBUTE = 'new';
+function migrateAxes({ 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, AXES_TAG_NAME);
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        const axesNewAttr = attrs.find((attr) => attr.name === AXES_NEW_ATTRIBUTE);
+        if (!sourceCodeLocation) {
+            return;
+        }
+        if (axesNewAttr) {
+            (0, remove_attrs_1.removeAttrs)([axesNewAttr], sourceCodeLocation, recorder, templateOffset);
+        }
+        else {
+            recorder.insertLeft(sourceCodeLocation.startOffset + templateOffset, '<!-- TODO: (Taiga UI migration) labels positioning on x axes were updated. Add empty string to axisXLabels array. See https://taiga-ui.dev/charts/axes -->\n');
+        }
+    });
+}
+exports.migrateAxes = migrateAxes;

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

@@ -2,7 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateBadge = void 0;
 const elements_1 = require("../../../../utils/templates/elements");
+const inputs_1 = require("../../../../utils/templates/inputs");
 const template_resource_1 = require("../../../../utils/templates/template-resource");
+const common_1 = require("./toggles/common");
+const badgeSizeMap = {
+    xs: 's',
+    s: 'm',
+    m: 'l',
+    l: 'xl',
+};
 function migrateBadge({ resource, recorder, fileSystem, }) {
     const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
     const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
@@ -11,13 +19,14 @@ function migrateBadge({ resource, recorder, fileSystem, }) {
         if (!sourceCodeLocation) {
             return;
         }
-        const valueAttr = attrs.find(attr => attr.name === '[value]' || attr.name === 'value');
+        (0, common_1.replaceSizeAttr)(attrs, sourceCodeLocation, recorder, templateOffset, badgeSizeMap);
+        const valueAttr = (0, inputs_1.findAttr)(attrs, '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 });
         }
@@ -31,16 +40,16 @@ 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');
+    var _a, _b, _c, _d;
+    const src = (0, inputs_1.findAttr)(svg.attrs, '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.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));
+    const insertTo = templateOffset + (((_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.endOffset) || 0) - 1;
+    recorder.insertRight(insertTo, `${(src === null || src === void 0 ? void 0 : src.name) === 'src' ? 'iconStart' : '[iconStart]'}="${srcValue}"`);
+    recorder.remove(((_b = svg.sourceCodeLocation) === null || _b === void 0 ? void 0 : _b.startOffset) || 0, (((_c = svg.sourceCodeLocation) === null || _c === void 0 ? void 0 : _c.endOffset) || 0) -
+        (((_d = svg.sourceCodeLocation) === null || _d === void 0 ? void 0 : _d.startOffset) || 0));
 }
 function migrateBadgeValue({ valueAttr, sourceCodeLocation, recorder, templateOffset, }) {
     var _a, _b, _c, _d, _e;

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/{v3/steps/migrate-textfield-controller.d.ts → v4/steps/templates/migrate-blocked.d.ts}

@@ -1,7 +1,7 @@
 import type { UpdateRecorder } from '@angular-devkit/schematics';
 import type { DevkitFileSystem } from 'ng-morph';
-import type { TemplateResource } from '../../interfaces/template-resource';
-export declare function migrateTextfieldController({ resource, fileSystem, recorder, }: {
+import type { TemplateResource } from '../../../interfaces';
+export declare function migrateBlocked({ resource, recorder, fileSystem, }: {
     fileSystem: DevkitFileSystem;
     recorder: UpdateRecorder;
     resource: TemplateResource;

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateBlocked = void 0;
+const elements_1 = require("../../../../utils/templates/elements");
+const inputs_1 = require("../../../../utils/templates/inputs");
+const template_resource_1 = require("../../../../utils/templates/template-resource");
+function migrateBlocked({ 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.findElementsByTagNames)(template, [
+        'tui-checkbox-block',
+        'tui-radio-block',
+    ]);
+    elements.forEach(({ sourceCodeLocation, tagName, attrs }) => {
+        var _a, _b, _c, _d;
+        if (!sourceCodeLocation) {
+            return;
+        }
+        const [, hideIconAttrLocation] = Object.entries(sourceCodeLocation.attrs || {}).find(([name]) => name.includes('hideCheckbox'.toLowerCase()) ||
+            name.includes('hideRadio'.toLowerCase())) || [];
+        const [, sizeAttrLocation] = Object.entries(sourceCodeLocation.attrs || {}).find(([name]) => name.includes('size')) || [];
+        const sizeAttr = (0, inputs_1.findAttr)(attrs, 'size');
+        const newBlockAttr = `tuiBlock${sizeAttr ? `="${sizeAttr.value === 'xs' ? 's' : sizeAttr.value}"` : ''}`;
+        recorder.insertRight(templateOffset + (((_a = sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.startOffset) || 1) - 1, `<label ${newBlockAttr}${hideIconAttrLocation ? ' appearance=""' : ''}>`);
+        recorder.remove(templateOffset + ((_c = (_b = sourceCodeLocation.endTag) === null || _b === void 0 ? void 0 : _b.startOffset) !== null && _c !== void 0 ? _c : 0), `<${tagName}/>`.length);
+        recorder.insertRight(templateOffset + (((_d = sourceCodeLocation.endTag) === null || _d === void 0 ? void 0 : _d.startOffset) || 1), '</label>');
+        if (hideIconAttrLocation) {
+            recorder.remove(templateOffset + hideIconAttrLocation.startOffset, hideIconAttrLocation.endOffset - hideIconAttrLocation.startOffset);
+        }
+        if (sizeAttrLocation) {
+            recorder.remove(templateOffset + sizeAttrLocation.startOffset, sizeAttrLocation.endOffset - sizeAttrLocation.startOffset);
+        }
+    });
+}
+exports.migrateBlocked = migrateBlocked;

package/schematics/ng-update/v4/steps/templates/migrate-button-appearance.d.ts

@@ -0,0 +1,8 @@
+import type { UpdateRecorder } from '@angular-devkit/schematics';
+import type { DevkitFileSystem } from 'ng-morph';
+import type { TemplateResource } from '../../../interfaces';
+export declare function migrateButtonAppearance({ resource, recorder, fileSystem, }: {
+    fileSystem: DevkitFileSystem;
+    recorder: UpdateRecorder;
+    resource: TemplateResource;
+}): void;

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateButtonAppearance = void 0;
+const elements_1 = require("../../../../utils/templates/elements");
+const template_resource_1 = require("../../../../utils/templates/template-resource");
+const remove_attrs_1 = require("../utils/remove-attrs");
+const tuiButtonSelectors = ['tuiButton', 'tuiIconButton'];
+const appearanceInputName = 'appearance';
+const appearanceInputNameDict = {
+    [appearanceInputName]: true,
+    [`[${appearanceInputName}]`]: true,
+};
+function migrateButtonAppearance({ resource, recorder, fileSystem, }) {
+    const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
+    const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
+    const elements = tuiButtonSelectors.flatMap((selector) => (0, elements_1.findElementsWithDirective)(template, selector).filter(({ sourceCodeLocation, attrs }) => !!sourceCodeLocation &&
+        attrs.some(({ name }) => appearanceInputNameDict[name])));
+    if (!elements.length) {
+        return;
+    }
+    const whiteBlockValue = 'whiteblock-active';
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        var _a;
+        const whiteBlockActiveAttr = attrs.find(({ value, name }) => appearanceInputNameDict[name] &&
+            (value === whiteBlockValue || value === `'${whiteBlockValue}'`));
+        if (whiteBlockActiveAttr) {
+            (0, remove_attrs_1.removeAttrs)([whiteBlockActiveAttr], sourceCodeLocation, recorder, templateOffset);
+            const { startOffset } = ((_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[whiteBlockActiveAttr.name]) || { startOffset: 0, endOffset: 0 };
+            recorder.insertLeft(startOffset + templateOffset, ` ${appearanceInputName}="whiteblock"`);
+            recorder.insertLeft(startOffset + templateOffset, ' data-mode="checked"');
+        }
+    });
+    const elementWithConditionAppearance = elements.find(({ attrs }) => attrs.some(({ name, value }) => name === `[${appearanceInputName}]` && !value.trim().startsWith("'")));
+    if (elementWithConditionAppearance) {
+        addTodo(recorder, templateOffset);
+    }
+}
+exports.migrateButtonAppearance = migrateButtonAppearance;
+function addTodo(recorder, templateOffset) {
+    recorder.insertRight(templateOffset, '<!-- Taiga migration TODO: tuiButton "whiteblock-active" appearance is no longer available. Use \'appearance="whiteblock" data-mode="checked"\' -->\n');
+}