@memberjunction/ng-conversations 6.1.4 → 6.2.0-edge.1

package/dist/lib/components/navigation/conversation-navigation.component.d.ts

@@ -3,19 +3,78 @@ import { NavigationTab } from '../../models/conversation-state.model';
 import { UserInfo } from '@memberjunction/core';
 import * as i0 from "@angular/core";
 export declare class ConversationNavigationComponent {
-    activeTab: NavigationTab;
-    environmentId: string;
-    currentUser: UserInfo;
-    conversationId: string | null;
+    ActiveTab: NavigationTab;
+    /** @deprecated Use {@link ActiveTab}. */
+    set activeTab(value: NavigationTab);
+    /** @deprecated Use {@link ActiveTab}. */
+    get activeTab(): NavigationTab;
+    EnvironmentId: string;
+    /** @deprecated Use {@link EnvironmentId}. */
+    set environmentId(value: string);
+    /** @deprecated Use {@link EnvironmentId}. */
+    get environmentId(): string;
+    CurrentUser: UserInfo;
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value: UserInfo);
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser(): UserInfo;
+    ConversationId: string | null;
+    /** @deprecated Use {@link ConversationId}. */
+    set conversationId(value: string | null);
+    /** @deprecated Use {@link ConversationId}. */
+    get conversationId(): string | null;
+    TabChanged: EventEmitter<NavigationTab>;
+    /**
+     * @deprecated Use {@link TabChanged}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (tabChanged) keeps working. Must stay AFTER TabChanged: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     tabChanged: EventEmitter<NavigationTab>;
+    SidebarToggled: EventEmitter<void>;
+    /**
+     * @deprecated Use {@link SidebarToggled}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (sidebarToggled) keeps working. Must stay AFTER SidebarToggled: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     sidebarToggled: EventEmitter<void>;
+    SearchTriggered: EventEmitter<void>;
+    /**
+     * @deprecated Use {@link SearchTriggered}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (searchTriggered) keeps working. Must stay AFTER SearchTriggered: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     searchTriggered: EventEmitter<void>;
+    RefreshTriggered: EventEmitter<void>;
+    /**
+     * @deprecated Use {@link RefreshTriggered}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (refreshTriggered) keeps working. Must stay AFTER RefreshTriggered: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     refreshTriggered: EventEmitter<void>;
+    NavigateToConversation: EventEmitter<{
+        conversationId: string;
+        taskId: string;
+    }>;
+    /**
+     * @deprecated Use {@link NavigateToConversation}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (navigateToConversation) keeps working. Must stay AFTER NavigateToConversation: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     navigateToConversation: EventEmitter<{
         conversationId: string;
         taskId: string;
     }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConversationNavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConversationNavigationComponent, "mj-conversation-navigation", never, { "activeTab": { "alias": "activeTab"; "required": false; }; "environmentId": { "alias": "environmentId"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; "conversationId": { "alias": "conversationId"; "required": false; }; }, { "tabChanged": "tabChanged"; "sidebarToggled": "sidebarToggled"; "searchTriggered": "searchTriggered"; "refreshTriggered": "refreshTriggered"; "navigateToConversation": "navigateToConversation"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConversationNavigationComponent, "mj-conversation-navigation", never, { "ActiveTab": { "alias": "ActiveTab"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; "EnvironmentId": { "alias": "EnvironmentId"; "required": false; }; "environmentId": { "alias": "environmentId"; "required": false; }; "CurrentUser": { "alias": "CurrentUser"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; "ConversationId": { "alias": "ConversationId"; "required": false; }; "conversationId": { "alias": "conversationId"; "required": false; }; }, { "TabChanged": "TabChanged"; "tabChanged": "tabChanged"; "SidebarToggled": "SidebarToggled"; "sidebarToggled": "sidebarToggled"; "SearchTriggered": "SearchTriggered"; "searchTriggered": "searchTriggered"; "RefreshTriggered": "RefreshTriggered"; "refreshTriggered": "refreshTriggered"; "NavigateToConversation": "NavigateToConversation"; "navigateToConversation": "navigateToConversation"; }, never, never, false, never>;
 }
 //# sourceMappingURL=conversation-navigation.component.d.ts.map

package/dist/lib/components/navigation/conversation-navigation.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-navigation.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/navigation/conversation-navigation.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;;AAEhD,qBAmKa,+BAA+B;IACjC,SAAS,EAAE,aAAa,CAAmB;IAC3C,aAAa,EAAG,MAAM,CAAC;IACvB,WAAW,EAAG,QAAQ,CAAC;IACvB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IACpC,UAAU,8BAAqC;IAC/C,cAAc,qBAA4B;IAC1C,eAAe,qBAA4B;IAC3C,gBAAgB,qBAA4B;IAC5C,sBAAsB;wBAAqC,MAAM;gBAAU,MAAM;OAAK;yCATrF,+BAA+B;2CAA/B,+BAA+B;CAU3C"}
+{"version":3,"file":"conversation-navigation.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/navigation/conversation-navigation.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;;AAEhD,qBAmKa,+BAA+B;IACjC,SAAS,EAAE,aAAa,CAAmB;IAEpD,yCAAyC;IACzC,IAAa,SAAS,CAAC,KAAK,EAAE,aAAa,EAE1C;IACD,yCAAyC;IACzC,IAAI,SAAS,IAAI,aAAa,CAE7B;IACQ,aAAa,EAAG,MAAM,CAAC;IAEhC,6CAA6C;IAC7C,IAAa,aAAa,CAAC,KAAK,EAAE,MAAM,EAEvC;IACD,6CAA6C;IAC7C,IAAI,aAAa,IAAI,MAAM,CAE1B;IACQ,WAAW,EAAG,QAAQ,CAAC;IAEhC,2CAA2C;IAC3C,IAAa,WAAW,CAAC,KAAK,EAAE,QAAQ,EAEvC;IACD,2CAA2C;IAC3C,IAAI,WAAW,IAAI,QAAQ,CAE1B;IACQ,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE9C,8CAA8C;IAC9C,IAAa,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAE/C;IACD,8CAA8C;IAC9C,IAAI,cAAc,IAAI,MAAM,GAAG,IAAI,CAElC;IACS,UAAU,8BAAqC;IAEzD;;;;;;OAMG;IACO,UAAU,8BAAmB;IAC7B,cAAc,qBAA4B;IAEpD;;;;;;OAMG;IACO,cAAc,qBAAuB;IACrC,eAAe,qBAA4B;IAErD;;;;;;OAMG;IACO,eAAe,qBAAwB;IACvC,gBAAgB,qBAA4B;IAEtD;;;;;;OAMG;IACO,gBAAgB,qBAAyB;IACzC,sBAAsB;wBAAqC,MAAM;gBAAU,MAAM;OAAK;IAEhG;;;;;;OAMG;IACO,sBAAsB;wBATqC,MAAM;gBAAU,MAAM;OAS5B;yCA1FpD,+BAA+B;2CAA/B,+BAA+B;CA2F3C"}

package/dist/lib/components/navigation/conversation-navigation.component.js

@@ -2,17 +2,89 @@ import { Component, Input, Output, EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "../tasks/tasks-dropdown.component";
 export class ConversationNavigationComponent {
-    activeTab = 'conversations';
-    environmentId;
-    currentUser;
-    conversationId = null;
-    tabChanged = new EventEmitter();
-    sidebarToggled = new EventEmitter();
-    searchTriggered = new EventEmitter();
-    refreshTriggered = new EventEmitter();
-    navigateToConversation = new EventEmitter();
+    ActiveTab = 'conversations';
+    /** @deprecated Use {@link ActiveTab}. */
+    set activeTab(value) {
+        this.ActiveTab = value;
+    }
+    /** @deprecated Use {@link ActiveTab}. */
+    get activeTab() {
+        return this.ActiveTab;
+    }
+    EnvironmentId;
+    /** @deprecated Use {@link EnvironmentId}. */
+    set environmentId(value) {
+        this.EnvironmentId = value;
+    }
+    /** @deprecated Use {@link EnvironmentId}. */
+    get environmentId() {
+        return this.EnvironmentId;
+    }
+    CurrentUser;
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value) {
+        this.CurrentUser = value;
+    }
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser() {
+        return this.CurrentUser;
+    }
+    ConversationId = null;
+    /** @deprecated Use {@link ConversationId}. */
+    set conversationId(value) {
+        this.ConversationId = value;
+    }
+    /** @deprecated Use {@link ConversationId}. */
+    get conversationId() {
+        return this.ConversationId;
+    }
+    TabChanged = new EventEmitter();
+    /**
+     * @deprecated Use {@link TabChanged}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (tabChanged) keeps working. Must stay AFTER TabChanged: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    tabChanged = this.TabChanged;
+    SidebarToggled = new EventEmitter();
+    /**
+     * @deprecated Use {@link SidebarToggled}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (sidebarToggled) keeps working. Must stay AFTER SidebarToggled: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    sidebarToggled = this.SidebarToggled;
+    SearchTriggered = new EventEmitter();
+    /**
+     * @deprecated Use {@link SearchTriggered}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (searchTriggered) keeps working. Must stay AFTER SearchTriggered: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    searchTriggered = this.SearchTriggered;
+    RefreshTriggered = new EventEmitter();
+    /**
+     * @deprecated Use {@link RefreshTriggered}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (refreshTriggered) keeps working. Must stay AFTER RefreshTriggered: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    refreshTriggered = this.RefreshTriggered;
+    NavigateToConversation = new EventEmitter();
+    /**
+     * @deprecated Use {@link NavigateToConversation}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (navigateToConversation) keeps working. Must stay AFTER NavigateToConversation: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    navigateToConversation = this.NavigateToConversation;
     static ɵfac = function ConversationNavigationComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConversationNavigationComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConversationNavigationComponent, selectors: [["mj-conversation-navigation"]], inputs: { activeTab: "activeTab", environmentId: "environmentId", currentUser: "currentUser", conversationId: "conversationId" }, outputs: { tabChanged: "tabChanged", sidebarToggled: "sidebarToggled", searchTriggered: "searchTriggered", refreshTriggered: "refreshTriggered", navigateToConversation: "navigateToConversation" }, standalone: false, decls: 23, vars: 8, consts: [[1, "conversation-navigation"], [1, "nav-left"], [1, "nav-btn", "sidebar-toggle", 3, "click"], [1, "fas", "fa-bars"], [1, "nav-tabs"], [1, "nav-tab", 3, "click"], [1, "fas", "fa-comments"], [1, "fas", "fa-folder"], [1, "fas", "fa-tasks"], [1, "nav-right"], [3, "navigateToConversation", "currentUser", "conversationId"], ["title", "Search (Ctrl+K)", 1, "nav-btn", "search-btn", 3, "click"], [1, "fas", "fa-search"], ["title", "Refresh agent cache", 1, "nav-btn", "refresh-btn", 3, "click"], [1, "fas", "fa-sync-alt"]], template: function ConversationNavigationComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConversationNavigationComponent, selectors: [["mj-conversation-navigation"]], inputs: { ActiveTab: "ActiveTab", activeTab: "activeTab", EnvironmentId: "EnvironmentId", environmentId: "environmentId", CurrentUser: "CurrentUser", currentUser: "currentUser", ConversationId: "ConversationId", conversationId: "conversationId" }, outputs: { TabChanged: "TabChanged", tabChanged: "tabChanged", SidebarToggled: "SidebarToggled", sidebarToggled: "sidebarToggled", SearchTriggered: "SearchTriggered", searchTriggered: "searchTriggered", RefreshTriggered: "RefreshTriggered", refreshTriggered: "refreshTriggered", NavigateToConversation: "NavigateToConversation", navigateToConversation: "navigateToConversation" }, standalone: false, decls: 23, vars: 8, consts: [[1, "conversation-navigation"], [1, "nav-left"], [1, "nav-btn", "sidebar-toggle", 3, "click"], [1, "fas", "fa-bars"], [1, "nav-tabs"], [1, "nav-tab", 3, "click"], [1, "fas", "fa-comments"], [1, "fas", "fa-folder"], [1, "fas", "fa-tasks"], [1, "nav-right"], [3, "navigateToConversation", "currentUser", "conversationId"], ["title", "Search (Ctrl+K)", 1, "nav-btn", "search-btn", 3, "click"], [1, "fas", "fa-search"], ["title", "Refresh agent cache", 1, "nav-btn", "refresh-btn", 3, "click"], [1, "fas", "fa-sync-alt"]], template: function ConversationNavigationComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "button", 2);
             i0.ɵɵlistener("click", function ConversationNavigationComponent_Template_button_click_2_listener() { return ctx.sidebarToggled.emit(); });
             i0.ɵɵelement(3, "i", 3);
@@ -104,22 +176,40 @@ export class ConversationNavigationComponent {
       </div>
     </div>
   `, styles: ["\n    .conversation-navigation {\n      display: flex;\n      align-items: center;\n      height: 100%;\n      padding: 0 20px;\n      gap: 24px;\n      color: white;\n    }\n    .nav-left { display: flex; align-items: center; gap: 12px; }\n    .nav-title { margin: 0; font-size: 18px; font-weight: 600; }\n    .nav-tabs {\n      display: flex;\n      gap: 4px;\n      flex: 1;\n      height: 100%;\n    }\n    .nav-tab {\n      padding: 0 20px;\n      height: 100%;\n      background: transparent;\n      border: none;\n      color: rgba(255,255,255,0.7);\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 14px;\n      font-weight: 500;\n      transition: all 0.2s;\n      border-bottom: 3px solid transparent;\n    }\n    .nav-tab:hover {\n      background: rgba(255,255,255,0.05);\n      color: white;\n    }\n    .nav-tab.active {\n      color: white;\n      background: rgba(255,255,255,0.1);\n      border-bottom-color: #AAE7FD;\n    }\n    .nav-right { display: flex; gap: 8px; }\n    .nav-btn {\n      width: 36px;\n      height: 36px;\n      border-radius: 6px;\n      background: transparent;\n      border: none;\n      color: rgba(255,255,255,0.7);\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.2s;\n    }\n    .nav-btn:hover {\n      background: rgba(255,255,255,0.1);\n      color: white;\n    }\n    .sidebar-toggle {\n      display: flex;\n    }\n\n    /* Mobile adjustments: 481px - 768px */\n    @media (max-width: 768px) {\n      .conversation-navigation {\n        padding: 0 12px;\n        gap: 12px;\n      }\n      .sidebar-toggle {\n        display: flex;\n      }\n      .nav-tab {\n        padding: 0 12px;\n        font-size: 13px;\n        gap: 6px;\n      }\n      .nav-tab span {\n        display: none;\n      }\n      .nav-tab i {\n        font-size: 16px;\n      }\n      .nav-btn {\n        width: 32px;\n        height: 32px;\n      }\n      .nav-right {\n        gap: 4px;\n      }\n    }\n\n    /* Small Phone adjustments: <= 480px */\n    @media (max-width: 480px) {\n      .conversation-navigation {\n        padding: 0 8px;\n        gap: 8px;\n      }\n      .nav-tab {\n        padding: 0 8px;\n        font-size: 12px;\n      }\n      .nav-btn {\n        width: 28px;\n        height: 28px;\n      }\n      .nav-btn i {\n        font-size: 14px;\n      }\n      .nav-right .nav-btn:last-child {\n        display: none;\n      }\n    }\n  "] }]
