@memberjunction/ng-search 5.22.0 → 5.24.0

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

@@ -8,10 +8,10 @@ import { Component, EventEmitter, Input, Output, ChangeDetectorRef, inject } fro
 import * as i0 from "@angular/core";
 const _forTrack0 = ($index, $item) => $item.Category;
 const _forTrack1 = ($index, $item) => $item.Value;
-function SearchFilterComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function SearchFilterComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 7);
-    i0.ɵɵlistener("click", function SearchFilterComponent_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ClearAll()); });
+    i0.ɵɵelementStart(0, "button", 10);
+    i0.ɵɵlistener("click", function SearchFilterComponent_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ClearAll()); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -19,85 +19,102 @@ function SearchFilterComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" Clear (", ctx_r1.GetActiveFilterCount(), ") ");
 } }
-function SearchFilterComponent_For_7_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 12);
+function SearchFilterComponent_For_10_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 17);
 } if (rf & 2) {
     const filter_r4 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("fa-chevron-down", ctx_r1.IsCategoryCollapsed(filter_r4.Category))("fa-chevron-up", !ctx_r1.IsCategoryCollapsed(filter_r4.Category));
 } }
-function SearchFilterComponent_For_7_Conditional_5_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 16);
+function SearchFilterComponent_For_10_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 18);
+    i0.ɵɵlistener("click", function SearchFilterComponent_For_10_Conditional_6_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const filter_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.SelectAll(filter_r4.Category); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const filter_r4 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("title", ctx_r1.IsAllSelected(filter_r4.Category) ? "Clear all" : "Select all");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.IsAllSelected(filter_r4.Category) ? "Clear" : "All", " ");
+} }
+function SearchFilterComponent_For_10_Conditional_7_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 22);
 } }
-function SearchFilterComponent_For_7_Conditional_5_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SearchFilterComponent_For_10_Conditional_7_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i");
 } if (rf & 2) {
-    const option_r6 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵclassMap(option_r6.Icon + " filter-option-icon");
+    const option_r7 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassMap(option_r7.Icon + " filter-option-icon");
 } }
-function SearchFilterComponent_For_7_Conditional_5_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 14);
-    i0.ɵɵlistener("click", function SearchFilterComponent_For_7_Conditional_5_For_2_Template_label_click_0_listener($event) { const option_r6 = i0.ɵɵrestoreView(_r5).$implicit; const filter_r4 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.ToggleOption(filter_r4.Category, option_r6.Value); return i0.ɵɵresetView($event.preventDefault()); });
-    i0.ɵɵelementStart(1, "span", 15);
-    i0.ɵɵconditionalCreate(2, SearchFilterComponent_For_7_Conditional_5_For_2_Conditional_2_Template, 1, 0, "i", 16);
+function SearchFilterComponent_For_10_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 20);
+    i0.ɵɵlistener("click", function SearchFilterComponent_For_10_Conditional_7_For_2_Template_label_click_0_listener($event) { const option_r7 = i0.ɵɵrestoreView(_r6).$implicit; const filter_r4 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.ToggleOption(filter_r4.Category, option_r7.Value); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵelementStart(1, "span", 21);
+    i0.ɵɵconditionalCreate(2, SearchFilterComponent_For_10_Conditional_7_For_2_Conditional_2_Template, 1, 0, "i", 22);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, SearchFilterComponent_For_7_Conditional_5_For_2_Conditional_3_Template, 1, 2, "i", 17);
-    i0.ɵɵelementStart(4, "span", 18);
+    i0.ɵɵconditionalCreate(3, SearchFilterComponent_For_10_Conditional_7_For_2_Conditional_3_Template, 1, 2, "i", 23);
+    i0.ɵɵelementStart(4, "span", 24);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 19);
+    i0.ɵɵelementStart(6, "span", 25);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const option_r6 = ctx.$implicit;
+    const option_r7 = ctx.$implicit;
     const filter_r4 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("filter-checkbox-checked", ctx_r1.IsOptionSelected(filter_r4.Category, option_r6.Value));
+    i0.ɵɵclassProp("filter-checkbox-checked", ctx_r1.IsOptionSelected(filter_r4.Category, option_r7.Value));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsOptionSelected(filter_r4.Category, option_r6.Value) ? 2 : -1);
+    i0.ɵɵconditional(ctx_r1.IsOptionSelected(filter_r4.Category, option_r7.Value) ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(option_r6.Icon ? 3 : -1);
+    i0.ɵɵconditional(option_r7.Icon ? 3 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(option_r6.Label);
+    i0.ɵɵtextInterpolate(option_r7.Label);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(option_r6.Count);
+    i0.ɵɵtextInterpolate(option_r7.Count);
 } }
-function SearchFilterComponent_For_7_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 11);
-    i0.ɵɵrepeaterCreate(1, SearchFilterComponent_For_7_Conditional_5_For_2_Template, 8, 6, "label", 13, _forTrack1);
+function SearchFilterComponent_For_10_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵrepeaterCreate(1, SearchFilterComponent_For_10_Conditional_7_For_2_Template, 8, 6, "label", 19, _forTrack1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const filter_r4 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
     i0.ɵɵrepeater(filter_r4.Options);
 } }
