chartgpu-angular 0.0.0-stage → 19.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Naren
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,124 @@
-# Temporary Holding Version
+# chartgpu-angular
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+An Angular wrapper for ChartGPU, a chart rendering runtime for building responsive, interactive charts in Angular templates.
+
+This is an unofficial wrapper library. It is not affiliated with, endorsed by, or sponsored by ChartGPU or any other upstream vendor unless explicitly stated otherwise.
+
+[![npm version](https://img.shields.io/npm/v/chartgpu-angular.svg)](https://www.npmjs.com/package/chartgpu-angular)
+[![npm downloads](https://img.shields.io/npm/dy/chartgpu-angular.svg)](https://www.npmjs.com/package/chartgpu-angular)
+[![GitHub stars](https://img.shields.io/github/stars/kai1992cool/chartgpu-angular.svg)](https://github.com/kai1992cool/chartgpu-angular)
+[![license](https://img.shields.io/npm/l/chartgpu-angular.svg)](https://github.com/kai1992cool/chartgpu-angular/blob/master/LICENSE)
+
+## Features
+
+- Uses ChartGPU rendering through Angular components and directives.
+- Configure charts with standard options and theme updates.
+- Define chart content with Angular templates.
+- Bind chart events as Angular outputs.
+- Use shared GPU context handling for dashboards and multiple charts.
+
+## Installation
+
+### 1. Install the package
+
+```bash
+npm install chartgpu-angular
+```
+
+## Key Implementation Notes:
+
+* **This project is an unofficial wrapper library.**
+* **WebGPU is required for rendering.**
+* **The shared GPU context service is intended for dashboard-style reuse.**
+
+## Angular version examples & Documentation
+
+StackBlitz examples will be added as each Angular version's rollout is published.
+
+> If you click the link for Standalone and NgModule examples are stuck in clone step, please refresh the screen, the stackblitz will initialize
+
+| Angular version | Standalone example | NgModule example | Documentation |
+| --------------- | ------------------ | ---------------- | ------------- |
+| Angular 14 | [Modular Demo](https://stackblitz.com/github/kai1992cool/chartgpu-angular/tree/main/demos/14/modular) | [Standalone Demo](https://stackblitz.com/github/kai1992cool/chartgpu-angular/tree/main/demos/14/standalone) | [Storybook](https://kai1992cool.github.io/chartgpu-angular/demos?version=14) |
+| Angular 15 | [Modular Demo](https://stackblitz.com/github/kai1992cool/chartgpu-angular/tree/main/demos/15/modular) | [Standalone Demo](https://stackblitz.com/github/kai1992cool/chartgpu-angular/tree/main/demos/15/standalone) | [Storybook](https://kai1992cool.github.io/chartgpu-angular/demos?version=15) |
+| Angular 16 | [Modular Demo](https://stackblitz.com/github/kai1992cool/chartgpu-angular/tree/main/demos/16/modular) | [Standalone Demo](https://stackblitz.com/github/kai1992cool/chartgpu-angular/tree/main/demos/16/standalone) | [Storybook](https://kai1992cool.github.io/chartgpu-angular/demos?version=16) |
+| Angular 17 | [Modular Demo](https://stackblitz.com/github/kai1992cool/chartgpu-angular/tree/main/demos/17/modular) | [Standalone Demo](https://stackblitz.com/github/kai1992cool/chartgpu-angular/tree/main/demos/17/standalone) | [Storybook](https://kai1992cool.github.io/chartgpu-angular/demos?version=17) |
+| Angular 18 | [Modular Demo](https://stackblitz.com/github/kai1992cool/chartgpu-angular/tree/main/demos/18/modular) | [Standalone Demo](https://stackblitz.com/github/kai1992cool/chartgpu-angular/tree/main/demos/18/standalone) | [Storybook](https://kai1992cool.github.io/chartgpu-angular/demos?version=18) |
+| Angular 19 | [Modular Demo](https://stackblitz.com/github/kai1992cool/chartgpu-angular/tree/main/demos/19/modular) | [Standalone Demo](https://stackblitz.com/github/kai1992cool/chartgpu-angular/tree/main/demos/19/standalone) | [Storybook](https://kai1992cool.github.io/chartgpu-angular/demos?version=19) |
+| Angular 20 | [Modular Demo](https://stackblitz.com/github/kai1992cool/chartgpu-angular/tree/main/demos/20/modular) | [Standalone Demo](https://stackblitz.com/github/kai1992cool/chartgpu-angular/tree/main/demos/20/standalone) | [Storybook](https://kai1992cool.github.io/chartgpu-angular/demos?version=20) |
+| Angular 21 | [Modular Demo](https://stackblitz.com/github/kai1992cool/chartgpu-angular/tree/main/demos/21/modular) | [Standalone Demo](https://stackblitz.com/github/kai1992cool/chartgpu-angular/tree/main/demos/21/standalone) | [Storybook](https://kai1992cool.github.io/chartgpu-angular/demos?version=21) |
+| Angular 22 | [Modular Demo](https://stackblitz.com/github/kai1992cool/chartgpu-angular/tree/main/demos/22/modular) | [Standalone Demo](https://stackblitz.com/github/kai1992cool/chartgpu-angular/tree/main/demos/22/standalone) | [Storybook](https://kai1992cool.github.io/chartgpu-angular/demos?version=22) |
+
+Example usage:
+
+```ts
+import { Component } from '@angular/core';
+import { ChartGPUComponent, provideChartGpuContext } from 'chartgpu-angular';
+
+@Component({
+  standalone: true,
+  imports: [ChartGPUComponent],
+  providers: [provideChartGpuContext()],
+  template: `<lib-chartgpu-angular />`,
+})
+export class ExampleComponent {}
+```
+
+## Configuring Styling
+
+### 1. Simplest way
+
+The default setup should include the required chart styles for the component, so no separate CSS setup is usually needed.
+
+### 2. Configure chart CSS (when needed)
+If you need additional styles for chart modules or custom visual effects, serve the CSS files as assets in your application configuration.
+
+Then pass the asset URL in the appropriate style injection option used by the component.
+
+## Setup
+
+Choose the setup that matches your Angular application.
+
+### Standalone application
+
+Import `ChartGPUComponent` from `chartgpu-angular` and add it to the `imports` array of each standalone component that uses it. Add `provideChartGpuContext()` to the component or application providers when you want a shared GPU context service:
+
+```ts
+import { Component } from '@angular/core';
+import { ChartGPUComponent, provideChartGpuContext } from 'chartgpu-angular';
+
+@Component({
+  standalone: true,
+  imports: [ChartGPUComponent],
+  providers: [provideChartGpuContext()],
+  template: `<lib-chartgpu-angular />`,
+})
+export class ExampleComponent {}
+```
+
+### NgModule application
+
+Import `ChartGPUComponent` in the `imports` array of the module that declares the component using it. If you need the shared GPU context service, provide it from the module providers with `provideChartGpuContext()`:
+
+```ts
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { AppComponent } from './app.component';
+import { ChartGPUComponent, provideChartGpuContext } from 'chartgpu-angular';
+
+@NgModule({
+  declarations: [AppComponent],
+  imports: [BrowserModule, ChartGPUComponent],
+  providers: [provideChartGpuContext()],
+  bootstrap: [AppComponent],
+})
+export class AppModule {}
+```
+
+## Documentation and demos
+
+- [ChartGPU documentation](https://chartgpu.io/docs/)
+
+## License
+
+MIT

package/fesm2022/chartgpu-angular.mjs

@@ -0,0 +1,435 @@
+import { NgStyle } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, output, viewChild, signal, afterNextRender, effect, untracked, ChangeDetectionStrategy, Component, Directive, computed, Injectable, makeEnvironmentProviders } from '@angular/core';
+import { ChartGPU, connectCharts, createPipelineCache } from 'chartgpu';
+
+class ChartGpuAngularComponent {
+    destroyRef;
+    options = input.required();
+    gpuContext = input(null);
+    theme = input(undefined);
+    className = input();
+    style = input();
+    ready = output();
+    chartReady = output();
+    chartDispose = output();
+    resize = output();
+    click = output();
+    chartClick = output();
+    mouseOver = output();
+    mouseOut = output();
+    crosshairMove = output();
+    dataAppend = output();
+    zoomChange = output();
+    zoomRangeChange = output();
+    deviceLost = output();
+    chartError = output();
+    host = viewChild('host');
+    canvasHost = viewChild('canvasHost');
+    chartInstance = signal(null);
+    initializationError = signal(null);
+    chartContainer;
+    createdWithOptions;
+    resizeTimeout;
+    resizeObserver;
+    removeChartListeners;
+    destroying = false;
+    constructor(destroyRef) {
+        this.destroyRef = destroyRef;
+        this.destroyRef.onDestroy(() => {
+            this.resizeObserver?.disconnect();
+            if (this.resizeTimeout !== undefined) {
+                clearTimeout(this.resizeTimeout);
+            }
+            this.disposeChart();
+        });
+        afterNextRender(() => {
+            const container = this.host()?.nativeElement;
+            if (container) {
+                this.observeResize(container);
+            }
+        });
+        effect(onCleanup => {
+            const container = this.canvasHost()?.nativeElement;
+            const options = this.options();
+            const gpuContext = this.gpuContext();
+            const theme = this.theme();
+            this.initializationError.set(null);
+            if (!container) {
+                this.disposeChart();
+                return;
+            }
+            if (typeof navigator === 'undefined' || !('gpu' in navigator)) {
+                this.reportError(new Error('WebGPU not supported in this browser'));
+                return;
+            }
+            if (untracked(() => this.chartInstance()) && this.chartContainer === container) {
+                return;
+            }
+            let cancelled = false;
+            let createdInstance;
+            const initialOptions = this.getEffectiveOptions(options, theme);
+            void (gpuContext
+                ? ChartGPU.create(container, initialOptions, gpuContext)
+                : ChartGPU.create(container, initialOptions)).then(instance => {
+                createdInstance = instance;
+                if (cancelled) {
+                    instance.dispose();
+                    return;
+                }
+                try {
+                    const latest = untracked(() => ({
+                        options: this.options(),
+                        theme: this.theme(),
+                    }));
+                    if (latest.options !== options || latest.theme !== theme) {
+                        instance.setOption(this.getEffectiveOptions(latest.options, latest.theme));
+                    }
+                    this.createdWithOptions = latest;
+                    this.chartContainer = container;
+                    this.chartInstance.set(instance);
+                    this.removeChartListeners = this.listenToChart(instance);
+                    this.ready.emit({ container });
+                    this.chartReady.emit(instance);
+                    const range = instance.getZoomRange();
+                    if (range) {
+                        this.emitZoomRange(range);
+                    }
+                }
+                catch (cause) {
+                    instance.dispose();
+                    throw cause;
+                }
+            }).catch((cause) => {
+                if (cancelled) {
+                    return;
+                }
+                if (createdInstance && this.chartInstance() !== createdInstance && !createdInstance.disposed) {
+                    createdInstance.dispose();
+                }
+                this.reportError(cause);
+            });
+            onCleanup(() => {
+                cancelled = true;
+                if (this.chartContainer === container) {
+                    this.disposeChart();
+                }
+            });
+        }, { allowSignalWrites: true });
+        effect(() => {
+            const options = this.options();
+            const theme = this.theme();
+            const instance = this.chartInstance();
+            if (!instance || instance.disposed) {
+                return;
+            }
+            if (this.createdWithOptions?.options === options && this.createdWithOptions.theme === theme) {
+                this.createdWithOptions = undefined;
+                return;
+            }
+            try {
+                instance.setOption(this.getEffectiveOptions(options, theme));
+            }
+            catch (cause) {
+                this.reportError(cause);
+            }
+        }, { allowSignalWrites: true });
+    }
+    emitClick(event) {
+        this.click.emit({ x: event.offsetX, y: event.offsetY });
+    }
+    ngOnDestroy() {
+        this.destroying = true;
+    }
+    getChart() {
+        const instance = this.chartInstance();
+        return instance && !instance.disposed ? instance : null;
+    }
+    getContainer() {
+        return this.canvasHost()?.nativeElement ?? null;
+    }
+    appendData(seriesIndex, newPoints, options) {
+        this.getChart()?.appendData(seriesIndex, newPoints, options);
+    }
+    renderFrame() {
+        return this.getChart()?.renderFrame() ?? false;
+    }
+    needsRender() {
+        return this.getChart()?.needsRender() ?? false;
+    }
+    getRenderMode() {
+        return this.getChart()?.getRenderMode() ?? 'auto';
+    }
+    setRenderMode(mode) {
+        this.getChart()?.setRenderMode(mode);
+    }
+    setOption(options) {
+        this.getChart()?.setOption(options);
+    }
+    setZoomRange(start, end, source) {
+        this.getChart()?.setZoomRange(start, end, source);
+    }
+    setInteractionX(x, source) {
+        this.getChart()?.setInteractionX(x, source);
+    }
+    getInteractionX() {
+        return this.getChart()?.getInteractionX() ?? null;
+    }
+    hitTest(event) {
+        return this.getChart()?.hitTest(event) ?? null;
+    }
+    getEffectiveOptions(options, theme) {
+        return theme !== undefined ? { ...options, theme } : options;
+    }
+    listenToChart(instance) {
+        const click = (payload) => this.chartClick.emit(payload);
+        const mouseOver = (payload) => this.mouseOver.emit(payload);
+        const mouseOut = (payload) => this.mouseOut.emit(payload);
+        const crosshairMove = (payload) => this.crosshairMove.emit(payload);
+        const dataAppend = (payload) => this.dataAppend.emit(payload);
+        const zoomChange = (payload) => this.emitZoomRange(payload);
+        const deviceLost = (payload) => this.deviceLost.emit(payload);
+        instance.on('click', click);
+        instance.on('mouseover', mouseOver);
+        instance.on('mouseout', mouseOut);
+        instance.on('crosshairMove', crosshairMove);
+        instance.on('dataAppend', dataAppend);
+        instance.on('zoomRangeChange', zoomChange);
+        instance.on('deviceLost', deviceLost);
+        return () => {
+            if (instance.disposed) {
+                return;
+            }
+            instance.off('click', click);
+            instance.off('mouseover', mouseOver);
+            instance.off('mouseout', mouseOut);
+            instance.off('crosshairMove', crosshairMove);
+            instance.off('dataAppend', dataAppend);
+            instance.off('zoomRangeChange', zoomChange);
+            instance.off('deviceLost', deviceLost);
+        };
+    }
+    emitZoomRange(range) {
+        this.zoomChange.emit({ range: { start: range.start, end: range.end } });
+        this.zoomRangeChange.emit({ start: range.start, end: range.end });
+    }
+    observeResize(container) {
+        if (typeof ResizeObserver === 'undefined') {
+            return;
+        }
+        this.resizeObserver = new ResizeObserver(entries => {
+            const entry = entries[0];
+            if (!entry) {
+                return;
+            }
+            const { width, height } = entry.contentRect;
+            this.resize.emit({ width, height, container });
+            if (this.resizeTimeout !== undefined) {
+                clearTimeout(this.resizeTimeout);
+            }
+            this.resizeTimeout = setTimeout(() => {
+                this.chartInstance()?.resize();
+                this.resizeTimeout = undefined;
+            }, 100);
+        });
+        this.resizeObserver.observe(container);
+    }
+    reportError(cause) {
+        const error = cause instanceof Error ? cause : new Error(String(cause));
+        this.initializationError.set(error);
+        this.chartError.emit(error);
+    }
+    disposeChart() {
+        const instance = this.chartInstance();
+        this.removeChartListeners?.();
+        this.removeChartListeners = undefined;
+        if (instance && !instance.disposed) {
+            instance.dispose();
+            if (!this.destroying) {
+                this.chartDispose.emit();
+            }
+        }
+        this.chartInstance.set(null);
+        this.chartContainer = undefined;
+        this.createdWithOptions = undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ChartGpuAngularComponent, deps: [{ token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: ChartGpuAngularComponent, isStandalone: true, selector: "lib-chartgpu-angular", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, gpuContext: { classPropertyName: "gpuContext", publicName: "gpuContext", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ready: "ready", chartReady: "chartReady", chartDispose: "chartDispose", resize: "resize", click: "click", chartClick: "chartClick", mouseOver: "mouseOver", mouseOut: "mouseOut", crosshairMove: "crosshairMove", dataAppend: "dataAppend", zoomChange: "zoomChange", zoomRangeChange: "zoomRangeChange", deviceLost: "deviceLost", chartError: "chartError" }, host: { classAttribute: "chartgpu-angular" }, viewQueries: [{ propertyName: "host", first: true, predicate: ["host"], descendants: true, isSignal: true }, { propertyName: "canvasHost", first: true, predicate: ["canvasHost"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div
+      #host
+      class="chartgpu-host"
+      [class]="className() ?? ''"
+      [ngStyle]="style()"
+      (click)="emitClick($event)"
+    >
+      <div #canvasHost class="chartgpu-canvas-host"></div>
+      @if (initializationError(); as error) {
+        <div class="chartgpu-error" role="alert">{{ error.message }}</div>
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}.chartgpu-host{position:relative;width:100%;height:100%}.chartgpu-canvas-host{position:absolute;inset:0}.chartgpu-error{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;text-align:center}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ChartGpuAngularComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-chartgpu-angular', standalone: true, imports: [NgStyle], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'chartgpu-angular' }, template: `
+    <div
+      #host
+      class="chartgpu-host"
+      [class]="className() ?? ''"
+      [ngStyle]="style()"
+      (click)="emitClick($event)"
+    >
+      <div #canvasHost class="chartgpu-canvas-host"></div>
+      @if (initializationError(); as error) {
+        <div class="chartgpu-error" role="alert">{{ error.message }}</div>
+      }
+    </div>
+  `, styles: [":host{display:block;width:100%;height:100%}.chartgpu-host{position:relative;width:100%;height:100%}.chartgpu-canvas-host{position:absolute;inset:0}.chartgpu-error{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;text-align:center}\n"] }]
+        }], ctorParameters: () => [{ type: i0.DestroyRef }] });
+
+class ChartgpuConnectChartsDirective {
+    charts = input([], {
+        alias: 'libChartgpuConnectCharts',
+    });
+    syncOptions = input();
+    connectionError = output();
+    ids = new WeakMap();
+    nextId = 1;
+    signature;
+    constructor() {
+        effect(onCleanup => {
+            const charts = this.charts();
+            const options = this.syncOptions();
+            const optionsSignature = options
+                ? `crosshair=${options.syncCrosshair ?? ''},zoom=${options.syncZoom ?? ''}`
+                : '';
+            const signature = `${charts.map(chart => {
+                if (!chart) {
+                    return 'null';
+                }
+                let id = this.ids.get(chart);
+                if (id === undefined) {
+                    id = this.nextId++;
+                    this.ids.set(chart, id);
+                }
+                return `${id}:${chart.disposed ? 1 : 0}`;
+            }).join('|')}|${optionsSignature}`;
+            if (signature === this.signature) {
+                return;
+            }
+            this.signature = signature;
+            if (charts.length === 0 || charts.some(chart => !chart || chart.disposed)) {
+                return;
+            }
+            const resolved = [];
+            for (const chart of charts) {
+                if (!chart || chart.disposed) {
+                    return;
+                }
+                resolved.push(chart);
+            }
+            try {
+                const disconnect = connectCharts(resolved, options);
+                onCleanup(disconnect);
+            }
+            catch (cause) {
+                this.connectionError.emit(cause instanceof Error ? cause : new Error(String(cause)));
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ChartgpuConnectChartsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: ChartgpuConnectChartsDirective, isStandalone: true, selector: "[libChartgpuConnectCharts]", inputs: { charts: { classPropertyName: "charts", publicName: "libChartgpuConnectCharts", isSignal: true, isRequired: false, transformFunction: null }, syncOptions: { classPropertyName: "syncOptions", publicName: "syncOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connectionError: "connectionError" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ChartgpuConnectChartsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[libChartgpuConnectCharts]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [] });
+
+const INITIAL_STATE = {
+    adapter: null,
+    device: null,
+    pipelineCache: null,
+    error: null,
+    isReady: false,
+};
+/**
+ * Creates one shared WebGPU context and pipeline cache for charts in a dashboard.
+ * The device is intentionally not destroyed with the service so charts can share it
+ * for the lifetime of the application.
+ */
+class ChartgpuGPUContextService {
+    state = signal(INITIAL_STATE);
+    context = computed(() => {
+        const state = this.state();
+        if (!state.adapter || !state.device || !state.pipelineCache) {
+            return null;
+        }
+        return {
+            adapter: state.adapter,
+            device: state.device,
+            pipelineCache: state.pipelineCache,
+        };
+    });
+    initialization;
+    initialize() {
+        if (!this.initialization) {
+            this.initialization = this.createContext();
+        }
+        return this.initialization;
+    }
+    async createContext() {
+        try {
+            if (typeof navigator === 'undefined' || !('gpu' in navigator)) {
+                throw new Error('WebGPU not supported in this browser');
+            }
+            const gpu = navigator.gpu;
+            if (!gpu) {
+                throw new Error('WebGPU not supported in this browser');
+            }
+            const adapter = await gpu.requestAdapter({ powerPreference: 'high-performance' });
+            if (!adapter) {
+                const error = new Error('WebGPU is not available. No compatible GPUAdapter was found.');
+                const state = { ...INITIAL_STATE, error };
+                this.state.set(state);
+                return state;
+            }
+            const device = await adapter.requestDevice();
+            const pipelineCache = createPipelineCache(device);
+            const state = {
+                adapter,
+                device,
+                pipelineCache,
+                error: null,
+                isReady: true,
+            };
+            this.state.set(state);
+            return state;
+        }
+        catch (cause) {
+            const error = cause instanceof Error ? cause : new Error(String(cause));
+            const state = { ...INITIAL_STATE, error };
+            this.state.set(state);
+            return state;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ChartgpuGPUContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ChartgpuGPUContextService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ChartgpuGPUContextService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+function provideChartGpuContext() {
+    return makeEnvironmentProviders([ChartgpuGPUContextService]);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ChartGpuAngularComponent, ChartgpuConnectChartsDirective, ChartgpuGPUContextService, provideChartGpuContext };
+//# sourceMappingURL=chartgpu-angular.mjs.map

package/fesm2022/chartgpu-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartgpu-angular.mjs","sources":["../../../projects/chartgpu-angular/src/lib/chartgpu-angular.component.ts","../../../projects/chartgpu-angular/src/lib/connect-charts.directive.ts","../../../projects/chartgpu-angular/src/lib/gpu-context.service.ts","../../../projects/chartgpu-angular/src/lib/gpu-context.provider.ts","../../../projects/chartgpu-angular/src/chartgpu-angular.ts"],"sourcesContent":["import { NgStyle } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  OnDestroy,\n  afterNextRender,\n  effect,\n  input,\n  output,\n  signal,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport {\n  ChartGPU,\n  type ChartGPUCrosshairMovePayload,\n  type ChartGPUDeviceLostPayload,\n  type ChartGPUEventPayload,\n  type ChartGPUInstance,\n  type ChartGPUZoomRangeChangePayload,\n  type OHLCDataPoint,\n} from 'chartgpu';\nimport type {\n  ChartgpuAppendDataOptions,\n  ChartgpuCartesianSeriesData,\n  ChartgpuChartHandle,\n  ChartgpuClickEvent,\n  ChartgpuDataAppendEvent,\n  ChartgpuGPUContext,\n  ChartgpuOptions,\n  ChartgpuReadyEvent,\n  ChartgpuResizeEvent,\n  ChartgpuStyle,\n  ChartgpuZoomChangeEvent,\n  ChartgpuZoomRangeChangeEvent,\n} from './chartgpu-angular.types';\n\n@Component({\n  selector: 'lib-chartgpu-angular',\n  standalone: true,\n  imports: [NgStyle],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'chartgpu-angular' },\n  template: `\n    <div\n      #host\n      class=\"chartgpu-host\"\n      [class]=\"className() ?? ''\"\n      [ngStyle]=\"style()\"\n      (click)=\"emitClick($event)\"\n    >\n      <div #canvasHost class=\"chartgpu-canvas-host\"></div>\n      @if (initializationError(); as error) {\n        <div class=\"chartgpu-error\" role=\"alert\">{{ error.message }}</div>\n      }\n    </div>\n  `,\n  styles: [`\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    .chartgpu-host {\n      position: relative;\n      width: 100%;\n      height: 100%;\n    }\n\n    .chartgpu-canvas-host {\n      position: absolute;\n      inset: 0;\n    }\n\n    .chartgpu-error {\n      position: absolute;\n      inset: 0;\n      display: grid;\n      place-items: center;\n      padding: 1rem;\n      text-align: center;\n    }\n  `],\n})\nexport class ChartGpuAngularComponent implements ChartgpuChartHandle, OnDestroy {\n  readonly options = input.required<ChartgpuOptions>();\n  readonly gpuContext = input<ChartgpuGPUContext | null>(null);\n  readonly theme = input<ChartgpuOptions['theme'] | undefined>(undefined);\n  readonly className = input<string | undefined>();\n  readonly style = input<ChartgpuStyle | undefined>();\n\n  readonly ready = output<ChartgpuReadyEvent>();\n  readonly chartReady = output<ChartGPUInstance>();\n  readonly chartDispose = output<void>();\n  readonly resize = output<ChartgpuResizeEvent>();\n  readonly click = output<ChartgpuClickEvent>();\n  readonly chartClick = output<ChartGPUEventPayload>();\n  readonly mouseOver = output<ChartGPUEventPayload>();\n  readonly mouseOut = output<ChartGPUEventPayload>();\n  readonly crosshairMove = output<ChartGPUCrosshairMovePayload>();\n  readonly dataAppend = output<ChartgpuDataAppendEvent>();\n  readonly zoomChange = output<ChartgpuZoomChangeEvent>();\n  readonly zoomRangeChange = output<ChartgpuZoomRangeChangeEvent>();\n  readonly deviceLost = output<ChartGPUDeviceLostPayload>();\n  readonly chartError = output<Error>();\n\n  readonly host = viewChild<ElementRef<HTMLDivElement>>('host');\n  readonly canvasHost = viewChild<ElementRef<HTMLDivElement>>('canvasHost');\n\n  private readonly chartInstance = signal<ChartGPUInstance | null>(null);\n  readonly initializationError = signal<Error | null>(null);\n  private chartContainer?: HTMLDivElement;\n  private createdWithOptions?: {\n    options: ChartgpuOptions;\n    theme: ChartgpuOptions['theme'] | undefined;\n  };\n  private resizeTimeout?: ReturnType<typeof setTimeout>;\n  private resizeObserver?: ResizeObserver;\n  private removeChartListeners?: () => void;\n  private destroying = false;\n\n  constructor(private readonly destroyRef: DestroyRef) {\n    this.destroyRef.onDestroy(() => {\n      this.resizeObserver?.disconnect();\n      if (this.resizeTimeout !== undefined) {\n        clearTimeout(this.resizeTimeout);\n      }\n      this.disposeChart();\n    });\n\n    afterNextRender(() => {\n      const container = this.host()?.nativeElement;\n      if (container) {\n        this.observeResize(container);\n      }\n    });\n\n    effect(onCleanup => {\n      const container = this.canvasHost()?.nativeElement;\n      const options = this.options();\n      const gpuContext = this.gpuContext();\n      const theme = this.theme();\n\n      this.initializationError.set(null);\n      if (!container) {\n        this.disposeChart();\n        return;\n      }\n      if (typeof navigator === 'undefined' || !('gpu' in navigator)) {\n        this.reportError(new Error('WebGPU not supported in this browser'));\n        return;\n      }\n\n      if (untracked(() => this.chartInstance()) && this.chartContainer === container) {\n        return;\n      }\n\n      let cancelled = false;\n      let createdInstance: ChartGPUInstance | undefined;\n      const initialOptions = this.getEffectiveOptions(options, theme);\n\n      void (gpuContext\n        ? ChartGPU.create(container, initialOptions, gpuContext)\n        : ChartGPU.create(container, initialOptions)\n      ).then(instance => {\n        createdInstance = instance;\n        if (cancelled) {\n          instance.dispose();\n          return;\n        }\n\n        try {\n          const latest = untracked(() => ({\n            options: this.options(),\n            theme: this.theme(),\n          }));\n          if (latest.options !== options || latest.theme !== theme) {\n            instance.setOption(this.getEffectiveOptions(latest.options, latest.theme));\n          }\n\n          this.createdWithOptions = latest;\n          this.chartContainer = container;\n          this.chartInstance.set(instance);\n          this.removeChartListeners = this.listenToChart(instance);\n          this.ready.emit({ container });\n          this.chartReady.emit(instance);\n\n          const range = instance.getZoomRange();\n          if (range) {\n            this.emitZoomRange(range);\n          }\n        } catch (cause: unknown) {\n          instance.dispose();\n          throw cause;\n        }\n      }).catch((cause: unknown) => {\n        if (cancelled) {\n          return;\n        }\n        if (createdInstance && this.chartInstance() !== createdInstance && !createdInstance.disposed) {\n          createdInstance.dispose();\n        }\n        this.reportError(cause);\n      });\n\n      onCleanup(() => {\n        cancelled = true;\n        if (this.chartContainer === container) {\n          this.disposeChart();\n        }\n      });\n    }, { allowSignalWrites: true });\n\n    effect(() => {\n      const options = this.options();\n      const theme = this.theme();\n      const instance = this.chartInstance();\n      if (!instance || instance.disposed) {\n        return;\n      }\n\n      if (this.createdWithOptions?.options === options && this.createdWithOptions.theme === theme) {\n        this.createdWithOptions = undefined;\n        return;\n      }\n\n      try {\n        instance.setOption(this.getEffectiveOptions(options, theme));\n      } catch (cause: unknown) {\n        this.reportError(cause);\n      }\n    }, { allowSignalWrites: true });\n  }\n\n  protected emitClick(event: MouseEvent): void {\n    this.click.emit({ x: event.offsetX, y: event.offsetY });\n  }\n\n  ngOnDestroy(): void {\n    this.destroying = true;\n  }\n\n  getChart(): ChartGPUInstance | null {\n    const instance = this.chartInstance();\n    return instance && !instance.disposed ? instance : null;\n  }\n\n  getContainer(): HTMLDivElement | null {\n    return this.canvasHost()?.nativeElement ?? null;\n  }\n\n  appendData(\n    seriesIndex: number,\n    newPoints: ChartgpuCartesianSeriesData | OHLCDataPoint[],\n    options?: ChartgpuAppendDataOptions,\n  ): void {\n    this.getChart()?.appendData(seriesIndex, newPoints, options);\n  }\n\n  renderFrame(): boolean {\n    return this.getChart()?.renderFrame() ?? false;\n  }\n\n  needsRender(): boolean {\n    return this.getChart()?.needsRender() ?? false;\n  }\n\n  getRenderMode(): 'auto' | 'external' {\n    return this.getChart()?.getRenderMode() ?? 'auto';\n  }\n\n  setRenderMode(mode: 'auto' | 'external'): void {\n    this.getChart()?.setRenderMode(mode);\n  }\n\n  setOption(options: ChartgpuOptions): void {\n    this.getChart()?.setOption(options);\n  }\n\n  setZoomRange(start: number, end: number, source?: unknown): void {\n    this.getChart()?.setZoomRange(start, end, source);\n  }\n\n  setInteractionX(x: number | null, source?: unknown): void {\n    this.getChart()?.setInteractionX(x, source);\n  }\n\n  getInteractionX(): number | null {\n    return this.getChart()?.getInteractionX() ?? null;\n  }\n\n  hitTest(event: PointerEvent | MouseEvent) {\n    return this.getChart()?.hitTest(event) ?? null;\n  }\n\n  private getEffectiveOptions(\n    options: ChartgpuOptions,\n    theme: ChartgpuOptions['theme'] | undefined,\n  ): ChartgpuOptions {\n    return theme !== undefined ? { ...options, theme } : options;\n  }\n\n  private listenToChart(instance: ChartGPUInstance): () => void {\n    const click = (payload: ChartGPUEventPayload) => this.chartClick.emit(payload);\n    const mouseOver = (payload: ChartGPUEventPayload) => this.mouseOver.emit(payload);\n    const mouseOut = (payload: ChartGPUEventPayload) => this.mouseOut.emit(payload);\n    const crosshairMove = (payload: ChartGPUCrosshairMovePayload) => this.crosshairMove.emit(payload);\n    const dataAppend = (payload: ChartgpuDataAppendEvent) => this.dataAppend.emit(payload);\n    const zoomChange = (payload: ChartGPUZoomRangeChangePayload) => this.emitZoomRange(payload);\n    const deviceLost = (payload: ChartGPUDeviceLostPayload) => this.deviceLost.emit(payload);\n\n    instance.on('click', click);\n    instance.on('mouseover', mouseOver);\n    instance.on('mouseout', mouseOut);\n    instance.on('crosshairMove', crosshairMove);\n    instance.on('dataAppend', dataAppend);\n    instance.on('zoomRangeChange', zoomChange);\n    instance.on('deviceLost', deviceLost);\n\n    return () => {\n      if (instance.disposed) {\n        return;\n      }\n      instance.off('click', click);\n      instance.off('mouseover', mouseOver);\n      instance.off('mouseout', mouseOut);\n      instance.off('crosshairMove', crosshairMove);\n      instance.off('dataAppend', dataAppend);\n      instance.off('zoomRangeChange', zoomChange);\n      instance.off('deviceLost', deviceLost);\n    };\n  }\n\n  private emitZoomRange(range: { start: number; end: number }): void {\n    this.zoomChange.emit({ range: { start: range.start, end: range.end } });\n    this.zoomRangeChange.emit({ start: range.start, end: range.end });\n  }\n\n  private observeResize(container: HTMLDivElement): void {\n    if (typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    this.resizeObserver = new ResizeObserver(entries => {\n      const entry = entries[0];\n      if (!entry) {\n        return;\n      }\n      const { width, height } = entry.contentRect;\n      this.resize.emit({ width, height, container });\n      if (this.resizeTimeout !== undefined) {\n        clearTimeout(this.resizeTimeout);\n      }\n      this.resizeTimeout = setTimeout(() => {\n        this.chartInstance()?.resize();\n        this.resizeTimeout = undefined;\n      }, 100);\n    });\n    this.resizeObserver.observe(container);\n  }\n\n  private reportError(cause: unknown): void {\n    const error = cause instanceof Error ? cause : new Error(String(cause));\n    this.initializationError.set(error);\n    this.chartError.emit(error);\n  }\n\n  private disposeChart(): void {\n    const instance = this.chartInstance();\n    this.removeChartListeners?.();\n    this.removeChartListeners = undefined;\n    if (instance && !instance.disposed) {\n      instance.dispose();\n      if (!this.destroying) {\n        this.chartDispose.emit();\n      }\n    }\n    this.chartInstance.set(null);\n    this.chartContainer = undefined;\n    this.createdWithOptions = undefined;\n  }\n}\n","import { Directive, effect, input, output } from '@angular/core';\nimport { connectCharts } from 'chartgpu';\nimport type { ChartGPUInstance, ChartSyncOptions } from 'chartgpu';\n\n@Directive({\n  selector: '[libChartgpuConnectCharts]',\n  standalone: true,\n})\nexport class ChartgpuConnectChartsDirective {\n  readonly charts = input<ReadonlyArray<ChartGPUInstance | null | undefined>>([], {\n    alias: 'libChartgpuConnectCharts',\n  });\n  readonly syncOptions = input<ChartSyncOptions | undefined>();\n  readonly connectionError = output<Error>();\n\n  private readonly ids = new WeakMap<object, number>();\n  private nextId = 1;\n  private signature: string | undefined;\n\n  constructor() {\n    effect(onCleanup => {\n      const charts = this.charts();\n      const options = this.syncOptions();\n      const optionsSignature = options\n        ? `crosshair=${options.syncCrosshair ?? ''},zoom=${options.syncZoom ?? ''}`\n        : '';\n      const signature = `${charts.map(chart => {\n        if (!chart) {\n          return 'null';\n        }\n\n        let id = this.ids.get(chart);\n        if (id === undefined) {\n          id = this.nextId++;\n          this.ids.set(chart, id);\n        }\n        return `${id}:${chart.disposed ? 1 : 0}`;\n      }).join('|')}|${optionsSignature}`;\n\n      if (signature === this.signature) {\n        return;\n      }\n      this.signature = signature;\n\n      if (charts.length === 0 || charts.some(chart => !chart || chart.disposed)) {\n        return;\n      }\n\n      const resolved: ChartGPUInstance[] = [];\n      for (const chart of charts) {\n        if (!chart || chart.disposed) {\n          return;\n        }\n        resolved.push(chart);\n      }\n\n      try {\n        const disconnect = connectCharts(resolved, options);\n        onCleanup(disconnect);\n      } catch (cause: unknown) {\n        this.connectionError.emit(cause instanceof Error ? cause : new Error(String(cause)));\n      }\n    });\n  }\n}\n","import { Injectable, computed, signal } from '@angular/core';\nimport { createPipelineCache } from 'chartgpu';\nimport type { ChartGPUCreateContext } from 'chartgpu';\nimport type { ChartgpuGPUContextState } from './chartgpu-angular.types';\n\nconst INITIAL_STATE: ChartgpuGPUContextState = {\n  adapter: null,\n  device: null,\n  pipelineCache: null,\n  error: null,\n  isReady: false,\n};\n\n/**\n * Creates one shared WebGPU context and pipeline cache for charts in a dashboard.\n * The device is intentionally not destroyed with the service so charts can share it\n * for the lifetime of the application.\n */\n@Injectable({ providedIn: 'root' })\nexport class ChartgpuGPUContextService {\n  readonly state = signal<ChartgpuGPUContextState>(INITIAL_STATE);\n  readonly context = computed<ChartGPUCreateContext | null>(() => {\n    const state = this.state();\n    if (!state.adapter || !state.device || !state.pipelineCache) {\n      return null;\n    }\n\n    return {\n      adapter: state.adapter,\n      device: state.device,\n      pipelineCache: state.pipelineCache,\n    };\n  });\n\n  private initialization?: Promise<ChartgpuGPUContextState>;\n\n  initialize(): Promise<ChartgpuGPUContextState> {\n    if (!this.initialization) {\n      this.initialization = this.createContext();\n    }\n    return this.initialization;\n  }\n\n  private async createContext(): Promise<ChartgpuGPUContextState> {\n    try {\n      if (typeof navigator === 'undefined' || !('gpu' in navigator)) {\n        throw new Error('WebGPU not supported in this browser');\n      }\n\n      const gpu = (navigator as Navigator & {\n        gpu?: {\n          requestAdapter(options: {\n            powerPreference: 'high-performance';\n          }): Promise<ChartGPUCreateContext['adapter'] | null>;\n        };\n      }).gpu;\n      if (!gpu) {\n        throw new Error('WebGPU not supported in this browser');\n      }\n\n      const adapter = await gpu.requestAdapter({ powerPreference: 'high-performance' });\n      if (!adapter) {\n        const error = new Error('WebGPU is not available. No compatible GPUAdapter was found.');\n        const state: ChartgpuGPUContextState = { ...INITIAL_STATE, error };\n        this.state.set(state);\n        return state;\n      }\n\n      const device = await adapter.requestDevice();\n      const pipelineCache = createPipelineCache(device);\n      const state: ChartgpuGPUContextState = {\n        adapter,\n        device,\n        pipelineCache,\n        error: null,\n        isReady: true,\n      };\n      this.state.set(state);\n      return state;\n    } catch (cause: unknown) {\n      const error = cause instanceof Error ? cause : new Error(String(cause));\n      const state: ChartgpuGPUContextState = { ...INITIAL_STATE, error };\n      this.state.set(state);\n      return state;\n    }\n  }\n}\n","import { makeEnvironmentProviders } from '@angular/core';\nimport { ChartgpuGPUContextService } from './gpu-context.service';\n\nexport function provideChartGpuContext() {\n  return makeEnvironmentProviders([ChartgpuGPUContextService]);\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="chartgpu-angular" />
+export * from './public-api';

package/lib/chartgpu-angular.component.d.ts

@@ -0,0 +1,94 @@
+import { DestroyRef, ElementRef, OnDestroy } from '@angular/core';
+import { type ChartGPUInstance, type OHLCDataPoint } from 'chartgpu';
+import type { ChartgpuAppendDataOptions, ChartgpuCartesianSeriesData, ChartgpuChartHandle, ChartgpuClickEvent, ChartgpuDataAppendEvent, ChartgpuOptions, ChartgpuReadyEvent, ChartgpuResizeEvent, ChartgpuStyle, ChartgpuZoomChangeEvent, ChartgpuZoomRangeChangeEvent } from './chartgpu-angular.types';
+import * as i0 from "@angular/core";
+export declare class ChartGpuAngularComponent implements ChartgpuChartHandle, OnDestroy {
+    private readonly destroyRef;
+    readonly options: import("@angular/core").InputSignal<import("chartgpu").ChartGPUOptions>;
+    readonly gpuContext: import("@angular/core").InputSignal<Readonly<{
+        readonly device: GPUDevice;
+        readonly adapter: GPUAdapter;
+        readonly pipelineCache?: import("chartgpu").PipelineCache;
+    }>>;
+    readonly theme: import("@angular/core").InputSignal<import("chartgpu").ThemeConfig | "light" | "dark">;
+    readonly className: import("@angular/core").InputSignal<string>;
+    readonly style: import("@angular/core").InputSignal<ChartgpuStyle>;
+    readonly ready: import("@angular/core").OutputEmitterRef<ChartgpuReadyEvent>;
+    readonly chartReady: import("@angular/core").OutputEmitterRef<ChartGPUInstance>;
+    readonly chartDispose: import("@angular/core").OutputEmitterRef<void>;
+    readonly resize: import("@angular/core").OutputEmitterRef<ChartgpuResizeEvent>;
+    readonly click: import("@angular/core").OutputEmitterRef<ChartgpuClickEvent>;
+    readonly chartClick: import("@angular/core").OutputEmitterRef<Readonly<{
+        readonly seriesIndex: number | null;
+        readonly dataIndex: number | null;
+        readonly value: readonly [number, number] | null;
+        readonly seriesName: string | null;
+        readonly event: PointerEvent;
+    }>>;
+    readonly mouseOver: import("@angular/core").OutputEmitterRef<Readonly<{
+        readonly seriesIndex: number | null;
+        readonly dataIndex: number | null;
+        readonly value: readonly [number, number] | null;
+        readonly seriesName: string | null;
+        readonly event: PointerEvent;
+    }>>;
+    readonly mouseOut: import("@angular/core").OutputEmitterRef<Readonly<{
+        readonly seriesIndex: number | null;
+        readonly dataIndex: number | null;
+        readonly value: readonly [number, number] | null;
+        readonly seriesName: string | null;
+        readonly event: PointerEvent;
+    }>>;
+    readonly crosshairMove: import("@angular/core").OutputEmitterRef<Readonly<{
+        readonly x: number | null;
+        readonly source?: unknown;
+    }>>;
+    readonly dataAppend: import("@angular/core").OutputEmitterRef<ChartgpuDataAppendEvent>;
+    readonly zoomChange: import("@angular/core").OutputEmitterRef<ChartgpuZoomChangeEvent>;
+    readonly zoomRangeChange: import("@angular/core").OutputEmitterRef<ChartgpuZoomRangeChangeEvent>;
+    readonly deviceLost: import("@angular/core").OutputEmitterRef<Readonly<{
+        readonly reason: GPUDeviceLostReason;
+        readonly message: string;
+    }>>;
+    readonly chartError: import("@angular/core").OutputEmitterRef<Error>;
+    readonly host: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
+    readonly canvasHost: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
+    private readonly chartInstance;
+    readonly initializationError: import("@angular/core").WritableSignal<Error>;
+    private chartContainer?;
+    private createdWithOptions?;
+    private resizeTimeout?;
+    private resizeObserver?;
+    private removeChartListeners?;
+    private destroying;
+    constructor(destroyRef: DestroyRef);
+    protected emitClick(event: MouseEvent): void;
+    ngOnDestroy(): void;
+    getChart(): ChartGPUInstance | null;
+    getContainer(): HTMLDivElement | null;
+    appendData(seriesIndex: number, newPoints: ChartgpuCartesianSeriesData | OHLCDataPoint[], options?: ChartgpuAppendDataOptions): void;
+    renderFrame(): boolean;
+    needsRender(): boolean;
+    getRenderMode(): 'auto' | 'external';
+    setRenderMode(mode: 'auto' | 'external'): void;
+    setOption(options: ChartgpuOptions): void;
+    setZoomRange(start: number, end: number, source?: unknown): void;
+    setInteractionX(x: number | null, source?: unknown): void;
+    getInteractionX(): number | null;
+    hitTest(event: PointerEvent | MouseEvent): Readonly<{
+        readonly isInGrid: boolean;
+        readonly canvasX: number;
+        readonly canvasY: number;
+        readonly gridX: number;
+        readonly gridY: number;
+        readonly match: import("chartgpu").ChartGPUHitTestMatch | null;
+    }>;
+    private getEffectiveOptions;
+    private listenToChart;
+    private emitZoomRange;
+    private observeResize;
+    private reportError;
+    private disposeChart;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartGpuAngularComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartGpuAngularComponent, "lib-chartgpu-angular", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "gpuContext": { "alias": "gpuContext"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "ready": "ready"; "chartReady": "chartReady"; "chartDispose": "chartDispose"; "resize": "resize"; "click": "click"; "chartClick": "chartClick"; "mouseOver": "mouseOver"; "mouseOut": "mouseOut"; "crosshairMove": "crosshairMove"; "dataAppend": "dataAppend"; "zoomChange": "zoomChange"; "zoomRangeChange": "zoomRangeChange"; "deviceLost": "deviceLost"; "chartError": "chartError"; }, never, never, true, never>;
+}

package/lib/chartgpu-angular.types.d.ts

@@ -0,0 +1,89 @@
+import type { ChartGPUOptions } from 'chartgpu';
+import type { AnimationConfig, AnnotationConfig, AxisConfig, ChartGPUCreateContext, ChartGPUCrosshairMovePayload, ChartGPUEventPayload, ChartGPUHitTestResult, ChartGPUInstance, ChartGPUDeviceLostPayload, ChartSyncOptions, DataZoomConfig, DataPoint, OHLCDataPoint, PipelineCache, RenderMode, SeriesConfig, SeriesType, ThemeConfig, TooltipConfig } from 'chartgpu';
+export type ChartgpuOptions = ChartGPUOptions;
+export type ChartgpuSeriesType = SeriesType;
+export type ChartgpuSeriesData = Extract<SeriesConfig, {
+    type: 'line';
+}>['data'];
+export type ChartgpuSeriesOptions = SeriesConfig;
+export type ChartgpuAxisOptions = AxisConfig;
+export type ChartgpuZoomOptions = DataZoomConfig;
+export type ChartgpuTooltipOptions = TooltipConfig;
+export type ChartgpuAnimationOptions = AnimationConfig | boolean;
+export type ChartgpuThemeOptions = ThemeConfig | 'light' | 'dark';
+export type ChartgpuAnnotationOptions = AnnotationConfig;
+export type ChartgpuThreeDOptions = Pick<ChartGPUOptions, 'coordinateSystem' | 'camera' | 'interaction3d' | 'axes3d'>;
+export type ChartgpuStreamingOptions = Pick<ChartGPUOptions, 'autoScroll'>;
+export type ChartgpuInteractionOptions = Pick<ChartGPUOptions, 'dataZoom' | 'tooltip'>;
+export type ChartgpuChartInstance = ChartGPUInstance;
+export type ChartgpuGPUContext = ChartGPUCreateContext;
+export type ChartgpuStyle = Record<string, string | number | null | undefined>;
+export type ChartgpuZoomRange = NonNullable<ReturnType<ChartGPUInstance['getZoomRange']>>;
+export type ChartgpuClickParams = ChartGPUEventPayload;
+export type ChartgpuMouseOverParams = ChartGPUEventPayload;
+export type ChartgpuCrosshairMoveParams = ChartGPUCrosshairMovePayload;
+export type ChartgpuHitTestResult = ChartGPUHitTestResult;
+export type ChartgpuRenderMode = RenderMode;
+export type ChartgpuSyncOptions = ChartSyncOptions;
+export type ChartgpuXYArraysData = Readonly<{
+    x: ArrayLike<number>;
+    y: ArrayLike<number>;
+    size?: ArrayLike<number>;
+}>;
+export type ChartgpuInterleavedXYData = ArrayBufferView;
+export type ChartgpuCartesianSeriesData = ReadonlyArray<DataPoint | null> | ChartgpuXYArraysData | ChartgpuInterleavedXYData;
+export type ChartgpuAppendDataOptions = Readonly<{
+    maxPoints?: number;
+}>;
+export interface ChartgpuDataAppendEvent {
+    seriesIndex: number;
+    count: number;
+    xExtent: {
+        min: number;
+        max: number;
+    };
+}
+export interface ChartgpuReadyEvent {
+    container: HTMLDivElement;
+}
+export interface ChartgpuResizeEvent {
+    width: number;
+    height: number;
+    container: HTMLDivElement;
+}
+export interface ChartgpuClickEvent {
+    x: number;
+    y: number;
+}
+export interface ChartgpuZoomChangeEvent {
+    range: {
+        start: number;
+        end: number;
+    };
+}
+export interface ChartgpuZoomRangeChangeEvent {
+    start: number;
+    end: number;
+}
+export interface ChartgpuGPUContextState {
+    adapter: ChartGPUCreateContext['adapter'] | null;
+    device: ChartGPUCreateContext['device'] | null;
+    pipelineCache: PipelineCache | null;
+    error: Error | null;
+    isReady: boolean;
+}
+export interface ChartgpuChartHandle {
+    getChart(): ChartGPUInstance | null;
+    getContainer(): HTMLDivElement | null;
+    appendData(seriesIndex: number, newPoints: ChartgpuCartesianSeriesData | OHLCDataPoint[], options?: ChartgpuAppendDataOptions): void;
+    renderFrame(): boolean;
+    needsRender(): boolean;
+    getRenderMode(): RenderMode;
+    setRenderMode(mode: RenderMode): void;
+    setOption(options: ChartgpuOptions): void;
+    setZoomRange(start: number, end: number, source?: unknown): void;
+    setInteractionX(x: number | null, source?: unknown): void;
+    getInteractionX(): number | null;
+    hitTest(event: PointerEvent | MouseEvent): ChartGPUHitTestResult | null;
+}
+export type { ChartGPUCreateContext, ChartGPUCrosshairMovePayload, ChartGPUDeviceLostPayload, ChartGPUEventPayload, ChartGPUHitTestResult, ChartGPUInstance, ChartSyncOptions, DataPoint, OHLCDataPoint, PipelineCache, RenderMode, };

package/lib/connect-charts.directive.d.ts

@@ -0,0 +1,16 @@
+import type { ChartGPUInstance } from 'chartgpu';
+import * as i0 from "@angular/core";
+export declare class ChartgpuConnectChartsDirective {
+    readonly charts: import("@angular/core").InputSignal<readonly ChartGPUInstance[]>;
+    readonly syncOptions: import("@angular/core").InputSignal<Readonly<{
+        readonly syncCrosshair?: boolean;
+        readonly syncZoom?: boolean;
+    }>>;
+    readonly connectionError: import("@angular/core").OutputEmitterRef<Error>;
+    private readonly ids;
+    private nextId;
+    private signature;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartgpuConnectChartsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ChartgpuConnectChartsDirective, "[libChartgpuConnectCharts]", never, { "charts": { "alias": "libChartgpuConnectCharts"; "required": false; "isSignal": true; }; "syncOptions": { "alias": "syncOptions"; "required": false; "isSignal": true; }; }, { "connectionError": "connectionError"; }, never, never, true, never>;
+}

package/lib/gpu-context.provider.d.ts

@@ -0,0 +1 @@
+export declare function provideChartGpuContext(): import("@angular/core").EnvironmentProviders;

package/lib/gpu-context.service.d.ts

@@ -0,0 +1,20 @@
+import type { ChartgpuGPUContextState } from './chartgpu-angular.types';
+import * as i0 from "@angular/core";
+/**
+ * Creates one shared WebGPU context and pipeline cache for charts in a dashboard.
+ * The device is intentionally not destroyed with the service so charts can share it
+ * for the lifetime of the application.
+ */
+export declare class ChartgpuGPUContextService {
+    readonly state: import("@angular/core").WritableSignal<ChartgpuGPUContextState>;
+    readonly context: import("@angular/core").Signal<Readonly<{
+        readonly device: GPUDevice;
+        readonly adapter: GPUAdapter;
+        readonly pipelineCache?: import("chartgpu").PipelineCache;
+    }>>;
+    private initialization?;
+    initialize(): Promise<ChartgpuGPUContextState>;
+    private createContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartgpuGPUContextService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ChartgpuGPUContextService>;
+}

package/package.json

@@ -1,6 +1,45 @@
 {
   "name": "chartgpu-angular",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "19.0.0",
+  "description": "Unnofficial Angular bindings for ChartGPU — WebGPU-powered high-performance charts",
+  "keywords": [
+    "angular",
+    "chartgpu",
+    "react",
+    "chart",
+    "webgpu",
+    "visualization",
+    "streaming",
+    "typescript"
+  ],
+  "homepage": "https://kai1992cool.github.io/chartgpu-angular/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kai1992cool/chartgpu-angular"
+  },
+  "bugs": {
+    "url": "https://github.com/kai1992cool/chartgpu-angular/issues"
+  },
+  "license": "MIT",
+  "author": "Naren",
+  "peerDependencies": {
+    "@angular/common": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "chartgpu": "^0.4.0"
+  },
+  "module": "fesm2022/chartgpu-angular.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/chartgpu-angular.mjs"
+    }
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
 }

package/public-api.d.ts

@@ -0,0 +1,5 @@
+export * from './lib/chartgpu-angular.component';
+export * from './lib/chartgpu-angular.types';
+export * from './lib/connect-charts.directive';
+export * from './lib/gpu-context.provider';
+export * from './lib/gpu-context.service';