@statewalker/fsm-charts 0.2.5 → 0.2.7

package/dist/defineProperty-C0rC37pP.js

@@ -0,0 +1,39 @@
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+//#endregion
+export { _defineProperty as t };

package/dist/description-panels-DI2MNlbK.js

@@ -0,0 +1,184 @@
+//#region src/dom/newTreeBuilder.ts
+function newTreeBuilder(context) {
+	let level = -1;
+	return (newLevel, ...params) => {
+		while (level >= 0 && level >= newLevel) context.exit(level--, ...params);
+		while (level < newLevel) context.enter(++level, ...params);
+	};
+}
+//#endregion
+//#region src/dom/buildSections.ts
+function buildSections(root) {
+	const nodes = toDomNodesIterator(root);
+	let top = null;
+	let peek = null;
+	const stack = [];
+	const aligner = newTreeBuilder({
+		enter(_level, header) {
+			const section = {
+				header,
+				content: [],
+				children: []
+			};
+			top = top || section;
+			peek?.children.push(section);
+			peek = section;
+			stack.push(section);
+		},
+		exit() {
+			stack.pop();
+			peek = stack[stack.length - 1];
+		}
+	});
+	aligner(0);
+	const headerLevels = [];
+	for (const node of nodes) if (isDomElement(node)) {
+		if (/^H[1-6]$/i.test(node.tagName)) {
+			const headerLevel = +node.tagName.replace(/^H/, "");
+			while (headerLevels.length > 0 && headerLevels[headerLevels.length - 1] >= headerLevel) headerLevels.pop();
+			headerLevels.push(headerLevel);
+			aligner(headerLevels.length, node);
+		} else peek.content.push(node);
+	} else peek.content.push(node);
+	return top.content.length === 0 && top.children.length === 1 && !top.header ? top.children[0] : top;
+}
+function* visitSectionNodes(section) {
+	if (section.header) yield section.header;
+	yield* section.content;
+	for (const s of vistSections(section, true)) yield* visitSectionNodes(s);
+}
+function* vistSections(root, ignoreRoot = false) {
+	!ignoreRoot && (yield root);
+	for (const child of root.children) yield* vistSections(child, false);
+}
+function findSection(section, accept) {
+	for (const s of vistSections(section)) if (accept(s) === true) return s;
+}
+function isDomElement(node) {
+	return node.nodeType === Node.ELEMENT_NODE;
+}
+function* toDomNodesIterator(root) {
+	yield* root instanceof Node ? visitDom(root) : root;
+}
+function* visitDom(elm) {
+	if (isDomElement(elm) && elm.tagName === "TEMPLATE") elm = elm.content;
+	for (let node = elm.firstChild; node; node = node.nextSibling) if (isDomElement(node)) {
+		if (node.tagName === "DIV" || node.tagName === "TEMPLATE") yield* visitDom(node);
+		else yield node;
+	} else yield node;
+}
+//#endregion
+//#region src/dom/getStatesDescriptions.ts
+function* visitStateDescriptions({ element, rootStateKey, removeFromDom = true, splitHeader = (header) => {
+	if (!header) return [void 0, ""];
+	const text = header.innerText.trim();
+	let key;
+	let label = text;
+	text.replace(/^\s*\[(.*)\]\s*(.*)$/, (_, k, l) => {
+		key = k.trim();
+		label = l.trim() || key;
+		return "";
+	});
+	return [key, label];
+} }) {
+	const rootDescription = findSection(buildSections(element), (section) => {
+		if (!section.header) return false;
+		const [key] = splitHeader(section.header);
+		return key === rootStateKey;
+	});
+	if (!rootDescription) return;
+	if (removeFromDom) for (const node of visitSectionNodes(rootDescription)) {
+		if (node.nodeName[0] === "#") continue;
+		node.parentElement?.removeChild(node);
+	}
+	for (const section of vistSections(rootDescription, false)) {
+		if (!section.header) continue;
+		const [state, title] = splitHeader(section.header);
+		if (state) yield {
+			state,
+			title,
+			...section
+		};
+	}
+}
+function getStatesDescriptions(options) {
+	const index = {};
+	for (const description of visitStateDescriptions(options)) index[description.state] = description;
+	return index;
+}
+//#endregion
+//#region src/dom/description-panels.ts
+function getStateDescriptionRenderer(options) {
+	const descriptionsIndex = getStatesDescriptions(options);
+	return (statesStack) => {
+		const stateKey = [...statesStack].pop();
+		if (!stateKey) return;
+		const section = descriptionsIndex[stateKey];
+		if (!section) return;
+		const elm = renderSections({
+			section,
+			deep: (_section) => false,
+			header: (section) => {
+				if (section.state === stateKey) return section.title || section.state;
+			}
+		});
+		const details = elm?.querySelector("details");
+		if (details) details.open = true;
+		return elm;
+	};
+}
+function renderSections({ section, deep = (_s) => true, header = (section) => section.header?.cloneNode(true) }) {
+	const container = document.createElement("div");
+	const id = `id-${String(Math.random()).split(".")[1]}-${Date.now()}`;
+	container.setAttribute("id", id);
+	if (!section) return container;
+	const sectionView = renderSection(section);
+	container.append(sectionView);
+	const style = renderSectionStyles(id);
+	container.append(style);
+	return container;
+	function renderSectionStyles(id) {
+		const prefix = id ? `#${id}` : "";
+		const style = document.createElement("style");
+		container.appendChild(style);
+		style.innerHTML = `
+      ${prefix} details {
+          border: 1px solid #aaa;
+          border-radius: 4px;
+          padding: 0.5em 0.5em 0;
+          margin-bottom: 0.5em;
+        }
+        
+      ${prefix} details > summary {
+          font-weight: bold;
+          margin: -0.5em -0.5em 0;
+          padding: 0.5em;
+          cursor: pointer;
+        }
+        
+      ${prefix} details[open] {
+          padding: 0.5em;
+        }
+      `;
+		return style;
+	}
+	function renderSection(section) {
+		const details = document.createElement("details");
+		const summary = document.createElement("summary");
+		details.appendChild(summary);
+		const content = document.createElement("div");
+		details.appendChild(content);
+		const headerElm = header(section);
+		headerElm && summary.append(headerElm);
+		for (const node of section.content) {
+			if (node.nodeName[0] === "#") continue;
+			content.append(node.cloneNode(true));
+		}
+		if (deep(section)) for (const child of section.children) content.append(renderSection(child));
+		return details;
+	}
+}
+//#endregion
+export { buildSections as a, toDomNodesIterator as c, vistSections as d, newTreeBuilder as f, visitStateDescriptions as i, visitDom as l, renderSections as n, findSection as o, getStatesDescriptions as r, isDomElement as s, getStateDescriptionRenderer as t, visitSectionNodes as u };
+
+//# sourceMappingURL=description-panels-DI2MNlbK.js.map

