@memberjunction/ng-entity-viewer 6.1.4 → 6.2.0-edge.1

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

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { MJUserViewEntity_IGridAggregate as ViewGridAggregate } from '@memberjunction/core-entities';
-import { AggregateValue } from '@memberjunction/core';
+import { AggregateValue, EntityInfo } from '@memberjunction/core';
 import * as i0 from "@angular/core";
 /**
  * AggregatePanelComponent displays aggregate values in a card-based panel.
@@ -18,6 +18,13 @@ export declare class AggregatePanelComponent implements OnInit {
      * Array of aggregate configurations to display
      */
     Aggregates: ViewGridAggregate[];
+    /**
+     * The entity the aggregates are computed over. Optional: with it, the panel can read the SQL
+     * type of the column an aggregate summarises (`MIN(IntakeDate)`), so a `date` column renders as
+     * its stored calendar day and a timestamp in the reader's local time (MJ#4210). Without it, a
+     * date aggregate prints exactly as it arrives, which over GraphQL is an ISO string.
+     */
+    Entity: EntityInfo | null;
     /**
      * Map of aggregate values, keyed by expression or id
      */
@@ -81,6 +88,13 @@ export declare class AggregatePanelComponent implements OnInit {
      * Get the formatted value for an aggregate
      */
     FormatValue(agg: ViewGridAggregate): string;
+    /**
+     * A date-family aggregate whose column type is known. The value may be a Date or, over
+     * GraphQL, the ISO string the server serialised it to. A `date` column is a calendar day at UTC
+     * midnight and is rendered in UTC so the day does not shift west of Greenwich; a timestamp is an
+     * instant and is rendered in local time.
+     */
+    private formatDateField;
     /**
      * Get the CSS class for conditional styling
      */
@@ -113,11 +127,13 @@ export declare class AggregatePanelComponent implements OnInit {
      * Format a date value
      */
     private formatDate;
+    /** The Intl options for a simple date format preset. */
+    private dateOptions;
     /**
      * 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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AggregatePanelComponent, "mj-aggregate-panel", never, { "Aggregates": { "alias": "Aggregates"; "required": false; }; "Entity": { "alias": "Entity"; "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

@@ -1 +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,+BAA+B,IAAI,iBAAiB,EAGrD,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;;AAEtD;;;;;;;;;;GAUG;AACH,qBAMa,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;;;OAGG;IACH,qBAAqB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAK9C;;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;yCApPd,uBAAuB;2CAAvB,uBAAuB;CA0QnC"}
+{"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,+BAA+B,IAAI,iBAAiB,EAGrD,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,cAAc,EAAqB,UAAU,EAAqC,MAAM,sBAAsB,CAAC;;AAGxH;;;;;;;;;;GAUG;AACH,qBAMa,uBAAwB,YAAW,MAAM;IACpD;;OAEG;IACM,UAAU,EAAE,iBAAiB,EAAE,CAAM;IAE9C;;;;;OAKG;IACM,MAAM,EAAE,UAAU,GAAG,IAAI,CAAQ;IAE1C;;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;;;OAGG;IACH,qBAAqB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAK9C;;OAEG;IACH,gBAAgB,CAAC,GAAG,EAAE,iBAAiB,GAAG,IAAI;IAI9C;;OAEG;IACH,WAAW,CAAC,GAAG,EAAE,iBAAiB,GAAG,MAAM;IAgB3C;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IASvB;;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;IAQlB,wDAAwD;IACxD,OAAO,CAAC,WAAW;IAYnB;;OAEG;IACH,OAAO,CAAC,iBAAiB;yCA7Qd,uBAAuB;2CAAvB,uBAAuB;CAmSnC"}

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

@@ -1,4 +1,6 @@
 import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { EntityFieldTSType, FormatDateOnly, IsDateOnlySQLType } from '@memberjunction/core';
+import { AggregateField } from '../utils/aggregate-field.util';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@memberjunction/ng-ui-components";
@@ -93,6 +95,13 @@ export class AggregatePanelComponent {
      * Array of aggregate configurations to display
      */
     Aggregates = [];
+    /**
+     * The entity the aggregates are computed over. Optional: with it, the panel can read the SQL
+     * type of the column an aggregate summarises (`MIN(IntakeDate)`), so a `date` column renders as
+     * its stored calendar day and a timestamp in the reader's local time (MJ#4210). Without it, a
+     * date aggregate prints exactly as it arrives, which over GraphQL is an ISO string.
+     */
+    Entity = null;
     /**
      * Map of aggregate values, keyed by expression or id
      */
@@ -173,8 +182,29 @@ export class AggregatePanelComponent {
         if (value == null)
             return '—';
         const format = agg.format || {};
+        // Only a value that is itself a date takes the date path. `COUNT(IntakeDate)` also resolves
+        // to the date column, but its value is the count — a number — and must format as one.
+        const field = AggregateField(agg, this.Entity);
+        if (field?.TSType === EntityFieldTSType.Date && (value instanceof Date || typeof value === 'string')) {
+            return this.formatDateField(value, field.Type, format);
+        }
         return this.formatByType(value, format);
     }
+    /**
+     * A date-family aggregate whose column type is known. The value may be a Date or, over
+     * GraphQL, the ISO string the server serialised it to. A `date` column is a calendar day at UTC
+     * midnight and is rendered in UTC so the day does not shift west of Greenwich; a timestamp is an
+     * instant and is rendered in local time.
+     */
+    formatDateField(value, sqlType, format) {
+        const date = value instanceof Date ? value : new Date(value);
+        if (isNaN(date.getTime()))
+            return String(value);
+        if (IsDateOnlySQLType(sqlType)) {
+            return FormatDateOnly(date, this.dateOptions(format.dateFormat), 'en-US');
+        }
+        return this.formatDate(date, format.dateFormat);
+    }
     /**
      * Get the CSS class for conditional styling
      */
@@ -274,27 +304,24 @@ export class AggregatePanelComponent {
      */
     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);
+            return new Intl.DateTimeFormat('en-US', this.dateOptions(dateFormat)).format(value);
         }
         catch {
             return String(value);
         }
     }
+    /** The Intl options for a simple date format preset. */
+    dateOptions(dateFormat) {
+        switch (dateFormat) {
+            case 'short':
+                return { dateStyle: 'short' };
+            case 'long':
+                return { dateStyle: 'long' };
+            case 'medium':
+            default:
+                return { dateStyle: 'medium' };
+        }
+    }
     /**
      * Evaluate a conditional styling rule
      */
