vue-chrts 0.0.110 → 0.0.112

package/dist/charts.d.ts

@@ -1,18 +0,0 @@
-import { AreaChart } from './Area/index';
-import { AreaStackedChart } from './AreaStacked/index';
-import { BarChart } from './Bar/index';
-import { DonutChart, DonutChartProps } from './Donut/index';
-import { LineChart, PaginationPosition, LineChartProps } from './Line/index';
-
-export { AreaChart, AreaStackedChart, BarChart, DonutChart, LineChart };
-type ChartModule = {
-    AreaChart: typeof AreaChart;
-    AreaStackedChart: typeof AreaStackedChart;
-    BarChart: typeof BarChart;
-    DonutChart: typeof DonutChart;
-    LineChart: typeof LineChart;
-    DonutChartProps: DonutChartProps;
-    LineChartProps: LineChartProps<any>;
-    PaginationPosition: typeof PaginationPosition;
-};
-export { type ChartModule, type DonutChartProps, type LineChartProps, PaginationPosition };

package/dist/index.d.ts

@@ -1,8 +0,0 @@
-import { ChartModule } from './charts.ts';
-import { default as Progress } from './Progress/Progress.vue';
-import { default as Status } from './Status/Status.vue';
-import { default as Tooltip } from './Tooltip/Tooltip.vue';
-
-export { Progress, Status, Tooltip };
-export declare const loadCharts: () => Promise<ChartModule | {}>;
-export type LoadCharts = typeof loadCharts;

package/dist/index.js

