@praxisui/charts 9.0.49 → 9.0.51

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-08-31T13:56:05.891Z",
+  "generatedAt": "2026-08-31T16:32:43.469Z",
   "packageName": "@praxisui/charts",
-  "packageVersion": "9.0.49",
+  "packageVersion": "9.0.51",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 3,

package/fesm2022/praxisui-charts.mjs

@@ -1914,6 +1914,7 @@ class PraxisChartComponent {
     mappedRuntimeConfig = signal(null, ...(ngDevMode ? [{ debugName: "mappedRuntimeConfig" }] : /* istanbul ignore next */ []));
     chartDocumentMappingError = signal(null, ...(ngDevMode ? [{ debugName: "chartDocumentMappingError" }] : /* istanbul ignore next */ []));
     activeSelectionSignature = signal(null, ...(ngDevMode ? [{ debugName: "activeSelectionSignature" }] : /* istanbul ignore next */ []));
+    configEditorContextPending = signal(false, ...(ngDevMode ? [{ debugName: "configEditorContextPending" }] : /* istanbul ignore next */ []));
     showAccessibleData = signal(false, ...(ngDevMode ? [{ debugName: "showAccessibleData" }] : /* istanbul ignore next */ []));
     accessibilityPanelId = `praxis-chart-data-${++chartAccessibilityPanelSequence}`;
     accessibilityPanelTitleId = `${this.accessibilityPanelId}-title`;
@@ -2307,51 +2308,65 @@ class PraxisChartComponent {
         return this.enableCustomization() && !!this.settingsPanel && !!this.runtimeChartDocument();
     }
     async openConfigEditor() {
-        if (!this.settingsPanel) {
+        if (!this.settingsPanel || this.configEditorContextPending()) {
             return;
         }
         const document = this.runtimeChartDocument();
         if (!document) {
             return;
         }
-        const resolvedContext = await this.resolveConfigEditorContext(document);
-        const { PraxisChartConfigEditor } = await Promise.resolve().then(function () { return praxisChartConfigEditor; });
-        this.clearEditorSessionSubscriptions();
-        const ref = this.settingsPanel.open({
-            id: `chart.${document.chartId || this.effectiveConfig().id || 'praxis-chart'}`,
-            title: this.editChartLabel(),
-            content: {
-                component: PraxisChartConfigEditor,
-                inputs: {
-                    chartDocument: document,
-                    document,
-                    mode: 'edit',
-                    readonly: false,
-                    availableResources: this.resolveEditorOptions(this.availableResources(), resolvedContext['availableResources']),
-                    availableFields: this.resolveEditorOptions(this.availableFields(), resolvedContext['availableFields']),
-                    availableTargets: this.resolveEditorOptions(this.availableTargets(), resolvedContext['availableTargets']),
+        const focusReturnTarget = this.captureFocusReturnTarget();
+        this.configEditorContextPending.set(true);
+        try {
+            const resolvedContext = await this.resolveConfigEditorContext(document);
+            const { PraxisChartConfigEditor } = await Promise.resolve().then(function () { return praxisChartConfigEditor; });
+            this.clearEditorSessionSubscriptions();
+            const ref = this.settingsPanel.open({
+                id: `chart.${document.chartId || this.effectiveConfig().id || 'praxis-chart'}`,
+                title: this.editChartLabel(),
+                content: {
+                    component: PraxisChartConfigEditor,
+                    inputs: {
+                        chartDocument: document,
+                        document,
+                        mode: 'edit',
+                        readonly: false,
+                        availableResources: this.resolveEditorOptions(this.availableResources(), resolvedContext['availableResources']),
+                        availableFields: this.resolveEditorOptions(this.availableFields(), resolvedContext['availableFields']),
+                        availableTargets: this.resolveEditorOptions(this.availableTargets(), resolvedContext['availableTargets']),
+                    },
                 },
-            },
-        });
-        const appliedSubscription = ref.applied$
-            .subscribe((nextDocument) => {
-            if (!nextDocument) {
-                return;
-            }
-            const clone = structuredClone(nextDocument);
-            this.runtimeChartDocument.set(clone);
-            this.chartDocumentApplied.emit(clone);
-        });
-        const savedSubscription = ref.saved$
-            .subscribe((nextDocument) => {
-            if (!nextDocument) {
-                return;
-            }
-            const clone = structuredClone(nextDocument);
-            this.runtimeChartDocument.set(clone);
-            this.chartDocumentSaved.emit(clone);
-        });
-        this.editorSessionSubscriptions = [appliedSubscription, savedSubscription];
+            });
+            const appliedSubscription = ref.applied$
+                .subscribe((nextDocument) => {
+                if (!nextDocument) {
+                    return;
+                }
+                const clone = structuredClone(nextDocument);
+                this.runtimeChartDocument.set(clone);
+                this.chartDocumentApplied.emit(clone);
+            });
+            const savedSubscription = ref.saved$
+                .subscribe((nextDocument) => {
+                if (!nextDocument) {
+                    return;
+                }
+                const clone = structuredClone(nextDocument);
+                this.runtimeChartDocument.set(clone);
+                this.chartDocumentSaved.emit(clone);
+            });
+            const closedSubscription = ref.closed$?.subscribe(() => {
+                this.restoreFocus(focusReturnTarget);
+            });
+            this.editorSessionSubscriptions = [
+                appliedSubscription,
+                savedSubscription,
+                ...(closedSubscription ? [closedSubscription] : []),
+            ];
+        }
+        finally {
+            this.configEditorContextPending.set(false);
+        }
     }
     async resolveConfigEditorContext(document) {
         const metadata = this.componentMetadataRegistry.get('praxis-chart');
@@ -2384,6 +2399,24 @@ class PraxisChartComponent {
         }
         return Array.isArray(resolvedOptions) ? resolvedOptions : [];
     }
+    captureFocusReturnTarget() {
+        if (typeof document === 'undefined') {
+            return null;
+        }
+        const activeElement = document.activeElement;
+        return activeElement instanceof HTMLElement && activeElement !== document.body
+            ? activeElement
+            : null;
+    }
+    restoreFocus(target) {
+        queueMicrotask(() => {
+            if (target?.isConnected
+                && !target.hasAttribute('disabled')
+                && target.getAttribute('aria-disabled') !== 'true') {
+                target.focus();
+            }
+        });
+    }
     isConfigEditorContextResult(value) {
         const record = this.asRecord(value);
         return !!record && ('context' in record || 'diagnostics' in record);
@@ -2840,6 +2873,8 @@ class PraxisChartComponent {
           size="compact"
           appearance="filled"
           type="button"
+          [busy]="configEditorContextPending()"
+          [disabled]="configEditorContextPending()"
           [attr.aria-label]="editChartLabel()"
           [matTooltip]="editChartLabel()"
           (click)="openConfigEditor()"
@@ -2980,6 +3015,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           size="compact"
           appearance="filled"
           type="button"
+          [busy]="configEditorContextPending()"
+          [disabled]="configEditorContextPending()"
           [attr.aria-label]="editChartLabel()"
           [matTooltip]="editChartLabel()"
           (click)="openConfigEditor()"
@@ -7076,7 +7113,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         }] });
 
 class PraxisChartConfigEditorContextResolverService {
-    static REQUEST_TIMEOUT_MS = 10_000;
+    static CATALOG_REQUEST_TIMEOUT_MS = 30_000;
+    static CAPABILITY_REQUEST_TIMEOUT_MS = 10_000;
     discovery = inject(ResourceDiscoveryService);
     capabilityAdapter = inject(ChartResourceCapabilityCatalogAdapter);
     targetAdapter = inject(ChartCompositionTargetCatalogAdapter);
@@ -7249,7 +7287,7 @@ class PraxisChartConfigEditorContextResolverService {
             return cached.promise;
         }
         let request;
-        const promise = firstValueFrom(this.discovery.getSchemaCatalog().pipe(timeout(PraxisChartConfigEditorContextResolverService.REQUEST_TIMEOUT_MS)))
+        const promise = firstValueFrom(this.discovery.getSchemaCatalog().pipe(timeout(PraxisChartConfigEditorContextResolverService.CATALOG_REQUEST_TIMEOUT_MS)))
             .then((catalog) => this.projectCatalog(catalog))
             .finally(() => {
             if (this.catalogProjectionRequest === request) {
@@ -7348,7 +7386,7 @@ class PraxisChartConfigEditorContextResolverService {
             return cached.promise;
         }
         let request;
-        const promise = firstValueFrom(this.discovery.getCapabilitiesByUrl(candidate.capabilitiesHref).pipe(timeout(PraxisChartConfigEditorContextResolverService.REQUEST_TIMEOUT_MS)))
+        const promise = firstValueFrom(this.discovery.getCapabilitiesByUrl(candidate.capabilitiesHref).pipe(timeout(PraxisChartConfigEditorContextResolverService.CAPABILITY_REQUEST_TIMEOUT_MS)))
             .finally(() => {
             if (this.capabilityRequests.get(key) === request) {
                 this.capabilityRequests.delete(key);

package/package.json

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

package/types/praxisui-charts.d.ts

@@ -598,6 +598,7 @@ declare class PraxisChartComponent {
     private readonly mappedRuntimeConfig;
     private readonly chartDocumentMappingError;
     private readonly activeSelectionSignature;
+    protected readonly configEditorContextPending: _angular_core.WritableSignal<boolean>;
     readonly showAccessibleData: _angular_core.WritableSignal<boolean>;
     readonly accessibilityPanelId: string;
     readonly accessibilityPanelTitleId: string;
@@ -652,6 +653,8 @@ declare class PraxisChartComponent {
     openConfigEditor(): Promise<void>;
     private resolveConfigEditorContext;
     private resolveEditorOptions;
+    private captureFocusReturnTarget;
+    private restoreFocus;
     private isConfigEditorContextResult;
     private asRecord;
     private handlePointClick;