@progress/kendo-angular-conversational-ui 20.0.0-develop.3 → 20.0.0-develop.5

package/chat/message-box.component.d.ts

@@ -2,46 +2,75 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { SVGIcon } from '@progress/kendo-svg-icons';
-import { User } from './api/user.interface';
-import { MessageBoxType } from './common/models/message-box-options';
-import { ChatMessageBoxTemplateDirective } from './message-box.directive';
-import { TextAreaComponent, TextBoxComponent } from '@progress/kendo-angular-inputs';
+import { SpeechToTextButtonSettings } from '@progress/kendo-angular-buttons';
+import { ChatMessageBoxTemplateDirective } from './templates/message-box.directive';
+import { TextAreaComponent } from '@progress/kendo-angular-inputs';
+import { FileSelectComponent, SelectEvent, FileSelectSettings } from '@progress/kendo-angular-upload';
+import { ChatFile } from './api/chat-file-interface';
+import { ChatService } from './common/chat.service';
+import { SuggestedActionsComponent } from "./suggested-actions.component";
+import { ChatSuggestion, Message, SendButtonSettings } from './api';
+import { ChatItem } from './chat-item';
+import { ChatSuggestionTemplateDirective } from './templates/suggestion-template.directive';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-export declare class MessageBoxComponent {
+export declare class MessageBoxComponent implements OnInit, OnDestroy {
+    private chatService;
+    private cdr;
+    private element;
+    private renderer;
     borderColor: string;
-    messageBoxInput: TextBoxComponent | TextAreaComponent;
-    user: User;
+    messageBoxWrapperClass: boolean;
+    messageBoxInput: TextAreaComponent;
+    fileSelectComponent: FileSelectComponent;
+    suggestedActionsComponent: SuggestedActionsComponent;
+    authorId: string | number;
     autoScroll: boolean;
-    type: MessageBoxType;
+    suggestions: ChatSuggestion[];
+    placeholder: any;
+    inputValue: string;
     localization: LocalizationService;
     messageBoxTemplate: ChatMessageBoxTemplateDirective;
+    suggestionTemplate: ChatSuggestionTemplateDirective;
     sendMessage: EventEmitter<any>;
-    /**
-     * @hidden
-     */
+    executeSuggestion: EventEmitter<ChatSuggestion>;
+    fileSelect: EventEmitter<SelectEvent>;
+    fileRemove: EventEmitter<ChatFile>;
+    files: ChatFile[];
     sendIcon: SVGIcon;
-    /**
-     * @hidden
-     */
+    attachmentIcon: SVGIcon;
+    deleteIcon: SVGIcon;
+    fileIcon: SVGIcon;
+    isListening: boolean;
+    get reply(): Message;
+    private selectedItem;
+    private subs;
+    constructor(chatService: ChatService, cdr: ChangeDetectorRef, element: ElementRef, renderer: Renderer2);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     sendClick(): void;
-    /**
-     * @hidden
-     */
     inputKeydown(e: any): void;
-    /**
-     * @hidden
-     */
     textAreaKeydown(e: any): void;
-    /**
-     * @hidden
-     */
+    handleSpeechResult(event: any): void;
     textFor(key: string): string;
+    removeReply(): void;
+    onReplyReferenceClick(event: Event): void;
+    handleFileSelect(event: SelectEvent): void;
+    selectFiles(): void;
+    removeFile(index: number): void;
+    get speechToTextButtonSettings(): SpeechToTextButtonSettings;
+    get sendButtonSettings(): SendButtonSettings;
+    get enableFileSelect(): boolean | FileSelectSettings;
+    get isDisabledSendButton(): boolean;
+    select(item: ChatItem, event?: Event): void;
+    onBlur(args: any): void;
+    onInputValueChange(value: string): void;
+    dispatchSuggestion(suggestion: ChatSuggestion): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageBoxComponent, "kendo-message-box", never, { "user": { "alias": "user"; "required": false; }; "autoScroll": { "alias": "autoScroll"; "required": false; }; "type": { "alias": "type"; "required": false; }; "localization": { "alias": "localization"; "required": false; }; "messageBoxTemplate": { "alias": "messageBoxTemplate"; "required": false; }; }, { "sendMessage": "sendMessage"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageBoxComponent, "kendo-message-box", never, { "authorId": { "alias": "authorId"; "required": false; }; "autoScroll": { "alias": "autoScroll"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputValue": { "alias": "inputValue"; "required": false; }; "localization": { "alias": "localization"; "required": false; }; "messageBoxTemplate": { "alias": "messageBoxTemplate"; "required": false; }; "suggestionTemplate": { "alias": "suggestionTemplate"; "required": false; }; }, { "sendMessage": "sendMessage"; "executeSuggestion": "executeSuggestion"; "fileSelect": "fileSelect"; "fileRemove": "fileRemove"; }, never, never, true, never>;
 }

package/chat/message-list.component.d.ts

@@ -2,14 +2,17 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, Renderer2 } from '@angular/core';
-import { Action, ExecuteActionEvent, Message, User } from './api';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, Renderer2 } from '@angular/core';
+import { Action, ExecuteActionEvent, Message } from './api';
 import { IntlService } from '@progress/kendo-angular-intl';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ChatItem } from './chat-item';
 import { ViewItem } from './chat-view';
-import { AttachmentTemplateDirective } from './attachment-template.directive';
-import { MessageTemplateDirective } from './message-template.directive';
+import { AttachmentTemplateDirective } from './templates/attachment-template.directive';
+import { MessageTemplateDirective } from './templates/message-template.directive';
+import { ChatTimestampTemplateDirective } from './templates/timestamp-template.directive';
+import { ChatService } from './common/chat.service';
+import { ChatStatusTemplateDirective } from './templates/status-template.directive';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -18,12 +21,16 @@ export declare class MessageListComponent implements OnInit, AfterViewInit, OnDe
     private element;
     private intl;
     private renderer;
+    chatService: ChatService;
+    private cdr;
     set messages(value: Message[]);
     get messages(): Message[];
     attachmentTemplate: AttachmentTemplateDirective;
     messageTemplate: MessageTemplateDirective;
+    timestampTemplate: ChatTimestampTemplateDirective;
+    statusTemplate: ChatStatusTemplateDirective;
     localization: LocalizationService;
-    user: User;
+    authorId: string | number;
     executeAction: EventEmitter<ExecuteActionEvent>;
     navigate: EventEmitter<any>;
     resize: EventEmitter<any>;
@@ -34,26 +41,26 @@ export declare class MessageListComponent implements OnInit, AfterViewInit, OnDe
     private subs;
     private selectedItem;
     private keyActions;
-    constructor(element: ElementRef, intl: IntlService, renderer: Renderer2);
+    constructor(element: ElementRef, intl: IntlService, renderer: Renderer2, chatService: ChatService, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onResize(): void;
+    onClick(message: any, event: any): void;
     formatTimeStamp(date: any): string;
     onKeydown(e: any): void;
     onBlur(args: any): void;
     isOwnMessage(msg: Message): boolean;
     dispatchAction(action: Action, message: Message): void;
     trackGroup(_index: number, item: ViewItem): any;
-    select(item: ChatItem): void;
+    select(item: ChatItem, event?: Event): void;
     last(items: any): any;
+    handleMenuClose(state: boolean): void;
     private onHomeOrEndKeyDown;
     private onTabKeyDown;
     private navigateTo;
-    /**
-     * @hidden
-     */
+    private scrollToAndSelectMessage;
     textFor(key: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageListComponent, "kendo-chat-message-list", never, { "messages": { "alias": "messages"; "required": false; }; "attachmentTemplate": { "alias": "attachmentTemplate"; "required": false; }; "messageTemplate": { "alias": "messageTemplate"; "required": false; }; "localization": { "alias": "localization"; "required": false; }; "user": { "alias": "user"; "required": false; }; }, { "executeAction": "executeAction"; "navigate": "navigate"; "resize": "resize"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageListComponent, "kendo-chat-message-list", never, { "messages": { "alias": "messages"; "required": false; }; "attachmentTemplate": { "alias": "attachmentTemplate"; "required": false; }; "messageTemplate": { "alias": "messageTemplate"; "required": false; }; "timestampTemplate": { "alias": "timestampTemplate"; "required": false; }; "statusTemplate": { "alias": "statusTemplate"; "required": false; }; "localization": { "alias": "localization"; "required": false; }; "authorId": { "alias": "authorId"; "required": false; }; }, { "executeAction": "executeAction"; "navigate": "navigate"; "resize": "resize"; }, never, never, true, never>;
 }

package/chat/message-reference-content.component.d.ts

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ChatItem } from './chat-item';
+import { Message } from './api';
+import { ChatService } from './common/chat.service';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class MessageReferenceComponent extends ChatItem {
+    private localization;
+    private chatService;
+    hostClass: boolean;
+    message: Message;
+    constructor(localization: LocalizationService, chatService: ChatService);
+    isOwnMessage(msg: Message): boolean;
+    textFor(key: string): string;
+    focus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessageReferenceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageReferenceComponent, "chat-message-reference-content", never, { "message": { "alias": "message"; "required": false; }; }, {}, never, never, true, never>;
+}

package/chat/message.component.d.ts

@@ -2,27 +2,75 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef } from '@angular/core';
+import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
 import { Message } from './api/message.interface';
 import { ChatItem } from './chat-item';
-import { MessageTemplateDirective } from './message-template.directive';
+import { MessageTemplateDirective } from './templates/message-template.directive';
 import { IntlService } from '@progress/kendo-angular-intl';
+import { ChatFile } from './api/chat-file-interface';
+import { ContextMenuPopupEvent } from '@progress/kendo-angular-menu';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import { ChatService } from './common/chat.service';
+import { MessageAction } from './api';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { ChatStatusTemplateDirective } from './templates/status-template.directive';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-export declare class MessageComponent extends ChatItem {
-    private element;
+export declare class MessageComponent extends ChatItem implements OnDestroy {
+    element: ElementRef;
     private intl;
+    chatService: ChatService;
+    private localization;
     message: Message;
     tabbable: boolean;
     template: MessageTemplateDirective;
+    statusTemplate: ChatStatusTemplateDirective;
+    showMessageTime: boolean;
+    authorId: string | number;
+    contextMenuVisibilityChange: EventEmitter<boolean>;
     cssClass: boolean;
+    get removedClass(): boolean;
+    onKeyDown(event: KeyboardEvent): void;
     selected: boolean;
+    hovered: boolean;
+    active: boolean;
+    selectOnMenuClose: boolean;
     get tabIndex(): string;
-    constructor(element: ElementRef, intl: IntlService);
+    onContextMenu(event: MouseEvent): void;
+    expandIcon: SVGIcon;
+    collapseIcon: SVGIcon;
+    downloadIcon: SVGIcon;
+    isMessageExpanded: boolean;
+    contextMenuActions: any;
+    fileActions: any;
+    constructor(element: ElementRef, intl: IntlService, chatService: ChatService, localization: LocalizationService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    textFor(key: string): string;
     formatTimeStamp(date: any): string;
     focus(): void;
+    onDownloadAll(): void;
+    toggleMessageState(event: Event): void;
+    onExpandableKeydown(event: KeyboardEvent): void;
+    isToolbarVisible(): boolean;
+    onToolbarAction(event: Event, action: MessageAction, message: Message): void;
+    onContextMenuAction(action: MessageAction): void;
+    onFileAction(action: any, file: ChatFile): void;
+    private transformActions;
+    getMessageById(id: string | number): Message | undefined;
+    getFormattedTextParts(text: string): Array<{
+        type: 'text' | 'link';
+        content: string;
+        href?: string;
+    }>;
+    onReplyReferenceClick(event: Event, replyToId: string | number): void;
+    handleMenuClose(event?: ContextMenuPopupEvent): void;
+    onActionButtonClick(event: MouseEvent): void;
+    handleMenuOpen(): void;
+    onActionPopupChange(expanded: boolean): void;
+    isOwnMessage(msg: Message): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageComponent, "kendo-chat-message", never, { "message": { "alias": "message"; "required": false; }; "tabbable": { "alias": "tabbable"; "required": false; }; "template": { "alias": "template"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageComponent, "kendo-chat-message", never, { "message": { "alias": "message"; "required": false; }; "tabbable": { "alias": "tabbable"; "required": false; }; "template": { "alias": "template"; "required": false; }; "statusTemplate": { "alias": "statusTemplate"; "required": false; }; "showMessageTime": { "alias": "showMessageTime"; "required": false; }; "authorId": { "alias": "authorId"; "required": false; }; }, { "contextMenuVisibilityChange": "contextMenuVisibilityChange"; }, never, never, true, never>;
 }

package/chat/suggested-actions.component.d.ts

@@ -5,23 +5,36 @@
 import { ElementRef, EventEmitter, QueryList } from '@angular/core';
 import { Action } from './api/action.interface';
 import { ChatItem } from './chat-item';
+import { ChatSuggestion } from './api/chat-suggestion.interface';
+import { ChatSuggestionTemplateDirective } from './templates/suggestion-template.directive';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 export declare class SuggestedActionsComponent extends ChatItem {
     actions: Action[];
+    suggestions: ChatSuggestion[];
     tabbable: boolean;
-    dispatch: EventEmitter<Action>;
+    suggestionTemplate: ChatSuggestionTemplateDirective;
+    dispatchAction: EventEmitter<Action>;
+    dispatchSuggestion: EventEmitter<ChatSuggestion>;
     defaultClass: boolean;
+    role: string;
     items: QueryList<ElementRef>;
     selectedIndex: number;
-    private keyHandlers;
+    activeIndex: number;
+    active: boolean;
+    private actionKeyHandlers;
+    private suggestionKeyHandlers;
     isSelected(index: number): boolean;
-    actionClick(action: Action): void;
+    isActive(index: number): boolean;
+    actionClick(action: Action, index?: number): void;
+    suggestionClick(suggestion: ChatSuggestion, index?: number): void;
+    toggleActiveState(apply: boolean, index: number): void;
     actionKeydown(e: any, action: Action): void;
+    suggestionKeydown(e: any, suggestion: ChatSuggestion): void;
     focus(): void;
     private changeSelectedIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuggestedActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuggestedActionsComponent, "kendo-chat-suggested-actions", never, { "actions": { "alias": "actions"; "required": false; }; "tabbable": { "alias": "tabbable"; "required": false; }; }, { "dispatch": "dispatch"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuggestedActionsComponent, "kendo-chat-suggested-actions", never, { "actions": { "alias": "actions"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "tabbable": { "alias": "tabbable"; "required": false; }; "suggestionTemplate": { "alias": "suggestionTemplate"; "required": false; }; }, { "dispatchAction": "dispatchAction"; "dispatchSuggestion": "dispatchSuggestion"; }, never, never, true, never>;
 }

package/chat/templates/header-template.directive.d.ts

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the template for the header of the Chat component.
+ *
+ * @example
+ * ```html
+ * <kendo-chat>
+ *     <ng-template kendoChatHeaderTemplate>
+ *         Chat Title
+ *     </ng-template>
+ * </kendo-chat>
+ * ```
+ */
+export declare class ChatHeaderTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChatHeaderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ChatHeaderTemplateDirective, "[kendoChatHeaderTemplate]", never, {}, {}, never, never, true, never>;
+}

package/chat/{message-box.directive.d.ts → templates/message-box.directive.d.ts}

@@ -8,7 +8,7 @@ import * as i0 from "@angular/core";
  * Creates a message box area that overrides the default message box of the Chat component.
  *
  * To define a message box template, nest an `<ng-template>` tag with the `kendoChatMessageBoxTemplate` directive inside the `<kendo-chat>` tag.
- * For more information, see [Message Box Template](slug:message_box#toc-message-box-template).
+ * For more information, see [Message Box Template](slug:message_templates_chat#toc-message-box-template).
  *
  * @example
  * ```html

package/chat/templates/status-template.directive.d.ts

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the template for the status of a message.
+ *
+ * @example
+ * ```html
+ * <kendo-chat>
+ *     <ng-template kendoChatStatusTemplate let-status>
+ *         Current status: {{ status }}
+ *     </ng-template>
+ * </kendo-chat>
+ * ```
+ */
+export declare class ChatStatusTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChatStatusTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ChatStatusTemplateDirective, "[kendoChatStatusTemplate]", never, {}, {}, never, never, true, never>;
+}

package/chat/templates/suggestion-template.directive.d.ts

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the template for a suggestion in the Chat component.
+ *
+ * @example
+ * ```html
+ * <kendo-chat>
+ *     <ng-template kendoChatSuggestionTemplate>
+ *         Suggestion Text
+ *     </ng-template>
+ * </kendo-chat>
+ * ```
+ */
+export declare class ChatSuggestionTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChatSuggestionTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ChatSuggestionTemplateDirective, "[kendoChatSuggestionTemplate]", never, {}, {}, never, never, true, never>;
+}

package/chat/templates/timestamp-template.directive.d.ts

@@ -0,0 +1,28 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from "@angular/core";
+import * as i0 from "@angular/core";
+/**
+ * Defines a template for displaying the timestamp of the messages.
+ *
+ * To define a timestamp template, nest an `<ng-template>` tag with the `kendoChatTimestampTemplate` directive inside the `<kendo-chat>` component.
+ * The template context is set to the current timestamp.
+ * For more information, refer to the article on [message templates](slug:message_templates_chat).
+ *
+ * @example
+ * ```html
+ * <kendo-chat>
+ *   <ng-template kendoChatTimestampTemplate let-timestamp>
+ *     <div>Message time: {{ timestamp }}</div>
+ *   </ng-template>
+ * </kendo-chat>
+ * ```
+ */
+export declare class ChatTimestampTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChatTimestampTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ChatTimestampTemplateDirective, "[kendoChatTimestampTemplate]", never, {}, {}, never, never, true, never>;
+}

package/codemods/template-transformer/index.js

@@ -0,0 +1,94 @@
+/**-----------------------------------------------------------------------------------------
+* 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 = void 0;
+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;
+                }
+            }
+        }
+    });
+}
+exports.templateTransformer = templateTransformer;