codecharta-visualization 1.86.0 → 1.87.0

package/dist/webpack/bundle.js

@@ -205640,6 +205640,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _store_store__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./store/store */ "./app/codeCharta/state/store/store.ts");
 /* harmony import */ var _store_appSettings_enableClipboard_screenshotToClipboardEnabled_actions__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./store/appSettings/enableClipboard/screenshotToClipboardEnabled.actions */ "./app/codeCharta/state/store/appSettings/enableClipboard/screenshotToClipboardEnabled.actions.ts");
 /* harmony import */ var _store_appStatus_hoveredBuildingPath_hoveredBuildingPath_actions__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./store/appStatus/hoveredBuildingPath/hoveredBuildingPath.actions */ "./app/codeCharta/state/store/appStatus/hoveredBuildingPath/hoveredBuildingPath.actions.ts");
+/* harmony import */ var _store_dynamicSettings_focusedNodePath_focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./store/dynamicSettings/focusedNodePath/focusedNodePath.actions */ "./app/codeCharta/state/store/dynamicSettings/focusedNodePath/focusedNodePath.actions.ts");
+
 
 
 
@@ -205671,6 +205673,10 @@ class StoreService {
       this.dispatch((0,_store_appSettings_isLoadingMap_isLoadingMap_actions__WEBPACK_IMPORTED_MODULE_1__.setIsLoadingMap)(true));
     }
 
+    if ((0,_util_reduxHelper__WEBPACK_IMPORTED_MODULE_4__.isActionOfType)(action.type, _store_appSettings_isLoadingFile_isLoadingFile_actions__WEBPACK_IMPORTED_MODULE_2__.IsLoadingFileActions)) {
+      this.dispatch((0,_store_dynamicSettings_focusedNodePath_focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_14__.unfocusAllNodes)());
+    }
+
     for (const atomicAction of (0,_store_state_splitter__WEBPACK_IMPORTED_MODULE_0__.splitStateActions)(action)) {
       this.originalDispatch(atomicAction);
 
@@ -210883,11 +210889,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _colorRange_colorRange_splitter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./colorRange/colorRange.splitter */ "./app/codeCharta/state/store/dynamicSettings/colorRange/colorRange.splitter.ts");
 /* harmony import */ var _margin_margin_splitter__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./margin/margin.splitter */ "./app/codeCharta/state/store/dynamicSettings/margin/margin.splitter.ts");
 /* harmony import */ var _searchPattern_searchPattern_splitter__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./searchPattern/searchPattern.splitter */ "./app/codeCharta/state/store/dynamicSettings/searchPattern/searchPattern.splitter.ts");
-/* harmony import */ var _focusedNodePath_focusedNodePath_splitter__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./focusedNodePath/focusedNodePath.splitter */ "./app/codeCharta/state/store/dynamicSettings/focusedNodePath/focusedNodePath.splitter.ts");
-/* harmony import */ var _heightMetric_heightMetric_splitter__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./heightMetric/heightMetric.splitter */ "./app/codeCharta/state/store/dynamicSettings/heightMetric/heightMetric.splitter.ts");
-/* harmony import */ var _distributionMetric_distributionMetric_splitter__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./distributionMetric/distributionMetric.splitter */ "./app/codeCharta/state/store/dynamicSettings/distributionMetric/distributionMetric.splitter.ts");
-/* harmony import */ var _colorMetric_colorMetric_splitter__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./colorMetric/colorMetric.splitter */ "./app/codeCharta/state/store/dynamicSettings/colorMetric/colorMetric.splitter.ts");
-/* harmony import */ var _areaMetric_areaMetric_splitter__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./areaMetric/areaMetric.splitter */ "./app/codeCharta/state/store/dynamicSettings/areaMetric/areaMetric.splitter.ts");
+/* harmony import */ var _heightMetric_heightMetric_splitter__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./heightMetric/heightMetric.splitter */ "./app/codeCharta/state/store/dynamicSettings/heightMetric/heightMetric.splitter.ts");
+/* harmony import */ var _distributionMetric_distributionMetric_splitter__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./distributionMetric/distributionMetric.splitter */ "./app/codeCharta/state/store/dynamicSettings/distributionMetric/distributionMetric.splitter.ts");
+/* harmony import */ var _colorMetric_colorMetric_splitter__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./colorMetric/colorMetric.splitter */ "./app/codeCharta/state/store/dynamicSettings/colorMetric/colorMetric.splitter.ts");
+/* harmony import */ var _areaMetric_areaMetric_splitter__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./areaMetric/areaMetric.splitter */ "./app/codeCharta/state/store/dynamicSettings/areaMetric/areaMetric.splitter.ts");
+/* harmony import */ var _focusedNodePath_focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./focusedNodePath/focusedNodePath.actions */ "./app/codeCharta/state/store/dynamicSettings/focusedNodePath/focusedNodePath.actions.ts");
 
 
 
@@ -210932,23 +210938,23 @@ function splitDynamicSettingsActions(payload) {
   }
 
   if (payload.focusedNodePath !== undefined) {
-    actions.push((0,_focusedNodePath_focusedNodePath_splitter__WEBPACK_IMPORTED_MODULE_7__.splitFocusedNodePathAction)(payload.focusedNodePath));
+    actions.push((0,_focusedNodePath_focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_11__.setAllFocusedNodes)(payload.focusedNodePath));
   }
 
   if (payload.heightMetric !== undefined) {
-    actions.push((0,_heightMetric_heightMetric_splitter__WEBPACK_IMPORTED_MODULE_8__.splitHeightMetricAction)(payload.heightMetric));
+    actions.push((0,_heightMetric_heightMetric_splitter__WEBPACK_IMPORTED_MODULE_7__.splitHeightMetricAction)(payload.heightMetric));
   }
 
   if (payload.distributionMetric !== undefined) {
-    actions.push((0,_distributionMetric_distributionMetric_splitter__WEBPACK_IMPORTED_MODULE_9__.splitDistributionMetricAction)(payload.distributionMetric));
+    actions.push((0,_distributionMetric_distributionMetric_splitter__WEBPACK_IMPORTED_MODULE_8__.splitDistributionMetricAction)(payload.distributionMetric));
   }
 
   if (payload.colorMetric !== undefined) {
-    actions.push((0,_colorMetric_colorMetric_splitter__WEBPACK_IMPORTED_MODULE_10__.splitColorMetricAction)(payload.colorMetric));
+    actions.push((0,_colorMetric_colorMetric_splitter__WEBPACK_IMPORTED_MODULE_9__.splitColorMetricAction)(payload.colorMetric));
   }
 
   if (payload.areaMetric !== undefined) {
-    actions.push((0,_areaMetric_areaMetric_splitter__WEBPACK_IMPORTED_MODULE_11__.splitAreaMetricAction)(payload.areaMetric));
+    actions.push((0,_areaMetric_areaMetric_splitter__WEBPACK_IMPORTED_MODULE_10__.splitAreaMetricAction)(payload.areaMetric));
   }
 
   return actions;
@@ -211119,6 +211125,25 @@ function splitEdgeMetricAction(payload) {
 
 /***/ }),
 
+/***/ "./app/codeCharta/state/store/dynamicSettings/focusedNodePath/currentFocused.selector.ts":
+/*!***********************************************************************************************!*\
+  !*** ./app/codeCharta/state/store/dynamicSettings/focusedNodePath/currentFocused.selector.ts ***!
+  \***********************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "currentFocusedNodePathSelector": () => (/* binding */ currentFocusedNodePathSelector)
+/* harmony export */ });
+/* harmony import */ var _angular_redux_createSelector__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../angular-redux/createSelector */ "./app/codeCharta/state/angular-redux/createSelector.ts");
+/* harmony import */ var _focusedNodePath_selector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./focusedNodePath.selector */ "./app/codeCharta/state/store/dynamicSettings/focusedNodePath/focusedNodePath.selector.ts");
+
+
+const currentFocusedNodePathSelector = (0,_angular_redux_createSelector__WEBPACK_IMPORTED_MODULE_0__.createSelector)([_focusedNodePath_selector__WEBPACK_IMPORTED_MODULE_1__.focusedNodePathSelector], focusedNodePath => focusedNodePath[0]);
+
+/***/ }),
+
 /***/ "./app/codeCharta/state/store/dynamicSettings/focusedNodePath/focusedNodePath.actions.ts":
 /*!***********************************************************************************************!*\
   !*** ./app/codeCharta/state/store/dynamicSettings/focusedNodePath/focusedNodePath.actions.ts ***!
@@ -211131,6 +211156,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "FocusedNodePathActions": () => (/* binding */ FocusedNodePathActions),
 /* harmony export */   "focusNode": () => (/* binding */ focusNode),
 /* harmony export */   "unfocusNode": () => (/* binding */ unfocusNode),
+/* harmony export */   "unfocusAllNodes": () => (/* binding */ unfocusAllNodes),
+/* harmony export */   "setAllFocusedNodes": () => (/* binding */ setAllFocusedNodes),
 /* harmony export */   "defaultFocusedNodePath": () => (/* binding */ defaultFocusedNodePath)
 /* harmony export */ });
 var FocusedNodePathActions;
@@ -211138,9 +211165,11 @@ var FocusedNodePathActions;
 (function (FocusedNodePathActions) {
   FocusedNodePathActions["FOCUS_NODE"] = "FOCUS_NODE";
   FocusedNodePathActions["UNFOCUS_NODE"] = "UNFOCUS_NODE";
+  FocusedNodePathActions["UNFOCUS_ALL_NODES"] = "UNFOCUS_ALL_NODES";
+  FocusedNodePathActions["SET_ALL_FOCUSED_NODES"] = "SET_ALL_FOCUSED_NODES";
 })(FocusedNodePathActions || (FocusedNodePathActions = {}));
 
-function focusNode(focusedNodePath = defaultFocusedNodePath) {
+function focusNode(focusedNodePath) {
   return {
     type: FocusedNodePathActions.FOCUS_NODE,
     payload: focusedNodePath
@@ -211148,11 +211177,21 @@ function focusNode(focusedNodePath = defaultFocusedNodePath) {
 }
 function unfocusNode() {
   return {
-    type: FocusedNodePathActions.UNFOCUS_NODE,
-    payload: ""
+    type: FocusedNodePathActions.UNFOCUS_NODE
   };
 }
-const defaultFocusedNodePath = "";
+function unfocusAllNodes() {
+  return {
+    type: FocusedNodePathActions.UNFOCUS_ALL_NODES
+  };
+}
+function setAllFocusedNodes(focusedNodePaths) {
+  return {
+    type: FocusedNodePathActions.SET_ALL_FOCUSED_NODES,
+    payload: focusedNodePaths
+  };
+}
+const defaultFocusedNodePath = [];
 
 /***/ }),
 
@@ -211171,13 +211210,22 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _codeCharta_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../codeCharta.service */ "./app/codeCharta/codeCharta.service.ts");
 
 
-function focusedNodePath(state = (0,_focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_0__.focusNode)().payload, action) {
+function focusedNodePath(state = _focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_0__.defaultFocusedNodePath, action) {
   switch (action.type) {
     case _focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_0__.FocusedNodePathActions.FOCUS_NODE:
-      return action.payload === _codeCharta_service__WEBPACK_IMPORTED_MODULE_1__.CodeChartaService.ROOT_PATH ? state : action.payload;
+      {
+        if (action.payload === _codeCharta_service__WEBPACK_IMPORTED_MODULE_1__.CodeChartaService.ROOT_PATH) return state;
+        return [action.payload, ...state];
+      }
 
     case _focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_0__.FocusedNodePathActions.UNFOCUS_NODE:
-      return action.payload;
+      return state.slice(1);
+
+    case _focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_0__.FocusedNodePathActions.UNFOCUS_ALL_NODES:
+      return [];
+
+    case _focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_0__.FocusedNodePathActions.SET_ALL_FOCUSED_NODES:
+      return [...action.payload];
 
     default:
       return state;
@@ -211186,6 +211234,25 @@ function focusedNodePath(state = (0,_focusedNodePath_actions__WEBPACK_IMPORTED_M
 
 /***/ }),
 
+/***/ "./app/codeCharta/state/store/dynamicSettings/focusedNodePath/focusedNodePath.selector.ts":
+/*!************************************************************************************************!*\
+  !*** ./app/codeCharta/state/store/dynamicSettings/focusedNodePath/focusedNodePath.selector.ts ***!
+  \************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "focusedNodePathSelector": () => (/* binding */ focusedNodePathSelector)
+/* harmony export */ });
+/* harmony import */ var _angular_redux_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../angular-redux/store */ "./app/codeCharta/state/angular-redux/store.ts");
+/* harmony import */ var _dynamicSettings_selector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../dynamicSettings.selector */ "./app/codeCharta/state/store/dynamicSettings/dynamicSettings.selector.ts");
+
+
+const focusedNodePathSelector = (0,_angular_redux_store__WEBPACK_IMPORTED_MODULE_0__.createSelector)([_dynamicSettings_selector__WEBPACK_IMPORTED_MODULE_1__.dynamicSettingsSelector], dynamicSettings => dynamicSettings.focusedNodePath);
+
+/***/ }),
+
 /***/ "./app/codeCharta/state/store/dynamicSettings/focusedNodePath/focusedNodePath.service.ts":
 /*!***********************************************************************************************!*\
   !*** ./app/codeCharta/state/store/dynamicSettings/focusedNodePath/focusedNodePath.service.ts ***!
@@ -211264,29 +211331,6 @@ FocusedNodePathService.UNFOCUS_NODE_EVENT = "unfocus-node";
 
 /***/ }),
 
-/***/ "./app/codeCharta/state/store/dynamicSettings/focusedNodePath/focusedNodePath.splitter.ts":
-/*!************************************************************************************************!*\
-  !*** ./app/codeCharta/state/store/dynamicSettings/focusedNodePath/focusedNodePath.splitter.ts ***!
-  \************************************************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "splitFocusedNodePathAction": () => (/* binding */ splitFocusedNodePathAction)
-/* harmony export */ });
-/* harmony import */ var _focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./focusedNodePath.actions */ "./app/codeCharta/state/store/dynamicSettings/focusedNodePath/focusedNodePath.actions.ts");
-
-function splitFocusedNodePathAction(payload) {
-  if (payload === "") {
-    return (0,_focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_0__.unfocusNode)();
-  }
-
-  return (0,_focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_0__.focusNode)(payload);
-}
-
-/***/ }),
-
 /***/ "./app/codeCharta/state/store/dynamicSettings/heightMetric/heightMetric.actions.ts":
 /*!*****************************************************************************************!*\
   !*** ./app/codeCharta/state/store/dynamicSettings/heightMetric/heightMetric.actions.ts ***!
@@ -212859,7 +212903,7 @@ function splitFileSettingsActions(payload) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "MarkedPackagesActions": () => (/* binding */ MarkedPackagesActions),
-/* harmony export */   "calculateMarkedPackages": () => (/* binding */ calculateMarkedPackages),
+/* harmony export */   "markPackages": () => (/* binding */ markPackages),
 /* harmony export */   "setMarkedPackages": () => (/* binding */ setMarkedPackages),
 /* harmony export */   "unmarkPackage": () => (/* binding */ unmarkPackage),
 /* harmony export */   "defaultMarkedPackages": () => (/* binding */ defaultMarkedPackages)
@@ -212868,14 +212912,13 @@ var MarkedPackagesActions;
 
 (function (MarkedPackagesActions) {
   MarkedPackagesActions["SET_MARKED_PACKAGES"] = "SET_MARKED_PACKAGES";
-  MarkedPackagesActions["CALCULATE_MARKED_PACKAGES_FOR_PATHS"] = "CALCULATE_MARKED_PACKAGES";
   MarkedPackagesActions["MARK_PACKAGE"] = "MARK_PACKAGE";
   MarkedPackagesActions["UNMARK_PACKAGE"] = "UNMARK_PACKAGE";
 })(MarkedPackagesActions || (MarkedPackagesActions = {}));
 
-function calculateMarkedPackages(packagesToBeMarked) {
+function markPackages(packagesToBeMarked) {
   return {
-    type: MarkedPackagesActions.CALCULATE_MARKED_PACKAGES_FOR_PATHS,
+    type: MarkedPackagesActions.MARK_PACKAGE,
     payload: packagesToBeMarked
   };
 }
@@ -212885,10 +212928,10 @@ function setMarkedPackages(markedPackages = defaultMarkedPackages) {
     payload: markedPackages
   };
 }
-function unmarkPackage(index) {
+function unmarkPackage(node) {
   return {
     type: MarkedPackagesActions.UNMARK_PACKAGE,
-    payload: index
+    payload: node.path
   };
 }
 const defaultMarkedPackages = [];
@@ -212946,6 +212989,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _markedPackages_actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./markedPackages.actions */ "./app/codeCharta/state/store/fileSettings/markedPackages/markedPackages.actions.ts");
 /* harmony import */ var _util_reduxHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../util/reduxHelper */ "./app/codeCharta/util/reduxHelper.ts");
 /* harmony import */ var _util_addMarkedPackage__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./util/addMarkedPackage */ "./app/codeCharta/state/store/fileSettings/markedPackages/util/addMarkedPackage.ts");
+/* harmony import */ var _util_findIndexOfMarkedPackageOrParent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./util/findIndexOfMarkedPackageOrParent */ "./app/codeCharta/state/store/fileSettings/markedPackages/util/findIndexOfMarkedPackageOrParent.ts");
+
 
 
 
@@ -212955,9 +213000,13 @@ function markedPackages(state = (0,_markedPackages_actions__WEBPACK_IMPORTED_MOD
       return action.payload;
 
     case _markedPackages_actions__WEBPACK_IMPORTED_MODULE_0__.MarkedPackagesActions.UNMARK_PACKAGE:
-      return (0,_util_reduxHelper__WEBPACK_IMPORTED_MODULE_1__.removeEntryAtIndexFromArray)(state, action.payload);
+      {
+        const indexOfPackageToBeUnmarked = (0,_util_findIndexOfMarkedPackageOrParent__WEBPACK_IMPORTED_MODULE_3__.findIndexOfMarkedPackageOrParent)(state, action.payload);
+        if (indexOfPackageToBeUnmarked !== -1) return (0,_util_reduxHelper__WEBPACK_IMPORTED_MODULE_1__.removeEntryAtIndexFromArray)(state, indexOfPackageToBeUnmarked);
+        return state;
+      }
 
-    case _markedPackages_actions__WEBPACK_IMPORTED_MODULE_0__.MarkedPackagesActions.CALCULATE_MARKED_PACKAGES_FOR_PATHS:
+    case _markedPackages_actions__WEBPACK_IMPORTED_MODULE_0__.MarkedPackagesActions.MARK_PACKAGE:
       {
         const markedPackagesMap = new Map(state.map(entry => [entry.path, entry]));
 
@@ -213128,6 +213177,32 @@ const addMarkedPackage = (markedPackagesMap, {
 
 /***/ }),
 
+/***/ "./app/codeCharta/state/store/fileSettings/markedPackages/util/findIndexOfMarkedPackageOrParent.ts":
+/*!*********************************************************************************************************!*\
+  !*** ./app/codeCharta/state/store/fileSettings/markedPackages/util/findIndexOfMarkedPackageOrParent.ts ***!
+  \*********************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "findIndexOfMarkedPackageOrParent": () => (/* binding */ findIndexOfMarkedPackageOrParent)
+/* harmony export */ });
+const findIndexOfMarkedPackageOrParent = (markedPackages, nodePath) => {
+  const indexOfNodePath = markedPackages.findIndex(mp => mp.path === nodePath);
+  if (indexOfNodePath !== -1) return indexOfNodePath;
+  let indexOfNearestParent = -1;
+
+  for (let loopIndex = 0; loopIndex < markedPackages.length; loopIndex++) {
+    const markedPackage = markedPackages[loopIndex];
+    if (nodePath.startsWith(markedPackage.path) && (indexOfNearestParent === -1 || markedPackages[indexOfNearestParent].path.length < markedPackage.path.length)) indexOfNearestParent = loopIndex;
+  }
+
+  return indexOfNearestParent;
+};
+
+/***/ }),
+
 /***/ "./app/codeCharta/state/store/files/files.actions.ts":
 /*!***********************************************************!*\
   !*** ./app/codeCharta/state/store/files/files.actions.ts ***!
@@ -214608,21 +214683,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash.debounce */ "./node_modules/lodash.debounce/index.js");
 /* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _state_store_files_files_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../state/store/files/files.service */ "./app/codeCharta/state/store/files/files.service.ts");
-/* harmony import */ var _util_customConfigBuilder__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/customConfigBuilder */ "./app/codeCharta/util/customConfigBuilder.ts");
-/* harmony import */ var _util_customConfigHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/customConfigHelper */ "./app/codeCharta/util/customConfigHelper.ts");
-/* harmony import */ var klona__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! klona */ "./node_modules/klona/dist/index.mjs");
-/* harmony import */ var _model_customConfig_customConfig_api_model__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../model/customConfig/customConfig.api.model */ "./app/codeCharta/model/customConfig/customConfig.api.model.ts");
-/* harmony import */ var _util_nodeDecorator__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util/nodeDecorator */ "./app/codeCharta/util/nodeDecorator.ts");
-/* harmony import */ var _codeCharta_model__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../codeCharta.model */ "./app/codeCharta/codeCharta.model.ts");
+/* harmony import */ var _util_nodeDecorator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/nodeDecorator */ "./app/codeCharta/util/nodeDecorator.ts");
+/* harmony import */ var _codeCharta_model__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../codeCharta.model */ "./app/codeCharta/codeCharta.model.ts");
 /* harmony import */ var d3_hierarchy__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! d3-hierarchy */ "./node_modules/d3-hierarchy/src/hierarchy/index.js");
-/* harmony import */ var _model_files_files_helper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../model/files/files.helper */ "./app/codeCharta/model/files/files.helper.ts");
-/* harmony import */ var _artificialIntelligence_metricThresholds__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./artificialIntelligence.metricThresholds */ "./app/codeCharta/ui/artificialIntelligence/artificialIntelligence.metricThresholds.ts");
-/* harmony import */ var _state_store_appSettings_mapColors_mapColors_actions__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../state/store/appSettings/mapColors/mapColors.actions */ "./app/codeCharta/state/store/appSettings/mapColors/mapColors.actions.ts");
-/* harmony import */ var _state_store_fileSettings_blacklist_blacklist_service__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../state/store/fileSettings/blacklist/blacklist.service */ "./app/codeCharta/state/store/fileSettings/blacklist/blacklist.service.ts");
-/* harmony import */ var _util_codeMapHelper__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../util/codeMapHelper */ "./app/codeCharta/util/codeMapHelper.ts");
-/* harmony import */ var _state_store_appSettings_enableExperimentalFeatures_experimentalFeaturesEnabled_service__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../state/store/appSettings/enableExperimentalFeatures/experimentalFeaturesEnabled.service */ "./app/codeCharta/state/store/appSettings/enableExperimentalFeatures/experimentalFeaturesEnabled.service.ts");
-/* harmony import */ var _util_metric_metricDescriptions__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../util/metric/metricDescriptions */ "./app/codeCharta/util/metric/metricDescriptions.ts");
-/* harmony import */ var percent_round__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! percent-round */ "./node_modules/percent-round/dist/percent-round.esm.js");
+/* harmony import */ var _model_files_files_helper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../model/files/files.helper */ "./app/codeCharta/model/files/files.helper.ts");
+/* harmony import */ var _artificialIntelligence_metricThresholds__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./artificialIntelligence.metricThresholds */ "./app/codeCharta/ui/artificialIntelligence/artificialIntelligence.metricThresholds.ts");
+/* harmony import */ var _state_store_appSettings_mapColors_mapColors_actions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../state/store/appSettings/mapColors/mapColors.actions */ "./app/codeCharta/state/store/appSettings/mapColors/mapColors.actions.ts");
+/* harmony import */ var _state_store_fileSettings_blacklist_blacklist_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../state/store/fileSettings/blacklist/blacklist.service */ "./app/codeCharta/state/store/fileSettings/blacklist/blacklist.service.ts");
+/* harmony import */ var _util_codeMapHelper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util/codeMapHelper */ "./app/codeCharta/util/codeMapHelper.ts");
+/* harmony import */ var _state_store_appSettings_enableExperimentalFeatures_experimentalFeaturesEnabled_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../state/store/appSettings/enableExperimentalFeatures/experimentalFeaturesEnabled.service */ "./app/codeCharta/state/store/appSettings/enableExperimentalFeatures/experimentalFeaturesEnabled.service.ts");
+/* harmony import */ var _util_metric_metricDescriptions__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../util/metric/metricDescriptions */ "./app/codeCharta/util/metric/metricDescriptions.ts");
+/* harmony import */ var percent_round__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! percent-round */ "./node_modules/percent-round/dist/percent-round.esm.js");
+/* harmony import */ var _state_store_dynamicSettings_colorRange_colorRange_actions__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../state/store/dynamicSettings/colorRange/colorRange.actions */ "./app/codeCharta/state/store/dynamicSettings/colorRange/colorRange.actions.ts");
+/* harmony import */ var _state_store_dynamicSettings_heightMetric_heightMetric_actions__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../state/store/dynamicSettings/heightMetric/heightMetric.actions */ "./app/codeCharta/state/store/dynamicSettings/heightMetric/heightMetric.actions.ts");
+/* harmony import */ var _state_store_dynamicSettings_colorMetric_colorMetric_actions__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../state/store/dynamicSettings/colorMetric/colorMetric.actions */ "./app/codeCharta/state/store/dynamicSettings/colorMetric/colorMetric.actions.ts");
+/* harmony import */ var _state_store_dynamicSettings_areaMetric_areaMetric_actions__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../state/store/dynamicSettings/areaMetric/areaMetric.actions */ "./app/codeCharta/state/store/dynamicSettings/areaMetric/areaMetric.actions.ts");
 
 
 
@@ -214642,13 +214717,11 @@ __webpack_require__.r(__webpack_exports__);
 
 
 class ArtificialIntelligenceController {
-  constructor($rootScope, storeService, threeOrbitControlsService, threeCameraService) {
+  constructor($rootScope, storeService) {
     "ngInject";
 
     this.$rootScope = $rootScope;
     this.storeService = storeService;
-    this.threeOrbitControlsService = threeOrbitControlsService;
-    this.threeCameraService = threeCameraService;
     this._viewModel = {
       analyzedProgrammingLanguage: undefined,
       suspiciousMetricSuggestionLinks: [],
@@ -214658,13 +214731,12 @@ class ArtificialIntelligenceController {
         moderateRisk: 0,
         highRisk: 0,
         veryHighRisk: 0
-      },
-      isHighRiskFilesModeEnabled: false
+      }
     };
     this.blacklist = [];
     _state_store_files_files_service__WEBPACK_IMPORTED_MODULE_2__.FilesService.subscribe(this.$rootScope, this);
-    _state_store_fileSettings_blacklist_blacklist_service__WEBPACK_IMPORTED_MODULE_12__.BlacklistService.subscribe(this.$rootScope, this);
-    _state_store_appSettings_enableExperimentalFeatures_experimentalFeaturesEnabled_service__WEBPACK_IMPORTED_MODULE_14__.ExperimentalFeaturesEnabledService.subscribe(this.$rootScope, this);
+    _state_store_fileSettings_blacklist_blacklist_service__WEBPACK_IMPORTED_MODULE_8__.BlacklistService.subscribe(this.$rootScope, this);
+    _state_store_appSettings_enableExperimentalFeatures_experimentalFeaturesEnabled_service__WEBPACK_IMPORTED_MODULE_10__.ExperimentalFeaturesEnabledService.subscribe(this.$rootScope, this);
     this.debounceCalculation = lodash_debounce__WEBPACK_IMPORTED_MODULE_1___default()(() => {
       this.calculate();
     }, 10);
@@ -214676,13 +214748,37 @@ class ArtificialIntelligenceController {
     }
   }
 
-  applyCustomConfig(configId) {
-    _util_customConfigHelper__WEBPACK_IMPORTED_MODULE_4__.CustomConfigHelper.applyCustomConfig(configId, this.storeService, this.threeCameraService, this.threeOrbitControlsService);
+  applySuspiciousMetric(metric, isOutlier) {
+    if (this._viewModel.suspiciousMetricSuggestionLinks.includes(metric)) {
+      const mapColors = Object.assign({}, this.storeService.getState().appSettings.mapColors);
+      const colorRange = {
+        from: metric.from,
+        to: metric.to,
+        max: 0,
+        min: 0
+      };
+
+      if (metric.isOutlier === isOutlier) {
+        mapColors.positive = "#ffffff";
+        mapColors.neutral = "#ffffff";
+        mapColors.negative = "#A900C0";
+      } else {
+        mapColors.positive = _state_store_appSettings_mapColors_mapColors_actions__WEBPACK_IMPORTED_MODULE_7__.defaultMapColors.positive;
+        mapColors.neutral = _state_store_appSettings_mapColors_mapColors_actions__WEBPACK_IMPORTED_MODULE_7__.defaultMapColors.neutral;
+        mapColors.negative = _state_store_appSettings_mapColors_mapColors_actions__WEBPACK_IMPORTED_MODULE_7__.defaultMapColors.negative;
+      }
+
+      this.storeService.dispatch((0,_state_store_dynamicSettings_areaMetric_areaMetric_actions__WEBPACK_IMPORTED_MODULE_16__.setAreaMetric)("rloc"));
+      this.storeService.dispatch((0,_state_store_dynamicSettings_heightMetric_heightMetric_actions__WEBPACK_IMPORTED_MODULE_14__.setHeightMetric)(metric.metric));
+      this.storeService.dispatch((0,_state_store_dynamicSettings_colorMetric_colorMetric_actions__WEBPACK_IMPORTED_MODULE_15__.setColorMetric)(metric.metric));
+      this.storeService.dispatch((0,_state_store_dynamicSettings_colorRange_colorRange_actions__WEBPACK_IMPORTED_MODULE_13__.setColorRange)(colorRange));
+      this.storeService.dispatch((0,_state_store_appSettings_mapColors_mapColors_actions__WEBPACK_IMPORTED_MODULE_7__.setMapColors)(mapColors));
+    }
   }
 
   onBlacklistChanged(blacklist) {
     this.blacklist = blacklist;
-    this.fileState = (0,_model_files_files_helper__WEBPACK_IMPORTED_MODULE_9__.getVisibleFileStates)(this.storeService.getState().files)[0];
+    this.fileState = (0,_model_files_files_helper__WEBPACK_IMPORTED_MODULE_5__.getVisibleFileStates)(this.storeService.getState().files)[0];
 
     if (this.fileState !== undefined) {
       this.debounceCalculation();
@@ -214690,7 +214786,7 @@ class ArtificialIntelligenceController {
   }
 
   onFilesSelectionChanged(files) {
-    const fileState = (0,_model_files_files_helper__WEBPACK_IMPORTED_MODULE_9__.getVisibleFileStates)(files)[0];
+    const fileState = (0,_model_files_files_helper__WEBPACK_IMPORTED_MODULE_5__.getVisibleFileStates)(files)[0];
 
     if (fileState === undefined) {
       return;
@@ -214715,7 +214811,7 @@ class ArtificialIntelligenceController {
 
     if (mainProgrammingLanguage !== undefined) {
       this.calculateRiskProfile(this.fileState, mainProgrammingLanguage, "mcc");
-      this.createCustomConfigSuggestions(this.fileState, mainProgrammingLanguage);
+      this.calculateSuspiciousMetrics(this.fileState, mainProgrammingLanguage);
     }
   }
 
@@ -214735,7 +214831,7 @@ class ArtificialIntelligenceController {
     for (const {
       data
     } of (0,d3_hierarchy__WEBPACK_IMPORTED_MODULE_17__["default"])(fileState.file.map)) {
-      if (data.type !== _codeCharta_model__WEBPACK_IMPORTED_MODULE_8__.NodeType.FILE || (0,_util_codeMapHelper__WEBPACK_IMPORTED_MODULE_13__.isPathBlacklisted)(data.path, this.blacklist, _codeCharta_model__WEBPACK_IMPORTED_MODULE_8__.BlacklistType.exclude) || data.attributes[metricName] === undefined || data.attributes["rloc"] === undefined || this.getFileExtension(data.name) !== programmingLanguage) {
+      if (data.type !== _codeCharta_model__WEBPACK_IMPORTED_MODULE_4__.NodeType.FILE || (0,_util_codeMapHelper__WEBPACK_IMPORTED_MODULE_9__.isPathBlacklisted)(data.path, this.blacklist, _codeCharta_model__WEBPACK_IMPORTED_MODULE_4__.BlacklistType.exclude) || data.attributes[metricName] === undefined || data.attributes["rloc"] === undefined || this.getFileExtension(data.name) !== programmingLanguage) {
         continue;
       }
 
@@ -214758,7 +214854,7 @@ class ArtificialIntelligenceController {
       return;
     }
 
-    const [lowRisk, moderateRisk, highRisk, veryHighRisk] = (0,percent_round__WEBPACK_IMPORTED_MODULE_16__["default"])([numberOfRlocLowRisk, numberOfRlocModerateRisk, numberOfRlocHighRisk, numberOfRlocVeryHighRisk]);
+    const [lowRisk, moderateRisk, highRisk, veryHighRisk] = (0,percent_round__WEBPACK_IMPORTED_MODULE_12__["default"])([numberOfRlocLowRisk, numberOfRlocModerateRisk, numberOfRlocHighRisk, numberOfRlocVeryHighRisk]);
     this._viewModel.riskProfile = {
       lowRisk,
       moderateRisk,
@@ -214767,37 +214863,29 @@ class ArtificialIntelligenceController {
     };
   }
 
-  createCustomConfigSuggestions(fileState, programmingLanguage) {
+  calculateSuspiciousMetrics(fileState, programmingLanguage) {
     const metricValues = this.getSortedMetricValues(fileState, programmingLanguage);
     const metricAssessmentResults = this.findGoodAndBadMetrics(metricValues, programmingLanguage);
     const noticeableMetricSuggestionLinks = new Map();
-    const newCustomConfigs = [];
 
     for (const [metricName, colorRange] of metricAssessmentResults.suspiciousMetrics) {
-      const suspiciousMetricConfig = this.createOrUpdateCustomConfig(`Suspicious Files - Metric ${metricName.toUpperCase()} - (AI)`, this.prepareOverviewConfigState(metricName, colorRange.from, colorRange.to), fileState);
-      newCustomConfigs.push(suspiciousMetricConfig);
-      noticeableMetricSuggestionLinks.set(metricName, Object.assign(Object.assign({
+      noticeableMetricSuggestionLinks.set(metricName, Object.assign({
         metric: metricName
-      }, colorRange), {
-        generalCustomConfigId: suspiciousMetricConfig.id
-      }));
+      }, colorRange));
       const outlierThreshold = metricAssessmentResults.outliersThresholds.get(metricName);
 
       if (outlierThreshold > 0) {
-        const highRiskMetricConfig = this.createOrUpdateCustomConfig(`Very High Risk Files - Metric ${metricName.toUpperCase()} - (AI)`, this.prepareOutlierConfigState(metricName, outlierThreshold - 1, outlierThreshold), fileState);
-        newCustomConfigs.push(highRiskMetricConfig);
-        noticeableMetricSuggestionLinks.get(metricName).outlierCustomConfigId = highRiskMetricConfig.id;
+        noticeableMetricSuggestionLinks.get(metricName).isOutlier = true;
       }
     }
 
-    _util_customConfigHelper__WEBPACK_IMPORTED_MODULE_4__.CustomConfigHelper.addCustomConfigs(newCustomConfigs);
     this._viewModel.suspiciousMetricSuggestionLinks = [...noticeableMetricSuggestionLinks.values()].sort(this.compareSuspiciousMetricSuggestionLinks);
     this._viewModel.unsuspiciousMetrics = metricAssessmentResults.unsuspiciousMetrics;
   }
 
   compareSuspiciousMetricSuggestionLinks(a, b) {
-    if (a.outlierCustomConfigId && !b.outlierCustomConfigId) return -1;
-    if (!a.outlierCustomConfigId && b.outlierCustomConfigId) return 1;
+    if (a.isOutlier && !b.isOutlier) return -1;
+    if (!a.isOutlier && b.isOutlier) return 1;
     return 0;
   }
 
@@ -214820,7 +214908,7 @@ class ArtificialIntelligenceController {
       const maxMetricValue = Math.max(...valuesOfMetric);
 
       if (maxMetricValue <= thresholdConfig.percentile70) {
-        metricAssessmentResults.unsuspiciousMetrics.push(`${metricName} (${_util_metric_metricDescriptions__WEBPACK_IMPORTED_MODULE_15__.metricDescriptions.get(metricName)})`);
+        metricAssessmentResults.unsuspiciousMetrics.push(`${metricName} (${_util_metric_metricDescriptions__WEBPACK_IMPORTED_MODULE_11__.metricDescriptions.get(metricName)})`);
       } else if (maxMetricValue > thresholdConfig.percentile70) {
         metricAssessmentResults.suspiciousMetrics.set(metricName, {
           from: thresholdConfig.percentile70,
@@ -214838,49 +214926,13 @@ class ArtificialIntelligenceController {
     return metricAssessmentResults;
   }
 
-  createOrUpdateCustomConfig(configName, state, fileState) {
-    const customConfig = _util_customConfigHelper__WEBPACK_IMPORTED_MODULE_4__.CustomConfigHelper.getCustomConfigByName(_model_customConfig_customConfig_api_model__WEBPACK_IMPORTED_MODULE_6__.CustomConfigMapSelectionMode.SINGLE, [fileState.file.fileMeta.fileName], configName);
-
-    if (customConfig !== null) {
-      _util_customConfigHelper__WEBPACK_IMPORTED_MODULE_4__.CustomConfigHelper.deleteCustomConfig(customConfig.id);
-    }
-
-    return (0,_util_customConfigBuilder__WEBPACK_IMPORTED_MODULE_3__.buildCustomConfigFromState)(configName, state);
-  }
-
-  prepareOverviewConfigState(metricName, colorRangeFrom, colorRangeTo) {
-    const state = (0,klona__WEBPACK_IMPORTED_MODULE_5__.klona)(this.storeService.getState());
-    state.dynamicSettings.areaMetric = "rloc";
-    state.dynamicSettings.heightMetric = metricName;
-    state.dynamicSettings.colorMetric = metricName;
-    state.dynamicSettings.colorRange.from = colorRangeFrom;
-    state.dynamicSettings.colorRange.to = colorRangeTo;
-    state.appSettings.mapColors.positive = _state_store_appSettings_mapColors_mapColors_actions__WEBPACK_IMPORTED_MODULE_11__.defaultMapColors.positive;
-    state.appSettings.mapColors.neutral = _state_store_appSettings_mapColors_mapColors_actions__WEBPACK_IMPORTED_MODULE_11__.defaultMapColors.neutral;
-    state.appSettings.mapColors.negative = _state_store_appSettings_mapColors_mapColors_actions__WEBPACK_IMPORTED_MODULE_11__.defaultMapColors.negative;
-    return state;
-  }
-
-  prepareOutlierConfigState(metricName, colorRangeFrom, colorRangeTo) {
-    const state = (0,klona__WEBPACK_IMPORTED_MODULE_5__.klona)(this.storeService.getState());
-    state.dynamicSettings.areaMetric = "rloc";
-    state.dynamicSettings.heightMetric = metricName;
-    state.dynamicSettings.colorMetric = metricName;
-    state.dynamicSettings.colorRange.to = colorRangeTo;
-    state.dynamicSettings.colorRange.from = colorRangeFrom;
-    state.appSettings.mapColors.positive = "#ffffff";
-    state.appSettings.mapColors.neutral = "#ffffff";
-    state.appSettings.mapColors.negative = "#A900C0";
-    return state;
-  }
-
   getSortedMetricValues(fileState, programmingLanguage) {
     const metricValues = {};
 
     for (const {
       data
     } of (0,d3_hierarchy__WEBPACK_IMPORTED_MODULE_17__["default"])(fileState.file.map)) {
-      if (data.type !== _codeCharta_model__WEBPACK_IMPORTED_MODULE_8__.NodeType.FILE || (0,_util_codeMapHelper__WEBPACK_IMPORTED_MODULE_13__.isPathBlacklisted)(data.path, this.blacklist, _codeCharta_model__WEBPACK_IMPORTED_MODULE_8__.BlacklistType.exclude) || this.getFileExtension(data.name) !== programmingLanguage) {
+      if (data.type !== _codeCharta_model__WEBPACK_IMPORTED_MODULE_4__.NodeType.FILE || (0,_util_codeMapHelper__WEBPACK_IMPORTED_MODULE_9__.isPathBlacklisted)(data.path, this.blacklist, _codeCharta_model__WEBPACK_IMPORTED_MODULE_4__.BlacklistType.exclude) || this.getFileExtension(data.name) !== programmingLanguage) {
         continue;
       }
 
@@ -214892,7 +214944,7 @@ class ArtificialIntelligenceController {
             metricValues[metricIndex] = [];
           }
 
-          (0,_util_nodeDecorator__WEBPACK_IMPORTED_MODULE_7__.pushSorted)(metricValues[metricIndex], data.attributes[metricIndex]);
+          (0,_util_nodeDecorator__WEBPACK_IMPORTED_MODULE_3__.pushSorted)(metricValues[metricIndex], data.attributes[metricIndex]);
         }
       }
     }
@@ -214916,7 +214968,7 @@ class ArtificialIntelligenceController {
         continue;
       }
 
-      if (data.type === _codeCharta_model__WEBPACK_IMPORTED_MODULE_8__.NodeType.FILE) {
+      if (data.type === _codeCharta_model__WEBPACK_IMPORTED_MODULE_4__.NodeType.FILE) {
         const fileExtension = data.name.slice(data.name.lastIndexOf(".") + 1);
         const filesPerLanguage = (_a = numberOfFilesPerLanguage.get(fileExtension)) !== null && _a !== void 0 ? _a : 0;
         numberOfFilesPerLanguage.set(fileExtension, filesPerLanguage + 1);
@@ -214941,11 +214993,11 @@ class ArtificialIntelligenceController {
   }
 
   getAssociatedMetricThresholds(programmingLanguage) {
-    return programmingLanguage === "java" ? _artificialIntelligence_metricThresholds__WEBPACK_IMPORTED_MODULE_10__.metricThresholds.java : _artificialIntelligence_metricThresholds__WEBPACK_IMPORTED_MODULE_10__.metricThresholds.miscellaneous;
+    return programmingLanguage === "java" ? _artificialIntelligence_metricThresholds__WEBPACK_IMPORTED_MODULE_6__.metricThresholds.java : _artificialIntelligence_metricThresholds__WEBPACK_IMPORTED_MODULE_6__.metricThresholds.miscellaneous;
   }
 
 }
-ArtificialIntelligenceController.$inject = ["$rootScope", "storeService", "threeOrbitControlsService", "threeCameraService"];
+ArtificialIntelligenceController.$inject = ["$rootScope", "storeService"];
 const artificialIntelligenceComponent = {
   selector: "artificialIntelligenceComponent",
   template: __webpack_require__(/*! ./artificialIntelligence.component.html */ "./app/codeCharta/ui/artificialIntelligence/artificialIntelligence.component.html"),
@@ -216091,10 +216143,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _codeCharta_model__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../codeCharta.model */ "./app/codeCharta/codeCharta.model.ts");
 /* harmony import */ var _state_store_fileSettings_edges_edges_actions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../state/store/fileSettings/edges/edges.actions */ "./app/codeCharta/state/store/fileSettings/edges/edges.actions.ts");
-/* harmony import */ var _state_store_fileSettings_markedPackages_markedPackages_actions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../state/store/fileSettings/markedPackages/markedPackages.actions */ "./app/codeCharta/state/store/fileSettings/markedPackages/markedPackages.actions.ts");
-/* harmony import */ var _state_store_fileSettings_markedPackages_util_addMarkedPackage__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../state/store/fileSettings/markedPackages/util/addMarkedPackage */ "./app/codeCharta/state/store/fileSettings/markedPackages/util/addMarkedPackage.ts");
-
-
 
 
 class CodeMapActionsService {
@@ -216105,32 +216153,6 @@ class CodeMapActionsService {
     this.storeService = storeService;
   }
 
-  markFolder({
-    path
-  }, color) {
-    const {
-      markedPackages
-    } = this.storeService.getState().fileSettings;
-    const markedPackagesMap = new Map(markedPackages.map(entry => [entry.path, entry]));
-    (0,_state_store_fileSettings_markedPackages_util_addMarkedPackage__WEBPACK_IMPORTED_MODULE_3__.addMarkedPackage)(markedPackagesMap, {
-      path,
-      color
-    });
-    this.storeService.dispatch((0,_state_store_fileSettings_markedPackages_markedPackages_actions__WEBPACK_IMPORTED_MODULE_2__.setMarkedPackages)([...markedPackagesMap.values()]));
-  }
-
-  unmarkFolder(node) {
-    let index = this.storeService.getState().fileSettings.markedPackages.findIndex(mp => mp.path === node.path);
-
-    if (index === -1) {
-      index = this.getParentMarkedPackageIndex(node.path);
-    }
-
-    if (index !== -1) {
-      this.storeService.dispatch((0,_state_store_fileSettings_markedPackages_markedPackages_actions__WEBPACK_IMPORTED_MODULE_2__.unmarkPackage)(index));
-    }
-  }
-
   updateEdgePreviews() {
     const state = this.storeService.getState();
     const {
@@ -216164,21 +216186,6 @@ class CodeMapActionsService {
     this.storeService.dispatch((0,_state_store_fileSettings_edges_edges_actions__WEBPACK_IMPORTED_MODULE_1__.setEdges)(edges));
   }
 
-  getParentMarkedPackageIndex(path) {
-    const markedPackages = this.storeService.getState().fileSettings.markedPackages;
-    let index = -1;
-
-    for (let loopIndex = 0; loopIndex < markedPackages.length; loopIndex++) {
-      const markedPackage = markedPackages[loopIndex];
-
-      if (path.startsWith(markedPackage.path) && path !== markedPackage.path && (index === -1 || markedPackages[index].path.length < markedPackage.path.length)) {
-        index = loopIndex;
-      }
-    }
-
-    return index;
-  }
-
 }
 CodeMapActionsService.$inject = ["edgeMetricDataService", "storeService"];
 
@@ -216986,12 +216993,6 @@ class CodeMapMouseEventService {
     });
   }
 
-  static subscribeToBuildingRightClickedEvents($rootScope, subscriber) {
-    $rootScope.$on(this.BUILDING_RIGHT_CLICKED_EVENT, (_event, data) => {
-      subscriber.onBuildingRightClicked(data.building, data.x, data.y);
-    });
-  }
-
   start() {
     this.threeRendererService.renderer.domElement.addEventListener("mousemove", event => this.onDocumentMouseMove(event));
     this.threeRendererService.renderer.domElement.addEventListener("mouseup", event => this.onDocumentMouseUp(event));
@@ -217252,11 +217253,13 @@ class CodeMapMouseEventService {
     const building = this.intersectedBuilding;
 
     if (building && !this.hasMouseMovedMoreThanThreePixels(this.mouseOnLastClick)) {
-      this.$rootScope.$broadcast(CodeMapMouseEventService.BUILDING_RIGHT_CLICKED_EVENT, {
-        building,
-        x: this.mouse.x,
-        y: this.mouse.y
-      });
+      document.dispatchEvent(new CustomEvent("building-right-clicked", {
+        detail: {
+          building,
+          x: this.mouse.x,
+          y: this.mouse.y
+        }
+      }));
     }
 
     this.threeUpdateCycleService.update();
@@ -217360,7 +217363,6 @@ class CodeMapMouseEventService {
 CodeMapMouseEventService.$inject = ["$rootScope", "$window", "threeCameraService", "threeRendererService", "threeSceneService", "threeUpdateCycleService", "storeService", "codeMapLabelService", "codeMapPreRenderService", "viewCubeMouseEventsService", "threeViewerService"];
 CodeMapMouseEventService.BUILDING_HOVERED_EVENT = "building-hovered";
 CodeMapMouseEventService.BUILDING_UNHOVERED_EVENT = "building-unhovered";
-CodeMapMouseEventService.BUILDING_RIGHT_CLICKED_EVENT = "building-right-clicked";
 
 /***/ }),
 
@@ -220037,6 +220039,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "ColorPickerComponent": () => (/* binding */ ColorPickerComponent)
 /* harmony export */ });
 /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm2015/core.js");
+/* harmony import */ var _angular_material_menu__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/material/menu */ "./node_modules/@angular/material/fesm2015/menu.js");
 var __decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
   var c = arguments.length,
       r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
@@ -220050,21 +220053,60 @@ var __metadata = undefined && undefined.__metadata || function (k, v) {
 };
 
 
+
 let ColorPickerComponent = class ColorPickerComponent {
   constructor() {
+    this.openXPosition = "after";
     this.onColorChange = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
+    this.isHovered = false;
+    this.isClickInside = false;
   }
 
   handleChangeComplete(hexColor) {
     this.onColorChange.emit(hexColor);
   }
 
+  onMouseEnter() {
+    this.isHovered = true;
+  }
+
+  onMouseLeave() {
+    this.isHovered = false;
+  }
+
+  onClick() {
+    this.isClickInside = true;
+    this.colorPickerMenuTrigger.openMenu();
+  }
+
+  handleDocumentClick() {
+    if (!this.isClickInside && this.colorPickerMenuTrigger.menuOpen) {
+      this.colorPickerMenuTrigger.closeMenu();
+    }
+
+    this.isClickInside = false;
+  }
+
 };
 
 __decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Input)(), __metadata("design:type", String)], ColorPickerComponent.prototype, "hexColor", void 0);
 
+__decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Input)(), __metadata("design:type", String)], ColorPickerComponent.prototype, "openXPosition", void 0);
+
+__decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Input)(), __metadata("design:type", _angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef)], ColorPickerComponent.prototype, "triggerTemplate", void 0);
+
 __decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Output)(), __metadata("design:type", Object)], ColorPickerComponent.prototype, "onColorChange", void 0);
 
+__decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.ViewChild)("colorPickerMenuTrigger"), __metadata("design:type", _angular_material_menu__WEBPACK_IMPORTED_MODULE_1__.MatMenuTrigger)], ColorPickerComponent.prototype, "colorPickerMenuTrigger", void 0);
+
+__decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.HostListener)("mouseenter"), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], ColorPickerComponent.prototype, "onMouseEnter", null);
+
+__decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.HostListener)("mouseleave"), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], ColorPickerComponent.prototype, "onMouseLeave", null);
+
+__decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.HostListener)("click"), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], ColorPickerComponent.prototype, "onClick", null);
+
+__decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.HostListener)("document:click"), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], ColorPickerComponent.prototype, "handleDocumentClick", null);
+
 ColorPickerComponent = __decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Component)({
   selector: "cc-color-picker",
   template: __webpack_require__(/*! ./colorPicker.component.html */ "./app/codeCharta/ui/colorPicker/colorPicker.component.html")
@@ -220084,10 +220126,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "ColorPickerModule": () => (/* binding */ ColorPickerModule)
 /* harmony export */ });
-/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm2015/common.js");
-/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm2015/core.js");
-/* harmony import */ var ngx_color_chrome__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ngx-color/chrome */ "./node_modules/ngx-color/fesm2020/ngx-color-chrome.mjs");
-/* harmony import */ var _colorPicker_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./colorPicker.component */ "./app/codeCharta/ui/colorPicker/colorPicker.component.ts");
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm2015/common.js");
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm2015/core.js");
+/* harmony import */ var ngx_color_chrome__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ngx-color/chrome */ "./node_modules/ngx-color/fesm2020/ngx-color-chrome.mjs");
+/* harmony import */ var _material_material_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../material/material.module */ "./app/material/material.module.ts");
+/* harmony import */ var _colorPicker_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./colorPicker.component */ "./app/codeCharta/ui/colorPicker/colorPicker.component.ts");
 var __decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
   var c = arguments.length,
       r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
@@ -220100,11 +220143,12 @@ var __decorate = undefined && undefined.__decorate || function (decorators, targ
 
 
 
+
 let ColorPickerModule = class ColorPickerModule {};
-ColorPickerModule = __decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.NgModule)({
-  imports: [_angular_common__WEBPACK_IMPORTED_MODULE_2__.CommonModule, ngx_color_chrome__WEBPACK_IMPORTED_MODULE_3__.ColorChromeModule],
-  declarations: [_colorPicker_component__WEBPACK_IMPORTED_MODULE_0__.ColorPickerComponent],
-  exports: [_colorPicker_component__WEBPACK_IMPORTED_MODULE_0__.ColorPickerComponent]
+ColorPickerModule = __decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.NgModule)({
+  imports: [_angular_common__WEBPACK_IMPORTED_MODULE_3__.CommonModule, ngx_color_chrome__WEBPACK_IMPORTED_MODULE_4__.ColorChromeModule, _material_material_module__WEBPACK_IMPORTED_MODULE_0__.MaterialModule],
+  declarations: [_colorPicker_component__WEBPACK_IMPORTED_MODULE_1__.ColorPickerComponent],
+  exports: [_colorPicker_component__WEBPACK_IMPORTED_MODULE_1__.ColorPickerComponent]
 })], ColorPickerModule);
 
 
@@ -220558,9 +220602,12 @@ class CustomConfigsController {
     this.threeCameraService = threeCameraService;
     this._viewModel = {
       dropDownCustomConfigItemGroups: [],
-      hasDownloadableConfigs: false
+      hasDownloadableConfigs: false,
+      showNonApplicableButton: false,
+      visibleEntries: 0
     };
     this.downloadableConfigs = new Map();
+    this.applicableEntries = 0;
     _state_store_files_files_service__WEBPACK_IMPORTED_MODULE_2__.FilesService.subscribe(this.$rootScope, this);
   }
 
@@ -220572,6 +220619,7 @@ class CustomConfigsController {
   initView() {
     this.loadCustomConfigs();
     this.preloadDownloadableConfigs();
+    this.initVisibleEntries();
   }
 
   loadCustomConfigs() {
@@ -220589,8 +220637,45 @@ class CustomConfigsController {
     _util_customConfigHelper__WEBPACK_IMPORTED_MODULE_1__.CustomConfigHelper.applyCustomConfig(configId, this.storeService, this.threeCameraService, this.threeOrbitControlsService);
   }
 
-  removeCustomConfig(configId) {
+  removeCustomConfig(configId, customConfigItemIndex, dropDownCustomConfigItemGroupIndex) {
+    const {
+      dropDownCustomConfigItemGroups
+    } = this._viewModel;
     _util_customConfigHelper__WEBPACK_IMPORTED_MODULE_1__.CustomConfigHelper.deleteCustomConfig(configId);
+    dropDownCustomConfigItemGroups[dropDownCustomConfigItemGroupIndex].customConfigItems.splice(customConfigItemIndex, 1);
+
+    if (dropDownCustomConfigItemGroups[dropDownCustomConfigItemGroupIndex].customConfigItems.length === 0) {
+      if (dropDownCustomConfigItemGroups[dropDownCustomConfigItemGroupIndex].hasApplicableItems) {
+        this.applicableEntries--;
+      }
+
+      dropDownCustomConfigItemGroups.splice(dropDownCustomConfigItemGroupIndex, 1);
+      this._viewModel.visibleEntries--;
+      this.previousEntries--;
+      this.updateButtonVisibility();
+    }
+  }
+
+  initVisibleEntries() {
+    var _a;
+
+    this.applicableEntries = 0;
+
+    while ((_a = this._viewModel.dropDownCustomConfigItemGroups[this.applicableEntries]) === null || _a === void 0 ? void 0 : _a.hasApplicableItems) {
+      this.applicableEntries++;
+    }
+
+    this._viewModel.visibleEntries = this.applicableEntries;
+    this.updateButtonVisibility();
+  }
+
+  toggleNonApplicableItems() {
+    if (!this.isExpanded()) {
+      this.previousEntries = this._viewModel.visibleEntries;
+      this._viewModel.visibleEntries = this._viewModel.dropDownCustomConfigItemGroups.length;
+    } else {
+      this._viewModel.visibleEntries = this.previousEntries;
+    }
   }
 
   downloadPreloadedCustomConfigs() {
@@ -220626,6 +220711,20 @@ class CustomConfigsController {
     return false;
   }
 
+  isExpanded() {
+    return this._viewModel.visibleEntries === this._viewModel.dropDownCustomConfigItemGroups.length;
+  }
+
+  updateButtonVisibility() {
+    if (this._viewModel.dropDownCustomConfigItemGroups.length === 0) {
+      this._viewModel.showNonApplicableButton = false;
+    } else if (this.applicableEntries < this._viewModel.dropDownCustomConfigItemGroups.length) {
+      this._viewModel.showNonApplicableButton = true;
+    } else {
+      this._viewModel.showNonApplicableButton = false;
+    }
+  }
+
 }
 CustomConfigsController.$inject = ["$rootScope", "storeService", "dialogService", "threeOrbitControlsService", "threeCameraService"];
 const customConfigsComponent = {
@@ -222747,7 +222846,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _labelledColorPicker_component_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./labelledColorPicker.component.scss */ "./app/codeCharta/ui/labelledColorPicker/labelledColorPicker.component.scss");
 /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm2015/core.js");
-/* harmony import */ var _angular_material_menu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/material/menu */ "./node_modules/@angular/material/fesm2015/menu.js");
 var __decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
   var c = arguments.length,
       r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
@@ -222762,40 +222860,9 @@ var __metadata = undefined && undefined.__metadata || function (k, v) {
 
 
 
-
 let LabelledColorPickerComponent = class LabelledColorPickerComponent {
   constructor() {
     this.onColorChange = new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter();
-    this.isClickInside = false;
-  }
-
-  onMouseEnter() {
-    this.brush.nativeElement.style.opacity = "1";
-  }
-
-  onMouseLeave() {
-    if (!this.colorPickerMenuTrigger.menuOpen) this.brush.nativeElement.style.opacity = "0";
-  }
-
-  onClick() {
-    this.isClickInside = true;
-    const menuOpenedSubscription = this.colorPickerMenuTrigger.menuOpened.subscribe(() => {
-      this.brush.nativeElement.style.opacity = "1";
-      menuOpenedSubscription.unsubscribe();
-    });
-    const menuClosedSubscription = this.colorPickerMenuTrigger.menuClosed.subscribe(() => {
-      this.brush.nativeElement.style.opacity = "0";
-      menuClosedSubscription.unsubscribe();
-    });
-    this.colorPickerMenuTrigger.openMenu();
-  }
-
-  handleDocumentClick() {
-    if (!this.isClickInside && this.colorPickerMenuTrigger && this.colorPickerMenuTrigger.menuOpen) {
-      this.colorPickerMenuTrigger.closeMenu();
-    }
-
-    this.isClickInside = false;
   }
 
   handleColorChange(hexColor) {
@@ -222810,18 +222877,6 @@ __decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input)(), __metadata("
 
 __decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Output)(), __metadata("design:type", Object)], LabelledColorPickerComponent.prototype, "onColorChange", void 0);
 
-__decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewChild)("colorPickerMenuTrigger"), __metadata("design:type", _angular_material_menu__WEBPACK_IMPORTED_MODULE_2__.MatMenuTrigger)], LabelledColorPickerComponent.prototype, "colorPickerMenuTrigger", void 0);
-
-__decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewChild)("brush"), __metadata("design:type", _angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef)], LabelledColorPickerComponent.prototype, "brush", void 0);
-
-__decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener)("mouseenter"), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], LabelledColorPickerComponent.prototype, "onMouseEnter", null);
-
-__decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener)("mouseleave"), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], LabelledColorPickerComponent.prototype, "onMouseLeave", null);
-
-__decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener)("click"), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], LabelledColorPickerComponent.prototype, "onClick", null);
-
-__decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener)("document:click"), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], LabelledColorPickerComponent.prototype, "handleDocumentClick", null);
-
 LabelledColorPickerComponent = __decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Component)({
   selector: "cc-labelled-color-picker",
   template: __webpack_require__(/*! ./labelledColorPicker.component.html */ "./app/codeCharta/ui/labelledColorPicker/labelledColorPicker.component.html")
@@ -222841,12 +222896,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "LabelledColorPickerModule": () => (/* binding */ LabelledColorPickerModule)
 /* harmony export */ });
-/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm2015/common.js");
-/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm2015/core.js");
-/* harmony import */ var _material_material_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../material/material.module */ "./app/material/material.module.ts");
-/* harmony import */ var _colorPicker_colorPicker_module__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../colorPicker/colorPicker.module */ "./app/codeCharta/ui/colorPicker/colorPicker.module.ts");
-/* harmony import */ var _labelledColorPicker_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./labelledColorPicker.component */ "./app/codeCharta/ui/labelledColorPicker/labelledColorPicker.component.ts");
-/* harmony import */ var _readableColorForBackground_pipe__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./readableColorForBackground.pipe */ "./app/codeCharta/ui/labelledColorPicker/readableColorForBackground.pipe.ts");
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm2015/common.js");
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm2015/core.js");
+/* harmony import */ var _colorPicker_colorPicker_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../colorPicker/colorPicker.module */ "./app/codeCharta/ui/colorPicker/colorPicker.module.ts");
+/* harmony import */ var _labelledColorPicker_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./labelledColorPicker.component */ "./app/codeCharta/ui/labelledColorPicker/labelledColorPicker.component.ts");
+/* harmony import */ var _readableColorForBackground_pipe__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./readableColorForBackground.pipe */ "./app/codeCharta/ui/labelledColorPicker/readableColorForBackground.pipe.ts");
 var __decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
   var c = arguments.length,
       r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
@@ -222860,12 +222914,11 @@ var __decorate = undefined && undefined.__decorate || function (decorators, targ
 
 
 
-
 let LabelledColorPickerModule = class LabelledColorPickerModule {};
-LabelledColorPickerModule = __decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_4__.NgModule)({
-  imports: [_angular_common__WEBPACK_IMPORTED_MODULE_5__.CommonModule, _colorPicker_colorPicker_module__WEBPACK_IMPORTED_MODULE_1__.ColorPickerModule, _material_material_module__WEBPACK_IMPORTED_MODULE_0__.MaterialModule],
-  declarations: [_labelledColorPicker_component__WEBPACK_IMPORTED_MODULE_2__.LabelledColorPickerComponent, _readableColorForBackground_pipe__WEBPACK_IMPORTED_MODULE_3__.ReadableColorForBackgroundPipe],
-  exports: [_labelledColorPicker_component__WEBPACK_IMPORTED_MODULE_2__.LabelledColorPickerComponent]
+LabelledColorPickerModule = __decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_3__.NgModule)({
+  imports: [_angular_common__WEBPACK_IMPORTED_MODULE_4__.CommonModule, _colorPicker_colorPicker_module__WEBPACK_IMPORTED_MODULE_0__.ColorPickerModule],
+  declarations: [_labelledColorPicker_component__WEBPACK_IMPORTED_MODULE_1__.LabelledColorPickerComponent, _readableColorForBackground_pipe__WEBPACK_IMPORTED_MODULE_2__.ReadableColorForBackgroundPipe],
+  exports: [_labelledColorPicker_component__WEBPACK_IMPORTED_MODULE_1__.LabelledColorPickerComponent]
 })], LabelledColorPickerModule);
 
 
@@ -223070,7 +223123,7 @@ let LegendMarkedPackagesComponent = class LegendMarkedPackagesComponent {
   }
 
   handleColorChange(newHexColor, paths) {
-    this.store.dispatch((0,_state_store_fileSettings_markedPackages_markedPackages_actions__WEBPACK_IMPORTED_MODULE_3__.calculateMarkedPackages)(paths.map(path => ({
+    this.store.dispatch((0,_state_store_fileSettings_markedPackages_markedPackages_actions__WEBPACK_IMPORTED_MODULE_3__.markPackages)(paths.map(path => ({
       color: newHexColor,
       path
     }))));
@@ -224606,20 +224659,23 @@ angular__WEBPACK_IMPORTED_MODULE_1___default().module("app.codeCharta.ui.metricV
 
 /***/ }),
 
-/***/ "./app/codeCharta/ui/nodeContextMenu/markFolderColorPicker/markFolderColorPicker.component.ts":
-/*!****************************************************************************************************!*\
-  !*** ./app/codeCharta/ui/nodeContextMenu/markFolderColorPicker/markFolderColorPicker.component.ts ***!
-  \****************************************************************************************************/
+/***/ "./app/codeCharta/ui/nodeContextMenu/focusButtons/focusButtons.component.ts":
+/*!**********************************************************************************!*\
+  !*** ./app/codeCharta/ui/nodeContextMenu/focusButtons/focusButtons.component.ts ***!
+  \**********************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "MarkFolderColorPickerComponent": () => (/* binding */ MarkFolderColorPickerComponent)
+/* harmony export */   "FocusButtonsComponent": () => (/* binding */ FocusButtonsComponent)
 /* harmony export */ });
-/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm2015/core.js");
-/* harmony import */ var _angular_material_menu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/material/menu */ "./node_modules/@angular/material/fesm2015/menu.js");
-/* harmony import */ var _markFolderColorPicker_component_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./markFolderColorPicker.component.scss */ "./app/codeCharta/ui/nodeContextMenu/markFolderColorPicker/markFolderColorPicker.component.scss");
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm2015/core.js");
+/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/dist/esm5/internal/operators/map.js");
+/* harmony import */ var _state_angular_redux_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../state/angular-redux/store */ "./app/codeCharta/state/angular-redux/store.ts");
+/* harmony import */ var _state_store_dynamicSettings_focusedNodePath_currentFocused_selector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../state/store/dynamicSettings/focusedNodePath/currentFocused.selector */ "./app/codeCharta/state/store/dynamicSettings/focusedNodePath/currentFocused.selector.ts");
+/* harmony import */ var _state_store_dynamicSettings_focusedNodePath_focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../state/store/dynamicSettings/focusedNodePath/focusedNodePath.actions */ "./app/codeCharta/state/store/dynamicSettings/focusedNodePath/focusedNodePath.actions.ts");
+/* harmony import */ var _state_store_dynamicSettings_focusedNodePath_focusedNodePath_selector__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../state/store/dynamicSettings/focusedNodePath/focusedNodePath.selector */ "./app/codeCharta/state/store/dynamicSettings/focusedNodePath/focusedNodePath.selector.ts");
 var __decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
   var c = arguments.length,
       r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
@@ -224632,35 +224688,160 @@ var __metadata = undefined && undefined.__metadata || function (k, v) {
   if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 
+var __param = undefined && undefined.__param || function (paramIndex, decorator) {
+  return function (target, key) {
+    decorator(target, key, paramIndex);
+  };
+};
+
 
 
 
-let MarkFolderColorPickerComponent = class MarkFolderColorPickerComponent {
-  constructor() {
-    this.isClickInside = false;
+
+
+
+let FocusButtonsComponent = class FocusButtonsComponent {
+  constructor(store) {
+    this.store = store;
+    this.currentFocusedNodePath$ = this.store.select(_state_store_dynamicSettings_focusedNodePath_currentFocused_selector__WEBPACK_IMPORTED_MODULE_1__.currentFocusedNodePathSelector);
+    this.hasPreviousFocusedNodePath$ = this.store.select(_state_store_dynamicSettings_focusedNodePath_focusedNodePath_selector__WEBPACK_IMPORTED_MODULE_3__.focusedNodePathSelector).pipe((0,rxjs__WEBPACK_IMPORTED_MODULE_4__.map)(focusedNodePaths => focusedNodePaths.length > 1));
   }
 
-  onClick() {
-    this.isClickInside = true;
+  handleFocusNodeClicked() {
+    this.store.dispatch((0,_state_store_dynamicSettings_focusedNodePath_focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_2__.focusNode)(this.codeMapNode.path));
   }
 
-  handleDocumentClick() {
-    if (!this.isClickInside && this.colorPickerMenuTrigger && this.colorPickerMenuTrigger.menuOpen) {
-      this.colorPickerMenuTrigger.closeMenu();
-    }
+  handleUnfocusNodeClicked() {
+    this.store.dispatch((0,_state_store_dynamicSettings_focusedNodePath_focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_2__.unfocusNode)());
+  }
 
-    this.isClickInside = false;
+  handleUnfocusAllNodesClicked() {
+    this.store.dispatch((0,_state_store_dynamicSettings_focusedNodePath_focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_2__.unfocusAllNodes)());
   }
 
 };
 
-__decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input)(), __metadata("design:type", Function)], MarkFolderColorPickerComponent.prototype, "markFolder", void 0);
+__decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_5__.Input)(), __metadata("design:type", Object)], FocusButtonsComponent.prototype, "codeMapNode", void 0);
 
-__decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewChild)("colorPickerMenuTrigger"), __metadata("design:type", _angular_material_menu__WEBPACK_IMPORTED_MODULE_2__.MatMenuTrigger)], MarkFolderColorPickerComponent.prototype, "colorPickerMenuTrigger", void 0);
+FocusButtonsComponent = __decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_5__.Component)({
+  selector: "cc-focus-buttons",
+  template: __webpack_require__(/*! ./focusButtons.component.html */ "./app/codeCharta/ui/nodeContextMenu/focusButtons/focusButtons.component.html")
+}), __param(0, (0,_angular_core__WEBPACK_IMPORTED_MODULE_5__.Inject)(_state_angular_redux_store__WEBPACK_IMPORTED_MODULE_0__.Store)), __metadata("design:paramtypes", [_state_angular_redux_store__WEBPACK_IMPORTED_MODULE_0__.Store])], FocusButtonsComponent);
 
-__decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener)("click"), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], MarkFolderColorPickerComponent.prototype, "onClick", null);
 
-__decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener)("document:click"), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], MarkFolderColorPickerComponent.prototype, "handleDocumentClick", null);
+/***/ }),
+
+/***/ "./app/codeCharta/ui/nodeContextMenu/focusButtons/focusButtons.module.ts":
+/*!*******************************************************************************!*\
+  !*** ./app/codeCharta/ui/nodeContextMenu/focusButtons/focusButtons.module.ts ***!
+  \*******************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "FocusButtonsModule": () => (/* binding */ FocusButtonsModule)
+/* harmony export */ });
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm2015/common.js");
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm2015/core.js");
+/* harmony import */ var _material_material_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../material/material.module */ "./app/material/material.module.ts");
+/* harmony import */ var _focusButtons_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./focusButtons.component */ "./app/codeCharta/ui/nodeContextMenu/focusButtons/focusButtons.component.ts");
+/* harmony import */ var _isNodeFocused_pipe__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./isNodeFocused.pipe */ "./app/codeCharta/ui/nodeContextMenu/focusButtons/isNodeFocused.pipe.ts");
+var __decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+
+let FocusButtonsModule = class FocusButtonsModule {};
+FocusButtonsModule = __decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_3__.NgModule)({
+  imports: [_angular_common__WEBPACK_IMPORTED_MODULE_4__.CommonModule, _material_material_module__WEBPACK_IMPORTED_MODULE_0__.MaterialModule],
+  declarations: [_focusButtons_component__WEBPACK_IMPORTED_MODULE_1__.FocusButtonsComponent, _isNodeFocused_pipe__WEBPACK_IMPORTED_MODULE_2__.IsNodeFocusedPipe],
+  exports: [_focusButtons_component__WEBPACK_IMPORTED_MODULE_1__.FocusButtonsComponent]
+})], FocusButtonsModule);
+
+
+/***/ }),
+
+/***/ "./app/codeCharta/ui/nodeContextMenu/focusButtons/isNodeFocused.pipe.ts":
+/*!******************************************************************************!*\
+  !*** ./app/codeCharta/ui/nodeContextMenu/focusButtons/isNodeFocused.pipe.ts ***!
+  \******************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "IsNodeFocusedPipe": () => (/* binding */ IsNodeFocusedPipe)
+/* harmony export */ });
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm2015/core.js");
+var __decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+let IsNodeFocusedPipe = class IsNodeFocusedPipe {
+  transform(focusedNodePath, node) {
+    if (!focusedNodePath) return {
+      isNodeFocused: false,
+      isParentFocused: false
+    };
+    const isNodeFocused = focusedNodePath === node.path;
+    return {
+      isNodeFocused,
+      isParentFocused: !isNodeFocused && node.path.startsWith(focusedNodePath)
+    };
+  }
+
+};
+IsNodeFocusedPipe = __decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Pipe)({
+  name: "isNodeFocused"
+})], IsNodeFocusedPipe);
+
+
+/***/ }),
+
+/***/ "./app/codeCharta/ui/nodeContextMenu/markFolderColorPicker/markFolderColorPicker.component.ts":
+/*!****************************************************************************************************!*\
+  !*** ./app/codeCharta/ui/nodeContextMenu/markFolderColorPicker/markFolderColorPicker.component.ts ***!
+  \****************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "MarkFolderColorPickerComponent": () => (/* binding */ MarkFolderColorPickerComponent)
+/* harmony export */ });
+/* harmony import */ var _markFolderColorPicker_component_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./markFolderColorPicker.component.scss */ "./app/codeCharta/ui/nodeContextMenu/markFolderColorPicker/markFolderColorPicker.component.scss");
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm2015/core.js");
+var __decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+var __metadata = undefined && undefined.__metadata || function (k, v) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+
+
+
+let MarkFolderColorPickerComponent = class MarkFolderColorPickerComponent {};
+
+__decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input)(), __metadata("design:type", Function)], MarkFolderColorPickerComponent.prototype, "markFolder", void 0);
 
 MarkFolderColorPickerComponent = __decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Component)({
   selector: "cc-mark-folder-color-picker",
@@ -224681,11 +224862,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "MarkFolderColorPickerModule": () => (/* binding */ MarkFolderColorPickerModule)
 /* harmony export */ });
-/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm2015/common.js");
-/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm2015/core.js");
-/* harmony import */ var _material_material_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../material/material.module */ "./app/material/material.module.ts");
-/* harmony import */ var _colorPicker_colorPicker_module__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../colorPicker/colorPicker.module */ "./app/codeCharta/ui/colorPicker/colorPicker.module.ts");
-/* harmony import */ var _markFolderColorPicker_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./markFolderColorPicker.component */ "./app/codeCharta/ui/nodeContextMenu/markFolderColorPicker/markFolderColorPicker.component.ts");
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm2015/common.js");
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm2015/core.js");
+/* harmony import */ var _colorPicker_colorPicker_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../colorPicker/colorPicker.module */ "./app/codeCharta/ui/colorPicker/colorPicker.module.ts");
+/* harmony import */ var _markFolderColorPicker_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./markFolderColorPicker.component */ "./app/codeCharta/ui/nodeContextMenu/markFolderColorPicker/markFolderColorPicker.component.ts");
 var __decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
   var c = arguments.length,
       r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
@@ -224698,12 +224878,11 @@ var __decorate = undefined && undefined.__decorate || function (decorators, targ
 
 
 
-
 let MarkFolderColorPickerModule = class MarkFolderColorPickerModule {};
-MarkFolderColorPickerModule = __decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_3__.NgModule)({
-  imports: [_angular_common__WEBPACK_IMPORTED_MODULE_4__.CommonModule, _material_material_module__WEBPACK_IMPORTED_MODULE_0__.MaterialModule, _colorPicker_colorPicker_module__WEBPACK_IMPORTED_MODULE_1__.ColorPickerModule],
-  declarations: [_markFolderColorPicker_component__WEBPACK_IMPORTED_MODULE_2__.MarkFolderColorPickerComponent],
-  exports: [_markFolderColorPicker_component__WEBPACK_IMPORTED_MODULE_2__.MarkFolderColorPickerComponent]
+MarkFolderColorPickerModule = __decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.NgModule)({
+  imports: [_angular_common__WEBPACK_IMPORTED_MODULE_3__.CommonModule, _colorPicker_colorPicker_module__WEBPACK_IMPORTED_MODULE_0__.ColorPickerModule],
+  declarations: [_markFolderColorPicker_component__WEBPACK_IMPORTED_MODULE_1__.MarkFolderColorPickerComponent],
+  exports: [_markFolderColorPicker_component__WEBPACK_IMPORTED_MODULE_1__.MarkFolderColorPickerComponent]
 })], MarkFolderColorPickerModule);
 
 
@@ -224727,11 +224906,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var angular__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(angular__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _codeCharta_model__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../codeCharta.model */ "./app/codeCharta/codeCharta.model.ts");
 /* harmony import */ var _state_store_fileSettings_blacklist_blacklist_actions__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../state/store/fileSettings/blacklist/blacklist.actions */ "./app/codeCharta/state/store/fileSettings/blacklist/blacklist.actions.ts");
-/* harmony import */ var _state_store_dynamicSettings_focusedNodePath_focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../state/store/dynamicSettings/focusedNodePath/focusedNodePath.actions */ "./app/codeCharta/state/store/dynamicSettings/focusedNodePath/focusedNodePath.actions.ts");
-/* harmony import */ var _codeMap_codeMap_mouseEvent_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../codeMap/codeMap.mouseEvent.service */ "./app/codeCharta/ui/codeMap/codeMap.mouseEvent.service.ts");
-/* harmony import */ var _state_store_appSettings_mapColors_mapColors_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../state/store/appSettings/mapColors/mapColors.service */ "./app/codeCharta/state/store/appSettings/mapColors/mapColors.service.ts");
-/* harmony import */ var _util_codeMapHelper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util/codeMapHelper */ "./app/codeCharta/util/codeMapHelper.ts");
-/* harmony import */ var _util_fileValidator__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/fileValidator */ "./app/codeCharta/util/fileValidator.ts");
+/* harmony import */ var _state_store_appSettings_mapColors_mapColors_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../state/store/appSettings/mapColors/mapColors.service */ "./app/codeCharta/state/store/appSettings/mapColors/mapColors.service.ts");
+/* harmony import */ var _util_codeMapHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/codeMapHelper */ "./app/codeCharta/util/codeMapHelper.ts");
+/* harmony import */ var _util_fileValidator__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/fileValidator */ "./app/codeCharta/util/fileValidator.ts");
+/* harmony import */ var _state_store_fileSettings_markedPackages_util_findIndexOfMarkedPackageOrParent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../state/store/fileSettings/markedPackages/util/findIndexOfMarkedPackageOrParent */ "./app/codeCharta/state/store/fileSettings/markedPackages/util/findIndexOfMarkedPackageOrParent.ts");
+/* harmony import */ var _state_store_fileSettings_markedPackages_markedPackages_actions__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../state/store/fileSettings/markedPackages/markedPackages.actions */ "./app/codeCharta/state/store/fileSettings/markedPackages/markedPackages.actions.ts");
 
 
 
@@ -224748,14 +224927,13 @@ var ClickType;
 })(ClickType || (ClickType = {}));
 
 class NodeContextMenuController {
-  constructor($element, $window, $rootScope, storeService, codeMapActionsService, codeMapPreRenderService, threeSceneService, dialogService, blacklistService) {
+  constructor($element, $window, $rootScope, storeService, codeMapPreRenderService, threeSceneService, dialogService, blacklistService) {
     "ngInject";
 
     this.$element = $element;
     this.$window = $window;
     this.$rootScope = $rootScope;
     this.storeService = storeService;
-    this.codeMapActionsService = codeMapActionsService;
     this.codeMapPreRenderService = codeMapPreRenderService;
     this.threeSceneService = threeSceneService;
     this.dialogService = dialogService;
@@ -224765,37 +224943,49 @@ class NodeContextMenuController {
       showNodeContextMenu: false,
       markingColors: null,
       nodePath: "",
-      lastPartOfNodePath: "",
-      isNodeFocused: false,
-      isParentFocused: false
+      lastPartOfNodePath: ""
+    };
+
+    this.onBuildingRightClicked = ({
+      detail: {
+        building,
+        x,
+        y
+      }
+    }) => {
+      const nodeType = building.node.isLeaf ? _codeCharta_model__WEBPACK_IMPORTED_MODULE_2__.NodeType.FILE : _codeCharta_model__WEBPACK_IMPORTED_MODULE_2__.NodeType.FOLDER;
+      this.onShowNodeContextMenu(building.node.path, nodeType, x, y);
     };
 
     this.onBodyLeftClickHideNodeContextMenu = mouseEvent => {
       if (this.isEventFromColorPicker(mouseEvent)) return;
-      NodeContextMenuController.broadcastHideEvent(this.$rootScope);
-      document.body.removeEventListener("click", this.onBodyLeftClickHideNodeContextMenu, true);
+      this.hideContextMenu();
     };
 
     this.onBodyRightClickHideNodeContextMenu = event => {
       if (event.button === ClickType.RightClick) {
-        NodeContextMenuController.broadcastHideEvent(this.$rootScope);
+        this.hideContextMenu();
       }
-
-      document.body.removeEventListener("mousedown", this.onBodyRightClickHideNodeContextMenu, true);
     };
 
     this.onMapWheelHideNodeContextMenu = () => {
+      this.hideContextMenu();
+    };
+
+    this.hideContextMenu = () => {
       NodeContextMenuController.broadcastHideEvent(this.$rootScope);
-      document.getElementById("codeMap").removeEventListener("wheel", this.onMapWheelHideNodeContextMenu, true);
     };
 
     this.markFolder = color => {
-      this.codeMapActionsService.markFolder(this._viewModel.codeMapNode, color);
+      this.storeService.dispatch((0,_state_store_fileSettings_markedPackages_markedPackages_actions__WEBPACK_IMPORTED_MODULE_8__.markPackages)([{
+        path: this._viewModel.codeMapNode.path,
+        color
+      }]));
     };
 
     NodeContextMenuController.instance = this;
-    _state_store_appSettings_mapColors_mapColors_service__WEBPACK_IMPORTED_MODULE_6__.MapColorsService.subscribe(this.$rootScope, this);
-    _codeMap_codeMap_mouseEvent_service__WEBPACK_IMPORTED_MODULE_5__.CodeMapMouseEventService.subscribeToBuildingRightClickedEvents(this.$rootScope, this);
+    _state_store_appSettings_mapColors_mapColors_service__WEBPACK_IMPORTED_MODULE_4__.MapColorsService.subscribe(this.$rootScope, this);
+    document.addEventListener("building-right-clicked", this.onBuildingRightClicked);
     NodeContextMenuController.subscribeToShowNodeContextMenu(this.$rootScope, this);
     NodeContextMenuController.subscribeToHideNodeContextMenu(this.$rootScope, this);
   }
@@ -224804,18 +224994,10 @@ class NodeContextMenuController {
     this._viewModel.markingColors = mapColors.markingColors;
   }
 
-  onBuildingRightClicked(building, x, y) {
-    const nodeType = building.node.isLeaf ? _codeCharta_model__WEBPACK_IMPORTED_MODULE_2__.NodeType.FILE : _codeCharta_model__WEBPACK_IMPORTED_MODULE_2__.NodeType.FOLDER;
-    this.onShowNodeContextMenu(building.node.path, nodeType, x, y);
-  }
-
   onShowNodeContextMenu(path, nodeType, mouseX, mouseY) {
-    this._viewModel.codeMapNode = (0,_util_codeMapHelper__WEBPACK_IMPORTED_MODULE_7__.getCodeMapNodeFromPath)(path, nodeType, this.codeMapPreRenderService.getRenderMap());
+    this._viewModel.codeMapNode = (0,_util_codeMapHelper__WEBPACK_IMPORTED_MODULE_5__.getCodeMapNodeFromPath)(path, nodeType, this.codeMapPreRenderService.getRenderMap());
     this._viewModel.nodePath = path;
     this._viewModel.lastPartOfNodePath = `${path.lastIndexOf("/") === 0 ? "" : "..."}${path.slice(path.lastIndexOf("/"))}`;
-    const focusedNodePath = this.storeService.getState().dynamicSettings.focusedNodePath;
-    this._viewModel.isNodeFocused = path === focusedNodePath;
-    this._viewModel.isParentFocused = path.startsWith(focusedNodePath) && path !== focusedNodePath;
     this._viewModel.showNodeContextMenu = true;
     const {
       x,
@@ -224829,10 +225011,9 @@ class NodeContextMenuController {
 
   onHideNodeContextMenu() {
     this._viewModel.showNodeContextMenu = false;
-  }
-
-  focusNode() {
-    this.storeService.dispatch((0,_state_store_dynamicSettings_focusedNodePath_focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_4__.focusNode)(this._viewModel.codeMapNode.path));
+    document.body.removeEventListener("click", this.onBodyLeftClickHideNodeContextMenu, true);
+    document.body.removeEventListener("mousedown", this.onBodyRightClickHideNodeContextMenu, true);
+    document.getElementById("codeMap").removeEventListener("wheel", this.onMapWheelHideNodeContextMenu, true);
   }
 
   flattenNode() {
@@ -224864,7 +225045,7 @@ class NodeContextMenuController {
     };
 
     if (this.blacklistService.resultsInEmptyMap([blacklistItem])) {
-      this.dialogService.showErrorDialog(_util_fileValidator__WEBPACK_IMPORTED_MODULE_8__.ERROR_MESSAGES.blacklistError, "Blacklist Error");
+      this.dialogService.showErrorDialog(_util_fileValidator__WEBPACK_IMPORTED_MODULE_6__.ERROR_MESSAGES.blacklistError, "Blacklist Error");
     } else {
       this.storeService.dispatch((0,_state_store_fileSettings_blacklist_blacklist_actions__WEBPACK_IMPORTED_MODULE_3__.addBlacklistItem)(blacklistItem));
     }
@@ -224889,7 +225070,7 @@ class NodeContextMenuController {
   }
 
   unmarkFolder() {
-    this.codeMapActionsService.unmarkFolder(this._viewModel.codeMapNode);
+    this.storeService.dispatch((0,_state_store_fileSettings_markedPackages_markedPackages_actions__WEBPACK_IMPORTED_MODULE_8__.unmarkPackage)(this._viewModel.codeMapNode));
   }
 
   calculatePosition(mouseX, mouseY) {
@@ -224932,7 +225113,10 @@ class NodeContextMenuController {
   }
 
   packageMatchesColorOfParentMP(color) {
-    const index = this.codeMapActionsService.getParentMarkedPackageIndex(this._viewModel.codeMapNode.path);
+    const {
+      markedPackages
+    } = this.storeService.getState().fileSettings;
+    const index = (0,_state_store_fileSettings_markedPackages_util_findIndexOfMarkedPackageOrParent__WEBPACK_IMPORTED_MODULE_7__.findIndexOfMarkedPackageOrParent)(markedPackages, this._viewModel.codeMapNode.path);
 
     if (index === -1) {
       return false;
@@ -224956,23 +225140,6 @@ class NodeContextMenuController {
     return false;
   }
 
-  isNodeOrParentFocused() {
-    var _a;
-
-    const {
-      focusedNodePath
-    } = this.storeService.getState().dynamicSettings;
-    return Boolean(focusedNodePath && ((_a = this._viewModel.codeMapNode) === null || _a === void 0 ? void 0 : _a.path.startsWith(focusedNodePath)));
-  }
-
-  isNodeFocused() {
-    if (this._viewModel.codeMapNode) {
-      return this._viewModel.codeMapNode.path === this.storeService.getState().dynamicSettings.focusedNodePath;
-    }
-
-    return false;
-  }
-
   nodeIsFolder() {
     var _a, _b;
 
@@ -225008,7 +225175,7 @@ class NodeContextMenuController {
   }
 
 }
-NodeContextMenuController.$inject = ["$element", "$window", "$rootScope", "storeService", "codeMapActionsService", "codeMapPreRenderService", "threeSceneService", "dialogService", "blacklistService"];
+NodeContextMenuController.$inject = ["$element", "$window", "$rootScope", "storeService", "codeMapPreRenderService", "threeSceneService", "dialogService", "blacklistService"];
 NodeContextMenuController.SHOW_NODE_CONTEXT_MENU_EVENT = "show-node-context-menu";
 NodeContextMenuController.HIDE_NODE_CONTEXT_MENU_EVENT = "hide-node-context-menu";
 const nodeContextMenuComponent = {
@@ -225031,17 +225198,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _ui_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ui/ui */ "./app/codeCharta/ui/ui.ts");
 /* harmony import */ var angular__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! angular */ "./node_modules/angular/index.js");
 /* harmony import */ var angular__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(angular__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _angular_upgrade_static__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/upgrade/static */ "./node_modules/@angular/upgrade/fesm2015/static.js");
+/* harmony import */ var _angular_upgrade_static__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/upgrade/static */ "./node_modules/@angular/upgrade/fesm2015/static.js");
 /* harmony import */ var _nodeContextMenu_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./nodeContextMenu.component */ "./app/codeCharta/ui/nodeContextMenu/nodeContextMenu.component.ts");
 /* harmony import */ var _markFolderColorPicker_markFolderColorPicker_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./markFolderColorPicker/markFolderColorPicker.component */ "./app/codeCharta/ui/nodeContextMenu/markFolderColorPicker/markFolderColorPicker.component.ts");
+/* harmony import */ var _focusButtons_focusButtons_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./focusButtons/focusButtons.component */ "./app/codeCharta/ui/nodeContextMenu/focusButtons/focusButtons.component.ts");
+
 
 
 
 
 
 
-angular__WEBPACK_IMPORTED_MODULE_2___default().module("app.codeCharta.ui.nodeContextMenu", ["app.codeCharta.state", "app.codeCharta.ui"]).component(_nodeContextMenu_component__WEBPACK_IMPORTED_MODULE_3__.nodeContextMenuComponent.selector, _nodeContextMenu_component__WEBPACK_IMPORTED_MODULE_3__.nodeContextMenuComponent).directive("ccMarkFolderColorPicker", (0,_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_5__.downgradeComponent)({
+angular__WEBPACK_IMPORTED_MODULE_2___default().module("app.codeCharta.ui.nodeContextMenu", ["app.codeCharta.state", "app.codeCharta.ui"]).component(_nodeContextMenu_component__WEBPACK_IMPORTED_MODULE_3__.nodeContextMenuComponent.selector, _nodeContextMenu_component__WEBPACK_IMPORTED_MODULE_3__.nodeContextMenuComponent).directive("ccMarkFolderColorPicker", (0,_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_6__.downgradeComponent)({
   component: _markFolderColorPicker_markFolderColorPicker_component__WEBPACK_IMPORTED_MODULE_4__.MarkFolderColorPickerComponent
+})).directive("ccFocusButtons", (0,_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_6__.downgradeComponent)({
+  component: _focusButtons_focusButtons_component__WEBPACK_IMPORTED_MODULE_5__.FocusButtonsComponent
 }));
 
 /***/ }),
@@ -226565,52 +226736,51 @@ angular__WEBPACK_IMPORTED_MODULE_2___default().module("app.codeCharta.ui.toolBar
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var angular__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! angular */ "./node_modules/angular/index.js");
 /* harmony import */ var angular__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(angular__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _angular_upgrade_static__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! @angular/upgrade/static */ "./node_modules/@angular/upgrade/fesm2015/static.js");
+/* harmony import */ var _angular_upgrade_static__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! @angular/upgrade/static */ "./node_modules/@angular/upgrade/fesm2015/static.js");
 /* harmony import */ var _artificialIntelligence_artificialIntelligence_module__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./artificialIntelligence/artificialIntelligence.module */ "./app/codeCharta/ui/artificialIntelligence/artificialIntelligence.module.ts");
 /* harmony import */ var _customConfigs_customConfigs_module__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./customConfigs/customConfigs.module */ "./app/codeCharta/ui/customConfigs/customConfigs.module.ts");
-/* harmony import */ var _unfocusButton_unfocusButton_module__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./unfocusButton/unfocusButton.module */ "./app/codeCharta/ui/unfocusButton/unfocusButton.module.ts");
-/* harmony import */ var _metricValueHovered_metricValueHovered_module__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./metricValueHovered/metricValueHovered.module */ "./app/codeCharta/ui/metricValueHovered/metricValueHovered.module.ts");
-/* harmony import */ var _downloadButton_downloadButton_module__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./downloadButton/downloadButton.module */ "./app/codeCharta/ui/downloadButton/downloadButton.module.ts");
-/* harmony import */ var _screenshotButton_screenshotButton_module__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./screenshotButton/screenshotButton.module */ "./app/codeCharta/ui/screenshotButton/screenshotButton.module.ts");
-/* harmony import */ var _globalSettingsButton_globalSettingsButton_module__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./globalSettingsButton/globalSettingsButton.module */ "./app/codeCharta/ui/globalSettingsButton/globalSettingsButton.module.ts");
-/* harmony import */ var _nodePathPanel_nodePathPanel_module__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./nodePathPanel/nodePathPanel.module */ "./app/codeCharta/ui/nodePathPanel/nodePathPanel.module.ts");
-/* harmony import */ var _edgeSettingsPanel_edgeSettingsPanel_module__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./edgeSettingsPanel/edgeSettingsPanel.module */ "./app/codeCharta/ui/edgeSettingsPanel/edgeSettingsPanel.module.ts");
-/* harmony import */ var _edgeChooser_edgeChooser_module__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./edgeChooser/edgeChooser.module */ "./app/codeCharta/ui/edgeChooser/edgeChooser.module.ts");
-/* harmony import */ var _presentationModeButton_presentationModeButton_module__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./presentationModeButton/presentationModeButton.module */ "./app/codeCharta/ui/presentationModeButton/presentationModeButton.module.ts");
-/* harmony import */ var _centerMapButton_centerMapButton_module__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./centerMapButton/centerMapButton.module */ "./app/codeCharta/ui/centerMapButton/centerMapButton.module.ts");
-/* harmony import */ var _searchPanel_searchPanel_module__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./searchPanel/searchPanel.module */ "./app/codeCharta/ui/searchPanel/searchPanel.module.ts");
-/* harmony import */ var _searchPanelModeSelector_searchPanelModeSelector_module__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./searchPanelModeSelector/searchPanelModeSelector.module */ "./app/codeCharta/ui/searchPanelModeSelector/searchPanelModeSelector.module.ts");
-/* harmony import */ var _searchBar_searchBar_module__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./searchBar/searchBar.module */ "./app/codeCharta/ui/searchBar/searchBar.module.ts");
-/* harmony import */ var _areaSettingsPanel_areaSettingsPanel_module__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./areaSettingsPanel/areaSettingsPanel.module */ "./app/codeCharta/ui/areaSettingsPanel/areaSettingsPanel.module.ts");
-/* harmony import */ var _blacklistPanel_blacklistPanel_module__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./blacklistPanel/blacklistPanel.module */ "./app/codeCharta/ui/blacklistPanel/blacklistPanel.module.ts");
-/* harmony import */ var _codeMap_codeMap_module__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./codeMap/codeMap.module */ "./app/codeCharta/ui/codeMap/codeMap.module.ts");
-/* harmony import */ var _colorSettingsPanel_colorSettingsPanel_module__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./colorSettingsPanel/colorSettingsPanel.module */ "./app/codeCharta/ui/colorSettingsPanel/colorSettingsPanel.module.ts");
-/* harmony import */ var _dialog_dialog_module__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./dialog/dialog.module */ "./app/codeCharta/ui/dialog/dialog.module.ts");
-/* harmony import */ var _fileChooser_fileChooser_module__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./fileChooser/fileChooser.module */ "./app/codeCharta/ui/fileChooser/fileChooser.module.ts");
-/* harmony import */ var _fileExtensionBar_fileExtensionBar_module__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./fileExtensionBar/fileExtensionBar.module */ "./app/codeCharta/ui/fileExtensionBar/fileExtensionBar.module.ts");
-/* harmony import */ var _heightSettingsPanel_heightSettingsPanel_module__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./heightSettingsPanel/heightSettingsPanel.module */ "./app/codeCharta/ui/heightSettingsPanel/heightSettingsPanel.module.ts");
-/* harmony import */ var _loadingGif_loadingGif_module__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./loadingGif/loadingGif.module */ "./app/codeCharta/ui/loadingGif/loadingGif.module.ts");
-/* harmony import */ var _metricChooser_metricChooser_module__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./metricChooser/metricChooser.module */ "./app/codeCharta/ui/metricChooser/metricChooser.module.ts");
-/* harmony import */ var _metricType_metricType_module__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./metricType/metricType.module */ "./app/codeCharta/ui/metricType/metricType.module.ts");
-/* harmony import */ var _nodeContextMenu_nodeContextMenu_module__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./nodeContextMenu/nodeContextMenu.module */ "./app/codeCharta/ui/nodeContextMenu/nodeContextMenu.module.ts");
-/* harmony import */ var _rangeSlider_rangeSlider_module__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./rangeSlider/rangeSlider.module */ "./app/codeCharta/ui/rangeSlider/rangeSlider.module.ts");
-/* harmony import */ var _resetSettingsButton_resetSettingsButton_module__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./resetSettingsButton/resetSettingsButton.module */ "./app/codeCharta/ui/resetSettingsButton/resetSettingsButton.module.ts");
-/* harmony import */ var _filePanel_filePanel_module__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./filePanel/filePanel.module */ "./app/codeCharta/ui/filePanel/filePanel.module.ts");
-/* harmony import */ var _ribbonBar_ribbonBar_module__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./ribbonBar/ribbonBar.module */ "./app/codeCharta/ui/ribbonBar/ribbonBar.module.ts");
-/* harmony import */ var _scenarioDropDown_scenarioDropDown_module__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./scenarioDropDown/scenarioDropDown.module */ "./app/codeCharta/ui/scenarioDropDown/scenarioDropDown.module.ts");
-/* harmony import */ var _toolBar_toolBar_module__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./toolBar/toolBar.module */ "./app/codeCharta/ui/toolBar/toolBar.module.ts");
-/* harmony import */ var _viewCube_viewCube_module__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./viewCube/viewCube.module */ "./app/codeCharta/ui/viewCube/viewCube.module.ts");
-/* harmony import */ var _layoutSelection_layoutSelection_module__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./layoutSelection/layoutSelection.module */ "./app/codeCharta/ui/layoutSelection/layoutSelection.module.ts");
-/* harmony import */ var _maxTreeMapFiles_maxTreeMapFiles_module__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./maxTreeMapFiles/maxTreeMapFiles.module */ "./app/codeCharta/ui/maxTreeMapFiles/maxTreeMapFiles.module.ts");
-/* harmony import */ var _sharpnessModeSelector_sharpnessModeSelector_module__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./sharpnessModeSelector/sharpnessModeSelector.module */ "./app/codeCharta/ui/sharpnessModeSelector/sharpnessModeSelector.module.ts");
-/* harmony import */ var _attributeSideBar_metricDeltaSelected_metricDeltaSelected_component__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./attributeSideBar/metricDeltaSelected/metricDeltaSelected.component */ "./app/codeCharta/ui/attributeSideBar/metricDeltaSelected/metricDeltaSelected.component.ts");
-/* harmony import */ var _mapTreeView_mapTreeView_component__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./mapTreeView/mapTreeView.component */ "./app/codeCharta/ui/mapTreeView/mapTreeView.component.ts");
-/* harmony import */ var _sortingOption_sortingOption_component__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./sortingOption/sortingOption.component */ "./app/codeCharta/ui/sortingOption/sortingOption.component.ts");
-/* harmony import */ var _matchingFilesCounter_matchingFilesCounter_component__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./matchingFilesCounter/matchingFilesCounter.component */ "./app/codeCharta/ui/matchingFilesCounter/matchingFilesCounter.component.ts");
-/* harmony import */ var _sortingButton_sortingButton_component__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./sortingButton/sortingButton.component */ "./app/codeCharta/ui/sortingButton/sortingButton.component.ts");
-/* harmony import */ var _attributeSideBar_attributeTypeSelector_attributeTypeSelector_component__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./attributeSideBar/attributeTypeSelector/attributeTypeSelector.component */ "./app/codeCharta/ui/attributeSideBar/attributeTypeSelector/attributeTypeSelector.component.ts");
-/* harmony import */ var _export3DMapButton_export3DMapButton_component__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ./export3DMapButton/export3DMapButton.component */ "./app/codeCharta/ui/export3DMapButton/export3DMapButton.component.ts");
-/* harmony import */ var _legendPanel_legendPanel_component__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ./legendPanel/legendPanel.component */ "./app/codeCharta/ui/legendPanel/legendPanel.component.ts");
+/* harmony import */ var _metricValueHovered_metricValueHovered_module__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./metricValueHovered/metricValueHovered.module */ "./app/codeCharta/ui/metricValueHovered/metricValueHovered.module.ts");
+/* harmony import */ var _downloadButton_downloadButton_module__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./downloadButton/downloadButton.module */ "./app/codeCharta/ui/downloadButton/downloadButton.module.ts");
+/* harmony import */ var _screenshotButton_screenshotButton_module__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./screenshotButton/screenshotButton.module */ "./app/codeCharta/ui/screenshotButton/screenshotButton.module.ts");
+/* harmony import */ var _globalSettingsButton_globalSettingsButton_module__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./globalSettingsButton/globalSettingsButton.module */ "./app/codeCharta/ui/globalSettingsButton/globalSettingsButton.module.ts");
+/* harmony import */ var _nodePathPanel_nodePathPanel_module__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./nodePathPanel/nodePathPanel.module */ "./app/codeCharta/ui/nodePathPanel/nodePathPanel.module.ts");
+/* harmony import */ var _edgeSettingsPanel_edgeSettingsPanel_module__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./edgeSettingsPanel/edgeSettingsPanel.module */ "./app/codeCharta/ui/edgeSettingsPanel/edgeSettingsPanel.module.ts");
+/* harmony import */ var _edgeChooser_edgeChooser_module__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./edgeChooser/edgeChooser.module */ "./app/codeCharta/ui/edgeChooser/edgeChooser.module.ts");
+/* harmony import */ var _presentationModeButton_presentationModeButton_module__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./presentationModeButton/presentationModeButton.module */ "./app/codeCharta/ui/presentationModeButton/presentationModeButton.module.ts");
+/* harmony import */ var _centerMapButton_centerMapButton_module__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./centerMapButton/centerMapButton.module */ "./app/codeCharta/ui/centerMapButton/centerMapButton.module.ts");
+/* harmony import */ var _searchPanel_searchPanel_module__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./searchPanel/searchPanel.module */ "./app/codeCharta/ui/searchPanel/searchPanel.module.ts");
+/* harmony import */ var _searchPanelModeSelector_searchPanelModeSelector_module__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./searchPanelModeSelector/searchPanelModeSelector.module */ "./app/codeCharta/ui/searchPanelModeSelector/searchPanelModeSelector.module.ts");
+/* harmony import */ var _searchBar_searchBar_module__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./searchBar/searchBar.module */ "./app/codeCharta/ui/searchBar/searchBar.module.ts");
+/* harmony import */ var _areaSettingsPanel_areaSettingsPanel_module__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./areaSettingsPanel/areaSettingsPanel.module */ "./app/codeCharta/ui/areaSettingsPanel/areaSettingsPanel.module.ts");
+/* harmony import */ var _blacklistPanel_blacklistPanel_module__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./blacklistPanel/blacklistPanel.module */ "./app/codeCharta/ui/blacklistPanel/blacklistPanel.module.ts");
+/* harmony import */ var _codeMap_codeMap_module__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./codeMap/codeMap.module */ "./app/codeCharta/ui/codeMap/codeMap.module.ts");
+/* harmony import */ var _colorSettingsPanel_colorSettingsPanel_module__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./colorSettingsPanel/colorSettingsPanel.module */ "./app/codeCharta/ui/colorSettingsPanel/colorSettingsPanel.module.ts");
+/* harmony import */ var _dialog_dialog_module__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./dialog/dialog.module */ "./app/codeCharta/ui/dialog/dialog.module.ts");
+/* harmony import */ var _fileChooser_fileChooser_module__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./fileChooser/fileChooser.module */ "./app/codeCharta/ui/fileChooser/fileChooser.module.ts");
+/* harmony import */ var _fileExtensionBar_fileExtensionBar_module__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./fileExtensionBar/fileExtensionBar.module */ "./app/codeCharta/ui/fileExtensionBar/fileExtensionBar.module.ts");
+/* harmony import */ var _heightSettingsPanel_heightSettingsPanel_module__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./heightSettingsPanel/heightSettingsPanel.module */ "./app/codeCharta/ui/heightSettingsPanel/heightSettingsPanel.module.ts");
+/* harmony import */ var _loadingGif_loadingGif_module__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./loadingGif/loadingGif.module */ "./app/codeCharta/ui/loadingGif/loadingGif.module.ts");
+/* harmony import */ var _metricChooser_metricChooser_module__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./metricChooser/metricChooser.module */ "./app/codeCharta/ui/metricChooser/metricChooser.module.ts");
+/* harmony import */ var _metricType_metricType_module__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./metricType/metricType.module */ "./app/codeCharta/ui/metricType/metricType.module.ts");
+/* harmony import */ var _nodeContextMenu_nodeContextMenu_module__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./nodeContextMenu/nodeContextMenu.module */ "./app/codeCharta/ui/nodeContextMenu/nodeContextMenu.module.ts");
+/* harmony import */ var _rangeSlider_rangeSlider_module__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./rangeSlider/rangeSlider.module */ "./app/codeCharta/ui/rangeSlider/rangeSlider.module.ts");
+/* harmony import */ var _resetSettingsButton_resetSettingsButton_module__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./resetSettingsButton/resetSettingsButton.module */ "./app/codeCharta/ui/resetSettingsButton/resetSettingsButton.module.ts");
+/* harmony import */ var _filePanel_filePanel_module__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./filePanel/filePanel.module */ "./app/codeCharta/ui/filePanel/filePanel.module.ts");
+/* harmony import */ var _ribbonBar_ribbonBar_module__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./ribbonBar/ribbonBar.module */ "./app/codeCharta/ui/ribbonBar/ribbonBar.module.ts");
+/* harmony import */ var _scenarioDropDown_scenarioDropDown_module__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./scenarioDropDown/scenarioDropDown.module */ "./app/codeCharta/ui/scenarioDropDown/scenarioDropDown.module.ts");
+/* harmony import */ var _toolBar_toolBar_module__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./toolBar/toolBar.module */ "./app/codeCharta/ui/toolBar/toolBar.module.ts");
+/* harmony import */ var _viewCube_viewCube_module__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./viewCube/viewCube.module */ "./app/codeCharta/ui/viewCube/viewCube.module.ts");
+/* harmony import */ var _layoutSelection_layoutSelection_module__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./layoutSelection/layoutSelection.module */ "./app/codeCharta/ui/layoutSelection/layoutSelection.module.ts");
+/* harmony import */ var _maxTreeMapFiles_maxTreeMapFiles_module__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./maxTreeMapFiles/maxTreeMapFiles.module */ "./app/codeCharta/ui/maxTreeMapFiles/maxTreeMapFiles.module.ts");
+/* harmony import */ var _sharpnessModeSelector_sharpnessModeSelector_module__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./sharpnessModeSelector/sharpnessModeSelector.module */ "./app/codeCharta/ui/sharpnessModeSelector/sharpnessModeSelector.module.ts");
+/* harmony import */ var _attributeSideBar_metricDeltaSelected_metricDeltaSelected_component__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./attributeSideBar/metricDeltaSelected/metricDeltaSelected.component */ "./app/codeCharta/ui/attributeSideBar/metricDeltaSelected/metricDeltaSelected.component.ts");
+/* harmony import */ var _mapTreeView_mapTreeView_component__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./mapTreeView/mapTreeView.component */ "./app/codeCharta/ui/mapTreeView/mapTreeView.component.ts");
+/* harmony import */ var _sortingOption_sortingOption_component__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./sortingOption/sortingOption.component */ "./app/codeCharta/ui/sortingOption/sortingOption.component.ts");
+/* harmony import */ var _matchingFilesCounter_matchingFilesCounter_component__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./matchingFilesCounter/matchingFilesCounter.component */ "./app/codeCharta/ui/matchingFilesCounter/matchingFilesCounter.component.ts");
+/* harmony import */ var _sortingButton_sortingButton_component__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./sortingButton/sortingButton.component */ "./app/codeCharta/ui/sortingButton/sortingButton.component.ts");
+/* harmony import */ var _attributeSideBar_attributeTypeSelector_attributeTypeSelector_component__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./attributeSideBar/attributeTypeSelector/attributeTypeSelector.component */ "./app/codeCharta/ui/attributeSideBar/attributeTypeSelector/attributeTypeSelector.component.ts");
+/* harmony import */ var _export3DMapButton_export3DMapButton_component__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./export3DMapButton/export3DMapButton.component */ "./app/codeCharta/ui/export3DMapButton/export3DMapButton.component.ts");
+/* harmony import */ var _legendPanel_legendPanel_component__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ./legendPanel/legendPanel.component */ "./app/codeCharta/ui/legendPanel/legendPanel.component.ts");
 
 
 
@@ -226657,124 +226827,26 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
-angular__WEBPACK_IMPORTED_MODULE_0___default().module("app.codeCharta.ui", ["app.codeCharta.ui.artificialIntelligence", "app.codeCharta.ui.customConfigs", "app.codeCharta.ui.unfocusButton", "app.codeCharta.ui.metricValueHovered", "app.codeCharta.ui.downloadButton", "app.codeCharta.ui.screenshotButton", "app.codeCharta.ui.globalSettingsButton", "app.codeCharta.ui.nodePathPanel", "app.codeCharta.ui.edgeSettingsPanel", "app.codeCharta.ui.edgeChooser", "app.codeCharta.ui.presentationModeButton", "app.codeCharta.ui.centerMapButton", "app.codeCharta.ui.searchPanel", "app.codeCharta.ui.searchPanelModeSelector", "app.codeCharta.ui.searchBar", "app.codeCharta.ui.metricType", "app.codeCharta.ui.areaSettingsPanel", "app.codeCharta.ui.blacklistPanel", "app.codeCharta.ui.codeMap", "app.codeCharta.ui.colorSettingsPanel", "app.codeCharta.ui.dialog", "app.codeCharta.ui.fileChooser", "app.codeCharta.ui.fileExtensionBar", "app.codeCharta.ui.filePanel", "app.codeCharta.ui.heightSettingsPanel", "app.codeCharta.ui.loadingGif", "app.codeCharta.ui.metricChooser", "app.codeCharta.ui.metricType", "app.codeCharta.ui.nodeContextMenu", "app.codeCharta.ui.rangeSlider", "app.codeCharta.ui.resetSettingsButton", "app.codeCharta.ui.ribbonBar", "app.codeCharta.ui.scenarioDropDown", "app.codeCharta.ui.toolBar", "app.codeCharta.ui.viewCube", "app.codeCharta.ui.layoutSelection", "app.codeCharta.ui.sharpnessModeSelector", "app.codeCharta.ui.maxTreeMapFiles"]).directive("ccSortingButton", (0,_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_46__.downgradeComponent)({
-  component: _sortingButton_sortingButton_component__WEBPACK_IMPORTED_MODULE_42__.SortingButtonComponent
-})).directive("ccSortingOption", (0,_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_46__.downgradeComponent)({
-  component: _sortingOption_sortingOption_component__WEBPACK_IMPORTED_MODULE_40__.SortingOptionComponent
-})).directive("ccMetricDeltaSelected", (0,_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_46__.downgradeComponent)({
-  component: _attributeSideBar_metricDeltaSelected_metricDeltaSelected_component__WEBPACK_IMPORTED_MODULE_38__.MetricDeltaSelectedComponent
-})).directive("ccMapTreeView", (0,_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_46__.downgradeComponent)({
-  component: _mapTreeView_mapTreeView_component__WEBPACK_IMPORTED_MODULE_39__.MapTreeViewComponent
-})).directive("ccMatchingFilesCounter", (0,_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_46__.downgradeComponent)({
-  component: _matchingFilesCounter_matchingFilesCounter_component__WEBPACK_IMPORTED_MODULE_41__.MatchingFilesCounterComponent
-})).directive("ccAttributeTypeSelector", (0,_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_46__.downgradeComponent)({
-  component: _attributeSideBar_attributeTypeSelector_attributeTypeSelector_component__WEBPACK_IMPORTED_MODULE_43__.AttributeTypeSelectorComponent
-})).directive("ccExportThreedMapButton", (0,_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_46__.downgradeComponent)({
-  component: _export3DMapButton_export3DMapButton_component__WEBPACK_IMPORTED_MODULE_44__.Export3DMapButtonComponent
-})).directive("ccLegendPanel", (0,_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_46__.downgradeComponent)({
-  component: _legendPanel_legendPanel_component__WEBPACK_IMPORTED_MODULE_45__.LegendPanelComponent
+angular__WEBPACK_IMPORTED_MODULE_0___default().module("app.codeCharta.ui", ["app.codeCharta.ui.artificialIntelligence", "app.codeCharta.ui.customConfigs", "app.codeCharta.ui.metricValueHovered", "app.codeCharta.ui.downloadButton", "app.codeCharta.ui.screenshotButton", "app.codeCharta.ui.globalSettingsButton", "app.codeCharta.ui.nodePathPanel", "app.codeCharta.ui.edgeSettingsPanel", "app.codeCharta.ui.edgeChooser", "app.codeCharta.ui.presentationModeButton", "app.codeCharta.ui.centerMapButton", "app.codeCharta.ui.searchPanel", "app.codeCharta.ui.searchPanelModeSelector", "app.codeCharta.ui.searchBar", "app.codeCharta.ui.metricType", "app.codeCharta.ui.areaSettingsPanel", "app.codeCharta.ui.blacklistPanel", "app.codeCharta.ui.codeMap", "app.codeCharta.ui.colorSettingsPanel", "app.codeCharta.ui.dialog", "app.codeCharta.ui.fileChooser", "app.codeCharta.ui.fileExtensionBar", "app.codeCharta.ui.filePanel", "app.codeCharta.ui.heightSettingsPanel", "app.codeCharta.ui.loadingGif", "app.codeCharta.ui.metricChooser", "app.codeCharta.ui.metricType", "app.codeCharta.ui.nodeContextMenu", "app.codeCharta.ui.rangeSlider", "app.codeCharta.ui.resetSettingsButton", "app.codeCharta.ui.ribbonBar", "app.codeCharta.ui.scenarioDropDown", "app.codeCharta.ui.toolBar", "app.codeCharta.ui.viewCube", "app.codeCharta.ui.layoutSelection", "app.codeCharta.ui.sharpnessModeSelector", "app.codeCharta.ui.maxTreeMapFiles"]).directive("ccSortingButton", (0,_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_45__.downgradeComponent)({
+  component: _sortingButton_sortingButton_component__WEBPACK_IMPORTED_MODULE_41__.SortingButtonComponent
+})).directive("ccSortingOption", (0,_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_45__.downgradeComponent)({
+  component: _sortingOption_sortingOption_component__WEBPACK_IMPORTED_MODULE_39__.SortingOptionComponent
+})).directive("ccMetricDeltaSelected", (0,_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_45__.downgradeComponent)({
+  component: _attributeSideBar_metricDeltaSelected_metricDeltaSelected_component__WEBPACK_IMPORTED_MODULE_37__.MetricDeltaSelectedComponent
+})).directive("ccMapTreeView", (0,_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_45__.downgradeComponent)({
+  component: _mapTreeView_mapTreeView_component__WEBPACK_IMPORTED_MODULE_38__.MapTreeViewComponent
+})).directive("ccMatchingFilesCounter", (0,_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_45__.downgradeComponent)({
+  component: _matchingFilesCounter_matchingFilesCounter_component__WEBPACK_IMPORTED_MODULE_40__.MatchingFilesCounterComponent
+})).directive("ccAttributeTypeSelector", (0,_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_45__.downgradeComponent)({
+  component: _attributeSideBar_attributeTypeSelector_attributeTypeSelector_component__WEBPACK_IMPORTED_MODULE_42__.AttributeTypeSelectorComponent
+})).directive("ccExportThreedMapButton", (0,_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_45__.downgradeComponent)({
+  component: _export3DMapButton_export3DMapButton_component__WEBPACK_IMPORTED_MODULE_43__.Export3DMapButtonComponent
+})).directive("ccLegendPanel", (0,_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_45__.downgradeComponent)({
+  component: _legendPanel_legendPanel_component__WEBPACK_IMPORTED_MODULE_44__.LegendPanelComponent
 }));
 
 /***/ }),
 
-/***/ "./app/codeCharta/ui/unfocusButton/unfocusButton.component.ts":
-/*!********************************************************************!*\
-  !*** ./app/codeCharta/ui/unfocusButton/unfocusButton.component.ts ***!
-  \********************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "UnfocusButtonController": () => (/* binding */ UnfocusButtonController),
-/* harmony export */   "unfocusButtonComponent": () => (/* binding */ unfocusButtonComponent)
-/* harmony export */ });
-/* harmony import */ var _unfocusButton_component_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./unfocusButton.component.scss */ "./app/codeCharta/ui/unfocusButton/unfocusButton.component.scss");
-/* harmony import */ var _state_store_dynamicSettings_focusedNodePath_focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../state/store/dynamicSettings/focusedNodePath/focusedNodePath.actions */ "./app/codeCharta/state/store/dynamicSettings/focusedNodePath/focusedNodePath.actions.ts");
-/* harmony import */ var _nodeContextMenu_nodeContextMenu_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../nodeContextMenu/nodeContextMenu.component */ "./app/codeCharta/ui/nodeContextMenu/nodeContextMenu.component.ts");
-/* harmony import */ var _state_store_appSettings_isLoadingFile_isLoadingFile_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../state/store/appSettings/isLoadingFile/isLoadingFile.service */ "./app/codeCharta/state/store/appSettings/isLoadingFile/isLoadingFile.service.ts");
-/* harmony import */ var _state_store_dynamicSettings_focusedNodePath_focusedNodePath_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../state/store/dynamicSettings/focusedNodePath/focusedNodePath.service */ "./app/codeCharta/state/store/dynamicSettings/focusedNodePath/focusedNodePath.service.ts");
-
-
-
-
-
-class UnfocusButtonController {
-  constructor($rootScope, storeService) {
-    "ngInject";
-
-    this.$rootScope = $rootScope;
-    this.storeService = storeService;
-    this._viewModel = {
-      isLoadingFile: false,
-      isNodeFocused: false,
-      isParentFocused: false,
-      focusedNodes: []
-    };
-    _state_store_appSettings_isLoadingFile_isLoadingFile_service__WEBPACK_IMPORTED_MODULE_3__.IsLoadingFileService.subscribe(this.$rootScope, this);
-    _state_store_dynamicSettings_focusedNodePath_focusedNodePath_service__WEBPACK_IMPORTED_MODULE_4__.FocusedNodePathService.subscribeToFocusNode(this.$rootScope, this);
-  }
-
-  onFocusNode(focusedNodePath) {
-    if (focusedNodePath && !this._viewModel.focusedNodes.includes(focusedNodePath)) {
-      this._viewModel.focusedNodes.push(focusedNodePath);
-    }
-  }
-
-  removeFocusedNode(removeAll = false) {
-    this.storeService.dispatch((0,_state_store_dynamicSettings_focusedNodePath_focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_1__.unfocusNode)());
-
-    if (!removeAll) {
-      this._viewModel.focusedNodes.pop();
-
-      const lastFocusedNode = this._viewModel.focusedNodes[this._viewModel.focusedNodes.length - 1];
-      this.storeService.dispatch((0,_state_store_dynamicSettings_focusedNodePath_focusedNodePath_actions__WEBPACK_IMPORTED_MODULE_1__.focusNode)(lastFocusedNode));
-    } else {
-      this._viewModel.focusedNodes = [];
-    }
-
-    _nodeContextMenu_nodeContextMenu_component__WEBPACK_IMPORTED_MODULE_2__.NodeContextMenuController.broadcastHideEvent(this.$rootScope);
-  }
-
-  onIsLoadingFileChanged(isLoadingFile) {
-    this._viewModel.isLoadingFile = isLoadingFile;
-    this._viewModel.focusedNodes = [];
-  }
-
-}
-UnfocusButtonController.$inject = ["$rootScope", "storeService"];
-const unfocusButtonComponent = {
-  selector: "unfocusButtonComponent",
-  template: __webpack_require__(/*! ./unfocusButton.component.html */ "./app/codeCharta/ui/unfocusButton/unfocusButton.component.html"),
-  controller: UnfocusButtonController,
-  bindings: {
-    isNodeFocused: "<",
-    isParentFocused: "<"
-  }
-};
-
-/***/ }),
-
-/***/ "./app/codeCharta/ui/unfocusButton/unfocusButton.module.ts":
-/*!*****************************************************************!*\
-  !*** ./app/codeCharta/ui/unfocusButton/unfocusButton.module.ts ***!
-  \*****************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _state_state_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../state/state.module */ "./app/codeCharta/state/state.module.ts");
-/* harmony import */ var angular__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! angular */ "./node_modules/angular/index.js");
-/* harmony import */ var angular__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(angular__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _unfocusButton_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unfocusButton.component */ "./app/codeCharta/ui/unfocusButton/unfocusButton.component.ts");
-
-
-
-angular__WEBPACK_IMPORTED_MODULE_1___default().module("app.codeCharta.ui.unfocusButton", ["app.codeCharta.state"]).component(_unfocusButton_component__WEBPACK_IMPORTED_MODULE_2__.unfocusButtonComponent.selector, _unfocusButton_component__WEBPACK_IMPORTED_MODULE_2__.unfocusButtonComponent);
-
-/***/ }),
-
 /***/ "./app/codeCharta/ui/viewCube/viewCube.component.ts":
 /*!**********************************************************!*\
   !*** ./app/codeCharta/ui/viewCube/viewCube.component.ts ***!
@@ -229152,7 +229224,7 @@ function isVisible(squaredNode, isNodeLeaf, state, flattened) {
   }
 
   if (state.dynamicSettings.focusedNodePath.length > 0) {
-    return squaredNode.path.startsWith(state.dynamicSettings.focusedNodePath);
+    return squaredNode.path.startsWith(state.dynamicSettings.focusedNodePath[0]);
   }
 
   return true;
@@ -229911,7 +229983,7 @@ function initializeDynamicSettings(target) {
     colorMetric: "",
     distributionMetric: "",
     edgeMetric: "",
-    focusedNodePath: undefined,
+    focusedNodePath: [],
     heightMetric: "",
     margin: 0,
     searchPattern: "",
@@ -230603,7 +230675,7 @@ class FileExtensionCalculator {
     let hash = 0;
 
     for (let index = 0; index < fileExtension.length; index++) {
-      hash = fileExtension.charCodeAt(index) + ((hash << 5) - hash);
+      hash = fileExtension.codePointAt(index) + ((hash << 5) - hash);
     }
 
     return hash;
@@ -237652,7 +237724,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".artificial-intelligence-component .suspicious-metrics-button,\n.artificial-intelligence-component .high-risk-profile-button {\n  height: 22px;\n  min-height: 0;\n  line-height: 23px;\n  min-width: 45px;\n  margin: 0;\n  padding: 0;\n  font-size: 9pt;\n  text-transform: none;\n  background-color: rgba(230, 230, 230, 0.96);\n  overflow: visible; }\n  .artificial-intelligence-component .suspicious-metrics-button.plus,\n  .artificial-intelligence-component .high-risk-profile-button.plus {\n    min-width: 30px; }\n  .artificial-intelligence-component .suspicious-metrics-button .ai-badge,\n  .artificial-intelligence-component .high-risk-profile-button .ai-badge {\n    position: absolute;\n    top: 12px;\n    padding: 4px 6px;\n    border-radius: 50%;\n    background: red;\n    color: white;\n    font-size: 10px;\n    width: 18px;\n    height: 18px;\n    line-height: 10px; }\n  .artificial-intelligence-component .suspicious-metrics-button:hover,\n  .artificial-intelligence-component .high-risk-profile-button:hover {\n    background-color: #c8c8c8; }\n\n.ai-drop-down {\n  padding: 16px;\n  width: fit-content; }\n  .ai-drop-down md-menu-item {\n    height: auto;\n    min-height: auto; }\n  .ai-drop-down md-menu-item:not(:last-child) {\n    margin-bottom: 16px; }\n  .ai-drop-down.metrics .title span {\n    padding: 0;\n    margin: 0;\n    font-weight: bold; }\n  .ai-drop-down.metrics .suspicious-metrics {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    width: max-content; }\n  .ai-drop-down.metrics .suspicious-metric .metric-button {\n    border-radius: 5px;\n    background-color: rgba(230, 230, 230, 0.96);\n    padding: 0 12px;\n    text-transform: none;\n    margin: 0; }\n    .ai-drop-down.metrics .suspicious-metric .metric-button.high-risk {\n      border-radius: 5px 0 0 5px; }\n  .ai-drop-down.metrics .suspicious-metric .risk-button {\n    border-radius: 0 5px 5px 0;\n    background-color: rgba(230, 230, 230, 0.96);\n    margin: 0;\n    min-width: 36px;\n    height: 36px;\n    color: #9c0e6a; }\n  .ai-drop-down.metrics .suspicious-metric .risk-button:hover,\n  .ai-drop-down.metrics .suspicious-metric .metric-button:hover {\n    background-color: #c8c8c8; }\n  .ai-drop-down.metrics .suspicious-metric:not(:last-child) {\n    margin-bottom: 12px; }\n  .ai-drop-down.summary .title {\n    flex-direction: column;\n    gap: 6px;\n    font-weight: bold; }\n    .ai-drop-down.summary .title p {\n      padding: 0;\n      margin: 0; }\n  .ai-drop-down.summary .risk-profiles .risk-profile {\n    height: 36px;\n    text-align: center;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 0;\n    overflow: hidden; }\n    .ai-drop-down.summary .risk-profiles .risk-profile.low-risk, .ai-drop-down.summary .risk-profiles .risk-profile.moderate-risk, .ai-drop-down.summary .risk-profiles .risk-profile.high-risk, .ai-drop-down.summary .risk-profiles .risk-profile.very-high-risk {\n      color: black; }\n  .ai-drop-down.summary .risk-profiles .low-risk {\n    background-color: #5cb34d; }\n  .ai-drop-down.summary .risk-profiles .moderate-risk {\n    background-color: #eef432; }\n  .ai-drop-down.summary .risk-profiles .high-risk {\n    background-color: #cc2900; }\n  .ai-drop-down.summary .risk-profiles .very-high-risk {\n    background-color: #9c0e6a; }\n", "",{"version":3,"sources":["webpack://./app/codeCharta/ui/artificialIntelligence/artificialIntelligence.component.scss"],"names":[],"mappings":"AAAA;;EAGE,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,eAAe;EACf,SAAS;EACT,UAAU;EACV,cAAc;EACd,oBAAoB;EACpB,2CAA2C;EAC3C,iBAAiB,EAAA;EAZnB;;IAeG,eAAe,EAAA;EAflB;;IAmBG,kBAAkB;IAClB,SAAS;IACT,gBAAgB;IAChB,kBAAkB;IAClB,eAAe;IACf,YAAY;IACZ,eAAe;IACf,WAAW;IACX,YAAY;IACZ,iBAAiB,EAAA;EA5BpB;;IAgCG,yBAAyB,EAAA;;AAI5B;EACC,aAAa;EACb,kBAAkB,EAAA;EAFnB;IAKE,YAAY;IACZ,gBAAgB,EAAA;EANlB;IAUE,mBAAmB,EAAA;EAVrB;IAeG,UAAU;IACV,SAAS;IACT,iBAAiB,EAAA;EAjBpB;IAqBG,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,kBAAkB,EAAA;EAxBrB;IA6BI,kBAAkB;IAClB,2CAA2C;IAC3C,eAAe;IACf,oBAAoB;IACpB,SAAS,EAAA;IAjCb;MAoCK,0BAA0B,EAAA;EApC/B;IAyCI,0BAA0B;IAC1B,2CAA2C;IAC3C,SAAS;IACT,eAAe;IACf,YAAY;IACZ,cAAc,EAAA;EA9ClB;;IAmDI,yBAAyB,EAAA;EAnD7B;IAuDI,mBAAmB,EAAA;EAvDvB;IA8DG,sBAAsB;IACtB,QAAQ;IACR,iBAAiB,EAAA;IAhEpB;MAmEI,UAAU;MACV,SAAS,EAAA;EApEb;IA0EI,YAAY;IACZ,kBAAkB;IAClB,aAAa;IACb,uBAAuB;IACvB,mBAAmB;IACnB,UAAU;IACV,gBAAgB,EAAA;IAhFpB;MAsFK,YAAY,EAAA;EAtFjB;IA2FI,yBAAyB,EAAA;EA3F7B;IA+FI,yBAAyB,EAAA;EA/F7B;IAmGI,yBAAyB,EAAA;EAnG7B;IAuGI,yBAAyB,EAAA","sourcesContent":[".artificial-intelligence-component {\n\t.suspicious-metrics-button,\n\t.high-risk-profile-button {\n\t\theight: 22px;\n\t\tmin-height: 0;\n\t\tline-height: 23px;\n\t\tmin-width: 45px;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tfont-size: 9pt;\n\t\ttext-transform: none;\n\t\tbackground-color: rgba(230, 230, 230, 0.96);\n\t\toverflow: visible;\n\n\t\t&.plus {\n\t\t\tmin-width: 30px;\n\t\t}\n\n\t\t.ai-badge {\n\t\t\tposition: absolute;\n\t\t\ttop: 12px;\n\t\t\tpadding: 4px 6px;\n\t\t\tborder-radius: 50%;\n\t\t\tbackground: red;\n\t\t\tcolor: white;\n\t\t\tfont-size: 10px;\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t\tline-height: 10px;\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground-color: #c8c8c8;\n\t\t}\n\t}\n}\n.ai-drop-down {\n\tpadding: 16px;\n\twidth: fit-content;\n\n\tmd-menu-item {\n\t\theight: auto;\n\t\tmin-height: auto;\n\t}\n\n\tmd-menu-item:not(:last-child) {\n\t\tmargin-bottom: 16px;\n\t}\n\n\t&.metrics {\n\t\t.title span {\n\t\t\tpadding: 0;\n\t\t\tmargin: 0;\n\t\t\tfont-weight: bold;\n\t\t}\n\n\t\t.suspicious-metrics {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tlist-style: none;\n\t\t\twidth: max-content;\n\t\t}\n\n\t\t.suspicious-metric {\n\t\t\t.metric-button {\n\t\t\t\tborder-radius: 5px;\n\t\t\t\tbackground-color: rgba(230, 230, 230, 0.96);\n\t\t\t\tpadding: 0 12px;\n\t\t\t\ttext-transform: none;\n\t\t\t\tmargin: 0;\n\n\t\t\t\t&.high-risk {\n\t\t\t\t\tborder-radius: 5px 0 0 5px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.risk-button {\n\t\t\t\tborder-radius: 0 5px 5px 0;\n\t\t\t\tbackground-color: rgba(230, 230, 230, 0.96);\n\t\t\t\tmargin: 0;\n\t\t\t\tmin-width: 36px;\n\t\t\t\theight: 36px;\n\t\t\t\tcolor: #9c0e6a;\n\t\t\t}\n\n\t\t\t.risk-button:hover,\n\t\t\t.metric-button:hover {\n\t\t\t\tbackground-color: #c8c8c8;\n\t\t\t}\n\n\t\t\t&:not(:last-child) {\n\t\t\t\tmargin-bottom: 12px;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.summary {\n\t\t.title {\n\t\t\tflex-direction: column;\n\t\t\tgap: 6px;\n\t\t\tfont-weight: bold;\n\n\t\t\tp {\n\t\t\t\tpadding: 0;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t}\n\n\t\t.risk-profiles {\n\t\t\t.risk-profile {\n\t\t\t\theight: 36px;\n\t\t\t\ttext-align: center;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\t\t\t\tpadding: 0;\n\t\t\t\toverflow: hidden;\n\n\t\t\t\t&.low-risk,\n\t\t\t\t&.moderate-risk,\n\t\t\t\t&.high-risk,\n\t\t\t\t&.very-high-risk {\n\t\t\t\t\tcolor: black;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.low-risk {\n\t\t\t\tbackground-color: #5cb34d;\n\t\t\t}\n\n\t\t\t.moderate-risk {\n\t\t\t\tbackground-color: #eef432;\n\t\t\t}\n\n\t\t\t.high-risk {\n\t\t\t\tbackground-color: #cc2900;\n\t\t\t}\n\n\t\t\t.very-high-risk {\n\t\t\t\tbackground-color: #9c0e6a;\n\t\t\t}\n\t\t}\n\t}\n}\n"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, ".artificial-intelligence-component .suspicious-metrics-button,\n.artificial-intelligence-component .high-risk-profile-button {\n  height: 22px;\n  min-height: 0;\n  line-height: 23px;\n  min-width: 45px;\n  margin: 0;\n  padding: 0;\n  font-size: 9pt;\n  text-transform: none;\n  background-color: rgba(230, 230, 230, 0.96);\n  overflow: visible; }\n  .artificial-intelligence-component .suspicious-metrics-button.plus,\n  .artificial-intelligence-component .high-risk-profile-button.plus {\n    min-width: 30px; }\n  .artificial-intelligence-component .suspicious-metrics-button .ai-badge,\n  .artificial-intelligence-component .high-risk-profile-button .ai-badge {\n    position: absolute;\n    top: 12px;\n    padding: 4px 6px;\n    border-radius: 50%;\n    background: red;\n    color: white;\n    font-size: 10px;\n    width: 18px;\n    height: 18px;\n    line-height: 10px; }\n  .artificial-intelligence-component .suspicious-metrics-button:hover,\n  .artificial-intelligence-component .high-risk-profile-button:hover {\n    background-color: #c8c8c8; }\n\n.ai-drop-down {\n  padding: 16px;\n  width: fit-content; }\n  .ai-drop-down md-menu-item {\n    height: auto;\n    min-height: auto; }\n  .ai-drop-down md-menu-item:not(:last-child) {\n    margin-bottom: 16px; }\n  .ai-drop-down.metrics .title span {\n    padding: 0;\n    margin: 0;\n    font-weight: bold; }\n  .ai-drop-down.metrics .suspicious-metrics {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    width: max-content; }\n  .ai-drop-down.metrics .suspicious-metric .metric-button {\n    border-radius: 5px;\n    background-color: rgba(230, 230, 230, 0.96);\n    padding: 0 12px;\n    text-transform: none;\n    margin: 0; }\n  .ai-drop-down.metrics .suspicious-metric .risk-button {\n    border-radius: 0 5px 5px 0;\n    background-color: rgba(230, 230, 230, 0.96);\n    margin: 0;\n    min-width: 36px;\n    height: 36px;\n    color: #9c0e6a; }\n  .ai-drop-down.metrics .suspicious-metric .risk-button:hover,\n  .ai-drop-down.metrics .suspicious-metric .metric-button:hover {\n    background-color: #c8c8c8; }\n  .ai-drop-down.metrics .suspicious-metric:not(:last-child) {\n    margin-bottom: 12px; }\n  .ai-drop-down.summary .title {\n    flex-direction: column;\n    gap: 6px;\n    font-weight: bold; }\n    .ai-drop-down.summary .title p {\n      padding: 0;\n      margin: 0; }\n  .ai-drop-down.summary .risk-profiles .risk-profile {\n    height: 36px;\n    text-align: center;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 0;\n    overflow: hidden; }\n    .ai-drop-down.summary .risk-profiles .risk-profile.low-risk, .ai-drop-down.summary .risk-profiles .risk-profile.moderate-risk, .ai-drop-down.summary .risk-profiles .risk-profile.high-risk, .ai-drop-down.summary .risk-profiles .risk-profile.very-high-risk {\n      color: black; }\n  .ai-drop-down.summary .risk-profiles .low-risk {\n    background-color: #5cb34d; }\n  .ai-drop-down.summary .risk-profiles .moderate-risk {\n    background-color: #eef432; }\n  .ai-drop-down.summary .risk-profiles .high-risk {\n    background-color: #cc2900; }\n  .ai-drop-down.summary .risk-profiles .very-high-risk {\n    background-color: #9c0e6a; }\n", "",{"version":3,"sources":["webpack://./app/codeCharta/ui/artificialIntelligence/artificialIntelligence.component.scss"],"names":[],"mappings":"AAAA;;EAGE,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,eAAe;EACf,SAAS;EACT,UAAU;EACV,cAAc;EACd,oBAAoB;EACpB,2CAA2C;EAC3C,iBAAiB,EAAA;EAZnB;;IAeG,eAAe,EAAA;EAflB;;IAmBG,kBAAkB;IAClB,SAAS;IACT,gBAAgB;IAChB,kBAAkB;IAClB,eAAe;IACf,YAAY;IACZ,eAAe;IACf,WAAW;IACX,YAAY;IACZ,iBAAiB,EAAA;EA5BpB;;IAgCG,yBAAyB,EAAA;;AAI5B;EACC,aAAa;EACb,kBAAkB,EAAA;EAFnB;IAKE,YAAY;IACZ,gBAAgB,EAAA;EANlB;IAUE,mBAAmB,EAAA;EAVrB;IAeG,UAAU;IACV,SAAS;IACT,iBAAiB,EAAA;EAjBpB;IAqBG,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,kBAAkB,EAAA;EAxBrB;IA6BI,kBAAkB;IAClB,2CAA2C;IAC3C,eAAe;IACf,oBAAoB;IACpB,SAAS,EAAA;EAjCb;IAqCI,0BAA0B;IAC1B,2CAA2C;IAC3C,SAAS;IACT,eAAe;IACf,YAAY;IACZ,cAAc,EAAA;EA1ClB;;IA+CI,yBAAyB,EAAA;EA/C7B;IAmDI,mBAAmB,EAAA;EAnDvB;IA0DG,sBAAsB;IACtB,QAAQ;IACR,iBAAiB,EAAA;IA5DpB;MA+DI,UAAU;MACV,SAAS,EAAA;EAhEb;IAsEI,YAAY;IACZ,kBAAkB;IAClB,aAAa;IACb,uBAAuB;IACvB,mBAAmB;IACnB,UAAU;IACV,gBAAgB,EAAA;IA5EpB;MAkFK,YAAY,EAAA;EAlFjB;IAuFI,yBAAyB,EAAA;EAvF7B;IA2FI,yBAAyB,EAAA;EA3F7B;IA+FI,yBAAyB,EAAA;EA/F7B;IAmGI,yBAAyB,EAAA","sourcesContent":[".artificial-intelligence-component {\n\t.suspicious-metrics-button,\n\t.high-risk-profile-button {\n\t\theight: 22px;\n\t\tmin-height: 0;\n\t\tline-height: 23px;\n\t\tmin-width: 45px;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tfont-size: 9pt;\n\t\ttext-transform: none;\n\t\tbackground-color: rgba(230, 230, 230, 0.96);\n\t\toverflow: visible;\n\n\t\t&.plus {\n\t\t\tmin-width: 30px;\n\t\t}\n\n\t\t.ai-badge {\n\t\t\tposition: absolute;\n\t\t\ttop: 12px;\n\t\t\tpadding: 4px 6px;\n\t\t\tborder-radius: 50%;\n\t\t\tbackground: red;\n\t\t\tcolor: white;\n\t\t\tfont-size: 10px;\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t\tline-height: 10px;\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground-color: #c8c8c8;\n\t\t}\n\t}\n}\n.ai-drop-down {\n\tpadding: 16px;\n\twidth: fit-content;\n\n\tmd-menu-item {\n\t\theight: auto;\n\t\tmin-height: auto;\n\t}\n\n\tmd-menu-item:not(:last-child) {\n\t\tmargin-bottom: 16px;\n\t}\n\n\t&.metrics {\n\t\t.title span {\n\t\t\tpadding: 0;\n\t\t\tmargin: 0;\n\t\t\tfont-weight: bold;\n\t\t}\n\n\t\t.suspicious-metrics {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tlist-style: none;\n\t\t\twidth: max-content;\n\t\t}\n\n\t\t.suspicious-metric {\n\t\t\t.metric-button {\n\t\t\t\tborder-radius: 5px;\n\t\t\t\tbackground-color: rgba(230, 230, 230, 0.96);\n\t\t\t\tpadding: 0 12px;\n\t\t\t\ttext-transform: none;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.risk-button {\n\t\t\t\tborder-radius: 0 5px 5px 0;\n\t\t\t\tbackground-color: rgba(230, 230, 230, 0.96);\n\t\t\t\tmargin: 0;\n\t\t\t\tmin-width: 36px;\n\t\t\t\theight: 36px;\n\t\t\t\tcolor: #9c0e6a;\n\t\t\t}\n\n\t\t\t.risk-button:hover,\n\t\t\t.metric-button:hover {\n\t\t\t\tbackground-color: #c8c8c8;\n\t\t\t}\n\n\t\t\t&:not(:last-child) {\n\t\t\t\tmargin-bottom: 12px;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.summary {\n\t\t.title {\n\t\t\tflex-direction: column;\n\t\t\tgap: 6px;\n\t\t\tfont-weight: bold;\n\n\t\t\tp {\n\t\t\t\tpadding: 0;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t}\n\n\t\t.risk-profiles {\n\t\t\t.risk-profile {\n\t\t\t\theight: 36px;\n\t\t\t\ttext-align: center;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\t\t\t\tpadding: 0;\n\t\t\t\toverflow: hidden;\n\n\t\t\t\t&.low-risk,\n\t\t\t\t&.moderate-risk,\n\t\t\t\t&.high-risk,\n\t\t\t\t&.very-high-risk {\n\t\t\t\t\tcolor: black;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.low-risk {\n\t\t\t\tbackground-color: #5cb34d;\n\t\t\t}\n\n\t\t\t.moderate-risk {\n\t\t\t\tbackground-color: #eef432;\n\t\t\t}\n\n\t\t\t.high-risk {\n\t\t\t\tbackground-color: #cc2900;\n\t\t\t}\n\n\t\t\t.very-high-risk {\n\t\t\t\tbackground-color: #9c0e6a;\n\t\t\t}\n\t\t}\n\t}\n}\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -237868,7 +237940,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".custom-configs {\n  margin-left: 15%; }\n\n.custom-configs-component .custom-configs-button {\n  height: 22px;\n  min-height: 0;\n  line-height: 23px;\n  min-width: 45px;\n  margin: 0;\n  padding: 0;\n  font-size: 9pt;\n  text-transform: none;\n  background-color: rgba(230, 230, 230, 0.96); }\n  .custom-configs-component .custom-configs-button.plus {\n    min-width: 30px; }\n  .custom-configs-component .custom-configs-button:hover {\n    background-color: #c8c8c8; }\n\n.custom-configs-drop-down {\n  padding: 0; }\n  .custom-configs-drop-down md-menu-item {\n    height: auto;\n    min-height: auto;\n    display: block;\n    align-content: unset;\n    justify-content: unset;\n    flex-direction: unset; }\n    .custom-configs-drop-down md-menu-item .collapsable {\n      margin: 0;\n      padding: 0 0 0 10px;\n      border-bottom: 1px solid grey; }\n  .custom-configs-drop-down .custom-configs-item .button-hovering {\n    height: 48px;\n    text-align: left;\n    background-color: unset;\n    border-bottom: 1px solid grey; }\n    .custom-configs-drop-down .custom-configs-item .button-hovering .collapse-trigger {\n      display: inline-block;\n      width: 91%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      line-height: 48px; }\n    .custom-configs-drop-down .custom-configs-item .button-hovering:hover:not([disabled]) {\n      background-color: rgba(158, 158, 158, 0.2); }\n  .custom-configs-drop-down .custom-configs-item i.fa {\n    margin-left: 0.8rem; }\n  .custom-configs-drop-down .custom-configs-item i.collapse-icon {\n    font-size: 10px;\n    line-height: 48px;\n    vertical-align: top; }\n  .custom-configs-drop-down .custom-configs-item .action-button {\n    display: inline-block;\n    margin-right: 1px;\n    min-width: 12%;\n    height: 48px;\n    width: 12%;\n    text-align: center;\n    line-height: 48px;\n    background-color: #00a091;\n    color: #ffffff; }\n    .custom-configs-drop-down .custom-configs-item .action-button i.fa {\n      font-size: 12px;\n      margin-left: 0; }\n    .custom-configs-drop-down .custom-configs-item .action-button.remove {\n      display: inline-flex;\n      justify-content: center;\n      color: #b30000;\n      background-color: transparent; }\n  .custom-configs-drop-down .custom-configs-item .action-button:disabled,\n  .custom-configs-drop-down .custom-configs-item .action-button[disabled] {\n    background-color: #e6e6e6;\n    color: #949494; }\n  .custom-configs-drop-down .custom-configs-item .custom-configs-dialog-name {\n    display: inline-block;\n    width: 60%;\n    min-height: 48px; }\n  .custom-configs-drop-down .custom-configs-item .collapsable .button-hovering {\n    width: 80%;\n    border: none;\n    display: inline-block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: 48px;\n    text-transform: unset; }\n  .custom-configs-drop-down .custom-configs-item .collapsable .action-button {\n    width: 13%; }\n", "",{"version":3,"sources":["webpack://./app/codeCharta/ui/customConfigs/customConfigs.component.scss"],"names":[],"mappings":"AAAA;EACC,gBAAgB,EAAA;;AAGjB;EAEE,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,eAAe;EACf,SAAS;EACT,UAAU;EACV,cAAc;EACd,oBAAoB;EACpB,2CAA2C,EAAA;EAV7C;IAaG,eAAe,EAAA;EAblB;IAiBG,yBAAyB,EAAA;;AAK5B;EACC,UAAU,EAAA;EADX;IAIE,YAAY;IACZ,gBAAgB;IAChB,cAAc;IACd,oBAAoB;IACpB,sBAAsB;IACtB,qBAAqB,EAAA;IATvB;MAYG,SAAS;MACT,mBAAmB;MACnB,6BAA6B,EAAA;EAdhC;IAoBG,YAAY;IACZ,gBAAgB;IAChB,uBAAuB;IACvB,6BAA6B,EAAA;IAvBhC;MA0BI,qBAAqB;MACrB,UAAU;MACV,gBAAgB;MAChB,uBAAuB;MACvB,iBAAiB,EAAA;IA9BrB;MAkCI,0CAA0C,EAAA;EAlC9C;IAuCG,mBAAmB,EAAA;EAvCtB;IA0CG,eAAe;IACf,iBAAiB;IACjB,mBAAmB,EAAA;EA5CtB;IAgDG,qBAAqB;IACrB,iBAAiB;IACjB,cAAc;IACd,YAAY;IACZ,UAAU;IACV,kBAAkB;IAClB,iBAAiB;IACjB,yBAAyB;IACzB,cAAc,EAAA;IAxDjB;MA2DI,eAAe;MACf,cAAc,EAAA;IA5DlB;MAgEI,oBAAoB;MACpB,uBAAuB;MACvB,cAAc;MACd,6BAA6B,EAAA;EAnEjC;;IAyEG,yBAAyB;IACzB,cAAc,EAAA;EA1EjB;IA8EG,qBAAqB;IACrB,UAAU;IACV,gBAAgB,EAAA;EAhFnB;IAqFI,UAAU;IACV,YAAY;IACZ,qBAAqB;IACrB,gBAAgB;IAChB,uBAAuB;IACvB,iBAAiB;IACjB,qBAAqB,EAAA;EA3FzB;IA8FI,UAAU,EAAA","sourcesContent":[".custom-configs {\n\tmargin-left: 15%;\n}\n\n.custom-configs-component {\n\t.custom-configs-button {\n\t\theight: 22px;\n\t\tmin-height: 0;\n\t\tline-height: 23px;\n\t\tmin-width: 45px;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tfont-size: 9pt;\n\t\ttext-transform: none;\n\t\tbackground-color: rgba(230, 230, 230, 0.96);\n\n\t\t&.plus {\n\t\t\tmin-width: 30px;\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground-color: #c8c8c8;\n\t\t}\n\t}\n}\n\n.custom-configs-drop-down {\n\tpadding: 0;\n\n\tmd-menu-item {\n\t\theight: auto;\n\t\tmin-height: auto;\n\t\tdisplay: block;\n\t\talign-content: unset;\n\t\tjustify-content: unset;\n\t\tflex-direction: unset;\n\n\t\t.collapsable {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0 0 0 10px;\n\t\t\tborder-bottom: 1px solid grey;\n\t\t}\n\t}\n\n\t.custom-configs-item {\n\t\t.button-hovering {\n\t\t\theight: 48px;\n\t\t\ttext-align: left;\n\t\t\tbackground-color: unset;\n\t\t\tborder-bottom: 1px solid grey;\n\n\t\t\t.collapse-trigger {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\twidth: 91%;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\tline-height: 48px;\n\t\t\t}\n\n\t\t\t&:hover:not([disabled]) {\n\t\t\t\tbackground-color: rgba(158, 158, 158, 0.2);\n\t\t\t}\n\t\t}\n\n\t\ti.fa {\n\t\t\tmargin-left: 0.8rem;\n\t\t}\n\t\ti.collapse-icon {\n\t\t\tfont-size: 10px;\n\t\t\tline-height: 48px;\n\t\t\tvertical-align: top;\n\t\t}\n\n\t\t.action-button {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-right: 1px;\n\t\t\tmin-width: 12%;\n\t\t\theight: 48px;\n\t\t\twidth: 12%;\n\t\t\ttext-align: center;\n\t\t\tline-height: 48px;\n\t\t\tbackground-color: #00a091;\n\t\t\tcolor: #ffffff;\n\n\t\t\ti.fa {\n\t\t\t\tfont-size: 12px;\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n\t\t\t&.remove {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\tcolor: #b30000;\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\n\t\t.action-button:disabled,\n\t\t.action-button[disabled] {\n\t\t\tbackground-color: #e6e6e6;\n\t\t\tcolor: #949494;\n\t\t}\n\n\t\t.custom-configs-dialog-name {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 60%;\n\t\t\tmin-height: 48px;\n\t\t}\n\n\t\t.collapsable {\n\t\t\t.button-hovering {\n\t\t\t\twidth: 80%;\n\t\t\t\tborder: none;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\tline-height: 48px;\n\t\t\t\ttext-transform: unset;\n\t\t\t}\n\t\t\t.action-button {\n\t\t\t\twidth: 13%;\n\t\t\t}\n\t\t}\n\t}\n}\n"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, ".custom-configs {\n  margin-left: 15%; }\n\n.custom-configs-component .custom-configs-button {\n  height: 22px;\n  min-height: 0;\n  line-height: 23px;\n  min-width: 45px;\n  margin: 0;\n  padding: 0;\n  font-size: 9pt;\n  text-transform: none;\n  background-color: rgba(230, 230, 230, 0.96); }\n  .custom-configs-component .custom-configs-button.plus {\n    min-width: 30px; }\n  .custom-configs-component .custom-configs-button:hover {\n    background-color: #c8c8c8; }\n\n.custom-configs-drop-down {\n  padding: 0; }\n  .custom-configs-drop-down md-menu-item {\n    height: auto;\n    min-height: auto;\n    display: block;\n    align-content: unset;\n    justify-content: unset;\n    flex-direction: unset; }\n    .custom-configs-drop-down md-menu-item .collapsable {\n      margin: 0;\n      padding: 0 0 0 10px;\n      border-bottom: 1px solid grey; }\n  .custom-configs-drop-down .custom-configs-item .button-hovering {\n    height: 48px;\n    text-align: left;\n    background-color: unset;\n    border-bottom: 1px solid grey; }\n    .custom-configs-drop-down .custom-configs-item .button-hovering .collapse-trigger {\n      display: inline-block;\n      width: 91%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      line-height: 48px; }\n    .custom-configs-drop-down .custom-configs-item .button-hovering:hover:not([disabled]) {\n      background-color: rgba(158, 158, 158, 0.2); }\n  .custom-configs-drop-down .custom-configs-item i.fa {\n    margin-left: 0.8rem; }\n  .custom-configs-drop-down .custom-configs-item i.collapse-icon {\n    font-size: 10px;\n    line-height: 48px;\n    vertical-align: top;\n    color: black; }\n  .custom-configs-drop-down .custom-configs-item .action-button {\n    display: inline-block;\n    margin-right: 1px;\n    min-width: 12%;\n    height: 48px;\n    width: 12%;\n    text-align: center;\n    line-height: 48px;\n    background-color: #00a091;\n    color: #ffffff; }\n    .custom-configs-drop-down .custom-configs-item .action-button i.fa {\n      font-size: 12px;\n      margin-left: 0; }\n    .custom-configs-drop-down .custom-configs-item .action-button.remove {\n      display: inline-flex;\n      justify-content: center;\n      color: #b30000;\n      background-color: transparent; }\n  .custom-configs-drop-down .custom-configs-item .action-button:disabled,\n  .custom-configs-drop-down .custom-configs-item .action-button[disabled] {\n    background-color: #e6e6e6;\n    color: #949494; }\n  .custom-configs-drop-down .custom-configs-item .custom-configs-dialog-name {\n    display: inline-block;\n    width: 60%;\n    min-height: 48px; }\n  .custom-configs-drop-down .custom-configs-item .collapsable .button-hovering {\n    width: 80%;\n    border: none;\n    display: inline-block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: 48px;\n    text-transform: unset; }\n  .custom-configs-drop-down .custom-configs-item .collapsable .action-button {\n    width: 13%; }\n", "",{"version":3,"sources":["webpack://./app/codeCharta/ui/customConfigs/customConfigs.component.scss"],"names":[],"mappings":"AAAA;EACC,gBAAgB,EAAA;;AAGjB;EAEE,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,eAAe;EACf,SAAS;EACT,UAAU;EACV,cAAc;EACd,oBAAoB;EACpB,2CAA2C,EAAA;EAV7C;IAaG,eAAe,EAAA;EAblB;IAiBG,yBAAyB,EAAA;;AAK5B;EACC,UAAU,EAAA;EADX;IAIE,YAAY;IACZ,gBAAgB;IAChB,cAAc;IACd,oBAAoB;IACpB,sBAAsB;IACtB,qBAAqB,EAAA;IATvB;MAYG,SAAS;MACT,mBAAmB;MACnB,6BAA6B,EAAA;EAdhC;IAoBG,YAAY;IACZ,gBAAgB;IAChB,uBAAuB;IACvB,6BAA6B,EAAA;IAvBhC;MA0BI,qBAAqB;MACrB,UAAU;MACV,gBAAgB;MAChB,uBAAuB;MACvB,iBAAiB,EAAA;IA9BrB;MAkCI,0CAA0C,EAAA;EAlC9C;IAuCG,mBAAmB,EAAA;EAvCtB;IA0CG,eAAe;IACf,iBAAiB;IACjB,mBAAmB;IACnB,YAAY,EAAA;EA7Cf;IAiDG,qBAAqB;IACrB,iBAAiB;IACjB,cAAc;IACd,YAAY;IACZ,UAAU;IACV,kBAAkB;IAClB,iBAAiB;IACjB,yBAAyB;IACzB,cAAc,EAAA;IAzDjB;MA4DI,eAAe;MACf,cAAc,EAAA;IA7DlB;MAiEI,oBAAoB;MACpB,uBAAuB;MACvB,cAAc;MACd,6BAA6B,EAAA;EApEjC;;IA0EG,yBAAyB;IACzB,cAAc,EAAA;EA3EjB;IA+EG,qBAAqB;IACrB,UAAU;IACV,gBAAgB,EAAA;EAjFnB;IAsFI,UAAU;IACV,YAAY;IACZ,qBAAqB;IACrB,gBAAgB;IAChB,uBAAuB;IACvB,iBAAiB;IACjB,qBAAqB,EAAA;EA5FzB;IA+FI,UAAU,EAAA","sourcesContent":[".custom-configs {\n\tmargin-left: 15%;\n}\n\n.custom-configs-component {\n\t.custom-configs-button {\n\t\theight: 22px;\n\t\tmin-height: 0;\n\t\tline-height: 23px;\n\t\tmin-width: 45px;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tfont-size: 9pt;\n\t\ttext-transform: none;\n\t\tbackground-color: rgba(230, 230, 230, 0.96);\n\n\t\t&.plus {\n\t\t\tmin-width: 30px;\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground-color: #c8c8c8;\n\t\t}\n\t}\n}\n\n.custom-configs-drop-down {\n\tpadding: 0;\n\n\tmd-menu-item {\n\t\theight: auto;\n\t\tmin-height: auto;\n\t\tdisplay: block;\n\t\talign-content: unset;\n\t\tjustify-content: unset;\n\t\tflex-direction: unset;\n\n\t\t.collapsable {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0 0 0 10px;\n\t\t\tborder-bottom: 1px solid grey;\n\t\t}\n\t}\n\n\t.custom-configs-item {\n\t\t.button-hovering {\n\t\t\theight: 48px;\n\t\t\ttext-align: left;\n\t\t\tbackground-color: unset;\n\t\t\tborder-bottom: 1px solid grey;\n\n\t\t\t.collapse-trigger {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\twidth: 91%;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\tline-height: 48px;\n\t\t\t}\n\n\t\t\t&:hover:not([disabled]) {\n\t\t\t\tbackground-color: rgba(158, 158, 158, 0.2);\n\t\t\t}\n\t\t}\n\n\t\ti.fa {\n\t\t\tmargin-left: 0.8rem;\n\t\t}\n\t\ti.collapse-icon {\n\t\t\tfont-size: 10px;\n\t\t\tline-height: 48px;\n\t\t\tvertical-align: top;\n\t\t\tcolor: black;\n\t\t}\n\n\t\t.action-button {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-right: 1px;\n\t\t\tmin-width: 12%;\n\t\t\theight: 48px;\n\t\t\twidth: 12%;\n\t\t\ttext-align: center;\n\t\t\tline-height: 48px;\n\t\t\tbackground-color: #00a091;\n\t\t\tcolor: #ffffff;\n\n\t\t\ti.fa {\n\t\t\t\tfont-size: 12px;\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n\t\t\t&.remove {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\tcolor: #b30000;\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\n\t\t.action-button:disabled,\n\t\t.action-button[disabled] {\n\t\t\tbackground-color: #e6e6e6;\n\t\t\tcolor: #949494;\n\t\t}\n\n\t\t.custom-configs-dialog-name {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 60%;\n\t\t\tmin-height: 48px;\n\t\t}\n\n\t\t.collapsable {\n\t\t\t.button-hovering {\n\t\t\t\twidth: 80%;\n\t\t\t\tborder: none;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\tline-height: 48px;\n\t\t\t\ttext-transform: unset;\n\t\t\t}\n\t\t\t.action-button {\n\t\t\t\twidth: 13%;\n\t\t\t}\n\t\t}\n\t}\n}\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -238462,7 +238534,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".cdk-overlay-container {\n  /* overwrite z-index of below #codemap-context-menu */\n  z-index: 2000 !important; }\n\nnode-context-menu-component #codemap-context-menu {\n  position: absolute;\n  z-index: 2000; }\n\nnode-context-menu-component .button-group {\n  display: inline-grid; }\n\nnode-context-menu-component .png-icon {\n  margin: 5px auto auto;\n  padding: 0;\n  display: inline-block;\n  background-repeat: no-repeat no-repeat;\n  pointer-events: none; }\n\nnode-context-menu-component .md-button:not(.colorButton) {\n  text-align: left;\n  margin-top: 0;\n  line-height: 30px;\n  min-height: 30px; }\n  node-context-menu-component .md-button:not(.colorButton) i {\n    min-width: 15px; }\n  node-context-menu-component .md-button:not(.colorButton):not(:last-child) {\n    margin-bottom: 0; }\n\nnode-context-menu-component .colorButton {\n  width: 32px !important;\n  height: 32px !important;\n  min-width: 32px !important;\n  min-height: 32px !important; }\n  node-context-menu-component .colorButton i {\n    font-size: 25px;\n    margin-left: 0;\n    margin-top: 3px;\n    color: red;\n    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; }\n", "",{"version":3,"sources":["webpack://./app/codeCharta/ui/nodeContextMenu/nodeContextMenu.component.scss"],"names":[],"mappings":"AAAA;EACC,qDAAA;EACA,wBAAwB,EAAA;;AAGzB;EAEE,kBAAkB;EAClB,aAAa,EAAA;;AAHf;EAOE,oBAAoB,EAAA;;AAPtB;EAWE,qBAAqB;EACrB,UAAU;EACV,qBAAqB;EACrB,sCAAsC;EACtC,oBAAoB,EAAA;;AAftB;EAkBE,gBAAgB;EAChB,aAAa;EACb,iBAAiB;EACjB,gBAAgB,EAAA;EArBlB;IAwBG,eAAe,EAAA;EAxBlB;IA4BG,gBAAgB,EAAA;;AA5BnB;EAiCE,sBAAsB;EACtB,uBAAuB;EACvB,0BAA0B;EAC1B,2BAA2B,EAAA;EApC7B;IAuCG,eAAe;IACf,cAAc;IACd,eAAe;IACf,UAAU;IACV,iEAAiE,EAAA","sourcesContent":[".cdk-overlay-container {\n\t/* overwrite z-index of below #codemap-context-menu */\n\tz-index: 2000 !important;\n}\n\nnode-context-menu-component {\n\t#codemap-context-menu {\n\t\tposition: absolute;\n\t\tz-index: 2000;\n\t}\n\n\t.button-group {\n\t\tdisplay: inline-grid;\n\t}\n\n\t.png-icon {\n\t\tmargin: 5px auto auto;\n\t\tpadding: 0;\n\t\tdisplay: inline-block;\n\t\tbackground-repeat: no-repeat no-repeat;\n\t\tpointer-events: none;\n\t}\n\t.md-button:not(.colorButton) {\n\t\ttext-align: left;\n\t\tmargin-top: 0;\n\t\tline-height: 30px;\n\t\tmin-height: 30px;\n\n\t\ti {\n\t\t\tmin-width: 15px;\n\t\t}\n\n\t\t&:not(:last-child) {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t.colorButton {\n\t\twidth: 32px !important;\n\t\theight: 32px !important;\n\t\tmin-width: 32px !important;\n\t\tmin-height: 32px !important;\n\n\t\ti {\n\t\t\tfont-size: 25px;\n\t\t\tmargin-left: 0;\n\t\t\tmargin-top: 3px;\n\t\t\tcolor: red;\n\t\t\ttext-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;\n\t\t}\n\t}\n}\n"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, ".cdk-overlay-container {\n  /* overwrite z-index of below #codemap-context-menu */\n  z-index: 2000 !important; }\n\nnode-context-menu-component #codemap-context-menu {\n  position: absolute;\n  z-index: 2000; }\n\nnode-context-menu-component .button-group {\n  display: inline-grid; }\n\nnode-context-menu-component .png-icon {\n  margin: 5px auto auto;\n  padding: 0;\n  display: inline-block;\n  background-repeat: no-repeat no-repeat;\n  pointer-events: none; }\n\nnode-context-menu-component .md-button:not(.colorButton),\nnode-context-menu-component [mat-button] {\n  width: 100%;\n  text-align: left;\n  margin-top: 0;\n  line-height: 30px;\n  min-height: 30px; }\n  node-context-menu-component .md-button:not(.colorButton) i,\n  node-context-menu-component [mat-button] i {\n    min-width: 15px; }\n  node-context-menu-component .md-button:not(.colorButton):not(:last-child),\n  node-context-menu-component [mat-button]:not(:last-child) {\n    margin-bottom: 0; }\n\nnode-context-menu-component .colorButton {\n  width: 32px !important;\n  height: 32px !important;\n  min-width: 32px !important;\n  min-height: 32px !important; }\n  node-context-menu-component .colorButton i {\n    font-size: 25px;\n    margin-left: 0;\n    margin-top: 3px;\n    color: red;\n    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; }\n", "",{"version":3,"sources":["webpack://./app/codeCharta/ui/nodeContextMenu/nodeContextMenu.component.scss"],"names":[],"mappings":"AAAA;EACC,qDAAA;EACA,wBAAwB,EAAA;;AAGzB;EAEE,kBAAkB;EAClB,aAAa,EAAA;;AAHf;EAOE,oBAAoB,EAAA;;AAPtB;EAWE,qBAAqB;EACrB,UAAU;EACV,qBAAqB;EACrB,sCAAsC;EACtC,oBAAoB,EAAA;;AAftB;;EAmBE,WAAW;EACX,gBAAgB;EAChB,aAAa;EACb,iBAAiB;EACjB,gBAAgB,EAAA;EAvBlB;;IA0BG,eAAe,EAAA;EA1BlB;;IA8BG,gBAAgB,EAAA;;AA9BnB;EAmCE,sBAAsB;EACtB,uBAAuB;EACvB,0BAA0B;EAC1B,2BAA2B,EAAA;EAtC7B;IAyCG,eAAe;IACf,cAAc;IACd,eAAe;IACf,UAAU;IACV,iEAAiE,EAAA","sourcesContent":[".cdk-overlay-container {\n\t/* overwrite z-index of below #codemap-context-menu */\n\tz-index: 2000 !important;\n}\n\nnode-context-menu-component {\n\t#codemap-context-menu {\n\t\tposition: absolute;\n\t\tz-index: 2000;\n\t}\n\n\t.button-group {\n\t\tdisplay: inline-grid;\n\t}\n\n\t.png-icon {\n\t\tmargin: 5px auto auto;\n\t\tpadding: 0;\n\t\tdisplay: inline-block;\n\t\tbackground-repeat: no-repeat no-repeat;\n\t\tpointer-events: none;\n\t}\n\t.md-button:not(.colorButton),\n\t[mat-button] {\n\t\twidth: 100%;\n\t\ttext-align: left;\n\t\tmargin-top: 0;\n\t\tline-height: 30px;\n\t\tmin-height: 30px;\n\n\t\ti {\n\t\t\tmin-width: 15px;\n\t\t}\n\n\t\t&:not(:last-child) {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t.colorButton {\n\t\twidth: 32px !important;\n\t\theight: 32px !important;\n\t\tmin-width: 32px !important;\n\t\tmin-height: 32px !important;\n\n\t\ti {\n\t\t\tfont-size: 25px;\n\t\t\tmargin-left: 0;\n\t\t\tmargin-top: 3px;\n\t\t\tcolor: red;\n\t\t\ttext-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;\n\t\t}\n\t}\n}\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -238794,33 +238866,6 @@ ___CSS_LOADER_EXPORT___.push([module.id, "tool-bar-component .tool-bar {\n  disp
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
 
-/***/ }),
-
-/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./app/codeCharta/ui/unfocusButton/unfocusButton.component.scss":
-/*!***************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./app/codeCharta/ui/unfocusButton/unfocusButton.component.scss ***!
-  \***************************************************************************************************************************************************/
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js");
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, "unfocus-button-component .md-button {\n  margin-bottom: 0; }\n", "",{"version":3,"sources":["webpack://./app/codeCharta/ui/unfocusButton/unfocusButton.component.scss"],"names":[],"mappings":"AAAA;EAEE,gBAAgB,EAAA","sourcesContent":["unfocus-button-component {\n\t.md-button {\n\t\tmargin-bottom: 0;\n\t}\n}\n"],"sourceRoot":""}]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./app/codeCharta/ui/viewCube/viewCube.component.scss":
@@ -241774,7 +241819,7 @@ module.exports = code;
 /***/ ((module) => {
 
 // Module
-var code = "<div class=\"artificial-intelligence-component\">\n\t<md-menu>\n\t\t<md-button\n\t\t\tclass=\"suspicious-metrics-button\"\n\t\t\tng-click=\"$mdMenu.open($event);hideBadge = true;\"\n\t\t\ttitle=\"Open Suspicious Metrics Panel\"\n\t\t>\n\t\t\t<i class=\"fa fa-exclamation-triangle\"></i>\n\t\t\t<span\n\t\t\t\tclass=\"ai-badge\"\n\t\t\t\tng-show=\"\n\t\t\t\t\t!hideBadge &&\n\t\t\t\t\t($ctrl._viewModel.riskProfile !== undefined ||\n\t\t\t\t\t\t$ctrl._viewModel.suspiciousMetricSuggestionLinks.length ||\n\t\t\t\t\t\t$ctrl._viewModel.unsuspiciousMetrics.length)\n\t\t\t\t\"\n\t\t\t>\n\t\t\t\t{{ $ctrl._viewModel.suspiciousMetricSuggestionLinks.length }}\n\t\t\t</span>\n\t\t</md-button>\n\n\t\t<md-menu-content class=\"ai-drop-down metrics\">\n\t\t\t<md-menu-item class=\"title\" ng-show=\"$ctrl._viewModel.unsuspiciousMetrics.length\">\n\t\t\t\t<span ng-show=\"$ctrl._viewModel.analyzedProgrammingLanguage.length\">\n\t\t\t\t\tUnsuspicious Metrics in {{ $ctrl._viewModel.analyzedProgrammingLanguage }} code\n\t\t\t\t</span>\n\t\t\t\t<span ng-show=\"!$ctrl._viewModel.analyzedProgrammingLanguage.length\"> Unsuspicious Metrics </span>\n\t\t\t</md-menu-item>\n\n\t\t\t<md-menu-item ng-show=\"$ctrl._viewModel.unsuspiciousMetrics.length\">\n\t\t\t\t<ul>\n\t\t\t\t\t<li ng-repeat=\"unsuspiciousMetric in $ctrl._viewModel.unsuspiciousMetrics\">{{ unsuspiciousMetric }}</li>\n\t\t\t\t</ul>\n\t\t\t</md-menu-item>\n\n\t\t\t<md-menu-item class=\"title\" ng-show=\"$ctrl._viewModel.suspiciousMetricSuggestionLinks.length\">\n\t\t\t\t<span ng-show=\"$ctrl._viewModel.analyzedProgrammingLanguage.length\">\n\t\t\t\t\tSuspicious Metrics in {{ $ctrl._viewModel.analyzedProgrammingLanguage }} code\n\t\t\t\t</span>\n\t\t\t\t<span ng-show=\"!$ctrl._viewModel.analyzedProgrammingLanguage.length\"> Suspicious Metrics (click below to view) </span>\n\t\t\t</md-menu-item>\n\n\t\t\t<ul class=\"suspicious-metrics\">\n\t\t\t\t<li class=\"suspicious-metric\" ng-repeat=\"item in $ctrl._viewModel.suspiciousMetricSuggestionLinks\">\n\t\t\t\t\t<md-button\n\t\t\t\t\t\tclass=\"metric-button {{ item.outlierCustomConfigId.length > 0 ? 'high-risk' : '' }}\"\n\t\t\t\t\t\tng-click=\"$ctrl.applyCustomConfig(item.generalCustomConfigId)\"\n\t\t\t\t\t\ttitle=\"Apply Map Configuration to show files with suspicious metric {{\n\t\t\t\t\t\t\titem.metric\n\t\t\t\t\t\t}} and high risk or very high risk depending on selection\"\n\t\t\t\t\t>\n\t\t\t\t\t\tSuspicious {{ item.metric.toUpperCase() }} Files\n\t\t\t\t\t</md-button>\n\n\t\t\t\t\t<md-button\n\t\t\t\t\t\tclass=\"risk-button\"\n\t\t\t\t\t\tng-click=\"$ctrl.applyCustomConfig(item.outlierCustomConfigId)\"\n\t\t\t\t\t\tng-show=\"item.outlierCustomConfigId.length > 0\"\n\t\t\t\t\t\ttitle=\"Show very high risk files\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<i class=\"fa fa-exclamation-triangle\"></i>\n\t\t\t\t\t</md-button>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</md-menu-content>\n\t</md-menu>\n\n\t<md-menu>\n\t\t<md-button class=\"high-risk-profile-button\" ng-click=\"$mdMenu.open($event)\" title=\"Open High Risk Profile\">\n\t\t\t<i class=\"fa fa-bar-chart\"></i>\n\t\t</md-button>\n\n\t\t<md-menu-content class=\"ai-drop-down summary\">\n\t\t\t<md-menu-item class=\"title\">\n\t\t\t\t<p ng-show=\"$ctrl._viewModel.analyzedProgrammingLanguage.length\">\n\t\t\t\t\tRisk Profile for {{ $ctrl._viewModel.analyzedProgrammingLanguage }} code (most frequent programming language in project)\n\t\t\t\t</p>\n\t\t\t\t<p>Calculations are always based on mcc (cyclomatic complexity)</p>\n\t\t\t</md-menu-item>\n\n\t\t\t<md-menu-item class=\"suspicious-metrics-summary\">\n\t\t\t\t<ul ng-show=\"$ctrl._viewModel.riskProfile !== undefined\">\n\t\t\t\t\t<li>{{ $ctrl._viewModel.riskProfile.lowRisk }}% of overall code is in files with low complexity</li>\n\t\t\t\t\t<li>{{ $ctrl._viewModel.riskProfile.moderateRisk }}% of overall code is in files with moderate complexity</li>\n\t\t\t\t\t<li>{{ $ctrl._viewModel.riskProfile.highRisk }}% of overall code is in files with high complexity</li>\n\t\t\t\t\t<li>{{ $ctrl._viewModel.riskProfile.veryHighRisk }}% of overall code is in files with extreme complexity</li>\n\t\t\t\t</ul>\n\t\t\t\t<span ng-show=\"$ctrl._viewModel.riskProfile === undefined\">\n\t\t\t\t\tCould not calculate Risk Profile. Metrics rloc and mcc not available.\n\t\t\t\t</span>\n\t\t\t</md-menu-item>\n\n\t\t\t<md-menu-item class=\"risk-profiles\" ng-show=\"$ctrl._viewModel.riskProfile !== undefined\">\n\t\t\t\t<div\n\t\t\t\t\tng-if=\"$ctrl._viewModel.riskProfile.lowRisk > 0\"\n\t\t\t\t\ttitle=\"Low Risk ({{ $ctrl._viewModel.riskProfile.lowRisk }}% of code)\"\n\t\t\t\t\tclass=\"risk-profile low-risk\"\n\t\t\t\t\tstyle=\"width:{{ $ctrl._viewModel.riskProfile.lowRisk }}%;\n                 {{ $ctrl._viewModel.riskProfile.lowRisk < 5 ? 'color:rgba(0,0,0,0)' : '' }}\"\n\t\t\t\t>\n\t\t\t\t\t{{ $ctrl._viewModel.riskProfile.lowRisk }}%\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tng-if=\"$ctrl._viewModel.riskProfile.moderateRisk > 0\"\n\t\t\t\t\ttitle=\"Moderate Risk ({{ $ctrl._viewModel.riskProfile.moderateRisk }}% of code)\"\n\t\t\t\t\tclass=\"risk-profile moderate-risk\"\n\t\t\t\t\tstyle=\"width:{{ $ctrl._viewModel.riskProfile.moderateRisk }}%;\n                {{ $ctrl._viewModel.riskProfile.moderateRisk < 5 ? 'color:rgba(0,0,0,0)' : '' }}\"\n\t\t\t\t>\n\t\t\t\t\t{{ $ctrl._viewModel.riskProfile.moderateRisk }}%\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tng-if=\"$ctrl._viewModel.riskProfile.highRisk > 0\"\n\t\t\t\t\ttitle=\"High Risk ({{ $ctrl._viewModel.riskProfile.highRisk }}% of code)\"\n\t\t\t\t\tclass=\"risk-profile high-risk\"\n\t\t\t\t\tstyle=\"width:{{ $ctrl._viewModel.riskProfile.highRisk }}%;\n                {{ $ctrl._viewModel.riskProfile.highRisk < 5 ? 'color:rgba(0,0,0,0)' : '' }}\"\n\t\t\t\t>\n\t\t\t\t\t{{ $ctrl._viewModel.riskProfile.highRisk }}%\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tng-if=\"$ctrl._viewModel.riskProfile.veryHighRisk > 0\"\n\t\t\t\t\ttitle=\"Very High Risk ({{ $ctrl._viewModel.riskProfile.veryHighRisk }}% of code)\"\n\t\t\t\t\tclass=\"risk-profile very-high-risk\"\n\t\t\t\t\tstyle=\"width:{{ $ctrl._viewModel.riskProfile.veryHighRisk }}%;\n                {{ $ctrl._viewModel.riskProfile.veryHighRisk < 5 ? 'color:rgba(0,0,0,0)' : '' }}\"\n\t\t\t\t>\n\t\t\t\t\t{{ $ctrl._viewModel.riskProfile.veryHighRisk }}%\n\t\t\t\t</div>\n\t\t\t</md-menu-item>\n\t\t</md-menu-content>\n\t</md-menu>\n</div>\n";
+var code = "<div class=\"artificial-intelligence-component\">\n\t<md-menu>\n\t\t<md-button\n\t\t\tclass=\"suspicious-metrics-button\"\n\t\t\tng-click=\"$mdMenu.open($event);hideBadge = true;\"\n\t\t\ttitle=\"Open Suspicious Metrics Panel\"\n\t\t>\n\t\t\t<i class=\"fa fa-exclamation-triangle\"></i>\n\t\t\t<span\n\t\t\t\tclass=\"ai-badge\"\n\t\t\t\tng-show=\"\n\t\t\t\t\t!hideBadge &&\n\t\t\t\t\t($ctrl._viewModel.riskProfile !== undefined ||\n\t\t\t\t\t\t$ctrl._viewModel.suspiciousMetricSuggestionLinks.length ||\n\t\t\t\t\t\t$ctrl._viewModel.unsuspiciousMetrics.length)\n\t\t\t\t\"\n\t\t\t>\n\t\t\t\t{{ $ctrl._viewModel.suspiciousMetricSuggestionLinks.length }}\n\t\t\t</span>\n\t\t</md-button>\n\n\t\t<md-menu-content class=\"ai-drop-down metrics\">\n\t\t\t<md-menu-item class=\"title\" ng-show=\"$ctrl._viewModel.unsuspiciousMetrics.length\">\n\t\t\t\t<span ng-show=\"$ctrl._viewModel.analyzedProgrammingLanguage.length\">\n\t\t\t\t\tUnsuspicious Metrics in {{ $ctrl._viewModel.analyzedProgrammingLanguage }} code\n\t\t\t\t</span>\n\t\t\t\t<span ng-show=\"!$ctrl._viewModel.analyzedProgrammingLanguage.length\"> Unsuspicious Metrics </span>\n\t\t\t</md-menu-item>\n\n\t\t\t<md-menu-item ng-show=\"$ctrl._viewModel.unsuspiciousMetrics.length\">\n\t\t\t\t<ul>\n\t\t\t\t\t<li ng-repeat=\"unsuspiciousMetric in $ctrl._viewModel.unsuspiciousMetrics\">{{ unsuspiciousMetric }}</li>\n\t\t\t\t</ul>\n\t\t\t</md-menu-item>\n\n\t\t\t<md-menu-item class=\"title\" ng-show=\"$ctrl._viewModel.suspiciousMetricSuggestionLinks.length\">\n\t\t\t\t<span ng-show=\"$ctrl._viewModel.analyzedProgrammingLanguage.length\">\n\t\t\t\t\tSuspicious Metrics in {{ $ctrl._viewModel.analyzedProgrammingLanguage }} code\n\t\t\t\t</span>\n\t\t\t\t<span ng-show=\"!$ctrl._viewModel.analyzedProgrammingLanguage.length\"> Suspicious Metrics (click below to view) </span>\n\t\t\t</md-menu-item>\n\n\t\t\t<ul class=\"suspicious-metrics\">\n\t\t\t\t<li class=\"suspicious-metric\" ng-repeat=\"item in $ctrl._viewModel.suspiciousMetricSuggestionLinks\">\n\t\t\t\t\t<md-button\n\t\t\t\t\t\tclass=\"metric-button\"\n\t\t\t\t\t\tng-click=\"$ctrl.applySuspiciousMetric(item, false)\"\n\t\t\t\t\t\ttitle=\"Apply Map Configuration to show files with suspicious metric {{\n\t\t\t\t\t\t\titem.metric\n\t\t\t\t\t\t}} and high risk or very high risk depending on selection\"\n\t\t\t\t\t>\n\t\t\t\t\t\tSuspicious {{ item.metric.toUpperCase() }} Files\n\t\t\t\t\t</md-button>\n\n\t\t\t\t\t<md-button\n\t\t\t\t\t\tclass=\"risk-button\"\n\t\t\t\t\t\tng-click=\"$ctrl.applySuspiciousMetric(item, true)\"\n\t\t\t\t\t\tng-show=\"item.isOutlier\"\n\t\t\t\t\t\ttitle=\"Show very high risk files\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<i class=\"fa fa-exclamation-triangle\"></i>\n\t\t\t\t\t</md-button>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</md-menu-content>\n\t</md-menu>\n\n\t<md-menu>\n\t\t<md-button class=\"high-risk-profile-button\" ng-click=\"$mdMenu.open($event)\" title=\"Open High Risk Profile\">\n\t\t\t<i class=\"fa fa-bar-chart\"></i>\n\t\t</md-button>\n\n\t\t<md-menu-content class=\"ai-drop-down summary\">\n\t\t\t<md-menu-item class=\"title\">\n\t\t\t\t<p ng-show=\"$ctrl._viewModel.analyzedProgrammingLanguage.length\">\n\t\t\t\t\tRisk Profile for {{ $ctrl._viewModel.analyzedProgrammingLanguage }} code (most frequent programming language in project)\n\t\t\t\t</p>\n\t\t\t\t<p>Calculations are always based on mcc (cyclomatic complexity)</p>\n\t\t\t</md-menu-item>\n\n\t\t\t<md-menu-item class=\"suspicious-metrics-summary\">\n\t\t\t\t<ul ng-show=\"$ctrl._viewModel.riskProfile !== undefined\">\n\t\t\t\t\t<li>{{ $ctrl._viewModel.riskProfile.lowRisk }}% of overall code is in files with low complexity</li>\n\t\t\t\t\t<li>{{ $ctrl._viewModel.riskProfile.moderateRisk }}% of overall code is in files with moderate complexity</li>\n\t\t\t\t\t<li>{{ $ctrl._viewModel.riskProfile.highRisk }}% of overall code is in files with high complexity</li>\n\t\t\t\t\t<li>{{ $ctrl._viewModel.riskProfile.veryHighRisk }}% of overall code is in files with extreme complexity</li>\n\t\t\t\t</ul>\n\t\t\t\t<span ng-show=\"$ctrl._viewModel.riskProfile === undefined\">\n\t\t\t\t\tCould not calculate Risk Profile. Metrics rloc and mcc not available.\n\t\t\t\t</span>\n\t\t\t</md-menu-item>\n\n\t\t\t<md-menu-item class=\"risk-profiles\" ng-show=\"$ctrl._viewModel.riskProfile !== undefined\">\n\t\t\t\t<div\n\t\t\t\t\tng-if=\"$ctrl._viewModel.riskProfile.lowRisk > 0\"\n\t\t\t\t\ttitle=\"Low Risk ({{ $ctrl._viewModel.riskProfile.lowRisk }}% of code)\"\n\t\t\t\t\tclass=\"risk-profile low-risk\"\n\t\t\t\t\tstyle=\"width:{{ $ctrl._viewModel.riskProfile.lowRisk }}%;\n                 {{ $ctrl._viewModel.riskProfile.lowRisk < 5 ? 'color:rgba(0,0,0,0)' : '' }}\"\n\t\t\t\t>\n\t\t\t\t\t{{ $ctrl._viewModel.riskProfile.lowRisk }}%\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tng-if=\"$ctrl._viewModel.riskProfile.moderateRisk > 0\"\n\t\t\t\t\ttitle=\"Moderate Risk ({{ $ctrl._viewModel.riskProfile.moderateRisk }}% of code)\"\n\t\t\t\t\tclass=\"risk-profile moderate-risk\"\n\t\t\t\t\tstyle=\"width:{{ $ctrl._viewModel.riskProfile.moderateRisk }}%;\n                {{ $ctrl._viewModel.riskProfile.moderateRisk < 5 ? 'color:rgba(0,0,0,0)' : '' }}\"\n\t\t\t\t>\n\t\t\t\t\t{{ $ctrl._viewModel.riskProfile.moderateRisk }}%\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tng-if=\"$ctrl._viewModel.riskProfile.highRisk > 0\"\n\t\t\t\t\ttitle=\"High Risk ({{ $ctrl._viewModel.riskProfile.highRisk }}% of code)\"\n\t\t\t\t\tclass=\"risk-profile high-risk\"\n\t\t\t\t\tstyle=\"width:{{ $ctrl._viewModel.riskProfile.highRisk }}%;\n                {{ $ctrl._viewModel.riskProfile.highRisk < 5 ? 'color:rgba(0,0,0,0)' : '' }}\"\n\t\t\t\t>\n\t\t\t\t\t{{ $ctrl._viewModel.riskProfile.highRisk }}%\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tng-if=\"$ctrl._viewModel.riskProfile.veryHighRisk > 0\"\n\t\t\t\t\ttitle=\"Very High Risk ({{ $ctrl._viewModel.riskProfile.veryHighRisk }}% of code)\"\n\t\t\t\t\tclass=\"risk-profile very-high-risk\"\n\t\t\t\t\tstyle=\"width:{{ $ctrl._viewModel.riskProfile.veryHighRisk }}%;\n                {{ $ctrl._viewModel.riskProfile.veryHighRisk < 5 ? 'color:rgba(0,0,0,0)' : '' }}\"\n\t\t\t\t>\n\t\t\t\t\t{{ $ctrl._viewModel.riskProfile.veryHighRisk }}%\n\t\t\t\t</div>\n\t\t\t</md-menu-item>\n\t\t</md-menu-content>\n\t</md-menu>\n</div>\n";
 // Exports
 module.exports = code;
 
@@ -241930,7 +241975,7 @@ module.exports = code;
 /***/ ((module) => {
 
 // Module
-var code = "<color-chrome\n\trole=\"colorpicker\"\n\t(click)=\"$event.stopPropagation()\"\n\t[disableAlpha]=\"true\"\n\t[color]=\"hexColor\"\n\t(onChangeComplete)=\"handleChangeComplete($event.color.hex)\"\n></color-chrome>\n";
+var code = "<ng-container\n\t[ngTemplateOutlet]=\"triggerTemplate\"\n\t[ngTemplateOutletContext]=\"{ isOpen: colorPickerMenuTrigger.menuOpen, isHovered: isHovered }\"\n>\n</ng-container>\n\n<span [matMenuTriggerFor]=\"menu\" #colorPickerMenuTrigger=\"matMenuTrigger\"></span>\n<mat-menu #menu=\"matMenu\" class=\"cc-color-picker-menu\" [xPosition]=\"openXPosition\" [hasBackdrop]=\"false\">\n\t<color-chrome\n\t\trole=\"colorpicker\"\n\t\t(click)=\"$event.stopPropagation()\"\n\t\t[disableAlpha]=\"true\"\n\t\t[color]=\"hexColor\"\n\t\t(onChangeComplete)=\"handleChangeComplete($event.color.hex)\"\n\t></color-chrome>\n</mat-menu>\n";
 // Exports
 module.exports = code;
 
@@ -241969,7 +242014,7 @@ module.exports = code;
 /***/ ((module) => {
 
 // Module
-var code = "<div class=\"custom-configs\">\n\t<md-menu class=\"custom-configs-component\">\n\t\t<md-button class=\"custom-configs-button\" ng-click=\"$ctrl.initView(); $mdMenu.open($event);\" title=\"Open your saved Custom Configs\">\n\t\t\t<i class=\"fa fa-cogs\"></i>\n\t\t</md-button>\n\n\t\t<md-menu-content class=\"custom-configs-drop-down\" width=\"7\">\n\t\t\t<md-menu-item class=\"custom-configs-item\">\n\t\t\t\t<md-button class=\"custom-configs-dialog-name\" ng-disabled=\"true\">Custom Configs</md-button>\n\n\t\t\t\t<md-button\n\t\t\t\t\tclass=\"action-button\"\n\t\t\t\t\tonclick=\"document.getElementById('input-file-id').click()\"\n\t\t\t\t\ttitle=\"Upload Custom Configs (.cc.config.json file).\"\n\t\t\t\t>\n\t\t\t\t\t<i class=\"fa fa-folder-open\" aria-hidden=\"true\"></i>\n\t\t\t\t</md-button>\n\t\t\t\t<md-button\n\t\t\t\t\tng-click=\"$ctrl.downloadPreloadedCustomConfigs()\"\n\t\t\t\t\tng-disabled=\"!$ctrl._viewModel.hasDownloadableConfigs\"\n\t\t\t\t\tclass=\"action-button\"\n\t\t\t\t\ttitle=\"Download Custom Configs related to currently uploaded maps, if any.\"\n\t\t\t\t>\n\t\t\t\t\t<i class=\"fa fa-download\" aria-hidden=\"true\"></i>\n\t\t\t\t</md-button>\n\t\t\t\t<md-button ng-click=\"$ctrl.showAddCustomConfigSettings()\" class=\"action-button\" title=\"Create new Custom Config\">\n\t\t\t\t\t<i class=\"fa fa-plus\" aria-hidden=\"true\"></i>\n\t\t\t\t</md-button>\n\t\t\t</md-menu-item>\n\n\t\t\t<md-divider></md-divider>\n\n\t\t\t<md-menu-item ng-if=\"!$ctrl._viewModel.dropDownCustomConfigItemGroups.length\" class=\"custom-configs-item\">\n\t\t\t\t<md-button disabled>It is time to add your first CustomConfig.</md-button>\n\t\t\t</md-menu-item>\n\n\t\t\t<md-menu-item class=\"custom-configs-item\" ng-repeat=\"customConfigItemGroup in $ctrl._viewModel.dropDownCustomConfigItemGroups\">\n\t\t\t\t<md-button class=\"button-hovering\" ng-click=\"collapsed=!collapsed\" md-prevent-menu-close=\"md-prevent-menu-close\">\n\t\t\t\t\t<span class=\"collapse-trigger\">\n\t\t\t\t\t\tCustom Configs in <strong>{{ customConfigItemGroup.mapSelectionMode | lowercase }}</strong> mode for\n\t\t\t\t\t\t<strong>{{ customConfigItemGroup.mapNames }}</strong>\n\t\t\t\t\t</span>\n\t\t\t\t\t<i ng-show=\"!collapsed\" class=\"collapse-icon fa fa-arrow-down\"></i>\n\t\t\t\t\t<i ng-show=\"collapsed\" class=\"collapse-icon fa fa-arrow-up\"></i>\n\t\t\t\t</md-button>\n\n\t\t\t\t<div class=\"collapsable\" ng-show=\"collapsed\">\n\t\t\t\t\t<div class=\"custom-configs-item\" ng-repeat=\"customConfig in customConfigItemGroup.customConfigItems\">\n\t\t\t\t\t\t<md-button\n\t\t\t\t\t\t\tclass=\"button-hovering\"\n\t\t\t\t\t\t\tng-click=\"$ctrl.applyCustomConfig(customConfig.id)\"\n\t\t\t\t\t\t\tng-disabled=\"!customConfig.isApplicable\"\n\t\t\t\t\t\t\ttitle=\"{{\n\t\t\t\t\t\t\t\tcustomConfig.isApplicable\n\t\t\t\t\t\t\t\t\t? 'Apply Custom Config'\n\t\t\t\t\t\t\t\t\t: 'This one is applicable for map(s) ' +\n\t\t\t\t\t\t\t\t\t  customConfig.mapNames +\n\t\t\t\t\t\t\t\t\t  ' in ' +\n\t\t\t\t\t\t\t\t\t  customConfig.mapSelectionMode +\n\t\t\t\t\t\t\t\t\t  ' mode only.'\n\t\t\t\t\t\t\t}}\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ customConfig.name }}\n\t\t\t\t\t\t</md-button>\n\n\t\t\t\t\t\t<md-button\n\t\t\t\t\t\t\tng-click=\"$ctrl.removeCustomConfig(customConfig.id)\"\n\t\t\t\t\t\t\tclass=\"action-button remove button-hovering\"\n\t\t\t\t\t\t\ttitle=\"Remove Custom Config\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<i class=\"fa fa-minus-square\"></i>\n\t\t\t\t\t\t</md-button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</md-menu-item>\n\t\t</md-menu-content>\n\t</md-menu>\n\n\t<md-menu class=\"custom-configs-component\">\n\t\t<md-button\n\t\t\tclass=\"custom-configs-button plus\"\n\t\t\tng-click=\"$ctrl.showAddCustomConfigSettings();\"\n\t\t\ttitle=\"Quick save current view as a Custom Config\"\n\t\t>\n\t\t\t<i class=\"fa fa-plus\"></i>\n\t\t</md-button>\n\t\t<md-menu-content></md-menu-content>\n\t</md-menu>\n</div>\n";
+var code = "<div class=\"custom-configs\">\n\t<md-menu class=\"custom-configs-component\">\n\t\t<md-button class=\"custom-configs-button\" ng-click=\"$ctrl.initView(); $mdMenu.open($event);\" title=\"Open your saved Custom Configs\">\n\t\t\t<i class=\"fa fa-cogs\"></i>\n\t\t</md-button>\n\n\t\t<md-menu-content class=\"custom-configs-drop-down\" width=\"7\">\n\t\t\t<md-menu-item class=\"custom-configs-item\">\n\t\t\t\t<md-button class=\"custom-configs-dialog-name\" ng-disabled=\"true\">Custom Configs</md-button>\n\n\t\t\t\t<md-button\n\t\t\t\t\tclass=\"action-button\"\n\t\t\t\t\tonclick=\"document.getElementById('input-file-id').click()\"\n\t\t\t\t\ttitle=\"Upload Custom Configs (.cc.config.json file).\"\n\t\t\t\t>\n\t\t\t\t\t<i class=\"fa fa-folder-open\" aria-hidden=\"true\"></i>\n\t\t\t\t</md-button>\n\t\t\t\t<md-button\n\t\t\t\t\tng-click=\"$ctrl.downloadPreloadedCustomConfigs()\"\n\t\t\t\t\tng-disabled=\"!$ctrl._viewModel.hasDownloadableConfigs\"\n\t\t\t\t\tclass=\"action-button\"\n\t\t\t\t\ttitle=\"Download Custom Configs related to currently uploaded maps, if any.\"\n\t\t\t\t>\n\t\t\t\t\t<i class=\"fa fa-download\" aria-hidden=\"true\"></i>\n\t\t\t\t</md-button>\n\t\t\t\t<md-button ng-click=\"$ctrl.showAddCustomConfigSettings()\" class=\"action-button\" title=\"Create new Custom Config\">\n\t\t\t\t\t<i class=\"fa fa-plus\" aria-hidden=\"true\"></i>\n\t\t\t\t</md-button>\n\t\t\t</md-menu-item>\n\n\t\t\t<md-divider></md-divider>\n\n\t\t\t<md-menu-item ng-if=\"!$ctrl._viewModel.dropDownCustomConfigItemGroups.length\" class=\"custom-configs-item\">\n\t\t\t\t<md-button disabled>It is time to add your first CustomConfig.</md-button>\n\t\t\t</md-menu-item>\n\n\t\t\t<md-menu-item\n\t\t\t\tclass=\"custom-configs-item\"\n\t\t\t\tng-repeat=\"customConfigItemGroup in $ctrl._viewModel.dropDownCustomConfigItemGroups |\n                     limitTo: $ctrl._viewModel.visibleEntries\"\n\t\t\t>\n\t\t\t\t<md-button\n\t\t\t\t\tclass=\"button-hovering\"\n\t\t\t\t\tng-click=\"collapsed=!collapsed\"\n\t\t\t\t\tng-style=\"!customConfigItemGroup.hasApplicableItems && { color: 'rgba(0,0,0,0.3)' }\"\n\t\t\t\t\tmd-prevent-menu-close=\"md-prevent-menu-close\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"collapse-trigger\">\n\t\t\t\t\t\tCustom Configs in <strong>{{ customConfigItemGroup.mapSelectionMode | lowercase }}</strong> mode for\n\t\t\t\t\t\t<strong>{{ customConfigItemGroup.mapNames }}</strong>\n\t\t\t\t\t</span>\n\t\t\t\t\t<i ng-show=\"!collapsed\" class=\"collapse-icon fa fa-arrow-down\"></i>\n\t\t\t\t\t<i ng-show=\"collapsed\" class=\"collapse-icon fa fa-arrow-up\"></i>\n\t\t\t\t</md-button>\n\n\t\t\t\t<div class=\"collapsable\" ng-show=\"collapsed\">\n\t\t\t\t\t<div class=\"custom-configs-item\" ng-repeat=\"customConfig in customConfigItemGroup.customConfigItems\">\n\t\t\t\t\t\t<md-button\n\t\t\t\t\t\t\tclass=\"button-hovering\"\n\t\t\t\t\t\t\tng-click=\"$ctrl.applyCustomConfig(customConfig.id)\"\n\t\t\t\t\t\t\tng-disabled=\"!customConfig.isApplicable\"\n\t\t\t\t\t\t\ttitle=\"{{\n\t\t\t\t\t\t\t\tcustomConfig.isApplicable\n\t\t\t\t\t\t\t\t\t? 'Apply Custom Config'\n\t\t\t\t\t\t\t\t\t: 'This one is applicable for map(s) ' +\n\t\t\t\t\t\t\t\t\t  customConfig.mapNames +\n\t\t\t\t\t\t\t\t\t  ' in ' +\n\t\t\t\t\t\t\t\t\t  customConfig.mapSelectionMode +\n\t\t\t\t\t\t\t\t\t  ' mode only.'\n\t\t\t\t\t\t\t}}\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ customConfig.name }}\n\t\t\t\t\t\t</md-button>\n\n\t\t\t\t\t\t<md-button\n\t\t\t\t\t\t\tng-click=\"$ctrl.removeCustomConfig(customConfig.id, $index, $parent.$index)\"\n\t\t\t\t\t\t\tmd-prevent-menu-close=\"md-prevent-menu-close\"\n\t\t\t\t\t\t\tclass=\"action-button remove button-hovering\"\n\t\t\t\t\t\t\ttitle=\"Remove Custom Config\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<i class=\"fa fa-minus-square\"></i>\n\t\t\t\t\t\t</md-button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</md-menu-item>\n\t\t\t<button\n\t\t\t\tng-show=\"$ctrl._viewModel.showNonApplicableButton\"\n\t\t\t\tng-click=\"$ctrl.toggleNonApplicableItems();\"\n\t\t\t\tmd-prevent-menu-close=\"md-prevent-menu-close\"\n\t\t\t>\n\t\t\t\t{{ $ctrl.isExpanded() ? \"Hide non-applicable CustomConfigs\" : \"Show non-applicable CustomConfigs\" }}\n\t\t\t\t<i ng-class=\"$ctrl.isExpanded() ? 'fa fa-angle-up' : 'fa fa-angle-down'\"></i>\n\t\t\t</button>\n\t\t</md-menu-content>\n\t</md-menu>\n\n\t<md-menu class=\"custom-configs-component\">\n\t\t<md-button\n\t\t\tclass=\"custom-configs-button plus\"\n\t\t\tng-click=\"$ctrl.showAddCustomConfigSettings();\"\n\t\t\ttitle=\"Quick save current view as a Custom Config\"\n\t\t>\n\t\t\t<i class=\"fa fa-plus\"></i>\n\t\t</md-button>\n\t\t<md-menu-content></md-menu-content>\n\t</md-menu>\n</div>\n";
 // Exports
 module.exports = code;
 
@@ -242164,7 +242209,7 @@ module.exports = code;
 /***/ ((module) => {
 
 // Module
-var code = "<span [matMenuTriggerFor]=\"menu\" #colorPickerMenuTrigger=\"matMenuTrigger\"></span>\n\n<div class=\"cc-labelled-color-picker-container\">\n\t<div class=\"cc-color-swatch-container\">\n\t\t<span class=\"cc-color-swatch\" [style.background-color]=\"hexColor\"></span>\n\t\t<span #brush [style.color]=\"hexColor | readableColorForBackground\" class=\"cc-color-brush fa fa-paint-brush\"></span>\n\t</div>\n\t<div>\n\t\t<span *ngFor=\"let label of labels\"> {{ label }} <br *ngIf=\"!last\" /></span>\n\t</div>\n</div>\n\n<mat-menu #menu=\"matMenu\" xPosition=\"before\" [hasBackdrop]=\"false\" class=\"cc-color-picker-menu\">\n\t<cc-color-picker [hexColor]=\"hexColor\" (onColorChange)=\"handleColorChange($event)\"></cc-color-picker>\n</mat-menu>\n";
+var code = "<cc-color-picker\n\t[hexColor]=\"hexColor\"\n\t(onColorChange)=\"handleColorChange($event)\"\n\t[openXPosition]=\"'before'\"\n\t[triggerTemplate]=\"colorPickerTriggerTemplate\"\n></cc-color-picker>\n\n<ng-template #colorPickerTriggerTemplate let-isOpen=\"isOpen\" let-isHovered=\"isHovered\">\n\t<div class=\"cc-labelled-color-picker-container\">\n\t\t<div class=\"cc-color-swatch-container\">\n\t\t\t<span class=\"cc-color-swatch\" [style.background-color]=\"hexColor\"></span>\n\t\t\t<span\n\t\t\t\tclass=\"cc-color-brush fa fa-paint-brush\"\n\t\t\t\t[style.color]=\"hexColor | readableColorForBackground\"\n\t\t\t\t[style.opacity]=\"isHovered || isOpen ? '1' : '0'\"\n\t\t\t>\n\t\t\t</span>\n\t\t</div>\n\t\t<div>\n\t\t\t<span *ngFor=\"let label of labels\"> {{ label }} <br *ngIf=\"!last\" /></span>\n\t\t</div>\n\t</div>\n</ng-template>\n";
 // Exports
 module.exports = code;
 
@@ -242447,6 +242492,19 @@ module.exports = code;
 
 /***/ }),
 
+/***/ "./app/codeCharta/ui/nodeContextMenu/focusButtons/focusButtons.component.html":
+/*!************************************************************************************!*\
+  !*** ./app/codeCharta/ui/nodeContextMenu/focusButtons/focusButtons.component.html ***!
+  \************************************************************************************/
+/***/ ((module) => {
+
+// Module
+var code = "<ng-container *ngIf=\"currentFocusedNodePath$ | async | isNodeFocused: codeMapNode; let isNodeFocused\">\n\t<ng-container *ngIf=\"!isNodeFocused.isNodeFocused\">\n\t\t<button mat-button (click)=\"handleFocusNodeClicked()\" id=\"focus-button\" title=\"Only show selected nodes with children-nodes\">\n\t\t\t<i class=\"fa fa-bullseye\"></i> FOCUS\n\t\t</button>\n\t</ng-container>\n\n\t<ng-container *ngIf=\"isNodeFocused.isNodeFocused || isNodeFocused.isParentFocused\">\n\t\t<button mat-button aria-label=\"Remove Focus from node\" (click)=\"handleUnfocusNodeClicked()\" title=\"Show previous focused node\">\n\t\t\t<i class=\"fa fa-bullseye\"></i>\n\t\t\t{{ isNodeFocused.isParentFocused ? \"UNFOCUS PARENT\" : \"UNFOCUS\" }}\n\t\t</button>\n\t\t<button\n\t\t\tmat-button\n\t\t\t*ngIf=\"hasPreviousFocusedNodePath$ | async\"\n\t\t\taria-label=\"Remove Focus from all nodes\"\n\t\t\t(click)=\"handleUnfocusAllNodesClicked()\"\n\t\t\ttitle=\"Show complete map\"\n\t\t>\n\t\t\t<i class=\"fa fa-bullseye\"></i>\n\t\t\tUNFOCUS ALL\n\t\t</button>\n\t</ng-container>\n</ng-container>\n";
+// Exports
+module.exports = code;
+
+/***/ }),
+
 /***/ "./app/codeCharta/ui/nodeContextMenu/markFolderColorPicker/markFolderColorPicker.component.html":
 /*!******************************************************************************************************!*\
   !*** ./app/codeCharta/ui/nodeContextMenu/markFolderColorPicker/markFolderColorPicker.component.html ***!
@@ -242454,7 +242512,7 @@ module.exports = code;
 /***/ ((module) => {
 
 // Module
-var code = "<div class=\"cc-color-picker-trigger fa fa-paint-brush\" [matMenuTriggerFor]=\"menu\" #colorPickerMenuTrigger=\"matMenuTrigger\"></div>\n\n<mat-menu #menu=\"matMenu\" [hasBackdrop]=\"false\" class=\"cc-color-picker-menu\">\n\t<cc-color-picker [hexColor]=\"'#ff0000'\" (onColorChange)=\"markFolder($event)\"></cc-color-picker>\n</mat-menu>\n";
+var code = "<cc-color-picker\n\t[hexColor]=\"'#ff0000'\"\n\t(onColorChange)=\"markFolder($event)\"\n\t[triggerTemplate]=\"colorPickerTriggerTemplate\"\n></cc-color-picker>\n\n<ng-template #colorPickerTriggerTemplate>\n\t<div class=\"cc-color-picker-trigger fa fa-paint-brush\"></div>\n</ng-template>\n";
 // Exports
 module.exports = code;
 
@@ -242471,7 +242529,7 @@ var ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___ = __webpack_require__(/*! ../../../
 var ___HTML_LOADER_IMPORT_0___ = __webpack_require__(/*! ../../../assets/flatten.png */ "./app/assets/flatten.png");
 // Module
 var ___HTML_LOADER_REPLACEMENT_0___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_0___);
-var code = "<md-card id=\"codemap-context-menu\" ng-show=\"$ctrl._viewModel.showNodeContextMenu\">\n\t<div ng-if=\"$ctrl.nodeIsFolder()\">\n\t\t<div layout=\"row\" layout-align=\"center center\">\n\t\t\t<md-button\n\t\t\t\tng-repeat=\"color in $ctrl._viewModel.markingColors track by $index\"\n\t\t\t\tng-style=\"{ 'background-color': '{{ color }}' }\"\n\t\t\t\tng-disabled=\"primary === color && !isPrimary\"\n\t\t\t\tng-click=\"$ctrl.clickColor(color)\"\n\t\t\t\tclass=\"colorButton\"\n\t\t\t\ttitle=\"Colorize folder\"\n\t\t\t>\n\t\t\t\t<i class=\"fa fa-times\" ng-if=\"$ctrl.isNodeOrParentMarked(color)\"></i>\n\t\t\t</md-button>\n\n\t\t\t<cc-mark-folder-color-picker [mark-folder]=\"$ctrl.markFolder\"></cc-mark-folder-color-picker>\n\t\t</div>\n\t\t<md-divider></md-divider>\n\t</div>\n\n\t<div class=\"button-group\">\n\t\t<md-button ng-disabled=\"true\" title=\"{{ $ctrl._viewModel.nodePath }}\">\n\t\t\t{{ $ctrl._viewModel.lastPartOfNodePath }}\n\t\t</md-button>\n\t\t<md-button\n\t\t\tng-show=\"!$ctrl.isNodeFocused()\"\n\t\t\tng-click=\"$ctrl.focusNode()\"\n\t\t\tid=\"focus-button\"\n\t\t\ttitle=\"Only show selected nodes with children-nodes\"\n\t\t\t><i class=\"fa fa-bullseye\"></i> Focus</md-button\n\t\t>\n\t\t<unfocus-button-component\n\t\t\tis-node-focused=\"$ctrl._viewModel.isNodeFocused\"\n\t\t\tis-parent-focused=\"$ctrl._viewModel.isParentFocused\"\n\t\t\tng-show=\"$ctrl.isNodeOrParentFocused()\"\n\t\t></unfocus-button-component>\n\t\t<md-button\n\t\t\tng-if=\"!$ctrl._viewModel.codeMapNode.isFlattened\"\n\t\t\tng-click=\"$ctrl.flattenNode()\"\n\t\t\tid=\"flatten-button\"\n\t\t\ttitle=\"Flatten node and children-nodes, but keep an empty space\"\n\t\t>\n\t\t\t<img alt=\"flattenIcon\" class=\"png-icon\" src=\"" + ___HTML_LOADER_REPLACEMENT_0___ + "\" style=\"width: 17px; height: 17px\" />\n\t\t\tFlatten\n\t\t</md-button>\n\t\t<md-button\n\t\t\tng-if=\"$ctrl._viewModel.codeMapNode.isFlattened\"\n\t\t\tng-click=\"$ctrl.showFlattenedNode()\"\n\t\t\ttitle=\"Show node and children-nodes\"\n\t\t\t><img alt=\"flattenIcon\" class=\"png-icon\" src=\"" + ___HTML_LOADER_REPLACEMENT_0___ + "\" style=\"width: 17px; height: 17px\" /> Show</md-button\n\t\t>\n\t\t<md-button\n\t\t\tng-if=\"!$ctrl.isNodeConstantlyHighlighted()\"\n\t\t\ttitle=\"Highlight node constantly\"\n\t\t\tng-click=\"$ctrl.addNodeToConstantHighlight()\"\n\t\t\t><i class=\"fa fa-cubes\"></i> Keep Highlight</md-button\n\t\t>\n\t\t<md-button\n\t\t\tng-if=\"$ctrl.isNodeConstantlyHighlighted()\"\n\t\t\ttitle=\"Remove constant highlight\"\n\t\t\tng-click=\"$ctrl.removeNodeFromConstantHighlight()\"\n\t\t\t><i class=\"fa fa-cubes\"></i> Remove Highlight</md-button\n\t\t>\n\n\t\t<md-button ng-click=\"$ctrl.excludeNode()\" id=\"exclude-button\" title=\"Exclude node and children-nodes and reorder the CodeMap\"\n\t\t\t><i class=\"fa fa-ban\"></i> Exclude</md-button\n\t\t>\n\t</div>\n</md-card>\n";
+var code = "<md-card id=\"codemap-context-menu\" ng-show=\"$ctrl._viewModel.showNodeContextMenu\">\n\t<div ng-if=\"$ctrl.nodeIsFolder()\">\n\t\t<div layout=\"row\" layout-align=\"center center\">\n\t\t\t<md-button\n\t\t\t\tng-repeat=\"color in $ctrl._viewModel.markingColors track by $index\"\n\t\t\t\tng-style=\"{ 'background-color': '{{ color }}' }\"\n\t\t\t\tng-disabled=\"primary === color && !isPrimary\"\n\t\t\t\tng-click=\"$ctrl.clickColor(color)\"\n\t\t\t\tclass=\"colorButton\"\n\t\t\t\ttitle=\"Colorize folder\"\n\t\t\t>\n\t\t\t\t<i class=\"fa fa-times\" ng-if=\"$ctrl.isNodeOrParentMarked(color)\"></i>\n\t\t\t</md-button>\n\n\t\t\t<cc-mark-folder-color-picker [mark-folder]=\"$ctrl.markFolder\"></cc-mark-folder-color-picker>\n\t\t</div>\n\t\t<md-divider></md-divider>\n\t</div>\n\n\t<div class=\"button-group\">\n\t\t<md-button ng-disabled=\"true\" title=\"{{ $ctrl._viewModel.nodePath }}\">\n\t\t\t{{ $ctrl._viewModel.lastPartOfNodePath }}\n\t\t</md-button>\n\n\t\t<cc-focus-buttons [code-map-node]=\"$ctrl._viewModel.codeMapNode\"></cc-focus-buttons>\n\t\t<md-button\n\t\t\tng-if=\"!$ctrl._viewModel.codeMapNode.isFlattened\"\n\t\t\tng-click=\"$ctrl.flattenNode()\"\n\t\t\tid=\"flatten-button\"\n\t\t\ttitle=\"Flatten node and children-nodes, but keep an empty space\"\n\t\t>\n\t\t\t<img alt=\"flattenIcon\" class=\"png-icon\" src=\"" + ___HTML_LOADER_REPLACEMENT_0___ + "\" style=\"width: 17px; height: 17px\" />\n\t\t\tFlatten\n\t\t</md-button>\n\t\t<md-button\n\t\t\tng-if=\"$ctrl._viewModel.codeMapNode.isFlattened\"\n\t\t\tng-click=\"$ctrl.showFlattenedNode()\"\n\t\t\ttitle=\"Show node and children-nodes\"\n\t\t\t><img alt=\"flattenIcon\" class=\"png-icon\" src=\"" + ___HTML_LOADER_REPLACEMENT_0___ + "\" style=\"width: 17px; height: 17px\" /> Show</md-button\n\t\t>\n\t\t<md-button\n\t\t\tng-if=\"!$ctrl.isNodeConstantlyHighlighted()\"\n\t\t\ttitle=\"Highlight node constantly\"\n\t\t\tng-click=\"$ctrl.addNodeToConstantHighlight()\"\n\t\t\t><i class=\"fa fa-cubes\"></i> Keep Highlight</md-button\n\t\t>\n\t\t<md-button\n\t\t\tng-if=\"$ctrl.isNodeConstantlyHighlighted()\"\n\t\t\ttitle=\"Remove constant highlight\"\n\t\t\tng-click=\"$ctrl.removeNodeFromConstantHighlight()\"\n\t\t\t><i class=\"fa fa-cubes\"></i> Remove Highlight</md-button\n\t\t>\n\n\t\t<md-button ng-click=\"$ctrl.excludeNode()\" id=\"exclude-button\" title=\"Exclude node and children-nodes and reorder the CodeMap\"\n\t\t\t><i class=\"fa fa-ban\"></i> Exclude</md-button\n\t\t>\n\t</div>\n</md-card>\n";
 // Exports
 module.exports = code;
 
@@ -242659,19 +242717,6 @@ module.exports = code;
 
 /***/ }),
 
-/***/ "./app/codeCharta/ui/unfocusButton/unfocusButton.component.html":
-/*!**********************************************************************!*\
-  !*** ./app/codeCharta/ui/unfocusButton/unfocusButton.component.html ***!
-  \**********************************************************************/
-/***/ ((module) => {
-
-// Module
-var code = "<div layout=\"column\">\n\t<md-button aria-label=\"Remove Focus from node\" ng-click=\"$ctrl.removeFocusedNode()\" title=\"Show previous focused node\"\n\t\t><i class=\"fa fa-bullseye\"></i>\n\t\t<span ng-show=\"$ctrl.isParentFocused\">Unfocus Parent</span>\n\t\t<span ng-show=\"$ctrl.isNodeFocused\">Unfocus</span>\n\t</md-button>\n\t<md-button\n\t\taria-label=\"Remove Focus from all nodes\"\n\t\tng-click=\"$ctrl.removeFocusedNode(true)\"\n\t\ttitle=\"Show complete map\"\n\t\tng-show=\"$ctrl._viewModel.focusedNodes.length > 1\"\n\t\t><i class=\"fa fa-bullseye\"></i>\n\t\t<span>Unfocus All</span>\n\t</md-button>\n</div>\n";
-// Exports
-module.exports = code;
-
-/***/ }),
-
 /***/ "./app/codeCharta/ui/viewCube/viewCube.component.html":
 /*!************************************************************!*\
   !*** ./app/codeCharta/ui/viewCube/viewCube.component.html ***!
@@ -242692,7 +242737,7 @@ module.exports = code;
 /***/ ((module) => {
 
 // Module
-var code = "<h1>Change Log</h1>\n<p>All notable changes to this project will be documented in this file.</p>\n<p>The format is based on <a href=\"http://keepachangelog.com/\">Keep a Changelog</a>\nand this project adheres to <a href=\"http://semver.org/\">Semantic Versioning</a></p>\n<h2>[unreleased] (Added 🚀 | Changed | Removed 🗑 | Fixed 🐞 | Chore 👨‍💻 👩‍💻)</h2>\n<h2>[1.86.0] - 2021-12-20</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Add 3D export feature for 3D printing <a href=\"https://github.com/MaibornWolff/codecharta/pull/2561\">#2561</a>. \n \n</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Replace all color pickers in the context of ongoing Angular migration <a href=\"https://github.com/MaibornWolff/codecharta/pull/2560\">#2560</a>.</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix showing names of custom configs properly <a href=\"https://github.com/MaibornWolff/codecharta/pull/2557\">#2557</a></li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>Migrate legend panel to Angular <a href=\"https://github.com/MaibornWolff/codecharta/pull/2560\">#2560</a>.</li>\n</ul>\n<h2>[1.85.0] - 2021-12-13</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix delta values of secondary metrics not shown in delta mode within attribute side bar <a href=\"https://github.com/MaibornWolff/codecharta/issues/2539\">#2539</a>.</li>\n<li>Use icon tag instead of font awesome icon <a href=\"https://github.com/MaibornWolff/codecharta/pull/2537\">#2537</a>.</li>\n<li>Rename text for placeholder of metric chooser <a href=\"https://github.com/MaibornWolff/codecharta/pull/2547\">#2547</a></li>\n<li>Fix attribute type selector of primary edge metric not shown <a href=\"https://github.com/MaibornWolff/codecharta/issues/2528\">#2528</a>.</li>\n<li>Identical files and files with identical file names but different hashes can be loaded <a href=\"https://github.com/MaibornWolff/codecharta/pull/2548\">#2548</a></li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>Remove <code>secondaryMetrics</code> from store and remove <code>secondaryMetrics.service</code> as the data can be derived from selected node <a href=\"https://github.com/MaibornWolff/codecharta/pull/2527\">#2527</a>.</li>\n<li>Migrate <code>attribute-side-bar-component</code> to Angular <a href=\"https://github.com/MaibornWolff/codecharta/pull/2527\">#2527</a>.</li>\n<li>Switch from Webpack 4 Loaders to Asset Module to load icons properly with css-loader 6.x <a href=\"https://github.com/MaibornWolff/codecharta/pull/2542\">#2542</a>.</li>\n</ul>\n<h3>Removed 🗑</h3>\n<ul>\n<li>Remove notification dialog when deleting a custom config <a href=\"https://github.com/MaibornWolff/codecharta/pull/2553\">#2553</a></li>\n</ul>\n<h2>[1.84.1] - 2021-11-29</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix compressed files not being loaded (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2525\">#2524</a>)</li>\n</ul>\n<h2>[1.84.0] - 2021-11-22</h2>\n<h3>Changed</h3>\n<ul>\n<li>Improved the UI and usability of the Suspicious Metrics Feature (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2494\">#2376</a>) \n<ul>\n<li>The Metrics and the Analysis are now split in two menus \n</li>\n<li>The Suspicious Metrics are now sorted with the Very High Risk on top \n</li>\n<li>The bar in the analysis shows the percentages \n</li>\n</ul>\n</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix showing labels when weighted gradient on yellow buildings in color metric options are enabled (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2511\">#2511</a>)</li>\n<li>Fix rounding of the sum of percentages in risk profile (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2516\">#2393</a>)</li>\n<li>Fix legend panel not having a background (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2510\">#2422</a>)</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>Remove <code>nodeSearch.service.ts</code> and <code>searchedNodePaths</code> from store as they can be derived from <code>searchPattern</code> (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2495\">#2495</a>).</li>\n<li>Refactor where metric data are calculated (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2514\">#2514</a>).</li>\n<li>Migrate <code>attribute-type-selector-component</code> to Angular (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2519\">#2519</a>).</li>\n</ul>\n<h2>[1.83.1] - 2021-11-10</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix loading files from URL in Web Demo (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2494\">#2494</a>)</li>\n</ul>\n<h2>[1.83.0] - 2021-11-09</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix unwanted calculations of suspicious metrics when experimental features are disabled (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2471\">#2471</a>)</li>\n<li>Fix UI issues in the configuration panel (<a href=\"https://github.com/maibornwolff/codecharta/issues/2322\">#2322</a>)</li>\n<li>Fix tooltip of sorting order button in map tree view showing wrong sorting order (<a href=\"https://github.com/maibornwolff/codecharta/issues/2473\">#2473</a>)</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Calculate MD5 checksum when generating .cc.json files (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2450\">#2411</a>)</li>\n</ul>\n<h2>[1.82.0] - 2021-10-18</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix what's new section including the last opened version (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2453\">#2447</a>)</li>\n<li>Fix unfocus button text not showing correctly (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2439\">#2439</a>)</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Folders in the Folder structure view of the top left come now always before any files, regardless of the sort order.</li>\n</ul>\n<h2>[1.81.0] - 2021-10-11</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix color picker not being usable (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2439\">#2439</a>)</li>\n<li>Fix Changelog inconsistencies (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2425\">#2425</a>) \n</li>\n<li>Fix memory and performance issues related to drawing labels on floors/folders (<a href=\"https://github.com/MaibornWolff/codecharta/issues/2348\">#2348</a>).</li>\n<li>Hides legend block if label description is not available and adds new metric descriptions (<a href=\"https://github.com/maibornwolff/codecharta/issues/2377\">#2377</a>).</li>\n</ul>\n<h2>[1.80.0] - 2021-10-04</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Adds feature to display building colors as a gradients (<a href=\"https://github.com/MaibornWolff/codecharta/issues/2327\">#2327</a>).\n<ul>\n<li>\"Weighted Gradient\" only mixes colors in a small interval around the preset values.</li>\n<li>\"True Gradient\" mixes colors from the 0 to the highest value, the two preset color range values determine the balance.</li>\n<li>\"Absolute\" represents the old behaviour without gradients. \n</li>\n</ul>\n</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix broken file/node search #2389</li>\n<li>Fix changelog inconsistencies (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2425\">#2425</a>)</li>\n</ul>\n<h2>[1.79.0] - 2021-09-20</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Add metric descriptions to the frontend and show a translation next to the entry (<a href=\"https://github.com/MaibornWolff/codecharta/issues/2330\">#2330</a>) \n</li>\n<li>An option has been added to the global settings to enable copying screenshots to clipboard instead of saving them in a file (<a href=\"https://github.com/MaibornWolff/codecharta/issues/2326\">#2326</a>) \n</li>\n<li>Add changelog guidelines (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2358\">#2358</a>)</li>\n<li>A changelog dialog with the latest additions to CodeCharta appears on version update (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2342\">#1315</a>) \n</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix broken method call in screenshot feature.</li>\n<li>Improve changelog entries.</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Changing the background color and remove \"outgoing\" and \"incoming\" edges from the legend, if not applicable (<a href=\"https://github.com/MaibornWolff/codecharta/issues/2330\">#2330</a>)</li>\n<li>Improve the user experience for the AI Feature \"Suspicious Metrics and Risk Profiles\" and enable it for any programming language (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2362\">#2362</a>) \n</li>\n</ul>\n<h2>[1.78.0] - 2021-09-06</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>A changelog dialog with the latest additions to CodeCharta appears on version update (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1315\">#1315</a>)</li>\n<li>Add documentation for SCMLogParserV2 (<a href=\"https://github.com/maibornwolff/codecharta/issues/1349\">#1349</a>)</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Empty temporary label during hovering (<a href=\"https://github.com/maibornwolff/codecharta/issues/2328\">#2328</a>)</li>\n<li>Show the screenshot hotkey in the screenshot title (<a href=\"https://github.com/maibornwolff/codecharta/issues/2323\">#2323</a>)</li>\n<li>Improved rendering performance (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2345\">#2345</a>)</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>Update GH-Pages and visualization dependencies (<a href=\"https://github.com/maibornwolff/codecharta/issues/2356\">#2356</a>)</li>\n</ul>\n<h2>[1.77.0] - 2021-07-30</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>The \"Color Metric Options\" panel and \"Legend\" panel display the maximum value of the selected metric instead of infinite. (<a href=\"https://github.com/maibornwolff/codecharta/issues/1520\">#1520</a>)</li>\n<li>Mark color-section as unimportant in delta mode (<a href=\"https://github.com/maibornwolff/codecharta/issues/769\">#769</a>)</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Small ui improvements added. (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1881\">#1881</a>)</li>\n<li>Numbers/Percentages always show in the distribution bar(<a href=\"https://github.com/MaibornWolff/codecharta/issues/1540\">#1540</a>)\n<ul>\n<li>Toggle between percentage and absolute numbers by clicking anywhere on the (expanded) distribution bar.</li>\n<li>The old expanded distribution bar is now accessible through a button.</li>\n</ul>\n</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>It is no longer possible to exclude all files on the map (<a href=\"https://github.com/MaibornWolff/codecharta/issues/901\">#901</a>)</li>\n</ul>\n<h2>[1.76.0] - 2021-07-13</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Custom metric scenarios which include the 'Color-Metric' (rloc) will now also save any changes made to the color scheme.</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Performance improvements when loading new files. (<a href=\"https://github.com/maibornwolff/codecharta/issues/1312\">#1312</a>)</li>\n</ul>\n<h2>[1.75.0] - 2021-07-05</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Imported files are now compressed by default. Use the -nc parameter to uncompress the files. (<a href=\"https://github.com/maibornwolff/codecharta/issues/1702\">#1702</a>)</li>\n<li>Export the current view as a png image by using \"Ctrl+Alt+S\" or clicking the corresponding button (<a href=\"https://github.com/MaibornWolff/codecharta/issues/674\">#674</a>)</li>\n<li>Show only labels of buildings according to a chosen color (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1347\">#1347</a>)</li>\n<li>New buttons to reset the color hex values and color metric thresholds separately (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1613\">#1613</a>) \n</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Metric aggregations now work as intended and are available from the sidebar when selecting folders (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1953\">#1953</a>)</li>\n<li>Opening new files does no longer remove old ones.\n<ul>\n<li>Already loaded files can be individually removed.</li>\n<li>The 'Multiple' view will select the latest files. \n</li>\n</ul>\n</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>It is now possible to rotate the map by rotating the view cube (<a href=\"https://github.com/MaibornWolff/codecharta/issues/353\">#353</a>)</li>\n</ul>\n<h2>[1.74.0] - 2021-05-31</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>SonarImport: SonarQube 8.8 support. Older versions are still supported.</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Only show labels for building included in the search</li>\n<li>Color slider not initialized correctly (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1592\">#1592</a>)</li>\n</ul>\n<h2>[1.73.0] - 2021-05-10</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Improve descriptions (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1879\">#1879</a>)\n\n<img src=\"https://user-images.githubusercontent.com/57844849/115393175-b2897b00-a1e1-11eb-8601-d2128f3469a3.png\" alt=\"option dialog\"></li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Excluding in delta mode is broken (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1578\">#1578</a>)\n(Inclusion and exclusion of files using wildcard searches in the flatten and exclude operations)</li>\n<li>Fix labels and lines missing a connection in some cases(<a href=\"https://github.com/MaibornWolff/codecharta/issues/1716\">#1716</a>)</li>\n<li>Ribbons resizing when expanding (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1952\">#1952</a>)</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>Fix breaking changes with newest three-js version(<a href=\"https://github.com/MaibornWolff/codecharta/issues/1877\">#1877</a>)</li>\n</ul>\n<h2>[1.72.0] - 2021-04-22</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Hints for Global Settings (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1715\">#1715</a>)</li>\n<li>Indicate total nodes and excluded / flattened nodes in file explorer (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1880\">#1880</a>)</li>\n<li>Add path to node context menu (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1667\">#1667</a>)</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Made the header semi responsive (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1037\">#1037</a>)</li>\n</ul>\n<h2>[1.71.2] - 2021-03-16</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>DevOps pipeline changes</li>\n<li>Fixed web visualization in github</li>\n</ul>\n<h2>[1.71.1] - 2021-03-16</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>DevOps pipeline changes</li>\n</ul>\n<h2>[1.71.0] - 2021-03-16</h2>\n<h3>Changed</h3>\n<ul>\n<li>Disable unready AI function</li>\n<li>Fix linter errors</li>\n<li>Fix editorconfig</li>\n</ul>\n<h2>[1.70.2] - 2021-03-12</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>DevOps pipeline changes</li>\n<li>Project naming for Docker deployment</li>\n</ul>\n<h2>[1.70.1] - 2021-03-12</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>DevOps pipeline changes</li>\n</ul>\n<h2>[1.70.0] - 2021-03-09</h2>\n<h3>Changed</h3>\n<ul>\n<li>Render on demand (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1728\">#1728</a>)</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Memory leaks</li>\n</ul>\n<h2>[1.69.0] - 2021-02-23</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Added WebGL FXAA antialias &#x26; PixelRatio Options in order to achieve better resolution on high dpi displays(https://github.com/MaibornWolff/codecharta/pull/1551).\n<img src=\"https://user-images.githubusercontent.com/74670211/106582136-f4404900-6543-11eb-8f5b-5e1ec47457c7.png\" alt=\"option dialog\">\nThere are 4 available modes:\n<ul>\n<li><strong>standard mode</strong>: the pixel density is only applied to the small cube with standard browser aliasing</li>\n<li><strong>pixel ratio without aliasing</strong>: no antialiasing is used</li>\n<li><strong>pixel ration with FXAA</strong>: Nvidia FXAA antialiasing shader is used as an alisaing technique. this has better perfromance the standard browser aliasing aliasing</li>\n<li><strong>pixel ration with MSAA</strong>: this is the best aliasing quality, slower then FXAA.</li>\n</ul>\n</li>\n<li>Added GPU Stats (only in dev mode)</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Unfocus now respects the focus depth (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1099\">#1099</a>)</li>\n<li>Track anonymous usage data also for older CodeCharta API versions and fix some minor bugs.</li>\n</ul>\n<h2>[1.68.0] - 2021-02-08</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>A new experimental feature has been added to track anonymous metadata of a currently loaded map.\n<ul>\n<li>Neither the map name nor file names will be tracked but anonymous metric values and statistics like (average, min, max).</li>\n<li>The tracked data will not be sent to a server yet. Instead, it can be downloaded as a json file in the Global Settings for now.</li>\n<li>It is planned to send the anonymous data to a server in the future, so that we can collect tracking data automatically.</li>\n<li><img src=\"https://user-images.githubusercontent.com/26900540/106896300-ac5f2480-66f1-11eb-8096-246d1733c0ee.png\" alt=\"example of new feature\"></li>\n</ul>\n</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Errors occurred in delta mode if names of root folders were different</li>\n<li>Switching maps in delta mode now shows the differences between the maps (<a href=\"https://github.com/maibornwolff/codecharta/issues/1606\">#1606</a>)</li>\n<li>Label over hovered building not shown for height Metric value of zero (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1623\">#1623</a>)</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>CodeChartaStorage class has been introduced to dynamically store values either on disk (standalone version) or in the localStorage (web version). This is the first step to solve <a href=\"https://github.com/MaibornWolff/codecharta/issues/684\">#684</a>.</li>\n</ul>\n<h2>[1.67.0] - 2021-01-26</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>\n<p>Allow opening files from local drive by double clicking on the buildings or clicking on their names (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1314\">#1314</a>)</p>\n<ul>\n<li>Only available in the standalone version!</li>\n<li>files are opened in associated third-party applications</li>\n<li>web-links are opened in a browser window</li>\n</ul>\n</li>\n<li>\n<p>Allow customized color in the node context menu (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1556\">#1556</a>).</p>\n<p><a href=\"https://user-images.githubusercontent.com/3596742/104302048-a007f300-54c8-11eb-86c1-287483884783.png\">!example of new feature #1556</a></p>\n</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>fixed wrong max tree map visibility (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1624\">#1624</a>)</li>\n<li>fixed incorrect label placement on delta maps that share no common nodes (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1686\">#1686</a>)</li>\n</ul>\n<h2>[1.66.0] - 2021-01-18</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Allow color of buildings to be customizable in the ribbon bar and in the legend. Colors of edges are now customizable as well (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1533\">#1533</a>)\n<img src=\"https://user-images.githubusercontent.com/3596742/103547861-3c1c7380-4ea5-11eb-8df2-541caf65b9df.png\" alt=\"example of new feature\"></li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Global settings not reverting to default ones (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1632\">#1632</a>)</li>\n<li>Maximum treemap files shown in squarified node (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1624\">#1624</a>)</li>\n<li>Wrong folder names and colors in legend when using the highlight folder feature (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1555\">#1555</a>)</li>\n<li>Temporary labels are placed at the wrong height for scaled buildings (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1618\">#1618</a>)</li>\n<li>Visible labels will disappear or placed lower for scaled buildings (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1619\">#1619</a>)</li>\n<li>Unnecessary break line for secondary metrics (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1093\">#1093</a>)</li>\n</ul>\n<h2>[1.65.0] - 2020-12-23</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Highlight label while hovering over building, draw a temporary label for hovered buildings that have none (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1529\">#1529</a>)</li>\n<li>Integrated streetlayout (<a href=\"https://github.com/MaibornWolff/codecharta/issues/904\">#904</a>)\n<img src=\"https://user-images.githubusercontent.com/63230711/78872405-87eed900-7a49-11ea-984a-c0ef738779b9.png\" alt=\"cc_street_ccv\">\nIn street layout file nodes are displayed as buildings and directories are displayed as streets. A street layout has the advantage of a more apparent directory structure and stable positioning of nodes after metric changes.\ntwo different Street layout are integrated : - StreetLayout : as described above. - TMStreet : a combination of street layout and squarified layout.</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>The button to see excluded buildings is now merged into the flattened button. Excluded and flattened buildings can now be seen by opening the building with the eye slash icon (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1543\">#1543</a>)</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Height scaling not applied to buildings (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1595\">#1595</a>))</li>\n<li>Fixed multiple label positioning/scaling bugs</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>e2e flaky test (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1322\">#1322</a>)</li>\n</ul>\n<h2>[1.64.0] - 2020-12-15</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>\n<p>Download and upload Custom Configurations is now possible (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1472\">#1472</a>)</p>\n<ul>\n<li>Open the Custom Configs menu in the toolbar on top of the map</li>\n<li>Next to the <code>plus</code> Button you can see two new buttons: Upload and download.\n<ul>\n<li>Download: If you already have added Custom Configs you can download them by clicking the download button.\n<ul>\n<li>Custom Configs which are applicable for the currently selected map(s) will be downloaded as <code>.cc.config.json</code> files.</li>\n</ul>\n</li>\n<li>Upload: Click the upload button and specify your Custom Config file (<code>&#x3C;file-name>.cc.config.json</code>)\n<ul>\n<li>Already existing Custom Configs will be skipped.</li>\n<li>Different Custom Configs with same names will be renamed.</li>\n<li>Another way to upload your Custom Configs is to upload a <code>.cc.json</code> file together with one or multiple <code>.cc.config.json</code> files using the default <code>Load .cc.json map</code> button in the upper left corner.</li>\n</ul>\n</li>\n</ul>\n</li>\n<li>The Configs are stored to the local storage of your browser.\n<ul>\n<li>If a limit of <code>768KB</code> is exceeded you will see a warning when trying to add a new Custom Config.</li>\n<li>You can click the displayed \"download and purge\" button to download/backup at least 6 months old Configs and then purge them from the local storage to make space for new ones.</li>\n<li>If we cannot purge any Configs, you might have to do that by your own by deleting specific Configs manually.</li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Increase possible margin size (<a href=\"https://github.com/MaibornWolff/codecharta/pull/1490\">#1490</a>)\n<ul>\n<li>change displayed margin value from % to pixel</li>\n<li>change dynamic margin value to a default margin value that should fit the map</li>\n</ul>\n</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Re-enabled color selection for folders and on hover (<a href=\"https://github.com/MaibornWolff/codecharta/pull/1544\">#1544</a>)</li>\n<li>Labels do not take delta height into account (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1523\">#1523</a>)</li>\n<li>The calculation of the map resolution scale factor was wrong (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1491\">#1491</a>)\n<ul>\n<li>The factor is used to decrease the map resolution especially for big maps to avoid performance issues.</li>\n<li>Now only the selected maps will be considered for the calculation. Unselected maps will be skipped.</li>\n</ul>\n</li>\n</ul>\n<h2>[1.63.0] - 2020-11-30</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Add the folder name onto the floor on the first 3 layers to get a better overview of the map (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1491\">#1491</a>)</li>\n<li>UX Improvements related to labels allowing for user interaction #1404\n<ul>\n<li>Labels can be hovered, hovering their corresponding node</li>\n<li>Selecting a label will select the corresponding node</li>\n<li>Hovering a label will remove its transparency and move towards the user:\n<ul>\n<li>If other labels obstruct the hovered label it will move to the front</li>\n</ul>\n</li>\n<li>Increased the transparency of other labels; this makes it easier to distinguish the hovered label</li>\n<li>Increase the amount of labels to 250.</li>\n</ul>\n</li>\n<li>Show file count of folders in Attribute-Side-Bar (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1255\">#1255</a>):\n<img src=\"https://user-images.githubusercontent.com/3596742/100371884-be915800-3008-11eb-89f5-ed57c62680cc.png\" alt=\"img showing file count of folder\"></li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Buildings are flattened when delta is active #824.</li>\n<li>Selected Building now stays highlighted when map is rotated #1498</li>\n</ul>\n<h2>[1.62.0] - 2020-11-12</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>\n<p>A new option in the Global Settings allows to enable/disable experimental features #1318</p>\n<ul>\n<li>Click on the settings button in the upper right corner to open the Global Settings dialog.</li>\n<li>Activate/Deactivate the new option \"Enable Experimental Features\"</li>\n<li>The features will be shown/hidden accordingly</li>\n</ul>\n</li>\n<li>\n<p>\"CustomViews\", the first experimental feature has been added #1318</p>\n<ul>\n<li>It must be enabled by activating the new option in the Global Settings dialog as mentioned before.</li>\n<li>You can save your current map configurations to replay/restore them later.</li>\n<li>A saved CustomView can only be applied for it's original map.</li>\n<li>This will enable you to be more efficient in analizing projects by switching between different CustomViews.</li>\n</ul>\n</li>\n<li>\n<p>NodeContextMenu now contains option to keep buildings highlighted #1323</p>\n</li>\n<li>\n<p>Fixed Folder algorithm supports nested (parent-child) Fixed Folders #1431</p>\n<ol>\n<li>Define children of a Fixed Folder also as Fixed Folders by adding the <code>fixedPosition</code> attribute manually in <code>.cc.json</code>.</li>\n<li>All children of a parent Fixed Folder must be fixed.</li>\n<li>Read the how-to guide for further information: https://maibornwolff.github.io/codecharta/how-to/fixate_folders_with_a_custom_cc_json/</li>\n</ol>\n</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>\n<p>Improved search</p>\n<ol>\n<li>Not providing any star in the search bar from now on expects the input to\nbe a wildcard search. Thus, files are going to match paths that have\nleading or following characters. E.g., <code>oo</code> is going to match\n<code>/root/foobar</code>.</li>\n<li>To use the explicit former search mode, wrap the search entry in quotes as\nin: <code>\"oo\"</code>. This would only match filenames that are exactly <code>oo</code>.</li>\n<li>The search field accepts multiple search entries at once, separated by\ncommata. <code>foo,bar</code> is going to search for both <code>*foo*</code> and <code>*bar*</code> and\nmarks all matched files accordingly.</li>\n<li>It is possible to invert the search with a leading exclamation mark as in\n<code>!foobar</code>. That will match any file that does not match <code>*foobar*</code>. It is\nonly possible to invert the complete input, not individual search entries.</li>\n<li>Whitespace handling changed to ignore leading whitespace.</li>\n</ol>\n</li>\n<li>\n<p>Distribution metric #1188</p>\n<ol>\n<li>set rloc to default distribution metric, showing language percentages for real lines of code, if available. Else set to unary to show language distribution over files</li>\n</ol>\n</li>\n<li>\n<p>Improved file sorting in the file overview of the search bar</p>\n<ul>\n<li>Numbers are sorted naturally</li>\n<li>Characters are compared with their base character (e.g., <code>a</code> is now next to <code>á</code>).</li>\n</ul>\n</li>\n<li>\n<p>Label metric not shown by default anymore</p>\n</li>\n</ul>\n<h2>[1.61.0] - 2020-10-30</h2>\n<h3>Changed</h3>\n<ul>\n<li>Disable highlighting buildings during map movement #1432</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>File tree/flattened/excluded overlay visualization is buggy #1269</li>\n<li>EdgePreview on Map broken when selecting zero #1276</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>Schedules and merge retries of dependabot dependency updates changed</li>\n</ul>\n<h2>[1.60.2] - 2020-10-24</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Mouse cursor flickering #1170</li>\n<li>Fix flipping map when clicking any option in the toolbar #1410</li>\n<li>Fix edge metric not working correctly</li>\n</ul>\n<h2>[1.60.1] - 2020-10-20</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Issue with first start without an internet connection not working#1266</li>\n<li>Issue with ribbon bar sizes for opened cards #1035</li>\n</ul>\n<h2>[1.60.0] - 2020-10-16</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Parsing feedback with progressbar and probable ETA for parsers and SonarImporter #847</li>\n<li>Mark node names and make the names clickable for nodes that have a link to them #1313</li>\n<li>Indicate the metric name next to a shown value in a new line on labels #1035</li>\n<li>Checkboxes to display metric names and values and to display node names on labels #1035</li>\n<li>Mark node names and make the names clickable for nodes that have a link to them #1313</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Label design #1035</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>First start without an internet connection of standalone not working #1266</li>\n<li>Comparing a map in delta mode shows the correct differences</li>\n<li>This mainly applies to maps compared with itself while it also fixes some other minor miscalculations</li>\n<li>File extensions detection is improved</li>\n<li>Zooming in and out the map will now close the node context menu #1324\n<ul>\n<li>Improved and simplified event handling in NodeContextMenu component</li>\n</ul>\n</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>Improved performance of multiple operations (e.g., delta mode).</li>\n</ul>\n<h2>[1.59.0] - 2020-10-09</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>New EXPERIMENTAL SCMLogParser version</li>\n<li>Improved performance around 300% when parsing CodeCharta</li>\n<li>Improved memory usage</li>\n<li>Fixed issue with old parser creating incorrect nodes in CodeCharta #871</li>\n<li>ATTENTION: the parser is experimental, therefore some potential issues might remain, e.g. potentially an unhandled edge case when parsing node</li>\n<li>To use the new parser a reversed git log is needed, as well as a git file list, refer to <code>ccsh scmlogparserv2 -h</code> for additional information</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Color-Metric slider is set and activated in the map accordingly to the released sliderbutton #1319</li>\n<li>Deselcting a building will instantly dehighlight the buildings which were connected through edges #890</li>\n</ul>\n<h2>[1.58.1] - 2020-10-02</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Showing wrong edges when hovering a building after selecting one #1137</li>\n</ul>\n<h2>[1.58.0] - 2020-10-02</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Add active color metric to the top of the legend panel #1278</li>\n<li>SourceCodeParser: Java 14 Support #1277</li>\n</ul>\n<h2>[1.57.4] - 2020-09-25</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Metric-Settings-Panels closed when clicking an option inside the panel #1258</li>\n<li>Improve loading and rendering maps performance</li>\n</ul>\n<h2>[1.57.3] - 2020-09-18</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Improve overall performance for loading and rendering maps</li>\n<li>Improve error messages when a file can't be loaded with the URL parameters</li>\n</ul>\n<h2>[1.57.2] - 2020-09-11</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>New API version 1.2 not set correctly in analysis</li>\n</ul>\n<h2>[1.57.1] - 2020-09-11</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Validation of unique filenames not checking for the complete path and instead throwing an error on duplicate filename</li>\n</ul>\n<h2>[1.57.0] - 2020-09-11</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li><code>fixedPosition</code> as a new property in the <code>cc.json</code> that allows to fixate folders in the map</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li><code>cc.json</code> version updated to <code>1.2</code></li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Compressed `cc.jsons (.gz) not marked as accepted when selecting a file in the file chooser</li>\n</ul>\n<h3>Docs 🔎</h3>\n<ul>\n<li><a href=\"https://maibornwolff.github.io//codecharta/how-to/fixate_folders_with_a_custom_cc_json/\">How-To: Fixate Folders in the <code>cc.json</code></a></li>\n<li>CC-Json-API changes</li>\n</ul>\n<h2>[1.56.0] - 2020-09-04</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Improve performance when switching to multiple or delta mode when edges are available</li>\n<li>Scenario with EdgeMetric is only appliable when EdgeMetric is existing for the Map #1201</li>\n<li>Starting standalone version results in infinite loading loop #1202</li>\n<li>Expanded metric selection will close when clicking anywhere outside of that selection #1036</li>\n</ul>\n<h2>[1.55.0] - 2020-08-28</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Cursor indicator for different mouse actions #1042</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Edge-Metrics sorted by name now instead of number of incoming and outgoing edges</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Number of incoming and outgoing edges not visible when hovering over a node #1095</li>\n<li>Highlighting buildings in multiple mode now works #956</li>\n</ul>\n<h2>[1.54.0] - 2020-08-21</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Opening NodeContextMenu in the tree-view marks the node until it is closed #1068</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Missing Sonarcloud metrics in demo</li>\n</ul>\n<h3>Docs 🔎</h3>\n<ul>\n<li>Added note how to fix missing <code>sh</code> command issue when running integration tests on Windows</li>\n</ul>\n<h2>[1.53.0] - 2020-08-14</h2>\n<h3>Changed</h3>\n<ul>\n<li>NodeContextMenu will show up when releasing the right-mouse-button now #1027</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>NodeContextMenu showing up after moving the mouse while holding right-mouse-button #1027</li>\n</ul>\n<h2>[1.52.0] - 2020-08-07</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Support for Tokei 12 new JSON schema #1103</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Rename master branch to main for a more inclusive naming #1117</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>After loading an invalid file the filechooser pops up again, so that the user can choose a valid file #1021</li>\n<li>Quality gates on sonarcloud.io are red #879</li>\n</ul>\n<h3>Docs 🔎</h3>\n<ul>\n<li>Moved developer guides to our <a href=\"https://maibornwolff.github.io/codecharta/\">gh-pages</a> #986</li>\n</ul>\n<h2>[1.51.0] - 2020-07-24</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>File chooser now accept \".json\" files only to avoid accidentally loading incorrect files #1094</li>\n<li>Lots of tooltips #1030</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Blacklisting a building would sometimes not update the map #1098</li>\n<li>Changes made after opening the filechooser and closing it won't be applied #875</li>\n<li>Edge metric list not always updated correctly when loading a new file #1106</li>\n</ul>\n<h2>[1.50.0] - 2020-07-10</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Line between scenario indicator and remove button #1069</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Reduced transition time when opening or collapsing parts of the ribbon bar #1043</li>\n<li>Search Panel will open now when clicking in the search field and collapse when clicking somewhere else #1071</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Opening the same file again will now reload the file and reset the application #1032</li>\n<li>Improve render performance by persisting color conversions #1034</li>\n<li>Sorting in tree-view not being applied #1040</li>\n</ul>\n<h2>[1.49.1] - 2020-07-03</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Improved performance significantly when switching between single, multiple and delta</li>\n<li>Color-Range-Slider sometimes misbehaved when loading a new map or excluding buildings #926</li>\n</ul>\n<h2>[1.49.0] - 2020-06-19</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Custom scenarios can be created and saved through the scenario menu #675</li>\n<li>Importer and parser documentation can now be found on the github Website #954</li>\n<li>Output of sourcemonitor can now be compressed with the compression flag</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>[Security] Bump angular from 1.7.9 to 1.8.0 in /visualization #995</li>\n</ul>\n<h2>[1.48.0] - 2020-06-12</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Support of compressed cc.json files. Files can be compressed in the analysis #848</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Improved performance of several importers #846</li>\n</ul>\n<h2>[1.47.1] - 2020-05-08</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Attribute-Side-Bar being invisible</li>\n</ul>\n<h2>[1.47.0] - 2020-05-02</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>When hovering over a folder, all buildings inside it will be highlighted as well #694</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Rename the button Show-Complete-Map button to Unfocus #642</li>\n<li>Move the Unfocus button (visible when right-clicking a focused node) to the node-context-menu #948</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Generating a delta map with merged empty folders in between is now working correctly #730</li>\n<li>Reduced time when opening a new file #932</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>[Security] Bump jquery from 3.4.0 to 3.5.0 in /visualization #944</li>\n</ul>\n<h2>[1.46.1] - 2020-04-24</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Error dialogs in case of validation or api version issues #610</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Improved overall rendering performance of larger maps by roughly 40% #836</li>\n</ul>\n<h2>[1.45.5] - 2020-04-17</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Median symbol for aggregated relative metrics #365</li>\n<li>AttributeTypes for tokeiImporter and SCMLogParser #365</li>\n<li>Ellipsis button in TreeView list when hovering a node to access context menu #780</li>\n<li>Show gray eye-icon next to the ellipsis-button to indicate a flattened node #780</li>\n<li>Attribute Type selector in the metric dropdowns for edges and nodes</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Metrics with AttributeType relative are now aggregated using the median #365</li>\n<li>Showing absolute number of files instead of relative number when hovering list item in TreeView #780</li>\n<li>Clicking a hovered list item inside the TreeView opens folders #780</li>\n<li>Color node name in gray when flattened #780</li>\n</ul>\n<h3>Removed 🗑</h3>\n<ul>\n<li>Eye-icon in TreeView list to flatten a node #780</li>\n<li>Option to focus a node when clicking the node name inside the TreeView #780</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Consistency of AttributeTypes representation #365</li>\n<li>Wrong file description for tokeiimporter</li>\n<li>Improved search performance #837</li>\n</ul>\n<h2>[1.44.0] - 2020-03-27</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Dialog to select between different sorting options #388</li>\n<li>Button to reverse the current selected sorting #388</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Show file selection in toolBar after excluding or hiding a node instead of an empty toolBar #896</li>\n</ul>\n<h2>[1.43.0] - 2020-03-20</h2>\n<h3>Changed</h3>\n<ul>\n<li>Selectable metrics will only contain metrics from the visible maps</li>\n<li>Closing the attribute-side-bar by clicking somewhere in the map will now be triggered on mouse up instead of mouse down</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Search-panel opening for a short duration when importing a new file</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>Fix vulnerability with nokogiri &#x3C;1.10.8</li>\n</ul>\n<h2>[1.42.3] - 2020-03-13</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Loading Gif not displayed when preparing to render a new map #857</li>\n<li>Selecting zero files in Multiple mode will not trigger the 3D CodeMap creation</li>\n<li>Metrics in the dropdown menu now show the correct max value for the visible maps #876</li>\n</ul>\n<h2>[1.42.2] - 2020-02-14</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Replaced non standard <code>[[</code> in sh scripts #849</li>\n<li>Improved performance for loading a new file #836</li>\n<li>Marked Packages are loaded from files #798</li>\n</ul>\n<h2>[1.42.1] - 2020-02-07</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>GC Overhead Limit (OutOfMemory Exception) during analysis of large SCMLogs fixed #845</li>\n</ul>\n<h2>[1.42.0] - 2020-01-31</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Support for camel and kebab-case for ccsh arguments #772</li>\n<li>RawTextParser for analysis #660</li>\n<li>IndentationLevel as metric for RawTextParser #660</li>\n<li>Show additional Pairing Rate of Selected Building, simultaneously to the currently hovered Buildings #736</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Options of the ccsh are now consistently in kebab-case #772</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Path prefix handling in tokeiimporter #841</li>\n</ul>\n<h2>[1.41.8] - 2020-01-17</h2>\n<h3>Removed 🗑</h3>\n<ul>\n<li>Project name parameters in the ccsh #773</li>\n</ul>\n<h2>[1.41.6] - 2020-01-10</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Deployment</li>\n</ul>\n<h2>[1.41.1] - 2020-01-10</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Performance of loading maps with edges improved #823</li>\n<li>Calculation of other Group for fileExtensionBar #768</li>\n<li>Remove focus of UI elements when they are not visible anymore</li>\n</ul>\n<h2>[1.41.0] - 2019-12-06</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Show the relative number of files a folder includes compared to the project in the TreeView #380</li>\n<li>Show the number of files a folder includes in the TreeView when hovering #380</li>\n<li>When the File Extension Bar is hovered, all buildings corresponding to that extension are highlighted #545</li>\n<li>Toggle between percentage and absolute values when clicking the file extension details section #545</li>\n<li>Sum hovered delta values for folders #781</li>\n</ul>\n<h2>[1.40.0] - 2019-11-22</h2>\n<h3>Changed</h3>\n<ul>\n<li>Replaced Blacklist Hide with Flatten option #691</li>\n<li>Flattened buildings are not hidden by default #691</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>Bump @types/three from 0.89.12 to 0.103.2 in /visualization #453</li>\n<li>Bump angularjs-slider from 6.5.1 to 7.0.0 in /visualization #454</li>\n<li>Bump webpack from 3.12.0 to 4.41.2 in /visualization #436</li>\n<li>[Security] Bump angular from 1.7.7 to 1.7.9 in /visualization #800</li>\n</ul>\n<h2>[1.39.0] - 2019-11-15</h2>\n<h3>Added</h3>\n<ul>\n<li>Progress indicator for SonarImporter #544</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>New style for hovered metric values #696</li>\n<li>Redesigned slider labels in ribbonBar sections #696</li>\n<li>Shortened ribbonBar sections #696</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Missing pictures and broken links in docs #785</li>\n<li>SCMLogParser is now more resilient to unusual SVN commit messages #763</li>\n</ul>\n<h2>[1.38.1] - 2019-11-13</h2>\n<h3>Added</h3>\n<ul>\n<li>New github-pages https://maibornwolff.github.io/codecharta/</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Sum symbol for hovered metric values only shows for folders #775</li>\n</ul>\n<h2>[1.38.0] - 2019-11-08</h2>\n<h3>Added</h3>\n<ul>\n<li>Temporal coupling edges generated by SCMLogParser #622</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Downloaded files are no longer formatted #679</li>\n<li>Added highly and median coupled files metrics to non-churn metric list of SCMLogParser #622</li>\n<li>Moved nodePathPanel to toolBar and updated style #607</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Removed attributes from downloaded files that should not be there #679</li>\n</ul>\n<h2>[1.37.0] - 2019-10-25</h2>\n<h3>Added</h3>\n<ul>\n<li>Sidebar with information regarding the selected building #527</li>\n<li>Sidebar closes when selected buildings is excluded #748</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Animation to show or hide the legend panel #527</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>Expandable detail panel in lower left corner #527</li>\n<li>Removed option to maximize/minimize detail panel #527</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Autofocus and label size for focused nodes #747</li>\n<li>Selected buildings stays selected when settings are changed #748</li>\n<li>IllegalStateException when scanning single file in SourceCodeParser #573</li>\n<li>SourceCodeParser places files in the project root correctly into the hierarchy #574</li>\n</ul>\n<h2>[1.36.0] - 2019-10-18</h2>\n<h3>Changed</h3>\n<ul>\n<li>Open and close the ribbonBar sections independently with an updated animation</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Camera is now resetted correctly, when unfocusing #634</li>\n<li>Inputs of Color Range Slider now waits a second before it commits its values #676</li>\n<li>Fixed root folder name in TreeView after new map after loading new map #649</li>\n<li>Increased size of ribbonBar for big screens #644</li>\n<li>File-Extension-Bar will not display excluded nodes anymore #725</li>\n<li>Sanitize input for shelljs #600</li>\n</ul>\n<h3>Chore</h3>\n<ul>\n<li>Bump jacoco from 0.8.1 to 0.8.4 in /analysis</li>\n</ul>\n<h2>[1.35.0] - 2019-10-04</h2>\n<h3>Added</h3>\n<ul>\n<li>Checkbox in global Settings for disabling camera reset, when new map is loaded #685</li>\n<li>Pipe support for SourceCodeParser #716</li>\n<li>Pipe support for SCMLogParser #717</li>\n<li>Pipe support for SonarImporter #715</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Exclude and Hide options are disabled for empty and already existing search patterns #654</li>\n</ul>\n<h2>[1.34.0] - 2019-09-20</h2>\n<h3>Added</h3>\n<ul>\n<li>Tokei Importer #538</li>\n<li>Prominent Notice that we use Sonar-jar #713</li>\n</ul>\n<h3>Chore</h3>\n<ul>\n<li>Bump kotlin-reflect from 1.3.41 to 1.3.50 in /analysis</li>\n<li>Bump json from 20180813 to 20190722 in /analysis</li>\n<li>Bump rxjava from 2.2.9 to 2.2.12 in /analysis</li>\n<li>Bump assertj-core from 3.12.2 to 3.13.2 in /analysis</li>\n<li>Bump sonar-java-plugin from 5.12.1.17771 to 5.14.0.18788 in /analysis</li>\n</ul>\n<h2>[1.33.0] - 2019-09-10</h2>\n<h3>Added</h3>\n<ul>\n<li>Edge Previews (Palm-Tree-Effect) #529</li>\n<li>Dropdown to select Edge Metric, including Edge Counter #529</li>\n<li>Edge Metric settings for Edge Height, Number of Previews &#x26; show only building with Edges #529</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Edge Visualization to better distinguish between incoming and outgoing edges #529</li>\n<li>Distribution metric is by default the same as area metric #689</li>\n<li>MapTreeView below searchBar opens the first level by default #690</li>\n<li>Focus metric search when opening metricChooser #693</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>Edge Options in Context menu #529</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>SourceCodeParser now skips custom metrics for files, if the syntax tree cannot be created</li>\n<li>Nodes with color metric equals 0 are colored correct again #677</li>\n</ul>\n<h3>Chore</h3>\n<ul>\n<li>[Security] Bump mixin-deep from 1.3.1 to 1.3.2 in /visualization</li>\n</ul>\n<h2>[1.32.0] - 2019-08-09</h2>\n<h3>Added</h3>\n<ul>\n<li>Search for metrics and an indicator for the highest value in dropdown #575</li>\n<li>Button to enable PresentationMode that uses Flashlight-Hovering #576</li>\n<li>Clarifying information which file is which in the file bar when in delta mode #615</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Replaced Scenario dropdown with button on the left of the metric sections #628</li>\n</ul>\n<h2>[1.31.0] - 2019-08-02</h2>\n<h3>Added</h3>\n<ul>\n<li>New Metric in SourceCodeParser: Maximum-Nesting-Level #659</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Label hight adjustment now matches scaling of map #594</li>\n<li>SCMLogParser now guesses the input file encoding #614</li>\n</ul>\n<h2>[1.30.0] - 2019-07-26</h2>\n<h3>Added</h3>\n<ul>\n<li>New Search Bar #526</li>\n<li>Number of Renames Metric to SCMLogParser #621</li>\n<li>Age In Weeks Metric for SCMLogParser #620</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>ToolBar now shows partially cut-off controls if the window is too small #582</li>\n<li>Position of the legendPanel was moved to the bottom-right corner #633</li>\n<li>RibbonBar only opens the three metric section</li>\n<li>Moved Scenario-select to the right in order to use less space</li>\n<li>Moved loading-gif from ribbonBar to toolBar</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>RibbonBar toggle button</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>FileExtensionBar height to not show a bottom-margin in Chrome</li>\n<li>PointerEvents not being propagated when RibbonBar was extended</li>\n<li>Reduced memory usage of SCMLogParser to avoid OutOfMemory Exception #631</li>\n</ul>\n<h3>Chore</h3>\n<ul>\n<li>[Security] Bump lodash.mergewith from 4.6.1 to 4.6.2 in /visualization</li>\n<li>[Security] Bump lodash from 4.17.11 to 4.17.13 in /visualization</li>\n<li>[Security] Bump fstream from 1.0.11 to 1.0.12 in /visualization</li>\n</ul>\n<h2>[1.29.0] - 2019-07-12</h2>\n<h3>Changed</h3>\n<ul>\n<li>Moved Button to reset the map to the center next to the view-cube #606</li>\n<li>Moved FileExtensionBar #527</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>Burger Menu / SideNav #526</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Colors in File-Extension-Bar will be displayed in MS Edge and Standlone now #584</li>\n</ul>\n<h2>[1.28.0] - 2019-06-28</h2>\n<h3>Added</h3>\n<ul>\n<li>Releasing will now remind the developer to manually add the release notes #533</li>\n<li>StructureModifier to remove and move nodes and set root of projects #547 / #181</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>More informative log messages regarding the success of project merging #547</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>Release Notes are not generated and added automatically to a release #533</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Margin will now be set correctly depending on whether dynamicMargin is enabled or not #602</li>\n</ul>\n<h2>[1.27.0] - 2019-06-25</h2>\n<h3>Added</h3>\n<ul>\n<li>Automatically generates release notes from changelog and appends it to release #533</li>\n<li>Adds global settings-menu with settings from options panel and weblinks #528</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Moved File Settings from Ribbon Bar to new File Setting Bar #525</li>\n<li>Rename sample file codemap-nodes #587</li>\n<li>Hide checkbox to select white-positive-buildings in delta state #345</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>Removes Options panel from sidebar #528</li>\n<li>Removes Weblinks panel from sidebar #528</li>\n<li>Removed URL-parameter info from sidebar #525</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Unary Metric will no longer be auto-selected when a new map is loaded #579</li>\n</ul>\n<h2>[1.26.0] - 2019-06-14</h2>\n<h3>Added</h3>\n<ul>\n<li>FileExtensionBar to show file-distribution of chosen metric #495</li>\n<li>sum icon is now displayed on the left of the metric value #364</li>\n<li>Added Pop-up dialog before downloading file to set filename and see what data will be stored #523</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Fix set default ColorRange when resetting color section #560</li>\n</ul>\n<h2>[1.25.1] - 2019-05-30</h2>\n<h3>Added</h3>\n<ul>\n<li>SVN log parser keeps track of renaming of files for metric calculation #542</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Entries with renaming information in SVN logs are attributed to correct file #542</li>\n<li>Unary metric will no longer be removed from the MetricChooser-Dropdown when a folder was excluded or hidden #548</li>\n<li>Changing margin and then file or mode will no longer freeze the application #524</li>\n</ul>\n<h3>Chore</h3>\n<ul>\n<li>[Security] Bump tar from 2.2.1 to 2.2.2 in /visualization</li>\n</ul>\n<h2>[1.25.0] - 2019-05-17</h2>\n<h3>Added</h3>\n<ul>\n<li>Added SonarJava to Source code parser #343</li>\n<li>Added exclude and defaultExclude options to SourceCodeParser #508</li>\n<li>Show loading-gif in ribbonBar when rerendering map</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Using Sonar Plugins for Source code parser, giving the Sonar Metrics #343</li>\n<li>Use debounced settings update instead of throttled</li>\n<li>Filename of downloaded file now contains time #484</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Fixed issue with too long line in ccsh.bat #506</li>\n<li>Prevent downloaded files from having multiple Timestamps #484</li>\n<li>Do not show loadingGif when cancelling the fileChooser #498</li>\n<li>Excluding a building now updates the maximum value of colorRange #355</li>\n</ul>\n<h3>Chore</h3>\n<ul>\n<li>Bump angular-material from 1.1.9 to 1.1.14 in /visualization</li>\n<li>[Security] Bump jquery from 3.3.1 to 3.4.0 in /visualization</li>\n</ul>\n<h2>[1.24.0] - 2019-04-23</h2>\n<h3>Removed</h3>\n<ul>\n<li>Settings as URL parameters #470</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Fixed issue with trailing slash in URL parameter of SonarImporter #356</li>\n</ul>\n<h3>Chore</h3>\n<ul>\n<li>Bump d3 from 4.13.0 to 5.9.2 in /visualization</li>\n<li>Bump sinon from 4.5.0 to 7.3.1 in /visualization</li>\n</ul>\n<h2>[1.23.0] - 2019-03-22</h2>\n<h3>Added</h3>\n<ul>\n<li>Project Name can be specified for merge filter #394</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Throw a MergeException if project names do not match in MergeFilter #394</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Excluded buildings are no longer used for aggregated metric calculation #352</li>\n</ul>\n<h3>Chore</h3>\n<ul>\n<li>Bump browser-sync-webpack-plugin from 1.2.0 to 2.2.2 in /visualization</li>\n<li>Bump @types/node from 8.10.19 to 11.11.3 in /visualization</li>\n<li>Bump html-webpack-plugin from 2.30.1 to 3.2.0 in /visualization</li>\n<li>Bump load-grunt-tasks from 3.5.2 to 4.0.0 in /visualization #444</li>\n<li>Bump ajv from 5.5.2 to 6.10.0 in /visualization #447</li>\n<li>Bump resolve-url-loader from 2.3.0 to 3.0.1 in /visualization #448</li>\n</ul>\n<h2>[1.22.0] - 2019-03-15</h2>\n<h3>Added</h3>\n<ul>\n<li>Added buttons to select all/none/inversion of revisions/maps in multiple mode #391</li>\n<li>Merge filter can merge all files of folders #392</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Fixed bug that code map was not re-loaded when changing from multiple to single revision mode #396</li>\n<li>Fixed missing apiVersion in aggregated map #398</li>\n<li>Input Fields of color sliders adjust width according to content #409</li>\n</ul>\n<h3>Chore</h3>\n<ul>\n<li>Bump nouislider from 11.1.0 to 13.1.1 in /visualization</li>\n<li>Bump typescript from 2.7.2 to 3.3.3333 in /visualization</li>\n<li>Bump @types/d3 from 4.13.0 to 5.7.1 in /visualization</li>\n</ul>\n<h2>[1.21.2] - 2019-02-26</h2>\n<h3>Added</h3>\n<ul>\n<li>When entering Multiple Mode, all Maps/revisions are preselected</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Fixing non-existent metric aggregation on root-level when using multiple Files</li>\n</ul>\n<h2>[1.21.1] - 2019-02-22</h2>\n<h3>Added</h3>\n<ul>\n<li>Hovering a node in the map also hovers it in the tree view #351</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Fixing sync between treeview hovering and map hovering #351</li>\n<li>Folders can no longer be colored in the CodeMap or TreeView #359</li>\n</ul>\n<h2>[1.21.0] - 2019-02-16</h2>\n<h3>Added</h3>\n<ul>\n<li>Color searched node names green in TreeView #225</li>\n<li>Add option buttons (three dots) in TreeViewSearch to <code>Hide</code> or <code>Exclude</code> matching nodes #298</li>\n<li>Show blacklist entry counter in blacklistPanel header #298</li>\n<li>Option checkbox 'Hide Flattened Buildings' #225</li>\n<li>Hide/Flatten non-searched buildings #225</li>\n<li>Hide/Flatten all buildings, if searchPattern can't find any matching nodes #225</li>\n<li>Show maxValue of each metric in metricChooser select list #204</li>\n<li>Colored color-slider inside the RibbonBar #318</li>\n<li>Option to color positive buildings white #311</li>\n<li>Clicking the ribbonBar section-titles toggles the ribbonBar #324</li>\n<li>View-Cube displayed in top right corner #274</li>\n<li>Adding prettier formatter</li>\n<li>Adapt colorRange when changing colorMetric #330</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Update TreeView filter with search field #225</li>\n<li>Use 'gitignore' style matching in TreeViewSearch #225</li>\n<li>Reorder <code>Focus</code>, <code>Hide</code> and <code>Exclude</code> buttons in nodeContextMenu #298</li>\n<li>Reorder sidebarPanels (BlacklistPanel beneath TreeViewSearchPanel) #298</li>\n<li>Use <code>fa-ban</code>-icon as symbols for blacklistPanel (instead of <code>fa-list</code>) #298</li>\n<li>Use <code>fa-ban</code>-icon as symbols for blacklistType <code>Exclude</code> (instead of <code>fa-times</code>) #298</li>\n<li>Label size keeps readable for large maps or a high distance between camera and map #237</li>\n<li>updated dependencies to fix vulnerabilities</li>\n<li>Scenarios only update settings which exist in Scenario and not all #224</li>\n<li>MergeFilter to merge unique blacklist entries #275</li>\n<li>MergeFilter to only merge unique attributeType entries #275</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>Remove invertHeight checkbox in delta-view #306</li>\n<li>Remove option to add blacklist entries from inside the blacklistPanel #298</li>\n<li>Remove statistic functions in Experimental panel #308</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>CodeMap does not move anymore when navigating in text-fields #307</li>\n<li>Merge blacklist in multipleFile view and convert paths #275</li>\n<li>Show logo in NW.js standalone application #233</li>\n</ul>\n<h2>[1.20.1] - 2018-12-19</h2>\n<p>Fixed release issues.</p>\n<h2>[1.20.0] - 2018-12-19</h2>\n<h3>Added</h3>\n<ul>\n<li>button to unfocus node</li>\n<li>NodeContextMenu: Option to only hide dependent edges</li>\n<li>plop support</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Renaming 'isolate node' to 'focus node'</li>\n<li>Focusing a node does not remove the blacklist items of type Hide</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>NodeContextMenu: Option to 'show all' nodes, which used to unhide all nodes</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Reshow hidden nodes from Treeview or Blacklist</li>\n</ul>\n<h2>[1.19.0] - 2018-11-02</h2>\n<h3>Added</h3>\n<ul>\n<li>Deleted files in delta view use their previous area value in order to be visible #254</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Buildings in the delta view are not colored correctly #253</li>\n<li>Reset Button in RibbonBar to reset 'Invert Colors' #255</li>\n<li>Remove lag of 'Invert Color' checkboxes, when selecting single/delta mode #255</li>\n</ul>\n<h2>[1.18.1] - 2018-10-31</h2>\n<p>Fixed release issues</p>\n<h2>[1.18.0] - 2018-10-29</h2>\n<h3>Added</h3>\n<ul>\n<li>Integration with Jasome through JasomeImporter #245</li>\n<li>URL parameter 'mode' with the values Single, Multiple or Delta</li>\n<li>Blacklist to persist excluded or hidden nodes #205</li>\n<li>Option to exclude nodes in nodeContextMenu #205</li>\n<li>BlacklistPanel in SettingsSidebar to manage blacklist #205</li>\n<li>Save-Button to download current CodeMap #205</li>\n<li>Publishing visualization on Docker Hub #252</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>No longer fat jar of every subcomponent of analysis, baked into ccsh</li>\n<li>Changed simple syserr write to logger call for analysis #243</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>URL parameter 'delta' does not exist anymore</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Show delta of CodeMap when URL parameter mode=delta is set</li>\n</ul>\n<h2>[1.17.0] - 2018-09-28</h2>\n<h3>Changed</h3>\n<ul>\n<li>Invert delta colors moved from color to heigh metric column in ribbon bar #220</li>\n<li>Delta value now as kindOfMap shown #220</li>\n<li>Aggreate maps as multiple rename #220</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Single/delta buttons now correctly activated when delta in ulr shown #220</li>\n</ul>\n<h2>[1.17.0] - 2018-09-21</h2>\n<h3>Added</h3>\n<ul>\n<li>CodeMaatImport for temporal coupling dependencies #172</li>\n<li>EdgeFilter to aggregate edge-attributes as node-attributes #222</li>\n<li>Option to show and hide dependent edges from node-context-menu #218</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>MergeFilter merges edges #172</li>\n</ul>\n<h2>[1.16.2] - 2018-09-10</h2>\n<h3>Fixed</h3>\n<ul>\n<li>missing event in firefox #232</li>\n</ul>\n<h2>[1.16.1] - 2018-08-31</h2>\n<h3>Added</h3>\n<ul>\n<li>gitlab + dotnet manual</li>\n</ul>\n<h2>[1.16.0] - 2018-08-31</h2>\n<h3>Added</h3>\n<ul>\n<li>add the option to add multiple files via url parameter (e.g. ?file=a&#x26;file=b...)</li>\n</ul>\n<h2>[1.15.1] - 2018-08-13</h2>\n<p>Fixed release issues</p>\n<h2>[1.15.0] - 2018-08-13</h2>\n<h3>Added</h3>\n<ul>\n<li>e2e tests are running in CI Environment (headless)</li>\n<li>pupeteer as e2e test framework</li>\n<li>Show names of marked packages in legend</li>\n<li>Added a source code importer that can analyse rloc,mcc for java source code</li>\n<li>keep settings when the user changes a file</li>\n<li>Added option to set white background</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>cypress</li>\n</ul>\n<h2>[1.14.2] - 2018-07-16</h2>\n<h3>Changed</h3>\n<ul>\n<li>Changed folder detail metrics from mean to sum</li>\n</ul>\n<h2>[1.14.1] - 2018-07-13</h2>\n<p>Fixed release issues</p>\n<h2>[1.14.0] - 2018-07-13</h2>\n<h3>Added</h3>\n<ul>\n<li>Added UnderstandImporter to Analysis</li>\n<li>Packages can be highlighted in different colors #152</li>\n<li>Adding a context menu with highlighting colors and convenience methods for the tree view and 3D view #155</li>\n<li>Folders and files to highlight can be described in the cc.json #165</li>\n<li>Dynamic/automatic margin computing de/activated by tick</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Details panel: using the sum of the childrens metrics instead of the mean value</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Display buttons do not trigger map changes #185</li>\n<li>Flickering surfaces when zooming out</li>\n</ul>\n<h2>[1.13.0] - 2018-06-08</h2>\n<h3>Added</h3>\n<ul>\n<li>Layout switcher #141</li>\n<li>Added CrococosmoImporter to Analysis</li>\n<li>Added type, dirs, name to CSVExporter</li>\n<li>Invert height of building checkbox</li>\n<li>Aggregate multiple maps in visualization #110</li>\n<li>Auto Focus selected map part</li>\n<li>Timmer added to applySettings in SettingsService</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Crococosmo xml files will now generate a cc.json file for each version</li>\n<li>Suppressing ARIA warnings</li>\n<li>Simplified gradle structure of analysis part</li>\n<li>Deltas added in the metric quick access panel #138</li>\n<li>Ticks and ResetValue Buttons call to onSettingsChange to avoid applySettings timer</li>\n<li>compacting empty middle packages #150</li>\n<li>Detail panel minimized by default</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>filter by regex shows parent nodes #116</li>\n<li>typo in scss file</li>\n</ul>\n<h2>[1.12.0] - 2018-04-27</h2>\n<h3>Added</h3>\n<ul>\n<li>horizontal quick access metric chooser</li>\n<li>Link behind filepath in detailPanel #84</li>\n<li>Double click event-handler on Buildings #84</li>\n<li>Detail Panel can be minimized and maximized</li>\n<li>Settings option to minimize Detail Panel</li>\n<li>cypress as an e2e test runner</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>metric details from legend</li>\n<li>metric chooser from settings panel</li>\n</ul>\n<h2>[1.11.2] - 2018-04-13</h2>\n<h3>Fixed</h3>\n<ul>\n<li>a sonar importer bug which prevented the importer to fetch the last page #122</li>\n</ul>\n<h2>[1.11.1] - 2018-04-11</h2>\n<p>Fixed release issues</p>\n<h2>[1.11.0] - 2018-04-11</h2>\n<h3>Added</h3>\n<ul>\n<li>SASS support</li>\n<li>simple regex filter</li>\n<li>Reset Button</li>\n<li>Dialog Service replaces console log calls and window.alert calls</li>\n<li>linking tree view and map hover</li>\n<li>auto fit scene button</li>\n<li>anugularJS material</li>\n<li>Scenarios are now filtered by compatibility for the given map</li>\n<li>Link in visualization #84</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>materialize-css</li>\n<li>grunt</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>less flickering and artifacts</li>\n</ul>\n<h2>[1.10.0] - 2018-03-22</h2>\n<h3>Changed</h3>\n<ul>\n<li>Clean up UI #86</li>\n<li>Updated analysis dependencies</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Delta View shows Deltas of itself as non-trivial if nodes have same name #89: Compare deltas by path not name</li>\n<li>Delta calculation performance boost #91</li>\n<li>Problems when intermediate nodes missed metrics #92</li>\n<li>removed unnecessary calculations</li>\n<li>removed bug in SonarImporter that slowed up performance and missed out multiple metrics</li>\n<li>minor bugs</li>\n</ul>\n<h2>[1.9.3] - 2018-02-23</h2>\n<h3>Changed</h3>\n<ul>\n<li>sorting treeview by folders and names</li>\n</ul>\n<h2>[1.9.2] - 2018-02-20</h2>\n<h3>Added</h3>\n<ul>\n<li>added preliminary CSVExporter for visualisation data</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>padding rendering</li>\n<li>minimal building height is 1 to prevent clipping issues</li>\n<li>fallback values for visualization when no metric is available (area = 1, height = 1, color = grey). Data in data structure will not be changed.</li>\n</ul>\n<h2>[1.9.1] - 2018-02-20</h2>\n<h3>Fixed</h3>\n<ul>\n<li>detail panel bug fix</li>\n</ul>\n<h2>[1.9.0] - 2018-02-20</h2>\n<h3>Changed</h3>\n<ul>\n<li>moved to unscoped npm packages</li>\n</ul>\n<h2>[1.8.2] - 2018-02-20</h2>\n<h3>Changed</h3>\n<ul>\n<li>detail panel background is white now. better visibility</li>\n</ul>\n<h2>[1.8.1] - 2018-02-20</h2>\n<h3>Changed</h3>\n<ul>\n<li>revision chooser moved to settings panel and uses now understandable dropdowns instead of links. Part of the #82 proposals</li>\n</ul>\n<h2>[1.8.0] - 2018-02-20</h2>\n<h3>Added</h3>\n<ul>\n<li>Experimental dependency support</li>\n<li>loading indicator</li>\n<li>file path to detail panel</li>\n<li>collapsible tree view and visibility/isolation per node toggles</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>added a ray-aabb intersection test before precise testing. Less time is spent in intersection methods.</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>fixed a minor bug</li>\n<li>canvas mouse event listener are now limited to the canvas dom element. UI events will not trigger the canvas listeners anymore</li>\n<li>canvas mouse events distinguish now between click and drag. Dragging does not reset selection anymore</li>\n<li>slider input #64</li>\n<li>rz slider initialization bug</li>\n<li>increasing test coverage</li>\n<li>deltas where calculated on map loading even though, they were disabled</li>\n</ul>\n<h2>[1.7.2] - 2018-02-02</h2>\n<h3>Fixed</h3>\n<ul>\n<li>url to homepage</li>\n<li>analysis package</li>\n</ul>\n<h2>[1.7.1] - 2018-02-02</h2>\n<p>Fixed release issues</p>\n<h2>[1.7.0] - 2018-02-02</h2>\n<h3>Changed</h3>\n<ul>\n<li>npm pachage scoped to @maibornwolff</li>\n<li>Defined further scenarios via json file</li>\n<li>Added description for metrics and scenarios</li>\n<li>using fixed point values in detail panel (ui) to truncate infinite or long decimals</li>\n<li>folders now use the mean attributes of their buildings(leaves)</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Bugfix: detail panel should be cleared before setting new details else old values may survive</li>\n</ul>\n<h2>[1.6.7] - 2018-02-01</h2>\n<p>Fixed release issues</p>\n<h2>[1.6.6] - 2018-02-01</h2>\n<h3>Added</h3>\n<ul>\n<li>added anonymous git log generator anongit</li>\n<li>browser demo shows codecharta-visualization sonar analysis</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>rewrote command line interface</li>\n<li>linking ccsh to bin/ccsh will be deleted later</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>No underscore for scenarios in tooltips #71</li>\n</ul>\n<h2>[1.6.5] - 2018-01-30</h2>\n<p>Fixed release issues</p>\n<h2>[1.6.4] - 2018-01-30</h2>\n<h3>Fixed</h3>\n<ul>\n<li>fixed broken SonarImporter due to jdk9 migration</li>\n</ul>\n<h2>[1.6.3] - 2018-01-26</h2>\n<h3>Added</h3>\n<ul>\n<li>added npm publish for analysis</li>\n<li>simple release script for automatic changelog updates, commits, tags, version bumps</li>\n</ul>\n<h2>[1.6.2] - 2018-01-25</h2>\n<h3>Added</h3>\n<ul>\n<li>added support for git log --raw and git log --numstat --raw</li>\n<li>added support for git log --numstat and codechurn</li>\n<li>added support for renames in SCMLogParser for git log --name-status</li>\n<li>added support for renames in SCMLogParser for git log --numstat, git log --raw and git log --numstat --raw</li>\n<li>added new SCM experimental metrics range_of_weeks_with_commits and successive_weeks_of_commits</li>\n<li>the file origin of a node is displayed in the details now</li>\n<li>sonarqube analysis on CI build</li>\n<li>npm publish support in visualization</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Deltas are no longer experimental</li>\n<li>two selected delta maps now merge their nodes correctly. The map where\na node was missing get's a copy of this node with metrics=0.\nFile additions/deletions are therefore only visible when areaMetric is\nunary and deltas are activated.</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>delta display bug for heights</li>\n<li>going back from delta view now correctly removes deltas from node data</li>\n<li>Delta shown although not in delta mode #60</li>\n<li>Allow inversion of delta colors #57</li>\n<li>npm binary error</li>\n</ul>\n<h2>[1.5.2] - 2018-01-04</h2>\n<h3>Changed</h3>\n<ul>\n<li>scaling slider now has steps of 0.1. This allows the user to select precise values like 2.0</li>\n<li>updated jdk to jdk9</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Opening the same file a second time does not work #53</li>\n<li>added missing require declaration</li>\n<li>added glsl loader in testing environment</li>\n<li>Native Application support is bugged while building in Travis CI #48</li>\n</ul>\n<h2>[1.5.1] - 2017-11-14</h2>\n<h3>Added</h3>\n<ul>\n<li>command line parameter to toggle \"authors\" attribute in SCMLogParser</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>when passing a file through the \"file\" parameter in the URL, the map now renders correctly</li>\n</ul>\n<h2>[1.5.0] - 2017-10-24</h2>\n<h3>Added</h3>\n<ul>\n<li>experimental delta functionality</li>\n<li>loading multiple maps</li>\n<li>experimental margin slider</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>faster rendering</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>nwjs packages and native apps due to a bug</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>using color metric instead of height metric for color range slider ceil</li>\n</ul>\n<h2>[1.4.0] - 2017-09-14</h2>\n<h3>Added</h3>\n<ul>\n<li>Typescript support</li>\n<li>Browsersync</li>\n<li>added advanced merging strategy \"leaf\" in MergeFilter</li>\n<li>advanced merging with restructuring</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Browserify replaced with Webpack</li>\n<li>Better debugging</li>\n<li>Karma instead of Mocha</li>\n</ul>\n<h2>[1.3.2] - 2017-08-18</h2>\n<h3>Added</h3>\n<ul>\n<li>add slider controls for color thresholds #19</li>\n<li>Added additional structuring in SonarImporter for multi-module projects</li>\n<li>button to generate current url parameters</li>\n<li>camera position is now a setting (e.g. in scenarios or url parameters)</li>\n<li>margin slider: make it easier to find out to which package/folder a class belongs #20</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>better url parameter resolution (nested parameters are handled correctly)</li>\n<li>changed hover color. Allows better distinction between hover and select</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>obsolete helper grid</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>changing display or color settings resets scaling #18</li>\n<li>scenario description #32</li>\n<li>Scaling should not scale the labels #35</li>\n</ul>\n<h2>[1.3.1] - 2017-07-05</h2>\n<h3>Fixed</h3>\n<ul>\n<li>Prevented override of URL-parameters by default scenario</li>\n</ul>\n<h2>[1.3.0] - 2017-07-05</h2>\n<h3>Added</h3>\n<ul>\n<li>Adding simple merge functionality for multiple json files</li>\n<li>Added CSVImporter</li>\n<li>Added Translation for SonarQube metrics</li>\n<li>Added descriptions for metrics</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Changed uppercase metrics, e.g. RLOC, to lowercase metrics</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Simple cc.json does not display anything #17</li>\n</ul>\n<h2>[1.2.0] - 2017-06-19</h2>\n<h3>Added</h3>\n<ul>\n<li>Adding Labels and UI</li>\n<li>Support for links to source page of SonarQube in sonarimporter</li>\n<li>Added SCMLogParser</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>GitHub Issue: legend is wrong #21</li>\n</ul>\n<h2>[1.1.5] - 2017-05-31</h2>\n<h3>Fixed</h3>\n<ul>\n<li>Wrong version numbers in analysis part</li>\n</ul>\n<h2>[1.1.4] - 2017-05-26</h2>\n<h3>Added</h3>\n<ul>\n<li>Scenarios and default scenario</li>\n<li>Translation API for Metrics</li>\n<li>Metric tooltips in dropdown</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>GitHub Issue: Sonarimporter crashes with null pointer exception when there is a component without path. #13</li>\n</ul>\n<h2>[1.1.3] - 2017-05-01</h2>\n<h3>Added</h3>\n<ul>\n<li>Support for SonarQube Measures-API</li>\n<li>Error logging for sonarqube errors</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Standard Sonar metric is now complexity,ncloc,functions,duplicated_lines,classes,blocker_violations,generated_lines,bugs,commented_out_code_lines,lines,violations,comment_lines,duplicated_blocks</li>\n</ul>\n<h2>[1.1.2] - 2017-04-28</h2>\n<h3>Added</h3>\n<ul>\n<li>Translation API for Metrics</li>\n</ul>\n<h2>[1.1.1] - 2017-04-07</h2>\n<h3>Fixed</h3>\n<ul>\n<li>GitHub Issue: Flickering surfaces #3</li>\n<li>GitHub Issue: Unable to install due to readlink error on macOS #4</li>\n</ul>\n<h2>[1.1.0] - 2017-03-27</h2>\n<h3>Added</h3>\n<ul>\n<li>SourceMonitorImporter for importing projects from SourceMonitor.</li>\n</ul>\n<h2>[1.0.0] - 2017-03-17</h2>\n<h3>Added</h3>\n<ul>\n<li>SonarImporter for importing projects from SonarQube.</li>\n<li>ValidationTool for validating an existing json file.</li>\n</ul>\n";
+var code = "<h1>Change Log</h1>\n<p>All notable changes to this project will be documented in this file.</p>\n<p>The format is based on <a href=\"http://keepachangelog.com/\">Keep a Changelog</a>\nand this project adheres to <a href=\"http://semver.org/\">Semantic Versioning</a></p>\n<h2>[unreleased] (Added 🚀 | Changed | Removed 🗑 | Fixed 🐞 | Chore 👨‍💻 👩‍💻)</h2>\n<h2>[1.87.0] - 2022-01-11</h2>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>Migrate <code>unfocus-button-component</code> to Angular.</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Remove suspicious metrics from custom map configurations <a href=\"https://github.com/MaibornWolff/codecharta/pull/2564\">#2564</a>.</li>\n<li>Add 'show/hide non-applicable CustomConfigs' button to Custom Configs menu <a href=\"https://github.com/MaibornWolff/codecharta/pull/2591\">#2591</a>.</li>\n</ul>\n<h2>[1.86.0] - 2021-12-20</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Add 3D export feature for 3D printing <a href=\"https://github.com/MaibornWolff/codecharta/pull/2561\">#2561</a>. \n \n</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Replace all color pickers in the context of ongoing Angular migration <a href=\"https://github.com/MaibornWolff/codecharta/pull/2560\">#2560</a>.</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix showing names of custom configs properly <a href=\"https://github.com/MaibornWolff/codecharta/pull/2557\">#2557</a>.</li>\n<li>Fix minor memory leak in context menu for code map buildings <a href=\"https://github.com/MaibornWolff/codecharta/issues/2565\">#2565</a>.</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>Migrate legend panel to Angular <a href=\"https://github.com/MaibornWolff/codecharta/pull/2560\">#2560</a>.</li>\n</ul>\n<h2>[1.85.0] - 2021-12-13</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix delta values of secondary metrics not shown in delta mode within attribute side bar <a href=\"https://github.com/MaibornWolff/codecharta/issues/2539\">#2539</a>.</li>\n<li>Use icon tag instead of font awesome icon <a href=\"https://github.com/MaibornWolff/codecharta/pull/2537\">#2537</a>.</li>\n<li>Rename text for placeholder of metric chooser <a href=\"https://github.com/MaibornWolff/codecharta/pull/2547\">#2547</a></li>\n<li>Fix attribute type selector of primary edge metric not shown <a href=\"https://github.com/MaibornWolff/codecharta/issues/2528\">#2528</a>.</li>\n<li>Identical files and files with identical file names but different hashes can be loaded <a href=\"https://github.com/MaibornWolff/codecharta/pull/2548\">#2548</a></li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>Remove <code>secondaryMetrics</code> from store and remove <code>secondaryMetrics.service</code> as the data can be derived from selected node <a href=\"https://github.com/MaibornWolff/codecharta/pull/2527\">#2527</a>.</li>\n<li>Migrate <code>attribute-side-bar-component</code> to Angular <a href=\"https://github.com/MaibornWolff/codecharta/pull/2527\">#2527</a>.</li>\n<li>Switch from Webpack 4 Loaders to Asset Module to load icons properly with css-loader 6.x <a href=\"https://github.com/MaibornWolff/codecharta/pull/2542\">#2542</a>.</li>\n</ul>\n<h3>Removed 🗑</h3>\n<ul>\n<li>Remove notification dialog when deleting a custom config <a href=\"https://github.com/MaibornWolff/codecharta/pull/2553\">#2553</a></li>\n</ul>\n<h2>[1.84.1] - 2021-11-29</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix compressed files not being loaded (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2525\">#2524</a>)</li>\n</ul>\n<h2>[1.84.0] - 2021-11-22</h2>\n<h3>Changed</h3>\n<ul>\n<li>Improved the UI and usability of the Suspicious Metrics Feature (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2494\">#2376</a>) \n<ul>\n<li>The Metrics and the Analysis are now split in two menus \n</li>\n<li>The Suspicious Metrics are now sorted with the Very High Risk on top \n</li>\n<li>The bar in the analysis shows the percentages \n</li>\n</ul>\n</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix showing labels when weighted gradient on yellow buildings in color metric options are enabled (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2511\">#2511</a>)</li>\n<li>Fix rounding of the sum of percentages in risk profile (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2516\">#2393</a>)</li>\n<li>Fix legend panel not having a background (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2510\">#2422</a>)</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>Remove <code>nodeSearch.service.ts</code> and <code>searchedNodePaths</code> from store as they can be derived from <code>searchPattern</code> (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2495\">#2495</a>).</li>\n<li>Refactor where metric data are calculated (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2514\">#2514</a>).</li>\n<li>Migrate <code>attribute-type-selector-component</code> to Angular (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2519\">#2519</a>).</li>\n</ul>\n<h2>[1.83.1] - 2021-11-10</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix loading files from URL in Web Demo (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2494\">#2494</a>)</li>\n</ul>\n<h2>[1.83.0] - 2021-11-09</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix unwanted calculations of suspicious metrics when experimental features are disabled (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2471\">#2471</a>)</li>\n<li>Fix UI issues in the configuration panel (<a href=\"https://github.com/maibornwolff/codecharta/issues/2322\">#2322</a>)</li>\n<li>Fix tooltip of sorting order button in map tree view showing wrong sorting order (<a href=\"https://github.com/maibornwolff/codecharta/issues/2473\">#2473</a>)</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Calculate MD5 checksum when generating .cc.json files (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2450\">#2411</a>)</li>\n</ul>\n<h2>[1.82.0] - 2021-10-18</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix what's new section including the last opened version (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2453\">#2447</a>)</li>\n<li>Fix unfocus button text not showing correctly (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2439\">#2439</a>)</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Folders in the Folder structure view of the top left come now always before any files, regardless of the sort order.</li>\n</ul>\n<h2>[1.81.0] - 2021-10-11</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix color picker not being usable (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2439\">#2439</a>)</li>\n<li>Fix Changelog inconsistencies (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2425\">#2425</a>) \n</li>\n<li>Fix memory and performance issues related to drawing labels on floors/folders (<a href=\"https://github.com/MaibornWolff/codecharta/issues/2348\">#2348</a>).</li>\n<li>Hides legend block if label description is not available and adds new metric descriptions (<a href=\"https://github.com/maibornwolff/codecharta/issues/2377\">#2377</a>).</li>\n</ul>\n<h2>[1.80.0] - 2021-10-04</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Adds feature to display building colors as a gradients (<a href=\"https://github.com/MaibornWolff/codecharta/issues/2327\">#2327</a>).\n<ul>\n<li>\"Weighted Gradient\" only mixes colors in a small interval around the preset values.</li>\n<li>\"True Gradient\" mixes colors from the 0 to the highest value, the two preset color range values determine the balance.</li>\n<li>\"Absolute\" represents the old behaviour without gradients. \n</li>\n</ul>\n</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix broken file/node search #2389</li>\n<li>Fix changelog inconsistencies (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2425\">#2425</a>)</li>\n</ul>\n<h2>[1.79.0] - 2021-09-20</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Add metric descriptions to the frontend and show a translation next to the entry (<a href=\"https://github.com/MaibornWolff/codecharta/issues/2330\">#2330</a>) \n</li>\n<li>An option has been added to the global settings to enable copying screenshots to clipboard instead of saving them in a file (<a href=\"https://github.com/MaibornWolff/codecharta/issues/2326\">#2326</a>) \n</li>\n<li>Add changelog guidelines (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2358\">#2358</a>)</li>\n<li>A changelog dialog with the latest additions to CodeCharta appears on version update (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2342\">#1315</a>) \n</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Fix broken method call in screenshot feature.</li>\n<li>Improve changelog entries.</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Changing the background color and remove \"outgoing\" and \"incoming\" edges from the legend, if not applicable (<a href=\"https://github.com/MaibornWolff/codecharta/issues/2330\">#2330</a>)</li>\n<li>Improve the user experience for the AI Feature \"Suspicious Metrics and Risk Profiles\" and enable it for any programming language (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2362\">#2362</a>) \n</li>\n</ul>\n<h2>[1.78.0] - 2021-09-06</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>A changelog dialog with the latest additions to CodeCharta appears on version update (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1315\">#1315</a>)</li>\n<li>Add documentation for SCMLogParserV2 (<a href=\"https://github.com/maibornwolff/codecharta/issues/1349\">#1349</a>)</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Empty temporary label during hovering (<a href=\"https://github.com/maibornwolff/codecharta/issues/2328\">#2328</a>)</li>\n<li>Show the screenshot hotkey in the screenshot title (<a href=\"https://github.com/maibornwolff/codecharta/issues/2323\">#2323</a>)</li>\n<li>Improved rendering performance (<a href=\"https://github.com/MaibornWolff/codecharta/pull/2345\">#2345</a>)</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>Update GH-Pages and visualization dependencies (<a href=\"https://github.com/maibornwolff/codecharta/issues/2356\">#2356</a>)</li>\n</ul>\n<h2>[1.77.0] - 2021-07-30</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>The \"Color Metric Options\" panel and \"Legend\" panel display the maximum value of the selected metric instead of infinite. (<a href=\"https://github.com/maibornwolff/codecharta/issues/1520\">#1520</a>)</li>\n<li>Mark color-section as unimportant in delta mode (<a href=\"https://github.com/maibornwolff/codecharta/issues/769\">#769</a>)</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Small ui improvements added. (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1881\">#1881</a>)</li>\n<li>Numbers/Percentages always show in the distribution bar(<a href=\"https://github.com/MaibornWolff/codecharta/issues/1540\">#1540</a>)\n<ul>\n<li>Toggle between percentage and absolute numbers by clicking anywhere on the (expanded) distribution bar.</li>\n<li>The old expanded distribution bar is now accessible through a button.</li>\n</ul>\n</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>It is no longer possible to exclude all files on the map (<a href=\"https://github.com/MaibornWolff/codecharta/issues/901\">#901</a>)</li>\n</ul>\n<h2>[1.76.0] - 2021-07-13</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Custom metric scenarios which include the 'Color-Metric' (rloc) will now also save any changes made to the color scheme.</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Performance improvements when loading new files. (<a href=\"https://github.com/maibornwolff/codecharta/issues/1312\">#1312</a>)</li>\n</ul>\n<h2>[1.75.0] - 2021-07-05</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Imported files are now compressed by default. Use the -nc parameter to uncompress the files. (<a href=\"https://github.com/maibornwolff/codecharta/issues/1702\">#1702</a>)</li>\n<li>Export the current view as a png image by using \"Ctrl+Alt+S\" or clicking the corresponding button (<a href=\"https://github.com/MaibornWolff/codecharta/issues/674\">#674</a>)</li>\n<li>Show only labels of buildings according to a chosen color (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1347\">#1347</a>)</li>\n<li>New buttons to reset the color hex values and color metric thresholds separately (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1613\">#1613</a>) \n</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Metric aggregations now work as intended and are available from the sidebar when selecting folders (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1953\">#1953</a>)</li>\n<li>Opening new files does no longer remove old ones.\n<ul>\n<li>Already loaded files can be individually removed.</li>\n<li>The 'Multiple' view will select the latest files. \n</li>\n</ul>\n</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>It is now possible to rotate the map by rotating the view cube (<a href=\"https://github.com/MaibornWolff/codecharta/issues/353\">#353</a>)</li>\n</ul>\n<h2>[1.74.0] - 2021-05-31</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>SonarImport: SonarQube 8.8 support. Older versions are still supported.</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Only show labels for building included in the search</li>\n<li>Color slider not initialized correctly (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1592\">#1592</a>)</li>\n</ul>\n<h2>[1.73.0] - 2021-05-10</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Improve descriptions (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1879\">#1879</a>)\n\n<img src=\"https://user-images.githubusercontent.com/57844849/115393175-b2897b00-a1e1-11eb-8601-d2128f3469a3.png\" alt=\"option dialog\"></li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Excluding in delta mode is broken (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1578\">#1578</a>)\n(Inclusion and exclusion of files using wildcard searches in the flatten and exclude operations)</li>\n<li>Fix labels and lines missing a connection in some cases(<a href=\"https://github.com/MaibornWolff/codecharta/issues/1716\">#1716</a>)</li>\n<li>Ribbons resizing when expanding (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1952\">#1952</a>)</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>Fix breaking changes with newest three-js version(<a href=\"https://github.com/MaibornWolff/codecharta/issues/1877\">#1877</a>)</li>\n</ul>\n<h2>[1.72.0] - 2021-04-22</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Hints for Global Settings (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1715\">#1715</a>)</li>\n<li>Indicate total nodes and excluded / flattened nodes in file explorer (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1880\">#1880</a>)</li>\n<li>Add path to node context menu (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1667\">#1667</a>)</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Made the header semi responsive (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1037\">#1037</a>)</li>\n</ul>\n<h2>[1.71.2] - 2021-03-16</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>DevOps pipeline changes</li>\n<li>Fixed web visualization in github</li>\n</ul>\n<h2>[1.71.1] - 2021-03-16</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>DevOps pipeline changes</li>\n</ul>\n<h2>[1.71.0] - 2021-03-16</h2>\n<h3>Changed</h3>\n<ul>\n<li>Disable unready AI function</li>\n<li>Fix linter errors</li>\n<li>Fix editorconfig</li>\n</ul>\n<h2>[1.70.2] - 2021-03-12</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>DevOps pipeline changes</li>\n<li>Project naming for Docker deployment</li>\n</ul>\n<h2>[1.70.1] - 2021-03-12</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>DevOps pipeline changes</li>\n</ul>\n<h2>[1.70.0] - 2021-03-09</h2>\n<h3>Changed</h3>\n<ul>\n<li>Render on demand (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1728\">#1728</a>)</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Memory leaks</li>\n</ul>\n<h2>[1.69.0] - 2021-02-23</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Added WebGL FXAA antialias &#x26; PixelRatio Options in order to achieve better resolution on high dpi displays(https://github.com/MaibornWolff/codecharta/pull/1551).\n<img src=\"https://user-images.githubusercontent.com/74670211/106582136-f4404900-6543-11eb-8f5b-5e1ec47457c7.png\" alt=\"option dialog\">\nThere are 4 available modes:\n<ul>\n<li><strong>standard mode</strong>: the pixel density is only applied to the small cube with standard browser aliasing</li>\n<li><strong>pixel ratio without aliasing</strong>: no antialiasing is used</li>\n<li><strong>pixel ration with FXAA</strong>: Nvidia FXAA antialiasing shader is used as an alisaing technique. this has better perfromance the standard browser aliasing aliasing</li>\n<li><strong>pixel ration with MSAA</strong>: this is the best aliasing quality, slower then FXAA.</li>\n</ul>\n</li>\n<li>Added GPU Stats (only in dev mode)</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Unfocus now respects the focus depth (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1099\">#1099</a>)</li>\n<li>Track anonymous usage data also for older CodeCharta API versions and fix some minor bugs.</li>\n</ul>\n<h2>[1.68.0] - 2021-02-08</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>A new experimental feature has been added to track anonymous metadata of a currently loaded map.\n<ul>\n<li>Neither the map name nor file names will be tracked but anonymous metric values and statistics like (average, min, max).</li>\n<li>The tracked data will not be sent to a server yet. Instead, it can be downloaded as a json file in the Global Settings for now.</li>\n<li>It is planned to send the anonymous data to a server in the future, so that we can collect tracking data automatically.</li>\n<li><img src=\"https://user-images.githubusercontent.com/26900540/106896300-ac5f2480-66f1-11eb-8096-246d1733c0ee.png\" alt=\"example of new feature\"></li>\n</ul>\n</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Errors occurred in delta mode if names of root folders were different</li>\n<li>Switching maps in delta mode now shows the differences between the maps (<a href=\"https://github.com/maibornwolff/codecharta/issues/1606\">#1606</a>)</li>\n<li>Label over hovered building not shown for height Metric value of zero (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1623\">#1623</a>)</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>CodeChartaStorage class has been introduced to dynamically store values either on disk (standalone version) or in the localStorage (web version). This is the first step to solve <a href=\"https://github.com/MaibornWolff/codecharta/issues/684\">#684</a>.</li>\n</ul>\n<h2>[1.67.0] - 2021-01-26</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>\n<p>Allow opening files from local drive by double clicking on the buildings or clicking on their names (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1314\">#1314</a>)</p>\n<ul>\n<li>Only available in the standalone version!</li>\n<li>files are opened in associated third-party applications</li>\n<li>web-links are opened in a browser window</li>\n</ul>\n</li>\n<li>\n<p>Allow customized color in the node context menu (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1556\">#1556</a>).</p>\n<p><a href=\"https://user-images.githubusercontent.com/3596742/104302048-a007f300-54c8-11eb-86c1-287483884783.png\">!example of new feature #1556</a></p>\n</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>fixed wrong max tree map visibility (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1624\">#1624</a>)</li>\n<li>fixed incorrect label placement on delta maps that share no common nodes (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1686\">#1686</a>)</li>\n</ul>\n<h2>[1.66.0] - 2021-01-18</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Allow color of buildings to be customizable in the ribbon bar and in the legend. Colors of edges are now customizable as well (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1533\">#1533</a>)\n<img src=\"https://user-images.githubusercontent.com/3596742/103547861-3c1c7380-4ea5-11eb-8df2-541caf65b9df.png\" alt=\"example of new feature\"></li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Global settings not reverting to default ones (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1632\">#1632</a>)</li>\n<li>Maximum treemap files shown in squarified node (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1624\">#1624</a>)</li>\n<li>Wrong folder names and colors in legend when using the highlight folder feature (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1555\">#1555</a>)</li>\n<li>Temporary labels are placed at the wrong height for scaled buildings (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1618\">#1618</a>)</li>\n<li>Visible labels will disappear or placed lower for scaled buildings (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1619\">#1619</a>)</li>\n<li>Unnecessary break line for secondary metrics (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1093\">#1093</a>)</li>\n</ul>\n<h2>[1.65.0] - 2020-12-23</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Highlight label while hovering over building, draw a temporary label for hovered buildings that have none (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1529\">#1529</a>)</li>\n<li>Integrated streetlayout (<a href=\"https://github.com/MaibornWolff/codecharta/issues/904\">#904</a>)\n<img src=\"https://user-images.githubusercontent.com/63230711/78872405-87eed900-7a49-11ea-984a-c0ef738779b9.png\" alt=\"cc_street_ccv\">\nIn street layout file nodes are displayed as buildings and directories are displayed as streets. A street layout has the advantage of a more apparent directory structure and stable positioning of nodes after metric changes.\ntwo different Street layout are integrated : - StreetLayout : as described above. - TMStreet : a combination of street layout and squarified layout.</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>The button to see excluded buildings is now merged into the flattened button. Excluded and flattened buildings can now be seen by opening the building with the eye slash icon (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1543\">#1543</a>)</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Height scaling not applied to buildings (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1595\">#1595</a>))</li>\n<li>Fixed multiple label positioning/scaling bugs</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>e2e flaky test (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1322\">#1322</a>)</li>\n</ul>\n<h2>[1.64.0] - 2020-12-15</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>\n<p>Download and upload Custom Configurations is now possible (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1472\">#1472</a>)</p>\n<ul>\n<li>Open the Custom Configs menu in the toolbar on top of the map</li>\n<li>Next to the <code>plus</code> Button you can see two new buttons: Upload and download.\n<ul>\n<li>Download: If you already have added Custom Configs you can download them by clicking the download button.\n<ul>\n<li>Custom Configs which are applicable for the currently selected map(s) will be downloaded as <code>.cc.config.json</code> files.</li>\n</ul>\n</li>\n<li>Upload: Click the upload button and specify your Custom Config file (<code>&#x3C;file-name>.cc.config.json</code>)\n<ul>\n<li>Already existing Custom Configs will be skipped.</li>\n<li>Different Custom Configs with same names will be renamed.</li>\n<li>Another way to upload your Custom Configs is to upload a <code>.cc.json</code> file together with one or multiple <code>.cc.config.json</code> files using the default <code>Load .cc.json map</code> button in the upper left corner.</li>\n</ul>\n</li>\n</ul>\n</li>\n<li>The Configs are stored to the local storage of your browser.\n<ul>\n<li>If a limit of <code>768KB</code> is exceeded you will see a warning when trying to add a new Custom Config.</li>\n<li>You can click the displayed \"download and purge\" button to download/backup at least 6 months old Configs and then purge them from the local storage to make space for new ones.</li>\n<li>If we cannot purge any Configs, you might have to do that by your own by deleting specific Configs manually.</li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Increase possible margin size (<a href=\"https://github.com/MaibornWolff/codecharta/pull/1490\">#1490</a>)\n<ul>\n<li>change displayed margin value from % to pixel</li>\n<li>change dynamic margin value to a default margin value that should fit the map</li>\n</ul>\n</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Re-enabled color selection for folders and on hover (<a href=\"https://github.com/MaibornWolff/codecharta/pull/1544\">#1544</a>)</li>\n<li>Labels do not take delta height into account (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1523\">#1523</a>)</li>\n<li>The calculation of the map resolution scale factor was wrong (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1491\">#1491</a>)\n<ul>\n<li>The factor is used to decrease the map resolution especially for big maps to avoid performance issues.</li>\n<li>Now only the selected maps will be considered for the calculation. Unselected maps will be skipped.</li>\n</ul>\n</li>\n</ul>\n<h2>[1.63.0] - 2020-11-30</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Add the folder name onto the floor on the first 3 layers to get a better overview of the map (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1491\">#1491</a>)</li>\n<li>UX Improvements related to labels allowing for user interaction #1404\n<ul>\n<li>Labels can be hovered, hovering their corresponding node</li>\n<li>Selecting a label will select the corresponding node</li>\n<li>Hovering a label will remove its transparency and move towards the user:\n<ul>\n<li>If other labels obstruct the hovered label it will move to the front</li>\n</ul>\n</li>\n<li>Increased the transparency of other labels; this makes it easier to distinguish the hovered label</li>\n<li>Increase the amount of labels to 250.</li>\n</ul>\n</li>\n<li>Show file count of folders in Attribute-Side-Bar (<a href=\"https://github.com/MaibornWolff/codecharta/issues/1255\">#1255</a>):\n<img src=\"https://user-images.githubusercontent.com/3596742/100371884-be915800-3008-11eb-89f5-ed57c62680cc.png\" alt=\"img showing file count of folder\"></li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Buildings are flattened when delta is active #824.</li>\n<li>Selected Building now stays highlighted when map is rotated #1498</li>\n</ul>\n<h2>[1.62.0] - 2020-11-12</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>\n<p>A new option in the Global Settings allows to enable/disable experimental features #1318</p>\n<ul>\n<li>Click on the settings button in the upper right corner to open the Global Settings dialog.</li>\n<li>Activate/Deactivate the new option \"Enable Experimental Features\"</li>\n<li>The features will be shown/hidden accordingly</li>\n</ul>\n</li>\n<li>\n<p>\"CustomViews\", the first experimental feature has been added #1318</p>\n<ul>\n<li>It must be enabled by activating the new option in the Global Settings dialog as mentioned before.</li>\n<li>You can save your current map configurations to replay/restore them later.</li>\n<li>A saved CustomView can only be applied for it's original map.</li>\n<li>This will enable you to be more efficient in analizing projects by switching between different CustomViews.</li>\n</ul>\n</li>\n<li>\n<p>NodeContextMenu now contains option to keep buildings highlighted #1323</p>\n</li>\n<li>\n<p>Fixed Folder algorithm supports nested (parent-child) Fixed Folders #1431</p>\n<ol>\n<li>Define children of a Fixed Folder also as Fixed Folders by adding the <code>fixedPosition</code> attribute manually in <code>.cc.json</code>.</li>\n<li>All children of a parent Fixed Folder must be fixed.</li>\n<li>Read the how-to guide for further information: https://maibornwolff.github.io/codecharta/how-to/fixate_folders_with_a_custom_cc_json/</li>\n</ol>\n</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>\n<p>Improved search</p>\n<ol>\n<li>Not providing any star in the search bar from now on expects the input to\nbe a wildcard search. Thus, files are going to match paths that have\nleading or following characters. E.g., <code>oo</code> is going to match\n<code>/root/foobar</code>.</li>\n<li>To use the explicit former search mode, wrap the search entry in quotes as\nin: <code>\"oo\"</code>. This would only match filenames that are exactly <code>oo</code>.</li>\n<li>The search field accepts multiple search entries at once, separated by\ncommata. <code>foo,bar</code> is going to search for both <code>*foo*</code> and <code>*bar*</code> and\nmarks all matched files accordingly.</li>\n<li>It is possible to invert the search with a leading exclamation mark as in\n<code>!foobar</code>. That will match any file that does not match <code>*foobar*</code>. It is\nonly possible to invert the complete input, not individual search entries.</li>\n<li>Whitespace handling changed to ignore leading whitespace.</li>\n</ol>\n</li>\n<li>\n<p>Distribution metric #1188</p>\n<ol>\n<li>set rloc to default distribution metric, showing language percentages for real lines of code, if available. Else set to unary to show language distribution over files</li>\n</ol>\n</li>\n<li>\n<p>Improved file sorting in the file overview of the search bar</p>\n<ul>\n<li>Numbers are sorted naturally</li>\n<li>Characters are compared with their base character (e.g., <code>a</code> is now next to <code>á</code>).</li>\n</ul>\n</li>\n<li>\n<p>Label metric not shown by default anymore</p>\n</li>\n</ul>\n<h2>[1.61.0] - 2020-10-30</h2>\n<h3>Changed</h3>\n<ul>\n<li>Disable highlighting buildings during map movement #1432</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>File tree/flattened/excluded overlay visualization is buggy #1269</li>\n<li>EdgePreview on Map broken when selecting zero #1276</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>Schedules and merge retries of dependabot dependency updates changed</li>\n</ul>\n<h2>[1.60.2] - 2020-10-24</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Mouse cursor flickering #1170</li>\n<li>Fix flipping map when clicking any option in the toolbar #1410</li>\n<li>Fix edge metric not working correctly</li>\n</ul>\n<h2>[1.60.1] - 2020-10-20</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Issue with first start without an internet connection not working#1266</li>\n<li>Issue with ribbon bar sizes for opened cards #1035</li>\n</ul>\n<h2>[1.60.0] - 2020-10-16</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Parsing feedback with progressbar and probable ETA for parsers and SonarImporter #847</li>\n<li>Mark node names and make the names clickable for nodes that have a link to them #1313</li>\n<li>Indicate the metric name next to a shown value in a new line on labels #1035</li>\n<li>Checkboxes to display metric names and values and to display node names on labels #1035</li>\n<li>Mark node names and make the names clickable for nodes that have a link to them #1313</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Label design #1035</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>First start without an internet connection of standalone not working #1266</li>\n<li>Comparing a map in delta mode shows the correct differences</li>\n<li>This mainly applies to maps compared with itself while it also fixes some other minor miscalculations</li>\n<li>File extensions detection is improved</li>\n<li>Zooming in and out the map will now close the node context menu #1324\n<ul>\n<li>Improved and simplified event handling in NodeContextMenu component</li>\n</ul>\n</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>Improved performance of multiple operations (e.g., delta mode).</li>\n</ul>\n<h2>[1.59.0] - 2020-10-09</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>New EXPERIMENTAL SCMLogParser version</li>\n<li>Improved performance around 300% when parsing CodeCharta</li>\n<li>Improved memory usage</li>\n<li>Fixed issue with old parser creating incorrect nodes in CodeCharta #871</li>\n<li>ATTENTION: the parser is experimental, therefore some potential issues might remain, e.g. potentially an unhandled edge case when parsing node</li>\n<li>To use the new parser a reversed git log is needed, as well as a git file list, refer to <code>ccsh scmlogparserv2 -h</code> for additional information</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Color-Metric slider is set and activated in the map accordingly to the released sliderbutton #1319</li>\n<li>Deselcting a building will instantly dehighlight the buildings which were connected through edges #890</li>\n</ul>\n<h2>[1.58.1] - 2020-10-02</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Showing wrong edges when hovering a building after selecting one #1137</li>\n</ul>\n<h2>[1.58.0] - 2020-10-02</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Add active color metric to the top of the legend panel #1278</li>\n<li>SourceCodeParser: Java 14 Support #1277</li>\n</ul>\n<h2>[1.57.4] - 2020-09-25</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Metric-Settings-Panels closed when clicking an option inside the panel #1258</li>\n<li>Improve loading and rendering maps performance</li>\n</ul>\n<h2>[1.57.3] - 2020-09-18</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Improve overall performance for loading and rendering maps</li>\n<li>Improve error messages when a file can't be loaded with the URL parameters</li>\n</ul>\n<h2>[1.57.2] - 2020-09-11</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>New API version 1.2 not set correctly in analysis</li>\n</ul>\n<h2>[1.57.1] - 2020-09-11</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Validation of unique filenames not checking for the complete path and instead throwing an error on duplicate filename</li>\n</ul>\n<h2>[1.57.0] - 2020-09-11</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li><code>fixedPosition</code> as a new property in the <code>cc.json</code> that allows to fixate folders in the map</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li><code>cc.json</code> version updated to <code>1.2</code></li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Compressed `cc.jsons (.gz) not marked as accepted when selecting a file in the file chooser</li>\n</ul>\n<h3>Docs 🔎</h3>\n<ul>\n<li><a href=\"https://maibornwolff.github.io//codecharta/how-to/fixate_folders_with_a_custom_cc_json/\">How-To: Fixate Folders in the <code>cc.json</code></a></li>\n<li>CC-Json-API changes</li>\n</ul>\n<h2>[1.56.0] - 2020-09-04</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Improve performance when switching to multiple or delta mode when edges are available</li>\n<li>Scenario with EdgeMetric is only appliable when EdgeMetric is existing for the Map #1201</li>\n<li>Starting standalone version results in infinite loading loop #1202</li>\n<li>Expanded metric selection will close when clicking anywhere outside of that selection #1036</li>\n</ul>\n<h2>[1.55.0] - 2020-08-28</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Cursor indicator for different mouse actions #1042</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Edge-Metrics sorted by name now instead of number of incoming and outgoing edges</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Number of incoming and outgoing edges not visible when hovering over a node #1095</li>\n<li>Highlighting buildings in multiple mode now works #956</li>\n</ul>\n<h2>[1.54.0] - 2020-08-21</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Opening NodeContextMenu in the tree-view marks the node until it is closed #1068</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Missing Sonarcloud metrics in demo</li>\n</ul>\n<h3>Docs 🔎</h3>\n<ul>\n<li>Added note how to fix missing <code>sh</code> command issue when running integration tests on Windows</li>\n</ul>\n<h2>[1.53.0] - 2020-08-14</h2>\n<h3>Changed</h3>\n<ul>\n<li>NodeContextMenu will show up when releasing the right-mouse-button now #1027</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>NodeContextMenu showing up after moving the mouse while holding right-mouse-button #1027</li>\n</ul>\n<h2>[1.52.0] - 2020-08-07</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Support for Tokei 12 new JSON schema #1103</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Rename master branch to main for a more inclusive naming #1117</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>After loading an invalid file the filechooser pops up again, so that the user can choose a valid file #1021</li>\n<li>Quality gates on sonarcloud.io are red #879</li>\n</ul>\n<h3>Docs 🔎</h3>\n<ul>\n<li>Moved developer guides to our <a href=\"https://maibornwolff.github.io/codecharta/\">gh-pages</a> #986</li>\n</ul>\n<h2>[1.51.0] - 2020-07-24</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>File chooser now accept \".json\" files only to avoid accidentally loading incorrect files #1094</li>\n<li>Lots of tooltips #1030</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Blacklisting a building would sometimes not update the map #1098</li>\n<li>Changes made after opening the filechooser and closing it won't be applied #875</li>\n<li>Edge metric list not always updated correctly when loading a new file #1106</li>\n</ul>\n<h2>[1.50.0] - 2020-07-10</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Line between scenario indicator and remove button #1069</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Reduced transition time when opening or collapsing parts of the ribbon bar #1043</li>\n<li>Search Panel will open now when clicking in the search field and collapse when clicking somewhere else #1071</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Opening the same file again will now reload the file and reset the application #1032</li>\n<li>Improve render performance by persisting color conversions #1034</li>\n<li>Sorting in tree-view not being applied #1040</li>\n</ul>\n<h2>[1.49.1] - 2020-07-03</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Improved performance significantly when switching between single, multiple and delta</li>\n<li>Color-Range-Slider sometimes misbehaved when loading a new map or excluding buildings #926</li>\n</ul>\n<h2>[1.49.0] - 2020-06-19</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Custom scenarios can be created and saved through the scenario menu #675</li>\n<li>Importer and parser documentation can now be found on the github Website #954</li>\n<li>Output of sourcemonitor can now be compressed with the compression flag</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>[Security] Bump angular from 1.7.9 to 1.8.0 in /visualization #995</li>\n</ul>\n<h2>[1.48.0] - 2020-06-12</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Support of compressed cc.json files. Files can be compressed in the analysis #848</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Improved performance of several importers #846</li>\n</ul>\n<h2>[1.47.1] - 2020-05-08</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Attribute-Side-Bar being invisible</li>\n</ul>\n<h2>[1.47.0] - 2020-05-02</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>When hovering over a folder, all buildings inside it will be highlighted as well #694</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Rename the button Show-Complete-Map button to Unfocus #642</li>\n<li>Move the Unfocus button (visible when right-clicking a focused node) to the node-context-menu #948</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Generating a delta map with merged empty folders in between is now working correctly #730</li>\n<li>Reduced time when opening a new file #932</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>[Security] Bump jquery from 3.4.0 to 3.5.0 in /visualization #944</li>\n</ul>\n<h2>[1.46.1] - 2020-04-24</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Error dialogs in case of validation or api version issues #610</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Improved overall rendering performance of larger maps by roughly 40% #836</li>\n</ul>\n<h2>[1.45.5] - 2020-04-17</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Median symbol for aggregated relative metrics #365</li>\n<li>AttributeTypes for tokeiImporter and SCMLogParser #365</li>\n<li>Ellipsis button in TreeView list when hovering a node to access context menu #780</li>\n<li>Show gray eye-icon next to the ellipsis-button to indicate a flattened node #780</li>\n<li>Attribute Type selector in the metric dropdowns for edges and nodes</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Metrics with AttributeType relative are now aggregated using the median #365</li>\n<li>Showing absolute number of files instead of relative number when hovering list item in TreeView #780</li>\n<li>Clicking a hovered list item inside the TreeView opens folders #780</li>\n<li>Color node name in gray when flattened #780</li>\n</ul>\n<h3>Removed 🗑</h3>\n<ul>\n<li>Eye-icon in TreeView list to flatten a node #780</li>\n<li>Option to focus a node when clicking the node name inside the TreeView #780</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Consistency of AttributeTypes representation #365</li>\n<li>Wrong file description for tokeiimporter</li>\n<li>Improved search performance #837</li>\n</ul>\n<h2>[1.44.0] - 2020-03-27</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Dialog to select between different sorting options #388</li>\n<li>Button to reverse the current selected sorting #388</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Show file selection in toolBar after excluding or hiding a node instead of an empty toolBar #896</li>\n</ul>\n<h2>[1.43.0] - 2020-03-20</h2>\n<h3>Changed</h3>\n<ul>\n<li>Selectable metrics will only contain metrics from the visible maps</li>\n<li>Closing the attribute-side-bar by clicking somewhere in the map will now be triggered on mouse up instead of mouse down</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Search-panel opening for a short duration when importing a new file</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>Fix vulnerability with nokogiri &#x3C;1.10.8</li>\n</ul>\n<h2>[1.42.3] - 2020-03-13</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Loading Gif not displayed when preparing to render a new map #857</li>\n<li>Selecting zero files in Multiple mode will not trigger the 3D CodeMap creation</li>\n<li>Metrics in the dropdown menu now show the correct max value for the visible maps #876</li>\n</ul>\n<h2>[1.42.2] - 2020-02-14</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Replaced non standard <code>[[</code> in sh scripts #849</li>\n<li>Improved performance for loading a new file #836</li>\n<li>Marked Packages are loaded from files #798</li>\n</ul>\n<h2>[1.42.1] - 2020-02-07</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>GC Overhead Limit (OutOfMemory Exception) during analysis of large SCMLogs fixed #845</li>\n</ul>\n<h2>[1.42.0] - 2020-01-31</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Support for camel and kebab-case for ccsh arguments #772</li>\n<li>RawTextParser for analysis #660</li>\n<li>IndentationLevel as metric for RawTextParser #660</li>\n<li>Show additional Pairing Rate of Selected Building, simultaneously to the currently hovered Buildings #736</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Options of the ccsh are now consistently in kebab-case #772</li>\n</ul>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Path prefix handling in tokeiimporter #841</li>\n</ul>\n<h2>[1.41.8] - 2020-01-17</h2>\n<h3>Removed 🗑</h3>\n<ul>\n<li>Project name parameters in the ccsh #773</li>\n</ul>\n<h2>[1.41.6] - 2020-01-10</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Deployment</li>\n</ul>\n<h2>[1.41.1] - 2020-01-10</h2>\n<h3>Fixed 🐞</h3>\n<ul>\n<li>Performance of loading maps with edges improved #823</li>\n<li>Calculation of other Group for fileExtensionBar #768</li>\n<li>Remove focus of UI elements when they are not visible anymore</li>\n</ul>\n<h2>[1.41.0] - 2019-12-06</h2>\n<h3>Added 🚀</h3>\n<ul>\n<li>Show the relative number of files a folder includes compared to the project in the TreeView #380</li>\n<li>Show the number of files a folder includes in the TreeView when hovering #380</li>\n<li>When the File Extension Bar is hovered, all buildings corresponding to that extension are highlighted #545</li>\n<li>Toggle between percentage and absolute values when clicking the file extension details section #545</li>\n<li>Sum hovered delta values for folders #781</li>\n</ul>\n<h2>[1.40.0] - 2019-11-22</h2>\n<h3>Changed</h3>\n<ul>\n<li>Replaced Blacklist Hide with Flatten option #691</li>\n<li>Flattened buildings are not hidden by default #691</li>\n</ul>\n<h3>Chore 👨‍💻 👩‍💻</h3>\n<ul>\n<li>Bump @types/three from 0.89.12 to 0.103.2 in /visualization #453</li>\n<li>Bump angularjs-slider from 6.5.1 to 7.0.0 in /visualization #454</li>\n<li>Bump webpack from 3.12.0 to 4.41.2 in /visualization #436</li>\n<li>[Security] Bump angular from 1.7.7 to 1.7.9 in /visualization #800</li>\n</ul>\n<h2>[1.39.0] - 2019-11-15</h2>\n<h3>Added</h3>\n<ul>\n<li>Progress indicator for SonarImporter #544</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>New style for hovered metric values #696</li>\n<li>Redesigned slider labels in ribbonBar sections #696</li>\n<li>Shortened ribbonBar sections #696</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Missing pictures and broken links in docs #785</li>\n<li>SCMLogParser is now more resilient to unusual SVN commit messages #763</li>\n</ul>\n<h2>[1.38.1] - 2019-11-13</h2>\n<h3>Added</h3>\n<ul>\n<li>New github-pages https://maibornwolff.github.io/codecharta/</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Sum symbol for hovered metric values only shows for folders #775</li>\n</ul>\n<h2>[1.38.0] - 2019-11-08</h2>\n<h3>Added</h3>\n<ul>\n<li>Temporal coupling edges generated by SCMLogParser #622</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Downloaded files are no longer formatted #679</li>\n<li>Added highly and median coupled files metrics to non-churn metric list of SCMLogParser #622</li>\n<li>Moved nodePathPanel to toolBar and updated style #607</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Removed attributes from downloaded files that should not be there #679</li>\n</ul>\n<h2>[1.37.0] - 2019-10-25</h2>\n<h3>Added</h3>\n<ul>\n<li>Sidebar with information regarding the selected building #527</li>\n<li>Sidebar closes when selected buildings is excluded #748</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Animation to show or hide the legend panel #527</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>Expandable detail panel in lower left corner #527</li>\n<li>Removed option to maximize/minimize detail panel #527</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Autofocus and label size for focused nodes #747</li>\n<li>Selected buildings stays selected when settings are changed #748</li>\n<li>IllegalStateException when scanning single file in SourceCodeParser #573</li>\n<li>SourceCodeParser places files in the project root correctly into the hierarchy #574</li>\n</ul>\n<h2>[1.36.0] - 2019-10-18</h2>\n<h3>Changed</h3>\n<ul>\n<li>Open and close the ribbonBar sections independently with an updated animation</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Camera is now resetted correctly, when unfocusing #634</li>\n<li>Inputs of Color Range Slider now waits a second before it commits its values #676</li>\n<li>Fixed root folder name in TreeView after new map after loading new map #649</li>\n<li>Increased size of ribbonBar for big screens #644</li>\n<li>File-Extension-Bar will not display excluded nodes anymore #725</li>\n<li>Sanitize input for shelljs #600</li>\n</ul>\n<h3>Chore</h3>\n<ul>\n<li>Bump jacoco from 0.8.1 to 0.8.4 in /analysis</li>\n</ul>\n<h2>[1.35.0] - 2019-10-04</h2>\n<h3>Added</h3>\n<ul>\n<li>Checkbox in global Settings for disabling camera reset, when new map is loaded #685</li>\n<li>Pipe support for SourceCodeParser #716</li>\n<li>Pipe support for SCMLogParser #717</li>\n<li>Pipe support for SonarImporter #715</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Exclude and Hide options are disabled for empty and already existing search patterns #654</li>\n</ul>\n<h2>[1.34.0] - 2019-09-20</h2>\n<h3>Added</h3>\n<ul>\n<li>Tokei Importer #538</li>\n<li>Prominent Notice that we use Sonar-jar #713</li>\n</ul>\n<h3>Chore</h3>\n<ul>\n<li>Bump kotlin-reflect from 1.3.41 to 1.3.50 in /analysis</li>\n<li>Bump json from 20180813 to 20190722 in /analysis</li>\n<li>Bump rxjava from 2.2.9 to 2.2.12 in /analysis</li>\n<li>Bump assertj-core from 3.12.2 to 3.13.2 in /analysis</li>\n<li>Bump sonar-java-plugin from 5.12.1.17771 to 5.14.0.18788 in /analysis</li>\n</ul>\n<h2>[1.33.0] - 2019-09-10</h2>\n<h3>Added</h3>\n<ul>\n<li>Edge Previews (Palm-Tree-Effect) #529</li>\n<li>Dropdown to select Edge Metric, including Edge Counter #529</li>\n<li>Edge Metric settings for Edge Height, Number of Previews &#x26; show only building with Edges #529</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Edge Visualization to better distinguish between incoming and outgoing edges #529</li>\n<li>Distribution metric is by default the same as area metric #689</li>\n<li>MapTreeView below searchBar opens the first level by default #690</li>\n<li>Focus metric search when opening metricChooser #693</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>Edge Options in Context menu #529</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>SourceCodeParser now skips custom metrics for files, if the syntax tree cannot be created</li>\n<li>Nodes with color metric equals 0 are colored correct again #677</li>\n</ul>\n<h3>Chore</h3>\n<ul>\n<li>[Security] Bump mixin-deep from 1.3.1 to 1.3.2 in /visualization</li>\n</ul>\n<h2>[1.32.0] - 2019-08-09</h2>\n<h3>Added</h3>\n<ul>\n<li>Search for metrics and an indicator for the highest value in dropdown #575</li>\n<li>Button to enable PresentationMode that uses Flashlight-Hovering #576</li>\n<li>Clarifying information which file is which in the file bar when in delta mode #615</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Replaced Scenario dropdown with button on the left of the metric sections #628</li>\n</ul>\n<h2>[1.31.0] - 2019-08-02</h2>\n<h3>Added</h3>\n<ul>\n<li>New Metric in SourceCodeParser: Maximum-Nesting-Level #659</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Label hight adjustment now matches scaling of map #594</li>\n<li>SCMLogParser now guesses the input file encoding #614</li>\n</ul>\n<h2>[1.30.0] - 2019-07-26</h2>\n<h3>Added</h3>\n<ul>\n<li>New Search Bar #526</li>\n<li>Number of Renames Metric to SCMLogParser #621</li>\n<li>Age In Weeks Metric for SCMLogParser #620</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>ToolBar now shows partially cut-off controls if the window is too small #582</li>\n<li>Position of the legendPanel was moved to the bottom-right corner #633</li>\n<li>RibbonBar only opens the three metric section</li>\n<li>Moved Scenario-select to the right in order to use less space</li>\n<li>Moved loading-gif from ribbonBar to toolBar</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>RibbonBar toggle button</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>FileExtensionBar height to not show a bottom-margin in Chrome</li>\n<li>PointerEvents not being propagated when RibbonBar was extended</li>\n<li>Reduced memory usage of SCMLogParser to avoid OutOfMemory Exception #631</li>\n</ul>\n<h3>Chore</h3>\n<ul>\n<li>[Security] Bump lodash.mergewith from 4.6.1 to 4.6.2 in /visualization</li>\n<li>[Security] Bump lodash from 4.17.11 to 4.17.13 in /visualization</li>\n<li>[Security] Bump fstream from 1.0.11 to 1.0.12 in /visualization</li>\n</ul>\n<h2>[1.29.0] - 2019-07-12</h2>\n<h3>Changed</h3>\n<ul>\n<li>Moved Button to reset the map to the center next to the view-cube #606</li>\n<li>Moved FileExtensionBar #527</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>Burger Menu / SideNav #526</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Colors in File-Extension-Bar will be displayed in MS Edge and Standlone now #584</li>\n</ul>\n<h2>[1.28.0] - 2019-06-28</h2>\n<h3>Added</h3>\n<ul>\n<li>Releasing will now remind the developer to manually add the release notes #533</li>\n<li>StructureModifier to remove and move nodes and set root of projects #547 / #181</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>More informative log messages regarding the success of project merging #547</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>Release Notes are not generated and added automatically to a release #533</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Margin will now be set correctly depending on whether dynamicMargin is enabled or not #602</li>\n</ul>\n<h2>[1.27.0] - 2019-06-25</h2>\n<h3>Added</h3>\n<ul>\n<li>Automatically generates release notes from changelog and appends it to release #533</li>\n<li>Adds global settings-menu with settings from options panel and weblinks #528</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Moved File Settings from Ribbon Bar to new File Setting Bar #525</li>\n<li>Rename sample file codemap-nodes #587</li>\n<li>Hide checkbox to select white-positive-buildings in delta state #345</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>Removes Options panel from sidebar #528</li>\n<li>Removes Weblinks panel from sidebar #528</li>\n<li>Removed URL-parameter info from sidebar #525</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Unary Metric will no longer be auto-selected when a new map is loaded #579</li>\n</ul>\n<h2>[1.26.0] - 2019-06-14</h2>\n<h3>Added</h3>\n<ul>\n<li>FileExtensionBar to show file-distribution of chosen metric #495</li>\n<li>sum icon is now displayed on the left of the metric value #364</li>\n<li>Added Pop-up dialog before downloading file to set filename and see what data will be stored #523</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Fix set default ColorRange when resetting color section #560</li>\n</ul>\n<h2>[1.25.1] - 2019-05-30</h2>\n<h3>Added</h3>\n<ul>\n<li>SVN log parser keeps track of renaming of files for metric calculation #542</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Entries with renaming information in SVN logs are attributed to correct file #542</li>\n<li>Unary metric will no longer be removed from the MetricChooser-Dropdown when a folder was excluded or hidden #548</li>\n<li>Changing margin and then file or mode will no longer freeze the application #524</li>\n</ul>\n<h3>Chore</h3>\n<ul>\n<li>[Security] Bump tar from 2.2.1 to 2.2.2 in /visualization</li>\n</ul>\n<h2>[1.25.0] - 2019-05-17</h2>\n<h3>Added</h3>\n<ul>\n<li>Added SonarJava to Source code parser #343</li>\n<li>Added exclude and defaultExclude options to SourceCodeParser #508</li>\n<li>Show loading-gif in ribbonBar when rerendering map</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Using Sonar Plugins for Source code parser, giving the Sonar Metrics #343</li>\n<li>Use debounced settings update instead of throttled</li>\n<li>Filename of downloaded file now contains time #484</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Fixed issue with too long line in ccsh.bat #506</li>\n<li>Prevent downloaded files from having multiple Timestamps #484</li>\n<li>Do not show loadingGif when cancelling the fileChooser #498</li>\n<li>Excluding a building now updates the maximum value of colorRange #355</li>\n</ul>\n<h3>Chore</h3>\n<ul>\n<li>Bump angular-material from 1.1.9 to 1.1.14 in /visualization</li>\n<li>[Security] Bump jquery from 3.3.1 to 3.4.0 in /visualization</li>\n</ul>\n<h2>[1.24.0] - 2019-04-23</h2>\n<h3>Removed</h3>\n<ul>\n<li>Settings as URL parameters #470</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Fixed issue with trailing slash in URL parameter of SonarImporter #356</li>\n</ul>\n<h3>Chore</h3>\n<ul>\n<li>Bump d3 from 4.13.0 to 5.9.2 in /visualization</li>\n<li>Bump sinon from 4.5.0 to 7.3.1 in /visualization</li>\n</ul>\n<h2>[1.23.0] - 2019-03-22</h2>\n<h3>Added</h3>\n<ul>\n<li>Project Name can be specified for merge filter #394</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Throw a MergeException if project names do not match in MergeFilter #394</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Excluded buildings are no longer used for aggregated metric calculation #352</li>\n</ul>\n<h3>Chore</h3>\n<ul>\n<li>Bump browser-sync-webpack-plugin from 1.2.0 to 2.2.2 in /visualization</li>\n<li>Bump @types/node from 8.10.19 to 11.11.3 in /visualization</li>\n<li>Bump html-webpack-plugin from 2.30.1 to 3.2.0 in /visualization</li>\n<li>Bump load-grunt-tasks from 3.5.2 to 4.0.0 in /visualization #444</li>\n<li>Bump ajv from 5.5.2 to 6.10.0 in /visualization #447</li>\n<li>Bump resolve-url-loader from 2.3.0 to 3.0.1 in /visualization #448</li>\n</ul>\n<h2>[1.22.0] - 2019-03-15</h2>\n<h3>Added</h3>\n<ul>\n<li>Added buttons to select all/none/inversion of revisions/maps in multiple mode #391</li>\n<li>Merge filter can merge all files of folders #392</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Fixed bug that code map was not re-loaded when changing from multiple to single revision mode #396</li>\n<li>Fixed missing apiVersion in aggregated map #398</li>\n<li>Input Fields of color sliders adjust width according to content #409</li>\n</ul>\n<h3>Chore</h3>\n<ul>\n<li>Bump nouislider from 11.1.0 to 13.1.1 in /visualization</li>\n<li>Bump typescript from 2.7.2 to 3.3.3333 in /visualization</li>\n<li>Bump @types/d3 from 4.13.0 to 5.7.1 in /visualization</li>\n</ul>\n<h2>[1.21.2] - 2019-02-26</h2>\n<h3>Added</h3>\n<ul>\n<li>When entering Multiple Mode, all Maps/revisions are preselected</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Fixing non-existent metric aggregation on root-level when using multiple Files</li>\n</ul>\n<h2>[1.21.1] - 2019-02-22</h2>\n<h3>Added</h3>\n<ul>\n<li>Hovering a node in the map also hovers it in the tree view #351</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Fixing sync between treeview hovering and map hovering #351</li>\n<li>Folders can no longer be colored in the CodeMap or TreeView #359</li>\n</ul>\n<h2>[1.21.0] - 2019-02-16</h2>\n<h3>Added</h3>\n<ul>\n<li>Color searched node names green in TreeView #225</li>\n<li>Add option buttons (three dots) in TreeViewSearch to <code>Hide</code> or <code>Exclude</code> matching nodes #298</li>\n<li>Show blacklist entry counter in blacklistPanel header #298</li>\n<li>Option checkbox 'Hide Flattened Buildings' #225</li>\n<li>Hide/Flatten non-searched buildings #225</li>\n<li>Hide/Flatten all buildings, if searchPattern can't find any matching nodes #225</li>\n<li>Show maxValue of each metric in metricChooser select list #204</li>\n<li>Colored color-slider inside the RibbonBar #318</li>\n<li>Option to color positive buildings white #311</li>\n<li>Clicking the ribbonBar section-titles toggles the ribbonBar #324</li>\n<li>View-Cube displayed in top right corner #274</li>\n<li>Adding prettier formatter</li>\n<li>Adapt colorRange when changing colorMetric #330</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Update TreeView filter with search field #225</li>\n<li>Use 'gitignore' style matching in TreeViewSearch #225</li>\n<li>Reorder <code>Focus</code>, <code>Hide</code> and <code>Exclude</code> buttons in nodeContextMenu #298</li>\n<li>Reorder sidebarPanels (BlacklistPanel beneath TreeViewSearchPanel) #298</li>\n<li>Use <code>fa-ban</code>-icon as symbols for blacklistPanel (instead of <code>fa-list</code>) #298</li>\n<li>Use <code>fa-ban</code>-icon as symbols for blacklistType <code>Exclude</code> (instead of <code>fa-times</code>) #298</li>\n<li>Label size keeps readable for large maps or a high distance between camera and map #237</li>\n<li>updated dependencies to fix vulnerabilities</li>\n<li>Scenarios only update settings which exist in Scenario and not all #224</li>\n<li>MergeFilter to merge unique blacklist entries #275</li>\n<li>MergeFilter to only merge unique attributeType entries #275</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>Remove invertHeight checkbox in delta-view #306</li>\n<li>Remove option to add blacklist entries from inside the blacklistPanel #298</li>\n<li>Remove statistic functions in Experimental panel #308</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>CodeMap does not move anymore when navigating in text-fields #307</li>\n<li>Merge blacklist in multipleFile view and convert paths #275</li>\n<li>Show logo in NW.js standalone application #233</li>\n</ul>\n<h2>[1.20.1] - 2018-12-19</h2>\n<p>Fixed release issues.</p>\n<h2>[1.20.0] - 2018-12-19</h2>\n<h3>Added</h3>\n<ul>\n<li>button to unfocus node</li>\n<li>NodeContextMenu: Option to only hide dependent edges</li>\n<li>plop support</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Renaming 'isolate node' to 'focus node'</li>\n<li>Focusing a node does not remove the blacklist items of type Hide</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>NodeContextMenu: Option to 'show all' nodes, which used to unhide all nodes</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Reshow hidden nodes from Treeview or Blacklist</li>\n</ul>\n<h2>[1.19.0] - 2018-11-02</h2>\n<h3>Added</h3>\n<ul>\n<li>Deleted files in delta view use their previous area value in order to be visible #254</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Buildings in the delta view are not colored correctly #253</li>\n<li>Reset Button in RibbonBar to reset 'Invert Colors' #255</li>\n<li>Remove lag of 'Invert Color' checkboxes, when selecting single/delta mode #255</li>\n</ul>\n<h2>[1.18.1] - 2018-10-31</h2>\n<p>Fixed release issues</p>\n<h2>[1.18.0] - 2018-10-29</h2>\n<h3>Added</h3>\n<ul>\n<li>Integration with Jasome through JasomeImporter #245</li>\n<li>URL parameter 'mode' with the values Single, Multiple or Delta</li>\n<li>Blacklist to persist excluded or hidden nodes #205</li>\n<li>Option to exclude nodes in nodeContextMenu #205</li>\n<li>BlacklistPanel in SettingsSidebar to manage blacklist #205</li>\n<li>Save-Button to download current CodeMap #205</li>\n<li>Publishing visualization on Docker Hub #252</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>No longer fat jar of every subcomponent of analysis, baked into ccsh</li>\n<li>Changed simple syserr write to logger call for analysis #243</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>URL parameter 'delta' does not exist anymore</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Show delta of CodeMap when URL parameter mode=delta is set</li>\n</ul>\n<h2>[1.17.0] - 2018-09-28</h2>\n<h3>Changed</h3>\n<ul>\n<li>Invert delta colors moved from color to heigh metric column in ribbon bar #220</li>\n<li>Delta value now as kindOfMap shown #220</li>\n<li>Aggreate maps as multiple rename #220</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Single/delta buttons now correctly activated when delta in ulr shown #220</li>\n</ul>\n<h2>[1.17.0] - 2018-09-21</h2>\n<h3>Added</h3>\n<ul>\n<li>CodeMaatImport for temporal coupling dependencies #172</li>\n<li>EdgeFilter to aggregate edge-attributes as node-attributes #222</li>\n<li>Option to show and hide dependent edges from node-context-menu #218</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>MergeFilter merges edges #172</li>\n</ul>\n<h2>[1.16.2] - 2018-09-10</h2>\n<h3>Fixed</h3>\n<ul>\n<li>missing event in firefox #232</li>\n</ul>\n<h2>[1.16.1] - 2018-08-31</h2>\n<h3>Added</h3>\n<ul>\n<li>gitlab + dotnet manual</li>\n</ul>\n<h2>[1.16.0] - 2018-08-31</h2>\n<h3>Added</h3>\n<ul>\n<li>add the option to add multiple files via url parameter (e.g. ?file=a&#x26;file=b...)</li>\n</ul>\n<h2>[1.15.1] - 2018-08-13</h2>\n<p>Fixed release issues</p>\n<h2>[1.15.0] - 2018-08-13</h2>\n<h3>Added</h3>\n<ul>\n<li>e2e tests are running in CI Environment (headless)</li>\n<li>pupeteer as e2e test framework</li>\n<li>Show names of marked packages in legend</li>\n<li>Added a source code importer that can analyse rloc,mcc for java source code</li>\n<li>keep settings when the user changes a file</li>\n<li>Added option to set white background</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>cypress</li>\n</ul>\n<h2>[1.14.2] - 2018-07-16</h2>\n<h3>Changed</h3>\n<ul>\n<li>Changed folder detail metrics from mean to sum</li>\n</ul>\n<h2>[1.14.1] - 2018-07-13</h2>\n<p>Fixed release issues</p>\n<h2>[1.14.0] - 2018-07-13</h2>\n<h3>Added</h3>\n<ul>\n<li>Added UnderstandImporter to Analysis</li>\n<li>Packages can be highlighted in different colors #152</li>\n<li>Adding a context menu with highlighting colors and convenience methods for the tree view and 3D view #155</li>\n<li>Folders and files to highlight can be described in the cc.json #165</li>\n<li>Dynamic/automatic margin computing de/activated by tick</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Details panel: using the sum of the childrens metrics instead of the mean value</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Display buttons do not trigger map changes #185</li>\n<li>Flickering surfaces when zooming out</li>\n</ul>\n<h2>[1.13.0] - 2018-06-08</h2>\n<h3>Added</h3>\n<ul>\n<li>Layout switcher #141</li>\n<li>Added CrococosmoImporter to Analysis</li>\n<li>Added type, dirs, name to CSVExporter</li>\n<li>Invert height of building checkbox</li>\n<li>Aggregate multiple maps in visualization #110</li>\n<li>Auto Focus selected map part</li>\n<li>Timmer added to applySettings in SettingsService</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Crococosmo xml files will now generate a cc.json file for each version</li>\n<li>Suppressing ARIA warnings</li>\n<li>Simplified gradle structure of analysis part</li>\n<li>Deltas added in the metric quick access panel #138</li>\n<li>Ticks and ResetValue Buttons call to onSettingsChange to avoid applySettings timer</li>\n<li>compacting empty middle packages #150</li>\n<li>Detail panel minimized by default</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>filter by regex shows parent nodes #116</li>\n<li>typo in scss file</li>\n</ul>\n<h2>[1.12.0] - 2018-04-27</h2>\n<h3>Added</h3>\n<ul>\n<li>horizontal quick access metric chooser</li>\n<li>Link behind filepath in detailPanel #84</li>\n<li>Double click event-handler on Buildings #84</li>\n<li>Detail Panel can be minimized and maximized</li>\n<li>Settings option to minimize Detail Panel</li>\n<li>cypress as an e2e test runner</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>metric details from legend</li>\n<li>metric chooser from settings panel</li>\n</ul>\n<h2>[1.11.2] - 2018-04-13</h2>\n<h3>Fixed</h3>\n<ul>\n<li>a sonar importer bug which prevented the importer to fetch the last page #122</li>\n</ul>\n<h2>[1.11.1] - 2018-04-11</h2>\n<p>Fixed release issues</p>\n<h2>[1.11.0] - 2018-04-11</h2>\n<h3>Added</h3>\n<ul>\n<li>SASS support</li>\n<li>simple regex filter</li>\n<li>Reset Button</li>\n<li>Dialog Service replaces console log calls and window.alert calls</li>\n<li>linking tree view and map hover</li>\n<li>auto fit scene button</li>\n<li>anugularJS material</li>\n<li>Scenarios are now filtered by compatibility for the given map</li>\n<li>Link in visualization #84</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>materialize-css</li>\n<li>grunt</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>less flickering and artifacts</li>\n</ul>\n<h2>[1.10.0] - 2018-03-22</h2>\n<h3>Changed</h3>\n<ul>\n<li>Clean up UI #86</li>\n<li>Updated analysis dependencies</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Delta View shows Deltas of itself as non-trivial if nodes have same name #89: Compare deltas by path not name</li>\n<li>Delta calculation performance boost #91</li>\n<li>Problems when intermediate nodes missed metrics #92</li>\n<li>removed unnecessary calculations</li>\n<li>removed bug in SonarImporter that slowed up performance and missed out multiple metrics</li>\n<li>minor bugs</li>\n</ul>\n<h2>[1.9.3] - 2018-02-23</h2>\n<h3>Changed</h3>\n<ul>\n<li>sorting treeview by folders and names</li>\n</ul>\n<h2>[1.9.2] - 2018-02-20</h2>\n<h3>Added</h3>\n<ul>\n<li>added preliminary CSVExporter for visualisation data</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>padding rendering</li>\n<li>minimal building height is 1 to prevent clipping issues</li>\n<li>fallback values for visualization when no metric is available (area = 1, height = 1, color = grey). Data in data structure will not be changed.</li>\n</ul>\n<h2>[1.9.1] - 2018-02-20</h2>\n<h3>Fixed</h3>\n<ul>\n<li>detail panel bug fix</li>\n</ul>\n<h2>[1.9.0] - 2018-02-20</h2>\n<h3>Changed</h3>\n<ul>\n<li>moved to unscoped npm packages</li>\n</ul>\n<h2>[1.8.2] - 2018-02-20</h2>\n<h3>Changed</h3>\n<ul>\n<li>detail panel background is white now. better visibility</li>\n</ul>\n<h2>[1.8.1] - 2018-02-20</h2>\n<h3>Changed</h3>\n<ul>\n<li>revision chooser moved to settings panel and uses now understandable dropdowns instead of links. Part of the #82 proposals</li>\n</ul>\n<h2>[1.8.0] - 2018-02-20</h2>\n<h3>Added</h3>\n<ul>\n<li>Experimental dependency support</li>\n<li>loading indicator</li>\n<li>file path to detail panel</li>\n<li>collapsible tree view and visibility/isolation per node toggles</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>added a ray-aabb intersection test before precise testing. Less time is spent in intersection methods.</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>fixed a minor bug</li>\n<li>canvas mouse event listener are now limited to the canvas dom element. UI events will not trigger the canvas listeners anymore</li>\n<li>canvas mouse events distinguish now between click and drag. Dragging does not reset selection anymore</li>\n<li>slider input #64</li>\n<li>rz slider initialization bug</li>\n<li>increasing test coverage</li>\n<li>deltas where calculated on map loading even though, they were disabled</li>\n</ul>\n<h2>[1.7.2] - 2018-02-02</h2>\n<h3>Fixed</h3>\n<ul>\n<li>url to homepage</li>\n<li>analysis package</li>\n</ul>\n<h2>[1.7.1] - 2018-02-02</h2>\n<p>Fixed release issues</p>\n<h2>[1.7.0] - 2018-02-02</h2>\n<h3>Changed</h3>\n<ul>\n<li>npm pachage scoped to @maibornwolff</li>\n<li>Defined further scenarios via json file</li>\n<li>Added description for metrics and scenarios</li>\n<li>using fixed point values in detail panel (ui) to truncate infinite or long decimals</li>\n<li>folders now use the mean attributes of their buildings(leaves)</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Bugfix: detail panel should be cleared before setting new details else old values may survive</li>\n</ul>\n<h2>[1.6.7] - 2018-02-01</h2>\n<p>Fixed release issues</p>\n<h2>[1.6.6] - 2018-02-01</h2>\n<h3>Added</h3>\n<ul>\n<li>added anonymous git log generator anongit</li>\n<li>browser demo shows codecharta-visualization sonar analysis</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>rewrote command line interface</li>\n<li>linking ccsh to bin/ccsh will be deleted later</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>No underscore for scenarios in tooltips #71</li>\n</ul>\n<h2>[1.6.5] - 2018-01-30</h2>\n<p>Fixed release issues</p>\n<h2>[1.6.4] - 2018-01-30</h2>\n<h3>Fixed</h3>\n<ul>\n<li>fixed broken SonarImporter due to jdk9 migration</li>\n</ul>\n<h2>[1.6.3] - 2018-01-26</h2>\n<h3>Added</h3>\n<ul>\n<li>added npm publish for analysis</li>\n<li>simple release script for automatic changelog updates, commits, tags, version bumps</li>\n</ul>\n<h2>[1.6.2] - 2018-01-25</h2>\n<h3>Added</h3>\n<ul>\n<li>added support for git log --raw and git log --numstat --raw</li>\n<li>added support for git log --numstat and codechurn</li>\n<li>added support for renames in SCMLogParser for git log --name-status</li>\n<li>added support for renames in SCMLogParser for git log --numstat, git log --raw and git log --numstat --raw</li>\n<li>added new SCM experimental metrics range_of_weeks_with_commits and successive_weeks_of_commits</li>\n<li>the file origin of a node is displayed in the details now</li>\n<li>sonarqube analysis on CI build</li>\n<li>npm publish support in visualization</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Deltas are no longer experimental</li>\n<li>two selected delta maps now merge their nodes correctly. The map where\na node was missing get's a copy of this node with metrics=0.\nFile additions/deletions are therefore only visible when areaMetric is\nunary and deltas are activated.</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>delta display bug for heights</li>\n<li>going back from delta view now correctly removes deltas from node data</li>\n<li>Delta shown although not in delta mode #60</li>\n<li>Allow inversion of delta colors #57</li>\n<li>npm binary error</li>\n</ul>\n<h2>[1.5.2] - 2018-01-04</h2>\n<h3>Changed</h3>\n<ul>\n<li>scaling slider now has steps of 0.1. This allows the user to select precise values like 2.0</li>\n<li>updated jdk to jdk9</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Opening the same file a second time does not work #53</li>\n<li>added missing require declaration</li>\n<li>added glsl loader in testing environment</li>\n<li>Native Application support is bugged while building in Travis CI #48</li>\n</ul>\n<h2>[1.5.1] - 2017-11-14</h2>\n<h3>Added</h3>\n<ul>\n<li>command line parameter to toggle \"authors\" attribute in SCMLogParser</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>when passing a file through the \"file\" parameter in the URL, the map now renders correctly</li>\n</ul>\n<h2>[1.5.0] - 2017-10-24</h2>\n<h3>Added</h3>\n<ul>\n<li>experimental delta functionality</li>\n<li>loading multiple maps</li>\n<li>experimental margin slider</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>faster rendering</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>nwjs packages and native apps due to a bug</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>using color metric instead of height metric for color range slider ceil</li>\n</ul>\n<h2>[1.4.0] - 2017-09-14</h2>\n<h3>Added</h3>\n<ul>\n<li>Typescript support</li>\n<li>Browsersync</li>\n<li>added advanced merging strategy \"leaf\" in MergeFilter</li>\n<li>advanced merging with restructuring</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Browserify replaced with Webpack</li>\n<li>Better debugging</li>\n<li>Karma instead of Mocha</li>\n</ul>\n<h2>[1.3.2] - 2017-08-18</h2>\n<h3>Added</h3>\n<ul>\n<li>add slider controls for color thresholds #19</li>\n<li>Added additional structuring in SonarImporter for multi-module projects</li>\n<li>button to generate current url parameters</li>\n<li>camera position is now a setting (e.g. in scenarios or url parameters)</li>\n<li>margin slider: make it easier to find out to which package/folder a class belongs #20</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>better url parameter resolution (nested parameters are handled correctly)</li>\n<li>changed hover color. Allows better distinction between hover and select</li>\n</ul>\n<h3>Removed</h3>\n<ul>\n<li>obsolete helper grid</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>changing display or color settings resets scaling #18</li>\n<li>scenario description #32</li>\n<li>Scaling should not scale the labels #35</li>\n</ul>\n<h2>[1.3.1] - 2017-07-05</h2>\n<h3>Fixed</h3>\n<ul>\n<li>Prevented override of URL-parameters by default scenario</li>\n</ul>\n<h2>[1.3.0] - 2017-07-05</h2>\n<h3>Added</h3>\n<ul>\n<li>Adding simple merge functionality for multiple json files</li>\n<li>Added CSVImporter</li>\n<li>Added Translation for SonarQube metrics</li>\n<li>Added descriptions for metrics</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Changed uppercase metrics, e.g. RLOC, to lowercase metrics</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>Simple cc.json does not display anything #17</li>\n</ul>\n<h2>[1.2.0] - 2017-06-19</h2>\n<h3>Added</h3>\n<ul>\n<li>Adding Labels and UI</li>\n<li>Support for links to source page of SonarQube in sonarimporter</li>\n<li>Added SCMLogParser</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>GitHub Issue: legend is wrong #21</li>\n</ul>\n<h2>[1.1.5] - 2017-05-31</h2>\n<h3>Fixed</h3>\n<ul>\n<li>Wrong version numbers in analysis part</li>\n</ul>\n<h2>[1.1.4] - 2017-05-26</h2>\n<h3>Added</h3>\n<ul>\n<li>Scenarios and default scenario</li>\n<li>Translation API for Metrics</li>\n<li>Metric tooltips in dropdown</li>\n</ul>\n<h3>Fixed</h3>\n<ul>\n<li>GitHub Issue: Sonarimporter crashes with null pointer exception when there is a component without path. #13</li>\n</ul>\n<h2>[1.1.3] - 2017-05-01</h2>\n<h3>Added</h3>\n<ul>\n<li>Support for SonarQube Measures-API</li>\n<li>Error logging for sonarqube errors</li>\n</ul>\n<h3>Changed</h3>\n<ul>\n<li>Standard Sonar metric is now complexity,ncloc,functions,duplicated_lines,classes,blocker_violations,generated_lines,bugs,commented_out_code_lines,lines,violations,comment_lines,duplicated_blocks</li>\n</ul>\n<h2>[1.1.2] - 2017-04-28</h2>\n<h3>Added</h3>\n<ul>\n<li>Translation API for Metrics</li>\n</ul>\n<h2>[1.1.1] - 2017-04-07</h2>\n<h3>Fixed</h3>\n<ul>\n<li>GitHub Issue: Flickering surfaces #3</li>\n<li>GitHub Issue: Unable to install due to readlink error on macOS #4</li>\n</ul>\n<h2>[1.1.0] - 2017-03-27</h2>\n<h3>Added</h3>\n<ul>\n<li>SourceMonitorImporter for importing projects from SourceMonitor.</li>\n</ul>\n<h2>[1.0.0] - 2017-03-17</h2>\n<h3>Added</h3>\n<ul>\n<li>SonarImporter for importing projects from SonarQube.</li>\n<li>ValidationTool for validating an existing json file.</li>\n</ul>\n";
 // Exports
 module.exports = code;
 
@@ -242868,6 +242913,8 @@ const define = (object, key, value) =>
 
 const REGEX_REGEXP_RANGE = /([0-z])-([0-z])/g
 
+const RETURN_FALSE = () => false
+
 // Sanitize the range of a regular expression
 // The cases are complicated, see test cases for details
 const sanitizeRange = range => range.replace(
@@ -243126,22 +243173,18 @@ const REPLACERS = [
 const regexCache = Object.create(null)
 
 // @param {pattern}
-const makeRegex = (pattern, negative, ignorecase) => {
-  const r = regexCache[pattern]
-  if (r) {
-    return r
-  }
+const makeRegex = (pattern, ignoreCase) => {
+  let source = regexCache[pattern]
 
-  // const replacers = negative
-  //   ? NEGATIVE_REPLACERS
-  //   : POSITIVE_REPLACERS
-
-  const source = REPLACERS.reduce(
-    (prev, current) => prev.replace(current[0], current[1].bind(pattern)),
-    pattern
-  )
+  if (!source) {
+    source = REPLACERS.reduce(
+      (prev, current) => prev.replace(current[0], current[1].bind(pattern)),
+      pattern
+    )
+    regexCache[pattern] = source
+  }
 
-  return regexCache[pattern] = ignorecase
+  return ignoreCase
     ? new RegExp(source, 'i')
     : new RegExp(source)
 }
@@ -243172,7 +243215,7 @@ class IgnoreRule {
   }
 }
 
-const createRule = (pattern, ignorecase) => {
+const createRule = (pattern, ignoreCase) => {
   const origin = pattern
   let negative = false
 
@@ -243190,7 +243233,7 @@ const createRule = (pattern, ignorecase) => {
   // >   begin with a hash.
   .replace(REGEX_REPLACE_LEADING_EXCAPED_HASH, '#')
 
-  const regex = makeRegex(pattern, negative, ignorecase)
+  const regex = makeRegex(pattern, ignoreCase)
 
   return new IgnoreRule(
     origin,
@@ -243236,11 +243279,15 @@ checkPath.convert = p => p
 
 class Ignore {
   constructor ({
-    ignorecase = true
+    ignorecase = true,
+    ignoreCase = ignorecase,
+    allowRelativePaths = false
   } = {}) {
-    this._rules = []
-    this._ignorecase = ignorecase
     define(this, KEY_IGNORE, true)
+
+    this._rules = []
+    this._ignoreCase = ignoreCase
+    this._allowRelativePaths = allowRelativePaths
     this._initCache()
   }
 
@@ -243258,7 +243305,7 @@ class Ignore {
     }
 
     if (checkPattern(pattern)) {
-      const rule = createRule(pattern, this._ignorecase)
+      const rule = createRule(pattern, this._ignoreCase)
       this._added = true
       this._rules.push(rule)
     }
@@ -243337,7 +243384,13 @@ class Ignore {
       // Supports nullable path
       && checkPath.convert(originalPath)
 
-    checkPath(path, originalPath, throwError)
+    checkPath(
+      path,
+      originalPath,
+      this._allowRelativePaths
+        ? RETURN_FALSE
+        : throwError
+    )
 
     return this._t(path, cache, checkUnignored, slices)
   }
@@ -243395,10 +243448,8 @@ class Ignore {
 
 const factory = options => new Ignore(options)
 
-const returnFalse = () => false
-
 const isPathValid = path =>
-  checkPath(path && checkPath.convert(path), path, returnFalse)
+  checkPath(path && checkPath.convert(path), path, RETURN_FALSE)
 
 factory.isPathValid = isPathValid
 
@@ -274911,7 +274962,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "BehaviorSubject": () => (/* binding */ BehaviorSubject)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _Subject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Subject */ "./node_modules/rxjs/dist/esm5/internal/Subject.js");
 
 
@@ -275049,16 +275100,20 @@ var Observable = (function () {
         var _this = this;
         promiseCtor = getPromiseCtor(promiseCtor);
         return new promiseCtor(function (resolve, reject) {
-            var subscription;
-            subscription = _this.subscribe(function (value) {
-                try {
-                    next(value);
-                }
-                catch (err) {
-                    reject(err);
-                    subscription === null || subscription === void 0 ? void 0 : subscription.unsubscribe();
-                }
-            }, reject, resolve);
+            var subscriber = new _Subscriber__WEBPACK_IMPORTED_MODULE_0__.SafeSubscriber({
+                next: function (value) {
+                    try {
+                        next(value);
+                    }
+                    catch (err) {
+                        reject(err);
+                        subscriber.unsubscribe();
+                    }
+                },
+                error: reject,
+                complete: resolve,
+            });
+            _this.subscribe(subscriber);
         });
     };
     Observable.prototype._subscribe = function (subscriber) {
@@ -275114,7 +275169,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "ReplaySubject": () => (/* binding */ ReplaySubject)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _Subject__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Subject */ "./node_modules/rxjs/dist/esm5/internal/Subject.js");
 /* harmony import */ var _scheduler_dateTimestampProvider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./scheduler/dateTimestampProvider */ "./node_modules/rxjs/dist/esm5/internal/scheduler/dateTimestampProvider.js");
 
@@ -275221,7 +275276,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "Subject": () => (/* binding */ Subject),
 /* harmony export */   "AnonymousSubject": () => (/* binding */ AnonymousSubject)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _Observable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Observable */ "./node_modules/rxjs/dist/esm5/internal/Observable.js");
 /* harmony import */ var _Subscription__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Subscription */ "./node_modules/rxjs/dist/esm5/internal/Subscription.js");
 /* harmony import */ var _util_ObjectUnsubscribedError__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./util/ObjectUnsubscribedError */ "./node_modules/rxjs/dist/esm5/internal/util/ObjectUnsubscribedError.js");
@@ -275395,7 +275450,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "SafeSubscriber": () => (/* binding */ SafeSubscriber),
 /* harmony export */   "EMPTY_OBSERVER": () => (/* binding */ EMPTY_OBSERVER)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _util_isFunction__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./util/isFunction */ "./node_modules/rxjs/dist/esm5/internal/util/isFunction.js");
 /* harmony import */ var _Subscription__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Subscription */ "./node_modules/rxjs/dist/esm5/internal/Subscription.js");
 /* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./config */ "./node_modules/rxjs/dist/esm5/internal/config.js");
@@ -275568,7 +275623,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "EMPTY_SUBSCRIPTION": () => (/* binding */ EMPTY_SUBSCRIPTION),
 /* harmony export */   "isSubscription": () => (/* binding */ isSubscription)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _util_isFunction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./util/isFunction */ "./node_modules/rxjs/dist/esm5/internal/util/isFunction.js");
 /* harmony import */ var _util_UnsubscriptionError__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./util/UnsubscriptionError */ "./node_modules/rxjs/dist/esm5/internal/util/UnsubscriptionError.js");
 /* harmony import */ var _util_arrRemove__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./util/arrRemove */ "./node_modules/rxjs/dist/esm5/internal/util/arrRemove.js");
@@ -276012,7 +276067,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "fromEvent": () => (/* binding */ fromEvent)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _observable_innerFrom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../observable/innerFrom */ "./node_modules/rxjs/dist/esm5/internal/observable/innerFrom.js");
 /* harmony import */ var _Observable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Observable */ "./node_modules/rxjs/dist/esm5/internal/Observable.js");
 /* harmony import */ var _operators_mergeMap__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../operators/mergeMap */ "./node_modules/rxjs/dist/esm5/internal/operators/mergeMap.js");
@@ -276098,7 +276153,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "fromAsyncIterable": () => (/* binding */ fromAsyncIterable),
 /* harmony export */   "fromReadableStreamLike": () => (/* binding */ fromReadableStreamLike)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _util_isArrayLike__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util/isArrayLike */ "./node_modules/rxjs/dist/esm5/internal/util/isArrayLike.js");
 /* harmony import */ var _util_isPromise__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util/isPromise */ "./node_modules/rxjs/dist/esm5/internal/util/isPromise.js");
 /* harmony import */ var _Observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Observable */ "./node_modules/rxjs/dist/esm5/internal/Observable.js");
@@ -276414,7 +276469,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "OperatorSubscriber": () => (/* binding */ OperatorSubscriber)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _Subscriber__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Subscriber */ "./node_modules/rxjs/dist/esm5/internal/Subscriber.js");
 
 
@@ -277129,7 +277184,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "share": () => (/* binding */ share)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _observable_from__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../observable/from */ "./node_modules/rxjs/dist/esm5/internal/observable/from.js");
 /* harmony import */ var _operators_take__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../operators/take */ "./node_modules/rxjs/dist/esm5/internal/operators/take.js");
 /* harmony import */ var _Subject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Subject */ "./node_modules/rxjs/dist/esm5/internal/Subject.js");
@@ -277793,7 +277848,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Action": () => (/* binding */ Action)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _Subscription__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Subscription */ "./node_modules/rxjs/dist/esm5/internal/Subscription.js");
 
 
@@ -277824,7 +277879,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "AnimationFrameAction": () => (/* binding */ AnimationFrameAction)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _AsyncAction__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./AsyncAction */ "./node_modules/rxjs/dist/esm5/internal/scheduler/AsyncAction.js");
 /* harmony import */ var _animationFrameProvider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./animationFrameProvider */ "./node_modules/rxjs/dist/esm5/internal/scheduler/animationFrameProvider.js");
 
@@ -277851,7 +277906,7 @@ var AnimationFrameAction = (function (_super) {
         if ((delay != null && delay > 0) || (delay == null && this.delay > 0)) {
             return _super.prototype.recycleAsyncId.call(this, scheduler, id, delay);
         }
-        if (scheduler.actions.length === 0) {
+        if (!scheduler.actions.some(function (action) { return action.id === id; })) {
             _animationFrameProvider__WEBPACK_IMPORTED_MODULE_1__.animationFrameProvider.cancelAnimationFrame(id);
             scheduler._scheduled = undefined;
         }
@@ -277875,7 +277930,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "AnimationFrameScheduler": () => (/* binding */ AnimationFrameScheduler)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _AsyncScheduler__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AsyncScheduler */ "./node_modules/rxjs/dist/esm5/internal/scheduler/AsyncScheduler.js");
 
 
@@ -277886,20 +277941,19 @@ var AnimationFrameScheduler = (function (_super) {
     }
     AnimationFrameScheduler.prototype.flush = function (action) {
         this._active = true;
+        var flushId = this._scheduled;
         this._scheduled = undefined;
         var actions = this.actions;
         var error;
-        var index = -1;
         action = action || actions.shift();
-        var count = actions.length;
         do {
             if ((error = action.execute(action.state, action.delay))) {
                 break;
             }
-        } while (++index < count && (action = actions.shift()));
+        } while ((action = actions[0]) && action.id === flushId && actions.shift());
         this._active = false;
         if (error) {
-            while (++index < count && (action = actions.shift())) {
+            while ((action = actions[0]) && action.id === flushId && actions.shift()) {
                 action.unsubscribe();
             }
             throw error;
@@ -277923,7 +277977,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "AsapAction": () => (/* binding */ AsapAction)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _AsyncAction__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./AsyncAction */ "./node_modules/rxjs/dist/esm5/internal/scheduler/AsyncAction.js");
 /* harmony import */ var _immediateProvider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./immediateProvider */ "./node_modules/rxjs/dist/esm5/internal/scheduler/immediateProvider.js");
 
@@ -277950,7 +278004,7 @@ var AsapAction = (function (_super) {
         if ((delay != null && delay > 0) || (delay == null && this.delay > 0)) {
             return _super.prototype.recycleAsyncId.call(this, scheduler, id, delay);
         }
-        if (scheduler.actions.length === 0) {
+        if (!scheduler.actions.some(function (action) { return action.id === id; })) {
             _immediateProvider__WEBPACK_IMPORTED_MODULE_1__.immediateProvider.clearImmediate(id);
             scheduler._scheduled = undefined;
         }
@@ -277974,7 +278028,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "AsapScheduler": () => (/* binding */ AsapScheduler)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _AsyncScheduler__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AsyncScheduler */ "./node_modules/rxjs/dist/esm5/internal/scheduler/AsyncScheduler.js");
 
 
@@ -277985,20 +278039,19 @@ var AsapScheduler = (function (_super) {
     }
     AsapScheduler.prototype.flush = function (action) {
         this._active = true;
+        var flushId = this._scheduled;
         this._scheduled = undefined;
         var actions = this.actions;
         var error;
-        var index = -1;
         action = action || actions.shift();
-        var count = actions.length;
         do {
             if ((error = action.execute(action.state, action.delay))) {
                 break;
             }
-        } while (++index < count && (action = actions.shift()));
+        } while ((action = actions[0]) && action.id === flushId && actions.shift());
         this._active = false;
         if (error) {
-            while (++index < count && (action = actions.shift())) {
+            while ((action = actions[0]) && action.id === flushId && actions.shift()) {
                 action.unsubscribe();
             }
             throw error;
@@ -278022,7 +278075,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "AsyncAction": () => (/* binding */ AsyncAction)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _Action__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Action */ "./node_modules/rxjs/dist/esm5/internal/scheduler/Action.js");
 /* harmony import */ var _intervalProvider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./intervalProvider */ "./node_modules/rxjs/dist/esm5/internal/scheduler/intervalProvider.js");
 /* harmony import */ var _util_arrRemove__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util/arrRemove */ "./node_modules/rxjs/dist/esm5/internal/util/arrRemove.js");
@@ -278127,7 +278180,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "AsyncScheduler": () => (/* binding */ AsyncScheduler)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _Scheduler__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Scheduler */ "./node_modules/rxjs/dist/esm5/internal/Scheduler.js");
 
 
@@ -278202,7 +278255,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "animationFrameProvider": () => (/* binding */ animationFrameProvider)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _Subscription__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Subscription */ "./node_modules/rxjs/dist/esm5/internal/Subscription.js");
 
 
@@ -278319,7 +278372,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "immediateProvider": () => (/* binding */ immediateProvider)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _util_Immediate__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../util/Immediate */ "./node_modules/rxjs/dist/esm5/internal/util/Immediate.js");
 
 
@@ -278354,7 +278407,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "intervalProvider": () => (/* binding */ intervalProvider)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 
 var intervalProvider = {
     setInterval: function () {
@@ -278386,7 +278439,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "timeoutProvider": () => (/* binding */ timeoutProvider)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 
 var timeoutProvider = {
     setTimeout: function () {
@@ -278939,7 +278992,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "readableStreamLikeToAsyncGenerator": () => (/* binding */ readableStreamLikeToAsyncGenerator),
 /* harmony export */   "isReadableStreamLike": () => (/* binding */ isReadableStreamLike)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _isFunction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./isFunction */ "./node_modules/rxjs/dist/esm5/internal/util/isFunction.js");
 
 
@@ -279050,7 +279103,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "mapOneOrManyArgs": () => (/* binding */ mapOneOrManyArgs)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _operators_map__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../operators/map */ "./node_modules/rxjs/dist/esm5/internal/operators/map.js");
 
 
@@ -279163,281 +279216,6 @@ function createInvalidObservableTypeError(input) {
 }
 //# sourceMappingURL=throwUnobservableError.js.map
 
-/***/ }),
-
-/***/ "./node_modules/rxjs/node_modules/tslib/tslib.es6.js":
-/*!***********************************************************!*\
-  !*** ./node_modules/rxjs/node_modules/tslib/tslib.es6.js ***!
-  \***********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "__extends": () => (/* binding */ __extends),
-/* harmony export */   "__assign": () => (/* binding */ __assign),
-/* harmony export */   "__rest": () => (/* binding */ __rest),
-/* harmony export */   "__decorate": () => (/* binding */ __decorate),
-/* harmony export */   "__param": () => (/* binding */ __param),
-/* harmony export */   "__metadata": () => (/* binding */ __metadata),
-/* harmony export */   "__awaiter": () => (/* binding */ __awaiter),
-/* harmony export */   "__generator": () => (/* binding */ __generator),
-/* harmony export */   "__createBinding": () => (/* binding */ __createBinding),
-/* harmony export */   "__exportStar": () => (/* binding */ __exportStar),
-/* harmony export */   "__values": () => (/* binding */ __values),
-/* harmony export */   "__read": () => (/* binding */ __read),
-/* harmony export */   "__spread": () => (/* binding */ __spread),
-/* harmony export */   "__spreadArrays": () => (/* binding */ __spreadArrays),
-/* harmony export */   "__spreadArray": () => (/* binding */ __spreadArray),
-/* harmony export */   "__await": () => (/* binding */ __await),
-/* harmony export */   "__asyncGenerator": () => (/* binding */ __asyncGenerator),
-/* harmony export */   "__asyncDelegator": () => (/* binding */ __asyncDelegator),
-/* harmony export */   "__asyncValues": () => (/* binding */ __asyncValues),
-/* harmony export */   "__makeTemplateObject": () => (/* binding */ __makeTemplateObject),
-/* harmony export */   "__importStar": () => (/* binding */ __importStar),
-/* harmony export */   "__importDefault": () => (/* binding */ __importDefault),
-/* harmony export */   "__classPrivateFieldGet": () => (/* binding */ __classPrivateFieldGet),
-/* harmony export */   "__classPrivateFieldSet": () => (/* binding */ __classPrivateFieldSet)
-/* harmony export */ });
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    }
-    return __assign.apply(this, arguments);
-}
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __decorate(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-
-function __param(paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-}
-
-function __metadata(metadataKey, metadataValue) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
-
-var __createBinding = Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-});
-
-function __exportStar(m, o) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);
-}
-
-function __values(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-}
-
-function __read(o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-}
-
-/** @deprecated */
-function __spread() {
-    for (var ar = [], i = 0; i < arguments.length; i++)
-        ar = ar.concat(__read(arguments[i]));
-    return ar;
-}
-
-/** @deprecated */
-function __spreadArrays() {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-}
-
-function __spreadArray(to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
-}
-
-function __await(v) {
-    return this instanceof __await ? (this.v = v, this) : new __await(v);
-}
-
-function __asyncGenerator(thisArg, _arguments, generator) {
-    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-    var g = generator.apply(thisArg, _arguments || []), i, q = [];
-    return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
-    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-    function fulfill(value) { resume("next", value); }
-    function reject(value) { resume("throw", value); }
-    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
-}
-
-function __asyncDelegator(o) {
-    var i, p;
-    return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-}
-
-function __asyncValues(o) {
-    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-    var m = o[Symbol.asyncIterator], i;
-    return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
-}
-
-function __makeTemplateObject(cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-
-var __setModuleDefault = Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-};
-
-function __importStar(mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-}
-
-function __importDefault(mod) {
-    return (mod && mod.__esModule) ? mod : { default: mod };
-}
-
-function __classPrivateFieldGet(receiver, privateMap) {
-    if (!privateMap.has(receiver)) {
-        throw new TypeError("attempted to get private field on non-instance");
-    }
-    return privateMap.get(receiver);
-}
-
-function __classPrivateFieldSet(receiver, privateMap, value) {
-    if (!privateMap.has(receiver)) {
-        throw new TypeError("attempted to set private field on non-instance");
-    }
-    privateMap.set(receiver, value);
-    return value;
-}
-
-
 /***/ }),
 
 /***/ "./node_modules/stream-browserify/index.js":
@@ -281370,36 +281148,6 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
 
 /***/ }),
 
-/***/ "./app/codeCharta/ui/unfocusButton/unfocusButton.component.scss":
-/*!**********************************************************************!*\
-  !*** ./app/codeCharta/ui/unfocusButton/unfocusButton.component.scss ***!
-  \**********************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_unfocusButton_component_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !!../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./unfocusButton.component.scss */ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./app/codeCharta/ui/unfocusButton/unfocusButton.component.scss");
-
-            
-
-var options = {};
-
-options.insert = "head";
-options.singleton = false;
-
-var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_unfocusButton_component_scss__WEBPACK_IMPORTED_MODULE_1__["default"], options);
-
-
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_unfocusButton_component_scss__WEBPACK_IMPORTED_MODULE_1__["default"].locals || {});
-
-/***/ }),
-
 /***/ "./app/codeCharta/ui/viewCube/viewCube.component.scss":
 /*!************************************************************!*\
   !*** ./app/codeCharta/ui/viewCube/viewCube.component.scss ***!
@@ -333455,6 +333203,283 @@ var CopyShader = {
 
 
 
+/***/ }),
+
+/***/ "./node_modules/tslib/tslib.es6.js":
+/*!*****************************************!*\
+  !*** ./node_modules/tslib/tslib.es6.js ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "__extends": () => (/* binding */ __extends),
+/* harmony export */   "__assign": () => (/* binding */ __assign),
+/* harmony export */   "__rest": () => (/* binding */ __rest),
+/* harmony export */   "__decorate": () => (/* binding */ __decorate),
+/* harmony export */   "__param": () => (/* binding */ __param),
+/* harmony export */   "__metadata": () => (/* binding */ __metadata),
+/* harmony export */   "__awaiter": () => (/* binding */ __awaiter),
+/* harmony export */   "__generator": () => (/* binding */ __generator),
+/* harmony export */   "__createBinding": () => (/* binding */ __createBinding),
+/* harmony export */   "__exportStar": () => (/* binding */ __exportStar),
+/* harmony export */   "__values": () => (/* binding */ __values),
+/* harmony export */   "__read": () => (/* binding */ __read),
+/* harmony export */   "__spread": () => (/* binding */ __spread),
+/* harmony export */   "__spreadArrays": () => (/* binding */ __spreadArrays),
+/* harmony export */   "__spreadArray": () => (/* binding */ __spreadArray),
+/* harmony export */   "__await": () => (/* binding */ __await),
+/* harmony export */   "__asyncGenerator": () => (/* binding */ __asyncGenerator),
+/* harmony export */   "__asyncDelegator": () => (/* binding */ __asyncDelegator),
+/* harmony export */   "__asyncValues": () => (/* binding */ __asyncValues),
+/* harmony export */   "__makeTemplateObject": () => (/* binding */ __makeTemplateObject),
+/* harmony export */   "__importStar": () => (/* binding */ __importStar),
+/* harmony export */   "__importDefault": () => (/* binding */ __importDefault),
+/* harmony export */   "__classPrivateFieldGet": () => (/* binding */ __classPrivateFieldGet),
+/* harmony export */   "__classPrivateFieldSet": () => (/* binding */ __classPrivateFieldSet)
+/* harmony export */ });
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+    if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    }
+    return __assign.apply(this, arguments);
+}
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+function __param(paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+}
+
+function __metadata(metadataKey, metadataValue) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+}
+
+var __createBinding = Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+});
+
+function __exportStar(m, o) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);
+}
+
+function __values(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+
+function __read(o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+}
+
+/** @deprecated */
+function __spread() {
+    for (var ar = [], i = 0; i < arguments.length; i++)
+        ar = ar.concat(__read(arguments[i]));
+    return ar;
+}
+
+/** @deprecated */
+function __spreadArrays() {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+function __await(v) {
+    return this instanceof __await ? (this.v = v, this) : new __await(v);
+}
+
+function __asyncGenerator(thisArg, _arguments, generator) {
+    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+    var g = generator.apply(thisArg, _arguments || []), i, q = [];
+    return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
+    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+    function fulfill(value) { resume("next", value); }
+    function reject(value) { resume("throw", value); }
+    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
+}
+
+function __asyncDelegator(o) {
+    var i, p;
+    return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+}
+
+function __asyncValues(o) {
+    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+    var m = o[Symbol.asyncIterator], i;
+    return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+}
+
+function __makeTemplateObject(cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+
+var __setModuleDefault = Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+};
+
+function __importStar(mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+}
+
+function __importDefault(mod) {
+    return (mod && mod.__esModule) ? mod : { default: mod };
+}
+
+function __classPrivateFieldGet(receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+}
+
+function __classPrivateFieldSet(receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+}
+
+
 /***/ }),
 
 /***/ "./node_modules/uri-js/dist/es5/uri.all.js":
@@ -341903,7 +341928,7 @@ module.exports = JSON.parse('{"$schema":"http://json-schema.org/draft-07/schema#
 /***/ ((module) => {
 
 "use strict";
-module.exports = JSON.parse('{"author":"MaibornWolff GmbH <dist_intern_codecharta@maibornwolff.de>","homepage":"https://maibornwolff.github.io/codecharta/","bugs":{"url":"https://github.com/MaibornWolff/codecharta/issues","email":"dist_intern_codecharta@maibornwolff.de"},"repository":{"type":"git","url":"https://github.com/MaibornWolff/codecharta.git"},"name":"codecharta-visualization","version":"1.86.0","engines":{"node":">=16"},"description":"MaibornWolff CodeCharta","files":["dist/webpack","app","conf","Dockerfile","LICENSE.md","package.json","package-lock.json","README.md","tsconfig.json","cli.js"],"codecharta":{"apiVersion":"1.3"},"window":{"icon":"app/icon.png","toolbar":true,"frame":true,"width":1024,"height":768},"main":"dist/webpack/index.html","build":{"nwVersion":"0.53.0","output":"./dist/packages/","outputPattern":"codecharta-visualization-${VERSION}-${PLATFORM}-${ARCH}","files":"./dist/webpack/**/*","packed":true,"targets":["zip"],"appId":"io.github.maibornwolff.codecharta","win":{"productName":"codecharta-visualization","companyName":"MaibornWolff GmbH","icon":"app/assets/icon.ico"},"mac":{"icon":"app/assets/icon.icns","displayName":"codecharta-visualization"}},"browserslist":["last 2 versions","not IE 11"],"scripts":{"start":"nw .","build":"webpack --config ./conf/webpack.config.js --env STANDALONE=true --env DEV=false","build:web":"webpack --config ./conf/webpack.config.js --env STANDALONE=false --env DEV=false","dev":"webpack serve --config ./conf/webpack.config.js --env STANDALONE=false --env DEV=true","test":"jest --config ./jest.config.json .*\\\\.spec\\\\.ts --env=jsdom","test:auto":"npm test -- --watch","test:autoNoCoverage":"npm run test:auto -- --coverage false","test:updateSnaps":"npm test -- --updateSnapshot","e2e":"cross-env TEST_TYPE=\\"e2e\\" jest --config ./jest.config.json .*\\\\.e2e\\\\.ts --coverage false","e2e:auto":"npm run e2e -- --watch","e2e:ci":"npm run e2e -- --runInBand","package":"node -e \'fs.rmSync(\\"dist/packages\\", { recursive: true, force: true })\' && build --concurrent --tasks win-x86,win-x64,linux-x86,linux-x64,mac-x64 --mirror https://dl.nwjs.io/ . && bestzip ./dist/packages/codecharta-visualization-$npm_package_version-web.zip ./dist/webpack","lint":"eslint \\"app/**/*.ts\\"","lint:fix":"npm run lint -- --fix","precommit":"lint-staged","schema:generate":"typescript-json-schema ./app/codeCharta/codeCharta.model.ts ExportCCFile --required --topRef --out app/codeCharta/util/generatedSchema.json"},"lint-staged":{"app/**/*.ts":"eslint --fix"},"bin":{"codecharta-visualization":"cli.js"},"license":"BSD-3-Clause","dependencies":{"@angular/animations":"^12.2.12","@angular/cdk":"^12.2.12","@angular/common":"^12.2.12","@angular/compiler":"^12.2.12","@angular/core":"^12.2.12","@angular/material":"^12.2.12","@angular/platform-browser":"^12.2.12","@angular/platform-browser-dynamic":"^12.2.12","@angular/upgrade":"^12.2.12","@types/webpack":"^5.28.0","ajv":"^6.12.6","angular":"^1.8.2","angular-animate":"^1.8.2","angular-aria":"^1.8.2","angular-material":"^1.2.2","angular-messages":"^1.8.2","angular-mocks":"^1.8.2","angular-sanitize":"^1.8.2","angularjs-nouislider":"^14.1.3","angularjs-slider":"^7.0.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","browserify-zlib":"^0.2.0","changelog-parser":"^2.8.0","color-convert":"^2.0.1","core-js":"^3.15.2","d3-hierarchy":"^2.0.0","font-awesome":"^4.7.0","hotkeys-js":"^3.8.2","ignore":"^5.1.8","klona":"^2.0.4","lodash.camelcase":"^4.3.0","lodash.debounce":"^4.0.8","lodash.isequal":"^4.5.0","lodash.throttle":"^4.1.1","material-icons":"^1.10.4","md5":"^2.3.0","ngx-color":"^7.3.3","nouislider":"^15.0.0","nw":"^0.58.0","open":"^8.0.6","percent-round":"^2.2.1","redux":"^4.0.5","remark":"^13.0.0","remark-html":"^13.0.1","remark-loader":"^4.0.0","shelljs":"^0.8.4","three":"^0.126.1","three-orbit-controls":"^82.1.0","typescript-json-schema":"^0.52.0","zone.js":"^0.11.4"},"devDependencies":{"@babel/cli":"^7.13.14","@babel/core":"^7.13.15","@babel/preset-env":"^7.13.15","@babel/preset-typescript":"^7.13.0","@testing-library/angular":"^10.11.0","@testing-library/user-event":"^13.5.0","@types/angular":"^1.8.1","@types/angular-mocks":"^1.7.0","@types/color-convert":"^2.0.0","@types/d3-hierarchy":"^3.0.2","@types/expect-puppeteer":"^4.4.5","@types/jest":"^26.0.22","@types/jest-environment-puppeteer":"^4.4.1","@types/lodash":"^4.14.168","@types/node":"^16.0.0","@types/puppeteer":"^5.4.3","@types/three":"^0.126.0","@typescript-eslint/eslint-plugin":"^4.22.0","@typescript-eslint/parser":"^4.22.0","babel-loader":"^8.2.2","babel-plugin-angularjs-annotate":"^0.10.0","bestzip":"^2.2.0","canvas":"^2.7.0","clean-webpack-plugin":"^4.0.0","cross-env":"^7.0.3","css-loader":"^6.0.0","eslint":"^7.28.0","eslint-config-prettier":"^8.2.0","eslint-plugin-unicorn":"^36.0.0","file-loader":"^6.2.0","html-loader":"^1.1.0","html-loader-jest":"^0.2.1","html-webpack-plugin":"^5.3.1","jest":"^26.6.3","jest-preset-angular":"^9.0.7","jest-puppeteer":"^6.0.0","jest-serializer-html":"^7.0.0","lint-staged":"^11.0.0","makeshift":"^1.1.0","node-polyfill-webpack-plugin":"^1.1.4","node-sass":"^6.0.1","nwjs-builder-phoenix":"^1.15.0","puppeteer":"^10.4.0","sass-loader":"^12.0.0","style-loader":"^2.0.0","ts-jest":"^26.5.5","ts-loader":"^9.0.0","typescript":"^4.3.5","webpack":"^5.33.2","webpack-cli":"^4.7.2","webpack-dev-server":"^3.11.2","webpack-glsl-loader":"^1.0.1"},"optionalDependencies":{"7zip-bin-linux":"^1.3.1","7zip-bin-mac":"^1.0.1","7zip-bin-win":"^2.2.0"}}');
+module.exports = JSON.parse('{"author":"MaibornWolff GmbH <dist_intern_codecharta@maibornwolff.de>","homepage":"https://maibornwolff.github.io/codecharta/","bugs":{"url":"https://github.com/MaibornWolff/codecharta/issues","email":"dist_intern_codecharta@maibornwolff.de"},"repository":{"type":"git","url":"https://github.com/MaibornWolff/codecharta.git"},"name":"codecharta-visualization","version":"1.87.0","engines":{"node":">=16"},"description":"MaibornWolff CodeCharta","files":["dist/webpack","app","conf","Dockerfile","LICENSE.md","package.json","package-lock.json","README.md","tsconfig.json","cli.js"],"codecharta":{"apiVersion":"1.3"},"window":{"icon":"app/icon.png","toolbar":true,"frame":true,"width":1024,"height":768},"main":"dist/webpack/index.html","build":{"nwVersion":"0.53.0","output":"./dist/packages/","outputPattern":"codecharta-visualization-${VERSION}-${PLATFORM}-${ARCH}","files":"./dist/webpack/**/*","packed":true,"targets":["zip"],"appId":"io.github.maibornwolff.codecharta","win":{"productName":"codecharta-visualization","companyName":"MaibornWolff GmbH","icon":"app/assets/icon.ico"},"mac":{"icon":"app/assets/icon.icns","displayName":"codecharta-visualization"}},"browserslist":["last 2 versions","not IE 11"],"scripts":{"start":"nw .","build":"webpack --config ./conf/webpack.config.js --env STANDALONE=true --env DEV=false","build:web":"webpack --config ./conf/webpack.config.js --env STANDALONE=false --env DEV=false","dev":"webpack serve --config ./conf/webpack.config.js --env STANDALONE=false --env DEV=true","test":"jest --config ./jest.config.json .*\\\\.spec\\\\.ts --env=jsdom","test:auto":"npm test -- --watch","test:autoNoCoverage":"npm run test:auto -- --coverage false","test:updateSnaps":"npm test -- --updateSnapshot","e2e":"cross-env TEST_TYPE=\\"e2e\\" jest --config ./jest.config.json .*\\\\.e2e\\\\.ts --coverage false","e2e:auto":"npm run e2e -- --watch","e2e:ci":"npm run e2e -- --runInBand","package":"node -e \'fs.rmSync(\\"dist/packages\\", { recursive: true, force: true })\' && build --concurrent --tasks win-x86,win-x64,linux-x86,linux-x64,mac-x64 --mirror https://dl.nwjs.io/ . && bestzip ./dist/packages/codecharta-visualization-$npm_package_version-web.zip ./dist/webpack","lint":"eslint \\"app/**/*.ts\\"","lint:fix":"npm run lint -- --fix","precommit":"lint-staged","schema:generate":"typescript-json-schema ./app/codeCharta/codeCharta.model.ts ExportCCFile --required --topRef --out app/codeCharta/util/generatedSchema.json"},"lint-staged":{"app/**/*.ts":"eslint --fix"},"bin":{"codecharta-visualization":"cli.js"},"license":"BSD-3-Clause","dependencies":{"@angular/animations":"^12.2.12","@angular/cdk":"^12.2.12","@angular/common":"^12.2.12","@angular/compiler":"^12.2.12","@angular/core":"^12.2.12","@angular/material":"^12.2.12","@angular/platform-browser":"^12.2.12","@angular/platform-browser-dynamic":"^12.2.12","@angular/upgrade":"^12.2.12","@types/webpack":"^5.28.0","ajv":"^6.12.6","angular":"^1.8.2","angular-animate":"^1.8.2","angular-aria":"^1.8.2","angular-material":"^1.2.2","angular-messages":"^1.8.2","angular-mocks":"^1.8.2","angular-sanitize":"^1.8.2","angularjs-nouislider":"^14.1.3","angularjs-slider":"^7.0.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","browserify-zlib":"^0.2.0","changelog-parser":"^2.8.0","color-convert":"^2.0.1","core-js":"^3.15.2","d3-hierarchy":"^2.0.0","font-awesome":"^4.7.0","hotkeys-js":"^3.8.2","ignore":"^5.1.8","klona":"^2.0.4","lodash.camelcase":"^4.3.0","lodash.debounce":"^4.0.8","lodash.isequal":"^4.5.0","lodash.throttle":"^4.1.1","material-icons":"^1.10.4","md5":"^2.3.0","ngx-color":"^7.3.3","nouislider":"^15.0.0","nw":"^0.58.0","open":"^8.0.6","percent-round":"^2.2.1","redux":"^4.0.5","remark":"^13.0.0","remark-html":"^13.0.1","remark-loader":"^4.0.0","rxjs":"^7.5.1","shelljs":"^0.8.4","three":"^0.126.1","three-orbit-controls":"^82.1.0","typescript-json-schema":"^0.52.0","zone.js":"^0.11.4"},"devDependencies":{"@babel/cli":"^7.13.14","@babel/core":"^7.13.15","@babel/preset-env":"^7.13.15","@babel/preset-typescript":"^7.13.0","@testing-library/angular":"^10.11.0","@testing-library/user-event":"^13.5.0","@types/angular":"^1.8.1","@types/angular-mocks":"^1.7.0","@types/color-convert":"^2.0.0","@types/d3-hierarchy":"^3.0.2","@types/expect-puppeteer":"^4.4.5","@types/jest":"^26.0.22","@types/jest-environment-puppeteer":"^4.4.1","@types/lodash":"^4.14.168","@types/node":"^16.0.0","@types/puppeteer":"^5.4.3","@types/three":"^0.126.0","@typescript-eslint/eslint-plugin":"^5.0.0","@typescript-eslint/parser":"^5.0.0","babel-loader":"^8.2.2","babel-plugin-angularjs-annotate":"^0.10.0","bestzip":"^2.2.0","canvas":"^2.7.0","clean-webpack-plugin":"^4.0.0","cross-env":"^7.0.3","css-loader":"^6.0.0","eslint":"^8.0.0","eslint-config-prettier":"^8.2.0","eslint-plugin-unicorn":"^40.0.0","file-loader":"^6.2.0","html-loader":"^1.1.0","html-loader-jest":"^0.2.1","html-webpack-plugin":"^5.3.1","jest":"^26.6.3","jest-preset-angular":"^9.0.7","jest-puppeteer":"^6.0.0","jest-serializer-html":"^7.0.0","lint-staged":"^11.0.0","makeshift":"^1.1.0","node-polyfill-webpack-plugin":"^1.1.4","node-sass":"^6.0.1","nwjs-builder-phoenix":"^1.15.0","puppeteer":"^10.4.0","sass-loader":"^12.0.0","style-loader":"^2.0.0","ts-jest":"^26.5.5","ts-loader":"^9.0.0","typescript":"^4.3.5","webpack":"^5.33.2","webpack-cli":"^4.7.2","webpack-dev-server":"^3.11.2","webpack-glsl-loader":"^1.0.1"},"optionalDependencies":{"7zip-bin-linux":"^1.3.1","7zip-bin-mac":"^1.0.1","7zip-bin-win":"^2.2.0"}}');
 
 /***/ })
 
@@ -342224,10 +342249,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _app__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./app */ "./app/app.ts");
 /* harmony import */ var zone_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! zone.js */ "./node_modules/zone.js/fesm2015/zone.js");
 /* harmony import */ var zone_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(zone_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm2015/core.js");
-/* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @angular/platform-browser */ "./node_modules/@angular/platform-browser/fesm2015/platform-browser.js");
-/* harmony import */ var _angular_platform_browser_dynamic__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @angular/platform-browser-dynamic */ "./node_modules/@angular/platform-browser-dynamic/fesm2015/platform-browser-dynamic.js");
-/* harmony import */ var _angular_upgrade_static__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @angular/upgrade/static */ "./node_modules/@angular/upgrade/fesm2015/static.js");
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm2015/core.js");
+/* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @angular/platform-browser */ "./node_modules/@angular/platform-browser/fesm2015/platform-browser.js");
+/* harmony import */ var _angular_platform_browser_dynamic__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! @angular/platform-browser-dynamic */ "./node_modules/@angular/platform-browser-dynamic/fesm2015/platform-browser-dynamic.js");
+/* harmony import */ var _angular_upgrade_static__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! @angular/upgrade/static */ "./node_modules/@angular/upgrade/fesm2015/static.js");
 /* harmony import */ var _codeCharta_ui_mapTreeView_mapTreeView_module__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./codeCharta/ui/mapTreeView/mapTreeView.module */ "./app/codeCharta/ui/mapTreeView/mapTreeView.module.ts");
 /* harmony import */ var _codeCharta_ui_mapTreeView_mapTreeView_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./codeCharta/ui/mapTreeView/mapTreeView.component */ "./app/codeCharta/ui/mapTreeView/mapTreeView.component.ts");
 /* harmony import */ var _codeCharta_ui_matchingFilesCounter_matchingFilesCounter_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./codeCharta/ui/matchingFilesCounter/matchingFilesCounter.component */ "./app/codeCharta/ui/matchingFilesCounter/matchingFilesCounter.component.ts");
@@ -342243,6 +342268,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _codeCharta_ui_colorPickerForMapColor_colorPickerForMapColor_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./codeCharta/ui/colorPickerForMapColor/colorPickerForMapColor.component */ "./app/codeCharta/ui/colorPickerForMapColor/colorPickerForMapColor.component.ts");
 /* harmony import */ var _codeCharta_ui_nodeContextMenu_markFolderColorPicker_markFolderColorPicker_module__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./codeCharta/ui/nodeContextMenu/markFolderColorPicker/markFolderColorPicker.module */ "./app/codeCharta/ui/nodeContextMenu/markFolderColorPicker/markFolderColorPicker.module.ts");
 /* harmony import */ var _codeCharta_ui_nodeContextMenu_markFolderColorPicker_markFolderColorPicker_component__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./codeCharta/ui/nodeContextMenu/markFolderColorPicker/markFolderColorPicker.component */ "./app/codeCharta/ui/nodeContextMenu/markFolderColorPicker/markFolderColorPicker.component.ts");
+/* harmony import */ var _codeCharta_ui_nodeContextMenu_focusButtons_focusButtons_module__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./codeCharta/ui/nodeContextMenu/focusButtons/focusButtons.module */ "./app/codeCharta/ui/nodeContextMenu/focusButtons/focusButtons.module.ts");
+/* harmony import */ var _codeCharta_ui_nodeContextMenu_focusButtons_focusButtons_component__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./codeCharta/ui/nodeContextMenu/focusButtons/focusButtons.component */ "./app/codeCharta/ui/nodeContextMenu/focusButtons/focusButtons.component.ts");
 var __decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
   var c = arguments.length,
       r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
@@ -342279,6 +342306,8 @@ var __param = undefined && undefined.__param || function (paramIndex, decorator)
 
 
 
+
+
 
 
 
@@ -342294,13 +342323,13 @@ let AppModule = class AppModule {
   }
 
 };
-AppModule = __decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_17__.NgModule)({
-  imports: [_angular_platform_browser__WEBPACK_IMPORTED_MODULE_18__.BrowserModule, _angular_upgrade_static__WEBPACK_IMPORTED_MODULE_19__.UpgradeModule, _codeCharta_ui_mapTreeView_mapTreeView_module__WEBPACK_IMPORTED_MODULE_2__.MapTreeViewModule, _codeCharta_ui_matchingFilesCounter_matchingFilesCounter_module__WEBPACK_IMPORTED_MODULE_5__.MatchingFilesCounterModule, _codeCharta_ui_attributeSideBar_attributeSideBar_module__WEBPACK_IMPORTED_MODULE_6__.AttributeSideBarModule, _codeCharta_ui_export3DMapButton_export3DMapButton_module__WEBPACK_IMPORTED_MODULE_9__.Export3DMapButtonModule, _codeCharta_ui_legendPanel_legendPanel_module__WEBPACK_IMPORTED_MODULE_12__.LegendPanelModule, _codeCharta_ui_colorPickerForMapColor_colorPickerForMapColor_module__WEBPACK_IMPORTED_MODULE_13__.ColorPickerForMapColorModule, _codeCharta_ui_nodeContextMenu_markFolderColorPicker_markFolderColorPicker_module__WEBPACK_IMPORTED_MODULE_15__.MarkFolderColorPickerModule],
+AppModule = __decorate([(0,_angular_core__WEBPACK_IMPORTED_MODULE_19__.NgModule)({
+  imports: [_angular_platform_browser__WEBPACK_IMPORTED_MODULE_20__.BrowserModule, _angular_upgrade_static__WEBPACK_IMPORTED_MODULE_21__.UpgradeModule, _codeCharta_ui_mapTreeView_mapTreeView_module__WEBPACK_IMPORTED_MODULE_2__.MapTreeViewModule, _codeCharta_ui_matchingFilesCounter_matchingFilesCounter_module__WEBPACK_IMPORTED_MODULE_5__.MatchingFilesCounterModule, _codeCharta_ui_attributeSideBar_attributeSideBar_module__WEBPACK_IMPORTED_MODULE_6__.AttributeSideBarModule, _codeCharta_ui_export3DMapButton_export3DMapButton_module__WEBPACK_IMPORTED_MODULE_9__.Export3DMapButtonModule, _codeCharta_ui_legendPanel_legendPanel_module__WEBPACK_IMPORTED_MODULE_12__.LegendPanelModule, _codeCharta_ui_colorPickerForMapColor_colorPickerForMapColor_module__WEBPACK_IMPORTED_MODULE_13__.ColorPickerForMapColorModule, _codeCharta_ui_nodeContextMenu_markFolderColorPicker_markFolderColorPicker_module__WEBPACK_IMPORTED_MODULE_15__.MarkFolderColorPickerModule, _codeCharta_ui_nodeContextMenu_focusButtons_focusButtons_module__WEBPACK_IMPORTED_MODULE_17__.FocusButtonsModule],
   declarations: [],
-  entryComponents: [_codeCharta_ui_mapTreeView_mapTreeView_component__WEBPACK_IMPORTED_MODULE_3__.MapTreeViewComponent, _codeCharta_ui_matchingFilesCounter_matchingFilesCounter_component__WEBPACK_IMPORTED_MODULE_4__.MatchingFilesCounterComponent, _codeCharta_ui_attributeSideBar_attributeSideBar_component__WEBPACK_IMPORTED_MODULE_7__.AttributeSideBarComponent, _codeCharta_ui_export3DMapButton_export3DMapButton_component__WEBPACK_IMPORTED_MODULE_8__.Export3DMapButtonComponent, _codeCharta_ui_legendPanel_legendPanel_component__WEBPACK_IMPORTED_MODULE_11__.LegendPanelComponent, _codeCharta_ui_labelledColorPicker_labelledColorPicker_component__WEBPACK_IMPORTED_MODULE_10__.LabelledColorPickerComponent, _codeCharta_ui_colorPickerForMapColor_colorPickerForMapColor_component__WEBPACK_IMPORTED_MODULE_14__.ColorPickerForMapColorComponent, _codeCharta_ui_nodeContextMenu_markFolderColorPicker_markFolderColorPicker_component__WEBPACK_IMPORTED_MODULE_16__.MarkFolderColorPickerComponent]
-}), __param(0, (0,_angular_core__WEBPACK_IMPORTED_MODULE_17__.Inject)(_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_19__.UpgradeModule)), __metadata("design:paramtypes", [_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_19__.UpgradeModule])], AppModule);
+  entryComponents: [_codeCharta_ui_mapTreeView_mapTreeView_component__WEBPACK_IMPORTED_MODULE_3__.MapTreeViewComponent, _codeCharta_ui_matchingFilesCounter_matchingFilesCounter_component__WEBPACK_IMPORTED_MODULE_4__.MatchingFilesCounterComponent, _codeCharta_ui_attributeSideBar_attributeSideBar_component__WEBPACK_IMPORTED_MODULE_7__.AttributeSideBarComponent, _codeCharta_ui_export3DMapButton_export3DMapButton_component__WEBPACK_IMPORTED_MODULE_8__.Export3DMapButtonComponent, _codeCharta_ui_legendPanel_legendPanel_component__WEBPACK_IMPORTED_MODULE_11__.LegendPanelComponent, _codeCharta_ui_labelledColorPicker_labelledColorPicker_component__WEBPACK_IMPORTED_MODULE_10__.LabelledColorPickerComponent, _codeCharta_ui_colorPickerForMapColor_colorPickerForMapColor_component__WEBPACK_IMPORTED_MODULE_14__.ColorPickerForMapColorComponent, _codeCharta_ui_nodeContextMenu_markFolderColorPicker_markFolderColorPicker_component__WEBPACK_IMPORTED_MODULE_16__.MarkFolderColorPickerComponent, _codeCharta_ui_nodeContextMenu_focusButtons_focusButtons_component__WEBPACK_IMPORTED_MODULE_18__.FocusButtonsComponent]
+}), __param(0, (0,_angular_core__WEBPACK_IMPORTED_MODULE_19__.Inject)(_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_21__.UpgradeModule)), __metadata("design:paramtypes", [_angular_upgrade_static__WEBPACK_IMPORTED_MODULE_21__.UpgradeModule])], AppModule);
 
-(0,_angular_platform_browser_dynamic__WEBPACK_IMPORTED_MODULE_20__.platformBrowserDynamic)().bootstrapModule(AppModule);
+(0,_angular_platform_browser_dynamic__WEBPACK_IMPORTED_MODULE_22__.platformBrowserDynamic)().bootstrapModule(AppModule);
 })();
 
 /******/ })()