package/dist/description-panels-DI2MNlbK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-panels-DI2MNlbK.js","names":[],"sources":["../src/dom/newTreeBuilder.ts","../src/dom/buildSections.ts","../src/dom/getStatesDescriptions.ts","../src/dom/description-panels.ts"],"sourcesContent":["export function newTreeBuilder<T extends unknown[] = []>(context: {\n  enter: (level: number, ...params: T) => void;\n  exit: (level: number, ...params: T) => void;\n}) {\n  let level = -1;\n  return (newLevel: number, ...params: T) => {\n    while (level >= 0 && level >= newLevel) {\n      context.exit(level--, ...params);\n    }\n    while (level < newLevel) {\n      context.enter(++level, ...params);\n    }\n  };\n}\n","import { newTreeBuilder } from \"./newTreeBuilder.js\";\n\nexport type DomSection = {\n  header?: HTMLElement;\n  content: Node[];\n  children: DomSection[];\n};\n\nexport function buildSections(root: HTMLElement | Iterable<Node>): DomSection {\n  const nodes = toDomNodesIterator(root);\n  let top: DomSection = null!;\n  let peek: DomSection = null!;\n  const stack: DomSection[] = [];\n  const aligner = newTreeBuilder<[HTMLElement?]>({\n    enter(_level, header) {\n      const section: DomSection = {\n        header,\n        content: [],\n        children: [],\n      };\n      top = top || section;\n      peek?.children.push(section);\n      peek = section;\n      stack.push(section);\n    },\n    exit() {\n      stack.pop();\n      peek = stack[stack.length - 1];\n    },\n  });\n  aligner(0);\n  // Track the actual header magnitudes of the open ancestor sections. A header of\n  // level L closes every open header at its level or deeper, then opens at the\n  // resulting depth. Deriving depth from the real magnitudes (not a ±1 delta) keeps\n  // nesting correct for any header sequence and never goes negative.\n  const headerLevels: number[] = [];\n  for (const node of nodes) {\n    if (isDomElement(node)) {\n      if (/^H[1-6]$/i.test(node.tagName)) {\n        const headerLevel = +node.tagName.replace(/^H/, \"\");\n        while (headerLevels.length > 0 && headerLevels[headerLevels.length - 1] >= headerLevel) {\n          headerLevels.pop();\n        }\n        headerLevels.push(headerLevel);\n        aligner(headerLevels.length, node);\n      } else {\n        peek.content.push(node);\n      }\n    } else {\n      peek.content.push(node);\n    }\n  }\n  return top.content.length === 0 && top.children.length === 1 && !top.header\n    ? top.children[0]\n    : top;\n}\n\nexport function* visitSectionNodes(section: DomSection): Iterable<Node> {\n  if (section.header) yield section.header;\n  yield* section.content;\n  for (const s of vistSections(section, true)) {\n    yield* visitSectionNodes(s);\n  }\n}\n\nexport function* vistSections(\n  root: DomSection,\n  ignoreRoot: boolean = false,\n): Generator<DomSection> {\n  !ignoreRoot && (yield root);\n  for (const child of root.children) {\n    yield* vistSections(child, false);\n  }\n}\n\nexport function findSection(section: DomSection, accept: (section: DomSection) => boolean) {\n  for (const s of vistSections(section)) {\n    if (accept(s) === true) return s;\n  }\n  return undefined;\n}\n\n// --------------------------------------------\n// DOM Iterator utilities\n\nexport function isDomElement(node: Node): node is HTMLElement {\n  return node.nodeType === Node.ELEMENT_NODE;\n}\n\nexport function* toDomNodesIterator(root: Node | Iterable<Node>): Iterable<Node> {\n  yield* root instanceof Node ? visitDom(root) : root;\n}\n\nexport function* visitDom(elm: Node): Iterable<Node> {\n  if (isDomElement(elm) && elm.tagName === \"TEMPLATE\") {\n    elm = (elm as HTMLTemplateElement).content;\n  }\n  for (let node = elm.firstChild; node; node = node.nextSibling) {\n    if (isDomElement(node)) {\n      if (node.tagName === \"DIV\" || node.tagName === \"TEMPLATE\") {\n        yield* visitDom(node);\n      } else {\n        yield node;\n      }\n    } else {\n      yield node;\n    }\n  }\n}\n","import {\n  buildSections,\n  type DomSection,\n  findSection,\n  visitSectionNodes,\n  vistSections,\n} from \"./buildSections.js\";\n\nexport type StateDescriptionSection = DomSection & {\n  state: string;\n  title?: string;\n};\nexport function* visitStateDescriptions({\n  element,\n  rootStateKey,\n  removeFromDom = true,\n  splitHeader = (header?: HTMLElement): [stateKey: undefined | string, label: string] => {\n    if (!header) return [undefined, \"\"];\n    const text = header.innerText.trim();\n    let key: string | undefined;\n    let label: string = text;\n    text.replace(/^\\s*\\[(.*)\\]\\s*(.*)$/, (_, k, l) => {\n      key = k.trim();\n      label = l.trim() || key;\n      return \"\";\n    });\n    return [key, label];\n  },\n}: {\n  element: HTMLElement;\n  rootStateKey: string;\n  removeFromDom?: boolean; // If true - removes state description nodes from the DOM\n  splitHeader?: (header?: HTMLElement) => [stateKey: undefined | string, label: string];\n}): Generator<StateDescriptionSection> {\n  const docSections = buildSections(element);\n  const rootDescription = findSection(docSections, (section: DomSection) => {\n    if (!section.header) return false;\n    const [key] = splitHeader(section.header);\n    return key === rootStateKey;\n  });\n  if (!rootDescription) return;\n\n  // Remove description nodes from DOM\n  if (removeFromDom) {\n    for (const node of visitSectionNodes(rootDescription)) {\n      if (node.nodeName[0] === \"#\") continue;\n      node.parentElement?.removeChild(node);\n    }\n  }\n\n  for (const section of vistSections(rootDescription, false)) {\n    if (!section.header) continue;\n    const [state, title] = splitHeader(section.header);\n    if (state)\n      yield {\n        state,\n        title,\n        ...section,\n      };\n  }\n}\n\nexport function getStatesDescriptions(options: {\n  element: HTMLElement;\n  rootStateKey: string;\n  removeFromDom?: boolean; // If true - removes state description nodes from the DOM\n  splitHeader?: (header?: HTMLElement) => [stateKey: undefined | string, label: string];\n}): { [state: string]: StateDescriptionSection } {\n  const index: { [state: string]: StateDescriptionSection } = {};\n  for (const description of visitStateDescriptions(options)) {\n    index[description.state] = description;\n  }\n  return index;\n}\n","import type { DomSection } from \"./buildSections.js\";\nimport { getStatesDescriptions } from \"./getStatesDescriptions.js\";\n\nexport function getStateDescriptionRenderer(options: {\n  element: HTMLElement;\n  rootStateKey: string;\n  splitHeader?: (header?: HTMLElement) => [stateKey: undefined | string, label: string];\n}) {\n  const descriptionsIndex = getStatesDescriptions(options);\n\n  return (statesStack: string[]) => {\n    const stateKey: string | undefined = [...statesStack].pop();\n    if (!stateKey) return;\n\n    const section = descriptionsIndex[stateKey];\n    if (!section) return;\n\n    const elm = renderSections({\n      section,\n      deep: (_section) => false, // section.state !== options.rootStateKey, // ???\n      header: (section) => {\n        if (section.state === stateKey) {\n          return section.title || section.state;\n        }\n        return;\n      },\n    });\n    const details = elm?.querySelector(\"details\");\n    if (details) details.open = true;\n    return elm;\n  };\n}\n\nexport function renderSections<T extends DomSection>({\n  section,\n  deep = (_s) => true,\n  header = (section) => section.header?.cloneNode(true) as Node,\n}: {\n  section: T;\n  deep?: (s: T) => boolean;\n  header?: (section: T) => undefined | string | Node;\n}) {\n  const container = document.createElement(\"div\");\n  const id = `id-${String(Math.random()).split(\".\")[1]}-${Date.now()}`;\n  container.setAttribute(\"id\", id);\n  if (!section) return container;\n\n  const sectionView = renderSection(section);\n  container.append(sectionView);\n  const style = renderSectionStyles(id);\n  container.append(style);\n  return container;\n\n  function renderSectionStyles(id?: string) {\n    const prefix = id ? `#${id}` : \"\";\n    const style = document.createElement(\"style\");\n    container.appendChild(style);\n    style.innerHTML = `\n      ${prefix} details {\n          border: 1px solid #aaa;\n          border-radius: 4px;\n          padding: 0.5em 0.5em 0;\n          margin-bottom: 0.5em;\n        }\n        \n      ${prefix} details > summary {\n          font-weight: bold;\n          margin: -0.5em -0.5em 0;\n          padding: 0.5em;\n          cursor: pointer;\n        }\n        \n      ${prefix} details[open] {\n          padding: 0.5em;\n        }\n      `;\n    return style;\n  }\n  function renderSection(section: T) {\n    const details = document.createElement(\"details\");\n    const summary = document.createElement(\"summary\");\n    details.appendChild(summary);\n    const content = document.createElement(\"div\");\n    details.appendChild(content);\n    const headerElm = header(section);\n    headerElm && summary.append(headerElm);\n    for (const node of section.content) {\n      if (node.nodeName[0] === \"#\") continue;\n      content.append(node.cloneNode(true));\n    }\n    if (deep(section)) {\n      for (const child of section.children) {\n        content.append(renderSection(child as T));\n      }\n    }\n    return details;\n  }\n}\n"],"mappings":"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"}

