@nxgt/material-vue 0.16.0 → 0.19.0

package/dist/pieDiagram-5QR66LMP-DLBcErnI.js

@@ -0,0 +1,205 @@
+import { n as e } from "./mermaid-parser.core-Cz-MfB4Z.js";
+import { n as t } from "./chunk-Y2CYZVJY-i11wjrBe.js";
+import { m as n } from "./src-CNRY2AUH.js";
+import { H as r, U as i, a, c as o, f as s, q as c, v as l, w as u, x as d, y as f } from "./chunk-O7XYJQB3-WMQqqzRb.js";
+import { t as p } from "./ordinal-D_ZgubzR.js";
+import { n as m } from "./path-DGNPZRdx.js";
+import { m as h } from "./dist-D9zvfe2i.js";
+import { t as g } from "./arc-DNNg1pxp.js";
+import { t as _ } from "./array-CApNbSU9.js";
+import { i as v, p as y } from "./chunk-ZIGJFQKS-DBdWb0bj.js";
+import { t as b } from "./chunk-6AEJRKK7-D9IaQdwq.js";
+import { t as x } from "./chunk-JWPE2WC7-Ccb0QaC8.js";
+//#region node_modules/d3-shape/src/descending.js
+function S(e, t) {
+	return t < e ? -1 : t > e ? 1 : t >= e ? 0 : NaN;
+}
+//#endregion
+//#region node_modules/d3-shape/src/identity.js
+function C(e) {
+	return e;
+}
+//#endregion
+//#region node_modules/d3-shape/src/pie.js
+function w() {
+	var e = C, t = S, n = null, r = m(0), i = m(h), a = m(0);
+	function o(o) {
+		var s, c = (o = _(o)).length, l, u, d = 0, f = Array(c), p = Array(c), m = +r.apply(this, arguments), g = Math.min(h, Math.max(-h, i.apply(this, arguments) - m)), v, y = Math.min(Math.abs(g) / c, a.apply(this, arguments)), b = y * (g < 0 ? -1 : 1), x;
+		for (s = 0; s < c; ++s) (x = p[f[s] = s] = +e(o[s], s, o)) > 0 && (d += x);
+		for (t == null ? n != null && f.sort(function(e, t) {
+			return n(o[e], o[t]);
+		}) : f.sort(function(e, n) {
+			return t(p[e], p[n]);
+		}), s = 0, u = d ? (g - c * b) / d : 0; s < c; ++s, m = v) l = f[s], x = p[l], v = m + (x > 0 ? x * u : 0) + b, p[l] = {
+			data: o[l],
+			index: s,
+			value: x,
+			startAngle: m,
+			endAngle: v,
+			padAngle: y
+		};
+		return p;
+	}
+	return o.value = function(t) {
+		return arguments.length ? (e = typeof t == "function" ? t : m(+t), o) : e;
+	}, o.sortValues = function(e) {
+		return arguments.length ? (t = e, n = null, o) : t;
+	}, o.sort = function(e) {
+		return arguments.length ? (n = e, t = null, o) : n;
+	}, o.startAngle = function(e) {
+		return arguments.length ? (r = typeof e == "function" ? e : m(+e), o) : r;
+	}, o.endAngle = function(e) {
+		return arguments.length ? (i = typeof e == "function" ? e : m(+e), o) : i;
+	}, o.padAngle = function(e) {
+		return arguments.length ? (a = typeof e == "function" ? e : m(+e), o) : a;
+	}, o;
+}
+//#endregion
+//#region node_modules/mermaid/dist/chunks/mermaid.core/pieDiagram-5QR66LMP.mjs
+var T = s.pie, E = {
+	sections: /* @__PURE__ */ new Map(),
+	showData: !1,
+	config: T
+}, D = E.sections, O = E.showData, k = structuredClone(T), A = {
+	getConfig: /* @__PURE__ */ t(() => structuredClone(k), "getConfig"),
+	clear: /* @__PURE__ */ t(() => {
+		D = /* @__PURE__ */ new Map(), O = E.showData, a();
+	}, "clear"),
+	setDiagramTitle: c,
+	getDiagramTitle: u,
+	setAccTitle: i,
+	getAccTitle: f,
+	setAccDescription: r,
+	getAccDescription: l,
+	addSection: /* @__PURE__ */ t(({ label: e, value: t }) => {
+		if (t < 0) throw Error(`"${e}" has invalid value: ${t}. Negative values are not allowed in pie charts. All slice values must be >= 0.`);
+		D.has(e) || (D.set(e, t), n.debug(`added new section: ${e}, with value: ${t}`));
+	}, "addSection"),
+	getSections: /* @__PURE__ */ t(() => D, "getSections"),
+	setShowData: /* @__PURE__ */ t((e) => {
+		O = e;
+	}, "setShowData"),
+	getShowData: /* @__PURE__ */ t(() => O, "getShowData")
+}, j = /* @__PURE__ */ t((e, t) => {
+	x(e, t), t.setShowData(e.showData), e.sections.map(t.addSection);
+}, "populateDb"), M = { parse: /* @__PURE__ */ t(async (t) => {
+	let r = await e("pie", t);
+	n.debug(r), j(r, A);
+}, "parse") }, N = /* @__PURE__ */ t((e) => `
+  .pieCircle{
+    stroke: ${e.pieStrokeColor};
+    stroke-width : ${e.pieStrokeWidth};
+    opacity : ${e.pieOpacity};
+  }
+  .pieCircle.highlighted{
+    scale: 1.05;
+    opacity: 1;
+  }
+  .pieCircle.highlightedOnHover:hover{
+    transition-duration: 250ms;
+    scale: 1.05;
+    opacity: 1;
+  }
+  .pieOuterCircle{
+    stroke: ${e.pieOuterStrokeColor};
+    stroke-width: ${e.pieOuterStrokeWidth};
+    fill: none;
+  }
+  .pieTitleText {
+    text-anchor: middle;
+    font-size: ${e.pieTitleTextSize};
+    fill: ${e.pieTitleTextColor};
+    font-family: ${e.fontFamily};
+  }
+  .slice {
+    font-family: ${e.fontFamily};
+    fill: ${e.pieSectionTextColor};
+    font-size:${e.pieSectionTextSize};
+    // fill: white;
+  }
+  .legend text {
+    fill: ${e.pieLegendTextColor};
+    font-family: ${e.fontFamily};
+    font-size: ${e.pieLegendTextSize};
+  }
+`, "getStyles"), P = /* @__PURE__ */ t((e) => {
+	let t = [...e.values()].reduce((e, t) => e + t, 0), n = [...e.entries()].map(([e, t]) => ({
+		label: e,
+		value: t
+	})).filter((e) => e.value / t * 100 >= 1);
+	return w().value((e) => e.value).sort(null)(n);
+}, "createPieArcs"), F = {
+	parser: M,
+	db: A,
+	renderer: { draw: /* @__PURE__ */ t((e, t, r, i) => {
+		n.debug("rendering pie chart\n" + e);
+		let a = i.db, s = d(), c = v(a.getConfig(), s.pie), l = b(t), u = l.append("g");
+		u.attr("transform", "translate(225,225)");
+		let { themeVariables: f } = s, [m] = y(f.pieOuterStrokeWidth);
+		m ??= 2;
+		let h = c.legendPosition, _ = c.textPosition, x = c.donutHole > 0 && c.donutHole <= .9 ? c.donutHole : 0, S = g().innerRadius(x * 185).outerRadius(185), C = g().innerRadius(185 * _).outerRadius(185 * _), w = u.append("g");
+		w.append("circle").attr("cx", 0).attr("cy", 0).attr("r", 185 + m / 2).attr("class", "pieOuterCircle");
+		let T = a.getSections(), E = P(T), D = [
+			f.pie1,
+			f.pie2,
+			f.pie3,
+			f.pie4,
+			f.pie5,
+			f.pie6,
+			f.pie7,
+			f.pie8,
+			f.pie9,
+			f.pie10,
+			f.pie11,
+			f.pie12
+		], O = 0;
+		T.forEach((e) => {
+			O += e;
+		});
+		let k = E.filter((e) => (e.data.value / O * 100).toFixed(0) !== "0"), A = p(D).domain([...T.keys()]);
+		w.selectAll("mySlices").data(k).enter().append("path").attr("d", S).attr("fill", (e) => A(e.data.label)).attr("class", (e) => {
+			let t = "pieCircle";
+			return c.highlightSlice === "hover" ? t += " highlightedOnHover" : c.highlightSlice === e.data.label && (t += " highlighted"), t;
+		}), w.selectAll("mySlices").data(k).enter().append("text").text((e) => (e.data.value / O * 100).toFixed(0) + "%").attr("transform", (e) => "translate(" + C.centroid(e) + ")").style("text-anchor", "middle").attr("class", "slice");
+		let j = u.append("text").text(a.getDiagramTitle()).attr("x", 0).attr("y", -400 / 2).attr("class", "pieTitleText"), M = [...T.entries()].map(([e, t]) => ({
+			label: e,
+			value: t
+		})), N = u.selectAll(".legend").data(M).enter().append("g").attr("class", "legend");
+		N.append("rect").attr("width", 18).attr("height", 18).style("fill", (e) => A(e.label)).style("stroke", (e) => A(e.label)), N.append("text").attr("x", 22).attr("y", 14).text((e) => a.getShowData() ? `${e.label} [${e.value}]` : e.label);
+		let F = Math.max(...N.selectAll("text").nodes().map((e) => e?.getBoundingClientRect().width ?? 0)), I = 450, L = 490, R = M.length * 22;
+		switch (h) {
+			case "center":
+				N.attr("transform", (e, t) => {
+					let n = 22 * M.length / 2, r = -F / 2 - 22, i = t * 22 - n;
+					return "translate(" + r + "," + i + ")";
+				});
+				break;
+			case "top":
+				I += R, N.attr("transform", (e, t) => `translate(${-F / 2 - 22}, ${t * 22 - 185})`), w.attr("transform", () => `translate(0, ${R + 22})`);
+				break;
+			case "bottom":
+				I += R, N.attr("transform", (e, t) => {
+					let n = -F / 2 - 22, r = t * 22 - -207;
+					return "translate(" + n + "," + r + ")";
+				});
+				break;
+			case "left":
+				L += 22 + F, N.attr("transform", (e, t) => {
+					let n = 22 * M.length / 2;
+					return "translate(-207," + (t * 22 - n) + ")";
+				}), w.attr("transform", () => `translate(${F + 18 + 4}, 0)`);
+				break;
+			default:
+				L += 22 + F, N.attr("transform", (e, t) => {
+					let n = 22 * M.length / 2;
+					return "translate(216," + (t * 22 - n) + ")";
+				});
+				break;
+		}
+		let z = j.node()?.getBoundingClientRect().width ?? 0, B = 450 / 2 - z / 2, V = 450 / 2 + z / 2, H = Math.min(0, B), U = Math.max(L, V) - H;
+		l.attr("viewBox", `${H} 0 ${U} ${I}`), o(l, I, U, c.useMaxWidth);
+	}, "draw") },
+	styles: N
+};
+//#endregion
+export { F as diagram };