file-viewer3 1.0.8 → 1.0.26

package/dist/components/diagram-KO2AKTUF.js

@@ -0,0 +1,443 @@
+import { n as e, t } from "./objectSpread2.js";
+import { n, t as r } from "./asyncToGenerator.js";
+import { n as i, r as a } from "./chunk-AGHRB4JF.js";
+import { H as o, K as s, U as c, Y as l, a as u, b as d, f, v as p, w as m, x as h, y as g, z as _ } from "./chunk-CSCIHK7Q.js";
+import { Q as ee } from "./src.js";
+import { _ as v, i as te, t as ne } from "./chunk-5ZQYHXKU.js";
+import { b as re } from "./chunk-NNHCCRGN.js";
+import { t as ie } from "./mermaid-parser.core.js";
+import { t as ae } from "./chunk-4BX2VUAB.js";
+e(), n();
+var y = "position frame", b = "frame positioned", x = "position relation", S = "relation positioned", oe = /* @__PURE__ */ i(function(e) {
+	a.debug("options str", e);
+}, "setOptions"), se = /* @__PURE__ */ i(function() {
+	return {};
+}, "getOptions"), ce = /* @__PURE__ */ i(function() {
+	C(), u();
+}, "clear");
+function C() {
+	w = {};
+}
+i(C, "reset");
+var le = f.eventmodeling, ue = /* @__PURE__ */ i(() => te(t(t({}, le), d().eventmodeling)), "getConfig"), w = {};
+function T() {
+	let e = de, { ast: n } = w, r = O();
+	if (!n) throw Error("No data for EventModel");
+	return n.frames.forEach((t, i) => {
+		let o = F(t, n.dataEntities, r);
+		e = J(e, {
+			$kind: y,
+			index: i,
+			frame: t,
+			textProps: o
+		});
+		let s;
+		V(t) ? (a.debug("source frame", t.sourceFrames), s = n.frames.filter((e) => t.sourceFrames.some((t) => t.$refText === e.name)), s.forEach((n) => {
+			e = J(e, {
+				$kind: x,
+				index: i,
+				frame: t,
+				sourceFrame: n
+			});
+		})) : e = J(e, {
+			$kind: x,
+			index: i,
+			frame: t
+		});
+	}), e = t(t({}, e), {}, { sortedSwimlanesArray: R(e.swimlanes) }), e;
+}
+i(T, "getState");
+function E(e) {
+	w.ast = e;
+}
+i(E, "setAst");
+var D = {
+	swimlaneMinHeight: 70,
+	swimlanePadding: 15,
+	swimlaneGap: 10,
+	boxPadding: 10,
+	boxOverlap: 90,
+	boxDefaultY: 0,
+	boxMinWidth: 80,
+	boxMaxWidth: 450,
+	boxMinHeight: 80,
+	boxMaxHeight: 750,
+	contentStartX: 250,
+	textMaxWidth: 430,
+	boxTextFontWeight: "bold",
+	boxTextPadding: 10,
+	swimlaneTextFontWeight: "bold",
+	labelUiAutomation: "UI/Automation",
+	labelUiAutomationPrefix: "UI/A: ",
+	labelCommandReadModel: "Command/Read Model",
+	labelCommandReadModelPrefix: "C/RM: ",
+	labelEvents: "Events",
+	labelEventsPrefix: "Stream: "
+};
+function O() {
+	return D;
+}
+i(O, "getDiagramProps");
+var de = {
+	boxes: [],
+	swimlanes: {},
+	relations: [],
+	maxR: 0,
+	sortedSwimlanesArray: []
+};
+function k(e) {
+	let t = e.split(".");
+	if (t.length === 2) return t[0];
+}
+i(k, "extractNamespace");
+function A(e) {
+	let t = e.split(".");
+	return t.length === 2 ? t[1] : e;
+}
+i(A, "extractName");
+function j(e, t) {
+	if (!(!t || t.length === 0)) return Object.values(e).find((e) => e.namespace === t);
+}
+i(j, "findSwimlaneByNamespace");
+function M(e, t, n) {
+	return Math.max(t, ...Object.keys(e).filter((e) => {
+		let r = Number.parseInt(e);
+		return r > t && r < n;
+	}).map((e) => Number.parseInt(e))) + 1;
+}
+i(M, "findNextAvailableIndex");
+function N(e, t) {
+	let n = k(e.entityIdentifier), r = j(t, n);
+	switch (e.modelEntityType) {
+		case "ui":
+		case "pcr":
+		case "processor": return r ? {
+			index: r.index,
+			label: r.namespace || D.labelUiAutomation
+		} : n ? {
+			index: M(t, 0, 100),
+			label: D.labelUiAutomationPrefix + n
+		} : {
+			index: 0,
+			label: D.labelUiAutomation
+		};
+		case "rmo":
+		case "readmodel":
+		case "cmd":
+		case "command": return r ? {
+			index: r.index,
+			label: r.namespace || D.labelCommandReadModel
+		} : n ? {
+			index: M(t, 100, 200),
+			label: D.labelCommandReadModelPrefix + n
+		} : {
+			index: 100,
+			label: D.labelCommandReadModel
+		};
+		default: return r ? {
+			index: r.index,
+			label: r.namespace || D.labelEvents
+		} : n ? {
+			index: M(t, 200, 300),
+			label: D.labelEventsPrefix + n
+		} : {
+			index: 200,
+			label: D.labelEvents
+		};
+	}
+}
+i(N, "calculateSwimlaneProps");
+function P(e) {
+	let { themeVariables: t } = d();
+	switch (e.modelEntityType) {
+		case "ui":
+			var n, r;
+			return {
+				fill: (n = t.emUiFill) == null ? "white" : n,
+				stroke: (r = t.emUiStroke) == null ? "#dbdada" : r
+			};
+		case "pcr":
+		case "processor":
+			var i, a;
+			return {
+				fill: (i = t.emProcessorFill) == null ? "#edb3f6" : i,
+				stroke: (a = t.emProcessorStroke) == null ? "#b88cbf" : a
+			};
+		case "rmo":
+		case "readmodel":
+			var o, s;
+			return {
+				fill: (o = t.emReadModelFill) == null ? "#d3f1a2" : o,
+				stroke: (s = t.emReadModelStroke) == null ? "#a3b732" : s
+			};
+		case "cmd":
+		case "command":
+			var c, l;
+			return {
+				fill: (c = t.emCommandFill) == null ? "#bcd6fe" : c,
+				stroke: (l = t.emCommandStroke) == null ? "#679ac3" : l
+			};
+		case "evt":
+		case "event":
+			var u, f;
+			return {
+				fill: (u = t.emEventFill) == null ? "#ffb778" : u,
+				stroke: (f = t.emEventStroke) == null ? "#c19a0f" : f
+			};
+		default: return {
+			fill: "red",
+			stroke: "black"
+		};
+	}
+}
+i(P, "calculateEntityVisualProps");
+function F(e, t, n) {
+	var r;
+	let i = d(), o = _((r = A(e.entityIdentifier)) == null ? "" : r, i), s, c = {
+		fontSize: 16,
+		fontWeight: 700,
+		fontFamily: "\"trebuchet ms\", verdana, arial, sans-serif",
+		joinWith: "<br/>"
+	}, l = `<b>${v(o, n.textMaxWidth, c)}</b>`;
+	if (e.dataInlineValue && (s = e.dataInlineValue, s = s.substring(s.indexOf("{") + 1), s = s.substring(0, s.lastIndexOf("}") - 1), s = _(s, i), s = v(s, n.textMaxWidth, c), s = s.replaceAll(" ", "&nbsp;")), e.dataReference) {
+		let r = t.find((t) => {
+			var n;
+			return t.name === ((n = e.dataReference) == null ? void 0 : n.$refText);
+		});
+		r && (s = r.dataBlockValue, s = s.substring(s.indexOf("{\n") + 2), s = s.substring(0, s.lastIndexOf("}") - 1), s = _(s, i), s = v(s, n.textMaxWidth, c), s = s.replaceAll(" ", "&nbsp;"), s += "<br/>");
+	}
+	let u = s !== void 0;
+	u && (l += `<br/><br/><code style="text-align: left; display: block;max-width:${n.textMaxWidth}px">${s}</code>`);
+	let f = {
+		fontSize: c.fontSize,
+		fontWeight: c.fontWeight,
+		fontFamily: c.fontFamily
+	}, p = ne(l, f), m = u ? p.width / 3 : p.width, h = {
+		content: l,
+		width: m,
+		height: p.height
+	};
+	return a.debug(`[${e.name}] ${e.entityIdentifier} text`, h), h;
+}
+i(F, "calculateTextProps");
+function fe(e, t) {
+	let n = t, r = P(n.frame), i = {
+		width: n.textProps.width + 2 * D.boxTextPadding,
+		height: n.textProps.height + 2 * D.boxTextPadding
+	};
+	return [{
+		$kind: b,
+		frame: n.frame,
+		index: n.index,
+		visual: r,
+		dimension: i,
+		textProps: n.textProps
+	}];
+}
+i(fe, "decidePositionFrame");
+function I(e, t, n) {
+	return t === void 0 ? D.contentStartX : t.index === e.index && e.r ? e.r + D.boxPadding : n === void 0 ? D.contentStartX : n.r - D.boxOverlap + D.boxPadding;
+}
+i(I, "calculateX");
+function L(e, t) {
+	let n = [...e.map((e) => e.r), t];
+	return Math.max(...n);
+}
+i(L, "calculateMaxRight");
+function R(e) {
+	return Object.values(e).sort((e, t) => e.index - t.index);
+}
+i(R, "sortedSwimlanesArray");
+function z(e, n) {
+	let r = n, i = N(r.frame, e.swimlanes), a;
+	a = i.index in e.swimlanes ? e.swimlanes[i.index] : {
+		index: i.index,
+		label: i.label,
+		r: 0,
+		y: i.index * D.swimlaneMinHeight + D.swimlaneGap,
+		height: D.swimlaneMinHeight,
+		maxHeight: D.swimlaneMinHeight
+	};
+	let o = e.boxes.length > 0 ? e.boxes[e.boxes.length - 1] : void 0, s = e.previousSwimlaneNumber === void 0 ? void 0 : e.swimlanes[e.previousSwimlaneNumber], c = {
+		width: Math.max(D.boxMinWidth, Math.min(D.boxMaxWidth, r.dimension.width)) + 2 * D.boxPadding,
+		height: Math.max(D.boxMinHeight, Math.min(D.boxMaxHeight, r.dimension.height)) + 2 * D.boxPadding
+	}, l = I(a, s, o), u = l + c.width + D.boxPadding, d = L(Object.values(e.swimlanes), u);
+	a.r = l + c.width, a.maxHeight = Math.max(a.maxHeight, c.height), a.height = Math.max(D.swimlaneMinHeight, a.maxHeight) + 2 * D.swimlanePadding;
+	let f = {
+		x: l,
+		y: D.swimlanePadding + a.y,
+		r: u,
+		dimension: c,
+		leftSibling: !1,
+		swimlane: a,
+		visual: r.visual,
+		text: r.textProps.content,
+		frame: r.frame,
+		index: r.index
+	}, p = t(t({}, e), {}, {
+		boxes: [...e.boxes, f],
+		swimlanes: t(t({}, e.swimlanes), {}, { [`${a.index}`]: a }),
+		previousSwimlaneNumber: i.index,
+		previousFrame: r.frame,
+		maxR: d
+	}), m = R(p.swimlanes);
+	m.length > 0 && (m[0].y = 0);
+	for (let e = 1; e < m.length; e++) {
+		let t = m[e], n = m[e - 1];
+		t.y = n.y + n.height + D.swimlaneGap;
+	}
+	return p;
+}
+i(z, "evolveFramePositioned");
+function B(e, t) {
+	return e === 0 && t.sourceFrames.length === 0;
+}
+i(B, "isFirstFrame");
+function V(e) {
+	return e.sourceFrames !== void 0 && e.sourceFrames !== null && e.sourceFrames.length > 0;
+}
+i(V, "hasSourceFrame");
+function H(e, t) {
+	if (t != null) return e.find((e) => e.frame.name === t.name);
+}
+i(H, "findBoxByFrame");
+function U(e, t, n) {
+	if (!(n < 0)) for (let r = n; r >= 0; r--) {
+		let n = e[r];
+		if (n.swimlane.index !== t) return n;
+	}
+}
+i(U, "findBoxByLineIndex");
+function W(e, t) {
+	let n = t;
+	if (re(n.frame) || B(n.index, n.frame)) return [];
+	let r = H(e.boxes, n.frame);
+	if (r === void 0) throw Error(`Target box not found for frame ${n.frame.name}`);
+	let i;
+	return i = n.sourceFrame ? H(e.boxes, n.sourceFrame) : U(e.boxes, r.swimlane.index, n.index - 1), i === void 0 ? [] : [{
+		$kind: S,
+		frame: n.frame,
+		index: n.index,
+		sourceBox: i,
+		targetBox: r
+	}];
+}
+i(W, "decidePositionRelation");
+function G(e, n) {
+	let r = n, i = {
+		visual: {
+			fill: "none",
+			stroke: "#000"
+		},
+		source: {
+			x: r.sourceBox.x,
+			y: r.sourceBox.y
+		},
+		target: {
+			x: r.targetBox.x,
+			y: r.targetBox.y
+		},
+		sourceBox: r.sourceBox,
+		targetBox: r.targetBox
+	};
+	return t(t({}, e), {}, { relations: [...e.relations, i] });
+}
+i(G, "evolveRelationPositioned");
+var pe = {
+	[y]: fe,
+	[x]: W
+}, me = {
+	[b]: z,
+	[S]: G
+};
+function K(e, t) {
+	let n = pe[t.$kind];
+	if (n == null) return [];
+	let r = n(e, t);
+	return a.debug("decided events", r), r;
+}
+i(K, "decide");
+function q(e, t) {
+	let n = t.reduce((e, t) => {
+		let n = me[t.$kind];
+		return n == null ? e : n(e, t);
+	}, e);
+	return a.debug("evolve events", {
+		state: e,
+		newState: n,
+		events: t
+	}), n;
+}
+i(q, "evolve");
+function J(e, t) {
+	return q(e, K(e, t));
+}
+i(J, "dispatch");
+var Y = {
+	getConfig: ue,
+	setOptions: oe,
+	getOptions: se,
+	clear: ce,
+	setAccTitle: c,
+	getAccTitle: g,
+	getAccDescription: p,
+	setAccDescription: o,
+	setDiagramTitle: s,
+	getDiagramTitle: m,
+	setAst: E,
+	getDiagramProps: O,
+	getState: T
+}, he = { parse: /* @__PURE__ */ i(function() {
+	var e = r(function* (e) {
+		let t = yield ie("eventmodeling", e);
+		a.debug(t), Y.setAst(t), ae(t, Y);
+	});
+	return function(t) {
+		return e.apply(this, arguments);
+	};
+}(), "parse") }, X = h(), ge = X == null ? void 0 : X.eventmodeling;
+function Z(e, t) {
+	return (n) => {
+		let r = n.swimlane.y + t.swimlanePadding, i = e.append("g").attr("class", "em-box");
+		i.append("rect").attr("x", n.x).attr("y", r).attr("rx", "3").attr("width", n.dimension.width).attr("height", n.dimension.height).attr("stroke", n.visual.stroke).attr("fill", n.visual.fill), i.append("foreignObject").attr("x", n.x + t.boxPadding).attr("y", r + 10).attr("width", n.dimension.width - 2 * t.boxPadding).attr("height", n.dimension.height - 2 * t.boxPadding).append("xhtml:div").style("display", "table").style("height", "100%").style("width", "100%").append("span").style("display", "table-cell").style("text-align", "center").style("vertical-align", "middle").html(n.text);
+	};
+}
+i(Z, "renderD3Box");
+function _e(e, t) {
+	return e > t;
+}
+i(_e, "dirUpwards");
+function Q(e, t, n, r) {
+	return (i) => {
+		var o;
+		let s = i.sourceBox.swimlane.y + t.swimlanePadding, c = i.targetBox.swimlane.y + t.swimlanePadding, l = _e(s, c), u = i.sourceBox.x + i.sourceBox.dimension.width * 2 / 3, d = i.targetBox.x + i.targetBox.dimension.width / 3, f, p;
+		a.debug(`rendering relation up=${l} for `, {
+			sourceBox: i.sourceBox,
+			targetBox: i.targetBox
+		}), l ? (f = s, p = c + i.targetBox.dimension.height) : (f = s + i.sourceBox.dimension.height, p = c);
+		let m = (o = r.emRelationStroke) == null ? i.visual.stroke : o;
+		e.append("path").attr("class", "em-relation").attr("fill", i.visual.fill).attr("stroke", m).attr("stroke-width", "1").attr("marker-end", `url(#${n})`).attr("d", `M${u} ${f} L${d} ${p}`);
+	};
+}
+i(Q, "renderD3Relation");
+function $(e, t, n, r) {
+	return (i) => {
+		var a, o;
+		let s = e.append("g").attr("class", "em-swimlane"), c = (a = r.emSwimlaneBackgroundOdd) == null ? "rgb(250,250,250)" : a, l = (o = r.emSwimlaneBackgroundStroke) == null ? "rgb(240,240,240)" : o;
+		s.append("rect").attr("x", 0).attr("y", i.y).attr("rx", "3").attr("width", t + n.swimlanePadding).attr("height", i.height).attr("fill", c).attr("stroke", l), s.append("text").attr("font-weight", n.swimlaneTextFontWeight).attr("x", 30).attr("y", i.y + 30).text(i.label);
+	};
+}
+i($, "renderD3Swimlane");
+var ve = {
+	parser: he,
+	db: Y,
+	renderer: { draw: /* @__PURE__ */ i(function(e, t, n, r) {
+		var i, o;
+		if (a.debug("in eventmodeling renderer", e + "\n", "id:", t, n), !ge) throw Error("EventModeling config not found");
+		let s = r.db, { themeVariables: c, eventmodeling: u } = h(), d = ee(`[id="${t}"]`), f = s.getDiagramProps(), p = s.getState(), m = `em-arrowhead-${t}`, g = (i = c.emArrowhead) == null ? "#000000" : i;
+		p.sortedSwimlanesArray.forEach($(d, p.maxR, f, c)), p.boxes.forEach(Z(d, f)), p.relations.forEach(Q(d, f, m, c)), d.append("defs").append("marker").attr("id", m).attr("markerWidth", "10").attr("markerHeight", "7").attr("refX", "10").attr("refY", "3.5").attr("orient", "auto").append("polygon").attr("points", "0 0, 10 3.5, 0 7").attr("fill", g), l(void 0, d, (o = u == null ? void 0 : u.padding) == null ? 30 : o, u == null ? void 0 : u.useMaxWidth);
+	}, "draw") },
+	styles: /* @__PURE__ */ i((e) => "", "getStyles")
+};
+//#endregion
+export { ve as diagram };

