vlite3 1.1.8 → 1.1.9

package/components/Chart/LineChart.vue2.js

@@ -0,0 +1,313 @@
+import { defineComponent as ee, ref as R, computed as r, onMounted as te, watch as le, onUnmounted as ae, openBlock as l, createElementBlock as a, Fragment as y, renderList as x, createElementVNode as c, normalizeStyle as T, createTextVNode as oe, toDisplayString as m, createCommentVNode as i, unref as k, createBlock as ne, Teleport as ue } from "vue";
+import { CHART_COLORS as se, formatNumber as S, getColor as D, niceYTicks as re, smoothPath as ie, linearPath as ce, animateProgress as de } from "./utils.js";
+const he = {
+  key: 0,
+  class: "flex flex-wrap gap-x-4 gap-y-1 mb-3 pl-14"
+}, ve = ["width", "height"], fe = ["id"], ye = ["width", "height"], xe = ["id"], me = ["stop-color"], pe = ["stop-color"], ge = ["transform"], be = ["y1", "x2", "y2", "stroke-opacity"], ke = ["y"], we = ["x", "y"], Me = ["y1", "x2", "y2", "stroke-opacity"], Le = ["y2", "stroke-opacity"], Be = ["x1", "x2", "y2"], $e = ["d", "fill", "clip-path"], Ce = ["d", "stroke", "stroke-width", "clip-path"], _e = ["cx", "cy", "r", "fill", "opacity", "clip-path"], Re = ["x", "y"], Ve = ["x", "y"], Xe = { class: "font-medium text-xs mb-1.5" }, Ye = {
+  key: 0,
+  class: "text-muted-foreground"
+}, Oe = { class: "font-semibold" }, Ae = /* @__PURE__ */ ee({
+  __name: "LineChart",
+  props: {
+    data: {},
+    datasets: {},
+    labels: {},
+    height: { default: 300 },
+    smooth: { type: Boolean, default: !0 },
+    fill: { type: Boolean, default: !0 },
+    showDots: { type: Boolean, default: !0 },
+    showGrid: { type: Boolean, default: !0 },
+    showLegend: { type: Boolean, default: !0 },
+    showTooltip: { type: Boolean, default: !0 },
+    colors: { default: () => se },
+    animate: { type: Boolean, default: !0 },
+    xLabel: {},
+    yLabel: {},
+    formatValue: {},
+    yMin: {},
+    yMax: {},
+    showXAxis: { type: Boolean, default: !0 },
+    showYAxis: { type: Boolean, default: !0 },
+    showXLabels: { type: Boolean, default: !0 },
+    showYLabels: { type: Boolean, default: !0 },
+    gridOpacity: { default: 0.07 },
+    axisOpacity: { default: 0.1 },
+    lineWidth: { default: 2.5 }
+  },
+  setup(u) {
+    const t = u, w = R(), V = R(600), d = r(() => {
+      const o = (s) => String(s).length, n = t.showYLabels ? Math.max(2, ...M.value.map((s) => o(t.formatValue ? t.formatValue(s) : S(s)))) * 6.5 : 0, e = t.showYLabels ? Math.max(24, n + 12) : 8;
+      return {
+        top: 16,
+        right: 16,
+        // Collapse bottom padding when X labels are hidden
+        bottom: t.showXLabels ? 24 : 6,
+        left: e + (t.yLabel ? 20 : 0)
+      };
+    }), v = r(() => Math.max(0, V.value - d.value.left - d.value.right)), h = r(() => Math.max(0, t.height - d.value.top - d.value.bottom)), p = r(() => {
+      if (t.datasets?.length)
+        return t.datasets.map((n, e) => ({
+          label: n.label,
+          color: n.color ?? D(t.colors, e),
+          values: n.data
+        }));
+      const o = t.data ?? [];
+      return [
+        {
+          label: "",
+          color: D(t.colors, 0),
+          values: o.map((n) => n.value)
+        }
+      ];
+    }), X = r(() => t.labels?.length ? t.labels : t.datasets?.length ? t.datasets[0].data.map((o, n) => String(n + 1)) : (t.data ?? []).map((o) => o.label)), W = r(() => p.value.flatMap((o) => o.values)), G = r(() => t.yMin ?? Math.min(0, ...W.value)), E = r(() => t.yMax ?? (Math.max(...W.value) || 1)), M = r(() => re(G.value, E.value, 5)), P = r(() => M.value[0]), H = r(() => M.value[M.value.length - 1]), j = r(() => H.value - P.value || 1);
+    function L(o) {
+      return h.value - (o - P.value) / j.value * h.value;
+    }
+    function _(o) {
+      const n = X.value.length;
+      return n < 2 ? v.value / 2 : o / (n - 1) * v.value;
+    }
+    const Y = R(t.animate ? 0 : 1);
+    let z = null;
+    function F(o) {
+      return o.map((n, e) => [_(e), L(n)]);
+    }
+    const I = r(
+      () => p.value.map((o) => {
+        const n = F(o.values), e = t.smooth ? ie(n) : ce(n), s = n[0]?.[0] ?? 0, C = n[n.length - 1]?.[0] ?? v.value, b = L(Math.max(0, P.value)), f = e + ` L ${C},${b} L ${s},${b} Z`;
+        return { line: e, fillPath: f, pts: n, color: o.color, label: o.label };
+      })
+    );
+    function N() {
+      z?.(), Y.value = 0, z = de(900, (o) => {
+        Y.value = o;
+      });
+    }
+    te(() => {
+      U(), t.animate && N();
+    }), le(
+      () => [t.data, t.datasets],
+      () => {
+        t.animate && N();
+      },
+      { deep: !0 }
+    ), ae(() => {
+      z?.(), A?.disconnect();
+    });
+    let A = null;
+    function U() {
+      w.value && (A = new ResizeObserver((o) => {
+        V.value = o[0].contentRect.width || 600;
+      }), A.observe(w.value), V.value = w.value.clientWidth || 600);
+    }
+    const g = R(null), B = R(null);
+    function Z(o) {
+      if (!t.showTooltip) return;
+      const n = o.currentTarget.getBoundingClientRect(), e = o.clientX - n.left - d.value.left, s = X.value.length;
+      if (s === 0) return;
+      const C = s < 2 ? v.value : v.value / (s - 1), b = Math.round(e / C), f = Math.max(0, Math.min(s - 1, b));
+      B.value = f;
+      const J = p.value.map((O) => ({
+        color: O.color,
+        label: O.label,
+        value: t.formatValue ? t.formatValue(O.values[f]) : S(O.values[f])
+      })), K = _(f) + d.value.left, Q = L(p.value[0].values[f]) + d.value.top;
+      g.value = {
+        x: K,
+        y: Q,
+        label: X.value[f],
+        items: J
+      };
+    }
+    function q() {
+      g.value = null, B.value = null;
+    }
+    const $ = Math.random().toString(36).slice(2, 7);
+    return (o, n) => (l(), a("div", {
+      ref_key: "containerRef",
+      ref: w,
+      class: "vlite-line-chart w-full select-none"
+    }, [
+      u.showLegend && p.value.length > 1 ? (l(), a("div", he, [
+        (l(!0), a(y, null, x(p.value, (e) => (l(), a("div", {
+          key: e.label,
+          class: "flex items-center gap-1.5 text-xs text-muted-foreground"
+        }, [
+          c("span", {
+            class: "w-3 h-0.5 rounded-full inline-block",
+            style: T({ backgroundColor: e.color })
+          }, null, 4),
+          oe(" " + m(e.label), 1)
+        ]))), 128))
+      ])) : i("", !0),
+      (l(), a("svg", {
+        width: V.value,
+        height: u.height,
+        role: "img",
+        "aria-label": "Line chart",
+        class: "overflow-visible",
+        onMousemove: Z,
+        onMouseleave: q
+      }, [
+        c("defs", null, [
+          c("clipPath", {
+            id: `clip-${k($)}`
+          }, [
+            c("rect", {
+              x: 0,
+              y: -10,
+              width: v.value * Y.value,
+              height: h.value + 20
+            }, null, 8, ye)
+          ], 8, fe),
+          (l(!0), a(y, null, x(p.value, (e, s) => (l(), a("linearGradient", {
+            key: s,
+            id: `grad-${k($)}-${s}`,
+            x1: "0",
+            y1: "0",
+            x2: "0",
+            y2: "1"
+          }, [
+            c("stop", {
+              offset: "0%",
+              "stop-color": e.color,
+              "stop-opacity": "0.25"
+            }, null, 8, me),
+            c("stop", {
+              offset: "100%",
+              "stop-color": e.color,
+              "stop-opacity": "0.02"
+            }, null, 8, pe)
+          ], 8, xe))), 128))
+        ]),
+        c("g", {
+          transform: `translate(${d.value.left},${d.value.top})`
+        }, [
+          u.showGrid ? (l(!0), a(y, { key: 0 }, x(M.value, (e) => (l(), a("line", {
+            key: e,
+            x1: 0,
+            y1: L(e),
+            x2: v.value,
+            y2: L(e),
+            stroke: "currentColor",
+            "stroke-opacity": u.gridOpacity,
+            "stroke-width": "1"
+          }, null, 8, be))), 128)) : i("", !0),
+          u.showYLabels ? (l(!0), a(y, { key: 1 }, x(M.value, (e) => (l(), a("text", {
+            key: `yt-${e}`,
+            x: -10,
+            y: L(e),
+            "text-anchor": "end",
+            "dominant-baseline": "middle",
+            class: "fill-muted-foreground text-[10px]",
+            "font-size": "11"
+          }, m(u.formatValue ? u.formatValue(e) : k(S)(e)), 9, ke))), 128)) : i("", !0),
+          u.showXLabels ? (l(!0), a(y, { key: 2 }, x(X.value, (e, s) => (l(), a("text", {
+            key: `xl-${s}`,
+            x: _(s),
+            y: h.value + 16,
+            "text-anchor": "middle",
+            class: "fill-muted-foreground",
+            "font-size": "11"
+          }, m(e), 9, we))), 128)) : i("", !0),
+          u.showXAxis ? (l(), a("line", {
+            key: 3,
+            x1: 0,
+            y1: h.value,
+            x2: v.value,
+            y2: h.value,
+            stroke: "currentColor",
+            "stroke-opacity": u.axisOpacity
+          }, null, 8, Me)) : i("", !0),
+          u.showYAxis ? (l(), a("line", {
+            key: 4,
+            x1: 0,
+            y1: 0,
+            x2: 0,
+            y2: h.value,
+            stroke: "currentColor",
+            "stroke-opacity": u.axisOpacity
+          }, null, 8, Le)) : i("", !0),
+          B.value !== null ? (l(), a("line", {
+            key: 5,
+            x1: _(B.value),
+            y1: 0,
+            x2: _(B.value),
+            y2: h.value,
+            stroke: "currentColor",
+            "stroke-opacity": "0.12",
+            "stroke-width": "1",
+            "stroke-dasharray": "4 3"
+          }, null, 8, Be)) : i("", !0),
+          (l(!0), a(y, null, x(I.value, (e, s) => (l(), a("g", { key: s }, [
+            u.fill ? (l(), a("path", {
+              key: 0,
+              d: e.fillPath,
+              fill: `url(#grad-${k($)}-${s})`,
+              "clip-path": `url(#clip-${k($)})`
+            }, null, 8, $e)) : i("", !0),
+            c("path", {
+              d: e.line,
+              fill: "none",
+              stroke: e.color,
+              "stroke-width": u.lineWidth,
+              "stroke-linejoin": "round",
+              "stroke-linecap": "round",
+              "clip-path": `url(#clip-${k($)})`
+            }, null, 8, Ce),
+            u.showDots ? (l(!0), a(y, { key: 1 }, x(e.pts, (C, b) => (l(), a("circle", {
+              key: b,
+              cx: C[0],
+              cy: C[1],
+              r: B.value === b ? 5 : 3.5,
+              fill: e.color,
+              class: "transition-[r] duration-150",
+              opacity: Y.value > 0 ? 1 : 0,
+              "clip-path": `url(#clip-${k($)})`
+            }, null, 8, _e))), 128)) : i("", !0)
+          ]))), 128)),
+          u.yLabel ? (l(), a("text", {
+            key: 6,
+            x: -(h.value / 2),
+            y: -(d.value.left - 10),
+            "text-anchor": "middle",
+            transform: "rotate(-90)",
+            "font-size": "11",
+            class: "fill-muted-foreground font-medium"
+          }, m(u.yLabel), 9, Re)) : i("", !0),
+          u.xLabel ? (l(), a("text", {
+            key: 7,
+            x: v.value / 2,
+            y: h.value + 40,
+            "text-anchor": "middle",
+            "font-size": "11",
+            class: "fill-muted-foreground"
+          }, m(u.xLabel), 9, Ve)) : i("", !0)
+        ], 8, ge)
+      ], 40, ve)),
+      (l(), ne(ue, { to: "body" }, [
+        g.value ? (l(), a("div", {
+          key: 0,
+          class: "vlite-chart-tooltip",
+          style: T({ left: `${g.value.x + (w.value?.getBoundingClientRect().left ?? 0)}px`, top: `${g.value.y + (w.value?.getBoundingClientRect().top ?? 0) - 10}px` })
+        }, [
+          c("div", Xe, m(g.value.label), 1),
+          (l(!0), a(y, null, x(g.value.items, (e) => (l(), a("div", {
+            key: e.label,
+            class: "flex items-center gap-1.5 text-xs"
+          }, [
+            c("span", {
+              class: "w-2 h-2 rounded-full shrink-0",
+              style: T({ backgroundColor: e.color })
+            }, null, 4),
+            e.label ? (l(), a("span", Ye, m(e.label) + ":", 1)) : i("", !0),
+            c("span", Oe, m(e.value), 1)
+          ]))), 128))
+        ], 4)) : i("", !0)
+      ]))
+    ], 512));
+  }
+});
+export {
+  Ae as default
+};