package/dist/getLabelDimensions-BY0q7j3D.d.ts

@@ -0,0 +1,79 @@
+import { l as FsmStateConfig, n as TransitionsGraph, o as Padding, s as GraphParamsProvider, t as StateChart, u as Transition } from "./StateChart-cXyVRcs-.js";
+//#region src/layout/buildCharts.d.ts
+/**
+ * Build graphs corresponding to the specified transitions.
+ * @param config - State configuration with transitions and sub-states.
+ * @param newId - A function that generates unique ids for nodes and edges.
+ * @param getStateParams - A function that returns the dimensions of a state node.
+ * @param getTransitionParams - A function that returns the dimensions of a transition edge.
+ * @param initialStateKey - The key for the initial state.
+ * @param finalStateKey - The key for the final state.
+ * @returns {StateChart} - The graph with nodes and edges.
+ */
+declare function buildCharts({ lodash, config, newId, getStateParams, getStateLabel, getTransitionParams, padding, vertical, initialStateKey, finalStateKey, direction }: {
+  config: FsmStateConfig;
+  lodash: any;
+  newId: (prefix: string) => string;
+  initialStateKey?: string;
+  finalStateKey?: string;
+  padding?: Padding;
+  vertical?: boolean;
+  direction?: "tb" | "bt" | "lr" | "rl";
+  getStateLabel?: (stateKey: string) => string | undefined;
+} & GraphParamsProvider): StateChart;
+//#endregion
+//#region src/layout/buildFlatCharts.d.ts
+/**
+ * Build graphs corresponding to the specified transitions.
+ * @param transitions - The transitions between states.
+ * @param newId - A function that generates unique ids for nodes and edges.
+ * @param getStateParams - A function that returns the dimensions of a state node.
+ * @param getTransitionParams - A function that returns the dimensions of a transition edge.
+ * @param initialStateKey - The key for the initial state.
+ * @param finalStateKey - The key for the final state.
+ * @param vertical - Whether the graph should be vertical.
+ * @returns {TransitionsGraph} - The graph with nodes and edges.
+ */
+declare function buildFlatCharts({ lodash, transitions, newId, getStateParams, getTransitionParams, padding, initialStateKey, finalStateKey, vertical, direction }: {
+  transitions?: Transition[];
+  lodash: any;
+  newId: (prefix: string) => string;
+  initialStateKey?: string;
+  finalStateKey?: string;
+  vertical?: boolean;
+  padding?: Padding;
+  direction?: "tb" | "bt" | "lr" | "rl";
+} & GraphParamsProvider): TransitionsGraph;
+//#endregion
+//#region src/layout/getGraphParamsProvider.d.ts
+/**
+ * Provides default functions measuring dimensions for state nodes and transition edges in the graph.
+ * @param fontSize - The font size for the state and transition labels.
+ * @param stateFontSize - The font size for the state labels.
+ * @param stateTextPadding - The padding around the state labels.
+ * @param transitionsFontSize - The font size for the transition labels.
+ * @param transitionsTextPadding - The padding around the transition labels.
+ */
+declare function getGraphParamsProvider({ fontSize, stateFontSize, stateTextPadding, transitionsFontSize, transitionsTextPadding, getStateLabel, getTransitionLabel }?: {
+  fontSize?: number;
+  stateFontSize?: number;
+  stateTextPadding?: Padding;
+  transitionsFontSize?: number;
+  transitionsTextPadding?: Padding;
+  getStateLabel?: (state: string) => string;
+  getTransitionLabel?: (fromState: string, event: string, toState: string) => string;
+}): GraphParamsProvider;
+//#endregion
+//#region src/layout/getLabelDimensions.d.ts
+declare function getLabelDimensions(label: string, { padding, fontSize, getCharWidth, lineGap }?: {
+  padding?: Padding;
+  fontSize?: number;
+  getCharWidth?: (char: string) => number;
+  lineGap?: number;
+}): {
+  width: number;
+  height: number;
+};
+//#endregion
+export { buildCharts as i, getGraphParamsProvider as n, buildFlatCharts as r, getLabelDimensions as t };
+//# sourceMappingURL=getLabelDimensions-BY0q7j3D.d.ts.map

