@valtimo/process-management 4.15.3-next-main.14 → 4.16.0

package/README.md

@@ -1,24 +1,33 @@
 # ProcessManagement
 
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.14.
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version
+8.2.14.
 
 ## Code scaffolding
 
-Run `ng generate component component-name --project process-management` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project process-management`.
-> Note: Don't forget to add `--project process-management` or else it will be added to the default project in your `angular.json` file. 
+Run `ng generate component component-name --project process-management` to generate a new component.
+You can also use
+`ng generate directive|pipe|service|class|guard|interface|enum|module --project process-management`.
+
+> Note: Don't forget to add `--project process-management` or else it will be added to the default
+> project in your `angular.json` file.
 
 ## Build
 
-Run `ng build process-management` to build the project. The build artifacts will be stored in the `dist/` directory.
+Run `ng build process-management` to build the project. The build artifacts will be stored in the
+`dist/` directory.
 
 ## Publishing
 
-After building your library with `ng build process-management`, go to the dist folder `cd dist/process-management` and run `npm publish`.
+After building your library with `ng build process-management`, go to the dist folder
+`cd dist/process-management` and run `npm publish`.
 
 ## Running unit tests
 
-Run `ng test process-management` to execute the unit tests via [Karma](https://karma-runner.github.io).
+Run `ng test process-management` to execute the unit tests via
+[Karma](https://karma-runner.github.io).
 
 ## Further help
 
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
+To get more help on the Angular CLI use `ng help` or go check out the
+[Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

package/bundles/valtimo-process-management.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('@angular/common'), require('@valtimo/security'), require('@angular/common/http'), require('@valtimo/process'), require('@valtimo/components'), require('rxjs'), require('@valtimo/layout'), require('bpmn-js/lib/Modeler'), require('bpmn-js-properties-panel'), require('bpmn-js-properties-panel/lib/provider/camunda'), require('camunda-bpmn-moddle/lib'), require('camunda-bpmn-moddle/resources/camunda.json'), require('@valtimo/contract'), require('@angular/forms'), require('@valtimo/config'), require('@ngx-translate/core')) :
-    typeof define === 'function' && define.amd ? define('@valtimo/process-management', ['exports', '@angular/core', '@angular/router', '@angular/common', '@valtimo/security', '@angular/common/http', '@valtimo/process', '@valtimo/components', 'rxjs', '@valtimo/layout', 'bpmn-js/lib/Modeler', 'bpmn-js-properties-panel', 'bpmn-js-properties-panel/lib/provider/camunda', 'camunda-bpmn-moddle/lib', 'camunda-bpmn-moddle/resources/camunda.json', '@valtimo/contract', '@angular/forms', '@valtimo/config', '@ngx-translate/core'], factory) :
-    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo['process-management'] = {}), global.ng.core, global.ng.router, global.ng.common, global.security, global.ng.common.http, global.process, global.components, global.rxjs, global.layout, global.Modeler, global.PropertiesPanelModule, global.PropertiesProviderModule, global.CamundaExtensionModule, global.CamundaModdleDescriptor, global.contract, global.ng.forms, global.config, global.cpre$1));
-}(this, (function (exports, i0, router, common, security, i2, process, components, rxjs, layout, Modeler, PropertiesPanelModule, PropertiesProviderModule, CamundaExtensionModule, CamundaModdleDescriptor, contract, forms, i1, core) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('@angular/common'), require('@valtimo/security'), require('@angular/common/http'), require('@valtimo/process'), require('@valtimo/components'), require('rxjs'), require('@valtimo/layout'), require('bpmn-js/lib/Modeler'), require('bpmn-js-properties-panel'), require('bpmn-js-properties-panel/lib/provider/camunda'), require('camunda-bpmn-moddle/lib'), require('camunda-bpmn-moddle/resources/camunda.json'), require('@valtimo/config'), require('@angular/forms'), require('@ngx-translate/core')) :
+    typeof define === 'function' && define.amd ? define('@valtimo/process-management', ['exports', '@angular/core', '@angular/router', '@angular/common', '@valtimo/security', '@angular/common/http', '@valtimo/process', '@valtimo/components', 'rxjs', '@valtimo/layout', 'bpmn-js/lib/Modeler', 'bpmn-js-properties-panel', 'bpmn-js-properties-panel/lib/provider/camunda', 'camunda-bpmn-moddle/lib', 'camunda-bpmn-moddle/resources/camunda.json', '@valtimo/config', '@angular/forms', '@ngx-translate/core'], factory) :
+    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo['process-management'] = {}), global.ng.core, global.ng.router, global.ng.common, global.security, global.ng.common.http, global.process, global.components, global.rxjs, global.layout, global.Modeler, global.PropertiesPanelModule, global.PropertiesProviderModule, global.CamundaExtensionModule, global.CamundaModdleDescriptor, global.config, global.ng.forms, global.cpre$1));
+}(this, (function (exports, i0, router, common, security, i2, process, components, rxjs, layout, Modeler, PropertiesPanelModule, PropertiesProviderModule, CamundaExtensionModule, CamundaModdleDescriptor, i1, forms, core) { 'use strict';
 
     Modeler = Modeler && Object.prototype.hasOwnProperty.call(Modeler, 'default') ? Modeler['default'] : Modeler;
     PropertiesPanelModule = PropertiesPanelModule && Object.prototype.hasOwnProperty.call(PropertiesPanelModule, 'default') ? PropertiesPanelModule['default'] : PropertiesPanelModule;
@@ -28,14 +28,13 @@
     var ProcessManagementComponent = /** @class */ (function () {
         function ProcessManagementComponent() {
         }
-        ProcessManagementComponent.prototype.ngOnInit = function () {
-        };
+        ProcessManagementComponent.prototype.ngOnInit = function () { };
         return ProcessManagementComponent;
     }());
     ProcessManagementComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'valtimo-process-management',
-                    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 pt-0\">\n  <div class=\"container-fluid\">\n    <div class=\"text-right\">\n      <div class=\"btn-group mt-m3px mb-3\">\n        <button class=\"btn btn-primary btn-space\" [routerLink]=\"'create'\"><i class=\"icon mdi mdi-plus\"></i>&nbsp;\n          {{ 'Create new Process' | translate }}\n        </button>\n        <button class=\"btn btn-secondary btn-space mr-0\" data-toggle=\"modal\" data-target=\"#uploadProcess\">\n          <i class=\"icon mdi mdi-upload\"></i>&nbsp;\n          {{ 'Upload process' | translate }}\n        </button>\n      </div>\n    </div>\n    <valtimo-process-management-upload\n            (reload)=\"processManagementList.loadProcessDefinitions()\"></valtimo-process-management-upload>\n    <valtimo-process-management-list #processManagementList></valtimo-process-management-list>\n  </div>\n</div>\n\n",
+                    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 pt-0\">\n  <div class=\"container-fluid\">\n    <div class=\"text-right\">\n      <div class=\"btn-group mt-m3px mb-3\">\n        <button class=\"btn btn-primary btn-space\" [routerLink]=\"'create'\">\n          <i class=\"icon mdi mdi-plus\"></i>&nbsp;\n          {{ 'Create new Process' | translate }}\n        </button>\n        <button\n          class=\"btn btn-secondary btn-space mr-0\"\n          data-toggle=\"modal\"\n          data-target=\"#uploadProcess\"\n        >\n          <i class=\"icon mdi mdi-upload\"></i>&nbsp;\n          {{ 'Upload process' | translate }}\n        </button>\n      </div>\n    </div>\n    <valtimo-process-management-upload\n      (reload)=\"processManagementList.loadProcessDefinitions()\"\n    ></valtimo-process-management-upload>\n    <valtimo-process-management-list #processManagementList></valtimo-process-management-list>\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 */"]
                 },] }
     ];
@@ -68,6 +67,8 @@
         return extendStatics(d, b);
     };
     function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -253,11 +254,13 @@
         }
         return ar;
     }
+    /** @deprecated */
     function __spread() {
         for (var ar = [], i = 0; i < arguments.length; i++)
             ar = ar.concat(__read(arguments[i]));
         return ar;
     }
+    /** @deprecated */
     function __spreadArrays() {
         for (var s = 0, i = 0, il = arguments.length; i < il; i++)
             s += arguments[i].length;
@@ -266,7 +269,17 @@
                 r[k] = a[j];
         return r;
     }
-    ;
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
     }
@@ -331,18 +344,21 @@
     function __importDefault(mod) {
         return (mod && mod.__esModule) ? mod : { default: mod };
     }
-    function __classPrivateFieldGet(receiver, privateMap) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to get private field on non-instance");
-        }
-        return privateMap.get(receiver);
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
     }
-    function __classPrivateFieldSet(receiver, privateMap, value) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to set private field on non-instance");
-        }
-        privateMap.set(receiver, value);
-        return value;
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
     var ProcessManagementBuilderComponent = /** @class */ (function () {
@@ -356,9 +372,7 @@
             this.processDefinitionVersions = null;
             this.selectedVersion = null;
             this.processKey = null;
-            this.elementTemplateFiles = [
-                'mailSendTask'
-            ];
+            this.elementTemplateFiles = ['mailSendTask'];
         }
         ProcessManagementBuilderComponent.prototype.ngOnInit = function () {
             this.init();
@@ -373,15 +387,15 @@
                     additionalModules: [
                         PropertiesPanelModule,
                         PropertiesProviderModule,
-                        CamundaExtensionModule
+                        CamundaExtensionModule,
                     ],
                     propertiesPanel: {
-                        parent: '#properties'
+                        parent: '#properties',
                     },
                     moddleExtensions: {
-                        camunda: CamundaModdleDescriptor
+                        camunda: CamundaModdleDescriptor,
                     },
-                    elementTemplates: elementTemplates
+                    elementTemplates: elementTemplates,
                 });
                 if (_this.processKey) {
                     _this.loadProcessVersions(_this.processKey);
@@ -425,9 +439,12 @@
         ProcessManagementBuilderComponent.prototype.loadEmptyBpmn = function () {
             var _this = this;
             var url = '/assets/bpmn/initial.bpmn';
-            this.http.get(url, {
-                headers: { observe: 'response' }, responseType: 'text'
-            }).subscribe(function (xml) {
+            this.http
+                .get(url, {
+                headers: { observe: 'response' },
+                responseType: 'text',
+            })
+                .subscribe(function (xml) {
                 _this.bpmnModeler.importXML(xml);
             });
         };
@@ -439,7 +456,7 @@
                     var file = _c.value;
                     templateObs.push(this.http.get("/assets/bpmn/element-templates/" + file + ".json", {
                         headers: { observe: 'response' },
-                        responseType: 'json'
+                        responseType: 'json',
                     }));
                 }
             }
@@ -458,7 +475,9 @@
         };
         ProcessManagementBuilderComponent.prototype.loadProcessVersions = function (processDefinitionKey) {
             var _this = this;
-            this.processService.getProcessDefinitionVersions(processDefinitionKey).subscribe(function (processDefinitionVersions) {
+            this.processService
+                .getProcessDefinitionVersions(processDefinitionKey)
+                .subscribe(function (processDefinitionVersions) {
                 _this.processDefinitionVersions = processDefinitionVersions;
                 _this.setLatestVersion();
             });
@@ -486,7 +505,7 @@
     ProcessManagementBuilderComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'valtimo-process-management-builder',
-                    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=\"mb-5\" [ngClass]=\"{'main-content pt-0': !layoutService.isFullscreen}\">\n  <div [ngClass]=\"{'container-fluid' : !layoutService.isFullscreen}\">\n    <div class=\"text-right\">\n      <div class=\"btn-group mt-m3px mb-3\" *ngIf=\"(selectedVersion !== null || processKey === null) && !layoutService.isFullscreen\">\n        <button class='btn btn-primary btn-space' (click)=\"deploy()\"><i class=\"fa fa-upload\"></i> &nbsp;Deploy</button>\n        <button class='btn btn-secondary btn-space' (click)=\"download()\" [ngClass]=\"{'mr-0': selectedVersion !== null}\"><i\n                class=\"fa fa-save\"></i> &nbsp;Download\n        </button>\n        <button *ngIf=\"selectedVersion === null\" class='btn btn-danger btn-space mr-0' (click)=\"reset()\"><i\n                class=\"fa fa-trash\"></i> &nbsp;Clear\n        </button>\n      </div>\n    </div>\n\n    <div class=\"modeler pl-3 pr-3 mb-3\" [ngClass]=\"{'mt-4' : !layoutService.isFullscreen}\">\n      <div class=\"row pt-4 pb-3 bg-light versions\" *ngIf=\"processDefinitionVersions\"\n           [ngClass]=\"{'border-bottom-0': selectedVersion !== null}\">\n        <div class=\"col-md-2\" *ngIf=\"processDefinitionVersions.length > 0\">\n          <h2 class=\"process-title\">\n            {{processDefinitionVersions[0].name}}\n          </h2>\n        </div>\n        <div class=\"col-md-1 offset-md-6\">\n          <label for=\"processVersion\"><strong>Version</strong></label>\n          <select id=\"processVersion\" class=\"form-control w-100\" [(ngModel)]=\"selectedVersion\"\n                  (change)=\"loadProcessBpmn()\" [compareWith]=\"compareProcessDefinitions\">\n            <option [ngValue]=\"null\" disabled selected>Version</option>\n            <option *ngFor=\"let processDefinition of processDefinitionVersions\"\n                    [ngValue]=\"processDefinition\">{{processDefinition.version}}</option>\n          </select>\n        </div>\n        <div class=\"col-md-2 d-flex align-items-end\"\n             *ngIf=\"(selectedVersion !== null || processKey === null) && layoutService.isFullscreen\">\n          <div class=\"btn-group\">\n            <button class='btn btn-primary btn-space' (click)=\"deploy()\"><i class=\"fa fa-upload\"></i> &nbsp;Deploy\n            </button>\n            <button class='btn btn-secondary btn-space' (click)=\"download()\"><i\n                    class=\"fa fa-save\"></i> &nbsp;Download\n            </button>\n            <button *ngIf=\"!selectedVersion\" class='btn btn-danger btn-space' (click)=\"reset()\"><i\n                    class=\"fa fa-trash\"></i> &nbsp;Clear\n            </button>\n          </div>\n        </div>\n        <div *ngIf=\"selectedVersion\" class=\"col-md-1 text-right fullscreen-toggle\"\n             [ngClass]=\"{'offset-md-2' : !layoutService.isFullscreen}\">\n          <i class=\"fas\"\n             [ngClass]=\"{'fa-expand-arrows-alt' : !layoutService.isFullscreen, 'fa-compress-arrows-alt' : layoutService.isFullscreen}\"\n             (click)=\"layoutService.toggleFullscreen()\"></i>\n        </div>\n      </div>\n      <div [hidden]=\"!selectedVersion && processKey\" class=\"row bg-white diagram mb-3\">\n        <div id=\"canvas\" class=\"col-9\"></div>\n        <div id=\"properties\" class=\"col-3 pr-0\"></div>\n      </div>\n    </div>\n  </div>\n</div>\n",
+                    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=\"mb-5\" [ngClass]=\"{'main-content pt-0': !layoutService.isFullscreen}\">\n  <div [ngClass]=\"{'container-fluid': !layoutService.isFullscreen}\">\n    <div class=\"text-right\">\n      <div\n        class=\"btn-group mt-m3px mb-3\"\n        *ngIf=\"(selectedVersion !== null || processKey === null) && !layoutService.isFullscreen\"\n      >\n        <button class=\"btn btn-primary btn-space\" (click)=\"deploy()\">\n          <i class=\"fa fa-upload\"></i> &nbsp;Deploy\n        </button>\n        <button\n          class=\"btn btn-secondary btn-space\"\n          (click)=\"download()\"\n          [ngClass]=\"{'mr-0': selectedVersion !== null}\"\n        >\n          <i class=\"fa fa-save\"></i> &nbsp;Download\n        </button>\n        <button\n          *ngIf=\"selectedVersion === null\"\n          class=\"btn btn-danger btn-space mr-0\"\n          (click)=\"reset()\"\n        >\n          <i class=\"fa fa-trash\"></i> &nbsp;Clear\n        </button>\n      </div>\n    </div>\n\n    <div class=\"modeler pl-3 pr-3 mb-3\" [ngClass]=\"{'mt-4': !layoutService.isFullscreen}\">\n      <div\n        class=\"row pt-4 pb-3 bg-light versions\"\n        *ngIf=\"processDefinitionVersions\"\n        [ngClass]=\"{'border-bottom-0': selectedVersion !== null}\"\n      >\n        <div class=\"col-md-2\" *ngIf=\"processDefinitionVersions.length > 0\">\n          <h2 class=\"process-title\">\n            {{ processDefinitionVersions[0].name }}\n          </h2>\n        </div>\n        <div class=\"col-md-1 offset-md-6\">\n          <label for=\"processVersion\"><strong>Version</strong></label>\n          <select\n            id=\"processVersion\"\n            class=\"form-control w-100\"\n            [(ngModel)]=\"selectedVersion\"\n            (change)=\"loadProcessBpmn()\"\n            [compareWith]=\"compareProcessDefinitions\"\n          >\n            <option [ngValue]=\"null\" disabled selected>Version</option>\n            <option\n              *ngFor=\"let processDefinition of processDefinitionVersions\"\n              [ngValue]=\"processDefinition\"\n            >\n              {{ processDefinition.version }}\n            </option>\n          </select>\n        </div>\n        <div\n          class=\"col-md-2 d-flex align-items-end\"\n          *ngIf=\"(selectedVersion !== null || processKey === null) && layoutService.isFullscreen\"\n        >\n          <div class=\"btn-group\">\n            <button class=\"btn btn-primary btn-space\" (click)=\"deploy()\">\n              <i class=\"fa fa-upload\"></i> &nbsp;Deploy\n            </button>\n            <button class=\"btn btn-secondary btn-space\" (click)=\"download()\">\n              <i class=\"fa fa-save\"></i> &nbsp;Download\n            </button>\n            <button *ngIf=\"!selectedVersion\" class=\"btn btn-danger btn-space\" (click)=\"reset()\">\n              <i class=\"fa fa-trash\"></i> &nbsp;Clear\n            </button>\n          </div>\n        </div>\n        <div\n          *ngIf=\"selectedVersion\"\n          class=\"col-md-1 text-right fullscreen-toggle\"\n          [ngClass]=\"{'offset-md-2': !layoutService.isFullscreen}\"\n        >\n          <i\n            class=\"fas\"\n            [ngClass]=\"{\n              'fa-expand-arrows-alt': !layoutService.isFullscreen,\n              'fa-compress-arrows-alt': layoutService.isFullscreen\n            }\"\n            (click)=\"layoutService.toggleFullscreen()\"\n          ></i>\n        </div>\n      </div>\n      <div [hidden]=\"!selectedVersion && processKey\" class=\"row bg-white diagram mb-3\">\n        <div id=\"canvas\" class=\"col-9\"></div>\n        <div id=\"properties\" class=\"col-3 pr-0\"></div>\n      </div>\n    </div>\n  </div>\n</div>\n",
                     encapsulation: i0.ViewEncapsulation.None,
                     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,.versions{border:1px solid #dee2e6}.process-title{color:#6b6b6b;font-size:1.5rem}.fullscreen-toggle{font-size:2rem}.fullscreen-toggle>i{cursor:pointer}.modeler{height:90vh}#properties{border-left:1px solid #dee2e6;padding-left:0}"]
                 },] }
@@ -515,25 +534,25 @@
      * See the License for the specific language governing permissions and
      * limitations under the License.
      */
-    var ɵ0 = { title: 'Processes', roles: [contract.ROLE_ADMIN] }, ɵ1 = { title: 'Create new Process', roles: [contract.ROLE_ADMIN] }, ɵ2 = { title: 'Process details', roles: [contract.ROLE_ADMIN] };
+    var ɵ0 = { title: 'Processes', roles: [i1.ROLE_ADMIN] }, ɵ1 = { title: 'Create new Process', roles: [i1.ROLE_ADMIN] }, ɵ2 = { title: 'Process details', roles: [i1.ROLE_ADMIN] };
     var routes = [
         {
             path: 'processes',
             component: ProcessManagementComponent,
             canActivate: [security.AuthGuardService],
-            data: ɵ0
+            data: ɵ0,
         },
         {
             path: 'processes/create',
             component: ProcessManagementBuilderComponent,
             canActivate: [security.AuthGuardService],
-            data: ɵ1
+            data: ɵ1,
         },
         {
             path: 'processes/process/:key',
             component: ProcessManagementBuilderComponent,
             canActivate: [security.AuthGuardService],
-            data: ɵ2
+            data: ɵ2,
         },
     ];
     var ProcessManagementRoutingModule = /** @class */ (function () {
@@ -544,11 +563,8 @@
     ProcessManagementRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
                     declarations: [],
-                    imports: [
-                        common.CommonModule,
-                        router.RouterModule.forChild(routes),
-                    ],
-                    exports: [router.RouterModule]
+                    imports: [common.CommonModule, router.RouterModule.forChild(routes)],
+                    exports: [router.RouterModule],
                 },] }
     ];
 
@@ -594,7 +610,7 @@
     ProcessManagementListComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'valtimo-process-management-list',
-                    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<valtimo-widget>\n  <valtimo-list [items]=\"processDefinitions\" [fields]=\"fields\" (rowClicked)=\"editProcessDefinition($event)\"\n                [header]=\"true\" [viewMode]=\"true\" [isSearchable]=\"true\">\n    <div header>\n      <h3 class=\"list-header-title\">{{ 'Processes' | translate }}</h3>\n      <h5 class=\"list-header-description\">{{ 'Overview of all Processes' | translate }}</h5>\n    </div>\n  </valtimo-list>\n</valtimo-widget>\n",
+                    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<valtimo-widget>\n  <valtimo-list\n    [items]=\"processDefinitions\"\n    [fields]=\"fields\"\n    (rowClicked)=\"editProcessDefinition($event)\"\n    [header]=\"true\"\n    [viewMode]=\"true\"\n    [isSearchable]=\"true\"\n  >\n    <div header>\n      <h3 class=\"list-header-title\">{{ 'Processes' | translate }}</h3>\n      <h5 class=\"list-header-description\">{{ 'Overview of all Processes' | translate }}</h5>\n    </div>\n  </valtimo-list>\n</valtimo-widget>\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 */"]
                 },] }
     ];
@@ -636,7 +652,7 @@
     ProcessManagementService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ProcessManagementService_Factory() { return new ProcessManagementService(i0.ɵɵinject(i1.ConfigService), i0.ɵɵinject(i2.HttpClient)); }, token: ProcessManagementService, providedIn: "root" });
     ProcessManagementService.decorators = [
         { type: i0.Injectable, args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 },] }
     ];
     ProcessManagementService.ctorParameters = function () { return [
@@ -666,8 +682,7 @@
             this.bpmn = null;
             this.reload = new i0.EventEmitter();
         }
-        ProcessManagementUploadComponent.prototype.ngOnInit = function () {
-        };
+        ProcessManagementUploadComponent.prototype.ngOnInit = function () { };
         ProcessManagementUploadComponent.prototype.onChange = function (files) {
             this.bpmn = files.item(0);
         };
@@ -689,7 +704,7 @@
     ProcessManagementUploadComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'valtimo-process-management-upload',
-                    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=\"modal fade\" id=\"uploadProcess\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"uploadProcessLabel\"\n     aria-hidden=\"true\">\n  <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header\">\n        <h3 class=\"modal-title\" id=\"uploadProcessLabel\">Upload process</h3>\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n          <span aria-hidden=\"true\">&times;</span>\n        </button>\n      </div>\n      <div class=\"modal-body\">\n        <h5>BPMN Model</h5>\n        <input #bpmnFile type=\"file\"\n               id=\"file\"\n               accept=\".bpmn\"\n               (change)=\"onChange($event.target.files)\">\n      </div>\n      <div class=\"modal-footer\">\n        <div class=\"btn-group\">\n          <button type=\"button\" class=\"btn btn-primary btn-space\" (click)=\"uploadProcessBpmn()\" [disabled]=\"!bpmn\"\n                  data-dismiss=\"modal\">Upload\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n",
+                    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\n  class=\"modal fade\"\n  id=\"uploadProcess\"\n  tabindex=\"-1\"\n  role=\"dialog\"\n  aria-labelledby=\"uploadProcessLabel\"\n  aria-hidden=\"true\"\n>\n  <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header\">\n        <h3 class=\"modal-title\" id=\"uploadProcessLabel\">Upload process</h3>\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n          <span aria-hidden=\"true\">&times;</span>\n        </button>\n      </div>\n      <div class=\"modal-body\">\n        <h5>BPMN Model</h5>\n        <input\n          #bpmnFile\n          type=\"file\"\n          id=\"file\"\n          accept=\".bpmn\"\n          (change)=\"onChange($event.target.files)\"\n        />\n      </div>\n      <div class=\"modal-footer\">\n        <div class=\"btn-group\">\n          <button\n            type=\"button\"\n            class=\"btn btn-primary btn-space\"\n            (click)=\"uploadProcessBpmn()\"\n            [disabled]=\"!bpmn\"\n            data-dismiss=\"modal\"\n          >\n            Upload\n          </button>\n        </div>\n      </div>\n    </div>\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 */"]
                 },] }
     ];
@@ -728,7 +743,7 @@
                         ProcessManagementComponent,
                         ProcessManagementBuilderComponent,
                         ProcessManagementListComponent,
-                        ProcessManagementUploadComponent
+                        ProcessManagementUploadComponent,
                     ],
                     imports: [
                         common.CommonModule,
@@ -736,9 +751,9 @@
                         components.WidgetModule,
                         components.ListModule,
                         forms.FormsModule,
-                        core.TranslateModule
+                        core.TranslateModule,
                     ],
-                    exports: [ProcessManagementComponent]
+                    exports: [ProcessManagementComponent],
                 },] }
     ];