@memberjunction/ng-list-management 5.35.0 → 5.37.0

package/dist/lib/components/audience-source-picker/audience-source-picker.component.js

@@ -0,0 +1,396 @@
+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-shared-generic";
+const _forTrack0 = ($index, $item) => $item.ID;
+function AudienceSourcePickerComponent_For_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 9);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const e_r1 = ctx.$implicit;
+    i0.ɵɵproperty("ngValue", e_r1.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(e_r1.Name);
+} }
+function AudienceSourcePickerComponent_Conditional_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵelement(1, "mj-loading", 16);
+    i0.ɵɵelementEnd();
+} }
+function AudienceSourcePickerComponent_Conditional_17_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵtext(1, " No lists found for this entity. ");
+    i0.ɵɵelementEnd();
+} }
+function AudienceSourcePickerComponent_Conditional_17_Conditional_5_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const l_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(l_r5.Description);
+} }
+function AudienceSourcePickerComponent_Conditional_17_Conditional_5_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵlistener("click", function AudienceSourcePickerComponent_Conditional_17_Conditional_5_For_2_Template_div_click_0_listener() { const l_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OnSelectList(l_r5)); });
+    i0.ɵɵelement(1, "i", 19);
+    i0.ɵɵelementStart(2, "div", 20)(3, "div", 21);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, AudienceSourcePickerComponent_Conditional_17_Conditional_5_For_2_Conditional_5_Template, 2, 1, "div", 22);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const l_r5 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("audience-picker__item--selected", ctx_r2.selectedListId === l_r5.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-circle-check", ctx_r2.selectedListId === l_r5.ID)("fa-circle", ctx_r2.selectedListId !== l_r5.ID);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(l_r5.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(l_r5.Description ? 5 : -1);
+} }
+function AudienceSourcePickerComponent_Conditional_17_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵrepeaterCreate(1, AudienceSourcePickerComponent_Conditional_17_Conditional_5_For_2_Template, 6, 8, "div", 17, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.filteredLists);
+} }
+function AudienceSourcePickerComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵelement(1, "i", 11);
+    i0.ɵɵelementStart(2, "input", 12);
+    i0.ɵɵtwoWayListener("ngModelChange", function AudienceSourcePickerComponent_Conditional_17_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.listSearch, $event) || (ctx_r2.listSearch = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function AudienceSourcePickerComponent_Conditional_17_Template_input_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnListSearchChange()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(3, AudienceSourcePickerComponent_Conditional_17_Conditional_3_Template, 2, 0, "div", 13)(4, AudienceSourcePickerComponent_Conditional_17_Conditional_4_Template, 2, 0, "div", 14)(5, AudienceSourcePickerComponent_Conditional_17_Conditional_5_Template, 3, 0, "div", 15);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.listSearch);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.loading ? 3 : ctx_r2.filteredLists.length === 0 ? 4 : 5);
+} }
+function AudienceSourcePickerComponent_Conditional_18_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵelement(1, "mj-loading", 24);
+    i0.ɵɵelementEnd();
+} }
+function AudienceSourcePickerComponent_Conditional_18_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵtext(1, " No views found for this entity. ");
+    i0.ɵɵelementEnd();
+} }
+function AudienceSourcePickerComponent_Conditional_18_Conditional_5_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const v_r8 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(v_r8.Description);
+} }
+function AudienceSourcePickerComponent_Conditional_18_Conditional_5_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵlistener("click", function AudienceSourcePickerComponent_Conditional_18_Conditional_5_For_2_Template_div_click_0_listener() { const v_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OnSelectView(v_r8)); });
+    i0.ɵɵelement(1, "i", 19);
+    i0.ɵɵelementStart(2, "div", 20)(3, "div", 21);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementStart(5, "span", 27);
+    i0.ɵɵtext(6, "live");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(7, AudienceSourcePickerComponent_Conditional_18_Conditional_5_For_2_Conditional_7_Template, 2, 1, "div", 22);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const v_r8 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("audience-picker__item--selected", ctx_r2.selectedViewId === v_r8.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-circle-check", ctx_r2.selectedViewId === v_r8.ID)("fa-circle", ctx_r2.selectedViewId !== v_r8.ID);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", v_r8.Name, " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(v_r8.Description ? 7 : -1);
+} }
+function AudienceSourcePickerComponent_Conditional_18_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵrepeaterCreate(1, AudienceSourcePickerComponent_Conditional_18_Conditional_5_For_2_Template, 8, 8, "div", 17, _forTrack0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 25);
+    i0.ɵɵelement(4, "i", 26);
+    i0.ɵɵtext(5, " A view is resolved live at execution \u2014 the record set may differ from what you see here if data changes. ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.filteredViews);
+} }
+function AudienceSourcePickerComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵelement(1, "i", 11);
+    i0.ɵɵelementStart(2, "input", 23);
+    i0.ɵɵtwoWayListener("ngModelChange", function AudienceSourcePickerComponent_Conditional_18_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.viewSearch, $event) || (ctx_r2.viewSearch = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function AudienceSourcePickerComponent_Conditional_18_Template_input_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnViewSearchChange()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(3, AudienceSourcePickerComponent_Conditional_18_Conditional_3_Template, 2, 0, "div", 13)(4, AudienceSourcePickerComponent_Conditional_18_Conditional_4_Template, 2, 0, "div", 14)(5, AudienceSourcePickerComponent_Conditional_18_Conditional_5_Template, 6, 0);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.viewSearch);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.loading ? 3 : ctx_r2.filteredViews.length === 0 ? 4 : 5);
+} }
+function AudienceSourcePickerComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6)(1, "label", 7);
+    i0.ɵɵtext(2, "Filter");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "textarea", 28);
+    i0.ɵɵtwoWayListener("ngModelChange", function AudienceSourcePickerComponent_Conditional_19_Template_textarea_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.adhocFilter, $event) || (ctx_r2.adhocFilter = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function AudienceSourcePickerComponent_Conditional_19_Template_textarea_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnAdhocFilterChange()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "div", 29);
+    i0.ɵɵelement(5, "i", 30);
+    i0.ɵɵtext(6, " Ad-hoc filters are evaluated server-side at execution time. Validate the filter on the server (via the resolve-audience action or send preview) before relying on it for production. ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.adhocFilter);
+} }
+export class AudienceSourcePickerComponent extends BaseAngularComponent {
+    cdr = inject(ChangeDetectorRef);
+    /**
+     * Pre-seed the picker with an existing audience. Useful when editing
+     * a previously-configured audience on a saved campaign.
+     */
+    set Source(value) {
+        this._source = value;
+        if (value) {
+            // Pick the right tab + restore the saved field values.
+            this.activeTab = value.kind;
+            if (value.kind === 'list') {
+                this.selectedListId = value.listId;
+            }
+            else if (value.kind === 'view') {
+                this.selectedViewId = value.viewId;
+            }
+            else {
+                this.adhocEntityName = value.entityName;
+                this.adhocFilter = value.extraFilter;
+            }
+        }
+    }
+    get Source() {
+        return this._source;
+    }
+    _source = null;
+    /** When set, restrict the entity dropdown to this entity (lock it). */
+    LockedEntityName = null;
+    SourceChange = new EventEmitter();
+    activeTab = 'list';
+    entityOptions = [];
+    // List-tab state
+    selectedEntityName = null;
+    availableLists = [];
+    filteredLists = [];
+    listSearch = '';
+    selectedListId = null;
+    // View-tab state
+    availableViews = [];
+    filteredViews = [];
+    viewSearch = '';
+    selectedViewId = null;
+    // Adhoc-tab state
+    adhocEntityName = null;
+    adhocFilter = '';
+    loading = false;
+    async ngOnInit() {
+        this.entityOptions = this.ProviderToUse.Entities
+            .filter((e) => !e.SchemaName.startsWith('sys'))
+            .sort((a, b) => a.Name.localeCompare(b.Name));
+        if (this.LockedEntityName) {
+            this.selectedEntityName = this.LockedEntityName;
+            this.adhocEntityName = this.LockedEntityName;
+        }
+        else if (this.entityOptions.length > 0) {
+            this.selectedEntityName = this.entityOptions[0].Name;
+            this.adhocEntityName = this.selectedEntityName;
+        }
+        await this.refreshTabData();
+    }
+    async setTab(tab) {
+        this.activeTab = tab;
+        this.emitCurrentSource();
+        await this.refreshTabData();
+    }
+    async OnEntityChange(name) {
+        this.selectedEntityName = name;
+        this.adhocEntityName = name;
+        // Selecting a new entity invalidates any picked list/view.
+        this.selectedListId = null;
+        this.selectedViewId = null;
+        this.emitCurrentSource();
+        await this.refreshTabData();
+    }
+    OnListSearchChange() {
+        this.recomputeFilteredLists();
+    }
+    OnViewSearchChange() {
+        this.recomputeFilteredViews();
+    }
+    OnSelectList(list) {
+        this.selectedListId = list.ID;
+        this.emitCurrentSource();
+    }
+    OnSelectView(view) {
+        this.selectedViewId = view.ID;
+        this.emitCurrentSource();
+    }
+    OnAdhocFilterChange() {
+        this.emitCurrentSource();
+    }
+    /**
+     * Build the currently-selected `AudienceSource` from picker state, or
+     * `null` if the picker isn't yet in a complete state.
+     */
+    get currentSource() {
+        if (this.activeTab === 'list') {
+            return this.selectedListId ? { kind: 'list', listId: this.selectedListId } : null;
+        }
+        if (this.activeTab === 'view') {
+            return this.selectedViewId ? { kind: 'view', viewId: this.selectedViewId } : null;
+        }
+        // adhoc
+        if (this.adhocEntityName && this.adhocFilter.trim().length > 0) {
+            return { kind: 'adhoc', entityName: this.adhocEntityName, extraFilter: this.adhocFilter.trim() };
+        }
+        return null;
+    }
+    emitCurrentSource() {
+        this._source = this.currentSource;
+        this.SourceChange.emit(this._source);
+        this.cdr.markForCheck();
+    }
+    /**
+     * Pull lists or views for the current tab from the server. We
+     * intentionally batch the (list, view) pair on entity change so
+     * switching tabs doesn't re-query.
+     */
+    async refreshTabData() {
+        if (!this.selectedEntityName)
+            return;
+        this.loading = true;
+        this.cdr.markForCheck();
+        try {
+            const entityInfo = this.ProviderToUse.EntityByName(this.selectedEntityName);
+            if (!entityInfo) {
+                this.availableLists = [];
+                this.availableViews = [];
+                this.recomputeFilteredLists();
+                this.recomputeFilteredViews();
+                return;
+            }
+            const rv = RunView.FromMetadataProvider(this.ProviderToUse);
+            const [lists, views] = await Promise.all([
+                rv.RunView({
+                    EntityName: 'MJ: Lists',
+                    ExtraFilter: `EntityID='${entityInfo.ID}'`,
+                    OrderBy: 'Name',
+                    ResultType: 'entity_object',
+                }),
+                rv.RunView({
+                    EntityName: 'MJ: User Views',
+                    ExtraFilter: `EntityID='${entityInfo.ID}'`,
+                    OrderBy: 'Name',
+                    ResultType: 'entity_object',
+                }),
+            ]);
+            this.availableLists = lists.Success ? lists.Results ?? [] : [];
+            this.availableViews = views.Success ? views.Results ?? [] : [];
+            this.recomputeFilteredLists();
+            this.recomputeFilteredViews();
+        }
+        finally {
+            this.loading = false;
+            this.cdr.markForCheck();
+        }
+    }
+    recomputeFilteredLists() {
+        const term = this.listSearch.trim().toLowerCase();
+        this.filteredLists = term
+            ? this.availableLists.filter((l) => l.Name.toLowerCase().includes(term))
+            : this.availableLists;
+        this.cdr.markForCheck();
+    }
+    recomputeFilteredViews() {
+        const term = this.viewSearch.trim().toLowerCase();
+        this.filteredViews = term
+            ? this.availableViews.filter((v) => v.Name.toLowerCase().includes(term))
+            : this.availableViews;
+        this.cdr.markForCheck();
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵAudienceSourcePickerComponent_BaseFactory; return function AudienceSourcePickerComponent_Factory(__ngFactoryType__) { return (ɵAudienceSourcePickerComponent_BaseFactory || (ɵAudienceSourcePickerComponent_BaseFactory = i0.ɵɵgetInheritedFactory(AudienceSourcePickerComponent)))(__ngFactoryType__ || AudienceSourcePickerComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AudienceSourcePickerComponent, selectors: [["mj-audience-source-picker"]], inputs: { Source: "Source", LockedEntityName: "LockedEntityName" }, outputs: { SourceChange: "SourceChange" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 20, vars: 9, consts: [[1, "audience-picker"], [1, "audience-picker__tabs"], [1, "audience-picker__tab", 3, "click"], [1, "fa-solid", "fa-list"], [1, "fa-solid", "fa-eye"], [1, "fa-solid", "fa-filter"], [1, "audience-picker__field"], [1, "audience-picker__label"], [1, "mj-input", "mj-select", "audience-picker__entity", 3, "ngModelChange", "ngModel", "disabled"], [3, "ngValue"], [1, "audience-picker__search"], [1, "fa-solid", "fa-search"], ["placeholder", "Search lists by name\u2026", 1, "mj-input", 3, "ngModelChange", "ngModel"], [1, "audience-picker__state"], [1, "audience-picker__state", "audience-picker__state--empty"], [1, "audience-picker__items"], ["text", "Loading lists...", "size", "small"], [1, "audience-picker__item", 3, "audience-picker__item--selected"], [1, "audience-picker__item", 3, "click"], [1, "fa-solid"], [1, "audience-picker__item-body"], [1, "audience-picker__item-name"], [1, "audience-picker__item-desc"], ["placeholder", "Search views by name\u2026", 1, "mj-input", 3, "ngModelChange", "ngModel"], ["text", "Loading views...", "size", "small"], [1, "audience-picker__hint"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "audience-picker__live-badge"], ["rows", "3", "placeholder", "e.g. State IN ('CA','NY','TX') AND DonationCount >= 3", 1, "mj-input", "audience-picker__filter", 3, "ngModelChange", "ngModel"], [1, "audience-picker__hint", "audience-picker__hint--neutral"], [1, "fa-solid", "fa-circle-info"]], template: function AudienceSourcePickerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "button", 2);
+            i0.ɵɵlistener("click", function AudienceSourcePickerComponent_Template_button_click_2_listener() { return ctx.setTab("list"); });
+            i0.ɵɵelement(3, "i", 3);
+            i0.ɵɵtext(4, " List ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "button", 2);
+            i0.ɵɵlistener("click", function AudienceSourcePickerComponent_Template_button_click_5_listener() { return ctx.setTab("view"); });
+            i0.ɵɵelement(6, "i", 4);
+            i0.ɵɵtext(7, " View ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "button", 2);
+            i0.ɵɵlistener("click", function AudienceSourcePickerComponent_Template_button_click_8_listener() { return ctx.setTab("adhoc"); });
+            i0.ɵɵelement(9, "i", 5);
+            i0.ɵɵtext(10, " Ad-hoc Filter ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(11, "div", 6)(12, "label", 7);
+            i0.ɵɵtext(13, "Entity");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(14, "select", 8);
+            i0.ɵɵlistener("ngModelChange", function AudienceSourcePickerComponent_Template_select_ngModelChange_14_listener($event) { return ctx.OnEntityChange($event); });
+            i0.ɵɵrepeaterCreate(15, AudienceSourcePickerComponent_For_16_Template, 2, 2, "option", 9, _forTrack0);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(17, AudienceSourcePickerComponent_Conditional_17_Template, 6, 2)(18, AudienceSourcePickerComponent_Conditional_18_Template, 6, 2)(19, AudienceSourcePickerComponent_Conditional_19_Template, 7, 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("audience-picker__tab--active", ctx.activeTab === "list");
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("audience-picker__tab--active", ctx.activeTab === "view");
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("audience-picker__tab--active", ctx.activeTab === "adhoc");
+            i0.ɵɵadvance(6);
+            i0.ɵɵproperty("ngModel", ctx.selectedEntityName)("disabled", !!ctx.LockedEntityName);
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.entityOptions);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.activeTab === "list" ? 17 : ctx.activeTab === "view" ? 18 : 19);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.LoadingComponent], styles: [".audience-picker[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  padding: 16px;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n}\n\n.audience-picker__tabs[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 6px;\n  border-bottom: 1px solid var(--mj-border-default);\n  padding-bottom: 6px;\n}\n\n.audience-picker__tab[_ngcontent-%COMP%] {\n  background: none;\n  border: 1px solid transparent;\n  padding: 6px 12px;\n  border-radius: 6px;\n  font-size: 12.5px;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  color: var(--mj-text-secondary);\n}\n\n.audience-picker__tab--active[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.audience-picker__field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.audience-picker__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.audience-picker__entity[_ngcontent-%COMP%] {\n  max-width: 240px;\n}\n\n.audience-picker__search[_ngcontent-%COMP%] {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.audience-picker__search[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 10px;\n  color: var(--mj-text-muted);\n  pointer-events: none;\n}\n\n.audience-picker__search[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-left: 32px;\n}\n\n.audience-picker__filter[_ngcontent-%COMP%] {\n  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n  font-size: 12px;\n}\n\n.audience-picker__items[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  max-height: 240px;\n  overflow-y: auto;\n}\n\n.audience-picker__item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 10px 12px;\n  cursor: pointer;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  transition: background 0.12s ease;\n}\n\n.audience-picker__item[_ngcontent-%COMP%]:last-child {\n  border-bottom: none;\n}\n\n.audience-picker__item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n.audience-picker__item--selected[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n.audience-picker__item--selected[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.audience-picker__item-body[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.audience-picker__item-name[_ngcontent-%COMP%] {\n  font-weight: 600;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.audience-picker__item-desc[_ngcontent-%COMP%] {\n  font-size: 11.5px;\n  color: var(--mj-text-muted);\n  margin-top: 2px;\n}\n\n.audience-picker__live-badge[_ngcontent-%COMP%] {\n  font-size: 10px;\n  padding: 1px 6px;\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n\n.audience-picker__state[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  padding: 24px;\n  color: var(--mj-text-muted);\n  font-size: 12.5px;\n}\n\n.audience-picker__hint[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 6px;\n  font-size: 11.5px;\n  color: var(--mj-text-muted);\n  padding: 6px 8px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n}\n\n.audience-picker__hint--neutral[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AudienceSourcePickerComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-audience-source-picker', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"audience-picker\">\n  <!-- Tab strip -->\n  <div class=\"audience-picker__tabs\">\n    <button\n      class=\"audience-picker__tab\"\n      [class.audience-picker__tab--active]=\"activeTab === 'list'\"\n      (click)=\"setTab('list')\">\n      <i class=\"fa-solid fa-list\"></i>\n      List\n    </button>\n    <button\n      class=\"audience-picker__tab\"\n      [class.audience-picker__tab--active]=\"activeTab === 'view'\"\n      (click)=\"setTab('view')\">\n      <i class=\"fa-solid fa-eye\"></i>\n      View\n    </button>\n    <button\n      class=\"audience-picker__tab\"\n      [class.audience-picker__tab--active]=\"activeTab === 'adhoc'\"\n      (click)=\"setTab('adhoc')\">\n      <i class=\"fa-solid fa-filter\"></i>\n      Ad-hoc Filter\n    </button>\n  </div>\n\n  <!-- Entity selector (shared across tabs) -->\n  <div class=\"audience-picker__field\">\n    <label class=\"audience-picker__label\">Entity</label>\n    <select\n      class=\"mj-input mj-select audience-picker__entity\"\n      [ngModel]=\"selectedEntityName\"\n      (ngModelChange)=\"OnEntityChange($event)\"\n      [disabled]=\"!!LockedEntityName\">\n      @for (e of entityOptions; track e.ID) {\n        <option [ngValue]=\"e.Name\">{{ e.Name }}</option>\n      }\n    </select>\n  </div>\n\n  @if (activeTab === 'list') {\n    <div class=\"audience-picker__search\">\n      <i class=\"fa-solid fa-search\"></i>\n      <input\n        class=\"mj-input\"\n        [(ngModel)]=\"listSearch\"\n        (ngModelChange)=\"OnListSearchChange()\"\n        placeholder=\"Search lists by name\u2026\" />\n    </div>\n    @if (loading) {\n      <div class=\"audience-picker__state\">\n        <mj-loading text=\"Loading lists...\" size=\"small\"></mj-loading>\n      </div>\n    } @else if (filteredLists.length === 0) {\n      <div class=\"audience-picker__state audience-picker__state--empty\">\n        No lists found for this entity.\n      </div>\n    } @else {\n      <div class=\"audience-picker__items\">\n        @for (l of filteredLists; track l.ID) {\n          <div\n            class=\"audience-picker__item\"\n            [class.audience-picker__item--selected]=\"selectedListId === l.ID\"\n            (click)=\"OnSelectList(l)\">\n            <i\n              class=\"fa-solid\"\n              [class.fa-circle-check]=\"selectedListId === l.ID\"\n              [class.fa-circle]=\"selectedListId !== l.ID\"></i>\n            <div class=\"audience-picker__item-body\">\n              <div class=\"audience-picker__item-name\">{{ l.Name }}</div>\n              @if (l.Description) {\n                <div class=\"audience-picker__item-desc\">{{ l.Description }}</div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    }\n  } @else if (activeTab === 'view') {\n    <div class=\"audience-picker__search\">\n      <i class=\"fa-solid fa-search\"></i>\n      <input\n        class=\"mj-input\"\n        [(ngModel)]=\"viewSearch\"\n        (ngModelChange)=\"OnViewSearchChange()\"\n        placeholder=\"Search views by name\u2026\" />\n    </div>\n    @if (loading) {\n      <div class=\"audience-picker__state\">\n        <mj-loading text=\"Loading views...\" size=\"small\"></mj-loading>\n      </div>\n    } @else if (filteredViews.length === 0) {\n      <div class=\"audience-picker__state audience-picker__state--empty\">\n        No views found for this entity.\n      </div>\n    } @else {\n      <div class=\"audience-picker__items\">\n        @for (v of filteredViews; track v.ID) {\n          <div\n            class=\"audience-picker__item\"\n            [class.audience-picker__item--selected]=\"selectedViewId === v.ID\"\n            (click)=\"OnSelectView(v)\">\n            <i\n              class=\"fa-solid\"\n              [class.fa-circle-check]=\"selectedViewId === v.ID\"\n              [class.fa-circle]=\"selectedViewId !== v.ID\"></i>\n            <div class=\"audience-picker__item-body\">\n              <div class=\"audience-picker__item-name\">\n                {{ v.Name }}\n                <span class=\"audience-picker__live-badge\">live</span>\n              </div>\n              @if (v.Description) {\n                <div class=\"audience-picker__item-desc\">{{ v.Description }}</div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"audience-picker__hint\">\n        <i class=\"fa-solid fa-triangle-exclamation\"></i>\n        A view is resolved live at execution \u2014 the record set may differ from\n        what you see here if data changes.\n      </div>\n    }\n  } @else {\n    <!-- Ad-hoc filter tab -->\n    <div class=\"audience-picker__field\">\n      <label class=\"audience-picker__label\">Filter</label>\n      <textarea\n        class=\"mj-input audience-picker__filter\"\n        rows=\"3\"\n        [(ngModel)]=\"adhocFilter\"\n        (ngModelChange)=\"OnAdhocFilterChange()\"\n        placeholder=\"e.g. State IN ('CA','NY','TX') AND DonationCount >= 3\"></textarea>\n    </div>\n    <div class=\"audience-picker__hint audience-picker__hint--neutral\">\n      <i class=\"fa-solid fa-circle-info\"></i>\n      Ad-hoc filters are evaluated server-side at execution time. Validate the\n      filter on the server (via the resolve-audience action or send preview)\n      before relying on it for production.\n    </div>\n  }\n</div>\n", styles: [".audience-picker {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  padding: 16px;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n}\n\n.audience-picker__tabs {\n  display: flex;\n  gap: 6px;\n  border-bottom: 1px solid var(--mj-border-default);\n  padding-bottom: 6px;\n}\n\n.audience-picker__tab {\n  background: none;\n  border: 1px solid transparent;\n  padding: 6px 12px;\n  border-radius: 6px;\n  font-size: 12.5px;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  color: var(--mj-text-secondary);\n}\n\n.audience-picker__tab--active {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.audience-picker__field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.audience-picker__label {\n  font-size: 11px;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  color: var(--mj-text-muted);\n}\n\n.audience-picker__entity {\n  max-width: 240px;\n}\n\n.audience-picker__search {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.audience-picker__search i {\n  position: absolute;\n  left: 10px;\n  color: var(--mj-text-muted);\n  pointer-events: none;\n}\n\n.audience-picker__search input {\n  width: 100%;\n  padding-left: 32px;\n}\n\n.audience-picker__filter {\n  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n  font-size: 12px;\n}\n\n.audience-picker__items {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  max-height: 240px;\n  overflow-y: auto;\n}\n\n.audience-picker__item {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 10px 12px;\n  cursor: pointer;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  transition: background 0.12s ease;\n}\n\n.audience-picker__item:last-child {\n  border-bottom: none;\n}\n\n.audience-picker__item:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n.audience-picker__item--selected {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n.audience-picker__item--selected i {\n  color: var(--mj-brand-primary);\n}\n\n.audience-picker__item-body {\n  flex: 1;\n  min-width: 0;\n}\n\n.audience-picker__item-name {\n  font-weight: 600;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.audience-picker__item-desc {\n  font-size: 11.5px;\n  color: var(--mj-text-muted);\n  margin-top: 2px;\n}\n\n.audience-picker__live-badge {\n  font-size: 10px;\n  padding: 1px 6px;\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n\n.audience-picker__state {\n  display: flex;\n  justify-content: center;\n  padding: 24px;\n  color: var(--mj-text-muted);\n  font-size: 12.5px;\n}\n\n.audience-picker__hint {\n  display: flex;\n  align-items: flex-start;\n  gap: 6px;\n  font-size: 11.5px;\n  color: var(--mj-text-muted);\n  padding: 6px 8px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n}\n\n.audience-picker__hint--neutral i {\n  color: var(--mj-brand-primary);\n}\n"] }]
+    }], null, { Source: [{
+            type: Input
+        }], LockedEntityName: [{
+            type: Input
+        }], SourceChange: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AudienceSourcePickerComponent, { className: "AudienceSourcePickerComponent", filePath: "src/lib/components/audience-source-picker/audience-source-picker.component.ts", lineNumber: 32 }); })();
+//# sourceMappingURL=audience-source-picker.component.js.map