package/dist/getLabelDimensions-BY0q7j3D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLabelDimensions-BY0q7j3D.d.ts","names":[],"sources":["../src/layout/buildCharts.ts","../src/layout/buildFlatCharts.ts","../src/layout/getGraphParamsProvider.ts","../src/layout/getLabelDimensions.ts"],"mappings":";;;;;;;;;;;;iBAgBgB,cACd,QACA,QACA,OACA,gBACA,eACA,qBACA,SACA,UACA,iBACA,eACA;EAEA,QAAQ;EACR;EACA,QAAQ;EACR;EACA;EACA,UAAU;EACV;EACA;EACA,iBAAiB;IACf,sBAAsB;;;;;;;;;;;;;;iBCbV,kBACd,QACA,aACA,OACA,gBACA,qBACA,SACA,iBACA,eACA,UACA;EAEA,cAAc;EACd;EACA,QAAQ;EACR;EACA;EACA;EACA,UAAU;EACV;IACE,sBAAsB;;;;;;;;;;;iBChCV,yBACd,UACA,eACA,kBACA,qBACA,wBACA,eACA;EAEA;EACA;EACA,mBAAmB;EACnB;EACA,yBAAyB;EACzB,iBAAiB;EACjB,sBAAsB,mBAAmB,eAAe;IACjD;;;iBCzBO,mBACd,iBAEE,SACA,UACA,cACA;EAEA,UAAU;EACV;EACA,gBAAgB;EAChB;;EAmBA;EACA"}

