@statewalker/fsm-charts 0.2.4 → 0.2.6

package/dist/chunk-FIQDLBWD.js

@@ -1,9 +0,0 @@
-// src/utils/getPadding.ts
-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;
-}
-
-export { getPadding };

package/dist/chunk-SVKVQY7B.js

@@ -1,133 +0,0 @@
-// src/config/concatTransitionsToString.ts
-function concatTransitionsToString(transitions) {
-  let list = [];
-  let str = "";
-  let prev;
-  for (const [from, event, to] of transitions) {
-    if (prev !== from) {
-      if (str) list.push(str);
-      str = from;
-    }
-    str += ` -${escape(event)}-> ${escape(to)}`;
-    prev = to;
-  }
-  if (str) list.push(str);
-  return list;
-  function escape(str2) {
-    return str2;
-  }
-}
-
-// src/config/serializeProcessConfig.ts
-function serializeProcessConfig(config) {
-  if (!config) return "";
-  let lines = [];
-  visit(config, lines);
-  return lines.join("\n");
-  function visit(config2, lines2, shift = "") {
-    lines2.push(`${shift}{`);
-    const { key, states, transitions, ...params } = config2;
-    lines2.push(`${shift}  "key": ${JSON.stringify(key)}`);
-    if (transitions && transitions.length > 0) {
-      lines2[lines2.length - 1] += ",";
-      lines2.push(`${shift}  "transitions": [`);
-      for (let i = 0; i < transitions.length; i++) {
-        if (i > 0) {
-          lines2[lines2.length - 1] += ",";
-        }
-        lines2.push(`${shift}    ${JSON.stringify(transitions[i])}`);
-      }
-      lines2.push(`${shift}  ]`);
-    }
-    if (states && states.length > 0) {
-      lines2[lines2.length - 1] += ",";
-      lines2.push(`${shift}  "states": [`);
-      for (let i = 0; i < states.length; i++) {
-        if (i > 0) {
-          lines2[lines2.length - 1] += ",";
-        }
-        visit(states[i], lines2, shift + "    ");
-      }
-      lines2.push(`${shift}  ]`);
-    }
-    if (params && Object.keys(params).length > 0) {
-      lines2[lines2.length - 1] += ",";
-      const str = JSON.stringify(params, null, 2);
-      const paramsLines = str.split("\n");
-      paramsLines.shift();
-      paramsLines.pop();
-      lines2.push(...paramsLines.map((line) => shift + line));
-    }
-    lines2.push(`${shift}}`);
-  }
-}
-
-// src/config/splitTransitionString.ts
-function splitTransitionString(str) {
-  let list = [];
-  let pos = 0;
-  const matches = Array.from(
-    str.matchAll(/-\s*("[^"]*?"|'[^']*?'|[^-]*?)\s*->/g)
-  );
-  for (const match of matches) {
-    list.push(str.substring(pos, match.index));
-    list.push(match[1]);
-    pos = match.index + match[0].length;
-  }
-  list.push(str.substring(pos));
-  list = list.map((str2) => str2.trim());
-  const transitions = [];
-  for (let i = 0; i < list.length - 2; ) {
-    const from = list[i++] || "";
-    const event = list[i++] || "";
-    const to = list[i] || "";
-    transitions.push([from, event, to]);
-  }
-  return transitions;
-}
-
-// src/config/toFsmStateConfig.ts
-function toFsmStateConfig(json) {
-  if (!json || typeof json !== "object") return;
-  const { key, transitions, states, ...options } = json;
-  if (typeof key !== "string") return;
-  const stateTransitions = toFsmTransitions(transitions);
-  const substates = toArray(states).map(toFsmStateConfig).filter((v) => !!v);
-  const state = {
-    key,
-    transitions: stateTransitions
-  };
-  if (substates && substates.length > 0) state.states = substates;
-  return Object.assign(state, options);
-  function toFsmTransitions(json2) {
-    const transitions2 = [];
-    const index = {};
-    const array = toArray(json2);
-    for (let line of array) {
-      const lineTransitions = typeof line === "string" ? splitTransitionString(line) : [toArray(line)];
-      for (const transition of lineTransitions.map(validateTransition)) {
-        if (!transition) continue;
-        const key2 = transition.join("|");
-        if (key2 in index) continue;
-        index[key2] = true;
-        transitions2.push(transition);
-      }
-    }
-    return transitions2;
-  }
-  function validateTransition(value) {
-    const array = toArray(value);
-    if (array.length !== 3) return;
-    const [from, event, to] = array;
-    if (typeof from !== "string" || typeof event !== "string" || typeof to !== "string")
-      return;
-    return [from, event, to];
-  }
-  function toArray(value) {
-    if (value === void 0) return [];
-    if (Array.isArray(value)) return value;
-    return [value];
-  }
-}
-
-export { concatTransitionsToString, serializeProcessConfig, splitTransitionString, toFsmStateConfig };

package/dist/chunk-TZHCBZVP.js

@@ -1,422 +0,0 @@
-// src/runtime/RuntimeStatechartApi.ts
-var RuntimeStatechartApi = class {
-  constructor({
-    element,
-    statechart
-  }) {
-    this._listenersCounter = 0;
-    this._transitionsClickListeners = {};
-    this._statesClickListeners = {};
-    this._registry = {};
-    this.element = element;
-    this.statechart = statechart;
-    this._bindListeners();
-  }
-  close() {
-    Object.values(this._registry).forEach((r) => r && 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"]) {
-        const elm = this.element.querySelector(
-          `${tagName}[data-state-id="${stateId}"]`
-        );
-        elm?.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);
-  }
-  // Internal methods
-  _addListener(index, listener) {
-    const id = this._listenersCounter++;
-    index[id] = listener;
-    return () => {
-      delete index[id];
-    };
-  }
-  _bindListeners() {
-    const bindListeners = (index, dataField, eventType) => {
-      function newEventListener(index2, 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(index2)) {
-              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 && elm.classList.add(cls)
-    );
-  }
-  _removeStateModifier(cssSelector, modifier = "selected") {
-    this._applyStateModifier(
-      cssSelector,
-      modifier,
-      (elm, cls) => elm && 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 && elm.classList.add(cls)
-    );
-  }
-  _removeTransitionsModifier(cssSelector, modifier = "selected") {
-    this._applyTransitionsModifier(
-      cssSelector,
-      modifier,
-      (elm, cls) => elm && 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);
-    });
-  }
-};
-
-// src/runtime/StateChartIndex.ts
-var StateChartIndex = class {
-  constructor({
-    statechart,
-    initialStateKey = "<initial>",
-    finalStateKey = "<final>"
-  }) {
-    this._chartsIndex = {};
-    this._nodesIndex = {};
-    this._nodesParentsIndex = {};
-    this._edgeIndex = {};
-    this._edgesParentsIndex = {};
-    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) {
-    let result = [];
-    let list = [this.statechart];
-    for (let i = 0; list?.length > 0 && i < stack.length; i++) {
-      const key = stack[i];
-      const node = list.find((node2) => node2.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;
-    const parent = stack[stack.length - 1];
-    const t = parent.edges.find(
-      (t2) => t2.from === state.key && t2.event === event
-    );
-    return t;
-  }
-  /**
-   * 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 [];
-    const parent = stack[stack.length - 1];
-    return parent.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;
-  }
-  // ----------------------------------------------------------
-  // Internal methods
-  _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);
-  }
-};
-
-export { RuntimeStatechartApi, StateChartIndex };