@valtimo/process-management 5.14.0 → 5.15.0

package/esm2020/lib/process-management-builder/process-management-builder.component.mjs

@@ -164,9 +164,9 @@ export class ProcessManagementBuilderComponent {
         this.bpmnViewer.destroy();
     }
 }
-ProcessManagementBuilderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementBuilderComponent, deps: [{ token: i1.HttpClient }, { token: i2.ProcessService }, { token: i3.LayoutService }, { token: i4.AlertService }, { token: i5.ActivatedRoute }, { token: i5.Router }], target: i0.ɵɵFactoryTarget.Component });
-ProcessManagementBuilderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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          *ngIf=\"(isReadOnlyProcess$ | async) === false\"\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-4\" *ngIf=\"processDefinitionVersions.length > 0\">\n          <h2 class=\"process-title\">\n            {{ processDefinitionVersions[0].name }}\n          </h2>\n          <span class=\"badge badge-pill badge-info mr-1\" *ngIf=\"isReadOnlyProcess$ | async\">\n            {{ 'processManagement.readOnly' | translate }}\n          </span>\n          <span class=\"badge badge-pill badge-warning mr-1\" *ngIf=\"isSystemProcess$ | async\">\n            {{ 'processManagement.systemProcess' | translate }}\n          </span>\n        </div>\n        <div class=\"col-md-2 offset-md-2\">\n          <label for=\"processVersion\"><strong>Version</strong></label>\n          <select\n            id=\"processVersion\"\n            class=\"form-control select-version-control\"\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-auto d-flex align-items-end text-right\"\n          *ngIf=\"(selectedVersion !== null || processKey === null) && layoutService.isFullscreen\"\n        >\n          <div class=\"btn-group\">\n            <button class=\"btn btn-primary btn-space\" (click)=\"download()\">\n              <i class=\"icon mdi mdi-download mr-1\"></i\n              >{{ 'processManagement.download' | translate }}\n            </button>\n            <button\n              class=\"btn btn-success btn-space\"\n              (click)=\"deploy()\"\n              *ngIf=\"(isReadOnlyProcess$ | async) === false\"\n            >\n              <i class=\"icon mdi mdi-upload mr-1\"></i>{{ 'processManagement.deploy' | 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 fullscreen-toggle text-right\"\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\n        *ngIf=\"(isSystemProcess$ | async) && (isReadOnlyProcess$ | async)\"\n        class=\"row bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'processManagement.readOnlySystemProcessWarningMessage'\"\n      ></div>\n      <div\n        *ngIf=\"(isSystemProcess$ | async) && (isReadOnlyProcess$ | async) === false\"\n        class=\"row bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'processManagement.systemProcessWarningMessage'\"\n      ></div>\n      <div [hidden]=\"!selectedVersion && processKey\" class=\"row bg-white diagram mb-3\">\n        <div id=\"canvas\" class=\"col-9\" [hidden]=\"isReadOnlyProcess$ | async\"></div>\n        <div id=\"properties\" class=\"col-3 pr-0\" [hidden]=\"isReadOnlyProcess$ | async\"></div>\n        <div\n          id=\"readOnlyCanvas\"\n          class=\"col-12\"\n          [hidden]=\"(isReadOnlyProcess$ | async) === false\"\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 */.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}.select-version-control{width:90px}#properties{border-left:1px solid #dee2e6;padding-left:0}#readOnlyCanvas{height:90vh}\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"] }, { type: i8.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], pipes: { "translate": i8.TranslatePipe, "async": i6.AsyncPipe }, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementBuilderComponent, decorators: [{
+ProcessManagementBuilderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementBuilderComponent, deps: [{ token: i1.HttpClient }, { token: i2.ProcessService }, { token: i3.LayoutService }, { token: i4.AlertService }, { token: i5.ActivatedRoute }, { token: i5.Router }], target: i0.ɵɵFactoryTarget.Component });
+ProcessManagementBuilderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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          *ngIf=\"(isReadOnlyProcess$ | async) === false\"\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-4\" *ngIf=\"processDefinitionVersions.length > 0\">\n          <h2 class=\"process-title\">\n            {{ processDefinitionVersions[0].name }}\n          </h2>\n          <span class=\"badge badge-pill badge-info mr-1\" *ngIf=\"isReadOnlyProcess$ | async\">\n            {{ 'processManagement.readOnly' | translate }}\n          </span>\n          <span class=\"badge badge-pill badge-warning mr-1\" *ngIf=\"isSystemProcess$ | async\">\n            {{ 'processManagement.systemProcess' | translate }}\n          </span>\n        </div>\n        <div class=\"col-md-2 offset-md-2\">\n          <label for=\"processVersion\"><strong>Version</strong></label>\n          <select\n            id=\"processVersion\"\n            class=\"form-control select-version-control\"\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-auto d-flex align-items-end text-right\"\n          *ngIf=\"(selectedVersion !== null || processKey === null) && layoutService.isFullscreen\"\n        >\n          <div class=\"btn-group\">\n            <button class=\"btn btn-primary btn-space\" (click)=\"download()\">\n              <i class=\"icon mdi mdi-download mr-1\"></i\n              >{{ 'processManagement.download' | translate }}\n            </button>\n            <button\n              class=\"btn btn-success btn-space\"\n              (click)=\"deploy()\"\n              *ngIf=\"(isReadOnlyProcess$ | async) === false\"\n            >\n              <i class=\"icon mdi mdi-upload mr-1\"></i>{{ 'processManagement.deploy' | 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 fullscreen-toggle text-right\"\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\n        *ngIf=\"(isSystemProcess$ | async) && (isReadOnlyProcess$ | async)\"\n        class=\"row bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'processManagement.readOnlySystemProcessWarningMessage'\"\n      ></div>\n      <div\n        *ngIf=\"(isSystemProcess$ | async) && (isReadOnlyProcess$ | async) === false\"\n        class=\"row bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'processManagement.systemProcessWarningMessage'\"\n      ></div>\n      <div [hidden]=\"!selectedVersion && processKey\" class=\"row bg-white diagram mb-3\">\n        <div id=\"canvas\" class=\"col-9\" [hidden]=\"isReadOnlyProcess$ | async\"></div>\n        <div id=\"properties\" class=\"col-3 pr-0\" [hidden]=\"isReadOnlyProcess$ | async\"></div>\n        <div\n          id=\"readOnlyCanvas\"\n          class=\"col-12\"\n          [hidden]=\"(isReadOnlyProcess$ | async) === false\"\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 */.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}.select-version-control{width:90px}#properties{border-left:1px solid #dee2e6;padding-left:0}#readOnlyCanvas{height:90vh}\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"] }, { type: i8.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], pipes: { "translate": i8.TranslatePipe, "async": i6.AsyncPipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", 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          *ngIf=\"(isReadOnlyProcess$ | async) === false\"\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-4\" *ngIf=\"processDefinitionVersions.length > 0\">\n          <h2 class=\"process-title\">\n            {{ processDefinitionVersions[0].name }}\n          </h2>\n          <span class=\"badge badge-pill badge-info mr-1\" *ngIf=\"isReadOnlyProcess$ | async\">\n            {{ 'processManagement.readOnly' | translate }}\n          </span>\n          <span class=\"badge badge-pill badge-warning mr-1\" *ngIf=\"isSystemProcess$ | async\">\n            {{ 'processManagement.systemProcess' | translate }}\n          </span>\n        </div>\n        <div class=\"col-md-2 offset-md-2\">\n          <label for=\"processVersion\"><strong>Version</strong></label>\n          <select\n            id=\"processVersion\"\n            class=\"form-control select-version-control\"\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-auto d-flex align-items-end text-right\"\n          *ngIf=\"(selectedVersion !== null || processKey === null) && layoutService.isFullscreen\"\n        >\n          <div class=\"btn-group\">\n            <button class=\"btn btn-primary btn-space\" (click)=\"download()\">\n              <i class=\"icon mdi mdi-download mr-1\"></i\n              >{{ 'processManagement.download' | translate }}\n            </button>\n            <button\n              class=\"btn btn-success btn-space\"\n              (click)=\"deploy()\"\n              *ngIf=\"(isReadOnlyProcess$ | async) === false\"\n            >\n              <i class=\"icon mdi mdi-upload mr-1\"></i>{{ 'processManagement.deploy' | 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 fullscreen-toggle text-right\"\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\n        *ngIf=\"(isSystemProcess$ | async) && (isReadOnlyProcess$ | async)\"\n        class=\"row bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'processManagement.readOnlySystemProcessWarningMessage'\"\n      ></div>\n      <div\n        *ngIf=\"(isSystemProcess$ | async) && (isReadOnlyProcess$ | async) === false\"\n        class=\"row bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'processManagement.systemProcessWarningMessage'\"\n      ></div>\n      <div [hidden]=\"!selectedVersion && processKey\" class=\"row bg-white diagram mb-3\">\n        <div id=\"canvas\" class=\"col-9\" [hidden]=\"isReadOnlyProcess$ | async\"></div>\n        <div id=\"properties\" class=\"col-3 pr-0\" [hidden]=\"isReadOnlyProcess$ | async\"></div>\n        <div\n          id=\"readOnlyCanvas\"\n          class=\"col-12\"\n          [hidden]=\"(isReadOnlyProcess$ | async) === false\"\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 */.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}.select-version-control{width:90px}#properties{border-left:1px solid #dee2e6;padding-left:0}#readOnlyCanvas{height:90vh}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.ProcessService }, { type: i3.LayoutService }, { type: i4.AlertService }, { type: i5.ActivatedRoute }, { type: i5.Router }]; } });

package/esm2020/lib/process-management-list/process-management-list.component.mjs

@@ -42,9 +42,9 @@ export class ProcessManagementListComponent {
         this.router.navigate(['/processes/process', processDefinition.key]);
     }
 }
-ProcessManagementListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementListComponent, deps: [{ token: i1.ProcessService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
-ProcessManagementListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: i3.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { type: i3.ListComponent, selector: "valtimo-list", inputs: ["items", "fields", "pagination", "viewMode", "isSearchable", "header", "actions", "paginationIdentifier", "initialSortState", "lastColumnTemplate"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }], pipes: { "translate": i4.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementListComponent, decorators: [{
+ProcessManagementListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementListComponent, deps: [{ token: i1.ProcessService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
+ProcessManagementListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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: i3.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { type: i3.ListComponent, selector: "valtimo-list", inputs: ["items", "fields", "pagination", "viewMode", "isSearchable", "header", "actions", "paginationIdentifier", "initialSortState", "lastColumnTemplate"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }], pipes: { "translate": i4.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", 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.ProcessService }, { type: i2.Router }]; } });

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

@@ -44,10 +44,10 @@ const routes = [
 ];
 export class ProcessManagementRoutingModule {
 }
-ProcessManagementRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ProcessManagementRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementRoutingModule, imports: [CommonModule, i1.RouterModule], exports: [RouterModule] });
-ProcessManagementRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementRoutingModule, imports: [[CommonModule, RouterModule.forChild(routes)], RouterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementRoutingModule, decorators: [{
+ProcessManagementRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ProcessManagementRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementRoutingModule, imports: [CommonModule, i1.RouterModule], exports: [RouterModule] });
+ProcessManagementRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementRoutingModule, imports: [[CommonModule, RouterModule.forChild(routes)], RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

package/esm2020/lib/process-management-upload/process-management-upload.component.mjs

@@ -41,9 +41,9 @@ export class ProcessManagementUploadComponent {
         });
     }
 }
-ProcessManagementUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementUploadComponent, deps: [{ token: i1.ProcessManagementService }, { token: i2.AlertService }], target: i0.ɵɵFactoryTarget.Component });
-ProcessManagementUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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.11", ngImport: i0, type: ProcessManagementUploadComponent, decorators: [{
+ProcessManagementUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementUploadComponent, deps: [{ token: i1.ProcessManagementService }, { token: i2.AlertService }], target: i0.ɵɵFactoryTarget.Component });
+ProcessManagementUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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.12", 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: i1.ProcessManagementService }, { type: i2.AlertService }]; }, propDecorators: { reload: [{

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

@@ -23,9 +23,9 @@ export class ProcessManagementComponent {
     constructor() { }
     ngOnInit() { }
 }
-ProcessManagementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ProcessManagementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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 mr-0\" [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: i1.ProcessManagementUploadComponent, selector: "valtimo-process-management-upload", outputs: ["reload"] }, { type: i2.ProcessManagementListComponent, selector: "valtimo-process-management-list" }], directives: [{ type: i3.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.11", ngImport: i0, type: ProcessManagementComponent, decorators: [{
+ProcessManagementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ProcessManagementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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 mr-0\" [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: i1.ProcessManagementUploadComponent, selector: "valtimo-process-management-upload", outputs: ["reload"] }, { type: i2.ProcessManagementListComponent, selector: "valtimo-process-management-list" }], directives: [{ type: i3.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.12", 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 mr-0\" [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: [{

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

@@ -26,8 +26,8 @@ import { TranslateModule } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 export class ProcessManagementModule {
 }
-ProcessManagementModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ProcessManagementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementModule, declarations: [ProcessManagementComponent,
+ProcessManagementModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ProcessManagementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementModule, declarations: [ProcessManagementComponent,
         ProcessManagementBuilderComponent,
         ProcessManagementListComponent,
         ProcessManagementUploadComponent], imports: [CommonModule,
@@ -36,7 +36,7 @@ ProcessManagementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
         ListModule,
         FormsModule,
         TranslateModule], exports: [ProcessManagementComponent] });
-ProcessManagementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementModule, imports: [[
+ProcessManagementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementModule, imports: [[
             CommonModule,
             ProcessManagementRoutingModule,
             WidgetModule,
@@ -44,7 +44,7 @@ ProcessManagementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
             FormsModule,
             TranslateModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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

@@ -31,9 +31,9 @@ export class ProcessManagementService {
         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.11", 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.11", ngImport: i0, type: ProcessManagementService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementService, decorators: [{
+ProcessManagementService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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.12", ngImport: i0, type: ProcessManagementService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2015/valtimo-process-management.mjs

@@ -53,9 +53,9 @@ class ProcessManagementService {
         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.11", 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.11", ngImport: i0, type: ProcessManagementService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementService, decorators: [{
+ProcessManagementService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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.12", ngImport: i0, type: ProcessManagementService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -101,9 +101,9 @@ class ProcessManagementUploadComponent {
         });
     }
 }
-ProcessManagementUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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.11", 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.11", ngImport: i0, type: ProcessManagementUploadComponent, decorators: [{
+ProcessManagementUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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.12", 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.12", 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: [{
@@ -151,9 +151,9 @@ class ProcessManagementListComponent {
         this.router.navigate(['/processes/process', processDefinition.key]);
     }
 }
-ProcessManagementListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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.11", 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", "lastColumnTemplate"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }], pipes: { "translate": i4.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementListComponent, decorators: [{
+ProcessManagementListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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.12", 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", "lastColumnTemplate"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }], pipes: { "translate": i4.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", 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 }]; } });
@@ -177,9 +177,9 @@ class ProcessManagementComponent {
     constructor() { }
     ngOnInit() { }
 }
-ProcessManagementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ProcessManagementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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 mr-0\" [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.11", ngImport: i0, type: ProcessManagementComponent, decorators: [{
+ProcessManagementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ProcessManagementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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 mr-0\" [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.12", 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 mr-0\" [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: [{
@@ -336,9 +336,9 @@ class ProcessManagementBuilderComponent {
         this.bpmnViewer.destroy();
     }
 }
-ProcessManagementBuilderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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.11", 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          *ngIf=\"(isReadOnlyProcess$ | async) === false\"\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-4\" *ngIf=\"processDefinitionVersions.length > 0\">\n          <h2 class=\"process-title\">\n            {{ processDefinitionVersions[0].name }}\n          </h2>\n          <span class=\"badge badge-pill badge-info mr-1\" *ngIf=\"isReadOnlyProcess$ | async\">\n            {{ 'processManagement.readOnly' | translate }}\n          </span>\n          <span class=\"badge badge-pill badge-warning mr-1\" *ngIf=\"isSystemProcess$ | async\">\n            {{ 'processManagement.systemProcess' | translate }}\n          </span>\n        </div>\n        <div class=\"col-md-2 offset-md-2\">\n          <label for=\"processVersion\"><strong>Version</strong></label>\n          <select\n            id=\"processVersion\"\n            class=\"form-control select-version-control\"\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-auto d-flex align-items-end text-right\"\n          *ngIf=\"(selectedVersion !== null || processKey === null) && layoutService.isFullscreen\"\n        >\n          <div class=\"btn-group\">\n            <button class=\"btn btn-primary btn-space\" (click)=\"download()\">\n              <i class=\"icon mdi mdi-download mr-1\"></i\n              >{{ 'processManagement.download' | translate }}\n            </button>\n            <button\n              class=\"btn btn-success btn-space\"\n              (click)=\"deploy()\"\n              *ngIf=\"(isReadOnlyProcess$ | async) === false\"\n            >\n              <i class=\"icon mdi mdi-upload mr-1\"></i>{{ 'processManagement.deploy' | 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 fullscreen-toggle text-right\"\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\n        *ngIf=\"(isSystemProcess$ | async) && (isReadOnlyProcess$ | async)\"\n        class=\"row bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'processManagement.readOnlySystemProcessWarningMessage'\"\n      ></div>\n      <div\n        *ngIf=\"(isSystemProcess$ | async) && (isReadOnlyProcess$ | async) === false\"\n        class=\"row bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'processManagement.systemProcessWarningMessage'\"\n      ></div>\n      <div [hidden]=\"!selectedVersion && processKey\" class=\"row bg-white diagram mb-3\">\n        <div id=\"canvas\" class=\"col-9\" [hidden]=\"isReadOnlyProcess$ | async\"></div>\n        <div id=\"properties\" class=\"col-3 pr-0\" [hidden]=\"isReadOnlyProcess$ | async\"></div>\n        <div\n          id=\"readOnlyCanvas\"\n          class=\"col-12\"\n          [hidden]=\"(isReadOnlyProcess$ | async) === false\"\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 */.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}.select-version-control{width:90px}#properties{border-left:1px solid #dee2e6;padding-left:0}#readOnlyCanvas{height:90vh}\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"] }, { type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], pipes: { "translate": i4.TranslatePipe, "async": i6.AsyncPipe }, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementBuilderComponent, decorators: [{
+ProcessManagementBuilderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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.12", 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          *ngIf=\"(isReadOnlyProcess$ | async) === false\"\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-4\" *ngIf=\"processDefinitionVersions.length > 0\">\n          <h2 class=\"process-title\">\n            {{ processDefinitionVersions[0].name }}\n          </h2>\n          <span class=\"badge badge-pill badge-info mr-1\" *ngIf=\"isReadOnlyProcess$ | async\">\n            {{ 'processManagement.readOnly' | translate }}\n          </span>\n          <span class=\"badge badge-pill badge-warning mr-1\" *ngIf=\"isSystemProcess$ | async\">\n            {{ 'processManagement.systemProcess' | translate }}\n          </span>\n        </div>\n        <div class=\"col-md-2 offset-md-2\">\n          <label for=\"processVersion\"><strong>Version</strong></label>\n          <select\n            id=\"processVersion\"\n            class=\"form-control select-version-control\"\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-auto d-flex align-items-end text-right\"\n          *ngIf=\"(selectedVersion !== null || processKey === null) && layoutService.isFullscreen\"\n        >\n          <div class=\"btn-group\">\n            <button class=\"btn btn-primary btn-space\" (click)=\"download()\">\n              <i class=\"icon mdi mdi-download mr-1\"></i\n              >{{ 'processManagement.download' | translate }}\n            </button>\n            <button\n              class=\"btn btn-success btn-space\"\n              (click)=\"deploy()\"\n              *ngIf=\"(isReadOnlyProcess$ | async) === false\"\n            >\n              <i class=\"icon mdi mdi-upload mr-1\"></i>{{ 'processManagement.deploy' | 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 fullscreen-toggle text-right\"\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\n        *ngIf=\"(isSystemProcess$ | async) && (isReadOnlyProcess$ | async)\"\n        class=\"row bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'processManagement.readOnlySystemProcessWarningMessage'\"\n      ></div>\n      <div\n        *ngIf=\"(isSystemProcess$ | async) && (isReadOnlyProcess$ | async) === false\"\n        class=\"row bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'processManagement.systemProcessWarningMessage'\"\n      ></div>\n      <div [hidden]=\"!selectedVersion && processKey\" class=\"row bg-white diagram mb-3\">\n        <div id=\"canvas\" class=\"col-9\" [hidden]=\"isReadOnlyProcess$ | async\"></div>\n        <div id=\"properties\" class=\"col-3 pr-0\" [hidden]=\"isReadOnlyProcess$ | async\"></div>\n        <div\n          id=\"readOnlyCanvas\"\n          class=\"col-12\"\n          [hidden]=\"(isReadOnlyProcess$ | async) === false\"\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 */.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}.select-version-control{width:90px}#properties{border-left:1px solid #dee2e6;padding-left:0}#readOnlyCanvas{height:90vh}\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"] }, { type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], pipes: { "translate": i4.TranslatePipe, "async": i6.AsyncPipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", 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          *ngIf=\"(isReadOnlyProcess$ | async) === false\"\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-4\" *ngIf=\"processDefinitionVersions.length > 0\">\n          <h2 class=\"process-title\">\n            {{ processDefinitionVersions[0].name }}\n          </h2>\n          <span class=\"badge badge-pill badge-info mr-1\" *ngIf=\"isReadOnlyProcess$ | async\">\n            {{ 'processManagement.readOnly' | translate }}\n          </span>\n          <span class=\"badge badge-pill badge-warning mr-1\" *ngIf=\"isSystemProcess$ | async\">\n            {{ 'processManagement.systemProcess' | translate }}\n          </span>\n        </div>\n        <div class=\"col-md-2 offset-md-2\">\n          <label for=\"processVersion\"><strong>Version</strong></label>\n          <select\n            id=\"processVersion\"\n            class=\"form-control select-version-control\"\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-auto d-flex align-items-end text-right\"\n          *ngIf=\"(selectedVersion !== null || processKey === null) && layoutService.isFullscreen\"\n        >\n          <div class=\"btn-group\">\n            <button class=\"btn btn-primary btn-space\" (click)=\"download()\">\n              <i class=\"icon mdi mdi-download mr-1\"></i\n              >{{ 'processManagement.download' | translate }}\n            </button>\n            <button\n              class=\"btn btn-success btn-space\"\n              (click)=\"deploy()\"\n              *ngIf=\"(isReadOnlyProcess$ | async) === false\"\n            >\n              <i class=\"icon mdi mdi-upload mr-1\"></i>{{ 'processManagement.deploy' | 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 fullscreen-toggle text-right\"\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\n        *ngIf=\"(isSystemProcess$ | async) && (isReadOnlyProcess$ | async)\"\n        class=\"row bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'processManagement.readOnlySystemProcessWarningMessage'\"\n      ></div>\n      <div\n        *ngIf=\"(isSystemProcess$ | async) && (isReadOnlyProcess$ | async) === false\"\n        class=\"row bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'processManagement.systemProcessWarningMessage'\"\n      ></div>\n      <div [hidden]=\"!selectedVersion && processKey\" class=\"row bg-white diagram mb-3\">\n        <div id=\"canvas\" class=\"col-9\" [hidden]=\"isReadOnlyProcess$ | async\"></div>\n        <div id=\"properties\" class=\"col-3 pr-0\" [hidden]=\"isReadOnlyProcess$ | async\"></div>\n        <div\n          id=\"readOnlyCanvas\"\n          class=\"col-12\"\n          [hidden]=\"(isReadOnlyProcess$ | async) === false\"\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 */.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}.select-version-control{width:90px}#properties{border-left:1px solid #dee2e6;padding-left:0}#readOnlyCanvas{height:90vh}\n"] }]
         }], ctorParameters: function () { return [{ type: i2.HttpClient }, { type: i1$1.ProcessService }, { type: i3.LayoutService }, { type: i2$1.AlertService }, { type: i5.ActivatedRoute }, { type: i5.Router }]; } });
@@ -380,10 +380,10 @@ const routes = [
 ];
 class ProcessManagementRoutingModule {
 }
-ProcessManagementRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ProcessManagementRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementRoutingModule, imports: [CommonModule, i5.RouterModule], exports: [RouterModule] });
-ProcessManagementRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementRoutingModule, imports: [[CommonModule, RouterModule.forChild(routes)], RouterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementRoutingModule, decorators: [{
+ProcessManagementRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ProcessManagementRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementRoutingModule, imports: [CommonModule, i5.RouterModule], exports: [RouterModule] });
+ProcessManagementRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementRoutingModule, imports: [[CommonModule, RouterModule.forChild(routes)], RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -409,8 +409,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
  */
 class ProcessManagementModule {
 }
-ProcessManagementModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ProcessManagementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementModule, declarations: [ProcessManagementComponent,
+ProcessManagementModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ProcessManagementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementModule, declarations: [ProcessManagementComponent,
         ProcessManagementBuilderComponent,
         ProcessManagementListComponent,
         ProcessManagementUploadComponent], imports: [CommonModule,
@@ -419,7 +419,7 @@ ProcessManagementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
         ListModule,
         FormsModule,
         TranslateModule], exports: [ProcessManagementComponent] });
-ProcessManagementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementModule, imports: [[
+ProcessManagementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementModule, imports: [[
             CommonModule,
             ProcessManagementRoutingModule,
             WidgetModule,
@@ -427,7 +427,7 @@ ProcessManagementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
             FormsModule,
             TranslateModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2020/valtimo-process-management.mjs

@@ -53,9 +53,9 @@ class ProcessManagementService {
         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.11", 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.11", ngImport: i0, type: ProcessManagementService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementService, decorators: [{
+ProcessManagementService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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.12", ngImport: i0, type: ProcessManagementService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -101,9 +101,9 @@ class ProcessManagementUploadComponent {
         });
     }
 }
-ProcessManagementUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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.11", 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.11", ngImport: i0, type: ProcessManagementUploadComponent, decorators: [{
+ProcessManagementUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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.12", 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.12", 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: [{
@@ -151,9 +151,9 @@ class ProcessManagementListComponent {
         this.router.navigate(['/processes/process', processDefinition.key]);
     }
 }
-ProcessManagementListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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.11", 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", "lastColumnTemplate"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }], pipes: { "translate": i4.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementListComponent, decorators: [{
+ProcessManagementListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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.12", 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", "lastColumnTemplate"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }], pipes: { "translate": i4.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", 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 }]; } });
@@ -177,9 +177,9 @@ class ProcessManagementComponent {
     constructor() { }
     ngOnInit() { }
 }
-ProcessManagementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ProcessManagementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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 mr-0\" [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.11", ngImport: i0, type: ProcessManagementComponent, decorators: [{
+ProcessManagementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ProcessManagementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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 mr-0\" [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.12", 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 mr-0\" [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: [{
@@ -336,9 +336,9 @@ class ProcessManagementBuilderComponent {
         this.bpmnViewer.destroy();
     }
 }
-ProcessManagementBuilderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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.11", 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          *ngIf=\"(isReadOnlyProcess$ | async) === false\"\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-4\" *ngIf=\"processDefinitionVersions.length > 0\">\n          <h2 class=\"process-title\">\n            {{ processDefinitionVersions[0].name }}\n          </h2>\n          <span class=\"badge badge-pill badge-info mr-1\" *ngIf=\"isReadOnlyProcess$ | async\">\n            {{ 'processManagement.readOnly' | translate }}\n          </span>\n          <span class=\"badge badge-pill badge-warning mr-1\" *ngIf=\"isSystemProcess$ | async\">\n            {{ 'processManagement.systemProcess' | translate }}\n          </span>\n        </div>\n        <div class=\"col-md-2 offset-md-2\">\n          <label for=\"processVersion\"><strong>Version</strong></label>\n          <select\n            id=\"processVersion\"\n            class=\"form-control select-version-control\"\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-auto d-flex align-items-end text-right\"\n          *ngIf=\"(selectedVersion !== null || processKey === null) && layoutService.isFullscreen\"\n        >\n          <div class=\"btn-group\">\n            <button class=\"btn btn-primary btn-space\" (click)=\"download()\">\n              <i class=\"icon mdi mdi-download mr-1\"></i\n              >{{ 'processManagement.download' | translate }}\n            </button>\n            <button\n              class=\"btn btn-success btn-space\"\n              (click)=\"deploy()\"\n              *ngIf=\"(isReadOnlyProcess$ | async) === false\"\n            >\n              <i class=\"icon mdi mdi-upload mr-1\"></i>{{ 'processManagement.deploy' | 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 fullscreen-toggle text-right\"\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\n        *ngIf=\"(isSystemProcess$ | async) && (isReadOnlyProcess$ | async)\"\n        class=\"row bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'processManagement.readOnlySystemProcessWarningMessage'\"\n      ></div>\n      <div\n        *ngIf=\"(isSystemProcess$ | async) && (isReadOnlyProcess$ | async) === false\"\n        class=\"row bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'processManagement.systemProcessWarningMessage'\"\n      ></div>\n      <div [hidden]=\"!selectedVersion && processKey\" class=\"row bg-white diagram mb-3\">\n        <div id=\"canvas\" class=\"col-9\" [hidden]=\"isReadOnlyProcess$ | async\"></div>\n        <div id=\"properties\" class=\"col-3 pr-0\" [hidden]=\"isReadOnlyProcess$ | async\"></div>\n        <div\n          id=\"readOnlyCanvas\"\n          class=\"col-12\"\n          [hidden]=\"(isReadOnlyProcess$ | async) === false\"\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 */.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}.select-version-control{width:90px}#properties{border-left:1px solid #dee2e6;padding-left:0}#readOnlyCanvas{height:90vh}\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"] }, { type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], pipes: { "translate": i4.TranslatePipe, "async": i6.AsyncPipe }, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementBuilderComponent, decorators: [{
+ProcessManagementBuilderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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.12", 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          *ngIf=\"(isReadOnlyProcess$ | async) === false\"\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-4\" *ngIf=\"processDefinitionVersions.length > 0\">\n          <h2 class=\"process-title\">\n            {{ processDefinitionVersions[0].name }}\n          </h2>\n          <span class=\"badge badge-pill badge-info mr-1\" *ngIf=\"isReadOnlyProcess$ | async\">\n            {{ 'processManagement.readOnly' | translate }}\n          </span>\n          <span class=\"badge badge-pill badge-warning mr-1\" *ngIf=\"isSystemProcess$ | async\">\n            {{ 'processManagement.systemProcess' | translate }}\n          </span>\n        </div>\n        <div class=\"col-md-2 offset-md-2\">\n          <label for=\"processVersion\"><strong>Version</strong></label>\n          <select\n            id=\"processVersion\"\n            class=\"form-control select-version-control\"\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-auto d-flex align-items-end text-right\"\n          *ngIf=\"(selectedVersion !== null || processKey === null) && layoutService.isFullscreen\"\n        >\n          <div class=\"btn-group\">\n            <button class=\"btn btn-primary btn-space\" (click)=\"download()\">\n              <i class=\"icon mdi mdi-download mr-1\"></i\n              >{{ 'processManagement.download' | translate }}\n            </button>\n            <button\n              class=\"btn btn-success btn-space\"\n              (click)=\"deploy()\"\n              *ngIf=\"(isReadOnlyProcess$ | async) === false\"\n            >\n              <i class=\"icon mdi mdi-upload mr-1\"></i>{{ 'processManagement.deploy' | 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 fullscreen-toggle text-right\"\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\n        *ngIf=\"(isSystemProcess$ | async) && (isReadOnlyProcess$ | async)\"\n        class=\"row bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'processManagement.readOnlySystemProcessWarningMessage'\"\n      ></div>\n      <div\n        *ngIf=\"(isSystemProcess$ | async) && (isReadOnlyProcess$ | async) === false\"\n        class=\"row bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'processManagement.systemProcessWarningMessage'\"\n      ></div>\n      <div [hidden]=\"!selectedVersion && processKey\" class=\"row bg-white diagram mb-3\">\n        <div id=\"canvas\" class=\"col-9\" [hidden]=\"isReadOnlyProcess$ | async\"></div>\n        <div id=\"properties\" class=\"col-3 pr-0\" [hidden]=\"isReadOnlyProcess$ | async\"></div>\n        <div\n          id=\"readOnlyCanvas\"\n          class=\"col-12\"\n          [hidden]=\"(isReadOnlyProcess$ | async) === false\"\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 */.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}.select-version-control{width:90px}#properties{border-left:1px solid #dee2e6;padding-left:0}#readOnlyCanvas{height:90vh}\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"] }, { type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], pipes: { "translate": i4.TranslatePipe, "async": i6.AsyncPipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", 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          *ngIf=\"(isReadOnlyProcess$ | async) === false\"\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-4\" *ngIf=\"processDefinitionVersions.length > 0\">\n          <h2 class=\"process-title\">\n            {{ processDefinitionVersions[0].name }}\n          </h2>\n          <span class=\"badge badge-pill badge-info mr-1\" *ngIf=\"isReadOnlyProcess$ | async\">\n            {{ 'processManagement.readOnly' | translate }}\n          </span>\n          <span class=\"badge badge-pill badge-warning mr-1\" *ngIf=\"isSystemProcess$ | async\">\n            {{ 'processManagement.systemProcess' | translate }}\n          </span>\n        </div>\n        <div class=\"col-md-2 offset-md-2\">\n          <label for=\"processVersion\"><strong>Version</strong></label>\n          <select\n            id=\"processVersion\"\n            class=\"form-control select-version-control\"\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-auto d-flex align-items-end text-right\"\n          *ngIf=\"(selectedVersion !== null || processKey === null) && layoutService.isFullscreen\"\n        >\n          <div class=\"btn-group\">\n            <button class=\"btn btn-primary btn-space\" (click)=\"download()\">\n              <i class=\"icon mdi mdi-download mr-1\"></i\n              >{{ 'processManagement.download' | translate }}\n            </button>\n            <button\n              class=\"btn btn-success btn-space\"\n              (click)=\"deploy()\"\n              *ngIf=\"(isReadOnlyProcess$ | async) === false\"\n            >\n              <i class=\"icon mdi mdi-upload mr-1\"></i>{{ 'processManagement.deploy' | 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 fullscreen-toggle text-right\"\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\n        *ngIf=\"(isSystemProcess$ | async) && (isReadOnlyProcess$ | async)\"\n        class=\"row bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'processManagement.readOnlySystemProcessWarningMessage'\"\n      ></div>\n      <div\n        *ngIf=\"(isSystemProcess$ | async) && (isReadOnlyProcess$ | async) === false\"\n        class=\"row bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'processManagement.systemProcessWarningMessage'\"\n      ></div>\n      <div [hidden]=\"!selectedVersion && processKey\" class=\"row bg-white diagram mb-3\">\n        <div id=\"canvas\" class=\"col-9\" [hidden]=\"isReadOnlyProcess$ | async\"></div>\n        <div id=\"properties\" class=\"col-3 pr-0\" [hidden]=\"isReadOnlyProcess$ | async\"></div>\n        <div\n          id=\"readOnlyCanvas\"\n          class=\"col-12\"\n          [hidden]=\"(isReadOnlyProcess$ | async) === false\"\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 */.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}.select-version-control{width:90px}#properties{border-left:1px solid #dee2e6;padding-left:0}#readOnlyCanvas{height:90vh}\n"] }]
         }], ctorParameters: function () { return [{ type: i2.HttpClient }, { type: i1$1.ProcessService }, { type: i3.LayoutService }, { type: i2$1.AlertService }, { type: i5.ActivatedRoute }, { type: i5.Router }]; } });
@@ -380,10 +380,10 @@ const routes = [
 ];
 class ProcessManagementRoutingModule {
 }
-ProcessManagementRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ProcessManagementRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementRoutingModule, imports: [CommonModule, i5.RouterModule], exports: [RouterModule] });
-ProcessManagementRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementRoutingModule, imports: [[CommonModule, RouterModule.forChild(routes)], RouterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementRoutingModule, decorators: [{
+ProcessManagementRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ProcessManagementRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementRoutingModule, imports: [CommonModule, i5.RouterModule], exports: [RouterModule] });
+ProcessManagementRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementRoutingModule, imports: [[CommonModule, RouterModule.forChild(routes)], RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -409,8 +409,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
  */
 class ProcessManagementModule {
 }
-ProcessManagementModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ProcessManagementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementModule, declarations: [ProcessManagementComponent,
+ProcessManagementModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ProcessManagementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementModule, declarations: [ProcessManagementComponent,
         ProcessManagementBuilderComponent,
         ProcessManagementListComponent,
         ProcessManagementUploadComponent], imports: [CommonModule,
@@ -419,7 +419,7 @@ ProcessManagementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
         ListModule,
         FormsModule,
         TranslateModule], exports: [ProcessManagementComponent] });
-ProcessManagementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementModule, imports: [[
+ProcessManagementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementModule, imports: [[
             CommonModule,
             ProcessManagementRoutingModule,
             WidgetModule,
@@ -427,7 +427,7 @@ ProcessManagementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
             FormsModule,
             TranslateModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProcessManagementModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ProcessManagementModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@valtimo/process-management",
   "license": "EUPL-1.2",
-  "version": "5.14.0",
+  "version": "5.15.0",
   "peerDependencies": {
     "@angular/common": "^13.2.3",
     "@angular/core": "^13.2.3"