@memberjunction/ng-dashboards 5.39.0 → 5.40.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-dashboards",
-  "version": "5.39.0",
+  "version": "5.40.0",
   "description": "MemberJunction Dashboards",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -93,60 +93,62 @@
     "@codemirror/merge": "^6.11.2",
     "@codemirror/state": "^6.5.4",
     "@codemirror/view": "^6.39.12",
-    "@memberjunction/actions-base": "5.39.0",
-    "@memberjunction/ai-core-plus": "5.39.0",
-    "@memberjunction/ai-engine-base": "5.39.0",
-    "@memberjunction/api-keys-base": "5.39.0",
-    "@memberjunction/core": "5.39.0",
-    "@memberjunction/core-entities": "5.39.0",
-    "@memberjunction/credentials": "5.39.0",
-    "@memberjunction/export-engine": "5.39.0",
-    "@memberjunction/tag-engine-base": "5.39.0",
-    "@memberjunction/global": "5.39.0",
-    "@memberjunction/graphql-dataprovider": "5.39.0",
-    "@memberjunction/integration-engine-base": "5.39.0",
-    "@memberjunction/interactive-component-types": "5.39.0",
-    "@memberjunction/lists-base": "5.39.0",
-    "@memberjunction/ng-action-gallery": "5.39.0",
-    "@memberjunction/ng-actions": "5.39.0",
-    "@memberjunction/ng-agent-requests": "5.39.0",
-    "@memberjunction/ng-agents": "5.39.0",
-    "@memberjunction/ng-ai-test-harness": "5.39.0",
-    "@memberjunction/ng-archive-manager": "5.39.0",
-    "@memberjunction/ng-base-application": "5.39.0",
-    "@memberjunction/ng-base-types": "5.39.0",
-    "@memberjunction/ng-clustering": "5.39.0",
-    "@memberjunction/ng-code-editor": "5.39.0",
-    "@memberjunction/ng-container-directives": "5.39.0",
-    "@memberjunction/ng-conversations": "5.39.0",
-    "@memberjunction/ng-core-entity-forms": "5.39.0",
-    "@memberjunction/ng-credentials": "5.39.0",
-    "@memberjunction/ng-dashboard-viewer": "5.39.0",
-    "@memberjunction/ng-entity-relationship-diagram": "5.39.0",
-    "@memberjunction/ng-entity-viewer": "5.39.0",
-    "@memberjunction/ng-explorer-settings": "5.39.0",
-    "@memberjunction/ng-export-service": "5.39.0",
-    "@memberjunction/ng-filter-builder": "5.39.0",
-    "@memberjunction/ng-list-management": "5.39.0",
-    "@memberjunction/ng-map-view": "5.39.0",
-    "@memberjunction/ng-markdown": "5.39.0",
-    "@memberjunction/ng-notifications": "5.39.0",
-    "@memberjunction/ng-query-viewer": "5.39.0",
-    "@memberjunction/ng-base-forms": "5.39.0",
-    "@memberjunction/ng-react": "5.39.0",
-    "@memberjunction/ng-resource-permissions": "5.39.0",
-    "@memberjunction/ng-scheduling": "5.39.0",
-    "@memberjunction/ng-search": "5.39.0",
-    "@memberjunction/ng-shared": "5.39.0",
-    "@memberjunction/ng-shared-generic": "5.39.0",
-    "@memberjunction/ng-testing": "5.39.0",
-    "@memberjunction/ng-trees": "5.39.0",
-    "@memberjunction/ng-ui-components": "5.39.0",
-    "@memberjunction/ng-versions": "5.39.0",
-    "@memberjunction/ng-word-cloud": "5.39.0",
-    "@memberjunction/skip-types": "5.39.0",
-    "@memberjunction/templates-base-types": "5.39.0",
-    "@memberjunction/testing-engine-base": "5.39.0",
+    "@memberjunction/actions-base": "5.40.0",
+    "@memberjunction/ai-core-plus": "5.40.0",
+    "@memberjunction/ai-engine-base": "5.40.0",
+    "@memberjunction/api-keys-base": "5.40.0",
+    "@memberjunction/core": "5.40.0",
+    "@memberjunction/core-entities": "5.40.0",
+    "@memberjunction/credentials": "5.40.0",
+    "@memberjunction/export-engine": "5.40.0",
+    "@memberjunction/tag-engine-base": "5.40.0",
+    "@memberjunction/global": "5.40.0",
+    "@memberjunction/graphql-dataprovider": "5.40.0",
+    "@memberjunction/integration-engine-base": "5.40.0",
+    "@memberjunction/interactive-component-types": "5.40.0",
+    "@memberjunction/lists-base": "5.40.0",
+    "@memberjunction/ng-action-gallery": "5.40.0",
+    "@memberjunction/ng-actions": "5.40.0",
+    "@memberjunction/ng-agent-requests": "5.40.0",
+    "@memberjunction/ng-agents": "5.40.0",
+    "@memberjunction/ng-ai-test-harness": "5.40.0",
+    "@memberjunction/ng-archive-manager": "5.40.0",
+    "@memberjunction/ng-base-application": "5.40.0",
+    "@memberjunction/ng-base-types": "5.40.0",
+    "@memberjunction/ng-clustering": "5.40.0",
+    "@memberjunction/ng-code-editor": "5.40.0",
+    "@memberjunction/ng-container-directives": "5.40.0",
+    "@memberjunction/ng-conversations": "5.40.0",
+    "@memberjunction/ng-core-entity-forms": "5.40.0",
+    "@memberjunction/ng-credentials": "5.40.0",
+    "@memberjunction/ng-dashboard-viewer": "5.40.0",
+    "@memberjunction/ng-entity-relationship-diagram": "5.40.0",
+    "@memberjunction/ng-entity-viewer": "5.40.0",
+    "@memberjunction/ng-explorer-settings": "5.40.0",
+    "@memberjunction/ng-export-service": "5.40.0",
+    "@memberjunction/ng-filter-builder": "5.40.0",
+    "@memberjunction/ng-list-management": "5.40.0",
+    "@memberjunction/ng-map-view": "5.40.0",
+    "@memberjunction/ng-markdown": "5.40.0",
+    "@memberjunction/ng-notifications": "5.40.0",
+    "@memberjunction/ng-query-viewer": "5.40.0",
+    "@memberjunction/ng-base-forms": "5.40.0",
+    "@memberjunction/ng-react": "5.40.0",
+    "@memberjunction/ng-resource-permissions": "5.40.0",
+    "@memberjunction/ng-scheduling": "5.40.0",
+    "@memberjunction/ng-search": "5.40.0",
+    "@memberjunction/ng-shared": "5.40.0",
+    "@memberjunction/ng-shared-generic": "5.40.0",
+    "@memberjunction/ng-testing": "5.40.0",
+    "@memberjunction/ng-trees": "5.40.0",
+    "@memberjunction/ng-ui-components": "5.40.0",
+    "@memberjunction/ng-versions": "5.40.0",
+    "@memberjunction/ng-word-cloud": "5.40.0",
+    "@memberjunction/skip-types": "5.40.0",
+    "@memberjunction/templates-base-types": "5.40.0",
+    "@memberjunction/testing-engine-base": "5.40.0",
+    "ag-grid-angular": "^35.0.1",
+    "ag-grid-community": "^35.0.1",
     "angular-split": "^20.0.0",
     "codemirror": "^6.0.2",
     "d3": "^7.8.5",

