vue-chrts 0.0.134 → 0.0.137

package/src-demo/components/index.ts

@@ -1,49 +0,0 @@
-// index.ts
-import Progress from './Progress/Progress.vue';
-import Status from './Status/Status.vue';
-import Tooltip from './Tooltip/Tooltip.vue';
-import type { 
-  AreaChartType, 
-  AreaStackedChartType, 
-  BarChartType, 
-  DonutChartType,
-  LineChartType,
-  PaginationPositionType,
-  
-  // Also import the prop types
-  AreaChartProps,
-  AreaStackedChartProps,
-  BarChartProps,
-  DonutChartProps,
-  LineChartProps
-} from './charts';
-
-export { Progress, Status, Tooltip };
-
-// Re-export prop types for easier access
-export type {
-  AreaChartProps,
-  AreaStackedChartProps,
-  BarChartProps,
-  DonutChartProps,
-  LineChartProps
-};
-
-// Define the return type of loadCharts
-export interface ChartModules {
-  AreaChart: AreaChartType;
-  AreaStackedChart: AreaStackedChartType;
-  BarChart: BarChartType;
-  DonutChart: DonutChartType;
-  LineChart: LineChartType;
-  PaginationPosition: PaginationPositionType;
-}
-
-export const loadCharts = (): Promise<ChartModules> => {
-  if ((import.meta as any).client || typeof window !== 'undefined') {
-    return import('./charts').then((module) => {
-      return module;
-    });
-  }
-  return Promise.resolve({} as ChartModules);
-};

package/src-demo/data/AreaChartData.ts

