@valtimo/analyse 4.23.0 → 5.2.0

package/package.json

@@ -1,20 +1,32 @@
 {
   "name": "@valtimo/analyse",
   "license": "EUPL-1.2",
-  "version": "4.23.0",
+  "version": "5.2.0",
   "peerDependencies": {
-    "@angular/common": "^10.0.11",
-    "@angular/core": "^10.0.11"
+    "@angular/common": "^13.2.3",
+    "@angular/core": "^13.2.3"
   },
   "dependencies": {
     "tslib": "^2.0.0"
   },
-  "main": "bundles/valtimo-analyse.umd.js",
-  "module": "fesm2015/valtimo-analyse.js",
-  "es2015": "fesm2015/valtimo-analyse.js",
-  "esm2015": "esm2015/valtimo-analyse.js",
-  "fesm2015": "fesm2015/valtimo-analyse.js",
+  "module": "fesm2015/valtimo-analyse.mjs",
+  "es2020": "fesm2020/valtimo-analyse.mjs",
+  "esm2020": "esm2020/valtimo-analyse.mjs",
+  "fesm2020": "fesm2020/valtimo-analyse.mjs",
+  "fesm2015": "fesm2015/valtimo-analyse.mjs",
   "typings": "valtimo-analyse.d.ts",
-  "metadata": "valtimo-analyse.metadata.json",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./valtimo-analyse.d.ts",
+      "esm2020": "./esm2020/valtimo-analyse.mjs",
+      "es2020": "./fesm2020/valtimo-analyse.mjs",
+      "es2015": "./fesm2015/valtimo-analyse.mjs",
+      "node": "./fesm2015/valtimo-analyse.mjs",
+      "default": "./fesm2020/valtimo-analyse.mjs"
+    }
+  },
   "sideEffects": false
-}
+}

package/public_api.d.ts

@@ -1,3 +1,4 @@
 export * from './lib/analyse.module';
 export * from './lib/analyse.component';
 export * from './lib/models';
+//# sourceMappingURL=public_api.d.ts.map

package/public_api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public_api.d.ts","sourceRoot":"","sources":["../../../projects/valtimo/analyse/src/public_api.ts"],"names":[],"mappings":"AAoBA,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,cAAc,CAAC"}

package/valtimo-analyse.d.ts

@@ -1,6 +1,6 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@valtimo/analyse" />
 export * from './public_api';
-export { AnalyseProcessDiagramComponent as ɵa } from './lib/analyse-process-diagram/analyse-process-diagram.component';
-export { AnalyseRoutingModule as ɵb } from './lib/analyse-routing.module';
+//# sourceMappingURL=valtimo-analyse.d.ts.map

package/valtimo-analyse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"valtimo-analyse.d.ts","sourceRoot":"","sources":["../../../projects/valtimo/analyse/src/valtimo-analyse.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,cAAc,cAAc,CAAC"}

package/bundles/valtimo-analyse.umd.js

