@marimo-team/islands 0.23.17-dev9 → 0.24.1-dev0

package/dist/wardleyDiagram-T6FBY63Y-vcno_rbk.js

@@ -0,0 +1,669 @@
+var _a;
+import "./purify.es-DR5PNXwx.js";
+import { a as cleanAndMerge } from "./chunk-NSK5VX7P-BmmoJBbx.js";
+import { n as log } from "./src-BwVZVGyf.js";
+import { n as __name } from "./chunk-Y2CYZVJY-DX3DSigL.js";
+import { D as getThemeVariables3, H as setAccDescription, K as setDiagramTitle, U as setAccTitle, a as clear, b as getConfig, c as configureSvgSize, v as getAccDescription, w as getDiagramTitle, x as getConfig2, y as getAccTitle } from "./chunk-I66GZJ75-9xAsFrdW.js";
+import { t as selectSvgElement } from "./chunk-3NCLNEKW-BPlp8K7N.js";
+import "./dist-HaLHv0k5.js";
+import "./chunk-KEIR6QF5-aP6TmWQ-.js";
+import "./chunk-MOZMSUNE-BQi-ggQx.js";
+import "./chunk-OSBZ3O6U-BcrmpSY_.js";
+import "./chunk-5JV3BV7I-B7tzprBU.js";
+import "./chunk-CYSBUYHQ-Cv-vKQV-.js";
+import "./chunk-BIQX33UG-B-BYk6sM.js";
+import "./chunk-EMLP6XTP-DCtMkXLF.js";
+import "./chunk-YOTPTUD7-C8qfgaz5.js";
+import "./chunk-QBLGF6JB-BACuPUWb.js";
+import "./chunk-5TONJI2A-LRqbgPte.js";
+import "./chunk-5HE753X5-D2jFCVXb.js";
+import "./chunk-U6XO7XAA-I8tCjTeT.js";
+import "./chunk-JG7HCLWE-CZIm6axg.js";
+import "./chunk-CQNSW5MT-DBXDKSOU.js";
+import "./chunk-R7FJI6CG-BYAXJpIb.js";
+import "./chunk-5FCAYU7R-C3cMIeyz.js";
+import { t as populateCommonDb } from "./chunk-JWPE2WC7-C_Daz-Oc.js";
+import { n as parse } from "./mermaid-parser.core-BQzz3_BI.js";
+var toPercent = /* @__PURE__ */ __name((t, u) => {
+  let d = t <= 1 ? t * 100 : t;
+  if (d < 0 || d > 100) throw Error(`${u} must be between 0-1 (decimal) or 0-100 (percentage). Received: ${t}`);
+  return d;
+}, "toPercent"), toCoordinates = /* @__PURE__ */ __name((t, u, d) => ({
+  x: toPercent(u, `${d} evolution`),
+  y: toPercent(t, `${d} visibility`)
+}), "toCoordinates"), getFlowFromPort = /* @__PURE__ */ __name((t) => {
+  if (t) {
+    if (t === "+<>") return "bidirectional";
+    if (t === "+<") return "backward";
+    if (t === "+>") return "forward";
+  }
+}, "getFlowFromPort"), extractFlowFromArrow = /* @__PURE__ */ __name((t) => {
+  var _a2;
+  if (!(t == null ? void 0 : t.startsWith("+"))) return {};
+  let u = (_a2 = /^\+'([^']*)'/.exec(t)) == null ? void 0 : _a2[1];
+  return t.includes("<>") ? {
+    flow: "bidirectional",
+    label: u
+  } : t.includes("<") ? {
+    flow: "backward",
+    label: u
+  } : t.includes(">") ? {
+    flow: "forward",
+    label: u
+  } : { label: u };
+}, "extractFlowFromArrow"), populateDb = /* @__PURE__ */ __name((t, u) => {
+  if (populateCommonDb(t, u), t.size && u.setSize(t.size.width, t.size.height), t.evolution) {
+    let d = t.evolution.stages.map((t2) => t2.secondName ? `${t2.name.trim()} / ${t2.secondName.trim()}` : t2.name.trim()), f = t.evolution.stages.filter((t2) => t2.boundary !== void 0).map((t2) => t2.boundary);
+    u.updateAxes({
+      stages: d,
+      stageBoundaries: f
+    });
+  }
+  if (t.anchors.forEach((t2) => {
+    let d = toCoordinates(t2.visibility, t2.evolution, `Anchor "${t2.name}"`);
+    u.addNode(t2.name, t2.name, d.x, d.y, "anchor");
+  }), t.components.forEach((t2) => {
+    var _a2;
+    let d = toCoordinates(t2.visibility, t2.evolution, `Component "${t2.name}"`), f = t2.label ? (t2.label.negX ? -1 : 1) * t2.label.offsetX : void 0, p = t2.label ? (t2.label.negY ? -1 : 1) * t2.label.offsetY : void 0, m = (_a2 = t2.decorator) == null ? void 0 : _a2.strategy;
+    u.addNode(t2.name, t2.name, d.x, d.y, "component", f, p, t2.inertia, m);
+  }), t.notes.forEach((t2) => {
+    let d = toCoordinates(t2.visibility, t2.evolution, `Note "${t2.text}"`);
+    u.addNote(t2.text, d.x, d.y);
+  }), t.pipelines.forEach((t2) => {
+    let d = u.getNode(t2.parent);
+    if (!d || typeof d.y != "number") throw Error(`Pipeline "${t2.parent}" must reference an existing component with coordinates.`);
+    let f = d.y;
+    u.startPipeline(t2.parent), t2.components.forEach((d2) => {
+      let p = `${t2.parent}_${d2.name}`, m = d2.label ? (d2.label.negX ? -1 : 1) * d2.label.offsetX : void 0, h = d2.label ? (d2.label.negY ? -1 : 1) * d2.label.offsetY : void 0, g = toPercent(d2.evolution, `Pipeline component "${d2.name}" evolution`);
+      u.addNode(p, d2.name, g, f, "pipeline-component", m, h), u.addPipelineComponent(t2.parent, p);
+    });
+  }), t.links.forEach((t2) => {
+    let d = !!t2.arrow && (t2.arrow.includes("-.->") || t2.arrow.includes(".-.")), f = getFlowFromPort(t2.fromPort) ?? getFlowFromPort(t2.toPort), { flow: p, label: m } = extractFlowFromArrow(t2.arrow);
+    !f && p && (f = p);
+    let h = t2.linkLabel, g = m ?? h;
+    u.addLink(u.resolveNodeId(t2.from), u.resolveNodeId(t2.to), d, g, f);
+  }), t.evolves.forEach((t2) => {
+    let d = u.getNode(t2.component);
+    if ((d == null ? void 0 : d.y) !== void 0) {
+      let f = toPercent(t2.target, `Evolve target for "${t2.component}"`);
+      u.addTrend(t2.component, f, d.y);
+    }
+  }), t.annotations.length > 0) {
+    let d = t.annotations[0], f = toCoordinates(d.x, d.y, "Annotations box");
+    u.setAnnotationsBox(f.x, f.y);
+  }
+  t.annotation.forEach((t2) => {
+    let d = toCoordinates(t2.x, t2.y, `Annotation ${t2.number}`);
+    u.addAnnotation(t2.number, [{
+      x: d.x,
+      y: d.y
+    }], t2.text);
+  }), t.accelerators.forEach((t2) => {
+    let d = toCoordinates(t2.x, t2.y, `Accelerator "${t2.name}"`);
+    u.addAccelerator(t2.name, d.x, d.y);
+  }), t.deaccelerators.forEach((t2) => {
+    let d = toCoordinates(t2.x, t2.y, `Deaccelerator "${t2.name}"`);
+    u.addDeaccelerator(t2.name, d.x, d.y);
+  });
+}, "populateDb"), parser = {
+  parser: { yy: void 0 },
+  parse: /* @__PURE__ */ __name(async (t) => {
+    var _a2;
+    let d = await parse("wardley", t);
+    log.debug(d);
+    let f = (_a2 = parser.parser) == null ? void 0 : _a2.yy;
+    if (!f || typeof f.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.");
+    populateDb(d, f);
+  }, "parse")
+}, builder = new (_a = 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 = {};
+  }
+  addNode(t) {
+    let u = this.nodes.get(t.id) ?? {
+      id: t.id,
+      label: t.label
+    }, d = {
+      ...u,
+      ...t,
+      className: t.className ?? u.className,
+      labelOffsetX: t.labelOffsetX ?? u.labelOffsetX,
+      labelOffsetY: t.labelOffsetY ?? u.labelOffsetY
+    };
+    this.nodes.set(t.id, d);
+  }
+  addLink(t) {
+    this.links.push(t);
+  }
+  addTrend(t) {
+    this.trends.set(t.nodeId, t);
+  }
+  startPipeline(t) {
+    this.pipelines.set(t, {
+      nodeId: t,
+      componentIds: []
+    });
+    let u = this.nodes.get(t);
+    u && (u.isPipelineParent = true);
+  }
+  addPipelineComponent(t, u) {
+    let d = this.pipelines.get(t);
+    d && d.componentIds.push(u);
+    let f = this.nodes.get(u);
+    f && (f.inPipeline = true);
+  }
+  addAnnotation(t) {
+    this.annotations.push(t);
+  }
+  addNote(t) {
+    this.notes.push(t);
+  }
+  addAccelerator(t) {
+    this.accelerators.push(t);
+  }
+  addDeaccelerator(t) {
+    this.deaccelerators.push(t);
+  }
+  setAnnotationsBox(t, u) {
+    this.annotationsBox = {
+      x: t,
+      y: u
+    };
+  }
+  setAxes(t) {
+    this.axes = {
+      ...this.axes,
+      ...t
+    };
+  }
+  setSize(t, u) {
+    this.size = {
+      width: t,
+      height: u
+    };
+  }
+  getNode(t) {
+    return this.nodes.get(t);
+  }
+  resolveNodeId(t) {
+    if (this.nodes.has(t)) return t;
+    for (let [u, d] of this.nodes) if (d.label === t) return u;
+    return t;
+  }
+  build() {
+    let t = [];
+    for (let u of this.nodes.values()) {
+      if (typeof u.x != "number" || typeof u.y != "number") throw Error(`Node "${u.label}" is missing coordinates`);
+      t.push(u);
+    }
+    return {
+      nodes: t,
+      links: [...this.links],
+      trends: [...this.trends.values()],
+      pipelines: [...this.pipelines.values()],
+      annotations: [...this.annotations],
+      notes: [...this.notes],
+      accelerators: [...this.accelerators],
+      deaccelerators: [...this.deaccelerators],
+      annotationsBox: this.annotationsBox,
+      axes: { ...this.axes },
+      size: this.size
+    };
+  }
+  clear() {
+    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;
+  }
+}, __name(_a, "WardleyBuilder"), _a)();
+function getConfig3() {
+  return getConfig2()["wardley-beta"];
+}
+__name(getConfig3, "getConfig");
+function addNode(t, u, d, f, p, m, h, g, _) {
+  builder.addNode({
+    id: t,
+    label: u,
+    x: d,
+    y: f,
+    className: p,
+    labelOffsetX: m,
+    labelOffsetY: h,
+    inertia: g,
+    sourceStrategy: _
+  });
+}
+__name(addNode, "addNode");
+function addLink(t, u, d = false, f, p) {
+  builder.addLink({
+    source: t,
+    target: u,
+    dashed: d,
+    label: f,
+    flow: p
+  });
+}
+__name(addLink, "addLink");
+function addTrend(t, u, d) {
+  builder.addTrend({
+    nodeId: t,
+    targetX: u,
+    targetY: d
+  });
+}
+__name(addTrend, "addTrend");
+function addAnnotation(t, u, d) {
+  builder.addAnnotation({
+    number: t,
+    coordinates: u,
+    text: d
+  });
+}
+__name(addAnnotation, "addAnnotation");
+function addNote(t, u, d) {
+  builder.addNote({
+    text: t,
+    x: u,
+    y: d
+  });
+}
+__name(addNote, "addNote");
+function addAccelerator(t, u, d) {
+  builder.addAccelerator({
+    name: t,
+    x: u,
+    y: d
+  });
+}
+__name(addAccelerator, "addAccelerator");
+function addDeaccelerator(t, u, d) {
+  builder.addDeaccelerator({
+    name: t,
+    x: u,
+    y: d
+  });
+}
+__name(addDeaccelerator, "addDeaccelerator");
+function setAnnotationsBox(t, u) {
+  builder.setAnnotationsBox(t, u);
+}
+__name(setAnnotationsBox, "setAnnotationsBox");
+function setSize(t, u) {
+  builder.setSize(t, u);
+}
+__name(setSize, "setSize");
+function startPipeline(t) {
+  builder.startPipeline(t);
+}
+__name(startPipeline, "startPipeline");
+function addPipelineComponent(t, u) {
+  builder.addPipelineComponent(t, u);
+}
+__name(addPipelineComponent, "addPipelineComponent");
+function updateAxes(t) {
+  builder.setAxes(t);
+}
+__name(updateAxes, "updateAxes");
+function getNode(t) {
+  return builder.getNode(t);
+}
+__name(getNode, "getNode");
+function resolveNodeId(t) {
+  return builder.resolveNodeId(t);
+}
+__name(resolveNodeId, "resolveNodeId");
+function getWardleyData() {
+  return builder.build();
+}
+__name(getWardleyData, "getWardleyData");
+function clear2() {
+  builder.clear(), clear();
+}
+__name(clear2, "clear");
+var wardleyDb_default = {
+  getConfig: getConfig3,
+  addNode,
+  addLink,
+  addTrend,
+  addAnnotation,
+  addNote,
+  addAccelerator,
+  addDeaccelerator,
+  setAnnotationsBox,
+  setSize,
+  startPipeline,
+  addPipelineComponent,
+  updateAxes,
+  getNode,
+  resolveNodeId,
+  getWardleyData,
+  clear: clear2,
+  setAccTitle,
+  getAccTitle,
+  setDiagramTitle,
+  getDiagramTitle,
+  getAccDescription,
+  setAccDescription
+}, DEFAULT_STAGES = [
+  "Genesis",
+  "Custom Built",
+  "Product",
+  "Commodity"
+], getTheme = /* @__PURE__ */ __name(() => {
+  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  let { themeVariables: t } = getConfig2();
+  return {
+    backgroundColor: ((_a2 = t.wardley) == null ? void 0 : _a2.backgroundColor) ?? t.background ?? "#fff",
+    axisColor: ((_b = t.wardley) == null ? void 0 : _b.axisColor) ?? "#000",
+    axisTextColor: ((_c = t.wardley) == null ? void 0 : _c.axisTextColor) ?? t.primaryTextColor ?? "#222",
+    gridColor: ((_d = t.wardley) == null ? void 0 : _d.gridColor) ?? "rgba(100, 100, 100, 0.2)",
+    componentFill: ((_e = t.wardley) == null ? void 0 : _e.componentFill) ?? "#fff",
+    componentStroke: ((_f = t.wardley) == null ? void 0 : _f.componentStroke) ?? "#000",
+    componentLabelColor: ((_g = t.wardley) == null ? void 0 : _g.componentLabelColor) ?? t.primaryTextColor ?? "#222",
+    linkStroke: ((_h = t.wardley) == null ? void 0 : _h.linkStroke) ?? "#000",
+    evolutionStroke: ((_i = t.wardley) == null ? void 0 : _i.evolutionStroke) ?? "#dc3545",
+    annotationStroke: ((_j = t.wardley) == null ? void 0 : _j.annotationStroke) ?? "#000",
+    annotationTextColor: ((_k = t.wardley) == null ? void 0 : _k.annotationTextColor) ?? t.primaryTextColor ?? "#222",
+    annotationFill: ((_l = t.wardley) == null ? void 0 : _l.annotationFill) ?? t.background ?? "#fff"
+  };
+}, "getTheme"), getConfigValues = /* @__PURE__ */ __name(() => {
+  let t = getConfig2()["wardley-beta"];
+  return {
+    width: (t == null ? void 0 : t.width) ?? 900,
+    height: (t == null ? void 0 : t.height) ?? 600,
+    padding: (t == null ? void 0 : t.padding) ?? 48,
+    nodeRadius: (t == null ? void 0 : t.nodeRadius) ?? 6,
+    nodeLabelOffset: (t == null ? void 0 : t.nodeLabelOffset) ?? 8,
+    axisFontSize: (t == null ? void 0 : t.axisFontSize) ?? 12,
+    labelFontSize: (t == null ? void 0 : t.labelFontSize) ?? 10,
+    showGrid: (t == null ? void 0 : t.showGrid) ?? false,
+    useMaxWidth: (t == null ? void 0 : t.useMaxWidth) ?? true
+  };
+}, "getConfigValues"), diagram = {
+  parser,
+  db: wardleyDb_default,
+  renderer: { draw: /* @__PURE__ */ __name((t, f, p, m) => {
+    var _a2, _b;
+    log.debug("Rendering Wardley map\n" + t);
+    let h = getConfigValues(), g = getTheme(), _ = h.nodeRadius * 1.6, y = m.db, b = y.getWardleyData(), x = y.getDiagramTitle(), S = ((_a2 = b.size) == null ? void 0 : _a2.width) ?? h.width, w = ((_b = b.size) == null ? void 0 : _b.height) ?? h.height, T = selectSvgElement(f);
+    T.selectAll("*").remove(), configureSvgSize(T, w, S, h.useMaxWidth), T.attr("viewBox", `0 0 ${S} ${w}`);
+    let E = T.append("g").attr("class", "wardley-map"), D = T.append("defs");
+    D.append("marker").attr("id", `arrow-${f}`).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", g.evolutionStroke).attr("stroke", "none"), D.append("marker").attr("id", `link-arrow-end-${f}`).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", g.linkStroke).attr("stroke", "none"), D.append("marker").attr("id", `link-arrow-start-${f}`).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", g.linkStroke).attr("stroke", "none"), E.append("rect").attr("class", "wardley-background").attr("width", S).attr("height", w).attr("fill", g.backgroundColor);
+    let O = S - h.padding * 2, k = w - h.padding * 2;
+    x && E.append("text").attr("class", "wardley-title").attr("x", S / 2).attr("y", h.padding / 2).attr("fill", g.axisTextColor).attr("font-size", h.axisFontSize * 1.05).attr("font-weight", "bold").attr("text-anchor", "middle").attr("dominant-baseline", "middle").text(x);
+    let A = /* @__PURE__ */ __name((t2) => h.padding + t2 / 100 * O, "projectX"), j = /* @__PURE__ */ __name((t2) => w - h.padding - t2 / 100 * k, "projectY"), M = E.append("g").attr("class", "wardley-axes");
+    M.append("line").attr("x1", h.padding).attr("x2", S - h.padding).attr("y1", w - h.padding).attr("y2", w - h.padding).attr("stroke", g.axisColor).attr("stroke-width", 1), M.append("line").attr("x1", h.padding).attr("x2", h.padding).attr("y1", h.padding).attr("y2", w - h.padding).attr("stroke", g.axisColor).attr("stroke-width", 1);
+    let N = b.axes.xLabel ?? "Evolution", P = b.axes.yLabel ?? "Visibility";
+    M.append("text").attr("class", "wardley-axis-label wardley-axis-label-x").attr("x", h.padding + O / 2).attr("y", w - h.padding / 4).attr("fill", g.axisTextColor).attr("font-size", h.axisFontSize).attr("font-weight", "bold").attr("text-anchor", "middle").text(N), M.append("text").attr("class", "wardley-axis-label wardley-axis-label-y").attr("x", h.padding / 3).attr("y", h.padding + k / 2).attr("fill", g.axisTextColor).attr("font-size", h.axisFontSize).attr("font-weight", "bold").attr("text-anchor", "middle").attr("transform", `rotate(-90 ${h.padding / 3} ${h.padding + k / 2})`).text(P);
+    let F = b.axes.stages && b.axes.stages.length > 0 ? b.axes.stages : DEFAULT_STAGES;
+    if (F.length > 0) {
+      let t2 = E.append("g").attr("class", "wardley-stages"), u = b.axes.stageBoundaries, d = [];
+      if (u && u.length === F.length) {
+        let t3 = 0;
+        u.forEach((u2) => {
+          d.push({
+            start: t3,
+            end: u2
+          }), t3 = u2;
+        });
+      } else {
+        let t3 = 1 / F.length;
+        F.forEach((u2, f2) => {
+          d.push({
+            start: f2 * t3,
+            end: (f2 + 1) * t3
+          });
+        });
+      }
+      F.forEach((u2, f2) => {
+        let p2 = d[f2], m2 = h.padding + p2.start * O, _2 = (m2 + (h.padding + p2.end * O)) / 2;
+        f2 > 0 && t2.append("line").attr("x1", m2).attr("x2", m2).attr("y1", h.padding).attr("y2", w - h.padding).attr("stroke", "#000").attr("stroke-width", 1).attr("stroke-dasharray", "5 5").attr("opacity", 0.8), t2.append("text").attr("class", "wardley-stage-label").attr("x", _2).attr("y", w - h.padding / 1.5).attr("fill", g.axisTextColor).attr("font-size", h.axisFontSize - 2).attr("text-anchor", "middle").text(u2);
+      });
+    }
+    if (h.showGrid) {
+      let t2 = E.append("g").attr("class", "wardley-grid");
+      for (let u = 1; u < 4; u++) {
+        let d = u / 4, f2 = h.padding + O * d;
+        t2.append("line").attr("x1", f2).attr("x2", f2).attr("y1", h.padding).attr("y2", w - h.padding).attr("stroke", g.gridColor).attr("stroke-dasharray", "2 6"), t2.append("line").attr("x1", h.padding).attr("x2", S - h.padding).attr("y1", w - h.padding - k * d).attr("y2", w - h.padding - k * d).attr("stroke", g.gridColor).attr("stroke-dasharray", "2 6");
+      }
+    }
+    let I = /* @__PURE__ */ new Map();
+    if (b.nodes.forEach((t2) => {
+      I.set(t2.id, {
+        x: A(t2.x),
+        y: j(t2.y),
+        node: t2
+      });
+    }), b.pipelines.length > 0) {
+      let t2 = E.append("g").attr("class", "wardley-pipelines"), u = E.append("g").attr("class", "wardley-pipeline-links");
+      b.pipelines.forEach((d) => {
+        if (d.componentIds.length === 0) return;
+        let f2 = d.componentIds.map((t3) => ({
+          id: t3,
+          pos: I.get(t3),
+          node: b.nodes.find((u2) => u2.id === t3)
+        })).filter((t3) => t3.pos && t3.node).sort((t3, u2) => t3.node.x - u2.node.x);
+        for (let t3 = 0; t3 < f2.length - 1; t3++) {
+          let d2 = f2[t3], p3 = f2[t3 + 1];
+          u.append("line").attr("class", "wardley-pipeline-evolution-link").attr("x1", d2.pos.x).attr("y1", d2.pos.y).attr("x2", p3.pos.x).attr("y2", p3.pos.y).attr("stroke", g.linkStroke).attr("stroke-width", 1).attr("stroke-dasharray", "4 4");
+        }
+        let p2 = Infinity, m2 = -Infinity, v = 0;
+        if (d.componentIds.forEach((t3) => {
+          let u2 = I.get(t3);
+          u2 && (p2 = Math.min(p2, u2.x), m2 = Math.max(m2, u2.x), v = u2.y);
+        }), p2 !== Infinity && m2 !== -Infinity) {
+          let u2 = h.nodeRadius * 4, f3 = v - u2 / 2, y2 = I.get(d.nodeId);
+          y2 && (y2.x = (p2 + m2) / 2, y2.y = f3 - _ / 6), t2.append("rect").attr("class", "wardley-pipeline-box").attr("x", p2 - 15).attr("y", f3).attr("width", m2 - p2 + 30).attr("height", u2).attr("fill", "none").attr("stroke", g.axisColor).attr("stroke-width", 1.5).attr("rx", 4).attr("ry", 4);
+        }
+      });
+    }
+    let L = E.append("g").attr("class", "wardley-links"), R = /* @__PURE__ */ new Map();
+    b.pipelines.forEach((t2) => {
+      R.set(t2.nodeId, new Set(t2.componentIds));
+    });
+    let z = b.links.filter((t2) => {
+      var _a3;
+      return !(!I.has(t2.source) || !I.has(t2.target) || ((_a3 = R.get(t2.target)) == null ? void 0 : _a3.has(t2.source)));
+    });
+    L.selectAll("line").data(z).enter().append("line").attr("class", (t2) => `wardley-link${t2.dashed ? " wardley-link--dashed" : ""}`).attr("x1", (t2) => {
+      let u = I.get(t2.source), d = I.get(t2.target), f2 = b.nodes.find((u2) => u2.id === t2.source).isPipelineParent ? _ / Math.sqrt(2) : h.nodeRadius, p2 = d.x - u.x, m2 = d.y - u.y, g2 = Math.sqrt(p2 * p2 + m2 * m2);
+      return u.x + p2 / g2 * f2;
+    }).attr("y1", (t2) => {
+      let u = I.get(t2.source), d = I.get(t2.target), f2 = b.nodes.find((u2) => u2.id === t2.source).isPipelineParent ? _ / Math.sqrt(2) : h.nodeRadius, p2 = d.x - u.x, m2 = d.y - u.y, g2 = Math.sqrt(p2 * p2 + m2 * m2);
+      return u.y + m2 / g2 * f2;
+    }).attr("x2", (t2) => {
+      let u = I.get(t2.source), d = I.get(t2.target), f2 = b.nodes.find((u2) => u2.id === t2.target).isPipelineParent ? _ / Math.sqrt(2) : h.nodeRadius, p2 = u.x - d.x, m2 = u.y - d.y, g2 = Math.sqrt(p2 * p2 + m2 * m2);
+      return d.x + p2 / g2 * f2;
+    }).attr("y2", (t2) => {
+      let u = I.get(t2.source), d = I.get(t2.target), f2 = b.nodes.find((u2) => u2.id === t2.target).isPipelineParent ? _ / Math.sqrt(2) : h.nodeRadius, p2 = u.x - d.x, m2 = u.y - d.y, g2 = Math.sqrt(p2 * p2 + m2 * m2);
+      return d.y + m2 / g2 * f2;
+    }).attr("stroke", g.linkStroke).attr("stroke-width", 1).attr("stroke-dasharray", (t2) => t2.dashed ? "6 6" : null).attr("marker-end", (t2) => t2.flow === "forward" || t2.flow === "bidirectional" ? `url(#link-arrow-end-${f})` : null).attr("marker-start", (t2) => t2.flow === "backward" || t2.flow === "bidirectional" ? `url(#link-arrow-start-${f})` : null), L.selectAll("text").data(z.filter((t2) => t2.label)).enter().append("text").attr("class", "wardley-link-label").attr("x", (t2) => {
+      let u = I.get(t2.source), d = I.get(t2.target), f2 = (u.x + d.x) / 2, p2 = d.y - u.y, m2 = d.x - u.x;
+      return f2 + p2 / Math.sqrt(m2 * m2 + p2 * p2) * 8;
+    }).attr("y", (t2) => {
+      let u = I.get(t2.source), d = I.get(t2.target), f2 = (u.y + d.y) / 2, p2 = d.x - u.x, m2 = d.y - u.y, h2 = Math.sqrt(p2 * p2 + m2 * m2);
+      return f2 + -p2 / h2 * 8;
+    }).attr("fill", g.axisTextColor).attr("font-size", h.labelFontSize).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("transform", (t2) => {
+      let u = I.get(t2.source), d = I.get(t2.target), f2 = (u.x + d.x) / 2, p2 = (u.y + d.y) / 2, m2 = d.x - u.x, h2 = d.y - u.y, g2 = Math.sqrt(m2 * m2 + h2 * h2), _2 = h2 / g2, v = -m2 / g2, y2 = f2 + _2 * 8, b2 = p2 + v * 8, x2 = Math.atan2(h2, m2) * 180 / Math.PI;
+      return (x2 > 90 || x2 < -90) && (x2 += 180), `rotate(${x2} ${y2} ${b2})`;
+    }).text((t2) => t2.label);
+    let B = E.append("g").attr("class", "wardley-trends"), V = b.trends.map((t2) => {
+      let u = I.get(t2.nodeId);
+      if (!u) return null;
+      let d = A(t2.targetX), f2 = j(t2.targetY), p2 = d - u.x, m2 = f2 - u.y, g2 = Math.sqrt(p2 * p2 + m2 * m2), _2 = h.nodeRadius + 2;
+      return {
+        origin: u,
+        targetX: d,
+        targetY: f2,
+        adjustedX2: g2 > _2 ? d - p2 / g2 * _2 : d,
+        adjustedY2: g2 > _2 ? f2 - m2 / g2 * _2 : f2
+      };
+    }).filter((t2) => t2 !== null);
+    B.selectAll("line").data(V).enter().append("line").attr("class", "wardley-trend").attr("x1", (t2) => t2.origin.x).attr("y1", (t2) => t2.origin.y).attr("x2", (t2) => t2.adjustedX2).attr("y2", (t2) => t2.adjustedY2).attr("stroke", g.evolutionStroke).attr("stroke-width", 1).attr("stroke-dasharray", "4 4").attr("marker-end", `url(#arrow-${f})`);
+    let H = E.append("g").attr("class", "wardley-nodes").selectAll("g").data(b.nodes).enter().append("g").attr("class", (t2) => ["wardley-node", t2.className ? `wardley-node--${t2.className}` : ""].filter(Boolean).join(" "));
+    H.filter((t2) => t2.sourceStrategy === "outsource").append("circle").attr("class", "wardley-outsource-overlay").attr("cx", (t2) => I.get(t2.id).x).attr("cy", (t2) => I.get(t2.id).y).attr("r", h.nodeRadius * 2).attr("fill", "#666").attr("stroke", g.componentStroke).attr("stroke-width", 1), H.filter((t2) => t2.sourceStrategy === "buy").append("circle").attr("class", "wardley-buy-overlay").attr("cx", (t2) => I.get(t2.id).x).attr("cy", (t2) => I.get(t2.id).y).attr("r", h.nodeRadius * 2).attr("fill", "#ccc").attr("stroke", g.componentStroke).attr("stroke-width", 1), H.filter((t2) => t2.sourceStrategy === "build").append("circle").attr("class", "wardley-build-overlay").attr("cx", (t2) => I.get(t2.id).x).attr("cy", (t2) => I.get(t2.id).y).attr("r", h.nodeRadius * 2).attr("fill", "#eee").attr("stroke", "#000").attr("stroke-width", 1);
+    let U = H.filter((t2) => t2.sourceStrategy === "market");
+    U.append("circle").attr("class", "wardley-market-overlay").attr("cx", (t2) => I.get(t2.id).x).attr("cy", (t2) => I.get(t2.id).y).attr("r", h.nodeRadius * 2).attr("fill", "white").attr("stroke", g.componentStroke).attr("stroke-width", 1), H.filter((t2) => !t2.isPipelineParent && t2.sourceStrategy !== "market" && t2.className !== "anchor").append("circle").attr("cx", (t2) => I.get(t2.id).x).attr("cy", (t2) => I.get(t2.id).y).attr("r", h.nodeRadius).attr("fill", g.componentFill).attr("stroke", g.componentStroke).attr("stroke-width", 1);
+    let W = h.nodeRadius * 0.7, G = h.nodeRadius * 1.2;
+    if (U.append("line").attr("class", "wardley-market-line").attr("x1", (t2) => I.get(t2.id).x).attr("y1", (t2) => I.get(t2.id).y - G).attr("x2", (t2) => I.get(t2.id).x - G * Math.cos(Math.PI / 6)).attr("y2", (t2) => I.get(t2.id).y + G * Math.sin(Math.PI / 6)).attr("stroke", g.componentStroke).attr("stroke-width", 1), U.append("line").attr("class", "wardley-market-line").attr("x1", (t2) => I.get(t2.id).x - G * Math.cos(Math.PI / 6)).attr("y1", (t2) => I.get(t2.id).y + G * Math.sin(Math.PI / 6)).attr("x2", (t2) => I.get(t2.id).x + G * Math.cos(Math.PI / 6)).attr("y2", (t2) => I.get(t2.id).y + G * Math.sin(Math.PI / 6)).attr("stroke", g.componentStroke).attr("stroke-width", 1), U.append("line").attr("class", "wardley-market-line").attr("x1", (t2) => I.get(t2.id).x + G * Math.cos(Math.PI / 6)).attr("y1", (t2) => I.get(t2.id).y + G * Math.sin(Math.PI / 6)).attr("x2", (t2) => I.get(t2.id).x).attr("y2", (t2) => I.get(t2.id).y - G).attr("stroke", g.componentStroke).attr("stroke-width", 1), U.append("circle").attr("class", "wardley-market-dot").attr("cx", (t2) => I.get(t2.id).x).attr("cy", (t2) => I.get(t2.id).y - G).attr("r", W).attr("fill", "white").attr("stroke", g.componentStroke).attr("stroke-width", 2), U.append("circle").attr("class", "wardley-market-dot").attr("cx", (t2) => I.get(t2.id).x - G * Math.cos(Math.PI / 6)).attr("cy", (t2) => I.get(t2.id).y + G * Math.sin(Math.PI / 6)).attr("r", W).attr("fill", "white").attr("stroke", g.componentStroke).attr("stroke-width", 2), U.append("circle").attr("class", "wardley-market-dot").attr("cx", (t2) => I.get(t2.id).x + G * Math.cos(Math.PI / 6)).attr("cy", (t2) => I.get(t2.id).y + G * Math.sin(Math.PI / 6)).attr("r", W).attr("fill", "white").attr("stroke", g.componentStroke).attr("stroke-width", 2), H.filter((t2) => t2.isPipelineParent === true).append("rect").attr("x", (t2) => I.get(t2.id).x - _ / 2).attr("y", (t2) => I.get(t2.id).y - _ / 2).attr("width", _).attr("height", _).attr("fill", g.componentFill).attr("stroke", g.componentStroke).attr("stroke-width", 1), H.filter((t2) => t2.inertia === true).append("line").attr("class", "wardley-inertia").attr("x1", (t2) => {
+      let u = I.get(t2.id), d = t2.isPipelineParent ? _ / 2 + 15 : h.nodeRadius + 15;
+      return t2.sourceStrategy && (d += h.nodeRadius + 10), u.x + d;
+    }).attr("y1", (t2) => {
+      let u = I.get(t2.id), d = t2.isPipelineParent ? _ : h.nodeRadius * 2;
+      return u.y - d / 2;
+    }).attr("x2", (t2) => {
+      let u = I.get(t2.id), d = t2.isPipelineParent ? _ / 2 + 15 : h.nodeRadius + 15;
+      return t2.sourceStrategy && (d += h.nodeRadius + 10), u.x + d;
+    }).attr("y2", (t2) => {
+      let u = I.get(t2.id), d = t2.isPipelineParent ? _ : h.nodeRadius * 2;
+      return u.y + d / 2;
+    }).attr("stroke", g.componentStroke).attr("stroke-width", 6), H.append("text").attr("x", (t2) => {
+      let u = I.get(t2.id);
+      if (t2.className === "anchor") return t2.labelOffsetX === void 0 ? u.x : u.x + t2.labelOffsetX;
+      let d = h.nodeLabelOffset;
+      t2.sourceStrategy && t2.labelOffsetX === void 0 && (d += 10);
+      let f2 = t2.labelOffsetX ?? d;
+      return u.x + f2;
+    }).attr("y", (t2) => {
+      let u = I.get(t2.id);
+      if (t2.className === "anchor") return t2.labelOffsetY === void 0 ? u.y - 3 : u.y + t2.labelOffsetY;
+      let d = -h.nodeLabelOffset;
+      t2.sourceStrategy && t2.labelOffsetY === void 0 && (d -= 10);
+      let f2 = t2.labelOffsetY ?? d;
+      return u.y + f2;
+    }).attr("class", "wardley-node-label").attr("fill", (t2) => t2.className === "evolved" ? g.evolutionStroke : t2.className === "anchor" ? "#000" : g.componentLabelColor).attr("font-size", h.labelFontSize).attr("font-weight", (t2) => t2.className === "anchor" ? "bold" : "normal").attr("text-anchor", (t2) => t2.className === "anchor" ? "middle" : "start").attr("dominant-baseline", (t2) => t2.className === "anchor" ? "middle" : "auto").text((t2) => t2.label), b.annotations.length > 0) {
+      let t2 = E.append("g").attr("class", "wardley-annotations");
+      if (b.annotations.forEach((u) => {
+        let d = u.coordinates.map((t3) => ({
+          x: A(t3.x),
+          y: j(t3.y)
+        }));
+        if (d.length > 1) for (let u2 = 0; u2 < d.length - 1; u2++) t2.append("line").attr("class", "wardley-annotation-line").attr("x1", d[u2].x).attr("y1", d[u2].y).attr("x2", d[u2 + 1].x).attr("y2", d[u2 + 1].y).attr("stroke", g.axisColor).attr("stroke-width", 1.5).attr("stroke-dasharray", "4 4");
+        d.forEach((d2) => {
+          let f2 = t2.append("g").attr("class", "wardley-annotation");
+          f2.append("circle").attr("cx", d2.x).attr("cy", d2.y).attr("r", 10).attr("fill", "white").attr("stroke", g.axisColor).attr("stroke-width", 1.5), f2.append("text").attr("x", d2.x).attr("y", d2.y).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", 10).attr("fill", g.axisTextColor).attr("font-weight", "bold").text(u.number);
+        });
+      }), b.annotationsBox) {
+        let u = A(b.annotationsBox.x), d = j(b.annotationsBox.y), f2 = t2.append("g").attr("class", "wardley-annotations-box"), p2 = [...b.annotations].filter((t3) => t3.text).sort((t3, u2) => t3.number - u2.number), m2 = [];
+        if (p2.forEach((t3, p3) => {
+          let h2 = f2.append("text").attr("x", u + 10).attr("y", d + 10 + (p3 + 1) * 16).attr("font-size", 11).attr("fill", g.axisTextColor).attr("text-anchor", "start").attr("dominant-baseline", "middle").text(`${t3.number}. ${t3.text}`);
+          m2.push(h2);
+        }), m2.length > 0) {
+          let t3 = 0, _2 = 0;
+          m2.forEach((u2) => {
+            let d2 = u2.node(), f3 = d2.getComputedTextLength();
+            t3 = Math.max(t3, f3);
+            let p3 = d2.getBBox();
+            _2 = Math.max(_2, p3.height);
+          });
+          let v = t3 + 20 + 105, y2 = p2.length * 16 + 20 + _2 / 2, b2 = h.padding, x2 = S - h.padding - v, C = h.padding, T2 = w - h.padding - y2;
+          u = Math.max(b2, Math.min(u, x2)), d = Math.max(C, Math.min(d, T2)), m2.forEach((t4, f3) => {
+            t4.attr("x", u + 10).attr("y", d + 10 + (f3 + 1) * 16);
+          }), f2.insert("rect", "text").attr("x", u).attr("y", d).attr("width", v).attr("height", y2).attr("fill", "white").attr("stroke", g.axisColor).attr("stroke-width", 1.5).attr("rx", 4).attr("ry", 4);
+        }
+      }
+    }
+    if (b.notes.length > 0) {
+      let t2 = E.append("g").attr("class", "wardley-notes");
+      b.notes.forEach((u) => {
+        let d = A(u.x), f2 = j(u.y);
+        t2.append("text").attr("x", d).attr("y", f2).attr("text-anchor", "start").attr("font-size", 11).attr("fill", g.axisTextColor).attr("font-weight", "bold").text(u.text);
+      });
+    }
+    if (b.accelerators.length > 0) {
+      let t2 = E.append("g").attr("class", "wardley-accelerators");
+      b.accelerators.forEach((u) => {
+        let d = A(u.x), f2 = j(u.y), p2 = `
+        M ${d} ${f2 - 30 / 2}
+        L ${d + 60 - 20} ${f2 - 30 / 2}
+        L ${d + 60 - 20} ${f2 - 30 / 2 - 8}
+        L ${d + 60} ${f2}
+        L ${d + 60 - 20} ${f2 + 30 / 2 + 8}
+        L ${d + 60 - 20} ${f2 + 30 / 2}
+        L ${d} ${f2 + 30 / 2}
+        Z
+      `;
+        t2.append("path").attr("d", p2).attr("fill", "white").attr("stroke", g.componentStroke).attr("stroke-width", 1), t2.append("text").attr("x", d + 60 / 2).attr("y", f2 + 30 / 2 + 15).attr("text-anchor", "middle").attr("font-size", 10).attr("fill", g.axisTextColor).attr("font-weight", "bold").text(u.name);
+      });
+    }
+    if (b.deaccelerators.length > 0) {
+      let t2 = E.append("g").attr("class", "wardley-deaccelerators");
+      b.deaccelerators.forEach((u) => {
+        let d = A(u.x), f2 = j(u.y), p2 = `
+        M ${d + 60} ${f2 - 30 / 2}
+        L ${d + 20} ${f2 - 30 / 2}
+        L ${d + 20} ${f2 - 30 / 2 - 8}
+        L ${d} ${f2}
+        L ${d + 20} ${f2 + 30 / 2 + 8}
+        L ${d + 20} ${f2 + 30 / 2}
+        L ${d + 60} ${f2 + 30 / 2}
+        Z
+      `;
+        t2.append("path").attr("d", p2).attr("fill", "white").attr("stroke", g.componentStroke).attr("stroke-width", 1), t2.append("text").attr("x", d + 60 / 2).attr("y", f2 + 30 / 2 + 15).attr("text-anchor", "middle").attr("font-size", 10).attr("fill", g.axisTextColor).attr("font-weight", "bold").text(u.name);
+      });
+    }
+  }, "draw") },
+  styles: /* @__PURE__ */ __name(({ wardley: u } = {}) => {
+    let d = cleanAndMerge(cleanAndMerge(getThemeVariables3(), getConfig().themeVariables).wardley, u);
+    return `
+  .wardley-background {
+    fill: ${d.backgroundColor};
+  }
+  .wardley-axes line, .wardley-axes path {
+    stroke: ${d.axisColor};
+  }
+  .wardley-axis-label {
+    fill: ${d.axisTextColor};
+  }
+  .wardley-stage-label {
+    fill: ${d.axisTextColor};
+  }
+  .wardley-grid line {
+    stroke: ${d.gridColor};
+  }
+  .wardley-node circle {
+    fill: ${d.componentFill};
+    stroke: ${d.componentStroke};
+  }
+  .wardley-node-label {
+    fill: ${d.componentLabelColor};
+  }
+  .wardley-link {
+    stroke: ${d.linkStroke};
+  }
+  .wardley-link--dashed {
+    stroke-dasharray: 4 4;
+  }
+  .wardley-link-label {
+    fill: ${d.axisTextColor};
+  }
+  .wardley-trend line {
+    stroke: ${d.evolutionStroke};
+  }
+  .wardley-annotation-line {
+    stroke: ${d.annotationStroke};
+  }
+  .wardley-annotation circle {
+    fill: ${d.annotationFill};
+    stroke: ${d.annotationStroke};
+  }
+  .wardley-annotation text {
+    fill: ${d.annotationTextColor};
+  }
+  .wardley-annotations-box rect {
+    fill: ${d.annotationFill};
+    stroke: ${d.annotationStroke};
+  }
+  .wardley-annotations-box text {
+    fill: ${d.annotationTextColor};
+  }
+  .wardley-pipeline-box {
+    stroke: ${d.componentStroke};
+  }
+  .wardley-notes text {
+    fill: ${d.axisTextColor};
+  }
+  `;
+  }, "styles")
+};
+export {
+  diagram
+};