@@ -1,294 +0,0 @@
-import type { BulletLegendItemInterface } from '@unovis/ts'
-
-/* Demo data for homepage */
-export const categories1: Record<string, BulletLegendItemInterface> = {
-  desktop: { name: 'Desktop', color: '#38bdf8' },
-  mobile: { name: 'Mobile', color: '#00dc82' }
-}
-
-export const categories2: Record<string, BulletLegendItemInterface> = {
-  temperature: { name: 'Temperature', color: '#00dc82' }
-}
-
-export const categories3: Record<string, BulletLegendItemInterface> = {
-  desktop: { name: 'Desktop', color: '#156F36' },
-  mobile: { name: 'Mobile', color: '#4ade80' }
-}
-
-export const categories4: Record<string, BulletLegendItemInterface> = {
-  firstTime: { name: 'First time', color: '#156F36' },
-  returning: { name: 'Returning', color: '#156F3640' }
-}
-
-export const categories5: Record<string, BulletLegendItemInterface> = {
-  desktop: { name: 'Desktop', color: '#4ade80' }
-}
-
-export interface AreaChartItem1 {
-  date: string
-  desktop: number
-  mobile: number
-}
-
-export const AreaChartData1: AreaChartItem1[] = [
-  { date: '2024-04-01', desktop: 222, mobile: 150 },
-  { date: '2024-04-02', desktop: 180, mobile: 97 },
-  { date: '2024-04-03', desktop: 167, mobile: 120 },
-  { date: '2024-04-04', desktop: 260, mobile: 240 },
-  { date: '2024-04-05', desktop: 373, mobile: 290 },
-  // { date: '2024-04-06', desktop: 340, mobile: 310 },
-  // { date: '2024-04-07', desktop: 245, mobile: 180 },
-  // { date: '2024-04-08', desktop: 409, mobile: 320 },
-  // { date: '2024-04-09', desktop: 110, mobile: 59 },
-  // { date: '2024-04-10', desktop: 261, mobile: 190 },
-  // { date: '2024-04-11', desktop: 350, mobile: 327 },
-  // { date: '2024-04-12', desktop: 292, mobile: 210 },
-  // { date: '2024-04-13', desktop: 380, mobile: 342 },
-  // { date: '2024-04-14', desktop: 220, mobile: 137 },
-  // { date: '2024-04-15', desktop: 170, mobile: 120 },
-  // { date: '2024-04-16', desktop: 190, mobile: 138 },
-  // { date: '2024-04-17', desktop: 446, mobile: 360 },
-  // { date: '2024-04-18', desktop: 410, mobile: 364 },
-  // { date: '2024-04-19', desktop: 243, mobile: 180 },
-  // { date: '2024-04-20', desktop: 150, mobile: 89 },
-  // { date: '2024-04-21', desktop: 200, mobile: 137 },
-  // { date: '2024-04-22', desktop: 224, mobile: 170 },
-  // { date: '2024-04-23', desktop: 230, mobile: 138 },
-  // { date: '2024-04-24', desktop: 387, mobile: 290 },
-  // { date: '2024-04-25', desktop: 250, mobile: 215 },
-  // { date: '2024-04-26', desktop: 130, mobile: 75 },
-  // { date: '2024-04-27', desktop: 420, mobile: 383 },
-  // { date: '2024-04-28', desktop: 180, mobile: 122 },
-  // { date: '2024-04-29', desktop: 315, mobile: 240 },
-  // { date: '2024-04-30', desktop: 454, mobile: 380 },
-  // { date: '2024-05-01', desktop: 220, mobile: 165 },
-  // { date: '2024-05-02', desktop: 310, mobile: 293 },
-  // { date: '2024-05-03', desktop: 247, mobile: 190 },
-  // { date: '2024-05-04', desktop: 420, mobile: 385 },
-  // { date: '2024-05-05', desktop: 481, mobile: 390 },
-  // { date: '2024-05-06', desktop: 520, mobile: 489 },
-  // { date: '2024-05-07', desktop: 388, mobile: 300 },
-  // { date: '2024-05-08', desktop: 210, mobile: 149 },
-  // { date: '2024-05-09', desktop: 227, mobile: 180 },
-  // { date: '2024-05-10', desktop: 330, mobile: 293 },
-  // { date: '2024-05-11', desktop: 335, mobile: 270 },
-  // { date: '2024-05-12', desktop: 240, mobile: 197 },
-  // { date: '2024-05-13', desktop: 197, mobile: 160 },
-  // { date: '2024-05-14', desktop: 490, mobile: 448 },
-  // { date: '2024-05-15', desktop: 473, mobile: 473 },
-  // { date: '2024-06-01', desktop: 222, mobile: 150 },
-  // { date: '2024-06-02', desktop: 180, mobile: 97 },
-  // { date: '2024-06-03', desktop: 167, mobile: 120 },
-  // { date: '2024-06-04', desktop: 260, mobile: 240 },
-  // { date: '2024-06-05', desktop: 373, mobile: 290 },
-  // { date: '2024-06-06', desktop: 340, mobile: 310 },
-  // { date: '2024-06-07', desktop: 245, mobile: 180 },
-  // { date: '2024-06-08', desktop: 409, mobile: 320 },
-  // { date: '2024-06-09', desktop: 110, mobile: 59 },
-  // { date: '2024-06-10', desktop: 261, mobile: 190 },
-  // { date: '2024-06-11', desktop: 350, mobile: 327 },
-  // { date: '2024-06-12', desktop: 292, mobile: 210 },
-  // { date: '2024-06-13', desktop: 380, mobile: 342 },
-  // { date: '2024-06-14', desktop: 220, mobile: 137 },
-  // { date: '2024-06-15', desktop: 170, mobile: 120 },
-  // { date: '2024-06-16', desktop: 190, mobile: 138 },
-  // { date: '2024-06-17', desktop: 446, mobile: 360 },
-  // { date: '2024-06-18', desktop: 410, mobile: 364 },
-  // { date: '2024-06-19', desktop: 243, mobile: 180 },
-  // { date: '2024-06-20', desktop: 150, mobile: 89 },
-  // { date: '2024-06-21', desktop: 200, mobile: 137 },
-  // { date: '2024-06-22', desktop: 224, mobile: 170 },
-  // { date: '2024-06-23', desktop: 230, mobile: 138 },
-  // { date: '2024-06-24', desktop: 387, mobile: 290 },
-  // { date: '2024-06-25', desktop: 250, mobile: 215 },
-  // { date: '2024-06-26', desktop: 130, mobile: 75 },
-  // { date: '2024-06-27', desktop: 420, mobile: 383 },
-  // { date: '2024-06-28', desktop: 180, mobile: 122 },
-  // { date: '2024-06-29', desktop: 315, mobile: 240 },
-  // { date: '2024-06-30', desktop: 454, mobile: 380 },
-  // { date: '2024-07-01', desktop: 220, mobile: 165 },
-  // { date: '2024-07-02', desktop: 310, mobile: 293 },
-  // { date: '2024-07-03', desktop: 247, mobile: 190 },
-  // { date: '2024-07-04', desktop: 420, mobile: 385 },
-  // { date: '2024-07-05', desktop: 481, mobile: 390 },
-  // { date: '2024-07-06', desktop: 520, mobile: 489 },
-  // { date: '2024-07-07', desktop: 388, mobile: 300 },
-  // { date: '2024-07-08', desktop: 210, mobile: 149 },
-  // { date: '2024-07-09', desktop: 227, mobile: 180 },
-  // { date: '2024-07-10', desktop: 330, mobile: 293 },
-  // { date: '2024-07-11', desktop: 335, mobile: 270 },
-  // { date: '2024-07-12', desktop: 240, mobile: 197 },
-  // { date: '2024-07-13', desktop: 197, mobile: 160 },
-  // { date: '2024-07-14', desktop: 490, mobile: 448 },
-  // { date: '2024-07-15', desktop: 473, mobile: 473 }
-]
-
-export interface AreaChartItem2 {
-  hour: string
-  temperature: number
-}
-
-export const AreaChartData2: AreaChartItem2[] = [
-  { hour: '00:00', temperature: 12.8 },
-  { hour: '01:00', temperature: 12.4 },
-  { hour: '02:00', temperature: 12.2 },
-  { hour: '03:00', temperature: 8.9 },
-  { hour: '04:00', temperature: 8.7 },
-  { hour: '05:00', temperature: 8.3 },
-  { hour: '06:00', temperature: 8.3 },
-  { hour: '07:00', temperature: 8.3 },
-  { hour: '08:00', temperature: 10.5 },
-  { hour: '09:00', temperature: 12.0 },
-  { hour: '10:00', temperature: 13.0 },
-  { hour: '11:00', temperature: 14.2 },
-  { hour: '12:00', temperature: 15.5 },
-  { hour: '13:00', temperature: 16.8 },
-  { hour: '14:00', temperature: 17.5 },
-  { hour: '15:00', temperature: 18.1 },
-  { hour: '16:00', temperature: 18.2 },
-  { hour: '17:00', temperature: 17.8 },
-  { hour: '18:00', temperature: 17.2 },
-  { hour: '19:00', temperature: 16.5 },
-  { hour: '20:00', temperature: 15.8 },
-  { hour: '21:00', temperature: 14.9 },
-  { hour: '22:00', temperature: 14.2 },
-  { hour: '23:00', temperature: 13.5 }
-]
-
-export const AreaChartData3 = [
-  {
-    time: '00:00',
-    returning: 0,
-    firstTime: 0
-  },
-  {
-    time: '01:00',
-    returning: 400,
-    firstTime: 600
-  },
-  {
-    time: '02:00',
-    returning: 300,
-    firstTime: 300
-  },
-  {
-    time: '03:00',
-    returning: 300,
-    firstTime: 300
-  },
-  {
-    time: '04:00',
-    returning: 200,
-    firstTime: 300
-  },
-  {
-    time: '05:00',
-    returning: 111,
-    firstTime: 222
-  },
-  {
-    time: '06:00',
-    returning: 125,
-    firstTime: 125
-  },
-  {
-    time: '07:00',
-    returning: 0,
-    firstTime: 0
-  },
-  {
-    time: '08:00',
-    returning: 300,
-    firstTime: 250
-  },
-  {
-    time: '09:00',
-    returning: 0,
-    firstTime: 0
-  },
-  {
-    time: '10:00',
-    returning: 250,
-    firstTime: 350
-  },
-  {
-    time: '11:00',
-    returning: 125,
-    firstTime: 175
-  },
-  {
-    time: '12:00',
-    returning: 0,
-    firstTime: 0
-  },
-
-  {
-    time: '13:00',
-    returning: 0,
-    firstTime: 0
-  },
-  {
-    time: '14:00',
-    returning: 0,
-    firstTime: 0
-  },
-  {
-    time: '15:00',
-    returning: 0,
-    firstTime: 0
-  },
-  {
-    time: '16:00',
-    returning: 0,
-    firstTime: 0
-  },
-  {
-    time: '17:00',
-    returning: 0,
-    firstTime: 0
-  },
-  {
-    time: '18:00',
-    returning: 50,
-    firstTime: 50
-  },
-  {
-    time: '19:00',
-    returning: 50,
-    firstTime: 50
-  },
-  {
-    time: '20:00',
-    returning: 50,
-    firstTime: 50
-  },
-  {
-    time: '21:00',
-    returning: 0,
-    firstTime: 0
-  },
-  {
-    time: '22:00',
-    returning: 0,
-    firstTime: 0
-  },
-  {
-    time: '23:00',
-    returning: 0,
-    firstTime: 0
-  },
-  {
-    time: '00:00',
-    returning: 0,
-    firstTime: 0
-  }
-]
-
-export const AreaChartData4 = [
-  { month: "January", desktop: 186 },
-  { month: "February", desktop: 305 },
-  { month: "March", desktop: 237 },
-  { month: "April", desktop: 73 },
-  { month: "May", desktop: 209 },
-  { month: "June", desktop: 214 },
-]

