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

package/dist/lib/components/shared/user-picker.component.js

@@ -48,18 +48,82 @@ function UserPickerComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
 } }
 export class UserPickerComponent extends BaseAngularComponent {
     cdr;
-    currentUser;
-    excludeUserIds = [];
-    placeholder = 'Search for a user (press Enter)...';
+    CurrentUser;
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value) {
+        this.CurrentUser = value;
+    }
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser() {
+        return this.CurrentUser;
+    }
+    ExcludeUserIds = [];
+    /** @deprecated Use {@link ExcludeUserIds}. */
+    set excludeUserIds(value) {
+        this.ExcludeUserIds = value;
+    }
+    /** @deprecated Use {@link ExcludeUserIds}. */
+    get excludeUserIds() {
+        return this.ExcludeUserIds;
+    }
+    Placeholder = 'Search for a user (press Enter)...';
+    /** @deprecated Use {@link Placeholder}. */
+    set placeholder(value) {
+        this.Placeholder = value;
+    }
+    /** @deprecated Use {@link Placeholder}. */
+    get placeholder() {
+        return this.Placeholder;
+    }
     constructor(cdr) {
         super();
         this.cdr = cdr;
     }
-    userSelected = new EventEmitter();
-    searchQuery = '';
-    searchResults = [];
-    isSearching = false;
-    showResults = false;
+    UserSelected = new EventEmitter();
+    /**
+     * @deprecated Use {@link UserSelected}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (userSelected) keeps working. Must stay AFTER UserSelected: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    userSelected = this.UserSelected;
+    SearchQuery = '';
+    /** @deprecated Use {@link SearchQuery}. */
+    get searchQuery() {
+        return this.SearchQuery;
+    }
+    /** @deprecated Use {@link SearchQuery}. */
+    set searchQuery(value) {
+        this.SearchQuery = value;
+    }
+    SearchResults = [];
+    /** @deprecated Use {@link SearchResults}. */
+    get searchResults() {
+        return this.SearchResults;
+    }
+    /** @deprecated Use {@link SearchResults}. */
+    set searchResults(value) {
+        this.SearchResults = value;
+    }
+    IsSearching = false;
+    /** @deprecated Use {@link IsSearching}. */
+    get isSearching() {
+        return this.IsSearching;
+    }
+    /** @deprecated Use {@link IsSearching}. */
+    set isSearching(value) {
+        this.IsSearching = value;
+    }
+    ShowResults = false;
+    /** @deprecated Use {@link ShowResults}. */
+    get showResults() {
+        return this.ShowResults;
+    }
+    /** @deprecated Use {@link ShowResults}. */
+    set showResults(value) {
+        this.ShowResults = value;
+    }
     ngOnInit() {
         // Add click outside listener to close dropdown
         document.addEventListener('click', this.handleClickOutside.bind(this));
@@ -70,38 +134,46 @@ export class UserPickerComponent extends BaseAngularComponent {
     handleClickOutside(event) {
         const target = event.target;
         if (!target.closest('.user-picker')) {
-            this.showResults = false;
+            this.ShowResults = false;
         }
     }
-    onSearch() {
-        if (!this.searchQuery || this.searchQuery.trim().length < 2) {
-            this.showResults = false;
+    OnSearch() {
+        if (!this.SearchQuery || this.SearchQuery.trim().length < 2) {
+            this.ShowResults = false;
             return;
         }
-        this.performSearch(this.searchQuery.trim());
+        this.performSearch(this.SearchQuery.trim());
+    }
+    /** @deprecated Use {@link OnSearch}. */
+    onSearch() {
+        return this.OnSearch();
     }
+    OnSelectUser(user) {
+        this.UserSelected.emit(user);
+        this.SearchQuery = '';
+        this.SearchResults = [];
+        this.ShowResults = false;
+    }
+    /** @deprecated Use {@link OnSelectUser}. */
     onSelectUser(user) {
-        this.userSelected.emit(user);
-        this.searchQuery = '';
-        this.searchResults = [];
-        this.showResults = false;
+        return this.OnSelectUser(user);
     }
     async performSearch(query) {
         if (!query || query.length < 2) {
-            this.searchResults = [];
-            this.showResults = false;
+            this.SearchResults = [];
+            this.ShowResults = false;
             return;
         }
-        this.isSearching = true;
-        this.showResults = true;
+        this.IsSearching = true;
+        this.ShowResults = true;
         try {
             const rv = RunView.FromMetadataProvider(this.ProviderToUse);
             // Escape single quotes in query to prevent SQL errors
             const escapedQuery = query.replace(/'/g, "''");
             // Build exclude filter
             let excludeFilter = '';
-            if (this.excludeUserIds.length > 0) {
-                const ids = this.excludeUserIds.map(id => `'${id}'`).join(',');
+            if (this.ExcludeUserIds.length > 0) {
+                const ids = this.ExcludeUserIds.map(id => `'${id}'`).join(',');
                 excludeFilter = ` AND ID NOT IN (${ids})`;
             }
             // Search in Name, Email, FirstName, and LastName (case-insensitive)
@@ -117,7 +189,7 @@ export class UserPickerComponent extends BaseAngularComponent {
                 OrderBy: 'Name ASC',
                 MaxRows: 20,
                 ResultType: 'entity_object'
-            }, this.currentUser);
+            }, this.CurrentUser);
             console.log('User search result:', {
                 query,
                 success: result.Success,
@@ -125,7 +197,7 @@ export class UserPickerComponent extends BaseAngularComponent {
                 error: result.ErrorMessage
             });
             if (result.Success && result.Results) {
-                this.searchResults = result.Results.map(user => ({
+                this.SearchResults = result.Results.map(user => ({
                     id: user.ID,
                     name: user.Name,
                     email: user.Email,
@@ -135,20 +207,20 @@ export class UserPickerComponent extends BaseAngularComponent {
             }
             else {
                 console.warn('User search returned no results or failed:', result.ErrorMessage);
-                this.searchResults = [];
+                this.SearchResults = [];
             }
         }
         catch (error) {
             console.error('Error searching users:', error);
-            this.searchResults = [];
+            this.SearchResults = [];
         }
         finally {
-            this.isSearching = false;
+            this.IsSearching = false;
             this.cdr.detectChanges();
         }
     }
     static ɵfac = function UserPickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UserPickerComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserPickerComponent, selectors: [["mj-user-picker"]], inputs: { currentUser: "currentUser", excludeUserIds: "excludeUserIds", placeholder: "placeholder" }, outputs: { userSelected: "userSelected" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 7, consts: [[1, "user-picker"], [1, "search-input-wrapper"], ["type", "text", 1, "user-search-input", 3, "ngModelChange", "keydown.enter", "ngModel", "placeholder", "disabled"], [1, "search-button", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-search"], [1, "search-results-dropdown"], [1, "user-search-item"], [1, "user-search-item", 3, "click"], [1, "user-avatar"], [1, "fa-solid", "fa-user"], [1, "user-info"], [1, "user-name"], [1, "user-email"], ["Variant", "no-results", "Size", "compact", "Icon", "fa-solid fa-user-slash", "Title", "No users found"]], template: function UserPickerComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserPickerComponent, selectors: [["mj-user-picker"]], inputs: { CurrentUser: "CurrentUser", currentUser: "currentUser", ExcludeUserIds: "ExcludeUserIds", excludeUserIds: "excludeUserIds", Placeholder: "Placeholder", placeholder: "placeholder" }, outputs: { UserSelected: "UserSelected", userSelected: "userSelected" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 7, consts: [[1, "user-picker"], [1, "search-input-wrapper"], ["type", "text", 1, "user-search-input", 3, "ngModelChange", "keydown.enter", "ngModel", "placeholder", "disabled"], [1, "search-button", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-search"], [1, "search-results-dropdown"], [1, "user-search-item"], [1, "user-search-item", 3, "click"], [1, "user-avatar"], [1, "fa-solid", "fa-user"], [1, "user-info"], [1, "user-name"], [1, "user-email"], ["Variant", "no-results", "Size", "compact", "Icon", "fa-solid fa-user-slash", "Title", "No users found"]], template: function UserPickerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "input", 2);
             i0.ɵɵtwoWayListener("ngModelChange", function UserPickerComponent_Template_input_ngModelChange_2_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.searchQuery, $event) || (ctx.searchQuery = $event); return $event; });
             i0.ɵɵlistener("keydown.enter", function UserPickerComponent_Template_input_keydown_enter_2_listener() { return ctx.onSearch(); });
@@ -220,12 +292,20 @@ export class UserPickerComponent extends BaseAngularComponent {
             }
         </div>
     `, styles: ["\n        .user-picker {\n            width: 100%;\n            position: relative;\n        }\n\n        .search-input-wrapper {\n            display: flex;\n            gap: 8px;\n            width: 100%;\n        }\n\n        .user-search-input {\n            flex: 1;\n            padding: 8px 12px;\n            border: 1px solid #E5E7EB;\n            border-radius: 6px;\n            font-size: 14px;\n            outline: none;\n            transition: border-color 0.2s;\n        }\n\n        .user-search-input:focus {\n            border-color: #6366F1;\n        }\n\n        .user-search-input:disabled {\n            background: #F3F4F6;\n            cursor: not-allowed;\n        }\n\n        .search-button {\n            padding: 8px 16px;\n            background: #6366F1;\n            color: white;\n            border: none;\n            border-radius: 6px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: background 0.2s;\n        }\n\n        .search-button:hover:not(:disabled) {\n            background: #5558E3;\n        }\n\n        .search-button:disabled {\n            opacity: 0.6;\n            cursor: not-allowed;\n        }\n\n        .search-button i {\n            font-size: 14px;\n        }\n\n        .search-results-dropdown {\n            position: absolute;\n            top: calc(100% + 4px);\n            left: 0;\n            right: 0;\n            background: white;\n            border: 1px solid #E5E7EB;\n            border-radius: 6px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            max-height: 300px;\n            overflow-y: auto;\n            z-index: 1000;\n        }\n\n        .user-search-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            padding: 12px;\n            cursor: pointer;\n            transition: background 0.15s;\n        }\n\n        .user-search-item:hover {\n            background-color: #F3F4F6;\n        }\n\n        .user-avatar {\n            width: 36px;\n            height: 36px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 16px;\n            flex-shrink: 0;\n        }\n\n        .user-info {\n            flex: 1;\n            min-width: 0;\n        }\n\n        .user-name {\n            font-size: 14px;\n            font-weight: 500;\n            color: #1F2937;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .user-email {\n            font-size: 12px;\n            color: #6B7280;\n            margin-top: 2px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n    "] }]
-    }], () => [{ type: i0.ChangeDetectorRef }], { currentUser: [{
+    }], () => [{ type: i0.ChangeDetectorRef }], { CurrentUser: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }], ExcludeUserIds: [{
             type: Input
         }], excludeUserIds: [{
             type: Input
+        }], Placeholder: [{
+            type: Input
         }], placeholder: [{
             type: Input
+        }], UserSelected: [{
+            type: Output
         }], userSelected: [{
             type: Output
         }] }); })();

package/dist/lib/components/shared/user-picker.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-picker.component.js","sourceRoot":"","sources":["../../../../src/lib/components/shared/user-picker.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\n\nimport { FormsModule } from '@angular/forms';\nimport { MJEmptyStateComponent } from '@memberjunction/ng-ui-components';\nimport { UserInfo, RunView } from '@memberjunction/core';\nimport { MJUserEntity } from '@memberjunction/core-entities';\n\nexport interface UserSearchResult {\n    id: string;\n    name: string;\n    email: string;\n    firstName: string;\n    lastName: string;\n}\n\n@Component({\n    selector: 'mj-user-picker',\n    standalone: true,\n    imports: [FormsModule, MJEmptyStateComponent],\n    template: `\n        <div class=\"user-picker\">\n            <div class=\"search-input-wrapper\">\n                <input\n                    type=\"text\"\n                    class=\"user-search-input\"\n                    [(ngModel)]=\"searchQuery\"\n                    [placeholder]=\"placeholder\"\n                    (keydown.enter)=\"onSearch()\"\n                    [disabled]=\"isSearching\"\n                />\n                <button class=\"search-button\" (click)=\"onSearch()\" [disabled]=\"isSearching\">\n                    @if (isSearching) {\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                    } @else {\n                        <i class=\"fa-solid fa-search\"></i>\n                    }\n                </button>\n            </div>\n\n            @if (showResults && searchResults.length > 0) {\n                <div class=\"search-results-dropdown\">\n                    @for (user of searchResults; track user.id) {\n                        <div class=\"user-search-item\" (click)=\"onSelectUser(user)\">\n                            <div class=\"user-avatar\">\n                                <i class=\"fa-solid fa-user\"></i>\n                            </div>\n                            <div class=\"user-info\">\n                                <div class=\"user-name\">{{ user.name }}</div>\n                                <div class=\"user-email\">{{ user.email }}</div>\n                            </div>\n                        </div>\n                    }\n                </div>\n            }\n\n            @if (showResults && searchResults.length === 0 && searchQuery.length >= 2 && !isSearching) {\n                <div class=\"search-results-dropdown\">\n                    <mj-empty-state Variant=\"no-results\" Size=\"compact\"\n                        Icon=\"fa-solid fa-user-slash\" Title=\"No users found\" />\n                </div>\n            }\n        </div>\n    `,\n    styles: [`\n        .user-picker {\n            width: 100%;\n            position: relative;\n        }\n\n        .search-input-wrapper {\n            display: flex;\n            gap: 8px;\n            width: 100%;\n        }\n\n        .user-search-input {\n            flex: 1;\n            padding: 8px 12px;\n            border: 1px solid #E5E7EB;\n            border-radius: 6px;\n            font-size: 14px;\n            outline: none;\n            transition: border-color 0.2s;\n        }\n\n        .user-search-input:focus {\n            border-color: #6366F1;\n        }\n\n        .user-search-input:disabled {\n            background: #F3F4F6;\n            cursor: not-allowed;\n        }\n\n        .search-button {\n            padding: 8px 16px;\n            background: #6366F1;\n            color: white;\n            border: none;\n            border-radius: 6px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: background 0.2s;\n        }\n\n        .search-button:hover:not(:disabled) {\n            background: #5558E3;\n        }\n\n        .search-button:disabled {\n            opacity: 0.6;\n            cursor: not-allowed;\n        }\n\n        .search-button i {\n            font-size: 14px;\n        }\n\n        .search-results-dropdown {\n            position: absolute;\n            top: calc(100% + 4px);\n            left: 0;\n            right: 0;\n            background: white;\n            border: 1px solid #E5E7EB;\n            border-radius: 6px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            max-height: 300px;\n            overflow-y: auto;\n            z-index: 1000;\n        }\n\n        .user-search-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            padding: 12px;\n            cursor: pointer;\n            transition: background 0.15s;\n        }\n\n        .user-search-item:hover {\n            background-color: #F3F4F6;\n        }\n\n        .user-avatar {\n            width: 36px;\n            height: 36px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 16px;\n            flex-shrink: 0;\n        }\n\n        .user-info {\n            flex: 1;\n            min-width: 0;\n        }\n\n        .user-name {\n            font-size: 14px;\n            font-weight: 500;\n            color: #1F2937;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .user-email {\n            font-size: 12px;\n            color: #6B7280;\n            margin-top: 2px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n    `]\n})\nexport class UserPickerComponent extends BaseAngularComponent implements OnInit, OnDestroy  {\n    @Input() currentUser!: UserInfo;\n    @Input() excludeUserIds: string[] = [];\n    @Input() placeholder: string = 'Search for a user (press Enter)...';\n\n    constructor(private cdr: ChangeDetectorRef) {\n    super();}\n\n    @Output() userSelected = new EventEmitter<UserSearchResult>();\n\n    searchQuery: string = '';\n    searchResults: UserSearchResult[] = [];\n    isSearching: boolean = false;\n    showResults: boolean = false;\n\n    ngOnInit(): void {\n        // Add click outside listener to close dropdown\n        document.addEventListener('click', this.handleClickOutside.bind(this));\n    }\n\n    ngOnDestroy(): void {\n        document.removeEventListener('click', this.handleClickOutside.bind(this));\n    }\n\n    private handleClickOutside(event: MouseEvent): void {\n        const target = event.target as HTMLElement;\n        if (!target.closest('.user-picker')) {\n            this.showResults = false;\n        }\n    }\n\n    onSearch(): void {\n        if (!this.searchQuery || this.searchQuery.trim().length < 2) {\n            this.showResults = false;\n            return;\n        }\n\n        this.performSearch(this.searchQuery.trim());\n    }\n\n    onSelectUser(user: UserSearchResult): void {\n        this.userSelected.emit(user);\n        this.searchQuery = '';\n        this.searchResults = [];\n        this.showResults = false;\n    }\n\n    private async performSearch(query: string): Promise<void> {\n        if (!query || query.length < 2) {\n            this.searchResults = [];\n            this.showResults = false;\n            return;\n        }\n\n        this.isSearching = true;\n        this.showResults = true;\n\n        try {\n            const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n\n            // Escape single quotes in query to prevent SQL errors\n            const escapedQuery = query.replace(/'/g, \"''\");\n\n            // Build exclude filter\n            let excludeFilter = '';\n            if (this.excludeUserIds.length > 0) {\n                const ids = this.excludeUserIds.map(id => `'${id}'`).join(',');\n                excludeFilter = ` AND ID NOT IN (${ids})`;\n            }\n\n            // Search in Name, Email, FirstName, and LastName (case-insensitive)\n            const searchFilter = `(\n                Name LIKE '%${escapedQuery}%' OR\n                Email LIKE '%${escapedQuery}%' OR\n                FirstName LIKE '%${escapedQuery}%' OR\n                LastName LIKE '%${escapedQuery}%'\n            )${excludeFilter}`;\n\n            const result = await rv.RunView<MJUserEntity>({\n                EntityName: 'MJ: Users',\n                ExtraFilter: searchFilter,\n                OrderBy: 'Name ASC',\n                MaxRows: 20,\n                ResultType: 'entity_object'\n            }, this.currentUser);\n\n            console.log('User search result:', {\n                query,\n                success: result.Success,\n                count: result.Results?.length,\n                error: result.ErrorMessage\n            });\n\n            if (result.Success && result.Results) {\n                this.searchResults = result.Results.map(user => ({\n                    id: user.ID,\n                    name: user.Name,\n                    email: user.Email,\n                    firstName: user.FirstName || '',\n                    lastName: user.LastName || ''\n                }));\n            } else {\n                console.warn('User search returned no results or failed:', result.ErrorMessage);\n                this.searchResults = [];\n            }\n        } catch (error) {\n            console.error('Error searching users:', error);\n            this.searchResults = [];\n        } finally {\n            this.isSearching = false;\n            this.cdr.detectChanges();\n        }\n    }\n}\n"]}
+{"version":3,"file":"user-picker.component.js","sourceRoot":"","sources":["../../../../src/lib/components/shared/user-picker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAwC,MAAM,eAAe,CAAC;AAC7G,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAY,OAAO,EAAE,MAAM,sBAAsB,CAAC;;;;;IA4BjC,uBAA2C;;;IAE3C,uBAAkC;;;;IAQlC,8BAA2D;IAA7B,qNAAS,4BAAkB,KAAC;IACtD,8BAAyB;IACrB,wBAAgC;IACpC,iBAAM;IAEF,AADJ,+BAAuB,cACI;IAAA,YAAe;IAAA,iBAAM;IAC5C,+BAAwB;IAAA,YAAgB;IAEhD,AADI,AAD4C,iBAAM,EAC5C,EACJ;;;IAHyB,eAAe;IAAf,kCAAe;IACd,eAAgB;IAAhB,mCAAgB;;;IARxD,8BAAqC;IACjC,oGAUC;IACL,iBAAM;;;IAXF,cAUC;IAVD,mCAUC;;;IAKL,8BAAqC;IACjC,qCAC2D;IAC/D,iBAAM;;AA6HtB,MAAM,OAAO,mBAAoB,SAAQ,oBAAoB;IAgCrC;IA/BX,WAAW,CAAY;IAEhC,2CAA2C;IAC3C,IAAa,WAAW,CAAC,KAAe;QACpC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7B,CAAC;IACD,2CAA2C;IAC3C,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IACQ,cAAc,GAAa,EAAE,CAAC;IAEvC,8CAA8C;IAC9C,IAAa,cAAc,CAAC,KAAe;QACvC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAChC,CAAC;IACD,8CAA8C;IAC9C,IAAI,cAAc;QACd,OAAO,IAAI,CAAC,cAAc,CAAC;IAC/B,CAAC;IACQ,WAAW,GAAW,oCAAoC,CAAC;IAEpE,2CAA2C;IAC3C,IAAa,WAAW,CAAC,KAAa;QAClC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7B,CAAC;IACD,2CAA2C;IAC3C,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IAED,YAAoB,GAAsB;QAC1C,KAAK,EAAE,CAAC;QADY,QAAG,GAAH,GAAG,CAAmB;IAClC,CAAC;IAEC,YAAY,GAAG,IAAI,YAAY,EAAoB,CAAC;IAE9D;;;;;;OAMG;IACO,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;IAE3C,WAAW,GAAW,EAAE,CAAC;IAEzB,2CAA2C;IAC3C,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IACD,2CAA2C;IAC3C,IAAI,WAAW,CAAC,KAAa;QACzB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7B,CAAC;IACD,aAAa,GAAuB,EAAE,CAAC;IAEvC,6CAA6C;IAC7C,IAAI,aAAa;QACb,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;IACD,6CAA6C;IAC7C,IAAI,aAAa,CAAC,KAAyB;QACvC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC/B,CAAC;IACD,WAAW,GAAY,KAAK,CAAC;IAE7B,2CAA2C;IAC3C,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IACD,2CAA2C;IAC3C,IAAI,WAAW,CAAC,KAAc;QAC1B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7B,CAAC;IACD,WAAW,GAAY,KAAK,CAAC;IAE7B,2CAA2C;IAC3C,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IACD,2CAA2C;IAC3C,IAAI,WAAW,CAAC,KAAc;QAC1B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7B,CAAC;IAED,QAAQ;QACJ,+CAA+C;QAC/C,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC3E,CAAC;IAED,WAAW;QACP,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9E,CAAC;IAEO,kBAAkB,CAAC,KAAiB;QACxC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;QAC3C,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;YAClC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAC7B,CAAC;IACL,CAAC;IAED,QAAQ;QACJ,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1D,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,OAAO;QACX,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;IAChD,CAAC;IAED,wCAAwC;IACxC,QAAQ;QACJ,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;IAC3B,CAAC;IAED,YAAY,CAAC,IAAsB;QAC/B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7B,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACtB,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;QACxB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7B,CAAC;IAED,4CAA4C;IAC5C,YAAY,CAAC,IAAsB;QAC/B,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;IAEO,KAAK,CAAC,aAAa,CAAC,KAAa;QACrC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC7B,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;YACxB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,OAAO;QACX,CAAC;QAED,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAExB,IAAI,CAAC;YACD,MAAM,EAAE,GAAG,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAE5D,sDAAsD;YACtD,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAE/C,uBAAuB;YACvB,IAAI,aAAa,GAAG,EAAE,CAAC;YACvB,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACjC,MAAM,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBAC/D,aAAa,GAAG,mBAAmB,GAAG,GAAG,CAAC;YAC9C,CAAC;YAED,oEAAoE;YACpE,MAAM,YAAY,GAAG;8BACH,YAAY;+BACX,YAAY;mCACR,YAAY;kCACb,YAAY;eAC/B,aAAa,EAAE,CAAC;YAEnB,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,OAAO,CAAe;gBAC1C,UAAU,EAAE,WAAW;gBACvB,WAAW,EAAE,YAAY;gBACzB,OAAO,EAAE,UAAU;gBACnB,OAAO,EAAE,EAAE;gBACX,UAAU,EAAE,eAAe;aAC9B,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YAErB,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE;gBAC/B,KAAK;gBACL,OAAO,EAAE,MAAM,CAAC,OAAO;gBACvB,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM;gBAC7B,KAAK,EAAE,MAAM,CAAC,YAAY;aAC7B,CAAC,CAAC;YAEH,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACnC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oBAC7C,EAAE,EAAE,IAAI,CAAC,EAAE;oBACX,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE;oBAC/B,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,EAAE;iBAChC,CAAC,CAAC,CAAC;YACR,CAAC;iBAAM,CAAC;gBACJ,OAAO,CAAC,IAAI,CAAC,4CAA4C,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;gBAChF,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;YAC5B,CAAC;QACL,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,KAAK,CAAC,CAAC;YAC/C,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;QAC5B,CAAC;gBAAS,CAAC;YACP,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QAC7B,CAAC;IACL,CAAC;6GAlMQ,mBAAmB;6DAAnB,mBAAmB;YAlKhB,AADJ,AADJ,8BAAyB,aACa,eAQ5B;YAJE,mNAAyB;YAEzB,+GAAiB,cAAU,IAAC;YALhC,iBAOE;YACF,iCAA4E;YAA9C,gGAAS,cAAU,IAAC;YAG5C,AAFF,mFAAmB,6DAEV;YAIjB,AADI,iBAAS,EACP;YAEN,qFAA+C;YAgB/C,qFAA4F;YAMhG,iBAAM;;YApCM,eAAyB;YAAzB,+CAAyB;YAGzB,AAFA,6CAA2B,6BAEH;YAEuB,cAAwB;YAAxB,0CAAwB;YACvE,cAIC;YAJD,yCAIC;YAIT,eAcC;YAdD,0EAcC;YAED,cAKC;YALD,+HAKC;4BA1CC,WAAW,2DAAE,qBAAqB;;iFAsKnC,mBAAmB;cAzK/B,SAAS;2BACI,gBAAgB,cACd,IAAI,WACP,CAAC,WAAW,EAAE,qBAAqB,CAAC,YACnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2CT;;kBA2HA,KAAK;;kBAGL,KAAK;;kBAOL,KAAK;;kBAGL,KAAK;;kBAOL,KAAK;;kBAGL,KAAK;;kBAWL,MAAM;;kBASN,MAAM;;kFA5CE,mBAAmB","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\n\nimport { FormsModule } from '@angular/forms';\nimport { MJEmptyStateComponent } from '@memberjunction/ng-ui-components';\nimport { UserInfo, RunView } from '@memberjunction/core';\nimport { MJUserEntity } from '@memberjunction/core-entities';\n\nexport interface UserSearchResult {\n    id: string;\n    name: string;\n    email: string;\n    firstName: string;\n    lastName: string;\n}\n\n@Component({\n    selector: 'mj-user-picker',\n    standalone: true,\n    imports: [FormsModule, MJEmptyStateComponent],\n    template: `\n        <div class=\"user-picker\">\n            <div class=\"search-input-wrapper\">\n                <input\n                    type=\"text\"\n                    class=\"user-search-input\"\n                    [(ngModel)]=\"searchQuery\"\n                    [placeholder]=\"placeholder\"\n                    (keydown.enter)=\"onSearch()\"\n                    [disabled]=\"isSearching\"\n                />\n                <button class=\"search-button\" (click)=\"onSearch()\" [disabled]=\"isSearching\">\n                    @if (isSearching) {\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                    } @else {\n                        <i class=\"fa-solid fa-search\"></i>\n                    }\n                </button>\n            </div>\n\n            @if (showResults && searchResults.length > 0) {\n                <div class=\"search-results-dropdown\">\n                    @for (user of searchResults; track user.id) {\n                        <div class=\"user-search-item\" (click)=\"onSelectUser(user)\">\n                            <div class=\"user-avatar\">\n                                <i class=\"fa-solid fa-user\"></i>\n                            </div>\n                            <div class=\"user-info\">\n                                <div class=\"user-name\">{{ user.name }}</div>\n                                <div class=\"user-email\">{{ user.email }}</div>\n                            </div>\n                        </div>\n                    }\n                </div>\n            }\n\n            @if (showResults && searchResults.length === 0 && searchQuery.length >= 2 && !isSearching) {\n                <div class=\"search-results-dropdown\">\n                    <mj-empty-state Variant=\"no-results\" Size=\"compact\"\n                        Icon=\"fa-solid fa-user-slash\" Title=\"No users found\" />\n                </div>\n            }\n        </div>\n    `,\n    styles: [`\n        .user-picker {\n            width: 100%;\n            position: relative;\n        }\n\n        .search-input-wrapper {\n            display: flex;\n            gap: 8px;\n            width: 100%;\n        }\n\n        .user-search-input {\n            flex: 1;\n            padding: 8px 12px;\n            border: 1px solid #E5E7EB;\n            border-radius: 6px;\n            font-size: 14px;\n            outline: none;\n            transition: border-color 0.2s;\n        }\n\n        .user-search-input:focus {\n            border-color: #6366F1;\n        }\n\n        .user-search-input:disabled {\n            background: #F3F4F6;\n            cursor: not-allowed;\n        }\n\n        .search-button {\n            padding: 8px 16px;\n            background: #6366F1;\n            color: white;\n            border: none;\n            border-radius: 6px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: background 0.2s;\n        }\n\n        .search-button:hover:not(:disabled) {\n            background: #5558E3;\n        }\n\n        .search-button:disabled {\n            opacity: 0.6;\n            cursor: not-allowed;\n        }\n\n        .search-button i {\n            font-size: 14px;\n        }\n\n        .search-results-dropdown {\n            position: absolute;\n            top: calc(100% + 4px);\n            left: 0;\n            right: 0;\n            background: white;\n            border: 1px solid #E5E7EB;\n            border-radius: 6px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            max-height: 300px;\n            overflow-y: auto;\n            z-index: 1000;\n        }\n\n        .user-search-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            padding: 12px;\n            cursor: pointer;\n            transition: background 0.15s;\n        }\n\n        .user-search-item:hover {\n            background-color: #F3F4F6;\n        }\n\n        .user-avatar {\n            width: 36px;\n            height: 36px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 16px;\n            flex-shrink: 0;\n        }\n\n        .user-info {\n            flex: 1;\n            min-width: 0;\n        }\n\n        .user-name {\n            font-size: 14px;\n            font-weight: 500;\n            color: #1F2937;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .user-email {\n            font-size: 12px;\n            color: #6B7280;\n            margin-top: 2px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n    `]\n})\nexport class UserPickerComponent extends BaseAngularComponent implements OnInit, OnDestroy  {\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() ExcludeUserIds: string[] = [];\n\n    /** @deprecated Use {@link ExcludeUserIds}. */\n    @Input() set excludeUserIds(value: string[]) {\n        this.ExcludeUserIds = value;\n    }\n    /** @deprecated Use {@link ExcludeUserIds}. */\n    get excludeUserIds(): string[] {\n        return this.ExcludeUserIds;\n    }\n    @Input() Placeholder: string = 'Search for a user (press Enter)...';\n\n    /** @deprecated Use {@link Placeholder}. */\n    @Input() set placeholder(value: string) {\n        this.Placeholder = value;\n    }\n    /** @deprecated Use {@link Placeholder}. */\n    get placeholder(): string {\n        return this.Placeholder;\n    }\n\n    constructor(private cdr: ChangeDetectorRef) {\n    super();}\n\n    @Output() UserSelected = new EventEmitter<UserSearchResult>();\n\n    /**\n     * @deprecated Use {@link UserSelected}.\n     *\n     * The same emitter under the old binding name, so a template still binding\n     * (userSelected) keeps working. Must stay AFTER UserSelected: class fields\n     * initialise in order, and the other way round this captures undefined.\n     */\n    @Output() userSelected = this.UserSelected;\n\n    SearchQuery: string = '';\n\n    /** @deprecated Use {@link SearchQuery}. */\n    get searchQuery(): string {\n        return this.SearchQuery;\n    }\n    /** @deprecated Use {@link SearchQuery}. */\n    set searchQuery(value: string) {\n        this.SearchQuery = value;\n    }\n    SearchResults: UserSearchResult[] = [];\n\n    /** @deprecated Use {@link SearchResults}. */\n    get searchResults(): UserSearchResult[] {\n        return this.SearchResults;\n    }\n    /** @deprecated Use {@link SearchResults}. */\n    set searchResults(value: UserSearchResult[]) {\n        this.SearchResults = value;\n    }\n    IsSearching: boolean = false;\n\n    /** @deprecated Use {@link IsSearching}. */\n    get isSearching(): boolean {\n        return this.IsSearching;\n    }\n    /** @deprecated Use {@link IsSearching}. */\n    set isSearching(value: boolean) {\n        this.IsSearching = value;\n    }\n    ShowResults: boolean = false;\n\n    /** @deprecated Use {@link ShowResults}. */\n    get showResults(): boolean {\n        return this.ShowResults;\n    }\n    /** @deprecated Use {@link ShowResults}. */\n    set showResults(value: boolean) {\n        this.ShowResults = value;\n    }\n\n    ngOnInit(): void {\n        // Add click outside listener to close dropdown\n        document.addEventListener('click', this.handleClickOutside.bind(this));\n    }\n\n    ngOnDestroy(): void {\n        document.removeEventListener('click', this.handleClickOutside.bind(this));\n    }\n\n    private handleClickOutside(event: MouseEvent): void {\n        const target = event.target as HTMLElement;\n        if (!target.closest('.user-picker')) {\n            this.ShowResults = false;\n        }\n    }\n\n    OnSearch(): void {\n        if (!this.SearchQuery || this.SearchQuery.trim().length < 2) {\n            this.ShowResults = false;\n            return;\n        }\n\n        this.performSearch(this.SearchQuery.trim());\n    }\n\n    /** @deprecated Use {@link OnSearch}. */\n    onSearch(): void {\n        return this.OnSearch();\n    }\n\n    OnSelectUser(user: UserSearchResult): void {\n        this.UserSelected.emit(user);\n        this.SearchQuery = '';\n        this.SearchResults = [];\n        this.ShowResults = false;\n    }\n\n    /** @deprecated Use {@link OnSelectUser}. */\n    onSelectUser(user: UserSearchResult): void {\n        return this.OnSelectUser(user);\n    }\n\n    private async performSearch(query: string): Promise<void> {\n        if (!query || query.length < 2) {\n            this.SearchResults = [];\n            this.ShowResults = false;\n            return;\n        }\n\n        this.IsSearching = true;\n        this.ShowResults = true;\n\n        try {\n            const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n\n            // Escape single quotes in query to prevent SQL errors\n            const escapedQuery = query.replace(/'/g, \"''\");\n\n            // Build exclude filter\n            let excludeFilter = '';\n            if (this.ExcludeUserIds.length > 0) {\n                const ids = this.ExcludeUserIds.map(id => `'${id}'`).join(',');\n                excludeFilter = ` AND ID NOT IN (${ids})`;\n            }\n\n            // Search in Name, Email, FirstName, and LastName (case-insensitive)\n            const searchFilter = `(\n                Name LIKE '%${escapedQuery}%' OR\n                Email LIKE '%${escapedQuery}%' OR\n                FirstName LIKE '%${escapedQuery}%' OR\n                LastName LIKE '%${escapedQuery}%'\n            )${excludeFilter}`;\n\n            const result = await rv.RunView<MJUserEntity>({\n                EntityName: 'MJ: Users',\n                ExtraFilter: searchFilter,\n                OrderBy: 'Name ASC',\n                MaxRows: 20,\n                ResultType: 'entity_object'\n            }, this.CurrentUser);\n\n            console.log('User search result:', {\n                query,\n                success: result.Success,\n                count: result.Results?.length,\n                error: result.ErrorMessage\n            });\n\n            if (result.Success && result.Results) {\n                this.SearchResults = result.Results.map(user => ({\n                    id: user.ID,\n                    name: user.Name,\n                    email: user.Email,\n                    firstName: user.FirstName || '',\n                    lastName: user.LastName || ''\n                }));\n            } else {\n                console.warn('User search returned no results or failed:', result.ErrorMessage);\n                this.SearchResults = [];\n            }\n        } catch (error) {\n            console.error('Error searching users:', error);\n            this.SearchResults = [];\n        } finally {\n            this.IsSearching = false;\n            this.cdr.detectChanges();\n        }\n    }\n}\n"]}

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

@@ -4,40 +4,143 @@ import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import { NavigationTab } from '../../models/conversation-state.model';
 import * as i0 from "@angular/core";
 export declare class ConversationSidebarComponent extends BaseAngularComponent {
-    activeTab: NavigationTab;
-    environmentId: string;
-    currentUser: UserInfo;
-    selectedConversationId: string | null;
-    renamedConversationId: string | null;
-    isSidebarPinned: boolean;
-    isMobileView: boolean;
+    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;
+    SelectedConversationId: string | null;
+    /** @deprecated Use {@link SelectedConversationId}. */
+    set selectedConversationId(value: string | null);
+    /** @deprecated Use {@link SelectedConversationId}. */
+    get selectedConversationId(): string | null;
+    RenamedConversationId: string | null;
+    /** @deprecated Use {@link RenamedConversationId}. */
+    set renamedConversationId(value: string | null);
+    /** @deprecated Use {@link RenamedConversationId}. */
+    get renamedConversationId(): string | null;
+    IsSidebarPinned: boolean;
+    /** @deprecated Use {@link IsSidebarPinned}. */
+    set isSidebarPinned(value: boolean);
+    /** @deprecated Use {@link IsSidebarPinned}. */
+    get isSidebarPinned(): boolean;
+    IsMobileView: boolean;
+    /** @deprecated Use {@link IsMobileView}. */
+    set isMobileView(value: boolean);
+    /** @deprecated Use {@link IsMobileView}. */
+    get isMobileView(): boolean;
     /** Show the Routines section at the bottom of the sidebar (bubbled from the workspace; default true). */
     ShowRoutines: boolean;
     /** Show the list's search box. */
     showSearch: boolean;
     /** Show the list's "New Conversation" button. */
-    showNewConversationButton: boolean;
+    ShowNewConversationButton: boolean;
+    /** @deprecated Use {@link ShowNewConversationButton}. */
+    set showNewConversationButton(value: boolean);
+    /** @deprecated Use {@link ShowNewConversationButton}. */
+    get showNewConversationButton(): boolean;
     /** Show the list's ⋯ header options menu. */
-    showHeaderMenu: boolean;
+    ShowHeaderMenu: boolean;
+    /** @deprecated Use {@link ShowHeaderMenu}. */
+    set showHeaderMenu(value: boolean);
+    /** @deprecated Use {@link ShowHeaderMenu}. */
+    get showHeaderMenu(): boolean;
     /** Show the list's collapsible section headers. */
-    showSectionHeaders: boolean;
+    ShowSectionHeaders: boolean;
+    /** @deprecated Use {@link ShowSectionHeaders}. */
+    set showSectionHeaders(value: boolean);
+    /** @deprecated Use {@link ShowSectionHeaders}. */
+    get showSectionHeaders(): boolean;
+    ConversationSelected: EventEmitter<string>;
+    /**
+     * @deprecated Use {@link ConversationSelected}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (conversationSelected) keeps working. Must stay AFTER ConversationSelected: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     conversationSelected: EventEmitter<string>;
     /** Forwarded from the routines section — a run's linked execution record was clicked. */
+    OpenEntityRecord: EventEmitter<{
+        entityName: string;
+        compositeKey: CompositeKey;
+    }>;
+    /**
+     * @deprecated Use {@link OpenEntityRecord}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (openEntityRecord) keeps working. Must stay AFTER OpenEntityRecord: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     openEntityRecord: EventEmitter<{
         entityName: string;
         compositeKey: CompositeKey;
     }>;
+    NewConversationRequested: EventEmitter<void>;
+    /**
+     * @deprecated Use {@link NewConversationRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (newConversationRequested) keeps working. Must stay AFTER NewConversationRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     newConversationRequested: EventEmitter<void>;
+    PinSidebarRequested: EventEmitter<void>;
+    /**
+     * @deprecated Use {@link PinSidebarRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (pinSidebarRequested) keeps working. Must stay AFTER PinSidebarRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     pinSidebarRequested: EventEmitter<void>;
+    UnpinSidebarRequested: EventEmitter<void>;
+    /**
+     * @deprecated Use {@link UnpinSidebarRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (unpinSidebarRequested) keeps working. Must stay AFTER UnpinSidebarRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     unpinSidebarRequested: EventEmitter<void>;
     /** Re-emitted from the conversation list — a conversation was deleted (payload = its ID).
      *  Hosts use this to recover when the ACTIVE conversation is deleted. */
+    ConversationDeleted: EventEmitter<string>;
+    /**
+     * @deprecated Use {@link ConversationDeleted}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (conversationDeleted) keeps working. Must stay AFTER ConversationDeleted: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     conversationDeleted: EventEmitter<string>;
     /** Re-emitted from the conversation list — the user refreshed the list. */
+    RefreshRequested: EventEmitter<void>;
+    /**
+     * @deprecated Use {@link RefreshRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (refreshRequested) keeps working. Must stay AFTER RefreshRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     refreshRequested: EventEmitter<void>;
+    OnPinSidebarRequested(): void;
+    /** @deprecated Use {@link OnPinSidebarRequested}. */
     onPinSidebarRequested(): void;
+    OnUnpinSidebarRequested(): void;
+    /** @deprecated Use {@link OnUnpinSidebarRequested}. */
     onUnpinSidebarRequested(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConversationSidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConversationSidebarComponent, "mj-conversation-sidebar", never, { "activeTab": { "alias": "activeTab"; "required": false; }; "environmentId": { "alias": "environmentId"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; "selectedConversationId": { "alias": "selectedConversationId"; "required": false; }; "renamedConversationId": { "alias": "renamedConversationId"; "required": false; }; "isSidebarPinned": { "alias": "isSidebarPinned"; "required": false; }; "isMobileView": { "alias": "isMobileView"; "required": false; }; "ShowRoutines": { "alias": "ShowRoutines"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "showNewConversationButton": { "alias": "showNewConversationButton"; "required": false; }; "showHeaderMenu": { "alias": "showHeaderMenu"; "required": false; }; "showSectionHeaders": { "alias": "showSectionHeaders"; "required": false; }; }, { "conversationSelected": "conversationSelected"; "openEntityRecord": "openEntityRecord"; "newConversationRequested": "newConversationRequested"; "pinSidebarRequested": "pinSidebarRequested"; "unpinSidebarRequested": "unpinSidebarRequested"; "conversationDeleted": "conversationDeleted"; "refreshRequested": "refreshRequested"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConversationSidebarComponent, "mj-conversation-sidebar", 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; }; "SelectedConversationId": { "alias": "SelectedConversationId"; "required": false; }; "selectedConversationId": { "alias": "selectedConversationId"; "required": false; }; "RenamedConversationId": { "alias": "RenamedConversationId"; "required": false; }; "renamedConversationId": { "alias": "renamedConversationId"; "required": false; }; "IsSidebarPinned": { "alias": "IsSidebarPinned"; "required": false; }; "isSidebarPinned": { "alias": "isSidebarPinned"; "required": false; }; "IsMobileView": { "alias": "IsMobileView"; "required": false; }; "isMobileView": { "alias": "isMobileView"; "required": false; }; "ShowRoutines": { "alias": "ShowRoutines"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "ShowNewConversationButton": { "alias": "ShowNewConversationButton"; "required": false; }; "showNewConversationButton": { "alias": "showNewConversationButton"; "required": false; }; "ShowHeaderMenu": { "alias": "ShowHeaderMenu"; "required": false; }; "showHeaderMenu": { "alias": "showHeaderMenu"; "required": false; }; "ShowSectionHeaders": { "alias": "ShowSectionHeaders"; "required": false; }; "showSectionHeaders": { "alias": "showSectionHeaders"; "required": false; }; }, { "ConversationSelected": "ConversationSelected"; "conversationSelected": "conversationSelected"; "OpenEntityRecord": "OpenEntityRecord"; "openEntityRecord": "openEntityRecord"; "NewConversationRequested": "NewConversationRequested"; "newConversationRequested": "newConversationRequested"; "PinSidebarRequested": "PinSidebarRequested"; "pinSidebarRequested": "pinSidebarRequested"; "UnpinSidebarRequested": "UnpinSidebarRequested"; "unpinSidebarRequested": "unpinSidebarRequested"; "ConversationDeleted": "ConversationDeleted"; "conversationDeleted": "conversationDeleted"; "RefreshRequested": "RefreshRequested"; "refreshRequested": "refreshRequested"; }, never, never, false, never>;
 }
 //# sourceMappingURL=conversation-sidebar.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-sidebar.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sidebar/conversation-sidebar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;;AAEtE,qBAyEa,4BAA6B,SAAQ,oBAAoB;IAC3D,SAAS,EAAE,aAAa,CAAmB;IAC3C,aAAa,EAAG,MAAM,CAAC;IACvB,WAAW,EAAG,QAAQ,CAAC;IACvB,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC7C,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC5C,eAAe,EAAE,OAAO,CAAQ;IAChC,YAAY,EAAE,OAAO,CAAS;IACvC,yGAAyG;IAChG,YAAY,EAAE,OAAO,CAAQ;IAItC,kCAAkC;IACzB,UAAU,EAAE,OAAO,CAAQ;IACpC,iDAAiD;IACxC,yBAAyB,EAAE,OAAO,CAAQ;IACnD,6CAA6C;IACpC,cAAc,EAAE,OAAO,CAAQ;IACxC,mDAAmD;IAC1C,kBAAkB,EAAE,OAAO,CAAQ;IAElC,oBAAoB,uBAA8B;IAC5D,yFAAyF;IAC/E,gBAAgB;oBAAkC,MAAM;sBAAgB,YAAY;OAAM;IAC1F,wBAAwB,qBAA4B;IACpD,mBAAmB,qBAA4B;IAC/C,qBAAqB,qBAA4B;IAC3D;6EACyE;IAC/D,mBAAmB,uBAA8B;IAC3D,2EAA2E;IACjE,gBAAgB,qBAA4B;IAEtD,qBAAqB,IAAI,IAAI;IAI7B,uBAAuB,IAAI,IAAI;yCAtCpB,4BAA4B;2CAA5B,4BAA4B;CAyCxC"}
+{"version":3,"file":"conversation-sidebar.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sidebar/conversation-sidebar.component.ts"],"names":[],"mappings":"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"}