@harnspec/ui 0.0.1

package/dist/diagram-QEK2KX5R-Bq3gDqLN.js

@@ -0,0 +1,217 @@
+import { _ as l, s as k, g as R, q as E, p as F, a as I, b as _, H as D, y as G, D as f, E as C, F as P, l as z, K as H } from "./index-CSIGNRG2.js";
+import { p as V } from "./chunk-4BX2VUAB-CVFstY5Y.js";
+import { p as W } from "./mermaid-parser.core-BtRVLGEy.js";
+var x = {
+  showLegend: !0,
+  ticks: 5,
+  max: null,
+  min: 0,
+  graticule: "circle"
+}, w = {
+  axes: [],
+  curves: [],
+  options: x
+}, h = structuredClone(w), B = P.radar, j = /* @__PURE__ */ l(() => f({
+  ...B,
+  ...C().radar
+}), "getConfig"), b = /* @__PURE__ */ l(() => h.axes, "getAxes"), q = /* @__PURE__ */ l(() => h.curves, "getCurves"), K = /* @__PURE__ */ l(() => h.options, "getOptions"), N = /* @__PURE__ */ l((a) => {
+  h.axes = a.map((t) => ({
+    name: t.name,
+    label: t.label ?? t.name
+  }));
+}, "setAxes"), U = /* @__PURE__ */ l((a) => {
+  h.curves = a.map((t) => ({
+    name: t.name,
+    label: t.label ?? t.name,
+    entries: X(t.entries)
+  }));
+}, "setCurves"), X = /* @__PURE__ */ l((a) => {
+  if (a[0].axis == null)
+    return a.map((e) => e.value);
+  const t = b();
+  if (t.length === 0)
+    throw new Error("Axes must be populated before curves for reference entries");
+  return t.map((e) => {
+    const r = a.find((s) => s.axis?.$refText === e.name);
+    if (r === void 0)
+      throw new Error("Missing entry for axis " + e.label);
+    return r.value;
+  });
+}, "computeCurveEntries"), Y = /* @__PURE__ */ l((a) => {
+  const t = a.reduce(
+    (e, r) => (e[r.name] = r, e),
+    {}
+  );
+  h.options = {
+    showLegend: t.showLegend?.value ?? x.showLegend,
+    ticks: t.ticks?.value ?? x.ticks,
+    max: t.max?.value ?? x.max,
+    min: t.min?.value ?? x.min,
+    graticule: t.graticule?.value ?? x.graticule
+  };
+}, "setOptions"), Z = /* @__PURE__ */ l(() => {
+  G(), h = structuredClone(w);
+}, "clear"), $ = {
+  getAxes: b,
+  getCurves: q,
+  getOptions: K,
+  setAxes: N,
+  setCurves: U,
+  setOptions: Y,
+  getConfig: j,
+  clear: Z,
+  setAccTitle: _,
+  getAccTitle: I,
+  setDiagramTitle: F,
+  getDiagramTitle: E,
+  getAccDescription: R,
+  setAccDescription: k
+}, J = /* @__PURE__ */ l((a) => {
+  V(a, $);
+  const { axes: t, curves: e, options: r } = a;
+  $.setAxes(t), $.setCurves(e), $.setOptions(r);
+}, "populate"), Q = {
+  parse: /* @__PURE__ */ l(async (a) => {
+    const t = await W("radar", a);
+    z.debug(t), J(t);
+  }, "parse")
+}, tt = /* @__PURE__ */ l((a, t, e, r) => {
+  const s = r.db, o = s.getAxes(), i = s.getCurves(), n = s.getOptions(), c = s.getConfig(), d = s.getDiagramTitle(), p = D(t), u = et(p, c), g = n.max ?? Math.max(...i.map((y) => Math.max(...y.entries))), m = n.min, v = Math.min(c.width, c.height) / 2;
+  at(u, o, v, n.ticks, n.graticule), rt(u, o, v, c), M(u, o, i, m, g, n.graticule, c), T(u, i, n.showLegend, c), u.append("text").attr("class", "radarTitle").text(d).attr("x", 0).attr("y", -c.height / 2 - c.marginTop);
+}, "draw"), et = /* @__PURE__ */ l((a, t) => {
+  const e = t.width + t.marginLeft + t.marginRight, r = t.height + t.marginTop + t.marginBottom, s = {
+    x: t.marginLeft + t.width / 2,
+    y: t.marginTop + t.height / 2
+  };
+  return a.attr("viewbox", `0 0 ${e} ${r}`).attr("width", e).attr("height", r), a.append("g").attr("transform", `translate(${s.x}, ${s.y})`);
+}, "drawFrame"), at = /* @__PURE__ */ l((a, t, e, r, s) => {
+  if (s === "circle")
+    for (let o = 0; o < r; o++) {
+      const i = e * (o + 1) / r;
+      a.append("circle").attr("r", i).attr("class", "radarGraticule");
+    }
+  else if (s === "polygon") {
+    const o = t.length;
+    for (let i = 0; i < r; i++) {
+      const n = e * (i + 1) / r, c = t.map((d, p) => {
+        const u = 2 * p * Math.PI / o - Math.PI / 2, g = n * Math.cos(u), m = n * Math.sin(u);
+        return `${g},${m}`;
+      }).join(" ");
+      a.append("polygon").attr("points", c).attr("class", "radarGraticule");
+    }
+  }
+}, "drawGraticule"), rt = /* @__PURE__ */ l((a, t, e, r) => {
+  const s = t.length;
+  for (let o = 0; o < s; o++) {
+    const i = t[o].label, n = 2 * o * Math.PI / s - Math.PI / 2;
+    a.append("line").attr("x1", 0).attr("y1", 0).attr("x2", e * r.axisScaleFactor * Math.cos(n)).attr("y2", e * r.axisScaleFactor * Math.sin(n)).attr("class", "radarAxisLine"), a.append("text").text(i).attr("x", e * r.axisLabelFactor * Math.cos(n)).attr("y", e * r.axisLabelFactor * Math.sin(n)).attr("class", "radarAxisLabel");
+  }
+}, "drawAxes");
+function M(a, t, e, r, s, o, i) {
+  const n = t.length, c = Math.min(i.width, i.height) / 2;
+  e.forEach((d, p) => {
+    if (d.entries.length !== n)
+      return;
+    const u = d.entries.map((g, m) => {
+      const v = 2 * Math.PI * m / n - Math.PI / 2, y = A(g, r, s, c), O = y * Math.cos(v), S = y * Math.sin(v);
+      return { x: O, y: S };
+    });
+    o === "circle" ? a.append("path").attr("d", L(u, i.curveTension)).attr("class", `radarCurve-${p}`) : o === "polygon" && a.append("polygon").attr("points", u.map((g) => `${g.x},${g.y}`).join(" ")).attr("class", `radarCurve-${p}`);
+  });
+}
+l(M, "drawCurves");
+function A(a, t, e, r) {
+  const s = Math.min(Math.max(a, t), e);
+  return r * (s - t) / (e - t);
+}
+l(A, "relativeRadius");
+function L(a, t) {
+  const e = a.length;
+  let r = `M${a[0].x},${a[0].y}`;
+  for (let s = 0; s < e; s++) {
+    const o = a[(s - 1 + e) % e], i = a[s], n = a[(s + 1) % e], c = a[(s + 2) % e], d = {
+      x: i.x + (n.x - o.x) * t,
+      y: i.y + (n.y - o.y) * t
+    }, p = {
+      x: n.x - (c.x - i.x) * t,
+      y: n.y - (c.y - i.y) * t
+    };
+    r += ` C${d.x},${d.y} ${p.x},${p.y} ${n.x},${n.y}`;
+  }
+  return `${r} Z`;
+}
+l(L, "closedRoundCurve");
+function T(a, t, e, r) {
+  if (!e)
+    return;
+  const s = (r.width / 2 + r.marginRight) * 3 / 4, o = -(r.height / 2 + r.marginTop) * 3 / 4, i = 20;
+  t.forEach((n, c) => {
+    const d = a.append("g").attr("transform", `translate(${s}, ${o + c * i})`);
+    d.append("rect").attr("width", 12).attr("height", 12).attr("class", `radarLegendBox-${c}`), d.append("text").attr("x", 16).attr("y", 0).attr("class", "radarLegendText").text(n.label);
+  });
+}
+l(T, "drawLegend");
+var st = { draw: tt }, nt = /* @__PURE__ */ l((a, t) => {
+  let e = "";
+  for (let r = 0; r < a.THEME_COLOR_LIMIT; r++) {
+    const s = a[`cScale${r}`];
+    e += `
+		.radarCurve-${r} {
+			color: ${s};
+			fill: ${s};
+			fill-opacity: ${t.curveOpacity};
+			stroke: ${s};
+			stroke-width: ${t.curveStrokeWidth};
+		}
+		.radarLegendBox-${r} {
+			fill: ${s};
+			fill-opacity: ${t.curveOpacity};
+			stroke: ${s};
+		}
+		`;
+  }
+  return e;
+}, "genIndexStyles"), ot = /* @__PURE__ */ l((a) => {
+  const t = H(), e = C(), r = f(t, e.themeVariables), s = f(r.radar, a);
+  return { themeVariables: r, radarOptions: s };
+}, "buildRadarStyleOptions"), it = /* @__PURE__ */ l(({ radar: a } = {}) => {
+  const { themeVariables: t, radarOptions: e } = ot(a);
+  return `
+	.radarTitle {
+		font-size: ${t.fontSize};
+		color: ${t.titleColor};
+		dominant-baseline: hanging;
+		text-anchor: middle;
+	}
+	.radarAxisLine {
+		stroke: ${e.axisColor};
+		stroke-width: ${e.axisStrokeWidth};
+	}
+	.radarAxisLabel {
+		dominant-baseline: middle;
+		text-anchor: middle;
+		font-size: ${e.axisLabelFontSize}px;
+		color: ${e.axisColor};
+	}
+	.radarGraticule {
+		fill: ${e.graticuleColor};
+		fill-opacity: ${e.graticuleOpacity};
+		stroke: ${e.graticuleColor};
+		stroke-width: ${e.graticuleStrokeWidth};
+	}
+	.radarLegendText {
+		text-anchor: start;
+		font-size: ${e.legendFontSize}px;
+		dominant-baseline: hanging;
+	}
+	${nt(t, e)}
+	`;
+}, "styles"), ut = {
+  parser: Q,
+  db: $,
+  renderer: st,
+  styles: it
+};
+export {
+  ut as diagram
+};

