@netgrif/components 6.4.0-rc.8 → 7.0.0-beta.2

package/esm2022/lib/panel/task-panel/task-panel.component.mjs

@@ -0,0 +1,145 @@
+import { Component, Inject, Injector, Optional } from '@angular/core';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { AbstractTaskPanelComponent, AssignPolicyService, AssignTaskService, BOOLEAN_VALUE_LABEL_ENABLED, CancelTaskService, ChangedFieldsService, DataFocusPolicyService, DelegateTaskService, FinishPolicyService, FinishTaskService, NAE_TASK_FORCE_OPEN, NAE_TASK_OPERATIONS, NAE_TASK_PANEL_DISABLE_BUTTON_FUNCTIONS, SingleTaskContentService, SubjectTaskOperations, TaskContentService, TaskDataService, TaskEventService, TaskRequestStateService, FrontActionService, NAE_TAB_DATA } from '@netgrif/components-core';
+import { TaskContentComponent } from '../../task-content/task-content/task-content.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@netgrif/components-core";
+import * as i2 from "@ngx-translate/core";
+import * as i3 from "@angular/common";
+import * as i4 from "@ngbracket/ngx-layout";
+import * as i5 from "@ngbracket/ngx-layout/extended";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/material/expansion";
+import * as i8 from "@angular/material/icon";
+import * as i9 from "@angular/material/menu";
+import * as i10 from "@angular/material/progress-spinner";
+import * as i11 from "@angular/cdk/portal";
+import * as i12 from "../panel.component";
+import * as i13 from "../panel-item/panel-item.component";
+export class TaskPanelComponent extends AbstractTaskPanelComponent {
+    _taskContentService;
+    _log;
+    _taskViewService;
+    _paperView;
+    _taskEventService;
+    _assignTaskService;
+    _delegateTaskService;
+    _cancelTaskService;
+    _finishTaskService;
+    _taskState;
+    _taskDataService;
+    _assignPolicyService;
+    _finishPolicyService;
+    _callChain;
+    _translate;
+    _disableFunctions;
+    isEnabled;
+    _parentInjector;
+    _currencyPipe;
+    _changedFieldsService;
+    _permissionService;
+    _taskForceOpen;
+    constructor(_taskContentService, _log, _taskViewService, _paperView, _taskEventService, _assignTaskService, _delegateTaskService, _cancelTaskService, _finishTaskService, _taskState, _taskDataService, _assignPolicyService, _finishPolicyService, _callChain, _translate, _taskOperations, _disableFunctions, isEnabled, _parentInjector, _currencyPipe, _changedFieldsService, _permissionService, overflowService, _taskForceOpen, injectedTabData) {
+        super(_taskContentService, _log, _taskViewService, _paperView, _taskEventService, _assignTaskService, _delegateTaskService, _cancelTaskService, _finishTaskService, _taskState, _taskDataService, _assignPolicyService, _finishPolicyService, _callChain, _taskOperations, _disableFunctions, _translate, _currencyPipe, _changedFieldsService, _permissionService, overflowService, _taskForceOpen, injectedTabData);
+        this._taskContentService = _taskContentService;
+        this._log = _log;
+        this._taskViewService = _taskViewService;
+        this._paperView = _paperView;
+        this._taskEventService = _taskEventService;
+        this._assignTaskService = _assignTaskService;
+        this._delegateTaskService = _delegateTaskService;
+        this._cancelTaskService = _cancelTaskService;
+        this._finishTaskService = _finishTaskService;
+        this._taskState = _taskState;
+        this._taskDataService = _taskDataService;
+        this._assignPolicyService = _assignPolicyService;
+        this._finishPolicyService = _finishPolicyService;
+        this._callChain = _callChain;
+        this._translate = _translate;
+        this._disableFunctions = _disableFunctions;
+        this.isEnabled = isEnabled;
+        this._parentInjector = _parentInjector;
+        this._currencyPipe = _currencyPipe;
+        this._changedFieldsService = _changedFieldsService;
+        this._permissionService = _permissionService;
+        this._taskForceOpen = _taskForceOpen;
+        if (_taskForceOpen) {
+            this.hidePanelHeader = true;
+        }
+    }
+    createContentPortal() {
+        const providers = [
+            { provide: TaskContentService, useValue: this._taskContentService },
+            { provide: BOOLEAN_VALUE_LABEL_ENABLED, useValue: this.isEnabled }
+        ];
+        const injector = Injector.create({ providers, parent: this._parentInjector });
+        if (this.panelContentComponent === undefined) {
+            this.portal = new ComponentPortal(TaskContentComponent, null, injector);
+        }
+        else {
+            this.portal = new ComponentPortal(this.panelContentComponent, null, injector);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskPanelComponent, deps: [{ token: i1.TaskContentService }, { token: i1.LoggerService }, { token: i1.TaskViewService }, { token: i1.PaperViewService }, { token: i1.TaskEventService }, { token: i1.AssignTaskService }, { token: i1.DelegateTaskService }, { token: i1.CancelTaskService }, { token: i1.FinishTaskService }, { token: i1.TaskRequestStateService }, { token: i1.TaskDataService }, { token: i1.AssignPolicyService }, { token: i1.FinishPolicyService }, { token: i1.CallChainService }, { token: i2.TranslateService }, { token: NAE_TASK_OPERATIONS }, { token: NAE_TASK_PANEL_DISABLE_BUTTON_FUNCTIONS, optional: true }, { token: BOOLEAN_VALUE_LABEL_ENABLED, optional: true }, { token: i0.Injector }, { token: i3.CurrencyPipe }, { token: i1.ChangedFieldsService }, { token: i1.PermissionService }, { token: i1.OverflowService, optional: true }, { token: NAE_TASK_FORCE_OPEN, optional: true }, { token: NAE_TAB_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TaskPanelComponent, selector: "nc-task-panel", providers: [
+            { provide: TaskContentService, useClass: SingleTaskContentService },
+            TaskDataService,
+            FrontActionService,
+            TaskEventService,
+            AssignTaskService,
+            DelegateTaskService,
+            CancelTaskService,
+            FinishTaskService,
+            TaskRequestStateService,
+            DataFocusPolicyService,
+            AssignPolicyService,
+            FinishPolicyService,
+            ChangedFieldsService,
+            { provide: NAE_TASK_OPERATIONS, useClass: SubjectTaskOperations },
+        ], usesInheritance: true, ngImport: i0, template: "<nc-app-panel [panelContent]=\"taskPanelContent\" [panelHeader]=\"taskPanelHeader\"\n              (stopLoading)=\"stopLoading()\" (getExpansionPanelRef)=\"setPanelRef($event)\" [first]=\"first\" [last]=\"last\"\n              [preventCollapse]='preventCollapse' [hidePanelHeader]='hidePanelHeader'>\n    <ng-template #taskPanelHeader>\n        <div fxLayoutAlign=\"start center\" fxLayout=\"row\" fxFlex=\"95\" (click)=\"preventSelectionClick($event)\">\n            <div *ngFor=\"let field of featuredFieldsValues; let i = index\" fxFlex\n                 class=\"text-column-div\"\n                 [fxHide.lt-xl]=\"i >= 4 && responsiveBody && !overflowMode\"\n                 [fxHide.lt-lg]=\"i >= 3 && responsiveBody && !overflowMode\"\n                 [fxHide.lt-md]=\"i >= 2 && responsiveBody && !overflowMode\"\n                 [fxHide.lt-sm]=\"i >= 1 && responsiveBody && !overflowMode\"\n                 [ngClass]=\"{'panel-header-padding': !textEllipsis && field.type !== 'button'}\">\n                <nc-panel-item\n                    [leadingIcon]=\"taskPanelData.task.icon\"\n                    [leadingIconEnabled]=\"i === 0\"\n                    [featuredValue]=\"field\"\n                    [textEllipsis]=\"textEllipsis\">\n                </nc-panel-item>\n            </div>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxFlex=\"5\">\n            <button mat-icon-button (click)=\"preventPanelOpen($event)\"\n                    *ngIf=\"!isLoading && showMoreMenu && (canAssign() || canDo('delegate') || canReassign() || canCancel() || canFinish())\"\n                    [matMenuTriggerFor]=\"menu\">\n                <mat-icon>more_vert</mat-icon>\n            </button>\n            <mat-menu #menu=\"matMenu\">\n                <button mat-menu-item *ngIf=\"canAssign()\" (click)=\"assign()\" [disabled]=\"canDisable('assign')\">\n                    <mat-icon>person</mat-icon>\n                    <span>{{ getAssignTitle() | translate}}</span>\n                </button>\n                <button mat-menu-item *ngIf=\"canDo('delegate')\" (click)=\"delegate()\"\n                        [disabled]=\"canDisable('delegate')\">\n                    <mat-icon>person_outline</mat-icon>\n                    <span>{{ getDelegateTitle() | translate}}</span>\n                </button>\n                <button mat-menu-item *ngIf=\"canReassign()\" (click)=\"delegate()\" [disabled]=\"canDisable('reassign')\">\n                    <mat-icon>person_add</mat-icon>\n                    <span>{{ 'tasks.view.reassign' | translate}}</span>\n                </button>\n                <button mat-menu-item *ngIf=\"canCancel()\" (click)=\"cancel()\" [disabled]=\"canDisable('cancel')\">\n                    <mat-icon>cancel</mat-icon>\n                    <span>{{ getCancelTitle() | translate}}</span>\n                </button>\n                <button mat-menu-item *ngIf=\"canFinish()\" (click)=\"finish()\" [disabled]=\"canDisable('finish')\">\n                    <mat-icon>done</mat-icon>\n                    <span>{{ getFinishTitle() | translate}}</span>\n                </button>\n            </mat-menu>\n            <mat-spinner *ngIf=\"isLoading\" [diameter]=\"30\"></mat-spinner>\n        </div>\n    </ng-template>\n    <ng-template #taskPanelContent>\n        <div class=\"panel-main-content\" fxLayout=\"column\"\n             [ngStyle]=\"(isForceOpen() && {'min-height': getContentMinHeight()}) || null\">\n            <div class=\"task-panel-body\" [ngClass]=\"{'paper-view': isPaperView()}\" fxFlex=\"100\">\n                <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n            </div>\n            <mat-action-row *ngIf=\"!hideActionRow\" fxLayout.lt-sm=\"column\" [ngStyle]=\"{'justify-content': actionRowJustifyContent ?? 'flex-end' }\">\n                <mat-spinner class='action-row-spinner' *ngIf=\"isLoading && hidePanelHeader\"\n                             [diameter]=\"20\"></mat-spinner>\n                <div fxLayoutAlign.lt-sm=\"center stretch\" ngClass.lt-sm=\"width-100\"\n                     *ngFor='let button of (!!actionButtonTemplates && actionButtonTemplates.length > 0 ?\n                    actionButtonTemplates : [assignButton, delegateButton, reassignButton, cancelButton, finishButton, collapseButton])'>\n                    <ng-container *ngTemplateOutlet='button; context:thisContext'></ng-container>\n                </div>\n            </mat-action-row>\n        </div>\n    </ng-template>\n</nc-app-panel>\n\n<ng-template #assignButton>\n    <button *ngIf=\"canAssign() && getAssignTitle()?.length > 0\" (click)=\"assign()\" mat-stroked-button color=\"primary\" [disabled]=\"canDisable('assign')\">\n        {{ getAssignTitle() | translate | uppercase }}</button>\n</ng-template>\n\n<ng-template #delegateButton>\n    <button *ngIf=\"canDo('delegate') && getDelegateTitle()?.length > 0\" (click)=\"delegate()\" mat-stroked-button color=\"primary\" [disabled]=\"canDisable('delegate')\">\n        {{ getDelegateTitle() | translate | uppercase }}</button>\n</ng-template>\n\n<ng-template #reassignButton>\n    <button *ngIf=\"canReassign()\" (click)=\"delegate()\" mat-stroked-button color=\"primary\" [disabled]=\"canDisable('reassign')\">\n        {{ 'tasks.view.reassign' | translate | uppercase }}</button>\n</ng-template>\n\n<ng-template #cancelButton>\n    <button *ngIf=\"canCancel() && getCancelTitle()?.length > 0\" (click)=\"cancel()\" mat-stroked-button color=\"primary\" [disabled]=\"canDisable('cancel')\">\n        {{ getCancelTitle() | translate | uppercase }}</button>\n</ng-template>\n\n<ng-template #finishButton>\n    <button *ngIf=\"canFinish() && getFinishTitle()?.length > 0\" (click)=\"finish()\" mat-stroked-button color=\"primary\" [disabled]=\"canDisable('finish')\">\n        {{ getFinishTitle() | translate | uppercase }}</button>\n</ng-template>\n\n<ng-template #collapseButton>\n    <button *ngIf=\"canCollapse()\" color=\"primary\" (click)=\"collapse()\" mat-stroked-button color=\"primary\">\n        {{ 'tasks.view.collapse' | translate | uppercase }}</button>\n</ng-template>\n", styles: [".task-panel-icon{margin-right:8px}.task-panel-footer{border-top:1px solid rgba(0,0,0,.03);padding:5px 24px}.task-panel-body{padding:10px 24px}.paper-view{margin:auto}.width-100{width:100%}.text-column-ellipsis{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.text-column-word-wrap{word-break:break-word!important;white-space:pre-line!important}.text-column-div{min-width:0;width:0}.text-column-margin{margin-right:15px;line-height:24px}.panel-header-padding{padding:9px 0!important}.pre-line-dialog{white-space:pre-line!important}.action-row-spinner{box-sizing:border-box;width:20px;height:20px;display:inline;margin:auto 5px}@media only screen and (max-width: 959.99px){.task-panel-body{padding:10px 0}.task-panel-action-row{padding:8px}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.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"] }, { kind: "directive", type: i4.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"] }, { kind: "directive", type: i4.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"] }, { kind: "directive", type: i5.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i5.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i5.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i7.MatExpansionPanelActionRow, selector: "mat-action-row" }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i9.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i10.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i11.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i12.PanelComponent, selector: "nc-app-panel" }, { kind: "component", type: i13.PanelItemComponent, selector: "nc-panel-item" }, { kind: "pipe", type: i3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-task-panel', providers: [
+                        { provide: TaskContentService, useClass: SingleTaskContentService },
+                        TaskDataService,
+                        FrontActionService,
+                        TaskEventService,
+                        AssignTaskService,
+                        DelegateTaskService,
+                        CancelTaskService,
+                        FinishTaskService,
+                        TaskRequestStateService,
+                        DataFocusPolicyService,
+                        AssignPolicyService,
+                        FinishPolicyService,
+                        ChangedFieldsService,
+                        { provide: NAE_TASK_OPERATIONS, useClass: SubjectTaskOperations },
+                    ], template: "<nc-app-panel [panelContent]=\"taskPanelContent\" [panelHeader]=\"taskPanelHeader\"\n              (stopLoading)=\"stopLoading()\" (getExpansionPanelRef)=\"setPanelRef($event)\" [first]=\"first\" [last]=\"last\"\n              [preventCollapse]='preventCollapse' [hidePanelHeader]='hidePanelHeader'>\n    <ng-template #taskPanelHeader>\n        <div fxLayoutAlign=\"start center\" fxLayout=\"row\" fxFlex=\"95\" (click)=\"preventSelectionClick($event)\">\n            <div *ngFor=\"let field of featuredFieldsValues; let i = index\" fxFlex\n                 class=\"text-column-div\"\n                 [fxHide.lt-xl]=\"i >= 4 && responsiveBody && !overflowMode\"\n                 [fxHide.lt-lg]=\"i >= 3 && responsiveBody && !overflowMode\"\n                 [fxHide.lt-md]=\"i >= 2 && responsiveBody && !overflowMode\"\n                 [fxHide.lt-sm]=\"i >= 1 && responsiveBody && !overflowMode\"\n                 [ngClass]=\"{'panel-header-padding': !textEllipsis && field.type !== 'button'}\">\n                <nc-panel-item\n                    [leadingIcon]=\"taskPanelData.task.icon\"\n                    [leadingIconEnabled]=\"i === 0\"\n                    [featuredValue]=\"field\"\n                    [textEllipsis]=\"textEllipsis\">\n                </nc-panel-item>\n            </div>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxFlex=\"5\">\n            <button mat-icon-button (click)=\"preventPanelOpen($event)\"\n                    *ngIf=\"!isLoading && showMoreMenu && (canAssign() || canDo('delegate') || canReassign() || canCancel() || canFinish())\"\n                    [matMenuTriggerFor]=\"menu\">\n                <mat-icon>more_vert</mat-icon>\n            </button>\n            <mat-menu #menu=\"matMenu\">\n                <button mat-menu-item *ngIf=\"canAssign()\" (click)=\"assign()\" [disabled]=\"canDisable('assign')\">\n                    <mat-icon>person</mat-icon>\n                    <span>{{ getAssignTitle() | translate}}</span>\n                </button>\n                <button mat-menu-item *ngIf=\"canDo('delegate')\" (click)=\"delegate()\"\n                        [disabled]=\"canDisable('delegate')\">\n                    <mat-icon>person_outline</mat-icon>\n                    <span>{{ getDelegateTitle() | translate}}</span>\n                </button>\n                <button mat-menu-item *ngIf=\"canReassign()\" (click)=\"delegate()\" [disabled]=\"canDisable('reassign')\">\n                    <mat-icon>person_add</mat-icon>\n                    <span>{{ 'tasks.view.reassign' | translate}}</span>\n                </button>\n                <button mat-menu-item *ngIf=\"canCancel()\" (click)=\"cancel()\" [disabled]=\"canDisable('cancel')\">\n                    <mat-icon>cancel</mat-icon>\n                    <span>{{ getCancelTitle() | translate}}</span>\n                </button>\n                <button mat-menu-item *ngIf=\"canFinish()\" (click)=\"finish()\" [disabled]=\"canDisable('finish')\">\n                    <mat-icon>done</mat-icon>\n                    <span>{{ getFinishTitle() | translate}}</span>\n                </button>\n            </mat-menu>\n            <mat-spinner *ngIf=\"isLoading\" [diameter]=\"30\"></mat-spinner>\n        </div>\n    </ng-template>\n    <ng-template #taskPanelContent>\n        <div class=\"panel-main-content\" fxLayout=\"column\"\n             [ngStyle]=\"(isForceOpen() && {'min-height': getContentMinHeight()}) || null\">\n            <div class=\"task-panel-body\" [ngClass]=\"{'paper-view': isPaperView()}\" fxFlex=\"100\">\n                <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n            </div>\n            <mat-action-row *ngIf=\"!hideActionRow\" fxLayout.lt-sm=\"column\" [ngStyle]=\"{'justify-content': actionRowJustifyContent ?? 'flex-end' }\">\n                <mat-spinner class='action-row-spinner' *ngIf=\"isLoading && hidePanelHeader\"\n                             [diameter]=\"20\"></mat-spinner>\n                <div fxLayoutAlign.lt-sm=\"center stretch\" ngClass.lt-sm=\"width-100\"\n                     *ngFor='let button of (!!actionButtonTemplates && actionButtonTemplates.length > 0 ?\n                    actionButtonTemplates : [assignButton, delegateButton, reassignButton, cancelButton, finishButton, collapseButton])'>\n                    <ng-container *ngTemplateOutlet='button; context:thisContext'></ng-container>\n                </div>\n            </mat-action-row>\n        </div>\n    </ng-template>\n</nc-app-panel>\n\n<ng-template #assignButton>\n    <button *ngIf=\"canAssign() && getAssignTitle()?.length > 0\" (click)=\"assign()\" mat-stroked-button color=\"primary\" [disabled]=\"canDisable('assign')\">\n        {{ getAssignTitle() | translate | uppercase }}</button>\n</ng-template>\n\n<ng-template #delegateButton>\n    <button *ngIf=\"canDo('delegate') && getDelegateTitle()?.length > 0\" (click)=\"delegate()\" mat-stroked-button color=\"primary\" [disabled]=\"canDisable('delegate')\">\n        {{ getDelegateTitle() | translate | uppercase }}</button>\n</ng-template>\n\n<ng-template #reassignButton>\n    <button *ngIf=\"canReassign()\" (click)=\"delegate()\" mat-stroked-button color=\"primary\" [disabled]=\"canDisable('reassign')\">\n        {{ 'tasks.view.reassign' | translate | uppercase }}</button>\n</ng-template>\n\n<ng-template #cancelButton>\n    <button *ngIf=\"canCancel() && getCancelTitle()?.length > 0\" (click)=\"cancel()\" mat-stroked-button color=\"primary\" [disabled]=\"canDisable('cancel')\">\n        {{ getCancelTitle() | translate | uppercase }}</button>\n</ng-template>\n\n<ng-template #finishButton>\n    <button *ngIf=\"canFinish() && getFinishTitle()?.length > 0\" (click)=\"finish()\" mat-stroked-button color=\"primary\" [disabled]=\"canDisable('finish')\">\n        {{ getFinishTitle() | translate | uppercase }}</button>\n</ng-template>\n\n<ng-template #collapseButton>\n    <button *ngIf=\"canCollapse()\" color=\"primary\" (click)=\"collapse()\" mat-stroked-button color=\"primary\">\n        {{ 'tasks.view.collapse' | translate | uppercase }}</button>\n</ng-template>\n", styles: [".task-panel-icon{margin-right:8px}.task-panel-footer{border-top:1px solid rgba(0,0,0,.03);padding:5px 24px}.task-panel-body{padding:10px 24px}.paper-view{margin:auto}.width-100{width:100%}.text-column-ellipsis{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.text-column-word-wrap{word-break:break-word!important;white-space:pre-line!important}.text-column-div{min-width:0;width:0}.text-column-margin{margin-right:15px;line-height:24px}.panel-header-padding{padding:9px 0!important}.pre-line-dialog{white-space:pre-line!important}.action-row-spinner{box-sizing:border-box;width:20px;height:20px;display:inline;margin:auto 5px}@media only screen and (max-width: 959.99px){.task-panel-body{padding:10px 0}.task-panel-action-row{padding:8px}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.TaskContentService }, { type: i1.LoggerService }, { type: i1.TaskViewService }, { type: i1.PaperViewService }, { type: i1.TaskEventService }, { type: i1.AssignTaskService }, { type: i1.DelegateTaskService }, { type: i1.CancelTaskService }, { type: i1.FinishTaskService }, { type: i1.TaskRequestStateService }, { type: i1.TaskDataService }, { type: i1.AssignPolicyService }, { type: i1.FinishPolicyService }, { type: i1.CallChainService }, { type: i2.TranslateService }, { type: i1.SubjectTaskOperations, decorators: [{
+                    type: Inject,
+                    args: [NAE_TASK_OPERATIONS]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [NAE_TASK_PANEL_DISABLE_BUTTON_FUNCTIONS]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [BOOLEAN_VALUE_LABEL_ENABLED]
+                }] }, { type: i0.Injector }, { type: i3.CurrencyPipe }, { type: i1.ChangedFieldsService }, { type: i1.PermissionService }, { type: i1.OverflowService, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [NAE_TASK_FORCE_OPEN]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [NAE_TAB_DATA]
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFzay1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9wYW5lbC90YXNrLXBhbmVsL3Rhc2stcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvcGFuZWwvdGFzay1wYW5lbC90YXNrLXBhbmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRCxPQUFPLEVBQ0gsMEJBQTBCLEVBQzFCLG1CQUFtQixFQUNuQixpQkFBaUIsRUFDakIsMkJBQTJCLEVBRTNCLGlCQUFpQixFQUNqQixvQkFBb0IsRUFDcEIsc0JBQXNCLEVBQ3RCLG1CQUFtQixFQUVuQixtQkFBbUIsRUFDbkIsaUJBQWlCLEVBRWpCLG1CQUFtQixFQUNuQixtQkFBbUIsRUFDbkIsdUNBQXVDLEVBSXZDLHdCQUF3QixFQUN4QixxQkFBcUIsRUFDckIsa0JBQWtCLEVBQ2xCLGVBQWUsRUFDZixnQkFBZ0IsRUFDaEIsdUJBQXVCLEVBRXZCLGtCQUFrQixFQUNsQixZQUFZLEVBRWYsTUFBTSwwQkFBMEIsQ0FBQztBQUNsQyxPQUFPLEVBQUMsb0JBQW9CLEVBQUMsTUFBTSx3REFBd0QsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7O0FBeUI1RixNQUFNLE9BQU8sa0JBQW1CLFNBQVEsMEJBQTBCO0lBRXhDO0lBQ0E7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQUU2RDtJQUNaO0lBQ2pEO0lBQ0E7SUFDQTtJQUNBO0lBRXlDO0lBdkIvRCxZQUFzQixtQkFBdUMsRUFDdkMsSUFBbUIsRUFDbkIsZ0JBQWlDLEVBQ2pDLFVBQTRCLEVBQzVCLGlCQUFtQyxFQUNuQyxrQkFBcUMsRUFDckMsb0JBQXlDLEVBQ3pDLGtCQUFxQyxFQUNyQyxrQkFBcUMsRUFDckMsVUFBbUMsRUFDbkMsZ0JBQWlDLEVBQ2pDLG9CQUF5QyxFQUN6QyxvQkFBeUMsRUFDekMsVUFBNEIsRUFDNUIsVUFBNEIsRUFDVCxlQUFzQyxFQUNJLGlCQUF3QyxFQUNwRCxTQUFrQixFQUNuRSxlQUF5QixFQUN6QixhQUEyQixFQUMzQixxQkFBMkMsRUFDM0Msa0JBQXFDLEVBQ25DLGVBQWdDLEVBQ08sY0FBdUIsRUFDeEMsZUFBZ0M7UUFDMUUsS0FBSyxDQUFDLG1CQUFtQixFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsa0JBQWtCLEVBQ2hHLG9CQUFvQixFQUFFLGtCQUFrQixFQUFFLGtCQUFrQixFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFDMUYsb0JBQW9CLEVBQUUsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLGVBQWUsRUFBRSxpQkFBaUIsRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLHFCQUFxQixFQUM1SSxrQkFBa0IsRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLGVBQWUsQ0FBQyxDQUFDO1FBNUJ4RCx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQW9CO1FBQ3ZDLFNBQUksR0FBSixJQUFJLENBQWU7UUFDbkIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFpQjtRQUNqQyxlQUFVLEdBQVYsVUFBVSxDQUFrQjtRQUM1QixzQkFBaUIsR0FBakIsaUJBQWlCLENBQWtCO1FBQ25DLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7UUFDckMseUJBQW9CLEdBQXBCLG9CQUFvQixDQUFxQjtRQUN6Qyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW1CO1FBQ3JDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7UUFDckMsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7UUFDbkMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFpQjtRQUNqQyx5QkFBb0IsR0FBcEIsb0JBQW9CLENBQXFCO1FBQ3pDLHlCQUFvQixHQUFwQixvQkFBb0IsQ0FBcUI7UUFDekMsZUFBVSxHQUFWLFVBQVUsQ0FBa0I7UUFDNUIsZUFBVSxHQUFWLFVBQVUsQ0FBa0I7UUFFaUMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUF1QjtRQUNwRCxjQUFTLEdBQVQsU0FBUyxDQUFTO1FBQ25FLG9CQUFlLEdBQWYsZUFBZSxDQUFVO1FBQ3pCLGtCQUFhLEdBQWIsYUFBYSxDQUFjO1FBQzNCLDBCQUFxQixHQUFyQixxQkFBcUIsQ0FBc0I7UUFDM0MsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFtQjtRQUVJLG1CQUFjLEdBQWQsY0FBYyxDQUFTO1FBTWxGLElBQUksY0FBYyxFQUFFO1lBQ2hCLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO1NBQy9CO0lBQ0wsQ0FBQztJQUVTLG1CQUFtQjtRQUN6QixNQUFNLFNBQVMsR0FBMEI7WUFDckMsRUFBQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsUUFBUSxFQUFFLElBQUksQ0FBQyxtQkFBbUIsRUFBQztZQUNqRSxFQUFDLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxRQUFRLEVBQUUsSUFBSSxDQUFDLFNBQVMsRUFBQztTQUNuRSxDQUFDO1FBQ0YsTUFBTSxRQUFRLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLGVBQWUsRUFBQyxDQUFDLENBQUM7UUFFNUUsSUFBSSxJQUFJLENBQUMscUJBQXFCLEtBQUssU0FBUyxFQUFFO1lBQzFDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxlQUFlLENBQUMsb0JBQW9CLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1NBQzNFO2FBQU07WUFDSCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLENBQUM7U0FDakY7SUFDTCxDQUFDO3dHQWhEUSxrQkFBa0Isa2dCQWlCUCxtQkFBbUIsYUFDUCx1Q0FBdUMsNkJBQ3ZDLDJCQUEyQixxTUFNM0IsbUJBQW1CLDZCQUNuQixZQUFZOzRGQTFCbkMsa0JBQWtCLHdDQWpCaEI7WUFDUCxFQUFDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxRQUFRLEVBQUUsd0JBQXdCLEVBQUM7WUFDakUsZUFBZTtZQUNmLGtCQUFrQjtZQUNsQixnQkFBZ0I7WUFDaEIsaUJBQWlCO1lBQ2pCLG1CQUFtQjtZQUNuQixpQkFBaUI7WUFDakIsaUJBQWlCO1lBQ2pCLHVCQUF1QjtZQUN2QixzQkFBc0I7WUFDdEIsbUJBQW1CO1lBQ25CLG1CQUFtQjtZQUNuQixvQkFBb0I7WUFDcEIsRUFBQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsUUFBUSxFQUFFLHFCQUFxQixFQUFDO1NBQ2xFLGlEQ3hETCw2L0xBb0dBOzs0RkQxQ2Esa0JBQWtCO2tCQXJCOUIsU0FBUzsrQkFDSSxlQUFlLGFBR2Q7d0JBQ1AsRUFBQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsUUFBUSxFQUFFLHdCQUF3QixFQUFDO3dCQUNqRSxlQUFlO3dCQUNmLGtCQUFrQjt3QkFDbEIsZ0JBQWdCO3dCQUNoQixpQkFBaUI7d0JBQ2pCLG1CQUFtQjt3QkFDbkIsaUJBQWlCO3dCQUNqQixpQkFBaUI7d0JBQ2pCLHVCQUF1Qjt3QkFDdkIsc0JBQXNCO3dCQUN0QixtQkFBbUI7d0JBQ25CLG1CQUFtQjt3QkFDbkIsb0JBQW9CO3dCQUNwQixFQUFDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxRQUFRLEVBQUUscUJBQXFCLEVBQUM7cUJBQ2xFOzswQkFtQlksTUFBTTsyQkFBQyxtQkFBbUI7OzBCQUMxQixRQUFROzswQkFBSSxNQUFNOzJCQUFDLHVDQUF1Qzs7MEJBQzFELFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsMkJBQTJCOzswQkFLOUMsUUFBUTs7MEJBQ1IsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxtQkFBbUI7OzBCQUN0QyxRQUFROzswQkFBSSxNQUFNOzJCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBJbmplY3RvciwgT3B0aW9uYWwsIFN0YXRpY1Byb3ZpZGVyfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tcG9uZW50UG9ydGFsfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RUYXNrUGFuZWxDb21wb25lbnQsXG4gICAgQXNzaWduUG9saWN5U2VydmljZSxcbiAgICBBc3NpZ25UYXNrU2VydmljZSxcbiAgICBCT09MRUFOX1ZBTFVFX0xBQkVMX0VOQUJMRUQsXG4gICAgQ2FsbENoYWluU2VydmljZSxcbiAgICBDYW5jZWxUYXNrU2VydmljZSxcbiAgICBDaGFuZ2VkRmllbGRzU2VydmljZSxcbiAgICBEYXRhRm9jdXNQb2xpY3lTZXJ2aWNlLFxuICAgIERlbGVnYXRlVGFza1NlcnZpY2UsXG4gICAgRGlzYWJsZUJ1dHRvbkZ1bnRpb25zLFxuICAgIEZpbmlzaFBvbGljeVNlcnZpY2UsXG4gICAgRmluaXNoVGFza1NlcnZpY2UsXG4gICAgTG9nZ2VyU2VydmljZSxcbiAgICBOQUVfVEFTS19GT1JDRV9PUEVOLFxuICAgIE5BRV9UQVNLX09QRVJBVElPTlMsXG4gICAgTkFFX1RBU0tfUEFORUxfRElTQUJMRV9CVVRUT05fRlVOQ1RJT05TLFxuICAgIE92ZXJmbG93U2VydmljZSxcbiAgICBQYXBlclZpZXdTZXJ2aWNlLFxuICAgIFBlcm1pc3Npb25TZXJ2aWNlLFxuICAgIFNpbmdsZVRhc2tDb250ZW50U2VydmljZSxcbiAgICBTdWJqZWN0VGFza09wZXJhdGlvbnMsXG4gICAgVGFza0NvbnRlbnRTZXJ2aWNlLFxuICAgIFRhc2tEYXRhU2VydmljZSxcbiAgICBUYXNrRXZlbnRTZXJ2aWNlLFxuICAgIFRhc2tSZXF1ZXN0U3RhdGVTZXJ2aWNlLFxuICAgIFRhc2tWaWV3U2VydmljZSxcbiAgICBGcm9udEFjdGlvblNlcnZpY2UsXG4gICAgTkFFX1RBQl9EQVRBLFxuICAgIEluamVjdGVkVGFiRGF0YVxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuaW1wb3J0IHtUYXNrQ29udGVudENvbXBvbmVudH0gZnJvbSAnLi4vLi4vdGFzay1jb250ZW50L3Rhc2stY29udGVudC90YXNrLWNvbnRlbnQuY29tcG9uZW50JztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQge0N1cnJlbmN5UGlwZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy10YXNrLXBhbmVsJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGFzay1wYW5lbC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdGFzay1wYW5lbC5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7cHJvdmlkZTogVGFza0NvbnRlbnRTZXJ2aWNlLCB1c2VDbGFzczogU2luZ2xlVGFza0NvbnRlbnRTZXJ2aWNlfSxcbiAgICAgICAgVGFza0RhdGFTZXJ2aWNlLFxuICAgICAgICBGcm9udEFjdGlvblNlcnZpY2UsXG4gICAgICAgIFRhc2tFdmVudFNlcnZpY2UsXG4gICAgICAgIEFzc2lnblRhc2tTZXJ2aWNlLFxuICAgICAgICBEZWxlZ2F0ZVRhc2tTZXJ2aWNlLFxuICAgICAgICBDYW5jZWxUYXNrU2VydmljZSxcbiAgICAgICAgRmluaXNoVGFza1NlcnZpY2UsXG4gICAgICAgIFRhc2tSZXF1ZXN0U3RhdGVTZXJ2aWNlLFxuICAgICAgICBEYXRhRm9jdXNQb2xpY3lTZXJ2aWNlLFxuICAgICAgICBBc3NpZ25Qb2xpY3lTZXJ2aWNlLFxuICAgICAgICBGaW5pc2hQb2xpY3lTZXJ2aWNlLFxuICAgICAgICBDaGFuZ2VkRmllbGRzU2VydmljZSxcbiAgICAgICAge3Byb3ZpZGU6IE5BRV9UQVNLX09QRVJBVElPTlMsIHVzZUNsYXNzOiBTdWJqZWN0VGFza09wZXJhdGlvbnN9LFxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgVGFza1BhbmVsQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RUYXNrUGFuZWxDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIF90YXNrQ29udGVudFNlcnZpY2U6IFRhc2tDb250ZW50U2VydmljZSxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgX2xvZzogTG9nZ2VyU2VydmljZSxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgX3Rhc2tWaWV3U2VydmljZTogVGFza1ZpZXdTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBfcGFwZXJWaWV3OiBQYXBlclZpZXdTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBfdGFza0V2ZW50U2VydmljZTogVGFza0V2ZW50U2VydmljZSxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgX2Fzc2lnblRhc2tTZXJ2aWNlOiBBc3NpZ25UYXNrU2VydmljZSxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgX2RlbGVnYXRlVGFza1NlcnZpY2U6IERlbGVnYXRlVGFza1NlcnZpY2UsXG4gICAgICAgICAgICAgICAgcHJvdGVjdGVkIF9jYW5jZWxUYXNrU2VydmljZTogQ2FuY2VsVGFza1NlcnZpY2UsXG4gICAgICAgICAgICAgICAgcHJvdGVjdGVkIF9maW5pc2hUYXNrU2VydmljZTogRmluaXNoVGFza1NlcnZpY2UsXG4gICAgICAgICAgICAgICAgcHJvdGVjdGVkIF90YXNrU3RhdGU6IFRhc2tSZXF1ZXN0U3RhdGVTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBfdGFza0RhdGFTZXJ2aWNlOiBUYXNrRGF0YVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgcHJvdGVjdGVkIF9hc3NpZ25Qb2xpY3lTZXJ2aWNlOiBBc3NpZ25Qb2xpY3lTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBfZmluaXNoUG9saWN5U2VydmljZTogRmluaXNoUG9saWN5U2VydmljZSxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgX2NhbGxDaGFpbjogQ2FsbENoYWluU2VydmljZSxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgX3RyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICAgICAgICAgICAgICBASW5qZWN0KE5BRV9UQVNLX09QRVJBVElPTlMpIF90YXNrT3BlcmF0aW9uczogU3ViamVjdFRhc2tPcGVyYXRpb25zLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTkFFX1RBU0tfUEFORUxfRElTQUJMRV9CVVRUT05fRlVOQ1RJT05TKSBwcm90ZWN0ZWQgX2Rpc2FibGVGdW5jdGlvbnM6IERpc2FibGVCdXR0b25GdW50aW9ucyxcbiAgICAgICAgICAgICAgICBAT3B0aW9uYWwoKSBASW5qZWN0KEJPT0xFQU5fVkFMVUVfTEFCRUxfRU5BQkxFRCkgcHJvdGVjdGVkIGlzRW5hYmxlZDogYm9vbGVhbixcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgX3BhcmVudEluamVjdG9yOiBJbmplY3RvcixcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgX2N1cnJlbmN5UGlwZTogQ3VycmVuY3lQaXBlLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBfY2hhbmdlZEZpZWxkc1NlcnZpY2U6IENoYW5nZWRGaWVsZHNTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBfcGVybWlzc2lvblNlcnZpY2U6IFBlcm1pc3Npb25TZXJ2aWNlLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIG92ZXJmbG93U2VydmljZTogT3ZlcmZsb3dTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTkFFX1RBU0tfRk9SQ0VfT1BFTikgcHJvdGVjdGVkIF90YXNrRm9yY2VPcGVuOiBib29sZWFuLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTkFFX1RBQl9EQVRBKSBpbmplY3RlZFRhYkRhdGE6IEluamVjdGVkVGFiRGF0YSkge1xuICAgICAgICBzdXBlcihfdGFza0NvbnRlbnRTZXJ2aWNlLCBfbG9nLCBfdGFza1ZpZXdTZXJ2aWNlLCBfcGFwZXJWaWV3LCBfdGFza0V2ZW50U2VydmljZSwgX2Fzc2lnblRhc2tTZXJ2aWNlLFxuICAgICAgICAgICAgX2RlbGVnYXRlVGFza1NlcnZpY2UsIF9jYW5jZWxUYXNrU2VydmljZSwgX2ZpbmlzaFRhc2tTZXJ2aWNlLCBfdGFza1N0YXRlLCBfdGFza0RhdGFTZXJ2aWNlLFxuICAgICAgICAgICAgX2Fzc2lnblBvbGljeVNlcnZpY2UsIF9maW5pc2hQb2xpY3lTZXJ2aWNlLCBfY2FsbENoYWluLCBfdGFza09wZXJhdGlvbnMsIF9kaXNhYmxlRnVuY3Rpb25zLCBfdHJhbnNsYXRlLCBfY3VycmVuY3lQaXBlLCBfY2hhbmdlZEZpZWxkc1NlcnZpY2UsXG4gICAgICAgICAgICBfcGVybWlzc2lvblNlcnZpY2UsIG92ZXJmbG93U2VydmljZSwgX3Rhc2tGb3JjZU9wZW4sIGluamVjdGVkVGFiRGF0YSk7XG4gICAgICAgIGlmIChfdGFza0ZvcmNlT3Blbikge1xuICAgICAgICAgICAgdGhpcy5oaWRlUGFuZWxIZWFkZXIgPSB0cnVlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGNyZWF0ZUNvbnRlbnRQb3J0YWwoKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IHByb3ZpZGVyczogQXJyYXk8U3RhdGljUHJvdmlkZXI+ID0gW1xuICAgICAgICAgICAge3Byb3ZpZGU6IFRhc2tDb250ZW50U2VydmljZSwgdXNlVmFsdWU6IHRoaXMuX3Rhc2tDb250ZW50U2VydmljZX0sXG4gICAgICAgICAgICB7cHJvdmlkZTogQk9PTEVBTl9WQUxVRV9MQUJFTF9FTkFCTEVELCB1c2VWYWx1ZTogdGhpcy5pc0VuYWJsZWR9XG4gICAgICAgIF07XG4gICAgICAgIGNvbnN0IGluamVjdG9yID0gSW5qZWN0b3IuY3JlYXRlKHtwcm92aWRlcnMsIHBhcmVudDogdGhpcy5fcGFyZW50SW5qZWN0b3J9KTtcblxuICAgICAgICBpZiAodGhpcy5wYW5lbENvbnRlbnRDb21wb25lbnQgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgdGhpcy5wb3J0YWwgPSBuZXcgQ29tcG9uZW50UG9ydGFsKFRhc2tDb250ZW50Q29tcG9uZW50LCBudWxsLCBpbmplY3Rvcik7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLnBvcnRhbCA9IG5ldyBDb21wb25lbnRQb3J0YWwodGhpcy5wYW5lbENvbnRlbnRDb21wb25lbnQsIG51bGwsIGluamVjdG9yKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxuYy1hcHAtcGFuZWwgW3BhbmVsQ29udGVudF09XCJ0YXNrUGFuZWxDb250ZW50XCIgW3BhbmVsSGVhZGVyXT1cInRhc2tQYW5lbEhlYWRlclwiXG4gICAgICAgICAgICAgIChzdG9wTG9hZGluZyk9XCJzdG9wTG9hZGluZygpXCIgKGdldEV4cGFuc2lvblBhbmVsUmVmKT1cInNldFBhbmVsUmVmKCRldmVudClcIiBbZmlyc3RdPVwiZmlyc3RcIiBbbGFzdF09XCJsYXN0XCJcbiAgICAgICAgICAgICAgW3ByZXZlbnRDb2xsYXBzZV09J3ByZXZlbnRDb2xsYXBzZScgW2hpZGVQYW5lbEhlYWRlcl09J2hpZGVQYW5lbEhlYWRlcic+XG4gICAgPG5nLXRlbXBsYXRlICN0YXNrUGFuZWxIZWFkZXI+XG4gICAgICAgIDxkaXYgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIGZ4TGF5b3V0PVwicm93XCIgZnhGbGV4PVwiOTVcIiAoY2xpY2spPVwicHJldmVudFNlbGVjdGlvbkNsaWNrKCRldmVudClcIj5cbiAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGZpZWxkIG9mIGZlYXR1cmVkRmllbGRzVmFsdWVzOyBsZXQgaSA9IGluZGV4XCIgZnhGbGV4XG4gICAgICAgICAgICAgICAgIGNsYXNzPVwidGV4dC1jb2x1bW4tZGl2XCJcbiAgICAgICAgICAgICAgICAgW2Z4SGlkZS5sdC14bF09XCJpID49IDQgJiYgcmVzcG9uc2l2ZUJvZHkgJiYgIW92ZXJmbG93TW9kZVwiXG4gICAgICAgICAgICAgICAgIFtmeEhpZGUubHQtbGddPVwiaSA+PSAzICYmIHJlc3BvbnNpdmVCb2R5ICYmICFvdmVyZmxvd01vZGVcIlxuICAgICAgICAgICAgICAgICBbZnhIaWRlLmx0LW1kXT1cImkgPj0gMiAmJiByZXNwb25zaXZlQm9keSAmJiAhb3ZlcmZsb3dNb2RlXCJcbiAgICAgICAgICAgICAgICAgW2Z4SGlkZS5sdC1zbV09XCJpID49IDEgJiYgcmVzcG9uc2l2ZUJvZHkgJiYgIW92ZXJmbG93TW9kZVwiXG4gICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsncGFuZWwtaGVhZGVyLXBhZGRpbmcnOiAhdGV4dEVsbGlwc2lzICYmIGZpZWxkLnR5cGUgIT09ICdidXR0b24nfVwiPlxuICAgICAgICAgICAgICAgIDxuYy1wYW5lbC1pdGVtXG4gICAgICAgICAgICAgICAgICAgIFtsZWFkaW5nSWNvbl09XCJ0YXNrUGFuZWxEYXRhLnRhc2suaWNvblwiXG4gICAgICAgICAgICAgICAgICAgIFtsZWFkaW5nSWNvbkVuYWJsZWRdPVwiaSA9PT0gMFwiXG4gICAgICAgICAgICAgICAgICAgIFtmZWF0dXJlZFZhbHVlXT1cImZpZWxkXCJcbiAgICAgICAgICAgICAgICAgICAgW3RleHRFbGxpcHNpc109XCJ0ZXh0RWxsaXBzaXNcIj5cbiAgICAgICAgICAgICAgICA8L25jLXBhbmVsLWl0ZW0+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiZW5kIGNlbnRlclwiIGZ4RmxleD1cIjVcIj5cbiAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJwcmV2ZW50UGFuZWxPcGVuKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIiFpc0xvYWRpbmcgJiYgc2hvd01vcmVNZW51ICYmIChjYW5Bc3NpZ24oKSB8fCBjYW5EbygnZGVsZWdhdGUnKSB8fCBjYW5SZWFzc2lnbigpIHx8IGNhbkNhbmNlbCgpIHx8IGNhbkZpbmlzaCgpKVwiXG4gICAgICAgICAgICAgICAgICAgIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51XCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uPm1vcmVfdmVydDwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDxtYXQtbWVudSAjbWVudT1cIm1hdE1lbnVcIj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1tZW51LWl0ZW0gKm5nSWY9XCJjYW5Bc3NpZ24oKVwiIChjbGljayk9XCJhc3NpZ24oKVwiIFtkaXNhYmxlZF09XCJjYW5EaXNhYmxlKCdhc3NpZ24nKVwiPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24+cGVyc29uPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4+e3sgZ2V0QXNzaWduVGl0bGUoKSB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LW1lbnUtaXRlbSAqbmdJZj1cImNhbkRvKCdkZWxlZ2F0ZScpXCIgKGNsaWNrKT1cImRlbGVnYXRlKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImNhbkRpc2FibGUoJ2RlbGVnYXRlJylcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uPnBlcnNvbl9vdXRsaW5lPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4+e3sgZ2V0RGVsZWdhdGVUaXRsZSgpIHwgdHJhbnNsYXRlfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtbWVudS1pdGVtICpuZ0lmPVwiY2FuUmVhc3NpZ24oKVwiIChjbGljayk9XCJkZWxlZ2F0ZSgpXCIgW2Rpc2FibGVkXT1cImNhbkRpc2FibGUoJ3JlYXNzaWduJylcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uPnBlcnNvbl9hZGQ8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj57eyAndGFza3Mudmlldy5yZWFzc2lnbicgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1tZW51LWl0ZW0gKm5nSWY9XCJjYW5DYW5jZWwoKVwiIChjbGljayk9XCJjYW5jZWwoKVwiIFtkaXNhYmxlZF09XCJjYW5EaXNhYmxlKCdjYW5jZWwnKVwiPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24+Y2FuY2VsPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4+e3sgZ2V0Q2FuY2VsVGl0bGUoKSB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LW1lbnUtaXRlbSAqbmdJZj1cImNhbkZpbmlzaCgpXCIgKGNsaWNrKT1cImZpbmlzaCgpXCIgW2Rpc2FibGVkXT1cImNhbkRpc2FibGUoJ2ZpbmlzaCcpXCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5kb25lPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4+e3sgZ2V0RmluaXNoVGl0bGUoKSB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPC9tYXQtbWVudT5cbiAgICAgICAgICAgIDxtYXQtc3Bpbm5lciAqbmdJZj1cImlzTG9hZGluZ1wiIFtkaWFtZXRlcl09XCIzMFwiPjwvbWF0LXNwaW5uZXI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPG5nLXRlbXBsYXRlICN0YXNrUGFuZWxDb250ZW50PlxuICAgICAgICA8ZGl2IGNsYXNzPVwicGFuZWwtbWFpbi1jb250ZW50XCIgZnhMYXlvdXQ9XCJjb2x1bW5cIlxuICAgICAgICAgICAgIFtuZ1N0eWxlXT1cIihpc0ZvcmNlT3BlbigpICYmIHsnbWluLWhlaWdodCc6IGdldENvbnRlbnRNaW5IZWlnaHQoKX0pIHx8IG51bGxcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YXNrLXBhbmVsLWJvZHlcIiBbbmdDbGFzc109XCJ7J3BhcGVyLXZpZXcnOiBpc1BhcGVyVmlldygpfVwiIGZ4RmxleD1cIjEwMFwiPlxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBbY2RrUG9ydGFsT3V0bGV0XT1cInBvcnRhbFwiPjwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxtYXQtYWN0aW9uLXJvdyAqbmdJZj1cIiFoaWRlQWN0aW9uUm93XCIgZnhMYXlvdXQubHQtc209XCJjb2x1bW5cIiBbbmdTdHlsZV09XCJ7J2p1c3RpZnktY29udGVudCc6IGFjdGlvblJvd0p1c3RpZnlDb250ZW50ID8/ICdmbGV4LWVuZCcgfVwiPlxuICAgICAgICAgICAgICAgIDxtYXQtc3Bpbm5lciBjbGFzcz0nYWN0aW9uLXJvdy1zcGlubmVyJyAqbmdJZj1cImlzTG9hZGluZyAmJiBoaWRlUGFuZWxIZWFkZXJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGlhbWV0ZXJdPVwiMjBcIj48L21hdC1zcGlubmVyPlxuICAgICAgICAgICAgICAgIDxkaXYgZnhMYXlvdXRBbGlnbi5sdC1zbT1cImNlbnRlciBzdHJldGNoXCIgbmdDbGFzcy5sdC1zbT1cIndpZHRoLTEwMFwiXG4gICAgICAgICAgICAgICAgICAgICAqbmdGb3I9J2xldCBidXR0b24gb2YgKCEhYWN0aW9uQnV0dG9uVGVtcGxhdGVzICYmIGFjdGlvbkJ1dHRvblRlbXBsYXRlcy5sZW5ndGggPiAwID9cbiAgICAgICAgICAgICAgICAgICAgYWN0aW9uQnV0dG9uVGVtcGxhdGVzIDogW2Fzc2lnbkJ1dHRvbiwgZGVsZWdhdGVCdXR0b24sIHJlYXNzaWduQnV0dG9uLCBjYW5jZWxCdXR0b24sIGZpbmlzaEJ1dHRvbiwgY29sbGFwc2VCdXR0b25dKSc+XG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9J2J1dHRvbjsgY29udGV4dDp0aGlzQ29udGV4dCc+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L21hdC1hY3Rpb24tcm93PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuPC9uYy1hcHAtcGFuZWw+XG5cbjxuZy10ZW1wbGF0ZSAjYXNzaWduQnV0dG9uPlxuICAgIDxidXR0b24gKm5nSWY9XCJjYW5Bc3NpZ24oKSAmJiBnZXRBc3NpZ25UaXRsZSgpPy5sZW5ndGggPiAwXCIgKGNsaWNrKT1cImFzc2lnbigpXCIgbWF0LXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIFtkaXNhYmxlZF09XCJjYW5EaXNhYmxlKCdhc3NpZ24nKVwiPlxuICAgICAgICB7eyBnZXRBc3NpZ25UaXRsZSgpIHwgdHJhbnNsYXRlIHwgdXBwZXJjYXNlIH19PC9idXR0b24+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2RlbGVnYXRlQnV0dG9uPlxuICAgIDxidXR0b24gKm5nSWY9XCJjYW5EbygnZGVsZWdhdGUnKSAmJiBnZXREZWxlZ2F0ZVRpdGxlKCk/Lmxlbmd0aCA+IDBcIiAoY2xpY2spPVwiZGVsZWdhdGUoKVwiIG1hdC1zdHJva2VkLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIiBbZGlzYWJsZWRdPVwiY2FuRGlzYWJsZSgnZGVsZWdhdGUnKVwiPlxuICAgICAgICB7eyBnZXREZWxlZ2F0ZVRpdGxlKCkgfCB0cmFuc2xhdGUgfCB1cHBlcmNhc2UgfX08L2J1dHRvbj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjcmVhc3NpZ25CdXR0b24+XG4gICAgPGJ1dHRvbiAqbmdJZj1cImNhblJlYXNzaWduKClcIiAoY2xpY2spPVwiZGVsZWdhdGUoKVwiIG1hdC1zdHJva2VkLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIiBbZGlzYWJsZWRdPVwiY2FuRGlzYWJsZSgncmVhc3NpZ24nKVwiPlxuICAgICAgICB7eyAndGFza3Mudmlldy5yZWFzc2lnbicgfCB0cmFuc2xhdGUgfCB1cHBlcmNhc2UgfX08L2J1dHRvbj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjY2FuY2VsQnV0dG9uPlxuICAgIDxidXR0b24gKm5nSWY9XCJjYW5DYW5jZWwoKSAmJiBnZXRDYW5jZWxUaXRsZSgpPy5sZW5ndGggPiAwXCIgKGNsaWNrKT1cImNhbmNlbCgpXCIgbWF0LXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIFtkaXNhYmxlZF09XCJjYW5EaXNhYmxlKCdjYW5jZWwnKVwiPlxuICAgICAgICB7eyBnZXRDYW5jZWxUaXRsZSgpIHwgdHJhbnNsYXRlIHwgdXBwZXJjYXNlIH19PC9idXR0b24+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2ZpbmlzaEJ1dHRvbj5cbiAgICA8YnV0dG9uICpuZ0lmPVwiY2FuRmluaXNoKCkgJiYgZ2V0RmluaXNoVGl0bGUoKT8ubGVuZ3RoID4gMFwiIChjbGljayk9XCJmaW5pc2goKVwiIG1hdC1zdHJva2VkLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIiBbZGlzYWJsZWRdPVwiY2FuRGlzYWJsZSgnZmluaXNoJylcIj5cbiAgICAgICAge3sgZ2V0RmluaXNoVGl0bGUoKSB8IHRyYW5zbGF0ZSB8IHVwcGVyY2FzZSB9fTwvYnV0dG9uPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNjb2xsYXBzZUJ1dHRvbj5cbiAgICA8YnV0dG9uICpuZ0lmPVwiY2FuQ29sbGFwc2UoKVwiIGNvbG9yPVwicHJpbWFyeVwiIChjbGljayk9XCJjb2xsYXBzZSgpXCIgbWF0LXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgICAgICB7eyAndGFza3Mudmlldy5jb2xsYXBzZScgfCB0cmFuc2xhdGUgfCB1cHBlcmNhc2UgfX08L2J1dHRvbj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2022/lib/panel/task-panel-list/task-list.component.mjs

@@ -0,0 +1,37 @@
+import { Component, Inject, Optional } from '@angular/core';
+import { AbstractTaskListComponent, NAE_TAB_DATA } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@netgrif/components-core";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+import * as i4 from "@ngbracket/ngx-layout";
+import * as i5 from "@ngbracket/ngx-layout/extended";
+import * as i6 from "@angular/material/expansion";
+import * as i7 from "@angular/material/icon";
+import * as i8 from "@angular/material/progress-spinner";
+import * as i9 from "@angular/cdk/scrolling";
+import * as i10 from "../task-panel/task-panel.component";
+import * as i11 from "@ngx-translate/core";
+export class TaskListComponent extends AbstractTaskListComponent {
+    _taskViewService;
+    _log;
+    route;
+    constructor(_taskViewService, _log, injectedTabData, route) {
+        super(_taskViewService, _log, injectedTabData, route);
+        this._taskViewService = _taskViewService;
+        this._log = _log;
+        this.route = route;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskListComponent, deps: [{ token: i1.TaskViewService }, { token: i1.LoggerService }, { token: NAE_TAB_DATA, optional: true }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TaskListComponent, selector: "nc-task-list", usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"showVirtualScroll\" fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex>\n    <ng-container *ngIf=\"tasks$ | async as tasks\">\n\n        <div *ngIf=\"(loading$ | async) === false && tasks.length === 0\" fxLayout=\"column\" fxLayoutAlign=\"center center\"\n             fxFlex>\n            <mat-icon color=\"accent\">check_box</mat-icon>\n            <span class=\"font-size-20\">{{ 'tasks.view.noTasksSatisfyingThisFilter' | translate }}</span>\n        </div>\n\n        <mat-accordion [multi]=\"allowMultiOpen\" class=\"full-width panel-list-content\" fxFlex=\"100\">\n            <cdk-virtual-scroll-viewport itemSize=\"52\" (scrolledIndexChange)=\"loadNextPage()\" #taskListVirtualScroll\n                                         [ngClass]=\"{'task-panel-scroll-container': (loading$ | async) === false && tasks.length > 0}\" class=\"full-width full-height dashboard-task-list\">\n                <nc-task-panel\n                    [textEllipsis]=\"textEllipsis\"\n                    *cdkVirtualFor=\"let task of tasks;\n                                    let i = index;\n                                    let first = first;\n                                    let last = last;\n                                    trackBy: trackBy;\n                                    templateCacheSize: 0\"\n                    [taskPanelData]=\"task\" [selectedHeaders$]=\"selectedHeaders$\" [first]=\"first\" [last]=\"last\"\n                    [forceLoadDataOnOpen]=\"forceLoadDataOnOpen\"\n                    [responsiveBody]=\"responsiveBody\"\n                    (taskEvent)=\"emitTaskEvent($event)\"\n                    (panelRefOutput)=\"addToPanelRefs(task, $event)\"\n                    [taskListVirtualScroll]=\"taskListVirtualScroll\"\n                    [showMoreMenu]=\"showMoreMenu\"\n                    class=\"panel-expanded-spacing\">\n                </nc-task-panel>\n\n                <div *ngIf=\"loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n                    <mat-spinner color=\"primary\" diameter=\"52\"></mat-spinner>\n                </div>\n\n            </cdk-virtual-scroll-viewport>\n        </mat-accordion>\n\n    </ng-container>\n</div>\n\n<div *ngIf=\"!showVirtualScroll\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n    <mat-spinner color=\"primary\" diameter=\"52\"></mat-spinner>\n</div>\n", styles: [".font-size-20{font-size:20px}.full-width{width:100%}.full-height{height:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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"] }, { kind: "directive", type: i4.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"] }, { kind: "directive", type: i4.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"] }, { kind: "directive", type: i5.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i6.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i9.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i9.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i9.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i10.TaskPanelComponent, selector: "nc-task-panel" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-task-list', template: "<div *ngIf=\"showVirtualScroll\" fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex>\n    <ng-container *ngIf=\"tasks$ | async as tasks\">\n\n        <div *ngIf=\"(loading$ | async) === false && tasks.length === 0\" fxLayout=\"column\" fxLayoutAlign=\"center center\"\n             fxFlex>\n            <mat-icon color=\"accent\">check_box</mat-icon>\n            <span class=\"font-size-20\">{{ 'tasks.view.noTasksSatisfyingThisFilter' | translate }}</span>\n        </div>\n\n        <mat-accordion [multi]=\"allowMultiOpen\" class=\"full-width panel-list-content\" fxFlex=\"100\">\n            <cdk-virtual-scroll-viewport itemSize=\"52\" (scrolledIndexChange)=\"loadNextPage()\" #taskListVirtualScroll\n                                         [ngClass]=\"{'task-panel-scroll-container': (loading$ | async) === false && tasks.length > 0}\" class=\"full-width full-height dashboard-task-list\">\n                <nc-task-panel\n                    [textEllipsis]=\"textEllipsis\"\n                    *cdkVirtualFor=\"let task of tasks;\n                                    let i = index;\n                                    let first = first;\n                                    let last = last;\n                                    trackBy: trackBy;\n                                    templateCacheSize: 0\"\n                    [taskPanelData]=\"task\" [selectedHeaders$]=\"selectedHeaders$\" [first]=\"first\" [last]=\"last\"\n                    [forceLoadDataOnOpen]=\"forceLoadDataOnOpen\"\n                    [responsiveBody]=\"responsiveBody\"\n                    (taskEvent)=\"emitTaskEvent($event)\"\n                    (panelRefOutput)=\"addToPanelRefs(task, $event)\"\n                    [taskListVirtualScroll]=\"taskListVirtualScroll\"\n                    [showMoreMenu]=\"showMoreMenu\"\n                    class=\"panel-expanded-spacing\">\n                </nc-task-panel>\n\n                <div *ngIf=\"loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n                    <mat-spinner color=\"primary\" diameter=\"52\"></mat-spinner>\n                </div>\n\n            </cdk-virtual-scroll-viewport>\n        </mat-accordion>\n\n    </ng-container>\n</div>\n\n<div *ngIf=\"!showVirtualScroll\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n    <mat-spinner color=\"primary\" diameter=\"52\"></mat-spinner>\n</div>\n", styles: [".font-size-20{font-size:20px}.full-width{width:100%}.full-height{height:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1.TaskViewService }, { type: i1.LoggerService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [NAE_TAB_DATA]
+                }] }, { type: i2.ActivatedRoute }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFzay1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3BhbmVsL3Rhc2stcGFuZWwtbGlzdC90YXNrLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvcGFuZWwvdGFzay1wYW5lbC1saXN0L3Rhc2stbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUFDLHlCQUF5QixFQUFrQyxZQUFZLEVBQWtCLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7Ozs7Ozs7QUFRbEksTUFBTSxPQUFPLGlCQUFrQixTQUFRLHlCQUF5QjtJQUN0QztJQUNBO0lBRUE7SUFIdEIsWUFBc0IsZ0JBQWlDLEVBQ2pDLElBQW1CLEVBQ0ssZUFBZ0MsRUFDeEQsS0FBc0I7UUFDeEMsS0FBSyxDQUFDLGdCQUFnQixFQUFFLElBQUksRUFBRSxlQUFlLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFKcEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFpQjtRQUNqQyxTQUFJLEdBQUosSUFBSSxDQUFlO1FBRW5CLFVBQUssR0FBTCxLQUFLLENBQWlCO0lBRTVDLENBQUM7d0dBTlEsaUJBQWlCLDhFQUdNLFlBQVk7NEZBSG5DLGlCQUFpQiwyRUNUOUIseTFFQTJDQTs7NEZEbENhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDSSxjQUFjOzswQkFPWCxRQUFROzswQkFBSSxNQUFNOzJCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0VGFza0xpc3RDb21wb25lbnQsIEluamVjdGVkVGFiRGF0YSwgTG9nZ2VyU2VydmljZSwgTkFFX1RBQl9EQVRBLCBUYXNrVmlld1NlcnZpY2V9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge0FjdGl2YXRlZFJvdXRlfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXRhc2stbGlzdCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Rhc2stbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdGFzay1saXN0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGFza0xpc3RDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFRhc2tMaXN0Q29tcG9uZW50IHtcbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgX3Rhc2tWaWV3U2VydmljZTogVGFza1ZpZXdTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBfbG9nOiBMb2dnZXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTkFFX1RBQl9EQVRBKSBpbmplY3RlZFRhYkRhdGE6IEluamVjdGVkVGFiRGF0YSxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgcm91dGU/OiBBY3RpdmF0ZWRSb3V0ZSkge1xuICAgICAgICBzdXBlcihfdGFza1ZpZXdTZXJ2aWNlLCBfbG9nLCBpbmplY3RlZFRhYkRhdGEsIHJvdXRlKTtcbiAgICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwic2hvd1ZpcnR1YWxTY3JvbGxcIiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBmeEZsZXg+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRhc2tzJCB8IGFzeW5jIGFzIHRhc2tzXCI+XG5cbiAgICAgICAgPGRpdiAqbmdJZj1cIihsb2FkaW5nJCB8IGFzeW5jKSA9PT0gZmFsc2UgJiYgdGFza3MubGVuZ3RoID09PSAwXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiXG4gICAgICAgICAgICAgZnhGbGV4PlxuICAgICAgICAgICAgPG1hdC1pY29uIGNvbG9yPVwiYWNjZW50XCI+Y2hlY2tfYm94PC9tYXQtaWNvbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZm9udC1zaXplLTIwXCI+e3sgJ3Rhc2tzLnZpZXcubm9UYXNrc1NhdGlzZnlpbmdUaGlzRmlsdGVyJyB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPG1hdC1hY2NvcmRpb24gW211bHRpXT1cImFsbG93TXVsdGlPcGVuXCIgY2xhc3M9XCJmdWxsLXdpZHRoIHBhbmVsLWxpc3QtY29udGVudFwiIGZ4RmxleD1cIjEwMFwiPlxuICAgICAgICAgICAgPGNkay12aXJ0dWFsLXNjcm9sbC12aWV3cG9ydCBpdGVtU2l6ZT1cIjUyXCIgKHNjcm9sbGVkSW5kZXhDaGFuZ2UpPVwibG9hZE5leHRQYWdlKClcIiAjdGFza0xpc3RWaXJ0dWFsU2Nyb2xsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsndGFzay1wYW5lbC1zY3JvbGwtY29udGFpbmVyJzogKGxvYWRpbmckIHwgYXN5bmMpID09PSBmYWxzZSAmJiB0YXNrcy5sZW5ndGggPiAwfVwiIGNsYXNzPVwiZnVsbC13aWR0aCBmdWxsLWhlaWdodCBkYXNoYm9hcmQtdGFzay1saXN0XCI+XG4gICAgICAgICAgICAgICAgPG5jLXRhc2stcGFuZWxcbiAgICAgICAgICAgICAgICAgICAgW3RleHRFbGxpcHNpc109XCJ0ZXh0RWxsaXBzaXNcIlxuICAgICAgICAgICAgICAgICAgICAqY2RrVmlydHVhbEZvcj1cImxldCB0YXNrIG9mIHRhc2tzO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGV0IGkgPSBpbmRleDtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxldCBmaXJzdCA9IGZpcnN0O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGV0IGxhc3QgPSBsYXN0O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdHJhY2tCeTogdHJhY2tCeTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRlbXBsYXRlQ2FjaGVTaXplOiAwXCJcbiAgICAgICAgICAgICAgICAgICAgW3Rhc2tQYW5lbERhdGFdPVwidGFza1wiIFtzZWxlY3RlZEhlYWRlcnMkXT1cInNlbGVjdGVkSGVhZGVycyRcIiBbZmlyc3RdPVwiZmlyc3RcIiBbbGFzdF09XCJsYXN0XCJcbiAgICAgICAgICAgICAgICAgICAgW2ZvcmNlTG9hZERhdGFPbk9wZW5dPVwiZm9yY2VMb2FkRGF0YU9uT3BlblwiXG4gICAgICAgICAgICAgICAgICAgIFtyZXNwb25zaXZlQm9keV09XCJyZXNwb25zaXZlQm9keVwiXG4gICAgICAgICAgICAgICAgICAgICh0YXNrRXZlbnQpPVwiZW1pdFRhc2tFdmVudCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgKHBhbmVsUmVmT3V0cHV0KT1cImFkZFRvUGFuZWxSZWZzKHRhc2ssICRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICBbdGFza0xpc3RWaXJ0dWFsU2Nyb2xsXT1cInRhc2tMaXN0VmlydHVhbFNjcm9sbFwiXG4gICAgICAgICAgICAgICAgICAgIFtzaG93TW9yZU1lbnVdPVwic2hvd01vcmVNZW51XCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJwYW5lbC1leHBhbmRlZC1zcGFjaW5nXCI+XG4gICAgICAgICAgICAgICAgPC9uYy10YXNrLXBhbmVsPlxuXG4gICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cImxvYWRpbmckIHwgYXN5bmNcIiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtc3Bpbm5lciBjb2xvcj1cInByaW1hcnlcIiBkaWFtZXRlcj1cIjUyXCI+PC9tYXQtc3Bpbm5lcj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPC9jZGstdmlydHVhbC1zY3JvbGwtdmlld3BvcnQ+XG4gICAgICAgIDwvbWF0LWFjY29yZGlvbj5cblxuICAgIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG5cbjxkaXYgKm5nSWY9XCIhc2hvd1ZpcnR1YWxTY3JvbGxcIiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG4gICAgPG1hdC1zcGlubmVyIGNvbG9yPVwicHJpbWFyeVwiIGRpYW1ldGVyPVwiNTJcIj48L21hdC1zcGlubmVyPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/panel/task-panel-list-pagination/task-list-pagination.component.mjs

