vue-chrts 0.0.132 → 0.0.134

package/src-demo/data/InvestmentData.ts

@@ -0,0 +1,352 @@
+import { BulletLegendItemInterface } from "@unovis/ts"
+
+export const categories: Record<string, BulletLegendItemInterface> = {
+  'ETF Shares Vital': { name: 'ETF Shares Vital', color: '#3b82f6' },
+  'Vitainvest Core': { name: 'Vitainvest Core', color: '#d946ef' },
+  'iShares Tech Growth': { name: 'iShares Tech Growth', color: '#8b5cf6' }
+}
+
+export const InvestmentData  = [
+    {
+        date: 'Aug 01',
+        'ETF Shares Vital': 2100.2,
+        'Vitainvest Core': 4434.1,
+        'iShares Tech Growth': 7943.2,
+      },
+      {
+        date: 'Aug 02',
+        'ETF Shares Vital': 2943.0,
+        'Vitainvest Core': 4954.1,
+        'iShares Tech Growth': 8954.1,
+      },
+      {
+        date: 'Aug 03',
+        'ETF Shares Vital': 4889.5,
+        'Vitainvest Core': 6100.2,
+        'iShares Tech Growth': 9123.7,
+      },
+      {
+        date: 'Aug 04',
+        'ETF Shares Vital': 3909.8,
+        'Vitainvest Core': 4909.7,
+        'iShares Tech Growth': 7478.4,
+      },
+      {
+        date: 'Aug 05',
+        'ETF Shares Vital': 5778.7,
+        'Vitainvest Core': 7103.1,
+        'iShares Tech Growth': 9504.3,
+      },
+      {
+        date: 'Aug 06',
+        'ETF Shares Vital': 5900.9,
+        'Vitainvest Core': 7534.3,
+        'iShares Tech Growth': 9943.4,
+      },
+      {
+        date: 'Aug 07',
+        'ETF Shares Vital': 4129.4,
+        'Vitainvest Core': 7412.1,
+        'iShares Tech Growth': 10112.2,
+      },
+      {
+        date: 'Aug 08',
+        'ETF Shares Vital': 6021.2,
+        'Vitainvest Core': 7834.4,
+        'iShares Tech Growth': 10290.2,
+      },
+      {
+        date: 'Aug 09',
+        'ETF Shares Vital': 6279.8,
+        'Vitainvest Core': 8159.1,
+        'iShares Tech Growth': 10349.6,
+      },
+      {
+        date: 'Aug 10',
+        'ETF Shares Vital': 6224.5,
+        'Vitainvest Core': 8260.6,
+        'iShares Tech Growth': 10415.4,
+      },
+      {
+        date: 'Aug 11',
+        'ETF Shares Vital': 6380.6,
+        'Vitainvest Core': 8965.3,
+        'iShares Tech Growth': 10636.3,
+      },
+      {
+        date: 'Aug 12',
+        'ETF Shares Vital': 6414.4,
+        'Vitainvest Core': 7989.3,
+        'iShares Tech Growth': 10900.5,
+      },
+      {
+        date: 'Aug 13',
+        'ETF Shares Vital': 6540.1,
+        'Vitainvest Core': 7839.6,
+        'iShares Tech Growth': 11040.4,
+      },
+      {
+        date: 'Aug 14',
+        'ETF Shares Vital': 6634.4,
+        'Vitainvest Core': 7343.8,
+        'iShares Tech Growth': 11390.5,
+      },
+      {
+        date: 'Aug 15',
+        'ETF Shares Vital': 7124.6,
+        'Vitainvest Core': 6903.7,
+        'iShares Tech Growth': 11423.1,
+      },
+      {
+        date: 'Aug 16',
+        'ETF Shares Vital': 7934.5,
+        'Vitainvest Core': 6273.6,
+        'iShares Tech Growth': 12134.4,
+      },
+      {
+        date: 'Aug 17',
+        'ETF Shares Vital': 10287.8,
+        'Vitainvest Core': 5900.3,
+        'iShares Tech Growth': 12034.4,
+      },
+      {
+        date: 'Aug 18',
+        'ETF Shares Vital': 10323.2,
+        'Vitainvest Core': 5732.1,
+        'iShares Tech Growth': 11011.7,
+      },
+      {
+        date: 'Aug 19',
+        'ETF Shares Vital': 10511.4,
+        'Vitainvest Core': 5523.1,
+        'iShares Tech Growth': 11834.8,
+      },
+      {
+        date: 'Aug 20',
+        'ETF Shares Vital': 11043.9,
+        'Vitainvest Core': 5422.3,
+        'iShares Tech Growth': 12387.1,
+      },
+      {
+        date: 'Aug 21',
+        'ETF Shares Vital': 6700.7,
+        'Vitainvest Core': 5334.2,
+        'iShares Tech Growth': 11032.2,
+      },
+      {
+        date: 'Aug 22',
+        'ETF Shares Vital': 6900.8,
+        'Vitainvest Core': 4943.4,
+        'iShares Tech Growth': 10134.2,
+      },
+      {
+        date: 'Aug 23',
+        'ETF Shares Vital': 7934.5,
+        'Vitainvest Core': 4812.1,
+        'iShares Tech Growth': 9921.2,
+      },
+      {
+        date: 'Aug 24',
+        'ETF Shares Vital': 9021.0,
+        'Vitainvest Core': 2729.1,
+        'iShares Tech Growth': 10549.8,
+      },
+      {
+        date: 'Aug 25',
+        'ETF Shares Vital': 9198.2,
+        'Vitainvest Core': 2178.0,
+        'iShares Tech Growth': 10968.4,
+      },
+      {
+        date: 'Aug 26',
+        'ETF Shares Vital': 9557.1,
+        'Vitainvest Core': 2158.3,
+        'iShares Tech Growth': 11059.1,
+      },
+      {
+        date: 'Aug 27',
+        'ETF Shares Vital': 9959.8,
+        'Vitainvest Core': 2100.8,
+        'iShares Tech Growth': 11903.6,
+      },
+      {
+        date: 'Aug 28',
+        'ETF Shares Vital': 10034.6,
+        'Vitainvest Core': 2934.4,
+        'iShares Tech Growth': 12143.3,
+      },
+      {
+        date: 'Aug 29',
+        'ETF Shares Vital': 10243.8,
+        'Vitainvest Core': 3223.4,
+        'iShares Tech Growth': 12930.1,
+      },
+      {
+        date: 'Aug 30',
+        'ETF Shares Vital': 10078.5,
+        'Vitainvest Core': 3779.1,
+        'iShares Tech Growth': 13420.5,
+      },
+      {
+        date: 'Aug 31',
+        'ETF Shares Vital': 11134.6,
+        'Vitainvest Core': 4190.3,
+        'iShares Tech Growth': 14443.2,
+      },
+      {
+        date: 'Sep 01',
+        'ETF Shares Vital': 12347.2,
+        'Vitainvest Core': 4839.1,
+        'iShares Tech Growth': 14532.1,
+      },
+      {
+        date: 'Sep 02',
+        'ETF Shares Vital': 12593.8,
+        'Vitainvest Core': 5153.3,
+        'iShares Tech Growth': 14283.5,
+      },
+      {
+        date: 'Sep 03',
+        'ETF Shares Vital': 12043.4,
+        'Vitainvest Core': 5234.8,
+        'iShares Tech Growth': 14078.9,
+      },
+      {
+        date: 'Sep 04',
+        'ETF Shares Vital': 12144.9,
+        'Vitainvest Core': 5478.4,
+        'iShares Tech Growth': 13859.7,
+      },
+      {
+        date: 'Sep 05',
+        'ETF Shares Vital': 12489.5,
+        'Vitainvest Core': 5741.1,
+        'iShares Tech Growth': 13539.2,
+      },
+      {
+        date: 'Sep 06',
+        'ETF Shares Vital': 12748.7,
+        'Vitainvest Core': 6743.9,
+        'iShares Tech Growth': 13643.2,
+      },
+      {
+        date: 'Sep 07',
+        'ETF Shares Vital': 12933.2,
+        'Vitainvest Core': 7832.8,
+        'iShares Tech Growth': 14629.2,
+      },
+      {
+        date: 'Sep 08',
+        'ETF Shares Vital': 13028.8,
+        'Vitainvest Core': 8943.2,
+        'iShares Tech Growth': 13611.2,
+      },
+      {
+        date: 'Sep 09',
+        'ETF Shares Vital': 13412.4,
+        'Vitainvest Core': 9932.2,
+        'iShares Tech Growth': 12515.2,
+      },
+      {
+        date: 'Sep 10',
+        'ETF Shares Vital': 13649.0,
+        'Vitainvest Core': 10139.2,
+        'iShares Tech Growth': 11143.8,
+      },
+      {
+        date: 'Sep 11',
+        'ETF Shares Vital': 13748.5,
+        'Vitainvest Core': 10441.2,
+        'iShares Tech Growth': 8929.2,
+      },
+      {
+        date: 'Sep 12',
+        'ETF Shares Vital': 13148.1,
+        'Vitainvest Core': 10933.8,
+        'iShares Tech Growth': 8943.2,
+      },
+      {
+        date: 'Sep 13',
+        'ETF Shares Vital': 12839.6,
+        'Vitainvest Core': 11073.4,
+        'iShares Tech Growth': 7938.3,
+      },
+      {
+        date: 'Sep 14',
+        'ETF Shares Vital': 12428.2,
+        'Vitainvest Core': 11128.3,
+        'iShares Tech Growth': 7533.4,
+      },
+      {
+        date: 'Sep 15',
+        'ETF Shares Vital': 12012.8,
+        'Vitainvest Core': 11412.3,
+        'iShares Tech Growth': 7100.4,
+      },
+      {
+        date: 'Sep 16',
+        'ETF Shares Vital': 11801.3,
+        'Vitainvest Core': 10501.1,
+        'iShares Tech Growth': 6532.1,
+      },
+      {
+        date: 'Sep 17',
+        'ETF Shares Vital': 10102.9,
+        'Vitainvest Core': 8923.3,
+        'iShares Tech Growth': 4332.8,
+      },
+      {
+        date: 'Sep 18',
+        'ETF Shares Vital': 12132.5,
+        'Vitainvest Core': 10212.1,
+        'iShares Tech Growth': 7847.4,
+      },
+      {
+        date: 'Sep 19',
+        'ETF Shares Vital': 12901.1,
+        'Vitainvest Core': 10101.7,
+        'iShares Tech Growth': 7223.3,
+      },
+      {
+        date: 'Sep 20',
+        'ETF Shares Vital': 13132.6,
+        'Vitainvest Core': 12132.3,
+        'iShares Tech Growth': 6900.2,
+      },
+      {
+        date: 'Sep 21',
+        'ETF Shares Vital': 14132.2,
+        'Vitainvest Core': 13212.5,
+        'iShares Tech Growth': 5932.2,
+      },
+      {
+        date: 'Sep 22',
+        'ETF Shares Vital': 14245.8,
+        'Vitainvest Core': 12163.4,
+        'iShares Tech Growth': 5577.1,
+      },
+      {
+        date: 'Sep 23',
+        'ETF Shares Vital': 14328.3,
+        'Vitainvest Core': 10036.1,
+        'iShares Tech Growth': 5439.2,
+      },
+      {
+        date: 'Sep 24',
+        'ETF Shares Vital': 14949.9,
+        'Vitainvest Core': 8985.1,
+        'iShares Tech Growth': 4463.1,
+      },
+      {
+        date: 'Sep 25',
+        'ETF Shares Vital': 15967.5,
+        'Vitainvest Core': 9700.1,
+        'iShares Tech Growth': 4123.2,
+      },
+      {
+        date: 'Sep 26',
+        'ETF Shares Vital': 17349.3,
+        'Vitainvest Core': 10943.4,
+        'iShares Tech Growth': 3935.1,
+      },    
+]

