@praxisui/charts 1.0.0-beta.68 → 3.0.0-beta.1

package/index.d.ts

@@ -39,11 +39,13 @@ type PraxisChartStatsMetricOperation = 'COUNT' | 'SUM' | 'AVG' | 'MIN' | 'MAX';
 interface PraxisChartStatsMetricRequest {
     operation: PraxisChartStatsMetricOperation;
     field?: string;
+    alias?: string;
 }
 interface PraxisChartGroupByStatsRequest {
     filter: Record<string, unknown>;
     field: string;
     metric: PraxisChartStatsMetricRequest;
+    metrics?: PraxisChartStatsMetricRequest[];
     limit?: number;
     orderBy?: 'KEY_ASC' | 'KEY_DESC' | 'VALUE_ASC' | 'VALUE_DESC';
 }
@@ -52,6 +54,7 @@ interface PraxisChartTimeSeriesStatsRequest {
     field: string;
     granularity: Uppercase<PraxisChartStatsGranularity>;
     metric: PraxisChartStatsMetricRequest;
+    metrics?: PraxisChartStatsMetricRequest[];
     from?: string;
     to?: string;
     fillGaps?: boolean;
@@ -118,7 +121,7 @@ interface PraxisChartQueryRequestEvent {
     query?: PraxisChartQueryConfig;
 }
 
-type PraxisChartType = 'bar' | 'line' | 'pie' | 'donut' | 'area' | 'stacked-bar';
+type PraxisChartType = 'bar' | 'combo' | 'horizontal-bar' | 'line' | 'pie' | 'donut' | 'area' | 'stacked-bar' | 'stacked-area' | 'scatter';
 type PraxisChartAggregation = 'sum' | 'count' | 'avg' | 'min' | 'max';
 interface PraxisChartMetricConfig {
     field?: string;
@@ -133,6 +136,7 @@ interface PraxisChartSeriesConfig {
     id: string;
     name?: string;
     type?: PraxisChartType;
+    axis?: 'primary' | 'secondary';
     categoryField?: string;
     metric?: PraxisChartMetricConfig;
     color?: string;
@@ -176,12 +180,14 @@ interface PraxisChartStateConfig {
 interface PraxisChartConfig {
     id?: string;
     type: PraxisChartType;
+    orientation?: 'vertical' | 'horizontal';
     title?: PraxisTextValue;
     subtitle?: PraxisTextValue;
     height?: number | string;
     axes?: {
         x?: PraxisChartAxisConfig;
         y?: PraxisChartAxisConfig;
+        ySecondary?: PraxisChartAxisConfig;
     };
     series: PraxisChartSeriesConfig[];
     dataSource?: PraxisChartDataSource;
@@ -276,7 +282,7 @@ declare class PraxisChartStateProbeComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PraxisChartStateProbeComponent, "praxis-chart-state-probe", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-type PraxisXUiChartKind = 'bar' | 'line' | 'pie' | 'donut' | 'area' | 'stacked-bar';
+type PraxisXUiChartKind = 'bar' | 'combo' | 'horizontal-bar' | 'line' | 'pie' | 'donut' | 'area' | 'stacked-bar' | 'stacked-area' | 'scatter';
 type PraxisXUiChartPreset = 'kpi-trend' | 'comparison' | 'distribution' | 'ranking' | 'composition' | 'hierarchical-drill-down';
 type PraxisXUiChartTextValue = string | {
     key: string;
@@ -300,13 +306,16 @@ interface PraxisXUiChartSort {
 interface PraxisXUiChartDimension {
     field: string;
     label?: PraxisXUiChartTextValue;
-    role?: 'category' | 'series' | 'segment' | 'time';
+    role?: 'category' | 'series' | 'segment' | 'time' | 'value';
     format?: string;
 }
 interface PraxisXUiChartMetric {
     field: string;
     label?: PraxisXUiChartTextValue;
     aggregation?: PraxisXUiChartAggregation;
+    seriesKind?: 'bar' | 'line' | 'area';
+    axis?: 'primary' | 'secondary';
+    color?: string;
     format?: string;
 }
 interface PraxisXUiChartAggregationConfig {
@@ -368,6 +377,7 @@ interface PraxisXUiChartContract {
     kind: PraxisXUiChartKind;
     preset?: PraxisXUiChartPreset;
     chartId?: string;
+    orientation?: 'vertical' | 'horizontal';
     title?: PraxisXUiChartTextValue;
     subtitle?: PraxisXUiChartTextValue;
     height?: number | string;
@@ -465,6 +475,9 @@ declare class PraxisChartCanonicalContractMapperService {
     private buildQuery;
     private buildInteractions;
     private buildTheme;
+    private resolveOrientation;
+    private resolveSeriesType;
+    private shouldSmoothSeries;
     private mapTextValue;
     private toLabel;
     private resolveToggle;
@@ -474,6 +487,7 @@ declare class PraxisChartCanonicalContractMapperService {
     private buildStatsRequest;
     private resolveStatsField;
     private buildStatsMetricRequest;
+    private buildStatsMetricRequests;
     private mapStatsOrderBy;
     private mapStatsOrderByToBackend;
     private mapStatsGranularityToBackend;
@@ -486,13 +500,14 @@ declare class PraxisChartCanonicalContractMapperService {
 interface PraxisChartCartesianSeries {
     id: string;
     name: string;
-    type: 'bar' | 'line';
+    type: 'bar' | 'line' | 'scatter';
+    axis?: 'primary' | 'secondary';
     stack?: string;
     smooth?: boolean;
     area?: boolean;
     color?: string;
     labelsVisible?: boolean;
-    points: Array<number | null>;
+    points: Array<number | null | [number | string, number | null]>;
 }
 interface PraxisChartPieSlice {
     id: string;
@@ -501,7 +516,7 @@ interface PraxisChartPieSlice {
     color?: string;
 }
 interface PraxisChartTransformedData {
-    mode: 'cartesian' | 'pie';
+    mode: 'cartesian' | 'pie' | 'scatter';
     categories: string[];
     series: PraxisChartCartesianSeries[];
     slices: PraxisChartPieSlice[];
@@ -512,9 +527,13 @@ declare class PraxisChartDataTransformerService {
     private transformCartesian;
     private transformPie;
     private buildCartesianSeries;
+    private resolveCartesianSeriesType;
+    private isAreaLikeSeries;
+    private transformScatter;
     private aggregate;
     private extractMetricValue;
     private normalizeCategory;
+    private extractScatterXValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PraxisChartDataTransformerService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<PraxisChartDataTransformerService>;
 }
@@ -524,6 +543,8 @@ declare class PraxisChartOptionBuilderService {
     constructor(transformer: PraxisChartDataTransformerService);
     build(config: PraxisChartConfig, rows: PraxisChartDataRow[]): EChartsCoreOption;
     private resolveText;
+    private buildGrid;
+    private buildCartesianYAxis;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PraxisChartOptionBuilderService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<PraxisChartOptionBuilderService>;
 }
@@ -582,7 +603,8 @@ declare class PraxisChartStatsApiService {
     private resolveBucketCategory;
     private resolveMetricValue;
     private resolveCategoryField;
-    private resolveMetricField;
+    private resolveMetricBindings;
+    private projectMetricValues;
     private buildStatsUrl;
     private buildDefaultApiBase;
     private normalizePath;
@@ -596,6 +618,10 @@ declare class PraxisChartStatsApiService {
 declare const PRAXIS_CHART_BACKEND_MOCK_BAR: PraxisChartBackendPayload;
 declare const PRAXIS_CHART_BACKEND_MOCK_TIMESERIES: PraxisChartBackendPayload;
 declare const PRAXIS_CHART_BACKEND_MOCK_DONUT: PraxisChartBackendPayload;
+declare const PRAXIS_CHART_BACKEND_MOCK_HORIZONTAL_BAR: PraxisChartBackendPayload;
+declare const PRAXIS_CHART_BACKEND_MOCK_STACKED_AREA: PraxisChartBackendPayload;
+declare const PRAXIS_CHART_BACKEND_MOCK_SCATTER: PraxisChartBackendPayload;
+declare const PRAXIS_CHART_BACKEND_MOCK_COMBO: PraxisChartBackendPayload;
 
 declare const PRAXIS_CHART_DRILLDOWN_DATA_BY_MONTH: Record<string, PraxisChartDataRow[]>;
 
@@ -605,7 +631,7 @@ declare function buildPraxisChartInteractiveWidgetPage(adapter: PraxisChartBacke
 declare function buildPraxisChartInteractiveGridPage(adapter: PraxisChartBackendPayloadAdapterService): GridPageDefinition;
 
 type ShowcaseLayoutMode = 'widget' | 'grid';
-type ShowcasePayloadMode = 'group-by' | 'timeseries' | 'distribution';
+type ShowcasePayloadMode = 'group-by' | 'timeseries' | 'distribution' | 'horizontal-bar' | 'stacked-area' | 'scatter' | 'combo';
 type ShowcaseScenarioMode = 'baseline' | 'interactive' | 'empty' | 'loading' | 'error';
 declare class PraxisChartCompositionShowcaseComponent {
     protected readonly layoutMode: _angular_core.WritableSignal<ShowcaseLayoutMode>;
@@ -619,7 +645,7 @@ declare class PraxisChartCompositionShowcaseComponent {
     private readonly backendPayloadAdapter;
     protected readonly widgetPage: _angular_core.Signal<_praxisui_core.WidgetPageDefinition>;
     protected readonly gridPage: _angular_core.Signal<_praxisui_core.GridPageDefinition>;
-    protected readonly payloadTitle: _angular_core.Signal<"Envelope timeseries" | "Envelope distribution" | "Envelope group-by">;
+    protected readonly payloadTitle: _angular_core.Signal<"Envelope timeseries" | "Envelope distribution" | "Envelope horizontal-bar" | "Envelope stacked-area" | "Envelope scatter" | "Envelope combo" | "Envelope group-by">;
     protected readonly selectedPayloadJson: _angular_core.Signal<string>;
     private readonly selectedPayload;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PraxisChartCompositionShowcaseComponent, never>;
@@ -635,5 +661,5 @@ declare function providePraxisChartDrilldownPanelMetadata(): Provider;
 declare const PRAXIS_CHART_STATE_PROBE_COMPONENT_METADATA: ComponentDocMeta;
 declare function providePraxisChartStateProbeMetadata(): Provider;
 
-export { PRAXIS_CHART_BACKEND_MOCK_BAR, PRAXIS_CHART_BACKEND_MOCK_DONUT, PRAXIS_CHART_BACKEND_MOCK_TIMESERIES, PRAXIS_CHART_COMPONENT_METADATA, PRAXIS_CHART_DRILLDOWN_DATA_BY_MONTH, PRAXIS_CHART_DRILLDOWN_PANEL_METADATA, PRAXIS_CHART_ENGINE, PRAXIS_CHART_STATE_PROBE_COMPONENT_METADATA, PraxisChartBackendPayloadAdapterService, PraxisChartCanonicalContractMapperService, PraxisChartComponent, PraxisChartCompositionShowcaseComponent, PraxisChartDataTransformerService, PraxisChartDrilldownPanelComponent, PraxisChartOptionBuilderService, PraxisChartSchemaMapperService, PraxisChartStateProbeComponent, PraxisChartStatsApiService, buildPraxisChartInteractiveGridPage, buildPraxisChartInteractiveWidgetPage, buildPraxisChartMockGridPage, buildPraxisChartMockWidgetPage, providePraxisChartDrilldownPanelMetadata, providePraxisChartStateProbeMetadata, providePraxisCharts, providePraxisChartsMetadata };
+export { PRAXIS_CHART_BACKEND_MOCK_BAR, PRAXIS_CHART_BACKEND_MOCK_COMBO, PRAXIS_CHART_BACKEND_MOCK_DONUT, PRAXIS_CHART_BACKEND_MOCK_HORIZONTAL_BAR, PRAXIS_CHART_BACKEND_MOCK_SCATTER, PRAXIS_CHART_BACKEND_MOCK_STACKED_AREA, PRAXIS_CHART_BACKEND_MOCK_TIMESERIES, PRAXIS_CHART_COMPONENT_METADATA, PRAXIS_CHART_DRILLDOWN_DATA_BY_MONTH, PRAXIS_CHART_DRILLDOWN_PANEL_METADATA, PRAXIS_CHART_ENGINE, PRAXIS_CHART_STATE_PROBE_COMPONENT_METADATA, PraxisChartBackendPayloadAdapterService, PraxisChartCanonicalContractMapperService, PraxisChartComponent, PraxisChartCompositionShowcaseComponent, PraxisChartDataTransformerService, PraxisChartDrilldownPanelComponent, PraxisChartOptionBuilderService, PraxisChartSchemaMapperService, PraxisChartStateProbeComponent, PraxisChartStatsApiService, buildPraxisChartInteractiveGridPage, buildPraxisChartInteractiveWidgetPage, buildPraxisChartMockGridPage, buildPraxisChartMockWidgetPage, providePraxisChartDrilldownPanelMetadata, providePraxisChartStateProbeMetadata, providePraxisCharts, providePraxisChartsMetadata };
 export type { PraxisChartAggregation, PraxisChartAxisConfig, PraxisChartAxisLabelConfig, PraxisChartAxisPosition, PraxisChartAxisType, PraxisChartBackendPayload, PraxisChartBackendWidgetPayload, PraxisChartCartesianSeries, PraxisChartConfig, PraxisChartDataRow, PraxisChartDataSource, PraxisChartDistributionStatsRequest, PraxisChartEmptyStateConfig, PraxisChartEngineAdapter, PraxisChartEngineRenderPayload, PraxisChartErrorStateConfig, PraxisChartGridWidgetInstance, PraxisChartGroupByStatsRequest, PraxisChartInteractionConfig, PraxisChartLegendConfig, PraxisChartLoadState, PraxisChartLocalDataSource, PraxisChartMetricConfig, PraxisChartPieSlice, PraxisChartPointEvent, PraxisChartPrimitive, PraxisChartQueryConfig, PraxisChartQueryMetricConfig, PraxisChartQueryRequestEvent, PraxisChartRemoteDataSource, PraxisChartSchemaMeta, PraxisChartSeriesConfig, PraxisChartSeriesLabelConfig, PraxisChartStateConfig, PraxisChartStatsDistributionMode, PraxisChartStatsGranularity, PraxisChartStatsMetricOperation, PraxisChartStatsMetricRequest, PraxisChartStatsOperation, PraxisChartStatsOrderBy, PraxisChartStatsRequest, PraxisChartThemeConfig, PraxisChartTimeSeriesStatsRequest, PraxisChartTooltipConfig, PraxisChartTransformedData, PraxisChartType, PraxisChartWidgetInstance, PraxisChartWidgetLike, PraxisChartWidgetResolution, PraxisChartWidgetSchema, PraxisXUiChartAggregation, PraxisXUiChartAggregationConfig, PraxisXUiChartContract, PraxisXUiChartDimension, PraxisXUiChartEventAction, PraxisXUiChartEvents, PraxisXUiChartFilter, PraxisXUiChartKind, PraxisXUiChartMetric, PraxisXUiChartPreset, PraxisXUiChartRefresh, PraxisXUiChartRuntimeHints, PraxisXUiChartSort, PraxisXUiChartSource, PraxisXUiChartSourceKind, PraxisXUiChartState, PraxisXUiChartStateDescriptor, PraxisXUiChartStatsDistributionMode, PraxisXUiChartStatsOperation, PraxisXUiChartStatsOrderBy, PraxisXUiChartStatsSourceOptions, PraxisXUiChartTextValue, PraxisXUiChartTheme, PraxisXUiChartToggleableFeature };

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@praxisui/charts",
-  "version": "1.0.0-beta.68",
+  "version": "3.0.0-beta.1",
   "description": "Metadata-driven charts library for Praxis UI Angular with engine adapters and Apache ECharts as the initial renderer.",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
-    "@praxisui/core": "^1.0.0-beta.68"
+    "@praxisui/core": "^3.0.0-beta.1"
   },
   "dependencies": {
     "echarts": "^6.0.0",