@@ -0,0 +1,38 @@
+import { Component, Inject, Optional, } from '@angular/core';
+import { NAE_TAB_DATA, NetgrifPaginatorIntl, AbstractTaskListPaginationComponent } from '@netgrif/components-core';
+import { MatPaginatorIntl } from '@angular/material/paginator';
+import * as i0 from "@angular/core";
+import * as i1 from "@netgrif/components-core";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+import * as i4 from "@ngbracket/ngx-layout";
+import * as i5 from "@ngbracket/ngx-layout/extended";
+import * as i6 from "@angular/material/expansion";
+import * as i7 from "@angular/material/icon";
+import * as i8 from "@angular/material/paginator";
+import * as i9 from "@angular/material/progress-spinner";
+import * as i10 from "../task-panel/task-panel.component";
+import * as i11 from "@ngx-translate/core";
+export class TaskListPaginationComponent extends AbstractTaskListPaginationComponent {
+    _taskViewService;
+    _log;
+    route;
+    constructor(_taskViewService, _log, injectedTabData, route) {
+        super(_taskViewService, _log, injectedTabData, route);
+        this._taskViewService = _taskViewService;
+        this._log = _log;
+        this.route = route;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskListPaginationComponent, deps: [{ token: i1.TaskViewService }, { token: i1.LoggerService }, { token: NAE_TAB_DATA, optional: true }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TaskListPaginationComponent, selector: "nc-task-list-pagination", providers: [{ provide: MatPaginatorIntl, useClass: NetgrifPaginatorIntl }], usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex>\n    <ng-container *ngIf=\"tasks$ | async as tasks\">\n\n        <div *ngIf=\"(loading$ | async) === false && tasks.length === 0\" fxLayout=\"column\" fxLayoutAlign=\"center center\"\n             fxFlex>\n            <mat-icon color=\"accent\">check_box</mat-icon>\n            <span class=\"font-size-20\">{{ 'tasks.view.noTasksSatisfyingThisFilter' | translate }}</span>\n        </div>\n\n        <mat-accordion [multi]=\"allowMultiOpen\" class=\"full-width\" >\n            <div class=\"fix-padding\">\n                <nc-task-panel #panel\n                    [textEllipsis]=\"textEllipsis\"\n                    *ngFor=\"let task of tasks | slice: (pageIndex) * pageSize : (pageIndex + 1) * pageSize;\n                                    let i = index;\n                                    let first = first;\n                                    let last = last;\n                                    trackBy: trackBy\"\n                    [taskPanelData]=\"task\" [selectedHeaders$]=\"selectedHeaders$\" [first]=\"first\" [last]=\"last\"\n                    [forceLoadDataOnOpen]=\"forceLoadDataOnOpen\"\n                    [responsiveBody]=\"responsiveBody\"\n                    (taskEvent)=\"emitTaskEvent($event)\"\n                    (panelRefOutput)=\"addToPanelRefs(task, $event)\"\n                    [showMoreMenu]=\"showMoreMenu\"\n                    class=\"panel-expanded-spacing\" [ngClass]=\"{'single-task-fix': tasks.length === 1 && panel.isExpanded()}\">\n                </nc-task-panel>\n\n                <div *ngIf=\"loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n                    <mat-spinner color=\"primary\" diameter=\"52\"></mat-spinner>\n                </div>\n            </div>\n        </mat-accordion>\n        <mat-paginator [length]=\"length\" [pageSize]=\"pageSize\" [pageIndex]=\"pageIndex\" color=\"primary\" [disabled]=\"disabled\"\n                       [pageSizeOptions]=\"pageSizeOptions\" (page)=\"onPageChanged($event)\" showFirstLastButtons>\n        </mat-paginator>\n    </ng-container>\n</div>\n", styles: [".font-size-20{font-size:20px}.full-width{width:100%}.full-height{height:100%}.fix-padding{padding:0 1px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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"] }, { kind: "directive", type: i4.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"] }, { kind: "directive", type: i4.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"] }, { kind: "directive", type: i5.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i6.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i10.TaskPanelComponent, selector: "nc-task-panel" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.SlicePipe, name: "slice" }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskListPaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-task-list-pagination', providers: [{ provide: MatPaginatorIntl, useClass: NetgrifPaginatorIntl }], template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex>\n    <ng-container *ngIf=\"tasks$ | async as tasks\">\n\n        <div *ngIf=\"(loading$ | async) === false && tasks.length === 0\" fxLayout=\"column\" fxLayoutAlign=\"center center\"\n             fxFlex>\n            <mat-icon color=\"accent\">check_box</mat-icon>\n            <span class=\"font-size-20\">{{ 'tasks.view.noTasksSatisfyingThisFilter' | translate }}</span>\n        </div>\n\n        <mat-accordion [multi]=\"allowMultiOpen\" class=\"full-width\" >\n            <div class=\"fix-padding\">\n                <nc-task-panel #panel\n                    [textEllipsis]=\"textEllipsis\"\n                    *ngFor=\"let task of tasks | slice: (pageIndex) * pageSize : (pageIndex + 1) * pageSize;\n                                    let i = index;\n                                    let first = first;\n                                    let last = last;\n                                    trackBy: trackBy\"\n                    [taskPanelData]=\"task\" [selectedHeaders$]=\"selectedHeaders$\" [first]=\"first\" [last]=\"last\"\n                    [forceLoadDataOnOpen]=\"forceLoadDataOnOpen\"\n                    [responsiveBody]=\"responsiveBody\"\n                    (taskEvent)=\"emitTaskEvent($event)\"\n                    (panelRefOutput)=\"addToPanelRefs(task, $event)\"\n                    [showMoreMenu]=\"showMoreMenu\"\n                    class=\"panel-expanded-spacing\" [ngClass]=\"{'single-task-fix': tasks.length === 1 && panel.isExpanded()}\">\n                </nc-task-panel>\n\n                <div *ngIf=\"loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n                    <mat-spinner color=\"primary\" diameter=\"52\"></mat-spinner>\n                </div>\n            </div>\n        </mat-accordion>\n        <mat-paginator [length]=\"length\" [pageSize]=\"pageSize\" [pageIndex]=\"pageIndex\" color=\"primary\" [disabled]=\"disabled\"\n                       [pageSizeOptions]=\"pageSizeOptions\" (page)=\"onPageChanged($event)\" showFirstLastButtons>\n        </mat-paginator>\n    </ng-container>\n</div>\n", styles: [".font-size-20{font-size:20px}.full-width{width:100%}.full-height{height:100%}.fix-padding{padding:0 1px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.TaskViewService }, { type: i1.LoggerService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [NAE_TAB_DATA]
+                }] }, { type: i2.ActivatedRoute }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFzay1saXN0LXBhZ2luYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvcGFuZWwvdGFzay1wYW5lbC1saXN0LXBhZ2luYXRpb24vdGFzay1saXN0LXBhZ2luYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvcGFuZWwvdGFzay1wYW5lbC1saXN0LXBhZ2luYXRpb24vdGFzay1saXN0LXBhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCxNQUFNLEVBQ04sUUFBUSxHQUNYLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFHSCxZQUFZLEVBRVosb0JBQW9CLEVBQ3BCLG1DQUFtQyxFQUN0QyxNQUFNLDBCQUEwQixDQUFDO0FBRWxDLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDZCQUE2QixDQUFDOzs7Ozs7Ozs7Ozs7O0FBUTdELE1BQU0sT0FBTywyQkFBNEIsU0FBUSxtQ0FBbUM7SUFDMUQ7SUFDQTtJQUVBO0lBSHRCLFlBQXNCLGdCQUFpQyxFQUNqQyxJQUFtQixFQUNLLGVBQWdDLEVBQ3hELEtBQXNCO1FBQ3hDLEtBQUssQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsZUFBZSxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBSnBDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBaUI7UUFDakMsU0FBSSxHQUFKLElBQUksQ0FBZTtRQUVuQixVQUFLLEdBQUwsS0FBSyxDQUFpQjtJQUU1QyxDQUFDO3dHQU5RLDJCQUEyQiw4RUFHSixZQUFZOzRGQUhuQywyQkFBMkIsa0RBRnpCLENBQUMsRUFBQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLG9CQUFvQixFQUFDLENBQUMsaURDcEI1RSx1bUVBcUNBOzs0RkRmYSwyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0kseUJBQXlCLGFBR3hCLENBQUMsRUFBQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLG9CQUFvQixFQUFDLENBQUM7OzBCQUszRCxRQUFROzswQkFBSSxNQUFNOzJCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBJbmplY3QsXG4gICAgT3B0aW9uYWwsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBJbmplY3RlZFRhYkRhdGEsXG4gICAgTG9nZ2VyU2VydmljZSxcbiAgICBOQUVfVEFCX0RBVEEsXG4gICAgVGFza1ZpZXdTZXJ2aWNlLFxuICAgIE5ldGdyaWZQYWdpbmF0b3JJbnRsLFxuICAgIEFic3RyYWN0VGFza0xpc3RQYWdpbmF0aW9uQ29tcG9uZW50XG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge0FjdGl2YXRlZFJvdXRlfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHtNYXRQYWdpbmF0b3JJbnRsfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wYWdpbmF0b3InO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXRhc2stbGlzdC1wYWdpbmF0aW9uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGFzay1saXN0LXBhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3Rhc2stbGlzdC1wYWdpbmF0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgcHJvdmlkZXJzOiBbe3Byb3ZpZGU6IE1hdFBhZ2luYXRvckludGwsIHVzZUNsYXNzOiBOZXRncmlmUGFnaW5hdG9ySW50bH1dXG59KVxuZXhwb3J0IGNsYXNzIFRhc2tMaXN0UGFnaW5hdGlvbkNvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0VGFza0xpc3RQYWdpbmF0aW9uQ29tcG9uZW50IHtcbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgX3Rhc2tWaWV3U2VydmljZTogVGFza1ZpZXdTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBfbG9nOiBMb2dnZXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTkFFX1RBQl9EQVRBKSBpbmplY3RlZFRhYkRhdGE6IEluamVjdGVkVGFiRGF0YSxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgcm91dGU/OiBBY3RpdmF0ZWRSb3V0ZSkge1xuICAgICAgICBzdXBlcihfdGFza1ZpZXdTZXJ2aWNlLCBfbG9nLCBpbmplY3RlZFRhYkRhdGEsIHJvdXRlKTtcbiAgICB9XG59XG4iLCI8ZGl2IGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIGZ4RmxleD5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidGFza3MkIHwgYXN5bmMgYXMgdGFza3NcIj5cblxuICAgICAgICA8ZGl2ICpuZ0lmPVwiKGxvYWRpbmckIHwgYXN5bmMpID09PSBmYWxzZSAmJiB0YXNrcy5sZW5ndGggPT09IDBcIiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCJcbiAgICAgICAgICAgICBmeEZsZXg+XG4gICAgICAgICAgICA8bWF0LWljb24gY29sb3I9XCJhY2NlbnRcIj5jaGVja19ib3g8L21hdC1pY29uPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJmb250LXNpemUtMjBcIj57eyAndGFza3Mudmlldy5ub1Rhc2tzU2F0aXNmeWluZ1RoaXNGaWx0ZXInIHwgdHJhbnNsYXRlIH19PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8bWF0LWFjY29yZGlvbiBbbXVsdGldPVwiYWxsb3dNdWx0aU9wZW5cIiBjbGFzcz1cImZ1bGwtd2lkdGhcIiA+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZml4LXBhZGRpbmdcIj5cbiAgICAgICAgICAgICAgICA8bmMtdGFzay1wYW5lbCAjcGFuZWxcbiAgICAgICAgICAgICAgICAgICAgW3RleHRFbGxpcHNpc109XCJ0ZXh0RWxsaXBzaXNcIlxuICAgICAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgdGFzayBvZiB0YXNrcyB8IHNsaWNlOiAocGFnZUluZGV4KSAqIHBhZ2VTaXplIDogKHBhZ2VJbmRleCArIDEpICogcGFnZVNpemU7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsZXQgaSA9IGluZGV4O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGV0IGZpcnN0ID0gZmlyc3Q7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsZXQgbGFzdCA9IGxhc3Q7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0cmFja0J5OiB0cmFja0J5XCJcbiAgICAgICAgICAgICAgICAgICAgW3Rhc2tQYW5lbERhdGFdPVwidGFza1wiIFtzZWxlY3RlZEhlYWRlcnMkXT1cInNlbGVjdGVkSGVhZGVycyRcIiBbZmlyc3RdPVwiZmlyc3RcIiBbbGFzdF09XCJsYXN0XCJcbiAgICAgICAgICAgICAgICAgICAgW2ZvcmNlTG9hZERhdGFPbk9wZW5dPVwiZm9yY2VMb2FkRGF0YU9uT3BlblwiXG4gICAgICAgICAgICAgICAgICAgIFtyZXNwb25zaXZlQm9keV09XCJyZXNwb25zaXZlQm9keVwiXG4gICAgICAgICAgICAgICAgICAgICh0YXNrRXZlbnQpPVwiZW1pdFRhc2tFdmVudCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgKHBhbmVsUmVmT3V0cHV0KT1cImFkZFRvUGFuZWxSZWZzKHRhc2ssICRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICBbc2hvd01vcmVNZW51XT1cInNob3dNb3JlTWVudVwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwicGFuZWwtZXhwYW5kZWQtc3BhY2luZ1wiIFtuZ0NsYXNzXT1cInsnc2luZ2xlLXRhc2stZml4JzogdGFza3MubGVuZ3RoID09PSAxICYmIHBhbmVsLmlzRXhwYW5kZWQoKX1cIj5cbiAgICAgICAgICAgICAgICA8L25jLXRhc2stcGFuZWw+XG5cbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwibG9hZGluZyQgfCBhc3luY1wiIGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1zcGlubmVyIGNvbG9yPVwicHJpbWFyeVwiIGRpYW1ldGVyPVwiNTJcIj48L21hdC1zcGlubmVyPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvbWF0LWFjY29yZGlvbj5cbiAgICAgICAgPG1hdC1wYWdpbmF0b3IgW2xlbmd0aF09XCJsZW5ndGhcIiBbcGFnZVNpemVdPVwicGFnZVNpemVcIiBbcGFnZUluZGV4XT1cInBhZ2VJbmRleFwiIGNvbG9yPVwicHJpbWFyeVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtwYWdlU2l6ZU9wdGlvbnNdPVwicGFnZVNpemVPcHRpb25zXCIgKHBhZ2UpPVwib25QYWdlQ2hhbmdlZCgkZXZlbnQpXCIgc2hvd0ZpcnN0TGFzdEJ1dHRvbnM+XG4gICAgICAgIDwvbWF0LXBhZ2luYXRvcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuIl19

