@taiga-ui/cdk 4.8.1 → 4.10.0

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

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

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

@@ -3,12 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateRoot = void 0;
 const ng_morph_1 = require("ng-morph");
 const add_unique_import_1 = require("../../../utils/add-unique-import");
-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");
 function migrateRoot(fileSystem, options) {
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} updating TuiRoot`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} updating TuiRoot`);
     const refs = [
         ...(0, get_named_import_references_1.getNamedImportReferences)('TuiRootModule', '@taiga-ui/core'),
         ...(0, get_named_import_references_1.getNamedImportReferences)('TuiProprietaryRootModule', '@taiga-ui/proprietary-core'),

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateTemplates = void 0;
+const ng_morph_1 = require("ng-morph");
 const constants_1 = require("../../../constants");
 const add_import_to_closest_module_1 = require("../../../utils/add-import-to-closest-module");
-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");
@@ -18,7 +18,7 @@ function getAction({ action, requiredData, }) {
 }
 function migrateTemplates(fileSystem, options) {
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating templates...`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} migrating templates...`);
     const componentWithTemplatesPaths = (0, get_component_templates_1.getComponentTemplates)(constants_1.ALL_TS_FILES);
     const actions = [
         getAction({ action: templates_1.addHTMLCommentTags, requiredData: constants_2.HTML_COMMENTS }),
@@ -69,6 +69,6 @@ function migrateTemplates(fileSystem, options) {
     fileSystem.commitEdits();
     (0, add_import_to_closest_module_1.saveAddedImports)();
     !options['skip-logs'] &&
-        (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} templates migrated \n`);
+        (0, ng_morph_1.successLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.SUCCESS_SYMBOL} templates migrated \n`);
 }
 exports.migrateTemplates = migrateTemplates;

package/schematics/ng-update/v4/steps/remove-duplicates.js

@@ -3,10 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.removeDuplicates = void 0;
 const ng_morph_1 = require("ng-morph");
 const constants_1 = require("../../../constants");
-const colored_log_1 = require("../../../utils/colored-log");
 function removeDuplicates(options) {
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} removing duplicates...`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} removing duplicates...`);
     const classes = (0, ng_morph_1.getClasses)(constants_1.ALL_TS_FILES);
     const modules = (0, ng_morph_1.getDecorators)(classes, { name: 'NgModule' });
     const components = (0, ng_morph_1.getDecorators)(classes, { name: 'Component' });
@@ -36,6 +35,6 @@ function removeDuplicates(options) {
         indexToRemove.forEach((index, i) => importsInitializer.removeElement(index - i));
     });
     !options['skip-logs'] &&
-        (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} duplicates removed \n`);
+        (0, ng_morph_1.successLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.SUCCESS_SYMBOL} duplicates removed \n`);
 }
 exports.removeDuplicates = removeDuplicates;

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

@@ -0,0 +1,2 @@
+import type { ReplacementType } from '../../interfaces/replacement-type';
+export declare function replaceFunctions(functions: readonly ReplacementType[]): void;

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceFunctions = void 0;
+const ng_morph_1 = require("ng-morph");
+const get_named_import_references_1 = require("../../../utils/get-named-import-references");
+function replaceFunctions(functions) {
+    functions.forEach(({ from, to, moduleSpecifier }) => {
+        (0, get_named_import_references_1.getNamedImportReferences)(from, moduleSpecifier).forEach((ref) => {
+            if (ref.wasForgotten()) {
+                return;
+            }
+            const parent = ref.getParent();
+            if (ng_morph_1.Node.isImportSpecifier(parent) || ng_morph_1.Node.isCallExpression(parent)) {
+                parent === null || parent === void 0 ? void 0 : parent.replaceWithText(parent === null || parent === void 0 ? void 0 : parent.getText({ includeJsDocComments: false }).trim().replace(from, to !== null && to !== void 0 ? to : from));
+            }
+        });
+    });
+}
+exports.replaceFunctions = replaceFunctions;

