@memberjunction/ng-entity-viewer 3.2.0 → 3.3.0

package/dist/lib/aggregate-panel/aggregate-panel.component.d.ts

@@ -0,0 +1,118 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { ViewGridAggregate } from '@memberjunction/core-entities';
+import { AggregateValue } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+/**
+ * AggregatePanelComponent displays aggregate values in a card-based panel.
+ * Can be positioned to the right or bottom of the grid, with various layout options.
+ *
+ * Features:
+ * - Collapsible panel with customizable title
+ * - Multiple layout options (horizontal, vertical, grid)
+ * - Value formatting (number, currency, percent, date)
+ * - Conditional styling (green/yellow/red based on value thresholds)
+ * - Icon support for visual indicators
+ */
+export declare class AggregatePanelComponent implements OnInit {
+    /**
+     * Array of aggregate configurations to display
+     */
+    Aggregates: ViewGridAggregate[];
+    /**
+     * Map of aggregate values, keyed by expression or id
+     */
+    Values: Map<string, AggregateValue>;
+    /**
+     * Panel position relative to the grid
+     */
+    Position: 'right' | 'bottom';
+    /**
+     * Panel width in pixels (only applies when Position is 'right')
+     */
+    Width: number;
+    /**
+     * Layout style for aggregate cards
+     */
+    Layout: 'horizontal' | 'vertical' | 'grid';
+    /**
+     * Number of columns when Layout is 'grid'
+     */
+    GridColumns: number;
+    /**
+     * Panel title
+     */
+    Title: string;
+    /**
+     * Whether the panel can be collapsed
+     */
+    Collapsible: boolean;
+    /**
+     * Whether the panel starts in collapsed state
+     */
+    StartCollapsed: boolean;
+    /**
+     * Whether aggregates are currently loading
+     */
+    Loading: boolean;
+    /**
+     * Emitted when panel collapsed state changes
+     */
+    CollapsedChange: EventEmitter<boolean>;
+    /**
+     * Emitted when user clicks an aggregate card (for editing/details)
+     */
+    AggregateClick: EventEmitter<ViewGridAggregate>;
+    IsCollapsed: boolean;
+    ngOnInit(): void;
+    /**
+     * Toggle panel collapsed state
+     */
+    ToggleCollapse(): void;
+    /**
+     * Handle click on an aggregate card
+     */
+    OnAggregateClick(agg: ViewGridAggregate): void;
+    /**
+     * Get the formatted value for an aggregate
+     */
+    FormatValue(agg: ViewGridAggregate): string;
+    /**
+     * Get the CSS class for conditional styling
+     */
+    GetStyleClass(agg: ViewGridAggregate): string;
+    /**
+     * Get enabled aggregates (filter out disabled ones)
+     */
+    get EnabledAggregates(): ViewGridAggregate[];
+    /**
+     * Get card aggregates sorted by order
+     */
+    get CardAggregates(): ViewGridAggregate[];
+    /**
+     * Get panel style for right position
+     */
+    get PanelStyle(): Record<string, string>;
+    /**
+     * Get grid template columns for grid layout
+     */
+    get GridTemplateColumns(): string;
+    /**
+     * Format value based on type configuration
+     */
+    private formatByType;
+    /**
+     * Format a number value
+     */
+    private formatNumber;
+    /**
+     * Format a date value
+     */
+    private formatDate;
+    /**
+     * Evaluate a conditional styling rule
+     */
+    private evaluateCondition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AggregatePanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AggregatePanelComponent, "mj-aggregate-panel", never, { "Aggregates": { "alias": "Aggregates"; "required": false; }; "Values": { "alias": "Values"; "required": false; }; "Position": { "alias": "Position"; "required": false; }; "Width": { "alias": "Width"; "required": false; }; "Layout": { "alias": "Layout"; "required": false; }; "GridColumns": { "alias": "GridColumns"; "required": false; }; "Title": { "alias": "Title"; "required": false; }; "Collapsible": { "alias": "Collapsible"; "required": false; }; "StartCollapsed": { "alias": "StartCollapsed"; "required": false; }; "Loading": { "alias": "Loading"; "required": false; }; }, { "CollapsedChange": "CollapsedChange"; "AggregateClick": "AggregateClick"; }, never, never, false, never>;
+}
+//# sourceMappingURL=aggregate-panel.component.d.ts.map