package/esm2022/lib/panel/task-panel-single/single-task.component.mjs

@@ -0,0 +1,33 @@
+import { Component, Inject, Optional } from '@angular/core';
+import { AbstractSingleTaskComponent, NAE_TAB_DATA } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@netgrif/components-core";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+import * as i4 from "@ngbracket/ngx-layout";
+import * as i5 from "@angular/material/card";
+import * as i6 from "@angular/material/icon";
+import * as i7 from "@angular/material/progress-spinner";
+import * as i8 from "../task-panel/task-panel.component";
+import * as i9 from "@ngx-translate/core";
+export class SingleTaskComponent extends AbstractSingleTaskComponent {
+    _log;
+    _route;
+    constructor(_log, _route, _injectedTabData) {
+        super(_log, _route, _injectedTabData);
+        this._log = _log;
+        this._route = _route;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SingleTaskComponent, deps: [{ token: i1.LoggerService }, { token: i2.ActivatedRoute }, { token: NAE_TAB_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SingleTaskComponent, selector: "nc-single-task", usesInheritance: true, ngImport: i0, template: "<div fxLayout='column' fxLayoutAlign='start center' fxFlex>\n    <ng-container *nccLet=\"(task$ | async) as task\">\n\n        <div *ngIf='(loading$ | async) === false && !task' fxLayout='column' fxLayoutAlign='center center'\n             fxFlex>\n            <div *ngTemplateOutlet =\"noTaskSection ?? defaultNoTaskSection\"></div>\n        </div>\n\n        <div *ngIf=\"task\" class=\"task-panel-scroll-container full-width full-height\">\n            <div *ngTemplateOutlet='pageHeader ?? defaultPageHeader'></div>\n            <nc-task-panel\n                [textEllipsis]='textEllipsis'\n                [taskPanelData]='task'\n                [selectedHeaders$]='selectedHeaders$'\n                [forceLoadDataOnOpen]='forceLoadDataOnOpen'\n                [responsiveBody]='responsiveBody'\n                (taskEvent)='emitTaskEvent($event)'\n                (panelRefOutput)='setPanelRef($event)'\n                [preventCollapse]='preventCollapse'\n                [hidePanelHeader]='hidePanelHeader'\n                [actionButtonTemplates]='actionButtonTemplates'\n                [actionRowJustifyContent]='actionRowJustifyContent'\n                [first]='true'\n                [last]='true'\n                [hideActionRow]=\"hideActionRow\"\n                class='panel-expanded-spacing single-task-fix'>\n            </nc-task-panel>\n\n            <div *ngIf='loading$ | async' fxLayout='column' fxLayoutAlign='center center'>\n                <mat-spinner color='primary' diameter='52'></mat-spinner>\n            </div>\n            <div *ngTemplateOutlet='pageFooter ?? defaultPageFooter'></div>\n        </div>\n\n        <ng-template #defaultNoTaskSection>\n            <mat-icon color='accent'>check_box</mat-icon>\n            <span class='font-size-20'>{{ 'tasks.view.noTasksSatisfyingThisFilter' | translate }}</span>\n        </ng-template>\n\n        <ng-template #defaultPageHeader>\n            <mat-card class=\"top-card\" *ngIf=\"showPageHeader\">\n                <span class=\"top-card-title\"><strong>{{headerTitle ?? (!!task && !!task.task ? task.task.title : '')}}</strong></span>\n            </mat-card>\n        </ng-template>\n\n        <ng-template #defaultPageFooter>\n            <mat-card class='bottom-card footer' *ngIf=\"showPageFooter\">\n                <span class=\"bottom-card-title footer-font\"><strong>{{footerText ?? 'tasks.footer.defaultText' | translate}}</strong></span>\n            </mat-card>\n        </ng-template>\n    </ng-container>\n</div>\n", styles: [".font-size-20{font-size:20px}.full-width{width:100%}.full-height{height:100%}.top-card{margin-bottom:10px;margin-top:10px}.top-card-title{display:flex;align-items:center;flex-direction:column}.bottom-card{margin-bottom:10px;margin-top:10px}.bottom-card-title{display:block;align-items:start;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.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"] }, { kind: "directive", type: i4.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"] }, { kind: "directive", type: i4.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"] }, { kind: "component", type: i5.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i1.LetDirective, selector: "[nccLet]", inputs: ["nccLet"] }, { kind: "component", type: i8.TaskPanelComponent, selector: "nc-task-panel" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SingleTaskComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-single-task', template: "<div fxLayout='column' fxLayoutAlign='start center' fxFlex>\n    <ng-container *nccLet=\"(task$ | async) as task\">\n\n        <div *ngIf='(loading$ | async) === false && !task' fxLayout='column' fxLayoutAlign='center center'\n             fxFlex>\n            <div *ngTemplateOutlet =\"noTaskSection ?? defaultNoTaskSection\"></div>\n        </div>\n\n        <div *ngIf=\"task\" class=\"task-panel-scroll-container full-width full-height\">\n            <div *ngTemplateOutlet='pageHeader ?? defaultPageHeader'></div>\n            <nc-task-panel\n                [textEllipsis]='textEllipsis'\n                [taskPanelData]='task'\n                [selectedHeaders$]='selectedHeaders$'\n                [forceLoadDataOnOpen]='forceLoadDataOnOpen'\n                [responsiveBody]='responsiveBody'\n                (taskEvent)='emitTaskEvent($event)'\n                (panelRefOutput)='setPanelRef($event)'\n                [preventCollapse]='preventCollapse'\n                [hidePanelHeader]='hidePanelHeader'\n                [actionButtonTemplates]='actionButtonTemplates'\n                [actionRowJustifyContent]='actionRowJustifyContent'\n                [first]='true'\n                [last]='true'\n                [hideActionRow]=\"hideActionRow\"\n                class='panel-expanded-spacing single-task-fix'>\n            </nc-task-panel>\n\n            <div *ngIf='loading$ | async' fxLayout='column' fxLayoutAlign='center center'>\n                <mat-spinner color='primary' diameter='52'></mat-spinner>\n            </div>\n            <div *ngTemplateOutlet='pageFooter ?? defaultPageFooter'></div>\n        </div>\n\n        <ng-template #defaultNoTaskSection>\n            <mat-icon color='accent'>check_box</mat-icon>\n            <span class='font-size-20'>{{ 'tasks.view.noTasksSatisfyingThisFilter' | translate }}</span>\n        </ng-template>\n\n        <ng-template #defaultPageHeader>\n            <mat-card class=\"top-card\" *ngIf=\"showPageHeader\">\n                <span class=\"top-card-title\"><strong>{{headerTitle ?? (!!task && !!task.task ? task.task.title : '')}}</strong></span>\n            </mat-card>\n        </ng-template>\n\n        <ng-template #defaultPageFooter>\n            <mat-card class='bottom-card footer' *ngIf=\"showPageFooter\">\n                <span class=\"bottom-card-title footer-font\"><strong>{{footerText ?? 'tasks.footer.defaultText' | translate}}</strong></span>\n            </mat-card>\n        </ng-template>\n    </ng-container>\n</div>\n", styles: [".font-size-20{font-size:20px}.full-width{width:100%}.full-height{height:100%}.top-card{margin-bottom:10px;margin-top:10px}.top-card-title{display:flex;align-items:center;flex-direction:column}.bottom-card{margin-bottom:10px;margin-top:10px}.bottom-card-title{display:block;align-items:start;flex-direction:column}\n"] }]
+        }], ctorParameters: () => [{ type: i1.LoggerService }, { type: i2.ActivatedRoute }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [NAE_TAB_DATA]
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2luZ2xlLXRhc2suY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvcGFuZWwvdGFzay1wYW5lbC1zaW5nbGUvc2luZ2xlLXRhc2suY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvcGFuZWwvdGFzay1wYW5lbC1zaW5nbGUvc2luZ2xlLXRhc2suY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVELE9BQU8sRUFDSCwyQkFBMkIsRUFHM0IsWUFBWSxFQUNmLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7Ozs7O0FBUWxDLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSwyQkFBMkI7SUFFNUM7SUFDQTtJQUR0QixZQUFzQixJQUFtQixFQUNuQixNQUFzQixFQUNFLGdCQUFpQztRQUMzRSxLQUFLLENBQUMsSUFBSSxFQUFFLE1BQU0sRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO1FBSHBCLFNBQUksR0FBSixJQUFJLENBQWU7UUFDbkIsV0FBTSxHQUFOLE1BQU0sQ0FBZ0I7SUFHNUMsQ0FBQzt3R0FOVSxtQkFBbUIsNkVBSUUsWUFBWTs0RkFKakMsbUJBQW1CLDZFQ2RoQywwOUVBb0RBOzs0RkR0Q2EsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGdCQUFnQjs7MEJBUWIsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0U2luZ2xlVGFza0NvbXBvbmVudCxcbiAgICBJbmplY3RlZFRhYkRhdGEsXG4gICAgTG9nZ2VyU2VydmljZSxcbiAgICBOQUVfVEFCX0RBVEFcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmMtc2luZ2xlLXRhc2snLFxuICB0ZW1wbGF0ZVVybDogJy4vc2luZ2xlLXRhc2suY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zaW5nbGUtdGFzay5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNpbmdsZVRhc2tDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFNpbmdsZVRhc2tDb21wb25lbnQge1xuXG4gIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfbG9nOiBMb2dnZXJTZXJ2aWNlLFxuICAgICAgICAgICAgICBwcm90ZWN0ZWQgX3JvdXRlOiBBY3RpdmF0ZWRSb3V0ZSxcbiAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChOQUVfVEFCX0RBVEEpIF9pbmplY3RlZFRhYkRhdGE6IEluamVjdGVkVGFiRGF0YSkge1xuICAgICAgc3VwZXIoX2xvZywgX3JvdXRlLCBfaW5qZWN0ZWRUYWJEYXRhKTtcbiAgfVxuXG59XG4iLCI8ZGl2IGZ4TGF5b3V0PSdjb2x1bW4nIGZ4TGF5b3V0QWxpZ249J3N0YXJ0IGNlbnRlcicgZnhGbGV4PlxuICAgIDxuZy1jb250YWluZXIgKm5jY0xldD1cIih0YXNrJCB8IGFzeW5jKSBhcyB0YXNrXCI+XG5cbiAgICAgICAgPGRpdiAqbmdJZj0nKGxvYWRpbmckIHwgYXN5bmMpID09PSBmYWxzZSAmJiAhdGFzaycgZnhMYXlvdXQ9J2NvbHVtbicgZnhMYXlvdXRBbGlnbj0nY2VudGVyIGNlbnRlcidcbiAgICAgICAgICAgICBmeEZsZXg+XG4gICAgICAgICAgICA8ZGl2ICpuZ1RlbXBsYXRlT3V0bGV0ID1cIm5vVGFza1NlY3Rpb24gPz8gZGVmYXVsdE5vVGFza1NlY3Rpb25cIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiAqbmdJZj1cInRhc2tcIiBjbGFzcz1cInRhc2stcGFuZWwtc2Nyb2xsLWNvbnRhaW5lciBmdWxsLXdpZHRoIGZ1bGwtaGVpZ2h0XCI+XG4gICAgICAgICAgICA8ZGl2ICpuZ1RlbXBsYXRlT3V0bGV0PSdwYWdlSGVhZGVyID8/IGRlZmF1bHRQYWdlSGVhZGVyJz48L2Rpdj5cbiAgICAgICAgICAgIDxuYy10YXNrLXBhbmVsXG4gICAgICAgICAgICAgICAgW3RleHRFbGxpcHNpc109J3RleHRFbGxpcHNpcydcbiAgICAgICAgICAgICAgICBbdGFza1BhbmVsRGF0YV09J3Rhc2snXG4gICAgICAgICAgICAgICAgW3NlbGVjdGVkSGVhZGVycyRdPSdzZWxlY3RlZEhlYWRlcnMkJ1xuICAgICAgICAgICAgICAgIFtmb3JjZUxvYWREYXRhT25PcGVuXT0nZm9yY2VMb2FkRGF0YU9uT3BlbidcbiAgICAgICAgICAgICAgICBbcmVzcG9uc2l2ZUJvZHldPSdyZXNwb25zaXZlQm9keSdcbiAgICAgICAgICAgICAgICAodGFza0V2ZW50KT0nZW1pdFRhc2tFdmVudCgkZXZlbnQpJ1xuICAgICAgICAgICAgICAgIChwYW5lbFJlZk91dHB1dCk9J3NldFBhbmVsUmVmKCRldmVudCknXG4gICAgICAgICAgICAgICAgW3ByZXZlbnRDb2xsYXBzZV09J3ByZXZlbnRDb2xsYXBzZSdcbiAgICAgICAgICAgICAgICBbaGlkZVBhbmVsSGVhZGVyXT0naGlkZVBhbmVsSGVhZGVyJ1xuICAgICAgICAgICAgICAgIFthY3Rpb25CdXR0b25UZW1wbGF0ZXNdPSdhY3Rpb25CdXR0b25UZW1wbGF0ZXMnXG4gICAgICAgICAgICAgICAgW2FjdGlvblJvd0p1c3RpZnlDb250ZW50XT0nYWN0aW9uUm93SnVzdGlmeUNvbnRlbnQnXG4gICAgICAgICAgICAgICAgW2ZpcnN0XT0ndHJ1ZSdcbiAgICAgICAgICAgICAgICBbbGFzdF09J3RydWUnXG4gICAgICAgICAgICAgICAgW2hpZGVBY3Rpb25Sb3ddPVwiaGlkZUFjdGlvblJvd1wiXG4gICAgICAgICAgICAgICAgY2xhc3M9J3BhbmVsLWV4cGFuZGVkLXNwYWNpbmcgc2luZ2xlLXRhc2stZml4Jz5cbiAgICAgICAgICAgIDwvbmMtdGFzay1wYW5lbD5cblxuICAgICAgICAgICAgPGRpdiAqbmdJZj0nbG9hZGluZyQgfCBhc3luYycgZnhMYXlvdXQ9J2NvbHVtbicgZnhMYXlvdXRBbGlnbj0nY2VudGVyIGNlbnRlcic+XG4gICAgICAgICAgICAgICAgPG1hdC1zcGlubmVyIGNvbG9yPSdwcmltYXJ5JyBkaWFtZXRlcj0nNTInPjwvbWF0LXNwaW5uZXI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgKm5nVGVtcGxhdGVPdXRsZXQ9J3BhZ2VGb290ZXIgPz8gZGVmYXVsdFBhZ2VGb290ZXInPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8bmctdGVtcGxhdGUgI2RlZmF1bHROb1Rhc2tTZWN0aW9uPlxuICAgICAgICAgICAgPG1hdC1pY29uIGNvbG9yPSdhY2NlbnQnPmNoZWNrX2JveDwvbWF0LWljb24+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz0nZm9udC1zaXplLTIwJz57eyAndGFza3Mudmlldy5ub1Rhc2tzU2F0aXNmeWluZ1RoaXNGaWx0ZXInIHwgdHJhbnNsYXRlIH19PC9zcGFuPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjZGVmYXVsdFBhZ2VIZWFkZXI+XG4gICAgICAgICAgICA8bWF0LWNhcmQgY2xhc3M9XCJ0b3AtY2FyZFwiICpuZ0lmPVwic2hvd1BhZ2VIZWFkZXJcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRvcC1jYXJkLXRpdGxlXCI+PHN0cm9uZz57e2hlYWRlclRpdGxlID8/ICghIXRhc2sgJiYgISF0YXNrLnRhc2sgPyB0YXNrLnRhc2sudGl0bGUgOiAnJyl9fTwvc3Ryb25nPjwvc3Bhbj5cbiAgICAgICAgICAgIDwvbWF0LWNhcmQ+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICAgICAgPG5nLXRlbXBsYXRlICNkZWZhdWx0UGFnZUZvb3Rlcj5cbiAgICAgICAgICAgIDxtYXQtY2FyZCBjbGFzcz0nYm90dG9tLWNhcmQgZm9vdGVyJyAqbmdJZj1cInNob3dQYWdlRm9vdGVyXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJib3R0b20tY2FyZC10aXRsZSBmb290ZXItZm9udFwiPjxzdHJvbmc+e3tmb290ZXJUZXh0ID8/ICd0YXNrcy5mb290ZXIuZGVmYXVsdFRleHQnIHwgdHJhbnNsYXRlfX08L3N0cm9uZz48L3NwYW4+XG4gICAgICAgICAgICA8L21hdC1jYXJkPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG4iXX0=

package/{esm2020 → esm2022}/lib/panel/workflow-panel/workflow-panel.component.mjs

@@ -3,25 +3,25 @@ import { AbstractWorkflowPanelComponent } from '@netgrif/components-core';
 import * as i0 from "@angular/core";
 import * as i1 from "@netgrif/components-core";
 import * as i2 from "@ngx-translate/core";
-import * as i3 from "../panel.component";
-import * as i4 from "@angular/material/icon";
-import * as i5 from "../../data-fields/data-field-template/data-field-template.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@ngbracket/ngx-layout";
+import * as i5 from "@ngbracket/ngx-layout/extended";
 import * as i6 from "@angular/material/button";
-import * as i7 from "@angular/flex-layout/flex";
-import * as i8 from "@angular/common";
-import * as i9 from "@angular/flex-layout/extended";
-import * as i10 from "@angular/material/expansion";
+import * as i7 from "@angular/material/expansion";
+import * as i8 from "@angular/material/icon";
+import * as i9 from "../../data-fields/data-field-template/data-field-template.component";
+import * as i10 from "../panel.component";
 export class WorkflowPanelComponent extends AbstractWorkflowPanelComponent {
     constructor(log, translate, workflowService, petriNetResource, overflowService) {
         super(log, translate, workflowService, petriNetResource, overflowService);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WorkflowPanelComponent, deps: [{ token: i1.LoggerService }, { token: i2.TranslateService }, { token: i1.WorkflowViewService }, { token: i1.PetriNetResourceService }, { token: i1.OverflowService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: WorkflowPanelComponent, selector: "nc-workflow-panel", usesInheritance: true, ngImport: i0, template: "<nc-app-panel [panelHeader]=\"header\" [panelContent]=\"content\" (getExpansionPanelRef)=\"setPanelRef($event)\" [first]=\"first\" [last]=\"last\">\n    <ng-template #header>\n        <div fxLayoutAlign=\"start center\" fxLayout=\"row\" fxFlex=\"95\" (click)=\"preventSelectionClick($event)\">\n            <div *ngFor=\"let field of featuredFieldsValues; let i = index\" fxLayoutAlign=\"start center\" fxFlex\n                 [fxHide.lt-xl]=\"i >= 4 && responsiveBody\"\n                 [fxHide.lt-lg]=\"i >= 3 && responsiveBody\"\n                 [fxHide.lt-md]=\"i >= 2 && responsiveBody\"\n                 [fxHide.lt-sm]=\"i >= 1 && responsiveBody\">\n                <mat-icon class=\"workflow-panel-icon panel-primary-icon\"\n                          *ngIf=\"!!field.icon && !!field.value\">{{field.icon}}</mat-icon>\n                {{field.value}}\n            </div>\n        </div>\n        <div fxFlex=\"5\"></div>\n    </ng-template>\n    <ng-template #content>\n        <div class=\"panel-main-content\" fxLayout=\"column\">\n            <div class=\"workflow-panel-body netgrif-input\" fxFlex=\"100\">\n                <div fxLayout=\"row\">\n                    <div fxFlex=\"50\">\n                        <nc-data-field-template *ngIf=\"!panelContent.netIdentifier.behavior.hidden\"\n                                                [dataField]=\"panelContent.netIdentifier\">\n                        </nc-data-field-template>\n                    </div>\n                    <div fxFlex=\"50\">\n                        <nc-data-field-template *ngIf=\"!panelContent.title.behavior.hidden\"\n                                                [dataField]=\"panelContent.title\">\n                        </nc-data-field-template>\n                    </div>\n                </div>\n                <div fxLayout=\"row\">\n                    <div fxFlex=\"50\">\n                        <nc-data-field-template *ngIf=\"!panelContent.version.behavior.hidden\"\n                                                [dataField]=\"panelContent.version\">\n                        </nc-data-field-template>\n                    </div>\n                    <div fxFlex=\"50\">\n                        <nc-data-field-template *ngIf=\"!panelContent.author.behavior.hidden\"\n                                                [dataField]=\"panelContent.author\">\n                        </nc-data-field-template>\n                    </div>\n                </div>\n                <div fxLayout=\"row\">\n                    <div fxFlex=\"50\">\n                        <nc-data-field-template *ngIf=\"!panelContent.uploaded.behavior.hidden\"\n                                                [dataField]=\"panelContent.uploaded\">\n                        </nc-data-field-template>\n                    </div>\n                </div>\n            </div>\n            <mat-action-row>\n                <button mat-stroked-button color=\"primary\"\n                        (click)=\"downloadNetFile()\">{{'workflow.download' | translate | uppercase }}</button>\n                <button *ngIf=\"showDeleteMenu\" mat-stroked-button color=\"warn\"\n                        (click)=\"deleteWorkflow()\">{{'workflow.delete' | translate | uppercase }}</button>\n                <button mat-button color=\"primary\"\n                        (click)=\"panelRef.expanded = false\">{{'tasks.view.collapse' | translate | uppercase }}</button>\n            </mat-action-row>\n        </div>\n    </ng-template>\n</nc-app-panel>\n", styles: [".task-panel-icon{margin-right:10px}.workflow-panel-footer{border-top:1px solid rgba(0,0,0,.03);padding:5px 24px}.workflow-panel-body{padding:10px 24px}.workflow-panel-icon{margin-right:8px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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"] }, { kind: "directive", type: i4.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"] }, { kind: "directive", type: i4.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"] }, { kind: "directive", type: i5.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "component", type: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i7.MatExpansionPanelActionRow, selector: "mat-action-row" }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { kind: "component", type: i10.PanelComponent, selector: "nc-app-panel" }, { kind: "pipe", type: i3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
 }
-WorkflowPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WorkflowPanelComponent, deps: [{ token: i1.LoggerService }, { token: i2.TranslateService }, { token: i1.WorkflowViewService }, { token: i1.PetriNetResourceService }, { token: i1.OverflowService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-WorkflowPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: WorkflowPanelComponent, selector: "nc-workflow-panel", usesInheritance: true, ngImport: i0, template: "<nc-app-panel [panelHeader]=\"header\" [panelContent]=\"content\" (getExpansionPanelRef)=\"setPanelRef($event)\" [first]=\"first\" [last]=\"last\">\n    <ng-template #header>\n        <div fxLayoutAlign=\"start center\" fxLayout=\"row\" fxFlex=\"95\" (click)=\"preventSelectionClick($event)\">\n            <div *ngFor=\"let field of featuredFieldsValues; let i = index\" fxLayoutAlign=\"start center\" fxFlex\n                 [fxHide.lt-xl]=\"i >= 4 && responsiveBody\"\n                 [fxHide.lt-lg]=\"i >= 3 && responsiveBody\"\n                 [fxHide.lt-md]=\"i >= 2 && responsiveBody\"\n                 [fxHide.lt-sm]=\"i >= 1 && responsiveBody\">\n                <mat-icon class=\"workflow-panel-icon panel-primary-icon\"\n                          *ngIf=\"!!field.icon && !!field.value\">{{field.icon}}</mat-icon>\n                {{field.value}}\n            </div>\n        </div>\n        <div fxFlex=\"5\"></div>\n    </ng-template>\n    <ng-template #content>\n        <div class=\"panel-main-content\" fxLayout=\"column\">\n            <div class=\"workflow-panel-body netgrif-input\" fxFlex=\"100\">\n                <div fxLayout=\"row\">\n                    <div fxFlex=\"50\">\n                        <nc-data-field-template *ngIf=\"!panelContent.netIdentifier.behavior.hidden\"\n                                                [dataField]=\"panelContent.netIdentifier\">\n                        </nc-data-field-template>\n                    </div>\n                    <div fxFlex=\"50\">\n                        <nc-data-field-template *ngIf=\"!panelContent.title.behavior.hidden\"\n                                                [dataField]=\"panelContent.title\">\n                        </nc-data-field-template>\n                    </div>\n                </div>\n                <div fxLayout=\"row\">\n                    <div fxFlex=\"50\">\n                        <nc-data-field-template *ngIf=\"!panelContent.version.behavior.hidden\"\n                                                [dataField]=\"panelContent.version\">\n                        </nc-data-field-template>\n                    </div>\n                    <div fxFlex=\"50\">\n                        <nc-data-field-template *ngIf=\"!panelContent.author.behavior.hidden\"\n                                                [dataField]=\"panelContent.author\">\n                        </nc-data-field-template>\n                    </div>\n                </div>\n                <div fxLayout=\"row\">\n                    <div fxFlex=\"50\">\n                        <nc-data-field-template *ngIf=\"!panelContent.uploaded.behavior.hidden\"\n                                                [dataField]=\"panelContent.uploaded\">\n                        </nc-data-field-template>\n                    </div>\n                </div>\n            </div>\n            <mat-action-row>\n                <button mat-stroked-button color=\"primary\"\n                        (click)=\"downloadNetFile()\">{{'workflow.download' | translate | uppercase }}</button>\n                <button *ngIf=\"showDeleteMenu\" mat-stroked-button color=\"warn\"\n                        (click)=\"deleteWorkflow()\">{{'workflow.delete' | translate | uppercase }}</button>\n                <button mat-button color=\"primary\"\n                        (click)=\"panelRef.expanded = false\">{{'tasks.view.collapse' | translate | uppercase }}</button>\n            </mat-action-row>\n        </div>\n    </ng-template>\n</nc-app-panel>\n", styles: [".task-panel-icon{margin-right:10px}.workflow-panel-footer{border-top:1px solid rgba(0,0,0,.03);padding:5px 24px}.workflow-panel-body{padding:10px 24px}.workflow-panel-icon{margin-right:8px}\n"], components: [{ type: i3.PanelComponent, selector: "nc-app-panel" }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i6.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"] }], directives: [{ type: i7.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: i7.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: i7.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: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.MatExpansionPanelActionRow, selector: "mat-action-row" }], pipes: { "uppercase": i8.UpperCasePipe, "translate": i2.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WorkflowPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WorkflowPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-workflow-panel', template: "<nc-app-panel [panelHeader]=\"header\" [panelContent]=\"content\" (getExpansionPanelRef)=\"setPanelRef($event)\" [first]=\"first\" [last]=\"last\">\n    <ng-template #header>\n        <div fxLayoutAlign=\"start center\" fxLayout=\"row\" fxFlex=\"95\" (click)=\"preventSelectionClick($event)\">\n            <div *ngFor=\"let field of featuredFieldsValues; let i = index\" fxLayoutAlign=\"start center\" fxFlex\n                 [fxHide.lt-xl]=\"i >= 4 && responsiveBody\"\n                 [fxHide.lt-lg]=\"i >= 3 && responsiveBody\"\n                 [fxHide.lt-md]=\"i >= 2 && responsiveBody\"\n                 [fxHide.lt-sm]=\"i >= 1 && responsiveBody\">\n                <mat-icon class=\"workflow-panel-icon panel-primary-icon\"\n                          *ngIf=\"!!field.icon && !!field.value\">{{field.icon}}</mat-icon>\n                {{field.value}}\n            </div>\n        </div>\n        <div fxFlex=\"5\"></div>\n    </ng-template>\n    <ng-template #content>\n        <div class=\"panel-main-content\" fxLayout=\"column\">\n            <div class=\"workflow-panel-body netgrif-input\" fxFlex=\"100\">\n                <div fxLayout=\"row\">\n                    <div fxFlex=\"50\">\n                        <nc-data-field-template *ngIf=\"!panelContent.netIdentifier.behavior.hidden\"\n                                                [dataField]=\"panelContent.netIdentifier\">\n                        </nc-data-field-template>\n                    </div>\n                    <div fxFlex=\"50\">\n                        <nc-data-field-template *ngIf=\"!panelContent.title.behavior.hidden\"\n                                                [dataField]=\"panelContent.title\">\n                        </nc-data-field-template>\n                    </div>\n                </div>\n                <div fxLayout=\"row\">\n                    <div fxFlex=\"50\">\n                        <nc-data-field-template *ngIf=\"!panelContent.version.behavior.hidden\"\n                                                [dataField]=\"panelContent.version\">\n                        </nc-data-field-template>\n                    </div>\n                    <div fxFlex=\"50\">\n                        <nc-data-field-template *ngIf=\"!panelContent.author.behavior.hidden\"\n                                                [dataField]=\"panelContent.author\">\n                        </nc-data-field-template>\n                    </div>\n                </div>\n                <div fxLayout=\"row\">\n                    <div fxFlex=\"50\">\n                        <nc-data-field-template *ngIf=\"!panelContent.uploaded.behavior.hidden\"\n                                                [dataField]=\"panelContent.uploaded\">\n                        </nc-data-field-template>\n                    </div>\n                </div>\n            </div>\n            <mat-action-row>\n                <button mat-stroked-button color=\"primary\"\n                        (click)=\"downloadNetFile()\">{{'workflow.download' | translate | uppercase }}</button>\n                <button *ngIf=\"showDeleteMenu\" mat-stroked-button color=\"warn\"\n                        (click)=\"deleteWorkflow()\">{{'workflow.delete' | translate | uppercase }}</button>\n                <button mat-button color=\"primary\"\n                        (click)=\"panelRef.expanded = false\">{{'tasks.view.collapse' | translate | uppercase }}</button>\n            </mat-action-row>\n        </div>\n    </ng-template>\n</nc-app-panel>\n", styles: [".task-panel-icon{margin-right:10px}.workflow-panel-footer{border-top:1px solid rgba(0,0,0,.03);padding:5px 24px}.workflow-panel-body{padding:10px 24px}.workflow-panel-icon{margin-right:8px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.LoggerService }, { type: i2.TranslateService }, { type: i1.WorkflowViewService }, { type: i1.PetriNetResourceService }, { type: i1.OverflowService, decorators: [{
+        }], ctorParameters: () => [{ type: i1.LoggerService }, { type: i2.TranslateService }, { type: i1.WorkflowViewService }, { type: i1.PetriNetResourceService }, { type: i1.OverflowService, decorators: [{
                     type: Optional
-                }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid29ya2Zsb3ctcGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvcGFuZWwvd29ya2Zsb3ctcGFuZWwvd29ya2Zsb3ctcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvcGFuZWwvd29ya2Zsb3ctcGFuZWwvd29ya2Zsb3ctcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFDLDhCQUE4QixFQUtyQyxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7Ozs7QUFRbEMsTUFBTSxPQUFPLHNCQUF1QixTQUFRLDhCQUE4QjtJQUN0RSxZQUFZLEdBQWtCLEVBQ2xCLFNBQTJCLEVBQzNCLGVBQW9DLEVBQ3BDLGdCQUF5QyxFQUM3QixlQUFnQztRQUNwRCxLQUFLLENBQUMsR0FBRyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsZ0JBQWdCLEVBQUUsZUFBZSxDQUFDLENBQUM7SUFDOUUsQ0FBQzs7b0hBUFEsc0JBQXNCO3dHQUF0QixzQkFBc0IsZ0ZDZG5DLG84R0E2REE7NEZEL0NhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDSSxtQkFBbUI7OzBCQVNoQixRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RXb3JrZmxvd1BhbmVsQ29tcG9uZW50LFxuICAgICAgICBMb2dnZXJTZXJ2aWNlLFxuICAgICAgICBXb3JrZmxvd1ZpZXdTZXJ2aWNlLFxuICAgICAgICBQZXRyaU5ldFJlc291cmNlU2VydmljZSxcbiAgICAgICAgT3ZlcmZsb3dTZXJ2aWNlXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXdvcmtmbG93LXBhbmVsJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vd29ya2Zsb3ctcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3dvcmtmbG93LXBhbmVsLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgV29ya2Zsb3dQYW5lbENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0V29ya2Zsb3dQYW5lbENvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IobG9nOiBMb2dnZXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICAgICAgICAgICAgICB3b3JrZmxvd1NlcnZpY2U6IFdvcmtmbG93Vmlld1NlcnZpY2UsXG4gICAgICAgICAgICAgICAgcGV0cmlOZXRSZXNvdXJjZTogUGV0cmlOZXRSZXNvdXJjZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgb3ZlcmZsb3dTZXJ2aWNlOiBPdmVyZmxvd1NlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIobG9nLCB0cmFuc2xhdGUsIHdvcmtmbG93U2VydmljZSwgcGV0cmlOZXRSZXNvdXJjZSwgb3ZlcmZsb3dTZXJ2aWNlKTtcbiAgICB9XG59XG4iLCI8bmMtYXBwLXBhbmVsIFtwYW5lbEhlYWRlcl09XCJoZWFkZXJcIiBbcGFuZWxDb250ZW50XT1cImNvbnRlbnRcIiAoZ2V0RXhwYW5zaW9uUGFuZWxSZWYpPVwic2V0UGFuZWxSZWYoJGV2ZW50KVwiIFtmaXJzdF09XCJmaXJzdFwiIFtsYXN0XT1cImxhc3RcIj5cbiAgICA8bmctdGVtcGxhdGUgI2hlYWRlcj5cbiAgICAgICAgPGRpdiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeEZsZXg9XCI5NVwiIChjbGljayk9XCJwcmV2ZW50U2VsZWN0aW9uQ2xpY2soJGV2ZW50KVwiPlxuICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgZmllbGQgb2YgZmVhdHVyZWRGaWVsZHNWYWx1ZXM7IGxldCBpID0gaW5kZXhcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCIgZnhGbGV4XG4gICAgICAgICAgICAgICAgIFtmeEhpZGUubHQteGxdPVwiaSA+PSA0ICYmIHJlc3BvbnNpdmVCb2R5XCJcbiAgICAgICAgICAgICAgICAgW2Z4SGlkZS5sdC1sZ109XCJpID49IDMgJiYgcmVzcG9uc2l2ZUJvZHlcIlxuICAgICAgICAgICAgICAgICBbZnhIaWRlLmx0LW1kXT1cImkgPj0gMiAmJiByZXNwb25zaXZlQm9keVwiXG4gICAgICAgICAgICAgICAgIFtmeEhpZGUubHQtc21dPVwiaSA+PSAxICYmIHJlc3BvbnNpdmVCb2R5XCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwid29ya2Zsb3ctcGFuZWwtaWNvbiBwYW5lbC1wcmltYXJ5LWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIiEhZmllbGQuaWNvbiAmJiAhIWZpZWxkLnZhbHVlXCI+e3tmaWVsZC5pY29ufX08L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIHt7ZmllbGQudmFsdWV9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGZ4RmxleD1cIjVcIj48L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgICAgICAgPGRpdiBjbGFzcz1cInBhbmVsLW1haW4tY29udGVudFwiIGZ4TGF5b3V0PVwiY29sdW1uXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwid29ya2Zsb3ctcGFuZWwtYm9keSBuZXRncmlmLWlucHV0XCIgZnhGbGV4PVwiMTAwXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBmeExheW91dD1cInJvd1wiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGZ4RmxleD1cIjUwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bmMtZGF0YS1maWVsZC10ZW1wbGF0ZSAqbmdJZj1cIiFwYW5lbENvbnRlbnQubmV0SWRlbnRpZmllci5iZWhhdmlvci5oaWRkZW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFGaWVsZF09XCJwYW5lbENvbnRlbnQubmV0SWRlbnRpZmllclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9uYy1kYXRhLWZpZWxkLXRlbXBsYXRlPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBmeEZsZXg9XCI1MFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9XCIhcGFuZWxDb250ZW50LnRpdGxlLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cInBhbmVsQ29udGVudC50aXRsZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9uYy1kYXRhLWZpZWxkLXRlbXBsYXRlPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGZ4TGF5b3V0PVwicm93XCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgZnhGbGV4PVwiNTBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxuYy1kYXRhLWZpZWxkLXRlbXBsYXRlICpuZ0lmPVwiIXBhbmVsQ29udGVudC52ZXJzaW9uLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cInBhbmVsQ29udGVudC52ZXJzaW9uXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L25jLWRhdGEtZmllbGQtdGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGZ4RmxleD1cIjUwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bmMtZGF0YS1maWVsZC10ZW1wbGF0ZSAqbmdJZj1cIiFwYW5lbENvbnRlbnQuYXV0aG9yLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cInBhbmVsQ29udGVudC5hdXRob3JcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbmMtZGF0YS1maWVsZC10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBmeExheW91dD1cInJvd1wiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGZ4RmxleD1cIjUwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bmMtZGF0YS1maWVsZC10ZW1wbGF0ZSAqbmdJZj1cIiFwYW5lbENvbnRlbnQudXBsb2FkZWQuYmVoYXZpb3IuaGlkZGVuXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtkYXRhRmllbGRdPVwicGFuZWxDb250ZW50LnVwbG9hZGVkXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L25jLWRhdGEtZmllbGQtdGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8bWF0LWFjdGlvbi1yb3c+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJkb3dubG9hZE5ldEZpbGUoKVwiPnt7J3dvcmtmbG93LmRvd25sb2FkJyB8IHRyYW5zbGF0ZSB8IHVwcGVyY2FzZSB9fTwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCJzaG93RGVsZXRlTWVudVwiIG1hdC1zdHJva2VkLWJ1dHRvbiBjb2xvcj1cIndhcm5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImRlbGV0ZVdvcmtmbG93KClcIj57eyd3b3JrZmxvdy5kZWxldGUnIHwgdHJhbnNsYXRlIHwgdXBwZXJjYXNlIH19PC9idXR0b24+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwicGFuZWxSZWYuZXhwYW5kZWQgPSBmYWxzZVwiPnt7J3Rhc2tzLnZpZXcuY29sbGFwc2UnIHwgdHJhbnNsYXRlIHwgdXBwZXJjYXNlIH19PC9idXR0b24+XG4gICAgICAgICAgICA8L21hdC1hY3Rpb24tcm93PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuPC9uYy1hcHAtcGFuZWw+XG4iXX0=
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid29ya2Zsb3ctcGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvcGFuZWwvd29ya2Zsb3ctcGFuZWwvd29ya2Zsb3ctcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvcGFuZWwvd29ya2Zsb3ctcGFuZWwvd29ya2Zsb3ctcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFDLDhCQUE4QixFQUtyQyxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7Ozs7QUFRbEMsTUFBTSxPQUFPLHNCQUF1QixTQUFRLDhCQUE4QjtJQUN0RSxZQUFZLEdBQWtCLEVBQ2xCLFNBQTJCLEVBQzNCLGVBQW9DLEVBQ3BDLGdCQUF5QyxFQUM3QixlQUFnQztRQUNwRCxLQUFLLENBQUMsR0FBRyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsZ0JBQWdCLEVBQUUsZUFBZSxDQUFDLENBQUM7SUFDOUUsQ0FBQzt3R0FQUSxzQkFBc0I7NEZBQXRCLHNCQUFzQixnRkNkbkMsbzhHQTZEQTs7NEZEL0NhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDSSxtQkFBbUI7OzBCQVNoQixRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RXb3JrZmxvd1BhbmVsQ29tcG9uZW50LFxuICAgICAgICBMb2dnZXJTZXJ2aWNlLFxuICAgICAgICBXb3JrZmxvd1ZpZXdTZXJ2aWNlLFxuICAgICAgICBQZXRyaU5ldFJlc291cmNlU2VydmljZSxcbiAgICAgICAgT3ZlcmZsb3dTZXJ2aWNlXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXdvcmtmbG93LXBhbmVsJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vd29ya2Zsb3ctcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3dvcmtmbG93LXBhbmVsLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgV29ya2Zsb3dQYW5lbENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0V29ya2Zsb3dQYW5lbENvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IobG9nOiBMb2dnZXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICAgICAgICAgICAgICB3b3JrZmxvd1NlcnZpY2U6IFdvcmtmbG93Vmlld1NlcnZpY2UsXG4gICAgICAgICAgICAgICAgcGV0cmlOZXRSZXNvdXJjZTogUGV0cmlOZXRSZXNvdXJjZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgb3ZlcmZsb3dTZXJ2aWNlOiBPdmVyZmxvd1NlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIobG9nLCB0cmFuc2xhdGUsIHdvcmtmbG93U2VydmljZSwgcGV0cmlOZXRSZXNvdXJjZSwgb3ZlcmZsb3dTZXJ2aWNlKTtcbiAgICB9XG59XG4iLCI8bmMtYXBwLXBhbmVsIFtwYW5lbEhlYWRlcl09XCJoZWFkZXJcIiBbcGFuZWxDb250ZW50XT1cImNvbnRlbnRcIiAoZ2V0RXhwYW5zaW9uUGFuZWxSZWYpPVwic2V0UGFuZWxSZWYoJGV2ZW50KVwiIFtmaXJzdF09XCJmaXJzdFwiIFtsYXN0XT1cImxhc3RcIj5cbiAgICA8bmctdGVtcGxhdGUgI2hlYWRlcj5cbiAgICAgICAgPGRpdiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeEZsZXg9XCI5NVwiIChjbGljayk9XCJwcmV2ZW50U2VsZWN0aW9uQ2xpY2soJGV2ZW50KVwiPlxuICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgZmllbGQgb2YgZmVhdHVyZWRGaWVsZHNWYWx1ZXM7IGxldCBpID0gaW5kZXhcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCIgZnhGbGV4XG4gICAgICAgICAgICAgICAgIFtmeEhpZGUubHQteGxdPVwiaSA+PSA0ICYmIHJlc3BvbnNpdmVCb2R5XCJcbiAgICAgICAgICAgICAgICAgW2Z4SGlkZS5sdC1sZ109XCJpID49IDMgJiYgcmVzcG9uc2l2ZUJvZHlcIlxuICAgICAgICAgICAgICAgICBbZnhIaWRlLmx0LW1kXT1cImkgPj0gMiAmJiByZXNwb25zaXZlQm9keVwiXG4gICAgICAgICAgICAgICAgIFtmeEhpZGUubHQtc21dPVwiaSA+PSAxICYmIHJlc3BvbnNpdmVCb2R5XCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwid29ya2Zsb3ctcGFuZWwtaWNvbiBwYW5lbC1wcmltYXJ5LWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIiEhZmllbGQuaWNvbiAmJiAhIWZpZWxkLnZhbHVlXCI+e3tmaWVsZC5pY29ufX08L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIHt7ZmllbGQudmFsdWV9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGZ4RmxleD1cIjVcIj48L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgICAgICAgPGRpdiBjbGFzcz1cInBhbmVsLW1haW4tY29udGVudFwiIGZ4TGF5b3V0PVwiY29sdW1uXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwid29ya2Zsb3ctcGFuZWwtYm9keSBuZXRncmlmLWlucHV0XCIgZnhGbGV4PVwiMTAwXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBmeExheW91dD1cInJvd1wiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGZ4RmxleD1cIjUwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bmMtZGF0YS1maWVsZC10ZW1wbGF0ZSAqbmdJZj1cIiFwYW5lbENvbnRlbnQubmV0SWRlbnRpZmllci5iZWhhdmlvci5oaWRkZW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFGaWVsZF09XCJwYW5lbENvbnRlbnQubmV0SWRlbnRpZmllclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9uYy1kYXRhLWZpZWxkLXRlbXBsYXRlPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBmeEZsZXg9XCI1MFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9XCIhcGFuZWxDb250ZW50LnRpdGxlLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cInBhbmVsQ29udGVudC50aXRsZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9uYy1kYXRhLWZpZWxkLXRlbXBsYXRlPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGZ4TGF5b3V0PVwicm93XCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgZnhGbGV4PVwiNTBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxuYy1kYXRhLWZpZWxkLXRlbXBsYXRlICpuZ0lmPVwiIXBhbmVsQ29udGVudC52ZXJzaW9uLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cInBhbmVsQ29udGVudC52ZXJzaW9uXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L25jLWRhdGEtZmllbGQtdGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGZ4RmxleD1cIjUwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bmMtZGF0YS1maWVsZC10ZW1wbGF0ZSAqbmdJZj1cIiFwYW5lbENvbnRlbnQuYXV0aG9yLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cInBhbmVsQ29udGVudC5hdXRob3JcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbmMtZGF0YS1maWVsZC10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBmeExheW91dD1cInJvd1wiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGZ4RmxleD1cIjUwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bmMtZGF0YS1maWVsZC10ZW1wbGF0ZSAqbmdJZj1cIiFwYW5lbENvbnRlbnQudXBsb2FkZWQuYmVoYXZpb3IuaGlkZGVuXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtkYXRhRmllbGRdPVwicGFuZWxDb250ZW50LnVwbG9hZGVkXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L25jLWRhdGEtZmllbGQtdGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8bWF0LWFjdGlvbi1yb3c+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJkb3dubG9hZE5ldEZpbGUoKVwiPnt7J3dvcmtmbG93LmRvd25sb2FkJyB8IHRyYW5zbGF0ZSB8IHVwcGVyY2FzZSB9fTwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCJzaG93RGVsZXRlTWVudVwiIG1hdC1zdHJva2VkLWJ1dHRvbiBjb2xvcj1cIndhcm5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImRlbGV0ZVdvcmtmbG93KClcIj57eyd3b3JrZmxvdy5kZWxldGUnIHwgdHJhbnNsYXRlIHwgdXBwZXJjYXNlIH19PC9idXR0b24+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwicGFuZWxSZWYuZXhwYW5kZWQgPSBmYWxzZVwiPnt7J3Rhc2tzLnZpZXcuY29sbGFwc2UnIHwgdHJhbnNsYXRlIHwgdXBwZXJjYXNlIH19PC9idXR0b24+XG4gICAgICAgICAgICA8L21hdC1hY3Rpb24tcm93PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuPC9uYy1hcHAtcGFuZWw+XG4iXX0=