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

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

@@ -4,9 +4,12 @@ exports.TYPES_TO_RENAME = void 0;
 exports.TYPES_TO_RENAME = [
     {
         from: 'TuiDocExample',
-        to: 'Record<string, string | Promise<unknown>>',
+        to: 'Record<string, TuiRawLoaderContent>',
         moduleSpecifier: ['@taiga-ui/addon-doc'],
         removeImport: true,
+        newImports: [
+            { name: 'TuiRawLoaderContent', moduleSpecifier: '@taiga-ui/addon-doc' },
+        ],
     },
     {
         from: 'TuiBrightness',
@@ -14,4 +17,21 @@ exports.TYPES_TO_RENAME = [
         moduleSpecifier: ['@taiga-ui/core'],
         removeImport: true,
     },
+    {
+        from: 'TuiIllustrationName',
+        moduleSpecifier: ['@taiga-ui/proprietary-icons'],
+        to: 'string',
+        removeImport: true,
+    },
+    {
+        from: 'TuiNotificationT',
+        moduleSpecifier: ['@taiga-ui/core'],
+        to: 'string',
+        removeImport: true,
+    },
+    {
+        from: 'TuiOperationIcon',
+        moduleSpecifier: ['@taiga-ui/proprietary-banking'],
+        to: 'TuiFeedItemIcon',
+    },
 ];

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

@@ -1,10 +1,11 @@
+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-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 './styles';
 export * from './update-packages';

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

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+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-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("./styles"), exports);
 tslib_1.__exportStar(require("./update-packages"), exports);

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

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

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

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateAlertService = void 0;
+const ng_morph_1 = require("ng-morph");
+const colored_log_1 = require("../../../utils/colored-log");
+const get_named_import_references_1 = require("../../../utils/get-named-import-references");
+const OPTIONS_MIGRATIONS = {
+    autoClose: (property) => {
+        const [propertyKey, propertyValue] = property.getText().split(/\s?:\s?/);
+        switch (propertyValue) {
+            case 'true':
+                return property.replaceWithText(`${propertyKey}: 3_000`);
+            case 'false':
+                return property.replaceWithText(`${propertyKey}: 0`);
+            default:
+                return null;
+        }
+    },
+    defaultAutoCloseTime: (property) => property.replaceWithText(property.getText().replace('defaultAutoCloseTime', 'autoClose')),
+    status: (property) => property.replaceWithText(property.getText().replace('status', 'appearance')),
+    hasCloseButton: (property) => property.replaceWithText(property.getText().replace('hasCloseButton', 'closeable')),
+    hasIcon: (property) => {
+        const [, propertyValue] = property.getText().split(/\s?:\s?/);
+        switch (propertyValue) {
+            case 'false':
+                return property.replaceWithText("icon: ''");
+            case 'true':
+                return property.remove();
+            default:
+                return property.replaceWithText(`// TODO: (Taiga UI migration) "hasIcon" is deleted. Use "icon: ''" to hide icon. Use "icon: TUI_NOTIFICATION_DEFAULT_OPTIONS['icon']" to show it.\n${property.getText()}`);
+        }
+    },
+};
+function migrateAlertService(options) {
+    !options['skip-logs'] &&
+        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing inject(TuiAlertService).open({autoClose: boolean})...`);
+    const alertServiceRefs = (0, get_named_import_references_1.getNamedImportReferences)('TuiAlertService', '@taiga-ui/core');
+    // inject(TuiAlertService).open(...)
+    const viaDirectInjects = alertServiceRefs.map((x) => x.getFirstAncestor((node) => node.isKind(ng_morph_1.SyntaxKind.CallExpression) &&
+        node.getFullText().includes('inject(TuiAlertService') &&
+        node.getFullText().includes('.open(')));
+    // readonly alertService = inject(TuiAlertService);
+    const viaClassProperty = alertServiceRefs
+        .map((x) => {
+        var _a;
+        return (_a = x
+            .getFirstAncestorByKind(ng_morph_1.SyntaxKind.PropertyDeclaration)) === null || _a === void 0 ? void 0 : _a.findReferencesAsNodes();
+    })
+        .flat()
+        .map(toAlertServiceOpenCallExpression);
+    // constructor(private readonly legacyWayService: TuiAlertService) {}
+    const viaConstructorParam = alertServiceRefs
+        .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) => {
+        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))
+            ? findOptionsInitializer(arg)
+            : arg;
+        if (!(options === null || options === void 0 ? void 0 : options.isKind(ng_morph_1.SyntaxKind.ObjectLiteralExpression))) {
+            return;
+        }
+        Object.entries(OPTIONS_MIGRATIONS).forEach(([propertyName, migration]) => {
+            const property = options.getProperty(propertyName);
+            if (property) {
+                migration(property);
+            }
+        });
+    });
+    !options['skip-logs'] &&
+        (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} "true => 3_000" & "false => 0" were replaced  \n`);
+}
+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('));
+}
+function findOptionsInitializer(ref) {
+    var _a;
+    return (_a = ref === null || ref === void 0 ? void 0 : ref.getFirstChildByKind(ng_morph_1.SyntaxKind.Identifier)) === null || _a === void 0 ? void 0 : _a.findReferencesAsNodes().map((n) => {
+        var _a;
+        return (_a = n
+            .getFirstAncestorByKind(ng_morph_1.SyntaxKind.PropertyDeclaration)) === null || _a === void 0 ? void 0 : _a.getFirstChildByKind(ng_morph_1.SyntaxKind.ObjectLiteralExpression);
+    }).find(Boolean);
+}

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,12 +39,17 @@ 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,

