@memberjunction/ng-search 5.24.0 → 5.26.0

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

@@ -0,0 +1,258 @@
+/**
+ * @fileoverview Search Composite Component
+ *
+ * Drop-in widget combining SearchInputComponent + SearchSuggestComponent.
+ * Handles query debouncing, preview search calls, recent searches,
+ * keyboard navigation delegation, and click-outside-to-close.
+ */
+import { Component, ElementRef, EventEmitter, HostListener, Input, Output, ViewChild, ChangeDetectorRef, inject } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { SearchService } from './search.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./search-input.component";
+import * as i2 from "./search-suggest.component";
+const _c0 = ["searchInput"];
+const _c1 = ["searchSuggest"];
+export class SearchCompositeComponent {
+    cdr = inject(ChangeDetectorRef);
+    elementRef = inject(ElementRef);
+    searchService = inject(SearchService);
+    destroy$ = new Subject();
+    searchInputRef;
+    searchSuggestRef;
+    // --- Configuration Inputs ---
+    /** Placeholder text for the search input */
+    Placeholder = 'Search...';
+    /** Whether to show keyboard shortcut hint on the input */
+    ShowShortcutHint = true;
+    /** Debounce time in milliseconds for query changes */
+    DebounceMs = 200;
+    /** Minimum query length before preview results are fetched */
+    MinQueryLength = 2;
+    /** Maximum number of preview results to show in the dropdown */
+    MaxPreviewResults = 8;
+    /** Whether to enable live preview search on typing */
+    EnablePreview = true;
+    /** Whether to enable recent searches display */
+    EnableRecent = true;
+    // --- Outputs ---
+    /** Emitted when a result is selected from the preview dropdown */
+    ResultSelected = new EventEmitter();
+    /** Emitted when the user presses Enter or selects a recent search (full search) */
+    SearchSubmitted = new EventEmitter();
+    /** Emitted when the user clicks "See all N results" */
+    SeeAllRequested = new EventEmitter();
+    // --- Internal state ---
+    Query = '';
+    IsSuggestOpen = false;
+    /** The current min relevance percent from the suggest dropdown filter */
+    get MinRelevancePercent() {
+        return this.searchSuggestRef?.MinRelevancePercent ?? 0;
+    }
+    PreviewResults = [];
+    RecentSearches = [];
+    PreviewTotalCount = 0;
+    IsPreviewLoading = false;
+    ngOnInit() {
+        this.subscribeToRecentSearches();
+        this.searchService.LoadRecentSearches(); // fire-and-forget — loads from UserInfoEngine
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    // --- Click outside to close ---
+    OnDocumentMousedown(event) {
+        const target = event.target;
+        if (target && !this.elementRef.nativeElement.contains(target)) {
+            this.closeSuggest();
+        }
+    }
+    // --- Keyboard navigation delegation ---
+    OnHostKeydown(event) {
+        if (!this.IsSuggestOpen)
+            return;
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                this.searchSuggestRef?.NavigateDown();
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                this.searchSuggestRef?.NavigateUp();
+                break;
+            case 'Enter':
+                if (this.searchSuggestRef?.HighlightedIndex >= 0) {
+                    event.preventDefault();
+                    this.searchSuggestRef.SelectHighlighted();
+                }
+                break;
+        }
+    }
+    // --- Event handlers from child components ---
+    /** Handle debounced query changes from the input */
+    OnQueryChange(query) {
+        this.Query = query;
+        if (query.length >= this.MinQueryLength && this.EnablePreview) {
+            this.executePreviewSearch(query);
+        }
+        else {
+            this.clearPreviewResults();
+        }
+        this.openSuggest();
+    }
+    /** Handle Enter press in the input */
+    OnQuerySubmit(query) {
+        // If a suggestion is highlighted, select it instead of searching
+        if (this.IsSuggestOpen && this.searchSuggestRef && this.searchSuggestRef.HighlightedIndex >= 0) {
+            this.searchSuggestRef.SelectHighlighted();
+            return;
+        }
+        if (query.trim().length > 0) {
+            this.SearchSubmitted.emit(query.trim());
+            this.closeSuggest();
+        }
+    }
+    /** Handle input focus */
+    OnInputFocused() {
+        this.openSuggest();
+    }
+    /** Handle Escape press in the input */
+    OnInputEscaped() {
+        if (this.IsSuggestOpen) {
+            this.closeSuggest();
+        }
+    }
+    /** Handle input cleared */
+    OnInputCleared() {
+        this.Query = '';
+        this.clearPreviewResults();
+        this.openSuggest();
+    }
+    /** Handle result selection from suggest dropdown */
+    OnResultSelected(result) {
+        this.ResultSelected.emit(result);
+        this.closeSuggest();
+    }
+    /** Handle recent search selection */
+    OnRecentSelected(query) {
+        this.Query = query;
+        this.SearchSubmitted.emit(query);
+        this.closeSuggest();
+    }
+    /** Handle "See all" click */
+    OnSeeAllRequested(query) {
+        this.SeeAllRequested.emit(query);
+        this.closeSuggest();
+    }
+    /** Handle "Clear" recent searches */
+    OnClearRecentRequested() {
+        this.searchService.ClearRecentSearches();
+    }
+    // --- Private ---
+    openSuggest() {
+        this.IsSuggestOpen = true;
+        this.searchSuggestRef?.ResetHighlight();
+        this.cdr.detectChanges();
+    }
+    closeSuggest() {
+        this.IsSuggestOpen = false;
+        this.searchSuggestRef?.ResetHighlight();
+        this.cdr.detectChanges();
+    }
+    subscribeToRecentSearches() {
+        this.searchService.RecentSearches$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(recents => {
+            this.RecentSearches = recents;
+            this.cdr.detectChanges();
+        });
+    }
+    async executePreviewSearch(query) {
+        this.IsPreviewLoading = true;
+        this.cdr.detectChanges();
+        try {
+            const response = await this.searchService.PreviewSearch(query, this.MaxPreviewResults);
+            // Only apply if query hasn't changed since we started
+            if (this.Query === query) {
+                this.PreviewResults = response.Results;
+                this.PreviewTotalCount = response.TotalCount;
+            }
+        }
+        catch {
+            this.PreviewResults = [];
+            this.PreviewTotalCount = 0;
+        }
+        finally {
+            this.IsPreviewLoading = false;
+            this.cdr.detectChanges();
+        }
+    }
+    clearPreviewResults() {
+        this.PreviewResults = [];
+        this.PreviewTotalCount = 0;
+        this.cdr.detectChanges();
+    }
+    static ɵfac = function SearchCompositeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SearchCompositeComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchCompositeComponent, selectors: [["mj-search-composite"]], viewQuery: function SearchCompositeComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5)(_c1, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.searchInputRef = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.searchSuggestRef = _t.first);
+        } }, hostBindings: function SearchCompositeComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("mousedown", function SearchCompositeComponent_mousedown_HostBindingHandler($event) { return ctx.OnDocumentMousedown($event); }, i0.ɵɵresolveDocument)("keydown", function SearchCompositeComponent_keydown_HostBindingHandler($event) { return ctx.OnHostKeydown($event); });
+        } }, inputs: { Placeholder: "Placeholder", ShowShortcutHint: "ShowShortcutHint", DebounceMs: "DebounceMs", MinQueryLength: "MinQueryLength", MaxPreviewResults: "MaxPreviewResults", EnablePreview: "EnablePreview", EnableRecent: "EnableRecent" }, outputs: { ResultSelected: "ResultSelected", SearchSubmitted: "SearchSubmitted", SeeAllRequested: "SeeAllRequested" }, standalone: false, decls: 5, vars: 13, consts: [["searchInput", ""], ["searchSuggest", ""], [1, "search-composite-wrap"], [3, "QueryChange", "QuerySubmit", "InputFocused", "InputEscaped", "InputCleared", "Placeholder", "Query", "ShowShortcutHint", "DebounceMs"], [3, "ResultSelected", "RecentSelected", "SeeAllRequested", "ClearRecentRequested", "IsOpen", "PreviewResults", "RecentSearches", "TotalCount", "IsLoading", "Query", "MinQueryLength", "MaxPreviewResults", "ShowRecent"]], template: function SearchCompositeComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 2)(1, "mj-search-input", 3, 0);
+            i0.ɵɵlistener("QueryChange", function SearchCompositeComponent_Template_mj_search_input_QueryChange_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnQueryChange($event)); })("QuerySubmit", function SearchCompositeComponent_Template_mj_search_input_QuerySubmit_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnQuerySubmit($event)); })("InputFocused", function SearchCompositeComponent_Template_mj_search_input_InputFocused_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnInputFocused()); })("InputEscaped", function SearchCompositeComponent_Template_mj_search_input_InputEscaped_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnInputEscaped()); })("InputCleared", function SearchCompositeComponent_Template_mj_search_input_InputCleared_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnInputCleared()); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "mj-search-suggest", 4, 1);
+            i0.ɵɵlistener("ResultSelected", function SearchCompositeComponent_Template_mj_search_suggest_ResultSelected_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnResultSelected($event)); })("RecentSelected", function SearchCompositeComponent_Template_mj_search_suggest_RecentSelected_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnRecentSelected($event)); })("SeeAllRequested", function SearchCompositeComponent_Template_mj_search_suggest_SeeAllRequested_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnSeeAllRequested($event)); })("ClearRecentRequested", function SearchCompositeComponent_Template_mj_search_suggest_ClearRecentRequested_3_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnClearRecentRequested()); });
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Placeholder", ctx.Placeholder)("Query", ctx.Query)("ShowShortcutHint", ctx.ShowShortcutHint)("DebounceMs", ctx.DebounceMs);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("IsOpen", ctx.IsSuggestOpen)("PreviewResults", ctx.PreviewResults)("RecentSearches", ctx.RecentSearches)("TotalCount", ctx.PreviewTotalCount)("IsLoading", ctx.IsPreviewLoading)("Query", ctx.Query)("MinQueryLength", ctx.MinQueryLength)("MaxPreviewResults", ctx.MaxPreviewResults)("ShowRecent", ctx.EnableRecent);
+        } }, dependencies: [i1.SearchInputComponent, i2.SearchSuggestComponent], styles: ["\n\n\n.search-composite-wrap[_ngcontent-%COMP%] {\n    position: relative;\n    display: inline-block;\n    width: 100%;\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchCompositeComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-search-composite', template: "<div class=\"search-composite-wrap\">\n    <mj-search-input\n        #searchInput\n        [Placeholder]=\"Placeholder\"\n        [Query]=\"Query\"\n        [ShowShortcutHint]=\"ShowShortcutHint\"\n        [DebounceMs]=\"DebounceMs\"\n        (QueryChange)=\"OnQueryChange($any($event))\"\n        (QuerySubmit)=\"OnQuerySubmit($any($event))\"\n        (InputFocused)=\"OnInputFocused()\"\n        (InputEscaped)=\"OnInputEscaped()\"\n        (InputCleared)=\"OnInputCleared()\"\n    ></mj-search-input>\n\n    <mj-search-suggest\n        #searchSuggest\n        [IsOpen]=\"IsSuggestOpen\"\n        [PreviewResults]=\"PreviewResults\"\n        [RecentSearches]=\"RecentSearches\"\n        [TotalCount]=\"PreviewTotalCount\"\n        [IsLoading]=\"IsPreviewLoading\"\n        [Query]=\"Query\"\n        [MinQueryLength]=\"MinQueryLength\"\n        [MaxPreviewResults]=\"MaxPreviewResults\"\n        [ShowRecent]=\"EnableRecent\"\n        (ResultSelected)=\"OnResultSelected($any($event))\"\n        (RecentSelected)=\"OnRecentSelected($any($event))\"\n        (SeeAllRequested)=\"OnSeeAllRequested($any($event))\"\n        (ClearRecentRequested)=\"OnClearRecentRequested()\"\n    ></mj-search-suggest>\n</div>\n", styles: ["/* Search Composite Component */\n\n.search-composite-wrap {\n    position: relative;\n    display: inline-block;\n    width: 100%;\n}\n"] }]
+    }], null, { searchInputRef: [{
+            type: ViewChild,
+            args: ['searchInput']
+        }], searchSuggestRef: [{
+            type: ViewChild,
+            args: ['searchSuggest']
+        }], Placeholder: [{
+            type: Input
+        }], ShowShortcutHint: [{
+            type: Input
+        }], DebounceMs: [{
+            type: Input
+        }], MinQueryLength: [{
+            type: Input
+        }], MaxPreviewResults: [{
+            type: Input
+        }], EnablePreview: [{
+            type: Input
+        }], EnableRecent: [{
+            type: Input
+        }], ResultSelected: [{
+            type: Output
+        }], SearchSubmitted: [{
+            type: Output
+        }], SeeAllRequested: [{
+            type: Output
+        }], OnDocumentMousedown: [{
+            type: HostListener,
+            args: ['document:mousedown', ['$event']]
+        }], OnHostKeydown: [{
+            type: HostListener,
+            args: ['keydown', ['$event']]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SearchCompositeComponent, { className: "SearchCompositeComponent", filePath: "src/lib/search-composite.component.ts", lineNumber: 35 }); })();
+//# sourceMappingURL=search-composite.component.js.map

