@sentropic/design-system-angular 0.36.54

package/dist/CandlestickChart.js

@@ -0,0 +1,648 @@
+import { Component, ElementRef, Input as NgInput, QueryList, ViewChildren } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { annotationDataListItems, polygonPoints, resolveAnnotations, } from "./chartAnnotations.js";
+import { formatDataLabel, normalizeDataLabels } from "./chartDataLabels.js";
+import { resolveActiveIndex } from "./chartCrosshair.js";
+import { datapointAriaLabel, datapointNavAction, rovingTabIndex } from "./chartKeyboardNav.js";
+import * as i0 from "@angular/core";
+const CANDLE_MARGIN = { top: 12, right: 16, bottom: 32, left: 52 };
+function candleScaleLinear(v, d0, d1, r0, r1) {
+    if (d1 === d0)
+        return r0;
+    return r0 + ((v - d0) * (r1 - r0)) / (d1 - d0);
+}
+function candleNiceTicks(min, max, target = 5) {
+    if (!Number.isFinite(min) || !Number.isFinite(max) || min === max) {
+        const base = Number.isFinite(max) ? max : 0;
+        return [base];
+    }
+    const range = max - min;
+    const rough = range / Math.max(target - 1, 1);
+    const pow = Math.pow(10, Math.floor(Math.log10(rough)));
+    const norm = rough / pow;
+    let step;
+    if (norm < 1.5)
+        step = 1 * pow;
+    else if (norm < 3)
+        step = 2 * pow;
+    else if (norm < 7)
+        step = 5 * pow;
+    else
+        step = 10 * pow;
+    const start = Math.floor(min / step) * step;
+    const end = Math.ceil(max / step) * step;
+    const ticks = [];
+    for (let v = start; v <= end + step / 2; v += step) {
+        ticks.push(Number(v.toFixed(10)));
+    }
+    return ticks;
+}
+function candleFormatTick(v) {
+    if (Math.abs(v) >= 1000)
+        return `${(v / 1000).toFixed(v % 1000 === 0 ? 0 : 1)}k`;
+    if (Number.isInteger(v))
+        return String(v);
+    return v.toFixed(1);
+}
+export class CandlestickChart {
+    static stComponentName = "CandlestickChart";
+    componentName = "CandlestickChart";
+    margin = CANDLE_MARGIN;
+    navDatumElements;
+    hoveredIndex = null;
+    focusedIndex = -1;
+    data = [];
+    label = "";
+    width;
+    height;
+    annotations;
+    dataLabels;
+    hoverKey;
+    onHoverKeyChange;
+    keyboardNav;
+    onSelectKey;
+    classInput;
+    get hostClass() {
+        return classNames("st-candlestickChart", this.classInput);
+    }
+    get widthValue() {
+        return this.width ?? 480;
+    }
+    get heightValue() {
+        return this.height ?? 240;
+    }
+    get viewBox() {
+        return `0 0 ${this.widthValue} ${this.heightValue}`;
+    }
+    get plotWidth() {
+        return Math.max(this.widthValue - CANDLE_MARGIN.left - CANDLE_MARGIN.right, 1);
+    }
+    get plotHeight() {
+        return Math.max(this.heightValue - CANDLE_MARGIN.top - CANDLE_MARGIN.bottom, 1);
+    }
+    get validData() {
+        return (this.data ?? []).filter((d) => Number.isFinite(d.open) && Number.isFinite(d.high) && Number.isFinite(d.low) && Number.isFinite(d.close));
+    }
+    get domainBounds() {
+        const allVals = [];
+        for (const d of this.validData) {
+            allVals.push(d.open, d.high, d.low, d.close);
+        }
+        if (allVals.length === 0)
+            return { rawMin: 0, rawMax: 1 };
+        const rawMin = Math.min(...allVals);
+        const rawMax = Math.max(...allVals);
+        return { rawMin, rawMax: rawMax === rawMin ? rawMin + 1 : rawMax };
+    }
+    get ticks() {
+        return candleNiceTicks(this.domainBounds.rawMin, this.domainBounds.rawMax, 5);
+    }
+    get domainMin() {
+        return this.ticks[0] ?? 0;
+    }
+    get domainMax() {
+        return this.ticks[this.ticks.length - 1] ?? this.domainMin;
+    }
+    get candles() {
+        if (this.validData.length === 0)
+            return [];
+        const band = this.plotWidth / this.validData.length;
+        const bodyW = band * 0.55;
+        return this.validData.map((d, i) => {
+            const clampedHigh = Math.max(d.high, d.open, d.close);
+            const clampedLow = Math.min(d.low, d.open, d.close);
+            const bullish = d.close >= d.open;
+            const centerX = CANDLE_MARGIN.left + band * i + band / 2;
+            const bodyTop = CANDLE_MARGIN.top + candleScaleLinear(Math.max(d.open, d.close), this.domainMin, this.domainMax, this.plotHeight, 0);
+            const bodyBot = CANDLE_MARGIN.top + candleScaleLinear(Math.min(d.open, d.close), this.domainMin, this.domainMax, this.plotHeight, 0);
+            const highY = CANDLE_MARGIN.top + candleScaleLinear(clampedHigh, this.domainMin, this.domainMax, this.plotHeight, 0);
+            const lowY = CANDLE_MARGIN.top + candleScaleLinear(clampedLow, this.domainMin, this.domainMax, this.plotHeight, 0);
+            return {
+                datum: d,
+                index: i,
+                bullish,
+                centerX,
+                band,
+                bodyX: centerX - bodyW / 2,
+                bodyY: bodyTop,
+                bodyW,
+                bodyH: Math.max(bodyBot - bodyTop, 0.5),
+                wickHighY: highY,
+                wickLowY: lowY,
+                tooltipY: bodyTop,
+            };
+        });
+    }
+    get hoverKeys() {
+        return this.candles.map((c) => c.datum.label);
+    }
+    get activeIndex() {
+        return resolveActiveIndex(this.hoverKey, this.hoveredIndex, this.hoverKeys);
+    }
+    get activeCandle() {
+        return this.activeIndex >= 0 ? (this.candles[this.activeIndex] ?? null) : null;
+    }
+    get navEnabled() {
+        return (this.keyboardNav === true || this.onSelectKey !== undefined) && this.candles.length > 0;
+    }
+    get resolvedAnnotations() {
+        const categoryPixel = (v) => {
+            const candle = this.candles.find((c) => c.datum.label === String(v));
+            if (!candle)
+                return null;
+            return candle.centerX - CANDLE_MARGIN.left;
+        };
+        const priceY = (v) => {
+            if (!Number.isFinite(v))
+                return null;
+            return candleScaleLinear(v, this.domainMin, this.domainMax, this.plotHeight, 0);
+        };
+        return resolveAnnotations(this.annotations, {
+            xScale: categoryPixel,
+            yScale: priceY,
+            plotLeft: CANDLE_MARGIN.left,
+            plotTop: CANDLE_MARGIN.top,
+            plotWidth: this.plotWidth,
+            plotHeight: this.plotHeight,
+        });
+    }
+    get annotationRegions() {
+        return this.resolvedAnnotations.filter((a) => a.kind === "region");
+    }
+    get annotationAbove() {
+        return this.resolvedAnnotations.filter((a) => a.kind !== "region");
+    }
+    get dataLabelItems() {
+        const opts = normalizeDataLabels(this.dataLabels);
+        if (!opts.enabled)
+            return [];
+        return this.candles.map((c) => ({
+            key: c.datum.label,
+            x: c.centerX,
+            y: c.wickHighY - 6,
+            text: formatDataLabel(c.datum.close, opts, candleFormatTick) ?? "",
+        }));
+    }
+    get dataValueItems() {
+        return [
+            ...this.validData.map((d) => `${d.label}: O ${d.open} H ${d.high} L ${d.low} C ${d.close}`),
+            ...annotationDataListItems(this.annotations),
+        ];
+    }
+    tickY(tick) {
+        return CANDLE_MARGIN.top + candleScaleLinear(tick, this.domainMin, this.domainMax, this.plotHeight, 0);
+    }
+    formatTickLabel(tick) {
+        return candleFormatTick(tick);
+    }
+    wickClass(c) {
+        return classNames("st-candlestickChart__wick", `st-candlestickChart__wick--${c.bullish ? "up" : "down"}`);
+    }
+    bodyClass(c) {
+        const dim = this.hoveredIndex !== null && this.hoveredIndex !== c.index;
+        return classNames("st-candlestickChart__body", `st-candlestickChart__body--${c.bullish ? "up" : "down"}`, dim && "st-candlestickChart__body--dim");
+    }
+    polygonPointsFor(a) {
+        return polygonPoints(a.points);
+    }
+    tooltipLeft(c) {
+        return (c.centerX / this.widthValue) * 100;
+    }
+    tooltipTop(c) {
+        return (c.tooltipY / this.heightValue) * 100;
+    }
+    rovingTabIndexFor(index) {
+        return rovingTabIndex(index, this.focusedIndex, this.candles.length);
+    }
+    ohlcAriaLabel(d) {
+        return datapointAriaLabel(d.label, `O ${d.open} H ${d.high} L ${d.low} C ${d.close}`);
+    }
+    emitHoverKey(index) {
+        this.onHoverKeyChange?.(index == null ? null : (this.hoverKeys[index] ?? null));
+    }
+    handleLeave() {
+        this.hoveredIndex = null;
+        this.emitHoverKey(null);
+    }
+    handlePointerMove(event) {
+        const target = event.target;
+        const raw = Number(target?.getAttribute?.("data-chart-index"));
+        const index = Number.isInteger(raw) ? raw : null;
+        this.hoveredIndex = index;
+        this.emitHoverKey(index);
+    }
+    handleDatapointFocus(index) {
+        this.focusedIndex = index;
+        this.emitHoverKey(index);
+    }
+    focusDatum(index) {
+        this.focusedIndex = index;
+        this.navDatumElements?.get(index)?.nativeElement.focus();
+        this.emitHoverKey(index);
+    }
+    handleDatapointKeyDown(event, index) {
+        const action = datapointNavAction(event.key, index, this.candles.length);
+        if (!action)
+            return;
+        event.preventDefault();
+        if (action.kind === "move") {
+            this.focusDatum(action.index);
+        }
+        else if (action.kind === "select") {
+            this.onSelectKey?.(this.candles[index]?.datum.label ?? null);
+        }
+        else {
+            this.focusedIndex = -1;
+            this.emitHoverKey(null);
+            this.onSelectKey?.(null);
+            event.currentTarget?.blur?.();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CandlestickChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: CandlestickChart, isStandalone: true, selector: "st-candlestick-chart", inputs: { data: "data", label: "label", width: "width", height: "height", annotations: "annotations", dataLabels: "dataLabels", hoverKey: "hoverKey", onHoverKeyChange: "onHoverKeyChange", keyboardNav: "keyboardNav", onSelectKey: "onSelectKey", classInput: ["class", "classInput"] }, viewQueries: [{ propertyName: "navDatumElements", predicate: ["navDatum"], descendants: true }], ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-candlestickChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handlePointerMove($event)"
+        (pointerleave)="handleLeave()"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (tick of ticks; track tick) {
+            <line
+              class="st-candlestickChart__grid"
+              [attr.x1]="margin.left"
+              [attr.x2]="widthValue - margin.right"
+              [attr.y1]="tickY(tick)"
+              [attr.y2]="tickY(tick)"
+            ></line>
+            <text
+              class="st-candlestickChart__tickLabel"
+              [attr.x]="margin.left - 6"
+              [attr.y]="tickY(tick)"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >
+              {{ formatTickLabel(tick) }}
+            </text>
+          }
+
+          <line class="st-candlestickChart__axis" [attr.x1]="margin.left" [attr.x2]="margin.left" [attr.y1]="margin.top" [attr.y2]="heightValue - margin.bottom"></line>
+          <line class="st-candlestickChart__axis" [attr.x1]="margin.left" [attr.x2]="widthValue - margin.right" [attr.y1]="heightValue - margin.bottom" [attr.y2]="heightValue - margin.bottom"></line>
+
+          @if (annotationRegions.length > 0) {
+            <g class="st-candlestickChart__annotations st-candlestickChart__annotations--behind">
+              @for (a of annotationRegions; track a.key) {
+                <rect class="st-candlestickChart__annotationRegion" [attr.x]="a.x" [attr.y]="a.y" [attr.width]="a.width" [attr.height]="a.height"></rect>
+                @if (a.label) {
+                  <text class="st-candlestickChart__annotationLabel" [attr.x]="a.x + 4" [attr.y]="a.y + 11">{{ a.label }}</text>
+                }
+              }
+            </g>
+          }
+
+          @for (c of candles; track c.datum.label) {
+            <line
+              [class]="wickClass(c)"
+              [attr.x1]="c.centerX"
+              [attr.x2]="c.centerX"
+              [attr.y1]="c.wickHighY"
+              [attr.y2]="c.wickLowY"
+              [attr.data-chart-index]="c.index"
+            ></line>
+            <rect
+              [class]="bodyClass(c)"
+              [attr.x]="c.bodyX"
+              [attr.y]="c.bodyY"
+              [attr.width]="c.bodyW"
+              [attr.height]="c.bodyH"
+              rx="1"
+              [attr.data-chart-index]="c.index"
+            ></rect>
+            <text
+              class="st-candlestickChart__categoryLabel"
+              [attr.x]="c.centerX"
+              [attr.y]="heightValue - margin.bottom + 16"
+              text-anchor="middle"
+            >
+              {{ c.datum.label }}
+            </text>
+          }
+
+          @if (annotationAbove.length > 0) {
+            <g class="st-candlestickChart__annotations st-candlestickChart__annotations--above">
+              @for (a of annotationAbove; track a.key) {
+                @switch (a.kind) {
+                  @case ("line") {
+                    <line class="st-candlestickChart__annotationLine" [attr.x1]="a.x1" [attr.y1]="a.y1" [attr.x2]="a.x2" [attr.y2]="a.y2"></line>
+                    @if (a.label) {
+                      <text
+                        class="st-candlestickChart__annotationLabel"
+                        [attr.x]="a.axis === 'x' ? a.x1 + 4 : margin.left + plotWidth - 4"
+                        [attr.y]="a.axis === 'x' ? margin.top + 11 : a.y1 - 4"
+                        [attr.text-anchor]="a.axis === 'x' ? 'start' : 'end'"
+                      >{{ a.label }}</text>
+                    }
+                  }
+                  @case ("shape") {
+                    <polygon class="st-candlestickChart__annotationShape" [attr.points]="polygonPointsFor(a)"></polygon>
+                    @if (a.label) {
+                      <text class="st-candlestickChart__annotationLabel" [attr.x]="a.labelX" [attr.y]="a.labelY" text-anchor="middle">{{ a.label }}</text>
+                    }
+                  }
+                  @case ("point") {
+                    <circle class="st-candlestickChart__annotationPoint" [attr.cx]="a.x" [attr.cy]="a.y" r="4.5"></circle>
+                    @if (a.label) {
+                      <text class="st-candlestickChart__annotationLabel" [attr.x]="a.x" [attr.y]="a.y - 8" text-anchor="middle">{{ a.label }}</text>
+                    }
+                  }
+                  @case ("label") {
+                    <text class="st-candlestickChart__annotationText" [attr.x]="a.x" [attr.y]="a.y" [attr.text-anchor]="a.anchor">{{ a.text }}</text>
+                  }
+                }
+              }
+            </g>
+          }
+
+          @if (dataLabelItems.length > 0) {
+            <g class="st-candlestickChart__dataLabels" aria-hidden="true">
+              @for (d of dataLabelItems; track d.key) {
+                <text class="st-candlestickChart__dataLabel" [attr.x]="d.x" [attr.y]="d.y" text-anchor="middle" dominant-baseline="auto">{{ d.text }}</text>
+              }
+            </g>
+          }
+
+          @if (activeCandle) {
+            <g class="st-candlestickChart__crosshair" aria-hidden="true">
+              <line class="st-candlestickChart__crosshairLine" [attr.x1]="activeCandle.centerX" [attr.x2]="activeCandle.centerX" [attr.y1]="margin.top" [attr.y2]="margin.top + plotHeight"></line>
+            </g>
+          }
+        </svg>
+
+        @if (navEnabled) {
+          <svg
+            class="st-candlestickChart__navLayer"
+            [attr.viewBox]="viewBox"
+            preserveAspectRatio="xMidYMid meet"
+            width="100%"
+            height="100%"
+            role="group"
+            [attr.aria-label]="label + ' — points de données'"
+          >
+            @for (candle of candles; track candle.datum.label) {
+              <rect
+                #navDatum
+                class="st-candlestickChart__navDatum"
+                [attr.x]="candle.centerX - candle.band / 2"
+                [attr.y]="margin.top"
+                [attr.width]="candle.band"
+                [attr.height]="plotHeight"
+                role="img"
+                [attr.tabindex]="rovingTabIndexFor(candle.index)"
+                [attr.aria-label]="ohlcAriaLabel(candle.datum)"
+                (keydown)="handleDatapointKeyDown($event, candle.index)"
+                (focus)="handleDatapointFocus(candle.index)"
+              ></rect>
+            }
+          </svg>
+        }
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track $index) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (activeCandle) {
+        <div
+          class="st-candlestickChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft(activeCandle) + '%'"
+          [style.top]="tooltipTop(activeCandle) + '%'"
+        >
+          <span class="st-candlestickChart__tooltipLabel">{{ activeCandle.datum.label }}</span>
+          <span class="st-candlestickChart__tooltipValue">O {{ activeCandle.datum.open }} H {{ activeCandle.datum.high }} L {{ activeCandle.datum.low }} C {{ activeCandle.datum.close }}</span>
+        </div>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CandlestickChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-candlestick-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-candlestickChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handlePointerMove($event)"
+        (pointerleave)="handleLeave()"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (tick of ticks; track tick) {
+            <line
+              class="st-candlestickChart__grid"
+              [attr.x1]="margin.left"
+              [attr.x2]="widthValue - margin.right"
+              [attr.y1]="tickY(tick)"
+              [attr.y2]="tickY(tick)"
+            ></line>
+            <text
+              class="st-candlestickChart__tickLabel"
+              [attr.x]="margin.left - 6"
+              [attr.y]="tickY(tick)"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >
+              {{ formatTickLabel(tick) }}
+            </text>
+          }
+
+          <line class="st-candlestickChart__axis" [attr.x1]="margin.left" [attr.x2]="margin.left" [attr.y1]="margin.top" [attr.y2]="heightValue - margin.bottom"></line>
+          <line class="st-candlestickChart__axis" [attr.x1]="margin.left" [attr.x2]="widthValue - margin.right" [attr.y1]="heightValue - margin.bottom" [attr.y2]="heightValue - margin.bottom"></line>
+
+          @if (annotationRegions.length > 0) {
+            <g class="st-candlestickChart__annotations st-candlestickChart__annotations--behind">
+              @for (a of annotationRegions; track a.key) {
+                <rect class="st-candlestickChart__annotationRegion" [attr.x]="a.x" [attr.y]="a.y" [attr.width]="a.width" [attr.height]="a.height"></rect>
+                @if (a.label) {
+                  <text class="st-candlestickChart__annotationLabel" [attr.x]="a.x + 4" [attr.y]="a.y + 11">{{ a.label }}</text>
+                }
+              }
+            </g>
+          }
+
+          @for (c of candles; track c.datum.label) {
+            <line
+              [class]="wickClass(c)"
+              [attr.x1]="c.centerX"
+              [attr.x2]="c.centerX"
+              [attr.y1]="c.wickHighY"
+              [attr.y2]="c.wickLowY"
+              [attr.data-chart-index]="c.index"
+            ></line>
+            <rect
+              [class]="bodyClass(c)"
+              [attr.x]="c.bodyX"
+              [attr.y]="c.bodyY"
+              [attr.width]="c.bodyW"
+              [attr.height]="c.bodyH"
+              rx="1"
+              [attr.data-chart-index]="c.index"
+            ></rect>
+            <text
+              class="st-candlestickChart__categoryLabel"
+              [attr.x]="c.centerX"
+              [attr.y]="heightValue - margin.bottom + 16"
+              text-anchor="middle"
+            >
+              {{ c.datum.label }}
+            </text>
+          }
+
+          @if (annotationAbove.length > 0) {
+            <g class="st-candlestickChart__annotations st-candlestickChart__annotations--above">
+              @for (a of annotationAbove; track a.key) {
+                @switch (a.kind) {
+                  @case ("line") {
+                    <line class="st-candlestickChart__annotationLine" [attr.x1]="a.x1" [attr.y1]="a.y1" [attr.x2]="a.x2" [attr.y2]="a.y2"></line>
+                    @if (a.label) {
+                      <text
+                        class="st-candlestickChart__annotationLabel"
+                        [attr.x]="a.axis === 'x' ? a.x1 + 4 : margin.left + plotWidth - 4"
+                        [attr.y]="a.axis === 'x' ? margin.top + 11 : a.y1 - 4"
+                        [attr.text-anchor]="a.axis === 'x' ? 'start' : 'end'"
+                      >{{ a.label }}</text>
+                    }
+                  }
+                  @case ("shape") {
+                    <polygon class="st-candlestickChart__annotationShape" [attr.points]="polygonPointsFor(a)"></polygon>
+                    @if (a.label) {
+                      <text class="st-candlestickChart__annotationLabel" [attr.x]="a.labelX" [attr.y]="a.labelY" text-anchor="middle">{{ a.label }}</text>
+                    }
+                  }
+                  @case ("point") {
+                    <circle class="st-candlestickChart__annotationPoint" [attr.cx]="a.x" [attr.cy]="a.y" r="4.5"></circle>
+                    @if (a.label) {
+                      <text class="st-candlestickChart__annotationLabel" [attr.x]="a.x" [attr.y]="a.y - 8" text-anchor="middle">{{ a.label }}</text>
+                    }
+                  }
+                  @case ("label") {
+                    <text class="st-candlestickChart__annotationText" [attr.x]="a.x" [attr.y]="a.y" [attr.text-anchor]="a.anchor">{{ a.text }}</text>
+                  }
+                }
+              }
+            </g>
+          }
+
+          @if (dataLabelItems.length > 0) {
+            <g class="st-candlestickChart__dataLabels" aria-hidden="true">
+              @for (d of dataLabelItems; track d.key) {
+                <text class="st-candlestickChart__dataLabel" [attr.x]="d.x" [attr.y]="d.y" text-anchor="middle" dominant-baseline="auto">{{ d.text }}</text>
+              }
+            </g>
+          }
+
+          @if (activeCandle) {
+            <g class="st-candlestickChart__crosshair" aria-hidden="true">
+              <line class="st-candlestickChart__crosshairLine" [attr.x1]="activeCandle.centerX" [attr.x2]="activeCandle.centerX" [attr.y1]="margin.top" [attr.y2]="margin.top + plotHeight"></line>
+            </g>
+          }
+        </svg>
+
+        @if (navEnabled) {
+          <svg
+            class="st-candlestickChart__navLayer"
+            [attr.viewBox]="viewBox"
+            preserveAspectRatio="xMidYMid meet"
+            width="100%"
+            height="100%"
+            role="group"
+            [attr.aria-label]="label + ' — points de données'"
+          >
+            @for (candle of candles; track candle.datum.label) {
+              <rect
+                #navDatum
+                class="st-candlestickChart__navDatum"
+                [attr.x]="candle.centerX - candle.band / 2"
+                [attr.y]="margin.top"
+                [attr.width]="candle.band"
+                [attr.height]="plotHeight"
+                role="img"
+                [attr.tabindex]="rovingTabIndexFor(candle.index)"
+                [attr.aria-label]="ohlcAriaLabel(candle.datum)"
+                (keydown)="handleDatapointKeyDown($event, candle.index)"
+                (focus)="handleDatapointFocus(candle.index)"
+              ></rect>
+            }
+          </svg>
+        }
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track $index) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (activeCandle) {
+        <div
+          class="st-candlestickChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft(activeCandle) + '%'"
+          [style.top]="tooltipTop(activeCandle) + '%'"
+        >
+          <span class="st-candlestickChart__tooltipLabel">{{ activeCandle.datum.label }}</span>
+          <span class="st-candlestickChart__tooltipValue">O {{ activeCandle.datum.open }} H {{ activeCandle.datum.high }} L {{ activeCandle.datum.low }} C {{ activeCandle.datum.close }}</span>
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { navDatumElements: [{
+                type: ViewChildren,
+                args: ["navDatum"]
+            }], data: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], annotations: [{
+                type: NgInput
+            }], dataLabels: [{
+                type: NgInput
+            }], hoverKey: [{
+                type: NgInput
+            }], onHoverKeyChange: [{
+                type: NgInput
+            }], keyboardNav: [{
+                type: NgInput
+            }], onSelectKey: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=CandlestickChart.js.map

package/dist/CandlestickChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CandlestickChart.js","sourceRoot":"","sources":["../src/CandlestickChart.ts"],"names":[],"mappings":"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"}