@memberjunction/ng-search 5.42.0 → 5.44.0

package/dist/lib/module.d.ts

@@ -10,9 +10,10 @@ import * as i8 from "./search-scope-child-grid.component";
 import * as i9 from "@angular/common";
 import * as i10 from "@angular/forms";
 import * as i11 from "@memberjunction/ng-shared-generic";
+import * as i12 from "@memberjunction/ng-ui-components";
 export declare class SearchModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SearchModule, [typeof i1.SearchOverlayComponent, typeof i2.SearchResultsComponent, typeof i3.SearchFilterComponent, typeof i4.SearchInputComponent, typeof i5.SearchSuggestComponent, typeof i6.SearchCompositeComponent, typeof i7.SearchScopeSelectorComponent, typeof i8.SearchScopeChildGridComponent], [typeof i9.CommonModule, typeof i10.FormsModule, typeof i11.SharedGenericModule], [typeof i1.SearchOverlayComponent, typeof i2.SearchResultsComponent, typeof i3.SearchFilterComponent, typeof i4.SearchInputComponent, typeof i5.SearchSuggestComponent, typeof i6.SearchCompositeComponent, typeof i7.SearchScopeSelectorComponent, typeof i8.SearchScopeChildGridComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SearchModule, [typeof i1.SearchOverlayComponent, typeof i2.SearchResultsComponent, typeof i3.SearchFilterComponent, typeof i4.SearchInputComponent, typeof i5.SearchSuggestComponent, typeof i6.SearchCompositeComponent, typeof i7.SearchScopeSelectorComponent, typeof i8.SearchScopeChildGridComponent], [typeof i9.CommonModule, typeof i10.FormsModule, typeof i11.SharedGenericModule, typeof i12.MJEmptyStateComponent, typeof i12.MJAccordionModule], [typeof i1.SearchOverlayComponent, typeof i2.SearchResultsComponent, typeof i3.SearchFilterComponent, typeof i4.SearchInputComponent, typeof i5.SearchSuggestComponent, typeof i6.SearchCompositeComponent, typeof i7.SearchScopeSelectorComponent, typeof i8.SearchScopeChildGridComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SearchModule>;
 }
 //# sourceMappingURL=module.d.ts.map

package/dist/lib/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":";;;;;;;;;;;;AAcA,qBA2Ba,YAAY;yCAAZ,YAAY;0CAAZ,YAAY;0CAAZ,YAAY;CAAI"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAeA,qBA6Ba,YAAY;yCAAZ,YAAY;0CAAZ,YAAY;0CAAZ,YAAY;CAAI"}

package/dist/lib/module.js

@@ -2,6 +2,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { SharedGenericModule } from '@memberjunction/ng-shared-generic';
+import { MJAccordionModule, MJEmptyStateComponent } from '@memberjunction/ng-ui-components';
 import { SearchOverlayComponent } from './search-overlay.component';
 import { SearchResultsComponent } from './search-results.component';
 import { SearchFilterComponent } from './search-filter.component';
@@ -16,7 +17,9 @@ export class SearchModule {
     static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SearchModule });
     static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
             FormsModule,
