nerdagent-chat-widget-angular 1.0.2 → 1.0.3

package/dist/README.md

@@ -0,0 +1,121 @@
+# @nerdagent/chat-widget-angular
+
+Angular wrapper for the NerdAgent Chat Widget built with Stencil.
+
+## Installation
+
+```bash
+npm install @nerdagent/chat-widget-angular
+```
+
+## Usage
+
+### 1. Import the Module
+
+```typescript
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { NerdChatWidgetModule } from '@nerdagent/chat-widget-angular';
+
+import { AppComponent } from './app.component';
+
+@NgModule({
+  declarations: [
+    AppComponent
+  ],
+  imports: [
+    BrowserModule,
+    NerdChatWidgetModule
+  ],
+  providers: [],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }
+```
+
+### 2. Use in Component Template
+
+```html
+<nerd-chat-widget
+  agentName="Support Agent"
+  agentRole="Customer Support"
+  primaryColor="#2d3e50"
+  accentColor="#4e8cff"
+  welcomeMessage="Hi! How can I help?"
+  position="bottom-right"
+  [width]="350"
+  [height]="500"
+  [showMinimizeButton]="true"
+  [showTimestamps]="true"
+  [enableFileUpload]="false"
+  [enableSpeech]="false"
+  [showPoweredBy]="true"
+  (messageSent)="onMessageSent($event)"
+  (widgetOpened)="onWidgetOpened()"
+  (widgetClosed)="onWidgetClosed()">
+</nerd-chat-widget>
+```
+
+### 3. Handle Events in Component
+
+```typescript
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html'
+})
+export class AppComponent {
+  
+  onMessageSent(event: { message: string; timestamp: Date }) {
+    console.log('Message sent:', event);
+  }
+
+  onWidgetOpened() {
+    console.log('Widget opened');
+  }
+
+  onWidgetClosed() {
+    console.log('Widget closed');
+  }
+}
+```
+
+## API
+
+### Properties
+
+| Property | Type | Default | Description |
+|----------|------|---------|-------------|
+| `agentName` | `string` | `'Support Agent'` | Name of the chat agent |
+| `agentRole` | `string` | `'Customer Support'` | Role/title of the agent |
+| `primaryColor` | `string` | `'#2d3e50'` | Primary theme color |
+| `accentColor` | `string` | `'#4e8cff'` | Accent color for buttons |
+| `welcomeMessage` | `string` | `'Hi! How can I help?'` | Initial message from agent |
+| `placeholderText` | `string` | `'Type your message...'` | Input placeholder text |
+| `position` | `WidgetPosition` | `'bottom-right'` | Widget position |
+| `width` | `string` | `'350'` | Widget width in pixels |
+| `height` | `string` | `'500'` | Widget height in pixels |
+| `showMinimizeButton` | `boolean` | `true` | Show/hide minimize button |
+| `showTimestamps` | `boolean` | `true` | Show/hide message timestamps |
+| `enableFileUpload` | `boolean` | `false` | Enable file upload feature |
+| `enableSpeech` | `boolean` | `false` | Enable speech input |
+| `showPoweredBy` | `boolean` | `true` | Show/hide "Powered by" footer |
+
+### Events
+
+| Event | Type | Description |
+|-------|------|-------------|
+| `messageSent` | `{ message: string; timestamp: Date }` | Emitted when a message is sent |
+| `widgetOpened` | `void` | Emitted when the widget is opened |
+| `widgetClosed` | `void` | Emitted when the widget is closed |
+
+### Types
+
+```typescript
+type WidgetPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+```
+
+## License
+
+MIT

package/dist/esm2022/index.mjs

@@ -0,0 +1,4 @@
+export { NerdChatWidgetModule } from './lib/chat-widget.module';
+export { ChatWidgetComponent } from './lib/chat-widget.component';
+export * from './lib/chat-widget.types';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNsRSxjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgTmVyZENoYXRXaWRnZXRNb2R1bGUgfSBmcm9tICcuL2xpYi9jaGF0LXdpZGdldC5tb2R1bGUnO1xuZXhwb3J0IHsgQ2hhdFdpZGdldENvbXBvbmVudCB9IGZyb20gJy4vbGliL2NoYXQtd2lkZ2V0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGF0LXdpZGdldC50eXBlcyc7XG4iXX0=

package/dist/esm2022/lib/chat-widget.component.mjs

