@sentropic/design-system-angular 0.36.54

package/dist/OHLCChart.js

@@ -0,0 +1,663 @@
+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 OHLC_MARGIN = { top: 12, right: 16, bottom: 32, left: 52 };
+function ohlcScaleLinear(v, d0, d1, r0, r1) {
+    if (d1 === d0)
+        return r0;
+    return r0 + ((v - d0) * (r1 - r0)) / (d1 - d0);
+}
+function ohlcNiceTicks(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 ohlcFormatTick(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 OHLCChart {
+    static stComponentName = "OHLCChart";
+    componentName = "OHLCChart";
+    margin = OHLC_MARGIN;
+    navDatumElements;
+    hoveredIndex = null;
+    focusedIndex = -1;
+    data = [];
+    label = "";
+    width;
+    height;
+    annotations;
+    dataLabels;
+    hoverKey;
+    onHoverKeyChange;
+    keyboardNav;
+    onSelectKey;
+    classInput;
+    get hostClass() {
+        return classNames("st-ohlcChart", 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 - OHLC_MARGIN.left - OHLC_MARGIN.right, 1);
+    }
+    get plotHeight() {
+        return Math.max(this.heightValue - OHLC_MARGIN.top - OHLC_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 ohlcNiceTicks(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 bars() {
+        if (this.validData.length === 0)
+            return [];
+        const band = this.plotWidth / this.validData.length;
+        const tickW = Math.min(band * 0.3, 12);
+        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 = OHLC_MARGIN.left + band * i + band / 2;
+            const highY = OHLC_MARGIN.top + ohlcScaleLinear(clampedHigh, this.domainMin, this.domainMax, this.plotHeight, 0);
+            const lowY = OHLC_MARGIN.top + ohlcScaleLinear(clampedLow, this.domainMin, this.domainMax, this.plotHeight, 0);
+            const openY = OHLC_MARGIN.top + ohlcScaleLinear(d.open, this.domainMin, this.domainMax, this.plotHeight, 0);
+            const closeY = OHLC_MARGIN.top + ohlcScaleLinear(d.close, this.domainMin, this.domainMax, this.plotHeight, 0);
+            return {
+                datum: d,
+                index: i,
+                bullish,
+                centerX,
+                band,
+                barHighY: highY,
+                barLowY: lowY,
+                openY,
+                closeY,
+                openX: centerX - tickW,
+                closeX: centerX + tickW,
+                tooltipY: Math.min(highY, openY, closeY),
+            };
+        });
+    }
+    get hoverKeys() {
+        return this.bars.map((b) => b.datum.label);
+    }
+    get activeIndex() {
+        return resolveActiveIndex(this.hoverKey, this.hoveredIndex, this.hoverKeys);
+    }
+    get activeBar() {
+        return this.activeIndex >= 0 ? (this.bars[this.activeIndex] ?? null) : null;
+    }
+    get navEnabled() {
+        return (this.keyboardNav === true || this.onSelectKey !== undefined) && this.bars.length > 0;
+    }
+    get resolvedAnnotations() {
+        const categoryPixel = (v) => {
+            const bar = this.bars.find((b) => b.datum.label === String(v));
+            if (!bar)
+                return null;
+            return bar.centerX - OHLC_MARGIN.left;
+        };
+        const priceY = (v) => {
+            if (!Number.isFinite(v))
+                return null;
+            return ohlcScaleLinear(v, this.domainMin, this.domainMax, this.plotHeight, 0);
+        };
+        return resolveAnnotations(this.annotations, {
+            xScale: categoryPixel,
+            yScale: priceY,
+            plotLeft: OHLC_MARGIN.left,
+            plotTop: OHLC_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.bars.map((b) => ({
+            key: b.datum.label,
+            x: b.centerX,
+            y: b.barHighY - 6,
+            text: formatDataLabel(b.datum.close, opts, ohlcFormatTick) ?? "",
+        }));
+    }
+    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 OHLC_MARGIN.top + ohlcScaleLinear(tick, this.domainMin, this.domainMax, this.plotHeight, 0);
+    }
+    formatTickLabel(tick) {
+        return ohlcFormatTick(tick);
+    }
+    barGroupClass(b) {
+        const dim = this.hoveredIndex !== null && this.hoveredIndex !== b.index;
+        return classNames("st-ohlcChart__bar", `st-ohlcChart__bar--${b.bullish ? "up" : "down"}`, dim && "st-ohlcChart__bar--dim");
+    }
+    polygonPointsFor(a) {
+        return polygonPoints(a.points);
+    }
+    tooltipLeft(b) {
+        return (b.centerX / this.widthValue) * 100;
+    }
+    tooltipTop(b) {
+        return (b.tooltipY / this.heightValue) * 100;
+    }
+    rovingTabIndexFor(index) {
+        return rovingTabIndex(index, this.focusedIndex, this.bars.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.bars.length);
+        if (!action)
+            return;
+        event.preventDefault();
+        if (action.kind === "move") {
+            this.focusDatum(action.index);
+        }
+        else if (action.kind === "select") {
+            this.onSelectKey?.(this.bars[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: OHLCChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: OHLCChart, isStandalone: true, selector: "st-ohlc-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-ohlcChart__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-ohlcChart__grid"
+              [attr.x1]="margin.left"
+              [attr.x2]="widthValue - margin.right"
+              [attr.y1]="tickY(tick)"
+              [attr.y2]="tickY(tick)"
+            ></line>
+            <text
+              class="st-ohlcChart__tickLabel"
+              [attr.x]="margin.left - 6"
+              [attr.y]="tickY(tick)"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >
+              {{ formatTickLabel(tick) }}
+            </text>
+          }
+
+          <line class="st-ohlcChart__axis" [attr.x1]="margin.left" [attr.x2]="margin.left" [attr.y1]="margin.top" [attr.y2]="heightValue - margin.bottom"></line>
+          <line class="st-ohlcChart__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-ohlcChart__annotations st-ohlcChart__annotations--behind">
+              @for (a of annotationRegions; track a.key) {
+                <rect class="st-ohlcChart__annotationRegion" [attr.x]="a.x" [attr.y]="a.y" [attr.width]="a.width" [attr.height]="a.height"></rect>
+                @if (a.label) {
+                  <text class="st-ohlcChart__annotationLabel" [attr.x]="a.x + 4" [attr.y]="a.y + 11">{{ a.label }}</text>
+                }
+              }
+            </g>
+          }
+
+          @for (b of bars; track b.datum.label) {
+            <g [class]="barGroupClass(b)" [attr.data-chart-index]="b.index">
+              <line
+                class="st-ohlcChart__range"
+                [attr.x1]="b.centerX"
+                [attr.x2]="b.centerX"
+                [attr.y1]="b.barHighY"
+                [attr.y2]="b.barLowY"
+                [attr.data-chart-index]="b.index"
+              ></line>
+              <line
+                class="st-ohlcChart__open"
+                [attr.x1]="b.openX"
+                [attr.x2]="b.centerX"
+                [attr.y1]="b.openY"
+                [attr.y2]="b.openY"
+                [attr.data-chart-index]="b.index"
+              ></line>
+              <line
+                class="st-ohlcChart__close"
+                [attr.x1]="b.centerX"
+                [attr.x2]="b.closeX"
+                [attr.y1]="b.closeY"
+                [attr.y2]="b.closeY"
+                [attr.data-chart-index]="b.index"
+              ></line>
+            </g>
+            <text
+              class="st-ohlcChart__categoryLabel"
+              [attr.x]="b.centerX"
+              [attr.y]="heightValue - margin.bottom + 16"
+              text-anchor="middle"
+            >
+              {{ b.datum.label }}
+            </text>
+          }
+
+          @if (annotationAbove.length > 0) {
+            <g class="st-ohlcChart__annotations st-ohlcChart__annotations--above">
+              @for (a of annotationAbove; track a.key) {
+                @switch (a.kind) {
+                  @case ("line") {
+                    <line class="st-ohlcChart__annotationLine" [attr.x1]="a.x1" [attr.y1]="a.y1" [attr.x2]="a.x2" [attr.y2]="a.y2"></line>
+                    @if (a.label) {
+                      <text
+                        class="st-ohlcChart__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-ohlcChart__annotationShape" [attr.points]="polygonPointsFor(a)"></polygon>
+                    @if (a.label) {
+                      <text class="st-ohlcChart__annotationLabel" [attr.x]="a.labelX" [attr.y]="a.labelY" text-anchor="middle">{{ a.label }}</text>
+                    }
+                  }
+                  @case ("point") {
+                    <circle class="st-ohlcChart__annotationPoint" [attr.cx]="a.x" [attr.cy]="a.y" r="4.5"></circle>
+                    @if (a.label) {
+                      <text class="st-ohlcChart__annotationLabel" [attr.x]="a.x" [attr.y]="a.y - 8" text-anchor="middle">{{ a.label }}</text>
+                    }
+                  }
+                  @case ("label") {
+                    <text class="st-ohlcChart__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-ohlcChart__dataLabels" aria-hidden="true">
+              @for (d of dataLabelItems; track d.key) {
+                <text class="st-ohlcChart__dataLabel" [attr.x]="d.x" [attr.y]="d.y" text-anchor="middle" dominant-baseline="auto">{{ d.text }}</text>
+              }
+            </g>
+          }
+
+          @if (activeBar) {
+            <g class="st-ohlcChart__crosshair" aria-hidden="true">
+              <line class="st-ohlcChart__crosshairLine" [attr.x1]="activeBar.centerX" [attr.x2]="activeBar.centerX" [attr.y1]="margin.top" [attr.y2]="margin.top + plotHeight"></line>
+            </g>
+          }
+        </svg>
+
+        @if (navEnabled) {
+          <svg
+            class="st-ohlcChart__navLayer"
+            [attr.viewBox]="viewBox"
+            preserveAspectRatio="xMidYMid meet"
+            width="100%"
+            height="100%"
+            role="group"
+            [attr.aria-label]="label + ' — points de données'"
+          >
+            @for (bar of bars; track bar.datum.label) {
+              <rect
+                #navDatum
+                class="st-ohlcChart__navDatum"
+                [attr.x]="bar.centerX - bar.band / 2"
+                [attr.y]="margin.top"
+                [attr.width]="bar.band"
+                [attr.height]="plotHeight"
+                role="img"
+                [attr.tabindex]="rovingTabIndexFor(bar.index)"
+                [attr.aria-label]="ohlcAriaLabel(bar.datum)"
+                (keydown)="handleDatapointKeyDown($event, bar.index)"
+                (focus)="handleDatapointFocus(bar.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 (activeBar) {
+        <div
+          class="st-ohlcChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft(activeBar) + '%'"
+          [style.top]="tooltipTop(activeBar) + '%'"
+        >
+          <span class="st-ohlcChart__tooltipLabel">{{ activeBar.datum.label }}</span>
+          <span class="st-ohlcChart__tooltipValue">O {{ activeBar.datum.open }} H {{ activeBar.datum.high }} L {{ activeBar.datum.low }} C {{ activeBar.datum.close }}</span>
+        </div>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OHLCChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-ohlc-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-ohlcChart__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-ohlcChart__grid"
+              [attr.x1]="margin.left"
+              [attr.x2]="widthValue - margin.right"
+              [attr.y1]="tickY(tick)"
+              [attr.y2]="tickY(tick)"
+            ></line>
+            <text
+              class="st-ohlcChart__tickLabel"
+              [attr.x]="margin.left - 6"
+              [attr.y]="tickY(tick)"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >
+              {{ formatTickLabel(tick) }}
+            </text>
+          }
+
+          <line class="st-ohlcChart__axis" [attr.x1]="margin.left" [attr.x2]="margin.left" [attr.y1]="margin.top" [attr.y2]="heightValue - margin.bottom"></line>
+          <line class="st-ohlcChart__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-ohlcChart__annotations st-ohlcChart__annotations--behind">
+              @for (a of annotationRegions; track a.key) {
+                <rect class="st-ohlcChart__annotationRegion" [attr.x]="a.x" [attr.y]="a.y" [attr.width]="a.width" [attr.height]="a.height"></rect>
+                @if (a.label) {
+                  <text class="st-ohlcChart__annotationLabel" [attr.x]="a.x + 4" [attr.y]="a.y + 11">{{ a.label }}</text>
+                }
+              }
+            </g>
+          }
+
+          @for (b of bars; track b.datum.label) {
+            <g [class]="barGroupClass(b)" [attr.data-chart-index]="b.index">
+              <line
+                class="st-ohlcChart__range"
+                [attr.x1]="b.centerX"
+                [attr.x2]="b.centerX"
+                [attr.y1]="b.barHighY"
+                [attr.y2]="b.barLowY"
+                [attr.data-chart-index]="b.index"
+              ></line>
+              <line
+                class="st-ohlcChart__open"
+                [attr.x1]="b.openX"
+                [attr.x2]="b.centerX"
+                [attr.y1]="b.openY"
+                [attr.y2]="b.openY"
+                [attr.data-chart-index]="b.index"
+              ></line>
+              <line
+                class="st-ohlcChart__close"
+                [attr.x1]="b.centerX"
+                [attr.x2]="b.closeX"
+                [attr.y1]="b.closeY"
+                [attr.y2]="b.closeY"
+                [attr.data-chart-index]="b.index"
+              ></line>
+            </g>
+            <text
+              class="st-ohlcChart__categoryLabel"
+              [attr.x]="b.centerX"
+              [attr.y]="heightValue - margin.bottom + 16"
+              text-anchor="middle"
+            >
+              {{ b.datum.label }}
+            </text>
+          }
+
+          @if (annotationAbove.length > 0) {
+            <g class="st-ohlcChart__annotations st-ohlcChart__annotations--above">
+              @for (a of annotationAbove; track a.key) {
+                @switch (a.kind) {
+                  @case ("line") {
+                    <line class="st-ohlcChart__annotationLine" [attr.x1]="a.x1" [attr.y1]="a.y1" [attr.x2]="a.x2" [attr.y2]="a.y2"></line>
+                    @if (a.label) {
+                      <text
+                        class="st-ohlcChart__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-ohlcChart__annotationShape" [attr.points]="polygonPointsFor(a)"></polygon>
+                    @if (a.label) {
+                      <text class="st-ohlcChart__annotationLabel" [attr.x]="a.labelX" [attr.y]="a.labelY" text-anchor="middle">{{ a.label }}</text>
+                    }
+                  }
+                  @case ("point") {
+                    <circle class="st-ohlcChart__annotationPoint" [attr.cx]="a.x" [attr.cy]="a.y" r="4.5"></circle>
+                    @if (a.label) {
+                      <text class="st-ohlcChart__annotationLabel" [attr.x]="a.x" [attr.y]="a.y - 8" text-anchor="middle">{{ a.label }}</text>
+                    }
+                  }
+                  @case ("label") {
+                    <text class="st-ohlcChart__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-ohlcChart__dataLabels" aria-hidden="true">
+              @for (d of dataLabelItems; track d.key) {
+                <text class="st-ohlcChart__dataLabel" [attr.x]="d.x" [attr.y]="d.y" text-anchor="middle" dominant-baseline="auto">{{ d.text }}</text>
+              }
+            </g>
+          }
+
+          @if (activeBar) {
+            <g class="st-ohlcChart__crosshair" aria-hidden="true">
+              <line class="st-ohlcChart__crosshairLine" [attr.x1]="activeBar.centerX" [attr.x2]="activeBar.centerX" [attr.y1]="margin.top" [attr.y2]="margin.top + plotHeight"></line>
+            </g>
+          }
+        </svg>
+
+        @if (navEnabled) {
+          <svg
+            class="st-ohlcChart__navLayer"
+            [attr.viewBox]="viewBox"
+            preserveAspectRatio="xMidYMid meet"
+            width="100%"
+            height="100%"
+            role="group"
+            [attr.aria-label]="label + ' — points de données'"
+          >
+            @for (bar of bars; track bar.datum.label) {
+              <rect
+                #navDatum
+                class="st-ohlcChart__navDatum"
+                [attr.x]="bar.centerX - bar.band / 2"
+                [attr.y]="margin.top"
+                [attr.width]="bar.band"
+                [attr.height]="plotHeight"
+                role="img"
+                [attr.tabindex]="rovingTabIndexFor(bar.index)"
+                [attr.aria-label]="ohlcAriaLabel(bar.datum)"
+                (keydown)="handleDatapointKeyDown($event, bar.index)"
+                (focus)="handleDatapointFocus(bar.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 (activeBar) {
+        <div
+          class="st-ohlcChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft(activeBar) + '%'"
+          [style.top]="tooltipTop(activeBar) + '%'"
+        >
+          <span class="st-ohlcChart__tooltipLabel">{{ activeBar.datum.label }}</span>
+          <span class="st-ohlcChart__tooltipValue">O {{ activeBar.datum.open }} H {{ activeBar.datum.high }} L {{ activeBar.datum.low }} C {{ activeBar.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=OHLCChart.js.map

package/dist/OHLCChart.js.map

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