@@ -1,425 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@valtimo/security'), require('@valtimo/config'), require('@valtimo/process'), require('@valtimo/components'), require('bpmn-js/dist/bpmn-navigated-viewer.production.min.js'), require('heatmap.js-fixed/build/heatmap.js')) :
-    typeof define === 'function' && define.amd ? define('@valtimo/analyse', ['exports', '@angular/core', '@angular/common', '@angular/router', '@valtimo/security', '@valtimo/config', '@valtimo/process', '@valtimo/components', 'bpmn-js/dist/bpmn-navigated-viewer.production.min.js', 'heatmap.js-fixed/build/heatmap.js'], factory) :
-    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo.analyse = {}), global.ng.core, global.ng.common, global.ng.router, global.security, global.config, global.process, global.components, global.BpmnJS, global.heatmap));
-}(this, (function (exports, core, common, router, security, config, process, components, BpmnJS, heatmap) { 'use strict';
-
-    /*
-     * Copyright 2015-2020 Ritense BV, the Netherlands.
-     *
-     * Licensed under EUPL, Version 1.2 (the "License");
-     * you may not use this file except in compliance with the License.
-     * You may obtain a copy of the License at
-     *
-     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
-     *
-     * Unless required by applicable law or agreed to in writing, software
-     * distributed under the License is distributed on an "AS IS" basis,
-     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-     * See the License for the specific language governing permissions and
-     * limitations under the License.
-     */
-    var AnalyseComponent = /** @class */ (function () {
-        function AnalyseComponent() {
-        }
-        AnalyseComponent.prototype.ngOnInit = function () { };
-        return AnalyseComponent;
-    }());
-    AnalyseComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'valtimo-analyse',
-                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <valtimo-analyse-process-diagram></valtimo-analyse-process-diagram>\n  </div>\n</div>\n",
-                    styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */"]
-                },] }
-    ];
-    AnalyseComponent.ctorParameters = function () { return []; };
-
-    /*
-     * Copyright 2015-2020 Ritense BV, the Netherlands.
-     *
-     * Licensed under EUPL, Version 1.2 (the "License");
-     * you may not use this file except in compliance with the License.
-     * You may obtain a copy of the License at
-     *
-     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
-     *
-     * Unless required by applicable law or agreed to in writing, software
-     * distributed under the License is distributed on an "AS IS" basis,
-     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-     * See the License for the specific language governing permissions and
-     * limitations under the License.
-     */
-    var ɵ0 = { title: 'Analysis', roles: [config.ROLE_USER] };
-    var routes = [
-        {
-            path: 'analysis',
-            component: AnalyseComponent,
-            canActivate: [security.AuthGuardService],
-            data: ɵ0,
-        },
-    ];
-    var AnalyseRoutingModule = /** @class */ (function () {
-        function AnalyseRoutingModule() {
-        }
-        return AnalyseRoutingModule;
-    }());
-    AnalyseRoutingModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [],
-                    imports: [common.CommonModule, router.RouterModule.forChild(routes)],
-                    exports: [router.RouterModule],
-                },] }
-    ];
-
-    /*
-     * Copyright 2015-2020 Ritense BV, the Netherlands.
-     *
-     * Licensed under EUPL, Version 1.2 (the "License");
-     * you may not use this file except in compliance with the License.
-     * You may obtain a copy of the License at
-     *
-     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
-     *
-     * Unless required by applicable law or agreed to in writing, software
-     * distributed under the License is distributed on an "AS IS" basis,
-     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-     * See the License for the specific language governing permissions and
-     * limitations under the License.
-     */
-    var AnalyseProcessDiagramComponent = /** @class */ (function () {
-        function AnalyseProcessDiagramComponent(processService) {
-            this.processService = processService;
-            this.importDone = new core.EventEmitter();
-            this.enumHeatmapOptions = ['count', 'duration'];
-            this.initialized = false;
-        }
-        AnalyseProcessDiagramComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.processService
-                .getProcessDefinitions()
-                .subscribe(function (processDefinitions) {
-                _this.processDefinitions = processDefinitions;
-                if (!_this.processDefinitionKey && processDefinitions.length !== 0) {
-                    _this.processDefinitionKey = processDefinitions[0].key;
-                    _this.loadProcessDefinitionFromKey(_this.processDefinitionKey);
-                }
-            });
-            this.createBpmnViewerInstance();
-        };
-        AnalyseProcessDiagramComponent.prototype.createBpmnViewerInstance = function () {
-            var _this = this;
-            this.bpmnJS = new BpmnJS();
-            this.bpmnJS.on('import.done', function (_a) {
-                var error = _a.error;
-                if (!error && !_this.initialized) {
-                    var canvas_1 = _this.bpmnJS.get('canvas'), eventBus = _this.bpmnJS.get('eventBus');
-                    if (_this.processDiagram.historicActivityInstances) {
-                        _this.processDiagram.historicActivityInstances.forEach(function (instance) {
-                            if (instance.activityType !== 'multiInstanceBody') {
-                                canvas_1.addMarker(instance.activityId, instance.endTime ? 'highlight-overlay-past' : 'highlight-overlay-current');
-                            }
-                        });
-                    }
-                    canvas_1.zoom('fit-viewport', 'auto');
-                    if (_this.processDefinitionVersions) {
-                        eventBus.on('canvas.init', function () {
-                            if (_this.showHeatmap) {
-                                _this.clearHeatmap();
-                            }
-                            _this.loadHeatmapData();
-                        });
-                        eventBus.on('canvas.viewbox.changing', function () {
-                            if (_this.showHeatmap) {
-                                _this.clearHeatmap();
-                            }
-                        });
-                        eventBus.on('canvas.viewbox.changed', function () {
-                            _this.loadHeatmapData();
-                        });
-                    }
-                    _this.initialized = true;
-                }
-                _this.clearHeatmap();
-                if (_this.showHeatmap) {
-                    _this.loadHeatmapData();
-                }
-            });
-        };
-        AnalyseProcessDiagramComponent.prototype.ngOnDestroy = function () {
-            if (this.bpmnJS) {
-                this.bpmnJS.destroy();
-            }
-        };
-        AnalyseProcessDiagramComponent.prototype.loadProcessDefinition = function (processDefinitionKey) {
-            var _this = this;
-            this.processService
-                .getProcessDefinition(processDefinitionKey)
-                .subscribe(function (processDefinition) {
-                _this.heatmapOption = _this.enumHeatmapOptions[0];
-                _this.version = processDefinition.version;
-                _this.loadProcessDefinitionXml(processDefinition.id);
-            });
-        };
-        AnalyseProcessDiagramComponent.prototype.loadProcessDefinitionVersions = function (processDefinitionKey) {
-            var _this = this;
-            this.processService
-                .getProcessDefinitionVersions(processDefinitionKey)
-                .subscribe(function (processDefinitionVersions) {
-                _this.processDefinitionVersions = processDefinitionVersions;
-            });
-        };
-        AnalyseProcessDiagramComponent.prototype.loadProcessDefinitionFromKey = function (processDefinitionKey) {
-            this.loadProcessDefinitionVersions(processDefinitionKey);
-            this.loadProcessDefinition(processDefinitionKey);
-        };
-        AnalyseProcessDiagramComponent.prototype.loadProcessDefinitionXml = function (processDefinitionId) {
-            var _this = this;
-            this.processService.getProcessDefinitionXml(processDefinitionId).subscribe(function (response) {
-                _this.processDiagram = response;
-                _this.bpmnJS.importXML(_this.processDiagram.bpmn20Xml);
-                _this.bpmnJS.attachTo(_this.el.nativeElement);
-            });
-        };
-        AnalyseProcessDiagramComponent.prototype.loadProcessDefinitionHeatmapCount = function (processDefinition) {
-            var _this = this;
-            this.processService.getProcessHeatmapCount(processDefinition).subscribe(function (response) {
-                _this.inputData = response;
-                _this.valueKey = 'totalCount';
-                _this.heatPoints = { data: [] };
-                _this.min = 0;
-                _this.max = 0;
-                Object.keys(_this.inputData).forEach(function (key) {
-                    var diagramContainer = _this.el.nativeElement.querySelector('svg').getBoundingClientRect(), diagramElm = _this.el.nativeElement
-                        .querySelector("g[data-element-id=" + key + "]")
-                        .getBoundingClientRect();
-                    _this.setMax(key);
-                    _this.heatPoints.data.push({
-                        x: Math.round(diagramElm.x - diagramContainer.x + diagramElm.width / 2),
-                        y: Math.round(diagramElm.y - diagramContainer.y + diagramElm.height / 2),
-                        value: _this.inputData[key][_this.valueKey],
-                        radius: diagramElm.width / 2,
-                    });
-                    _this.addCounterActiveOverlays(key, _this.inputData);
-                });
-                _this.clearHeatmap();
-                if (_this.showHeatmap) {
-                    _this.loadHeatmap();
-                }
-            });
-        };
-        AnalyseProcessDiagramComponent.prototype.onWindowResize = function () {
-            var oldCanvas = this.el.nativeElement.querySelector('canvas[class=heatmap-canvas]');
-            if (oldCanvas) {
-                oldCanvas.remove();
-                this.heatMapInstance = null;
-            }
-            if (this.showHeatmap) {
-                this.loadHeatmap();
-            }
-        };
-        AnalyseProcessDiagramComponent.prototype.loadProcessDefinitionHeatmapDuration = function (processDefinition) {
-            var _this = this;
-            this.processService.getProcessHeatmapDuration(processDefinition).subscribe(function (response) {
-                _this.inputData = response;
-                _this.valueKey = 'averageDurationInMilliseconds';
-                _this.heatPoints = { data: [] };
-                _this.min = 0;
-                _this.max = 0;
-                Object.keys(_this.inputData).forEach(function (key) {
-                    var diagramContainer = _this.el.nativeElement.querySelector('svg').getBoundingClientRect(), diagramElm = _this.el.nativeElement
-                        .querySelector("g[data-element-id=" + key + "]")
-                        .getBoundingClientRect();
-                    _this.setMax(key);
-                    _this.heatPoints.data.push({
-                        x: Math.round(diagramElm.x - diagramContainer.x + diagramElm.width / 2),
-                        y: Math.round(diagramElm.y - diagramContainer.y + diagramElm.height / 2),
-                        value: _this.inputData[key][_this.valueKey],
-                        radius: diagramElm.width / 2,
-                    });
-                    _this.addCounterActiveOverlays(key, _this.inputData);
-                });
-                _this.clearHeatmap();
-                if (_this.showHeatmap) {
-                    _this.loadHeatmap();
-                }
-            });
-        };
-        AnalyseProcessDiagramComponent.prototype.setProcessDefinitionKey = function (processDefinitionKey) {
-            this.processDefinitionKey = processDefinitionKey;
-            this.loadProcessDefinitionFromKey(this.processDefinitionKey);
-        };
-        AnalyseProcessDiagramComponent.prototype.setProcessDefinitionVersion = function (version) {
-            this.version = +version;
-            this.loadHeatmapData();
-        };
-        AnalyseProcessDiagramComponent.prototype.setHeatmapOption = function (heatmapOption) {
-            this.heatmapOption = heatmapOption;
-            this.loadHeatmapData();
-        };
-        AnalyseProcessDiagramComponent.prototype.toggleShowHeatmap = function () {
-            this.showHeatmap = !this.showHeatmap;
-            this.loadHeatmapData();
-        };
-        AnalyseProcessDiagramComponent.prototype.loadHeatmap = function () {
-            if (!this.heatMapInstance) {
-                this.heatMapInstance = heatmap.create({
-                    radius: 54,
-                    blur: 0.7,
-                    maxOpacity: 0.4,
-                    minOpacity: 0,
-                    container: this.el.nativeElement,
-                });
-                var heatmapCanvas = this.el.nativeElement.querySelector('canvas[class=heatmap-canvas]');
-                heatmapCanvas.style.zIndex = 1;
-            }
-            this.heatMapInstance.setData({
-                min: this.min,
-                max: this.max,
-                data: this.heatPoints.data,
-            });
-        };
-        AnalyseProcessDiagramComponent.prototype.clearHeatmap = function () {
-            if (this.heatMapInstance) {
-                this.heatMapInstance.setData({ data: [] });
-            }
-        };
-        AnalyseProcessDiagramComponent.prototype.loadHeatmapData = function () {
-            var _this = this;
-            this.processDefinition = this.processDefinitionVersions.find(function (definition) { return definition.version === _this.version; });
-            if (this.heatmapOption === 'count') {
-                this.loadProcessDefinitionHeatmapCount(this.processDefinition);
-            }
-            if (this.heatmapOption === 'duration') {
-                this.loadProcessDefinitionHeatmapDuration(this.processDefinition);
-            }
-        };
-        AnalyseProcessDiagramComponent.prototype.setMax = function (key) {
-            if (this.valueKey === 'averageDurationInMilliseconds') {
-                this.max = Math.max(this.inputData[key].averageDurationInMilliseconds, this.max);
-            }
-            else if (this.valueKey === 'totalCount') {
-                this.max = Math.max(this.inputData[key].totalCount + this.inputData[key].count, this.max);
-            }
-        };
-        AnalyseProcessDiagramComponent.prototype.addCounterActiveOverlays = function (key, inputData) {
-            var overlays = this.bpmnJS.get('overlays');
-            overlays.add(key, {
-                position: {
-                    bottom: 13,
-                    left: -12,
-                },
-                show: {
-                    minZoom: 0,
-                    maxZoom: 5.0,
-                },
-                html: "<span class=\"badge badge-pill badge-primary\">" + inputData[key].count + "</span>",
-            });
-        };
-        return AnalyseProcessDiagramComponent;
-    }());
-    AnalyseProcessDiagramComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'valtimo-analyse-process-diagram',
-                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"container-fluid\">\n  <div class=\"row p-4 bg-light options\">\n    <div class=\"col-sm-3\">\n      <label><strong>Process</strong></label\n      ><br />\n      <select class=\"form-control\" (change)=\"setProcessDefinitionKey($event.target.value)\">\n        <option\n          *ngFor=\"let processDefinition of processDefinitions\"\n          [value]=\"processDefinition.key\"\n          [selected]=\"processDefinitionKey === processDefinition.key\"\n        >\n          {{ processDefinition.name }}\n        </option>\n      </select>\n    </div>\n    <div class=\"col-sm-1\">\n      <label><strong>Version</strong></label\n      ><br />\n      <select class=\"form-control\" (change)=\"setProcessDefinitionVersion($event.target.value)\">\n        <option\n          *ngFor=\"let processDefinitionVersion of processDefinitionVersions\"\n          [value]=\"processDefinitionVersion.version\"\n          [selected]=\"processDefinitionVersion.version === version\"\n        >\n          {{ processDefinitionVersion.version }}\n        </option>\n      </select>\n    </div>\n    <div class=\"col-sm-3\" *ngIf=\"showHeatmap\">\n      <label><strong>Heatmap type</strong></label\n      ><br />\n      <select class=\"form-control w-sm-50\" (change)=\"setHeatmapOption($event.target.value)\">\n        <option\n          *ngFor=\"let option of enumHeatmapOptions\"\n          [value]=\"option\"\n          [selected]=\"option === heatmapOption\"\n        >\n          {{ option | titlecase }}\n        </option>\n      </select>\n    </div>\n    <div\n      class=\"text-sm-right col-sm-3\"\n      [ngClass]=\"{'offset-sm-2': showHeatmap, 'offset-sm-5': !showHeatmap}\"\n    >\n      <label><strong>Show heatmap</strong></label\n      ><br />\n      <div class=\"text-left switch-button switch-button-sm switch-button-success\">\n        <input\n          type=\"checkbox\"\n          id=\"toggleHeatmap\"\n          [checked]=\"showHeatmap\"\n          (click)=\"toggleShowHeatmap()\"\n        /><span> <label for=\"toggleHeatmap\"></label></span>\n      </div>\n    </div>\n  </div>\n  <div class=\"row p-4 bg-white\">\n    <div class=\"col\">\n      <div #ref (window:resize)=\"onWindowResize()\" class=\"diagram-container\"></div>\n    </div>\n  </div>\n</div>\n\n<div class=\"p-4 text-center legenda-holder\">\n  <span\n    ><span class=\"badge badge-pill badge-primary\">N</span>&nbsp;&nbsp;Amount of currently active\n    instances of this task.</span\n  >\n  <span\n    >&nbsp;&nbsp;|&nbsp;&nbsp;Red/yellow/green orbs: The amount of times the task is executed in\n    comparison to the other tasks.</span\n  >\n</div>\n",
-                    styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.diagram-container-switch-holder{width:100%;z-index:1000}.diagram-container{height:58vh}.container-fluid{border:1px solid #dee2e6}.options{border-bottom:1px solid #dee2e6}"]
-                },] }
-    ];
-    AnalyseProcessDiagramComponent.ctorParameters = function () { return [
-        { type: process.ProcessService }
-    ]; };
-    AnalyseProcessDiagramComponent.propDecorators = {
-        el: [{ type: core.ViewChild, args: ['ref',] }],
-        importDone: [{ type: core.Output }]
-    };
-
-    /*
-     * Copyright 2015-2020 Ritense BV, the Netherlands.
-     *
-     * Licensed under EUPL, Version 1.2 (the "License");
-     * you may not use this file except in compliance with the License.
-     * You may obtain a copy of the License at
-     *
-     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
-     *
-     * Unless required by applicable law or agreed to in writing, software
-     * distributed under the License is distributed on an "AS IS" basis,
-     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-     * See the License for the specific language governing permissions and
-     * limitations under the License.
-     */
-    var AnalyseModule = /** @class */ (function () {
-        function AnalyseModule() {
-        }
-        return AnalyseModule;
-    }());
-    AnalyseModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [AnalyseComponent, AnalyseProcessDiagramComponent],
-                    imports: [common.CommonModule, AnalyseRoutingModule, process.ProcessModule, components.WidgetModule],
-                    exports: [AnalyseComponent],
-                },] }
-    ];
-
-    /*
-     * Copyright 2015-2020 Ritense BV, the Netherlands.
-     *
-     * Licensed under EUPL, Version 1.2 (the "License");
-     * you may not use this file except in compliance with the License.
-     * You may obtain a copy of the License at
-     *
-     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
-     *
-     * Unless required by applicable law or agreed to in writing, software
-     * distributed under the License is distributed on an "AS IS" basis,
-     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-     * See the License for the specific language governing permissions and
-     * limitations under the License.
-     */
-
-    /*
-     *
-     *  * Copyright 2015-2020 Ritense BV, the Netherlands.
-     *  *
-     *  * Licensed under EUPL, Version 1.2 (the "License");
-     *  * you may not use this file except in compliance with the License.
-     *  * You may obtain a copy of the License at
-     *  *
-     *  * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
-     *  *
-     *  * Unless required by applicable law or agreed to in writing, software
-     *  * distributed under the License is distributed on an "AS IS" basis,
-     *  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-     *  * See the License for the specific language governing permissions and
-     *  * limitations under the License.
-     *
-     */
-
-    /*
-     * Copyright 2015-2020 Ritense BV, the Netherlands.
-     *
-     * Licensed under EUPL, Version 1.2 (the "License");
-     * you may not use this file except in compliance with the License.
-     * You may obtain a copy of the License at
-     *
-     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
-     *
-     * Unless required by applicable law or agreed to in writing, software
-     * distributed under the License is distributed on an "AS IS" basis,
-     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-     * See the License for the specific language governing permissions and
-     * limitations under the License.
-     */
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.AnalyseComponent = AnalyseComponent;
-    exports.AnalyseModule = AnalyseModule;
-    exports.ɵa = AnalyseProcessDiagramComponent;
-    exports.ɵb = AnalyseRoutingModule;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=valtimo-analyse.umd.js.map

