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

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,4 +1,5 @@
 export * from './migrate-avatar';
+export * from './migrate-axes';
 export * from './migrate-badge';
 export * from './migrate-badged-content';
 export * from './migrate-button-appearance';
@@ -6,7 +7,9 @@ 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,6 +2,7 @@
 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);
@@ -9,7 +10,9 @@ 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.js

@@ -2,6 +2,7 @@
 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);
@@ -18,7 +19,7 @@ function migrateBlocked({ resource, recorder, fileSystem, }) {
         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 = 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);

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

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

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateNotification = void 0;
+const ng_morph_1 = require("ng-morph");
+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");
+function migrateNotification({ 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-notification']),
+        ...(0, elements_1.findElementsWithAttributeOnTag)(template, ['tuiNotification'], ['button', 'a']),
+    ];
+    elements.forEach(({ attrs, sourceCodeLocation, tagName, childNodes }) => {
+        var _a, _b, _c;
+        const sizeAttr = (0, inputs_1.findAttr)(attrs, 'size');
+        const hideCloseAttr = (0, inputs_1.findAttr)(attrs, 'hideClose');
+        const closeListener = (0, inputs_1.findAttr)(attrs, '(close)');
+        const { startTag, endTag } = sourceCodeLocation || {};
+        const hideCloseAttrLocation = (_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[(hideCloseAttr === null || hideCloseAttr === void 0 ? void 0 : hideCloseAttr.name) || ''];
+        if (!sizeAttr) {
+            recorder.insertRight(templateOffset + ((_b = startTag === null || startTag === void 0 ? void 0 : startTag.startOffset) !== null && _b !== void 0 ? _b : 0) + `<${tagName}`.length, ' size="m"');
+        }
+        if (closeListener) {
+            const hasProprietaryPackages = !!(0, ng_morph_1.getPackageJsonDependency)(fileSystem.tree, '@taiga-ui/proprietary-core');
+            (0, add_import_to_closest_module_1.addImportToClosestModule)(resource.componentPath, 'NgIf', '@angular/common');
+            const ifCondition = hideCloseAttr ? ` *ngIf="!${hideCloseAttr.value}"` : '';
+            const closeIconName = hasProprietaryPackages
+                ? '@tui.pragmatic.small.cross'
+                : '@tui.x';
+            const closeButtonTemplate = ` <button${ifCondition} tuiIconButton iconStart="${closeIconName}"></button>`;
+            recorder.insertRight(templateOffset + ((_c = endTag === null || endTag === void 0 ? void 0 : endTag.startOffset) !== null && _c !== void 0 ? _c : 0), closeButtonTemplate);
+            if (hideCloseAttrLocation) {
+                const { startOffset, endOffset } = hideCloseAttrLocation;
+                recorder.remove(templateOffset + startOffset, endOffset - startOffset);
+            }
+        }
+        if (childNodes.length > 1 && startTag && endTag) {
+            recorder.insertRight(templateOffset + startTag.endOffset, '<div>');
+            recorder.insertLeft(templateOffset + endTag.startOffset, '</div>');
+        }
+    });
+}
+exports.migrateNotification = migrateNotification;

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

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

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateNumberPrecision = void 0;
+const remove_attrs_1 = require("../../../../ng-update/v4/steps/utils/remove-attrs");
+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 clean_object_1 = require("../utils/clean-object");
+function migrateNumberPrecision({ 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-input-number');
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        var _a;
+        if (!sourceCodeLocation) {
+            return;
+        }
+        const decimalAttr = (0, inputs_1.findAttr)(attrs, 'decimal');
+        const precisionAttr = (0, inputs_1.findAttr)(attrs, 'precision');
+        if (decimalAttr || precisionAttr) {
+            (0, add_import_to_closest_module_1.addImportToClosestModule)(resource.componentPath, 'TuiNumberFormat', '@taiga-ui/core');
+            const format = JSON.stringify((0, clean_object_1.cleanObject)({
+                decimalMode: decimalAttr === null || decimalAttr === void 0 ? void 0 : decimalAttr.value,
+                precision: precisionAttr === null || precisionAttr === void 0 ? void 0 : precisionAttr.value,
+            }));
+            const formatPart = `[tuiNumberFormat]='${format}'`;
+            const insertTo = (((_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.startOffset) || 0) +
+                '<tui-input-number '.length;
+            recorder.insertRight(templateOffset + insertTo, formatPart);
+        }
+        const attrsToRemove = [decimalAttr, precisionAttr].filter((attr) => attr !== undefined);
+        (0, remove_attrs_1.removeAttrs)(attrsToRemove, sourceCodeLocation, recorder, templateOffset);
+    });
+}
+exports.migrateNumberPrecision = migrateNumberPrecision;

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

@@ -2,13 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateOverscroll = 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");
 const overscrollAttrName = 'tuiOverscroll';
-const overscrollAttrNameDict = {
-    [overscrollAttrName.toLowerCase()]: true,
-    [`[${overscrollAttrName.toLowerCase()}]`]: true,
-};
 function migrateOverscroll({ resource, recorder, fileSystem, }) {
     const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
     const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
@@ -17,8 +14,9 @@ function migrateOverscroll({ resource, recorder, fileSystem, }) {
         return;
     }
     elements.forEach(({ attrs, sourceCodeLocation }) => {
-        const attrsToRemove = attrs.filter(({ name }) => overscrollAttrNameDict[name]);
-        (0, remove_attrs_1.removeAttrs)(attrsToRemove, sourceCodeLocation, recorder, templateOffset);
+        const attrToRemove = (0, inputs_1.findAttr)(attrs, overscrollAttrName);
+        attrToRemove &&
+            (0, remove_attrs_1.removeAttrs)([attrToRemove], sourceCodeLocation, recorder, templateOffset);
     });
     addTodo(recorder, elements[0].sourceCodeLocation, templateOffset);
 }

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateThumbnailCard = 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 migrateThumbnailCard({ resource, recorder, fileSystem, }) {
     const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
@@ -11,7 +12,7 @@ function migrateThumbnailCard({ resource, recorder, fileSystem, }) {
         if (!sourceCodeLocation) {
             return;
         }
-        const valueAttr = attrs.find((attr) => attr.name === '[cardnumber]' || attr.name === 'cardnumber');
+        const valueAttr = (0, inputs_1.findAttr)(attrs, 'cardNumber');
         if (!valueAttr) {
             return;
         }

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.closeStartTag = exports.removeClosingTag = exports.replaceSizeAttr = exports.replaceOpenTag = void 0;
+const inputs_1 = require("../../../../../utils/templates/inputs");
 const sizeMap = {
     l: 'm',
     m: 's',
@@ -17,14 +18,14 @@ function replaceOpenTag(sourceCodeLocation, recorder, templateOffset, { tag, dir
 exports.replaceOpenTag = replaceOpenTag;
 function replaceSizeAttr(attrs, sourceCodeLocation, recorder, templateOffset, map = sizeMap) {
     var _a;
-    const sizeAttr = attrs.find((attr) => attr.name === 'size');
+    const sizeAttr = (0, inputs_1.findAttr)(attrs, 'size');
     if (sizeAttr) {
         const { startOffset, endOffset } = ((_a = sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[sizeAttr.name]) || {
             startOffset: 0,
             endOffset: 0,
         };
         recorder.remove(templateOffset + startOffset, endOffset - startOffset);
-        recorder.insertRight(templateOffset + startOffset, `size="${map[sizeAttr.value] || sizeAttr.value}"`);
+        recorder.insertRight(templateOffset + startOffset, `${sizeAttr.name}="${map[sizeAttr.value] || sizeAttr.value}"`);
     }
 }
 exports.replaceSizeAttr = replaceSizeAttr;

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateCheckbox = 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("./common");
 function migrateCheckbox({ resource, recorder, fileSystem, }) {
@@ -39,7 +40,7 @@ function migrateCheckbox({ resource, recorder, fileSystem, }) {
 exports.migrateCheckbox = migrateCheckbox;
 function replaceValueAttr(attrs, sourceCodeLocation, recorder, templateOffset) {
     var _a;
-    const valueAttr = attrs.find((attr) => attr.name === 'value' || attr.name === '[value]');
+    const valueAttr = (0, inputs_1.findAttr)(attrs, 'value');
     if (valueAttr) {
         const { startOffset, endOffset } = ((_a = sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[valueAttr.name]) || {
             startOffset: 0,

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

@@ -3,16 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.updatePackages = void 0;
 const ng_morph_1 = require("ng-morph");
 const version_1 = require("../../../../constants/version");
+const constants_1 = require("../../../constants");
 const steps_1 = require("../../steps");
 function updatePackages({ tree }, _) {
     const packagesToRemove = ['@taiga-ui/addon-tablebars', '@taiga-ui/addon-preview'];
     packagesToRemove.forEach((pkg) => {
         (0, ng_morph_1.removePackageJsonDependency)(tree, pkg);
     });
-    (0, ng_morph_1.addPackageJsonDependency)(tree, {
-        name: '@taiga-ui/legacy',
-        version: version_1.TUI_VERSION,
-    });
     (0, steps_1.replacePackageName)('@tinkoff/ng-polymorpheus', {
         name: '@taiga-ui/polymorpheus',
         version: '^4.6.4',
@@ -31,5 +28,17 @@ function updatePackages({ tree }, _) {
             version: '^4.0.1',
         });
     }
+    if ((0, ng_morph_1.getImports)(constants_1.ALL_TS_FILES, { moduleSpecifier: '@taiga-ui/layout' }).length) {
+        (0, ng_morph_1.addPackageJsonDependency)(tree, {
+            name: '@taiga-ui/layout',
+            version: version_1.TUI_VERSION,
+        });
+    }
+    if ((0, ng_morph_1.getImports)(constants_1.ALL_TS_FILES, { moduleSpecifier: '@taiga-ui/legacy' }).length) {
+        (0, ng_morph_1.addPackageJsonDependency)(tree, {
+            name: '@taiga-ui/legacy',
+            version: version_1.TUI_VERSION,
+        });
+    }
 }
 exports.updatePackages = updatePackages;

package/schematics/utils/templates/elements.js

@@ -104,7 +104,8 @@ exports.findAttributeOnElementWithAttrs = findAttributeOnElementWithAttrs;
 /** Shorthand function that checks if the specified element contains the given attribute. */
 function hasElementAttribute(element, attributeName) {
     var _a;
-    return (_a = element.attrs) === null || _a === void 0 ? void 0 : _a.some((attr) => attr.name === attributeName.toLowerCase());
+    const lowercasedAttrName = attributeName.toLowerCase();
+    return (_a = element.attrs) === null || _a === void 0 ? void 0 : _a.some((attr) => attr.name === lowercasedAttrName || attr.name === `[${lowercasedAttrName}]`);
 }
 exports.hasElementAttribute = hasElementAttribute;
 /** Gets the start offset of the given attribute from a Parse5 element. */

package/schematics/utils/templates/inputs.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isBinding = exports.findAttr = void 0;
 function findAttr(attrs, name) {
-    return attrs.find((attr) => attr.name === name || attr.name === `[${name}]`);
+    const lowercasedName = name.toLowerCase();
+    return attrs.find((attr) => attr.name === lowercasedName || attr.name === `[${lowercasedName}]`);
 }
 exports.findAttr = findAttr;
 function isBinding(attr) {