@memberjunction/ng-search 0.0.1 → 5.22.0

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

@@ -0,0 +1,200 @@
+/**
+ * @fileoverview Search Filter Component
+ *
+ * Faceted filter sidebar for narrowing search results.
+ * Displays filter categories with checkable options and counts.
+ */
+import { Component, EventEmitter, Input, Output, ChangeDetectorRef, inject } from '@angular/core';
+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) {
+    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.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    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);
+} 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_7_Conditional_5_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");
+} }
+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);
+    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.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "span", 19);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const option_r6 = 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.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsOptionSelected(filter_r4.Category, option_r6.Value) ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(option_r6.Icon ? 3 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(option_r6.Label);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(option_r6.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);
+    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) {
+    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.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, SearchFilterComponent_For_7_Conditional_4_Template, 1, 4, "i", 10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, SearchFilterComponent_For_7_Conditional_5_Template, 3, 0, "div", 11);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const filter_r4 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    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.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.IsCategoryCollapsed(filter_r4.Category) ? 5 : -1);
+} }
+function SearchFilterComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6)(1, "p");
+    i0.ɵɵtext(2, "No filters available");
+    i0.ɵɵelementEnd()();
+} }
+export class SearchFilterComponent {
+    cdr = inject(ChangeDetectorRef);
+    /** Available filters to display */
+    Filters = [];
+    /** Currently active filter selections */
+    ActiveFilters = {};
+    /** Whether the filter panel is collapsible */
+    Collapsible = true;
+    FilterChanged = new EventEmitter();
+    FiltersCleared = new EventEmitter();
+    /** Collapsed state per category */
+    CollapsedCategories = new Set();
+    /** Toggle a filter option */
+    ToggleOption(category, value) {
+        const current = this.ActiveFilters[category] ? [...this.ActiveFilters[category]] : [];
+        const index = current.indexOf(value);
+        if (index >= 0) {
+            current.splice(index, 1);
+        }
+        else {
+            current.push(value);
+        }
+        // Update local state to reflect change
+        this.ActiveFilters = { ...this.ActiveFilters, [category]: current };
+        this.FilterChanged.emit({ Category: category, SelectedValues: current });
+        this.cdr.detectChanges();
+    }
+    /** Toggle category collapse */
+    ToggleCategory(category) {
+        if (!this.Collapsible)
+            return;
+        if (this.CollapsedCategories.has(category)) {
+            this.CollapsedCategories.delete(category);
+        }
+        else {
+            this.CollapsedCategories.add(category);
+        }
+        this.cdr.detectChanges();
+    }
+    /** Check if a category is collapsed */
+    IsCategoryCollapsed(category) {
+        return this.CollapsedCategories.has(category);
+    }
+    /** Check if an option is selected */
+    IsOptionSelected(category, value) {
+        return (this.ActiveFilters[category] ?? []).includes(value);
+    }
+    /** Check if any filters are active */
+    HasActiveFilters() {
+        return Object.values(this.ActiveFilters).some(v => v.length > 0);
+    }
+    /** Get total active filter count */
+    GetActiveFilterCount() {
+        return Object.values(this.ActiveFilters).reduce((sum, v) => sum + v.length, 0);
+    }
+    /** Clear all filters */
+    ClearAll() {
+        this.ActiveFilters = {};
+        this.FiltersCleared.emit();
+        this.cdr.detectChanges();
+    }
+    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) {
+            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.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(5);
+            i0.ɵɵconditional(ctx.HasActiveFilters() ? 5 : -1);
+            i0.ɵɵadvance();
+            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}"] });
+}
+(() => { (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"] }]
+    }], null, { Filters: [{
+            type: Input
+        }], ActiveFilters: [{
+            type: Input
+        }], Collapsible: [{
+            type: Input
+        }], FilterChanged: [{
+            type: Output
+        }], FiltersCleared: [{
+            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

@@ -0,0 +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"]}

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

@@ -0,0 +1,103 @@
+/**
+ * @fileoverview Search Overlay Component
+ *
+ * A floating search overlay inspired by command palette / Spotlight style.
+ * Triggered by Cmd+K (Mac) or Ctrl+K (Windows), appears as a centered
+ * floating panel with backdrop blur, search input, and grouped results.
+ *
+ * Supports keyboard navigation (up/down/enter/escape), filter facets,
+ * and responsive mobile layout.
+ */
+import { EventEmitter, OnDestroy, OnInit, ElementRef } from '@angular/core';
+import { SearchService } from './search.service';
+import { SearchResultItem, SearchResultGroup, SearchFilter, SearchResultSelectedEvent, SearchFilterChangeEvent, SearchExecutedEvent } from './search-types';
+import * as i0 from "@angular/core";
+export declare class SearchOverlayComponent implements OnInit, OnDestroy {
+    private cdr;
+    protected searchService: SearchService;
+    private destroy$;
+    private searchInput$;
+    searchInputRef: ElementRef<HTMLInputElement>;
+    /** Placeholder text for the search input */
+    Placeholder: string;
+    /** Maximum number of results to fetch */
+    MaxResults: number;
+    /** Whether the overlay is currently visible */
+    private _IsOpen;
+    set IsOpen(value: boolean);
+    get IsOpen(): boolean;
+    /** Debounce time in ms before search fires */
+    DebounceMs: number;
+    /** Which search sources to include */
+    IncludeSources: ('vector' | 'fulltext' | 'entity')[];
+    /** Whether to show filter facets */
+    ShowFilters: boolean;
+    /** Text for the agent CTA button */
+    AgentCtaText: string;
+    /** Whether to show the agent CTA */
+    ShowAgentCta: boolean;
+    IsOpenChange: EventEmitter<boolean>;
+    ResultSelected: EventEmitter<SearchResultSelectedEvent>;
+    FilterChanged: EventEmitter<SearchFilterChangeEvent>;
+    SearchExecuted: EventEmitter<SearchExecutedEvent>;
+    AgentCtaClicked: EventEmitter<string>;
+    Query: string;
+    IsSearching: boolean;
+    ResultGroups: SearchResultGroup[];
+    AllResults: SearchResultItem[];
+    Filters: SearchFilter[];
+    ActiveFilters: Record<string, string[]>;
+    TotalCount: number;
+    ElapsedMs: number;
+    HighlightedIndex: number;
+    HasSearched: boolean;
+    /** All results flattened for keyboard navigation */
+    get FlatResults(): SearchResultItem[];
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    HandleGlobalKeydown(event: KeyboardEvent): void;
+    /** Toggle the overlay open/closed */
+    ToggleOverlay(): void;
+    /** Open the overlay */
+    Open(): void;
+    /** Close the overlay */
+    Close(): void;
+    /** Handle query input changes */
+    OnQueryInput(value: string): void;
+    /** Handle clicking a result */
+    OnResultClick(result: SearchResultItem, event: MouseEvent): void;
+    /** Handle selecting the highlighted result */
+    SelectHighlighted(): void;
+    /** Handle filter option toggle */
+    OnFilterToggle(category: string, value: string): void;
+    /** Clear all active filters */
+    ClearAllFilters(): void;
+    /** Handle clicking the agent CTA */
+    OnAgentCtaClick(): void;
+    /** Handle clicking the backdrop to close */
+    OnBackdropClick(): void;
+    /** Check if a filter option is active */
+    IsFilterActive(category: string, value: string): boolean;
+    /** Get a score display value (percentage) */
+    FormatScore(score: number): string;
+    /** Format elapsed time display */
+    FormatElapsedTime(ms: number): string;
+    private isToggleShortcut;
+    private handleOverlayKeydown;
+    private moveHighlight;
+    private setupSearchDebounce;
+    private subscribeToSearchState;
+    private executeSearch;
+    private clearResults;
+    private onOverlayOpened;
+    private onOverlayClosed;
+    /** Check if any filters are active (used by template) */
+    hasActiveFilters(): boolean;
+    /** Check if a result is currently keyboard-highlighted */
+    isResultHighlighted(result: SearchResultItem): boolean;
+    /** Get the flat index of a result for keyboard navigation */
+    getFlatIndex(result: SearchResultItem): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchOverlayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchOverlayComponent, "mj-search-overlay", never, { "Placeholder": { "alias": "Placeholder"; "required": false; }; "MaxResults": { "alias": "MaxResults"; "required": false; }; "IsOpen": { "alias": "IsOpen"; "required": false; }; "DebounceMs": { "alias": "DebounceMs"; "required": false; }; "IncludeSources": { "alias": "IncludeSources"; "required": false; }; "ShowFilters": { "alias": "ShowFilters"; "required": false; }; "AgentCtaText": { "alias": "AgentCtaText"; "required": false; }; "ShowAgentCta": { "alias": "ShowAgentCta"; "required": false; }; }, { "IsOpenChange": "IsOpenChange"; "ResultSelected": "ResultSelected"; "FilterChanged": "FilterChanged"; "SearchExecuted": "SearchExecuted"; "AgentCtaClicked": "AgentCtaClicked"; }, never, never, false, never>;
+}
+//# sourceMappingURL=search-overlay.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-overlay.component.d.ts","sourceRoot":"","sources":["../../src/lib/search-overlay.component.ts"],"names":[],"mappings":"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"}