package/dist/DataExplorer/components/filter-dialog/filter-dialog.component.d.ts

@@ -1,79 +0,0 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { CompositeFilterDescriptor, FilterFieldInfo } from '@memberjunction/ng-filter-builder';
-import * as i0 from "@angular/core";
-/**
- * FilterDialogComponent - Modal dialog for editing filters
- *
- * Provides a full-width editing experience for the filter builder,
- * suitable for complex filter expressions.
- */
-export declare class FilterDialogComponent implements OnInit {
-    /**
-     * Whether the dialog is open
-     */
-    isOpen: boolean;
-    /**
-     * Available fields to filter on
-     */
-    fields: FilterFieldInfo[];
-    /**
-     * Current filter state
-     */
-    filter: CompositeFilterDescriptor;
-    /**
-     * Whether the filter builder is disabled (read-only mode)
-     */
-    disabled: boolean;
-    /**
-     * Emitted when the dialog should close
-     */
-    close: EventEmitter<void>;
-    /**
-     * Emitted when the filter is applied
-     */
-    apply: EventEmitter<CompositeFilterDescriptor>;
-    /**
-     * Internal working copy of the filter
-     */
-    workingFilter: CompositeFilterDescriptor;
-    /**
-     * Handle Escape key to close dialog
-     */
-    handleEscape(): void;
-    ngOnInit(): void;
-    /**
-     * Initialize working filter when input changes
-     */
-    ngOnChanges(): void;
-    /**
-     * Create a working copy of the filter
-     */
-    private initializeWorkingFilter;
-    /**
-     * Handle filter changes from the filter builder
-     */
-    onFilterChange(filter: CompositeFilterDescriptor): void;
-    /**
-     * Apply the filter and close
-     */
-    onApply(): void;
-    /**
-     * Cancel and close without saving
-     */
-    onCancel(): void;
-    /**
-     * Clear all filters
-     */
-    onClear(): void;
-    /**
-     * Get filter count for display
-     */
-    getFilterCount(): number;
-    /**
-     * Count filters recursively
-     */
-    private countFilters;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FilterDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterDialogComponent, "mj-filter-dialog", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "close": "close"; "apply": "apply"; }, never, never, false, never>;
-}
-//# sourceMappingURL=filter-dialog.component.d.ts.map

