@taiga-ui/cdk 3.491.1-canary.d27927b → 4.0.0-rc.2

package/schematics/utils/angular-json-manipulations.js

@@ -9,9 +9,17 @@ const is_string_1 = require("../../utils/miscellaneous/is-string");
 const versions_1 = require("../ng-add/constants/versions");
 const get_project_target_options_1 = require("./get-project-target-options");
 const get_projects_1 = require("./get-projects");
+function hasTaigaIcons(assets) {
+    return !!(assets === null || assets === void 0 ? void 0 : assets.find(asset => {
+        var _a;
+        return (0, is_string_1.tuiIsString)(asset)
+            ? asset.includes('taiga-ui')
+            : (_a = asset === null || asset === void 0 ? void 0 : asset.input) === null || _a === void 0 ? void 0 : _a.includes('taiga-ui');
+    }));
+}
 function isInvalidAngularJson(tree) {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        return (workspace_1.getWorkspace(tree)
+        return ((0, workspace_1.getWorkspace)(tree)
             // eslint-disable-next-line no-restricted-syntax
             .then(() => false)
             /**
@@ -23,19 +31,10 @@ function isInvalidAngularJson(tree) {
     });
 }
 exports.isInvalidAngularJson = isInvalidAngularJson;
-function hasTaigaIcons(assets) {
-    return !!(assets === null || assets === void 0 ? void 0 : assets.find(asset => {
-        var _a;
-        return is_string_1.tuiIsString(asset)
-            ? asset.includes(`taiga-ui`)
-            : (_a = asset === null || asset === void 0 ? void 0 : asset.input) === null || _a === void 0 ? void 0 : _a.includes(`taiga-ui`);
-    }));
-}
 function addStylesToAngularJson(options, context, taigaStyles, filter, stylesToReplace, tree) {
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    const MANUAL_MIGRATION_TIPS = `Add styles ${taigaStyles.join(`,`)} to angular.json manually.`;
-    return workspace_1.updateWorkspace(workspace => {
-        const projects = get_projects_1.getProjects(options, workspace);
+    const MANUAL_MIGRATION_TIPS = `Add styles ${taigaStyles.join(',')} to angular.json manually.`;
+    return (0, workspace_1.updateWorkspace)(workspace => {
+        const projects = (0, get_projects_1.getProjects)(options, workspace);
         if (!projects.length) {
             context.logger.warn(`[WARNING]: Target project not found. ${MANUAL_MIGRATION_TIPS}`);
             return;
@@ -43,7 +42,7 @@ function addStylesToAngularJson(options, context, taigaStyles, filter, stylesToR
         for (const project of projects) {
             let targetOptions;
             try {
-                targetOptions = get_project_target_options_1.getProjectTargetOptions(project, `build`);
+                targetOptions = (0, get_project_target_options_1.getProjectTargetOptions)(project, 'build');
             }
             catch (_a) {
                 context.logger.warn(`[WARNING]: No buildable project was found. ${MANUAL_MIGRATION_TIPS}`);
@@ -71,8 +70,8 @@ function addStylesToAngularJson(options, context, taigaStyles, filter, stylesToR
                 targetOptions.styles = Array.from(new Set([...taigaStyles, ...(styles || [])]));
             }
             if (tree && stylesToReplace) {
-                ng_morph_1.addPackageJsonDependency(tree, {
-                    name: `@taiga-ui/styles`,
+                (0, ng_morph_1.addPackageJsonDependency)(tree, {
+                    name: '@taiga-ui/styles',
                     version: versions_1.TAIGA_VERSION,
                 });
                 context.addTask(new tasks_1.NodePackageInstallTask());

package/schematics/utils/colored-log.js

@@ -2,28 +2,28 @@
 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);
+    console.info('\x1B[36m%s\x1B[0m', message);
 }
 exports.processLog = processLog;
 function errorLog(message) {
-    console.info(`\x1B[31m%s\x1B[0m`, message);
+    console.info('\x1B[31m%s\x1B[0m', message);
 }
 exports.errorLog = errorLog;
 function successLog(message) {
-    console.info(`\x1B[32m%s\x1B[0m`, message);
+    console.info('\x1B[32m%s\x1B[0m', message);
 }
 exports.successLog = successLog;
 function infoLog(message) {
-    console.info(`\x1B[34m%s\x1B[0m`, message);
+    console.info('\x1B[34m%s\x1B[0m', message);
 }
 exports.infoLog = infoLog;
 function titleLog(message) {
-    console.info(`\x1B[35m`, 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 = `✅ `;
+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 = '✅ ';

package/schematics/utils/create-angular-json.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createAngularJsonWithAssets = exports.createAngularJson = void 0;
 const ng_morph_1 = require("ng-morph");
 function createAngularJson({ stylesExist } = { stylesExist: false }) {
-    ng_morph_1.createSourceFile(`angular.json`, `
+    (0, ng_morph_1.createSourceFile)('angular.json', `
 {
   "version": 1,
-  "defaultProject": "demo",
   "projects": {
     "demo": {
+        "root": "",
         "architect": {
           "build": {
             "options": {
@@ -19,7 +19,7 @@ function createAngularJson({ stylesExist } = { stylesExist: false }) {
                   "some.style"
                 ]
                 `
-        : ``}}
+        : ''}}
           }
         }
     }
@@ -28,12 +28,12 @@ function createAngularJson({ stylesExist } = { stylesExist: false }) {
 }
 exports.createAngularJson = createAngularJson;
 function createAngularJsonWithAssets() {
-    ng_morph_1.createSourceFile(`angular.json`, `
+    (0, ng_morph_1.createSourceFile)('angular.json', `
 {
   "version": 1,
-  "defaultProject": "demo",
   "projects": {
     "demo": {
+        "root": "",
         "architect": {
           "build": {
             "options": {

package/schematics/utils/get-component-from-identifier.d.ts

@@ -1,2 +1,2 @@
-import { ClassDeclaration, Node } from 'ng-morph';
+import type { ClassDeclaration, Node } from 'ng-morph';
 export declare function getComponentFromIdentifier(identifier: Node): ClassDeclaration | undefined;

package/schematics/utils/get-component-from-identifier.js

@@ -2,15 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getComponentFromIdentifier = void 0;
 const ng_morph_1 = require("ng-morph");
-const ng_component_1 = require("./angular/ng-component");
 function getComponentFromIdentifier(identifier) {
     var _a;
-    const rootImportDeclaration = ng_morph_1.getImports(identifier.getSourceFile().getFilePath(), {
+    const rootImportDeclaration = (0, ng_morph_1.getImports)(identifier.getSourceFile().getFilePath(), {
         namedImports: [identifier.getText()],
     })[0];
-    const rootComponentPath = ((_a = rootImportDeclaration.getModuleSpecifierSourceFile()) === null || _a === void 0 ? void 0 : _a.getFilePath()) || ``;
-    return ng_component_1.getNgComponents(rootComponentPath, {
-        name: identifier.getText(),
-    })[0];
+    const rootComponentPath = ((_a = rootImportDeclaration.getModuleSpecifierSourceFile()) === null || _a === void 0 ? void 0 : _a.getFilePath()) || '';
+    return (0, ng_morph_1.getNgComponents)(rootComponentPath, { name: identifier.getText() })[0];
 }
 exports.getComponentFromIdentifier = getComponentFromIdentifier;

package/schematics/utils/get-named-import-references.d.ts

@@ -1,2 +1,2 @@
-import { Node } from 'ng-morph';
+import type { Node } from 'ng-morph';
 export declare function getNamedImportReferences(namedImport: string, moduleSpecifier?: string[] | string, files?: import("ng-morph").Pattern): Node[];

package/schematics/utils/get-named-import-references.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getNamedImportReferences = void 0;
 const ng_morph_1 = require("ng-morph");
 const constants_1 = require("../constants");
-function getNamedImportReferences(namedImport, moduleSpecifier = `**/**`, files = constants_1.ALL_TS_FILES) {
-    const importDeclarations = ng_morph_1.getImports(files, {
+function getNamedImportReferences(namedImport, moduleSpecifier = '**/**', files = constants_1.ALL_TS_FILES) {
+    const importDeclarations = (0, ng_morph_1.getImports)(files, {
         namedImports: [namedImport],
         moduleSpecifier,
     });
@@ -14,6 +14,12 @@ function getNamedImportReferences(namedImport, moduleSpecifier = `**/**`, files
             .getNamedImports()
             .find(specifier => specifier.getName() === namedImport)) === null || _a === void 0 ? void 0 : _a.getNameNode();
     });
-    return ng_morph_1.arrayFlat(namedImports.map(specifier => (specifier === null || specifier === void 0 ? void 0 : specifier.findReferencesAsNodes()) || []));
+    return (0, ng_morph_1.arrayFlat)(namedImports.map(specifier => (specifier === null || specifier === void 0 ? void 0 : specifier.findReferencesAsNodes().filter(
+    /**
+     * Otherwise, each `findReferencesAsNodes` will return references across THE WHOLE project.
+     * It will cause a lot of duplicates in the result and significantly slow down the process.
+     */
+    ref => ref.getSourceFile().getFilePath() ===
+        (specifier === null || specifier === void 0 ? void 0 : specifier.getSourceFile().getFilePath()))) || []));
 }
 exports.getNamedImportReferences = getNamedImportReferences;

