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

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-label.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 migrateLabel({ resource, recorder, fileSystem, }: {
+    fileSystem: DevkitFileSystem;
+    recorder: UpdateRecorder;
+    resource: TemplateResource;
+}): void;

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateLabel = 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 migrateLabel({ resource, recorder, fileSystem, }) {
+    const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
+    const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
+    const labelElements = (0, elements_1.findElementsByTagName)(template, 'label', ({ attrs }) => attrs.some(({ name }) => name === 'tuilabel' || name === '[tuilabel]'));
+    labelElements.forEach(({ attrs, sourceCodeLocation }) => {
+        const labelAttr = (0, inputs_1.findAttr)(attrs, 'tuilabel');
+        if (!labelAttr || !sourceCodeLocation) {
+            return;
+        }
+        migrateValue({
+            valueAttr: labelAttr,
+            sourceCodeLocation,
+            recorder,
+            templateOffset,
+        });
+    });
+}
+exports.migrateLabel = migrateLabel;
+function migrateValue({ valueAttr, sourceCodeLocation, recorder, templateOffset, }) {
+    var _a, _b, _c;
+    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;
+    if (!attrValue || !insertTo) {
+        return;
+    }
+    recorder.insertRight(insertTo + templateOffset, valueAttr.name === 'tuilabel' ? attrValue : `{{ ${attrValue} }}`);
+    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, endOffset - startOffset);
+        recorder.insertRight(templateOffset + startOffset, 'tuiLabel');
+    }
+}

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' },
                 ],
@@ -28,18 +28,14 @@ function migrateLabeled({ resource, recorder, fileSystem, }) {
         'tui-radio-labeled',
     ]);
     elements.forEach(({ sourceCodeLocation, tagName }) => {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d;
         if (!sourceCodeLocation) {
             return;
         }
-        (0, add_import_to_closest_module_1.addImportToClosestModule)(resource.componentPath, tagName === 'tui-checkbox-labeled'
-            ? 'TuiCheckboxComponent'
-            : 'TuiRadioComponent', '@taiga-ui/kit');
-        recorder.insertRight(templateOffset + ((_b = (_a = sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.startOffset) !== null && _b !== void 0 ? _b : 1) - 1, '<label tuiLabel>');
-        recorder.insertRight(templateOffset + ((_d = (_c = sourceCodeLocation.endTag) === null || _c === void 0 ? void 0 : _c.startOffset) !== null && _d !== void 0 ? _d : 1) - 1, '\n</label>');
-        recorder.remove(templateOffset + ((_f = (_e = sourceCodeLocation.endTag) === null || _e === void 0 ? void 0 : _e.startOffset) !== null && _f !== void 0 ? _f : 0), tagName === 'tui-checkbox-labeled'
-            ? '<tui-checkbox-labeled/>'.length
-            : '<tui-radio-labeled/>'.length);
+        (0, add_import_to_closest_module_1.addImportToClosestModule)(resource.componentPath, tagName === 'tui-checkbox-labeled' ? 'TuiCheckbox' : 'TuiRadio', '@taiga-ui/kit');
+        recorder.insertRight(templateOffset + (((_a = sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.startOffset) || 1) - 1, '<label tuiLabel>');
+        recorder.remove(templateOffset + ((_c = (_b = sourceCodeLocation.endTag) === null || _b === void 0 ? void 0 : _b.startOffset) !== null && _c !== void 0 ? _c : 0), `<${tagName}/>`.length);
+        recorder.insertRight(templateOffset + (((_d = sourceCodeLocation.endTag) === null || _d === void 0 ? void 0 : _d.startOffset) || 1), '</label>');
     });
 }
 exports.migrateLabeled = migrateLabeled;

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

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

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

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

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

@@ -33,7 +33,7 @@ function migrateMoney({ resource, recorder, fileSystem, }) {
         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)({
-                decimal: decimalAttr === null || decimalAttr === void 0 ? void 0 : decimalAttr.value,
+                decimalMode: decimalAttr === null || decimalAttr === void 0 ? void 0 : decimalAttr.value,
                 precision: precisionAttr === null || precisionAttr === void 0 ? void 0 : precisionAttr.value,
             }));
             const formatPart = `[tuiNumberFormat]='${format}'`;

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.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 migrateOverscroll({ resource, recorder, fileSystem, }: {
+    fileSystem: DevkitFileSystem;
+    recorder: UpdateRecorder;
+    resource: TemplateResource;
+}): void;

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

