@praxisui/charts 9.0.41 → 9.0.42

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-08-30T07:54:09.799Z",
+  "generatedAt": "2026-08-30T12:51:40.847Z",
   "packageName": "@praxisui/charts",
-  "packageVersion": "9.0.41",
+  "packageVersion": "9.0.42",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 3,

package/fesm2022/praxisui-charts.mjs

@@ -3,7 +3,7 @@ import { Injectable, Optional, Inject, InjectionToken, input, booleanAttribute,
 import * as i1 from '@praxisui/core';
 import { buildApiUrl, API_URL, PraxisI18nService, ComponentMetadataRegistry, SETTINGS_PANEL_BRIDGE, normalizePraxisDataQueryContext, resolvePraxisFilterCriteria, BUILTIN_PAGE_THEME_PRESETS, PraxisIconButtonComponent, normalizePraxisPresentationVisualization, AnalyticsStatsRequestBuilderService, AnalyticsPresentationResolver, providePraxisI18n, ResourceDiscoveryService, SETTINGS_PANEL_DATA, createDefaultTableConfig, PRAXIS_TABLE_DETAIL_INLINE_RENDERERS, DynamicWidgetPageComponent } from '@praxisui/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { throwError, map, of, isObservable, from, firstValueFrom, timeout, BehaviorSubject, Subscription } from 'rxjs';
+import { throwError, map, finalize, shareReplay, of, isObservable, from, firstValueFrom, timeout, BehaviorSubject, Subscription } from 'rxjs';
 import * as i1$2 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i1$1 from '@angular/common/http';
@@ -1582,6 +1582,7 @@ class PraxisChartStatsApiService {
     http;
     apiUrl;
     i18n;
+    inFlightByRequest = new Map();
     constructor(http, apiUrl, i18n) {
         this.http = http;
         this.apiUrl = apiUrl;
@@ -1595,9 +1596,42 @@ class PraxisChartStatsApiService {
         }
         const categoryField = this.resolveCategoryField(config, statsRequest);
         const url = this.buildStatsUrl(query.statsPath);
-        return this.http
+        return this.executeRequest(url, statsRequest).pipe(map((response) => this.toChartRows(response?.data, statsRequest, categoryField, config)), catchError((error) => this.handleHttpError(error)));
+    }
+    executeRequest(url, statsRequest) {
+        const requestKey = `${url}\u001f${this.stableSerialize(statsRequest)}`;
+        const existing = this.inFlightByRequest.get(requestKey);
+        if (existing) {
+            return existing;
+        }
+        let request;
+        request = this.http
             .post(url, statsRequest)
-            .pipe(map((response) => this.toChartRows(response?.data, statsRequest, categoryField, config)), catchError((error) => this.handleHttpError(error)));
+            .pipe(finalize(() => {
+            if (this.inFlightByRequest.get(requestKey) === request) {
+                this.inFlightByRequest.delete(requestKey);
+            }
+        }), shareReplay({ bufferSize: 1, refCount: true }));
+        this.inFlightByRequest.set(requestKey, request);
+        return request;
+    }
+    stableSerialize(value) {
+        return JSON.stringify(this.sortSerializableValue(value));
+    }
+    sortSerializableValue(value) {
+        if (Array.isArray(value)) {
+            return value.map((item) => this.sortSerializableValue(item));
+        }
+        if (value === null || typeof value !== 'object') {
+            return value;
+        }
+        const record = value;
+        return Object.keys(record)
+            .sort()
+            .reduce((sorted, key) => {
+            sorted[key] = this.sortSerializableValue(record[key]);
+            return sorted;
+        }, {});
     }
     toChartRows(response, request, categoryField, config) {
         if (!response) {
@@ -4852,6 +4886,7 @@ class EChartsOptionBuilderService {
                 ? [...transformed.slices].reverse()
                 : transformed.slices;
             const funnelSeries = {
+                id: config.series[0]?.id,
                 type: 'funnel',
                 sort: 'none',
                 funnelAlign: 'center',
@@ -4882,7 +4917,7 @@ class EChartsOptionBuilderService {
                     itemStyle: slice.color ? { color: slice.color } : undefined,
                 })),
             };
-            return {
+            const baseOption = {
                 aria: accessibility,
                 backgroundColor: config.theme?.backgroundColor,
                 color: palette,
@@ -4896,6 +4931,29 @@ class EChartsOptionBuilderService {
                 legend: this.buildLegend(config, legendVisible, 'bottom', textColor),
                 series: [funnelSeries],
             };
+            return {
+                baseOption,
+                media: [
+                    {
+                        query: { maxWidth: 420 },
+                        option: {
+                            series: [
+                                {
+                                    id: config.series[0]?.id,
+                                    left: '4%',
+                                    width: '92%',
+                                    label: {
+                                        position: 'inside',
+                                        align: 'center',
+                                        width: 180,
+                                    },
+                                    labelLine: { show: false },
+                                },
+                            ],
+                        },
+                    },
+                ],
+            };
         }
         if (transformed.mode === 'treemap') {
             const labelsVisible = config.series[0]?.labels?.visible ?? true;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@praxisui/charts",
-  "version": "9.0.41",
+  "version": "9.0.42",
   "description": "Metadata-driven charts library for Praxis UI Angular with engine adapters and Apache ECharts as the initial renderer.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",
-    "@praxisui/core": "^9.0.41",
+    "@praxisui/core": "^9.0.42",
     "@angular/forms": "^21.0.0",
     "@angular/material": "^21.0.0",
-    "@praxisui/table": "^9.0.41",
+    "@praxisui/table": "^9.0.42",
     "rxjs": "~7.8.0"
   },
   "dependencies": {

package/types/praxisui-charts.d.ts

@@ -1083,8 +1083,12 @@ declare class PraxisChartStatsApiService {
     private readonly http;
     private readonly apiUrl;
     private readonly i18n;
+    private readonly inFlightByRequest;
     constructor(http: HttpClient, apiUrl: ApiUrlConfig, i18n: PraxisI18nService);
     execute(event: PraxisChartQueryRequestEvent, config: PraxisChartConfig): Observable<PraxisChartDataRow[]>;
+    private executeRequest;
+    private stableSerialize;
+    private sortSerializableValue;
     private toChartRows;
     private resolveBucketCategory;
     private resolveBooleanBucketCategory;