@memberjunction/ng-list-management 5.34.1 → 5.36.0

package/dist/lib/components/save-view-as-list-dialog/save-view-as-list-dialog.component.d.ts

@@ -0,0 +1,68 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { MJListCategoryEntity } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+/**
+ * Form payload emitted when the user clicks Save. The parent component is
+ * responsible for calling `GraphQLListsClient.MaterializeFromView` with these
+ * options — we keep the dialog generic so it doesn't have to know about the
+ * GraphQL transport.
+ */
+export interface SaveViewAsListResult {
+    ListName: string;
+    Description?: string;
+    CategoryId?: string;
+    RememberLineage: boolean;
+    UseSnapshot: boolean;
+    RefreshMode: 'Additive' | 'Sync';
+}
+/**
+ * Dialog for materializing a User View into a new static List. Matches
+ * mockup `09-save-view-as-list.html`: name + description + category, then
+ * a radio group for source-lineage (remember vs one-time snapshot), then a
+ * "freeze filter" checkbox that maps to `UseSnapshot` on the list.
+ *
+ * The dialog is reusable — pass `ViewId` + `ViewName` + the displayed
+ * record count and listen for `Save` / `Cancel`. Multi-provider safe via
+ * `BaseAngularComponent.ProviderToUse`.
+ */
+export declare class SaveViewAsListDialogComponent extends BaseAngularComponent implements OnInit {
+    private readonly cdr;
+    /** Visibility toggle, getter/setter so opening resets the form. */
+    get Visible(): boolean;
+    set Visible(value: boolean);
+    private _visible;
+    /** Required — the User View we're materializing from. */
+    ViewId: string | null;
+    /** Display name of the source view (shown in the info banner + default list name). */
+    ViewName: string | null;
+    /** Optional — record count shown in the button label + info banner. */
+    RecordCount: number | null;
+    Save: EventEmitter<SaveViewAsListResult>;
+    Cancel: EventEmitter<void>;
+    listName: string;
+    description: string;
+    categoryId: string | null;
+    rememberLineage: boolean;
+    useSnapshot: boolean;
+    refreshMode: 'Additive' | 'Sync';
+    categories: MJListCategoryEntity[];
+    loadingCategories: boolean;
+    submitting: boolean;
+    ngOnInit(): Promise<void>;
+    OnSave(): void;
+    OnCancel(): void;
+    OnLineageChange(remember: boolean): void;
+    get canSave(): boolean;
+    get confirmButtonLabel(): string;
+    /**
+     * Load list categories for the category dropdown. Multi-provider safe.
+     * Failures degrade gracefully — the dropdown just shows "Uncategorized"
+     * and we log so the user can troubleshoot.
+     */
+    private loadCategories;
+    private resetForm;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SaveViewAsListDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SaveViewAsListDialogComponent, "mj-save-view-as-list-dialog", never, { "Visible": { "alias": "Visible"; "required": false; }; "ViewId": { "alias": "ViewId"; "required": false; }; "ViewName": { "alias": "ViewName"; "required": false; }; "RecordCount": { "alias": "RecordCount"; "required": false; }; }, { "Save": "Save"; "Cancel": "Cancel"; }, never, never, false, never>;
+}
+//# sourceMappingURL=save-view-as-list-dialog.component.d.ts.map

package/dist/lib/components/save-view-as-list-dialog/save-view-as-list-dialog.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"save-view-as-list-dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/save-view-as-list-dialog/save-view-as-list-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyD,YAAY,EAAS,MAAM,EAAkB,MAAM,eAAe,CAAC;AAEnI,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;;AAErE;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,UAAU,GAAG,MAAM,CAAC;CAClC;AAED;;;;;;;;;GASG;AACH,qBAOa,6BAA8B,SAAQ,oBAAqB,YAAW,MAAM;IACvF,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA6B;IAEjD,mEAAmE;IACnE,IACI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAGzB;IACD,OAAO,CAAC,QAAQ,CAAS;IAEzB,yDAAyD;IAChD,MAAM,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEtC,sFAAsF;IAC7E,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAExC,uEAAuE;IAC9D,WAAW,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEjC,IAAI,qCAA4C;IAChD,MAAM,qBAA4B;IAErC,QAAQ,SAAM;IACd,WAAW,SAAM;IACjB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;IACjC,eAAe,UAAQ;IACvB,WAAW,UAAQ;IACnB,WAAW,EAAE,UAAU,GAAG,MAAM,CAAc;IAE9C,UAAU,EAAE,oBAAoB,EAAE,CAAM;IACxC,iBAAiB,UAAS;IAC1B,UAAU,UAAS;IAEpB,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAIxB,MAAM,IAAI,IAAI;IAed,QAAQ,IAAI,IAAI;IAIhB,eAAe,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAO/C,IAAW,OAAO,IAAI,OAAO,CAE5B;IAED,IAAW,kBAAkB,IAAI,MAAM,CAItC;IAED;;;;OAIG;YACW,cAAc;IAkB5B,OAAO,CAAC,SAAS;yCApGN,6BAA6B;2CAA7B,6BAA6B;CA6GzC"}

package/dist/lib/components/save-view-as-list-dialog/save-view-as-list-dialog.component.js

