@agilemotion/oui-react-js 1.8.56 → 1.8.57

package/dist/components/ElementResizeHandler.js

@@ -4,196 +4,199 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ElementResizeHandler = void 0;
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+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); }
 const MIN_WIDTH = 60;
 const MIN_HEIGHT = 40;
 const FULLSCREEN_MARGINS = -10;
 const MARGINS = 4;
 class ElementResizeHandler {
   constructor(pane, ghostPane) {
-    this.clicked = null;
-    pane.addEventListener('mousedown', this.onMouseDown);
-    document.addEventListener('mousemove', this.onMove);
-    document.addEventListener('mouseup', this.onUp);
-    pane.addEventListener('touchstart', this.onTouchDown);
-    document.addEventListener('touchmove', this.onTouchMove);
-    document.addEventListener('touchend', this.onTouchEnd);
-    this.pane = pane;
-    this.ghostPane = ghostPane;
-    this.animate();
-  }
-  setBounds = (element, x, y, w, h) => {
-    element.style.left = x + 'px';
-    element.style.top = y + 'px';
-    element.style.width = w + 'px';
-    element.style.height = h + 'px';
-  };
-  hintHide = () => {
-    this.setBounds(this.ghostPane, this.b.left, this.b.top, this.b.width, this.b.height);
-    this.ghostPane.style.opacity = 0;
-  };
-  onTouchDown = e => {
-    this.onDown(e.touches[0]);
-    e.preventDefault();
-  };
-  onTouchMove = e => {
-    this.onMove(e.touches[0]);
-  };
-  onTouchEnd = e => {
-    if (e.touches.length === 0) {
-      this.onUp(e.changedTouches[0]);
-    }
-  };
-  onMouseDown = e => {
-    this.onDown(e);
-    e.preventDefault();
-  };
-  onDown = e => {
-    this.calc(e);
-    var isResizing = this.onRightEdge || this.onBottomEdge || this.onTopEdge || this.onLeftEdge;
-    this.clicked = {
-      x: this.x,
-      y: this.y,
-      cx: e.clientX,
-      cy: e.clientY,
-      w: this.b.width,
-      h: this.b.height,
-      isResizing: this.isResizing,
-      isMoving: !this.isResizing && this.canMove(),
-      onTopEdge: this.onTopEdge,
-      onLeftEdge: this.onLeftEdge,
-      onRightEdge: this.onRightEdge,
-      onBottomEdge: this.onBottomEdge
-    };
-  };
-  canMove = () => {
-    return this.x > 0 && this.x < this.b.width && this.y > 0 && this.y < this.b.height && this.y < 30;
-  };
-  calc = e => {
-    this.b = this.pane.getBoundingClientRect();
-    this.x = e.clientX - this.b.left;
-    this.y = e.clientY - this.b.top;
-    this.onTopEdge = this.y < MARGINS;
-    this.onLeftEdge = this.x < MARGINS;
-    this.onRightEdge = this.x >= this.b.width - MARGINS;
-    this.onBottomEdge = this.y >= this.b.height - MARGINS;
-    this.rightScreenEdge = window.innerWidth - MARGINS;
-    this.bottomScreenEdge = window.innerHeight - MARGINS;
-  };
-  onMove = ee => {
-    this.calc(ee);
-    this.e = ee;
-    this.redraw = true;
-  };
-  animate = () => {
-    requestAnimationFrame(this.animate);
-    if (!this.redraw) return;
-    this.redraw = false;
-    if (this.clicked && this.clicked.isResizing) {
-      if (this.clicked.onRightEdge) this.pane.style.width = Math.max(this.x, MIN_WIDTH) + 'px';
-      if (this.clicked.onBottomEdge) this.pane.style.height = Math.max(this.y, MIN_HEIGHT) + 'px';
-      if (this.clicked.onLeftEdge) {
-        var currentWidth = Math.max(this.clicked.cx - this.e.clientX + this.clicked.w, MIN_WIDTH);
-        if (currentWidth > MIN_WIDTH) {
-          this.pane.style.width = currentWidth + 'px';
-          this.pane.style.left = this.e.clientX + 'px';
-        }
+    _defineProperty(this, "setBounds", (element, x, y, w, h) => {
+      element.style.left = x + 'px';
+      element.style.top = y + 'px';
+      element.style.width = w + 'px';
+      element.style.height = h + 'px';
+    });
+    _defineProperty(this, "hintHide", () => {
+      this.setBounds(this.ghostPane, this.b.left, this.b.top, this.b.width, this.b.height);
+      this.ghostPane.style.opacity = 0;
+    });
+    _defineProperty(this, "onTouchDown", e => {
+      this.onDown(e.touches[0]);
+      e.preventDefault();
+    });
+    _defineProperty(this, "onTouchMove", e => {
+      this.onMove(e.touches[0]);
+    });
+    _defineProperty(this, "onTouchEnd", e => {
+      if (e.touches.length === 0) {
+        this.onUp(e.changedTouches[0]);
       }
-      if (this.clicked.onTopEdge) {
-        var currentHeight = Math.max(this.clicked.cy - this.e.clientY + this.clicked.h, MIN_HEIGHT);
-        if (currentHeight > MIN_HEIGHT) {
-          this.pane.style.height = currentHeight + 'px';
-          this.pane.style.top = this.e.clientY + 'px';
+    });
+    _defineProperty(this, "onMouseDown", e => {
+      this.onDown(e);
+      e.preventDefault();
+    });
+    _defineProperty(this, "onDown", e => {
+      this.calc(e);
+      var isResizing = this.onRightEdge || this.onBottomEdge || this.onTopEdge || this.onLeftEdge;
+      this.clicked = {
+        x: this.x,
+        y: this.y,
+        cx: e.clientX,
+        cy: e.clientY,
+        w: this.b.width,
+        h: this.b.height,
+        isResizing: this.isResizing,
+        isMoving: !this.isResizing && this.canMove(),
+        onTopEdge: this.onTopEdge,
+        onLeftEdge: this.onLeftEdge,
+        onRightEdge: this.onRightEdge,
+        onBottomEdge: this.onBottomEdge
+      };
+    });
+    _defineProperty(this, "canMove", () => {
+      return this.x > 0 && this.x < this.b.width && this.y > 0 && this.y < this.b.height && this.y < 30;
+    });
+    _defineProperty(this, "calc", e => {
+      this.b = this.pane.getBoundingClientRect();
+      this.x = e.clientX - this.b.left;
+      this.y = e.clientY - this.b.top;
+      this.onTopEdge = this.y < MARGINS;
+      this.onLeftEdge = this.x < MARGINS;
+      this.onRightEdge = this.x >= this.b.width - MARGINS;
+      this.onBottomEdge = this.y >= this.b.height - MARGINS;
+      this.rightScreenEdge = window.innerWidth - MARGINS;
+      this.bottomScreenEdge = window.innerHeight - MARGINS;
+    });
+    _defineProperty(this, "onMove", ee => {
+      this.calc(ee);
+      this.e = ee;
+      this.redraw = true;
+    });
+    _defineProperty(this, "animate", () => {
+      requestAnimationFrame(this.animate);
+      if (!this.redraw) return;
+      this.redraw = false;
+      if (this.clicked && this.clicked.isResizing) {
+        if (this.clicked.onRightEdge) this.pane.style.width = Math.max(this.x, MIN_WIDTH) + 'px';
+        if (this.clicked.onBottomEdge) this.pane.style.height = Math.max(this.y, MIN_HEIGHT) + 'px';
+        if (this.clicked.onLeftEdge) {
+          var currentWidth = Math.max(this.clicked.cx - this.e.clientX + this.clicked.w, MIN_WIDTH);
+          if (currentWidth > MIN_WIDTH) {
+            this.pane.style.width = currentWidth + 'px';
+            this.pane.style.left = this.e.clientX + 'px';
+          }
+        }
+        if (this.clicked.onTopEdge) {
+          var currentHeight = Math.max(this.clicked.cy - this.e.clientY + this.clicked.h, MIN_HEIGHT);
+          if (currentHeight > MIN_HEIGHT) {
+            this.pane.style.height = currentHeight + 'px';
+            this.pane.style.top = this.e.clientY + 'px';
+          }
         }
-      }
-      this.hintHide();
-      return;
-    }
-    if (this.clicked && this.clicked.isMoving) {
-      if (this.b.top < FULLSCREEN_MARGINS || this.b.left < FULLSCREEN_MARGINS || this.b.right > window.innerWidth - FULLSCREEN_MARGINS || this.b.bottom > window.innerHeight - FULLSCREEN_MARGINS) {
-        // hintFull();
-        this.setBounds(this.ghostPane, 0, 0, window.innerWidth, window.innerHeight);
-        this.ghostPane.style.opacity = 0.2;
-      } else if (this.b.top < MARGINS) {
-        // hintTop();
-        this.setBounds(this.ghostPane, 0, 0, window.innerWidth, window.innerHeight / 2);
-        this.ghostPane.style.opacity = 0.2;
-      } else if (this.b.left < MARGINS) {
-        // hintLeft();
-        this.setBounds(this.ghostPane, 0, 0, window.innerWidth / 2, window.innerHeight);
-        this.ghostPane.style.opacity = 0.2;
-      } else if (this.b.right > this.rightScreenEdge) {
-        // hintRight();
-        this.setBounds(this.ghostPane, window.innerWidth / 2, 0, window.innerWidth / 2, window.innerHeight);
-        this.ghostPane.style.opacity = 0.2;
-      } else if (this.b.bottom > this.bottomScreenEdge) {
-        // hintBottom();
-        this.setBounds(this.ghostPane, 0, window.innerHeight / 2, window.innerWidth, window.innerWidth / 2);
-        this.ghostPane.style.opacity = 0.2;
-      } else {
         this.hintHide();
-      }
-      if (this.preSnapped) {
-        this.setBounds(this.pane, this.e.clientX - this.preSnapped.width / 2, this.e.clientY - Math.min(this.clicked.y, this.preSnapped.height), this.preSnapped.width, this.preSnapped.height);
         return;
       }
+      if (this.clicked && this.clicked.isMoving) {
+        if (this.b.top < FULLSCREEN_MARGINS || this.b.left < FULLSCREEN_MARGINS || this.b.right > window.innerWidth - FULLSCREEN_MARGINS || this.b.bottom > window.innerHeight - FULLSCREEN_MARGINS) {
+          // hintFull();
+          this.setBounds(this.ghostPane, 0, 0, window.innerWidth, window.innerHeight);
+          this.ghostPane.style.opacity = 0.2;
+        } else if (this.b.top < MARGINS) {
+          // hintTop();
+          this.setBounds(this.ghostPane, 0, 0, window.innerWidth, window.innerHeight / 2);
+          this.ghostPane.style.opacity = 0.2;
+        } else if (this.b.left < MARGINS) {
+          // hintLeft();
+          this.setBounds(this.ghostPane, 0, 0, window.innerWidth / 2, window.innerHeight);
+          this.ghostPane.style.opacity = 0.2;
+        } else if (this.b.right > this.rightScreenEdge) {
+          // hintRight();
+          this.setBounds(this.ghostPane, window.innerWidth / 2, 0, window.innerWidth / 2, window.innerHeight);
+          this.ghostPane.style.opacity = 0.2;
+        } else if (this.b.bottom > this.bottomScreenEdge) {
+          // hintBottom();
+          this.setBounds(this.ghostPane, 0, window.innerHeight / 2, window.innerWidth, window.innerWidth / 2);
+          this.ghostPane.style.opacity = 0.2;
+        } else {
+          this.hintHide();
+        }
+        if (this.preSnapped) {
+          this.setBounds(this.pane, this.e.clientX - this.preSnapped.width / 2, this.e.clientY - Math.min(this.clicked.y, this.preSnapped.height), this.preSnapped.width, this.preSnapped.height);
+          return;
+        }
 
-      // moving
-      this.pane.style.top = this.e.clientY - this.clicked.y + 'px';
-      this.pane.style.left = this.e.clientX - this.clicked.x + 'px';
-      return;
-    }
+        // moving
+        this.pane.style.top = this.e.clientY - this.clicked.y + 'px';
+        this.pane.style.left = this.e.clientX - this.clicked.x + 'px';
+        return;
+      }
 
-    // This code executes when mouse moves without clicking
+      // This code executes when mouse moves without clicking
 
-    // style cursor
-    if (this.onRightEdge && this.onBottomEdge || this.onLeftEdge && this.onTopEdge) {
-      this.pane.style.cursor = 'nwse-resize';
-    } else if (this.onRightEdge && this.onTopEdge || this.onBottomEdge && this.onLeftEdge) {
-      this.pane.style.cursor = 'nesw-resize';
-    } else if (this.onRightEdge || this.onLeftEdge) {
-      this.pane.style.cursor = 'ew-resize';
-    } else if (this.onBottomEdge || this.onTopEdge) {
-      this.pane.style.cursor = 'ns-resize';
-    } else if (this.canMove()) {
-      this.pane.style.cursor = 'move';
-    } else {
-      this.pane.style.cursor = 'default';
-    }
-  };
-  onUp = e => {
-    this.calc(e);
-    if (this.clicked && this.clicked.isMoving) {
-      // Snap
-      var snapped = {
-        width: this.b.width,
-        height: this.b.height
-      };
-      if (this.b.top < FULLSCREEN_MARGINS || this.b.left < FULLSCREEN_MARGINS || this.b.right > window.innerWidth - FULLSCREEN_MARGINS || this.b.bottom > window.innerHeight - FULLSCREEN_MARGINS) {
-        // hintFull();
-        this.setBounds(this.pane, 0, 0, window.innerWidth, window.innerHeight);
-        this.preSnapped = snapped;
-      } else if (this.b.top < MARGINS) {
-        // hintTop();
-        this.setBounds(this.pane, 0, 0, window.innerWidth, window.innerHeight / 2);
-        this.preSnapped = snapped;
-      } else if (this.b.left < MARGINS) {
-        // hintLeft();
-        this.setBounds(this.pane, 0, 0, window.innerWidth / 2, window.innerHeight);
-        this.preSnapped = snapped;
-      } else if (this.b.right > this.rightScreenEdge) {
-        // hintRight();
-        this.setBounds(this.pane, window.innerWidth / 2, 0, window.innerWidth / 2, window.innerHeight);
-        this.preSnapped = snapped;
-      } else if (this.b.bottom > this.bottomScreenEdge) {
-        // hintBottom();
-        this.setBounds(this.pane, 0, window.innerHeight / 2, window.innerWidth, window.innerWidth / 2);
-        this.preSnapped = snapped;
+      // style cursor
+      if (this.onRightEdge && this.onBottomEdge || this.onLeftEdge && this.onTopEdge) {
+        this.pane.style.cursor = 'nwse-resize';
+      } else if (this.onRightEdge && this.onTopEdge || this.onBottomEdge && this.onLeftEdge) {
+        this.pane.style.cursor = 'nesw-resize';
+      } else if (this.onRightEdge || this.onLeftEdge) {
+        this.pane.style.cursor = 'ew-resize';
+      } else if (this.onBottomEdge || this.onTopEdge) {
+        this.pane.style.cursor = 'ns-resize';
+      } else if (this.canMove()) {
+        this.pane.style.cursor = 'move';
       } else {
-        this.preSnapped = null;
+        this.pane.style.cursor = 'default';
       }
-      this.hintHide();
-    }
+    });
+    _defineProperty(this, "onUp", e => {
+      this.calc(e);
+      if (this.clicked && this.clicked.isMoving) {
+        // Snap
+        var snapped = {
+          width: this.b.width,
+          height: this.b.height
+        };
+        if (this.b.top < FULLSCREEN_MARGINS || this.b.left < FULLSCREEN_MARGINS || this.b.right > window.innerWidth - FULLSCREEN_MARGINS || this.b.bottom > window.innerHeight - FULLSCREEN_MARGINS) {
+          // hintFull();
+          this.setBounds(this.pane, 0, 0, window.innerWidth, window.innerHeight);
+          this.preSnapped = snapped;
+        } else if (this.b.top < MARGINS) {
+          // hintTop();
+          this.setBounds(this.pane, 0, 0, window.innerWidth, window.innerHeight / 2);
+          this.preSnapped = snapped;
+        } else if (this.b.left < MARGINS) {
+          // hintLeft();
+          this.setBounds(this.pane, 0, 0, window.innerWidth / 2, window.innerHeight);
+          this.preSnapped = snapped;
+        } else if (this.b.right > this.rightScreenEdge) {
+          // hintRight();
+          this.setBounds(this.pane, window.innerWidth / 2, 0, window.innerWidth / 2, window.innerHeight);
+          this.preSnapped = snapped;
+        } else if (this.b.bottom > this.bottomScreenEdge) {
+          // hintBottom();
+          this.setBounds(this.pane, 0, window.innerHeight / 2, window.innerWidth, window.innerWidth / 2);
+          this.preSnapped = snapped;
+        } else {
+          this.preSnapped = null;
+        }
+        this.hintHide();
+      }
+      this.clicked = null;
+    });
     this.clicked = null;
-  };
+    pane.addEventListener('mousedown', this.onMouseDown);
+    document.addEventListener('mousemove', this.onMove);
+    document.addEventListener('mouseup', this.onUp);
+    pane.addEventListener('touchstart', this.onTouchDown);
+    document.addEventListener('touchmove', this.onTouchMove);
+    document.addEventListener('touchend', this.onTouchEnd);
+    this.pane = pane;
+    this.ghostPane = ghostPane;
+    this.animate();
+  }
 }
 exports.ElementResizeHandler = ElementResizeHandler;

package/dist/components/FaceApi.js

@@ -21,10 +21,10 @@ function initModules() {
     // emit .bin shards
     const ctxBin = require.context('@agilemotion/oui-react-js/dist/assets/models', false, /\.bin$/);
     ctxBin.keys().forEach(ctxBin);
-  } catch {}
+  } catch (_unused) {}
   try {
     // emit extension-less shards (…-shard1, …-part1, etc.)
     const ctxExtless = require.context('@agilemotion/oui-react-js/dist/assets/models', false, /(?:^|\/)[^/]+-(?:shard|part)\d+$/);
     ctxExtless.keys().forEach(ctxExtless);
-  } catch {}
+  } catch (_unused2) {}
 }

