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

package/dist/lib/components/members/members-modal.component.d.ts

@@ -13,30 +13,96 @@ interface ConversationMember {
 }
 export declare class MembersModalComponent {
     private dialogService;
-    isVisible: boolean;
-    conversation?: MJConversationEntity;
-    currentUser: UserInfo;
+    IsVisible: boolean;
+    /** @deprecated Use {@link IsVisible}. */
+    set isVisible(value: MembersModalComponent['IsVisible']);
+    /** @deprecated Use {@link IsVisible}. */
+    get isVisible(): MembersModalComponent['IsVisible'];
+    Conversation?: MJConversationEntity;
+    /** @deprecated Use {@link Conversation}. */
+    set conversation(value: MJConversationEntity | undefined);
+    /** @deprecated Use {@link Conversation}. */
+    get conversation(): MJConversationEntity | undefined;
+    CurrentUser: UserInfo;
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value: UserInfo);
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser(): UserInfo;
+    Cancelled: EventEmitter<void>;
+    /**
+     * @deprecated Use {@link Cancelled}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (cancelled) keeps working. Must stay AFTER Cancelled: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     cancelled: EventEmitter<void>;
+    MembersChanged: EventEmitter<void>;
+    /**
+     * @deprecated Use {@link MembersChanged}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (membersChanged) keeps working. Must stay AFTER MembersChanged: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     membersChanged: EventEmitter<void>;
-    members: ConversationMember[];
-    newMemberEmail: string;
-    newMemberRole: 'member' | 'owner';
-    isLoading: boolean;
-    errorMessage: string;
+    Members: ConversationMember[];
+    /** @deprecated Use {@link Members}. */
+    get members(): ConversationMember[];
+    /** @deprecated Use {@link Members}. */
+    set members(value: ConversationMember[]);
+    NewMemberEmail: string;
+    /** @deprecated Use {@link NewMemberEmail}. */
+    get newMemberEmail(): string;
+    /** @deprecated Use {@link NewMemberEmail}. */
+    set newMemberEmail(value: string);
+    NewMemberRole: 'member' | 'owner';
+    /** @deprecated Use {@link NewMemberRole}. */
+    get newMemberRole(): 'member' | 'owner';
+    /** @deprecated Use {@link NewMemberRole}. */
+    set newMemberRole(value: 'member' | 'owner');
+    IsLoading: boolean;
+    /** @deprecated Use {@link IsLoading}. */
+    get isLoading(): boolean;
+    /** @deprecated Use {@link IsLoading}. */
+    set isLoading(value: boolean);
+    ErrorMessage: string;
+    /** @deprecated Use {@link ErrorMessage}. */
+    get errorMessage(): string;
+    /** @deprecated Use {@link ErrorMessage}. */
+    set errorMessage(value: string);
+    get ModalTitle(): string;
+    /** @deprecated Use {@link ModalTitle}. */
     get modalTitle(): string;
-    roleOptions: {
+    RoleOptions: {
         value: string;
         label: string;
     }[];
+    /** @deprecated Use {@link RoleOptions}. */
+    get roleOptions(): {
+        value: string;
+        label: string;
+    }[];
+    /** @deprecated Use {@link RoleOptions}. */
+    set roleOptions(value: {
+        value: string;
+        label: string;
+    }[]);
     constructor(dialogService: DialogService);
     ngOnChanges(): void;
     private loadMembers;
+    OnAddMember(): Promise<void>;
+    /** @deprecated Use {@link OnAddMember}. */
     onAddMember(): Promise<void>;
+    OnRemoveMember(member: ConversationMember): Promise<void>;
+    /** @deprecated Use {@link OnRemoveMember}. */
     onRemoveMember(member: ConversationMember): Promise<void>;
+    OnCancel(): void;
+    /** @deprecated Use {@link OnCancel}. */
     onCancel(): void;
     private resetForm;
     static ɵfac: i0.ɵɵFactoryDeclaration<MembersModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MembersModalComponent, "mj-members-modal", never, { "isVisible": { "alias": "isVisible"; "required": false; }; "conversation": { "alias": "conversation"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; }, { "cancelled": "cancelled"; "membersChanged": "membersChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MembersModalComponent, "mj-members-modal", never, { "IsVisible": { "alias": "IsVisible"; "required": false; }; "isVisible": { "alias": "isVisible"; "required": false; }; "Conversation": { "alias": "Conversation"; "required": false; }; "conversation": { "alias": "conversation"; "required": false; }; "CurrentUser": { "alias": "CurrentUser"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; }, { "Cancelled": "Cancelled"; "cancelled": "cancelled"; "MembersChanged": "MembersChanged"; "membersChanged": "membersChanged"; }, never, never, false, never>;
 }
 export {};
 //# sourceMappingURL=members-modal.component.d.ts.map

package/dist/lib/components/members/members-modal.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"members-modal.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/members/members-modal.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAqB,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;;AAE9D,UAAU,kBAAkB;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;IACzB,OAAO,EAAE,IAAI,CAAC;CACf;AAED,qBAuNa,qBAAqB;IAsBpB,OAAO,CAAC,aAAa;IArBxB,SAAS,UAAS;IAClB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,WAAW,EAAG,QAAQ,CAAC;IACtB,SAAS,qBAA4B;IACrC,cAAc,qBAA4B;IAEpD,OAAO,EAAE,kBAAkB,EAAE,CAAM;IACnC,cAAc,SAAM;IACpB,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAY;IAC7C,SAAS,UAAS;IAClB,YAAY,SAAM;IAElB,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,WAAW;;;QAGT;gBAEkB,aAAa,EAAE,aAAa;IAEhD,WAAW,IAAI,IAAI;YAML,WAAW;IA2BnB,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;IA0C5B,cAAc,CAAC,MAAM,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC;IAyB/D,QAAQ,IAAI,IAAI;IAKhB,OAAO,CAAC,SAAS;yCAjIN,qBAAqB;2CAArB,qBAAqB;CAuIjC"}
+{"version":3,"file":"members-modal.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/members/members-modal.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/components/members/members-modal.component.js

@@ -130,60 +130,152 @@ function MembersModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
 } }
 export class MembersModalComponent {
     dialogService;
-    isVisible = false;
-    conversation;
-    currentUser;
-    cancelled = new EventEmitter();
-    membersChanged = new EventEmitter();
-    members = [];
-    newMemberEmail = '';
-    newMemberRole = 'member';
-    isLoading = false;
-    errorMessage = '';
+    IsVisible = false;
+    /** @deprecated Use {@link IsVisible}. */
+    set isVisible(value) {
+        this.IsVisible = value;
+    }
+    /** @deprecated Use {@link IsVisible}. */
+    get isVisible() {
+        return this.IsVisible;
+    }
+    Conversation;
+    /** @deprecated Use {@link Conversation}. */
+    set conversation(value) {
+        this.Conversation = value;
+    }
+    /** @deprecated Use {@link Conversation}. */
+    get conversation() {
+        return this.Conversation;
+    }
+    CurrentUser;
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value) {
+        this.CurrentUser = value;
+    }
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser() {
+        return this.CurrentUser;
+    }
+    Cancelled = new EventEmitter();
+    /**
+     * @deprecated Use {@link Cancelled}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (cancelled) keeps working. Must stay AFTER Cancelled: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    cancelled = this.Cancelled;
+    MembersChanged = new EventEmitter();
+    /**
+     * @deprecated Use {@link MembersChanged}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (membersChanged) keeps working. Must stay AFTER MembersChanged: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    membersChanged = this.MembersChanged;
+    Members = [];
+    /** @deprecated Use {@link Members}. */
+    get members() {
+        return this.Members;
+    }
+    /** @deprecated Use {@link Members}. */
+    set members(value) {
+        this.Members = value;
+    }
+    NewMemberEmail = '';
+    /** @deprecated Use {@link NewMemberEmail}. */
+    get newMemberEmail() {
+        return this.NewMemberEmail;
+    }
+    /** @deprecated Use {@link NewMemberEmail}. */
+    set newMemberEmail(value) {
+        this.NewMemberEmail = value;
+    }
+    NewMemberRole = 'member';
+    /** @deprecated Use {@link NewMemberRole}. */
+    get newMemberRole() {
+        return this.NewMemberRole;
+    }
+    /** @deprecated Use {@link NewMemberRole}. */
+    set newMemberRole(value) {
+        this.NewMemberRole = value;
+    }
+    IsLoading = false;
+    /** @deprecated Use {@link IsLoading}. */
+    get isLoading() {
+        return this.IsLoading;
+    }
+    /** @deprecated Use {@link IsLoading}. */
+    set isLoading(value) {
+        this.IsLoading = value;
+    }
+    ErrorMessage = '';
+    /** @deprecated Use {@link ErrorMessage}. */
+    get errorMessage() {
+        return this.ErrorMessage;
+    }
+    /** @deprecated Use {@link ErrorMessage}. */
+    set errorMessage(value) {
+        this.ErrorMessage = value;
+    }
+    get ModalTitle() {
+        return `Manage Members: ${this.Conversation?.Name || 'Conversation'}`;
+    }
+    /** @deprecated Use {@link ModalTitle}. */
     get modalTitle() {
-        return `Manage Members: ${this.conversation?.Name || 'Conversation'}`;
+        return this.ModalTitle;
     }
