@praxisui/charts 9.0.37 → 9.0.38

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-08-30T00:46:55.066Z",
+  "generatedAt": "2026-08-30T02:26:55.462Z",
   "packageName": "@praxisui/charts",
-  "packageVersion": "9.0.37",
+  "packageVersion": "9.0.38",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 3,

package/fesm2022/praxisui-charts.mjs

@@ -1870,6 +1870,7 @@ class PraxisChartComponent {
     shellObserver = signal(null, ...(ngDevMode ? [{ debugName: "shellObserver" }] : /* istanbul ignore next */ []));
     themeObserver = signal(null, ...(ngDevMode ? [{ debugName: "themeObserver" }] : /* istanbul ignore next */ []));
     inheritedTheme = signal(null, ...(ngDevMode ? [{ debugName: "inheritedTheme" }] : /* istanbul ignore next */ []));
+    inheritedHostTextColor = signal(undefined, ...(ngDevMode ? [{ debugName: "inheritedHostTextColor" }] : /* istanbul ignore next */ []));
     currentLoadState = signal('idle', ...(ngDevMode ? [{ debugName: "currentLoadState" }] : /* istanbul ignore next */ []));
     remoteResolvedData = signal(null, ...(ngDevMode ? [{ debugName: "remoteResolvedData" }] : /* istanbul ignore next */ []));
     remoteRuntimeState = signal('idle', ...(ngDevMode ? [{ debugName: "remoteRuntimeState" }] : /* istanbul ignore next */ []));
@@ -1892,7 +1893,7 @@ class PraxisChartComponent {
     remoteRequestSequence = 0;
     previousSelectionScopeSignature = null;
     effectiveConfig = computed(() => {
-        const base = this.applyInheritedTheme(this.mappedRuntimeConfig() ?? this.config(), this.inheritedTheme());
+        const base = this.applyInheritedTheme(this.mappedRuntimeConfig() ?? this.config(), this.inheritedTheme(), this.inheritedHostTextColor());
         const runtimeQueryContext = normalizePraxisDataQueryContext(this.queryContext());
         const runtimeFilters = resolvePraxisFilterCriteria(this.filterCriteria(), runtimeQueryContext);
         if (!runtimeQueryContext
@@ -2594,6 +2595,7 @@ class PraxisChartComponent {
             ? this.cloneTheme(PRAXIS_CHART_THEME_VARIANTS[chartThemePresetId])
             : {};
         const hostTextColor = getComputedStyle(host).color.trim();
+        this.inheritedHostTextColor.set(hostTextColor || undefined);
         const theme = {
             ...preset,
             textColor: preset.textColor || hostTextColor || undefined,
@@ -2611,17 +2613,22 @@ class PraxisChartComponent {
     isThemeVariant(value) {
         return Object.prototype.hasOwnProperty.call(PRAXIS_CHART_THEME_VARIANTS, value);
     }
-    applyInheritedTheme(config, inherited) {
+    applyInheritedTheme(config, inherited, hostTextColor) {
         if (!inherited) {
             return config;
         }
         const explicit = config.theme;
+        const explicitSurface = explicit?.surface;
+        const usesHostSurface = explicitSurface?.mode === 'embedded'
+            || explicitSurface?.background?.trim().toLowerCase() === 'transparent';
         return {
             ...config,
             theme: {
                 palette: explicit?.palette ?? inherited.palette,
-                backgroundColor: explicit?.backgroundColor ?? inherited.backgroundColor,
-                textColor: explicit?.textColor ?? inherited.textColor,
+                backgroundColor: explicit?.backgroundColor
+                    ?? (usesHostSurface ? undefined : inherited.backgroundColor),
+                textColor: explicit?.textColor
+                    ?? (usesHostSurface ? hostTextColor : inherited.textColor),
                 borderRadius: explicit?.borderRadius ?? inherited.borderRadius,
                 legend: this.mergeOptionalThemeObject(inherited.legend, explicit?.legend),
                 tooltip: this.mergeOptionalThemeObject(inherited.tooltip, explicit?.tooltip),
@@ -5263,17 +5270,19 @@ class EChartsEngineAdapter {
         });
         const zrender = chart?.getZr?.();
         this.zrenderClickHandler = (event) => {
+            const occurredAt = Date.now();
             window.setTimeout(() => {
-                if (Date.now() - this.lastSeriesClickAt < 80) {
+                if (this.isSeriesFallbackDuplicate(occurredAt)) {
                     return;
                 }
-                this.emitCategoryClickFromGrid(event, payload);
+                this.emitCategoryClickFromGrid(event, payload, occurredAt);
             }, 0);
         };
         zrender?.on?.('click', this.zrenderClickHandler);
         this.domClickHandler = (event) => {
+            const occurredAt = Date.now();
             window.setTimeout(() => {
-                if (Date.now() - this.lastSeriesClickAt < 80) {
+                if (this.isSeriesFallbackDuplicate(occurredAt)) {
                     return;
                 }
                 const rect = host.getBoundingClientRect();
@@ -5282,7 +5291,7 @@ class EChartsEngineAdapter {
                 this.emitCategoryClickFromGrid({
                     offsetX,
                     offsetY,
-                }, payload);
+                }, payload, occurredAt);
             }, 0);
         };
         host.addEventListener('click', this.domClickHandler, true);
@@ -5338,7 +5347,7 @@ class EChartsEngineAdapter {
             ? undefined
             : String(candidate);
     }
-    emitCategoryClickFromGrid(event, payload) {
+    emitCategoryClickFromGrid(event, payload, occurredAt) {
         const chart = this.chart;
         if (!chart || typeof chart.containPixel !== 'function' || typeof chart.convertFromPixel !== 'function') {
             return;
@@ -5373,7 +5382,7 @@ class EChartsEngineAdapter {
             horizontal,
             categoryIndex,
         });
-        if (this.isDuplicateGridClick(signature)) {
+        if (this.isDuplicateGridClick(signature, occurredAt)) {
             return;
         }
         const usesCanonicalStatsRows = payload.config.dataSource?.kind === 'remote'
@@ -5399,11 +5408,14 @@ class EChartsEngineAdapter {
             data,
         });
     }
-    isDuplicateGridClick(signature) {
-        const now = Date.now();
+    isSeriesFallbackDuplicate(occurredAt) {
+        return this.lastSeriesClickAt > 0
+            && Math.abs(occurredAt - this.lastSeriesClickAt) < 80;
+    }
+    isDuplicateGridClick(signature, occurredAt) {
         const duplicate = this.lastGridClick?.signature === signature
-            && now - this.lastGridClick.at < 80;
-        this.lastGridClick = { signature, at: now };
+            && Math.abs(occurredAt - this.lastGridClick.at) < 80;
+        this.lastGridClick = { signature, at: occurredAt };
         return duplicate;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EChartsEngineAdapter, deps: [{ token: EChartsOptionBuilderService }], target: i0.ɵɵFactoryTarget.Injectable });

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@praxisui/charts",
-  "version": "9.0.37",
+  "version": "9.0.38",
   "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.37",
+    "@praxisui/core": "^9.0.38",
     "@angular/forms": "^21.0.0",
     "@angular/material": "^21.0.0",
-    "@praxisui/table": "^9.0.37",
+    "@praxisui/table": "^9.0.38",
     "rxjs": "~7.8.0"
   },
   "dependencies": {

package/types/praxisui-charts.d.ts

@@ -583,6 +583,7 @@ declare class PraxisChartComponent {
     private readonly shellObserver;
     private readonly themeObserver;
     private readonly inheritedTheme;
+    private readonly inheritedHostTextColor;
     private readonly currentLoadState;
     private readonly remoteResolvedData;
     private readonly remoteRuntimeState;