vue-chrts 0.0.49 → 0.0.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-chrts",
-  "version": "0.0.49",
+  "version": "0.0.50",
   "type": "module",
   "files": [
     "dist"

package/dist/index.cjs

@@ -1,215 +0,0 @@
-(function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("vue/server-renderer"), require("@unovis/ts"), require("@unovis/vue")) : typeof define === "function" && define.amd ? define(["exports", "vue", "vue/server-renderer", "@unovis/ts", "@unovis/vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["vue-chrts"] = {}, global.Vue, global.serverRenderer, global.ts, global.vue$1));
-})(this, function(exports2, vue, serverRenderer, ts, vue$1) {
-  "use strict";
-  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-    __name: "Area",
-    __ssrInlineRender: true,
-    props: {
-      data: {},
-      height: {},
-      xLabel: {},
-      yLabel: {},
-      categories: {},
-      xFormatter: {},
-      yFormatter: {},
-      curveType: {},
-      xNumTicks: { default: (props) => props.data.length > 24 ? 24 / 4 : props.data.length - 1 },
-      yNumTicks: { default: (props) => props.data.length > 24 ? 24 / 4 : props.data.length - 1 },
-      hideLegend: { type: Boolean },
-      hideTooltip: { type: Boolean },
-      gridLineX: { type: Boolean },
-      domainLineX: { type: Boolean },
-      gridLineY: { type: Boolean },
-      domainLineY: { type: Boolean },
-      paginationPoisition: {}
-    },
-    setup(__props) {
-      const props = __props;
-      const colors = Object.values(props.categories).map((c) => c.color);
-      function accessors(id) {
-        var _a;
-        return {
-          y: (d) => Number(d[id]),
-          color: ((_a = props.categories[id]) == null ? void 0 : _a.color) ?? "#3b82f6"
-        };
-      }
-      const svgDefs = colors.map(
-        (color, index) => `
-  <linearGradient id="gradient${index}-${color}" gradientTransform="rotate(90)">
-    <stop offset="0%" stop-color="${color}" stop-opacity="1" />
-    <stop offset="100%" stop-color="${color}" stop-opacity="0" />
-  </linearGradient>
-`
-      ).join("");
-      return (_ctx, _push, _parent, _attrs) => {
-        _push(`<div${serverRenderer.ssrRenderAttrs(vue.mergeProps({
-          class: ["flex flex-col space-y-4", {
-            "flex-col-reverse": props.paginationPoisition === "top"
-          }]
-        }, _attrs))}>`);
-        _push(serverRenderer.ssrRenderComponent(vue.unref(vue$1.VisXYContainer), {
-          data: _ctx.data,
-          height: _ctx.height,
-          "svg-defs": vue.unref(svgDefs)
-        }, {
-          default: vue.withCtx((_, _push2, _parent2, _scopeId) => {
-            if (_push2) {
-              if (!_ctx.hideTooltip) {
-                _push2(serverRenderer.ssrRenderComponent(vue.unref(vue$1.VisTooltip), {
-                  "horizontal-placement": vue.unref(ts.Position).Right,
-                  "vertical-placement": vue.unref(ts.Position).Top
-                }, null, _parent2, _scopeId));
-              } else {
-                _push2(`<!---->`);
-              }
-              _push2(`<!--[-->`);
-              serverRenderer.ssrRenderList(Object.keys(props.categories), (i, iKey) => {
-                _push2(`<!--[-->`);
-                _push2(serverRenderer.ssrRenderComponent(vue.unref(vue$1.VisArea), vue.mergeProps({
-                  x: (_2, i2) => i2,
-                  ref_for: true
-                }, accessors(i), {
-                  color: `url(#gradient${iKey}-${vue.unref(colors)[iKey]})`,
-                  opacity: 0.5,
-                  "curve-type": _ctx.curveType ?? vue.unref(ts.CurveType).MonotoneX
-                }), null, _parent2, _scopeId));
-                _push2(serverRenderer.ssrRenderComponent(vue.unref(vue$1.VisLine), {
-                  x: (_2, i2) => i2,
-                  y: (d) => d[i],
-                  color: vue.unref(colors)[iKey],
-                  "curve-type": _ctx.curveType ?? vue.unref(ts.CurveType).MonotoneX
-                }, null, _parent2, _scopeId));
-                _push2(`<!--]-->`);
-              });
-              _push2(`<!--]-->`);
-              _push2(serverRenderer.ssrRenderComponent(vue.unref(vue$1.VisAxis), {
-                type: "x",
-                "tick-format": _ctx.xFormatter,
-                "num-ticks": _ctx.xNumTicks,
-                label: _ctx.xLabel,
-                "grid-line": _ctx.gridLineX,
-                "domain-line": _ctx.domainLineX,
-                "tick-line": !!_ctx.gridLineX
-              }, null, _parent2, _scopeId));
-              _push2(serverRenderer.ssrRenderComponent(vue.unref(vue$1.VisAxis), {
-                type: "y",
-                "num-ticks": _ctx.yNumTicks ?? _ctx.data.length,
-                "tick-format": _ctx.yFormatter,
-                label: _ctx.yLabel,
-                "grid-line": _ctx.gridLineY,
-                "domain-line": _ctx.domainLineY,
-                "tick-line": !!_ctx.gridLineY
-              }, null, _parent2, _scopeId));
-            } else {
-              return [
-                !_ctx.hideTooltip ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.VisTooltip), {
-                  key: 0,
-                  "horizontal-placement": vue.unref(ts.Position).Right,
-                  "vertical-placement": vue.unref(ts.Position).Top
-                }, null, 8, ["horizontal-placement", "vertical-placement"])) : vue.createCommentVNode("", true),
-                (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(Object.keys(props.categories), (i, iKey) => {
-                  return vue.openBlock(), vue.createBlock(vue.Fragment, { key: iKey }, [
-                    vue.createVNode(vue.unref(vue$1.VisArea), vue.mergeProps({
-                      x: (_2, i2) => i2,
-                      ref_for: true
-                    }, accessors(i), {
-                      color: `url(#gradient${iKey}-${vue.unref(colors)[iKey]})`,
-                      opacity: 0.5,
-                      "curve-type": _ctx.curveType ?? vue.unref(ts.CurveType).MonotoneX
-                    }), null, 16, ["x", "color", "curve-type"]),
-                    vue.createVNode(vue.unref(vue$1.VisLine), {
-                      x: (_2, i2) => i2,
-                      y: (d) => d[i],
-                      color: vue.unref(colors)[iKey],
-                      "curve-type": _ctx.curveType ?? vue.unref(ts.CurveType).MonotoneX
-                    }, null, 8, ["x", "y", "color", "curve-type"])
-                  ], 64);
-                }), 128)),
-                vue.createVNode(vue.unref(vue$1.VisAxis), {
-                  type: "x",
-                  "tick-format": _ctx.xFormatter,
-                  "num-ticks": _ctx.xNumTicks,
-                  label: _ctx.xLabel,
-                  "grid-line": _ctx.gridLineX,
-                  "domain-line": _ctx.domainLineX,
-                  "tick-line": !!_ctx.gridLineX
-                }, null, 8, ["tick-format", "num-ticks", "label", "grid-line", "domain-line", "tick-line"]),
-                vue.createVNode(vue.unref(vue$1.VisAxis), {
-                  type: "y",
-                  "num-ticks": _ctx.yNumTicks ?? _ctx.data.length,
-                  "tick-format": _ctx.yFormatter,
-                  label: _ctx.yLabel,
-                  "grid-line": _ctx.gridLineY,
-                  "domain-line": _ctx.domainLineY,
-                  "tick-line": !!_ctx.gridLineY
-                }, null, 8, ["num-ticks", "tick-format", "label", "grid-line", "domain-line", "tick-line"])
-              ];
-            }
-          }),
-          _: 1
-        }, _parent));
-        if (!_ctx.hideLegend) {
-          _push(`<div class="flex items center justify-end">`);
-          _push(serverRenderer.ssrRenderComponent(vue.unref(vue$1.VisBulletLegend), {
-            items: Object.values(_ctx.categories)
-          }, null, _parent));
-          _push(`</div>`);
-        } else {
-          _push(`<!---->`);
-        }
-        _push(`</div>`);
-      };
-    }
-  });
-  const _sfc_setup$1 = _sfc_main$1.setup;
-  _sfc_main$1.setup = (props, ctx) => {
-    const ssrContext = vue.useSSRContext();
-    (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Area/Area.vue");
-    return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
-  };
-  var PaginationPosition = /* @__PURE__ */ ((PaginationPosition2) => {
-    PaginationPosition2["Top"] = "top";
-    PaginationPosition2["Bottom"] = "bottom";
-    return PaginationPosition2;
-  })(PaginationPosition || {});
-  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-    __name: "Button",
-    __ssrInlineRender: true,
-    props: {
-      variant: {},
-      size: {}
-    },
-    setup(__props) {
-      return (_ctx, _push, _parent, _attrs) => {
-        _push(`<button${serverRenderer.ssrRenderAttrs(vue.mergeProps({
-          class: [
-            "button",
-            `button--${_ctx.variant || "primary"}`,
-            `button--${_ctx.size || "medium"}`
-          ]
-        }, _attrs))} data-v-52b6ec0c>`);
-        serverRenderer.ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
-        _push(`</button>`);
-      };
-    }
-  });
-  const _export_sfc = (sfc, props) => {
-    const target = sfc.__vccOpts || sfc;
-    for (const [key, val] of props) {
-      target[key] = val;
-    }
-    return target;
-  };
-  const _sfc_setup = _sfc_main.setup;
-  _sfc_main.setup = (props, ctx) => {
-    const ssrContext = vue.useSSRContext();
-    (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Button/Button.vue");
-    return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
-  };
-  const Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-52b6ec0c"]]);
-  exports2.Area = _sfc_main$1;
-  exports2.Button = Button;
-  exports2.PaginationPosition = PaginationPosition;
-  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
-});

