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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/cdk",
-  "version": "3.52.0-canary.164e55d",
+  "version": "3.52.0-canary.ca866a4",
   "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/html-comment.js

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

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

@@ -1,4 +1,5 @@
 export * from './asset';
+export * from './html-comment';
 export * from './migration-warning';
 export * from './removable-input';
 export * from './removed-module';

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

@@ -2,6 +2,7 @@
 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);

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/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/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,5 @@
+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,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+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,22 @@ 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 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: 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;