package/dist/getPadding-Cw0e7G2v.js

@@ -0,0 +1,25 @@
+//#region src/utils/getPadding.ts
+/**
+* Expands a padding value to a 4-element array: [top, right, bottom, left].
+* @param padding padding value to expand
+* @returns a 4-element array representing the padding
+*/
+function getPadding(padding) {
+	if (typeof padding === "number") return [
+		padding,
+		padding,
+		padding,
+		padding
+	];
+	if (padding.length === 2) return [
+		padding[0],
+		padding[1],
+		padding[0],
+		padding[1]
+	];
+	return padding;
+}
+//#endregion
+export { getPadding as t };
+
+//# sourceMappingURL=getPadding-Cw0e7G2v.js.map

package/dist/getPadding-Cw0e7G2v.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPadding-Cw0e7G2v.js","names":[],"sources":["../src/utils/getPadding.ts"],"sourcesContent":["import type { Padding } from \"../types/Padding.js\";\n\n/**\n * Expands a padding value to a 4-element array: [top, right, bottom, left].\n * @param padding padding value to expand\n * @returns a 4-element array representing the padding\n */\nexport function getPadding(padding: Padding): [number, number, number, number] {\n  if (typeof padding === \"number\") return [padding, padding, padding, padding];\n  if (padding.length === 2) return [padding[0], padding[1], padding[0], padding[1]];\n  return padding;\n}\n"],"mappings":";;;;;;AAOA,SAAgB,WAAW,SAAoD;CAC7E,IAAI,OAAO,YAAY,UAAU,OAAO;EAAC;EAAS;EAAS;EAAS;CAAO;CAC3E,IAAI,QAAQ,WAAW,GAAG,OAAO;EAAC,QAAQ;EAAI,QAAQ;EAAI,QAAQ;EAAI,QAAQ;CAAE;CAChF,OAAO;AACT"}

package/dist/index-config.d.ts