package/dist/DataExplorer/components/filter-dialog/filter-dialog.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/DataExplorer/components/filter-dialog/filter-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAgB,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAE,yBAAyB,EAAE,eAAe,EAAqB,MAAM,mCAAmC,CAAC;;AAElH;;;;;GAKG;AACH,qBAMa,qBAAsB,YAAW,MAAM;IAClD;;OAEG;IACM,MAAM,EAAE,OAAO,CAAS;IAEjC;;OAEG;IACM,MAAM,EAAE,eAAe,EAAE,CAAM;IAExC;;OAEG;IACM,MAAM,EAAE,yBAAyB,CAAuB;IAEjE;;OAEG;IACM,QAAQ,EAAE,OAAO,CAAS;IAEnC;;OAEG;IACO,KAAK,qBAA4B;IAE3C;;OAEG;IACO,KAAK,0CAAiD;IAEhE;;OAEG;IACI,aAAa,EAAE,yBAAyB,CAAuB;IAEtE;;OAEG;IAEH,YAAY,IAAI,IAAI;IAMpB,QAAQ,IAAI,IAAI;IAIhB;;OAEG;IACH,WAAW,IAAI,IAAI;IAMnB;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAK/B;;OAEG;IACH,cAAc,CAAC,MAAM,EAAE,yBAAyB,GAAG,IAAI;IAIvD;;OAEG;IACH,OAAO,IAAI,IAAI;IAKf;;OAEG;IACH,QAAQ,IAAI,IAAI;IAIhB;;OAEG;IACH,OAAO,IAAI,IAAI;IAIf;;OAEG;IACH,cAAc,IAAI,MAAM;IAIxB;;OAEG;IACH,OAAO,CAAC,YAAY;yCA1GT,qBAAqB;2CAArB,qBAAqB;CAqHjC"}

package/dist/DataExplorer/components/filter-dialog/filter-dialog.component.js

