vue-chrts 0.2.0-test.5 → 0.2.0-test.7

package/dist/components/AreaChart/AreaChart.vue.d.ts

@@ -1,6 +1,8 @@
 import { AreaChartProps } from './types';
 declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & AreaChartProps<T> & Partial<{}>> & import('vue').PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onClick?: ((event: MouseEvent, values?: T | undefined) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick"> & AreaChartProps<T> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
@@ -9,7 +11,7 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
         }): any;
         fallback?(_: {}): any;
     };
-    emit: {};
+    emit: (e: "click", event: MouseEvent, values?: T) => void;
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/AreaChart/types.d.ts

@@ -44,14 +44,14 @@ export interface AreaChartProps<T> {
      * @param {(number[]|Date[])} ticks - An array of all tick values for the x-axis.
      * @returns {string} The formatted string representation of the tick.
      */
-    xFormatter?: axisFormatter<T>;
+    xFormatter?: axisFormatter;
     /**
      * @param {number|Date} tick - The value of the tick. This can be a number or a Date object depending on the scale of the y-axis.
      * @param {number} i - The index of the tick in the `ticks` array.
      * @param {(number[]|Date[])} ticks - An array of all tick values for the y-axis.
      * @returns {string} The formatted string representation of the tick.
      */
-    yFormatter?: axisFormatter<T>;
+    yFormatter?: axisFormatter;
     /**
      * The type of curve to use for the area chart lines.
      * See `CurveType` for available options.
@@ -126,4 +126,22 @@ export interface AreaChartProps<T> {
      * If `true`, hide the y-axis.
      */
     hideYAxis?: boolean;
+    /**
+     * Crosshair configuration object for customizing the appearance of the crosshair line.
+     */
+    crosshairConfig?: {
+        /**
+         * The color of the crosshair line. Accepts any valid CSS color string.
+         * Example: '#f00', 'rgba(0,0,0,0.5)', 'blue'
+         */
+        color?: string;
+        /**
+         * The stroke color of the crosshair line. Accepts any valid CSS color string.
+         */
+        strokeColor?: string;
+        /**
+         * The stroke width of the crosshair line in pixels.
+         */
+        strokeWidth?: number;
+    };
 }

package/dist/components/AreaStackedChart/types.d.ts

@@ -65,4 +65,22 @@ export interface AreaStackedChartProps<T> {
      * If `true`, displays tick lines on the y-axis.
      */
     yTickLine?: boolean;
+    /**
+     * Crosshair configuration object for customizing the appearance of the crosshair line.
+     */
+    crosshairConfig?: {
+        /**
+         * The color of the crosshair line. Accepts any valid CSS color string.
+         * Example: '#f00', 'rgba(0,0,0,0.5)', 'blue'
+         */
+        color?: string;
+        /**
+         * The stroke color of the crosshair line. Accepts any valid CSS color string.
+         */
+        strokeColor?: string;
+        /**
+         * The stroke width of the crosshair line in pixels.
+         */
+        strokeWidth?: number;
+    };
 }

package/dist/components/BarChart/BarChart.vue.d.ts

@@ -1,15 +1,17 @@
 import { BarChartProps } from './types';
 declare const _default: <T extends {}>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & BarChartProps<T> & Partial<{}>> & import('vue').PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onClick?: ((event: MouseEvent, values?: T | undefined) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick"> & BarChartProps<T> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         tooltip?(_: {
-            values: T | undefined;
+            values: any;
         }): any;
         fallback?(_: {}): any;
     };
-    emit: {};
+    emit: (e: "click", event: MouseEvent, values?: T) => void;
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/BarChart/stackedGroupedUtils.d.ts

@@ -0,0 +1,19 @@
+import { ComputedRef } from 'vue';
+export interface StackedGroupedConfig<T> {
+    data: T[];
+    categories: Record<string, {
+        color?: string;
+    }>;
+    stackAndGrouped: boolean;
+    xAxis?: keyof T;
+}
+export interface StackedGroupedResult<T> {
+    states: string[];
+    groupedByState: Record<string, string[]>;
+    colors: Record<string, string[]>;
+    bars: Record<string, ((d: any) => any)[]>;
+    colorFunctions: Record<string, (d: unknown, i: number) => string>;
+    positions: Record<string, number>;
+    chartData: T[] | any[];
+}
+export declare function useStackedGrouped<T extends {}>(config: StackedGroupedConfig<T>): ComputedRef<StackedGroupedResult<T>>;

package/dist/components/BarChart/types.d.ts