-    roleOptions = [
+    RoleOptions = [
         { value: 'member', label: 'Member' },
         { value: 'owner', label: 'Owner' }
     ];
+    /** @deprecated Use {@link RoleOptions}. */
+    get roleOptions() {
+        return this.RoleOptions;
+    }
+    /** @deprecated Use {@link RoleOptions}. */
+    set roleOptions(value) {
+        this.RoleOptions = value;
+    }
     constructor(dialogService) {
         this.dialogService = dialogService;
     }
     ngOnChanges() {
-        if (this.isVisible && this.conversation) {
+        if (this.IsVisible && this.Conversation) {
             this.loadMembers();
         }
     }
     async loadMembers() {
-        if (!this.conversation)
+        if (!this.Conversation)
             return;
-        this.isLoading = true;
-        this.errorMessage = '';
+        this.IsLoading = true;
+        this.ErrorMessage = '';
         try {
             // TODO: Load from ConversationMembers entity when available
             // For now, show the owner
-            this.members = [
+            this.Members = [
                 {
-                    id: 'owner-' + this.conversation.ID,
-                    userId: this.conversation.UserID || '',
+                    id: 'owner-' + this.Conversation.ID,
+                    userId: this.Conversation.UserID || '',
                     userName: 'Owner',
-                    userEmail: this.currentUser.Email,
+                    userEmail: this.CurrentUser.Email,
                     role: 'owner',
-                    addedAt: this.conversation.__mj_CreatedAt
+                    addedAt: this.Conversation.__mj_CreatedAt
                 }
             ];
         }
         catch (error) {
             console.error('Error loading members:', error);
-            this.errorMessage = 'Failed to load members';
+            this.ErrorMessage = 'Failed to load members';
         }
         finally {
-            this.isLoading = false;
+            this.IsLoading = false;
         }
     }
-    async onAddMember() {
-        const email = this.newMemberEmail.trim();
+    async OnAddMember() {
+        const email = this.NewMemberEmail.trim();
         if (!email)
             return;
         // Simple email validation
@@ -192,12 +284,12 @@ export class MembersModalComponent {
             return;
         }
         // Check if already a member
-        if (this.members.some(m => m.userEmail === email)) {
+        if (this.Members.some(m => m.userEmail === email)) {
             await this.dialogService.alert('Already a Member', 'This user is already a member');
             return;
         }
-        this.isLoading = true;
-        this.errorMessage = '';
+        this.IsLoading = true;
+        this.ErrorMessage = '';
         try {
             // TODO: Create ConversationMember entity when available
             const newMember = {
@@ -205,23 +297,27 @@ export class MembersModalComponent {
                 userId: 'unknown',
                 userName: email.split('@')[0],
                 userEmail: email,
-                role: this.newMemberRole,
+                role: this.NewMemberRole,
                 addedAt: new Date()
             };
-            this.members.push(newMember);
-            this.newMemberEmail = '';
-            this.newMemberRole = 'member';
-            this.membersChanged.emit();
+            this.Members.push(newMember);
+            this.NewMemberEmail = '';
+            this.NewMemberRole = 'member';
+            this.MembersChanged.emit();
         }
         catch (error) {
             console.error('Error adding member:', error);
-            this.errorMessage = 'Failed to add member';
+            this.ErrorMessage = 'Failed to add member';
         }
         finally {
-            this.isLoading = false;
+            this.IsLoading = false;
         }
     }
-    async onRemoveMember(member) {
+    /** @deprecated Use {@link OnAddMember}. */
+    async onAddMember() {
+        return this.OnAddMember();
+    }
+    async OnRemoveMember(member) {
         const confirmed = await this.dialogService.confirm({
             title: 'Remove Member',
             message: `Remove ${member.userEmail} from this conversation?`,
@@ -230,33 +326,41 @@ export class MembersModalComponent {
         });
         if (!confirmed)
             return;
-        this.isLoading = true;
-        this.errorMessage = '';
+        this.IsLoading = true;
+        this.ErrorMessage = '';
         try {
             // TODO: Delete ConversationMember entity when available
-            this.members = this.members.filter(m => m.id !== member.id);
-            this.membersChanged.emit();
+            this.Members = this.Members.filter(m => m.id !== member.id);
+            this.MembersChanged.emit();
         }
         catch (error) {
             console.error('Error removing member:', error);
-            this.errorMessage = 'Failed to remove member';
+            this.ErrorMessage = 'Failed to remove member';
         }
         finally {
-            this.isLoading = false;
+            this.IsLoading = false;
         }
     }
-    onCancel() {
-        this.cancelled.emit();
+    /** @deprecated Use {@link OnRemoveMember}. */
+    async onRemoveMember(member) {
+        return this.OnRemoveMember(member);
+    }
+    OnCancel() {
+        this.Cancelled.emit();
         this.resetForm();
     }
+    /** @deprecated Use {@link OnCancel}. */
+    onCancel() {
+        return this.OnCancel();
+    }
     resetForm() {
-        this.newMemberEmail = '';
-        this.newMemberRole = 'member';
-        this.errorMessage = '';
-        this.isVisible = false;
+        this.NewMemberEmail = '';
+        this.NewMemberRole = 'member';
+        this.ErrorMessage = '';
+        this.IsVisible = false;
     }
     static ɵfac = function MembersModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MembersModalComponent)(i0.ɵɵdirectiveInject(i1.DialogService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MembersModalComponent, selectors: [["mj-members-modal"]], inputs: { isVisible: "isVisible", conversation: "conversation", currentUser: "currentUser" }, outputs: { cancelled: "cancelled", membersChanged: "membersChanged" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[3, "Title", "Width", "Height", "Visible"], [3, "Close", "Title", "Width", "Height", "Visible"], [1, "members-modal-content"], [1, "add-member-section"], [1, "add-member-form"], ["type", "text", "placeholder", "Enter email address", 1, "mj-textbox", 2, "flex", "1", 3, "ngModelChange", "ngModel"], [1, "mj-select", 2, "width", "120px", 3, "ngModelChange", "ngModel"], [3, "value"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "members-section"], [1, "members-list"], [1, "loading-indicator"], [1, "error-message"], ["mjButton", "", 3, "click"], ["Icon", "fa-solid fa-user-group", "Title", "No additional members yet", "Size", "compact"], [1, "member-item"], [1, "member-info"], [1, "fas", "fa-user-circle"], [1, "member-details"], [1, "member-name"], [1, "member-email"], [1, "member-controls"], [1, "member-role"], ["title", "Remove member", 1, "btn-remove"], ["title", "Remove member", 1, "btn-remove", 3, "click"], [1, "fas", "fa-times"], ["text", "Loading members...", "size", "medium"]], template: function MembersModalComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MembersModalComponent, selectors: [["mj-members-modal"]], inputs: { IsVisible: "IsVisible", isVisible: "isVisible", Conversation: "Conversation", conversation: "conversation", CurrentUser: "CurrentUser", currentUser: "currentUser" }, outputs: { Cancelled: "Cancelled", cancelled: "cancelled", MembersChanged: "MembersChanged", membersChanged: "membersChanged" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[3, "Title", "Width", "Height", "Visible"], [3, "Close", "Title", "Width", "Height", "Visible"], [1, "members-modal-content"], [1, "add-member-section"], [1, "add-member-form"], ["type", "text", "placeholder", "Enter email address", 1, "mj-textbox", 2, "flex", "1", 3, "ngModelChange", "ngModel"], [1, "mj-select", 2, "width", "120px", 3, "ngModelChange", "ngModel"], [3, "value"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "members-section"], [1, "members-list"], [1, "loading-indicator"], [1, "error-message"], ["mjButton", "", 3, "click"], ["Icon", "fa-solid fa-user-group", "Title", "No additional members yet", "Size", "compact"], [1, "member-item"], [1, "member-info"], [1, "fas", "fa-user-circle"], [1, "member-details"], [1, "member-name"], [1, "member-email"], [1, "member-controls"], [1, "member-role"], ["title", "Remove member", 1, "btn-remove"], ["title", "Remove member", 1, "btn-remove", 3, "click"], [1, "fas", "fa-times"], ["text", "Loading members...", "size", "medium"]], template: function MembersModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, MembersModalComponent_Conditional_0_Template, 21, 11, "mj-dialog", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isVisible ? 0 : -1);
@@ -349,14 +453,24 @@ export class MembersModalComponent {
       </mj-dialog>
     }
     `, styles: ["\n    .members-modal-content {\n      padding: 20px;\n    }\n\n    h4 {\n      margin: 0 0 12px 0;\n      font-size: 14px;\n      font-weight: 600;\n    }\n\n    .add-member-section {\n      margin-bottom: 24px;\n    }\n\n    .add-member-form {\n      display: flex;\n      gap: 8px;\n    }\n\n    .members-list {\n      border: 1px solid #d9d9d9;\n      border-radius: 4px;\n      max-height: 300px;\n      overflow-y: auto;\n    }\n\n    .member-item {\n      padding: 12px;\n      border-bottom: 1px solid #e8e8e8;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .member-item:last-child {\n      border-bottom: none;\n    }\n\n    .member-info {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex: 1;\n    }\n\n    .member-info i {\n      font-size: 32px;\n      color: #999;\n    }\n\n    .member-details {\n      display: flex;\n      flex-direction: column;\n    }\n\n    .member-name {\n      font-size: 14px;\n      font-weight: 500;\n    }\n\n    .member-email {\n      font-size: 12px;\n      color: #666;\n    }\n\n    .member-controls {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .member-role {\n      padding: 4px 8px;\n      border-radius: 3px;\n      font-size: 12px;\n      font-weight: 500;\n      background: #e3f2fd;\n      color: #1976d2;\n    }\n\n    .member-role.owner {\n      background: #fff3e0;\n      color: #f57c00;\n    }\n\n    .btn-remove {\n      padding: 6px 8px;\n      background: transparent;\n      border: none;\n      cursor: pointer;\n      border-radius: 3px;\n      color: #999;\n    }\n\n    .btn-remove:hover {\n      background: #ffebee;\n      color: #d32f2f;\n    }\n\n    .loading-indicator {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      padding: 24px;\n      color: #666;\n    }\n\n    .error-message {\n      display: block;\n      color: #d32f2f;\n      font-size: 13px;\n      margin-top: 12px;\n      padding: 8px 12px;\n      background: #ffebee;\n      border-radius: 4px;\n    }\n\n    mj-dialog-actions {\n      display: flex;\n      justify-content: flex-end;\n      padding: 15px 20px;\n      border-top: 1px solid #e0e0e0;\n    }\n  "] }]
-    }], () => [{ type: i1.DialogService }], { isVisible: [{
+    }], () => [{ type: i1.DialogService }], { IsVisible: [{
+            type: Input
+        }], isVisible: [{
+            type: Input
+        }], Conversation: [{
             type: Input
         }], conversation: [{
             type: Input
+        }], CurrentUser: [{
+            type: Input
         }], currentUser: [{
             type: Input
+        }], Cancelled: [{
+            type: Output
         }], cancelled: [{
             type: Output
+        }], MembersChanged: [{
+            type: Output
         }], membersChanged: [{
             type: Output
         }] }); })();

package/dist/lib/components/members/members-modal.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"members-modal.component.js","sourceRoot":"","sources":["../../../../src/lib/components/members/members-modal.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { MJConversationEntity } from '@memberjunction/core-entities';\nimport { UserInfo, RunView, Metadata } from '@memberjunction/core';\nimport { DialogService } from '../../services/dialog.service';\n\ninterface ConversationMember {\n  id: string;\n  userId: string;\n  userName: string;\n  userEmail: string;\n  role: 'owner' | 'member';\n  addedAt: Date;\n}\n\n@Component({\n  standalone: false,\n  selector: 'mj-members-modal',\n  template: `\n    @if (isVisible) {\n      <mj-dialog\n        [Title]=\"modalTitle\"\n        [Width]=\"600\"\n        [Height]=\"500\"\n        [Visible]=\"true\"\n        (Close)=\"onCancel()\">\n        <div class=\"members-modal-content\">\n          <div class=\"add-member-section\">\n            <h4>Add Member</h4>\n            <div class=\"add-member-form\">\n              <input\n                type=\"text\"\n                [(ngModel)]=\"newMemberEmail\"\n                placeholder=\"Enter email address\"\n                class=\"mj-textbox\"\n                style=\"flex: 1;\">\n              <select\n                [(ngModel)]=\"newMemberRole\"\n                class=\"mj-select\"\n                style=\"width: 120px;\">\n                @for (option of roleOptions; track option.value) {\n                  <option [value]=\"option.value\">{{ option.label }}</option>\n                }\n              </select>\n              <button mjButton variant=\"primary\" [disabled]=\"isLoading\" (click)=\"onAddMember()\">\n                Add\n              </button>\n            </div>\n          </div>\n          <div class=\"members-section\">\n            <h4>Current Members ({{ members.length }})</h4>\n            @if (!isLoading) {\n              <div class=\"members-list\">\n                @if (members.length === 0) {\n                  <mj-empty-state\n                    Icon=\"fa-solid fa-user-group\"\n                    Title=\"No additional members yet\"\n                    Size=\"compact\" />\n                }\n                @for (member of members; track member) {\n                  <div class=\"member-item\">\n                    <div class=\"member-info\">\n                      <i class=\"fas fa-user-circle\"></i>\n                      <div class=\"member-details\">\n                        <div class=\"member-name\">{{ member.userName }}</div>\n                        <div class=\"member-email\">{{ member.userEmail }}</div>\n                      </div>\n                    </div>\n                    <div class=\"member-controls\">\n                      <span class=\"member-role\" [class.owner]=\"member.role === 'owner'\">\n                        {{ member.role === 'owner' ? 'Owner' : 'Member' }}\n                      </span>\n                      @if (member.role !== 'owner') {\n                        <button\n                          class=\"btn-remove\"\n                          (click)=\"onRemoveMember(member)\"\n                          title=\"Remove member\">\n                          <i class=\"fas fa-times\"></i>\n                        </button>\n                      }\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n            @if (isLoading) {\n              <div class=\"loading-indicator\">\n                <mj-loading text=\"Loading members...\" size=\"medium\"></mj-loading>\n              </div>\n            }\n          </div>\n          @if (errorMessage) {\n            <div class=\"error-message\">\n              {{ errorMessage }}\n            </div>\n          }\n        </div>\n        <mj-dialog-actions>\n          <button mjButton (click)=\"onCancel()\">Close</button>\n        </mj-dialog-actions>\n      </mj-dialog>\n    }\n    `,\n  styles: [`\n    .members-modal-content {\n      padding: 20px;\n    }\n\n    h4 {\n      margin: 0 0 12px 0;\n      font-size: 14px;\n      font-weight: 600;\n    }\n\n    .add-member-section {\n      margin-bottom: 24px;\n    }\n\n    .add-member-form {\n      display: flex;\n      gap: 8px;\n    }\n\n    .members-list {\n      border: 1px solid #d9d9d9;\n      border-radius: 4px;\n      max-height: 300px;\n      overflow-y: auto;\n    }\n\n    .member-item {\n      padding: 12px;\n      border-bottom: 1px solid #e8e8e8;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .member-item:last-child {\n      border-bottom: none;\n    }\n\n    .member-info {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex: 1;\n    }\n\n    .member-info i {\n      font-size: 32px;\n      color: #999;\n    }\n\n    .member-details {\n      display: flex;\n      flex-direction: column;\n    }\n\n    .member-name {\n      font-size: 14px;\n      font-weight: 500;\n    }\n\n    .member-email {\n      font-size: 12px;\n      color: #666;\n    }\n\n    .member-controls {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .member-role {\n      padding: 4px 8px;\n      border-radius: 3px;\n      font-size: 12px;\n      font-weight: 500;\n      background: #e3f2fd;\n      color: #1976d2;\n    }\n\n    .member-role.owner {\n      background: #fff3e0;\n      color: #f57c00;\n    }\n\n    .btn-remove {\n      padding: 6px 8px;\n      background: transparent;\n      border: none;\n      cursor: pointer;\n      border-radius: 3px;\n      color: #999;\n    }\n\n    .btn-remove:hover {\n      background: #ffebee;\n      color: #d32f2f;\n    }\n\n    .loading-indicator {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      padding: 24px;\n      color: #666;\n    }\n\n    .error-message {\n      display: block;\n      color: #d32f2f;\n      font-size: 13px;\n      margin-top: 12px;\n      padding: 8px 12px;\n      background: #ffebee;\n      border-radius: 4px;\n    }\n\n    mj-dialog-actions {\n      display: flex;\n      justify-content: flex-end;\n      padding: 15px 20px;\n      border-top: 1px solid #e0e0e0;\n    }\n  `]\n})\nexport class MembersModalComponent {\n  @Input() isVisible = false;\n  @Input() conversation?: MJConversationEntity;\n  @Input() currentUser!: UserInfo;\n  @Output() cancelled = new EventEmitter<void>();\n  @Output() membersChanged = new EventEmitter<void>();\n\n  members: ConversationMember[] = [];\n  newMemberEmail = '';\n  newMemberRole: 'member' | 'owner' = 'member';\n  isLoading = false;\n  errorMessage = '';\n\n  get modalTitle(): string {\n    return `Manage Members: ${this.conversation?.Name || 'Conversation'}`;\n  }\n\n  roleOptions = [\n    { value: 'member', label: 'Member' },\n    { value: 'owner', label: 'Owner' }\n  ];\n\n  constructor(private dialogService: DialogService) {}\n\n  ngOnChanges(): void {\n    if (this.isVisible && this.conversation) {\n      this.loadMembers();\n    }\n  }\n\n  private async loadMembers(): Promise<void> {\n    if (!this.conversation) return;\n\n    this.isLoading = true;\n    this.errorMessage = '';\n\n    try {\n      // TODO: Load from ConversationMembers entity when available\n      // For now, show the owner\n      this.members = [\n        {\n          id: 'owner-' + this.conversation.ID,\n          userId: this.conversation.UserID || '',\n          userName: 'Owner',\n          userEmail: this.currentUser.Email,\n          role: 'owner',\n          addedAt: this.conversation.__mj_CreatedAt\n        }\n      ];\n    } catch (error) {\n      console.error('Error loading members:', error);\n      this.errorMessage = 'Failed to load members';\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  async onAddMember(): Promise<void> {\n    const email = this.newMemberEmail.trim();\n    if (!email) return;\n\n    // Simple email validation\n    if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)) {\n      await this.dialogService.alert('Invalid Email', 'Please enter a valid email address');\n      return;\n    }\n\n    // Check if already a member\n    if (this.members.some(m => m.userEmail === email)) {\n      await this.dialogService.alert('Already a Member', 'This user is already a member');\n      return;\n    }\n\n    this.isLoading = true;\n    this.errorMessage = '';\n\n    try {\n      // TODO: Create ConversationMember entity when available\n      const newMember: ConversationMember = {\n        id: 'temp-' + Date.now(),\n        userId: 'unknown',\n        userName: email.split('@')[0],\n        userEmail: email,\n        role: this.newMemberRole,\n        addedAt: new Date()\n      };\n\n      this.members.push(newMember);\n      this.newMemberEmail = '';\n      this.newMemberRole = 'member';\n      this.membersChanged.emit();\n    } catch (error) {\n      console.error('Error adding member:', error);\n      this.errorMessage = 'Failed to add member';\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  async onRemoveMember(member: ConversationMember): Promise<void> {\n    const confirmed = await this.dialogService.confirm({\n      title: 'Remove Member',\n      message: `Remove ${member.userEmail} from this conversation?`,\n      okText: 'Remove',\n      cancelText: 'Cancel'\n    });\n\n    if (!confirmed) return;\n\n    this.isLoading = true;\n    this.errorMessage = '';\n\n    try {\n      // TODO: Delete ConversationMember entity when available\n      this.members = this.members.filter(m => m.id !== member.id);\n      this.membersChanged.emit();\n    } catch (error) {\n      console.error('Error removing member:', error);\n      this.errorMessage = 'Failed to remove member';\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  onCancel(): void {\n    this.cancelled.emit();\n    this.resetForm();\n  }\n\n  private resetForm(): void {\n    this.newMemberEmail = '';\n    this.newMemberRole = 'member';\n    this.errorMessage = '';\n    this.isVisible = false;\n  }\n}\n"]}
+{"version":3,"file":"members-modal.component.js","sourceRoot":"","sources":["../../../../src/lib/components/members/members-modal.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { MJConversationEntity } from '@memberjunction/core-entities';\nimport { UserInfo, RunView, Metadata } from '@memberjunction/core';\nimport { DialogService } from '../../services/dialog.service';\n\ninterface ConversationMember {\n  id: string;\n  userId: string;\n  userName: string;\n  userEmail: string;\n  role: 'owner' | 'member';\n  addedAt: Date;\n}\n\n@Component({\n  standalone: false,\n  selector: 'mj-members-modal',\n  template: `\n    @if (isVisible) {\n      <mj-dialog\n        [Title]=\"modalTitle\"\n        [Width]=\"600\"\n        [Height]=\"500\"\n        [Visible]=\"true\"\n        (Close)=\"onCancel()\">\n        <div class=\"members-modal-content\">\n          <div class=\"add-member-section\">\n            <h4>Add Member</h4>\n            <div class=\"add-member-form\">\n              <input\n                type=\"text\"\n                [(ngModel)]=\"newMemberEmail\"\n                placeholder=\"Enter email address\"\n                class=\"mj-textbox\"\n                style=\"flex: 1;\">\n              <select\n                [(ngModel)]=\"newMemberRole\"\n                class=\"mj-select\"\n                style=\"width: 120px;\">\n                @for (option of roleOptions; track option.value) {\n                  <option [value]=\"option.value\">{{ option.label }}</option>\n                }\n              </select>\n              <button mjButton variant=\"primary\" [disabled]=\"isLoading\" (click)=\"onAddMember()\">\n                Add\n              </button>\n            </div>\n          </div>\n          <div class=\"members-section\">\n            <h4>Current Members ({{ members.length }})</h4>\n            @if (!isLoading) {\n              <div class=\"members-list\">\n                @if (members.length === 0) {\n                  <mj-empty-state\n                    Icon=\"fa-solid fa-user-group\"\n                    Title=\"No additional members yet\"\n                    Size=\"compact\" />\n                }\n                @for (member of members; track member) {\n                  <div class=\"member-item\">\n                    <div class=\"member-info\">\n                      <i class=\"fas fa-user-circle\"></i>\n                      <div class=\"member-details\">\n                        <div class=\"member-name\">{{ member.userName }}</div>\n                        <div class=\"member-email\">{{ member.userEmail }}</div>\n                      </div>\n                    </div>\n                    <div class=\"member-controls\">\n                      <span class=\"member-role\" [class.owner]=\"member.role === 'owner'\">\n                        {{ member.role === 'owner' ? 'Owner' : 'Member' }}\n                      </span>\n                      @if (member.role !== 'owner') {\n                        <button\n                          class=\"btn-remove\"\n                          (click)=\"onRemoveMember(member)\"\n                          title=\"Remove member\">\n                          <i class=\"fas fa-times\"></i>\n                        </button>\n                      }\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n            @if (isLoading) {\n              <div class=\"loading-indicator\">\n                <mj-loading text=\"Loading members...\" size=\"medium\"></mj-loading>\n              </div>\n            }\n          </div>\n          @if (errorMessage) {\n            <div class=\"error-message\">\n              {{ errorMessage }}\n            </div>\n          }\n        </div>\n        <mj-dialog-actions>\n          <button mjButton (click)=\"onCancel()\">Close</button>\n        </mj-dialog-actions>\n      </mj-dialog>\n    }\n    `,\n  styles: [`\n    .members-modal-content {\n      padding: 20px;\n    }\n\n    h4 {\n      margin: 0 0 12px 0;\n      font-size: 14px;\n      font-weight: 600;\n    }\n\n    .add-member-section {\n      margin-bottom: 24px;\n    }\n\n    .add-member-form {\n      display: flex;\n      gap: 8px;\n    }\n\n    .members-list {\n      border: 1px solid #d9d9d9;\n      border-radius: 4px;\n      max-height: 300px;\n      overflow-y: auto;\n    }\n\n    .member-item {\n      padding: 12px;\n      border-bottom: 1px solid #e8e8e8;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .member-item:last-child {\n      border-bottom: none;\n    }\n\n    .member-info {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex: 1;\n    }\n\n    .member-info i {\n      font-size: 32px;\n      color: #999;\n    }\n\n    .member-details {\n      display: flex;\n      flex-direction: column;\n    }\n\n    .member-name {\n      font-size: 14px;\n      font-weight: 500;\n    }\n\n    .member-email {\n      font-size: 12px;\n      color: #666;\n    }\n\n    .member-controls {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .member-role {\n      padding: 4px 8px;\n      border-radius: 3px;\n      font-size: 12px;\n      font-weight: 500;\n      background: #e3f2fd;\n      color: #1976d2;\n    }\n\n    .member-role.owner {\n      background: #fff3e0;\n      color: #f57c00;\n    }\n\n    .btn-remove {\n      padding: 6px 8px;\n      background: transparent;\n      border: none;\n      cursor: pointer;\n      border-radius: 3px;\n      color: #999;\n    }\n\n    .btn-remove:hover {\n      background: #ffebee;\n      color: #d32f2f;\n    }\n\n    .loading-indicator {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      padding: 24px;\n      color: #666;\n    }\n\n    .error-message {\n      display: block;\n      color: #d32f2f;\n      font-size: 13px;\n      margin-top: 12px;\n      padding: 8px 12px;\n      background: #ffebee;\n      border-radius: 4px;\n    }\n\n    mj-dialog-actions {\n      display: flex;\n      justify-content: flex-end;\n      padding: 15px 20px;\n      border-top: 1px solid #e0e0e0;\n    }\n  `]\n})\nexport class MembersModalComponent {\n  @Input() IsVisible = false;\n\n  /** @deprecated Use {@link IsVisible}. */\n  @Input() set isVisible(value: MembersModalComponent['IsVisible']) {\n    this.IsVisible = value;\n  }\n  /** @deprecated Use {@link IsVisible}. */\n  get isVisible(): MembersModalComponent['IsVisible'] {\n    return this.IsVisible;\n  }\n  @Input() Conversation?: MJConversationEntity;\n\n  /** @deprecated Use {@link Conversation}. */\n  @Input() set conversation(value: MJConversationEntity | undefined) {\n    this.Conversation = value;\n  }\n  /** @deprecated Use {@link Conversation}. */\n  get conversation(): MJConversationEntity | undefined {\n    return this.Conversation;\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  @Output() Cancelled = new EventEmitter<void>();\n\n  /**\n   * @deprecated Use {@link Cancelled}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (cancelled) keeps working. Must stay AFTER Cancelled: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() cancelled = this.Cancelled;\n  @Output() MembersChanged = new EventEmitter<void>();\n\n  /**\n   * @deprecated Use {@link MembersChanged}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (membersChanged) keeps working. Must stay AFTER MembersChanged: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() membersChanged = this.MembersChanged;\n\n  Members: ConversationMember[] = [];\n\n  /** @deprecated Use {@link Members}. */\n  get members(): ConversationMember[] {\n    return this.Members;\n  }\n  /** @deprecated Use {@link Members}. */\n  set members(value: ConversationMember[]) {\n    this.Members = value;\n  }\n  NewMemberEmail = '';\n\n  /** @deprecated Use {@link NewMemberEmail}. */\n  get newMemberEmail() {\n    return this.NewMemberEmail;\n  }\n  /** @deprecated Use {@link NewMemberEmail}. */\n  set newMemberEmail(value) {\n    this.NewMemberEmail = value;\n  }\n  NewMemberRole: 'member' | 'owner' = 'member';\n\n  /** @deprecated Use {@link NewMemberRole}. */\n  get newMemberRole(): 'member' | 'owner' {\n    return this.NewMemberRole;\n  }\n  /** @deprecated Use {@link NewMemberRole}. */\n  set newMemberRole(value: 'member' | 'owner') {\n    this.NewMemberRole = value;\n  }\n  IsLoading = false;\n\n  /** @deprecated Use {@link IsLoading}. */\n  get isLoading() {\n    return this.IsLoading;\n  }\n  /** @deprecated Use {@link IsLoading}. */\n  set isLoading(value) {\n    this.IsLoading = value;\n  }\n  ErrorMessage = '';\n\n  /** @deprecated Use {@link ErrorMessage}. */\n  get errorMessage() {\n    return this.ErrorMessage;\n  }\n  /** @deprecated Use {@link ErrorMessage}. */\n  set errorMessage(value) {\n    this.ErrorMessage = value;\n  }\n\n  get ModalTitle(): string {\n    return `Manage Members: ${this.Conversation?.Name || 'Conversation'}`;\n  }\n\n  /** @deprecated Use {@link ModalTitle}. */\n  get modalTitle(): string {\n    return this.ModalTitle;\n  }\n\n  RoleOptions = [\n    { value: 'member', label: 'Member' },\n    { value: 'owner', label: 'Owner' }\n  ];\n\n  /** @deprecated Use {@link RoleOptions}. */\n  get roleOptions() {\n    return this.RoleOptions;\n  }\n  /** @deprecated Use {@link RoleOptions}. */\n  set roleOptions(value) {\n    this.RoleOptions = value;\n  }\n\n  constructor(private dialogService: DialogService) {}\n\n  ngOnChanges(): void {\n    if (this.IsVisible && this.Conversation) {\n      this.loadMembers();\n    }\n  }\n\n  private async loadMembers(): Promise<void> {\n    if (!this.Conversation) return;\n\n    this.IsLoading = true;\n    this.ErrorMessage = '';\n\n    try {\n      // TODO: Load from ConversationMembers entity when available\n      // For now, show the owner\n      this.Members = [\n        {\n          id: 'owner-' + this.Conversation.ID,\n          userId: this.Conversation.UserID || '',\n          userName: 'Owner',\n          userEmail: this.CurrentUser.Email,\n          role: 'owner',\n          addedAt: this.Conversation.__mj_CreatedAt\n        }\n      ];\n    } catch (error) {\n      console.error('Error loading members:', error);\n      this.ErrorMessage = 'Failed to load members';\n    } finally {\n      this.IsLoading = false;\n    }\n  }\n\n  async OnAddMember(): Promise<void> {\n    const email = this.NewMemberEmail.trim();\n    if (!email) return;\n\n    // Simple email validation\n    if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)) {\n      await this.dialogService.alert('Invalid Email', 'Please enter a valid email address');\n      return;\n    }\n\n    // Check if already a member\n    if (this.Members.some(m => m.userEmail === email)) {\n      await this.dialogService.alert('Already a Member', 'This user is already a member');\n      return;\n    }\n\n    this.IsLoading = true;\n    this.ErrorMessage = '';\n\n    try {\n      // TODO: Create ConversationMember entity when available\n      const newMember: ConversationMember = {\n        id: 'temp-' + Date.now(),\n        userId: 'unknown',\n        userName: email.split('@')[0],\n        userEmail: email,\n        role: this.NewMemberRole,\n        addedAt: new Date()\n      };\n\n      this.Members.push(newMember);\n      this.NewMemberEmail = '';\n      this.NewMemberRole = 'member';\n      this.MembersChanged.emit();\n    } catch (error) {\n      console.error('Error adding member:', error);\n      this.ErrorMessage = 'Failed to add member';\n    } finally {\n      this.IsLoading = false;\n    }\n  }\n\n  /** @deprecated Use {@link OnAddMember}. */\n  async onAddMember(): Promise<void> {\n    return this.OnAddMember();\n  }\n\n  async OnRemoveMember(member: ConversationMember): Promise<void> {\n    const confirmed = await this.dialogService.confirm({\n      title: 'Remove Member',\n      message: `Remove ${member.userEmail} from this conversation?`,\n      okText: 'Remove',\n      cancelText: 'Cancel'\n    });\n\n    if (!confirmed) return;\n\n    this.IsLoading = true;\n    this.ErrorMessage = '';\n\n    try {\n      // TODO: Delete ConversationMember entity when available\n      this.Members = this.Members.filter(m => m.id !== member.id);\n      this.MembersChanged.emit();\n    } catch (error) {\n      console.error('Error removing member:', error);\n      this.ErrorMessage = 'Failed to remove member';\n    } finally {\n      this.IsLoading = false;\n    }\n  }\n\n  /** @deprecated Use {@link OnRemoveMember}. */\n  async onRemoveMember(member: ConversationMember): Promise<void> {\n    return this.OnRemoveMember(member);\n  }\n\n  OnCancel(): void {\n    this.Cancelled.emit();\n    this.resetForm();\n  }\n\n  /** @deprecated Use {@link OnCancel}. */\n  onCancel(): void {\n    return this.OnCancel();\n  }\n\n  private resetForm(): void {\n    this.NewMemberEmail = '';\n    this.NewMemberRole = 'member';\n    this.ErrorMessage = '';\n    this.IsVisible = false;\n  }\n}\n"]}

package/dist/lib/components/message/actionable-commands.component.d.ts

@@ -6,28 +6,60 @@ import * as i0 from "@angular/core";
  * These are actions the user can trigger after an agent completes a task
  */
 export declare class ActionableCommandsComponent {
-    commands: ActionableCommand[];
-    disabled: boolean;
-    isLastMessage: boolean;
-    isConversationOwner: boolean;
+    Commands: ActionableCommand[];
+    /** @deprecated Use {@link Commands}. */
+    set commands(value: ActionableCommand[]);
+    /** @deprecated Use {@link Commands}. */
+    get commands(): ActionableCommand[];
+    Disabled: boolean;
+    /** @deprecated Use {@link Disabled}. */
+    set disabled(value: boolean);
+    /** @deprecated Use {@link Disabled}. */
+    get disabled(): boolean;
+    IsLastMessage: boolean;
+    /** @deprecated Use {@link IsLastMessage}. */
+    set isLastMessage(value: boolean);
+    /** @deprecated Use {@link IsLastMessage}. */
+    get isLastMessage(): boolean;
+    IsConversationOwner: boolean;
+    /** @deprecated Use {@link IsConversationOwner}. */
+    set isConversationOwner(value: boolean);
+    /** @deprecated Use {@link IsConversationOwner}. */
+    get isConversationOwner(): boolean;
+    CommandExecuted: EventEmitter<ActionableCommand>;
+    /**
+     * @deprecated Use {@link CommandExecuted}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (commandExecuted) keeps working. Must stay AFTER CommandExecuted: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     commandExecuted: EventEmitter<ActionableCommand>;
     /**
      * Check if component should be visible
      */
+    get IsVisible(): boolean;
+    /** @deprecated Use {@link IsVisible}. */
     get isVisible(): boolean;
     /**
      * Handle command button click
      */
+    OnCommandClick(command: ActionableCommand): void;
+    /** @deprecated Use {@link OnCommandClick}. */
     onCommandClick(command: ActionableCommand): void;
     /**
      * Get button variant based on command type
      */
+    GetButtonVariant(command: ActionableCommand): 'primary' | 'secondary' | 'outline' | 'flat';
+    /** @deprecated Use {@link GetButtonVariant}. */
     getButtonVariant(command: ActionableCommand): 'primary' | 'secondary' | 'outline' | 'flat';
     /**
      * Track by function for commands list
      */
+    TrackByCommand(index: number, command: ActionableCommand): string;
+    /** @deprecated Use {@link TrackByCommand}. */
     trackByCommand(index: number, command: ActionableCommand): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionableCommandsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionableCommandsComponent, "mj-actionable-commands", never, { "commands": { "alias": "commands"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isLastMessage": { "alias": "isLastMessage"; "required": false; }; "isConversationOwner": { "alias": "isConversationOwner"; "required": false; }; }, { "commandExecuted": "commandExecuted"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionableCommandsComponent, "mj-actionable-commands", never, { "Commands": { "alias": "Commands"; "required": false; }; "commands": { "alias": "commands"; "required": false; }; "Disabled": { "alias": "Disabled"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "IsLastMessage": { "alias": "IsLastMessage"; "required": false; }; "isLastMessage": { "alias": "isLastMessage"; "required": false; }; "IsConversationOwner": { "alias": "IsConversationOwner"; "required": false; }; "isConversationOwner": { "alias": "isConversationOwner"; "required": false; }; }, { "CommandExecuted": "CommandExecuted"; "commandExecuted": "commandExecuted"; }, never, never, false, never>;
 }
 //# sourceMappingURL=actionable-commands.component.d.ts.map

package/dist/lib/components/message/actionable-commands.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actionable-commands.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/message/actionable-commands.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;;AAEjE;;;GAGG;AACH,qBAMa,2BAA2B;IAC7B,QAAQ,EAAE,iBAAiB,EAAE,CAAM;IACnC,QAAQ,EAAE,OAAO,CAAS;IAC1B,aAAa,EAAE,OAAO,CAAS;IAC/B,mBAAmB,EAAE,OAAO,CAAS;IAEpC,eAAe,kCAAyC;IAElE;;OAEG;IACH,IAAW,SAAS,IAAI,OAAO,CAO9B;IAED;;OAEG;IACI,cAAc,CAAC,OAAO,EAAE,iBAAiB,GAAG,IAAI;IAMvD;;OAEG;IACI,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM;IASjG;;OAEG;IACI,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,MAAM;yCA5C7D,2BAA2B;2CAA3B,2BAA2B;CA+CvC"}
+{"version":3,"file":"actionable-commands.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/message/actionable-commands.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;;AAEjE;;;GAGG;AACH,qBAMa,2BAA2B;IAC7B,QAAQ,EAAE,iBAAiB,EAAE,CAAM;IAE5C,wCAAwC;IACxC,IAAa,QAAQ,CAAC,KAAK,EAAE,iBAAiB,EAAE,EAE/C;IACD,wCAAwC;IACxC,IAAI,QAAQ,IAAI,iBAAiB,EAAE,CAElC;IACQ,QAAQ,EAAE,OAAO,CAAS;IAEnC,wCAAwC;IACxC,IAAa,QAAQ,CAAC,KAAK,EAAE,OAAO,EAEnC;IACD,wCAAwC;IACxC,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACQ,aAAa,EAAE,OAAO,CAAS;IAExC,6CAA6C;IAC7C,IAAa,aAAa,CAAC,KAAK,EAAE,OAAO,EAExC;IACD,6CAA6C;IAC7C,IAAI,aAAa,IAAI,OAAO,CAE3B;IACQ,mBAAmB,EAAE,OAAO,CAAS;IAE9C,mDAAmD;IACnD,IAAa,mBAAmB,CAAC,KAAK,EAAE,OAAO,EAE9C;IACD,mDAAmD;IACnD,IAAI,mBAAmB,IAAI,OAAO,CAEjC;IAES,eAAe,kCAAyC;IAElE;;;;;;OAMG;IACO,eAAe,kCAAwB;IAEjD;;OAEG;IACH,IAAW,SAAS,IAAI,OAAO,CAO9B;IAED,yCAAyC;IACzC,IAAW,SAAS,IAAI,OAAO,CAE9B;IAED;;OAEG;IACI,cAAc,CAAC,OAAO,EAAE,iBAAiB,GAAG,IAAI;IAMvD,8CAA8C;IACvC,cAAc,CAAC,OAAO,EAAE,iBAAiB,GAAG,IAAI;IAIvD;;OAEG;IACI,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM;IASjG,gDAAgD;IACzC,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM;IAIjG;;OAEG;IACI,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,MAAM;IAIxE,8CAA8C;IACvC,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,MAAM;yCA7G7D,2BAA2B;2CAA3B,2BAA2B;CAgHvC"}