package/schematics/utils/get-project-target-options.d.ts

@@ -1,2 +1,2 @@
-import { JsonArray, JsonObject, workspaces } from '@angular-devkit/core';
+import type { JsonArray, JsonObject, workspaces } from '@angular-devkit/core';
 export declare function getProjectTargetOptions(project: workspaces.ProjectDefinition, buildTarget: string): Record<string, JsonArray | JsonObject | boolean | number | string | null | undefined>;

package/schematics/utils/get-projects.d.ts

@@ -1,3 +1,3 @@
-import { ProjectDefinition, WorkspaceDefinition } from '@angular-devkit/core/src/workspace';
-import { TuiSchema } from '../ng-add/schema';
-export declare function getProjects(options: TuiSchema, workspace: WorkspaceDefinition): ProjectDefinition[];
+import type { workspaces } from '@angular-devkit/core';
+import type { TuiSchema } from '../ng-add/schema';
+export declare function getProjects(options: TuiSchema, workspace: workspaces.WorkspaceDefinition): workspaces.ProjectDefinition[];

package/schematics/utils/get-projects.js

@@ -4,11 +4,9 @@ exports.getProjects = void 0;
 function getProjects(options, workspace) {
     var _a;
     const projects = Array.from(workspace.projects.entries())
-        .filter(([_, project]) => project.targets.get(`build`))
+        .filter(([_, project]) => project.targets.get('build'))
         .map(([_, project]) => project);
-    const nameFromContext = 
-    // eslint-disable-next-line @typescript-eslint/no-base-to-string
-    options.project || ((_a = workspace.extensions.defaultProject) === null || _a === void 0 ? void 0 : _a.toString()) || ``;
+    const nameFromContext = options.project || ((_a = workspace.extensions.defaultProject) === null || _a === void 0 ? void 0 : _a.toString()) || '';
     const projectFromContext = workspace.projects.get(nameFromContext);
     return projectFromContext ? [projectFromContext] : projects;
 }