package/components/Chart/PieChart.vue.js

@@ -0,0 +1,203 @@
+import { defineComponent as se, ref as E, onMounted as ie, watch as ue, onUnmounted as re, computed as h, openBlock as s, createElementBlock as i, normalizeClass as I, createElementVNode as u, unref as M, Fragment as w, renderList as $, createCommentVNode as m, toDisplayString as d, renderSlot as de, normalizeStyle as O, createBlock as ce, Teleport as ve, createTextVNode as fe } from "vue";
+import { CHART_COLORS as he, getColor as _, arcPath as me, formatNumber as z, animateProgress as xe } from "./utils.js";
+const ye = { class: "shrink-0" }, ge = ["width", "height"], be = ["id"], Me = ["filter"], ke = ["d", "fill", "transform", "onMouseenter"], pe = {
+  key: 0,
+  style: { "pointer-events": "none" }
+}, we = ["d", "opacity"], $e = ["x", "y", "text-anchor", "font-size", "font-weight", "fill", "opacity"], ze = { key: 2 }, Le = ["x", "y"], Ae = ["x", "y"], Pe = ["onMouseenter"], Ce = { class: "min-w-0" }, Re = { class: "text-xs font-medium text-foreground truncate" }, Se = { class: "text-[10px] text-muted-foreground" }, Be = { class: "flex items-center gap-1.5 mb-1" }, Ve = { class: "text-xs font-semibold" }, Te = { class: "text-xs text-muted-foreground" }, De = { class: "font-medium text-foreground ml-1" }, Oe = /* @__PURE__ */ se({
+  __name: "PieChart",
+  props: {
+    data: {},
+    donut: { type: Boolean, default: !1 },
+    innerRadius: { default: 60 },
+    size: { default: 280 },
+    startAngle: { default: -90 },
+    showLegend: { type: Boolean, default: !0 },
+    legendPosition: { default: "right" },
+    labelMode: { default: "percent" },
+    colors: { default: () => he },
+    animate: { type: Boolean, default: !0 },
+    showTooltip: { type: Boolean, default: !0 },
+    centerLabel: {},
+    centerValue: {}
+  },
+  setup(e) {
+    const o = e, j = Math.random().toString(36).slice(2, 7), L = E(o.animate ? 0 : 1);
+    let A = null;
+    function X() {
+      A?.(), L.value = 0, A = xe(1e3, (a) => L.value = a);
+    }
+    ie(() => {
+      o.animate && X();
+    }), ue(() => o.data, () => {
+      o.animate && X();
+    }, { deep: !0 }), re(() => A?.());
+    const Y = h(() => o.labelMode === "outside"), x = h(() => o.size / 2), v = h(() => o.size / 2), y = h(() => o.size / 2 - (Y.value ? 36 : 4)), F = h(() => o.donut ? y.value * (o.innerRadius / 100) : 0), P = h(() => o.data.reduce((a, n) => a + n.value, 0) || 1), k = h(() => {
+      let a = o.startAngle;
+      return o.data.map((n, t) => {
+        const l = n.value / P.value, c = l * 360 * L.value, C = n.color ?? _(o.colors, t), g = a, R = a + c;
+        a += l * 360;
+        const H = (g + R) / 2 * (Math.PI / 180), p = Math.cos(H), S = Math.sin(H), B = p >= 0, U = y.value * 0.65 + F.value * 0.35;
+        let q = x.value + U * p, G = v.value + U * S, J = "middle", K = 0, Q = 0, V = 0, T = 0, D = 0, N = 0, W = "";
+        if (Y.value) {
+          const Z = y.value + 20, ae = 14;
+          K = x.value + y.value * p, Q = v.value + y.value * S, V = x.value + Z * p, T = v.value + Z * S, D = V + ae * (B ? 1 : -1), N = T, W = `M ${K},${Q} L ${V},${T} L ${D},${N}`, q = D + 5 * (B ? 1 : -1), G = N, J = B ? "start" : "end";
+        }
+        const ne = me(x.value, v.value, y.value, g, R, F.value);
+        let b = "";
+        return o.labelMode === "percent" ? b = `${Math.round(l * 100)}%` : o.labelMode === "value" ? b = z(n.value) : o.labelMode === "label" ? b = n.label : o.labelMode === "outside" && (b = `${z(n.value)} (${Math.round(l * 100)}%)`), { d: n, path: ne, color: C, lx: q, ly: G, label: b, pct: l, startA: g, endA: R, leaderPath: W, textAnchor: J };
+      });
+    }), f = E(null), r = E(null);
+    function ee(a, n) {
+      f.value = n, o.showTooltip && (r.value = { x: a.clientX, y: a.clientY, item: k.value[n] });
+    }
+    function te(a) {
+      r.value && (r.value = { ...r.value, x: a.clientX, y: a.clientY });
+    }
+    function le() {
+      f.value = null, r.value = null;
+    }
+    function oe(a, n, t) {
+      if (f.value !== a) return "";
+      const l = (n + t) / 2 * (Math.PI / 180), c = 8, C = Math.cos(l) * c, g = Math.sin(l) * c;
+      return `translate(${C}, ${g})`;
+    }
+    return (a, n) => (s(), i("div", {
+      class: I(["vlite-pie-chart inline-flex gap-6 select-none", e.legendPosition === "bottom" ? "flex-col items-center" : "flex-row items-center"])
+    }, [
+      u("div", ye, [
+        (s(), i("svg", {
+          width: e.size,
+          height: e.size,
+          role: "img",
+          "aria-label": "Pie chart",
+          class: "overflow-visible"
+        }, [
+          u("defs", null, [
+            u("filter", {
+              id: `shadow-${M(j)}`,
+              x: "-20%",
+              y: "-20%",
+              width: "140%",
+              height: "140%"
+            }, [...n[1] || (n[1] = [
+              u("feDropShadow", {
+                dx: "0",
+                dy: "2",
+                stdDeviation: "3",
+                "flood-opacity": "0.12"
+              }, null, -1)
+            ])], 8, be)
+          ]),
+          u("g", {
+            filter: `url(#shadow-${M(j)})`
+          }, [
+            (s(!0), i(w, null, $(k.value, (t, l) => (s(), i("path", {
+              key: l,
+              d: t.path,
+              fill: t.color,
+              transform: oe(l, t.startA, t.endA),
+              class: "cursor-pointer transition-transform duration-200",
+              stroke: "var(--color-background)",
+              "stroke-width": "2",
+              onMouseenter: (c) => ee(c, l),
+              onMousemove: te,
+              onMouseleave: le
+            }, null, 40, ke))), 128))
+          ], 8, Me),
+          e.labelMode === "outside" ? (s(), i("g", pe, [
+            (s(!0), i(w, null, $(k.value, (t, l) => (s(), i("path", {
+              key: `leader-${l}`,
+              d: t.leaderPath,
+              fill: "none",
+              stroke: "var(--color-muted-foreground)",
+              "stroke-width": "1",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              opacity: t.pct > 0.02 ? 0.5 : 0
+            }, null, 8, we))), 128))
+          ])) : m("", !0),
+          e.labelMode !== "none" ? (s(!0), i(w, { key: 1 }, $(k.value, (t, l) => (s(), i("text", {
+            key: `lbl-${l}`,
+            x: t.lx,
+            y: t.ly,
+            "text-anchor": e.labelMode === "outside" ? t.textAnchor : "middle",
+            "dominant-baseline": "middle",
+            "font-size": e.labelMode === "outside" ? 11.5 : 11,
+            "font-weight": e.labelMode === "outside" ? "500" : "600",
+            fill: e.labelMode === "outside" ? "var(--color-foreground)" : "white",
+            opacity: t.pct > 0.04 ? 1 : 0
+          }, d(t.label), 9, $e))), 128)) : m("", !0),
+          e.donut ? (s(), i("g", ze, [
+            de(a.$slots, "center", {
+              total: P.value,
+              data: e.data
+            }, () => [
+              e.centerValue ? (s(), i("text", {
+                key: 0,
+                x: x.value,
+                y: e.centerLabel ? v.value - 8 : v.value,
+                "text-anchor": "middle",
+                "dominant-baseline": "central",
+                "font-size": "22",
+                "font-weight": "700",
+                class: "fill-foreground"
+              }, d(e.centerValue), 9, Le)) : m("", !0),
+              e.centerLabel ? (s(), i("text", {
+                key: 1,
+                x: x.value,
+                y: v.value + (e.centerValue ? 14 : 0),
+                "text-anchor": "middle",
+                "dominant-baseline": "middle",
+                "font-size": "12",
+                class: "fill-muted-foreground"
+              }, d(e.centerLabel), 9, Ae)) : m("", !0)
+            ])
+          ])) : m("", !0)
+        ], 8, ge))
+      ]),
+      e.showLegend ? (s(), i("div", {
+        key: 0,
+        class: I(["flex flex-col gap-2 min-w-[120px]", e.legendPosition === "bottom" ? "flex-row flex-wrap justify-center" : ""])
+      }, [
+        (s(!0), i(w, null, $(e.data, (t, l) => (s(), i("div", {
+          key: l,
+          class: I(["flex items-center gap-2 cursor-pointer", f.value !== null && f.value !== l ? "opacity-40" : ""]),
+          style: { transition: "opacity 0.15s" },
+          onMouseenter: (c) => f.value = l,
+          onMouseleave: n[0] || (n[0] = (c) => f.value = null)
+        }, [
+          u("span", {
+            class: "w-2.5 h-2.5 rounded-sm shrink-0",
+            style: O({ backgroundColor: t.color ?? M(_)(e.colors, l) })
+          }, null, 4),
+          u("div", Ce, [
+            u("div", Re, d(t.label), 1),
+            u("div", Se, d(M(z)(t.value)) + " (" + d(Math.round(t.value / P.value * 100)) + "%) ", 1)
+          ])
+        ], 42, Pe))), 128))
+      ], 2)) : m("", !0),
+      (s(), ce(ve, { to: "body" }, [
+        r.value ? (s(), i("div", {
+          key: 0,
+          class: "vlite-chart-tooltip",
+          style: O({ left: `${r.value.x + 12}px`, top: `${r.value.y - 10}px` })
+        }, [
+          u("div", Be, [
+            u("span", {
+              class: "w-2.5 h-2.5 rounded-sm shrink-0",
+              style: O({ backgroundColor: r.value.item.color })
+            }, null, 4),
+            u("span", Ve, d(r.value.item.d.label), 1)
+          ]),
+          u("div", Te, [
+            fe(d(M(z)(r.value.item.d.value)) + " ", 1),
+            u("span", De, " (" + d(Math.round(r.value.item.pct * 100)) + "%) ", 1)
+          ])
+        ], 4)) : m("", !0)
+      ]))
+    ], 2));
+  }
+});
+export {
+  Oe as default
+};

