@ojiepermana/angular-chart 22.0.27

package/fesm2022/ojiepermana-angular-chart-radial.mjs

@@ -0,0 +1,255 @@
+import { arc } from 'd3-shape';
+import { max } from 'd3-array';
+import { seriesColorVar, ChartContext } from '@ojiepermana/angular-chart/core';
+import * as i0 from '@angular/core';
+import { inject, input, output, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+
+function computeRadialLayout(input) {
+    const { data, nameKey, valueKey, innerWidth, innerHeight, seriesKeys, trackPadding, startAngle, endAngle, cornerRadius, } = input;
+    const outerRadius = Math.max(0, Math.min(innerWidth, innerHeight) / 2);
+    const centerX = innerWidth / 2;
+    const centerY = innerHeight / 2;
+    if (data.length === 0 || outerRadius === 0) {
+        return { centerX, centerY, outerRadius, bars: [], maxValue: 0 };
+    }
+    const maxValue = input.maxValue ?? max(data, (d) => Number(d[valueKey] ?? 0)) ?? 1;
+    const trackCount = data.length;
+    const safeTrackPadding = trackCount > 1 ? Math.min(Math.max(trackPadding, 0), outerRadius / (trackCount - 1)) : Math.max(trackPadding, 0);
+    const availableRadius = Math.max(0, outerRadius - (trackCount - 1) * safeTrackPadding);
+    const trackThickness = availableRadius / trackCount;
+    const bars = data.map((d, i) => {
+        const inner = i * (trackThickness + safeTrackPadding);
+        const outer = inner + trackThickness;
+        const value = Number(d[valueKey] ?? 0);
+        const pct = maxValue === 0 ? 0 : value / maxValue;
+        const sweep = (endAngle - startAngle) * pct;
+        const valueEndAngle = startAngle + sweep;
+        const key = seriesKeys?.[i] ?? String(d[nameKey] ?? i);
+        const arcGen = arc().innerRadius(inner).outerRadius(outer).cornerRadius(cornerRadius);
+        return {
+            seriesKey: key,
+            name: String(d[nameKey] ?? key),
+            value,
+            datumIndex: i,
+            color: seriesColorVar(key),
+            arcPath: arcGen.startAngle(startAngle).endAngle(valueEndAngle)(null) ?? '',
+            backgroundPath: arcGen.startAngle(startAngle).endAngle(endAngle)(null) ?? '',
+            innerRadius: inner,
+            outerRadius: outer,
+            endAngle: valueEndAngle,
+        };
+    });
+    return { centerX, centerY, outerRadius, bars, maxValue };
+}
+
+const DEFAULT_MARGIN = { top: 8, right: 8, bottom: 8, left: 8 };
+const defaultRadialValueFormatter = (value) => `${value}`;
+class RadialChart {
+    root = inject(ChartContext);
+    data = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+    nameKey = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "nameKey" }] : /* istanbul ignore next */ []));
+    valueKey = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "valueKey" }] : /* istanbul ignore next */ []));
+    seriesKeys = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "seriesKeys" }] : /* istanbul ignore next */ []));
+    styles = input('base', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "styles" }] : /* istanbul ignore next */ []));
+    margin = input(DEFAULT_MARGIN, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "margin" }] : /* istanbul ignore next */ []));
+    trackPadding = input(4, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "trackPadding" }] : /* istanbul ignore next */ []));
+    cornerRadius = input(8, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cornerRadius" }] : /* istanbul ignore next */ []));
+    startAngle = input(-Math.PI / 2, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "startAngle" }] : /* istanbul ignore next */ []));
+    endAngle = input((3 * Math.PI) / 2, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "endAngle" }] : /* istanbul ignore next */ []));
+    maxValue = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxValue" }] : /* istanbul ignore next */ []));
+    showTrack = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showTrack" }] : /* istanbul ignore next */ []));
+    showValueLabels = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showValueLabels" }] : /* istanbul ignore next */ []));
+    valueLabelFormat = input(defaultRadialValueFormatter, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "valueLabelFormat" }] : /* istanbul ignore next */ []));
+    barClick = output();
+    innerWidth = computed(() => Math.max(0, this.root.dimensions().width - this.margin().left - this.margin().right), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "innerWidth" }] : /* istanbul ignore next */ []));
+    innerHeight = computed(() => Math.max(0, this.root.dimensions().height - this.margin().top - this.margin().bottom), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "innerHeight" }] : /* istanbul ignore next */ []));
+    layout = computed(() => computeRadialLayout({
+        data: this.data(),
+        nameKey: this.nameKey(),
+        valueKey: this.valueKey(),
+        seriesKeys: this.seriesKeys(),
+        innerWidth: this.innerWidth(),
+        innerHeight: this.innerHeight(),
+        trackPadding: this.trackPadding(),
+        startAngle: this.startAngle(),
+        endAngle: this.endAngle(),
+        cornerRadius: this.cornerRadius(),
+        maxValue: this.maxValue(),
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
+    viewBox = computed(() => {
+        const { width, height } = this.root.dimensions();
+        return `0 0 ${Math.max(0, width)} ${Math.max(0, height)}`;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []));
+    innerTransform = computed(() => `translate(${this.margin().left},${this.margin().top})`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "innerTransform" }] : /* istanbul ignore next */ []));
+    ariaSummary = computed(() => `Radial bar chart, ${this.data().length} tracks.`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaSummary" }] : /* istanbul ignore next */ []));
+    barAriaLabel(b) {
+        return `${b.name}: ${b.value}`;
+    }
+    formatValueLabel(b) {
+        return this.valueLabelFormat()(b.value, b.name);
+    }
+    barLabelX(b) {
+        const radius = (b.innerRadius + b.outerRadius) / 2 + 10;
+        return Math.sin(b.endAngle) * radius;
+    }
+    barLabelY(b) {
+        const radius = (b.innerRadius + b.outerRadius) / 2 + 10;
+        return -Math.cos(b.endAngle) * radius;
+    }
+    barLabelAnchor(b) {
+        return this.barLabelX(b) >= 0 ? 'start' : 'end';
+    }
+    emitClick(b) {
+        this.barClick.emit({
+            seriesKey: b.seriesKey,
+            name: b.name,
+            value: b.value,
+            datumIndex: b.datumIndex,
+            datum: this.data()[b.datumIndex],
+        });
+    }
+    setActive(event, b) {
+        const clientX = event instanceof PointerEvent ? event.clientX : event.target.getBoundingClientRect().left;
+        const clientY = event instanceof PointerEvent ? event.clientY : event.target.getBoundingClientRect().top;
+        this.root.activePoint.set({
+            index: b.datumIndex,
+            datumIndex: b.datumIndex,
+            seriesKey: b.seriesKey,
+            clientX,
+            clientY,
+        });
+    }
+    clearActive() {
+        this.root.activePoint.set(null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RadialChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: RadialChart, isStandalone: true, selector: "ChartRadial", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, nameKey: { classPropertyName: "nameKey", publicName: "nameKey", isSignal: true, isRequired: true, transformFunction: null }, valueKey: { classPropertyName: "valueKey", publicName: "valueKey", isSignal: true, isRequired: true, transformFunction: null }, seriesKeys: { classPropertyName: "seriesKeys", publicName: "seriesKeys", isSignal: true, isRequired: false, transformFunction: null }, styles: { classPropertyName: "styles", publicName: "styles", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null }, trackPadding: { classPropertyName: "trackPadding", publicName: "trackPadding", isSignal: true, isRequired: false, transformFunction: null }, cornerRadius: { classPropertyName: "cornerRadius", publicName: "cornerRadius", isSignal: true, isRequired: false, transformFunction: null }, startAngle: { classPropertyName: "startAngle", publicName: "startAngle", isSignal: true, isRequired: false, transformFunction: null }, endAngle: { classPropertyName: "endAngle", publicName: "endAngle", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: false, transformFunction: null }, showTrack: { classPropertyName: "showTrack", publicName: "showTrack", isSignal: true, isRequired: false, transformFunction: null }, showValueLabels: { classPropertyName: "showValueLabels", publicName: "showValueLabels", isSignal: true, isRequired: false, transformFunction: null }, valueLabelFormat: { classPropertyName: "valueLabelFormat", publicName: "valueLabelFormat", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { barClick: "barClick" }, host: { properties: { "attr.data-style": "styles()" }, classAttribute: "relative block h-full w-full" }, ngImport: i0, template: `
+    <svg:svg
+      class="block h-full w-full overflow-visible"
+      [attr.viewBox]="viewBox()"
+      preserveAspectRatio="xMidYMid meet"
+      role="img"
+      [attr.aria-label]="ariaSummary()">
+      <svg:g [attr.transform]="innerTransform()">
+        <svg:g [attr.transform]="'translate(' + layout().centerX + ',' + layout().centerY + ')'">
+          @for (b of layout().bars; track b.seriesKey) {
+            @if (showTrack()) {
+              <svg:path class="chart-radial-track fill-muted" [attr.d]="b.backgroundPath" />
+            }
+            <svg:path
+              class="chart-radial-bar cursor-pointer transition-opacity hover:opacity-80"
+              [attr.d]="b.arcPath"
+              [attr.fill]="b.color"
+              [attr.aria-label]="barAriaLabel(b)"
+              tabindex="0"
+              (click)="emitClick(b)"
+              (keydown.enter)="emitClick(b)"
+              (keydown.space)="emitClick(b); $event.preventDefault()"
+              (pointerenter)="setActive($event, b)"
+              (pointermove)="setActive($event, b)"
+              (pointerleave)="clearActive()"
+              (focus)="setActive($event, b)"
+              (blur)="clearActive()" />
+            @if (showValueLabels()) {
+              <svg:text
+                class="chart-radial-value pointer-events-none fill-muted-foreground text-2xs"
+                [attr.x]="barLabelX(b)"
+                [attr.y]="barLabelY(b)"
+                [attr.text-anchor]="barLabelAnchor(b)"
+                dominant-baseline="middle">
+                {{ formatValueLabel(b) }}
+              </svg:text>
+            }
+          }
+        </svg:g>
+      </svg:g>
+    </svg:svg>
+    <div class="pointer-events-none absolute inset-0 flex items-center justify-center">
+      <ng-content select="ChartRadialCenter" />
+    </div>
+    <ng-content select="ChartTooltip" />
+    <ng-content select="ChartLegend" />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RadialChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ChartRadial',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'relative block h-full w-full', '[attr.data-style]': 'styles()' },
+                    template: `
+    <svg:svg
+      class="block h-full w-full overflow-visible"
+      [attr.viewBox]="viewBox()"
+      preserveAspectRatio="xMidYMid meet"
+      role="img"
+      [attr.aria-label]="ariaSummary()">
+      <svg:g [attr.transform]="innerTransform()">
+        <svg:g [attr.transform]="'translate(' + layout().centerX + ',' + layout().centerY + ')'">
+          @for (b of layout().bars; track b.seriesKey) {
+            @if (showTrack()) {
+              <svg:path class="chart-radial-track fill-muted" [attr.d]="b.backgroundPath" />
+            }
+            <svg:path
+              class="chart-radial-bar cursor-pointer transition-opacity hover:opacity-80"
+              [attr.d]="b.arcPath"
+              [attr.fill]="b.color"
+              [attr.aria-label]="barAriaLabel(b)"
+              tabindex="0"
+              (click)="emitClick(b)"
+              (keydown.enter)="emitClick(b)"
+              (keydown.space)="emitClick(b); $event.preventDefault()"
+              (pointerenter)="setActive($event, b)"
+              (pointermove)="setActive($event, b)"
+              (pointerleave)="clearActive()"
+              (focus)="setActive($event, b)"
+              (blur)="clearActive()" />
+            @if (showValueLabels()) {
+              <svg:text
+                class="chart-radial-value pointer-events-none fill-muted-foreground text-2xs"
+                [attr.x]="barLabelX(b)"
+                [attr.y]="barLabelY(b)"
+                [attr.text-anchor]="barLabelAnchor(b)"
+                dominant-baseline="middle">
+                {{ formatValueLabel(b) }}
+              </svg:text>
+            }
+          }
+        </svg:g>
+      </svg:g>
+    </svg:svg>
+    <div class="pointer-events-none absolute inset-0 flex items-center justify-center">
+      <ng-content select="ChartRadialCenter" />
+    </div>
+    <ng-content select="ChartTooltip" />
+    <ng-content select="ChartLegend" />
+  `,
+                }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], nameKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "nameKey", required: true }] }], valueKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueKey", required: true }] }], seriesKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "seriesKeys", required: false }] }], styles: [{ type: i0.Input, args: [{ isSignal: true, alias: "styles", required: false }] }], margin: [{ type: i0.Input, args: [{ isSignal: true, alias: "margin", required: false }] }], trackPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackPadding", required: false }] }], cornerRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "cornerRadius", required: false }] }], startAngle: [{ type: i0.Input, args: [{ isSignal: true, alias: "startAngle", required: false }] }], endAngle: [{ type: i0.Input, args: [{ isSignal: true, alias: "endAngle", required: false }] }], maxValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxValue", required: false }] }], showTrack: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTrack", required: false }] }], showValueLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValueLabels", required: false }] }], valueLabelFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueLabelFormat", required: false }] }], barClick: [{ type: i0.Output, args: ["barClick"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RadialChart, computeRadialLayout };
+//# sourceMappingURL=ojiepermana-angular-chart-radial.mjs.map

package/fesm2022/ojiepermana-angular-chart-radial.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-chart-radial.mjs","sources":["../../../library/chart/radial/radial-layout.ts","../../../library/chart/radial/radial-chart.ts","../../../library/chart/radial/ojiepermana-angular-chart-radial.ts"],"sourcesContent":["import { arc as d3arc } from 'd3-shape';\nimport { max as d3max } from 'd3-array';\nimport type { ChartDatum } from '@ojiepermana/angular-chart/core';\nimport { seriesColorVar } from '@ojiepermana/angular-chart/core';\n\nexport interface RadialLayoutInput {\n  readonly data: readonly ChartDatum[];\n  readonly nameKey: string;\n  readonly valueKey: string;\n  readonly innerWidth: number;\n  readonly innerHeight: number;\n  /** Optional explicit series-key list (same length as data). */\n  readonly seriesKeys?: readonly string[];\n  /** Gap between concentric tracks (px). */\n  readonly trackPadding: number;\n  /** Start / end angle (radians). */\n  readonly startAngle: number;\n  readonly endAngle: number;\n  readonly cornerRadius: number;\n  readonly maxValue?: number;\n}\n\nexport interface RadialBarRect {\n  readonly seriesKey: string;\n  readonly name: string;\n  readonly value: number;\n  readonly datumIndex: number;\n  readonly color: string;\n  readonly arcPath: string;\n  readonly backgroundPath: string;\n  readonly innerRadius: number;\n  readonly outerRadius: number;\n  readonly endAngle: number;\n}\n\nexport interface RadialLayout {\n  readonly centerX: number;\n  readonly centerY: number;\n  readonly outerRadius: number;\n  readonly bars: readonly RadialBarRect[];\n  readonly maxValue: number;\n}\n\nexport function computeRadialLayout(input: RadialLayoutInput): RadialLayout {\n  const {\n    data,\n    nameKey,\n    valueKey,\n    innerWidth,\n    innerHeight,\n    seriesKeys,\n    trackPadding,\n    startAngle,\n    endAngle,\n    cornerRadius,\n  } = input;\n\n  const outerRadius = Math.max(0, Math.min(innerWidth, innerHeight) / 2);\n  const centerX = innerWidth / 2;\n  const centerY = innerHeight / 2;\n\n  if (data.length === 0 || outerRadius === 0) {\n    return { centerX, centerY, outerRadius, bars: [], maxValue: 0 };\n  }\n\n  const maxValue = input.maxValue ?? d3max(data, (d) => Number(d[valueKey] ?? 0)) ?? 1;\n  const trackCount = data.length;\n  const safeTrackPadding =\n    trackCount > 1 ? Math.min(Math.max(trackPadding, 0), outerRadius / (trackCount - 1)) : Math.max(trackPadding, 0);\n  const availableRadius = Math.max(0, outerRadius - (trackCount - 1) * safeTrackPadding);\n  const trackThickness = availableRadius / trackCount;\n\n  const bars: RadialBarRect[] = data.map((d, i) => {\n    const inner = i * (trackThickness + safeTrackPadding);\n    const outer = inner + trackThickness;\n    const value = Number(d[valueKey] ?? 0);\n    const pct = maxValue === 0 ? 0 : value / maxValue;\n    const sweep = (endAngle - startAngle) * pct;\n    const valueEndAngle = startAngle + sweep;\n    const key = seriesKeys?.[i] ?? String(d[nameKey] ?? i);\n\n    const arcGen = d3arc<unknown>().innerRadius(inner).outerRadius(outer).cornerRadius(cornerRadius);\n\n    return {\n      seriesKey: key,\n      name: String(d[nameKey] ?? key),\n      value,\n      datumIndex: i,\n      color: seriesColorVar(key),\n      arcPath: arcGen.startAngle(startAngle).endAngle(valueEndAngle)(null) ?? '',\n      backgroundPath: arcGen.startAngle(startAngle).endAngle(endAngle)(null) ?? '',\n      innerRadius: inner,\n      outerRadius: outer,\n      endAngle: valueEndAngle,\n    };\n  });\n\n  return { centerX, centerY, outerRadius, bars, maxValue };\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, input, output } from '@angular/core';\nimport { ChartContext } from '@ojiepermana/angular-chart/core';\nimport type { ChartDatum, ChartMargin, ChartStyleVariant } from '@ojiepermana/angular-chart/core';\nimport { computeRadialLayout, type RadialBarRect } from './radial-layout';\n\nconst DEFAULT_MARGIN: ChartMargin = { top: 8, right: 8, bottom: 8, left: 8 };\nconst defaultRadialValueFormatter = (value: number): string => `${value}`;\n\nexport type RadialValueLabelFormatter = (value: number, name: string) => string;\n\nexport interface RadialBarClickEvent {\n  readonly seriesKey: string;\n  readonly name: string;\n  readonly value: number;\n  readonly datumIndex: number;\n  readonly datum: ChartDatum;\n}\n\n@Component({\n  selector: 'ChartRadial',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'relative block h-full w-full', '[attr.data-style]': 'styles()' },\n  template: `\n    <svg:svg\n      class=\"block h-full w-full overflow-visible\"\n      [attr.viewBox]=\"viewBox()\"\n      preserveAspectRatio=\"xMidYMid meet\"\n      role=\"img\"\n      [attr.aria-label]=\"ariaSummary()\">\n      <svg:g [attr.transform]=\"innerTransform()\">\n        <svg:g [attr.transform]=\"'translate(' + layout().centerX + ',' + layout().centerY + ')'\">\n          @for (b of layout().bars; track b.seriesKey) {\n            @if (showTrack()) {\n              <svg:path class=\"chart-radial-track fill-muted\" [attr.d]=\"b.backgroundPath\" />\n            }\n            <svg:path\n              class=\"chart-radial-bar cursor-pointer transition-opacity hover:opacity-80\"\n              [attr.d]=\"b.arcPath\"\n              [attr.fill]=\"b.color\"\n              [attr.aria-label]=\"barAriaLabel(b)\"\n              tabindex=\"0\"\n              (click)=\"emitClick(b)\"\n              (keydown.enter)=\"emitClick(b)\"\n              (keydown.space)=\"emitClick(b); $event.preventDefault()\"\n              (pointerenter)=\"setActive($event, b)\"\n              (pointermove)=\"setActive($event, b)\"\n              (pointerleave)=\"clearActive()\"\n              (focus)=\"setActive($event, b)\"\n              (blur)=\"clearActive()\" />\n            @if (showValueLabels()) {\n              <svg:text\n                class=\"chart-radial-value pointer-events-none fill-muted-foreground text-2xs\"\n                [attr.x]=\"barLabelX(b)\"\n                [attr.y]=\"barLabelY(b)\"\n                [attr.text-anchor]=\"barLabelAnchor(b)\"\n                dominant-baseline=\"middle\">\n                {{ formatValueLabel(b) }}\n              </svg:text>\n            }\n          }\n        </svg:g>\n      </svg:g>\n    </svg:svg>\n    <div class=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n      <ng-content select=\"ChartRadialCenter\" />\n    </div>\n    <ng-content select=\"ChartTooltip\" />\n    <ng-content select=\"ChartLegend\" />\n  `,\n})\nexport class RadialChart {\n  private readonly root = inject(ChartContext);\n\n  readonly data = input.required<readonly ChartDatum[]>();\n  readonly nameKey = input.required<string>();\n  readonly valueKey = input.required<string>();\n  readonly seriesKeys = input<readonly string[] | undefined>(undefined);\n  readonly styles = input<ChartStyleVariant>('base');\n  readonly margin = input<ChartMargin>(DEFAULT_MARGIN);\n  readonly trackPadding = input<number>(4);\n  readonly cornerRadius = input<number>(8);\n  readonly startAngle = input<number>(-Math.PI / 2);\n  readonly endAngle = input<number>((3 * Math.PI) / 2);\n  readonly maxValue = input<number | undefined>(undefined);\n  readonly showTrack = input<boolean>(true);\n  readonly showValueLabels = input<boolean>(false);\n  readonly valueLabelFormat = input<RadialValueLabelFormatter>(defaultRadialValueFormatter);\n\n  readonly barClick = output<RadialBarClickEvent>();\n\n  protected readonly innerWidth = computed(() =>\n    Math.max(0, this.root.dimensions().width - this.margin().left - this.margin().right),\n  );\n  protected readonly innerHeight = computed(() =>\n    Math.max(0, this.root.dimensions().height - this.margin().top - this.margin().bottom),\n  );\n\n  protected readonly layout = computed(() =>\n    computeRadialLayout({\n      data: this.data(),\n      nameKey: this.nameKey(),\n      valueKey: this.valueKey(),\n      seriesKeys: this.seriesKeys(),\n      innerWidth: this.innerWidth(),\n      innerHeight: this.innerHeight(),\n      trackPadding: this.trackPadding(),\n      startAngle: this.startAngle(),\n      endAngle: this.endAngle(),\n      cornerRadius: this.cornerRadius(),\n      maxValue: this.maxValue(),\n    }),\n  );\n\n  protected readonly viewBox = computed(() => {\n    const { width, height } = this.root.dimensions();\n    return `0 0 ${Math.max(0, width)} ${Math.max(0, height)}`;\n  });\n\n  protected readonly innerTransform = computed(() => `translate(${this.margin().left},${this.margin().top})`);\n  protected readonly ariaSummary = computed(() => `Radial bar chart, ${this.data().length} tracks.`);\n\n  protected barAriaLabel(b: RadialBarRect): string {\n    return `${b.name}: ${b.value}`;\n  }\n\n  protected formatValueLabel(b: RadialBarRect): string {\n    return this.valueLabelFormat()(b.value, b.name);\n  }\n\n  protected barLabelX(b: RadialBarRect): number {\n    const radius = (b.innerRadius + b.outerRadius) / 2 + 10;\n    return Math.sin(b.endAngle) * radius;\n  }\n\n  protected barLabelY(b: RadialBarRect): number {\n    const radius = (b.innerRadius + b.outerRadius) / 2 + 10;\n    return -Math.cos(b.endAngle) * radius;\n  }\n\n  protected barLabelAnchor(b: RadialBarRect): 'start' | 'end' {\n    return this.barLabelX(b) >= 0 ? 'start' : 'end';\n  }\n\n  protected emitClick(b: RadialBarRect): void {\n    this.barClick.emit({\n      seriesKey: b.seriesKey,\n      name: b.name,\n      value: b.value,\n      datumIndex: b.datumIndex,\n      datum: this.data()[b.datumIndex],\n    });\n  }\n\n  protected setActive(event: PointerEvent | FocusEvent, b: RadialBarRect): void {\n    const clientX =\n      event instanceof PointerEvent ? event.clientX : (event.target as Element).getBoundingClientRect().left;\n    const clientY =\n      event instanceof PointerEvent ? event.clientY : (event.target as Element).getBoundingClientRect().top;\n    this.root.activePoint.set({\n      index: b.datumIndex,\n      datumIndex: b.datumIndex,\n      seriesKey: b.seriesKey,\n      clientX,\n      clientY,\n    });\n  }\n\n  protected clearActive(): void {\n    this.root.activePoint.set(null);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["d3max","d3arc"],"mappings":"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"}

package/fesm2022/ojiepermana-angular-chart-scatter.mjs

@@ -0,0 +1,253 @@
+import { scaleLinear } from 'd3-scale';
+import { extent } from 'd3-array';
+import { seriesColorVar, ChartContext, ScatterViewportContext } from '@ojiepermana/angular-chart/core';
+import * as i0 from '@angular/core';
+import { inject, input, output, computed, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+
+function nice(extent) {
+    const [lo, hi] = extent;
+    if (lo === undefined || hi === undefined)
+        return [0, 1];
+    if (lo === hi)
+        return [lo - 1, hi + 1];
+    return [lo, hi];
+}
+function resolveScatterDomains(input) {
+    const xValues = input.data.map((d) => Number(d[input.xKey] ?? 0));
+    const yValues = input.data.map((d) => Number(d[input.yKey] ?? 0));
+    return {
+        xDomain: (input.xDomain ?? nice(extent(xValues))),
+        yDomain: (input.yDomain ?? nice(extent(yValues))),
+    };
+}
+function computeScatterLayout(input) {
+    const { data, xKey, yKey, sizeKey, seriesKey, seriesKeys, innerWidth, innerHeight, minPointRadius, maxPointRadius } = input;
+    const xValues = data.map((d) => Number(d[xKey] ?? 0));
+    const yValues = data.map((d) => Number(d[yKey] ?? 0));
+    const sizeValues = sizeKey ? data.map((d) => Number(d[sizeKey] ?? 0)) : [];
+    const { xDomain, yDomain } = resolveScatterDomains(input);
+    const xScale = scaleLinear()
+        .domain(xDomain)
+        .range([0, innerWidth]);
+    const yScale = scaleLinear()
+        .domain(yDomain)
+        .range([innerHeight, 0]);
+    let sizeScale = null;
+    if (sizeKey && sizeValues.length > 0) {
+        const [sLo, sHi] = extent(sizeValues);
+        sizeScale = scaleLinear()
+            .domain([sLo ?? 0, sHi ?? 1])
+            .range([minPointRadius, maxPointRadius]);
+    }
+    const fallbackKey = seriesKeys[0] ?? 'value';
+    const points = data.flatMap((d, i) => {
+        const key = seriesKey ? String(d[seriesKey] ?? fallbackKey) : fallbackKey;
+        const sz = sizeKey ? Number(d[sizeKey] ?? 0) : 0;
+        const rawX = xValues[i];
+        const rawY = yValues[i];
+        if (rawX < xDomain[0] || rawX > xDomain[1] || rawY < yDomain[0] || rawY > yDomain[1]) {
+            return [];
+        }
+        return [
+            {
+                seriesKey: key,
+                color: seriesColorVar(key),
+                x: xScale(rawX),
+                y: yScale(rawY),
+                radius: sizeScale ? sizeScale(sz) : minPointRadius,
+                datumIndex: i,
+                rawX,
+                rawY,
+                rawSize: sz,
+            },
+        ];
+    });
+    return { points, xScale, yScale, xDomain, yDomain };
+}
+
+const DEFAULT_MARGIN = { top: 8, right: 8, bottom: 24, left: 40 };
+/**
+ * Scatter chart — one dot per datum. Both axes are linear; color can
+ * come from a fixed series key or per-row via `seriesKey` field. Point
+ * radius optionally scales with `sizeKey`.
+ */
+class ScatterChart {
+    root = inject(ChartContext);
+    viewport = inject(ScatterViewportContext);
+    data = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+    xKey = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "xKey" }] : /* istanbul ignore next */ []));
+    yKey = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "yKey" }] : /* istanbul ignore next */ []));
+    /** Optional numeric field to drive point radius. */
+    sizeKey = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sizeKey" }] : /* istanbul ignore next */ []));
+    /** Optional field on each datum used as color key. */
+    seriesKey = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "seriesKey" }] : /* istanbul ignore next */ []));
+    styles = input('base', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "styles" }] : /* istanbul ignore next */ []));
+    margin = input(DEFAULT_MARGIN, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "margin" }] : /* istanbul ignore next */ []));
+    minPointRadius = input(3, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minPointRadius" }] : /* istanbul ignore next */ []));
+    maxPointRadius = input(12, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxPointRadius" }] : /* istanbul ignore next */ []));
+    xDomain = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "xDomain" }] : /* istanbul ignore next */ []));
+    yDomain = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "yDomain" }] : /* istanbul ignore next */ []));
+    pointClick = output();
+    innerWidth = computed(() => Math.max(0, this.root.dimensions().width - this.margin().left - this.margin().right), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "innerWidth" }] : /* istanbul ignore next */ []));
+    innerHeight = computed(() => Math.max(0, this.root.dimensions().height - this.margin().top - this.margin().bottom), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "innerHeight" }] : /* istanbul ignore next */ []));
+    resolvedDomains = computed(() => resolveScatterDomains({
+        data: this.data(),
+        xKey: this.xKey(),
+        yKey: this.yKey(),
+        xDomain: this.xDomain(),
+        yDomain: this.yDomain(),
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedDomains" }] : /* istanbul ignore next */ []));
+    currentXDomain = computed(() => this.viewport.zoomXDomain() ?? this.resolvedDomains().xDomain, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentXDomain" }] : /* istanbul ignore next */ []));
+    currentYDomain = computed(() => this.viewport.zoomYDomain() ?? this.resolvedDomains().yDomain, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentYDomain" }] : /* istanbul ignore next */ []));
+    layout = computed(() => computeScatterLayout({
+        data: this.data(),
+        xKey: this.xKey(),
+        yKey: this.yKey(),
+        sizeKey: this.sizeKey(),
+        seriesKey: this.seriesKey(),
+        seriesKeys: this.root.visibleSeriesKeys(),
+        innerWidth: this.innerWidth(),
+        innerHeight: this.innerHeight(),
+        minPointRadius: this.minPointRadius(),
+        maxPointRadius: this.maxPointRadius(),
+        xDomain: this.currentXDomain(),
+        yDomain: this.currentYDomain(),
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
+    viewBox = computed(() => {
+        const { width, height } = this.root.dimensions();
+        return `0 0 ${Math.max(0, width)} ${Math.max(0, height)}`;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []));
+    innerTransform = computed(() => `translate(${this.margin().left},${this.margin().top})`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "innerTransform" }] : /* istanbul ignore next */ []));
+    clipPathId = computed(() => `${this.root.id()}-scatter-clip`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "clipPathId" }] : /* istanbul ignore next */ []));
+    ariaSummary = computed(() => `Scatter chart, ${this.data().length} points.`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaSummary" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const domains = this.resolvedDomains();
+            const layout = this.layout();
+            this.viewport.innerWidth.set(this.innerWidth());
+            this.viewport.innerHeight.set(this.innerHeight());
+            this.viewport.fullXDomain.set(domains.xDomain);
+            this.viewport.fullYDomain.set(domains.yDomain);
+            this.viewport.xScale.set(layout.xScale);
+            this.viewport.yScale.set(layout.yScale);
+        });
+    }
+    pointAriaLabel(p) {
+        return `${p.seriesKey}: x=${p.rawX}, y=${p.rawY}`;
+    }
+    emitClick(p) {
+        this.pointClick.emit({
+            seriesKey: p.seriesKey,
+            datumIndex: p.datumIndex,
+            x: p.rawX,
+            y: p.rawY,
+            datum: this.data()[p.datumIndex],
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ScatterChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: ScatterChart, isStandalone: true, selector: "ChartScatter", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, xKey: { classPropertyName: "xKey", publicName: "xKey", isSignal: true, isRequired: true, transformFunction: null }, yKey: { classPropertyName: "yKey", publicName: "yKey", isSignal: true, isRequired: true, transformFunction: null }, sizeKey: { classPropertyName: "sizeKey", publicName: "sizeKey", isSignal: true, isRequired: false, transformFunction: null }, seriesKey: { classPropertyName: "seriesKey", publicName: "seriesKey", isSignal: true, isRequired: false, transformFunction: null }, styles: { classPropertyName: "styles", publicName: "styles", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null }, minPointRadius: { classPropertyName: "minPointRadius", publicName: "minPointRadius", isSignal: true, isRequired: false, transformFunction: null }, maxPointRadius: { classPropertyName: "maxPointRadius", publicName: "maxPointRadius", isSignal: true, isRequired: false, transformFunction: null }, xDomain: { classPropertyName: "xDomain", publicName: "xDomain", isSignal: true, isRequired: false, transformFunction: null }, yDomain: { classPropertyName: "yDomain", publicName: "yDomain", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pointClick: "pointClick" }, host: { properties: { "attr.data-style": "styles()" }, classAttribute: "relative block h-full w-full" }, providers: [ScatterViewportContext], ngImport: i0, template: `
+    <svg:svg
+      class="block h-full w-full overflow-visible"
+      [attr.viewBox]="viewBox()"
+      preserveAspectRatio="none"
+      role="img"
+      [attr.aria-label]="ariaSummary()">
+      <svg:defs>
+        <svg:clipPath [attr.id]="clipPathId()">
+          <svg:rect x="0" y="0" [attr.width]="innerWidth()" [attr.height]="innerHeight()" />
+        </svg:clipPath>
+      </svg:defs>
+      <svg:g [attr.transform]="innerTransform()">
+        <svg:g class="chart-scatter" [attr.clip-path]="'url(#' + clipPathId() + ')'">
+          @for (p of layout().points; track p.datumIndex) {
+            <svg:circle
+              class="chart-scatter-point cursor-pointer transition-opacity hover:opacity-80"
+              [attr.cx]="p.x"
+              [attr.cy]="p.y"
+              [attr.r]="p.radius"
+              [attr.fill]="p.color"
+              [attr.aria-label]="pointAriaLabel(p)"
+              tabindex="0"
+              (click)="emitClick(p)"
+              (keydown.enter)="emitClick(p)"
+              (keydown.space)="emitClick(p); $event.preventDefault()" />
+          }
+        </svg:g>
+        <ng-content select="svg:g[ChartBrush]" />
+      </svg:g>
+    </svg:svg>
+    <ng-content select="ChartLegend" />
+    <ng-content select="ChartZoomControls" />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ScatterChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ChartScatter',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [ScatterViewportContext],
+                    host: { class: 'relative block h-full w-full', '[attr.data-style]': 'styles()' },
+                    template: `
+    <svg:svg
+      class="block h-full w-full overflow-visible"
+      [attr.viewBox]="viewBox()"
+      preserveAspectRatio="none"
+      role="img"
+      [attr.aria-label]="ariaSummary()">
+      <svg:defs>
+        <svg:clipPath [attr.id]="clipPathId()">
+          <svg:rect x="0" y="0" [attr.width]="innerWidth()" [attr.height]="innerHeight()" />
+        </svg:clipPath>
+      </svg:defs>
+      <svg:g [attr.transform]="innerTransform()">
+        <svg:g class="chart-scatter" [attr.clip-path]="'url(#' + clipPathId() + ')'">
+          @for (p of layout().points; track p.datumIndex) {
+            <svg:circle
+              class="chart-scatter-point cursor-pointer transition-opacity hover:opacity-80"
+              [attr.cx]="p.x"
+              [attr.cy]="p.y"
+              [attr.r]="p.radius"
+              [attr.fill]="p.color"
+              [attr.aria-label]="pointAriaLabel(p)"
+              tabindex="0"
+              (click)="emitClick(p)"
+              (keydown.enter)="emitClick(p)"
+              (keydown.space)="emitClick(p); $event.preventDefault()" />
+          }
+        </svg:g>
+        <ng-content select="svg:g[ChartBrush]" />
+      </svg:g>
+    </svg:svg>
+    <ng-content select="ChartLegend" />
+    <ng-content select="ChartZoomControls" />
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], xKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "xKey", required: true }] }], yKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "yKey", required: true }] }], sizeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizeKey", required: false }] }], seriesKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "seriesKey", required: false }] }], styles: [{ type: i0.Input, args: [{ isSignal: true, alias: "styles", required: false }] }], margin: [{ type: i0.Input, args: [{ isSignal: true, alias: "margin", required: false }] }], minPointRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "minPointRadius", required: false }] }], maxPointRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxPointRadius", required: false }] }], xDomain: [{ type: i0.Input, args: [{ isSignal: true, alias: "xDomain", required: false }] }], yDomain: [{ type: i0.Input, args: [{ isSignal: true, alias: "yDomain", required: false }] }], pointClick: [{ type: i0.Output, args: ["pointClick"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ScatterChart, computeScatterLayout, resolveScatterDomains };
+//# sourceMappingURL=ojiepermana-angular-chart-scatter.mjs.map

package/fesm2022/ojiepermana-angular-chart-scatter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-chart-scatter.mjs","sources":["../../../library/chart/scatter/scatter-layout.ts","../../../library/chart/scatter/scatter-chart.ts","../../../library/chart/scatter/ojiepermana-angular-chart-scatter.ts"],"sourcesContent":["import { scaleLinear, type ScaleLinear } from 'd3-scale';\nimport { extent as d3extent } from 'd3-array';\nimport type { ChartDatum } from '@ojiepermana/angular-chart/core';\nimport { seriesColorVar } from '@ojiepermana/angular-chart/core';\nimport type { NumericDomain } from '@ojiepermana/angular-chart/core';\n\nexport interface ScatterLayoutInput {\n  readonly data: readonly ChartDatum[];\n  readonly xKey: string;\n  readonly yKey: string;\n  readonly sizeKey?: string;\n  readonly seriesKey?: string;\n  readonly seriesKeys: readonly string[];\n  readonly innerWidth: number;\n  readonly innerHeight: number;\n  readonly minPointRadius: number;\n  readonly maxPointRadius: number;\n  readonly xDomain?: readonly [number, number];\n  readonly yDomain?: readonly [number, number];\n}\n\nexport interface ScatterPoint {\n  readonly seriesKey: string;\n  readonly color: string;\n  readonly x: number;\n  readonly y: number;\n  readonly radius: number;\n  readonly datumIndex: number;\n  readonly rawX: number;\n  readonly rawY: number;\n  readonly rawSize: number;\n}\n\nexport interface ScatterLayout {\n  readonly points: readonly ScatterPoint[];\n  readonly xScale: ScaleLinear<number, number>;\n  readonly yScale: ScaleLinear<number, number>;\n  readonly xDomain: NumericDomain;\n  readonly yDomain: NumericDomain;\n}\n\nfunction nice(extent: [number, number] | [undefined, undefined]): [number, number] {\n  const [lo, hi] = extent;\n  if (lo === undefined || hi === undefined) return [0, 1];\n  if (lo === hi) return [lo - 1, hi + 1];\n  return [lo, hi];\n}\n\nexport function resolveScatterDomains(\n  input: Pick<ScatterLayoutInput, 'data' | 'xKey' | 'yKey' | 'xDomain' | 'yDomain'>,\n): { xDomain: NumericDomain; yDomain: NumericDomain } {\n  const xValues = input.data.map((d) => Number(d[input.xKey] ?? 0));\n  const yValues = input.data.map((d) => Number(d[input.yKey] ?? 0));\n  return {\n    xDomain: (input.xDomain ?? nice(d3extent(xValues) as [number, number])) as NumericDomain,\n    yDomain: (input.yDomain ?? nice(d3extent(yValues) as [number, number])) as NumericDomain,\n  };\n}\n\nexport function computeScatterLayout(input: ScatterLayoutInput): ScatterLayout {\n  const { data, xKey, yKey, sizeKey, seriesKey, seriesKeys, innerWidth, innerHeight, minPointRadius, maxPointRadius } =\n    input;\n\n  const xValues = data.map((d) => Number(d[xKey] ?? 0));\n  const yValues = data.map((d) => Number(d[yKey] ?? 0));\n  const sizeValues = sizeKey ? data.map((d) => Number(d[sizeKey] ?? 0)) : [];\n\n  const { xDomain, yDomain } = resolveScatterDomains(input);\n\n  const xScale = scaleLinear()\n    .domain(xDomain as [number, number])\n    .range([0, innerWidth]);\n  const yScale = scaleLinear()\n    .domain(yDomain as [number, number])\n    .range([innerHeight, 0]);\n\n  let sizeScale: ScaleLinear<number, number> | null = null;\n  if (sizeKey && sizeValues.length > 0) {\n    const [sLo, sHi] = d3extent(sizeValues) as [number, number];\n    sizeScale = scaleLinear()\n      .domain([sLo ?? 0, sHi ?? 1])\n      .range([minPointRadius, maxPointRadius]);\n  }\n\n  const fallbackKey = seriesKeys[0] ?? 'value';\n\n  const points: ScatterPoint[] = data.flatMap((d, i) => {\n    const key = seriesKey ? String(d[seriesKey] ?? fallbackKey) : fallbackKey;\n    const sz = sizeKey ? Number(d[sizeKey] ?? 0) : 0;\n    const rawX = xValues[i];\n    const rawY = yValues[i];\n    if (rawX < xDomain[0] || rawX > xDomain[1] || rawY < yDomain[0] || rawY > yDomain[1]) {\n      return [];\n    }\n    return [\n      {\n        seriesKey: key,\n        color: seriesColorVar(key),\n        x: xScale(rawX),\n        y: yScale(rawY),\n        radius: sizeScale ? sizeScale(sz) : minPointRadius,\n        datumIndex: i,\n        rawX,\n        rawY,\n        rawSize: sz,\n      },\n    ];\n  });\n\n  return { points, xScale, yScale, xDomain, yDomain };\n}\n","import { ChangeDetectionStrategy, Component, computed, effect, inject, input, output } from '@angular/core';\nimport { ChartContext } from '@ojiepermana/angular-chart/core';\nimport type { ChartDatum, ChartMargin, ChartStyleVariant } from '@ojiepermana/angular-chart/core';\nimport { ScatterViewportContext } from '@ojiepermana/angular-chart/core';\nimport { computeScatterLayout, resolveScatterDomains, type ScatterPoint } from './scatter-layout';\n\nconst DEFAULT_MARGIN: ChartMargin = { top: 8, right: 8, bottom: 24, left: 40 };\n\nexport interface ScatterPointClickEvent {\n  readonly seriesKey: string;\n  readonly datumIndex: number;\n  readonly x: number;\n  readonly y: number;\n  readonly datum: ChartDatum;\n}\n\n/**\n * Scatter chart — one dot per datum. Both axes are linear; color can\n * come from a fixed series key or per-row via `seriesKey` field. Point\n * radius optionally scales with `sizeKey`.\n */\n@Component({\n  selector: 'ChartScatter',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [ScatterViewportContext],\n  host: { class: 'relative block h-full w-full', '[attr.data-style]': 'styles()' },\n  template: `\n    <svg:svg\n      class=\"block h-full w-full overflow-visible\"\n      [attr.viewBox]=\"viewBox()\"\n      preserveAspectRatio=\"none\"\n      role=\"img\"\n      [attr.aria-label]=\"ariaSummary()\">\n      <svg:defs>\n        <svg:clipPath [attr.id]=\"clipPathId()\">\n          <svg:rect x=\"0\" y=\"0\" [attr.width]=\"innerWidth()\" [attr.height]=\"innerHeight()\" />\n        </svg:clipPath>\n      </svg:defs>\n      <svg:g [attr.transform]=\"innerTransform()\">\n        <svg:g class=\"chart-scatter\" [attr.clip-path]=\"'url(#' + clipPathId() + ')'\">\n          @for (p of layout().points; track p.datumIndex) {\n            <svg:circle\n              class=\"chart-scatter-point cursor-pointer transition-opacity hover:opacity-80\"\n              [attr.cx]=\"p.x\"\n              [attr.cy]=\"p.y\"\n              [attr.r]=\"p.radius\"\n              [attr.fill]=\"p.color\"\n              [attr.aria-label]=\"pointAriaLabel(p)\"\n              tabindex=\"0\"\n              (click)=\"emitClick(p)\"\n              (keydown.enter)=\"emitClick(p)\"\n              (keydown.space)=\"emitClick(p); $event.preventDefault()\" />\n          }\n        </svg:g>\n        <ng-content select=\"svg:g[ChartBrush]\" />\n      </svg:g>\n    </svg:svg>\n    <ng-content select=\"ChartLegend\" />\n    <ng-content select=\"ChartZoomControls\" />\n  `,\n})\nexport class ScatterChart {\n  private readonly root = inject(ChartContext);\n  private readonly viewport = inject(ScatterViewportContext);\n\n  readonly data = input.required<readonly ChartDatum[]>();\n  readonly xKey = input.required<string>();\n  readonly yKey = input.required<string>();\n  /** Optional numeric field to drive point radius. */\n  readonly sizeKey = input<string | undefined>(undefined);\n  /** Optional field on each datum used as color key. */\n  readonly seriesKey = input<string | undefined>(undefined);\n  readonly styles = input<ChartStyleVariant>('base');\n  readonly margin = input<ChartMargin>(DEFAULT_MARGIN);\n  readonly minPointRadius = input<number>(3);\n  readonly maxPointRadius = input<number>(12);\n  readonly xDomain = input<readonly [number, number] | undefined>(undefined);\n  readonly yDomain = input<readonly [number, number] | undefined>(undefined);\n\n  readonly pointClick = output<ScatterPointClickEvent>();\n\n  protected readonly innerWidth = computed(() =>\n    Math.max(0, this.root.dimensions().width - this.margin().left - this.margin().right),\n  );\n  protected readonly innerHeight = computed(() =>\n    Math.max(0, this.root.dimensions().height - this.margin().top - this.margin().bottom),\n  );\n\n  protected readonly resolvedDomains = computed(() =>\n    resolveScatterDomains({\n      data: this.data(),\n      xKey: this.xKey(),\n      yKey: this.yKey(),\n      xDomain: this.xDomain(),\n      yDomain: this.yDomain(),\n    }),\n  );\n\n  protected readonly currentXDomain = computed(() => this.viewport.zoomXDomain() ?? this.resolvedDomains().xDomain);\n\n  protected readonly currentYDomain = computed(() => this.viewport.zoomYDomain() ?? this.resolvedDomains().yDomain);\n\n  protected readonly layout = computed(() =>\n    computeScatterLayout({\n      data: this.data(),\n      xKey: this.xKey(),\n      yKey: this.yKey(),\n      sizeKey: this.sizeKey(),\n      seriesKey: this.seriesKey(),\n      seriesKeys: this.root.visibleSeriesKeys(),\n      innerWidth: this.innerWidth(),\n      innerHeight: this.innerHeight(),\n      minPointRadius: this.minPointRadius(),\n      maxPointRadius: this.maxPointRadius(),\n      xDomain: this.currentXDomain(),\n      yDomain: this.currentYDomain(),\n    }),\n  );\n\n  protected readonly viewBox = computed(() => {\n    const { width, height } = this.root.dimensions();\n    return `0 0 ${Math.max(0, width)} ${Math.max(0, height)}`;\n  });\n\n  protected readonly innerTransform = computed(() => `translate(${this.margin().left},${this.margin().top})`);\n\n  protected readonly clipPathId = computed(() => `${this.root.id()}-scatter-clip`);\n\n  protected readonly ariaSummary = computed(() => `Scatter chart, ${this.data().length} points.`);\n\n  constructor() {\n    effect(() => {\n      const domains = this.resolvedDomains();\n      const layout = this.layout();\n      this.viewport.innerWidth.set(this.innerWidth());\n      this.viewport.innerHeight.set(this.innerHeight());\n      this.viewport.fullXDomain.set(domains.xDomain);\n      this.viewport.fullYDomain.set(domains.yDomain);\n      this.viewport.xScale.set(layout.xScale);\n      this.viewport.yScale.set(layout.yScale);\n    });\n  }\n\n  protected pointAriaLabel(p: ScatterPoint): string {\n    return `${p.seriesKey}: x=${p.rawX}, y=${p.rawY}`;\n  }\n\n  protected emitClick(p: ScatterPoint): void {\n    this.pointClick.emit({\n      seriesKey: p.seriesKey,\n      datumIndex: p.datumIndex,\n      x: p.rawX,\n      y: p.rawY,\n      datum: this.data()[p.datumIndex],\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["d3extent"],"mappings":"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"}

package/fesm2022/ojiepermana-angular-chart.mjs

@@ -0,0 +1,20 @@
+export { CHART_DATA_ATTRIBUTE, CHART_THEMES, CartesianContext, CategoricalViewportContext, ChartContainer, ChartContext, ChartStyle, ScatterViewportContext, bandTicks, buildCartesianScales, buildChartCss, cloneLinear, computeAreaLayout, computeLineLayout, effectiveIndexRange, elementClientCenter, indexRangeSize, linearTicks, nearestCategoryIndex, normalizeIndexRange, normalizeNumericDomain, panIndexRange, panNumericDomain, pointToBandAdapter, provideCartesianFromLineLayout, seriesColorVar, sliceByIndexRange, xScale, yScale, zoomIndexRange, zoomNumericDomain } from '@ojiepermana/angular-chart/core';
+export { ChartAxisX, ChartAxisY, ChartBrush, ChartCrosshair, ChartGrid, ChartLegend, ChartPointerTracker, ChartTooltip, ChartZoomControls, PieCenter, RadialCenter } from '@ojiepermana/angular-chart/primitives';
+
+/*
+ * Public API Surface of @ojiepermana/angular-chart
+ *
+ * Hanya core + primitives (kebutuhan bersama semua chart). Famili chart
+ * diimpor lewat entry point masing-masing, mis. `@ojiepermana/angular-chart/bar`,
+ * supaya aplikasi hanya membundel jenis chart yang dipakai.
+ */
+/*
+ * Re-export per nama (bukan `export *`): entry point ini menjadi modul shared
+ * native federation, dan esbuild tidak bisa meneruskan named export melalui
+ * `export *` dari modul external — konsumen akan gagal resolve saat runtime.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ojiepermana-angular-chart.mjs.map

package/fesm2022/ojiepermana-angular-chart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-chart.mjs","sources":["../../../library/chart/public-api.ts","../../../library/chart/ojiepermana-angular-chart.ts"],"sourcesContent":["/*\n * Public API Surface of @ojiepermana/angular-chart\n *\n * Hanya core + primitives (kebutuhan bersama semua chart). Famili chart\n * diimpor lewat entry point masing-masing, mis. `@ojiepermana/angular-chart/bar`,\n * supaya aplikasi hanya membundel jenis chart yang dipakai.\n */\n\n/*\n * Re-export per nama (bukan `export *`): entry point ini menjadi modul shared\n * native federation, dan esbuild tidak bisa meneruskan named export melalui\n * `export *` dari modul external — konsumen akan gagal resolve saat runtime.\n */\nexport {\n  CHART_DATA_ATTRIBUTE,\n  CHART_THEMES,\n  CartesianContext,\n  CategoricalViewportContext,\n  ChartContainer,\n  ChartContext,\n  ChartStyle,\n  ScatterViewportContext,\n  bandTicks,\n  buildCartesianScales,\n  buildChartCss,\n  cloneLinear,\n  computeAreaLayout,\n  computeLineLayout,\n  effectiveIndexRange,\n  elementClientCenter,\n  indexRangeSize,\n  linearTicks,\n  nearestCategoryIndex,\n  normalizeIndexRange,\n  normalizeNumericDomain,\n  panIndexRange,\n  panNumericDomain,\n  pointToBandAdapter,\n  provideCartesianFromLineLayout,\n  seriesColorVar,\n  sliceByIndexRange,\n  xScale,\n  yScale,\n  zoomIndexRange,\n  zoomNumericDomain,\n} from '@ojiepermana/angular-chart/core';\nexport type {\n  AreaLayoutInput,\n  AreaLayoutResult,\n  CartesianBase,\n  CategoryScale,\n  ChartActivePoint,\n  ChartConfig,\n  ChartDatum,\n  ChartDimensions,\n  ChartIndexRange,\n  ChartMargin,\n  ChartOrientation,\n  ChartSeriesConfig,\n  ChartStyleVariant,\n  ChartThemeKey,\n  ChartTick,\n  ClientPoint,\n  LineCurve,\n  LineLayoutResult,\n  LinePoint,\n  LineSeriesPath,\n  NumericDomain,\n  ValueScale,\n} from '@ojiepermana/angular-chart/core';\nexport {\n  ChartAxisX,\n  ChartAxisY,\n  ChartBrush,\n  ChartCrosshair,\n  ChartGrid,\n  ChartLegend,\n  ChartPointerTracker,\n  ChartTooltip,\n  ChartZoomControls,\n  PieCenter,\n  RadialCenter,\n} from '@ojiepermana/angular-chart/primitives';\nexport type {\n  ChartTooltipIndicator,\n  ChartTooltipLabelFormatter,\n  ChartTooltipPayload,\n  ChartTooltipRow,\n  ChartTooltipValueFormatter,\n} from '@ojiepermana/angular-chart/primitives';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAAA;;;;;;AAMG;AAEH;;;;AAIG;;ACZH;;AAEG"}