package/schematics/ng-update/v4/steps/{migrate-styles.js → styles/index.js}

@@ -3,6 +3,7 @@ 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_space_mixins_1 = require("./migrate-space-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;
@@ -13,7 +14,13 @@ function migrateStyles() {
             .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('--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');
+        fullText = (0, migrate_space_mixins_1.migrateSpaceMixins)(fullText);
         sourceFile.replaceWithText(fullText);
     });
     (0, ng_morph_1.saveActiveProject)();

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+)\\);`, 'g');
+function migrateSpaceMixins(fileContent) {
+    return fileContent.replaceAll(MIXIN_RE, (_, direction, size) => `${DIRECTION_MAPPING[direction].map((property) => `${property}: ${Number(size) * SPACE}rem;`).join('\n')}`);
+}
+exports.migrateSpaceMixins = migrateSpaceMixins;

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

@@ -1,11 +1,15 @@
 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';

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

@@ -2,13 +2,17 @@
 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);

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

@@ -22,9 +22,6 @@ function addModules(componentPath, modules) {
     });
 }
 function getFallbackValue(textValue, fallbackValue) {
-    if (textValue) {
-        return `(${textValue} | tuiInitials)`;
-    }
     return textValue ? `(${textValue} | tuiInitials)` : fallbackValue || '';
 }
 function normalizeAttrValue(attrName, attrValue) {
@@ -47,6 +44,7 @@ function migrateAvatar({ resource, recorder, fileSystem, }) {
         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;
         }
@@ -55,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;
@@ -66,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/v4/steps/templates/migrate-axes.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 migrateAxes({ resource, recorder, fileSystem, }: {
+    fileSystem: DevkitFileSystem;
+    recorder: UpdateRecorder;
+    resource: TemplateResource;
+}): void;

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,6 +2,7 @@
 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 = {
@@ -19,7 +20,7 @@ function migrateBadge({ resource, recorder, fileSystem, }) {
             return;
         }
         (0, common_1.replaceSizeAttr)(attrs, sourceCodeLocation, recorder, templateOffset, badgeSizeMap);
-        const valueAttr = attrs.find((attr) => attr.name === '[value]' || attr.name === 'value');
+        const valueAttr = (0, inputs_1.findAttr)(attrs, 'value');
         // migration for icon-only badges
         if (!valueAttr) {
             addTodo(recorder, sourceCodeLocation, templateOffset);
@@ -39,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;
+    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(((_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));
+    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-blocked.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 migrateBlocked({ resource, recorder, fileSystem, }: {
+    fileSystem: DevkitFileSystem;
+    recorder: UpdateRecorder;
+    resource: TemplateResource;
+}): void;

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');
+}

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateExpandable = 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 migrateExpandable({ resource, recorder, fileSystem, }) {
     const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
@@ -9,7 +10,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 = (0, inputs_1.findAttr)(attrs, 'expandable');
         if (!expandableAttr) {
             return;
         }
@@ -17,7 +18,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 = (0, inputs_1.findAttr)(attrs, '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

@@ -2,19 +2,22 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateFocusable = 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 LEGACY_ATTRIBUTE_NAME = '[tuiFocusable]'.toLowerCase();
+const LEGACY_ATTRIBUTE_NAME = 'tuiFocusable';
 function migrateFocusable({ 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.findElementsWithAttributeOnTag)(template, [LEGACY_ATTRIBUTE_NAME]);
+    const elements = (0, elements_1.findElementsWithAttributeOnTag)(template, [
+        `[${LEGACY_ATTRIBUTE_NAME}]`,
+    ]);
     elements.forEach(({ attrs, sourceCodeLocation }) => {
         var _a;
         if (!sourceCodeLocation) {
             return;
         }
-        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];
+        const focusableAttr = (0, inputs_1.findAttr)(attrs, LEGACY_ATTRIBUTE_NAME);
+        const attributeLocation = (_a = sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[focusableAttr.name];
         if (!focusableAttr || !attributeLocation) {
             return;
         }

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

@@ -34,10 +34,8 @@ function migrateLabeled({ resource, recorder, fileSystem, }) {
         }
         (0, add_import_to_closest_module_1.addImportToClosestModule)(resource.componentPath, tagName === 'tui-checkbox-labeled' ? 'TuiCheckbox' : 'TuiRadio', '@taiga-ui/kit');
         recorder.insertRight(templateOffset + (((_a = sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.startOffset) || 1) - 1, '<label tuiLabel>');
-        recorder.insertRight(templateOffset + (((_b = sourceCodeLocation.endTag) === null || _b === void 0 ? void 0 : _b.startOffset) || 1) - 1, '\n</label>');
-        recorder.remove(templateOffset + ((_d = (_c = sourceCodeLocation.endTag) === null || _c === void 0 ? void 0 : _c.startOffset) !== null && _d !== void 0 ? _d : 0), tagName === 'tui-checkbox-labeled'
-            ? '<tui-checkbox-labeled/>'.length
-            : '<tui-radio-labeled/>'.length);
+        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>');
     });
 }
 exports.migrateLabeled = migrateLabeled;

package/schematics/ng-update/v4/steps/templates/migrate-mobile-tabs.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 migrateMobileTabs({ resource, recorder, fileSystem, }: {
+    fileSystem: DevkitFileSystem;
+    recorder: UpdateRecorder;
+    resource: TemplateResource;
+}): void;

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

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateMobileTabs = void 0;
+const add_import_to_closest_module_1 = require("../../../../utils/add-import-to-closest-module");
+const elements_1 = require("../../../../utils/templates/elements");
+const template_resource_1 = require("../../../../utils/templates/template-resource");
+const templates_1 = require("../../../utils/templates");
+const remove_attrs_1 = require("../utils/remove-attrs");
+const TABS_TAG_NAME = 'tui-tabs';
+const SEGMENTED_TAG_NAME = 'tui-segmented';
+const TAB_ATTRIBUTE_NAME = 'tuiTab'.toLowerCase();
+const MOBILE_TABS_ATTRIBUTE_NAME = 'tuiMobileTabs'.toLowerCase();
+function migrateMobileTabs({ 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.findElementsWithAttributeOnTag)(template, [MOBILE_TABS_ATTRIBUTE_NAME], [TABS_TAG_NAME]);
+    if (elements.length > 0) {
+        (0, add_import_to_closest_module_1.addImportToClosestModule)(resource.componentPath, 'TuiSegmented', '@taiga-ui/kit');
+    }
+    elements.forEach((element) => {
+        (0, templates_1.replaceTag)(recorder, element.sourceCodeLocation, TABS_TAG_NAME, SEGMENTED_TAG_NAME, templateOffset);
+        removeMobileTabsAttribute(element, recorder, templateOffset);
+        element.childNodes
+            .filter(isElement)
+            .forEach((element) => removeTabAttribute(element, recorder, templateOffset));
+    });
+}
+exports.migrateMobileTabs = migrateMobileTabs;
+function removeTabAttribute({ attrs, sourceCodeLocation }, recorder, templateOffset) {
+    const tabAttr = attrs.find((attr) => attr.name === TAB_ATTRIBUTE_NAME);
+    if (!tabAttr || !sourceCodeLocation) {
+        return;
+    }
+    (0, remove_attrs_1.removeAttrs)([tabAttr], sourceCodeLocation, recorder, templateOffset);
+}
+function removeMobileTabsAttribute({ attrs, sourceCodeLocation }, recorder, templateOffset) {
+    const mobileTabsAttr = attrs.find((attr) => attr.name === MOBILE_TABS_ATTRIBUTE_NAME);
+    if (!mobileTabsAttr || !sourceCodeLocation) {
+        return;
+    }
+    (0, remove_attrs_1.removeAttrs)([mobileTabsAttr], sourceCodeLocation, recorder, templateOffset);
+}
+function isElement(node) {
+    return Boolean(node.attrs);
+}