package/schematics/ng-update/v4/steps/restore-tui-mapper.js

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.restoreTuiMapper = 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 replace_identifier_1 = require("../../steps/replace-identifier");
 function updateTuiMapper(options) {
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} updating TuiMapper typing to the typed version`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} updating TuiMapper typing to the typed version`);
     const refs = (0, get_named_import_references_1.getNamedImportReferences)('TuiMapper', '@taiga-ui/cdk');
     for (const ref of refs) {
         if (ref.wasForgotten()) {
@@ -26,7 +25,7 @@ function updateTuiMapper(options) {
 }
 function renameTuiTypedMapper(options) {
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} renaming TuiTypedMapper to TuiMapper`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} renaming TuiTypedMapper to TuiMapper`);
     (0, replace_identifier_1.replaceIdentifier)({
         from: { name: 'TuiTypedMapper', moduleSpecifier: '@taiga-ui/cdk' },
         to: { name: 'TuiMapper', moduleSpecifier: '@taiga-ui/cdk' },
@@ -35,6 +34,6 @@ function renameTuiTypedMapper(options) {
 function restoreTuiMapper(options) {
     updateTuiMapper(options);
     renameTuiTypedMapper(options);
-    !options['skip-logs'] && (0, colored_log_1.titleLog)(`${colored_log_1.FINISH_SYMBOL} successfully migrated \n`);
+    !options['skip-logs'] && (0, ng_morph_1.titleLog)(`${ng_morph_1.FINISH_SYMBOL} successfully migrated \n`);
 }
 exports.restoreTuiMapper = restoreTuiMapper;

package/schematics/ng-update/v4/steps/restore-tui-matcher.js

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.restoreTuiMatcher = 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 replace_identifier_1 = require("../../steps/replace-identifier");
 function updateTuiMatcher(options) {
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} updating TuiMatcher typing to the typed version`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} updating TuiMatcher typing to the typed version`);
     const refs = (0, get_named_import_references_1.getNamedImportReferences)('TuiMatcher', '@taiga-ui/cdk');
     for (const ref of refs) {
         if (ref.wasForgotten()) {
@@ -26,7 +25,7 @@ function updateTuiMatcher(options) {
 }
 function renameTuiTypedMatcher(options) {
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} renaming TuiTypedMatcher to TuiMatcher`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} renaming TuiTypedMatcher to TuiMatcher`);
     (0, replace_identifier_1.replaceIdentifier)({
         from: { name: 'TuiTypedMatcher', moduleSpecifier: '@taiga-ui/cdk' },
         to: { name: 'TuiMatcher', moduleSpecifier: '@taiga-ui/cdk' },
@@ -35,6 +34,6 @@ function renameTuiTypedMatcher(options) {
 function restoreTuiMatcher(options) {
     updateTuiMatcher(options);
     renameTuiTypedMatcher(options);
-    !options['skip-logs'] && (0, colored_log_1.titleLog)(`${colored_log_1.FINISH_SYMBOL} successfully migrated \n`);
+    !options['skip-logs'] && (0, ng_morph_1.titleLog)(`${ng_morph_1.FINISH_SYMBOL} successfully migrated \n`);
 }
 exports.restoreTuiMatcher = restoreTuiMatcher;

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

@@ -8,7 +8,7 @@ function migrateLabel({ resource, recorder, fileSystem, }) {
     const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
     const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
     const labelElements = (0, elements_1.findElementsByTagName)(template, 'label', ({ attrs }) => attrs.some(({ name }) => name === 'tuilabel' || name === '[tuilabel]'));
-    labelElements.forEach(({ attrs, sourceCodeLocation }) => {
+    labelElements.forEach(({ attrs, sourceCodeLocation, childNodes }) => {
         const labelAttr = (0, inputs_1.findAttr)(attrs, 'tuilabel');
         if (!labelAttr || !sourceCodeLocation) {
             return;
@@ -18,19 +18,29 @@ function migrateLabel({ resource, recorder, fileSystem, }) {
             sourceCodeLocation,
             recorder,
             templateOffset,
+            childNodes,
         });
     });
 }
 exports.migrateLabel = migrateLabel;
-function migrateValue({ valueAttr, sourceCodeLocation, recorder, templateOffset, }) {
-    var _a, _b, _c;
+function migrateValue({ valueAttr, sourceCodeLocation, recorder, templateOffset, childNodes, }) {
+    var _a;
     const attrValue = valueAttr === null || valueAttr === void 0 ? void 0 : valueAttr.value;
-    const insertTo = (_b = (_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.endOffset) !== null && _b !== void 0 ? _b : 0;
+    const { startTag, endTag } = sourceCodeLocation;
+    const insertTo = startTag === null || startTag === void 0 ? void 0 : startTag.endOffset;
     if (!attrValue || !insertTo) {
         return;
     }
-    recorder.insertRight(insertTo + templateOffset, valueAttr.name === 'tuilabel' ? attrValue : `{{ ${attrValue} }}`);
-    const attrOffset = (_c = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _c === void 0 ? void 0 : _c[valueAttr.name];
+    const onlyTextContent = childNodes.length && childNodes.every((node) => node.nodeName === '#text');
+    if (onlyTextContent && startTag && endTag) {
+        const content = `<span tuiTitle><span tuiSubtitle>${valueAttr.name === 'tuilabel' ? attrValue : `{{ ${attrValue} }}`}</span>`;
+        recorder.insertRight(templateOffset + insertTo, content);
+        recorder.insertLeft(templateOffset + endTag.startOffset, '</span>');
+    }
+    else {
+        recorder.insertRight(insertTo + templateOffset, valueAttr.name === 'tuilabel' ? attrValue : `{{ ${attrValue} }}`);
+    }
+    const attrOffset = (_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[valueAttr.name];
     if (attrOffset) {
         const { startOffset, endOffset } = attrOffset;
         recorder.remove(templateOffset + startOffset, endOffset - startOffset);

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

@@ -1,6 +1,6 @@
 /// <reference lib="es2021" />
 import type { DevkitFileSystem } from 'ng-morph';
-export declare const TUI_POLYMORPHEUS_VERSION = "^4.6.4";
-export declare const TUI_DOMPURIFY_VERSION = "^4.1.2";
-export declare const TUI_EVENT_PLUGINS_VERSION = "^4.0.1";
+export declare const TUI_POLYMORPHEUS_VERSION = "^4.7.3";
+export declare const TUI_DOMPURIFY_VERSION = "^4.1.7";
+export declare const TUI_EVENT_PLUGINS_VERSION = "^4.2.3";
 export declare function updatePackages({ tree }: DevkitFileSystem): void;

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

@@ -4,11 +4,10 @@ exports.updatePackages = exports.TUI_EVENT_PLUGINS_VERSION = exports.TUI_DOMPURI
 const ng_morph_1 = require("ng-morph");
 const version_1 = require("../../../../constants/version");
 const constants_1 = require("../../../constants");
-const colored_log_1 = require("../../../utils/colored-log");
 const steps_1 = require("../../steps");
-exports.TUI_POLYMORPHEUS_VERSION = '^4.6.4';
-exports.TUI_DOMPURIFY_VERSION = '^4.1.2';
-exports.TUI_EVENT_PLUGINS_VERSION = '^4.0.1';
+exports.TUI_POLYMORPHEUS_VERSION = '^4.7.3';
+exports.TUI_DOMPURIFY_VERSION = '^4.1.7';
+exports.TUI_EVENT_PLUGINS_VERSION = '^4.2.3';
 function updatePackages({ tree }) {
     const packagesToRemove = ['@taiga-ui/addon-tablebars', '@taiga-ui/addon-preview'];
     packagesToRemove.forEach((pkg) => {
@@ -47,7 +46,7 @@ function updatePackages({ tree }) {
     }
     catch (e) {
         const error = e;
-        (0, colored_log_1.errorLog)(`ATTENTION: An error occurred during migration: ${error.message}\n${error.stack}`);
+        (0, ng_morph_1.errorLog)(`ATTENTION: An error occurred during migration: ${error.message}\n${error.stack}`);
     }
 }
 exports.updatePackages = updatePackages;

package/schematics/ng-update/v4/steps/utils/replace-modules-with-providers.js

@@ -3,15 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceModulesWithProviders = void 0;
 const ng_morph_1 = require("ng-morph");
 const add_unique_import_1 = require("../../../../utils/add-unique-import");
-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 replaceModulesWithProviders = (options, list) => {
     !options['skip-logs'] &&
-        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing modules with providers...`);
+        (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} replacing modules with providers...`);
     list.forEach(replaceModule);
     !options['skip-logs'] &&
-        (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} modules replaced \n`);
+        (0, ng_morph_1.successLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.SUCCESS_SYMBOL} modules replaced \n`);
 };
 exports.replaceModulesWithProviders = replaceModulesWithProviders;
 function replaceModule({ from, to }) {

package/schematics/utils/progress.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.setupProgressLogger = void 0;
 /// <reference types="node" />
 const node_readline_1 = require("node:readline");
-const colored_log_1 = require("./colored-log");
+const ng_morph_1 = require("ng-morph");
 const is_ci_1 = require("./is-ci");
 function setupProgressLogger({ total, prefix = '', tabs = 2, }) {
     let i = 1;
@@ -12,11 +12,11 @@ function setupProgressLogger({ total, prefix = '', tabs = 2, }) {
             return;
         }
         const isLast = i === total;
-        const progressLog = `(${i} / ${total}) ${prefix} ${isLast ? colored_log_1.SUCCESS_SYMBOL : message}`;
+        const progressLog = `(${i} / ${total}) ${prefix} ${isLast ? ng_morph_1.SUCCESS_SYMBOL : message}`;
         i = incrementIndex ? i + 1 : i;
         (0, node_readline_1.clearLine)(process.stdout, 0);
         (0, node_readline_1.cursorTo)(process.stdout, 0);
-        process.stdout.write(colored_log_1.SMALL_TAB_SYMBOL.repeat(tabs) + progressLog);
+        process.stdout.write(ng_morph_1.SMALL_TAB_SYMBOL.repeat(tabs) + progressLog);
         if (isLast && incrementIndex) {
             process.stdout.write('\n');
         }

package/tokens/window-size.d.ts

@@ -1,3 +1,2 @@
-import { InjectionToken } from '@angular/core';
 import type { Observable } from 'rxjs';
-export declare const TUI_WINDOW_SIZE: InjectionToken<Observable<DOMRect>>;
+export declare const TUI_WINDOW_SIZE: import("@angular/core").InjectionToken<Observable<DOMRect>>;

package/utils/miscellaneous/is-valid-url.d.ts

@@ -1 +1,4 @@
+/**
+ * @deprecated: drop in v5.0
+ */
 export declare function tuiIsValidUrl(url: string): boolean;

package/schematics/utils/colored-log.d.ts

@@ -1,11 +0,0 @@
-export declare function processLog(message: string): void;
-export declare function errorLog(message: string): void;
-export declare function successLog(message: string): void;
-export declare function infoLog(message: string): void;
-export declare function titleLog(message: string): void;
-export declare const SMALL_TAB_SYMBOL = "  ";
-export declare const START_SYMBOL = "\uD83D\uDE80";
-export declare const FINISH_SYMBOL = "\uD83C\uDFC6";
-export declare const REPLACE_SYMBOL = "\u26A1\uFE0F";
-export declare const PROCESSING_SYMBOL = "> ";
-export declare const SUCCESS_SYMBOL = "\u2705 ";

package/schematics/utils/colored-log.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SUCCESS_SYMBOL = exports.PROCESSING_SYMBOL = exports.REPLACE_SYMBOL = exports.FINISH_SYMBOL = exports.START_SYMBOL = exports.SMALL_TAB_SYMBOL = exports.titleLog = exports.infoLog = exports.successLog = exports.errorLog = exports.processLog = void 0;
-function processLog(message) {
-    console.info('\x1B[36m%s\x1B[0m', message);
-}
-exports.processLog = processLog;
-function errorLog(message) {
-    console.info('\x1B[31m%s\x1B[0m', message);
-}
-exports.errorLog = errorLog;
-function successLog(message) {
-    console.info('\x1B[32m%s\x1B[0m', message);
-}
-exports.successLog = successLog;
-function infoLog(message) {
-    console.info('\x1B[34m%s\x1B[0m', message);
-}
-exports.infoLog = infoLog;
-function titleLog(message) {
-    console.info('\x1B[35m', message);
-}
-exports.titleLog = titleLog;
-exports.SMALL_TAB_SYMBOL = '  '; // @note: if you use \t then we have big gaps
-exports.START_SYMBOL = '🚀';
-exports.FINISH_SYMBOL = '🏆';
-exports.REPLACE_SYMBOL = '⚡️';
-exports.PROCESSING_SYMBOL = '> ';
-exports.SUCCESS_SYMBOL = '✅ ';