@agilemotion/oui-react-js 1.6.4 → 1.6.6

package/dist/ApplicationManager.js

@@ -3,697 +3,596 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.LEGEND_ARROW_ICON = exports.TEMPLATE_TOKEN_REGEX = exports.SYSTEM_EVENT = exports.AVATAR_LISTENER_TYPE = exports.APP_VARIABLE = void 0;
-
+exports.default = exports.TEMPLATE_TOKEN_REGEX = exports.SYSTEM_EVENT = exports.LEGEND_ARROW_ICON = exports.AVATAR_LISTENER_TYPE = exports.APP_VARIABLE = void 0;
 var _Observable = _interopRequireDefault(require("./event/Observable"));
-
 var _Event = _interopRequireDefault(require("./event/Event"));
-
 var _EventType = _interopRequireDefault(require("./event/EventType"));
-
 var _Graph = _interopRequireDefault(require("./components/Graph"));
-
 var _Utils = _interopRequireDefault(require("./Utils"));
-
 var _DynamicJS = _interopRequireWildcard(require("./DynamicJS"));
-
 var _TypedValue = _interopRequireDefault(require("./TypedValue"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var APP_VARIABLE = '__DOLLAR_APPLICATION_OUI_SYS_VAR__';
-exports.APP_VARIABLE = APP_VARIABLE;
-var AVATAR_LISTENER_TYPE = 'AVATAR_LISTENER';
-exports.AVATAR_LISTENER_TYPE = AVATAR_LISTENER_TYPE;
-var SYSTEM_EVENT = 'SYSTEM_EVENT';
-exports.SYSTEM_EVENT = SYSTEM_EVENT;
-var TEMPLATE_TOKEN_REGEX = new RegExp('(([$]{1}[{]{1})(([a-zA-Z0-9_$.@#{}[\\]]*)+){1}([}]{1}))+', 'g');
-exports.TEMPLATE_TOKEN_REGEX = TEMPLATE_TOKEN_REGEX;
-var LEGEND_ARROW_ICON = " <i class=\"fa fa-arrow-right fa-xs\" aria-hidden=\"true\" style='color:__COLOR__'></i> ";
-exports.LEGEND_ARROW_ICON = LEGEND_ARROW_ICON;
-var applicationContext = {};
-
-var ApplicationManager = /*#__PURE__*/function () {
-  function ApplicationManager() {
-    var _this = this;
-
-    _classCallCheck(this, ApplicationManager);
-
-    _defineProperty(this, "addApplicationContextSubscription", function (subscription) {
-      return new Promise(function (resolve) {
-        _Observable.default.addApplicationContextSubscription(subscription);
-
-        resolve(applicationContext);
-      });
-    });
-
-    _defineProperty(this, "setConfirmDialogHandler", function (controller) {
-      _this.props.confirmationDialogController = controller;
-    });
-
-    _defineProperty(this, "registerLibrary", function (name, lib) {
-      _this.libs[name] = lib;
-    });
-
-    _defineProperty(this, "setApplicationHistory", function (history) {
-      _this.props.applicationHistory = history;
-    });
-
-    _defineProperty(this, "getApplicationHistory", function () {
-      return _this.props.applicationHistory;
-    });
-
-    _defineProperty(this, "getAppBarTitle", function () {
-      return _this.props.appBarTitle;
-    });
-
-    _defineProperty(this, "updateAppBarTitle", function (viewId, title) {
-      console.log('updateAppBarTitle VIEW LENGTH : ', _this.views.length);
-
-      var _iterator = _createForOfIteratorHelper(_this.views),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var view1 = _step.value;
-          console.log('updateAppBarTitle VIEW : ', view1.config.id);
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-
-      var view = _this.getView(viewId);
-
-      if (!view) {
-        return;
-      }
-
-      var legendIconArrow = LEGEND_ARROW_ICON.replace('__COLOR__', _this.props.secondaryColor);
-      var titleValue = '';
-
-      if (!title.match(_DynamicJS.TEMPLATE_REGEX)) {
-        titleValue = title;
-      } else {
-        titleValue = _DynamicJS.default.executeScript(viewId + 'Title', title, viewId);
-      }
-
-      if (!view.popUp && _this.graphs.length === 0) {
-        var _iterator2 = _createForOfIteratorHelper(_this.navHistory),
-            _step2;
-
-        try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            var navHistoryElement = _step2.value;
-
-            if (navHistoryElement.viewId === viewId) {
-              navHistoryElement.title = titleValue;
-            }
-          }
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
-        }
-
-        var legendValue = '<span>';
-        var counter = 0;
-
-        var _iterator3 = _createForOfIteratorHelper(_this.navHistory),
-            _step3;
-
-        try {
-          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-            var _navHistoryElement = _step3.value;
-            legendValue += "".concat(_navHistoryElement.title);
-
-            if (counter++ < _this.navHistory.length - 1) {
-              legendValue += legendIconArrow;
-            }
-          }
-        } catch (err) {
-          _iterator3.e(err);
-        } finally {
-          _iterator3.f();
-        }
-
-        legendValue += '</span>';
-        _this.props.appBarTitle = legendValue;
-      } else if (!view.popUp) {
-        var legendPath = '';
-
-        for (var i = 0; i < _this.graphs[0].initialNavHistoryDepth && i < _this.navHistory.length; i++) {
-          legendPath += "".concat(_this.navHistory[i].title);
-
-          if (i < _this.graphs[0].initialNavHistoryDepth - 1) {
-            legendPath += legendIconArrow;
-          }
+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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const APP_VARIABLE = exports.APP_VARIABLE = '__DOLLAR_APPLICATION_OUI_SYS_VAR__';
+const AVATAR_LISTENER_TYPE = exports.AVATAR_LISTENER_TYPE = 'AVATAR_LISTENER';
+const SYSTEM_EVENT = exports.SYSTEM_EVENT = 'SYSTEM_EVENT';
+const TEMPLATE_TOKEN_REGEX = exports.TEMPLATE_TOKEN_REGEX = new RegExp('(([$]{1}[{]{1})(([a-zA-Z0-9_$.@#{}[\\]]*)+){1}([}]{1}))+', 'g');
+const LEGEND_ARROW_ICON = exports.LEGEND_ARROW_ICON = ` <i class=\"fa fa-arrow-right fa-xs\" aria-hidden=\"true\" style='color:__COLOR__'></i> `;
+const applicationContext = {};
+class ApplicationManager {
+  constructor() {
+    if (!ApplicationManager.instance) {
+      this.views = [];
+      this.props = {};
+      this.listeners = [];
+      this.libs = {};
+      this.navHistory = [];
+      this.fileCache = [];
+      this.graphs = [];
+      this.api = {
+        get id() {
+          return instance.getId();
+        },
+        refreshUserAvatar(avatar) {
+          instance.refreshUserAvatar(avatar);
+        },
+        alert(viewId, message, messageType) {
+          instance.alert(viewId, message, messageType);
+        },
+        removeLoadedGraph(routeToAnchor) {
+          instance.removeLoadedGraph(routeToAnchor);
+        },
+        hasActiveMeeting() {
+          return instance.hasActiveMeeting();
         }
-
-        legendPath = legendPath.length > 0 ? legendPath + legendIconArrow : '';
-        _this.props.appBarTitle = _this.graphs[0].initialNavHistoryDepth === 0 ? titleValue : "".concat(legendPath, "<span>").concat(_this.graphs[0].title, "</span>");
-
-        _this.graphs[0].setCurrentNodeTitle(titleValue);
-      }
-
-      var property = {};
-      property.name = 'title';
-      property.value = _this.props.appBarTitle;
-      var event = new _Event.default(_this, SYSTEM_EVENT, property);
-
-      _Observable.default.fireEvent(_EventType.default.APPLICATION_CONTEXT_CHANGE, event);
-
-      if (!view.popUp && _this.graphs.length > 0) {
-        property = {};
-        property.name = 'stepperTitle';
-
-        var _event = new _Event.default(_this, SYSTEM_EVENT, property);
-
-        _Observable.default.fireEvent(_EventType.default.APPLICATION_CONTEXT_CHANGE, _event);
+      };
+      if (!Array.isArray) {
+        Array.isArray = function (arg) {
+          return Object.prototype.toString.call(arg) === '[object Array]';
+        };
       }
+      ApplicationManager.instance = this;
+    }
+    return ApplicationManager.instance;
+  }
+  addApplicationContextSubscription = subscription => {
+    return new Promise(resolve => {
+      _Observable.default.addApplicationContextSubscription(subscription);
+      resolve(applicationContext);
     });
-
-    _defineProperty(this, "setViewPortHistory", function (history) {
-      _this.props.viewPortHistory = history;
-    });
-
-    _defineProperty(this, "getViewPortHistory", function () {
-      return _this.props.viewPortHistory;
-    });
-
-    _defineProperty(this, "clear", function () {
-      _Observable.default.clearAllEventListeners();
-
-      _this.views.splice(0, _this.views.length);
-
-      _this.fileCache.splice(0, _this.fileCache.length);
+  };
+  navigate(path) {
+    this.props.navigator(path);
+  }
+  setDashboardSettings(dashboardSettings) {
+    this.props.dashboardSettings = dashboardSettings;
+  }
+  getDashboardSettings() {
+    return this.props.dashboardSettings;
+  }
+  setNavigator(navigator) {
+    this.props.navigator = navigator;
+  }
+  setHasActiveMeeting(hasActiveMeeting) {
+    this.props.hasActiveMeeting = hasActiveMeeting;
+  }
+  hasActiveMeeting() {
+    return this.props.hasActiveMeeting;
+  }
+  setServiceApiPath(serviceApiPath) {
+    this.props.serviceApiPath = serviceApiPath;
+  }
+  getServiceApiPath() {
+    return this.props.serviceApiPath;
+  }
+  setUIConfigPath(uiConfigPath) {
+    this.props.uiConfigPath = uiConfigPath;
+  }
+  setContextRoot(contextRoot) {
+    this.props.contextRoot = contextRoot;
+  }
+  getContextRoot() {
+    return this.props.contextRoot;
+  }
+  getUIConfigPath() {
+    return this.props.uiConfigPath;
+  }
+  setFilesApiPath(filesApiPath) {
+    this.props.filesApiPath = filesApiPath;
+  }
+  getFilesApiPath() {
+    return this.props.filesApiPath;
+  }
+  addApplicationListener(listener) {
+    this.listeners.push(listener);
+  }
+  alert(viewId, message, messageType) {
+    let event = new _Event.default(this, this.getView(viewId).config.id, {
+      messageType: messageType,
+      message: message
     });
-
-    _defineProperty(this, "getPreviousHistoryElement", function () {
-      if (_this.navHistory.length > 1) {
-        return _this.navHistory[_this.navHistory.length - 2];
+    _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
+  }
+  refreshUserAvatar(avatar) {
+    for (const listener of this.listeners) {
+      if (listener.type === AVATAR_LISTENER_TYPE) {
+        listener.handler(avatar);
       }
-
-      return null;
-    });
-
-    _defineProperty(this, "getFileDomainCache", function (domain) {
-      var _iterator4 = _createForOfIteratorHelper(_this.fileCache),
-          _step4;
-
-      try {
-        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-          var fileCacheElement = _step4.value;
-
-          if (fileCacheElement.domain === domain) {
-            return fileCacheElement;
-          }
-        }
-      } catch (err) {
-        _iterator4.e(err);
-      } finally {
-        _iterator4.f();
+    }
+  }
+  setConfirmDialogHandler = controller => {
+    this.props.confirmationDialogController = controller;
+  };
+  setApplicationThemeColors(primary, secondary) {
+    this.props.primaryColor = primary;
+    this.props.secondaryColor = secondary;
+  }
+  getApplicationPrimaryColor() {
+    return this.props.primaryColor;
+  }
+  getApplicationSecondaryColor() {
+    return this.props.secondaryColor;
+  }
+  openConfirmDialog(message, resultCallback) {
+    return this.props.confirmationDialogController.openDialog(message, {
+      execute: result => {
+        resultCallback(result);
       }
-
-      return null;
     });
-
-    _defineProperty(this, "addFile", function (domain, file) {
-      if (_Utils.default.isNull(domain)) {
-        console.error('Please specify file domain');
-        return;
-      }
-
-      var fileDomainCache = _this.getFileDomainCache(domain);
-
-      if (fileDomainCache === null) {
-        fileDomainCache = {};
-        fileDomainCache.domain = domain;
-        fileDomainCache.files = [];
-
-        _this.fileCache.push(fileDomainCache);
+  }
+  /**
+   * registers a library
+   *
+   * @param name
+   * @param lib
+   */
+  registerLibrary = (name, lib) => {
+    this.libs[name] = lib;
+  };
+
+  /**
+   * set application history
+   *
+   * @param history
+   */
+  setApplicationHistory = history => {
+    this.props.applicationHistory = history;
+  };
+
+  /**
+   * get application history
+   *
+   * @returns application history
+   */
+  getApplicationHistory = () => {
+    return this.props.applicationHistory;
+  };
+
+  /**
+   * get app bar title
+   *
+   * @returns app bar title
+   */
+  getAppBarTitle = () => {
+    return this.props.appBarTitle;
+  };
+
+  /**
+   * update appbar title
+   *
+   * @param viewId
+   * @param title
+   */
+  updateAppBarTitle = (viewId, title) => {
+    console.log('updateAppBarTitle VIEW LENGTH : ', this.views.length);
+    for (const view1 of this.views) {
+      console.log('updateAppBarTitle VIEW : ', view1.config.id);
+    }
+    let view = this.getView(viewId);
+    if (!view) {
+      return;
+    }
+    let legendIconArrow = LEGEND_ARROW_ICON.replace('__COLOR__', this.props.secondaryColor);
+    let titleValue = '';
+    if (!title.match(_DynamicJS.TEMPLATE_REGEX)) {
+      titleValue = title;
+    } else {
+      titleValue = _DynamicJS.default.executeScript(viewId + 'Title', title, viewId);
+    }
+    if (!view.popUp && this.graphs.length === 0) {
+      for (const navHistoryElement of this.navHistory) {
+        if (navHistoryElement.viewId === viewId) {
+          navHistoryElement.title = titleValue;
+        }
+      }
+      let legendValue = '<span>';
+      let counter = 0;
+      for (const navHistoryElement of this.navHistory) {
+        legendValue += `${navHistoryElement.title}`;
+        if (counter++ < this.navHistory.length - 1) {
+          legendValue += legendIconArrow;
+        }
+      }
+      legendValue += '</span>';
+      this.props.appBarTitle = legendValue;
+    } else if (!view.popUp) {
+      let legendPath = '';
+      for (let i = 0; i < this.graphs[0].initialNavHistoryDepth && i < this.navHistory.length; i++) {
+        legendPath += `${this.navHistory[i].title}`;
+        if (i < this.graphs[0].initialNavHistoryDepth - 1) {
+          legendPath += legendIconArrow;
+        }
+      }
+      legendPath = legendPath.length > 0 ? legendPath + legendIconArrow : '';
+      this.props.appBarTitle = this.graphs[0].initialNavHistoryDepth === 0 ? titleValue : `${legendPath}<span>${this.graphs[0].title}</span>`;
+      this.graphs[0].setCurrentNodeTitle(titleValue);
+    }
+    let property = {};
+    property.name = 'title';
+    property.value = this.props.appBarTitle;
+    let event = new _Event.default(this, SYSTEM_EVENT, property);
+    _Observable.default.fireEvent(_EventType.default.APPLICATION_CONTEXT_CHANGE, event);
+    if (!view.popUp && this.graphs.length > 0) {
+      property = {};
+      property.name = 'stepperTitle';
+      let event = new _Event.default(this, SYSTEM_EVENT, property);
+      _Observable.default.fireEvent(_EventType.default.APPLICATION_CONTEXT_CHANGE, event);
+    }
+  };
+
+  /**
+   * set viewport history
+   *
+   * @param history
+   */
+  setViewPortHistory = history => {
+    this.props.viewPortHistory = history;
+  };
+
+  /**
+   * get viewport history
+   *
+   * @returns viewport history
+   */
+  getViewPortHistory = () => {
+    return this.props.viewPortHistory;
+  };
+
+  /**
+   * clears all views
+   *
+   */
+  clear = () => {
+    _Observable.default.clearAllEventListeners();
+    this.views.splice(0, this.views.length);
+    this.fileCache.splice(0, this.fileCache.length);
+  };
+
+  /**
+   *
+   */
+  getPreviousHistoryElement = () => {
+    if (this.navHistory.length > 1) {
+      return this.navHistory[this.navHistory.length - 2];
+    }
+    return null;
+  };
+  getFileDomainCache = domain => {
+    for (const fileCacheElement of this.fileCache) {
+      if (fileCacheElement.domain === domain) {
+        return fileCacheElement;
+      }
+    }
+    return null;
+  };
+
+  /**
+   * add view configuration
+   *
+   * @param domain
+   * @param file
+   */
+  addFile = (domain, file) => {
+    if (_Utils.default.isNull(domain)) {
+      console.error('Please specify file domain');
+      return;
+    }
+    let fileDomainCache = this.getFileDomainCache(domain);
+    if (fileDomainCache === null) {
+      fileDomainCache = {};
+      fileDomainCache.domain = domain;
+      fileDomainCache.files = [];
+      this.fileCache.push(fileDomainCache);
+    }
+    let cachedFile = null;
+    for (const domainFile of fileDomainCache.files) {
+      if (domainFile.correlationId === file.correlationId) {
+        cachedFile = domainFile;
+      }
+    }
+    if (cachedFile === null) {
+      fileDomainCache.files.push(file);
+    } else {
+      cachedFile.content = file.content;
+    }
+  };
+  updateContext = values => {
+    _Observable.default.emitContextChangeEvent(applicationContext, values);
+    Object.keys(values).forEach(key => {
+      applicationContext[key] = values[key];
+    });
+  };
+  /**
+   * add view configuration
+   *
+   * @param view the listener to be added
+   * @param path
+   * @param forward
+   */
+  addView = (view, path, forward) => {
+    if (!view.popUp && !view.window) {
+      let topView = this.getTopAnchorView();
+      if (topView) {
+        this.closeView(topView?.config.id);
+      }
+    } else {
+      if (view.popUp) {
+        this.props.confirmationDialogController.openPopupView(view);
       }
-
-      var cachedFile = null;
-
-      var _iterator5 = _createForOfIteratorHelper(fileDomainCache.files),
-          _step5;
-
-      try {
-        for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-          var domainFile = _step5.value;
-
-          if (domainFile.correlationId === file.correlationId) {
-            cachedFile = domainFile;
-          }
+      if (view.window) {
+        let topView = this.getTopWindowView();
+        if (topView) {
+          this.closeView(topView?.config.id);
         }
-      } catch (err) {
-        _iterator5.e(err);
-      } finally {
-        _iterator5.f();
       }
-
-      if (cachedFile === null) {
-        fileDomainCache.files.push(file);
-      } else {
-        cachedFile.content = file.content;
+    }
+    if (view.parent) {
+      this.navHistory.splice(0, this.navHistory.length);
+      for (const contextView of this.views) {
+        let shouldClose = view.window && contextView.window || !view.window && !contextView.window;
+        if (!_Utils.default.isNull(contextView) && !_Utils.default.isNull(contextView.handle.api) && shouldClose) {
+          this.closeView(contextView.handle.api.id, forward);
+        }
       }
-    });
-
-    _defineProperty(this, "updateContext", function (values) {
-      _Observable.default.emitContextChangeEvent(applicationContext, values);
-
-      Object.keys(values).forEach(function (key) {
-        applicationContext[key] = values[key];
+    }
+    let historyElement = {};
+    historyElement.viewId = view.config.id;
+    historyElement.parent = view.parent;
+    historyElement.path = path;
+    this.navHistory.push(historyElement);
+    this.views.push(view);
+    if (view.window) {
+      _Observable.default.emitContextChangeEvent(applicationContext, {
+        windowView: view
       });
-    });
-
-    _defineProperty(this, "addView", function (view, path, forward) {
-      if (!view.popUp && !view.window) {
-        var topView = _this.getTopAnchorView();
-
-        if (topView) {
-          _this.closeView(topView === null || topView === void 0 ? void 0 : topView.config.id);
-        }
-      } else {
-        if (view.popUp) {
-          _this.props.confirmationDialogController.openPopupView(view);
-        }
-
-        if (view.window) {
-          var _topView = _this.getTopWindowView();
+      applicationContext.windowView = view;
+    }
+    let currentGraph = this.graphs.length > 0 ? this.graphs[this.graphs.length - 1] : null;
+    if (!view.window && view.parent && currentGraph && currentGraph.config.isWindow) {
+      currentGraph.anchorView = view;
+      currentGraph.anchorHistoryElement = this.navHistory[this.navHistory.length - 1];
+      currentGraph.initialNavHistoryDepth = 0;
+      this.updateContext({
+        windowDisplayState: 'PINNED'
+      });
+    }
+  };
 
-          if (_topView) {
-            _this.closeView(_topView === null || _topView === void 0 ? void 0 : _topView.config.id);
+  /**
+   * closes the current view
+   *
+   */
+  closeAllViews = () => {
+    for (const view of this.views) {
+      this.closeView(view.config.id, false);
+    }
+    _Observable.default.emitContextChangeEvent(applicationContext, {
+      windowView: null
+    });
+    applicationContext.windowView = null;
+  };
+
+  /**
+   * closes the specified view
+   *
+   * @param viewId the listener to be added
+   * @param forward
+   */
+  closeView = (viewId, forward) => {
+    let view = this.getView(viewId);
+    if (view) {
+      if (!_Utils.default.isNull(view) && !_Utils.default.isNull(view.handle.api)) {
+        _Observable.default.clearEventListeners(viewId);
+        for (let i = 0; i < this.fileCache.length; i++) {
+          let cacheElement = this.fileCache[i];
+          if (cacheElement.domain === viewId) {
+            this.fileCache.slice(i, 1);
+            break;
           }
         }
-      }
-
-      if (view.parent) {
-        _this.navHistory.splice(0, _this.navHistory.length);
-
-        var _iterator6 = _createForOfIteratorHelper(_this.views),
-            _step6;
-
-        try {
-          for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-            var contextView = _step6.value;
-            var shouldClose = view.window && contextView.window || !view.window && !contextView.window;
-
-            if (!_Utils.default.isNull(contextView) && !_Utils.default.isNull(contextView.handle.api) && shouldClose) {
-              _this.closeView(contextView.handle.api.id, forward);
+        let count = 0;
+        for (const view of this.views) {
+          if (view.handle.api.id === viewId) {
+            this.views.splice(count, 1);
+            if (!view.popUp && !view.parent && (_Utils.default.isNull(forward) || forward === false)) {
+              let viewIndex = this.navHistory.findIndex(h => h.viewId === viewId);
+              if (viewIndex >= 0) {
+                this.navHistory.splice(viewIndex, 1);
+              }
+            } else if (view.popUp) {
+              this.props.confirmationDialogController.closePopupView();
             }
           }
-        } catch (err) {
-          _iterator6.e(err);
-        } finally {
-          _iterator6.f();
+          count++;
         }
       }
-
-      var historyElement = {};
-      historyElement.viewId = view.config.id;
-      historyElement.parent = view.parent;
-      historyElement.path = path;
-
-      _this.navHistory.push(historyElement);
-
-      _this.views.push(view);
-
-      if (view.window) {
+      let hasWindow = false;
+      for (const viewsElement of this.views) {
+        if (viewsElement.window) {
+          hasWindow = true;
+          break;
+        }
+      }
+      if (!hasWindow) {
         _Observable.default.emitContextChangeEvent(applicationContext, {
-          windowView: view
+          windowView: null
         });
-
-        applicationContext.windowView = view;
+        applicationContext.windowView = null;
       }
-
-      var currentGraph = _this.graphs.length > 0 ? _this.graphs[_this.graphs.length - 1] : null;
-
-      if (!view.window && view.parent && currentGraph && currentGraph.config.isWindow) {
-        currentGraph.anchorView = view;
-        currentGraph.anchorHistoryElement = _this.navHistory[_this.navHistory.length - 1];
-        currentGraph.initialNavHistoryDepth = 0;
-
-        _this.updateContext({
-          windowDisplayState: 'PINNED'
+      if (view.window) {
+        this.updateContext({
+          windowDisplayState: 'CLOSED'
         });
       }
-    });
-
-    _defineProperty(this, "closeAllViews", function () {
-      var _iterator7 = _createForOfIteratorHelper(_this.views),
-          _step7;
-
-      try {
-        for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-          var view = _step7.value;
-
-          _this.closeView(view.config.id, false);
-        }
-      } catch (err) {
-        _iterator7.e(err);
-      } finally {
-        _iterator7.f();
-      }
-
-      _Observable.default.emitContextChangeEvent(applicationContext, {
-        windowView: null
-      });
-
-      applicationContext.windowView = null;
-    });
-
-    _defineProperty(this, "closeView", function (viewId, forward) {
-      var view = _this.getView(viewId);
-
-      if (view) {
-        if (!_Utils.default.isNull(view) && !_Utils.default.isNull(view.handle.api)) {
-          _Observable.default.clearEventListeners(viewId);
-
-          for (var i = 0; i < _this.fileCache.length; i++) {
-            var cacheElement = _this.fileCache[i];
-
-            if (cacheElement.domain === viewId) {
-              _this.fileCache.slice(i, 1);
-
-              break;
-            }
-          }
-
-          var count = 0;
-
-          var _iterator8 = _createForOfIteratorHelper(_this.views),
-              _step8;
-
-          try {
-            for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
-              var _view = _step8.value;
-
-              if (_view.handle.api.id === viewId) {
-                _this.views.splice(count, 1);
-
-                if (!_view.popUp && !_view.parent && (_Utils.default.isNull(forward) || forward === false)) {
-                  var viewIndex = _this.navHistory.findIndex(function (h) {
-                    return h.viewId === viewId;
-                  });
-
-                  if (viewIndex >= 0) {
-                    _this.navHistory.splice(viewIndex, 1);
-                  }
-                } else if (_view.popUp) {
-                  _this.props.confirmationDialogController.closePopupView();
-                }
-              }
-
-              count++;
-            }
-          } catch (err) {
-            _iterator8.e(err);
-          } finally {
-            _iterator8.f();
-          }
-        }
-
-        var hasWindow = false;
-
-        var _iterator9 = _createForOfIteratorHelper(_this.views),
-            _step9;
-
-        try {
-          for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
-            var viewsElement = _step9.value;
-
-            if (viewsElement.window) {
-              hasWindow = true;
-              break;
-            }
-          }
-        } catch (err) {
-          _iterator9.e(err);
-        } finally {
-          _iterator9.f();
-        }
-
-        if (!hasWindow) {
-          _Observable.default.emitContextChangeEvent(applicationContext, {
-            windowView: null
-          });
-
-          applicationContext.windowView = null;
-        }
+    }
+  };
 
-        if (view.window) {
-          _this.updateContext({
-            windowDisplayState: 'CLOSED'
-          });
-        }
+  /**
+   * Returns a view configuration with a particular id
+   *
+   */
+  getView = id => {
+    for (const view of this.views) {
+      if (id === view.config.id) {
+        return view;
       }
-    });
-
-    _defineProperty(this, "getView", function (id) {
-      var _iterator10 = _createForOfIteratorHelper(_this.views),
-          _step10;
-
-      try {
-        for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
-          var view = _step10.value;
-
-          if (id === view.config.id) {
-            return view;
-          }
-        }
-      } catch (err) {
-        _iterator10.e(err);
-      } finally {
-        _iterator10.f();
+    }
+    return null;
+  };
+  getViewComponent = (view, id) => {
+    if (!_Utils.default.isNull(view) && !_Utils.default.isNull(view.handle) && !_Utils.default.isNull(view.handle.api)) {
+      if (id === view.handle.api.id) {
+        return view.handle.api;
       }
-
-      return null;
-    });
-
-    _defineProperty(this, "getViewComponent", function (view, id) {
-      if (!_Utils.default.isNull(view) && !_Utils.default.isNull(view.handle) && !_Utils.default.isNull(view.handle.api)) {
-        if (id === view.handle.api.id) {
-          return view.handle.api;
-        }
-
-        var handle = view.handle.api.getChild(id);
-
-        if (handle) {
-          return handle.api;
-        }
-
-        if (id === 'view') {
-          return view.handle.api;
-        }
-      } else {
-        if (id === 'trainingScheduleCalendarEventForm') {
-          console.log('NO HANDLES');
-        }
+      let handle = view.handle.api.getChild(id);
+      if (handle) {
+        return handle.api;
       }
-    });
-
-    _defineProperty(this, "resolveComponentApi", function (id) {
-      if (APP_VARIABLE === id) {
-        return _this.api;
+      if (id === 'view') {
+        return view.handle.api;
       }
-
-      var _iterator11 = _createForOfIteratorHelper(_this.graphs),
-          _step11;
-
-      try {
-        for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
-          var graph = _step11.value;
-
-          if (graph.id === id) {
-            return graph;
-          }
-        }
-      } catch (err) {
-        _iterator11.e(err);
-      } finally {
-        _iterator11.f();
+    } else {
+      if (id === 'trainingScheduleCalendarEventForm') {
+        console.log('NO HANDLES');
       }
+    }
+  };
 
-      if (_this.views.length === 0) {
-        return _this.getViewComponent(_this.props.dashboardView, id);
+  /**
+   * Returns a view configuration with a particular id
+   *
+   */
+  resolveComponentApi = id => {
+    if (APP_VARIABLE === id) {
+      return this.api;
+    }
+    for (const graph of this.graphs) {
+      if (graph.id === id) {
+        return graph;
       }
-
-      var _iterator12 = _createForOfIteratorHelper(_this.views),
-          _step12;
-
-      try {
-        for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
-          var view = _step12.value;
-
-          var component = _this.getViewComponent(view, id);
-
-          if (component) {
-            return component;
-          }
-        }
-      } catch (err) {
-        _iterator12.e(err);
-      } finally {
-        _iterator12.f();
+    }
+    if (this.views.length === 0) {
+      return this.getViewComponent(this.props.dashboardView, id);
+    }
+    for (const view of this.views) {
+      let component = this.getViewComponent(view, id);
+      if (component) {
+        return component;
       }
+    }
+    return null;
+  };
 
-      return null;
-    });
-
-    _defineProperty(this, "populateTemplate", function (template, eventData) {
-      var matches = template.match(TEMPLATE_TOKEN_REGEX);
-
-      if (!_Utils.default.isNull(matches)) {
-        var _iterator13 = _createForOfIteratorHelper(matches),
-            _step13;
-
-        try {
-          for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
-            var match = _step13.value;
-            var expresionContent = match.substring(match.indexOf('{') + 1, match.lastIndexOf('}'));
-            var expressionValue = '';
-
-            if (expresionContent.startsWith('$event.data') && !_Utils.default.isNull(eventData)) {
-              var props = expresionContent.replace('$event.data.', '').split('.');
-              var vo = eventData;
-
-              var _iterator14 = _createForOfIteratorHelper(props),
-                  _step14;
-
-              try {
-                for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
-                  var prop = _step14.value;
-                  vo = vo[prop];
-                }
-              } catch (err) {
-                _iterator14.e(err);
-              } finally {
-                _iterator14.f();
-              }
-
-              expressionValue = vo;
-            } else {
-              expressionValue = _this.resolveExpressionValue(expresionContent);
-            }
-
-            template = template.replace(match, expressionValue);
+  /**
+   * Populate all place holders in the given template
+   *
+   */
+  populateTemplate = (template, eventData) => {
+    let matches = template.match(TEMPLATE_TOKEN_REGEX);
+    if (!_Utils.default.isNull(matches)) {
+      for (const match of matches) {
+        let expresionContent = match.substring(match.indexOf('{') + 1, match.lastIndexOf('}'));
+        let expressionValue = '';
+        if (expresionContent.startsWith('$event.data') && !_Utils.default.isNull(eventData)) {
+          let props = expresionContent.replace('$event.data.', '').split('.');
+          let vo = eventData;
+          for (const prop of props) {
+            vo = vo[prop];
           }
-        } catch (err) {
-          _iterator13.e(err);
-        } finally {
-          _iterator13.f();
+          expressionValue = vo;
+        } else {
+          expressionValue = this.resolveExpressionValue(expresionContent);
         }
+        template = template.replace(match, expressionValue);
       }
-
-      return template;
-    });
-
-    _defineProperty(this, "resolveExpressionValue", function (expression) {
-      var eventData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      var paramExpression = expression.match(/\(([^)]*)\)/);
-      var isEvent = expression.startsWith('$event.data');
-      var baseExpression = isEvent ? '$event.data' : !_Utils.default.isNull(paramExpression) && paramExpression.length > 0 ? expression.replace(paramExpression[0], '') : expression;
-      var expressionContent = baseExpression.substring(baseExpression.indexOf('{') + 1, baseExpression.indexOf('}'));
-      var isComponent = baseExpression.startsWith('@#{');
-      var isLib = baseExpression.startsWith('@@{');
-      var tokens = expressionContent.split('.');
-      var idToken = tokens[0];
-
+    }
+    return template;
+  };
+  resolveExpressionValue = (() => {
+    var _this = this;
+    return function (expression) {
+      let eventData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      let paramExpression = expression.match(/\(([^)]*)\)/);
+      let isEvent = expression.startsWith('$event.data');
+      let baseExpression = isEvent ? '$event.data' : !_Utils.default.isNull(paramExpression) && paramExpression.length > 0 ? expression.replace(paramExpression[0], '') : expression;
+      let expressionContent = baseExpression.substring(baseExpression.indexOf('{') + 1, baseExpression.indexOf('}'));
+      let isComponent = baseExpression.startsWith('@#{');
+      let isLib = baseExpression.startsWith('@@{');
+      let tokens = expressionContent.split('.');
+      let idToken = tokens[0];
       if (isComponent || isEvent) {
-        var value = isEvent ? eventData : _this.resolveComponentApi(expressionContent);
-        var expressionClosure = isEvent ? 'data.' : '}.';
-        var index = expression.indexOf(expressionClosure);
-
+        let value = isEvent ? eventData : _this.resolveComponentApi(expressionContent);
+        let expressionClosure = isEvent ? 'data.' : '}.';
+        let index = expression.indexOf(expressionClosure);
         if (index > 0) {
-          var propertyChain = expression.substring(index + expressionClosure.length);
-          var props = propertyChain.split('.');
-
-          var _iterator15 = _createForOfIteratorHelper(props),
-              _step15;
-
-          try {
-            for (_iterator15.s(); !(_step15 = _iterator15.n()).done;) {
-              var prop = _step15.value;
-
-              if (_Utils.default.isNull(value)) {
-                return null;
-              }
-
-              value = value[prop];
-
-              if (typeof value === 'function') {
-                value = value();
-              }
+          let propertyChain = expression.substring(index + expressionClosure.length);
+          let props = propertyChain.split('.');
+          for (const prop of props) {
+            if (_Utils.default.isNull(value)) {
+              return null;
+            }
+            value = value[prop];
+            if (typeof value === 'function') {
+              value = value();
             }
-          } catch (err) {
-            _iterator15.e(err);
-          } finally {
-            _iterator15.f();
           }
         }
-
         return value;
       } else if (isLib) {
         /*if (idToken === 'view') {
             idToken = this.getCurrentView().config.id + '_lib';
         }*/
+
         return _this.libs[idToken];
       }
-
       return expression;
-    });
-
-    _defineProperty(this, "setExpressionValues", function (obj) {
-      var eventData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      var isArray = Array.isArray(obj);
-      var updated = isArray ? [] : {};
-      Object.keys(obj).forEach(function (key) {
-        if (_typeof(obj[key]) === 'object' && obj[key] !== null) {
-          updated[key] = _this.setExpressionValues(obj[key], eventData);
+    };
+  })();
+  setExpressionValues = (() => {
+    var _this2 = this;
+    return function (obj) {
+      let eventData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      let isArray = Array.isArray(obj);
+      const updated = isArray ? [] : {};
+      Object.keys(obj).forEach(key => {
+        if (typeof obj[key] === 'object' && obj[key] !== null) {
+          updated[key] = _this2.setExpressionValues(obj[key], eventData);
         } else {
-          var objValue = obj[key];
-
+          let objValue = obj[key];
           if (typeof objValue === 'function') {
             objValue = objValue();
           }
-
           if (typeof objValue === 'undefined') {
             objValue = null;
           }
-
-          if (_this.isExpression(objValue)) {
-            var scriptValue = _DynamicJS.default.executeScript("resolveParam_".concat(Math.random().toString().replace('.', '_')), objValue);
-
+          if (_this2.isExpression(objValue)) {
+            let scriptValue = _DynamicJS.default.executeScript(`resolveParam_${Math.random().toString().replace('.', '_')}`, objValue);
             if (typeof scriptValue === 'undefined') {
               scriptValue = null;
             }
-
-            var objKey = key === 'valueExpression' ? 'value' : key;
+            let objKey = key === 'valueExpression' ? 'value' : key;
             updated[objKey] = scriptValue !== null && scriptValue.instanceType === 'TypedValue' ? scriptValue.value : scriptValue;
-
             if (typeof updated[objKey] === 'undefined') {
               delete updated.type;
             }
@@ -703,467 +602,199 @@ var ApplicationManager = /*#__PURE__*/function () {
         }
       });
       return updated;
-    });
-
-    _defineProperty(this, "resolveParameterConfigValue", function (configValue, eventData) {
-      if (!configValue) {
-        return configValue;
-      }
+    };
+  })();
+  fillEventDataValue(obj, eventData) {
+    if (obj) {
+      Object.keys(obj).forEach(key => {
+        let val = obj[key];
+        if (typeof val === 'object') {
+          this.fillEventDataValue(val, eventData);
+        }
+        if (val === '$event.data') {
+          obj[key] = eventData;
+        }
+      });
+      return obj;
+    }
+    return null;
+  }
 
-      if (_this.isExpression(configValue)) {
-        return _this.resolveExpressionValue(configValue, eventData);
+  /**
+   * Returns a view configuration with a particular id
+   *
+   */
+  resolveParameterConfigValue = (configValue, eventData) => {
+    if (!configValue) {
+      return configValue;
+    }
+    if (this.isExpression(configValue)) {
+      return this.resolveExpressionValue(configValue, eventData);
+    } else {
+      let json = JSON.stringify(configValue);
+      let matches = json.match(_DynamicJS.TEMPLATE_REGEX);
+      if (!_Utils.default.isNull(matches)) {
+        return this.setExpressionValues(configValue);
       } else {
-        var json = JSON.stringify(configValue);
-        var matches = json.match(_DynamicJS.TEMPLATE_REGEX);
-
-        if (!_Utils.default.isNull(matches)) {
-          return _this.setExpressionValues(configValue);
-        } else {
-          return configValue;
-        }
+        return configValue;
       }
-    });
-
-    _defineProperty(this, "resolveParameterValue", function (parameterConfig) {
-      var eventData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      var expression = parameterConfig.value.toString();
-      var isEvent = expression.startsWith('$event.data');
+    }
+  };
+  isExpression(objValue) {
+    return objValue && objValue.toString().startsWith('$event.data') || !_Utils.default.isNull(objValue) && typeof objValue === 'string' && !_Utils.default.isNull(objValue.match(_DynamicJS.TEMPLATE_REGEX));
+  }
 
+  /**
+   * Returns a view configuration with a particular id
+   *
+   */
+  resolveParameterValue = (() => {
+    var _this3 = this;
+    return function (parameterConfig) {
+      let eventData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      let expression = parameterConfig.value.toString();
+      let isEvent = expression.startsWith('$event.data');
       if (isEvent) {
-        var value = eventData;
-        var expressionClosure = 'data.';
-        var index = expression.indexOf(expressionClosure);
-
+        let value = eventData;
+        let expressionClosure = 'data.';
+        let index = expression.indexOf(expressionClosure);
         if (index > 0) {
-          var propertyChain = expression.substring(index + expressionClosure.length);
-          var props = propertyChain.split('.');
-
-          var _iterator16 = _createForOfIteratorHelper(props),
-              _step16;
-
-          try {
-            for (_iterator16.s(); !(_step16 = _iterator16.n()).done;) {
-              var prop = _step16.value;
-
-              if (_Utils.default.isNull(value)) {
-                return null;
-              }
-
-              value = value[prop];
+          let propertyChain = expression.substring(index + expressionClosure.length);
+          let props = propertyChain.split('.');
+          for (const prop of props) {
+            if (_Utils.default.isNull(value)) {
+              return null;
             }
-          } catch (err) {
-            _iterator16.e(err);
-          } finally {
-            _iterator16.f();
+            value = value[prop];
           }
         }
-
         return value;
       }
-
-      var val = null;
-
+      let val = null;
       if (_Utils.default.isNull(parameterConfig.value)) {
         console.error('NULL parameter value expression in : ' + JSON.stringify(parameterConfig));
         return null;
       }
-
-      if (!_this.isExpression(parameterConfig.value)) {
-        val = _this.resolveParameterConfigValue(parameterConfig.value);
+      if (!_this3.isExpression(parameterConfig.value)) {
+        val = _this3.resolveParameterConfigValue(parameterConfig.value);
       } else {
-        var _expression = parameterConfig.value;
-        val = _DynamicJS.default.executeScript("resolveParam_".concat(Math.random().toString().replace('.', '_')), _expression);
+        let expression = parameterConfig.value;
+        val = _DynamicJS.default.executeScript(`resolveParam_${Math.random().toString().replace('.', '_')}`, expression);
       }
-
       if (_Utils.default.isNull(val)) {
         return null;
       }
-
       if (!_Utils.default.isNull(val) && !_Utils.default.isNull(val.instanceType) && val.instanceType === 'TypedValue') {
         if (!_Utils.default.isNull(parameterConfig.type)) {
           val.type = parameterConfig.type;
         }
-
         return val;
       }
-
-      var type = null;
-
+      let type = null;
       if (!_Utils.default.isNull(parameterConfig.type)) {
         type = parameterConfig.type;
       } else if (val !== null) {
-        type = _typeof(val);
+        type = typeof val;
       }
-
       return new _TypedValue.default(type, val);
-    });
-
-    _defineProperty(this, "setModelValue", function (key, value, viewId) {
-      _this.getView(viewId).handle.api.setModelValue(key, value);
-
-      _Observable.default.processSystemGeneratedSubscriptions(viewId);
-    });
-
-    _defineProperty(this, "getId", function () {
-      return 'applicationManager';
-    });
-
-    if (!ApplicationManager.instance) {
-      this.views = [];
-      this.props = {};
-      this.listeners = [];
-      this.libs = {};
-      this.navHistory = [];
-      this.fileCache = [];
-      this.graphs = [];
-      this.api = {
-        get id() {
-          return instance.getId();
-        },
-
-        refreshUserAvatar: function refreshUserAvatar(avatar) {
-          instance.refreshUserAvatar(avatar);
-        },
-        alert: function alert(viewId, message, messageType) {
-          instance.alert(viewId, message, messageType);
-        },
-        removeLoadedGraph: function removeLoadedGraph(routeToAnchor) {
-          instance.removeLoadedGraph(routeToAnchor);
-        },
-        hasActiveMeeting: function hasActiveMeeting() {
-          return instance.hasActiveMeeting();
-        }
-      };
-
-      if (!Array.isArray) {
-        Array.isArray = function (arg) {
-          return Object.prototype.toString.call(arg) === '[object Array]';
-        };
-      }
-
-      ApplicationManager.instance = this;
-    }
-
-    return ApplicationManager.instance;
+    };
+  })();
+
+  /**
+   * Sets a value to the specified view's model
+   * @param key
+   * @param value
+   * @param viewId
+   */
+  setModelValue = (key, value, viewId) => {
+    this.getView(viewId).handle.api.setModelValue(key, value);
+    _Observable.default.processSystemGeneratedSubscriptions(viewId);
+  };
+  getId = () => {
+    return 'applicationManager';
+  };
+  loadAnchor(graph) {
+    this.navHistory.splice(graph.initialNavHistoryDepth - 1, this.navHistory.length);
+    this.addView(graph.anchorView, graph.anchorHistoryElement.path, true);
+    this.navigate('/view/unload');
+    this.navigate('/view/' + graph.anchorView.config.id);
   }
-
-  _createClass(ApplicationManager, [{
-    key: "navigate",
-    value: function navigate(path) {
-      this.props.navigator(path);
-    }
-  }, {
-    key: "setDashboardSettings",
-    value: function setDashboardSettings(dashboardSettings) {
-      this.props.dashboardSettings = dashboardSettings;
-    }
-  }, {
-    key: "getDashboardSettings",
-    value: function getDashboardSettings() {
-      return this.props.dashboardSettings;
-    }
-  }, {
-    key: "setNavigator",
-    value: function setNavigator(navigator) {
-      this.props.navigator = navigator;
-    }
-  }, {
-    key: "setHasActiveMeeting",
-    value: function setHasActiveMeeting(hasActiveMeeting) {
-      this.props.hasActiveMeeting = hasActiveMeeting;
-    }
-  }, {
-    key: "hasActiveMeeting",
-    value: function hasActiveMeeting() {
-      return this.props.hasActiveMeeting;
-    }
-  }, {
-    key: "setServiceApiPath",
-    value: function setServiceApiPath(serviceApiPath) {
-      this.props.serviceApiPath = serviceApiPath;
-    }
-  }, {
-    key: "getServiceApiPath",
-    value: function getServiceApiPath() {
-      return this.props.serviceApiPath;
-    }
-  }, {
-    key: "setUIConfigPath",
-    value: function setUIConfigPath(uiConfigPath) {
-      this.props.uiConfigPath = uiConfigPath;
-    }
-  }, {
-    key: "setContextRoot",
-    value: function setContextRoot(contextRoot) {
-      this.props.contextRoot = contextRoot;
-    }
-  }, {
-    key: "getContextRoot",
-    value: function getContextRoot() {
-      return this.props.contextRoot;
-    }
-  }, {
-    key: "getUIConfigPath",
-    value: function getUIConfigPath() {
-      return this.props.uiConfigPath;
-    }
-  }, {
-    key: "setFilesApiPath",
-    value: function setFilesApiPath(filesApiPath) {
-      this.props.filesApiPath = filesApiPath;
-    }
-  }, {
-    key: "getFilesApiPath",
-    value: function getFilesApiPath() {
-      return this.props.filesApiPath;
-    }
-  }, {
-    key: "addApplicationListener",
-    value: function addApplicationListener(listener) {
-      this.listeners.push(listener);
-    }
-  }, {
-    key: "alert",
-    value: function alert(viewId, message, messageType) {
-      var event = new _Event.default(this, this.getView(viewId).config.id, {
-        messageType: messageType,
-        message: message
-      });
-
-      _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
-    }
-  }, {
-    key: "refreshUserAvatar",
-    value: function refreshUserAvatar(avatar) {
-      var _iterator17 = _createForOfIteratorHelper(this.listeners),
-          _step17;
-
-      try {
-        for (_iterator17.s(); !(_step17 = _iterator17.n()).done;) {
-          var listener = _step17.value;
-
-          if (listener.type === AVATAR_LISTENER_TYPE) {
-            listener.handler(avatar);
-          }
-        }
-      } catch (err) {
-        _iterator17.e(err);
-      } finally {
-        _iterator17.f();
-      }
-    }
-  }, {
-    key: "setApplicationThemeColors",
-    value: function setApplicationThemeColors(primary, secondary) {
-      this.props.primaryColor = primary;
-      this.props.secondaryColor = secondary;
-    }
-  }, {
-    key: "getApplicationPrimaryColor",
-    value: function getApplicationPrimaryColor() {
-      return this.props.primaryColor;
-    }
-  }, {
-    key: "getApplicationSecondaryColor",
-    value: function getApplicationSecondaryColor() {
-      return this.props.secondaryColor;
-    }
-  }, {
-    key: "openConfirmDialog",
-    value: function openConfirmDialog(message, resultCallback) {
-      return this.props.confirmationDialogController.openDialog(message, {
-        execute: function execute(result) {
-          resultCallback(result);
-        }
-      });
-    }
-  }, {
-    key: "fillEventDataValue",
-    value: function fillEventDataValue(obj, eventData) {
-      var _this2 = this;
-
-      if (obj) {
-        Object.keys(obj).forEach(function (key) {
-          var val = obj[key];
-
-          if (_typeof(val) === 'object') {
-            _this2.fillEventDataValue(val, eventData);
-          }
-
-          if (val === '$event.data') {
-            obj[key] = eventData;
-          }
+  removeLoadedGraph(routeBackToAnchor) {
+    if (this.graphs.length > 0) {
+      let graph = this.graphs[this.graphs.length - 1];
+      let view = graph.config.isWindow ? this.getTopWindowView() : this.getTopAnchorView();
+      this.closeView(view.config.id, false);
+      if (!_Utils.default.isNull(graph.anchorHistoryElement) && routeBackToAnchor) {
+        this.loadAnchor(graph);
+      }
+      this.graphs.splice(0, this.graphs.length);
+      if (!_Utils.default.isNull(graph.anchorHistoryElement)) {
+        this.updateAppBarTitle(graph.anchorView.config.id, graph.anchorView.config.title);
+      }
+      if (graph.config.isWindow) {
+        this.updateContext({
+          windowDisplayState: 'CLOSED'
         });
-        return obj;
-      }
-
-      return null;
-    }
-    /**
-     * Returns a view configuration with a particular id
-     *
-     */
-
-  }, {
-    key: "isExpression",
-    value: function isExpression(objValue) {
-      return objValue && objValue.toString().startsWith('$event.data') || !_Utils.default.isNull(objValue) && typeof objValue === 'string' && !_Utils.default.isNull(objValue.match(_DynamicJS.TEMPLATE_REGEX));
-    }
-    /**
-     * Returns a view configuration with a particular id
-     *
-     */
-
-  }, {
-    key: "loadAnchor",
-    value: function loadAnchor(graph) {
-      this.navHistory.splice(graph.initialNavHistoryDepth - 1, this.navHistory.length);
-      this.addView(graph.anchorView, graph.anchorHistoryElement.path, true);
-      this.navigate('/view/unload');
-      this.navigate('/view/' + graph.anchorView.config.id);
-    }
-  }, {
-    key: "removeLoadedGraph",
-    value: function removeLoadedGraph(routeBackToAnchor) {
-      if (this.graphs.length > 0) {
-        var graph = this.graphs[this.graphs.length - 1];
-        var view = graph.config.isWindow ? this.getTopWindowView() : this.getTopAnchorView();
-        this.closeView(view.config.id, false);
-
-        if (!_Utils.default.isNull(graph.anchorHistoryElement) && routeBackToAnchor) {
-          this.loadAnchor(graph);
-        }
-
-        this.graphs.splice(0, this.graphs.length);
-
-        if (!_Utils.default.isNull(graph.anchorHistoryElement)) {
-          this.updateAppBarTitle(graph.anchorView.config.id, graph.anchorView.config.title);
-        }
-
-        if (graph.config.isWindow) {
-          this.updateContext({
-            windowDisplayState: 'CLOSED'
-          });
-        }
-      }
-    }
-  }, {
-    key: "loadGraph",
-    value: function loadGraph(isParent, isPopup, isWindow, config, parameterValues) {
-      if (isParent && !isPopup && !isWindow) {
-        this.navHistory.splice(0, this.navHistory.length);
-
-        var _iterator18 = _createForOfIteratorHelper(this.views),
-            _step18;
-
-        try {
-          for (_iterator18.s(); !(_step18 = _iterator18.n()).done;) {
-            var contextView = _step18.value;
-            this.closeView(contextView.handle.api.id, false);
-          }
-        } catch (err) {
-          _iterator18.e(err);
-        } finally {
-          _iterator18.f();
-        }
-
-        this.getViewPortHistory().push('/switch');
-      }
-
-      config.isWindow = isWindow;
-      var graph = new _Graph.default(_Utils.default.parseConfig(config));
-      graph.initialNavHistoryDepth = this.navHistory.length;
-
-      if (this.navHistory.length > 0) {
-        graph.anchorView = this.getTopAnchorView(); //= this.getCurrentView();
-
-        graph.anchorHistoryElement = this.navHistory[this.navHistory.length - 1];
-      }
-
-      graph.init();
-
-      var _iterator19 = _createForOfIteratorHelper(parameterValues),
-          _step19;
-
-      try {
-        for (_iterator19.s(); !(_step19 = _iterator19.n()).done;) {
-          var parameterValue = _step19.value;
-          graph.model[parameterValue.name] = parameterValue.value;
-        }
-      } catch (err) {
-        _iterator19.e(err);
-      } finally {
-        _iterator19.f();
       }
-
-      this.graphs.push(graph);
     }
-  }, {
-    key: "getTopAnchorView",
-    value: function getTopAnchorView() {
-      for (var i = this.views.length - 1; i >= 0; i--) {
-        if (!this.views[i].window) {
-          return this.views[i];
-        }
+  }
+  loadGraph(isParent, isPopup, isWindow, config, parameterValues) {
+    if (isParent && !isPopup && !isWindow) {
+      this.navHistory.splice(0, this.navHistory.length);
+      for (const contextView of this.views) {
+        this.closeView(contextView.handle.api.id, false);
+      }
+      this.getViewPortHistory().push('/switch');
+    }
+    config.isWindow = isWindow;
+    let graph = new _Graph.default(_Utils.default.parseConfig(config));
+    graph.initialNavHistoryDepth = this.navHistory.length;
+    if (this.navHistory.length > 0) {
+      graph.anchorView = this.getTopAnchorView(); //= this.getCurrentView();
+      graph.anchorHistoryElement = this.navHistory[this.navHistory.length - 1];
+    }
+    graph.init();
+    for (const parameterValue of parameterValues) {
+      graph.model[parameterValue.name] = parameterValue.value;
+    }
+    this.graphs.push(graph);
+  }
+  getTopAnchorView() {
+    for (let i = this.views.length - 1; i >= 0; i--) {
+      if (!this.views[i].window) {
+        return this.views[i];
       }
     }
-  }, {
-    key: "getTopWindowView",
-    value: function getTopWindowView() {
-      for (var i = this.views.length - 1; i >= 0; i--) {
-        if (this.views[i].window) {
-          return this.views[i];
-        }
+  }
+  getTopWindowView() {
+    for (let i = this.views.length - 1; i >= 0; i--) {
+      if (this.views[i].window) {
+        return this.views[i];
       }
     }
-  }, {
-    key: "signalGraph",
-    value: function signalGraph(id, event) {
-      if (this.graphs.length > 0) {
-        var graphToSignal = this.graphs[this.graphs.length - 1];
-
-        var _iterator20 = _createForOfIteratorHelper(this.graphs),
-            _step20;
-
-        try {
-          for (_iterator20.s(); !(_step20 = _iterator20.n()).done;) {
-            var graph = _step20.value;
-
-            if (id === graph.id) {
-              graphToSignal = graph;
-              break;
-            }
-          }
-        } catch (err) {
-          _iterator20.e(err);
-        } finally {
-          _iterator20.f();
+  }
+  signalGraph(id, event) {
+    if (this.graphs.length > 0) {
+      let graphToSignal = this.graphs[this.graphs.length - 1];
+      for (const graph of this.graphs) {
+        if (id === graph.id) {
+          graphToSignal = graph;
+          break;
         }
-
-        graphToSignal.signal(event);
       }
+      graphToSignal.signal(event);
     }
-  }, {
-    key: "enableFormMarkers",
-    value: function enableFormMarkers(enabled) {
-      this.props.formMarkersEnabled = enabled;
-    }
-  }, {
-    key: "isFormMarkersEnabled",
-    value: function isFormMarkersEnabled() {
-      return this.props.formMarkersEnabled;
-    }
-  }, {
-    key: "setDashboardView",
-    value: function setDashboardView(view) {
-      this.props.dashboardView = view;
-    }
-  }]);
-
-  return ApplicationManager;
-}();
-
-var instance = new ApplicationManager();
+  }
+  enableFormMarkers(enabled) {
+    this.props.formMarkersEnabled = enabled;
+  }
+  isFormMarkersEnabled() {
+    return this.props.formMarkersEnabled;
+  }
+  setDashboardView(view) {
+    this.props.dashboardView = view;
+  }
+}
+const instance = new ApplicationManager();
 Object.freeze(instance);
-var _default = instance;
-exports.default = _default;
+var _default = exports.default = instance;