local-operator-ui 0.12.7 → 0.13.0

package/out/renderer/assets/diagram-SSKATNLV-BCxxN7T6.js

@@ -1,304 +0,0 @@
-import { p as populateCommonDb } from "./chunk-4BMEZGHF-DjpLWrPj.js";
-import { _ as __name, s as setAccDescription, g as getAccDescription, t as getDiagramTitle, q as setDiagramTitle, a as getAccTitle, b as setAccTitle, K as selectSvgElement, z as clear, F as cleanAndMerge, G as getConfig, H as defaultConfig_default, l as log, a1 as getThemeVariables3 } from "./index-MaDq9HTX.js";
-import { p as parse } from "./radar-MK3ICKWK-DwsnroMG.js";
-import "./fonts-DqkQ6BY5.js";
-import "./_baseUniq-JxZZknyU.js";
-import "./_basePickBy-Xni00Dlk.js";
-import "./clone-3XFGex6Y.js";
-var defaultOptions = {
-  showLegend: true,
-  ticks: 5,
-  max: null,
-  min: 0,
-  graticule: "circle"
-};
-var defaultRadarData = {
-  axes: [],
-  curves: [],
-  options: defaultOptions
-};
-var data = structuredClone(defaultRadarData);
-var DEFAULT_RADAR_CONFIG = defaultConfig_default.radar;
-var getConfig2 = /* @__PURE__ */ __name(() => {
-  const config = cleanAndMerge({
-    ...DEFAULT_RADAR_CONFIG,
-    ...getConfig().radar
-  });
-  return config;
-}, "getConfig");
-var getAxes = /* @__PURE__ */ __name(() => data.axes, "getAxes");
-var getCurves = /* @__PURE__ */ __name(() => data.curves, "getCurves");
-var getOptions = /* @__PURE__ */ __name(() => data.options, "getOptions");
-var setAxes = /* @__PURE__ */ __name((axes) => {
-  data.axes = axes.map((axis) => {
-    return {
-      name: axis.name,
-      label: axis.label ?? axis.name
-    };
-  });
-}, "setAxes");
-var setCurves = /* @__PURE__ */ __name((curves) => {
-  data.curves = curves.map((curve) => {
-    return {
-      name: curve.name,
-      label: curve.label ?? curve.name,
-      entries: computeCurveEntries(curve.entries)
-    };
-  });
-}, "setCurves");
-var computeCurveEntries = /* @__PURE__ */ __name((entries) => {
-  if (entries[0].axis == void 0) {
-    return entries.map((entry) => entry.value);
-  }
-  const axes = getAxes();
-  if (axes.length === 0) {
-    throw new Error("Axes must be populated before curves for reference entries");
-  }
-  return axes.map((axis) => {
-    const entry = entries.find((entry2) => entry2.axis?.$refText === axis.name);
-    if (entry === void 0) {
-      throw new Error("Missing entry for axis " + axis.label);
-    }
-    return entry.value;
-  });
-}, "computeCurveEntries");
-var setOptions = /* @__PURE__ */ __name((options) => {
-  const optionMap = options.reduce(
-    (acc, option) => {
-      acc[option.name] = option;
-      return acc;
-    },
-    {}
-  );
-  data.options = {
-    showLegend: optionMap.showLegend?.value ?? defaultOptions.showLegend,
-    ticks: optionMap.ticks?.value ?? defaultOptions.ticks,
-    max: optionMap.max?.value ?? defaultOptions.max,
-    min: optionMap.min?.value ?? defaultOptions.min,
-    graticule: optionMap.graticule?.value ?? defaultOptions.graticule
-  };
-}, "setOptions");
-var clear2 = /* @__PURE__ */ __name(() => {
-  clear();
-  data = structuredClone(defaultRadarData);
-}, "clear");
-var db = {
-  getAxes,
-  getCurves,
-  getOptions,
-  setAxes,
-  setCurves,
-  setOptions,
-  getConfig: getConfig2,
-  clear: clear2,
-  setAccTitle,
-  getAccTitle,
-  setDiagramTitle,
-  getDiagramTitle,
-  getAccDescription,
-  setAccDescription
-};
-var populate = /* @__PURE__ */ __name((ast) => {
-  populateCommonDb(ast, db);
-  const { axes, curves, options } = ast;
-  db.setAxes(axes);
-  db.setCurves(curves);
-  db.setOptions(options);
-}, "populate");
-var parser = {
-  parse: /* @__PURE__ */ __name(async (input) => {
-    const ast = await parse("radar", input);
-    log.debug(ast);
-    populate(ast);
-  }, "parse")
-};
-var draw = /* @__PURE__ */ __name((_text, id, _version, diagram2) => {
-  const db2 = diagram2.db;
-  const axes = db2.getAxes();
-  const curves = db2.getCurves();
-  const options = db2.getOptions();
-  const config = db2.getConfig();
-  const title = db2.getDiagramTitle();
-  const svg = selectSvgElement(id);
-  const g = drawFrame(svg, config);
-  const maxValue = options.max ?? Math.max(...curves.map((curve) => Math.max(...curve.entries)));
-  const minValue = options.min;
-  const radius = Math.min(config.width, config.height) / 2;
-  drawGraticule(g, axes, radius, options.ticks, options.graticule);
-  drawAxes(g, axes, radius, config);
-  drawCurves(g, axes, curves, minValue, maxValue, options.graticule, config);
-  drawLegend(g, curves, options.showLegend, config);
-  g.append("text").attr("class", "radarTitle").text(title).attr("x", 0).attr("y", -config.height / 2 - config.marginTop);
-}, "draw");
-var drawFrame = /* @__PURE__ */ __name((svg, config) => {
-  const totalWidth = config.width + config.marginLeft + config.marginRight;
-  const totalHeight = config.height + config.marginTop + config.marginBottom;
-  const center = {
-    x: config.marginLeft + config.width / 2,
-    y: config.marginTop + config.height / 2
-  };
-  svg.attr("viewbox", `0 0 ${totalWidth} ${totalHeight}`).attr("width", totalWidth).attr("height", totalHeight);
-  return svg.append("g").attr("transform", `translate(${center.x}, ${center.y})`);
-}, "drawFrame");
-var drawGraticule = /* @__PURE__ */ __name((g, axes, radius, ticks, graticule) => {
-  if (graticule === "circle") {
-    for (let i = 0; i < ticks; i++) {
-      const r = radius * (i + 1) / ticks;
-      g.append("circle").attr("r", r).attr("class", "radarGraticule");
-    }
-  } else if (graticule === "polygon") {
-    const numAxes = axes.length;
-    for (let i = 0; i < ticks; i++) {
-      const r = radius * (i + 1) / ticks;
-      const points = axes.map((_, j) => {
-        const angle = 2 * j * Math.PI / numAxes - Math.PI / 2;
-        const x = r * Math.cos(angle);
-        const y = r * Math.sin(angle);
-        return `${x},${y}`;
-      }).join(" ");
-      g.append("polygon").attr("points", points).attr("class", "radarGraticule");
-    }
-  }
-}, "drawGraticule");
-var drawAxes = /* @__PURE__ */ __name((g, axes, radius, config) => {
-  const numAxes = axes.length;
-  for (let i = 0; i < numAxes; i++) {
-    const label = axes[i].label;
-    const angle = 2 * i * Math.PI / numAxes - Math.PI / 2;
-    g.append("line").attr("x1", 0).attr("y1", 0).attr("x2", radius * config.axisScaleFactor * Math.cos(angle)).attr("y2", radius * config.axisScaleFactor * Math.sin(angle)).attr("class", "radarAxisLine");
-    g.append("text").text(label).attr("x", radius * config.axisLabelFactor * Math.cos(angle)).attr("y", radius * config.axisLabelFactor * Math.sin(angle)).attr("class", "radarAxisLabel");
-  }
-}, "drawAxes");
-function drawCurves(g, axes, curves, minValue, maxValue, graticule, config) {
-  const numAxes = axes.length;
-  const radius = Math.min(config.width, config.height) / 2;
-  curves.forEach((curve, index) => {
-    if (curve.entries.length !== numAxes) {
-      return;
-    }
-    const points = curve.entries.map((entry, i) => {
-      const angle = 2 * Math.PI * i / numAxes - Math.PI / 2;
-      const r = relativeRadius(entry, minValue, maxValue, radius);
-      const x = r * Math.cos(angle);
-      const y = r * Math.sin(angle);
-      return { x, y };
-    });
-    if (graticule === "circle") {
-      g.append("path").attr("d", closedRoundCurve(points, config.curveTension)).attr("class", `radarCurve-${index}`);
-    } else if (graticule === "polygon") {
-      g.append("polygon").attr("points", points.map((p) => `${p.x},${p.y}`).join(" ")).attr("class", `radarCurve-${index}`);
-    }
-  });
-}
-__name(drawCurves, "drawCurves");
-function relativeRadius(value, minValue, maxValue, radius) {
-  const clippedValue = Math.min(Math.max(value, minValue), maxValue);
-  return radius * (clippedValue - minValue) / (maxValue - minValue);
-}
-__name(relativeRadius, "relativeRadius");
-function closedRoundCurve(points, tension) {
-  const numPoints = points.length;
-  let d = `M${points[0].x},${points[0].y}`;
-  for (let i = 0; i < numPoints; i++) {
-    const p0 = points[(i - 1 + numPoints) % numPoints];
-    const p1 = points[i];
-    const p2 = points[(i + 1) % numPoints];
-    const p3 = points[(i + 2) % numPoints];
-    const cp1 = {
-      x: p1.x + (p2.x - p0.x) * tension,
-      y: p1.y + (p2.y - p0.y) * tension
-    };
-    const cp2 = {
-      x: p2.x - (p3.x - p1.x) * tension,
-      y: p2.y - (p3.y - p1.y) * tension
-    };
-    d += ` C${cp1.x},${cp1.y} ${cp2.x},${cp2.y} ${p2.x},${p2.y}`;
-  }
-  return `${d} Z`;
-}
-__name(closedRoundCurve, "closedRoundCurve");
-function drawLegend(g, curves, showLegend, config) {
-  if (!showLegend) {
-    return;
-  }
-  const legendX = (config.width / 2 + config.marginRight) * 3 / 4;
-  const legendY = -(config.height / 2 + config.marginTop) * 3 / 4;
-  const lineHeight = 20;
-  curves.forEach((curve, index) => {
-    const itemGroup = g.append("g").attr("transform", `translate(${legendX}, ${legendY + index * lineHeight})`);
-    itemGroup.append("rect").attr("width", 12).attr("height", 12).attr("class", `radarLegendBox-${index}`);
-    itemGroup.append("text").attr("x", 16).attr("y", 0).attr("class", "radarLegendText").text(curve.label);
-  });
-}
-__name(drawLegend, "drawLegend");
-var renderer = { draw };
-var genIndexStyles = /* @__PURE__ */ __name((themeVariables, radarOptions) => {
-  let sections = "";
-  for (let i = 0; i < themeVariables.THEME_COLOR_LIMIT; i++) {
-    const indexColor = themeVariables[`cScale${i}`];
-    sections += `
-		.radarCurve-${i} {
-			color: ${indexColor};
-			fill: ${indexColor};
-			fill-opacity: ${radarOptions.curveOpacity};
-			stroke: ${indexColor};
-			stroke-width: ${radarOptions.curveStrokeWidth};
-		}
-		.radarLegendBox-${i} {
-			fill: ${indexColor};
-			fill-opacity: ${radarOptions.curveOpacity};
-			stroke: ${indexColor};
-		}
-		`;
-  }
-  return sections;
-}, "genIndexStyles");
-var buildRadarStyleOptions = /* @__PURE__ */ __name((radar) => {
-  const defaultThemeVariables = getThemeVariables3();
-  const currentConfig = getConfig();
-  const themeVariables = cleanAndMerge(defaultThemeVariables, currentConfig.themeVariables);
-  const radarOptions = cleanAndMerge(themeVariables.radar, radar);
-  return { themeVariables, radarOptions };
-}, "buildRadarStyleOptions");
-var styles = /* @__PURE__ */ __name(({ radar } = {}) => {
-  const { themeVariables, radarOptions } = buildRadarStyleOptions(radar);
-  return `
-	.radarTitle {
-		font-size: ${themeVariables.fontSize};
-		color: ${themeVariables.titleColor};
-		dominant-baseline: hanging;
-		text-anchor: middle;
-	}
-	.radarAxisLine {
-		stroke: ${radarOptions.axisColor};
-		stroke-width: ${radarOptions.axisStrokeWidth};
-	}
-	.radarAxisLabel {
-		dominant-baseline: middle;
-		text-anchor: middle;
-		font-size: ${radarOptions.axisLabelFontSize}px;
-		color: ${radarOptions.axisColor};
-	}
-	.radarGraticule {
-		fill: ${radarOptions.graticuleColor};
-		fill-opacity: ${radarOptions.graticuleOpacity};
-		stroke: ${radarOptions.graticuleColor};
-		stroke-width: ${radarOptions.graticuleStrokeWidth};
-	}
-	.radarLegendText {
-		text-anchor: start;
-		font-size: ${radarOptions.legendFontSize}px;
-		dominant-baseline: hanging;
-	}
-	${genIndexStyles(themeVariables, radarOptions)}
-	`;
-}, "styles");
-var diagram = {
-  parser,
-  db,
-  renderer,
-  styles
-};
-export {
-  diagram
-};