@@ -321,7 +348,7 @@ export class AggregatePanelComponent {
         }
     }
     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" }, standalone: false, decls: 5, vars: 8, consts: [[1, "aggregate-panel", 3, "ngStyle"], ["Size", "sm", 3, "ExpandedChange", "FlushBody", "Expanded", "Disabled"], ["mjAccordionTitle", ""], ["mjAccordionActions", ""], ["mjAccordionBody", ""], [1, "panel-title"], [1, "loading-indicator"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "panel-content"], ["Size", "compact", "Icon", "fa-solid fa-chart-simple", "Title", "No summaries configured"], [1, "cards-container", 3, "ngStyle"], [1, "aggregate-card", 3, "class", "title"], [1, "aggregate-card", 3, "click", "title"], [1, "card-icon"], [1, "card-content"], [1, "card-value"], [1, "card-label"]], template: function AggregatePanelComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AggregatePanelComponent, selectors: [["mj-aggregate-panel"]], inputs: { Aggregates: "Aggregates", Entity: "Entity", Values: "Values", Position: "Position", Width: "Width", Layout: "Layout", GridColumns: "GridColumns", Title: "Title", Collapsible: "Collapsible", StartCollapsed: "StartCollapsed", Loading: "Loading" }, outputs: { CollapsedChange: "CollapsedChange", AggregateClick: "AggregateClick" }, standalone: false, decls: 5, vars: 8, consts: [[1, "aggregate-panel", 3, "ngStyle"], ["Size", "sm", 3, "ExpandedChange", "FlushBody", "Expanded", "Disabled"], ["mjAccordionTitle", ""], ["mjAccordionActions", ""], ["mjAccordionBody", ""], [1, "panel-title"], [1, "loading-indicator"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "panel-content"], ["Size", "compact", "Icon", "fa-solid fa-chart-simple", "Title", "No summaries configured"], [1, "cards-container", 3, "ngStyle"], [1, "aggregate-card", 3, "class", "title"], [1, "aggregate-card", 3, "click", "title"], [1, "card-icon"], [1, "card-content"], [1, "card-value"], [1, "card-label"]], template: function AggregatePanelComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "mj-accordion-panel", 1);
             i0.ɵɵlistener("ExpandedChange", function AggregatePanelComponent_Template_mj_accordion_panel_ExpandedChange_1_listener($event) { return ctx.OnPanelExpandedChange($event); });
             i0.ɵɵtemplate(2, AggregatePanelComponent_ng_template_2_Template, 2, 1, "ng-template", 2)(3, AggregatePanelComponent_ng_template_3_Template, 1, 1, "ng-template", 3)(4, AggregatePanelComponent_ng_template_4_Template, 5, 11, "ng-template", 4);
@@ -338,6 +365,8 @@ export class AggregatePanelComponent {
         args: [{ standalone: false, selector: 'mj-aggregate-panel', template: "<div class=\"aggregate-panel\"\n  [class.position-right]=\"Position === 'right'\"\n  [class.position-bottom]=\"Position === 'bottom'\"\n  [ngStyle]=\"PanelStyle\">\n\n  <!-- Migrated to <mj-accordion-panel>. The bespoke .panel-header / .collapse-toggle\n       and the @if(!IsCollapsed) body gate are replaced by the accordion's own header,\n       chevron, and lazy/animated body. Expanded is the inverse of IsCollapsed; the\n       (ExpandedChange) handler preserves the CollapsedChange emit side-effect. -->\n  <mj-accordion-panel\n    Size=\"sm\"\n    [FlushBody]=\"true\"\n    [Expanded]=\"!IsCollapsed\"\n    [Disabled]=\"!Collapsible\"\n    (ExpandedChange)=\"OnPanelExpandedChange($event)\">\n\n    <ng-template mjAccordionTitle>\n      <span class=\"panel-title\">{{ Title }}</span>\n    </ng-template>\n\n    <!-- Loading indicator lives in the header actions slot (sibling of the chevron). -->\n    <ng-template mjAccordionActions>\n      @if (Loading) {\n        <span class=\"loading-indicator\">\n          <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        </span>\n      }\n    </ng-template>\n\n    <ng-template mjAccordionBody>\n      <div class=\"panel-content\">\n        <!-- Empty state -->\n        @if (CardAggregates.length === 0) {\n          <mj-empty-state\n            Size=\"compact\"\n            Icon=\"fa-solid fa-chart-simple\"\n            Title=\"No summaries configured\" />\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          <!-- Individual Aggregate Cards -->\n          @for (agg of CardAggregates; track agg) {\n            <div class=\"aggregate-card\"\n              [class]=\"GetStyleClass(agg)\"\n              (click)=\"OnAggregateClick(agg)\"\n              [title]=\"agg.description || agg.label\">\n              <!-- Icon -->\n              @if (agg.icon) {\n                <div class=\"card-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    </ng-template>\n  </mj-accordion-panel>\n</div>\n", styles: ["/* Aggregate Panel Component Styles */\n\n/* Layout/positioning only \u2014 visual chrome (border, radius, shadow, header,\n   chevron, and .collapsed body-hiding) is now owned by <mj-accordion-panel>. */\n.aggregate-panel {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Position variants */\n.position-right {\n  height: 100%;\n}\n\n.position-bottom {\n  width: 100%;\n}\n\n/* Title (projected into the accordion title slot) */\n.panel-title {\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n}\n\n/* Loading indicator (projected into the accordion actions slot) */\n.loading-indicator {\n  color: var(--mj-brand-primary);\n  font-size: 14px;\n}\n\n/* Panel Content */\n.panel-content {\n  padding: 16px;\n  overflow-y: auto;\n  flex: 1;\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-bg-surface);\n  border: 1px solid var(--mj-border-default);\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-brand-primary);\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\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-bg-surface-card);\n  border-radius: 8px;\n  color: var(--mj-brand-primary);\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);\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-disabled);\n}\n\n.card-label {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\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-status-success);\n}\n\n.style-success .card-value {\n  color: var(--mj-status-success);\n}\n\n.style-success .card-icon {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success);\n}\n\n.style-warning {\n  border-left: 4px solid var(--mj-status-warning);\n}\n\n.style-warning .card-value {\n  color: var(--mj-status-warning-text);\n}\n\n.style-warning .card-icon {\n  background: var(--mj-status-warning-bg);\n  color: var(--mj-status-warning-text);\n}\n\n.style-danger {\n  border-left: 4px solid var(--mj-status-error);\n}\n\n.style-danger .card-value {\n  color: var(--mj-status-error);\n}\n\n.style-danger .card-icon {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error);\n}\n\n.style-info {\n  border-left: 4px solid var(--mj-brand-primary);\n}\n\n.style-info .card-value {\n  color: var(--mj-brand-primary);\n}\n\n.style-info .card-icon {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.style-muted {\n  border-left: 4px solid var(--mj-text-muted);\n}\n\n.style-muted .card-value {\n  color: var(--mj-text-muted);\n}\n\n.style-muted .card-icon {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-muted);\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"] }]
     }], null, { Aggregates: [{
             type: Input
+        }], Entity: [{
+            type: Input
         }], Values: [{
             type: Input
         }], Position: [{
@@ -361,5 +390,5 @@ export class AggregatePanelComponent {
         }], AggregateClick: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AggregatePanelComponent, { className: "AggregatePanelComponent", filePath: "src/lib/aggregate-panel/aggregate-panel.component.ts", lineNumber: 32 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AggregatePanelComponent, { className: "AggregatePanelComponent", filePath: "src/lib/aggregate-panel/aggregate-panel.component.ts", lineNumber: 33 }); })();
 //# sourceMappingURL=aggregate-panel.component.js.map

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

