@memberjunction/ng-mj-livekit-room 6.2.0-edge.2 → 6.2.0-edge.3

package/dist/lib/meetings/meeting-list.component.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import type { IMetadataProvider } from '@memberjunction/core';
+import { type MeetingInfo } from '@memberjunction/graphql-dataprovider';
+import * as i0 from "@angular/core";
+export declare class MJMeetingListComponent implements OnInit {
+    private readonly cdr;
+    Provider?: IMetadataProvider;
+    JoinMeeting: EventEmitter<MeetingInfo>;
+    ScheduleRequested: EventEmitter<void>;
+    EditMeetingRequested: EventEmitter<MeetingInfo>;
+    Meetings: MeetingInfo[];
+    FilteredMeetings: MeetingInfo[];
+    ActiveFilter: 'all' | 'live' | 'scheduled' | 'past';
+    SearchQuery: string;
+    Loading: boolean;
+    ErrorMessage: string | null;
+    ngOnInit(): void;
+    LoadMeetings(): Promise<void>;
+    SetFilter(filter: 'all' | 'live' | 'scheduled' | 'past'): void;
+    OnSearchChange(): void;
+    ApplyFilter(): void;
+    OnJoin(meeting: MeetingInfo): void;
+    OnSchedule(): void;
+    OnEdit(meeting: MeetingInfo): void;
+    OnCancelMeeting(meeting: MeetingInfo): Promise<void>;
+    FormatTime(dateStr?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJMeetingListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJMeetingListComponent, "mj-meeting-list", never, { "Provider": { "alias": "Provider"; "required": false; }; }, { "JoinMeeting": "JoinMeeting"; "ScheduleRequested": "ScheduleRequested"; "EditMeetingRequested": "EditMeetingRequested"; }, never, never, true, never>;
+}
+//# sourceMappingURL=meeting-list.component.d.ts.map

package/dist/lib/meetings/meeting-list.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meeting-list.component.d.ts","sourceRoot":"","sources":["../../../src/lib/meetings/meeting-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyD,YAAY,EAAS,MAAM,EAAkB,MAAM,eAAe,CAAC;AAGnI,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,sCAAsC,CAAC;;AAE9C,qBAiaa,sBAAuB,YAAW,MAAM;IACnD,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAiD;IAE5D,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAE5B,WAAW,4BAAmC;IAC9C,iBAAiB,qBAA4B;IAC7C,oBAAoB,4BAAmC;IAE1D,QAAQ,EAAE,WAAW,EAAE,CAAM;IAC7B,gBAAgB,EAAE,WAAW,EAAE,CAAM;IACrC,YAAY,EAAE,KAAK,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,CAAS;IAC5D,WAAW,EAAE,MAAM,CAAM;IACzB,OAAO,EAAE,OAAO,CAAS;IACzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE1C,QAAQ,IAAI,IAAI;IAIH,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAiBnC,SAAS,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,IAAI;IAK9D,cAAc,IAAI,IAAI;IAItB,WAAW,IAAI,IAAI;IAyBnB,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAIlC,UAAU,IAAI,IAAI;IAIlB,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAI5B,eAAe,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;IAiB1D,UAAU,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM;yCApGhC,sBAAsB;2CAAtB,sBAAsB;CAkHlC"}

package/dist/lib/meetings/meeting-list.component.js

@@ -0,0 +1,528 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { GraphQLDataProvider, GraphQLMeetingClient, } from '@memberjunction/graphql-dataprovider';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+const _forTrack0 = ($index, $item) => $item.ID;
+function MJMeetingListComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵelement(1, "i", 14);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Loading meetings\u2026");
+    i0.ɵɵelementEnd()();
+} }
+function MJMeetingListComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵelement(1, "i", 15);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 16);
+    i0.ɵɵlistener("click", function MJMeetingListComponent_Conditional_19_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.LoadMeetings()); });
+    i0.ɵɵtext(5, "Retry");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.ErrorMessage);
+} }
+function MJMeetingListComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 17);
+    i0.ɵɵelement(2, "i", 18);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "h3", 19);
+    i0.ɵɵtext(4, "No meetings found");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "p", 20);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "button", 8);
+    i0.ɵɵlistener("click", function MJMeetingListComponent_Conditional_20_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnSchedule()); });
+    i0.ɵɵelement(8, "i", 9);
+    i0.ɵɵtext(9, " Schedule your first meeting ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.SearchQuery ? "Try adjusting your search query or filter." : "You have no meetings scheduled.", " ");
+} }
+function MJMeetingListComponent_Conditional_21_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 7);
+} }
+function MJMeetingListComponent_Conditional_21_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 25);
+    i0.ɵɵelement(1, "i", 35);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const m_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("title", i0.ɵɵinterpolate1("Recording ", m_r4.RecordingPolicy));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", m_r4.RecordingPolicy, " ");
+} }
+function MJMeetingListComponent_Conditional_21_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 27);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const m_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(m_r4.Description);
+} }
+function MJMeetingListComponent_Conditional_21_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵelement(1, "i", 36);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const m_r4 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatTime(m_r4.ScheduledStartAt));
+} }
+function MJMeetingListComponent_Conditional_21_For_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 31);
+    i0.ɵɵelement(1, "i", 37);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const m_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate2("Dial-In: ", m_r4.DialInPhoneNumber, " (PIN: ", m_r4.DialInCode, ")");
+} }
+function MJMeetingListComponent_Conditional_21_For_2_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵelement(1, "i", 38);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const m_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate2("", m_r4.Participants.length, " participant", m_r4.Participants.length > 1 ? "s" : "");
+} }
+function MJMeetingListComponent_Conditional_21_For_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 39);
+    i0.ɵɵlistener("click", function MJMeetingListComponent_Conditional_21_For_2_Conditional_18_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const m_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnJoin(m_r4)); });
+    i0.ɵɵelement(1, "i", 40);
+    i0.ɵɵtext(2, " Join Call ");
+    i0.ɵɵelementEnd();
+} }
+function MJMeetingListComponent_Conditional_21_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 8);
+    i0.ɵɵlistener("click", function MJMeetingListComponent_Conditional_21_For_2_Conditional_19_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const m_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnJoin(m_r4)); });
+    i0.ɵɵelement(1, "i", 41);
+    i0.ɵɵtext(2, " Enter Lobby ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 42);
+    i0.ɵɵlistener("click", function MJMeetingListComponent_Conditional_21_For_2_Conditional_19_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r6); const m_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnEdit(m_r4)); });
+    i0.ɵɵelement(4, "i", 43);
+    i0.ɵɵtext(5, " Edit ");
+    i0.ɵɵelementEnd();
+} }
+function MJMeetingListComponent_Conditional_21_For_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 44);
+    i0.ɵɵlistener("click", function MJMeetingListComponent_Conditional_21_For_2_Conditional_20_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const m_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnCancelMeeting(m_r4)); });
+    i0.ɵɵelement(1, "i", 45);
+    i0.ɵɵtext(2, " Cancel ");
+    i0.ɵɵelementEnd();
+} }
+function MJMeetingListComponent_Conditional_21_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "span", 24);
+    i0.ɵɵconditionalCreate(3, MJMeetingListComponent_Conditional_21_For_2_Conditional_3_Template, 1, 0, "span", 7);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, MJMeetingListComponent_Conditional_21_For_2_Conditional_5_Template, 3, 3, "span", 25);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "h3", 26);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(8, MJMeetingListComponent_Conditional_21_For_2_Conditional_8_Template, 2, 1, "p", 27);
+    i0.ɵɵelementStart(9, "div", 28)(10, "div", 29);
+    i0.ɵɵelement(11, "i", 30);
+    i0.ɵɵelementStart(12, "span");
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(14, MJMeetingListComponent_Conditional_21_For_2_Conditional_14_Template, 4, 1, "div", 29);
+    i0.ɵɵconditionalCreate(15, MJMeetingListComponent_Conditional_21_For_2_Conditional_15_Template, 4, 2, "div", 31);
+    i0.ɵɵconditionalCreate(16, MJMeetingListComponent_Conditional_21_For_2_Conditional_16_Template, 4, 2, "div", 29);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "div", 32);
+    i0.ɵɵconditionalCreate(18, MJMeetingListComponent_Conditional_21_For_2_Conditional_18_Template, 3, 0, "button", 33)(19, MJMeetingListComponent_Conditional_21_For_2_Conditional_19_Template, 6, 0);
+    i0.ɵɵconditionalCreate(20, MJMeetingListComponent_Conditional_21_For_2_Conditional_20_Template, 3, 0, "button", 34);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const m_r4 = ctx.$implicit;
+    i0.ɵɵclassProp("mj-mtg-card--live", m_r4.Status === "Live");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap("mj-mtg-pill--" + m_r4.Status.toLowerCase());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(m_r4.Status === "Live" ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", m_r4.Status, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(m_r4.RecordingPolicy !== "Off" ? 5 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(m_r4.Title);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(m_r4.Description ? 8 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1("Host: ", m_r4.HostUserName || "Host");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(m_r4.ScheduledStartAt ? 14 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(m_r4.AllowPhoneDialIn && m_r4.DialInPhoneNumber ? 15 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(m_r4.Participants && m_r4.Participants.length > 0 ? 16 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(m_r4.Status === "Live" ? 18 : m_r4.Status === "Scheduled" ? 19 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(m_r4.Status === "Live" || m_r4.Status === "Scheduled" ? 20 : -1);
+} }
+function MJMeetingListComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵrepeaterCreate(1, MJMeetingListComponent_Conditional_21_For_2_Template, 21, 15, "div", 21, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.FilteredMeetings);
+} }
+export class MJMeetingListComponent {
+    cdr = inject(ChangeDetectorRef, { optional: true });
+    Provider;
+    JoinMeeting = new EventEmitter();
+    ScheduleRequested = new EventEmitter();
+    EditMeetingRequested = new EventEmitter();
+    Meetings = [];
+    FilteredMeetings = [];
+    ActiveFilter = 'all';
+    SearchQuery = '';
+    Loading = false;
+    ErrorMessage = null;
+    ngOnInit() {
+        void this.LoadMeetings();
+    }
+    async LoadMeetings() {
+        this.Loading = true;
+        this.ErrorMessage = null;
+        this.cdr?.markForCheck();
+        try {
+            const client = new GraphQLMeetingClient(this.Provider || GraphQLDataProvider.Instance);
+            this.Meetings = await client.MyMeetings();
+            this.ApplyFilter();
+        }
+        catch (err) {
+            this.ErrorMessage = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.Loading = false;
+            this.cdr?.markForCheck();
+        }
+    }
+    SetFilter(filter) {
+        this.ActiveFilter = filter;
+        this.ApplyFilter();
+    }
+    OnSearchChange() {
+        this.ApplyFilter();
+    }
+    ApplyFilter() {
+        let list = [...this.Meetings];
+        if (this.ActiveFilter === 'live') {
+            list = list.filter((m) => m.Status === 'Live');
+        }
+        else if (this.ActiveFilter === 'scheduled') {
+            list = list.filter((m) => m.Status === 'Scheduled');
+        }
+        else if (this.ActiveFilter === 'past') {
+            list = list.filter((m) => m.Status === 'Ended' || m.Status === 'Cancelled');
+        }
+        if (this.SearchQuery.trim()) {
+            const q = this.SearchQuery.toLowerCase().trim();
+            list = list.filter((m) => m.Title.toLowerCase().includes(q) ||
+                (m.Description && m.Description.toLowerCase().includes(q)) ||
+                (m.HostUserName && m.HostUserName.toLowerCase().includes(q)));
+        }
+        this.FilteredMeetings = list;
+        this.cdr?.markForCheck();
+    }
+    OnJoin(meeting) {
+        this.JoinMeeting.emit(meeting);
+    }
+    OnSchedule() {
+        this.ScheduleRequested.emit();
+    }
+    OnEdit(meeting) {
+        this.EditMeetingRequested.emit(meeting);
+    }
+    async OnCancelMeeting(meeting) {
+        if (!confirm(`Are you sure you want to cancel the meeting "${meeting.Title}"?`)) {
+            return;
+        }
+        try {
+            const client = new GraphQLMeetingClient(this.Provider || GraphQLDataProvider.Instance);
+            const res = await client.CancelMeeting(meeting.ID);
+            if (res.Success) {
+                await this.LoadMeetings();
+            }
+            else {
+                alert(res.ErrorMessage || 'Failed to cancel meeting.');
+            }
+        }
+        catch (err) {
+            alert(err instanceof Error ? err.message : String(err));
+        }
+    }
+    FormatTime(dateStr) {
+        if (!dateStr)
+            return '';
+        try {
+            const d = new Date(dateStr);
+            return d.toLocaleString(undefined, {
+                month: 'short',
+                day: 'numeric',
+                hour: 'numeric',
+                minute: '2-digit',
+            });
+        }
+        catch {
+            return dateStr;
+        }
+    }
+    static ɵfac = function MJMeetingListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJMeetingListComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJMeetingListComponent, selectors: [["mj-meeting-list"]], inputs: { Provider: "Provider" }, outputs: { JoinMeeting: "JoinMeeting", ScheduleRequested: "ScheduleRequested", EditMeetingRequested: "EditMeetingRequested" }, decls: 22, vars: 10, consts: [[1, "mj-mtg-list-view"], [1, "mj-mtg-list-view__toolbar"], [1, "mj-mtg-list-view__search-wrap"], [1, "fa-solid", "fa-magnifying-glass", "mj-mtg-list-view__search-icon"], ["type", "text", "placeholder", "Search meetings by title or host\u2026", 1, "mj-input", "mj-mtg-list-view__search-input", 3, "ngModelChange", "ngModel"], [1, "mj-mtg-list-view__filters"], ["type", "button", 1, "mj-mtg-filter-btn", 3, "click"], [1, "mj-mtg-dot-live"], ["type", "button", 1, "mj-btn", "mj-btn--primary", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "mj-mtg-status"], [1, "mj-mtg-status", "mj-mtg-status--error"], [1, "mj-mtg-empty"], [1, "mj-mtg-grid"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-triangle-exclamation"], ["type", "button", 1, "mj-btn", "mj-btn--secondary", 3, "click"], [1, "mj-mtg-empty__icon"], [1, "fa-solid", "fa-calendar-days"], [1, "mj-mtg-empty__title"], [1, "mj-mtg-empty__subtitle"], [1, "mj-mtg-card", 3, "mj-mtg-card--live"], [1, "mj-mtg-card"], [1, "mj-mtg-card__header"], [1, "mj-mtg-pill"], [1, "mj-mtg-badge-rec", 3, "title"], [1, "mj-mtg-card__title"], [1, "mj-mtg-card__desc"], [1, "mj-mtg-card__meta"], [1, "mj-mtg-card__meta-item"], [1, "fa-solid", "fa-user"], [1, "mj-mtg-card__meta-item", "mj-mtg-card__dialin"], [1, "mj-mtg-card__actions"], ["type", "button", 1, "mj-btn", "mj-btn--primary", "mj-btn--success"], ["type", "button", "title", "Cancel Meeting", 1, "mj-btn", "mj-btn--danger-text"], [1, "fa-solid", "fa-record-vinyl"], [1, "fa-solid", "fa-clock"], [1, "fa-solid", "fa-phone"], [1, "fa-solid", "fa-users"], ["type", "button", 1, "mj-btn", "mj-btn--primary", "mj-btn--success", 3, "click"], [1, "fa-solid", "fa-video"], [1, "fa-solid", "fa-arrow-right-to-bracket"], ["type", "button", "title", "Edit Meeting", 1, "mj-btn", "mj-btn--secondary", 3, "click"], [1, "fa-solid", "fa-pen"], ["type", "button", "title", "Cancel Meeting", 1, "mj-btn", "mj-btn--danger-text", 3, "click"], [1, "fa-solid", "fa-ban"]], template: function MJMeetingListComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
+            i0.ɵɵelement(3, "i", 3);
+            i0.ɵɵelementStart(4, "input", 4);
+            i0.ɵɵtwoWayListener("ngModelChange", function MJMeetingListComponent_Template_input_ngModelChange_4_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.SearchQuery, $event) || (ctx.SearchQuery = $event); return $event; });
+            i0.ɵɵlistener("ngModelChange", function MJMeetingListComponent_Template_input_ngModelChange_4_listener() { return ctx.OnSearchChange(); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(5, "div", 5)(6, "button", 6);
+            i0.ɵɵlistener("click", function MJMeetingListComponent_Template_button_click_6_listener() { return ctx.SetFilter("all"); });
+            i0.ɵɵtext(7, " All ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "button", 6);
+            i0.ɵɵlistener("click", function MJMeetingListComponent_Template_button_click_8_listener() { return ctx.SetFilter("live"); });
+            i0.ɵɵelement(9, "span", 7);
+            i0.ɵɵtext(10, " Live ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(11, "button", 6);
+            i0.ɵɵlistener("click", function MJMeetingListComponent_Template_button_click_11_listener() { return ctx.SetFilter("scheduled"); });
+            i0.ɵɵtext(12, " Scheduled ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(13, "button", 6);
+            i0.ɵɵlistener("click", function MJMeetingListComponent_Template_button_click_13_listener() { return ctx.SetFilter("past"); });
+            i0.ɵɵtext(14, " Past ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(15, "button", 8);
+            i0.ɵɵlistener("click", function MJMeetingListComponent_Template_button_click_15_listener() { return ctx.OnSchedule(); });
+            i0.ɵɵelement(16, "i", 9);
+            i0.ɵɵtext(17, " Schedule Meeting ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(18, MJMeetingListComponent_Conditional_18_Template, 4, 0, "div", 10)(19, MJMeetingListComponent_Conditional_19_Template, 6, 1, "div", 11)(20, MJMeetingListComponent_Conditional_20_Template, 10, 1, "div", 12)(21, MJMeetingListComponent_Conditional_21_Template, 3, 0, "div", 13);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(4);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.SearchQuery);
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("mj-mtg-filter-btn--active", ctx.ActiveFilter === "all");
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("mj-mtg-filter-btn--active", ctx.ActiveFilter === "live");
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("mj-mtg-filter-btn--active", ctx.ActiveFilter === "scheduled");
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("mj-mtg-filter-btn--active", ctx.ActiveFilter === "past");
+            i0.ɵɵadvance(5);
+            i0.ɵɵconditional(ctx.Loading ? 18 : ctx.ErrorMessage ? 19 : ctx.FilteredMeetings.length === 0 ? 20 : 21);
+        } }, dependencies: [CommonModule, FormsModule, i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel], styles: ["[_nghost-%COMP%] {\n        display: block;\n        padding: var(--mj-space-6, 24px) var(--mj-space-4, 16px);\n        max-width: 72rem;\n        margin: 0 auto;\n      }\n      .mj-mtg-list-view__toolbar[_ngcontent-%COMP%] {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: var(--mj-space-3, 12px);\n        margin-bottom: var(--mj-space-6, 24px);\n      }\n      .mj-mtg-list-view__search-wrap[_ngcontent-%COMP%] {\n        position: relative;\n        flex: 1;\n        min-width: 220px;\n      }\n      .mj-mtg-list-view__search-icon[_ngcontent-%COMP%] {\n        position: absolute;\n        left: 12px;\n        top: 50%;\n        transform: translateY(-50%);\n        color: var(--mj-text-secondary, #94a3b8);\n        font-size: 0.875rem;\n      }\n      .mj-mtg-list-view__search-input[_ngcontent-%COMP%] {\n        width: 100%;\n        padding: 9px 12px 9px 34px;\n        border: 1px solid var(--mj-border-default, #cbd5e1);\n        border-radius: 8px;\n        font-size: 0.875rem;\n        box-sizing: border-box;\n      }\n      .mj-mtg-list-view__filters[_ngcontent-%COMP%] {\n        display: flex;\n        gap: 4px;\n        background: var(--mj-bg-surface-card, #f1f5f9);\n        padding: 4px;\n        border-radius: 8px;\n      }\n      .mj-mtg-filter-btn[_ngcontent-%COMP%] {\n        border: none;\n        background: none;\n        padding: 6px 12px;\n        font-size: 0.8125rem;\n        font-weight: 500;\n        cursor: pointer;\n        border-radius: 6px;\n        color: var(--mj-text-secondary, #64748b);\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n      }\n      .mj-mtg-filter-btn--active[_ngcontent-%COMP%] {\n        background: var(--mj-bg-surface, #ffffff);\n        color: var(--mj-text-primary, #0f172a);\n        font-weight: 600;\n        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n      }\n      .mj-mtg-dot-live[_ngcontent-%COMP%] {\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: var(--mj-status-success, #16a34a);\n        display: inline-block;\n        box-shadow: 0 0 0 2px var(--mj-status-success-subtle, rgba(22, 163, 74, 0.2));\n        animation: _ngcontent-%COMP%_pulse 2s infinite;\n      }\n      @keyframes _ngcontent-%COMP%_pulse {\n        0% { transform: scale(0.95); opacity: 0.9; }\n        50% { transform: scale(1.15); opacity: 1; }\n        100% { transform: scale(0.95); opacity: 0.9; }\n      }\n      .mj-mtg-grid[_ngcontent-%COMP%] {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n        gap: var(--mj-space-4, 16px);\n      }\n      .mj-mtg-card[_ngcontent-%COMP%] {\n        background: var(--mj-bg-surface, #ffffff);\n        border: 1px solid var(--mj-border-default, #e2e8f0);\n        border-radius: 12px;\n        padding: var(--mj-space-5, 20px);\n        display: flex;\n        flex-direction: column;\n        transition: border-color 0.2s, box-shadow 0.2s;\n      }\n      .mj-mtg-card[_ngcontent-%COMP%]:hover {\n        border-color: var(--mj-brand-primary, #0076b6);\n        box-shadow: var(--mj-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.05));\n      }\n      .mj-mtg-card--live[_ngcontent-%COMP%] {\n        border-color: var(--mj-status-success, #22c55e);\n        background: var(--mj-status-success-subtle, #f0fdf4);\n      }\n      .mj-mtg-card__header[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        margin-bottom: var(--mj-space-2, 8px);\n      }\n      .mj-mtg-pill[_ngcontent-%COMP%] {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        padding: 3px 8px;\n        border-radius: 999px;\n        font-size: 0.75rem;\n        font-weight: 600;\n        text-transform: uppercase;\n      }\n      .mj-mtg-pill--live[_ngcontent-%COMP%] {\n        background: var(--mj-status-success-subtle, #dcfce7);\n        color: var(--mj-status-success, #15803d);\n      }\n      .mj-mtg-pill--scheduled[_ngcontent-%COMP%] {\n        background: var(--mj-status-info-subtle, #e0f2fe);\n        color: var(--mj-status-info, #0369a1);\n      }\n      .mj-mtg-pill--ended[_ngcontent-%COMP%] {\n        background: var(--mj-bg-surface-card, #f1f5f9);\n        color: var(--mj-text-secondary, #64748b);\n      }\n      .mj-mtg-pill--cancelled[_ngcontent-%COMP%] {\n        background: var(--mj-status-error-subtle, #fee2e2);\n        color: var(--mj-status-error, #b91c1c);\n      }\n      .mj-mtg-badge-rec[_ngcontent-%COMP%] {\n        font-size: 0.6875rem;\n        color: var(--mj-status-error, #ef4444);\n        display: flex;\n        align-items: center;\n        gap: 4px;\n        font-weight: 500;\n      }\n      .mj-mtg-card__title[_ngcontent-%COMP%] {\n        margin: 0 0 var(--mj-space-2, 8px) 0;\n        font-size: 1.125rem;\n        font-weight: 600;\n        color: var(--mj-text-primary, #0f172a);\n      }\n      .mj-mtg-card__desc[_ngcontent-%COMP%] {\n        margin: 0 0 var(--mj-space-4, 16px) 0;\n        font-size: 0.8125rem;\n        color: var(--mj-text-secondary, #64748b);\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n      }\n      .mj-mtg-card__meta[_ngcontent-%COMP%] {\n        margin-top: auto;\n        display: flex;\n        flex-direction: column;\n        gap: 6px;\n        font-size: 0.8125rem;\n        color: var(--mj-text-secondary, #64748b);\n        padding-top: var(--mj-space-3, 12px);\n        border-top: 1px solid var(--mj-border-default, #f1f5f9);\n      }\n      .mj-mtg-card__meta-item[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n      }\n      .mj-mtg-card__dialin[_ngcontent-%COMP%] {\n        color: var(--mj-brand-primary, #0076b6);\n      }\n      .mj-mtg-card__actions[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        margin-top: var(--mj-space-4, 16px);\n      }\n      .mj-btn[_ngcontent-%COMP%] {\n        padding: 8px 14px;\n        border-radius: 6px;\n        font-size: 0.8125rem;\n        font-weight: 500;\n        cursor: pointer;\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        border: none;\n      }\n      .mj-btn--primary[_ngcontent-%COMP%] {\n        background: var(--mj-brand-primary, #0076b6);\n        color: var(--mj-text-inverse, #ffffff);\n      }\n      .mj-btn--success[_ngcontent-%COMP%] {\n        background: var(--mj-status-success, #16a34a);\n        color: var(--mj-text-inverse, #ffffff);\n      }\n      .mj-btn--secondary[_ngcontent-%COMP%] {\n        background: var(--mj-bg-surface, #ffffff);\n        color: var(--mj-text-primary, #1e293b);\n        border: 1px solid var(--mj-border-default, #cbd5e1);\n      }\n      .mj-btn--danger-text[_ngcontent-%COMP%] {\n        background: none;\n        color: var(--mj-status-error, #ef4444);\n        padding: 6px 8px;\n      }\n      .mj-mtg-status[_ngcontent-%COMP%] {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        padding: 48px;\n        color: var(--mj-text-secondary, #64748b);\n      }\n      .mj-mtg-status[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n        font-size: 2rem;\n        color: var(--mj-brand-primary, #0076b6);\n      }\n      .mj-mtg-empty[_ngcontent-%COMP%] {\n        text-align: center;\n        padding: 64px 16px;\n        max-width: 24rem;\n        margin: 0 auto;\n      }\n      .mj-mtg-empty__icon[_ngcontent-%COMP%] {\n        font-size: 2.5rem;\n        color: var(--mj-text-secondary, #94a3b8);\n        margin-bottom: 12px;\n      }\n      .mj-mtg-empty__title[_ngcontent-%COMP%] {\n        font-size: 1.125rem;\n        font-weight: 600;\n        margin: 0 0 6px 0;\n        color: var(--mj-text-primary, #0f172a);\n      }\n      .mj-mtg-empty__subtitle[_ngcontent-%COMP%] {\n        font-size: 0.875rem;\n        color: var(--mj-text-secondary, #64748b);\n        margin: 0 0 16px 0;\n      }"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJMeetingListComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-meeting-list', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule], template: `
+    <div class="mj-mtg-list-view">
+      <!-- Toolbar -->
+      <div class="mj-mtg-list-view__toolbar">
+        <div class="mj-mtg-list-view__search-wrap">
+          <i class="fa-solid fa-magnifying-glass mj-mtg-list-view__search-icon"></i>
+          <input
+            type="text"
+            class="mj-input mj-mtg-list-view__search-input"
+            placeholder="Search meetings by title or host…"
+            [(ngModel)]="SearchQuery"
+            (ngModelChange)="OnSearchChange()"
+          />
+        </div>
+
+        <div class="mj-mtg-list-view__filters">
+          <button
+            type="button"
+            class="mj-mtg-filter-btn"
+            [class.mj-mtg-filter-btn--active]="ActiveFilter === 'all'"
+            (click)="SetFilter('all')">
+            All
+          </button>
+          <button
+            type="button"
+            class="mj-mtg-filter-btn"
+            [class.mj-mtg-filter-btn--active]="ActiveFilter === 'live'"
+            (click)="SetFilter('live')">
+            <span class="mj-mtg-dot-live"></span> Live
+          </button>
+          <button
+            type="button"
+            class="mj-mtg-filter-btn"
+            [class.mj-mtg-filter-btn--active]="ActiveFilter === 'scheduled'"
+            (click)="SetFilter('scheduled')">
+            Scheduled
+          </button>
+          <button
+            type="button"
+            class="mj-mtg-filter-btn"
+            [class.mj-mtg-filter-btn--active]="ActiveFilter === 'past'"
+            (click)="SetFilter('past')">
+            Past
+          </button>
+        </div>
+
+        <button
+          type="button"
+          class="mj-btn mj-btn--primary"
+          (click)="OnSchedule()">
+          <i class="fa-solid fa-plus"></i> Schedule Meeting
+        </button>
+      </div>
+
+      <!-- State Views -->
+      @if (Loading) {
+        <div class="mj-mtg-status">
+          <i class="fa-solid fa-spinner fa-spin"></i>
+          <span>Loading meetings…</span>
+        </div>
+      } @else if (ErrorMessage) {
+        <div class="mj-mtg-status mj-mtg-status--error">
+          <i class="fa-solid fa-triangle-exclamation"></i>
+          <span>{{ ErrorMessage }}</span>
+          <button type="button" class="mj-btn mj-btn--secondary" (click)="LoadMeetings()">Retry</button>
+        </div>
+      } @else if (FilteredMeetings.length === 0) {
+        <div class="mj-mtg-empty">
+          <div class="mj-mtg-empty__icon"><i class="fa-solid fa-calendar-days"></i></div>
+          <h3 class="mj-mtg-empty__title">No meetings found</h3>
+          <p class="mj-mtg-empty__subtitle">
+            {{ SearchQuery ? 'Try adjusting your search query or filter.' : 'You have no meetings scheduled.' }}
+          </p>
+          <button type="button" class="mj-btn mj-btn--primary" (click)="OnSchedule()">
+            <i class="fa-solid fa-plus"></i> Schedule your first meeting
+          </button>
+        </div>
+      } @else {
+        <!-- Meetings Grid -->
+        <div class="mj-mtg-grid">
+          @for (m of FilteredMeetings; track m.ID) {
+            <div class="mj-mtg-card" [class.mj-mtg-card--live]="m.Status === 'Live'">
+              <div class="mj-mtg-card__header">
+                <span class="mj-mtg-pill" [class]="'mj-mtg-pill--' + m.Status.toLowerCase()">
+                  @if (m.Status === 'Live') {
+                    <span class="mj-mtg-dot-live"></span>
+                  }
+                  {{ m.Status }}
+                </span>
+                @if (m.RecordingPolicy !== 'Off') {
+                  <span class="mj-mtg-badge-rec" title="Recording {{ m.RecordingPolicy }}">
+                    <i class="fa-solid fa-record-vinyl"></i> {{ m.RecordingPolicy }}
+                  </span>
+                }
+              </div>
+
+              <h3 class="mj-mtg-card__title">{{ m.Title }}</h3>
+
+              @if (m.Description) {
+                <p class="mj-mtg-card__desc">{{ m.Description }}</p>
+              }
+
+              <div class="mj-mtg-card__meta">
+                <div class="mj-mtg-card__meta-item">
+                  <i class="fa-solid fa-user"></i>
+                  <span>Host: {{ m.HostUserName || 'Host' }}</span>
+                </div>
+                @if (m.ScheduledStartAt) {
+                  <div class="mj-mtg-card__meta-item">
+                    <i class="fa-solid fa-clock"></i>
+                    <span>{{ FormatTime(m.ScheduledStartAt) }}</span>
+                  </div>
+                }
+                @if (m.AllowPhoneDialIn && m.DialInPhoneNumber) {
+                  <div class="mj-mtg-card__meta-item mj-mtg-card__dialin">
+                    <i class="fa-solid fa-phone"></i>
+                    <span>Dial-In: {{ m.DialInPhoneNumber }} (PIN: {{ m.DialInCode }})</span>
+                  </div>
+                }
+                @if (m.Participants && m.Participants.length > 0) {
+                  <div class="mj-mtg-card__meta-item">
+                    <i class="fa-solid fa-users"></i>
+                    <span>{{ m.Participants.length }} participant{{ m.Participants.length > 1 ? 's' : '' }}</span>
+                  </div>
+                }
+              </div>
+
+              <!-- Card Actions — Confirm/Join button LEFT -->
+              <div class="mj-mtg-card__actions">
+                @if (m.Status === 'Live') {
+                  <button
+                    type="button"
+                    class="mj-btn mj-btn--primary mj-btn--success"
+                    (click)="OnJoin(m)">
+                    <i class="fa-solid fa-video"></i> Join Call
+                  </button>
+                } @else if (m.Status === 'Scheduled') {
+                  <button
+                    type="button"
+                    class="mj-btn mj-btn--primary"
+                    (click)="OnJoin(m)">
+                    <i class="fa-solid fa-arrow-right-to-bracket"></i> Enter Lobby
+                  </button>
+                  <button
+                    type="button"
+                    class="mj-btn mj-btn--secondary"
+                    title="Edit Meeting"
+                    (click)="OnEdit(m)">
+                    <i class="fa-solid fa-pen"></i> Edit
+                  </button>
+                }
+
+                @if (m.Status === 'Live' || m.Status === 'Scheduled') {
+                  <button
+                    type="button"
+                    class="mj-btn mj-btn--danger-text"
+                    title="Cancel Meeting"
+                    (click)="OnCancelMeeting(m)">
+                    <i class="fa-solid fa-ban"></i> Cancel
+                  </button>
+                }
+              </div>
+            </div>
+          }
+        </div>
+      }
+    </div>
+  `, styles: ["\n      :host {\n        display: block;\n        padding: var(--mj-space-6, 24px) var(--mj-space-4, 16px);\n        max-width: 72rem;\n        margin: 0 auto;\n      }\n      .mj-mtg-list-view__toolbar {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: var(--mj-space-3, 12px);\n        margin-bottom: var(--mj-space-6, 24px);\n      }\n      .mj-mtg-list-view__search-wrap {\n        position: relative;\n        flex: 1;\n        min-width: 220px;\n      }\n      .mj-mtg-list-view__search-icon {\n        position: absolute;\n        left: 12px;\n        top: 50%;\n        transform: translateY(-50%);\n        color: var(--mj-text-secondary, #94a3b8);\n        font-size: 0.875rem;\n      }\n      .mj-mtg-list-view__search-input {\n        width: 100%;\n        padding: 9px 12px 9px 34px;\n        border: 1px solid var(--mj-border-default, #cbd5e1);\n        border-radius: 8px;\n        font-size: 0.875rem;\n        box-sizing: border-box;\n      }\n      .mj-mtg-list-view__filters {\n        display: flex;\n        gap: 4px;\n        background: var(--mj-bg-surface-card, #f1f5f9);\n        padding: 4px;\n        border-radius: 8px;\n      }\n      .mj-mtg-filter-btn {\n        border: none;\n        background: none;\n        padding: 6px 12px;\n        font-size: 0.8125rem;\n        font-weight: 500;\n        cursor: pointer;\n        border-radius: 6px;\n        color: var(--mj-text-secondary, #64748b);\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n      }\n      .mj-mtg-filter-btn--active {\n        background: var(--mj-bg-surface, #ffffff);\n        color: var(--mj-text-primary, #0f172a);\n        font-weight: 600;\n        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n      }\n      .mj-mtg-dot-live {\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: var(--mj-status-success, #16a34a);\n        display: inline-block;\n        box-shadow: 0 0 0 2px var(--mj-status-success-subtle, rgba(22, 163, 74, 0.2));\n        animation: pulse 2s infinite;\n      }\n      @keyframes pulse {\n        0% { transform: scale(0.95); opacity: 0.9; }\n        50% { transform: scale(1.15); opacity: 1; }\n        100% { transform: scale(0.95); opacity: 0.9; }\n      }\n      .mj-mtg-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n        gap: var(--mj-space-4, 16px);\n      }\n      .mj-mtg-card {\n        background: var(--mj-bg-surface, #ffffff);\n        border: 1px solid var(--mj-border-default, #e2e8f0);\n        border-radius: 12px;\n        padding: var(--mj-space-5, 20px);\n        display: flex;\n        flex-direction: column;\n        transition: border-color 0.2s, box-shadow 0.2s;\n      }\n      .mj-mtg-card:hover {\n        border-color: var(--mj-brand-primary, #0076b6);\n        box-shadow: var(--mj-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.05));\n      }\n      .mj-mtg-card--live {\n        border-color: var(--mj-status-success, #22c55e);\n        background: var(--mj-status-success-subtle, #f0fdf4);\n      }\n      .mj-mtg-card__header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        margin-bottom: var(--mj-space-2, 8px);\n      }\n      .mj-mtg-pill {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        padding: 3px 8px;\n        border-radius: 999px;\n        font-size: 0.75rem;\n        font-weight: 600;\n        text-transform: uppercase;\n      }\n      .mj-mtg-pill--live {\n        background: var(--mj-status-success-subtle, #dcfce7);\n        color: var(--mj-status-success, #15803d);\n      }\n      .mj-mtg-pill--scheduled {\n        background: var(--mj-status-info-subtle, #e0f2fe);\n        color: var(--mj-status-info, #0369a1);\n      }\n      .mj-mtg-pill--ended {\n        background: var(--mj-bg-surface-card, #f1f5f9);\n        color: var(--mj-text-secondary, #64748b);\n      }\n      .mj-mtg-pill--cancelled {\n        background: var(--mj-status-error-subtle, #fee2e2);\n        color: var(--mj-status-error, #b91c1c);\n      }\n      .mj-mtg-badge-rec {\n        font-size: 0.6875rem;\n        color: var(--mj-status-error, #ef4444);\n        display: flex;\n        align-items: center;\n        gap: 4px;\n        font-weight: 500;\n      }\n      .mj-mtg-card__title {\n        margin: 0 0 var(--mj-space-2, 8px) 0;\n        font-size: 1.125rem;\n        font-weight: 600;\n        color: var(--mj-text-primary, #0f172a);\n      }\n      .mj-mtg-card__desc {\n        margin: 0 0 var(--mj-space-4, 16px) 0;\n        font-size: 0.8125rem;\n        color: var(--mj-text-secondary, #64748b);\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n      }\n      .mj-mtg-card__meta {\n        margin-top: auto;\n        display: flex;\n        flex-direction: column;\n        gap: 6px;\n        font-size: 0.8125rem;\n        color: var(--mj-text-secondary, #64748b);\n        padding-top: var(--mj-space-3, 12px);\n        border-top: 1px solid var(--mj-border-default, #f1f5f9);\n      }\n      .mj-mtg-card__meta-item {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n      }\n      .mj-mtg-card__dialin {\n        color: var(--mj-brand-primary, #0076b6);\n      }\n      .mj-mtg-card__actions {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        margin-top: var(--mj-space-4, 16px);\n      }\n      .mj-btn {\n        padding: 8px 14px;\n        border-radius: 6px;\n        font-size: 0.8125rem;\n        font-weight: 500;\n        cursor: pointer;\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        border: none;\n      }\n      .mj-btn--primary {\n        background: var(--mj-brand-primary, #0076b6);\n        color: var(--mj-text-inverse, #ffffff);\n      }\n      .mj-btn--success {\n        background: var(--mj-status-success, #16a34a);\n        color: var(--mj-text-inverse, #ffffff);\n      }\n      .mj-btn--secondary {\n        background: var(--mj-bg-surface, #ffffff);\n        color: var(--mj-text-primary, #1e293b);\n        border: 1px solid var(--mj-border-default, #cbd5e1);\n      }\n      .mj-btn--danger-text {\n        background: none;\n        color: var(--mj-status-error, #ef4444);\n        padding: 6px 8px;\n      }\n      .mj-mtg-status {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        padding: 48px;\n        color: var(--mj-text-secondary, #64748b);\n      }\n      .mj-mtg-status i {\n        font-size: 2rem;\n        color: var(--mj-brand-primary, #0076b6);\n      }\n      .mj-mtg-empty {\n        text-align: center;\n        padding: 64px 16px;\n        max-width: 24rem;\n        margin: 0 auto;\n      }\n      .mj-mtg-empty__icon {\n        font-size: 2.5rem;\n        color: var(--mj-text-secondary, #94a3b8);\n        margin-bottom: 12px;\n      }\n      .mj-mtg-empty__title {\n        font-size: 1.125rem;\n        font-weight: 600;\n        margin: 0 0 6px 0;\n        color: var(--mj-text-primary, #0f172a);\n      }\n      .mj-mtg-empty__subtitle {\n        font-size: 0.875rem;\n        color: var(--mj-text-secondary, #64748b);\n        margin: 0 0 16px 0;\n      }\n    "] }]
+    }], null, { Provider: [{
+            type: Input
+        }], JoinMeeting: [{
+            type: Output
+        }], ScheduleRequested: [{
+            type: Output
+        }], EditMeetingRequested: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJMeetingListComponent, { className: "MJMeetingListComponent", filePath: "src/lib/meetings/meeting-list.component.ts", lineNumber: 428 }); })();
+//# sourceMappingURL=meeting-list.component.js.map