vue-chrts 0.0.82 → 0.0.83

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import { default as Progress } from './Progress/Progress.vue';
2
2
  import { default as Status } from './Status/Status.vue';
3
3
  import { default as Tooltip } from './Tooltip/Tooltip.vue';
4
- export * from './Area/index';
5
- export * from './AreaStacked/index';
6
- export * from './Bar/index';
7
- export * from './Donut/index';
8
- export * from './Line/index';
4
+ export { AreaChart } from './Area/index';
5
+ export { AreaStackedChart } from './AreaStacked/index';
6
+ export { BarChart } from './Bar/index';
7
+ export { DonutChart } from './Donut/index';
8
+ export { LineChart } from './Line/index';
9
9
  export { Progress, Status, Tooltip };
package/dist/index.js CHANGED
@@ -8380,7 +8380,7 @@ function d_(t, e) {
8380
8380
  const Uc = Array.from({ length: 4 }, (t, e) => {
8381
8381
  const n = -Math.PI / 2 + e * Math.PI / 2;
8382
8382
  return [n, n + Math.PI];
8383
- }), [K_, ty, ey, ny] = Uc, Vc = N`
8383
+ }), [J_, K_, ty, ey] = Uc, Vc = N`
8384
8384
  label: donut-component;
8385
8385
  `, g_ = ce`
8386
8386
  :root {
@@ -8996,7 +8996,7 @@ const b_ = /* @__PURE__ */ nt({
8996
8996
  const C_ = {
8997
8997
  key: 0,
8998
8998
  class: "flex items center justify-end"
8999
- }, iy = /* @__PURE__ */ nt({
8999
+ }, ny = /* @__PURE__ */ nt({
9000
9000
  __name: "AreaChart",
9001
9001
  props: {
9002
9002
  data: {},
@@ -9107,7 +9107,7 @@ const C_ = {
9107
9107
  ]))
9108
9108
  ], 2));
9109
9109
  }
9110
- }), A_ = { class: "flex flex-col space-y-4" }, M_ = { class: "flex items center justify-end" }, ry = /* @__PURE__ */ nt({
9110
+ }), A_ = { class: "flex flex-col space-y-4" }, M_ = { class: "flex items center justify-end" }, iy = /* @__PURE__ */ nt({
9111
9111
  __name: "AreaStackedChart",
9112
9112
  props: {
9113
9113
  data: {},
@@ -9153,7 +9153,7 @@ const C_ = {
9153
9153
  }), $_ = { class: "space-y-2" }, E_ = {
9154
9154
  key: 0,
9155
9155
  class: "flex items center justify-end"
9156
- }, oy = /* @__PURE__ */ nt({
9156
+ }, ry = /* @__PURE__ */ nt({
9157
9157
  __name: "BarChart",
9158
9158
  props: {
9159
9159
  data: {},
@@ -9228,7 +9228,7 @@ const C_ = {
9228
9228
  }), D_ = { class: "flex items-center justify-center" }, O_ = {
9229
9229
  key: 0,
9230
9230
  class: "flex items-center justify-center mt-4"
9231
- }, sy = /* @__PURE__ */ nt({
9231
+ }, oy = /* @__PURE__ */ nt({
9232
9232
  __name: "DonutChart",
9233
9233
  props: {
9234
9234
  type: {},
@@ -9307,7 +9307,7 @@ const C_ = {
9307
9307
  }), 128))
9308
9308
  ]));
9309
9309
  }
9310
- }), z_ = { class: "flex items center justify-end" }, ay = /* @__PURE__ */ nt({
9310
+ }), z_ = { class: "flex items center justify-end" }, sy = /* @__PURE__ */ nt({
9311
9311
  __name: "LineChart",
9312
9312
  props: {
9313
9313
  data: {},
@@ -9383,9 +9383,7 @@ const C_ = {
9383
9383
  ])
9384
9384
  ], 2));
9385
9385
  }