package/dist/diagram-S2PKOQOG-DewfAtLE.js

@@ -0,0 +1,142 @@
+import { _ as b, D as m, H as B, e as C, l as w, b as S, a as D, p as T, q as E, g as F, s as P, E as z, F as A, y as W } from "./index-CSIGNRG2.js";
+import { p as _ } from "./chunk-4BX2VUAB-CVFstY5Y.js";
+import { p as N } from "./mermaid-parser.core-BtRVLGEy.js";
+var L = A.packet, u, v = (u = class {
+  constructor() {
+    this.packet = [], this.setAccTitle = S, this.getAccTitle = D, this.setDiagramTitle = T, this.getDiagramTitle = E, this.getAccDescription = F, this.setAccDescription = P;
+  }
+  getConfig() {
+    const t = m({
+      ...L,
+      ...z().packet
+    });
+    return t.showBits && (t.paddingY += 10), t;
+  }
+  getPacket() {
+    return this.packet;
+  }
+  pushWord(t) {
+    t.length > 0 && this.packet.push(t);
+  }
+  clear() {
+    W(), this.packet = [];
+  }
+}, b(u, "PacketDB"), u), M = 1e4, Y = /* @__PURE__ */ b((e, t) => {
+  _(e, t);
+  let r = -1, s = [], n = 1;
+  const { bitsPerRow: l } = t.getConfig();
+  for (let { start: a, end: i, bits: d, label: c } of e.blocks) {
+    if (a !== void 0 && i !== void 0 && i < a)
+      throw new Error(`Packet block ${a} - ${i} is invalid. End must be greater than start.`);
+    if (a ??= r + 1, a !== r + 1)
+      throw new Error(
+        `Packet block ${a} - ${i ?? a} is not contiguous. It should start from ${r + 1}.`
+      );
+    if (d === 0)
+      throw new Error(`Packet block ${a} is invalid. Cannot have a zero bit field.`);
+    for (i ??= a + (d ?? 1) - 1, d ??= i - a + 1, r = i, w.debug(`Packet block ${a} - ${r} with label ${c}`); s.length <= l + 1 && t.getPacket().length < M; ) {
+      const [p, o] = H({ start: a, end: i, bits: d, label: c }, n, l);
+      if (s.push(p), p.end + 1 === n * l && (t.pushWord(s), s = [], n++), !o)
+        break;
+      ({ start: a, end: i, bits: d, label: c } = o);
+    }
+  }
+  t.pushWord(s);
+}, "populate"), H = /* @__PURE__ */ b((e, t, r) => {
+  if (e.start === void 0)
+    throw new Error("start should have been set during first phase");
+  if (e.end === void 0)
+    throw new Error("end should have been set during first phase");
+  if (e.start > e.end)
+    throw new Error(`Block start ${e.start} is greater than block end ${e.end}.`);
+  if (e.end + 1 <= t * r)
+    return [e, void 0];
+  const s = t * r - 1, n = t * r;
+  return [
+    {
+      start: e.start,
+      end: s,
+      label: e.label,
+      bits: s - e.start
+    },
+    {
+      start: n,
+      end: e.end,
+      label: e.label,
+      bits: e.end - n
+    }
+  ];
+}, "getNextFittingBlock"), x = {
+  // @ts-expect-error - PacketDB is not assignable to DiagramDB
+  parser: { yy: void 0 },
+  parse: /* @__PURE__ */ b(async (e) => {
+    const t = await N("packet", e), r = x.parser?.yy;
+    if (!(r instanceof v))
+      throw new Error(
+        "parser.parser?.yy was not a PacketDB. This is due to a bug within Mermaid, please report this issue at https://github.com/mermaid-js/mermaid/issues."
+      );
+    w.debug(t), Y(t, r);
+  }, "parse")
+}, I = /* @__PURE__ */ b((e, t, r, s) => {
+  const n = s.db, l = n.getConfig(), { rowHeight: a, paddingY: i, bitWidth: d, bitsPerRow: c } = l, p = n.getPacket(), o = n.getDiagramTitle(), h = a + i, g = h * (p.length + 1) - (o ? 0 : a), k = d * c + 2, f = B(t);
+  f.attr("viewbox", `0 0 ${k} ${g}`), C(f, g, k, l.useMaxWidth);
+  for (const [y, $] of p.entries())
+    O(f, $, y, l);
+  f.append("text").text(o).attr("x", k / 2).attr("y", g - h / 2).attr("dominant-baseline", "middle").attr("text-anchor", "middle").attr("class", "packetTitle");
+}, "draw"), O = /* @__PURE__ */ b((e, t, r, { rowHeight: s, paddingX: n, paddingY: l, bitWidth: a, bitsPerRow: i, showBits: d }) => {
+  const c = e.append("g"), p = r * (s + l) + l;
+  for (const o of t) {
+    const h = o.start % i * a + 1, g = (o.end - o.start + 1) * a - n;
+    if (c.append("rect").attr("x", h).attr("y", p).attr("width", g).attr("height", s).attr("class", "packetBlock"), c.append("text").attr("x", h + g / 2).attr("y", p + s / 2).attr("class", "packetLabel").attr("dominant-baseline", "middle").attr("text-anchor", "middle").text(o.label), !d)
+      continue;
+    const k = o.end === o.start, f = p - 2;
+    c.append("text").attr("x", h + (k ? g / 2 : 0)).attr("y", f).attr("class", "packetByte start").attr("dominant-baseline", "auto").attr("text-anchor", k ? "middle" : "start").text(o.start), k || c.append("text").attr("x", h + g).attr("y", f).attr("class", "packetByte end").attr("dominant-baseline", "auto").attr("text-anchor", "end").text(o.end);
+  }
+}, "drawWord"), j = { draw: I }, q = {
+  byteFontSize: "10px",
+  startByteColor: "black",
+  endByteColor: "black",
+  labelColor: "black",
+  labelFontSize: "12px",
+  titleColor: "black",
+  titleFontSize: "14px",
+  blockStrokeColor: "black",
+  blockStrokeWidth: "1",
+  blockFillColor: "#efefef"
+}, G = /* @__PURE__ */ b(({ packet: e } = {}) => {
+  const t = m(q, e);
+  return `
+	.packetByte {
+		font-size: ${t.byteFontSize};
+	}
+	.packetByte.start {
+		fill: ${t.startByteColor};
+	}
+	.packetByte.end {
+		fill: ${t.endByteColor};
+	}
+	.packetLabel {
+		fill: ${t.labelColor};
+		font-size: ${t.labelFontSize};
+	}
+	.packetTitle {
+		fill: ${t.titleColor};
+		font-size: ${t.titleFontSize};
+	}
+	.packetBlock {
+		stroke: ${t.blockStrokeColor};
+		stroke-width: ${t.blockStrokeWidth};
+		fill: ${t.blockFillColor};
+	}
+	`;
+}, "styles"), X = {
+  parser: x,
+  get db() {
+    return new v();
+  },
+  renderer: j,
+  styles: G
+};
+export {
+  X as diagram
+};