@sentropic/design-system-angular 0.36.54

package/dist/GanttChart.d.ts

@@ -0,0 +1,95 @@
+import * as i0 from "@angular/core";
+export type GanttChartTask = {
+    task: string;
+    start: number;
+    end: number;
+    category?: string;
+};
+export type GanttChartProps = {
+    data: GanttChartTask[];
+    label: string;
+    width?: number;
+    height?: number;
+    marker?: number;
+    class?: string;
+};
+export declare class GanttChart {
+    static readonly stComponentName = "GanttChart";
+    readonly componentName = "GanttChart";
+    readonly MARGIN: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    hoveredIndex: number | null;
+    data: GanttChartTask[];
+    label: string;
+    width?: number;
+    height?: number;
+    marker?: number;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get viewBox(): string;
+    get plotWidth(): number;
+    get plotHeight(): number;
+    get safeData(): GanttChartTask[];
+    get domainBounds(): {
+        rawMin: number;
+        rawMax: number;
+    };
+    get ticks(): number[];
+    get domainMin(): number;
+    get domainMax(): number;
+    xOf(value: number): number;
+    fmtTick(v: number): string;
+    ellipsize(text: string, n: number): string;
+    get categoryList(): string[];
+    get hasCategories(): boolean;
+    toneForCategory(category: string | undefined): string;
+    get bars(): Array<{
+        datum: GanttChartTask;
+        index: number;
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rowCenterY: number;
+        tone: string;
+    }>;
+    barClass(bar: {
+        index: number;
+        tone: string;
+    }): string;
+    get hoveredBar(): {
+        datum: GanttChartTask;
+        index: number;
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rowCenterY: number;
+        tone: string;
+    } | null;
+    get markerGeom(): {
+        x: number;
+    } | null;
+    get legendItems(): Array<{
+        category: string;
+        tone: string;
+    }>;
+    get dataValueItems(): string[];
+    tooltipLeft(bar: {
+        x: number;
+        width: number;
+    }): number;
+    tooltipTop(bar: {
+        rowCenterY: number;
+    }): number;
+    handlePointerMove(e: PointerEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GanttChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GanttChart, "st-gantt-chart", never, { "data": { "alias": "data"; "required": false; }; "label": { "alias": "label"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "marker": { "alias": "marker"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=GanttChart.d.ts.map

package/dist/GanttChart.d.ts.map

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

package/dist/GanttChart.js

@@ -0,0 +1,293 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { niceTicks, scaleLinear, formatTick } from "./chartScale.js";
+import * as i0 from "@angular/core";
+const MARGIN = { top: 16, right: 16, bottom: 32, left: 132 };
+const TONES = ["category1", "category2", "category3", "category4", "category5", "category6", "category7", "category8"];
+function ellipsize(text, maxLen) {
+    return text.length > maxLen ? text.slice(0, maxLen - 1) + "…" : text;
+}
+export class GanttChart {
+    static stComponentName = "GanttChart";
+    componentName = "GanttChart";
+    MARGIN = MARGIN;
+    hoveredIndex = null;
+    data = [];
+    label = "";
+    width;
+    height;
+    marker;
+    classInput;
+    get hostClass() {
+        return classNames("st-ganttChart", this.classInput);
+    }
+    get widthValue() {
+        return this.width ?? 640;
+    }
+    get heightValue() {
+        return this.height ?? 320;
+    }
+    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 safeData() {
+        return (this.data ?? []).filter((d) => typeof d.task === "string" && d.task.length > 0 && Number.isFinite(d.start) && Number.isFinite(d.end));
+    }
+    get domainBounds() {
+        const vals = [];
+        for (const d of this.safeData)
+            vals.push(d.start, d.end);
+        if (typeof this.marker === "number" && Number.isFinite(this.marker))
+            vals.push(this.marker);
+        if (vals.length === 0)
+            return { rawMin: 0, rawMax: 1 };
+        const rawMin = Math.min(...vals);
+        const rawMax = Math.max(...vals);
+        return { rawMin, rawMax: rawMax === rawMin ? rawMin + 1 : rawMax };
+    }
+    get ticks() {
+        return niceTicks(this.domainBounds.rawMin, this.domainBounds.rawMax, 5);
+    }
+    get domainMin() {
+        return this.ticks[0] ?? 0;
+    }
+    get domainMax() {
+        return this.ticks[this.ticks.length - 1] ?? 1;
+    }
+    xOf(value) {
+        return MARGIN.left + scaleLinear(value, this.domainMin, this.domainMax, 0, this.plotWidth);
+    }
+    fmtTick(v) {
+        return formatTick(v);
+    }
+    ellipsize(text, n) {
+        return ellipsize(text, n);
+    }
+    get categoryList() {
+        const seen = new Set();
+        const result = [];
+        for (const d of this.safeData) {
+            if (d.category && !seen.has(d.category)) {
+                seen.add(d.category);
+                result.push(d.category);
+            }
+        }
+        return result;
+    }
+    get hasCategories() {
+        return this.categoryList.length > 0;
+    }
+    toneForCategory(category) {
+        if (!category)
+            return "category1";
+        const idx = this.categoryList.indexOf(category);
+        return TONES[idx % TONES.length] ?? "category1";
+    }
+    get bars() {
+        const n = this.safeData.length;
+        if (n === 0)
+            return [];
+        const band = this.plotHeight / n;
+        const barHeight = Math.min(band * 0.62, 28);
+        return this.safeData.map((datum, index) => {
+            const x0 = this.xOf(Math.min(datum.start, datum.end));
+            const x1 = this.xOf(Math.max(datum.start, datum.end));
+            const rowCenterY = MARGIN.top + band * index + band / 2;
+            return {
+                datum,
+                index,
+                x: x0,
+                y: rowCenterY - barHeight / 2,
+                width: Math.max(x1 - x0, 1),
+                height: barHeight,
+                rowCenterY,
+                tone: this.toneForCategory(datum.category),
+            };
+        });
+    }
+    barClass(bar) {
+        const dim = this.hoveredIndex !== null && this.hoveredIndex !== bar.index;
+        return classNames("st-ganttChart__bar", `st-ganttChart__bar--${bar.tone}`, dim && "st-ganttChart__bar--dim");
+    }
+    get hoveredBar() {
+        if (this.hoveredIndex == null)
+            return null;
+        return this.bars[this.hoveredIndex] ?? null;
+    }
+    get markerGeom() {
+        if (this.marker == null || !Number.isFinite(this.marker))
+            return null;
+        return { x: this.xOf(this.marker) };
+    }
+    get legendItems() {
+        return this.categoryList.map((category) => ({
+            category,
+            tone: this.toneForCategory(category),
+        }));
+    }
+    get dataValueItems() {
+        return this.safeData.map((d) => `${d.task}: ${d.start} → ${d.end}`);
+    }
+    tooltipLeft(bar) {
+        return ((bar.x + bar.width / 2) / this.widthValue) * 100;
+    }
+    tooltipTop(bar) {
+        return (bar.rowCenterY / this.heightValue) * 100;
+    }
+    handlePointerMove(e) {
+        const target = e.target;
+        const attr = target?.getAttribute("data-chart-index");
+        if (attr != null) {
+            const idx = Number(attr);
+            if (Number.isFinite(idx)) {
+                this.hoveredIndex = idx;
+                return;
+            }
+        }
+        this.hoveredIndex = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GanttChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GanttChart, isStandalone: true, selector: "st-gantt-chart", inputs: { data: "data", label: "label", width: "width", height: "height", marker: "marker", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-ganttChart__visual" role="img" [attr.aria-label]="label"
+           (pointermove)="handlePointerMove($event)" (pointerleave)="hoveredIndex = null">
+        <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-ganttChart__grid" [attr.x1]="xOf(tick)" [attr.x2]="xOf(tick)" [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"></line>
+            <text class="st-ganttChart__tickLabel" [attr.x]="xOf(tick)" [attr.y]="heightValue - MARGIN.bottom + 16" text-anchor="middle">{{ fmtTick(tick) }}</text>
+          }
+
+          <line class="st-ganttChart__axis" [attr.x1]="MARGIN.left" [attr.x2]="MARGIN.left" [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"></line>
+          <line class="st-ganttChart__axis" [attr.x1]="MARGIN.left" [attr.x2]="widthValue - MARGIN.right" [attr.y1]="heightValue - MARGIN.bottom" [attr.y2]="heightValue - MARGIN.bottom"></line>
+
+          @for (bar of bars; track bar.datum.task) {
+            <text class="st-ganttChart__taskLabel" [attr.x]="MARGIN.left - 8" [attr.y]="bar.rowCenterY" text-anchor="end" dominant-baseline="middle">{{ ellipsize(bar.datum.task, 18) }}</text>
+            <rect
+              [class]="barClass(bar)"
+              [attr.x]="bar.x"
+              [attr.y]="bar.y"
+              [attr.width]="bar.width"
+              [attr.height]="bar.height"
+              rx="2"
+              [attr.data-chart-index]="bar.index"
+            ></rect>
+          }
+
+          @if (markerGeom) {
+            <line class="st-ganttChart__marker" [attr.x1]="markerGeom.x" [attr.x2]="markerGeom.x" [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"></line>
+          }
+        </svg>
+      </div>
+
+      @if (hasCategories) {
+        <ul class="st-ganttChart__legend" [attr.aria-label]="'Catégories de ' + label">
+          @for (item of legendItems; track item.category) {
+            <li class="st-ganttChart__legendItem">
+              <span [class]="'st-ganttChart__legendSwatch st-ganttChart__legendSwatch--' + item.tone" aria-hidden="true"></span>
+              {{ item.category }}
+            </li>
+          }
+        </ul>
+      }
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredBar; as bar) {
+        <div class="st-ganttChart__tooltip" role="presentation" [style.left.%]="tooltipLeft(bar)" [style.top.%]="tooltipTop(bar)">
+          <span class="st-ganttChart__tooltipLabel">{{ bar.datum.task }}</span>
+          <span class="st-ganttChart__tooltipValue">{{ bar.datum.start }} → {{ bar.datum.end }}</span>
+        </div>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GanttChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-gantt-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-ganttChart__visual" role="img" [attr.aria-label]="label"
+           (pointermove)="handlePointerMove($event)" (pointerleave)="hoveredIndex = null">
+        <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-ganttChart__grid" [attr.x1]="xOf(tick)" [attr.x2]="xOf(tick)" [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"></line>
+            <text class="st-ganttChart__tickLabel" [attr.x]="xOf(tick)" [attr.y]="heightValue - MARGIN.bottom + 16" text-anchor="middle">{{ fmtTick(tick) }}</text>
+          }
+
+          <line class="st-ganttChart__axis" [attr.x1]="MARGIN.left" [attr.x2]="MARGIN.left" [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"></line>
+          <line class="st-ganttChart__axis" [attr.x1]="MARGIN.left" [attr.x2]="widthValue - MARGIN.right" [attr.y1]="heightValue - MARGIN.bottom" [attr.y2]="heightValue - MARGIN.bottom"></line>
+
+          @for (bar of bars; track bar.datum.task) {
+            <text class="st-ganttChart__taskLabel" [attr.x]="MARGIN.left - 8" [attr.y]="bar.rowCenterY" text-anchor="end" dominant-baseline="middle">{{ ellipsize(bar.datum.task, 18) }}</text>
+            <rect
+              [class]="barClass(bar)"
+              [attr.x]="bar.x"
+              [attr.y]="bar.y"
+              [attr.width]="bar.width"
+              [attr.height]="bar.height"
+              rx="2"
+              [attr.data-chart-index]="bar.index"
+            ></rect>
+          }
+
+          @if (markerGeom) {
+            <line class="st-ganttChart__marker" [attr.x1]="markerGeom.x" [attr.x2]="markerGeom.x" [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"></line>
+          }
+        </svg>
+      </div>
+
+      @if (hasCategories) {
+        <ul class="st-ganttChart__legend" [attr.aria-label]="'Catégories de ' + label">
+          @for (item of legendItems; track item.category) {
+            <li class="st-ganttChart__legendItem">
+              <span [class]="'st-ganttChart__legendSwatch st-ganttChart__legendSwatch--' + item.tone" aria-hidden="true"></span>
+              {{ item.category }}
+            </li>
+          }
+        </ul>
+      }
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredBar; as bar) {
+        <div class="st-ganttChart__tooltip" role="presentation" [style.left.%]="tooltipLeft(bar)" [style.top.%]="tooltipTop(bar)">
+          <span class="st-ganttChart__tooltipLabel">{{ bar.datum.task }}</span>
+          <span class="st-ganttChart__tooltipValue">{{ bar.datum.start }} → {{ bar.datum.end }}</span>
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], marker: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=GanttChart.js.map

package/dist/GanttChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GanttChart.js","sourceRoot":"","sources":["../src/GanttChart.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,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAkBrE,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;AAC7D,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AAEvH,SAAS,SAAS,CAAC,IAAY,EAAE,MAAc;IAC7C,OAAO,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AACvE,CAAC;AAgED,MAAM,OAAO,UAAU;IACrB,MAAM,CAAU,eAAe,GAAG,YAAY,CAAC;IACtC,aAAa,GAAG,YAAY,CAAC;IAC7B,MAAM,GAAG,MAAM,CAAC;IAEzB,YAAY,GAAkB,IAAI,CAAC;IAExB,IAAI,GAAqB,EAAE,CAAC;IAC5B,KAAK,GAAG,EAAE,CAAC;IACX,KAAK,CAAU;IACf,MAAM,CAAU;IAChB,MAAM,CAAU;IACT,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,eAAe,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACtD,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,QAAQ;QACV,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CAC7B,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAC7G,CAAC;IACJ,CAAC;IAED,IAAI,YAAY;QACd,MAAM,IAAI,GAAa,EAAE,CAAC;QAC1B,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,QAAQ;YAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;QACzD,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;YAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5F,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QACvD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;QACjC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;QACjC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;IACrE,CAAC;IAED,IAAI,KAAK;QACP,OAAO,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC1E,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,GAAG,CAAC,KAAa;QACf,OAAO,MAAM,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IAC7F,CAAC;IAED,OAAO,CAAC,CAAS;QACf,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC;IAED,SAAS,CAAC,IAAY,EAAE,CAAS;QAC/B,OAAO,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC5B,CAAC;IAED,IAAI,YAAY;QACd,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAC;QAC/B,MAAM,MAAM,GAAa,EAAE,CAAC;QAC5B,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC9B,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACxC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;gBACrB,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;IACtC,CAAC;IAED,eAAe,CAAC,QAA4B;QAC1C,IAAI,CAAC,QAAQ;YAAE,OAAO,WAAW,CAAC;QAClC,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAChD,OAAO,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,WAAW,CAAC;IAClD,CAAC;IAED,IAAI,IAAI;QAUN,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;QAC/B,IAAI,CAAC,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QACvB,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACjC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,EAAE,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACxC,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;YACtD,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;YACtD,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC;YACxD,OAAO;gBACL,KAAK;gBACL,KAAK;gBACL,CAAC,EAAE,EAAE;gBACL,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,CAAC;gBAC7B,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;gBAC3B,MAAM,EAAE,SAAS;gBACjB,UAAU;gBACV,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC;aAC3C,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAED,QAAQ,CAAC,GAAoC;QAC3C,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,KAAK,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,GAAG,CAAC,KAAK,CAAC;QAC1E,OAAO,UAAU,CAAC,oBAAoB,EAAE,uBAAuB,GAAG,CAAC,IAAI,EAAE,EAAE,GAAG,IAAI,yBAAyB,CAAC,CAAC;IAC/G,CAAC;IAED,IAAI,UAAU;QACZ,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI;YAAE,OAAO,IAAI,CAAC;QAC3C,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC;IAC9C,CAAC;IAED,IAAI,UAAU;QACZ,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;YAAE,OAAO,IAAI,CAAC;QACtE,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;IACtC,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YAC1C,QAAQ;YACR,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC;SACrC,CAAC,CAAC,CAAC;IACN,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACtE,CAAC;IAED,WAAW,CAAC,GAAiC;QAC3C,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,GAAG,CAAC;IAC3D,CAAC;IAED,UAAU,CAAC,GAA2B;QACpC,OAAO,CAAC,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC;IACnD,CAAC;IAED,iBAAiB,CAAC,CAAe;QAC/B,MAAM,MAAM,GAAG,CAAC,CAAC,MAAwB,CAAC;QAC1C,MAAM,IAAI,GAAG,MAAM,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;QACtD,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;YACjB,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;YACzB,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBACzB,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC;gBACxB,OAAO;YACT,CAAC;QACH,CAAC;QACD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;IAC3B,CAAC;wGAhLU,UAAU;4FAAV,UAAU,6MA3DX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDT;;4FAEU,UAAU;kBA9DtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDT;iBACF;;sBAQE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/GaugeChart.d.ts

@@ -0,0 +1,71 @@
+import * as i0 from "@angular/core";
+export type GaugeChartTone = "neutral" | "info" | "success" | "warning" | "error" | "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type GaugeChartThreshold = {
+    value: number;
+    tone: GaugeChartTone;
+};
+export type GaugeChartFormat = "number" | "percent";
+export type GaugeChartProps = {
+    value: number;
+    min?: number;
+    max?: number;
+    thresholds?: GaugeChartThreshold[];
+    label?: string;
+    format?: GaugeChartFormat;
+    unit?: string;
+    size?: number;
+    thickness?: number;
+    startAngle?: number;
+    endAngle?: number;
+    class?: string;
+};
+type GaugeBand = {
+    from: number;
+    to: number;
+    tone: GaugeChartTone;
+};
+export declare class GaugeChart {
+    static readonly stComponentName = "GaugeChart";
+    readonly componentName = "GaugeChart";
+    value: number;
+    min?: number;
+    max?: number;
+    thresholds?: GaugeChartThreshold[];
+    label?: string;
+    format?: GaugeChartFormat;
+    unit?: string;
+    size?: number;
+    thickness?: number;
+    startAngle?: number;
+    endAngle?: number;
+    classInput?: string;
+    get hostClass(): string;
+    get minValue(): number;
+    get maxValue(): number;
+    get thicknessValue(): number;
+    get sizeValue(): number;
+    get startAngleValue(): number;
+    get endAngleValue(): number;
+    get span(): number;
+    get clamped(): number;
+    get frac(): number;
+    get cx(): number;
+    get cy(): number;
+    get r(): number;
+    get a0(): number;
+    get a1(): number;
+    get totalAngle(): number;
+    polar(radius: number, angle: number): [number, number];
+    arcPath(fromFrac: number, toFrac: number): string;
+    get viewBoxStr(): string;
+    get bands(): GaugeBand[];
+    get needlePath(): string;
+    get hubRadius(): number;
+    get formatted(): string;
+    get ariaValueText(): string;
+    get dataValueItems(): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<GaugeChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GaugeChart, "st-gauge-chart", never, { "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "thresholds": { "alias": "thresholds"; "required": false; }; "label": { "alias": "label"; "required": false; }; "format": { "alias": "format"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "size": { "alias": "size"; "required": false; }; "thickness": { "alias": "thickness"; "required": false; }; "startAngle": { "alias": "startAngle"; "required": false; }; "endAngle": { "alias": "endAngle"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=GaugeChart.d.ts.map

package/dist/GaugeChart.d.ts.map

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