package/dist/components/FileThumb.js

@@ -19,8 +19,7 @@ var _powerpoint = _interopRequireDefault(require("../assets/img/powerpoint.png")
 var _defaultFileThumb = _interopRequireDefault(require("../assets/img/default-file-thumb.png"));
 var _Utils = _interopRequireDefault(require("../Utils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const location = window.location.protocol + '//' + window.location.hostname;
 const FileThumb = props => {
   const [file] = (0, _react.useState)(props.file);
@@ -31,7 +30,8 @@ const FileThumb = props => {
     }
   }, [file]);
   const isImage = () => {
-    return file.type?.startsWith('image/');
+    var _file$type;
+    return (_file$type = file.type) === null || _file$type === void 0 ? void 0 : _file$type.startsWith('image/');
   };
   const getThumbImage = () => {
     if (!file || !file.type) {
@@ -89,7 +89,7 @@ const FileThumb = props => {
       cursor: 'pointer'
     },
     target: "_blank",
-    href: `${downloadUrl}`
+    href: "".concat(downloadUrl)
   }, file.name) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, file.name))), (_Utils.default.isNull(props.showImage) || props.showImage) && /*#__PURE__*/_react.default.createElement("div", {
     className: 'row',
     style: {
@@ -109,7 +109,7 @@ const FileThumb = props => {
       backgroundSize: 'contain',
       backgroundPosition: 'center',
       backgroundColor: 'transparent',
-      backgroundImage: isImage() ? `url(${file.documentRepositoryId ? downloadUrl : file.payload})` : `url(${getThumbImage()})`
+      backgroundImage: isImage() ? "url(".concat(file.documentRepositoryId ? downloadUrl : file.payload, ")") : "url(".concat(getThumbImage(), ")")
     }
   })));
 };

