@omg-dev/app 0.1.308

package/dist-lib/wardleyDiagram-EHGQE667-Cev6fT_D.js

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