-            SharedGenericModule] });
+            SharedGenericModule,
+            MJEmptyStateComponent,
+            MJAccordionModule] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchModule, [{
         type: NgModule,
@@ -34,7 +37,9 @@ export class SearchModule {
                 imports: [
                     CommonModule,
                     FormsModule,
-                    SharedGenericModule
+                    SharedGenericModule,
+                    MJEmptyStateComponent,
+                    MJAccordionModule
                 ],
                 exports: [
                     SearchOverlayComponent,
@@ -57,7 +62,9 @@ export class SearchModule {
         SearchScopeSelectorComponent,
         SearchScopeChildGridComponent], imports: [CommonModule,
         FormsModule,
-        SharedGenericModule], exports: [SearchOverlayComponent,
+        SharedGenericModule,
+        MJEmptyStateComponent,
+        MJAccordionModule], exports: [SearchOverlayComponent,
         SearchResultsComponent,
         SearchFilterComponent,
         SearchInputComponent,

package/dist/lib/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAExE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,6BAA6B,EAAE,MAAM,qCAAqC,CAAC;;AA6BpF,MAAM,OAAO,YAAY;sGAAZ,YAAY;4DAAZ,YAAY;gEAfjB,YAAY;YACZ,WAAW;YACX,mBAAmB;;iFAad,YAAY;cA3BxB,QAAQ;eAAC;gBACN,YAAY,EAAE;oBACV,sBAAsB;oBACtB,sBAAsB;oBACtB,qBAAqB;oBACrB,oBAAoB;oBACpB,sBAAsB;oBACtB,wBAAwB;oBACxB,4BAA4B;oBAC5B,6BAA6B;iBAChC;gBACD,OAAO,EAAE;oBACL,YAAY;oBACZ,WAAW;oBACX,mBAAmB;iBACtB;gBACD,OAAO,EAAE;oBACL,sBAAsB;oBACtB,sBAAsB;oBACtB,qBAAqB;oBACrB,oBAAoB;oBACpB,sBAAsB;oBACtB,wBAAwB;oBACxB,4BAA4B;oBAC5B,6BAA6B;iBAChC;aACJ;;wFACY,YAAY,mBAzBjB,sBAAsB;QACtB,sBAAsB;QACtB,qBAAqB;QACrB,oBAAoB;QACpB,sBAAsB;QACtB,wBAAwB;QACxB,4BAA4B;QAC5B,6BAA6B,aAG7B,YAAY;QACZ,WAAW;QACX,mBAAmB,aAGnB,sBAAsB;QACtB,sBAAsB;QACtB,qBAAqB;QACrB,oBAAoB;QACpB,sBAAsB;QACtB,wBAAwB;QACxB,4BAA4B;QAC5B,6BAA6B","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { SharedGenericModule } from '@memberjunction/ng-shared-generic';\n\nimport { SearchOverlayComponent } from './search-overlay.component';\nimport { SearchResultsComponent } from './search-results.component';\nimport { SearchFilterComponent } from './search-filter.component';\nimport { SearchInputComponent } from './search-input.component';\nimport { SearchSuggestComponent } from './search-suggest.component';\nimport { SearchCompositeComponent } from './search-composite.component';\nimport { SearchScopeSelectorComponent } from './search-scope-selector.component';\nimport { SearchScopeChildGridComponent } from './search-scope-child-grid.component';\n\n@NgModule({\n    declarations: [\n        SearchOverlayComponent,\n        SearchResultsComponent,\n        SearchFilterComponent,\n        SearchInputComponent,\n        SearchSuggestComponent,\n        SearchCompositeComponent,\n        SearchScopeSelectorComponent,\n        SearchScopeChildGridComponent\n    ],\n    imports: [\n        CommonModule,\n        FormsModule,\n        SharedGenericModule\n    ],\n    exports: [\n        SearchOverlayComponent,\n        SearchResultsComponent,\n        SearchFilterComponent,\n        SearchInputComponent,\n        SearchSuggestComponent,\n        SearchCompositeComponent,\n        SearchScopeSelectorComponent,\n        SearchScopeChildGridComponent\n    ]\n})\nexport class SearchModule { }\n"]}
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAE5F,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,6BAA6B,EAAE,MAAM,qCAAqC,CAAC;;AA+BpF,MAAM,OAAO,YAAY;sGAAZ,YAAY;4DAAZ,YAAY;gEAjBjB,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,qBAAqB;YACrB,iBAAiB;;iFAaZ,YAAY;cA7BxB,QAAQ;eAAC;gBACN,YAAY,EAAE;oBACV,sBAAsB;oBACtB,sBAAsB;oBACtB,qBAAqB;oBACrB,oBAAoB;oBACpB,sBAAsB;oBACtB,wBAAwB;oBACxB,4BAA4B;oBAC5B,6BAA6B;iBAChC;gBACD,OAAO,EAAE;oBACL,YAAY;oBACZ,WAAW;oBACX,mBAAmB;oBACnB,qBAAqB;oBACrB,iBAAiB;iBACpB;gBACD,OAAO,EAAE;oBACL,sBAAsB;oBACtB,sBAAsB;oBACtB,qBAAqB;oBACrB,oBAAoB;oBACpB,sBAAsB;oBACtB,wBAAwB;oBACxB,4BAA4B;oBAC5B,6BAA6B;iBAChC;aACJ;;wFACY,YAAY,mBA3BjB,sBAAsB;QACtB,sBAAsB;QACtB,qBAAqB;QACrB,oBAAoB;QACpB,sBAAsB;QACtB,wBAAwB;QACxB,4BAA4B;QAC5B,6BAA6B,aAG7B,YAAY;QACZ,WAAW;QACX,mBAAmB;QACnB,qBAAqB;QACrB,iBAAiB,aAGjB,sBAAsB;QACtB,sBAAsB;QACtB,qBAAqB;QACrB,oBAAoB;QACpB,sBAAsB;QACtB,wBAAwB;QACxB,4BAA4B;QAC5B,6BAA6B","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { SharedGenericModule } from '@memberjunction/ng-shared-generic';\nimport { MJAccordionModule, MJEmptyStateComponent } from '@memberjunction/ng-ui-components';\n\nimport { SearchOverlayComponent } from './search-overlay.component';\nimport { SearchResultsComponent } from './search-results.component';\nimport { SearchFilterComponent } from './search-filter.component';\nimport { SearchInputComponent } from './search-input.component';\nimport { SearchSuggestComponent } from './search-suggest.component';\nimport { SearchCompositeComponent } from './search-composite.component';\nimport { SearchScopeSelectorComponent } from './search-scope-selector.component';\nimport { SearchScopeChildGridComponent } from './search-scope-child-grid.component';\n\n@NgModule({\n    declarations: [\n        SearchOverlayComponent,\n        SearchResultsComponent,\n        SearchFilterComponent,\n        SearchInputComponent,\n        SearchSuggestComponent,\n        SearchCompositeComponent,\n        SearchScopeSelectorComponent,\n        SearchScopeChildGridComponent\n    ],\n    imports: [\n        CommonModule,\n        FormsModule,\n        SharedGenericModule,\n        MJEmptyStateComponent,\n        MJAccordionModule\n    ],\n    exports: [\n        SearchOverlayComponent,\n        SearchResultsComponent,\n        SearchFilterComponent,\n        SearchInputComponent,\n        SearchSuggestComponent,\n        SearchCompositeComponent,\n        SearchScopeSelectorComponent,\n        SearchScopeChildGridComponent\n    ]\n})\nexport class SearchModule { }\n"]}

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

@@ -29,8 +29,12 @@ export declare class SearchFilterComponent {
     CollapsedCategories: Set<string>;
     /** Toggle a filter option */
     ToggleOption(category: string, value: string): void;
-    /** Toggle category collapse */
-    ToggleCategory(category: string): void;
+    /**
+     * Apply the expand/collapse state emitted by a category's accordion panel.
+     * Inverse mapping: an expanded panel means the category is NOT collapsed.
+     * No-op when filtering is not collapsible.
+     */
+    OnCategoryExpandedChange(category: string, expanded: boolean): void;
     /** Check if a category is collapsed */
     IsCategoryCollapsed(category: string): boolean;
     /** Check if an option is selected */

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;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"}
+{"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;;;;OAIG;IACI,wBAAwB,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAU1E,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;yCA1HnC,qBAAqB;2CAArB,qBAAqB;CA8HjC"}

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

@@ -6,11 +6,12 @@
  */
 import { Component, EventEmitter, Input, Output, ChangeDetectorRef, inject } from '@angular/core';
 import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-ui-components";
 const _forTrack0 = ($index, $item) => $item.Category;
 const _forTrack1 = ($index, $item) => $item.Value;
 function SearchFilterComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 10);
+    i0.ɵɵelementStart(0, "button", 11);
     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();
@@ -19,39 +20,48 @@ function SearchFilterComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" Clear (", ctx_r1.GetActiveFilterCount(), ") ");
 } }
-function SearchFilterComponent_For_10_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 17);
+function SearchFilterComponent_For_10_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 16);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
 } 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));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(filter_r4.Category);
 } }