package/schematics/utils/get-standalone-bootstrap-function.d.ts

@@ -1,2 +1,2 @@
-import { CallExpression } from 'ng-morph';
+import type { CallExpression } from 'ng-morph';
 export declare function getStandaloneBootstrapFunction(path: string): CallExpression | null;

package/schematics/utils/get-standalone-bootstrap-function.js

@@ -4,9 +4,9 @@ exports.getStandaloneBootstrapFunction = void 0;
 const ng_morph_1 = require("ng-morph");
 const get_named_import_references_1 = require("./get-named-import-references");
 function getStandaloneBootstrapFunction(path) {
-    const standaloneBootstrapIdentifier = get_named_import_references_1.getNamedImportReferences(`bootstrapApplication`, `@angular/platform-browser`, path)
+    const standaloneBootstrapIdentifier = (0, get_named_import_references_1.getNamedImportReferences)('bootstrapApplication', '@angular/platform-browser', path)
         .map(ref => ref.getParent())
-        .filter(node => ng_morph_1.Node.isCallExpression(node))[0];
+        .find(node => ng_morph_1.Node.isCallExpression(node));
     const standaloneBootstrapFunction = standaloneBootstrapIdentifier;
     return standaloneBootstrapFunction || null;
 }

package/schematics/utils/import-manipulations.d.ts