-function SearchFilterComponent_For_7_Template(rf, ctx) { if (rf & 1) {
+function SearchFilterComponent_For_10_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 5)(1, "div", 8);
-    i0.ɵɵlistener("click", function SearchFilterComponent_For_7_Template_div_click_1_listener() { const filter_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ToggleCategory(filter_r4.Category)); });
-    i0.ɵɵelementStart(2, "span", 9);
-    i0.ɵɵtext(3);
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 11)(2, "div", 12);
+    i0.ɵɵlistener("click", function SearchFilterComponent_For_10_Template_div_click_2_listener() { const filter_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ToggleCategory(filter_r4.Category)); });
+    i0.ɵɵelementStart(3, "span", 13);
+    i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, SearchFilterComponent_For_7_Conditional_4_Template, 1, 4, "i", 10);
+    i0.ɵɵconditionalCreate(5, SearchFilterComponent_For_10_Conditional_5_Template, 1, 4, "i", 14);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, SearchFilterComponent_For_7_Conditional_5_Template, 3, 0, "div", 11);
+    i0.ɵɵconditionalCreate(6, SearchFilterComponent_For_10_Conditional_6_Template, 2, 2, "button", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(7, SearchFilterComponent_For_10_Conditional_7_Template, 3, 0, "div", 16);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const filter_r4 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
+    i0.ɵɵadvance(2);
     i0.ɵɵclassProp("filter-category-collapsed", ctx_r1.IsCategoryCollapsed(filter_r4.Category));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(filter_r4.Category);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.Collapsible ? 4 : -1);
+    i0.ɵɵconditional(ctx_r1.Collapsible ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.IsCategoryCollapsed(filter_r4.Category) && filter_r4.Options.length > 1 ? 6 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r1.IsCategoryCollapsed(filter_r4.Category) ? 5 : -1);
+    i0.ɵɵconditional(!ctx_r1.IsCategoryCollapsed(filter_r4.Category) ? 7 : -1);
 } }
-function SearchFilterComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6)(1, "p");
+function SearchFilterComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9)(1, "p");
     i0.ɵɵtext(2, "No filters available");
     i0.ɵɵelementEnd()();
 } }
