@evixcard/evx-ui-kit 0.1.21 → 1.0.0

package/dist/components/charts/EvxRadarChart.vue.d.ts

@@ -0,0 +1,16 @@
+import { ChartRow } from './useCartesianFrame.ts';
+export interface EvxRadarChartProps {
+    data: ChartRow[];
+    nameKey?: string;
+    valueKeys?: string[];
+    seriesLabels?: string[];
+    height?: number;
+}
+declare const _default: import('vue').DefineComponent<EvxRadarChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxRadarChartProps> & Readonly<{}>, {
+    height: number;
+    nameKey: string;
+    valueKeys: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapperRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/charts/EvxRadialChart.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/charts/EvxRadialChart.vue.d.ts

@@ -0,0 +1,16 @@
+import { ChartRow } from './useCartesianFrame.ts';
+export interface EvxRadialChartProps {
+    data: ChartRow[];
+    nameKey?: string;
+    valueKey?: string;
+    max?: number;
+    height?: number;
+}
+declare const _default: import('vue').DefineComponent<EvxRadialChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxRadialChartProps> & Readonly<{}>, {
+    height: number;
+    nameKey: string;
+    valueKey: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapperRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/charts/index.d.ts

@@ -0,0 +1,8 @@
+export { default as EvxAreaChart, type EvxAreaChartProps } from './EvxAreaChart.vue';
+export { default as EvxBarChart, type EvxBarChartProps } from './EvxBarChart.vue';
+export { default as EvxLineChart, type EvxLineChartProps } from './EvxLineChart.vue';
+export { default as EvxPieChart, type EvxPieChartProps } from './EvxPieChart.vue';
+export { default as EvxRadarChart, type EvxRadarChartProps } from './EvxRadarChart.vue';
+export { default as EvxRadialChart, type EvxRadialChartProps } from './EvxRadialChart.vue';
+export { default as EvxComposedChart, type EvxComposedChartProps } from './EvxComposedChart.vue';
+export type { ChartRow } from './useCartesianFrame.ts';

package/dist/components/charts/useCartesianFrame.d.ts

@@ -0,0 +1,38 @@
+import { Ref } from 'vue';
+export type ChartRow = Record<string, number | string>;
+interface FrameOptions {
+    wrapperRef: Ref<HTMLElement | null>;
+    data: () => ChartRow[];
+    xKey: () => string;
+    yKeys: () => string[];
+    height: () => number;
+    mode?: 'point' | 'band';
+    bandPadding?: number;
+}
+export declare const CHART_MARGIN: {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export declare function useCartesianFrame(opts: FrameOptions): {
+    width: Ref<number, number>;
+    margin: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    innerW: import('vue').ComputedRef<number>;
+    innerH: import('vue').ComputedRef<number>;
+    categories: import('vue').ComputedRef<string[]>;
+    xPoint: import('vue').ComputedRef<import('d3-scale').ScalePoint<string>>;
+    xBand: import('vue').ComputedRef<import('d3-scale').ScaleBand<string>>;
+    y: import('vue').ComputedRef<import('d3-scale').ScaleLinear<number, number, never>>;
+    yTicks: import('vue').ComputedRef<number[]>;
+    maxY: import('vue').ComputedRef<number>;
+    hoverIndex: Ref<number | null, number | null>;
+    onMove: (e: MouseEvent) => void;
+    onLeave: () => void;
+};
+export {};

package/dist/components/charts/useChartTheme.d.ts

@@ -0,0 +1,22 @@
+export interface ChartTooltipStyle {
+    border: string;
+    radius: number;
+    shadow: string;
+    background: string;
+}
+export declare function useChartTheme(): {
+    colors: import('vue').Ref<string[], string[]>;
+    axis: import('vue').Ref<string, string>;
+    grid: import('vue').Ref<string, string>;
+    tooltip: import('vue').Ref<{
+        border: string;
+        radius: number;
+        shadow: string;
+        background: string;
+    }, ChartTooltipStyle | {
+        border: string;
+        radius: number;
+        shadow: string;
+        background: string;
+    }>;
+};