@spteck/react-controls-v2 2.0.18 → 2.2.1

package/dist/diagram-QEK2KX5R-NQiK3YZe.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-DkoeCnje.cjs"),e=require("./chunk-4BX2VUAB-DJlF8TIZ.cjs"),a=require("./mermaid-parser.core-C4ChZJz4.cjs");var r={showLegend:!0,ticks:5,max:null,min:0,graticule:"circle"},n={axes:[],curves:[],options:r},i=structuredClone(n),s=t.defaultConfig_default.radar,o=t.__name(()=>t.cleanAndMerge({...s,...t.getConfig().radar}),"getConfig"),l=t.__name(()=>i.axes,"getAxes"),c=t.__name(()=>i.curves,"getCurves"),d=t.__name(()=>i.options,"getOptions"),g=t.__name(t=>{i.axes=t.map(t=>({name:t.name,label:t.label??t.name}))},"setAxes"),m=t.__name(t=>{i.curves=t.map(t=>({name:t.name,label:t.label??t.name,entries:u(t.entries)}))},"setCurves"),u=t.__name(t=>{if(null==t[0].axis)return t.map(t=>t.value);const e=l();if(0===e.length)throw new Error("Axes must be populated before curves for reference entries");return e.map(e=>{const a=t.find(t=>{var a;return(null==(a=t.axis)?void 0:a.$refText)===e.name});if(void 0===a)throw new Error("Missing entry for axis "+e.label);return a.value})},"computeCurveEntries"),p={getAxes:l,getCurves:c,getOptions:d,setAxes:g,setCurves:m,setOptions:t.__name(t=>{var e,a,n,s,o;const l=t.reduce((t,e)=>(t[e.name]=e,t),{});i.options={showLegend:(null==(e=l.showLegend)?void 0:e.value)??r.showLegend,ticks:(null==(a=l.ticks)?void 0:a.value)??r.ticks,max:(null==(n=l.max)?void 0:n.value)??r.max,min:(null==(s=l.min)?void 0:s.value)??r.min,graticule:(null==(o=l.graticule)?void 0:o.value)??r.graticule}},"setOptions"),getConfig:o,clear:t.__name(()=>{t.clear(),i=structuredClone(n)},"clear"),setAccTitle:t.setAccTitle,getAccTitle:t.getAccTitle,setDiagramTitle:t.setDiagramTitle,getDiagramTitle:t.getDiagramTitle,getAccDescription:t.getAccDescription,setAccDescription:t.setAccDescription},h=t.__name(t=>{e.populateCommonDb(t,p);const{axes:a,curves:r,options:n}=t;p.setAxes(a),p.setCurves(r),p.setOptions(n)},"populate"),x={parse:t.__name(async e=>{const r=await a.parse("radar",e);t.log.debug(r),h(r)},"parse")},f=t.__name((e,a,r,n)=>{const i=n.db,s=i.getAxes(),o=i.getCurves(),l=i.getOptions(),c=i.getConfig(),d=i.getDiagramTitle(),g=t.selectSvgElement(a),m=_(g,c),u=l.max??Math.max(...o.map(t=>Math.max(...t.entries))),p=l.min,h=Math.min(c.width,c.height)/2;$(m,s,h,l.ticks,l.graticule),v(m,s,h,c),y(m,s,o,p,u,l.graticule,c),C(m,o,l.showLegend,c),m.append("text").attr("class","radarTitle").text(d).attr("x",0).attr("y",-c.height/2-c.marginTop)},"draw"),_=t.__name((t,e)=>{const a=e.width+e.marginLeft+e.marginRight,r=e.height+e.marginTop+e.marginBottom,n=e.marginLeft+e.width/2,i=e.marginTop+e.height/2;return t.attr("viewbox",`0 0 ${a} ${r}`).attr("width",a).attr("height",r),t.append("g").attr("transform",`translate(${n}, ${i})`)},"drawFrame"),$=t.__name((t,e,a,r,n)=>{if("circle"===n)for(let i=0;i<r;i++){const e=a*(i+1)/r;t.append("circle").attr("r",e).attr("class","radarGraticule")}else if("polygon"===n){const n=e.length;for(let i=0;i<r;i++){const s=a*(i+1)/r,o=e.map((t,e)=>{const a=2*e*Math.PI/n-Math.PI/2;return`${s*Math.cos(a)},${s*Math.sin(a)}`}).join(" ");t.append("polygon").attr("points",o).attr("class","radarGraticule")}}},"drawGraticule"),v=t.__name((t,e,a,r)=>{const n=e.length;for(let i=0;i<n;i++){const s=e[i].label,o=2*i*Math.PI/n-Math.PI/2;t.append("line").attr("x1",0).attr("y1",0).attr("x2",a*r.axisScaleFactor*Math.cos(o)).attr("y2",a*r.axisScaleFactor*Math.sin(o)).attr("class","radarAxisLine"),t.append("text").text(s).attr("x",a*r.axisLabelFactor*Math.cos(o)).attr("y",a*r.axisLabelFactor*Math.sin(o)).attr("class","radarAxisLabel")}},"drawAxes");function y(t,e,a,r,n,i,s){const o=e.length,l=Math.min(s.width,s.height)/2;a.forEach((e,a)=>{if(e.entries.length!==o)return;const c=e.entries.map((t,e)=>{const a=2*Math.PI*e/o-Math.PI/2,i=b(t,r,n,l);return{x:i*Math.cos(a),y:i*Math.sin(a)}});"circle"===i?t.append("path").attr("d",w(c,s.curveTension)).attr("class",`radarCurve-${a}`):"polygon"===i&&t.append("polygon").attr("points",c.map(t=>`${t.x},${t.y}`).join(" ")).attr("class",`radarCurve-${a}`)})}function b(t,e,a,r){return r*(Math.min(Math.max(t,e),a)-e)/(a-e)}function w(t,e){const a=t.length;let r=`M${t[0].x},${t[0].y}`;for(let n=0;n<a;n++){const i=t[(n-1+a)%a],s=t[n],o=t[(n+1)%a],l=t[(n+2)%a],c={x:s.x+(o.x-i.x)*e,y:s.y+(o.y-i.y)*e},d={x:o.x-(l.x-s.x)*e,y:o.y-(l.y-s.y)*e};r+=` C${c.x},${c.y} ${d.x},${d.y} ${o.x},${o.y}`}return`${r} Z`}function C(t,e,a,r){if(!a)return;const n=3*(r.width/2+r.marginRight)/4,i=3*-(r.height/2+r.marginTop)/4;e.forEach((e,a)=>{const r=t.append("g").attr("transform",`translate(${n}, ${i+20*a})`);r.append("rect").attr("width",12).attr("height",12).attr("class",`radarLegendBox-${a}`),r.append("text").attr("x",16).attr("y",0).attr("class","radarLegendText").text(e.label)})}t.__name(y,"drawCurves"),t.__name(b,"relativeRadius"),t.__name(w,"closedRoundCurve"),t.__name(C,"drawLegend");var M={draw:f},A=t.__name((t,e)=>{let a="";for(let r=0;r<t.THEME_COLOR_LIMIT;r++){const n=t[`cScale${r}`];a+=`\n\t\t.radarCurve-${r} {\n\t\t\tcolor: ${n};\n\t\t\tfill: ${n};\n\t\t\tfill-opacity: ${e.curveOpacity};\n\t\t\tstroke: ${n};\n\t\t\tstroke-width: ${e.curveStrokeWidth};\n\t\t}\n\t\t.radarLegendBox-${r} {\n\t\t\tfill: ${n};\n\t\t\tfill-opacity: ${e.curveOpacity};\n\t\t\tstroke: ${n};\n\t\t}\n\t\t`}return a},"genIndexStyles"),T=t.__name(e=>{const a=t.getThemeVariables3(),r=t.getConfig(),n=t.cleanAndMerge(a,r.themeVariables);return{themeVariables:n,radarOptions:t.cleanAndMerge(n.radar,e)}},"buildRadarStyleOptions"),L={parser:x,db:p,renderer:M,styles:t.__name(({radar:t}={})=>{const{themeVariables:e,radarOptions:a}=T(t);return`\n\t.radarTitle {\n\t\tfont-size: ${e.fontSize};\n\t\tcolor: ${e.titleColor};\n\t\tdominant-baseline: hanging;\n\t\ttext-anchor: middle;\n\t}\n\t.radarAxisLine {\n\t\tstroke: ${a.axisColor};\n\t\tstroke-width: ${a.axisStrokeWidth};\n\t}\n\t.radarAxisLabel {\n\t\tdominant-baseline: middle;\n\t\ttext-anchor: middle;\n\t\tfont-size: ${a.axisLabelFontSize}px;\n\t\tcolor: ${a.axisColor};\n\t}\n\t.radarGraticule {\n\t\tfill: ${a.graticuleColor};\n\t\tfill-opacity: ${a.graticuleOpacity};\n\t\tstroke: ${a.graticuleColor};\n\t\tstroke-width: ${a.graticuleStrokeWidth};\n\t}\n\t.radarLegendText {\n\t\ttext-anchor: start;\n\t\tfont-size: ${a.legendFontSize}px;\n\t\tdominant-baseline: hanging;\n\t}\n\t${A(e,a)}\n\t`},"styles")};exports.diagram=L;
+//# sourceMappingURL=diagram-QEK2KX5R-NQiK3YZe.cjs.map

