@taiga-ui/cdk 3.10.0 → 3.12.0

package/schematics/ng-update/steps/migrate-textfield-controller.js

@@ -1,38 +1,38 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateTextfieldController = void 0;
-const template_resource_1 = require("../../utils/templates/template-resource");
+const ng_morph_1 = require("ng-morph");
 const elements_1 = require("../../utils/templates/elements");
 const ng_component_input_manipulations_1 = require("../../utils/templates/ng-component-input-manipulations");
-const ng_morph_1 = require("ng-morph");
+const template_resource_1 = require("../../utils/templates/template-resource");
 const TEXTFIELDS = [
-    'tui-input',
-    'tui-primitive-textfield',
-    'tui-text-area',
-    'tui-combo-box',
-    'tui-input-copy',
-    'tui-input-date',
-    'tui-input-date-range',
-    'tui-input-date-time',
-    'tui-input-number',
-    'tui-input-password',
-    'tui-input-count',
-    'tui-input-number',
-    'tui-input-phone',
-    'tui-input-slider',
-    'tui-input-card',
+    `tui-input`,
+    `tui-primitive-textfield`,
+    `tui-text-area`,
+    `tui-combo-box`,
+    `tui-input-copy`,
+    `tui-input-date`,
+    `tui-input-date-range`,
+    `tui-input-date-time`,
+    `tui-input-number`,
+    `tui-input-password`,
+    `tui-input-count`,
+    `tui-input-number`,
+    `tui-input-phone`,
+    `tui-input-slider`,
+    `tui-input-card`,
 ];
 const ATTRS_MAP = {
-    tuitextfieldautocomplete: 'autocomplete',
-    tuitextfieldinputmode: 'inputmode',
-    tuitextfieldmaxlength: 'maxlength',
-    tuitextfieldtype: 'type',
-    tuitextfieldexampletext: 'placeholder',
-    '[tuitextfieldautocomplete]': '[attr.autocomplete]',
-    '[tuitextfieldinputmode]': '[attr.inputmode]',
-    '[tuitextfieldmaxlength]': '[attr.maxlength]',
-    '[tuitextfieldtype]': '[attr.type]',
-    '[tuitextfieldexampletext]': '[attr.placeholder]',
+    tuitextfieldautocomplete: `autocomplete`,
+    tuitextfieldinputmode: `inputmode`,
+    tuitextfieldmaxlength: `maxlength`,
+    tuitextfieldtype: `type`,
+    tuitextfieldexampletext: `placeholder`,
+    '[tuitextfieldautocomplete]': `[attr.autocomplete]`,
+    '[tuitextfieldinputmode]': `[attr.inputmode]`,
+    '[tuitextfieldmaxlength]': `[attr.maxlength]`,
+    '[tuitextfieldtype]': `[attr.type]`,
+    '[tuitextfieldexampletext]': `[attr.placeholder]`,
 };
 const CONTROLLER_ITEMS = Object.keys(ATTRS_MAP).map(attr => attr.toLowerCase());
 function migrateTextfieldController({ resource, fileSystem, recorder, }) {
@@ -44,8 +44,8 @@ function migrateTextfieldController({ resource, fileSystem, recorder, }) {
         if (!attrs.length) {
             return;
         }
-        const existingInput = elements_1.findElementsByFn(element.childNodes, el => (el.tagName === 'input' || el.tagName === 'textarea') &&
-            elements_1.hasElementAttribute(el, 'tuiTextfield'))[0];
+        const existingInput = elements_1.findElementsByFn(element.childNodes, el => (el.tagName === `input` || el.tagName === `textarea`) &&
+            elements_1.hasElementAttribute(el, `tuiTextfield`))[0];
         if (existingInput) {
             addAttrToExistingInput({ existingInput, attrs, recorder, templateOffset });
         }
@@ -61,7 +61,7 @@ function insertTuiTextfieldInput({ element, attrs, recorder, templateOffset, })
     const newAttrs = attrs
         .map(attr => `${ATTRS_MAP[attr.name]}="${attr.value}"`)
         .join(`\n`);
-    const content = element.tagName === 'tui-text-area'
+    const content = element.tagName === `tui-text-area`
         ? `<textarea tuiTextfield ${newAttrs}></textarea> `
         : `<input tuiTextfield ${newAttrs}/> `;
     const insertTo = (_b = (_a = element.sourceCodeLocation) === null || _a === void 0 ? void 0 : _a.endTag) === null || _b === void 0 ? void 0 : _b.startOffset;
@@ -72,7 +72,7 @@ function insertTuiTextfieldInput({ element, attrs, recorder, templateOffset, })
 function addAttrToExistingInput({ existingInput, attrs, recorder, templateOffset, }) {
     attrs.forEach(attr => {
         var _a, _b, _c;
-        const insertTo = (_c = (_b = (_a = existingInput.sourceCodeLocation) === null || _a === void 0 ? void 0 : _a.attrs) === null || _b === void 0 ? void 0 : _b['tuitextfield']) === null || _c === void 0 ? void 0 : _c.endOffset;
+        const insertTo = (_c = (_b = (_a = existingInput.sourceCodeLocation) === null || _a === void 0 ? void 0 : _a.attrs) === null || _b === void 0 ? void 0 : _b[`tuitextfield`]) === null || _c === void 0 ? void 0 : _c.endOffset;
         if (insertTo) {
             recorder.insertLeft(insertTo + templateOffset, ` ${ATTRS_MAP[attr.name]}="${attr.value}"`);
         }
@@ -85,12 +85,12 @@ function removeOldInputs(recorder, template, templateOffset) {
     });
 }
 function getTagsToRemove(attrName) {
-    return ['[tuitextfieldmaxlength]', 'tuitextfieldmaxlength'].includes(attrName)
-        ? TEXTFIELDS.filter(tag => tag !== 'tui-text-area')
+    return [`[tuitextfieldmaxlength]`, `tuitextfieldmaxlength`].includes(attrName)
+        ? TEXTFIELDS.filter(tag => tag !== `tui-text-area`)
         : TEXTFIELDS;
 }
 const excludedAttrs = {
-    'tui-text-area': ['[tuitextfieldmaxlength]', 'tuitextfieldmaxlength'],
+    'tui-text-area': [`[tuitextfieldmaxlength]`, `tuitextfieldmaxlength`],
 };
 function exclusion({ tagName }, attrName) {
     var _a;

package/schematics/ng-update/steps/miscellaneous.d.ts

@@ -1 +1,2 @@
-export declare function miscellaneousMigrations(): void;
+import { TuiSchema } from '../../ng-add/schema';
+export declare function miscellaneousMigrations(options: TuiSchema): void;

package/schematics/ng-update/steps/miscellaneous.js

@@ -1,34 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.miscellaneousMigrations = void 0;
-const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const ng_morph_1 = require("ng-morph");
-const insert_todo_1 = require("../../utils/insert-todo");
 const colored_log_1 = require("../../utils/colored-log");
-function miscellaneousMigrations() {
-    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} miscellaneous migrating...`);
+const get_named_import_references_1 = require("../../utils/get-named-import-references");
+const insert_todo_1 = require("../../utils/insert-todo");
+function miscellaneousMigrations(options) {
+    !options[`skip-logs`] &&
+        colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} miscellaneous migrating...`);
     replaceEnumProperty({
-        enumName: 'TuiCurrency',
-        from: 'HongKong_dollar',
-        to: 'HongKongDollar',
+        enumName: `TuiCurrency`,
+        from: `HongKong_dollar`,
+        to: `HongKongDollar`,
     });
     replaceEnumProperty({
-        enumName: 'TuiCurrencyCode',
-        from: 'HongKong_dollar',
-        to: 'HongKongDollar',
+        enumName: `TuiCurrencyCode`,
+        from: `HongKong_dollar`,
+        to: `HongKongDollar`,
     });
     replaceEnumProperty({
-        enumName: 'TuiCreditCardAutofillName',
-        from: 'CcExp_mounth',
-        to: 'CcExpMonth',
+        enumName: `TuiCreditCardAutofillName`,
+        from: `CcExp_mounth`,
+        to: `CcExpMonth`,
     });
     replaceEnumProperty({
-        enumName: 'TuiCreditCardAutofillName',
-        from: 'CcExp_year',
-        to: 'CcExpYear',
+        enumName: `TuiCreditCardAutofillName`,
+        from: `CcExp_year`,
+        to: `CcExpYear`,
     });
-    addWarningToMethod('TuiDirectiveStylesService', 'addStyle', 'addStyle method has been removed. Use components approach');
-    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} miscellaneous migrated \n`);
+    addWarningToMethod(`TuiDirectiveStylesService`, `addStyle`, `addStyle method has been removed. Use components approach`);
+    !options[`skip-logs`] &&
+        colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} miscellaneous migrated \n`);
 }
 exports.miscellaneousMigrations = miscellaneousMigrations;
 function addWarningToMethod(className, method, message) {
@@ -60,7 +62,7 @@ function checkMethod(node, method, message) {
     identifier.findReferencesAsNodes().forEach(ref => {
         let parent = ref.getParent();
         if ((ng_morph_1.Node.isPropertyAccessExpression(parent) &&
-            parent.getText().startsWith('this.')) ||
+            parent.getText().startsWith(`this.`)) ||
             ng_morph_1.Node.isCallExpression(parent)) {
             parent = parent.getParentIfKind(ng_morph_1.SyntaxKind.PropertyAccessExpression);
         }

package/schematics/ng-update/steps/remove-module.d.ts

@@ -1,2 +1,3 @@
-export declare function removeModules(): void;
+import { TuiSchema } from '../../ng-add/schema';
+export declare function removeModules(options: TuiSchema): void;
 export declare function removeModule(name: string, moduleSpecifier: string): void;

package/schematics/ng-update/steps/remove-module.js

@@ -2,14 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.removeModule = exports.removeModules = void 0;
 const ng_morph_1 = require("ng-morph");
+const colored_log_1 = require("../../utils/colored-log");
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const import_manipulations_1 = require("../../utils/import-manipulations");
 const modules_1 = require("../constants/modules");
-const colored_log_1 = require("../../utils/colored-log");
-function removeModules() {
-    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} removing modules...`);
+function removeModules(options) {
+    !options[`skip-logs`] &&
+        colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} removing modules...`);
     modules_1.REMOVED_MODULES.forEach(({ name, moduleSpecifier }) => removeModule(name, moduleSpecifier));
-    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} modules removed \n`);
+    !options[`skip-logs`] &&
+        colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} modules removed \n`);
 }
 exports.removeModules = removeModules;
 function removeModule(name, moduleSpecifier) {

package/schematics/ng-update/steps/rename-types.d.ts

@@ -1 +1,2 @@
-export declare function renameTypes(): void;
+import { TuiSchema } from '../../ng-add/schema';
+export declare function renameTypes(options: TuiSchema): void;

package/schematics/ng-update/steps/rename-types.js

@@ -2,14 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renameTypes = void 0;
 const ng_morph_1 = require("ng-morph");
+const colored_log_1 = require("../../utils/colored-log");
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
-const types_1 = require("../constants/types");
 const import_manipulations_1 = require("../../utils/import-manipulations");
-const colored_log_1 = require("../../utils/colored-log");
-function renameTypes() {
-    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} renaming types...`);
+const types_1 = require("../constants/types");
+function renameTypes(options) {
+    !options[`skip-logs`] &&
+        colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} renaming types...`);
     types_1.TYPES_TO_RENAME.forEach(({ from, to, moduleSpecifier, preserveGenerics }) => renameType(from, to, moduleSpecifier, preserveGenerics));