@@ -0,0 +1,27 @@
+"use strict";
+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';
+function migrateOverscroll({ 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.findElementsWithDirective)(template, overscrollAttrName).filter(({ sourceCodeLocation }) => !!sourceCodeLocation);
+    if (!elements.length) {
+        return;
+    }
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        const attrToRemove = (0, inputs_1.findAttr)(attrs, overscrollAttrName);
+        attrToRemove &&
+            (0, remove_attrs_1.removeAttrs)([attrToRemove], sourceCodeLocation, recorder, templateOffset);
+    });
+    addTodo(recorder, elements[0].sourceCodeLocation, templateOffset);
+}
+exports.migrateOverscroll = migrateOverscroll;
+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 "overscroll-behavior" ccs property instead of "tuiOverscroll" directive -->\n');
+}

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

@@ -5,6 +5,6 @@ export declare function replaceOpenTag(sourceCodeLocation: ElementLocation, reco
     directive: string;
     type: string;
 }): void;
-export declare function replaceSizeAttr(attrs: Attribute[], sourceCodeLocation: ElementLocation, recorder: UpdateRecorder, templateOffset: number): void;
+export declare function replaceSizeAttr(attrs: Attribute[], sourceCodeLocation: ElementLocation, recorder: UpdateRecorder, templateOffset: number, map?: Record<string, string>): void;
 export declare function removeClosingTag(sourceCodeLocation: ElementLocation, recorder: UpdateRecorder, templateOffset: number): void;
 export declare function closeStartTag({ startTag, endTag }: ElementLocation, recorder: UpdateRecorder, templateOffset: number): void;

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',
@@ -15,16 +16,16 @@ function replaceOpenTag(sourceCodeLocation, recorder, templateOffset, { tag, dir
     recorder.insertRight(templateOffset + startTag.startOffset, `<input\n${spaces}${directive}\n${spaces}type="${type}"`);
 }
 exports.replaceOpenTag = replaceOpenTag;
-function replaceSizeAttr(attrs, sourceCodeLocation, recorder, templateOffset) {
+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="${sizeMap[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, }) {
@@ -21,5 +22,40 @@ function migrateCheckbox({ resource, recorder, fileSystem, }) {
         (0, common_1.closeStartTag)(sourceCodeLocation, recorder, templateOffset);
         (0, common_1.removeClosingTag)(sourceCodeLocation, recorder, templateOffset);
     });
+    (0, elements_1.findElementsByTagName)(template, 'tui-primitive-checkbox').forEach(({ attrs, sourceCodeLocation }) => {
+        if (!sourceCodeLocation) {
+            return;
+        }
+        (0, common_1.replaceSizeAttr)(attrs, sourceCodeLocation, recorder, templateOffset);
+        replaceValueAttr(attrs, sourceCodeLocation, recorder, templateOffset);
+        (0, common_1.replaceOpenTag)(sourceCodeLocation, recorder, templateOffset, {
+            tag: 'tui-primitive-checkbox',
+            directive: 'tuiCheckbox',
+            type: 'checkbox',
+        });
+        (0, common_1.closeStartTag)(sourceCodeLocation, recorder, templateOffset);
+        (0, common_1.removeClosingTag)(sourceCodeLocation, recorder, templateOffset);
+    });
 }
 exports.migrateCheckbox = migrateCheckbox;
+function replaceValueAttr(attrs, sourceCodeLocation, recorder, templateOffset) {
+    var _a;
+    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,
+            endOffset: 0,
+        };
+        recorder.remove(templateOffset + startOffset, endOffset - startOffset);
+        switch (valueAttr.value) {
+            case 'false':
+            case 'null':
+                return;
+            case 'true':
+                recorder.insertRight(templateOffset + startOffset, 'checked ');
+                return;
+            default:
+                recorder.insertRight(templateOffset + startOffset, `[checked]="${valueAttr.value}" `);
+        }
+    }
+}

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

@@ -1,4 +1,4 @@
 /// <reference lib="es2021" />
 import type { DevkitFileSystem } from 'ng-morph';
 import type { TuiSchema } from '../../../ng-add/schema';
-export declare function migrateTemplates(fileSystem: DevkitFileSystem, options: TuiSchema): void;
+export declare function updatePackages({ tree }: DevkitFileSystem, _: TuiSchema): void;

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