package/components/Chart/PieChart.vue2.js

@@ -0,0 +1,4 @@
+import f from "./PieChart.vue.js";
+export {
+  f as default
+};

package/components/Chart/utils.js

@@ -0,0 +1,90 @@
+const b = [
+  "var(--color-chart-1)",
+  "var(--color-chart-2)",
+  "var(--color-chart-3)",
+  "var(--color-chart-4)",
+  "var(--color-chart-5)",
+  "var(--color-chart-6)"
+];
+function x(t) {
+  return {
+    primary: "var(--color-primary)",
+    success: "var(--color-success)",
+    warning: "var(--color-warning)",
+    danger: "var(--color-danger)",
+    info: "var(--color-info)",
+    purple: "#8b5cf6",
+    teal: "#14b8a6",
+    orange: "#f97316",
+    pink: "#ec4899",
+    cyan: "#06b6d4"
+  }[t] ?? t;
+}
+function F(t, r) {
+  return t[r % t.length];
+}
+function A(t) {
+  return Math.abs(t) >= 1e6 ? (t / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : Math.abs(t) >= 1e3 ? (t / 1e3).toFixed(1).replace(/\.0$/, "") + "k" : String(t);
+}
+function C(t, r, o) {
+  return Math.max(r, Math.min(o, t));
+}
+function k(t) {
+  if (t.length < 2) return "";
+  if (t.length === 2)
+    return `M ${t[0][0]},${t[0][1]} L ${t[1][0]},${t[1][1]}`;
+  const r = [`M ${t[0][0]},${t[0][1]}`];
+  for (let o = 0; o < t.length - 1; o++) {
+    const e = t[Math.max(0, o - 1)], n = t[o], a = t[o + 1], h = t[Math.min(t.length - 1, o + 2)], c = n[0] + (a[0] - e[0]) / 6, s = n[1] + (a[1] - e[1]) / 6, i = a[0] - (h[0] - n[0]) / 6, u = a[1] - (h[1] - n[1]) / 6;
+    r.push(`C ${c},${s} ${i},${u} ${a[0]},${a[1]}`);
+  }
+  return r.join(" ");
+}
+function w(t) {
+  return t.length === 0 ? "" : t.map(([r, o], e) => `${e === 0 ? "M" : "L"} ${r},${o}`).join(" ");
+}
+function y(t, r, o, e, n, a = 0) {
+  const h = (v) => v * Math.PI / 180, c = h(e), s = h(n), i = n - e > 180 ? 1 : 0, u = t + o * Math.cos(c), $ = r + o * Math.sin(c), l = t + o * Math.cos(s), f = r + o * Math.sin(s);
+  if (a <= 0)
+    return `M ${t},${r} L ${u},${$} A ${o},${o} 0 ${i} 1 ${l},${f} Z`;
+  const M = t + a * Math.cos(s), m = r + a * Math.sin(s), g = t + a * Math.cos(c), p = r + a * Math.sin(c);
+  return [
+    `M ${u},${$}`,
+    `A ${o},${o} 0 ${i} 1 ${l},${f}`,
+    `L ${M},${m}`,
+    `A ${a},${a} 0 ${i} 0 ${g},${p}`,
+    "Z"
+  ].join(" ");
+}
+function L(t, r, o = 5) {
+  const n = (r - t || 1) / (o - 1), a = Math.pow(10, Math.floor(Math.log10(n))), c = ([1, 2, 2.5, 5, 10].find(($) => $ * a >= n) ?? 10) * a, s = Math.floor(t / c) * c, i = [];
+  let u = s;
+  for (; i.push(parseFloat(u.toFixed(10))), !(u >= r); )
+    u += c;
+  return i;
+}
+function d(t) {
+  return 1 - Math.pow(1 - t, 3);
+}
+function P(t, r, o) {
+  let e = null, n;
+  const a = (h) => {
+    e === null && (e = h);
+    const c = h - e, s = d(Math.min(c / t, 1));
+    r(s), c < t && (n = requestAnimationFrame(a));
+  };
+  return n = requestAnimationFrame(a), () => cancelAnimationFrame(n);
+}
+export {
+  b as CHART_COLORS,
+  P as animateProgress,
+  y as arcPath,
+  C as clamp,
+  d as easeOutCubic,
+  A as formatNumber,
+  F as getColor,
+  w as linearPath,
+  L as niceYTicks,
+  x as resolveColor,
+  k as smoothPath
+};

package/components/Footer/Footer.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent as s, computed as n, openBlock as i, createBlock as c, resolveDynamicComponent as l } from "vue";
+import { getComponentConfig as m } from "../../utils/configUtils.js";
+import p from "./Variant1.vue.js";
+import f from "./Variant2.vue.js";
+import u from "./Variant3.vue.js";
+const $ = /* @__PURE__ */ s({
+  __name: "Footer",
+  props: {
+    data: {},
+    variant: {},
+    labels: {},
+    containerClass: {}
+  },
+  setup(r) {
+    const a = r, e = m("footer") || {}, t = n(() => a.variant ?? e.variant ?? "Variant1"), o = n(() => {
+      switch (t.value) {
+        case "Variant2":
+          return f;
+        case "Variant3":
+          return u;
+        default:
+          return p;
+      }
+    });
+    return (_, v) => (i(), c(l(o.value), {
+      data: a.data,
+      variant: t.value,
+      labels: a.labels,
+      "container-class": a.containerClass
+    }, null, 8, ["data", "variant", "labels", "container-class"]));
+  }
+});
+export {
+  $ as default
+};

package/components/Footer/Footer.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Footer.vue.js";
+export {
+  f as default
+};