@loopstack/loopstack-studio 0.25.0 → 0.25.2

package/dist/node_modules/mermaid/dist/chunks/mermaid.core/{requirementDiagram-UZGBJVZJ.js → requirementDiagram-MS252O5E.js}

@@ -1,15 +1,15 @@
 import { __export, __name, log } from "./chunk-AGHRB4JF.js";
-import { clear, getAccDescription, getAccTitle, getConfig2, getDiagramTitle, setAccDescription, setAccTitle, setDiagramTitle } from "./chunk-ABZYJK2D.js";
-import "./chunk-HN2XXSSU.js";
-import "./chunk-CVBHYZKI.js";
-import "./chunk-ATLVNIR6.js";
-import { utils_default } from "./chunk-S3R3BYOJ.js";
-import "./chunk-JA3XYJ7Z.js";
-import "./chunk-JZLCHNYA.js";
-import "./chunk-QXUST7PY.js";
-import { getRegisteredLayoutAlgorithm, render } from "./chunk-N4CR4FBY.js";
+import { clear, getAccDescription, getAccTitle, getConfig, getConfig2, getDiagramTitle, setAccDescription, setAccTitle, setDiagramTitle } from "./chunk-ICPOFSXX.js";
+import "./chunk-BSJP7CBP.js";
+import { utils_default } from "./chunk-5PVQY5BW.js";
+import "./chunk-ZZ45TVLE.js";
+import "./chunk-X2U36JSP.js";
+import "./chunk-U2HBQHQK.js";
+import "./chunk-5FUZZQ4R.js";
+import "./chunk-ENJZ2VHE.js";
+import { getRegisteredLayoutAlgorithm, render } from "./chunk-336JU56O.js";
 import { getDiagramElement } from "./chunk-55IACEB6.js";