package/src-demo/data/RevenueData.ts

@@ -0,0 +1,58 @@
+import { BulletLegendItemInterface } from "@unovis/ts";
+
+export const categories: Record<string, BulletLegendItemInterface> = {
+  value: { name: 'Value', color: '#05DF72' },
+}
+
+export const RevenueData = [
+    { date: '16/12/25', value: 60000 },
+    { date: '08/12/25', value: 40000 },
+    { date: '30/11/25', value: 40000 },
+    { date: '22/11/25', value: 30000 },
+    { date: '14/11/25', value: 65000 },
+    { date: '06/11/25', value: 90000 },
+    { date: '29/10/25', value: 35000 },
+    { date: '21/10/25', value: 25000 },
+    { date: '13/10/25', value: 60000 },
+    { date: '05/10/25', value: 55000 },
+    { date: '27/09/25', value: 110000 },
+    { date: '19/09/25', value: 60000 },
+    { date: '11/09/25', value: 50000 },
+    { date: '03/09/25', value: 80000 },
+    { date: '26/08/25', value: 30000 }, // Estimated
+    { date: '18/08/25', value: 45000 }, // Estimated
+    { date: '10/08/25', value: 55000 }, // Estimated
+    { date: '02/08/25', value: 70000 }, // Estimated
+    { date: '25/07/25', value: 40000 }, // Estimated
+    { date: '17/07/25', value: 60000 }, // Estimated
+    { date: '09/07/25', value: 35000 }, // Estimated
+    { date: '01/07/25', value: 50000 }, // Estimated
+    { date: '23/06/25', value: 65000 }, // Estimated
+    { date: '15/06/25', value: 80000 }, // Estimated
+    { date: '07/06/25', value: 45000 }, // Estimated
+    { date: '30/05/25', value: 75000 }, // Estimated
+    { date: '22/05/25', value: 55000 }, // Estimated
+    { date: '14/05/25', value: 60000 }, // Estimated
+    { date: '06/05/25', value: 40000 }, // Estimated
+    { date: '28/04/25', value: 30000 }, // Estimated
+    { date: '20/04/25', value: 50000 }, // Estimated
+    { date: '12/04/25', value: 70000 }, // Estimated
+    { date: '04/04/25', value: 65000 }, // Estimated
+    { date: '27/03/25', value: 85000 }, // Estimated
+    { date: '19/03/25', value: 55000 }, // Estimated
+    { date: '11/03/25', value: 45000 }, // Estimated
+    { date: '03/03/25', value: 60000 }, // Estimated
+    { date: '25/02/25', value: 35000 }, // Estimated
+    { date: '16/02/25', value: 50000 }, // Estimated
+    { date: '08/02/25', value: 75000 }, // Estimated
+    { date: '31/01/25', value: 65000 }, // Estimated
+    { date: '23/01/25', value: 40000 }, // Estimated
+    { date: '15/01/25', value: 55000 }, // Estimated
+    { date: '07/01/25', value: 80000 }, // Estimated
+    { date: '30/12/24', value: 70000 }, // Estimated
+    { date: '22/12/24', value: 60000 }, // Estimated
+    { date: '14/12/24', value: 45000 }, // Estimated
+    { date: '06/12/24', value: 55000 }, // Estimated
+  ].reverse();
+
+  export const RevenueDataSmall =  RevenueData.slice(0, 3);