-    }], null, { activeTab: [{
+    }], null, { ActiveTab: [{
+            type: Input
+        }], activeTab: [{
+            type: Input
+        }], EnvironmentId: [{
             type: Input
         }], environmentId: [{
             type: Input
+        }], CurrentUser: [{
+            type: Input
         }], currentUser: [{
             type: Input
+        }], ConversationId: [{
+            type: Input
         }], conversationId: [{
             type: Input
+        }], TabChanged: [{
+            type: Output
         }], tabChanged: [{
             type: Output
+        }], SidebarToggled: [{
+            type: Output
         }], sidebarToggled: [{
             type: Output
+        }], SearchTriggered: [{
+            type: Output
         }], searchTriggered: [{
             type: Output
+        }], RefreshTriggered: [{
+            type: Output
         }], refreshTriggered: [{
             type: Output
+        }], NavigateToConversation: [{
+            type: Output
         }], navigateToConversation: [{
             type: Output
         }] }); })();

package/dist/lib/components/navigation/conversation-navigation.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-navigation.component.js","sourceRoot":"","sources":["../../../../src/lib/components/navigation/conversation-navigation.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;;;AAuKvE,MAAM,OAAO,+BAA+B;IACjC,SAAS,GAAkB,eAAe,CAAC;IAC3C,aAAa,CAAU;IACvB,WAAW,CAAY;IACvB,cAAc,GAAkB,IAAI,CAAC;IACpC,UAAU,GAAG,IAAI,YAAY,EAAiB,CAAC;IAC/C,cAAc,GAAG,IAAI,YAAY,EAAQ,CAAC;IAC1C,eAAe,GAAG,IAAI,YAAY,EAAQ,CAAC;IAC3C,gBAAgB,GAAG,IAAI,YAAY,EAAQ,CAAC;IAC5C,sBAAsB,GAAG,IAAI,YAAY,EAA4C,CAAC;yHATrF,+BAA+B;6DAA/B,+BAA+B;YA7JpC,AADF,AADF,8BAAqC,aACb,gBACmD;YAAhC,4GAAS,yBAAqB,IAAC;YACpE,uBAA2B;YAE/B,AADE,iBAAS,EACL;YAEJ,AADF,8BAAsB,gBAIyB;YAA3C,4GAAS,oBAAgB,eAAe,CAAC,IAAC;YAC1C,uBAA+B;YAC/B,4BAAM;YAAA,qBAAK;YACb,AADa,iBAAO,EACX;YACT,iCAG2C;YAAzC,4GAAS,oBAAgB,aAAa,CAAC,IAAC;YACxC,wBAA6B;YAC7B,6BAAM;YAAA,4BAAW;YACnB,AADmB,iBAAO,EACjB;YACT,kCAGqC;YAAnC,6GAAS,oBAAgB,OAAO,CAAC,IAAC;YAClC,wBAA4B;YAC5B,6BAAM;YAAA,sBAAK;YAEf,AADE,AADa,iBAAO,EACX,EACL;YAEJ,AADF,+BAAuB,6BAI4C;YAA/D,gKAA0B,uCAAmC,IAAC;YAChE,iBAAoB;YACpB,mCAA4F;YAAzD,6GAAS,0BAAsB,IAAC;YACjE,yBAA6B;YAC/B,iBAAS;YACT,mCAAkG;YAA9D,6GAAS,2BAAuB,IAAC;YACnE,yBAA+B;YAGrC,AADE,AADE,iBAAS,EACL,EACF;;YAjCA,eAA8C;YAA9C,2DAA8C;YAO9C,eAA4C;YAA5C,yDAA4C;YAO5C,eAAsC;YAAtC,mDAAsC;YAQtC,eAA2B;YAC3B,AADA,6CAA2B,sCACM;;;iFA+H9B,+BAA+B;cAnK3C,SAAS;6BACI,KAAK,YACP,4BAA4B,YAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CT;;kBAqHA,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kFATI,+BAA+B","sourcesContent":["import { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { NavigationTab } from '../../models/conversation-state.model';\nimport { UserInfo } from '@memberjunction/core';\n\n@Component({\n  standalone: false,\n  selector: 'mj-conversation-navigation',\n  template: `\n    <div class=\"conversation-navigation\">\n      <div class=\"nav-left\">\n        <button class=\"nav-btn sidebar-toggle\" (click)=\"sidebarToggled.emit()\">\n          <i class=\"fas fa-bars\"></i>\n        </button>\n      </div>\n      <div class=\"nav-tabs\">\n        <button\n          class=\"nav-tab\"\n          [class.active]=\"activeTab === 'conversations'\"\n          (click)=\"tabChanged.emit('conversations')\">\n          <i class=\"fas fa-comments\"></i>\n          <span>Chats</span>\n        </button>\n        <button\n          class=\"nav-tab\"\n          [class.active]=\"activeTab === 'collections'\"\n          (click)=\"tabChanged.emit('collections')\">\n          <i class=\"fas fa-folder\"></i>\n          <span>Collections</span>\n        </button>\n        <button\n          class=\"nav-tab\"\n          [class.active]=\"activeTab === 'tasks'\"\n          (click)=\"tabChanged.emit('tasks')\">\n          <i class=\"fas fa-tasks\"></i>\n          <span>Tasks</span>\n        </button>\n      </div>\n      <div class=\"nav-right\">\n        <mj-tasks-dropdown\n          [currentUser]=\"currentUser\"\n          [conversationId]=\"conversationId\"\n          (navigateToConversation)=\"navigateToConversation.emit($event)\">\n        </mj-tasks-dropdown>\n        <button class=\"nav-btn search-btn\" (click)=\"searchTriggered.emit()\" title=\"Search (Ctrl+K)\">\n          <i class=\"fas fa-search\"></i>\n        </button>\n        <button class=\"nav-btn refresh-btn\" (click)=\"refreshTriggered.emit()\" title=\"Refresh agent cache\">\n          <i class=\"fas fa-sync-alt\"></i>\n        </button>\n      </div>\n    </div>\n  `,\n  styles: [`\n    .conversation-navigation {\n      display: flex;\n      align-items: center;\n      height: 100%;\n      padding: 0 20px;\n      gap: 24px;\n      color: white;\n    }\n    .nav-left { display: flex; align-items: center; gap: 12px; }\n    .nav-title { margin: 0; font-size: 18px; font-weight: 600; }\n    .nav-tabs {\n      display: flex;\n      gap: 4px;\n      flex: 1;\n      height: 100%;\n    }\n    .nav-tab {\n      padding: 0 20px;\n      height: 100%;\n      background: transparent;\n      border: none;\n      color: rgba(255,255,255,0.7);\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 14px;\n      font-weight: 500;\n      transition: all 0.2s;\n      border-bottom: 3px solid transparent;\n    }\n    .nav-tab:hover {\n      background: rgba(255,255,255,0.05);\n      color: white;\n    }\n    .nav-tab.active {\n      color: white;\n      background: rgba(255,255,255,0.1);\n      border-bottom-color: #AAE7FD;\n    }\n    .nav-right { display: flex; gap: 8px; }\n    .nav-btn {\n      width: 36px;\n      height: 36px;\n      border-radius: 6px;\n      background: transparent;\n      border: none;\n      color: rgba(255,255,255,0.7);\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.2s;\n    }\n    .nav-btn:hover {\n      background: rgba(255,255,255,0.1);\n      color: white;\n    }\n    .sidebar-toggle {\n      display: flex;\n    }\n\n    /* Mobile adjustments: 481px - 768px */\n    @media (max-width: 768px) {\n      .conversation-navigation {\n        padding: 0 12px;\n        gap: 12px;\n      }\n      .sidebar-toggle {\n        display: flex;\n      }\n      .nav-tab {\n        padding: 0 12px;\n        font-size: 13px;\n        gap: 6px;\n      }\n      .nav-tab span {\n        display: none;\n      }\n      .nav-tab i {\n        font-size: 16px;\n      }\n      .nav-btn {\n        width: 32px;\n        height: 32px;\n      }\n      .nav-right {\n        gap: 4px;\n      }\n    }\n\n    /* Small Phone adjustments: <= 480px */\n    @media (max-width: 480px) {\n      .conversation-navigation {\n        padding: 0 8px;\n        gap: 8px;\n      }\n      .nav-tab {\n        padding: 0 8px;\n        font-size: 12px;\n      }\n      .nav-btn {\n        width: 28px;\n        height: 28px;\n      }\n      .nav-btn i {\n        font-size: 14px;\n      }\n      .nav-right .nav-btn:last-child {\n        display: none;\n      }\n    }\n  `]\n})\nexport class ConversationNavigationComponent {\n  @Input() activeTab: NavigationTab = 'conversations';\n  @Input() environmentId!: string;\n  @Input() currentUser!: UserInfo;\n  @Input() conversationId: string | null = null;\n  @Output() tabChanged = new EventEmitter<NavigationTab>();\n  @Output() sidebarToggled = new EventEmitter<void>();\n  @Output() searchTriggered = new EventEmitter<void>();\n  @Output() refreshTriggered = new EventEmitter<void>();\n  @Output() navigateToConversation = new EventEmitter<{conversationId: string; taskId: string}>();\n}"]}
+{"version":3,"file":"conversation-navigation.component.js","sourceRoot":"","sources":["../../../../src/lib/components/navigation/conversation-navigation.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { NavigationTab } from '../../models/conversation-state.model';\nimport { UserInfo } from '@memberjunction/core';\n\n@Component({\n  standalone: false,\n  selector: 'mj-conversation-navigation',\n  template: `\n    <div class=\"conversation-navigation\">\n      <div class=\"nav-left\">\n        <button class=\"nav-btn sidebar-toggle\" (click)=\"sidebarToggled.emit()\">\n          <i class=\"fas fa-bars\"></i>\n        </button>\n      </div>\n      <div class=\"nav-tabs\">\n        <button\n          class=\"nav-tab\"\n          [class.active]=\"activeTab === 'conversations'\"\n          (click)=\"tabChanged.emit('conversations')\">\n          <i class=\"fas fa-comments\"></i>\n          <span>Chats</span>\n        </button>\n        <button\n          class=\"nav-tab\"\n          [class.active]=\"activeTab === 'collections'\"\n          (click)=\"tabChanged.emit('collections')\">\n          <i class=\"fas fa-folder\"></i>\n          <span>Collections</span>\n        </button>\n        <button\n          class=\"nav-tab\"\n          [class.active]=\"activeTab === 'tasks'\"\n          (click)=\"tabChanged.emit('tasks')\">\n          <i class=\"fas fa-tasks\"></i>\n          <span>Tasks</span>\n        </button>\n      </div>\n      <div class=\"nav-right\">\n        <mj-tasks-dropdown\n          [currentUser]=\"currentUser\"\n          [conversationId]=\"conversationId\"\n          (navigateToConversation)=\"navigateToConversation.emit($event)\">\n        </mj-tasks-dropdown>\n        <button class=\"nav-btn search-btn\" (click)=\"searchTriggered.emit()\" title=\"Search (Ctrl+K)\">\n          <i class=\"fas fa-search\"></i>\n        </button>\n        <button class=\"nav-btn refresh-btn\" (click)=\"refreshTriggered.emit()\" title=\"Refresh agent cache\">\n          <i class=\"fas fa-sync-alt\"></i>\n        </button>\n      </div>\n    </div>\n  `,\n  styles: [`\n    .conversation-navigation {\n      display: flex;\n      align-items: center;\n      height: 100%;\n      padding: 0 20px;\n      gap: 24px;\n      color: white;\n    }\n    .nav-left { display: flex; align-items: center; gap: 12px; }\n    .nav-title { margin: 0; font-size: 18px; font-weight: 600; }\n    .nav-tabs {\n      display: flex;\n      gap: 4px;\n      flex: 1;\n      height: 100%;\n    }\n    .nav-tab {\n      padding: 0 20px;\n      height: 100%;\n      background: transparent;\n      border: none;\n      color: rgba(255,255,255,0.7);\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 14px;\n      font-weight: 500;\n      transition: all 0.2s;\n      border-bottom: 3px solid transparent;\n    }\n    .nav-tab:hover {\n      background: rgba(255,255,255,0.05);\n      color: white;\n    }\n    .nav-tab.active {\n      color: white;\n      background: rgba(255,255,255,0.1);\n      border-bottom-color: #AAE7FD;\n    }\n    .nav-right { display: flex; gap: 8px; }\n    .nav-btn {\n      width: 36px;\n      height: 36px;\n      border-radius: 6px;\n      background: transparent;\n      border: none;\n      color: rgba(255,255,255,0.7);\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.2s;\n    }\n    .nav-btn:hover {\n      background: rgba(255,255,255,0.1);\n      color: white;\n    }\n    .sidebar-toggle {\n      display: flex;\n    }\n\n    /* Mobile adjustments: 481px - 768px */\n    @media (max-width: 768px) {\n      .conversation-navigation {\n        padding: 0 12px;\n        gap: 12px;\n      }\n      .sidebar-toggle {\n        display: flex;\n      }\n      .nav-tab {\n        padding: 0 12px;\n        font-size: 13px;\n        gap: 6px;\n      }\n      .nav-tab span {\n        display: none;\n      }\n      .nav-tab i {\n        font-size: 16px;\n      }\n      .nav-btn {\n        width: 32px;\n        height: 32px;\n      }\n      .nav-right {\n        gap: 4px;\n      }\n    }\n\n    /* Small Phone adjustments: <= 480px */\n    @media (max-width: 480px) {\n      .conversation-navigation {\n        padding: 0 8px;\n        gap: 8px;\n      }\n      .nav-tab {\n        padding: 0 8px;\n        font-size: 12px;\n      }\n      .nav-btn {\n        width: 28px;\n        height: 28px;\n      }\n      .nav-btn i {\n        font-size: 14px;\n      }\n      .nav-right .nav-btn:last-child {\n        display: none;\n      }\n    }\n  `]\n})\nexport class ConversationNavigationComponent {\n  @Input() ActiveTab: NavigationTab = 'conversations';\n\n  /** @deprecated Use {@link ActiveTab}. */\n  @Input() set activeTab(value: NavigationTab) {\n    this.ActiveTab = value;\n  }\n  /** @deprecated Use {@link ActiveTab}. */\n  get activeTab(): NavigationTab {\n    return this.ActiveTab;\n  }\n  @Input() EnvironmentId!: string;\n\n  /** @deprecated Use {@link EnvironmentId}. */\n  @Input() set environmentId(value: string) {\n    this.EnvironmentId = value;\n  }\n  /** @deprecated Use {@link EnvironmentId}. */\n  get environmentId(): string {\n    return this.EnvironmentId;\n  }\n  @Input() CurrentUser!: UserInfo;\n\n  /** @deprecated Use {@link CurrentUser}. */\n  @Input() set currentUser(value: UserInfo) {\n    this.CurrentUser = value;\n  }\n  /** @deprecated Use {@link CurrentUser}. */\n  get currentUser(): UserInfo {\n    return this.CurrentUser;\n  }\n  @Input() ConversationId: string | null = null;\n\n  /** @deprecated Use {@link ConversationId}. */\n  @Input() set conversationId(value: string | null) {\n    this.ConversationId = value;\n  }\n  /** @deprecated Use {@link ConversationId}. */\n  get conversationId(): string | null {\n    return this.ConversationId;\n  }\n  @Output() TabChanged = new EventEmitter<NavigationTab>();\n\n  /**\n   * @deprecated Use {@link TabChanged}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (tabChanged) keeps working. Must stay AFTER TabChanged: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() tabChanged = this.TabChanged;\n  @Output() SidebarToggled = new EventEmitter<void>();\n\n  /**\n   * @deprecated Use {@link SidebarToggled}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (sidebarToggled) keeps working. Must stay AFTER SidebarToggled: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() sidebarToggled = this.SidebarToggled;\n  @Output() SearchTriggered = new EventEmitter<void>();\n\n  /**\n   * @deprecated Use {@link SearchTriggered}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (searchTriggered) keeps working. Must stay AFTER SearchTriggered: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() searchTriggered = this.SearchTriggered;\n  @Output() RefreshTriggered = new EventEmitter<void>();\n\n  /**\n   * @deprecated Use {@link RefreshTriggered}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (refreshTriggered) keeps working. Must stay AFTER RefreshTriggered: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() refreshTriggered = this.RefreshTriggered;\n  @Output() NavigateToConversation = new EventEmitter<{conversationId: string; taskId: string}>();\n\n  /**\n   * @deprecated Use {@link NavigateToConversation}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (navigateToConversation) keeps working. Must stay AFTER NavigateToConversation: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() navigateToConversation = this.NavigateToConversation;\n}"]}

package/dist/lib/components/notification/activity-indicator.component.d.ts

@@ -4,8 +4,12 @@ import * as i0 from "@angular/core";
  * Displays activity indicators for agent processes, typing, etc.
  */
 export declare class ActivityIndicatorComponent {
-    config?: ActivityIndicatorConfig;
+    Config?: ActivityIndicatorConfig;
+    /** @deprecated Use {@link Config}. */
+    set config(value: ActivityIndicatorConfig | undefined);
+    /** @deprecated Use {@link Config}. */
+    get config(): ActivityIndicatorConfig | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActivityIndicatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActivityIndicatorComponent, "mj-activity-indicator", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActivityIndicatorComponent, "mj-activity-indicator", never, { "Config": { "alias": "Config"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, {}, never, never, false, never>;
 }
 //# sourceMappingURL=activity-indicator.component.d.ts.map

package/dist/lib/components/notification/activity-indicator.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"activity-indicator.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/notification/activity-indicator.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;;AAE1E;;GAEG;AACH,qBA2Fa,0BAA0B;IAC5B,MAAM,CAAC,EAAE,uBAAuB,CAAC;yCAD/B,0BAA0B;2CAA1B,0BAA0B;CAEtC"}
+{"version":3,"file":"activity-indicator.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/notification/activity-indicator.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;;AAE1E;;GAEG;AACH,qBA2Fa,0BAA0B;IAC5B,MAAM,CAAC,EAAE,uBAAuB,CAAC;IAE1C,sCAAsC;IACtC,IAAa,MAAM,CAAC,KAAK,EAAE,uBAAuB,GAAG,SAAS,EAE7D;IACD,sCAAsC;IACtC,IAAI,MAAM,IAAI,uBAAuB,GAAG,SAAS,CAEhD;yCAVU,0BAA0B;2CAA1B,0BAA0B;CAWtC"}

package/dist/lib/components/notification/activity-indicator.component.js

@@ -25,9 +25,17 @@ function ActivityIndicatorComponent_Conditional_0_Template(rf, ctx) { if (rf & 1
  * Displays activity indicators for agent processes, typing, etc.
  */
 export class ActivityIndicatorComponent {
-    config;
+    Config;
+    /** @deprecated Use {@link Config}. */
+    set config(value) {
+        this.Config = value;
+    }
+    /** @deprecated Use {@link Config}. */
+    get config() {
+        return this.Config;
+    }
     static ɵfac = function ActivityIndicatorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActivityIndicatorComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActivityIndicatorComponent, selectors: [["mj-activity-indicator"]], inputs: { config: "config" }, standalone: false, decls: 1, vars: 1, consts: [[1, "activity-indicator", 3, "activity-agent", "activity-processing", "activity-typing"], [1, "activity-indicator"], [1, "activity-dots"], [1, "dot"], [1, "activity-text"]], template: function ActivityIndicatorComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActivityIndicatorComponent, selectors: [["mj-activity-indicator"]], inputs: { Config: "Config", config: "config" }, standalone: false, decls: 1, vars: 1, consts: [[1, "activity-indicator", 3, "activity-agent", "activity-processing", "activity-typing"], [1, "activity-indicator"], [1, "activity-dots"], [1, "dot"], [1, "activity-text"]], template: function ActivityIndicatorComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, ActivityIndicatorComponent_Conditional_0_Template, 6, 7, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional((ctx.config == null ? null : ctx.config.show) ? 0 : -1);
@@ -49,7 +57,9 @@ export class ActivityIndicatorComponent {
       </div>
     }
   `, styles: ["\n    .activity-indicator {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 4px 8px;\n      border-radius: 12px;\n      font-size: 11px;\n      font-weight: 500;\n      color: #666;\n      background: #F4F4F4;\n      transition: all 150ms ease;\n    }\n\n    .activity-agent {\n      background: #EFF6FF;\n      color: #0076B6;\n    }\n\n    .activity-processing {\n      background: #FEF3C7;\n      color: #D97706;\n    }\n\n    .activity-typing {\n      background: #F3F4F6;\n      color: #6B7280;\n    }\n\n    .activity-dots {\n      display: flex;\n      align-items: center;\n      gap: 3px;\n    }\n\n    .dot {\n      width: 4px;\n      height: 4px;\n      border-radius: 50%;\n      background: currentColor;\n      animation: dot-pulse 1.4s ease-in-out infinite;\n    }\n\n    .dot:nth-child(1) {\n      animation-delay: 0s;\n    }\n\n    .dot:nth-child(2) {\n      animation-delay: 0.2s;\n    }\n\n    .dot:nth-child(3) {\n      animation-delay: 0.4s;\n    }\n\n    @keyframes dot-pulse {\n      0%, 60%, 100% {\n        opacity: 0.3;\n        transform: scale(0.8);\n      }\n      30% {\n        opacity: 1;\n        transform: scale(1.2);\n      }\n    }\n\n    .activity-text {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      max-width: 150px;\n    }\n  "] }]
-    }], null, { config: [{
+    }], null, { Config: [{
+            type: Input
+        }], config: [{
             type: Input
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActivityIndicatorComponent, { className: "ActivityIndicatorComponent", filePath: "src/lib/components/notification/activity-indicator.component.ts", lineNumber: 98 }); })();

package/dist/lib/components/notification/activity-indicator.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"activity-indicator.component.js","sourceRoot":"","sources":["../../../../src/lib/components/notification/activity-indicator.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;IAkBvC,+BAA4B;IAAA,YAAkB;IAAA,iBAAO;;;IAAzB,cAAkB;IAAlB,uEAAkB;;;IANhD,AADF,8BAAkM,aACrK;IAGzB,AADA,AADA,0BAAyB,cACA,cACA;IAC3B,iBAAM;IACN,2GAAoB;IAGtB,iBAAM;;;IATwI,AAA5D,AAAlD,iGAAiD,6FAA4D,qFAAoD;IAM/L,eAEC;IAFD,8EAEC;;AAhBT;;GAEG;AA4FH,MAAM,OAAO,0BAA0B;IAC5B,MAAM,CAA2B;oHAD/B,0BAA0B;6DAA1B,0BAA0B;YAvFnC,4FAAoB;;YAApB,wEAWC;;;iFA4EQ,0BAA0B;cA3FtC,SAAS;6BACI,KAAK,YACP,uBAAuB,YACvB;;;;;;;;;;;;;GAaT;;kBA4EA,KAAK;;kFADK,0BAA0B","sourcesContent":["import { Component, Input } from '@angular/core';\nimport { ActivityIndicatorConfig } from '../../models/notification.model';\n\n/**\n * Displays activity indicators for agent processes, typing, etc.\n */\n@Component({\n  standalone: false,\n  selector: 'mj-activity-indicator',\n  template: `\n    @if (config?.show) {\n      <div class=\"activity-indicator\" [class.activity-agent]=\"config?.type === 'agent'\" [class.activity-processing]=\"config?.type === 'processing'\" [class.activity-typing]=\"config?.type === 'typing'\">\n        <div class=\"activity-dots\">\n          <span class=\"dot\"></span>\n          <span class=\"dot\"></span>\n          <span class=\"dot\"></span>\n        </div>\n        @if (config?.text) {\n          <span class=\"activity-text\">{{ config?.text }}</span>\n        }\n      </div>\n    }\n  `,\n  styles: [`\n    .activity-indicator {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 4px 8px;\n      border-radius: 12px;\n      font-size: 11px;\n      font-weight: 500;\n      color: #666;\n      background: #F4F4F4;\n      transition: all 150ms ease;\n    }\n\n    .activity-agent {\n      background: #EFF6FF;\n      color: #0076B6;\n    }\n\n    .activity-processing {\n      background: #FEF3C7;\n      color: #D97706;\n    }\n\n    .activity-typing {\n      background: #F3F4F6;\n      color: #6B7280;\n    }\n\n    .activity-dots {\n      display: flex;\n      align-items: center;\n      gap: 3px;\n    }\n\n    .dot {\n      width: 4px;\n      height: 4px;\n      border-radius: 50%;\n      background: currentColor;\n      animation: dot-pulse 1.4s ease-in-out infinite;\n    }\n\n    .dot:nth-child(1) {\n      animation-delay: 0s;\n    }\n\n    .dot:nth-child(2) {\n      animation-delay: 0.2s;\n    }\n\n    .dot:nth-child(3) {\n      animation-delay: 0.4s;\n    }\n\n    @keyframes dot-pulse {\n      0%, 60%, 100% {\n        opacity: 0.3;\n        transform: scale(0.8);\n      }\n      30% {\n        opacity: 1;\n        transform: scale(1.2);\n      }\n    }\n\n    .activity-text {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      max-width: 150px;\n    }\n  `]\n})\nexport class ActivityIndicatorComponent {\n  @Input() config?: ActivityIndicatorConfig;\n}\n"]}
+{"version":3,"file":"activity-indicator.component.js","sourceRoot":"","sources":["../../../../src/lib/components/notification/activity-indicator.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;IAkBvC,+BAA4B;IAAA,YAAkB;IAAA,iBAAO;;;IAAzB,cAAkB;IAAlB,uEAAkB;;;IANhD,AADF,8BAAkM,aACrK;IAGzB,AADA,AADA,0BAAyB,cACA,cACA;IAC3B,iBAAM;IACN,2GAAoB;IAGtB,iBAAM;;;IATwI,AAA5D,AAAlD,iGAAiD,6FAA4D,qFAAoD;IAM/L,eAEC;IAFD,8EAEC;;AAhBT;;GAEG;AA4FH,MAAM,OAAO,0BAA0B;IAC5B,MAAM,CAA2B;IAE1C,sCAAsC;IACtC,IAAa,MAAM,CAAC,KAA0C;QAC5D,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IACD,sCAAsC;IACtC,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;oHAVU,0BAA0B;6DAA1B,0BAA0B;YAvFnC,4FAAoB;;YAApB,wEAWC;;;iFA4EQ,0BAA0B;cA3FtC,SAAS;6BACI,KAAK,YACP,uBAAuB,YACvB;;;;;;;;;;;;;GAaT;;kBA4EA,KAAK;;kBAGL,KAAK;;kFAJK,0BAA0B","sourcesContent":["import { Component, Input } from '@angular/core';\nimport { ActivityIndicatorConfig } from '../../models/notification.model';\n\n/**\n * Displays activity indicators for agent processes, typing, etc.\n */\n@Component({\n  standalone: false,\n  selector: 'mj-activity-indicator',\n  template: `\n    @if (config?.show) {\n      <div class=\"activity-indicator\" [class.activity-agent]=\"config?.type === 'agent'\" [class.activity-processing]=\"config?.type === 'processing'\" [class.activity-typing]=\"config?.type === 'typing'\">\n        <div class=\"activity-dots\">\n          <span class=\"dot\"></span>\n          <span class=\"dot\"></span>\n          <span class=\"dot\"></span>\n        </div>\n        @if (config?.text) {\n          <span class=\"activity-text\">{{ config?.text }}</span>\n        }\n      </div>\n    }\n  `,\n  styles: [`\n    .activity-indicator {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 4px 8px;\n      border-radius: 12px;\n      font-size: 11px;\n      font-weight: 500;\n      color: #666;\n      background: #F4F4F4;\n      transition: all 150ms ease;\n    }\n\n    .activity-agent {\n      background: #EFF6FF;\n      color: #0076B6;\n    }\n\n    .activity-processing {\n      background: #FEF3C7;\n      color: #D97706;\n    }\n\n    .activity-typing {\n      background: #F3F4F6;\n      color: #6B7280;\n    }\n\n    .activity-dots {\n      display: flex;\n      align-items: center;\n      gap: 3px;\n    }\n\n    .dot {\n      width: 4px;\n      height: 4px;\n      border-radius: 50%;\n      background: currentColor;\n      animation: dot-pulse 1.4s ease-in-out infinite;\n    }\n\n    .dot:nth-child(1) {\n      animation-delay: 0s;\n    }\n\n    .dot:nth-child(2) {\n      animation-delay: 0.2s;\n    }\n\n    .dot:nth-child(3) {\n      animation-delay: 0.4s;\n    }\n\n    @keyframes dot-pulse {\n      0%, 60%, 100% {\n        opacity: 0.3;\n        transform: scale(0.8);\n      }\n      30% {\n        opacity: 1;\n        transform: scale(1.2);\n      }\n    }\n\n    .activity-text {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      max-width: 150px;\n    }\n  `]\n})\nexport class ActivityIndicatorComponent {\n  @Input() Config?: ActivityIndicatorConfig;\n\n  /** @deprecated Use {@link Config}. */\n  @Input() set config(value: ActivityIndicatorConfig | undefined) {\n    this.Config = value;\n  }\n  /** @deprecated Use {@link Config}. */\n  get config(): ActivityIndicatorConfig | undefined {\n    return this.Config;\n  }\n}\n"]}

package/dist/lib/components/notification/notification-badge.component.d.ts

@@ -8,20 +8,32 @@ import * as i0 from "@angular/core";
  */
 export declare class NotificationBadgeComponent implements OnInit, OnDestroy {
     private notificationService;
-    conversationId?: string;
-    badgeConfig?: BadgeConfig;
+    ConversationId?: string;
+    /** @deprecated Use {@link ConversationId}. */
+    set conversationId(value: string | undefined);
+    /** @deprecated Use {@link ConversationId}. */
+    get conversationId(): string | undefined;
+    BadgeConfig?: BadgeConfig;
+    /** @deprecated Use {@link BadgeConfig}. */
+    set badgeConfig(value: BadgeConfig | undefined);
+    /** @deprecated Use {@link BadgeConfig}. */
+    get badgeConfig(): BadgeConfig | undefined;
     private destroy$;
     private _loadedBadgeConfig;
     constructor(notificationService: NotificationService);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    get DisplayConfig(): BadgeConfig | null;
+    /** @deprecated Use {@link DisplayConfig}. */
     get displayConfig(): BadgeConfig | null;
     /**
      * Formats count for display
      * Shows 99+ for counts over 99
      */
+    FormatCount(count: number): string;
+    /** @deprecated Use {@link FormatCount}. */
     formatCount(count: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationBadgeComponent, "mj-notification-badge", never, { "conversationId": { "alias": "conversationId"; "required": false; }; "badgeConfig": { "alias": "badgeConfig"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationBadgeComponent, "mj-notification-badge", never, { "ConversationId": { "alias": "ConversationId"; "required": false; }; "conversationId": { "alias": "conversationId"; "required": false; }; "BadgeConfig": { "alias": "BadgeConfig"; "required": false; }; "badgeConfig": { "alias": "badgeConfig"; "required": false; }; }, {}, never, never, false, never>;
 }
 //# sourceMappingURL=notification-badge.component.d.ts.map

package/dist/lib/components/notification/notification-badge.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-badge.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/notification/notification-badge.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAGpE,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;;AAE1E;;;GAGG;AACH,qBA8Na,0BAA2B,YAAW,MAAM,EAAE,SAAS;IAOtD,OAAO,CAAC,mBAAmB;IAN9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAEnC,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,CAAC,kBAAkB,CAA4B;gBAElC,mBAAmB,EAAE,mBAAmB;IAE5D,QAAQ,IAAI,IAAI;IAYhB,WAAW,IAAI,IAAI;IAKnB,IAAI,aAAa,IAAI,WAAW,GAAG,IAAI,CAEtC;IAED;;;OAGG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;yCAlCvB,0BAA0B;2CAA1B,0BAA0B;CAqCtC"}
+{"version":3,"file":"notification-badge.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/notification/notification-badge.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAGpE,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;;AAE1E;;;GAGG;AACH,qBA8Na,0BAA2B,YAAW,MAAM,EAAE,SAAS;IAyBtD,OAAO,CAAC,mBAAmB;IAxB9B,cAAc,CAAC,EAAE,MAAM,CAAC;IAEjC,8CAA8C;IAC9C,IAAa,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAEpD;IACD,8CAA8C;IAC9C,IAAI,cAAc,IAAI,MAAM,GAAG,SAAS,CAEvC;IACQ,WAAW,CAAC,EAAE,WAAW,CAAC;IAEnC,2CAA2C;IAC3C,IAAa,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,EAEtD;IACD,2CAA2C;IAC3C,IAAI,WAAW,IAAI,WAAW,GAAG,SAAS,CAEzC;IAED,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,CAAC,kBAAkB,CAA4B;gBAElC,mBAAmB,EAAE,mBAAmB;IAE5D,QAAQ,IAAI,IAAI;IAYhB,WAAW,IAAI,IAAI;IAKnB,IAAI,aAAa,IAAI,WAAW,GAAG,IAAI,CAEtC;IAED,6CAA6C;IAC7C,IAAI,aAAa,IAAI,WAAW,GAAG,IAAI,CAEtC;IAED;;;OAGG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIlC,2CAA2C;IAC3C,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;yCA9DvB,0BAA0B;2CAA1B,0BAA0B;CAiEtC"}

package/dist/lib/components/notification/notification-badge.component.js

@@ -71,8 +71,24 @@ function NotificationBadgeComponent_Conditional_0_Template(rf, ctx) { if (rf & 1
  */
 export class NotificationBadgeComponent {
     notificationService;
-    conversationId;
-    badgeConfig;
+    ConversationId;
+    /** @deprecated Use {@link ConversationId}. */
+    set conversationId(value) {
+        this.ConversationId = value;
+    }
+    /** @deprecated Use {@link ConversationId}. */
+    get conversationId() {
+        return this.ConversationId;
+    }
+    BadgeConfig;
+    /** @deprecated Use {@link BadgeConfig}. */
+    set badgeConfig(value) {
+        this.BadgeConfig = value;
+    }
+    /** @deprecated Use {@link BadgeConfig}. */
+    get badgeConfig() {
+        return this.BadgeConfig;
+    }
     destroy$ = new Subject();
     _loadedBadgeConfig = null;
     constructor(notificationService) {
@@ -80,9 +96,9 @@ export class NotificationBadgeComponent {
     }
     ngOnInit() {
         // If badgeConfig not provided but conversationId is, load from service
-        if (!this.badgeConfig && this.conversationId) {
+        if (!this.BadgeConfig && this.ConversationId) {
             this.notificationService
-                .getBadgeConfig$(this.conversationId)
+                .getBadgeConfig$(this.ConversationId)
                 .pipe(takeUntil(this.destroy$))
                 .subscribe(config => {
                 this._loadedBadgeConfig = config;
@@ -93,18 +109,26 @@ export class NotificationBadgeComponent {
         this.destroy$.next();
         this.destroy$.complete();
     }
+    get DisplayConfig() {
+        return this.BadgeConfig || this._loadedBadgeConfig;
+    }
+    /** @deprecated Use {@link DisplayConfig}. */
     get displayConfig() {
-        return this.badgeConfig || this._loadedBadgeConfig;
+        return this.DisplayConfig;
     }
     /**
      * Formats count for display
      * Shows 99+ for counts over 99
      */
-    formatCount(count) {
+    FormatCount(count) {
         return count > 99 ? '99+' : count.toString();
     }
+    /** @deprecated Use {@link FormatCount}. */
+    formatCount(count) {
+        return this.FormatCount(count);
+    }
     static ɵfac = function NotificationBadgeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NotificationBadgeComponent)(i0.ɵɵdirectiveInject(i1.NotificationService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NotificationBadgeComponent, selectors: [["mj-notification-badge"]], inputs: { conversationId: "conversationId", badgeConfig: "badgeConfig" }, standalone: false, decls: 1, vars: 1, consts: [[1, "notification-badge-container"], [1, "notification-badge", "badge-count", 3, "badge-high", "badge-urgent", "badge-animate"], [1, "notification-badge", "badge-dot", 3, "badge-high", "badge-urgent", "badge-animate"], [1, "notification-badge", "badge-pulse", 3, "badge-high", "badge-urgent"], [1, "notification-badge", "badge-new", 3, "badge-animate"], [1, "notification-badge", "badge-count"], [1, "notification-badge", "badge-dot"], [1, "notification-badge", "badge-pulse"], [1, "pulse-ring"], [1, "pulse-ring-delay"], [1, "pulse-count"], [1, "notification-badge", "badge-new"]], template: function NotificationBadgeComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NotificationBadgeComponent, selectors: [["mj-notification-badge"]], inputs: { ConversationId: "ConversationId", conversationId: "conversationId", BadgeConfig: "BadgeConfig", badgeConfig: "badgeConfig" }, standalone: false, decls: 1, vars: 1, consts: [[1, "notification-badge-container"], [1, "notification-badge", "badge-count", 3, "badge-high", "badge-urgent", "badge-animate"], [1, "notification-badge", "badge-dot", 3, "badge-high", "badge-urgent", "badge-animate"], [1, "notification-badge", "badge-pulse", 3, "badge-high", "badge-urgent"], [1, "notification-badge", "badge-new", 3, "badge-animate"], [1, "notification-badge", "badge-count"], [1, "notification-badge", "badge-dot"], [1, "notification-badge", "badge-pulse"], [1, "pulse-ring"], [1, "pulse-ring-delay"], [1, "pulse-count"], [1, "notification-badge", "badge-new"]], template: function NotificationBadgeComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, NotificationBadgeComponent_Conditional_0_Template, 5, 4, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional((ctx.badgeConfig == null ? null : ctx.badgeConfig.show) ? 0 : -1);
@@ -154,7 +178,11 @@ export class NotificationBadgeComponent {
       </div>
     }
   `, styles: ["\n    .notification-badge-container {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .notification-badge {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 10px;\n      font-weight: 700;\n      line-height: 1;\n      color: white;\n      border-radius: 10px;\n      white-space: nowrap;\n      transition: all 150ms ease;\n    }\n\n    /* Count badge */\n    .badge-count {\n      min-width: 18px;\n      height: 18px;\n      padding: 0 5px;\n      background: #0076B6;\n      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);\n    }\n\n    .badge-count.badge-high {\n      background: #F59E0B;\n    }\n\n    .badge-count.badge-urgent {\n      background: #DC2626;\n    }\n\n    /* Dot badge */\n    .badge-dot {\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: #0076B6;\n      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);\n    }\n\n    .badge-dot.badge-high {\n      background: #F59E0B;\n    }\n\n    .badge-dot.badge-urgent {\n      background: #DC2626;\n    }\n\n    /* Pulse badge with animated rings */\n    .badge-pulse {\n      position: relative;\n      width: 24px;\n      height: 24px;\n      background: #0076B6;\n      border-radius: 50%;\n      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\n    }\n\n    .badge-pulse.badge-high {\n      background: #F59E0B;\n    }\n\n    .badge-pulse.badge-urgent {\n      background: #DC2626;\n    }\n\n    .pulse-ring {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100%;\n      height: 100%;\n      border: 2px solid currentColor;\n      border-radius: 50%;\n      transform: translate(-50%, -50%);\n      animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;\n      opacity: 0;\n    }\n\n    .pulse-ring-delay {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100%;\n      height: 100%;\n      border: 2px solid currentColor;\n      border-radius: 50%;\n      transform: translate(-50%, -50%);\n      animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;\n      animation-delay: 1s;\n      opacity: 0;\n    }\n\n    @keyframes pulse-ring {\n      0% {\n        transform: translate(-50%, -50%) scale(0.8);\n        opacity: 1;\n      }\n      50% {\n        transform: translate(-50%, -50%) scale(1.3);\n        opacity: 0.5;\n      }\n      100% {\n        transform: translate(-50%, -50%) scale(1.5);\n        opacity: 0;\n      }\n    }\n\n    .pulse-count {\n      position: relative;\n      z-index: 1;\n      font-size: 10px;\n      font-weight: 700;\n      color: white;\n    }\n\n    /* New badge */\n    .badge-new {\n      height: 18px;\n      padding: 0 6px;\n      background: linear-gradient(135deg, #10B981, #059669);\n      font-size: 9px;\n      font-weight: 800;\n      letter-spacing: 0.5px;\n      box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3);\n    }\n\n    /* Pop-in animation for badges */\n    .badge-animate {\n      animation: badge-pop 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);\n    }\n\n    @keyframes badge-pop {\n      0% {\n        transform: scale(0);\n        opacity: 0;\n      }\n      50% {\n        transform: scale(1.2);\n      }\n      100% {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n\n    /* Shake animation for urgent badges */\n    .badge-urgent.badge-animate {\n      animation: badge-pop 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55),\n                 badge-shake 400ms ease-in-out 300ms;\n    }\n\n    @keyframes badge-shake {\n      0%, 100% { transform: translateX(0); }\n      10%, 30%, 50%, 70%, 90% { transform: translateX(-2px); }\n      20%, 40%, 60%, 80% { transform: translateX(2px); }\n    }\n\n    /* Hover effects */\n    .notification-badge:hover {\n      transform: scale(1.1);\n      cursor: default;\n    }\n\n    .badge-pulse:hover .pulse-ring,\n    .badge-pulse:hover .pulse-ring-delay {\n      animation-play-state: paused;\n    }\n  "] }]
-    }], () => [{ type: i1.NotificationService }], { conversationId: [{
+    }], () => [{ type: i1.NotificationService }], { ConversationId: [{
+            type: Input
+        }], conversationId: [{
+            type: Input
+        }], BadgeConfig: [{
             type: Input
         }], badgeConfig: [{
             type: Input

package/dist/lib/components/notification/notification-badge.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification-badge.component.js","sourceRoot":"","sources":["../../../../src/lib/components/notification/notification-badge.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,MAAM,eAAe,CAAC;AACpE,OAAO,EAAc,OAAO,EAAE,MAAM,MAAM,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;;;;IAejC,8BAI+C;IAC7C,YACF;IAAA,iBAAM;;;IAFJ,AADA,AADA,0GAAqD,gGACI,iFACb;IAC5C,cACF;IADE,iHACF;;;IAGA,yBAKM;;;IADJ,AADA,AADA,0GAAqD,gGACI,iFACb;;;IAW1C,gCAA0B;IAAA,YAAsC;IAAA,iBAAO;;;IAA7C,cAAsC;IAAtC,sGAAsC;;;IAPpE,8BAG4D;IAE1D,AADA,0BAAgC,cACM;IACtC,0HAA6D;IAG/D,iBAAM;;;IANJ,AADA,0GAAqD,gGACI;IAGzD,eAEC;IAFD,uKAEC;;;IAIH,+BAE+C;IAC7C,qBACF;IAAA,iBAAM;;;IAFJ,+FAA4C;;;IAjClD,8BAA0C;IACxC,0GAA8F;IAS9F,0GAAmC;IAQnC,0GAAqC;IAYrC,0GAAmC;IAOrC,iBAAM;;;IApCJ,cAQC;IARD,oPAQC;IACD,cAOC;IAPD,kGAOC;IACD,cAWC;IAXD,oGAWC;IACD,cAMC;IAND,kGAMC;;AA7CT;;;GAGG;AA+NH,MAAM,OAAO,0BAA0B;IAOjB;IANX,cAAc,CAAU;IACxB,WAAW,CAAe;IAE3B,QAAQ,GAAG,IAAI,OAAO,EAAQ,CAAC;IAC/B,kBAAkB,GAAuB,IAAI,CAAC;IAEtD,YAAoB,mBAAwC;QAAxC,wBAAmB,GAAnB,mBAAmB,CAAqB;IAAG,CAAC;IAEhE,QAAQ;QACN,uEAAuE;QACvE,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YAC7C,IAAI,CAAC,mBAAmB;iBACrB,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC;iBACpC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;iBAC9B,SAAS,CAAC,MAAM,CAAC,EAAE;gBAClB,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC;YACnC,CAAC,CAAC,CAAC;QACP,CAAC;IACH,CAAC;IAED,WAAW;QACT,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;IAC3B,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,kBAAkB,CAAC;IACrD,CAAC;IAED;;;OAGG;IACH,WAAW,CAAC,KAAa;QACvB,OAAO,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC/C,CAAC;oHApCU,0BAA0B;6DAA1B,0BAA0B;YA1NnC,4FAAyB;;YAAzB,kFAuCC;;;iFAmLQ,0BAA0B;cA9NtC,SAAS;6BACI,KAAK,YACP,uBAAuB,YACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCT;;kBAmLA,KAAK;;kBACL,KAAK;;kFAFK,0BAA0B","sourcesContent":["import { Component, Input, OnInit, OnDestroy } from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { BadgeConfig } from '../../models/notification.model';\nimport { NotificationService } from '../../services/notification.service';\n\n/**\n * Displays notification badges with various styles and animations\n * Supports count, dot, pulse, and new badge types\n */\n@Component({\n  standalone: false,\n  selector: 'mj-notification-badge',\n  template: `\n    @if (badgeConfig?.show) {\n      <div class=\"notification-badge-container\">\n        @if (badgeConfig?.type === 'count' && badgeConfig?.count != null && badgeConfig?.count! > 0) {\n          <div\n            class=\"notification-badge badge-count\"\n            [class.badge-high]=\"badgeConfig?.priority === 'high'\"\n            [class.badge-urgent]=\"badgeConfig?.priority === 'urgent'\"\n            [class.badge-animate]=\"badgeConfig?.animate\">\n            {{ formatCount(badgeConfig?.count!) }}\n          </div>\n        }\n        @if (badgeConfig?.type === 'dot') {\n          <div\n            class=\"notification-badge badge-dot\"\n            [class.badge-high]=\"badgeConfig?.priority === 'high'\"\n            [class.badge-urgent]=\"badgeConfig?.priority === 'urgent'\"\n            [class.badge-animate]=\"badgeConfig?.animate\">\n          </div>\n        }\n        @if (badgeConfig?.type === 'pulse') {\n          <div\n            class=\"notification-badge badge-pulse\"\n            [class.badge-high]=\"badgeConfig?.priority === 'high'\"\n            [class.badge-urgent]=\"badgeConfig?.priority === 'urgent'\">\n            <span class=\"pulse-ring\"></span>\n            <span class=\"pulse-ring-delay\"></span>\n            @if (badgeConfig?.count != null && badgeConfig?.count! > 0) {\n              <span class=\"pulse-count\">{{ formatCount(badgeConfig?.count!) }}</span>\n            }\n          </div>\n        }\n        @if (badgeConfig?.type === 'new') {\n          <div\n            class=\"notification-badge badge-new\"\n            [class.badge-animate]=\"badgeConfig?.animate\">\n            NEW\n          </div>\n        }\n      </div>\n    }\n  `,\n  styles: [`\n    .notification-badge-container {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .notification-badge {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 10px;\n      font-weight: 700;\n      line-height: 1;\n      color: white;\n      border-radius: 10px;\n      white-space: nowrap;\n      transition: all 150ms ease;\n    }\n\n    /* Count badge */\n    .badge-count {\n      min-width: 18px;\n      height: 18px;\n      padding: 0 5px;\n      background: #0076B6;\n      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);\n    }\n\n    .badge-count.badge-high {\n      background: #F59E0B;\n    }\n\n    .badge-count.badge-urgent {\n      background: #DC2626;\n    }\n\n    /* Dot badge */\n    .badge-dot {\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: #0076B6;\n      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);\n    }\n\n    .badge-dot.badge-high {\n      background: #F59E0B;\n    }\n\n    .badge-dot.badge-urgent {\n      background: #DC2626;\n    }\n\n    /* Pulse badge with animated rings */\n    .badge-pulse {\n      position: relative;\n      width: 24px;\n      height: 24px;\n      background: #0076B6;\n      border-radius: 50%;\n      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\n    }\n\n    .badge-pulse.badge-high {\n      background: #F59E0B;\n    }\n\n    .badge-pulse.badge-urgent {\n      background: #DC2626;\n    }\n\n    .pulse-ring {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100%;\n      height: 100%;\n      border: 2px solid currentColor;\n      border-radius: 50%;\n      transform: translate(-50%, -50%);\n      animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;\n      opacity: 0;\n    }\n\n    .pulse-ring-delay {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100%;\n      height: 100%;\n      border: 2px solid currentColor;\n      border-radius: 50%;\n      transform: translate(-50%, -50%);\n      animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;\n      animation-delay: 1s;\n      opacity: 0;\n    }\n\n    @keyframes pulse-ring {\n      0% {\n        transform: translate(-50%, -50%) scale(0.8);\n        opacity: 1;\n      }\n      50% {\n        transform: translate(-50%, -50%) scale(1.3);\n        opacity: 0.5;\n      }\n      100% {\n        transform: translate(-50%, -50%) scale(1.5);\n        opacity: 0;\n      }\n    }\n\n    .pulse-count {\n      position: relative;\n      z-index: 1;\n      font-size: 10px;\n      font-weight: 700;\n      color: white;\n    }\n\n    /* New badge */\n    .badge-new {\n      height: 18px;\n      padding: 0 6px;\n      background: linear-gradient(135deg, #10B981, #059669);\n      font-size: 9px;\n      font-weight: 800;\n      letter-spacing: 0.5px;\n      box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3);\n    }\n\n    /* Pop-in animation for badges */\n    .badge-animate {\n      animation: badge-pop 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);\n    }\n\n    @keyframes badge-pop {\n      0% {\n        transform: scale(0);\n        opacity: 0;\n      }\n      50% {\n        transform: scale(1.2);\n      }\n      100% {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n\n    /* Shake animation for urgent badges */\n    .badge-urgent.badge-animate {\n      animation: badge-pop 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55),\n                 badge-shake 400ms ease-in-out 300ms;\n    }\n\n    @keyframes badge-shake {\n      0%, 100% { transform: translateX(0); }\n      10%, 30%, 50%, 70%, 90% { transform: translateX(-2px); }\n      20%, 40%, 60%, 80% { transform: translateX(2px); }\n    }\n\n    /* Hover effects */\n    .notification-badge:hover {\n      transform: scale(1.1);\n      cursor: default;\n    }\n\n    .badge-pulse:hover .pulse-ring,\n    .badge-pulse:hover .pulse-ring-delay {\n      animation-play-state: paused;\n    }\n  `]\n})\nexport class NotificationBadgeComponent implements OnInit, OnDestroy {\n  @Input() conversationId?: string;\n  @Input() badgeConfig?: BadgeConfig;\n\n  private destroy$ = new Subject<void>();\n  private _loadedBadgeConfig: BadgeConfig | null = null;\n\n  constructor(private notificationService: NotificationService) {}\n\n  ngOnInit(): void {\n    // If badgeConfig not provided but conversationId is, load from service\n    if (!this.badgeConfig && this.conversationId) {\n      this.notificationService\n        .getBadgeConfig$(this.conversationId)\n        .pipe(takeUntil(this.destroy$))\n        .subscribe(config => {\n          this._loadedBadgeConfig = config;\n        });\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n\n  get displayConfig(): BadgeConfig | null {\n    return this.badgeConfig || this._loadedBadgeConfig;\n  }\n\n  /**\n   * Formats count for display\n   * Shows 99+ for counts over 99\n   */\n  formatCount(count: number): string {\n    return count > 99 ? '99+' : count.toString();\n  }\n}\n"]}
+{"version":3,"file":"notification-badge.component.js","sourceRoot":"","sources":["../../../../src/lib/components/notification/notification-badge.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnInit, OnDestroy } from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { BadgeConfig } from '../../models/notification.model';\nimport { NotificationService } from '../../services/notification.service';\n\n/**\n * Displays notification badges with various styles and animations\n * Supports count, dot, pulse, and new badge types\n */\n@Component({\n  standalone: false,\n  selector: 'mj-notification-badge',\n  template: `\n    @if (badgeConfig?.show) {\n      <div class=\"notification-badge-container\">\n        @if (badgeConfig?.type === 'count' && badgeConfig?.count != null && badgeConfig?.count! > 0) {\n          <div\n            class=\"notification-badge badge-count\"\n            [class.badge-high]=\"badgeConfig?.priority === 'high'\"\n            [class.badge-urgent]=\"badgeConfig?.priority === 'urgent'\"\n            [class.badge-animate]=\"badgeConfig?.animate\">\n            {{ formatCount(badgeConfig?.count!) }}\n          </div>\n        }\n        @if (badgeConfig?.type === 'dot') {\n          <div\n            class=\"notification-badge badge-dot\"\n            [class.badge-high]=\"badgeConfig?.priority === 'high'\"\n            [class.badge-urgent]=\"badgeConfig?.priority === 'urgent'\"\n            [class.badge-animate]=\"badgeConfig?.animate\">\n          </div>\n        }\n        @if (badgeConfig?.type === 'pulse') {\n          <div\n            class=\"notification-badge badge-pulse\"\n            [class.badge-high]=\"badgeConfig?.priority === 'high'\"\n            [class.badge-urgent]=\"badgeConfig?.priority === 'urgent'\">\n            <span class=\"pulse-ring\"></span>\n            <span class=\"pulse-ring-delay\"></span>\n            @if (badgeConfig?.count != null && badgeConfig?.count! > 0) {\n              <span class=\"pulse-count\">{{ formatCount(badgeConfig?.count!) }}</span>\n            }\n          </div>\n        }\n        @if (badgeConfig?.type === 'new') {\n          <div\n            class=\"notification-badge badge-new\"\n            [class.badge-animate]=\"badgeConfig?.animate\">\n            NEW\n          </div>\n        }\n      </div>\n    }\n  `,\n  styles: [`\n    .notification-badge-container {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .notification-badge {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 10px;\n      font-weight: 700;\n      line-height: 1;\n      color: white;\n      border-radius: 10px;\n      white-space: nowrap;\n      transition: all 150ms ease;\n    }\n\n    /* Count badge */\n    .badge-count {\n      min-width: 18px;\n      height: 18px;\n      padding: 0 5px;\n      background: #0076B6;\n      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);\n    }\n\n    .badge-count.badge-high {\n      background: #F59E0B;\n    }\n\n    .badge-count.badge-urgent {\n      background: #DC2626;\n    }\n\n    /* Dot badge */\n    .badge-dot {\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: #0076B6;\n      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);\n    }\n\n    .badge-dot.badge-high {\n      background: #F59E0B;\n    }\n\n    .badge-dot.badge-urgent {\n      background: #DC2626;\n    }\n\n    /* Pulse badge with animated rings */\n    .badge-pulse {\n      position: relative;\n      width: 24px;\n      height: 24px;\n      background: #0076B6;\n      border-radius: 50%;\n      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\n    }\n\n    .badge-pulse.badge-high {\n      background: #F59E0B;\n    }\n\n    .badge-pulse.badge-urgent {\n      background: #DC2626;\n    }\n\n    .pulse-ring {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100%;\n      height: 100%;\n      border: 2px solid currentColor;\n      border-radius: 50%;\n      transform: translate(-50%, -50%);\n      animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;\n      opacity: 0;\n    }\n\n    .pulse-ring-delay {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100%;\n      height: 100%;\n      border: 2px solid currentColor;\n      border-radius: 50%;\n      transform: translate(-50%, -50%);\n      animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;\n      animation-delay: 1s;\n      opacity: 0;\n    }\n\n    @keyframes pulse-ring {\n      0% {\n        transform: translate(-50%, -50%) scale(0.8);\n        opacity: 1;\n      }\n      50% {\n        transform: translate(-50%, -50%) scale(1.3);\n        opacity: 0.5;\n      }\n      100% {\n        transform: translate(-50%, -50%) scale(1.5);\n        opacity: 0;\n      }\n    }\n\n    .pulse-count {\n      position: relative;\n      z-index: 1;\n      font-size: 10px;\n      font-weight: 700;\n      color: white;\n    }\n\n    /* New badge */\n    .badge-new {\n      height: 18px;\n      padding: 0 6px;\n      background: linear-gradient(135deg, #10B981, #059669);\n      font-size: 9px;\n      font-weight: 800;\n      letter-spacing: 0.5px;\n      box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3);\n    }\n\n    /* Pop-in animation for badges */\n    .badge-animate {\n      animation: badge-pop 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);\n    }\n\n    @keyframes badge-pop {\n      0% {\n        transform: scale(0);\n        opacity: 0;\n      }\n      50% {\n        transform: scale(1.2);\n      }\n      100% {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n\n    /* Shake animation for urgent badges */\n    .badge-urgent.badge-animate {\n      animation: badge-pop 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55),\n                 badge-shake 400ms ease-in-out 300ms;\n    }\n\n    @keyframes badge-shake {\n      0%, 100% { transform: translateX(0); }\n      10%, 30%, 50%, 70%, 90% { transform: translateX(-2px); }\n      20%, 40%, 60%, 80% { transform: translateX(2px); }\n    }\n\n    /* Hover effects */\n    .notification-badge:hover {\n      transform: scale(1.1);\n      cursor: default;\n    }\n\n    .badge-pulse:hover .pulse-ring,\n    .badge-pulse:hover .pulse-ring-delay {\n      animation-play-state: paused;\n    }\n  `]\n})\nexport class NotificationBadgeComponent implements OnInit, OnDestroy {\n  @Input() ConversationId?: string;\n\n  /** @deprecated Use {@link ConversationId}. */\n  @Input() set conversationId(value: string | undefined) {\n    this.ConversationId = value;\n  }\n  /** @deprecated Use {@link ConversationId}. */\n  get conversationId(): string | undefined {\n    return this.ConversationId;\n  }\n  @Input() BadgeConfig?: BadgeConfig;\n\n  /** @deprecated Use {@link BadgeConfig}. */\n  @Input() set badgeConfig(value: BadgeConfig | undefined) {\n    this.BadgeConfig = value;\n  }\n  /** @deprecated Use {@link BadgeConfig}. */\n  get badgeConfig(): BadgeConfig | undefined {\n    return this.BadgeConfig;\n  }\n\n  private destroy$ = new Subject<void>();\n  private _loadedBadgeConfig: BadgeConfig | null = null;\n\n  constructor(private notificationService: NotificationService) {}\n\n  ngOnInit(): void {\n    // If badgeConfig not provided but conversationId is, load from service\n    if (!this.BadgeConfig && this.ConversationId) {\n      this.notificationService\n        .getBadgeConfig$(this.ConversationId)\n        .pipe(takeUntil(this.destroy$))\n        .subscribe(config => {\n          this._loadedBadgeConfig = config;\n        });\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n\n  get DisplayConfig(): BadgeConfig | null {\n    return this.BadgeConfig || this._loadedBadgeConfig;\n  }\n\n  /** @deprecated Use {@link DisplayConfig}. */\n  get displayConfig(): BadgeConfig | null {\n    return this.DisplayConfig;\n  }\n\n  /**\n   * Formats count for display\n   * Shows 99+ for counts over 99\n   */\n  FormatCount(count: number): string {\n    return count > 99 ? '99+' : count.toString();\n  }\n\n  /** @deprecated Use {@link FormatCount}. */\n  formatCount(count: number): string {\n    return this.FormatCount(count);\n  }\n}\n"]}

package/dist/lib/components/overlay/chat-overlay.component.d.ts

@@ -49,7 +49,7 @@ export declare class ChatAgentsOverlayComponent extends BaseAngularComponent imp
     /** Mousedown-to-mousemove distance that promotes a click into a drag. */
     private static readonly BUBBLE_DRAG_THRESHOLD_PX;
     /** Controls external visibility (e.g., parent hides overlay on chat route) */
-    private _IsVisible;
+    private _isVisible;
     set IsVisible(value: boolean);
     get IsVisible(): boolean;
     /** Current user info, passed through to conversation-chat-area. Auto-resolved from Metadata if not provided. */

package/dist/lib/components/overlay/chat-overlay.component.js

@@ -165,17 +165,17 @@ export class ChatAgentsOverlayComponent extends BaseAngularComponent {
     static BUBBLE_DRAG_THRESHOLD_PX = 5;
     // --- Inputs ---
     /** Controls external visibility (e.g., parent hides overlay on chat route) */
-    _IsVisible = true;
+    _isVisible = true;
     set IsVisible(value) {
-        const prev = this._IsVisible;
-        this._IsVisible = value;
+        const prev = this._isVisible;
+        this._isVisible = value;
         if (!value && prev && this.State !== 'collapsed') {
             this.Collapse();
         }
         this.cdr.detectChanges();
     }
     get IsVisible() {
-        return this._IsVisible;
+        return this._isVisible;
     }
     /** Current user info, passed through to conversation-chat-area. Auto-resolved from Metadata if not provided. */
     CurrentUser;