@@ -1 +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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","sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  OnInit\n} from '@angular/core';\nimport {\n  MJUserViewEntity_IGridAggregate as ViewGridAggregate,\n  MJUserViewEntity_IAggregateValueFormat as AggregateValueFormat,\n  MJUserViewEntity_IAggregateConditionalStyle as AggregateConditionalStyle\n} from '@memberjunction/core-entities';\nimport { AggregateValue } from '@memberjunction/core';\n\n/**\n * AggregatePanelComponent displays aggregate values in a card-based panel.\n * Can be positioned to the right or bottom of the grid, with various layout options.\n *\n * Features:\n * - Collapsible panel with customizable title\n * - Multiple layout options (horizontal, vertical, grid)\n * - Value formatting (number, currency, percent, date)\n * - Conditional styling (green/yellow/red based on value thresholds)\n * - Icon support for visual indicators\n */\n@Component({\n  standalone: false,\n  selector: 'mj-aggregate-panel',\n  templateUrl: './aggregate-panel.component.html',\n  styleUrls: ['./aggregate-panel.component.css']\n})\nexport class AggregatePanelComponent implements OnInit {\n  /**\n   * Array of aggregate configurations to display\n   */\n  @Input() Aggregates: ViewGridAggregate[] = [];\n\n  /**\n   * Map of aggregate values, keyed by expression or id\n   */\n  @Input() Values: Map<string, AggregateValue> = new Map();\n\n  /**\n   * Panel position relative to the grid\n   */\n  @Input() Position: 'right' | 'bottom' = 'right';\n\n  /**\n   * Panel width in pixels (only applies when Position is 'right')\n   */\n  @Input() Width: number = 280;\n\n  /**\n   * Layout style for aggregate cards\n   */\n  @Input() Layout: 'horizontal' | 'vertical' | 'grid' = 'vertical';\n\n  /**\n   * Number of columns when Layout is 'grid'\n   */\n  @Input() GridColumns: number = 2;\n\n  /**\n   * Panel title\n   */\n  @Input() Title: string = 'Summary';\n\n  /**\n   * Whether the panel can be collapsed\n   */\n  @Input() Collapsible: boolean = true;\n\n  /**\n   * Whether the panel starts in collapsed state\n   */\n  @Input() StartCollapsed: boolean = false;\n\n  /**\n   * Whether aggregates are currently loading\n   */\n  @Input() Loading: boolean = false;\n\n  /**\n   * Emitted when panel collapsed state changes\n   */\n  @Output() CollapsedChange = new EventEmitter<boolean>();\n\n  /**\n   * Emitted when user clicks an aggregate card (for editing/details)\n   */\n  @Output() AggregateClick = new EventEmitter<ViewGridAggregate>();\n\n  IsCollapsed = false;\n\n  ngOnInit(): void {\n    this.IsCollapsed = this.StartCollapsed;\n  }\n\n  /**\n   * Toggle panel collapsed state\n   */\n  ToggleCollapse(): void {\n    if (this.Collapsible) {\n      this.IsCollapsed = !this.IsCollapsed;\n      this.CollapsedChange.emit(this.IsCollapsed);\n    }\n  }\n\n  /**\n   * Handle the accordion panel's ExpandedChange. Accordion `Expanded` is the\n   * inverse of our `IsCollapsed`; preserves the CollapsedChange emit side-effect.\n   */\n  OnPanelExpandedChange(expanded: boolean): void {\n    this.IsCollapsed = !expanded;\n    this.CollapsedChange.emit(this.IsCollapsed);\n  }\n\n  /**\n   * Handle click on an aggregate card\n   */\n  OnAggregateClick(agg: ViewGridAggregate): void {\n    this.AggregateClick.emit(agg);\n  }\n\n  /**\n   * Get the formatted value for an aggregate\n   */\n  FormatValue(agg: ViewGridAggregate): string {\n    const key = agg.id || agg.expression;\n    const value = this.Values.get(key);\n\n    if (value == null) return '—';\n\n    const format = agg.format || {};\n    return this.formatByType(value, format);\n  }\n\n  /**\n   * Get the CSS class for conditional styling\n   */\n  GetStyleClass(agg: ViewGridAggregate): string {\n    const key = agg.id || agg.expression;\n    const value = this.Values.get(key);\n\n    if (value == null || !agg.conditionalStyles?.length) return '';\n\n    for (const rule of agg.conditionalStyles) {\n      if (this.evaluateCondition(value, rule)) {\n        return `style-${rule.style}`;\n      }\n    }\n    return '';\n  }\n\n  /**\n   * Get enabled aggregates (filter out disabled ones)\n   */\n  get EnabledAggregates(): ViewGridAggregate[] {\n    return this.Aggregates.filter(a => a.enabled !== false);\n  }\n\n  /**\n   * Get card aggregates sorted by order\n   */\n  get CardAggregates(): ViewGridAggregate[] {\n    return this.EnabledAggregates\n      .filter(a => a.displayType === 'card')\n      .sort((a, b) => (a.order || 0) - (b.order || 0));\n  }\n\n  /**\n   * Get panel style for right position\n   */\n  get PanelStyle(): Record<string, string> {\n    if (this.Position === 'right') {\n      return {\n        width: `${this.Width}px`,\n        minWidth: `${this.Width}px`\n      };\n    }\n    return {};\n  }\n\n  /**\n   * Get grid template columns for grid layout\n   */\n  get GridTemplateColumns(): string {\n    if (this.Layout === 'grid') {\n      return `repeat(${this.GridColumns}, 1fr)`;\n    }\n    return '';\n  }\n\n  /**\n   * Format value based on type configuration\n   */\n  private formatByType(value: AggregateValue, format: AggregateValueFormat): string {\n    if (value == null) return '—';\n\n    // Handle prefix/suffix\n    const prefix = format.prefix || '';\n    const suffix = format.suffix || '';\n\n    // Handle different value types\n    if (typeof value === 'number') {\n      const formatted = this.formatNumber(value, format);\n      return `${prefix}${formatted}${suffix}`;\n    }\n\n    if (value instanceof Date) {\n      return this.formatDate(value, format.dateFormat);\n    }\n\n    if (typeof value === 'boolean') {\n      return value ? 'Yes' : 'No';\n    }\n\n    // String or unknown type\n    return `${prefix}${String(value)}${suffix}`;\n  }\n\n  /**\n   * Format a number value\n   */\n  private formatNumber(value: number, format: AggregateValueFormat): string {\n    const options: Intl.NumberFormatOptions = {\n      minimumFractionDigits: format.decimals ?? 0,\n      maximumFractionDigits: format.decimals ?? 2,\n      useGrouping: format.thousandsSeparator !== false\n    };\n\n    // Handle currency\n    if (format.currencyCode) {\n      options.style = 'currency';\n      options.currency = format.currencyCode;\n    }\n\n    try {\n      return new Intl.NumberFormat('en-US', options).format(value);\n    } catch {\n      return String(value);\n    }\n  }\n\n  /**\n   * Format a date value\n   */\n  private formatDate(value: Date, dateFormat?: string): string {\n    try {\n      // Simple format presets\n      const options: Intl.DateTimeFormatOptions = {};\n\n      switch (dateFormat) {\n        case 'short':\n          options.dateStyle = 'short';\n          break;\n        case 'medium':\n          options.dateStyle = 'medium';\n          break;\n        case 'long':\n          options.dateStyle = 'long';\n          break;\n        default:\n          options.dateStyle = 'medium';\n      }\n\n      return new Intl.DateTimeFormat('en-US', options).format(value);\n    } catch {\n      return String(value);\n    }\n  }\n\n  /**\n   * Evaluate a conditional styling rule\n   */\n  private evaluateCondition(value: AggregateValue, rule: AggregateConditionalStyle): boolean {\n    // For non-numeric values, only support equality checks\n    if (typeof value !== 'number') {\n      if (rule.operator === 'eq') return value === rule.value;\n      if (rule.operator === 'neq') return value !== rule.value;\n      return false;\n    }\n\n    const numValue = Number(rule.value);\n    const numValue2 = rule.value2 != null ? Number(rule.value2) : numValue;\n\n    switch (rule.operator) {\n      case 'gt': return value > numValue;\n      case 'gte': return value >= numValue;\n      case 'lt': return value < numValue;\n      case 'lte': return value <= numValue;\n      case 'eq': return value === numValue;\n      case 'neq': return value !== numValue;\n      case 'between': return value >= numValue && value <= numValue2;\n      default: return false;\n    }\n  }\n}\n","<div class=\"aggregate-panel\"\n  [class.position-right]=\"Position === 'right'\"\n  [class.position-bottom]=\"Position === 'bottom'\"\n  [ngStyle]=\"PanelStyle\">\n\n  <!-- Migrated to <mj-accordion-panel>. The bespoke .panel-header / .collapse-toggle\n       and the @if(!IsCollapsed) body gate are replaced by the accordion's own header,\n       chevron, and lazy/animated body. Expanded is the inverse of IsCollapsed; the\n       (ExpandedChange) handler preserves the CollapsedChange emit side-effect. -->\n  <mj-accordion-panel\n    Size=\"sm\"\n    [FlushBody]=\"true\"\n    [Expanded]=\"!IsCollapsed\"\n    [Disabled]=\"!Collapsible\"\n    (ExpandedChange)=\"OnPanelExpandedChange($event)\">\n\n    <ng-template mjAccordionTitle>\n      <span class=\"panel-title\">{{ Title }}</span>\n    </ng-template>\n\n    <!-- Loading indicator lives in the header actions slot (sibling of the chevron). -->\n    <ng-template mjAccordionActions>\n      @if (Loading) {\n        <span class=\"loading-indicator\">\n          <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        </span>\n      }\n    </ng-template>\n\n    <ng-template mjAccordionBody>\n      <div class=\"panel-content\">\n        <!-- Empty state -->\n        @if (CardAggregates.length === 0) {\n          <mj-empty-state\n            Size=\"compact\"\n            Icon=\"fa-solid fa-chart-simple\"\n            Title=\"No summaries configured\" />\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          <!-- Individual Aggregate Cards -->\n          @for (agg of CardAggregates; track agg) {\n            <div class=\"aggregate-card\"\n              [class]=\"GetStyleClass(agg)\"\n              (click)=\"OnAggregateClick(agg)\"\n              [title]=\"agg.description || agg.label\">\n              <!-- Icon -->\n              @if (agg.icon) {\n                <div class=\"card-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    </ng-template>\n  </mj-accordion-panel>\n</div>\n"]}
+{"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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","sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  OnInit\n} from '@angular/core';\nimport {\n  MJUserViewEntity_IGridAggregate as ViewGridAggregate,\n  MJUserViewEntity_IAggregateValueFormat as AggregateValueFormat,\n  MJUserViewEntity_IAggregateConditionalStyle as AggregateConditionalStyle\n} from '@memberjunction/core-entities';\nimport { AggregateValue, EntityFieldTSType, EntityInfo, FormatDateOnly, IsDateOnlySQLType } from '@memberjunction/core';\nimport { AggregateField } from '../utils/aggregate-field.util';\n\n/**\n * AggregatePanelComponent displays aggregate values in a card-based panel.\n * Can be positioned to the right or bottom of the grid, with various layout options.\n *\n * Features:\n * - Collapsible panel with customizable title\n * - Multiple layout options (horizontal, vertical, grid)\n * - Value formatting (number, currency, percent, date)\n * - Conditional styling (green/yellow/red based on value thresholds)\n * - Icon support for visual indicators\n */\n@Component({\n  standalone: false,\n  selector: 'mj-aggregate-panel',\n  templateUrl: './aggregate-panel.component.html',\n  styleUrls: ['./aggregate-panel.component.css']\n})\nexport class AggregatePanelComponent implements OnInit {\n  /**\n   * Array of aggregate configurations to display\n   */\n  @Input() Aggregates: ViewGridAggregate[] = [];\n\n  /**\n   * The entity the aggregates are computed over. Optional: with it, the panel can read the SQL\n   * type of the column an aggregate summarises (`MIN(IntakeDate)`), so a `date` column renders as\n   * its stored calendar day and a timestamp in the reader's local time (MJ#4210). Without it, a\n   * date aggregate prints exactly as it arrives, which over GraphQL is an ISO string.\n   */\n  @Input() Entity: EntityInfo | null = null;\n\n  /**\n   * Map of aggregate values, keyed by expression or id\n   */\n  @Input() Values: Map<string, AggregateValue> = new Map();\n\n  /**\n   * Panel position relative to the grid\n   */\n  @Input() Position: 'right' | 'bottom' = 'right';\n\n  /**\n   * Panel width in pixels (only applies when Position is 'right')\n   */\n  @Input() Width: number = 280;\n\n  /**\n   * Layout style for aggregate cards\n   */\n  @Input() Layout: 'horizontal' | 'vertical' | 'grid' = 'vertical';\n\n  /**\n   * Number of columns when Layout is 'grid'\n   */\n  @Input() GridColumns: number = 2;\n\n  /**\n   * Panel title\n   */\n  @Input() Title: string = 'Summary';\n\n  /**\n   * Whether the panel can be collapsed\n   */\n  @Input() Collapsible: boolean = true;\n\n  /**\n   * Whether the panel starts in collapsed state\n   */\n  @Input() StartCollapsed: boolean = false;\n\n  /**\n   * Whether aggregates are currently loading\n   */\n  @Input() Loading: boolean = false;\n\n  /**\n   * Emitted when panel collapsed state changes\n   */\n  @Output() CollapsedChange = new EventEmitter<boolean>();\n\n  /**\n   * Emitted when user clicks an aggregate card (for editing/details)\n   */\n  @Output() AggregateClick = new EventEmitter<ViewGridAggregate>();\n\n  IsCollapsed = false;\n\n  ngOnInit(): void {\n    this.IsCollapsed = this.StartCollapsed;\n  }\n\n  /**\n   * Toggle panel collapsed state\n   */\n  ToggleCollapse(): void {\n    if (this.Collapsible) {\n      this.IsCollapsed = !this.IsCollapsed;\n      this.CollapsedChange.emit(this.IsCollapsed);\n    }\n  }\n\n  /**\n   * Handle the accordion panel's ExpandedChange. Accordion `Expanded` is the\n   * inverse of our `IsCollapsed`; preserves the CollapsedChange emit side-effect.\n   */\n  OnPanelExpandedChange(expanded: boolean): void {\n    this.IsCollapsed = !expanded;\n    this.CollapsedChange.emit(this.IsCollapsed);\n  }\n\n  /**\n   * Handle click on an aggregate card\n   */\n  OnAggregateClick(agg: ViewGridAggregate): void {\n    this.AggregateClick.emit(agg);\n  }\n\n  /**\n   * Get the formatted value for an aggregate\n   */\n  FormatValue(agg: ViewGridAggregate): string {\n    const key = agg.id || agg.expression;\n    const value = this.Values.get(key);\n\n    if (value == null) return '—';\n\n    const format = agg.format || {};\n    // Only a value that is itself a date takes the date path. `COUNT(IntakeDate)` also resolves\n    // to the date column, but its value is the count — a number — and must format as one.\n    const field = AggregateField(agg, this.Entity);\n    if (field?.TSType === EntityFieldTSType.Date && (value instanceof Date || typeof value === 'string')) {\n      return this.formatDateField(value, field.Type, format);\n    }\n    return this.formatByType(value, format);\n  }\n\n  /**\n   * A date-family aggregate whose column type is known. The value may be a Date or, over\n   * GraphQL, the ISO string the server serialised it to. A `date` column is a calendar day at UTC\n   * midnight and is rendered in UTC so the day does not shift west of Greenwich; a timestamp is an\n   * instant and is rendered in local time.\n   */\n  private formatDateField(value: string | Date, sqlType: string, format: AggregateValueFormat): string {\n    const date = value instanceof Date ? value : new Date(value);\n    if (isNaN(date.getTime())) return String(value);\n    if (IsDateOnlySQLType(sqlType)) {\n      return FormatDateOnly(date, this.dateOptions(format.dateFormat), 'en-US');\n    }\n    return this.formatDate(date, format.dateFormat);\n  }\n\n  /**\n   * Get the CSS class for conditional styling\n   */\n  GetStyleClass(agg: ViewGridAggregate): string {\n    const key = agg.id || agg.expression;\n    const value = this.Values.get(key);\n\n    if (value == null || !agg.conditionalStyles?.length) return '';\n\n    for (const rule of agg.conditionalStyles) {\n      if (this.evaluateCondition(value, rule)) {\n        return `style-${rule.style}`;\n      }\n    }\n    return '';\n  }\n\n  /**\n   * Get enabled aggregates (filter out disabled ones)\n   */\n  get EnabledAggregates(): ViewGridAggregate[] {\n    return this.Aggregates.filter(a => a.enabled !== false);\n  }\n\n  /**\n   * Get card aggregates sorted by order\n   */\n  get CardAggregates(): ViewGridAggregate[] {\n    return this.EnabledAggregates\n      .filter(a => a.displayType === 'card')\n      .sort((a, b) => (a.order || 0) - (b.order || 0));\n  }\n\n  /**\n   * Get panel style for right position\n   */\n  get PanelStyle(): Record<string, string> {\n    if (this.Position === 'right') {\n      return {\n        width: `${this.Width}px`,\n        minWidth: `${this.Width}px`\n      };\n    }\n    return {};\n  }\n\n  /**\n   * Get grid template columns for grid layout\n   */\n  get GridTemplateColumns(): string {\n    if (this.Layout === 'grid') {\n      return `repeat(${this.GridColumns}, 1fr)`;\n    }\n    return '';\n  }\n\n  /**\n   * Format value based on type configuration\n   */\n  private formatByType(value: AggregateValue, format: AggregateValueFormat): string {\n    if (value == null) return '—';\n\n    // Handle prefix/suffix\n    const prefix = format.prefix || '';\n    const suffix = format.suffix || '';\n\n    // Handle different value types\n    if (typeof value === 'number') {\n      const formatted = this.formatNumber(value, format);\n      return `${prefix}${formatted}${suffix}`;\n    }\n\n    if (value instanceof Date) {\n      return this.formatDate(value, format.dateFormat);\n    }\n\n    if (typeof value === 'boolean') {\n      return value ? 'Yes' : 'No';\n    }\n\n    // String or unknown type\n    return `${prefix}${String(value)}${suffix}`;\n  }\n\n  /**\n   * Format a number value\n   */\n  private formatNumber(value: number, format: AggregateValueFormat): string {\n    const options: Intl.NumberFormatOptions = {\n      minimumFractionDigits: format.decimals ?? 0,\n      maximumFractionDigits: format.decimals ?? 2,\n      useGrouping: format.thousandsSeparator !== false\n    };\n\n    // Handle currency\n    if (format.currencyCode) {\n      options.style = 'currency';\n      options.currency = format.currencyCode;\n    }\n\n    try {\n      return new Intl.NumberFormat('en-US', options).format(value);\n    } catch {\n      return String(value);\n    }\n  }\n\n  /**\n   * Format a date value\n   */\n  private formatDate(value: Date, dateFormat?: string): string {\n    try {\n      return new Intl.DateTimeFormat('en-US', this.dateOptions(dateFormat)).format(value);\n    } catch {\n      return String(value);\n    }\n  }\n\n  /** The Intl options for a simple date format preset. */\n  private dateOptions(dateFormat?: string): Intl.DateTimeFormatOptions {\n    switch (dateFormat) {\n      case 'short':\n        return { dateStyle: 'short' };\n      case 'long':\n        return { dateStyle: 'long' };\n      case 'medium':\n      default:\n        return { dateStyle: 'medium' };\n    }\n  }\n\n  /**\n   * Evaluate a conditional styling rule\n   */\n  private evaluateCondition(value: AggregateValue, rule: AggregateConditionalStyle): boolean {\n    // For non-numeric values, only support equality checks\n    if (typeof value !== 'number') {\n      if (rule.operator === 'eq') return value === rule.value;\n      if (rule.operator === 'neq') return value !== rule.value;\n      return false;\n    }\n\n    const numValue = Number(rule.value);\n    const numValue2 = rule.value2 != null ? Number(rule.value2) : numValue;\n\n    switch (rule.operator) {\n      case 'gt': return value > numValue;\n      case 'gte': return value >= numValue;\n      case 'lt': return value < numValue;\n      case 'lte': return value <= numValue;\n      case 'eq': return value === numValue;\n      case 'neq': return value !== numValue;\n      case 'between': return value >= numValue && value <= numValue2;\n      default: return false;\n    }\n  }\n}\n","<div class=\"aggregate-panel\"\n  [class.position-right]=\"Position === 'right'\"\n  [class.position-bottom]=\"Position === 'bottom'\"\n  [ngStyle]=\"PanelStyle\">\n\n  <!-- Migrated to <mj-accordion-panel>. The bespoke .panel-header / .collapse-toggle\n       and the @if(!IsCollapsed) body gate are replaced by the accordion's own header,\n       chevron, and lazy/animated body. Expanded is the inverse of IsCollapsed; the\n       (ExpandedChange) handler preserves the CollapsedChange emit side-effect. -->\n  <mj-accordion-panel\n    Size=\"sm\"\n    [FlushBody]=\"true\"\n    [Expanded]=\"!IsCollapsed\"\n    [Disabled]=\"!Collapsible\"\n    (ExpandedChange)=\"OnPanelExpandedChange($event)\">\n\n    <ng-template mjAccordionTitle>\n      <span class=\"panel-title\">{{ Title }}</span>\n    </ng-template>\n\n    <!-- Loading indicator lives in the header actions slot (sibling of the chevron). -->\n    <ng-template mjAccordionActions>\n      @if (Loading) {\n        <span class=\"loading-indicator\">\n          <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        </span>\n      }\n    </ng-template>\n\n    <ng-template mjAccordionBody>\n      <div class=\"panel-content\">\n        <!-- Empty state -->\n        @if (CardAggregates.length === 0) {\n          <mj-empty-state\n            Size=\"compact\"\n            Icon=\"fa-solid fa-chart-simple\"\n            Title=\"No summaries configured\" />\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          <!-- Individual Aggregate Cards -->\n          @for (agg of CardAggregates; track agg) {\n            <div class=\"aggregate-card\"\n              [class]=\"GetStyleClass(agg)\"\n              (click)=\"OnAggregateClick(agg)\"\n              [title]=\"agg.description || agg.label\">\n              <!-- Icon -->\n              @if (agg.icon) {\n                <div class=\"card-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    </ng-template>\n  </mj-accordion-panel>\n</div>\n"]}

package/dist/lib/aggregate-setup-dialog/aggregate-setup-dialog.component.d.ts

@@ -105,11 +105,15 @@ export declare class AggregateSetupDialogComponent implements OnInit, OnChanges
     /**
      * Set the setup mode
      */
+    SetMode(mode: AggregateSetupMode): void;
+    /** @deprecated Use {@link SetMode}. */
     setMode(mode: AggregateSetupMode): void;
     /**
      * Handle function button click - captures old value before changing
      * Called from template when user clicks a function button
      */
+    SelectFunction(newFunction: AggregateFunctionType): void;
+    /** @deprecated Use {@link SelectFunction}. */
     selectFunction(newFunction: AggregateFunctionType): void;
     /**
      * Handle column selection from dropdown
@@ -117,6 +121,8 @@ export declare class AggregateSetupDialogComponent implements OnInit, OnChanges
      * We track the previous value internally
      */
     private _previousColumn;
+    OnColumnSelected(newColumn: string): void;
+    /** @deprecated Use {@link OnColumnSelected}. */
     onColumnSelected(newColumn: string): void;
     /**
      * Handle function selection change (internal)
@@ -125,6 +131,8 @@ export declare class AggregateSetupDialogComponent implements OnInit, OnChanges
     /**
      * Handle column selection change
      */
+    OnColumnChange(previousColumn: string): void;
+    /** @deprecated Use {@link OnColumnChange}. */
     onColumnChange(previousColumn: string): void;
     /**
      * Check if the current label matches what we would have auto-generated
@@ -145,10 +153,14 @@ export declare class AggregateSetupDialogComponent implements OnInit, OnChanges
     /**
      * Select an icon
      */
+    SelectIcon(icon: string): void;
+    /** @deprecated Use {@link SelectIcon}. */
     selectIcon(icon: string): void;
     /**
      * Clear the icon
      */
+    ClearIcon(): void;
+    /** @deprecated Use {@link ClearIcon}. */
     clearIcon(): void;
     /**
      * Build the expression based on current mode
@@ -165,6 +177,8 @@ export declare class AggregateSetupDialogComponent implements OnInit, OnChanges
     /**
      * Save the aggregate
      */
+    OnSave(): void;
+    /** @deprecated Use {@link OnSave}. */
     onSave(): void;
     /**
      * Get default icon based on function
@@ -177,19 +191,27 @@ export declare class AggregateSetupDialogComponent implements OnInit, OnChanges
     /**
      * Close the dialog
      */
+    OnClose(): void;
+    /** @deprecated Use {@link OnClose}. */
     onClose(): void;
     /**
      * Handle smart prompt generation (placeholder - actual AI call would be made by parent)
      */
+    OnGenerateFromPrompt(): void;
+    /** @deprecated Use {@link OnGenerateFromPrompt}. */
     onGenerateFromPrompt(): void;
     /**
      * Clear the generated expression and allow editing prompt
      */
+    ClearGeneratedExpression(): void;
+    /** @deprecated Use {@link ClearGeneratedExpression}. */
     clearGeneratedExpression(): void;
     /**
      * Get display label for field dropdown showing "Name (DisplayName)" format
      * If DisplayName equals Name or is not set, just show Name
      */
+    GetFieldDisplayLabel(field: EntityFieldInfo): string;
+    /** @deprecated Use {@link GetFieldDisplayLabel}. */
     getFieldDisplayLabel(field: EntityFieldInfo): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AggregateSetupDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AggregateSetupDialogComponent, "mj-aggregate-setup-dialog", never, { "Entity": { "alias": "Entity"; "required": false; }; "Aggregate": { "alias": "Aggregate"; "required": false; }; "IsOpen": { "alias": "IsOpen"; "required": false; }; }, { "Close": "Close"; "Save": "Save"; }, never, never, false, never>;

package/dist/lib/aggregate-setup-dialog/aggregate-setup-dialog.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aggregate-setup-dialog.component.d.ts","sourceRoot":"","sources":["../../../src/lib/aggregate-setup-dialog/aggregate-setup-dialog.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"aggregate-setup-dialog.component.d.ts","sourceRoot":"","sources":["../../../src/lib/aggregate-setup-dialog/aggregate-setup-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC5H,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,+BAA+B,IAAI,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAErG,KAAK,oBAAoB,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9C;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,gBAAgB,CAAC;AAE/F;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AA0BjE;;;;;;;;;;GAUG;AACH,qBAMa,6BAA8B,YAAW,MAAM,EAAE,SAAS;IAyEzD,OAAO,CAAC,GAAG;IAxEvB;;OAEG;IACM,MAAM,EAAE,UAAU,GAAG,IAAI,CAAQ;IAE1C;;OAEG;IACM,SAAS,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAEpD;;OAEG;IACM,MAAM,EAAE,OAAO,CAAS;IAEjC;;OAEG;IACO,KAAK,qBAA4B;IAE3C;;OAEG;IACO,IAAI,kCAAyC;IAGvD,IAAI,EAAE,kBAAkB,CAAY;IAGpC,cAAc,EAAE,MAAM,CAAM;IAC5B,gBAAgB,EAAE,qBAAqB,CAAS;IAGhD,UAAU,EAAE,MAAM,CAAM;IAGxB,WAAW,EAAE,MAAM,CAAM;IACzB,mBAAmB,EAAE,MAAM,CAAM;IACjC,YAAY,EAAE,OAAO,CAAS;IAG9B,KAAK,EAAE,MAAM,CAAM;IACnB,WAAW,EAAE,oBAAoB,CAAU;IAC3C,IAAI,EAAE,MAAM,CAAM;IAClB,WAAW,EAAE,MAAM,CAAM;IAGzB,kBAAkB,EAAE;QAAE,KAAK,EAAE,qBAAqB,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAOjF;IAGF,WAAW,EAAE,MAAM,EAAE,CAanB;gBAEkB,GAAG,EAAE,iBAAiB;IAE1C,QAAQ,IAAI,IAAI;IAIhB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAUzC;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAuC/B;;OAEG;IACH,OAAO,CAAC,SAAS;IAcjB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAK1B;;;OAGG;IACH,OAAO,CAAC,qBAAqB;IAW7B;;OAEG;IACH,IAAI,aAAa,IAAI,eAAe,EAAE,CAWrC;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,eAAe,EAAE,CAMlC;IAED;;OAEG;IACH,IAAI,YAAY,IAAI,eAAe,EAAE,CAMpC;IAED;;OAEG;IACH,IAAI,SAAS,IAAI,eAAe,EAAE,CAGjC;IAED;;OAEG;IACH,IAAI,eAAe,IAAI,eAAe,EAAE,CAuBvC;IAED;;OAEG;IACH,OAAO,CAAC,IAAI,EAAE,kBAAkB,GAAG,IAAI;IAWvC,uCAAuC;IACvC,OAAO,CAAC,IAAI,EAAE,kBAAkB,GAAG,IAAI;IAIvC;;;OAGG;IACH,cAAc,CAAC,WAAW,EAAE,qBAAqB,GAAG,IAAI;IAQxD,8CAA8C;IAC9C,cAAc,CAAC,WAAW,EAAE,qBAAqB,GAAG,IAAI;IAIxD;;;;OAIG;IACH,OAAO,CAAC,eAAe,CAAc;IAErC,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAMzC,gDAAgD;IAChD,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAIzC;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAmBxB;;OAEG;IACH,cAAc,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI;IAY5C,8CAA8C;IAC9C,cAAc,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI;IAI5C;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IAS7B;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAkBzB;;OAEG;IACH,OAAO,CAAC,YAAY;IAOpB;;OAEG;IACH,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAK9B,0CAA0C;IAC1C,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI9B;;OAEG;IACH,SAAS,IAAI,IAAI;IAKjB,yCAAyC;IACzC,SAAS,IAAI,IAAI;IAIjB;;OAEG;IACH,OAAO,CAAC,eAAe;IAgCvB;;OAEG;IACH,IAAI,OAAO,IAAI,OAAO,CAIrB;IAED;;OAEG;IACH,IAAI,iBAAiB,IAAI,MAAM,CAsB9B;IAED;;OAEG;IACH,MAAM,IAAI,IAAI;IAuBd,sCAAsC;IACtC,MAAM,IAAI,IAAI;IAId;;OAEG;IACH,OAAO,CAAC,cAAc;IAOtB;;OAEG;IACH,OAAO,CAAC,UAAU;IAIlB;;OAEG;IACH,OAAO,IAAI,IAAI;IAIf,uCAAuC;IACvC,OAAO,IAAI,IAAI;IAIf;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAiB5B,oDAAoD;IACpD,oBAAoB,IAAI,IAAI;IAI5B;;OAEG;IACH,wBAAwB,IAAI,IAAI;IAKhC,wDAAwD;IACxD,wBAAwB,IAAI,IAAI;IAIhC;;;OAGG;IACH,oBAAoB,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM;IAOpD,oDAAoD;IACpD,oBAAoB,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM;yCAplBzC,6BAA6B;2CAA7B,6BAA6B;CAulBzC"}

package/dist/lib/aggregate-setup-dialog/aggregate-setup-dialog.component.js

@@ -539,7 +539,7 @@ export class AggregateSetupDialogComponent {
     /**
      * Set the setup mode
      */
-    setMode(mode) {
+    SetMode(mode) {
         this.Mode = mode;
         // If switching from smart mode with generated expression, populate advanced mode
         if (mode === 'advanced' && this.GeneratedExpression) {
@@ -547,27 +547,39 @@ export class AggregateSetupDialogComponent {
         }
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link SetMode}. */
+    setMode(mode) {
+        return this.SetMode(mode);
+    }
     /**
      * Handle function button click - captures old value before changing
      * Called from template when user clicks a function button
      */
-    selectFunction(newFunction) {
+    SelectFunction(newFunction) {
         if (newFunction === this.SelectedFunction)
             return;
         const previousFunction = this.SelectedFunction;
         this.SelectedFunction = newFunction;
         this.onFunctionChange(previousFunction);
     }
+    /** @deprecated Use {@link SelectFunction}. */
+    selectFunction(newFunction) {
+        return this.SelectFunction(newFunction);
+    }
     /**
      * Handle column selection from dropdown
      * Called from template with the NEW value from ngModelChange
      * We track the previous value internally
      */
     _previousColumn = '';
-    onColumnSelected(newColumn) {
+    OnColumnSelected(newColumn) {
         const previousColumn = this._previousColumn;
         this._previousColumn = newColumn;
-        this.onColumnChange(previousColumn);
+        this.OnColumnChange(previousColumn);
+    }
+    /** @deprecated Use {@link OnColumnSelected}. */
+    onColumnSelected(newColumn) {
+        return this.OnColumnSelected(newColumn);
     }
     /**
      * Handle function selection change (internal)
@@ -590,7 +602,7 @@ export class AggregateSetupDialogComponent {
     /**
      * Handle column selection change
      */
-    onColumnChange(previousColumn) {
+    OnColumnChange(previousColumn) {
         // Check if label matches what we would have auto-generated for the OLD column
         const shouldUpdateLabel = this.shouldAutoUpdateLabel(this.SelectedFunction, previousColumn);
         // Update label if it was auto-generated (matches old pattern) or is empty
@@ -599,6 +611,10 @@ export class AggregateSetupDialogComponent {
         }
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnColumnChange}. */
+    onColumnChange(previousColumn) {
+        return this.OnColumnChange(previousColumn);
+    }
     /**
      * Check if the current label matches what we would have auto-generated
      * for the given function and column. If so, we should update the label
@@ -645,17 +661,25 @@ export class AggregateSetupDialogComponent {
     /**
      * Select an icon
      */
-    selectIcon(icon) {
+    SelectIcon(icon) {
         this.Icon = icon;
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link SelectIcon}. */
+    selectIcon(icon) {
+        return this.SelectIcon(icon);
+    }
     /**
      * Clear the icon
      */
-    clearIcon() {
+    ClearIcon() {
         this.Icon = '';
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link ClearIcon}. */
+    clearIcon() {
+        return this.ClearIcon();
+    }
     /**
      * Build the expression based on current mode
      */
@@ -725,7 +749,7 @@ export class AggregateSetupDialogComponent {
     /**
      * Save the aggregate
      */
-    onSave() {
+    OnSave() {
         if (!this.IsValid)
             return;
         const aggregate = {
@@ -743,7 +767,11 @@ export class AggregateSetupDialogComponent {
             aggregate.smartPrompt = this.SmartPrompt;
         }
         this.Save.emit(aggregate);
-        this.onClose();
+        this.OnClose();
+    }
+    /** @deprecated Use {@link OnSave}. */
+    onSave() {
+        return this.OnSave();
     }
     /**
      * Get default icon based on function
@@ -763,13 +791,17 @@ export class AggregateSetupDialogComponent {
     /**
      * Close the dialog
      */
-    onClose() {
+    OnClose() {
         this.Close.emit();
     }
+    /** @deprecated Use {@link OnClose}. */
+    onClose() {
+        return this.OnClose();
+    }
     /**
      * Handle smart prompt generation (placeholder - actual AI call would be made by parent)
      */
-    onGenerateFromPrompt() {
+    OnGenerateFromPrompt() {
         if (!this.SmartPrompt.trim())
             return;
         this.IsGenerating = true;
@@ -784,23 +816,35 @@ export class AggregateSetupDialogComponent {
             this.cdr.detectChanges();
         }, 500);
     }
+    /** @deprecated Use {@link OnGenerateFromPrompt}. */
+    onGenerateFromPrompt() {
+        return this.OnGenerateFromPrompt();
+    }
     /**
      * Clear the generated expression and allow editing prompt
      */
-    clearGeneratedExpression() {
+    ClearGeneratedExpression() {
         this.GeneratedExpression = '';
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link ClearGeneratedExpression}. */
+    clearGeneratedExpression() {
+        return this.ClearGeneratedExpression();
+    }
     /**
      * Get display label for field dropdown showing "Name (DisplayName)" format
      * If DisplayName equals Name or is not set, just show Name
      */
-    getFieldDisplayLabel(field) {
+    GetFieldDisplayLabel(field) {
         if (field.DisplayName && field.DisplayName !== field.Name) {
             return `${field.Name} (${field.DisplayName})`;
         }
         return field.Name;
     }
+    /** @deprecated Use {@link GetFieldDisplayLabel}. */
+    getFieldDisplayLabel(field) {
+        return this.GetFieldDisplayLabel(field);
+    }
     static ɵfac = function AggregateSetupDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AggregateSetupDialogComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AggregateSetupDialogComponent, selectors: [["mj-aggregate-setup-dialog"]], inputs: { Entity: "Entity", Aggregate: "Aggregate", IsOpen: "IsOpen" }, outputs: { Close: "Close", Save: "Save" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 75, vars: 23, consts: [[1, "dialog-backdrop"], [1, "dialog-panel"], [1, "dialog-header"], [1, "header-title"], [1, "fa-solid", "fa-chart-simple"], ["title", "Close", "aria-label", "Close dialog", 1, "close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "mode-selector"], ["title", "Pick a column and function", 1, "mode-btn", 3, "click"], [1, "fa-solid", "fa-wand-sparkles"], ["title", "Write custom SQL expression", 1, "mode-btn", 3, "click"], [1, "fa-solid", "fa-code"], ["title", "Describe in natural language", 1, "mode-btn", 3, "click"], [1, "fa-solid", "fa-wand-magic-sparkles"], [1, "dialog-content"], [1, "mode-content", "simple-mode"], [1, "mode-content", "advanced-mode"], [1, "mode-content", "smart-mode"], [1, "config-section"], [1, "section-divider"], [1, "form-section"], [1, "form-label", "required"], ["type", "text", "placeholder", "e.g., Total Revenue, Average Order Value", 1, "form-input", 3, "ngModelChange", "ngModel"], [1, "form-label"], [1, "optional"], ["type", "text", "placeholder", "Brief explanation of what this shows", 1, "form-input", 3, "ngModelChange", "ngModel"], [1, "display-type-toggle"], [1, "display-type-btn", 3, "click"], [1, "fa-solid", "fa-id-card"], [1, "fa-solid", "fa-table-columns"], [1, "icon-selector"], [1, "selected-icon"], [1, "icon-grid"], [1, "icon-btn", 3, "active", "title"], [1, "dialog-footer"], [1, "footer-left"], [1, "footer-btn", "save-btn", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-check"], [1, "footer-btn", "cancel-btn", 3, "click"], [1, "validation-message"], [1, "dialog-backdrop", 3, "click"], [1, "mode-description"], [1, "fa-solid", "fa-info-circle"], [1, "function-grid"], [1, "function-btn", 3, "active", "title"], [1, "form-select", 3, "ngModelChange", "ngModel"], ["value", ""], [3, "value"], [1, "field-hint", "warning"], [1, "field-hint", "info"], [1, "expression-preview"], [1, "function-btn", 3, "click", "title"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "preview-label"], [1, "preview-code"], ["placeholder", "e.g., SUM(Amount * Quantity) or COUNT(CASE WHEN Status = 'Active' THEN 1 END)", "rows", "3", 1, "form-textarea", "code-input", 3, "ngModelChange", "ngModel"], [1, "field-hint"], [1, "fa-solid", "fa-lightbulb"], [1, "form-label", "examples-label"], [1, "example-chips"], [1, "example-chip", 3, "click"], [1, "smart-input-container"], ["placeholder", "e.g., 'Total revenue from completed orders' or 'Average order value for premium customers'", "rows", "3", 1, "form-textarea", "smart-input", 3, "ngModelChange", "ngModel", "disabled"], [1, "generate-btn", 3, "disabled"], [1, "generated-section"], [1, "smart-tips"], [1, "tips-header"], [1, "tips-list"], [1, "generate-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "generated-header"], ["title", "Edit prompt", 1, "clear-generated-btn", 3, "click"], [1, "fa-solid", "fa-pen"], [1, "generated-code"], [1, "generated-info"], ["title", "Remove icon", "aria-label", "Remove icon", 1, "clear-icon-btn", 3, "click"], [1, "icon-btn", 3, "click", "title"], [1, "fa-solid", "fa-exclamation-circle"]], template: function AggregateSetupDialogComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, AggregateSetupDialogComponent_Conditional_0_Template, 1, 0, "div", 0);