-    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} types renamed \n`);
+    !options[`skip-logs`] &&
+        colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} types renamed \n`);
 }
 exports.renameTypes = renameTypes;
 function renameType(from, to, moduleSpecifier, preserveGenerics = false) {
@@ -21,7 +23,7 @@ function renameType(from, to, moduleSpecifier, preserveGenerics = false) {
         }
         else if (ng_morph_1.Node.isTypeReferenceNode(parent)) {
             const targetType = preserveGenerics && to ? addGeneric(to, parent.getTypeArguments()) : to;
-            parent.replaceWithText(targetType || 'any');
+            parent.replaceWithText(targetType || `any`);
         }
     });
 }
@@ -36,10 +38,10 @@ function processImport(node, from, to) {
     }
 }
 function removeGeneric(type) {
-    return type.replace(/<.*>$/gi, '');
+    return type.replace(/<.*>$/gi, ``);
 }
 function addGeneric(typeName, generics) {
     const typeArgs = generics.map(t => t.getType().getText());
-    const genericType = typeArgs.length ? `<${typeArgs.join(', ')}>` : '';
+    const genericType = typeArgs.length ? `<${typeArgs.join(`, `)}>` : ``;
     return typeName + genericType;
 }

package/schematics/ng-update/steps/replace-const.d.ts

