@belonguniverseai/react-sdk 0.1.0

package/dist/component/wardleyDiagram-YWT4CUSO-Uu5KXQum.js

@@ -0,0 +1,681 @@
+import { s as St, g as Mt, t as Nt, q as Tt, a as zt, b as Lt, _ as u, a4 as At, G as Xt, I as U, l as K, N as Et, e as Yt, B as It, c as j } from "./mermaid-GHXKKRXX-C5Y3BZXR.js";
+import { p as Bt } from "./chunk-4BX2VUAB-gRTK7Di9.js";
+import { p as Ft } from "./wardley-L42UT6IY-HA1eSIS_.js";
+globalThis.process = globalThis.process || { env: {} };
+globalThis.global = globalThis.global || globalThis;
+var D = /* @__PURE__ */ u((e, n) => {
+  const r = e <= 1 ? e * 100 : e;
+  if (r < 0 || r > 100)
+    throw new Error(
+      `${n} must be between 0-1 (decimal) or 0-100 (percentage). Received: ${e}`
+    );
+  return r;
+}, "toPercent"), A = /* @__PURE__ */ u((e, n, r) => ({
+  x: D(n, `${r} evolution`),
+  y: D(e, `${r} visibility`)
+}), "toCoordinates"), J = /* @__PURE__ */ u((e) => {
+  if (e) {
+    if (e === "+<>")
+      return "bidirectional";
+    if (e === "+<")
+      return "backward";
+    if (e === "+>")
+      return "forward";
+  }
+}, "getFlowFromPort"), Rt = /* @__PURE__ */ u((e) => {
+  if (!e?.startsWith("+"))
+    return {};
+  const r = /^\+'([^']*)'/.exec(e)?.[1];
+  return e.includes("<>") ? { flow: "bidirectional", label: r } : e.includes("<") ? { flow: "backward", label: r } : e.includes(">") ? { flow: "forward", label: r } : { label: r };
+}, "extractFlowFromArrow"), Ot = /* @__PURE__ */ u((e, n) => {
+  if (Bt(e, n), e.size && n.setSize(e.size.width, e.size.height), e.evolution) {
+    const r = e.evolution.stages.map((a) => a.secondName ? `${a.name.trim()} / ${a.secondName.trim()}` : a.name.trim()), x = e.evolution.stages.filter((a) => a.boundary !== void 0).map((a) => a.boundary);
+    n.updateAxes({ stages: r, stageBoundaries: x });
+  }
+  if (e.anchors.forEach((r) => {
+    const x = A(r.visibility, r.evolution, `Anchor "${r.name}"`);
+    n.addNode(r.name, r.name, x.x, x.y, "anchor");
+  }), e.components.forEach((r) => {
+    const x = A(
+      r.visibility,
+      r.evolution,
+      `Component "${r.name}"`
+    ), a = r.label ? (r.label.negX ? -1 : 1) * r.label.offsetX : void 0, l = r.label ? (r.label.negY ? -1 : 1) * r.label.offsetY : void 0, w = r.decorator?.strategy;
+    n.addNode(
+      r.name,
+      r.name,
+      x.x,
+      x.y,
+      "component",
+      a,
+      l,
+      r.inertia,
+      w
+    );
+  }), e.notes.forEach((r) => {
+    const x = A(r.visibility, r.evolution, `Note "${r.text}"`);
+    n.addNote(r.text, x.x, x.y);
+  }), e.pipelines.forEach((r) => {
+    const x = n.getNode(r.parent);
+    if (!x || typeof x.y != "number")
+      throw new Error(
+        `Pipeline "${r.parent}" must reference an existing component with coordinates.`
+      );
+    const a = x.y;
+    n.startPipeline(r.parent), r.components.forEach((l) => {
+      const w = `${r.parent}_${l.name}`, C = l.label ? (l.label.negX ? -1 : 1) * l.label.offsetX : void 0, g = l.label ? (l.label.negY ? -1 : 1) * l.label.offsetY : void 0, F = D(l.evolution, `Pipeline component "${l.name}" evolution`);
+      n.addNode(
+        w,
+        l.name,
+        F,
+        a,
+        "pipeline-component",
+        C,
+        g
+      ), n.addPipelineComponent(r.parent, w);
+    });
+  }), e.links.forEach((r) => {
+    const x = !!r.arrow && (r.arrow.includes("-.->") || r.arrow.includes(".-."));
+    let a = J(r.fromPort) ?? J(r.toPort);
+    const { flow: l, label: w } = Rt(r.arrow);
+    !a && l && (a = l);
+    const C = r.linkLabel, g = w ?? C;
+    n.addLink(n.resolveNodeId(r.from), n.resolveNodeId(r.to), x, g, a);
+  }), e.evolves.forEach((r) => {
+    const x = n.getNode(r.component);
+    if (x?.y !== void 0) {
+      const a = D(r.target, `Evolve target for "${r.component}"`);
+      n.addTrend(r.component, a, x.y);
+    }
+  }), e.annotations.length > 0) {
+    const r = e.annotations[0], x = A(r.x, r.y, "Annotations box");
+    n.setAnnotationsBox(x.x, x.y);
+  }
+  e.annotation.forEach((r) => {
+    const x = A(r.x, r.y, `Annotation ${r.number}`);
+    n.addAnnotation(r.number, [{ x: x.x, y: x.y }], r.text);
+  }), e.accelerators.forEach((r) => {
+    const x = A(r.x, r.y, `Accelerator "${r.name}"`);
+    n.addAccelerator(r.name, x.x, x.y);
+  }), e.deaccelerators.forEach((r) => {
+    const x = A(
+      r.x,
+      r.y,
+      `Deaccelerator "${r.name}"`
+    );
+    n.addDeaccelerator(r.name, x.x, x.y);
+  });
+}, "populateDb"), Q = {
+  parser: {
+    // @ts-expect-error - WardleyDB is not assignable to DiagramDB
+    yy: void 0
+  },
+  parse: /* @__PURE__ */ u(async (e) => {
+    const n = await Ft("wardley", e);
+    K.debug(n);
+    const r = Q.parser?.yy;
+    if (!r || typeof r.addNode != "function")
+      throw new 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."
+      );
+    Ot(n, r);
+  }, "parse")
+}, Wt = 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 = {};
+  }
+  static {
+    u(this, "WardleyBuilder");
+  }
+  addNode(e) {
+    const n = this.nodes.get(e.id) ?? { id: e.id, label: e.label }, r = {
+      ...n,
+      ...e,
+      className: e.className ?? n.className,
+      labelOffsetX: e.labelOffsetX ?? n.labelOffsetX,
+      labelOffsetY: e.labelOffsetY ?? n.labelOffsetY
+    };
+    this.nodes.set(e.id, r);
+  }
+  addLink(e) {
+    this.links.push(e);
+  }
+  addTrend(e) {
+    this.trends.set(e.nodeId, e);
+  }
+  startPipeline(e) {
+    this.pipelines.set(e, { nodeId: e, componentIds: [] });
+    const n = this.nodes.get(e);
+    n && (n.isPipelineParent = !0);
+  }
+  addPipelineComponent(e, n) {
+    const r = this.pipelines.get(e);
+    r && r.componentIds.push(n);
+    const x = this.nodes.get(n);
+    x && (x.inPipeline = !0);
+  }
+  addAnnotation(e) {
+    this.annotations.push(e);
+  }
+  addNote(e) {
+    this.notes.push(e);
+  }
+  addAccelerator(e) {
+    this.accelerators.push(e);
+  }
+  addDeaccelerator(e) {
+    this.deaccelerators.push(e);
+  }
+  setAnnotationsBox(e, n) {
+    this.annotationsBox = { x: e, y: n };
+  }
+  setAxes(e) {
+    this.axes = {
+      ...this.axes,
+      ...e
+    };
+  }
+  setSize(e, n) {
+    this.size = { width: e, height: n };
+  }
+  getNode(e) {
+    return this.nodes.get(e);
+  }
+  /**
+   * Resolve a name to a node ID. Tries exact ID match first,
+   * then falls back to finding a node whose label matches the name
+   * (handles pipeline components which have synthetic IDs like "Parent_Child").
+   */
+  resolveNodeId(e) {
+    if (this.nodes.has(e))
+      return e;
+    for (const [n, r] of this.nodes)
+      if (r.label === e)
+        return n;
+    return e;
+  }
+  build() {
+    const e = [];
+    for (const n of this.nodes.values()) {
+      if (typeof n.x != "number" || typeof n.y != "number")
+        throw new Error(`Node "${n.label}" is missing coordinates`);
+      e.push(n);
+    }
+    return {
+      nodes: e,
+      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;
+  }
+}, b = new Wt();
+function tt() {
+  return j()["wardley-beta"];
+}
+u(tt, "getConfig");
+function et(e, n, r, x, a, l, w, C, g) {
+  b.addNode({
+    id: e,
+    label: n,
+    x: r,
+    y: x,
+    className: a,
+    labelOffsetX: l,
+    labelOffsetY: w,
+    inertia: C,
+    sourceStrategy: g
+  });
+}
+u(et, "addNode");
+function at(e, n, r = !1, x, a) {
+  b.addLink({
+    source: e,
+    target: n,
+    dashed: r,
+    label: x,
+    flow: a
+  });
+}
+u(at, "addLink");
+function rt(e, n, r) {
+  b.addTrend({ nodeId: e, targetX: n, targetY: r });
+}
+u(rt, "addTrend");
+function ot(e, n, r) {
+  b.addAnnotation({
+    number: e,
+    coordinates: n,
+    text: r
+  });
+}
+u(ot, "addAnnotation");
+function nt(e, n, r) {
+  b.addNote({
+    text: e,
+    x: n,
+    y: r
+  });
+}
+u(nt, "addNote");
+function st(e, n, r) {
+  b.addAccelerator({
+    name: e,
+    x: n,
+    y: r
+  });
+}
+u(st, "addAccelerator");
+function it(e, n, r) {
+  b.addDeaccelerator({
+    name: e,
+    x: n,
+    y: r
+  });
+}
+u(it, "addDeaccelerator");
+function lt(e, n) {
+  b.setAnnotationsBox(e, n);
+}
+u(lt, "setAnnotationsBox");
+function dt(e, n) {
+  b.setSize(e, n);
+}
+u(dt, "setSize");
+function ct(e) {
+  b.startPipeline(e);
+}
+u(ct, "startPipeline");
+function pt(e, n) {
+  b.addPipelineComponent(e, n);
+}
+u(pt, "addPipelineComponent");
+function ht(e) {
+  b.setAxes(e);
+}
+u(ht, "updateAxes");
+function ft(e) {
+  return b.getNode(e);
+}
+u(ft, "getNode");
+function xt(e) {
+  return b.resolveNodeId(e);
+}
+u(xt, "resolveNodeId");
+function gt() {
+  return b.build();
+}
+u(gt, "getWardleyData");
+function yt() {
+  b.clear(), It();
+}
+u(yt, "clear");
+var Dt = {
+  getConfig: tt,
+  addNode: et,
+  addLink: at,
+  addTrend: rt,
+  addAnnotation: ot,
+  addNote: nt,
+  addAccelerator: st,
+  addDeaccelerator: it,
+  setAnnotationsBox: lt,
+  setSize: dt,
+  startPipeline: ct,
+  addPipelineComponent: pt,
+  updateAxes: ht,
+  getNode: ft,
+  resolveNodeId: xt,
+  getWardleyData: gt,
+  clear: yt,
+  setAccTitle: Lt,
+  getAccTitle: zt,
+  setDiagramTitle: Tt,
+  getDiagramTitle: Nt,
+  getAccDescription: Mt,
+  setAccDescription: St
+}, Gt = ["Genesis", "Custom Built", "Product", "Commodity"], qt = /* @__PURE__ */ u(() => {
+  const { themeVariables: e } = j();
+  return {
+    backgroundColor: e.wardley?.backgroundColor ?? e.background ?? "#fff",
+    axisColor: e.wardley?.axisColor ?? "#000",
+    axisTextColor: e.wardley?.axisTextColor ?? e.primaryTextColor ?? "#222",
+    gridColor: e.wardley?.gridColor ?? "rgba(100, 100, 100, 0.2)",
+    componentFill: e.wardley?.componentFill ?? "#fff",
+    componentStroke: e.wardley?.componentStroke ?? "#000",
+    componentLabelColor: e.wardley?.componentLabelColor ?? e.primaryTextColor ?? "#222",
+    linkStroke: e.wardley?.linkStroke ?? "#000",
+    evolutionStroke: e.wardley?.evolutionStroke ?? "#dc3545",
+    annotationStroke: e.wardley?.annotationStroke ?? "#000",
+    annotationTextColor: e.wardley?.annotationTextColor ?? e.primaryTextColor ?? "#222",
+    annotationFill: e.wardley?.annotationFill ?? e.background ?? "#fff"
+  };
+}, "getTheme"), Ht = /* @__PURE__ */ u(() => {
+  const e = j()["wardley-beta"];
+  return {
+    width: e?.width ?? 900,
+    height: e?.height ?? 600,
+    padding: e?.padding ?? 48,
+    nodeRadius: e?.nodeRadius ?? 6,
+    nodeLabelOffset: e?.nodeLabelOffset ?? 8,
+    axisFontSize: e?.axisFontSize ?? 12,
+    labelFontSize: e?.labelFontSize ?? 10,
+    showGrid: e?.showGrid ?? !1,
+    useMaxWidth: e?.useMaxWidth ?? !0
+  };
+}, "getConfigValues"), jt = /* @__PURE__ */ u((e, n, r, x) => {
+  K.debug(`Rendering Wardley map
+` + e);
+  const a = Ht(), l = qt(), w = a.nodeRadius * 1.6, C = x.db, g = C.getWardleyData(), F = C.getDiagramTitle(), S = g.size?.width ?? a.width, k = g.size?.height ?? a.height, E = Et(n);
+  E.selectAll("*").remove(), Yt(E, k, S, a.useMaxWidth), E.attr("viewBox", `0 0 ${S} ${k}`);
+  const v = E.append("g").attr("class", "wardley-map"), G = E.append("defs");
+  G.append("marker").attr("id", `arrow-${n}`).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", l.evolutionStroke).attr("stroke", "none"), G.append("marker").attr("id", `link-arrow-end-${n}`).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", l.linkStroke).attr("stroke", "none"), G.append("marker").attr("id", `link-arrow-start-${n}`).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", l.linkStroke).attr("stroke", "none"), v.append("rect").attr("class", "wardley-background").attr("width", S).attr("height", k).attr("fill", l.backgroundColor);
+  const Y = S - a.padding * 2, I = k - a.padding * 2;
+  F && v.append("text").attr("class", "wardley-title").attr("x", S / 2).attr("y", a.padding / 2).attr("fill", l.axisTextColor).attr("font-size", a.axisFontSize * 1.05).attr("font-weight", "bold").attr("text-anchor", "middle").attr("dominant-baseline", "middle").text(F);
+  const T = /* @__PURE__ */ u((t) => a.padding + t / 100 * Y, "projectX"), z = /* @__PURE__ */ u((t) => k - a.padding - t / 100 * I, "projectY"), R = v.append("g").attr("class", "wardley-axes");
+  R.append("line").attr("x1", a.padding).attr("x2", S - a.padding).attr("y1", k - a.padding).attr("y2", k - a.padding).attr("stroke", l.axisColor).attr("stroke-width", 1), R.append("line").attr("x1", a.padding).attr("x2", a.padding).attr("y1", a.padding).attr("y2", k - a.padding).attr("stroke", l.axisColor).attr("stroke-width", 1);
+  const ut = g.axes.xLabel ?? "Evolution", wt = g.axes.yLabel ?? "Visibility";
+  R.append("text").attr("class", "wardley-axis-label wardley-axis-label-x").attr("x", a.padding + Y / 2).attr("y", k - a.padding / 4).attr("fill", l.axisTextColor).attr("font-size", a.axisFontSize).attr("font-weight", "bold").attr("text-anchor", "middle").text(ut), R.append("text").attr("class", "wardley-axis-label wardley-axis-label-y").attr("x", a.padding / 3).attr("y", a.padding + I / 2).attr("fill", l.axisTextColor).attr("font-size", a.axisFontSize).attr("font-weight", "bold").attr("text-anchor", "middle").attr(
+    "transform",
+    `rotate(-90 ${a.padding / 3} ${a.padding + I / 2})`
+  ).text(wt);
+  const B = g.axes.stages && g.axes.stages.length > 0 ? g.axes.stages : Gt;
+  if (B.length > 0) {
+    const t = v.append("g").attr("class", "wardley-stages"), s = g.axes.stageBoundaries, o = [];
+    if (s && s.length === B.length) {
+      let i = 0;
+      s.forEach((p) => {
+        o.push({ start: i, end: p }), i = p;
+      });
+    } else {
+      const i = 1 / B.length;
+      B.forEach((p, d) => {
+        o.push({
+          start: d * i,
+          end: (d + 1) * i
+        });
+      });
+    }
+    B.forEach((i, p) => {
+      const d = o[p], h = a.padding + d.start * Y, f = a.padding + d.end * Y, y = (h + f) / 2;
+      p > 0 && t.append("line").attr("x1", h).attr("x2", h).attr("y1", a.padding).attr("y2", k - a.padding).attr("stroke", "#000").attr("stroke-width", 1).attr("stroke-dasharray", "5 5").attr("opacity", 0.8), t.append("text").attr("class", "wardley-stage-label").attr("x", y).attr("y", k - a.padding / 1.5).attr("fill", l.axisTextColor).attr("font-size", a.axisFontSize - 2).attr("text-anchor", "middle").text(i);
+    });
+  }
+  if (a.showGrid) {
+    const t = v.append("g").attr("class", "wardley-grid");
+    for (let s = 1; s < 4; s++) {
+      const o = s / 4, i = a.padding + Y * o;
+      t.append("line").attr("x1", i).attr("x2", i).attr("y1", a.padding).attr("y2", k - a.padding).attr("stroke", l.gridColor).attr("stroke-dasharray", "2 6"), t.append("line").attr("x1", a.padding).attr("x2", S - a.padding).attr("y1", k - a.padding - I * o).attr("y2", k - a.padding - I * o).attr("stroke", l.gridColor).attr("stroke-dasharray", "2 6");
+    }
+  }
+  const c = /* @__PURE__ */ new Map();
+  if (g.nodes.forEach((t) => {
+    c.set(t.id, {
+      x: T(t.x),
+      y: z(t.y),
+      node: t
+    });
+  }), g.pipelines.length > 0) {
+    const t = v.append("g").attr("class", "wardley-pipelines"), s = v.append("g").attr("class", "wardley-pipeline-links");
+    g.pipelines.forEach((o) => {
+      if (o.componentIds.length === 0)
+        return;
+      const i = o.componentIds.map((f) => ({ id: f, pos: c.get(f), node: g.nodes.find((y) => y.id === f) })).filter((f) => f.pos && f.node).sort((f, y) => f.node.x - y.node.x);
+      for (let f = 0; f < i.length - 1; f++) {
+        const y = i[f], m = i[f + 1];
+        s.append("line").attr("class", "wardley-pipeline-evolution-link").attr("x1", y.pos.x).attr("y1", y.pos.y).attr("x2", m.pos.x).attr("y2", m.pos.y).attr("stroke", l.linkStroke).attr("stroke-width", 1).attr("stroke-dasharray", "4 4");
+      }
+      let p = 1 / 0, d = -1 / 0, h = 0;
+      if (o.componentIds.forEach((f) => {
+        const y = c.get(f);
+        y && (p = Math.min(p, y.x), d = Math.max(d, y.x), h = y.y);
+      }), p !== 1 / 0 && d !== -1 / 0) {
+        const y = a.nodeRadius * 4, m = h - y / 2, P = c.get(o.nodeId);
+        if (P) {
+          const N = (p + d) / 2;
+          P.x = N, P.y = m - w / 6;
+        }
+        t.append("rect").attr("class", "wardley-pipeline-box").attr("x", p - 15).attr("y", m).attr("width", d - p + 30).attr("height", y).attr("fill", "none").attr("stroke", l.axisColor).attr("stroke-width", 1.5).attr("rx", 4).attr("ry", 4);
+      }
+    });
+  }
+  const V = v.append("g").attr("class", "wardley-links"), _ = /* @__PURE__ */ new Map();
+  g.pipelines.forEach((t) => {
+    _.set(t.nodeId, new Set(t.componentIds));
+  });
+  const Z = g.links.filter((t) => !(!c.has(t.source) || !c.has(t.target) || _.get(t.target)?.has(t.source)));
+  V.selectAll("line").data(Z).enter().append("line").attr("class", (t) => `wardley-link${t.dashed ? " wardley-link--dashed" : ""}`).attr("x1", (t) => {
+    const s = c.get(t.source), o = c.get(t.target), p = g.nodes.find((y) => y.id === t.source).isPipelineParent ? w / Math.sqrt(2) : a.nodeRadius, d = o.x - s.x, h = o.y - s.y, f = Math.sqrt(d * d + h * h);
+    return s.x + d / f * p;
+  }).attr("y1", (t) => {
+    const s = c.get(t.source), o = c.get(t.target), p = g.nodes.find((y) => y.id === t.source).isPipelineParent ? w / Math.sqrt(2) : a.nodeRadius, d = o.x - s.x, h = o.y - s.y, f = Math.sqrt(d * d + h * h);
+    return s.y + h / f * p;
+  }).attr("x2", (t) => {
+    const s = c.get(t.source), o = c.get(t.target), p = g.nodes.find((y) => y.id === t.target).isPipelineParent ? w / Math.sqrt(2) : a.nodeRadius, d = s.x - o.x, h = s.y - o.y, f = Math.sqrt(d * d + h * h);
+    return o.x + d / f * p;
+  }).attr("y2", (t) => {
+    const s = c.get(t.source), o = c.get(t.target), p = g.nodes.find((y) => y.id === t.target).isPipelineParent ? w / Math.sqrt(2) : a.nodeRadius, d = s.x - o.x, h = s.y - o.y, f = Math.sqrt(d * d + h * h);
+    return o.y + h / f * p;
+  }).attr("stroke", l.linkStroke).attr("stroke-width", 1).attr("stroke-dasharray", (t) => t.dashed ? "6 6" : null).attr("marker-end", (t) => t.flow === "forward" || t.flow === "bidirectional" ? `url(#link-arrow-end-${n})` : null).attr("marker-start", (t) => t.flow === "backward" || t.flow === "bidirectional" ? `url(#link-arrow-start-${n})` : null), V.selectAll("text").data(Z.filter((t) => t.label)).enter().append("text").attr("class", "wardley-link-label").attr("x", (t) => {
+    const s = c.get(t.source), o = c.get(t.target), i = (s.x + o.x) / 2, p = o.y - s.y, d = o.x - s.x, h = Math.sqrt(d * d + p * p), f = 8, y = p / h;
+    return i + y * f;
+  }).attr("y", (t) => {
+    const s = c.get(t.source), o = c.get(t.target), i = (s.y + o.y) / 2, p = o.x - s.x, d = o.y - s.y, h = Math.sqrt(p * p + d * d), f = 8, y = -p / h;
+    return i + y * f;
+  }).attr("fill", l.axisTextColor).attr("font-size", a.labelFontSize).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("transform", (t) => {
+    const s = c.get(t.source), o = c.get(t.target), i = (s.x + o.x) / 2, p = (s.y + o.y) / 2, d = o.x - s.x, h = o.y - s.y, f = Math.sqrt(d * d + h * h), y = 8, m = h / f, P = -d / f, N = i + m * y, O = p + P * y;
+    let X = Math.atan2(h, d) * 180 / Math.PI;
+    return (X > 90 || X < -90) && (X += 180), `rotate(${X} ${N} ${O})`;
+  }).text((t) => t.label);
+  const mt = v.append("g").attr("class", "wardley-trends"), bt = g.trends.map((t) => {
+    const s = c.get(t.nodeId);
+    if (!s)
+      return null;
+    const o = T(t.targetX), i = z(t.targetY), p = o - s.x, d = i - s.y, h = Math.sqrt(p * p + d * d), f = a.nodeRadius + 2, y = h > f ? o - p / h * f : o, m = h > f ? i - d / h * f : i;
+    return {
+      origin: s,
+      targetX: o,
+      targetY: i,
+      adjustedX2: y,
+      adjustedY2: m
+    };
+  }).filter((t) => t !== null);
+  mt.selectAll("line").data(bt).enter().append("line").attr("class", "wardley-trend").attr("x1", (t) => t.origin.x).attr("y1", (t) => t.origin.y).attr("x2", (t) => t.adjustedX2).attr("y2", (t) => t.adjustedY2).attr("stroke", l.evolutionStroke).attr("stroke-width", 1).attr("stroke-dasharray", "4 4").attr("marker-end", `url(#arrow-${n})`);
+  const M = v.append("g").attr("class", "wardley-nodes").selectAll("g").data(g.nodes).enter().append("g").attr(
+    "class",
+    (t) => ["wardley-node", t.className ? `wardley-node--${t.className}` : ""].filter(Boolean).join(" ")
+  );
+  M.filter((t) => t.sourceStrategy === "outsource").append("circle").attr("class", "wardley-outsource-overlay").attr("cx", (t) => c.get(t.id).x).attr("cy", (t) => c.get(t.id).y).attr("r", a.nodeRadius * 2).attr("fill", "#666").attr("stroke", l.componentStroke).attr("stroke-width", 1), M.filter((t) => t.sourceStrategy === "buy").append("circle").attr("class", "wardley-buy-overlay").attr("cx", (t) => c.get(t.id).x).attr("cy", (t) => c.get(t.id).y).attr("r", a.nodeRadius * 2).attr("fill", "#ccc").attr("stroke", l.componentStroke).attr("stroke-width", 1), M.filter((t) => t.sourceStrategy === "build").append("circle").attr("class", "wardley-build-overlay").attr("cx", (t) => c.get(t.id).x).attr("cy", (t) => c.get(t.id).y).attr("r", a.nodeRadius * 2).attr("fill", "#eee").attr("stroke", "#000").attr("stroke-width", 1);
+  const L = M.filter((t) => t.sourceStrategy === "market");
+  L.append("circle").attr("class", "wardley-market-overlay").attr("cx", (t) => c.get(t.id).x).attr("cy", (t) => c.get(t.id).y).attr("r", a.nodeRadius * 2).attr("fill", "white").attr("stroke", l.componentStroke).attr("stroke-width", 1), M.filter(
+    (t) => !t.isPipelineParent && t.sourceStrategy !== "market" && t.className !== "anchor"
+  ).append("circle").attr("cx", (t) => c.get(t.id).x).attr("cy", (t) => c.get(t.id).y).attr("r", a.nodeRadius).attr("fill", l.componentFill).attr("stroke", l.componentStroke).attr("stroke-width", 1);
+  const q = a.nodeRadius * 0.7, $ = a.nodeRadius * 1.2;
+  if (L.append("line").attr("class", "wardley-market-line").attr("x1", (t) => c.get(t.id).x).attr("y1", (t) => c.get(t.id).y - $).attr("x2", (t) => c.get(t.id).x - $ * Math.cos(Math.PI / 6)).attr("y2", (t) => c.get(t.id).y + $ * Math.sin(Math.PI / 6)).attr("stroke", l.componentStroke).attr("stroke-width", 1), L.append("line").attr("class", "wardley-market-line").attr("x1", (t) => c.get(t.id).x - $ * Math.cos(Math.PI / 6)).attr("y1", (t) => c.get(t.id).y + $ * Math.sin(Math.PI / 6)).attr("x2", (t) => c.get(t.id).x + $ * Math.cos(Math.PI / 6)).attr("y2", (t) => c.get(t.id).y + $ * Math.sin(Math.PI / 6)).attr("stroke", l.componentStroke).attr("stroke-width", 1), L.append("line").attr("class", "wardley-market-line").attr("x1", (t) => c.get(t.id).x + $ * Math.cos(Math.PI / 6)).attr("y1", (t) => c.get(t.id).y + $ * Math.sin(Math.PI / 6)).attr("x2", (t) => c.get(t.id).x).attr("y2", (t) => c.get(t.id).y - $).attr("stroke", l.componentStroke).attr("stroke-width", 1), L.append("circle").attr("class", "wardley-market-dot").attr("cx", (t) => c.get(t.id).x).attr("cy", (t) => c.get(t.id).y - $).attr("r", q).attr("fill", "white").attr("stroke", l.componentStroke).attr("stroke-width", 2), L.append("circle").attr("class", "wardley-market-dot").attr("cx", (t) => c.get(t.id).x - $ * Math.cos(Math.PI / 6)).attr("cy", (t) => c.get(t.id).y + $ * Math.sin(Math.PI / 6)).attr("r", q).attr("fill", "white").attr("stroke", l.componentStroke).attr("stroke-width", 2), L.append("circle").attr("class", "wardley-market-dot").attr("cx", (t) => c.get(t.id).x + $ * Math.cos(Math.PI / 6)).attr("cy", (t) => c.get(t.id).y + $ * Math.sin(Math.PI / 6)).attr("r", q).attr("fill", "white").attr("stroke", l.componentStroke).attr("stroke-width", 2), M.filter((t) => t.isPipelineParent === !0).append("rect").attr("x", (t) => c.get(t.id).x - w / 2).attr("y", (t) => c.get(t.id).y - w / 2).attr("width", w).attr("height", w).attr("fill", l.componentFill).attr("stroke", l.componentStroke).attr("stroke-width", 1), M.filter((t) => t.inertia === !0).append("line").attr("class", "wardley-inertia").attr("x1", (t) => {
+    const s = c.get(t.id);
+    let o = t.isPipelineParent ? w / 2 + 15 : a.nodeRadius + 15;
+    return t.sourceStrategy && (o += a.nodeRadius + 10), s.x + o;
+  }).attr("y1", (t) => {
+    const s = c.get(t.id), o = t.isPipelineParent ? w : a.nodeRadius * 2;
+    return s.y - o / 2;
+  }).attr("x2", (t) => {
+    const s = c.get(t.id);
+    let o = t.isPipelineParent ? w / 2 + 15 : a.nodeRadius + 15;
+    return t.sourceStrategy && (o += a.nodeRadius + 10), s.x + o;
+  }).attr("y2", (t) => {
+    const s = c.get(t.id), o = t.isPipelineParent ? w : a.nodeRadius * 2;
+    return s.y + o / 2;
+  }).attr("stroke", l.componentStroke).attr("stroke-width", 6), M.append("text").attr("x", (t) => {
+    const s = c.get(t.id);
+    if (t.className === "anchor")
+      return t.labelOffsetX !== void 0 ? s.x + t.labelOffsetX : s.x;
+    let o = a.nodeLabelOffset;
+    t.sourceStrategy && t.labelOffsetX === void 0 && (o += 10);
+    const i = t.labelOffsetX ?? o;
+    return s.x + i;
+  }).attr("y", (t) => {
+    const s = c.get(t.id);
+    if (t.className === "anchor")
+      return t.labelOffsetY !== void 0 ? s.y + t.labelOffsetY : s.y - 3;
+    let o = -a.nodeLabelOffset;
+    t.sourceStrategy && t.labelOffsetY === void 0 && (o -= 10);
+    const i = t.labelOffsetY ?? o;
+    return s.y + i;
+  }).attr("class", "wardley-node-label").attr("fill", (t) => t.className === "evolved" ? l.evolutionStroke : t.className === "anchor" ? "#000" : l.componentLabelColor).attr("font-size", a.labelFontSize).attr("font-weight", (t) => t.className === "anchor" ? "bold" : "normal").attr("text-anchor", (t) => t.className === "anchor" ? "middle" : "start").attr("dominant-baseline", (t) => t.className === "anchor" ? "middle" : "auto").text((t) => t.label), g.annotations.length > 0) {
+    const t = v.append("g").attr("class", "wardley-annotations");
+    if (g.annotations.forEach((s) => {
+      const o = s.coordinates.map((i) => ({
+        x: T(i.x),
+        y: z(i.y)
+      }));
+      if (o.length > 1)
+        for (let i = 0; i < o.length - 1; i++)
+          t.append("line").attr("class", "wardley-annotation-line").attr("x1", o[i].x).attr("y1", o[i].y).attr("x2", o[i + 1].x).attr("y2", o[i + 1].y).attr("stroke", l.axisColor).attr("stroke-width", 1.5).attr("stroke-dasharray", "4 4");
+      o.forEach((i) => {
+        const p = t.append("g").attr("class", "wardley-annotation");
+        p.append("circle").attr("cx", i.x).attr("cy", i.y).attr("r", 10).attr("fill", "white").attr("stroke", l.axisColor).attr("stroke-width", 1.5), p.append("text").attr("x", i.x).attr("y", i.y).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", 10).attr("fill", l.axisTextColor).attr("font-weight", "bold").text(s.number);
+      });
+    }), g.annotationsBox) {
+      let s = T(g.annotationsBox.x), o = z(g.annotationsBox.y);
+      const i = 10, p = 16, d = 11, h = t.append("g").attr("class", "wardley-annotations-box"), f = [...g.annotations].filter((m) => m.text).sort((m, P) => m.number - P.number), y = [];
+      if (f.forEach((m, P) => {
+        const N = h.append("text").attr("x", s + i).attr("y", o + i + (P + 1) * p).attr("font-size", d).attr("fill", l.axisTextColor).attr("text-anchor", "start").attr("dominant-baseline", "middle").text(`${m.number}. ${m.text}`);
+        y.push(N);
+      }), y.length > 0) {
+        let m = 0, P = 0;
+        y.forEach((H) => {
+          const W = H.node(), Pt = W.getComputedTextLength();
+          m = Math.max(m, Pt);
+          const Ct = W.getBBox();
+          P = Math.max(P, Ct.height);
+        });
+        const N = m + i * 2 + 105, O = f.length * p + i * 2 + P / 2, X = a.padding, kt = S - a.padding - N, $t = a.padding, vt = k - a.padding - O;
+        s = Math.max(X, Math.min(s, kt)), o = Math.max($t, Math.min(o, vt)), y.forEach((H, W) => {
+          H.attr("x", s + i).attr("y", o + i + (W + 1) * p);
+        }), h.insert("rect", "text").attr("x", s).attr("y", o).attr("width", N).attr("height", O).attr("fill", "white").attr("stroke", l.axisColor).attr("stroke-width", 1.5).attr("rx", 4).attr("ry", 4);
+      }
+    }
+  }
+  if (g.notes.length > 0) {
+    const t = v.append("g").attr("class", "wardley-notes");
+    g.notes.forEach((s) => {
+      const o = T(s.x), i = z(s.y);
+      t.append("text").attr("x", o).attr("y", i).attr("text-anchor", "start").attr("font-size", 11).attr("fill", l.axisTextColor).attr("font-weight", "bold").text(s.text);
+    });
+  }
+  if (g.accelerators.length > 0) {
+    const t = v.append("g").attr("class", "wardley-accelerators");
+    g.accelerators.forEach((s) => {
+      const o = T(s.x), i = z(s.y), p = 60, d = 30, h = 20, f = `
+        M ${o} ${i - d / 2}
+        L ${o + p - h} ${i - d / 2}
+        L ${o + p - h} ${i - d / 2 - 8}
+        L ${o + p} ${i}
+        L ${o + p - h} ${i + d / 2 + 8}
+        L ${o + p - h} ${i + d / 2}
+        L ${o} ${i + d / 2}
+        Z
+      `;
+      t.append("path").attr("d", f).attr("fill", "white").attr("stroke", l.componentStroke).attr("stroke-width", 1), t.append("text").attr("x", o + p / 2).attr("y", i + d / 2 + 15).attr("text-anchor", "middle").attr("font-size", 10).attr("fill", l.axisTextColor).attr("font-weight", "bold").text(s.name);
+    });
+  }
+  if (g.deaccelerators.length > 0) {
+    const t = v.append("g").attr("class", "wardley-deaccelerators");
+    g.deaccelerators.forEach((s) => {
+      const o = T(s.x), i = z(s.y), p = 60, d = 30, h = 20, f = `
+        M ${o + p} ${i - d / 2}
+        L ${o + h} ${i - d / 2}
+        L ${o + h} ${i - d / 2 - 8}
+        L ${o} ${i}
+        L ${o + h} ${i + d / 2 + 8}
+        L ${o + h} ${i + d / 2}
+        L ${o + p} ${i + d / 2}
+        Z
+      `;
+      t.append("path").attr("d", f).attr("fill", "white").attr("stroke", l.componentStroke).attr("stroke-width", 1), t.append("text").attr("x", o + p / 2).attr("y", i + d / 2 + 15).attr("text-anchor", "middle").attr("font-size", 10).attr("fill", l.axisTextColor).attr("font-weight", "bold").text(s.name);
+    });
+  }
+}, "draw"), Vt = {
+  draw: jt
+}, _t = /* @__PURE__ */ u(({
+  wardley: e
+} = {}) => {
+  const n = At(), r = Xt(), x = U(n, r.themeVariables), a = U(x.wardley, e);
+  return `
+  .wardley-background {
+    fill: ${a.backgroundColor};
+  }
+  .wardley-axes line, .wardley-axes path {
+    stroke: ${a.axisColor};
+  }
+  .wardley-axis-label {
+    fill: ${a.axisTextColor};
+  }
+  .wardley-stage-label {
+    fill: ${a.axisTextColor};
+  }
+  .wardley-grid line {
+    stroke: ${a.gridColor};
+  }
+  .wardley-node circle {
+    fill: ${a.componentFill};
+    stroke: ${a.componentStroke};
+  }
+  .wardley-node-label {
+    fill: ${a.componentLabelColor};
+  }
+  .wardley-link {
+    stroke: ${a.linkStroke};
+  }
+  .wardley-link--dashed {
+    stroke-dasharray: 4 4;
+  }
+  .wardley-link-label {
+    fill: ${a.axisTextColor};
+  }
+  .wardley-trend line {
+    stroke: ${a.evolutionStroke};
+  }
+  .wardley-annotation-line {
+    stroke: ${a.annotationStroke};
+  }
+  .wardley-annotation circle {
+    fill: ${a.annotationFill};
+    stroke: ${a.annotationStroke};
+  }
+  .wardley-annotation text {
+    fill: ${a.annotationTextColor};
+  }
+  .wardley-annotations-box rect {
+    fill: ${a.annotationFill};
+    stroke: ${a.annotationStroke};
+  }
+  .wardley-annotations-box text {
+    fill: ${a.annotationTextColor};
+  }
+  .wardley-pipeline-box {
+    stroke: ${a.componentStroke};
+  }
+  .wardley-notes text {
+    fill: ${a.axisTextColor};
+  }
+  `;
+}, "styles"), Qt = {
+  parser: Q,
+  db: Dt,
+  renderer: Vt,
+  styles: _t
+};
+export {
+  Qt as diagram
+};
+//# sourceMappingURL=wardleyDiagram-YWT4CUSO-Uu5KXQum.js.map