@valtimo/process-management 4.15.3-next-main.16 → 4.17.0

package/esm2015/lib/process-management-builder/process-management-builder.component.js

@@ -1,168 +1,168 @@
-/*
- * 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 { Component, ViewEncapsulation } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { ProcessService } from '@valtimo/process';
-import { AlertService } from '@valtimo/components';
-import { ActivatedRoute, Router } from '@angular/router';
-import { forkJoin } from 'rxjs';
-import { LayoutService } from '@valtimo/layout';
-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';
-export 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: 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.decorators = [
-    { type: 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\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: 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}"]
-            },] }
-];
-ProcessManagementBuilderComponent.ctorParameters = () => [
-    { type: HttpClient },
-    { type: ProcessService },
-    { type: LayoutService },
-    { type: AlertService },
-    { type: ActivatedRoute },
-    { type: Router }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvY2Vzcy1tYW5hZ2VtZW50LWJ1aWxkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkQ6L1dvcmtzcGFjZS92YWx0aW1vL3ZhbHRpbW8tZnJvbnRlbmQtbGlicmFyaWVzL3Byb2plY3RzL3ZhbHRpbW8vcHJvY2Vzcy1tYW5hZ2VtZW50L3NyYy8iLCJzb3VyY2VzIjpbImxpYi9wcm9jZXNzLW1hbmFnZW1lbnQtYnVpbGRlci9wcm9jZXNzLW1hbmFnZW1lbnQtYnVpbGRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0dBY0c7QUFFSCxPQUFPLEVBQUMsU0FBUyxFQUFxQixpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM5RSxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sc0JBQXNCLENBQUM7QUFDaEQsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLGtCQUFrQixDQUFDO0FBRWhELE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRCxPQUFPLEVBQUMsY0FBYyxFQUFFLE1BQU0sRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZELE9BQU8sRUFBQyxRQUFRLEVBQWEsTUFBTSxNQUFNLENBQUM7QUFDMUMsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzlDLE9BQU8sT0FBTyxNQUFNLHFCQUFxQixDQUFDO0FBQzFDLE9BQU8scUJBQXFCLE1BQU0sMEJBQTBCLENBQUM7QUFDN0QsT0FBTyx3QkFBd0IsTUFBTSwrQ0FBK0MsQ0FBQztBQUNyRixPQUFPLHNCQUFzQixNQUFNLHlCQUF5QixDQUFDO0FBQzdELE9BQU8sdUJBQXVCLE1BQU0sNENBQTRDLENBQUM7QUFRakYsTUFBTSxPQUFPLGlDQUFpQztJQU81QyxZQUNVLElBQWdCLEVBQ2hCLGNBQThCLEVBQy9CLGFBQTRCLEVBQzNCLFlBQTBCLEVBQzFCLEtBQXFCLEVBQ3JCLE1BQWM7UUFMZCxTQUFJLEdB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Z0JBQzlDLG16SUFBMEQ7Z0JBRTFELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJOzthQUN0Qzs7O1lBbEJPLFVBQVU7WUFDVixjQUFjO1lBS2QsYUFBYTtZQUhiLFlBQVk7WUFDWixjQUFjO1lBQUUsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAxNS0yMDIwIFJpdGVuc2UgQlYsIHRoZSBOZXRoZXJsYW5kcy5cbiAqXG4gKiBMaWNlbnNlZCB1bmRlciBFVVBMLCBWZXJzaW9uIDEuMiAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqIGh0dHBzOi8vam9pbnVwLmVjLmV1cm9wYS5ldS9jb2xsZWN0aW9uL2V1cGwvZXVwbC10ZXh0LWV1cGwtMTJcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgYmFzaXMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5cbmltcG9ydCB7Q29tcG9uZW50LCBPbkRlc3Ryb3ksIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtIdHRwQ2xpZW50fSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5pbXBvcnQge1Byb2Nlc3NTZXJ2aWNlfSBmcm9tICdAdmFsdGltby9wcm9jZXNzJztcbmltcG9ydCB7UHJvY2Vzc0RlZmluaXRpb259IGZyb20gJ0B2YWx0aW1vL2NvbnRyYWN0JztcbmltcG9ydCB7QWxlcnRTZXJ2aWNlfSBmcm9tICdAdmFsdGltby9jb21wb25lbnRzJztcbmltcG9ydCB7QWN0aXZhdGVkUm91dGUsIFJvdXRlcn0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7Zm9ya0pvaW4sIE9ic2VydmFibGV9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHtMYXlvdXRTZXJ2aWNlfSBmcm9tICdAdmFsdGltby9sYXlvdXQnO1xuaW1wb3J0IE1vZGVsZXIgZnJvbSAnYnBtbi1qcy9saWIvTW9kZWxlcic7XG5pbXBvcnQgUHJvcGVydGllc1BhbmVsTW9kdWxlIGZyb20gJ2JwbW4tanMtcHJvcGVydGllcy1wYW5lbCc7XG5pbXBvcnQgUHJvcGVydGllc1Byb3ZpZGVyTW9kdWxlIGZyb20gJ2JwbW4tanMtcHJvcGVydGllcy1wYW5lbC9saWIvcHJvdmlkZXIvY2FtdW5kYSc7XG5pbXBvcnQgQ2FtdW5kYUV4dGVuc2lvbk1vZHVsZSBmcm9tICdjYW11bmRhLWJwbW4tbW9kZGxlL2xpYic7XG5pbXBvcnQgQ2FtdW5kYU1vZGRsZURlc2NyaXB0b3IgZnJvbSAnY2FtdW5kYS1icG1uLW1vZGRsZS9yZXNvdXJjZXMvY2FtdW5kYS5qc29uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsdGltby1wcm9jZXNzLW1hbmFnZW1lbnQtYnVpbGRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9jZXNzLW1hbmFnZW1lbnQtYnVpbGRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Byb2Nlc3MtbWFuYWdlbWVudC1idWlsZGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFByb2Nlc3NNYW5hZ2VtZW50QnVpbGRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgcHVibGljIGJwbW5Nb2RlbGVyO1xuICBwdWJsaWMgcHJvY2Vzc0RlZmluaXRpb25WZXJzaW9uczogUHJvY2Vzc0RlZmluaXRpb25bXSB8IG51bGwgPSBudWxsO1xuICBwdWJsaWMgc2VsZWN0ZWRWZXJzaW9uOiBQcm9jZXNzRGVmaW5pdGlvbiB8IG51bGwgPSBudWxsO1xuICBwdWJsaWMgcHJvY2Vzc0tleTogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gIHByaXZhdGUgZWxlbWVudFRlbXBsYXRlRmlsZXM6IHN0cmluZ1tdID0gWydtYWlsU2VuZFRhc2snXTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGh0dHA6IEh0dHBDbGllbnQsXG4gICAgcHJpdmF0ZSBwcm9jZXNzU2VydmljZTogUHJvY2Vzc1NlcnZpY2UsXG4gICAgcHVibGljIGxheW91dFNlcnZpY2U6IExheW91dFNlcnZpY2UsXG4gICAgcHJpdmF0ZSBhbGVydFNlcnZpY2U6IEFsZXJ0U2VydmljZSxcbiAgICBwcml2YXRlIHJvdXRlOiBBY3RpdmF0ZWRSb3V0ZSxcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyXG4gICkge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmluaXQoKTtcbiAgfVxuXG4gIGluaXQoKSB7XG4gICAgdGhpcy5wcm9jZXNzS2V5ID0gdGhpcy5yb3V0ZS5zbmFwc2hvdC5wYXJhbU1hcC5nZXQoJ2tleScpO1xuICAgIGZvcmtKb2luKHRoaXMuZ2V0RWxlbWVudFRlbXBsYXRlcygpKS5zdWJzY3JpYmUoKGVsZW1lbnRUZW1wbGF0ZXM6IGFueVtdKSA9PiB7XG4gICAgICB0aGlzLmJwbW5Nb2RlbGVyID0gbmV3IE1vZGVsZXIoe1xuICAgICAgICBjb250YWluZXI6ICcjY2FudmFzJyxcbiAgICAgICAgaGVpZ2h0OiAnOTB2aCcsXG4gICAgICAgIGFkZGl0aW9uYWxNb2R1bGVzOiBbXG4gICAgICAgICAgUHJvcGVydGllc1BhbmVsTW9kdWxlLFxuICAgICAgICAgIFByb3BlcnRpZXNQcm92aWRlck1vZHVsZSxcbiAgICAgICAgICBDYW11bmRhRXh0ZW5zaW9uTW9kdWxlLFxuICAgICAgICBdLFxuICAgICAgICBwcm9wZXJ0aWVzUGFuZWw6IHtcbiAgICAgICAgICBwYXJlbnQ6ICcjcHJvcGVydGllcycsXG4gICAgICAgIH0sXG4gICAgICAgIG1vZGRsZUV4dGVuc2lvbnM6IHtcbiAgICAgICAgICBjYW11bmRhOiBDYW11bmRhTW9kZGxlRGVzY3JpcHRvcixcbiAgICAgICAgfSxcbiAgICAgICAgZWxlbWVudFRlbXBsYXRlczogZWxlbWVudFRlbXBsYXRlcyxcbiAgICAgIH0pO1xuICAgICAgaWYgKHRoaXMucHJvY2Vzc0tleSkge1xuICAgICAgICB0aGlzLmxvYWRQcm9jZXNzVmVyc2lvbnModGhpcy5wcm9jZXNzS2V5KTtcbiAgICAgICAgdGhpcy5zZWxlY3RlZFZlcnNpb24gPSBudWxsO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5sb2FkRW1wdHlCcG1uKCk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBkZXBsb3koKTogdm9pZCB7XG4gICAgdGhpcy5icG1uTW9kZWxlci5zYXZlWE1MKChlcnI6IGFueSwgeG1sOiBhbnkpID0+IHtcbiAgICAgIHRoaXMucHJvY2Vzc1NlcnZpY2UuZGVwbG95UHJvY2Vzcyh4bWwpLnN1YnNjcmliZShhc2QgPT4ge1xuICAgICAgICBpZiAodGhpcy5wcm9jZXNzS2V5KSB7XG4gICAgICAgICAgdGhpcy5sb2FkUHJvY2Vzc1ZlcnNpb25zKHRoaXMucHJvY2Vzc0tleSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoWycvcHJvY2Vzc2VzJ10pO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuYWxlcnRTZXJ2aWNlLnN1Y2Nlc3MoJ0RlcGxveW1lbnQgc3VjY2Vzc2Z1bCcpO1xuICAgICAgICB0aGlzLnNlbGVjdGVkVmVyc2lvbiA9IG51bGw7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfVxuXG4gIHJlc2V0KCkge1xuICAgIHRoaXMuYnBtbk1vZGVsZXIuZGVzdHJveSgpO1xuICAgIHRoaXMuaW5pdCgpO1xuICB9XG5cbiAgZG93bmxvYWQoKSB7XG4gICAgdGhpcy5icG1uTW9kZWxlci5zYXZlWE1MKChlcnI6IGFueSwgeG1sOiBhbnkpID0+IHtcbiAgICAgIGNvbnN0IGZpbGUgPSBuZXcgQmxvYihbeG1sXSwge3R5cGU6ICd0ZXh0L3htbCd9KTtcbiAgICAgIGNvbnN0IGxpbmsgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdhJyk7XG4gICAgICBsaW5rLmRvd25sb2FkID0gJ2RpYWdyYW0uYnBtbic7XG4gICAgICBsaW5rLmhyZWYgPSB3aW5kb3cuVVJMLmNyZWF0ZU9iamVjdFVSTChmaWxlKTtcbiAgICAgIGxpbmsuY2xpY2soKTtcbiAgICAgIHdpbmRvdy5VUkwucmV2b2tlT2JqZWN0VVJMKGxpbmsuaHJlZik7XG4gICAgICBsaW5rLnJlbW92ZSgpO1xuICAgIH0pO1xuICB9XG5cbiAgbG9hZEVtcHR5QnBtbigpIHtcbiAgICBjb25zdCB1cmwgPSAnL2Fzc2V0cy9icG1uL2luaXRpYWwuYnBtbic7XG4gICAgdGhpcy5odHRwXG4gICAgICAuZ2V0KHVybCwge1xuICAgICAgICBoZWFkZXJzOiB7b2JzZXJ2ZTogJ3Jlc3BvbnNlJ30sXG4gICAgICAgIHJlc3BvbnNlVHlwZTogJ3RleHQnLFxuICAgICAgfSlcbiAgICAgIC5zdWJzY3JpYmUoKHhtbDogYW55KSA9PiB7XG4gICAgICAgIHRoaXMuYnBtbk1vZGVsZXIuaW1wb3J0WE1MKHhtbCk7XG4gICAgICB9KTtcbiAgfVxuXG4gIGdldEVsZW1lbnRUZW1wbGF0ZXMoKTogT2JzZXJ2YWJsZTxhbnk+W10ge1xuICAgIGNvbnN0IHRlbXBsYXRlT2JzID0gW107XG4gICAgZm9yIChjb25zdCBmaWxlIG9mIHRoaXMuZWxlbWVudFRlbXBsYXRlRmlsZXMpIHtcbiAgICAgIHRlbXBsYXRlT2JzLnB1c2goXG4gICAgICAgIHRoaXMuaHR0cC5nZXQoYC9hc3NldHMvYnBtbi9lbGVtZW50LXRlbXBsYXRlcy8ke2ZpbGV9Lmpzb25gLCB7XG4gICAgICAgICAgaGVhZGVyczoge29ic2VydmU6ICdyZXNwb25zZSd9LFxuICAgICAgICAgIHJlc3BvbnNlVHlwZTogJ2pzb24nLFxuICAgICAgICB9KVxuICAgICAgKTtcbiAgICB9XG4gICAgcmV0dXJuIHRlbXBsYXRlT2JzO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRMYXRlc3RWZXJzaW9uKCkge1xuICAgIHRoaXMuc2VsZWN0ZWRWZXJzaW9uID0gdGhpcy5wcm9jZXNzRGVmaW5pdGlvblZlcnNpb25zLnJlZHVjZSgoYWNjLCB2ZXJzaW9uKSA9PlxuICAgICAgdmVyc2lvbi52ZXJzaW9uID4gYWNjLnZlcnNpb24gPyB2ZXJzaW9uIDogYWNjXG4gICAgKTtcbiAgICB0aGlzLmxvYWRQcm9jZXNzQnBtbigpO1xuICB9XG5cbiAgbG9hZFByb2Nlc3NWZXJzaW9ucyhwcm9jZXNzRGVmaW5pdGlvbktleTogc3RyaW5nKSB7XG4gICAgdGhpcy5wcm9jZXNzU2VydmljZVxuICAgICAgLmdldFByb2Nlc3NEZWZpbml0aW9uVmVyc2lvbnMocHJvY2Vzc0RlZmluaXRpb25LZXkpXG4gICAgICAuc3Vic2NyaWJlKChwcm9jZXNzRGVmaW5pdGlvblZlcnNpb25zOiBQcm9jZXNzRGVmaW5pdGlvbltdKSA9PiB7XG4gICAgICAgIHRoaXMucHJvY2Vzc0RlZmluaXRpb25WZXJzaW9ucyA9IHByb2Nlc3NEZWZpbml0aW9uVmVyc2lvbnM7XG4gICAgICAgIHRoaXMuc2V0TGF0ZXN0VmVyc2lvbigpO1xuICAgICAgfSk7XG4gIH1cblxuICBjb21wYXJlUHJvY2Vzc0RlZmluaXRpb25zKHBkMTogUHJvY2Vzc0RlZmluaXRpb24sIHBkMjogUHJvY2Vzc0RlZmluaXRpb24pIHtcbiAgICBpZiAocGQxID09PSBudWxsICYmIHBkMiA9PT0gbnVsbCkge1xuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuICAgIGlmIChwZDEgPT09IG51bGwgfHwgcGQyID09PSBudWxsKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuICAgIHJldHVybiBwZDEuaWQgPT09IHBkMi5pZDtcbiAgfVxuXG4gIGxvYWRQcm9jZXNzQnBtbigpIHtcbiAgICB0aGlzLnByb2Nlc3NTZXJ2aWNlLmdldFByb2Nlc3NEZWZpbml0aW9uWG1sKHRoaXMuc2VsZWN0ZWRWZXJzaW9uLmlkKS5zdWJzY3JpYmUoeG1sID0+IHtcbiAgICAgIHRoaXMuYnBtbk1vZGVsZXIuaW1wb3J0WE1MKHhtbFsnYnBtbjIwWG1sJ10pO1xuICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5icG1uTW9kZWxlci5kZXN0cm95KCk7XG4gIH1cbn1cbiJdfQ==
+/*
+ * 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 { Component, ViewEncapsulation } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { ProcessService } from '@valtimo/process';
+import { AlertService } from '@valtimo/components';
+import { ActivatedRoute, Router } from '@angular/router';
+import { forkJoin } from 'rxjs';
+import { LayoutService } from '@valtimo/layout';
+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';
+export 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: 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.decorators = [
+    { type: 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\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: 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}"]
+            },] }
+];
+ProcessManagementBuilderComponent.ctorParameters = () => [
+    { type: HttpClient },
+    { type: ProcessService },
+    { type: LayoutService },
+    { type: AlertService },
+    { type: ActivatedRoute },
+    { type: Router }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvY2Vzcy1tYW5hZ2VtZW50LWJ1aWxkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Ii90bXAvamVua2lucy0zZmYzYTE5YS93b3Jrc3BhY2Uvcm9udGVuZF9saWJyYXJpZXNfLV9yZWxlYXNlX21haW4vcHJvamVjdHMvdmFsdGltby9wcm9jZXNzLW1hbmFnZW1lbnQvc3JjLyIsInNvdXJjZXMiOlsibGliL3Byb2Nlc3MtbWFuYWdlbWVudC1idWlsZGVyL3Byb2Nlc3MtbWFuYWdlbWVudC1idWlsZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUVILE9BQU8sRUFBQyxTQUFTLEVBQXFCLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzlFLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQUNoRCxPQUFPLEVBQUMsY0FBYyxFQUFvQixNQUFNLGtCQUFrQixDQUFDO0FBQ25FLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRCxPQUFPLEVBQUMsY0FBYyxFQUFFLE1BQU0sRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZELE9BQU8sRUFBQyxRQUFRLEVBQWEsTUFBTSxNQUFNLENBQUM7QUFDMUMsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzlDLE9BQU8sT0FBTyxNQUFNLHFCQUFxQixDQUFDO0FBQzFDLE9BQU8scUJBQXFCLE1BQU0sMEJBQTBCLENBQUM7QUFDN0QsT0FBTyx3QkFBd0IsTUFBTSwrQ0FBK0MsQ0FBQztBQUNyRixPQUFPLHNCQUFzQixNQUFNLHlCQUF5QixDQUFDO0FBQzdELE9BQU8sdUJBQXVCLE1BQU0sNENBQTRDLENBQUM7QUFRakYsTUFBTSxPQUFPLGlDQUFpQztJQU81QyxZQUNVLElBQWdCLEVBQ2hCLGNBQThCLEVBQy9CLGFBQTRCLEVBQzNCLFlBQTBCLEVBQzFCLEtBQXFCLEVBQ3JC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LFFBQVEsRUFBRSxvQ0FBb0M7Z0JBQzlDLG16SUFBMEQ7Z0JBRTFELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJOzthQUN0Qzs7O1lBakJPLFVBQVU7WUFDVixjQUFjO1lBSWQsYUFBYTtZQUhiLFlBQVk7WUFDWixjQUFjO1lBQUUsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAxNS0yMDIwIFJpdGVuc2UgQlYsIHRoZSBOZXRoZXJsYW5kcy5cbiAqXG4gKiBMaWNlbnNlZCB1bmRlciBFVVBMLCBWZXJzaW9uIDEuMiAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqIGh0dHBzOi8vam9pbnVwLmVjLmV1cm9wYS5ldS9jb2xsZWN0aW9uL2V1cGwvZXVwbC10ZXh0LWV1cGwtMTJcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgYmFzaXMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5cbmltcG9ydCB7Q29tcG9uZW50LCBPbkRlc3Ryb3ksIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtIdHRwQ2xpZW50fSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5pbXBvcnQge1Byb2Nlc3NTZXJ2aWNlLCBQcm9jZXNzRGVmaW5pdGlvbn0gZnJvbSAnQHZhbHRpbW8vcHJvY2Vzcyc7XG5pbXBvcnQge0FsZXJ0U2VydmljZX0gZnJvbSAnQHZhbHRpbW8vY29tcG9uZW50cyc7XG5pbXBvcnQge0FjdGl2YXRlZFJvdXRlLCBSb3V0ZXJ9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQge2ZvcmtKb2luLCBPYnNlcnZhYmxlfSBmcm9tICdyeGpzJztcbmltcG9ydCB7TGF5b3V0U2VydmljZX0gZnJvbSAnQHZhbHRpbW8vbGF5b3V0JztcbmltcG9ydCBNb2RlbGVyIGZyb20gJ2JwbW4tanMvbGliL01vZGVsZXInO1xuaW1wb3J0IFByb3BlcnRpZXNQYW5lbE1vZHVsZSBmcm9tICdicG1uLWpzLXByb3BlcnRpZXMtcGFuZWwnO1xuaW1wb3J0IFByb3BlcnRpZXNQcm92aWRlck1vZHVsZSBmcm9tICdicG1uLWpzLXByb3BlcnRpZXMtcGFuZWwvbGliL3Byb3ZpZGVyL2NhbXVuZGEnO1xuaW1wb3J0IENhbXVuZGFFeHRlbnNpb25Nb2R1bGUgZnJvbSAnY2FtdW5kYS1icG1uLW1vZGRsZS9saWInO1xuaW1wb3J0IENhbXVuZGFNb2RkbGVEZXNjcmlwdG9yIGZyb20gJ2NhbXVuZGEtYnBtbi1tb2RkbGUvcmVzb3VyY2VzL2NhbXVuZGEuanNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbHRpbW8tcHJvY2Vzcy1tYW5hZ2VtZW50LWJ1aWxkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcHJvY2Vzcy1tYW5hZ2VtZW50LWJ1aWxkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wcm9jZXNzLW1hbmFnZW1lbnQtYnVpbGRlci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBQcm9jZXNzTWFuYWdlbWVudEJ1aWxkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIHB1YmxpYyBicG1uTW9kZWxlcjtcbiAgcHVibGljIHByb2Nlc3NEZWZpbml0aW9uVmVyc2lvbnM6IFByb2Nlc3NEZWZpbml0aW9uW10gfCBudWxsID0gbnVsbDtcbiAgcHVibGljIHNlbGVjdGVkVmVyc2lvbjogUHJvY2Vzc0RlZmluaXRpb24gfCBudWxsID0gbnVsbDtcbiAgcHVibGljIHByb2Nlc3NLZXk6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICBwcml2YXRlIGVsZW1lbnRUZW1wbGF0ZUZpbGVzOiBzdHJpbmdbXSA9IFsnbWFpbFNlbmRUYXNrJ107XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBodHRwOiBIdHRwQ2xpZW50LFxuICAgIHByaXZhdGUgcHJvY2Vzc1NlcnZpY2U6IFByb2Nlc3NTZXJ2aWNlLFxuICAgIHB1YmxpYyBsYXlvdXRTZXJ2aWNlOiBMYXlvdXRTZXJ2aWNlLFxuICAgIHByaXZhdGUgYWxlcnRTZXJ2aWNlOiBBbGVydFNlcnZpY2UsXG4gICAgcHJpdmF0ZSByb3V0ZTogQWN0aXZhdGVkUm91dGUsXG4gICAgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlclxuICApIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5pbml0KCk7XG4gIH1cblxuICBpbml0KCkge1xuICAgIHRoaXMucHJvY2Vzc0tleSA9IHRoaXMucm91dGUuc25hcHNob3QucGFyYW1NYXAuZ2V0KCdrZXknKTtcbiAgICBmb3JrSm9pbih0aGlzLmdldEVsZW1lbnRUZW1wbGF0ZXMoKSkuc3Vic2NyaWJlKChlbGVtZW50VGVtcGxhdGVzOiBhbnlbXSkgPT4ge1xuICAgICAgdGhpcy5icG1uTW9kZWxlciA9IG5ldyBNb2RlbGVyKHtcbiAgICAgICAgY29udGFpbmVyOiAnI2NhbnZhcycsXG4gICAgICAgIGhlaWdodDogJzkwdmgnLFxuICAgICAgICBhZGRpdGlvbmFsTW9kdWxlczogW1xuICAgICAgICAgIFByb3BlcnRpZXNQYW5lbE1vZHVsZSxcbiAgICAgICAgICBQcm9wZXJ0aWVzUHJvdmlkZXJNb2R1bGUsXG4gICAgICAgICAgQ2FtdW5kYUV4dGVuc2lvbk1vZHVsZSxcbiAgICAgICAgXSxcbiAgICAgICAgcHJvcGVydGllc1BhbmVsOiB7XG4gICAgICAgICAgcGFyZW50OiAnI3Byb3BlcnRpZXMnLFxuICAgICAgICB9LFxuICAgICAgICBtb2RkbGVFeHRlbnNpb25zOiB7XG4gICAgICAgICAgY2FtdW5kYTogQ2FtdW5kYU1vZGRsZURlc2NyaXB0b3IsXG4gICAgICAgIH0sXG4gICAgICAgIGVsZW1lbnRUZW1wbGF0ZXM6IGVsZW1lbnRUZW1wbGF0ZXMsXG4gICAgICB9KTtcbiAgICAgIGlmICh0aGlzLnByb2Nlc3NLZXkpIHtcbiAgICAgICAgdGhpcy5sb2FkUHJvY2Vzc1ZlcnNpb25zKHRoaXMucHJvY2Vzc0tleSk7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWRWZXJzaW9uID0gbnVsbDtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMubG9hZEVtcHR5QnBtbigpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgZGVwbG95KCk6IHZvaWQge1xuICAgIHRoaXMuYnBtbk1vZGVsZXIuc2F2ZVhNTCgoZXJyOiBhbnksIHhtbDogYW55KSA9PiB7XG4gICAgICB0aGlzLnByb2Nlc3NTZXJ2aWNlLmRlcGxveVByb2Nlc3MoeG1sKS5zdWJzY3JpYmUoYXNkID0+IHtcbiAgICAgICAgaWYgKHRoaXMucHJvY2Vzc0tleSkge1xuICAgICAgICAgIHRoaXMubG9hZFByb2Nlc3NWZXJzaW9ucyh0aGlzLnByb2Nlc3NLZXkpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFsnL3Byb2Nlc3NlcyddKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmFsZXJ0U2VydmljZS5zdWNjZXNzKCdEZXBsb3ltZW50IHN1Y2Nlc3NmdWwnKTtcbiAgICAgICAgdGhpcy5zZWxlY3RlZFZlcnNpb24gPSBudWxsO1xuICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICByZXNldCgpIHtcbiAgICB0aGlzLmJwbW5Nb2RlbGVyLmRlc3Ryb3koKTtcbiAgICB0aGlzLmluaXQoKTtcbiAgfVxuXG4gIGRvd25sb2FkKCkge1xuICAgIHRoaXMuYnBtbk1vZGVsZXIuc2F2ZVhNTCgoZXJyOiBhbnksIHhtbDogYW55KSA9PiB7XG4gICAgICBjb25zdCBmaWxlID0gbmV3IEJsb2IoW3htbF0sIHt0eXBlOiAndGV4dC94bWwnfSk7XG4gICAgICBjb25zdCBsaW5rID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnYScpO1xuICAgICAgbGluay5kb3dubG9hZCA9ICdkaWFncmFtLmJwbW4nO1xuICAgICAgbGluay5ocmVmID0gd2luZG93LlVSTC5jcmVhdGVPYmplY3RVUkwoZmlsZSk7XG4gICAgICBsaW5rLmNsaWNrKCk7XG4gICAgICB3aW5kb3cuVVJMLnJldm9rZU9iamVjdFVSTChsaW5rLmhyZWYpO1xuICAgICAgbGluay5yZW1vdmUoKTtcbiAgICB9KTtcbiAgfVxuXG4gIGxvYWRFbXB0eUJwbW4oKSB7XG4gICAgY29uc3QgdXJsID0gJy9hc3NldHMvYnBtbi9pbml0aWFsLmJwbW4nO1xuICAgIHRoaXMuaHR0cFxuICAgICAgLmdldCh1cmwsIHtcbiAgICAgICAgaGVhZGVyczoge29ic2VydmU6ICdyZXNwb25zZSd9LFxuICAgICAgICByZXNwb25zZVR5cGU6ICd0ZXh0JyxcbiAgICAgIH0pXG4gICAgICAuc3Vic2NyaWJlKCh4bWw6IGFueSkgPT4ge1xuICAgICAgICB0aGlzLmJwbW5Nb2RlbGVyLmltcG9ydFhNTCh4bWwpO1xuICAgICAgfSk7XG4gIH1cblxuICBnZXRFbGVtZW50VGVtcGxhdGVzKCk6IE9ic2VydmFibGU8YW55PltdIHtcbiAgICBjb25zdCB0ZW1wbGF0ZU9icyA9IFtdO1xuICAgIGZvciAoY29uc3QgZmlsZSBvZiB0aGlzLmVsZW1lbnRUZW1wbGF0ZUZpbGVzKSB7XG4gICAgICB0ZW1wbGF0ZU9icy5wdXNoKFxuICAgICAgICB0aGlzLmh0dHAuZ2V0KGAvYXNzZXRzL2JwbW4vZWxlbWVudC10ZW1wbGF0ZXMvJHtmaWxlfS5qc29uYCwge1xuICAgICAgICAgIGhlYWRlcnM6IHtvYnNlcnZlOiAncmVzcG9uc2UnfSxcbiAgICAgICAgICByZXNwb25zZVR5cGU6ICdqc29uJyxcbiAgICAgICAgfSlcbiAgICAgICk7XG4gICAgfVxuICAgIHJldHVybiB0ZW1wbGF0ZU9icztcbiAgfVxuXG4gIHByaXZhdGUgc2V0TGF0ZXN0VmVyc2lvbigpIHtcbiAgICB0aGlzLnNlbGVjdGVkVmVyc2lvbiA9IHRoaXMucHJvY2Vzc0RlZmluaXRpb25WZXJzaW9ucy5yZWR1Y2UoKGFjYywgdmVyc2lvbikgPT5cbiAgICAgIHZlcnNpb24udmVyc2lvbiA+IGFjYy52ZXJzaW9uID8gdmVyc2lvbiA6IGFjY1xuICAgICk7XG4gICAgdGhpcy5sb2FkUHJvY2Vzc0JwbW4oKTtcbiAgfVxuXG4gIGxvYWRQcm9jZXNzVmVyc2lvbnMocHJvY2Vzc0RlZmluaXRpb25LZXk6IHN0cmluZykge1xuICAgIHRoaXMucHJvY2Vzc1NlcnZpY2VcbiAgICAgIC5nZXRQcm9jZXNzRGVmaW5pdGlvblZlcnNpb25zKHByb2Nlc3NEZWZpbml0aW9uS2V5KVxuICAgICAgLnN1YnNjcmliZSgocHJvY2Vzc0RlZmluaXRpb25WZXJzaW9uczogUHJvY2Vzc0RlZmluaXRpb25bXSkgPT4ge1xuICAgICAgICB0aGlzLnByb2Nlc3NEZWZpbml0aW9uVmVyc2lvbnMgPSBwcm9jZXNzRGVmaW5pdGlvblZlcnNpb25zO1xuICAgICAgICB0aGlzLnNldExhdGVzdFZlcnNpb24oKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgY29tcGFyZVByb2Nlc3NEZWZpbml0aW9ucyhwZDE6IFByb2Nlc3NEZWZpbml0aW9uLCBwZDI6IFByb2Nlc3NEZWZpbml0aW9uKSB7XG4gICAgaWYgKHBkMSA9PT0gbnVsbCAmJiBwZDIgPT09IG51bGwpIHtcbiAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cbiAgICBpZiAocGQxID09PSBudWxsIHx8IHBkMiA9PT0gbnVsbCkge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICByZXR1cm4gcGQxLmlkID09PSBwZDIuaWQ7XG4gIH1cblxuICBsb2FkUHJvY2Vzc0JwbW4oKSB7XG4gICAgdGhpcy5wcm9jZXNzU2VydmljZS5nZXRQcm9jZXNzRGVmaW5pdGlvblhtbCh0aGlzLnNlbGVjdGVkVmVyc2lvbi5pZCkuc3Vic2NyaWJlKHhtbCA9PiB7XG4gICAgICB0aGlzLmJwbW5Nb2RlbGVyLmltcG9ydFhNTCh4bWxbJ2JwbW4yMFhtbCddKTtcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuYnBtbk1vZGVsZXIuZGVzdHJveSgpO1xuICB9XG59XG4iXX0=

package/esm2015/lib/process-management-list/process-management-list.component.js

@@ -1,52 +1,52 @@
-/*
- * 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 { Component } from '@angular/core';
-import { ProcessService } from '@valtimo/process';
-import { Router } from '@angular/router';
-export 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.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 */"]
-            },] }
-];
-ProcessManagementListComponent.ctorParameters = () => [
-    { type: ProcessService },
-    { type: Router }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvY2Vzcy1tYW5hZ2VtZW50LWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkQ6L1dvcmtzcGFjZS92YWx0aW1vL3ZhbHRpbW8tZnJvbnRlbmQtbGlicmFyaWVzL3Byb2plY3RzL3ZhbHRpbW8vcHJvY2Vzcy1tYW5hZ2VtZW50L3NyYy8iLCJzb3VyY2VzIjpbImxpYi9wcm9jZXNzLW1hbmFnZW1lbnQtbGlzdC9wcm9jZXNzLW1hbmFnZW1lbnQtbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0dBY0c7QUFFSCxPQUFPLEVBQUMsU0FBUyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQ2hELE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQztBQUVoRCxPQUFPLEVBQUMsTUFBTSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFPdkMsTUFBTSxPQUFPLDhCQUE4QjtJQU96QyxZQUFvQixjQUE4QixFQUFVLE1BQWM7UUFBdEQsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBQVUsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQU5uRSx1QkFBa0IsR0FBd0IsRUFBRSxDQUFDO1FBQzdDLFdBQU0sR0FBRztZQUNkLEVBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFDO1lBQzFCLEVBQUMsR0FBRyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDO1NBQzdCLENBQUM7SUFFMkUsQ0FBQztJQUU5RSxRQUFRO1FBQ04sSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELHNCQUFzQjtRQUNwQixJQUFJLENBQUMsY0FBYyxDQUFDLHFCQUFxQixFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsV0FBZ0MsRUFBRSxFQUFFO1lBQ3pGLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxXQUFXLENBQUM7UUFDeEMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQscUJBQXFCLENBQUMsaUJBQW9DO1FBQ3hELElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsb0JBQW9CLEVBQUUsaUJBQWlCLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztJQUN0RSxDQUFDOzs7WUExQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxpQ0FBaUM7Z0JBQzNDLGduQ0FBdUQ7O2FBRXhEOzs7WUFSTyxjQUFjO1lBRWQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAxNS0yMDIwIFJpdGVuc2UgQlYsIHRoZSBOZXRoZXJsYW5kcy5cbiAqXG4gKiBMaWNlbnNlZCB1bmRlciBFVVBMLCBWZXJzaW9uIDEuMiAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqIGh0dHBzOi8vam9pbnVwLmVjLmV1cm9wYS5ldS9jb2xsZWN0aW9uL2V1cGwvZXVwbC10ZXh0LWV1cGwtMTJcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgYmFzaXMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5cbmltcG9ydCB7Q29tcG9uZW50LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtQcm9jZXNzU2VydmljZX0gZnJvbSAnQHZhbHRpbW8vcHJvY2Vzcyc7XG5pbXBvcnQge1Byb2Nlc3NEZWZpbml0aW9ufSBmcm9tICdAdmFsdGltby9jb250cmFjdCc7XG5pbXBvcnQge1JvdXRlcn0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsdGltby1wcm9jZXNzLW1hbmFnZW1lbnQtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9jZXNzLW1hbmFnZW1lbnQtbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Byb2Nlc3MtbWFuYWdlbWVudC1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFByb2Nlc3NNYW5hZ2VtZW50TGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHB1YmxpYyBwcm9jZXNzRGVmaW5pdGlvbnM6IFByb2Nlc3NEZWZpbml0aW9uW10gPSBbXTtcbiAgcHVibGljIGZpZWxkcyA9IFtcbiAgICB7a2V5OiAna2V5JywgbGFiZWw6ICdLZXknfSxcbiAgICB7a2V5OiAnbmFtZScsIGxhYmVsOiAnTmFtZSd9LFxuICBdO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcHJvY2Vzc1NlcnZpY2U6IFByb2Nlc3NTZXJ2aWNlLCBwcml2YXRlIHJvdXRlcjogUm91dGVyKSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMubG9hZFByb2Nlc3NEZWZpbml0aW9ucygpO1xuICB9XG5cbiAgbG9hZFByb2Nlc3NEZWZpbml0aW9ucygpIHtcbiAgICB0aGlzLnByb2Nlc3NTZXJ2aWNlLmdldFByb2Nlc3NEZWZpbml0aW9ucygpLnN1YnNjcmliZSgocHJvY2Vzc0RlZnM6IFByb2Nlc3NEZWZpbml0aW9uW10pID0+IHtcbiAgICAgIHRoaXMucHJvY2Vzc0RlZmluaXRpb25zID0gcHJvY2Vzc0RlZnM7XG4gICAgfSk7XG4gIH1cblxuICBlZGl0UHJvY2Vzc0RlZmluaXRpb24ocHJvY2Vzc0RlZmluaXRpb246IFByb2Nlc3NEZWZpbml0aW9uKSB7XG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoWycvcHJvY2Vzc2VzL3Byb2Nlc3MnLCBwcm9jZXNzRGVmaW5pdGlvbi5rZXldKTtcbiAgfVxufVxuIl19
+/*
+ * 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 { Component } from '@angular/core';
+import { ProcessService } from '@valtimo/process';
+import { Router } from '@angular/router';
+export 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.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 */"]
+            },] }
+];
+ProcessManagementListComponent.ctorParameters = () => [
+    { type: ProcessService },
+    { type: Router }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvY2Vzcy1tYW5hZ2VtZW50LWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Ii90bXAvamVua2lucy0zZmYzYTE5YS93b3Jrc3BhY2Uvcm9udGVuZF9saWJyYXJpZXNfLV9yZWxlYXNlX21haW4vcHJvamVjdHMvdmFsdGltby9wcm9jZXNzLW1hbmFnZW1lbnQvc3JjLyIsInNvdXJjZXMiOlsibGliL3Byb2Nlc3MtbWFuYWdlbWVudC1saXN0L3Byb2Nlc3MtbWFuYWdlbWVudC1saXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUVILE9BQU8sRUFBQyxTQUFTLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFDaEQsT0FBTyxFQUFDLGNBQWMsRUFBb0IsTUFBTSxrQkFBa0IsQ0FBQztBQUNuRSxPQUFPLEVBQUMsTUFBTSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFPdkMsTUFBTSxPQUFPLDhCQUE4QjtJQU96QyxZQUFvQixjQUE4QixFQUFVLE1BQWM7UUFBdEQsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBQVUsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQU5uRSx1QkFBa0IsR0FBd0IsRUFBRSxDQUFDO1FBQzdDLFdBQU0sR0FBRztZQUNkLEVBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFDO1lBQzFCLEVBQUMsR0FBRyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDO1NBQzdCLENBQUM7SUFFMkUsQ0FBQztJQUU5RSxRQUFRO1FBQ04sSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELHNCQUFzQjtRQUNwQixJQUFJLENBQUMsY0FBYyxDQUFDLHFCQUFxQixFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsV0FBZ0MsRUFBRSxFQUFFO1lBQ3pGLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxXQUFXLENBQUM7UUFDeEMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQscUJBQXFCLENBQUMsaUJBQW9DO1FBQ3hELElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsb0JBQW9CLEVBQUUsaUJBQWlCLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztJQUN0RSxDQUFDOzs7WUExQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxpQ0FBaUM7Z0JBQzNDLGduQ0FBdUQ7O2FBRXhEOzs7WUFQTyxjQUFjO1lBQ2QsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAxNS0yMDIwIFJpdGVuc2UgQlYsIHRoZSBOZXRoZXJsYW5kcy5cbiAqXG4gKiBMaWNlbnNlZCB1bmRlciBFVVBMLCBWZXJzaW9uIDEuMiAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqIGh0dHBzOi8vam9pbnVwLmVjLmV1cm9wYS5ldS9jb2xsZWN0aW9uL2V1cGwvZXVwbC10ZXh0LWV1cGwtMTJcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgYmFzaXMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5cbmltcG9ydCB7Q29tcG9uZW50LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtQcm9jZXNzU2VydmljZSwgUHJvY2Vzc0RlZmluaXRpb259IGZyb20gJ0B2YWx0aW1vL3Byb2Nlc3MnO1xuaW1wb3J0IHtSb3V0ZXJ9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbHRpbW8tcHJvY2Vzcy1tYW5hZ2VtZW50LWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vcHJvY2Vzcy1tYW5hZ2VtZW50LWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wcm9jZXNzLW1hbmFnZW1lbnQtbGlzdC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQcm9jZXNzTWFuYWdlbWVudExpc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBwdWJsaWMgcHJvY2Vzc0RlZmluaXRpb25zOiBQcm9jZXNzRGVmaW5pdGlvbltdID0gW107XG4gIHB1YmxpYyBmaWVsZHMgPSBbXG4gICAge2tleTogJ2tleScsIGxhYmVsOiAnS2V5J30sXG4gICAge2tleTogJ25hbWUnLCBsYWJlbDogJ05hbWUnfSxcbiAgXTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHByb2Nlc3NTZXJ2aWNlOiBQcm9jZXNzU2VydmljZSwgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlcikge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmxvYWRQcm9jZXNzRGVmaW5pdGlvbnMoKTtcbiAgfVxuXG4gIGxvYWRQcm9jZXNzRGVmaW5pdGlvbnMoKSB7XG4gICAgdGhpcy5wcm9jZXNzU2VydmljZS5nZXRQcm9jZXNzRGVmaW5pdGlvbnMoKS5zdWJzY3JpYmUoKHByb2Nlc3NEZWZzOiBQcm9jZXNzRGVmaW5pdGlvbltdKSA9PiB7XG4gICAgICB0aGlzLnByb2Nlc3NEZWZpbml0aW9ucyA9IHByb2Nlc3NEZWZzO1xuICAgIH0pO1xuICB9XG5cbiAgZWRpdFByb2Nlc3NEZWZpbml0aW9uKHByb2Nlc3NEZWZpbml0aW9uOiBQcm9jZXNzRGVmaW5pdGlvbikge1xuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFsnL3Byb2Nlc3Nlcy9wcm9jZXNzJywgcHJvY2Vzc0RlZmluaXRpb24ua2V5XSk7XG4gIH1cbn1cbiJdfQ==