@@ -1,195 +0,0 @@
-import { Component, Input, Output, EventEmitter, HostListener } from '@angular/core';
-import { createEmptyFilter } from '@memberjunction/ng-filter-builder';
-import * as i0 from "@angular/core";
-import * as i1 from "@memberjunction/ng-filter-builder";
-const _c0 = () => ({ showClearButton: false, applyOnChange: true });
-function FilterDialogComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 5);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.getFilterCount());
-} }
-function FilterDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 0);
-    i0.ɵɵlistener("click", function FilterDialogComponent_Conditional_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "div", 3);
-    i0.ɵɵelement(4, "i", 4);
-    i0.ɵɵelementStart(5, "span");
-    i0.ɵɵtext(6, "Edit Filters");
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, FilterDialogComponent_Conditional_0_Conditional_7_Template, 2, 1, "span", 5);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "button", 6);
-    i0.ɵɵlistener("click", function FilterDialogComponent_Conditional_0_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
-    i0.ɵɵelement(9, "i", 7);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 8)(11, "mj-filter-builder", 9);
-    i0.ɵɵlistener("filterChange", function FilterDialogComponent_Conditional_0_Template_mj_filter_builder_filterChange_11_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFilterChange($event)); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 10)(13, "button", 11);
-    i0.ɵɵlistener("click", function FilterDialogComponent_Conditional_0_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onClear()); });
-    i0.ɵɵelement(14, "i", 12);
-    i0.ɵɵtext(15, " Clear All ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "div", 13)(17, "button", 14);
-    i0.ɵɵlistener("click", function FilterDialogComponent_Conditional_0_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
-    i0.ɵɵtext(18, " Cancel ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "button", 15);
-    i0.ɵɵlistener("click", function FilterDialogComponent_Conditional_0_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onApply()); });
-    i0.ɵɵelement(20, "i", 16);
-    i0.ɵɵtext(21, " Apply Filters ");
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(7);
-    i0.ɵɵconditional(ctx_r1.getFilterCount() > 0 ? 7 : -1);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("fields", ctx_r1.fields)("filter", ctx_r1.workingFilter)("disabled", ctx_r1.disabled)("showSummary", true)("config", i0.ɵɵpureFunction0(8, _c0));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ctx_r1.disabled || ctx_r1.getFilterCount() === 0);
-    i0.ɵɵadvance(6);
-    i0.ɵɵproperty("disabled", ctx_r1.disabled);
-} }
-/**
- * FilterDialogComponent - Modal dialog for editing filters
- *
- * Provides a full-width editing experience for the filter builder,
- * suitable for complex filter expressions.
- */
-export class FilterDialogComponent {
-    /**
-     * Whether the dialog is open
-     */
-    isOpen = false;
-    /**
-     * Available fields to filter on
-     */
-    fields = [];
-    /**
-     * Current filter state
-     */
-    filter = createEmptyFilter();
-    /**
-     * Whether the filter builder is disabled (read-only mode)
-     */
-    disabled = false;
-    /**
-     * Emitted when the dialog should close
-     */
-    close = new EventEmitter();
-    /**
-     * Emitted when the filter is applied
-     */
-    apply = new EventEmitter();
-    /**
-     * Internal working copy of the filter
-     */
-    workingFilter = createEmptyFilter();
-    /**
-     * Handle Escape key to close dialog
-     */
-    handleEscape() {
-        if (this.isOpen) {
-            this.onCancel();
-        }
-    }
-    ngOnInit() {
-        this.initializeWorkingFilter();
-    }
-    /**
-     * Initialize working filter when input changes
-     */
-    ngOnChanges() {
-        if (this.isOpen) {
-            this.initializeWorkingFilter();
-        }
-    }
-    /**
-     * Create a working copy of the filter
-     */
-    initializeWorkingFilter() {
-        // Deep clone to avoid mutating the original
-        this.workingFilter = JSON.parse(JSON.stringify(this.filter || createEmptyFilter()));
-    }
-    /**
-     * Handle filter changes from the filter builder
-     */
-    onFilterChange(filter) {
-        this.workingFilter = filter;
-    }
-    /**
-     * Apply the filter and close
-     */
-    onApply() {
-        this.apply.emit(this.workingFilter);
-        this.close.emit();
-    }
-    /**
-     * Cancel and close without saving
-     */
-    onCancel() {
-        this.close.emit();
-    }
-    /**
-     * Clear all filters
-     */
-    onClear() {
-        this.workingFilter = createEmptyFilter();
-    }
-    /**
-     * Get filter count for display
-     */
-    getFilterCount() {
-        return this.countFilters(this.workingFilter);
-    }
-    /**
-     * Count filters recursively
-     */
-    countFilters(filter) {
-        let count = 0;
-        for (const item of filter.filters || []) {
-            if ('logic' in item && 'filters' in item) {
-                count += this.countFilters(item);
-            }
-            else if ('field' in item) {
-                count++;
-            }
-        }
-        return count;
-    }
-    static ɵfac = function FilterDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FilterDialogComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FilterDialogComponent, selectors: [["mj-filter-dialog"]], hostBindings: function FilterDialogComponent_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("keydown.escape", function FilterDialogComponent_keydown_escape_HostBindingHandler() { return ctx.handleEscape(); }, i0.ɵɵresolveDocument);
-        } }, inputs: { isOpen: "isOpen", fields: "fields", filter: "filter", disabled: "disabled" }, outputs: { close: "close", apply: "apply" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[1, "dialog-backdrop", 3, "click"], [1, "filter-dialog"], [1, "dialog-header"], [1, "header-title"], [1, "fa-solid", "fa-filter"], [1, "filter-badge"], ["title", "Close", 1, "close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "dialog-content"], [3, "filterChange", "fields", "filter", "disabled", "showSummary", "config"], [1, "dialog-footer"], [1, "footer-btn", "clear-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-eraser"], [1, "footer-right"], [1, "footer-btn", "cancel-btn", 3, "click"], [1, "footer-btn", "apply-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-check"]], template: function FilterDialogComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, FilterDialogComponent_Conditional_0_Template, 22, 9);
-        } if (rf & 2) {
-            i0.ɵɵconditional(ctx.isOpen ? 0 : -1);
-        } }, dependencies: [i1.FilterBuilderComponent], styles: ["\n\n.dialog-backdrop[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--mj-bg-overlay);\n  z-index: 2000; \n\n  animation: _ngcontent-%COMP%_fadeIn 0.15s ease;\n}\n\n\n\n.filter-dialog[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 90%;\n  max-width: 800px;\n  max-height: 85vh;\n  background: var(--mj-bg-surface);\n  border-radius: 12px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n  z-index: 2001; \n\n  display: flex;\n  flex-direction: column;\n  animation: _ngcontent-%COMP%_slideIn 0.2s ease;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n@keyframes _ngcontent-%COMP%_slideIn {\n  from {\n    opacity: 0;\n    transform: translate(-50%, -48%);\n  }\n  to {\n    opacity: 1;\n    transform: translate(-50%, -50%);\n  }\n}\n\n\n\n.dialog-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n}\n\n.header-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.header-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.filter-badge[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  font-size: 12px;\n  font-weight: 600;\n  padding: 2px 8px;\n  border-radius: 10px;\n}\n\n.close-btn[_ngcontent-%COMP%] {\n  width: 36px;\n  height: 36px;\n  border: none;\n  background: transparent;\n  border-radius: 6px;\n  cursor: pointer;\n  color: var(--mj-text-disabled);\n  font-size: 16px;\n  transition: all 0.15s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.close-btn[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-primary);\n}\n\n\n\n.dialog-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n  min-height: 200px;\n}\n\n\n\n.dialog-footer[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  border-radius: 0 0 12px 12px;\n  flex-shrink: 0;\n}\n\n.footer-right[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n.footer-btn[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 16px;\n  border: none;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.footer-btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.footer-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.clear-btn[_ngcontent-%COMP%] {\n  background: transparent;\n  color: var(--mj-status-error);\n  border: 1px solid var(--mj-border-default);\n}\n\n.clear-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-status-error-bg);\n  border-color: var(--mj-status-error);\n}\n\n.cancel-btn[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-secondary);\n}\n\n.cancel-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.apply-btn[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n.apply-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover);\n}\n\n\n\n@media (max-width: 600px) {\n  .filter-dialog[_ngcontent-%COMP%] {\n    width: 95%;\n    max-height: 90vh;\n    border-radius: 8px;\n  }\n\n  .dialog-header[_ngcontent-%COMP%] {\n    padding: 14px 16px;\n  }\n\n  .header-title[_ngcontent-%COMP%] {\n    font-size: 16px;\n  }\n\n  .dialog-content[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .dialog-footer[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 12px;\n    padding: 14px 16px;\n  }\n\n  .footer-right[_ngcontent-%COMP%] {\n    width: 100%;\n    justify-content: stretch;\n  }\n\n  .footer-btn[_ngcontent-%COMP%] {\n    flex: 1;\n    justify-content: center;\n  }\n\n  .clear-btn[_ngcontent-%COMP%] {\n    width: 100%;\n    justify-content: center;\n  }\n}"] });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FilterDialogComponent, [{
-        type: Component,
-        args: [{ standalone: false, selector: 'mj-filter-dialog', template: "@if (isOpen) {\n  <!-- Backdrop -->\n  <div class=\"dialog-backdrop\" (click)=\"onCancel()\"></div>\n\n  <!-- Dialog -->\n  <div class=\"filter-dialog\">\n    <!-- Header -->\n    <div class=\"dialog-header\">\n      <div class=\"header-title\">\n        <i class=\"fa-solid fa-filter\"></i>\n        <span>Edit Filters</span>\n        @if (getFilterCount() > 0) {\n          <span class=\"filter-badge\">{{ getFilterCount() }}</span>\n        }\n      </div>\n      <button class=\"close-btn\" (click)=\"onCancel()\" title=\"Close\">\n        <i class=\"fa-solid fa-times\"></i>\n      </button>\n    </div>\n\n    <!-- Content -->\n    <div class=\"dialog-content\">\n      <mj-filter-builder\n        [fields]=\"fields\"\n        [filter]=\"workingFilter\"\n        [disabled]=\"disabled\"\n        [showSummary]=\"true\"\n        [config]=\"{ showClearButton: false, applyOnChange: true }\"\n        (filterChange)=\"onFilterChange($event)\">\n      </mj-filter-builder>\n    </div>\n\n    <!-- Footer -->\n    <div class=\"dialog-footer\">\n      <button class=\"footer-btn clear-btn\" (click)=\"onClear()\" [disabled]=\"disabled || getFilterCount() === 0\">\n        <i class=\"fa-solid fa-eraser\"></i>\n        Clear All\n      </button>\n      <div class=\"footer-right\">\n        <button class=\"footer-btn cancel-btn\" (click)=\"onCancel()\">\n          Cancel\n        </button>\n        <button class=\"footer-btn apply-btn\" (click)=\"onApply()\" [disabled]=\"disabled\">\n          <i class=\"fa-solid fa-check\"></i>\n          Apply Filters\n        </button>\n      </div>\n    </div>\n  </div>\n}\n", styles: ["/* Backdrop */\n.dialog-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--mj-bg-overlay);\n  z-index: 2000; /* Above view-config-panel (1201) and Leaflet map (1000) */\n  animation: fadeIn 0.15s ease;\n}\n\n/* Dialog */\n.filter-dialog {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 90%;\n  max-width: 800px;\n  max-height: 85vh;\n  background: var(--mj-bg-surface);\n  border-radius: 12px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n  z-index: 2001; /* Above backdrop (2000) */\n  display: flex;\n  flex-direction: column;\n  animation: slideIn 0.2s ease;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n@keyframes slideIn {\n  from {\n    opacity: 0;\n    transform: translate(-50%, -48%);\n  }\n  to {\n    opacity: 1;\n    transform: translate(-50%, -50%);\n  }\n}\n\n/* Header */\n.dialog-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n}\n\n.header-title {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.header-title i {\n  color: var(--mj-brand-primary);\n}\n\n.filter-badge {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  font-size: 12px;\n  font-weight: 600;\n  padding: 2px 8px;\n  border-radius: 10px;\n}\n\n.close-btn {\n  width: 36px;\n  height: 36px;\n  border: none;\n  background: transparent;\n  border-radius: 6px;\n  cursor: pointer;\n  color: var(--mj-text-disabled);\n  font-size: 16px;\n  transition: all 0.15s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.close-btn:hover {\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-primary);\n}\n\n/* Content */\n.dialog-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n  min-height: 200px;\n}\n\n/* Footer */\n.dialog-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  border-radius: 0 0 12px 12px;\n  flex-shrink: 0;\n}\n\n.footer-right {\n  display: flex;\n  gap: 8px;\n}\n\n.footer-btn {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 16px;\n  border: none;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.footer-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.footer-btn i {\n  font-size: 12px;\n}\n\n.clear-btn {\n  background: transparent;\n  color: var(--mj-status-error);\n  border: 1px solid var(--mj-border-default);\n}\n\n.clear-btn:hover:not(:disabled) {\n  background: var(--mj-status-error-bg);\n  border-color: var(--mj-status-error);\n}\n\n.cancel-btn {\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-secondary);\n}\n\n.cancel-btn:hover:not(:disabled) {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.apply-btn {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n.apply-btn:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover);\n}\n\n/* Responsive */\n@media (max-width: 600px) {\n  .filter-dialog {\n    width: 95%;\n    max-height: 90vh;\n    border-radius: 8px;\n  }\n\n  .dialog-header {\n    padding: 14px 16px;\n  }\n\n  .header-title {\n    font-size: 16px;\n  }\n\n  .dialog-content {\n    padding: 16px;\n  }\n\n  .dialog-footer {\n    flex-direction: column;\n    gap: 12px;\n    padding: 14px 16px;\n  }\n\n  .footer-right {\n    width: 100%;\n    justify-content: stretch;\n  }\n\n  .footer-btn {\n    flex: 1;\n    justify-content: center;\n  }\n\n  .clear-btn {\n    width: 100%;\n    justify-content: center;\n  }\n}\n"] }]
-    }], null, { isOpen: [{
-            type: Input
-        }], fields: [{
-            type: Input
-        }], filter: [{
-            type: Input
-        }], disabled: [{
-            type: Input
-        }], close: [{
-            type: Output
-        }], apply: [{
-            type: Output
-        }], handleEscape: [{
-            type: HostListener,
-            args: ['document:keydown.escape']
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FilterDialogComponent, { className: "FilterDialogComponent", filePath: "src/DataExplorer/components/filter-dialog/filter-dialog.component.ts", lineNumber: 16 }); })();
-//# sourceMappingURL=filter-dialog.component.js.map