@@ -1,3 +1,4 @@
+import { TuiSchema } from '../../ng-add/schema';
 import { ReplacementConst } from '../constants/consts';
-export declare function replaceConstants(): void;
+export declare function replaceConstants(options: TuiSchema): void;
 export declare function replaceConst({ from, to }: ReplacementConst): void;

package/schematics/ng-update/steps/replace-const.js

@@ -1,16 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceConst = exports.replaceConstants = void 0;
-const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const ng_morph_1 = require("ng-morph");
-const import_manipulations_1 = require("../../utils/import-manipulations");
 const add_unique_import_1 = require("../../utils/add-unique-import");
-const consts_1 = require("../constants/consts");
 const colored_log_1 = require("../../utils/colored-log");
-function replaceConstants() {
-    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing constants...`);
+const get_named_import_references_1 = require("../../utils/get-named-import-references");
+const import_manipulations_1 = require("../../utils/import-manipulations");
+const consts_1 = require("../constants/consts");
+function replaceConstants(options) {
+    !options[`skip-logs`] &&
+        colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing constants...`);
     consts_1.CONSTS_TO_REPLACE.forEach(constToReplace => replaceConst(constToReplace));
-    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} constants replaced \n`);
+    !options[`skip-logs`] &&
+        colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} constants replaced \n`);
 }
 exports.replaceConstants = replaceConstants;
 function replaceConst({ from, to }) {

package/schematics/ng-update/steps/replace-deep-import.d.ts

@@ -1 +1,2 @@
-export declare function replaceDeepImports(): void;
+import { TuiSchema } from '../../ng-add/schema';
+export declare function replaceDeepImports(options: TuiSchema): void;

package/schematics/ng-update/steps/replace-deep-import.js

@@ -2,16 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceDeepImports = void 0;
 const ng_morph_1 = require("ng-morph");
-const colored_log_1 = require("../../utils/colored-log");
 const constants_1 = require("../../constants");
+const colored_log_1 = require("../../utils/colored-log");
 const DEEP_REGEX = /(@taiga-ui\/\w+)\/.*/;
-function replaceDeepImports() {
-    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing deep imports...`);
+function replaceDeepImports(options) {
+    if (options[`skip-deep-imports`]) {
+        return;
+    }
+    !options[`skip-logs`] &&
+        colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing deep imports...`);
     const deepImports = ng_morph_1.getImports(constants_1.ALL_TS_FILES).filter(imp => DEEP_REGEX.test(imp.getModuleSpecifier().getLiteralValue()));
     ng_morph_1.editImports(deepImports, deepImport => {
-        const specifier = deepImport.moduleSpecifier.replace(DEEP_REGEX, '$1');
+        const specifier = deepImport.moduleSpecifier.replace(DEEP_REGEX, `$1`);
         return { moduleSpecifier: specifier };
     });
-    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} deep imports replaced \n`);
+    !options[`skip-logs`] &&
+        colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} deep imports replaced \n`);
 }
 exports.replaceDeepImports = replaceDeepImports;

