import { Fragment as e, computed as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, renderList as l, toDisplayString as u } from "vue";
var d = /* @__PURE__ */ a({
	__name: "Legends",
	props: {
		maxInColumn: {},
		legends: {}
	},
	setup(a) {
		function d(e, t) {
			let n = [], r = [];
			for (let i = 0; i < e.length; i++) r.length < t ? r.push(e[i]) : (n.push(r), r = [e[i]]);
			return n.push(r), n;
		}
		let f = a, p = t(() => d(f.legends, f.maxInColumn ?? 5));
		return (t, a) => (c(), n("div", { class: o(t.$style.component) }, [(c(!0), n(e, null, l(p.value, (a, d) => (c(), n("div", {
			key: d,
			class: o(t.$style.legend)
		}, [(c(!0), n(e, null, l(a, (e, a) => (c(), n("div", {
			key: a,
			class: o(t.$style.item)
		}, [r("div", {
			class: o(t.$style.chip),
			style: s({ backgroundColor: e.color.toString() })
		}, null, 6), i(" " + u(e.text), 1)], 2))), 128))], 2))), 128))], 2));
	}
});
export { d as default };

//# sourceMappingURL=Legends.vue2.js.map