@@ -1,5 +1,6 @@
-import { BulletLegendItemInterface, Orientation, LegendPosition, axisFormatter } from '../../types';
-export interface BarChartProps<T> {
+import { BulletLegendItemInterface, Orientation } from '@unovis/ts';
+import { LegendPosition, axisFormatter } from '../../types';
+type BarChartPropsBase<T> = {
     /**
      * The data to be displayed in the bar chart.
      * Each element of the array represents a data point.
@@ -10,10 +11,6 @@ export interface BarChartProps<T> {
      * If `true`, creates a stacked bar chart instead of grouped bars.
      */
     stacked?: boolean;
-    /**
-     * If `true`, creates a combination of stacked and grouped bar charts.
-     */
-    stackAndGrouped?: boolean;
     /**
      * The height of the chart in pixels.
      */
@@ -27,9 +24,9 @@ export interface BarChartProps<T> {
      */
     yLabel?: string;
     /**
-   * Optional padding applied to the chart.
-   * Allows specifying individual padding values for the top, right, bottom, and left sides.
-   */
+     * Optional padding applied to the chart.
+     * Allows specifying individual padding values for the top, right, bottom, and left sides.
+     */
     padding?: {
         top: number;
         right: number;
@@ -42,19 +39,19 @@ export interface BarChartProps<T> {
      */
     categories: Record<string, BulletLegendItemInterface>;
     /**
-   * @param {number|Date} tick - The value of the tick. This can be a number or a Date object depending on the scale of the x-axis.
-   * @param {number} i - The index of the tick in the `ticks` array.
-   * @param {(number[]|Date[])} ticks - An array of all tick values for the x-axis.
-   * @returns {string} The formatted string representation of the tick.
-   */
-    xFormatter?: axisFormatter<T>;
+     * @param {number|Date} tick - The value of the tick. This can be a number or a Date object depending on the scale of the x-axis.
+     * @param {number} i - The index of the tick in the `ticks` array.
+     * @param {(number[]|Date[])} ticks - An array of all tick values for the x-axis.
+     * @returns {string} The formatted string representation of the tick.
+     */
+    xFormatter?: axisFormatter;
     /**
-   * @param {number|Date} tick - The value of the tick. This can be a number or a Date object depending on the scale of the y-axis.
-   * @param {number} i - The index of the tick in the `ticks` array.
-   * @param {(number[]|Date[])} ticks - An array of all tick values for the y-axis.
-   * @returns {string} The formatted string representation of the tick.
-   */
-    yFormatter?: axisFormatter<T>;
+     * @param {number|Date} tick - The value of the tick. This can be a number or a Date object depending on the scale of the y-axis.
+     * @param {number} i - The index of the tick in the `ticks` array.
+     * @param {(number[]|Date[])} ticks - An array of all tick values for the y-axis.
+     * @returns {string} The formatted string representation of the tick.
+     */
+    yFormatter?: axisFormatter;
     /**
      * The desired number of ticks on the y-axis.
      */
@@ -91,6 +88,10 @@ export interface BarChartProps<T> {
      * If `true`, hides the chart legend.
      */
     hideLegend?: boolean;
+    /**
+     * If `true`, hides the chart tooltip.
+     */
+    hideTooltip?: boolean;
     /**
      * The orientation of the bars (vertical or horizontal).
      * See `Orientation` for available options.
@@ -133,4 +134,22 @@ export interface BarChartProps<T> {
      * If `true`, hide the y-axis.
      */
     hideYAxis?: boolean;
-}
+};
+type BarChartPropsStackAndGrouped<T> = BarChartPropsBase<T> & {
+    stackAndGrouped: true;
+    /**
+     * The key in the data object type 'T' to be used for the x-axis values.
+     * Required when stackAndGrouped is true.
+     */
+    xAxis: keyof T;
+};
+type BarChartPropsNormal<T> = BarChartPropsBase<T> & {
+    stackAndGrouped?: false;
+    /**
+     * The key in the data object type 'T' to be used for the x-axis values.
+     * Optional when stackAndGrouped is not true.
+     */
+    xAxis?: keyof T;
+};
+export type BarChartProps<T> = BarChartPropsStackAndGrouped<T> | BarChartPropsNormal<T>;
+export {};

package/dist/components/DonutChart/DonutChart.vue.d.ts

@@ -1,6 +1,8 @@
 import { DonutChartProps } from './types';
 declare const _default: <T extends {}>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & DonutChartProps & Partial<{}>> & import('vue').PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onClick?: ((event: MouseEvent, values?: any) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick"> & DonutChartProps & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
@@ -10,7 +12,7 @@ declare const _default: <T extends {}>(__VLS_props: NonNullable<Awaited<typeof _
         }): any;
         fallback?(_: {}): any;
     };
-    emit: {};
+    emit: (e: "click", event: MouseEvent, values?: any) => void;
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/DonutChart/types.d.ts

@@ -1,4 +1,4 @@
-interface DonutChartProps {
+export type DonutChartProps = {
     /**
      * The type of donut chart to render.
      * See `DonutType` for available options.
@@ -28,9 +28,13 @@ interface DonutChartProps {
         name: string;
         color: string;
     }[];
-}
+    /**
+     * Pad angle. Default: 0
+     */
+    padAngle?: number;
+};
 declare enum DonutType {
     Half = "half",
     Full = "full"
 }
-export { type DonutChartProps, DonutType };
+export { DonutType };

package/dist/components/LineChart/LineChart.vue.d.ts

@@ -1,6 +1,8 @@
 import { LineChartProps } from './types';
 declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & LineChartProps<T> & Partial<{}>> & import('vue').PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onClick?: ((event: MouseEvent, values?: T | undefined) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick"> & LineChartProps<T> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
@@ -9,7 +11,7 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
         }): any;
         fallback?(_: {}): any;
     };
-    emit: {};
+    emit: (e: "click", event: MouseEvent, values?: T) => void;
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/LineChart/types.d.ts

@@ -1,4 +1,5 @@
-import { axisFormatter, BulletLegendItemInterface, CurveType, LegendPosition, MarkerConfig } from '../../types';
+import { BulletLegendItemInterface, CurveType } from '@unovis/ts';
+import { axisFormatter, LegendPosition, MarkerConfig } from '../../types';
 export interface LineChartProps<T> {
     /**
      * The data to be displayed in the line chart.
@@ -43,22 +44,22 @@ export interface LineChartProps<T> {
      * @param {(number[]|Date[])} ticks - An array of all tick values for the x-axis.
      * @returns {string} The formatted string representation of the tick.
      */
-    xFormatter?: axisFormatter<T>;
+    xFormatter?: axisFormatter;
     /**
      * @param {number|Date} tick - The value of the tick. This can be a number or a Date object depending on the scale of the y-axis.
      * @param {number} i - The index of the tick in the `ticks` array.
      * @param {(number[]|Date[])} ticks - An array of all tick values for the y-axis.
      * @returns {string} The formatted string representation of the tick.
      */
-    yFormatter?: axisFormatter<T>;
+    yFormatter?: axisFormatter;
     /**
      * The type of curve to use for the line chart.
      * See `CurveType` for available options.
      */
     curveType?: CurveType;
     /**
-   * The width of the line in pixels. Default is 2px.
-   */
+     * The width of the line in pixels. Default is 2px.
+     */
     lineWidth?: number;
     /**
      * Line dash array, see SVG's stroke-dasharray. Default: `undefined`
@@ -125,4 +126,22 @@ export interface LineChartProps<T> {
      * If `true`, hide the y-axis.
      */
     hideYAxis?: boolean;
+    /**
+     * Crosshair configuration object for customizing the appearance of the crosshair line.
+     */
+    crosshairConfig?: {
+        /**
+         * The color of the crosshair line. Accepts any valid CSS color string.
+         * Example: '#f00', 'rgba(0,0,0,0.5)', 'blue'
+         */
+        color?: string;
+        /**
+         * The stroke color of the crosshair line. Accepts any valid CSS color string.
+         */
+        strokeColor?: string;
+        /**
+         * The stroke width of the crosshair line in pixels.
+         */
+        strokeWidth?: number;
+    };
 }

package/dist/components/Tooltip.vue.d.ts

@@ -1,10 +1,11 @@
-import { axisFormatter, BulletLegendItemInterface } from '../types';
+import { axisFormatter } from '../types';
+import { BulletLegendItemInterface } from '@unovis/ts';
 declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & {
         data: T;
         categories: Record<string, BulletLegendItemInterface>;
         toolTipTitle: string | number;
-        yFormatter?: axisFormatter<T>;
+        yFormatter?: axisFormatter;
     } & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/index.d.ts

@@ -3,6 +3,5 @@ import { default as AreaStackedChart } from './components/AreaStackedChart/AreaS
 import { default as LineChart } from './components/LineChart/LineChart.vue';
 import { default as BarChart } from './components/BarChart/BarChart.vue';
 import { default as DonutChart } from './components/DonutChart/DonutChart.vue';
-import { LegendPosition, CurveType, Orientation, BulletLegendItemInterface } from './types';
-export { AreaChart, AreaStackedChart, LineChart, BarChart, DonutChart, Orientation, CurveType, LegendPosition };
-export type { BulletLegendItemInterface, };
+import { LegendPosition } from './types';
+export { AreaChart, AreaStackedChart, LineChart, BarChart, DonutChart, LegendPosition };