@@ -1,3 +1,3 @@
-import { ImportSpecifier } from 'ng-morph';
+import type { ImportSpecifier } from 'ng-morph';
 export declare function removeImport(specifier: ImportSpecifier): void;
 export declare function renameImport(specifier: ImportSpecifier, to: string, from: string): void;

package/schematics/utils/insert-todo.d.ts

@@ -1,3 +1,3 @@
-import { Identifier } from 'ng-morph';
+import type { Node } from 'ng-morph';
 export declare const TODO_MARK = "TODO: (Taiga UI migration)";
-export declare function insertTodo(identifier: Identifier, message: string): void;
+export declare function insertTodo(node: Node, message: string): void;

package/schematics/utils/insert-todo.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.insertTodo = exports.TODO_MARK = void 0;
-exports.TODO_MARK = `TODO: (Taiga UI migration)`;
-function insertTodo(identifier, message) {
-    const startLinePos = identifier.getStartLinePos();
-    const sourceFile = identifier.getSourceFile();
+exports.TODO_MARK = 'TODO: (Taiga UI migration)';
+function insertTodo(node, message) {
+    const startLinePos = node.getStartLinePos();
+    const sourceFile = node.getSourceFile();
     sourceFile.insertText(startLinePos, `// ${exports.TODO_MARK} ${message}\n`);
 }
 exports.insertTodo = insertTodo;

package/schematics/utils/is-ci.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tuiIsCI = void 0;
 function tuiIsCI() {
-    return (process.env.TUI_CI === `true` ||
+    return (process.env.TUI_CI === 'true' ||
         !!process.env.CI || // Another CI
         !!process.env.GITHUB_ACTION || // Github CI
         !!process.env.GITLAB_CI || // Gitlab CI

package/schematics/utils/make-angular-json-with-assets.d.ts

@@ -0,0 +1 @@
+export declare function makeAngularJsonWithAssets(assets: string): string;

package/schematics/utils/make-angular-json-with-assets.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeAngularJsonWithAssets = void 0;
+function makeAngularJsonWithAssets(assets) {
+    return `
+{
+  "version": 1,
+  "projects": {
+    "demo": {
+        "root": "",
+        "architect": {
+          "build": {
+            "options": {
+              "main": "test/main.ts",
+              "styles": [
+                "node_modules/@taiga-ui/core/styles/taiga-ui-fonts.less",
+                "node_modules/@taiga-ui/styles/taiga-ui-global.less",
+                "some.style"
+              ],
+              "assets": [${assets}
+              ]
+            }
+          }
+        }
+    }
+  }
+}`;
+}
+exports.makeAngularJsonWithAssets = makeAngularJsonWithAssets;

package/schematics/utils/progress.js

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

package/schematics/utils/project-root.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.projectRoot = void 0;
-const projectRoot = () => process.env.ROOT_PATH || `/`;
+const projectRoot = () => process.env.ROOT_PATH || '/';
 exports.projectRoot = projectRoot;

package/schematics/utils/push-to-array-property.d.ts

@@ -1,4 +1,4 @@
-import { ObjectLiteralExpression } from 'ng-morph';
+import type { ObjectLiteralExpression } from 'ng-morph';
 export declare function pushToObjectArrayProperty(objectExpression: ObjectLiteralExpression, propertyName: string, initializer: string, { unique, forceToArray, index, }?: {
     forceToArray?: boolean;
     index?: number | null;

package/schematics/utils/push-to-array-property.js

@@ -21,8 +21,7 @@ function pushToObjectArrayProperty(objectExpression, propertyName, initializer,
             .some(element => element.getText() === initializer)) {
         return;
     }
-    // eslint-disable-next-line @taiga-ui/experience/no-typeof
-    if (typeof index === `number`) {
+    if (typeof index === 'number') {
         importsInitializer.insertElement(index, initializer);
     }
     else {

package/schematics/utils/templates/elements.d.ts

@@ -1,8 +1,13 @@
-import { ChildNode, Element } from 'parse5';
+import type { ChildNode, Element } from 'parse5/dist/tree-adapters/default';
 export declare function findElementsByFn(nodes: ChildNode[], predicateFn: (el: Element) => boolean): Element[];
 export declare function findElementsInTemplateByFn(html: string, predicateFn: (el: Element) => boolean): Element[];
-export declare function findElementsByTagName(html: string, tagName: string): Element[];
+export declare function findElementsByTagName(html: string, tagName: string, filterFn?: (element: Element) => boolean): Element[];
 export declare function findElementsByTagNames(html: string, tagNames: string[]): Element[];
+/**
+ * Parses a HTML fragment and traverses all AST nodes in order find elements that
+ * include the specified directive as attribute or input.
+ */
+export declare function findElementsWithDirective(html: string, attributeName: string): Element[];
 /**
  * Parses a HTML fragment and traverses all AST nodes in order find elements that
  * include the specified attribute.
@@ -13,7 +18,7 @@ export declare function findElementsWithAttribute(html: string, attributeName: s
  * @param html
  * @param attributeName
  */
-export declare function findElementsWithAttributeOnTag(html: string, attributeNames: string[], tagNames?: string[]): Element[];
+export declare function findElementsWithAttributeOnTag(html: string, attributeNames: string[], tagNames?: string[], filterFn?: (element: Element) => boolean): Element[];
 /**
  * Finds elements with explicit tag names that also contain the specified attribute. Returns the
  * attribute start offset based on the specified HTML.

package/schematics/utils/templates/elements.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStartOffsetOfAttribute = exports.hasElementAttribute = exports.findAttributeOnElementWithAttrs = exports.findAttributeOnElementWithTag = exports.findElementsWithAttributeOnTag = exports.findElementsWithAttribute = exports.findElementsByTagNames = exports.findElementsByTagName = exports.findElementsInTemplateByFn = exports.findElementsByFn = void 0;
+exports.getStartOffsetOfAttribute = exports.hasElementAttribute = exports.findAttributeOnElementWithAttrs = exports.findAttributeOnElementWithTag = exports.findElementsWithAttributeOnTag = exports.findElementsWithAttribute = exports.findElementsWithDirective = exports.findElementsByTagNames = exports.findElementsByTagName = exports.findElementsInTemplateByFn = exports.findElementsByFn = void 0;
 const parse5_1 = require("parse5");
 function findElementsByFn(nodes, predicateFn) {
     const elements = [];
@@ -24,18 +24,30 @@ function findElementsInTemplateByFn(html, predicateFn) {
     if (html.charCodeAt(0) === 0xfeff) {
         html = html.slice(1);
     }
-    const document = parse5_1.parseFragment(html, { sourceCodeLocationInfo: true });
+    const document = (0, parse5_1.parseFragment)(html, { sourceCodeLocationInfo: true });
     return findElementsByFn(document.childNodes, predicateFn);
 }
 exports.findElementsInTemplateByFn = findElementsInTemplateByFn;
-function findElementsByTagName(html, tagName) {
-    return findElementsInTemplateByFn(html, el => el.tagName === tagName);
+function findElementsByTagName(html, tagName, 
+// eslint-disable-next-line no-restricted-syntax
+filterFn = () => true) {
+    return findElementsInTemplateByFn(html, el => el.tagName === tagName && filterFn(el));
 }
 exports.findElementsByTagName = findElementsByTagName;
 function findElementsByTagNames(html, tagNames) {
     return findElementsInTemplateByFn(html, el => tagNames.includes(el.tagName));
 }
 exports.findElementsByTagNames = findElementsByTagNames;
+/**
+ * Parses a HTML fragment and traverses all AST nodes in order find elements that
+ * include the specified directive as attribute or input.
+ */
+function findElementsWithDirective(html, attributeName) {
+    const lowercasedAttrName = attributeName.toLowerCase();
+    const inputName = `[${lowercasedAttrName}]`;
+    return findElementsInTemplateByFn(html, el => { var _a; return (_a = el.attrs) === null || _a === void 0 ? void 0 : _a.some(({ name }) => name === lowercasedAttrName || name === inputName); });
+}
+exports.findElementsWithDirective = findElementsWithDirective;
 /**
  * Parses a HTML fragment and traverses all AST nodes in order find elements that
  * include the specified attribute.
@@ -49,11 +61,14 @@ exports.findElementsWithAttribute = findElementsWithAttribute;
  * @param html
  * @param attributeName
  */
-function findElementsWithAttributeOnTag(html, attributeNames, tagNames = []) {
+function findElementsWithAttributeOnTag(html, attributeNames, tagNames = [], 
+// eslint-disable-next-line no-restricted-syntax
+filterFn = () => true) {
     return findElementsInTemplateByFn(html, el => {
         var _a;
         return ((_a = el.attrs) === null || _a === void 0 ? void 0 : _a.some(attr => attributeNames.map(name => name.toLowerCase()).includes(attr.name))) &&
-            (tagNames.includes(el.tagName) || !tagNames.length);
+            (tagNames.includes(el.tagName) || !tagNames.length) &&
+            filterFn(el);
     });
 }
 exports.findElementsWithAttributeOnTag = findElementsWithAttributeOnTag;
@@ -65,7 +80,7 @@ function findAttributeOnElementWithTag(html, name, tagNames,
 // eslint-disable-next-line no-restricted-syntax
 filterFn = () => true) {
     return findElementsWithAttribute(html, name)
-        .filter(element => (tagNames.includes(element.tagName) || tagNames.includes(`*`)) &&
+        .filter(element => (tagNames.includes(element.tagName) || tagNames.includes('*')) &&
         filterFn(element))
         .map(element => getStartOffsetOfAttribute(element, name));
 }

package/schematics/utils/templates/get-component-templates.d.ts

@@ -1,3 +1,3 @@
-import { ClassDeclaration, Pattern, Query, StructureType } from 'ng-morph';
-import { TemplateResource } from '../../ng-update/interfaces/template-resource';
+import type { ClassDeclaration, Pattern, Query, StructureType } from 'ng-morph';
+import type { TemplateResource } from '../../ng-update/interfaces/template-resource';
 export declare function getComponentTemplates(pattern: Pattern, query?: Query<Omit<StructureType<ClassDeclaration>, 'kind'>>): TemplateResource[];

package/schematics/utils/templates/get-component-templates.js

@@ -2,24 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getComponentTemplates = void 0;
 const tslib_1 = require("tslib");
+const path = tslib_1.__importStar(require("node:path"));
 const ng_morph_1 = require("ng-morph");
-const path = tslib_1.__importStar(require("path"));
-function getComponentTemplates(pattern, query) {
-    return ng_morph_1.getClasses(pattern, query)
-        .map(declaration => declaration.getDecorator(`Component`))
-        .filter((decorator) => !!decorator)
-        .map(decoratorToTemplateResource)
-        .filter((x) => Boolean(x));
-}
-exports.getComponentTemplates = getComponentTemplates;
 function decoratorToTemplateResource(decorator) {
     var _a, _b, _c;
     const [metadata] = decorator.getArguments();
-    const templateUrl = metadata.getProperty(`templateUrl`);
-    const template = metadata.getProperty(`template`);
+    const templateUrl = metadata.getProperty('templateUrl');
+    const template = metadata.getProperty('template');
     const componentPath = decorator.getSourceFile().getFilePath();
     if (templateUrl) {
-        const templatePath = path.parse(((_a = templateUrl === null || templateUrl === void 0 ? void 0 : templateUrl.getInitializer()) === null || _a === void 0 ? void 0 : _a.getText().replace(/['"`]/g, ``)) || ``);
+        const templatePath = path.parse(((_a = templateUrl === null || templateUrl === void 0 ? void 0 : templateUrl.getInitializer()) === null || _a === void 0 ? void 0 : _a.getText().replaceAll(/['"`]/g, '')) || '');
         return {
             componentPath,
             templatePath: getFullTemplatePath(templatePath, path.parse(componentPath)),
@@ -28,7 +20,7 @@ function decoratorToTemplateResource(decorator) {
     if (template) {
         return {
             componentPath,
-            template: ((_b = template.getInitializer()) === null || _b === void 0 ? void 0 : _b.getText()) || ``,
+            template: ((_b = template.getInitializer()) === null || _b === void 0 ? void 0 : _b.getText()) || '',
             offset: ((_c = template.getInitializer()) === null || _c === void 0 ? void 0 : _c.getStart()) || 0,
         };
     }
@@ -37,3 +29,11 @@ function decoratorToTemplateResource(decorator) {
 function getFullTemplatePath(templatePath, componentPath) {
     return path.join(componentPath.dir, templatePath.dir, templatePath.name + templatePath.ext);
 }
+function getComponentTemplates(pattern, query) {
+    return (0, ng_morph_1.getClasses)(pattern, query)
+        .map(declaration => declaration.getDecorator('Component'))
+        .filter((decorator) => !!decorator)
+        .map(decoratorToTemplateResource)
+        .filter((x) => Boolean(x));
+}
+exports.getComponentTemplates = getComponentTemplates;

package/schematics/utils/templates/inputs.d.ts

@@ -0,0 +1,3 @@
+import type { Attribute } from 'parse5/dist/common/token';
+export declare function findAttr(attrs: Attribute[], name: string): Attribute | undefined;
+export declare function isBinding(attr: Attribute): boolean;

package/schematics/utils/templates/inputs.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isBinding = exports.findAttr = void 0;
+function findAttr(attrs, name) {
+    return attrs.find(attr => attr.name === name || attr.name === `[${name}]`);
+}
+exports.findAttr = findAttr;
+function isBinding(attr) {
+    return attr.name.startsWith('[');
+}
+exports.isBinding = isBinding;

package/schematics/utils/templates/ng-component-input-manipulations.d.ts

@@ -1,6 +1,6 @@
-import { DevkitFileSystem } from 'ng-morph/project/classes/devkit-file-system';
-import { Element } from 'parse5';
-import { TemplateResource } from '../../ng-update/interfaces/template-resource';
+import type { DevkitFileSystem } from 'ng-morph';
+import type { Element } from 'parse5/dist/tree-adapters/default';
+import type { TemplateResource } from '../../ng-update/interfaces/template-resource';
 /**
  * Replace component input property by new value
  * ___