@ojiepermana/angular-chart 22.0.44 → 22.0.46

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

@@ -2,7 +2,7 @@ import { arc } from 'd3-shape';
 import { max } from 'd3-array';
 import { seriesColorVar, ChartContext, ChartThemeRadius } from '@ojiepermana/angular-chart/core';
 import * as i0 from '@angular/core';
-import { inject, input, output, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { inject, input, output, computed, Component } from '@angular/core';
 
 function computeRadialLayout(input) {
     const { data, nameKey, valueKey, innerWidth, innerHeight, seriesKeys, trackPadding, startAngle, endAngle, cornerRadius, } = input;
@@ -132,8 +132,12 @@ class RadialChart {
         });
     }
     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;
+        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,
@@ -152,7 +156,8 @@ class RadialChart {
       [attr.viewBox]="viewBox()"
       preserveAspectRatio="xMidYMid meet"
       role="img"
-      [attr.aria-label]="ariaSummary()">
+      [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) {
@@ -164,6 +169,7 @@ class RadialChart {
               [attr.d]="b.arcPath"
               [attr.fill]="b.color"
               [attr.aria-label]="barAriaLabel(b)"
+              role="img"
               tabindex="0"
               (click)="emitClick(b)"
               (keydown.enter)="emitClick(b)"
@@ -172,14 +178,16 @@ class RadialChart {
               (pointermove)="setActive($event, b)"
               (pointerleave)="clearActive()"
               (focus)="setActive($event, b)"
-              (blur)="clearActive()" />
+              (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">
+                dominant-baseline="middle"
+              >
                 {{ formatValueLabel(b) }}
               </svg:text>
             }
@@ -192,13 +200,12 @@ class RadialChart {
     </div>
     <ng-content select="ChartTooltip" />
     <ng-content select="ChartLegend" />
-  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", 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
@@ -206,7 +213,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
       [attr.viewBox]="viewBox()"
       preserveAspectRatio="xMidYMid meet"
       role="img"
-      [attr.aria-label]="ariaSummary()">
+      [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) {
@@ -218,6 +226,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
               [attr.d]="b.arcPath"
               [attr.fill]="b.color"
               [attr.aria-label]="barAriaLabel(b)"
+              role="img"
               tabindex="0"
               (click)="emitClick(b)"
               (keydown.enter)="emitClick(b)"
@@ -226,14 +235,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
               (pointermove)="setActive($event, b)"
               (pointerleave)="clearActive()"
               (focus)="setActive($event, b)"
-              (blur)="clearActive()" />
+              (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">
+                dominant-baseline="middle"
+              >
                 {{ formatValueLabel(b) }}
               </svg:text>
             }

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

@@ -2,7 +2,7 @@ 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';
+import { inject, input, output, computed, effect, Component } from '@angular/core';
 
 function nice(extent) {
     const [lo, hi] = extent;
@@ -172,7 +172,8 @@ class ScatterChart {
       [attr.viewBox]="viewBox()"
       preserveAspectRatio="none"
       role="img"
-      [attr.aria-label]="ariaSummary()">
+      [attr.aria-label]="ariaSummary()"
+    >
       <svg:defs>
         <svg:clipPath [attr.id]="clipPathId()">
           <svg:rect x="0" y="0" [attr.width]="innerWidth()" [attr.height]="innerHeight()" />
@@ -188,10 +189,12 @@ class ScatterChart {
               [attr.r]="p.radius"
               [attr.fill]="p.color"
               [attr.aria-label]="pointAriaLabel(p)"
+              role="img"
               tabindex="0"
               (click)="emitClick(p)"
               (keydown.enter)="emitClick(p)"
-              (keydown.space)="emitClick(p); $event.preventDefault()" />
+              (keydown.space)="emitClick(p); $event.preventDefault()"
+            />
           }
         </svg:g>
         <ng-content select="svg:g[ChartBrush]" />
@@ -199,13 +202,12 @@ class ScatterChart {
     </svg:svg>
     <ng-content select="ChartLegend" />
     <ng-content select="ChartZoomControls" />
-  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", 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: `
@@ -214,7 +216,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
       [attr.viewBox]="viewBox()"
       preserveAspectRatio="none"
       role="img"
-      [attr.aria-label]="ariaSummary()">
+      [attr.aria-label]="ariaSummary()"
+    >
       <svg:defs>
         <svg:clipPath [attr.id]="clipPathId()">
           <svg:rect x="0" y="0" [attr.width]="innerWidth()" [attr.height]="innerHeight()" />
@@ -230,10 +233,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
               [attr.r]="p.radius"
               [attr.fill]="p.color"
               [attr.aria-label]="pointAriaLabel(p)"
+              role="img"
               tabindex="0"
               (click)="emitClick(p)"
               (keydown.enter)="emitClick(p)"
-              (keydown.space)="emitClick(p); $event.preventDefault()" />
+              (keydown.space)="emitClick(p); $event.preventDefault()"
+            />
           }
         </svg:g>
         <ng-content select="svg:g[ChartBrush]" />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ojiepermana/angular-chart",
-  "version": "22.0.44",
+  "version": "22.0.46",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/edsis/angular.git"
@@ -12,7 +12,7 @@
   "peerDependencies": {
     "@angular/common": ">=22.0.0",
     "@angular/core": ">=22.0.0",
-    "@ojiepermana/angular-component": "^22.0.44"
+    "@ojiepermana/angular-component": "^22.0.46"
   },
   "dependencies": {
     "d3-array": "^3.2.4",