@orchidui/dashboard 1.8.1-96 → 1.8.1-97

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

@@ -1,490 +0,0 @@
-import { defineComponent as z, inject as K, computed as C, ref as X, createElementBlock as Y, onMounted as Q, nextTick as tt, onUnmounted as et, watch as A, openBlock as D, normalizeClass as St, unref as V, createBlock as B, createCommentVNode as G, createVNode as U, normalizeStyle as xt, withCtx as yt, renderSlot as kt } from "vue";
-import { X as at, O as j, b as $, i as st, e as rt, g as it, h as x, t as M, u as ot, f as O, j as Vt, l as F, s as y, k as H, v as nt, o as $t, x as lt, y as ct, z as _t, A as Dt, B as Ct, C as Mt, p as dt, q as ht, r as ut, d as Et, _ as Bt, a as Gt } from "../../index-CumjCvqB.js";
-import { u as Wt } from "../../index-B3LW8uSH.js";
-import { c as wt } from "../../utils-SFgRDk1R.js";
-import { D as W, $ as Pt, O as J, A as At } from "../../index-LqWMCtOd.js";
-function gt({ x: k, y: e, w: t, h: r, tl: i = !1, tr: l = !1, bl: o = !1, br: s = !1, r: d = 0 }) {
-  let c;
-  c = `M${k + d},${e}h${t - 2 * d}`;
-  let n = l ? d : 0, a = l ? 0 : d;
-  return c += `a${n},${n} 0 0 1 ${n},${n}`, c += `h${a}v${a}`, c += `v${r - 2 * d}`, n = s ? d : 0, a = s ? 0 : d, c += `a${n},${n} 0 0 1 ${-n},${n}`, c += `v${a}h${-a}`, c += `h${2 * d - t}`, n = o ? d : 0, a = o ? 0 : d, c += `a${n},${n} 0 0 1 ${-n},${-n}`, c += `h${-a}v${-a}`, c += `v${2 * d - r}`, n = i ? d : 0, a = i ? 0 : d, c += `a${n},${n} 0 0 1 ${n},${-n}`, c += `v${-a}h${a}`, c += "z", c;
-}
-const Ot = Object.assign(Object.assign({}, at), { color: void 0, barMaxWidth: void 0, barWidth: void 0, dataStep: void 0, barPadding: 0, roundedCorners: 2, cursor: null, barMinHeight1Px: !1, barMinHeightZeroValue: null, orientation: j.Vertical }), pt = $`
-  label: stacked-bar-component;
-`, Ft = st`
-  :root {
-    --vis-stacked-bar-cursor: default;
-    --vis-stacked-bar-fill-color: var(--vis-color-main);
-    --vis-stacked-bar-stroke-color: none;
-    --vis-stacked-bar-stroke-width: 0px;
-    --vis-stacked-bar-hover-stroke-width: none;
-    --vis-stacked-bar-hover-stroke-color: none;
-
-    /* Dark Theme */
-    --vis-dark-stacked-bar-stroke-color: none;
-  }
-
-  body.theme-dark ${`.${pt}`} {
-    --vis-stacked-bar-stroke-color: var(--vis-dark-stacked-bar-stroke-color);
-  }
-`, w = $`
-  label: bar;
-  fill: var(--vis-stacked-bar-fill-color);
-  stroke: var(--vis-stacked-bar-stroke-color);
-  stroke-width: var(--vis-stacked-bar-stroke-width);
-  cursor: var(--vis-stacked-bar-cursor);
-
-  &:hover {
-    stroke-width: var(--vis-stacked-bar-hover-stroke-width);
-    stroke: var(--vis-stacked-bar-hover-stroke-color);
-  }
-`, T = $`
-  label: barGroup;
-`, bt = $`
-  label: barGroupExit;
-`, Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  bar: w,
-  barGroup: T,
-  barGroupExit: bt,
-  globalStyles: Ft,
-  root: pt
-}, Symbol.toStringTag, { value: "Module" }));
-class q extends rt {
-  constructor(e) {
-    super(), this._defaultConfig = Ot, this.config = this._defaultConfig, this.getAccessors = () => it(this.config.y) ? this.config.y : [this.config.y], this.stacked = !0, this.events = {}, this._barData = [], e && this.setConfig(e);
-  }
-  get bleed() {
-    if (this._barData = this._getVisibleData(), this._barData.length === 0)
-      return { top: 0, bottom: 0, left: 0, right: 0 };
-    const e = !this.isVertical() && this.dataScale.range()[0] > this.dataScale.range()[1], t = this.dataScale.domain(), r = this._getBarWidth() / 2, i = this._barData.map((p, h) => x(p, this.config.x, h)), l = M(i), o = ot(i), s = this.dataScale(l), d = this.dataScale(o), c = this.dataScale.invert(s + (e ? r : -r)), n = this.dataScale.invert(d + (e ? -r : r)), a = c <= t[0] ? this.dataScale(t[0]) - this.dataScale(c) : 0, u = n > t[1] ? this.dataScale(n) - this.dataScale(t[1]) : 0;
-    return {
-      top: this.isVertical() ? 0 : e ? -u : a,
-      bottom: this.isVertical() ? 0 : e ? -a : u,
-      left: this.isVertical() ? a : 0,
-      right: this.isVertical() ? u : 0
-    };
-  }
-  get dataScale() {
-    return this.isVertical() ? this.xScale : this.yScale;
-  }
-  get valueScale() {
-    return this.isVertical() ? this.yScale : this.xScale;
-  }
-  isVertical() {
-    return this.config.orientation === j.Vertical;
-  }
-  _render(e) {
-    const { config: t } = this, r = O(e) ? e : t.duration, i = this.getAccessors(), l = Vt(this._barData, 0, i, this._prevNegative);
-    this._prevNegative = l.map((h) => !!h.isMostlyNegative);
-    const o = this.g.selectAll(`.${T}`).data(this._barData, (h, g) => {
-      var f;
-      return `${(f = F(h, t.id, g)) !== null && f !== void 0 ? f : g}`;
-    }), s = (h, g) => {
-      const f = this.dataScale(x(h, t.x, g)), b = this.isVertical() ? f : 0, v = this.isVertical() ? 0 : f;
-      return `translate(${b},${v})`;
-    }, c = o.enter().append("g").attr("class", T).attr("transform", s).style("opacity", 1).merge(o);
-    y(c, r).attr("transform", s).style("opacity", 1);
-    const n = o.exit().attr("class", bt);
-    y(n, r).style("opacity", 0).remove(), y(n.selectAll(`.${w}`), r).attr("transform", this.isVertical() ? `translate(0,${this._height / 3})` : `translate(${this._width / 6},0)`);
-    const a = c.selectAll(`.${w}`).data((h, g) => l.map((f, b) => Object.assign(Object.assign({}, h), {
-      _index: g,
-      _stacked: f[g],
-      // Ending bar if the next stack is not the same as the current one
-      _ending: b === l.length - 1 || b <= l.length - 1 && l[b + 1][g][0] !== f[g][1]
-    }))), p = a.enter().append("path").attr("class", w).attr("d", (h, g) => this._getBarPath(h, g, !0)).style("fill", (h, g) => H(h, t.color, g)).merge(a);
-    y(p, r).attr("d", (h, g) => this._getBarPath(h, g)).style("fill", (h, g) => H(h, t.color, g)).style("cursor", (h, g) => F(h, t.cursor, g)), y(a.exit(), r).style("opacity", 0).remove();
-  }
-  _getBarWidth() {
-    const { config: e, datamodel: { data: t } } = this;
-    if (nt(t))
-      return 0;
-    if (e.barWidth)
-      return M([e.barWidth, e.barMaxWidth]);
-    const r = this.dataScale.bandwidth, i = this.dataScale.domain ? this.dataScale.domain() : [];
-    let o = 1 + (r ? i.length : i[1] - i[0]) / e.dataStep || !r && t.filter((c, n) => {
-      const a = x(c, e.x, n);
-      return a >= i[0] && a <= i[1];
-    }).length || t.length;
-    !r && o >= 2 && (o += 1);
-    const d = (o < 2 ? 1 : 1 - e.barPadding) * (this.isVertical() ? this._width : this._height) / o;
-    return M([d, e.barMaxWidth]);
-  }
-  _getVisibleData() {
-    const { config: e, datamodel: { data: t } } = this, r = this._getBarWidth(), i = t.length < 2 ? 0 : r / 2, l = this.dataScale, o = Math.abs(l.invert(i) - l.invert(0));
-    return t == null ? void 0 : t.filter((d, c) => {
-      const n = x(d, e.x, c), a = l.domain(), u = +a[0], p = +a[1];
-      return n >= u - o && n <= p + o;
-    });
-  }
-  _getBarPath(e, t, r = !1) {
-    const { config: i } = this, l = this.getAccessors(), o = this._getBarWidth(), s = e._stacked[1] < 0, d = e._ending, c = x(e, l[t], e._index), n = r ? 0 : Math.abs(this.valueScale(e._stacked[0]) - this.valueScale(e._stacked[1])), a = !r && i.barMinHeight1Px && n < 1 && isFinite(c) && c !== i.barMinHeightZeroValue ? 1 : n, u = r ? this.valueScale(0) : this.valueScale(s ? e._stacked[0] : e._stacked[1]) - (n < 1 && i.barMinHeight1Px ? 1 : 0), p = -o / 2, h = o, g = i.roundedCorners ? O(i.roundedCorners) ? +i.roundedCorners : h / 2 : 0, f = ct(g, 0, Math.min(n, h) / 2), b = this.yScale.range()[0] > this.yScale.range()[1];
-    return gt({
-      x: this.isVertical() ? p : u - a,
-      y: this.isVertical() ? u + (b ? 0 : -a) : p,
-      w: this.isVertical() ? h : a,
-      h: this.isVertical() ? a : h,
-      tl: d && (this.isVertical() ? !s && b || s && !b : s),
-      tr: d && (this.isVertical() ? !s && b || s && !b : !s),
-      br: d && (this.isVertical() ? s && b || !s && !b : !s),
-      bl: d && (this.isVertical() ? s && b || !s && !b : s),
-      r: f
-    });
-  }
-  getValueScaleExtent(e) {
-    const { datamodel: t } = this, r = this.getAccessors(), i = e ? this._getVisibleData() : t.data;
-    return $t(i, ...r);
-  }
-  getDataScaleExtent() {
-    const { config: e, datamodel: t } = this;
-    return lt(t.data, e.x);
-  }
-  getYDataExtent(e) {
-    return this.isVertical() ? this.getValueScaleExtent(e) : this.getDataScaleExtent();
-  }
-  getXDataExtent() {
-    return this.isVertical() ? this.getDataScaleExtent() : this.getValueScaleExtent(!1);
-  }
-}
-q.selectors = Ht;
-const jt = Object.assign(Object.assign({}, at), { color: void 0, groupMaxWidth: void 0, groupWidth: void 0, dataStep: void 0, groupPadding: 0.05, barPadding: 0, roundedCorners: 2, barMinHeight: 2, cursor: null, orientation: j.Vertical }), vt = $`
-  label: grouped-bar-component;
-`, Nt = st`
-  :root {
-    --vis-grouped-bar-cursor: default;
-    --vis-grouped-bar-fill-color: var(--vis-color-main);
-    --vis-grouped-bar-stroke-color: none;
-    --vis-grouped-bar-stroke-width: 0px;
-    --vis-grouped-bar-hover-stroke-width: 1px;
-    --vis-grouped-bar-hover-stroke-color: none;
-
-
-    /* Dark Theme */
-    --vis-dark-grouped-bar-stroke-color: none;
-  }
-
-  body.theme-dark ${`.${vt}`} {
-    --vis-grouped-bar-stroke-color: var(--vis-dark-grouped-bar-stroke-color);
-  }
-`, P = $`
-  label: bar;
-  fill: var(--vis-grouped-bar-fill-color);
-  stroke: var(--vis-grouped-bar-stroke-color);
-  stroke-width: var(--vis-grouped-bar-stroke-width);
-  cursor: var(--vis-grouped-bar-cursor);
-
-  &:hover {
-    stroke-width: var(--vis-grouped-bar-hover-stroke-width);
-    stroke: var(--vis-grouped-bar-hover-stroke-color);
-  }
-`, L = $`
-  label: barGroup;
-`, mt = $`
-  label: barGroupExit;
-`, Rt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  bar: P,
-  barGroup: L,
-  barGroupExit: mt,
-  globalStyles: Nt,
-  root: vt
-}, Symbol.toStringTag, { value: "Module" }));
-class I extends rt {
-  constructor(e) {
-    super(), this._defaultConfig = jt, this.config = this._defaultConfig, this.getAccessors = () => it(this.config.y) ? this.config.y : [this.config.y], this.events = {}, this._barData = [], e && this.setConfig(e);
-  }
-  get bleed() {
-    if (this._barData = this._getVisibleData(), this._barData.length === 0)
-      return { top: 0, bottom: 0, left: 0, right: 0 };
-    const e = !this.isVertical() && this.dataScale.range()[0] > this.dataScale.range()[1], t = this.dataScale.domain(), r = this._getGroupWidth() / 2, i = this._barData.map((p, h) => x(p, this.config.x, h)), l = M(i), o = ot(i), s = this.dataScale(l), d = this.dataScale(o), c = this.dataScale.invert(s + (e ? r : -r)), n = this.dataScale.invert(d + (e ? -r : r)), a = c <= t[0] ? this.dataScale(t[0]) - this.dataScale(c) : 0, u = n > t[1] ? this.dataScale(n) - this.dataScale(t[1]) : 0;
-    return {
-      top: this.isVertical() ? 0 : e ? -u : a,
-      bottom: this.isVertical() ? 0 : e ? -a : u,
-      left: this.isVertical() ? a : 0,
-      right: this.isVertical() ? u : 0
-    };
-  }
-  get dataScale() {
-    return this.isVertical() ? this.xScale : this.yScale;
-  }
-  get valueScale() {
-    return this.isVertical() ? this.yScale : this.xScale;
-  }
-  isVertical() {
-    return this.config.orientation === j.Vertical;
-  }
-  _render(e) {
-    const { config: t } = this, r = O(e) ? e : t.duration, i = this._getGroupWidth(), l = this.getAccessors(), o = [-i / 2, i / 2], s = _t().domain(Dt(l.length)).range(o).paddingInner(t.barPadding).paddingOuter(t.barPadding), d = this.g.selectAll(`.${L}`).data(this._barData, (v, m) => {
-      var S;
-      return `${(S = F(v, t.id, m)) !== null && S !== void 0 ? S : m}`;
-    }), c = (v, m) => {
-      const S = this.dataScale(x(v, t.x, m)), E = this.isVertical() ? S : 0, _ = this.isVertical() ? 0 : S;
-      return `translate(${E},${_})`;
-    }, a = d.enter().append("g").attr("class", L).attr("transform", c).style("opacity", 1).merge(d);
-    y(a, r).attr("transform", c).style("opacity", 1);
-    const u = d.exit().attr("class", mt);
-    y(u, r).style("opacity", 0).remove(), y(u.selectAll(`.${P}`), r).attr("transform", (v, m, S) => this.isVertical() ? `translate(0,${this.yScale(0)}) scale(1,0)` : `translate(${this.xScale(0)},0) scale(0,1)`);
-    const p = s.bandwidth(), h = a.selectAll(`.${P}`).data((v) => l.map(() => v)), g = this._getValueAxisDirection(), b = h.enter().append("path").attr("class", P).attr("d", (v, m) => {
-      const S = s(m), E = this.valueScale(0), _ = p;
-      return this._getBarPath(S, E, _, 0, !1, g);
-    }).style("fill", (v, m) => H(v, t.color, m)).merge(h);
-    y(b, r).attr("d", (v, m) => {
-      const S = s(m), E = p, _ = x(v, l[m]), N = _ < 0;
-      let Z = N ? this.valueScale(0) : this.valueScale(_ || 0), R = Math.abs(this.valueScale(0) - this.valueScale(_)) || 0;
-      if (R < t.barMinHeight) {
-        const ft = g === W.North ? -1 : 1;
-        Z = this.valueScale(0) + ft * t.barMinHeight, R = t.barMinHeight;
-      }
-      return this._getBarPath(S, Z, E, R, N, g);
-    }).style("fill", (v, m) => H(v, t.color, m)).style("cursor", (v, m) => F(v, t.cursor, m)), y(h.exit(), r).remove();
-  }
-  _getValueAxisDirection() {
-    return this.valueScale.range()[0] > this.valueScale.range()[1] ? W.North : W.South;
-  }
-  _getVisibleData() {
-    const { config: e, datamodel: { data: t } } = this, r = this._getGroupWidth(), i = t.length < 2 ? 0 : r / 2, l = this.dataScale, o = Math.abs(l.invert(i) - l.invert(0));
-    return t == null ? void 0 : t.filter((d, c) => {
-      const n = x(d, e.x, c), a = l.domain(), u = +a[0], p = +a[1];
-      return n >= u - o && n <= p + o;
-    });
-  }
-  _getBarPath(e, t, r, i, l, o) {
-    const { config: s } = this, d = s.roundedCorners ? O(s.roundedCorners) ? +s.roundedCorners : r / 2 : 0, c = ct(d, 0, Math.min(i, r) / 2), n = o === W.North, a = this.isVertical() && l !== n, u = this.isVertical() && l === n, p = !this.isVertical() && l, h = !this.isVertical() && !l;
-    return gt({
-      x: this.isVertical() ? e : t + (n ? 0 : -i),
-      y: this.isVertical() ? t + (n ? 0 : -i) : e,
-      w: this.isVertical() ? r : i,
-      h: this.isVertical() ? i : r,
-      tl: a || p,
-      tr: a || h,
-      bl: u || p,
-      br: u || h,
-      r: c
-    });
-  }
-  _getGroupWidth() {
-    const { config: e, datamodel: { data: t } } = this;
-    if (nt(t))
-      return 0;
-    if (e.groupWidth)
-      return M([e.groupWidth, e.groupMaxWidth]);
-    const r = this.dataScale.bandwidth, i = this.dataScale.domain ? this.dataScale.domain() : [];
-    let o = 1 + (r ? i.length : i[1] - i[0]) / e.dataStep || !r && t.filter((c, n) => {
-      const a = x(c, e.x, n);
-      return a >= i[0] && a <= i[1];
-    }).length || t.length;
-    !r && o >= 2 && (o += 1);
-    const d = (o < 2 ? 1 : 1 - e.groupPadding) * (this.isVertical() ? this._width : this._height) / o;
-    return M([d, e.groupMaxWidth]);
-  }
-  getValueScaleExtent(e) {
-    const { datamodel: t } = this, r = this.getAccessors(), i = e ? this._getVisibleData() : t.data, l = Ct(i, ...r), o = Mt(i, ...r);
-    return [l > 0 ? 0 : l, o < 0 ? 0 : o];
-  }
-  getDataScaleExtent() {
-    const { config: e, datamodel: t } = this;
-    return lt(t.data, e.x);
-  }
-  getYDataExtent(e) {
-    return this.isVertical() ? this.getValueScaleExtent(e) : this.getDataScaleExtent();
-  }
-  getXDataExtent() {
-    return this.isVertical() ? this.getDataScaleExtent() : this.getValueScaleExtent(!1);
-  }
-}
-I.selectors = Rt;
-const Tt = { "data-vis-component": "" }, Lt = /* @__PURE__ */ z({
-  __name: "index",
-  props: {
-    color: {},
-    groupWidth: {},
-    groupMaxWidth: {},
-    dataStep: {},
-    groupPadding: {},
-    barPadding: {},
-    roundedCorners: { type: [Number, Boolean] },
-    barMinHeight: {},
-    cursor: {},
-    orientation: {},
-    x: {},
-    y: {},
-    id: { type: Function },
-    xScale: { type: [Object, Function] },
-    yScale: { type: [Object, Function] },
-    excludeFromDomainCalculation: { type: Boolean },
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(k, { expose: e }) {
-    const t = K(dt), r = k, i = C(() => t.data.value ?? r.data), l = ht(r), o = X();
-    return Q(() => {
-      tt(() => {
-        var s;
-        o.value = new I(l.value), (s = o.value) == null || s.setData(i.value), t.update(o.value);
-      });
-    }), et(() => {
-      var s;
-      (s = o.value) == null || s.destroy(), t.destroy();
-    }), A(l, (s, d) => {
-      var c;
-      ut(s, d) || (c = o.value) == null || c.setConfig(l.value);
-    }), A(i, () => {
-      var s;
-      (s = o.value) == null || s.setData(i.value);
-    }), e({
-      component: o
-    }), (s, d) => (D(), Y("div", Tt));
-  }
-}), zt = { "data-vis-component": "" }, Xt = /* @__PURE__ */ z({
-  __name: "index",
-  props: {
-    color: {},
-    barWidth: {},
-    barMaxWidth: {},
-    dataStep: {},
-    barPadding: {},
-    roundedCorners: { type: [Number, Boolean] },
-    cursor: {},
-    barMinHeight1Px: { type: Boolean },
-    barMinHeightZeroValue: {},
-    orientation: {},
-    x: {},
-    y: {},
-    id: { type: Function },
-    xScale: { type: [Object, Function] },
-    yScale: { type: [Object, Function] },
-    excludeFromDomainCalculation: { type: Boolean },
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(k, { expose: e }) {
-    const t = K(dt), r = k, i = C(() => t.data.value ?? r.data), l = ht(r), o = X();
-    return Q(() => {
-      tt(() => {
-        var s;
-        o.value = new q(l.value), (s = o.value) == null || s.setData(i.value), t.update(o.value);
-      });
-    }), et(() => {
-      var s;
-      (s = o.value) == null || s.destroy(), t.destroy();
-    }), A(l, (s, d) => {
-      var c;
-      ut(s, d) || (c = o.value) == null || c.setConfig(l.value);
-    }), A(i, () => {
-      var s;
-      (s = o.value) == null || s.setData(i.value);
-    }), e({
-      component: o
-    }), (s, d) => (D(), Y("div", zt));
-  }
-}), Jt = /* @__PURE__ */ z({
-  __name: "BarChart",
-  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: {},
-    type: { default: "grouped" },
-    roundedCorners: { default: 0 }
-  },
-  emits: ["legendItemClick"],
-  setup(k, { emit: e }) {
-    const t = k, r = e, i = C(() => t.index), l = C(() => {
-      var a;
-      return (a = t.colors) != null && a.length ? t.colors : Et(t.categories.length);
-    }), o = X(t.categories.map((a, u) => ({
-      name: a,
-      color: l.value[u],
-      inactive: !1
-    }))), s = Wt();
-    function d(a, u) {
-      r("legendItemClick", a, u);
-    }
-    const c = C(() => t.type === "grouped" ? Lt : Xt), n = C(() => t.type === "grouped" ? I.selectors.bar : q.selectors.bar);
-    return (a, u) => (D(), Y("div", {
-      class: St(V(wt)("w-full h-[400px] flex flex-col items-end", a.$attrs.class ?? ""))
-    }, [
-      a.showLegend ? (D(), B(V(Bt), {
-        key: 0,
-        items: o.value,
-        "onUpdate:items": u[0] || (u[0] = (p) => o.value = p),
-        onLegendItemClick: d
-      }, null, 8, ["items"])) : G("", !0),
-      U(V(Pt), {
-        data: a.data,
-        style: xt({ height: V(s) ? "100%" : "auto" }),
-        margin: a.margin
-      }, {
-        default: yt(() => [
-          a.showTooltip ? (D(), B(V(Gt), {
-            key: 0,
-            colors: l.value,
-            items: o.value,
-            "custom-tooltip": a.customTooltip,
-            index: i.value
-          }, null, 8, ["colors", "items", "custom-tooltip", "index"])) : G("", !0),
-          U(V(c), {
-            x: (p, h) => h,
-            y: a.categories.map((p) => (h) => h[p]),
-            color: l.value,
-            "rounded-corners": a.roundedCorners,
-            "bar-padding": 0.05,
-            attributes: {
-              [n.value]: {
-                opacity: (p, h) => {
-                  var f;
-                  const g = h % a.categories.length;
-                  return (f = o.value[g]) != null && f.inactive ? a.filterOpacity : 1;
-                }
-              }
-            }
-          }, null, 8, ["x", "y", "color", "rounded-corners", "attributes"]),
-          a.showXAxis ? (D(), B(V(J), {
-            key: 1,
-            type: "x",
-            "tick-format": a.xFormatter ?? ((p) => {
-              var h;
-              return (h = a.data[p]) == null ? void 0 : h[i.value];
-            }),
-            "grid-line": !1,
-            "tick-line": !1,
-            "tick-text-color": "hsl(var(--vis-text-color))"
-          }, null, 8, ["tick-format"])) : G("", !0),
-          a.showYAxis ? (D(), B(V(J), {
-            key: 2,
-            type: "y",
-            "tick-line": !1,
-            "tick-format": a.yFormatter,
-            "domain-line": !1,
-            "grid-line": a.showGridLine,
-            attributes: {
-              [V(At).selectors.grid]: {
-                class: "text-muted"
-              }
-            },
-            "tick-text-color": "hsl(var(--vis-text-color))"
-          }, null, 8, ["tick-format", "grid-line", "attributes"])) : G("", !0),
-          kt(a.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["data", "style", "margin"])
-    ], 2));
-  }
-});
-export {
-  Jt as BarChart
-};