@countermeasure-platform/web-components 1.2.1 → 1.2.2-dev.8.1

package/dist/{sankeyDiagram-WA2Y5GQK-CO_lUqQX.js → sankeyDiagram-5OEKKPKP-J_SVMd-0.js}

@@ -1,7 +1,7 @@
-import { w as e } from "./src-D1EMXotX.js";
-import { n as t } from "./src-BhNgmpel.js";
-import { B as n, C as r, K as i, V as a, W as o, _ as s, a as c, b as l, s as u, u as d, v as f } from "./chunk-7R4GIKGN-DJmroLCH.js";
-import { t as p } from "./ordinal-CC9tfh_g.js";
+import { w as e } from "./src-CWnvxuyh.js";
+import { n as t } from "./src-DngnQkx_.js";
+import { H as n, J as r, K as i, U as a, a as o, d as s, s as c, v as l, w as u, x as d, y as f } from "./chunk-CSCIHK7Q-DyRIc27i.js";
+import { t as p } from "./ordinal-DHGdAr1Y.js";
 //#region node_modules/d3-scale-chromatic/src/colors.js
 function m(e) {
 	for (var t = e.length / 6 | 0, n = Array(t), r = 0; r < t;) n[r] = "#" + e.slice(r * 6, ++r * 6);
@@ -357,14 +357,14 @@ function U(e) {
 var W = Array.prototype.slice;
 //#endregion
 //#region node_modules/d3-sankey/node_modules/d3-shape/src/link/index.js
-function ee(e) {
+function G(e) {
 	return e.source;
 }
-function G(e) {
+function ee(e) {
 	return e.target;
 }
-function K(e) {
-	var t = ee, n = G, r = H, i = U, a = null;
+function te(e) {
+	var t = G, n = ee, r = H, i = U, a = null;
 	function o() {
 		var o, s = W.call(arguments), c = t.apply(this, s), l = n.apply(this, s);
 		if (a ||= o = B(), e(a, +r.apply(this, (s[0] = c, s)), +i.apply(this, s), +r.apply(this, (s[0] = l, s)), +i.apply(this, s)), o) return a = null, o + "" || null;
@@ -381,26 +381,26 @@ function K(e) {
 		return arguments.length ? (a = e ?? null, o) : a;
 	}, o;
 }
-function q(e, t, n, r, i) {
+function ne(e, t, n, r, i) {
 	e.moveTo(t, n), e.bezierCurveTo(t = (t + r) / 2, n, t, i, r, i);
 }
-function te() {
-	return K(q);
+function re() {
+	return te(ne);
 }
 //#endregion
 //#region node_modules/d3-sankey/src/sankeyLinkHorizontal.js
-function ne(e) {
+function ie(e) {
 	return [e.source.x1, e.y0];
 }
-function re(e) {
+function ae(e) {
 	return [e.target.x0, e.y1];
 }
-function ie() {
-	return te().source(ne).target(re);
+function K() {
+	return re().source(ie).target(ae);
 }
 //#endregion
-//#region node_modules/mermaid/dist/chunks/mermaid.core/sankeyDiagram-WA2Y5GQK.mjs
-var J = (function() {
+//#region node_modules/mermaid/dist/chunks/mermaid.core/sankeyDiagram-5OEKKPKP.mjs
+var q = (function() {
 	var e = /* @__PURE__ */ t(function(e, t, n, r) {
 		for (n ||= {}, r = e.length; r--; n[e[r]] = t);
 		return n;
@@ -810,52 +810,52 @@ var J = (function() {
 	}
 	return t(o, "Parser"), o.prototype = a, a.Parser = o, new o();
 })();
-J.parser = J;
-var Y = J, X = [], Z = [], Q = /* @__PURE__ */ new Map(), ae = /* @__PURE__ */ t(() => {
-	X = [], Z = [], Q = /* @__PURE__ */ new Map(), c();
-}, "clear"), oe = class {
+q.parser = q;
+var J = q, Y = [], X = [], Z = /* @__PURE__ */ new Map(), oe = /* @__PURE__ */ t(() => {
+	Y = [], X = [], Z = /* @__PURE__ */ new Map(), o();
+}, "clear"), se = class {
 	constructor(e, t, n = 0) {
 		this.source = e, this.target = t, this.value = n;
 	}
 	static {
 		t(this, "SankeyLink");
 	}
-}, se = /* @__PURE__ */ t((e, t, n) => {
-	X.push(new oe(e, t, n));
-}, "addLink"), ce = class {
+}, ce = /* @__PURE__ */ t((e, t, n) => {
+	Y.push(new se(e, t, n));
+}, "addLink"), le = class {
 	constructor(e) {
 		this.ID = e;
 	}
 	static {
 		t(this, "SankeyNode");
 	}
-}, le = {
-	nodesMap: Q,
-	getConfig: /* @__PURE__ */ t(() => l().sankey, "getConfig"),
-	getNodes: /* @__PURE__ */ t(() => Z, "getNodes"),
-	getLinks: /* @__PURE__ */ t(() => X, "getLinks"),
+}, ue = {
+	nodesMap: Z,
+	getConfig: /* @__PURE__ */ t(() => d().sankey, "getConfig"),
+	getNodes: /* @__PURE__ */ t(() => X, "getNodes"),
+	getLinks: /* @__PURE__ */ t(() => Y, "getLinks"),
 	getGraph: /* @__PURE__ */ t(() => ({
-		nodes: Z.map((e) => ({ id: e.ID })),
-		links: X.map((e) => ({
+		nodes: X.map((e) => ({ id: e.ID })),
+		links: Y.map((e) => ({
 			source: e.source.ID,
 			target: e.target.ID,
 			value: e.value
 		}))
 	}), "getGraph"),
-	addLink: se,
+	addLink: ce,
 	findOrCreateNode: /* @__PURE__ */ t((e) => {
-		e = u.sanitizeText(e, l());
-		let t = Q.get(e);
-		return t === void 0 && (t = new ce(e), Q.set(e, t), Z.push(t)), t;
+		e = c.sanitizeText(e, d());
+		let t = Z.get(e);
+		return t === void 0 && (t = new le(e), Z.set(e, t), X.push(t)), t;
 	}, "findOrCreateNode"),
 	getAccTitle: f,
 	setAccTitle: a,
-	getAccDescription: s,
+	getAccDescription: l,
 	setAccDescription: n,
-	getDiagramTitle: r,
-	setDiagramTitle: o,
-	clear: ae
-}, $ = class e {
+	getDiagramTitle: u,
+	setDiagramTitle: i,
+	clear: oe
+}, Q = class e {
 	static {
 		t(this, "Uid");
 	}
@@ -871,53 +871,102 @@ var Y = J, X = [], Z = [], Q = /* @__PURE__ */ new Map(), ae = /* @__PURE__ */ t
 	toString() {
 		return "url(" + this.href + ")";
 	}
-}, ue = {
+}, $ = {
 	left: b,
 	right: x,
 	center: C,
 	justify: S
-}, de = { draw: /* @__PURE__ */ t(function(n, r, a, o) {
-	let { securityLevel: s, sankey: c } = l(), u = d.sankey, f;
-	s === "sandbox" && (f = e("#i" + r));
-	let m = e(s === "sandbox" ? f.nodes()[0].contentDocument.body : "body"), g = s === "sandbox" ? m.select(`[id="${r}"]`) : e(`[id="${r}"]`), _ = c?.width ?? u.width, v = c?.height ?? u.width, y = c?.useMaxWidth ?? u.useMaxWidth, b = c?.nodeAlignment ?? u.nodeAlignment, x = c?.prefix ?? u.prefix, S = c?.suffix ?? u.suffix, C = c?.showValues ?? u.showValues, w = o.db.getGraph(), T = ue[b];
-	P().nodeId((e) => e.id).nodeWidth(10).nodePadding(10 + (C ? 15 : 0)).nodeAlign(T).extent([[0, 0], [_, v]])(w);
-	let E = p(h);
-	g.append("g").attr("class", "nodes").selectAll(".node").data(w.nodes).join("g").attr("class", "node").attr("id", (e) => (e.uid = $.next("node-")).id).attr("transform", function(e) {
+}, de = /* @__PURE__ */ t((e) => {
+	let t = 0, n = 0;
+	for (let r of e) {
+		let e = r.value ?? 0;
+		e > t && (t = e, n = r.layer ?? 0);
+	}
+	return n;
+}, "findCentralNodeLayer"), fe = { draw: /* @__PURE__ */ t(function(n, i, a, o) {
+	let { securityLevel: c, sankey: l } = d(), u = s.sankey, f;
+	c === "sandbox" && (f = e("#i" + i));
+	let m = e(c === "sandbox" ? f.nodes()[0].contentDocument.body : "body"), g = c === "sandbox" ? m.select(`[id="${i}"]`) : e(`[id="${i}"]`), _ = l?.width ?? u.width, v = l?.height ?? u.width, y = l?.useMaxWidth ?? u.useMaxWidth, b = l?.nodeAlignment ?? u.nodeAlignment, x = l?.prefix ?? u.prefix, S = l?.suffix ?? u.suffix, C = l?.showValues ?? u.showValues, w = l?.nodeWidth ?? u.nodeWidth ?? 10, T = l?.nodePadding ?? u.nodePadding ?? 12, E = l?.labelStyle ?? u.labelStyle ?? "legacy", D = l?.nodeColors ?? {}, O = o.db.getGraph(), k = $[b];
+	P().nodeId((e) => e.id).nodeWidth(w).nodePadding(T + (C ? 15 : 0)).nodeAlign(k).extent([[0, 0], [_, v]])(O);
+	let A = de(O.nodes), j = p(h), M = /* @__PURE__ */ t((e) => D[e] ?? j(e), "getNodeColor");
+	g.append("g").attr("class", "nodes").selectAll(".node").data(O.nodes).join("g").attr("class", "node").attr("id", (e) => (e.uid = Q.next("node-")).id).attr("transform", function(e) {
 		return "translate(" + e.x0 + "," + e.y0 + ")";
-	}).attr("x", (e) => e.x0).attr("y", (e) => e.y0).append("rect").attr("height", (e) => e.y1 - e.y0).attr("width", (e) => e.x1 - e.x0).attr("fill", (e) => E(e.id));
-	let D = /* @__PURE__ */ t(({ id: e, value: t }) => C ? `${e}
-${x}${Math.round(t * 100) / 100}${S}` : e, "getText");
-	g.append("g").attr("class", "node-labels").attr("font-size", 14).selectAll("text").data(w.nodes).join("text").attr("x", (e) => e.x0 < _ / 2 ? e.x1 + 6 : e.x0 - 6).attr("y", (e) => (e.y1 + e.y0) / 2).attr("dy", `${C ? "0" : "0.35"}em`).attr("text-anchor", (e) => e.x0 < _ / 2 ? "start" : "end").text(D);
-	let O = g.append("g").attr("class", "links").attr("fill", "none").attr("stroke-opacity", .5).selectAll(".link").data(w.links).join("g").attr("class", "link").style("mix-blend-mode", "multiply"), k = c?.linkColor ?? "gradient";
-	if (k === "gradient") {
-		let e = O.append("linearGradient").attr("id", (e) => (e.uid = $.next("linearGradient-")).id).attr("gradientUnits", "userSpaceOnUse").attr("x1", (e) => e.source.x1).attr("x2", (e) => e.target.x0);
-		e.append("stop").attr("offset", "0%").attr("stop-color", (e) => E(e.source.id)), e.append("stop").attr("offset", "100%").attr("stop-color", (e) => E(e.target.id));
-	}
-	let A;
-	switch (k) {
+	}).attr("x", (e) => e.x0).attr("y", (e) => e.y0).append("rect").attr("height", (e) => e.y1 - e.y0).attr("width", (e) => e.x1 - e.x0).attr("fill", (e) => M(e.id));
+	let N = /* @__PURE__ */ t(({ id: e, value: t }) => C ? `${e}
+${x}${Math.round(t * 100) / 100}${S}` : e, "getText"), F = /* @__PURE__ */ t((e) => E === "outlined" ? (e.layer ?? 0) < A ? {
+		x: e.x0 - 6,
+		anchor: "end"
+	} : {
+		x: e.x1 + 6,
+		anchor: "start"
+	} : e.x0 < _ / 2 ? {
+		x: e.x1 + 6,
+		anchor: "start"
+	} : {
+		x: e.x0 - 6,
+		anchor: "end"
+	}, "getLabelPosition"), I = g.append("g").attr("class", "node-labels").attr("font-size", 14), L = /* @__PURE__ */ t((e) => I.selectAll(e ? `.${e}` : "text").data(O.nodes).join("text").attr("class", e ?? null).attr("x", (e) => F(e).x).attr("y", (e) => (e.y1 + e.y0) / 2).attr("dy", `${C ? "0" : "0.35"}em`).attr("text-anchor", (e) => F(e).anchor).text(N), "appendLabel");
+	E === "outlined" ? (L("sankey-label-bg"), L("sankey-label-fg")) : L();
+	let R = g.append("g").attr("class", "links").attr("fill", "none").attr("stroke-opacity", .5).selectAll(".link").data(O.links).join("g").attr("class", "link").style("mix-blend-mode", "multiply"), z = l?.linkColor ?? "gradient";
+	if (z === "gradient") {
+		let e = R.append("linearGradient").attr("id", (e) => (e.uid = Q.next("linearGradient-")).id).attr("gradientUnits", "userSpaceOnUse").attr("x1", (e) => e.source.x1).attr("x2", (e) => e.target.x0);
+		e.append("stop").attr("offset", "0%").attr("stop-color", (e) => M(e.source.id)), e.append("stop").attr("offset", "100%").attr("stop-color", (e) => M(e.target.id));
+	}
+	let B;
+	switch (z) {
 		case "gradient":
-			A = /* @__PURE__ */ t((e) => e.uid, "coloring");
+			B = /* @__PURE__ */ t((e) => e.uid, "coloring");
 			break;
 		case "source":
-			A = /* @__PURE__ */ t((e) => E(e.source.id), "coloring");
+			B = /* @__PURE__ */ t((e) => M(e.source.id), "coloring");
 			break;
 		case "target":
-			A = /* @__PURE__ */ t((e) => E(e.target.id), "coloring");
+			B = /* @__PURE__ */ t((e) => M(e.target.id), "coloring");
 			break;
-		default: A = k;
-	}
-	O.append("path").attr("d", ie()).attr("stroke", A).attr("stroke-width", (e) => Math.max(1, e.width)), i(void 0, g, 0, y);
-}, "draw") }, fe = /* @__PURE__ */ t((e) => e.replaceAll(/^[^\S\n\r]+|[^\S\n\r]+$/g, "").replaceAll(/([\n\r])+/g, "\n").trim(), "prepareTextForParsing"), pe = /* @__PURE__ */ t((e) => `.label {
-      font-family: ${e.fontFamily};
-    }`, "getStyles"), me = Y.parse.bind(Y);
-Y.parse = (e) => me(fe(e));
-var he = {
-	styles: pe,
-	parser: Y,
-	db: le,
-	renderer: de
+		default: B = z;
+	}
+	R.append("path").attr("d", K()).attr("stroke", B).attr("stroke-width", (e) => Math.max(1, e.width)), r(void 0, g, 0, y);
+}, "draw") }, pe = /* @__PURE__ */ t((e) => e.replaceAll(/^[^\S\n\r]+|[^\S\n\r]+$/g, "").replaceAll(/([\n\r])+/g, "\n").trim(), "prepareTextForParsing"), me = /* @__PURE__ */ t((e) => `.label {
+    font-family: ${e.fontFamily};
+  }
+
+  .node-labels {
+    font-family: ${e.fontFamily};
+  }
+
+  /* Outlined label style - background stroke for better readability */
+  .sankey-label-bg {
+    stroke: ${e.mainBkg || e.background || "#fff"};
+    stroke-width: 4px;
+    stroke-linejoin: round;
+    paint-order: stroke;
+  }
+
+  /* Foreground label text */
+  .sankey-label-fg {
+    fill: ${e.textColor};
+  }
+
+  /* Node styling */
+  .node rect {
+    shape-rendering: crispEdges;
+  }
+
+  /* Link styling */
+  .link {
+    fill: none;
+    stroke-opacity: 0.5;
+    mix-blend-mode: multiply;
+  }
+`, "getStyles"), he = J.parse.bind(J);
+J.parse = (e) => he(pe(e));
+var ge = {
+	styles: me,
+	parser: J,
+	db: ue,
+	renderer: fe
 };
 //#endregion
-export { he as diagram };
+export { ge as diagram };
 
-//# sourceMappingURL=sankeyDiagram-WA2Y5GQK-CO_lUqQX.js.map
+//# sourceMappingURL=sankeyDiagram-5OEKKPKP-J_SVMd-0.js.map