@progress/kendo-angular-conversational-ui 21.2.0-develop.1 → 21.2.0-develop.10

package/codemods/v20/chat-user.js

@@ -29,24 +29,21 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = default_1;
 const fs = __importStar(require("fs"));
-const index_1 = require("../template-transformer/index");
 const utils_1 = require("../utils");
 function default_1(fileInfo, api) {
     const filePath = fileInfo.path;
+    // Handle HTML files and inline templates
+    const htmlResult = (0, utils_1.htmlTransformer)(fileInfo, api, (templateContent) => (0, utils_1.attributeNameValueUpdate)(templateContent, 'kendo-chat', 'user', 'authorId', 'id'));
     if (filePath.endsWith('.html')) {
-        if ((0, utils_1.hasKendoInTemplate)(fileInfo.source)) {
-            let updatedContent = fileInfo.source;
-            updatedContent = (0, utils_1.htmlBoundAttributeTransformer)({ ...fileInfo, source: updatedContent }, 'kendo-chat', 'user', 'authorId', 'id');
-            // Only write to file once after all transformations
-            fs.writeFileSync(filePath, updatedContent, 'utf-8');
+        if (htmlResult && htmlResult !== fileInfo.source) {
+            fs.writeFileSync(filePath, htmlResult, 'utf-8');
+            return htmlResult;
         }
-        return;
+        return fileInfo.source; // Return original source if no changes
     }
+    // Handle TypeScript property transformations
     const j = api.jscodeshift;
-    const rootSource = j(fileInfo.source);
-    (0, index_1.templateTransformer)(rootSource, j, (root) => {
-        (0, utils_1.templateBoundAttributeTransformer)(root, 'kendo-chat', 'user', 'authorId', 'id');
-    });
-    (0, utils_1.tsPropertyTransformer)(fileInfo.source, rootSource, j, 'ChatComponent', 'user', 'authorId', 'id');
+    const rootSource = j(htmlResult || fileInfo.source);
+    (0, utils_1.tsPropertyTransformer)(fileInfo.source, rootSource, j, '@progress/kendo-angular-conversational-ui', 'ChatComponent', 'user', 'authorId', 'id');
     return rootSource.toSource();
 }

package/codemods/v21/chat-messagetoolbarvisibility.js

@@ -29,25 +29,21 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = default_1;
 const fs = __importStar(require("fs"));
-const index_1 = require("../template-transformer/index");
 const utils_1 = require("../utils");
 function default_1(fileInfo, api) {
     const filePath = fileInfo.path;
+    // Handle HTML files and inline templates
+    const htmlResult = (0, utils_1.htmlTransformer)(fileInfo, api, (templateContent) => (0, utils_1.attributeRemoval)(templateContent, 'kendo-chat', 'messageToolbarVisibility'));
     if (filePath.endsWith('.html')) {
-        if ((0, utils_1.hasKendoInTemplate)(fileInfo.source)) {
-            let updatedContent = fileInfo.source;
-            updatedContent = (0, utils_1.htmlAttributeRemoval)({ ...fileInfo, source: updatedContent }, 'kendo-chat', 'messageToolbarVisibility');
-            // Only write to file once after all transformations
-            fs.writeFileSync(filePath, updatedContent, 'utf-8');
+        if (htmlResult && htmlResult !== fileInfo.source) {
+            fs.writeFileSync(filePath, htmlResult, 'utf-8');
+            return htmlResult;
         }
-        return;
+        return fileInfo.source; // Return original source if no changes
     }
+    // Handle TypeScript property transformations
     const j = api.jscodeshift;
-    const rootSource = j(fileInfo.source);
-    (0, index_1.templateTransformer)(rootSource, j, (root) => {
-        (0, utils_1.templateAttributeRemoval)(root, 'kendo-chat', 'messageToolbarVisibility');
-    });
-    (0, utils_1.tsPropertyRemoval)(fileInfo.source, rootSource, j, 'ChatComponent', 'messageToolbarVisibility');
-    (0, utils_1.tsComponentPropertyRemoval)(fileInfo.source, rootSource, j, 'ChatComponent', 'messageToolbarVisibility');
+    const rootSource = j(htmlResult || fileInfo.source);
+    (0, utils_1.tsComponentPropertyRemoval)(fileInfo.source, rootSource, j, '@progress/kendo-angular-conversational-ui', 'ChatComponent', 'messageToolbarVisibility');
     return rootSource.toSource();
 }

package/codemods/v21/chat-pinnedbyfield.js

@@ -13,7 +13,6 @@ function default_1(fileInfo, api) {
     }
     const j = api.jscodeshift;
     const rootSource = j(fileInfo.source);
-    (0, utils_1.tsPropertyRemoval)(fileInfo.source, rootSource, j, 'ConversationalUIModelFields', 'pinnedByField');
-    (0, utils_1.tsComponentPropertyRemoval)(fileInfo.source, rootSource, j, 'ConversationalUIModelFields', 'pinnedByField');
+    (0, utils_1.tsPropertyRemoval)(fileInfo.source, rootSource, j, '@progress/kendo-angular-conversational-ui', 'ConversationalUIModelFields', 'pinnedByField');
     return rootSource.toSource();
 }

package/esm2022/ai-prompt/common/toolbar-focusable.directive.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { Directive, ElementRef, Renderer2 } from '@angular/core';
 import { ToolbarNavigationService } from './toolbar-navigation.service';
-import { Keys, focusableSelector, normalizeNumpadKeys } from '@progress/kendo-angular-common';
+import { Keys, focusableSelector, normalizeKeys } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "./toolbar-navigation.service";
 /**
@@ -38,7 +38,7 @@ export class AIPromptToolbarFocusableDirective {
         this.element.focus();
     }
     keyDownHandler = (e) => {
-        const code = normalizeNumpadKeys(e);
+        const code = normalizeKeys(e);
         const targetsSelf = e.target === this.element;
         const isLeftArrow = code === Keys.ArrowLeft;
         const isRightArrow = code === Keys.ArrowRight;

package/esm2022/chat/chat-view.mjs

@@ -61,7 +61,7 @@ const groupItems = (total) => (acc, msg, index) => {
             attachments: msg.attachments,
             attachmentLayout: msg.attachmentLayout,
             timestamp: msg.timestamp,
-            trackBy: msg
+            trackBy: 'attachment-group' + msg.id
         });
     }
     if (msg.suggestedActions && isLastMessage) {
@@ -69,7 +69,7 @@ const groupItems = (total) => (acc, msg, index) => {
             type: 'action-group',
             actions: msg.suggestedActions,
             timestamp: msg.timestamp,
-            trackBy: msg
+            trackBy: 'action-group' + msg.id
         });
     }
     return acc;

package/esm2022/chat/chat.component.mjs

@@ -350,7 +350,12 @@ export class ChatComponent {
      * @hidden
      */
     get contextMenuActions() {
-        return transformActions(this.chatService.calculatedContextMenuActions);
+        const currentActions = this.chatService.calculatedContextMenuActions;
+        if (currentActions !== this._lastContextMenuActionsReference) {
+            this._cachedContextMenuActions = transformActions(currentActions);
+            this._lastContextMenuActionsReference = currentActions;
+        }
+        return this._cachedContextMenuActions;
     }
     /**
      * @hidden
@@ -382,6 +387,8 @@ export class ChatComponent {
     _cachedProcessedMessages = [];
     _lastMessagesReference = null;
     _lastModelFields = null;
+    _cachedContextMenuActions = [];
+    _lastContextMenuActionsReference = null;
     constructor(localization, zone, renderer, element, chatService) {
         this.localization = localization;
         this.zone = zone;

package/esm2022/chat/message-attachments.component.mjs

@@ -6,7 +6,7 @@
 import { Component, ElementRef, forwardRef, HostBinding, Input, NgZone, QueryList, ViewChild, ViewChildren } from '@angular/core';
 import { fromEvent } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
-import { Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
+import { Keys, normalizeKeys } from '@progress/kendo-angular-common';
 import { chevronLeftIcon, chevronRightIcon } from '@progress/kendo-svg-icons';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ButtonComponent } from '@progress/kendo-angular-buttons';
@@ -81,7 +81,7 @@ export class MessageAttachmentsComponent extends ChatItem {
     itemKeydown(e, attachment) {
         const keyHandlers = this.layout === 'list' ?
             this.listKeyHandlers : this.carouselKeyHandlers;
-        const code = normalizeNumpadKeys(e);
+        const code = normalizeKeys(e);
         const handler = keyHandlers[code];
         if (handler) {
             handler(e, attachment);

package/esm2022/chat/message-list.component.mjs

@@ -7,7 +7,7 @@
 import { ChangeDetectorRef, Component, ElementRef, EventEmitter, HostBinding, Input, Output, QueryList, Renderer2, ViewChildren } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 import { ExecuteActionEvent } from './api';
-import { isPresent, Keys, normalizeNumpadKeys, ResizeSensorComponent } from '@progress/kendo-angular-common';
+import { isPresent, Keys, normalizeKeys, ResizeSensorComponent } from '@progress/kendo-angular-common';
 import { IntlService } from '@progress/kendo-angular-intl';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { closest, DOWNLOAD_ALL_SELECTOR, FILE_ACTION_BTN_SELECTOR } from './common/utils';
@@ -148,7 +148,7 @@ export class MessageListComponent {
     }
     onKeydown(e) {
         // On some keyboards Numpad keys are used for Home/End/PageUp/PageDown.
-        const code = normalizeNumpadKeys(e);
+        const code = normalizeKeys(e);
         const action = this.keyActions[code];
         if (action) {
             action(e);

package/esm2022/chat/message.component.mjs

@@ -18,7 +18,7 @@ import { isAuthor } from './chat-view';
 import { ChatFileComponent } from './chat-file.component';
 import { MessageReferenceComponent } from './message-reference-content.component';
 import { ChatStatusTemplateDirective } from './templates/status-template.directive';
-import { isPresent, Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
+import { isPresent, Keys, normalizeKeys } from '@progress/kendo-angular-common';
 import { MessageTemplateDirective } from './templates/message-template.directive';
 import { AuthorMessageContentTemplateDirective } from './templates/author-message-content-template.directive';
 import { ReceiverMessageContentTemplateDirective } from './templates/receiver-message-content-template.directive';
@@ -225,7 +225,7 @@ export class MessageComponent extends ChatItem {
         this.chatService.toggleMessageState = false;
     }
     onExpandableKeydown(event) {
-        const key = normalizeNumpadKeys(event);
+        const key = normalizeKeys(event);
         const isFileActionButton = event.target.closest(FILE_ACTION_BTN_SELECTOR) || event.target.closest(DOWNLOAD_ALL_SELECTOR);
         if (!isFileActionButton && (key === Keys.Enter || key === Keys.Space)) {
             event.preventDefault();
@@ -422,12 +422,8 @@ export class MessageComponent extends ChatItem {
                     @if (!message.isDeleted && parts.length > 0) {
                       <span class="k-chat-bubble-text">
                         @for (part of parts; track part) {
-                          @if (part.type === 'text') {
-                            {{part.content}}
-                          }
-                          @if (part.type === 'link') {
-                            <a [href]="part.href" target="_blank">{{part.content}}</a>
-                          }
+                          @if (part.type === 'text') {{{part.content}}}
+                          @if (part.type === 'link') {<a [href]="part.href" target="_blank">{{part.content}}</a>}
                         }
                       </span>
                     }
@@ -614,12 +610,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     @if (!message.isDeleted && parts.length > 0) {
                       <span class="k-chat-bubble-text">
                         @for (part of parts; track part) {
-                          @if (part.type === 'text') {
-                            {{part.content}}
-                          }
-                          @if (part.type === 'link') {
-                            <a [href]="part.href" target="_blank">{{part.content}}</a>
-                          }
+                          @if (part.type === 'text') {{{part.content}}}
+                          @if (part.type === 'link') {<a [href]="part.href" target="_blank">{{part.content}}</a>}
                         }
                       </span>
                     }

package/esm2022/chat/suggested-actions.component.mjs

@@ -8,7 +8,7 @@ import { Component, ElementRef, EventEmitter, forwardRef, HostBinding, Input, Ou
 import { NgTemplateOutlet } from '@angular/common';
 import { Subscription } from 'rxjs';
 import { take } from 'rxjs/operators';
-import { Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
+import { Keys, normalizeKeys } from '@progress/kendo-angular-common';
 import { ChatItem } from './chat-item';
 import { ChatSuggestionTemplateDirective } from './templates/suggestion-template.directive';
 import { ChatService } from './common/chat.service';
@@ -161,13 +161,13 @@ export class SuggestedActionsComponent extends ChatItem {
         this.activeIndex = apply ? index : -1;
     }
     actionKeydown(e, action) {
-        const handler = this.actionKeyHandlers[normalizeNumpadKeys(e)];
+        const handler = this.actionKeyHandlers[normalizeKeys(e)];
         if (handler) {
             handler(e, action);
         }
     }
     suggestionKeydown(e, suggestion) {
-        const handler = this.suggestionKeyHandlers[normalizeNumpadKeys(e)];
+        const handler = this.suggestionKeyHandlers[normalizeKeys(e)];
         if (handler) {
             handler(e, suggestion);
         }

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1763998286,
-    version: '21.2.0-develop.1',
+    publishDate: 1764593013,
+    version: '21.2.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/fesm2022/progress-kendo-angular-conversational-ui.mjs

@@ -7,7 +7,7 @@ import { InjectionToken, Directive, Inject, HostBinding, ViewChild, Input, Injec
 import { IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
 import * as i1$2 from '@progress/kendo-angular-popup';
 import { PopupComponent, KENDO_POPUP, PopupService } from '@progress/kendo-angular-popup';
-import { isPresent, normalizeNumpadKeys, Keys, focusableSelector, guid, getter, isDocumentAvailable, closest as closest$1, ResizeSensorComponent, isChanged, processCssValue, ResizeBatchService } from '@progress/kendo-angular-common';
+import { isPresent, normalizeKeys, Keys, focusableSelector, guid, getter, isDocumentAvailable, closest as closest$1, ResizeSensorComponent, isChanged, processCssValue, ResizeBatchService } from '@progress/kendo-angular-common';
 import { DialogContainerService, DialogService, WindowService, WindowContainerService } from '@progress/kendo-angular-dialog';
 import { NgTemplateOutlet, NgClass } from '@angular/common';
 import { Subject, Subscription, fromEvent } from 'rxjs';
@@ -216,8 +216,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1763998286,
-    version: '21.2.0-develop.1',
+    publishDate: 1764593013,
+    version: '21.2.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -404,7 +404,7 @@ class AIPromptToolbarFocusableDirective {
         this.element.focus();
     }
     keyDownHandler = (e) => {
-        const code = normalizeNumpadKeys(e);
+        const code = normalizeKeys(e);
         const targetsSelf = e.target === this.element;
         const isLeftArrow = code === Keys.ArrowLeft;
         const isRightArrow = code === Keys.ArrowRight;
@@ -2664,13 +2664,13 @@ class SuggestedActionsComponent extends ChatItem {
         this.activeIndex = apply ? index : -1;
     }
     actionKeydown(e, action) {
-        const handler = this.actionKeyHandlers[normalizeNumpadKeys(e)];
+        const handler = this.actionKeyHandlers[normalizeKeys(e)];
         if (handler) {
             handler(e, action);
         }
     }
     suggestionKeydown(e, suggestion) {
-        const handler = this.suggestionKeyHandlers[normalizeNumpadKeys(e)];
+        const handler = this.suggestionKeyHandlers[normalizeKeys(e)];
         if (handler) {
             handler(e, suggestion);
         }
@@ -3135,7 +3135,7 @@ const groupItems = (total) => (acc, msg, index) => {
             attachments: msg.attachments,
             attachmentLayout: msg.attachmentLayout,
             timestamp: msg.timestamp,
-            trackBy: msg
+            trackBy: 'attachment-group' + msg.id
         });
     }
     if (msg.suggestedActions && isLastMessage) {
@@ -3143,7 +3143,7 @@ const groupItems = (total) => (acc, msg, index) => {
             type: 'action-group',
             actions: msg.suggestedActions,
             timestamp: msg.timestamp,
-            trackBy: msg
+            trackBy: 'action-group' + msg.id
         });
     }
     return acc;
@@ -4170,7 +4170,7 @@ class MessageComponent extends ChatItem {
         this.chatService.toggleMessageState = false;
     }
     onExpandableKeydown(event) {
-        const key = normalizeNumpadKeys(event);
+        const key = normalizeKeys(event);
         const isFileActionButton = event.target.closest(FILE_ACTION_BTN_SELECTOR) || event.target.closest(DOWNLOAD_ALL_SELECTOR);
         if (!isFileActionButton && (key === Keys.Enter || key === Keys.Space)) {
             event.preventDefault();
@@ -4367,12 +4367,8 @@ class MessageComponent extends ChatItem {
                     @if (!message.isDeleted && parts.length > 0) {
                       <span class="k-chat-bubble-text">
                         @for (part of parts; track part) {
-                          @if (part.type === 'text') {
-                            {{part.content}}
-                          }
-                          @if (part.type === 'link') {
-                            <a [href]="part.href" target="_blank">{{part.content}}</a>
-                          }
+                          @if (part.type === 'text') {{{part.content}}}
+                          @if (part.type === 'link') {<a [href]="part.href" target="_blank">{{part.content}}</a>}
                         }
                       </span>
                     }
@@ -4559,12 +4555,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     @if (!message.isDeleted && parts.length > 0) {
                       <span class="k-chat-bubble-text">
                         @for (part of parts; track part) {
-                          @if (part.type === 'text') {
-                            {{part.content}}
-                          }
-                          @if (part.type === 'link') {
-                            <a [href]="part.href" target="_blank">{{part.content}}</a>
-                          }
+                          @if (part.type === 'text') {{{part.content}}}
+                          @if (part.type === 'link') {<a [href]="part.href" target="_blank">{{part.content}}</a>}
                         }
                       </span>
                     }
@@ -4857,7 +4849,7 @@ class MessageAttachmentsComponent extends ChatItem {
     itemKeydown(e, attachment) {
         const keyHandlers = this.layout === 'list' ?
             this.listKeyHandlers : this.carouselKeyHandlers;
-        const code = normalizeNumpadKeys(e);
+        const code = normalizeKeys(e);
         const handler = keyHandlers[code];
         if (handler) {
             handler(e, attachment);
@@ -5184,7 +5176,7 @@ class MessageListComponent {
     }
     onKeydown(e) {
         // On some keyboards Numpad keys are used for Home/End/PageUp/PageDown.
-        const code = normalizeNumpadKeys(e);
+        const code = normalizeKeys(e);
         const action = this.keyActions[code];
         if (action) {
             action(e);
@@ -6258,7 +6250,12 @@ class ChatComponent {
      * @hidden
      */
     get contextMenuActions() {
-        return transformActions(this.chatService.calculatedContextMenuActions);
+        const currentActions = this.chatService.calculatedContextMenuActions;
+        if (currentActions !== this._lastContextMenuActionsReference) {
+            this._cachedContextMenuActions = transformActions(currentActions);
+            this._lastContextMenuActionsReference = currentActions;
+        }
+        return this._cachedContextMenuActions;
     }
     /**
      * @hidden
@@ -6290,6 +6287,8 @@ class ChatComponent {
     _cachedProcessedMessages = [];
     _lastMessagesReference = null;
     _lastModelFields = null;
+    _cachedContextMenuActions = [];
+    _lastContextMenuActionsReference = null;
     constructor(localization, zone, renderer, element, chatService) {
         this.localization = localization;
         this.zone = zone;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-conversational-ui",
-  "version": "21.2.0-develop.1",
+  "version": "21.2.0-develop.10",
   "description": "Kendo UI for Angular Conversational UI components",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -47,7 +47,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1763998286,
+      "publishDate": 1764593013,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -57,22 +57,22 @@
     "@angular/core": "18 - 21",
     "@angular/platform-browser": "18 - 21",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-buttons": "21.2.0-develop.1",
-    "@progress/kendo-angular-inputs": "21.2.0-develop.1",
-    "@progress/kendo-angular-layout": "21.2.0-develop.1",
-    "@progress/kendo-angular-icons": "21.2.0-develop.1",
-    "@progress/kendo-angular-common": "21.2.0-develop.1",
-    "@progress/kendo-angular-intl": "21.2.0-develop.1",
-    "@progress/kendo-angular-l10n": "21.2.0-develop.1",
-    "@progress/kendo-angular-menu": "21.2.0-develop.1",
-    "@progress/kendo-angular-popup": "21.2.0-develop.1",
-    "@progress/kendo-angular-toolbar": "21.2.0-develop.1",
-    "@progress/kendo-angular-upload": "21.2.0-develop.1",
+    "@progress/kendo-angular-buttons": "21.2.0-develop.10",
+    "@progress/kendo-angular-inputs": "21.2.0-develop.10",
+    "@progress/kendo-angular-layout": "21.2.0-develop.10",
+    "@progress/kendo-angular-icons": "21.2.0-develop.10",
+    "@progress/kendo-angular-common": "21.2.0-develop.10",
+    "@progress/kendo-angular-intl": "21.2.0-develop.10",
+    "@progress/kendo-angular-l10n": "21.2.0-develop.10",
+    "@progress/kendo-angular-menu": "21.2.0-develop.10",
+    "@progress/kendo-angular-popup": "21.2.0-develop.10",
+    "@progress/kendo-angular-toolbar": "21.2.0-develop.10",
+    "@progress/kendo-angular-upload": "21.2.0-develop.10",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "21.2.0-develop.1"
+    "@progress/kendo-angular-schematics": "21.2.0-develop.10"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-conversational-ui.mjs",

package/codemods/template-transformer/index.js

@@ -1,93 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2025 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.templateTransformer = templateTransformer;
-const node_html_parser_1 = require("node-html-parser");
-function templateTransformer(root, j, ...processFns) {
-    root
-        .find(j.ClassDeclaration)
-        .forEach(classPath => {
-        // Skip if no decorators
-        const classNode = classPath.node;
-        if (!classNode.decorators || !classNode.decorators.length)
-            return;
-        // Find Component decorator
-        const componentDecorator = classNode.decorators.find((decorator) => {
-            if (decorator.expression && decorator.expression.type === 'CallExpression') {
-                const callee = decorator.expression.callee;
-                // Handle direct Component identifier
-                if (callee.type === 'Identifier' && callee.name === 'Component') {
-                    return true;
-                }
-                // Handle angular.core.Component or similar
-                if (callee.type === 'MemberExpression' &&
-                    callee.property &&
-                    callee.property.type === 'Identifier' &&
-                    callee.property.name === 'Component') {
-                    return true;
-                }
-            }
-            return false;
-        });
-        if (!componentDecorator || !componentDecorator.expression)
-            return;
-        const expression = componentDecorator.expression;
-        if (expression.type !== 'CallExpression' || !expression.arguments.length)
-            return;
-        const componentOptions = expression.arguments[0];
-        if (componentOptions.type !== 'ObjectExpression')
-            return;
-        // Find template and templateUrl properties
-        const props = componentOptions.properties || [];
-        const templateProp = props.find((prop) => (prop.key.type === 'Identifier' && prop.key.name === 'template') ||
-            (prop.key.type === 'StringLiteral' && prop.key.value === 'template'));
-        //   const templateUrlProp = props.find((prop: any) =>
-        //     (prop.key.type === 'Identifier' && prop.key.name === 'templateUrl') ||
-        //     (prop.key.type === 'StringLiteral' && prop.key.value === 'templateUrl')
-        //   );
-        // Process inline template
-        if (templateProp) {
-            // Extract template based on node type
-            let originalTemplate;
-            if (templateProp.value.type === 'StringLiteral' || templateProp.value.type === 'Literal') {
-                originalTemplate = templateProp.value.value;
-            }
-            else if (templateProp.value.type === 'TemplateLiteral') {
-                // For template literals, join quasis
-                if (templateProp.value.quasis && templateProp.value.quasis.length) {
-                    originalTemplate = templateProp.value.quasis
-                        .map((q) => q.value.cooked || q.value.raw)
-                        .join('');
-                }
-                else {
-                    console.warn('Could not process TemplateLiteral properly');
-                    return;
-                }
-            }
-            else {
-                console.warn(`Unsupported template type: ${templateProp.value.type}`);
-                return;
-            }
-            const root = (0, node_html_parser_1.parse)(originalTemplate);
-            processFns.forEach(fn => {
-                fn(root);
-            });
-            // Transform template using Angular compiler
-            const transformedTemplate = root.toString();
-            if (transformedTemplate !== originalTemplate) {
-                // Update template property
-                if (templateProp.value.type === 'TemplateLiteral') {
-                    // For template literals, create a new template literal
-                    templateProp.value = j.templateLiteral([j.templateElement({ cooked: transformedTemplate, raw: transformedTemplate }, true)], []);
-                }
-                else {
-                    // For string literals, update the value
-                    templateProp.value.value = transformedTemplate;
-                }
-            }
-        }
-    });
-}