@@ -111,6 +128,7 @@ export class SearchFilterComponent {
     Collapsible = true;
     FilterChanged = new EventEmitter();
     FiltersCleared = new EventEmitter();
+    CloseRequested = new EventEmitter();
     /** Collapsed state per category */
     CollapsedCategories = new Set();
     /** Toggle a filter option */
@@ -162,29 +180,58 @@ export class SearchFilterComponent {
         this.FiltersCleared.emit();
         this.cdr.detectChanges();
     }
+    /** Select all options in a category, or clear all if already all selected */
+    SelectAll(category) {
+        const filter = this.Filters.find(f => f.Category === category);
+        if (!filter)
+            return;
+        const current = this.ActiveFilters[category] ?? [];
+        if (current.length === filter.Options.length) {
+            // All selected → clear
+            this.ActiveFilters[category] = [];
+        }
+        else {
+            // Select all
+            this.ActiveFilters[category] = filter.Options.map(o => o.Value);
+        }
+        this.FilterChanged.emit({ Category: category, SelectedValues: this.ActiveFilters[category] });
+        this.cdr.detectChanges();
+    }
+    /** Check if all options in a category are selected */
+    IsAllSelected(category) {
+        const filter = this.Filters.find(f => f.Category === category);
+        if (!filter)
+            return false;
+        const selection = this.ActiveFilters[category] ?? [];
+        return selection.length === filter.Options.length;
+    }
     static ɵfac = function SearchFilterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SearchFilterComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchFilterComponent, selectors: [["mj-search-filter"]], inputs: { Filters: "Filters", ActiveFilters: "ActiveFilters", Collapsible: "Collapsible" }, outputs: { FilterChanged: "FilterChanged", FiltersCleared: "FiltersCleared" }, standalone: false, decls: 9, vars: 2, consts: [[1, "filter-panel"], [1, "filter-panel-header"], [1, "filter-panel-title"], [1, "fa-solid", "fa-filter"], [1, "filter-clear-all"], [1, "filter-category"], [1, "filter-empty"], [1, "filter-clear-all", 3, "click"], [1, "filter-category-header", 3, "click"], [1, "filter-category-name"], [1, "fa-solid", "filter-category-chevron", 3, "fa-chevron-down", "fa-chevron-up"], [1, "filter-options"], [1, "fa-solid", "filter-category-chevron"], [1, "filter-option"], [1, "filter-option", 3, "click"], [1, "filter-checkbox"], [1, "fa-solid", "fa-check"], [3, "class"], [1, "filter-option-label"], [1, "filter-option-count"]], template: function SearchFilterComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchFilterComponent, selectors: [["mj-search-filter"]], inputs: { Filters: "Filters", ActiveFilters: "ActiveFilters", Collapsible: "Collapsible" }, outputs: { FilterChanged: "FilterChanged", FiltersCleared: "FiltersCleared", CloseRequested: "CloseRequested" }, standalone: false, decls: 12, vars: 2, consts: [[1, "filter-panel"], [1, "filter-panel-header"], [1, "filter-panel-title"], [1, "fa-solid", "fa-filter"], [1, "filter-header-actions"], [1, "filter-clear-all"], ["title", "Hide filters", 1, "filter-close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "filter-category"], [1, "filter-empty"], [1, "filter-clear-all", 3, "click"], [1, "filter-category-header-row"], [1, "filter-category-header", 3, "click"], [1, "filter-category-name"], [1, "fa-solid", "filter-category-chevron", 3, "fa-chevron-down", "fa-chevron-up"], [1, "filter-select-all", 3, "title"], [1, "filter-options"], [1, "fa-solid", "filter-category-chevron"], [1, "filter-select-all", 3, "click", "title"], [1, "filter-option"], [1, "filter-option", 3, "click"], [1, "filter-checkbox"], [1, "fa-solid", "fa-check"], [3, "class"], [1, "filter-option-label"], [1, "filter-option-count"]], template: function SearchFilterComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "span", 2);
             i0.ɵɵelement(3, "i", 3);
             i0.ɵɵtext(4, " Filters ");
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(5, SearchFilterComponent_Conditional_5_Template, 2, 1, "button", 4);
-            i0.ɵɵelementEnd();
-            i0.ɵɵrepeaterCreate(6, SearchFilterComponent_For_7_Template, 6, 5, "div", 5, _forTrack0);
-            i0.ɵɵconditionalCreate(8, SearchFilterComponent_Conditional_8_Template, 3, 0, "div", 6);
+            i0.ɵɵelementStart(5, "div", 4);
+            i0.ɵɵconditionalCreate(6, SearchFilterComponent_Conditional_6_Template, 2, 1, "button", 5);
+            i0.ɵɵelementStart(7, "button", 6);
+            i0.ɵɵlistener("click", function SearchFilterComponent_Template_button_click_7_listener() { return ctx.CloseRequested.emit(); });
+            i0.ɵɵelement(8, "i", 7);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵrepeaterCreate(9, SearchFilterComponent_For_10_Template, 8, 6, "div", 8, _forTrack0);
+            i0.ɵɵconditionalCreate(11, SearchFilterComponent_Conditional_11_Template, 3, 0, "div", 9);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵadvance(5);
-            i0.ɵɵconditional(ctx.HasActiveFilters() ? 5 : -1);
-            i0.ɵɵadvance();
+            i0.ɵɵadvance(6);
+            i0.ɵɵconditional(ctx.HasActiveFilters() ? 6 : -1);
+            i0.ɵɵadvance(3);
             i0.ɵɵrepeater(ctx.Filters);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.Filters.length === 0 ? 8 : -1);
-        } }, styles: ["\n\n\n.filter-panel[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    overflow: hidden;\n}\n\n.filter-panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.filter-panel-title[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 0.85rem;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.filter-clear-all[_ngcontent-%COMP%] {\n    border: none;\n    background: none;\n    color: var(--mj-brand-primary);\n    font-size: 0.78rem;\n    cursor: pointer;\n    padding: 0.15rem 0.4rem;\n    border-radius: 4px;\n}\n\n.filter-clear-all[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n\n\n.filter-category[_ngcontent-%COMP%] {\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.filter-category[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.filter-category-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.6rem 1rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.filter-category-header[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.filter-category-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    font-size: 0.82rem;\n    color: var(--mj-text-primary);\n}\n\n.filter-category-chevron[_ngcontent-%COMP%] {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n\n\n.filter-options[_ngcontent-%COMP%] {\n    padding: 0.25rem 0;\n}\n\n.filter-option[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.4rem 1rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n    font-size: 0.82rem;\n}\n\n.filter-option[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.filter-checkbox[_ngcontent-%COMP%] {\n    width: 1rem;\n    height: 1rem;\n    border: 1.5px solid var(--mj-border-strong);\n    border-radius: 3px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    font-size: 0.6rem;\n    transition: all 0.15s ease;\n}\n\n.filter-checkbox-checked[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.filter-option-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.78rem;\n    width: 1rem;\n    text-align: center;\n}\n\n.filter-option-label[_ngcontent-%COMP%] {\n    flex: 1;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.filter-option-count[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n\n\n.filter-empty[_ngcontent-%COMP%] {\n    padding: 1.5rem 1rem;\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 0.82rem;\n}"] });
+            i0.ɵɵconditional(ctx.Filters.length === 0 ? 11 : -1);
+        } }, styles: ["\n\n\n.filter-panel[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    overflow: hidden;\n}\n\n.filter-panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.filter-panel-title[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 0.85rem;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.filter-clear-all[_ngcontent-%COMP%] {\n    border: none;\n    background: none;\n    color: var(--mj-brand-primary);\n    font-size: 0.78rem;\n    cursor: pointer;\n    padding: 0.15rem 0.4rem;\n    border-radius: 4px;\n}\n\n.filter-clear-all[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.filter-header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.filter-close-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    border: none;\n    border-radius: 4px;\n    background: none;\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.filter-close-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n\n\n.filter-category[_ngcontent-%COMP%] {\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.filter-category[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.filter-category-header-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n}\n\n.filter-category-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.6rem 1rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n    flex: 1;\n}\n\n.filter-category-header[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.filter-select-all[_ngcontent-%COMP%] {\n    padding: 2px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    background: none;\n    color: var(--mj-text-muted);\n    font-size: 0.65rem;\n    font-weight: 500;\n    cursor: pointer;\n    margin-right: 8px;\n    transition: color 0.15s ease, border-color 0.15s ease;\n}\n\n.filter-select-all[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.filter-category-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    font-size: 0.82rem;\n    color: var(--mj-text-primary);\n}\n\n.filter-category-chevron[_ngcontent-%COMP%] {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n\n\n.filter-options[_ngcontent-%COMP%] {\n    padding: 0.25rem 0;\n}\n\n.filter-option[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.4rem 1rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n    font-size: 0.82rem;\n}\n\n.filter-option[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.filter-checkbox[_ngcontent-%COMP%] {\n    width: 1rem;\n    height: 1rem;\n    border: 1.5px solid var(--mj-border-strong);\n    border-radius: 3px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    font-size: 0.6rem;\n    transition: all 0.15s ease;\n}\n\n.filter-checkbox-checked[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.filter-option-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.78rem;\n    width: 1rem;\n    text-align: center;\n}\n\n.filter-option-label[_ngcontent-%COMP%] {\n    flex: 1;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.filter-option-count[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n\n\n.filter-empty[_ngcontent-%COMP%] {\n    padding: 1.5rem 1rem;\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 0.82rem;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchFilterComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-search-filter', template: "<div class=\"filter-panel\">\n    <div class=\"filter-panel-header\">\n        <span class=\"filter-panel-title\">\n            <i class=\"fa-solid fa-filter\"></i> Filters\n        </span>\n        @if (HasActiveFilters()) {\n            <button class=\"filter-clear-all\" (click)=\"ClearAll()\">\n                Clear ({{ GetActiveFilterCount() }})\n            </button>\n        }\n    </div>\n\n    @for (filter of Filters; track filter.Category) {\n        <div class=\"filter-category\">\n            <div\n                class=\"filter-category-header\"\n                (click)=\"ToggleCategory(filter.Category)\"\n                [class.filter-category-collapsed]=\"IsCategoryCollapsed(filter.Category)\"\n            >\n                <span class=\"filter-category-name\">{{ filter.Category }}</span>\n                @if (Collapsible) {\n                    <i class=\"fa-solid filter-category-chevron\"\n                       [class.fa-chevron-down]=\"IsCategoryCollapsed(filter.Category)\"\n                       [class.fa-chevron-up]=\"!IsCategoryCollapsed(filter.Category)\"></i>\n                }\n            </div>\n\n            @if (!IsCategoryCollapsed(filter.Category)) {\n                <div class=\"filter-options\">\n                    @for (option of filter.Options; track option.Value) {\n                        <label class=\"filter-option\" (click)=\"ToggleOption(filter.Category, option.Value); $event.preventDefault()\">\n                            <span class=\"filter-checkbox\" [class.filter-checkbox-checked]=\"IsOptionSelected(filter.Category, option.Value)\">\n                                @if (IsOptionSelected(filter.Category, option.Value)) {\n                                    <i class=\"fa-solid fa-check\"></i>\n                                }\n                            </span>\n                            @if (option.Icon) {\n                                <i [class]=\"option.Icon + ' filter-option-icon'\"></i>\n                            }\n                            <span class=\"filter-option-label\">{{ option.Label }}</span>\n                            <span class=\"filter-option-count\">{{ option.Count }}</span>\n                        </label>\n                    }\n                </div>\n            }\n        </div>\n    }\n\n    @if (Filters.length === 0) {\n        <div class=\"filter-empty\">\n            <p>No filters available</p>\n        </div>\n    }\n</div>\n", styles: ["/* Search Filter Panel */\n\n.filter-panel {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    overflow: hidden;\n}\n\n.filter-panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.filter-panel-title {\n    font-weight: 600;\n    font-size: 0.85rem;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.filter-clear-all {\n    border: none;\n    background: none;\n    color: var(--mj-brand-primary);\n    font-size: 0.78rem;\n    cursor: pointer;\n    padding: 0.15rem 0.4rem;\n    border-radius: 4px;\n}\n\n.filter-clear-all:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n/* Category */\n.filter-category {\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.filter-category:last-child {\n    border-bottom: none;\n}\n\n.filter-category-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.6rem 1rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.filter-category-header:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.filter-category-name {\n    font-weight: 500;\n    font-size: 0.82rem;\n    color: var(--mj-text-primary);\n}\n\n.filter-category-chevron {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n/* Options */\n.filter-options {\n    padding: 0.25rem 0;\n}\n\n.filter-option {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.4rem 1rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n    font-size: 0.82rem;\n}\n\n.filter-option:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.filter-checkbox {\n    width: 1rem;\n    height: 1rem;\n    border: 1.5px solid var(--mj-border-strong);\n    border-radius: 3px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    font-size: 0.6rem;\n    transition: all 0.15s ease;\n}\n\n.filter-checkbox-checked {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.filter-option-icon {\n    color: var(--mj-text-muted);\n    font-size: 0.78rem;\n    width: 1rem;\n    text-align: center;\n}\n\n.filter-option-label {\n    flex: 1;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.filter-option-count {\n    color: var(--mj-text-muted);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n/* Empty state */\n.filter-empty {\n    padding: 1.5rem 1rem;\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 0.82rem;\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-search-filter', template: "<div class=\"filter-panel\">\n    <div class=\"filter-panel-header\">\n        <span class=\"filter-panel-title\">\n            <i class=\"fa-solid fa-filter\"></i> Filters\n        </span>\n        <div class=\"filter-header-actions\">\n            @if (HasActiveFilters()) {\n                <button class=\"filter-clear-all\" (click)=\"ClearAll()\">\n                    Clear ({{ GetActiveFilterCount() }})\n                </button>\n            }\n            <button class=\"filter-close-btn\" (click)=\"CloseRequested.emit()\" title=\"Hide filters\">\n                <i class=\"fa-solid fa-times\"></i>\n            </button>\n        </div>\n    </div>\n\n    @for (filter of Filters; track filter.Category) {\n        <div class=\"filter-category\">\n            <div class=\"filter-category-header-row\">\n                <div\n                    class=\"filter-category-header\"\n                    (click)=\"ToggleCategory(filter.Category)\"\n                    [class.filter-category-collapsed]=\"IsCategoryCollapsed(filter.Category)\"\n                >\n                    <span class=\"filter-category-name\">{{ filter.Category }}</span>\n                    @if (Collapsible) {\n                        <i class=\"fa-solid filter-category-chevron\"\n                           [class.fa-chevron-down]=\"IsCategoryCollapsed(filter.Category)\"\n                           [class.fa-chevron-up]=\"!IsCategoryCollapsed(filter.Category)\"></i>\n                    }\n                </div>\n                @if (!IsCategoryCollapsed(filter.Category) && filter.Options.length > 1) {\n                    <button class=\"filter-select-all\"\n                            (click)=\"SelectAll(filter.Category); $event.stopPropagation()\"\n                            [title]=\"IsAllSelected(filter.Category) ? 'Clear all' : 'Select all'\">\n                        {{ IsAllSelected(filter.Category) ? 'Clear' : 'All' }}\n                    </button>\n                }\n            </div>\n\n            @if (!IsCategoryCollapsed(filter.Category)) {\n                <div class=\"filter-options\">\n                    @for (option of filter.Options; track option.Value) {\n                        <label class=\"filter-option\" (click)=\"ToggleOption(filter.Category, option.Value); $event.preventDefault()\">\n                            <span class=\"filter-checkbox\" [class.filter-checkbox-checked]=\"IsOptionSelected(filter.Category, option.Value)\">\n                                @if (IsOptionSelected(filter.Category, option.Value)) {\n                                    <i class=\"fa-solid fa-check\"></i>\n                                }\n                            </span>\n                            @if (option.Icon) {\n                                <i [class]=\"option.Icon + ' filter-option-icon'\"></i>\n                            }\n                            <span class=\"filter-option-label\">{{ option.Label }}</span>\n                            <span class=\"filter-option-count\">{{ option.Count }}</span>\n                        </label>\n                    }\n                </div>\n            }\n        </div>\n    }\n\n    @if (Filters.length === 0) {\n        <div class=\"filter-empty\">\n            <p>No filters available</p>\n        </div>\n    }\n</div>\n", styles: ["/* Search Filter Panel */\n\n.filter-panel {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    overflow: hidden;\n}\n\n.filter-panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.filter-panel-title {\n    font-weight: 600;\n    font-size: 0.85rem;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.filter-clear-all {\n    border: none;\n    background: none;\n    color: var(--mj-brand-primary);\n    font-size: 0.78rem;\n    cursor: pointer;\n    padding: 0.15rem 0.4rem;\n    border-radius: 4px;\n}\n\n.filter-clear-all:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.filter-header-actions {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.filter-close-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    border: none;\n    border-radius: 4px;\n    background: none;\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.filter-close-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n/* Category */\n.filter-category {\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.filter-category:last-child {\n    border-bottom: none;\n}\n\n.filter-category-header-row {\n    display: flex;\n    align-items: center;\n}\n\n.filter-category-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.6rem 1rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n    flex: 1;\n}\n\n.filter-category-header:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.filter-select-all {\n    padding: 2px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    background: none;\n    color: var(--mj-text-muted);\n    font-size: 0.65rem;\n    font-weight: 500;\n    cursor: pointer;\n    margin-right: 8px;\n    transition: color 0.15s ease, border-color 0.15s ease;\n}\n\n.filter-select-all:hover {\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.filter-category-name {\n    font-weight: 500;\n    font-size: 0.82rem;\n    color: var(--mj-text-primary);\n}\n\n.filter-category-chevron {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n/* Options */\n.filter-options {\n    padding: 0.25rem 0;\n}\n\n.filter-option {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.4rem 1rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n    font-size: 0.82rem;\n}\n\n.filter-option:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.filter-checkbox {\n    width: 1rem;\n    height: 1rem;\n    border: 1.5px solid var(--mj-border-strong);\n    border-radius: 3px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    font-size: 0.6rem;\n    transition: all 0.15s ease;\n}\n\n.filter-checkbox-checked {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.filter-option-icon {\n    color: var(--mj-text-muted);\n    font-size: 0.78rem;\n    width: 1rem;\n    text-align: center;\n}\n\n.filter-option-label {\n    flex: 1;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.filter-option-count {\n    color: var(--mj-text-muted);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n/* Empty state */\n.filter-empty {\n    padding: 1.5rem 1rem;\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 0.82rem;\n}\n"] }]
     }], null, { Filters: [{
             type: Input
         }], ActiveFilters: [{
@@ -195,6 +242,8 @@ export class SearchFilterComponent {
             type: Output
         }], FiltersCleared: [{
             type: Output
+        }], CloseRequested: [{
+            type: Output
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SearchFilterComponent, { className: "SearchFilterComponent", filePath: "src/lib/search-filter.component.ts", lineNumber: 24 }); })();
 //# sourceMappingURL=search-filter.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"search-filter.component.js","sourceRoot":"","sources":["../../src/lib/search-filter.component.ts","../../src/lib/search-filter.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Search Filter Component\n *\n * Faceted filter sidebar for narrowing search results.\n * Displays filter categories with checkable options and counts.\n */\n\nimport {\n    Component,\n    EventEmitter,\n    Input,\n    Output,\n    ChangeDetectorRef,\n    inject\n} from '@angular/core';\nimport { SearchFilter, SearchFilterChangeEvent } from './search-types';\n\n@Component({\n    standalone: false,\n    selector: 'mj-search-filter',\n    templateUrl: './search-filter.component.html',\n    styleUrls: ['./search-filter.component.css']\n})\nexport class SearchFilterComponent {\n    private cdr = inject(ChangeDetectorRef);\n\n    /** Available filters to display */\n    @Input() Filters: SearchFilter[] = [];\n\n    /** Currently active filter selections */\n    @Input() ActiveFilters: Record<string, string[]> = {};\n\n    /** Whether the filter panel is collapsible */\n    @Input() Collapsible = true;\n\n    @Output() FilterChanged = new EventEmitter<SearchFilterChangeEvent>();\n    @Output() FiltersCleared = new EventEmitter<void>();\n\n    /** Collapsed state per category */\n    public CollapsedCategories = new Set<string>();\n\n    /** Toggle a filter option */\n    public ToggleOption(category: string, value: string): void {\n        const current = this.ActiveFilters[category] ? [...this.ActiveFilters[category]] : [];\n        const index = current.indexOf(value);\n        if (index >= 0) {\n            current.splice(index, 1);\n        } else {\n            current.push(value);\n        }\n        // Update local state to reflect change\n        this.ActiveFilters = { ...this.ActiveFilters, [category]: current };\n        this.FilterChanged.emit({ Category: category, SelectedValues: current });\n        this.cdr.detectChanges();\n    }\n\n    /** Toggle category collapse */\n    public ToggleCategory(category: string): void {\n        if (!this.Collapsible) return;\n        if (this.CollapsedCategories.has(category)) {\n            this.CollapsedCategories.delete(category);\n        } else {\n            this.CollapsedCategories.add(category);\n        }\n        this.cdr.detectChanges();\n    }\n\n    /** Check if a category is collapsed */\n    public IsCategoryCollapsed(category: string): boolean {\n        return this.CollapsedCategories.has(category);\n    }\n\n    /** Check if an option is selected */\n    public IsOptionSelected(category: string, value: string): boolean {\n        return (this.ActiveFilters[category] ?? []).includes(value);\n    }\n\n    /** Check if any filters are active */\n    public HasActiveFilters(): boolean {\n        return Object.values(this.ActiveFilters).some(v => v.length > 0);\n    }\n\n    /** Get total active filter count */\n    public GetActiveFilterCount(): number {\n        return Object.values(this.ActiveFilters).reduce((sum, v) => sum + v.length, 0);\n    }\n\n    /** Clear all filters */\n    public ClearAll(): void {\n        this.ActiveFilters = {};\n        this.FiltersCleared.emit();\n        this.cdr.detectChanges();\n    }\n}\n","<div class=\"filter-panel\">\n    <div class=\"filter-panel-header\">\n        <span class=\"filter-panel-title\">\n            <i class=\"fa-solid fa-filter\"></i> Filters\n        </span>\n        @if (HasActiveFilters()) {\n            <button class=\"filter-clear-all\" (click)=\"ClearAll()\">\n                Clear ({{ GetActiveFilterCount() }})\n            </button>\n        }\n    </div>\n\n    @for (filter of Filters; track filter.Category) {\n        <div class=\"filter-category\">\n            <div\n                class=\"filter-category-header\"\n                (click)=\"ToggleCategory(filter.Category)\"\n                [class.filter-category-collapsed]=\"IsCategoryCollapsed(filter.Category)\"\n            >\n                <span class=\"filter-category-name\">{{ filter.Category }}</span>\n                @if (Collapsible) {\n                    <i class=\"fa-solid filter-category-chevron\"\n                       [class.fa-chevron-down]=\"IsCategoryCollapsed(filter.Category)\"\n                       [class.fa-chevron-up]=\"!IsCategoryCollapsed(filter.Category)\"></i>\n                }\n            </div>\n\n            @if (!IsCategoryCollapsed(filter.Category)) {\n                <div class=\"filter-options\">\n                    @for (option of filter.Options; track option.Value) {\n                        <label class=\"filter-option\" (click)=\"ToggleOption(filter.Category, option.Value); $event.preventDefault()\">\n                            <span class=\"filter-checkbox\" [class.filter-checkbox-checked]=\"IsOptionSelected(filter.Category, option.Value)\">\n                                @if (IsOptionSelected(filter.Category, option.Value)) {\n                                    <i class=\"fa-solid fa-check\"></i>\n                                }\n                            </span>\n                            @if (option.Icon) {\n                                <i [class]=\"option.Icon + ' filter-option-icon'\"></i>\n                            }\n                            <span class=\"filter-option-label\">{{ option.Label }}</span>\n                            <span class=\"filter-option-count\">{{ option.Count }}</span>\n                        </label>\n                    }\n                </div>\n            }\n        </div>\n    }\n\n    @if (Filters.length === 0) {\n        <div class=\"filter-empty\">\n            <p>No filters available</p>\n        </div>\n    }\n</div>\n"]}
+{"version":3,"file":"search-filter.component.js","sourceRoot":"","sources":["../../src/lib/search-filter.component.ts","../../src/lib/search-filter.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Search Filter Component\n *\n * Faceted filter sidebar for narrowing search results.\n * Displays filter categories with checkable options and counts.\n */\n\nimport {\n    Component,\n    EventEmitter,\n    Input,\n    Output,\n    ChangeDetectorRef,\n    inject\n} from '@angular/core';\nimport { SearchFilter, SearchFilterChangeEvent } from './search-types';\n\n@Component({\n    standalone: false,\n    selector: 'mj-search-filter',\n    templateUrl: './search-filter.component.html',\n    styleUrls: ['./search-filter.component.css']\n})\nexport class SearchFilterComponent {\n    private cdr = inject(ChangeDetectorRef);\n\n    /** Available filters to display */\n    @Input() Filters: SearchFilter[] = [];\n\n    /** Currently active filter selections */\n    @Input() ActiveFilters: Record<string, string[]> = {};\n\n    /** Whether the filter panel is collapsible */\n    @Input() Collapsible = true;\n\n    @Output() FilterChanged = new EventEmitter<SearchFilterChangeEvent>();\n    @Output() FiltersCleared = new EventEmitter<void>();\n    @Output() CloseRequested = new EventEmitter<void>();\n\n    /** Collapsed state per category */\n    public CollapsedCategories = new Set<string>();\n\n    /** Toggle a filter option */\n    public ToggleOption(category: string, value: string): void {\n        const current = this.ActiveFilters[category] ? [...this.ActiveFilters[category]] : [];\n        const index = current.indexOf(value);\n        if (index >= 0) {\n            current.splice(index, 1);\n        } else {\n            current.push(value);\n        }\n        // Update local state to reflect change\n        this.ActiveFilters = { ...this.ActiveFilters, [category]: current };\n        this.FilterChanged.emit({ Category: category, SelectedValues: current });\n        this.cdr.detectChanges();\n    }\n\n    /** Toggle category collapse */\n    public ToggleCategory(category: string): void {\n        if (!this.Collapsible) return;\n        if (this.CollapsedCategories.has(category)) {\n            this.CollapsedCategories.delete(category);\n        } else {\n            this.CollapsedCategories.add(category);\n        }\n        this.cdr.detectChanges();\n    }\n\n    /** Check if a category is collapsed */\n    public IsCategoryCollapsed(category: string): boolean {\n        return this.CollapsedCategories.has(category);\n    }\n\n    /** Check if an option is selected */\n    public IsOptionSelected(category: string, value: string): boolean {\n        return (this.ActiveFilters[category] ?? []).includes(value);\n    }\n\n    /** Check if any filters are active */\n    public HasActiveFilters(): boolean {\n        return Object.values(this.ActiveFilters).some(v => v.length > 0);\n    }\n\n    /** Get total active filter count */\n    public GetActiveFilterCount(): number {\n        return Object.values(this.ActiveFilters).reduce((sum, v) => sum + v.length, 0);\n    }\n\n    /** Clear all filters */\n    public ClearAll(): void {\n        this.ActiveFilters = {};\n        this.FiltersCleared.emit();\n        this.cdr.detectChanges();\n    }\n\n    /** Select all options in a category, or clear all if already all selected */\n    public SelectAll(category: string): void {\n        const filter = this.Filters.find(f => f.Category === category);\n        if (!filter) return;\n\n        const current = this.ActiveFilters[category] ?? [];\n        if (current.length === filter.Options.length) {\n            // All selected → clear\n            this.ActiveFilters[category] = [];\n        } else {\n            // Select all\n            this.ActiveFilters[category] = filter.Options.map(o => o.Value);\n        }\n        this.FilterChanged.emit({ Category: category, SelectedValues: this.ActiveFilters[category] });\n        this.cdr.detectChanges();\n    }\n\n    /** Check if all options in a category are selected */\n    public IsAllSelected(category: string): boolean {\n        const filter = this.Filters.find(f => f.Category === category);\n        if (!filter) return false;\n        const selection = this.ActiveFilters[category] ?? [];\n        return selection.length === filter.Options.length;\n    }\n}\n","<div class=\"filter-panel\">\n    <div class=\"filter-panel-header\">\n        <span class=\"filter-panel-title\">\n            <i class=\"fa-solid fa-filter\"></i> Filters\n        </span>\n        <div class=\"filter-header-actions\">\n            @if (HasActiveFilters()) {\n                <button class=\"filter-clear-all\" (click)=\"ClearAll()\">\n                    Clear ({{ GetActiveFilterCount() }})\n                </button>\n            }\n            <button class=\"filter-close-btn\" (click)=\"CloseRequested.emit()\" title=\"Hide filters\">\n                <i class=\"fa-solid fa-times\"></i>\n            </button>\n        </div>\n    </div>\n\n    @for (filter of Filters; track filter.Category) {\n        <div class=\"filter-category\">\n            <div class=\"filter-category-header-row\">\n                <div\n                    class=\"filter-category-header\"\n                    (click)=\"ToggleCategory(filter.Category)\"\n                    [class.filter-category-collapsed]=\"IsCategoryCollapsed(filter.Category)\"\n                >\n                    <span class=\"filter-category-name\">{{ filter.Category }}</span>\n                    @if (Collapsible) {\n                        <i class=\"fa-solid filter-category-chevron\"\n                           [class.fa-chevron-down]=\"IsCategoryCollapsed(filter.Category)\"\n                           [class.fa-chevron-up]=\"!IsCategoryCollapsed(filter.Category)\"></i>\n                    }\n                </div>\n                @if (!IsCategoryCollapsed(filter.Category) && filter.Options.length > 1) {\n                    <button class=\"filter-select-all\"\n                            (click)=\"SelectAll(filter.Category); $event.stopPropagation()\"\n                            [title]=\"IsAllSelected(filter.Category) ? 'Clear all' : 'Select all'\">\n                        {{ IsAllSelected(filter.Category) ? 'Clear' : 'All' }}\n                    </button>\n                }\n            </div>\n\n            @if (!IsCategoryCollapsed(filter.Category)) {\n                <div class=\"filter-options\">\n                    @for (option of filter.Options; track option.Value) {\n                        <label class=\"filter-option\" (click)=\"ToggleOption(filter.Category, option.Value); $event.preventDefault()\">\n                            <span class=\"filter-checkbox\" [class.filter-checkbox-checked]=\"IsOptionSelected(filter.Category, option.Value)\">\n                                @if (IsOptionSelected(filter.Category, option.Value)) {\n                                    <i class=\"fa-solid fa-check\"></i>\n                                }\n                            </span>\n                            @if (option.Icon) {\n                                <i [class]=\"option.Icon + ' filter-option-icon'\"></i>\n                            }\n                            <span class=\"filter-option-label\">{{ option.Label }}</span>\n                            <span class=\"filter-option-count\">{{ option.Count }}</span>\n                        </label>\n                    }\n                </div>\n            }\n        </div>\n    }\n\n    @if (Filters.length === 0) {\n        <div class=\"filter-empty\">\n            <p>No filters available</p>\n        </div>\n    }\n</div>\n"]}

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

@@ -10,16 +10,24 @@ import { SearchResultItem, SearchResultGroup, SearchResultSelectedEvent } from '
 import * as i0 from "@angular/core";
 export declare class SearchResultsComponent {
     private cdr;
-    /** Grouped search results to display */
+    /** Grouped search results to display (used when DisplayMode is 'grouped') */
     ResultGroups: SearchResultGroup[];
+    /** Flat list of all results sorted by score (used when DisplayMode is 'flat') */
+    FlatResults: SearchResultItem[];
+    /** Display mode: 'flat' for blended list sorted by score, 'grouped' for source-type groups */
+    DisplayMode: 'flat' | 'grouped';
     /** Whether results are currently loading */
     IsLoading: boolean;
     /** Total result count */
     TotalCount: number;
     /** Elapsed search time in ms */
     ElapsedMs: number;
-    /** Maximum results per group before "Show more" */
+    /** Maximum results per group before "Show more" (grouped mode only) */
     MaxPerGroup: number;
+    /** Results per page in flat mode */
+    PageSize: number;
+    /** Whether to show the results summary line (count + time). Set false when parent provides its own header. */
+    ShowSummary: boolean;
     /** Whether to show score badges */
     ShowScores: boolean;
     /** Whether to show tags */
@@ -32,10 +40,22 @@ export declare class SearchResultsComponent {
         EntityName: string;
         RecordID: string;
     }>;
+    /** Emitted when user clicks "See Similar Items" — parent runs a "more like this" search */
+    MoreLikeThisRequested: EventEmitter<SearchResultItem>;
+    /** Current page (1-based) for flat mode pagination */
+    CurrentPage: number;
     /** Tracks which groups are expanded */
     ExpandedGroups: Set<string>;
     /** Set of expanded result card IDs — multiple can be open simultaneously */
     ExpandedResultIDs: Set<string>;
+    /** Get results for the current page in flat mode */
+    get PagedResults(): SearchResultItem[];
+    /** Total number of pages */
+    get TotalPages(): number;
+    /** Page numbers to display in the pager */
+    get PageNumbers(): number[];
+    /** Navigate to a specific page */
+    GoToPage(page: number): void;
     /** Toggle group expansion */
     ToggleGroup(sourceType: string): void;
     /** Whether a group is expanded */
@@ -54,11 +74,39 @@ export declare class SearchResultsComponent {
     IsExpanded(resultID: string): boolean;
     /** Handle "Open Record" button click */
     OnOpenRecord(result: SearchResultItem, event: MouseEvent): void;
+    /** Handle "See Similar Items" button click — emits the result for a "more like this" search */
+    OnMoreLikeThis(result: SearchResultItem, event: MouseEvent): void;
     /** Format a score as a percentage */
     FormatScore(score: number): string;
     /** Format elapsed time */
     FormatTime(ms: number): string;
+    /** Resolved link cache per result ID */
+    private resolvedLinksCache;
+    /**
+     * Resolve URL and Email fields from the result's RawMetadata using entity ExtendedType metadata.
+     * Returns clickable link entries with proper type classification.
+     */
+    GetResolvedLinks(result: SearchResultItem): {
+        Value: string;
+        Label: string;
+        Type: 'URL' | 'Email';
+    }[];
+    /** Extract URLs from snippet text */
+    ExtractUrls(snippet: string): string[];
+    /** Truncate a URL for display */
+    TruncateUrl(url: string): string;
+    /** Cache of URL/Email field info per entity name */
+    private linkFieldsCache;
+    /**
+     * Get URL and Email fields for an entity using ExtendedType from entity metadata.
+     * Returns fields with ExtendedType='URL' or ExtendedType='Email'.
+     */
+    GetLinkFields(entityName: string): {
+        Name: string;
+        DisplayName: string;
+        Type: 'URL' | 'Email';
+    }[];
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchResultsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchResultsComponent, "mj-search-results", never, { "ResultGroups": { "alias": "ResultGroups"; "required": false; }; "IsLoading": { "alias": "IsLoading"; "required": false; }; "TotalCount": { "alias": "TotalCount"; "required": false; }; "ElapsedMs": { "alias": "ElapsedMs"; "required": false; }; "MaxPerGroup": { "alias": "MaxPerGroup"; "required": false; }; "ShowScores": { "alias": "ShowScores"; "required": false; }; "ShowTags": { "alias": "ShowTags"; "required": false; }; "ShowSourceIcons": { "alias": "ShowSourceIcons"; "required": false; }; }, { "ResultSelected": "ResultSelected"; "OpenRecordRequested": "OpenRecordRequested"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchResultsComponent, "mj-search-results", never, { "ResultGroups": { "alias": "ResultGroups"; "required": false; }; "FlatResults": { "alias": "FlatResults"; "required": false; }; "DisplayMode": { "alias": "DisplayMode"; "required": false; }; "IsLoading": { "alias": "IsLoading"; "required": false; }; "TotalCount": { "alias": "TotalCount"; "required": false; }; "ElapsedMs": { "alias": "ElapsedMs"; "required": false; }; "MaxPerGroup": { "alias": "MaxPerGroup"; "required": false; }; "PageSize": { "alias": "PageSize"; "required": false; }; "ShowSummary": { "alias": "ShowSummary"; "required": false; }; "ShowScores": { "alias": "ShowScores"; "required": false; }; "ShowTags": { "alias": "ShowTags"; "required": false; }; "ShowSourceIcons": { "alias": "ShowSourceIcons"; "required": false; }; }, { "ResultSelected": "ResultSelected"; "OpenRecordRequested": "OpenRecordRequested"; "MoreLikeThisRequested": "MoreLikeThisRequested"; }, never, never, false, never>;
 }
 //# sourceMappingURL=search-results.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"search-results.component.d.ts","sourceRoot":"","sources":["../../src/lib/search-results.component.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAEH,YAAY,EAKf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;;AAEhG,qBAMa,sBAAsB;IAC/B,OAAO,CAAC,GAAG,CAA6B;IAExC,wCAAwC;IAC/B,YAAY,EAAE,iBAAiB,EAAE,CAAM;IAEhD,4CAA4C;IACnC,SAAS,UAAS;IAE3B,yBAAyB;IAChB,UAAU,SAAK;IAExB,gCAAgC;IACvB,SAAS,SAAK;IAEvB,mDAAmD;IAC1C,WAAW,SAAK;IAEzB,mCAAmC;IAC1B,UAAU,UAAQ;IAE3B,2BAA2B;IAClB,QAAQ,UAAQ;IAEzB,wCAAwC;IAC/B,eAAe,UAAQ;IAEtB,cAAc,0CAAiD;IAEzE,yEAAyE;IAC/D,mBAAmB;oBAAkC,MAAM;kBAAY,MAAM;OAAM;IAE7F,uCAAuC;IAChC,cAAc,cAAqB;IAE1C,4EAA4E;IACrE,iBAAiB,cAAqB;IAE7C,6BAA6B;IACtB,WAAW,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAS5C,kCAAkC;IAC3B,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO;IAInD,iFAAiF;IAC1E,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,GAAG,gBAAgB,EAAE;IAOtE,kDAAkD;IAC3C,cAAc,CAAC,KAAK,EAAE,iBAAiB,GAAG,OAAO;IAIxD,sCAAsC;IAC/B,cAAc,CAAC,KAAK,EAAE,iBAAiB,GAAG,MAAM;IAIvD,+BAA+B;IACxB,aAAa,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI;IAOvE,qEAAqE;IAC9D,YAAY,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,UAAU,GAAG,IAAI;IAUvE,yCAAyC;IAClC,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAI5C,wCAAwC;IACjC,YAAY,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI;IAQtE,qCAAqC;IAC9B,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIzC,0BAA0B;IACnB,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM;yCA9G5B,sBAAsB;2CAAtB,sBAAsB;CAkHlC"}
+{"version":3,"file":"search-results.component.d.ts","sourceRoot":"","sources":["../../src/lib/search-results.component.ts"],"names":[],"mappings":"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"}