package/dist/lib/search-composite.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-composite.component.js","sourceRoot":"","sources":["../../src/lib/search-composite.component.ts","../../src/lib/search-composite.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Search Composite Component\n *\n * Drop-in widget combining SearchInputComponent + SearchSuggestComponent.\n * Handles query debouncing, preview search calls, recent searches,\n * keyboard navigation delegation, and click-outside-to-close.\n */\n\nimport {\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostListener,\n    Input,\n    OnDestroy,\n    OnInit,\n    Output,\n    ViewChild,\n    ChangeDetectorRef,\n    inject\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { SearchService, RecentSearch } from './search.service';\nimport { SearchInputComponent } from './search-input.component';\nimport { SearchSuggestComponent } from './search-suggest.component';\nimport { SearchResultItem } from './search-types';\n\n@Component({\n    standalone: false,\n    selector: 'mj-search-composite',\n    templateUrl: './search-composite.component.html',\n    styleUrls: ['./search-composite.component.css']\n})\nexport class SearchCompositeComponent implements OnInit, OnDestroy {\n    private cdr = inject(ChangeDetectorRef);\n    private elementRef = inject(ElementRef);\n    protected searchService = inject(SearchService);\n    private destroy$ = new Subject<void>();\n\n    @ViewChild('searchInput') searchInputRef!: SearchInputComponent;\n    @ViewChild('searchSuggest') searchSuggestRef!: SearchSuggestComponent;\n\n    // --- Configuration Inputs ---\n\n    /** Placeholder text for the search input */\n    @Input() Placeholder = 'Search...';\n\n    /** Whether to show keyboard shortcut hint on the input */\n    @Input() ShowShortcutHint = true;\n\n    /** Debounce time in milliseconds for query changes */\n    @Input() DebounceMs = 200;\n\n    /** Minimum query length before preview results are fetched */\n    @Input() MinQueryLength = 2;\n\n    /** Maximum number of preview results to show in the dropdown */\n    @Input() MaxPreviewResults = 8;\n\n    /** Whether to enable live preview search on typing */\n    @Input() EnablePreview = true;\n\n    /** Whether to enable recent searches display */\n    @Input() EnableRecent = true;\n\n    // --- Outputs ---\n\n    /** Emitted when a result is selected from the preview dropdown */\n    @Output() ResultSelected = new EventEmitter<SearchResultItem>();\n\n    /** Emitted when the user presses Enter or selects a recent search (full search) */\n    @Output() SearchSubmitted = new EventEmitter<string>();\n\n    /** Emitted when the user clicks \"See all N results\" */\n    @Output() SeeAllRequested = new EventEmitter<string>();\n\n    // --- Internal state ---\n\n    public Query = '';\n    public IsSuggestOpen = false;\n\n    /** The current min relevance percent from the suggest dropdown filter */\n    public get MinRelevancePercent(): number {\n        return this.searchSuggestRef?.MinRelevancePercent ?? 0;\n    }\n    public PreviewResults: SearchResultItem[] = [];\n    public RecentSearches: RecentSearch[] = [];\n    public PreviewTotalCount = 0;\n    public IsPreviewLoading = false;\n\n    ngOnInit(): void {\n        this.subscribeToRecentSearches();\n        this.searchService.LoadRecentSearches(); // fire-and-forget — loads from UserInfoEngine\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.destroy$.complete();\n    }\n\n    // --- Click outside to close ---\n\n    @HostListener('document:mousedown', ['$event'])\n    OnDocumentMousedown(event: MouseEvent): void {\n        const target = event.target as Node | null;\n        if (target && !this.elementRef.nativeElement.contains(target)) {\n            this.closeSuggest();\n        }\n    }\n\n    // --- Keyboard navigation delegation ---\n\n    @HostListener('keydown', ['$event'])\n    OnHostKeydown(event: KeyboardEvent): void {\n        if (!this.IsSuggestOpen) return;\n\n        switch (event.key) {\n            case 'ArrowDown':\n                event.preventDefault();\n                this.searchSuggestRef?.NavigateDown();\n                break;\n            case 'ArrowUp':\n                event.preventDefault();\n                this.searchSuggestRef?.NavigateUp();\n                break;\n            case 'Enter':\n                if (this.searchSuggestRef?.HighlightedIndex >= 0) {\n                    event.preventDefault();\n                    this.searchSuggestRef.SelectHighlighted();\n                }\n                break;\n        }\n    }\n\n    // --- Event handlers from child components ---\n\n    /** Handle debounced query changes from the input */\n    public OnQueryChange(query: string): void {\n        this.Query = query;\n\n        if (query.length >= this.MinQueryLength && this.EnablePreview) {\n            this.executePreviewSearch(query);\n        } else {\n            this.clearPreviewResults();\n        }\n\n        this.openSuggest();\n    }\n\n    /** Handle Enter press in the input */\n    public OnQuerySubmit(query: string): void {\n        // If a suggestion is highlighted, select it instead of searching\n        if (this.IsSuggestOpen && this.searchSuggestRef && this.searchSuggestRef.HighlightedIndex >= 0) {\n            this.searchSuggestRef.SelectHighlighted();\n            return;\n        }\n\n        if (query.trim().length > 0) {\n            this.SearchSubmitted.emit(query.trim());\n            this.closeSuggest();\n        }\n    }\n\n    /** Handle input focus */\n    public OnInputFocused(): void {\n        this.openSuggest();\n    }\n\n    /** Handle Escape press in the input */\n    public OnInputEscaped(): void {\n        if (this.IsSuggestOpen) {\n            this.closeSuggest();\n        }\n    }\n\n    /** Handle input cleared */\n    public OnInputCleared(): void {\n        this.Query = '';\n        this.clearPreviewResults();\n        this.openSuggest();\n    }\n\n    /** Handle result selection from suggest dropdown */\n    public OnResultSelected(result: SearchResultItem): void {\n        this.ResultSelected.emit(result);\n        this.closeSuggest();\n    }\n\n    /** Handle recent search selection */\n    public OnRecentSelected(query: string): void {\n        this.Query = query;\n        this.SearchSubmitted.emit(query);\n        this.closeSuggest();\n    }\n\n    /** Handle \"See all\" click */\n    public OnSeeAllRequested(query: string): void {\n        this.SeeAllRequested.emit(query);\n        this.closeSuggest();\n    }\n\n    /** Handle \"Clear\" recent searches */\n    public OnClearRecentRequested(): void {\n        this.searchService.ClearRecentSearches();\n    }\n\n    // --- Private ---\n\n    private openSuggest(): void {\n        this.IsSuggestOpen = true;\n        this.searchSuggestRef?.ResetHighlight();\n        this.cdr.detectChanges();\n    }\n\n    private closeSuggest(): void {\n        this.IsSuggestOpen = false;\n        this.searchSuggestRef?.ResetHighlight();\n        this.cdr.detectChanges();\n    }\n\n    private subscribeToRecentSearches(): void {\n        this.searchService.RecentSearches$\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(recents => {\n                this.RecentSearches = recents;\n                this.cdr.detectChanges();\n            });\n    }\n\n    private async executePreviewSearch(query: string): Promise<void> {\n        this.IsPreviewLoading = true;\n        this.cdr.detectChanges();\n\n        try {\n            const response = await this.searchService.PreviewSearch(query, this.MaxPreviewResults);\n            // Only apply if query hasn't changed since we started\n            if (this.Query === query) {\n                this.PreviewResults = response.Results;\n                this.PreviewTotalCount = response.TotalCount;\n            }\n        } catch {\n            this.PreviewResults = [];\n            this.PreviewTotalCount = 0;\n        } finally {\n            this.IsPreviewLoading = false;\n            this.cdr.detectChanges();\n        }\n    }\n\n    private clearPreviewResults(): void {\n        this.PreviewResults = [];\n        this.PreviewTotalCount = 0;\n        this.cdr.detectChanges();\n    }\n}\n","<div class=\"search-composite-wrap\">\n    <mj-search-input\n        #searchInput\n        [Placeholder]=\"Placeholder\"\n        [Query]=\"Query\"\n        [ShowShortcutHint]=\"ShowShortcutHint\"\n        [DebounceMs]=\"DebounceMs\"\n        (QueryChange)=\"OnQueryChange($any($event))\"\n        (QuerySubmit)=\"OnQuerySubmit($any($event))\"\n        (InputFocused)=\"OnInputFocused()\"\n        (InputEscaped)=\"OnInputEscaped()\"\n        (InputCleared)=\"OnInputCleared()\"\n    ></mj-search-input>\n\n    <mj-search-suggest\n        #searchSuggest\n        [IsOpen]=\"IsSuggestOpen\"\n        [PreviewResults]=\"PreviewResults\"\n        [RecentSearches]=\"RecentSearches\"\n        [TotalCount]=\"PreviewTotalCount\"\n        [IsLoading]=\"IsPreviewLoading\"\n        [Query]=\"Query\"\n        [MinQueryLength]=\"MinQueryLength\"\n        [MaxPreviewResults]=\"MaxPreviewResults\"\n        [ShowRecent]=\"EnableRecent\"\n        (ResultSelected)=\"OnResultSelected($any($event))\"\n        (RecentSelected)=\"OnRecentSelected($any($event))\"\n        (SeeAllRequested)=\"OnSeeAllRequested($any($event))\"\n        (ClearRecentRequested)=\"OnClearRecentRequested()\"\n    ></mj-search-suggest>\n</div>\n"]}

package/dist/lib/search-filter.component.d.ts

@@ -15,9 +15,16 @@ export declare class SearchFilterComponent {
     ActiveFilters: Record<string, string[]>;
     /** Whether the filter panel is collapsible */
     Collapsible: boolean;
+    /** Whether to show the min relevance slider */
+    ShowRelevanceSlider: boolean;
+    /** Current minimum score as a percentage (0-100) */
+    MinScorePercent: number;
+    /** The MinScore that was last sent to the server (for visual indicator) */
+    ServerMinScorePercent: number;
     FilterChanged: EventEmitter<SearchFilterChangeEvent>;
     FiltersCleared: EventEmitter<void>;
     CloseRequested: EventEmitter<void>;
+    MinScoreChanged: EventEmitter<number>;
     /** Collapsed state per category */
     CollapsedCategories: Set<string>;
     /** Toggle a filter option */
@@ -38,7 +45,13 @@ export declare class SearchFilterComponent {
     SelectAll(category: string): void;
     /** Check if all options in a category are selected */
     IsAllSelected(category: string): boolean;
+    /** Handle relevance slider drag (preview only — updates display without triggering search) */
+    OnMinScorePreview(value: string): void;
+    /** Handle relevance slider release — commits the value and triggers re-query if needed */
+    OnMinScoreCommit(): void;
+    /** Handle relevance slider change (legacy — used when input event fires) */
+    OnMinScoreChange(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchFilterComponent, "mj-search-filter", never, { "Filters": { "alias": "Filters"; "required": false; }; "ActiveFilters": { "alias": "ActiveFilters"; "required": false; }; "Collapsible": { "alias": "Collapsible"; "required": false; }; }, { "FilterChanged": "FilterChanged"; "FiltersCleared": "FiltersCleared"; "CloseRequested": "CloseRequested"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchFilterComponent, "mj-search-filter", never, { "Filters": { "alias": "Filters"; "required": false; }; "ActiveFilters": { "alias": "ActiveFilters"; "required": false; }; "Collapsible": { "alias": "Collapsible"; "required": false; }; "ShowRelevanceSlider": { "alias": "ShowRelevanceSlider"; "required": false; }; "MinScorePercent": { "alias": "MinScorePercent"; "required": false; }; "ServerMinScorePercent": { "alias": "ServerMinScorePercent"; "required": false; }; }, { "FilterChanged": "FilterChanged"; "FiltersCleared": "FiltersCleared"; "CloseRequested": "CloseRequested"; "MinScoreChanged": "MinScoreChanged"; }, never, never, false, never>;
 }
 //# sourceMappingURL=search-filter.component.d.ts.map

package/dist/lib/search-filter.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-filter.component.d.ts","sourceRoot":"","sources":["../../src/lib/search-filter.component.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAEH,YAAY,EAKf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;;AAEvE,qBAMa,qBAAqB;IAC9B,OAAO,CAAC,GAAG,CAA6B;IAExC,mCAAmC;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAM;IAEtC,yCAAyC;IAChC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAM;IAEtD,8CAA8C;IACrC,WAAW,UAAQ;IAElB,aAAa,wCAA+C;IAC5D,cAAc,qBAA4B;IAC1C,cAAc,qBAA4B;IAEpD,mCAAmC;IAC5B,mBAAmB,cAAqB;IAE/C,6BAA6B;IACtB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAc1D,+BAA+B;IACxB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAU7C,uCAAuC;IAChC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAIrD,qCAAqC;IAC9B,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO;IAIjE,sCAAsC;IAC/B,gBAAgB,IAAI,OAAO;IAIlC,oCAAoC;IAC7B,oBAAoB,IAAI,MAAM;IAIrC,wBAAwB;IACjB,QAAQ,IAAI,IAAI;IAMvB,6EAA6E;IACtE,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAgBxC,sDAAsD;IAC/C,aAAa,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;yCA1FtC,qBAAqB;2CAArB,qBAAqB;CAgGjC"}
+{"version":3,"file":"search-filter.component.d.ts","sourceRoot":"","sources":["../../src/lib/search-filter.component.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAEH,YAAY,EAKf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;;AAEvE,qBAMa,qBAAqB;IAC9B,OAAO,CAAC,GAAG,CAA6B;IAExC,mCAAmC;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAM;IAEtC,yCAAyC;IAChC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAM;IAEtD,8CAA8C;IACrC,WAAW,UAAQ;IAE5B,+CAA+C;IACtC,mBAAmB,UAAQ;IAEpC,oDAAoD;IAC3C,eAAe,SAAK;IAE7B,2EAA2E;IAClE,qBAAqB,SAAK;IAEzB,aAAa,wCAA+C;IAC5D,cAAc,qBAA4B;IAC1C,cAAc,qBAA4B;IAC1C,eAAe,uBAA8B;IAEvD,mCAAmC;IAC5B,mBAAmB,cAAqB;IAE/C,6BAA6B;IACtB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAc1D,+BAA+B;IACxB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAU7C,uCAAuC;IAChC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAIrD,qCAAqC;IAC9B,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO;IAIjE,sCAAsC;IAC/B,gBAAgB,IAAI,OAAO;IAIlC,oCAAoC;IAC7B,oBAAoB,IAAI,MAAM;IAIrC,wBAAwB;IACjB,QAAQ,IAAI,IAAI;IAMvB,6EAA6E;IACtE,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAgBxC,sDAAsD;IAC/C,aAAa,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAO/C,8FAA8F;IACvF,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI7C,0FAA0F;IACnF,gBAAgB,IAAI,IAAI;IAI/B,4EAA4E;IACrE,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;yCAtHnC,qBAAqB;2CAArB,qBAAqB;CA0HjC"}