9386
- });
9387
- var B_ = /* @__PURE__ */ ((t) => (t.Top = "top", t.Bottom = "bottom", t))(B_ || {});
9388
- const I_ = { class: "space-y-2" }, H_ = { class: "space-y-2" }, W_ = { class: "text-gray-500 mb-1" }, U_ = { class: "text-xl dark:text-white font-bold" }, V_ = { class: "flex items-center justify-between text-sm font-medium dark:text-gray-500 mt-2" }, Y_ = { class: "dark:bg-white/5 bg-gray-100 rounded-full h-3" }, ly = /* @__PURE__ */ nt({
9386
+ }), B_ = { class: "space-y-2" }, I_ = { class: "space-y-2" }, H_ = { class: "text-gray-500 mb-1" }, W_ = { class: "text-xl dark:text-white font-bold" }, U_ = { class: "flex items-center justify-between text-sm font-medium dark:text-gray-500 mt-2" }, V_ = { class: "dark:bg-white/5 bg-gray-100 rounded-full h-3" }, ay = /* @__PURE__ */ nt({
9389
9387
  __name: "Progress",
9390
9388
  props: {
9391
9389
  label: {},
@@ -9397,16 +9395,16 @@ const I_ = { class: "space-y-2" }, H_ = { class: "space-y-2" }, W_ = { class: "t
9397
9395
  },
9398
9396
  setup(t) {
9399
9397
  const e = t, n = $t(() => (e.progress / e.total * 100).toFixed(1)), i = $t(() => `${e.progress / e.total * 100}%`);
9400
- return (r, o) => (B(), V("div", I_, [
9401
- Z("div", H_, [
9402
- Z("p", W_, Ut(r.label), 1),
9403
- Z("h2", U_, Ut(r.value), 1)
9398
+ return (r, o) => (B(), V("div", B_, [
9399
+ Z("div", I_, [
9400
+ Z("p", H_, Ut(r.label), 1),
9401
+ Z("h2", W_, Ut(r.value), 1)
9404
9402
  ]),
9405
- Z("div", V_, [
9403
+ Z("div", U_, [
9406
9404
  Z("div", null, Ut(n.value) + "%", 1),
9407
9405
  Z("div", null, Ut(r.progress) + " of " + Ut(r.total) + Ut(r.unit), 1)
9408
9406
  ]),
9409
- Z("div", Y_, [
9407
+ Z("div", V_, [
9410
9408
  Z("div", {
9411
9409
  class: "rounded-full h-full",
9412
9410
  style: Na({ width: i.value, backgroundColor: r.color })
@@ -9414,7 +9412,7 @@ const I_ = { class: "space-y-2" }, H_ = { class: "space-y-2" }, W_ = { class: "t
9414
9412
  ])
9415
9413
  ]));
9416
9414
  }
9417
- }), X_ = { class: "ring ring-border divide-y divide-border rounded-xl shadow-sm" }, G_ = { class: "flex items-center justify-between p-4" }, q_ = { class: "flex items-center gap-2" }, j_ = { class: "font-medium" }, Z_ = { class: "text-sm dark:text-gray-400" }, Q_ = { class: "p-4" }, cy = /* @__PURE__ */ nt({
9415
+ }), Y_ = { class: "ring ring-border divide-y divide-border rounded-xl shadow-sm" }, X_ = { class: "flex items-center justify-between p-4" }, G_ = { class: "flex items-center gap-2" }, q_ = { class: "font-medium" }, j_ = { class: "text-sm dark:text-gray-400" }, Z_ = { class: "p-4" }, ly = /* @__PURE__ */ nt({
9418
9416
  __name: "Status",
9419
9417
  setup(t) {
9420
9418
  const e = dt("example.com"), n = dt("99.9% uptime"), i = dt([
@@ -9469,9 +9467,9 @@ const I_ = { class: "space-y-2" }, H_ = { class: "space-y-2" }, W_ = { class: "t
9469
9467
  { hour: 0, status: "online" },
9470
9468
  { hour: 1, status: "online" }
9471
9469
  ]);
9472
- return (r, o) => (B(), V("div", X_, [
9473
- Z("div", G_, [
9474
- Z("div", q_, [
9470
+ return (r, o) => (B(), V("div", Y_, [
9471
+ Z("div", X_, [
9472
+ Z("div", G_, [
9475
9473
  o[0] || (o[0] = Z("svg", {
9476
9474
  xmlns: "http://www.w3.org/2000/svg",
9477
9475
  fill: "none",
@@ -9486,11 +9484,11 @@ const I_ = { class: "space-y-2" }, H_ = { class: "space-y-2" }, W_ = { class: "t
9486
9484
  d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
9487
9485
  })
9488
9486
  ], -1)),
9489
- Z("span", j_, Ut(e.value), 1)
9487
+ Z("span", q_, Ut(e.value), 1)
9490
9488
  ]),
9491
- Z("span", Z_, Ut(n.value), 1)
9489
+ Z("span", j_, Ut(n.value), 1)
9492
9490
  ]),
9493
- Z("div", Q_, [
9491
+ Z("div", Z_, [
9494
9492
  (B(!0), V(Ne, null, Pi(i.value, (s, a) => (B(), V("div", {
9495
9493
  key: a,
9496
9494
  class: Fi(["w-2.5 h-8 first:rounded-tl first:rounded-bl last:rounded-tr last:rounded-br ml-[3px] inline-block", s.status === "online" ? "bg-primary" : "bg-white"])
@@ -9500,13 +9498,12 @@ const I_ = { class: "space-y-2" }, H_ = { class: "space-y-2" }, W_ = { class: "t
9500
9498
  }
9501
9499
  });
9502
9500
  export {
9503
- iy as AreaChart,
9504
- ry as AreaStackedChart,
9505
- oy as BarChart,
9506
- sy as DonutChart,
9507
- ay as LineChart,
9508
- B_ as PaginationPosition,
9509
- ly as Progress,
9510
- cy as Status,
9501
+ ny as AreaChart,
9502
+ iy as AreaStackedChart,
9503
+ ry as BarChart,
9504
+ oy as DonutChart,
9505
+ sy as LineChart,
9506
+ ay as Progress,
9507
+ ly as Status,
9511
9508
  Ko as Tooltip
9512
9509
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue-chrts",
3
- "version": "0.0.82",
3
+ "version": "0.0.83",
4
4
  "type": "module",
5
5
  "main": "./dist/index.cjs",
6
6
  "files": [