@@ -1,12 +1,3 @@
-import { T as Transition, F as FsmStateConfig } from './StateChart-BYBjTmC2.js';
-export { D as Dimensions, G as GraphParamsProvider, L as Label, P as Padding, a as Position, S as StateChart, b as StateGraphEdge, c as StateGraphNode, d as TransitionsGraph } from './StateChart-BYBjTmC2.js';
-
-declare function concatTransitionsToString(transitions: Transition[]): string[];
-
-declare function serializeProcessConfig(config: FsmStateConfig | undefined): string;
-
-declare function splitTransitionString(str: string): Transition[];
-
-declare function toFsmStateConfig(json: any): FsmStateConfig | undefined;
-
-export { FsmStateConfig, Transition, concatTransitionsToString, serializeProcessConfig, splitTransitionString, toFsmStateConfig };
+import { a as Position, c as Label, d as Dimensions, i as StateGraphNode, l as FsmStateConfig, n as TransitionsGraph, o as Padding, r as StateGraphEdge, s as GraphParamsProvider, t as StateChart, u as Transition } from "./StateChart-cXyVRcs-.js";
+import { i as concatTransitionsToString, n as splitTransitionString, r as serializeProcessConfig, t as toFsmStateConfig } from "./toFsmStateConfig-DmOlTRjv.js";
+export { type Dimensions, type FsmStateConfig, type GraphParamsProvider, type Label, type Padding, type Position, type StateChart, type StateGraphEdge, type StateGraphNode, type Transition, type TransitionsGraph, concatTransitionsToString, serializeProcessConfig, splitTransitionString, toFsmStateConfig };

package/dist/index-config.js

@@ -1,2 +1,2 @@
-export { concatTransitionsToString, serializeProcessConfig, splitTransitionString, toFsmStateConfig } from './chunk-ARZYBFNA.js';
-import './chunk-PKBMQBKP.js';
+import { i as concatTransitionsToString, n as splitTransitionString, r as serializeProcessConfig, t as toFsmStateConfig } from "./toFsmStateConfig-DlJkyZni.js";
+export { concatTransitionsToString, serializeProcessConfig, splitTransitionString, toFsmStateConfig };

package/dist/index-dom.d.ts

@@ -1,49 +1,2 @@
-type DomSection = {
-    header?: HTMLElement;
-    content: Node[];
-    children: DomSection[];
-};
-declare function buildSections(root: HTMLElement | Iterable<Node>): DomSection;
-declare function visitSectionNodes(section: DomSection): Iterable<Node>;
-declare function vistSections(root: DomSection, ignoreRoot?: boolean): Generator<DomSection>;
-declare function findSection(section: DomSection, accept: (section: DomSection) => boolean): DomSection | undefined;
-declare function isDomElement(node: Node): node is HTMLElement;
-declare function toDomNodesIterator(root: Node | Iterable<Node>): Iterable<Node>;
-declare function visitDom(elm: Node): Iterable<Node>;
-
-declare function getStateDescriptionRenderer(options: {
-    element: HTMLElement;
-    rootStateKey: string;
-    splitHeader?: (header?: HTMLElement) => [stateKey: undefined | string, label: string];
-}): (statesStack: string[]) => HTMLDivElement | undefined;
-declare function renderSections<T extends DomSection>({ section, deep, header, }: {
-    section: T;
-    deep?: (s: T) => boolean;
-    header?: (section: T) => undefined | string | Node;
-}): HTMLDivElement;
-
-type StateDescriptionSection = DomSection & {
-    state: string;
-    title?: string;
-};
-declare function visitStateDescriptions({ element, rootStateKey, removeFromDom, splitHeader, }: {
-    element: HTMLElement;
-    rootStateKey: string;
-    removeFromDom?: boolean;
-    splitHeader?: (header?: HTMLElement) => [stateKey: undefined | string, label: string];
-}): Generator<StateDescriptionSection>;
-declare function getStatesDescriptions(options: {
-    element: HTMLElement;
-    rootStateKey: string;
-    removeFromDom?: boolean;
-    splitHeader?: (header?: HTMLElement) => [stateKey: undefined | string, label: string];
-}): {
-    [state: string]: StateDescriptionSection;
-};
-
-declare function newTreeBuilder<T extends unknown[] = []>(context: {
-    enter: (level: number, ...params: T) => void;
-    exit: (level: number, ...params: T) => void;
-}): (newLevel: number, ...params: T) => void;
-
-export { type DomSection, type StateDescriptionSection, buildSections, findSection, getStateDescriptionRenderer, getStatesDescriptions, isDomElement, newTreeBuilder, renderSections, toDomNodesIterator, visitDom, visitSectionNodes, visitStateDescriptions, vistSections };
+import { a as getStateDescriptionRenderer, c as buildSections, d as toDomNodesIterator, f as visitDom, i as visitStateDescriptions, l as findSection, m as vistSections, n as StateDescriptionSection, o as renderSections, p as visitSectionNodes, r as getStatesDescriptions, s as DomSection, t as newTreeBuilder, u as isDomElement } from "./newTreeBuilder-CvtLDjGj.js";
+export { DomSection, StateDescriptionSection, buildSections, findSection, getStateDescriptionRenderer, getStatesDescriptions, isDomElement, newTreeBuilder, renderSections, toDomNodesIterator, visitDom, visitSectionNodes, visitStateDescriptions, vistSections };