package/bundles/valtimo-analyse.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"valtimo-analyse.umd.js","sources":["../../../../projects/valtimo/analyse/src/lib/analyse.component.ts","../../../../projects/valtimo/analyse/src/lib/analyse-routing.module.ts","../../../../projects/valtimo/analyse/src/lib/analyse-process-diagram/analyse-process-diagram.component.ts","../../../../projects/valtimo/analyse/src/lib/analyse.module.ts","../../../../projects/valtimo/analyse/src/lib/models/heatpoint.model.ts","../../../../projects/valtimo/analyse/src/lib/models/index.ts","../../../../projects/valtimo/analyse/src/public_api.ts","../../../../projects/valtimo/analyse/src/valtimo-analyse.ts"],"sourcesContent":["/*\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {Component, OnInit} from '@angular/core';\n\n@Component({\n  selector: 'valtimo-analyse',\n  templateUrl: './analyse.component.html',\n  styleUrls: ['./analyse.component.scss'],\n})\nexport class AnalyseComponent implements OnInit {\n  constructor() {}\n\n  ngOnInit() {}\n}\n","/*\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {NgModule} from '@angular/core';\nimport {RouterModule, Routes} from '@angular/router';\nimport {CommonModule} from '@angular/common';\nimport {AuthGuardService} from '@valtimo/security';\nimport {AnalyseComponent} from './analyse.component';\nimport {ROLE_USER} from '@valtimo/config';\n\nconst routes: Routes = [\n  {\n    path: 'analysis',\n    component: AnalyseComponent,\n    canActivate: [AuthGuardService],\n    data: {title: 'Analysis', roles: [ROLE_USER]},\n  },\n];\n\n@NgModule({\n  declarations: [],\n  imports: [CommonModule, RouterModule.forChild(routes)],\n  exports: [RouterModule],\n})\nexport class AnalyseRoutingModule {}\n","/*\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  Component,\n  ElementRef,\n  EventEmitter,\n  OnDestroy,\n  OnInit,\n  Output,\n  ViewChild,\n} from '@angular/core';\nimport {ProcessService, ProcessDefinition} from '@valtimo/process';\nimport {Heatpoint} from '../models';\nimport * as BpmnJS from 'bpmn-js/dist/bpmn-navigated-viewer.production.min.js';\nimport * as heatmap from 'heatmap.js-fixed/build/heatmap.js';\n\n@Component({\n  selector: 'valtimo-analyse-process-diagram',\n  templateUrl: './analyse-process-diagram.component.html',\n  styleUrls: ['./analyse-process-diagram.component.scss'],\n})\nexport class AnalyseProcessDiagramComponent implements OnInit, OnDestroy {\n  private bpmnJS: BpmnJS;\n  private heatMapInstance: any;\n\n  @ViewChild('ref') public el: ElementRef;\n  @Output() public importDone: EventEmitter<any> = new EventEmitter();\n\n  public processDefinitionKey: string;\n  public processDefinitions: ProcessDefinition[];\n  public processDiagram: any;\n  public processDefinition: ProcessDefinition;\n  public processDefinitionVersions: ProcessDefinition[];\n  public showHeatmap: boolean;\n  public enumHeatmapOptions: string[] = ['count', 'duration'];\n  public heatmapOption: string;\n  public version: number;\n  public heatPoints: {data: Heatpoint[]};\n  public min: number;\n  public max: number;\n  public inputData: any[];\n  public valueKey: string;\n  private initialized = false;\n\n  constructor(private processService: ProcessService) {}\n\n  ngOnInit() {\n    this.processService\n      .getProcessDefinitions()\n      .subscribe((processDefinitions: ProcessDefinition[]) => {\n        this.processDefinitions = processDefinitions;\n        if (!this.processDefinitionKey && processDefinitions.length !== 0) {\n          this.processDefinitionKey = processDefinitions[0].key;\n          this.loadProcessDefinitionFromKey(this.processDefinitionKey);\n        }\n      });\n    this.createBpmnViewerInstance();\n  }\n\n  private createBpmnViewerInstance() {\n    this.bpmnJS = new BpmnJS();\n    this.bpmnJS.on('import.done', ({error}: any) => {\n      if (!error && !this.initialized) {\n        const canvas = this.bpmnJS.get('canvas'),\n          eventBus = this.bpmnJS.get('eventBus');\n        if (this.processDiagram.historicActivityInstances) {\n          this.processDiagram.historicActivityInstances.forEach((instance: any) => {\n            if (instance.activityType !== 'multiInstanceBody') {\n              canvas.addMarker(\n                instance.activityId,\n                instance.endTime ? 'highlight-overlay-past' : 'highlight-overlay-current'\n              );\n            }\n          });\n        }\n\n        canvas.zoom('fit-viewport', 'auto');\n        if (this.processDefinitionVersions) {\n          eventBus.on('canvas.init', () => {\n            if (this.showHeatmap) {\n              this.clearHeatmap();\n            }\n            this.loadHeatmapData();\n          });\n          eventBus.on('canvas.viewbox.changing', () => {\n            if (this.showHeatmap) {\n              this.clearHeatmap();\n            }\n          });\n          eventBus.on('canvas.viewbox.changed', () => {\n            this.loadHeatmapData();\n          });\n        }\n        this.initialized = true;\n      }\n      this.clearHeatmap();\n      if (this.showHeatmap) {\n        this.loadHeatmapData();\n      }\n    });\n  }\n\n  ngOnDestroy() {\n    if (this.bpmnJS) {\n      this.bpmnJS.destroy();\n    }\n  }\n\n  public loadProcessDefinition(processDefinitionKey: string): void {\n    this.processService\n      .getProcessDefinition(processDefinitionKey)\n      .subscribe((processDefinition: ProcessDefinition) => {\n        this.heatmapOption = this.enumHeatmapOptions[0];\n        this.version = processDefinition.version;\n        this.loadProcessDefinitionXml(processDefinition.id);\n      });\n  }\n\n  public loadProcessDefinitionVersions(processDefinitionKey: string): void {\n    this.processService\n      .getProcessDefinitionVersions(processDefinitionKey)\n      .subscribe((processDefinitionVersions: ProcessDefinition[]) => {\n        this.processDefinitionVersions = processDefinitionVersions;\n      });\n  }\n\n  public loadProcessDefinitionFromKey(processDefinitionKey: string): void {\n    this.loadProcessDefinitionVersions(processDefinitionKey);\n    this.loadProcessDefinition(processDefinitionKey);\n  }\n\n  public loadProcessDefinitionXml(processDefinitionId: string): void {\n    this.processService.getProcessDefinitionXml(processDefinitionId).subscribe(response => {\n      this.processDiagram = response;\n      this.bpmnJS.importXML(this.processDiagram.bpmn20Xml);\n      this.bpmnJS.attachTo(this.el.nativeElement);\n    });\n  }\n\n  public loadProcessDefinitionHeatmapCount(processDefinition: ProcessDefinition): void {\n    this.processService.getProcessHeatmapCount(processDefinition).subscribe(response => {\n      this.inputData = response;\n      this.valueKey = 'totalCount';\n      this.heatPoints = {data: []};\n      this.min = 0;\n      this.max = 0;\n\n      Object.keys(this.inputData).forEach(key => {\n        const diagramContainer = this.el.nativeElement.querySelector('svg').getBoundingClientRect(),\n          diagramElm = this.el.nativeElement\n            .querySelector(`g[data-element-id=${key}]`)\n            .getBoundingClientRect();\n        this.setMax(key);\n        this.heatPoints.data.push({\n          x: Math.round(diagramElm.x - diagramContainer.x + diagramElm.width / 2),\n          y: Math.round(diagramElm.y - diagramContainer.y + diagramElm.height / 2),\n          value: this.inputData[key][this.valueKey],\n          radius: diagramElm.width / 2,\n        });\n        this.addCounterActiveOverlays(key, this.inputData);\n      });\n      this.clearHeatmap();\n      if (this.showHeatmap) {\n        this.loadHeatmap();\n      }\n    });\n  }\n\n  public onWindowResize(): void {\n    const oldCanvas = this.el.nativeElement.querySelector('canvas[class=heatmap-canvas]');\n    if (oldCanvas) {\n      oldCanvas.remove();\n      this.heatMapInstance = null;\n    }\n    if (this.showHeatmap) {\n      this.loadHeatmap();\n    }\n  }\n\n  public loadProcessDefinitionHeatmapDuration(processDefinition: ProcessDefinition): void {\n    this.processService.getProcessHeatmapDuration(processDefinition).subscribe(response => {\n      this.inputData = response;\n      this.valueKey = 'averageDurationInMilliseconds';\n      this.heatPoints = {data: []};\n      this.min = 0;\n      this.max = 0;\n\n      Object.keys(this.inputData).forEach(key => {\n        const diagramContainer = this.el.nativeElement.querySelector('svg').getBoundingClientRect(),\n          diagramElm = this.el.nativeElement\n            .querySelector(`g[data-element-id=${key}]`)\n            .getBoundingClientRect();\n        this.setMax(key);\n        this.heatPoints.data.push({\n          x: Math.round(diagramElm.x - diagramContainer.x + diagramElm.width / 2),\n          y: Math.round(diagramElm.y - diagramContainer.y + diagramElm.height / 2),\n          value: this.inputData[key][this.valueKey],\n          radius: diagramElm.width / 2,\n        });\n        this.addCounterActiveOverlays(key, this.inputData);\n      });\n      this.clearHeatmap();\n      if (this.showHeatmap) {\n        this.loadHeatmap();\n      }\n    });\n  }\n\n  public setProcessDefinitionKey(processDefinitionKey: string): void {\n    this.processDefinitionKey = processDefinitionKey;\n    this.loadProcessDefinitionFromKey(this.processDefinitionKey);\n  }\n\n  public setProcessDefinitionVersion(version: string): void {\n    this.version = +version;\n    this.loadHeatmapData();\n  }\n\n  public setHeatmapOption(heatmapOption: string): void {\n    this.heatmapOption = heatmapOption;\n    this.loadHeatmapData();\n  }\n\n  public toggleShowHeatmap(): void {\n    this.showHeatmap = !this.showHeatmap;\n    this.loadHeatmapData();\n  }\n\n  public loadHeatmap(): void {\n    if (!this.heatMapInstance) {\n      this.heatMapInstance = heatmap.create({\n        radius: 54,\n        blur: 0.7,\n        maxOpacity: 0.4,\n        minOpacity: 0,\n        container: this.el.nativeElement,\n      });\n      const heatmapCanvas = this.el.nativeElement.querySelector('canvas[class=heatmap-canvas]');\n      heatmapCanvas.style.zIndex = 1;\n    }\n    this.heatMapInstance.setData({\n      min: this.min,\n      max: this.max,\n      data: this.heatPoints.data,\n    });\n  }\n\n  public clearHeatmap(): void {\n    if (this.heatMapInstance) {\n      this.heatMapInstance.setData({data: []});\n    }\n  }\n\n  public loadHeatmapData(): void {\n    this.processDefinition = this.processDefinitionVersions.find(\n      definition => definition.version === this.version\n    );\n\n    if (this.heatmapOption === 'count') {\n      this.loadProcessDefinitionHeatmapCount(this.processDefinition);\n    }\n    if (this.heatmapOption === 'duration') {\n      this.loadProcessDefinitionHeatmapDuration(this.processDefinition);\n    }\n  }\n\n  public setMax(key: any) {\n    if (this.valueKey === 'averageDurationInMilliseconds') {\n      this.max = Math.max(this.inputData[key].averageDurationInMilliseconds, this.max);\n    } else if (this.valueKey === 'totalCount') {\n      this.max = Math.max(this.inputData[key].totalCount + this.inputData[key].count, this.max);\n    }\n  }\n\n  public addCounterActiveOverlays(key: string, inputData: any[]): void {\n    const overlays = this.bpmnJS.get('overlays');\n    overlays.add(key, {\n      position: {\n        bottom: 13,\n        left: -12,\n      },\n      show: {\n        minZoom: 0,\n        maxZoom: 5.0,\n      },\n      html: `<span class=\"badge badge-pill badge-primary\">${inputData[key].count}</span>`,\n    });\n  }\n}\n","/*\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {NgModule} from '@angular/core';\nimport {AnalyseComponent} from './analyse.component';\nimport {CommonModule} from '@angular/common';\nimport {AnalyseRoutingModule} from './analyse-routing.module';\nimport {ProcessModule} from '@valtimo/process';\nimport {WidgetModule} from '@valtimo/components';\nimport {AnalyseProcessDiagramComponent} from './analyse-process-diagram/analyse-process-diagram.component';\n\n@NgModule({\n  declarations: [AnalyseComponent, AnalyseProcessDiagramComponent],\n  imports: [CommonModule, AnalyseRoutingModule, ProcessModule, WidgetModule],\n  exports: [AnalyseComponent],\n})\nexport class AnalyseModule {}\n","/*\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nexport interface Heatpoint {\n  x: number;\n  y: number;\n  value: number;\n  radius: number;\n}\n","/*\n *\n *  * Copyright 2015-2020 Ritense BV, the Netherlands.\n *  *\n *  * Licensed under EUPL, Version 1.2 (the \"License\");\n *  * you may not use this file except in compliance with the License.\n *  * You may obtain a copy of the License at\n *  *\n *  * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *  *\n *  * Unless required by applicable law or agreed to in writing, software\n *  * distributed under the License is distributed on an \"AS IS\" basis,\n *  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *  * See the License for the specific language governing permissions and\n *  * limitations under the License.\n *\n */\n\nexport * from './heatpoint.model';\n","/*\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/*\n * Public API Surface of analyse\n */\n\nexport * from './lib/analyse.module';\nexport * from './lib/analyse.component';\nexport * from './lib/models';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n\nexport {AnalyseProcessDiagramComponent as ɵa} from './lib/analyse-process-diagram/analyse-process-diagram.component';\nexport {AnalyseRoutingModule as ɵb} from './lib/analyse-routing.module';"],"names":["Component","ROLE_USER","AuthGuardService","NgModule","CommonModule","RouterModule","EventEmitter","heatmap.create","ProcessService","ViewChild","Output","ProcessModule","WidgetModule"],"mappings":"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"}

