npm - @memberjunction/ng-conversations - Versions diffs - 6.2.0-edge.0 → 6.2.0-edge.2 - Mend

@memberjunction/ng-conversations 6.2.0-edge.0 → 6.2.0-edge.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (351) hide show

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

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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}"]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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;