@taiga-ui/cdk 3.52.0-canary.164e55d → 3.52.0-canary.5a1e81f

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/cdk",
-  "version": "3.52.0-canary.164e55d",
+  "version": "3.52.0-canary.5a1e81f",
   "description": "Base library for creating Angular components and applications using Taiga UI principles regarding of actual visual appearance",
   "keywords": [
     "angular",
@@ -16,9 +16,9 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@angular-devkit/schematics": "12.2.18",
-    "@ng-web-apis/common": "3.0.5",
-    "@ng-web-apis/mutation-observer": "3.0.5",
-    "@ng-web-apis/resize-observer": "3.0.5",
+    "@ng-web-apis/common": "3.0.6",
+    "@ng-web-apis/mutation-observer": "3.0.6",
+    "@ng-web-apis/resize-observer": "3.0.6",
     "@schematics/angular": "12.2.18",
     "@tinkoff/ng-event-plugins": "3.1.0",
     "@tinkoff/ng-polymorpheus": "4.2.0",

package/schematics/ng-update/interfaces/html-comment.d.ts

@@ -0,0 +1,5 @@
+export interface HtmlComment {
+    readonly tag: string;
+    readonly withAttrs: string[];
+    readonly comment: string;
+}

package/schematics/ng-update/interfaces/index.d.ts

@@ -1,8 +1,10 @@
 export * from './asset';
+export * from './html-comment';
 export * from './migration-warning';
 export * from './removable-input';
 export * from './removed-module';
 export * from './replacement-attribute';
+export * from './replacement-attribute-to-directive';
 export * from './replacement-attribute-value';
 export * from './replacement-enum';
 export * from './replacement-identifier';

package/schematics/ng-update/interfaces/index.js

@@ -2,10 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./asset"), exports);
+tslib_1.__exportStar(require("./html-comment"), exports);
 tslib_1.__exportStar(require("./migration-warning"), exports);
 tslib_1.__exportStar(require("./removable-input"), exports);
 tslib_1.__exportStar(require("./removed-module"), exports);
 tslib_1.__exportStar(require("./replacement-attribute"), exports);
+tslib_1.__exportStar(require("./replacement-attribute-to-directive"), exports);
 tslib_1.__exportStar(require("./replacement-attribute-value"), exports);
 tslib_1.__exportStar(require("./replacement-enum"), exports);
 tslib_1.__exportStar(require("./replacement-identifier"), exports);

package/schematics/ng-update/{v3/interfaces/attribute-to-directive.d.ts → interfaces/replacement-attribute-to-directive.d.ts}

@@ -1,5 +1,5 @@
 import { Element } from 'parse5';
-export interface AttributeToDirective {
+export interface ReplacementAttributeToDirective {
     readonly componentSelector: string[] | string;
     readonly directive: string;
     readonly directiveModule: {

package/schematics/ng-update/interfaces/replacement-attribute-to-directive.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/schematics/ng-update/utils/templates/index.d.ts

@@ -0,0 +1,6 @@
+export * from './remove-inputs';
+export * from './replace-attr-values';
+export * from './replace-attrs';
+export * from './replace-tag';
+export * from './replace-tags';
+export * from './template-comments';

package/schematics/ng-update/utils/templates/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./remove-inputs"), exports);
+tslib_1.__exportStar(require("./replace-attr-values"), exports);
+tslib_1.__exportStar(require("./replace-attrs"), exports);
+tslib_1.__exportStar(require("./replace-tag"), exports);
+tslib_1.__exportStar(require("./replace-tags"), exports);
+tslib_1.__exportStar(require("./template-comments"), exports);

package/schematics/ng-update/utils/templates/replace-attrs-by-directives.d.ts

@@ -0,0 +1,7 @@
+import { DevkitFileSystem } from 'ng-morph';
+import { ReplacementAttributeToDirective, TemplateResource } from '../../interfaces';
+export declare function replaceAttrsByDirective({ resource, fileSystem, data, }: {
+    fileSystem: DevkitFileSystem;
+    resource: TemplateResource;
+    data: ReplacementAttributeToDirective[];
+}): void;

package/schematics/ng-update/utils/templates/replace-attrs-by-directives.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceAttrsByDirective = void 0;
+const ng_component_input_manipulations_1 = require("../../../utils/templates/ng-component-input-manipulations");
+function replaceAttrsByDirective({ resource, fileSystem, data, }) {
+    data.forEach(({ componentSelector, directiveModule, directive, inputProperty, filterFn }) => {
+        ng_component_input_manipulations_1.replaceInputPropertyByDirective({
+            componentSelector,
+            directiveModule,
+            directive,
+            inputProperty,
+            fileSystem,
+            templateResource: resource,
+            filterFn,
+        });
+    });
+}
+exports.replaceAttrsByDirective = replaceAttrsByDirective;

package/schematics/ng-update/utils/templates/template-comments.d.ts

@@ -0,0 +1,10 @@
+import { UpdateRecorder } from '@angular-devkit/schematics';
+import { DevkitFileSystem } from 'ng-morph';
+import { TemplateResource } from '../../interfaces';
+import { HtmlComment } from '../../interfaces';
+export declare function addHTMLCommentTags({ resource, recorder, fileSystem, data, }: {
+    fileSystem: DevkitFileSystem;
+    recorder: UpdateRecorder;
+    data: readonly HtmlComment[];
+    resource: TemplateResource;
+}): void;

package/schematics/ng-update/utils/templates/template-comments.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addHTMLCommentTags = void 0;
+const insert_todo_1 = require("../../../utils/insert-todo");
+const elements_1 = require("../../../utils/templates/elements");
+const template_resource_1 = require("../../../utils/templates/template-resource");
+function addHTMLCommentTags({ resource, recorder, fileSystem, data, }) {
+    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(resource);
+    data.forEach(({ comment, tag, withAttrs }) => {
+        const elementStartOffsets = [
+            ...elements_1.findElementsWithAttributeOnTag(template, withAttrs, [tag]),
+            ...elements_1.findElementsWithAttributeOnTag(template, withAttrs.map(attr => `[${attr}]`), [tag]),
+        ].map(({ sourceCodeLocation }) => ((sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.startOffset) || 0) + templateOffset);
+        elementStartOffsets.forEach(offset => {
+            recorder.insertRight(offset, `<!-- ${insert_todo_1.TODO_MARK} ${comment} -->\n`);
+        });
+    });
+}
+exports.addHTMLCommentTags = addHTMLCommentTags;

package/schematics/ng-update/v3/constants/templates.d.ts

@@ -1,12 +1,12 @@
+import { ReplacementAttributeToDirective } from '../../interfaces';
 import { RemovableInput } from '../../interfaces/removable-input';
 import { ReplacementAttribute } from '../../interfaces/replacement-attribute';
 import { ReplacementAttributeValue } from '../../interfaces/replacement-attribute-value';
 import { ReplacementTag } from '../../interfaces/replacement-tag';
-import { AttributeToDirective } from '../interfaces/attribute-to-directive';
 export declare const ATTRS_TO_REPLACE: ReplacementAttribute[];
 export declare const INPUTS_TO_REMOVE: RemovableInput[];
 export declare const TAGS_TO_REPLACE: ReplacementTag[];
-export declare const ATTR_TO_DIRECTIVE: AttributeToDirective[];
+export declare const ATTR_TO_DIRECTIVE: ReplacementAttributeToDirective[];
 /**
  * @example `<div [someDirective]="true" />` => `<div someDirective />`
  *

package/schematics/ng-update/v4/steps/constants/attr-to-directive-replace.d.ts

@@ -0,0 +1,2 @@
+import { ReplacementAttributeToDirective } from '../../../interfaces';
+export declare const ATTRS_TO_DIRECTIVE_REPLACE: ReplacementAttributeToDirective[];

package/schematics/ng-update/v4/steps/constants/attr-to-directive-replace.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ATTRS_TO_DIRECTIVE_REPLACE = void 0;
+exports.ATTRS_TO_DIRECTIVE_REPLACE = [
+    {
+        componentSelector: [
+            `tui-primitive-textfield`,
+            `tui-input-number`,
+            `tui-input-slider`,
+        ],
+        inputProperty: `prefix`,
+        directive: `tuiTextfieldPrefix`,
+        directiveModule: {
+            name: `TuiTextfieldControllerModule`,
+            moduleSpecifier: `@taiga-ui/core`,
+        },
+    },
+    {
+        componentSelector: [
+            `tui-primitive-textfield`,
+            `tui-input-number`,
+            `tui-input-slider`,
+        ],
+        inputProperty: `postfix`,
+        directive: `tuiTextfieldPostfix`,
+        directiveModule: {
+            name: `TuiTextfieldControllerModule`,
+            moduleSpecifier: `@taiga-ui/core`,
+        },
+    },
+    {
+        componentSelector: [`tui-primitive-textfield`],
+        inputProperty: `filler`,
+        directive: `tuiTextfieldFiller`,
+        directiveModule: {
+            name: `TuiTextfieldControllerModule`,
+            moduleSpecifier: `@taiga-ui/core`,
+        },
+    },
+];

package/schematics/ng-update/v4/steps/constants/attrs-to-replace.js

@@ -30,4 +30,18 @@ exports.ATTRS_TO_REPLACE = [
         },
         to: { attrName: `appearance` },
     },
+    {
+        from: {
+            attrName: `item`,
+            withTagNames: [`tui-radio`],
+        },
+        to: { attrName: `value` },
+    },
+    {
+        from: {
+            attrName: `[item]`,
+            withTagNames: [`tui-radio`],
+        },
+        to: { attrName: `[value]` },
+    },
 ];

package/schematics/ng-update/v4/steps/constants/html-comments.d.ts

@@ -0,0 +1,2 @@
+import { HtmlComment } from '../../../interfaces';
+export declare const HTML_COMMENTS: HtmlComment[];

package/schematics/ng-update/v4/steps/constants/html-comments.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HTML_COMMENTS = void 0;
+exports.HTML_COMMENTS = [
+    {
+        tag: `tui-toggle`,
+        withAttrs: [`singleColor`, `showLoader`],
+        comment: `toggle [singleColor] and [showLoader] inputs have been removed due to design changes`,
+    },
+];

package/schematics/ng-update/v4/steps/constants/identifiers-to-replace.js

@@ -17,6 +17,18 @@ exports.IDENTIFIERS_TO_REPLACE = [
         from: { name: `TuiBadgeModule`, moduleSpecifier: `@taiga-ui/experimental` },
         to: { name: `TuiBadgeModule`, moduleSpecifier: `@taiga-ui/kit` },
     },
+    {
+        from: { name: `TuiCheckboxModule`, moduleSpecifier: `@taiga-ui/experimental` },
+        to: { name: `TuiCheckboxModule`, moduleSpecifier: `@taiga-ui/kit` },
+    },
+    {
+        from: { name: `TuiRadioModule`, moduleSpecifier: `@taiga-ui/experimental` },
+        to: { name: `TuiRadioModule`, moduleSpecifier: `@taiga-ui/kit` },
+    },
+    {
+        from: { name: `TuiToggleModule`, moduleSpecifier: `@taiga-ui/experimental` },
+        to: { name: `TuiToggleModule`, moduleSpecifier: `@taiga-ui/kit` },
+    },
     {
         from: { name: `TuiTextAreaModule`, moduleSpecifier: `@taiga-ui/kit` },
         to: { name: `TuiTextareaModule`, moduleSpecifier: `@taiga-ui/kit` },

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

@@ -0,0 +1,6 @@
+export * from './attr-to-directive-replace';
+export * from './attrs-to-replace';
+export * from './html-comments';
+export * from './identifiers-to-replace';
+export * from './inputs-to-remove';
+export * from './tags-to-replace';

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./attr-to-directive-replace"), exports);
+tslib_1.__exportStar(require("./attrs-to-replace"), exports);
+tslib_1.__exportStar(require("./html-comments"), exports);
+tslib_1.__exportStar(require("./identifiers-to-replace"), exports);
+tslib_1.__exportStar(require("./inputs-to-remove"), exports);
+tslib_1.__exportStar(require("./tags-to-replace"), exports);

package/schematics/ng-update/v4/steps/constants/inputs-to-remove.js

@@ -3,4 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.INPUTS_TO_REMOVE = void 0;
 exports.INPUTS_TO_REMOVE = [
     { inputName: `active`, tags: [`tui-card`, `tui-thumbnail-card`] },
+    { inputName: `showLoader`, tags: [`tui-toggle`] },
+    { inputName: `singleColor`, tags: [`tui-toggle`] },
 ];

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

@@ -6,22 +6,27 @@ const colored_log_1 = require("../../../utils/colored-log");
 const progress_1 = require("../../../utils/progress");
 const get_component_templates_1 = require("../../../utils/templates/get-component-templates");
 const template_resource_1 = require("../../../utils/templates/template-resource");
-const remove_inputs_1 = require("../../utils/templates/remove-inputs");
-const replace_attrs_1 = require("../../utils/templates/replace-attrs");
-const replace_tags_1 = require("../../utils/templates/replace-tags");
-const attrs_to_replace_1 = require("./constants/attrs-to-replace");
-const inputs_to_remove_1 = require("./constants/inputs-to-remove");
-const tags_to_replace_1 = require("./constants/tags-to-replace");
-const migrate_badge_1 = require("./templates/migrate-badge");
+const templates_1 = require("../../utils/templates");
+const replace_attrs_by_directives_1 = require("../../utils/templates/replace-attrs-by-directives");
+const constants_2 = require("./constants");
+const templates_2 = require("./templates");
 function migrateTemplates(fileSystem, options) {
     !options[`skip-logs`] &&
         colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating templates...`);
     const componentWithTemplatesPaths = get_component_templates_1.getComponentTemplates(constants_1.ALL_TS_FILES);
     const actions = [
-        getAction({ action: replace_tags_1.replaceTags, requiredData: tags_to_replace_1.TAGS_TO_REPLACE }),
-        getAction({ action: replace_attrs_1.replaceAttrs, requiredData: attrs_to_replace_1.ATTRS_TO_REPLACE }),
-        getAction({ action: remove_inputs_1.removeInputs, requiredData: inputs_to_remove_1.INPUTS_TO_REMOVE }),
-        migrate_badge_1.migrateBadgeValue,
+        getAction({ action: templates_1.addHTMLCommentTags, requiredData: constants_2.HTML_COMMENTS }),
+        getAction({
+            action: replace_attrs_by_directives_1.replaceAttrsByDirective,
+            requiredData: constants_2.ATTRS_TO_DIRECTIVE_REPLACE,
+        }),
+        getAction({ action: templates_1.replaceTags, requiredData: constants_2.TAGS_TO_REPLACE }),
+        getAction({ action: templates_1.replaceAttrs, requiredData: constants_2.ATTRS_TO_REPLACE }),
+        getAction({ action: templates_1.removeInputs, requiredData: constants_2.INPUTS_TO_REMOVE }),
+        templates_2.migrateBadgeValue,
+        templates_2.migrateCheckbox,
+        templates_2.migrateRadio,
+        templates_2.migrateToggle,
     ];
     const progressLog = progress_1.setupProgressLogger({
         total: componentWithTemplatesPaths.length,

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

@@ -0,0 +1,2 @@
+export * from './migrate-badge';
+export * from './toggles';

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

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

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

@@ -0,0 +1,10 @@
+import { UpdateRecorder } from '@angular-devkit/schematics';
+import { Attribute, ElementLocation } from 'parse5';
+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 }: ElementLocation, recorder: UpdateRecorder, templateOffset: number): void;

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

@@ -0,0 +1,40 @@
+"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;
+    const { startOffset, startCol } = startTag;
+    const spaces = ` `.repeat(startCol + 3);
+    recorder.remove(templateOffset + startOffset, `<${tag}`.length);
+    recorder.insertRight(templateOffset + 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;
+    const { startOffset, endOffset } = endTag;
+    const from = templateOffset + startOffset;
+    const to = endOffset - startOffset;
+    recorder.remove(from, to);
+}
+exports.removeClosingTag = removeClosingTag;
+function closeStartTag({ startTag }, recorder, templateOffset) {
+    recorder.insertRight(templateOffset + startTag.endOffset - 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 { UpdateRecorder } from '@angular-devkit/schematics';
+import { DevkitFileSystem } from 'ng-morph';
+import { 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 = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(resource);
+    const elements = elements_1.findElementsByTagName(template, `tui-checkbox`);
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        if (!sourceCodeLocation) {
+            return;
+        }
+        common_1.replaceSizeAttr(attrs, sourceCodeLocation, recorder, templateOffset);
+        common_1.replaceOpenTag(sourceCodeLocation, recorder, templateOffset, {
+            tag: `tui-checkbox`,
+            directive: `tuiCheckbox`,
+            type: `checkbox`,
+        });
+        common_1.closeStartTag(sourceCodeLocation, recorder, templateOffset);
+        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 { UpdateRecorder } from '@angular-devkit/schematics';
+import { DevkitFileSystem } from 'ng-morph';
+import { 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 = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(resource);
+    const elements = elements_1.findElementsByTagName(template, `tui-radio`);
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        if (!sourceCodeLocation) {
+            return;
+        }
+        common_1.replaceSizeAttr(attrs, sourceCodeLocation, recorder, templateOffset);
+        common_1.replaceOpenTag(sourceCodeLocation, recorder, templateOffset, {
+            tag: `tui-radio`,
+            directive: `tuiRadio`,
+            type: `radio`,
+        });
+        common_1.closeStartTag(sourceCodeLocation, recorder, templateOffset);
+        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 { UpdateRecorder } from '@angular-devkit/schematics';
+import { DevkitFileSystem } from 'ng-morph';
+import { 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 = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(resource);
+    const elements = elements_1.findElementsByTagName(template, `tui-toggle`);
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        if (!sourceCodeLocation) {
+            return;
+        }
+        common_1.replaceSizeAttr(attrs, sourceCodeLocation, recorder, templateOffset);
+        common_1.replaceOpenTag(sourceCodeLocation, recorder, templateOffset, {
+            tag: `tui-toggle`,
+            directive: `tuiToggle`,
+            type: `checkbox`,
+        });
+        common_1.closeStartTag(sourceCodeLocation, recorder, templateOffset);
+        common_1.removeClosingTag(sourceCodeLocation, recorder, templateOffset);
+    });
+}
+exports.migrateToggle = migrateToggle;

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

@@ -2,12 +2,22 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addImportToClosestModule = void 0;
 const ng_morph_1 = require("ng-morph");
+const add_import_to_component_1 = require("../utils/add-import-to-component");
 const add_unique_import_1 = require("./add-unique-import");
+const is_standalone_component_1 = require("./angular/is-standalone-component");
 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;
+    if (!ngComponent) {
+        return;
+    }
+    if (is_standalone_component_1.isStandaloneComponent(ngComponent)) {
+        add_import_to_component_1.addImportToComponent(ngComponent, moduleName, { unique: true });
+        add_unique_import_1.addUniqueImport(ngComponent.getSourceFile().getFilePath(), moduleName, moduleSpecifier);
+        return;
+    }
+    const ngModule = ng_module_1.findNgModule(ngComponent);
     if (ngModule) {
         ng_morph_1.addImportToNgModule(ngModule, moduleName, {
             unique: true,

package/schematics/utils/angular/is-standalone-component.d.ts

@@ -0,0 +1,2 @@
+import { ClassDeclaration } from 'ng-morph';
+export declare function isStandaloneComponent(component: ClassDeclaration): boolean;

package/schematics/utils/angular/is-standalone-component.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isStandaloneComponent = void 0;
+const ng_morph_1 = require("ng-morph");
+// TODO: add to ng-morph
+function isStandaloneComponent(component) {
+    var _a;
+    const decorator = component.getDecorator(`Component`);
+    if (!decorator) {
+        return false;
+    }
+    const [metadata] = decorator.getArguments();
+    if (!ng_morph_1.Node.isObjectLiteralExpression(metadata)) {
+        return false;
+    }
+    const property = metadata.getProperty(`standalone`);
+    if (!ng_morph_1.Node.isPropertyAssignment(property)) {
+        return false;
+    }
+    return ((_a = property.getInitializer()) === null || _a === void 0 ? void 0 : _a.getText()) === `true`;
+}
+exports.isStandaloneComponent = isStandaloneComponent;