-function SearchFilterComponent_For_10_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function SearchFilterComponent_For_10_ng_template_2_Conditional_0_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.ɵɵlistener("click", function SearchFilterComponent_For_10_ng_template_2_Conditional_0_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const filter_r4 = i0.ɵɵnextContext(2).$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 filter_r4 = i0.ɵɵnextContext(2).$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_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function SearchFilterComponent_For_10_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SearchFilterComponent_For_10_ng_template_2_Conditional_0_Template, 2, 2, "button", 17);
+} if (rf & 2) {
+    const filter_r4 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵconditional((!ctx_r1.Collapsible || !ctx_r1.IsCategoryCollapsed(filter_r4.Category)) && filter_r4.Options.length > 1 ? 0 : -1);
+} }
+function SearchFilterComponent_For_10_ng_template_3_For_2_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i");
 } if (rf & 2) {
     const option_r6 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵclassMap(option_r6.Icon + " filter-option-icon");
 } }
-function SearchFilterComponent_For_10_Conditional_7_For_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19);
-    i0.ɵɵconditionalCreate(1, SearchFilterComponent_For_10_Conditional_7_For_2_Conditional_0_Conditional_1_Template, 1, 2, "i", 21);
-    i0.ɵɵelementStart(2, "span", 22);
+function SearchFilterComponent_For_10_ng_template_3_For_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵconditionalCreate(1, SearchFilterComponent_For_10_ng_template_3_For_2_Conditional_0_Conditional_1_Template, 1, 2, "i", 22);
+    i0.ɵɵelementStart(2, "span", 23);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 23);
+    i0.ɵɵelementStart(4, "span", 24);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -63,27 +73,27 @@ function SearchFilterComponent_For_10_Conditional_7_For_2_Conditional_0_Template
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(option_r6.Count);
 } }
-function SearchFilterComponent_For_10_Conditional_7_For_2_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 26);
+function SearchFilterComponent_For_10_ng_template_3_For_2_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 27);
 } }
-function SearchFilterComponent_For_10_Conditional_7_For_2_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SearchFilterComponent_For_10_ng_template_3_For_2_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i");
 } if (rf & 2) {
     const option_r6 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵclassMap(option_r6.Icon + " filter-option-icon");
 } }
-function SearchFilterComponent_For_10_Conditional_7_For_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function SearchFilterComponent_For_10_ng_template_3_For_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 24);
-    i0.ɵɵlistener("click", function SearchFilterComponent_For_10_Conditional_7_For_2_Conditional_1_Template_label_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const option_r6 = i0.ɵɵnextContext().$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", 25);
-    i0.ɵɵconditionalCreate(2, SearchFilterComponent_For_10_Conditional_7_For_2_Conditional_1_Conditional_2_Template, 1, 0, "i", 26);
+    i0.ɵɵelementStart(0, "label", 25);
+    i0.ɵɵlistener("click", function SearchFilterComponent_For_10_ng_template_3_For_2_Conditional_1_Template_label_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const option_r6 = i0.ɵɵnextContext().$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", 26);
+    i0.ɵɵconditionalCreate(2, SearchFilterComponent_For_10_ng_template_3_For_2_Conditional_1_Conditional_2_Template, 1, 0, "i", 27);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, SearchFilterComponent_For_10_Conditional_7_For_2_Conditional_1_Conditional_3_Template, 1, 2, "i", 21);
-    i0.ɵɵelementStart(4, "span", 22);
+    i0.ɵɵconditionalCreate(3, SearchFilterComponent_For_10_ng_template_3_For_2_Conditional_1_Conditional_3_Template, 1, 2, "i", 22);
+    i0.ɵɵelementStart(4, "span", 23);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 23);
+    i0.ɵɵelementStart(6, "span", 24);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -101,15 +111,15 @@ function SearchFilterComponent_For_10_Conditional_7_For_2_Conditional_1_Template
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(option_r6.Count);
 } }