package/dist/lib/aggregate-panel/aggregate-panel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aggregate-panel.component.d.ts","sourceRoot":"","sources":["../../../src/lib/aggregate-panel/aggregate-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EACZ,MAAM,EACP,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,iBAAiB,EAGlB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;;AAEtD;;;;;;;;;;GAUG;AACH,qBAKa,uBAAwB,YAAW,MAAM;IACpD;;OAEG;IACM,UAAU,EAAE,iBAAiB,EAAE,CAAM;IAE9C;;OAEG;IACM,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,CAAa;IAEzD;;OAEG;IACM,QAAQ,EAAE,OAAO,GAAG,QAAQ,CAAW;IAEhD;;OAEG;IACM,KAAK,EAAE,MAAM,CAAO;IAE7B;;OAEG;IACM,MAAM,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAc;IAEjE;;OAEG;IACM,WAAW,EAAE,MAAM,CAAK;IAEjC;;OAEG;IACM,KAAK,EAAE,MAAM,CAAa;IAEnC;;OAEG;IACM,WAAW,EAAE,OAAO,CAAQ;IAErC;;OAEG;IACM,cAAc,EAAE,OAAO,CAAS;IAEzC;;OAEG;IACM,OAAO,EAAE,OAAO,CAAS;IAElC;;OAEG;IACO,eAAe,wBAA+B;IAExD;;OAEG;IACO,cAAc,kCAAyC;IAEjE,WAAW,UAAS;IAEpB,QAAQ,IAAI,IAAI;IAIhB;;OAEG;IACH,cAAc,IAAI,IAAI;IAOtB;;OAEG;IACH,gBAAgB,CAAC,GAAG,EAAE,iBAAiB,GAAG,IAAI;IAI9C;;OAEG;IACH,WAAW,CAAC,GAAG,EAAE,iBAAiB,GAAG,MAAM;IAU3C;;OAEG;IACH,aAAa,CAAC,GAAG,EAAE,iBAAiB,GAAG,MAAM;IAc7C;;OAEG;IACH,IAAI,iBAAiB,IAAI,iBAAiB,EAAE,CAE3C;IAED;;OAEG;IACH,IAAI,cAAc,IAAI,iBAAiB,EAAE,CAIxC;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAQvC;IAED;;OAEG;IACH,IAAI,mBAAmB,IAAI,MAAM,CAKhC;IAED;;OAEG;IACH,OAAO,CAAC,YAAY;IAyBpB;;OAEG;IACH,OAAO,CAAC,YAAY;IAoBpB;;OAEG;IACH,OAAO,CAAC,UAAU;IAyBlB;;OAEG;IACH,OAAO,CAAC,iBAAiB;yCA3Od,uBAAuB;2CAAvB,uBAAuB;CAiQnC"}

package/dist/lib/aggregate-panel/aggregate-panel.component.js

