@statewalker/fsm-charts 0.2.5 → 0.2.6

package/dist/StateChartIndex-BOIrc_nq.js

@@ -0,0 +1,355 @@
+import { t as _defineProperty } from "./defineProperty-C0rC37pP.js";
+//#region src/runtime/RuntimeStatechartApi.ts
+var RuntimeStatechartApi = class {
+	constructor({ element, statechart }) {
+		_defineProperty(this, "element", void 0);
+		_defineProperty(this, "statechart", void 0);
+		_defineProperty(this, "_listenersCounter", 0);
+		_defineProperty(this, "_transitionsClickListeners", {});
+		_defineProperty(this, "_statesClickListeners", {});
+		_defineProperty(this, "_registry", {});
+		this.element = element;
+		this.statechart = statechart;
+		this._bindListeners();
+	}
+	close() {
+		for (const r of Object.values(this._registry)) r?.();
+		this._registry = {};
+		this._transitionsClickListeners = {};
+		this._statesClickListeners = {};
+	}
+	onStateClick(listener) {
+		return this._addListener(this._statesClickListeners, listener);
+	}
+	onTransitionClick(listener) {
+		return this._addListener(this._transitionsClickListeners, listener);
+	}
+	openStatePanels() {
+		this._setStatePanelStatus(`details[data-state-id]`, true);
+	}
+	closeStatePanels() {
+		this._setStatePanelStatus(`details[data-state-id]`, false);
+	}
+	isStatePanelOpen(stateId) {
+		const elm = this.element.querySelector(`details[data-state-id="${stateId}"]`);
+		return elm && !!elm.open;
+	}
+	toggleState(...stateIds) {
+		const lastId = stateIds[stateIds.length - 1];
+		const selected = this.isStateSelected(lastId);
+		this.deselectStates();
+		this.closeStatePanels();
+		this.activateStates(...stateIds);
+		if (selected) {
+			this.deselectState(lastId);
+			this.closeStatePanel(lastId);
+		}
+		return !selected;
+	}
+	activateStates(...stateIds) {
+		for (let i = 0; i < stateIds.length; i++) {
+			const id = stateIds[i];
+			this.openStatePanel(id);
+			this.selectState(id);
+		}
+	}
+	focusStates(...stateIds) {
+		for (let i = 0; i < stateIds.length; i++) {
+			const stateId = stateIds[i];
+			for (const tagName of ["details", "g"]) this.element.querySelector(`${tagName}[data-state-id="${stateId}"]`)?.scrollIntoView();
+		}
+	}
+	setStateDescription(stateId, description) {
+		const descriptionContainer = this.element.querySelector(`details[data-state-id="${stateId}"] .state-details__description`);
+		if (descriptionContainer) {
+			descriptionContainer.innerHTML = "";
+			descriptionContainer.append(description ?? "");
+		}
+	}
+	closeStatePanel(stateId) {
+		this._setStatePanelStatus(`details[data-state-id="${stateId}"]`, false);
+	}
+	openStatePanel(stateId) {
+		this._setStatePanelStatus(`details[data-state-id="${stateId}"]`, true);
+	}
+	deselectTransitions(modifier = "selected") {
+		this._removeTransitionsModifier("[data-transition-id]", modifier);
+	}
+	deselectTransition(id, modifier = "selected") {
+		this._removeTransitionsModifier(`[data-transition-id="${id}"]`, modifier);
+	}
+	selectTransition(id, modifier = "selected") {
+		this._addTransitionsModifier(`[data-transition-id="${id}"]`, modifier);
+	}
+	toggleTransition(id, modifier = "selected") {
+		const selected = this.isTransitionSelected(id, modifier);
+		this.deselectTransitions();
+		if (!selected) this.selectTransition(id, modifier);
+	}
+	isTransitionSelected(id, modifier = "selected") {
+		const elm = this.element.querySelector(`[data-transition-id="${id}"]`);
+		const stateModifier = `transition--${modifier}`;
+		return !!elm?.classList.contains(stateModifier);
+	}
+	deselectStates(modifier = "selected") {
+		this._removeStateModifier("[data-state-id]", modifier);
+	}
+	isStateSelected(id, modifier = "selected") {
+		const elm = this.element.querySelector(`[data-state-id="${id}"]`);
+		const stateModifier = `state--${modifier}`;
+		return !!elm?.classList.contains(stateModifier);
+	}
+	deselectState(id, modifier = "selected") {
+		this._removeStateModifier(`[data-state-id="${id}"]`, modifier);
+	}
+	selectState(id, modifier = "selected") {
+		this._addStateModifier(`[data-state-id="${id}"]`, modifier);
+	}
+	_addListener(index, listener) {
+		const id = this._listenersCounter++;
+		index[id] = listener;
+		return () => {
+			delete index[id];
+		};
+	}
+	_bindListeners() {
+		const bindListeners = (index, dataField, eventType) => {
+			function newEventListener(index, elm) {
+				return (ev) => {
+					ev.preventDefault();
+					ev.stopPropagation();
+					let id = elm.getAttribute(dataField);
+					if (!id) id = elm.closest(`[${dataField}]`)?.getAttribute(dataField);
+					if (id) for (const listener of Object.values(index)) listener(id);
+				};
+			}
+			[...this.element.querySelectorAll(`[${dataField}]`)].forEach((elm) => {
+				const eventListener = newEventListener(index, elm);
+				elm.addEventListener(eventType, eventListener);
+				this._addListener(this._registry, () => elm.removeEventListener(eventType, eventListener));
+			});
+		};
+		bindListeners(this._statesClickListeners, "data-state-id", "click");
+		bindListeners(this._transitionsClickListeners, "data-transition-id", "click");
+	}
+	_setStatePanelStatus(selector, open) {
+		[...this.element.querySelectorAll(selector)].forEach((elm) => {
+			if (open) elm.setAttribute("open", "open");
+			else elm.removeAttribute("open");
+		});
+	}
+	_addStateModifier(cssSelector, modifier = "selected") {
+		this._applyStateModifier(cssSelector, modifier, (elm, cls) => elm?.classList.add(cls));
+	}
+	_removeStateModifier(cssSelector, modifier = "selected") {
+		this._applyStateModifier(cssSelector, modifier, (elm, cls) => elm?.classList.remove(cls));
+	}
+	_applyStateModifier(cssSelector, modifier = "selected", apply) {
+		const detailsModifier = `state-details--${modifier}`;
+		const stateLabelsModifier = `state-details__label--${modifier}`;
+		const stateModifier = `state--${modifier}`;
+		[...this.element.querySelectorAll(cssSelector)].forEach((elm) => {
+			if (elm.tagName.toLowerCase() === "details") {
+				apply(elm, detailsModifier);
+				const labelElm = elm.querySelector(".state-details__label");
+				if (labelElm) apply(labelElm, stateLabelsModifier);
+			} else apply(elm, stateModifier);
+		});
+	}
+	_addTransitionsModifier(cssSelector, modifier = "selected") {
+		this._applyTransitionsModifier(cssSelector, modifier, (elm, cls) => elm?.classList.add(cls));
+	}
+	_removeTransitionsModifier(cssSelector, modifier = "selected") {
+		this._applyTransitionsModifier(cssSelector, modifier, (elm, cls) => elm?.classList.remove(cls));
+	}
+	_applyTransitionsModifier(cssSelector, modifier = "selected", apply) {
+		const transitionModifier = `transition--${modifier}`;
+		const transitionLineModifier = `transition__line--${modifier}`;
+		const transitionBoxModifier = `transition__box--${modifier}`;
+		const transitionLabelModifier = `transition__label--${modifier}`;
+		[...this.element.querySelectorAll(cssSelector)].forEach((elm) => {
+			apply(elm, transitionModifier);
+			apply(elm.querySelector(".transition__line"), transitionLineModifier);
+			apply(elm.querySelector(".transition__box"), transitionBoxModifier);
+			apply(elm.querySelector(".transition__label"), transitionLabelModifier);
+		});
+	}
+};
+//#endregion
+//#region src/runtime/StateChartIndex.ts
+var StateChartIndex = class {
+	constructor({ statechart, initialStateKey = "<initial>", finalStateKey = "<final>" }) {
+		_defineProperty(this, "statechart", void 0);
+		_defineProperty(this, "_chartsIndex", {});
+		_defineProperty(this, "_nodesIndex", {});
+		_defineProperty(this, "_nodesParentsIndex", {});
+		_defineProperty(this, "_edgeIndex", {});
+		_defineProperty(this, "_edgesParentsIndex", {});
+		_defineProperty(this, "initialStateKey", void 0);
+		_defineProperty(this, "finalStateKey", void 0);
+		this.statechart = statechart;
+		this.initialStateKey = initialStateKey;
+		this.finalStateKey = finalStateKey;
+		this._buildIndexes();
+	}
+	/**
+	* Returns a state node or a chart by the specified identifier.
+	* @param id the id of a state node or a chart
+	* @returns a state node or a chart
+	*/
+	getNodeById(id) {
+		return this._nodesIndex[id] || this._chartsIndex[id];
+	}
+	/**
+	* Returns a chart by the specified identifier.
+	* @param id the id of a state node or a chart
+	* @returns a state node or a chart
+	*/
+	getChartById(id) {
+		return this._chartsIndex[id];
+	}
+	/**
+	* Returns an edge by the specified identifier.
+	* @param id the id of a graph edge
+	* @returns a graph edge
+	*/
+	getEdgeById(id) {
+		return this._edgeIndex[id];
+	}
+	/**
+	* Returns a list of all nodes in this chart.
+	* @return a list of all nodes
+	*/
+	getAllNodes() {
+		return [.../* @__PURE__ */ new Set([...Object.values(this._chartsIndex), ...Object.values(this._nodesIndex)])];
+	}
+	/**
+	* Returns a list of all non-empty state nodes in this chart.
+	* The result excludes nodes for initial and fina states.
+	* @return a list of all non-empty state nodes
+	*/
+	getStateNodes() {
+		return this.getAllNodes().filter((node) => node.key !== this.initialStateKey && node.key !== this.finalStateKey);
+	}
+	/**
+	* Transforms a stack of state keys to the corresponding identifiers.
+	* If a key in the stack was not found then this method returns
+	* an empty stack.
+	* @param stack a stack of state keys
+	* @returns a stack of state identifiers for the given states
+	*/
+	getStatesIds(...stack) {
+		const result = [];
+		let list = [this.statechart];
+		for (let i = 0; list?.length > 0 && i < stack.length; i++) {
+			const key = stack[i];
+			const node = list.find((node) => node.key === key);
+			if (!node) break;
+			result.push(node.id);
+			list = [...node.children || [], ...node.nodes || []];
+		}
+		return result.length === stack.length ? result : [];
+	}
+	/**
+	* Returns graph nodes for the specified identifier.
+	* @param id the id of a  node
+	* @returns a stack of nodes
+	*/
+	getStackByStateId(id) {
+		if (!id) return [];
+		const node = this._chartsIndex[id] || this._nodesIndex[id];
+		if (!node) return [];
+		const parentId = this._nodesParentsIndex[id];
+		if (parentId) {
+			const parentStack = this.getStackByStateId(parentId);
+			if (!parentStack.length) return [];
+			parentStack.push(node);
+			return parentStack;
+		} else return [node];
+	}
+	/**
+	* Returns an edge object corresponding to the transition from the state
+	* @param stateId identifier of the source state
+	* @param event an event triggering the transition
+	* @returns graph edge
+	*/
+	getTransition(stateId, event) {
+		const stack = this.getStackByStateId(stateId);
+		const state = stack.pop();
+		if (!state || !stack.length) return;
+		return stack[stack.length - 1].edges.find((t) => t.from === state.key && t.event === event);
+	}
+	/**
+	* Returns a list of edge objects corresponding to all transitions from the state
+	* @param stateId identifier of the source state
+	* @returns a list of graph edges
+	*/
+	getTransitions(stateId) {
+		const stack = this.getStackByStateId(stateId);
+		const state = stack.pop();
+		if (!state || !stack.length) return [];
+		return stack[stack.length - 1].edges.filter((t) => t.from === state.key);
+	}
+	/**
+	* Returns a graph node corresponding to the specified state id.
+	* @param stateId identifier of the state
+	* @returns graph node
+	* @see getStateChart
+	*/
+	getStateNode(stateId) {
+		return stateId ? this._nodesIndex[stateId] : void 0;
+	}
+	/**
+	* Returns a chart corresponding to the specified state id.
+	* @param stateId identifier of the state
+	* @returns graph node
+	* @see getStateNode
+	*/
+	getStateChart(stateId) {
+		return stateId ? this._chartsIndex[stateId] : void 0;
+	}
+	/**
+	* Returns ids of the previous and next state for the specified transition
+	* @param transition a graph edge instance defining transition
+	* @returns an array with two identifiers - [sourceStateId, targetStateId] - the source state id and target state id
+	*/
+	getTransitionStateIds(transition) {
+		const result = [void 0, void 0];
+		if (!transition) return result;
+		const parentId = this._edgesParentsIndex[transition.id];
+		if (!parentId) return result;
+		const parent = this._chartsIndex[parentId];
+		if (!parent) return result;
+		parent.nodes.forEach((node) => {
+			if (node.key === transition.from) result[0] = node.id;
+			if (node.key === transition.to) result[1] = node.id;
+		});
+		return result;
+	}
+	_buildIndexes() {
+		const addToIndex = (chart) => {
+			const chartId = chart.id;
+			this._chartsIndex[chartId] = chart;
+			if (!(chartId in this._nodesIndex)) this._nodesIndex[chartId] = chart;
+			chart.nodes.forEach((node) => {
+				const nodeId = node.id;
+				this._nodesIndex[nodeId] = node;
+				this._nodesParentsIndex[nodeId] = chartId;
+			});
+			chart.edges.forEach((edge) => {
+				const edgeId = edge.id;
+				this._edgeIndex[edgeId] = edge;
+				this._edgesParentsIndex[edgeId] = chartId;
+			});
+			(chart.children || []).forEach((child) => {
+				this._nodesParentsIndex[child.id] = chartId;
+				addToIndex(child);
+			});
+		};
+		addToIndex(this.statechart);
+	}
+};
+//#endregion
+export { RuntimeStatechartApi as n, StateChartIndex as t };
+
+//# sourceMappingURL=StateChartIndex-BOIrc_nq.js.map

