@sentropic/design-system-angular 0.36.54

package/dist/HeikinAshiChart.js

@@ -0,0 +1,320 @@
+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 };
+function computeHeikinAshi(rows) {
+    const out = [];
+    for (let i = 0; i < rows.length; i++) {
+        const d = rows[i];
+        const haClose = (d.open + d.high + d.low + d.close) / 4;
+        const haOpen = i === 0
+            ? (d.open + d.close) / 2
+            : (out[i - 1].haOpen + out[i - 1].haClose) / 2;
+        const haHigh = Math.max(d.high, haOpen, haClose);
+        const haLow = Math.min(d.low, haOpen, haClose);
+        out.push({ label: d.label, haOpen, haHigh, haLow, haClose });
+    }
+    return out;
+}
+function fmtVal(v) {
+    return Number.isInteger(v) ? String(v) : v.toFixed(2);
+}
+export class HeikinAshiChart {
+    static stComponentName = "HeikinAshiChart";
+    componentName = "HeikinAshiChart";
+    margin = MARGIN;
+    hoveredIndex = null;
+    data = [];
+    label = "";
+    width;
+    height;
+    classInput;
+    get hostClass() {
+        return classNames("st-heikinAshiChart", 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.open) &&
+            Number.isFinite(d.high) &&
+            Number.isFinite(d.low) &&
+            Number.isFinite(d.close));
+    }
+    get haData() {
+        return computeHeikinAshi(this.validData);
+    }
+    get ticks() {
+        const allVals = [];
+        for (const d of this.haData) {
+            allVals.push(d.haOpen, d.haHigh, d.haLow, d.haClose);
+        }
+        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 candles() {
+        if (this.haData.length === 0)
+            return [];
+        const band = this.plotWidth / this.haData.length;
+        const bodyW = band * 0.55;
+        return this.haData.map((d, i) => {
+            const bullish = d.haClose >= d.haOpen;
+            const centerX = MARGIN.left + band * i + band / 2;
+            const bodyTop = MARGIN.top + scaleLinear(Math.max(d.haOpen, d.haClose), this.domainMin, this.domainMax, this.plotHeight, 0);
+            const bodyBot = MARGIN.top + scaleLinear(Math.min(d.haOpen, d.haClose), this.domainMin, this.domainMax, this.plotHeight, 0);
+            const highY = MARGIN.top + scaleLinear(d.haHigh, this.domainMin, this.domainMax, this.plotHeight, 0);
+            const lowY = MARGIN.top + scaleLinear(d.haLow, this.domainMin, this.domainMax, this.plotHeight, 0);
+            return {
+                datum: d,
+                index: i,
+                bullish,
+                centerX,
+                bodyX: centerX - bodyW / 2,
+                bodyY: bodyTop,
+                bodyW,
+                bodyH: Math.max(bodyBot - bodyTop, 0.5),
+                wickHighY: highY,
+                wickLowY: lowY,
+                tooltipY: bodyTop,
+            };
+        });
+    }
+    get dataValueItems() {
+        return this.haData.map((d) => `${d.label}: O ${fmtVal(d.haOpen)} H ${fmtVal(d.haHigh)} L ${fmtVal(d.haLow)} C ${fmtVal(d.haClose)}`);
+    }
+    get hoveredCandle() {
+        return this.hoveredIndex !== null ? (this.candles[this.hoveredIndex] ?? null) : null;
+    }
+    wickClass(c) {
+        return classNames("st-heikinAshiChart__wick", `st-heikinAshiChart__wick--${c.bullish ? "up" : "down"}`);
+    }
+    bodyClass(c) {
+        const dim = this.hoveredIndex !== null && this.hoveredIndex !== c.index;
+        return classNames("st-heikinAshiChart__body", `st-heikinAshiChart__body--${c.bullish ? "up" : "down"}`, dim && "st-heikinAshiChart__body--dim");
+    }
+    formatTickLabel(tick) {
+        return formatTick(tick);
+    }
+    fmtTooltip(v) {
+        return fmtVal(v);
+    }
+    tooltipLeftPct(c) {
+        return `${(c.centerX / this.widthValue) * 100}%`;
+    }
+    tooltipTopPct(c) {
+        return `${(c.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: HeikinAshiChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: HeikinAshiChart, isStandalone: true, selector: "st-heikin-ashi-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-heikinAshiChart__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-heikinAshiChart__grid" [attr.x1]="margin.left" [attr.x2]="widthValue - margin.right" [attr.y1]="item.y" [attr.y2]="item.y"></line>
+            <text
+              class="st-heikinAshiChart__tickLabel"
+              [attr.x]="margin.left - 6"
+              [attr.y]="item.y"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ formatTickLabel(item.tick) }}</text>
+          }
+
+          <line class="st-heikinAshiChart__axis" [attr.x1]="margin.left" [attr.x2]="margin.left" [attr.y1]="margin.top" [attr.y2]="heightValue - margin.bottom"></line>
+          <line class="st-heikinAshiChart__axis" [attr.x1]="margin.left" [attr.x2]="widthValue - margin.right" [attr.y1]="heightValue - margin.bottom" [attr.y2]="heightValue - margin.bottom"></line>
+
+          @for (c of candles; track c.index) {
+            <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-heikinAshiChart__categoryLabel"
+              [attr.x]="c.centerX"
+              [attr.y]="heightValue - margin.bottom + 16"
+              text-anchor="middle"
+            >{{ c.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 (hoveredCandle) {
+        <div
+          class="st-heikinAshiChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeftPct(hoveredCandle)"
+          [style.top]="tooltipTopPct(hoveredCandle)"
+        >
+          <span class="st-heikinAshiChart__tooltipLabel">{{ hoveredCandle.datum.label }}</span>
+          <span class="st-heikinAshiChart__tooltipValue">O {{ fmtTooltip(hoveredCandle.datum.haOpen) }} H {{ fmtTooltip(hoveredCandle.datum.haHigh) }} L {{ fmtTooltip(hoveredCandle.datum.haLow) }} C {{ fmtTooltip(hoveredCandle.datum.haClose) }}</span>
+        </div>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: HeikinAshiChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-heikin-ashi-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-heikinAshiChart__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-heikinAshiChart__grid" [attr.x1]="margin.left" [attr.x2]="widthValue - margin.right" [attr.y1]="item.y" [attr.y2]="item.y"></line>
+            <text
+              class="st-heikinAshiChart__tickLabel"
+              [attr.x]="margin.left - 6"
+              [attr.y]="item.y"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ formatTickLabel(item.tick) }}</text>
+          }
+
+          <line class="st-heikinAshiChart__axis" [attr.x1]="margin.left" [attr.x2]="margin.left" [attr.y1]="margin.top" [attr.y2]="heightValue - margin.bottom"></line>
+          <line class="st-heikinAshiChart__axis" [attr.x1]="margin.left" [attr.x2]="widthValue - margin.right" [attr.y1]="heightValue - margin.bottom" [attr.y2]="heightValue - margin.bottom"></line>
+
+          @for (c of candles; track c.index) {
+            <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-heikinAshiChart__categoryLabel"
+              [attr.x]="c.centerX"
+              [attr.y]="heightValue - margin.bottom + 16"
+              text-anchor="middle"
+            >{{ c.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 (hoveredCandle) {
+        <div
+          class="st-heikinAshiChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeftPct(hoveredCandle)"
+          [style.top]="tooltipTopPct(hoveredCandle)"
+        >
+          <span class="st-heikinAshiChart__tooltipLabel">{{ hoveredCandle.datum.label }}</span>
+          <span class="st-heikinAshiChart__tooltipValue">O {{ fmtTooltip(hoveredCandle.datum.haOpen) }} H {{ fmtTooltip(hoveredCandle.datum.haHigh) }} L {{ fmtTooltip(hoveredCandle.datum.haLow) }} C {{ fmtTooltip(hoveredCandle.datum.haClose) }}</span>
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=HeikinAshiChart.js.map

package/dist/HeikinAshiChart.js.map

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

package/dist/Hidden.d.ts

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+export type HiddenBreakpoint = "sm" | "md" | "lg" | "xl";
+export type HiddenProps = {
+    /** Hide when viewport is narrower than this breakpoint. */
+    below?: HiddenBreakpoint;
+    /** Hide when viewport is at or wider than this breakpoint. */
+    above?: HiddenBreakpoint;
+    as?: string;
+    class?: string;
+};
+export declare class Hidden {
+    static readonly stComponentName = "Hidden";
+    readonly componentName = "Hidden";
+    below?: HiddenBreakpoint;
+    above?: HiddenBreakpoint;
+    as?: string;
+    classInput?: string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Hidden, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Hidden, "st-hidden", never, { "below": { "alias": "below"; "required": false; }; "above": { "alias": "above"; "required": false; }; "as": { "alias": "as"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=Hidden.d.ts.map

package/dist/Hidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hidden.d.ts","sourceRoot":"","sources":["../src/Hidden.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG;IACxB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAUa,MAAM;IACjB,MAAM,CAAC,QAAQ,CAAC,eAAe,YAAY;IAC3C,QAAQ,CAAC,aAAa,YAAY;IACvB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACL,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAOtB;yCAfU,MAAM;2CAAN,MAAM;CAgBlB"}

package/dist/Hidden.js

@@ -0,0 +1,38 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Hidden {
+    static stComponentName = "Hidden";
+    componentName = "Hidden";
+    below;
+    above;
+    as;
+    classInput;
+    get hostClass() {
+        return classNames("st-hidden", this.below && `st-hidden--below-${this.below}`, this.above && `st-hidden--above-${this.above}`, this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Hidden, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: Hidden, isStandalone: true, selector: "st-hidden", inputs: { below: "below", above: "above", as: "as", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <ng-content></ng-content>
+    </div>
+  `, isInline: true, styles: [":host { display: contents; }"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Hidden, decorators: [{
+            type: Component,
+            args: [{ selector: "st-hidden", standalone: true, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <ng-content></ng-content>
+    </div>
+  `, styles: [":host { display: contents; }"] }]
+        }], propDecorators: { below: [{
+                type: NgInput
+            }], above: [{
+                type: NgInput
+            }], as: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=Hidden.js.map

package/dist/Hidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hidden.js","sourceRoot":"","sources":["../src/Hidden.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAuB7C,MAAM,OAAO,MAAM;IACjB,MAAM,CAAU,eAAe,GAAG,QAAQ,CAAC;IAClC,aAAa,GAAG,QAAQ,CAAC;IACvB,KAAK,CAAoB;IACzB,KAAK,CAAoB;IACzB,EAAE,CAAU;IACL,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CACf,WAAW,EACX,IAAI,CAAC,KAAK,IAAI,oBAAoB,IAAI,CAAC,KAAK,EAAE,EAC9C,IAAI,CAAC,KAAK,IAAI,oBAAoB,IAAI,CAAC,KAAK,EAAE,EAC9C,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;wGAfU,MAAM;4FAAN,MAAM,gKANP;;;;GAIT;;4FAEU,MAAM;kBAVlB,SAAS;+BACE,WAAW,cACT,IAAI,YAEN;;;;GAIT;;sBAKA,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/Highlight.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+export type HighlightTone = "neutral" | "info" | "success" | "warning" | "error";
+export type HighlightProps = {
+    tone?: HighlightTone;
+    title?: unknown;
+    class?: string;
+};
+export declare class Highlight {
+    static readonly stComponentName = "Highlight";
+    readonly componentName = "Highlight";
+    tone: HighlightTone;
+    title?: unknown;
+    classInput?: string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Highlight, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Highlight, "st-highlight", never, { "tone": { "alias": "tone"; "required": false; }; "title": { "alias": "title"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=Highlight.d.ts.map

package/dist/Highlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../src/Highlight.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAC;AAEZ,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAUa,SAAS;IACpB,MAAM,CAAC,QAAQ,CAAC,eAAe,eAAe;IAC9C,QAAQ,CAAC,aAAa,eAAe;IAC1B,IAAI,EAAE,aAAa,CAAa;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;IACT,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAMtB;yCAbU,SAAS;2CAAT,SAAS;CAcrB"}

package/dist/Highlight.js

@@ -0,0 +1,41 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Highlight {
+    static stComponentName = "Highlight";
+    componentName = "Highlight";
+    tone = "neutral";
+    title;
+    classInput;
+    get hostClass() {
+        return classNames("st-highlight", `st-highlight--${this.tone}`, this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Highlight, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Highlight, isStandalone: true, selector: "st-highlight", inputs: { tone: "tone", title: "title", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <aside [attr.data-st-component]="componentName" [class]="hostClass">
+      @if (title) { <h3 class="st-highlight__title">{{ title }}</h3> }
+      <div class="st-highlight__body"><ng-content></ng-content></div>
+    </aside>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Highlight, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-highlight",
+                    standalone: true,
+                    template: `
+    <aside [attr.data-st-component]="componentName" [class]="hostClass">
+      @if (title) { <h3 class="st-highlight__title">{{ title }}</h3> }
+      <div class="st-highlight__body"><ng-content></ng-content></div>
+    </aside>
+  `,
+                }]
+        }], propDecorators: { tone: [{
+                type: NgInput
+            }], title: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=Highlight.js.map

package/dist/Highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.js","sourceRoot":"","sources":["../src/Highlight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAyB7C,MAAM,OAAO,SAAS;IACpB,MAAM,CAAU,eAAe,GAAG,WAAW,CAAC;IACrC,aAAa,GAAG,WAAW,CAAC;IAC1B,IAAI,GAAkB,SAAS,CAAC;IAChC,KAAK,CAAW;IACT,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CACf,cAAc,EACd,iBAAiB,IAAI,CAAC,IAAI,EAAE,EAC5B,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;wGAbU,SAAS;4FAAT,SAAS,uJAPV;;;;;GAKT;;4FAEU,SAAS;kBAVrB,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;GAKT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/HistogramChart.d.ts

@@ -0,0 +1,67 @@
+import * as i0 from "@angular/core";
+export type HistogramChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type HistogramChartBin = {
+    label: string;
+    value: number;
+    tone?: HistogramChartTone;
+};
+export type HistogramChartDatum = number | HistogramChartBin;
+export type HistogramChartProps = {
+    data: HistogramChartDatum[];
+    bins?: number;
+    width?: number;
+    height?: number;
+    label: string;
+    class?: string;
+};
+type NormalizedBin = {
+    label: string;
+    value: number;
+    tone: HistogramChartTone;
+};
+type BarItem = {
+    bin: NormalizedBin;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    labelX: number;
+};
+export declare class HistogramChart {
+    static readonly stComponentName = "HistogramChart";
+    readonly componentName = "HistogramChart";
+    readonly MARGIN: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    hoveredIndex: number | null;
+    data: HistogramChartDatum[];
+    bins?: number;
+    width?: number;
+    height?: number;
+    label: string;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get viewBox(): string;
+    get plotWidth(): number;
+    get plotHeight(): number;
+    private isNumberArray;
+    private formatNumber;
+    private buildNumericBins;
+    get normalizedBins(): NormalizedBin[];
+    get bars(): BarItem[];
+    get dataValueItems(): string[];
+    barClass(bar: BarItem, i: number): string;
+    tooltipLeft(bar: BarItem): number;
+    tooltipTop(bar: BarItem): number;
+    handleVisualPointerMove(event: PointerEvent): void;
+    handleLeave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HistogramChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HistogramChart, "st-histogram-chart", never, { "data": { "alias": "data"; "required": false; }; "bins": { "alias": "bins"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=HistogramChart.d.ts.map

package/dist/HistogramChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistogramChart.d.ts","sourceRoot":"","sources":["../src/HistogramChart.ts"],"names":[],"mappings":";AAMA,MAAM,MAAM,kBAAkB,GAC1B,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,iBAAiB,CAAC;AAE7D,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAeF,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,kBAAkB,CAAC;CAC1B,CAAC;AAEF,KAAK,OAAO,GAAG;IACb,GAAG,EAAE,aAAa,CAAC;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBA0Ea,cAAc;IACzB,MAAM,CAAC,QAAQ,CAAC,eAAe,oBAAoB;IACnD,QAAQ,CAAC,aAAa,oBAAoB;IAC1C,QAAQ,CAAC,MAAM;;;;;MAAU;IAEzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAExB,IAAI,EAAE,mBAAmB,EAAE,CAAM;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,SAAM;IACJ,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,gBAAgB;IAwBxB,IAAI,cAAc,IAAI,aAAa,EAAE,CAUpC;IAED,IAAI,IAAI,IAAI,OAAO,EAAE,CAiBpB;IAED,IAAI,cAAc,IAAI,MAAM,EAAE,CAE7B;IAED,QAAQ,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM;IAQzC,WAAW,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM;IAIjC,UAAU,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM;IAIhC,uBAAuB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAMlD,WAAW,IAAI,IAAI;yCAjIR,cAAc;2CAAd,cAAc;CAoI1B"}