@@ -0,0 +1,136 @@
+import { Component, Input, Output, EventEmitter, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ChatWidgetComponent {
+    chatWidget;
+    agentName = 'Support Agent';
+    agentRole = 'Customer Support';
+    primaryColor = '#2d3e50';
+    accentColor = '#4e8cff';
+    welcomeMessage = 'Hi! How can I help?';
+    placeholderText = 'Type your message...';
+    position = 'bottom-right';
+    width = '350';
+    height = '500';
+    showMinimizeButton = true;
+    showTimestamps = true;
+    enableFileUpload = false;
+    enableSpeech = false;
+    showPoweredBy = true;
+    messageSent = new EventEmitter();
+    widgetOpened = new EventEmitter();
+    widgetClosed = new EventEmitter();
+    eventListeners = [];
+    ngAfterViewInit() {
+        if (this.chatWidget?.nativeElement) {
+            this.setupEventListeners();
+        }
+    }
+    ngOnDestroy() {
+        this.removeEventListeners();
+    }
+    setupEventListeners() {
+        const widget = this.chatWidget.nativeElement;
+        const messageSentListener = (event) => {
+            this.messageSent.emit(event.detail);
+        };
+        const widgetOpenedListener = (event) => {
+            this.widgetOpened.emit();
+        };
+        const widgetClosedListener = (event) => {
+            this.widgetClosed.emit();
+        };
+        widget.addEventListener('messageSent', messageSentListener);
+        widget.addEventListener('widgetOpened', widgetOpenedListener);
+        widget.addEventListener('widgetClosed', widgetClosedListener);
+        // Store cleanup functions
+        this.eventListeners = [
+            () => widget.removeEventListener('messageSent', messageSentListener),
+            () => widget.removeEventListener('widgetOpened', widgetOpenedListener),
+            () => widget.removeEventListener('widgetClosed', widgetClosedListener),
+        ];
+    }
+    removeEventListeners() {
+        this.eventListeners.forEach(cleanup => cleanup());
+        this.eventListeners = [];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ChatWidgetComponent, selector: "nerd-chat-widget", inputs: { agentName: "agentName", agentRole: "agentRole", primaryColor: "primaryColor", accentColor: "accentColor", welcomeMessage: "welcomeMessage", placeholderText: "placeholderText", position: "position", width: "width", height: "height", showMinimizeButton: "showMinimizeButton", showTimestamps: "showTimestamps", enableFileUpload: "enableFileUpload", enableSpeech: "enableSpeech", showPoweredBy: "showPoweredBy" }, outputs: { messageSent: "messageSent", widgetOpened: "widgetOpened", widgetClosed: "widgetClosed" }, viewQueries: [{ propertyName: "chatWidget", first: true, predicate: ["chatWidget"], descendants: true }], ngImport: i0, template: `
+    <nerd-chat-widget
+      #chatWidget
+      [attr.agent-name]="agentName"
+      [attr.agent-role]="agentRole"
+      [attr.primary-color]="primaryColor"
+      [attr.accent-color]="accentColor"
+      [attr.welcome-message]="welcomeMessage"
+      [attr.placeholder-text]="placeholderText"
+      [attr.position]="position"
+      [attr.width]="width"
+      [attr.height]="height"
+      [attr.show-minimize-button]="showMinimizeButton?.toString()"
+      [attr.show-timestamps]="showTimestamps?.toString()"
+      [attr.enable-file-upload]="enableFileUpload?.toString()"
+      [attr.enable-speech]="enableSpeech?.toString()"
+      [attr.show-powered-by]="showPoweredBy?.toString()">
+    </nerd-chat-widget>
+  `, isInline: true, dependencies: [{ kind: "component", type: ChatWidgetComponent, selector: "nerd-chat-widget", inputs: ["agentName", "agentRole", "primaryColor", "accentColor", "welcomeMessage", "placeholderText", "position", "width", "height", "showMinimizeButton", "showTimestamps", "enableFileUpload", "enableSpeech", "showPoweredBy"], outputs: ["messageSent", "widgetOpened", "widgetClosed"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nerd-chat-widget', template: `
+    <nerd-chat-widget
+      #chatWidget
+      [attr.agent-name]="agentName"
+      [attr.agent-role]="agentRole"
+      [attr.primary-color]="primaryColor"
+      [attr.accent-color]="accentColor"
+      [attr.welcome-message]="welcomeMessage"
+      [attr.placeholder-text]="placeholderText"
+      [attr.position]="position"
+      [attr.width]="width"
+      [attr.height]="height"
+      [attr.show-minimize-button]="showMinimizeButton?.toString()"
+      [attr.show-timestamps]="showTimestamps?.toString()"
+      [attr.enable-file-upload]="enableFileUpload?.toString()"
+      [attr.enable-speech]="enableSpeech?.toString()"
+      [attr.show-powered-by]="showPoweredBy?.toString()">
+    </nerd-chat-widget>
+  ` }]
+        }], propDecorators: { chatWidget: [{
+                type: ViewChild,
+                args: ['chatWidget', { static: false }]
+            }], agentName: [{
+                type: Input
+            }], agentRole: [{
+                type: Input
+            }], primaryColor: [{
+                type: Input
+            }], accentColor: [{
+                type: Input
+            }], welcomeMessage: [{
+                type: Input
+            }], placeholderText: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], showMinimizeButton: [{
+                type: Input
+            }], showTimestamps: [{
+                type: Input
+            }], enableFileUpload: [{
+                type: Input
+            }], enableSpeech: [{
+                type: Input
+            }], showPoweredBy: [{
+                type: Input
+            }], messageSent: [{
+                type: Output
+            }], widgetOpened: [{
+                type: Output
+            }], widgetClosed: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC13aWRnZXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci9zcmMvbGliL2NoYXQtd2lkZ2V0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFjLFNBQVMsRUFBNEIsTUFBTSxlQUFlLENBQUM7O0FBMEJ4SCxNQUFNLE9BQU8sbUJBQW1CO0lBQ2MsVUFBVSxDQUEyQjtJQUV4RSxTQUFTLEdBQVcsZUFBZSxDQUFDO0lBQ3BDLFNBQVMsR0FBVyxrQkFBa0IsQ0FBQztJQUN2QyxZQUFZLEdBQVcsU0FBUyxDQUFDO0lBQ2pDLFdBQVcsR0FBVyxTQUFTLENBQUM7SUFDaEMsY0FBYyxHQUFXLHFCQUFxQixDQUFDO0lBQy9DLGVBQWUsR0FBVyxzQkFBc0IsQ0FBQztJQUNqRCxRQUFRLEdBQW1CLGNBQWMsQ0FBQztJQUMxQyxLQUFLLEdBQVcsS0FBSyxDQUFDO0lBQ3RCLE1BQU0sR0FBVyxLQUFLLENBQUM7SUFDdkIsa0JBQWtCLEdBQVksSUFBSSxDQUFDO0lBQ25DLGNBQWMsR0FBWSxJQUFJLENBQUM7SUFDL0IsZ0JBQWdCLEdBQVksS0FBSyxDQUFDO0lBQ2xDLFlBQVksR0FBWSxLQUFLLENBQUM7SUFDOUIsYUFBYSxHQUFZLElBQUksQ0FBQztJQUU3QixXQUFXLEdBQUcsSUFBSSxZQUFZLEVBQXdDLENBQUM7SUFDdkUsWUFBWSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFDeEMsWUFBWSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFFMUMsY0FBYyxHQUFzQixFQUFFLENBQUM7SUFFL0MsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxhQUFhLEVBQUUsQ0FBQztZQUNuQyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztRQUM3QixDQUFDO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRU8sbUJBQW1CO1FBQ3pCLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDO1FBRTdDLE1BQU0sbUJBQW1CLEdBQUcsQ0FBQyxLQUFrQixFQUFFLEVBQUU7WUFDakQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3RDLENBQUMsQ0FBQztRQUVGLE1BQU0sb0JBQW9CLEdBQUcsQ0FBQyxLQUFrQixFQUFFLEVBQUU7WUFDbEQsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUM7UUFFRixNQUFNLG9CQUFvQixHQUFHLENBQUMsS0FBa0IsRUFBRSxFQUFFO1lBQ2xELElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDM0IsQ0FBQyxDQUFDO1FBRUYsTUFBTSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsRUFBRSxtQkFBb0MsQ0FBQyxDQUFDO1FBQzdFLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxjQUFjLEVBQUUsb0JBQXFDLENBQUMsQ0FBQztRQUMvRSxNQUFNLENBQUMsZ0JBQWdCLENBQUMsY0FBYyxFQUFFLG9CQUFxQyxDQUFDLENBQUM7UUFFL0UsMEJBQTBCO1FBQzFCLElBQUksQ0FBQyxjQUFjLEdBQUc7WUFDcEIsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsRUFBRSxtQkFBb0MsQ0FBQztZQUNyRixHQUFHLEVBQUUsQ0FBQyxNQUFNLENBQUMsbUJBQW1CLENBQUMsY0FBYyxFQUFFLG9CQUFxQyxDQUFDO1lBQ3ZGLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxjQUFjLEVBQUUsb0JBQXFDLENBQUM7U0FDeEYsQ0FBQztJQUNKLENBQUM7SUFFTyxvQkFBb0I7UUFDMUIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBQ2xELElBQUksQ0FBQyxjQUFjLEdBQUcsRUFBRSxDQUFDO0lBQzNCLENBQUM7d0dBaEVVLG1CQUFtQjs0RkFBbkIsbUJBQW1CLDJxQkFyQnBCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQlQsNERBR1UsbUJBQW1COzs0RkFBbkIsbUJBQW1CO2tCQXZCL0IsU0FBUzsrQkFDRSxrQkFBa0IsWUFDbEI7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtCVDs4QkFJMkMsVUFBVTtzQkFBckQsU0FBUzt1QkFBQyxZQUFZLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQUVqQyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLFlBQVk7c0JBQXJCLE1BQU07Z0JBQ0csWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBFbGVtZW50UmVmLCBWaWV3Q2hpbGQsIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgV2lkZ2V0UG9zaXRpb24gfSBmcm9tICcuL2NoYXQtd2lkZ2V0LnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmVyZC1jaGF0LXdpZGdldCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5lcmQtY2hhdC13aWRnZXRcbiAgICAgICNjaGF0V2lkZ2V0XG4gICAgICBbYXR0ci5hZ2VudC1uYW1lXT1cImFnZW50TmFtZVwiXG4gICAgICBbYXR0ci5hZ2VudC1yb2xlXT1cImFnZW50Um9sZVwiXG4gICAgICBbYXR0ci5wcmltYXJ5LWNvbG9yXT1cInByaW1hcnlDb2xvclwiXG4gICAgICBbYXR0ci5hY2NlbnQtY29sb3JdPVwiYWNjZW50Q29sb3JcIlxuICAgICAgW2F0dHIud2VsY29tZS1tZXNzYWdlXT1cIndlbGNvbWVNZXNzYWdlXCJcbiAgICAgIFthdHRyLnBsYWNlaG9sZGVyLXRleHRdPVwicGxhY2Vob2xkZXJUZXh0XCJcbiAgICAgIFthdHRyLnBvc2l0aW9uXT1cInBvc2l0aW9uXCJcbiAgICAgIFthdHRyLndpZHRoXT1cIndpZHRoXCJcbiAgICAgIFthdHRyLmhlaWdodF09XCJoZWlnaHRcIlxuICAgICAgW2F0dHIuc2hvdy1taW5pbWl6ZS1idXR0b25dPVwic2hvd01pbmltaXplQnV0dG9uPy50b1N0cmluZygpXCJcbiAgICAgIFthdHRyLnNob3ctdGltZXN0YW1wc109XCJzaG93VGltZXN0YW1wcz8udG9TdHJpbmcoKVwiXG4gICAgICBbYXR0ci5lbmFibGUtZmlsZS11cGxvYWRdPVwiZW5hYmxlRmlsZVVwbG9hZD8udG9TdHJpbmcoKVwiXG4gICAgICBbYXR0ci5lbmFibGUtc3BlZWNoXT1cImVuYWJsZVNwZWVjaD8udG9TdHJpbmcoKVwiXG4gICAgICBbYXR0ci5zaG93LXBvd2VyZWQtYnldPVwic2hvd1Bvd2VyZWRCeT8udG9TdHJpbmcoKVwiPlxuICAgIDwvbmVyZC1jaGF0LXdpZGdldD5cbiAgYCxcbiAgc3R5bGVzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBDaGF0V2lkZ2V0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcbiAgQFZpZXdDaGlsZCgnY2hhdFdpZGdldCcsIHsgc3RhdGljOiBmYWxzZSB9KSBjaGF0V2lkZ2V0ITogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XG5cbiAgQElucHV0KCkgYWdlbnROYW1lOiBzdHJpbmcgPSAnU3VwcG9ydCBBZ2VudCc7XG4gIEBJbnB1dCgpIGFnZW50Um9sZTogc3RyaW5nID0gJ0N1c3RvbWVyIFN1cHBvcnQnO1xuICBASW5wdXQoKSBwcmltYXJ5Q29sb3I6IHN0cmluZyA9ICcjMmQzZTUwJztcbiAgQElucHV0KCkgYWNjZW50Q29sb3I6IHN0cmluZyA9ICcjNGU4Y2ZmJztcbiAgQElucHV0KCkgd2VsY29tZU1lc3NhZ2U6IHN0cmluZyA9ICdIaSEgSG93IGNhbiBJIGhlbHA/JztcbiAgQElucHV0KCkgcGxhY2Vob2xkZXJUZXh0OiBzdHJpbmcgPSAnVHlwZSB5b3VyIG1lc3NhZ2UuLi4nO1xuICBASW5wdXQoKSBwb3NpdGlvbjogV2lkZ2V0UG9zaXRpb24gPSAnYm90dG9tLXJpZ2h0JztcbiAgQElucHV0KCkgd2lkdGg6IHN0cmluZyA9ICczNTAnO1xuICBASW5wdXQoKSBoZWlnaHQ6IHN0cmluZyA9ICc1MDAnO1xuICBASW5wdXQoKSBzaG93TWluaW1pemVCdXR0b246IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBzaG93VGltZXN0YW1wczogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIGVuYWJsZUZpbGVVcGxvYWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgZW5hYmxlU3BlZWNoOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNob3dQb3dlcmVkQnk6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIEBPdXRwdXQoKSBtZXNzYWdlU2VudCA9IG5ldyBFdmVudEVtaXR0ZXI8eyBtZXNzYWdlOiBzdHJpbmc7IHRpbWVzdGFtcDogRGF0ZSB9PigpO1xuICBAT3V0cHV0KCkgd2lkZ2V0T3BlbmVkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgd2lkZ2V0Q2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIHByaXZhdGUgZXZlbnRMaXN0ZW5lcnM6IEFycmF5PCgpID0+IHZvaWQ+ID0gW107XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGlmICh0aGlzLmNoYXRXaWRnZXQ/Lm5hdGl2ZUVsZW1lbnQpIHtcbiAgICAgIHRoaXMuc2V0dXBFdmVudExpc3RlbmVycygpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMucmVtb3ZlRXZlbnRMaXN0ZW5lcnMoKTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0dXBFdmVudExpc3RlbmVycygpIHtcbiAgICBjb25zdCB3aWRnZXQgPSB0aGlzLmNoYXRXaWRnZXQubmF0aXZlRWxlbWVudDtcblxuICAgIGNvbnN0IG1lc3NhZ2VTZW50TGlzdGVuZXIgPSAoZXZlbnQ6IEN1c3RvbUV2ZW50KSA9PiB7XG4gICAgICB0aGlzLm1lc3NhZ2VTZW50LmVtaXQoZXZlbnQuZGV0YWlsKTtcbiAgICB9O1xuXG4gICAgY29uc3Qgd2lkZ2V0T3BlbmVkTGlzdGVuZXIgPSAoZXZlbnQ6IEN1c3RvbUV2ZW50KSA9PiB7XG4gICAgICB0aGlzLndpZGdldE9wZW5lZC5lbWl0KCk7XG4gICAgfTtcblxuICAgIGNvbnN0IHdpZGdldENsb3NlZExpc3RlbmVyID0gKGV2ZW50OiBDdXN0b21FdmVudCkgPT4ge1xuICAgICAgdGhpcy53aWRnZXRDbG9zZWQuZW1pdCgpO1xuICAgIH07XG5cbiAgICB3aWRnZXQuYWRkRXZlbnRMaXN0ZW5lcignbWVzc2FnZVNlbnQnLCBtZXNzYWdlU2VudExpc3RlbmVyIGFzIEV2ZW50TGlzdGVuZXIpO1xuICAgIHdpZGdldC5hZGRFdmVudExpc3RlbmVyKCd3aWRnZXRPcGVuZWQnLCB3aWRnZXRPcGVuZWRMaXN0ZW5lciBhcyBFdmVudExpc3RlbmVyKTtcbiAgICB3aWRnZXQuYWRkRXZlbnRMaXN0ZW5lcignd2lkZ2V0Q2xvc2VkJywgd2lkZ2V0Q2xvc2VkTGlzdGVuZXIgYXMgRXZlbnRMaXN0ZW5lcik7XG5cbiAgICAvLyBTdG9yZSBjbGVhbnVwIGZ1bmN0aW9uc1xuICAgIHRoaXMuZXZlbnRMaXN0ZW5lcnMgPSBbXG4gICAgICAoKSA9PiB3aWRnZXQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbWVzc2FnZVNlbnQnLCBtZXNzYWdlU2VudExpc3RlbmVyIGFzIEV2ZW50TGlzdGVuZXIpLFxuICAgICAgKCkgPT4gd2lkZ2V0LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3dpZGdldE9wZW5lZCcsIHdpZGdldE9wZW5lZExpc3RlbmVyIGFzIEV2ZW50TGlzdGVuZXIpLFxuICAgICAgKCkgPT4gd2lkZ2V0LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3dpZGdldENsb3NlZCcsIHdpZGdldENsb3NlZExpc3RlbmVyIGFzIEV2ZW50TGlzdGVuZXIpLFxuICAgIF07XG4gIH1cblxuICBwcml2YXRlIHJlbW92ZUV2ZW50TGlzdGVuZXJzKCkge1xuICAgIHRoaXMuZXZlbnRMaXN0ZW5lcnMuZm9yRWFjaChjbGVhbnVwID0+IGNsZWFudXAoKSk7XG4gICAgdGhpcy5ldmVudExpc3RlbmVycyA9IFtdO1xuICB9XG59XG4iXX0=

package/dist/esm2022/lib/chat-widget.module.mjs

@@ -0,0 +1,29 @@
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ChatWidgetComponent } from './chat-widget.component';
+// Import and define custom elements
+import { defineCustomElements } from 'nerdagent-chat-widget/loader';
+import * as i0 from "@angular/core";
+// Define custom elements when module is imported
+defineCustomElements();
+export class NerdChatWidgetModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NerdChatWidgetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: NerdChatWidgetModule, declarations: [ChatWidgetComponent], imports: [CommonModule], exports: [ChatWidgetComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NerdChatWidgetModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NerdChatWidgetModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ChatWidgetComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        ChatWidgetComponent
+                    ],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC13aWRnZXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci9zcmMvbGliL2NoYXQtd2lkZ2V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLHNCQUFzQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUU5RCxvQ0FBb0M7QUFDcEMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBRXBFLGlEQUFpRDtBQUNqRCxvQkFBb0IsRUFBRSxDQUFDO0FBY3ZCLE1BQU0sT0FBTyxvQkFBb0I7d0dBQXBCLG9CQUFvQjt5R0FBcEIsb0JBQW9CLGlCQVY3QixtQkFBbUIsYUFHbkIsWUFBWSxhQUdaLG1CQUFtQjt5R0FJVixvQkFBb0IsWUFQN0IsWUFBWTs7NEZBT0gsb0JBQW9CO2tCQVpoQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixtQkFBbUI7cUJBQ3BCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCxtQkFBbUI7cUJBQ3BCO29CQUNELE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUNsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlLCBDVVNUT01fRUxFTUVOVFNfU0NIRU1BIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhdFdpZGdldENvbXBvbmVudCB9IGZyb20gJy4vY2hhdC13aWRnZXQuY29tcG9uZW50JztcblxuLy8gSW1wb3J0IGFuZCBkZWZpbmUgY3VzdG9tIGVsZW1lbnRzXG5pbXBvcnQgeyBkZWZpbmVDdXN0b21FbGVtZW50cyB9IGZyb20gJ25lcmRhZ2VudC1jaGF0LXdpZGdldC9sb2FkZXInO1xuXG4vLyBEZWZpbmUgY3VzdG9tIGVsZW1lbnRzIHdoZW4gbW9kdWxlIGlzIGltcG9ydGVkXG5kZWZpbmVDdXN0b21FbGVtZW50cygpO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBDaGF0V2lkZ2V0Q29tcG9uZW50XG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIENoYXRXaWRnZXRDb21wb25lbnRcbiAgXSxcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdXG59KVxuZXhwb3J0IGNsYXNzIE5lcmRDaGF0V2lkZ2V0TW9kdWxlIHsgfVxuIl19

package/dist/esm2022/lib/chat-widget.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC13aWRnZXQudHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyL3NyYy9saWIvY2hhdC13aWRnZXQudHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIFdpZGdldFBvc2l0aW9uID0gJ2JvdHRvbS1yaWdodCcgfCAnYm90dG9tLWxlZnQnIHwgJ3RvcC1yaWdodCcgfCAndG9wLWxlZnQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIENoYXRXaWRnZXRDb25maWcge1xuICBhZ2VudE5hbWU/OiBzdHJpbmc7XG4gIGFnZW50Um9sZT86IHN0cmluZztcbiAgcHJpbWFyeUNvbG9yPzogc3RyaW5nO1xuICBhY2NlbnRDb2xvcj86IHN0cmluZztcbiAgd2VsY29tZU1lc3NhZ2U/OiBzdHJpbmc7XG4gIHBsYWNlaG9sZGVyVGV4dD86IHN0cmluZztcbiAgcG9zaXRpb24/OiBXaWRnZXRQb3NpdGlvbjtcbiAgd2lkdGg/OiBzdHJpbmc7XG4gIGhlaWdodD86IHN0cmluZztcbiAgc2hvd01pbmltaXplQnV0dG9uPzogYm9vbGVhbjtcbiAgc2hvd1RpbWVzdGFtcHM/OiBib29sZWFuO1xuICBlbmFibGVGaWxlVXBsb2FkPzogYm9vbGVhbjtcbiAgZW5hYmxlU3BlZWNoPzogYm9vbGVhbjtcbiAgc2hvd1Bvd2VyZWRCeT86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2hhdFdpZGdldEV2ZW50cyB7XG4gIG1lc3NhZ2VTZW50OiBDdXN0b21FdmVudDx7IG1lc3NhZ2U6IHN0cmluZzsgdGltZXN0YW1wOiBEYXRlIH0+O1xuICB3aWRnZXRPcGVuZWQ6IEN1c3RvbUV2ZW50PHZvaWQ+O1xuICB3aWRnZXRDbG9zZWQ6IEN1c3RvbUV2ZW50PHZvaWQ+O1xufVxuIl19

package/dist/esm2022/nerdagent-chat-widget-angular.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmVyZGFnZW50LWNoYXQtd2lkZ2V0LWFuZ3VsYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyL3NyYy9uZXJkYWdlbnQtY2hhdC13aWRnZXQtYW5ndWxhci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/dist/fesm2022/nerdagent-chat-widget-angular.mjs

@@ -0,0 +1,168 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, ViewChild, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { defineCustomElements } from 'nerdagent-chat-widget/loader';
+
+class ChatWidgetComponent {
+    chatWidget;
+    agentName = 'Support Agent';
+    agentRole = 'Customer Support';
+    primaryColor = '#2d3e50';
+    accentColor = '#4e8cff';
+    welcomeMessage = 'Hi! How can I help?';
+    placeholderText = 'Type your message...';
+    position = 'bottom-right';
+    width = '350';
+    height = '500';
+    showMinimizeButton = true;
+    showTimestamps = true;
+    enableFileUpload = false;
+    enableSpeech = false;
+    showPoweredBy = true;
+    messageSent = new EventEmitter();
+    widgetOpened = new EventEmitter();
+    widgetClosed = new EventEmitter();
+    eventListeners = [];
+    ngAfterViewInit() {
+        if (this.chatWidget?.nativeElement) {
+            this.setupEventListeners();
+        }
+    }
+    ngOnDestroy() {
+        this.removeEventListeners();
+    }
+    setupEventListeners() {
+        const widget = this.chatWidget.nativeElement;
+        const messageSentListener = (event) => {
+            this.messageSent.emit(event.detail);
+        };
+        const widgetOpenedListener = (event) => {
+            this.widgetOpened.emit();
+        };
+        const widgetClosedListener = (event) => {
+            this.widgetClosed.emit();
+        };
+        widget.addEventListener('messageSent', messageSentListener);
+        widget.addEventListener('widgetOpened', widgetOpenedListener);
+        widget.addEventListener('widgetClosed', widgetClosedListener);
+        // Store cleanup functions
+        this.eventListeners = [
+            () => widget.removeEventListener('messageSent', messageSentListener),
+            () => widget.removeEventListener('widgetOpened', widgetOpenedListener),
+            () => widget.removeEventListener('widgetClosed', widgetClosedListener),
+        ];
+    }
+    removeEventListeners() {
+        this.eventListeners.forEach(cleanup => cleanup());
+        this.eventListeners = [];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ChatWidgetComponent, selector: "nerd-chat-widget", inputs: { agentName: "agentName", agentRole: "agentRole", primaryColor: "primaryColor", accentColor: "accentColor", welcomeMessage: "welcomeMessage", placeholderText: "placeholderText", position: "position", width: "width", height: "height", showMinimizeButton: "showMinimizeButton", showTimestamps: "showTimestamps", enableFileUpload: "enableFileUpload", enableSpeech: "enableSpeech", showPoweredBy: "showPoweredBy" }, outputs: { messageSent: "messageSent", widgetOpened: "widgetOpened", widgetClosed: "widgetClosed" }, viewQueries: [{ propertyName: "chatWidget", first: true, predicate: ["chatWidget"], descendants: true }], ngImport: i0, template: `
+    <nerd-chat-widget
+      #chatWidget
+      [attr.agent-name]="agentName"
+      [attr.agent-role]="agentRole"
+      [attr.primary-color]="primaryColor"
+      [attr.accent-color]="accentColor"
+      [attr.welcome-message]="welcomeMessage"
+      [attr.placeholder-text]="placeholderText"
+      [attr.position]="position"
+      [attr.width]="width"
+      [attr.height]="height"
+      [attr.show-minimize-button]="showMinimizeButton?.toString()"
+      [attr.show-timestamps]="showTimestamps?.toString()"
+      [attr.enable-file-upload]="enableFileUpload?.toString()"
+      [attr.enable-speech]="enableSpeech?.toString()"
+      [attr.show-powered-by]="showPoweredBy?.toString()">
+    </nerd-chat-widget>
+  `, isInline: true, dependencies: [{ kind: "component", type: ChatWidgetComponent, selector: "nerd-chat-widget", inputs: ["agentName", "agentRole", "primaryColor", "accentColor", "welcomeMessage", "placeholderText", "position", "width", "height", "showMinimizeButton", "showTimestamps", "enableFileUpload", "enableSpeech", "showPoweredBy"], outputs: ["messageSent", "widgetOpened", "widgetClosed"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nerd-chat-widget', template: `
+    <nerd-chat-widget
+      #chatWidget
+      [attr.agent-name]="agentName"
+      [attr.agent-role]="agentRole"
+      [attr.primary-color]="primaryColor"
+      [attr.accent-color]="accentColor"
+      [attr.welcome-message]="welcomeMessage"
+      [attr.placeholder-text]="placeholderText"
+      [attr.position]="position"
+      [attr.width]="width"
+      [attr.height]="height"
+      [attr.show-minimize-button]="showMinimizeButton?.toString()"
+      [attr.show-timestamps]="showTimestamps?.toString()"
+      [attr.enable-file-upload]="enableFileUpload?.toString()"
+      [attr.enable-speech]="enableSpeech?.toString()"
+      [attr.show-powered-by]="showPoweredBy?.toString()">
+    </nerd-chat-widget>
+  ` }]
+        }], propDecorators: { chatWidget: [{
+                type: ViewChild,
+                args: ['chatWidget', { static: false }]
+            }], agentName: [{
+                type: Input
+            }], agentRole: [{
+                type: Input
+            }], primaryColor: [{
+                type: Input
+            }], accentColor: [{
+                type: Input
+            }], welcomeMessage: [{
+                type: Input
+            }], placeholderText: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], showMinimizeButton: [{
+                type: Input
+            }], showTimestamps: [{
+                type: Input
+            }], enableFileUpload: [{
+                type: Input
+            }], enableSpeech: [{
+                type: Input
+            }], showPoweredBy: [{
+                type: Input
+            }], messageSent: [{
+                type: Output
+            }], widgetOpened: [{
+                type: Output
+            }], widgetClosed: [{
+                type: Output
+            }] } });
+
+// Define custom elements when module is imported
+defineCustomElements();
+class NerdChatWidgetModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NerdChatWidgetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: NerdChatWidgetModule, declarations: [ChatWidgetComponent], imports: [CommonModule], exports: [ChatWidgetComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NerdChatWidgetModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NerdChatWidgetModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ChatWidgetComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        ChatWidgetComponent
+                    ],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ChatWidgetComponent, NerdChatWidgetModule };
+//# sourceMappingURL=nerdagent-chat-widget-angular.mjs.map

package/dist/fesm2022/nerdagent-chat-widget-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"nerdagent-chat-widget-angular.mjs","sources":["../../../packages/angular/src/lib/chat-widget.component.ts","../../../packages/angular/src/lib/chat-widget.module.ts","../../../packages/angular/src/nerdagent-chat-widget-angular.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ElementRef, ViewChild, AfterViewInit, OnDestroy } from '@angular/core';\nimport { WidgetPosition } from './chat-widget.types';\n\n@Component({\n  selector: 'nerd-chat-widget',\n  template: `\n    <nerd-chat-widget\n      #chatWidget\n      [attr.agent-name]=\"agentName\"\n      [attr.agent-role]=\"agentRole\"\n      [attr.primary-color]=\"primaryColor\"\n      [attr.accent-color]=\"accentColor\"\n      [attr.welcome-message]=\"welcomeMessage\"\n      [attr.placeholder-text]=\"placeholderText\"\n      [attr.position]=\"position\"\n      [attr.width]=\"width\"\n      [attr.height]=\"height\"\n      [attr.show-minimize-button]=\"showMinimizeButton?.toString()\"\n      [attr.show-timestamps]=\"showTimestamps?.toString()\"\n      [attr.enable-file-upload]=\"enableFileUpload?.toString()\"\n      [attr.enable-speech]=\"enableSpeech?.toString()\"\n      [attr.show-powered-by]=\"showPoweredBy?.toString()\">\n    </nerd-chat-widget>\n  `,\n  styles: []\n})\nexport class ChatWidgetComponent implements AfterViewInit, OnDestroy {\n  @ViewChild('chatWidget', { static: false }) chatWidget!: ElementRef<HTMLElement>;\n\n  @Input() agentName: string = 'Support Agent';\n  @Input() agentRole: string = 'Customer Support';\n  @Input() primaryColor: string = '#2d3e50';\n  @Input() accentColor: string = '#4e8cff';\n  @Input() welcomeMessage: string = 'Hi! How can I help?';\n  @Input() placeholderText: string = 'Type your message...';\n  @Input() position: WidgetPosition = 'bottom-right';\n  @Input() width: string = '350';\n  @Input() height: string = '500';\n  @Input() showMinimizeButton: boolean = true;\n  @Input() showTimestamps: boolean = true;\n  @Input() enableFileUpload: boolean = false;\n  @Input() enableSpeech: boolean = false;\n  @Input() showPoweredBy: boolean = true;\n\n  @Output() messageSent = new EventEmitter<{ message: string; timestamp: Date }>();\n  @Output() widgetOpened = new EventEmitter<void>();\n  @Output() widgetClosed = new EventEmitter<void>();\n\n  private eventListeners: Array<() => void> = [];\n\n  ngAfterViewInit() {\n    if (this.chatWidget?.nativeElement) {\n      this.setupEventListeners();\n    }\n  }\n\n  ngOnDestroy() {\n    this.removeEventListeners();\n  }\n\n  private setupEventListeners() {\n    const widget = this.chatWidget.nativeElement;\n\n    const messageSentListener = (event: CustomEvent) => {\n      this.messageSent.emit(event.detail);\n    };\n\n    const widgetOpenedListener = (event: CustomEvent) => {\n      this.widgetOpened.emit();\n    };\n\n    const widgetClosedListener = (event: CustomEvent) => {\n      this.widgetClosed.emit();\n    };\n\n    widget.addEventListener('messageSent', messageSentListener as EventListener);\n    widget.addEventListener('widgetOpened', widgetOpenedListener as EventListener);\n    widget.addEventListener('widgetClosed', widgetClosedListener as EventListener);\n\n    // Store cleanup functions\n    this.eventListeners = [\n      () => widget.removeEventListener('messageSent', messageSentListener as EventListener),\n      () => widget.removeEventListener('widgetOpened', widgetOpenedListener as EventListener),\n      () => widget.removeEventListener('widgetClosed', widgetClosedListener as EventListener),\n    ];\n  }\n\n  private removeEventListeners() {\n    this.eventListeners.forEach(cleanup => cleanup());\n    this.eventListeners = [];\n  }\n}\n","import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ChatWidgetComponent } from './chat-widget.component';\n\n// Import and define custom elements\nimport { defineCustomElements } from 'nerdagent-chat-widget/loader';\n\n// Define custom elements when module is imported\ndefineCustomElements();\n\n@NgModule({\n  declarations: [\n    ChatWidgetComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    ChatWidgetComponent\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})\nexport class NerdChatWidgetModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MA0Ba,mBAAmB,CAAA;AACc,IAAA,UAAU;IAE7C,SAAS,GAAW,eAAe;IACnC,SAAS,GAAW,kBAAkB;IACtC,YAAY,GAAW,SAAS;IAChC,WAAW,GAAW,SAAS;IAC/B,cAAc,GAAW,qBAAqB;IAC9C,eAAe,GAAW,sBAAsB;IAChD,QAAQ,GAAmB,cAAc;IACzC,KAAK,GAAW,KAAK;IACrB,MAAM,GAAW,KAAK;IACtB,kBAAkB,GAAY,IAAI;IAClC,cAAc,GAAY,IAAI;IAC9B,gBAAgB,GAAY,KAAK;IACjC,YAAY,GAAY,KAAK;IAC7B,aAAa,GAAY,IAAI;AAE5B,IAAA,WAAW,GAAG,IAAI,YAAY,EAAwC;AACtE,IAAA,YAAY,GAAG,IAAI,YAAY,EAAQ;AACvC,IAAA,YAAY,GAAG,IAAI,YAAY,EAAQ;IAEzC,cAAc,GAAsB,EAAE;IAE9C,eAAe,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE,aAAa,EAAE;YAClC,IAAI,CAAC,mBAAmB,EAAE;QAC5B;IACF;IAEA,WAAW,GAAA;QACT,IAAI,CAAC,oBAAoB,EAAE;IAC7B;IAEQ,mBAAmB,GAAA;AACzB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;AAE5C,QAAA,MAAM,mBAAmB,GAAG,CAAC,KAAkB,KAAI;YACjD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;AACrC,QAAA,CAAC;AAED,QAAA,MAAM,oBAAoB,GAAG,CAAC,KAAkB,KAAI;AAClD,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;AAC1B,QAAA,CAAC;AAED,QAAA,MAAM,oBAAoB,GAAG,CAAC,KAAkB,KAAI;AAClD,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;AAC1B,QAAA,CAAC;AAED,QAAA,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,mBAAoC,CAAC;AAC5E,QAAA,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,oBAAqC,CAAC;AAC9E,QAAA,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,oBAAqC,CAAC;;QAG9E,IAAI,CAAC,cAAc,GAAG;YACpB,MAAM,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,mBAAoC,CAAC;YACrF,MAAM,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,oBAAqC,CAAC;YACvF,MAAM,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,oBAAqC,CAAC;SACxF;IACH;IAEQ,oBAAoB,GAAA;AAC1B,QAAA,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC;AACjD,QAAA,IAAI,CAAC,cAAc,GAAG,EAAE;IAC1B;wGAhEW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,cAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EArBpB;;;;;;;;;;;;;;;;;;AAkBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAGU,mBAAmB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,cAAA,EAAA,cAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAvB/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,QAAA,EAClB;;;;;;;;;;;;;;;;;;AAkBT,EAAA,CAAA,EAAA;8BAI2C,UAAU,EAAA,CAAA;sBAArD,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,YAAY,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;gBAEjC,SAAS,EAAA,CAAA;sBAAjB;gBACQ,SAAS,EAAA,CAAA;sBAAjB;gBACQ,YAAY,EAAA,CAAA;sBAApB;gBACQ,WAAW,EAAA,CAAA;sBAAnB;gBACQ,cAAc,EAAA,CAAA;sBAAtB;gBACQ,eAAe,EAAA,CAAA;sBAAvB;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBACQ,kBAAkB,EAAA,CAAA;sBAA1B;gBACQ,cAAc,EAAA,CAAA;sBAAtB;gBACQ,gBAAgB,EAAA,CAAA;sBAAxB;gBACQ,YAAY,EAAA,CAAA;sBAApB;gBACQ,aAAa,EAAA,CAAA;sBAArB;gBAES,WAAW,EAAA,CAAA;sBAApB;gBACS,YAAY,EAAA,CAAA;sBAArB;gBACS,YAAY,EAAA,CAAA;sBAArB;;;ACvCH;AACA,oBAAoB,EAAE;MAcT,oBAAoB,CAAA;wGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,YAAA,EAAA,CAV7B,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAGnB,YAAY,aAGZ,mBAAmB,CAAA,EAAA,CAAA;AAIV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAP7B,YAAY,CAAA,EAAA,CAAA;;4FAOH,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAZhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP;AACD,qBAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB;AACjC,iBAAA;;;ACrBD;;AAEG;;;;"}

package/dist/lib/chat-widget.component.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter, ElementRef, AfterViewInit, OnDestroy } from '@angular/core';
 import { WidgetPosition } from './chat-widget.types';
+import * as i0 from "@angular/core";
 export declare class ChatWidgetComponent implements AfterViewInit, OnDestroy {
     chatWidget: ElementRef<HTMLElement>;
     agentName: string;
@@ -27,4 +28,6 @@ export declare class ChatWidgetComponent implements AfterViewInit, OnDestroy {
     ngOnDestroy(): void;
     private setupEventListeners;
     private removeEventListeners;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChatWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChatWidgetComponent, "nerd-chat-widget", never, { "agentName": { "alias": "agentName"; "required": false; }; "agentRole": { "alias": "agentRole"; "required": false; }; "primaryColor": { "alias": "primaryColor"; "required": false; }; "accentColor": { "alias": "accentColor"; "required": false; }; "welcomeMessage": { "alias": "welcomeMessage"; "required": false; }; "placeholderText": { "alias": "placeholderText"; "required": false; }; "position": { "alias": "position"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "showMinimizeButton": { "alias": "showMinimizeButton"; "required": false; }; "showTimestamps": { "alias": "showTimestamps"; "required": false; }; "enableFileUpload": { "alias": "enableFileUpload"; "required": false; }; "enableSpeech": { "alias": "enableSpeech"; "required": false; }; "showPoweredBy": { "alias": "showPoweredBy"; "required": false; }; }, { "messageSent": "messageSent"; "widgetOpened": "widgetOpened"; "widgetClosed": "widgetClosed"; }, never, never, false, never>;
 }

package/dist/lib/chat-widget.module.d.ts

@@ -1,2 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./chat-widget.component";
+import * as i2 from "@angular/common";
 export declare class NerdChatWidgetModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NerdChatWidgetModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NerdChatWidgetModule, [typeof i1.ChatWidgetComponent], [typeof i2.CommonModule], [typeof i1.ChatWidgetComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NerdChatWidgetModule>;
 }

package/dist/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "nerdagent-chat-widget-angular",
+  "version": "1.0.2",
+  "description": "NerdAgent Chat Widget for Angular",
+  "main": "dist/index.js",
+  "module": "fesm2022/nerdagent-chat-widget-angular.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/"
+  ],
+  "keywords": [
+    "angular",
+    "chat",
+    "widget",
+    "stencil",
+    "web-components"
+  ],
+  "author": "NerdAgent",
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/common": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
+    "@angular/core": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
+  },
+  "dependencies": {
+    "nerdagent-chat-widget": "^1.0.0",
+    "tslib": "^2.3.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nerdagent/chat-widget.git",
+    "directory": "packages/angular"
+  },
+  "gitHead": "f46abd47a7632d8fc690b202bfc7c202bcb8b18f",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/nerdagent-chat-widget-angular.mjs",
+      "esm": "./esm2022/nerdagent-chat-widget-angular.mjs",
+      "default": "./fesm2022/nerdagent-chat-widget-angular.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nerdagent-chat-widget-angular",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "NerdAgent Chat Widget for Angular",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -9,7 +9,7 @@
     "dist/"
   ],
   "scripts": {
-    "build": "tsc",
+    "build": "ng-packagr -p ng-package.json",
     "prepublishOnly": "npm run build"
   },
   "keywords": [
@@ -32,12 +32,13 @@
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",
     "@types/node": "^20.0.0",
-    "typescript": "^5.0.0"
+    "typescript": "^5.0.0",
+    "ng-packagr": "^18.0.0"
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/nerdagent/chat-widget.git",
     "directory": "packages/angular"
   },
-  "gitHead": "baebff96671fd060b15aa0ca587f2c9a1556c06b"
+  "gitHead": "f46abd47a7632d8fc690b202bfc7c202bcb8b18f"
 }