@taiga-ui/cdk 3.491.1-canary.d27927b → 4.0.0-rc.2

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

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateLabeled = 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");
+function migrateLabeled({ resource, recorder, fileSystem, }) {
+    const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
+    const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
+    (0, templates_1.replaceAttrValues)({
+        resource,
+        fileSystem,
+        recorder,
+        data: [
+            {
+                attrNames: ['size'],
+                values: [
+                    { from: 'l', to: 'm' },
+                    { from: 'm', to: 's' },
+                ],
+                withTagNames: ['tui-checkbox-labeled', 'tui-radio-labeled'],
+            },
+        ],
+    });
+    const elements = (0, elements_1.findElementsByTagNames)(template, [
+        'tui-checkbox-labeled',
+        'tui-radio-labeled',
+    ]);
+    elements.forEach(({ sourceCodeLocation, tagName }) => {
+        var _a, _b, _c, _d, _e, _f;
+        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);
+    });
+}
+exports.migrateLabeled = migrateLabeled;

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

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

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateMoney = 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 migrateMoney({ 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-money');
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        var _a, _b, _c;
+        if (!sourceCodeLocation) {
+            return;
+        }
+        const valueAttr = (0, inputs_1.findAttr)(attrs, 'value');
+        const currencyAttr = (0, inputs_1.findAttr)(attrs, 'currency');
+        const decimalAttr = (0, inputs_1.findAttr)(attrs, 'decimal');
+        const precisionAttr = (0, inputs_1.findAttr)(attrs, 'precision');
+        const signAttr = (0, inputs_1.findAttr)(attrs, 'sign');
+        if (!valueAttr) {
+            return;
+        }
+        const insertTo = (_b = (_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.endTag) === null || _a === void 0 ? void 0 : _a.startOffset) !== null && _b !== void 0 ? _b : 0;
+        const value = (0, inputs_1.isBinding)(valueAttr) ? valueAttr.value : `'${valueAttr.value}'`;
+        const currency = currencyAttr && (0, inputs_1.isBinding)(currencyAttr)
+            ? currencyAttr === null || currencyAttr === void 0 ? void 0 : currencyAttr.value
+            : `'${currencyAttr === null || currencyAttr === void 0 ? void 0 : currencyAttr.value}'`;
+        recorder.insertRight(templateOffset + insertTo, `{{ ${value} | tuiAmount ${currencyAttr ? `: ${currency}` : ': "RUB"'} | async }}`);
+        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,
+                precision: precisionAttr === null || precisionAttr === void 0 ? void 0 : precisionAttr.value,
+            }));
+            const formatPart = `[tuiNumberFormat]='${format}'`;
+            const insertTo = (((_c = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.startTag) === null || _c === void 0 ? void 0 : _c.startOffset) || 0) + 1;
+            recorder.insertRight(templateOffset + insertTo, formatPart);
+        }
+        const attrsToRemove = [
+            valueAttr,
+            currencyAttr,
+            decimalAttr,
+            precisionAttr,
+            signAttr,
+        ].filter((attr) => attr !== undefined);
+        (0, remove_attrs_1.removeAttrs)(attrsToRemove, sourceCodeLocation, recorder, templateOffset);
+    });
+}
+exports.migrateMoney = migrateMoney;

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,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateOverscroll = 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 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);
+    const elements = (0, elements_1.findElementsWithDirective)(template, overscrollAttrName).filter(({ sourceCodeLocation }) => !!sourceCodeLocation);
+    if (!elements.length) {
+        return;
+    }
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        const attrsToRemove = attrs.filter(({ name }) => overscrollAttrNameDict[name]);
+        (0, remove_attrs_1.removeAttrs)(attrsToRemove, 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-prevent-default.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 migratePreventDefault({ resource, recorder, fileSystem, }: {
+    fileSystem: DevkitFileSystem;
+    recorder: UpdateRecorder;
+    resource: TemplateResource;
+}): void;

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migratePreventDefault = 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 migratePreventDefault({ 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.findElementsWithAttribute)(template, 'tuiPreventDefault');
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        var _a, _b;
+        if (!sourceCodeLocation) {
+            return;
+        }
+        const preventDefaultAttr = (0, inputs_1.findAttr)(attrs, 'tuipreventdefault');
+        if (!preventDefaultAttr) {
+            return;
+        }
+        const event = preventDefaultAttr.value;
+        const preventDefaultStart = ((_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[preventDefaultAttr.name].startOffset) || 0;
+        const preventDefaultEnd = ((_b = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _b === void 0 ? void 0 : _b[preventDefaultAttr.name].endOffset) || 0;
+        recorder.insertLeft(templateOffset + preventDefaultStart, `(${event}.prevent.silent)="0"`);
+        recorder.remove(templateOffset + preventDefaultStart, preventDefaultEnd - preventDefaultStart);
+    });
+}
+exports.migratePreventDefault = migratePreventDefault;

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

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateProgressSegmented = 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 migrateProgressSegmented({ 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-progress-segmented');
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        var _a;
+        if (!sourceCodeLocation) {
+            return;
+        }
+        const maxAttr = (0, inputs_1.findAttr)(attrs, 'max');
+        if (!maxAttr) {
+            return;
+        }
+        const max = maxAttr.value;
+        const insertTo = ((_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[maxAttr.name].endOffset) || 0;
+        recorder.insertRight(insertTo + templateOffset, `  [segments]="${max}"`);
+    });
+}
+exports.migrateProgressSegmented = migrateProgressSegmented;

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

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateThumbnailCard = void 0;
+const elements_1 = require("../../../../utils/templates/elements");
+const template_resource_1 = require("../../../../utils/templates/template-resource");
+function migrateThumbnailCard({ 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-thumbnail-card', 'tui-card']);
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        if (!sourceCodeLocation) {
+            return;
+        }
+        const valueAttr = attrs.find(attr => attr.name === '[cardnumber]' || attr.name === 'cardnumber');
+        if (!valueAttr) {
+            return;
+        }
+        migrateValue({
+            valueAttr,
+            sourceCodeLocation,
+            recorder,
+            templateOffset,
+        });
+    });
+}
+exports.migrateThumbnailCard = migrateThumbnailCard;
+function migrateValue({ valueAttr, sourceCodeLocation, recorder, templateOffset, }) {
+    var _a, _b, _c, _d, _e;
+    const attrValue = valueAttr === null || valueAttr === void 0 ? void 0 : valueAttr.value;
+    const insertTo = (_b = (_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.endOffset) !== null && _b !== void 0 ? _b : 0;
+    const selfClosing = !(sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.endTag);
+    if (!attrValue || !insertTo) {
+        return;
+    }
+    recorder.insertRight(insertTo + templateOffset, valueAttr.name === 'cardnumber'
+        ? attrValue
+        : `{{ ${attrValue} }}${selfClosing ? '</tui-thumbnail-card>' : ''}`);
+    const attrOffset = (_c = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _c === void 0 ? void 0 : _c[valueAttr.name];
+    if (attrOffset) {
+        const { startOffset, endOffset } = attrOffset;
+        recorder.remove(templateOffset + startOffset - 1, endOffset - startOffset + 1);
+    }
+    if (selfClosing) {
+        recorder.remove(((_e = (_d = sourceCodeLocation.startTag) === null || _d === void 0 ? void 0 : _d.endOffset) !== null && _e !== void 0 ? _e : 2) - 2, 1);
+    }
+}

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

@@ -0,0 +1,10 @@
+import type { UpdateRecorder } from '@angular-devkit/schematics';
+import type { Attribute, ElementLocation } from 'parse5/dist/common/token';
+export declare function replaceOpenTag(sourceCodeLocation: ElementLocation, recorder: UpdateRecorder, templateOffset: number, { tag, directive, type }: {
+    tag: string;
+    directive: string;
+    type: string;
+}): void;
+export declare function replaceSizeAttr(attrs: Attribute[], sourceCodeLocation: ElementLocation, recorder: UpdateRecorder, templateOffset: number): 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

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.closeStartTag = exports.removeClosingTag = exports.replaceSizeAttr = exports.replaceOpenTag = void 0;
+const sizeMap = {
+    l: 'm',
+    m: 's',
+};
+function replaceOpenTag(sourceCodeLocation, recorder, templateOffset, { tag, directive, type }) {
+    const { startTag } = sourceCodeLocation;
+    if (!startTag) {
+        return;
+    }
+    const spaces = ' '.repeat(startTag.startCol + 3);
+    recorder.remove(templateOffset + startTag.startOffset, `<${tag}`.length);
+    recorder.insertRight(templateOffset + startTag.startOffset, `<input\n${spaces}${directive}\n${spaces}type="${type}"`);
+}
+exports.replaceOpenTag = replaceOpenTag;
+function replaceSizeAttr(attrs, sourceCodeLocation, recorder, templateOffset) {
+    var _a;
+    const sizeAttr = attrs.find(attr => attr.name === '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}"`);
+    }
+}
+exports.replaceSizeAttr = replaceSizeAttr;
+function removeClosingTag(sourceCodeLocation, recorder, templateOffset) {
+    const { endTag } = sourceCodeLocation;
+    if (!endTag) {
+        return;
+    }
+    const { startOffset, endOffset } = endTag;
+    const from = templateOffset + startOffset;
+    const to = endOffset - startOffset;
+    recorder.remove(from, to);
+}
+exports.removeClosingTag = removeClosingTag;
+function closeStartTag({ startTag, endTag }, recorder, templateOffset) {
+    var _a;
+    if (!endTag) {
+        return;
+    }
+    recorder.insertRight(templateOffset + ((_a = startTag === null || startTag === void 0 ? void 0 : startTag.endOffset) !== null && _a !== void 0 ? _a : 1) - 1, '/');
+}
+exports.closeStartTag = closeStartTag;

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

@@ -0,0 +1,3 @@
+export * from './migrate-checkbox';
+export * from './migrate-radio';
+export * from './migrate-toggle';

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./migrate-checkbox"), exports);
+tslib_1.__exportStar(require("./migrate-radio"), exports);
+tslib_1.__exportStar(require("./migrate-toggle"), exports);

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

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateCheckbox = void 0;
+const elements_1 = require("../../../../../utils/templates/elements");
+const template_resource_1 = require("../../../../../utils/templates/template-resource");
+const common_1 = require("./common");
+function migrateCheckbox({ 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-checkbox');
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        if (!sourceCodeLocation) {
+            return;
+        }
+        (0, common_1.replaceSizeAttr)(attrs, sourceCodeLocation, recorder, templateOffset);
+        (0, common_1.replaceOpenTag)(sourceCodeLocation, recorder, templateOffset, {
+            tag: 'tui-checkbox',
+            directive: 'tuiCheckbox',
+            type: 'checkbox',
+        });
+        (0, common_1.closeStartTag)(sourceCodeLocation, recorder, templateOffset);
+        (0, common_1.removeClosingTag)(sourceCodeLocation, recorder, templateOffset);
+    });
+}
+exports.migrateCheckbox = migrateCheckbox;

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

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateRadio = void 0;
+const elements_1 = require("../../../../../utils/templates/elements");
+const template_resource_1 = require("../../../../../utils/templates/template-resource");
+const common_1 = require("./common");
+function migrateRadio({ 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-radio');
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        if (!sourceCodeLocation) {
+            return;
+        }
+        (0, common_1.replaceSizeAttr)(attrs, sourceCodeLocation, recorder, templateOffset);
+        (0, common_1.replaceOpenTag)(sourceCodeLocation, recorder, templateOffset, {
+            tag: 'tui-radio',
+            directive: 'tuiRadio',
+            type: 'radio',
+        });
+        (0, common_1.closeStartTag)(sourceCodeLocation, recorder, templateOffset);
+        (0, common_1.removeClosingTag)(sourceCodeLocation, recorder, templateOffset);
+    });
+}
+exports.migrateRadio = migrateRadio;

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

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateToggle = void 0;
+const elements_1 = require("../../../../../utils/templates/elements");
+const template_resource_1 = require("../../../../../utils/templates/template-resource");
+const common_1 = require("./common");
+function migrateToggle({ 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-toggle');
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        if (!sourceCodeLocation) {
+            return;
+        }
+        (0, common_1.replaceSizeAttr)(attrs, sourceCodeLocation, recorder, templateOffset);
+        (0, common_1.replaceOpenTag)(sourceCodeLocation, recorder, templateOffset, {
+            tag: 'tui-toggle',
+            directive: 'tuiSwitch',
+            type: 'checkbox',
+        });
+        (0, common_1.closeStartTag)(sourceCodeLocation, recorder, templateOffset);
+        (0, common_1.removeClosingTag)(sourceCodeLocation, recorder, templateOffset);
+    });
+}
+exports.migrateToggle = migrateToggle;

