@sme.up/ketchup2 2.7.0 → 2.8.1

package/dist/cynefinDiagram-5FMLGOSQ-3Ha1hdlV.js

@@ -0,0 +1,355 @@
+import { m as e } from "./src-DQoflmwT.js";
+import { D as t, H as n, K as r, U as i, a, b as o, c as s, f as c, v as l, w as u, y as d } from "./chunk-DU6HZSFF-waeanndy.js";
+import { n as f } from "./chunk-Y2CYZVJY-i11wjrBe.js";
+import { i as p } from "./chunk-75Z2AOVW-Drsj7a97.js";
+import { t as m } from "./chunk-CLGD4ZFX-CLGio9rD.js";
+import { n as h } from "./mermaid-parser.core-BwVmI_Rq.js";
+import { t as g } from "./chunk-JWPE2WC7-Ccb0QaC8.js";
+//#region node_modules/mermaid/dist/chunks/mermaid.core/cynefinDiagram-5FMLGOSQ.mjs
+var _ = /* @__PURE__ */ f(() => ({
+	domains: /* @__PURE__ */ new Map(),
+	transitions: []
+}), "createDefaultData"), v = _(), y = {
+	getDomains: /* @__PURE__ */ f(() => v.domains, "getDomains"),
+	getTransitions: /* @__PURE__ */ f(() => v.transitions, "getTransitions"),
+	setDomains: /* @__PURE__ */ f((e) => {
+		if (e) for (let t of e) {
+			let e = t.domain, n = (t.items ?? []).map((e) => ({ label: e.label }));
+			v.domains.set(e, {
+				name: e,
+				items: n
+			});
+		}
+	}, "setDomains"),
+	setTransitions: /* @__PURE__ */ f((t) => {
+		t && (v.transitions = t.filter((t) => t.from !== t.to || (e.warn(`Cynefin: self-loop transition on domain "${t.from}" is not meaningful and will be skipped.`), !1)).map((e) => ({
+			from: e.from,
+			to: e.to,
+			label: e.label || void 0
+		})));
+	}, "setTransitions"),
+	getConfig: /* @__PURE__ */ f(() => p({
+		...c.cynefin,
+		...o().cynefin
+	}), "getConfig"),
+	clear: /* @__PURE__ */ f(() => {
+		a(), v = _();
+	}, "clear"),
+	setAccTitle: i,
+	getAccTitle: d,
+	setDiagramTitle: r,
+	getDiagramTitle: u,
+	getAccDescription: l,
+	setAccDescription: n
+}, b = /* @__PURE__ */ f((e) => {
+	g(e, y), y.setDomains(e.domains), y.setTransitions(e.transitions);
+}, "populate"), x = { parse: /* @__PURE__ */ f(async (t) => {
+	let n = await h("cynefin", t);
+	e.debug(n), b(n);
+}, "parse") };
+function S(e) {
+	let t = e + 1831565813 | 0;
+	return t = Math.imul(t ^ t >>> 15, t | 1), t ^= t + Math.imul(t ^ t >>> 7, t | 61), ((t ^ t >>> 14) >>> 0) / 4294967296;
+}
+f(S, "seededRandom");
+function C(e) {
+	let t = 0;
+	for (let n = 0; n < e.length; n++) {
+		let r = e.charCodeAt(n);
+		t = (t << 5) - t + r, t |= 0;
+	}
+	return t;
+}
+f(C, "hashString");
+function w(e, t) {
+	return typeof e == "number" && Number.isFinite(e) && e !== 0 ? e : C(t);
+}
+f(w, "resolveSeed");
+function T(e, t, n, r) {
+	let i = e / 2, a = r ?? e * .015, o = t / 7, s = [];
+	for (let e = 0; e <= 7; e++) {
+		let t = S(n + e * 17) * a * 2 - a;
+		s.push({
+			x: i + t,
+			y: e * o
+		});
+	}
+	let c = `M${s[0].x},${s[0].y}`;
+	for (let e = 0; e < s.length - 1; e++) {
+		let t = s[e], r = s[e + 1], i = (t.y + r.y) / 2, o = e % 2 == 0 ? 1 : -1, l = a * 1.5 * o * S(n + e * 31 + 7), u = t.x + l, d = i, f = r.x - l;
+		c += ` C${u},${d} ${f},${i} ${r.x},${r.y}`;
+	}
+	return c;
+}
+f(T, "generateFoldPath");
+function E(e, t, n, r) {
+	let i = t / 2, a = r ?? t * .015, o = e / 7, s = [];
+	for (let e = 0; e <= 7; e++) {
+		let t = S(n + e * 23) * a * 2 - a;
+		s.push({
+			x: e * o,
+			y: i + t
+		});
+	}
+	let c = `M${s[0].x},${s[0].y}`;
+	for (let e = 0; e < s.length - 1; e++) {
+		let t = s[e], r = s[e + 1], i = (t.x + r.x) / 2, o = e % 2 == 0 ? 1 : -1, l = a * 1.5 * o * S(n + e * 37 + 11), u = i, d = t.y + l, f = i, p = r.y - l;
+		c += ` C${u},${d} ${f},${p} ${r.x},${r.y}`;
+	}
+	return c;
+}
+f(E, "generateHorizontalBoundary");
+function D(e, t) {
+	let n = e / 2, r = t * .5, i = t, a = e * .03;
+	return [
+		`M${n},${r}`,
+		`C${n + a},${r + (i - r) * .2}`,
+		`${n - a * 1.5},${r + (i - r) * .55}`,
+		`${n + a * .5},${r + (i - r) * .75}`,
+		`C${n - a},${r + (i - r) * .85}`,
+		`${n + a * .3},${r + (i - r) * .95}`,
+		`${n},${i}`
+	].join(" ");
+}
+f(D, "generateCliffPath");
+function O(e, t, n, r) {
+	return [
+		`M${e - n},${t}`,
+		`A${n},${r} 0 1,1 ${e + n},${t}`,
+		`A${n},${r} 0 1,1 ${e - n},${t}`,
+		"Z"
+	].join(" ");
+}
+f(O, "generateConfusionPath");
+var k = {
+	complex: {
+		model: "Probe → Sense → Respond",
+		practice: "Emergent Practices"
+	},
+	complicated: {
+		model: "Sense → Analyse → Respond",
+		practice: "Good Practices"
+	},
+	clear: {
+		model: "Sense → Categorise → Respond",
+		practice: "Best Practices"
+	},
+	chaotic: {
+		model: "Act → Sense → Respond",
+		practice: "Novel Practices"
+	},
+	confusion: {
+		model: "",
+		practice: "Disorder"
+	}
+}, A = /* @__PURE__ */ f((e, t) => {
+	let n = e / 2, r = t / 2;
+	return {
+		complex: {
+			cx: n / 2,
+			cy: r / 2,
+			x: 0,
+			y: 0,
+			w: n,
+			h: r
+		},
+		complicated: {
+			cx: n + n / 2,
+			cy: r / 2,
+			x: n,
+			y: 0,
+			w: n,
+			h: r
+		},
+		chaotic: {
+			cx: n / 2,
+			cy: r + r / 2,
+			x: 0,
+			y: r,
+			w: n,
+			h: r
+		},
+		clear: {
+			cx: n + n / 2,
+			cy: r + r / 2,
+			x: n,
+			y: r,
+			w: n,
+			h: r
+		},
+		confusion: {
+			cx: n,
+			cy: r,
+			x: n * .7,
+			y: r * .7,
+			w: n * .6,
+			h: r * .6
+		}
+	};
+}, "getDomainLayouts"), j = /* @__PURE__ */ f(() => {
+	let e = t(), n = o();
+	return p(e, n.themeVariables).cynefin;
+}, "getCynefinDomainColors"), M = 3, N = { draw: /* @__PURE__ */ f((t, n, r, i) => {
+	let a = i.db, o = a.getDomains(), c = a.getTransitions(), l = a.getDiagramTitle(), u = a.getAccTitle(), d = a.getAccDescription(), f = a.getConfig(), p = j();
+	e.debug("Rendering Cynefin diagram");
+	let h = f.width, g = f.height, _ = f.padding, v = f.showDomainDescriptions, y = f.boundaryAmplitude, b = h + _ * 2, x = g + _ * 2, S = {
+		complex: p.complexBg,
+		complicated: p.complicatedBg,
+		clear: p.clearBg,
+		chaotic: p.chaoticBg,
+		confusion: p.confusionBg
+	}, C = m(n);
+	s(C, x, b, f.useMaxWidth ?? !0), C.attr("viewBox", `0 0 ${b} ${x}`), u && C.append("title").text(u), d && C.append("desc").text(d);
+	let N = C.append("g").attr("transform", `translate(${_}, ${_})`), P = A(h, g), F = w(f.seed, n), I = N.append("g").attr("class", "cynefin-backgrounds"), L = [
+		"complex",
+		"complicated",
+		"chaotic",
+		"clear"
+	];
+	for (let e of L) {
+		let t = P[e];
+		I.append("rect").attr("class", "cynefinDomain").attr("x", t.x).attr("y", t.y).attr("width", t.w).attr("height", t.h).attr("fill", S[e]).attr("fill-opacity", .4).attr("stroke", "none");
+	}
+	let R = N.append("g").attr("class", "cynefin-boundaries");
+	R.append("path").attr("class", "cynefinBoundary").attr("d", T(h, g, F, y)).attr("fill", "none"), R.append("path").attr("class", "cynefinBoundary").attr("d", E(h, g, F + 100, y)).attr("fill", "none"), R.append("path").attr("class", "cynefinCliff").attr("d", D(h, g)).attr("fill", "none");
+	let z = h * .15, B = g * .15;
+	N.append("path").attr("class", "cynefinConfusion").attr("d", O(h / 2, g / 2, z, B)).attr("fill", S.confusion).attr("fill-opacity", .5);
+	let V = N.append("g").attr("class", "cynefin-labels");
+	for (let e of L) {
+		let t = P[e];
+		V.append("text").attr("class", "cynefinDomainLabel").attr("x", t.cx).attr("y", v ? t.cy - 30 : t.cy).attr("text-anchor", "middle").attr("dominant-baseline", "middle").text(e.charAt(0).toUpperCase() + e.slice(1));
+	}
+	if (V.append("text").attr("class", "cynefinDomainLabel").attr("x", h / 2).attr("y", v ? g / 2 - 10 : g / 2).attr("text-anchor", "middle").attr("dominant-baseline", "middle").text("Confusion"), v) {
+		let e = N.append("g").attr("class", "cynefin-subtitles");
+		for (let t of L) {
+			let n = P[t], r = k[t];
+			e.append("text").attr("class", "cynefinSubtitle").attr("x", n.cx).attr("y", n.cy - 10).attr("text-anchor", "middle").attr("dominant-baseline", "middle").text(r.model), e.append("text").attr("class", "cynefinSubtitle").attr("x", n.cx).attr("y", n.cy + 5).attr("text-anchor", "middle").attr("dominant-baseline", "middle").text(r.practice);
+		}
+		e.append("text").attr("class", "cynefinSubtitle").attr("x", h / 2).attr("y", g / 2 + 8).attr("text-anchor", "middle").attr("dominant-baseline", "middle").text(k.confusion.practice);
+	}
+	let H = N.append("g").attr("class", "cynefin-items");
+	for (let e of [
+		"complex",
+		"complicated",
+		"chaotic",
+		"clear",
+		"confusion"
+	]) {
+		let t = o.get(e);
+		if (!t || t.items.length === 0) continue;
+		let n = P[e], r = e === "confusion", i = t.items, a = 0;
+		r && t.items.length > M && (a = t.items.length - M, i = t.items.slice(0, M));
+		let s;
+		if (r) {
+			let e = v ? 22 : 14;
+			s = n.cy + e;
+		} else s = n.cy + (v ? 25 : 15);
+		if ([...i].forEach((t, r) => {
+			let i = s + r * 30, a = H.append("g"), o = a.append("text").attr("class", "cynefinItemText").attr("x", 0).attr("y", 13).attr("text-anchor", "middle").attr("dominant-baseline", "central").text(t.label), c = t.label.length * 7, l = o.node();
+			if (l && typeof l.getBBox == "function") {
+				let e = l.getBBox();
+				e.width > 0 && (c = e.width);
+			}
+			let u = c + 20, d = n.cx - u / 2;
+			a.attr("transform", `translate(${d}, ${i})`), a.insert("rect", "text").attr("class", "cynefinItem").attr("x", 0).attr("y", 0).attr("width", u).attr("height", 26).attr("rx", 4).attr("ry", 4).attr("fill", S[e]).attr("fill-opacity", .95), o.attr("x", u / 2).attr("y", 13);
+		}), a > 0) {
+			let t = s + i.length * 30, r = `+${a} more`, o = H.append("g"), c = o.append("text").attr("class", "cynefinItemText").attr("x", 0).attr("y", 13).attr("text-anchor", "middle").attr("dominant-baseline", "central").text(r), l = r.length * 7, u = c.node();
+			if (u && typeof u.getBBox == "function") {
+				let e = u.getBBox();
+				e.width > 0 && (l = e.width);
+			}
+			let d = l + 20, f = n.cx - d / 2;
+			o.attr("transform", `translate(${f}, ${t})`), o.insert("rect", "text").attr("class", "cynefinItemOverflow").attr("x", 0).attr("y", 0).attr("width", d).attr("height", 26).attr("rx", 4).attr("ry", 4).attr("fill", S[e]).attr("fill-opacity", .6), c.attr("x", d / 2).attr("y", 13);
+		}
+	}
+	if (c.length > 0) {
+		let t = C.select("defs").empty() ? C.append("defs") : C.select("defs"), r = `cynefin-arrow-${n}`;
+		t.append("marker").attr("id", r).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("class", "cynefinArrowHead");
+		let i = N.append("g").attr("class", "cynefin-arrows");
+		c.forEach((t) => {
+			let n = P[t.from], a = P[t.to];
+			if (!n || !a) return;
+			if (t.from === t.to) {
+				e.warn(`Cynefin renderer: skipping self-loop on domain "${t.from}"`);
+				return;
+			}
+			let o = n.cx, s = n.cy, c = a.cx, l = a.cy, u = (o + c) / 2, d = (s + l) / 2, f = c - o, p = l - s, m = Math.sqrt(f * f + p * p), h = m * .15, g = -p / m, _ = f / m, v = u + g * h, y = d + _ * h;
+			i.append("path").attr("class", "cynefinArrowLine").attr("d", `M${o},${s} Q${v},${y} ${c},${l}`).attr("fill", "none").attr("marker-end", `url(#${r})`), t.label && i.append("text").attr("class", "cynefinArrowLabel").attr("x", v).attr("y", y - 6).attr("text-anchor", "middle").attr("dominant-baseline", "auto").text(t.label);
+		});
+	}
+	l && N.append("text").attr("class", "cynefinTitle").attr("x", h / 2).attr("y", -_ / 2).attr("text-anchor", "middle").attr("dominant-baseline", "middle").text(l);
+}, "draw") }, P = /* @__PURE__ */ f(() => {
+	let e = t(), n = o();
+	return p(e, n.themeVariables).cynefin;
+}, "getCynefinTheme"), F = {
+	parser: x,
+	db: y,
+	renderer: N,
+	styles: /* @__PURE__ */ f(() => {
+		let e = P();
+		return `
+	.cynefinDomain {
+		stroke: none;
+	}
+	.cynefinDomainLabel {
+		font-size: ${e.domainFontSize}px;
+		font-weight: bold;
+		fill: ${e.labelColor};
+	}
+	.cynefinSubtitle {
+		font-size: ${e.itemFontSize - 1}px;
+		fill: ${e.textColor};
+		font-style: italic;
+	}
+	.cynefinItem {
+		fill-opacity: 0.95;
+		stroke: ${e.boundaryColor};
+		stroke-width: 1;
+	}
+	.cynefinItemText {
+		font-size: ${e.itemFontSize}px;
+		fill: ${e.textColor};
+	}
+	.cynefinItemOverflow {
+		fill-opacity: 0.6;
+		stroke: ${e.boundaryColor};
+		stroke-width: 1;
+		stroke-dasharray: 3 2;
+	}
+	.cynefinBoundary {
+		stroke: ${e.boundaryColor};
+		stroke-width: ${e.boundaryWidth};
+		stroke-dasharray: 6 3;
+	}
+	.cynefinCliff {
+		stroke: ${e.cliffColor};
+		stroke-width: ${e.cliffWidth};
+	}
+	.cynefinConfusion {
+		stroke: ${e.boundaryColor};
+		stroke-width: 1.5;
+		stroke-dasharray: 4 2;
+	}
+	.cynefinArrowLine {
+		stroke: ${e.arrowColor};
+		stroke-width: ${e.arrowWidth};
+		fill: none;
+	}
+	.cynefinArrowHead {
+		fill: ${e.arrowColor};
+		stroke: none;
+	}
+	.cynefinArrowLabel {
+		font-size: ${e.itemFontSize - 1}px;
+		fill: ${e.textColor};
+	}
+	.cynefinTitle {
+		font-size: ${e.domainFontSize + 2}px;
+		font-weight: bold;
+		fill: ${e.labelColor};
+	}
+	`;
+	}, "styles")
+};
+//#endregion
+export { F as diagram };