@sentropic/design-system-angular 0.36.54

package/dist/WaterfallChart.js

@@ -0,0 +1,426 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { formatTick, niceTicks, scaleLinear } from "./chartScale.js";
+import * as i0 from "@angular/core";
+const MARGIN = { top: 12, right: 16, bottom: 32, left: 44 };
+const LEGEND_ITEMS = [
+    { type: "increase", label: "Hausse" },
+    { type: "decrease", label: "Baisse" },
+    { type: "total", label: "Total" },
+];
+export class WaterfallChart {
+    static stComponentName = "WaterfallChart";
+    componentName = "WaterfallChart";
+    margin = MARGIN;
+    legendItems = LEGEND_ITEMS;
+    hoveredIndex = null;
+    data = [];
+    width;
+    height;
+    connectors;
+    format;
+    label = "";
+    classInput;
+    get hostClass() {
+        return classNames("st-waterfallChart", this.classInput);
+    }
+    get widthValue() {
+        return this.width ?? 480;
+    }
+    get heightValue() {
+        return this.height ?? 240;
+    }
+    get connectorsValue() {
+        return this.connectors ?? true;
+    }
+    get viewBox() {
+        return `0 0 ${this.widthValue} ${this.heightValue}`;
+    }
+    get plotWidth() {
+        return Math.max(this.widthValue - MARGIN.left - MARGIN.right, 1);
+    }
+    get plotHeight() {
+        return Math.max(this.heightValue - MARGIN.top - MARGIN.bottom, 1);
+    }
+    get computed() {
+        let cumulative = 0;
+        let seenStep = false;
+        return this.data.map((d) => {
+            const raw = Number.isFinite(d.value) ? d.value : 0;
+            const type = d.type ?? (raw >= 0 ? "increase" : "decrease");
+            let start;
+            let end;
+            let displayValue;
+            if (type === "total") {
+                if (seenStep && raw !== cumulative) {
+                    // eslint-disable-next-line no-console
+                    console.warn(`[WaterfallChart] total "${d.label}" = ${raw} ` +
+                        `diverges from the running cumulative ${cumulative}.`);
+                }
+                start = 0;
+                end = raw;
+                cumulative = raw;
+                displayValue = raw;
+            }
+            else {
+                const signed = type === "decrease" ? -Math.abs(raw) : Math.abs(raw);
+                start = cumulative;
+                end = cumulative + signed;
+                cumulative = end;
+                displayValue = signed;
+                seenStep = true;
+            }
+            return { datum: d, type, start, end, displayValue, cumulative };
+        });
+    }
+    get ticks() {
+        const bounds = this.computed.flatMap((c) => [c.start, c.end]);
+        const minRaw = Math.min(0, ...bounds);
+        const maxRaw = Math.max(0, ...bounds);
+        return niceTicks(minRaw, maxRaw, 5);
+    }
+    get domainMin() {
+        return this.ticks[0] ?? 0;
+    }
+    get domainMax() {
+        return this.ticks[this.ticks.length - 1] ?? this.domainMin;
+    }
+    get bars() {
+        if (this.computed.length === 0)
+            return [];
+        const { domainMin, domainMax, plotWidth, plotHeight } = this;
+        const band = plotWidth / this.computed.length;
+        const barWidth = band * 0.62;
+        return this.computed.map((c, i) => {
+            const startY = scaleLinear(c.start, domainMin, domainMax, plotHeight, 0);
+            const endY = scaleLinear(c.end, domainMin, domainMax, plotHeight, 0);
+            const y = Math.min(startY, endY);
+            const h = Math.abs(endY - startY);
+            const x = MARGIN.left + band * i + (band - barWidth) / 2;
+            return {
+                x,
+                y: MARGIN.top + y,
+                width: barWidth,
+                height: Math.max(h, 0.5),
+                cx: MARGIN.left + band * (i + 0.5),
+                cy: MARGIN.top + Math.min(startY, endY),
+                type: c.type,
+                datum: c.datum,
+                displayValue: c.displayValue,
+                cumulative: c.cumulative,
+                index: i,
+            };
+        });
+    }
+    get connectorLines() {
+        if (!this.connectorsValue || this.bars.length < 2)
+            return [];
+        const { domainMin, domainMax, plotHeight } = this;
+        const lines = [];
+        for (let i = 0; i < this.computed.length - 1; i++) {
+            const level = this.computed[i].end;
+            const y = MARGIN.top + scaleLinear(level, domainMin, domainMax, plotHeight, 0);
+            lines.push({ x1: this.bars[i].x + this.bars[i].width, x2: this.bars[i + 1].x, y });
+        }
+        return lines;
+    }
+    get valueAxisTicks() {
+        const { domainMin, domainMax, plotWidth, plotHeight } = this;
+        return this.ticks.map((tick) => ({
+            value: tick,
+            x1: MARGIN.left,
+            x2: MARGIN.left + plotWidth,
+            y: MARGIN.top + scaleLinear(tick, domainMin, domainMax, plotHeight, 0),
+        }));
+    }
+    get zeroY() {
+        return MARGIN.top + scaleLinear(0, this.domainMin, this.domainMax, this.plotHeight, 0);
+    }
+    get dataValueItems() {
+        return this.computed.map((c) => `${c.datum.label}: ${this.formatValue(c.displayValue)}`);
+    }
+    formatTickLabel(value) {
+        return formatTick(value);
+    }
+    formatValue(v) {
+        return this.format ? this.format(v) : formatTick(v);
+    }
+    tooltipLeft() {
+        if (this.hoveredIndex === null)
+            return "0%";
+        const bar = this.bars[this.hoveredIndex];
+        return `${(bar.cx / this.widthValue) * 100}%`;
+    }
+    tooltipTop() {
+        if (this.hoveredIndex === null)
+            return "0%";
+        const bar = this.bars[this.hoveredIndex];
+        return `${(bar.cy / this.heightValue) * 100}%`;
+    }
+    handleVisualPointerMove(event) {
+        const target = event.target;
+        const raw = Number(target?.getAttribute?.("data-chart-index"));
+        this.hoveredIndex = Number.isInteger(raw) && !isNaN(raw) ? raw : null;
+    }
+    handleLeave() {
+        this.hoveredIndex = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WaterfallChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: WaterfallChart, isStandalone: true, selector: "st-waterfall-chart", inputs: { data: "data", width: "width", height: "height", connectors: "connectors", format: "format", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-waterfallChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handleVisualPointerMove($event)"
+        (pointerleave)="handleLeave()"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (tick of valueAxisTicks; track tick.value) {
+            <line
+              class="st-waterfallChart__grid"
+              [attr.x1]="tick.x1"
+              [attr.x2]="tick.x2"
+              [attr.y1]="tick.y"
+              [attr.y2]="tick.y"
+            ></line>
+            <text
+              class="st-waterfallChart__tickLabel"
+              [attr.x]="margin.left - 6"
+              [attr.y]="tick.y"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ formatTickLabel(tick.value) }}</text>
+          }
+
+          <line
+            class="st-waterfallChart__axis"
+            [attr.x1]="margin.left"
+            [attr.x2]="margin.left"
+            [attr.y1]="margin.top"
+            [attr.y2]="heightValue - margin.bottom"
+          ></line>
+          <line
+            class="st-waterfallChart__axis"
+            [attr.x1]="margin.left"
+            [attr.x2]="widthValue - margin.right"
+            [attr.y1]="heightValue - margin.bottom"
+            [attr.y2]="heightValue - margin.bottom"
+          ></line>
+          <line
+            class="st-waterfallChart__zero"
+            [attr.x1]="margin.left"
+            [attr.x2]="widthValue - margin.right"
+            [attr.y1]="zeroY"
+            [attr.y2]="zeroY"
+          ></line>
+
+          @for (line of connectorLines; track \$index) {
+            <line
+              class="st-waterfallChart__connector"
+              [attr.x1]="line.x1"
+              [attr.x2]="line.x2"
+              [attr.y1]="line.y"
+              [attr.y2]="line.y"
+            ></line>
+          }
+
+          @for (bar of bars; track bar.datum.label) {
+            <text
+              class="st-waterfallChart__categoryLabel"
+              [attr.x]="bar.x + bar.width / 2"
+              [attr.y]="heightValue - margin.bottom + 16"
+              text-anchor="middle"
+            >{{ bar.datum.label }}</text>
+          }
+
+          @for (bar of bars; track bar.datum.label; let i = \$index) {
+            <rect
+              [class]="'st-waterfallChart__bar st-waterfallChart__bar--' + bar.type"
+              [attr.x]="bar.x"
+              [attr.y]="bar.y"
+              [attr.width]="bar.width"
+              [attr.height]="bar.height"
+              rx="2"
+              [attr.data-chart-index]="i"
+            ></rect>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      <ul class="st-waterfallChart__legend" aria-hidden="true">
+        @for (item of legendItems; track item.type) {
+          <li class="st-waterfallChart__legendItem">
+            <span [class]="'st-waterfallChart__legendSwatch st-waterfallChart__legendSwatch--' + item.type"></span>
+            {{ item.label }}
+          </li>
+        }
+      </ul>
+
+      @if (hoveredIndex !== null && bars[hoveredIndex]) {
+        <div
+          class="st-waterfallChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft()"
+          [style.top]="tooltipTop()"
+        >
+          <span class="st-waterfallChart__tooltipLabel">{{ bars[hoveredIndex].datum.label }}</span>
+          <span class="st-waterfallChart__tooltipValue">{{ formatValue(bars[hoveredIndex].displayValue) }}</span>
+        </div>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WaterfallChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-waterfall-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-waterfallChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handleVisualPointerMove($event)"
+        (pointerleave)="handleLeave()"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (tick of valueAxisTicks; track tick.value) {
+            <line
+              class="st-waterfallChart__grid"
+              [attr.x1]="tick.x1"
+              [attr.x2]="tick.x2"
+              [attr.y1]="tick.y"
+              [attr.y2]="tick.y"
+            ></line>
+            <text
+              class="st-waterfallChart__tickLabel"
+              [attr.x]="margin.left - 6"
+              [attr.y]="tick.y"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ formatTickLabel(tick.value) }}</text>
+          }
+
+          <line
+            class="st-waterfallChart__axis"
+            [attr.x1]="margin.left"
+            [attr.x2]="margin.left"
+            [attr.y1]="margin.top"
+            [attr.y2]="heightValue - margin.bottom"
+          ></line>
+          <line
+            class="st-waterfallChart__axis"
+            [attr.x1]="margin.left"
+            [attr.x2]="widthValue - margin.right"
+            [attr.y1]="heightValue - margin.bottom"
+            [attr.y2]="heightValue - margin.bottom"
+          ></line>
+          <line
+            class="st-waterfallChart__zero"
+            [attr.x1]="margin.left"
+            [attr.x2]="widthValue - margin.right"
+            [attr.y1]="zeroY"
+            [attr.y2]="zeroY"
+          ></line>
+
+          @for (line of connectorLines; track \$index) {
+            <line
+              class="st-waterfallChart__connector"
+              [attr.x1]="line.x1"
+              [attr.x2]="line.x2"
+              [attr.y1]="line.y"
+              [attr.y2]="line.y"
+            ></line>
+          }
+
+          @for (bar of bars; track bar.datum.label) {
+            <text
+              class="st-waterfallChart__categoryLabel"
+              [attr.x]="bar.x + bar.width / 2"
+              [attr.y]="heightValue - margin.bottom + 16"
+              text-anchor="middle"
+            >{{ bar.datum.label }}</text>
+          }
+
+          @for (bar of bars; track bar.datum.label; let i = \$index) {
+            <rect
+              [class]="'st-waterfallChart__bar st-waterfallChart__bar--' + bar.type"
+              [attr.x]="bar.x"
+              [attr.y]="bar.y"
+              [attr.width]="bar.width"
+              [attr.height]="bar.height"
+              rx="2"
+              [attr.data-chart-index]="i"
+            ></rect>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      <ul class="st-waterfallChart__legend" aria-hidden="true">
+        @for (item of legendItems; track item.type) {
+          <li class="st-waterfallChart__legendItem">
+            <span [class]="'st-waterfallChart__legendSwatch st-waterfallChart__legendSwatch--' + item.type"></span>
+            {{ item.label }}
+          </li>
+        }
+      </ul>
+
+      @if (hoveredIndex !== null && bars[hoveredIndex]) {
+        <div
+          class="st-waterfallChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft()"
+          [style.top]="tooltipTop()"
+        >
+          <span class="st-waterfallChart__tooltipLabel">{{ bars[hoveredIndex].datum.label }}</span>
+          <span class="st-waterfallChart__tooltipValue">{{ formatValue(bars[hoveredIndex].displayValue) }}</span>
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], connectors: [{
+                type: NgInput
+            }], format: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=WaterfallChart.js.map

package/dist/WaterfallChart.js.map

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

package/dist/WindBarbChart.d.ts

@@ -0,0 +1,81 @@
+import * as i0 from "@angular/core";
+export type WindBarbChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type WindBarbChartDatum = {
+    at: number;
+    speed: number;
+    direction: number;
+};
+export type WindBarbChartProps = {
+    data: WindBarbChartDatum[];
+    label?: string;
+    width?: number;
+    height?: number;
+    size?: number;
+    class?: string;
+};
+type BarbTick = {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+    kind: "full" | "half" | "flag1" | "flag2";
+};
+type WindBarb = {
+    key: string;
+    datum: WindBarbChartDatum;
+    cx: number;
+    cy: number;
+    tipX: number;
+    tipY: number;
+    ticks: BarbTick[];
+    tone: WindBarbChartTone;
+};
+export declare class WindBarbChart {
+    static readonly stComponentName = "WindBarbChart";
+    readonly componentName = "WindBarbChart";
+    readonly margin: {
+        readonly top: 16;
+        readonly right: 18;
+        readonly bottom: 36;
+        readonly left: 24;
+    };
+    data: WindBarbChartDatum[];
+    label?: string;
+    width?: number;
+    height?: number;
+    size?: number;
+    classInput?: string;
+    hoveredKey: string | null;
+    get hostClass(): string;
+    get resolvedWidth(): number;
+    get resolvedHeight(): number;
+    get resolvedSize(): number;
+    get viewBox(): string;
+    get validData(): WindBarbChartDatum[];
+    get xTicks(): number[];
+    get plotWidth(): number;
+    get xMin(): number;
+    get xMax(): number;
+    get baseY(): number;
+    get xAxisTicks(): Array<{
+        value: number;
+        x: number;
+    }>;
+    get barbs(): WindBarb[];
+    get dataValueItems(): string[];
+    get hoveredBarb(): WindBarb | null;
+    get tooltipLeft(): string;
+    get tooltipTop(): string;
+    get tooltipLabel(): string;
+    get tooltipValue(): string;
+    handlePointerMove(event: PointerEvent): void;
+    handleLeave(): void;
+    barbClass(barb: WindBarb): string;
+    featherClass(tick: BarbTick): string;
+    format(value: number): string;
+    private finitePositive;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WindBarbChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WindBarbChart, "st-wind-barb-chart", never, { "data": { "alias": "data"; "required": false; }; "label": { "alias": "label"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "size": { "alias": "size"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=WindBarbChart.d.ts.map

package/dist/WindBarbChart.d.ts.map

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