package/dist/DataExplorer/components/filter-dialog/filter-dialog.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-dialog.component.js","sourceRoot":"","sources":["../../../../src/DataExplorer/components/filter-dialog/filter-dialog.component.ts","../../../../src/DataExplorer/components/filter-dialog/filter-dialog.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, HostListener } from '@angular/core';\nimport { CompositeFilterDescriptor, FilterFieldInfo, createEmptyFilter } from '@memberjunction/ng-filter-builder';\n\n/**\n * FilterDialogComponent - Modal dialog for editing filters\n *\n * Provides a full-width editing experience for the filter builder,\n * suitable for complex filter expressions.\n */\n@Component({\n  standalone: false,\n  selector: 'mj-filter-dialog',\n  templateUrl: './filter-dialog.component.html',\n  styleUrls: ['./filter-dialog.component.css']\n})\nexport class FilterDialogComponent implements OnInit {\n  /**\n   * Whether the dialog is open\n   */\n  @Input() isOpen: boolean = false;\n\n  /**\n   * Available fields to filter on\n   */\n  @Input() fields: FilterFieldInfo[] = [];\n\n  /**\n   * Current filter state\n   */\n  @Input() filter: CompositeFilterDescriptor = createEmptyFilter();\n\n  /**\n   * Whether the filter builder is disabled (read-only mode)\n   */\n  @Input() disabled: boolean = false;\n\n  /**\n   * Emitted when the dialog should close\n   */\n  @Output() close = new EventEmitter<void>();\n\n  /**\n   * Emitted when the filter is applied\n   */\n  @Output() apply = new EventEmitter<CompositeFilterDescriptor>();\n\n  /**\n   * Internal working copy of the filter\n   */\n  public workingFilter: CompositeFilterDescriptor = createEmptyFilter();\n\n  /**\n   * Handle Escape key to close dialog\n   */\n  @HostListener('document:keydown.escape')\n  handleEscape(): void {\n    if (this.isOpen) {\n      this.onCancel();\n    }\n  }\n\n  ngOnInit(): void {\n    this.initializeWorkingFilter();\n  }\n\n  /**\n   * Initialize working filter when input changes\n   */\n  ngOnChanges(): void {\n    if (this.isOpen) {\n      this.initializeWorkingFilter();\n    }\n  }\n\n  /**\n   * Create a working copy of the filter\n   */\n  private initializeWorkingFilter(): void {\n    // Deep clone to avoid mutating the original\n    this.workingFilter = JSON.parse(JSON.stringify(this.filter || createEmptyFilter()));\n  }\n\n  /**\n   * Handle filter changes from the filter builder\n   */\n  onFilterChange(filter: CompositeFilterDescriptor): void {\n    this.workingFilter = filter;\n  }\n\n  /**\n   * Apply the filter and close\n   */\n  onApply(): void {\n    this.apply.emit(this.workingFilter);\n    this.close.emit();\n  }\n\n  /**\n   * Cancel and close without saving\n   */\n  onCancel(): void {\n    this.close.emit();\n  }\n\n  /**\n   * Clear all filters\n   */\n  onClear(): void {\n    this.workingFilter = createEmptyFilter();\n  }\n\n  /**\n   * Get filter count for display\n   */\n  getFilterCount(): number {\n    return this.countFilters(this.workingFilter);\n  }\n\n  /**\n   * Count filters recursively\n   */\n  private countFilters(filter: CompositeFilterDescriptor): number {\n    let count = 0;\n    for (const item of filter.filters || []) {\n      if ('logic' in item && 'filters' in item) {\n        count += this.countFilters(item as CompositeFilterDescriptor);\n      } else if ('field' in item) {\n        count++;\n      }\n    }\n    return count;\n  }\n}\n","@if (isOpen) {\n  <!-- Backdrop -->\n  <div class=\"dialog-backdrop\" (click)=\"onCancel()\"></div>\n\n  <!-- Dialog -->\n  <div class=\"filter-dialog\">\n    <!-- Header -->\n    <div class=\"dialog-header\">\n      <div class=\"header-title\">\n        <i class=\"fa-solid fa-filter\"></i>\n        <span>Edit Filters</span>\n        @if (getFilterCount() > 0) {\n          <span class=\"filter-badge\">{{ getFilterCount() }}</span>\n        }\n      </div>\n      <button class=\"close-btn\" (click)=\"onCancel()\" title=\"Close\">\n        <i class=\"fa-solid fa-times\"></i>\n      </button>\n    </div>\n\n    <!-- Content -->\n    <div class=\"dialog-content\">\n      <mj-filter-builder\n        [fields]=\"fields\"\n        [filter]=\"workingFilter\"\n        [disabled]=\"disabled\"\n        [showSummary]=\"true\"\n        [config]=\"{ showClearButton: false, applyOnChange: true }\"\n        (filterChange)=\"onFilterChange($event)\">\n      </mj-filter-builder>\n    </div>\n\n    <!-- Footer -->\n    <div class=\"dialog-footer\">\n      <button class=\"footer-btn clear-btn\" (click)=\"onClear()\" [disabled]=\"disabled || getFilterCount() === 0\">\n        <i class=\"fa-solid fa-eraser\"></i>\n        Clear All\n      </button>\n      <div class=\"footer-right\">\n        <button class=\"footer-btn cancel-btn\" (click)=\"onCancel()\">\n          Cancel\n        </button>\n        <button class=\"footer-btn apply-btn\" (click)=\"onApply()\" [disabled]=\"disabled\">\n          <i class=\"fa-solid fa-check\"></i>\n          Apply Filters\n        </button>\n      </div>\n    </div>\n  </div>\n}\n"]}