@@ -0,0 +1,316 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, inject } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { RunView } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-ui-components";
+const _forTrack0 = ($index, $item) => $item.ID;
+function SaveViewAsListDialogComponent_Conditional_0_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "strong");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", ctx_r1.RecordCount, " records");
+} }
+function SaveViewAsListDialogComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "strong");
+    i0.ɵɵtext(1, "view results");
+    i0.ɵɵelementEnd();
+} }
+function SaveViewAsListDialogComponent_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " from ");
+    i0.ɵɵelementStart(1, "strong");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.ViewName);
+} }
+function SaveViewAsListDialogComponent_Conditional_0_For_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 12);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const cat_r3 = ctx.$implicit;
+    i0.ɵɵproperty("ngValue", cat_r3.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(cat_r3.Name);
+} }
+function SaveViewAsListDialogComponent_Conditional_0_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 23)(1, "input", 24);
+    i0.ɵɵtwoWayListener("ngModelChange", function SaveViewAsListDialogComponent_Conditional_0_Conditional_50_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.useSnapshot, $event) || (ctx_r1.useSnapshot = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "label", 25);
+    i0.ɵɵtext(3, " Freeze filter at current value ");
+    i0.ɵɵelementStart(4, "span", 26);
+    i0.ɵɵtext(5, " (");
+    i0.ɵɵelementStart(6, "code");
+    i0.ɵɵtext(7, "UseSnapshot = true");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(8, ") \u2014 refresh re-runs the saved filter, even if the view is later edited ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(9, "div", 5)(10, "label", 27);
+    i0.ɵɵtext(11, "Default refresh mode");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "select", 28);
+    i0.ɵɵtwoWayListener("ngModelChange", function SaveViewAsListDialogComponent_Conditional_0_Conditional_50_Template_select_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.refreshMode, $event) || (ctx_r1.refreshMode = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(13, "option", 29);
+    i0.ɵɵtext(14, "Additive \u2014 only adds new records on refresh");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "option", 30);
+    i0.ɵɵtext(16, "Sync \u2014 reconciles in both directions (may remove records)");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.useSnapshot);
+    i0.ɵɵadvance(11);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.refreshMode);
+} }
+function SaveViewAsListDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dialog", 1);
+    i0.ɵɵlistener("Close", function SaveViewAsListDialogComponent_Conditional_0_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCancel()); });
+    i0.ɵɵelementStart(1, "form", 2);
+    i0.ɵɵlistener("submit", function SaveViewAsListDialogComponent_Conditional_0_Template_form_submit_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); $event.preventDefault(); return i0.ɵɵresetView(ctx_r1.OnSave()); });
+    i0.ɵɵelementStart(2, "div", 3);
+    i0.ɵɵelement(3, "i", 4);
+    i0.ɵɵelementStart(4, "div");
+    i0.ɵɵtext(5, " Materializes ");
+    i0.ɵɵconditionalCreate(6, SaveViewAsListDialogComponent_Conditional_0_Conditional_6_Template, 2, 1, "strong")(7, SaveViewAsListDialogComponent_Conditional_0_Conditional_7_Template, 2, 0, "strong");
+    i0.ɵɵconditionalCreate(8, SaveViewAsListDialogComponent_Conditional_0_Conditional_8_Template, 3, 1);
+    i0.ɵɵtext(9, " into a static List. The list can be refreshed from this view later if you keep lineage on. ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 5)(11, "label", 6);
+    i0.ɵɵtext(12, "List name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "input", 7);
+    i0.ɵɵtwoWayListener("ngModelChange", function SaveViewAsListDialogComponent_Conditional_0_Template_input_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.listName, $event) || (ctx_r1.listName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "div", 5)(15, "label", 8);
+    i0.ɵɵtext(16, "Description");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "textarea", 9);
+    i0.ɵɵtwoWayListener("ngModelChange", function SaveViewAsListDialogComponent_Conditional_0_Template_textarea_ngModelChange_17_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.description, $event) || (ctx_r1.description = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(18, "div", 5)(19, "label", 10);
+    i0.ɵɵtext(20, "Category");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "select", 11);
+    i0.ɵɵtwoWayListener("ngModelChange", function SaveViewAsListDialogComponent_Conditional_0_Template_select_ngModelChange_21_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.categoryId, $event) || (ctx_r1.categoryId = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(22, "option", 12);
+    i0.ɵɵtext(23, "(uncategorized)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(24, SaveViewAsListDialogComponent_Conditional_0_For_25_Template, 2, 2, "option", 12, _forTrack0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelement(26, "div", 13);
+    i0.ɵɵelementStart(27, "div", 14)(28, "div", 15);
+    i0.ɵɵtext(29, "Source lineage");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(30, "label", 16)(31, "input", 17);
+    i0.ɵɵlistener("change", function SaveViewAsListDialogComponent_Conditional_0_Template_input_change_31_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnLineageChange(true)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(32, "div")(33, "div", 18);
+    i0.ɵɵtext(34, "Remember source view (recommended)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(35, "div", 19);
+    i0.ɵɵtext(36, " Stores ");
+    i0.ɵɵelementStart(37, "code");
+    i0.ɵɵtext(38, "SourceViewID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(39, " and (optionally) the current filter. Enables ");
+    i0.ɵɵelementStart(40, "strong");
+    i0.ɵɵtext(41, "Refresh from source");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(42, " later. You'll choose Additive or Sync each refresh. ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(43, "label", 16)(44, "input", 17);
+    i0.ɵɵlistener("change", function SaveViewAsListDialogComponent_Conditional_0_Template_input_change_44_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnLineageChange(false)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(45, "div")(46, "div", 18);
+    i0.ɵɵtext(47, "One-time snapshot");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(48, "div", 19);
+    i0.ɵɵtext(49, " No lineage stored. List is fully static; later changes to the view do not propagate. ");
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵconditionalCreate(50, SaveViewAsListDialogComponent_Conditional_0_Conditional_50_Template, 17, 2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(51, "mj-dialog-actions")(52, "button", 20);
+    i0.ɵɵlistener("click", function SaveViewAsListDialogComponent_Conditional_0_Template_button_click_52_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnSave()); });
+    i0.ɵɵelement(53, "i", 21);
+    i0.ɵɵtext(54);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(55, "button", 22);
+    i0.ɵɵlistener("click", function SaveViewAsListDialogComponent_Conditional_0_Template_button_click_55_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCancel()); });
+    i0.ɵɵtext(56, "Cancel");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Visible", true)("Width", 560);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r1.RecordCount != null ? 6 : 7);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.ViewName ? 8 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.listName);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.description);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.categoryId);
+    i0.ɵɵproperty("disabled", ctx_r1.loadingCategories);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngValue", null);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.categories);
+    i0.ɵɵadvance(6);
+    i0.ɵɵclassProp("lineage-option--selected", ctx_r1.rememberLineage);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("checked", ctx_r1.rememberLineage);
+    i0.ɵɵadvance(12);
+    i0.ɵɵclassProp("lineage-option--selected", !ctx_r1.rememberLineage);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("checked", !ctx_r1.rememberLineage);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r1.rememberLineage ? 50 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", !ctx_r1.canSave);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.confirmButtonLabel, " ");
+} }
+/**
+ * Dialog for materializing a User View into a new static List. Matches
+ * mockup `09-save-view-as-list.html`: name + description + category, then
+ * a radio group for source-lineage (remember vs one-time snapshot), then a
+ * "freeze filter" checkbox that maps to `UseSnapshot` on the list.
+ *
+ * The dialog is reusable — pass `ViewId` + `ViewName` + the displayed
+ * record count and listen for `Save` / `Cancel`. Multi-provider safe via
+ * `BaseAngularComponent.ProviderToUse`.
+ */
+export class SaveViewAsListDialogComponent extends BaseAngularComponent {
+    cdr = inject(ChangeDetectorRef);
+    /** Visibility toggle, getter/setter so opening resets the form. */
+    get Visible() {
+        return this._visible;
+    }
+    set Visible(value) {
+        if (value && !this._visible)
+            this.resetForm();
+        this._visible = value;
+    }
+    _visible = false;
+    /** Required — the User View we're materializing from. */
+    ViewId = null;
+    /** Display name of the source view (shown in the info banner + default list name). */
+    ViewName = null;
+    /** Optional — record count shown in the button label + info banner. */
+    RecordCount = null;
+    Save = new EventEmitter();
+    Cancel = new EventEmitter();
+    listName = '';
+    description = '';
+    categoryId = null;
+    rememberLineage = true;
+    useSnapshot = true;
+    refreshMode = 'Additive';
+    categories = [];
+    loadingCategories = false;
+    submitting = false;
+    async ngOnInit() {
+        await this.loadCategories();
+    }
+    OnSave() {
+        if (!this.canSave)
+            return;
+        this.submitting = true;
+        const payload = {
+            ListName: this.listName.trim(),
+            Description: this.description.trim() || undefined,
+            CategoryId: this.categoryId ?? undefined,
+            RememberLineage: this.rememberLineage,
+            // UseSnapshot only meaningful when lineage is remembered.
+            UseSnapshot: this.rememberLineage && this.useSnapshot,
+            RefreshMode: this.refreshMode,
+        };
+        this.Save.emit(payload);
+    }
+    OnCancel() {
+        this.Cancel.emit();
+    }
+    OnLineageChange(remember) {
+        this.rememberLineage = remember;
+        // If lineage is off, snapshot has no meaning — keep the checkbox state
+        // intact so re-enabling lineage restores it, but the emitted payload
+        // forces UseSnapshot=false (see `OnSave`).
+    }
+    get canSave() {
+        return !!this.ViewId && this.listName.trim().length > 0 && !this.submitting;
+    }
+    get confirmButtonLabel() {
+        if (this.submitting)
+            return 'Saving...';
+        if (this.RecordCount != null)
+            return `Save List (${this.RecordCount} records)`;
+        return 'Save List';
+    }
+    /**
+     * Load list categories for the category dropdown. Multi-provider safe.
+     * Failures degrade gracefully — the dropdown just shows "Uncategorized"
+     * and we log so the user can troubleshoot.
+     */
+    async loadCategories() {
+        this.loadingCategories = true;
+        try {
+            const rv = RunView.FromMetadataProvider(this.ProviderToUse);
+            const result = await rv.RunView({
+                EntityName: 'MJ: List Categories',
+                OrderBy: 'Name ASC',
+                ResultType: 'entity_object',
+            });
+            if (result.Success) {
+                this.categories = result.Results ?? [];
+            }
+        }
+        finally {
+            this.loadingCategories = false;
+            this.cdr.markForCheck();
+        }
+    }
+    resetForm() {
+        this.listName = this.ViewName ? `${this.ViewName} — Snapshot ${new Date().toISOString().slice(0, 10)}` : '';
+        this.description = '';
+        this.categoryId = null;
+        this.rememberLineage = true;
+        this.useSnapshot = true;
+        this.refreshMode = 'Additive';
+        this.submitting = false;
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵSaveViewAsListDialogComponent_BaseFactory; return function SaveViewAsListDialogComponent_Factory(__ngFactoryType__) { return (ɵSaveViewAsListDialogComponent_BaseFactory || (ɵSaveViewAsListDialogComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SaveViewAsListDialogComponent)))(__ngFactoryType__ || SaveViewAsListDialogComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SaveViewAsListDialogComponent, selectors: [["mj-save-view-as-list-dialog"]], inputs: { Visible: "Visible", ViewId: "ViewId", ViewName: "ViewName", RecordCount: "RecordCount" }, outputs: { Save: "Save", Cancel: "Cancel" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["Title", "Save View Results as List", 3, "Visible", "Width"], ["Title", "Save View Results as List", 3, "Close", "Visible", "Width"], [1, "save-view-form", 3, "submit"], [1, "info-banner"], [1, "fa-solid", "fa-circle-info"], [1, "field"], ["for", "save-view-list-name", 1, "field__label"], ["id", "save-view-list-name", "name", "listName", "required", "", "autofocus", "", 1, "mj-input", 3, "ngModelChange", "ngModel"], ["for", "save-view-description", 1, "field__label"], ["id", "save-view-description", "name", "description", "rows", "2", 1, "mj-input", 3, "ngModelChange", "ngModel"], ["for", "save-view-category", 1, "field__label"], ["id", "save-view-category", "name", "categoryId", 1, "mj-input", "mj-select", 3, "ngModelChange", "ngModel", "disabled"], [3, "ngValue"], [1, "divider"], [1, "lineage-section"], [1, "field__label"], [1, "lineage-option"], ["type", "radio", "name", "lineage", 3, "change", "checked"], [1, "lineage-option__title"], [1, "lineage-option__desc"], ["mjButton", "", "variant", "primary", "type", "button", 3, "click", "disabled"], [1, "fa-solid", "fa-check"], ["mjButton", "", "variant", "outline", "type", "button", 3, "click"], [1, "field--inline"], ["id", "save-view-freeze", "type", "checkbox", "name", "useSnapshot", 3, "ngModelChange", "ngModel"], ["for", "save-view-freeze"], [1, "muted"], ["for", "save-view-mode", 1, "field__label"], ["id", "save-view-mode", "name", "refreshMode", 1, "mj-input", "mj-select", 3, "ngModelChange", "ngModel"], ["value", "Additive"], ["value", "Sync"]], template: function SaveViewAsListDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, SaveViewAsListDialogComponent_Conditional_0_Template, 57, 18, "mj-dialog", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.Visible ? 0 : -1);
+        } }, dependencies: [i1.ɵNgNoValidate, i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.CheckboxControlValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgControlStatusGroup, i1.RequiredValidator, i1.NgModel, i1.NgForm, i2.MJButtonDirective, i2.MJDialogComponent, i2.MJDialogActionsComponent], styles: ["[_nghost-%COMP%] {\n  display: contents;\n}\n\n.save-view-form[_ngcontent-%COMP%] {\n  padding: 16px 20px 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  color: var(--mj-text-primary);\n  font-size: 13px;\n}\n\n.info-banner[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 10px;\n  padding: 10px 12px;\n  background: var(--mj-status-info-bg);\n  border: 1px solid var(--mj-status-info-border);\n  color: var(--mj-status-info-text);\n  border-radius: 8px;\n  font-size: 12.5px;\n  line-height: 1.5;\n}\n\n.field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.field__label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  color: var(--mj-text-muted);\n}\n\n.field--inline[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  font-size: 12.5px;\n}\n\n.field--inline[_ngcontent-%COMP%]   input[type='checkbox'][_ngcontent-%COMP%] {\n  margin-top: 3px;\n  cursor: pointer;\n}\n\n.divider[_ngcontent-%COMP%] {\n  height: 1px;\n  background: var(--mj-border-default);\n  margin: 4px 0;\n}\n\n.lineage-section[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.lineage-option[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  cursor: pointer;\n  background: var(--mj-bg-surface);\n}\n\n.lineage-option--selected[_ngcontent-%COMP%] {\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n}\n\n.lineage-option[_ngcontent-%COMP%]   input[type='radio'][_ngcontent-%COMP%] {\n  margin-top: 3px;\n  cursor: pointer;\n}\n\n.lineage-option__title[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 13px;\n}\n\n.lineage-option__desc[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  margin-top: 2px;\n  line-height: 1.5;\n}\n\n.muted[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SaveViewAsListDialogComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-save-view-as-list-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (Visible) {\n  <mj-dialog\n    [Visible]=\"true\"\n    [Width]=\"560\"\n    Title=\"Save View Results as List\"\n    (Close)=\"OnCancel()\">\n    <form class=\"save-view-form\" (submit)=\"$event.preventDefault(); OnSave()\">\n      <div class=\"info-banner\">\n        <i class=\"fa-solid fa-circle-info\"></i>\n        <div>\n          Materializes\n          @if (RecordCount != null) {\n            <strong>{{ RecordCount }} records</strong>\n          } @else {\n            <strong>view results</strong>\n          }\n          @if (ViewName) {\n            from <strong>{{ ViewName }}</strong>\n          }\n          into a static List. The list can be refreshed from this view later if you keep lineage on.\n        </div>\n      </div>\n\n      <div class=\"field\">\n        <label class=\"field__label\" for=\"save-view-list-name\">List name</label>\n        <input\n          id=\"save-view-list-name\"\n          class=\"mj-input\"\n          [(ngModel)]=\"listName\"\n          name=\"listName\"\n          required\n          autofocus />\n      </div>\n\n      <div class=\"field\">\n        <label class=\"field__label\" for=\"save-view-description\">Description</label>\n        <textarea\n          id=\"save-view-description\"\n          class=\"mj-input\"\n          [(ngModel)]=\"description\"\n          name=\"description\"\n          rows=\"2\"></textarea>\n      </div>\n\n      <div class=\"field\">\n        <label class=\"field__label\" for=\"save-view-category\">Category</label>\n        <select\n          id=\"save-view-category\"\n          class=\"mj-input mj-select\"\n          [(ngModel)]=\"categoryId\"\n          name=\"categoryId\"\n          [disabled]=\"loadingCategories\">\n          <option [ngValue]=\"null\">(uncategorized)</option>\n          @for (cat of categories; track cat.ID) {\n            <option [ngValue]=\"cat.ID\">{{ cat.Name }}</option>\n          }\n        </select>\n      </div>\n\n      <div class=\"divider\"></div>\n\n      <div class=\"lineage-section\">\n        <div class=\"field__label\">Source lineage</div>\n        <label class=\"lineage-option\" [class.lineage-option--selected]=\"rememberLineage\">\n          <input\n            type=\"radio\"\n            name=\"lineage\"\n            [checked]=\"rememberLineage\"\n            (change)=\"OnLineageChange(true)\" />\n          <div>\n            <div class=\"lineage-option__title\">Remember source view (recommended)</div>\n            <div class=\"lineage-option__desc\">\n              Stores <code>SourceViewID</code> and (optionally) the current filter. Enables\n              <strong>Refresh from source</strong> later. You'll choose Additive or Sync each refresh.\n            </div>\n          </div>\n        </label>\n        <label class=\"lineage-option\" [class.lineage-option--selected]=\"!rememberLineage\">\n          <input\n            type=\"radio\"\n            name=\"lineage\"\n            [checked]=\"!rememberLineage\"\n            (change)=\"OnLineageChange(false)\" />\n          <div>\n            <div class=\"lineage-option__title\">One-time snapshot</div>\n            <div class=\"lineage-option__desc\">\n              No lineage stored. List is fully static; later changes to the view do not propagate.\n            </div>\n          </div>\n        </label>\n      </div>\n\n      @if (rememberLineage) {\n        <div class=\"field--inline\">\n          <input\n            id=\"save-view-freeze\"\n            type=\"checkbox\"\n            [(ngModel)]=\"useSnapshot\"\n            name=\"useSnapshot\" />\n          <label for=\"save-view-freeze\">\n            Freeze filter at current value\n            <span class=\"muted\">\n              (<code>UseSnapshot = true</code>) \u2014 refresh re-runs the saved filter, even if the view is later edited\n            </span>\n          </label>\n        </div>\n\n        <div class=\"field\">\n          <label class=\"field__label\" for=\"save-view-mode\">Default refresh mode</label>\n          <select\n            id=\"save-view-mode\"\n            class=\"mj-input mj-select\"\n            [(ngModel)]=\"refreshMode\"\n            name=\"refreshMode\">\n            <option value=\"Additive\">Additive \u2014 only adds new records on refresh</option>\n            <option value=\"Sync\">Sync \u2014 reconciles in both directions (may remove records)</option>\n          </select>\n        </div>\n      }\n    </form>\n\n    <mj-dialog-actions>\n      <button mjButton variant=\"primary\" type=\"button\" [disabled]=\"!canSave\" (click)=\"OnSave()\">\n        <i class=\"fa-solid fa-check\"></i>\n        {{ confirmButtonLabel }}\n      </button>\n      <button mjButton variant=\"outline\" type=\"button\" (click)=\"OnCancel()\">Cancel</button>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n", styles: [":host {\n  display: contents;\n}\n\n.save-view-form {\n  padding: 16px 20px 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  color: var(--mj-text-primary);\n  font-size: 13px;\n}\n\n.info-banner {\n  display: flex;\n  gap: 10px;\n  padding: 10px 12px;\n  background: var(--mj-status-info-bg);\n  border: 1px solid var(--mj-status-info-border);\n  color: var(--mj-status-info-text);\n  border-radius: 8px;\n  font-size: 12.5px;\n  line-height: 1.5;\n}\n\n.field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.field__label {\n  font-size: 11px;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  color: var(--mj-text-muted);\n}\n\n.field--inline {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  font-size: 12.5px;\n}\n\n.field--inline input[type='checkbox'] {\n  margin-top: 3px;\n  cursor: pointer;\n}\n\n.divider {\n  height: 1px;\n  background: var(--mj-border-default);\n  margin: 4px 0;\n}\n\n.lineage-section {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.lineage-option {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  cursor: pointer;\n  background: var(--mj-bg-surface);\n}\n\n.lineage-option--selected {\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n}\n\n.lineage-option input[type='radio'] {\n  margin-top: 3px;\n  cursor: pointer;\n}\n\n.lineage-option__title {\n  font-weight: 600;\n  font-size: 13px;\n}\n\n.lineage-option__desc {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  margin-top: 2px;\n  line-height: 1.5;\n}\n\n.muted {\n  color: var(--mj-text-muted);\n}\n"] }]
+    }], null, { Visible: [{
+            type: Input
+        }], ViewId: [{
+            type: Input
+        }], ViewName: [{
+            type: Input
+        }], RecordCount: [{
+            type: Input
+        }], Save: [{
+            type: Output
+        }], Cancel: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SaveViewAsListDialogComponent, { className: "SaveViewAsListDialogComponent", filePath: "src/lib/components/save-view-as-list-dialog/save-view-as-list-dialog.component.ts", lineNumber: 39 }); })();
+//# sourceMappingURL=save-view-as-list-dialog.component.js.map