-function SearchFilterComponent_For_10_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SearchFilterComponent_For_10_Conditional_7_For_2_Conditional_0_Template, 6, 3, "div", 19)(1, SearchFilterComponent_For_10_Conditional_7_For_2_Conditional_1_Template, 8, 6, "label", 20);
+function SearchFilterComponent_For_10_ng_template_3_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SearchFilterComponent_For_10_ng_template_3_For_2_Conditional_0_Template, 6, 3, "div", 20)(1, SearchFilterComponent_For_10_ng_template_3_For_2_Conditional_1_Template, 8, 6, "label", 21);
 } if (rf & 2) {
     const filter_r4 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵconditional(filter_r4.Options.length === 1 ? 0 : 1);
 } }
-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, 2, 1, null, null, _forTrack1);
+function SearchFilterComponent_For_10_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 19);
+    i0.ɵɵrepeaterCreate(1, SearchFilterComponent_For_10_ng_template_3_For_2_Template, 2, 1, null, null, _forTrack1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const filter_r4 = i0.ɵɵnextContext().$implicit;
@@ -118,42 +128,26 @@ function SearchFilterComponent_For_10_Conditional_7_Template(rf, ctx) { if (rf &
 } }
 function SearchFilterComponent_For_10_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    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(5, SearchFilterComponent_For_10_Conditional_5_Template, 1, 4, "i", 14);
-    i0.ɵɵelementEnd();
-    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.ɵɵelementStart(0, "mj-accordion-panel", 12);
+    i0.ɵɵlistener("ExpandedChange", function SearchFilterComponent_For_10_Template_mj_accordion_panel_ExpandedChange_0_listener($event) { const filter_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCategoryExpandedChange(filter_r4.Category, $event)); });
+    i0.ɵɵtemplate(1, SearchFilterComponent_For_10_ng_template_1_Template, 2, 1, "ng-template", 13)(2, SearchFilterComponent_For_10_ng_template_2_Template, 1, 1, "ng-template", 14)(3, SearchFilterComponent_For_10_ng_template_3_Template, 3, 0, "ng-template", 15);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const filter_r4 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
-    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 ? 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) ? 7 : -1);
+    i0.ɵɵproperty("FlushBody", true)("Expanded", ctx_r1.Collapsible ? !ctx_r1.IsCategoryCollapsed(filter_r4.Category) : true);
 } }
 function SearchFilterComponent_Conditional_11_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 33);
-    i0.ɵɵelement(1, "i", 34);
+    i0.ɵɵelementStart(0, "span", 35);
+    i0.ɵɵelement(1, "i", 36);
     i0.ɵɵtext(2, " Will re-query ");
     i0.ɵɵelementEnd();
 } }
 function SearchFilterComponent_Conditional_11_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 31)(1, "span", 32);
+    i0.ɵɵelementStart(0, "div", 33)(1, "span", 34);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, SearchFilterComponent_Conditional_11_Conditional_9_Conditional_3_Template, 3, 0, "span", 33);
+    i0.ɵɵconditionalCreate(3, SearchFilterComponent_Conditional_11_Conditional_9_Conditional_3_Template, 3, 0, "span", 35);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -164,16 +158,16 @@ function SearchFilterComponent_Conditional_11_Conditional_9_Template(rf, ctx) {
 } }
 function SearchFilterComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 8)(1, "div", 11)(2, "div", 27)(3, "span", 13);
+    i0.ɵɵelementStart(0, "div", 9)(1, "div", 28)(2, "div", 29)(3, "span", 16);
     i0.ɵɵtext(4, "Min Relevance");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(5, "div", 28)(6, "input", 29);
+    i0.ɵɵelementStart(5, "div", 30)(6, "input", 31);
     i0.ɵɵlistener("input", function SearchFilterComponent_Conditional_11_Template_input_input_6_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnMinScorePreview($event.target.value)); })("mouseup", function SearchFilterComponent_Conditional_11_Template_input_mouseup_6_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnMinScoreCommit()); })("touchend", function SearchFilterComponent_Conditional_11_Template_input_touchend_6_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnMinScoreCommit()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 30);
+    i0.ɵɵelementStart(7, "span", 32);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(9, SearchFilterComponent_Conditional_11_Conditional_9_Template, 4, 2, "div", 31);
+    i0.ɵɵconditionalCreate(9, SearchFilterComponent_Conditional_11_Conditional_9_Template, 4, 2, "div", 33);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -185,9 +179,7 @@ function SearchFilterComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditional(ctx_r1.ServerMinScorePercent > 0 ? 9 : -1);
 } }
 function SearchFilterComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 9)(1, "p");
