@idux/charts-core 0.8.0 → 1.1.0

package/dist/index.js

@@ -1,972 +1,1123 @@
-import { DataZoomComponent as tt, LegendComponent as et, GridComponent as rt, TitleComponent as nt, TooltipComponent as it } from "echarts/components";
-import { LabelLayout as at, UniversalTransition as ot } from "echarts/features";
-import { SVGRenderer as st } from "echarts/renderers";
-import { watch as O, shallowRef as k, computed as x, unref as b, onMounted as ft, onBeforeUnmount as ht, watchEffect as N, isVue2 as _, defineComponent as ut, h as ct } from "vue-demi";
-import { throttle as lt, use as Z, init as dt, registerTheme as gt } from "echarts/core";
-import { isEqual as pt, cloneDeep as P, isBoolean as bt, isNil as vt } from "lodash-es";
-import { PictorialBarChart as mt } from "echarts/charts";
-function yt(e, t, r) {
-  let n;
-  O(
-    [e, t, r],
-    ([i, a, o], s, f) => {
-      !i || !a || (o ? (n ?? (n = lt(() => a.resize(), 16)), xt(i, n)) : W(i, n), f(() => W(i, n)));
-    }
-  );
-}
-const F = /* @__PURE__ */ new Map();
-function xt(e, t, r) {
-  if (!(!e || !t))
-    if (F.has(e))
-      F.get(e).listeners.push(t);
-    else {
-      const n = [t], i = new ResizeObserver((a) => {
-        a.forEach((o) => n.forEach((s) => s(o)));
-      });
-      i.observe(e, r), F.set(e, { listeners: n, ro: i });
-    }
-}
-function W(e, t) {
-  if (!e || !t || !F.has(e))
-    return;
-  const { listeners: r, ro: n } = F.get(e), i = r.indexOf(t);
-  i > -1 && (r.splice(i, 1), r.length === 0 && (n.disconnect(), F.delete(e)));
-}
-Z([mt]);
-const j = { text: "加载中..." };
-function Ft(e, t) {
-  const r = k(), n = k(), i = k(), a = x(() => b(e).autoResize ?? !0), o = x(() => b(e).group), s = x(() => b(e).initOption), f = x(() => b(e).loading), p = x(() => b(e).setOptionOpts), S = x(() => b(e).theme ?? "seer"), M = () => {
-    const l = r.value;
-    if (!l)
-      return;
-    const c = dt(l, S.value, s.value), y = b(e), { restOptions: D, events: J } = G(y, t, !1);
-    c.setOption(D, p.value), i.value = P(D), J.forEach(([z, L, K]) => {
-      let R = L;
-      K && (R = (...Q) => {
-        L(...Q), c.off(z, R);
-      }), c.on(z, R);
-    });
-    const I = y.onReady || (t == null ? void 0 : t.ready);
-    I && I(c), n.value = c;
-  }, B = () => {
-    n.value && (n.value.dispose(), n.value = void 0);
-  };
-  return ft(() => M()), ht(() => B()), O(
-    () => b(e),
-    (l) => {
-      const c = n.value;
-      if (!c)
-        return;
-      const { restOptions: y } = G(l);
-      pt(y, i.value) || (c.setOption(y, p.value), i.value = P(y));
-    },
-    {
-      deep: !0
-    }
-  ), O([S, s], () => {
-    B(), M();
-  }), N(() => {
-    const l = o.value;
-    l && n.value && (n.value.group = l);
-  }), N(() => {
-    const l = n.value;
-    if (!l)
-      return;
-    const c = f.value;
-    c ? l.showLoading(bt(c) ? j : { ...j, ...c }) : l.hideLoading();
-  }), yt(r, n, a), { containerRef: r, chartRef: n };
-}
-function St(e) {
-  return /^on[^a-z]/.test(e);
-}
-const Mt = [
-  "class",
-  "style",
-  "autoResize",
-  "group",
-  "loading",
-  "setOptionOpts",
-  "theme",
-  "onReady"
+import { DataZoomComponent as e, GridComponent as t, LegendComponent as n, TitleComponent as r, TooltipComponent as i } from "echarts/components";
+import { LabelLayout as a, UniversalTransition as o } from "echarts/features";
+import { SVGRenderer as s } from "echarts/renderers";
+import { computed as c, defineComponent as l, getCurrentInstance as u, h as d, isVue2 as f, onBeforeUnmount as p, onBeforeUpdate as m, onMounted as ee, onUpdated as te, shallowRef as h, unref as g, watch as _, watchEffect as v } from "vue-demi";
+import { PictorialBarChart as y } from "echarts/charts";
+import { init as ne, registerTheme as b, use as x } from "echarts/core";
+import { cloneDeep as S, isBoolean as re, isEqual as C, isNil as ie } from "lodash-es";
+// composables/useResizeObserver.ts
+function ae(e, t, n) {
+	_([
+		e,
+		t,
+		n
+	], ([e, n, r], i, a) => {
+		if (!e || !n || !r) return;
+		let o, s = () => {
+			o === void 0 && (o = requestAnimationFrame(() => {
+				o = void 0, t.value === n && n.resize();
+			}));
+		};
+		oe(e, s), a(() => {
+			se(e, s), o !== void 0 && cancelAnimationFrame(o);
+		});
+	});
+}
+var w = /* @__PURE__ */ new Map();
+function oe(e, t, n) {
+	if (e && t) {
+		if (w.has(e)) w.get(e).listeners.push(t);
+		else {
+			let r = [t], i = new ResizeObserver((e) => {
+				e.forEach((e) => r.forEach((t) => t(e)));
+			});
+			i.observe(e, n), w.set(e, {
+				listeners: r,
+				ro: i
+			});
+		}
+	}
+}
+function se(e, t) {
+	if (!e || !t || !w.has(e)) return;
+	let { listeners: n, ro: r } = w.get(e), i = n.indexOf(t);
+	i > -1 && (n.splice(i, 1), n.length === 0 && (r.disconnect(), w.delete(e)));
+}
+// composables/useChart.ts
+x([y]);
+var T = { text: "加载中..." };
+function E(e, t) {
+	let n = () => typeof t == "function" ? t() : t, r = h(), i = h(), a = h(), o = c(() => g(e).autoResize ?? !0), s = c(() => g(e).group), l = c(() => g(e).initOption), u = c(() => g(e).loading), d = c(() => g(e).setOptionOpts), f = c(() => g(e).theme ?? "seer"), m = [], y = (e, t) => {
+		m = m.filter((n) => {
+			let r = t.some(([e, t, r]) => e === n.name && t === n.handler && r === n.once);
+			return r || e.off(n.name, n.wrapped), r;
+		}), t.forEach(([t, n, r]) => {
+			if (m.some((e) => e.name === t && e.handler === n && e.once === r)) return;
+			let i = (...a) => {
+				r && e.off(t, i), n(...a);
+			};
+			m.push({
+				name: t,
+				handler: n,
+				once: r,
+				wrapped: i
+			}), e.on(t, i);
+		});
+	}, b = () => {
+		let t = r.value;
+		if (!t) return;
+		let o = ne(t, f.value, l.value), s = g(e), { restOptions: c, events: u } = D(s, n(), !1);
+		o.setOption(c, d.value), a.value = S(c), y(o, u);
+		let p = s.onReady || n()?.ready;
+		p && p(o), i.value = o;
+	}, x = () => {
+		i.value && (i.value.dispose(), i.value = void 0, m = []);
+	};
+	return ee(() => b()), p(() => x()), te(() => {
+		i.value && y(i.value, D(g(e), n(), !1).events);
+	}), _(() => g(e), (e) => {
+		let t = i.value;
+		if (!t) return;
+		let { restOptions: r, events: o } = D(e, n(), !1);
+		y(t, o), C(r, a.value) || (t.setOption(r, d.value), a.value = S(r));
+	}, { deep: !0 }), _([() => S(f.value), () => S(l.value)], ([e, t], [n, r]) => {
+		C(e, n) && C(t, r) || (x(), b());
+	}), v(() => {
+		let e = s.value;
+		i.value && (i.value.group = e ?? "");
+	}), v(() => {
+		let e = i.value;
+		if (!e) return;
+		let t = u.value;
+		t ? e.showLoading(re(t) ? T : {
+			...T,
+			...t
+		}) : e.hideLoading();
+	}), ae(r, i, o), {
+		containerRef: r,
+		chartRef: i
+	};
+}
+function ce(e) {
+	return /^on[^a-z]/.test(e);
+}
+var le = [
+	"class",
+	"style",
+	"autoResize",
+	"initOption",
+	"group",
+	"loading",
+	"setOptionOpts",
+	"theme",
+	"onReady"
 ];
-function G(e, t = {}, r = !0) {
-  const n = {}, i = [];
-  return Object.keys(e).forEach((a) => {
-    if (!Mt.includes(a)) {
-      if (St(a)) {
-        if (r)
-          return;
-        const o = e[a];
-        if (o) {
-          const s = a.endsWith("Once"), f = s ? a.length - 4 : void 0, p = a.charAt(2).toLowerCase() + a.substring(3, f);
-          i.push([p, o, s]);
-        }
-        return;
-      }
-      n[a] = e[a];
-    }
-  }), _ && !r && Object.keys(t).forEach((a) => {
-    if (a !== "ready")
-      return;
-    const o = t[a];
-    if (o) {
-      const s = a.startsWith("~"), f = s ? 1 : 0, p = a.substring(f);
-      i.push([p, o, s]);
-    }
-  }), { restOptions: n, events: i };
-}
-function At(e, t) {
-  return `
+function D(e, t = {}, n = !0) {
+	let r = {}, i = [];
+	return Object.keys(e).forEach((t) => {
+		if (!le.includes(t)) {
+			if (ce(t)) {
+				if (n) return;
+				let r = e[t];
+				if (r) {
+					let e = t.endsWith("Once"), n = e ? t.length - 4 : void 0, a = t.charAt(2).toLowerCase() + t.substring(3, n);
+					i.push([
+						a,
+						r,
+						e
+					]);
+				}
+			} else r[t] = e[t];
+		}
+	}), f && !n && Object.keys(t).forEach((e) => {
+		if (e === "ready" || e === "~ready") return;
+		let n = t[e];
+		if (n) {
+			let t = e.startsWith("~"), r = +!!t, a = e.substring(r);
+			i.push([
+				a,
+				n,
+				t
+			]);
+		}
+	}), {
+		restOptions: r,
+		events: i
+	};
+}
+// composables/useTooltips.ts
+function O(e, t) {
+	return `
     <div class="charts-tooltips">
 			<div class="charts-tooltips-title">${e}</div>
-			${t.map((r) => `
+			${t.map((e) => `
 					<div class="charts-tooltips-item">
-						<span class="charts-tooltips-item-border" style="background: ${r.color}"></span>
-						<span class="charts-tooltips-item-name">${r.name}</span>
-						<span class="charts-tooltips-item-value">${r.value}</span>
+						<span class="charts-tooltips-item-border" style="background: ${e.color}"></span>
+						<span class="charts-tooltips-item-name">${e.name}</span>
+						<span class="charts-tooltips-item-value">${e.value}</span>
 					</div>`).join("")}
 		</div>`;
 }
-function wt({
-  data: e = [],
-  color: t = "",
-  offset: r = [0, 0],
-  rotate: n = -20,
-  size: i = [2, 8]
-}) {
-  return {
-    // 分隔线
-    name: "",
-    data: e,
-    // @ts-ignore
-    type: "pictorialBar",
-    symbolRotate: n,
-    silent: !0,
-    itemStyle: {
-      color: t,
-      opacity: 0
-    },
-    emphasis: {
-      itemStyle: {
-        opacity: 1
-      }
-    },
-    symbolRepeat: "fixed",
-    symbolMargin: 2,
-    symbol: "rect",
-    symbolClip: !0,
-    symbolSize: i,
-    symbolPosition: "start",
-    symbolOffset: r,
-    z: 1,
-    animationEasing: "elasticOut"
-  };
-}
-function Xt(e) {
-  return {
-    axisPointer: {
-      lineStyle: {
-        opacity: 0.6
-      }
-    },
-    formatter: function(t) {
-      if (!(t != null && t.length))
-        return "";
-      const r = t[0].name, n = t.filter((i) => !!i.seriesName).map((i) => ({
-        name: i.seriesName,
-        value: `${i.value} ${e}`,
-        color: i.color
-      }));
-      return At(r, n);
-    }
-  };
-}
-function Yt({
-  series: e,
-  color: t,
-  offset: r = [0, 0],
-  rotate: n,
-  size: i
-}) {
-  return [
-    {
-      type: "bar",
-      z: 0,
-      ...e
-    },
-    wt({
-      data: e.data,
-      offset: r,
-      color: t,
-      rotate: n,
-      size: i
-    })
-  ];
-}
-function Jt() {
-  return {
-    aria: {
-      enabled: !0,
-      decal: {
-        show: !0,
-        decals: [
-          {
-            color: "white",
-            dashArrayX: [1, 0],
-            // 这个一般不用调增
-            dashArrayY: [6, 0],
-            // 调整 [x, y] 中 x 的值可以调整条纹的密度
-            symbolSize: 0.5,
-            // 这个值越大，白色条纹就越宽。0.5 的时候则是平均分
-            rotation: Math.PI / 2
-            // 这个让条纹保持竖向
-          }
-        ]
-      }
-    }
-  };
-}
-const X = ut({
-  name: "IxChart",
-  inheritAttrs: !1,
-  // @ts-ignore
-  setup(e, { attrs: t, listeners: r }) {
-    const { containerRef: n } = Ft(t, r);
-    return { containerRef: n };
-  },
-  render() {
-    const { class: e, style: t } = this.$attrs;
-    return ct("div", {
-      ref: "containerRef",
-      class: e,
-      style: {
-        width: "100%",
-        height: "100%",
-        ...t
-      }
-    });
-  }
-});
-function h(e, t) {
-  Rt(e) && (e = "100%");
-  var r = kt(e);
-  return e = t === 360 ? e : Math.min(t, Math.max(0, parseFloat(e))), r && (e = parseInt(String(e * t), 10) / 100), Math.abs(e - t) < 1e-6 ? 1 : (t === 360 ? e = (e < 0 ? e % t + t : e % t) / parseFloat(String(t)) : e = e % t / parseFloat(String(t)), e);
+// composables/useStripe.ts
+function k({ data: e = [], color: t = "", offset: n = [0, 0], rotate: r = -20, size: i = [2, 8] }) {
+	return {
+		name: "",
+		data: e,
+		type: "pictorialBar",
+		symbolRotate: r,
+		silent: !0,
+		itemStyle: {
+			color: t,
+			opacity: 0
+		},
+		emphasis: { itemStyle: { opacity: 1 } },
+		symbolRepeat: "fixed",
+		symbolMargin: 2,
+		symbol: "rect",
+		symbolClip: !0,
+		symbolSize: i,
+		symbolPosition: "start",
+		symbolOffset: n,
+		z: 1,
+		animationEasing: "elasticOut"
+	};
 }
+function ue(e) {
+	return {
+		axisPointer: { lineStyle: { opacity: .6 } },
+		formatter: function(t) {
+			if (!t?.length) return "";
+			let n = t[0].name;
+			return O(n, t.filter((e) => !!e.seriesName).map((t) => ({
+				name: t.seriesName,
+				value: `${t.value} ${e}`,
+				color: t.color
+			})));
+		}
+	};
+}
+function de({ series: e, color: t, offset: n = [0, 0], rotate: r, size: i }) {
+	return [{
+		type: "bar",
+		z: 0,
+		...e
+	}, k({
+		data: e.data,
+		offset: n,
+		color: t,
+		rotate: r,
+		size: i
+	})];
+}
+function fe() {
+	return { aria: {
+		enabled: !0,
+		decal: {
+			show: !0,
+			decals: [{
+				color: "white",
+				dashArrayX: [1, 0],
+				dashArrayY: [6, 0],
+				symbolSize: .5,
+				rotation: Math.PI / 2
+			}]
+		}
+	} };
+}
+// composables/useReactiveAttrs.ts
+var pe = {
+	"auto-resize": "autoResize",
+	"init-option": "initOption",
+	"set-option-opts": "setOptionOpts"
+};
 function A(e) {
-  return Math.min(1, Math.max(0, e));
-}
-function Rt(e) {
-  return typeof e == "string" && e.indexOf(".") !== -1 && parseFloat(e) === 1;
-}
-function kt(e) {
-  return typeof e == "string" && e.indexOf("%") !== -1;
-}
-function Y(e) {
-  return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
-}
-function w(e) {
-  return e <= 1 ? "".concat(Number(e) * 100, "%") : e;
-}
-function m(e) {
-  return e.length === 1 ? "0" + e : String(e);
-}
-function Ht(e, t, r) {
-  return {
-    r: h(e, 255) * 255,
-    g: h(t, 255) * 255,
-    b: h(r, 255) * 255
-  };
-}
-function $(e, t, r) {
-  e = h(e, 255), t = h(t, 255), r = h(r, 255);
-  var n = Math.max(e, t, r), i = Math.min(e, t, r), a = 0, o = 0, s = (n + i) / 2;
-  if (n === i)
-    o = 0, a = 0;
-  else {
-    var f = n - i;
-    switch (o = s > 0.5 ? f / (2 - n - i) : f / (n + i), n) {
-      case e:
-        a = (t - r) / f + (t < r ? 6 : 0);
-        break;
-      case t:
-        a = (r - e) / f + 2;
-        break;
-      case r:
-        a = (e - t) / f + 4;
-        break;
-    }
-    a /= 6;
-  }
-  return { h: a, s: o, l: s };
-}
-function H(e, t, r) {
-  return r < 0 && (r += 1), r > 1 && (r -= 1), r < 1 / 6 ? e + (t - e) * (6 * r) : r < 1 / 2 ? t : r < 2 / 3 ? e + (t - e) * (2 / 3 - r) * 6 : e;
-}
-function Ct(e, t, r) {
-  var n, i, a;
-  if (e = h(e, 360), t = h(t, 100), r = h(r, 100), t === 0)
-    i = r, a = r, n = r;
-  else {
-    var o = r < 0.5 ? r * (1 + t) : r + t - r * t, s = 2 * r - o;
-    n = H(s, o, e + 1 / 3), i = H(s, o, e), a = H(s, o, e - 1 / 3);
-  }
-  return { r: n * 255, g: i * 255, b: a * 255 };
-}
-function q(e, t, r) {
-  e = h(e, 255), t = h(t, 255), r = h(r, 255);
-  var n = Math.max(e, t, r), i = Math.min(e, t, r), a = 0, o = n, s = n - i, f = n === 0 ? 0 : s / n;
-  if (n === i)
-    a = 0;
-  else {
-    switch (n) {
-      case e:
-        a = (t - r) / s + (t < r ? 6 : 0);
-        break;
-      case t:
-        a = (r - e) / s + 2;
-        break;
-      case r:
-        a = (e - t) / s + 4;
-        break;
-    }
-    a /= 6;
-  }
-  return { h: a, s: f, v: o };
-}
-function Et(e, t, r) {
-  e = h(e, 360) * 6, t = h(t, 100), r = h(r, 100);
-  var n = Math.floor(e), i = e - n, a = r * (1 - t), o = r * (1 - i * t), s = r * (1 - (1 - i) * t), f = n % 6, p = [r, o, a, a, s, r][f], S = [s, r, r, o, a, a][f], M = [a, a, s, r, r, o][f];
-  return { r: p * 255, g: S * 255, b: M * 255 };
-}
-function U(e, t, r, n) {
-  var i = [
-    m(Math.round(e).toString(16)),
-    m(Math.round(t).toString(16)),
-    m(Math.round(r).toString(16))
-  ];
-  return n && i[0].startsWith(i[0].charAt(1)) && i[1].startsWith(i[1].charAt(1)) && i[2].startsWith(i[2].charAt(1)) ? i[0].charAt(0) + i[1].charAt(0) + i[2].charAt(0) : i.join("");
-}
-function Ot(e, t, r, n, i) {
-  var a = [
-    m(Math.round(e).toString(16)),
-    m(Math.round(t).toString(16)),
-    m(Math.round(r).toString(16)),
-    m(Tt(n))
-  ];
-  return i && a[0].startsWith(a[0].charAt(1)) && a[1].startsWith(a[1].charAt(1)) && a[2].startsWith(a[2].charAt(1)) && a[3].startsWith(a[3].charAt(1)) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) + a[3].charAt(0) : a.join("");
-}
-function Tt(e) {
-  return Math.round(parseFloat(e) * 255).toString(16);
+	let t = u()?.proxy, n = () => Object.fromEntries(Object.entries(f && t ? t.$attrs : e).map(([e, t]) => [pe[e] ?? e, t]));
+	if (f && t) return c(n);
+	let r = h(n());
+	return m(() => {
+		let e = n(), t = r.value;
+		(Object.keys(t).length !== Object.keys(e).length || Object.keys(e).some((n) => !Object.is(t[n], e[n]))) && (r.value = e);
+	}), r;
+}
+// utils/withChartProps.ts
+function j() {
+	return (e) => e;
+}
+// components/Chart.ts
+var me = j()(l({
+	name: "IxChart",
+	inheritAttrs: !1,
+	setup(e, t) {
+		let { containerRef: n } = E(A(t.attrs), () => t.listeners ?? {});
+		return { containerRef: n };
+	},
+	render() {
+		let { class: e, style: t } = this.$attrs;
+		return d("div", {
+			ref: "containerRef",
+			class: e,
+			style: {
+				width: "100%",
+				height: "100%",
+				...t
+			}
+		});
+	}
+}));
+// ../../node_modules/.pnpm/@ctrl+tinycolor@4.2.2/node_modules/@ctrl/tinycolor/dist/module/util.js
+function M(e, t) {
+	he(e) && (e = "100%");
+	let n = P(e);
+	return e = t === 360 ? parseFloat(e) : Math.min(t, Math.max(0, parseFloat(e))), n && (e = parseInt(String(e * t), 10) / 100), Math.abs(e - t) < 1e-6 ? 1 : (e = t === 360 ? (e < 0 ? e % t + t : e % t) / t : e % t / t, e);
+}
+function N(e) {
+	return Math.min(1, Math.max(0, e));
+}
+function he(e) {
+	return typeof e == "string" && e.indexOf(".") !== -1 && !P(e) && parseFloat(e) === 1;
+}
+function P(e) {
+	return typeof e == "string" && e.indexOf("%") !== -1;
+}
+function F(e) {
+	return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
+}
+function ge(e) {
+	return Number(e) <= 1 ? `${Number(e) * 100}%` : e;
+}
+function I(e) {
+	if (typeof e != "number" || !(e <= 1)) return ge(e);
+	let t = Math.min(100, Math.max(0, e * 100)) * 100;
+	return (t >= 1e-6 ? Math.trunc(t) : parseInt(String(t), 10)) / 100;
+}
+function _e(e) {
+	return e.length === 1 ? "0" + e : String(e);
+}
+// ../../node_modules/.pnpm/@ctrl+tinycolor@4.2.2/node_modules/@ctrl/tinycolor/dist/module/conversion.js
+function ve(e, t, n) {
+	return {
+		r: M(e, 255) * 255,
+		g: M(t, 255) * 255,
+		b: M(n, 255) * 255
+	};
+}
+function L(e, t, n) {
+	e = M(e, 255), t = M(t, 255), n = M(n, 255);
+	let r = Math.max(e, t, n), i = Math.min(e, t, n), a = 0, o, s = (r + i) / 2;
+	if (r === i) o = 0, a = 0;
+	else {
+		let c = r - i;
+		switch (o = s > .5 ? c / (2 - r - i) : c / (r + i), r) {
+			case e:
+				a = (t - n) / c + (t < n ? 6 : 0);
+				break;
+			case t:
+				a = (n - e) / c + 2;
+				break;
+			case n: a = (e - t) / c + 4;
+		}
+		a /= 6;
+	}
+	return {
+		h: a,
+		s: o,
+		l: s
+	};
+}
+function R(e, t, n) {
+	return n < 0 && (n += 1), n > 1 && --n, n < 1 / 6 ? e + (t - e) * (6 * n) : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
+}
+function ye(e, t, n) {
+	let r, i, a;
+	if (e = M(e, 360), t = M(t, 100), n = M(n, 100), t === 0) i = n, a = n, r = n;
+	else {
+		let o = n < .5 ? n * (1 + t) : n + t - n * t, s = 2 * n - o;
+		r = R(s, o, e + 1 / 3), i = R(s, o, e), a = R(s, o, e - 1 / 3);
+	}
+	return {
+		r: r * 255,
+		g: i * 255,
+		b: a * 255
+	};
+}
+function z(e, t, n) {
+	e = M(e, 255), t = M(t, 255), n = M(n, 255);
+	let r = Math.max(e, t, n), i = Math.min(e, t, n), a = 0, o = r, s = r - i, c = r === 0 ? 0 : s / r;
+	if (r === i) a = 0;
+	else {
+		switch (r) {
+			case e:
+				a = (t - n) / s + (t < n ? 6 : 0);
+				break;
+			case t:
+				a = (n - e) / s + 2;
+				break;
+			case n: a = (e - t) / s + 4;
+		}
+		a /= 6;
+	}
+	return {
+		h: a,
+		s: c,
+		v: o
+	};
+}
+function be(e, t, n) {
+	e = M(e, 360) * 6, t = M(t, 100), n = M(n, 100);
+	let r = Math.floor(e), i = e - r, a = n * (1 - t), o = n * (1 - i * t), s = n * (1 - (1 - i) * t), c = r % 6, l = [
+		n,
+		o,
+		a,
+		a,
+		s,
+		n
+	][c], u = [
+		s,
+		n,
+		n,
+		o,
+		a,
+		a
+	][c], d = [
+		a,
+		a,
+		s,
+		n,
+		n,
+		o
+	][c];
+	return {
+		r: l * 255,
+		g: u * 255,
+		b: d * 255
+	};
+}
+function B(e) {
+	return e < 10 ? 48 + e : 87 + e;
 }
 function V(e) {
-  return u(e) / 255;
-}
-function u(e) {
-  return parseInt(e, 16);
-}
-function Bt(e) {
-  return {
-    r: e >> 16,
-    g: (e & 65280) >> 8,
-    b: e & 255
-  };
-}
-var T = {
-  aliceblue: "#f0f8ff",
-  antiquewhite: "#faebd7",
-  aqua: "#00ffff",
-  aquamarine: "#7fffd4",
-  azure: "#f0ffff",
-  beige: "#f5f5dc",
-  bisque: "#ffe4c4",
-  black: "#000000",
-  blanchedalmond: "#ffebcd",
-  blue: "#0000ff",
-  blueviolet: "#8a2be2",
-  brown: "#a52a2a",
-  burlywood: "#deb887",
-  cadetblue: "#5f9ea0",
-  chartreuse: "#7fff00",
-  chocolate: "#d2691e",
-  coral: "#ff7f50",
-  cornflowerblue: "#6495ed",
-  cornsilk: "#fff8dc",
-  crimson: "#dc143c",
-  cyan: "#00ffff",
-  darkblue: "#00008b",
-  darkcyan: "#008b8b",
-  darkgoldenrod: "#b8860b",
-  darkgray: "#a9a9a9",
-  darkgreen: "#006400",
-  darkgrey: "#a9a9a9",
-  darkkhaki: "#bdb76b",
-  darkmagenta: "#8b008b",
-  darkolivegreen: "#556b2f",
-  darkorange: "#ff8c00",
-  darkorchid: "#9932cc",
-  darkred: "#8b0000",
-  darksalmon: "#e9967a",
-  darkseagreen: "#8fbc8f",
-  darkslateblue: "#483d8b",
-  darkslategray: "#2f4f4f",
-  darkslategrey: "#2f4f4f",
-  darkturquoise: "#00ced1",
-  darkviolet: "#9400d3",
-  deeppink: "#ff1493",
-  deepskyblue: "#00bfff",
-  dimgray: "#696969",
-  dimgrey: "#696969",
-  dodgerblue: "#1e90ff",
-  firebrick: "#b22222",
-  floralwhite: "#fffaf0",
-  forestgreen: "#228b22",
-  fuchsia: "#ff00ff",
-  gainsboro: "#dcdcdc",
-  ghostwhite: "#f8f8ff",
-  goldenrod: "#daa520",
-  gold: "#ffd700",
-  gray: "#808080",
-  green: "#008000",
-  greenyellow: "#adff2f",
-  grey: "#808080",
-  honeydew: "#f0fff0",
-  hotpink: "#ff69b4",
-  indianred: "#cd5c5c",
-  indigo: "#4b0082",
-  ivory: "#fffff0",
-  khaki: "#f0e68c",
-  lavenderblush: "#fff0f5",
-  lavender: "#e6e6fa",
-  lawngreen: "#7cfc00",
-  lemonchiffon: "#fffacd",
-  lightblue: "#add8e6",
-  lightcoral: "#f08080",
-  lightcyan: "#e0ffff",
-  lightgoldenrodyellow: "#fafad2",
-  lightgray: "#d3d3d3",
-  lightgreen: "#90ee90",
-  lightgrey: "#d3d3d3",
-  lightpink: "#ffb6c1",
-  lightsalmon: "#ffa07a",
-  lightseagreen: "#20b2aa",
-  lightskyblue: "#87cefa",
-  lightslategray: "#778899",
-  lightslategrey: "#778899",
-  lightsteelblue: "#b0c4de",
-  lightyellow: "#ffffe0",
-  lime: "#00ff00",
-  limegreen: "#32cd32",
-  linen: "#faf0e6",
-  magenta: "#ff00ff",
-  maroon: "#800000",
-  mediumaquamarine: "#66cdaa",
-  mediumblue: "#0000cd",
-  mediumorchid: "#ba55d3",
-  mediumpurple: "#9370db",
-  mediumseagreen: "#3cb371",
-  mediumslateblue: "#7b68ee",
-  mediumspringgreen: "#00fa9a",
-  mediumturquoise: "#48d1cc",
-  mediumvioletred: "#c71585",
-  midnightblue: "#191970",
-  mintcream: "#f5fffa",
-  mistyrose: "#ffe4e1",
-  moccasin: "#ffe4b5",
-  navajowhite: "#ffdead",
-  navy: "#000080",
-  oldlace: "#fdf5e6",
-  olive: "#808000",
-  olivedrab: "#6b8e23",
-  orange: "#ffa500",
-  orangered: "#ff4500",
-  orchid: "#da70d6",
-  palegoldenrod: "#eee8aa",
-  palegreen: "#98fb98",
-  paleturquoise: "#afeeee",
-  palevioletred: "#db7093",
-  papayawhip: "#ffefd5",
-  peachpuff: "#ffdab9",
-  peru: "#cd853f",
-  pink: "#ffc0cb",
-  plum: "#dda0dd",
-  powderblue: "#b0e0e6",
-  purple: "#800080",
-  rebeccapurple: "#663399",
-  red: "#ff0000",
-  rosybrown: "#bc8f8f",
-  royalblue: "#4169e1",
-  saddlebrown: "#8b4513",
-  salmon: "#fa8072",
-  sandybrown: "#f4a460",
-  seagreen: "#2e8b57",
-  seashell: "#fff5ee",
-  sienna: "#a0522d",
-  silver: "#c0c0c0",
-  skyblue: "#87ceeb",
-  slateblue: "#6a5acd",
-  slategray: "#708090",
-  slategrey: "#708090",
-  snow: "#fffafa",
-  springgreen: "#00ff7f",
-  steelblue: "#4682b4",
-  tan: "#d2b48c",
-  teal: "#008080",
-  thistle: "#d8bfd8",
-  tomato: "#ff6347",
-  turquoise: "#40e0d0",
-  violet: "#ee82ee",
-  wheat: "#f5deb3",
-  white: "#ffffff",
-  whitesmoke: "#f5f5f5",
-  yellow: "#ffff00",
-  yellowgreen: "#9acd32"
+	let t = Math.round(e);
+	return t >= 0 && t <= 255 ? String.fromCharCode(B(t >> 4), B(t & 15)) : _e(t.toString(16));
+}
+function xe(e) {
+	return V(parseFloat(e) * 255);
+}
+function H(e, t, n, r) {
+	let i = V(e), a = V(t), o = V(n);
+	return r && i.startsWith(i.charAt(1)) && a.startsWith(a.charAt(1)) && o.startsWith(o.charAt(1)) ? i.charAt(0) + a.charAt(0) + o.charAt(0) : i + a + o;
+}
+function Se(e, t, n, r, i) {
+	let a = V(e), o = V(t), s = V(n), c = xe(r);
+	return i && a.startsWith(a.charAt(1)) && o.startsWith(o.charAt(1)) && s.startsWith(s.charAt(1)) && c.startsWith(c.charAt(1)) ? a.charAt(0) + o.charAt(0) + s.charAt(0) + c.charAt(0) : a + o + s + c;
+}
+function Ce(e, t, n, r) {
+	let i = e / 100, a = t / 100, o = n / 100, s = r / 100;
+	return {
+		r: 255 * (1 - i) * (1 - s),
+		g: 255 * (1 - a) * (1 - s),
+		b: 255 * (1 - o) * (1 - s)
+	};
+}
+function U(e, t, n) {
+	let r = 1 - e / 255, i = 1 - t / 255, a = 1 - n / 255, o = Math.min(r, i, a);
+	return o === 1 ? (r = 0, i = 0, a = 0) : (r = (r - o) / (1 - o) * 100, i = (i - o) / (1 - o) * 100, a = (a - o) / (1 - o) * 100), o *= 100, {
+		c: Math.round(r),
+		m: Math.round(i),
+		y: Math.round(a),
+		k: Math.round(o)
+	};
+}
+function we(e) {
+	return {
+		r: e >> 16,
+		g: (e & 65280) >> 8,
+		b: e & 255
+	};
+}
+// ../../node_modules/.pnpm/@ctrl+tinycolor@4.2.2/node_modules/@ctrl/tinycolor/dist/module/css-color-names.js
+var W = {
+	aliceblue: "#f0f8ff",
+	antiquewhite: "#faebd7",
+	aqua: "#00ffff",
+	aquamarine: "#7fffd4",
+	azure: "#f0ffff",
+	beige: "#f5f5dc",
+	bisque: "#ffe4c4",
+	black: "#000000",
+	blanchedalmond: "#ffebcd",
+	blue: "#0000ff",
+	blueviolet: "#8a2be2",
+	brown: "#a52a2a",
+	burlywood: "#deb887",
+	cadetblue: "#5f9ea0",
+	chartreuse: "#7fff00",
+	chocolate: "#d2691e",
+	coral: "#ff7f50",
+	cornflowerblue: "#6495ed",
+	cornsilk: "#fff8dc",
+	crimson: "#dc143c",
+	cyan: "#00ffff",
+	darkblue: "#00008b",
+	darkcyan: "#008b8b",
+	darkgoldenrod: "#b8860b",
+	darkgray: "#a9a9a9",
+	darkgreen: "#006400",
+	darkgrey: "#a9a9a9",
+	darkkhaki: "#bdb76b",
+	darkmagenta: "#8b008b",
+	darkolivegreen: "#556b2f",
+	darkorange: "#ff8c00",
+	darkorchid: "#9932cc",
+	darkred: "#8b0000",
+	darksalmon: "#e9967a",
+	darkseagreen: "#8fbc8f",
+	darkslateblue: "#483d8b",
+	darkslategray: "#2f4f4f",
+	darkslategrey: "#2f4f4f",
+	darkturquoise: "#00ced1",
+	darkviolet: "#9400d3",
+	deeppink: "#ff1493",
+	deepskyblue: "#00bfff",
+	dimgray: "#696969",
+	dimgrey: "#696969",
+	dodgerblue: "#1e90ff",
+	firebrick: "#b22222",
+	floralwhite: "#fffaf0",
+	forestgreen: "#228b22",
+	fuchsia: "#ff00ff",
+	gainsboro: "#dcdcdc",
+	ghostwhite: "#f8f8ff",
+	goldenrod: "#daa520",
+	gold: "#ffd700",
+	gray: "#808080",
+	green: "#008000",
+	greenyellow: "#adff2f",
+	grey: "#808080",
+	honeydew: "#f0fff0",
+	hotpink: "#ff69b4",
+	indianred: "#cd5c5c",
+	indigo: "#4b0082",
+	ivory: "#fffff0",
+	khaki: "#f0e68c",
+	lavenderblush: "#fff0f5",
+	lavender: "#e6e6fa",
+	lawngreen: "#7cfc00",
+	lemonchiffon: "#fffacd",
+	lightblue: "#add8e6",
+	lightcoral: "#f08080",
+	lightcyan: "#e0ffff",
+	lightgoldenrodyellow: "#fafad2",
+	lightgray: "#d3d3d3",
+	lightgreen: "#90ee90",
+	lightgrey: "#d3d3d3",
+	lightpink: "#ffb6c1",
+	lightsalmon: "#ffa07a",
+	lightseagreen: "#20b2aa",
+	lightskyblue: "#87cefa",
+	lightslategray: "#778899",
+	lightslategrey: "#778899",
+	lightsteelblue: "#b0c4de",
+	lightyellow: "#ffffe0",
+	lime: "#00ff00",
+	limegreen: "#32cd32",
+	linen: "#faf0e6",
+	magenta: "#ff00ff",
+	maroon: "#800000",
+	mediumaquamarine: "#66cdaa",
+	mediumblue: "#0000cd",
+	mediumorchid: "#ba55d3",
+	mediumpurple: "#9370db",
+	mediumseagreen: "#3cb371",
+	mediumslateblue: "#7b68ee",
+	mediumspringgreen: "#00fa9a",
+	mediumturquoise: "#48d1cc",
+	mediumvioletred: "#c71585",
+	midnightblue: "#191970",
+	mintcream: "#f5fffa",
+	mistyrose: "#ffe4e1",
+	moccasin: "#ffe4b5",
+	navajowhite: "#ffdead",
+	navy: "#000080",
+	oldlace: "#fdf5e6",
+	olive: "#808000",
+	olivedrab: "#6b8e23",
+	orange: "#ffa500",
+	orangered: "#ff4500",
+	orchid: "#da70d6",
+	palegoldenrod: "#eee8aa",
+	palegreen: "#98fb98",
+	paleturquoise: "#afeeee",
+	palevioletred: "#db7093",
+	papayawhip: "#ffefd5",
+	peachpuff: "#ffdab9",
+	peru: "#cd853f",
+	pink: "#ffc0cb",
+	plum: "#dda0dd",
+	powderblue: "#b0e0e6",
+	purple: "#800080",
+	rebeccapurple: "#663399",
+	red: "#ff0000",
+	rosybrown: "#bc8f8f",
+	royalblue: "#4169e1",
+	saddlebrown: "#8b4513",
+	salmon: "#fa8072",
+	sandybrown: "#f4a460",
+	seagreen: "#2e8b57",
+	seashell: "#fff5ee",
+	sienna: "#a0522d",
+	silver: "#c0c0c0",
+	skyblue: "#87ceeb",
+	slateblue: "#6a5acd",
+	slategray: "#708090",
+	slategrey: "#708090",
+	snow: "#fffafa",
+	springgreen: "#00ff7f",
+	steelblue: "#4682b4",
+	tan: "#d2b48c",
+	teal: "#008080",
+	thistle: "#d8bfd8",
+	tomato: "#ff6347",
+	turquoise: "#40e0d0",
+	violet: "#ee82ee",
+	wheat: "#f5deb3",
+	white: "#ffffff",
+	whitesmoke: "#f5f5f5",
+	yellow: "#ffff00",
+	yellowgreen: "#9acd32"
 };
-function Dt(e) {
-  var t = { r: 0, g: 0, b: 0 }, r = 1, n = null, i = null, a = null, o = !1, s = !1;
-  return typeof e == "string" && (e = Lt(e)), typeof e == "object" && (g(e.r) && g(e.g) && g(e.b) ? (t = Ht(e.r, e.g, e.b), o = !0, s = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : g(e.h) && g(e.s) && g(e.v) ? (n = w(e.s), i = w(e.v), t = Et(e.h, n, i), o = !0, s = "hsv") : g(e.h) && g(e.s) && g(e.l) && (n = w(e.s), a = w(e.l), t = Ct(e.h, n, a), o = !0, s = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (r = e.a)), r = Y(r), {
-    ok: o,
-    format: e.format || s,
-    r: Math.min(255, Math.max(t.r, 0)),
-    g: Math.min(255, Math.max(t.g, 0)),
-    b: Math.min(255, Math.max(t.b, 0)),
-    a: r
-  };
-}
-var It = "[-\\+]?\\d+%?", zt = "[-\\+]?\\d*\\.\\d+%?", v = "(?:".concat(zt, ")|(?:").concat(It, ")"), C = "[\\s|\\(]+(".concat(v, ")[,|\\s]+(").concat(v, ")[,|\\s]+(").concat(v, ")\\s*\\)?"), E = "[\\s|\\(]+(".concat(v, ")[,|\\s]+(").concat(v, ")[,|\\s]+(").concat(v, ")[,|\\s]+(").concat(v, ")\\s*\\)?"), d = {
-  CSS_UNIT: new RegExp(v),
-  rgb: new RegExp("rgb" + C),
-  rgba: new RegExp("rgba" + E),
-  hsl: new RegExp("hsl" + C),
-  hsla: new RegExp("hsla" + E),
-  hsv: new RegExp("hsv" + C),
-  hsva: new RegExp("hsva" + E),
-  hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
-  hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
-  hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
-  hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
+// ../../node_modules/.pnpm/@ctrl+tinycolor@4.2.2/node_modules/@ctrl/tinycolor/dist/module/format-input.js
+function Te(e) {
+	let t = {
+		r: 0,
+		g: 0,
+		b: 0
+	}, n = 1, r = !1, i = !1;
+	if (typeof e == "string" && (e = Ee(e)), typeof e == "object") {
+		if (X(e.r) && X(e.g) && X(e.b)) {
+			t = ve(e.r, e.g, e.b), r = !0;
+			let { r: n } = e;
+			i = typeof n != "number" && String(n).endsWith("%") ? "prgb" : "rgb";
+		} else if (X(e.h) && X(e.s) && X(e.v)) {
+			let n = I(e.s), a = I(e.v);
+			t = be(e.h, n, a), r = !0, i = "hsv";
+		} else if (X(e.h) && X(e.s) && X(e.l)) {
+			let n = I(e.s), a = I(e.l);
+			t = ye(e.h, n, a), r = !0, i = "hsl";
+		} else X(e.c) && X(e.m) && X(e.y) && X(e.k) && (t = Ce(e.c, e.m, e.y, e.k), r = !0, i = "cmyk");
+		Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a);
+	}
+	return n = F(n), {
+		ok: r,
+		format: e.format || i,
+		r: Math.min(255, Math.max(t.r, 0)),
+		g: Math.min(255, Math.max(t.g, 0)),
+		b: Math.min(255, Math.max(t.b, 0)),
+		a: n
+	};
+}
+var G = "(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)", K = "[\\s|\\(]+(" + G + ")[,|\\s]+(" + G + ")[,|\\s]+(" + G + ")\\s*\\)?", q = "[\\s|\\(]+(" + G + ")[,|\\s]+(" + G + ")[,|\\s]+(" + G + ")[,|\\s]+(" + G + ")\\s*\\)?", J = {
+	CSS_UNIT: new RegExp(G),
+	rgb: RegExp("rgb" + K),
+	rgba: RegExp("rgba" + q),
+	hsl: RegExp("hsl" + K),
+	hsla: RegExp("hsla" + q),
+	hsv: RegExp("hsv" + K),
+	hsva: RegExp("hsva" + q),
+	cmyk: RegExp("cmyk" + q)
 };
-function Lt(e) {
-  if (e = e.trim().toLowerCase(), e.length === 0)
-    return !1;
-  var t = !1;
-  if (T[e])
-    e = T[e], t = !0;
-  else if (e === "transparent")
-    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
-  var r = d.rgb.exec(e);
-  return r ? { r: r[1], g: r[2], b: r[3] } : (r = d.rgba.exec(e), r ? { r: r[1], g: r[2], b: r[3], a: r[4] } : (r = d.hsl.exec(e), r ? { h: r[1], s: r[2], l: r[3] } : (r = d.hsla.exec(e), r ? { h: r[1], s: r[2], l: r[3], a: r[4] } : (r = d.hsv.exec(e), r ? { h: r[1], s: r[2], v: r[3] } : (r = d.hsva.exec(e), r ? { h: r[1], s: r[2], v: r[3], a: r[4] } : (r = d.hex8.exec(e), r ? {
-    r: u(r[1]),
-    g: u(r[2]),
-    b: u(r[3]),
-    a: V(r[4]),
-    format: t ? "name" : "hex8"
-  } : (r = d.hex6.exec(e), r ? {
-    r: u(r[1]),
-    g: u(r[2]),
-    b: u(r[3]),
-    format: t ? "name" : "hex"
-  } : (r = d.hex4.exec(e), r ? {
-    r: u(r[1] + r[1]),
-    g: u(r[2] + r[2]),
-    b: u(r[3] + r[3]),
-    a: V(r[4] + r[4]),
-    format: t ? "name" : "hex8"
-  } : (r = d.hex3.exec(e), r ? {
-    r: u(r[1] + r[1]),
-    g: u(r[2] + r[2]),
-    b: u(r[3] + r[3]),
-    format: t ? "name" : "hex"
-  } : !1)))))))));
-}
-function g(e) {
-  return !!d.CSS_UNIT.exec(String(e));
-}
-var Nt = (
-  /** @class */
-  function() {
-    function e(t, r) {
-      t === void 0 && (t = ""), r === void 0 && (r = {});
-      var n;
-      if (t instanceof e)
-        return t;
-      typeof t == "number" && (t = Bt(t)), this.originalInput = t;
-      var i = Dt(t);
-      this.originalInput = t, this.r = i.r, this.g = i.g, this.b = i.b, this.a = i.a, this.roundA = Math.round(100 * this.a) / 100, this.format = (n = r.format) !== null && n !== void 0 ? n : i.format, this.gradientType = r.gradientType, this.r < 1 && (this.r = Math.round(this.r)), this.g < 1 && (this.g = Math.round(this.g)), this.b < 1 && (this.b = Math.round(this.b)), this.isValid = i.ok;
-    }
-    return e.prototype.isDark = function() {
-      return this.getBrightness() < 128;
-    }, e.prototype.isLight = function() {
-      return !this.isDark();
-    }, e.prototype.getBrightness = function() {
-      var t = this.toRgb();
-      return (t.r * 299 + t.g * 587 + t.b * 114) / 1e3;
-    }, e.prototype.getLuminance = function() {
-      var t = this.toRgb(), r, n, i, a = t.r / 255, o = t.g / 255, s = t.b / 255;
-      return a <= 0.03928 ? r = a / 12.92 : r = Math.pow((a + 0.055) / 1.055, 2.4), o <= 0.03928 ? n = o / 12.92 : n = Math.pow((o + 0.055) / 1.055, 2.4), s <= 0.03928 ? i = s / 12.92 : i = Math.pow((s + 0.055) / 1.055, 2.4), 0.2126 * r + 0.7152 * n + 0.0722 * i;
-    }, e.prototype.getAlpha = function() {
-      return this.a;
-    }, e.prototype.setAlpha = function(t) {
-      return this.a = Y(t), this.roundA = Math.round(100 * this.a) / 100, this;
-    }, e.prototype.isMonochrome = function() {
-      var t = this.toHsl().s;
-      return t === 0;
-    }, e.prototype.toHsv = function() {
-      var t = q(this.r, this.g, this.b);
-      return { h: t.h * 360, s: t.s, v: t.v, a: this.a };
-    }, e.prototype.toHsvString = function() {
-      var t = q(this.r, this.g, this.b), r = Math.round(t.h * 360), n = Math.round(t.s * 100), i = Math.round(t.v * 100);
-      return this.a === 1 ? "hsv(".concat(r, ", ").concat(n, "%, ").concat(i, "%)") : "hsva(".concat(r, ", ").concat(n, "%, ").concat(i, "%, ").concat(this.roundA, ")");
-    }, e.prototype.toHsl = function() {
-      var t = $(this.r, this.g, this.b);
-      return { h: t.h * 360, s: t.s, l: t.l, a: this.a };
-    }, e.prototype.toHslString = function() {
-      var t = $(this.r, this.g, this.b), r = Math.round(t.h * 360), n = Math.round(t.s * 100), i = Math.round(t.l * 100);
-      return this.a === 1 ? "hsl(".concat(r, ", ").concat(n, "%, ").concat(i, "%)") : "hsla(".concat(r, ", ").concat(n, "%, ").concat(i, "%, ").concat(this.roundA, ")");
-    }, e.prototype.toHex = function(t) {
-      return t === void 0 && (t = !1), U(this.r, this.g, this.b, t);
-    }, e.prototype.toHexString = function(t) {
-      return t === void 0 && (t = !1), "#" + this.toHex(t);
-    }, e.prototype.toHex8 = function(t) {
-      return t === void 0 && (t = !1), Ot(this.r, this.g, this.b, this.a, t);
-    }, e.prototype.toHex8String = function(t) {
-      return t === void 0 && (t = !1), "#" + this.toHex8(t);
-    }, e.prototype.toHexShortString = function(t) {
-      return t === void 0 && (t = !1), this.a === 1 ? this.toHexString(t) : this.toHex8String(t);
-    }, e.prototype.toRgb = function() {
-      return {
-        r: Math.round(this.r),
-        g: Math.round(this.g),
-        b: Math.round(this.b),
-        a: this.a
-      };
-    }, e.prototype.toRgbString = function() {
-      var t = Math.round(this.r), r = Math.round(this.g), n = Math.round(this.b);
-      return this.a === 1 ? "rgb(".concat(t, ", ").concat(r, ", ").concat(n, ")") : "rgba(".concat(t, ", ").concat(r, ", ").concat(n, ", ").concat(this.roundA, ")");
-    }, e.prototype.toPercentageRgb = function() {
-      var t = function(r) {
-        return "".concat(Math.round(h(r, 255) * 100), "%");
-      };
-      return {
-        r: t(this.r),
-        g: t(this.g),
-        b: t(this.b),
-        a: this.a
-      };
-    }, e.prototype.toPercentageRgbString = function() {
-      var t = function(r) {
-        return Math.round(h(r, 255) * 100);
-      };
-      return this.a === 1 ? "rgb(".concat(t(this.r), "%, ").concat(t(this.g), "%, ").concat(t(this.b), "%)") : "rgba(".concat(t(this.r), "%, ").concat(t(this.g), "%, ").concat(t(this.b), "%, ").concat(this.roundA, ")");
-    }, e.prototype.toName = function() {
-      if (this.a === 0)
-        return "transparent";
-      if (this.a < 1)
-        return !1;
-      for (var t = "#" + U(this.r, this.g, this.b, !1), r = 0, n = Object.entries(T); r < n.length; r++) {
-        var i = n[r], a = i[0], o = i[1];
-        if (t === o)
-          return a;
-      }
-      return !1;
-    }, e.prototype.toString = function(t) {
-      var r = !!t;
-      t = t ?? this.format;
-      var n = !1, i = this.a < 1 && this.a >= 0, a = !r && i && (t.startsWith("hex") || t === "name");
-      return a ? t === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (t === "rgb" && (n = this.toRgbString()), t === "prgb" && (n = this.toPercentageRgbString()), (t === "hex" || t === "hex6") && (n = this.toHexString()), t === "hex3" && (n = this.toHexString(!0)), t === "hex4" && (n = this.toHex8String(!0)), t === "hex8" && (n = this.toHex8String()), t === "name" && (n = this.toName()), t === "hsl" && (n = this.toHslString()), t === "hsv" && (n = this.toHsvString()), n || this.toHexString());
-    }, e.prototype.toNumber = function() {
-      return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
-    }, e.prototype.clone = function() {
-      return new e(this.toString());
-    }, e.prototype.lighten = function(t) {
-      t === void 0 && (t = 10);
-      var r = this.toHsl();
-      return r.l += t / 100, r.l = A(r.l), new e(r);
-    }, e.prototype.brighten = function(t) {
-      t === void 0 && (t = 10);
-      var r = this.toRgb();
-      return r.r = Math.max(0, Math.min(255, r.r - Math.round(255 * -(t / 100)))), r.g = Math.max(0, Math.min(255, r.g - Math.round(255 * -(t / 100)))), r.b = Math.max(0, Math.min(255, r.b - Math.round(255 * -(t / 100)))), new e(r);
-    }, e.prototype.darken = function(t) {
-      t === void 0 && (t = 10);
-      var r = this.toHsl();
-      return r.l -= t / 100, r.l = A(r.l), new e(r);
-    }, e.prototype.tint = function(t) {
-      return t === void 0 && (t = 10), this.mix("white", t);
-    }, e.prototype.shade = function(t) {
-      return t === void 0 && (t = 10), this.mix("black", t);
-    }, e.prototype.desaturate = function(t) {
-      t === void 0 && (t = 10);
-      var r = this.toHsl();
-      return r.s -= t / 100, r.s = A(r.s), new e(r);
-    }, e.prototype.saturate = function(t) {
-      t === void 0 && (t = 10);
-      var r = this.toHsl();
-      return r.s += t / 100, r.s = A(r.s), new e(r);
-    }, e.prototype.greyscale = function() {
-      return this.desaturate(100);
-    }, e.prototype.spin = function(t) {
-      var r = this.toHsl(), n = (r.h + t) % 360;
-      return r.h = n < 0 ? 360 + n : n, new e(r);
-    }, e.prototype.mix = function(t, r) {
-      r === void 0 && (r = 50);
-      var n = this.toRgb(), i = new e(t).toRgb(), a = r / 100, o = {
-        r: (i.r - n.r) * a + n.r,
-        g: (i.g - n.g) * a + n.g,
-        b: (i.b - n.b) * a + n.b,
-        a: (i.a - n.a) * a + n.a
-      };
-      return new e(o);
-    }, e.prototype.analogous = function(t, r) {
-      t === void 0 && (t = 6), r === void 0 && (r = 30);
-      var n = this.toHsl(), i = 360 / r, a = [this];
-      for (n.h = (n.h - (i * t >> 1) + 720) % 360; --t; )
-        n.h = (n.h + i) % 360, a.push(new e(n));
-      return a;
-    }, e.prototype.complement = function() {
-      var t = this.toHsl();
-      return t.h = (t.h + 180) % 360, new e(t);
-    }, e.prototype.monochromatic = function(t) {
-      t === void 0 && (t = 6);
-      for (var r = this.toHsv(), n = r.h, i = r.s, a = r.v, o = [], s = 1 / t; t--; )
-        o.push(new e({ h: n, s: i, v: a })), a = (a + s) % 1;
-      return o;
-    }, e.prototype.splitcomplement = function() {
-      var t = this.toHsl(), r = t.h;
-      return [
-        this,
-        new e({ h: (r + 72) % 360, s: t.s, l: t.l }),
-        new e({ h: (r + 216) % 360, s: t.s, l: t.l })
-      ];
-    }, e.prototype.onBackground = function(t) {
-      var r = this.toRgb(), n = new e(t).toRgb(), i = r.a + n.a * (1 - r.a);
-      return new e({
-        r: (r.r * r.a + n.r * n.a * (1 - r.a)) / i,
-        g: (r.g * r.a + n.g * n.a * (1 - r.a)) / i,
-        b: (r.b * r.a + n.b * n.a * (1 - r.a)) / i,
-        a: i
-      });
-    }, e.prototype.triad = function() {
-      return this.polyad(3);
-    }, e.prototype.tetrad = function() {
-      return this.polyad(4);
-    }, e.prototype.polyad = function(t) {
-      for (var r = this.toHsl(), n = r.h, i = [this], a = 360 / t, o = 1; o < t; o++)
-        i.push(new e({ h: (n + o * a) % 360, s: r.s, l: r.l }));
-      return i;
-    }, e.prototype.equals = function(t) {
-      return this.toRgbString() === new e(t).toRgbString();
-    }, e;
-  }()
-);
-const Pt = [
-  "#458FFF",
-  "#45D9A3",
-  "#FFC145",
-  "#F5654F",
-  "#6A6AFD",
-  "#6ED1FF",
-  "#008787",
-  "#FF9245",
-  "#F587B3",
-  "#8352CC",
-  "#65779B"
-], Kt = [
-  "#458FFF",
-  "#C8DEFF",
-  "#45D9A3",
-  "#C8F4E4",
-  "#FFC145",
-  "#FFEDC8",
-  "#F5654F",
-  "#FCD1CB",
-  "#6A6AFD",
-  "#D3D3FE",
-  "#6ED1FF",
-  "#D3D3FE",
-  "#008787",
-  "#B3DBDB",
-  "#FF9245",
-  "#FFDFC8",
-  "#F587B3",
-  "#FCDBE8",
-  "#8352CC",
-  "#FCDBE8",
-  "#65779B",
-  "#65779B"
-], Qt = [
-  "#8C1604",
-  "#DB4C35",
-  "#FF9245",
-  "#FFC145",
-  "#689FFF",
-  "#45D9A3",
-  "#99ACD1"
-], Wt = {
-  color: Pt,
-  textStyle: {
-    color: "#6F7785",
-    fontSize: "12px"
-  },
-  bar: {
-    barGap: 0.2,
-    barWidth: 10,
-    label: {
-      color: "#6F7785",
-      position: "top"
-    }
-  },
-  line: {
-    label: {
-      color: "#6F7785",
-      position: "top"
-    }
-  },
-  pie: {
-    avoidLabelOverlap: !1,
-    radius: ["70%", "80%"],
-    itemStyle: {
-      borderWidth: 1,
-      borderColor: "#fff"
-    },
-    label: {
-      show: !1,
-      color: "#2F3540",
-      formatter: "{c}",
-      position: "inside"
-    }
-  },
-  legend: {
-    itemWidth: 12,
-    itemHeight: 12,
-    inactiveColor: "#BEC3CC",
-    textStyle: {
-      color: "#6F7785",
-      fontSize: "12px"
-    }
-  },
-  title: {
-    itemGap: 4,
-    textStyle: {
-      color: "#2F3540",
-      fontSize: "12px",
-      fontWeight: 500
-    },
-    subtextStyle: {
-      color: "#6F7785",
-      fontSize: "12px"
-    }
-  },
-  tooltip: {
-    borderWidth: 0,
-    padding: 12,
-    textStyle: {
-      color: "#2F3540"
-    },
-    axisPointer: {
-      z: 1,
-      lineStyle: {
-        type: "solid",
-        color: "#E1E5EB"
-      }
-    }
-  },
-  categoryAxis: {
-    axisLine: {
-      show: !0,
-      lineStyle: {
-        color: "#EDF1F7"
-      }
-    },
-    axisTick: {
-      show: !0,
-      alignWithLabel: !0,
-      lineStyle: {
-        color: "#EDF1F7"
-      }
-    },
-    axisLabel: {
-      color: "#6F7785"
-    },
-    splitLine: {
-      show: !1
-    },
-    splitArea: {
-      show: !1
-    }
-  },
-  valueAxis: {
-    axisLine: {
-      show: !1
-    },
-    axisTick: {
-      show: !1
-    },
-    axisLabel: {
-      color: "#6F7785"
-    },
-    splitLine: {
-      lineStyle: {
-        color: "#EDF1F7"
-      }
-    },
-    splitArea: {
-      show: !1
-    },
-    nameTextStyle: {
-      color: "#6F7785",
-      padding: [0, 30, -4, 0]
-    }
-  },
-  dataZoom: {
-    height: 16
-  }
+function Ee(e) {
+	if (e = e.trim().toLowerCase(), e.length === 0) return !1;
+	let t = !1;
+	if (W[e]) e = W[e], t = !0;
+	else if (e === "transparent") return {
+		r: 0,
+		g: 0,
+		b: 0,
+		a: 0,
+		format: "name"
+	};
+	if (typeof e == "string" && e.length <= 9) {
+		let n = De(e, t);
+		if (n) return n;
+	}
+	let n = J.rgb.exec(e);
+	return n ? {
+		r: n[1],
+		g: n[2],
+		b: n[3]
+	} : (n = J.rgba.exec(e), n ? {
+		r: n[1],
+		g: n[2],
+		b: n[3],
+		a: n[4]
+	} : (n = J.hsl.exec(e), n ? {
+		h: n[1],
+		s: n[2],
+		l: n[3]
+	} : (n = J.hsla.exec(e), n ? {
+		h: n[1],
+		s: n[2],
+		l: n[3],
+		a: n[4]
+	} : (n = J.hsv.exec(e), n ? {
+		h: n[1],
+		s: n[2],
+		v: n[3]
+	} : (n = J.hsva.exec(e), n ? {
+		h: n[1],
+		s: n[2],
+		v: n[3],
+		a: n[4]
+	} : (n = J.cmyk.exec(e), n ? {
+		c: n[1],
+		m: n[2],
+		y: n[3],
+		k: n[4]
+	} : !1))))));
+}
+function De(e, t) {
+	let n = +!!e.startsWith("#"), r = e.length - n;
+	if (r === 6 || r === 8) {
+		let i = Y(e, n) * 16 + Y(e, n + 1), a = Y(e, n + 2) * 16 + Y(e, n + 3), o = Y(e, n + 4) * 16 + Y(e, n + 5);
+		if (r === 6) return Number.isNaN(i + a + o) ? void 0 : {
+			r: i,
+			g: a,
+			b: o,
+			format: t ? "name" : "hex"
+		};
+		let s = Y(e, n + 6) * 16 + Y(e, n + 7);
+		return Number.isNaN(i + a + o + s) ? void 0 : {
+			r: i,
+			g: a,
+			b: o,
+			a: s / 255,
+			format: t ? "name" : "hex8"
+		};
+	}
+	if (r === 3 || r === 4) {
+		let i = Y(e, n) * 17, a = Y(e, n + 1) * 17, o = Y(e, n + 2) * 17;
+		if (r === 3) return Number.isNaN(i + a + o) ? void 0 : {
+			r: i,
+			g: a,
+			b: o,
+			format: t ? "name" : "hex"
+		};
+		let s = Y(e, n + 3) * 17;
+		return Number.isNaN(i + a + o + s) ? void 0 : {
+			r: i,
+			g: a,
+			b: o,
+			a: s / 255,
+			format: t ? "name" : "hex8"
+		};
+	}
+}
+function Y(e, t) {
+	let n = e.charCodeAt(t);
+	return n >= 48 && n <= 57 ? n - 48 : n >= 97 && n <= 102 ? n - 87 : n >= 65 && n <= 70 ? n - 55 : NaN;
+}
+function X(e) {
+	return typeof e == "number" ? !Number.isNaN(e) : e !== void 0 && J.CSS_UNIT.test(e);
+}
+// ../../node_modules/.pnpm/@ctrl+tinycolor@4.2.2/node_modules/@ctrl/tinycolor/dist/module/index.js
+var Oe = class e {
+	constructor(t = "", n = {}) {
+		if (t instanceof e) return t;
+		typeof t == "number" && (t = we(t)), this.originalInput = t;
+		let r = Te(t);
+		this.originalInput = t, this.r = r.r, this.g = r.g, this.b = r.b, this.a = r.a, this.roundA = Math.round(100 * this.a) / 100, this.format = n.format ?? r.format, this.gradientType = n.gradientType, this.r < 1 && (this.r = Math.round(this.r)), this.g < 1 && (this.g = Math.round(this.g)), this.b < 1 && (this.b = Math.round(this.b)), this.isValid = r.ok;
+	}
+	isDark() {
+		return this.getBrightness() < 128;
+	}
+	isLight() {
+		return !this.isDark();
+	}
+	getBrightness() {
+		let e = this.toRgb();
+		return (e.r * 299 + e.g * 587 + e.b * 114) / 1e3;
+	}
+	getLuminance() {
+		let e = this.toRgb(), t, n, r, i = e.r / 255, a = e.g / 255, o = e.b / 255;
+		return t = i <= .03928 ? i / 12.92 : ((i + .055) / 1.055) ** 2.4, n = a <= .03928 ? a / 12.92 : ((a + .055) / 1.055) ** 2.4, r = o <= .03928 ? o / 12.92 : ((o + .055) / 1.055) ** 2.4, .2126 * t + .7152 * n + .0722 * r;
+	}
+	getAlpha() {
+		return this.a;
+	}
+	setAlpha(e) {
+		return this.a = F(e), this.roundA = Math.round(100 * this.a) / 100, this;
+	}
+	isMonochrome() {
+		let { s: e } = this.toHsl();
+		return e === 0;
+	}
+	toHsv() {
+		let e = z(this.r, this.g, this.b);
+		return {
+			h: e.h * 360,
+			s: e.s,
+			v: e.v,
+			a: this.a
+		};
+	}
+	toHsvString() {
+		let e = z(this.r, this.g, this.b), t = Math.round(e.h * 360), n = Math.round(e.s * 100), r = Math.round(e.v * 100);
+		return this.a === 1 ? `hsv(${t}, ${n}%, ${r}%)` : `hsva(${t}, ${n}%, ${r}%, ${this.roundA})`;
+	}
+	toHsl() {
+		let e = L(this.r, this.g, this.b);
+		return {
+			h: e.h * 360,
+			s: e.s,
+			l: e.l,
+			a: this.a
+		};
+	}
+	toHslString() {
+		let e = L(this.r, this.g, this.b), t = Math.round(e.h * 360), n = Math.round(e.s * 100), r = Math.round(e.l * 100);
+		return this.a === 1 ? `hsl(${t}, ${n}%, ${r}%)` : `hsla(${t}, ${n}%, ${r}%, ${this.roundA})`;
+	}
+	toHex(e = !1) {
+		return H(this.r, this.g, this.b, e);
+	}
+	toHexString(e = !1) {
+		return "#" + this.toHex(e);
+	}
+	toHex8(e = !1) {
+		return Se(this.r, this.g, this.b, this.a, e);
+	}
+	toHex8String(e = !1) {
+		return "#" + this.toHex8(e);
+	}
+	toHexShortString(e = !1) {
+		return this.a === 1 ? this.toHexString(e) : this.toHex8String(e);
+	}
+	toRgb() {
+		return {
+			r: Math.round(this.r),
+			g: Math.round(this.g),
+			b: Math.round(this.b),
+			a: this.a
+		};
+	}
+	toRgbString() {
+		let e = Math.round(this.r), t = Math.round(this.g), n = Math.round(this.b);
+		return this.a === 1 ? `rgb(${e}, ${t}, ${n})` : `rgba(${e}, ${t}, ${n}, ${this.roundA})`;
+	}
+	toPercentageRgb() {
+		let e = (e) => `${Math.round(M(e, 255) * 100)}%`;
+		return {
+			r: e(this.r),
+			g: e(this.g),
+			b: e(this.b),
+			a: this.a
+		};
+	}
+	toPercentageRgbString() {
+		let e = (e) => Math.round(M(e, 255) * 100);
+		return this.a === 1 ? `rgb(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%)` : `rgba(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%, ${this.roundA})`;
+	}
+	toCmyk() {
+		return { ...U(this.r, this.g, this.b) };
+	}
+	toCmykString() {
+		let { c: e, m: t, y: n, k: r } = U(this.r, this.g, this.b);
+		return `cmyk(${e}, ${t}, ${n}, ${r})`;
+	}
+	toName() {
+		if (this.a === 0) return "transparent";
+		if (this.a < 1) return !1;
+		let e = "#" + H(this.r, this.g, this.b, !1), t = W;
+		for (let n in t) if (Object.prototype.hasOwnProperty.call(t, n) && t[n] === e) return n;
+		return !1;
+	}
+	toString(e) {
+		let t = !!e;
+		e ??= this.format;
+		let n = !1, r = this.a < 1 && this.a >= 0;
+		return !t && r && (e.startsWith("hex") || e === "name") ? e === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (e === "rgb" && (n = this.toRgbString()), e === "prgb" && (n = this.toPercentageRgbString()), (e === "hex" || e === "hex6") && (n = this.toHexString()), e === "hex3" && (n = this.toHexString(!0)), e === "hex4" && (n = this.toHex8String(!0)), e === "hex8" && (n = this.toHex8String()), e === "name" && (n = this.toName()), e === "hsl" && (n = this.toHslString()), e === "hsv" && (n = this.toHsvString()), e === "cmyk" && (n = this.toCmykString()), n || this.toHexString());
+	}
+	toNumber() {
+		return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
+	}
+	clone() {
+		return new e(this.toString());
+	}
+	lighten(t = 10) {
+		let n = this.toHsl();
+		return n.l += t / 100, n.l = N(n.l), new e(n);
+	}
+	brighten(t = 10) {
+		let n = this.toRgb();
+		return n.r = Math.max(0, Math.min(255, n.r - Math.round(255 * -(t / 100)))), n.g = Math.max(0, Math.min(255, n.g - Math.round(255 * -(t / 100)))), n.b = Math.max(0, Math.min(255, n.b - Math.round(255 * -(t / 100)))), new e(n);
+	}
+	darken(t = 10) {
+		let n = this.toHsl();
+		return n.l -= t / 100, n.l = N(n.l), new e(n);
+	}
+	tint(e = 10) {
+		return this.mix("white", e);
+	}
+	shade(e = 10) {
+		return this.mix("black", e);
+	}
+	desaturate(t = 10) {
+		let n = this.toHsl();
+		return n.s -= t / 100, n.s = N(n.s), new e(n);
+	}
+	saturate(t = 10) {
+		let n = this.toHsl();
+		return n.s += t / 100, n.s = N(n.s), new e(n);
+	}
+	greyscale() {
+		return this.desaturate(100);
+	}
+	spin(t) {
+		let n = this.toHsl(), r = (n.h + t) % 360;
+		return n.h = r < 0 ? 360 + r : r, new e(n);
+	}
+	mix(t, n = 50) {
+		let r = this.toRgb(), i = new e(t).toRgb(), a = n / 100, o = {
+			r: (i.r - r.r) * a + r.r,
+			g: (i.g - r.g) * a + r.g,
+			b: (i.b - r.b) * a + r.b,
+			a: (i.a - r.a) * a + r.a
+		};
+		return new e(o);
+	}
+	analogous(t = 6, n = 30) {
+		let r = this.toHsl(), i = 360 / n, a = [this];
+		for (r.h = (r.h - (i * t >> 1) + 720) % 360; --t;) r.h = (r.h + i) % 360, a.push(new e(r));
+		return a;
+	}
+	complement() {
+		let t = this.toHsl();
+		return t.h = (t.h + 180) % 360, new e(t);
+	}
+	monochromatic(t = 6) {
+		let n = this.toHsv(), { h: r } = n, { s: i } = n, { v: a } = n, o = [], s = 1 / t;
+		for (; t--;) o.push(new e({
+			h: r,
+			s: i,
+			v: a
+		})), a = (a + s) % 1;
+		return o;
+	}
+	splitcomplement() {
+		let t = this.toHsl(), { h: n } = t;
+		return [
+			this,
+			new e({
+				h: (n + 72) % 360,
+				s: t.s,
+				l: t.l
+			}),
+			new e({
+				h: (n + 216) % 360,
+				s: t.s,
+				l: t.l
+			})
+		];
+	}
+	onBackground(t) {
+		let n = this.toRgb(), r = new e(t).toRgb(), i = n.a + r.a * (1 - n.a);
+		return new e({
+			r: (n.r * n.a + r.r * r.a * (1 - n.a)) / i,
+			g: (n.g * n.a + r.g * r.a * (1 - n.a)) / i,
+			b: (n.b * n.a + r.b * r.a * (1 - n.a)) / i,
+			a: i
+		});
+	}
+	triad() {
+		return this.polyad(3);
+	}
+	tetrad() {
+		return this.polyad(4);
+	}
+	polyad(t) {
+		let n = this.toHsl(), { h: r } = n, i = [this], a = 360 / t;
+		for (let o = 1; o < t; o++) i.push(new e({
+			h: (r + o * a) % 360,
+			s: n.s,
+			l: n.l
+		}));
+		return i;
+	}
+	equals(t) {
+		let n = new e(t);
+		return this.format === "cmyk" || n.format === "cmyk" ? this.toCmykString() === n.toCmykString() : this.toRgbString() === n.toRgbString();
+	}
+}, Z = [
+	"#458FFF",
+	"#45D9A3",
+	"#FFC145",
+	"#F5654F",
+	"#6A6AFD",
+	"#6ED1FF",
+	"#008787",
+	"#FF9245",
+	"#F587B3",
+	"#8352CC",
+	"#65779B"
+], ke = [
+	"#458FFF",
+	"#C8DEFF",
+	"#45D9A3",
+	"#C8F4E4",
+	"#FFC145",
+	"#FFEDC8",
+	"#F5654F",
+	"#FCD1CB",
+	"#6A6AFD",
+	"#D3D3FE",
+	"#6ED1FF",
+	"#D3D3FE",
+	"#008787",
+	"#B3DBDB",
+	"#FF9245",
+	"#FFDFC8",
+	"#F587B3",
+	"#FCDBE8",
+	"#8352CC",
+	"#FCDBE8",
+	"#65779B",
+	"#65779B"
+], Ae = [
+	"#8C1604",
+	"#DB4C35",
+	"#FF9245",
+	"#FFC145",
+	"#689FFF",
+	"#45D9A3",
+	"#99ACD1"
+], Q = {
+	color: Z,
+	textStyle: {
+		color: "#6F7785",
+		fontSize: "12px"
+	},
+	bar: {
+		barGap: .2,
+		barWidth: 10,
+		label: {
+			color: "#6F7785",
+			position: "top"
+		}
+	},
+	line: { label: {
+		color: "#6F7785",
+		position: "top"
+	} },
+	pie: {
+		avoidLabelOverlap: !1,
+		radius: ["70%", "80%"],
+		itemStyle: {
+			borderWidth: 1,
+			borderColor: "#fff"
+		},
+		label: {
+			show: !1,
+			color: "#2F3540",
+			formatter: "{c}",
+			position: "inside"
+		}
+	},
+	legend: {
+		itemWidth: 12,
+		itemHeight: 12,
+		inactiveColor: "#BEC3CC",
+		textStyle: {
+			color: "#6F7785",
+			fontSize: "12px"
+		}
+	},
+	title: {
+		itemGap: 4,
+		textStyle: {
+			color: "#2F3540",
+			fontSize: "12px",
+			fontWeight: 500
+		},
+		subtextStyle: {
+			color: "#6F7785",
+			fontSize: "12px"
+		}
+	},
+	tooltip: {
+		borderWidth: 0,
+		padding: 12,
+		textStyle: { color: "#2F3540" },
+		axisPointer: {
+			z: 1,
+			lineStyle: {
+				type: "solid",
+				color: "#E1E5EB"
+			}
+		}
+	},
+	categoryAxis: {
+		axisLine: {
+			show: !0,
+			lineStyle: { color: "#EDF1F7" }
+		},
+		axisTick: {
+			show: !0,
+			alignWithLabel: !0,
+			lineStyle: { color: "#EDF1F7" }
+		},
+		axisLabel: { color: "#6F7785" },
+		splitLine: { show: !1 },
+		splitArea: { show: !1 }
+	},
+	valueAxis: {
+		axisLine: { show: !1 },
+		axisTick: { show: !1 },
+		axisLabel: { color: "#6F7785" },
+		splitLine: { lineStyle: { color: "#EDF1F7" } },
+		splitArea: { show: !1 },
+		nameTextStyle: {
+			color: "#6F7785",
+			padding: [
+				0,
+				30,
+				-4,
+				0
+			]
+		}
+	},
+	dataZoom: { height: 16 }
 };
-function te(e) {
-  return !!(e && e.xAxis && e.xAxis.data);
-}
-function ee(e, t) {
-  return _ ? { attrs: { ...e }, on: { ...t } } : { ...e };
-}
-function re(e) {
-  return Object.entries(e).reduce((t, [r, n]) => (n !== void 0 && (t[r] = n), t), {});
-}
-function ne(e) {
-  return vt(e) ? [] : Array.isArray(e) ? e : [e];
-}
-const ie = (e, t) => new Nt(e).setAlpha(t).toRgbString();
-function jt(e, t) {
-  Z(t), gt("seer", Wt);
-  const r = (n) => {
-    n.component(e.name, e);
-  };
-  e.install = r;
-}
-jt(X, [
-  tt,
-  et,
-  rt,
-  nt,
-  it,
-  at,
-  ot,
-  st
+// utils/index.ts
+function je(e) {
+	return !!(e && e.xAxis && e.xAxis.data);
+}
+function Me(e, t) {
+	return f ? {
+		attrs: { ...e },
+		on: { ...t }
+	} : { ...e };
+}
+function Ne(e) {
+	return Object.entries(e).reduce((e, [t, n]) => (n !== void 0 && (e[t] = n), e), {});
+}
+function Pe(e) {
+	return ie(e) ? [] : Array.isArray(e) ? e : [e];
+}
+var Fe = (e, t) => new Oe(e).setAlpha(t).toRgbString();
+function $(e, t) {
+	return x(t), b("seer", Q), e.install = (t) => {
+		t.component(e.name, e);
+	}, e;
+}
+// components/index.ts
+var Ie = $(me, [
+	e,
+	n,
+	t,
+	r,
+	i,
+	a,
+	o,
+	s
 ]);
-const ae = X;
-export {
-  ae as IxChart,
-  ne as convertArray,
-  jt as createInstall,
-  re as filterEmptyProps,
-  ie as getAlphaColor,
-  te as isVertical,
-  ee as mergeAttrs,
-  Pt as seerColors,
-  Kt as seerColorsForMore,
-  Qt as seerColorsForRisk,
-  Wt as seerTheme,
-  Ft as useChart,
-  wt as useStripe,
-  Jt as useStripeArea,
-  Yt as useStripeBarSeries,
-  Xt as useStripeBarTooltip,
-  At as useTooltipsFormatter
-};
+export { Ie as IxChart, Pe as convertArray, $ as createInstall, Ne as filterEmptyProps, Fe as getAlphaColor, je as isVertical, Me as mergeAttrs, Z as seerColors, ke as seerColorsForMore, Ae as seerColorsForRisk, Q as seerTheme, E as useChart, A as useReactiveAttrs, k as useStripe, fe as useStripeArea, de as useStripeBarSeries, ue as useStripeBarTooltip, O as useTooltipsFormatter, j as withChartProps };