@taiga-ui/cdk 3.491.1-canary.d27927b → 4.0.0-alpha.0

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

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeProprietaryPackages = exports.migrateProprietary = void 0;
+const ng_morph_1 = require("ng-morph");
+const version_1 = require("../../../../constants/version");
+const colored_log_1 = require("../../../utils/colored-log");
+function migrateProprietary(fileSystem, options) {
+    var _a;
+    try {
+        const hasProprietary = !!((_a = (0, ng_morph_1.getPackageJsonDependency)(fileSystem.tree, '@taiga-ui/proprietary-core')) === null || _a === void 0 ? void 0 : _a.version);
+        if (!hasProprietary) {
+            return;
+        }
+        !options['skip-logs'] &&
+            (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating proprietary...`);
+        replaceScopePackages();
+        replaceProprietaryIconPath();
+        removeProprietaryPackages(fileSystem);
+        fileSystem.commitEdits();
+        (0, ng_morph_1.saveActiveProject)();
+    }
+    catch (_b) { }
+}
+exports.migrateProprietary = migrateProprietary;
+function replaceScopePackages() {
+    var _a;
+    (_a = (0, ng_morph_1.getActiveProject)()) === null || _a === void 0 ? void 0 : _a.getSourceFiles('**/**.{ts,less,scss}').forEach((sourceFile) => {
+        let fullText = sourceFile.getFullText();
+        fullText = fullText
+            .replaceAll('@taiga-ui/proprietary-core', '@taiga-ui/proprietary')
+            .replaceAll('@taiga-ui/proprietary-banking', '@taiga-ui/proprietary')
+            .replaceAll('@taiga-ui/proprietary-navigation', '@taiga-ui/proprietary')
+            .replaceAll('@taiga-ui/proprietary-icons', '@taiga-ui/proprietary')
+            .replaceAll('@taiga-ui/proprietary-tds-icons', '@taiga-ui/proprietary')
+            .replaceAll('@taiga-ui/proprietary-tds-palette', '@taiga-ui/proprietary');
+        sourceFile.replaceWithText(fullText);
+    });
+}
+function replaceProprietaryIconPath() {
+    var _a;
+    (_a = (0, ng_morph_1.getActiveProject)()) === null || _a === void 0 ? void 0 : _a.getSourceFiles('**/{angular,project}.json').forEach((sourceFile) => {
+        let fullText = sourceFile.getFullText();
+        fullText = fullText
+            .replaceAll('node_modules/@taiga-ui/proprietary-icons/src', '@taiga-ui/proprietary/design-tokens/icons/src')
+            .replaceAll('@taiga-ui/proprietary-icons/src', '@taiga-ui/proprietary/design-tokens/icons/src')
+            .replaceAll('node_modules/@taiga-ui/proprietary-tds-icons/src', '@taiga-ui/proprietary/design-tokens/icons/src')
+            .replaceAll('@taiga-ui/proprietary-tds-icons/src', '@taiga-ui/proprietary/design-tokens/icons/src');
+        sourceFile.replaceWithText(fullText);
+    });
+}
+function removeProprietaryPackages(fileSystem) {
+    [
+        '@taiga-ui/proprietary-core',
+        '@taiga-ui/proprietary-navigation',
+        '@taiga-ui/proprietary-banking',
+        '@taiga-ui/proprietary-icons',
+        '@taiga-ui/proprietary-tds-icons',
+        '@taiga-ui/proprietary-tds-palette',
+    ].forEach((name) => (0, ng_morph_1.removePackageJsonDependency)(fileSystem.tree, name));
+    (0, ng_morph_1.addPackageJsonDependency)(fileSystem.tree, {
+        name: '@taiga-ui/proprietary',
+        version: version_1.TUI_VERSION,
+    });
+}
+exports.removeProprietaryPackages = removeProprietaryPackages;

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

@@ -0,0 +1,3 @@
+/// <reference lib="es2021" />
+export declare const TUI_RATING_WARNING = "// TODO: (Taiga UI migration): use css to customize rating gap and size. See https://taiga-ui.dev/components/rating#basic";
+export declare function migrateStyles(): void;

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

@@ -0,0 +1,20 @@
+"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");
+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');
+        sourceFile.replaceWithText(fullText);
+    });
+}
+exports.migrateStyles = migrateStyles;

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

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

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

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateTemplates = void 0;
+const constants_1 = require("../../../constants");
+const colored_log_1 = require("../../../utils/colored-log");
+const progress_1 = require("../../../utils/progress");
+const get_component_templates_1 = require("../../../utils/templates/get-component-templates");
+const template_resource_1 = require("../../../utils/templates/template-resource");
+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_overscroll_1 = require("./templates/migrate-overscroll");
+function getAction({ action, requiredData, }) {
+    return ({ resource, fileSystem, recorder, }) => action({ resource, fileSystem, recorder, data: requiredData });
+}
+function migrateTemplates(fileSystem, options) {
+    !options['skip-logs'] &&
+        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating templates...`);
+    const componentWithTemplatesPaths = (0, get_component_templates_1.getComponentTemplates)(constants_1.ALL_TS_FILES);
+    const actions = [
+        getAction({ action: templates_1.addHTMLCommentTags, requiredData: constants_2.HTML_COMMENTS }),
+        getAction({
+            action: replace_attrs_by_directives_1.replaceAttrsByDirective,
+            requiredData: constants_2.ATTRS_TO_DIRECTIVE_REPLACE,
+        }),
+        getAction({ action: templates_1.replaceTags, requiredData: constants_2.TAGS_TO_REPLACE }),
+        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.migrateBadge,
+        templates_2.migrateCheckbox,
+        templates_2.migrateFocusable,
+        templates_2.migrateRadio,
+        templates_2.migrateToggle,
+        templates_2.migrateAvatar,
+        templates_2.migrateExpandable,
+        templates_2.migrateBadgedContent,
+        templates_2.migratePreventDefault,
+        templates_2.migrateMoney,
+        templates_2.migrateLabeled,
+        templates_2.migrateProgressSegmented,
+        templates_2.migrateThumbnailCard,
+        migrate_overscroll_1.migrateOverscroll,
+    ];
+    const progressLog = (0, progress_1.setupProgressLogger)({
+        total: componentWithTemplatesPaths.length,
+    });
+    componentWithTemplatesPaths.forEach((resource) => {
+        const path = fileSystem.resolve((0, template_resource_1.getPathFromTemplateResource)(resource));
+        const recorder = fileSystem.edit(path);
+        actions.forEach((action, actionIndex) => {
+            const isLastAction = actionIndex === actions.length - 1;
+            !options['skip-logs'] && progressLog(action.name, isLastAction);
+            action({ resource, fileSystem, recorder });
+        });
+    });
+    !options['skip-logs'] &&
+        (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} templates migrated \n`);
+}
+exports.migrateTemplates = migrateTemplates;

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

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

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.restoreTuiMapper = 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 replace_identifier_1 = require("../../steps/replace-identifier");
+function updateTuiMapper(options) {
+    !options['skip-logs'] &&
+        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} updating TuiMapper typing to the typed version`);
+    const refs = (0, get_named_import_references_1.getNamedImportReferences)('TuiMapper', '@taiga-ui/cdk');
+    for (const ref of refs) {
+        if (ref.wasForgotten()) {
+            return;
+        }
+        const parent = ref.getParent();
+        if (ng_morph_1.Node.isTypeReference(parent)) {
+            const typeArguments = parent.getTypeArguments();
+            if (!typeArguments || typeArguments.length !== 2) {
+                return;
+            }
+            const [inputType] = typeArguments;
+            inputType.replaceWithText(`[${inputType.getText()}, ...any]`);
+        }
+    }
+}
+function renameTuiTypedMapper(options) {
+    !options['skip-logs'] &&
+        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} renaming TuiTypedMapper to TuiMapper`);
+    (0, replace_identifier_1.replaceIdentifier)({
+        from: { name: 'TuiTypedMapper', moduleSpecifier: '@taiga-ui/cdk' },
+        to: { name: 'TuiMapper', moduleSpecifier: '@taiga-ui/cdk' },
+    });
+}
+function restoreTuiMapper(options) {
+    updateTuiMapper(options);
+    renameTuiTypedMapper(options);
+    !options['skip-logs'] && (0, colored_log_1.titleLog)(`${colored_log_1.FINISH_SYMBOL} successfully migrated \n`);
+}
+exports.restoreTuiMapper = restoreTuiMapper;

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

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

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.restoreTuiMatcher = 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 replace_identifier_1 = require("../../steps/replace-identifier");
+function updateTuiMatcher(options) {
+    !options['skip-logs'] &&
+        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} updating TuiMatcher typing to the typed version`);
+    const refs = (0, get_named_import_references_1.getNamedImportReferences)('TuiMatcher', '@taiga-ui/cdk');
+    for (const ref of refs) {
+        if (ref.wasForgotten()) {
+            return;
+        }
+        const parent = ref.getParent();
+        if (ng_morph_1.Node.isTypeReference(parent)) {
+            const typeArguments = parent.getTypeArguments();
+            if (!typeArguments || typeArguments.length !== 1) {
+                return;
+            }
+            const [inputType] = typeArguments;
+            inputType.replaceWithText(`[${inputType.getText()}, ...any]`);
+        }
+    }
+}
+function renameTuiTypedMatcher(options) {
+    !options['skip-logs'] &&
+        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} renaming TuiTypedMatcher to TuiMatcher`);
+    (0, replace_identifier_1.replaceIdentifier)({
+        from: { name: 'TuiTypedMatcher', moduleSpecifier: '@taiga-ui/cdk' },
+        to: { name: 'TuiMatcher', moduleSpecifier: '@taiga-ui/cdk' },
+    });
+}
+function restoreTuiMatcher(options) {
+    updateTuiMatcher(options);
+    renameTuiTypedMatcher(options);
+    !options['skip-logs'] && (0, colored_log_1.titleLog)(`${colored_log_1.FINISH_SYMBOL} successfully migrated \n`);
+}
+exports.restoreTuiMatcher = restoreTuiMatcher;

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

@@ -0,0 +1,11 @@
+export * from './migrate-avatar';
+export * from './migrate-badge';
+export * from './migrate-badged-content';
+export * from './migrate-expandable';
+export * from './migrate-focusable';
+export * from './migrate-labeled';
+export * from './migrate-money';
+export * from './migrate-prevent-default';
+export * from './migrate-progress-segmented';
+export * from './migrate-thumbnail-card';
+export * from './toggles';

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./migrate-avatar"), exports);
+tslib_1.__exportStar(require("./migrate-badge"), exports);
+tslib_1.__exportStar(require("./migrate-badged-content"), exports);
+tslib_1.__exportStar(require("./migrate-expandable"), exports);
+tslib_1.__exportStar(require("./migrate-focusable"), exports);
+tslib_1.__exportStar(require("./migrate-labeled"), exports);
+tslib_1.__exportStar(require("./migrate-money"), 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);
+tslib_1.__exportStar(require("./toggles"), exports);

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

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

@@ -0,0 +1,85 @@
+"use strict";
+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) {
+    return attrName.startsWith('[') ? attrValue : `'${attrValue}'`;
+}
+function migrateAvatar({ resource, recorder, fileSystem, }) {
+    const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
+    const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
+    const avatarElements = (0, elements_1.findElementsByTagName)(template, 'tui-avatar');
+    const markerIconElements = (0, elements_1.findElementsByTagName)(template, 'tui-marker-icon');
+    [...avatarElements, ...markerIconElements].forEach(({ attrs, sourceCodeLocation }) => {
+        if (!sourceCodeLocation) {
+            return;
+        }
+        (0, common_1.replaceSizeAttr)(attrs, sourceCodeLocation, recorder, templateOffset, sizeMap);
+    });
+    avatarElements.forEach(({ attrs, sourceCodeLocation }) => {
+        var _a, _b;
+        const avatarUrlAttr = (0, inputs_1.findAttr)(attrs, 'avatarurl');
+        const fallbackAttr = (0, inputs_1.findAttr)(attrs, 'fallback');
+        const textAttr = (0, inputs_1.findAttr)(attrs, 'text');
+        const roundedAttr = (0, inputs_1.findAttr)(attrs, 'rounded');
+        if ((!avatarUrlAttr && !textAttr) || !sourceCodeLocation) {
+            return;
+        }
+        const urlAttrValue = (avatarUrlAttr === null || avatarUrlAttr === void 0 ? void 0 : avatarUrlAttr.value) &&
+            normalizeAttrValue(avatarUrlAttr.name, avatarUrlAttr.value);
+        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 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;
+        }
+        const mainSrc = urlAttrValue || (textAttrValue ? `${textAttrValue} | tuiInitials` : '');
+        const fallbackValue = urlAttrValue
+            ? getFallbackValue(textAttrValue, fallbackAttrValue)
+            : '';
+        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);
+        const fallbackModule = !!((avatarUrlAttr && textAttrValue) || fallbackAttr);
+        const initialsModule = !!textAttrValue;
+        const modules = [
+            ...(fallbackModule
+                ? [{ moduleName: 'TuiFallbackSrcPipe', moduleSpecifier: '@taiga-ui/core' }]
+                : []),
+            ...(initialsModule
+                ? [{ moduleName: 'TuiInitialsPipe', moduleSpecifier: '@taiga-ui/core' }]
+                : []),
+        ];
+        addModules(resource.componentPath, modules);
+        (0, remove_attrs_1.removeAttrs)(attrsToRemove, sourceCodeLocation, recorder, templateOffset);
+    });
+}
+exports.migrateAvatar = migrateAvatar;

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

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

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateBadge = void 0;
+const elements_1 = require("../../../../utils/templates/elements");
+const template_resource_1 = require("../../../../utils/templates/template-resource");
+function migrateBadge({ 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-badge');
+    elements.forEach(({ attrs, sourceCodeLocation, childNodes }) => {
+        if (!sourceCodeLocation) {
+            return;
+        }
+        const valueAttr = attrs.find((attr) => attr.name === '[value]' || attr.name === 'value');
+        // migration for icon-only badges
+        if (!valueAttr) {
+            addTodo(recorder, sourceCodeLocation, templateOffset);
+            return;
+        }
+        const svg = childNodes === null || childNodes === void 0 ? void 0 : childNodes.find((node) => node.nodeName === 'tui-svg');
+        if (svg) {
+            migrateIcon({ svg, sourceCodeLocation, recorder, templateOffset });
+        }
+        migrateBadgeValue({
+            valueAttr,
+            sourceCodeLocation,
+            recorder,
+            templateOffset,
+        });
+    });
+}
+exports.migrateBadge = migrateBadge;
+function migrateIcon({ svg, sourceCodeLocation, recorder, templateOffset, }) {
+    var _a, _b, _c, _d, _e;
+    const src = (_a = svg.attrs) === null || _a === void 0 ? void 0 : _a.find((attr) => attr.name === 'src');
+    const 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' ? '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));
+}
+function migrateBadgeValue({ valueAttr, sourceCodeLocation, recorder, templateOffset, }) {
+    var _a, _b, _c, _d, _e;
+    const attrValue = valueAttr === null || valueAttr === void 0 ? void 0 : valueAttr.value;
+    const insertTo = (_b = (_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.endOffset) !== null && _b !== void 0 ? _b : 0;
+    const selfClosing = !(sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.endTag);
+    if (!attrValue || !insertTo) {
+        return;
+    }
+    recorder.insertRight(insertTo + templateOffset, valueAttr.name === 'value'
+        ? attrValue
+        : `{{ ${attrValue} }}${selfClosing ? '</tui-badge>' : ''}`);
+    const attrOffset = (_c = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _c === void 0 ? void 0 : _c[valueAttr.name];
+    if (attrOffset) {
+        const { startOffset, endOffset } = attrOffset;
+        recorder.remove(templateOffset + startOffset - 1, endOffset - startOffset + 1);
+    }
+    if (selfClosing) {
+        recorder.remove(((_e = (_d = sourceCodeLocation.startTag) === null || _d === void 0 ? void 0 : _d.endOffset) !== null && _e !== void 0 ? _e : 2) - 2, 1);
+    }
+}
+function addTodo(recorder, sourceCodeLocation, templateOffset) {
+    var _a, _b;
+    recorder.insertRight(templateOffset + ((_b = (_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.startOffset) !== null && _b !== void 0 ? _b : 0), '<!-- Taiga migration TODO: use "<tui-icon>" with "tuiBadge" directive for icon-only badges instead -->\n');
+}

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

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

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateBadgedContent = 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 remove_attrs_1 = require("../utils/remove-attrs");
+function migrateBadgedContent({ 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-badged-content');
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        var _a, _b;
+        if (!sourceCodeLocation) {
+            return;
+        }
+        const colorBottomAttr = (0, inputs_1.findAttr)(attrs, 'colorbottom');
+        const colorTopAttr = (0, inputs_1.findAttr)(attrs, 'colortop');
+        const contentBottomAttr = (0, inputs_1.findAttr)(attrs, 'contentbottom');
+        const contentTopAttr = (0, inputs_1.findAttr)(attrs, 'contenttop');
+        const sizeAttr = (0, inputs_1.findAttr)(attrs, 'size');
+        const rounded = (0, inputs_1.findAttr)(attrs, 'rounded');
+        const size = (sizeAttr === null || sizeAttr === void 0 ? void 0 : sizeAttr.value) || 'm';
+        if (!contentBottomAttr) {
+            migrateColor({
+                attr: colorBottomAttr,
+                sourceCodeLocation,
+                recorder,
+                templateOffset,
+                slot: 'bottom',
+            });
+        }
+        if (!contentTopAttr) {
+            migrateColor({
+                attr: colorTopAttr,
+                sourceCodeLocation,
+                recorder,
+                templateOffset,
+                slot: 'top',
+            });
+        }
+        migrateContent({
+            attr: contentTopAttr,
+            colorAttr: colorTopAttr,
+            sourceCodeLocation,
+            recorder,
+            templateOffset,
+            slot: 'top',
+            size,
+        });
+        migrateContent({
+            attr: contentBottomAttr,
+            colorAttr: colorBottomAttr,
+            sourceCodeLocation,
+            recorder,
+            templateOffset,
+            slot: 'bottom',
+            size,
+        });
+        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"');
+        }
+        const attrsToRemove = [
+            colorBottomAttr,
+            colorTopAttr,
+            contentTopAttr,
+            contentBottomAttr,
+            sizeAttr,
+            rounded,
+        ].filter((attr) => attr !== undefined);
+        (0, remove_attrs_1.removeAttrs)(attrsToRemove, sourceCodeLocation, recorder, templateOffset);
+    });
+}
+exports.migrateBadgedContent = migrateBadgedContent;
+function migrateColor({ attr, sourceCodeLocation, recorder, templateOffset, slot, }) {
+    var _a, _b;
+    if (!attr) {
+        return;
+    }
+    const value = attr.value;
+    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, `<tui-badge-notification
+        size="xs"
+        tuiSlot="${slot}"
+        [style.color]="'${value}'"
+    ></tui-badge-notification>\n`);
+}
+function migrateContent({ attr, colorAttr, sourceCodeLocation, recorder, templateOffset, slot, size, }) {
+    var _a, _b, _c, _d;
+    if (!attr) {
+        return;
+    }
+    const value = attr.value;
+    const colorAttrValue = colorAttr === null || colorAttr === void 0 ? void 0 : colorAttr.value;
+    const insertTo = (_b = (_a = sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.endOffset) !== null && _b !== void 0 ? _b : 0;
+    if (value.startsWith('tuiIcon')) {
+        recorder.insertRight(insertTo + templateOffset, `<tui-icon
+        appearance="accent"
+        icon="${value}"
+        size="${size}"
+        tuiBadge
+        tuiSlot="${slot}"
+        ${colorAttr ? `[style.color]="'${colorAttrValue}'"` : 'appearance="success"'}
+    ></tui-icon>\n`);
+    }
+    else if (Number.isNaN(Number(value))) {
+        recorder.insertRight(templateOffset + ((_d = (_c = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.startTag) === null || _c === void 0 ? void 0 : _c.startOffset) !== null && _d !== void 0 ? _d : 0), '<!-- Taiga migration TODO: contentTop and contentBottom inputs has been removed. Use ng-content, see taiga-ui.dev/components/badged-content  -->\n');
+    }
+    else {
+        recorder.insertRight(insertTo + templateOffset, `<tui-badge-notification
+        size="${size}"
+        tuiSlot="${slot}"
+        ${colorAttr ? `[style.color]="'${colorAttrValue}'"` : ''}
+    ></tui-badge-notification>\n`);
+    }
+}

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

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateExpandable = void 0;
+const elements_1 = require("../../../../utils/templates/elements");
+const template_resource_1 = require("../../../../utils/templates/template-resource");
+function migrateExpandable({ 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, ['[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]');
+        if (!expandableAttr) {
+            return;
+        }
+        const expandableValue = expandableAttr === null || expandableAttr === void 0 ? void 0 : expandableAttr.value;
+        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 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"');
+        }
+        if (expandableValue !== 'false' && expandableValue !== 'true') {
+            recorder.insertRight(templateOffset + ((_k = (_j = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.startTag) === null || _j === void 0 ? void 0 : _j.startOffset) !== null && _k !== void 0 ? _k : 0), '<!-- Taiga migration TODO: "expandable" property has been removed. Use "rows" property instead -->\n');
+        }
+        recorder.remove(templateOffset + expandableStart, expandableEnd - expandableStart);
+    });
+}
+exports.migrateExpandable = migrateExpandable;

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