@sentropic/design-system-angular 0.36.54

package/dist/HLCChart.js

@@ -0,0 +1,293 @@
+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: 52 };
+export class HLCChart {
+    static stComponentName = "HLCChart";
+    componentName = "HLCChart";
+    margin = MARGIN;
+    hoveredIndex = null;
+    data = [];
+    label = "";
+    width;
+    height;
+    classInput;
+    get hostClass() {
+        return classNames("st-hlcChart", 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 - MARGIN.left - MARGIN.right, 1);
+    }
+    get plotHeight() {
+        return Math.max(this.heightValue - MARGIN.top - MARGIN.bottom, 1);
+    }
+    get validData() {
+        return this.data.filter((d) => Number.isFinite(d.high) && Number.isFinite(d.low) && Number.isFinite(d.close));
+    }
+    get ticks() {
+        const allVals = [];
+        for (const d of this.validData) {
+            allVals.push(d.high, d.low, d.close);
+        }
+        if (allVals.length === 0)
+            return [0, 1];
+        const rawMin = Math.min(...allVals);
+        const rawMax = Math.max(...allVals);
+        const safeMax = rawMax === rawMin ? rawMin + 1 : rawMax;
+        return niceTicks(rawMin, safeMax, 5);
+    }
+    get domainMin() {
+        return this.ticks[0] ?? 0;
+    }
+    get domainMax() {
+        return this.ticks[this.ticks.length - 1] ?? 1;
+    }
+    get gridItems() {
+        return this.ticks.map((tick) => ({
+            tick,
+            y: MARGIN.top + scaleLinear(tick, this.domainMin, this.domainMax, this.plotHeight, 0),
+        }));
+    }
+    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.close);
+            const clampedLow = Math.min(d.low, d.close);
+            const prevClose = i > 0 ? this.validData[i - 1].close : d.close;
+            const bullish = d.close >= prevClose;
+            const centerX = MARGIN.left + band * i + band / 2;
+            const highY = MARGIN.top + scaleLinear(clampedHigh, this.domainMin, this.domainMax, this.plotHeight, 0);
+            const lowY = MARGIN.top + scaleLinear(clampedLow, this.domainMin, this.domainMax, this.plotHeight, 0);
+            const closeY = MARGIN.top + scaleLinear(d.close, this.domainMin, this.domainMax, this.plotHeight, 0);
+            return {
+                datum: d,
+                index: i,
+                bullish,
+                centerX,
+                barHighY: highY,
+                barLowY: lowY,
+                closeY,
+                closeX: centerX + tickW,
+                tooltipY: Math.min(highY, closeY),
+            };
+        });
+    }
+    get dataValueItems() {
+        return this.validData.map((d) => `${d.label}: H ${d.high} L ${d.low} C ${d.close}`);
+    }
+    get hoveredBar() {
+        return this.hoveredIndex !== null ? (this.bars[this.hoveredIndex] ?? null) : null;
+    }
+    barGroupClass(b) {
+        const dim = this.hoveredIndex !== null && this.hoveredIndex !== b.index;
+        return classNames("st-hlcChart__bar", `st-hlcChart__bar--${b.bullish ? "up" : "down"}`, dim && "st-hlcChart__bar--dim");
+    }
+    formatTickLabel(tick) {
+        return formatTick(tick);
+    }
+    tooltipLeftPct(b) {
+        return `${(b.centerX / this.widthValue) * 100}%`;
+    }
+    tooltipTopPct(b) {
+        return `${(b.tooltipY / this.heightValue) * 100}%`;
+    }
+    handlePointerMove(event) {
+        const target = event.target;
+        const raw = Number(target?.getAttribute?.("data-chart-index"));
+        this.hoveredIndex = Number.isInteger(raw) ? raw : null;
+    }
+    handlePointerLeave() {
+        this.hoveredIndex = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: HLCChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: HLCChart, isStandalone: true, selector: "st-hlc-chart", inputs: { data: "data", label: "label", width: "width", height: "height", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-hlcChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handlePointerMove($event)"
+        (pointerleave)="handlePointerLeave()"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (item of gridItems; track item.tick) {
+            <line class="st-hlcChart__grid" [attr.x1]="margin.left" [attr.x2]="widthValue - margin.right" [attr.y1]="item.y" [attr.y2]="item.y"></line>
+            <text
+              class="st-hlcChart__tickLabel"
+              [attr.x]="margin.left - 6"
+              [attr.y]="item.y"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ formatTickLabel(item.tick) }}</text>
+          }
+
+          <line class="st-hlcChart__axis" [attr.x1]="margin.left" [attr.x2]="margin.left" [attr.y1]="margin.top" [attr.y2]="heightValue - margin.bottom"></line>
+          <line class="st-hlcChart__axis" [attr.x1]="margin.left" [attr.x2]="widthValue - margin.right" [attr.y1]="heightValue - margin.bottom" [attr.y2]="heightValue - margin.bottom"></line>
+
+          @for (b of bars; track b.index) {
+            <g [class]="barGroupClass(b)">
+              <line
+                class="st-hlcChart__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-hlcChart__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-hlcChart__categoryLabel"
+              [attr.x]="b.centerX"
+              [attr.y]="heightValue - margin.bottom + 16"
+              text-anchor="middle"
+            >{{ b.datum.label }}</text>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track $index) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredBar) {
+        <div
+          class="st-hlcChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeftPct(hoveredBar)"
+          [style.top]="tooltipTopPct(hoveredBar)"
+        >
+          <span class="st-hlcChart__tooltipLabel">{{ hoveredBar.datum.label }}</span>
+          <span class="st-hlcChart__tooltipValue">H {{ hoveredBar.datum.high }} L {{ hoveredBar.datum.low }} C {{ hoveredBar.datum.close }}</span>
+        </div>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: HLCChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-hlc-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-hlcChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handlePointerMove($event)"
+        (pointerleave)="handlePointerLeave()"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (item of gridItems; track item.tick) {
+            <line class="st-hlcChart__grid" [attr.x1]="margin.left" [attr.x2]="widthValue - margin.right" [attr.y1]="item.y" [attr.y2]="item.y"></line>
+            <text
+              class="st-hlcChart__tickLabel"
+              [attr.x]="margin.left - 6"
+              [attr.y]="item.y"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ formatTickLabel(item.tick) }}</text>
+          }
+
+          <line class="st-hlcChart__axis" [attr.x1]="margin.left" [attr.x2]="margin.left" [attr.y1]="margin.top" [attr.y2]="heightValue - margin.bottom"></line>
+          <line class="st-hlcChart__axis" [attr.x1]="margin.left" [attr.x2]="widthValue - margin.right" [attr.y1]="heightValue - margin.bottom" [attr.y2]="heightValue - margin.bottom"></line>
+
+          @for (b of bars; track b.index) {
+            <g [class]="barGroupClass(b)">
+              <line
+                class="st-hlcChart__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-hlcChart__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-hlcChart__categoryLabel"
+              [attr.x]="b.centerX"
+              [attr.y]="heightValue - margin.bottom + 16"
+              text-anchor="middle"
+            >{{ b.datum.label }}</text>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track $index) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredBar) {
+        <div
+          class="st-hlcChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeftPct(hoveredBar)"
+          [style.top]="tooltipTopPct(hoveredBar)"
+        >
+          <span class="st-hlcChart__tooltipLabel">{{ hoveredBar.datum.label }}</span>
+          <span class="st-hlcChart__tooltipValue">H {{ hoveredBar.datum.high }} L {{ hoveredBar.datum.low }} C {{ hoveredBar.datum.close }}</span>
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=HLCChart.js.map

package/dist/HLCChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HLCChart.js","sourceRoot":"","sources":["../src/HLCChart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;;AAiBrE,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAW,CAAC;AAsGrE,MAAM,OAAO,QAAQ;IACnB,MAAM,CAAU,eAAe,GAAG,UAAU,CAAC;IACpC,aAAa,GAAG,UAAU,CAAC;IAC3B,MAAM,GAAG,MAAM,CAAC;IAEjB,YAAY,GAAkB,IAAI,CAAC;IAEhC,IAAI,GAAoB,EAAE,CAAC;IAC3B,KAAK,GAAG,EAAE,CAAC;IACX,KAAK,CAAU;IACf,MAAM,CAAU;IACT,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC;IAC3B,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,MAAM,IAAI,GAAG,CAAC;IAC5B,CAAC;IAED,IAAI,OAAO;QACT,OAAO,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;IACtD,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACnE,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACpE,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CACrB,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CACrF,CAAC;IACJ,CAAC;IAED,IAAI,KAAK;QACP,MAAM,OAAO,GAAa,EAAE,CAAC;QAC7B,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAC/B,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC;QACD,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACxC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC;QACpC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC;QACpC,MAAM,OAAO,GAAG,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QACxD,OAAO,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;IACvC,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAC/B,IAAI;YACJ,CAAC,EAAE,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;SACtF,CAAC,CAAC,CAAC;IACN,CAAC;IAED,IAAI,IAAI;QACN,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QAC3C,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;QACpD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,EAAE,EAAE,CAAC,CAAC;QACvC,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACjC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;YAC9C,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;YAC5C,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YAChE,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,IAAI,SAAS,CAAC;YACrC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;YAClD,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;YACxG,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;YACtG,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;YACrG,OAAO;gBACL,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,CAAC;gBACR,OAAO;gBACP,OAAO;gBACP,QAAQ,EAAE,KAAK;gBACf,OAAO,EAAE,IAAI;gBACb,MAAM;gBACN,MAAM,EAAE,OAAO,GAAG,KAAK;gBACvB,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC;aAClC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;IACtF,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACpF,CAAC;IAED,aAAa,CAAC,CAAS;QACrB,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,KAAK,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,CAAC,CAAC,KAAK,CAAC;QACxE,OAAO,UAAU,CACf,kBAAkB,EAClB,qBAAqB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,EAChD,GAAG,IAAI,uBAAuB,CAC/B,CAAC;IACJ,CAAC;IAED,eAAe,CAAC,IAAY;QAC1B,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAED,cAAc,CAAC,CAAS;QACtB,OAAO,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,GAAG,GAAG,CAAC;IACnD,CAAC;IAED,aAAa,CAAC,CAAS;QACrB,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,GAAG,GAAG,CAAC;IACrD,CAAC;IAED,iBAAiB,CAAC,KAAmB;QACnC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAmE,CAAC;QACzF,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;QAC/D,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IACzD,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;IAC3B,CAAC;wGAtIU,QAAQ;4FAAR,QAAQ,yLAhFT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8ET;;4FAEU,QAAQ;kBAnFpB,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8ET;iBACF;;sBAQE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/Header.d.ts

@@ -0,0 +1,43 @@
+import * as i0 from "@angular/core";
+export type HeaderNavItem = {
+    label: unknown;
+    href: string;
+};
+export type HeaderAccount = {
+    name?: string;
+    email?: string;
+    avatarUrl?: string;
+};
+export type HeaderProps = {
+    brand?: unknown;
+    title?: unknown;
+    navigation?: HeaderNavItem[];
+    navItems?: HeaderNavItem[];
+    account?: HeaderAccount;
+    sticky?: boolean;
+    label?: string;
+    compact?: boolean;
+    class?: string;
+};
+export declare function deriveInitials(name?: string): string;
+export declare class Header {
+    static readonly stComponentName = "Header";
+    readonly componentName = "Header";
+    brand?: unknown;
+    title?: unknown;
+    navigation?: HeaderNavItem[];
+    navItems?: HeaderNavItem[];
+    account?: HeaderAccount;
+    sticky?: boolean;
+    label?: string;
+    compact: boolean;
+    classInput?: string;
+    /** Liens de navigation : `navigation` prime, sinon `navItems` (parité React/Vue). */
+    get links(): HeaderNavItem[];
+    /** Initiales dérivées du nom du compte connecté (mêmes règles que React/Vue). */
+    get accountInitials(): string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Header, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Header, "st-header", never, { "brand": { "alias": "brand"; "required": false; }; "title": { "alias": "title"; "required": false; }; "navigation": { "alias": "navigation"; "required": false; }; "navItems": { "alias": "navItems"; "required": false; }; "account": { "alias": "account"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "label": { "alias": "label"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=Header.d.ts.map

package/dist/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../src/Header.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,aAAa,GAAG;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7D,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAElF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,cAAc,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAQpD;AAED,qBAkCa,MAAM;IACjB,MAAM,CAAC,QAAQ,CAAC,eAAe,YAAY;IAC3C,QAAQ,CAAC,aAAa,YAAY;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,UAAS;IACT,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,qFAAqF;IACrF,IAAI,KAAK,IAAI,aAAa,EAAE,CAE3B;IAED,iFAAiF;IACjF,IAAI,eAAe,IAAI,MAAM,CAE5B;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;yCAzBU,MAAM;2CAAN,MAAM;CA0BlB"}

package/dist/Header.js

@@ -0,0 +1,120 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export function deriveInitials(name) {
+    return (name ?? "")
+        .trim()
+        .split(/\s+/)
+        .filter(Boolean)
+        .slice(0, 2)
+        .map((part) => part[0]?.toUpperCase())
+        .join("");
+}
+export class Header {
+    static stComponentName = "Header";
+    componentName = "Header";
+    brand;
+    title;
+    navigation;
+    navItems;
+    account;
+    sticky;
+    label;
+    compact = false;
+    classInput;
+    /** Liens de navigation : `navigation` prime, sinon `navItems` (parité React/Vue). */
+    get links() {
+        return this.navigation ?? this.navItems ?? [];
+    }
+    /** Initiales dérivées du nom du compte connecté (mêmes règles que React/Vue). */
+    get accountInitials() {
+        return deriveInitials(this.account?.name);
+    }
+    get hostClass() {
+        return classNames("st-header", this.sticky && "st-header--sticky", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Header, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Header, isStandalone: true, selector: "st-header", inputs: { brand: "brand", title: "title", navigation: "navigation", navItems: "navItems", account: "account", sticky: "sticky", label: "label", compact: "compact", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <header [attr.data-st-component]="componentName" [class]="hostClass" [attr.aria-label]="label">
+      <div class="st-header__leading">
+        @if (brand) {
+          <a class="st-header__logo" href="/">{{ brand }}</a>
+        }
+        @if (title) {
+          <span class="st-header__title">{{ title }}</span>
+        }
+      </div>
+      <nav class="st-header__navigation">
+        @for (link of links; track link.href) {
+          <a [attr.href]="link.href">{{ link.label }}</a>
+        }
+      </nav>
+      @if (account) {
+        <div class="st-header__account">
+          <span class="st-header__avatar st-header__avatar--initials">{{ accountInitials }}</span>
+          <span class="st-header__account-name">{{ account.name }}</span>
+          @if (account.email) {
+            <span class="st-header__account-email">{{ account.email }}</span>
+          }
+        </div>
+      }
+    </header>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Header, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-header",
+                    standalone: true,
+                    // Structure alignée byte-pour-byte sur React (catalog.tsx) et Vue (Header.ts) :
+                    // zone "leading" (logo/brand + title), navigation (liens), et zone compte.
+                    // L'ancienne version ne rendait QUE des <ng-content>, donc les props title /
+                    // navItems / account (passées par les démos docs) n'apparaissaient jamais.
+                    template: `
+    <header [attr.data-st-component]="componentName" [class]="hostClass" [attr.aria-label]="label">
+      <div class="st-header__leading">
+        @if (brand) {
+          <a class="st-header__logo" href="/">{{ brand }}</a>
+        }
+        @if (title) {
+          <span class="st-header__title">{{ title }}</span>
+        }
+      </div>
+      <nav class="st-header__navigation">
+        @for (link of links; track link.href) {
+          <a [attr.href]="link.href">{{ link.label }}</a>
+        }
+      </nav>
+      @if (account) {
+        <div class="st-header__account">
+          <span class="st-header__avatar st-header__avatar--initials">{{ accountInitials }}</span>
+          <span class="st-header__account-name">{{ account.name }}</span>
+          @if (account.email) {
+            <span class="st-header__account-email">{{ account.email }}</span>
+          }
+        </div>
+      }
+    </header>
+  `,
+                }]
+        }], propDecorators: { brand: [{
+                type: NgInput
+            }], title: [{
+                type: NgInput
+            }], navigation: [{
+                type: NgInput
+            }], navItems: [{
+                type: NgInput
+            }], account: [{
+                type: NgInput
+            }], sticky: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], compact: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=Header.js.map

package/dist/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../src/Header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAkB7C,MAAM,UAAU,cAAc,CAAC,IAAa;IAC1C,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;SAChB,IAAI,EAAE;SACN,KAAK,CAAC,KAAK,CAAC;SACZ,MAAM,CAAC,OAAO,CAAC;SACf,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;SACX,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC;SACrC,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,CAAC;AAoCD,MAAM,OAAO,MAAM;IACjB,MAAM,CAAU,eAAe,GAAG,QAAQ,CAAC;IAClC,aAAa,GAAG,QAAQ,CAAC;IACvB,KAAK,CAAW;IAChB,KAAK,CAAW;IAChB,UAAU,CAAmB;IAC7B,QAAQ,CAAmB;IAC3B,OAAO,CAAiB;IACxB,MAAM,CAAW;IACjB,KAAK,CAAU;IACf,OAAO,GAAG,KAAK,CAAC;IACT,UAAU,CAAU;IAEtC,qFAAqF;IACrF,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC;IAChD,CAAC;IAED,iFAAiF;IACjF,IAAI,eAAe;QACjB,OAAO,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC5C,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,MAAM,IAAI,mBAAmB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACtF,CAAC;wGAzBU,MAAM;4FAAN,MAAM,gRA3BP;;;;;;;;;;;;;;;;;;;;;;;;;GAyBT;;4FAEU,MAAM;kBAlClB,SAAS;mBAAC;oBACT,QAAQ,EAAE,WAAW;oBACrB,UAAU,EAAE,IAAI;oBAChB,gFAAgF;oBAChF,2EAA2E;oBAC3E,6EAA6E;oBAC7E,2EAA2E;oBAC3E,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/HeatmapChart.d.ts

@@ -0,0 +1,71 @@
+import * as i0 from "@angular/core";
+export type HeatmapChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type HeatmapChartScale = "categorical" | "sequential";
+export type HeatmapChartDatum = {
+    x: string;
+    y: string;
+    value: number;
+    tone?: HeatmapChartTone;
+};
+export type HeatmapChartProps = {
+    data: HeatmapChartDatum[];
+    width?: number;
+    height?: number;
+    scale?: HeatmapChartScale;
+    legend?: boolean;
+    label: string;
+    class?: string;
+};
+type HeatmapCell = {
+    datum: HeatmapChartDatum;
+    tone: HeatmapChartTone;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    cx: number;
+    cy: number;
+};
+export declare class HeatmapChart {
+    static readonly stComponentName = "HeatmapChart";
+    readonly componentName = "HeatmapChart";
+    readonly margin: {
+        readonly top: 28;
+        readonly right: 18;
+        readonly bottom: 44;
+        readonly left: 64;
+    };
+    readonly tones: HeatmapChartTone[];
+    data: HeatmapChartDatum[];
+    width?: number;
+    height?: number;
+    scale?: HeatmapChartScale;
+    legend?: boolean;
+    label: string;
+    classInput?: string;
+    hoveredIndex: number | null;
+    get resolvedScale(): HeatmapChartScale;
+    get resolvedWidth(): number;
+    get resolvedHeight(): number;
+    get viewBox(): string;
+    get hostClass(): string;
+    get xLabels(): string[];
+    get yLabels(): string[];
+    get plotWidth(): number;
+    get plotHeight(): number;
+    get cells(): HeatmapCell[];
+    get dataValueItems(): string[];
+    get hoveredCell(): HeatmapCell | undefined;
+    get tooltipLeft(): string;
+    get tooltipTop(): string;
+    get tooltipLabel(): string;
+    get tooltipValue(): string;
+    maxCount(value: number): number;
+    cellClass(index: number, tone: HeatmapChartTone): string;
+    handleVisualPointerMove(event: PointerEvent): void;
+    handleLeave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeatmapChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeatmapChart, "st-heatmap-chart", never, { "data": { "alias": "data"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "scale": { "alias": "scale"; "required": false; }; "legend": { "alias": "legend"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=HeatmapChart.d.ts.map

package/dist/HeatmapChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapChart.d.ts","sourceRoot":"","sources":["../src/HeatmapChart.ts"],"names":[],"mappings":";AAKA,MAAM,MAAM,gBAAgB,GACxB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,YAAY,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,iBAAiB,CAAC;IACzB,IAAI,EAAE,gBAAgB,CAAC;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAoCF,qBAuFa,YAAY;IACvB,MAAM,CAAC,QAAQ,CAAC,eAAe,kBAAkB;IACjD,QAAQ,CAAC,aAAa,kBAAkB;IACxC,QAAQ,CAAC,MAAM;;;;;MAAU;IACzB,QAAQ,CAAC,KAAK,qBAAS;IACZ,IAAI,EAAE,iBAAiB,EAAE,CAAM;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAG,MAAM,CAAC;IACR,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEnC,IAAI,aAAa,IAAI,iBAAiB,CAErC;IAED,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,IAAI,cAAc,IAAI,MAAM,CAE3B;IAED,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,OAAO,IAAI,MAAM,EAAE,CAEtB;IAED,IAAI,OAAO,IAAI,MAAM,EAAE,CAEtB;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,IAAI,KAAK,IAAI,WAAW,EAAE,CA0BzB;IAED,IAAI,cAAc,IAAI,MAAM,EAAE,CAE7B;IAED,IAAI,WAAW,IAAI,WAAW,GAAG,SAAS,CAEzC;IAED,IAAI,WAAW,IAAI,MAAM,CAGxB;IAED,IAAI,UAAU,IAAI,MAAM,CAGvB;IAED,IAAI,YAAY,IAAI,MAAM,CAGzB;IAED,IAAI,YAAY,IAAI,MAAM,CAGzB;IAED,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAI/B,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,GAAG,MAAM;IAQxD,uBAAuB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAUlD,WAAW,IAAI,IAAI;yCAjIR,YAAY;2CAAZ,YAAY;CAoIxB"}