-import { setupViewPortForSVG } from "./chunk-QN33PNHL.js";
+import { setupViewPortForSVG } from "./chunk-EDXVE4YY.js";
 var parser = (function() {
 	var e = /* @__PURE__ */ __name(function(e, t, n, r) {
 		for (n ||= {}, r = e.length; r--; n[e[r]] = t);
@@ -2080,11 +2080,11 @@ var requirementDiagram_default = parser, RequirementDB = class {
 		let e = getConfig2(), t = [], n = [];
 		for (let n of this.requirements.values()) {
 			let r = n;
-			r.id = n.name, r.cssStyles = n.cssStyles, r.cssClasses = n.classes.join(" "), r.shape = "requirementBox", r.look = e.look, t.push(r);
+			r.id = n.name, r.cssStyles = n.cssStyles, r.cssClasses = n.classes.join(" "), r.shape = "requirementBox", r.look = e.look, r.colorIndex = t.length, t.push(r);
 		}
 		for (let n of this.elements.values()) {
 			let r = n;
-			r.shape = "requirementBox", r.look = e.look, r.id = n.name, r.cssStyles = n.cssStyles, r.cssClasses = n.classes.join(" "), t.push(r);
+			r.shape = "requirementBox", r.look = e.look, r.id = n.name, r.cssStyles = n.cssStyles, r.cssClasses = n.classes.join(" "), r.colorIndex = t.length, t.push(r);
 		}
 		for (let t of this.relations) {
 			let r = 0, i = t.type === this.Relationships.CONTAINS, a = {
@@ -2100,7 +2100,8 @@ var requirementDiagram_default = parser, RequirementDB = class {
 				pattern: i ? "normal" : "dashed",
 				arrowTypeStart: i ? "requirement_contains" : "",
 				arrowTypeEnd: i ? "" : "requirement_arrow",
-				look: e.look
+				look: e.look,
+				labelType: "markdown"
 			};
 			n.push(a), r++;
 		}
@@ -2112,8 +2113,27 @@ var requirementDiagram_default = parser, RequirementDB = class {
 			direction: this.getDirection()
 		};
 	}
-}, styles_default = /* @__PURE__ */ __name((e) => `
+}, genColor = /* @__PURE__ */ __name((e) => {
+	let { themeVariables: t, look: n } = getConfig(), { bkgColorArray: r, borderColorArray: i } = t;
+	if (!i?.length) return "";
+	let a = "";
+	for (let t = 0; t < e.THEME_COLOR_LIMIT; t++) a += `
 
+    [data-look="${n}"][data-color-id="color-${t}"].node path {
+    stroke: ${i[t]};
+    fill: ${r?.length ? r[t] : ""};
+    }
+
+    [data-look="${n}"][data-color-id="color-${t}"].node  rect {
+    stroke: ${i[t]};
+    fill: ${r?.length ? r[t] : ""};
+     }
+    `;
+	return a;
+}, "genColor"), styles_default = /* @__PURE__ */ __name((e) => {
+	let { look: t, themeVariables: n } = getConfig(), { requirementEdgeLabelBackground: r } = n;
+	return `
+  ${genColor(e)}
   marker {
     fill: ${e.relationColor};
     stroke: ${e.relationColor};
@@ -2149,10 +2169,19 @@ var requirementDiagram_default = parser, RequirementDB = class {
   }
   .relationshipLine {
     stroke: ${e.relationColor};
-    stroke-width: 1;
+    stroke-width: ${t === "neo" ? e.strokeWidth : "1px"};
   }
   .relationshipLabel {
     fill: ${e.relationLabelColor};
+  }
+    .edgeLabel {
+    background-color: ${e.edgeLabelBackground};
+  }
+  .edgeLabel .label rect {
+    fill: ${e.edgeLabelBackground};
+  }
+  .edgeLabel .label text {
+    fill: ${e.relationLabelColor};
   }
   .divider {
     stroke: ${e.nodeBorder};
@@ -2167,15 +2196,16 @@ var requirementDiagram_default = parser, RequirementDB = class {
     color: ${e.nodeTextColor || e.textColor};
   }
   .labelBkg {
-    background-color: ${e.edgeLabelBackground};
+    background-color: ${r ?? e.edgeLabelBackground};
   }
 
-`, "getStyles"), requirementRenderer_exports = {};
+`;
+}, "getStyles"), requirementRenderer_exports = {};
 __export(requirementRenderer_exports, { draw: () => draw });
 var draw = /* @__PURE__ */ __name(async function(e, t, r, i) {
 	log.info("REF0:"), log.info("Drawing requirement diagram (unified)", t);
-	let { securityLevel: a, state: s, layout: c } = getConfig2(), l = i.db.getData(), u = getDiagramElement(t, a);
-	l.type = i.type, l.layoutAlgorithm = getRegisteredLayoutAlgorithm(c), l.nodeSpacing = s?.nodeSpacing ?? 50, l.rankSpacing = s?.rankSpacing ?? 50, l.markers = ["requirement_contains", "requirement_arrow"], l.diagramId = t, await render(l, u), utils_default.insertTitle(u, "requirementDiagramTitleText", s?.titleTopMargin ?? 25, i.db.getDiagramTitle()), setupViewPortForSVG(u, 8, "requirementDiagram", s?.useMaxWidth ?? !0);
+	let { securityLevel: a, state: o, layout: c, look: l } = getConfig2(), u = i.db.getData(), d = getDiagramElement(t, a);
+	u.type = i.type, u.layoutAlgorithm = getRegisteredLayoutAlgorithm(c), u.nodeSpacing = o?.nodeSpacing ?? 50, u.rankSpacing = o?.rankSpacing ?? 50, u.markers = l === "neo" ? ["requirement_contains_neo", "requirement_arrow_neo"] : ["requirement_contains", "requirement_arrow"], u.diagramId = t, await render(u, d), utils_default.insertTitle(d, "requirementDiagramTitleText", o?.titleTopMargin ?? 25, i.db.getDiagramTitle()), setupViewPortForSVG(d, 8, "requirementDiagram", o?.useMaxWidth ?? !0);
 }, "draw"), diagram = {
 	parser: requirementDiagram_default,
 	get db() {

package/dist/node_modules/mermaid/dist/chunks/mermaid.core/{sankeyDiagram-TZEHDZUN.js → sankeyDiagram-XADWPNL6.js}

@@ -1,5 +1,5 @@
 import { __name } from "./chunk-AGHRB4JF.js";
-import { clear, common_default, defaultConfig2, getAccDescription, getAccTitle, getConfig2, getDiagramTitle, setAccDescription, setAccTitle, setDiagramTitle, setupGraphViewbox } from "./chunk-ABZYJK2D.js";
+import { clear, common_default, defaultConfig2, getAccDescription, getAccTitle, getConfig2, getDiagramTitle, setAccDescription, setAccTitle, setDiagramTitle, setupGraphViewbox } from "./chunk-ICPOFSXX.js";
 import select_default from "../../../../d3-selection/src/select.js";
 import ordinal from "../../../../d3-scale/src/ordinal.js";
 import Tableau10_default from "../../../../d3-scale-chromatic/src/categorical/Tableau10.js";