@orchidui/dashboard 1.8.1-95 → 1.8.1-96

package/dist/ui/chart-donut/index.js

@@ -0,0 +1,509 @@
+import { defineComponent as ft, toRefs as Ft, reactive as Nt, ref as gt, createElementBlock as ht, watchEffect as Wt, watch as ct, onUnmounted as _t, provide as it, openBlock as pt, renderSlot as wt, toRaw as lt, inject as Mt, computed as Q, onMounted as $t, nextTick as Bt, normalizeClass as Gt, unref as G, createVNode as st, normalizeStyle as Ht, withCtx as Pt } from "vue";
+import { Q as rt, s as ot, w as It, R as bt, T as D, U as at, V as Y, W as $, Y as ut, Z as yt, c as C, $ as At, a0 as Z, a1 as S, a2 as xt, a3 as jt, a4 as Ut, a5 as Yt, k as Lt, a6 as Vt, b as J, i as Xt, a7 as qt, a8 as Kt, h as Rt, f as Qt, y as Zt, q as St, p as Ct, M as Jt, N as te, r as ee, d as ne, a9 as ae } from "../../index-CumjCvqB.js";
+import { u as oe } from "../../index-B3LW8uSH.js";
+import { c as ie } from "../../utils-SFgRDk1R.js";
+import { C as le, a as se, w as re } from "../../text-zwICaAnx.js";
+import { a as ue } from "../../array-CqVTtuYm.js";
+const ce = Object.assign(Object.assign({}, le), { tooltip: void 0, annotations: void 0 });
+class de extends se {
+  constructor(t, n, o) {
+    var r;
+    super(t), this._defaultConfig = ce, this.config = this._defaultConfig, n && (this.updateContainer(n, !0), this.component = n.component), o && this.setData(o, !0), !((r = this.component) === null || r === void 0) && r.datamodel.data && this.render();
+  }
+  setData(t, n) {
+    var o;
+    const { config: r } = this;
+    this.component && this.component.setData(t), n || this.render(), (o = r.tooltip) === null || o === void 0 || o.hide();
+  }
+  updateContainer(t, n) {
+    super.updateContainer(t), this._removeAllChildren(), this.component = t.component, t.sizing && (this.component.sizing = t.sizing), this.element.appendChild(this.component.element);
+    const o = t.tooltip;
+    o && (o.hasContainer() || o.setContainer(this._container), o.setComponents([this.component]));
+    const r = t.annotations;
+    r && this.element.appendChild(r.element), this.element.appendChild(this._svgDefs.node()), this.element.appendChild(this._svgDefsExternal.node()), n || this.render();
+  }
+  updateComponent(t, n) {
+    this.component.setConfig(t), n || this.render();
+  }
+  update(t, n, o) {
+    t && this.updateContainer(t, !0), n && this.updateComponent(n, !0), o && this.setData(o, !0), this.render();
+  }
+  getFitWidthScale() {
+    const { config: t, component: n } = this, o = n;
+    if (!o.getWidth)
+      return 1;
+    const r = o.getWidth() + t.margin.left + t.margin.right;
+    return this.width / r;
+  }
+  _preRender() {
+    var t;
+    super._preRender(), this.component.setSize(this.width, this.height, this.containerWidth, this.containerHeight), (t = this.config.annotations) === null || t === void 0 || t.setSize(this.width, this.height, this.containerWidth, this.containerHeight);
+  }
+  _render(t) {
+    var n;
+    const { config: o, component: r } = this;
+    super._render(t), r.g.attr("transform", `translate(${o.margin.left},${o.margin.top})`), r.render(t), (n = o.annotations) === null || n === void 0 || n.render(t), o.tooltip && o.tooltip.update();
+  }
+  // Re-defining the `render()` function to handle different sizing techniques (`Sizing.Extend` and `Sizing.FitWidth`)
+  // Not calling `super.render()` because we don't want it to interfere with setting the SVG size here.
+  render(t = this.config.duration) {
+    const { config: n, component: o } = this;
+    if (n.sizing === rt.Extend || n.sizing === rt.FitWidth) {
+      const r = n.sizing === rt.FitWidth, f = o, i = f.getWidth() + n.margin.left + n.margin.right, e = f.getHeight() + n.margin.top + n.margin.bottom, h = r ? this.getFitWidthScale() : 1, l = this.svg.attr("width"), a = this.svg.attr("height"), v = i * h, s = e * h, p = l || a;
+      ot(this.svg, p ? t : 0).attr("width", v).attr("height", s).attr("viewBox", `0 0 ${i} ${r ? s : e}`).attr("preserveAspectRatio", "xMinYMin");
+    } else
+      this.svg.attr("width", this.config.width || this.containerWidth).attr("height", this.config.height || this.containerHeight);
+    this._resizeObserver || this._setUpResizeObserver(), cancelAnimationFrame(this._renderAnimationFrameId), this._renderAnimationFrameId = requestAnimationFrame(() => {
+      this._preRender(), this._render(t);
+    });
+  }
+  _onResize() {
+    var t;
+    const { config: n } = this;
+    super._onResize(), (t = n.tooltip) === null || t === void 0 || t.hide();
+  }
+  destroy() {
+    var t, n;
+    const { component: o, config: r } = this;
+    super.destroy(), o == null || o.destroy(), (t = r.tooltip) === null || t === void 0 || t.destroy(), (n = r.annotations) === null || n === void 0 || n.destroy();
+  }
+}
+function fe(u) {
+  return u.innerRadius;
+}
+function ge(u) {
+  return u.outerRadius;
+}
+function he(u) {
+  return u.startAngle;
+}
+function pe(u) {
+  return u.endAngle;
+}
+function me(u) {
+  return u && u.padAngle;
+}
+function ve(u, t, n, o, r, f, i, e) {
+  var h = n - u, l = o - t, a = i - r, v = e - f, s = v * h - a * l;
+  if (!(s * s < D))
+    return s = (a * (t - f) - v * (u - r)) / s, [u + s * h, t + s * l];
+}
+function nt(u, t, n, o, r, f, i) {
+  var e = u - n, h = t - o, l = (i ? f : -f) / Z(e * e + h * h), a = l * h, v = -l * e, s = u + a, p = t + v, y = n + a, A = o + v, c = (s + y) / 2, b = (p + A) / 2, x = y - s, _ = A - p, R = x * x + _ * _, w = r - f, L = s * A - y * p, O = (_ < 0 ? -1 : 1) * Z(Ut(0, w * w * R - L * L)), z = (L * _ - x * O) / R, W = (-L * x - _ * O) / R, F = (L * _ + x * O) / R, k = (-L * x + _ * O) / R, T = z - c, d = W - b, m = F - c, M = k - b;
+  return T * T + d * d > m * m + M * M && (z = F, W = k), {
+    cx: z,
+    cy: W,
+    x01: -a,
+    y01: -v,
+    x11: z * (r / w - 1),
+    y11: W * (r / w - 1)
+  };
+}
+function be() {
+  var u = fe, t = ge, n = C(0), o = null, r = he, f = pe, i = me, e = null, h = It(l);
+  function l() {
+    var a, v, s = +u.apply(this, arguments), p = +t.apply(this, arguments), y = r.apply(this, arguments) - bt, A = f.apply(this, arguments) - bt, c = yt(A - y), b = A > y;
+    if (e || (e = a = h()), p < s && (v = p, p = s, s = v), !(p > D)) e.moveTo(0, 0);
+    else if (c > at - D)
+      e.moveTo(p * Y(y), p * $(y)), e.arc(0, 0, p, y, A, !b), s > D && (e.moveTo(s * Y(A), s * $(A)), e.arc(0, 0, s, A, y, b));
+    else {
+      var x = y, _ = A, R = y, w = A, L = c, O = c, z = i.apply(this, arguments) / 2, W = z > D && (o ? +o.apply(this, arguments) : Z(s * s + p * p)), F = ut(yt(p - s) / 2, +n.apply(this, arguments)), k = F, T = F, d, m;
+      if (W > D) {
+        var M = xt(W / s * $(z)), P = xt(W / p * $(z));
+        (L -= M * 2) > D ? (M *= b ? 1 : -1, R += M, w -= M) : (L = 0, R = w = (y + A) / 2), (O -= P * 2) > D ? (P *= b ? 1 : -1, x += P, _ -= P) : (O = 0, x = _ = (y + A) / 2);
+      }
+      var B = p * Y(x), I = p * $(x), V = s * Y(w), H = s * $(w);
+      if (F > D) {
+        var X = p * Y(_), j = p * $(_), q = s * Y(R), tt = s * $(R), N;
+        if (c < At)
+          if (N = ve(B, I, q, tt, X, j, V, H)) {
+            var K = B - N[0], g = I - N[1], E = X - N[0], U = j - N[1], mt = 1 / $(jt((K * E + g * U) / (Z(K * K + g * g) * Z(E * E + U * U))) / 2), vt = Z(N[0] * N[0] + N[1] * N[1]);
+            k = ut(F, (s - vt) / (mt - 1)), T = ut(F, (p - vt) / (mt + 1));
+          } else
+            k = T = 0;
+      }
+      O > D ? T > D ? (d = nt(q, tt, B, I, p, T, b), m = nt(X, j, V, H, p, T, b), e.moveTo(d.cx + d.x01, d.cy + d.y01), T < F ? e.arc(d.cx, d.cy, T, S(d.y01, d.x01), S(m.y01, m.x01), !b) : (e.arc(d.cx, d.cy, T, S(d.y01, d.x01), S(d.y11, d.x11), !b), e.arc(0, 0, p, S(d.cy + d.y11, d.cx + d.x11), S(m.cy + m.y11, m.cx + m.x11), !b), e.arc(m.cx, m.cy, T, S(m.y11, m.x11), S(m.y01, m.x01), !b))) : (e.moveTo(B, I), e.arc(0, 0, p, x, _, !b)) : e.moveTo(B, I), !(s > D) || !(L > D) ? e.lineTo(V, H) : k > D ? (d = nt(V, H, X, j, s, -k, b), m = nt(B, I, q, tt, s, -k, b), e.lineTo(d.cx + d.x01, d.cy + d.y01), k < F ? e.arc(d.cx, d.cy, k, S(d.y01, d.x01), S(m.y01, m.x01), !b) : (e.arc(d.cx, d.cy, k, S(d.y01, d.x01), S(d.y11, d.x11), !b), e.arc(0, 0, s, S(d.cy + d.y11, d.cx + d.x11), S(m.cy + m.y11, m.cx + m.x11), b), e.arc(m.cx, m.cy, k, S(m.y11, m.x11), S(m.y01, m.x01), !b))) : e.arc(0, 0, s, w, R, b);
+    }
+    if (e.closePath(), a) return e = null, a + "" || null;
+  }
+  return l.centroid = function() {
+    var a = (+u.apply(this, arguments) + +t.apply(this, arguments)) / 2, v = (+r.apply(this, arguments) + +f.apply(this, arguments)) / 2 - At / 2;
+    return [Y(v) * a, $(v) * a];
+  }, l.innerRadius = function(a) {
+    return arguments.length ? (u = typeof a == "function" ? a : C(+a), l) : u;
+  }, l.outerRadius = function(a) {
+    return arguments.length ? (t = typeof a == "function" ? a : C(+a), l) : t;
+  }, l.cornerRadius = function(a) {
+    return arguments.length ? (n = typeof a == "function" ? a : C(+a), l) : n;
+  }, l.padRadius = function(a) {
+    return arguments.length ? (o = a == null ? null : typeof a == "function" ? a : C(+a), l) : o;
+  }, l.startAngle = function(a) {
+    return arguments.length ? (r = typeof a == "function" ? a : C(+a), l) : r;
+  }, l.endAngle = function(a) {
+    return arguments.length ? (f = typeof a == "function" ? a : C(+a), l) : f;
+  }, l.padAngle = function(a) {
+    return arguments.length ? (i = typeof a == "function" ? a : C(+a), l) : i;
+  }, l.context = function(a) {
+    return arguments.length ? (e = a ?? null, l) : e;
+  }, l;
+}
+function ye(u, t) {
+  return t < u ? -1 : t > u ? 1 : t >= u ? 0 : NaN;
+}
+function Ae(u) {
+  return u;
+}
+function xe() {
+  var u = Ae, t = ye, n = null, o = C(0), r = C(at), f = C(0);
+  function i(e) {
+    var h, l = (e = ue(e)).length, a, v, s = 0, p = new Array(l), y = new Array(l), A = +o.apply(this, arguments), c = Math.min(at, Math.max(-at, r.apply(this, arguments) - A)), b, x = Math.min(Math.abs(c) / l, f.apply(this, arguments)), _ = x * (c < 0 ? -1 : 1), R;
+    for (h = 0; h < l; ++h)
+      (R = y[p[h] = h] = +u(e[h], h, e)) > 0 && (s += R);
+    for (t != null ? p.sort(function(w, L) {
+      return t(y[w], y[L]);
+    }) : n != null && p.sort(function(w, L) {
+      return n(e[w], e[L]);
+    }), h = 0, v = s ? (c - l * _) / s : 0; h < l; ++h, A = b)
+      a = p[h], R = y[a], b = A + (R > 0 ? R * v : 0) + _, y[a] = {
+        data: e[a],
+        index: h,
+        value: R,
+        startAngle: A,
+        endAngle: b,
+        padAngle: x
+      };
+    return y;
+  }
+  return i.value = function(e) {
+    return arguments.length ? (u = typeof e == "function" ? e : C(+e), i) : u;
+  }, i.sortValues = function(e) {
+    return arguments.length ? (t = e, n = null, i) : t;
+  }, i.sort = function(e) {
+    return arguments.length ? (n = e, t = null, i) : n;
+  }, i.startAngle = function(e) {
+    return arguments.length ? (o = typeof e == "function" ? e : C(+e), i) : o;
+  }, i.endAngle = function(e) {
+    return arguments.length ? (r = typeof e == "function" ? e : C(+e), i) : r;
+  }, i.padAngle = function(e) {
+    return arguments.length ? (f = typeof e == "function" ? e : C(+e), i) : f;
+  }, i;
+}
+const Re = Object.assign(Object.assign({}, Yt), { id: (u, t) => {
+  var n;
+  return (n = u.id) !== null && n !== void 0 ? n : t;
+}, value: void 0, angleRange: [0, 2 * Math.PI], padAngle: 0, sortFunction: void 0, cornerRadius: 0, color: void 0, radius: void 0, arcWidth: 20, centralLabel: void 0, centralSubLabel: void 0, centralSubLabelWrap: !0, showEmptySegments: !1, emptySegmentAngle: 0.5 * Math.PI / 180, showBackground: !0, backgroundAngleRange: void 0, centralLabelOffsetX: void 0, centralLabelOffsetY: void 0 });
+function _e(u, t) {
+  u.style("fill", (n) => Lt(n.data, t.color, n.index)).style("opacity", 0).each((n, o, r) => {
+    const f = r[o], i = (n.startAngle + n.endAngle) / 2, e = (n.endAngle - n.startAngle) / 2;
+    f._animState = {
+      startAngle: i - e,
+      endAngle: i + e,
+      innerRadius: n.innerRadius,
+      outerRadius: n.outerRadius,
+      padAngle: n.padAngle
+    };
+  });
+}
+function we(u, t, n, o) {
+  u.style("transition", `fill ${o}ms`).style("fill", (f) => Lt(f.data, t.color, f.index));
+  const r = (f) => t.showEmptySegments || f.value ? 1 : 0;
+  o ? ot(u, o).style("opacity", r).attrTween("d", (i, e, h) => {
+    const l = h[e], a = {
+      startAngle: i.startAngle,
+      endAngle: i.endAngle,
+      innerRadius: i.innerRadius,
+      outerRadius: i.outerRadius,
+      padAngle: i.padAngle
+    }, v = Vt(l._animState, a);
+    return (s) => (l._animState = v(s), n(l._animState));
+  }) : u.attr("d", n).style("opacity", r);
+}
+function Le(u, t) {
+  ot(u, t).style("opacity", 0).remove();
+}
+const kt = Array.from({ length: 4 }, (u, t) => {
+  const n = -Math.PI / 2 + t * Math.PI / 2;
+  return [n, n + Math.PI];
+}), [Me, $e, Be, Ge] = kt, Tt = J`
+  label: donut-component;
+`, Se = Xt`
+  :root {
+    --vis-donut-central-label-font-size: 16px;
+    --vis-donut-central-label-text-color: #5b5f6d;
+    // Undefined by default to allow proper fallback to var(--vis-font-family)
+    /* --vis-donut-central-label-font-family: */
+    --vis-donut-central-label-font-weight: 600;
+
+    --vis-donut-central-sub-label-font-size: 12px;
+    --vis-donut-central-sub-label-text-color: #5b5f6d;
+    // Undefined by default to allow proper fallback to var(--vis-font-family)
+    /* --vis-donut-central-sub-label-font-family: */
+    --vis-donut-central-sub-label-font-weight: 500;
+
+    --vis-donut-background-color: #E7E9F3;
+    --vis-donut-segment-stroke-width: 0;
+    // The line segment color variable is not defined by default
+    // to allow it to fallback to the donut background color
+    /* --vis-donut-segment-stroke-color: none; */
+
+    --vis-dark-donut-central-label-text-color: #C2BECE;
+    --vis-dark-donut-central-sub-label-text-color: #C2BECE;
+    --vis-dark-donut-background-color: #18160C;
+  }
+
+  body.theme-dark ${`.${Tt}`} {
+    --vis-donut-central-label-text-color: var(--vis-dark-donut-central-label-text-color);
+    --vis-donut-central-sub-label-text-color: var(--vis-dark-donut-central-sub-label-text-color);
+    --vis-donut-background-color: var(--vis-dark-donut-background-color);
+  }
+`, Dt = J`
+  label: background;
+  fill: var(--vis-donut-background-color);
+`, dt = J`
+  label: segment;
+  stroke-width: var(--vis-donut-segment-stroke-width);
+  stroke: var(--vis-donut-segment-stroke-color, var(--vis-donut-background-color));
+`, Et = J`
+  label: segment-exit;
+`, Ot = J`
+  label: central-label;
+  text-anchor: middle;
+  dominant-baseline: middle;
+  font-size: var(--vis-donut-central-label-font-size);
+  font-family: var(--vis-donut-central-label-font-family, var(--vis-font-family));
+  font-weight: var(--vis-donut-central-label-font-weight);
+  fill: var(--vis-donut-central-label-text-color);
+`, zt = J`
+  label: central-label;
+  text-anchor: middle;
+  dominant-baseline: middle;
+  font-size: var(--vis-donut-central-sub-label-font-size);
+  font-family: var(--vis-donut-central-sub-label-font-family, var(--vis-font-family));
+  font-weight: var(--vis-donut-central-sub-label-font-weight);
+  fill: var(--vis-donut-central-sub-label-text-color);
+`, Ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  background: Dt,
+  centralLabel: Ot,
+  centralSubLabel: zt,
+  root: Tt,
+  segment: dt,
+  segmentExit: Et,
+  variables: Se
+}, Symbol.toStringTag, { value: "Module" }));
+class et extends qt {
+  constructor(t) {
+    super(), this._defaultConfig = Re, this.config = this._defaultConfig, this.datamodel = new Kt(), this.arcGen = be(), this.events = {}, t && this.setConfig(t), this.arcBackground = this.g.append("path"), this.arcGroup = this.g.append("g"), this.centralLabel = this.g.append("text").attr("class", Ot), this.centralSubLabel = this.g.append("text").attr("class", zt);
+  }
+  get bleed() {
+    return { top: 0, bottom: 0, left: 0, right: 0 };
+  }
+  _render(t) {
+    var n, o, r, f, i, e, h, l, a, v, s, p, y, A;
+    const { config: c, datamodel: b, bleed: x } = this, _ = b.data.map((g, E) => ({
+      index: E,
+      datum: g
+    })).filter((g) => c.showEmptySegments || Rt(g.datum, c.value, g.index)), R = Qt(t) ? t : c.duration, [w, L, O, z] = kt.map((g) => c.angleRange && c.angleRange[0] === g[0] && c.angleRange[1] === g[1]), W = w || O, F = L || z, k = this._width * (F ? 2 : 1), T = this._height * (W ? 2 : 1), d = c.radius || Math.min(k - x.left - x.right, T - x.top - x.bottom) / 2, m = c.arcWidth === 0 ? 0 : Zt(d - c.arcWidth, 0, d - 1), M = this._height / 2 + (w ? d / 2 : O ? -d / 2 : 0), P = this._width / 2 + (z ? d / 2 : L ? -d / 2 : 0), B = `translate(${P},${M})`;
+    this.arcGroup.attr("transform", B), this.arcGen.startAngle((g) => g.startAngle).endAngle((g) => g.endAngle).innerRadius((g) => g.innerRadius).outerRadius((g) => g.outerRadius).padAngle((g) => g.padAngle).cornerRadius(c.cornerRadius);
+    const V = xe().startAngle((o = (n = c.angleRange) === null || n === void 0 ? void 0 : n[0]) !== null && o !== void 0 ? o : 0).endAngle((f = (r = c.angleRange) === null || r === void 0 ? void 0 : r[1]) !== null && f !== void 0 ? f : 2 * Math.PI).padAngle(c.padAngle).value((g) => Rt(g.datum, c.value, g.index) || 0).sort((g, E) => {
+      var U;
+      return (U = c.sortFunction) === null || U === void 0 ? void 0 : U.call(c, g.datum, E.datum);
+    })(_).map((g) => {
+      const E = Object.assign(Object.assign({}, g), {
+        data: g.data.datum,
+        index: g.data.index,
+        innerRadius: m,
+        outerRadius: d
+      });
+      return c.showEmptySegments && g.endAngle - g.startAngle - g.padAngle <= Number.EPSILON && (E.endAngle = g.startAngle + Math.max(c.emptySegmentAngle, c.padAngle), E.padAngle = g.padAngle / 2), E;
+    }), H = this.arcGroup.selectAll(`.${dt}`).data(V, (g) => c.id(g.data, g.index)), X = H.enter().append("path").attr("class", dt).call(_e, c), j = H.merge(X);
+    j.call(we, c, this.arcGen, R), j.sort((g, E) => E.value - g.value), H.exit().attr("class", Et).call(Le, R);
+    const q = L ? "start" : z ? "end" : "middle";
+    this.centralLabel.attr("dy", c.centralSubLabel ? "-0.55em" : null).style("text-anchor", q).text((i = c.centralLabel) !== null && i !== void 0 ? i : null), this.centralSubLabel.attr("dy", c.centralLabel ? "0.55em" : null).style("text-anchor", q).text((e = c.centralSubLabel) !== null && e !== void 0 ? e : null), c.centralSubLabelWrap && re(this.centralSubLabel, m * 1.9);
+    const tt = (c.centralLabelOffsetX || 0) + P;
+    let N = (c.centralLabelOffsetY || 0) + M;
+    W && c.centralLabelOffsetX === void 0 && c.centralLabelOffsetY === void 0 && (N = (w ? -this.centralSubLabel.node().getBoundingClientRect().height : O ? this.centralLabel.node().getBoundingClientRect().height : 0) + M);
+    const K = `translate(${tt},${N})`;
+    this.centralLabel.attr("transform", K), this.centralSubLabel.attr("transform", K), this.arcBackground.attr("class", Dt).attr("visibility", c.showBackground ? null : "hidden").attr("transform", B), ot(this.arcBackground, R).attr("d", this.arcGen({
+      startAngle: (v = (l = (h = c.backgroundAngleRange) === null || h === void 0 ? void 0 : h[0]) !== null && l !== void 0 ? l : (a = c.angleRange) === null || a === void 0 ? void 0 : a[0]) !== null && v !== void 0 ? v : 0,
+      endAngle: (A = (p = (s = c.backgroundAngleRange) === null || s === void 0 ? void 0 : s[1]) !== null && p !== void 0 ? p : (y = c.angleRange) === null || y === void 0 ? void 0 : y[1]) !== null && A !== void 0 ? A : 2 * Math.PI,
+      innerRadius: m,
+      outerRadius: d
+    }));
+  }
+}
+et.selectors = Ce;
+const ke = /* @__PURE__ */ ft({
+  __name: "index",
+  props: {
+    component: {},
+    tooltip: {},
+    annotations: {},
+    duration: {},
+    margin: {},
+    padding: {},
+    sizing: {},
+    width: {},
+    height: {},
+    svgDefs: {},
+    ariaLabel: {},
+    data: {}
+  },
+  setup(u, { expose: t }) {
+    const n = u, { data: o } = Ft(n), r = St(n);
+    let f;
+    const i = Nt({
+      component: void 0,
+      tooltip: void 0,
+      annotations: void 0
+    }), e = gt(), h = () => {
+      f || e.value && i.component && (f = new de(e.value, { ...lt(i) }, o.value));
+    };
+    return Wt(() => {
+      var l;
+      h(), (l = i.component) == null || l.config, f == null || f.updateContainer({ ...lt(r.value), ...lt(i) });
+    }), ct(o, () => {
+      f ? f.setData(o.value, !0) : h();
+    }), _t(() => f == null ? void 0 : f.destroy()), it(Ct, {
+      data: o,
+      update: (l) => i.component = l,
+      destroy: () => i.component = void 0
+    }), it(Jt, {
+      data: o,
+      update: (l) => i.tooltip = l,
+      destroy: () => {
+        i.tooltip = void 0;
+      }
+    }), it(te, {
+      data: o,
+      update: (l) => i.annotations = l,
+      destroy: () => {
+        i.annotations = void 0;
+      }
+    }), t({
+      component: f
+    }), (l, a) => (pt(), ht("div", {
+      "data-vis-single-container": "",
+      ref_key: "elRef",
+      ref: e,
+      class: "unovis-single-container"
+    }, [
+      wt(l.$slots, "default")
+    ], 512));
+  }
+}), Te = { "data-vis-component": "" };
+et.selectors;
+const De = /* @__PURE__ */ ft({
+  __name: "index",
+  props: {
+    id: { type: Function },
+    value: {},
+    angleRange: {},
+    padAngle: {},
+    sortFunction: { type: Function },
+    cornerRadius: {},
+    color: {},
+    radius: {},
+    arcWidth: {},
+    centralLabel: {},
+    centralSubLabel: {},
+    centralSubLabelWrap: { type: Boolean },
+    showEmptySegments: { type: Boolean },
+    emptySegmentAngle: {},
+    showBackground: { type: Boolean },
+    backgroundAngleRange: {},
+    centralLabelOffsetX: {},
+    centralLabelOffsetY: {},
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(u, { expose: t }) {
+    const n = Mt(Ct), o = u, r = Q(() => n.data.value ?? o.data), f = St(o), i = gt();
+    return $t(() => {
+      Bt(() => {
+        var e;
+        i.value = new et(f.value), (e = i.value) == null || e.setData(r.value), n.update(i.value);
+      });
+    }), _t(() => {
+      var e;
+      (e = i.value) == null || e.destroy(), n.destroy();
+    }), ct(f, (e, h) => {
+      var l;
+      ee(e, h) || (l = i.value) == null || l.setConfig(f.value);
+    }), ct(r, () => {
+      var e;
+      (e = i.value) == null || e.setData(r.value);
+    }), t({
+      component: i
+    }), (e, h) => (pt(), ht("div", Te));
+  }
+}), He = /* @__PURE__ */ ft({
+  __name: "DonutChart",
+  props: {
+    data: {},
+    colors: {},
+    index: {},
+    margin: { default: () => ({ top: 0, bottom: 0, left: 0, right: 0 }) },
+    showLegend: { type: Boolean, default: !0 },
+    showTooltip: { type: Boolean, default: !0 },
+    filterOpacity: { default: 0.2 },
+    category: {},
+    type: { default: "donut" },
+    sortFunction: { type: Function, default: () => {
+    } },
+    valueFormatter: {},
+    customTooltip: {}
+  },
+  setup(u) {
+    const t = u, n = t.valueFormatter ?? ((a) => `${a}`), o = Q(() => t.category), r = Q(() => t.index), f = oe(), i = gt(), e = Q(() => {
+      var a;
+      return (a = t.colors) != null && a.length ? t.colors : ne(t.data.filter((v) => v[t.category]).filter(Boolean).length);
+    }), h = Q(() => t.data.map((a, v) => ({
+      name: a[t.index],
+      color: e.value[v],
+      inactive: !1
+    }))), l = Q(() => t.data.reduce((a, v) => a + v[t.category], 0));
+    return (a, v) => (pt(), ht("div", {
+      class: Gt(G(ie)("w-full h-48 flex flex-col items-end", a.$attrs.class ?? ""))
+    }, [
+      st(G(ke), {
+        style: Ht({ height: G(f) ? "100%" : "auto" }),
+        margin: { left: 20, right: 20 },
+        data: a.data
+      }, {
+        default: Pt(() => [
+          st(G(ae), {
+            selector: G(et).selectors.segment,
+            index: o.value,
+            items: h.value,
+            "value-formatter": G(n),
+            "custom-tooltip": a.customTooltip
+          }, null, 8, ["selector", "index", "items", "value-formatter", "custom-tooltip"]),
+          st(G(De), {
+            value: (s) => s[o.value],
+            "sort-function": a.sortFunction,
+            color: e.value,
+            "arc-width": a.type === "donut" ? 20 : 0,
+            "show-background": !1,
+            "central-label": a.type === "donut" ? G(n)(l.value) : "",
+            events: {
+              [G(et).selectors.segment]: {
+                click: (s, p, y, A) => {
+                  var c, b;
+                  ((c = s == null ? void 0 : s.data) == null ? void 0 : c[r.value]) === i.value ? (i.value = void 0, A.forEach((x) => x.style.opacity = "1")) : (i.value = (b = s == null ? void 0 : s.data) == null ? void 0 : b[r.value], A.forEach((x) => x.style.opacity = `${a.filterOpacity}`), A[y].style.opacity = "1");
+                }
+              }
+            }
+          }, null, 8, ["value", "sort-function", "color", "arc-width", "central-label", "events"]),
+          wt(a.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["style", "data"])
+    ], 2));
+  }
+});
+export {
+  He as DonutChart
+};

package/dist/ui/chart-line/index.js

@@ -0,0 +1,110 @@
+import { defineComponent as L, computed as p, ref as B, createElementBlock as y, openBlock as l, normalizeClass as T, unref as t, createBlock as a, createCommentVNode as m, createVNode as A, normalizeStyle as b, withCtx as F, renderSlot as I, Fragment as $, renderList as M } from "vue";
+import { d as O, _ as S, a as X } from "../../index-CumjCvqB.js";
+import { u as z } from "../../index-B3LW8uSH.js";
+import { c as G } from "../../utils-SFgRDk1R.js";
+import { C as N, S as V, L as Y } from "../../index-BlGEiPHj.js";
+import { $ as E, O as h, A as U } from "../../index-LqWMCtOd.js";
+const P = /* @__PURE__ */ L({
+  __name: "LineChart",
+  props: {
+    data: {},
+    categories: {},
+    index: {},
+    colors: {},
+    margin: { default: () => ({ top: 0, bottom: 0, left: 0, right: 0 }) },
+    filterOpacity: { default: 0.2 },
+    xFormatter: {},
+    yFormatter: {},
+    showXAxis: { type: Boolean, default: !0 },
+    showYAxis: { type: Boolean, default: !0 },
+    showTooltip: { type: Boolean, default: !0 },
+    showLegend: { type: Boolean, default: !0 },
+    showGridLine: { type: Boolean, default: !0 },
+    customTooltip: {},
+    curveType: { default: N.MonotoneX }
+  },
+  emits: ["legendItemClick"],
+  setup(g, { emit: v }) {
+    const i = g, k = v, d = p(() => i.index), c = p(() => {
+      var e;
+      return (e = i.colors) != null && e.length ? i.colors : O(i.categories.length);
+    }), s = B(i.categories.map((e, r) => ({
+      name: e,
+      color: c.value[r],
+      inactive: !1
+    }))), C = z();
+    function w(e, r) {
+      k("legendItemClick", e, r);
+    }
+    return (e, r) => (l(), y("div", {
+      class: T(t(G)("w-full h-[400px] flex flex-col items-end", e.$attrs.class ?? ""))
+    }, [
+      e.showLegend ? (l(), a(t(S), {
+        key: 0,
+        items: s.value,
+        "onUpdate:items": r[0] || (r[0] = (o) => s.value = o),
+        onLegendItemClick: w
+      }, null, 8, ["items"])) : m("", !0),
+      A(t(E), {
+        margin: { left: 20, right: 20 },
+        data: e.data,
+        style: b({ height: t(C) ? "100%" : "auto" })
+      }, {
+        default: F(() => [
+          e.showTooltip ? (l(), a(t(X), {
+            key: 0,
+            colors: c.value,
+            items: s.value,
+            index: d.value,
+            "custom-tooltip": e.customTooltip
+          }, null, 8, ["colors", "items", "index", "custom-tooltip"])) : m("", !0),
+          (l(!0), y($, null, M(e.categories, (o, n) => {
+            var f;
+            return l(), a(t(V), {
+              key: o,
+              x: (u, x) => x,
+              y: (u) => u[o],
+              "curve-type": e.curveType,
+              color: c.value[n],
+              attributes: {
+                [t(Y).selectors.line]: {
+                  opacity: (f = s.value.find((u) => u.name === o)) != null && f.inactive ? e.filterOpacity : 1
+                }
+              }
+            }, null, 8, ["x", "y", "curve-type", "color", "attributes"]);
+          }), 128)),
+          e.showXAxis ? (l(), a(t(h), {
+            key: 1,
+            type: "x",
+            "tick-format": e.xFormatter ?? ((o) => {
+              var n;
+              return (n = e.data[o]) == null ? void 0 : n[d.value];
+            }),
+            "grid-line": !1,
+            "tick-line": !1,
+            "tick-text-color": "hsl(var(--vis-text-color))"
+          }, null, 8, ["tick-format"])) : m("", !0),
+          e.showYAxis ? (l(), a(t(h), {
+            key: 2,
+            type: "y",
+            "tick-line": !1,
+            "tick-format": e.yFormatter,
+            "domain-line": !1,
+            "grid-line": e.showGridLine,
+            attributes: {
+              [t(U).selectors.grid]: {
+                class: "text-muted"
+              }
+            },
+            "tick-text-color": "hsl(var(--vis-text-color))"
+          }, null, 8, ["tick-format", "grid-line", "attributes"])) : m("", !0),
+          I(e.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["data", "style"])
+    ], 2));
+  }
+});
+export {
+  P as LineChart
+};

package/dist/ui/checkbox/index.js

@@ -0,0 +1,4 @@
+import { _ as r } from "../../Checkbox.vue_vue_type_script_setup_true_lang-C51LjITJ.js";
+export {
+  r as Checkbox
+};

package/dist/ui/collapsible/index.js

@@ -0,0 +1,60 @@
+import { defineComponent as s, createBlock as n, openBlock as l, unref as a, normalizeProps as c, guardReactiveProps as u, withCtx as p, renderSlot as r, mergeProps as f } from "vue";
+import { u as b } from "../../useForwardPropsEmits-0XKBv1pB.js";
+import { _ as C, a as y, b as B } from "../../CollapsibleTrigger-fCarY5DJ.js";
+const O = /* @__PURE__ */ s({
+  __name: "Collapsible",
+  props: {
+    defaultOpen: { type: Boolean },
+    open: { type: Boolean },
+    disabled: { type: Boolean },
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] }
+  },
+  emits: ["update:open"],
+  setup(e, { emit: t }) {
+    const d = b(e, t);
+    return (m, g) => (l(), n(a(C), c(u(a(d))), {
+      default: p(({ open: _ }) => [
+        r(m.$slots, "default", { open: _ })
+      ]),
+      _: 3
+    }, 16));
+  }
+}), F = /* @__PURE__ */ s({
+  __name: "CollapsibleContent",
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] }
+  },
+  setup(e) {
+    const t = e;
+    return (o, i) => (l(), n(a(y), f(t, { class: "overflow-hidden transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down" }), {
+      default: p(() => [
+        r(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), P = /* @__PURE__ */ s({
+  __name: "CollapsibleTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] }
+  },
+  setup(e) {
+    const t = e;
+    return (o, i) => (l(), n(a(B), c(u(t)), {
+      default: p(() => [
+        r(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  O as Collapsible,
+  F as CollapsibleContent,
+  P as CollapsibleTrigger
+};