@memberjunction/ng-search 5.47.0 → 5.48.0

package/dist/lib/search-suggest.component.js

@@ -11,23 +11,24 @@ import { UserInfoEngine } from '@memberjunction/core-entities';
 import { MJEventType, MJGlobal } from '@memberjunction/global';
 import * as i0 from "@angular/core";
 const _forTrack0 = ($index, $item) => $item.Query;
-const _forTrack1 = ($index, $item) => $item.ID;
+const _forTrack1 = ($index, $item) => $item.EntityName + $item.RecordID;
+const _forTrack2 = ($index, $item) => $item.ID;
 function SearchSuggestComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵelement(1, "i", 5);
+    i0.ɵɵelement(1, "i", 6);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "Searching...");
     i0.ɵɵelementEnd()();
 } }
 function SearchSuggestComponent_Conditional_0_Conditional_2_For_8_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵelementStart(0, "div", 11);
     i0.ɵɵlistener("mousedown", function SearchSuggestComponent_Conditional_0_Conditional_2_For_8_Template_div_mousedown_0_listener($event) { const recent_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); ctx_r1.OnRecentClick(recent_r4); return i0.ɵɵresetView($event.preventDefault()); })("mouseenter", function SearchSuggestComponent_Conditional_0_Conditional_2_For_8_Template_div_mouseenter_0_listener() { const ɵ$index_25_r5 = i0.ɵɵrestoreView(_r3).$index; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.HighlightedIndex = ɵ$index_25_r5); });
-    i0.ɵɵelement(1, "i", 11);
-    i0.ɵɵelementStart(2, "span", 12);
+    i0.ɵɵelement(1, "i", 12);
+    i0.ɵɵelementStart(2, "span", 13);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 13);
+    i0.ɵɵelementStart(4, "span", 14);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -42,73 +43,107 @@ function SearchSuggestComponent_Conditional_0_Conditional_2_For_8_Template(rf, c
 } }
 function SearchSuggestComponent_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 2)(1, "div", 6);
-    i0.ɵɵelement(2, "i", 7);
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 7);
+    i0.ɵɵelement(2, "i", 8);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "Recent Searches");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 8);
-    i0.ɵɵlistener("mousedown", function SearchSuggestComponent_Conditional_0_Conditional_2_Template_span_mousedown_5_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnClearRecentClick($event)); });
+    i0.ɵɵelementStart(5, "button", 9);
+    i0.ɵɵlistener("mousedown", function SearchSuggestComponent_Conditional_0_Conditional_2_Template_button_mousedown_5_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.preventDefault()); })("click", function SearchSuggestComponent_Conditional_0_Conditional_2_Template_button_click_5_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnClearRecentClick($event)); });
     i0.ɵɵtext(6, "Clear");
     i0.ɵɵelementEnd()();
-    i0.ɵɵrepeaterCreate(7, SearchSuggestComponent_Conditional_0_Conditional_2_For_8_Template, 6, 4, "div", 9, _forTrack0);
+    i0.ɵɵrepeaterCreate(7, SearchSuggestComponent_Conditional_0_Conditional_2_For_8_Template, 6, 4, "div", 10, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(7);
     i0.ɵɵrepeater(ctx_r1.VisibleRecentSearches);
 } }
-function SearchSuggestComponent_Conditional_0_Conditional_3_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
+function SearchSuggestComponent_Conditional_0_Conditional_3_For_6_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 16);
-    i0.ɵɵlistener("mousedown", function SearchSuggestComponent_Conditional_0_Conditional_3_Conditional_0_For_2_Template_div_mousedown_0_listener($event) { const result_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); ctx_r1.OnResultClick(result_r7); return i0.ɵɵresetView($event.preventDefault()); })("mouseenter", function SearchSuggestComponent_Conditional_0_Conditional_3_Conditional_0_For_2_Template_div_mouseenter_0_listener() { const ɵ$index_40_r8 = i0.ɵɵrestoreView(_r6).$index; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.HighlightedIndex = (ctx_r1.showRecentSection ? ctx_r1.VisibleRecentSearches.length : 0) + ɵ$index_40_r8); });
-    i0.ɵɵelementStart(1, "div", 17);
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵlistener("mousedown", function SearchSuggestComponent_Conditional_0_Conditional_3_For_6_Template_div_mousedown_0_listener($event) { const record_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); ctx_r1.OnRecentRecordClick(record_r7); return i0.ɵɵresetView($event.preventDefault()); })("mouseenter", function SearchSuggestComponent_Conditional_0_Conditional_3_For_6_Template_div_mouseenter_0_listener() { const ɵ$index_46_r8 = i0.ɵɵrestoreView(_r6).$index; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.HighlightedIndex = (ctx_r1.showRecentSection ? ctx_r1.VisibleRecentSearches.length : 0) + ɵ$index_46_r8); });
+    i0.ɵɵelement(1, "i", 16);
+    i0.ɵɵelementStart(2, "span", 13);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 14);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const record_r7 = ctx.$implicit;
+    const ɵ$index_46_r8 = ctx.$index;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("suggest-item-highlighted", ctx_r1.IsHighlighted((ctx_r1.showRecentSection ? ctx_r1.VisibleRecentSearches.length : 0) + ɵ$index_46_r8));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(record_r7.RecordName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(record_r7.EntityName);
+} }
+function SearchSuggestComponent_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 7);
+    i0.ɵɵelement(2, "i", 15);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, "Recently Opened");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵrepeaterCreate(5, SearchSuggestComponent_Conditional_0_Conditional_3_For_6_Template, 6, 4, "div", 10, _forTrack1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵrepeater(ctx_r1.VisibleRecentRecords);
+} }
+function SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 19);
+    i0.ɵɵlistener("mousedown", function SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_0_For_2_Template_div_mousedown_0_listener($event) { const result_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); ctx_r1.OnResultClick(result_r10); return i0.ɵɵresetView($event.preventDefault()); })("mouseenter", function SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_0_For_2_Template_div_mouseenter_0_listener() { const ɵ$index_61_r11 = i0.ɵɵrestoreView(_r9).$index; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.HighlightedIndex = (ctx_r1.showRecentSection ? ctx_r1.VisibleRecentSearches.length : 0) + ɵ$index_61_r11); });
+    i0.ɵɵelementStart(1, "div", 20);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 18)(4, "div", 19);
+    i0.ɵɵelementStart(3, "div", 21)(4, "div", 22);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 20);
+    i0.ɵɵelementStart(6, "div", 23);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "span", 21);
+    i0.ɵɵelementStart(8, "span", 24);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const result_r7 = ctx.$implicit;
-    const ɵ$index_40_r8 = ctx.$index;
+    const result_r10 = ctx.$implicit;
+    const ɵ$index_61_r11 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("suggest-item-highlighted", ctx_r1.IsHighlighted((ctx_r1.showRecentSection ? ctx_r1.VisibleRecentSearches.length : 0) + ɵ$index_40_r8));
+    i0.ɵɵclassProp("suggest-item-highlighted", ctx_r1.IsHighlighted((ctx_r1.showRecentSection ? ctx_r1.VisibleRecentSearches.length : 0) + ɵ$index_61_r11));
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(result_r7.EntityIcon || result_r7.SourceIcon || "fa-solid fa-database");
+    i0.ɵɵclassMap(result_r10.EntityIcon || result_r10.SourceIcon || "fa-solid fa-database");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(result_r7.RecordName || result_r7.Title);
+    i0.ɵɵtextInterpolate(result_r10.RecordName || result_r10.Title);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(result_r7.EntityName);
+    i0.ɵɵtextInterpolate(result_r10.EntityName);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap("suggest-result-score " + ctx_r1.GetScoreClass(result_r7.Score));
+    i0.ɵɵclassMap("suggest-result-score " + ctx_r1.GetScoreClass(result_r10.Score));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.FormatScore(result_r7.Score));
+    i0.ɵɵtextInterpolate(ctx_r1.FormatScore(result_r10.Score));
 } }
-function SearchSuggestComponent_Conditional_0_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵrepeaterCreate(1, SearchSuggestComponent_Conditional_0_Conditional_3_Conditional_0_For_2_Template, 10, 9, "div", 15, _forTrack1);
+    i0.ɵɵrepeaterCreate(1, SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_0_For_2_Template, 10, 9, "div", 18, _forTrack2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r1.VisiblePreviewResults);
 } }
-function SearchSuggestComponent_Conditional_0_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 4)(1, "span");
     i0.ɵɵtext(2, "No results found");
     i0.ɵɵelementEnd()();
 } }
