@valtimo/process-management 4.21.0 → 5.0.0

package/esm2020/lib/process-management.service.mjs

@@ -0,0 +1,42 @@
+/*
+ * 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.
+ */
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@valtimo/config";
+import * as i2 from "@angular/common/http";
+export class ProcessManagementService {
+    constructor(configService, http) {
+        this.configService = configService;
+        this.http = http;
+        this.valtimoApiConfig = configService.config.valtimoApi;
+    }
+    deployBpmn(bpmn) {
+        const formData = new FormData();
+        formData.append('file', bpmn);
+        formData.append('deployment-name', 'valtimoConsoleApp');
+        formData.append('deployment-source', 'process application');
+        return this.http.post(`${this.valtimoApiConfig.endpointUri}camunda-rest/engine/default/deployment/create`, formData);
+    }
+}
+ProcessManagementService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementService, deps: [{ token: i1.ConfigService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+ProcessManagementService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigService }, { type: i2.HttpClient }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvY2Vzcy1tYW5hZ2VtZW50LnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0aW1vL3Byb2Nlc3MtbWFuYWdlbWVudC9zcmMvbGliL3Byb2Nlc3MtbWFuYWdlbWVudC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBRUgsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7OztBQVF6QyxNQUFNLE9BQU8sd0JBQXdCO0lBR25DLFlBQW9CLGFBQTRCLEVBQVUsSUFBZ0I7UUFBdEQsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFBVSxTQUFJLEdBQUosSUFBSSxDQUFZO1FBQ3hFLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxhQUFhLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQztJQUMxRCxDQUFDO0lBRUQsVUFBVSxDQUFDLElBQVU7UUFDbkIsTUFBTSxRQUFRLEdBQWEsSUFBSSxRQUFRLEVBQUUsQ0FBQztRQUMxQyxRQUFRLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQztRQUM5QixRQUFRLENBQUMsTUFBTSxDQUFDLGlCQUFpQixFQUFFLG1CQUFtQixDQUFDLENBQUM7UUFDeEQsUUFBUSxDQUFDLE1BQU0sQ0FBQyxtQkFBbUIsRUFBRSxxQkFBcUIsQ0FBQyxDQUFDO1FBQzVELE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQ25CLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFdBQVcsK0NBQStDLEVBQ25GLFFBQVEsQ0FDVCxDQUFDO0lBQ0osQ0FBQzs7cUhBaEJVLHdCQUF3Qjt5SEFBeEIsd0JBQXdCLGNBRnZCLE1BQU07MkZBRVAsd0JBQXdCO2tCQUhwQyxVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAxNS0yMDIwIFJpdGVuc2UgQlYsIHRoZSBOZXRoZXJsYW5kcy5cbiAqXG4gKiBMaWNlbnNlZCB1bmRlciBFVVBMLCBWZXJzaW9uIDEuMiAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqIGh0dHBzOi8vam9pbnVwLmVjLmV1cm9wYS5ldS9jb2xsZWN0aW9uL2V1cGwvZXVwbC10ZXh0LWV1cGwtMTJcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgYmFzaXMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5cbmltcG9ydCB7SW5qZWN0YWJsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge09ic2VydmFibGV9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHtIdHRwQ2xpZW50fSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5pbXBvcnQge0NvbmZpZ1NlcnZpY2V9IGZyb20gJ0B2YWx0aW1vL2NvbmZpZyc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxufSlcbmV4cG9ydCBjbGFzcyBQcm9jZXNzTWFuYWdlbWVudFNlcnZpY2Uge1xuICBwcml2YXRlIHZhbHRpbW9BcGlDb25maWc6IGFueTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNvbmZpZ1NlcnZpY2U6IENvbmZpZ1NlcnZpY2UsIHByaXZhdGUgaHR0cDogSHR0cENsaWVudCkge1xuICAgIHRoaXMudmFsdGltb0FwaUNvbmZpZyA9IGNvbmZpZ1NlcnZpY2UuY29uZmlnLnZhbHRpbW9BcGk7XG4gIH1cblxuICBkZXBsb3lCcG1uKGJwbW46IEZpbGUpOiBPYnNlcnZhYmxlPGFueT4ge1xuICAgIGNvbnN0IGZvcm1EYXRhOiBGb3JtRGF0YSA9IG5ldyBGb3JtRGF0YSgpO1xuICAgIGZvcm1EYXRhLmFwcGVuZCgnZmlsZScsIGJwbW4pO1xuICAgIGZvcm1EYXRhLmFwcGVuZCgnZGVwbG95bWVudC1uYW1lJywgJ3ZhbHRpbW9Db25zb2xlQXBwJyk7XG4gICAgZm9ybURhdGEuYXBwZW5kKCdkZXBsb3ltZW50LXNvdXJjZScsICdwcm9jZXNzIGFwcGxpY2F0aW9uJyk7XG4gICAgcmV0dXJuIHRoaXMuaHR0cC5wb3N0PGFueT4oXG4gICAgICBgJHt0aGlzLnZhbHRpbW9BcGlDb25maWcuZW5kcG9pbnRVcml9Y2FtdW5kYS1yZXN0L2VuZ2luZS9kZWZhdWx0L2RlcGxveW1lbnQvY3JlYXRlYCxcbiAgICAgIGZvcm1EYXRhXG4gICAgKTtcbiAgfVxufVxuIl19

package/esm2020/public-api.mjs

@@ -0,0 +1,21 @@
+/*
+ * 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.
+ */
+/*
+ * Public API Surface of process-management
+ */
+export * from './lib/process-management.module';
+export * from './lib/process-management.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRpbW8vcHJvY2Vzcy1tYW5hZ2VtZW50L3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBRUg7O0dBRUc7QUFFSCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsb0NBQW9DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMTUtMjAyMCBSaXRlbnNlIEJWLCB0aGUgTmV0aGVybGFuZHMuXG4gKlxuICogTGljZW5zZWQgdW5kZXIgRVVQTCwgVmVyc2lvbiAxLjIgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiBodHRwczovL2pvaW51cC5lYy5ldXJvcGEuZXUvY29sbGVjdGlvbi9ldXBsL2V1cGwtdGV4dC1ldXBsLTEyXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIGJhc2lzLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuXG4vKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHByb2Nlc3MtbWFuYWdlbWVudFxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL3Byb2Nlc3MtbWFuYWdlbWVudC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHJvY2Vzcy1tYW5hZ2VtZW50LmNvbXBvbmVudCc7XG4iXX0=

package/esm2020/valtimo-process-management.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsdGltby1wcm9jZXNzLW1hbmFnZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0aW1vL3Byb2Nlc3MtbWFuYWdlbWVudC9zcmMvdmFsdGltby1wcm9jZXNzLW1hbmFnZW1lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/fesm2015/valtimo-process-management.mjs

@@ -0,0 +1,460 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, Output, ViewChild, ViewEncapsulation, NgModule } from '@angular/core';
+import * as i1 from '@valtimo/config';
+import { ROLE_ADMIN } from '@valtimo/config';
+import * as i2 from '@angular/common/http';
+import * as i2$1 from '@valtimo/components';
+import { WidgetModule, ListModule } from '@valtimo/components';
+import * as i1$1 from '@valtimo/process';
+import * as i5 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i4 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i6 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { AuthGuardService } from '@valtimo/security';
+import { forkJoin } from 'rxjs';
+import Modeler from 'bpmn-js/lib/Modeler';
+import PropertiesPanelModule from 'bpmn-js-properties-panel';
+import PropertiesProviderModule from 'bpmn-js-properties-panel/lib/provider/camunda';
+import CamundaExtensionModule from 'camunda-bpmn-moddle/lib';
+import CamundaModdleDescriptor from 'camunda-bpmn-moddle/resources/camunda.json';
+import * as i3 from '@valtimo/layout';
+import * as i7 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+/*
+ * 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 ProcessManagementService {
+    constructor(configService, http) {
+        this.configService = configService;
+        this.http = http;
+        this.valtimoApiConfig = configService.config.valtimoApi;
+    }
+    deployBpmn(bpmn) {
+        const formData = new FormData();
+        formData.append('file', bpmn);
+        formData.append('deployment-name', 'valtimoConsoleApp');
+        formData.append('deployment-source', 'process application');
+        return this.http.post(`${this.valtimoApiConfig.endpointUri}camunda-rest/engine/default/deployment/create`, formData);
+    }
+}
+ProcessManagementService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementService, deps: [{ token: i1.ConfigService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+ProcessManagementService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigService }, { type: i2.HttpClient }]; } });
+
+/*
+ * 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 ProcessManagementUploadComponent {
+    constructor(processManagementService, alertService) {
+        this.processManagementService = processManagementService;
+        this.alertService = alertService;
+        this.bpmn = null;
+        this.reload = new EventEmitter();
+    }
+    ngOnInit() { }
+    onChange(files) {
+        this.bpmn = files.item(0);
+    }
+    uploadProcessBpmn() {
+        this.processManagementService.deployBpmn(this.bpmn).subscribe(() => {
+            this.bpmn = null;
+            this.bpmnFile.nativeElement.value = '';
+            this.alertService.success('Deployment successful');
+            this.reload.emit();
+        }, error => {
+            this.bpmn = null;
+            this.bpmnFile.nativeElement.value = '';
+            this.alertService.error(`Deployment failed. ${error}`);
+        });
+    }
+}
+ProcessManagementUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementUploadComponent, deps: [{ token: ProcessManagementService }, { token: i2$1.AlertService }], target: i0.ɵɵFactoryTarget.Component });
+ProcessManagementUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ProcessManagementUploadComponent, selector: "valtimo-process-management-upload", outputs: { reload: "reload" }, viewQueries: [{ propertyName: "bpmnFile", first: true, predicate: ["bpmnFile"], descendants: true }], ngImport: i0, 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 */\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementUploadComponent, decorators: [{
+            type: 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\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 */\n"] }]
+        }], ctorParameters: function () { return [{ type: ProcessManagementService }, { type: i2$1.AlertService }]; }, propDecorators: { reload: [{
+                type: Output
+            }], bpmnFile: [{
+                type: ViewChild,
+                args: ['bpmnFile']
+            }] } });
+
+/*
+ * 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 ProcessManagementListComponent {
+    constructor(processService, router) {
+        this.processService = processService;
+        this.router = router;
+        this.processDefinitions = [];
+        this.fields = [
+            { key: 'key', label: 'Key' },
+            { key: 'name', label: 'Name' },
+        ];
+    }
+    ngOnInit() {
+        this.loadProcessDefinitions();
+    }
+    loadProcessDefinitions() {
+        this.processService.getProcessDefinitions().subscribe((processDefs) => {
+            this.processDefinitions = processDefs;
+        });
+    }
+    editProcessDefinition(processDefinition) {
+        this.router.navigate(['/processes/process', processDefinition.key]);
+    }
+}
+ProcessManagementListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementListComponent, deps: [{ token: i1$1.ProcessService }, { token: i5.Router }], target: i0.ɵɵFactoryTarget.Component });
+ProcessManagementListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ProcessManagementListComponent, selector: "valtimo-process-management-list", ngImport: i0, 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 */\n"], components: [{ type: i2$1.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { type: i2$1.ListComponent, selector: "valtimo-list", inputs: ["items", "fields", "pagination", "viewMode", "isSearchable", "header", "actions", "paginationIdentifier", "initialSortState"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }], pipes: { "translate": i4.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementListComponent, decorators: [{
+            type: 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\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 */\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.ProcessService }, { type: i5.Router }]; } });
+
+/*
+ * 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 ProcessManagementComponent {
+    constructor() { }
+    ngOnInit() { }
+}
+ProcessManagementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ProcessManagementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ProcessManagementComponent, selector: "valtimo-process-management", viewQueries: [{ propertyName: "processManagementList", first: true, predicate: ["processManagementList"], descendants: true }], ngImport: i0, 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\n          class=\"btn btn-secondary btn-space\"\n          data-toggle=\"modal\"\n          data-target=\"#uploadProcess\"\n        >\n          <i class=\"icon mdi mdi-upload mr-1\"></i>\n          {{ 'Upload process' | translate }}\n        </button>\n        <button class=\"btn btn-primary btn-space\" [routerLink]=\"'create'\">\n          <i class=\"icon mdi mdi-plus mr-1\"></i>\n          {{ 'Create new 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 */\n"], components: [{ type: ProcessManagementUploadComponent, selector: "valtimo-process-management-upload", outputs: ["reload"] }, { type: ProcessManagementListComponent, selector: "valtimo-process-management-list" }], directives: [{ type: i5.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "translate": i4.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementComponent, decorators: [{
+            type: 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\n          class=\"btn btn-secondary btn-space\"\n          data-toggle=\"modal\"\n          data-target=\"#uploadProcess\"\n        >\n          <i class=\"icon mdi mdi-upload mr-1\"></i>\n          {{ 'Upload process' | translate }}\n        </button>\n        <button class=\"btn btn-primary btn-space\" [routerLink]=\"'create'\">\n          <i class=\"icon mdi mdi-plus mr-1\"></i>\n          {{ 'Create new 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 */\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { processManagementList: [{
+                type: ViewChild,
+                args: ['processManagementList']
+            }] } });
+
+/*
+ * 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 ProcessManagementBuilderComponent {
+    constructor(http, processService, layoutService, alertService, route, router) {
+        this.http = http;
+        this.processService = processService;
+        this.layoutService = layoutService;
+        this.alertService = alertService;
+        this.route = route;
+        this.router = router;
+        this.processDefinitionVersions = null;
+        this.selectedVersion = null;
+        this.processKey = null;
+        this.elementTemplateFiles = ['mailSendTask'];
+    }
+    ngOnInit() {
+        this.init();
+    }
+    init() {
+        this.processKey = this.route.snapshot.paramMap.get('key');
+        forkJoin(this.getElementTemplates()).subscribe((elementTemplates) => {
+            this.bpmnModeler = new Modeler({
+                container: '#canvas',
+                height: '90vh',
+                additionalModules: [
+                    PropertiesPanelModule,
+                    PropertiesProviderModule,
+                    CamundaExtensionModule,
+                ],
+                propertiesPanel: {
+                    parent: '#properties',
+                },
+                moddleExtensions: {
+                    camunda: CamundaModdleDescriptor,
+                },
+                elementTemplates,
+            });
+            if (this.processKey) {
+                this.loadProcessVersions(this.processKey);
+                this.selectedVersion = null;
+            }
+            else {
+                this.loadEmptyBpmn();
+            }
+        });
+    }
+    deploy() {
+        this.bpmnModeler.saveXML((err, xml) => {
+            this.processService.deployProcess(xml).subscribe(asd => {
+                if (this.processKey) {
+                    this.loadProcessVersions(this.processKey);
+                }
+                else {
+                    this.router.navigate(['/processes']);
+                }
+                this.alertService.success('Deployment successful');
+                this.selectedVersion = null;
+            });
+        });
+    }
+    reset() {
+        this.bpmnModeler.destroy();
+        this.init();
+    }
+    download() {
+        this.bpmnModeler.saveXML((err, xml) => {
+            const file = new Blob([xml], { type: 'text/xml' });
+            const link = document.createElement('a');
+            link.download = 'diagram.bpmn';
+            link.href = window.URL.createObjectURL(file);
+            link.click();
+            window.URL.revokeObjectURL(link.href);
+            link.remove();
+        });
+    }
+    loadEmptyBpmn() {
+        const url = '/assets/bpmn/initial.bpmn';
+        this.http
+            .get(url, {
+            headers: { observe: 'response' },
+            responseType: 'text',
+        })
+            .subscribe((xml) => {
+            this.bpmnModeler.importXML(xml);
+        });
+    }
+    getElementTemplates() {
+        const templateObs = [];
+        for (const file of this.elementTemplateFiles) {
+            templateObs.push(this.http.get(`/assets/bpmn/element-templates/${file}.json`, {
+                headers: { observe: 'response' },
+                responseType: 'json',
+            }));
+        }
+        return templateObs;
+    }
+    setLatestVersion() {
+        this.selectedVersion = this.processDefinitionVersions.reduce((acc, version) => version.version > acc.version ? version : acc);
+        this.loadProcessBpmn();
+    }
+    loadProcessVersions(processDefinitionKey) {
+        this.processService
+            .getProcessDefinitionVersions(processDefinitionKey)
+            .subscribe((processDefinitionVersions) => {
+            this.processDefinitionVersions = processDefinitionVersions;
+            this.setLatestVersion();
+        });
+    }
+    compareProcessDefinitions(pd1, pd2) {
+        if (pd1 === null && pd2 === null) {
+            return true;
+        }
+        if (pd1 === null || pd2 === null) {
+            return false;
+        }
+        return pd1.id === pd2.id;
+    }
+    loadProcessBpmn() {
+        this.processService.getProcessDefinitionXml(this.selectedVersion.id).subscribe(xml => {
+            this.bpmnModeler.importXML(xml['bpmn20Xml']);
+        });
+    }
+    ngOnDestroy() {
+        this.bpmnModeler.destroy();
+    }
+}
+ProcessManagementBuilderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementBuilderComponent, deps: [{ token: i2.HttpClient }, { token: i1$1.ProcessService }, { token: i3.LayoutService }, { token: i2$1.AlertService }, { token: i5.ActivatedRoute }, { token: i5.Router }], target: i0.ɵɵFactoryTarget.Component });
+ProcessManagementBuilderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ProcessManagementBuilderComponent, selector: "valtimo-process-management-builder", ngImport: i0, 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)=\"download()\">\n          <i class=\"icon mdi mdi-download mr-1\"></i>{{ 'processManagement.download' | translate }}\n        </button>\n        <button\n          class=\"btn btn-success btn-space\"\n          (click)=\"deploy()\"\n          [ngClass]=\"{'mr-0': selectedVersion !== null}\"\n        >\n          <i class=\"icon mdi mdi-upload mr-1\"></i>{{ 'processManagement.deploy' | translate }}\n        </button>\n        <button\n          *ngIf=\"selectedVersion === null\"\n          class=\"btn btn-danger btn-space mr-0\"\n          (click)=\"reset()\"\n        >\n          <i class=\"icon mdi mdi-delete mr-1\"></i>{{ 'processManagement.clear' | translate }}\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=\"icon mdi mdi-upload mr-1\"></i>{{ 'processManagement.deploy' | translate }}\n            </button>\n            <button class=\"btn btn-secondary btn-space\" (click)=\"download()\">\n              <i class=\"icon mdi mdi-download mr-1\"></i\n              >{{ 'processManagement.download' | translate }}\n            </button>\n            <button *ngIf=\"!selectedVersion\" class=\"btn btn-danger btn-space\" (click)=\"reset()\">\n              <i class=\"icon mdi mdi-delete mr-1\"></i>{{ 'processManagement.clear' | translate }}\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", 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 */.versions,.diagram{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}\n"], directives: [{ type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i7.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i4.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementBuilderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-process-management-builder', encapsulation: ViewEncapsulation.None, 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)=\"download()\">\n          <i class=\"icon mdi mdi-download mr-1\"></i>{{ 'processManagement.download' | translate }}\n        </button>\n        <button\n          class=\"btn btn-success btn-space\"\n          (click)=\"deploy()\"\n          [ngClass]=\"{'mr-0': selectedVersion !== null}\"\n        >\n          <i class=\"icon mdi mdi-upload mr-1\"></i>{{ 'processManagement.deploy' | translate }}\n        </button>\n        <button\n          *ngIf=\"selectedVersion === null\"\n          class=\"btn btn-danger btn-space mr-0\"\n          (click)=\"reset()\"\n        >\n          <i class=\"icon mdi mdi-delete mr-1\"></i>{{ 'processManagement.clear' | translate }}\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=\"icon mdi mdi-upload mr-1\"></i>{{ 'processManagement.deploy' | translate }}\n            </button>\n            <button class=\"btn btn-secondary btn-space\" (click)=\"download()\">\n              <i class=\"icon mdi mdi-download mr-1\"></i\n              >{{ 'processManagement.download' | translate }}\n            </button>\n            <button *ngIf=\"!selectedVersion\" class=\"btn btn-danger btn-space\" (click)=\"reset()\">\n              <i class=\"icon mdi mdi-delete mr-1\"></i>{{ 'processManagement.clear' | translate }}\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", 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 */.versions,.diagram{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}\n"] }]
+        }], ctorParameters: function () { return [{ type: i2.HttpClient }, { type: i1$1.ProcessService }, { type: i3.LayoutService }, { type: i2$1.AlertService }, { type: i5.ActivatedRoute }, { type: i5.Router }]; } });
+
+/*
+ * 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 routes = [
+    {
+        path: 'processes',
+        component: ProcessManagementComponent,
+        canActivate: [AuthGuardService],
+        data: { title: 'Processes', roles: [ROLE_ADMIN] },
+    },
+    {
+        path: 'processes/create',
+        component: ProcessManagementBuilderComponent,
+        canActivate: [AuthGuardService],
+        data: { title: 'Create new Process', roles: [ROLE_ADMIN] },
+    },
+    {
+        path: 'processes/process/:key',
+        component: ProcessManagementBuilderComponent,
+        canActivate: [AuthGuardService],
+        data: { title: 'Process details', roles: [ROLE_ADMIN] },
+    },
+];
+class ProcessManagementRoutingModule {
+}
+ProcessManagementRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ProcessManagementRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementRoutingModule, imports: [CommonModule, i5.RouterModule], exports: [RouterModule] });
+ProcessManagementRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementRoutingModule, imports: [[CommonModule, RouterModule.forChild(routes)], RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementRoutingModule, 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 ProcessManagementModule {
+}
+ProcessManagementModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ProcessManagementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementModule, declarations: [ProcessManagementComponent,
+        ProcessManagementBuilderComponent,
+        ProcessManagementListComponent,
+        ProcessManagementUploadComponent], imports: [CommonModule,
+        ProcessManagementRoutingModule,
+        WidgetModule,
+        ListModule,
+        FormsModule,
+        TranslateModule], exports: [ProcessManagementComponent] });
+ProcessManagementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementModule, imports: [[
+            CommonModule,
+            ProcessManagementRoutingModule,
+            WidgetModule,
+            ListModule,
+            FormsModule,
+            TranslateModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ProcessManagementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ProcessManagementComponent,
+                        ProcessManagementBuilderComponent,
+                        ProcessManagementListComponent,
+                        ProcessManagementUploadComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ProcessManagementRoutingModule,
+                        WidgetModule,
+                        ListModule,
+                        FormsModule,
+                        TranslateModule,
+                    ],
+                    exports: [ProcessManagementComponent],
+                }]
+        }] });
+
+/*
+ * 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 { ProcessManagementComponent, ProcessManagementModule };
+//# sourceMappingURL=valtimo-process-management.mjs.map