sparkdesign 0.4.3 → 0.4.4

package/dist/diagram-QEK2KX5R-BpUSoh0-.js

@@ -0,0 +1,217 @@
+import { s as k, g as R, q as E, p as F, a as I, b as _, _ as l, H as D, y as G, D as f, E as P, F as C, l as z, K as H } from "./mermaid.core-gFR0XUlD.js";
+import { p as V } from "./chunk-4BX2VUAB-Czitj3Kc.js";
+import { p as W } from "./treemap-GDKQZRPO-B9sfERx8.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-QEK2KX5R-DZPGteon.cjs

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

package/dist/diagram-S2PKOQOG-ht-zdvFG.cjs

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

package/dist/diagram-S2PKOQOG-zFeLJ50Z.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 "./mermaid.core-gFR0XUlD.js";
+import { p as _ } from "./chunk-4BX2VUAB-Czitj3Kc.js";
+import { p as N } from "./treemap-GDKQZRPO-B9sfERx8.js";
+var L = z.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,
+      ...A().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
+};