@netgrif/components 6.1.1 → 6.2.0-rc.3

package/esm2020/lib/panel/case-panel/case-panel.component.mjs

@@ -26,10 +26,10 @@ export class CasePanelComponent extends AbstractCasePanelComponent {
     }
 }
 CasePanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CasePanelComponent, deps: [{ token: i1.CaseResourceService }, { token: i1.CaseViewService }, { token: i1.SnackBarService }, { token: i2.TranslateService }, { token: i1.LoggerService }, { token: i1.OverflowService, optional: true }, { token: i1.UserService }, { token: i3.CurrencyPipe }, { token: i1.PermissionService }], target: i0.ɵɵFactoryTarget.Component });
-CasePanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CasePanelComponent, selector: "nc-case-panel", usesInheritance: true, ngImport: i0, template: "<nc-app-panel [panelHeader]=\"casePanelHeader\" [preventExpand]=\"true\" [first]=\"first\" [last]=\"last\" [caseColor] = case_.color>\n    <ng-template #casePanelHeader>\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\" [ngStyle]=\"{'min-width': getMinWidth()}\"\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                 [ngClass]=\"{'panel-header-padding': !textEllipsis && field.type !== 'button'}\">\n                <nc-panel-item\n                    [leadingIcon]=\"case_.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            <div *ngIf=\"showDeleteMenu && canDelete()\">\n                <button mat-icon-button (click)=\"show($event)\" [matMenuTriggerFor]=\"menu\">\n                    <mat-icon>more_vert</mat-icon>\n                </button>\n                <mat-menu #menu=\"matMenu\">\n                    <button mat-menu-item (click)=\"deleteCase()\">\n                        <mat-icon>delete</mat-icon>\n                        <span>{{ 'panel.case.delete' | translate}}</span>\n                    </button>\n                </mat-menu>\n            </div>\n        </div>\n    </ng-template>\n</nc-app-panel>\n", styles: [".case-panel-icon{margin-right:8px}.panel-main-content{margin-top:16px}.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-margin{margin-right:15px;line-height:24px}.text-column-div{min-width:0;width:0}.panel-header-padding{padding:12px 0!important}.width-100{width:100%}.pre-line-dialog{white-space:pre-line!important}\n"], components: [{ type: i4.PanelComponent, selector: "nc-app-panel" }, { type: i5.PanelItemComponent, selector: "nc-panel-item" }, { 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"] }, { type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i8.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i8.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i9.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i9.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i9.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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i10.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"] }, { type: i10.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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10.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"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], pipes: { "translate": i2.TranslatePipe } });
+CasePanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CasePanelComponent, selector: "nc-case-panel", usesInheritance: true, ngImport: i0, template: "<nc-app-panel [panelHeader]=\"casePanelHeader\" [preventExpand]=\"true\" [first]=\"first\" [last]=\"last\" [caseColor] = case_.color>\n    <ng-template #casePanelHeader>\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\" [ngStyle]=\"{'min-width': getMinWidth()}\"\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                 [ngClass]=\"{'panel-header-padding': !textEllipsis && field.type !== 'button'}\">\n                <nc-panel-item\n                    [leadingIcon]=\"case_.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            <div *ngIf=\"showDeleteMenu && canDelete()\">\n                <button mat-icon-button (click)=\"show($event)\" [matMenuTriggerFor]=\"menu\">\n                    <mat-icon>more_vert</mat-icon>\n                </button>\n                <mat-menu #menu=\"matMenu\">\n                    <button mat-menu-item (click)=\"deleteCase()\">\n                        <mat-icon>delete</mat-icon>\n                        <span>{{ 'panel.case.delete' | translate}}</span>\n                    </button>\n                </mat-menu>\n            </div>\n        </div>\n    </ng-template>\n</nc-app-panel>\n", styles: [".case-panel-icon{margin-right:8px}.panel-main-content{margin-top:16px}.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-margin{margin-right:15px;line-height:24px}.text-column-div{min-width:0;width:0}.panel-header-padding{padding:9px 0!important}.width-100{width:100%}.pre-line-dialog{white-space:pre-line!important}\n"], components: [{ type: i4.PanelComponent, selector: "nc-app-panel" }, { type: i5.PanelItemComponent, selector: "nc-panel-item" }, { 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"] }, { type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i8.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i8.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i9.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i9.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i9.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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i10.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"] }, { type: i10.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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10.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"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], pipes: { "translate": i2.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CasePanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-case-panel', template: "<nc-app-panel [panelHeader]=\"casePanelHeader\" [preventExpand]=\"true\" [first]=\"first\" [last]=\"last\" [caseColor] = case_.color>\n    <ng-template #casePanelHeader>\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\" [ngStyle]=\"{'min-width': getMinWidth()}\"\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                 [ngClass]=\"{'panel-header-padding': !textEllipsis && field.type !== 'button'}\">\n                <nc-panel-item\n                    [leadingIcon]=\"case_.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            <div *ngIf=\"showDeleteMenu && canDelete()\">\n                <button mat-icon-button (click)=\"show($event)\" [matMenuTriggerFor]=\"menu\">\n                    <mat-icon>more_vert</mat-icon>\n                </button>\n                <mat-menu #menu=\"matMenu\">\n                    <button mat-menu-item (click)=\"deleteCase()\">\n                        <mat-icon>delete</mat-icon>\n                        <span>{{ 'panel.case.delete' | translate}}</span>\n                    </button>\n                </mat-menu>\n            </div>\n        </div>\n    </ng-template>\n</nc-app-panel>\n", styles: [".case-panel-icon{margin-right:8px}.panel-main-content{margin-top:16px}.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-margin{margin-right:15px;line-height:24px}.text-column-div{min-width:0;width:0}.panel-header-padding{padding:12px 0!important}.width-100{width:100%}.pre-line-dialog{white-space:pre-line!important}\n"] }]
+            args: [{ selector: 'nc-case-panel', template: "<nc-app-panel [panelHeader]=\"casePanelHeader\" [preventExpand]=\"true\" [first]=\"first\" [last]=\"last\" [caseColor] = case_.color>\n    <ng-template #casePanelHeader>\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\" [ngStyle]=\"{'min-width': getMinWidth()}\"\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                 [ngClass]=\"{'panel-header-padding': !textEllipsis && field.type !== 'button'}\">\n                <nc-panel-item\n                    [leadingIcon]=\"case_.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            <div *ngIf=\"showDeleteMenu && canDelete()\">\n                <button mat-icon-button (click)=\"show($event)\" [matMenuTriggerFor]=\"menu\">\n                    <mat-icon>more_vert</mat-icon>\n                </button>\n                <mat-menu #menu=\"matMenu\">\n                    <button mat-menu-item (click)=\"deleteCase()\">\n                        <mat-icon>delete</mat-icon>\n                        <span>{{ 'panel.case.delete' | translate}}</span>\n                    </button>\n                </mat-menu>\n            </div>\n        </div>\n    </ng-template>\n</nc-app-panel>\n", styles: [".case-panel-icon{margin-right:8px}.panel-main-content{margin-top:16px}.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-margin{margin-right:15px;line-height:24px}.text-column-div{min-width:0;width:0}.panel-header-padding{padding:9px 0!important}.width-100{width:100%}.pre-line-dialog{white-space:pre-line!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.CaseResourceService }, { type: i1.CaseViewService }, { type: i1.SnackBarService }, { type: i2.TranslateService }, { type: i1.LoggerService }, { type: i1.OverflowService, decorators: [{
                     type: Optional
                 }] }, { type: i1.UserService }, { type: i3.CurrencyPipe }, { type: i1.PermissionService }]; } });

package/esm2020/lib/panel/panel.component.mjs

@@ -11,9 +11,9 @@ export class PanelComponent extends AbstractPanelComponent {
     }
 }
 PanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PanelComponent, deps: [{ token: i1.CaseListFontColorService }], target: i0.ɵɵFactoryTarget.Component });
-PanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PanelComponent, selector: "nc-app-panel", usesInheritance: true, ngImport: i0, template: "<mat-expansion-panel [@.disabled]=\"expansionDisabled\" hideToggle (afterExpand)=\"emitExpand()\"\n                     (afterCollapse)=\"emitCollapse()\" #matExpansionPanel class=\"panel-margin\"\n                     [ngClass]=\"{'margin-top':first, 'margin-bottom':last}\">\n    <mat-expansion-panel-header (click)=\"expandPanel()\" class=\"panel-color header-padding header-min-height\"\n                                [ngStyle]=\"{'background': caseColor, 'color': getCaseFontColor()}\">\n        <mat-panel-description *ngTemplateOutlet=\"panelHeader\">\n        </mat-panel-description>\n    </mat-expansion-panel-header>\n    <ng-template matExpansionPanelContent>\n        <div *ngTemplateOutlet=\"panelContent\"></div>\n    </ng-template>\n</mat-expansion-panel>\n\n", styles: [".mat-expansion-panel-header{border-bottom:1px solid rgba(0,0,0,.03);color:#000000de}.header-padding{padding:0 16px}.header-min-height{min-height:48px!important;height:auto!important}.panel-margin{margin:0 2px}.margin-top{margin-top:2px}.margin-bottom{margin-bottom:2px}.mat-expansion-panel{-webkit-user-select:text!important;user-select:text!important}\n"], components: [{ type: i2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.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"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.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"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { type: i2.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }] });
+PanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PanelComponent, selector: "nc-app-panel", usesInheritance: true, ngImport: i0, template: "<mat-expansion-panel [@.disabled]=\"expansionDisabled\" hideToggle (afterExpand)=\"emitExpand()\"\n                     (afterCollapse)=\"emitCollapse()\" #matExpansionPanel class=\"panel-margin\"\n                     [ngClass]=\"{'margin-top':first, 'margin-bottom':last}\">\n    <mat-expansion-panel-header (click)=\"expandPanel()\" class=\"panel-color header-padding header-min-height\"\n                                [ngStyle]=\"{'background': caseColor, 'color': getCaseFontColor()}\">\n        <mat-panel-description *ngTemplateOutlet=\"panelHeader\">\n        </mat-panel-description>\n    </mat-expansion-panel-header>\n    <ng-template matExpansionPanelContent>\n        <div *ngTemplateOutlet=\"panelContent\"></div>\n    </ng-template>\n</mat-expansion-panel>\n\n", styles: [".mat-expansion-panel-header{border-bottom:1px solid rgba(0,0,0,.03);color:#000000de}.header-padding{padding:0 16px}.header-min-height{min-height:42px!important;height:auto!important}.panel-margin{margin:0 2px}.margin-top{margin-top:2px}.margin-bottom{margin-bottom:2px}.mat-expansion-panel{-webkit-user-select:text!important;user-select:text!important}\n"], components: [{ type: i2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.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"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.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"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { type: i2.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-app-panel', template: "<mat-expansion-panel [@.disabled]=\"expansionDisabled\" hideToggle (afterExpand)=\"emitExpand()\"\n                     (afterCollapse)=\"emitCollapse()\" #matExpansionPanel class=\"panel-margin\"\n                     [ngClass]=\"{'margin-top':first, 'margin-bottom':last}\">\n    <mat-expansion-panel-header (click)=\"expandPanel()\" class=\"panel-color header-padding header-min-height\"\n                                [ngStyle]=\"{'background': caseColor, 'color': getCaseFontColor()}\">\n        <mat-panel-description *ngTemplateOutlet=\"panelHeader\">\n        </mat-panel-description>\n    </mat-expansion-panel-header>\n    <ng-template matExpansionPanelContent>\n        <div *ngTemplateOutlet=\"panelContent\"></div>\n    </ng-template>\n</mat-expansion-panel>\n\n", styles: [".mat-expansion-panel-header{border-bottom:1px solid rgba(0,0,0,.03);color:#000000de}.header-padding{padding:0 16px}.header-min-height{min-height:48px!important;height:auto!important}.panel-margin{margin:0 2px}.margin-top{margin-top:2px}.margin-bottom{margin-bottom:2px}.mat-expansion-panel{-webkit-user-select:text!important;user-select:text!important}\n"] }]
+            args: [{ selector: 'nc-app-panel', template: "<mat-expansion-panel [@.disabled]=\"expansionDisabled\" hideToggle (afterExpand)=\"emitExpand()\"\n                     (afterCollapse)=\"emitCollapse()\" #matExpansionPanel class=\"panel-margin\"\n                     [ngClass]=\"{'margin-top':first, 'margin-bottom':last}\">\n    <mat-expansion-panel-header (click)=\"expandPanel()\" class=\"panel-color header-padding header-min-height\"\n                                [ngStyle]=\"{'background': caseColor, 'color': getCaseFontColor()}\">\n        <mat-panel-description *ngTemplateOutlet=\"panelHeader\">\n        </mat-panel-description>\n    </mat-expansion-panel-header>\n    <ng-template matExpansionPanelContent>\n        <div *ngTemplateOutlet=\"panelContent\"></div>\n    </ng-template>\n</mat-expansion-panel>\n\n", styles: [".mat-expansion-panel-header{border-bottom:1px solid rgba(0,0,0,.03);color:#000000de}.header-padding{padding:0 16px}.header-min-height{min-height:42px!important;height:auto!important}.panel-margin{margin:0 2px}.margin-top{margin-top:2px}.margin-bottom{margin-bottom:2px}.mat-expansion-panel{-webkit-user-select:text!important;user-select:text!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.CaseListFontColorService }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvcGFuZWwvcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvcGFuZWwvcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7O0FBUWhFLE1BQU0sT0FBTyxjQUFlLFNBQVEsc0JBQXNCO0lBQ3RELFlBQVksd0JBQWtEO1FBQzFELEtBQUssQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7OzRHQUhRLGNBQWM7Z0dBQWQsY0FBYywyRUNUM0IsMndCQWFBOzRGREphLGNBQWM7a0JBTDFCLFNBQVM7K0JBQ0ksY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RQYW5lbENvbXBvbmVudH0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7Q2FzZUxpc3RGb250Q29sb3JTZXJ2aWNlfSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLWFwcC1wYW5lbCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3BhbmVsLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9wYW5lbC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFBhbmVsQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RQYW5lbENvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IoY2FzZUxpc3RGb250Q29sb3JTZXJ2aWNlOiBDYXNlTGlzdEZvbnRDb2xvclNlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIoY2FzZUxpc3RGb250Q29sb3JTZXJ2aWNlKTtcbiAgICB9XG59XG4iLCI8bWF0LWV4cGFuc2lvbi1wYW5lbCBbQC5kaXNhYmxlZF09XCJleHBhbnNpb25EaXNhYmxlZFwiIGhpZGVUb2dnbGUgKGFmdGVyRXhwYW5kKT1cImVtaXRFeHBhbmQoKVwiXG4gICAgICAgICAgICAgICAgICAgICAoYWZ0ZXJDb2xsYXBzZSk9XCJlbWl0Q29sbGFwc2UoKVwiICNtYXRFeHBhbnNpb25QYW5lbCBjbGFzcz1cInBhbmVsLW1hcmdpblwiXG4gICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J21hcmdpbi10b3AnOmZpcnN0LCAnbWFyZ2luLWJvdHRvbSc6bGFzdH1cIj5cbiAgICA8bWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXIgKGNsaWNrKT1cImV4cGFuZFBhbmVsKClcIiBjbGFzcz1cInBhbmVsLWNvbG9yIGhlYWRlci1wYWRkaW5nIGhlYWRlci1taW4taGVpZ2h0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kJzogY2FzZUNvbG9yLCAnY29sb3InOiBnZXRDYXNlRm9udENvbG9yKCl9XCI+XG4gICAgICAgIDxtYXQtcGFuZWwtZGVzY3JpcHRpb24gKm5nVGVtcGxhdGVPdXRsZXQ9XCJwYW5lbEhlYWRlclwiPlxuICAgICAgICA8L21hdC1wYW5lbC1kZXNjcmlwdGlvbj5cbiAgICA8L21hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuICAgIDxuZy10ZW1wbGF0ZSBtYXRFeHBhbnNpb25QYW5lbENvbnRlbnQ+XG4gICAgICAgIDxkaXYgKm5nVGVtcGxhdGVPdXRsZXQ9XCJwYW5lbENvbnRlbnRcIj48L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuPC9tYXQtZXhwYW5zaW9uLXBhbmVsPlxuXG4iXX0=

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

@@ -69,7 +69,7 @@ TaskPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
         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    <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\"\n                  [fxHide.lt-lg]=\"i >= 3 && responsiveBody\"\n                  [fxHide.lt-md]=\"i >= 2 && responsiveBody\"\n                  [fxHide.lt-sm]=\"i >= 1 && responsiveBody\"\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 && (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            <div class=\"task-panel-body\" [ngClass]=\"{'paper-view': isPaperView()}\" fxFlex=\"100\">\n                <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n            </div>\n            <mat-action-row>\n                <div fxLayout.lt-sm=\"column\" fxLayoutAlign.lt-sm=\"center stretch\" ngClass.lt-sm=\"width-100\">\n                    <button *ngIf=\"canAssign()\" (click)=\"assign()\" mat-button [disabled]=\"canDisable('assign')\">\n                        {{ getAssignTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canDo('delegate')\" (click)=\"delegate()\" mat-button [disabled]=\"canDisable('delegate')\">\n                        {{ getDelegateTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canReassign()\" (click)=\"delegate()\" mat-button [disabled]=\"canDisable('reassign')\">\n                        {{ 'tasks.view.reassign' | translate | uppercase }}</button>\n                    <button *ngIf=\"canCancel()\" (click)=\"cancel()\" mat-button [disabled]=\"canDisable('cancel')\">\n                        {{ getCancelTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canFinish()\" (click)=\"finish()\" mat-button [disabled]=\"canDisable('finish')\">\n                        {{ getFinishTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canCollapse()\" color=\"primary\" (click)=\"collapse()\" mat-button>\n                        {{ 'tasks.view.collapse' | translate | uppercase }}</button>\n                </div>\n            </mat-action-row>\n        </div>\n    </ng-template>\n</nc-app-panel>\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:12px 0!important}.pre-line-dialog{white-space:pre-line!important}\n"], components: [{ type: i4.PanelComponent, selector: "nc-app-panel" }, { type: i5.PanelItemComponent, selector: "nc-panel-item" }, { 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"] }, { type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i8.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i8.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i10.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: i10.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: i10.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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.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"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i12.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { type: i13.MatExpansionPanelActionRow, selector: "mat-action-row" }], pipes: { "translate": i2.TranslatePipe, "uppercase": i3.UpperCasePipe } });
+    ], usesInheritance: true, ngImport: i0, template: "<nc-app-panel [panelContent]=\"taskPanelContent\" [panelHeader]=\"taskPanelHeader\"\n              (stopLoading)=\"stopLoading()\" (getExpansionPanelRef)=\"setPanelRef($event)\" [first]=\"first\" [last]=\"last\">\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\"\n                  [fxHide.lt-lg]=\"i >= 3 && responsiveBody\"\n                  [fxHide.lt-md]=\"i >= 2 && responsiveBody\"\n                  [fxHide.lt-sm]=\"i >= 1 && responsiveBody\"\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 && (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            <div class=\"task-panel-body\" [ngClass]=\"{'paper-view': isPaperView()}\" fxFlex=\"100\">\n                <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n            </div>\n            <mat-action-row>\n                <div fxLayout.lt-sm=\"column\" fxLayoutAlign.lt-sm=\"center stretch\" ngClass.lt-sm=\"width-100\">\n                    <button *ngIf=\"canAssign()\" (click)=\"assign()\" mat-button [disabled]=\"canDisable('assign')\">\n                        {{ getAssignTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canDo('delegate')\" (click)=\"delegate()\" mat-button [disabled]=\"canDisable('delegate')\">\n                        {{ getDelegateTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canReassign()\" (click)=\"delegate()\" mat-button [disabled]=\"canDisable('reassign')\">\n                        {{ 'tasks.view.reassign' | translate | uppercase }}</button>\n                    <button *ngIf=\"canCancel()\" (click)=\"cancel()\" mat-button [disabled]=\"canDisable('cancel')\">\n                        {{ getCancelTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canFinish()\" (click)=\"finish()\" mat-button [disabled]=\"canDisable('finish')\">\n                        {{ getFinishTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canCollapse()\" color=\"primary\" (click)=\"collapse()\" mat-button>\n                        {{ 'tasks.view.collapse' | translate | uppercase }}</button>\n                </div>\n            </mat-action-row>\n        </div>\n    </ng-template>\n</nc-app-panel>\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}\n"], components: [{ type: i4.PanelComponent, selector: "nc-app-panel" }, { type: i5.PanelItemComponent, selector: "nc-panel-item" }, { 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"] }, { type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i8.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i8.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i10.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: i10.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: i10.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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.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"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i12.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { type: i13.MatExpansionPanelActionRow, selector: "mat-action-row" }], pipes: { "translate": i2.TranslatePipe, "uppercase": i3.UpperCasePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TaskPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-task-panel', providers: [
@@ -86,7 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                         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    <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\"\n                  [fxHide.lt-lg]=\"i >= 3 && responsiveBody\"\n                  [fxHide.lt-md]=\"i >= 2 && responsiveBody\"\n                  [fxHide.lt-sm]=\"i >= 1 && responsiveBody\"\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 && (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            <div class=\"task-panel-body\" [ngClass]=\"{'paper-view': isPaperView()}\" fxFlex=\"100\">\n                <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n            </div>\n            <mat-action-row>\n                <div fxLayout.lt-sm=\"column\" fxLayoutAlign.lt-sm=\"center stretch\" ngClass.lt-sm=\"width-100\">\n                    <button *ngIf=\"canAssign()\" (click)=\"assign()\" mat-button [disabled]=\"canDisable('assign')\">\n                        {{ getAssignTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canDo('delegate')\" (click)=\"delegate()\" mat-button [disabled]=\"canDisable('delegate')\">\n                        {{ getDelegateTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canReassign()\" (click)=\"delegate()\" mat-button [disabled]=\"canDisable('reassign')\">\n                        {{ 'tasks.view.reassign' | translate | uppercase }}</button>\n                    <button *ngIf=\"canCancel()\" (click)=\"cancel()\" mat-button [disabled]=\"canDisable('cancel')\">\n                        {{ getCancelTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canFinish()\" (click)=\"finish()\" mat-button [disabled]=\"canDisable('finish')\">\n                        {{ getFinishTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canCollapse()\" color=\"primary\" (click)=\"collapse()\" mat-button>\n                        {{ 'tasks.view.collapse' | translate | uppercase }}</button>\n                </div>\n            </mat-action-row>\n        </div>\n    </ng-template>\n</nc-app-panel>\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:12px 0!important}.pre-line-dialog{white-space:pre-line!important}\n"] }]
+                    ], template: "<nc-app-panel [panelContent]=\"taskPanelContent\" [panelHeader]=\"taskPanelHeader\"\n              (stopLoading)=\"stopLoading()\" (getExpansionPanelRef)=\"setPanelRef($event)\" [first]=\"first\" [last]=\"last\">\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\"\n                  [fxHide.lt-lg]=\"i >= 3 && responsiveBody\"\n                  [fxHide.lt-md]=\"i >= 2 && responsiveBody\"\n                  [fxHide.lt-sm]=\"i >= 1 && responsiveBody\"\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 && (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            <div class=\"task-panel-body\" [ngClass]=\"{'paper-view': isPaperView()}\" fxFlex=\"100\">\n                <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n            </div>\n            <mat-action-row>\n                <div fxLayout.lt-sm=\"column\" fxLayoutAlign.lt-sm=\"center stretch\" ngClass.lt-sm=\"width-100\">\n                    <button *ngIf=\"canAssign()\" (click)=\"assign()\" mat-button [disabled]=\"canDisable('assign')\">\n                        {{ getAssignTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canDo('delegate')\" (click)=\"delegate()\" mat-button [disabled]=\"canDisable('delegate')\">\n                        {{ getDelegateTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canReassign()\" (click)=\"delegate()\" mat-button [disabled]=\"canDisable('reassign')\">\n                        {{ 'tasks.view.reassign' | translate | uppercase }}</button>\n                    <button *ngIf=\"canCancel()\" (click)=\"cancel()\" mat-button [disabled]=\"canDisable('cancel')\">\n                        {{ getCancelTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canFinish()\" (click)=\"finish()\" mat-button [disabled]=\"canDisable('finish')\">\n                        {{ getFinishTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canCollapse()\" color=\"primary\" (click)=\"collapse()\" mat-button>\n                        {{ 'tasks.view.collapse' | translate | uppercase }}</button>\n                </div>\n            </mat-action-row>\n        </div>\n    </ng-template>\n</nc-app-panel>\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}\n"] }]
         }], ctorParameters: function () { return [{ 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.CallChainService }, { type: i2.TranslateService }, { type: i1.SubjectTaskOperations, decorators: [{
                     type: Inject,
                     args: [NAE_TASK_OPERATIONS]

package/esm2020/lib/search/advanced-search/advanced-search-component/advanced-search.component.mjs

@@ -13,9 +13,9 @@ export class AdvancedSearchComponent extends AbstractAdvancedSearchComponent {
     }
 }
 AdvancedSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AdvancedSearchComponent, deps: [{ token: i1.SearchService }, { token: i1.AdvancedSearchComponentInitializationService }], target: i0.ɵɵFactoryTarget.Component });
-AdvancedSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AdvancedSearchComponent, selector: "nc-advanced-search", providers: [AdvancedSearchComponentInitializationService], usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n    <div *ngFor=\"let item of getPredicateMap() | keyvalue; trackBy: trackByPredicates; first as first\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <div *ngIf=\"!first\" class=\"bool-operator-margin\">{{'search.and' | translate | uppercase}}</div>\n        <nc-search-clause [predicate]=\"item.value\" [predicateId]=\"item.key\" [remove$]=\"removeChild$\" [editable]=\"editable\"\n                          class=\"clause-margin\"></nc-search-clause>\n    </div>\n    <button *ngIf=\"editable\" mat-stroked-button (click)=\"addChildPredicate()\" class=\"bool-operator-margin\">+ {{'search.and' | translate | uppercase}}</button>\n</div>\n", styles: [".bool-operator-margin{margin-left:8px;margin-right:8px}\n"], components: [{ type: i2.SearchClauseComponent, selector: "nc-search-clause" }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ 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"] }, { 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"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "keyvalue": i5.KeyValuePipe, "uppercase": i5.UpperCasePipe, "translate": i6.TranslatePipe } });
+AdvancedSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AdvancedSearchComponent, selector: "nc-advanced-search", providers: [AdvancedSearchComponentInitializationService], usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\" class=\"netgrif-input\">\n    <div *ngFor=\"let item of getPredicateMap() | keyvalue; trackBy: trackByPredicates; first as first\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <div *ngIf=\"!first\" class=\"bool-operator-margin\">{{'search.and' | translate | uppercase}}</div>\n        <nc-search-clause [predicate]=\"item.value\" [predicateId]=\"item.key\" [remove$]=\"removeChild$\" [editable]=\"editable\"\n                          class=\"clause-margin\"></nc-search-clause>\n    </div>\n    <button *ngIf=\"editable\" mat-stroked-button (click)=\"addChildPredicate()\" class=\"bool-operator-margin\">+ {{'search.and' | translate | uppercase}}</button>\n</div>\n", styles: [".bool-operator-margin{margin-left:8px;margin-right:8px}\n"], components: [{ type: i2.SearchClauseComponent, selector: "nc-search-clause" }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ 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"] }, { 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"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "keyvalue": i5.KeyValuePipe, "uppercase": i5.UpperCasePipe, "translate": i6.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AdvancedSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-advanced-search', providers: [AdvancedSearchComponentInitializationService], template: "<div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n    <div *ngFor=\"let item of getPredicateMap() | keyvalue; trackBy: trackByPredicates; first as first\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <div *ngIf=\"!first\" class=\"bool-operator-margin\">{{'search.and' | translate | uppercase}}</div>\n        <nc-search-clause [predicate]=\"item.value\" [predicateId]=\"item.key\" [remove$]=\"removeChild$\" [editable]=\"editable\"\n                          class=\"clause-margin\"></nc-search-clause>\n    </div>\n    <button *ngIf=\"editable\" mat-stroked-button (click)=\"addChildPredicate()\" class=\"bool-operator-margin\">+ {{'search.and' | translate | uppercase}}</button>\n</div>\n", styles: [".bool-operator-margin{margin-left:8px;margin-right:8px}\n"] }]
+            args: [{ selector: 'nc-advanced-search', providers: [AdvancedSearchComponentInitializationService], template: "<div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\" class=\"netgrif-input\">\n    <div *ngFor=\"let item of getPredicateMap() | keyvalue; trackBy: trackByPredicates; first as first\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <div *ngIf=\"!first\" class=\"bool-operator-margin\">{{'search.and' | translate | uppercase}}</div>\n        <nc-search-clause [predicate]=\"item.value\" [predicateId]=\"item.key\" [remove$]=\"removeChild$\" [editable]=\"editable\"\n                          class=\"clause-margin\"></nc-search-clause>\n    </div>\n    <button *ngIf=\"editable\" mat-stroked-button (click)=\"addChildPredicate()\" class=\"bool-operator-margin\">+ {{'search.and' | translate | uppercase}}</button>\n</div>\n", styles: [".bool-operator-margin{margin-left:8px;margin-right:8px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.SearchService }, { type: i1.AdvancedSearchComponentInitializationService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWR2YW5jZWQtc2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3NlYXJjaC9hZHZhbmNlZC1zZWFyY2gvYWR2YW5jZWQtc2VhcmNoLWNvbXBvbmVudC9hZHZhbmNlZC1zZWFyY2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvc2VhcmNoL2FkdmFuY2VkLXNlYXJjaC9hZHZhbmNlZC1zZWFyY2gtY29tcG9uZW50L2FkdmFuY2VkLXNlYXJjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQywrQkFBK0IsRUFBRSw0Q0FBNEMsRUFBZ0IsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7QUFRdEksTUFBTSxPQUFPLHVCQUF3QixTQUFRLCtCQUErQjtJQUV4RSxZQUFZLGFBQTRCLEVBQUUscUJBQW1FO1FBQ3pHLEtBQUssQ0FBQyxhQUFhLEVBQUUscUJBQXFCLENBQUMsQ0FBQztJQUNoRCxDQUFDOztxSEFKUSx1QkFBdUI7eUdBQXZCLHVCQUF1Qiw2Q0FGckIsQ0FBQyw0Q0FBNEMsQ0FBQyxpRENQN0QsMnNCQVFBOzRGRENhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDSSxvQkFBb0IsYUFHbkIsQ0FBQyw0Q0FBNEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RBZHZhbmNlZFNlYXJjaENvbXBvbmVudCwgQWR2YW5jZWRTZWFyY2hDb21wb25lbnRJbml0aWFsaXphdGlvblNlcnZpY2UsIFNlYXJjaFNlcnZpY2V9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtYWR2YW5jZWQtc2VhcmNoJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWR2YW5jZWQtc2VhcmNoLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hZHZhbmNlZC1zZWFyY2guY29tcG9uZW50LnNjc3MnXSxcbiAgICBwcm92aWRlcnM6IFtBZHZhbmNlZFNlYXJjaENvbXBvbmVudEluaXRpYWxpemF0aW9uU2VydmljZV1cbn0pXG5leHBvcnQgY2xhc3MgQWR2YW5jZWRTZWFyY2hDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEFkdmFuY2VkU2VhcmNoQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHNlYXJjaFNlcnZpY2U6IFNlYXJjaFNlcnZpY2UsIGluaXRpYWxpemF0aW9uU2VydmljZTogQWR2YW5jZWRTZWFyY2hDb21wb25lbnRJbml0aWFsaXphdGlvblNlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIoc2VhcmNoU2VydmljZSwgaW5pdGlhbGl6YXRpb25TZXJ2aWNlKTtcbiAgICB9XG5cbn1cbiIsIjxkaXYgZnhMYXlvdXQ9XCJyb3cgd3JhcFwiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIj5cbiAgICA8ZGl2ICpuZ0Zvcj1cImxldCBpdGVtIG9mIGdldFByZWRpY2F0ZU1hcCgpIHwga2V5dmFsdWU7IHRyYWNrQnk6IHRyYWNrQnlQcmVkaWNhdGVzOyBmaXJzdCBhcyBmaXJzdFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiIWZpcnN0XCIgY2xhc3M9XCJib29sLW9wZXJhdG9yLW1hcmdpblwiPnt7J3NlYXJjaC5hbmQnIHwgdHJhbnNsYXRlIHwgdXBwZXJjYXNlfX08L2Rpdj5cbiAgICAgICAgPG5jLXNlYXJjaC1jbGF1c2UgW3ByZWRpY2F0ZV09XCJpdGVtLnZhbHVlXCIgW3ByZWRpY2F0ZUlkXT1cIml0ZW0ua2V5XCIgW3JlbW92ZSRdPVwicmVtb3ZlQ2hpbGQkXCIgW2VkaXRhYmxlXT1cImVkaXRhYmxlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJjbGF1c2UtbWFyZ2luXCI+PC9uYy1zZWFyY2gtY2xhdXNlPlxuICAgIDwvZGl2PlxuICAgIDxidXR0b24gKm5nSWY9XCJlZGl0YWJsZVwiIG1hdC1zdHJva2VkLWJ1dHRvbiAoY2xpY2spPVwiYWRkQ2hpbGRQcmVkaWNhdGUoKVwiIGNsYXNzPVwiYm9vbC1vcGVyYXRvci1tYXJnaW5cIj4rIHt7J3NlYXJjaC5hbmQnIHwgdHJhbnNsYXRlIHwgdXBwZXJjYXNlfX08L2J1dHRvbj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWR2YW5jZWQtc2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3NlYXJjaC9hZHZhbmNlZC1zZWFyY2gvYWR2YW5jZWQtc2VhcmNoLWNvbXBvbmVudC9hZHZhbmNlZC1zZWFyY2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvc2VhcmNoL2FkdmFuY2VkLXNlYXJjaC9hZHZhbmNlZC1zZWFyY2gtY29tcG9uZW50L2FkdmFuY2VkLXNlYXJjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQywrQkFBK0IsRUFBRSw0Q0FBNEMsRUFBZ0IsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7QUFRdEksTUFBTSxPQUFPLHVCQUF3QixTQUFRLCtCQUErQjtJQUV4RSxZQUFZLGFBQTRCLEVBQUUscUJBQW1FO1FBQ3pHLEtBQUssQ0FBQyxhQUFhLEVBQUUscUJBQXFCLENBQUMsQ0FBQztJQUNoRCxDQUFDOztxSEFKUSx1QkFBdUI7eUdBQXZCLHVCQUF1Qiw2Q0FGckIsQ0FBQyw0Q0FBNEMsQ0FBQyxpRENQN0QsbXVCQVFBOzRGRENhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDSSxvQkFBb0IsYUFHbkIsQ0FBQyw0Q0FBNEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RBZHZhbmNlZFNlYXJjaENvbXBvbmVudCwgQWR2YW5jZWRTZWFyY2hDb21wb25lbnRJbml0aWFsaXphdGlvblNlcnZpY2UsIFNlYXJjaFNlcnZpY2V9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtYWR2YW5jZWQtc2VhcmNoJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWR2YW5jZWQtc2VhcmNoLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hZHZhbmNlZC1zZWFyY2guY29tcG9uZW50LnNjc3MnXSxcbiAgICBwcm92aWRlcnM6IFtBZHZhbmNlZFNlYXJjaENvbXBvbmVudEluaXRpYWxpemF0aW9uU2VydmljZV1cbn0pXG5leHBvcnQgY2xhc3MgQWR2YW5jZWRTZWFyY2hDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEFkdmFuY2VkU2VhcmNoQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHNlYXJjaFNlcnZpY2U6IFNlYXJjaFNlcnZpY2UsIGluaXRpYWxpemF0aW9uU2VydmljZTogQWR2YW5jZWRTZWFyY2hDb21wb25lbnRJbml0aWFsaXphdGlvblNlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIoc2VhcmNoU2VydmljZSwgaW5pdGlhbGl6YXRpb25TZXJ2aWNlKTtcbiAgICB9XG5cbn1cbiIsIjxkaXYgZnhMYXlvdXQ9XCJyb3cgd3JhcFwiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBjbGFzcz1cIm5ldGdyaWYtaW5wdXRcIj5cbiAgICA8ZGl2ICpuZ0Zvcj1cImxldCBpdGVtIG9mIGdldFByZWRpY2F0ZU1hcCgpIHwga2V5dmFsdWU7IHRyYWNrQnk6IHRyYWNrQnlQcmVkaWNhdGVzOyBmaXJzdCBhcyBmaXJzdFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiIWZpcnN0XCIgY2xhc3M9XCJib29sLW9wZXJhdG9yLW1hcmdpblwiPnt7J3NlYXJjaC5hbmQnIHwgdHJhbnNsYXRlIHwgdXBwZXJjYXNlfX08L2Rpdj5cbiAgICAgICAgPG5jLXNlYXJjaC1jbGF1c2UgW3ByZWRpY2F0ZV09XCJpdGVtLnZhbHVlXCIgW3ByZWRpY2F0ZUlkXT1cIml0ZW0ua2V5XCIgW3JlbW92ZSRdPVwicmVtb3ZlQ2hpbGQkXCIgW2VkaXRhYmxlXT1cImVkaXRhYmxlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJjbGF1c2UtbWFyZ2luXCI+PC9uYy1zZWFyY2gtY2xhdXNlPlxuICAgIDwvZGl2PlxuICAgIDxidXR0b24gKm5nSWY9XCJlZGl0YWJsZVwiIG1hdC1zdHJva2VkLWJ1dHRvbiAoY2xpY2spPVwiYWRkQ2hpbGRQcmVkaWNhdGUoKVwiIGNsYXNzPVwiYm9vbC1vcGVyYXRvci1tYXJnaW5cIj4rIHt7J3NlYXJjaC5hbmQnIHwgdHJhbnNsYXRlIHwgdXBwZXJjYXNlfX08L2J1dHRvbj5cbjwvZGl2PlxuIl19

package/esm2020/lib/search/search-component/search.component.mjs

@@ -68,7 +68,7 @@ SearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
                 [new Optional(), new SkipSelf(), NAE_SEARCH_CATEGORIES]
             ]
         }
-    ], usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n    <div class=\"search-icon\" fxLayout=\"row\" fxLayoutAlign=\"start center\" *ngIf=\"showSearchIcon\">\n        <mat-icon [inline]=\"true\">search</mat-icon>\n    </div>\n\n    <div *ngIf=\"advancedSearchDisplayed; then advancedSearch; else fullTextSearch\"></div>\n\n    <ng-template #advancedSearch>\n        <nc-advanced-search></nc-advanced-search>\n    </ng-template>\n\n    <ng-template #fullTextSearch>\n        <nc-fulltext-search></nc-fulltext-search>\n    </ng-template>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"showSearchToggleButton\"\n            [matTooltip]=\"(advancedSearchDisplayed ? 'search.tooltip.toFullText' : 'search.tooltip.toAdvanced') | translate\"\n            (click)=\"toggleSearchMode()\">\n        <mat-icon>youtube_searched_for</mat-icon>\n    </button>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showSaveFilterButton\"\n            [matTooltip]=\"'search.tooltip.save' | translate\" (click)=\"saveFilter()\">\n        <mat-icon>save</mat-icon>\n    </button>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showLoadFilterButton\"\n            [matTooltip]=\"'search.tooltip.load' | translate\" (click)=\"loadFilter()\">\n        <mat-icon>open_in_browser</mat-icon>\n    </button>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showAdvancedSearchHelp\"\n            [matTooltip]=\"'search.tooltip.help' | translate\" (click)=\"showHelp()\">\n        <mat-icon>help</mat-icon>\n    </button>\n</div>\n", styles: [".button-margin{margin-left:8px;margin-right:8px}.clause-margin{margin-top:4px;margin-bottom:4px}.disable-error-margin .mat-form-field-wrapper{margin:0;padding-bottom:0}.search-buttons-margin{margin-left:8px}.search-icon{padding-right:8px;font-size:xx-large}.search-input{width:100%}.search-input-lg{width:60%}.search-input-md{width:80%}.search-input-sm{width:100%}\n"], components: [{ type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.AdvancedSearchComponent, selector: "nc-advanced-search" }, { type: i5.FulltextSearchComponent, selector: "nc-fulltext-search" }, { 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.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.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "translate": i2.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
+    ], usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n    <div class=\"search-icon\" fxLayout=\"row\" fxLayoutAlign=\"start center\" *ngIf=\"showSearchIcon\">\n        <mat-icon [inline]=\"true\">search</mat-icon>\n    </div>\n\n    <div *ngIf=\"advancedSearchDisplayed; then advancedSearch; else fullTextSearch\"></div>\n\n    <ng-template #advancedSearch>\n        <nc-advanced-search></nc-advanced-search>\n    </ng-template>\n\n    <ng-template #fullTextSearch>\n        <nc-fulltext-search class=\"netgrif-input\"></nc-fulltext-search>\n    </ng-template>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"showSearchToggleButton\"\n            [matTooltip]=\"(advancedSearchDisplayed ? 'search.tooltip.toFullText' : 'search.tooltip.toAdvanced') | translate\"\n            (click)=\"toggleSearchMode()\">\n        <mat-icon>youtube_searched_for</mat-icon>\n    </button>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showSaveFilterButton\"\n            [matTooltip]=\"'search.tooltip.save' | translate\" (click)=\"saveFilter()\">\n        <mat-icon>save</mat-icon>\n    </button>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showLoadFilterButton\"\n            [matTooltip]=\"'search.tooltip.load' | translate\" (click)=\"loadFilter()\">\n        <mat-icon>open_in_browser</mat-icon>\n    </button>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showAdvancedSearchHelp\"\n            [matTooltip]=\"'search.tooltip.help' | translate\" (click)=\"showHelp()\">\n        <mat-icon>help</mat-icon>\n    </button>\n</div>\n", styles: [".button-margin{margin-left:8px;margin-right:8px}.clause-margin{margin-top:4px;margin-bottom:4px}.disable-error-margin .mat-form-field-wrapper{margin:0;padding-bottom:0}.search-buttons-margin{margin-left:8px}.search-icon{padding-right:8px;font-size:xx-large}.search-input{width:100%}.search-input-lg{width:60%}.search-input-md{width:80%}.search-input-sm{width:100%}\n"], components: [{ type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.AdvancedSearchComponent, selector: "nc-advanced-search" }, { type: i5.FulltextSearchComponent, selector: "nc-fulltext-search" }, { 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.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.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "translate": i2.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-search', encapsulation: ViewEncapsulation.None, providers: [
@@ -84,7 +84,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                                 [new Optional(), new SkipSelf(), NAE_SEARCH_CATEGORIES]
                             ]
                         }
-                    ], template: "<div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n    <div class=\"search-icon\" fxLayout=\"row\" fxLayoutAlign=\"start center\" *ngIf=\"showSearchIcon\">\n        <mat-icon [inline]=\"true\">search</mat-icon>\n    </div>\n\n    <div *ngIf=\"advancedSearchDisplayed; then advancedSearch; else fullTextSearch\"></div>\n\n    <ng-template #advancedSearch>\n        <nc-advanced-search></nc-advanced-search>\n    </ng-template>\n\n    <ng-template #fullTextSearch>\n        <nc-fulltext-search></nc-fulltext-search>\n    </ng-template>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"showSearchToggleButton\"\n            [matTooltip]=\"(advancedSearchDisplayed ? 'search.tooltip.toFullText' : 'search.tooltip.toAdvanced') | translate\"\n            (click)=\"toggleSearchMode()\">\n        <mat-icon>youtube_searched_for</mat-icon>\n    </button>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showSaveFilterButton\"\n            [matTooltip]=\"'search.tooltip.save' | translate\" (click)=\"saveFilter()\">\n        <mat-icon>save</mat-icon>\n    </button>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showLoadFilterButton\"\n            [matTooltip]=\"'search.tooltip.load' | translate\" (click)=\"loadFilter()\">\n        <mat-icon>open_in_browser</mat-icon>\n    </button>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showAdvancedSearchHelp\"\n            [matTooltip]=\"'search.tooltip.help' | translate\" (click)=\"showHelp()\">\n        <mat-icon>help</mat-icon>\n    </button>\n</div>\n", styles: [".button-margin{margin-left:8px;margin-right:8px}.clause-margin{margin-top:4px;margin-bottom:4px}.disable-error-margin .mat-form-field-wrapper{margin:0;padding-bottom:0}.search-buttons-margin{margin-left:8px}.search-icon{padding-right:8px;font-size:xx-large}.search-input{width:100%}.search-input-lg{width:60%}.search-input-md{width:80%}.search-input-sm{width:100%}\n"] }]
+                    ], template: "<div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n    <div class=\"search-icon\" fxLayout=\"row\" fxLayoutAlign=\"start center\" *ngIf=\"showSearchIcon\">\n        <mat-icon [inline]=\"true\">search</mat-icon>\n    </div>\n\n    <div *ngIf=\"advancedSearchDisplayed; then advancedSearch; else fullTextSearch\"></div>\n\n    <ng-template #advancedSearch>\n        <nc-advanced-search></nc-advanced-search>\n    </ng-template>\n\n    <ng-template #fullTextSearch>\n        <nc-fulltext-search class=\"netgrif-input\"></nc-fulltext-search>\n    </ng-template>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"showSearchToggleButton\"\n            [matTooltip]=\"(advancedSearchDisplayed ? 'search.tooltip.toFullText' : 'search.tooltip.toAdvanced') | translate\"\n            (click)=\"toggleSearchMode()\">\n        <mat-icon>youtube_searched_for</mat-icon>\n    </button>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showSaveFilterButton\"\n            [matTooltip]=\"'search.tooltip.save' | translate\" (click)=\"saveFilter()\">\n        <mat-icon>save</mat-icon>\n    </button>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showLoadFilterButton\"\n            [matTooltip]=\"'search.tooltip.load' | translate\" (click)=\"loadFilter()\">\n        <mat-icon>open_in_browser</mat-icon>\n    </button>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showAdvancedSearchHelp\"\n            [matTooltip]=\"'search.tooltip.help' | translate\" (click)=\"showHelp()\">\n        <mat-icon>help</mat-icon>\n    </button>\n</div>\n", styles: [".button-margin{margin-left:8px;margin-right:8px}.clause-margin{margin-top:4px;margin-bottom:4px}.disable-error-margin .mat-form-field-wrapper{margin:0;padding-bottom:0}.search-buttons-margin{margin-left:8px}.search-icon{padding-right:8px;font-size:xx-large}.search-input{width:100%}.search-input-lg{width:60%}.search-input-md{width:80%}.search-input-sm{width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.SearchService }, { type: i1.LoggerService }, { type: i1.DialogService }, { type: i2.TranslateService }, { type: i1.UserFiltersService }, { type: i1.AllowedNetsService }, { type: i1.ViewIdService }, { type: Array, decorators: [{
                     type: Inject,
                     args: [NAE_SEARCH_CATEGORIES]
@@ -104,4 +104,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     type: Inject,
                     args: [NAE_NAVIGATION_ITEM_TASK_DATA]
                 }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3NlYXJjaC9zZWFyY2gtY29tcG9uZW50L3NlYXJjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zZWFyY2gvc2VhcmNoLWNvbXBvbmVudC9zZWFyY2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBUSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUN4RCxPQUFPLEVBQ0gsdUJBQXVCLEVBRXZCLHVCQUF1QixFQUN2QixXQUFXLEVBSVgsa0NBQWtDLEVBSWxDLHFCQUFxQixFQUNyQixRQUFRLEVBRVIsa0JBQWtCLEVBQ2xCLE1BQU0sRUFDTixVQUFVLEVBQ1YsZUFBZSxFQUNmLGtDQUFrQyxFQUNsQyxrQ0FBa0MsRUFBRSw2QkFBNkIsRUFDcEUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7Ozs7QUFHbEM7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJHO0FBQ0gsTUFBTSxVQUFVLHVCQUF1QixDQUFDLHVCQUFnRCxFQUNoRCxVQUFzQixFQUN0QiwyQkFBdUQsRUFDdkQsMkJBQXVELEVBQ3ZELHNCQUF5RSxJQUFJO0lBRWpILElBQUksbUJBQW1CLEtBQUssSUFBSSxFQUFFO1FBQzlCLHNEQUFzRDtRQUN0RCxNQUFNLElBQUksR0FBRyxVQUFVLENBQUMsTUFBTSxZQUFZLE1BQU0sQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxVQUFVLENBQUM7UUFDbEcsSUFBSSxJQUFJLEtBQUssVUFBVSxDQUFDLElBQUksRUFBRTtZQUMxQixPQUFPLDJCQUEyQixDQUFDO1NBQ3RDO2FBQU0sSUFBSSxJQUFJLEtBQUssVUFBVSxDQUFDLElBQUksRUFBRTtZQUNqQyxPQUFPLDJCQUEyQixDQUFDO1NBQ3RDO1FBQ0QsTUFBTSxJQUFJLEtBQUssQ0FBQyx3QkFBd0IsSUFBSSxFQUFFLENBQUMsQ0FBQztLQUNuRDtJQUVELHdEQUF3RDtJQUN4RCxJQUFJLG1CQUFtQixDQUFDLE1BQU0sS0FBSyxDQUFDLElBQUksbUJBQW1CLENBQUMsQ0FBQyxDQUFDLFlBQVksUUFBUSxFQUFFO1FBQ2hGLE9BQVEsbUJBQTRDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3pELE9BQU8sdUJBQXVCLENBQUMsT0FBTyxDQUFDLHVCQUF1QixDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2pGLENBQUMsQ0FBQyxDQUFDO0tBQ047SUFDRCxPQUFPLG1CQUFpRCxDQUFDO0FBQzdELENBQUM7QUFzQkQsTUFBTSxPQUFPLGVBQWdCLFNBQVEsdUJBQXVCO0lBRXhELFlBQVksYUFBNEIsRUFDNUIsTUFBcUIsRUFDckIsYUFBNEIsRUFDNUIsU0FBMkIsRUFDM0IsaUJBQXFDLEVBQ3JDLGtCQUFzQyxFQUN0QyxhQUE0QixFQUNHLGdCQUE0QyxFQUNuQixhQUEyQyxFQUMzRCxnQkFBd0IsSUFBSSxFQUNqQix5QkFBMkMsSUFBSTtRQUMxRyxLQUFLLENBQUMsYUFBYSxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLGtCQUFrQixFQUN4RixhQUFhLEVBQUUsZ0JBQWdCLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxzQkFBc0IsQ0FBQyxDQUFDO0lBQy9GLENBQUM7OzZHQWZRLGVBQWUsME9BU0oscUJBQXFCLGFBQ1Qsa0NBQWtDLDZCQUNsQyxrQkFBa0IsNkJBQ2xCLDZCQUE2QjtpR0FacEQsZUFBZSxvQ0FmYjtRQUNQLEVBQUMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUM7UUFDbEQ7WUFDSSxPQUFPLEVBQUUscUJBQXFCO1lBQzlCLFVBQVUsRUFBRSx1QkFBdUI7WUFDbkMsSUFBSSxFQUFFO2dCQUNGLHVCQUF1QjtnQkFDdkIsZUFBZTtnQkFDZixrQ0FBa0M7Z0JBQ2xDLGtDQUFrQztnQkFDbEMsQ0FBQyxJQUFJLFFBQVEsRUFBRSxFQUFFLElBQUksUUFBUSxFQUFFLEVBQUUscUJBQXFCLENBQUM7YUFDMUQ7U0FDSjtLQUNKLGlEQ3hGTCxtcERBb0NBOzRGRHNEYSxlQUFlO2tCQXBCM0IsU0FBUzsrQkFDSSxXQUFXLGlCQUdOLGlCQUFpQixDQUFDLElBQUksYUFDMUI7d0JBQ1AsRUFBQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBQzt3QkFDbEQ7NEJBQ0ksT0FBTyxFQUFFLHFCQUFxQjs0QkFDOUIsVUFBVSxFQUFFLHVCQUF1Qjs0QkFDbkMsSUFBSSxFQUFFO2dDQUNGLHVCQUF1QjtnQ0FDdkIsZUFBZTtnQ0FDZixrQ0FBa0M7Z0NBQ2xDLGtDQUFrQztnQ0FDbEMsQ0FBQyxJQUFJLFFBQVEsRUFBRSxFQUFFLElBQUksUUFBUSxFQUFFLEVBQUUscUJBQXFCLENBQUM7NkJBQzFEO3lCQUNKO3FCQUNKOzJRQVc0RCxLQUFLOzBCQUFyRCxNQUFNOzJCQUFDLHFCQUFxQjs7MEJBQzVCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsa0NBQWtDOzswQkFDckQsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxrQkFBa0I7OEJBQ3FDLEtBQUs7MEJBQS9FLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWwsIFNraXBTZWxmLCBUeXBlLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge01BVF9EQVRFX0ZPUk1BVFN9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdFNlYXJjaENvbXBvbmVudCxcbiAgICBCYXNlRmlsdGVyLFxuICAgIENhdGVnb3J5UmVzb2x2ZXJTZXJ2aWNlLFxuICAgIERBVEVfRk9STUFULFxuICAgIERpYWxvZ1NlcnZpY2UsXG4gICAgTG9nZ2VyU2VydmljZSxcbiAgICBTZWFyY2hTZXJ2aWNlLFxuICAgIE5BRV9TRUFSQ0hfQ09NUE9ORU5UX0NPTkZJR1VSQVRJT04sXG4gICAgU2VhcmNoQ29tcG9uZW50Q29uZmlndXJhdGlvbixcbiAgICBVc2VyRmlsdGVyc1NlcnZpY2UsXG4gICAgQWxsb3dlZE5ldHNTZXJ2aWNlLFxuICAgIE5BRV9TRUFSQ0hfQ0FURUdPUklFUyxcbiAgICBDYXRlZ29yeSxcbiAgICBWaWV3SWRTZXJ2aWNlLFxuICAgIE5BRV9GSUxURVJTX0ZJTFRFUixcbiAgICBGaWx0ZXIsXG4gICAgRmlsdGVyVHlwZSxcbiAgICBOQUVfQkFTRV9GSUxURVIsXG4gICAgTkFFX0RFRkFVTFRfQ0FTRV9TRUFSQ0hfQ0FURUdPUklFUyxcbiAgICBOQUVfREVGQVVMVF9UQVNLX1NFQVJDSF9DQVRFR09SSUVTLCBOQUVfTkFWSUdBVElPTl9JVEVNX1RBU0tfREFUQSwgRGF0YUdyb3VwXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG4vKipcbiAqIENvbnZlcnRzIHNlYXJjaCBjYXRlZ29yaWVzIHByb3ZpZGVkIGJ5IHRoZSB7QGxpbmsgTkFFX1NFQVJDSF9DQVRFR09SSUVTfVxuICogaW5qZWN0aW9uIHRva2VuIGluIHRoZSBvbGQgKHByZSA1LjYuMCkgZm9ybWF0LCB0byB0aGUgbmV3IGZvcm1hdC5cbiAqXG4gKiBJZiBubyBzZWFyY2ggY2F0ZWdvcmllcyBhcmUgcHJvdmlkZWQgY29udmVydHMgdGhlIGRlZmF1bHQgc2VhcmNoIGNhdGVnb3JpZXMgaW50byBzZWFyY2ggY2F0ZWdvcmllc1xuICogYmFzZWQgb24gdGhlIGJhc2UgZmlsdGVyIGZpbHRlciB0eXBlLlxuICpcbiAqIEBwYXJhbSBjYXRlZ29yeVJlc29sdmVyU2VydmljZSBzZXJ2aWNlIGZvciBzZXJpYWxpc2F0aW9uIGFuZCBkZXNlcmlhbGl6YXRpb24gb2Ygc2VhcmNoIGNhdGVnb3JpZXNcbiAqIEBwYXJhbSBiYXNlRmlsdGVyIGRldGVybWluZXMgdGhlIGRlZmF1bHQgY2F0ZWdvcmllcyB1c2VkIGlmIG5vIGNhdGVnb3JpZXMgYXJlIHByb3ZpZGVkLCBpbmplY3RlZCBieSB0aGUge0BsaW5rIE5BRV9CQVNFX0ZJTFRFUn1cbiAqIGluamVjdGlvbiB0b2tlblxuICogQHBhcmFtIGRlZmF1bHRDYXNlU2VhcmNoQ2F0ZWdvcmllcyB0aGUgZGVmYXVsdCBjYXNlIHNlYXJjaCBjYXRlZ29yaWVzLCBpbmplY3RlZCBieSB0aGUge0BsaW5rIE5BRV9ERUZBVUxUX0NBU0VfU0VBUkNIX0NBVEVHT1JJRVN9XG4gKiBpbmplY3Rpb24gdG9rZW5cbiAqIEBwYXJhbSBkZWZhdWx0VGFza1NlYXJjaENhdGVnb3JpZXMgdGhlIGRlZmF1bHQgdGFzayBzZWFyY2ggY2F0ZWdvcmllcywgaW5qZWN0ZWQgYnkgdGhlIHtAbGluayBOQUVfREVGQVVMVF9UQVNLX1NFQVJDSF9DQVRFR09SSUVTfVxuICogaW5qZWN0aW9uIHRva2VuXG4gKiBAcGFyYW0gbmFlU2VhcmNoQ2F0ZWdvcmllcyBvcHRpb25hbGx5IHRoZSBzZWFyY2ggY2F0ZWdvcnkgaW5zdGFuY2VzLCBvciB0aGUgc2VhcmNoIGNhdGVnb3J5IGNsYXNzZXMuIEluc3RhbmNlcyBhcmUgY29udmVydGVkIHRvIGNsYXNzZXMuXG4gKiBJZiBubyBjYXRlZ29yaWVzIGFyZSBwcm92aWRlZCB0aGUgZGVmYXVsdCBvbmVzIGJhc2VkIG9uIHRoZSBiYXNlIGZpbHRlciBmaWx0ZXIgdHlwZSB3aWxsIGJlIHJldHVybmVkLlxuICogSW5qZWN0ZWQgYnkgdGhlIHtAbGluayBOQUVfU0VBUkNIX0NBVEVHT1JJRVN9IGluamVjdGlvbiB0b2tlbi5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHNlYXJjaENhdGVnb3J5Q29udmVydGVyKGNhdGVnb3J5UmVzb2x2ZXJTZXJ2aWNlOiBDYXRlZ29yeVJlc29sdmVyU2VydmljZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiYXNlRmlsdGVyOiBCYXNlRmlsdGVyLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRlZmF1bHRDYXNlU2VhcmNoQ2F0ZWdvcmllczogQXJyYXk8VHlwZTxDYXRlZ29yeTxhbnk+Pj4sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGVmYXVsdFRhc2tTZWFyY2hDYXRlZ29yaWVzOiBBcnJheTxUeXBlPENhdGVnb3J5PGFueT4+PixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBuYWVTZWFyY2hDYXRlZ29yaWVzOiBBcnJheTxDYXRlZ29yeTxhbnk+PiB8IEFycmF5PFR5cGU8Q2F0ZWdvcnk8YW55Pj4+ID0gbnVsbFxuKTogQXJyYXk8VHlwZTxDYXRlZ29yeTxhbnk+Pj4ge1xuICAgIGlmIChuYWVTZWFyY2hDYXRlZ29yaWVzID09PSBudWxsKSB7XG4gICAgICAgIC8vIGNhdGVnb3JpZXMgd2VyZSBub3QgcHJvdmlkZWQgPT4gcmV0dXJuIHRoZSBkZWZhdWx0c1xuICAgICAgICBjb25zdCB0eXBlID0gYmFzZUZpbHRlci5maWx0ZXIgaW5zdGFuY2VvZiBGaWx0ZXIgPyBiYXNlRmlsdGVyLmZpbHRlci50eXBlIDogYmFzZUZpbHRlci5maWx0ZXJUeXBlO1xuICAgICAgICBpZiAodHlwZSA9PT0gRmlsdGVyVHlwZS5DQVNFKSB7XG4gICAgICAgICAgICByZXR1cm4gZGVmYXVsdENhc2VTZWFyY2hDYXRlZ29yaWVzO1xuICAgICAgICB9IGVsc2UgaWYgKHR5cGUgPT09IEZpbHRlclR5cGUuVEFTSykge1xuICAgICAgICAgICAgcmV0dXJuIGRlZmF1bHRUYXNrU2VhcmNoQ2F0ZWdvcmllcztcbiAgICAgICAgfVxuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYElsbGVnYWwgZmlsdGVyIHR5cGU6ICR7dHlwZX1gKTtcbiAgICB9XG5cbiAgICAvLyBjYXRlZ29yaWVzIHdlcmUgcHJvdmlkZWQgPT4gY29udmVydCB0aGVtIGlmIG5lY2Vzc2FyeVxuICAgIGlmIChuYWVTZWFyY2hDYXRlZ29yaWVzLmxlbmd0aCAhPT0gMCAmJiBuYWVTZWFyY2hDYXRlZ29yaWVzWzBdIGluc3RhbmNlb2YgQ2F0ZWdvcnkpIHtcbiAgICAgICAgcmV0dXJuIChuYWVTZWFyY2hDYXRlZ29yaWVzIGFzIEFycmF5PENhdGVnb3J5PGFueT4+KS5tYXAoYyA9PiB7XG4gICAgICAgICAgICByZXR1cm4gY2F0ZWdvcnlSZXNvbHZlclNlcnZpY2UudG9DbGFzcyhjYXRlZ29yeVJlc29sdmVyU2VydmljZS5zZXJpYWxpemUoYykpO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgcmV0dXJuIG5hZVNlYXJjaENhdGVnb3JpZXMgYXMgQXJyYXk8VHlwZTxDYXRlZ29yeTxhbnk+Pj47XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtc2VhcmNoJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VhcmNoLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zZWFyY2guY29tcG9uZW50LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7cHJvdmlkZTogTUFUX0RBVEVfRk9STUFUUywgdXNlVmFsdWU6IERBVEVfRk9STUFUfSxcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTkFFX1NFQVJDSF9DQVRFR09SSUVTLFxuICAgICAgICAgICAgdXNlRmFjdG9yeTogc2VhcmNoQ2F0ZWdvcnlDb252ZXJ0ZXIsXG4gICAgICAgICAgICBkZXBzOiBbXG4gICAgICAgICAgICAgICAgQ2F0ZWdvcnlSZXNvbHZlclNlcnZpY2UsXG4gICAgICAgICAgICAgICAgTkFFX0JBU0VfRklMVEVSLFxuICAgICAgICAgICAgICAgIE5BRV9ERUZBVUxUX0NBU0VfU0VBUkNIX0NBVEVHT1JJRVMsXG4gICAgICAgICAgICAgICAgTkFFX0RFRkFVTFRfVEFTS19TRUFSQ0hfQ0FURUdPUklFUyxcbiAgICAgICAgICAgICAgICBbbmV3IE9wdGlvbmFsKCksIG5ldyBTa2lwU2VsZigpLCBOQUVfU0VBUkNIX0NBVEVHT1JJRVNdXG4gICAgICAgICAgICBdXG4gICAgICAgIH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFNlYXJjaENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0U2VhcmNoQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHNlYXJjaFNlcnZpY2U6IFNlYXJjaFNlcnZpY2UsXG4gICAgICAgICAgICAgICAgbG9nZ2VyOiBMb2dnZXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIGRpYWxvZ1NlcnZpY2U6IERpYWxvZ1NlcnZpY2UsXG4gICAgICAgICAgICAgICAgdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHVzZXJGaWx0ZXJTZXJ2aWNlOiBVc2VyRmlsdGVyc1NlcnZpY2UsXG4gICAgICAgICAgICAgICAgYWxsb3dlZE5ldHNTZXJ2aWNlOiBBbGxvd2VkTmV0c1NlcnZpY2UsXG4gICAgICAgICAgICAgICAgdmlld0lkU2VydmljZTogVmlld0lkU2VydmljZSxcbiAgICAgICAgICAgICAgICBASW5qZWN0KE5BRV9TRUFSQ0hfQ0FURUdPUklFUykgc2VhcmNoQ2F0ZWdvcmllczogQXJyYXk8VHlwZTxDYXRlZ29yeTxhbnk+Pj4sXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChOQUVfU0VBUkNIX0NPTVBPTkVOVF9DT05GSUdVUkFUSU9OKSBjb25maWd1cmF0aW9uOiBTZWFyY2hDb21wb25lbnRDb25maWd1cmF0aW9uLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTkFFX0ZJTFRFUlNfRklMVEVSKSBmaWx0ZXJzRmlsdGVyOiBGaWx0ZXIgPSBudWxsLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTkFFX05BVklHQVRJT05fSVRFTV9UQVNLX0RBVEEpIG5hdmlnYXRpb25JdGVtVGFza0RhdGE6IEFycmF5PERhdGFHcm91cD4gPSBudWxsKSB7XG4gICAgICAgIHN1cGVyKHNlYXJjaFNlcnZpY2UsIGxvZ2dlciwgZGlhbG9nU2VydmljZSwgdHJhbnNsYXRlLCB1c2VyRmlsdGVyU2VydmljZSwgYWxsb3dlZE5ldHNTZXJ2aWNlLFxuICAgICAgICAgICAgdmlld0lkU2VydmljZSwgc2VhcmNoQ2F0ZWdvcmllcywgY29uZmlndXJhdGlvbiwgZmlsdGVyc0ZpbHRlciwgbmF2aWdhdGlvbkl0ZW1UYXNrRGF0YSk7XG4gICAgfVxufVxuIiwiPGRpdiBmeExheW91dD1cInJvdyB3cmFwXCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJzZWFyY2gtaWNvblwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiICpuZ0lmPVwic2hvd1NlYXJjaEljb25cIj5cbiAgICAgICAgPG1hdC1pY29uIFtpbmxpbmVdPVwidHJ1ZVwiPnNlYXJjaDwvbWF0LWljb24+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2ICpuZ0lmPVwiYWR2YW5jZWRTZWFyY2hEaXNwbGF5ZWQ7IHRoZW4gYWR2YW5jZWRTZWFyY2g7IGVsc2UgZnVsbFRleHRTZWFyY2hcIj48L2Rpdj5cblxuICAgIDxuZy10ZW1wbGF0ZSAjYWR2YW5jZWRTZWFyY2g+XG4gICAgICAgIDxuYy1hZHZhbmNlZC1zZWFyY2g+PC9uYy1hZHZhbmNlZC1zZWFyY2g+XG4gICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgIDxuZy10ZW1wbGF0ZSAjZnVsbFRleHRTZWFyY2g+XG4gICAgICAgIDxuYy1mdWxsdGV4dC1zZWFyY2g+PC9uYy1mdWxsdGV4dC1zZWFyY2g+XG4gICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGNsYXNzPVwic2VhcmNoLWJ1dHRvbnMtbWFyZ2luXCIgKm5nSWY9XCJzaG93U2VhcmNoVG9nZ2xlQnV0dG9uXCJcbiAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIihhZHZhbmNlZFNlYXJjaERpc3BsYXllZCA/ICdzZWFyY2gudG9vbHRpcC50b0Z1bGxUZXh0JyA6ICdzZWFyY2gudG9vbHRpcC50b0FkdmFuY2VkJykgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZVNlYXJjaE1vZGUoKVwiPlxuICAgICAgICA8bWF0LWljb24+eW91dHViZV9zZWFyY2hlZF9mb3I8L21hdC1pY29uPlxuICAgIDwvYnV0dG9uPlxuXG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY2xhc3M9XCJzZWFyY2gtYnV0dG9ucy1tYXJnaW5cIiAqbmdJZj1cImFkdmFuY2VkU2VhcmNoRGlzcGxheWVkICYmIHNob3dTYXZlRmlsdGVyQnV0dG9uXCJcbiAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIidzZWFyY2gudG9vbHRpcC5zYXZlJyB8IHRyYW5zbGF0ZVwiIChjbGljayk9XCJzYXZlRmlsdGVyKClcIj5cbiAgICAgICAgPG1hdC1pY29uPnNhdmU8L21hdC1pY29uPlxuICAgIDwvYnV0dG9uPlxuXG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY2xhc3M9XCJzZWFyY2gtYnV0dG9ucy1tYXJnaW5cIiAqbmdJZj1cImFkdmFuY2VkU2VhcmNoRGlzcGxheWVkICYmIHNob3dMb2FkRmlsdGVyQnV0dG9uXCJcbiAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIidzZWFyY2gudG9vbHRpcC5sb2FkJyB8IHRyYW5zbGF0ZVwiIChjbGljayk9XCJsb2FkRmlsdGVyKClcIj5cbiAgICAgICAgPG1hdC1pY29uPm9wZW5faW5fYnJvd3NlcjwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG5cbiAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBjbGFzcz1cInNlYXJjaC1idXR0b25zLW1hcmdpblwiICpuZ0lmPVwiYWR2YW5jZWRTZWFyY2hEaXNwbGF5ZWQgJiYgc2hvd0FkdmFuY2VkU2VhcmNoSGVscFwiXG4gICAgICAgICAgICBbbWF0VG9vbHRpcF09XCInc2VhcmNoLnRvb2x0aXAuaGVscCcgfCB0cmFuc2xhdGVcIiAoY2xpY2spPVwic2hvd0hlbHAoKVwiPlxuICAgICAgICA8bWF0LWljb24+aGVscDwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3NlYXJjaC9zZWFyY2gtY29tcG9uZW50L3NlYXJjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zZWFyY2gvc2VhcmNoLWNvbXBvbmVudC9zZWFyY2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBUSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUN4RCxPQUFPLEVBQ0gsdUJBQXVCLEVBRXZCLHVCQUF1QixFQUN2QixXQUFXLEVBSVgsa0NBQWtDLEVBSWxDLHFCQUFxQixFQUNyQixRQUFRLEVBRVIsa0JBQWtCLEVBQ2xCLE1BQU0sRUFDTixVQUFVLEVBQ1YsZUFBZSxFQUNmLGtDQUFrQyxFQUNsQyxrQ0FBa0MsRUFBRSw2QkFBNkIsRUFDcEUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7Ozs7QUFHbEM7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJHO0FBQ0gsTUFBTSxVQUFVLHVCQUF1QixDQUFDLHVCQUFnRCxFQUNoRCxVQUFzQixFQUN0QiwyQkFBdUQsRUFDdkQsMkJBQXVELEVBQ3ZELHNCQUF5RSxJQUFJO0lBRWpILElBQUksbUJBQW1CLEtBQUssSUFBSSxFQUFFO1FBQzlCLHNEQUFzRDtRQUN0RCxNQUFNLElBQUksR0FBRyxVQUFVLENBQUMsTUFBTSxZQUFZLE1BQU0sQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxVQUFVLENBQUM7UUFDbEcsSUFBSSxJQUFJLEtBQUssVUFBVSxDQUFDLElBQUksRUFBRTtZQUMxQixPQUFPLDJCQUEyQixDQUFDO1NBQ3RDO2FBQU0sSUFBSSxJQUFJLEtBQUssVUFBVSxDQUFDLElBQUksRUFBRTtZQUNqQyxPQUFPLDJCQUEyQixDQUFDO1NBQ3RDO1FBQ0QsTUFBTSxJQUFJLEtBQUssQ0FBQyx3QkFBd0IsSUFBSSxFQUFFLENBQUMsQ0FBQztLQUNuRDtJQUVELHdEQUF3RDtJQUN4RCxJQUFJLG1CQUFtQixDQUFDLE1BQU0sS0FBSyxDQUFDLElBQUksbUJBQW1CLENBQUMsQ0FBQyxDQUFDLFlBQVksUUFBUSxFQUFFO1FBQ2hGLE9BQVEsbUJBQTRDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3pELE9BQU8sdUJBQXVCLENBQUMsT0FBTyxDQUFDLHVCQUF1QixDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2pGLENBQUMsQ0FBQyxDQUFDO0tBQ047SUFDRCxPQUFPLG1CQUFpRCxDQUFDO0FBQzdELENBQUM7QUFzQkQsTUFBTSxPQUFPLGVBQWdCLFNBQVEsdUJBQXVCO0lBRXhELFlBQVksYUFBNEIsRUFDNUIsTUFBcUIsRUFDckIsYUFBNEIsRUFDNUIsU0FBMkIsRUFDM0IsaUJBQXFDLEVBQ3JDLGtCQUFzQyxFQUN0QyxhQUE0QixFQUNHLGdCQUE0QyxFQUNuQixhQUEyQyxFQUMzRCxnQkFBd0IsSUFBSSxFQUNqQix5QkFBMkMsSUFBSTtRQUMxRyxLQUFLLENBQUMsYUFBYSxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLGtCQUFrQixFQUN4RixhQUFhLEVBQUUsZ0JBQWdCLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxzQkFBc0IsQ0FBQyxDQUFDO0lBQy9GLENBQUM7OzZHQWZRLGVBQWUsME9BU0oscUJBQXFCLGFBQ1Qsa0NBQWtDLDZCQUNsQyxrQkFBa0IsNkJBQ2xCLDZCQUE2QjtpR0FacEQsZUFBZSxvQ0FmYjtRQUNQLEVBQUMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUM7UUFDbEQ7WUFDSSxPQUFPLEVBQUUscUJBQXFCO1lBQzlCLFVBQVUsRUFBRSx1QkFBdUI7WUFDbkMsSUFBSSxFQUFFO2dCQUNGLHVCQUF1QjtnQkFDdkIsZUFBZTtnQkFDZixrQ0FBa0M7Z0JBQ2xDLGtDQUFrQztnQkFDbEMsQ0FBQyxJQUFJLFFBQVEsRUFBRSxFQUFFLElBQUksUUFBUSxFQUFFLEVBQUUscUJBQXFCLENBQUM7YUFDMUQ7U0FDSjtLQUNKLGlEQ3hGTCwycURBb0NBOzRGRHNEYSxlQUFlO2tCQXBCM0IsU0FBUzsrQkFDSSxXQUFXLGlCQUdOLGlCQUFpQixDQUFDLElBQUksYUFDMUI7d0JBQ1AsRUFBQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBQzt3QkFDbEQ7NEJBQ0ksT0FBTyxFQUFFLHFCQUFxQjs0QkFDOUIsVUFBVSxFQUFFLHVCQUF1Qjs0QkFDbkMsSUFBSSxFQUFFO2dDQUNGLHVCQUF1QjtnQ0FDdkIsZUFBZTtnQ0FDZixrQ0FBa0M7Z0NBQ2xDLGtDQUFrQztnQ0FDbEMsQ0FBQyxJQUFJLFFBQVEsRUFBRSxFQUFFLElBQUksUUFBUSxFQUFFLEVBQUUscUJBQXFCLENBQUM7NkJBQzFEO3lCQUNKO3FCQUNKOzJRQVc0RCxLQUFLOzBCQUFyRCxNQUFNOzJCQUFDLHFCQUFxQjs7MEJBQzVCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsa0NBQWtDOzswQkFDckQsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxrQkFBa0I7OEJBQ3FDLEtBQUs7MEJBQS9FLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWwsIFNraXBTZWxmLCBUeXBlLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge01BVF9EQVRFX0ZPUk1BVFN9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdFNlYXJjaENvbXBvbmVudCxcbiAgICBCYXNlRmlsdGVyLFxuICAgIENhdGVnb3J5UmVzb2x2ZXJTZXJ2aWNlLFxuICAgIERBVEVfRk9STUFULFxuICAgIERpYWxvZ1NlcnZpY2UsXG4gICAgTG9nZ2VyU2VydmljZSxcbiAgICBTZWFyY2hTZXJ2aWNlLFxuICAgIE5BRV9TRUFSQ0hfQ09NUE9ORU5UX0NPTkZJR1VSQVRJT04sXG4gICAgU2VhcmNoQ29tcG9uZW50Q29uZmlndXJhdGlvbixcbiAgICBVc2VyRmlsdGVyc1NlcnZpY2UsXG4gICAgQWxsb3dlZE5ldHNTZXJ2aWNlLFxuICAgIE5BRV9TRUFSQ0hfQ0FURUdPUklFUyxcbiAgICBDYXRlZ29yeSxcbiAgICBWaWV3SWRTZXJ2aWNlLFxuICAgIE5BRV9GSUxURVJTX0ZJTFRFUixcbiAgICBGaWx0ZXIsXG4gICAgRmlsdGVyVHlwZSxcbiAgICBOQUVfQkFTRV9GSUxURVIsXG4gICAgTkFFX0RFRkFVTFRfQ0FTRV9TRUFSQ0hfQ0FURUdPUklFUyxcbiAgICBOQUVfREVGQVVMVF9UQVNLX1NFQVJDSF9DQVRFR09SSUVTLCBOQUVfTkFWSUdBVElPTl9JVEVNX1RBU0tfREFUQSwgRGF0YUdyb3VwXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG4vKipcbiAqIENvbnZlcnRzIHNlYXJjaCBjYXRlZ29yaWVzIHByb3ZpZGVkIGJ5IHRoZSB7QGxpbmsgTkFFX1NFQVJDSF9DQVRFR09SSUVTfVxuICogaW5qZWN0aW9uIHRva2VuIGluIHRoZSBvbGQgKHByZSA1LjYuMCkgZm9ybWF0LCB0byB0aGUgbmV3IGZvcm1hdC5cbiAqXG4gKiBJZiBubyBzZWFyY2ggY2F0ZWdvcmllcyBhcmUgcHJvdmlkZWQgY29udmVydHMgdGhlIGRlZmF1bHQgc2VhcmNoIGNhdGVnb3JpZXMgaW50byBzZWFyY2ggY2F0ZWdvcmllc1xuICogYmFzZWQgb24gdGhlIGJhc2UgZmlsdGVyIGZpbHRlciB0eXBlLlxuICpcbiAqIEBwYXJhbSBjYXRlZ29yeVJlc29sdmVyU2VydmljZSBzZXJ2aWNlIGZvciBzZXJpYWxpc2F0aW9uIGFuZCBkZXNlcmlhbGl6YXRpb24gb2Ygc2VhcmNoIGNhdGVnb3JpZXNcbiAqIEBwYXJhbSBiYXNlRmlsdGVyIGRldGVybWluZXMgdGhlIGRlZmF1bHQgY2F0ZWdvcmllcyB1c2VkIGlmIG5vIGNhdGVnb3JpZXMgYXJlIHByb3ZpZGVkLCBpbmplY3RlZCBieSB0aGUge0BsaW5rIE5BRV9CQVNFX0ZJTFRFUn1cbiAqIGluamVjdGlvbiB0b2tlblxuICogQHBhcmFtIGRlZmF1bHRDYXNlU2VhcmNoQ2F0ZWdvcmllcyB0aGUgZGVmYXVsdCBjYXNlIHNlYXJjaCBjYXRlZ29yaWVzLCBpbmplY3RlZCBieSB0aGUge0BsaW5rIE5BRV9ERUZBVUxUX0NBU0VfU0VBUkNIX0NBVEVHT1JJRVN9XG4gKiBpbmplY3Rpb24gdG9rZW5cbiAqIEBwYXJhbSBkZWZhdWx0VGFza1NlYXJjaENhdGVnb3JpZXMgdGhlIGRlZmF1bHQgdGFzayBzZWFyY2ggY2F0ZWdvcmllcywgaW5qZWN0ZWQgYnkgdGhlIHtAbGluayBOQUVfREVGQVVMVF9UQVNLX1NFQVJDSF9DQVRFR09SSUVTfVxuICogaW5qZWN0aW9uIHRva2VuXG4gKiBAcGFyYW0gbmFlU2VhcmNoQ2F0ZWdvcmllcyBvcHRpb25hbGx5IHRoZSBzZWFyY2ggY2F0ZWdvcnkgaW5zdGFuY2VzLCBvciB0aGUgc2VhcmNoIGNhdGVnb3J5IGNsYXNzZXMuIEluc3RhbmNlcyBhcmUgY29udmVydGVkIHRvIGNsYXNzZXMuXG4gKiBJZiBubyBjYXRlZ29yaWVzIGFyZSBwcm92aWRlZCB0aGUgZGVmYXVsdCBvbmVzIGJhc2VkIG9uIHRoZSBiYXNlIGZpbHRlciBmaWx0ZXIgdHlwZSB3aWxsIGJlIHJldHVybmVkLlxuICogSW5qZWN0ZWQgYnkgdGhlIHtAbGluayBOQUVfU0VBUkNIX0NBVEVHT1JJRVN9IGluamVjdGlvbiB0b2tlbi5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHNlYXJjaENhdGVnb3J5Q29udmVydGVyKGNhdGVnb3J5UmVzb2x2ZXJTZXJ2aWNlOiBDYXRlZ29yeVJlc29sdmVyU2VydmljZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiYXNlRmlsdGVyOiBCYXNlRmlsdGVyLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRlZmF1bHRDYXNlU2VhcmNoQ2F0ZWdvcmllczogQXJyYXk8VHlwZTxDYXRlZ29yeTxhbnk+Pj4sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGVmYXVsdFRhc2tTZWFyY2hDYXRlZ29yaWVzOiBBcnJheTxUeXBlPENhdGVnb3J5PGFueT4+PixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBuYWVTZWFyY2hDYXRlZ29yaWVzOiBBcnJheTxDYXRlZ29yeTxhbnk+PiB8IEFycmF5PFR5cGU8Q2F0ZWdvcnk8YW55Pj4+ID0gbnVsbFxuKTogQXJyYXk8VHlwZTxDYXRlZ29yeTxhbnk+Pj4ge1xuICAgIGlmIChuYWVTZWFyY2hDYXRlZ29yaWVzID09PSBudWxsKSB7XG4gICAgICAgIC8vIGNhdGVnb3JpZXMgd2VyZSBub3QgcHJvdmlkZWQgPT4gcmV0dXJuIHRoZSBkZWZhdWx0c1xuICAgICAgICBjb25zdCB0eXBlID0gYmFzZUZpbHRlci5maWx0ZXIgaW5zdGFuY2VvZiBGaWx0ZXIgPyBiYXNlRmlsdGVyLmZpbHRlci50eXBlIDogYmFzZUZpbHRlci5maWx0ZXJUeXBlO1xuICAgICAgICBpZiAodHlwZSA9PT0gRmlsdGVyVHlwZS5DQVNFKSB7XG4gICAgICAgICAgICByZXR1cm4gZGVmYXVsdENhc2VTZWFyY2hDYXRlZ29yaWVzO1xuICAgICAgICB9IGVsc2UgaWYgKHR5cGUgPT09IEZpbHRlclR5cGUuVEFTSykge1xuICAgICAgICAgICAgcmV0dXJuIGRlZmF1bHRUYXNrU2VhcmNoQ2F0ZWdvcmllcztcbiAgICAgICAgfVxuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYElsbGVnYWwgZmlsdGVyIHR5cGU6ICR7dHlwZX1gKTtcbiAgICB9XG5cbiAgICAvLyBjYXRlZ29yaWVzIHdlcmUgcHJvdmlkZWQgPT4gY29udmVydCB0aGVtIGlmIG5lY2Vzc2FyeVxuICAgIGlmIChuYWVTZWFyY2hDYXRlZ29yaWVzLmxlbmd0aCAhPT0gMCAmJiBuYWVTZWFyY2hDYXRlZ29yaWVzWzBdIGluc3RhbmNlb2YgQ2F0ZWdvcnkpIHtcbiAgICAgICAgcmV0dXJuIChuYWVTZWFyY2hDYXRlZ29yaWVzIGFzIEFycmF5PENhdGVnb3J5PGFueT4+KS5tYXAoYyA9PiB7XG4gICAgICAgICAgICByZXR1cm4gY2F0ZWdvcnlSZXNvbHZlclNlcnZpY2UudG9DbGFzcyhjYXRlZ29yeVJlc29sdmVyU2VydmljZS5zZXJpYWxpemUoYykpO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgcmV0dXJuIG5hZVNlYXJjaENhdGVnb3JpZXMgYXMgQXJyYXk8VHlwZTxDYXRlZ29yeTxhbnk+Pj47XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtc2VhcmNoJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VhcmNoLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zZWFyY2guY29tcG9uZW50LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7cHJvdmlkZTogTUFUX0RBVEVfRk9STUFUUywgdXNlVmFsdWU6IERBVEVfRk9STUFUfSxcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTkFFX1NFQVJDSF9DQVRFR09SSUVTLFxuICAgICAgICAgICAgdXNlRmFjdG9yeTogc2VhcmNoQ2F0ZWdvcnlDb252ZXJ0ZXIsXG4gICAgICAgICAgICBkZXBzOiBbXG4gICAgICAgICAgICAgICAgQ2F0ZWdvcnlSZXNvbHZlclNlcnZpY2UsXG4gICAgICAgICAgICAgICAgTkFFX0JBU0VfRklMVEVSLFxuICAgICAgICAgICAgICAgIE5BRV9ERUZBVUxUX0NBU0VfU0VBUkNIX0NBVEVHT1JJRVMsXG4gICAgICAgICAgICAgICAgTkFFX0RFRkFVTFRfVEFTS19TRUFSQ0hfQ0FURUdPUklFUyxcbiAgICAgICAgICAgICAgICBbbmV3IE9wdGlvbmFsKCksIG5ldyBTa2lwU2VsZigpLCBOQUVfU0VBUkNIX0NBVEVHT1JJRVNdXG4gICAgICAgICAgICBdXG4gICAgICAgIH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFNlYXJjaENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0U2VhcmNoQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHNlYXJjaFNlcnZpY2U6IFNlYXJjaFNlcnZpY2UsXG4gICAgICAgICAgICAgICAgbG9nZ2VyOiBMb2dnZXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIGRpYWxvZ1NlcnZpY2U6IERpYWxvZ1NlcnZpY2UsXG4gICAgICAgICAgICAgICAgdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHVzZXJGaWx0ZXJTZXJ2aWNlOiBVc2VyRmlsdGVyc1NlcnZpY2UsXG4gICAgICAgICAgICAgICAgYWxsb3dlZE5ldHNTZXJ2aWNlOiBBbGxvd2VkTmV0c1NlcnZpY2UsXG4gICAgICAgICAgICAgICAgdmlld0lkU2VydmljZTogVmlld0lkU2VydmljZSxcbiAgICAgICAgICAgICAgICBASW5qZWN0KE5BRV9TRUFSQ0hfQ0FURUdPUklFUykgc2VhcmNoQ2F0ZWdvcmllczogQXJyYXk8VHlwZTxDYXRlZ29yeTxhbnk+Pj4sXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChOQUVfU0VBUkNIX0NPTVBPTkVOVF9DT05GSUdVUkFUSU9OKSBjb25maWd1cmF0aW9uOiBTZWFyY2hDb21wb25lbnRDb25maWd1cmF0aW9uLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTkFFX0ZJTFRFUlNfRklMVEVSKSBmaWx0ZXJzRmlsdGVyOiBGaWx0ZXIgPSBudWxsLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTkFFX05BVklHQVRJT05fSVRFTV9UQVNLX0RBVEEpIG5hdmlnYXRpb25JdGVtVGFza0RhdGE6IEFycmF5PERhdGFHcm91cD4gPSBudWxsKSB7XG4gICAgICAgIHN1cGVyKHNlYXJjaFNlcnZpY2UsIGxvZ2dlciwgZGlhbG9nU2VydmljZSwgdHJhbnNsYXRlLCB1c2VyRmlsdGVyU2VydmljZSwgYWxsb3dlZE5ldHNTZXJ2aWNlLFxuICAgICAgICAgICAgdmlld0lkU2VydmljZSwgc2VhcmNoQ2F0ZWdvcmllcywgY29uZmlndXJhdGlvbiwgZmlsdGVyc0ZpbHRlciwgbmF2aWdhdGlvbkl0ZW1UYXNrRGF0YSk7XG4gICAgfVxufVxuIiwiPGRpdiBmeExheW91dD1cInJvdyB3cmFwXCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJzZWFyY2gtaWNvblwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiICpuZ0lmPVwic2hvd1NlYXJjaEljb25cIj5cbiAgICAgICAgPG1hdC1pY29uIFtpbmxpbmVdPVwidHJ1ZVwiPnNlYXJjaDwvbWF0LWljb24+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2ICpuZ0lmPVwiYWR2YW5jZWRTZWFyY2hEaXNwbGF5ZWQ7IHRoZW4gYWR2YW5jZWRTZWFyY2g7IGVsc2UgZnVsbFRleHRTZWFyY2hcIj48L2Rpdj5cblxuICAgIDxuZy10ZW1wbGF0ZSAjYWR2YW5jZWRTZWFyY2g+XG4gICAgICAgIDxuYy1hZHZhbmNlZC1zZWFyY2g+PC9uYy1hZHZhbmNlZC1zZWFyY2g+XG4gICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgIDxuZy10ZW1wbGF0ZSAjZnVsbFRleHRTZWFyY2g+XG4gICAgICAgIDxuYy1mdWxsdGV4dC1zZWFyY2ggY2xhc3M9XCJuZXRncmlmLWlucHV0XCI+PC9uYy1mdWxsdGV4dC1zZWFyY2g+XG4gICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGNsYXNzPVwic2VhcmNoLWJ1dHRvbnMtbWFyZ2luXCIgKm5nSWY9XCJzaG93U2VhcmNoVG9nZ2xlQnV0dG9uXCJcbiAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIihhZHZhbmNlZFNlYXJjaERpc3BsYXllZCA/ICdzZWFyY2gudG9vbHRpcC50b0Z1bGxUZXh0JyA6ICdzZWFyY2gudG9vbHRpcC50b0FkdmFuY2VkJykgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZVNlYXJjaE1vZGUoKVwiPlxuICAgICAgICA8bWF0LWljb24+eW91dHViZV9zZWFyY2hlZF9mb3I8L21hdC1pY29uPlxuICAgIDwvYnV0dG9uPlxuXG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY2xhc3M9XCJzZWFyY2gtYnV0dG9ucy1tYXJnaW5cIiAqbmdJZj1cImFkdmFuY2VkU2VhcmNoRGlzcGxheWVkICYmIHNob3dTYXZlRmlsdGVyQnV0dG9uXCJcbiAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIidzZWFyY2gudG9vbHRpcC5zYXZlJyB8IHRyYW5zbGF0ZVwiIChjbGljayk9XCJzYXZlRmlsdGVyKClcIj5cbiAgICAgICAgPG1hdC1pY29uPnNhdmU8L21hdC1pY29uPlxuICAgIDwvYnV0dG9uPlxuXG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY2xhc3M9XCJzZWFyY2gtYnV0dG9ucy1tYXJnaW5cIiAqbmdJZj1cImFkdmFuY2VkU2VhcmNoRGlzcGxheWVkICYmIHNob3dMb2FkRmlsdGVyQnV0dG9uXCJcbiAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIidzZWFyY2gudG9vbHRpcC5sb2FkJyB8IHRyYW5zbGF0ZVwiIChjbGljayk9XCJsb2FkRmlsdGVyKClcIj5cbiAgICAgICAgPG1hdC1pY29uPm9wZW5faW5fYnJvd3NlcjwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG5cbiAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBjbGFzcz1cInNlYXJjaC1idXR0b25zLW1hcmdpblwiICpuZ0lmPVwiYWR2YW5jZWRTZWFyY2hEaXNwbGF5ZWQgJiYgc2hvd0FkdmFuY2VkU2VhcmNoSGVscFwiXG4gICAgICAgICAgICBbbWF0VG9vbHRpcF09XCInc2VhcmNoLnRvb2x0aXAuaGVscCcgfCB0cmFuc2xhdGVcIiAoY2xpY2spPVwic2hvd0hlbHAoKVwiPlxuICAgICAgICA8bWF0LWljb24+aGVscDwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/side-menu/content-components/filter-selector/filter-selector.component.mjs