package/dist/lib/components/audience-source-picker/audience-source-picker.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audience-source-picker.component.js","sourceRoot":"","sources":["../../../../src/lib/components/audience-source-picker/audience-source-picker.component.ts","../../../../src/lib/components/audience-source-picker/audience-source-picker.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, type EntityInfo } from '@memberjunction/core';\nimport type { MJListEntity, MJUserViewEntity } from '@memberjunction/core-entities';\nimport type { AudienceSource } from '@memberjunction/lists-base';\n\n/**\n * Reusable picker for an `AudienceSource` (mockup 20). Three tabs:\n *\n *   - **List** — pick from saved `MJ: List`s for the chosen entity.\n *   - **View** — pick from saved `MJ: User View`s for the chosen entity.\n *     Marked \"live\" so the user knows the record set is re-resolved at\n *     execution time.\n *   - **Ad-hoc Filter** — entity + free-form `ExtraFilter`. Skips\n *     server-side validation; the consumer can pre-flight via\n *     `ResolveAudience` (Action) or `AudienceResolver.Resolve` if desired.\n *\n * Emits the typed `AudienceSource` via `SourceChange` on selection; the\n * sister `AudienceSourceSummaryComponent` renders the friendly summary.\n * Multi-provider safe via `BaseAngularComponent.ProviderToUse`.\n */\nexport type AudienceSourcePickerTab = 'list' | 'view' | 'adhoc';\n\n@Component({\n  standalone: false,\n  selector: 'mj-audience-source-picker',\n  templateUrl: './audience-source-picker.component.html',\n  styleUrls: ['./audience-source-picker.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AudienceSourcePickerComponent extends BaseAngularComponent implements OnInit {\n  private readonly cdr = inject(ChangeDetectorRef);\n\n  /**\n   * Pre-seed the picker with an existing audience. Useful when editing\n   * a previously-configured audience on a saved campaign.\n   */\n  @Input()\n  set Source(value: AudienceSource | null) {\n    this._source = value;\n    if (value) {\n      // Pick the right tab + restore the saved field values.\n      this.activeTab = value.kind;\n      if (value.kind === 'list') {\n        this.selectedListId = value.listId;\n      } else if (value.kind === 'view') {\n        this.selectedViewId = value.viewId;\n      } else {\n        this.adhocEntityName = value.entityName;\n        this.adhocFilter = value.extraFilter;\n      }\n    }\n  }\n  get Source(): AudienceSource | null {\n    return this._source;\n  }\n  private _source: AudienceSource | null = null;\n\n  /** When set, restrict the entity dropdown to this entity (lock it). */\n  @Input() LockedEntityName: string | null = null;\n\n  @Output() SourceChange = new EventEmitter<AudienceSource | null>();\n\n  public activeTab: AudienceSourcePickerTab = 'list';\n  public entityOptions: EntityInfo[] = [];\n\n  // List-tab state\n  public selectedEntityName: string | null = null;\n  public availableLists: MJListEntity[] = [];\n  public filteredLists: MJListEntity[] = [];\n  public listSearch = '';\n  public selectedListId: string | null = null;\n\n  // View-tab state\n  public availableViews: MJUserViewEntity[] = [];\n  public filteredViews: MJUserViewEntity[] = [];\n  public viewSearch = '';\n  public selectedViewId: string | null = null;\n\n  // Adhoc-tab state\n  public adhocEntityName: string | null = null;\n  public adhocFilter = '';\n\n  public loading = false;\n\n  async ngOnInit(): Promise<void> {\n    this.entityOptions = this.ProviderToUse.Entities\n      .filter((e) => !e.SchemaName.startsWith('sys'))\n      .sort((a, b) => a.Name.localeCompare(b.Name));\n    if (this.LockedEntityName) {\n      this.selectedEntityName = this.LockedEntityName;\n      this.adhocEntityName = this.LockedEntityName;\n    } else if (this.entityOptions.length > 0) {\n      this.selectedEntityName = this.entityOptions[0].Name;\n      this.adhocEntityName = this.selectedEntityName;\n    }\n    await this.refreshTabData();\n  }\n\n  public async setTab(tab: AudienceSourcePickerTab): Promise<void> {\n    this.activeTab = tab;\n    this.emitCurrentSource();\n    await this.refreshTabData();\n  }\n\n  public async OnEntityChange(name: string): Promise<void> {\n    this.selectedEntityName = name;\n    this.adhocEntityName = name;\n    // Selecting a new entity invalidates any picked list/view.\n    this.selectedListId = null;\n    this.selectedViewId = null;\n    this.emitCurrentSource();\n    await this.refreshTabData();\n  }\n\n  public OnListSearchChange(): void {\n    this.recomputeFilteredLists();\n  }\n\n  public OnViewSearchChange(): void {\n    this.recomputeFilteredViews();\n  }\n\n  public OnSelectList(list: MJListEntity): void {\n    this.selectedListId = list.ID;\n    this.emitCurrentSource();\n  }\n\n  public OnSelectView(view: MJUserViewEntity): void {\n    this.selectedViewId = view.ID;\n    this.emitCurrentSource();\n  }\n\n  public OnAdhocFilterChange(): void {\n    this.emitCurrentSource();\n  }\n\n  /**\n   * Build the currently-selected `AudienceSource` from picker state, or\n   * `null` if the picker isn't yet in a complete state.\n   */\n  public get currentSource(): AudienceSource | null {\n    if (this.activeTab === 'list') {\n      return this.selectedListId ? { kind: 'list', listId: this.selectedListId } : null;\n    }\n    if (this.activeTab === 'view') {\n      return this.selectedViewId ? { kind: 'view', viewId: this.selectedViewId } : null;\n    }\n    // adhoc\n    if (this.adhocEntityName && this.adhocFilter.trim().length > 0) {\n      return { kind: 'adhoc', entityName: this.adhocEntityName, extraFilter: this.adhocFilter.trim() };\n    }\n    return null;\n  }\n\n  private emitCurrentSource(): void {\n    this._source = this.currentSource;\n    this.SourceChange.emit(this._source);\n    this.cdr.markForCheck();\n  }\n\n  /**\n   * Pull lists or views for the current tab from the server. We\n   * intentionally batch the (list, view) pair on entity change so\n   * switching tabs doesn't re-query.\n   */\n  private async refreshTabData(): Promise<void> {\n    if (!this.selectedEntityName) return;\n    this.loading = true;\n    this.cdr.markForCheck();\n    try {\n      const entityInfo = this.ProviderToUse.EntityByName(this.selectedEntityName);\n      if (!entityInfo) {\n        this.availableLists = [];\n        this.availableViews = [];\n        this.recomputeFilteredLists();\n        this.recomputeFilteredViews();\n        return;\n      }\n      const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n      const [lists, views] = await Promise.all([\n        rv.RunView<MJListEntity>({\n          EntityName: 'MJ: Lists',\n          ExtraFilter: `EntityID='${entityInfo.ID}'`,\n          OrderBy: 'Name',\n          ResultType: 'entity_object',\n        }),\n        rv.RunView<MJUserViewEntity>({\n          EntityName: 'MJ: User Views',\n          ExtraFilter: `EntityID='${entityInfo.ID}'`,\n          OrderBy: 'Name',\n          ResultType: 'entity_object',\n        }),\n      ]);\n      this.availableLists = lists.Success ? lists.Results ?? [] : [];\n      this.availableViews = views.Success ? views.Results ?? [] : [];\n      this.recomputeFilteredLists();\n      this.recomputeFilteredViews();\n    } finally {\n      this.loading = false;\n      this.cdr.markForCheck();\n    }\n  }\n\n  private recomputeFilteredLists(): void {\n    const term = this.listSearch.trim().toLowerCase();\n    this.filteredLists = term\n      ? this.availableLists.filter((l) => l.Name.toLowerCase().includes(term))\n      : this.availableLists;\n    this.cdr.markForCheck();\n  }\n\n  private recomputeFilteredViews(): void {\n    const term = this.viewSearch.trim().toLowerCase();\n    this.filteredViews = term\n      ? this.availableViews.filter((v) => v.Name.toLowerCase().includes(term))\n      : this.availableViews;\n    this.cdr.markForCheck();\n  }\n}\n","<div class=\"audience-picker\">\n  <!-- Tab strip -->\n  <div class=\"audience-picker__tabs\">\n    <button\n      class=\"audience-picker__tab\"\n      [class.audience-picker__tab--active]=\"activeTab === 'list'\"\n      (click)=\"setTab('list')\">\n      <i class=\"fa-solid fa-list\"></i>\n      List\n    </button>\n    <button\n      class=\"audience-picker__tab\"\n      [class.audience-picker__tab--active]=\"activeTab === 'view'\"\n      (click)=\"setTab('view')\">\n      <i class=\"fa-solid fa-eye\"></i>\n      View\n    </button>\n    <button\n      class=\"audience-picker__tab\"\n      [class.audience-picker__tab--active]=\"activeTab === 'adhoc'\"\n      (click)=\"setTab('adhoc')\">\n      <i class=\"fa-solid fa-filter\"></i>\n      Ad-hoc Filter\n    </button>\n  </div>\n\n  <!-- Entity selector (shared across tabs) -->\n  <div class=\"audience-picker__field\">\n    <label class=\"audience-picker__label\">Entity</label>\n    <select\n      class=\"mj-input mj-select audience-picker__entity\"\n      [ngModel]=\"selectedEntityName\"\n      (ngModelChange)=\"OnEntityChange($event)\"\n      [disabled]=\"!!LockedEntityName\">\n      @for (e of entityOptions; track e.ID) {\n        <option [ngValue]=\"e.Name\">{{ e.Name }}</option>\n      }\n    </select>\n  </div>\n\n  @if (activeTab === 'list') {\n    <div class=\"audience-picker__search\">\n      <i class=\"fa-solid fa-search\"></i>\n      <input\n        class=\"mj-input\"\n        [(ngModel)]=\"listSearch\"\n        (ngModelChange)=\"OnListSearchChange()\"\n        placeholder=\"Search lists by name…\" />\n    </div>\n    @if (loading) {\n      <div class=\"audience-picker__state\">\n        <mj-loading text=\"Loading lists...\" size=\"small\"></mj-loading>\n      </div>\n    } @else if (filteredLists.length === 0) {\n      <div class=\"audience-picker__state audience-picker__state--empty\">\n        No lists found for this entity.\n      </div>\n    } @else {\n      <div class=\"audience-picker__items\">\n        @for (l of filteredLists; track l.ID) {\n          <div\n            class=\"audience-picker__item\"\n            [class.audience-picker__item--selected]=\"selectedListId === l.ID\"\n            (click)=\"OnSelectList(l)\">\n            <i\n              class=\"fa-solid\"\n              [class.fa-circle-check]=\"selectedListId === l.ID\"\n              [class.fa-circle]=\"selectedListId !== l.ID\"></i>\n            <div class=\"audience-picker__item-body\">\n              <div class=\"audience-picker__item-name\">{{ l.Name }}</div>\n              @if (l.Description) {\n                <div class=\"audience-picker__item-desc\">{{ l.Description }}</div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    }\n  } @else if (activeTab === 'view') {\n    <div class=\"audience-picker__search\">\n      <i class=\"fa-solid fa-search\"></i>\n      <input\n        class=\"mj-input\"\n        [(ngModel)]=\"viewSearch\"\n        (ngModelChange)=\"OnViewSearchChange()\"\n        placeholder=\"Search views by name…\" />\n    </div>\n    @if (loading) {\n      <div class=\"audience-picker__state\">\n        <mj-loading text=\"Loading views...\" size=\"small\"></mj-loading>\n      </div>\n    } @else if (filteredViews.length === 0) {\n      <div class=\"audience-picker__state audience-picker__state--empty\">\n        No views found for this entity.\n      </div>\n    } @else {\n      <div class=\"audience-picker__items\">\n        @for (v of filteredViews; track v.ID) {\n          <div\n            class=\"audience-picker__item\"\n            [class.audience-picker__item--selected]=\"selectedViewId === v.ID\"\n            (click)=\"OnSelectView(v)\">\n            <i\n              class=\"fa-solid\"\n              [class.fa-circle-check]=\"selectedViewId === v.ID\"\n              [class.fa-circle]=\"selectedViewId !== v.ID\"></i>\n            <div class=\"audience-picker__item-body\">\n              <div class=\"audience-picker__item-name\">\n                {{ v.Name }}\n                <span class=\"audience-picker__live-badge\">live</span>\n              </div>\n              @if (v.Description) {\n                <div class=\"audience-picker__item-desc\">{{ v.Description }}</div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"audience-picker__hint\">\n        <i class=\"fa-solid fa-triangle-exclamation\"></i>\n        A view is resolved live at execution — the record set may differ from\n        what you see here if data changes.\n      </div>\n    }\n  } @else {\n    <!-- Ad-hoc filter tab -->\n    <div class=\"audience-picker__field\">\n      <label class=\"audience-picker__label\">Filter</label>\n      <textarea\n        class=\"mj-input audience-picker__filter\"\n        rows=\"3\"\n        [(ngModel)]=\"adhocFilter\"\n        (ngModelChange)=\"OnAdhocFilterChange()\"\n        placeholder=\"e.g. State IN ('CA','NY','TX') AND DonationCount >= 3\"></textarea>\n    </div>\n    <div class=\"audience-picker__hint audience-picker__hint--neutral\">\n      <i class=\"fa-solid fa-circle-info\"></i>\n      Ad-hoc filters are evaluated server-side at execution time. Validate the\n      filter on the server (via the resolve-audience action or send preview)\n      before relying on it for production.\n    </div>\n  }\n</div>\n"]}

package/dist/lib/components/audience-source-summary/audience-source-summary.component.d.ts

@@ -0,0 +1,34 @@
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import type { AudienceSource } from '@memberjunction/lists-base';
+import * as i0 from "@angular/core";
+/**
+ * Compact, read-only summary of an `AudienceSource`. Resolves names
+ * (list / view → display name) so the user sees the audience as
+ * "VIP Donors Q4 2026 (List, 348 records)" rather than a raw UUID.
+ *
+ * Pairs naturally with `AudienceSourcePickerComponent`: bind the same
+ * `Source` to both, and the summary reflects the picker's current
+ * selection live.
+ */
+export declare class AudienceSourceSummaryComponent extends BaseAngularComponent {
+    private readonly cdr;
+    set Source(value: AudienceSource | null);
+    get Source(): AudienceSource | null;
+    private _source;
+    /** Optional pre-computed count to surface (e.g., from a prior resolve). */
+    RecordCount: number | null;
+    label: string | null;
+    icon: string;
+    get kindLabel(): string;
+    /**
+     * Resolve a human-readable label for the source. Names are looked up
+     * one-at-a-time; cheap because each picker change fires at most once.
+     * Falls back to the underlying ID if the lookup fails — the summary
+     * is informational, never load-bearing.
+     */
+    private resolveLabel;
+    private truncate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AudienceSourceSummaryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AudienceSourceSummaryComponent, "mj-audience-source-summary", never, { "Source": { "alias": "Source"; "required": false; }; "RecordCount": { "alias": "RecordCount"; "required": false; }; }, {}, never, never, false, never>;
+}
+//# sourceMappingURL=audience-source-summary.component.d.ts.map

package/dist/lib/components/audience-source-summary/audience-source-summary.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"audience-source-summary.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/audience-source-summary/audience-source-summary.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAGrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;;AAEjE;;;;;;;;GAQG;AACH,qBAOa,8BAA+B,SAAQ,oBAAoB;IACtE,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA6B;IAEjD,IACI,MAAM,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,EAItC;IACD,IAAI,MAAM,IAAI,cAAc,GAAG,IAAI,CAElC;IACD,OAAO,CAAC,OAAO,CAA+B;IAE9C,2EAA2E;IAClE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEpC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC5B,IAAI,SAA0B;IAErC,IAAW,SAAS,IAAI,MAAM,CAK7B;IAED;;;;;OAKG;YACW,YAAY;IAwB1B,OAAO,CAAC,QAAQ;yCAzDL,8BAA8B;2CAA9B,8BAA8B;CA4D1C"}