@netgrif/components 6.3.0 → 6.4.0-beta.2

package/esm2020/lib/view/case-view/components/create-case-button/create-case-button.component.mjs

@@ -1,4 +1,5 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { LoadingEmitter } from '@netgrif/components-core';
 import * as i0 from "@angular/core";
 import * as i1 from "@netgrif/components-core";
 import * as i2 from "@angular/material/button";
@@ -8,6 +9,7 @@ export class CreateCaseButtonComponent {
     constructor(_caseViewService) {
         this._caseViewService = _caseViewService;
         this.caseCreatedEvent = new EventEmitter();
+        this._loading = new LoadingEmitter();
     }
     get resolvedCaseButtonTitle() {
         return this._resolvedCaseButtonTitle;
@@ -15,6 +17,9 @@ export class CreateCaseButtonComponent {
     get resolvedCaseButtonIcon() {
         return this._resolvedCaseButtonIcon;
     }
+    get loading$() {
+        return this._loading;
+    }
     ngOnInit() {
         const config = this.newCaseCreationConfig['newCaseButtonConfig'];
         if (!!config) {
@@ -24,6 +29,7 @@ export class CreateCaseButtonComponent {
     }
     createNewCase() {
         let myCase;
+        this._loading.on();
         if (this.newCaseCreationConfig.enableCaseTitle === false && this._caseViewService.getAllowedNetsCount() === 1) {
             myCase = this._caseViewService.createDefaultNewCase();
         }
@@ -34,18 +40,18 @@ export class CreateCaseButtonComponent {
             if (this._caseViewService.viewEnabled(kaze)) {
                 this.caseCreatedEvent.next(kaze);
             }
-        });
+        }, error => { }, () => this._loading.off());
         return myCase;
     }
 }
 CreateCaseButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CreateCaseButtonComponent, deps: [{ token: i1.CaseViewService }], target: i0.ɵɵFactoryTarget.Component });
-CreateCaseButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CreateCaseButtonComponent, selector: "nc-create-case-button", inputs: { newCaseCreationConfig: "newCaseCreationConfig" }, outputs: { caseCreatedEvent: "caseCreatedEvent" }, ngImport: i0, template: "<button *ngIf=\"!resolvedCaseButtonTitle; else titleButton\" mat-mini-fab color=\"primary\" (click)=\"createNewCase()\">\n    <mat-icon class=\"net-upload\" aria-hidden=\"false\">{{!!resolvedCaseButtonIcon ? resolvedCaseButtonIcon : 'add'}}</mat-icon>\n</button>\n<ng-template #titleButton>\n    <button  mat-raised-button color=\"primary\" (click)=\"createNewCase()\">\n        <mat-icon *ngIf=\"!!resolvedCaseButtonIcon\" class=\"button-icon\" aria-hidden=\"false\">{{resolvedCaseButtonIcon}}</mat-icon>\n        <span>{{resolvedCaseButtonTitle}}</span>\n    </button>\n</ng-template>\n", styles: [".button-icon{padding-right:4px}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+CreateCaseButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CreateCaseButtonComponent, selector: "nc-create-case-button", inputs: { newCaseCreationConfig: "newCaseCreationConfig" }, outputs: { caseCreatedEvent: "caseCreatedEvent" }, ngImport: i0, template: "<button *ngIf=\"!resolvedCaseButtonTitle; else titleButton\" class=\"create-case-mat-mini-fab\" mat-mini-fab color=\"primary\" (click)=\"createNewCase()\" [class.spinner]=\"loading$ | async\"\n        [disabled]=\"loading$ | async\">\n    <mat-icon *ngIf=\"(loading$ | async) === false\" class=\"net-upload\" aria-hidden=\"false\">{{!!resolvedCaseButtonIcon ? resolvedCaseButtonIcon : 'add'}}</mat-icon>\n</button>\n<ng-template #titleButton>\n    <button  mat-flat-button class=\"height-44\" color=\"primary\" (click)=\"createNewCase()\" [class.spinner]=\"loading$ | async\"\n             [disabled]=\"loading$ | async\">\n        <mat-icon *ngIf=\"!!resolvedCaseButtonIcon && (loading$ | async) === false\" class=\"button-icon\" aria-hidden=\"false\">{{resolvedCaseButtonIcon}}</mat-icon>\n        <span *ngIf=\"(loading$ | async) === false\">{{resolvedCaseButtonTitle}}</span>\n    </button>\n</ng-template>\n", styles: [".button-icon{padding-right:4px;padding-bottom:2px}.height-44{height:44px}.create-case-mat-mini-fab{border-radius:6px;box-shadow:none;height:44px!important;min-width:44px;margin-right:8px;margin-top:2px}@keyframes spinner{to{transform:rotate(360deg)}}.spinner:before{content:\"\";box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid #ffffff;border-top-color:#000;animation:spinner .8s linear infinite}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CreateCaseButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-create-case-button', template: "<button *ngIf=\"!resolvedCaseButtonTitle; else titleButton\" mat-mini-fab color=\"primary\" (click)=\"createNewCase()\">\n    <mat-icon class=\"net-upload\" aria-hidden=\"false\">{{!!resolvedCaseButtonIcon ? resolvedCaseButtonIcon : 'add'}}</mat-icon>\n</button>\n<ng-template #titleButton>\n    <button  mat-raised-button color=\"primary\" (click)=\"createNewCase()\">\n        <mat-icon *ngIf=\"!!resolvedCaseButtonIcon\" class=\"button-icon\" aria-hidden=\"false\">{{resolvedCaseButtonIcon}}</mat-icon>\n        <span>{{resolvedCaseButtonTitle}}</span>\n    </button>\n</ng-template>\n", styles: [".button-icon{padding-right:4px}\n"] }]
+            args: [{ selector: 'nc-create-case-button', template: "<button *ngIf=\"!resolvedCaseButtonTitle; else titleButton\" class=\"create-case-mat-mini-fab\" mat-mini-fab color=\"primary\" (click)=\"createNewCase()\" [class.spinner]=\"loading$ | async\"\n        [disabled]=\"loading$ | async\">\n    <mat-icon *ngIf=\"(loading$ | async) === false\" class=\"net-upload\" aria-hidden=\"false\">{{!!resolvedCaseButtonIcon ? resolvedCaseButtonIcon : 'add'}}</mat-icon>\n</button>\n<ng-template #titleButton>\n    <button  mat-flat-button class=\"height-44\" color=\"primary\" (click)=\"createNewCase()\" [class.spinner]=\"loading$ | async\"\n             [disabled]=\"loading$ | async\">\n        <mat-icon *ngIf=\"!!resolvedCaseButtonIcon && (loading$ | async) === false\" class=\"button-icon\" aria-hidden=\"false\">{{resolvedCaseButtonIcon}}</mat-icon>\n        <span *ngIf=\"(loading$ | async) === false\">{{resolvedCaseButtonTitle}}</span>\n    </button>\n</ng-template>\n", styles: [".button-icon{padding-right:4px;padding-bottom:2px}.height-44{height:44px}.create-case-mat-mini-fab{border-radius:6px;box-shadow:none;height:44px!important;min-width:44px;margin-right:8px;margin-top:2px}@keyframes spinner{to{transform:rotate(360deg)}}.spinner:before{content:\"\";box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid #ffffff;border-top-color:#000;animation:spinner .8s linear infinite}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.CaseViewService }]; }, propDecorators: { caseCreatedEvent: [{
                 type: Output
             }], newCaseCreationConfig: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLWNhc2UtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3ZpZXcvY2FzZS12aWV3L2NvbXBvbmVudHMvY3JlYXRlLWNhc2UtYnV0dG9uL2NyZWF0ZS1jYXNlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi92aWV3L2Nhc2Utdmlldy9jb21wb25lbnRzL2NyZWF0ZS1jYXNlLWJ1dHRvbi9jcmVhdGUtY2FzZS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUzdFLE1BQU0sT0FBTyx5QkFBeUI7SUFRbEMsWUFBc0IsZ0JBQWlDO1FBQWpDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBaUI7UUFOdEMscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQU83RCxDQUFDO0lBRUQsSUFBSSx1QkFBdUI7UUFDdkIsT0FBTyxJQUFJLENBQUMsd0JBQXdCLENBQUM7SUFDekMsQ0FBQztJQUVELElBQUksc0JBQXNCO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLHVCQUF1QixDQUFDO0lBQ3hDLENBQUM7SUFFRCxRQUFRO1FBQ0osTUFBTSxNQUFNLEdBQStCLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1FBQzdGLElBQUksQ0FBQyxDQUFDLE1BQU0sRUFBRTtZQUNWLElBQUksQ0FBQyx1QkFBdUIsR0FBRyxNQUFNLENBQUMsb0JBQW9CLENBQUM7WUFDM0QsSUFBSSxDQUFDLHdCQUF3QixHQUFHLE1BQU0sQ0FBQyxxQkFBcUIsQ0FBQztTQUNoRTtJQUNMLENBQUM7SUFFTSxhQUFhO1FBQ2hCLElBQUksTUFBd0IsQ0FBQztRQUM3QixJQUFJLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxlQUFlLEtBQUssS0FBSyxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxtQkFBbUIsRUFBRSxLQUFLLENBQUMsRUFBRTtZQUMzRyxNQUFNLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLG9CQUFvQixFQUFFLENBQUM7U0FDekQ7YUFBTTtZQUNILE1BQU0sR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1NBQzVFO1FBQ0QsTUFBTSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNwQixJQUFJLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUU7Z0JBQ3pDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDcEM7UUFDTCxDQUFDLENBQUMsQ0FBQztRQUNILE9BQU8sTUFBTSxDQUFDO0lBQ2xCLENBQUM7O3VIQXhDUSx5QkFBeUI7MkdBQXpCLHlCQUF5Qiw0S0NUdEMsOGtCQVNBOzRGREFhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDSSx1QkFBdUI7c0dBTWhCLGdCQUFnQjtzQkFBaEMsTUFBTTtnQkFDUyxxQkFBcUI7c0JBQXBDLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtPYnNlcnZhYmxlfSBmcm9tICdyeGpzJztcbmltcG9ydCB7Q2FzZSwgQ2FzZVZpZXdTZXJ2aWNlLCBOZXdDYXNlQ3JlYXRpb25Db25maWd1cmF0aW9uRGF0YSwgTmV3Q2FzZUJ1dHRvbkNvbmZpZ3VyYXRpb259IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtY3JlYXRlLWNhc2UtYnV0dG9uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY3JlYXRlLWNhc2UtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jcmVhdGUtY2FzZS1idXR0b24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDcmVhdGVDYXNlQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIEBPdXRwdXQoKSBwdWJsaWMgY2FzZUNyZWF0ZWRFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8Q2FzZT4oKTtcbiAgICBASW5wdXQoKSBwdWJsaWMgbmV3Q2FzZUNyZWF0aW9uQ29uZmlnOiBOZXdDYXNlQ3JlYXRpb25Db25maWd1cmF0aW9uRGF0YTtcblxuICAgIHByb3RlY3RlZCBfcmVzb2x2ZWRDYXNlQnV0dG9uVGl0bGU6IHN0cmluZztcbiAgICBwcm90ZWN0ZWQgX3Jlc29sdmVkQ2FzZUJ1dHRvbkljb246IHN0cmluZztcblxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfY2FzZVZpZXdTZXJ2aWNlOiBDYXNlVmlld1NlcnZpY2UpIHtcbiAgICB9XG5cbiAgICBnZXQgcmVzb2x2ZWRDYXNlQnV0dG9uVGl0bGUoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3Jlc29sdmVkQ2FzZUJ1dHRvblRpdGxlO1xuICAgIH1cblxuICAgIGdldCByZXNvbHZlZENhc2VCdXR0b25JY29uKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLl9yZXNvbHZlZENhc2VCdXR0b25JY29uO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBjb25zdCBjb25maWc6IE5ld0Nhc2VCdXR0b25Db25maWd1cmF0aW9uID0gdGhpcy5uZXdDYXNlQ3JlYXRpb25Db25maWdbJ25ld0Nhc2VCdXR0b25Db25maWcnXTtcbiAgICAgICAgaWYgKCEhY29uZmlnKSB7XG4gICAgICAgICAgICB0aGlzLl9yZXNvbHZlZENhc2VCdXR0b25JY29uID0gY29uZmlnLmNyZWF0ZUNhc2VCdXR0b25JY29uO1xuICAgICAgICAgICAgdGhpcy5fcmVzb2x2ZWRDYXNlQnV0dG9uVGl0bGUgPSBjb25maWcuY3JlYXRlQ2FzZUJ1dHRvblRpdGxlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIGNyZWF0ZU5ld0Nhc2UoKTogT2JzZXJ2YWJsZTxDYXNlPiB7XG4gICAgICAgIGxldCBteUNhc2U6IE9ic2VydmFibGU8Q2FzZT47XG4gICAgICAgIGlmICh0aGlzLm5ld0Nhc2VDcmVhdGlvbkNvbmZpZy5lbmFibGVDYXNlVGl0bGUgPT09IGZhbHNlICYmIHRoaXMuX2Nhc2VWaWV3U2VydmljZS5nZXRBbGxvd2VkTmV0c0NvdW50KCkgPT09IDEpIHtcbiAgICAgICAgICAgIG15Q2FzZSA9IHRoaXMuX2Nhc2VWaWV3U2VydmljZS5jcmVhdGVEZWZhdWx0TmV3Q2FzZSgpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgbXlDYXNlID0gdGhpcy5fY2FzZVZpZXdTZXJ2aWNlLmNyZWF0ZU5ld0Nhc2UodGhpcy5uZXdDYXNlQ3JlYXRpb25Db25maWcpO1xuICAgICAgICB9XG4gICAgICAgIG15Q2FzZS5zdWJzY3JpYmUoa2F6ZSA9PiB7XG4gICAgICAgICAgICBpZiAodGhpcy5fY2FzZVZpZXdTZXJ2aWNlLnZpZXdFbmFibGVkKGthemUpKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5jYXNlQ3JlYXRlZEV2ZW50Lm5leHQoa2F6ZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgICByZXR1cm4gbXlDYXNlO1xuICAgIH1cblxufVxuIiwiPGJ1dHRvbiAqbmdJZj1cIiFyZXNvbHZlZENhc2VCdXR0b25UaXRsZTsgZWxzZSB0aXRsZUJ1dHRvblwiIG1hdC1taW5pLWZhYiBjb2xvcj1cInByaW1hcnlcIiAoY2xpY2spPVwiY3JlYXRlTmV3Q2FzZSgpXCI+XG4gICAgPG1hdC1pY29uIGNsYXNzPVwibmV0LXVwbG9hZFwiIGFyaWEtaGlkZGVuPVwiZmFsc2VcIj57eyEhcmVzb2x2ZWRDYXNlQnV0dG9uSWNvbiA/IHJlc29sdmVkQ2FzZUJ1dHRvbkljb24gOiAnYWRkJ319PC9tYXQtaWNvbj5cbjwvYnV0dG9uPlxuPG5nLXRlbXBsYXRlICN0aXRsZUJ1dHRvbj5cbiAgICA8YnV0dG9uICBtYXQtcmFpc2VkLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIiAoY2xpY2spPVwiY3JlYXRlTmV3Q2FzZSgpXCI+XG4gICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cIiEhcmVzb2x2ZWRDYXNlQnV0dG9uSWNvblwiIGNsYXNzPVwiYnV0dG9uLWljb25cIiBhcmlhLWhpZGRlbj1cImZhbHNlXCI+e3tyZXNvbHZlZENhc2VCdXR0b25JY29ufX08L21hdC1pY29uPlxuICAgICAgICA8c3Bhbj57e3Jlc29sdmVkQ2FzZUJ1dHRvblRpdGxlfX08L3NwYW4+XG4gICAgPC9idXR0b24+XG48L25nLXRlbXBsYXRlPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLWNhc2UtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3ZpZXcvY2FzZS12aWV3L2NvbXBvbmVudHMvY3JlYXRlLWNhc2UtYnV0dG9uL2NyZWF0ZS1jYXNlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi92aWV3L2Nhc2Utdmlldy9jb21wb25lbnRzL2NyZWF0ZS1jYXNlLWJ1dHRvbi9jcmVhdGUtY2FzZS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUU3RSxPQUFPLEVBS0gsY0FBYyxFQUNqQixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7QUFPbEMsTUFBTSxPQUFPLHlCQUF5QjtJQVNsQyxZQUFzQixnQkFBaUM7UUFBakMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFpQjtRQVB0QyxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBUXpELElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxjQUFjLEVBQUUsQ0FBQztJQUN6QyxDQUFDO0lBRUQsSUFBSSx1QkFBdUI7UUFDdkIsT0FBTyxJQUFJLENBQUMsd0JBQXdCLENBQUM7SUFDekMsQ0FBQztJQUVELElBQUksc0JBQXNCO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLHVCQUF1QixDQUFDO0lBQ3hDLENBQUM7SUFFRCxJQUFJLFFBQVE7UUFDUixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDekIsQ0FBQztJQUVELFFBQVE7UUFDSixNQUFNLE1BQU0sR0FBK0IsSUFBSSxDQUFDLHFCQUFxQixDQUFDLHFCQUFxQixDQUFDLENBQUM7UUFDN0YsSUFBSSxDQUFDLENBQUMsTUFBTSxFQUFFO1lBQ1YsSUFBSSxDQUFDLHVCQUF1QixHQUFHLE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQztZQUMzRCxJQUFJLENBQUMsd0JBQXdCLEdBQUcsTUFBTSxDQUFDLHFCQUFxQixDQUFDO1NBQ2hFO0lBQ0wsQ0FBQztJQUVNLGFBQWE7UUFDaEIsSUFBSSxNQUF3QixDQUFDO1FBQzdCLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLENBQUM7UUFDbkIsSUFBSSxJQUFJLENBQUMscUJBQXFCLENBQUMsZUFBZSxLQUFLLEtBQUssSUFBSSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsbUJBQW1CLEVBQUUsS0FBSyxDQUFDLEVBQUU7WUFDM0csTUFBTSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1NBQ3pEO2FBQU07WUFDSCxNQUFNLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMscUJBQXFCLENBQUMsQ0FBQztTQUM1RTtRQUNELE1BQU0sQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDcEIsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFO2dCQUN6QyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ3BDO1FBQ0wsQ0FBQyxFQUFFLEtBQUssQ0FBQyxFQUFFLEdBQUUsQ0FBQyxFQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztRQUUxQyxPQUFPLE1BQU0sQ0FBQztJQUNsQixDQUFDOzt1SEFoRFEseUJBQXlCOzJHQUF6Qix5QkFBeUIsNEtDZnRDLGs1QkFXQTs0RkRJYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0ksdUJBQXVCO3NHQU1oQixnQkFBZ0I7c0JBQWhDLE1BQU07Z0JBQ1MscUJBQXFCO3NCQUFwQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7T2JzZXJ2YWJsZX0gZnJvbSAncnhqcyc7XG5pbXBvcnQge1xuICAgIENhc2UsXG4gICAgQ2FzZVZpZXdTZXJ2aWNlLFxuICAgIE5ld0Nhc2VDcmVhdGlvbkNvbmZpZ3VyYXRpb25EYXRhLFxuICAgIE5ld0Nhc2VCdXR0b25Db25maWd1cmF0aW9uLFxuICAgIExvYWRpbmdFbWl0dGVyXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtY3JlYXRlLWNhc2UtYnV0dG9uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY3JlYXRlLWNhc2UtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jcmVhdGUtY2FzZS1idXR0b24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDcmVhdGVDYXNlQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIEBPdXRwdXQoKSBwdWJsaWMgY2FzZUNyZWF0ZWRFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8Q2FzZT4oKTtcbiAgICBASW5wdXQoKSBwdWJsaWMgbmV3Q2FzZUNyZWF0aW9uQ29uZmlnOiBOZXdDYXNlQ3JlYXRpb25Db25maWd1cmF0aW9uRGF0YTtcblxuICAgIHByb3RlY3RlZCBfcmVzb2x2ZWRDYXNlQnV0dG9uVGl0bGU6IHN0cmluZztcbiAgICBwcm90ZWN0ZWQgX3Jlc29sdmVkQ2FzZUJ1dHRvbkljb246IHN0cmluZztcbiAgICBwcm90ZWN0ZWQgX2xvYWRpbmc6IExvYWRpbmdFbWl0dGVyO1xuXG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIF9jYXNlVmlld1NlcnZpY2U6IENhc2VWaWV3U2VydmljZSkge1xuICAgICAgICB0aGlzLl9sb2FkaW5nID0gbmV3IExvYWRpbmdFbWl0dGVyKCk7XG4gICAgfVxuXG4gICAgZ2V0IHJlc29sdmVkQ2FzZUJ1dHRvblRpdGxlKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLl9yZXNvbHZlZENhc2VCdXR0b25UaXRsZTtcbiAgICB9XG5cbiAgICBnZXQgcmVzb2x2ZWRDYXNlQnV0dG9uSWNvbigpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5fcmVzb2x2ZWRDYXNlQnV0dG9uSWNvbjtcbiAgICB9XG5cbiAgICBnZXQgbG9hZGluZyQoKTogT2JzZXJ2YWJsZTxib29sZWFuPiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9sb2FkaW5nO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBjb25zdCBjb25maWc6IE5ld0Nhc2VCdXR0b25Db25maWd1cmF0aW9uID0gdGhpcy5uZXdDYXNlQ3JlYXRpb25Db25maWdbJ25ld0Nhc2VCdXR0b25Db25maWcnXTtcbiAgICAgICAgaWYgKCEhY29uZmlnKSB7XG4gICAgICAgICAgICB0aGlzLl9yZXNvbHZlZENhc2VCdXR0b25JY29uID0gY29uZmlnLmNyZWF0ZUNhc2VCdXR0b25JY29uO1xuICAgICAgICAgICAgdGhpcy5fcmVzb2x2ZWRDYXNlQnV0dG9uVGl0bGUgPSBjb25maWcuY3JlYXRlQ2FzZUJ1dHRvblRpdGxlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIGNyZWF0ZU5ld0Nhc2UoKTogT2JzZXJ2YWJsZTxDYXNlPiB7XG4gICAgICAgIGxldCBteUNhc2U6IE9ic2VydmFibGU8Q2FzZT47XG4gICAgICAgIHRoaXMuX2xvYWRpbmcub24oKTtcbiAgICAgICAgaWYgKHRoaXMubmV3Q2FzZUNyZWF0aW9uQ29uZmlnLmVuYWJsZUNhc2VUaXRsZSA9PT0gZmFsc2UgJiYgdGhpcy5fY2FzZVZpZXdTZXJ2aWNlLmdldEFsbG93ZWROZXRzQ291bnQoKSA9PT0gMSkge1xuICAgICAgICAgICAgbXlDYXNlID0gdGhpcy5fY2FzZVZpZXdTZXJ2aWNlLmNyZWF0ZURlZmF1bHROZXdDYXNlKCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBteUNhc2UgPSB0aGlzLl9jYXNlVmlld1NlcnZpY2UuY3JlYXRlTmV3Q2FzZSh0aGlzLm5ld0Nhc2VDcmVhdGlvbkNvbmZpZyk7XG4gICAgICAgIH1cbiAgICAgICAgbXlDYXNlLnN1YnNjcmliZShrYXplID0+IHtcbiAgICAgICAgICAgIGlmICh0aGlzLl9jYXNlVmlld1NlcnZpY2Uudmlld0VuYWJsZWQoa2F6ZSkpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmNhc2VDcmVhdGVkRXZlbnQubmV4dChrYXplKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSwgZXJyb3IgPT4ge30sKCkgPT4gdGhpcy5fbG9hZGluZy5vZmYoKSk7XG5cbiAgICAgICAgcmV0dXJuIG15Q2FzZTtcbiAgICB9XG5cbn1cbiIsIjxidXR0b24gKm5nSWY9XCIhcmVzb2x2ZWRDYXNlQnV0dG9uVGl0bGU7IGVsc2UgdGl0bGVCdXR0b25cIiBjbGFzcz1cImNyZWF0ZS1jYXNlLW1hdC1taW5pLWZhYlwiIG1hdC1taW5pLWZhYiBjb2xvcj1cInByaW1hcnlcIiAoY2xpY2spPVwiY3JlYXRlTmV3Q2FzZSgpXCIgW2NsYXNzLnNwaW5uZXJdPVwibG9hZGluZyQgfCBhc3luY1wiXG4gICAgICAgIFtkaXNhYmxlZF09XCJsb2FkaW5nJCB8IGFzeW5jXCI+XG4gICAgPG1hdC1pY29uICpuZ0lmPVwiKGxvYWRpbmckIHwgYXN5bmMpID09PSBmYWxzZVwiIGNsYXNzPVwibmV0LXVwbG9hZFwiIGFyaWEtaGlkZGVuPVwiZmFsc2VcIj57eyEhcmVzb2x2ZWRDYXNlQnV0dG9uSWNvbiA/IHJlc29sdmVkQ2FzZUJ1dHRvbkljb24gOiAnYWRkJ319PC9tYXQtaWNvbj5cbjwvYnV0dG9uPlxuPG5nLXRlbXBsYXRlICN0aXRsZUJ1dHRvbj5cbiAgICA8YnV0dG9uICBtYXQtZmxhdC1idXR0b24gY2xhc3M9XCJoZWlnaHQtNDRcIiBjb2xvcj1cInByaW1hcnlcIiAoY2xpY2spPVwiY3JlYXRlTmV3Q2FzZSgpXCIgW2NsYXNzLnNwaW5uZXJdPVwibG9hZGluZyQgfCBhc3luY1wiXG4gICAgICAgICAgICAgW2Rpc2FibGVkXT1cImxvYWRpbmckIHwgYXN5bmNcIj5cbiAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwiISFyZXNvbHZlZENhc2VCdXR0b25JY29uICYmIChsb2FkaW5nJCB8IGFzeW5jKSA9PT0gZmFsc2VcIiBjbGFzcz1cImJ1dHRvbi1pY29uXCIgYXJpYS1oaWRkZW49XCJmYWxzZVwiPnt7cmVzb2x2ZWRDYXNlQnV0dG9uSWNvbn19PC9tYXQtaWNvbj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCIobG9hZGluZyQgfCBhc3luYykgPT09IGZhbHNlXCI+e3tyZXNvbHZlZENhc2VCdXR0b25UaXRsZX19PC9zcGFuPlxuICAgIDwvYnV0dG9uPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2020/lib/view/workflow-view/workflow-view.component.mjs

@@ -1,34 +1,35 @@
 import { Component } from '@angular/core';
 import { AbstractWorkflowViewComponent, WorkflowViewService } from '@netgrif/components-core';
-import { ImportNetComponent } from '../../side-menu/content-components/import-net/import-net.component';
+import { ImportNetDialogComponent } from '../../dialog/import-net-dialog/import-net-dialog.component';
 import * as i0 from "@angular/core";
-import * as i1 from "@netgrif/components-core";
-import * as i2 from "@angular/material/button";
-import * as i3 from "@angular/material/icon";
-import * as i4 from "../../header/header.component";
-import * as i5 from "@angular/cdk/scrolling";
-import * as i6 from "../../panel/workflow-panel/workflow-panel.component";
-import * as i7 from "@angular/material/progress-spinner";
-import * as i8 from "@angular/flex-layout/flex";
-import * as i9 from "@angular/common";
-import * as i10 from "@angular/material/expansion";
-import * as i11 from "@ngx-translate/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@netgrif/components-core";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "../../header/header.component";
+import * as i6 from "@angular/cdk/scrolling";
+import * as i7 from "../../panel/workflow-panel/workflow-panel.component";
+import * as i8 from "@angular/material/progress-spinner";
+import * as i9 from "@angular/flex-layout/flex";
+import * as i10 from "@angular/common";
+import * as i11 from "@angular/material/expansion";
+import * as i12 from "@ngx-translate/core";
 export class WorkflowViewComponent extends AbstractWorkflowViewComponent {
-    constructor(_sideMenuService, _workflowViewService, _log, _processService) {
-        super(_sideMenuService, _workflowViewService, _log, _processService);
-        this._sideMenuService = _sideMenuService;
+    constructor(_dialog, _workflowViewService, _log, _processService) {
+        super(_dialog, _workflowViewService, _log, _processService);
+        this._dialog = _dialog;
         this._workflowViewService = _workflowViewService;
         this._log = _log;
         this._processService = _processService;
     }
     importNet() {
-        this.importSidemenuNet(ImportNetComponent);
+        this.importSidemenuNet(ImportNetDialogComponent);
     }
 }
-WorkflowViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WorkflowViewComponent, deps: [{ token: i1.SideMenuService }, { token: i1.WorkflowViewService }, { token: i1.LoggerService }, { token: i1.ProcessService }], target: i0.ɵɵFactoryTarget.Component });
-WorkflowViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: WorkflowViewComponent, selector: "nc-workflow-view", providers: [WorkflowViewService], usesInheritance: true, ngImport: i0, template: "<div class=\"workflow-container full-height\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n    <div>\n        <button mat-fab color=\"primary\" class=\"upload-petri-net\" (click)=\"importNet()\">\n            <mat-icon>cloud_upload</mat-icon>\n        </button>\n    </div>\n    <div fxLayout=\"row\" fxLayoutAlign=\"center\" class=\"workflow-header\">\n        <nc-header #header fxFlex=\"100\" [type]=\"headerType\"></nc-header>\n    </div>\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex class=\"workflow-panels-container\">\n        <ng-container *ngIf=\"workflows$ | async as workflows\">\n\n            <div *ngIf=\"(loading$ | async) === false && workflows.length === 0\" fxLayout=\"column\"\n                 fxLayoutAlign=\"center center\">\n                <mat-icon color=\"accent\" class=\"font-size-40 block-size-40 margin-bottom-default\">linear_scale\n                </mat-icon>\n                <span class=\"font-size-20\">{{ 'view-list.noProcessesSatisfyingThisFilter' | translate}}</span>\n            </div>\n\n            <mat-accordion [multi]=\"true\" fxFlex=\"100\" class=\"full-width\">\n                <cdk-virtual-scroll-viewport itemSize=\"50\" (scrolledIndexChange)=\"loadNextPage()\"\n                                             class=\"full-height full-width dashboard-workflow-view\">\n\n                    <nc-workflow-panel\n                        *cdkVirtualFor=\"let workflow of workflows; let i = index; templateCacheSize: 0; trackBy: trackBy\"\n                        [workflow]=\"workflow\"\n                        [selectedHeaders$]=\"selectedHeaders$\"\n                        [showDeleteMenu]=\"showDeleteMenu\">\n                    </nc-workflow-panel>\n\n                    <div *ngIf=\"loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\"\n                         class=\"margin-top-default\">\n                        <mat-spinner color=\"primary\" diameter=\"50\"></mat-spinner>\n                    </div>\n\n                </cdk-virtual-scroll-viewport>\n\n            </mat-accordion>\n        </ng-container>\n    </div>\n</div>\n", styles: [".workflow-container{padding:16px}.workflow-header,.workflow-panels-container{margin-top:16px}.upload-petri-net{position:fixed;bottom:24px;right:24px;z-index:999}.full-width{width:100%}.full-height{height:100%}.font-size-20{font-size:20px}.font-size-40{font-size:40px}.block-size-40{width:40px;height:40px}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.HeaderComponent, selector: "nc-header" }, { type: i5.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: i6.WorkflowPanelComponent, selector: "nc-workflow-panel" }, { type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i8.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i8.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i8.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { type: i5.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i5.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }], pipes: { "async": i9.AsyncPipe, "translate": i11.TranslatePipe } });
+WorkflowViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WorkflowViewComponent, deps: [{ token: i1.MatDialog }, { token: i2.WorkflowViewService }, { token: i2.LoggerService }, { token: i2.ProcessService }], target: i0.ɵɵFactoryTarget.Component });
+WorkflowViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: WorkflowViewComponent, selector: "nc-workflow-view", providers: [WorkflowViewService], usesInheritance: true, ngImport: i0, template: "<div class=\"workflow-container full-height\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n    <div>\n        <button mat-fab color=\"primary\" class=\"upload-petri-net\" (click)=\"importNet()\">\n            <mat-icon>cloud_upload</mat-icon>\n        </button>\n    </div>\n    <div fxLayout=\"row\" fxLayoutAlign=\"center\" class=\"workflow-header\">\n        <nc-header class=\"padding-mini\" #header fxFlex=\"100\" [type]=\"headerType\"></nc-header>\n    </div>\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex class=\"workflow-panels-container\">\n        <ng-container *ngIf=\"workflows$ | async as workflows\">\n\n            <div *ngIf=\"(loading$ | async) === false && workflows.length === 0\" fxLayout=\"column\"\n                 fxLayoutAlign=\"center center\">\n                <mat-icon color=\"accent\" class=\"font-size-40 block-size-40 margin-bottom-default\">linear_scale\n                </mat-icon>\n                <span class=\"font-size-20\">{{ 'view-list.noProcessesSatisfyingThisFilter' | translate}}</span>\n            </div>\n\n            <mat-accordion [multi]=\"true\" fxFlex=\"100\" class=\"full-width panel-list-content\">\n\n                <cdk-virtual-scroll-viewport itemSize=\"50\" (scrolledIndexChange)=\"loadNextPage()\"\n                                             class=\"full-height full-width dashboard-workflow-view\">\n\n                    <nc-workflow-panel\n                        *cdkVirtualFor=\"let workflow of workflows;\n                                        let first = first;\n                                        let last = last;\n                                        let i = index;\n                                        templateCacheSize: 0;\n                                        trackBy: trackBy\"\n                        [workflow]=\"workflow\" [first]=\"first\" [last]=\"last\"\n                        [selectedHeaders$]=\"selectedHeaders$\"\n                        [showDeleteMenu]=\"showDeleteMenu\">\n                    </nc-workflow-panel>\n\n                    <div *ngIf=\"loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\"\n                         class=\"margin-top-default\">\n                        <mat-spinner color=\"primary\" diameter=\"50\"></mat-spinner>\n                    </div>\n\n                </cdk-virtual-scroll-viewport>\n\n            </mat-accordion>\n        </ng-container>\n    </div>\n</div>\n", styles: [".workflow-container{padding:16px 24px}.workflow-header{margin-top:16px}.upload-petri-net{position:fixed;bottom:24px;right:24px;z-index:999}.full-width{width:100%}.full-height{height:100%}.font-size-20{font-size:20px}.font-size-40{font-size:40px}.block-size-40{width:40px;height:40px}.padding-mini{padding-left:1px;padding-right:1px}\n"], components: [{ type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.HeaderComponent, selector: "nc-header" }, { type: i6.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: i7.WorkflowPanelComponent, selector: "nc-workflow-panel" }, { type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i9.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i9.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i9.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { type: i6.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i6.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }], pipes: { "async": i10.AsyncPipe, "translate": i12.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WorkflowViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-workflow-view', providers: [WorkflowViewService], template: "<div class=\"workflow-container full-height\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n    <div>\n        <button mat-fab color=\"primary\" class=\"upload-petri-net\" (click)=\"importNet()\">\n            <mat-icon>cloud_upload</mat-icon>\n        </button>\n    </div>\n    <div fxLayout=\"row\" fxLayoutAlign=\"center\" class=\"workflow-header\">\n        <nc-header #header fxFlex=\"100\" [type]=\"headerType\"></nc-header>\n    </div>\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex class=\"workflow-panels-container\">\n        <ng-container *ngIf=\"workflows$ | async as workflows\">\n\n            <div *ngIf=\"(loading$ | async) === false && workflows.length === 0\" fxLayout=\"column\"\n                 fxLayoutAlign=\"center center\">\n                <mat-icon color=\"accent\" class=\"font-size-40 block-size-40 margin-bottom-default\">linear_scale\n                </mat-icon>\n                <span class=\"font-size-20\">{{ 'view-list.noProcessesSatisfyingThisFilter' | translate}}</span>\n            </div>\n\n            <mat-accordion [multi]=\"true\" fxFlex=\"100\" class=\"full-width\">\n                <cdk-virtual-scroll-viewport itemSize=\"50\" (scrolledIndexChange)=\"loadNextPage()\"\n                                             class=\"full-height full-width dashboard-workflow-view\">\n\n                    <nc-workflow-panel\n                        *cdkVirtualFor=\"let workflow of workflows; let i = index; templateCacheSize: 0; trackBy: trackBy\"\n                        [workflow]=\"workflow\"\n                        [selectedHeaders$]=\"selectedHeaders$\"\n                        [showDeleteMenu]=\"showDeleteMenu\">\n                    </nc-workflow-panel>\n\n                    <div *ngIf=\"loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\"\n                         class=\"margin-top-default\">\n                        <mat-spinner color=\"primary\" diameter=\"50\"></mat-spinner>\n                    </div>\n\n                </cdk-virtual-scroll-viewport>\n\n            </mat-accordion>\n        </ng-container>\n    </div>\n</div>\n", styles: [".workflow-container{padding:16px}.workflow-header,.workflow-panels-container{margin-top:16px}.upload-petri-net{position:fixed;bottom:24px;right:24px;z-index:999}.full-width{width:100%}.full-height{height:100%}.font-size-20{font-size:20px}.font-size-40{font-size:40px}.block-size-40{width:40px;height:40px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.SideMenuService }, { type: i1.WorkflowViewService }, { type: i1.LoggerService }, { type: i1.ProcessService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid29ya2Zsb3ctdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi92aWV3L3dvcmtmbG93LXZpZXcvd29ya2Zsb3ctdmlldy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi92aWV3L3dvcmtmbG93LXZpZXcvd29ya2Zsb3ctdmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFDSCw2QkFBNkIsRUFJN0IsbUJBQW1CLEVBQ3RCLE1BQU0sMEJBQTBCLENBQUM7QUFDbEMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sb0VBQW9FLENBQUM7Ozs7Ozs7Ozs7Ozs7QUFTdEcsTUFBTSxPQUFPLHFCQUFzQixTQUFRLDZCQUE2QjtJQUNwRSxZQUFzQixnQkFBaUMsRUFDakMsb0JBQXlDLEVBQ3pDLElBQW1CLEVBQ25CLGVBQStCO1FBQ2pELEtBQUssQ0FBQyxnQkFBZ0IsRUFBRSxvQkFBb0IsRUFBRSxJQUFJLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFKbkQscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFpQjtRQUNqQyx5QkFBb0IsR0FBcEIsb0JBQW9CLENBQXFCO1FBQ3pDLFNBQUksR0FBSixJQUFJLENBQWU7UUFDbkIsb0JBQWUsR0FBZixlQUFlLENBQWdCO0lBRXJELENBQUM7SUFFTSxTQUFTO1FBQ1osSUFBSSxDQUFDLGlCQUFpQixDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFDL0MsQ0FBQzs7bUhBVlEscUJBQXFCO3VHQUFyQixxQkFBcUIsMkNBRm5CLENBQUMsbUJBQW1CLENBQUMsaURDZnBDLDhsRUF5Q0E7NEZEeEJhLHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDSSxrQkFBa0IsYUFHakIsQ0FBQyxtQkFBbUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RXb3JrZmxvd1ZpZXdDb21wb25lbnQsXG4gICAgTG9nZ2VyU2VydmljZSxcbiAgICBQcm9jZXNzU2VydmljZSxcbiAgICBTaWRlTWVudVNlcnZpY2UsXG4gICAgV29ya2Zsb3dWaWV3U2VydmljZVxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuaW1wb3J0IHtJbXBvcnROZXRDb21wb25lbnR9IGZyb20gJy4uLy4uL3NpZGUtbWVudS9jb250ZW50LWNvbXBvbmVudHMvaW1wb3J0LW5ldC9pbXBvcnQtbmV0LmNvbXBvbmVudCc7XG5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy13b3JrZmxvdy12aWV3JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vd29ya2Zsb3ctdmlldy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vd29ya2Zsb3ctdmlldy5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW1dvcmtmbG93Vmlld1NlcnZpY2VdXG59KVxuZXhwb3J0IGNsYXNzIFdvcmtmbG93Vmlld0NvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0V29ya2Zsb3dWaWV3Q29tcG9uZW50IHtcbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgX3NpZGVNZW51U2VydmljZTogU2lkZU1lbnVTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBfd29ya2Zsb3dWaWV3U2VydmljZTogV29ya2Zsb3dWaWV3U2VydmljZSxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgX2xvZzogTG9nZ2VyU2VydmljZSxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgX3Byb2Nlc3NTZXJ2aWNlOiBQcm9jZXNzU2VydmljZSkge1xuICAgICAgICBzdXBlcihfc2lkZU1lbnVTZXJ2aWNlLCBfd29ya2Zsb3dWaWV3U2VydmljZSwgX2xvZywgX3Byb2Nlc3NTZXJ2aWNlKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgaW1wb3J0TmV0KCkge1xuICAgICAgICB0aGlzLmltcG9ydFNpZGVtZW51TmV0KEltcG9ydE5ldENvbXBvbmVudCk7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIndvcmtmbG93LWNvbnRhaW5lciBmdWxsLWhlaWdodFwiIGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IHN0cmV0Y2hcIj5cbiAgICA8ZGl2PlxuICAgICAgICA8YnV0dG9uIG1hdC1mYWIgY29sb3I9XCJwcmltYXJ5XCIgY2xhc3M9XCJ1cGxvYWQtcGV0cmktbmV0XCIgKGNsaWNrKT1cImltcG9ydE5ldCgpXCI+XG4gICAgICAgICAgICA8bWF0LWljb24+Y2xvdWRfdXBsb2FkPC9tYXQtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXJcIiBjbGFzcz1cIndvcmtmbG93LWhlYWRlclwiPlxuICAgICAgICA8bmMtaGVhZGVyICNoZWFkZXIgZnhGbGV4PVwiMTAwXCIgW3R5cGVdPVwiaGVhZGVyVHlwZVwiPjwvbmMtaGVhZGVyPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCIgZnhGbGV4IGNsYXNzPVwid29ya2Zsb3ctcGFuZWxzLWNvbnRhaW5lclwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwid29ya2Zsb3dzJCB8IGFzeW5jIGFzIHdvcmtmbG93c1wiPlxuXG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiKGxvYWRpbmckIHwgYXN5bmMpID09PSBmYWxzZSAmJiB3b3JrZmxvd3MubGVuZ3RoID09PSAwXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIlxuICAgICAgICAgICAgICAgICBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBjb2xvcj1cImFjY2VudFwiIGNsYXNzPVwiZm9udC1zaXplLTQwIGJsb2NrLXNpemUtNDAgbWFyZ2luLWJvdHRvbS1kZWZhdWx0XCI+bGluZWFyX3NjYWxlXG4gICAgICAgICAgICAgICAgPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZvbnQtc2l6ZS0yMFwiPnt7ICd2aWV3LWxpc3Qubm9Qcm9jZXNzZXNTYXRpc2Z5aW5nVGhpc0ZpbHRlcicgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICA8bWF0LWFjY29yZGlvbiBbbXVsdGldPVwidHJ1ZVwiIGZ4RmxleD1cIjEwMFwiIGNsYXNzPVwiZnVsbC13aWR0aFwiPlxuICAgICAgICAgICAgICAgIDxjZGstdmlydHVhbC1zY3JvbGwtdmlld3BvcnQgaXRlbVNpemU9XCI1MFwiIChzY3JvbGxlZEluZGV4Q2hhbmdlKT1cImxvYWROZXh0UGFnZSgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZnVsbC1oZWlnaHQgZnVsbC13aWR0aCBkYXNoYm9hcmQtd29ya2Zsb3ctdmlld1wiPlxuXG4gICAgICAgICAgICAgICAgICAgIDxuYy13b3JrZmxvdy1wYW5lbFxuICAgICAgICAgICAgICAgICAgICAgICAgKmNka1ZpcnR1YWxGb3I9XCJsZXQgd29ya2Zsb3cgb2Ygd29ya2Zsb3dzOyBsZXQgaSA9IGluZGV4OyB0ZW1wbGF0ZUNhY2hlU2l6ZTogMDsgdHJhY2tCeTogdHJhY2tCeVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbd29ya2Zsb3ddPVwid29ya2Zsb3dcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3NlbGVjdGVkSGVhZGVycyRdPVwic2VsZWN0ZWRIZWFkZXJzJFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbc2hvd0RlbGV0ZU1lbnVdPVwic2hvd0RlbGV0ZU1lbnVcIj5cbiAgICAgICAgICAgICAgICAgICAgPC9uYy13b3JrZmxvdy1wYW5lbD5cblxuICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwibG9hZGluZyQgfCBhc3luY1wiIGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibWFyZ2luLXRvcC1kZWZhdWx0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LXNwaW5uZXIgY29sb3I9XCJwcmltYXJ5XCIgZGlhbWV0ZXI9XCI1MFwiPjwvbWF0LXNwaW5uZXI+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgICAgPC9jZGstdmlydHVhbC1zY3JvbGwtdmlld3BvcnQ+XG5cbiAgICAgICAgICAgIDwvbWF0LWFjY29yZGlvbj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+            args: [{ selector: 'nc-workflow-view', providers: [WorkflowViewService], template: "<div class=\"workflow-container full-height\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n    <div>\n        <button mat-fab color=\"primary\" class=\"upload-petri-net\" (click)=\"importNet()\">\n            <mat-icon>cloud_upload</mat-icon>\n        </button>\n    </div>\n    <div fxLayout=\"row\" fxLayoutAlign=\"center\" class=\"workflow-header\">\n        <nc-header class=\"padding-mini\" #header fxFlex=\"100\" [type]=\"headerType\"></nc-header>\n    </div>\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex class=\"workflow-panels-container\">\n        <ng-container *ngIf=\"workflows$ | async as workflows\">\n\n            <div *ngIf=\"(loading$ | async) === false && workflows.length === 0\" fxLayout=\"column\"\n                 fxLayoutAlign=\"center center\">\n                <mat-icon color=\"accent\" class=\"font-size-40 block-size-40 margin-bottom-default\">linear_scale\n                </mat-icon>\n                <span class=\"font-size-20\">{{ 'view-list.noProcessesSatisfyingThisFilter' | translate}}</span>\n            </div>\n\n            <mat-accordion [multi]=\"true\" fxFlex=\"100\" class=\"full-width panel-list-content\">\n\n                <cdk-virtual-scroll-viewport itemSize=\"50\" (scrolledIndexChange)=\"loadNextPage()\"\n                                             class=\"full-height full-width dashboard-workflow-view\">\n\n                    <nc-workflow-panel\n                        *cdkVirtualFor=\"let workflow of workflows;\n                                        let first = first;\n                                        let last = last;\n                                        let i = index;\n                                        templateCacheSize: 0;\n                                        trackBy: trackBy\"\n                        [workflow]=\"workflow\" [first]=\"first\" [last]=\"last\"\n                        [selectedHeaders$]=\"selectedHeaders$\"\n                        [showDeleteMenu]=\"showDeleteMenu\">\n                    </nc-workflow-panel>\n\n                    <div *ngIf=\"loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\"\n                         class=\"margin-top-default\">\n                        <mat-spinner color=\"primary\" diameter=\"50\"></mat-spinner>\n                    </div>\n\n                </cdk-virtual-scroll-viewport>\n\n            </mat-accordion>\n        </ng-container>\n    </div>\n</div>\n", styles: [".workflow-container{padding:16px 24px}.workflow-header{margin-top:16px}.upload-petri-net{position:fixed;bottom:24px;right:24px;z-index:999}.full-width{width:100%}.full-height{height:100%}.font-size-20{font-size:20px}.font-size-40{font-size:40px}.block-size-40{width:40px;height:40px}.padding-mini{padding-left:1px;padding-right:1px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i2.WorkflowViewService }, { type: i2.LoggerService }, { type: i2.ProcessService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid29ya2Zsb3ctdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi92aWV3L3dvcmtmbG93LXZpZXcvd29ya2Zsb3ctdmlldy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi92aWV3L3dvcmtmbG93LXZpZXcvd29ya2Zsb3ctdmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFDSCw2QkFBNkIsRUFHN0IsbUJBQW1CLEVBQ3RCLE1BQU0sMEJBQTBCLENBQUM7QUFFbEMsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sNERBQTRELENBQUM7Ozs7Ozs7Ozs7Ozs7O0FBU3BHLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSw2QkFBNkI7SUFDcEUsWUFBc0IsT0FBa0IsRUFDbEIsb0JBQXlDLEVBQ3pDLElBQW1CLEVBQ25CLGVBQStCO1FBQ2pELEtBQUssQ0FBQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsSUFBSSxFQUFFLGVBQWUsQ0FBQyxDQUFDO1FBSjFDLFlBQU8sR0FBUCxPQUFPLENBQVc7UUFDbEIseUJBQW9CLEdBQXBCLG9CQUFvQixDQUFxQjtRQUN6QyxTQUFJLEdBQUosSUFBSSxDQUFlO1FBQ25CLG9CQUFlLEdBQWYsZUFBZSxDQUFnQjtJQUVyRCxDQUFDO0lBRU0sU0FBUztRQUNaLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO0lBQ3JELENBQUM7O21IQVZRLHFCQUFxQjt1R0FBckIscUJBQXFCLDJDQUZuQixDQUFDLG1CQUFtQixDQUFDLGlEQ2ZwQyw2NUVBK0NBOzRGRDlCYSxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0ksa0JBQWtCLGFBR2pCLENBQUMsbUJBQW1CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0V29ya2Zsb3dWaWV3Q29tcG9uZW50LFxuICAgIExvZ2dlclNlcnZpY2UsXG4gICAgUHJvY2Vzc1NlcnZpY2UsXG4gICAgV29ya2Zsb3dWaWV3U2VydmljZVxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuaW1wb3J0IHtNYXREaWFsb2d9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQge0ltcG9ydE5ldERpYWxvZ0NvbXBvbmVudH0gZnJvbSAnLi4vLi4vZGlhbG9nL2ltcG9ydC1uZXQtZGlhbG9nL2ltcG9ydC1uZXQtZGlhbG9nLmNvbXBvbmVudCc7XG5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy13b3JrZmxvdy12aWV3JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vd29ya2Zsb3ctdmlldy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vd29ya2Zsb3ctdmlldy5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW1dvcmtmbG93Vmlld1NlcnZpY2VdXG59KVxuZXhwb3J0IGNsYXNzIFdvcmtmbG93Vmlld0NvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0V29ya2Zsb3dWaWV3Q29tcG9uZW50IHtcbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgX2RpYWxvZzogTWF0RGlhbG9nLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBfd29ya2Zsb3dWaWV3U2VydmljZTogV29ya2Zsb3dWaWV3U2VydmljZSxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgX2xvZzogTG9nZ2VyU2VydmljZSxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgX3Byb2Nlc3NTZXJ2aWNlOiBQcm9jZXNzU2VydmljZSkge1xuICAgICAgICBzdXBlcihfZGlhbG9nLCBfd29ya2Zsb3dWaWV3U2VydmljZSwgX2xvZywgX3Byb2Nlc3NTZXJ2aWNlKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgaW1wb3J0TmV0KCkge1xuICAgICAgICB0aGlzLmltcG9ydFNpZGVtZW51TmV0KEltcG9ydE5ldERpYWxvZ0NvbXBvbmVudCk7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIndvcmtmbG93LWNvbnRhaW5lciBmdWxsLWhlaWdodFwiIGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IHN0cmV0Y2hcIj5cbiAgICA8ZGl2PlxuICAgICAgICA8YnV0dG9uIG1hdC1mYWIgY29sb3I9XCJwcmltYXJ5XCIgY2xhc3M9XCJ1cGxvYWQtcGV0cmktbmV0XCIgKGNsaWNrKT1cImltcG9ydE5ldCgpXCI+XG4gICAgICAgICAgICA8bWF0LWljb24+Y2xvdWRfdXBsb2FkPC9tYXQtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXJcIiBjbGFzcz1cIndvcmtmbG93LWhlYWRlclwiPlxuICAgICAgICA8bmMtaGVhZGVyIGNsYXNzPVwicGFkZGluZy1taW5pXCIgI2hlYWRlciBmeEZsZXg9XCIxMDBcIiBbdHlwZV09XCJoZWFkZXJUeXBlXCI+PC9uYy1oZWFkZXI+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBmeEZsZXggY2xhc3M9XCJ3b3JrZmxvdy1wYW5lbHMtY29udGFpbmVyXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ3b3JrZmxvd3MkIHwgYXN5bmMgYXMgd29ya2Zsb3dzXCI+XG5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCIobG9hZGluZyQgfCBhc3luYykgPT09IGZhbHNlICYmIHdvcmtmbG93cy5sZW5ndGggPT09IDBcIiBmeExheW91dD1cImNvbHVtblwiXG4gICAgICAgICAgICAgICAgIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uIGNvbG9yPVwiYWNjZW50XCIgY2xhc3M9XCJmb250LXNpemUtNDAgYmxvY2stc2l6ZS00MCBtYXJnaW4tYm90dG9tLWRlZmF1bHRcIj5saW5lYXJfc2NhbGVcbiAgICAgICAgICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZm9udC1zaXplLTIwXCI+e3sgJ3ZpZXctbGlzdC5ub1Byb2Nlc3Nlc1NhdGlzZnlpbmdUaGlzRmlsdGVyJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgIDxtYXQtYWNjb3JkaW9uIFttdWx0aV09XCJ0cnVlXCIgZnhGbGV4PVwiMTAwXCIgY2xhc3M9XCJmdWxsLXdpZHRoIHBhbmVsLWxpc3QtY29udGVudFwiPlxuXG4gICAgICAgICAgICAgICAgPGNkay12aXJ0dWFsLXNjcm9sbC12aWV3cG9ydCBpdGVtU2l6ZT1cIjUwXCIgKHNjcm9sbGVkSW5kZXhDaGFuZ2UpPVwibG9hZE5leHRQYWdlKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmdWxsLWhlaWdodCBmdWxsLXdpZHRoIGRhc2hib2FyZC13b3JrZmxvdy12aWV3XCI+XG5cbiAgICAgICAgICAgICAgICAgICAgPG5jLXdvcmtmbG93LXBhbmVsXG4gICAgICAgICAgICAgICAgICAgICAgICAqY2RrVmlydHVhbEZvcj1cImxldCB3b3JrZmxvdyBvZiB3b3JrZmxvd3M7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGV0IGZpcnN0ID0gZmlyc3Q7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGV0IGxhc3QgPSBsYXN0O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxldCBpID0gaW5kZXg7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGVtcGxhdGVDYWNoZVNpemU6IDA7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdHJhY2tCeTogdHJhY2tCeVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbd29ya2Zsb3ddPVwid29ya2Zsb3dcIiBbZmlyc3RdPVwiZmlyc3RcIiBbbGFzdF09XCJsYXN0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtzZWxlY3RlZEhlYWRlcnMkXT1cInNlbGVjdGVkSGVhZGVycyRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dEZWxldGVNZW51XT1cInNob3dEZWxldGVNZW51XCI+XG4gICAgICAgICAgICAgICAgICAgIDwvbmMtd29ya2Zsb3ctcGFuZWw+XG5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cImxvYWRpbmckIHwgYXN5bmNcIiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm1hcmdpbi10b3AtZGVmYXVsdFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1zcGlubmVyIGNvbG9yPVwicHJpbWFyeVwiIGRpYW1ldGVyPVwiNTBcIj48L21hdC1zcGlubmVyPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgICAgIDwvY2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0PlxuXG4gICAgICAgICAgICA8L21hdC1hY2NvcmRpb24+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2020/public-api.mjs

@@ -20,4 +20,5 @@ export * from './lib/view/public-api';
 export * from './lib/legal/public-api';
 export * from './lib/routing/public-api';
 export * from './lib/filter-field-content/public-api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILFVBQVU7QUFDVixjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyx1Q0FBdUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgbmV0Z3JpZi1jb21wb25lbnRzXG4gKi9cbi8qIEFQSVMgKi9cbmV4cG9ydCAqIGZyb20gJy4vbGliL2FkbWluL3B1YmxpYy1hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYXV0aGVudGljYXRpb24vcHVibGljLWFwaSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9kYXNoYm9hcmQvcHVibGljLWFwaSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9kYXRhLWZpZWxkcy9wdWJsaWMtYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Zvcm1zL3B1YmxpYy1hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaGVhZGVyL3B1YmxpYy1hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbmF2aWdhdGlvbi9wdWJsaWMtYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhbmVsL3B1YmxpYy1hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VhcmNoL3B1YmxpYy1hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2lkZS1tZW51L3B1YmxpYy1hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdGFicy9wdWJsaWMtYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Rhc2stY29udGVudC9wdWJsaWMtYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Rvb2xiYXIvcHVibGljLWFwaSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi91c2VyL3B1YmxpYy1hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdmlldy9wdWJsaWMtYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xlZ2FsL3B1YmxpYy1hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcm91dGluZy9wdWJsaWMtYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ZpbHRlci1maWVsZC1jb250ZW50L3B1YmxpYy1hcGknO1xuIl19
+export * from './lib/dialog/public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILFVBQVU7QUFDVixjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBuZXRncmlmLWNvbXBvbmVudHNcbiAqL1xuLyogQVBJUyAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYWRtaW4vcHVibGljLWFwaSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hdXRoZW50aWNhdGlvbi9wdWJsaWMtYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Rhc2hib2FyZC9wdWJsaWMtYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGEtZmllbGRzL3B1YmxpYy1hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZm9ybXMvcHVibGljLWFwaSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9oZWFkZXIvcHVibGljLWFwaSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9uYXZpZ2F0aW9uL3B1YmxpYy1hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGFuZWwvcHVibGljLWFwaSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWFyY2gvcHVibGljLWFwaSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zaWRlLW1lbnUvcHVibGljLWFwaSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90YWJzL3B1YmxpYy1hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdGFzay1jb250ZW50L3B1YmxpYy1hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9vbGJhci9wdWJsaWMtYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3VzZXIvcHVibGljLWFwaSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi92aWV3L3B1YmxpYy1hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbGVnYWwvcHVibGljLWFwaSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9yb3V0aW5nL3B1YmxpYy1hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZmlsdGVyLWZpZWxkLWNvbnRlbnQvcHVibGljLWFwaSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaWFsb2cvcHVibGljLWFwaSc7XG4iXX0=