@plumile/ui 0.1.116 → 0.1.117

package/lib/esm/node_modules/mermaid/dist/chunks/mermaid.core/{wardleyDiagram-NUSXRM2D.js → wardleyDiagram-YWT4CUSO.js}

@@ -1,23 +1,24 @@
 import { __name as e, log as t } from "./chunk-AGHRB4JF.js";
-import { clear as n, configureSvgSize as r, getAccDescription as i, getAccTitle as a, getConfig2 as o, getDiagramTitle as s, sanitizeText as c, setAccDescription as l, setAccTitle as u, setDiagramTitle as d } from "./chunk-ICPOFSXX.js";
-import { selectSvgElement as f } from "./chunk-426QAEUC.js";
-import { populateCommonDb as p } from "./chunk-4BX2VUAB.js";
-import { parse as m } from "../../../../@mermaid-js/parser/dist/mermaid-parser.core.js";
-//#region ../../node_modules/mermaid/dist/chunks/mermaid.core/wardleyDiagram-NUSXRM2D.mjs
-var h = /* @__PURE__ */ e((e, t) => {
+import { clear as n, configureSvgSize as r, getAccDescription as i, getAccTitle as a, getConfig as o, getConfig2 as s, getDiagramTitle as c, getThemeVariables3 as l, setAccDescription as u, setAccTitle as d, setDiagramTitle as f } from "./chunk-CSCIHK7Q.js";
+import { selectSvgElement as p } from "./chunk-WU5MYG2G.js";
+import { cleanAndMerge as m } from "./chunk-5ZQYHXKU.js";
+import { populateCommonDb as h } from "./chunk-4BX2VUAB.js";
+import { parse as g } from "../../../../@mermaid-js/parser/dist/mermaid-parser.core.js";
+//#region ../../node_modules/mermaid/dist/chunks/mermaid.core/wardleyDiagram-YWT4CUSO.mjs
+var _ = /* @__PURE__ */ e((e, t) => {
 	let n = e <= 1 ? e * 100 : e;
 	if (n < 0 || n > 100) throw Error(`${t} must be between 0-1 (decimal) or 0-100 (percentage). Received: ${e}`);
 	return n;
-}, "toPercent"), g = /* @__PURE__ */ e((e, t, n) => ({
-	x: h(t, `${n} evolution`),
-	y: h(e, `${n} visibility`)
-}), "toCoordinates"), _ = /* @__PURE__ */ e((e) => {
+}, "toPercent"), v = /* @__PURE__ */ e((e, t, n) => ({
+	x: _(t, `${n} evolution`),
+	y: _(e, `${n} visibility`)
+}), "toCoordinates"), y = /* @__PURE__ */ e((e) => {
 	if (e) {
 		if (e === "+<>") return "bidirectional";
 		if (e === "+<") return "backward";
 		if (e === "+>") return "forward";
 	}
-}, "getFlowFromPort"), v = /* @__PURE__ */ e((e) => {
+}, "getFlowFromPort"), b = /* @__PURE__ */ e((e) => {
 	if (!e?.startsWith("+")) return {};
 	let t = /^\+'([^']*)'/.exec(e)?.[1];
 	return e.includes("<>") ? {
@@ -30,8 +31,8 @@ var h = /* @__PURE__ */ e((e, t) => {
 		flow: "forward",
 		label: t
 	} : { label: t };
-}, "extractFlowFromArrow"), y = /* @__PURE__ */ e((e, t) => {
-	if (p(e, t), e.size && t.setSize(e.size.width, e.size.height), e.evolution) {
+}, "extractFlowFromArrow"), x = /* @__PURE__ */ e((e, t) => {
+	if (h(e, t), e.size && t.setSize(e.size.width, e.size.height), e.evolution) {
 		let n = e.evolution.stages.map((e) => e.secondName ? `${e.name.trim()} / ${e.secondName.trim()}` : e.name.trim()), r = e.evolution.stages.filter((e) => e.boundary !== void 0).map((e) => e.boundary);
 		t.updateAxes({
 			stages: n,
@@ -39,60 +40,60 @@ var h = /* @__PURE__ */ e((e, t) => {
 		});
 	}
 	if (e.anchors.forEach((e) => {
-		let n = g(e.visibility, e.evolution, `Anchor "${e.name}"`);
+		let n = v(e.visibility, e.evolution, `Anchor "${e.name}"`);
 		t.addNode(e.name, e.name, n.x, n.y, "anchor");
 	}), e.components.forEach((e) => {
-		let n = g(e.visibility, e.evolution, `Component "${e.name}"`), r = e.label ? (e.label.negX ? -1 : 1) * e.label.offsetX : void 0, i = e.label ? (e.label.negY ? -1 : 1) * e.label.offsetY : void 0, a = e.decorator?.strategy;
+		let n = v(e.visibility, e.evolution, `Component "${e.name}"`), r = e.label ? (e.label.negX ? -1 : 1) * e.label.offsetX : void 0, i = e.label ? (e.label.negY ? -1 : 1) * e.label.offsetY : void 0, a = e.decorator?.strategy;
 		t.addNode(e.name, e.name, n.x, n.y, "component", r, i, e.inertia, a);
 	}), e.notes.forEach((e) => {
-		let n = g(e.visibility, e.evolution, `Note "${e.text}"`);
+		let n = v(e.visibility, e.evolution, `Note "${e.text}"`);
 		t.addNote(e.text, n.x, n.y);
 	}), e.pipelines.forEach((e) => {
 		let n = t.getNode(e.parent);
 		if (!n || typeof n.y != "number") throw Error(`Pipeline "${e.parent}" must reference an existing component with coordinates.`);
 		let r = n.y;
 		t.startPipeline(e.parent), e.components.forEach((n) => {
-			let i = `${e.parent}_${n.name}`, a = n.label ? (n.label.negX ? -1 : 1) * n.label.offsetX : void 0, o = n.label ? (n.label.negY ? -1 : 1) * n.label.offsetY : void 0, s = h(n.evolution, `Pipeline component "${n.name}" evolution`);
+			let i = `${e.parent}_${n.name}`, a = n.label ? (n.label.negX ? -1 : 1) * n.label.offsetX : void 0, o = n.label ? (n.label.negY ? -1 : 1) * n.label.offsetY : void 0, s = _(n.evolution, `Pipeline component "${n.name}" evolution`);
 			t.addNode(i, n.name, s, r, "pipeline-component", a, o), t.addPipelineComponent(e.parent, i);
 		});
 	}), e.links.forEach((e) => {
-		let n = !!e.arrow && (e.arrow.includes("-.->") || e.arrow.includes(".-.")), r = _(e.fromPort) ?? _(e.toPort), { flow: i, label: a } = v(e.arrow);
+		let n = !!e.arrow && (e.arrow.includes("-.->") || e.arrow.includes(".-.")), r = y(e.fromPort) ?? y(e.toPort), { flow: i, label: a } = b(e.arrow);
 		!r && i && (r = i);
 		let o = e.linkLabel, s = a ?? o;
-		t.addLink(e.from, e.to, n, s, r);
+		t.addLink(t.resolveNodeId(e.from), t.resolveNodeId(e.to), n, s, r);
 	}), e.evolves.forEach((e) => {
 		let n = t.getNode(e.component);
 		if (n?.y !== void 0) {
-			let r = h(e.target, `Evolve target for "${e.component}"`);
+			let r = _(e.target, `Evolve target for "${e.component}"`);
 			t.addTrend(e.component, r, n.y);
 		}
 	}), e.annotations.length > 0) {
-		let n = e.annotations[0], r = g(n.x, n.y, "Annotations box");
+		let n = e.annotations[0], r = v(n.x, n.y, "Annotations box");
 		t.setAnnotationsBox(r.x, r.y);
 	}
 	e.annotation.forEach((e) => {
-		let n = g(e.x, e.y, `Annotation ${e.number}`);
+		let n = v(e.x, e.y, `Annotation ${e.number}`);
 		t.addAnnotation(e.number, [{
 			x: n.x,
 			y: n.y
 		}], e.text);
 	}), e.accelerators.forEach((e) => {
-		let n = g(e.x, e.y, `Accelerator "${e.name}"`);
+		let n = v(e.x, e.y, `Accelerator "${e.name}"`);
 		t.addAccelerator(e.name, n.x, n.y);
 	}), e.deaccelerators.forEach((e) => {
-		let n = g(e.x, e.y, `Deaccelerator "${e.name}"`);
+		let n = v(e.x, e.y, `Deaccelerator "${e.name}"`);
 		t.addDeaccelerator(e.name, n.x, n.y);
 	});
-}, "populateDb"), b = {
+}, "populateDb"), S = {
 	parser: { yy: void 0 },
 	parse: /* @__PURE__ */ e(async (e) => {
-		let n = await m("wardley", e);
+		let n = await g("wardley", e);
 		t.debug(n);
-		let r = b.parser?.yy;
+		let r = S.parser?.yy;
 		if (!r || typeof r.addNode != "function") throw Error("parser.parser?.yy was not a WardleyDB. This is due to a bug within Mermaid, please report this issue at https://github.com/mermaid-js/mermaid/issues.");
-		y(n, r);
+		x(n, r);
 	}, "parse")
-}, x = new class {
+}, C = new class {
 	constructor() {
 		this.nodes = /* @__PURE__ */ new Map(), this.links = [], this.trends = /* @__PURE__ */ new Map(), this.pipelines = /* @__PURE__ */ new Map(), this.annotations = [], this.notes = [], this.accelerators = [], this.deaccelerators = [], this.axes = {};
 	}
@@ -165,6 +166,11 @@ var h = /* @__PURE__ */ e((e, t) => {
 	getNode(e) {
 		return this.nodes.get(e);
 	}
+	resolveNodeId(e) {
+		if (this.nodes.has(e)) return e;
+		for (let [t, n] of this.nodes) if (n.label === e) return t;
+		return e;
+	}
 	build() {
 		let e = [];
 		for (let t of this.nodes.values()) {
@@ -189,19 +195,14 @@ var h = /* @__PURE__ */ e((e, t) => {
 		this.nodes.clear(), this.links = [], this.trends.clear(), this.pipelines.clear(), this.annotations = [], this.notes = [], this.accelerators = [], this.deaccelerators = [], this.annotationsBox = void 0, this.axes = {}, this.size = void 0;
 	}
 }();
-function S(e) {
-	let t = o();
-	return c(e.trim(), t);
-}
-e(S, "textSanitizer");
-function C() {
-	return o()["wardley-beta"];
+function w() {
+	return s()["wardley-beta"];
 }
-e(C, "getConfig");
-function w(e, t, n, r, i, a, o, s, c) {
-	x.addNode({
+e(w, "getConfig");
+function T(e, t, n, r, i, a, o, s, c) {
+	C.addNode({
 		id: e,
-		label: S(t),
+		label: t,
 		x: n,
 		y: r,
 		className: i,
@@ -211,9 +212,9 @@ function w(e, t, n, r, i, a, o, s, c) {
 		sourceStrategy: c
 	});
 }
-e(w, "addNode");
-function T(e, t, n = !1, r, i) {
-	x.addLink({
+e(T, "addNode");
+function E(e, t, n = !1, r, i) {
+	C.addLink({
 		source: e,
 		target: t,
 		dashed: n,
@@ -221,110 +222,114 @@ function T(e, t, n = !1, r, i) {
 		flow: i
 	});
 }
-e(T, "addLink");
-function E(e, t, n) {
-	x.addTrend({
+e(E, "addLink");
+function D(e, t, n) {
+	C.addTrend({
 		nodeId: e,
 		targetX: t,
 		targetY: n
 	});
 }
-e(E, "addTrend");
-function D(e, t, n) {
-	x.addAnnotation({
+e(D, "addTrend");
+function O(e, t, n) {
+	C.addAnnotation({
 		number: e,
 		coordinates: t,
-		text: n ? S(n) : void 0
+		text: n
 	});
 }
-e(D, "addAnnotation");
-function O(e, t, n) {
-	x.addNote({
-		text: S(e),
+e(O, "addAnnotation");
+function k(e, t, n) {
+	C.addNote({
+		text: e,
 		x: t,
 		y: n
 	});
 }
-e(O, "addNote");
-function k(e, t, n) {
-	x.addAccelerator({
-		name: S(e),
+e(k, "addNote");
+function A(e, t, n) {
+	C.addAccelerator({
+		name: e,
 		x: t,
 		y: n
 	});
 }
-e(k, "addAccelerator");
-function A(e, t, n) {
-	x.addDeaccelerator({
-		name: S(e),
+e(A, "addAccelerator");
+function j(e, t, n) {
+	C.addDeaccelerator({
+		name: e,
 		x: t,
 		y: n
 	});
 }
-e(A, "addDeaccelerator");
-function j(e, t) {
-	x.setAnnotationsBox(e, t);
-}
-e(j, "setAnnotationsBox");
+e(j, "addDeaccelerator");
 function M(e, t) {
-	x.setSize(e, t);
+	C.setAnnotationsBox(e, t);
 }
-e(M, "setSize");
-function N(e) {
-	x.startPipeline(e);
+e(M, "setAnnotationsBox");
+function N(e, t) {
+	C.setSize(e, t);
 }
-e(N, "startPipeline");
-function P(e, t) {
-	x.addPipelineComponent(e, t);
+e(N, "setSize");
+function P(e) {
+	C.startPipeline(e);
 }
-e(P, "addPipelineComponent");
-function F(e) {
-	let t = {};
-	e.xLabel && (t.xLabel = S(e.xLabel)), e.yLabel && (t.yLabel = S(e.yLabel)), e.stages && (t.stages = e.stages.map((e) => S(e))), e.stageBoundaries && (t.stageBoundaries = e.stageBoundaries), x.setAxes(t);
+e(P, "startPipeline");
+function F(e, t) {
+	C.addPipelineComponent(e, t);
 }
-e(F, "updateAxes");
+e(F, "addPipelineComponent");
 function I(e) {
-	return x.getNode(e);
+	C.setAxes(e);
+}
+e(I, "updateAxes");
+function L(e) {
+	return C.getNode(e);
+}
+e(L, "getNode");
+function R(e) {
+	return C.resolveNodeId(e);
 }
-e(I, "getNode");
-function L() {
-	return x.build();
+e(R, "resolveNodeId");
+function z() {
+	return C.build();
 }
-e(L, "getWardleyData");
-function R() {
-	x.clear(), n();
+e(z, "getWardleyData");
+function B() {
+	C.clear(), n();
 }
-e(R, "clear");
-var z = {
-	getConfig: C,
-	addNode: w,
-	addLink: T,
-	addTrend: E,
-	addAnnotation: D,
-	addNote: O,
-	addAccelerator: k,
-	addDeaccelerator: A,
-	setAnnotationsBox: j,
-	setSize: M,
-	startPipeline: N,
-	addPipelineComponent: P,
-	updateAxes: F,
-	getNode: I,
-	getWardleyData: L,
-	clear: R,
-	setAccTitle: u,
+e(B, "clear");
+var V = {
+	getConfig: w,
+	addNode: T,
+	addLink: E,
+	addTrend: D,
+	addAnnotation: O,
+	addNote: k,
+	addAccelerator: A,
+	addDeaccelerator: j,
+	setAnnotationsBox: M,
+	setSize: N,
+	startPipeline: P,
+	addPipelineComponent: F,
+	updateAxes: I,
+	getNode: L,
+	resolveNodeId: R,
+	getWardleyData: z,
+	clear: B,
+	setAccTitle: d,
 	getAccTitle: a,
-	setDiagramTitle: d,
-	getDiagramTitle: s,
+	setDiagramTitle: f,
+	getDiagramTitle: c,
 	getAccDescription: i,
-	setAccDescription: l
-}, B = [
+	setAccDescription: u
+}, H = [
 	"Genesis",
 	"Custom Built",
 	"Product",
 	"Commodity"
-], V = /* @__PURE__ */ e(() => {
-	let { themeVariables: e } = o();
+], U = /* @__PURE__ */ e(() => {
+	let { themeVariables: e } = s();
 	return {
 		backgroundColor: e.wardley?.backgroundColor ?? e.background ?? "#fff",
 		axisColor: e.wardley?.axisColor ?? "#000",
@@ -339,8 +344,8 @@ var z = {
 		annotationTextColor: e.wardley?.annotationTextColor ?? e.primaryTextColor ?? "#222",
 		annotationFill: e.wardley?.annotationFill ?? e.background ?? "#fff"
 	};
-}, "getTheme"), H = /* @__PURE__ */ e(() => {
-	let e = o()["wardley-beta"];
+}, "getTheme"), W = /* @__PURE__ */ e(() => {
+	let e = s()["wardley-beta"];
 	return {
 		width: e?.width ?? 900,
 		height: e?.height ?? 600,
@@ -352,22 +357,22 @@ var z = {
 		showGrid: e?.showGrid ?? !1,
 		useMaxWidth: e?.useMaxWidth ?? !0
 	};
-}, "getConfigValues"), U = {
-	parser: b,
-	db: z,
+}, "getConfigValues"), G = {
+	parser: S,
+	db: V,
 	renderer: { draw: /* @__PURE__ */ e((n, i, a, o) => {
 		t.debug("Rendering Wardley map\n" + n);
-		let s = H(), c = V(), l = s.nodeRadius * 1.6, u = o.db, d = u.getWardleyData(), p = u.getDiagramTitle(), m = d.size?.width ?? s.width, h = d.size?.height ?? s.height, g = f(i);
+		let s = W(), c = U(), l = s.nodeRadius * 1.6, u = o.db, d = u.getWardleyData(), f = u.getDiagramTitle(), m = d.size?.width ?? s.width, h = d.size?.height ?? s.height, g = p(i);
 		g.selectAll("*").remove(), r(g, h, m, s.useMaxWidth), g.attr("viewBox", `0 0 ${m} ${h}`);
 		let _ = g.append("g").attr("class", "wardley-map"), v = g.append("defs");
 		v.append("marker").attr("id", `arrow-${i}`).attr("viewBox", "0 0 10 10").attr("refX", 9).attr("refY", 5).attr("markerWidth", 6).attr("markerHeight", 6).attr("orient", "auto-start-reverse").append("path").attr("d", "M 0 0 L 10 5 L 0 10 z").attr("fill", c.evolutionStroke).attr("stroke", "none"), v.append("marker").attr("id", `link-arrow-end-${i}`).attr("viewBox", "0 0 10 10").attr("refX", 9).attr("refY", 5).attr("markerWidth", 5).attr("markerHeight", 5).attr("orient", "auto").append("path").attr("d", "M 0 0 L 10 5 L 0 10 z").attr("fill", c.linkStroke).attr("stroke", "none"), v.append("marker").attr("id", `link-arrow-start-${i}`).attr("viewBox", "0 0 10 10").attr("refX", 1).attr("refY", 5).attr("markerWidth", 5).attr("markerHeight", 5).attr("orient", "auto").append("path").attr("d", "M 10 0 L 0 5 L 10 10 z").attr("fill", c.linkStroke).attr("stroke", "none"), _.append("rect").attr("class", "wardley-background").attr("width", m).attr("height", h).attr("fill", c.backgroundColor);
 		let y = m - s.padding * 2, b = h - s.padding * 2;
-		p && _.append("text").attr("class", "wardley-title").attr("x", m / 2).attr("y", s.padding / 2).attr("fill", c.axisTextColor).attr("font-size", s.axisFontSize * 1.05).attr("font-weight", "bold").attr("text-anchor", "middle").attr("dominant-baseline", "middle").text(p);
+		f && _.append("text").attr("class", "wardley-title").attr("x", m / 2).attr("y", s.padding / 2).attr("fill", c.axisTextColor).attr("font-size", s.axisFontSize * 1.05).attr("font-weight", "bold").attr("text-anchor", "middle").attr("dominant-baseline", "middle").text(f);
 		let x = /* @__PURE__ */ e((e) => s.padding + e / 100 * y, "projectX"), S = /* @__PURE__ */ e((e) => h - s.padding - e / 100 * b, "projectY"), C = _.append("g").attr("class", "wardley-axes");
 		C.append("line").attr("x1", s.padding).attr("x2", m - s.padding).attr("y1", h - s.padding).attr("y2", h - s.padding).attr("stroke", c.axisColor).attr("stroke-width", 1), C.append("line").attr("x1", s.padding).attr("x2", s.padding).attr("y1", s.padding).attr("y2", h - s.padding).attr("stroke", c.axisColor).attr("stroke-width", 1);
 		let w = d.axes.xLabel ?? "Evolution", T = d.axes.yLabel ?? "Visibility";
 		C.append("text").attr("class", "wardley-axis-label wardley-axis-label-x").attr("x", s.padding + y / 2).attr("y", h - s.padding / 4).attr("fill", c.axisTextColor).attr("font-size", s.axisFontSize).attr("font-weight", "bold").attr("text-anchor", "middle").text(w), C.append("text").attr("class", "wardley-axis-label wardley-axis-label-y").attr("x", s.padding / 3).attr("y", s.padding + b / 2).attr("fill", c.axisTextColor).attr("font-size", s.axisFontSize).attr("font-weight", "bold").attr("text-anchor", "middle").attr("transform", `rotate(-90 ${s.padding / 3} ${s.padding + b / 2})`).text(T);
-		let E = d.axes.stages && d.axes.stages.length > 0 ? d.axes.stages : B;
+		let E = d.axes.stages && d.axes.stages.length > 0 ? d.axes.stages : H;
 		if (E.length > 0) {
 			let e = _.append("g").attr("class", "wardley-stages"), t = d.axes.stageBoundaries, n = [];
 			if (t && t.length === E.length) {
@@ -572,9 +577,70 @@ var z = {
 			});
 		}
 	}, "draw") },
-	styles: /* @__PURE__ */ e(() => "", "styles")
+	styles: /* @__PURE__ */ e(({ wardley: e } = {}) => {
+		let t = m(m(l(), o().themeVariables).wardley, e);
+		return `
+  .wardley-background {
+    fill: ${t.backgroundColor};
+  }
+  .wardley-axes line, .wardley-axes path {
+    stroke: ${t.axisColor};
+  }
+  .wardley-axis-label {
+    fill: ${t.axisTextColor};
+  }
+  .wardley-stage-label {
+    fill: ${t.axisTextColor};
+  }
+  .wardley-grid line {
+    stroke: ${t.gridColor};
+  }
+  .wardley-node circle {
+    fill: ${t.componentFill};
+    stroke: ${t.componentStroke};
+  }
+  .wardley-node-label {
+    fill: ${t.componentLabelColor};
+  }
+  .wardley-link {
+    stroke: ${t.linkStroke};
+  }
+  .wardley-link--dashed {
+    stroke-dasharray: 4 4;
+  }
+  .wardley-link-label {
+    fill: ${t.axisTextColor};
+  }
+  .wardley-trend line {
+    stroke: ${t.evolutionStroke};
+  }
+  .wardley-annotation-line {
+    stroke: ${t.annotationStroke};
+  }
+  .wardley-annotation circle {
+    fill: ${t.annotationFill};
+    stroke: ${t.annotationStroke};
+  }
+  .wardley-annotation text {
+    fill: ${t.annotationTextColor};
+  }
+  .wardley-annotations-box rect {
+    fill: ${t.annotationFill};
+    stroke: ${t.annotationStroke};
+  }
+  .wardley-annotations-box text {
+    fill: ${t.annotationTextColor};
+  }
+  .wardley-pipeline-box {
+    stroke: ${t.componentStroke};
+  }
+  .wardley-notes text {
+    fill: ${t.axisTextColor};
+  }
+  `;
+	}, "styles")
 };
 //#endregion
-export { U as diagram };
+export { G as diagram };
 
-//# sourceMappingURL=wardleyDiagram-NUSXRM2D.js.map
+//# sourceMappingURL=wardleyDiagram-YWT4CUSO.js.map