emanate-ai-chat-lib 0.1.1

package/fesm2015/emanate-ai-chat-lib.js

@@ -0,0 +1,985 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, EventEmitter, Input, Output, NgModule } from '@angular/core';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i1 from '@angular/common/http';
+import { HttpHeaders, HttpClientModule } from '@angular/common/http';
+import { throwError, Observable, Subject } from 'rxjs';
+import { timeout, catchError, takeUntil } from 'rxjs/operators';
+import * as i2 from '@angular/platform-browser';
+
+class EmanateAiChatLibService {
+    constructor() { }
+}
+EmanateAiChatLibService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EmanateAiChatLibService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+EmanateAiChatLibService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EmanateAiChatLibService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EmanateAiChatLibService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class EmanateAiChatLibComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+EmanateAiChatLibComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EmanateAiChatLibComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EmanateAiChatLibComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EmanateAiChatLibComponent, selector: "lib-emanate-ai-chat-lib", ngImport: i0, template: `
+    <p>
+      Emanate AI Chat Library v1.0.0 - Use lib-ai-chat component directly
+    </p>
+  `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EmanateAiChatLibComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-emanate-ai-chat-lib',
+                    template: `
+    <p>
+      Emanate AI Chat Library v1.0.0 - Use lib-ai-chat component directly
+    </p>
+  `,
+                    styles: []
+                }]
+        }], ctorParameters: function () { return []; } });
+
+/**
+ * Icon configuration interfaces for the chat component
+ */
+/**
+ * Feather Icons - Default icon set
+ * Clean, minimal, professional
+ */
+const FEATHER_ICONS = {
+    compactView: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect></svg>',
+    defaultView: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg>',
+    expandedView: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="2.18" ry="2.18"></rect><line x1="7" y1="2" x2="7" y2="22"></line><line x1="17" y1="2" x2="17" y2="22"></line><line x1="2" y1="12" x2="22" y2="12"></line><line x1="2" y1="7" x2="7" y2="7"></line><line x1="2" y1="17" x2="7" y2="17"></line><line x1="17" y1="17" x2="22" y2="17"></line><line x1="17" y1="7" x2="22" y2="7"></line></svg>',
+    send: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>',
+    sendLoading: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="2" x2="12" y2="6"></line><line x1="12" y1="18" x2="12" y2="22"></line><line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line><line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line><line x1="2" y1="12" x2="6" y2="12"></line><line x1="18" y1="12" x2="22" y2="12"></line><line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line><line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line></svg>',
+    userAvatar: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>',
+    aiAvatar: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg>',
+    loadingAvatar: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="2" x2="12" y2="6"></line><line x1="12" y1="18" x2="12" y2="22"></line><line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line><line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line><line x1="2" y1="12" x2="6" y2="12"></line><line x1="18" y1="12" x2="22" y2="12"></line><line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line><line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line></svg>',
+    imageUpload: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>',
+    fileUpload: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg>'
+};
+/**
+ * Material Icons - Google's Material Design
+ * Rounded, friendly, modern
+ */
+const MATERIAL_ICONS = {
+    compactView: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M17 19H7V5h10m0-2H7c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z"/></svg>',
+    defaultView: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v2H8v2h8v-2h-2v-2h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H3V4h18v12z"/></svg>',
+    expandedView: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M3 5v4h2V5h4V3H5c-1.1 0-2 .9-2 2zm2 10H3v4c0 1.1.9 2 2 2h4v-2H5v-4zm14 4h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4zm0-16h-4v2h4v4h2V5c0-1.1-.9-2-2-2z"/></svg>',
+    send: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>',
+    sendLoading: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"/></svg>',
+    userAvatar: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>',
+    aiAvatar: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M20 9V7c0-1.1-.9-2-2-2h-3c0-1.66-1.34-3-3-3S9 3.34 9 5H6c-1.1 0-2 .9-2 2v2c-1.66 0-3 1.34-3 3s1.34 3 3 3v4c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-4c1.66 0 3-1.34 3-3s-1.34-3-3-3zM6 19V7h12v12H6zm3-6c-.83 0-1.5-.67-1.5-1.5S8.17 10 9 10s1.5.67 1.5 1.5S9.83 13 9 13zm7.5-1.5c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5.67-1.5 1.5-1.5 1.5.67 1.5 1.5zM8 15h8v2H8v-2z"/></svg>',
+    loadingAvatar: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"/></svg>',
+    imageUpload: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg>',
+    fileUpload: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5a2.5 2.5 0 0 1 5 0v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5a2.5 2.5 0 0 0 5 0V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z"/></svg>'
+};
+/**
+ * Heroicons - By Tailwind CSS team
+ * Bold, clear, professional
+ */
+const HEROICONS = {
+    compactView: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect><path d="M9 22V12h6v10"></path></svg>',
+    defaultView: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg>',
+    expandedView: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>',
+    send: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>',
+    sendLoading: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg>',
+    userAvatar: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>',
+    aiAvatar: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 8V4H8"></path><rect x="2" y="8" width="20" height="12" rx="2" ry="2"></rect><circle cx="8" cy="14" r="2"></circle><circle cx="16" cy="14" r="2"></circle></svg>',
+    loadingAvatar: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg>',
+    imageUpload: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>',
+    fileUpload: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg>'
+};
+/**
+ * Lucide Icons - Community-driven Feather fork
+ * Similar to Feather but more extensive
+ */
+const LUCIDE_ICONS = {
+    compactView: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12.667 8 10 12h4l-2.667 4"></path></svg>',
+    defaultView: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg>',
+    expandedView: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M9 3v18"></path><path d="M15 3v18"></path><path d="M3 9h18"></path><path d="M3 15h18"></path></svg>',
+    send: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m22 2-7 20-4-9-9-4Z"></path><path d="M22 2 11 13"></path></svg>',
+    sendLoading: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg>',
+    userAvatar: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="5"></circle><path d="M20 21a8 8 0 1 0-16 0"></path></svg>',
+    aiAvatar: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg>',
+    loadingAvatar: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg>',
+    imageUpload: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg>',
+    fileUpload: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline></svg>'
+};
+/**
+ * Bootstrap Icons - Clean and versatile
+ * Familiar, simple, widely used
+ */
+const BOOTSTRAP_ICONS = {
+    compactView: '<svg viewBox="0 0 16 16" fill="currentColor"><path d="M11 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h6zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z"/><path d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/></svg>',
+    defaultView: '<svg viewBox="0 0 16 16" fill="currentColor"><path d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .49.598l-1 5a.5.5 0 0 1-.465.401l-9.397.472L4.415 11H13a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l.84 4.479 9.144-.459L13.89 4H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/></svg>',
+    expandedView: '<svg viewBox="0 0 16 16" fill="currentColor"><path d="M0 2.5A.5.5 0 0 1 .5 2H2a.5.5 0 0 1 .485.379L2.89 4H14.5a.5.5 0 0 1 .485.621l-1.5 6A.5.5 0 0 1 13 11H4a.5.5 0 0 1-.485-.379L1.61 3H.5a.5.5 0 0 1-.5-.5zM3.14 5l1.25 5h8.22l1.25-5H3.14zM5 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm9-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0z"/></svg>',
+    send: '<svg viewBox="0 0 16 16" fill="currentColor"><path d="M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576 6.636 10.07Zm6.787-8.201L1.591 6.602l4.339 2.76 7.494-7.493Z"/></svg>',
+    sendLoading: '<svg viewBox="0 0 16 16" fill="currentColor"><path d="M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41zm-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9z"/><path fill-rule="evenodd" d="M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5.002 5.002 0 0 0 8 3zM3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9H3.1z"/></svg>',
+    userAvatar: '<svg viewBox="0 0 16 16" fill="currentColor"><path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/><path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/></svg>',
+    aiAvatar: '<svg viewBox="0 0 16 16" fill="currentColor"><path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>',
+    loadingAvatar: '<svg viewBox="0 0 16 16" fill="currentColor"><path d="M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41zm-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9z"/></svg>',
+    imageUpload: '<svg viewBox="0 0 16 16" fill="currentColor"><path d="M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/><path d="M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1h12z"/></svg>',
+    fileUpload: '<svg viewBox="0 0 16 16" fill="currentColor"><path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/></svg>'
+};
+/**
+ * Get icon configuration by type
+ */
+function getIconSet(iconSetType, customIcons) {
+    let baseIcons;
+    switch (iconSetType) {
+        case 'material':
+            baseIcons = MATERIAL_ICONS;
+            break;
+        case 'heroicons':
+            baseIcons = HEROICONS;
+            break;
+        case 'lucide':
+            baseIcons = LUCIDE_ICONS;
+            break;
+        case 'bootstrap':
+            baseIcons = BOOTSTRAP_ICONS;
+            break;
+        case 'custom':
+            baseIcons = FEATHER_ICONS; // Fallback to Feather for missing custom icons
+            break;
+        case 'feather':
+        default:
+            baseIcons = FEATHER_ICONS;
+            break;
+    }
+    // Merge custom icons if provided
+    return customIcons ? Object.assign(Object.assign({}, baseIcons), customIcons) : baseIcons;
+}
+
+class AiAgentService {
+    constructor(http) {
+        this.http = http;
+        this.defaultConfig = {
+            apiUrl: 'https://localhost:7237/api/AIAgent',
+            timeout: 30000,
+            retries: 3
+        };
+        this.config = Object.assign({}, this.defaultConfig);
+    }
+    configure(config) {
+        this.config = Object.assign(Object.assign({}, this.defaultConfig), config);
+    }
+    testConfiguration() {
+        // For development purposes, simulate a successful connection
+        // when the backend is not available
+        console.log('Testing configuration at:', `${this.config.apiUrl}/TestConfiguration`);
+        const headers = new HttpHeaders(Object.assign({ 'Content-Type': 'application/json' }, (this.config.appKey && { 'x-api-key': this.config.appKey })));
+        return this.http.get(`${this.config.apiUrl}/TestConfiguration`, { headers })
+            .pipe(timeout(this.config.timeout || 30000), catchError((error) => {
+            console.log('Backend API not available, running in demo mode:', error);
+            // Return a mock successful response for demo purposes
+            return throwError({
+                success: false,
+                error: 'Backend API not available (Demo Mode)'
+            });
+        }));
+    }
+    processInquiry(request) {
+        const headers = new HttpHeaders(Object.assign({ 'Content-Type': 'application/json' }, (this.config.appKey && { 'x-api-key': this.config.appKey })));
+        return this.http.post(`${this.config.apiUrl}/ProcessInquiry`, request, { headers })
+            .pipe(timeout(this.config.timeout || 30000), catchError((error) => {
+            console.log('ProcessInquiry API not available, returning demo response:', error);
+            // Return a mock response for demo purposes
+            const mockResponse = {
+                answer: `Demo Mode: I received your query "${request.query}". The backend API is currently not available, but the UI is working correctly!`,
+                contents: [{
+                        content: `Demo Mode: I received your query "${request.query}". The backend API is currently not available, but the UI is working correctly!`,
+                        role: 'assistant',
+                        authorName: 'Maestro (Demo)'
+                    }]
+            };
+            // Return the mock response as an Observable
+            return new Observable(observer => {
+                setTimeout(() => {
+                    observer.next(mockResponse);
+                    observer.complete();
+                }, 1000); // Simulate network delay
+            });
+        }));
+    }
+    handleError(error) {
+        let errorMessage = 'An error occurred while processing your request.';
+        if (error.error instanceof ErrorEvent) {
+            // Client-side error
+            errorMessage = `Client Error: ${error.error.message}`;
+        }
+        else {
+            // Server-side error
+            errorMessage = `Server Error: ${error.status} - ${error.message}`;
+            if (error.error && error.error.message) {
+                errorMessage += ` - ${error.error.message}`;
+            }
+        }
+        console.error('AiAgentService Error:', error);
+        return throwError({
+            success: false,
+            error: errorMessage
+        });
+    }
+}
+AiAgentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AiAgentService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+AiAgentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AiAgentService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AiAgentService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
+
+class AiChatComponent {
+    constructor(aiAgentService, sanitizer) {
+        this.aiAgentService = aiAgentService;
+        this.sanitizer = sanitizer;
+        this.title = 'Chat with Maestro';
+        this.placeholder = 'Type your inquiry here... (Press Enter to send, Shift+Enter for new line)';
+        this.showDebugInfo = false;
+        this.enableImageUpload = false; // Enable/disable image upload button
+        this.enableFileUpload = false; // Enable/disable file upload button
+        this.iconSet = 'feather'; // Icon set selection
+        this.messageReceived = new EventEmitter();
+        this.messageSent = new EventEmitter();
+        this.fileUploaded = new EventEmitter();
+        this.sizeChanged = new EventEmitter();
+        this.messages = [];
+        this.currentInquiry = '';
+        this.authorName = '';
+        this.intent = '';
+        this.isLoading = false;
+        this.configurationStatus = '';
+        // Resizing properties
+        this.currentSize = 'default';
+        this.isFullscreen = false;
+        this.isResizing = false;
+        this.containerWidth = 800;
+        this.containerHeight = 600;
+        this.minWidth = 400;
+        this.maxWidth = 1400;
+        this.minHeight = 400;
+        this.maxHeight = window.innerHeight - 100;
+        this.startX = 0;
+        this.startY = 0;
+        this.startWidth = 0;
+        this.startHeight = 0;
+        // File upload properties
+        this.maxFileSize = 10 * 1024 * 1024; // 10MB
+        this.allowedImageTypes = ['image/png', 'image/jpeg', 'image/jpg', 'image/gif', 'image/webp'];
+        this.allowedFileTypes = ['application/pdf', 'application/msword',
+            'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+            'text/plain', 'text/csv'];
+        this.selectedFiles = [];
+        // Icon configuration
+        this.icons = getIconSet('feather');
+        this.sanitizedIcons = {};
+        this.destroy$ = new Subject();
+    }
+    ngOnInit() {
+        this.configurationStatus = 'Initializing...';
+        console.log('AI Chat Component initialized');
+        // Load icon set
+        this.icons = getIconSet(this.iconSet, this.customIcons);
+        this.sanitizeIcons();
+        // Configure API URL and App Key if provided
+        if (this.apiUrl || this.appKey) {
+            this.aiAgentService.configure({
+                apiUrl: this.apiUrl,
+                appKey: this.appKey
+            });
+        }
+        try {
+            // Load historical messages if provided
+            if (this.historicalMessages && this.historicalMessages.length > 0) {
+                this.loadHistoricalMessages(this.historicalMessages);
+            }
+            else {
+                this.addWelcomeMessage();
+            }
+            this.testConfiguration();
+            this.loadSavedSize();
+            this.applySizePreset(this.currentSize);
+        }
+        catch (error) {
+            console.error('Error during component initialization:', error);
+            this.configurationStatus = 'Initialization error';
+        }
+    }
+    ngOnChanges(changes) {
+        // Detect when historicalMessages input changes
+        if (changes['historicalMessages'] && !changes['historicalMessages'].firstChange) {
+            const newMessages = changes['historicalMessages'].currentValue;
+            // console.log('Historical messages changed:', newMessages);
+            // Clear existing messages and reload
+            this.messages = [];
+            if (newMessages && newMessages.length > 0) {
+                this.loadHistoricalMessages(newMessages);
+            }
+            else {
+                this.addWelcomeMessage();
+            }
+        }
+        // Detect when conversationId changes
+        if (changes['conversationId'] && !changes['conversationId'].firstChange) {
+            // console.log('Conversation ID changed:', changes['conversationId'].currentValue);
+            // Update all existing messages with new conversationId if needed
+            this.messages.forEach(msg => {
+                if (msg.conversationId !== this.conversationId) {
+                    msg.conversationId = this.conversationId;
+                }
+            });
+        }
+        // Detect when icon set changes
+        if (changes['iconSet'] || changes['customIcons']) {
+            this.icons = getIconSet(this.iconSet, this.customIcons);
+            this.sanitizeIcons();
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    /**
+     * Sanitize icon SVG strings for safe rendering in innerHTML bindings
+     */
+    sanitizeIcons() {
+        this.sanitizedIcons = {};
+        Object.keys(this.icons).forEach(key => {
+            const svgString = this.icons[key];
+            if (svgString) {
+                this.sanitizedIcons[key] = this.sanitizer.bypassSecurityTrustHtml(svgString);
+            }
+        });
+    }
+    testConfiguration() {
+        this.configurationStatus = 'Testing connection...';
+        this.aiAgentService.testConfiguration()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response.success) {
+                    this.configurationStatus = 'AI Agent is ready';
+                }
+                else {
+                    this.configurationStatus = `Configuration error: ${response.error}`;
+                }
+            },
+            error: (errorResponse) => {
+                this.configurationStatus = `Connection error: Cannot connect to backend service`;
+                console.error('API connection test failed:', errorResponse);
+            }
+        });
+    }
+    addWelcomeMessage() {
+        const welcomeText = this.welcomeMessage ||
+            `<h3>Hello ${this.firstName}!</h3>Hi, I'm Maestro—your AI assistant. I'm here to help with your policy-related inquiries.<br><br>How can I assist you today?`;
+        this.messages.push({
+            isUser: false,
+            content: welcomeText,
+            intent: 'welcome',
+            timestamp: new Date()
+        });
+    }
+    /**
+     * Load and transform historical messages from parent component
+     * Accepts messages in the format from your backend/state management
+     */
+    loadHistoricalMessages(historicalMessages) {
+        // console.log('Loading historical messages:', historicalMessages);
+        // console.log('Number of messages to load:', historicalMessages.length);
+        // Transform your backend format to ChatMessage format
+        const transformedMessages = historicalMessages.map((msg) => {
+            // Determine if message is from user based on sender or role
+            const isUserMessage = this.isUserMessage(msg);
+            const transformed = {
+                messageId: msg.messageId || msg.id,
+                conversationId: msg.conversationId || this.conversationId,
+                isUser: isUserMessage,
+                content: msg.messageText || msg.message || msg.text || msg.content || '',
+                sender: msg.sender || (isUserMessage ? this.userName || 'User' : 'Maestro'),
+                intent: msg.intent || '',
+                authorName: msg.authorName || msg.sender,
+                confidenceScore: msg.confidenceScore || msg.confidence || 0,
+                timestamp: msg.timestamp || msg.createdAt
+                    ? new Date(msg.timestamp || msg.createdAt)
+                    : new Date(),
+                isLoading: false
+            };
+            // console.log('Transformed message:', transformed);
+            return transformed;
+        });
+        // Sort messages by timestamp to maintain chronological order
+        transformedMessages.sort((a, b) => a.timestamp.getTime() - b.timestamp.getTime());
+        // console.log('Sorted messages count:', transformedMessages.length);
+        // Add welcome message first if no messages or load historical messages
+        if (transformedMessages.length === 0) {
+            // console.log('No messages to load, adding welcome message');
+            this.addWelcomeMessage();
+        }
+        else {
+            // Check if first message is a welcome message, if not add one
+            const hasWelcome = transformedMessages.some(msg => msg.intent === 'welcome' || msg.content.includes('Hello'));
+            if (!hasWelcome) {
+                // console.log('No welcome message found, adding one');
+                this.addWelcomeMessage();
+            }
+            // console.log('Pushing transformed messages to messages array');
+            this.messages.push(...transformedMessages);
+        }
+        // console.log('Total loaded messages in component:', this.messages.length);
+        // console.log('Messages array:', this.messages);
+    }
+    /**
+     * Helper method to determine if a message is from the user
+     */
+    isUserMessage(msg) {
+        var _a, _b;
+        // Check various properties that might indicate user message
+        if (msg.isUser !== undefined)
+            return msg.isUser;
+        if (msg.role)
+            return msg.role.toLowerCase() === 'user';
+        if (msg.sender) {
+            const sender = msg.sender.toLowerCase();
+            return sender === 'user' ||
+                sender === ((_a = this.userName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) ||
+                sender === ((_b = this.userId) === null || _b === void 0 ? void 0 : _b.toLowerCase()) ||
+                sender.includes('user');
+        }
+        // Default to false (bot message) if can't determine
+        return false;
+    }
+    sendInquiry() {
+        if (!this.currentInquiry.trim() || this.isLoading) {
+            return;
+        }
+        const userMessage = {
+            messageId: this.generateMessageId(),
+            conversationId: this.conversationId,
+            isUser: true,
+            sender: this.userName || 'User',
+            intent: this.intent,
+            content: this.currentInquiry,
+            timestamp: new Date()
+        };
+        this.messages.push(userMessage);
+        this.messageSent.emit(userMessage);
+        // Add loading message
+        const loadingMessage = {
+            isUser: false,
+            intent: '',
+            content: 'Processing your inquiry...',
+            timestamp: new Date(),
+            isLoading: true
+        };
+        this.messages.push(loadingMessage);
+        const inquiry = this.currentInquiry.trim();
+        this.currentInquiry = '';
+        this.authorName = '';
+        this.intent = '';
+        this.isLoading = true;
+        const request = {
+            query: inquiry,
+            chatHistory: [],
+            userId: this.userId,
+            userName: this.userName,
+            appSource: this.appSource
+        };
+        this.aiAgentService.processInquiry(request)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                this.isLoading = false;
+                // Remove loading message
+                this.messages = this.messages.filter(msg => !msg.isLoading);
+                if (response.answer || (response.contents && response.contents.length > 0)) {
+                    if (response.answer) {
+                        const botMessage = {
+                            messageId: this.generateMessageId(),
+                            conversationId: this.conversationId,
+                            isUser: false,
+                            sender: 'Maestro',
+                            intent: response.searchIntent || inquiry,
+                            content: this.formatMessageContent(response.answer),
+                            authorName: response.contents && response.contents.length > 0 ? response.contents[0].authorName : undefined,
+                            timestamp: new Date()
+                        };
+                        this.messages.push(botMessage);
+                        this.messageReceived.emit(botMessage);
+                    }
+                    else if (response.contents && response.contents.length > 0) {
+                        // Push each content as a separate message
+                        response.contents.forEach(contentItem => {
+                            if (contentItem.content) {
+                                const botMessage = {
+                                    messageId: this.generateMessageId(),
+                                    conversationId: this.conversationId,
+                                    isUser: false,
+                                    sender: contentItem.authorName || 'Maestro',
+                                    intent: response.searchIntent || inquiry,
+                                    content: this.formatMessageContent(contentItem.content || 'No content available'),
+                                    authorName: contentItem.authorName,
+                                    timestamp: new Date()
+                                };
+                                this.messages.push(botMessage);
+                                this.messageReceived.emit(botMessage);
+                            }
+                        });
+                    }
+                }
+                else {
+                    const errorMessage = {
+                        messageId: this.generateMessageId(),
+                        conversationId: this.conversationId,
+                        isUser: false,
+                        sender: 'Maestro',
+                        intent: inquiry,
+                        content: `Sorry, I didn't receive a valid response.`,
+                        authorName: this.authorName,
+                        timestamp: new Date()
+                    };
+                    this.messages.push(errorMessage);
+                    this.messageReceived.emit(errorMessage);
+                }
+            },
+            error: (error) => {
+                this.isLoading = false;
+                // Remove loading message
+                this.messages = this.messages.filter(msg => !msg.isLoading);
+                const errorMessage = {
+                    messageId: this.generateMessageId(),
+                    conversationId: this.conversationId,
+                    isUser: false,
+                    sender: 'Maestro',
+                    intent: inquiry,
+                    content: 'Sorry, I encountered an error processing your request. Please try again.',
+                    authorName: this.authorName,
+                    timestamp: new Date()
+                };
+                this.messages.push(errorMessage);
+                this.messageReceived.emit(errorMessage);
+                console.error('Error processing inquiry:', error);
+            }
+        });
+    }
+    clearChat() {
+        this.messages = [];
+        this.addWelcomeMessage();
+    }
+    onKeyPress(event) {
+        if (event.key === 'Enter' && !event.shiftKey) {
+            event.preventDefault();
+            this.sendInquiry();
+        }
+    }
+    trackByIndex(index) {
+        return index;
+    }
+    getThemeClass() {
+        // Default theme if no template design is specified
+        if (!this.templateDesign) {
+            return 'theme-default';
+        }
+        // Validate and return theme class
+        const validThemes = ['default', 'dark', 'blue', 'green', 'purple', 'minimal', 'corporate', 'red', 'yellow', 'orange'];
+        const theme = this.templateDesign.toLowerCase();
+        if (validThemes.includes(theme)) {
+            return `theme-${theme}`;
+        }
+        // Fallback to default if invalid theme
+        console.warn(`Invalid theme '${this.templateDesign}' provided. Using default theme.`);
+        return 'theme-default';
+    }
+    formatMessageContent(content) {
+        if (!content)
+            return '';
+        // If content already contains HTML tags, return as-is
+        if (content.includes('<') && content.includes('>')) {
+            return content;
+        }
+        // Convert newlines to HTML breaks
+        let formatted = content.replace(/\n/g, '<br>');
+        // Convert escaped newlines to HTML breaks
+        formatted = formatted.replace(/\\n/g, '<br>');
+        // Convert markdown-style bold to HTML
+        formatted = formatted.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>');
+        // Convert bullet points to HTML lists
+        const lines = formatted.split('<br>');
+        let inList = false;
+        const processedLines = [];
+        for (let line of lines) {
+            if (line.trim().startsWith('• ')) {
+                if (!inList) {
+                    processedLines.push('<ul>');
+                    inList = true;
+                }
+                processedLines.push('<li>' + line.replace(/^• /, '') + '</li>');
+            }
+            else {
+                if (inList) {
+                    processedLines.push('</ul>');
+                    inList = false;
+                }
+                processedLines.push(line);
+            }
+        }
+        if (inList) {
+            processedLines.push('</ul>');
+        }
+        return processedLines.join('<br>').replace(/<br><ul>/g, '<ul>').replace(/<\/ul><br>/g, '</ul>');
+    }
+    generateSessionId() {
+        return 'session_' + Math.random().toString(36).substr(2, 9) + '_' + Date.now();
+    }
+    generateMessageId() {
+        return 'msg_' + Math.random().toString(36).substr(2, 9) + '_' + Date.now();
+    }
+    getFormattedTime(timestamp) {
+        return timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+    }
+    // ============= Resize Methods =============
+    startResize(event, direction) {
+        event.preventDefault();
+        this.isResizing = true;
+        this.startX = event.clientX;
+        this.startY = event.clientY;
+        this.startWidth = this.containerWidth;
+        this.startHeight = this.containerHeight;
+        const mouseMoveHandler = (e) => this.onResize(e, direction);
+        const mouseUpHandler = () => this.stopResize(mouseMoveHandler, mouseUpHandler);
+        document.addEventListener('mousemove', mouseMoveHandler);
+        document.addEventListener('mouseup', mouseUpHandler);
+    }
+    onResize(event, direction) {
+        if (!this.isResizing)
+            return;
+        const deltaX = event.clientX - this.startX;
+        const deltaY = event.clientY - this.startY;
+        if (direction === 'width' || direction === 'both') {
+            const newWidth = Math.min(Math.max(this.startWidth + deltaX, this.minWidth), this.maxWidth);
+            this.containerWidth = newWidth;
+        }
+        if (direction === 'both') {
+            const newHeight = Math.min(Math.max(this.startHeight + deltaY, this.minHeight), this.maxHeight);
+            this.containerHeight = newHeight;
+        }
+    }
+    stopResize(mouseMoveHandler, mouseUpHandler) {
+        this.isResizing = false;
+        document.removeEventListener('mousemove', mouseMoveHandler);
+        document.removeEventListener('mouseup', mouseUpHandler);
+        this.saveSizePreference();
+        this.emitSizeChange();
+    }
+    applySizePreset(size) {
+        this.currentSize = size;
+        switch (size) {
+            case 'compact':
+                this.containerWidth = 400;
+                this.containerHeight = 500;
+                this.isFullscreen = false;
+                break;
+            case 'default':
+                this.containerWidth = 800;
+                this.containerHeight = 600;
+                this.isFullscreen = false;
+                break;
+            case 'expanded':
+                this.containerWidth = 1200;
+                this.containerHeight = 800;
+                this.isFullscreen = false;
+                break;
+            case 'fullscreen':
+                this.toggleFullscreen();
+                return;
+        }
+        this.saveSizePreference();
+        this.emitSizeChange();
+    }
+    toggleFullscreen() {
+        if (!this.isFullscreen) {
+            // Entering fullscreen - save current state first
+            sessionStorage.setItem('chatbox-previous-size', JSON.stringify({
+                width: this.containerWidth,
+                height: this.containerHeight,
+                size: this.currentSize,
+                wasFullscreen: this.isFullscreen
+            }));
+            this.isFullscreen = true;
+            this.currentSize = 'fullscreen';
+        }
+        else {
+            // Exiting fullscreen - restore previous state
+            try {
+                const previous = sessionStorage.getItem('chatbox-previous-size');
+                if (previous) {
+                    const prevData = JSON.parse(previous);
+                    this.containerWidth = prevData.width || 800;
+                    this.containerHeight = prevData.height || 600;
+                    this.currentSize = prevData.size === 'fullscreen' ? 'default' : prevData.size;
+                }
+                else {
+                    this.currentSize = 'default';
+                    this.containerWidth = 800;
+                    this.containerHeight = 600;
+                }
+            }
+            catch (error) {
+                this.currentSize = 'default';
+                this.containerWidth = 800;
+                this.containerHeight = 600;
+            }
+            this.isFullscreen = false;
+        }
+        this.saveSizePreference();
+        this.emitSizeChange();
+    }
+    saveSizePreference() {
+        const sizeData = {
+            size: this.currentSize,
+            width: this.containerWidth,
+            height: this.containerHeight,
+            isFullscreen: this.isFullscreen
+        };
+        try {
+            sessionStorage.setItem('chatbox-size-preference', JSON.stringify(sizeData));
+        }
+        catch (error) {
+            console.warn('Failed to save size preference:', error);
+        }
+    }
+    loadSavedSize() {
+        try {
+            const saved = sessionStorage.getItem('chatbox-size-preference');
+            if (saved) {
+                const sizeData = JSON.parse(saved);
+                this.currentSize = sizeData.size || 'default';
+                this.containerWidth = sizeData.width || 800;
+                this.containerHeight = sizeData.height || 600;
+                this.isFullscreen = sizeData.isFullscreen || false;
+            }
+        }
+        catch (error) {
+            console.warn('Failed to load size preference:', error);
+        }
+    }
+    emitSizeChange() {
+        this.sizeChanged.emit({
+            size: this.currentSize,
+            width: this.containerWidth,
+            height: this.containerHeight
+        });
+    }
+    getContainerStyle() {
+        if (this.isFullscreen) {
+            return {
+                width: '100vw !important',
+                height: '100vh !important',
+                maxWidth: '100vw !important',
+                maxHeight: '100vh !important',
+                position: 'fixed',
+                top: '0',
+                left: '0',
+                right: '0',
+                bottom: '0',
+                margin: '0',
+                zIndex: 99999
+            };
+        }
+        return {
+            width: `${this.containerWidth}px`,
+            height: `${this.containerHeight}px`,
+            maxWidth: `${this.maxWidth}px`
+        };
+    }
+    // ============= File Upload Methods =============
+    onImageUpload(event) {
+        const input = event.target;
+        if (input.files && input.files.length > 0) {
+            this.handleFileSelection(Array.from(input.files), 'image');
+        }
+    }
+    onFileUpload(event) {
+        const input = event.target;
+        if (input.files && input.files.length > 0) {
+            this.handleFileSelection(Array.from(input.files), 'file');
+        }
+    }
+    handleFileSelection(files, type) {
+        files.forEach(file => {
+            // Validate file type
+            const allowedTypes = type === 'image' ? this.allowedImageTypes : this.allowedFileTypes;
+            if (!allowedTypes.includes(file.type)) {
+                console.warn(`File type ${file.type} not allowed`);
+                return;
+            }
+            // Validate file size
+            if (file.size > this.maxFileSize) {
+                console.warn(`File ${file.name} exceeds maximum size of ${this.maxFileSize / 1024 / 1024}MB`);
+                return;
+            }
+            const reader = new FileReader();
+            reader.onload = (e) => {
+                var _a;
+                const attachment = {
+                    id: this.generateMessageId(),
+                    name: file.name,
+                    type: file.type,
+                    size: file.size,
+                    data: ((_a = e.target) === null || _a === void 0 ? void 0 : _a.result) || undefined
+                };
+                this.selectedFiles.push(attachment);
+                this.fileUploaded.emit(attachment);
+            };
+            if (type === 'image') {
+                reader.readAsDataURL(file);
+            }
+            else {
+                reader.readAsArrayBuffer(file);
+            }
+        });
+    }
+    removeAttachment(attachmentId) {
+        this.selectedFiles = this.selectedFiles.filter(f => f.id !== attachmentId);
+    }
+    triggerImageUpload() {
+        const input = document.getElementById('image-upload-input');
+        if (input) {
+            input.click();
+        }
+    }
+    triggerFileUpload() {
+        const input = document.getElementById('file-upload-input');
+        if (input) {
+            input.click();
+        }
+    }
+    getFileIcon(fileType) {
+        if (fileType.startsWith('image/'))
+            return '🖼️';
+        if (fileType.includes('pdf'))
+            return '📄';
+        if (fileType.includes('word') || fileType.includes('document'))
+            return '📝';
+        if (fileType.includes('text'))
+            return '📃';
+        return '📎';
+    }
+    getFileSizeFormatted(bytes) {
+        if (bytes < 1024)
+            return bytes + ' B';
+        if (bytes < 1024 * 1024)
+            return (bytes / 1024).toFixed(1) + ' KB';
+        return (bytes / (1024 * 1024)).toFixed(1) + ' MB';
+    }
+}
+AiChatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AiChatComponent, deps: [{ token: AiAgentService }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+AiChatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AiChatComponent, selector: "emanate-ai-chat", inputs: { title: "title", placeholder: "placeholder", showDebugInfo: "showDebugInfo", apiUrl: "apiUrl", appKey: "appKey", appSource: "appSource", userId: "userId", firstName: "firstName", userName: "userName", templateDesign: "templateDesign", welcomeMessage: "welcomeMessage", historicalMessages: "historicalMessages", conversationId: "conversationId", enableImageUpload: "enableImageUpload", enableFileUpload: "enableFileUpload", iconSet: "iconSet", customIcons: "customIcons" }, outputs: { messageReceived: "messageReceived", messageSent: "messageSent", fileUploaded: "fileUploaded", sizeChanged: "sizeChanged" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ai-chat-container\" \r\n     [ngClass]=\"getThemeClass()\" \r\n     [ngStyle]=\"getContainerStyle()\"\r\n     [class.fullscreen]=\"isFullscreen\"\r\n     [class.resizing]=\"isResizing\">\r\n  \r\n  <!-- Resize Handles -->\r\n  <div class=\"resize-handle resize-handle-right\" \r\n       (mousedown)=\"startResize($event, 'width')\"\r\n       *ngIf=\"!isFullscreen\"\r\n       title=\"Drag to resize width\">\r\n  </div>\r\n  \r\n  <div class=\"resize-handle resize-handle-corner\" \r\n       (mousedown)=\"startResize($event, 'both')\"\r\n       *ngIf=\"!isFullscreen\"\r\n       title=\"Drag to resize\">\r\n  </div>\r\n  \r\n  <!-- Debug Information (only shown when showDebugInfo is true) -->\r\n  <div *ngIf=\"showDebugInfo\" class=\"debug-info\">\r\n    <h3>DEBUG: AI Chat Component Loaded</h3>\r\n    <p>Status: {{ configurationStatus || 'Loading...' }}</p>\r\n    <p>Messages count: {{ messages.length || 0 }}</p>\r\n    <p>Theme: {{ templateDesign || 'default' }}</p>\r\n    <p>Size: {{ currentSize }} ({{ containerWidth }}x{{ containerHeight }})</p>\r\n  </div>\r\n\r\n  <div class=\"chat-header\">\r\n    <div class=\"header-left\">\r\n      <h2>{{ title }}</h2>\r\n      <!-- Icon-only status indicator -->\r\n      <div class=\"status-indicator-icon\" \r\n           [ngClass]=\"{'status-ready': configurationStatus === 'AI Agent is ready', \r\n                      'status-error': configurationStatus !== 'AI Agent is ready',\r\n                      'status-loading': configurationStatus === 'Initializing...' || configurationStatus === 'Testing connection...'}\"\r\n           [title]=\"configurationStatus\">\r\n      </div>\r\n    </div>\r\n    \r\n    <div class=\"header-controls\">\r\n      <!-- Size Preset Buttons -->\r\n      <div class=\"size-controls\" *ngIf=\"!isFullscreen\">\r\n        <button class=\"control-button size-button\" \r\n                (click)=\"applySizePreset('compact')\"\r\n                [class.active]=\"currentSize === 'compact'\"\r\n                title=\"Compact View\"\r\n                attr.aria-label=\"Compact View\">\r\n          <span class=\"icon-svg\" [innerHTML]=\"sanitizedIcons.compactView\"></span>\r\n        </button>\r\n        <button class=\"control-button size-button\" \r\n                (click)=\"applySizePreset('default')\"\r\n                [class.active]=\"currentSize === 'default'\"\r\n                title=\"Default View\"\r\n                attr.aria-label=\"Default View\">\r\n          <span class=\"icon-svg\" [innerHTML]=\"sanitizedIcons.defaultView\"></span>\r\n        </button>\r\n        <button class=\"control-button size-button\" \r\n                (click)=\"applySizePreset('expanded')\"\r\n                [class.active]=\"currentSize === 'expanded'\"\r\n                title=\"Expanded View\"\r\n                attr.aria-label=\"Expanded View\">\r\n          <span class=\"icon-svg\" [innerHTML]=\"sanitizedIcons.expandedView\"></span>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"chat-messages\" #messagesContainer>\r\n    <div *ngFor=\"let message of messages; let i = index; trackBy: trackByIndex\" class=\"message-wrapper\">\r\n      <!-- Message -->\r\n      <div class=\"message\" \r\n           [ngClass]=\"{'user-message': message.isUser, 'ai-message': !message.isUser, 'loading-message': message.isLoading}\">\r\n        \r\n        <div class=\"message-content\">\r\n          <div [innerHTML]=\"message.content\"></div>\r\n          <div class=\"message-timestamp\">{{ getFormattedTime(message.timestamp) }}</div>\r\n        </div>\r\n        \r\n        <div class=\"message-avatar\">\r\n          <span *ngIf=\"message.isUser\" class=\"avatar-icon\" [innerHTML]=\"sanitizedIcons.userAvatar\"></span>\r\n          <span *ngIf=\"!message.isUser && !message.isLoading\" class=\"avatar-icon\" [innerHTML]=\"sanitizedIcons.aiAvatar\"></span>\r\n          <span *ngIf=\"message.isLoading\" class=\"avatar-icon loading-spinner\" [innerHTML]=\"sanitizedIcons.loadingAvatar\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"chat-input\">\r\n    <!-- Attachments Preview -->\r\n    <div class=\"attachments-preview\" *ngIf=\"selectedFiles.length > 0\">\r\n      <div class=\"attachment-item\" *ngFor=\"let file of selectedFiles\">\r\n        <svg class=\"attachment-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n          <path d=\"M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48\"></path>\r\n        </svg>\r\n        <span class=\"attachment-name\">{{ file.name }}</span>\r\n        <span class=\"attachment-size\">{{ getFileSizeFormatted(file.size) }}</span>\r\n        <button class=\"remove-attachment\" (click)=\"removeAttachment(file.id)\" title=\"Remove\" attr.aria-label=\"Remove attachment\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\r\n            <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\r\n          </svg>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    \r\n    <div class=\"input-container\">\r\n      <!-- File Upload Inputs (Hidden) -->\r\n      <input type=\"file\" \r\n             id=\"image-upload-input\" \r\n             accept=\"image/*\" \r\n             multiple \r\n             (change)=\"onImageUpload($event)\"\r\n             style=\"display: none;\"\r\n             [disabled]=\"!enableImageUpload\">\r\n      \r\n      <input type=\"file\" \r\n             id=\"file-upload-input\" \r\n             accept=\".pdf,.doc,.docx,.txt,.csv\" \r\n             multiple \r\n             (change)=\"onFileUpload($event)\"\r\n             style=\"display: none;\"\r\n             [disabled]=\"!enableFileUpload\">\r\n      \r\n      <!-- Upload Buttons (Conditionally rendered) -->\r\n      <div class=\"upload-buttons\" *ngIf=\"enableImageUpload || enableFileUpload\">\r\n        <button *ngIf=\"enableImageUpload\" \r\n                class=\"upload-button image-upload\" \r\n                (click)=\"triggerImageUpload()\"\r\n                [disabled]=\"isLoading\"\r\n                title=\"Upload Image\"\r\n                attr.aria-label=\"Upload Image\">\r\n          <span class=\"icon-svg\" [innerHTML]=\"sanitizedIcons.imageUpload\"></span>\r\n        </button>\r\n        \r\n        <button *ngIf=\"enableFileUpload\" \r\n                class=\"upload-button file-upload\" \r\n                (click)=\"triggerFileUpload()\"\r\n                [disabled]=\"isLoading\"\r\n                title=\"Attach File\"\r\n                attr.aria-label=\"Attach File\">\r\n          <span class=\"icon-svg\" [innerHTML]=\"sanitizedIcons.fileUpload\"></span>\r\n        </button>\r\n      </div>\r\n      \r\n      <textarea \r\n        [(ngModel)]=\"currentInquiry\" \r\n        (keypress)=\"onKeyPress($event)\"\r\n        [placeholder]=\"placeholder\"\r\n        rows=\"2\"\r\n        [disabled]=\"isLoading\"\r\n        class=\"inquiry-textarea\"\r\n        attr.aria-label=\"Type your message\"></textarea>\r\n      \r\n      <button \r\n        (click)=\"sendInquiry()\" \r\n        [disabled]=\"!currentInquiry.trim() || isLoading\"\r\n        class=\"send-button\"\r\n        title=\"Send Message\"\r\n        attr.aria-label=\"Send Message\">\r\n        <span *ngIf=\"!isLoading\" class=\"icon-svg\" [innerHTML]=\"sanitizedIcons.send\"></span>\r\n        <span *ngIf=\"isLoading\" class=\"icon-svg loading-icon\" [innerHTML]=\"sanitizedIcons.sendLoading\"></span>\r\n        <span class=\"text\">{{ isLoading ? 'Sending...' : 'Send' }}</span>\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["@charset \"UTF-8\";.ai-chat-container{display:flex;flex-direction:column;height:100vh;max-width:800px;margin:0 auto;background:#ffffff;border-radius:12px;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014,0 4px 16px #0000000a;--icon-primary: #667eea;--icon-secondary: #6b7280;--icon-avatar-user: #667eea;--icon-avatar-ai: #764ba2;--icon-header: #ffffff;--icon-upload: #667eea;--icon-send: #ffffff;--icon-active: #667eea;--icon-disabled: #d1d5db;--icon-hover: #5568d3}.ai-chat-container.fullscreen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0;z-index:99999;margin:0}.ai-chat-container.resizing{-webkit-user-select:none;user-select:none;cursor:nwse-resize;transition:none}.resize-handle{position:absolute;background:rgba(102,126,234,.3);transition:background .2s ease;z-index:10}.resize-handle:hover{background:rgba(102,126,234,.6)}.resize-handle.resize-handle-right{top:0;right:-4px;width:8px;height:100%;cursor:ew-resize}.resize-handle.resize-handle-corner{bottom:-4px;right:-4px;width:20px;height:20px;cursor:nwse-resize;border-radius:0 0 8px}.resize-handle.resize-handle-corner:after{content:\"\\22f0\";position:absolute;bottom:2px;right:2px;font-size:12px;color:#fffc}.debug-info{background:yellow;padding:10px;border:1px solid orange}.debug-info h3{margin:0;font-size:1.2rem}.debug-info p{margin:5px 0}.icon-svg{display:inline-block;width:20px;height:20px;color:var(--icon-secondary)}.icon-svg svg{width:100%;height:100%;stroke-width:2;transition:all .2s ease}.avatar-icon{display:inline-block;width:28px;height:28px}.avatar-icon svg{width:100%;height:100%}.chat-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;grid-gap:1rem;gap:1rem;flex-wrap:wrap;box-shadow:0 2px 4px #0000001a}.chat-header .header-left{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;flex:1;min-width:200px}.chat-header .header-left h2{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.chat-header .header-controls{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.chat-header .header-controls .icon-svg{color:var(--icon-header)}.chat-header .status-indicator-icon{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4);transition:all .3s ease;box-shadow:0 0 0 2px #fff3;cursor:help}.chat-header .status-indicator-icon.status-ready{background:#2ecc71;box-shadow:0 0 0 2px #2ecc714d,0 0 8px #2ecc7166}.chat-header .status-indicator-icon.status-error{background:#e74c3c;box-shadow:0 0 0 2px #e74c3c4d,0 0 8px #e74c3c66}.chat-header .status-indicator-icon.status-loading{background:#f39c12;box-shadow:0 0 0 2px #f39c124d;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.size-controls{display:flex;grid-gap:.5rem;gap:.5rem;background:transparent;padding:0;border-radius:0;backdrop-filter:none}.control-button{background:transparent;border:none;border-radius:0;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);color:#fff;padding:0}.control-button .icon-svg{width:18px;height:18px;color:var(--icon-header)}.control-button:hover:not(:disabled){opacity:.8;transform:scale(1.1)}.control-button:active:not(:disabled){transform:scale(.95)}.control-button.active{opacity:1;transform:scale(1.15)}.control-button:disabled{opacity:.4;cursor:not-allowed}.fullscreen-button{background:transparent}.fullscreen-button:hover:not(:disabled){opacity:.8;transform:scale(1.1)}.clear-button{background:transparent}.clear-button:hover:not(:disabled){opacity:.8;transform:scale(1.1);color:#fcc}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.25rem;display:flex;flex-direction:column;grid-gap:.875rem;gap:.875rem;scroll-behavior:smooth;background:#f8f9fa}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}.message-wrapper{display:flex;flex-direction:column}.message{display:flex;max-width:75%;animation:fadeInSlide .25s cubic-bezier(.4,0,.2,1)}.message.user-message{align-self:flex-end;flex-direction:row-reverse}.message.user-message .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:18px 18px 4px;box-shadow:0 1px 2px #0000001a}.message.user-message .avatar-icon{color:var(--icon-avatar-user)}.message.ai-message{align-self:flex-start}.message.ai-message .message-content{background:white;color:#1a1a1a;border-radius:18px 18px 18px 4px;border:1px solid #e8e8e8;box-shadow:0 1px 2px #0000000d}.message.ai-message .avatar-icon{color:var(--icon-avatar-ai)}.message.loading-message{opacity:.7}.message.loading-message .message-content{font-style:italic}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-content{padding:.75rem 1rem;margin:0 .5rem;word-wrap:break-word;max-width:100%;line-height:1.5;font-size:.9375rem}.message-timestamp{font-size:.6875rem;opacity:.65;margin-top:.375rem;text-align:right;font-weight:500}.message-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-avatar .avatar-icon{opacity:.9}.loading-spinner{animation:spin 1.2s linear infinite;opacity:.7}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-input{background:white;padding:1rem 1.25rem;border-top:1px solid #e8e8e8;display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem;box-shadow:0 -2px 8px #0000000a}.input-container{display:flex;grid-gap:.5rem;gap:.5rem;align-items:flex-end}.upload-buttons{display:flex;grid-gap:.5rem;gap:.5rem;flex-direction:column}.upload-button{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:10px;width:42px;height:42px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.upload-button .icon-svg{width:20px;height:20px;color:var(--icon-upload)}.upload-button:hover:not(:disabled){background:var(--icon-upload);border-color:var(--icon-upload);transform:translateY(-1px);box-shadow:0 2px 8px #667eea40}.upload-button:hover:not(:disabled) .icon-svg{color:#fff}.upload-button:active:not(:disabled){transform:translateY(0)}.upload-button:disabled{opacity:.4;cursor:not-allowed;background:#fafafa}.attachments-preview{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;padding:.75rem;background:#f8f9fa;border-radius:10px;border:1px solid #e8e8e8}.attachment-item{display:flex;align-items:center;grid-gap:.625rem;gap:.625rem;background:white;border:1px solid #e0e0e0;border-radius:8px;padding:.625rem .875rem;font-size:.875rem;transition:all .2s ease}.attachment-item:hover{border-color:#667eea;box-shadow:0 2px 4px #667eea1a}.attachment-item .attachment-icon{width:20px;height:20px;color:#667eea;flex-shrink:0}.attachment-item .attachment-name{font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1a1a1a}.attachment-item .attachment-size{color:#666;font-size:.75rem;font-weight:500}.attachment-item .remove-attachment{background:transparent;border:none;color:#999;cursor:pointer;padding:.25rem;margin-left:.25rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:4px}.attachment-item .remove-attachment svg{width:16px;height:16px}.attachment-item .remove-attachment:hover{color:#e74c3c;background:rgba(231,76,60,.1)}.inquiry-textarea{flex:1;border:1.5px solid #e0e0e0;border-radius:22px;padding:.875rem 1.125rem;font-family:inherit;font-size:.9375rem;line-height:1.5;resize:none;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fafafa}.inquiry-textarea:focus{border-color:#667eea;background:white;box-shadow:0 0 0 3px #667eea14}.inquiry-textarea:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.inquiry-textarea::placeholder{color:#999}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;padding:.875rem 1.75rem;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:110px;justify-content:center;box-shadow:0 2px 8px #667eea40}.send-button .icon-svg{width:18px;height:18px;color:var(--icon-send)}.send-button .loading-icon{animation:spin 1.2s linear infinite}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #667eea66}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{background:#d0d0d0;cursor:not-allowed;box-shadow:none;opacity:.6}@media (max-width: 768px){.ai-chat-container{max-width:100%;border-radius:0;height:100vh}.ai-chat-container:not(.fullscreen){width:100%!important}.resize-handle{display:none}.size-controls{display:none}.chat-header{padding:.875rem 1rem}.chat-header .header-left h2{font-size:1.125rem}.chat-header .status-indicator-icon{width:8px;height:8px}.control-button{width:36px;height:36px}.control-button .icon-svg{width:18px;height:18px}.message{max-width:85%}.message-content{font-size:.875rem}.upload-buttons{flex-direction:row}.input-container{flex-wrap:wrap}.send-button{min-width:90px;padding:.75rem 1.25rem}.send-button .text{display:none}.chat-input{padding:.875rem 1rem}}@media (max-width: 480px){.chat-header{flex-direction:column;align-items:flex-start;grid-gap:.625rem;gap:.625rem}.chat-header .header-controls{width:100%;justify-content:space-between}.control-button{width:34px;height:34px}.control-button .icon-svg{width:16px;height:16px}.message-content{padding:.625rem .875rem;font-size:.875rem}.attachments-preview{flex-direction:column}.attachment-item{width:100%}.attachment-item .attachment-name{max-width:120px}.send-button{padding:.75rem 1rem;min-width:80px}}.control-button:focus,.upload-button:focus,.send-button:focus,.clear-button:focus{outline:3px solid #667eea;outline-offset:2px}@media (prefers-contrast: high){.control-button,.upload-button,.send-button{border:2px solid currentColor}.message-content{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.theme-dark{background:#2c2c2c;--icon-primary: #818cf8;--icon-secondary: #9ca3af;--icon-avatar-user: #818cf8;--icon-avatar-ai: #a78bfa;--icon-header: #e5e7eb;--icon-upload: #818cf8;--icon-send: #ffffff;--icon-active: #818cf8;--icon-disabled: #4b5563;--icon-hover: #6366f1}.theme-dark .chat-header{background:linear-gradient(135deg,#1a1a1a,#333)}.theme-dark .chat-messages{background:#2c2c2c}.theme-dark .ai-message .message-content{background:#3a3a3a;color:#fff;border-color:#555}.theme-dark .chat-input{background:#3a3a3a;border-color:#555}.theme-dark .inquiry-textarea{background:#2c2c2c;color:#fff;border-color:#555}.theme-dark .inquiry-textarea:focus{border-color:#667eea}.theme-dark .attachments-preview{background:#3a3a3a;border-color:#555}.theme-dark .attachment-item{background:#2c2c2c;border-color:#555;color:#fff}.theme-dark .upload-button{background:rgba(255,255,255,.1);border-color:#fff3}.theme-dark .upload-button:hover:not(:disabled){background:rgba(255,255,255,.2)}.theme-blue{background:#e3f2fd;--icon-primary: #1976d2;--icon-secondary: #546e7a;--icon-avatar-user: #1976d2;--icon-avatar-ai: #0288d1;--icon-header: #ffffff;--icon-upload: #1976d2;--icon-send: #ffffff;--icon-active: #1976d2;--icon-disabled: #b0bec5;--icon-hover: #1565c0}.theme-blue .chat-header{background:linear-gradient(135deg,#1976d2,#42a5f5)}.theme-blue .user-message .message-content{background:linear-gradient(135deg,#1976d2,#42a5f5)}.theme-blue .ai-message .message-content{border-color:#bbdefb}.theme-blue .inquiry-textarea:focus{border-color:#1976d2}.theme-blue .send-button{background:linear-gradient(135deg,#1976d2,#42a5f5)}.theme-blue .upload-button{background:rgba(25,118,210,.1);border-color:#1976d24d}.theme-blue .upload-button:hover:not(:disabled){background:rgba(25,118,210,.2)}.theme-green{background:#e8f5e8;--icon-primary: #388e3c;--icon-secondary: #546e7a;--icon-avatar-user: #388e3c;--icon-avatar-ai: #2e7d32;--icon-header: #ffffff;--icon-upload: #388e3c;--icon-send: #ffffff;--icon-active: #388e3c;--icon-disabled: #b0bec5;--icon-hover: #2e7d32}.theme-green .chat-header{background:linear-gradient(135deg,#388e3c,#66bb6a)}.theme-green .user-message .message-content{background:linear-gradient(135deg,#388e3c,#66bb6a)}.theme-green .ai-message .message-content{border-color:#c8e6c9}.theme-green .inquiry-textarea:focus{border-color:#388e3c}.theme-green .send-button{background:linear-gradient(135deg,#388e3c,#66bb6a)}.theme-green .upload-button{background:rgba(56,142,60,.1);border-color:#388e3c4d}.theme-green .upload-button:hover:not(:disabled){background:rgba(56,142,60,.2)}.theme-purple{background:#f3e5f5;--icon-primary: #7b1fa2;--icon-secondary: #6a1b9a;--icon-avatar-user: #7b1fa2;--icon-avatar-ai: #8e24aa;--icon-header: #ffffff;--icon-upload: #7b1fa2;--icon-send: #ffffff;--icon-active: #7b1fa2;--icon-disabled: #ce93d8;--icon-hover: #6a1b9a}.theme-purple .chat-header{background:linear-gradient(135deg,#7b1fa2,#ab47bc)}.theme-purple .user-message .message-content{background:linear-gradient(135deg,#7b1fa2,#ab47bc)}.theme-purple .ai-message .message-content{border-color:#e1bee7}.theme-purple .inquiry-textarea:focus{border-color:#7b1fa2}.theme-purple .send-button{background:linear-gradient(135deg,#7b1fa2,#ab47bc)}.theme-purple .upload-button{background:rgba(123,31,162,.1);border-color:#7b1fa24d}.theme-purple .upload-button:hover:not(:disabled){background:rgba(123,31,162,.2)}.theme-minimal{background:#fafafa;--icon-primary: #333333;--icon-secondary: #757575;--icon-avatar-user: #424242;--icon-avatar-ai: #616161;--icon-header: #333333;--icon-upload: #424242;--icon-send: #ffffff;--icon-active: #333333;--icon-disabled: #bdbdbd;--icon-hover: #212121}.theme-minimal .chat-header{background:#fff;color:#333;border-bottom:1px solid #e0e0e0}.theme-minimal .user-message .message-content{background:#007bff;color:#fff;border-radius:18px}.theme-minimal .ai-message .message-content{background:#f8f9fa;color:#333;border:1px solid #dee2e6}.theme-minimal .send-button{background:#007bff;border-radius:4px}.theme-minimal .upload-button{background:rgba(0,123,255,.1);border-color:#007bff4d}.theme-minimal .upload-button:hover:not(:disabled){background:rgba(0,123,255,.2)}.theme-corporate{background:#f8f9fa}.theme-corporate .chat-header{background:linear-gradient(135deg,#495057,#6c757d)}.theme-corporate .user-message .message-content{background:#495057}.theme-corporate .ai-message .message-content{background:#fff;border-color:#dee2e6}.theme-corporate .inquiry-textarea:focus{border-color:#495057}.theme-corporate .send-button{background:#495057}.theme-corporate .upload-button{background:rgba(73,80,87,.1);border-color:#4950574d}.theme-corporate .upload-button:hover:not(:disabled){background:rgba(73,80,87,.2)}.theme-red{background:#ffebee}.theme-red .chat-header{background:linear-gradient(135deg,#d32f2f,#f44336)}.theme-red .user-message .message-content{background:linear-gradient(135deg,#d32f2f,#f44336)}.theme-red .ai-message .message-content{border-color:#ffcdd2}.theme-red .inquiry-textarea:focus{border-color:#d32f2f}.theme-red .send-button{background:linear-gradient(135deg,#d32f2f,#f44336)}.theme-red .upload-button{background:rgba(211,47,47,.1);border-color:#d32f2f4d}.theme-red .upload-button:hover:not(:disabled){background:rgba(211,47,47,.2)}.theme-yellow{background:#fffde7}.theme-yellow .chat-header{background:linear-gradient(135deg,#f57f17,#ffb300)}.theme-yellow .user-message .message-content{background:linear-gradient(135deg,#f57f17,#ffb300)}.theme-yellow .ai-message .message-content{border-color:#fff9c4}.theme-yellow .inquiry-textarea:focus{border-color:#f57f17}.theme-yellow .send-button{background:linear-gradient(135deg,#f57f17,#ffb300)}.theme-yellow .upload-button{background:rgba(245,127,23,.1);border-color:#f57f174d}.theme-yellow .upload-button:hover:not(:disabled){background:rgba(245,127,23,.2)}.theme-orange{background:#fff3e0}.theme-orange .chat-header{background:linear-gradient(135deg,#e65100,#ff9800)}.theme-orange .user-message .message-content{background:linear-gradient(135deg,#e65100,#ff9800)}.theme-orange .ai-message .message-content{border-color:#ffe0b2}.theme-orange .inquiry-textarea:focus{border-color:#e65100}.theme-orange .send-button{background:linear-gradient(135deg,#e65100,#ff9800)}.theme-orange .upload-button{background:rgba(230,81,0,.1);border-color:#e651004d}.theme-orange .upload-button:hover:not(:disabled){background:rgba(230,81,0,.2)}\n"], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AiChatComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'emanate-ai-chat',
+                    templateUrl: './ai-chat.component.html',
+                    styleUrls: ['./ai-chat.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: AiAgentService }, { type: i2.DomSanitizer }]; }, propDecorators: { title: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], showDebugInfo: [{
+                type: Input
+            }], apiUrl: [{
+                type: Input
+            }], appKey: [{
+                type: Input
+            }], appSource: [{
+                type: Input
+            }], userId: [{
+                type: Input
+            }], firstName: [{
+                type: Input
+            }], userName: [{
+                type: Input
+            }], templateDesign: [{
+                type: Input
+            }], welcomeMessage: [{
+                type: Input
+            }], historicalMessages: [{
+                type: Input
+            }], conversationId: [{
+                type: Input
+            }], enableImageUpload: [{
+                type: Input
+            }], enableFileUpload: [{
+                type: Input
+            }], iconSet: [{
+                type: Input
+            }], customIcons: [{
+                type: Input
+            }], messageReceived: [{
+                type: Output
+            }], messageSent: [{
+                type: Output
+            }], fileUploaded: [{
+                type: Output
+            }], sizeChanged: [{
+                type: Output
+            }] } });
+
+class EmanateAiChatLibModule {
+}
+EmanateAiChatLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EmanateAiChatLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EmanateAiChatLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EmanateAiChatLibModule, declarations: [EmanateAiChatLibComponent,
+        AiChatComponent], imports: [CommonModule,
+        FormsModule,
+        HttpClientModule], exports: [EmanateAiChatLibComponent,
+        AiChatComponent] });
+EmanateAiChatLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EmanateAiChatLibModule, providers: [
+        AiAgentService
+    ], imports: [[
+            CommonModule,
+            FormsModule,
+            HttpClientModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EmanateAiChatLibModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        EmanateAiChatLibComponent,
+                        AiChatComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        HttpClientModule
+                    ],
+                    providers: [
+                        AiAgentService
+                    ],
+                    exports: [
+                        EmanateAiChatLibComponent,
+                        AiChatComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of emanate-ai-chat-lib
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AiAgentService, AiChatComponent, BOOTSTRAP_ICONS, EmanateAiChatLibComponent, EmanateAiChatLibModule, EmanateAiChatLibService, FEATHER_ICONS, HEROICONS, LUCIDE_ICONS, MATERIAL_ICONS, getIconSet };
+//# sourceMappingURL=emanate-ai-chat-lib.js.map