@kong-ui-public/documentation 1.5.78 → 1.6.0

package/dist/wardleyDiagram-YWT4CUSO-Bf9L2NsL-DXPF2Ee9.js

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