package/out/renderer/assets/diagram-VNBRO52H-q41sVUvc.js

@@ -1,193 +0,0 @@
-import { p as populateCommonDb } from "./chunk-4BMEZGHF-DjpLWrPj.js";
-import { _ as __name, s as setAccDescription, g as getAccDescription, t as getDiagramTitle, q as setDiagramTitle, a as getAccTitle, b as setAccTitle, F as cleanAndMerge, K as selectSvgElement, e as configureSvgSize, z as clear, G as getConfig, H as defaultConfig_default, l as log } from "./index-MaDq9HTX.js";
-import { p as parse } from "./radar-MK3ICKWK-DwsnroMG.js";
-import "./fonts-DqkQ6BY5.js";
-import "./_baseUniq-JxZZknyU.js";
-import "./_basePickBy-Xni00Dlk.js";
-import "./clone-3XFGex6Y.js";
-var defaultPacketData = {
-  packet: []
-};
-var data = structuredClone(defaultPacketData);
-var DEFAULT_PACKET_CONFIG = defaultConfig_default.packet;
-var getConfig2 = /* @__PURE__ */ __name(() => {
-  const config = cleanAndMerge({
-    ...DEFAULT_PACKET_CONFIG,
-    ...getConfig().packet
-  });
-  if (config.showBits) {
-    config.paddingY += 10;
-  }
-  return config;
-}, "getConfig");
-var getPacket = /* @__PURE__ */ __name(() => data.packet, "getPacket");
-var pushWord = /* @__PURE__ */ __name((word) => {
-  if (word.length > 0) {
-    data.packet.push(word);
-  }
-}, "pushWord");
-var clear2 = /* @__PURE__ */ __name(() => {
-  clear();
-  data = structuredClone(defaultPacketData);
-}, "clear");
-var db = {
-  pushWord,
-  getPacket,
-  getConfig: getConfig2,
-  clear: clear2,
-  setAccTitle,
-  getAccTitle,
-  setDiagramTitle,
-  getDiagramTitle,
-  getAccDescription,
-  setAccDescription
-};
-var maxPacketSize = 1e4;
-var populate = /* @__PURE__ */ __name((ast) => {
-  populateCommonDb(ast, db);
-  let lastByte = -1;
-  let word = [];
-  let row = 1;
-  const { bitsPerRow } = db.getConfig();
-  for (let { start, end, label } of ast.blocks) {
-    if (end && end < start) {
-      throw new Error(`Packet block ${start} - ${end} is invalid. End must be greater than start.`);
-    }
-    if (start !== lastByte + 1) {
-      throw new Error(
-        `Packet block ${start} - ${end ?? start} is not contiguous. It should start from ${lastByte + 1}.`
-      );
-    }
-    lastByte = end ?? start;
-    log.debug(`Packet block ${start} - ${lastByte} with label ${label}`);
-    while (word.length <= bitsPerRow + 1 && db.getPacket().length < maxPacketSize) {
-      const [block, nextBlock] = getNextFittingBlock({ start, end, label }, row, bitsPerRow);
-      word.push(block);
-      if (block.end + 1 === row * bitsPerRow) {
-        db.pushWord(word);
-        word = [];
-        row++;
-      }
-      if (!nextBlock) {
-        break;
-      }
-      ({ start, end, label } = nextBlock);
-    }
-  }
-  db.pushWord(word);
-}, "populate");
-var getNextFittingBlock = /* @__PURE__ */ __name((block, row, bitsPerRow) => {
-  if (block.end === void 0) {
-    block.end = block.start;
-  }
-  if (block.start > block.end) {
-    throw new Error(`Block start ${block.start} is greater than block end ${block.end}.`);
-  }
-  if (block.end + 1 <= row * bitsPerRow) {
-    return [block, void 0];
-  }
-  return [
-    {
-      start: block.start,
-      end: row * bitsPerRow - 1,
-      label: block.label
-    },
-    {
-      start: row * bitsPerRow,
-      end: block.end,
-      label: block.label
-    }
-  ];
-}, "getNextFittingBlock");
-var parser = {
-  parse: /* @__PURE__ */ __name(async (input) => {
-    const ast = await parse("packet", input);
-    log.debug(ast);
-    populate(ast);
-  }, "parse")
-};
-var draw = /* @__PURE__ */ __name((_text, id, _version, diagram2) => {
-  const db2 = diagram2.db;
-  const config = db2.getConfig();
-  const { rowHeight, paddingY, bitWidth, bitsPerRow } = config;
-  const words = db2.getPacket();
-  const title = db2.getDiagramTitle();
-  const totalRowHeight = rowHeight + paddingY;
-  const svgHeight = totalRowHeight * (words.length + 1) - (title ? 0 : rowHeight);
-  const svgWidth = bitWidth * bitsPerRow + 2;
-  const svg = selectSvgElement(id);
-  svg.attr("viewbox", `0 0 ${svgWidth} ${svgHeight}`);
-  configureSvgSize(svg, svgHeight, svgWidth, config.useMaxWidth);
-  for (const [word, packet] of words.entries()) {
-    drawWord(svg, packet, word, config);
-  }
-  svg.append("text").text(title).attr("x", svgWidth / 2).attr("y", svgHeight - totalRowHeight / 2).attr("dominant-baseline", "middle").attr("text-anchor", "middle").attr("class", "packetTitle");
-}, "draw");
-var drawWord = /* @__PURE__ */ __name((svg, word, rowNumber, { rowHeight, paddingX, paddingY, bitWidth, bitsPerRow, showBits }) => {
-  const group = svg.append("g");
-  const wordY = rowNumber * (rowHeight + paddingY) + paddingY;
-  for (const block of word) {
-    const blockX = block.start % bitsPerRow * bitWidth + 1;
-    const width = (block.end - block.start + 1) * bitWidth - paddingX;
-    group.append("rect").attr("x", blockX).attr("y", wordY).attr("width", width).attr("height", rowHeight).attr("class", "packetBlock");
-    group.append("text").attr("x", blockX + width / 2).attr("y", wordY + rowHeight / 2).attr("class", "packetLabel").attr("dominant-baseline", "middle").attr("text-anchor", "middle").text(block.label);
-    if (!showBits) {
-      continue;
-    }
-    const isSingleBlock = block.end === block.start;
-    const bitNumberY = wordY - 2;
-    group.append("text").attr("x", blockX + (isSingleBlock ? width / 2 : 0)).attr("y", bitNumberY).attr("class", "packetByte start").attr("dominant-baseline", "auto").attr("text-anchor", isSingleBlock ? "middle" : "start").text(block.start);
-    if (!isSingleBlock) {
-      group.append("text").attr("x", blockX + width).attr("y", bitNumberY).attr("class", "packetByte end").attr("dominant-baseline", "auto").attr("text-anchor", "end").text(block.end);
-    }
-  }
-}, "drawWord");
-var renderer = { draw };
-var defaultPacketStyleOptions = {
-  byteFontSize: "10px",
-  startByteColor: "black",
-  endByteColor: "black",
-  labelColor: "black",
-  labelFontSize: "12px",
-  titleColor: "black",
-  titleFontSize: "14px",
-  blockStrokeColor: "black",
-  blockStrokeWidth: "1",
-  blockFillColor: "#efefef"
-};
-var styles = /* @__PURE__ */ __name(({ packet } = {}) => {
-  const options = cleanAndMerge(defaultPacketStyleOptions, packet);
-  return `
-	.packetByte {
-		font-size: ${options.byteFontSize};
-	}
-	.packetByte.start {
-		fill: ${options.startByteColor};
-	}
-	.packetByte.end {
-		fill: ${options.endByteColor};
-	}
-	.packetLabel {
-		fill: ${options.labelColor};
-		font-size: ${options.labelFontSize};
-	}
-	.packetTitle {
-		fill: ${options.titleColor};
-		font-size: ${options.titleFontSize};
-	}
-	.packetBlock {
-		stroke: ${options.blockStrokeColor};
-		stroke-width: ${options.blockStrokeWidth};
-		fill: ${options.blockFillColor};
-	}
-	`;
-}, "styles");
-var diagram = {
-  parser,
-  db,
-  renderer,
-  styles
-};
-export {
-  diagram
-};