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

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

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

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

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

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

@@ -2,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-badged-content.js

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

package/schematics/ng-update/v4/steps/templates/migrate-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-labeled.js

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

package/schematics/ng-update/{v3/steps/migrate-textfield-controller.d.ts → v4/steps/templates/migrate-mobile-tabs.d.ts}

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

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,64 @@
+"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, _d;
+        const sizeAttr = (0, inputs_1.findAttr)(attrs, 'size');
+        const hasIconAttr = (0, inputs_1.findAttr)(attrs, 'hasIcon');
+        const hideCloseAttr = (0, inputs_1.findAttr)(attrs, 'hideClose');
+        const closeListener = (0, inputs_1.findAttr)(attrs, '(close)');
+        const { startTag, endTag } = sourceCodeLocation || {};
+        const hideCloseAttrLocation = (_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[(hideCloseAttr === null || hideCloseAttr === void 0 ? void 0 : hideCloseAttr.name) || ''];
+        const hasIconAttrLocation = (_b = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _b === void 0 ? void 0 : _b[(hasIconAttr === null || hasIconAttr === void 0 ? void 0 : hasIconAttr.name) || ''];
+        if (!sizeAttr) {
+            recorder.insertRight(templateOffset + ((_c = startTag === null || startTag === void 0 ? void 0 : startTag.startOffset) !== null && _c !== void 0 ? _c : 0) + `<${tagName}`.length, ' size="m"');
+        }
+        if (closeListener) {
+            const hasProprietaryPackages = !!(0, ng_morph_1.getPackageJsonDependency)(fileSystem.tree, '@taiga-ui/proprietary-core');
+            (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 + ((_d = endTag === null || endTag === void 0 ? void 0 : endTag.startOffset) !== null && _d !== void 0 ? _d : 0), closeButtonTemplate);
+            if (hideCloseAttrLocation) {
+                const { startOffset, endOffset } = hideCloseAttrLocation;
+                recorder.remove(templateOffset + startOffset, endOffset - startOffset);
+            }
+        }
+        if (hasIconAttr && hasIconAttrLocation) {
+            const { startOffset, endOffset } = hasIconAttrLocation;
+            const attrOffset = templateOffset + startOffset;
+            const attrLength = endOffset - startOffset;
+            switch (hasIconAttr.value) {
+                case 'false':
+                    recorder.remove(attrOffset, attrLength);
+                    recorder.insertRight(attrOffset, 'icon=""');
+                    break;
+                case 'true':
+                    recorder.remove(attrOffset, attrLength);
+                    break;
+                default:
+                    recorder.insertLeft(templateOffset + ((startTag === null || startTag === void 0 ? void 0 : startTag.startOffset) || 0), '<!-- TODO: (Taiga UI migration) "hasIcon" is deleted. Use icon="" to hide icon. Or pass TUI_NOTIFICATION_DEFAULT_OPTIONS["icon"] to show it again. Learn more: https://taiga-ui.dev/components/notification -->\n');
+            }
+        }
+        if (childNodes.length > 1 && startTag && endTag) {
+            recorder.insertRight(templateOffset + startTag.endOffset, '<div>');
+            recorder.insertLeft(templateOffset + endTag.startOffset, '</div>');
+        }
+    });
+}
+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) {

package/services/index.d.ts

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

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

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

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

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