package/src-demo/data/BarChartData.ts

@@ -1,79 +0,0 @@
-export interface ElectionDatum {
-  year: number
-  democrat: number
-  republican: number
-  other: number
-}
-
-export function capitalize(s: string): string {
-  return s.charAt(0).toUpperCase() + s.slice(1)
-}
-
-export const BarChartData: ElectionDatum[] = [
-  {
-    year: 1980,
-    republican: 43642639,
-    democrat: 35480948,
-    other: 6505863,
-  },
-  {
-    year: 1984,
-    republican: 54166829,
-    democrat: 37449813,
-    other: 811015,
-  },
-  {
-    year: 1988,
-    republican: 48642640,
-    democrat: 41716679,
-    other: 817798,
-  },
-  {
-    year: 1992,
-    republican: 38798913,
-    democrat: 44856747,
-    other: 20663272,
-  },
-  {
-    year: 1996,
-    republican: 39003697,
-    democrat: 47295351,
-    other: 9625419,
-  },
-  {
-    year: 2000,
-    republican: 50311372,
-    democrat: 50830580,
-    other: 4071625,
-  },
-  {
-    year: 2004,
-    republican: 61872711,
-    democrat: 58894561,
-    other: 1212870,
-  },
-  {
-    year: 2008,
-    republican: 59613835,
-    democrat: 69338846,
-    other: 1956116,
-  },
-  {
-    year: 2012,
-    republican: 60670117,
-    democrat: 65752017,
-    other: 1501463,
-  },
-  {
-    year: 2016,
-    republican: 62692670,
-    democrat: 65677288,
-    other: 4292059,
-  },
-  {
-    year: 2020,
-    democrat: 81268908,
-    republican: 74216146,
-    other: 1246094,
-  },
-]