package/bundles/valtimo-analyse.umd.min.js

@@ -1,2 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/router"),require("@valtimo/security"),require("@valtimo/config"),require("@valtimo/process"),require("@valtimo/components"),require("bpmn-js/dist/bpmn-navigated-viewer.production.min.js"),require("heatmap.js-fixed/build/heatmap.js")):"function"==typeof define&&define.amd?define("@valtimo/analyse",["exports","@angular/core","@angular/common","@angular/router","@valtimo/security","@valtimo/config","@valtimo/process","@valtimo/components","bpmn-js/dist/bpmn-navigated-viewer.production.min.js","heatmap.js-fixed/build/heatmap.js"],t):t(((e=e||self).valtimo=e.valtimo||{},e.valtimo.analyse={}),e.ng.core,e.ng.common,e.ng.router,e.security,e.config,e.process,e.components,e.BpmnJS,e.heatmap)}(this,(function(e,t,n,i,o,s,a,r,c,p){"use strict";var l=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();l.decorators=[{type:t.Component,args:[{selector:"valtimo-analyse",template:'\x3c!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the "License");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an "AS IS" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  --\x3e\n\n<div class="main-content">\n  <div class="container-fluid">\n    <valtimo-analyse-process-diagram></valtimo-analyse-process-diagram>\n  </div>\n</div>\n',styles:['/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */']}]}],l.ctorParameters=function(){return[]};var u={title:"Analysis",roles:[s.ROLE_USER]},d=[{path:"analysis",component:l,canActivate:[o.AuthGuardService],data:u}],m=function(){};m.decorators=[{type:t.NgModule,args:[{declarations:[],imports:[n.CommonModule,i.RouterModule.forChild(d)],exports:[i.RouterModule]}]}];var h=function(){function e(e){this.processService=e,this.importDone=new t.EventEmitter,this.enumHeatmapOptions=["count","duration"],this.initialized=!1}return e.prototype.ngOnInit=function(){var e=this;this.processService.getProcessDefinitions().subscribe((function(t){e.processDefinitions=t,e.processDefinitionKey||0===t.length||(e.processDefinitionKey=t[0].key,e.loadProcessDefinitionFromKey(e.processDefinitionKey))})),this.createBpmnViewerInstance()},e.prototype.createBpmnViewerInstance=function(){var e=this;this.bpmnJS=new c,this.bpmnJS.on("import.done",(function(t){if(!t.error&&!e.initialized){var n=e.bpmnJS.get("canvas"),i=e.bpmnJS.get("eventBus");e.processDiagram.historicActivityInstances&&e.processDiagram.historicActivityInstances.forEach((function(e){"multiInstanceBody"!==e.activityType&&n.addMarker(e.activityId,e.endTime?"highlight-overlay-past":"highlight-overlay-current")})),n.zoom("fit-viewport","auto"),e.processDefinitionVersions&&(i.on("canvas.init",(function(){e.showHeatmap&&e.clearHeatmap(),e.loadHeatmapData()})),i.on("canvas.viewbox.changing",(function(){e.showHeatmap&&e.clearHeatmap()})),i.on("canvas.viewbox.changed",(function(){e.loadHeatmapData()}))),e.initialized=!0}e.clearHeatmap(),e.showHeatmap&&e.loadHeatmapData()}))},e.prototype.ngOnDestroy=function(){this.bpmnJS&&this.bpmnJS.destroy()},e.prototype.loadProcessDefinition=function(e){var t=this;this.processService.getProcessDefinition(e).subscribe((function(e){t.heatmapOption=t.enumHeatmapOptions[0],t.version=e.version,t.loadProcessDefinitionXml(e.id)}))},e.prototype.loadProcessDefinitionVersions=function(e){var t=this;this.processService.getProcessDefinitionVersions(e).subscribe((function(e){t.processDefinitionVersions=e}))},e.prototype.loadProcessDefinitionFromKey=function(e){this.loadProcessDefinitionVersions(e),this.loadProcessDefinition(e)},e.prototype.loadProcessDefinitionXml=function(e){var t=this;this.processService.getProcessDefinitionXml(e).subscribe((function(e){t.processDiagram=e,t.bpmnJS.importXML(t.processDiagram.bpmn20Xml),t.bpmnJS.attachTo(t.el.nativeElement)}))},e.prototype.loadProcessDefinitionHeatmapCount=function(e){var t=this;this.processService.getProcessHeatmapCount(e).subscribe((function(e){t.inputData=e,t.valueKey="totalCount",t.heatPoints={data:[]},t.min=0,t.max=0,Object.keys(t.inputData).forEach((function(e){var n=t.el.nativeElement.querySelector("svg").getBoundingClientRect(),i=t.el.nativeElement.querySelector("g[data-element-id="+e+"]").getBoundingClientRect();t.setMax(e),t.heatPoints.data.push({x:Math.round(i.x-n.x+i.width/2),y:Math.round(i.y-n.y+i.height/2),value:t.inputData[e][t.valueKey],radius:i.width/2}),t.addCounterActiveOverlays(e,t.inputData)})),t.clearHeatmap(),t.showHeatmap&&t.loadHeatmap()}))},e.prototype.onWindowResize=function(){var e=this.el.nativeElement.querySelector("canvas[class=heatmap-canvas]");e&&(e.remove(),this.heatMapInstance=null),this.showHeatmap&&this.loadHeatmap()},e.prototype.loadProcessDefinitionHeatmapDuration=function(e){var t=this;this.processService.getProcessHeatmapDuration(e).subscribe((function(e){t.inputData=e,t.valueKey="averageDurationInMilliseconds",t.heatPoints={data:[]},t.min=0,t.max=0,Object.keys(t.inputData).forEach((function(e){var n=t.el.nativeElement.querySelector("svg").getBoundingClientRect(),i=t.el.nativeElement.querySelector("g[data-element-id="+e+"]").getBoundingClientRect();t.setMax(e),t.heatPoints.data.push({x:Math.round(i.x-n.x+i.width/2),y:Math.round(i.y-n.y+i.height/2),value:t.inputData[e][t.valueKey],radius:i.width/2}),t.addCounterActiveOverlays(e,t.inputData)})),t.clearHeatmap(),t.showHeatmap&&t.loadHeatmap()}))},e.prototype.setProcessDefinitionKey=function(e){this.processDefinitionKey=e,this.loadProcessDefinitionFromKey(this.processDefinitionKey)},e.prototype.setProcessDefinitionVersion=function(e){this.version=+e,this.loadHeatmapData()},e.prototype.setHeatmapOption=function(e){this.heatmapOption=e,this.loadHeatmapData()},e.prototype.toggleShowHeatmap=function(){this.showHeatmap=!this.showHeatmap,this.loadHeatmapData()},e.prototype.loadHeatmap=function(){this.heatMapInstance||(this.heatMapInstance=p.create({radius:54,blur:.7,maxOpacity:.4,minOpacity:0,container:this.el.nativeElement}),this.el.nativeElement.querySelector("canvas[class=heatmap-canvas]").style.zIndex=1);this.heatMapInstance.setData({min:this.min,max:this.max,data:this.heatPoints.data})},e.prototype.clearHeatmap=function(){this.heatMapInstance&&this.heatMapInstance.setData({data:[]})},e.prototype.loadHeatmapData=function(){var e=this;this.processDefinition=this.processDefinitionVersions.find((function(t){return t.version===e.version})),"count"===this.heatmapOption&&this.loadProcessDefinitionHeatmapCount(this.processDefinition),"duration"===this.heatmapOption&&this.loadProcessDefinitionHeatmapDuration(this.processDefinition)},e.prototype.setMax=function(e){"averageDurationInMilliseconds"===this.valueKey?this.max=Math.max(this.inputData[e].averageDurationInMilliseconds,this.max):"totalCount"===this.valueKey&&(this.max=Math.max(this.inputData[e].totalCount+this.inputData[e].count,this.max))},e.prototype.addCounterActiveOverlays=function(e,t){this.bpmnJS.get("overlays").add(e,{position:{bottom:13,left:-12},show:{minZoom:0,maxZoom:5},html:'<span class="badge badge-pill badge-primary">'+t[e].count+"</span>"})},e}();h.decorators=[{type:t.Component,args:[{selector:"valtimo-analyse-process-diagram",template:'\x3c!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the "License");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an "AS IS" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  --\x3e\n\n<div class="container-fluid">\n  <div class="row p-4 bg-light options">\n    <div class="col-sm-3">\n      <label><strong>Process</strong></label\n      ><br />\n      <select class="form-control" (change)="setProcessDefinitionKey($event.target.value)">\n        <option\n          *ngFor="let processDefinition of processDefinitions"\n          [value]="processDefinition.key"\n          [selected]="processDefinitionKey === processDefinition.key"\n        >\n          {{ processDefinition.name }}\n        </option>\n      </select>\n    </div>\n    <div class="col-sm-1">\n      <label><strong>Version</strong></label\n      ><br />\n      <select class="form-control" (change)="setProcessDefinitionVersion($event.target.value)">\n        <option\n          *ngFor="let processDefinitionVersion of processDefinitionVersions"\n          [value]="processDefinitionVersion.version"\n          [selected]="processDefinitionVersion.version === version"\n        >\n          {{ processDefinitionVersion.version }}\n        </option>\n      </select>\n    </div>\n    <div class="col-sm-3" *ngIf="showHeatmap">\n      <label><strong>Heatmap type</strong></label\n      ><br />\n      <select class="form-control w-sm-50" (change)="setHeatmapOption($event.target.value)">\n        <option\n          *ngFor="let option of enumHeatmapOptions"\n          [value]="option"\n          [selected]="option === heatmapOption"\n        >\n          {{ option | titlecase }}\n        </option>\n      </select>\n    </div>\n    <div\n      class="text-sm-right col-sm-3"\n      [ngClass]="{\'offset-sm-2\': showHeatmap, \'offset-sm-5\': !showHeatmap}"\n    >\n      <label><strong>Show heatmap</strong></label\n      ><br />\n      <div class="text-left switch-button switch-button-sm switch-button-success">\n        <input\n          type="checkbox"\n          id="toggleHeatmap"\n          [checked]="showHeatmap"\n          (click)="toggleShowHeatmap()"\n        /><span> <label for="toggleHeatmap"></label></span>\n      </div>\n    </div>\n  </div>\n  <div class="row p-4 bg-white">\n    <div class="col">\n      <div #ref (window:resize)="onWindowResize()" class="diagram-container"></div>\n    </div>\n  </div>\n</div>\n\n<div class="p-4 text-center legenda-holder">\n  <span\n    ><span class="badge badge-pill badge-primary">N</span>&nbsp;&nbsp;Amount of currently active\n    instances of this task.</span\n  >\n  <span\n    >&nbsp;&nbsp;|&nbsp;&nbsp;Red/yellow/green orbs: The amount of times the task is executed in\n    comparison to the other tasks.</span\n  >\n</div>\n',styles:['/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.diagram-container-switch-holder{width:100%;z-index:1000}.diagram-container{height:58vh}.container-fluid{border:1px solid #dee2e6}.options{border-bottom:1px solid #dee2e6}']}]}],h.ctorParameters=function(){return[{type:a.ProcessService}]},h.propDecorators={el:[{type:t.ViewChild,args:["ref"]}],importDone:[{type:t.Output}]};var f=function(){};f.decorators=[{type:t.NgModule,args:[{declarations:[l,h],imports:[n.CommonModule,m,a.ProcessModule,r.WidgetModule],exports:[l]}]}],e.AnalyseComponent=l,e.AnalyseModule=f,e.ɵa=h,e.ɵb=m,Object.defineProperty(e,"__esModule",{value:!0})}));
-//# sourceMappingURL=valtimo-analyse.umd.min.js.map