@taiga-ui/cdk 4.0.0-rc.6 → 4.0.0-rc.7

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

@@ -10,6 +10,20 @@ exports.ATTRS_TO_REPLACE = [
         },
         to: { attrName: 'iconStart' },
     },
+    {
+        from: {
+            attrName: 'src',
+            withTagNames: ['tui-svg'],
+        },
+        to: { attrName: 'icon' },
+    },
+    {
+        from: {
+            attrName: '[src]',
+            withTagNames: ['tui-svg'],
+        },
+        to: { attrName: '[icon]' },
+    },
     {
         from: {
             attrName: '[brandLogo]',
@@ -34,14 +48,14 @@ exports.ATTRS_TO_REPLACE = [
     {
         from: {
             attrName: 'item',
-            withTagNames: ['tui-radio'],
+            withTagNames: ['tui-radio', 'tui-radio-labeled', 'tui-radio-block'],
         },
         to: { attrName: 'value' },
     },
     {
         from: {
             attrName: '[item]',
-            withTagNames: ['tui-radio'],
+            withTagNames: ['tui-radio', 'tui-radio-labeled', 'tui-radio-block'],
         },
         to: { attrName: '[value]' },
     },
@@ -59,20 +73,6 @@ exports.ATTRS_TO_REPLACE = [
         },
         to: { attrName: '(waResizeObserver)' },
     },
-    {
-        from: {
-            attrName: 'item',
-            withTagNames: ['tui-radio-labeled'],
-        },
-        to: { attrName: 'value' },
-    },
-    {
-        from: {
-            attrName: '[item]',
-            withTagNames: ['tui-radio-labeled'],
-        },
-        to: { attrName: '[value]' },
-    },
     // Hosted dropdown
     {
         from: {
@@ -234,4 +234,11 @@ exports.ATTRS_TO_REPLACE = [
         },
         to: { attrName: '' },
     },
+    {
+        from: {
+            attrName: 'tuiTextfield',
+            withTagNames: ['input', 'textarea'],
+        },
+        to: { attrName: 'tuiTextfieldLegacy' },
+    },
 ];

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

@@ -66,6 +66,10 @@ exports.IDENTIFIERS_TO_REPLACE = [
         from: { name: 'TUI_DIGIT_REGEXP', moduleSpecifier: '@taiga-ui/core' },
         to: { name: 'TUI_DIGIT_REGEXP', moduleSpecifier: '@taiga-ui/cdk' },
     },
+    {
+        from: { name: 'tuiCapitalizeFirstLetter', moduleSpecifier: '@taiga-ui/core' },
+        to: { name: 'tuiCapitalizeFirstLetter', moduleSpecifier: '@taiga-ui/legacy' },
+    },
     {
         from: { name: 'TUI_NON_DIGIT_REGEXP', moduleSpecifier: '@taiga-ui/core' },
         to: { name: 'TUI_NON_DIGIT_REGEXP', moduleSpecifier: '@taiga-ui/cdk' },
@@ -383,6 +387,10 @@ exports.IDENTIFIERS_TO_REPLACE = [
         from: { name: 'TuiCheckboxModule', moduleSpecifier: '@taiga-ui/kit' },
         to: { name: 'TuiCheckbox', moduleSpecifier: '@taiga-ui/kit' },
     },
+    {
+        from: { name: 'TuiPrimitiveCheckboxModule', moduleSpecifier: '@taiga-ui/core' },
+        to: { name: 'TuiCheckbox', moduleSpecifier: '@taiga-ui/kit' },
+    },
     {
         from: { name: 'TuiSwipeActionsModule', moduleSpecifier: '@taiga-ui/experimental' },
         to: [
@@ -394,6 +402,10 @@ exports.IDENTIFIERS_TO_REPLACE = [
         from: { name: 'TuiRadioModule', moduleSpecifier: '@taiga-ui/experimental' },
         to: { name: 'TuiRadio', moduleSpecifier: '@taiga-ui/kit', spreadInModule: true },
     },
+    {
+        from: { name: 'TuiRadioModule', moduleSpecifier: '@taiga-ui/core' },
+        to: { name: 'TuiRadio', moduleSpecifier: '@taiga-ui/kit', spreadInModule: true },
+    },
     {
         from: { name: 'TuiAvatarModule', moduleSpecifier: '@taiga-ui/experimental' },
         to: { name: 'TuiAvatar', moduleSpecifier: '@taiga-ui/kit' },
@@ -436,7 +448,11 @@ exports.IDENTIFIERS_TO_REPLACE = [
     },
     {
         from: { name: 'TuiBadgedContentModule', moduleSpecifier: '@taiga-ui/kit' },
-        to: { name: 'TuiBadgedContent', moduleSpecifier: '@taiga-ui/kit' },
+        to: {
+            name: 'TuiBadgedContent',
+            moduleSpecifier: '@taiga-ui/kit',
+            spreadInModule: true,
+        },
     },
     {
         from: {
@@ -562,7 +578,7 @@ exports.IDENTIFIERS_TO_REPLACE = [
     {
         from: { name: 'TuiResizeModule', moduleSpecifier: '@taiga-ui/cdk' },
         to: {
-            name: 'ResizeObserverDirective',
+            name: 'WaResizeObserver',
             moduleSpecifier: '@ng-web-apis/resize-observer',
         },
     },
@@ -645,6 +661,14 @@ exports.IDENTIFIERS_TO_REPLACE = [
         from: { name: 'TuiIconModule', moduleSpecifier: '@taiga-ui/experimental' },
         to: { name: 'TuiIcon', moduleSpecifier: '@taiga-ui/core' },
     },
+    {
+        from: { name: 'TuiCheckboxComponent', moduleSpecifier: '@taiga-ui/kit' },
+        to: { name: 'TuiCheckbox', moduleSpecifier: '@taiga-ui/kit' },
+    },
+    {
+        from: { name: 'TuiCheckboxLabeledComponent', moduleSpecifier: '@taiga-ui/kit' },
+        to: { name: 'TuiCheckbox', moduleSpecifier: '@taiga-ui/kit' },
+    },
     {
         from: { name: 'TuiCheckboxLabeledModule', moduleSpecifier: '@taiga-ui/kit' },
         to: { name: 'TuiLabel', moduleSpecifier: '@taiga-ui/core' },
@@ -653,13 +677,35 @@ exports.IDENTIFIERS_TO_REPLACE = [
         from: { name: 'TuiRadioLabeledModule', moduleSpecifier: '@taiga-ui/kit' },
         to: { name: 'TuiLabel', moduleSpecifier: '@taiga-ui/core' },
     },
+    {
+        from: { name: 'TuiRadioLabeledComponent', moduleSpecifier: '@taiga-ui/kit' },
+        to: { name: 'TuiRadioComponent', moduleSpecifier: '@taiga-ui/kit' },
+    },
+    {
+        from: { name: 'TuiCheckboxBlockModule', moduleSpecifier: '@taiga-ui/kit' },
+        to: [
+            { name: 'TuiBlock', moduleSpecifier: '@taiga-ui/kit' },
+            { name: 'TuiCheckbox', moduleSpecifier: '@taiga-ui/kit' },
+        ],
+    },
+    {
+        from: { name: 'TuiRadioBlockModule', moduleSpecifier: '@taiga-ui/kit' },
+        to: [
+            { name: 'TuiBlock', moduleSpecifier: '@taiga-ui/kit' },
+            { name: 'TuiRadio', moduleSpecifier: '@taiga-ui/kit', spreadInModule: true },
+        ],
+    },
     {
         from: { name: 'TuiTabsModule', moduleSpecifier: '@taiga-ui/kit' },
         to: { name: 'TuiTabs', moduleSpecifier: '@taiga-ui/kit', spreadInModule: true },
     },
     {
         from: { name: 'TuiHostedDropdownModule', moduleSpecifier: '@taiga-ui/core' },
-        to: { name: 'TuiDropdown', moduleSpecifier: '@taiga-ui/core' },
+        to: {
+            name: 'TuiDropdown',
+            moduleSpecifier: '@taiga-ui/core',
+            spreadInModule: true,
+        },
     },
     {
         from: { name: 'TuiTitleModule', moduleSpecifier: '@taiga-ui/experimental' },
@@ -699,7 +745,7 @@ exports.IDENTIFIERS_TO_REPLACE = [
     },
     {
         from: { name: 'TuiSvgModule', moduleSpecifier: '@taiga-ui/core' },
-        to: { name: 'TuiSvgComponent', moduleSpecifier: '@taiga-ui/legacy' },
+        to: { name: 'TuiIcon', moduleSpecifier: '@taiga-ui/core' },
     },
     {
         from: { name: 'TuiCellModule', moduleSpecifier: '@taiga-ui/experimental' },
@@ -784,6 +830,16 @@ exports.IDENTIFIERS_TO_REPLACE = [
             moduleSpecifier: '@taiga-ui/core',
         },
     },
+    {
+        from: {
+            name: 'tuiButtonOptionsProvider',
+            moduleSpecifier: '@taiga-ui/experimental',
+        },
+        to: {
+            name: 'tuiButtonOptionsProvider',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+    },
     {
         from: { name: 'TuiLetModule', moduleSpecifier: '@taiga-ui/cdk' },
         to: { name: 'TuiLet', moduleSpecifier: '@taiga-ui/cdk' },
@@ -1244,6 +1300,26 @@ exports.IDENTIFIERS_TO_REPLACE = [
             moduleSpecifier: '@taiga-ui/kit',
         },
     },
+    {
+        from: {
+            name: 'TuiButtonGroupModule',
+            moduleSpecifier: '@taiga-ui/experimental',
+        },
+        to: {
+            name: 'TuiButtonGroup',
+            moduleSpecifier: '@taiga-ui/kit',
+        },
+    },
+    {
+        from: {
+            name: 'TuiButtonVerticalModule',
+            moduleSpecifier: '@taiga-ui/experimental',
+        },
+        to: {
+            name: 'TuiButtonVertical',
+            moduleSpecifier: '@taiga-ui/kit',
+        },
+    },
     {
         from: {
             name: 'TuiPreviewModule',
@@ -2419,4 +2495,110 @@ exports.IDENTIFIERS_TO_REPLACE = [
             moduleSpecifier: '@taiga-ui/core',
         },
     },
+    {
+        from: {
+            name: 'ResizeObserverModule',
+            moduleSpecifier: '@ng-web-apis/resize-observer',
+        },
+        to: {
+            name: 'WaResizeObserver',
+            moduleSpecifier: '@ng-web-apis/resize-observer',
+        },
+    },
+    {
+        from: {
+            name: 'IntersectionObserverModule',
+            moduleSpecifier: '@ng-web-apis/intersection-observer',
+        },
+        to: {
+            name: 'WaIntersectionObserver',
+            moduleSpecifier: '@ng-web-apis/intersection-observer',
+        },
+    },
+    {
+        from: {
+            name: 'INTERSECTION_THRESHOLD',
+            moduleSpecifier: '@ng-web-apis/intersection-observer',
+        },
+        to: {
+            name: 'WA_INTERSECTION_THRESHOLD',
+            moduleSpecifier: '@ng-web-apis/intersection-observer',
+        },
+    },
+    {
+        from: {
+            name: 'INTERSECTION_ROOT_MARGIN',
+            moduleSpecifier: '@ng-web-apis/intersection-observer',
+        },
+        to: {
+            name: 'WA_INTERSECTION_ROOT_MARGIN',
+            moduleSpecifier: '@ng-web-apis/intersection-observer',
+        },
+    },
+    {
+        from: {
+            name: 'INTERSECTION_ROOT',
+            moduleSpecifier: '@ng-web-apis/intersection-observer',
+        },
+        to: {
+            name: 'WA_INTERSECTION_ROOT',
+            moduleSpecifier: '@ng-web-apis/intersection-observer',
+        },
+    },
+    {
+        from: {
+            name: 'MUTATION_OBSERVER_INIT',
+            moduleSpecifier: '@ng-web-apis/mutation-observer',
+        },
+        to: {
+            name: 'WA_MUTATION_OBSERVER_INIT',
+            moduleSpecifier: '@ng-web-apis/mutation-observer',
+        },
+    },
+    {
+        from: {
+            name: 'MutationObserverDirective',
+            moduleSpecifier: '@ng-web-apis/mutation-observer',
+        },
+        to: {
+            name: 'WaMutationObserver',
+            moduleSpecifier: '@ng-web-apis/mutation-observer',
+        },
+    },
+    {
+        from: { name: 'WINDOW', moduleSpecifier: '@ng-web-apis/common' },
+        to: { name: 'WA_WINDOW', moduleSpecifier: '@ng-web-apis/common' },
+    },
+    {
+        from: { name: 'USER_AGENT', moduleSpecifier: '@ng-web-apis/common' },
+        to: { name: 'WA_USER_AGENT', moduleSpecifier: '@ng-web-apis/common' },
+    },
+    {
+        from: { name: 'NAVIGATOR', moduleSpecifier: '@ng-web-apis/common' },
+        to: { name: 'WA_NAVIGATOR', moduleSpecifier: '@ng-web-apis/common' },
+    },
+    {
+        from: { name: 'SESSION_STORAGE', moduleSpecifier: '@ng-web-apis/common' },
+        to: { name: 'WA_SESSION_STORAGE', moduleSpecifier: '@ng-web-apis/common' },
+    },
+    {
+        from: { name: 'PAGE_VISIBILITY', moduleSpecifier: '@ng-web-apis/common' },
+        to: { name: 'WA_PAGE_VISIBILITY', moduleSpecifier: '@ng-web-apis/common' },
+    },
+    {
+        from: { name: 'LOCATION', moduleSpecifier: '@ng-web-apis/common' },
+        to: { name: 'WA_LOCATION', moduleSpecifier: '@ng-web-apis/common' },
+    },
+    {
+        from: { name: 'PERFORMANCE', moduleSpecifier: '@ng-web-apis/common' },
+        to: { name: 'WA_PERFORMANCE', moduleSpecifier: '@ng-web-apis/common' },
+    },
+    {
+        from: { name: 'LOCAL_STORAGE', moduleSpecifier: '@ng-web-apis/common' },
+        to: { name: 'WA_LOCAL_STORAGE', moduleSpecifier: '@ng-web-apis/common' },
+    },
+    {
+        from: { name: 'ANIMATION_FRAME', moduleSpecifier: '@ng-web-apis/common' },
+        to: { name: 'WA_ANIMATION_FRAME', moduleSpecifier: '@ng-web-apis/common' },
+    },
 ];

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

@@ -34,4 +34,8 @@ exports.MODULES_TO_REMOVE = [
         name: 'TuiModeModule',
         moduleSpecifier: '@taiga-ui/core',
     },
+    {
+        name: 'TuiIconsModule',
+        moduleSpecifier: '@taiga-ui/experimental',
+    },
 ];

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

@@ -4,6 +4,7 @@ exports.TAGS_TO_REPLACE = void 0;
 exports.TAGS_TO_REPLACE = [
     { from: 'tui-card', to: 'tui-thumbnail-card' },
     { from: 'tui-text-area', to: 'tui-textarea' },
+    { from: 'tui-svg', to: 'tui-icon' },
     {
         from: 'tui-input-count',
         to: 'tui-input-number',
@@ -30,6 +31,16 @@ exports.TAGS_TO_REPLACE = [
         to: 'input',
         addAttributes: ['tuiRadio', 'type="radio"'],
     },
+    {
+        from: 'tui-checkbox-block',
+        to: 'input',
+        addAttributes: ['tuiCheckbox', 'type="checkbox"'],
+    },
+    {
+        from: 'tui-radio-block',
+        to: 'input',
+        addAttributes: ['tuiRadio', 'type="radio"'],
+    },
     {
         from: 'tui-hosted-dropdown',
         to: 'div',

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

@@ -4,9 +4,12 @@ exports.TYPES_TO_RENAME = void 0;
 exports.TYPES_TO_RENAME = [
     {
         from: 'TuiDocExample',
-        to: 'Record<string, string | Promise<unknown>>',
+        to: 'Record<string, TuiRawLoaderContent>',
         moduleSpecifier: ['@taiga-ui/addon-doc'],
         removeImport: true,
+        newImports: [
+            { name: 'TuiRawLoaderContent', moduleSpecifier: '@taiga-ui/addon-doc' },
+        ],
     },
     {
         from: 'TuiBrightness',

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

@@ -13,7 +13,12 @@ function migrateStyles() {
             .replace(/^(.*--tui-rating-size.*)$/gm, `${exports.TUI_RATING_WARNING}\n$1`)
             // eslint-disable-next-line
             .replace(/^(.*--tui-rating-gap.*)$/gm, `${exports.TUI_RATING_WARNING}\n$1`)
-            .replaceAll('--tui-link-icon-size', '--tui-icon-size');
+            .replaceAll('--tui-link-icon-size', '--tui-icon-size')
+            .replaceAll('@taiga-ui/proprietary-core/styles/tinkoff-fonts', '@taiga-ui/proprietary/styles/tbank-fonts')
+            .replaceAll('@taiga-ui/proprietary-core/styles/theme-tinkoff-2023', '@taiga-ui/proprietary/styles/tbank-theme')
+            .replaceAll('@taiga-ui/proprietary-core/styles/theme-tinkoff-mobile-2023', '@taiga-ui/proprietary/styles/tbank-theme-mobile.less')
+            .replaceAll('@taiga-ui/proprietary-core/styles/theme-tinkoff-mobile', '@taiga-ui/proprietary/styles/tbank-theme-mobile.less')
+            .replaceAll('@taiga-ui/proprietary-core/styles/theme-tinkoff', '@taiga-ui/proprietary/styles/tbank-theme');
         sourceFile.replaceWithText(fullText);
     });
     (0, ng_morph_1.saveActiveProject)();

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

@@ -10,6 +10,7 @@ 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");
+const migrate_blocked_1 = require("./templates/migrate-blocked");
 function getAction({ action, requiredData, }) {
     return ({ resource, fileSystem, recorder, }) => action({ resource, fileSystem, recorder, data: requiredData });
 }
@@ -38,9 +39,11 @@ function migrateTemplates(fileSystem, options) {
         templates_2.migratePreventDefault,
         templates_2.migrateMoney,
         templates_2.migrateLabeled,
+        migrate_blocked_1.migrateBlocked,
         templates_2.migrateProgressSegmented,
         templates_2.migrateThumbnailCard,
         templates_2.migrateOverscroll,
+        templates_2.migrateButtonAppearance,
         templates_2.migrateLabel,
     ];
     const progressLog = (0, progress_1.setupProgressLogger)({

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

@@ -1,6 +1,7 @@
 export * from './migrate-avatar';
 export * from './migrate-badge';
 export * from './migrate-badged-content';
+export * from './migrate-button-appearance';
 export * from './migrate-expandable';
 export * from './migrate-focusable';
 export * from './migrate-label';

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

@@ -4,6 +4,7 @@ const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./migrate-avatar"), exports);
 tslib_1.__exportStar(require("./migrate-badge"), exports);
 tslib_1.__exportStar(require("./migrate-badged-content"), exports);
+tslib_1.__exportStar(require("./migrate-button-appearance"), exports);
 tslib_1.__exportStar(require("./migrate-expandable"), exports);
 tslib_1.__exportStar(require("./migrate-focusable"), exports);
 tslib_1.__exportStar(require("./migrate-label"), exports);

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

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateBlocked = void 0;
+const elements_1 = require("../../../../utils/templates/elements");
+const template_resource_1 = require("../../../../utils/templates/template-resource");
+function migrateBlocked({ 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-checkbox-block',
+        'tui-radio-block',
+    ]);
+    elements.forEach(({ sourceCodeLocation, tagName, attrs }) => {
+        var _a, _b, _c, _d;
+        if (!sourceCodeLocation) {
+            return;
+        }
+        const [, hideIconAttrLocation] = Object.entries(sourceCodeLocation.attrs || {}).find(([name]) => name.includes('hideCheckbox'.toLowerCase()) ||
+            name.includes('hideRadio'.toLowerCase())) || [];
+        const [, sizeAttrLocation] = Object.entries(sourceCodeLocation.attrs || {}).find(([name]) => name.includes('size')) || [];
+        const sizeAttr = attrs.find(({ name }) => name.includes('size'));
+        const newBlockAttr = `tuiBlock${sizeAttr ? `="${sizeAttr.value === 'xs' ? 's' : sizeAttr.value}"` : ''}`;
+        recorder.insertRight(templateOffset + (((_a = sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.startOffset) || 1) - 1, `<label ${newBlockAttr}${hideIconAttrLocation ? ' appearance=""' : ''}>`);
+        recorder.remove(templateOffset + ((_c = (_b = sourceCodeLocation.endTag) === null || _b === void 0 ? void 0 : _b.startOffset) !== null && _c !== void 0 ? _c : 0), `<${tagName}/>`.length);
+        recorder.insertRight(templateOffset + (((_d = sourceCodeLocation.endTag) === null || _d === void 0 ? void 0 : _d.startOffset) || 1), '</label>');
+        if (hideIconAttrLocation) {
+            recorder.remove(templateOffset + hideIconAttrLocation.startOffset, hideIconAttrLocation.endOffset - hideIconAttrLocation.startOffset);
+        }
+        if (sizeAttrLocation) {
+            recorder.remove(templateOffset + sizeAttrLocation.startOffset, sizeAttrLocation.endOffset - sizeAttrLocation.startOffset);
+        }
+    });
+}
+exports.migrateBlocked = migrateBlocked;

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

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateButtonAppearance = 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 tuiButtonSelectors = ['tuiButton', 'tuiIconButton'];
+const appearanceInputName = 'appearance';
+const appearanceInputNameDict = {
+    [appearanceInputName]: true,
+    [`[${appearanceInputName}]`]: true,
+};
+function migrateButtonAppearance({ resource, recorder, fileSystem, }) {
+    const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
+    const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
+    const elements = tuiButtonSelectors.flatMap((selector) => (0, elements_1.findElementsWithDirective)(template, selector).filter(({ sourceCodeLocation, attrs }) => !!sourceCodeLocation &&
+        attrs.some(({ name }) => appearanceInputNameDict[name])));
+    if (!elements.length) {
+        return;
+    }
+    const whiteBlockValue = 'whiteblock-active';
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        var _a;
+        const whiteBlockActiveAttr = attrs.find(({ value, name }) => appearanceInputNameDict[name] &&
+            (value === whiteBlockValue || value === `'${whiteBlockValue}'`));
+        if (whiteBlockActiveAttr) {
+            (0, remove_attrs_1.removeAttrs)([whiteBlockActiveAttr], sourceCodeLocation, recorder, templateOffset);
+            const { startOffset } = ((_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[whiteBlockActiveAttr.name]) || { startOffset: 0, endOffset: 0 };
+            recorder.insertLeft(startOffset + templateOffset, ` ${appearanceInputName}="whiteblock"`);
+            recorder.insertLeft(startOffset + templateOffset, ' data-mode="checked"');
+        }
+    });
+    const elementWithConditionAppearance = elements.find(({ attrs }) => attrs.some(({ name, value }) => name === `[${appearanceInputName}]` && !value.trim().startsWith("'")));
+    if (elementWithConditionAppearance) {
+        addTodo(recorder, templateOffset);
+    }
+}
+exports.migrateButtonAppearance = migrateButtonAppearance;
+function addTodo(recorder, templateOffset) {
+    recorder.insertRight(templateOffset, '<!-- Taiga migration TODO: tuiButton "whiteblock-active" appearance is no longer available. Use \'appearance="whiteblock" data-mode="checked"\' -->\n');
+}

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

@@ -34,10 +34,8 @@ function migrateLabeled({ resource, recorder, fileSystem, }) {
         }
         (0, add_import_to_closest_module_1.addImportToClosestModule)(resource.componentPath, tagName === 'tui-checkbox-labeled' ? 'TuiCheckbox' : 'TuiRadio', '@taiga-ui/kit');
         recorder.insertRight(templateOffset + (((_a = sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.startOffset) || 1) - 1, '<label tuiLabel>');
-        recorder.insertRight(templateOffset + (((_b = sourceCodeLocation.endTag) === null || _b === void 0 ? void 0 : _b.startOffset) || 1) - 1, '\n</label>');
-        recorder.remove(templateOffset + ((_d = (_c = sourceCodeLocation.endTag) === null || _c === void 0 ? void 0 : _c.startOffset) !== null && _d !== void 0 ? _d : 0), tagName === 'tui-checkbox-labeled'
-            ? '<tui-checkbox-labeled/>'.length
-            : '<tui-radio-labeled/>'.length);
+        recorder.remove(templateOffset + ((_c = (_b = sourceCodeLocation.endTag) === null || _b === void 0 ? void 0 : _b.startOffset) !== null && _c !== void 0 ? _c : 0), `<${tagName}/>`.length);
+        recorder.insertRight(templateOffset + (((_d = sourceCodeLocation.endTag) === null || _d === void 0 ? void 0 : _d.startOffset) || 1), '</label>');
     });
 }
 exports.migrateLabeled = migrateLabeled;

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

@@ -21,5 +21,40 @@ function migrateCheckbox({ resource, recorder, fileSystem, }) {
         (0, common_1.closeStartTag)(sourceCodeLocation, recorder, templateOffset);
         (0, common_1.removeClosingTag)(sourceCodeLocation, recorder, templateOffset);
     });
+    (0, elements_1.findElementsByTagName)(template, 'tui-primitive-checkbox').forEach(({ attrs, sourceCodeLocation }) => {
+        if (!sourceCodeLocation) {
+            return;
+        }
+        (0, common_1.replaceSizeAttr)(attrs, sourceCodeLocation, recorder, templateOffset);
+        replaceValueAttr(attrs, sourceCodeLocation, recorder, templateOffset);
+        (0, common_1.replaceOpenTag)(sourceCodeLocation, recorder, templateOffset, {
+            tag: 'tui-primitive-checkbox',
+            directive: 'tuiCheckbox',
+            type: 'checkbox',
+        });
+        (0, common_1.closeStartTag)(sourceCodeLocation, recorder, templateOffset);
+        (0, common_1.removeClosingTag)(sourceCodeLocation, recorder, templateOffset);
+    });
 }
 exports.migrateCheckbox = migrateCheckbox;
+function replaceValueAttr(attrs, sourceCodeLocation, recorder, templateOffset) {
+    var _a;
+    const valueAttr = attrs.find((attr) => attr.name === 'value' || attr.name === '[value]');
+    if (valueAttr) {
+        const { startOffset, endOffset } = ((_a = sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[valueAttr.name]) || {
+            startOffset: 0,
+            endOffset: 0,
+        };
+        recorder.remove(templateOffset + startOffset, endOffset - startOffset);
+        switch (valueAttr.value) {
+            case 'false':
+            case 'null':
+                return;
+            case 'true':
+                recorder.insertRight(templateOffset + startOffset, 'checked ');
+                return;
+            default:
+                recorder.insertRight(templateOffset + startOffset, `[checked]="${valueAttr.value}" `);
+        }
+    }
+}