@agilemotion/oui-react-js 1.3.8 → 1.4.0

package/dist/{ApplicationContext.js → ApplicationManager.js}

@@ -19,18 +19,12 @@ 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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { 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 _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 _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__';
@@ -43,9 +37,18 @@ const TEMPLATE_TOKEN_REGEX = new RegExp('(([$]{1}[{]{1})(([a-zA-Z0-9_$.@#{}[\\]]
 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> ";
 exports.LEGEND_ARROW_ICON = LEGEND_ARROW_ICON;
+const applicationContext = {};
 
-class ApplicationContext {
+class ApplicationManager {
   constructor() {
+    _defineProperty(this, "addApplicationContextSubscription", subscription => {
+      return new Promise(resolve => {
+        _Observable.default.addApplicationContextSubscription(subscription);
+
+        resolve(applicationContext);
+      });
+    });
+
     _defineProperty(this, "setConfirmDialogHandler", controller => {
       this.props.confirmationDialogController = controller;
     });
@@ -62,16 +65,23 @@ class ApplicationContext {
       return this.props.applicationHistory;
     });
 
-    _defineProperty(this, "setViewPortHistory", history => {
-      this.props.viewPortHistory = history;
-    });
-
     _defineProperty(this, "getAppBarTitle", () => {
       return this.props.appBarTitle;
     });
 
     _defineProperty(this, "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 = '';
 
@@ -82,48 +92,27 @@ class ApplicationContext {
       }
 
       if (!view.popUp && this.graphs.length === 0) {
-        var _iterator = _createForOfIteratorHelper(this.navHistory),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            const navHistoryElement = _step.value;
-
-            if (navHistoryElement.viewId === viewId) {
-              navHistoryElement.title = titleValue;
-            }
+        for (const navHistoryElement of this.navHistory) {
+          if (navHistoryElement.viewId === viewId) {
+            navHistoryElement.title = titleValue;
           }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
         }
 
-        let legendValue = "<span>";
+        let legendValue = '<span>';
         let counter = 0;
 
-        var _iterator2 = _createForOfIteratorHelper(this.navHistory),
-            _step2;
-
-        try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            const navHistoryElement = _step2.value;
-            legendValue += "".concat(navHistoryElement.title);
+        for (const navHistoryElement of this.navHistory) {
+          legendValue += "".concat(navHistoryElement.title);
 
-            if (counter++ < this.navHistory.length - 1) {
-              legendValue += legendIconArrow;
-            }
+          if (counter++ < this.navHistory.length - 1) {
+            legendValue += legendIconArrow;
           }
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
         }
 
-        legendValue += "</span>";
+        legendValue += '</span>';
         this.props.appBarTitle = legendValue;
       } else if (!view.popUp) {
-        let legendPath = "";
+        let legendPath = '';
 
         for (let i = 0; i < this.graphs[0].initialNavHistoryDepth; i++) {
           legendPath += "".concat(this.navHistory[i].title);
@@ -154,6 +143,10 @@ class ApplicationContext {
       }
     });
 
+    _defineProperty(this, "setViewPortHistory", history => {
+      this.props.viewPortHistory = history;
+    });
+
     _defineProperty(this, "getViewPortHistory", () => {
       return this.props.viewPortHistory;
     });
@@ -174,21 +167,10 @@ class ApplicationContext {
     });
 
     _defineProperty(this, "getFileDomainCache", domain => {
-      var _iterator3 = _createForOfIteratorHelper(this.fileCache),
-          _step3;
-
-      try {
-        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-          const fileCacheElement = _step3.value;
-
-          if (fileCacheElement.domain === domain) {
-            return fileCacheElement;
-          }
+      for (const fileCacheElement of this.fileCache) {
+        if (fileCacheElement.domain === domain) {
+          return fileCacheElement;
         }
-      } catch (err) {
-        _iterator3.e(err);
-      } finally {
-        _iterator3.f();
       }
 
       return null;
@@ -196,7 +178,7 @@ class ApplicationContext {
 
     _defineProperty(this, "addFile", (domain, file) => {
       if (_Utils.default.isNull(domain)) {
-        console.error("Please specify file domain");
+        console.error('Please specify file domain');
         return;
       }
 
@@ -211,21 +193,10 @@ class ApplicationContext {
 
       let cachedFile = null;
 
-      var _iterator4 = _createForOfIteratorHelper(fileDomainCache.files),
-          _step4;
-
-      try {
-        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-          const domainFile = _step4.value;
-
-          if (domainFile.correlationId === file.correlationId) {
-            cachedFile = domainFile;
-          }
+      for (const domainFile of fileDomainCache.files) {
+        if (domainFile.correlationId === file.correlationId) {
+          cachedFile = domainFile;
         }
-      } catch (err) {
-        _iterator4.e(err);
-      } finally {
-        _iterator4.f();
       }
 
       if (cachedFile === null) {
@@ -235,155 +206,193 @@ class ApplicationContext {
       }
     });
 
+    _defineProperty(this, "updateContext", values => {
+      _Observable.default.emitContextChangeEvent(applicationContext, values);
+
+      Object.keys(values).forEach(key => {
+        applicationContext[key] = values[key];
+      });
+    });
+
     _defineProperty(this, "addView", (view, path, forward) => {
-      if (!view.popUp) {
-        this.closeCurrentView(forward);
+      if (!view.popUp && !view.window) {
+        let topView = this.getTopAnchorView();
 
-        if (!forward) {
-          this.navHistory.pop();
+        if (topView) {
+          this.closeView(topView === null || topView === void 0 ? void 0 : topView.config.id);
         }
       } else {
-        this.props.confirmationDialogController.openPopupView(view);
+        if (view.popUp) {
+          this.props.confirmationDialogController.openPopupView(view);
+        }
+
+        if (view.window) {
+          let topView = this.getTopWindowView();
+
+          if (topView) {
+            this.closeView(topView === null || topView === void 0 ? void 0 : topView.config.id);
+          }
+        }
       }
 
       if (view.parent) {
         this.navHistory.splice(0, this.navHistory.length);
 
-        var _iterator5 = _createForOfIteratorHelper(this.views),
-            _step5;
+        for (const contextView of this.views) {
+          let shouldClose = view.window && contextView.window || !view.window && !contextView.window;
 
-        try {
-          for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-            const contextView = _step5.value;
-
-            if (!_Utils.default.isNull(contextView) && !_Utils.default.isNull(contextView.handle.api)) {
-              this.closeView(contextView.handle.api.id, forward);
-            }
+          if (!_Utils.default.isNull(contextView) && !_Utils.default.isNull(contextView.handle.api) && shouldClose) {
+            this.closeView(contextView.handle.api.id, forward);
           }
-        } catch (err) {
-          _iterator5.e(err);
-        } finally {
-          _iterator5.f();
         }
       }
 
       let historyElement = {};
       historyElement.viewId = view.config.id;
+      historyElement.parent = view.parent;
       historyElement.path = path;
       this.navHistory.push(historyElement);
       this.views.push(view);
-    });
 
-    _defineProperty(this, "getCurrentView", () => {
-      return this.views[this.views.length - 1];
-    });
+      if (view.window) {
+        _Observable.default.emitContextChangeEvent(applicationContext, {
+          windowView: view
+        });
+
+        applicationContext.windowView = view;
+      }
 
-    _defineProperty(this, "closeCurrentView", forward => {
-      let currentView = this.views[this.views.length - 1];
+      let currentGraph = this.graphs.length > 0 ? this.graphs[this.graphs.length - 1] : null;
 
-      if (!_Utils.default.isNull(currentView) && !_Utils.default.isNull(currentView.handle.api)) {
-        this.closeView(currentView.handle.api.id, forward);
+      if (!view.window && view.parent && currentGraph && currentGraph.config.isWindow) {
+        currentGraph.anchorView = view;
+        currentGraph.anchorHistoryElement = this.navHistory[this.navHistory.length - 1];
+        this.updateContext({
+          windowDisplayState: 'MINIMIZED'
+        });
       }
     });
 
+    _defineProperty(this, "closeAllViews", () => {
+      for (const view of this.views) {
+        this.closeView(view.config.id, false);
+      }
+
+      _Observable.default.emitContextChangeEvent(applicationContext, {
+        windowView: null
+      });
+
+      applicationContext.windowView = null;
+    });
+
     _defineProperty(this, "closeView", (viewId, forward) => {
-      _Observable.default.clearEventListeners(viewId);
+      let view = this.getView(viewId);
 
-      for (let i = 0; i < this.fileCache.length; i++) {
-        let cacheElement = this.fileCache[i];
+      if (view) {
+        if (!_Utils.default.isNull(view) && !_Utils.default.isNull(view.handle.api)) {
+          _Observable.default.clearEventListeners(viewId);
 
-        if (cacheElement.domain === viewId) {
-          this.fileCache.slice(i, 1);
-          break;
-        }
-      }
+          for (let i = 0; i < this.fileCache.length; i++) {
+            let cacheElement = this.fileCache[i];
 
-      let count = 0;
+            if (cacheElement.domain === viewId) {
+              this.fileCache.slice(i, 1);
+              break;
+            }
+          }
 
-      var _iterator6 = _createForOfIteratorHelper(this.views),
-          _step6;
+          let count = 0;
 
-      try {
-        for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-          const view = _step6.value;
+          for (const view of this.views) {
+            if (view.handle.api.id === viewId) {
+              this.views.splice(count, 1);
 
-          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 (!view.popUp && !view.parent && (_Utils.default.isNull(forward) || forward === false)) {
-              this.navHistory.pop();
-            } else if (view.popUp) {
-              this.props.confirmationDialogController.closePopupView();
+                if (viewIndex >= 0) {
+                  this.navHistory.splice(viewIndex, 1);
+                }
+              } else if (view.popUp) {
+                this.props.confirmationDialogController.closePopupView();
+              }
             }
+
+            count++;
           }
+        }
 
-          count++;
+        let hasWindow = false;
+
+        for (const viewsElement of this.views) {
+          if (viewsElement.window) {
+            hasWindow = true;
+            break;
+          }
+        }
+
+        if (!hasWindow) {
+          _Observable.default.emitContextChangeEvent(applicationContext, {
+            windowView: null
+          });
+
+          applicationContext.windowView = null;
         }
-      } catch (err) {
-        _iterator6.e(err);
-      } finally {
-        _iterator6.f();
       }
     });
 
     _defineProperty(this, "getView", id => {
-      var _iterator7 = _createForOfIteratorHelper(this.views),
-          _step7;
-
-      try {
-        for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-          const view = _step7.value;
-
-          if (id === view.config.id) {
-            return view;
-          }
+      for (const view of this.views) {
+        if (id === view.config.id) {
+          return view;
         }
-      } catch (err) {
-        _iterator7.e(err);
-      } finally {
-        _iterator7.f();
       }
 
       return null;
     });
 
-    _defineProperty(this, "resolveComponentApi", id => {
-      if (APP_VARIABLE === id) {
-        return this.api;
-      }
+    _defineProperty(this, "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;
+        }
 
-      var _iterator8 = _createForOfIteratorHelper(this.graphs),
-          _step8;
+        let handle = view.handle.api.getChild(id);
 
-      try {
-        for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
-          const graph = _step8.value;
+        if (handle) {
+          return handle.api;
+        }
 
-          if (graph.id === id) {
-            return graph;
-          }
+        if (id === 'view') {
+          return view.handle.api;
+        }
+      } else {
+        if (id === 'trainingScheduleCalendarEventForm') {
+          console.log('NO HANDLES');
         }
-      } catch (err) {
-        _iterator8.e(err);
-      } finally {
-        _iterator8.f();
       }
+    });
 
-      let currentView = this.views[this.views.length - 1];
+    _defineProperty(this, "resolveComponentApi", id => {
+      if (APP_VARIABLE === id) {
+        return this.api;
+      }
 
-      if (!_Utils.default.isNull(currentView) && !_Utils.default.isNull(currentView.handle) && !_Utils.default.isNull(currentView.handle.api)) {
-        if (id === currentView.handle.api.id) {
-          return currentView.handle.api;
+      for (const graph of this.graphs) {
+        if (graph.id === id) {
+          return graph;
         }
+      }
 
-        let handle = currentView.handle.api.getChild(id);
+      if (this.views.length === 0) {
+        return this.getViewComponent(this.props.dashboardView, id);
+      }
 
-        if (handle !== null) {
-          return handle.api;
-        }
+      for (const view of this.views) {
+        let component = this.getViewComponent(view, id);
 
-        if (id === 'view') {
-          return currentView.handle.api;
+        if (component) {
+          return component;
         }
       }
 
@@ -394,44 +403,24 @@ class ApplicationContext {
       let matches = template.match(TEMPLATE_TOKEN_REGEX);
 
       if (!_Utils.default.isNull(matches)) {
-        var _iterator9 = _createForOfIteratorHelper(matches),
-            _step9;
-
-        try {
-          for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
-            const match = _step9.value;
-            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 _iterator10 = _createForOfIteratorHelper(props),
-                  _step10;
-
-              try {
-                for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
-                  const prop = _step10.value;
-                  vo = vo[prop];
-                }
-              } catch (err) {
-                _iterator10.e(err);
-              } finally {
-                _iterator10.f();
-              }
+        for (const match of matches) {
+          let expresionContent = match.substring(match.indexOf('{') + 1, match.lastIndexOf('}'));
+          let expressionValue = '';
 
-              expressionValue = vo;
-            } else {
-              expressionValue = this.resolveExpressionValue(expresionContent);
+          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];
             }
 
-            template = template.replace(match, expressionValue);
+            expressionValue = vo;
+          } else {
+            expressionValue = this.resolveExpressionValue(expresionContent);
           }
-        } catch (err) {
-          _iterator9.e(err);
-        } finally {
-          _iterator9.f();
+
+          template = template.replace(match, expressionValue);
         }
       }
 
@@ -441,68 +430,52 @@ class ApplicationContext {
     _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 expresionContent = baseExpression.substring(baseExpression.indexOf('{') + 1, baseExpression.indexOf('}'));
+      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 = expresionContent.split('.');
+      let tokens = expressionContent.split('.');
       let idToken = tokens[0];
 
       if (isComponent || isEvent) {
-        let value = isEvent ? eventData : this.resolveComponentApi(expresionContent);
+        let value = isEvent ? eventData : this.resolveComponentApi(expressionContent);
         let expressionClosure = isEvent ? 'data.' : '}.';
         let index = expression.indexOf(expressionClosure);
 
         if (index > 0) {
           let propertyChain = expression.substring(index + expressionClosure.length);
-          let props = propertyChain.split(".");
-
-          var _iterator11 = _createForOfIteratorHelper(props),
-              _step11;
-
-          try {
-            for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
-              const prop = _step11.value;
+          let props = propertyChain.split('.');
 
-              if (_Utils.default.isNull(value)) {
-                return null;
-              }
+          for (const prop of props) {
+            if (_Utils.default.isNull(value)) {
+              return null;
+            }
 
-              value = value[prop];
+            value = value[prop];
 
-              if (typeof value === 'function') {
-                value = value();
-              }
+            if (typeof value === 'function') {
+              value = value();
             }
-          } catch (err) {
-            _iterator11.e(err);
-          } finally {
-            _iterator11.f();
           }
         }
 
         return value;
       } else if (isLib) {
-        if (idToken === 'view') {
-          idToken = this.getCurrentView().config.id + '_lib';
-        }
-
+        /*if (idToken === 'view') {
+            idToken = this.getCurrentView().config.id + '_lib';
+        }*/
         return this.libs[idToken];
       }
 
       return expression;
     });
 
-    _defineProperty(this, "setExpressionValues", obj => {
+    _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]);
-
-          if (_Utils.default.isNull(updated[key].type)) {
-            updated[key].type = "String";
-          }
+          updated[key] = this.setExpressionValues(obj[key], eventData);
         } else {
           let objValue = obj[key];
 
@@ -521,8 +494,8 @@ class ApplicationContext {
               scriptValue = null;
             }
 
-            let objKey = key === "valueExpression" ? "value" : key;
-            updated[objKey] = !_Utils.default.isNull(scriptValue) && scriptValue.instanceType === 'TypedValue' ? scriptValue.value : scriptValue;
+            let objKey = key === 'valueExpression' ? 'value' : key;
+            updated[objKey] = scriptValue !== null && scriptValue.instanceType === 'TypedValue' ? scriptValue.value : scriptValue;
 
             if (typeof updated[objKey] === 'undefined') {
               delete updated.type;
@@ -535,14 +508,22 @@ class ApplicationContext {
       return updated;
     });
 
-    _defineProperty(this, "resolveParameterConfigValue", configValue => {
-      let json = JSON.stringify(configValue);
-      let matches = json.match(_DynamicJS.TEMPLATE_REGEX);
+    _defineProperty(this, "resolveParameterConfigValue", (configValue, eventData) => {
+      if (!configValue) {
+        return configValue;
+      }
 
-      if (!_Utils.default.isNull(matches)) {
-        return this.setExpressionValues(configValue);
+      if (this.isExpression(configValue)) {
+        return this.resolveExpressionValue(configValue, eventData);
       } else {
-        return configValue;
+        let json = JSON.stringify(configValue);
+        let matches = json.match(_DynamicJS.TEMPLATE_REGEX);
+
+        if (!_Utils.default.isNull(matches)) {
+          return this.setExpressionValues(configValue);
+        } else {
+          return configValue;
+        }
       }
     });
 
@@ -557,25 +538,14 @@ class ApplicationContext {
 
         if (index > 0) {
           let propertyChain = expression.substring(index + expressionClosure.length);
-          let props = propertyChain.split(".");
+          let props = propertyChain.split('.');
 
-          var _iterator12 = _createForOfIteratorHelper(props),
-              _step12;
-
-          try {
-            for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
-              const prop = _step12.value;
-
-              if (_Utils.default.isNull(value)) {
-                return null;
-              }
-
-              value = value[prop];
+          for (const prop of props) {
+            if (_Utils.default.isNull(value)) {
+              return null;
             }
-          } catch (err) {
-            _iterator12.e(err);
-          } finally {
-            _iterator12.f();
+
+            value = value[prop];
           }
         }
 
@@ -585,7 +555,7 @@ class ApplicationContext {
       let val = null;
 
       if (_Utils.default.isNull(parameterConfig.value)) {
-        console.error("NULL parameter value expression in : " + JSON.stringify(parameterConfig));
+        console.error('NULL parameter value expression in : ' + JSON.stringify(parameterConfig));
         return null;
       }
 
@@ -626,10 +596,10 @@ class ApplicationContext {
     });
 
     _defineProperty(this, "getId", () => {
-      return "applicationContext";
+      return 'applicationManager';
     });
 
-    if (!ApplicationContext.instance) {
+    if (!ApplicationManager.instance) {
       this.views = [];
       this.props = {};
       this.listeners = [];
@@ -642,16 +612,16 @@ class ApplicationContext {
           return instance.getId();
         },
 
-        closeCurrentView() {
-          instance.closeCurrentView();
-        },
-
         refreshUserAvatar(avatar) {
           instance.refreshUserAvatar(avatar);
         },
 
-        alert(message, messageType) {
-          instance.alert(message, messageType);
+        alert(viewId, message, messageType) {
+          instance.alert(viewId, message, messageType);
+        },
+
+        removeLoadedGraph(routeToAnchor) {
+          instance.removeLoadedGraph(routeToAnchor);
         }
 
       };
@@ -662,18 +632,34 @@ class ApplicationContext {
         };
       }
 
-      ApplicationContext.instance = this;
+      ApplicationManager.instance = this;
     }
 
-    return ApplicationContext.instance;
+    return ApplicationManager.instance;
+  }
+
+  navigate(path) {
+    this.props.navigator(path);
   }
 
-  setBaseApiUrl(baseApiUrl) {
-    this.props.baseApiUrl = baseApiUrl;
+  setDashboardSettings(dashboardSettings) {
+    this.props.dashboardSettings = dashboardSettings;
   }
 
-  getBaseApiUrl() {
-    return this.props.contextRoot + this.props.baseApiUrl;
+  getDashboardSettings() {
+    return this.props.dashboardSettings;
+  }
+
+  setNavigator(navigator) {
+    this.props.navigator = navigator;
+  }
+
+  setHasActiveMeeting(hasActiveMeeting) {
+    this.props.hasActiveMeeting = hasActiveMeeting;
+  }
+
+  hasActiveMeeting() {
+    return this.props.hasActiveMeeting;
   }
 
   setServiceApiPath(serviceApiPath) {
@@ -712,8 +698,8 @@ class ApplicationContext {
     this.listeners.push(listener);
   }
 
-  alert(message, messageType) {
-    let event = new _Event.default(this, this.getCurrentView().config.id, {
+  alert(viewId, message, messageType) {
+    let event = new _Event.default(this, this.getView(viewId).config.id, {
       messageType: messageType,
       message: message
     });
@@ -722,21 +708,10 @@ class ApplicationContext {
   }
 
   refreshUserAvatar(avatar) {
-    var _iterator13 = _createForOfIteratorHelper(this.listeners),
-        _step13;
-
-    try {
-      for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
-        const listener = _step13.value;
-
-        if (listener.type === AVATAR_LISTENER_TYPE) {
-          listener.handler(avatar);
-        }
+    for (const listener of this.listeners) {
+      if (listener.type === AVATAR_LISTENER_TYPE) {
+        listener.handler(avatar);
       }
-    } catch (err) {
-      _iterator13.e(err);
-    } finally {
-      _iterator13.f();
     }
   }
 
@@ -749,6 +724,10 @@ class ApplicationContext {
     return this.props.primaryColor;
   }
 
+  getApplicationSecondaryColor() {
+    return this.props.secondaryColor;
+  }
+
   openConfirmDialog(message, resultCallback) {
     return this.props.confirmationDialogController.openDialog(message, {
       execute: result => {
@@ -757,8 +736,32 @@ class ApplicationContext {
     });
   }
 
+  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;
+  }
+  /**
+   * Returns a view configuration with a particular id
+   *
+   */
+
+
   isExpression(objValue) {
-    return objValue && objValue.toString().startsWith("$event.data") || !_Utils.default.isNull(objValue) && typeof objValue === 'string' && !_Utils.default.isNull(objValue.match(_DynamicJS.TEMPLATE_REGEX));
+    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
@@ -769,91 +772,83 @@ class ApplicationContext {
   loadAnchor(graph) {
     this.navHistory.splice(graph.initialNavHistoryDepth - 1, this.navHistory.length);
     this.addView(graph.anchorView, graph.anchorHistoryElement.path, true);
-    this.getViewPortHistory().push("/switch");
-    this.getViewPortHistory().push("/view/" + graph.anchorView.config.id);
+    this.navigate('/view/unload');
+    this.navigate('/view/' + graph.anchorView.config.id);
   }
 
-  removeLoadedGraph() {
+  removeLoadedGraph(routeBackToAnchor) {
     if (this.graphs.length > 0) {
-      this.closeCurrentView(false);
       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)) {
+      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);
+      }
     }
   }
 
-  loadGraph(isParent, isPopup, config, parameterValues) {
-    if (isParent && !isPopup) {
+  loadGraph(isParent, isPopup, isWindow, config, parameterValues) {
+    if (isParent && !isPopup && !isWindow) {
       this.navHistory.splice(0, this.navHistory.length);
 
-      var _iterator14 = _createForOfIteratorHelper(this.views),
-          _step14;
-
-      try {
-        for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
-          const contextView = _step14.value;
-          this.closeView(contextView.handle.api.id, false);
-        }
-      } catch (err) {
-        _iterator14.e(err);
-      } finally {
-        _iterator14.f();
+      for (const contextView of this.views) {
+        this.closeView(contextView.handle.api.id, false);
       }
 
-      this.getViewPortHistory().push("/switch");
+      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.getCurrentView();
+      graph.anchorView = this.getTopAnchorView(); //= this.getCurrentView();
+
       graph.anchorHistoryElement = this.navHistory[this.navHistory.length - 1];
     }
 
     graph.init();
 
-    var _iterator15 = _createForOfIteratorHelper(parameterValues),
-        _step15;
+    for (const parameterValue of parameterValues) {
+      graph.model[parameterValue.name] = parameterValue.value;
+    }
 
-    try {
-      for (_iterator15.s(); !(_step15 = _iterator15.n()).done;) {
-        const parameterValue = _step15.value;
-        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];
       }
-    } catch (err) {
-      _iterator15.e(err);
-    } finally {
-      _iterator15.f();
     }
+  }
 
-    this.graphs.push(graph);
+  getTopWindowView() {
+    for (let i = this.views.length - 1; i >= 0; i--) {
+      if (this.views[i].window) {
+        return this.views[i];
+      }
+    }
   }
 
   signalGraph(id, event) {
     if (this.graphs.length > 0) {
       let graphToSignal = this.graphs[this.graphs.length - 1];
 
-      var _iterator16 = _createForOfIteratorHelper(this.graphs),
-          _step16;
-
-      try {
-        for (_iterator16.s(); !(_step16 = _iterator16.n()).done;) {
-          const graph = _step16.value;
-
-          if (id === graph.id) {
-            graphToSignal = graph;
-            break;
-          }
+      for (const graph of this.graphs) {
+        if (id === graph.id) {
+          graphToSignal = graph;
+          break;
         }
-      } catch (err) {
-        _iterator16.e(err);
-      } finally {
-        _iterator16.f();
       }
 
       graphToSignal.signal(event);
@@ -868,9 +863,13 @@ class ApplicationContext {
     return this.props.formMarkersEnabled;
   }
 
+  setDashboardView(view) {
+    this.props.dashboardView = view;
+  }
+
 }
 
-const instance = new ApplicationContext();
+const instance = new ApplicationManager();
 Object.freeze(instance);
 var _default = instance;
 exports.default = _default;