-function SearchSuggestComponent_Conditional_0_Conditional_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 22);
-    i0.ɵɵlistener("mousedown", function SearchSuggestComponent_Conditional_0_Conditional_3_Conditional_2_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); ctx_r1.OnSeeAllClick(); return i0.ɵɵresetView($event.preventDefault()); })("mouseenter", function SearchSuggestComponent_Conditional_0_Conditional_3_Conditional_2_Template_div_mouseenter_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.HighlightedIndex = (ctx_r1.showRecentSection ? ctx_r1.VisibleRecentSearches.length : 0) + ctx_r1.VisiblePreviewResults.length); });
-    i0.ɵɵelement(1, "i", 23);
+function SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 25);
+    i0.ɵɵlistener("mousedown", function SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_2_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(3); ctx_r1.OnSeeAllClick(); return i0.ɵɵresetView($event.preventDefault()); })("mouseenter", function SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_2_Template_div_mouseenter_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.HighlightedIndex = (ctx_r1.showRecentSection ? ctx_r1.VisibleRecentSearches.length : 0) + ctx_r1.VisiblePreviewResults.length); });
+    i0.ɵɵelement(1, "i", 26);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -118,67 +153,67 @@ function SearchSuggestComponent_Conditional_0_Conditional_3_Conditional_2_Templa
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1("See all ", ctx_r1.TotalCount, " results");
 } }
-function SearchSuggestComponent_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SearchSuggestComponent_Conditional_0_Conditional_3_Conditional_0_Template, 3, 0, "div", 2)(1, SearchSuggestComponent_Conditional_0_Conditional_3_Conditional_1_Template, 3, 0, "div", 4);
-    i0.ɵɵconditionalCreate(2, SearchSuggestComponent_Conditional_0_Conditional_3_Conditional_2_Template, 4, 3, "div", 14);
+function SearchSuggestComponent_Conditional_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_0_Template, 3, 0, "div", 2)(1, SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_1_Template, 3, 0, "div", 4);
+    i0.ɵɵconditionalCreate(2, SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_2_Template, 4, 3, "div", 17);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵconditional(ctx_r1.VisiblePreviewResults.length > 0 ? 0 : !ctx_r1.IsLoading ? 1 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.showSeeAllFooter ? 2 : -1);
 } }
-function SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function SearchSuggestComponent_Conditional_0_Conditional_5_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵtextInterpolate1(" Min relevance: ", ctx_r1.MinRelevancePercent, "% ");
 } }
-function SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function SearchSuggestComponent_Conditional_0_Conditional_5_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Showing all results ");
 } }
-function SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_7_For_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 32);
+function SearchSuggestComponent_Conditional_0_Conditional_5_Conditional_7_For_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 35);
 } }
-function SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_7_For_4_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 31);
-    i0.ɵɵlistener("mousedown", function SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_7_For_4_Template_div_mousedown_0_listener($event) { const option_r12 = i0.ɵɵrestoreView(_r11).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SetMinRelevance(option_r12, $event)); });
+function SearchSuggestComponent_Conditional_0_Conditional_5_Conditional_7_For_4_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 34);
+    i0.ɵɵlistener("mousedown", function SearchSuggestComponent_Conditional_0_Conditional_5_Conditional_7_For_4_Template_div_mousedown_0_listener($event) { const option_r15 = i0.ɵɵrestoreView(_r14).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SetMinRelevance(option_r15, $event)); });
     i0.ɵɵelementStart(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_7_For_4_Conditional_3_Template, 1, 0, "i", 32);
+    i0.ɵɵconditionalCreate(3, SearchSuggestComponent_Conditional_0_Conditional_5_Conditional_7_For_4_Conditional_3_Template, 1, 0, "i", 35);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const option_r12 = ctx.$implicit;
+    const option_r15 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("suggest-filter-option-active", ctx_r1.IsSelectedRelevance(option_r12));
+    i0.ɵɵclassProp("suggest-filter-option-active", ctx_r1.IsSelectedRelevance(option_r15));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatRelevanceOption(option_r12));
+    i0.ɵɵtextInterpolate(ctx_r1.FormatRelevanceOption(option_r15));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsSelectedRelevance(option_r12) ? 3 : -1);
+    i0.ɵɵconditional(ctx_r1.IsSelectedRelevance(option_r15) ? 3 : -1);
 } }
-function SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 28)(1, "div", 29);
+function SearchSuggestComponent_Conditional_0_Conditional_5_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 31)(1, "div", 32);
     i0.ɵɵtext(2, "Min Relevance");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_7_For_4_Template, 4, 4, "div", 30, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(3, SearchSuggestComponent_Conditional_0_Conditional_5_Conditional_7_For_4_Template, 4, 4, "div", 33, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r1.MinRelevanceOptions);
 } }
-function SearchSuggestComponent_Conditional_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 3)(1, "div", 24);
-    i0.ɵɵlistener("mousedown", function SearchSuggestComponent_Conditional_0_Conditional_4_Template_div_mousedown_1_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ToggleFilter($event)); });
-    i0.ɵɵelement(2, "i", 25);
-    i0.ɵɵelementStart(3, "span", 26);
-    i0.ɵɵconditionalCreate(4, SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_4_Template, 1, 1)(5, SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_5_Template, 1, 0);
+function SearchSuggestComponent_Conditional_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 3)(1, "div", 27);
+    i0.ɵɵlistener("mousedown", function SearchSuggestComponent_Conditional_0_Conditional_5_Template_div_mousedown_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ToggleFilter($event)); });
+    i0.ɵɵelement(2, "i", 28);
+    i0.ɵɵelementStart(3, "span", 29);
+    i0.ɵɵconditionalCreate(4, SearchSuggestComponent_Conditional_0_Conditional_5_Conditional_4_Template, 1, 1)(5, SearchSuggestComponent_Conditional_0_Conditional_5_Conditional_5_Template, 1, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(6, "i", 27);
+    i0.ɵɵelement(6, "i", 30);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, SearchSuggestComponent_Conditional_0_Conditional_4_Conditional_7_Template, 5, 0, "div", 28);
+    i0.ɵɵconditionalCreate(7, SearchSuggestComponent_Conditional_0_Conditional_5_Conditional_7_Template, 5, 0, "div", 31);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -189,7 +224,7 @@ function SearchSuggestComponent_Conditional_0_Conditional_4_Template(rf, ctx) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.IsFilterOpen ? 7 : -1);
 } }
-function SearchSuggestComponent_Conditional_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function SearchSuggestComponent_Conditional_0_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 4)(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
@@ -198,13 +233,37 @@ function SearchSuggestComponent_Conditional_0_Conditional_5_Template(rf, ctx) {
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("Type at least ", ctx_r1.MinQueryLength, " characters to search");
 } }
+function SearchSuggestComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵelement(1, "i", 36);
+    i0.ɵɵelementStart(2, "span", 37);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 38);
+    i0.ɵɵlistener("mousedown", function SearchSuggestComponent_Conditional_0_Conditional_7_Template_button_mousedown_4_listener($event) { i0.ɵɵrestoreView(_r16); return i0.ɵɵresetView($event.preventDefault()); })("click", function SearchSuggestComponent_Conditional_0_Conditional_7_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnPromoAccept()); });
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 39);
+    i0.ɵɵlistener("mousedown", function SearchSuggestComponent_Conditional_0_Conditional_7_Template_button_mousedown_6_listener($event) { i0.ɵɵrestoreView(_r16); return i0.ɵɵresetView($event.preventDefault()); })("click", function SearchSuggestComponent_Conditional_0_Conditional_7_Template_button_click_6_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.OnPromoDismiss(); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(7, "i", 40);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.PromoText);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.PromoActionLabel);
+} }
 function SearchSuggestComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0);
     i0.ɵɵconditionalCreate(1, SearchSuggestComponent_Conditional_0_Conditional_1_Template, 4, 0, "div", 1);
     i0.ɵɵconditionalCreate(2, SearchSuggestComponent_Conditional_0_Conditional_2_Template, 9, 0, "div", 2);