@@ -0,0 +1,366 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+const _c0 = a0 => ({ "grid-template-columns": a0 });
+const _c1 = () => ({});
+function AggregatePanelComponent_span_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 7);
+    i0.ɵɵelement(1, "i", 8);
+    i0.ɵɵelementEnd();
+} }
+function AggregatePanelComponent_button_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 9);
+    i0.ɵɵelement(1, "i", 10);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-chevron-up", !ctx_r0.IsCollapsed)("fa-chevron-down", ctx_r0.IsCollapsed);
+} }
+function AggregatePanelComponent_div_7_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵelement(1, "i", 16);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No summaries configured");
+    i0.ɵɵelementEnd()();
+} }
+function AggregatePanelComponent_div_7_div_3_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵelement(1, "i");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const agg_r3 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(agg_r3.icon);
+} }
+function AggregatePanelComponent_div_7_div_3_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵlistener("click", function AggregatePanelComponent_div_7_div_3_Template_div_click_0_listener() { const agg_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OnAggregateClick(agg_r3)); });
+    i0.ɵɵtemplate(1, AggregatePanelComponent_div_7_div_3_div_1_Template, 2, 2, "div", 18);
+    i0.ɵɵelementStart(2, "div", 19)(3, "div", 20);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 21);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const agg_r3 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassMap(ctx_r0.GetStyleClass(agg_r3));
+    i0.ɵɵproperty("title", agg_r3.description || agg_r3.label);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", agg_r3.icon);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("loading", ctx_r0.Loading);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.Loading ? "..." : ctx_r0.FormatValue(agg_r3), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(agg_r3.label);
+} }
+function AggregatePanelComponent_div_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵtemplate(1, AggregatePanelComponent_div_7_div_1_Template, 4, 0, "div", 12);
+    i0.ɵɵelementStart(2, "div", 13);
+    i0.ɵɵtemplate(3, AggregatePanelComponent_div_7_div_3_Template, 7, 8, "div", 14);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.CardAggregates.length === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("layout-horizontal", ctx_r0.Layout === "horizontal")("layout-vertical", ctx_r0.Layout === "vertical")("layout-grid", ctx_r0.Layout === "grid");
+    i0.ɵɵproperty("ngStyle", ctx_r0.Layout === "grid" ? i0.ɵɵpureFunction1(9, _c0, ctx_r0.GridTemplateColumns) : i0.ɵɵpureFunction0(11, _c1));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r0.CardAggregates);
+} }
+/**
+ * AggregatePanelComponent displays aggregate values in a card-based panel.
+ * Can be positioned to the right or bottom of the grid, with various layout options.
+ *
+ * Features:
+ * - Collapsible panel with customizable title
+ * - Multiple layout options (horizontal, vertical, grid)
+ * - Value formatting (number, currency, percent, date)
+ * - Conditional styling (green/yellow/red based on value thresholds)
+ * - Icon support for visual indicators
+ */
+export class AggregatePanelComponent {
+    /**
+     * Array of aggregate configurations to display
+     */
+    Aggregates = [];
+    /**
+     * Map of aggregate values, keyed by expression or id
+     */
+    Values = new Map();
+    /**
+     * Panel position relative to the grid
+     */
+    Position = 'right';
+    /**
+     * Panel width in pixels (only applies when Position is 'right')
+     */
+    Width = 280;
+    /**
+     * Layout style for aggregate cards
+     */
+    Layout = 'vertical';
+    /**
+     * Number of columns when Layout is 'grid'
+     */
+    GridColumns = 2;
+    /**
+     * Panel title
+     */
+    Title = 'Summary';
+    /**
+     * Whether the panel can be collapsed
+     */
+    Collapsible = true;
+    /**
+     * Whether the panel starts in collapsed state
+     */
+    StartCollapsed = false;
+    /**
+     * Whether aggregates are currently loading
+     */
+    Loading = false;
+    /**
+     * Emitted when panel collapsed state changes
+     */
+    CollapsedChange = new EventEmitter();
+    /**
+     * Emitted when user clicks an aggregate card (for editing/details)
+     */
+    AggregateClick = new EventEmitter();
+    IsCollapsed = false;
+    ngOnInit() {
+        this.IsCollapsed = this.StartCollapsed;
+    }
+    /**
+     * Toggle panel collapsed state
+     */
+    ToggleCollapse() {
+        if (this.Collapsible) {
+            this.IsCollapsed = !this.IsCollapsed;
+            this.CollapsedChange.emit(this.IsCollapsed);
+        }
+    }
+    /**
+     * Handle click on an aggregate card
+     */
+    OnAggregateClick(agg) {
+        this.AggregateClick.emit(agg);
+    }
+    /**
+     * Get the formatted value for an aggregate
+     */
+    FormatValue(agg) {
+        const key = agg.id || agg.expression;
+        const value = this.Values.get(key);
+        if (value == null)
+            return '—';
+        const format = agg.format || {};
+        return this.formatByType(value, format);
+    }
+    /**
+     * Get the CSS class for conditional styling
+     */
+    GetStyleClass(agg) {
+        const key = agg.id || agg.expression;
+        const value = this.Values.get(key);
+        if (value == null || !agg.conditionalStyles?.length)
+            return '';
+        for (const rule of agg.conditionalStyles) {
+            if (this.evaluateCondition(value, rule)) {
+                return `style-${rule.style}`;
+            }
+        }
+        return '';
+    }
+    /**
+     * Get enabled aggregates (filter out disabled ones)
+     */
+    get EnabledAggregates() {
+        return this.Aggregates.filter(a => a.enabled !== false);
+    }
+    /**
+     * Get card aggregates sorted by order
+     */
+    get CardAggregates() {
+        return this.EnabledAggregates
+            .filter(a => a.displayType === 'card')
+            .sort((a, b) => (a.order || 0) - (b.order || 0));
+    }
+    /**
+     * Get panel style for right position
+     */
+    get PanelStyle() {
+        if (this.Position === 'right') {
+            return {
+                width: `${this.Width}px`,
+                minWidth: `${this.Width}px`
+            };
+        }
+        return {};
+    }
+    /**
+     * Get grid template columns for grid layout
+     */
+    get GridTemplateColumns() {
+        if (this.Layout === 'grid') {
+            return `repeat(${this.GridColumns}, 1fr)`;
+        }
+        return '';
+    }
+    /**
+     * Format value based on type configuration
+     */
+    formatByType(value, format) {
+        if (value == null)
+            return '—';
+        // Handle prefix/suffix
+        const prefix = format.prefix || '';
+        const suffix = format.suffix || '';
+        // Handle different value types
+        if (typeof value === 'number') {
+            const formatted = this.formatNumber(value, format);
+            return `${prefix}${formatted}${suffix}`;
+        }
+        if (value instanceof Date) {
+            return this.formatDate(value, format.dateFormat);
+        }
+        if (typeof value === 'boolean') {
+            return value ? 'Yes' : 'No';
+        }
+        // String or unknown type
+        return `${prefix}${String(value)}${suffix}`;
+    }
+    /**
+     * Format a number value
+     */
+    formatNumber(value, format) {
+        const options = {
+            minimumFractionDigits: format.decimals ?? 0,
+            maximumFractionDigits: format.decimals ?? 2,
+            useGrouping: format.thousandsSeparator !== false
+        };
+        // Handle currency
+        if (format.currencyCode) {
+            options.style = 'currency';
+            options.currency = format.currencyCode;
+        }
+        try {
+            return new Intl.NumberFormat('en-US', options).format(value);
+        }
+        catch {
+            return String(value);
+        }
+    }
+    /**
+     * Format a date value
+     */
+    formatDate(value, dateFormat) {
+        try {
+            // Simple format presets
+            const options = {};
+            switch (dateFormat) {
+                case 'short':
+                    options.dateStyle = 'short';
+                    break;
+                case 'medium':
+                    options.dateStyle = 'medium';
+                    break;
+                case 'long':
+                    options.dateStyle = 'long';
+                    break;
+                default:
+                    options.dateStyle = 'medium';
+            }
+            return new Intl.DateTimeFormat('en-US', options).format(value);
+        }
+        catch {
+            return String(value);
+        }
+    }
+    /**
+     * Evaluate a conditional styling rule
+     */
+    evaluateCondition(value, rule) {
+        // For non-numeric values, only support equality checks
+        if (typeof value !== 'number') {
+            if (rule.operator === 'eq')
+                return value === rule.value;
+            if (rule.operator === 'neq')
+                return value !== rule.value;
+            return false;
+        }
+        const numValue = Number(rule.value);
+        const numValue2 = rule.value2 != null ? Number(rule.value2) : numValue;
+        switch (rule.operator) {
+            case 'gt': return value > numValue;
+            case 'gte': return value >= numValue;
+            case 'lt': return value < numValue;
+            case 'lte': return value <= numValue;
+            case 'eq': return value === numValue;
+            case 'neq': return value !== numValue;
+            case 'between': return value >= numValue && value <= numValue2;
+            default: return false;
+        }
+    }
+    static ɵfac = function AggregatePanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AggregatePanelComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AggregatePanelComponent, selectors: [["mj-aggregate-panel"]], inputs: { Aggregates: "Aggregates", Values: "Values", Position: "Position", Width: "Width", Layout: "Layout", GridColumns: "GridColumns", Title: "Title", Collapsible: "Collapsible", StartCollapsed: "StartCollapsed", Loading: "Loading" }, outputs: { CollapsedChange: "CollapsedChange", AggregateClick: "AggregateClick" }, decls: 8, vars: 11, consts: [[1, "aggregate-panel", 3, "ngStyle"], [1, "panel-header", 3, "click"], [1, "panel-title"], [1, "panel-header-right"], ["class", "loading-indicator", 4, "ngIf"], ["class", "collapse-toggle", "type", "button", 4, "ngIf"], ["class", "panel-content", 4, "ngIf"], [1, "loading-indicator"], [1, "fa-solid", "fa-spinner", "fa-spin"], ["type", "button", 1, "collapse-toggle"], [1, "fa-solid"], [1, "panel-content"], ["class", "empty-state", 4, "ngIf"], [1, "cards-container", 3, "ngStyle"], ["class", "aggregate-card", 3, "class", "title", "click", 4, "ngFor", "ngForOf"], [1, "empty-state"], [1, "fa-solid", "fa-chart-simple"], [1, "aggregate-card", 3, "click", "title"], ["class", "card-icon", 4, "ngIf"], [1, "card-content"], [1, "card-value"], [1, "card-label"], [1, "card-icon"]], template: function AggregatePanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵlistener("click", function AggregatePanelComponent_Template_div_click_1_listener() { return ctx.ToggleCollapse(); });
+            i0.ɵɵelementStart(2, "span", 2);
+            i0.ɵɵtext(3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 3);
+            i0.ɵɵtemplate(5, AggregatePanelComponent_span_5_Template, 2, 0, "span", 4)(6, AggregatePanelComponent_button_6_Template, 2, 4, "button", 5);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(7, AggregatePanelComponent_div_7_Template, 4, 12, "div", 6);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("position-right", ctx.Position === "right")("position-bottom", ctx.Position === "bottom")("collapsed", ctx.IsCollapsed);
+            i0.ɵɵproperty("ngStyle", ctx.PanelStyle);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.Title);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.Loading);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.Collapsible);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.IsCollapsed);
+        } }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgStyle], styles: ["\n\n\n.aggregate-panel[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  background: var(--mj-panel-bg, #ffffff);\n  border: 1px solid var(--mj-border-color, #e0e0e0);\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n\n\n.position-right[_ngcontent-%COMP%] {\n  height: 100%;\n  border-left-width: 1px;\n  border-radius: 0 8px 8px 0;\n}\n\n.position-bottom[_ngcontent-%COMP%] {\n  width: 100%;\n  border-top-width: 1px;\n  border-radius: 0 0 8px 8px;\n}\n\n\n\n.collapsed[_ngcontent-%COMP%]   .panel-content[_ngcontent-%COMP%] {\n  display: none;\n}\n\n.collapsed.position-right[_ngcontent-%COMP%] {\n  width: auto !important;\n  min-width: auto !important;\n}\n\n\n\n.panel-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  background: var(--mj-panel-header-bg, #f8f9fa);\n  border-bottom: 1px solid var(--mj-border-color, #e0e0e0);\n  cursor: pointer;\n  user-select: none;\n}\n\n.panel-header[_ngcontent-%COMP%]:hover {\n  background: var(--mj-panel-header-hover-bg, #f0f1f2);\n}\n\n.panel-title[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--mj-text-primary, #333333);\n}\n\n.panel-header-right[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.loading-indicator[_ngcontent-%COMP%] {\n  color: var(--mj-primary-color, #007bff);\n  font-size: 14px;\n}\n\n.collapse-toggle[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  padding: 4px 8px;\n  cursor: pointer;\n  color: var(--mj-text-secondary, #666666);\n  font-size: 12px;\n  border-radius: 4px;\n  transition: background-color 0.2s, color 0.2s;\n}\n\n.collapse-toggle[_ngcontent-%COMP%]:hover {\n  background: var(--mj-button-hover-bg, rgba(0, 0, 0, 0.05));\n  color: var(--mj-text-primary, #333333);\n}\n\n\n\n.panel-content[_ngcontent-%COMP%] {\n  padding: 16px;\n  overflow-y: auto;\n  flex: 1;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n  color: var(--mj-text-muted, #999999);\n  text-align: center;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 32px;\n  margin-bottom: 12px;\n  opacity: 0.5;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 13px;\n}\n\n\n\n.cards-container[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n}\n\n.layout-horizontal[_ngcontent-%COMP%] {\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n\n.layout-vertical[_ngcontent-%COMP%] {\n  flex-direction: column;\n}\n\n.layout-grid[_ngcontent-%COMP%] {\n  display: grid;\n  gap: 12px;\n}\n\n\n\n.aggregate-card[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 12px;\n  background: var(--mj-card-bg, #ffffff);\n  border: 1px solid var(--mj-border-color, #e0e0e0);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;\n}\n\n.aggregate-card[_ngcontent-%COMP%]:hover {\n  border-color: var(--mj-primary-color, #007bff);\n  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);\n  transform: translateY(-1px);\n}\n\n\n\n.card-icon[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  background: var(--mj-icon-bg, #f0f4f8);\n  border-radius: 8px;\n  color: var(--mj-primary-color, #007bff);\n  font-size: 18px;\n  flex-shrink: 0;\n}\n\n\n\n.card-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.card-value[_ngcontent-%COMP%] {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--mj-text-primary, #333333);\n  line-height: 1.2;\n  margin-bottom: 4px;\n  word-break: break-word;\n}\n\n.card-value.loading[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted, #999999);\n}\n\n.card-label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary, #666666);\n  line-height: 1.3;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n\n\n.style-success[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--mj-success-color, #28a745);\n}\n\n.style-success[_ngcontent-%COMP%]   .card-value[_ngcontent-%COMP%] {\n  color: var(--mj-success-color, #28a745);\n}\n\n.style-success[_ngcontent-%COMP%]   .card-icon[_ngcontent-%COMP%] {\n  background: var(--mj-success-bg, #d4edda);\n  color: var(--mj-success-color, #28a745);\n}\n\n.style-warning[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--mj-warning-color, #ffc107);\n}\n\n.style-warning[_ngcontent-%COMP%]   .card-value[_ngcontent-%COMP%] {\n  color: var(--mj-warning-dark, #856404);\n}\n\n.style-warning[_ngcontent-%COMP%]   .card-icon[_ngcontent-%COMP%] {\n  background: var(--mj-warning-bg, #fff3cd);\n  color: var(--mj-warning-dark, #856404);\n}\n\n.style-danger[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--mj-danger-color, #dc3545);\n}\n\n.style-danger[_ngcontent-%COMP%]   .card-value[_ngcontent-%COMP%] {\n  color: var(--mj-danger-color, #dc3545);\n}\n\n.style-danger[_ngcontent-%COMP%]   .card-icon[_ngcontent-%COMP%] {\n  background: var(--mj-danger-bg, #f8d7da);\n  color: var(--mj-danger-color, #dc3545);\n}\n\n.style-info[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--mj-info-color, #17a2b8);\n}\n\n.style-info[_ngcontent-%COMP%]   .card-value[_ngcontent-%COMP%] {\n  color: var(--mj-info-color, #17a2b8);\n}\n\n.style-info[_ngcontent-%COMP%]   .card-icon[_ngcontent-%COMP%] {\n  background: var(--mj-info-bg, #d1ecf1);\n  color: var(--mj-info-color, #17a2b8);\n}\n\n.style-muted[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--mj-muted-color, #6c757d);\n}\n\n.style-muted[_ngcontent-%COMP%]   .card-value[_ngcontent-%COMP%] {\n  color: var(--mj-muted-color, #6c757d);\n}\n\n.style-muted[_ngcontent-%COMP%]   .card-icon[_ngcontent-%COMP%] {\n  background: var(--mj-muted-bg, #e9ecef);\n  color: var(--mj-muted-color, #6c757d);\n}\n\n\n\n.position-bottom[_ngcontent-%COMP%]   .cards-container.layout-vertical[_ngcontent-%COMP%] {\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n\n.position-bottom[_ngcontent-%COMP%]   .cards-container.layout-vertical[_ngcontent-%COMP%]   .aggregate-card[_ngcontent-%COMP%] {\n  flex: 1 1 200px;\n  max-width: 300px;\n}\n\n\n\n@media (prefers-color-scheme: dark) {\n  .aggregate-panel[_ngcontent-%COMP%] {\n    --mj-panel-bg: #1e1e1e;\n    --mj-panel-header-bg: #252525;\n    --mj-panel-header-hover-bg: #2a2a2a;\n    --mj-border-color: #3c3c3c;\n    --mj-text-primary: #ffffff;\n    --mj-text-secondary: #b0b0b0;\n    --mj-text-muted: #808080;\n    --mj-card-bg: #252525;\n    --mj-icon-bg: #333333;\n  }\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AggregatePanelComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-aggregate-panel', template: "<div class=\"aggregate-panel\"\n     [class.position-right]=\"Position === 'right'\"\n     [class.position-bottom]=\"Position === 'bottom'\"\n     [class.collapsed]=\"IsCollapsed\"\n     [ngStyle]=\"PanelStyle\">\n\n  <!-- Panel Header -->\n  <div class=\"panel-header\" (click)=\"ToggleCollapse()\">\n    <span class=\"panel-title\">{{ Title }}</span>\n\n    <div class=\"panel-header-right\">\n      <!-- Loading indicator -->\n      <span class=\"loading-indicator\" *ngIf=\"Loading\">\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n      </span>\n\n      <!-- Collapse toggle -->\n      <button class=\"collapse-toggle\" *ngIf=\"Collapsible\" type=\"button\">\n        <i class=\"fa-solid\" [class.fa-chevron-up]=\"!IsCollapsed\" [class.fa-chevron-down]=\"IsCollapsed\"></i>\n      </button>\n    </div>\n  </div>\n\n  <!-- Panel Content -->\n  <div class=\"panel-content\" *ngIf=\"!IsCollapsed\">\n    <!-- Empty state -->\n    <div class=\"empty-state\" *ngIf=\"CardAggregates.length === 0\">\n      <i class=\"fa-solid fa-chart-simple\"></i>\n      <p>No summaries configured</p>\n    </div>\n\n    <!-- Cards Container -->\n    <div class=\"cards-container\"\n         [class.layout-horizontal]=\"Layout === 'horizontal'\"\n         [class.layout-vertical]=\"Layout === 'vertical'\"\n         [class.layout-grid]=\"Layout === 'grid'\"\n         [ngStyle]=\"Layout === 'grid' ? {'grid-template-columns': GridTemplateColumns} : {}\">\n\n      <!-- Individual Aggregate Cards -->\n      <div class=\"aggregate-card\"\n           *ngFor=\"let agg of CardAggregates\"\n           [class]=\"GetStyleClass(agg)\"\n           (click)=\"OnAggregateClick(agg)\"\n           [title]=\"agg.description || agg.label\">\n\n        <!-- Icon -->\n        <div class=\"card-icon\" *ngIf=\"agg.icon\">\n          <i [class]=\"agg.icon\"></i>\n        </div>\n\n        <!-- Content -->\n        <div class=\"card-content\">\n          <div class=\"card-value\" [class.loading]=\"Loading\">\n            {{ Loading ? '...' : FormatValue(agg) }}\n          </div>\n          <div class=\"card-label\">{{ agg.label }}</div>\n        </div>\n      </div>\n\n    </div>\n  </div>\n</div>\n", styles: ["/* Aggregate Panel Component Styles */\n\n.aggregate-panel {\n  display: flex;\n  flex-direction: column;\n  background: var(--mj-panel-bg, #ffffff);\n  border: 1px solid var(--mj-border-color, #e0e0e0);\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n/* Position variants */\n.position-right {\n  height: 100%;\n  border-left-width: 1px;\n  border-radius: 0 8px 8px 0;\n}\n\n.position-bottom {\n  width: 100%;\n  border-top-width: 1px;\n  border-radius: 0 0 8px 8px;\n}\n\n/* Collapsed state */\n.collapsed .panel-content {\n  display: none;\n}\n\n.collapsed.position-right {\n  width: auto !important;\n  min-width: auto !important;\n}\n\n/* Panel Header */\n.panel-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  background: var(--mj-panel-header-bg, #f8f9fa);\n  border-bottom: 1px solid var(--mj-border-color, #e0e0e0);\n  cursor: pointer;\n  user-select: none;\n}\n\n.panel-header:hover {\n  background: var(--mj-panel-header-hover-bg, #f0f1f2);\n}\n\n.panel-title {\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--mj-text-primary, #333333);\n}\n\n.panel-header-right {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.loading-indicator {\n  color: var(--mj-primary-color, #007bff);\n  font-size: 14px;\n}\n\n.collapse-toggle {\n  background: none;\n  border: none;\n  padding: 4px 8px;\n  cursor: pointer;\n  color: var(--mj-text-secondary, #666666);\n  font-size: 12px;\n  border-radius: 4px;\n  transition: background-color 0.2s, color 0.2s;\n}\n\n.collapse-toggle:hover {\n  background: var(--mj-button-hover-bg, rgba(0, 0, 0, 0.05));\n  color: var(--mj-text-primary, #333333);\n}\n\n/* Panel Content */\n.panel-content {\n  padding: 16px;\n  overflow-y: auto;\n  flex: 1;\n}\n\n/* Empty State */\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n  color: var(--mj-text-muted, #999999);\n  text-align: center;\n}\n\n.empty-state i {\n  font-size: 32px;\n  margin-bottom: 12px;\n  opacity: 0.5;\n}\n\n.empty-state p {\n  margin: 0;\n  font-size: 13px;\n}\n\n/* Cards Container */\n.cards-container {\n  display: flex;\n  gap: 12px;\n}\n\n.layout-horizontal {\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n\n.layout-vertical {\n  flex-direction: column;\n}\n\n.layout-grid {\n  display: grid;\n  gap: 12px;\n}\n\n/* Aggregate Card */\n.aggregate-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 12px;\n  background: var(--mj-card-bg, #ffffff);\n  border: 1px solid var(--mj-border-color, #e0e0e0);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;\n}\n\n.aggregate-card:hover {\n  border-color: var(--mj-primary-color, #007bff);\n  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);\n  transform: translateY(-1px);\n}\n\n/* Card Icon */\n.card-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  background: var(--mj-icon-bg, #f0f4f8);\n  border-radius: 8px;\n  color: var(--mj-primary-color, #007bff);\n  font-size: 18px;\n  flex-shrink: 0;\n}\n\n/* Card Content */\n.card-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.card-value {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--mj-text-primary, #333333);\n  line-height: 1.2;\n  margin-bottom: 4px;\n  word-break: break-word;\n}\n\n.card-value.loading {\n  color: var(--mj-text-muted, #999999);\n}\n\n.card-label {\n  font-size: 12px;\n  color: var(--mj-text-secondary, #666666);\n  line-height: 1.3;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Conditional Style Classes */\n.style-success {\n  border-left: 4px solid var(--mj-success-color, #28a745);\n}\n\n.style-success .card-value {\n  color: var(--mj-success-color, #28a745);\n}\n\n.style-success .card-icon {\n  background: var(--mj-success-bg, #d4edda);\n  color: var(--mj-success-color, #28a745);\n}\n\n.style-warning {\n  border-left: 4px solid var(--mj-warning-color, #ffc107);\n}\n\n.style-warning .card-value {\n  color: var(--mj-warning-dark, #856404);\n}\n\n.style-warning .card-icon {\n  background: var(--mj-warning-bg, #fff3cd);\n  color: var(--mj-warning-dark, #856404);\n}\n\n.style-danger {\n  border-left: 4px solid var(--mj-danger-color, #dc3545);\n}\n\n.style-danger .card-value {\n  color: var(--mj-danger-color, #dc3545);\n}\n\n.style-danger .card-icon {\n  background: var(--mj-danger-bg, #f8d7da);\n  color: var(--mj-danger-color, #dc3545);\n}\n\n.style-info {\n  border-left: 4px solid var(--mj-info-color, #17a2b8);\n}\n\n.style-info .card-value {\n  color: var(--mj-info-color, #17a2b8);\n}\n\n.style-info .card-icon {\n  background: var(--mj-info-bg, #d1ecf1);\n  color: var(--mj-info-color, #17a2b8);\n}\n\n.style-muted {\n  border-left: 4px solid var(--mj-muted-color, #6c757d);\n}\n\n.style-muted .card-value {\n  color: var(--mj-muted-color, #6c757d);\n}\n\n.style-muted .card-icon {\n  background: var(--mj-muted-bg, #e9ecef);\n  color: var(--mj-muted-color, #6c757d);\n}\n\n/* Responsive adjustments for bottom position */\n.position-bottom .cards-container.layout-vertical {\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n\n.position-bottom .cards-container.layout-vertical .aggregate-card {\n  flex: 1 1 200px;\n  max-width: 300px;\n}\n\n/* Dark mode support */\n@media (prefers-color-scheme: dark) {\n  .aggregate-panel {\n    --mj-panel-bg: #1e1e1e;\n    --mj-panel-header-bg: #252525;\n    --mj-panel-header-hover-bg: #2a2a2a;\n    --mj-border-color: #3c3c3c;\n    --mj-text-primary: #ffffff;\n    --mj-text-secondary: #b0b0b0;\n    --mj-text-muted: #808080;\n    --mj-card-bg: #252525;\n    --mj-icon-bg: #333333;\n  }\n}\n"] }]
+    }], null, { Aggregates: [{
+            type: Input
+        }], Values: [{
+            type: Input
+        }], Position: [{
+            type: Input
+        }], Width: [{
+            type: Input
+        }], Layout: [{
+            type: Input
+        }], GridColumns: [{
+            type: Input
+        }], Title: [{
+            type: Input
+        }], Collapsible: [{
+            type: Input
+        }], StartCollapsed: [{
+            type: Input
+        }], Loading: [{
+            type: Input
+        }], CollapsedChange: [{
+            type: Output
+        }], AggregateClick: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AggregatePanelComponent, { className: "AggregatePanelComponent", filePath: "src/lib/aggregate-panel/aggregate-panel.component.ts", lineNumber: 31 }); })();
+//# sourceMappingURL=aggregate-panel.component.js.map

package/dist/lib/aggregate-panel/aggregate-panel.component.js.map

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