@netgrif/components 6.4.0 → 6.4.1

package/fesm2020/netgrif-components.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Component, NgModule, Input, EventEmitter, Output, Optional, Inject, forwardRef, ViewChild, ViewEncapsulation, SkipSelf, Self, Injector, HostListener, Injectable } from '@angular/core';
 import * as i1 from '@netgrif/components-core';
-import { AbstractRoleAssignmentComponent, RoleAssignmentService, AbstractLdapGroupRoleAssignmentComponent, RoleAssignmentLdapGroupService, AbstractUserInviteComponent, MaterialModule, TranslateLibModule, AbstractAuthenticationOverlayComponent, AbstractSessionIdleComponent, AbstractIframeCardComponent, AbstractCountCardComponent, AbstractCustomCardComponent, DashboardSingleData, DashboardMultiData, AbstractDashboardContentComponent, AbstractDataFieldTemplateComponent, AbstractBooleanFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA, AbstractButtonFieldComponent, AbstractDateFieldComponent, DATE_FORMAT, AbstractDateTimeFieldComponent, DATE_TIME_FORMAT, AbstractEnumerationFieldComponent, AbstractEnumerationAutocompleteSelectFieldComponent, DATA_FIELD_PORTAL_DATA, AbstractEnumerationSelectFieldComponent, AbstractEnumerationListFieldComponent, AbstractFileFieldComponent, AbstractFileListFieldComponent, AbstractMultichoiceFieldComponent, AbstractMultichoiceSelectFieldComponent, AbstractMultichoiceListFieldComponent, AbstractNumberFieldComponent, AbstractTextFieldComponent, AbstractTextareaFieldComponent, AbstractRichTextareaFieldComponent, AbstractSimpleTextFieldComponent, AbstractUserFieldComponent, AbstractHtmlTextareaFieldComponent, AbstractCurrencyNumberFieldComponent, AbstractDefaultNumberFieldComponent, AbstractPasswordTextFieldComponent, FilePreviewType, AbstractEnumerationStepperFieldComponent, AbstractEnumerationIconFieldComponent, AbstractEnumerationAutocompleteDynamicFieldComponent, AbstractFilterFieldComponent, AbstractSearchOperandInputComponent, SearchInputType, DATE_FORMAT_STRING, DATE_TIME_FORMAT_STRING, AbstractSearchConfigurationInputComponent, OperatorTemplatePartType, AbstractSearchPredicateComponent, NAE_SEARCH_CATEGORIES, AbstractSearchClauseComponent, AbstractAdvancedSearchComponent, AdvancedSearchComponentInitializationService, SimpleFilter, AbstractFilterFieldContentComponent, NAE_FILTER_FIELD, NAE_BASE_FILTER, AllowedNetsService, AllowedNetsServiceFactory, CategoryFactory, CategoryResolverService, SearchService, AbstractUserAssignItemComponent, AbstractUserAssignListComponent, AbstractUserAssignComponent, NAE_SIDE_MENU_CONTROL, UserListService, CovalentModule, UtilityModule, NAE_USER_ASSIGN_COMPONENT, AbstractI18nFieldComponent, AbstractI18nDividerFieldComponent, AbstractI18nTextFieldComponent, AbstractMultichoiceAutocompleteFieldComponentComponent, AbstractUserListFieldComponent, AbstractMultiUserAssignItemComponent, AbstractMultiUserAssignListComponent, AbstractMultiUserAssignComponent, NAE_MULTI_USER_ASSIGN_COMPONENT, AbstractNumberDecimalFieldComponent, AbstractTaskRefFieldComponent, AbstractTaskRefDashboardTileComponent, NAE_TASK_OPERATIONS, FrontActionService, TaskContentService, UnlimitedTaskContentService, AbstractDashboardLineChartTextFieldComponent, AbstractDashboardPieChartTextFieldComponent, AbstractDashboardPortalTextFieldComponent, AbstractDashboardBarChartTextFieldComponent, AbstractDashboardIframeTextFieldComponent, AbstractFilterFieldTabViewContentComponent, AbstractBooleanDefaultFieldComponent, AbstractButtonDefaultFieldComponent, AbstractDateDefaultFieldComponent, AbstractDateTimeDefaultFieldComponent, AbstractFileDefaultFieldComponent, AbstractFileListDefaultFieldComponent, AbstractFilterDefaultFieldComponent, Dashboard, AbstractUserDefaultFieldComponent, AbstractUserListDefaultFieldComponent, AbstractTaskRefDashboardFieldComponent, AbstractSortModeComponent, AbstractSearchModeComponent, AbstractEditModeComponent, AbstractLoadingModeComponent, AbstractHeaderComponent, MultichoiceField, EnumerationField, CaseHeaderService, TaskHeaderService, WorkflowHeaderService, HeaderSearchService, AbstractFieldComponentResolverComponent, DateField, DateTimeField, FileField, FileListField, AbstractTaskContentComponent, NAE_ASYNC_RENDERING_CONFIGURATION, AbstractPanelComponent, AbstractImmediateFilterTextContentComponent, NAE_FILTER_TEXT, AbstractImmediateFilterTextComponent, AbstractPanelItemComponent, AbstractTaskPanelComponent, BOOLEAN_VALUE_LABEL_ENABLED, NAE_TASK_PANEL_DISABLE_BUTTON_FUNCTIONS, NAE_TASK_FORCE_OPEN, NAE_TAB_DATA, SingleTaskContentService, TaskDataService, TaskEventService, AssignTaskService, DelegateTaskService, CancelTaskService, FinishTaskService, TaskRequestStateService, DataFocusPolicyService, AssignPolicyService, FinishPolicyService, ChangedFieldsService, SubjectTaskOperations, AbstractTaskListPaginationComponent, NetgrifPaginatorIntl, AbstractTaskViewComponent, TaskViewService, ViewIdService, AbstractTaskRefListFieldComponent, AbstractFulltextSearchComponent, Filter, FilterType, Category, AbstractSearchComponent, NAE_SEARCH_COMPONENT_CONFIGURATION, NAE_FILTERS_FILTER, NAE_NAVIGATION_ITEM_TASK_DATA, NAE_DEFAULT_CASE_SEARCH_CATEGORIES, NAE_DEFAULT_TASK_SEARCH_CATEGORIES, AbstractTaskListComponent, AbstractTabbedTaskViewComponent, HeaderMode, OverflowService, tabbedAllowedNetsServiceFactory, NAE_TASK_VIEW_CONFIGURATION, tabbedTaskViewConfigurationFactory, NAE_DEFAULT_HEADERS, navigationItemTaskViewDefaultHeadersFactory, LoadingEmitter, AbstractCasePanelComponent, AbstractCaseListPaginatorComponent, AbstractCaseViewComponent, SearchMode, NAE_CASE_REF_CREATE_CASE, NAE_CASE_REF_SEARCH, CaseViewService, NAE_VIEW_ID_SEGMENT, defaultCaseSearchCategoriesFactory, AbstractCaseRefDefaultComponent, AbstractMultichoiceCaseRefComponent, AbstractEnumerationCaseRefComponent, AbstractStringCollectionDefaultFieldComponent, CurrencyModule, FrontActionModule, CustomDateAdapter, AbstractLegalNoticeComponent, AbstractEmailSubmissionFormComponent, AbstractLoginFormComponent, AbstractRegistrationFormComponent, NAE_MIN_PASSWORD_LENGTH, AbstractForgottenPasswordComponent, AbstractChangePasswordComponent, ProfileModule, AbstractLanguageSelectorComponent, AbstractInternalLinkComponent, AbstractLogoutShortcutComponent, AbstractQuickPanelComponent, AbstractUserCardComponent, AbstractNavigationTreeComponent, AbstractNavigationDrawerComponent, AbstractNavigationRailComponent, AbstractGroupNavigationComponentResolverComponent, navigationItemTaskFilterFactory, navigationItemTaskAllowedNetsServiceFactory, navigationItemTaskCategoryFactory, AbstractBreadcrumbsComponent, AbstractCaseListComponent, AbstractTabbedCaseViewComponent, MergeOperator, FilterExtractionService, BaseAllowedNetsService, navigationItemCaseViewDefaultHeadersFactory, AbstractTabCreationDetectorComponent, AbstractTabViewComponent, extractFilterFromData, extractIconAndTitle, extractFieldValueFromData, GroupNavigationConstants, extractSearchTypeFromData, groupNavigationViewIdSegmentFactory, GroupNavigationComponentResolverService, RoutingBuilderService, defaultTaskSearchCategoriesFactory, DefaultSearchCategoriesModule, AbstractWorkflowPanelComponent, SnackBarModule, AbstractSingleTaskComponent, AbstractNavigationDoubleDrawerComponent, NAE_GROUP_NAVIGATION_COMPONENT_RESOLVER_COMPONENT, AbstractNewCaseComponent, NAE_NEW_CASE_COMPONENT, AbstractImportNetComponent, NAE_IMPORT_NET_COMPONENT, AbstractFilterSelectorListItemComponent, AbstractFilterSelectorComponent, AbstractOptionSelectorComponent, NAE_OPTION_SELECTOR_COMPONENT, UserFilterConstants, AbstractSaveFilterComponent, NAE_SAVE_FILTER_COMPONENT, AbstractLoadFilterComponent, NAE_LOAD_FILTER_COMPONENT, ImpersonationUserListService, NAE_ADMIN_IMPERSONATE_COMPONENT, UserImpersonationConstants, AbstractUserImpersonateComponent, NAE_USER_IMPERSONATE_COMPONENT, AbstractSideMenuContainerComponent, AbstractToolbarComponent, AbstractProfileComponent, ProgressType, AbstractWorkflowViewComponent, WorkflowViewService, AbstractAddChildNodeComponent, AbstractRemoveNodeComponent, AbstractTreeComponent, CaseTreeService, AbstractTreeTaskContentComponent, TreeTaskContentService, SelectedCaseService, NAE_NEW_CASE_CREATION_CONFIGURATION_DATA, NAE_NEW_CASE_CONFIGURATION, AbstractFilterFieldTabViewComponent, NAE_NET_VERSION_VISIBLE, NAE_NET_ALL_VERSIONS, FilteredArray, getImmediateData, TaskEvent, AbstractSingleTaskViewComponent, NAE_TASK_VIEW_COMPONENT, reloadTaskAction, NAE_USER_ASSIGN_DIALOG_COMPONENT, NAE_IMPORT_NET_DIALOG_COMPONENT, NAE_MULTI_USER_ASSIGN_DIALOG_COMPONENT, NAE_ADMIN_IMPERSONATE_DIALOG_COMPONENT, NAE_USER_IMPERSONATE_DIALOG_COMPONENT, NAE_NEW_CASE_DIALOG_COMPONENT, NAE_SAVE_FILTER_DIALOG_COMPONENT, NAE_LOAD_FILTER_DIALOG_COMPONENT } from '@netgrif/components-core';
+import { AbstractRoleAssignmentComponent, RoleAssignmentService, AbstractLdapGroupRoleAssignmentComponent, RoleAssignmentLdapGroupService, AbstractUserInviteComponent, MaterialModule, TranslateLibModule, AbstractAuthenticationOverlayComponent, AbstractSessionIdleComponent, AbstractIframeCardComponent, AbstractCountCardComponent, AbstractCustomCardComponent, DashboardSingleData, DashboardMultiData, AbstractDashboardContentComponent, AbstractDataFieldTemplateComponent, AbstractBooleanFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA, AbstractButtonFieldComponent, AbstractDateFieldComponent, DATE_FORMAT, AbstractDateTimeFieldComponent, DATE_TIME_FORMAT, AbstractEnumerationFieldComponent, AbstractEnumerationAutocompleteSelectFieldComponent, DATA_FIELD_PORTAL_DATA, AbstractEnumerationSelectFieldComponent, AbstractEnumerationListFieldComponent, AbstractFileFieldComponent, AbstractFileListFieldComponent, AbstractMultichoiceFieldComponent, AbstractMultichoiceSelectFieldComponent, AbstractMultichoiceListFieldComponent, AbstractNumberFieldComponent, AbstractTextFieldComponent, AbstractTextareaFieldComponent, AbstractRichTextareaFieldComponent, AbstractSimpleTextFieldComponent, AbstractUserFieldComponent, AbstractHtmlTextareaFieldComponent, AbstractCurrencyNumberFieldComponent, AbstractDefaultNumberFieldComponent, AbstractPasswordTextFieldComponent, FilePreviewType, AbstractEnumerationStepperFieldComponent, AbstractEnumerationIconFieldComponent, AbstractEnumerationAutocompleteDynamicFieldComponent, AbstractFilterFieldComponent, AbstractSearchOperandInputComponent, SearchInputType, DATE_FORMAT_STRING, DATE_TIME_FORMAT_STRING, AbstractSearchConfigurationInputComponent, OperatorTemplatePartType, AbstractSearchPredicateComponent, NAE_SEARCH_CATEGORIES, AbstractSearchClauseComponent, AbstractAdvancedSearchComponent, AdvancedSearchComponentInitializationService, SimpleFilter, AbstractFilterFieldContentComponent, NAE_FILTER_FIELD, NAE_BASE_FILTER, AllowedNetsService, AllowedNetsServiceFactory, CategoryFactory, CategoryResolverService, SearchService, AbstractUserAssignItemComponent, AbstractUserAssignListComponent, AbstractUserAssignComponent, NAE_SIDE_MENU_CONTROL, UserListService, CovalentModule, UtilityModule, NAE_USER_ASSIGN_COMPONENT, AbstractI18nFieldComponent, AbstractI18nDividerFieldComponent, AbstractI18nTextFieldComponent, AbstractMultichoiceAutocompleteFieldComponentComponent, AbstractUserListFieldComponent, AbstractMultiUserAssignItemComponent, AbstractMultiUserAssignListComponent, AbstractMultiUserAssignComponent, NAE_MULTI_USER_ASSIGN_COMPONENT, AbstractNumberDecimalFieldComponent, AbstractTaskRefFieldComponent, AbstractTaskRefDashboardTileComponent, NAE_TASK_OPERATIONS, FrontActionService, TaskContentService, UnlimitedTaskContentService, AbstractDashboardLineChartTextFieldComponent, AbstractDashboardPieChartTextFieldComponent, AbstractDashboardPortalTextFieldComponent, AbstractDashboardBarChartTextFieldComponent, AbstractDashboardIframeTextFieldComponent, AbstractFilterFieldTabViewContentComponent, AbstractBooleanDefaultFieldComponent, AbstractButtonDefaultFieldComponent, AbstractDateDefaultFieldComponent, AbstractDateTimeDefaultFieldComponent, AbstractFileDefaultFieldComponent, AbstractFileListDefaultFieldComponent, AbstractFilterDefaultFieldComponent, Dashboard, AbstractUserDefaultFieldComponent, AbstractUserListDefaultFieldComponent, AbstractTaskRefDashboardFieldComponent, AbstractSortModeComponent, AbstractSearchModeComponent, AbstractEditModeComponent, AbstractLoadingModeComponent, AbstractHeaderComponent, CaseHeaderService, TaskHeaderService, WorkflowHeaderService, HeaderSearchService, AbstractFieldComponentResolverComponent, EnumerationField, MultichoiceField, DateField, DateTimeField, FileField, FileListField, AbstractTaskContentComponent, NAE_ASYNC_RENDERING_CONFIGURATION, AbstractPanelComponent, AbstractImmediateFilterTextContentComponent, NAE_FILTER_TEXT, AbstractImmediateFilterTextComponent, AbstractPanelItemComponent, AbstractTaskPanelComponent, BOOLEAN_VALUE_LABEL_ENABLED, NAE_TASK_PANEL_DISABLE_BUTTON_FUNCTIONS, NAE_TASK_FORCE_OPEN, NAE_TAB_DATA, SingleTaskContentService, TaskDataService, TaskEventService, AssignTaskService, DelegateTaskService, CancelTaskService, FinishTaskService, TaskRequestStateService, DataFocusPolicyService, AssignPolicyService, FinishPolicyService, ChangedFieldsService, SubjectTaskOperations, AbstractTaskListPaginationComponent, NetgrifPaginatorIntl, AbstractTaskViewComponent, TaskViewService, ViewIdService, AbstractTaskRefListFieldComponent, AbstractFulltextSearchComponent, Filter, FilterType, Category, AbstractSearchComponent, NAE_SEARCH_COMPONENT_CONFIGURATION, NAE_FILTERS_FILTER, NAE_NAVIGATION_ITEM_TASK_DATA, NAE_DEFAULT_CASE_SEARCH_CATEGORIES, NAE_DEFAULT_TASK_SEARCH_CATEGORIES, AbstractTaskListComponent, AbstractTabbedTaskViewComponent, HeaderMode, OverflowService, tabbedAllowedNetsServiceFactory, NAE_TASK_VIEW_CONFIGURATION, tabbedTaskViewConfigurationFactory, NAE_DEFAULT_HEADERS, navigationItemTaskViewDefaultHeadersFactory, LoadingEmitter, AbstractCasePanelComponent, AbstractCaseListPaginatorComponent, AbstractCaseViewComponent, SearchMode, MergeOperator, NAE_CASE_REF_CREATE_CASE, NAE_CASE_REF_SEARCH, CaseViewService, NAE_VIEW_ID_SEGMENT, defaultCaseSearchCategoriesFactory, AbstractCaseRefDefaultComponent, AbstractMultichoiceCaseRefComponent, AbstractEnumerationCaseRefComponent, AbstractStringCollectionDefaultFieldComponent, CurrencyModule, FrontActionModule, CustomDateAdapter, AbstractLegalNoticeComponent, AbstractEmailSubmissionFormComponent, AbstractLoginFormComponent, AbstractRegistrationFormComponent, NAE_MIN_PASSWORD_LENGTH, AbstractForgottenPasswordComponent, AbstractChangePasswordComponent, ProfileModule, AbstractLanguageSelectorComponent, AbstractInternalLinkComponent, AbstractLogoutShortcutComponent, AbstractQuickPanelComponent, AbstractUserCardComponent, AbstractNavigationTreeComponent, AbstractNavigationDrawerComponent, AbstractNavigationRailComponent, AbstractGroupNavigationComponentResolverComponent, navigationItemTaskFilterFactory, navigationItemTaskAllowedNetsServiceFactory, navigationItemTaskCategoryFactory, AbstractBreadcrumbsComponent, AbstractCaseListComponent, AbstractTabbedCaseViewComponent, FilterExtractionService, BaseAllowedNetsService, navigationItemCaseViewDefaultHeadersFactory, AbstractTabCreationDetectorComponent, AbstractTabViewComponent, extractFilterFromData, extractIconAndTitle, extractFieldValueFromData, GroupNavigationConstants, extractSearchTypeFromData, groupNavigationViewIdSegmentFactory, GroupNavigationComponentResolverService, RoutingBuilderService, defaultTaskSearchCategoriesFactory, DefaultSearchCategoriesModule, AbstractWorkflowPanelComponent, SnackBarModule, AbstractSingleTaskComponent, AbstractNavigationDoubleDrawerComponent, NAE_GROUP_NAVIGATION_COMPONENT_RESOLVER_COMPONENT, AbstractNewCaseComponent, NAE_NEW_CASE_COMPONENT, AbstractImportNetComponent, NAE_IMPORT_NET_COMPONENT, AbstractFilterSelectorListItemComponent, AbstractFilterSelectorComponent, AbstractOptionSelectorComponent, NAE_OPTION_SELECTOR_COMPONENT, UserFilterConstants, AbstractSaveFilterComponent, NAE_SAVE_FILTER_COMPONENT, AbstractLoadFilterComponent, NAE_LOAD_FILTER_COMPONENT, ImpersonationUserListService, NAE_ADMIN_IMPERSONATE_COMPONENT, UserImpersonationConstants, AbstractUserImpersonateComponent, NAE_USER_IMPERSONATE_COMPONENT, AbstractSideMenuContainerComponent, AbstractToolbarComponent, AbstractProfileComponent, ProgressType, AbstractWorkflowViewComponent, WorkflowViewService, AbstractAddChildNodeComponent, AbstractRemoveNodeComponent, AbstractTreeComponent, CaseTreeService, AbstractTreeTaskContentComponent, TreeTaskContentService, SelectedCaseService, NAE_NEW_CASE_CREATION_CONFIGURATION_DATA, NAE_NEW_CASE_CONFIGURATION, AbstractFilterFieldTabViewComponent, NAE_NET_VERSION_VISIBLE, NAE_NET_ALL_VERSIONS, FilteredArray, getImmediateData, TaskEvent, AbstractSingleTaskViewComponent, NAE_TASK_VIEW_COMPONENT, reloadTaskAction, NAE_USER_ASSIGN_DIALOG_COMPONENT, NAE_IMPORT_NET_DIALOG_COMPONENT, NAE_MULTI_USER_ASSIGN_DIALOG_COMPONENT, NAE_ADMIN_IMPERSONATE_DIALOG_COMPONENT, NAE_USER_IMPERSONATE_DIALOG_COMPONENT, NAE_NEW_CASE_DIALOG_COMPONENT, NAE_SAVE_FILTER_DIALOG_COMPONENT, NAE_LOAD_FILTER_DIALOG_COMPONENT } from '@netgrif/components-core';
 import * as i2 from '@angular/material/toolbar';
 import * as i2$1 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -2026,10 +2026,10 @@ class FileDefaultFieldComponent extends AbstractFileDefaultFieldComponent {
     }
 }
 FileDefaultFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FileDefaultFieldComponent, deps: [{ token: i1.TaskResourceService }, { token: i1.LoggerService }, { token: i1.SnackBarService }, { token: i1$2.TranslateService }, { token: i1.EventService }, { token: i3$3.DomSanitizer }, { token: i1$3.MatDialog }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-FileDefaultFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FileDefaultFieldComponent, selector: "nc-file-default-field", usesInheritance: true, ngImport: i0, template: "<div fxLayoutAlign=\"center center\" fxLayout=\"row\">\n    <div fxFlex=\"{{!isFilePreview ? '100' : '75'}}\" class=\"netgrif-file-padding\">\n        <div #fileLabel class=\"file-field-label\" [ngClass]=\"{'netgrif-label-disabled': formControlRef.disabled}\">\n            {{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n        </div>\n        <div class=\"form-input button-icon-input full-width\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n             [ngClass]=\"{'form-input-disabled': formControlRef.disabled, 'form-input-error': dataField.isInvalid(formControlRef)}\"\n             [ngStyle]=\"{\n                    '-webkit-clip-path': getCutProperty(fileLabel),\n                    'clip-path': getCutProperty(fileLabel)\n            }\">\n            <button mat-icon-button matPrefix\n                    [disabled]=\"formControlRef.disabled\"\n                    color=\"primary\"\n                    (click)=\"chooseFile()\"\n                    [matTooltip]=\"'dataField.file.clickToUpload' | translate\"\n                    [class.do-not-click]=\"state.uploading\">\n                <mat-icon>file_upload</mat-icon>\n            </button>\n            <span (click)=\"isEmpty() ? chooseFile() : download()\" fxFlex\n                  [matTooltip]=\"isEmpty() ? '' : ('dataField.file.clickToDownload' | translate : {fileName: constructDisplayName()})\"\n                  class=\"input-name-ellipsis\"\n                  [ngClass]=\"{'input-placeholder': isEmpty(), 'no-cursor': isEmpty() && formControlRef.disabled}\">{{constructDisplayName()}}</span>\n            <button (click)=\"showPreviewDialog()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                    *ngIf=\"isFilePreviewButton && !isEmpty() && isDisplayable\">\n                <mat-icon color=\"primary\">search</mat-icon>\n            </button>\n            <button (click)=\"deleteFile()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                    *ngIf=\"!isEmpty() && !formControlRef.disabled\">\n                <mat-icon color=\"warn\">close</mat-icon>\n            </button>\n        </div>\n        <mat-progress-bar *ngIf=\"state.uploading || state.downloading\" color=\"primary\" [value]=\"state.progress\"\n                          [mode]=\"state.uploading ? 'determinate' : 'indeterminate'\"\n                          class=\"margin-bottom-default\"></mat-progress-bar>\n        <input type=\"file\" #fileUploadInput name=\"fileUpload\" [multiple]=\"false\"\n               accept=\"{{dataField.allowTypes}}\" class=\"invisible-input\">\n        <input type=\"text\" [formControl]=\"formControlRef\" class=\"invisible-input\">\n        <mat-hint class=\"file-hint-error\" [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\"\n                  *ngIf=\"!dataField.isInvalid(formControlRef) && hasHint()\">{{dataField.description}}</mat-hint>\n        <mat-error class=\"file-hint-error\"\n                   *ngIf=\"dataField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n    <div *ngIf=\"isFilePreview\" fxFlex=\"5\"></div>\n    <div *ngIf=\"isFilePreview\" fxFlex=\"20\" fxLayout=\"row\" fxLayoutAlign=\"center center\" #imageDiv\n         (resized)=\"changeMaxWidth($event)\">\n        <img *ngIf=\"previewSource !== undefined && !state.downloading && isDisplayable\" class=\"image-preview\" #imageEl\n             [ngStyle]=\"!isBorderLGBTQ() && !isBorderDefault() && {\n                    'border-width': getPreviewBorderWidth(),\n                    'border-style': getPreviewBorderStyle(),\n                    'border-color': getPreviewBorderColor()\n                 }\"\n             [ngClass]=\"{'border-LGBTQ': isBorderLGBTQ(), 'border-default': isBorderDefault()}\"\n             [src]=\"previewSource\" alt=\"Image preview\" (click)=\"showPreviewDialog()\"/>\n        <mat-spinner *ngIf=\"previewSource === undefined && !!state.downloading && isDisplayable\"\n                     [diameter]=\"26\"></mat-spinner>\n    </div>\n</div>\n", styles: [".invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.do-not-click:hover{cursor:not-allowed}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:#64748b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.form-input{background:#FFFFFF;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;padding:8px 15px;box-sizing:border-box;height:44px}.form-input:hover{border-width:2px;padding-left:1px!important;padding-right:1px!important}.form-input-disabled,.form-input-disabled:focus-within{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover,.form-input-disabled:focus-within{border-width:1px!important;padding:2px!important}.file-hint-error{font-size:75%;padding:0 1em;width:unset;position:absolute;margin-top:.5em;top:calc(100% - 2em)}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important;color:#64748b}.border-LGBTQ{border:5px solid transparent;border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1;animation:rainbow 10s infinite}@keyframes rainbow{0%{border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1}20%{border-image:linear-gradient(to bottom right,#2C90FC 0%,#B8FD33 25%,#FEC837 50%,#FD1892 75%,#B827FC 100%);border-image-slice:1}40%{border-image:linear-gradient(to bottom right,#B8FD33 0%,#FEC837 25%,#FD1892 50%,#B827FC 75%,#2C90FC 100%);border-image-slice:1}60%{border-image:linear-gradient(to bottom right,#FEC837 0%,#FD1892 25%,#B827FC 50%,#2C90FC 75%,#B8FD33 100%);border-image-slice:1}80%{border-image:linear-gradient(to bottom right,#FD1892 0%,#B827FC 25%,#2C90FC 50%,#B8FD33 75%,#FEC837 100%);border-image-slice:1}to{border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1}}.border-default{border-width:1px;border-style:solid;border-color:#000}@media only screen and (max-width: 959.99px){.input-name-ellipsis{word-break:break-word;white-space:normal;overflow-y:auto;max-height:40px}}.file-field-label{transform:translate(.4em,-.45em) scale(.75);transform-origin:left;color:#64748b;background:transparent;width:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-file-padding{padding-bottom:13px;position:relative}\n"], components: [{ type: RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i10.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i6$1.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: i6$1.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: i6$1.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: i4$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6$2.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: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i6$2.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: i2$1.MatPrefix, selector: "[matPrefix]" }, { type: i10$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i16.ResizedDirective, selector: "[resized]", outputs: ["resized"] }], pipes: { "translate": i1$2.TranslatePipe } });
+FileDefaultFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FileDefaultFieldComponent, selector: "nc-file-default-field", usesInheritance: true, ngImport: i0, template: "<div fxLayoutAlign=\"center center\" fxLayout=\"row\">\n    <div fxFlex=\"{{!isFilePreview ? '100' : '75'}}\" class=\"netgrif-file-padding\">\n        <div #fileLabel class=\"file-field-label\" [ngClass]=\"{'netgrif-label-disabled': formControlRef.disabled}\">\n            {{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n        </div>\n        <div class=\"form-input button-icon-input full-width\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n             [ngClass]=\"{'form-input-disabled': formControlRef.disabled, 'form-input-error': dataField.isInvalid(formControlRef)}\"\n             [ngStyle]=\"{\n                    '-webkit-clip-path': getCutProperty(fileLabel),\n                    'clip-path': getCutProperty(fileLabel)\n            }\">\n            <button mat-icon-button matPrefix\n                    [disabled]=\"formControlRef.disabled\"\n                    color=\"primary\"\n                    (click)=\"chooseFile()\"\n                    [matTooltip]=\"'dataField.file.clickToUpload' | translate\"\n                    [class.do-not-click]=\"state.uploading\">\n                <mat-icon>file_upload</mat-icon>\n            </button>\n            <span (click)=\"isEmpty() ? chooseFile() : download()\" fxFlex\n                  [matTooltip]=\"isEmpty() ? '' : ('dataField.file.clickToDownload' | translate : {fileName: constructDisplayName()})\"\n                  class=\"input-name-ellipsis\"\n                  [ngClass]=\"{'input-placeholder': isEmpty(), 'no-cursor': isEmpty() && formControlRef.disabled}\">{{constructDisplayName()}}</span>\n            <button (click)=\"showPreviewDialog()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                    *ngIf=\"isFilePreviewButton && !isEmpty() && isDisplayable\">\n                <mat-icon color=\"primary\">search</mat-icon>\n            </button>\n            <button (click)=\"deleteFile()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                    *ngIf=\"!isEmpty() && !formControlRef.disabled\">\n                <mat-icon color=\"warn\">close</mat-icon>\n            </button>\n        </div>\n        <mat-progress-bar *ngIf=\"state.uploading || state.downloading\" color=\"primary\" [value]=\"state.progress\"\n                          [mode]=\"state.uploading ? 'determinate' : 'indeterminate'\"\n                          class=\"margin-bottom-default\"></mat-progress-bar>\n        <input type=\"file\" #fileUploadInput name=\"fileUpload\" [multiple]=\"false\"\n               accept=\"{{dataField.allowTypes}}\" class=\"invisible-input\">\n        <input type=\"text\" [formControl]=\"formControlRef\" class=\"invisible-input\">\n        <mat-hint class=\"file-hint-error\" [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\"\n                  *ngIf=\"!dataField.isInvalid(formControlRef) && hasHint()\">{{dataField.description}}</mat-hint>\n        <mat-error class=\"file-hint-error\"\n                   *ngIf=\"dataField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n    <div *ngIf=\"isFilePreview\" fxFlex=\"5\"></div>\n    <div *ngIf=\"isFilePreview\" fxFlex=\"20\" fxLayout=\"row\" fxLayoutAlign=\"center center\" #imageDiv\n         (resized)=\"changeMaxWidth($event)\">\n        <img *ngIf=\"previewSource !== undefined && !state.downloading && isDisplayable\" class=\"image-preview\" #imageEl\n             [ngStyle]=\"!isBorderLGBTQ() && !isBorderDefault() && {\n                    'border-width': getPreviewBorderWidth(),\n                    'border-style': getPreviewBorderStyle(),\n                    'border-color': getPreviewBorderColor()\n                 }\"\n             [ngClass]=\"{'border-LGBTQ': isBorderLGBTQ(), 'border-default': isBorderDefault()}\"\n             [src]=\"previewSource\" alt=\"Image preview\" (click)=\"showPreviewDialog()\" loading=\"lazy\"/>\n        <mat-spinner *ngIf=\"previewSource === undefined && !!state.downloading && isDisplayable\"\n                     [diameter]=\"26\"></mat-spinner>\n    </div>\n</div>\n", styles: [".invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.do-not-click:hover{cursor:not-allowed}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:#64748b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.form-input{background:#FFFFFF;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;padding:8px 15px;box-sizing:border-box;height:44px}.form-input:hover{border-width:2px;padding-left:1px!important;padding-right:1px!important}.form-input-disabled,.form-input-disabled:focus-within{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover,.form-input-disabled:focus-within{border-width:1px!important;padding:2px!important}.file-hint-error{font-size:75%;padding:0 1em;width:unset;position:absolute;margin-top:.5em;top:calc(100% - 2em)}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important;color:#64748b}.border-LGBTQ{border:5px solid transparent;border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1;animation:rainbow 10s infinite}@keyframes rainbow{0%{border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1}20%{border-image:linear-gradient(to bottom right,#2C90FC 0%,#B8FD33 25%,#FEC837 50%,#FD1892 75%,#B827FC 100%);border-image-slice:1}40%{border-image:linear-gradient(to bottom right,#B8FD33 0%,#FEC837 25%,#FD1892 50%,#B827FC 75%,#2C90FC 100%);border-image-slice:1}60%{border-image:linear-gradient(to bottom right,#FEC837 0%,#FD1892 25%,#B827FC 50%,#2C90FC 75%,#B8FD33 100%);border-image-slice:1}80%{border-image:linear-gradient(to bottom right,#FD1892 0%,#B827FC 25%,#2C90FC 50%,#B8FD33 75%,#FEC837 100%);border-image-slice:1}to{border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1}}.border-default{border-width:1px;border-style:solid;border-color:#000}@media only screen and (max-width: 959.99px){.input-name-ellipsis{word-break:break-word;white-space:normal;overflow-y:auto;max-height:40px}}.file-field-label{transform:translate(.4em,-.45em) scale(.75);transform-origin:left;color:#64748b;background:transparent;width:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-file-padding{padding-bottom:13px;position:relative}\n"], components: [{ type: RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i10.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i6$1.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: i6$1.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: i6$1.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: i4$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6$2.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: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i6$2.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: i2$1.MatPrefix, selector: "[matPrefix]" }, { type: i10$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i16.ResizedDirective, selector: "[resized]", outputs: ["resized"] }], pipes: { "translate": i1$2.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FileDefaultFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-file-default-field', template: "<div fxLayoutAlign=\"center center\" fxLayout=\"row\">\n    <div fxFlex=\"{{!isFilePreview ? '100' : '75'}}\" class=\"netgrif-file-padding\">\n        <div #fileLabel class=\"file-field-label\" [ngClass]=\"{'netgrif-label-disabled': formControlRef.disabled}\">\n            {{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n        </div>\n        <div class=\"form-input button-icon-input full-width\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n             [ngClass]=\"{'form-input-disabled': formControlRef.disabled, 'form-input-error': dataField.isInvalid(formControlRef)}\"\n             [ngStyle]=\"{\n                    '-webkit-clip-path': getCutProperty(fileLabel),\n                    'clip-path': getCutProperty(fileLabel)\n            }\">\n            <button mat-icon-button matPrefix\n                    [disabled]=\"formControlRef.disabled\"\n                    color=\"primary\"\n                    (click)=\"chooseFile()\"\n                    [matTooltip]=\"'dataField.file.clickToUpload' | translate\"\n                    [class.do-not-click]=\"state.uploading\">\n                <mat-icon>file_upload</mat-icon>\n            </button>\n            <span (click)=\"isEmpty() ? chooseFile() : download()\" fxFlex\n                  [matTooltip]=\"isEmpty() ? '' : ('dataField.file.clickToDownload' | translate : {fileName: constructDisplayName()})\"\n                  class=\"input-name-ellipsis\"\n                  [ngClass]=\"{'input-placeholder': isEmpty(), 'no-cursor': isEmpty() && formControlRef.disabled}\">{{constructDisplayName()}}</span>\n            <button (click)=\"showPreviewDialog()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                    *ngIf=\"isFilePreviewButton && !isEmpty() && isDisplayable\">\n                <mat-icon color=\"primary\">search</mat-icon>\n            </button>\n            <button (click)=\"deleteFile()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                    *ngIf=\"!isEmpty() && !formControlRef.disabled\">\n                <mat-icon color=\"warn\">close</mat-icon>\n            </button>\n        </div>\n        <mat-progress-bar *ngIf=\"state.uploading || state.downloading\" color=\"primary\" [value]=\"state.progress\"\n                          [mode]=\"state.uploading ? 'determinate' : 'indeterminate'\"\n                          class=\"margin-bottom-default\"></mat-progress-bar>\n        <input type=\"file\" #fileUploadInput name=\"fileUpload\" [multiple]=\"false\"\n               accept=\"{{dataField.allowTypes}}\" class=\"invisible-input\">\n        <input type=\"text\" [formControl]=\"formControlRef\" class=\"invisible-input\">\n        <mat-hint class=\"file-hint-error\" [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\"\n                  *ngIf=\"!dataField.isInvalid(formControlRef) && hasHint()\">{{dataField.description}}</mat-hint>\n        <mat-error class=\"file-hint-error\"\n                   *ngIf=\"dataField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n    <div *ngIf=\"isFilePreview\" fxFlex=\"5\"></div>\n    <div *ngIf=\"isFilePreview\" fxFlex=\"20\" fxLayout=\"row\" fxLayoutAlign=\"center center\" #imageDiv\n         (resized)=\"changeMaxWidth($event)\">\n        <img *ngIf=\"previewSource !== undefined && !state.downloading && isDisplayable\" class=\"image-preview\" #imageEl\n             [ngStyle]=\"!isBorderLGBTQ() && !isBorderDefault() && {\n                    'border-width': getPreviewBorderWidth(),\n                    'border-style': getPreviewBorderStyle(),\n                    'border-color': getPreviewBorderColor()\n                 }\"\n             [ngClass]=\"{'border-LGBTQ': isBorderLGBTQ(), 'border-default': isBorderDefault()}\"\n             [src]=\"previewSource\" alt=\"Image preview\" (click)=\"showPreviewDialog()\"/>\n        <mat-spinner *ngIf=\"previewSource === undefined && !!state.downloading && isDisplayable\"\n                     [diameter]=\"26\"></mat-spinner>\n    </div>\n</div>\n", styles: [".invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.do-not-click:hover{cursor:not-allowed}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:#64748b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.form-input{background:#FFFFFF;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;padding:8px 15px;box-sizing:border-box;height:44px}.form-input:hover{border-width:2px;padding-left:1px!important;padding-right:1px!important}.form-input-disabled,.form-input-disabled:focus-within{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover,.form-input-disabled:focus-within{border-width:1px!important;padding:2px!important}.file-hint-error{font-size:75%;padding:0 1em;width:unset;position:absolute;margin-top:.5em;top:calc(100% - 2em)}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important;color:#64748b}.border-LGBTQ{border:5px solid transparent;border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1;animation:rainbow 10s infinite}@keyframes rainbow{0%{border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1}20%{border-image:linear-gradient(to bottom right,#2C90FC 0%,#B8FD33 25%,#FEC837 50%,#FD1892 75%,#B827FC 100%);border-image-slice:1}40%{border-image:linear-gradient(to bottom right,#B8FD33 0%,#FEC837 25%,#FD1892 50%,#B827FC 75%,#2C90FC 100%);border-image-slice:1}60%{border-image:linear-gradient(to bottom right,#FEC837 0%,#FD1892 25%,#B827FC 50%,#2C90FC 75%,#B8FD33 100%);border-image-slice:1}80%{border-image:linear-gradient(to bottom right,#FD1892 0%,#B827FC 25%,#2C90FC 50%,#B8FD33 75%,#FEC837 100%);border-image-slice:1}to{border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1}}.border-default{border-width:1px;border-style:solid;border-color:#000}@media only screen and (max-width: 959.99px){.input-name-ellipsis{word-break:break-word;white-space:normal;overflow-y:auto;max-height:40px}}.file-field-label{transform:translate(.4em,-.45em) scale(.75);transform-origin:left;color:#64748b;background:transparent;width:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-file-padding{padding-bottom:13px;position:relative}\n"] }]
+            args: [{ selector: 'nc-file-default-field', template: "<div fxLayoutAlign=\"center center\" fxLayout=\"row\">\n    <div fxFlex=\"{{!isFilePreview ? '100' : '75'}}\" class=\"netgrif-file-padding\">\n        <div #fileLabel class=\"file-field-label\" [ngClass]=\"{'netgrif-label-disabled': formControlRef.disabled}\">\n            {{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n        </div>\n        <div class=\"form-input button-icon-input full-width\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n             [ngClass]=\"{'form-input-disabled': formControlRef.disabled, 'form-input-error': dataField.isInvalid(formControlRef)}\"\n             [ngStyle]=\"{\n                    '-webkit-clip-path': getCutProperty(fileLabel),\n                    'clip-path': getCutProperty(fileLabel)\n            }\">\n            <button mat-icon-button matPrefix\n                    [disabled]=\"formControlRef.disabled\"\n                    color=\"primary\"\n                    (click)=\"chooseFile()\"\n                    [matTooltip]=\"'dataField.file.clickToUpload' | translate\"\n                    [class.do-not-click]=\"state.uploading\">\n                <mat-icon>file_upload</mat-icon>\n            </button>\n            <span (click)=\"isEmpty() ? chooseFile() : download()\" fxFlex\n                  [matTooltip]=\"isEmpty() ? '' : ('dataField.file.clickToDownload' | translate : {fileName: constructDisplayName()})\"\n                  class=\"input-name-ellipsis\"\n                  [ngClass]=\"{'input-placeholder': isEmpty(), 'no-cursor': isEmpty() && formControlRef.disabled}\">{{constructDisplayName()}}</span>\n            <button (click)=\"showPreviewDialog()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                    *ngIf=\"isFilePreviewButton && !isEmpty() && isDisplayable\">\n                <mat-icon color=\"primary\">search</mat-icon>\n            </button>\n            <button (click)=\"deleteFile()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                    *ngIf=\"!isEmpty() && !formControlRef.disabled\">\n                <mat-icon color=\"warn\">close</mat-icon>\n            </button>\n        </div>\n        <mat-progress-bar *ngIf=\"state.uploading || state.downloading\" color=\"primary\" [value]=\"state.progress\"\n                          [mode]=\"state.uploading ? 'determinate' : 'indeterminate'\"\n                          class=\"margin-bottom-default\"></mat-progress-bar>\n        <input type=\"file\" #fileUploadInput name=\"fileUpload\" [multiple]=\"false\"\n               accept=\"{{dataField.allowTypes}}\" class=\"invisible-input\">\n        <input type=\"text\" [formControl]=\"formControlRef\" class=\"invisible-input\">\n        <mat-hint class=\"file-hint-error\" [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\"\n                  *ngIf=\"!dataField.isInvalid(formControlRef) && hasHint()\">{{dataField.description}}</mat-hint>\n        <mat-error class=\"file-hint-error\"\n                   *ngIf=\"dataField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n    <div *ngIf=\"isFilePreview\" fxFlex=\"5\"></div>\n    <div *ngIf=\"isFilePreview\" fxFlex=\"20\" fxLayout=\"row\" fxLayoutAlign=\"center center\" #imageDiv\n         (resized)=\"changeMaxWidth($event)\">\n        <img *ngIf=\"previewSource !== undefined && !state.downloading && isDisplayable\" class=\"image-preview\" #imageEl\n             [ngStyle]=\"!isBorderLGBTQ() && !isBorderDefault() && {\n                    'border-width': getPreviewBorderWidth(),\n                    'border-style': getPreviewBorderStyle(),\n                    'border-color': getPreviewBorderColor()\n                 }\"\n             [ngClass]=\"{'border-LGBTQ': isBorderLGBTQ(), 'border-default': isBorderDefault()}\"\n             [src]=\"previewSource\" alt=\"Image preview\" (click)=\"showPreviewDialog()\" loading=\"lazy\"/>\n        <mat-spinner *ngIf=\"previewSource === undefined && !!state.downloading && isDisplayable\"\n                     [diameter]=\"26\"></mat-spinner>\n    </div>\n</div>\n", styles: [".invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.do-not-click:hover{cursor:not-allowed}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:#64748b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.form-input{background:#FFFFFF;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;padding:8px 15px;box-sizing:border-box;height:44px}.form-input:hover{border-width:2px;padding-left:1px!important;padding-right:1px!important}.form-input-disabled,.form-input-disabled:focus-within{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover,.form-input-disabled:focus-within{border-width:1px!important;padding:2px!important}.file-hint-error{font-size:75%;padding:0 1em;width:unset;position:absolute;margin-top:.5em;top:calc(100% - 2em)}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important;color:#64748b}.border-LGBTQ{border:5px solid transparent;border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1;animation:rainbow 10s infinite}@keyframes rainbow{0%{border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1}20%{border-image:linear-gradient(to bottom right,#2C90FC 0%,#B8FD33 25%,#FEC837 50%,#FD1892 75%,#B827FC 100%);border-image-slice:1}40%{border-image:linear-gradient(to bottom right,#B8FD33 0%,#FEC837 25%,#FD1892 50%,#B827FC 75%,#2C90FC 100%);border-image-slice:1}60%{border-image:linear-gradient(to bottom right,#FEC837 0%,#FD1892 25%,#B827FC 50%,#2C90FC 75%,#B8FD33 100%);border-image-slice:1}80%{border-image:linear-gradient(to bottom right,#FD1892 0%,#B827FC 25%,#2C90FC 50%,#B8FD33 75%,#FEC837 100%);border-image-slice:1}to{border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1}}.border-default{border-width:1px;border-style:solid;border-color:#000}@media only screen and (max-width: 959.99px){.input-name-ellipsis{word-break:break-word;white-space:normal;overflow-y:auto;max-height:40px}}.file-field-label{transform:translate(.4em,-.45em) scale(.75);transform-origin:left;color:#64748b;background:transparent;width:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-file-padding{padding-bottom:13px;position:relative}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TaskResourceService }, { type: i1.LoggerService }, { type: i1.SnackBarService }, { type: i1$2.TranslateService }, { type: i1.EventService }, { type: i3$3.DomSanitizer }, { type: i1$3.MatDialog }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -2238,6 +2238,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 class TaskRefDashboardFieldComponent extends AbstractTaskRefDashboardFieldComponent {
     constructor(logger, dataFieldPortalData) {
         super(logger, dataFieldPortalData);
+        if (!!dataFieldPortalData && dataFieldPortalData?.additionalFieldProperties?.taskContentComponentClassReference) {
+            this.taskContentComponentClassReference = dataFieldPortalData.additionalFieldProperties.taskContentComponentClassReference;
+        }
     }
     getGridColumns() {
         return `repeat(${this.dataField.dashboardCols}, 1fr)`;
@@ -2336,46 +2339,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return []; } });
 
 class HeaderComponent extends AbstractHeaderComponent {
-    constructor(injector, translate, overflowService, _dataFieldPortalData) {
-        super(injector, translate, overflowService);
+    constructor(injector, translate, overflowService, _caseViewService, _dataFieldPortalData) {
+        super(injector, translate, overflowService, _caseViewService, _dataFieldPortalData);
+        this._caseViewService = _caseViewService;
         this._dataFieldPortalData = _dataFieldPortalData;
-        this._changeValue = true;
-    }
-    indeterminate() {
-        return this._dataFieldPortalData?.dataField?.value?.length > 0 &&
-            this._dataFieldPortalData?.dataField?.value?.length < this._dataFieldPortalData?.dataField?.choices?.length;
-    }
-    typeApproval() {
-        return this._dataFieldPortalData?.dataField instanceof MultichoiceField ? 'multichoice' : 'enumeration';
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        if (this._dataFieldPortalData !== null && this._dataFieldPortalData.dataField instanceof MultichoiceField) {
-            this.approvalFormControl.setValue(this._dataFieldPortalData?.dataField.value.length === this._dataFieldPortalData?.dataField.choices.length);
-            this.approvalFormControl.valueChanges.subscribe(value => {
-                if (this._changeValue) {
-                    if (value) {
-                        this._dataFieldPortalData.dataField.value = this._dataFieldPortalData?.dataField.choices.map(val => val.key);
-                    }
-                    else {
-                        this._dataFieldPortalData.dataField.value = [];
-                    }
-                }
-                this._changeValue = true;
-            });
-            this._dataFieldPortalData.dataField.valueChanges().subscribe(() => {
-                this._changeValue = false;
-                this.approvalFormControl.setValue(this._dataFieldPortalData?.dataField.value.length === this._dataFieldPortalData?.dataField.choices.length);
-            });
-        }
-        if (this._dataFieldPortalData !== null && this._dataFieldPortalData.dataField instanceof EnumerationField) {
-            this.approvalFormControl.valueChanges.subscribe(value => {
-                this._dataFieldPortalData.dataField.value = null;
-            });
-        }
     }
 }
-HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HeaderComponent, deps: [{ token: i0.Injector }, { token: i1$2.TranslateService }, { token: i1.OverflowService, optional: true }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HeaderComponent, deps: [{ token: i0.Injector }, { token: i1$2.TranslateService }, { token: i1.OverflowService, optional: true }, { token: i1.CaseViewService, optional: true }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: HeaderComponent, selector: "nc-header", providers: [
         CaseHeaderService,
         TaskHeaderService,
@@ -2394,6 +2364,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     ], template: "<mat-card [ngClass]=\"{'padding-custom': headerService.headerState.mode === headerModeEnum.SORT}\" class=\"header-color header-card\">\n    <div fxLayout=\"row\">\n        <div fxLayout=\"row\" fxFlex=\"95\" class=\"header-content-container flex-95\" fxLayoutAlign=\"start center\"\n             [ngSwitch]=\"headerService.headerState.mode\" *ngIf=\"!headerService.loading.isActive\">\n            <div *ngSwitchCase=\"headerModeEnum.SORT\" fxFlex=\"100\" fxLayout=\"row\">\n                <nc-sort-mode fxFlex=\"100\" [headerService]=\"headerService\"\n                              [overflowWidth]=\"getMinWidth()\"\n                              [approvalFormControl]=\"approvalFormControl\"\n                              [indeterminate]=\"indeterminate()\"\n                              [approval]=\"approval\"\n                              [typeApproval]=\"typeApproval()\"\n                ></nc-sort-mode>\n            </div>\n            <div *ngSwitchCase=\"headerModeEnum.SEARCH\" fxFlex=\"100\" fxLayout=\"row\">\n                <nc-search-mode fxFlex=\"100\" [headerService]=\"headerService\"\n                                [overflowWidth]=\"getMinWidth()\"\n                                [approvalFormControl]=\"approvalFormControl\"\n                                [indeterminate]=\"indeterminate()\"\n                                [approval]=\"approval\"\n                                [typeApproval]=\"typeApproval()\"\n                ></nc-search-mode>\n            </div>\n            <div *ngSwitchCase=\"headerModeEnum.EDIT\" fxFlex=\"100\" fxLayout=\"row\">\n                <nc-edit-mode fxFlex=\"100\" [headerService]=\"headerService\"\n                              [overflowWidth]=\"getMinWidth()\"\n                              [approvalFormControl]=\"approvalFormControl\"\n                              [indeterminate]=\"indeterminate()\"\n                              [approval]=\"approval\"\n                              [typeApproval]=\"typeApproval()\"\n                ></nc-edit-mode>\n            </div>\n        </div>\n        <div fxLayout=\"row\" fxFlex=\"95\" class=\"header-content-container\" fxLayoutAlign=\"start center\"\n             *ngIf=\"headerService.loading.isActive\">\n            <div fxFlex=\"100\" fxLayout=\"row\">\n                <nc-loading-mode fxFlex=\"100\" [headerService]=\"headerService\"\n                                 [overflowWidth]=\"getMinWidth()\"></nc-loading-mode>\n            </div>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxFlex=\"5\" class=\"flex-5\">\n            <div *ngIf=\"!hideHeaderMenu\">\n                <button mat-icon-button [matMenuTriggerFor]=\"headerMenu\">\n                    <mat-icon>more_vert</mat-icon>\n                </button>\n                <mat-menu  #headerMenu=\"matMenu\" class=\"mat-menu-border-radius mat-menu-padding\">\n                    <div *ngIf=\"headerService.headerState.mode !== headerModeEnum.EDIT && showSortButton\">\n                        <button mat-menu-item\n                                [ngClass]=\"{'active-header-item': headerService.headerState.mode === headerModeEnum.SORT}\"\n                                (click)=\"headerService.changeMode(headerModeEnum.SORT, false)\">\n                            <mat-icon>sort</mat-icon>\n                            {{ 'headers.orderMode' | translate}}\n                        </button>\n                        <button *ngIf=\"type === headerTypeEnum.CASE && showSearchButton\" mat-menu-item\n                                [ngClass]=\"{'active-header-item': headerService.headerState.mode === headerModeEnum.SEARCH}\"\n                                (click)=\"headerService.changeMode(headerModeEnum.SEARCH, false)\">\n                            <mat-icon>search</mat-icon>\n                            {{ 'headers.searchMode' | translate}}\n                        </button>\n                        <button *ngIf=\"showEditButton\" mat-menu-item\n                                (click)=\"headerService.changeMode(headerModeEnum.EDIT)\">\n                            <mat-icon>edit</mat-icon>\n                            {{ 'headers.editMode' | translate}}\n                        </button>\n                    </div>\n                    <div *ngIf=\"headerService.headerState.mode === headerModeEnum.EDIT\">\n                        <button mat-menu-item (click)=\"confirmEditMode()\">\n                            <mat-icon color=\"primary\">done</mat-icon>\n                            {{ 'dialog.submit' | translate}}\n                        </button>\n                        <button mat-menu-item (click)=\"headerService.revertEditMode()\">\n                            <mat-icon color=\"warn\">close</mat-icon>\n                            {{ 'tasks.view.cancel' | translate}}\n                        </button>\n                        <div class=\"mat-menu-item-look\" *ngIf=\"canOverflow && showTableSection\">\n                            <mat-slide-toggle\n                                [formControl]=\"overflowControl\">{{ 'headers.overflowMode' | translate}}</mat-slide-toggle>\n                        </div>\n                        <div class=\"mat-menu-item-look mat-menu-item-height\" (click)=\"clickStop($event)\"\n                             *ngIf=\"canOverflow && showTableSection && overflowControl.value\">\n                            <mat-form-field appearance=\"outline\">\n                                <mat-label>{{ 'headers.columnWidth' | translate}}</mat-label>\n                                <input matInput type=\"number\" [formControl]=\"columnWidthControl\">\n                                <mat-error *ngIf=\"!columnWidthControl.valid\">{{getErrorMessageWidth()}}</mat-error>\n                            </mat-form-field>\n                        </div>\n                        <div class=\"mat-menu-item-look mat-menu-item-height\" (click)=\"clickStop($event)\"\n                             *ngIf=\"canOverflow && showTableSection && overflowControl.value\">\n                            <mat-form-field appearance=\"outline\">\n                                <mat-label>{{ 'headers.columnCount' | translate}}</mat-label>\n                                <input matInput type=\"number\" [formControl]=\"columnCountControl\">\n                                <mat-error *ngIf=\"!columnCountControl.valid\">{{getErrorMessageCount()}}</mat-error>\n                            </mat-form-field>\n                        </div>\n                    </div>\n                </mat-menu>\n            </div>\n        </div>\n    </div>\n</mat-card>\n", styles: [".header-content-container{height:40px}.header-card{border-radius:8px 8px 0 0;padding:10px 16px}.padding-custom{padding:4px 16px}.flex-95{flex:1 1 95%}.flex-5{flex:1 1 5%}.mat-menu-item-look{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:48px;height:48px;padding:0 16px;text-align:left;text-decoration:none;max-width:100%;position:relative;font-size:14px}.mat-menu-item-height{min-height:64px;height:auto}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1$2.TranslateService }, { type: i1.OverflowService, decorators: [{
                     type: Optional
+                }] }, { type: i1.CaseViewService, decorators: [{
+                    type: Optional
                 }] }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -3117,17 +3089,30 @@ const localAllowedNetsFactory$5 = (factory) => {
     return factory.createWithAllNets();
 };
 class DefaultCaseRefListViewComponent extends AbstractCaseViewComponent {
-    constructor(caseViewService, overflowService, _injectedTabData, _dataFieldPortalData, _caseRefCreateCase = false, _caseRefSearch = false) {
+    constructor(caseViewService, searchService, overflowService, _baseFilter, _injectedTabData, _dataFieldPortalData, _caseRefCreateCase = false, _caseRefSearch = false) {
         super(caseViewService, overflowService, undefined, {
             enableCaseTitle: true,
             isCaseTitleRequired: true
         });
+        this.searchService = searchService;
+        this._baseFilter = _baseFilter;
         this._injectedTabData = _injectedTabData;
         this._dataFieldPortalData = _dataFieldPortalData;
         this._caseRefCreateCase = _caseRefCreateCase;
         this._caseRefSearch = _caseRefSearch;
         this.search = !!_caseRefSearch;
         this.createCase = !!_caseRefCreateCase;
+        if (!this._baseFilter || !this._baseFilter.filter) {
+            return;
+        }
+        if (this._baseFilter.filter instanceof Filter) {
+            this.initFilter = this._baseFilter.filter;
+        }
+        else {
+            this._baseFilter.filter.subscribe(observableFilter => {
+                this.initFilter = observableFilter;
+            });
+        }
     }
     ngAfterViewInit() {
         this.initializeHeader(this.caseHeaderComponent);
@@ -3172,8 +3157,11 @@ class DefaultCaseRefListViewComponent extends AbstractCaseViewComponent {
     createdCase(caze) {
         this.handleCaseClick(caze);
     }
+    loadFilter(filterData) {
+        this.searchService.updateWithFullFilter(this.initFilter.merge(filterData.filter, MergeOperator.AND));
+    }
 }
-DefaultCaseRefListViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultCaseRefListViewComponent, deps: [{ token: i1.CaseViewService }, { token: i1.OverflowService, optional: true }, { token: NAE_TAB_DATA, optional: true }, { token: DATA_FIELD_PORTAL_DATA, optional: true }, { token: NAE_CASE_REF_CREATE_CASE, optional: true }, { token: NAE_CASE_REF_SEARCH, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+DefaultCaseRefListViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultCaseRefListViewComponent, deps: [{ token: i1.CaseViewService }, { token: i1.SearchService }, { token: i1.OverflowService, optional: true }, { token: NAE_BASE_FILTER, optional: true }, { token: NAE_TAB_DATA, optional: true }, { token: DATA_FIELD_PORTAL_DATA, optional: true }, { token: NAE_CASE_REF_CREATE_CASE, optional: true }, { token: NAE_CASE_REF_SEARCH, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 DefaultCaseRefListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DefaultCaseRefListViewComponent, selector: "nc-default-case-view", providers: [
         CategoryFactory,
         CaseViewService,
@@ -3187,7 +3175,7 @@ DefaultCaseRefListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
         { provide: NAE_VIEW_ID_SEGMENT, useValue: 'case' },
         ViewIdService,
         { provide: NAE_SEARCH_CATEGORIES, useFactory: defaultCaseSearchCategoriesFactory, deps: [CategoryFactory] },
-    ], viewQueries: [{ propertyName: "caseHeaderComponent", first: true, predicate: ["header"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"case-view-container\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n\n    <div class=\"case-view-search-container\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between\">\n            <div fxLayoutAlign=\"start center\" fxFlex *ngIf=\"search\">\n                <nc-search class=\"search-width\" [disabled]=\"disabled()\" [additionalFilterData]=\"additionalFilterData\"></nc-search>\n            </div>\n            <div fxLayoutAlign=\"end center\" *ngIf=\"createCase\">\n                <nc-create-case-button [disabled]=\"disabled()\" [newCaseCreationConfig]=\"newCaseCreationConfig\" (caseCreatedEvent)=\"createdCase($event)\"></nc-create-case-button>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"full-height transform-div custom-scrollbar\" [ngClass]=\"{'overflow-div': getOverflowStatus()}\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n        <div class=\"full-height transform-div max-width-fix\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n            <nc-header #header [type]=\"headerType\" [responsiveHeaders]=\"true\" class=\"case-header-padding\" [ngStyle]=\"{'width': getWidth()}\" [approval]=\"isApproval()\"></nc-header>\n\n            <nc-case-list-paginator [selectedHeaders$]=\"selectedHeaders$\" [showDeleteMenu]=\"false\" [width]=\"getWidth()\" [approval]=\"isApproval()\" [disabled]=\"disabled()\"\n                                    (caseClick)=\"handleCaseClick($event)\" [responsiveBody]=\"true\" fxFlex [textEllipsis]=\"true\"></nc-case-list-paginator>\n        </div>\n    </div>\n</div>\n\n", styles: [".case-view-container{margin:16px 24px;height:calc(100% - 32px);overflow:auto}@media screen and (max-width: 599.99px){.case-view-container{margin:12px}}.case-view-search-container{margin-top:16px;margin-bottom:2px;padding:0;max-height:50%}.case-header-padding{padding-top:16px;padding-left:1px;padding-right:1px}.font-size-20{font-size:20px}.search-width{width:100%}.search-fix{min-height:calc(100% + 2px);max-height:100%;overflow-y:auto}.full-height{height:100%}.overflow-div{overflow-x:scroll}.transform-div{transform:rotateX(180deg);-ms-transform:rotateX(180deg);-webkit-transform:rotateX(180deg)}.custom-scrollbar::-webkit-scrollbar{width:15px;height:15px;cursor:pointer}.max-width-fix{max-width:calc(100% - 8px)!important}.max-height{max-height:100%}\n"], components: [{ type: SearchComponent, selector: "nc-search" }, { type: CreateCaseButtonComponent, selector: "nc-create-case-button", inputs: ["newCaseCreationConfig", "disabled"], outputs: ["caseCreatedEvent"] }, { type: HeaderComponent, selector: "nc-header" }, { type: CaseListPaginatorComponent, selector: "nc-case-list-paginator" }], directives: [{ type: i6$1.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: i6$1.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: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6$1.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: i4$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6$2.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: i4$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i6$2.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"] }] });
+    ], viewQueries: [{ propertyName: "caseHeaderComponent", first: true, predicate: ["header"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"case-view-container\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n\n    <div class=\"case-view-search-container\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between\">\n            <div fxLayoutAlign=\"start center\" fxFlex *ngIf=\"search\">\n                <nc-search class=\"search-width\" [disabled]=\"disabled()\" [additionalFilterData]=\"additionalFilterData\" (filterLoaded)=\"loadFilter($event)\"></nc-search>\n            </div>\n            <div fxLayoutAlign=\"end center\" *ngIf=\"createCase\">\n                <nc-create-case-button [disabled]=\"disabled()\" [newCaseCreationConfig]=\"newCaseCreationConfig\" (caseCreatedEvent)=\"createdCase($event)\"></nc-create-case-button>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"full-height transform-div custom-scrollbar\" [ngClass]=\"{'overflow-div': getOverflowStatus()}\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n        <div class=\"full-height transform-div max-width-fix\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n            <nc-header #header [type]=\"headerType\" [responsiveHeaders]=\"true\" class=\"case-header-padding\" [ngStyle]=\"{'width': getWidth()}\" [approval]=\"isApproval()\"></nc-header>\n\n            <nc-case-list-paginator [selectedHeaders$]=\"selectedHeaders$\" [showDeleteMenu]=\"false\" [width]=\"getWidth()\" [approval]=\"isApproval()\" [disabled]=\"disabled()\"\n                                    (caseClick)=\"handleCaseClick($event)\" [responsiveBody]=\"true\" fxFlex [textEllipsis]=\"true\"></nc-case-list-paginator>\n        </div>\n    </div>\n</div>\n\n", styles: [".case-view-container{margin:16px 24px;height:calc(100% - 32px);overflow:auto}@media screen and (max-width: 599.99px){.case-view-container{margin:12px}}.case-view-search-container{margin-top:16px;margin-bottom:2px;padding:0;max-height:50%}.case-header-padding{padding-top:16px;padding-left:1px;padding-right:1px}.font-size-20{font-size:20px}.search-width{width:100%}.search-fix{min-height:calc(100% + 2px);max-height:100%;overflow-y:auto}.full-height{height:100%}.overflow-div{overflow-x:scroll}.transform-div{transform:rotateX(180deg);-ms-transform:rotateX(180deg);-webkit-transform:rotateX(180deg)}.custom-scrollbar::-webkit-scrollbar{width:15px;height:15px;cursor:pointer}.max-width-fix{max-width:calc(100% - 8px)!important}.max-height{max-height:100%}\n"], components: [{ type: SearchComponent, selector: "nc-search" }, { type: CreateCaseButtonComponent, selector: "nc-create-case-button", inputs: ["newCaseCreationConfig", "disabled"], outputs: ["caseCreatedEvent"] }, { type: HeaderComponent, selector: "nc-header" }, { type: CaseListPaginatorComponent, selector: "nc-case-list-paginator" }], directives: [{ type: i6$1.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: i6$1.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: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6$1.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: i4$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6$2.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: i4$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i6$2.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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultCaseRefListViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-default-case-view', providers: [
@@ -3203,11 +3191,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         { provide: NAE_VIEW_ID_SEGMENT, useValue: 'case' },
                         ViewIdService,
                         { provide: NAE_SEARCH_CATEGORIES, useFactory: defaultCaseSearchCategoriesFactory, deps: [CategoryFactory] },
-                    ], template: "<div class=\"case-view-container\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n\n    <div class=\"case-view-search-container\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between\">\n            <div fxLayoutAlign=\"start center\" fxFlex *ngIf=\"search\">\n                <nc-search class=\"search-width\" [disabled]=\"disabled()\" [additionalFilterData]=\"additionalFilterData\"></nc-search>\n            </div>\n            <div fxLayoutAlign=\"end center\" *ngIf=\"createCase\">\n                <nc-create-case-button [disabled]=\"disabled()\" [newCaseCreationConfig]=\"newCaseCreationConfig\" (caseCreatedEvent)=\"createdCase($event)\"></nc-create-case-button>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"full-height transform-div custom-scrollbar\" [ngClass]=\"{'overflow-div': getOverflowStatus()}\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n        <div class=\"full-height transform-div max-width-fix\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n            <nc-header #header [type]=\"headerType\" [responsiveHeaders]=\"true\" class=\"case-header-padding\" [ngStyle]=\"{'width': getWidth()}\" [approval]=\"isApproval()\"></nc-header>\n\n            <nc-case-list-paginator [selectedHeaders$]=\"selectedHeaders$\" [showDeleteMenu]=\"false\" [width]=\"getWidth()\" [approval]=\"isApproval()\" [disabled]=\"disabled()\"\n                                    (caseClick)=\"handleCaseClick($event)\" [responsiveBody]=\"true\" fxFlex [textEllipsis]=\"true\"></nc-case-list-paginator>\n        </div>\n    </div>\n</div>\n\n", styles: [".case-view-container{margin:16px 24px;height:calc(100% - 32px);overflow:auto}@media screen and (max-width: 599.99px){.case-view-container{margin:12px}}.case-view-search-container{margin-top:16px;margin-bottom:2px;padding:0;max-height:50%}.case-header-padding{padding-top:16px;padding-left:1px;padding-right:1px}.font-size-20{font-size:20px}.search-width{width:100%}.search-fix{min-height:calc(100% + 2px);max-height:100%;overflow-y:auto}.full-height{height:100%}.overflow-div{overflow-x:scroll}.transform-div{transform:rotateX(180deg);-ms-transform:rotateX(180deg);-webkit-transform:rotateX(180deg)}.custom-scrollbar::-webkit-scrollbar{width:15px;height:15px;cursor:pointer}.max-width-fix{max-width:calc(100% - 8px)!important}.max-height{max-height:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.CaseViewService }, { type: i1.OverflowService, decorators: [{
+                    ], template: "<div class=\"case-view-container\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n\n    <div class=\"case-view-search-container\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between\">\n            <div fxLayoutAlign=\"start center\" fxFlex *ngIf=\"search\">\n                <nc-search class=\"search-width\" [disabled]=\"disabled()\" [additionalFilterData]=\"additionalFilterData\" (filterLoaded)=\"loadFilter($event)\"></nc-search>\n            </div>\n            <div fxLayoutAlign=\"end center\" *ngIf=\"createCase\">\n                <nc-create-case-button [disabled]=\"disabled()\" [newCaseCreationConfig]=\"newCaseCreationConfig\" (caseCreatedEvent)=\"createdCase($event)\"></nc-create-case-button>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"full-height transform-div custom-scrollbar\" [ngClass]=\"{'overflow-div': getOverflowStatus()}\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n        <div class=\"full-height transform-div max-width-fix\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n            <nc-header #header [type]=\"headerType\" [responsiveHeaders]=\"true\" class=\"case-header-padding\" [ngStyle]=\"{'width': getWidth()}\" [approval]=\"isApproval()\"></nc-header>\n\n            <nc-case-list-paginator [selectedHeaders$]=\"selectedHeaders$\" [showDeleteMenu]=\"false\" [width]=\"getWidth()\" [approval]=\"isApproval()\" [disabled]=\"disabled()\"\n                                    (caseClick)=\"handleCaseClick($event)\" [responsiveBody]=\"true\" fxFlex [textEllipsis]=\"true\"></nc-case-list-paginator>\n        </div>\n    </div>\n</div>\n\n", styles: [".case-view-container{margin:16px 24px;height:calc(100% - 32px);overflow:auto}@media screen and (max-width: 599.99px){.case-view-container{margin:12px}}.case-view-search-container{margin-top:16px;margin-bottom:2px;padding:0;max-height:50%}.case-header-padding{padding-top:16px;padding-left:1px;padding-right:1px}.font-size-20{font-size:20px}.search-width{width:100%}.search-fix{min-height:calc(100% + 2px);max-height:100%;overflow-y:auto}.full-height{height:100%}.overflow-div{overflow-x:scroll}.transform-div{transform:rotateX(180deg);-ms-transform:rotateX(180deg);-webkit-transform:rotateX(180deg)}.custom-scrollbar::-webkit-scrollbar{width:15px;height:15px;cursor:pointer}.max-width-fix{max-width:calc(100% - 8px)!important}.max-height{max-height:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.CaseViewService }, { type: i1.SearchService }, { type: i1.OverflowService, decorators: [{
                     type: Optional
                 }] }, { type: undefined, decorators: [{
                     type: Optional
+                }, {
+                    type: Inject,
+                    args: [NAE_BASE_FILTER]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
                 }, {
                     type: Inject,
                     args: [NAE_TAB_DATA]
@@ -4238,7 +4231,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * @param tabData the injected data containing the navigation item case task data
  */
 function filterCaseTabbedDataFilterFactory(extractionService, tabData) {
-    return navigationItemTaskFilterFactory(extractionService, tabData.navigationItemTaskData);
+    return navigationItemTaskFilterFactory(extractionService, tabData.navigationItemTaskData, tabData.loadFilter);
 }
 /**
  * Converts a navigation item case task data injected by the {@link NAE_TAB_DATA} injection token into an {@link AllowedNetsService}
@@ -4323,7 +4316,7 @@ class DefaultTabbedCaseViewComponent extends AbstractTabbedCaseViewComponent {
             },
             canBeClosed: true,
             tabContentComponent: DefaultTabbedCaseViewComponent,
-            injectedObject: { ...this._injectedTabData, filterCase: filterData.filterCase },
+            injectedObject: { ...this._injectedTabData, loadFilter: filterData.filter },
             order: this._injectedTabData.tabViewOrder,
             parentUniqueId: this._injectedTabData.tabUniqueId
         }, this._autoswitchToTaskTab, this._openExistingTab);