package/schematics/ng-update/steps/replace-enums.d.ts

@@ -1 +1,2 @@
-export declare function replaceEnums(): void;
+import { TuiSchema } from '../../ng-add/schema';
+export declare function replaceEnums(options: TuiSchema): void;

package/schematics/ng-update/steps/replace-enums.js

@@ -2,20 +2,22 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceEnums = void 0;
 const ng_morph_1 = require("ng-morph");
+const colored_log_1 = require("../../utils/colored-log");
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
-const enums_1 = require("../constants/enums");
 const import_manipulations_1 = require("../../utils/import-manipulations");
-const colored_log_1 = require("../../utils/colored-log");
-function replaceEnums() {
-    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing enums imports...`);
+const enums_1 = require("../constants/enums");
+function replaceEnums(options) {
+    !options[`skip-logs`] &&
+        colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing enums imports...`);
     enums_1.ENUMS_TO_REPLACE.forEach(({ name, replaceValues, keepAsType }) => replaceEnumWithString(name, replaceValues, keepAsType));
-    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} enums replaced \n`);
+    !options[`skip-logs`] &&
+        colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} enums replaced \n`);
 }
 exports.replaceEnums = replaceEnums;
 function replaceEnumWithString(enumName, replaceValues, keepAsType = true) {
     var _a;
     const references = get_named_import_references_1.getNamedImportReferences(enumName);
-    for (let ref of references) {
+    for (const ref of references) {
         const parent = ref.getParent();
         if (ng_morph_1.Node.isImportSpecifier(parent) && !(keepAsType && containTypeRef(parent))) {
             import_manipulations_1.removeImport(parent);

package/schematics/ng-update/steps/replace-functions.d.ts

@@ -1 +1,2 @@
-export declare function replaceFunctions(): void;
+import { TuiSchema } from '../../ng-add/schema';
+export declare function replaceFunctions(options: TuiSchema): void;

package/schematics/ng-update/steps/replace-functions.js

@@ -1,21 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceFunctions = void 0;
-const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const ng_morph_1 = require("ng-morph");
+const colored_log_1 = require("../../utils/colored-log");
+const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const import_manipulations_1 = require("../../utils/import-manipulations");
 const deprecated_functions_1 = require("../constants/deprecated-functions");
-const colored_log_1 = require("../../utils/colored-log");
-function replaceFunctions() {
-    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} functions replacing...`);
-    replacePadStart(get_named_import_references_1.getNamedImportReferences('padStart', '@taiga-ui/cdk'));
-    replaceFallbackValue(get_named_import_references_1.getNamedImportReferences('fallbackValue', '@taiga-ui/cdk'));
-    replaceCustomEvent(get_named_import_references_1.getNamedImportReferences('tuiCustomEvent', '@taiga-ui/cdk'));
-    replaceClosestElement(get_named_import_references_1.getNamedImportReferences('getClosestElement', '@taiga-ui/cdk'));
+function replaceFunctions(options) {
+    !options[`skip-logs`] &&
+        colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} functions replacing...`);
+    replacePadStart(get_named_import_references_1.getNamedImportReferences(`padStart`, `@taiga-ui/cdk`));
+    replaceFallbackValue(get_named_import_references_1.getNamedImportReferences(`fallbackValue`, `@taiga-ui/cdk`));
+    replaceCustomEvent(get_named_import_references_1.getNamedImportReferences(`tuiCustomEvent`, `@taiga-ui/cdk`));
+    replaceClosestElement(get_named_import_references_1.getNamedImportReferences(`getClosestElement`, `@taiga-ui/cdk`));
     replaceDeprecatedFunction();
     modifyFormatNumberArgs();
     modifyClosestFocusable();
-    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} functions replaced \n`);
+    !options[`skip-logs`] &&
+        colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} functions replaced \n`);
 }
 exports.replaceFunctions = replaceFunctions;
 function replaceDeprecatedFunction() {
@@ -40,7 +42,7 @@ function replacePadStart(references) {
         }
         else if (ng_morph_1.Node.isCallExpression(parent)) {
             const [targetString, length, pad] = parent.getArguments();
-            parent.replaceWithText(`${targetString.getText()}.padStart(${length.getText()}, ${(_a = pad === null || pad === void 0 ? void 0 : pad.getText()) !== null && _a !== void 0 ? _a : '" "'})`);
+            parent.replaceWithText(`${targetString.getText()}.padStart(${length.getText()}, ${(_a = pad === null || pad === void 0 ? void 0 : pad.getText()) !== null && _a !== void 0 ? _a : `" "`})`);
         }
     });
 }