package/dist/index-dom.js

@@ -1,2 +1,2 @@
-export { buildSections, findSection, getStateDescriptionRenderer, getStatesDescriptions, isDomElement, newTreeBuilder, renderSections, toDomNodesIterator, visitDom, visitSectionNodes, visitStateDescriptions, vistSections } from './chunk-RZ4FP6JB.js';
-import './chunk-PKBMQBKP.js';
+import { a as buildSections, c as toDomNodesIterator, d as vistSections, f as newTreeBuilder, i as visitStateDescriptions, l as visitDom, n as renderSections, o as findSection, r as getStatesDescriptions, s as isDomElement, t as getStateDescriptionRenderer, u as visitSectionNodes } from "./description-panels-DI2MNlbK.js";
+export { buildSections, findSection, getStateDescriptionRenderer, getStatesDescriptions, isDomElement, newTreeBuilder, renderSections, toDomNodesIterator, visitDom, visitSectionNodes, visitStateDescriptions, vistSections };

package/dist/index-html.d.ts

@@ -1,2 +1,3 @@
-export { a as activeStatesStyle, b as activeTransitionsStyle, c as buildStateDetailsStyle, d as buildStateDetailsStyleWithModifier, e as buildStatechartCss, f as buildStatechartStyles, g as buildStatechartStylesWithModifier, h as buildStatechartSvg, i as buildStatechartsPanel, s as selectedStatesStyle, j as selectedTransitionsStyle } from './index-html-BBQqYoST.js';
-export { D as Dimensions, F as FsmStateConfig, G as GraphParamsProvider, L as Label, P as Padding, a as Position, S as StateChart, b as StateGraphEdge, c as StateGraphNode, T as Transition, d as TransitionsGraph } from './StateChart-BYBjTmC2.js';
+import { a as Position, c as Label, d as Dimensions, i as StateGraphNode, l as FsmStateConfig, n as TransitionsGraph, o as Padding, r as StateGraphEdge, s as GraphParamsProvider, t as StateChart, u as Transition } from "./StateChart-cXyVRcs-.js";
+import { a as buildStateDetailsStyle, c as buildStatechartStylesWithModifier, i as activeTransitionsStyle, l as selectedStatesStyle, n as buildStatechartSvg, o as buildStateDetailsStyleWithModifier, p as buildStatechartCss, r as activeStatesStyle, s as buildStatechartStyles, t as buildStatechartsPanel, u as selectedTransitionsStyle } from "./buildStatechartsPanel-hCtZbdiF.js";
+export { type Dimensions, type FsmStateConfig, type GraphParamsProvider, type Label, type Padding, type Position, type StateChart, type StateGraphEdge, type StateGraphNode, type Transition, type TransitionsGraph, activeStatesStyle, activeTransitionsStyle, buildStateDetailsStyle, buildStateDetailsStyleWithModifier, buildStatechartCss, buildStatechartStyles, buildStatechartStylesWithModifier, buildStatechartSvg, buildStatechartsPanel, selectedStatesStyle, selectedTransitionsStyle };

package/dist/index-html.js

@@ -1,3 +1,2 @@
-export { activeStatesStyle, activeTransitionsStyle, buildStateDetailsStyle, buildStateDetailsStyleWithModifier, buildStatechartCss, buildStatechartStyles, buildStatechartStylesWithModifier, buildStatechartSvg, buildStatechartsPanel, selectedStatesStyle, selectedTransitionsStyle } from './chunk-CR2M4445.js';
-import './chunk-FIQDLBWD.js';
-import './chunk-PKBMQBKP.js';
+import { a as activeTransitionsStyle, c as buildStatechartStyles, d as selectedTransitionsStyle, i as activeStatesStyle, l as buildStatechartStylesWithModifier, n as buildStatechartSvg, o as buildStateDetailsStyle, r as buildStatechartCss, s as buildStateDetailsStyleWithModifier, t as buildStatechartsPanel, u as selectedStatesStyle } from "./buildStatechartsPanel-BX7e0GzA.js";
+export { activeStatesStyle, activeTransitionsStyle, buildStateDetailsStyle, buildStateDetailsStyleWithModifier, buildStatechartCss, buildStatechartStyles, buildStatechartStylesWithModifier, buildStatechartSvg, buildStatechartsPanel, selectedStatesStyle, selectedTransitionsStyle };

package/dist/index-layout.d.ts