package/dist/lib/components/save-view-as-list-dialog/save-view-as-list-dialog.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"save-view-as-list-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/components/save-view-as-list-dialog/save-view-as-list-dialog.component.ts","../../../../src/lib/components/save-view-as-list-dialog/save-view-as-list-dialog.component.html"],"names":[],"mappings":"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","sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, OnInit, Output, inject } from '@angular/core';\n\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { RunView } from '@memberjunction/core';\nimport { MJListCategoryEntity } from '@memberjunction/core-entities';\n\n/**\n * Form payload emitted when the user clicks Save. The parent component is\n * responsible for calling `GraphQLListsClient.MaterializeFromView` with these\n * options — we keep the dialog generic so it doesn't have to know about the\n * GraphQL transport.\n */\nexport interface SaveViewAsListResult {\n  ListName: string;\n  Description?: string;\n  CategoryId?: string;\n  RememberLineage: boolean;\n  UseSnapshot: boolean;\n  RefreshMode: 'Additive' | 'Sync';\n}\n\n/**\n * Dialog for materializing a User View into a new static List. Matches\n * mockup `09-save-view-as-list.html`: name + description + category, then\n * a radio group for source-lineage (remember vs one-time snapshot), then a\n * \"freeze filter\" checkbox that maps to `UseSnapshot` on the list.\n *\n * The dialog is reusable — pass `ViewId` + `ViewName` + the displayed\n * record count and listen for `Save` / `Cancel`. Multi-provider safe via\n * `BaseAngularComponent.ProviderToUse`.\n */\n@Component({\n  standalone: false,\n  selector: 'mj-save-view-as-list-dialog',\n  templateUrl: './save-view-as-list-dialog.component.html',\n  styleUrls: ['./save-view-as-list-dialog.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SaveViewAsListDialogComponent extends BaseAngularComponent implements OnInit {\n  private readonly cdr = inject(ChangeDetectorRef);\n\n  /** Visibility toggle, getter/setter so opening resets the form. */\n  @Input()\n  get Visible(): boolean {\n    return this._visible;\n  }\n  set Visible(value: boolean) {\n    if (value && !this._visible) this.resetForm();\n    this._visible = value;\n  }\n  private _visible = false;\n\n  /** Required — the User View we're materializing from. */\n  @Input() ViewId: string | null = null;\n\n  /** Display name of the source view (shown in the info banner + default list name). */\n  @Input() ViewName: string | null = null;\n\n  /** Optional — record count shown in the button label + info banner. */\n  @Input() RecordCount: number | null = null;\n\n  @Output() Save = new EventEmitter<SaveViewAsListResult>();\n  @Output() Cancel = new EventEmitter<void>();\n\n  public listName = '';\n  public description = '';\n  public categoryId: string | null = null;\n  public rememberLineage = true;\n  public useSnapshot = true;\n  public refreshMode: 'Additive' | 'Sync' = 'Additive';\n\n  public categories: MJListCategoryEntity[] = [];\n  public loadingCategories = false;\n  public submitting = false;\n\n  async ngOnInit(): Promise<void> {\n    await this.loadCategories();\n  }\n\n  public OnSave(): void {\n    if (!this.canSave) return;\n    this.submitting = true;\n    const payload: SaveViewAsListResult = {\n      ListName: this.listName.trim(),\n      Description: this.description.trim() || undefined,\n      CategoryId: this.categoryId ?? undefined,\n      RememberLineage: this.rememberLineage,\n      // UseSnapshot only meaningful when lineage is remembered.\n      UseSnapshot: this.rememberLineage && this.useSnapshot,\n      RefreshMode: this.refreshMode,\n    };\n    this.Save.emit(payload);\n  }\n\n  public OnCancel(): void {\n    this.Cancel.emit();\n  }\n\n  public OnLineageChange(remember: boolean): void {\n    this.rememberLineage = remember;\n    // If lineage is off, snapshot has no meaning — keep the checkbox state\n    // intact so re-enabling lineage restores it, but the emitted payload\n    // forces UseSnapshot=false (see `OnSave`).\n  }\n\n  public get canSave(): boolean {\n    return !!this.ViewId && this.listName.trim().length > 0 && !this.submitting;\n  }\n\n  public get confirmButtonLabel(): string {\n    if (this.submitting) return 'Saving...';\n    if (this.RecordCount != null) return `Save List (${this.RecordCount} records)`;\n    return 'Save List';\n  }\n\n  /**\n   * Load list categories for the category dropdown. Multi-provider safe.\n   * Failures degrade gracefully — the dropdown just shows \"Uncategorized\"\n   * and we log so the user can troubleshoot.\n   */\n  private async loadCategories(): Promise<void> {\n    this.loadingCategories = true;\n    try {\n      const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n      const result = await rv.RunView<MJListCategoryEntity>({\n        EntityName: 'MJ: List Categories',\n        OrderBy: 'Name ASC',\n        ResultType: 'entity_object',\n      });\n      if (result.Success) {\n        this.categories = result.Results ?? [];\n      }\n    } finally {\n      this.loadingCategories = false;\n      this.cdr.markForCheck();\n    }\n  }\n\n  private resetForm(): void {\n    this.listName = this.ViewName ? `${this.ViewName} — Snapshot ${new Date().toISOString().slice(0, 10)}` : '';\n    this.description = '';\n    this.categoryId = null;\n    this.rememberLineage = true;\n    this.useSnapshot = true;\n    this.refreshMode = 'Additive';\n    this.submitting = false;\n  }\n}\n","@if (Visible) {\n  <mj-dialog\n    [Visible]=\"true\"\n    [Width]=\"560\"\n    Title=\"Save View Results as List\"\n    (Close)=\"OnCancel()\">\n    <form class=\"save-view-form\" (submit)=\"$event.preventDefault(); OnSave()\">\n      <div class=\"info-banner\">\n        <i class=\"fa-solid fa-circle-info\"></i>\n        <div>\n          Materializes\n          @if (RecordCount != null) {\n            <strong>{{ RecordCount }} records</strong>\n          } @else {\n            <strong>view results</strong>\n          }\n          @if (ViewName) {\n            from <strong>{{ ViewName }}</strong>\n          }\n          into a static List. The list can be refreshed from this view later if you keep lineage on.\n        </div>\n      </div>\n\n      <div class=\"field\">\n        <label class=\"field__label\" for=\"save-view-list-name\">List name</label>\n        <input\n          id=\"save-view-list-name\"\n          class=\"mj-input\"\n          [(ngModel)]=\"listName\"\n          name=\"listName\"\n          required\n          autofocus />\n      </div>\n\n      <div class=\"field\">\n        <label class=\"field__label\" for=\"save-view-description\">Description</label>\n        <textarea\n          id=\"save-view-description\"\n          class=\"mj-input\"\n          [(ngModel)]=\"description\"\n          name=\"description\"\n          rows=\"2\"></textarea>\n      </div>\n\n      <div class=\"field\">\n        <label class=\"field__label\" for=\"save-view-category\">Category</label>\n        <select\n          id=\"save-view-category\"\n          class=\"mj-input mj-select\"\n          [(ngModel)]=\"categoryId\"\n          name=\"categoryId\"\n          [disabled]=\"loadingCategories\">\n          <option [ngValue]=\"null\">(uncategorized)</option>\n          @for (cat of categories; track cat.ID) {\n            <option [ngValue]=\"cat.ID\">{{ cat.Name }}</option>\n          }\n        </select>\n      </div>\n\n      <div class=\"divider\"></div>\n\n      <div class=\"lineage-section\">\n        <div class=\"field__label\">Source lineage</div>\n        <label class=\"lineage-option\" [class.lineage-option--selected]=\"rememberLineage\">\n          <input\n            type=\"radio\"\n            name=\"lineage\"\n            [checked]=\"rememberLineage\"\n            (change)=\"OnLineageChange(true)\" />\n          <div>\n            <div class=\"lineage-option__title\">Remember source view (recommended)</div>\n            <div class=\"lineage-option__desc\">\n              Stores <code>SourceViewID</code> and (optionally) the current filter. Enables\n              <strong>Refresh from source</strong> later. You'll choose Additive or Sync each refresh.\n            </div>\n          </div>\n        </label>\n        <label class=\"lineage-option\" [class.lineage-option--selected]=\"!rememberLineage\">\n          <input\n            type=\"radio\"\n            name=\"lineage\"\n            [checked]=\"!rememberLineage\"\n            (change)=\"OnLineageChange(false)\" />\n          <div>\n            <div class=\"lineage-option__title\">One-time snapshot</div>\n            <div class=\"lineage-option__desc\">\n              No lineage stored. List is fully static; later changes to the view do not propagate.\n            </div>\n          </div>\n        </label>\n      </div>\n\n      @if (rememberLineage) {\n        <div class=\"field--inline\">\n          <input\n            id=\"save-view-freeze\"\n            type=\"checkbox\"\n            [(ngModel)]=\"useSnapshot\"\n            name=\"useSnapshot\" />\n          <label for=\"save-view-freeze\">\n            Freeze filter at current value\n            <span class=\"muted\">\n              (<code>UseSnapshot = true</code>) — refresh re-runs the saved filter, even if the view is later edited\n            </span>\n          </label>\n        </div>\n\n        <div class=\"field\">\n          <label class=\"field__label\" for=\"save-view-mode\">Default refresh mode</label>\n          <select\n            id=\"save-view-mode\"\n            class=\"mj-input mj-select\"\n            [(ngModel)]=\"refreshMode\"\n            name=\"refreshMode\">\n            <option value=\"Additive\">Additive — only adds new records on refresh</option>\n            <option value=\"Sync\">Sync — reconciles in both directions (may remove records)</option>\n          </select>\n        </div>\n      }\n    </form>\n\n    <mj-dialog-actions>\n      <button mjButton variant=\"primary\" type=\"button\" [disabled]=\"!canSave\" (click)=\"OnSave()\">\n        <i class=\"fa-solid fa-check\"></i>\n        {{ confirmButtonLabel }}\n      </button>\n      <button mjButton variant=\"outline\" type=\"button\" (click)=\"OnCancel()\">Cancel</button>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n"]}