package/dist/components/Graph.js

@@ -9,8 +9,85 @@ var _ActionHandlers = _interopRequireDefault(require("../event/ActionHandlers"))
 var _GraphNode = _interopRequireDefault(require("./GraphNode"));
 var _Utils = _interopRequireDefault(require("../Utils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+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); }
 class Graph {
   constructor(config) {
+    _defineProperty(this, "getCurrentNodeIndex", () => {
+      let index = 0;
+      let collection = this.config.stepperMode === null || this.config.stepperMode === "DYNAMIC" ? this.path : this.config.nodes;
+      for (const element of collection) {
+        if (this.current.config.name === element.name) {
+          return index;
+        }
+        index++;
+      }
+      return null;
+    });
+    _defineProperty(this, "init", async () => {
+      let root = this.config.nodes[0];
+      this.current = new _GraphNode.default(this.config.nodes[0]);
+      this.addNodeToPath(this.current);
+      if (root.action.actionType === 'route') {
+        root.action.window = this.config.isWindow;
+        root.action.graphId = this.config.id;
+        root.action.pinned = this.config.pinned;
+        root.action.defaultDisplayState = this.config.defaultDisplayState;
+      }
+      if (root.onStart) {
+        for (const action of root.onStart.actions) {
+          await _ActionHandlers.default.invokeHandler(action, null, null, this.config.id);
+        }
+      }
+      await _ActionHandlers.default.invokeHandler(root.action, null, null, this.config.id);
+    });
+    _defineProperty(this, "signal", event => {
+      let nextNodeName = this.current.getNextNode(event);
+      if (this.current.config.last && nextNodeName === null) {
+        _ApplicationManager.default.removeLoadedGraph(this.config.isWindow ? 'window' : 'main');
+      } else {
+        if (!_Utils.default.isNull(nextNodeName)) {
+          for (const node of this.config.nodes) {
+            if (node.name === nextNodeName) {
+              this.current = new _GraphNode.default(node);
+              this.addNodeToPath(this.current);
+              if (node.action.actionType === 'route') {
+                node.action.window = this.config.isWindow;
+                node.action.graphId = this.config.id;
+              }
+              if (node.onStart) {
+                for (const action of node.onStart.actions) {
+                  _ActionHandlers.default.invokeHandler(action, null, null, this.config.id);
+                }
+              }
+              _ActionHandlers.default.invokeHandler(node.action, null, null, this.config.id);
+              break;
+            }
+          }
+        }
+        if (this.current === null) {
+          console.error("Node name could not be found : " + nextNodeName);
+        }
+      }
+    });
+    _defineProperty(this, "setCurrentNodeTitle", title => {
+      if (this.current !== null) {
+        this.current.title = title;
+      }
+    });
+    _defineProperty(this, "addNodeToPath", node => {
+      if (this.path.length === 0) {
+        this.path.push(node);
+      } else {
+        let lastNode = this.path[this.path.length - 1];
+        if (lastNode.config.name === node.config.name) {
+          this.path.pop();
+        } else {
+          this.path.push(node);
+        }
+      }
+    });
     this.config = config;
     this.modelData = {};
     this.current = null;
@@ -36,83 +113,9 @@ class Graph {
     }
     return titleStack;
   }
-  getCurrentNodeIndex = () => {
-    let index = 0;
-    let collection = this.config.stepperMode === null || this.config.stepperMode === "DYNAMIC" ? this.path : this.config.nodes;
-    for (const element of collection) {
-      if (this.current.config.name === element.name) {
-        return index;
-      }
-      index++;
-    }
-    return null;
-  };
   get title() {
     return this.config.title;
   }
-  init = async () => {
-    let root = this.config.nodes[0];
-    this.current = new _GraphNode.default(this.config.nodes[0]);
-    this.addNodeToPath(this.current);
-    if (root.action.actionType === 'route') {
-      root.action.window = this.config.isWindow;
-      root.action.graphId = this.config.id;
-      root.action.pinned = this.config.pinned;
-      root.action.defaultDisplayState = this.config.defaultDisplayState;
-    }
-    if (root.onStart) {
-      for (const action of root.onStart.actions) {
-        await _ActionHandlers.default.invokeHandler(action, null, null, this.config.id);
-      }
-    }
-    await _ActionHandlers.default.invokeHandler(root.action, null, null, this.config.id);
-  };
-  signal = event => {
-    let nextNodeName = this.current.getNextNode(event);
-    if (this.current.config.last && nextNodeName === null) {
-      _ApplicationManager.default.removeLoadedGraph(this.config.isWindow ? 'window' : 'main');
-    } else {
-      if (!_Utils.default.isNull(nextNodeName)) {
-        for (const node of this.config.nodes) {
-          if (node.name === nextNodeName) {
-            this.current = new _GraphNode.default(node);
-            this.addNodeToPath(this.current);
-            if (node.action.actionType === 'route') {
-              node.action.window = this.config.isWindow;
-              node.action.graphId = this.config.id;
-            }
-            if (node.onStart) {
-              for (const action of node.onStart.actions) {
-                _ActionHandlers.default.invokeHandler(action, null, null, this.config.id);
-              }
-            }
-            _ActionHandlers.default.invokeHandler(node.action, null, null, this.config.id);
-            break;
-          }
-        }
-      }
-      if (this.current === null) {
-        console.error("Node name could not be found : " + nextNodeName);
-      }
-    }
-  };
-  setCurrentNodeTitle = title => {
-    if (this.current !== null) {
-      this.current.title = title;
-    }
-  };
-  addNodeToPath = node => {
-    if (this.path.length === 0) {
-      this.path.push(node);
-    } else {
-      let lastNode = this.path[this.path.length - 1];
-      if (lastNode.config.name === node.config.name) {
-        this.path.pop();
-      } else {
-        this.path.push(node);
-      }
-    }
-  };
   get value() {
     if (_Utils.default.isNull(this.config.valueObjectType)) {
       let value = {};