package/schematics/ng-update/v4/steps/utils/clean-object.d.ts

@@ -0,0 +1,4 @@
+export type TuiDeepPartial<T> = {
+    [K in keyof T]?: T[K] extends object ? TuiDeepPartial<T[K]> : T[K];
+};
+export declare function cleanObject<T>(object: T): TuiDeepPartial<T>;

package/schematics/ng-update/v4/steps/utils/clean-object.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cleanObject = void 0;
+function checkValueIsEmpty(value) {
+    // eslint-disable-next-line
+    const nextValue = typeof value === 'string' ? value.trim() : value;
+    return [undefined, null, NaN, ''].includes(nextValue);
+}
+function cleanObject(object) {
+    return JSON.parse(JSON.stringify(object, (_key, value) => checkValueIsEmpty(value) ? undefined : value));
+}
+exports.cleanObject = cleanObject;

package/schematics/ng-update/v4/steps/utils/remove-attrs.d.ts

@@ -0,0 +1,3 @@
+import type { UpdateRecorder } from '@angular-devkit/schematics';
+import type { Attribute, ElementLocation } from 'parse5/dist/common/token';
+export declare function removeAttrs(attrs: Attribute[], sourceCodeLocation: ElementLocation, recorder: UpdateRecorder, templateOffset: number): void;