package/dist/lib/components/shared-with-me/shared-with-me.component.d.ts

@@ -0,0 +1,47 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import type { SharedListSummary, SharePermissionLevel } from '@memberjunction/lists-base';
+import * as i0 from "@angular/core";
+/**
+ * "Shared With Me" view (mockup 17). Lists every `MJ: List` the current
+ * user has direct-share access to, plus a permission badge per row.
+ *
+ * Drop into the Lists app as a tab/resource. Click events bubble up via
+ * `OpenList` so the host app can route through its own navigation
+ * (NavigationService etc.) — keeps this component framework-agnostic.
+ */
+export declare class ListsSharedWithMeComponent extends BaseAngularComponent implements OnInit {
+    private readonly cdr;
+    /** Emitted when the user clicks a card. Host wires this to navigation.
+     *  Includes ListName so the host can open a properly-titled tab without
+     *  a second fetch. */
+    OpenList: EventEmitter<{
+        ListID: string;
+        ListName: string;
+    }>;
+    /** Permission-level filter (empty = "All Permissions"). */
+    filterLevel: SharePermissionLevel | '';
+    /** Free-text filter on list name. */
+    filterText: string;
+    loading: boolean;
+    errorMessage: string | null;
+    private allShares;
+    ngOnInit(): Promise<void>;
+    get visibleShares(): SharedListSummary[];
+    OnFilterChange(): void;
+    OnCardClick(listId: string): void;
+    Refresh(): Promise<void>;
+    /**
+     * Friendly-format the "shared at" timestamp into a relative phrase
+     * ("3d ago", "2w ago"). Matches the mockup; falls back to absolute on
+     * older entries.
+     */
+    formatRelative(date: Date): string;
+    /** Badge variant class for the permission-level chip. */
+    badgeClass(level: SharePermissionLevel): string;
+    badgeLabel(level: SharePermissionLevel): string;
+    private loadShares;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListsSharedWithMeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListsSharedWithMeComponent, "mj-lists-shared-with-me", never, {}, { "OpenList": "OpenList"; }, never, never, false, never>;
+}
+//# sourceMappingURL=shared-with-me.component.d.ts.map