package/dist/diagram-QEK2KX5R-YQAU79Lo.js

@@ -0,0 +1,305 @@
+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-CP55uT1-.js";
+import { p as populateCommonDb } from "./chunk-4BX2VUAB-ghaW5jSQ.js";
+import { p as parse } from "./mermaid-parser.core-BbdofhA6.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) => {
+      var _a;
+      return ((_a = entry2.axis) == null ? void 0 : _a.$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) => {
+  var _a, _b, _c, _d, _e;
+  const optionMap = options.reduce(
+    (acc, option) => {
+      acc[option.name] = option;
+      return acc;
+    },
+    {}
+  );
+  data.options = {
+    showLegend: ((_a = optionMap.showLegend) == null ? void 0 : _a.value) ?? defaultOptions.showLegend,
+    ticks: ((_b = optionMap.ticks) == null ? void 0 : _b.value) ?? defaultOptions.ticks,
+    max: ((_c = optionMap.max) == null ? void 0 : _c.value) ?? defaultOptions.max,
+    min: ((_d = optionMap.min) == null ? void 0 : _d.value) ?? defaultOptions.min,
+    graticule: ((_e = optionMap.graticule) == null ? void 0 : _e.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
+};
+//# sourceMappingURL=diagram-QEK2KX5R-YQAU79Lo.js.map

package/dist/diagram-S2PKOQOG-Cob2HIrt.cjs

@@ -0,0 +1,2 @@
+"use strict";var t;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DkoeCnje.cjs"),a=require("./chunk-4BX2VUAB-DJlF8TIZ.cjs"),r=require("./mermaid-parser.core-C4ChZJz4.cjs");var n=e.defaultConfig_default.packet,i=(t=class{constructor(){this.packet=[],this.setAccTitle=e.setAccTitle,this.getAccTitle=e.getAccTitle,this.setDiagramTitle=e.setDiagramTitle,this.getDiagramTitle=e.getDiagramTitle,this.getAccDescription=e.getAccDescription,this.setAccDescription=e.setAccDescription}getConfig(){const t=e.cleanAndMerge({...n,...e.getConfig().packet});return t.showBits&&(t.paddingY+=10),t}getPacket(){return this.packet}pushWord(t){t.length>0&&this.packet.push(t)}clear(){e.clear(),this.packet=[]}},e.__name(t,"PacketDB"),t),o=e.__name((t,r)=>{a.populateCommonDb(t,r);let n=-1,i=[],o=1;const{bitsPerRow:l}=r.getConfig();for(let{start:a,end:c,bits:d,label:p}of t.blocks){if(void 0!==a&&void 0!==c&&c<a)throw new Error(`Packet block ${a} - ${c} is invalid. End must be greater than start.`);if(a??(a=n+1),a!==n+1)throw new Error(`Packet block ${a} - ${c??a} is not contiguous. It should start from ${n+1}.`);if(0===d)throw new Error(`Packet block ${a} is invalid. Cannot have a zero bit field.`);for(c??(c=a+(d??1)-1),d??(d=c-a+1),n=c,e.log.debug(`Packet block ${a} - ${n} with label ${p}`);i.length<=l+1&&r.getPacket().length<1e4;){const[t,e]=s({start:a,end:c,bits:d,label:p},o,l);if(i.push(t),t.end+1===o*l&&(r.pushWord(i),i=[],o++),!e)break;({start:a,end:c,bits:d,label:p}=e)}}r.pushWord(i)},"populate"),s=e.__name((t,e,a)=>{if(void 0===t.start)throw new Error("start should have been set during first phase");if(void 0===t.end)throw new Error("end should have been set during first phase");if(t.start>t.end)throw new Error(`Block start ${t.start} is greater than block end ${t.end}.`);if(t.end+1<=e*a)return[t,void 0];const r=e*a-1,n=e*a;return[{start:t.start,end:r,label:t.label,bits:r-t.start},{start:n,end:t.end,label:t.label,bits:t.end-n}]},"getNextFittingBlock"),l={parser:{yy:void 0},parse:e.__name(async t=>{var a;const n=await r.parse("packet",t),s=null==(a=l.parser)?void 0:a.yy;if(!(s instanceof i))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.");e.log.debug(n),o(n,s)},"parse")},c=e.__name((t,a,r,n)=>{const i=n.db,o=i.getConfig(),{rowHeight:s,paddingY:l,bitWidth:c,bitsPerRow:p}=o,b=i.getPacket(),h=i.getDiagramTitle(),g=s+l,k=g*(b.length+1)-(h?0:s),u=c*p+2,f=e.selectSvgElement(a);f.attr("viewbox",`0 0 ${u} ${k}`),e.configureSvgSize(f,k,u,o.useMaxWidth);for(const[e,m]of b.entries())d(f,m,e,o);f.append("text").text(h).attr("x",u/2).attr("y",k-g/2).attr("dominant-baseline","middle").attr("text-anchor","middle").attr("class","packetTitle")},"draw"),d=e.__name((t,e,a,{rowHeight:r,paddingX:n,paddingY:i,bitWidth:o,bitsPerRow:s,showBits:l})=>{const c=t.append("g"),d=a*(r+i)+i;for(const p of e){const t=p.start%s*o+1,e=(p.end-p.start+1)*o-n;if(c.append("rect").attr("x",t).attr("y",d).attr("width",e).attr("height",r).attr("class","packetBlock"),c.append("text").attr("x",t+e/2).attr("y",d+r/2).attr("class","packetLabel").attr("dominant-baseline","middle").attr("text-anchor","middle").text(p.label),!l)continue;const a=p.end===p.start,i=d-2;c.append("text").attr("x",t+(a?e/2:0)).attr("y",i).attr("class","packetByte start").attr("dominant-baseline","auto").attr("text-anchor",a?"middle":"start").text(p.start),a||c.append("text").attr("x",t+e).attr("y",i).attr("class","packetByte end").attr("dominant-baseline","auto").attr("text-anchor","end").text(p.end)}},"drawWord"),p={draw:c},b={byteFontSize:"10px",startByteColor:"black",endByteColor:"black",labelColor:"black",labelFontSize:"12px",titleColor:"black",titleFontSize:"14px",blockStrokeColor:"black",blockStrokeWidth:"1",blockFillColor:"#efefef"},h=e.__name(({packet:t}={})=>{const a=e.cleanAndMerge(b,t);return`\n\t.packetByte {\n\t\tfont-size: ${a.byteFontSize};\n\t}\n\t.packetByte.start {\n\t\tfill: ${a.startByteColor};\n\t}\n\t.packetByte.end {\n\t\tfill: ${a.endByteColor};\n\t}\n\t.packetLabel {\n\t\tfill: ${a.labelColor};\n\t\tfont-size: ${a.labelFontSize};\n\t}\n\t.packetTitle {\n\t\tfill: ${a.titleColor};\n\t\tfont-size: ${a.titleFontSize};\n\t}\n\t.packetBlock {\n\t\tstroke: ${a.blockStrokeColor};\n\t\tstroke-width: ${a.blockStrokeWidth};\n\t\tfill: ${a.blockFillColor};\n\t}\n\t`},"styles"),g={parser:l,get db(){return new i},renderer:p,styles:h};exports.diagram=g;
+//# sourceMappingURL=diagram-S2PKOQOG-Cob2HIrt.cjs.map