@@ -0,0 +1,44 @@
+"use strict";
+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, steps_1.replacePackageName)('@tinkoff/ng-polymorpheus', {
+        name: '@taiga-ui/polymorpheus',
+        version: '^4.6.4',
+    }, tree);
+    (0, steps_1.replacePackageName)('@tinkoff/ng-event-plugins', {
+        name: '@taiga-ui/event-plugins',
+        version: '^4.0.1',
+    }, tree);
+    (0, steps_1.replacePackageName)('@tinkoff/tui-editor', {
+        name: '@taiga-ui/editor',
+        version: '^2.0.0',
+    }, tree);
+    if (!(0, ng_morph_1.getPackageJsonDependency)(tree, '@taiga-ui/event-plugins')) {
+        (0, ng_morph_1.addPackageJsonDependency)(tree, {
+            name: '@taiga-ui/event-plugins',
+            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/ng-update/v4/steps/utils/remove-attrs.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.removeAttrs = void 0;
 function removeAttrs(attrs, sourceCodeLocation, recorder, templateOffset) {
-    attrs.forEach(attr => {
+    attrs.forEach((attr) => {
         var _a;
         const attrOffset = (_a = sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[attr.name];
         if (attrOffset) {

package/schematics/ng-update/v4/steps/utils/replace-modules-with-providers.d.ts

@@ -0,0 +1,3 @@
+import type { TuiSchema } from '../../../../ng-add/schema';
+import type { ModuleToReplace } from '../constants/modules-to-replace';
+export declare const replaceModulesWithProviders: (options: TuiSchema, list: ModuleToReplace[]) => void;

package/schematics/ng-update/v4/steps/utils/replace-modules-with-providers.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceModulesWithProviders = void 0;
+const ng_morph_1 = require("ng-morph");
+const add_unique_import_1 = require("../../../../utils/add-unique-import");
+const colored_log_1 = require("../../../../utils/colored-log");
+const get_named_import_references_1 = require("../../../../utils/get-named-import-references");
+const import_manipulations_1 = require("../../../../utils/import-manipulations");
+const replaceModulesWithProviders = (options, list) => {
+    !options['skip-logs'] &&
+        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing modules with providers...`);
+    list.forEach(replaceModule);
+    !options['skip-logs'] &&
+        (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} modules replaced \n`);
+};
+exports.replaceModulesWithProviders = replaceModulesWithProviders;
+function replaceModule({ from, to }) {
+    const references = (0, get_named_import_references_1.getNamedImportReferences)(from.name, from.moduleSpecifier);
+    const toReplace = Array.isArray(to) ? to : [to];
+    references.forEach((ref) => {
+        if (ref.wasForgotten()) {
+            return;
+        }
+        const parent = ref.getParent();
+        if (ng_morph_1.Node.isImportSpecifier(parent)) {
+            (0, import_manipulations_1.removeImport)(parent);
+            toReplace.forEach((provider) => addImport(provider, parent.getSourceFile().getFilePath()));
+        }
+        else if (ng_morph_1.Node.isArrayLiteralExpression(parent)) {
+            const index = parent
+                .getElements()
+                .findIndex((el) => el.getText() === from.name);
+            parent.removeElement(index);
+            toReplace.forEach((provider) => addProvider(provider, parent.getSourceFile().getFilePath()));
+        }
+    });
+}
+function addImport(identifier, filePath) {
+    (0, add_unique_import_1.addUniqueImport)(filePath, identifier.name, identifier.providerSpecifier);
+}
+function addProvider(identifier, filePath) {
+    const provider = `${identifier.name}${identifier.isFunction ? '()' : ''}`;
+    const componentClass = (0, ng_morph_1.getNgComponents)(filePath)[0];
+    if (componentClass) {
+        (0, ng_morph_1.addProviderToComponent)(componentClass, provider);
+    }
+    const moduleClass = (0, ng_morph_1.getNgModules)(filePath)[0];
+    if (moduleClass) {
+        (0, ng_morph_1.addProviderToNgModule)(moduleClass, provider);
+    }
+}

package/schematics/ng-update/v4/steps/utils/replace-substrings.js

@@ -9,7 +9,7 @@ function replaceSubstring(text, replacement) {
 function replaceSubstrings(text, replacements) {
     let transformed = text;
     let acc = 0;
-    replacements.forEach(replacement => {
+    replacements.forEach((replacement) => {
         replacement.start += acc;
         transformed = replaceSubstring(transformed, replacement);
         acc += replacement.to.length - replacement.from.length;

package/schematics/ng-update/v4/tests/migrate-destroy-service/utils.js

@@ -13,6 +13,7 @@ function runMigration(before) {
         const runner = new testing_1.SchematicTestRunner('schematics', collectionPath);
         (0, ng_morph_1.setActiveProject)((0, ng_morph_1.createProject)(host));
         (0, ng_morph_1.createSourceFile)('test/app/test.component.ts', before);
+        (0, ng_morph_1.createSourceFile)('package.json', '{}');
         (0, ng_morph_1.saveActiveProject)();
         const tree = yield runner.runSchematic('updateToV4', { 'skip-logs': process.env['TUI_CI'] === 'true' }, host);
         return tree.readContent('test/app/test.component.ts');

package/schematics/utils/add-unique-import.js

@@ -16,7 +16,7 @@ function addUniqueImport(filePath, namedImport, moduleSpecifier) {
     if (existingDeclaration.length) {
         const modules = existingDeclaration[0]
             .getNamedImports()
-            .map(namedImport => namedImport.getText());
+            .map((namedImport) => namedImport.getText());
         (0, ng_morph_1.editImports)(existingDeclaration[0], () => ({
             namedImports: [...modules, namedImport],
         }));