package/dist/lib/components/shared-with-me/shared-with-me.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-with-me.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/shared-with-me/shared-with-me.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyD,YAAY,EAAE,MAAM,EAAkB,MAAM,eAAe,CAAC;AAE5H,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,KAAK,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;;AAE1F;;;;;;;GAOG;AACH,qBAOa,0BAA2B,SAAQ,oBAAqB,YAAW,MAAM;IACpF,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA6B;IAEjD;;0BAEsB;IACZ,QAAQ;gBAA8B,MAAM;kBAAY,MAAM;OAAM;IAE9E,2DAA2D;IACpD,WAAW,EAAE,oBAAoB,GAAG,EAAE,CAAM;IAEnD,qCAAqC;IAC9B,UAAU,SAAM;IAEhB,OAAO,UAAS;IAChB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC1C,OAAO,CAAC,SAAS,CAA2B;IAEtC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAI/B,IAAW,aAAa,IAAI,iBAAiB,EAAE,CAO9C;IAEM,cAAc,IAAI,IAAI;IAItB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAK3B,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAIrC;;;;OAIG;IACI,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAiBzC,yDAAyD;IAClD,UAAU,CAAC,KAAK,EAAE,oBAAoB,GAAG,MAAM;IAW/C,UAAU,CAAC,KAAK,EAAE,oBAAoB,GAAG,MAAM;YAWxC,UAAU;yCAzFb,0BAA0B;2CAA1B,0BAA0B;CAyGtC"}