@agilemotion/oui-react-js 1.6.0 → 1.6.2

package/dist/ApplicationManager.js

@@ -19,71 +19,99 @@ var _DynamicJS = _interopRequireWildcard(require("./DynamicJS"));
 
 var _TypedValue = _interopRequireDefault(require("./TypedValue"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+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 _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; }
 
-const APP_VARIABLE = '__DOLLAR_APPLICATION_OUI_SYS_VAR__';
+var APP_VARIABLE = '__DOLLAR_APPLICATION_OUI_SYS_VAR__';
 exports.APP_VARIABLE = APP_VARIABLE;
-const AVATAR_LISTENER_TYPE = 'AVATAR_LISTENER';
+var AVATAR_LISTENER_TYPE = 'AVATAR_LISTENER';
 exports.AVATAR_LISTENER_TYPE = AVATAR_LISTENER_TYPE;
-const SYSTEM_EVENT = 'SYSTEM_EVENT';
+var SYSTEM_EVENT = 'SYSTEM_EVENT';
 exports.SYSTEM_EVENT = SYSTEM_EVENT;
-const TEMPLATE_TOKEN_REGEX = new RegExp('(([$]{1}[{]{1})(([a-zA-Z0-9_$.@#{}[\\]]*)+){1}([}]{1}))+', 'g');
+var TEMPLATE_TOKEN_REGEX = new RegExp('(([$]{1}[{]{1})(([a-zA-Z0-9_$.@#{}[\\]]*)+){1}([}]{1}))+', 'g');
 exports.TEMPLATE_TOKEN_REGEX = TEMPLATE_TOKEN_REGEX;
-const LEGEND_ARROW_ICON = " <i class=\"fa fa-arrow-right fa-xs\" aria-hidden=\"true\" style='color:__COLOR__'></i> ";
+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;
-const applicationContext = {};
+var applicationContext = {};
 
-class ApplicationManager {
-  constructor() {
-    _defineProperty(this, "addApplicationContextSubscription", subscription => {
-      return new Promise(resolve => {
+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", controller => {
-      this.props.confirmationDialogController = controller;
+    _defineProperty(this, "setConfirmDialogHandler", function (controller) {
+      _this.props.confirmationDialogController = controller;
     });
 
-    _defineProperty(this, "registerLibrary", (name, lib) => {
-      this.libs[name] = lib;
+    _defineProperty(this, "registerLibrary", function (name, lib) {
+      _this.libs[name] = lib;
     });
 
-    _defineProperty(this, "setApplicationHistory", history => {
-      this.props.applicationHistory = history;
+    _defineProperty(this, "setApplicationHistory", function (history) {
+      _this.props.applicationHistory = history;
     });
 
-    _defineProperty(this, "getApplicationHistory", () => {
-      return this.props.applicationHistory;
+    _defineProperty(this, "getApplicationHistory", function () {
+      return _this.props.applicationHistory;
     });
 
-    _defineProperty(this, "getAppBarTitle", () => {
-      return this.props.appBarTitle;
+    _defineProperty(this, "getAppBarTitle", function () {
+      return _this.props.appBarTitle;
     });
 
-    _defineProperty(this, "updateAppBarTitle", (viewId, title) => {
-      console.log('updateAppBarTitle VIEW LENGTH : ', this.views.length);
+    _defineProperty(this, "updateAppBarTitle", function (viewId, title) {
+      console.log('updateAppBarTitle VIEW LENGTH : ', _this.views.length);
+
+      var _iterator = _createForOfIteratorHelper(_this.views),
+          _step;
 
-      for (const view1 of this.views) {
-        console.log('updateAppBarTitle VIEW : ', view1.config.id);
+      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();
       }
 
-      let view = this.getView(viewId);
+      var view = _this.getView(viewId);
 
       if (!view) {
         return;
       }
 
-      let legendIconArrow = LEGEND_ARROW_ICON.replace('__COLOR__', this.props.secondaryColor);
-      let titleValue = '';
+      var legendIconArrow = LEGEND_ARROW_ICON.replace('__COLOR__', _this.props.secondaryColor);
+      var titleValue = '';
 
       if (!title.match(_DynamicJS.TEMPLATE_REGEX)) {
         titleValue = title;
@@ -91,112 +119,159 @@ class ApplicationManager {
         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;
+      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();
         }
 
-        let legendValue = '<span>';
-        let counter = 0;
+        var legendValue = '<span>';
+        var counter = 0;
+
+        var _iterator3 = _createForOfIteratorHelper(_this.navHistory),
+            _step3;
 
-        for (const navHistoryElement of this.navHistory) {
-          legendValue += "".concat(navHistoryElement.title);
+        try {
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+            var _navHistoryElement = _step3.value;
+            legendValue += "".concat(_navHistoryElement.title);
 
-          if (counter++ < this.navHistory.length - 1) {
-            legendValue += legendIconArrow;
+            if (counter++ < _this.navHistory.length - 1) {
+              legendValue += legendIconArrow;
+            }
           }
+        } catch (err) {
+          _iterator3.e(err);
+        } finally {
+          _iterator3.f();
         }
 
         legendValue += '</span>';
-        this.props.appBarTitle = legendValue;
+        _this.props.appBarTitle = legendValue;
       } else if (!view.popUp) {
-        let legendPath = '';
+        var legendPath = '';
 
-        for (let i = 0; i < this.graphs[0].initialNavHistoryDepth && i < this.navHistory.length; i++) {
-          legendPath += "".concat(this.navHistory[i].title);
+        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) {
+          if (i < _this.graphs[0].initialNavHistoryDepth - 1) {
             legendPath += legendIconArrow;
           }
         }
 
         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);
+        _this.props.appBarTitle = _this.graphs[0].initialNavHistoryDepth === 0 ? titleValue : "".concat(legendPath, "<span>").concat(_this.graphs[0].title, "</span>");
+
+        _this.graphs[0].setCurrentNodeTitle(titleValue);
       }
 
-      let property = {};
+      var property = {};
       property.name = 'title';
-      property.value = this.props.appBarTitle;
-      let event = new _Event.default(this, SYSTEM_EVENT, property);
+      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) {
+      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);
+        var _event = new _Event.default(_this, SYSTEM_EVENT, property);
+
+        _Observable.default.fireEvent(_EventType.default.APPLICATION_CONTEXT_CHANGE, _event);
       }
     });
 
-    _defineProperty(this, "setViewPortHistory", history => {
-      this.props.viewPortHistory = history;
+    _defineProperty(this, "setViewPortHistory", function (history) {
+      _this.props.viewPortHistory = history;
     });
 
-    _defineProperty(this, "getViewPortHistory", () => {
-      return this.props.viewPortHistory;
+    _defineProperty(this, "getViewPortHistory", function () {
+      return _this.props.viewPortHistory;
     });
 
-    _defineProperty(this, "clear", () => {
+    _defineProperty(this, "clear", function () {
       _Observable.default.clearAllEventListeners();
 
-      this.views.splice(0, this.views.length);
-      this.fileCache.splice(0, this.fileCache.length);
+      _this.views.splice(0, _this.views.length);
+
+      _this.fileCache.splice(0, _this.fileCache.length);
     });
 
-    _defineProperty(this, "getPreviousHistoryElement", () => {
-      if (this.navHistory.length > 1) {
-        return this.navHistory[this.navHistory.length - 2];
+    _defineProperty(this, "getPreviousHistoryElement", function () {
+      if (_this.navHistory.length > 1) {
+        return _this.navHistory[_this.navHistory.length - 2];
       }
 
       return null;
     });
 
-    _defineProperty(this, "getFileDomainCache", domain => {
-      for (const fileCacheElement of this.fileCache) {
-        if (fileCacheElement.domain === domain) {
-          return fileCacheElement;
+    _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();
       }
 
       return null;
     });
 
-    _defineProperty(this, "addFile", (domain, file) => {
+    _defineProperty(this, "addFile", function (domain, file) {
       if (_Utils.default.isNull(domain)) {
         console.error('Please specify file domain');
         return;
       }
 
-      let fileDomainCache = this.getFileDomainCache(domain);
+      var fileDomainCache = _this.getFileDomainCache(domain);
 
       if (fileDomainCache === null) {
         fileDomainCache = {};
         fileDomainCache.domain = domain;
         fileDomainCache.files = [];
-        this.fileCache.push(fileDomainCache);
+
+        _this.fileCache.push(fileDomainCache);
       }
 
-      let cachedFile = null;
+      var cachedFile = null;
+
+      var _iterator5 = _createForOfIteratorHelper(fileDomainCache.files),
+          _step5;
+
+      try {
+        for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+          var domainFile = _step5.value;
 
-      for (const domainFile of fileDomainCache.files) {
-        if (domainFile.correlationId === file.correlationId) {
-          cachedFile = domainFile;
+          if (domainFile.correlationId === file.correlationId) {
+            cachedFile = domainFile;
+          }
         }
+      } catch (err) {
+        _iterator5.e(err);
+      } finally {
+        _iterator5.f();
       }
 
       if (cachedFile === null) {
@@ -206,53 +281,65 @@ class ApplicationManager {
       }
     });
 
-    _defineProperty(this, "updateContext", values => {
+    _defineProperty(this, "updateContext", function (values) {
       _Observable.default.emitContextChangeEvent(applicationContext, values);
 
-      Object.keys(values).forEach(key => {
+      Object.keys(values).forEach(function (key) {
         applicationContext[key] = values[key];
       });
     });
 
-    _defineProperty(this, "addView", (view, path, forward) => {
+    _defineProperty(this, "addView", function (view, path, forward) {
       if (!view.popUp && !view.window) {
-        let topView = this.getTopAnchorView();
+        var topView = _this.getTopAnchorView();
 
         if (topView) {
-          this.closeView(topView === null || topView === void 0 ? void 0 : topView.config.id);
+          _this.closeView(topView === null || topView === void 0 ? void 0 : topView.config.id);
         }
       } else {
         if (view.popUp) {
-          this.props.confirmationDialogController.openPopupView(view);
+          _this.props.confirmationDialogController.openPopupView(view);
         }
 
         if (view.window) {
-          let topView = this.getTopWindowView();
+          var _topView = _this.getTopWindowView();
 
-          if (topView) {
-            this.closeView(topView === null || topView === void 0 ? void 0 : topView.config.id);
+          if (_topView) {
+            _this.closeView(_topView === null || _topView === void 0 ? void 0 : _topView.config.id);
           }
         }
       }
 
       if (view.parent) {
-        this.navHistory.splice(0, this.navHistory.length);
+        _this.navHistory.splice(0, _this.navHistory.length);
 
-        for (const contextView of this.views) {
-          let shouldClose = view.window && contextView.window || !view.window && !contextView.window;
+        var _iterator6 = _createForOfIteratorHelper(_this.views),
+            _step6;
 
-          if (!_Utils.default.isNull(contextView) && !_Utils.default.isNull(contextView.handle.api) && shouldClose) {
-            this.closeView(contextView.handle.api.id, forward);
+        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);
+            }
           }
+        } catch (err) {
+          _iterator6.e(err);
+        } finally {
+          _iterator6.f();
         }
       }
 
-      let historyElement = {};
+      var historyElement = {};
       historyElement.viewId = view.config.id;
       historyElement.parent = view.parent;
       historyElement.path = path;
-      this.navHistory.push(historyElement);
-      this.views.push(view);
+
+      _this.navHistory.push(historyElement);
+
+      _this.views.push(view);
 
       if (view.window) {
         _Observable.default.emitContextChangeEvent(applicationContext, {
@@ -262,21 +349,33 @@ class ApplicationManager {
         applicationContext.windowView = view;
       }
 
-      let currentGraph = this.graphs.length > 0 ? this.graphs[this.graphs.length - 1] : 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.anchorHistoryElement = _this.navHistory[_this.navHistory.length - 1];
         currentGraph.initialNavHistoryDepth = 0;
-        this.updateContext({
+
+        _this.updateContext({
           windowDisplayState: 'PINNED'
         });
       }
     });
 
-    _defineProperty(this, "closeAllViews", () => {
-      for (const view of this.views) {
-        this.closeView(view.config.id, false);
+    _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, {
@@ -286,50 +385,75 @@ class ApplicationManager {
       applicationContext.windowView = null;
     });
 
-    _defineProperty(this, "closeView", (viewId, forward) => {
-      let view = this.getView(viewId);
+    _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 (let i = 0; i < this.fileCache.length; i++) {
-            let cacheElement = this.fileCache[i];
+          for (var i = 0; i < _this.fileCache.length; i++) {
+            var cacheElement = _this.fileCache[i];
 
             if (cacheElement.domain === viewId) {
-              this.fileCache.slice(i, 1);
+              _this.fileCache.slice(i, 1);
+
               break;
             }
           }
 
-          let count = 0;
+          var count = 0;
+
+          var _iterator8 = _createForOfIteratorHelper(_this.views),
+              _step8;
 
-          for (const view of this.views) {
-            if (view.handle.api.id === viewId) {
-              this.views.splice(count, 1);
+          try {
+            for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
+              var _view = _step8.value;
 
-              if (!view.popUp && !view.parent && (_Utils.default.isNull(forward) || forward === false)) {
-                let viewIndex = this.navHistory.findIndex(h => h.viewId === viewId);
+              if (_view.handle.api.id === viewId) {
+                _this.views.splice(count, 1);
 
-                if (viewIndex >= 0) {
-                  this.navHistory.splice(viewIndex, 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();
                 }
-              } else if (view.popUp) {
-                this.props.confirmationDialogController.closePopupView();
               }
-            }
 
-            count++;
+              count++;
+            }
+          } catch (err) {
+            _iterator8.e(err);
+          } finally {
+            _iterator8.f();
           }
         }
 
-        let hasWindow = false;
+        var hasWindow = false;
 
-        for (const viewsElement of this.views) {
-          if (viewsElement.window) {
-            hasWindow = true;
-            break;
+        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) {
@@ -341,30 +465,41 @@ class ApplicationManager {
         }
 
         if (view.window) {
-          this.updateContext({
+          _this.updateContext({
             windowDisplayState: 'CLOSED'
           });
         }
       }
     });
 
-    _defineProperty(this, "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;
     });
 
-    _defineProperty(this, "getViewComponent", (view, id) => {
+    _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;
         }
 
-        let handle = view.handle.api.getChild(id);
+        var handle = view.handle.api.getChild(id);
 
         if (handle) {
           return handle.api;
@@ -380,89 +515,143 @@ class ApplicationManager {
       }
     });
 
-    _defineProperty(this, "resolveComponentApi", id => {
+    _defineProperty(this, "resolveComponentApi", function (id) {
       if (APP_VARIABLE === id) {
-        return this.api;
+        return _this.api;
       }
 
-      for (const graph of this.graphs) {
-        if (graph.id === id) {
-          return graph;
+      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();
       }
 
-      if (this.views.length === 0) {
-        return this.getViewComponent(this.props.dashboardView, id);
+      if (_this.views.length === 0) {
+        return _this.getViewComponent(_this.props.dashboardView, id);
       }
 
-      for (const view of this.views) {
-        let component = this.getViewComponent(view, id);
+      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;
+          if (component) {
+            return component;
+          }
         }
+      } catch (err) {
+        _iterator12.e(err);
+      } finally {
+        _iterator12.f();
       }
 
       return null;
     });
 
-    _defineProperty(this, "populateTemplate", (template, eventData) => {
-      let matches = template.match(TEMPLATE_TOKEN_REGEX);
+    _defineProperty(this, "populateTemplate", function (template, eventData) {
+      var 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;
+        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();
+              }
 
-            for (const prop of props) {
-              vo = vo[prop];
+              expressionValue = vo;
+            } else {
+              expressionValue = _this.resolveExpressionValue(expresionContent);
             }
 
-            expressionValue = vo;
-          } else {
-            expressionValue = this.resolveExpressionValue(expresionContent);
+            template = template.replace(match, expressionValue);
           }
-
-          template = template.replace(match, expressionValue);
+        } catch (err) {
+          _iterator13.e(err);
+        } finally {
+          _iterator13.f();
         }
       }
 
       return template;
     });
 
-    _defineProperty(this, "resolveExpressionValue", (expression, eventData = 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];
+    _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];
 
       if (isComponent || isEvent) {
-        let value = isEvent ? eventData : this.resolveComponentApi(expressionContent);
-        let expressionClosure = isEvent ? 'data.' : '}.';
-        let index = expression.indexOf(expressionClosure);
+        var value = isEvent ? eventData : _this.resolveComponentApi(expressionContent);
+        var expressionClosure = isEvent ? 'data.' : '}.';
+        var index = expression.indexOf(expressionClosure);
 
         if (index > 0) {
-          let propertyChain = expression.substring(index + expressionClosure.length);
-          let props = propertyChain.split('.');
+          var propertyChain = expression.substring(index + expressionClosure.length);
+          var props = propertyChain.split('.');
 
-          for (const prop of props) {
-            if (_Utils.default.isNull(value)) {
-              return null;
-            }
+          var _iterator15 = _createForOfIteratorHelper(props),
+              _step15;
+
+          try {
+            for (_iterator15.s(); !(_step15 = _iterator15.n()).done;) {
+              var prop = _step15.value;
 
-            value = value[prop];
+              if (_Utils.default.isNull(value)) {
+                return null;
+              }
 
-            if (typeof value === 'function') {
-              value = value();
+              value = value[prop];
+
+              if (typeof value === 'function') {
+                value = value();
+              }
             }
+          } catch (err) {
+            _iterator15.e(err);
+          } finally {
+            _iterator15.f();
           }
         }
 
@@ -471,20 +660,21 @@ class ApplicationManager {
         /*if (idToken === 'view') {
             idToken = this.getCurrentView().config.id + '_lib';
         }*/
-        return this.libs[idToken];
+        return _this.libs[idToken];
       }
 
       return expression;
     });
 
-    _defineProperty(this, "setExpressionValues", (obj, eventData = null) => {
-      let isArray = Array.isArray(obj);
-      const updated = isArray ? [] : {};
-      Object.keys(obj).forEach(key => {
-        if (typeof obj[key] === 'object' && obj[key] !== null) {
-          updated[key] = this.setExpressionValues(obj[key], eventData);
+    _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);
         } else {
-          let objValue = obj[key];
+          var objValue = obj[key];
 
           if (typeof objValue === 'function') {
             objValue = objValue();
@@ -494,14 +684,14 @@ class ApplicationManager {
             objValue = null;
           }
 
-          if (this.isExpression(objValue)) {
-            let scriptValue = _DynamicJS.default.executeScript("resolveParam_".concat(Math.random().toString().replace('.', '_')), objValue);
+          if (_this.isExpression(objValue)) {
+            var scriptValue = _DynamicJS.default.executeScript("resolveParam_".concat(Math.random().toString().replace('.', '_')), objValue);
 
             if (typeof scriptValue === 'undefined') {
               scriptValue = null;
             }
 
-            let objKey = key === 'valueExpression' ? 'value' : key;
+            var objKey = key === 'valueExpression' ? 'value' : key;
             updated[objKey] = scriptValue !== null && scriptValue.instanceType === 'TypedValue' ? scriptValue.value : scriptValue;
 
             if (typeof updated[objKey] === 'undefined') {
@@ -515,62 +705,74 @@ class ApplicationManager {
       return updated;
     });
 
-    _defineProperty(this, "resolveParameterConfigValue", (configValue, eventData) => {
+    _defineProperty(this, "resolveParameterConfigValue", function (configValue, eventData) {
       if (!configValue) {
         return configValue;
       }
 
-      if (this.isExpression(configValue)) {
-        return this.resolveExpressionValue(configValue, eventData);
+      if (_this.isExpression(configValue)) {
+        return _this.resolveExpressionValue(configValue, eventData);
       } else {
-        let json = JSON.stringify(configValue);
-        let matches = json.match(_DynamicJS.TEMPLATE_REGEX);
+        var json = JSON.stringify(configValue);
+        var matches = json.match(_DynamicJS.TEMPLATE_REGEX);
 
         if (!_Utils.default.isNull(matches)) {
-          return this.setExpressionValues(configValue);
+          return _this.setExpressionValues(configValue);
         } else {
           return configValue;
         }
       }
     });
 
-    _defineProperty(this, "resolveParameterValue", (parameterConfig, eventData = null) => {
-      let expression = parameterConfig.value.toString();
-      let isEvent = expression.startsWith('$event.data');
+    _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');
 
       if (isEvent) {
-        let value = eventData;
-        let expressionClosure = 'data.';
-        let index = expression.indexOf(expressionClosure);
+        var value = eventData;
+        var expressionClosure = 'data.';
+        var index = expression.indexOf(expressionClosure);
 
         if (index > 0) {
-          let propertyChain = expression.substring(index + expressionClosure.length);
-          let props = propertyChain.split('.');
+          var propertyChain = expression.substring(index + expressionClosure.length);
+          var props = propertyChain.split('.');
 
-          for (const prop of props) {
-            if (_Utils.default.isNull(value)) {
-              return null;
-            }
+          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];
+              value = value[prop];
+            }
+          } catch (err) {
+            _iterator16.e(err);
+          } finally {
+            _iterator16.f();
           }
         }
 
         return value;
       }
 
-      let val = null;
+      var 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 (!_this.isExpression(parameterConfig.value)) {
+        val = _this.resolveParameterConfigValue(parameterConfig.value);
       } else {
-        let expression = parameterConfig.value;
-        val = _DynamicJS.default.executeScript("resolveParam_".concat(Math.random().toString().replace('.', '_')), expression);
+        var _expression = parameterConfig.value;
+        val = _DynamicJS.default.executeScript("resolveParam_".concat(Math.random().toString().replace('.', '_')), _expression);
       }
 
       if (_Utils.default.isNull(val)) {
@@ -585,24 +787,24 @@ class ApplicationManager {
         return val;
       }
 
-      let type = null;
+      var 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", (key, value, viewId) => {
-      this.getView(viewId).handle.api.setModelValue(key, value);
+    _defineProperty(this, "setModelValue", function (key, value, viewId) {
+      _this.getView(viewId).handle.api.setModelValue(key, value);
 
       _Observable.default.processSystemGeneratedSubscriptions(viewId);
     });
 
-    _defineProperty(this, "getId", () => {
+    _defineProperty(this, "getId", function () {
       return 'applicationManager';
     });
 
@@ -619,22 +821,18 @@ class ApplicationManager {
           return instance.getId();
         },
 
-        refreshUserAvatar(avatar) {
+        refreshUserAvatar: function refreshUserAvatar(avatar) {
           instance.refreshUserAvatar(avatar);
         },
-
-        alert(viewId, message, messageType) {
+        alert: function alert(viewId, message, messageType) {
           instance.alert(viewId, message, messageType);
         },
-
-        removeLoadedGraph(routeToAnchor) {
+        removeLoadedGraph: function removeLoadedGraph(routeToAnchor) {
           instance.removeLoadedGraph(routeToAnchor);
         },
-
-        hasActiveMeeting() {
+        hasActiveMeeting: function hasActiveMeeting() {
           return instance.hasActiveMeeting();
         }
-
       };
 
       if (!Array.isArray) {
@@ -649,244 +847,323 @@ class ApplicationManager {
     return ApplicationManager.instance;
   }
 
-  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
-    });
-
-    _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
-  }
+  _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
+      });
 
-  refreshUserAvatar(avatar) {
-    for (const listener of this.listeners) {
-      if (listener.type === AVATAR_LISTENER_TYPE) {
-        listener.handler(avatar);
+      _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();
       }
     }
-  }
-
-  setApplicationThemeColors(primary, secondary) {
-    this.props.primaryColor = primary;
-    this.props.secondaryColor = secondary;
-  }
+  }, {
+    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;
 
-  getApplicationPrimaryColor() {
-    return this.props.primaryColor;
-  }
+      if (obj) {
+        Object.keys(obj).forEach(function (key) {
+          var val = obj[key];
 
-  getApplicationSecondaryColor() {
-    return this.props.secondaryColor;
-  }
+          if (_typeof(val) === 'object') {
+            _this2.fillEventDataValue(val, eventData);
+          }
 
-  openConfirmDialog(message, resultCallback) {
-    return this.props.confirmationDialogController.openDialog(message, {
-      execute: result => {
-        resultCallback(result);
+          if (val === '$event.data') {
+            obj[key] = eventData;
+          }
+        });
+        return obj;
       }
-    });
-  }
 
-  fillEventDataValue(obj, eventData) {
-    if (obj) {
-      Object.keys(obj).forEach(key => {
-        let val = obj[key];
+      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 (typeof val === 'object') {
-          this.fillEventDataValue(val, eventData);
+        if (!_Utils.default.isNull(graph.anchorHistoryElement) && routeBackToAnchor) {
+          this.loadAnchor(graph);
         }
 
-        if (val === '$event.data') {
-          obj[key] = eventData;
+        this.graphs.splice(0, this.graphs.length);
+
+        if (!_Utils.default.isNull(graph.anchorHistoryElement)) {
+          this.updateAppBarTitle(graph.anchorView.config.id, graph.anchorView.config.title);
         }
-      });
-      return obj;
-    }
 
-    return null;
-  }
-  /**
-   * Returns a view configuration with a particular id
-   *
-   */
+        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;
 
-  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
-   *
-   */
+        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');
+      }
 
-  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);
-  }
+      config.isWindow = isWindow;
+      var graph = new _Graph.default(_Utils.default.parseConfig(config));
+      graph.initialNavHistoryDepth = this.navHistory.length;
 
-  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 (this.navHistory.length > 0) {
+        graph.anchorView = this.getTopAnchorView(); //= this.getCurrentView();
 
-      if (!_Utils.default.isNull(graph.anchorHistoryElement) && routeBackToAnchor) {
-        this.loadAnchor(graph);
+        graph.anchorHistoryElement = this.navHistory[this.navHistory.length - 1];
       }
 
-      this.graphs.splice(0, this.graphs.length);
+      graph.init();
 
-      if (!_Utils.default.isNull(graph.anchorHistoryElement)) {
-        this.updateAppBarTitle(graph.anchorView.config.id, graph.anchorView.config.title);
-      }
+      var _iterator19 = _createForOfIteratorHelper(parameterValues),
+          _step19;
 
-      if (graph.config.isWindow) {
-        this.updateContext({
-          windowDisplayState: 'CLOSED'
-        });
+      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();
       }
-    }
-  }
-
-  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.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];
+        }
       }
-
-      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];
+  }, {
+    key: "getTopWindowView",
+    value: function getTopWindowView() {
+      for (var 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];
 
-    graph.init();
+        var _iterator20 = _createForOfIteratorHelper(this.graphs),
+            _step20;
 
-    for (const parameterValue of parameterValues) {
-      graph.model[parameterValue.name] = parameterValue.value;
-    }
+        try {
+          for (_iterator20.s(); !(_step20 = _iterator20.n()).done;) {
+            var graph = _step20.value;
 
-    this.graphs.push(graph);
-  }
+            if (id === graph.id) {
+              graphToSignal = graph;
+              break;
+            }
+          }
+        } catch (err) {
+          _iterator20.e(err);
+        } finally {
+          _iterator20.f();
+        }
 
-  getTopAnchorView() {
-    for (let i = this.views.length - 1; i >= 0; i--) {
-      if (!this.views[i].window) {
-        return this.views[i];
+        graphToSignal.signal(event);
       }
     }
-  }
-
-  getTopWindowView() {
-    for (let i = this.views.length - 1; i >= 0; i--) {
-      if (this.views[i].window) {
-        return this.views[i];
-      }
+  }, {
+    key: "enableFormMarkers",
+    value: function enableFormMarkers(enabled) {
+      this.props.formMarkersEnabled = enabled;
     }
-  }
-
-  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);
+  }, {
+    key: "isFormMarkersEnabled",
+    value: function isFormMarkersEnabled() {
+      return this.props.formMarkersEnabled;
     }
-  }
-
-  enableFormMarkers(enabled) {
-    this.props.formMarkersEnabled = enabled;
-  }
-
-  isFormMarkersEnabled() {
-    return this.props.formMarkersEnabled;
-  }
-
-  setDashboardView(view) {
-    this.props.dashboardView = view;
-  }
+  }, {
+    key: "setDashboardView",
+    value: function setDashboardView(view) {
+      this.props.dashboardView = view;
+    }
+  }]);
 
-}
+  return ApplicationManager;
+}();
 
-const instance = new ApplicationManager();
+var instance = new ApplicationManager();
 Object.freeze(instance);
 var _default = instance;
 exports.default = _default;