@memberjunction/ng-explorer-core 5.5.0 → 5.6.0

package/dist/lib/single-search-result/single-search-result.component.d.ts

@@ -1,13 +1,48 @@
-import { EventEmitter } from '@angular/core';
-import { RunViewParams } from '@memberjunction/core';
+import { EventEmitter, ChangeDetectorRef, OnChanges, SimpleChanges } from '@angular/core';
+import { EntityInfo } from '@memberjunction/core';
+import { NavigationService } from '@memberjunction/ng-shared';
+import { DataLoadedEvent, RecordOpenedEvent, EntityViewerConfig, EntityViewMode, GridToolbarConfig } from '@memberjunction/ng-entity-viewer';
 import * as i0 from "@angular/core";
-export declare class SingleSearchResultComponent {
+type SearchState = 'loading' | 'no-results' | 'single-result' | 'viewer';
+export declare class SingleSearchResultComponent implements OnChanges {
+    private navigationService;
+    private cdr;
     entity: string;
     searchInput: string;
-    loadComplete: EventEmitter<any>;
-    loadStarted: EventEmitter<any>;
-    get params(): RunViewParams;
+    loadComplete: EventEmitter<boolean>;
+    loadStarted: EventEmitter<boolean>;
+    SearchState: SearchState;
+    ResultCount: number;
+    EntityInfo: EntityInfo | null;
+    CurrentViewMode: EntityViewMode;
+    /** Whether the current entity has date fields (enables timeline view toggle) */
+    get HasDateFields(): boolean;
+    /** Resolved icon class for the entity, matching Data Explorer's format */
+    get EntityIcon(): string;
+    /** Configuration for the entity-viewer — matches the Data Explorer's setup */
+    ViewerConfig: Partial<EntityViewerConfig>;
+    /** Grid toolbar config — minimal action bar (no search, no column chooser) */
+    GridToolbarConfig: Partial<GridToolbarConfig>;
+    constructor(navigationService: NavigationService, cdr: ChangeDetectorRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Runs a lightweight pre-query (MaxRows: 2, PK fields only) to determine result count,
+     * then routes to the appropriate state: no-results, single-result auto-nav, or viewer.
+     */
+    private ExecuteSearch;
+    private findEntityInfo;
+    private runPreQuery;
+    private setNoResults;
+    private navigateToSingleResult;
+    SetViewMode(mode: EntityViewMode): void;
+    OnViewModeChanged(mode: EntityViewMode): void;
+    OnCreateNewRecord(): void;
+    OnDataLoaded(event: DataLoadedEvent): void;
+    OnRecordOpened(event: RecordOpenedEvent): void;
+    /** Format entity icon to ensure proper Font Awesome class format */
+    private formatEntityIcon;
     static ɵfac: i0.ɵɵFactoryDeclaration<SingleSearchResultComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SingleSearchResultComponent, "mj-single-search-result", never, { "entity": { "alias": "entity"; "required": false; }; "searchInput": { "alias": "searchInput"; "required": false; }; }, { "loadComplete": "loadComplete"; "loadStarted": "loadStarted"; }, never, never, false, never>;
 }
+export {};
 //# sourceMappingURL=single-search-result.component.d.ts.map

package/dist/lib/single-search-result/single-search-result.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"single-search-result.component.d.ts","sourceRoot":"","sources":["../../../src/lib/single-search-result/single-search-result.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;;AAErD,qBAMa,2BAA2B;IACtB,MAAM,EAAE,MAAM,CAAM;IACpB,WAAW,EAAE,MAAM,CAAM;IACxB,YAAY,EAAE,YAAY,CAAC,GAAG,CAAC,CAA2B;IAC1D,WAAW,EAAE,YAAY,CAAC,GAAG,CAAC,CAA2B;IAE1E,IAAW,MAAM,IAAI,aAAa,CAOjC;yCAbU,2BAA2B;2CAA3B,2BAA2B;CAgBvC"}
+{"version":3,"file":"single-search-result.component.d.ts","sourceRoot":"","sources":["../../../src/lib/single-search-result/single-search-result.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAiB,iBAAiB,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACpH,OAAO,EAAyB,UAAU,EAA+B,MAAM,sBAAsB,CAAC;AACtG,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;;AAE7I,KAAK,WAAW,GAAG,SAAS,GAAG,YAAY,GAAG,eAAe,GAAG,QAAQ,CAAC;AAEzE,qBAMa,2BAA4B,YAAW,SAAS;IAiDzD,OAAO,CAAC,iBAAiB;IACzB,OAAO,CAAC,GAAG;IAjDG,MAAM,EAAE,MAAM,CAAM;IACpB,WAAW,EAAE,MAAM,CAAM;IACxB,YAAY,wBAA+B;IAC3C,WAAW,wBAA+B;IAEpD,WAAW,EAAE,WAAW,CAAa;IACrC,WAAW,SAAK;IAChB,UAAU,EAAE,UAAU,GAAG,IAAI,CAAQ;IACrC,eAAe,EAAE,cAAc,CAAU;IAEhD,gFAAgF;IAChF,IAAW,aAAa,IAAI,OAAO,CAGlC;IAED,0EAA0E;IAC1E,IAAW,UAAU,IAAI,MAAM,CAK9B;IAED,8EAA8E;IACvE,YAAY,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAQ9C;IAEF,8EAA8E;IACvE,iBAAiB,EAAE,OAAO,CAAC,iBAAiB,CAAC,CASlD;gBAGQ,iBAAiB,EAAE,iBAAiB,EACpC,GAAG,EAAE,iBAAiB;IAGhC,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAMzC;;;OAGG;YACW,aAAa;IAgC3B,OAAO,CAAC,cAAc;YAOR,WAAW;IAazB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,sBAAsB;IAavB,WAAW,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;IAKvC,iBAAiB,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;IAK7C,iBAAiB,IAAI,IAAI;IAQzB,YAAY,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;IAM1C,cAAc,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI;IAIrD,oEAAoE;IACpE,OAAO,CAAC,gBAAgB;yCApKb,2BAA2B;2CAA3B,2BAA2B;CAkLvC"}

package/dist/lib/single-search-result/single-search-result.component.js

@@ -1,29 +1,307 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { RunView, CompositeKey, EntityFieldTSType, Metadata } from '@memberjunction/core';
 import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-shared";
+import * as i2 from "@memberjunction/ng-shared-generic";
+import * as i3 from "@memberjunction/ng-entity-viewer";
+import * as i4 from "@angular/common";
+function SingleSearchResultComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("Searching for \"", ctx_r0.searchInput, "\"...");
+} }
+function SingleSearchResultComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("No results for \"", ctx_r0.searchInput, "\"");
+} }
+function SingleSearchResultComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "number");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate3("", i0.ɵɵpipeBind1(2, 3, ctx_r0.ResultCount), " ", ctx_r0.ResultCount === 1 ? "result" : "results", " for \"", ctx_r0.searchInput, "\"");
+} }
+function SingleSearchResultComponent_Conditional_9_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 19);
+    i0.ɵɵlistener("click", function SingleSearchResultComponent_Conditional_9_Conditional_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.SetViewMode("timeline")); });
+    i0.ɵɵelement(1, "i", 20);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("active", ctx_r0.CurrentViewMode === "timeline");
+} }
+function SingleSearchResultComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6)(1, "button", 11);
+    i0.ɵɵlistener("click", function SingleSearchResultComponent_Conditional_9_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnCreateNewRecord()); });
+    i0.ɵɵelement(2, "i", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 13)(4, "button", 14);
+    i0.ɵɵlistener("click", function SingleSearchResultComponent_Conditional_9_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.SetViewMode("grid")); });
+    i0.ɵɵelement(5, "i", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 16);
+    i0.ɵɵlistener("click", function SingleSearchResultComponent_Conditional_9_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.SetViewMode("cards")); });
+    i0.ɵɵelement(7, "i", 17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(8, SingleSearchResultComponent_Conditional_9_Conditional_8_Template, 2, 2, "button", 18);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassProp("active", ctx_r0.CurrentViewMode === "grid");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("active", ctx_r0.CurrentViewMode === "cards");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.HasDateFields ? 8 : -1);
+} }
+function SingleSearchResultComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵelement(1, "mj-loading", 21);
+    i0.ɵɵelementEnd();
+} }
+function SingleSearchResultComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelement(1, "i", 22);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No results found for \"");
+    i0.ɵɵelementStart(4, "strong");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "p", 23);
+    i0.ɵɵtext(8, "Try a different search term or entity");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.searchInput);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("\" in ", ctx_r0.entity);
+} }
+function SingleSearchResultComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelement(1, "i", 24);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "Found 1 result \u2014 opening record...");
+    i0.ɵɵelementEnd()();
+} }
+function SingleSearchResultComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 10)(1, "mj-entity-viewer", 25);
+    i0.ɵɵlistener("viewModeChange", function SingleSearchResultComponent_Conditional_13_Template_mj_entity_viewer_viewModeChange_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnViewModeChanged($event)); })("dataLoaded", function SingleSearchResultComponent_Conditional_13_Template_mj_entity_viewer_dataLoaded_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnDataLoaded($event)); })("recordOpened", function SingleSearchResultComponent_Conditional_13_Template_mj_entity_viewer_recordOpened_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnRecordOpened($event)); })("addRequested", function SingleSearchResultComponent_Conditional_13_Template_mj_entity_viewer_addRequested_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnCreateNewRecord()); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("entity", ctx_r0.EntityInfo)("viewMode", ctx_r0.CurrentViewMode)("filterText", ctx_r0.searchInput)("config", ctx_r0.ViewerConfig)("showGridToolbar", true)("gridToolbarConfig", ctx_r0.GridToolbarConfig);
+} }
 export class SingleSearchResultComponent {
+    navigationService;
+    cdr;
     entity = '';
     searchInput = '';
     loadComplete = new EventEmitter();
     loadStarted = new EventEmitter();
-    get params() {
-        const p = {
+    SearchState = 'loading';
+    ResultCount = 0;
+    EntityInfo = null;
+    CurrentViewMode = 'grid';
+    /** Whether the current entity has date fields (enables timeline view toggle) */
+    get HasDateFields() {
+        if (!this.EntityInfo)
+            return false;
+        return this.EntityInfo.Fields.some(f => f.TSType === EntityFieldTSType.Date);
+    }
+    /** Resolved icon class for the entity, matching Data Explorer's format */
+    get EntityIcon() {
+        if (this.EntityInfo?.Icon) {
+            return this.formatEntityIcon(this.EntityInfo.Icon);
+        }
+        return 'fa-solid fa-table';
+    }
+    /** Configuration for the entity-viewer — matches the Data Explorer's setup */
+    ViewerConfig = {
+        showFilter: false,
+        showViewModeToggle: false,
+        showRecordCount: false,
+        showPagination: true,
+        serverSideFiltering: true,
+        serverSideSorting: true,
+        height: '100%'
+    };
+    /** Grid toolbar config — minimal action bar (no search, no column chooser) */
+    GridToolbarConfig = {
+        showSearch: false,
+        showRefresh: true,
+        showAdd: true,
+        showExport: true,
+        showDelete: false,
+        showColumnChooser: false,
+        showRowCount: false,
+        showSelectionCount: false
+    };
+    constructor(navigationService, cdr) {
+        this.navigationService = navigationService;
+        this.cdr = cdr;
+    }
+    ngOnChanges(changes) {
+        if ((changes['entity'] || changes['searchInput']) && this.entity && this.searchInput) {
+            this.ExecuteSearch();
+        }
+    }
+    /**
+     * Runs a lightweight pre-query (MaxRows: 2, PK fields only) to determine result count,
+     * then routes to the appropriate state: no-results, single-result auto-nav, or viewer.
+     */
+    async ExecuteSearch() {
+        this.SearchState = 'loading';
+        this.ResultCount = 0;
+        this.CurrentViewMode = 'grid';
+        this.loadStarted.emit(true);
+        // Resolve EntityInfo early so the header can show icon + display name during loading
+        const entityInfo = this.findEntityInfo();
+        this.EntityInfo = entityInfo ?? null;
+        this.cdr.detectChanges();
+        if (!entityInfo) {
+            this.setNoResults();
+            return;
+        }
+        const result = await this.runPreQuery(entityInfo);
+        if (!result.Success || result.Results.length === 0) {
+            this.setNoResults();
+            return;
+        }
+        if (result.Results.length === 1) {
+            this.navigateToSingleResult(entityInfo, result.Results[0]);
+            return;
+        }
+        // 2+ results — show the entity-viewer
+        this.SearchState = 'viewer';
+        this.cdr.detectChanges();
+    }
+    findEntityInfo() {
+        const md = new Metadata();
+        return md.Entities.find(e => e.Name.trim().toLowerCase() === this.entity.trim().toLowerCase());
+    }
+    async runPreQuery(entityInfo) {
+        const rv = new RunView();
+        const pkFields = entityInfo.PrimaryKeys.map(pk => pk.Name);
+        return rv.RunView({
             EntityName: this.entity,
-            ExtraFilter: "ID IS NOT NULL", // temporary hack as ExtraFilter is required for dynamic views
+            ExtraFilter: 'ID IS NOT NULL',
             UserSearchString: this.searchInput,
-        };
-        return p;
+            Fields: pkFields,
+            ResultType: 'simple',
+            MaxRows: 2,
+        });
+    }
+    setNoResults() {
+        this.SearchState = 'no-results';
+        this.ResultCount = 0;
+        this.loadComplete.emit(true);
+        this.cdr.detectChanges();
+    }
+    navigateToSingleResult(entityInfo, record) {
+        this.SearchState = 'single-result';
+        this.ResultCount = 1;
+        this.cdr.detectChanges();
+        const compositeKey = new CompositeKey();
+        compositeKey.LoadFromEntityInfoAndRecord(entityInfo, record);
+        this.navigationService.OpenEntityRecord(entityInfo.Name, compositeKey);
+        this.loadComplete.emit(true);
+    }
+    // ── Header action handlers ──
+    SetViewMode(mode) {
+        this.CurrentViewMode = mode;
+        this.cdr.detectChanges();
     }
-    static ɵfac = function SingleSearchResultComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SingleSearchResultComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleSearchResultComponent, selectors: [["mj-single-search-result"]], inputs: { entity: "entity", searchInput: "searchInput" }, outputs: { loadComplete: "loadComplete", loadStarted: "loadStarted" }, standalone: false, decls: 2, vars: 0, template: function SingleSearchResultComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div");
-            i0.ɵɵtext(1, " Needs to be implemented!\n");
+    OnViewModeChanged(mode) {
+        this.CurrentViewMode = mode;
+        this.cdr.detectChanges();
+    }
+    OnCreateNewRecord() {
+        if (this.EntityInfo) {
+            this.navigationService.OpenNewEntityRecord(this.EntityInfo.Name);
+        }
+    }
+    // ── Entity-viewer event handlers ──
+    OnDataLoaded(event) {
+        this.ResultCount = event.totalRowCount;
+        this.loadComplete.emit(true);
+        this.cdr.detectChanges();
+    }
+    OnRecordOpened(event) {
+        this.navigationService.OpenEntityRecord(event.entity.Name, event.compositeKey);
+    }
+    /** Format entity icon to ensure proper Font Awesome class format */
+    formatEntityIcon(icon) {
+        if (!icon) {
+            return 'fa-solid fa-table';
+        }
+        if (icon.startsWith('fa-solid') || icon.startsWith('fa-regular') ||
+            icon.startsWith('fa-light') || icon.startsWith('fa-brands') ||
+            icon.startsWith('fa ')) {
+            return icon;
+        }
+        if (icon.startsWith('fa-')) {
+            return `fa-solid ${icon}`;
+        }
+        return `fa-solid fa-${icon}`;
+    }
+    static ɵfac = function SingleSearchResultComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SingleSearchResultComponent)(i0.ɵɵdirectiveInject(i1.NavigationService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleSearchResultComponent, selectors: [["mj-single-search-result"]], inputs: { entity: "entity", searchInput: "searchInput" }, outputs: { loadComplete: "loadComplete", loadStarted: "loadStarted" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 14, vars: 9, consts: [[1, "search-result-container"], [1, "content-header"], [1, "header-left"], [1, "entity-icon"], [1, "entity-title"], [1, "record-count"], [1, "header-right"], [1, "loading-container"], [1, "empty-state"], [1, "single-result-state"], [1, "viewer-container"], ["title", "New Record", 1, "header-action-btn", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "view-mode-toggle"], ["title", "Grid View", 1, "toggle-btn", 3, "click"], [1, "fa-solid", "fa-list"], ["title", "Cards View", 1, "toggle-btn", 3, "click"], [1, "fa-solid", "fa-grip"], ["title", "Timeline View", 1, "toggle-btn", 3, "active"], ["title", "Timeline View", 1, "toggle-btn", 3, "click"], [1, "fa-solid", "fa-timeline"], ["text", "Searching..."], [1, "fa-solid", "fa-magnifying-glass", "empty-icon"], [1, "empty-hint"], [1, "fa-solid", "fa-arrow-right", "redirect-icon"], [3, "viewModeChange", "dataLoaded", "recordOpened", "addRequested", "entity", "viewMode", "filterText", "config", "showGridToolbar", "gridToolbarConfig"]], template: function SingleSearchResultComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
+            i0.ɵɵelement(3, "i", 3);
+            i0.ɵɵelementStart(4, "h2", 4);
+            i0.ɵɵtext(5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(6, SingleSearchResultComponent_Conditional_6_Template, 2, 1, "span", 5)(7, SingleSearchResultComponent_Conditional_7_Template, 2, 1, "span", 5)(8, SingleSearchResultComponent_Conditional_8_Template, 3, 5, "span", 5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(9, SingleSearchResultComponent_Conditional_9_Template, 9, 5, "div", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(10, SingleSearchResultComponent_Conditional_10_Template, 2, 0, "div", 7);
+            i0.ɵɵconditionalCreate(11, SingleSearchResultComponent_Conditional_11_Template, 9, 2, "div", 8);
+            i0.ɵɵconditionalCreate(12, SingleSearchResultComponent_Conditional_12_Template, 4, 0, "div", 9);
+            i0.ɵɵconditionalCreate(13, SingleSearchResultComponent_Conditional_13_Template, 2, 6, "div", 10);
             i0.ɵɵelementEnd();
-        } }, encapsulation: 2 });
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassMap(ctx.EntityIcon);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate((ctx.EntityInfo == null ? null : ctx.EntityInfo.DisplayNameOrName) || ctx.entity);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.SearchState === "loading" ? 6 : ctx.SearchState === "no-results" ? 7 : ctx.ResultCount > 0 ? 8 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.SearchState === "viewer" && ctx.EntityInfo ? 9 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.SearchState === "loading" ? 10 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.SearchState === "no-results" ? 11 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.SearchState === "single-result" ? 12 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.SearchState === "viewer" && ctx.EntityInfo ? 13 : -1);
+        } }, dependencies: [i2.LoadingComponent, i3.EntityViewerComponent, i4.DecimalPipe], styles: [".search-result-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n\n\n\n\n\n.content-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 24px;\n  background: white;\n  border-bottom: 1px solid #e0e0e0;\n  flex-shrink: 0;\n  gap: 24px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);\n}\n\n.header-left[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-shrink: 0;\n  flex-wrap: wrap;\n}\n\n.entity-icon[_ngcontent-%COMP%] {\n  font-size: 20px;\n  color: #1976d2;\n}\n\n.entity-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: #1a1a1a;\n}\n\n.record-count[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: #666;\n  font-weight: 500;\n}\n\n\n\n\n\n\n.header-right[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-shrink: 0;\n}\n\n\n\n.header-action-btn[_ngcontent-%COMP%] {\n  position: relative;\n  width: 36px;\n  height: 36px;\n  border: 1px solid #e0e0e0;\n  background: white;\n  border-radius: 8px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #666;\n  transition: all 0.15s ease;\n}\n.header-action-btn[_ngcontent-%COMP%]:hover {\n  border-color: #1976d2;\n  color: #1976d2;\n  background: #f5f9ff;\n}\n.header-action-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n\n\n.view-mode-toggle[_ngcontent-%COMP%] {\n  display: flex;\n  background: #f0f0f0;\n  border-radius: 8px;\n  padding: 3px;\n}\n\n.toggle-btn[_ngcontent-%COMP%] {\n  width: 36px;\n  height: 32px;\n  border: none;\n  background: transparent;\n  border-radius: 6px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #666;\n  transition: all 0.15s ease;\n}\n.toggle-btn[_ngcontent-%COMP%]:hover {\n  color: #333;\n}\n.toggle-btn.active[_ngcontent-%COMP%] {\n  background: white;\n  color: #1976d2;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n\n\n\n\n\n.loading-container[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 48px 0;\n}\n\n\n\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 64px 0;\n  color: #666;\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n  font-size: 48px;\n  color: #ccc;\n  margin-bottom: 16px;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 4px 0;\n  font-size: 15px;\n}\n\n.empty-hint[_ngcontent-%COMP%] {\n  color: #999;\n  font-size: 13px !important;\n}\n\n\n\n\n\n\n.single-result-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 64px 0;\n  color: #666;\n}\n\n.redirect-icon[_ngcontent-%COMP%] {\n  font-size: 32px;\n  color: #4a90d9;\n  margin-bottom: 16px;\n}\n\n.single-result-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 15px;\n  margin: 4px 0;\n}\n\n\n\n\n\n\n.viewer-container[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleSearchResultComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-single-search-result', template: "<div>\n    Needs to be implemented!\n</div>" }]
-    }], null, { entity: [{
+        args: [{ standalone: false, selector: 'mj-single-search-result', template: "<div class=\"search-result-container\">\n  <!-- Content Header \u2014 matches Data Explorer layout -->\n  <div class=\"content-header\">\n    <div class=\"header-left\">\n      <i [class]=\"EntityIcon\" class=\"entity-icon\"></i>\n      <h2 class=\"entity-title\">{{ EntityInfo?.DisplayNameOrName || entity }}</h2>\n      @if (SearchState === 'loading') {\n        <span class=\"record-count\">Searching for \"{{ searchInput }}\"...</span>\n      } @else if (SearchState === 'no-results') {\n        <span class=\"record-count\">No results for \"{{ searchInput }}\"</span>\n      } @else if (ResultCount > 0) {\n        <span class=\"record-count\">{{ ResultCount | number }} {{ ResultCount === 1 ? 'result' : 'results' }} for \"{{ searchInput }}\"</span>\n      }\n    </div>\n\n    @if (SearchState === 'viewer' && EntityInfo) {\n      <div class=\"header-right\">\n        <!-- New Record -->\n        <button\n          class=\"header-action-btn\"\n          (click)=\"OnCreateNewRecord()\"\n          title=\"New Record\">\n          <i class=\"fa-solid fa-plus\"></i>\n        </button>\n\n        <!-- View Mode Toggle -->\n        <div class=\"view-mode-toggle\">\n          <button\n            class=\"toggle-btn\"\n            [class.active]=\"CurrentViewMode === 'grid'\"\n            (click)=\"SetViewMode('grid')\"\n            title=\"Grid View\">\n            <i class=\"fa-solid fa-list\"></i>\n          </button>\n          <button\n            class=\"toggle-btn\"\n            [class.active]=\"CurrentViewMode === 'cards'\"\n            (click)=\"SetViewMode('cards')\"\n            title=\"Cards View\">\n            <i class=\"fa-solid fa-grip\"></i>\n          </button>\n          @if (HasDateFields) {\n            <button\n              class=\"toggle-btn\"\n              [class.active]=\"CurrentViewMode === 'timeline'\"\n              (click)=\"SetViewMode('timeline')\"\n              title=\"Timeline View\">\n              <i class=\"fa-solid fa-timeline\"></i>\n            </button>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <!-- Loading state -->\n  @if (SearchState === 'loading') {\n    <div class=\"loading-container\">\n      <mj-loading text=\"Searching...\"></mj-loading>\n    </div>\n  }\n\n  <!-- No results -->\n  @if (SearchState === 'no-results') {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-magnifying-glass empty-icon\"></i>\n      <p>No results found for \"<strong>{{ searchInput }}</strong>\" in {{ entity }}</p>\n      <p class=\"empty-hint\">Try a different search term or entity</p>\n    </div>\n  }\n\n  <!-- Single result \u2014 auto-navigating to entity form -->\n  @if (SearchState === 'single-result') {\n    <div class=\"single-result-state\">\n      <i class=\"fa-solid fa-arrow-right redirect-icon\"></i>\n      <p>Found 1 result &mdash; opening record...</p>\n    </div>\n  }\n\n  <!-- Entity Viewer (2+ results) -->\n  @if (SearchState === 'viewer' && EntityInfo) {\n    <div class=\"viewer-container\">\n      <mj-entity-viewer\n        [entity]=\"EntityInfo\"\n        [viewMode]=\"CurrentViewMode\"\n        [filterText]=\"searchInput\"\n        [config]=\"ViewerConfig\"\n        [showGridToolbar]=\"true\"\n        [gridToolbarConfig]=\"GridToolbarConfig\"\n        (viewModeChange)=\"OnViewModeChanged($event)\"\n        (dataLoaded)=\"OnDataLoaded($event)\"\n        (recordOpened)=\"OnRecordOpened($event)\"\n        (addRequested)=\"OnCreateNewRecord()\">\n      </mj-entity-viewer>\n    </div>\n  }\n</div>\n", styles: [".search-result-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n/* ============================================\n   CONTENT HEADER \u2014 matches Data Explorer layout\n   ============================================ */\n\n.content-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 24px;\n  background: white;\n  border-bottom: 1px solid #e0e0e0;\n  flex-shrink: 0;\n  gap: 24px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);\n}\n\n.header-left {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-shrink: 0;\n  flex-wrap: wrap;\n}\n\n.entity-icon {\n  font-size: 20px;\n  color: #1976d2;\n}\n\n.entity-title {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: #1a1a1a;\n}\n\n.record-count {\n  font-size: 13px;\n  color: #666;\n  font-weight: 500;\n}\n\n/* ============================================\n   HEADER RIGHT \u2014 action buttons, view mode toggle\n   ============================================ */\n\n.header-right {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-shrink: 0;\n}\n\n/* Action Button (New Record, Export, etc.) */\n.header-action-btn {\n  position: relative;\n  width: 36px;\n  height: 36px;\n  border: 1px solid #e0e0e0;\n  background: white;\n  border-radius: 8px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #666;\n  transition: all 0.15s ease;\n}\n.header-action-btn:hover {\n  border-color: #1976d2;\n  color: #1976d2;\n  background: #f5f9ff;\n}\n.header-action-btn i {\n  font-size: 14px;\n}\n\n/* View Mode Toggle */\n.view-mode-toggle {\n  display: flex;\n  background: #f0f0f0;\n  border-radius: 8px;\n  padding: 3px;\n}\n\n.toggle-btn {\n  width: 36px;\n  height: 32px;\n  border: none;\n  background: transparent;\n  border-radius: 6px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #666;\n  transition: all 0.15s ease;\n}\n.toggle-btn:hover {\n  color: #333;\n}\n.toggle-btn.active {\n  background: white;\n  color: #1976d2;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n/* ============================================\n   LOADING STATE\n   ============================================ */\n\n.loading-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 48px 0;\n}\n\n/* ============================================\n   EMPTY STATE\n   ============================================ */\n\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 64px 0;\n  color: #666;\n}\n\n.empty-icon {\n  font-size: 48px;\n  color: #ccc;\n  margin-bottom: 16px;\n}\n\n.empty-state p {\n  margin: 4px 0;\n  font-size: 15px;\n}\n\n.empty-hint {\n  color: #999;\n  font-size: 13px !important;\n}\n\n/* ============================================\n   SINGLE RESULT \u2014 auto-nav state\n   ============================================ */\n\n.single-result-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 64px 0;\n  color: #666;\n}\n\n.redirect-icon {\n  font-size: 32px;\n  color: #4a90d9;\n  margin-bottom: 16px;\n}\n\n.single-result-state p {\n  font-size: 15px;\n  margin: 4px 0;\n}\n\n/* ============================================\n   VIEWER CONTAINER\n   ============================================ */\n\n.viewer-container {\n  flex: 1;\n  min-height: 0;\n}\n"] }]
+    }], () => [{ type: i1.NavigationService }, { type: i0.ChangeDetectorRef }], { entity: [{
             type: Input
         }], searchInput: [{
             type: Input
@@ -32,5 +310,5 @@ export class SingleSearchResultComponent {
         }], loadStarted: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleSearchResultComponent, { className: "SingleSearchResultComponent", filePath: "src/lib/single-search-result/single-search-result.component.ts", lineNumber: 10 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleSearchResultComponent, { className: "SingleSearchResultComponent", filePath: "src/lib/single-search-result/single-search-result.component.ts", lineNumber: 14 }); })();
 //# sourceMappingURL=single-search-result.component.js.map

package/dist/lib/single-search-result/single-search-result.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"single-search-result.component.js","sourceRoot":"","sources":["../../../src/lib/single-search-result/single-search-result.component.ts","../../../src/lib/single-search-result/single-search-result.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AASvE,MAAM,OAAO,2BAA2B;IACtB,MAAM,GAAW,EAAE,CAAC;IACpB,WAAW,GAAW,EAAE,CAAC;IACxB,YAAY,GAAsB,IAAI,YAAY,EAAO,CAAC;IAC1D,WAAW,GAAsB,IAAI,YAAY,EAAO,CAAC;IAE1E,IAAW,MAAM;QACf,MAAM,CAAC,GAAkB;YACvB,UAAU,EAAE,IAAI,CAAC,MAAM;YACvB,WAAW,EAAE,gBAAgB,EAAE,8DAA8D;YAC7F,gBAAgB,EAAE,IAAI,CAAC,WAAW;SACnC,CAAA;QACD,OAAO,CAAC,CAAC;IACX,CAAC;qHAbU,2BAA2B;6DAA3B,2BAA2B;YCTxC,2BAAK;YACD,2CACJ;YAAA,iBAAM;;;iFDOO,2BAA2B;cANvC,SAAS;6BACI,KAAK,YACP,yBAAyB;;kBAKlC,KAAK;;kBACL,KAAK;;kBACL,MAAM;;kBACN,MAAM;;kFAJI,2BAA2B","sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { RunViewParams } from '@memberjunction/core';\n\n@Component({\n  standalone: false,\n  selector: 'mj-single-search-result',\n  templateUrl: './single-search-result.component.html',\n  styleUrls: ['./single-search-result.component.css']\n})\nexport class SingleSearchResultComponent {\n  @Input() public entity: string = '';\n  @Input() public searchInput: string = '';\n  @Output() public loadComplete: EventEmitter<any> = new EventEmitter<any>();\n  @Output() public loadStarted: EventEmitter<any> = new EventEmitter<any>();\n\n  public get params(): RunViewParams {\n    const p: RunViewParams = {\n      EntityName: this.entity,\n      ExtraFilter: \"ID IS NOT NULL\", // temporary hack as ExtraFilter is required for dynamic views\n      UserSearchString: this.searchInput,\n    }\n    return p;\n  }\n \n\n}\n","<div>\n    Needs to be implemented!\n</div>"]}
+{"version":3,"file":"single-search-result.component.js","sourceRoot":"","sources":["../../../src/lib/single-search-result/single-search-result.component.ts","../../../src/lib/single-search-result/single-search-result.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Input, Output, ChangeDetectorRef, OnChanges, SimpleChanges } from '@angular/core';\nimport { RunView, CompositeKey, EntityInfo, EntityFieldTSType, Metadata } from '@memberjunction/core';\nimport { NavigationService } from '@memberjunction/ng-shared';\nimport { DataLoadedEvent, RecordOpenedEvent, EntityViewerConfig, EntityViewMode, GridToolbarConfig } from '@memberjunction/ng-entity-viewer';\n\ntype SearchState = 'loading' | 'no-results' | 'single-result' | 'viewer';\n\n@Component({\n  standalone: false,\n  selector: 'mj-single-search-result',\n  templateUrl: './single-search-result.component.html',\n  styleUrls: ['./single-search-result.component.css']\n})\nexport class SingleSearchResultComponent implements OnChanges {\n  @Input() public entity: string = '';\n  @Input() public searchInput: string = '';\n  @Output() public loadComplete = new EventEmitter<boolean>();\n  @Output() public loadStarted = new EventEmitter<boolean>();\n\n  public SearchState: SearchState = 'loading';\n  public ResultCount = 0;\n  public EntityInfo: EntityInfo | null = null;\n  public CurrentViewMode: EntityViewMode = 'grid';\n\n  /** Whether the current entity has date fields (enables timeline view toggle) */\n  public get HasDateFields(): boolean {\n    if (!this.EntityInfo) return false;\n    return this.EntityInfo.Fields.some(f => f.TSType === EntityFieldTSType.Date);\n  }\n\n  /** Resolved icon class for the entity, matching Data Explorer's format */\n  public get EntityIcon(): string {\n    if (this.EntityInfo?.Icon) {\n      return this.formatEntityIcon(this.EntityInfo.Icon);\n    }\n    return 'fa-solid fa-table';\n  }\n\n  /** Configuration for the entity-viewer — matches the Data Explorer's setup */\n  public ViewerConfig: Partial<EntityViewerConfig> = {\n    showFilter: false,\n    showViewModeToggle: false,\n    showRecordCount: false,\n    showPagination: true,\n    serverSideFiltering: true,\n    serverSideSorting: true,\n    height: '100%'\n  };\n\n  /** Grid toolbar config — minimal action bar (no search, no column chooser) */\n  public GridToolbarConfig: Partial<GridToolbarConfig> = {\n    showSearch: false,\n    showRefresh: true,\n    showAdd: true,\n    showExport: true,\n    showDelete: false,\n    showColumnChooser: false,\n    showRowCount: false,\n    showSelectionCount: false\n  };\n\n  constructor(\n    private navigationService: NavigationService,\n    private cdr: ChangeDetectorRef\n  ) {}\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if ((changes['entity'] || changes['searchInput']) && this.entity && this.searchInput) {\n      this.ExecuteSearch();\n    }\n  }\n\n  /**\n   * Runs a lightweight pre-query (MaxRows: 2, PK fields only) to determine result count,\n   * then routes to the appropriate state: no-results, single-result auto-nav, or viewer.\n   */\n  private async ExecuteSearch(): Promise<void> {\n    this.SearchState = 'loading';\n    this.ResultCount = 0;\n    this.CurrentViewMode = 'grid';\n    this.loadStarted.emit(true);\n\n    // Resolve EntityInfo early so the header can show icon + display name during loading\n    const entityInfo = this.findEntityInfo();\n    this.EntityInfo = entityInfo ?? null;\n    this.cdr.detectChanges();\n\n    if (!entityInfo) {\n      this.setNoResults();\n      return;\n    }\n\n    const result = await this.runPreQuery(entityInfo);\n    if (!result.Success || result.Results.length === 0) {\n      this.setNoResults();\n      return;\n    }\n\n    if (result.Results.length === 1) {\n      this.navigateToSingleResult(entityInfo, result.Results[0]);\n      return;\n    }\n\n    // 2+ results — show the entity-viewer\n    this.SearchState = 'viewer';\n    this.cdr.detectChanges();\n  }\n\n  private findEntityInfo(): EntityInfo | undefined {\n    const md = new Metadata();\n    return md.Entities.find(e =>\n      e.Name.trim().toLowerCase() === this.entity.trim().toLowerCase()\n    );\n  }\n\n  private async runPreQuery(entityInfo: EntityInfo) {\n    const rv = new RunView();\n    const pkFields = entityInfo.PrimaryKeys.map(pk => pk.Name);\n    return rv.RunView<Record<string, unknown>>({\n      EntityName: this.entity,\n      ExtraFilter: 'ID IS NOT NULL',\n      UserSearchString: this.searchInput,\n      Fields: pkFields,\n      ResultType: 'simple',\n      MaxRows: 2,\n    });\n  }\n\n  private setNoResults(): void {\n    this.SearchState = 'no-results';\n    this.ResultCount = 0;\n    this.loadComplete.emit(true);\n    this.cdr.detectChanges();\n  }\n\n  private navigateToSingleResult(entityInfo: EntityInfo, record: Record<string, unknown>): void {\n    this.SearchState = 'single-result';\n    this.ResultCount = 1;\n    this.cdr.detectChanges();\n\n    const compositeKey = new CompositeKey();\n    compositeKey.LoadFromEntityInfoAndRecord(entityInfo, record);\n    this.navigationService.OpenEntityRecord(entityInfo.Name, compositeKey);\n    this.loadComplete.emit(true);\n  }\n\n  // ── Header action handlers ──\n\n  public SetViewMode(mode: EntityViewMode): void {\n    this.CurrentViewMode = mode;\n    this.cdr.detectChanges();\n  }\n\n  public OnViewModeChanged(mode: EntityViewMode): void {\n    this.CurrentViewMode = mode;\n    this.cdr.detectChanges();\n  }\n\n  public OnCreateNewRecord(): void {\n    if (this.EntityInfo) {\n      this.navigationService.OpenNewEntityRecord(this.EntityInfo.Name);\n    }\n  }\n\n  // ── Entity-viewer event handlers ──\n\n  public OnDataLoaded(event: DataLoadedEvent): void {\n    this.ResultCount = event.totalRowCount;\n    this.loadComplete.emit(true);\n    this.cdr.detectChanges();\n  }\n\n  public OnRecordOpened(event: RecordOpenedEvent): void {\n    this.navigationService.OpenEntityRecord(event.entity.Name, event.compositeKey);\n  }\n\n  /** Format entity icon to ensure proper Font Awesome class format */\n  private formatEntityIcon(icon: string): string {\n    if (!icon) {\n      return 'fa-solid fa-table';\n    }\n    if (icon.startsWith('fa-solid') || icon.startsWith('fa-regular') ||\n        icon.startsWith('fa-light') || icon.startsWith('fa-brands') ||\n        icon.startsWith('fa ')) {\n      return icon;\n    }\n    if (icon.startsWith('fa-')) {\n      return `fa-solid ${icon}`;\n    }\n    return `fa-solid fa-${icon}`;\n  }\n}\n","<div class=\"search-result-container\">\n  <!-- Content Header — matches Data Explorer layout -->\n  <div class=\"content-header\">\n    <div class=\"header-left\">\n      <i [class]=\"EntityIcon\" class=\"entity-icon\"></i>\n      <h2 class=\"entity-title\">{{ EntityInfo?.DisplayNameOrName || entity }}</h2>\n      @if (SearchState === 'loading') {\n        <span class=\"record-count\">Searching for \"{{ searchInput }}\"...</span>\n      } @else if (SearchState === 'no-results') {\n        <span class=\"record-count\">No results for \"{{ searchInput }}\"</span>\n      } @else if (ResultCount > 0) {\n        <span class=\"record-count\">{{ ResultCount | number }} {{ ResultCount === 1 ? 'result' : 'results' }} for \"{{ searchInput }}\"</span>\n      }\n    </div>\n\n    @if (SearchState === 'viewer' && EntityInfo) {\n      <div class=\"header-right\">\n        <!-- New Record -->\n        <button\n          class=\"header-action-btn\"\n          (click)=\"OnCreateNewRecord()\"\n          title=\"New Record\">\n          <i class=\"fa-solid fa-plus\"></i>\n        </button>\n\n        <!-- View Mode Toggle -->\n        <div class=\"view-mode-toggle\">\n          <button\n            class=\"toggle-btn\"\n            [class.active]=\"CurrentViewMode === 'grid'\"\n            (click)=\"SetViewMode('grid')\"\n            title=\"Grid View\">\n            <i class=\"fa-solid fa-list\"></i>\n          </button>\n          <button\n            class=\"toggle-btn\"\n            [class.active]=\"CurrentViewMode === 'cards'\"\n            (click)=\"SetViewMode('cards')\"\n            title=\"Cards View\">\n            <i class=\"fa-solid fa-grip\"></i>\n          </button>\n          @if (HasDateFields) {\n            <button\n              class=\"toggle-btn\"\n              [class.active]=\"CurrentViewMode === 'timeline'\"\n              (click)=\"SetViewMode('timeline')\"\n              title=\"Timeline View\">\n              <i class=\"fa-solid fa-timeline\"></i>\n            </button>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <!-- Loading state -->\n  @if (SearchState === 'loading') {\n    <div class=\"loading-container\">\n      <mj-loading text=\"Searching...\"></mj-loading>\n    </div>\n  }\n\n  <!-- No results -->\n  @if (SearchState === 'no-results') {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-magnifying-glass empty-icon\"></i>\n      <p>No results found for \"<strong>{{ searchInput }}</strong>\" in {{ entity }}</p>\n      <p class=\"empty-hint\">Try a different search term or entity</p>\n    </div>\n  }\n\n  <!-- Single result — auto-navigating to entity form -->\n  @if (SearchState === 'single-result') {\n    <div class=\"single-result-state\">\n      <i class=\"fa-solid fa-arrow-right redirect-icon\"></i>\n      <p>Found 1 result &mdash; opening record...</p>\n    </div>\n  }\n\n  <!-- Entity Viewer (2+ results) -->\n  @if (SearchState === 'viewer' && EntityInfo) {\n    <div class=\"viewer-container\">\n      <mj-entity-viewer\n        [entity]=\"EntityInfo\"\n        [viewMode]=\"CurrentViewMode\"\n        [filterText]=\"searchInput\"\n        [config]=\"ViewerConfig\"\n        [showGridToolbar]=\"true\"\n        [gridToolbarConfig]=\"GridToolbarConfig\"\n        (viewModeChange)=\"OnViewModeChanged($event)\"\n        (dataLoaded)=\"OnDataLoaded($event)\"\n        (recordOpened)=\"OnRecordOpened($event)\"\n        (addRequested)=\"OnCreateNewRecord()\">\n      </mj-entity-viewer>\n    </div>\n  }\n</div>\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-explorer-core",
-  "version": "5.5.0",
+  "version": "5.6.0",
   "description": "MemberJunction Explorer: Core Angular Components",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -30,39 +30,39 @@
     "@angular/cdk": "21.1.3",
     "@angular/platform-browser": "21.1.3",
     "@auth0/auth0-angular": "^2.6.0",
-    "@memberjunction/ai-core-plus": "5.5.0",
-    "@memberjunction/ai-engine-base": "5.5.0",
-    "@memberjunction/communication-types": "5.5.0",
-    "@memberjunction/core": "5.5.0",
-    "@memberjunction/core-entities": "5.5.0",
-    "@memberjunction/entity-communications-client": "5.5.0",
-    "@memberjunction/global": "5.5.0",
-    "@memberjunction/graphql-dataprovider": "5.5.0",
-    "@memberjunction/ng-ai-test-harness": "5.5.0",
-    "@memberjunction/ng-artifacts": "5.5.0",
-    "@memberjunction/ng-auth-services": "5.5.0",
-    "@memberjunction/ng-base-application": "5.5.0",
-    "@memberjunction/ng-base-forms": "5.5.0",
-    "@memberjunction/ng-container-directives": "5.5.0",
-    "@memberjunction/ng-conversations": "5.5.0",
-    "@memberjunction/ng-dashboards": "5.5.0",
-    "@memberjunction/ng-entity-form-dialog": "5.5.0",
-    "@memberjunction/ng-entity-permissions": "5.5.0",
-    "@memberjunction/ng-dashboard-viewer": "5.5.0",
-    "@memberjunction/ng-entity-viewer": "5.5.0",
-    "@memberjunction/ng-list-detail-grid": "5.5.0",
-    "@memberjunction/ng-explorer-settings": "5.5.0",
-    "@memberjunction/ng-file-storage": "5.5.0",
-    "@memberjunction/ng-generic-dialog": "5.5.0",
-    "@memberjunction/ng-notifications": "5.5.0",
-    "@memberjunction/ng-query-viewer": "5.5.0",
-    "@memberjunction/ng-record-changes": "5.5.0",
-    "@memberjunction/ng-record-selector": "5.5.0",
-    "@memberjunction/ng-resource-permissions": "5.5.0",
-    "@memberjunction/ng-shared": "5.5.0",
-    "@memberjunction/ng-shared-generic": "5.5.0",
-    "@memberjunction/ng-user-avatar": "5.5.0",
-    "@memberjunction/templates-base-types": "5.5.0",
+    "@memberjunction/ai-core-plus": "5.6.0",
+    "@memberjunction/ai-engine-base": "5.6.0",
+    "@memberjunction/communication-types": "5.6.0",
+    "@memberjunction/core": "5.6.0",
+    "@memberjunction/core-entities": "5.6.0",
+    "@memberjunction/entity-communications-client": "5.6.0",
+    "@memberjunction/global": "5.6.0",
+    "@memberjunction/graphql-dataprovider": "5.6.0",
+    "@memberjunction/ng-ai-test-harness": "5.6.0",
+    "@memberjunction/ng-artifacts": "5.6.0",
+    "@memberjunction/ng-auth-services": "5.6.0",
+    "@memberjunction/ng-base-application": "5.6.0",
+    "@memberjunction/ng-base-forms": "5.6.0",
+    "@memberjunction/ng-container-directives": "5.6.0",
+    "@memberjunction/ng-conversations": "5.6.0",
+    "@memberjunction/ng-dashboards": "5.6.0",
+    "@memberjunction/ng-entity-form-dialog": "5.6.0",
+    "@memberjunction/ng-entity-permissions": "5.6.0",
+    "@memberjunction/ng-dashboard-viewer": "5.6.0",
+    "@memberjunction/ng-entity-viewer": "5.6.0",
+    "@memberjunction/ng-list-detail-grid": "5.6.0",
+    "@memberjunction/ng-explorer-settings": "5.6.0",
+    "@memberjunction/ng-file-storage": "5.6.0",
+    "@memberjunction/ng-generic-dialog": "5.6.0",
+    "@memberjunction/ng-notifications": "5.6.0",
+    "@memberjunction/ng-query-viewer": "5.6.0",
+    "@memberjunction/ng-record-changes": "5.6.0",
+    "@memberjunction/ng-record-selector": "5.6.0",
+    "@memberjunction/ng-resource-permissions": "5.6.0",
+    "@memberjunction/ng-shared": "5.6.0",
+    "@memberjunction/ng-shared-generic": "5.6.0",
+    "@memberjunction/ng-user-avatar": "5.6.0",
+    "@memberjunction/templates-base-types": "5.6.0",
     "@progress/kendo-angular-buttons": "22.0.1",
     "@progress/kendo-angular-dateinputs": "22.0.1",
     "@progress/kendo-angular-dialog": "22.0.1",