@squirkle-ui/charts 0.0.0-stage → 0.1.0

package/dist/types/components/SqLineChart.vue.d.ts

@@ -0,0 +1,230 @@
+import { type PropType } from 'vue';
+import { type Series } from '../utils';
+/** Line / area chart with crosshair tooltip. One y-axis only (by design). */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    labels: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    series: {
+        type: PropType<Series[]>;
+        default: () => never[];
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    subtitle: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    area: BooleanConstructor;
+    smooth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    points: BooleanConstructor;
+    /** Start y at zero (recommended for areas). */
+    zero: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    flat: BooleanConstructor;
+    format: {
+        type: PropType<(v: number) => string>;
+        default: undefined;
+    };
+}>, {
+    fmtCell: (v: number | null | undefined) => string;
+    box: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    w: import("vue").Ref<number, number>;
+    pad: {
+        t: number;
+        r: number;
+        b: number;
+        l: number;
+    };
+    hover: import("vue").Ref<number, number>;
+    y: import("vue").ComputedRef<{
+        ticks: number[];
+        min: number;
+        max: number;
+    }>;
+    sy: import("vue").ComputedRef<(v: number) => number>;
+    sx: import("vue").ComputedRef<(i: number) => number>;
+    paths: import("vue").ComputedRef<{
+        name: string;
+        color: string;
+        pts: [number, number | null][];
+        line: string;
+        area: string;
+    }[]>;
+    colorOf: (i: number) => string;
+    fmt: (v: number) => string;
+    showLabel: (i: number) => boolean;
+    onMove: (e: PointerEvent) => void;
+    tipStyle: import("vue").ComputedRef<{
+        right: string;
+        top: string;
+        left?: undefined;
+    } | {
+        left: string;
+        top: string;
+        right?: undefined;
+    }>;
+    legend: import("vue").ComputedRef<{
+        name: string;
+        color: string;
+    }[]>;
+    table: import("vue").ComputedRef<{
+        head: string[];
+        rows: (string | number)[][];
+    }>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    labels: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    series: {
+        type: PropType<Series[]>;
+        default: () => never[];
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    subtitle: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    area: BooleanConstructor;
+    smooth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    points: BooleanConstructor;
+    /** Start y at zero (recommended for areas). */
+    zero: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    flat: BooleanConstructor;
+    format: {
+        type: PropType<(v: number) => string>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    flat: boolean;
+    title: string;
+    subtitle: string;
+    area: boolean;
+    points: boolean;
+    labels: string[];
+    series: Series[];
+    height: number;
+    smooth: boolean;
+    zero: boolean;
+    format: (v: number) => string;
+}, {}, {
+    ChartFrame: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        title: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        subtitle: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        flat: BooleanConstructor;
+        legend: {
+            type: PropType<{
+                name: string;
+                color: string;
+            }[]>;
+            default: () => never[];
+        };
+        table: {
+            type: PropType<{
+                head: string[];
+                rows: (string | number)[][];
+            }>;
+            default: () => {
+                head: never[];
+                rows: never[];
+            };
+        };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        subtitle: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        flat: BooleanConstructor;
+        legend: {
+            type: PropType<{
+                name: string;
+                color: string;
+            }[]>;
+            default: () => never[];
+        };
+        table: {
+            type: PropType<{
+                head: string[];
+                rows: (string | number)[][];
+            }>;
+            default: () => {
+                head: never[];
+                rows: never[];
+            };
+        };
+    }>> & Readonly<{}>, {
+        flat: boolean;
+        title: string;
+        subtitle: string;
+        legend: {
+            name: string;
+            color: string;
+        }[];
+        table: {
+            head: string[];
+            rows: (string | number)[][];
+        };
+    }, {}, {
+        SqShape: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            watchKey: {
+                type: (ObjectConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            clip: BooleanConstructor;
+        }>, {
+            active: import("vue").Ref<boolean, boolean>;
+            w: import("vue").Ref<number, number>;
+            h: import("vue").Ref<number, number>;
+            bw: import("vue").Ref<number, number>;
+            d: import("vue").ComputedRef<string>;
+            strokeD: import("vue").ComputedRef<string>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            watchKey: {
+                type: (ObjectConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            clip: BooleanConstructor;
+        }>> & Readonly<{}>, {
+            clip: boolean;
+            watchKey: string | number | boolean | unknown[] | Record<string, any>;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/SqSparkline.vue.d.ts

@@ -0,0 +1,61 @@
+import { type PropType } from 'vue';
+/** Inline trend line for stat tiles and table cells (no axes, no tooltip). */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<number[]>;
+        default: () => never[];
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    fill: BooleanConstructor;
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    pts: import("vue").ComputedRef<[number, number][]>;
+    lineD: import("vue").ComputedRef<string>;
+    areaD: import("vue").ComputedRef<string>;
+    stroke: import("vue").ComputedRef<string | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<number[]>;
+        default: () => never[];
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    fill: BooleanConstructor;
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    fill: boolean;
+    data: number[];
+    label: string;
+    height: number;
+    width: number;
+    color: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/index.d.ts

@@ -0,0 +1,8 @@
+import './styles.css';
+import SqLineChart from './components/SqLineChart.vue';
+import SqBarChart from './components/SqBarChart.vue';
+import SqDonutChart from './components/SqDonutChart.vue';
+import SqSparkline from './components/SqSparkline.vue';
+export { SqLineChart, SqBarChart, SqDonutChart, SqSparkline };
+export { seriesColor, smoothPath, barPath, type Series, type DonutDatum } from './utils';
+export declare const componentNames: readonly ["SqLineChart", "SqBarChart", "SqDonutChart", "SqSparkline"];

package/dist/types/utils.d.ts

@@ -0,0 +1,28 @@
+import { type Ref } from 'vue';
+export interface DonutDatum {
+    label: string;
+    value: number;
+    color?: string;
+}
+export interface Series {
+    name: string;
+    data: (number | null)[];
+    color?: string;
+}
+/** Validated categorical order (dataviz reference palette); slots are CSS vars so light/dark swap via theme. */
+export declare const seriesColor: (i: number, override?: string) => string;
+export declare function useSize(el: Ref<HTMLElement | null>, fallbackHeight: number): {
+    width: Ref<number, number>;
+    height: Ref<number, number>;
+};
+export declare function linearScale(d0: number, d1: number, r0: number, r1: number): (v: number) => number;
+export declare function yDomain(values: number[], zero?: boolean): {
+    ticks: number[];
+    min: number;
+    max: number;
+};
+/** Monotone cubic (Fritsch–Carlson) path through points — smooth without overshoot. */
+export declare function smoothPath(pts: [number, number][]): string;
+export declare const compact: (v: number, locale?: string) => string;
+/** Bar with squircle-rounded data end (top for positive, bottom for negative), square at the baseline. */
+export declare function barPath(x: number, y: number, w: number, h: number, r: number, horizontal?: boolean, negative?: boolean): string;