package/src-demo/data/VisitorsData.ts

@@ -0,0 +1,260 @@
+export interface IVisitorsData {
+  date: Date
+  visitors: number
+}
+
+export const VisitorsCartegories = {
+  visitors: { name: "Visitors", color: "#156F36" },
+}
+
+export const VisitorsData: IVisitorsData[] = [
+  {
+    date: new Date('2024-01-01'),
+    visitors: 321
+  },
+  {
+    date: new Date('2024-01-02'),
+    visitors: 187
+  },
+  {
+    date: new Date('2024-01-03'),
+    visitors: 456
+  },
+  {
+    date: new Date('2024-01-04'),
+    visitors: 298
+  },
+  {
+    date: new Date('2024-01-05'),
+    visitors: 512
+  },
+  {
+    date: new Date('2024-01-06'),
+    visitors: 154
+  },
+  {
+    date: new Date('2024-01-07'),
+    visitors: 387
+  },
+  {
+    date: new Date('2024-01-08'),
+    visitors: 221
+  },
+  {
+    date: new Date('2024-01-09'),
+    visitors: 498
+  },
+  {
+    date: new Date('2024-01-10'),
+    visitors: 176
+  },
+  {
+    date: new Date('2024-01-11'),
+    visitors: 354
+  },
+  {
+    date: new Date('2024-01-12'),
+    visitors: 287
+  },
+  {
+    date: new Date('2024-01-13'),
+    visitors: 521
+  },
+  {
+    date: new Date('2024-01-14'),
+    visitors: 198
+  },
+  {
+    date: new Date('2024-01-15'),
+    visitors: 476
+  },
+  {
+    date: new Date('2024-01-16'),
+    visitors: 234
+  },
+  {
+    date: new Date('2024-01-17'),
+    visitors: 399
+  },
+  {
+    date: new Date('2024-01-18'),
+    visitors: 165
+  },
+  {
+    date: new Date('2024-01-19'),
+    visitors: 532
+  },
+  {
+    date: new Date('2024-01-20'),
+    visitors: 278
+  },
+  {
+    date: new Date('2024-01-21'),
+    visitors: 411
+  },
+  {
+    date: new Date('2024-01-22'),
+    visitors: 143
+  },
+  {
+    date: new Date('2024-01-23'),
+    visitors: 366
+  },
+  {
+    date: new Date('2024-01-24'),
+    visitors: 255
+  },
+  {
+    date: new Date('2024-01-25'),
+    visitors: 501
+  },
+  {
+    date: new Date('2024-01-26'),
+    visitors: 177
+  },
+  {
+    date: new Date('2024-01-27'),
+    visitors: 433
+  },
+  {
+    date: new Date('2024-01-28'),
+    visitors: 210
+  },
+  {
+    date: new Date('2024-01-29'),
+    visitors: 488
+  },
+  {
+    date: new Date('2024-01-30'),
+    visitors: 199
+  },
+  {
+    date: new Date('2024-01-31'),
+    visitors: 377
+  },
+
+  {
+    date: new Date('2024-02-01'),
+    visitors: 321
+  },
+  {
+    date: new Date('2024-02-02'),
+    visitors: 187
+  },
+  {
+    date: new Date('2024-02-03'),
+    visitors: 456
+  },
+  {
+    date: new Date('2024-02-04'),
+    visitors: 298
+  },
+  {
+    date: new Date('2024-02-05'),
+    visitors: 512
+  },
+  {
+    date: new Date('2024-02-06'),
+    visitors: 154
+  },
+  {
+    date: new Date('2024-02-07'),
+    visitors: 387
+  },
+  {
+    date: new Date('2024-02-08'),
+    visitors: 221
+  },
+  {
+    date: new Date('2024-02-09'),
+    visitors: 498
+  },
+  {
+    date: new Date('2024-02-10'),
+    visitors: 176
+  },
+  {
+    date: new Date('2024-02-11'),
+    visitors: 354
+  },
+  {
+    date: new Date('2024-02-12'),
+    visitors: 287
+  },
+  {
+    date: new Date('2024-02-13'),
+    visitors: 521
+  },
+  {
+    date: new Date('2024-02-14'),
+    visitors: 198
+  },
+  {
+    date: new Date('2024-02-15'),
+    visitors: 476
+  },
+  {
+    date: new Date('2024-02-16'),
+    visitors: 234
+  },
+  {
+    date: new Date('2024-02-17'),
+    visitors: 399
+  },
+  {
+    date: new Date('2024-02-18'),
+    visitors: 165
+  },
+  {
+    date: new Date('2024-02-19'),
+    visitors: 532
+  },
+  {
+    date: new Date('2024-02-20'),
+    visitors: 278
+  },
+  {
+    date: new Date('2024-02-21'),
+    visitors: 411
+  },
+  {
+    date: new Date('2024-02-22'),
+    visitors: 143
+  },
+  {
+    date: new Date('2024-02-23'),
+    visitors: 366
+  },
+  {
+    date: new Date('2024-02-24'),
+    visitors: 255
+  },
+  {
+    date: new Date('2024-02-25'),
+    visitors: 501
+  },
+  {
+    date: new Date('2024-02-26'),
+    visitors: 177
+  },
+  {
+    date: new Date('2024-02-27'),
+    visitors: 433
+  },
+  {
+    date: new Date('2024-02-28'),
+    visitors: 210
+  },
+  {
+    date: new Date('2024-02-29'),
+    visitors: 488
+  },
+  {
+    date: new Date('2024-02-30'),
+    visitors: 199
+  },
+  {
+    date: new Date('2024-02-31'),
+    visitors: 377
+  }
+]

package/src-demo/elements/Button.vue

@@ -0,0 +1,13 @@
+<script lang="ts" setup>
+const props = defineProps<{
+  color?: string
+}>();
+</script>
+<template>
+  <button
+  :class="props.color === 'white' ? 'bg-white hover:bg-white/75' : 'bg-primary hover:bg-primary/75'"
+    class="rounded font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-background disabled:bg-(--ui-primary) aria-disabled:bg-(--ui-primary) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-primary)"
+  >
+    <slot></slot>
+  </button>
+</template>

package/src-demo/elements/Card.vue

@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { useSlots } from 'vue'
+const slots = useSlots()
+</script>
+<template>
+  <div class="w-full rounded-lg ring ring-border divide-y divide-border bg-card">
+    <div v-if="slots.header" class="p-4 sm:px-6">
+        <slot class="p-4 sm:px-6" name="header"></slot>
+    </div>
+    <div class="p-4 sm:px-6">
+        <slot></slot>
+    </div>
+    <div v-if="slots.footer" class="p-4 sm:px-6">
+        <slot class="p-4 sm:px-6" name="footer"></slot>
+    </div>
+  </div>
+</template>