@@ -53,7 +55,7 @@ function replaceClosestElement(references) {
         else if (ng_morph_1.Node.isCallExpression(parent)) {
             const [firstArg, secondArg] = parent.getArguments();
             const firstArgText = firstArg.getText();
-            const element = firstArgText.includes(' as ') // e.g, `getClosestElement(el as Element, ...)`
+            const element = firstArgText.includes(` as `) // e.g, `getClosestElement(el as Element, ...)`
                 ? `(${firstArgText})`
                 : firstArgText;
             parent.replaceWithText(`${element}.closest(${secondArg.getText()})`);
@@ -86,8 +88,8 @@ function replaceFallbackValue(references) {
 }
 function modifyFormatNumberArgs() {
     [
-        ...get_named_import_references_1.getNamedImportReferences('formatNumber', '@taiga-ui/core'),
-        ...get_named_import_references_1.getNamedImportReferences('tuiFormatNumber', '@taiga-ui/core'),
+        ...get_named_import_references_1.getNamedImportReferences(`formatNumber`, `@taiga-ui/core`),
+        ...get_named_import_references_1.getNamedImportReferences(`tuiFormatNumber`, `@taiga-ui/core`),
     ]
         .map(ref => ref.getParent())
         .filter(ng_morph_1.Node.isCallExpression)
@@ -96,7 +98,7 @@ function modifyFormatNumberArgs() {
         if (args.length > 1) {
             const [value, decimalLimit = `Infinity`, decimalSeparator = `','`, thousandSeparator = `'\u00A0'`, zeroPadding = true,] = args.map(arg => arg.getText());
             const notNullDecimalLimit = decimalLimit === `null` ? `Infinity` : decimalLimit;
-            const conditionalDecimalLimit = !Number.isNaN(+notNullDecimalLimit)
+            const conditionalDecimalLimit = !Number.isNaN(Number(notNullDecimalLimit))
                 ? notNullDecimalLimit
                 : `${decimalLimit} === null ? Infinity : ${decimalLimit}`;
             fn.replaceWithText(`tuiFormatNumber(${value}, {decimalLimit: ${conditionalDecimalLimit}, decimalSeparator: ${decimalSeparator}, thousandSeparator: ${thousandSeparator}, zeroPadding: ${zeroPadding}})`);
@@ -104,7 +106,7 @@ function modifyFormatNumberArgs() {
     });
 }
 function modifyClosestFocusable() {
-    get_named_import_references_1.getNamedImportReferences('tuiGetClosestFocusable', '@taiga-ui/cdk')
+    get_named_import_references_1.getNamedImportReferences(`tuiGetClosestFocusable`, `@taiga-ui/cdk`)
         .map(ref => ref.getParent())
         .filter(ng_morph_1.Node.isCallExpression)
         .forEach(fn => {

package/schematics/ng-update/steps/replace-services.d.ts

@@ -1 +1,2 @@
-export declare function replaceServices(): void;
+import { TuiSchema } from '../../ng-add/schema';
+export declare function replaceServices(options: TuiSchema): void;

package/schematics/ng-update/steps/replace-services.js

@@ -1,20 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceServices = void 0;
-const services_1 = require("../constants/services");
-const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const ng_morph_1 = require("ng-morph");
-const import_manipulations_1 = require("../../utils/import-manipulations");
 const add_unique_import_1 = require("../../utils/add-unique-import");
 const colored_log_1 = require("../../utils/colored-log");
-function replaceServices() {
-    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing services...`);
-    services_1.SERVICES_TO_REPLACE.forEach(service => replaceService(service));
-    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} services replaced \n`);
+const get_named_import_references_1 = require("../../utils/get-named-import-references");
+const import_manipulations_1 = require("../../utils/import-manipulations");
+const services_1 = require("../constants/services");
+function replaceServices(options) {
+    !options[`skip-logs`] &&
+        colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing services...`);
+    services_1.SERVICES_TO_REPLACE.forEach(service => replaceService(service, options));
+    !options[`skip-logs`] &&
+        colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} services replaced \n`);
 }
 exports.replaceServices = replaceServices;
-function replaceService({ from, to, replaceMethods }) {
-    colored_log_1.processLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.PROCESSING_SYMBOL}replacing ${from.name}...`);
+function replaceService({ from, to, replaceMethods }, options) {
+    !options[`skip-logs`] &&
+        colored_log_1.processLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.PROCESSING_SYMBOL}replacing ${from.name}...`);
     const references = get_named_import_references_1.getNamedImportReferences(from.name, from.moduleSpecifier);
     references.forEach(ref => {
         const parent = ref.getParent();
@@ -35,13 +38,12 @@ function replaceProperties(parent, replaceProperties) {
     identifier.findReferencesAsNodes().forEach(ref => {
         let parent = ref.getParent();
         if ((ng_morph_1.Node.isPropertyAccessExpression(parent) &&
-            parent.getText().startsWith('this.')) ||
+            parent.getText().startsWith(`this.`)) ||
             ng_morph_1.Node.isCallExpression(parent)) {
             parent = parent.getParentIfKind(ng_morph_1.SyntaxKind.PropertyAccessExpression);
         }
         if (ng_morph_1.Node.isPropertyAccessExpression(parent)) {
             replaceProperty(parent, replaceProperties);
-            return;
         }
     });
 }

package/schematics/ng-update/steps/replace-styles.js

@@ -10,17 +10,19 @@ exports.TUI_WARNING_NORMALIZE = `
 exports.TUI_WARNING_WRAPPER_MIXINS = `// TODO: (Taiga UI migration): use mixins to customize tuiWrapper. See https://taiga-ui.dev/wrapper`;
 function replaceStyles() {
     var _a;
-    (_a = ng_morph_1.getActiveProject()) === null || _a === void 0 ? void 0 : _a.getSourceFiles('**/**.less').forEach(sourceFile => {
+    (_a = ng_morph_1.getActiveProject()) === null || _a === void 0 ? void 0 : _a.getSourceFiles(`**/**.less`).forEach(sourceFile => {
         let fullText = sourceFile.getFullText();
         if (fullText.includes(`taiga-ui-local`)) {
             breakpoints_1.DEPRECATED_BREAKPOINTS.forEach(({ from, to }) => {
-                fullText = fullText.replace(new RegExp(`(?<=@media.*)(${from})(?=[\\s,{])`, 'g'), to);
+                fullText = fullText.replace(new RegExp(`(?<=@media.*)(${from})(?=[\\s,{])`, `g`), to);
             });
         }
         fullText = fullText
-            .replace('tui-wrapper', `${exports.TUI_WARNING_WRAPPER_MIXINS}\n[tuiWrapper]`)
-            .replace("&[data-state='hovered']", "&[data-state='hover']")
-            .replace("&[data-state='pressed']", "&[data-state='active']");
+            .replace(`tui-wrapper`, `${exports.TUI_WARNING_WRAPPER_MIXINS}\n[tuiWrapper]`)
+            .replace(`&[data-state='hovered']`, `&[data-state='hover']`)
+            .replace(`&[data-state='pressed']`, `&[data-state='active']`)
+            .replace(`tui-portal-host`, `tui-dropdown-host`)
+            .replace(`tui-dropdown-box`, `tui-dropdown`);
         sourceFile.replaceWithText(fullText.replace(`@import '~@taiga-ui/core/styles/taiga-ui-global';`, `${exports.TUI_WARNING_NORMALIZE}\n@import '~@taiga-ui/styles/taiga-ui-global';`));
     });
 }

package/schematics/ng-update/steps/show-warnings.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.showWarnings = void 0;
 const ng_morph_1 = require("ng-morph");
-const warnings_1 = require("../constants/warnings");
 const constants_1 = require("../../constants");
+const warnings_1 = require("../constants/warnings");
 function showWarnings(context) {
     warnings_1.MIGRATION_WARNINGS.forEach(warning => showWarning(warning, context));
 }
 exports.showWarnings = showWarnings;
-function showWarning({ name, message, moduleSpecifier = '**/**' }, { logger }) {
+function showWarning({ name, message, moduleSpecifier = `**/**` }, { logger }) {
     const references = ng_morph_1.getImports(constants_1.ALL_TS_FILES, {
         moduleSpecifier,
         namedImports: [name],

package/schematics/ng-update/v3-5/steps/migrate-expand-templates.d.ts

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

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

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateExpandTemplates = void 0;
-const colored_log_1 = require("../../../utils/colored-log");
-const get_component_templates_1 = require("../../../utils/templates/get-component-templates");
 const constants_1 = require("../../../constants");
+const colored_log_1 = require("../../../utils/colored-log");
 const progress_1 = require("../../../utils/progress");
-const template_resource_1 = require("../../../utils/templates/template-resource");
 const elements_1 = require("../../../utils/templates/elements");
-function migrateExpandTemplates(fileSystem) {
-    colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating templates...`);
+const get_component_templates_1 = require("../../../utils/templates/get-component-templates");
+const template_resource_1 = require("../../../utils/templates/template-resource");
+function migrateExpandTemplates(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 progressLog = progress_1.setupProgressLogger({
         total: componentWithTemplatesPaths.length,
@@ -16,23 +17,24 @@ function migrateExpandTemplates(fileSystem) {
     componentWithTemplatesPaths.forEach(resource => {
         const path = fileSystem.resolve(template_resource_1.getPathFromTemplateResource(resource));
         const recorder = fileSystem.edit(path);
-        progressLog('expand migration', true);
+        !options[`skip-logs`] && progressLog(`expand migration`, true);
         migrateExpand({ resource, fileSystem, recorder });
     });
-    colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} templates migrated \n`);
+    !options[`skip-logs`] &&
+        colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} templates migrated \n`);
 }
 exports.migrateExpandTemplates = migrateExpandTemplates;
 function migrateExpand({ 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-expand');
+    const elements = elements_1.findElementsByTagName(template, `tui-expand`);
     elements.forEach(element => {
         var _a;
-        const templateElement = elements_1.findElementsByFn(element.childNodes, el => el.tagName === 'ng-template')[0];
+        const templateElement = elements_1.findElementsByFn(element.childNodes, el => el.tagName === `ng-template`)[0];
         if (!templateElement) {
             return;
         }
-        const tuiExpandAttr = templateElement.attrs.find(attr => attr.name === 'tuiexpandcontent');
+        const tuiExpandAttr = templateElement.attrs.find(attr => attr.name === `tuiexpandcontent`);
         const insertTo = (_a = templateElement === null || templateElement === void 0 ? void 0 : templateElement.sourceCodeLocation) === null || _a === void 0 ? void 0 : _a.startTag.endOffset;
         if (!insertTo || tuiExpandAttr) {
             return;

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addImportToClosestModule = void 0;
-const ng_component_1 = require("./angular/ng-component");
-const ng_module_1 = require("./angular/ng-module");
 const ng_morph_1 = require("ng-morph");
 const add_unique_import_1 = require("./add-unique-import");
+const ng_component_1 = require("./angular/ng-component");
+const ng_module_1 = require("./angular/ng-module");
 function addImportToClosestModule(componentPath, moduleName, moduleSpecifier) {
     const [ngComponent] = ng_component_1.getNgComponents(componentPath);
     const ngModule = ngComponent ? ng_module_1.findNgModule(ngComponent) : null;