package/dist/StateChartIndex-BOIrc_nq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateChartIndex-BOIrc_nq.js","names":[],"sources":["../src/runtime/RuntimeStatechartApi.ts","../src/runtime/StateChartIndex.ts"],"sourcesContent":["import type { StateChart } from \"../types/index.js\";\n\nexport type RuntimeListener = (id: string) => void;\nexport class RuntimeStatechartApi {\n  element: HTMLElement;\n  statechart: StateChart;\n  _listenersCounter: number = 0;\n  _transitionsClickListeners: Record<number, RuntimeListener> = {};\n  _statesClickListeners: Record<number, RuntimeListener> = {};\n  _registry: Record<number, () => void> = {};\n\n  constructor({\n    element,\n    statechart,\n  }: {\n    element: HTMLElement;\n    statechart: StateChart;\n  }) {\n    this.element = element;\n    this.statechart = statechart;\n    this._bindListeners();\n  }\n\n  close() {\n    for (const r of Object.values(this._registry)) r?.();\n    this._registry = {};\n    this._transitionsClickListeners = {};\n    this._statesClickListeners = {};\n  }\n\n  onStateClick(listener: RuntimeListener) {\n    return this._addListener(this._statesClickListeners, listener);\n  }\n  onTransitionClick(listener: RuntimeListener) {\n    return this._addListener(this._transitionsClickListeners, listener);\n  }\n\n  openStatePanels() {\n    this._setStatePanelStatus(`details[data-state-id]`, true);\n  }\n  closeStatePanels() {\n    this._setStatePanelStatus(`details[data-state-id]`, false);\n  }\n  isStatePanelOpen(stateId: string) {\n    const elm = this.element.querySelector(\n      `details[data-state-id=\"${stateId}\"]`,\n    ) as HTMLDetailsElement;\n    return elm && !!elm.open;\n  }\n\n  toggleState(...stateIds: string[]) {\n    const lastId = stateIds[stateIds.length - 1];\n    const selected = this.isStateSelected(lastId);\n    this.deselectStates();\n    this.closeStatePanels();\n    this.activateStates(...stateIds);\n    if (selected) {\n      this.deselectState(lastId);\n      this.closeStatePanel(lastId);\n    }\n    return !selected;\n  }\n\n  activateStates(...stateIds: string[]) {\n    for (let i = 0; i < stateIds.length; i++) {\n      const id = stateIds[i];\n      this.openStatePanel(id);\n      this.selectState(id);\n    }\n  }\n\n  focusStates(...stateIds: string[]) {\n    for (let i = 0; i < stateIds.length; i++) {\n      const stateId = stateIds[i];\n      for (const tagName of [\"details\", \"g\"]) {\n        const elm = this.element.querySelector(`${tagName}[data-state-id=\"${stateId}\"]`);\n        elm?.scrollIntoView();\n      }\n    }\n  }\n\n  setStateDescription(stateId: string, description: Node | string | undefined) {\n    const descriptionContainer = this.element.querySelector(\n      `details[data-state-id=\"${stateId}\"] .state-details__description`,\n    );\n    if (descriptionContainer) {\n      descriptionContainer.innerHTML = \"\";\n      descriptionContainer.append(description ?? \"\");\n    }\n  }\n\n  closeStatePanel(stateId: string) {\n    this._setStatePanelStatus(`details[data-state-id=\"${stateId}\"]`, false);\n  }\n  openStatePanel(stateId: string) {\n    this._setStatePanelStatus(`details[data-state-id=\"${stateId}\"]`, true);\n  }\n\n  deselectTransitions(modifier = \"selected\") {\n    this._removeTransitionsModifier(\"[data-transition-id]\", modifier);\n  }\n  deselectTransition(id: string, modifier: string = \"selected\") {\n    this._removeTransitionsModifier(`[data-transition-id=\"${id}\"]`, modifier);\n  }\n  selectTransition(id: string, modifier: string = \"selected\") {\n    this._addTransitionsModifier(`[data-transition-id=\"${id}\"]`, modifier);\n  }\n  toggleTransition(id: string, modifier: string = \"selected\") {\n    const selected = this.isTransitionSelected(id, modifier);\n    this.deselectTransitions();\n    if (!selected) {\n      this.selectTransition(id, modifier);\n    }\n    // if (!selected) this.deselectTransition(id, modifier);\n    // else this.selectTransition(id, modifier);\n  }\n  isTransitionSelected(id: string, modifier: string = \"selected\") {\n    const elm = this.element.querySelector(`[data-transition-id=\"${id}\"]`);\n    const stateModifier = `transition--${modifier}`;\n    return !!elm?.classList.contains(stateModifier);\n  }\n\n  deselectStates(modifier: string = \"selected\") {\n    this._removeStateModifier(\"[data-state-id]\", modifier);\n  }\n  isStateSelected(id: string, modifier: string = \"selected\") {\n    const elm = this.element.querySelector(`[data-state-id=\"${id}\"]`);\n    const stateModifier = `state--${modifier}`;\n    return !!elm?.classList.contains(stateModifier);\n  }\n  deselectState(id: string, modifier: string = \"selected\") {\n    this._removeStateModifier(`[data-state-id=\"${id}\"]`, modifier);\n  }\n  selectState(id: string, modifier: string = \"selected\") {\n    this._addStateModifier(`[data-state-id=\"${id}\"]`, modifier);\n  }\n\n  // Internal methods\n\n  _addListener<T = Function>(index: Record<string, T>, listener: T) {\n    const id = this._listenersCounter++;\n    index[id] = listener;\n    return () => {\n      delete index[id];\n    };\n  }\n\n  _bindListeners() {\n    const bindListeners = (\n      index: Record<string, RuntimeListener>,\n      dataField: string,\n      eventType: string,\n    ) => {\n      function newEventListener(index: Record<string, RuntimeListener>, elm: Element) {\n        return (ev: Event) => {\n          ev.preventDefault();\n          ev.stopPropagation();\n          let id: string | null | undefined = elm.getAttribute(dataField);\n          if (!id) {\n            id = elm.closest(`[${dataField}]`)?.getAttribute(dataField);\n          }\n          if (id) {\n            for (const listener of Object.values(index)) {\n              listener(id);\n            }\n          }\n        };\n      }\n      [...this.element.querySelectorAll(`[${dataField}]`)].forEach((elm) => {\n        const eventListener = newEventListener(index, elm);\n        elm.addEventListener(eventType, eventListener);\n        this._addListener(this._registry, () => elm.removeEventListener(eventType, eventListener));\n      });\n    };\n    bindListeners(this._statesClickListeners, \"data-state-id\", \"click\");\n    bindListeners(this._transitionsClickListeners, \"data-transition-id\", \"click\");\n  }\n\n  _setStatePanelStatus(selector: string, open: boolean) {\n    [...this.element.querySelectorAll(selector)].forEach((elm) => {\n      if (open) elm.setAttribute(\"open\", \"open\");\n      else elm.removeAttribute(\"open\");\n    });\n  }\n\n  _addStateModifier(cssSelector: string, modifier: string = \"selected\") {\n    this._applyStateModifier(cssSelector, modifier, (elm, cls) => elm?.classList.add(cls));\n  }\n  _removeStateModifier(cssSelector: string, modifier: string = \"selected\") {\n    this._applyStateModifier(cssSelector, modifier, (elm, cls) => elm?.classList.remove(cls));\n  }\n  _applyStateModifier(\n    cssSelector: string,\n    modifier: string = \"selected\",\n    apply: (elm: Element | null, className: string) => void,\n  ) {\n    const detailsModifier = `state-details--${modifier}`;\n    const stateLabelsModifier = `state-details__label--${modifier}`;\n    const stateModifier = `state--${modifier}`;\n    [...this.element.querySelectorAll(cssSelector)].forEach((elm) => {\n      if (elm.tagName.toLowerCase() === \"details\") {\n        apply(elm, detailsModifier);\n        const labelElm = elm.querySelector(\".state-details__label\");\n        if (labelElm) apply(labelElm, stateLabelsModifier);\n      } else {\n        apply(elm, stateModifier);\n      }\n    });\n  }\n\n  _addTransitionsModifier(cssSelector: string, modifier: string = \"selected\") {\n    this._applyTransitionsModifier(cssSelector, modifier, (elm, cls) => elm?.classList.add(cls));\n  }\n  _removeTransitionsModifier(cssSelector: string, modifier: string = \"selected\") {\n    this._applyTransitionsModifier(cssSelector, modifier, (elm, cls) => elm?.classList.remove(cls));\n  }\n  _applyTransitionsModifier(\n    cssSelector: string,\n    modifier: string = \"selected\",\n    apply: (elm: Element | null, className: string) => void,\n  ) {\n    const transitionModifier = `transition--${modifier}`;\n    const transitionLineModifier = `transition__line--${modifier}`;\n    const transitionBoxModifier = `transition__box--${modifier}`;\n    const transitionLabelModifier = `transition__label--${modifier}`;\n    [...this.element.querySelectorAll(cssSelector)].forEach((elm) => {\n      apply(elm, transitionModifier);\n      apply(elm.querySelector(\".transition__line\"), transitionLineModifier);\n      apply(elm.querySelector(\".transition__box\"), transitionBoxModifier);\n      apply(elm.querySelector(\".transition__label\"), transitionLabelModifier);\n    });\n  }\n}\n","import type { StateChart, StateGraphEdge, StateGraphNode } from \"../types/index.js\";\n\nexport class StateChartIndex {\n  statechart: StateChart;\n  _chartsIndex: Record<string, StateChart> = {};\n  _nodesIndex: Record<string, StateGraphNode> = {};\n  _nodesParentsIndex: Record<string, string> = {};\n  _edgeIndex: Record<string, StateGraphEdge> = {};\n  _edgesParentsIndex: Record<string, string> = {};\n  initialStateKey: string;\n  finalStateKey: string;\n\n  constructor({\n    statechart,\n    initialStateKey = \"<initial>\",\n    finalStateKey = \"<final>\",\n  }: {\n    statechart: StateChart;\n    initialStateKey?: string;\n    finalStateKey?: string;\n  }) {\n    this.statechart = statechart;\n    this.initialStateKey = initialStateKey;\n    this.finalStateKey = finalStateKey;\n\n    this._buildIndexes();\n  }\n\n  /**\n   * Returns a state node or a chart by the specified identifier.\n   * @param id the id of a state node or a chart\n   * @returns a state node or a chart\n   */\n  getNodeById(id: string): StateGraphNode | undefined {\n    return this._nodesIndex[id] || this._chartsIndex[id];\n  }\n\n  /**\n   * Returns a chart by the specified identifier.\n   * @param id the id of a state node or a chart\n   * @returns a state node or a chart\n   */\n  getChartById(id: string): StateChart | undefined {\n    return this._chartsIndex[id];\n  }\n\n  /**\n   * Returns an edge by the specified identifier.\n   * @param id the id of a graph edge\n   * @returns a graph edge\n   */\n  getEdgeById(id: string): StateGraphEdge | undefined {\n    return this._edgeIndex[id];\n  }\n\n  /**\n   * Returns a list of all nodes in this chart.\n   * @return a list of all nodes\n   */\n  getAllNodes(): StateGraphNode[] {\n    return [...new Set([...Object.values(this._chartsIndex), ...Object.values(this._nodesIndex)])];\n  }\n\n  /**\n   * Returns a list of all non-empty state nodes in this chart.\n   * The result excludes nodes for initial and fina states.\n   * @return a list of all non-empty state nodes\n   */\n  getStateNodes(): StateGraphNode[] {\n    return this.getAllNodes().filter(\n      (node) => node.key !== this.initialStateKey && node.key !== this.finalStateKey,\n    );\n  }\n\n  /**\n   * Transforms a stack of state keys to the corresponding identifiers.\n   * If a key in the stack was not found then this method returns\n   * an empty stack.\n   * @param stack a stack of state keys\n   * @returns a stack of state identifiers for the given states\n   */\n  getStatesIds(...stack: string[]): string[] {\n    const result = [];\n    let list = [this.statechart] as (StateChart | StateGraphNode)[];\n    for (let i = 0; list?.length > 0 && i < stack.length; i++) {\n      const key = stack[i];\n      const node = list.find((node) => node.key === key);\n      if (!node) break;\n      result.push(node.id);\n      list = [...(node.children || []), ...(node.nodes || [])];\n    }\n    return result.length === stack.length ? result : [];\n  }\n\n  /**\n   * Returns graph nodes for the specified identifier.\n   * @param id the id of a  node\n   * @returns a stack of nodes\n   */\n  getStackByStateId(id?: string): StateGraphNode[] {\n    if (!id) return [];\n    const node = this._chartsIndex[id] || this._nodesIndex[id];\n    if (!node) return [];\n    const parentId = this._nodesParentsIndex[id];\n    if (parentId) {\n      const parentStack = this.getStackByStateId(parentId);\n      if (!parentStack.length) return [];\n      parentStack.push(node);\n      return parentStack;\n    } else {\n      return [node];\n    }\n  }\n\n  /**\n   * Returns an edge object corresponding to the transition from the state\n   * @param stateId identifier of the source state\n   * @param event an event triggering the transition\n   * @returns graph edge\n   */\n  getTransition(stateId?: string, event?: string): StateGraphEdge | undefined {\n    const stack = this.getStackByStateId(stateId);\n    const state = stack.pop();\n    if (!state || !stack.length) return;\n    const parent = stack[stack.length - 1];\n    const t = parent.edges.find((t: StateGraphEdge) => t.from === state.key && t.event === event);\n    return t;\n  }\n\n  /**\n   * Returns a list of edge objects corresponding to all transitions from the state\n   * @param stateId identifier of the source state\n   * @returns a list of graph edges\n   */\n  getTransitions(stateId?: string): StateGraphEdge[] {\n    const stack = this.getStackByStateId(stateId);\n    const state = stack.pop();\n    if (!state || !stack.length) return [];\n    const parent = stack[stack.length - 1];\n    return parent.edges.filter((t: StateGraphEdge) => t.from === state.key);\n  }\n\n  /**\n   * Returns a graph node corresponding to the specified state id.\n   * @param stateId identifier of the state\n   * @returns graph node\n   * @see getStateChart\n   */\n  getStateNode(stateId?: string): StateGraphNode | undefined {\n    return stateId ? this._nodesIndex[stateId] : undefined;\n  }\n\n  /**\n   * Returns a chart corresponding to the specified state id.\n   * @param stateId identifier of the state\n   * @returns graph node\n   * @see getStateNode\n   */\n  getStateChart(stateId?: string): StateChart | undefined {\n    return stateId ? this._chartsIndex[stateId] : undefined;\n  }\n\n  /**\n   * Returns ids of the previous and next state for the specified transition\n   * @param transition a graph edge instance defining transition\n   * @returns an array with two identifiers - [sourceStateId, targetStateId] - the source state id and target state id\n   */\n  getTransitionStateIds(transition?: StateGraphEdge): [string | undefined, string | undefined] {\n    const result: [string | undefined, string | undefined] = [undefined, undefined];\n    if (!transition) return result;\n    const parentId = this._edgesParentsIndex[transition.id];\n    if (!parentId) return result;\n    const parent = this._chartsIndex[parentId];\n    if (!parent) return result;\n    parent.nodes.forEach((node: StateGraphNode) => {\n      if (node.key === transition.from) {\n        result[0] = node.id;\n      }\n      if (node.key === transition.to) {\n        result[1] = node.id;\n      }\n    });\n    return result;\n  }\n\n  // ----------------------------------------------------------\n  // Internal methods\n  _buildIndexes() {\n    const addToIndex = (chart: StateChart) => {\n      const chartId = chart.id;\n      this._chartsIndex[chartId] = chart;\n      if (!(chartId in this._nodesIndex)) {\n        this._nodesIndex[chartId] = chart;\n      }\n      chart.nodes.forEach((node) => {\n        const nodeId = node.id;\n        this._nodesIndex[nodeId] = node;\n        this._nodesParentsIndex[nodeId] = chartId;\n      });\n      chart.edges.forEach((edge) => {\n        const edgeId = edge.id;\n        this._edgeIndex[edgeId] = edge;\n        this._edgesParentsIndex[edgeId] = chartId;\n      });\n      (chart.children || []).forEach((child) => {\n        this._nodesParentsIndex[child.id] = chartId;\n        addToIndex(child);\n      });\n    };\n    addToIndex(this.statechart);\n  }\n}\n"],"mappings":"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"}