@@ -1,193 +0,0 @@
-import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, toDisplayString, normalizeStyle, ref, Fragment, renderList, normalizeClass, createCommentVNode } from 'vue';
-
-const _hoisted_1$2 = { class: "space-y-2" };
-const _hoisted_2$2 = { class: "space-y-2" };
-const _hoisted_3$2 = { class: "text-gray-500 mb-1" };
-const _hoisted_4$2 = { class: "text-xl dark:text-white font-bold" };
-const _hoisted_5$2 = { class: "flex items-center justify-between text-sm font-medium dark:text-gray-500 mt-2" };
-const _hoisted_6$1 = { class: "dark:bg-white/5 bg-gray-100 rounded-full h-3" };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "Progress",
-  props: {
-    label: {},
-    value: {},
-    unit: {},
-    progress: {},
-    total: {},
-    color: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const percentage = computed(() => {
-      return (props.progress / props.total * 100).toFixed(1);
-    });
-    const width = computed(() => {
-      return `${props.progress / props.total * 100}%`;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        createElementVNode("div", _hoisted_2$2, [
-          createElementVNode("p", _hoisted_3$2, toDisplayString(_ctx.label), 1),
-          createElementVNode("h2", _hoisted_4$2, toDisplayString(_ctx.value), 1)
-        ]),
-        createElementVNode("div", _hoisted_5$2, [
-          createElementVNode("div", null, toDisplayString(percentage.value) + "%", 1),
-          createElementVNode("div", null, toDisplayString(_ctx.progress) + " of " + toDisplayString(_ctx.total) + toDisplayString(_ctx.unit), 1)
-        ]),
-        createElementVNode("div", _hoisted_6$1, [
-          createElementVNode("div", {
-            class: "rounded-full h-full",
-            style: normalizeStyle({ width: width.value, backgroundColor: _ctx.color })
-          }, null, 4)
-        ])
-      ]);
-    };
-  }
-});
-
-const _hoisted_1$1 = { class: "ring ring-border divide-y divide-border rounded-xl shadow-sm" };
-const _hoisted_2$1 = { class: "flex items-center justify-between p-4" };
-const _hoisted_3$1 = { class: "flex items-center gap-2" };
-const _hoisted_4$1 = { class: "font-medium" };
-const _hoisted_5$1 = { class: "text-sm dark:text-gray-400" };
-const _hoisted_6 = { class: "p-4" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "Status",
-  setup(__props) {
-    const domain = ref("example.com");
-    const uptime = ref("99.9% uptime");
-    const outages = ref([
-      { hour: 0, status: "online" },
-      { hour: 1, status: "online" },
-      { hour: 2, status: "online" },
-      { hour: 3, status: "online" },
-      { hour: 4, status: "online" },
-      { hour: 5, status: "online" },
-      { hour: 6, status: "online" },
-      { hour: 7, status: "online" },
-      { hour: 8, status: "online" },
-      { hour: 9, status: "online" },
-      { hour: 10, status: "online" },
-      { hour: 11, status: "offline" },
-      { hour: 12, status: "online" },
-      { hour: 13, status: "online" },
-      { hour: 14, status: "online" },
-      { hour: 15, status: "online" },
-      { hour: 16, status: "online" },
-      { hour: 17, status: "online" },
-      { hour: 18, status: "online" },
-      { hour: 19, status: "online" },
-      { hour: 20, status: "online" },
-      { hour: 21, status: "online" },
-      { hour: 22, status: "online" },
-      { hour: 23, status: "online" },
-      { hour: 0, status: "online" },
-      { hour: 1, status: "online" },
-      { hour: 2, status: "online" },
-      { hour: 3, status: "online" },
-      { hour: 4, status: "online" },
-      { hour: 5, status: "online" },
-      { hour: 6, status: "online" },
-      { hour: 7, status: "online" },
-      { hour: 8, status: "online" },
-      { hour: 9, status: "online" },
-      { hour: 10, status: "online" },
-      { hour: 11, status: "online" },
-      { hour: 12, status: "online" },
-      { hour: 13, status: "online" },
-      { hour: 14, status: "online" },
-      { hour: 15, status: "online" },
-      { hour: 16, status: "online" },
-      { hour: 17, status: "online" },
-      { hour: 18, status: "online" },
-      { hour: 19, status: "online" },
-      { hour: 20, status: "online" },
-      { hour: 21, status: "online" },
-      { hour: 22, status: "online" },
-      { hour: 23, status: "online" },
-      { hour: 0, status: "online" },
-      { hour: 1, status: "online" }
-    ]);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createElementVNode("div", _hoisted_2$1, [
-          createElementVNode("div", _hoisted_3$1, [
-            _cache[0] || (_cache[0] = createElementVNode("svg", {
-              xmlns: "http://www.w3.org/2000/svg",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              "stroke-width": "1.5",
-              stroke: "currentColor",
-              class: "size-6 text-primary"
-            }, [
-              createElementVNode("path", {
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
-              })
-            ], -1)),
-            createElementVNode("span", _hoisted_4$1, toDisplayString(domain.value), 1)
-          ]),
-          createElementVNode("span", _hoisted_5$1, toDisplayString(uptime.value), 1)
-        ]),
-        createElementVNode("div", _hoisted_6, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(outages.value, (outage, index) => {
-            return openBlock(), createElementBlock("div", {
-              key: index,
-              class: normalizeClass(["w-2.5 h-8 first:rounded-tl first:rounded-bl last:rounded-tr last:rounded-br ml-[3px] inline-block", outage.status === "online" ? "bg-primary" : "bg-white"])
-            }, null, 2);
-          }), 128))
-        ])
-      ]);
-    };
-  }
-});
-
-const _hoisted_1 = { class: "flex flex-col" };
-const _hoisted_2 = { class: "flex items-center mr-2 mt-2" };
-const _hoisted_3 = { class: "font-semibold capitalize text-white/75" };
-const _hoisted_4 = { class: "flex items-center gap-2" };
-const _hoisted_5 = { class: "font-normal" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Tooltip",
-  props: {
-    data: {},
-    categories: {}
-  },
-  setup(__props) {
-    function getColor(key) {
-      return props.categories[key]?.color ?? "#f00";
-    }
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(Object.entries(_ctx.data), ([key, value]) => {
-          return openBlock(), createElementBlock(Fragment, { key }, [
-            createElementVNode("div", _hoisted_2, [
-              createElementVNode("span", _hoisted_3, toDisplayString(key) + ":", 1)
-            ]),
-            createElementVNode("div", _hoisted_4, [
-              props.categories[key]?.color ? (openBlock(), createElementBlock("span", {
-                key: 0,
-                style: normalizeStyle({ backgroundColor: getColor(key) }),
-                class: "w-2 h-2"
-              }, null, 4)) : createCommentVNode("", true),
-              createElementVNode("span", _hoisted_5, toDisplayString(value), 1)
-            ])
-          ], 64);
-        }), 128))
-      ]);
-    };
-  }
-});
-
-const loadCharts = () => {
-  if (import.meta.client || typeof window !== "undefined") {
-    return import('./charts-CO6Yq10P.js').then((module) => {
-      return module;
-    });
-  }
-  return Promise.resolve({});
-};
-
-export { _sfc_main$2 as Progress, _sfc_main$1 as Status, _sfc_main as Tooltip, loadCharts };