package/src-demo/data/IncomeExpenseData.ts

@@ -1,189 +0,0 @@
-import type { BulletLegendItemInterface } from "@unovis/ts"
-
-export interface IncomeExpenseItem {
-  month: string
-  year: number
-  income: {
-    salary: number
-    sideHustle: number
-    total: number
-  }
-  expenses: {
-    rent: number
-    groceries: number
-    utilities: number
-    transportation: number
-    entertainment: number
-    eatingOut: number
-    other: number
-    total: number
-  }
-}
-
-
-export const categories: Record<string, BulletLegendItemInterface> = {
-  income: { name: 'Income', color: '#10b981' },
-  expenses: { name: 'Expenses', color: '#3b82f6' }
-}
-
-export const IncomeExpenseData: IncomeExpenseItem[] = [
-  {
-    month: 'January',
-    year: 2024,
-    income: {
-      salary: 2000,
-      sideHustle: 200,
-      total: 2200
-    },
-    expenses: {
-      rent: 1500,
-      groceries: 400,
-      utilities: 200,
-      transportation: 150,
-      entertainment: 300,
-      eatingOut: 250,
-      other: 100,
-      total: 2900
-    }
-
-  },
-  {
-    month: 'February',
-    year: 2024,
-    income: {
-      salary: 4000,
-      sideHustle: 100,
-      total: 4100
-    },
-    expenses: {
-      rent: 1500,
-      groceries: 450,
-      utilities: 250,
-      transportation: 150,
-      entertainment: 200,
-      eatingOut: 300,
-      other: 150,
-      total: 3000
-    }
-
-  },
-  {
-    month: 'March',
-    year: 2024,
-    income: {
-      salary: 2000,
-      sideHustle: 100,
-      total: 2100
-    },
-    expenses: {
-      rent: 1500,
-      groceries: 420,
-      utilities: 220,
-      transportation: 180,
-      entertainment: 350,
-      eatingOut: 200,
-      other: 120,
-      total: 2990
-    }
-  },
-  {
-    month: 'April',
-    year: 2024,
-    income: {
-      salary: 2300,
-      sideHustle: 100,
-      total: 2400
-    },
-    expenses: {
-      rent: 1500,
-      groceries: 450,
-      utilities: 250,
-      transportation: 150,
-      entertainment: 200,
-      eatingOut: 300,
-      other: 150,
-      total: 1400
-    }
-
-  },
-  {
-    month: 'May',
-    year: 2024,
-    income: {
-      salary: 4000,
-      sideHustle: 100,
-      total: 4100
-    },
-    expenses: {
-      rent: 1500,
-      groceries: 450,
-      utilities: 250,
-      transportation: 150,
-      entertainment: 200,
-      eatingOut: 300,
-      other: 150,
-      total: 3000
-    }
-
-  },
-  {
-    month: 'Jun',
-    year: 2024,
-    income: {
-      salary: 3000,
-      sideHustle: 100,
-      total: 3100
-    },
-    expenses: {
-      rent: 1500,
-      groceries: 450,
-      utilities: 250,
-      transportation: 150,
-      entertainment: 200,
-      eatingOut: 300,
-      other: 150,
-      total: 3000
-    }
-
-  },
-  {
-    month: 'Jul',
-    year: 2024,
-    income: {
-      salary: 3200,
-      sideHustle: 600,
-      total: 3800
-    },
-    expenses: {
-      rent: 1500,
-      groceries: 450,
-      utilities: 250,
-      transportation: 150,
-      entertainment: 200,
-      eatingOut: 300,
-      other: 150,
-      total: 3000
-    }
-
-  },
-  {
-    month: 'Aug',
-    year: 2024,
-    income: {
-      salary: 3000,
-      sideHustle: 100,
-      total: 3100
-    },
-    expenses: {
-      rent: 1500,
-      groceries: 450,
-      utilities: 250,
-      transportation: 150,
-      entertainment: 200,
-      eatingOut: 300,
-      other: 150,
-      total: 2000
-    }
-
-  }
-]