@@ -40,12 +40,12 @@ export class FilterSelectorComponent extends AbstractFilterSelectorComponent {
     }
 }
 FilterSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterSelectorComponent, deps: [{ token: NAE_SIDE_MENU_CONTROL }, { token: i1.FilterRepository }], target: i0.ɵɵFactoryTarget.Component });
-FilterSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterSelectorComponent, selector: "nc-filter-selector", usesInheritance: true, ngImport: i0, template: "<mat-toolbar color=\"primary\">{{ 'side-menu.filter-selector.choose-filter' | translate}}</mat-toolbar>\n<div class=\"filter-selector-root side-menu-root\">\n    <div class=\"input-margin\">\n        <mat-form-field class=\"full-width-input\">\n            <mat-label>{{'side-menu.filter-selector.search-filter' | translate}}</mat-label>\n            <input matInput type=\"text\" [formControl]=\"searchFormControl\">\n        </mat-form-field>\n    </div>\n    <div *ngIf=\"caseFilters.filtered.length > 0\">\n        <h4 class=\"header-padding\">{{ 'side-menu.filter-selector.case-filters' | translate}}</h4>\n        <mat-selection-list (selectionChange)=\"caseFilterSelected($event)\" #caseFilterList>\n            <mat-list-option *ngFor=\"let filter of caseFilters.filtered\" [value]=\"filter\">\n                <nc-filter-selector-list-item [filter]=\"filter\"></nc-filter-selector-list-item>\n            </mat-list-option>\n        </mat-selection-list>\n    </div>\n    <div *ngIf=\"taskFilters.filtered.length > 0\">\n        <h4 class=\"header-padding\">{{ 'side-menu.filter-selector.task-filters' | translate}}</h4>\n        <mat-selection-list (selectionChange)=\"taskFilterSelected($event)\" #taskFilterList>\n            <mat-list-option *ngFor=\"let filter of taskFilters.filtered\" [value]=\"filter\">\n                <nc-filter-selector-list-item [filter]=\"filter\"></nc-filter-selector-list-item>\n            </mat-list-option>\n        </mat-selection-list>\n    </div>\n    <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n        <button mat-stroked-button color=\"primary\" class=\"submit-button-padding\"\n                (click)=\"filterSelectionConfirmed()\">{{ 'side-menu.filter-selector.select' | translate }}</button>\n    </div>\n</div>\n", styles: [".filter-selector-root{width:calc(100% - 8px);margin:0;padding-top:4px;padding-left:4px;padding-right:4px}.header-padding{padding:0 0 0 16px}.submit-button-padding{margin-right:16px}.input-margin{margin-left:16px;margin-right:16px}.full-width-input{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i4.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { type: i5.FilterSelectorListItemComponent, selector: "nc-filter-selector-list-item" }, { 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: i3.MatLabel, selector: "mat-label" }, { type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.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: i10.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"] }], pipes: { "translate": i11.TranslatePipe } });
+FilterSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterSelectorComponent, selector: "nc-filter-selector", usesInheritance: true, ngImport: i0, template: "<mat-toolbar color=\"primary\">{{ 'side-menu.filter-selector.choose-filter' | translate}}</mat-toolbar>\n<div class=\"filter-selector-root side-menu-root\">\n    <div class=\"input-margin netgrif-input\">\n        <mat-form-field class=\"full-width-input\" appearance=\"outline\">\n            <mat-label>{{'side-menu.filter-selector.search-filter' | translate}}</mat-label>\n            <input matInput type=\"text\" [formControl]=\"searchFormControl\">\n        </mat-form-field>\n    </div>\n    <div *ngIf=\"caseFilters.filtered.length > 0\">\n        <h4 class=\"header-padding\">{{ 'side-menu.filter-selector.case-filters' | translate}}</h4>\n        <mat-selection-list (selectionChange)=\"caseFilterSelected($event)\" #caseFilterList>\n            <mat-list-option *ngFor=\"let filter of caseFilters.filtered\" [value]=\"filter\">\n                <nc-filter-selector-list-item [filter]=\"filter\"></nc-filter-selector-list-item>\n            </mat-list-option>\n        </mat-selection-list>\n    </div>\n    <div *ngIf=\"taskFilters.filtered.length > 0\">\n        <h4 class=\"header-padding\">{{ 'side-menu.filter-selector.task-filters' | translate}}</h4>\n        <mat-selection-list (selectionChange)=\"taskFilterSelected($event)\" #taskFilterList>\n            <mat-list-option *ngFor=\"let filter of taskFilters.filtered\" [value]=\"filter\">\n                <nc-filter-selector-list-item [filter]=\"filter\"></nc-filter-selector-list-item>\n            </mat-list-option>\n        </mat-selection-list>\n    </div>\n    <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n        <button mat-raised-button color=\"primary\" class=\"submit-button-padding\"\n                (click)=\"filterSelectionConfirmed()\">{{ 'side-menu.filter-selector.select' | translate }}</button>\n    </div>\n</div>\n", styles: [".filter-selector-root{width:calc(100% - 8px);margin:0;padding-top:4px;padding-left:4px;padding-right:4px}.header-padding{padding:0 0 0 16px}.submit-button-padding{margin-right:16px}.input-margin{margin-left:16px;margin-right:16px}.full-width-input{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i4.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { type: i5.FilterSelectorListItemComponent, selector: "nc-filter-selector-list-item" }, { 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: i3.MatLabel, selector: "mat-label" }, { type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.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: i10.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"] }], pipes: { "translate": i11.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-filter-selector', template: "<mat-toolbar color=\"primary\">{{ 'side-menu.filter-selector.choose-filter' | translate}}</mat-toolbar>\n<div class=\"filter-selector-root side-menu-root\">\n    <div class=\"input-margin\">\n        <mat-form-field class=\"full-width-input\">\n            <mat-label>{{'side-menu.filter-selector.search-filter' | translate}}</mat-label>\n            <input matInput type=\"text\" [formControl]=\"searchFormControl\">\n        </mat-form-field>\n    </div>\n    <div *ngIf=\"caseFilters.filtered.length > 0\">\n        <h4 class=\"header-padding\">{{ 'side-menu.filter-selector.case-filters' | translate}}</h4>\n        <mat-selection-list (selectionChange)=\"caseFilterSelected($event)\" #caseFilterList>\n            <mat-list-option *ngFor=\"let filter of caseFilters.filtered\" [value]=\"filter\">\n                <nc-filter-selector-list-item [filter]=\"filter\"></nc-filter-selector-list-item>\n            </mat-list-option>\n        </mat-selection-list>\n    </div>\n    <div *ngIf=\"taskFilters.filtered.length > 0\">\n        <h4 class=\"header-padding\">{{ 'side-menu.filter-selector.task-filters' | translate}}</h4>\n        <mat-selection-list (selectionChange)=\"taskFilterSelected($event)\" #taskFilterList>\n            <mat-list-option *ngFor=\"let filter of taskFilters.filtered\" [value]=\"filter\">\n                <nc-filter-selector-list-item [filter]=\"filter\"></nc-filter-selector-list-item>\n            </mat-list-option>\n        </mat-selection-list>\n    </div>\n    <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n        <button mat-stroked-button color=\"primary\" class=\"submit-button-padding\"\n                (click)=\"filterSelectionConfirmed()\">{{ 'side-menu.filter-selector.select' | translate }}</button>\n    </div>\n</div>\n", styles: [".filter-selector-root{width:calc(100% - 8px);margin:0;padding-top:4px;padding-left:4px;padding-right:4px}.header-padding{padding:0 0 0 16px}.submit-button-padding{margin-right:16px}.input-margin{margin-left:16px;margin-right:16px}.full-width-input{display:block;margin:0 auto;width:100%}\n"] }]
+            args: [{ selector: 'nc-filter-selector', template: "<mat-toolbar color=\"primary\">{{ 'side-menu.filter-selector.choose-filter' | translate}}</mat-toolbar>\n<div class=\"filter-selector-root side-menu-root\">\n    <div class=\"input-margin netgrif-input\">\n        <mat-form-field class=\"full-width-input\" appearance=\"outline\">\n            <mat-label>{{'side-menu.filter-selector.search-filter' | translate}}</mat-label>\n            <input matInput type=\"text\" [formControl]=\"searchFormControl\">\n        </mat-form-field>\n    </div>\n    <div *ngIf=\"caseFilters.filtered.length > 0\">\n        <h4 class=\"header-padding\">{{ 'side-menu.filter-selector.case-filters' | translate}}</h4>\n        <mat-selection-list (selectionChange)=\"caseFilterSelected($event)\" #caseFilterList>\n            <mat-list-option *ngFor=\"let filter of caseFilters.filtered\" [value]=\"filter\">\n                <nc-filter-selector-list-item [filter]=\"filter\"></nc-filter-selector-list-item>\n            </mat-list-option>\n        </mat-selection-list>\n    </div>\n    <div *ngIf=\"taskFilters.filtered.length > 0\">\n        <h4 class=\"header-padding\">{{ 'side-menu.filter-selector.task-filters' | translate}}</h4>\n        <mat-selection-list (selectionChange)=\"taskFilterSelected($event)\" #taskFilterList>\n            <mat-list-option *ngFor=\"let filter of taskFilters.filtered\" [value]=\"filter\">\n                <nc-filter-selector-list-item [filter]=\"filter\"></nc-filter-selector-list-item>\n            </mat-list-option>\n        </mat-selection-list>\n    </div>\n    <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n        <button mat-raised-button color=\"primary\" class=\"submit-button-padding\"\n                (click)=\"filterSelectionConfirmed()\">{{ 'side-menu.filter-selector.select' | translate }}</button>\n    </div>\n</div>\n", styles: [".filter-selector-root{width:calc(100% - 8px);margin:0;padding-top:4px;padding-left:4px;padding-right:4px}.header-padding{padding:0 0 0 16px}.submit-button-padding{margin-right:16px}.input-margin{margin-left:16px;margin-right:16px}.full-width-input{display:block;margin:0 auto;width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.SideMenuControl, decorators: [{
                     type: Inject,
                     args: [NAE_SIDE_MENU_CONTROL]
                 }] }, { type: i1.FilterRepository }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXNlbGVjdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3NpZGUtbWVudS9jb250ZW50LWNvbXBvbmVudHMvZmlsdGVyLXNlbGVjdG9yL2ZpbHRlci1zZWxlY3Rvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zaWRlLW1lbnUvY29udGVudC1jb21wb25lbnRzL2ZpbHRlci1zZWxlY3Rvci9maWx0ZXItc2VsZWN0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEQsT0FBTyxFQUFDLCtCQUErQixFQUFvQixxQkFBcUIsRUFBa0IsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7Ozs7OztBQUVuSTs7Ozs7Ozs7Ozs7R0FXRztBQU1ILE1BQU0sT0FBTyx1QkFBd0IsU0FBUSwrQkFBK0I7SUFDeEU7Ozs7Ozs7T0FPRztJQUNILFlBQXFELGdCQUFpQyxFQUNoRSxpQkFBbUM7UUFDckQsS0FBSyxDQUFDLGdCQUFnQixFQUFFLGlCQUFpQixDQUFDLENBQUM7UUFGTSxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWlCO1FBQ2hFLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBa0I7SUFFekQsQ0FBQzs7cUhBWlEsdUJBQXVCLGtCQVNaLHFCQUFxQjt5R0FUaEMsdUJBQXVCLGlGQ3BCcEMsbXZEQTZCQTs0RkRUYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0ksb0JBQW9COzswQkFhakIsTUFBTTsyQkFBQyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RGaWx0ZXJTZWxlY3RvckNvbXBvbmVudCwgRmlsdGVyUmVwb3NpdG9yeSwgTkFFX1NJREVfTUVOVV9DT05UUk9MLCBTaWRlTWVudUNvbnRyb2x9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbi8qKlxuICogQWxsb3dzIHVzZXIgdG8gY2hvb3NlIGEge0BsaW5rIEZpbHRlcn0gZnJvbSB0aGUge0BsaW5rIEZpbHRlclJlcG9zaXRvcnl9LlxuICpcbiAqIFB1Ymxpc2hlcyBldmVudHMgdG8gdGhlIHtAbGluayBTaWRlTWVudUNvbnRyb2x9IG9iamVjdCB3aGVuOlxuICpcbiAqIC0gZmlsdGVyIGlzIHNlbGVjdGVkIGJ5IHRoZSB1c2VyLiBNZXNzYWdlOiBgTmV3IHNlbGVjdGVkIGZpbHRlcmAsIERhdGE6IGlzIGVpdGhlciB0aGUgc2VsZWN0ZWQgZmlsdGVyIG9yIGB1bmRlZmluZWRgIGlmIHRoZSB1c2VyXG4gKiBkZXNlbGVjdGVkIHRoZSBmaWx0ZXJcbiAqXG4gKiAtIGZpbHRlciBzZWxlY3Rpb24gaXMgY29uZmlybWVkIGJ5IHRoZSB1c2VyLiBNZXNzYWdlOiBgU2VsZWN0ZWQgZmlsdGVyIHdhcyBjb25maXJtZWRgLCBEYXRhOiB0aGUgc2VsZWN0ZWQgZmlsdGVyLiBJZiB0aGUgdXNlciBkaWRuJ3RcbiAqIHNlbGVjdCBhbnkgZmlsdGVyIHRoaXMgZXZlbnQgd2lsbCBub3QgYmUgcHVibGlzaGVkLlxuICpcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1maWx0ZXItc2VsZWN0b3InLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9maWx0ZXItc2VsZWN0b3IuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2ZpbHRlci1zZWxlY3Rvci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZpbHRlclNlbGVjdG9yQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RGaWx0ZXJTZWxlY3RvckNvbXBvbmVudCB7XG4gICAgLyoqXG4gICAgICogUmV0cmlldmVzIHRoZSB7QGxpbmsgRmlsdGVyfSBvYmplY3RzIGZyb20gdGhlIHtAbGluayBGaWx0ZXJSZXBvc2l0b3J5fSBhbmQgaW5zdGFudGlhdGVzIHRoaXMgY29tcG9uZW50LlxuICAgICAqXG4gICAgICogRmlsdGVycyB0aGF0IGFyZSBhdmFpbGFibGUgZm9yIHNlbGVjdGlvbiBjYW4gYmUgc2V0IHVzaW5nIHRoZSBpbmplY3RlZCBkYXRhLiBTZWUge0BsaW5rIEZpbHRlclNlbGVjdG9ySW5qZWN0aW9uRGF0YX1cbiAgICAgKiBmb3IgbW9yZSBpbmZvcm1hdGlvbi5cbiAgICAgKiBAcGFyYW0gX3NpZGVNZW51Q29udHJvbCAtXG4gICAgICogQHBhcmFtIF9maWx0ZXJSZXBvc2l0b3J5IC1cbiAgICAgKi9cbiAgICBjb25zdHJ1Y3RvcihASW5qZWN0KE5BRV9TSURFX01FTlVfQ09OVFJPTCkgcHJvdGVjdGVkIF9zaWRlTWVudUNvbnRyb2w6IFNpZGVNZW51Q29udHJvbCxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgX2ZpbHRlclJlcG9zaXRvcnk6IEZpbHRlclJlcG9zaXRvcnkpIHtcbiAgICAgICAgc3VwZXIoX3NpZGVNZW51Q29udHJvbCwgX2ZpbHRlclJlcG9zaXRvcnkpO1xuICAgIH1cblxufVxuIiwiPG1hdC10b29sYmFyIGNvbG9yPVwicHJpbWFyeVwiPnt7ICdzaWRlLW1lbnUuZmlsdGVyLXNlbGVjdG9yLmNob29zZS1maWx0ZXInIHwgdHJhbnNsYXRlfX08L21hdC10b29sYmFyPlxuPGRpdiBjbGFzcz1cImZpbHRlci1zZWxlY3Rvci1yb290IHNpZGUtbWVudS1yb290XCI+XG4gICAgPGRpdiBjbGFzcz1cImlucHV0LW1hcmdpblwiPlxuICAgICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJmdWxsLXdpZHRoLWlucHV0XCI+XG4gICAgICAgICAgICA8bWF0LWxhYmVsPnt7J3NpZGUtbWVudS5maWx0ZXItc2VsZWN0b3Iuc2VhcmNoLWZpbHRlcicgfCB0cmFuc2xhdGV9fTwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgPGlucHV0IG1hdElucHV0IHR5cGU9XCJ0ZXh0XCIgW2Zvcm1Db250cm9sXT1cInNlYXJjaEZvcm1Db250cm9sXCI+XG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cImNhc2VGaWx0ZXJzLmZpbHRlcmVkLmxlbmd0aCA+IDBcIj5cbiAgICAgICAgPGg0IGNsYXNzPVwiaGVhZGVyLXBhZGRpbmdcIj57eyAnc2lkZS1tZW51LmZpbHRlci1zZWxlY3Rvci5jYXNlLWZpbHRlcnMnIHwgdHJhbnNsYXRlfX08L2g0PlxuICAgICAgICA8bWF0LXNlbGVjdGlvbi1saXN0IChzZWxlY3Rpb25DaGFuZ2UpPVwiY2FzZUZpbHRlclNlbGVjdGVkKCRldmVudClcIiAjY2FzZUZpbHRlckxpc3Q+XG4gICAgICAgICAgICA8bWF0LWxpc3Qtb3B0aW9uICpuZ0Zvcj1cImxldCBmaWx0ZXIgb2YgY2FzZUZpbHRlcnMuZmlsdGVyZWRcIiBbdmFsdWVdPVwiZmlsdGVyXCI+XG4gICAgICAgICAgICAgICAgPG5jLWZpbHRlci1zZWxlY3Rvci1saXN0LWl0ZW0gW2ZpbHRlcl09XCJmaWx0ZXJcIj48L25jLWZpbHRlci1zZWxlY3Rvci1saXN0LWl0ZW0+XG4gICAgICAgICAgICA8L21hdC1saXN0LW9wdGlvbj5cbiAgICAgICAgPC9tYXQtc2VsZWN0aW9uLWxpc3Q+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cInRhc2tGaWx0ZXJzLmZpbHRlcmVkLmxlbmd0aCA+IDBcIj5cbiAgICAgICAgPGg0IGNsYXNzPVwiaGVhZGVyLXBhZGRpbmdcIj57eyAnc2lkZS1tZW51LmZpbHRlci1zZWxlY3Rvci50YXNrLWZpbHRlcnMnIHwgdHJhbnNsYXRlfX08L2g0PlxuICAgICAgICA8bWF0LXNlbGVjdGlvbi1saXN0IChzZWxlY3Rpb25DaGFuZ2UpPVwidGFza0ZpbHRlclNlbGVjdGVkKCRldmVudClcIiAjdGFza0ZpbHRlckxpc3Q+XG4gICAgICAgICAgICA8bWF0LWxpc3Qtb3B0aW9uICpuZ0Zvcj1cImxldCBmaWx0ZXIgb2YgdGFza0ZpbHRlcnMuZmlsdGVyZWRcIiBbdmFsdWVdPVwiZmlsdGVyXCI+XG4gICAgICAgICAgICAgICAgPG5jLWZpbHRlci1zZWxlY3Rvci1saXN0LWl0ZW0gW2ZpbHRlcl09XCJmaWx0ZXJcIj48L25jLWZpbHRlci1zZWxlY3Rvci1saXN0LWl0ZW0+XG4gICAgICAgICAgICA8L21hdC1saXN0LW9wdGlvbj5cbiAgICAgICAgPC9tYXQtc2VsZWN0aW9uLWxpc3Q+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJlbmQgY2VudGVyXCI+XG4gICAgICAgIDxidXR0b24gbWF0LXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIGNsYXNzPVwic3VibWl0LWJ1dHRvbi1wYWRkaW5nXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiZmlsdGVyU2VsZWN0aW9uQ29uZmlybWVkKClcIj57eyAnc2lkZS1tZW51LmZpbHRlci1zZWxlY3Rvci5zZWxlY3QnIHwgdHJhbnNsYXRlIH19PC9idXR0b24+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXNlbGVjdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3NpZGUtbWVudS9jb250ZW50LWNvbXBvbmVudHMvZmlsdGVyLXNlbGVjdG9yL2ZpbHRlci1zZWxlY3Rvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zaWRlLW1lbnUvY29udGVudC1jb21wb25lbnRzL2ZpbHRlci1zZWxlY3Rvci9maWx0ZXItc2VsZWN0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEQsT0FBTyxFQUFDLCtCQUErQixFQUFvQixxQkFBcUIsRUFBa0IsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7Ozs7OztBQUVuSTs7Ozs7Ozs7Ozs7R0FXRztBQU1ILE1BQU0sT0FBTyx1QkFBd0IsU0FBUSwrQkFBK0I7SUFDeEU7Ozs7Ozs7T0FPRztJQUNILFlBQXFELGdCQUFpQyxFQUNoRSxpQkFBbUM7UUFDckQsS0FBSyxDQUFDLGdCQUFnQixFQUFFLGlCQUFpQixDQUFDLENBQUM7UUFGTSxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWlCO1FBQ2hFLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBa0I7SUFFekQsQ0FBQzs7cUhBWlEsdUJBQXVCLGtCQVNaLHFCQUFxQjt5R0FUaEMsdUJBQXVCLGlGQ3BCcEMsdXhEQTZCQTs0RkRUYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0ksb0JBQW9COzswQkFhakIsTUFBTTsyQkFBQyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RGaWx0ZXJTZWxlY3RvckNvbXBvbmVudCwgRmlsdGVyUmVwb3NpdG9yeSwgTkFFX1NJREVfTUVOVV9DT05UUk9MLCBTaWRlTWVudUNvbnRyb2x9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbi8qKlxuICogQWxsb3dzIHVzZXIgdG8gY2hvb3NlIGEge0BsaW5rIEZpbHRlcn0gZnJvbSB0aGUge0BsaW5rIEZpbHRlclJlcG9zaXRvcnl9LlxuICpcbiAqIFB1Ymxpc2hlcyBldmVudHMgdG8gdGhlIHtAbGluayBTaWRlTWVudUNvbnRyb2x9IG9iamVjdCB3aGVuOlxuICpcbiAqIC0gZmlsdGVyIGlzIHNlbGVjdGVkIGJ5IHRoZSB1c2VyLiBNZXNzYWdlOiBgTmV3IHNlbGVjdGVkIGZpbHRlcmAsIERhdGE6IGlzIGVpdGhlciB0aGUgc2VsZWN0ZWQgZmlsdGVyIG9yIGB1bmRlZmluZWRgIGlmIHRoZSB1c2VyXG4gKiBkZXNlbGVjdGVkIHRoZSBmaWx0ZXJcbiAqXG4gKiAtIGZpbHRlciBzZWxlY3Rpb24gaXMgY29uZmlybWVkIGJ5IHRoZSB1c2VyLiBNZXNzYWdlOiBgU2VsZWN0ZWQgZmlsdGVyIHdhcyBjb25maXJtZWRgLCBEYXRhOiB0aGUgc2VsZWN0ZWQgZmlsdGVyLiBJZiB0aGUgdXNlciBkaWRuJ3RcbiAqIHNlbGVjdCBhbnkgZmlsdGVyIHRoaXMgZXZlbnQgd2lsbCBub3QgYmUgcHVibGlzaGVkLlxuICpcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1maWx0ZXItc2VsZWN0b3InLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9maWx0ZXItc2VsZWN0b3IuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2ZpbHRlci1zZWxlY3Rvci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZpbHRlclNlbGVjdG9yQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RGaWx0ZXJTZWxlY3RvckNvbXBvbmVudCB7XG4gICAgLyoqXG4gICAgICogUmV0cmlldmVzIHRoZSB7QGxpbmsgRmlsdGVyfSBvYmplY3RzIGZyb20gdGhlIHtAbGluayBGaWx0ZXJSZXBvc2l0b3J5fSBhbmQgaW5zdGFudGlhdGVzIHRoaXMgY29tcG9uZW50LlxuICAgICAqXG4gICAgICogRmlsdGVycyB0aGF0IGFyZSBhdmFpbGFibGUgZm9yIHNlbGVjdGlvbiBjYW4gYmUgc2V0IHVzaW5nIHRoZSBpbmplY3RlZCBkYXRhLiBTZWUge0BsaW5rIEZpbHRlclNlbGVjdG9ySW5qZWN0aW9uRGF0YX1cbiAgICAgKiBmb3IgbW9yZSBpbmZvcm1hdGlvbi5cbiAgICAgKiBAcGFyYW0gX3NpZGVNZW51Q29udHJvbCAtXG4gICAgICogQHBhcmFtIF9maWx0ZXJSZXBvc2l0b3J5IC1cbiAgICAgKi9cbiAgICBjb25zdHJ1Y3RvcihASW5qZWN0KE5BRV9TSURFX01FTlVfQ09OVFJPTCkgcHJvdGVjdGVkIF9zaWRlTWVudUNvbnRyb2w6IFNpZGVNZW51Q29udHJvbCxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgX2ZpbHRlclJlcG9zaXRvcnk6IEZpbHRlclJlcG9zaXRvcnkpIHtcbiAgICAgICAgc3VwZXIoX3NpZGVNZW51Q29udHJvbCwgX2ZpbHRlclJlcG9zaXRvcnkpO1xuICAgIH1cblxufVxuIiwiPG1hdC10b29sYmFyIGNvbG9yPVwicHJpbWFyeVwiPnt7ICdzaWRlLW1lbnUuZmlsdGVyLXNlbGVjdG9yLmNob29zZS1maWx0ZXInIHwgdHJhbnNsYXRlfX08L21hdC10b29sYmFyPlxuPGRpdiBjbGFzcz1cImZpbHRlci1zZWxlY3Rvci1yb290IHNpZGUtbWVudS1yb290XCI+XG4gICAgPGRpdiBjbGFzcz1cImlucHV0LW1hcmdpbiBuZXRncmlmLWlucHV0XCI+XG4gICAgICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImZ1bGwtd2lkdGgtaW5wdXRcIiBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxuICAgICAgICAgICAgPG1hdC1sYWJlbD57eydzaWRlLW1lbnUuZmlsdGVyLXNlbGVjdG9yLnNlYXJjaC1maWx0ZXInIHwgdHJhbnNsYXRlfX08L21hdC1sYWJlbD5cbiAgICAgICAgICAgIDxpbnB1dCBtYXRJbnB1dCB0eXBlPVwidGV4dFwiIFtmb3JtQ29udHJvbF09XCJzZWFyY2hGb3JtQ29udHJvbFwiPlxuICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJjYXNlRmlsdGVycy5maWx0ZXJlZC5sZW5ndGggPiAwXCI+XG4gICAgICAgIDxoNCBjbGFzcz1cImhlYWRlci1wYWRkaW5nXCI+e3sgJ3NpZGUtbWVudS5maWx0ZXItc2VsZWN0b3IuY2FzZS1maWx0ZXJzJyB8IHRyYW5zbGF0ZX19PC9oND5cbiAgICAgICAgPG1hdC1zZWxlY3Rpb24tbGlzdCAoc2VsZWN0aW9uQ2hhbmdlKT1cImNhc2VGaWx0ZXJTZWxlY3RlZCgkZXZlbnQpXCIgI2Nhc2VGaWx0ZXJMaXN0PlxuICAgICAgICAgICAgPG1hdC1saXN0LW9wdGlvbiAqbmdGb3I9XCJsZXQgZmlsdGVyIG9mIGNhc2VGaWx0ZXJzLmZpbHRlcmVkXCIgW3ZhbHVlXT1cImZpbHRlclwiPlxuICAgICAgICAgICAgICAgIDxuYy1maWx0ZXItc2VsZWN0b3ItbGlzdC1pdGVtIFtmaWx0ZXJdPVwiZmlsdGVyXCI+PC9uYy1maWx0ZXItc2VsZWN0b3ItbGlzdC1pdGVtPlxuICAgICAgICAgICAgPC9tYXQtbGlzdC1vcHRpb24+XG4gICAgICAgIDwvbWF0LXNlbGVjdGlvbi1saXN0PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJ0YXNrRmlsdGVycy5maWx0ZXJlZC5sZW5ndGggPiAwXCI+XG4gICAgICAgIDxoNCBjbGFzcz1cImhlYWRlci1wYWRkaW5nXCI+e3sgJ3NpZGUtbWVudS5maWx0ZXItc2VsZWN0b3IudGFzay1maWx0ZXJzJyB8IHRyYW5zbGF0ZX19PC9oND5cbiAgICAgICAgPG1hdC1zZWxlY3Rpb24tbGlzdCAoc2VsZWN0aW9uQ2hhbmdlKT1cInRhc2tGaWx0ZXJTZWxlY3RlZCgkZXZlbnQpXCIgI3Rhc2tGaWx0ZXJMaXN0PlxuICAgICAgICAgICAgPG1hdC1saXN0LW9wdGlvbiAqbmdGb3I9XCJsZXQgZmlsdGVyIG9mIHRhc2tGaWx0ZXJzLmZpbHRlcmVkXCIgW3ZhbHVlXT1cImZpbHRlclwiPlxuICAgICAgICAgICAgICAgIDxuYy1maWx0ZXItc2VsZWN0b3ItbGlzdC1pdGVtIFtmaWx0ZXJdPVwiZmlsdGVyXCI+PC9uYy1maWx0ZXItc2VsZWN0b3ItbGlzdC1pdGVtPlxuICAgICAgICAgICAgPC9tYXQtbGlzdC1vcHRpb24+XG4gICAgICAgIDwvbWF0LXNlbGVjdGlvbi1saXN0PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiZW5kIGNlbnRlclwiPlxuICAgICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIGNsYXNzPVwic3VibWl0LWJ1dHRvbi1wYWRkaW5nXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiZmlsdGVyU2VsZWN0aW9uQ29uZmlybWVkKClcIj57eyAnc2lkZS1tZW51LmZpbHRlci1zZWxlY3Rvci5zZWxlY3QnIHwgdHJhbnNsYXRlIH19PC9idXR0b24+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/side-menu/content-components/filter-selector/side-menu-filter-selector-component.module.mjs

@@ -3,6 +3,7 @@ import { CommonModule } from '@angular/common';
 import { FilterSelectorComponent } from './filter-selector.component';
 import { FilterSelectorListItemComponent } from './filter-selector-list-item/filter-selector-list-item.component';
 import { MaterialModule, TranslateLibModule } from '@netgrif/components-core';
+import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i0 from "@angular/core";
 export class SideMenuFilterSelectorComponentModule {
 }
@@ -10,11 +11,13 @@ SideMenuFilterSelectorComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersi
 SideMenuFilterSelectorComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SideMenuFilterSelectorComponentModule, declarations: [FilterSelectorComponent,
         FilterSelectorListItemComponent], imports: [CommonModule,
         MaterialModule,
-        TranslateLibModule], exports: [FilterSelectorComponent] });
+        TranslateLibModule,
+        MatFormFieldModule], exports: [FilterSelectorComponent] });
 SideMenuFilterSelectorComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SideMenuFilterSelectorComponentModule, imports: [[
             CommonModule,
             MaterialModule,
             TranslateLibModule,
+            MatFormFieldModule,
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SideMenuFilterSelectorComponentModule, decorators: [{
             type: NgModule,
@@ -27,10 +30,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                         CommonModule,
                         MaterialModule,
                         TranslateLibModule,
+                        MatFormFieldModule,
                     ],
                     exports: [
                         FilterSelectorComponent,
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51LWZpbHRlci1zZWxlY3Rvci1jb21wb25lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvc2lkZS1tZW51L2NvbnRlbnQtY29tcG9uZW50cy9maWx0ZXItc2VsZWN0b3Ivc2lkZS1tZW51LWZpbHRlci1zZWxlY3Rvci1jb21wb25lbnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyx1QkFBdUIsRUFBQyxNQUFNLDZCQUE2QixDQUFDO0FBQ3BFLE9BQU8sRUFBQywrQkFBK0IsRUFBQyxNQUFNLGlFQUFpRSxDQUFDO0FBQ2hILE9BQU8sRUFBQyxjQUFjLEVBQUUsa0JBQWtCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7QUFnQjVFLE1BQU0sT0FBTyxxQ0FBcUM7O21JQUFyQyxxQ0FBcUM7b0lBQXJDLHFDQUFxQyxpQkFaMUMsdUJBQXVCO1FBQ3ZCLCtCQUErQixhQUcvQixZQUFZO1FBQ1osY0FBYztRQUNkLGtCQUFrQixhQUdsQix1QkFBdUI7b0lBR2xCLHFDQUFxQyxZQVRyQztZQUNMLFlBQVk7WUFDWixjQUFjO1lBQ2Qsa0JBQWtCO1NBQ3JCOzRGQUtRLHFDQUFxQztrQkFkakQsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUU7d0JBQ1YsdUJBQXVCO3dCQUN2QiwrQkFBK0I7cUJBQ2xDO29CQUNELE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2Qsa0JBQWtCO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsdUJBQXVCO3FCQUMxQjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge0ZpbHRlclNlbGVjdG9yQ29tcG9uZW50fSBmcm9tICcuL2ZpbHRlci1zZWxlY3Rvci5jb21wb25lbnQnO1xuaW1wb3J0IHtGaWx0ZXJTZWxlY3Rvckxpc3RJdGVtQ29tcG9uZW50fSBmcm9tICcuL2ZpbHRlci1zZWxlY3Rvci1saXN0LWl0ZW0vZmlsdGVyLXNlbGVjdG9yLWxpc3QtaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHtNYXRlcmlhbE1vZHVsZSwgVHJhbnNsYXRlTGliTW9kdWxlfSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBGaWx0ZXJTZWxlY3RvckNvbXBvbmVudCxcbiAgICAgICAgRmlsdGVyU2VsZWN0b3JMaXN0SXRlbUNvbXBvbmVudCxcbiAgICBdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBNYXRlcmlhbE1vZHVsZSxcbiAgICAgICAgVHJhbnNsYXRlTGliTW9kdWxlLFxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBGaWx0ZXJTZWxlY3RvckNvbXBvbmVudCxcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVNZW51RmlsdGVyU2VsZWN0b3JDb21wb25lbnRNb2R1bGUge1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51LWZpbHRlci1zZWxlY3Rvci1jb21wb25lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvc2lkZS1tZW51L2NvbnRlbnQtY29tcG9uZW50cy9maWx0ZXItc2VsZWN0b3Ivc2lkZS1tZW51LWZpbHRlci1zZWxlY3Rvci1jb21wb25lbnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyx1QkFBdUIsRUFBQyxNQUFNLDZCQUE2QixDQUFDO0FBQ3BFLE9BQU8sRUFBQywrQkFBK0IsRUFBQyxNQUFNLGlFQUFpRSxDQUFDO0FBQ2hILE9BQU8sRUFBQyxjQUFjLEVBQUUsa0JBQWtCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUM1RSxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSw4QkFBOEIsQ0FBQzs7QUFpQmhFLE1BQU0sT0FBTyxxQ0FBcUM7O21JQUFyQyxxQ0FBcUM7b0lBQXJDLHFDQUFxQyxpQkFiMUMsdUJBQXVCO1FBQ3ZCLCtCQUErQixhQUcvQixZQUFZO1FBQ1osY0FBYztRQUNkLGtCQUFrQjtRQUNsQixrQkFBa0IsYUFHbEIsdUJBQXVCO29JQUdsQixxQ0FBcUMsWUFWckM7WUFDTCxZQUFZO1lBQ1osY0FBYztZQUNkLGtCQUFrQjtZQUNsQixrQkFBa0I7U0FDckI7NEZBS1EscUNBQXFDO2tCQWZqRCxRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRTt3QkFDVix1QkFBdUI7d0JBQ3ZCLCtCQUErQjtxQkFDbEM7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxrQkFBa0I7d0JBQ2xCLGtCQUFrQjtxQkFDckI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLHVCQUF1QjtxQkFDMUI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtGaWx0ZXJTZWxlY3RvckNvbXBvbmVudH0gZnJvbSAnLi9maWx0ZXItc2VsZWN0b3IuY29tcG9uZW50JztcbmltcG9ydCB7RmlsdGVyU2VsZWN0b3JMaXN0SXRlbUNvbXBvbmVudH0gZnJvbSAnLi9maWx0ZXItc2VsZWN0b3ItbGlzdC1pdGVtL2ZpbHRlci1zZWxlY3Rvci1saXN0LWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7TWF0ZXJpYWxNb2R1bGUsIFRyYW5zbGF0ZUxpYk1vZHVsZX0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7TWF0Rm9ybUZpZWxkTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgRmlsdGVyU2VsZWN0b3JDb21wb25lbnQsXG4gICAgICAgIEZpbHRlclNlbGVjdG9yTGlzdEl0ZW1Db21wb25lbnQsXG4gICAgXSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgTWF0ZXJpYWxNb2R1bGUsXG4gICAgICAgIFRyYW5zbGF0ZUxpYk1vZHVsZSxcbiAgICAgICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBGaWx0ZXJTZWxlY3RvckNvbXBvbmVudCxcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVNZW51RmlsdGVyU2VsZWN0b3JDb21wb25lbnRNb2R1bGUge1xufVxuIl19