package/dist/components/diagram-LMA3HP47.js

@@ -0,0 +1,139 @@
+import { n as e, t } from "./objectSpread2.js";
+import { n, t as r } from "./asyncToGenerator.js";
+import { n as i, r as a } from "./chunk-AGHRB4JF.js";
+import { H as o, K as s, U as c, a as l, b as u, c as d, f, v as p, w as m, y as h } from "./chunk-CSCIHK7Q.js";
+import { i as g } from "./chunk-5ZQYHXKU.js";
+import { t as _ } from "./chunk-WU5MYG2G.js";
+import { t as v } from "./mermaid-parser.core.js";
+import { t as y } from "./chunk-4BX2VUAB.js";
+e(), n();
+var b, x = f.packet, S = (b = class {
+	constructor() {
+		this.packet = [], this.setAccTitle = c, this.getAccTitle = h, this.setDiagramTitle = s, this.getDiagramTitle = m, this.getAccDescription = p, this.setAccDescription = o;
+	}
+	getConfig() {
+		let e = g(t(t({}, x), u().packet));
+		return e.showBits && (e.paddingY += 10), e;
+	}
+	getPacket() {
+		return this.packet;
+	}
+	pushWord(e) {
+		e.length > 0 && this.packet.push(e);
+	}
+	clear() {
+		l(), this.packet = [];
+	}
+}, i(b, "PacketDB"), b), C = 1e4, w = /* @__PURE__ */ i((e, t) => {
+	y(e, t);
+	let n = -1, r = [], i = 1, { bitsPerRow: o } = t.getConfig();
+	for (let { start: l, end: u, bits: d, label: f } of e.blocks) {
+		var s;
+		if (l !== void 0 && u !== void 0 && u < l) throw Error(`Packet block ${l} - ${u} is invalid. End must be greater than start.`);
+		if (l != null || (l = n + 1), l !== n + 1) {
+			var c;
+			throw Error(`Packet block ${l} - ${(c = u) == null ? l : c} is not contiguous. It should start from ${n + 1}.`);
+		}
+		if (d === 0) throw Error(`Packet block ${l} is invalid. Cannot have a zero bit field.`);
+		for (u != null || (u = l + ((s = d) == null ? 1 : s) - 1), d != null || (d = u - l + 1), n = u, a.debug(`Packet block ${l} - ${n} with label ${f}`); r.length <= o + 1 && t.getPacket().length < C;) {
+			let [e, n] = T({
+				start: l,
+				end: u,
+				bits: d,
+				label: f
+			}, i, o);
+			if (r.push(e), e.end + 1 === i * o && (t.pushWord(r), r = [], i++), !n) break;
+			({start: l, end: u, bits: d, label: f} = n);
+		}
+	}
+	t.pushWord(r);
+}, "populate"), T = /* @__PURE__ */ i((e, t, n) => {
+	if (e.start === void 0) throw Error("start should have been set during first phase");
+	if (e.end === void 0) throw Error("end should have been set during first phase");
+	if (e.start > e.end) throw Error(`Block start ${e.start} is greater than block end ${e.end}.`);
+	if (e.end + 1 <= t * n) return [e, void 0];
+	let r = t * n - 1, i = t * n;
+	return [{
+		start: e.start,
+		end: r,
+		label: e.label,
+		bits: r - e.start
+	}, {
+		start: i,
+		end: e.end,
+		label: e.label,
+		bits: e.end - i
+	}];
+}, "getNextFittingBlock"), E = {
+	parser: { yy: void 0 },
+	parse: /* @__PURE__ */ i(function() {
+		var e = r(function* (e) {
+			var t;
+			let n = yield v("packet", e), r = (t = E.parser) == null ? void 0 : t.yy;
+			if (!(r instanceof S)) throw 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.debug(n), w(n, r);
+		});
+		return function(t) {
+			return e.apply(this, arguments);
+		};
+	}(), "parse")
+}, D = /* @__PURE__ */ i((e, t, n, r) => {
+	let i = r.db, a = i.getConfig(), { rowHeight: o, paddingY: s, bitWidth: c, bitsPerRow: l } = a, u = i.getPacket(), f = i.getDiagramTitle(), p = o + s, m = p * (u.length + 1) - (f ? 0 : o), h = c * l + 2, g = _(t);
+	g.attr("viewBox", `0 0 ${h} ${m}`), d(g, m, h, a.useMaxWidth);
+	for (let [e, t] of u.entries()) O(g, t, e, a);
+	g.append("text").text(f).attr("x", h / 2).attr("y", m - p / 2).attr("dominant-baseline", "middle").attr("text-anchor", "middle").attr("class", "packetTitle");
+}, "draw"), O = /* @__PURE__ */ i((e, t, n, { rowHeight: r, paddingX: i, paddingY: a, bitWidth: o, bitsPerRow: s, showBits: c }) => {
+	let l = e.append("g"), u = n * (r + a) + a;
+	for (let e of t) {
+		let t = e.start % s * o + 1, n = (e.end - e.start + 1) * o - i;
+		if (l.append("rect").attr("x", t).attr("y", u).attr("width", n).attr("height", r).attr("class", "packetBlock"), l.append("text").attr("x", t + n / 2).attr("y", u + r / 2).attr("class", "packetLabel").attr("dominant-baseline", "middle").attr("text-anchor", "middle").text(e.label), !c) continue;
+		let a = e.end === e.start, d = u - 2;
+		l.append("text").attr("x", t + (a ? n / 2 : 0)).attr("y", d).attr("class", "packetByte start").attr("dominant-baseline", "auto").attr("text-anchor", a ? "middle" : "start").text(e.start), a || l.append("text").attr("x", t + n).attr("y", d).attr("class", "packetByte end").attr("dominant-baseline", "auto").attr("text-anchor", "end").text(e.end);
+	}
+}, "drawWord"), k = { draw: D }, A = {
+	byteFontSize: "10px",
+	startByteColor: "black",
+	endByteColor: "black",
+	labelColor: "black",
+	labelFontSize: "12px",
+	titleColor: "black",
+	titleFontSize: "14px",
+	blockStrokeColor: "black",
+	blockStrokeWidth: "1",
+	blockFillColor: "#efefef"
+}, j = {
+	parser: E,
+	get db() {
+		return new S();
+	},
+	renderer: k,
+	styles: /* @__PURE__ */ i(({ packet: e } = {}) => {
+		let t = g(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")
+};
+//#endregion
+export { j as diagram };