-    i0.ɵɵconditionalCreate(3, SearchSuggestComponent_Conditional_0_Conditional_3_Template, 3, 2);
-    i0.ɵɵconditionalCreate(4, SearchSuggestComponent_Conditional_0_Conditional_4_Template, 8, 4, "div", 3);
-    i0.ɵɵconditionalCreate(5, SearchSuggestComponent_Conditional_0_Conditional_5_Template, 3, 1, "div", 4);
+    i0.ɵɵconditionalCreate(3, SearchSuggestComponent_Conditional_0_Conditional_3_Template, 7, 0, "div", 2);
+    i0.ɵɵconditionalCreate(4, SearchSuggestComponent_Conditional_0_Conditional_4_Template, 3, 2);
+    i0.ɵɵconditionalCreate(5, SearchSuggestComponent_Conditional_0_Conditional_5_Template, 8, 4, "div", 3);
+    i0.ɵɵconditionalCreate(6, SearchSuggestComponent_Conditional_0_Conditional_6_Template, 3, 1, "div", 4);
+    i0.ɵɵconditionalCreate(7, SearchSuggestComponent_Conditional_0_Conditional_7_Template, 8, 2, "div", 5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -213,11 +272,15 @@ function SearchSuggestComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.showRecentSection ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.showPreviewSection && !ctx_r1.IsLoading ? 3 : -1);
+    i0.ɵɵconditional(ctx_r1.showRecentRecordsSection ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.showPreviewSection && !ctx_r1.IsLoading ? 4 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.showPreviewSection ? 4 : -1);
+    i0.ɵɵconditional(ctx_r1.showPreviewSection ? 5 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r1.showRecentSection && !ctx_r1.showPreviewSection ? 5 : -1);
+    i0.ɵɵconditional(!ctx_r1.showRecentSection && !ctx_r1.showRecentRecordsSection && !ctx_r1.showPreviewSection ? 6 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ShowPromo && ctx_r1.PromoText ? 7 : -1);
 } }
 /** User setting key for persisting the preview min relevance threshold */
 const PREVIEW_MIN_RELEVANCE_KEY = 'search.previewMinRelevance';
