@valtimo/analyse 4.23.0 → 5.2.0

package/fesm2015/valtimo-analyse.js

@@ -1,404 +0,0 @@
-import { Component, NgModule, EventEmitter, ViewChild, Output } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { RouterModule } from '@angular/router';
-import { AuthGuardService } from '@valtimo/security';
-import { ROLE_USER } from '@valtimo/config';
-import { ProcessService, ProcessModule } from '@valtimo/process';
-import { WidgetModule } from '@valtimo/components';
-import * as BpmnJS from 'bpmn-js/dist/bpmn-navigated-viewer.production.min.js';
-import { create } from 'heatmap.js-fixed/build/heatmap.js';
-
-/*
- * 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.
- */
-class AnalyseComponent {
-    constructor() { }
-    ngOnInit() { }
-}
-AnalyseComponent.decorators = [
-    { type: 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 = () => [];
-
-/*
- * 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.
- */
-const ɵ0 = { title: 'Analysis', roles: [ROLE_USER] };
-const routes = [
-    {
-        path: 'analysis',
-        component: AnalyseComponent,
-        canActivate: [AuthGuardService],
-        data: ɵ0,
-    },
-];
-class AnalyseRoutingModule {
-}
-AnalyseRoutingModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [],
-                imports: [CommonModule, RouterModule.forChild(routes)],
-                exports: [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.
- */
-class AnalyseProcessDiagramComponent {
-    constructor(processService) {
-        this.processService = processService;
-        this.importDone = new EventEmitter();
-        this.enumHeatmapOptions = ['count', 'duration'];
-        this.initialized = false;
-    }
-    ngOnInit() {
-        this.processService
-            .getProcessDefinitions()
-            .subscribe((processDefinitions) => {
-            this.processDefinitions = processDefinitions;
-            if (!this.processDefinitionKey && processDefinitions.length !== 0) {
-                this.processDefinitionKey = processDefinitions[0].key;
-                this.loadProcessDefinitionFromKey(this.processDefinitionKey);
-            }
-        });
-        this.createBpmnViewerInstance();
-    }
-    createBpmnViewerInstance() {
-        this.bpmnJS = new BpmnJS();
-        this.bpmnJS.on('import.done', ({ error }) => {
-            if (!error && !this.initialized) {
-                const canvas = this.bpmnJS.get('canvas'), eventBus = this.bpmnJS.get('eventBus');
-                if (this.processDiagram.historicActivityInstances) {
-                    this.processDiagram.historicActivityInstances.forEach((instance) => {
-                        if (instance.activityType !== 'multiInstanceBody') {
-                            canvas.addMarker(instance.activityId, instance.endTime ? 'highlight-overlay-past' : 'highlight-overlay-current');
-                        }
-                    });
-                }
-                canvas.zoom('fit-viewport', 'auto');
-                if (this.processDefinitionVersions) {
-                    eventBus.on('canvas.init', () => {
-                        if (this.showHeatmap) {
-                            this.clearHeatmap();
-                        }
-                        this.loadHeatmapData();
-                    });
-                    eventBus.on('canvas.viewbox.changing', () => {
-                        if (this.showHeatmap) {
-                            this.clearHeatmap();
-                        }
-                    });
-                    eventBus.on('canvas.viewbox.changed', () => {
-                        this.loadHeatmapData();
-                    });
-                }
-                this.initialized = true;
-            }
-            this.clearHeatmap();
-            if (this.showHeatmap) {
-                this.loadHeatmapData();
-            }
-        });
-    }
-    ngOnDestroy() {
-        if (this.bpmnJS) {
-            this.bpmnJS.destroy();
-        }
-    }
-    loadProcessDefinition(processDefinitionKey) {
-        this.processService
-            .getProcessDefinition(processDefinitionKey)
-            .subscribe((processDefinition) => {
-            this.heatmapOption = this.enumHeatmapOptions[0];
-            this.version = processDefinition.version;
-            this.loadProcessDefinitionXml(processDefinition.id);
-        });
-    }
-    loadProcessDefinitionVersions(processDefinitionKey) {
-        this.processService
-            .getProcessDefinitionVersions(processDefinitionKey)
-            .subscribe((processDefinitionVersions) => {
-            this.processDefinitionVersions = processDefinitionVersions;
-        });
-    }
-    loadProcessDefinitionFromKey(processDefinitionKey) {
-        this.loadProcessDefinitionVersions(processDefinitionKey);
-        this.loadProcessDefinition(processDefinitionKey);
-    }
-    loadProcessDefinitionXml(processDefinitionId) {
-        this.processService.getProcessDefinitionXml(processDefinitionId).subscribe(response => {
-            this.processDiagram = response;
-            this.bpmnJS.importXML(this.processDiagram.bpmn20Xml);
-            this.bpmnJS.attachTo(this.el.nativeElement);
-        });
-    }
-    loadProcessDefinitionHeatmapCount(processDefinition) {
-        this.processService.getProcessHeatmapCount(processDefinition).subscribe(response => {
-            this.inputData = response;
-            this.valueKey = 'totalCount';
-            this.heatPoints = { data: [] };
-            this.min = 0;
-            this.max = 0;
-            Object.keys(this.inputData).forEach(key => {
-                const 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();
-            }
-        });
-    }
-    onWindowResize() {
-        const oldCanvas = this.el.nativeElement.querySelector('canvas[class=heatmap-canvas]');
-        if (oldCanvas) {
-            oldCanvas.remove();
-            this.heatMapInstance = null;
-        }
-        if (this.showHeatmap) {
-            this.loadHeatmap();
-        }
-    }
-    loadProcessDefinitionHeatmapDuration(processDefinition) {
-        this.processService.getProcessHeatmapDuration(processDefinition).subscribe(response => {
-            this.inputData = response;
-            this.valueKey = 'averageDurationInMilliseconds';
-            this.heatPoints = { data: [] };
-            this.min = 0;
-            this.max = 0;
-            Object.keys(this.inputData).forEach(key => {
-                const 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();
-            }
-        });
-    }
-    setProcessDefinitionKey(processDefinitionKey) {
-        this.processDefinitionKey = processDefinitionKey;
-        this.loadProcessDefinitionFromKey(this.processDefinitionKey);
-    }
-    setProcessDefinitionVersion(version) {
-        this.version = +version;
-        this.loadHeatmapData();
-    }
-    setHeatmapOption(heatmapOption) {
-        this.heatmapOption = heatmapOption;
-        this.loadHeatmapData();
-    }
-    toggleShowHeatmap() {
-        this.showHeatmap = !this.showHeatmap;
-        this.loadHeatmapData();
-    }
-    loadHeatmap() {
-        if (!this.heatMapInstance) {
-            this.heatMapInstance = create({
-                radius: 54,
-                blur: 0.7,
-                maxOpacity: 0.4,
-                minOpacity: 0,
-                container: this.el.nativeElement,
-            });
-            const 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,
-        });
-    }
-    clearHeatmap() {
-        if (this.heatMapInstance) {
-            this.heatMapInstance.setData({ data: [] });
-        }
-    }
-    loadHeatmapData() {
-        this.processDefinition = this.processDefinitionVersions.find(definition => definition.version === this.version);
-        if (this.heatmapOption === 'count') {
-            this.loadProcessDefinitionHeatmapCount(this.processDefinition);
-        }
-        if (this.heatmapOption === 'duration') {
-            this.loadProcessDefinitionHeatmapDuration(this.processDefinition);
-        }
-    }
-    setMax(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);
-        }
-    }
-    addCounterActiveOverlays(key, inputData) {
-        const 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>`,
-        });
-    }
-}
-AnalyseProcessDiagramComponent.decorators = [
-    { type: 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 = () => [
-    { type: ProcessService }
-];
-AnalyseProcessDiagramComponent.propDecorators = {
-    el: [{ type: ViewChild, args: ['ref',] }],
-    importDone: [{ type: 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.
- */
-class AnalyseModule {
-}
-AnalyseModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [AnalyseComponent, AnalyseProcessDiagramComponent],
-                imports: [CommonModule, AnalyseRoutingModule, ProcessModule, 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.
- */
-
-export { AnalyseComponent, AnalyseModule, AnalyseProcessDiagramComponent as ɵa, AnalyseRoutingModule as ɵb };
-//# sourceMappingURL=valtimo-analyse.js.map

package/fesm2015/valtimo-analyse.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"valtimo-analyse.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":["heatmap.create"],"mappings":"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"}

package/valtimo-analyse.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"exports":[{"from":"./lib/heatpoint.model"}],"metadata":{"AnalyseModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":24,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AnalyseComponent"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":26,"character":12},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@valtimo/process","name":"ProcessModule","line":26,"character":48},{"__symbolic":"reference","module":"@valtimo/components","name":"WidgetModule","line":26,"character":63}],"exports":[{"__symbolic":"reference","name":"AnalyseComponent"}]}]}],"members":{}},"AnalyseComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"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 */"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"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}"]}]}],"members":{"el":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":39,"character":3},"arguments":["ref"]}]}],"importDone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@valtimo/process","name":"ProcessService","line":58,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"createBpmnViewerInstance":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"loadProcessDefinition":[{"__symbolic":"method"}],"loadProcessDefinitionVersions":[{"__symbolic":"method"}],"loadProcessDefinitionFromKey":[{"__symbolic":"method"}],"loadProcessDefinitionXml":[{"__symbolic":"method"}],"loadProcessDefinitionHeatmapCount":[{"__symbolic":"method"}],"onWindowResize":[{"__symbolic":"method"}],"loadProcessDefinitionHeatmapDuration":[{"__symbolic":"method"}],"setProcessDefinitionKey":[{"__symbolic":"method"}],"setProcessDefinitionVersion":[{"__symbolic":"method"}],"setHeatmapOption":[{"__symbolic":"method"}],"toggleShowHeatmap":[{"__symbolic":"method"}],"loadHeatmap":[{"__symbolic":"method"}],"clearHeatmap":[{"__symbolic":"method"}],"loadHeatmapData":[{"__symbolic":"method"}],"setMax":[{"__symbolic":"method"}],"addCounterActiveOverlays":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":32,"character":1},"arguments":[{"declarations":[],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":34,"character":12},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":34,"character":26},"member":"forChild"},"arguments":[[{"path":"analysis","component":{"__symbolic":"reference","name":"AnalyseComponent"},"canActivate":[{"__symbolic":"reference","module":"@valtimo/security","name":"AuthGuardService","line":27,"character":18}],"data":{"title":"Analysis","roles":[{"__symbolic":"reference","module":"@valtimo/config","name":"ROLE_USER","line":28,"character":38}]}}]]}],"exports":[{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":35,"character":12}]}]}],"members":{}}},"origins":{"AnalyseModule":"./lib/analyse.module","AnalyseComponent":"./lib/analyse.component","ɵa":"./lib/analyse-process-diagram/analyse-process-diagram.component","ɵb":"./lib/analyse-routing.module"},"importAs":"@valtimo/analyse"}