@taiga-ui/cdk 3.52.0 → 3.53.0-canary.0974e5c

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

@@ -15,6 +15,7 @@ const ng_component_input_manipulations_1 = require("../../../utils/templates/ng-
 const template_resource_1 = require("../../../utils/templates/template-resource");
 const remove_inputs_1 = require("../../utils/templates/remove-inputs");
 const replace_attr_values_1 = require("../../utils/templates/replace-attr-values");
+const replace_attrs_1 = require("../../utils/templates/replace-attrs");
 const replace_tag_1 = require("../../utils/templates/replace-tag");
 const replace_tags_1 = require("../../utils/templates/replace-tags");
 const templates_1 = require("../constants/templates");
@@ -26,7 +27,7 @@ function migrateTemplates(fileSystem, options) {
     const componentWithTemplatesPaths = get_component_templates_1.getComponentTemplates(constants_1.ALL_TS_FILES);
     const actions = [
         replaceV3Tags,
-        replaceAttrs,
+        replaceV3Attrs,
         replaceAttrsByDirective,
         replaceBreadcrumbs,
         replaceFieldError,
@@ -69,22 +70,16 @@ function replaceAttrsByDirective({ resource, fileSystem, }) {
         });
     });
 }
-function replaceAttrs({ resource, recorder, fileSystem, }) {
-    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
-    const templateOffset = template_resource_1.getTemplateOffset(resource);
-    templates_1.ATTRS_TO_REPLACE.forEach(({ from, to }) => {
-        const offsets = [
-            ...elements_1.findAttributeOnElementWithTag(template, from.attrName, from.withTagNames || [], from.filterFn),
-            ...elements_1.findAttributeOnElementWithAttrs(template, from.attrName, from.withAttrsNames || [], from.filterFn),
-        ];
-        offsets.forEach(offset => {
-            recorder.remove(offset + templateOffset, from.attrName.length);
-            recorder.insertRight(offset + templateOffset, to.attrName);
-        });
+function replaceV3Attrs({ resource, recorder, fileSystem, }) {
+    replace_attrs_1.replaceAttrs({
+        resource,
+        recorder,
+        fileSystem,
+        data: templates_1.ATTRS_TO_REPLACE,
     });
 }
 function replaceV3Tags({ resource, recorder, fileSystem, }) {
-    replace_tags_1.replaceTags({ resource, recorder, fileSystem, replaceableItems: templates_1.TAGS_TO_REPLACE });
+    replace_tags_1.replaceTags({ resource, recorder, fileSystem, data: templates_1.TAGS_TO_REPLACE });
 }
 function addHTMLCommentTags({ resource, recorder, fileSystem, }) {
     const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
@@ -215,9 +210,9 @@ function replaceInputValues({ resource, recorder, fileSystem, }) {
         resource,
         recorder,
         fileSystem,
-        replaceableItems: templates_1.REPLACE_ATTR_VALUE,
+        data: templates_1.REPLACE_ATTR_VALUE,
     });
 }
 function removeV3Inputs({ resource, fileSystem, recorder, }) {
-    remove_inputs_1.removeInputs({ resource, recorder, fileSystem, replaceableItems: templates_1.INPUTS_TO_REMOVE });
+    remove_inputs_1.removeInputs({ resource, recorder, fileSystem, data: templates_1.INPUTS_TO_REMOVE });
 }

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

@@ -1,2 +1,2 @@
-import { ReplacementConst } from '../../interfaces/replacement-const';
-export declare const ICONS_TS: ReplacementConst[];
+import { ReplacementIdentifier } from '../../interfaces/replacement-identifier';
+export declare const ICONS_TS: ReplacementIdentifier[];

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

@@ -1,2 +1,2 @@
-import { ReplacementConst } from '../../interfaces/replacement-const';
-export declare const ICONS_TS: ReplacementConst[];
+import { ReplacementIdentifier } from '../../interfaces/replacement-identifier';
+export declare const ICONS_TS: ReplacementIdentifier[];

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

@@ -9,9 +9,9 @@ const versions_1 = require("../../ng-add/constants/versions");
 const colored_log_1 = require("../../utils/colored-log");
 const get_execution_time_1 = require("../../utils/get-execution-time");
 const project_root_1 = require("../../utils/project-root");
-const replace_thumbnail_card_1 = require("./steps/replace-thumbnail-card");
-const restore_tui_mapper_1 = require("./steps/restore-tui-mapper");
-const restore_tui_matcher_1 = require("./steps/restore-tui-matcher");
+const replace_identifier_1 = require("../steps/replace-identifier");
+const steps_1 = require("./steps");
+const identifiers_to_replace_1 = require("./steps/constants/identifiers-to-replace");
 function updateToV4(options) {
     const t0 = perf_hooks_1.performance.now();
     !options[`skip-logs`] &&
@@ -30,9 +30,10 @@ function main(options) {
     return (tree, _context) => {
         const project = ng_morph_1.createProject(tree, project_root_1.projectRoot(), constants_1.ALL_FILES);
         const fileSystem = project.getFileSystem().fs;
-        replace_thumbnail_card_1.replaceThumbnailCard(options, fileSystem);
-        restore_tui_mapper_1.restoreTuiMapper(options);
-        restore_tui_matcher_1.restoreTuiMatcher(options);
+        replace_identifier_1.replaceIdentifiers(options, identifiers_to_replace_1.IDENTIFIERS_TO_REPLACE);
+        steps_1.restoreTuiMapper(options);
+        steps_1.restoreTuiMatcher(options);
+        steps_1.migrateTemplates(fileSystem, options);
         fileSystem.commitEdits();
         ng_morph_1.saveActiveProject();
     };

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

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

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

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ATTRS_TO_REPLACE = void 0;
+exports.ATTRS_TO_REPLACE = [
+    {
+        from: {
+            attrName: `brandLogo`,
+            withTagNames: [`tui-card`, `tui-thumbnail-card`],
+        },
+        to: { attrName: `iconLeft` },
+    },
+    {
+        from: {
+            attrName: `[brandLogo]`,
+            withTagNames: [`tui-card`, `tui-thumbnail-card`],
+        },
+        to: { attrName: `[iconLeft]` },
+    },
+    {
+        from: {
+            attrName: `[status]`,
+            withTagNames: [`tui-badge`],
+        },
+        to: { attrName: `[appearance]` },
+    },
+    {
+        from: {
+            attrName: `status`,
+            withTagNames: [`tui-badge`],
+        },
+        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.d.ts

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

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IDENTIFIERS_TO_REPLACE = void 0;
+exports.IDENTIFIERS_TO_REPLACE = [
+    {
+        from: { name: `TuiCardModule`, moduleSpecifier: `@taiga-ui/addon-commerce` },
+        to: { name: `TuiThumbnailCardModule`, moduleSpecifier: `@taiga-ui/addon-commerce` },
+    },
+    {
+        from: { name: `TuiCardComponent`, moduleSpecifier: `@taiga-ui/addon-commerce` },
+        to: {
+            name: `TuiThumbnailCardComponent`,
+            moduleSpecifier: `@taiga-ui/addon-commerce`,
+        },
+    },
+    {
+        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` },
+    },
+    {
+        from: { name: `TuiTextAreaDirective`, moduleSpecifier: `@taiga-ui/kit` },
+        to: { name: `TuiTextareaDirective`, moduleSpecifier: `@taiga-ui/kit` },
+    },
+    {
+        from: { name: `TuiTextAreaComponent`, moduleSpecifier: `@taiga-ui/kit` },
+        to: { name: `TuiTextareaComponent`, 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.d.ts

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

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

@@ -0,0 +1,8 @@
+"use strict";
+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/constants/tags-to-replace.d.ts

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

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TAGS_TO_REPLACE = void 0;
+exports.TAGS_TO_REPLACE = [
+    { from: `tui-card`, to: `tui-thumbnail-card` },
+    { from: `tui-text-area`, to: `tui-textarea` },
+];

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

@@ -0,0 +1,3 @@
+export * from './migrate-templates';
+export * from './restore-tui-mapper';
+export * from './restore-tui-matcher';

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./migrate-templates"), exports);
+tslib_1.__exportStar(require("./restore-tui-mapper"), exports);
+tslib_1.__exportStar(require("./restore-tui-matcher"), exports);

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

@@ -0,0 +1,3 @@
+import { DevkitFileSystem } from 'ng-morph';
+import { TuiSchema } from '../../../ng-add/schema';
+export declare function migrateTemplates(fileSystem: DevkitFileSystem, options: TuiSchema): void;

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

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateTemplates = void 0;
+const constants_1 = require("../../../constants");
+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 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: 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,
+    });
+    componentWithTemplatesPaths.forEach(resource => {
+        const path = fileSystem.resolve(template_resource_1.getPathFromTemplateResource(resource));
+        const recorder = fileSystem.edit(path);
+        actions.forEach((action, actionIndex) => {
+            const isLastAction = actionIndex === actions.length - 1;
+            !options[`skip-logs`] && progressLog(action.name, isLastAction);
+            action({ resource, fileSystem, recorder });
+        });
+    });
+    !options[`skip-logs`] &&
+        colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} templates migrated \n`);
+}
+exports.migrateTemplates = migrateTemplates;
+function getAction({ action, requiredData, }) {
+    return ({ resource, fileSystem, recorder, }) => action({ resource, fileSystem, recorder, data: requiredData });
+}

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/migrate-badge.d.ts

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

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateBadgeValue = void 0;
+const elements_1 = require("../../../../utils/templates/elements");
+const template_resource_1 = require("../../../../utils/templates/template-resource");
+function migrateBadgeValue({ resource, recorder, fileSystem, }) {
+    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(resource);
+    const elements = elements_1.findElementsWithAttributeOnTag(template, [`[value]`, `value`], [`tui-badge`]);
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        var _a;
+        const attr = attrs.find(attr => attr.name === `[value]` || attr.name === `value`);
+        if (!attr) {
+            return;
+        }
+        const attrValue = attr === null || attr === void 0 ? void 0 : attr.value;
+        const insertTo = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.endTag.startOffset;
+        if (!attrValue || !insertTo) {
+            return;
+        }
+        recorder.insertRight(insertTo + templateOffset, attr.name === `value` ? attrValue : `{{ ${attrValue} }}`);
+        const attrOffset = (_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : 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.migrateBadgeValue = migrateBadgeValue;

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;