package/schematics/ng-update/v4/steps/utils/remove-attrs.js

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

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

@@ -0,0 +1,6 @@
+export interface Replacement {
+    start: number;
+    from: string;
+    to: string;
+}
+export declare function replaceSubstrings(text: string, replacements: Replacement[]): string;

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceSubstrings = void 0;
+function replaceSubstring(text, replacement) {
+    return (text.slice(0, replacement.start) +
+        replacement.to +
+        text.slice(replacement.start + replacement.from.length));
+}
+function replaceSubstrings(text, replacements) {
+    let transformed = text;
+    let acc = 0;
+    replacements.forEach(replacement => {
+        replacement.start += acc;
+        transformed = replaceSubstring(transformed, replacement);
+        acc += replacement.to.length - replacement.from.length;
+    });
+    return transformed;
+}
+exports.replaceSubstrings = replaceSubstrings;

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

@@ -0,0 +1 @@
+export declare function runMigration(before: string): Promise<string>;

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runMigration = void 0;
+const tslib_1 = require("tslib");
+const node_path_1 = require("node:path");
+const schematics_1 = require("@angular-devkit/schematics");
+const testing_1 = require("@angular-devkit/schematics/testing");
+const ng_morph_1 = require("ng-morph");
+const collectionPath = (0, node_path_1.join)(__dirname, '../../../../migration.json');
+function runMigration(before) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const host = new testing_1.UnitTestTree(new schematics_1.HostTree());
+        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.saveActiveProject)();
+        const tree = yield runner.runSchematic('updateToV4', { 'skip-logs': process.env['TUI_CI'] === 'true' }, host);
+        return tree.readContent('test/app/test.component.ts');
+    });
+}
+exports.runMigration = runMigration;