package/dist/diagram-S2PKOQOG-D8jaJbP8.js

@@ -0,0 +1,212 @@
+var _a;
+import { _ as __name, F as cleanAndMerge, K as selectSvgElement, e as configureSvgSize, l as log, b as setAccTitle, a as getAccTitle, q as setDiagramTitle, t as getDiagramTitle, g as getAccDescription, s as setAccDescription, G as getConfig, H as defaultConfig_default, z as clear } from "./index-CP55uT1-.js";
+import { p as populateCommonDb } from "./chunk-4BX2VUAB-ghaW5jSQ.js";
+import { p as parse } from "./mermaid-parser.core-BbdofhA6.js";
+var DEFAULT_PACKET_CONFIG = defaultConfig_default.packet;
+var PacketDB = (_a = class {
+  constructor() {
+    this.packet = [];
+    this.setAccTitle = setAccTitle;
+    this.getAccTitle = getAccTitle;
+    this.setDiagramTitle = setDiagramTitle;
+    this.getDiagramTitle = getDiagramTitle;
+    this.getAccDescription = getAccDescription;
+    this.setAccDescription = setAccDescription;
+  }
+  getConfig() {
+    const config = cleanAndMerge({
+      ...DEFAULT_PACKET_CONFIG,
+      ...getConfig().packet
+    });
+    if (config.showBits) {
+      config.paddingY += 10;
+    }
+    return config;
+  }
+  getPacket() {
+    return this.packet;
+  }
+  pushWord(word) {
+    if (word.length > 0) {
+      this.packet.push(word);
+    }
+  }
+  clear() {
+    clear();
+    this.packet = [];
+  }
+}, __name(_a, "PacketDB"), _a);
+var maxPacketSize = 1e4;
+var populate = /* @__PURE__ */ __name((ast, db) => {
+  populateCommonDb(ast, db);
+  let lastBit = -1;
+  let word = [];
+  let row = 1;
+  const { bitsPerRow } = db.getConfig();
+  for (let { start, end, bits, label } of ast.blocks) {
+    if (start !== void 0 && end !== void 0 && end < start) {
+      throw new Error(`Packet block ${start} - ${end} is invalid. End must be greater than start.`);
+    }
+    start ?? (start = lastBit + 1);
+    if (start !== lastBit + 1) {
+      throw new Error(
+        `Packet block ${start} - ${end ?? start} is not contiguous. It should start from ${lastBit + 1}.`
+      );
+    }
+    if (bits === 0) {
+      throw new Error(`Packet block ${start} is invalid. Cannot have a zero bit field.`);
+    }
+    end ?? (end = start + (bits ?? 1) - 1);
+    bits ?? (bits = end - start + 1);
+    lastBit = end;
+    log.debug(`Packet block ${start} - ${lastBit} with label ${label}`);
+    while (word.length <= bitsPerRow + 1 && db.getPacket().length < maxPacketSize) {
+      const [block, nextBlock] = getNextFittingBlock({ start, end, bits, label }, row, bitsPerRow);
+      word.push(block);
+      if (block.end + 1 === row * bitsPerRow) {
+        db.pushWord(word);
+        word = [];
+        row++;
+      }
+      if (!nextBlock) {
+        break;
+      }
+      ({ start, end, bits, label } = nextBlock);
+    }
+  }
+  db.pushWord(word);
+}, "populate");
+var getNextFittingBlock = /* @__PURE__ */ __name((block, row, bitsPerRow) => {
+  if (block.start === void 0) {
+    throw new Error("start should have been set during first phase");
+  }
+  if (block.end === void 0) {
+    throw new Error("end should have been set during first phase");
+  }
+  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];
+  }
+  const rowEnd = row * bitsPerRow - 1;
+  const rowStart = row * bitsPerRow;
+  return [
+    {
+      start: block.start,
+      end: rowEnd,
+      label: block.label,
+      bits: rowEnd - block.start
+    },
+    {
+      start: rowStart,
+      end: block.end,
+      label: block.label,
+      bits: block.end - rowStart
+    }
+  ];
+}, "getNextFittingBlock");
+var parser = {
+  // @ts-expect-error - PacketDB is not assignable to DiagramDB
+  parser: { yy: void 0 },
+  parse: /* @__PURE__ */ __name(async (input) => {
+    var _a2;
+    const ast = await parse("packet", input);
+    const db = (_a2 = parser.parser) == null ? void 0 : _a2.yy;
+    if (!(db instanceof PacketDB)) {
+      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."
+      );
+    }
+    log.debug(ast);
+    populate(ast, db);
+  }, "parse")
+};
+var draw = /* @__PURE__ */ __name((_text, id, _version, diagram2) => {
+  const db = diagram2.db;
+  const config = db.getConfig();
+  const { rowHeight, paddingY, bitWidth, bitsPerRow } = config;
+  const words = db.getPacket();
+  const title = db.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,
+  get db() {
+    return new PacketDB();
+  },
+  renderer,
+  styles
+};
+export {
+  diagram
+};
+//# sourceMappingURL=diagram-S2PKOQOG-D8jaJbP8.js.map