@@ -244,6 +307,24 @@ export class SearchSuggestComponent {
     MaxPreviewResults = 8;
     /** Whether to show the recent searches section */
     ShowRecent = true;
+    /**
+     * Recently opened records (host-loaded, e.g. from SearchService
+     * .GetRecentlyOpenedRecords). Rendered as a "Recently Opened" section in
+     * the idle/empty state so users can jump straight back to a record they
+     * just had open — the complement to Recent Searches (queries).
+     */
+    RecentRecords = [];
+    /**
+     * Optional promo row pinned to the dropdown's bottom edge — a host-supplied
+     * nudge (e.g. Explorer advertising its command palette). The component is
+     * deliberately ignorant of WHAT is being promoted; the host provides the
+     * copy and handles both outcomes.
+     */
+    ShowPromo = false;
+    /** Promo copy (one sentence). Required when ShowPromo is true. */
+    PromoText = '';
+    /** Label for the promo's accept action. */
+    PromoActionLabel = 'Turn on';
     // --- Outputs ---
     /** Emitted when the user selects a preview result */
     ResultSelected = new EventEmitter();
@@ -253,6 +334,12 @@ export class SearchSuggestComponent {
     SeeAllRequested = new EventEmitter();
     /** Emitted when the user clicks "Clear" on recent searches */
     ClearRecentRequested = new EventEmitter();
+    /** Emitted when the user selects a recently opened record */
+    RecentRecordSelected = new EventEmitter();
+    /** Promo accept — carries the current query so the host can hand it off. */
+    PromoAccepted = new EventEmitter();
+    /** Promo dismissed — the host should persist this and stop showing it. */
+    PromoDismissed = new EventEmitter();
     // --- Internal state ---
     /** Currently keyboard-highlighted index (-1 for none) */
     HighlightedIndex = -1;
@@ -301,6 +388,16 @@ export class SearchSuggestComponent {
                 return;
             }
         }
+        if (this.showRecentRecordsSection) {
+            // Navigating recently opened records (indexes continue after recents)
+            const offset = this.showRecentSection ? this.VisibleRecentSearches.length : 0;
+            const recordIndex = this.HighlightedIndex - offset;
+            const visibleRecords = this.VisibleRecentRecords;
+            if (recordIndex >= 0 && recordIndex < visibleRecords.length) {
+                this.OnRecentRecordClick(visibleRecords[recordIndex]);
+                return;
+            }
+        }
         if (this.showPreviewSection) {
             // Navigating preview results
             const offset = this.showRecentSection ? this.VisibleRecentSearches.length : 0;
@@ -320,6 +417,12 @@ export class SearchSuggestComponent {
     ResetHighlight() {
         this.HighlightedIndex = -1;
     }
+    /** Number of keyboard-navigable rows currently visible (recents + recently
+        opened + preview results + see-all). Public so the composite's Tab
+        handling knows when the highlight has walked off the end of the list. */
+    get NavigableItemCount() {
+        return this.getNavigableItemCount();
+    }
     // --- Template getters ---
     /** Whether to show recent searches section */
     get showRecentSection() {
@@ -329,6 +432,14 @@ export class SearchSuggestComponent {
     get showPreviewSection() {
         return this.Query.length >= this.MinQueryLength;
     }
+    /** Whether to show the recently-opened-records section (idle state only) */
+    get showRecentRecordsSection() {
+        return this.Query.length < this.MinQueryLength && this.RecentRecords.length > 0;
+    }
+    /** Visible recently opened records (capped at 3) */
+    get VisibleRecentRecords() {
+        return this.RecentRecords.slice(0, 3);
+    }
     /** Whether to show the "See all N results" footer */
     get showSeeAllFooter() {
         return this.showPreviewSection && this.TotalCount > 0;
@@ -354,14 +465,27 @@ export class SearchSuggestComponent {
     OnRecentClick(recent) {
         this.RecentSelected.emit(recent.Query);
     }
+    /** Handle clicking a recently opened record */
+    OnRecentRecordClick(record) {
+        this.RecentRecordSelected.emit(record);
+    }
     /** Handle clicking "See all" */
     OnSeeAllClick() {
         this.SeeAllRequested.emit(this.Query);
     }
-    /** Handle clicking "Clear" on recent searches */
+    /** Promo accept — fired on click so keyboard Enter/Space work too; the
+        template's mousedown-preventDefault keeps the input from blurring first. */
+    OnPromoAccept() {
+        this.PromoAccepted.emit(this.Query);
+    }
+    /** Promo dismiss. */
+    OnPromoDismiss() {
+        this.PromoDismissed.emit();
+    }
+    /** "Clear" on recent searches — click-driven so keyboard Enter/Space work;
+        the template's mousedown-preventDefault keeps the input from blurring. */
     OnClearRecentClick(event) {
         event.stopPropagation();
-        event.preventDefault();
         this.ClearRecentRequested.emit();
     }
     /** Check if an item at the given index is highlighted */
@@ -410,6 +534,9 @@ export class SearchSuggestComponent {
         if (this.showRecentSection) {
             count += this.VisibleRecentSearches.length;
         }
+        if (this.showRecentRecordsSection) {
+            count += this.VisibleRecentRecords.length;
+        }
         if (this.showPreviewSection) {
             count += this.VisiblePreviewResults.length;
             if (this.showSeeAllFooter) {
@@ -451,15 +578,15 @@ export class SearchSuggestComponent {
         }
     }
     static ɵfac = function SearchSuggestComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SearchSuggestComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchSuggestComponent, selectors: [["mj-search-suggest"]], inputs: { IsOpen: "IsOpen", PreviewResults: "PreviewResults", RecentSearches: "RecentSearches", TotalCount: "TotalCount", IsLoading: "IsLoading", Query: "Query", MinQueryLength: "MinQueryLength", MaxPreviewResults: "MaxPreviewResults", ShowRecent: "ShowRecent" }, outputs: { ResultSelected: "ResultSelected", RecentSelected: "RecentSelected", SeeAllRequested: "SeeAllRequested", ClearRecentRequested: "ClearRecentRequested" }, standalone: false, decls: 1, vars: 1, consts: [[1, "suggest-dropdown"], [1, "suggest-loading"], [1, "suggest-section"], [1, "suggest-filter-bar"], [1, "suggest-empty"], [1, "fa-solid", "fa-spinner", "fa-spin", "suggest-loading-icon"], [1, "suggest-section-header"], [1, "fa-solid", "fa-clock", "suggest-section-icon"], [1, "suggest-clear-link", 3, "mousedown"], [1, "suggest-item", "suggest-recent-item", 3, "suggest-item-highlighted"], [1, "suggest-item", "suggest-recent-item", 3, "mousedown", "mouseenter"], [1, "fa-solid", "fa-clock", "suggest-item-icon"], [1, "suggest-item-text"], [1, "suggest-item-meta"], [1, "suggest-see-all", 3, "suggest-item-highlighted"], [1, "suggest-item", "suggest-result-item", 3, "suggest-item-highlighted"], [1, "suggest-item", "suggest-result-item", 3, "mousedown", "mouseenter"], [1, "suggest-result-icon"], [1, "suggest-result-body"], [1, "suggest-result-title"], [1, "suggest-result-entity"], [1, "suggest-result-score"], [1, "suggest-see-all", 3, "mousedown", "mouseenter"], [1, "fa-solid", "fa-arrow-right", "suggest-see-all-icon"], [1, "suggest-filter-toggle", 3, "mousedown"], [1, "fa-solid", "fa-sliders", "suggest-filter-icon"], [1, "suggest-filter-label"], [1, "fa-solid", "fa-chevron-down", "suggest-filter-chevron"], [1, "suggest-filter-popover"], [1, "suggest-filter-popover-header"], [1, "suggest-filter-option", 3, "suggest-filter-option-active"], [1, "suggest-filter-option", 3, "mousedown"], [1, "fa-solid", "fa-check", "suggest-filter-check"]], template: function SearchSuggestComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, SearchSuggestComponent_Conditional_0_Template, 6, 5, "div", 0);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchSuggestComponent, selectors: [["mj-search-suggest"]], inputs: { IsOpen: "IsOpen", PreviewResults: "PreviewResults", RecentSearches: "RecentSearches", TotalCount: "TotalCount", IsLoading: "IsLoading", Query: "Query", MinQueryLength: "MinQueryLength", MaxPreviewResults: "MaxPreviewResults", ShowRecent: "ShowRecent", RecentRecords: "RecentRecords", ShowPromo: "ShowPromo", PromoText: "PromoText", PromoActionLabel: "PromoActionLabel" }, outputs: { ResultSelected: "ResultSelected", RecentSelected: "RecentSelected", SeeAllRequested: "SeeAllRequested", ClearRecentRequested: "ClearRecentRequested", RecentRecordSelected: "RecentRecordSelected", PromoAccepted: "PromoAccepted", PromoDismissed: "PromoDismissed" }, standalone: false, decls: 1, vars: 1, consts: [[1, "suggest-dropdown"], [1, "suggest-loading"], [1, "suggest-section"], [1, "suggest-filter-bar"], [1, "suggest-empty"], [1, "suggest-promo"], [1, "fa-solid", "fa-spinner", "fa-spin", "suggest-loading-icon"], [1, "suggest-section-header"], [1, "fa-solid", "fa-clock", "suggest-section-icon"], ["type", "button", "aria-label", "Clear recent searches", 1, "suggest-clear-link", 3, "mousedown", "click"], [1, "suggest-item", "suggest-recent-item", 3, "suggest-item-highlighted"], [1, "suggest-item", "suggest-recent-item", 3, "mousedown", "mouseenter"], [1, "fa-solid", "fa-clock", "suggest-item-icon"], [1, "suggest-item-text"], [1, "suggest-item-meta"], [1, "fa-solid", "fa-clock-rotate-left", "suggest-section-icon"], [1, "fa-solid", "fa-file-lines", "suggest-item-icon"], [1, "suggest-see-all", 3, "suggest-item-highlighted"], [1, "suggest-item", "suggest-result-item", 3, "suggest-item-highlighted"], [1, "suggest-item", "suggest-result-item", 3, "mousedown", "mouseenter"], [1, "suggest-result-icon"], [1, "suggest-result-body"], [1, "suggest-result-title"], [1, "suggest-result-entity"], [1, "suggest-result-score"], [1, "suggest-see-all", 3, "mousedown", "mouseenter"], [1, "fa-solid", "fa-arrow-right", "suggest-see-all-icon"], [1, "suggest-filter-toggle", 3, "mousedown"], [1, "fa-solid", "fa-sliders", "suggest-filter-icon"], [1, "suggest-filter-label"], [1, "fa-solid", "fa-chevron-down", "suggest-filter-chevron"], [1, "suggest-filter-popover"], [1, "suggest-filter-popover-header"], [1, "suggest-filter-option", 3, "suggest-filter-option-active"], [1, "suggest-filter-option", 3, "mousedown"], [1, "fa-solid", "fa-check", "suggest-filter-check"], [1, "fa-solid", "fa-wand-magic-sparkles", "suggest-promo-icon"], [1, "suggest-promo-text"], ["type", "button", 1, "suggest-promo-action", 3, "mousedown", "click"], ["type", "button", "aria-label", "Dismiss", "title", "Dismiss", 1, "suggest-promo-dismiss", 3, "mousedown", "click"], [1, "fa-solid", "fa-xmark"]], template: function SearchSuggestComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, SearchSuggestComponent_Conditional_0_Template, 8, 7, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.IsOpen ? 0 : -1);
-        } }, styles: ["\n\n\n.suggest-dropdown[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    right: 0;\n    z-index: 99999;\n    margin-top: 4px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    background: var(--mj-bg-surface);\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);\n    overflow: visible;\n    animation: _ngcontent-%COMP%_suggestSlideIn 0.15s ease;\n}\n\n@keyframes _ngcontent-%COMP%_suggestSlideIn {\n    from {\n        opacity: 0;\n        transform: translateY(-4px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\n\n.suggest-section[_ngcontent-%COMP%] {\n    padding: 0.25rem 0;\n}\n\n.suggest-section[_ngcontent-%COMP%]    + .suggest-section[_ngcontent-%COMP%] {\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.suggest-section-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.4rem;\n    padding: 0.5rem 0.75rem 0.3rem;\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.suggest-section-icon[_ngcontent-%COMP%] {\n    font-size: 0.65rem;\n}\n\n.suggest-clear-link[_ngcontent-%COMP%] {\n    margin-left: auto;\n    font-size: 0.68rem;\n    font-weight: 500;\n    color: var(--mj-text-link, var(--mj-brand-primary));\n    cursor: pointer;\n    text-transform: none;\n    letter-spacing: normal;\n}\n\n.suggest-clear-link[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n\n\n.suggest-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.6rem;\n    padding: 0.45rem 0.75rem;\n    cursor: pointer;\n    transition: background 0.08s ease;\n}\n\n.suggest-item[_ngcontent-%COMP%]:hover, \n.suggest-item-highlighted[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-hover);\n}\n\n.suggest-item-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    width: 1rem;\n    text-align: center;\n    flex-shrink: 0;\n}\n\n.suggest-item-text[_ngcontent-%COMP%] {\n    flex: 1;\n    font-size: 0.85rem;\n    color: var(--mj-text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.suggest-item-meta[_ngcontent-%COMP%] {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n}\n\n\n\n.suggest-result-item[_ngcontent-%COMP%] {\n    gap: 0.65rem;\n}\n\n.suggest-result-icon[_ngcontent-%COMP%] {\n    width: 1.75rem;\n    height: 1.75rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.suggest-result-body[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.suggest-result-title[_ngcontent-%COMP%] {\n    font-size: 0.85rem;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.suggest-result-entity[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n}\n\n\n\n.suggest-result-score[_ngcontent-%COMP%] {\n    font-size: 0.68rem;\n    font-weight: 600;\n    padding: 0.1rem 0.4rem;\n    border-radius: 9999px;\n    flex-shrink: 0;\n    \n\n    color: var(--mj-text-muted);\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, var(--mj-bg-surface));\n}\n\n\n\n.suggest-score-high[_ngcontent-%COMP%] {\n    color: var(--mj-status-success-text, var(--mj-status-success));\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n}\n\n\n\n.suggest-score-medium[_ngcontent-%COMP%] {\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n}\n\n\n\n.suggest-score-low[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, var(--mj-bg-surface));\n}\n\n\n\n.suggest-loading[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    padding: 0.85rem 0.75rem;\n    color: var(--mj-text-muted);\n    font-size: 0.82rem;\n}\n\n.suggest-loading-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n\n\n.suggest-empty[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1rem 0.75rem;\n    color: var(--mj-text-muted);\n    font-size: 0.82rem;\n}\n\n\n\n.suggest-see-all[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.55rem 0.75rem;\n    border-top: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    color: var(--mj-brand-primary);\n    font-size: 0.82rem;\n    font-weight: 500;\n    transition: background 0.08s ease;\n}\n\n.suggest-see-all[_ngcontent-%COMP%]:hover, \n.suggest-see-all.suggest-item-highlighted[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-hover);\n}\n\n.suggest-see-all-icon[_ngcontent-%COMP%] {\n    font-size: 0.72rem;\n}\n\n\n\n.suggest-filter-bar[_ngcontent-%COMP%] {\n    position: relative;\n    border-top: 1px solid var(--mj-border-subtle);\n    padding: 0.35rem 0.75rem;\n}\n\n.suggest-filter-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.4rem;\n    cursor: pointer;\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    transition: color 0.1s ease;\n    user-select: none;\n}\n\n.suggest-filter-toggle[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-secondary);\n}\n\n.suggest-filter-icon[_ngcontent-%COMP%] {\n    font-size: 0.65rem;\n}\n\n.suggest-filter-label[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.suggest-filter-chevron[_ngcontent-%COMP%] {\n    font-size: 0.55rem;\n    transition: transform 0.15s ease;\n}\n\n.suggest-filter-chevron-open[_ngcontent-%COMP%] {\n    transform: rotate(180deg);\n}\n\n\n\n.suggest-filter-popover[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 100%;\n    left: 0.5rem;\n    right: 0.5rem;\n    margin-top: 4px;\n    background: var(--mj-bg-surface-elevated, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n    overflow: hidden;\n    z-index: 10;\n    animation: _ngcontent-%COMP%_suggestSlideIn 0.12s ease;\n}\n\n.suggest-filter-popover-header[_ngcontent-%COMP%] {\n    padding: 0.4rem 0.6rem 0.25rem;\n    font-size: 0.65rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.suggest-filter-option[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.35rem 0.6rem;\n    cursor: pointer;\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    transition: background 0.08s ease;\n}\n\n.suggest-filter-option[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.suggest-filter-option-active[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.suggest-filter-check[_ngcontent-%COMP%] {\n    font-size: 0.65rem;\n    color: var(--mj-brand-primary);\n}"] });
+        } }, styles: ["\n\n\n.suggest-dropdown[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    right: 0;\n    z-index: 99999;\n    margin-top: 4px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    background: var(--mj-bg-surface);\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);\n    overflow: visible;\n    animation: _ngcontent-%COMP%_suggestSlideIn 0.15s ease;\n}\n\n@keyframes _ngcontent-%COMP%_suggestSlideIn {\n    from {\n        opacity: 0;\n        transform: translateY(-4px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\n\n.suggest-section[_ngcontent-%COMP%] {\n    padding: 0.25rem 0;\n}\n\n.suggest-section[_ngcontent-%COMP%]    + .suggest-section[_ngcontent-%COMP%] {\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.suggest-section-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.4rem;\n    padding: 0.5rem 0.75rem 0.3rem;\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.suggest-section-icon[_ngcontent-%COMP%] {\n    font-size: 0.65rem;\n}\n\n.suggest-clear-link[_ngcontent-%COMP%] {\n    margin-left: auto;\n    padding: 0;\n    border: none;\n    background: transparent;\n    font-family: inherit;\n    font-size: 0.68rem;\n    font-weight: var(--mj-font-medium);\n    color: var(--mj-text-link, var(--mj-brand-primary));\n    cursor: pointer;\n    text-transform: none;\n    letter-spacing: normal;\n}\n\n.suggest-clear-link[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.suggest-clear-link[_ngcontent-%COMP%]:focus-visible {\n    outline: 2px solid var(--mj-border-focus);\n    outline-offset: 2px;\n    border-radius: var(--mj-radius-sm);\n}\n\n\n\n.suggest-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.6rem;\n    padding: 0.45rem 0.75rem;\n    cursor: pointer;\n    transition: background 0.08s ease;\n}\n\n.suggest-item[_ngcontent-%COMP%]:hover, \n.suggest-item-highlighted[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-hover);\n}\n\n.suggest-item-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    width: 1rem;\n    text-align: center;\n    flex-shrink: 0;\n}\n\n.suggest-item-text[_ngcontent-%COMP%] {\n    flex: 1;\n    font-size: 0.85rem;\n    color: var(--mj-text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.suggest-item-meta[_ngcontent-%COMP%] {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n}\n\n\n\n.suggest-result-item[_ngcontent-%COMP%] {\n    gap: 0.65rem;\n}\n\n.suggest-result-icon[_ngcontent-%COMP%] {\n    width: 1.75rem;\n    height: 1.75rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.suggest-result-body[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.suggest-result-title[_ngcontent-%COMP%] {\n    font-size: 0.85rem;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.suggest-result-entity[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n}\n\n\n\n.suggest-result-score[_ngcontent-%COMP%] {\n    font-size: 0.68rem;\n    font-weight: 600;\n    padding: 0.1rem 0.4rem;\n    border-radius: 9999px;\n    flex-shrink: 0;\n    \n\n    color: var(--mj-text-muted);\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, var(--mj-bg-surface));\n}\n\n\n\n.suggest-score-high[_ngcontent-%COMP%] {\n    color: var(--mj-status-success-text, var(--mj-status-success));\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n}\n\n\n\n.suggest-score-medium[_ngcontent-%COMP%] {\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n}\n\n\n\n.suggest-score-low[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, var(--mj-bg-surface));\n}\n\n\n\n.suggest-loading[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    padding: 0.85rem 0.75rem;\n    color: var(--mj-text-muted);\n    font-size: 0.82rem;\n}\n\n.suggest-loading-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n\n\n.suggest-empty[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1rem 0.75rem;\n    color: var(--mj-text-muted);\n    font-size: 0.82rem;\n}\n\n\n\n.suggest-see-all[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.55rem 0.75rem;\n    border-top: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    color: var(--mj-brand-primary);\n    font-size: 0.82rem;\n    font-weight: 500;\n    transition: background 0.08s ease;\n}\n\n.suggest-see-all[_ngcontent-%COMP%]:hover, \n.suggest-see-all.suggest-item-highlighted[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-hover);\n}\n\n.suggest-see-all-icon[_ngcontent-%COMP%] {\n    font-size: 0.72rem;\n}\n\n\n\n.suggest-filter-bar[_ngcontent-%COMP%] {\n    position: relative;\n    border-top: 1px solid var(--mj-border-subtle);\n    padding: 0.35rem 0.75rem;\n}\n\n.suggest-filter-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.4rem;\n    cursor: pointer;\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    transition: color 0.1s ease;\n    user-select: none;\n}\n\n.suggest-filter-toggle[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-secondary);\n}\n\n.suggest-filter-icon[_ngcontent-%COMP%] {\n    font-size: 0.65rem;\n}\n\n.suggest-filter-label[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.suggest-filter-chevron[_ngcontent-%COMP%] {\n    font-size: 0.55rem;\n    transition: transform 0.15s ease;\n}\n\n.suggest-filter-chevron-open[_ngcontent-%COMP%] {\n    transform: rotate(180deg);\n}\n\n\n\n.suggest-filter-popover[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 100%;\n    left: 0.5rem;\n    right: 0.5rem;\n    margin-top: 4px;\n    background: var(--mj-bg-surface-elevated, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n    overflow: hidden;\n    z-index: 10;\n    animation: _ngcontent-%COMP%_suggestSlideIn 0.12s ease;\n}\n\n.suggest-filter-popover-header[_ngcontent-%COMP%] {\n    padding: 0.4rem 0.6rem 0.25rem;\n    font-size: 0.65rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.suggest-filter-option[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.35rem 0.6rem;\n    cursor: pointer;\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    transition: background 0.08s ease;\n}\n\n.suggest-filter-option[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.suggest-filter-option-active[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.suggest-filter-check[_ngcontent-%COMP%] {\n    font-size: 0.65rem;\n    color: var(--mj-brand-primary);\n}\n\n\n\n\n.suggest-promo[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-2) var(--mj-space-3);\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.suggest-promo-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    flex-shrink: 0;\n}\n\n.suggest-promo-text[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.suggest-promo-action[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    padding: 0.2rem 0.6rem;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 0.75rem;\n    font-weight: var(--mj-font-medium);\n    cursor: pointer;\n    transition: var(--mj-transition-colors);\n}\n\n.suggest-promo-action[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n}\n\n.suggest-promo-dismiss[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 22px;\n    height: 22px;\n    padding: 0;\n    border: none;\n    border-radius: var(--mj-radius-full);\n    background: transparent;\n    color: var(--mj-text-disabled);\n    font-size: 0.75rem;\n    cursor: pointer;\n    transition: var(--mj-transition-colors);\n    flex-shrink: 0;\n}\n\n.suggest-promo-dismiss[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-secondary);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchSuggestComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-search-suggest', template: "@if (IsOpen) {\n    <div class=\"suggest-dropdown\">\n        @if (IsLoading && showPreviewSection) {\n            <div class=\"suggest-loading\">\n                <i class=\"fa-solid fa-spinner fa-spin suggest-loading-icon\"></i>\n                <span>Searching...</span>\n            </div>\n        }\n\n        <!-- Recent searches section -->\n        @if (showRecentSection) {\n            <div class=\"suggest-section\">\n                <div class=\"suggest-section-header\">\n                    <i class=\"fa-solid fa-clock suggest-section-icon\"></i>\n                    <span>Recent Searches</span>\n                    <span class=\"suggest-clear-link\" (mousedown)=\"OnClearRecentClick($event)\">Clear</span>\n                </div>\n                @for (recent of VisibleRecentSearches; track recent.Query; let i = $index) {\n                    <div\n                        class=\"suggest-item suggest-recent-item\"\n                        [class.suggest-item-highlighted]=\"IsHighlighted(i)\"\n                        (mousedown)=\"OnRecentClick(recent); $event.preventDefault()\"\n                        (mouseenter)=\"HighlightedIndex = i\"\n                    >\n                        <i class=\"fa-solid fa-clock suggest-item-icon\"></i>\n                        <span class=\"suggest-item-text\">{{ recent.Query }}</span>\n                        <span class=\"suggest-item-meta\">{{ recent.ResultCount }} results</span>\n                    </div>\n                }\n            </div>\n        }\n\n        <!-- Preview results section -->\n        @if (showPreviewSection && !IsLoading) {\n            @if (VisiblePreviewResults.length > 0) {\n                <div class=\"suggest-section\">\n                    @for (result of VisiblePreviewResults; track result.ID; let i = $index) {\n                        <div\n                            class=\"suggest-item suggest-result-item\"\n                            [class.suggest-item-highlighted]=\"IsHighlighted((showRecentSection ? VisibleRecentSearches.length : 0) + i)\"\n                            (mousedown)=\"OnResultClick(result); $event.preventDefault()\"\n                            (mouseenter)=\"HighlightedIndex = (showRecentSection ? VisibleRecentSearches.length : 0) + i\"\n                        >\n                            <div class=\"suggest-result-icon\">\n                                <i [class]=\"result.EntityIcon || result.SourceIcon || 'fa-solid fa-database'\"></i>\n                            </div>\n                            <div class=\"suggest-result-body\">\n                                <div class=\"suggest-result-title\">{{ result.RecordName || result.Title }}</div>\n                                <div class=\"suggest-result-entity\">{{ result.EntityName }}</div>\n                            </div>\n                            <span class=\"suggest-result-score\" [class]=\"'suggest-result-score ' + GetScoreClass(result.Score)\">{{ FormatScore(result.Score) }}</span>\n                        </div>\n                    }\n                </div>\n            } @else if (!IsLoading) {\n                <div class=\"suggest-empty\">\n                    <span>No results found</span>\n                </div>\n            }\n\n            <!-- See all footer -->\n            @if (showSeeAllFooter) {\n                <div\n                    class=\"suggest-see-all\"\n                    [class.suggest-item-highlighted]=\"IsHighlighted((showRecentSection ? VisibleRecentSearches.length : 0) + VisiblePreviewResults.length)\"\n                    (mousedown)=\"OnSeeAllClick(); $event.preventDefault()\"\n                    (mouseenter)=\"HighlightedIndex = (showRecentSection ? VisibleRecentSearches.length : 0) + VisiblePreviewResults.length\"\n                >\n                    <i class=\"fa-solid fa-arrow-right suggest-see-all-icon\"></i>\n                    <span>See all {{ TotalCount }} results</span>\n                </div>\n            }\n        }\n\n        <!-- Min relevance filter bar -->\n        @if (showPreviewSection) {\n            <div class=\"suggest-filter-bar\">\n                <div class=\"suggest-filter-toggle\" (mousedown)=\"ToggleFilter($event)\">\n                    <i class=\"fa-solid fa-sliders suggest-filter-icon\"></i>\n                    <span class=\"suggest-filter-label\">\n                        @if (MinRelevancePercent > 0) {\n                            Min relevance: {{ MinRelevancePercent }}%\n                        } @else {\n                            Showing all results\n                        }\n                    </span>\n                    <i class=\"fa-solid fa-chevron-down suggest-filter-chevron\" [class.suggest-filter-chevron-open]=\"IsFilterOpen\"></i>\n                </div>\n\n                @if (IsFilterOpen) {\n                    <div class=\"suggest-filter-popover\">\n                        <div class=\"suggest-filter-popover-header\">Min Relevance</div>\n                        @for (option of MinRelevanceOptions; track option) {\n                            <div\n                                class=\"suggest-filter-option\"\n                                [class.suggest-filter-option-active]=\"IsSelectedRelevance(option)\"\n                                (mousedown)=\"SetMinRelevance(option, $event)\"\n                            >\n                                <span>{{ FormatRelevanceOption(option) }}</span>\n                                @if (IsSelectedRelevance(option)) {\n                                    <i class=\"fa-solid fa-check suggest-filter-check\"></i>\n                                }\n                            </div>\n                        }\n                    </div>\n                }\n            </div>\n        }\n\n        <!-- Empty state when no recent and query too short -->\n        @if (!showRecentSection && !showPreviewSection) {\n            <div class=\"suggest-empty\">\n                <span>Type at least {{ MinQueryLength }} characters to search</span>\n            </div>\n        }\n    </div>\n}\n", styles: ["/* Search Suggest Dropdown */\n\n.suggest-dropdown {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    right: 0;\n    z-index: 99999;\n    margin-top: 4px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    background: var(--mj-bg-surface);\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);\n    overflow: visible;\n    animation: suggestSlideIn 0.15s ease;\n}\n\n@keyframes suggestSlideIn {\n    from {\n        opacity: 0;\n        transform: translateY(-4px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n/* Sections */\n.suggest-section {\n    padding: 0.25rem 0;\n}\n\n.suggest-section + .suggest-section {\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.suggest-section-header {\n    display: flex;\n    align-items: center;\n    gap: 0.4rem;\n    padding: 0.5rem 0.75rem 0.3rem;\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.suggest-section-icon {\n    font-size: 0.65rem;\n}\n\n.suggest-clear-link {\n    margin-left: auto;\n    font-size: 0.68rem;\n    font-weight: 500;\n    color: var(--mj-text-link, var(--mj-brand-primary));\n    cursor: pointer;\n    text-transform: none;\n    letter-spacing: normal;\n}\n\n.suggest-clear-link:hover {\n    text-decoration: underline;\n}\n\n/* Items */\n.suggest-item {\n    display: flex;\n    align-items: center;\n    gap: 0.6rem;\n    padding: 0.45rem 0.75rem;\n    cursor: pointer;\n    transition: background 0.08s ease;\n}\n\n.suggest-item:hover,\n.suggest-item-highlighted {\n    background: var(--mj-bg-surface-hover);\n}\n\n.suggest-item-icon {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    width: 1rem;\n    text-align: center;\n    flex-shrink: 0;\n}\n\n.suggest-item-text {\n    flex: 1;\n    font-size: 0.85rem;\n    color: var(--mj-text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.suggest-item-meta {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n}\n\n/* Result items */\n.suggest-result-item {\n    gap: 0.65rem;\n}\n\n.suggest-result-icon {\n    width: 1.75rem;\n    height: 1.75rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.suggest-result-body {\n    flex: 1;\n    min-width: 0;\n}\n\n.suggest-result-title {\n    font-size: 0.85rem;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.suggest-result-entity {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n}\n\n/* Score badge \u2014 base styles */\n.suggest-result-score {\n    font-size: 0.68rem;\n    font-weight: 600;\n    padding: 0.1rem 0.4rem;\n    border-radius: 9999px;\n    flex-shrink: 0;\n    /* Default: neutral gray */\n    color: var(--mj-text-muted);\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, var(--mj-bg-surface));\n}\n\n/* Score badge \u2014 high relevance (green, \u226540%) */\n.suggest-score-high {\n    color: var(--mj-status-success-text, var(--mj-status-success));\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n}\n\n/* Score badge \u2014 medium relevance (amber, 15\u201339%) */\n.suggest-score-medium {\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n}\n\n/* Score badge \u2014 low relevance (gray, <15%) */\n.suggest-score-low {\n    color: var(--mj-text-muted);\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, var(--mj-bg-surface));\n}\n\n/* Loading */\n.suggest-loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    padding: 0.85rem 0.75rem;\n    color: var(--mj-text-muted);\n    font-size: 0.82rem;\n}\n\n.suggest-loading-icon {\n    color: var(--mj-brand-primary);\n}\n\n/* Empty state */\n.suggest-empty {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1rem 0.75rem;\n    color: var(--mj-text-muted);\n    font-size: 0.82rem;\n}\n\n/* See all footer */\n.suggest-see-all {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.55rem 0.75rem;\n    border-top: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    color: var(--mj-brand-primary);\n    font-size: 0.82rem;\n    font-weight: 500;\n    transition: background 0.08s ease;\n}\n\n.suggest-see-all:hover,\n.suggest-see-all.suggest-item-highlighted {\n    background: var(--mj-bg-surface-hover);\n}\n\n.suggest-see-all-icon {\n    font-size: 0.72rem;\n}\n\n/* --- Min Relevance Filter Bar --- */\n.suggest-filter-bar {\n    position: relative;\n    border-top: 1px solid var(--mj-border-subtle);\n    padding: 0.35rem 0.75rem;\n}\n\n.suggest-filter-toggle {\n    display: flex;\n    align-items: center;\n    gap: 0.4rem;\n    cursor: pointer;\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    transition: color 0.1s ease;\n    user-select: none;\n}\n\n.suggest-filter-toggle:hover {\n    color: var(--mj-text-secondary);\n}\n\n.suggest-filter-icon {\n    font-size: 0.65rem;\n}\n\n.suggest-filter-label {\n    flex: 1;\n}\n\n.suggest-filter-chevron {\n    font-size: 0.55rem;\n    transition: transform 0.15s ease;\n}\n\n.suggest-filter-chevron-open {\n    transform: rotate(180deg);\n}\n\n/* Filter popover */\n.suggest-filter-popover {\n    position: absolute;\n    top: 100%;\n    left: 0.5rem;\n    right: 0.5rem;\n    margin-top: 4px;\n    background: var(--mj-bg-surface-elevated, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n    overflow: hidden;\n    z-index: 10;\n    animation: suggestSlideIn 0.12s ease;\n}\n\n.suggest-filter-popover-header {\n    padding: 0.4rem 0.6rem 0.25rem;\n    font-size: 0.65rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.suggest-filter-option {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.35rem 0.6rem;\n    cursor: pointer;\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    transition: background 0.08s ease;\n}\n\n.suggest-filter-option:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.suggest-filter-option-active {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.suggest-filter-check {\n    font-size: 0.65rem;\n    color: var(--mj-brand-primary);\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-search-suggest', template: "@if (IsOpen) {\n    <div class=\"suggest-dropdown\">\n        @if (IsLoading && showPreviewSection) {\n            <div class=\"suggest-loading\">\n                <i class=\"fa-solid fa-spinner fa-spin suggest-loading-icon\"></i>\n                <span>Searching...</span>\n            </div>\n        }\n\n        <!-- Recent searches section -->\n        @if (showRecentSection) {\n            <div class=\"suggest-section\">\n                <div class=\"suggest-section-header\">\n                    <i class=\"fa-solid fa-clock suggest-section-icon\"></i>\n                    <span>Recent Searches</span>\n                    <button type=\"button\" class=\"suggest-clear-link\" aria-label=\"Clear recent searches\"\n                        (mousedown)=\"$event.preventDefault()\"\n                        (click)=\"OnClearRecentClick($event)\">Clear</button>\n                </div>\n                @for (recent of VisibleRecentSearches; track recent.Query; let i = $index) {\n                    <div\n                        class=\"suggest-item suggest-recent-item\"\n                        [class.suggest-item-highlighted]=\"IsHighlighted(i)\"\n                        (mousedown)=\"OnRecentClick(recent); $event.preventDefault()\"\n                        (mouseenter)=\"HighlightedIndex = i\"\n                    >\n                        <i class=\"fa-solid fa-clock suggest-item-icon\"></i>\n                        <span class=\"suggest-item-text\">{{ recent.Query }}</span>\n                        <span class=\"suggest-item-meta\">{{ recent.ResultCount }} results</span>\n                    </div>\n                }\n            </div>\n        }\n\n        <!-- Recently opened records section (idle state) -->\n        @if (showRecentRecordsSection) {\n            <div class=\"suggest-section\">\n                <div class=\"suggest-section-header\">\n                    <i class=\"fa-solid fa-clock-rotate-left suggest-section-icon\"></i>\n                    <span>Recently Opened</span>\n                </div>\n                @for (record of VisibleRecentRecords; track record.EntityName + record.RecordID; let i = $index) {\n                    <div\n                        class=\"suggest-item suggest-recent-item\"\n                        [class.suggest-item-highlighted]=\"IsHighlighted((showRecentSection ? VisibleRecentSearches.length : 0) + i)\"\n                        (mousedown)=\"OnRecentRecordClick(record); $event.preventDefault()\"\n                        (mouseenter)=\"HighlightedIndex = (showRecentSection ? VisibleRecentSearches.length : 0) + i\"\n                    >\n                        <i class=\"fa-solid fa-file-lines suggest-item-icon\"></i>\n                        <span class=\"suggest-item-text\">{{ record.RecordName }}</span>\n                        <span class=\"suggest-item-meta\">{{ record.EntityName }}</span>\n                    </div>\n                }\n            </div>\n        }\n\n        <!-- Preview results section -->\n        @if (showPreviewSection && !IsLoading) {\n            @if (VisiblePreviewResults.length > 0) {\n                <div class=\"suggest-section\">\n                    @for (result of VisiblePreviewResults; track result.ID; let i = $index) {\n                        <div\n                            class=\"suggest-item suggest-result-item\"\n                            [class.suggest-item-highlighted]=\"IsHighlighted((showRecentSection ? VisibleRecentSearches.length : 0) + i)\"\n                            (mousedown)=\"OnResultClick(result); $event.preventDefault()\"\n                            (mouseenter)=\"HighlightedIndex = (showRecentSection ? VisibleRecentSearches.length : 0) + i\"\n                        >\n                            <div class=\"suggest-result-icon\">\n                                <i [class]=\"result.EntityIcon || result.SourceIcon || 'fa-solid fa-database'\"></i>\n                            </div>\n                            <div class=\"suggest-result-body\">\n                                <div class=\"suggest-result-title\">{{ result.RecordName || result.Title }}</div>\n                                <div class=\"suggest-result-entity\">{{ result.EntityName }}</div>\n                            </div>\n                            <span class=\"suggest-result-score\" [class]=\"'suggest-result-score ' + GetScoreClass(result.Score)\">{{ FormatScore(result.Score) }}</span>\n                        </div>\n                    }\n                </div>\n            } @else if (!IsLoading) {\n                <div class=\"suggest-empty\">\n                    <span>No results found</span>\n                </div>\n            }\n\n            <!-- See all footer -->\n            @if (showSeeAllFooter) {\n                <div\n                    class=\"suggest-see-all\"\n                    [class.suggest-item-highlighted]=\"IsHighlighted((showRecentSection ? VisibleRecentSearches.length : 0) + VisiblePreviewResults.length)\"\n                    (mousedown)=\"OnSeeAllClick(); $event.preventDefault()\"\n                    (mouseenter)=\"HighlightedIndex = (showRecentSection ? VisibleRecentSearches.length : 0) + VisiblePreviewResults.length\"\n                >\n                    <i class=\"fa-solid fa-arrow-right suggest-see-all-icon\"></i>\n                    <span>See all {{ TotalCount }} results</span>\n                </div>\n            }\n        }\n\n        <!-- Min relevance filter bar -->\n        @if (showPreviewSection) {\n            <div class=\"suggest-filter-bar\">\n                <div class=\"suggest-filter-toggle\" (mousedown)=\"ToggleFilter($event)\">\n                    <i class=\"fa-solid fa-sliders suggest-filter-icon\"></i>\n                    <span class=\"suggest-filter-label\">\n                        @if (MinRelevancePercent > 0) {\n                            Min relevance: {{ MinRelevancePercent }}%\n                        } @else {\n                            Showing all results\n                        }\n                    </span>\n                    <i class=\"fa-solid fa-chevron-down suggest-filter-chevron\" [class.suggest-filter-chevron-open]=\"IsFilterOpen\"></i>\n                </div>\n\n                @if (IsFilterOpen) {\n                    <div class=\"suggest-filter-popover\">\n                        <div class=\"suggest-filter-popover-header\">Min Relevance</div>\n                        @for (option of MinRelevanceOptions; track option) {\n                            <div\n                                class=\"suggest-filter-option\"\n                                [class.suggest-filter-option-active]=\"IsSelectedRelevance(option)\"\n                                (mousedown)=\"SetMinRelevance(option, $event)\"\n                            >\n                                <span>{{ FormatRelevanceOption(option) }}</span>\n                                @if (IsSelectedRelevance(option)) {\n                                    <i class=\"fa-solid fa-check suggest-filter-check\"></i>\n                                }\n                            </div>\n                        }\n                    </div>\n                }\n            </div>\n        }\n\n        <!-- Empty state when no recents of either kind and query too short -->\n        @if (!showRecentSection && !showRecentRecordsSection && !showPreviewSection) {\n            <div class=\"suggest-empty\">\n                <span>Type at least {{ MinQueryLength }} characters to search</span>\n            </div>\n        }\n\n        <!-- Host-supplied promo row (e.g. command palette nudge) -->\n        @if (ShowPromo && PromoText) {\n            <div class=\"suggest-promo\">\n                <i class=\"fa-solid fa-wand-magic-sparkles suggest-promo-icon\"></i>\n                <span class=\"suggest-promo-text\">{{ PromoText }}</span>\n                <button type=\"button\" class=\"suggest-promo-action\"\n                    (mousedown)=\"$event.preventDefault()\"\n                    (click)=\"OnPromoAccept()\">{{ PromoActionLabel }}</button>\n                <button type=\"button\" class=\"suggest-promo-dismiss\" aria-label=\"Dismiss\" title=\"Dismiss\"\n                    (mousedown)=\"$event.preventDefault()\"\n                    (click)=\"OnPromoDismiss(); $event.stopPropagation()\">\n                    <i class=\"fa-solid fa-xmark\"></i>\n                </button>\n            </div>\n        }\n    </div>\n}\n", styles: ["/* Search Suggest Dropdown */\n\n.suggest-dropdown {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    right: 0;\n    z-index: 99999;\n    margin-top: 4px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    background: var(--mj-bg-surface);\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);\n    overflow: visible;\n    animation: suggestSlideIn 0.15s ease;\n}\n\n@keyframes suggestSlideIn {\n    from {\n        opacity: 0;\n        transform: translateY(-4px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n/* Sections */\n.suggest-section {\n    padding: 0.25rem 0;\n}\n\n.suggest-section + .suggest-section {\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.suggest-section-header {\n    display: flex;\n    align-items: center;\n    gap: 0.4rem;\n    padding: 0.5rem 0.75rem 0.3rem;\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.suggest-section-icon {\n    font-size: 0.65rem;\n}\n\n.suggest-clear-link {\n    margin-left: auto;\n    padding: 0;\n    border: none;\n    background: transparent;\n    font-family: inherit;\n    font-size: 0.68rem;\n    font-weight: var(--mj-font-medium);\n    color: var(--mj-text-link, var(--mj-brand-primary));\n    cursor: pointer;\n    text-transform: none;\n    letter-spacing: normal;\n}\n\n.suggest-clear-link:hover {\n    text-decoration: underline;\n}\n\n.suggest-clear-link:focus-visible {\n    outline: 2px solid var(--mj-border-focus);\n    outline-offset: 2px;\n    border-radius: var(--mj-radius-sm);\n}\n\n/* Items */\n.suggest-item {\n    display: flex;\n    align-items: center;\n    gap: 0.6rem;\n    padding: 0.45rem 0.75rem;\n    cursor: pointer;\n    transition: background 0.08s ease;\n}\n\n.suggest-item:hover,\n.suggest-item-highlighted {\n    background: var(--mj-bg-surface-hover);\n}\n\n.suggest-item-icon {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    width: 1rem;\n    text-align: center;\n    flex-shrink: 0;\n}\n\n.suggest-item-text {\n    flex: 1;\n    font-size: 0.85rem;\n    color: var(--mj-text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.suggest-item-meta {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n}\n\n/* Result items */\n.suggest-result-item {\n    gap: 0.65rem;\n}\n\n.suggest-result-icon {\n    width: 1.75rem;\n    height: 1.75rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.suggest-result-body {\n    flex: 1;\n    min-width: 0;\n}\n\n.suggest-result-title {\n    font-size: 0.85rem;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.suggest-result-entity {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n}\n\n/* Score badge \u2014 base styles */\n.suggest-result-score {\n    font-size: 0.68rem;\n    font-weight: 600;\n    padding: 0.1rem 0.4rem;\n    border-radius: 9999px;\n    flex-shrink: 0;\n    /* Default: neutral gray */\n    color: var(--mj-text-muted);\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, var(--mj-bg-surface));\n}\n\n/* Score badge \u2014 high relevance (green, \u226540%) */\n.suggest-score-high {\n    color: var(--mj-status-success-text, var(--mj-status-success));\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n}\n\n/* Score badge \u2014 medium relevance (amber, 15\u201339%) */\n.suggest-score-medium {\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n}\n\n/* Score badge \u2014 low relevance (gray, <15%) */\n.suggest-score-low {\n    color: var(--mj-text-muted);\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, var(--mj-bg-surface));\n}\n\n/* Loading */\n.suggest-loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    padding: 0.85rem 0.75rem;\n    color: var(--mj-text-muted);\n    font-size: 0.82rem;\n}\n\n.suggest-loading-icon {\n    color: var(--mj-brand-primary);\n}\n\n/* Empty state */\n.suggest-empty {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1rem 0.75rem;\n    color: var(--mj-text-muted);\n    font-size: 0.82rem;\n}\n\n/* See all footer */\n.suggest-see-all {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.55rem 0.75rem;\n    border-top: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    color: var(--mj-brand-primary);\n    font-size: 0.82rem;\n    font-weight: 500;\n    transition: background 0.08s ease;\n}\n\n.suggest-see-all:hover,\n.suggest-see-all.suggest-item-highlighted {\n    background: var(--mj-bg-surface-hover);\n}\n\n.suggest-see-all-icon {\n    font-size: 0.72rem;\n}\n\n/* --- Min Relevance Filter Bar --- */\n.suggest-filter-bar {\n    position: relative;\n    border-top: 1px solid var(--mj-border-subtle);\n    padding: 0.35rem 0.75rem;\n}\n\n.suggest-filter-toggle {\n    display: flex;\n    align-items: center;\n    gap: 0.4rem;\n    cursor: pointer;\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    transition: color 0.1s ease;\n    user-select: none;\n}\n\n.suggest-filter-toggle:hover {\n    color: var(--mj-text-secondary);\n}\n\n.suggest-filter-icon {\n    font-size: 0.65rem;\n}\n\n.suggest-filter-label {\n    flex: 1;\n}\n\n.suggest-filter-chevron {\n    font-size: 0.55rem;\n    transition: transform 0.15s ease;\n}\n\n.suggest-filter-chevron-open {\n    transform: rotate(180deg);\n}\n\n/* Filter popover */\n.suggest-filter-popover {\n    position: absolute;\n    top: 100%;\n    left: 0.5rem;\n    right: 0.5rem;\n    margin-top: 4px;\n    background: var(--mj-bg-surface-elevated, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n    overflow: hidden;\n    z-index: 10;\n    animation: suggestSlideIn 0.12s ease;\n}\n\n.suggest-filter-popover-header {\n    padding: 0.4rem 0.6rem 0.25rem;\n    font-size: 0.65rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.suggest-filter-option {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.35rem 0.6rem;\n    cursor: pointer;\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    transition: background 0.08s ease;\n}\n\n.suggest-filter-option:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.suggest-filter-option-active {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.suggest-filter-check {\n    font-size: 0.65rem;\n    color: var(--mj-brand-primary);\n}\n\n/* Host-supplied promo row \u2014 a quiet whisper pinned to the dropdown's bottom\n   edge, never a banner. */\n.suggest-promo {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-2) var(--mj-space-3);\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.suggest-promo-icon {\n    color: var(--mj-brand-primary);\n    flex-shrink: 0;\n}\n\n.suggest-promo-text {\n    flex: 1;\n    min-width: 0;\n}\n\n.suggest-promo-action {\n    flex-shrink: 0;\n    padding: 0.2rem 0.6rem;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 0.75rem;\n    font-weight: var(--mj-font-medium);\n    cursor: pointer;\n    transition: var(--mj-transition-colors);\n}\n\n.suggest-promo-action:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n}\n\n.suggest-promo-dismiss {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 22px;\n    height: 22px;\n    padding: 0;\n    border: none;\n    border-radius: var(--mj-radius-full);\n    background: transparent;\n    color: var(--mj-text-disabled);\n    font-size: 0.75rem;\n    cursor: pointer;\n    transition: var(--mj-transition-colors);\n    flex-shrink: 0;\n}\n\n.suggest-promo-dismiss:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-secondary);\n}\n"] }]
     }], null, { IsOpen: [{
             type: Input
         }], PreviewResults: [{
@@ -478,6 +605,14 @@ export class SearchSuggestComponent {
             type: Input
         }], ShowRecent: [{
             type: Input
+        }], RecentRecords: [{
+            type: Input
+        }], ShowPromo: [{
+            type: Input
+        }], PromoText: [{
+            type: Input
+        }], PromoActionLabel: [{
+            type: Input
         }], ResultSelected: [{
             type: Output
         }], RecentSelected: [{
@@ -486,6 +621,12 @@ export class SearchSuggestComponent {
             type: Output
         }], ClearRecentRequested: [{
             type: Output
+        }], RecentRecordSelected: [{
+            type: Output
+        }], PromoAccepted: [{
+            type: Output
+        }], PromoDismissed: [{
+            type: Output
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SearchSuggestComponent, { className: "SearchSuggestComponent", filePath: "src/lib/search-suggest.component.ts", lineNumber: 36 }); })();
 //# sourceMappingURL=search-suggest.component.js.map