-    i0.ɵɵtext(2, "No filters available");
-    i0.ɵɵelementEnd()();
+    i0.ɵɵelement(0, "mj-empty-state", 10);
 } }
 export class SearchFilterComponent {
     cdr = inject(ChangeDetectorRef);
@@ -224,11 +216,15 @@ export class SearchFilterComponent {
         this.FilterChanged.emit({ Category: category, SelectedValues: current });
         this.cdr.detectChanges();
     }
-    /** Toggle category collapse */
-    ToggleCategory(category) {
+    /**
+     * Apply the expand/collapse state emitted by a category's accordion panel.
+     * Inverse mapping: an expanded panel means the category is NOT collapsed.
+     * No-op when filtering is not collapsible.
+     */
+    OnCategoryExpandedChange(category, expanded) {
         if (!this.Collapsible)
             return;
-        if (this.CollapsedCategories.has(category)) {
+        if (expanded) {
             this.CollapsedCategories.delete(category);
         }
         else {
@@ -297,7 +293,7 @@ export class SearchFilterComponent {
         this.MinScoreChanged.emit(this.MinScorePercent);
     }
     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", ShowRelevanceSlider: "ShowRelevanceSlider", MinScorePercent: "MinScorePercent", ServerMinScorePercent: "ServerMinScorePercent" }, outputs: { FilterChanged: "FilterChanged", FiltersCleared: "FiltersCleared", CloseRequested: "CloseRequested", MinScoreChanged: "MinScoreChanged" }, standalone: false, decls: 13, vars: 3, 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", "aria-label", "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", "filter-option-readonly"], [1, "filter-option"], [3, "class"], [1, "filter-option-label"], [1, "filter-option-count"], [1, "filter-option", 3, "click"], [1, "filter-checkbox"], [1, "fa-solid", "fa-check"], [1, "filter-category-header"], [1, "filter-relevance-slider"], ["type", "range", "min", "0", "max", "100", "step", "5", 1, "relevance-range", 3, "input", "mouseup", "touchend", "value"], [1, "relevance-value"], [1, "filter-server-threshold"], [1, "server-threshold-label"], [1, "server-threshold-warning"], [1, "fa-solid", "fa-arrow-rotate-right"]], 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", ShowRelevanceSlider: "ShowRelevanceSlider", MinScorePercent: "MinScorePercent", ServerMinScorePercent: "ServerMinScorePercent" }, outputs: { FilterChanged: "FilterChanged", FiltersCleared: "FiltersCleared", CloseRequested: "CloseRequested", MinScoreChanged: "MinScoreChanged" }, standalone: false, decls: 13, vars: 3, 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", "aria-label", "Hide filters", 1, "filter-close-btn", 3, "click"], [1, "fa-solid", "fa-times"], ["Size", "sm", 3, "FlushBody", "Expanded"], [1, "filter-category"], ["Size", "compact", "Icon", "", "Title", "No filters available", 1, "filter-empty"], [1, "filter-clear-all", 3, "click"], ["Size", "sm", 3, "ExpandedChange", "FlushBody", "Expanded"], ["mjAccordionTitle", ""], ["mjAccordionActions", ""], ["mjAccordionBody", ""], [1, "filter-category-name"], [1, "filter-select-all", 3, "title"], [1, "filter-select-all", 3, "click", "title"], [1, "filter-options"], [1, "filter-option", "filter-option-readonly"], [1, "filter-option"], [3, "class"], [1, "filter-option-label"], [1, "filter-option-count"], [1, "filter-option", 3, "click"], [1, "filter-checkbox"], [1, "fa-solid", "fa-check"], [1, "filter-category-header-row"], [1, "filter-category-header"], [1, "filter-relevance-slider"], ["type", "range", "min", "0", "max", "100", "step", "5", 1, "relevance-range", 3, "input", "mouseup", "touchend", "value"], [1, "relevance-value"], [1, "filter-server-threshold"], [1, "server-threshold-label"], [1, "server-threshold-warning"], [1, "fa-solid", "fa-arrow-rotate-right"]], 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 ");
@@ -308,9 +304,9 @@ export class SearchFilterComponent {
             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, 10, 3, "div", 8);
-            i0.ɵɵconditionalCreate(12, SearchFilterComponent_Conditional_12_Template, 3, 0, "div", 9);
+            i0.ɵɵrepeaterCreate(9, SearchFilterComponent_For_10_Template, 4, 2, "mj-accordion-panel", 8, _forTrack0);
+            i0.ɵɵconditionalCreate(11, SearchFilterComponent_Conditional_11_Template, 10, 3, "div", 9);
+            i0.ɵɵconditionalCreate(12, SearchFilterComponent_Conditional_12_Template, 1, 0, "mj-empty-state", 10);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(6);
@@ -321,11 +317,11 @@ export class SearchFilterComponent {
             i0.ɵɵconditional(ctx.ShowRelevanceSlider ? 11 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.Filters.length === 0 && !ctx.ShowRelevanceSlider ? 12 : -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-option-readonly[_ngcontent-%COMP%] {\n    cursor: default;\n    opacity: 0.85;\n}\n.filter-option-readonly[_ngcontent-%COMP%]:hover {\n    background: transparent;\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}\n\n\n\n.filter-relevance-slider[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 12px;\n}\n.relevance-range[_ngcontent-%COMP%] {\n    flex: 1;\n    height: 4px;\n    -webkit-appearance: none;\n    appearance: none;\n    background: var(--mj-border-default);\n    border-radius: 2px;\n    outline: none;\n    cursor: pointer;\n}\n.relevance-range[_ngcontent-%COMP%]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    cursor: pointer;\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n}\n.relevance-range[_ngcontent-%COMP%]::-moz-range-thumb {\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    cursor: pointer;\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n}\n.relevance-value[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    min-width: 36px;\n    text-align: right;\n}\n\n\n\n.filter-server-threshold[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 2px 12px 6px;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n}\n.server-threshold-warning[_ngcontent-%COMP%] {\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n    font-weight: 600;\n}"] });
+        } }, dependencies: [i1.MJEmptyStateComponent, i1.MJAccordionPanelComponent, i1.MJAccordionTitleDirective, i1.MJAccordionActionsDirective, i1.MJAccordionBodyDirective], 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\n\n\n\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-option-readonly[_ngcontent-%COMP%] {\n    cursor: default;\n    opacity: 0.85;\n}\n.filter-option-readonly[_ngcontent-%COMP%]:hover {\n    background: transparent;\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}\n\n\n\n.filter-relevance-slider[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 12px;\n}\n.relevance-range[_ngcontent-%COMP%] {\n    flex: 1;\n    height: 4px;\n    -webkit-appearance: none;\n    appearance: none;\n    background: var(--mj-border-default);\n    border-radius: 2px;\n    outline: none;\n    cursor: pointer;\n}\n.relevance-range[_ngcontent-%COMP%]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    cursor: pointer;\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n}\n.relevance-range[_ngcontent-%COMP%]::-moz-range-thumb {\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    cursor: pointer;\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n}\n.relevance-value[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    min-width: 36px;\n    text-align: right;\n}\n\n\n\n.filter-server-threshold[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 2px 12px 6px;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n}\n.server-threshold-warning[_ngcontent-%COMP%] {\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n    font-weight: 600;\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        <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\" aria-label=\"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                        @if (filter.Options.length === 1) {\n                            <!-- Single option: read-only label (no checkbox, not interactive) -->\n                            <div class=\"filter-option filter-option-readonly\">\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                            </div>\n                        } @else {\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                    }\n                </div>\n            }\n        </div>\n    }\n\n    <!-- Relevance Threshold Slider -->\n    @if (ShowRelevanceSlider) {\n        <div class=\"filter-category\">\n            <div class=\"filter-category-header-row\">\n                <div class=\"filter-category-header\">\n                    <span class=\"filter-category-name\">Min Relevance</span>\n                </div>\n            </div>\n            <div class=\"filter-relevance-slider\">\n                <input\n                    type=\"range\"\n                    min=\"0\" max=\"100\" step=\"5\"\n                    [value]=\"MinScorePercent\"\n                    (input)=\"OnMinScorePreview($any($event.target).value)\"\n                    (mouseup)=\"OnMinScoreCommit()\"\n                    (touchend)=\"OnMinScoreCommit()\"\n                    class=\"relevance-range\" />\n                <span class=\"relevance-value\">{{ MinScorePercent }}%</span>\n            </div>\n            @if (ServerMinScorePercent > 0) {\n                <div class=\"filter-server-threshold\">\n                    <span class=\"server-threshold-label\">Server threshold: {{ ServerMinScorePercent }}%</span>\n                    @if (MinScorePercent < ServerMinScorePercent) {\n                        <span class=\"server-threshold-warning\">\n                            <i class=\"fa-solid fa-arrow-rotate-right\"></i> Will re-query\n                        </span>\n                    }\n                </div>\n            }\n        </div>\n    }\n\n    @if (Filters.length === 0 && !ShowRelevanceSlider) {\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-option-readonly {\n    cursor: default;\n    opacity: 0.85;\n}\n.filter-option-readonly:hover {\n    background: transparent;\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\n/* Relevance Slider */\n.filter-relevance-slider {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 12px;\n}\n.relevance-range {\n    flex: 1;\n    height: 4px;\n    -webkit-appearance: none;\n    appearance: none;\n    background: var(--mj-border-default);\n    border-radius: 2px;\n    outline: none;\n    cursor: pointer;\n}\n.relevance-range::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    cursor: pointer;\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n}\n.relevance-range::-moz-range-thumb {\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    cursor: pointer;\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n}\n.relevance-value {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    min-width: 36px;\n    text-align: right;\n}\n\n/* Server threshold indicator */\n.filter-server-threshold {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 2px 12px 6px;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n}\n.server-threshold-warning {\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n    font-weight: 600;\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\" aria-label=\"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        <mj-accordion-panel Size=\"sm\" [FlushBody]=\"true\"\n            [Expanded]=\"Collapsible ? !IsCategoryCollapsed(filter.Category) : true\"\n            (ExpandedChange)=\"OnCategoryExpandedChange(filter.Category, $event)\">\n            <ng-template mjAccordionTitle>\n                <span class=\"filter-category-name\">{{ filter.Category }}</span>\n            </ng-template>\n            <ng-template mjAccordionActions>\n                @if ((!Collapsible || !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            </ng-template>\n            <ng-template mjAccordionBody>\n                <div class=\"filter-options\">\n                    @for (option of filter.Options; track option.Value) {\n                        @if (filter.Options.length === 1) {\n                            <!-- Single option: read-only label (no checkbox, not interactive) -->\n                            <div class=\"filter-option filter-option-readonly\">\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                            </div>\n                        } @else {\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                    }\n                </div>\n            </ng-template>\n        </mj-accordion-panel>\n    }\n\n    <!-- Relevance Threshold Slider -->\n    @if (ShowRelevanceSlider) {\n        <div class=\"filter-category\">\n            <div class=\"filter-category-header-row\">\n                <div class=\"filter-category-header\">\n                    <span class=\"filter-category-name\">Min Relevance</span>\n                </div>\n            </div>\n            <div class=\"filter-relevance-slider\">\n                <input\n                    type=\"range\"\n                    min=\"0\" max=\"100\" step=\"5\"\n                    [value]=\"MinScorePercent\"\n                    (input)=\"OnMinScorePreview($any($event.target).value)\"\n                    (mouseup)=\"OnMinScoreCommit()\"\n                    (touchend)=\"OnMinScoreCommit()\"\n                    class=\"relevance-range\" />\n                <span class=\"relevance-value\">{{ MinScorePercent }}%</span>\n            </div>\n            @if (ServerMinScorePercent > 0) {\n                <div class=\"filter-server-threshold\">\n                    <span class=\"server-threshold-label\">Server threshold: {{ ServerMinScorePercent }}%</span>\n                    @if (MinScorePercent < ServerMinScorePercent) {\n                        <span class=\"server-threshold-warning\">\n                            <i class=\"fa-solid fa-arrow-rotate-right\"></i> Will re-query\n                        </span>\n                    }\n                </div>\n            }\n        </div>\n    }\n\n    @if (Filters.length === 0 && !ShowRelevanceSlider) {\n        <mj-empty-state class=\"filter-empty\" Size=\"compact\"\n            Icon=\"\" Title=\"No filters available\" />\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 removed \u2014 the bespoke disclosure chevron is gone;\n   <mj-accordion-panel> now provides the expand/collapse chevron for filter\n   categories. (The .filter-category* layout rules above are retained: they're\n   still used by the static \"Min Relevance\" section below.) */\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-option-readonly {\n    cursor: default;\n    opacity: 0.85;\n}\n.filter-option-readonly:hover {\n    background: transparent;\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\n/* Relevance Slider */\n.filter-relevance-slider {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 12px;\n}\n.relevance-range {\n    flex: 1;\n    height: 4px;\n    -webkit-appearance: none;\n    appearance: none;\n    background: var(--mj-border-default);\n    border-radius: 2px;\n    outline: none;\n    cursor: pointer;\n}\n.relevance-range::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    cursor: pointer;\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n}\n.relevance-range::-moz-range-thumb {\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    cursor: pointer;\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n}\n.relevance-value {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    min-width: 36px;\n    text-align: right;\n}\n\n/* Server threshold indicator */\n.filter-server-threshold {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 2px 12px 6px;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n}\n.server-threshold-warning {\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n    font-weight: 600;\n}\n"] }]
     }], null, { Filters: [{
             type: Input
         }], ActiveFilters: [{

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    /** Whether to show the min relevance slider */\n    @Input() ShowRelevanceSlider = true;\n\n    /** Current minimum score as a percentage (0-100) */\n    @Input() MinScorePercent = 0;\n\n    /** The MinScore that was last sent to the server (for visual indicator) */\n    @Input() ServerMinScorePercent = 0;\n\n    @Output() FilterChanged = new EventEmitter<SearchFilterChangeEvent>();\n    @Output() FiltersCleared = new EventEmitter<void>();\n    @Output() CloseRequested = new EventEmitter<void>();\n    @Output() MinScoreChanged = new EventEmitter<number>();\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    /** Handle relevance slider drag (preview only — updates display without triggering search) */\n    public OnMinScorePreview(value: string): void {\n        this.MinScorePercent = parseInt(value, 10);\n    }\n\n    /** Handle relevance slider release — commits the value and triggers re-query if needed */\n    public OnMinScoreCommit(): void {\n        this.MinScoreChanged.emit(this.MinScorePercent);\n    }\n\n    /** Handle relevance slider change (legacy — used when input event fires) */\n    public OnMinScoreChange(value: string): void {\n        this.MinScorePercent = parseInt(value, 10);\n        this.MinScoreChanged.emit(this.MinScorePercent);\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\" aria-label=\"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                        @if (filter.Options.length === 1) {\n                            <!-- Single option: read-only label (no checkbox, not interactive) -->\n                            <div class=\"filter-option filter-option-readonly\">\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                            </div>\n                        } @else {\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                    }\n                </div>\n            }\n        </div>\n    }\n\n    <!-- Relevance Threshold Slider -->\n    @if (ShowRelevanceSlider) {\n        <div class=\"filter-category\">\n            <div class=\"filter-category-header-row\">\n                <div class=\"filter-category-header\">\n                    <span class=\"filter-category-name\">Min Relevance</span>\n                </div>\n            </div>\n            <div class=\"filter-relevance-slider\">\n                <input\n                    type=\"range\"\n                    min=\"0\" max=\"100\" step=\"5\"\n                    [value]=\"MinScorePercent\"\n                    (input)=\"OnMinScorePreview($any($event.target).value)\"\n                    (mouseup)=\"OnMinScoreCommit()\"\n                    (touchend)=\"OnMinScoreCommit()\"\n                    class=\"relevance-range\" />\n                <span class=\"relevance-value\">{{ MinScorePercent }}%</span>\n            </div>\n            @if (ServerMinScorePercent > 0) {\n                <div class=\"filter-server-threshold\">\n                    <span class=\"server-threshold-label\">Server threshold: {{ ServerMinScorePercent }}%</span>\n                    @if (MinScorePercent < ServerMinScorePercent) {\n                        <span class=\"server-threshold-warning\">\n                            <i class=\"fa-solid fa-arrow-rotate-right\"></i> Will re-query\n                        </span>\n                    }\n                </div>\n            }\n        </div>\n    }\n\n    @if (Filters.length === 0 && !ShowRelevanceSlider) {\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    /** Whether to show the min relevance slider */\n    @Input() ShowRelevanceSlider = true;\n\n    /** Current minimum score as a percentage (0-100) */\n    @Input() MinScorePercent = 0;\n\n    /** The MinScore that was last sent to the server (for visual indicator) */\n    @Input() ServerMinScorePercent = 0;\n\n    @Output() FilterChanged = new EventEmitter<SearchFilterChangeEvent>();\n    @Output() FiltersCleared = new EventEmitter<void>();\n    @Output() CloseRequested = new EventEmitter<void>();\n    @Output() MinScoreChanged = new EventEmitter<number>();\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    /**\n     * Apply the expand/collapse state emitted by a category's accordion panel.\n     * Inverse mapping: an expanded panel means the category is NOT collapsed.\n     * No-op when filtering is not collapsible.\n     */\n    public OnCategoryExpandedChange(category: string, expanded: boolean): void {\n        if (!this.Collapsible) return;\n        if (expanded) {\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    /** Handle relevance slider drag (preview only — updates display without triggering search) */\n    public OnMinScorePreview(value: string): void {\n        this.MinScorePercent = parseInt(value, 10);\n    }\n\n    /** Handle relevance slider release — commits the value and triggers re-query if needed */\n    public OnMinScoreCommit(): void {\n        this.MinScoreChanged.emit(this.MinScorePercent);\n    }\n\n    /** Handle relevance slider change (legacy — used when input event fires) */\n    public OnMinScoreChange(value: string): void {\n        this.MinScorePercent = parseInt(value, 10);\n        this.MinScoreChanged.emit(this.MinScorePercent);\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\" aria-label=\"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        <mj-accordion-panel Size=\"sm\" [FlushBody]=\"true\"\n            [Expanded]=\"Collapsible ? !IsCategoryCollapsed(filter.Category) : true\"\n            (ExpandedChange)=\"OnCategoryExpandedChange(filter.Category, $event)\">\n            <ng-template mjAccordionTitle>\n                <span class=\"filter-category-name\">{{ filter.Category }}</span>\n            </ng-template>\n            <ng-template mjAccordionActions>\n                @if ((!Collapsible || !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            </ng-template>\n            <ng-template mjAccordionBody>\n                <div class=\"filter-options\">\n                    @for (option of filter.Options; track option.Value) {\n                        @if (filter.Options.length === 1) {\n                            <!-- Single option: read-only label (no checkbox, not interactive) -->\n                            <div class=\"filter-option filter-option-readonly\">\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                            </div>\n                        } @else {\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                    }\n                </div>\n            </ng-template>\n        </mj-accordion-panel>\n    }\n\n    <!-- Relevance Threshold Slider -->\n    @if (ShowRelevanceSlider) {\n        <div class=\"filter-category\">\n            <div class=\"filter-category-header-row\">\n                <div class=\"filter-category-header\">\n                    <span class=\"filter-category-name\">Min Relevance</span>\n                </div>\n            </div>\n            <div class=\"filter-relevance-slider\">\n                <input\n                    type=\"range\"\n                    min=\"0\" max=\"100\" step=\"5\"\n                    [value]=\"MinScorePercent\"\n                    (input)=\"OnMinScorePreview($any($event.target).value)\"\n                    (mouseup)=\"OnMinScoreCommit()\"\n                    (touchend)=\"OnMinScoreCommit()\"\n                    class=\"relevance-range\" />\n                <span class=\"relevance-value\">{{ MinScorePercent }}%</span>\n            </div>\n            @if (ServerMinScorePercent > 0) {\n                <div class=\"filter-server-threshold\">\n                    <span class=\"server-threshold-label\">Server threshold: {{ ServerMinScorePercent }}%</span>\n                    @if (MinScorePercent < ServerMinScorePercent) {\n                        <span class=\"server-threshold-warning\">\n                            <i class=\"fa-solid fa-arrow-rotate-right\"></i> Will re-query\n                        </span>\n                    }\n                </div>\n            }\n        </div>\n    }\n\n    @if (Filters.length === 0 && !ShowRelevanceSlider) {\n        <mj-empty-state class=\"filter-empty\" Size=\"compact\"\n            Icon=\"\" Title=\"No filters available\" />\n    }\n</div>\n"]}