@statewalker/fsm-charts 0.2.4 → 0.2.5

package/dist/{chunk-SVKVQY7B.js → chunk-ARZYBFNA.js}

@@ -1,6 +1,6 @@
 // src/config/concatTransitionsToString.ts
 function concatTransitionsToString(transitions) {
-  let list = [];
+  const list = [];
   let str = "";
   let prev;
   for (const [from, event, to] of transitions) {
@@ -21,7 +21,7 @@ function concatTransitionsToString(transitions) {
 // src/config/serializeProcessConfig.ts
 function serializeProcessConfig(config) {
   if (!config) return "";
-  let lines = [];
+  const lines = [];
   visit(config, lines);
   return lines.join("\n");
   function visit(config2, lines2, shift = "") {
@@ -46,7 +46,7 @@ function serializeProcessConfig(config) {
         if (i > 0) {
           lines2[lines2.length - 1] += ",";
         }
-        visit(states[i], lines2, shift + "    ");
+        visit(states[i], lines2, `${shift}    `);
       }
       lines2.push(`${shift}  ]`);
     }
@@ -103,7 +103,7 @@ function toFsmStateConfig(json) {
     const transitions2 = [];
     const index = {};
     const array = toArray(json2);
-    for (let line of array) {
+    for (const line of array) {
       const lineTransitions = typeof line === "string" ? splitTransitionString(line) : [toArray(line)];
       for (const transition of lineTransitions.map(validateTransition)) {
         if (!transition) continue;

package/dist/{chunk-36ZLXJVD.js → chunk-CR2M4445.js}

@@ -1,11 +1,12 @@
 import { getPadding } from './chunk-FIQDLBWD.js';
+import { __publicField } from './chunk-PKBMQBKP.js';
 
 // src/utils/toKebabCase.ts
 function toKebabCase(str) {
   str = (str || "").trim().replace(/\s+/gim, "-");
   str = str.replace(
     /([^A-Z]?)([A-Z])/g,
-    (_, a, b) => a.toLowerCase() + "-" + b.toLowerCase()
+    (_, a, b) => `${a.toLowerCase()}-${b.toLowerCase()}`
   );
   return str;
 }
@@ -20,7 +21,7 @@ function serializeCss(obj) {
         for (const prefix of prefixes) {
           const selector = sel.replace(
             /^(.)/,
-            (_, ch) => ch === "&" ? prefix : prefix.length > 0 ? prefix + " " + ch : ch
+            (_, ch) => ch === "&" ? prefix : prefix.length > 0 ? `${prefix} ${ch}` : ch
           );
           selectors.push(selector);
         }
@@ -281,37 +282,16 @@ function buildStatechartCss({ prefix = "" } = {}) {
   ].map(serializeCss).join("\n");
 }
 
-// src/utils/serializeAttrs.ts
-function serializeAttrs(attrs = {}, {
-  prefix = "",
-  transform = false
-} = {}) {
-  const result = [];
-  for (const [key, value] of Object.entries(attrs || {}).sort(
-    ([a], [b]) => a > b ? 1 : -1
-  )) {
-    if (value === void 0 || value === null || value === "") continue;
-    result.push(
-      `${prefix}${escapeValue(key)}${"=" + JSON.stringify(
-        escapeValue(transform ? toKebabCase(String(value)) : value)
-      )}`
-    );
-  }
-  return result.join(" ");
-  function escapeValue(value) {
-    return String(value).replaceAll(/</gim, "&lt;").replaceAll(/>/gim, "&gt;").replaceAll(/"/gim, "&qout;");
-  }
-}
-
 // src/utils/BasisCurve.ts
 var BasisCurve = class {
   constructor(context) {
-    this._x0 = 0;
-    this._y0 = 0;
-    this._x1 = 0;
-    this._y1 = 0;
-    this._point = 0;
-    this._line = 0;
+    __publicField(this, "_context");
+    __publicField(this, "_x0", 0);
+    __publicField(this, "_y0", 0);
+    __publicField(this, "_x1", 0);
+    __publicField(this, "_y1", 0);
+    __publicField(this, "_point", 0);
+    __publicField(this, "_line", 0);
     this._context = context;
   }
   $point(x, y) {
@@ -373,6 +353,28 @@ var BasisCurve = class {
   }
 };
 
+// src/utils/serializeAttrs.ts
+function serializeAttrs(attrs = {}, {
+  prefix = "",
+  transform = false
+} = {}) {
+  const result = [];
+  for (const [key, value] of Object.entries(attrs || {}).sort(
+    ([a], [b]) => a > b ? 1 : -1
+  )) {
+    if (value === void 0 || value === null || value === "") continue;
+    result.push(
+      `${prefix}${escapeValue(key)}${"=" + JSON.stringify(
+        escapeValue(transform ? toKebabCase(String(value)) : value)
+      )}`
+    );
+  }
+  return result.join(" ");
+  function escapeValue(value) {
+    return String(value).replaceAll(/</gim, "&lt;").replaceAll(/>/gim, "&gt;").replaceAll(/"/gim, "&quot;");
+  }
+}
+
 // src/html/buildStatechartSvg.ts
 function getBoxParams({
   x,
@@ -435,13 +437,13 @@ function buildStatechartSvg({
     const round = (...n) => n.map(Math.round);
     const base = new BasisCurve({
       bezierCurveTo(x0, y0, x1, y1, x2, y2) {
-        path.push("C" + round(x0, y0, x1, y1, x2, y2).join(","));
+        path.push(`C${round(x0, y0, x1, y1, x2, y2).join(",")}`);
       },
       moveTo(x, y) {
-        path.push("M" + round(x, y).join(","));
+        path.push(`M${round(x, y).join(",")}`);
       },
       lineTo(x, y) {
-        path.push("L" + round(x, y).join(","));
+        path.push(`L${round(x, y).join(",")}`);
       },
       closePath() {
         path.push("Z");

package/dist/{chunk-TZHCBZVP.js → chunk-GW2Z65BN.js}

@@ -1,19 +1,23 @@
+import { __publicField } from './chunk-PKBMQBKP.js';
+
 // src/runtime/RuntimeStatechartApi.ts
 var RuntimeStatechartApi = class {
   constructor({
     element,
     statechart
   }) {
-    this._listenersCounter = 0;
-    this._transitionsClickListeners = {};
-    this._statesClickListeners = {};
-    this._registry = {};
+    __publicField(this, "element");
+    __publicField(this, "statechart");
+    __publicField(this, "_listenersCounter", 0);
+    __publicField(this, "_transitionsClickListeners", {});
+    __publicField(this, "_statesClickListeners", {});
+    __publicField(this, "_registry", {});
     this.element = element;
     this.statechart = statechart;
     this._bindListeners();
   }
   close() {
-    Object.values(this._registry).forEach((r) => r && r());
+    Object.values(this._registry).forEach((r) => r?.());
     this._registry = {};
     this._transitionsClickListeners = {};
     this._statesClickListeners = {};
@@ -167,14 +171,14 @@ var RuntimeStatechartApi = class {
     this._applyStateModifier(
       cssSelector,
       modifier,
-      (elm, cls) => elm && elm.classList.add(cls)
+      (elm, cls) => elm?.classList.add(cls)
     );
   }
   _removeStateModifier(cssSelector, modifier = "selected") {
     this._applyStateModifier(
       cssSelector,
       modifier,
-      (elm, cls) => elm && elm.classList.remove(cls)
+      (elm, cls) => elm?.classList.remove(cls)
     );
   }
   _applyStateModifier(cssSelector, modifier = "selected", apply) {
@@ -195,14 +199,14 @@ var RuntimeStatechartApi = class {
     this._applyTransitionsModifier(
       cssSelector,
       modifier,
-      (elm, cls) => elm && elm.classList.add(cls)
+      (elm, cls) => elm?.classList.add(cls)
     );
   }
   _removeTransitionsModifier(cssSelector, modifier = "selected") {
     this._applyTransitionsModifier(
       cssSelector,
       modifier,
-      (elm, cls) => elm && elm.classList.remove(cls)
+      (elm, cls) => elm?.classList.remove(cls)
     );
   }
   _applyTransitionsModifier(cssSelector, modifier = "selected", apply) {
@@ -226,11 +230,14 @@ var StateChartIndex = class {
     initialStateKey = "<initial>",
     finalStateKey = "<final>"
   }) {
-    this._chartsIndex = {};
-    this._nodesIndex = {};
-    this._nodesParentsIndex = {};
-    this._edgeIndex = {};
-    this._edgesParentsIndex = {};
+    __publicField(this, "statechart");
+    __publicField(this, "_chartsIndex", {});
+    __publicField(this, "_nodesIndex", {});
+    __publicField(this, "_nodesParentsIndex", {});
+    __publicField(this, "_edgeIndex", {});
+    __publicField(this, "_edgesParentsIndex", {});
+    __publicField(this, "initialStateKey");
+    __publicField(this, "finalStateKey");
     this.statechart = statechart;
     this.initialStateKey = initialStateKey;
     this.finalStateKey = finalStateKey;
@@ -290,7 +297,7 @@ var StateChartIndex = class {
    * @returns a stack of state identifiers for the given states
    */
   getStatesIds(...stack) {
-    let result = [];
+    const result = [];
     let list = [this.statechart];
     for (let i = 0; list?.length > 0 && i < stack.length; i++) {
       const key = stack[i];

package/dist/chunk-PKBMQBKP.js

@@ -0,0 +1,5 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+export { __publicField };

package/dist/{chunk-VILLJJJD.js → chunk-RZ4FP6JB.js}

@@ -18,14 +18,14 @@ function buildSections(root) {
   let peek = null;
   const stack = [];
   const aligner = newTreeBuilder({
-    enter(level, header) {
+    enter(_level, header) {
       const section = {
         header,
         content: [],
         children: []
       };
       top = top || section;
-      peek && peek.children.push(section);
+      peek?.children.push(section);
       peek = section;
       stack.push(section);
     },
@@ -35,15 +35,16 @@ function buildSections(root) {
     }
   });
   aligner(0);
-  let currentHeaderLevel = 0;
-  let currentLevel = 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/, "");
-        currentLevel = headerLevel > currentHeaderLevel ? currentLevel + 1 : headerLevel < currentHeaderLevel ? currentLevel - 1 : currentLevel;
-        currentHeaderLevel = headerLevel;
-        aligner(currentLevel, node);
+        while (headerLevels.length > 0 && headerLevels[headerLevels.length - 1] >= headerLevel) {
+          headerLevels.pop();
+        }
+        headerLevels.push(headerLevel);
+        aligner(headerLevels.length, node);
       } else {
         peek.content.push(node);
       }
@@ -70,6 +71,7 @@ function findSection(section, accept) {
   for (const s of vistSections(section)) {
     if (accept(s) === true) return s;
   }
+  return void 0;
 }
 function isDomElement(node) {
   return node.nodeType === Node.ELEMENT_NODE;
@@ -154,7 +156,7 @@ function getStateDescriptionRenderer(options) {
     if (!section) return;
     const elm = renderSections({
       section,
-      deep: (section2) => false,
+      deep: (_section) => false,
       // section.state !== options.rootStateKey, // ???
       header: (section2) => {
         if (section2.state === stateKey) {
@@ -170,7 +172,7 @@ function getStateDescriptionRenderer(options) {
 }
 function renderSections({
   section,
-  deep = (s) => true,
+  deep = (_s) => true,
   header = (section2) => section2.header?.cloneNode(true)
 }) {
   const container = document.createElement("div");

package/dist/index-config.js

@@ -1 +1,2 @@
-export { concatTransitionsToString, serializeProcessConfig, splitTransitionString, toFsmStateConfig } from './chunk-SVKVQY7B.js';
+export { concatTransitionsToString, serializeProcessConfig, splitTransitionString, toFsmStateConfig } from './chunk-ARZYBFNA.js';
+import './chunk-PKBMQBKP.js';

package/dist/index-dom.js

@@ -1 +1,2 @@
-export { buildSections, findSection, getStateDescriptionRenderer, getStatesDescriptions, isDomElement, newTreeBuilder, renderSections, toDomNodesIterator, visitDom, visitSectionNodes, visitStateDescriptions, vistSections } from './chunk-VILLJJJD.js';
+export { buildSections, findSection, getStateDescriptionRenderer, getStatesDescriptions, isDomElement, newTreeBuilder, renderSections, toDomNodesIterator, visitDom, visitSectionNodes, visitStateDescriptions, vistSections } from './chunk-RZ4FP6JB.js';
+import './chunk-PKBMQBKP.js';

package/dist/{index-html-DgSCNHkR.d.ts → index-html-BBQqYoST.d.ts}

@@ -1,17 +1,9 @@
-import { S as StateChart, d as TransitionsGraph } from './StateChart-BYBjTmC2.js';
+import { d as TransitionsGraph, S as StateChart } from './StateChart-BYBjTmC2.js';
 
 declare function buildStatechartCss({ prefix }?: {
     prefix?: string | undefined;
 }): string;
 
-declare function buildStatechartsPanel({ statechart, newId, println, initialStateKey, finalStateKey, }: {
-    statechart: StateChart;
-    newId: (prefix: string) => string;
-    println: (str: string) => void;
-    initialStateKey?: string;
-    finalStateKey?: string;
-}): void;
-
 interface CssTree extends Record<string, string | number | CssTree> {
 }
 declare function serializeCss(obj: CssTree): string;
@@ -72,4 +64,12 @@ declare function buildStatechartSvg({ graph: { width, height, nodes, edges }, ne
     finalStateKey?: string;
 }): void;
 
-export { type CssTree as C, buildStatechartsPanel as a, buildStatechartCss as b, activeStatesStyle as c, activeTransitionsStyle as d, selectedTransitionsStyle as e, buildStateDetailsStyle as f, buildStateDetailsStyleWithModifier as g, buildStatechartStylesWithModifier as h, buildStatechartStyles as i, buildStatechartSvg as j, serializeCss as k, selectedStatesStyle as s };
+declare function buildStatechartsPanel({ statechart, newId, println, initialStateKey, finalStateKey, }: {
+    statechart: StateChart;
+    newId: (prefix: string) => string;
+    println: (str: string) => void;
+    initialStateKey?: string;
+    finalStateKey?: string;
+}): void;
+
+export { type CssTree as C, activeStatesStyle as a, activeTransitionsStyle as b, buildStateDetailsStyle as c, buildStateDetailsStyleWithModifier as d, buildStatechartCss as e, buildStatechartStyles as f, buildStatechartStylesWithModifier as g, buildStatechartSvg as h, buildStatechartsPanel as i, selectedTransitionsStyle as j, serializeCss as k, selectedStatesStyle as s };

package/dist/index-html.d.ts

@@ -1,2 +1,2 @@
+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';
-export { c as activeStatesStyle, d as activeTransitionsStyle, f as buildStateDetailsStyle, g as buildStateDetailsStyleWithModifier, b as buildStatechartCss, i as buildStatechartStyles, h as buildStatechartStylesWithModifier, j as buildStatechartSvg, a as buildStatechartsPanel, s as selectedStatesStyle, e as selectedTransitionsStyle } from './index-html-DgSCNHkR.js';

package/dist/index-html.js

@@ -1,2 +1,3 @@
-export { activeStatesStyle, activeTransitionsStyle, buildStateDetailsStyle, buildStateDetailsStyleWithModifier, buildStatechartCss, buildStatechartStyles, buildStatechartStylesWithModifier, buildStatechartSvg, buildStatechartsPanel, selectedStatesStyle, selectedTransitionsStyle } from './chunk-36ZLXJVD.js';
+export { activeStatesStyle, activeTransitionsStyle, buildStateDetailsStyle, buildStateDetailsStyleWithModifier, buildStatechartCss, buildStatechartStyles, buildStatechartStylesWithModifier, buildStatechartSvg, buildStatechartsPanel, selectedStatesStyle, selectedTransitionsStyle } from './chunk-CR2M4445.js';
 import './chunk-FIQDLBWD.js';
+import './chunk-PKBMQBKP.js';

package/dist/index-layout.d.ts

@@ -1,49 +1,49 @@
-import { T as Transition, P as Padding, G as GraphParamsProvider, d as TransitionsGraph, F as FsmStateConfig, S as StateChart } from './StateChart-BYBjTmC2.js';
+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 transitions - The transitions between states.
+ * @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.
- * @param vertical - Whether the graph should be vertical.
- * @returns {TransitionsGraph} - The graph with nodes and edges.
+ * @returns {StateChart} - The graph with nodes and edges.
  */
-declare function buildFlatCharts({ lodash, transitions, newId, getStateParams, getTransitionParams, padding, initialStateKey, finalStateKey, vertical, direction, }: {
-    transitions?: Transition[];
+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;
-    vertical?: boolean;
     padding?: Padding;
+    vertical?: boolean;
     direction?: "tb" | "bt" | "lr" | "rl";
-} & GraphParamsProvider): TransitionsGraph;
+    getStateLabel?: (stateKey: string) => string | undefined;
+} & GraphParamsProvider): StateChart;
 
 /**
  * Build graphs corresponding to the specified transitions.
- * @param config - State configuration with transitions and sub-states.
+ * @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.
- * @returns {StateChart} - The graph with nodes and edges.
+ * @param vertical - Whether the graph should be vertical.
+ * @returns {TransitionsGraph} - The graph with nodes and edges.
  */
-declare function buildCharts({ lodash, config, newId, getStateParams, getStateLabel, getTransitionParams, padding, vertical, initialStateKey, finalStateKey, direction, }: {
-    config: FsmStateConfig;
+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;
-    padding?: Padding;
     vertical?: boolean;
+    padding?: Padding;
     direction?: "tb" | "bt" | "lr" | "rl";
-    getStateLabel?: (stateKey: string) => string | undefined;
-} & GraphParamsProvider): StateChart;
+} & GraphParamsProvider): TransitionsGraph;
 
 /**
  * Provides default functions measuring dimensions for state nodes and transition edges in the graph.

package/dist/index-layout.js

@@ -1,2 +1,3 @@
-export { buildCharts, buildFlatCharts, getGraphParamsProvider, getLabelDimensions } from './chunk-AZBRQNTU.js';
+export { buildCharts, buildFlatCharts, getGraphParamsProvider, getLabelDimensions } from './chunk-2LFUT2C6.js';
 import './chunk-FIQDLBWD.js';
+import './chunk-PKBMQBKP.js';

package/dist/index-runtime.js

@@ -1 +1,2 @@
-export { RuntimeStatechartApi, StateChartIndex } from './chunk-TZHCBZVP.js';
+export { RuntimeStatechartApi, StateChartIndex } from './chunk-GW2Z65BN.js';
+import './chunk-PKBMQBKP.js';

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-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';
-export { DomSection, StateDescriptionSection, buildSections, findSection, getStateDescriptionRenderer, getStatesDescriptions, isDomElement, newTreeBuilder, renderSections, toDomNodesIterator, visitDom, visitSectionNodes, visitStateDescriptions, vistSections } from './index-dom.js';
 export { concatTransitionsToString, serializeProcessConfig, splitTransitionString, toFsmStateConfig } from './index-config.js';
+export { DomSection, StateDescriptionSection, buildSections, findSection, getStateDescriptionRenderer, getStatesDescriptions, isDomElement, newTreeBuilder, renderSections, toDomNodesIterator, visitDom, visitSectionNodes, visitStateDescriptions, vistSections } from './index-dom.js';
+export { C as CssTree, 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, k as serializeCss } from './index-html-BBQqYoST.js';
 export { buildCharts, buildFlatCharts, getGraphParamsProvider, getLabelDimensions } from './index-layout.js';
-export { C as CssTree, c as activeStatesStyle, d as activeTransitionsStyle, f as buildStateDetailsStyle, g as buildStateDetailsStyleWithModifier, b as buildStatechartCss, i as buildStatechartStyles, h as buildStatechartStylesWithModifier, j as buildStatechartSvg, a as buildStatechartsPanel, s as selectedStatesStyle, e as selectedTransitionsStyle, k as serializeCss } from './index-html-DgSCNHkR.js';
 export { RuntimeListener, RuntimeStatechartApi, StateChartIndex } from './index-runtime.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';
 
 declare function toKebabCase(str?: string): string;
 

package/dist/index.js

@@ -1,6 +1,7 @@
-export { concatTransitionsToString, serializeProcessConfig, splitTransitionString, toFsmStateConfig } from './chunk-SVKVQY7B.js';
-export { buildSections, findSection, getStateDescriptionRenderer, getStatesDescriptions, isDomElement, newTreeBuilder, renderSections, toDomNodesIterator, visitDom, visitSectionNodes, visitStateDescriptions, vistSections } from './chunk-VILLJJJD.js';
-export { activeStatesStyle, activeTransitionsStyle, buildStateDetailsStyle, buildStateDetailsStyleWithModifier, buildStatechartCss, buildStatechartStyles, buildStatechartStylesWithModifier, buildStatechartSvg, buildStatechartsPanel, selectedStatesStyle, selectedTransitionsStyle, serializeCss, toKebabCase } from './chunk-36ZLXJVD.js';
-export { buildCharts, buildFlatCharts, getGraphParamsProvider, getLabelDimensions } from './chunk-AZBRQNTU.js';
+export { concatTransitionsToString, serializeProcessConfig, splitTransitionString, toFsmStateConfig } from './chunk-ARZYBFNA.js';
+export { buildSections, findSection, getStateDescriptionRenderer, getStatesDescriptions, isDomElement, newTreeBuilder, renderSections, toDomNodesIterator, visitDom, visitSectionNodes, visitStateDescriptions, vistSections } from './chunk-RZ4FP6JB.js';
+export { activeStatesStyle, activeTransitionsStyle, buildStateDetailsStyle, buildStateDetailsStyleWithModifier, buildStatechartCss, buildStatechartStyles, buildStatechartStylesWithModifier, buildStatechartSvg, buildStatechartsPanel, selectedStatesStyle, selectedTransitionsStyle, serializeCss, toKebabCase } from './chunk-CR2M4445.js';
+export { buildCharts, buildFlatCharts, getGraphParamsProvider, getLabelDimensions } from './chunk-2LFUT2C6.js';
 import './chunk-FIQDLBWD.js';
-export { RuntimeStatechartApi, StateChartIndex } from './chunk-TZHCBZVP.js';
+export { RuntimeStatechartApi, StateChartIndex } from './chunk-GW2Z65BN.js';
+import './chunk-PKBMQBKP.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@statewalker/fsm-charts",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "HFSM Implementation",
   "keywords": [],
   "homepage": "https://github.com/statewalker/statewalker-fsm-charts",
@@ -29,37 +29,35 @@
     }
   },
   "devDependencies": {
-    "@statewalker/typescript-config": "*",
-    "@types/jsdom": "^21.1.7",
-    "@types/lodash-es": "^4.17.12",
-    "@typescript-eslint/eslint-plugin": "^6.4.0",
-    "eslint": "^8.0.1",
-    "eslint-config-standard-with-typescript": "^43.0.1",
-    "eslint-plugin-import": "^2.25.2",
+    "@types/jsdom": "catalog:",
+    "@types/lodash-es": "catalog:",
+    "@typescript-eslint/eslint-plugin": "catalog:",
+    "eslint": "catalog:",
+    "eslint-config-standard-with-typescript": "catalog:",
+    "eslint-plugin-import": "catalog:",
     "eslint-plugin-n": "^15.0.0 || ^16.0.0 ",
-    "eslint-plugin-promise": "^6.0.0",
-    "jsdom": "^24.1.0",
-    "lodash": "^4.17.21",
-    "lodash-es": "^4.17.21",
-    "tsup": "^8.0.2",
+    "eslint-plugin-promise": "catalog:",
+    "jsdom": "catalog:",
+    "lodash": "catalog:",
+    "lodash-es": "catalog:",
+    "tsup": "catalog:",
     "typescript": "*",
-    "vitest": "^1.6.0"
+    "vitest": "catalog:"
   },
   "repository": {
     "type": "git",
     "url": "git@github.com:statewalker/statewalker-fsm-charts.git"
   },
   "scripts": {
-    "build": "rm -fr ./dist && yarn test && tsup",
-    "prepare": "yarn build",
+    "build": "rm -fr ./dist && pnpm test && tsup",
     "watch": "tsup --watch",
     "watch-for-viewer": "tsup --watch --outDir=../statewalker-fsm-viewer/src/.observablehq/cache/_node/@statewalker/fsm-charts@0.2.1",
     "clean": "rm -rf dist",
     "lint": "eslint",
-    "lint:fix": "yarn lint -- --fix",
+    "lint:fix": "pnpm lint --fix",
     "test": "vitest --run",
     "test:watch": "vitest",
-    "prepublish": "yarn build"
+    "prepublish": "pnpm build"
   },
   "publishConfig": {
     "access": "public"

package/src/config/concatTransitionsToString.ts

@@ -1,7 +1,7 @@
-import { type Transition } from "../types/index.ts";
+import type { Transition } from "../types/index.js";
 
 export function concatTransitionsToString(transitions: Transition[]) {
-  let list: string[] = [];
+  const list: string[] = [];
   let str: string = "";
   let prev: undefined | string;
   for (const [from, event, to] of transitions) {

package/src/config/index.ts

@@ -1,4 +1,4 @@
-export * from "./concatTransitionsToString.ts";
-export * from "./serializeProcessConfig.ts";
-export * from "./splitTransitionString.ts";
-export * from "./toFsmStateConfig.ts";
+export * from "./concatTransitionsToString.js";
+export * from "./serializeProcessConfig.js";
+export * from "./splitTransitionString.js";
+export * from "./toFsmStateConfig.js";

package/src/config/serializeProcessConfig.ts

@@ -1,8 +1,8 @@
-import type { FsmStateConfig } from "../types/index.ts";
+import type { FsmStateConfig } from "../types/index.js";
 
 export function serializeProcessConfig(config: FsmStateConfig | undefined) {
   if (!config) return "";
-  let lines: string[] = [];
+  const lines: string[] = [];
   visit(config, lines);
   return lines.join("\n");
 
@@ -29,7 +29,7 @@ export function serializeProcessConfig(config: FsmStateConfig | undefined) {
         if (i > 0) {
           lines[lines.length - 1] += ",";
         }
-        visit(states[i], lines, shift + "    ");
+        visit(states[i], lines, `${shift}    `);
       }
       lines.push(`${shift}  ]`);
     }

package/src/config/splitTransitionString.ts

@@ -1,10 +1,10 @@
-import { type Transition } from "../types/index.ts";
+import type { Transition } from "../types/index.js";
 
 export function splitTransitionString(str: string): Transition[] {
   let list: string[] = [];
   let pos = 0;
   const matches = Array.from(
-    str.matchAll(/-\s*("[^"]*?"|'[^']*?'|[^-]*?)\s*->/g)
+    str.matchAll(/-\s*("[^"]*?"|'[^']*?'|[^-]*?)\s*->/g),
   );
   for (const match of matches) {
     list.push(str.substring(pos, match.index));

package/src/config/toFsmStateConfig.ts

@@ -1,5 +1,5 @@
-import { splitTransitionString } from "./splitTransitionString.ts";
-import type { FsmStateConfig, Transition } from "../types/index.ts";
+import type { FsmStateConfig, Transition } from "../types/index.js";
+import { splitTransitionString } from "./splitTransitionString.js";
 
 export function toFsmStateConfig(json: any): FsmStateConfig | undefined {
   if (!json || typeof json !== "object") return;
@@ -20,7 +20,7 @@ export function toFsmStateConfig(json: any): FsmStateConfig | undefined {
     const transitions: Transition[] = [];
     const index: Record<string, boolean> = {};
     const array = toArray(json);
-    for (let line of array) {
+    for (const line of array) {
       const lineTransitions =
         typeof line === "string"
           ? splitTransitionString(line)