package/schematics/utils/add-import-to-closest-module.js

@@ -2,17 +2,24 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addImportToClosestModule = void 0;
 const ng_morph_1 = require("ng-morph");
+const file_globs_1 = require("../constants/file-globs");
 const add_unique_import_1 = require("./add-unique-import");
-const ng_component_1 = require("./angular/ng-component");
-const ng_module_1 = require("./angular/ng-module");
 function addImportToClosestModule(componentPath, moduleName, moduleSpecifier) {
-    const [ngComponent] = ng_component_1.getNgComponents(componentPath);
-    const ngModule = ngComponent ? ng_module_1.findNgModule(ngComponent) : null;
+    const [ngComponent] = (0, ng_morph_1.getNgComponents)(componentPath);
+    if (!ngComponent) {
+        return;
+    }
+    if ((0, ng_morph_1.isStandaloneComponent)(ngComponent)) {
+        (0, ng_morph_1.addImportToComponent)(ngComponent, moduleName, { unique: true });
+        (0, add_unique_import_1.addUniqueImport)(ngComponent.getSourceFile().getFilePath(), moduleName, moduleSpecifier);
+        return;
+    }
+    const ngModule = (0, ng_morph_1.findNgModule)(ngComponent, file_globs_1.ALL_TS_FILES);
     if (ngModule) {
-        ng_morph_1.addImportToNgModule(ngModule, moduleName, {
+        (0, ng_morph_1.addImportToNgModule)(ngModule, moduleName, {
             unique: true,
         });
-        add_unique_import_1.addUniqueImport(ngModule.getSourceFile().getFilePath(), moduleName, moduleSpecifier);
+        (0, add_unique_import_1.addUniqueImport)(ngModule.getSourceFile().getFilePath(), moduleName, moduleSpecifier);
     }
 }
 exports.addImportToClosestModule = addImportToClosestModule;

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

@@ -3,26 +3,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.addUniqueImport = void 0;
 const ng_morph_1 = require("ng-morph");
 function addUniqueImport(filePath, namedImport, moduleSpecifier) {
-    const existingNamedImport = ng_morph_1.getImports(filePath, {
+    const existingNamedImport = (0, ng_morph_1.getImports)(filePath, {
         namedImports: namedImport,
         moduleSpecifier,
     });
     if (existingNamedImport.length) {
         return;
     }
-    const existingDeclaration = ng_morph_1.getImports(filePath, {
+    const existingDeclaration = (0, ng_morph_1.getImports)(filePath, {
         moduleSpecifier,
     });
     if (existingDeclaration.length) {
         const modules = existingDeclaration[0]
             .getNamedImports()
             .map(namedImport => namedImport.getText());
-        ng_morph_1.editImports(existingDeclaration[0], () => ({
+        (0, ng_morph_1.editImports)(existingDeclaration[0], () => ({
             namedImports: [...modules, namedImport],
         }));
         return;
     }
-    ng_morph_1.addImports(filePath, {
+    (0, ng_morph_1.addImports)(filePath, {
         moduleSpecifier,
         namedImports: [namedImport],
     });

package/schematics/utils/angular-json-manipulations.d.ts

@@ -1,6 +1,6 @@
-import { JsonArray } from '@angular-devkit/core';
-import { Rule, SchematicContext, Tree } from '@angular-devkit/schematics';
-import { TuiSchema } from '../ng-add/schema';
+import type { JsonArray } from '@angular-devkit/core';
+import type { Rule, SchematicContext, Tree } from '@angular-devkit/schematics';
+import type { TuiSchema } from '../ng-add/schema';
 export declare function isInvalidAngularJson(tree: Tree): Promise<boolean>;
 export declare function addStylesToAngularJson(options: TuiSchema, context: SchematicContext, taigaStyles: string[], filter?: (styles: JsonArray | undefined) => boolean, stylesToReplace?: {
     from: string;