package/dist/index.js

@@ -1,215 +0,0 @@
-import { defineComponent, mergeProps, unref, withCtx, createBlock, createCommentVNode, createVNode, openBlock, Fragment, renderList, useSSRContext } from "vue";
-import { ssrRenderAttrs, ssrRenderComponent, ssrRenderList, ssrRenderSlot } from "vue/server-renderer";
-import { Position, CurveType } from "@unovis/ts";
-import { VisXYContainer, VisTooltip, VisArea, VisLine, VisAxis, VisBulletLegend } from "@unovis/vue";
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "Area",
-  __ssrInlineRender: true,
-  props: {
-    data: {},
-    height: {},
-    xLabel: {},
-    yLabel: {},
-    categories: {},
-    xFormatter: {},
-    yFormatter: {},
-    curveType: {},
-    xNumTicks: { default: (props) => props.data.length > 24 ? 24 / 4 : props.data.length - 1 },
-    yNumTicks: { default: (props) => props.data.length > 24 ? 24 / 4 : props.data.length - 1 },
-    hideLegend: { type: Boolean },
-    hideTooltip: { type: Boolean },
-    gridLineX: { type: Boolean },
-    domainLineX: { type: Boolean },
-    gridLineY: { type: Boolean },
-    domainLineY: { type: Boolean },
-    paginationPoisition: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const colors = Object.values(props.categories).map((c) => c.color);
-    function accessors(id) {
-      var _a;
-      return {
-        y: (d) => Number(d[id]),
-        color: ((_a = props.categories[id]) == null ? void 0 : _a.color) ?? "#3b82f6"
-      };
-    }
-    const svgDefs = colors.map(
-      (color, index) => `
-  <linearGradient id="gradient${index}-${color}" gradientTransform="rotate(90)">
-    <stop offset="0%" stop-color="${color}" stop-opacity="1" />
-    <stop offset="100%" stop-color="${color}" stop-opacity="0" />
-  </linearGradient>
-`
-    ).join("");
-    return (_ctx, _push, _parent, _attrs) => {
-      _push(`<div${ssrRenderAttrs(mergeProps({
-        class: ["flex flex-col space-y-4", {
-          "flex-col-reverse": props.paginationPoisition === "top"
-        }]
-      }, _attrs))}>`);
-      _push(ssrRenderComponent(unref(VisXYContainer), {
-        data: _ctx.data,
-        height: _ctx.height,
-        "svg-defs": unref(svgDefs)
-      }, {
-        default: withCtx((_, _push2, _parent2, _scopeId) => {
-          if (_push2) {
-            if (!_ctx.hideTooltip) {
-              _push2(ssrRenderComponent(unref(VisTooltip), {
-                "horizontal-placement": unref(Position).Right,
-                "vertical-placement": unref(Position).Top
-              }, null, _parent2, _scopeId));
-            } else {
-              _push2(`<!---->`);
-            }
-            _push2(`<!--[-->`);
-            ssrRenderList(Object.keys(props.categories), (i, iKey) => {
-              _push2(`<!--[-->`);
-              _push2(ssrRenderComponent(unref(VisArea), mergeProps({
-                x: (_2, i2) => i2,
-                ref_for: true
-              }, accessors(i), {
-                color: `url(#gradient${iKey}-${unref(colors)[iKey]})`,
-                opacity: 0.5,
-                "curve-type": _ctx.curveType ?? unref(CurveType).MonotoneX
-              }), null, _parent2, _scopeId));
-              _push2(ssrRenderComponent(unref(VisLine), {
-                x: (_2, i2) => i2,
-                y: (d) => d[i],
-                color: unref(colors)[iKey],
-                "curve-type": _ctx.curveType ?? unref(CurveType).MonotoneX
-              }, null, _parent2, _scopeId));
-              _push2(`<!--]-->`);
-            });
-            _push2(`<!--]-->`);
-            _push2(ssrRenderComponent(unref(VisAxis), {
-              type: "x",
-              "tick-format": _ctx.xFormatter,
-              "num-ticks": _ctx.xNumTicks,
-              label: _ctx.xLabel,
-              "grid-line": _ctx.gridLineX,
-              "domain-line": _ctx.domainLineX,
-              "tick-line": !!_ctx.gridLineX
-            }, null, _parent2, _scopeId));
-            _push2(ssrRenderComponent(unref(VisAxis), {
-              type: "y",
-              "num-ticks": _ctx.yNumTicks ?? _ctx.data.length,
-              "tick-format": _ctx.yFormatter,
-              label: _ctx.yLabel,
-              "grid-line": _ctx.gridLineY,
-              "domain-line": _ctx.domainLineY,
-              "tick-line": !!_ctx.gridLineY
-            }, null, _parent2, _scopeId));
-          } else {
-            return [
-              !_ctx.hideTooltip ? (openBlock(), createBlock(unref(VisTooltip), {
-                key: 0,
-                "horizontal-placement": unref(Position).Right,
-                "vertical-placement": unref(Position).Top
-              }, null, 8, ["horizontal-placement", "vertical-placement"])) : createCommentVNode("", true),
-              (openBlock(true), createBlock(Fragment, null, renderList(Object.keys(props.categories), (i, iKey) => {
-                return openBlock(), createBlock(Fragment, { key: iKey }, [
-                  createVNode(unref(VisArea), mergeProps({
-                    x: (_2, i2) => i2,
-                    ref_for: true
-                  }, accessors(i), {
-                    color: `url(#gradient${iKey}-${unref(colors)[iKey]})`,
-                    opacity: 0.5,
-                    "curve-type": _ctx.curveType ?? unref(CurveType).MonotoneX
-                  }), null, 16, ["x", "color", "curve-type"]),
-                  createVNode(unref(VisLine), {
-                    x: (_2, i2) => i2,
-                    y: (d) => d[i],
-                    color: unref(colors)[iKey],
-                    "curve-type": _ctx.curveType ?? unref(CurveType).MonotoneX
-                  }, null, 8, ["x", "y", "color", "curve-type"])
-                ], 64);
-              }), 128)),
-              createVNode(unref(VisAxis), {
-                type: "x",
-                "tick-format": _ctx.xFormatter,
-                "num-ticks": _ctx.xNumTicks,
-                label: _ctx.xLabel,
-                "grid-line": _ctx.gridLineX,
-                "domain-line": _ctx.domainLineX,
-                "tick-line": !!_ctx.gridLineX
-              }, null, 8, ["tick-format", "num-ticks", "label", "grid-line", "domain-line", "tick-line"]),
-              createVNode(unref(VisAxis), {
-                type: "y",
-                "num-ticks": _ctx.yNumTicks ?? _ctx.data.length,
-                "tick-format": _ctx.yFormatter,
-                label: _ctx.yLabel,
-                "grid-line": _ctx.gridLineY,
-                "domain-line": _ctx.domainLineY,
-                "tick-line": !!_ctx.gridLineY
-              }, null, 8, ["num-ticks", "tick-format", "label", "grid-line", "domain-line", "tick-line"])
-            ];
-          }
-        }),
-        _: 1
-      }, _parent));
-      if (!_ctx.hideLegend) {
-        _push(`<div class="flex items center justify-end">`);
-        _push(ssrRenderComponent(unref(VisBulletLegend), {
-          items: Object.values(_ctx.categories)
-        }, null, _parent));
-        _push(`</div>`);
-      } else {
-        _push(`<!---->`);
-      }
-      _push(`</div>`);
-    };
-  }
-});
-const _sfc_setup$1 = _sfc_main$1.setup;
-_sfc_main$1.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Area/Area.vue");
-  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
-};
-var PaginationPosition = /* @__PURE__ */ ((PaginationPosition2) => {
-  PaginationPosition2["Top"] = "top";
-  PaginationPosition2["Bottom"] = "bottom";
-  return PaginationPosition2;
-})(PaginationPosition || {});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Button",
-  __ssrInlineRender: true,
-  props: {
-    variant: {},
-    size: {}
-  },
-  setup(__props) {
-    return (_ctx, _push, _parent, _attrs) => {
-      _push(`<button${ssrRenderAttrs(mergeProps({
-        class: [
-          "button",
-          `button--${_ctx.variant || "primary"}`,
-          `button--${_ctx.size || "medium"}`
-        ]
-      }, _attrs))} data-v-52b6ec0c>`);
-      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
-      _push(`</button>`);
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _sfc_setup = _sfc_main.setup;
-_sfc_main.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Button/Button.vue");
-  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
-};
-const Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-52b6ec0c"]]);
-export {
-  _sfc_main$1 as Area,
-  Button,
-  PaginationPosition
-};