@@ -1,77 +1,3 @@
-import { F as FsmStateConfig, P as Padding, G as GraphParamsProvider, S as StateChart, T as Transition, d as TransitionsGraph } from './StateChart-BYBjTmC2.js';
-export { D as Dimensions, L as Label, a as Position, b as StateGraphEdge, c as StateGraphNode } from './StateChart-BYBjTmC2.js';
-
-/**
- * Build graphs corresponding to the specified transitions.
- * @param config - State configuration with transitions and sub-states.
- * @param newId - A function that generates unique ids for nodes and edges.
- * @param getStateParams - A function that returns the dimensions of a state node.
- * @param getTransitionParams - A function that returns the dimensions of a transition edge.
- * @param initialStateKey - The key for the initial state.
- * @param finalStateKey - The key for the final state.
- * @returns {StateChart} - The graph with nodes and edges.
- */
-declare function buildCharts({ lodash, config, newId, getStateParams, getStateLabel, getTransitionParams, padding, vertical, initialStateKey, finalStateKey, direction, }: {
-    config: FsmStateConfig;
-    lodash: any;
-    newId: (prefix: string) => string;
-    initialStateKey?: string;
-    finalStateKey?: string;
-    padding?: Padding;
-    vertical?: boolean;
-    direction?: "tb" | "bt" | "lr" | "rl";
-    getStateLabel?: (stateKey: string) => string | undefined;
-} & GraphParamsProvider): StateChart;
-
-/**
- * Build graphs corresponding to the specified transitions.
- * @param transitions - The transitions between states.
- * @param newId - A function that generates unique ids for nodes and edges.
- * @param getStateParams - A function that returns the dimensions of a state node.
- * @param getTransitionParams - A function that returns the dimensions of a transition edge.
- * @param initialStateKey - The key for the initial state.
- * @param finalStateKey - The key for the final state.
- * @param vertical - Whether the graph should be vertical.
- * @returns {TransitionsGraph} - The graph with nodes and edges.
- */
-declare function buildFlatCharts({ lodash, transitions, newId, getStateParams, getTransitionParams, padding, initialStateKey, finalStateKey, vertical, direction, }: {
-    transitions?: Transition[];
-    lodash: any;
-    newId: (prefix: string) => string;
-    initialStateKey?: string;
-    finalStateKey?: string;
-    vertical?: boolean;
-    padding?: Padding;
-    direction?: "tb" | "bt" | "lr" | "rl";
-} & GraphParamsProvider): TransitionsGraph;
-
-/**
- * Provides default functions measuring dimensions for state nodes and transition edges in the graph.
- * @param fontSize - The font size for the state and transition labels.
- * @param stateFontSize - The font size for the state labels.
- * @param stateTextPadding - The padding around the state labels.
- * @param transitionsFontSize - The font size for the transition labels.
- * @param transitionsTextPadding - The padding around the transition labels.
- */
-declare function getGraphParamsProvider({ fontSize, stateFontSize, stateTextPadding, transitionsFontSize, transitionsTextPadding, getStateLabel, getTransitionLabel, }?: {
-    fontSize?: number;
-    stateFontSize?: number;
-    stateTextPadding?: Padding;
-    transitionsFontSize?: number;
-    transitionsTextPadding?: Padding;
-    getStateLabel?: (state: string) => string;
-    getTransitionLabel?: (fromState: string, event: string, toState: string) => string;
-}): GraphParamsProvider;
-
-declare function getLabelDimensions(label: string, { padding, fontSize, getCharWidth, // Golden ratio and all that jazz :-)
-lineGap, }?: {
-    padding?: Padding;
-    fontSize?: number;
-    getCharWidth?: (char: string) => number;
-    lineGap?: number;
-}): {
-    width: number;
-    height: number;
-};
-
-export { FsmStateConfig, GraphParamsProvider, Padding, StateChart, Transition, TransitionsGraph, buildCharts, buildFlatCharts, getGraphParamsProvider, getLabelDimensions };
+import { a as Position, c as Label, d as Dimensions, i as StateGraphNode, l as FsmStateConfig, n as TransitionsGraph, o as Padding, r as StateGraphEdge, s as GraphParamsProvider, t as StateChart, u as Transition } from "./StateChart-cXyVRcs-.js";
+import { i as buildCharts, n as getGraphParamsProvider, r as buildFlatCharts, t as getLabelDimensions } from "./getLabelDimensions-BY0q7j3D.js";
+export { type Dimensions, type FsmStateConfig, type GraphParamsProvider, type Label, type Padding, type Position, type StateChart, type StateGraphEdge, type StateGraphNode, type Transition, type TransitionsGraph, buildCharts, buildFlatCharts, getGraphParamsProvider, getLabelDimensions };

package/dist/index-layout.js

@@ -1,3 +1,2 @@
-export { buildCharts, buildFlatCharts, getGraphParamsProvider, getLabelDimensions } from './chunk-2LFUT2C6.js';
-import './chunk-FIQDLBWD.js';
-import './chunk-PKBMQBKP.js';
+import { i as buildFlatCharts, n as getLabelDimensions, r as buildCharts, t as getGraphParamsProvider } from "./layout-Dp671N6q.js";
+export { buildCharts, buildFlatCharts, getGraphParamsProvider, getLabelDimensions };