@netgrif/components 6.3.0 → 6.4.0-beta.2

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

@@ -19,10 +19,10 @@ export class SingleTaskComponent extends AbstractSingleTaskComponent {
     }
 }
 SingleTaskComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SingleTaskComponent, deps: [{ token: i1.LoggerService }, { token: i2.ActivatedRoute }, { token: NAE_TAB_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SingleTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SingleTaskComponent, selector: "nc-single-task", usesInheritance: true, ngImport: i0, template: "<div fxLayout='column' fxLayoutAlign='start center' fxFlex>\n    <ng-container *nccLet=\"(task$ | async) as task\">\n\n        <div *ngIf='(loading$ | async) === false && !task' fxLayout='column' fxLayoutAlign='center center'\n             fxFlex>\n            <div *ngTemplateOutlet =\"noTaskSection ?? defaultNoTaskSection\"></div>\n        </div>\n\n        <cdk-virtual-scroll-viewport *ngIf=\"task\" itemSize=\"1\" class=\"task-panel-scroll-container full-width full-height\">\n            <div *ngTemplateOutlet='pageHeader ?? defaultPageHeader'></div>\n            <nc-task-panel\n                [textEllipsis]='textEllipsis'\n                [taskPanelData]='task'\n                [selectedHeaders$]='selectedHeaders$'\n                [forceLoadDataOnOpen]='forceLoadDataOnOpen'\n                [responsiveBody]='responsiveBody'\n                (taskEvent)='emitTaskEvent($event)'\n                (panelRefOutput)='setPanelRef($event)'\n                [preventCollapse]='preventCollapse'\n                [hidePanelHeader]='hidePanelHeader'\n                [actionButtonTemplates]='actionButtonTemplates'\n                [actionRowJustifyContent]='actionRowJustifyContent'\n                class='panel-expanded-spacing'>\n            </nc-task-panel>\n\n            <div *ngIf='loading$ | async' fxLayout='column' fxLayoutAlign='center center'>\n                <mat-spinner color='primary' diameter='52'></mat-spinner>\n            </div>\n            <div *ngTemplateOutlet='pageFooter ?? defaultPageFooter'></div>\n        </cdk-virtual-scroll-viewport>\n\n        <ng-template #defaultNoTaskSection>\n            <mat-icon color='accent'>check_box</mat-icon>\n            <span class='font-size-20'>{{ 'tasks.view.noTasksSatisfyingThisFilter' | translate }}</span>\n        </ng-template>\n\n        <ng-template #defaultPageHeader>\n            <mat-card class=\"top-card\">\n                <span class=\"top-card-title\"><strong>{{headerTitle ?? (!!task && !!task.task ? task.task.title : '')}}</strong></span>\n            </mat-card>\n        </ng-template>\n\n        <ng-template #defaultPageFooter>\n            <mat-card class='bottom-card footer'>\n                <span class=\"bottom-card-title footer-font\"><strong>{{footerText ?? 'tasks.footer.defaultText' | translate}}</strong></span>\n            </mat-card>\n        </ng-template>\n    </ng-container>\n</div>\n", styles: [".font-size-20{font-size:20px}.full-width{width:100%}.full-height{height:100%}.task-panel-scroll-container{padding:0 4px}.top-card{margin-bottom:10px;margin-top:10px}.top-card-title{display:flex;align-items:center;flex-direction:column}.bottom-card{margin-bottom:10px;margin-top:10px}.bottom-card-title{display:block;align-items:start;flex-direction:column}\n"], components: [{ type: i3.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: i4.TaskPanelComponent, selector: "nc-task-panel" }, { type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7.MatCard, selector: "mat-card", exportAs: ["matCard"] }], directives: [{ type: i8.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i8.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i8.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i1.LetDirective, selector: "[nccLet]", inputs: ["nccLet"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }], pipes: { "async": i9.AsyncPipe, "translate": i10.TranslatePipe } });
+SingleTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SingleTaskComponent, selector: "nc-single-task", usesInheritance: true, ngImport: i0, template: "<div fxLayout='column' fxLayoutAlign='start center' fxFlex>\n    <ng-container *nccLet=\"(task$ | async) as task\">\n\n        <div *ngIf='(loading$ | async) === false && !task' fxLayout='column' fxLayoutAlign='center center'\n             fxFlex>\n            <div *ngTemplateOutlet =\"noTaskSection ?? defaultNoTaskSection\"></div>\n        </div>\n\n        <cdk-virtual-scroll-viewport *ngIf=\"task\" itemSize=\"1\" class=\"task-panel-scroll-container full-width full-height\">\n            <div *ngTemplateOutlet='pageHeader ?? defaultPageHeader'></div>\n            <nc-task-panel\n                [textEllipsis]='textEllipsis'\n                [taskPanelData]='task'\n                [selectedHeaders$]='selectedHeaders$'\n                [forceLoadDataOnOpen]='forceLoadDataOnOpen'\n                [responsiveBody]='responsiveBody'\n                (taskEvent)='emitTaskEvent($event)'\n                (panelRefOutput)='setPanelRef($event)'\n                [preventCollapse]='preventCollapse'\n                [hidePanelHeader]='hidePanelHeader'\n                [actionButtonTemplates]='actionButtonTemplates'\n                [actionRowJustifyContent]='actionRowJustifyContent'\n                class='panel-expanded-spacing'>\n            </nc-task-panel>\n\n            <div *ngIf='loading$ | async' fxLayout='column' fxLayoutAlign='center center'>\n                <mat-spinner color='primary' diameter='52'></mat-spinner>\n            </div>\n            <div *ngTemplateOutlet='pageFooter ?? defaultPageFooter'></div>\n        </cdk-virtual-scroll-viewport>\n\n        <ng-template #defaultNoTaskSection>\n            <mat-icon color='accent'>check_box</mat-icon>\n            <span class='font-size-20'>{{ 'tasks.view.noTasksSatisfyingThisFilter' | translate }}</span>\n        </ng-template>\n\n        <ng-template #defaultPageHeader>\n            <mat-card class=\"top-card\">\n                <span class=\"top-card-title\"><strong>{{headerTitle ?? (!!task && !!task.task ? task.task.title : '')}}</strong></span>\n            </mat-card>\n        </ng-template>\n\n        <ng-template #defaultPageFooter>\n            <mat-card class='bottom-card footer'>\n                <span class=\"bottom-card-title footer-font\"><strong>{{footerText ?? 'tasks.footer.defaultText' | translate}}</strong></span>\n            </mat-card>\n        </ng-template>\n    </ng-container>\n</div>\n", styles: [".font-size-20{font-size:20px}.full-width{width:100%}.full-height{height:100%}.top-card{margin-bottom:10px;margin-top:10px}.top-card-title{display:flex;align-items:center;flex-direction:column}.bottom-card{margin-bottom:10px;margin-top:10px}.bottom-card-title{display:block;align-items:start;flex-direction:column}\n"], components: [{ type: i3.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: i4.TaskPanelComponent, selector: "nc-task-panel" }, { type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7.MatCard, selector: "mat-card", exportAs: ["matCard"] }], directives: [{ type: i8.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i8.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i8.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i1.LetDirective, selector: "[nccLet]", inputs: ["nccLet"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }], pipes: { "async": i9.AsyncPipe, "translate": i10.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SingleTaskComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-single-task', template: "<div fxLayout='column' fxLayoutAlign='start center' fxFlex>\n    <ng-container *nccLet=\"(task$ | async) as task\">\n\n        <div *ngIf='(loading$ | async) === false && !task' fxLayout='column' fxLayoutAlign='center center'\n             fxFlex>\n            <div *ngTemplateOutlet =\"noTaskSection ?? defaultNoTaskSection\"></div>\n        </div>\n\n        <cdk-virtual-scroll-viewport *ngIf=\"task\" itemSize=\"1\" class=\"task-panel-scroll-container full-width full-height\">\n            <div *ngTemplateOutlet='pageHeader ?? defaultPageHeader'></div>\n            <nc-task-panel\n                [textEllipsis]='textEllipsis'\n                [taskPanelData]='task'\n                [selectedHeaders$]='selectedHeaders$'\n                [forceLoadDataOnOpen]='forceLoadDataOnOpen'\n                [responsiveBody]='responsiveBody'\n                (taskEvent)='emitTaskEvent($event)'\n                (panelRefOutput)='setPanelRef($event)'\n                [preventCollapse]='preventCollapse'\n                [hidePanelHeader]='hidePanelHeader'\n                [actionButtonTemplates]='actionButtonTemplates'\n                [actionRowJustifyContent]='actionRowJustifyContent'\n                class='panel-expanded-spacing'>\n            </nc-task-panel>\n\n            <div *ngIf='loading$ | async' fxLayout='column' fxLayoutAlign='center center'>\n                <mat-spinner color='primary' diameter='52'></mat-spinner>\n            </div>\n            <div *ngTemplateOutlet='pageFooter ?? defaultPageFooter'></div>\n        </cdk-virtual-scroll-viewport>\n\n        <ng-template #defaultNoTaskSection>\n            <mat-icon color='accent'>check_box</mat-icon>\n            <span class='font-size-20'>{{ 'tasks.view.noTasksSatisfyingThisFilter' | translate }}</span>\n        </ng-template>\n\n        <ng-template #defaultPageHeader>\n            <mat-card class=\"top-card\">\n                <span class=\"top-card-title\"><strong>{{headerTitle ?? (!!task && !!task.task ? task.task.title : '')}}</strong></span>\n            </mat-card>\n        </ng-template>\n\n        <ng-template #defaultPageFooter>\n            <mat-card class='bottom-card footer'>\n                <span class=\"bottom-card-title footer-font\"><strong>{{footerText ?? 'tasks.footer.defaultText' | translate}}</strong></span>\n            </mat-card>\n        </ng-template>\n    </ng-container>\n</div>\n", styles: [".font-size-20{font-size:20px}.full-width{width:100%}.full-height{height:100%}.task-panel-scroll-container{padding:0 4px}.top-card{margin-bottom:10px;margin-top:10px}.top-card-title{display:flex;align-items:center;flex-direction:column}.bottom-card{margin-bottom:10px;margin-top:10px}.bottom-card-title{display:block;align-items:start;flex-direction:column}\n"] }]
+            args: [{ selector: 'nc-single-task', template: "<div fxLayout='column' fxLayoutAlign='start center' fxFlex>\n    <ng-container *nccLet=\"(task$ | async) as task\">\n\n        <div *ngIf='(loading$ | async) === false && !task' fxLayout='column' fxLayoutAlign='center center'\n             fxFlex>\n            <div *ngTemplateOutlet =\"noTaskSection ?? defaultNoTaskSection\"></div>\n        </div>\n\n        <cdk-virtual-scroll-viewport *ngIf=\"task\" itemSize=\"1\" class=\"task-panel-scroll-container full-width full-height\">\n            <div *ngTemplateOutlet='pageHeader ?? defaultPageHeader'></div>\n            <nc-task-panel\n                [textEllipsis]='textEllipsis'\n                [taskPanelData]='task'\n                [selectedHeaders$]='selectedHeaders$'\n                [forceLoadDataOnOpen]='forceLoadDataOnOpen'\n                [responsiveBody]='responsiveBody'\n                (taskEvent)='emitTaskEvent($event)'\n                (panelRefOutput)='setPanelRef($event)'\n                [preventCollapse]='preventCollapse'\n                [hidePanelHeader]='hidePanelHeader'\n                [actionButtonTemplates]='actionButtonTemplates'\n                [actionRowJustifyContent]='actionRowJustifyContent'\n                class='panel-expanded-spacing'>\n            </nc-task-panel>\n\n            <div *ngIf='loading$ | async' fxLayout='column' fxLayoutAlign='center center'>\n                <mat-spinner color='primary' diameter='52'></mat-spinner>\n            </div>\n            <div *ngTemplateOutlet='pageFooter ?? defaultPageFooter'></div>\n        </cdk-virtual-scroll-viewport>\n\n        <ng-template #defaultNoTaskSection>\n            <mat-icon color='accent'>check_box</mat-icon>\n            <span class='font-size-20'>{{ 'tasks.view.noTasksSatisfyingThisFilter' | translate }}</span>\n        </ng-template>\n\n        <ng-template #defaultPageHeader>\n            <mat-card class=\"top-card\">\n                <span class=\"top-card-title\"><strong>{{headerTitle ?? (!!task && !!task.task ? task.task.title : '')}}</strong></span>\n            </mat-card>\n        </ng-template>\n\n        <ng-template #defaultPageFooter>\n            <mat-card class='bottom-card footer'>\n                <span class=\"bottom-card-title footer-font\"><strong>{{footerText ?? 'tasks.footer.defaultText' | translate}}</strong></span>\n            </mat-card>\n        </ng-template>\n    </ng-container>\n</div>\n", styles: [".font-size-20{font-size:20px}.full-width{width:100%}.full-height{height:100%}.top-card{margin-bottom:10px;margin-top:10px}.top-card-title{display:flex;align-items:center;flex-direction:column}.bottom-card{margin-bottom:10px;margin-top:10px}.bottom-card-title{display:block;align-items:start;flex-direction:column}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.LoggerService }, { type: i2.ActivatedRoute }, { type: undefined, decorators: [{
                     type: Optional
                 }, {

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

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

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.12", 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.12", 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 } });
+AdvancedSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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\"></nc-search-clause>\n    </div>\n    <button *ngIf=\"editable\" mat-stroked-button (click)=\"addChildPredicate()\" class=\"bool-operator-margin advanced-search-buttons\">+ {{'search.and' | translate | uppercase}}</button>\n</div>\n", styles: [".bool-operator-margin{margin:1.5px 8px 1.5px 4px}.advanced-search-buttons{min-height:44px}\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.12", ngImport: i0, type: AdvancedSearchComponent, decorators: [{
             type: Component,
-            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"] }]
+            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\"></nc-search-clause>\n    </div>\n    <button *ngIf=\"editable\" mat-stroked-button (click)=\"addChildPredicate()\" class=\"bool-operator-margin advanced-search-buttons\">+ {{'search.and' | translate | uppercase}}</button>\n</div>\n", styles: [".bool-operator-margin{margin:1.5px 8px 1.5px 4px}.advanced-search-buttons{min-height:44px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.SearchService }, { type: i1.AdvancedSearchComponentInitializationService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWR2YW5jZWQtc2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3NlYXJjaC9hZHZhbmNlZC1zZWFyY2gvYWR2YW5jZWQtc2VhcmNoLWNvbXBvbmVudC9hZHZhbmNlZC1zZWFyY2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvc2VhcmNoL2FkdmFuY2VkLXNlYXJjaC9hZHZhbmNlZC1zZWFyY2gtY29tcG9uZW50L2FkdmFuY2VkLXNlYXJjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQywrQkFBK0IsRUFBRSw0Q0FBNEMsRUFBZ0IsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7QUFRdEksTUFBTSxPQUFPLHVCQUF3QixTQUFRLCtCQUErQjtJQUV4RSxZQUFZLGFBQTRCLEVBQUUscUJBQW1FO1FBQ3pHLEtBQUssQ0FBQyxhQUFhLEVBQUUscUJBQXFCLENBQUMsQ0FBQztJQUNoRCxDQUFDOztxSEFKUSx1QkFBdUI7eUdBQXZCLHVCQUF1Qiw2Q0FGckIsQ0FBQyw0Q0FBNEMsQ0FBQyxpRENQN0QsbXVCQVFBOzRGRENhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDSSxvQkFBb0IsYUFHbkIsQ0FBQyw0Q0FBNEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RBZHZhbmNlZFNlYXJjaENvbXBvbmVudCwgQWR2YW5jZWRTZWFyY2hDb21wb25lbnRJbml0aWFsaXphdGlvblNlcnZpY2UsIFNlYXJjaFNlcnZpY2V9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtYWR2YW5jZWQtc2VhcmNoJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWR2YW5jZWQtc2VhcmNoLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hZHZhbmNlZC1zZWFyY2guY29tcG9uZW50LnNjc3MnXSxcbiAgICBwcm92aWRlcnM6IFtBZHZhbmNlZFNlYXJjaENvbXBvbmVudEluaXRpYWxpemF0aW9uU2VydmljZV1cbn0pXG5leHBvcnQgY2xhc3MgQWR2YW5jZWRTZWFyY2hDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEFkdmFuY2VkU2VhcmNoQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHNlYXJjaFNlcnZpY2U6IFNlYXJjaFNlcnZpY2UsIGluaXRpYWxpemF0aW9uU2VydmljZTogQWR2YW5jZWRTZWFyY2hDb21wb25lbnRJbml0aWFsaXphdGlvblNlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIoc2VhcmNoU2VydmljZSwgaW5pdGlhbGl6YXRpb25TZXJ2aWNlKTtcbiAgICB9XG5cbn1cbiIsIjxkaXYgZnhMYXlvdXQ9XCJyb3cgd3JhcFwiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBjbGFzcz1cIm5ldGdyaWYtaW5wdXRcIj5cbiAgICA8ZGl2ICpuZ0Zvcj1cImxldCBpdGVtIG9mIGdldFByZWRpY2F0ZU1hcCgpIHwga2V5dmFsdWU7IHRyYWNrQnk6IHRyYWNrQnlQcmVkaWNhdGVzOyBmaXJzdCBhcyBmaXJzdFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiIWZpcnN0XCIgY2xhc3M9XCJib29sLW9wZXJhdG9yLW1hcmdpblwiPnt7J3NlYXJjaC5hbmQnIHwgdHJhbnNsYXRlIHwgdXBwZXJjYXNlfX08L2Rpdj5cbiAgICAgICAgPG5jLXNlYXJjaC1jbGF1c2UgW3ByZWRpY2F0ZV09XCJpdGVtLnZhbHVlXCIgW3ByZWRpY2F0ZUlkXT1cIml0ZW0ua2V5XCIgW3JlbW92ZSRdPVwicmVtb3ZlQ2hpbGQkXCIgW2VkaXRhYmxlXT1cImVkaXRhYmxlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJjbGF1c2UtbWFyZ2luXCI+PC9uYy1zZWFyY2gtY2xhdXNlPlxuICAgIDwvZGl2PlxuICAgIDxidXR0b24gKm5nSWY9XCJlZGl0YWJsZVwiIG1hdC1zdHJva2VkLWJ1dHRvbiAoY2xpY2spPVwiYWRkQ2hpbGRQcmVkaWNhdGUoKVwiIGNsYXNzPVwiYm9vbC1vcGVyYXRvci1tYXJnaW5cIj4rIHt7J3NlYXJjaC5hbmQnIHwgdHJhbnNsYXRlIHwgdXBwZXJjYXNlfX08L2J1dHRvbj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWR2YW5jZWQtc2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3NlYXJjaC9hZHZhbmNlZC1zZWFyY2gvYWR2YW5jZWQtc2VhcmNoLWNvbXBvbmVudC9hZHZhbmNlZC1zZWFyY2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvc2VhcmNoL2FkdmFuY2VkLXNlYXJjaC9hZHZhbmNlZC1zZWFyY2gtY29tcG9uZW50L2FkdmFuY2VkLXNlYXJjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQywrQkFBK0IsRUFBRSw0Q0FBNEMsRUFBZ0IsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7QUFRdEksTUFBTSxPQUFPLHVCQUF3QixTQUFRLCtCQUErQjtJQUV4RSxZQUFZLGFBQTRCLEVBQUUscUJBQW1FO1FBQ3pHLEtBQUssQ0FBQyxhQUFhLEVBQUUscUJBQXFCLENBQUMsQ0FBQztJQUNoRCxDQUFDOztxSEFKUSx1QkFBdUI7eUdBQXZCLHVCQUF1Qiw2Q0FGckIsQ0FBQyw0Q0FBNEMsQ0FBQyxpRENQN0Qsd3NCQU9BOzRGREVhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDSSxvQkFBb0IsYUFHbkIsQ0FBQyw0Q0FBNEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RBZHZhbmNlZFNlYXJjaENvbXBvbmVudCwgQWR2YW5jZWRTZWFyY2hDb21wb25lbnRJbml0aWFsaXphdGlvblNlcnZpY2UsIFNlYXJjaFNlcnZpY2V9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtYWR2YW5jZWQtc2VhcmNoJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWR2YW5jZWQtc2VhcmNoLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hZHZhbmNlZC1zZWFyY2guY29tcG9uZW50LnNjc3MnXSxcbiAgICBwcm92aWRlcnM6IFtBZHZhbmNlZFNlYXJjaENvbXBvbmVudEluaXRpYWxpemF0aW9uU2VydmljZV1cbn0pXG5leHBvcnQgY2xhc3MgQWR2YW5jZWRTZWFyY2hDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEFkdmFuY2VkU2VhcmNoQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHNlYXJjaFNlcnZpY2U6IFNlYXJjaFNlcnZpY2UsIGluaXRpYWxpemF0aW9uU2VydmljZTogQWR2YW5jZWRTZWFyY2hDb21wb25lbnRJbml0aWFsaXphdGlvblNlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIoc2VhcmNoU2VydmljZSwgaW5pdGlhbGl6YXRpb25TZXJ2aWNlKTtcbiAgICB9XG5cbn1cbiIsIjxkaXYgZnhMYXlvdXQ9XCJyb3cgd3JhcFwiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBjbGFzcz1cIm5ldGdyaWYtaW5wdXRcIj5cbiAgICA8ZGl2ICpuZ0Zvcj1cImxldCBpdGVtIG9mIGdldFByZWRpY2F0ZU1hcCgpIHwga2V5dmFsdWU7IHRyYWNrQnk6IHRyYWNrQnlQcmVkaWNhdGVzOyBmaXJzdCBhcyBmaXJzdFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiIWZpcnN0XCIgY2xhc3M9XCJib29sLW9wZXJhdG9yLW1hcmdpblwiPnt7J3NlYXJjaC5hbmQnIHwgdHJhbnNsYXRlIHwgdXBwZXJjYXNlfX08L2Rpdj5cbiAgICAgICAgPG5jLXNlYXJjaC1jbGF1c2UgW3ByZWRpY2F0ZV09XCJpdGVtLnZhbHVlXCIgW3ByZWRpY2F0ZUlkXT1cIml0ZW0ua2V5XCIgW3JlbW92ZSRdPVwicmVtb3ZlQ2hpbGQkXCIgW2VkaXRhYmxlXT1cImVkaXRhYmxlXCI+PC9uYy1zZWFyY2gtY2xhdXNlPlxuICAgIDwvZGl2PlxuICAgIDxidXR0b24gKm5nSWY9XCJlZGl0YWJsZVwiIG1hdC1zdHJva2VkLWJ1dHRvbiAoY2xpY2spPVwiYWRkQ2hpbGRQcmVkaWNhdGUoKVwiIGNsYXNzPVwiYm9vbC1vcGVyYXRvci1tYXJnaW4gYWR2YW5jZWQtc2VhcmNoLWJ1dHRvbnNcIj4rIHt7J3NlYXJjaC5hbmQnIHwgdHJhbnNsYXRlIHwgdXBwZXJjYXNlfX08L2J1dHRvbj5cbjwvZGl2PlxuIl19

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

@@ -12,9 +12,9 @@ export class SearchClauseComponent extends AbstractSearchClauseComponent {
     }
 }
 SearchClauseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SearchClauseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SearchClauseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SearchClauseComponent, selector: "nc-search-clause", usesInheritance: true, ngImport: i0, template: "<div class=\"clause-body clause-body-color\">\n    <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.or' | translate | uppercase}}</div>\n            <nc-search-predicate [predicate]=\"item.value.wrappedPredicate\" [predicateId]=\"item.key\"\n                                 [remove$]=\"removeChild$\" [generator]=\"item.value.generator\" [editable]=\"editable\"></nc-search-predicate>\n        </div>\n        <button *ngIf=\"editable\" mat-stroked-button (click)=\"addChildPredicate()\" class=\"bool-operator-button\">+ {{'search.or' | translate | uppercase}}</button>\n    </div>\n</div>\n", styles: [".clause-body{border-radius:4px;padding:4px 6px}.bool-operator-margin{margin-left:8px;margin-right:8px}.bool-operator-button{margin-left:4px}\n"], components: [{ type: i1.SearchPredicateComponent, selector: "nc-search-predicate" }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3.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: i3.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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "keyvalue": i4.KeyValuePipe, "uppercase": i4.UpperCasePipe, "translate": i5.TranslatePipe } });
+SearchClauseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SearchClauseComponent, selector: "nc-search-clause", 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\"\n         fxLayoutAlign=\"start center\">\n        <div *ngIf=\"!first\" class=\"bool-operator-margin\">{{'search.or' | translate | uppercase}}</div>\n        <nc-search-predicate [predicate]=\"item.value.wrappedPredicate\" [predicateId]=\"item.key\"\n                             [remove$]=\"removeChild$\" [generator]=\"item.value.generator\"\n                             [editable]=\"editable\"></nc-search-predicate>\n    </div>\n    <button *ngIf=\"editable\" mat-stroked-button (click)=\"addChildPredicate()\" class=\"bool-operator-margin advanced-search-buttons\">+ {{'search.or' | translate | uppercase}}</button>\n</div>\n", styles: [".bool-operator-margin{margin:1.5px 8px 1.5px 4px}.bool-operator-button{margin-left:4px}.advanced-search-buttons{min-height:44px}.prefix-icon{font-size:18px;color:#64748b}\n"], components: [{ type: i1.SearchPredicateComponent, selector: "nc-search-predicate" }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3.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: i3.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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "keyvalue": i4.KeyValuePipe, "uppercase": i4.UpperCasePipe, "translate": i5.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SearchClauseComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-search-clause', template: "<div class=\"clause-body clause-body-color\">\n    <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.or' | translate | uppercase}}</div>\n            <nc-search-predicate [predicate]=\"item.value.wrappedPredicate\" [predicateId]=\"item.key\"\n                                 [remove$]=\"removeChild$\" [generator]=\"item.value.generator\" [editable]=\"editable\"></nc-search-predicate>\n        </div>\n        <button *ngIf=\"editable\" mat-stroked-button (click)=\"addChildPredicate()\" class=\"bool-operator-button\">+ {{'search.or' | translate | uppercase}}</button>\n    </div>\n</div>\n", styles: [".clause-body{border-radius:4px;padding:4px 6px}.bool-operator-margin{margin-left:8px;margin-right:8px}.bool-operator-button{margin-left:4px}\n"] }]
+            args: [{ selector: 'nc-search-clause', template: "<div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n    <div *ngFor=\"let item of getPredicateMap() | keyvalue; trackBy: trackByPredicates; first as first\" fxLayout=\"row\"\n         fxLayoutAlign=\"start center\">\n        <div *ngIf=\"!first\" class=\"bool-operator-margin\">{{'search.or' | translate | uppercase}}</div>\n        <nc-search-predicate [predicate]=\"item.value.wrappedPredicate\" [predicateId]=\"item.key\"\n                             [remove$]=\"removeChild$\" [generator]=\"item.value.generator\"\n                             [editable]=\"editable\"></nc-search-predicate>\n    </div>\n    <button *ngIf=\"editable\" mat-stroked-button (click)=\"addChildPredicate()\" class=\"bool-operator-margin advanced-search-buttons\">+ {{'search.or' | translate | uppercase}}</button>\n</div>\n", styles: [".bool-operator-margin{margin:1.5px 8px 1.5px 4px}.bool-operator-button{margin-left:4px}.advanced-search-buttons{min-height:44px}.prefix-icon{font-size:18px;color:#64748b}\n"] }]
         }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWNsYXVzZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zZWFyY2gvYWR2YW5jZWQtc2VhcmNoL3NlYXJjaC1jbGF1c2UtY29tcG9uZW50L3NlYXJjaC1jbGF1c2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvc2VhcmNoL2FkdmFuY2VkLXNlYXJjaC9zZWFyY2gtY2xhdXNlLWNvbXBvbmVudC9zZWFyY2gtY2xhdXNlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDeEMsT0FBTyxFQUFDLDZCQUE2QixFQUFDLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7QUFPdkUsTUFBTSxPQUFPLHFCQUFzQixTQUFRLDZCQUE2QjtJQUNwRTtRQUNJLEtBQUssRUFBRSxDQUFDO0lBQ1osQ0FBQzs7bUhBSFEscUJBQXFCO3VHQUFyQixxQkFBcUIsK0VDUmxDLHUwQkFVQTs0RkRGYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0ksa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFNlYXJjaENsYXVzZUNvbXBvbmVudH0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1zZWFyY2gtY2xhdXNlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VhcmNoLWNsYXVzZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc2VhcmNoLWNsYXVzZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNlYXJjaENsYXVzZUNvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0U2VhcmNoQ2xhdXNlQ29tcG9uZW50IHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2xhdXNlLWJvZHkgY2xhdXNlLWJvZHktY29sb3JcIj5cbiAgICA8ZGl2IGZ4TGF5b3V0PVwicm93IHdyYXBcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCI+XG4gICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZ2V0UHJlZGljYXRlTWFwKCkgfCBrZXl2YWx1ZTsgdHJhY2tCeTogdHJhY2tCeVByZWRpY2F0ZXM7IGZpcnN0IGFzIGZpcnN0XCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCI+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiIWZpcnN0XCIgY2xhc3M9XCJib29sLW9wZXJhdG9yLW1hcmdpblwiPnt7J3NlYXJjaC5vcicgfCB0cmFuc2xhdGUgfCB1cHBlcmNhc2V9fTwvZGl2PlxuICAgICAgICAgICAgPG5jLXNlYXJjaC1wcmVkaWNhdGUgW3ByZWRpY2F0ZV09XCJpdGVtLnZhbHVlLndyYXBwZWRQcmVkaWNhdGVcIiBbcHJlZGljYXRlSWRdPVwiaXRlbS5rZXlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3JlbW92ZSRdPVwicmVtb3ZlQ2hpbGQkXCIgW2dlbmVyYXRvcl09XCJpdGVtLnZhbHVlLmdlbmVyYXRvclwiIFtlZGl0YWJsZV09XCJlZGl0YWJsZVwiPjwvbmMtc2VhcmNoLXByZWRpY2F0ZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxidXR0b24gKm5nSWY9XCJlZGl0YWJsZVwiIG1hdC1zdHJva2VkLWJ1dHRvbiAoY2xpY2spPVwiYWRkQ2hpbGRQcmVkaWNhdGUoKVwiIGNsYXNzPVwiYm9vbC1vcGVyYXRvci1idXR0b25cIj4rIHt7J3NlYXJjaC5vcicgfCB0cmFuc2xhdGUgfCB1cHBlcmNhc2V9fTwvYnV0dG9uPlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWNsYXVzZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zZWFyY2gvYWR2YW5jZWQtc2VhcmNoL3NlYXJjaC1jbGF1c2UtY29tcG9uZW50L3NlYXJjaC1jbGF1c2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvc2VhcmNoL2FkdmFuY2VkLXNlYXJjaC9zZWFyY2gtY2xhdXNlLWNvbXBvbmVudC9zZWFyY2gtY2xhdXNlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDeEMsT0FBTyxFQUFDLDZCQUE2QixFQUFDLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7QUFPdkUsTUFBTSxPQUFPLHFCQUFzQixTQUFRLDZCQUE2QjtJQUNwRTtRQUNJLEtBQUssRUFBRSxDQUFDO0lBQ1osQ0FBQzs7bUhBSFEscUJBQXFCO3VHQUFyQixxQkFBcUIsK0VDUmxDLGd6QkFVQTs0RkRGYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0ksa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFNlYXJjaENsYXVzZUNvbXBvbmVudH0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1zZWFyY2gtY2xhdXNlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VhcmNoLWNsYXVzZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc2VhcmNoLWNsYXVzZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNlYXJjaENsYXVzZUNvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0U2VhcmNoQ2xhdXNlQ29tcG9uZW50IHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG59XG4iLCI8ZGl2IGZ4TGF5b3V0PVwicm93IHdyYXBcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCI+XG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBnZXRQcmVkaWNhdGVNYXAoKSB8IGtleXZhbHVlOyB0cmFja0J5OiB0cmFja0J5UHJlZGljYXRlczsgZmlyc3QgYXMgZmlyc3RcIiBmeExheW91dD1cInJvd1wiXG4gICAgICAgICBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCIhZmlyc3RcIiBjbGFzcz1cImJvb2wtb3BlcmF0b3ItbWFyZ2luXCI+e3snc2VhcmNoLm9yJyB8IHRyYW5zbGF0ZSB8IHVwcGVyY2FzZX19PC9kaXY+XG4gICAgICAgIDxuYy1zZWFyY2gtcHJlZGljYXRlIFtwcmVkaWNhdGVdPVwiaXRlbS52YWx1ZS53cmFwcGVkUHJlZGljYXRlXCIgW3ByZWRpY2F0ZUlkXT1cIml0ZW0ua2V5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3JlbW92ZSRdPVwicmVtb3ZlQ2hpbGQkXCIgW2dlbmVyYXRvcl09XCJpdGVtLnZhbHVlLmdlbmVyYXRvclwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtlZGl0YWJsZV09XCJlZGl0YWJsZVwiPjwvbmMtc2VhcmNoLXByZWRpY2F0ZT5cbiAgICA8L2Rpdj5cbiAgICA8YnV0dG9uICpuZ0lmPVwiZWRpdGFibGVcIiBtYXQtc3Ryb2tlZC1idXR0b24gKGNsaWNrKT1cImFkZENoaWxkUHJlZGljYXRlKClcIiBjbGFzcz1cImJvb2wtb3BlcmF0b3ItbWFyZ2luIGFkdmFuY2VkLXNlYXJjaC1idXR0b25zXCI+KyB7eydzZWFyY2gub3InIHwgdHJhbnNsYXRlIHwgdXBwZXJjYXNlfX08L2J1dHRvbj5cbjwvZGl2PlxuIl19

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

@@ -2,12 +2,12 @@ import { Component, Inject } from '@angular/core';
 import { AbstractSearchPredicateComponent, NAE_SEARCH_CATEGORIES } from '@netgrif/components-core';
 import * as i0 from "@angular/core";
 import * as i1 from "@netgrif/components-core";
-import * as i2 from "@angular/material/button";
+import * as i2 from "@angular/material/form-field";
 import * as i3 from "@angular/material/icon";
-import * as i4 from "@angular/material/form-field";
-import * as i5 from "@angular/material/select";
-import * as i6 from "@angular/material/core";
-import * as i7 from "../search-configuration-input-component/search-configuration-input.component";
+import * as i4 from "@angular/material/select";
+import * as i5 from "@angular/material/core";
+import * as i6 from "../search-configuration-input-component/search-configuration-input.component";
+import * as i7 from "@angular/material/button";
 import * as i8 from "@angular/flex-layout/flex";
 import * as i9 from "@angular/common";
 import * as i10 from "@angular/flex-layout/extended";
@@ -18,12 +18,12 @@ export class SearchPredicateComponent extends AbstractSearchPredicateComponent {
     }
 }
 SearchPredicateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SearchPredicateComponent, deps: [{ token: NAE_SEARCH_CATEGORIES }, { token: i1.LoggerService }, { token: i1.AdvancedSearchComponentInitializationService }, { token: i1.CategoryFactory }], target: i0.ɵɵFactoryTarget.Component });
-SearchPredicateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SearchPredicateComponent, selector: "nc-search-predicate", usesInheritance: true, ngImport: i0, template: "<div class=\"predicate-body\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n     [ngClass]=\"!!selectedCategory && selectedCategory.providesPredicate ? 'predicate-body-color' : 'white-background'\">\n    <div *ngIf=\"editable\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <button mat-icon-button color=\"warn\" (click)=\"remove()\" class=\"smaller-button\">\n            <mat-icon>clear</mat-icon>\n        </button>\n    </div>\n\n    <div *ngIf=\"!selectedCategory; then categorySelection else categoryDisplay\"></div>\n    <ng-template #categorySelection>\n        <mat-form-field class=\"text-margin\" appearance=\"outline\">\n            <mat-label>{{'search.category.select' | translate}}</mat-label>\n            <mat-select (selectionChange)=\"categoryChanged($event.value)\" #categoryInput [disabled]=\"!editable\">\n                <mat-option *ngFor=\"let category of searchCategories\"\n                            [value]=\"category\">{{category.translationPath | translate}}</mat-option>\n            </mat-select>\n        </mat-form-field>\n    </ng-template>\n    <ng-template #categoryDisplay>\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-margin\"\n             [ngClass]=\"{'bold-text': selectedCategory.displayBold}\"\n             (click)=\"clearCategorySelection()\">\n            {{selectedCategory.translationPath | translate}}\n        </div>\n    </ng-template>\n\n    <div *ngIf=\"selectedCategory\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <ng-template ngFor let-configurationInput [ngForOf]=\"selectedCategory.configurationInputs$ | async\">\n            <nc-search-configuration-input [configuration]=\"configurationInput\" [selectedCategory]=\"selectedCategory\"\n                                           [editable]=\"editable\"></nc-search-configuration-input>\n        </ng-template>\n    </div>\n</div>\n", styles: [".predicate-body{border-radius:4px;padding-right:4px;margin-top:2px;margin-bottom:2px;min-height:32px}.smaller-button{width:32px;height:32px;line-height:32px;margin-right:-4px}.bold-text{font-weight:700}.text-margin{margin-left:4px}.white-background{background:#fafafa}::ng-deep .mat-form-field-wrapper{margin:0;padding-bottom:0}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i7.SearchConfigurationInputComponent, selector: "nc-search-configuration-input" }], directives: [{ type: i8.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i8.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i9.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: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatLabel, selector: "mat-label" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i11.TranslatePipe, "async": i9.AsyncPipe } });
+SearchPredicateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SearchPredicateComponent, selector: "nc-search-predicate", usesInheritance: true, ngImport: i0, template: "<div class=\"predicate-body netgrif-input-search-fix netgrif-input-primary-search-fix\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n    <div *ngIf=\"!selectedCategory; then categorySelection else categoryDisplay\"></div>\n    <ng-template #categorySelection>\n        <mat-form-field class=\"mat-form-field-wrapper-search\" appearance=\"outline\">\n            <mat-icon matPrefix class=\"prefix-icon\">search</mat-icon>\n            <mat-label>{{'search.category.select' | translate}}</mat-label>\n            <mat-select (selectionChange)=\"categoryChanged($event.value)\" #categoryInput [disabled]=\"!editable\">\n                <mat-option *ngFor=\"let category of searchCategories\"\n                            [value]=\"category\">{{category.translationPath | translate}}</mat-option>\n            </mat-select>\n        </mat-form-field>\n    </ng-template>\n    <ng-template #categoryDisplay>\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-margin\"\n             [ngClass]=\"{'bold-text': selectedCategory.displayBold}\"\n             (click)=\"clearCategorySelection()\">\n            {{selectedCategory.translationPath | translate}}\n        </div>\n    </ng-template>\n\n    <div *ngIf=\"selectedCategory\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <ng-template ngFor let-configurationInput [ngForOf]=\"selectedCategory.configurationInputs$ | async\">\n            <nc-search-configuration-input [configuration]=\"configurationInput\" [selectedCategory]=\"selectedCategory\"\n                                           [editable]=\"editable\"></nc-search-configuration-input>\n        </ng-template>\n    </div>\n    <div *ngIf=\"editable\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <button mat-stroked-button color=\"warn\" (click)=\"remove()\" class=\"advanced-search-buttons\">\n            <mat-icon>clear</mat-icon>\n        </button>\n    </div>\n</div>\n", styles: [".predicate-body{border-radius:4px;padding-right:4px;min-height:32px}.smaller-button{width:32px;height:32px;line-height:32px;margin-right:-4px}.bold-text{font-weight:700}.text-margin{margin-left:4px}.white-background{background:#fafafa}::ng-deep .mat-form-field-wrapper{margin:0;padding-bottom:0}.mat-form-field-wrapper-search{margin:0!important;border-radius:5px;background:#fafafa;min-width:250px}.advanced-search-buttons{min-height:44px;margin:1.5px 8px 1.5px 4px;min-width:44px;padding:0}.prefix-icon{font-size:18px;color:#64748b}@media only screen and (max-width: 599px){.mat-form-field-wrapper-search{min-width:unset}}\n"], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i6.SearchConfigurationInputComponent, selector: "nc-search-configuration-input" }, { type: i7.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: i8.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i8.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatPrefix, selector: "[matPrefix]" }, { type: i2.MatLabel, selector: "mat-label" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9.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"] }], pipes: { "translate": i11.TranslatePipe, "async": i9.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SearchPredicateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-search-predicate', template: "<div class=\"predicate-body\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n     [ngClass]=\"!!selectedCategory && selectedCategory.providesPredicate ? 'predicate-body-color' : 'white-background'\">\n    <div *ngIf=\"editable\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <button mat-icon-button color=\"warn\" (click)=\"remove()\" class=\"smaller-button\">\n            <mat-icon>clear</mat-icon>\n        </button>\n    </div>\n\n    <div *ngIf=\"!selectedCategory; then categorySelection else categoryDisplay\"></div>\n    <ng-template #categorySelection>\n        <mat-form-field class=\"text-margin\" appearance=\"outline\">\n            <mat-label>{{'search.category.select' | translate}}</mat-label>\n            <mat-select (selectionChange)=\"categoryChanged($event.value)\" #categoryInput [disabled]=\"!editable\">\n                <mat-option *ngFor=\"let category of searchCategories\"\n                            [value]=\"category\">{{category.translationPath | translate}}</mat-option>\n            </mat-select>\n        </mat-form-field>\n    </ng-template>\n    <ng-template #categoryDisplay>\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-margin\"\n             [ngClass]=\"{'bold-text': selectedCategory.displayBold}\"\n             (click)=\"clearCategorySelection()\">\n            {{selectedCategory.translationPath | translate}}\n        </div>\n    </ng-template>\n\n    <div *ngIf=\"selectedCategory\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <ng-template ngFor let-configurationInput [ngForOf]=\"selectedCategory.configurationInputs$ | async\">\n            <nc-search-configuration-input [configuration]=\"configurationInput\" [selectedCategory]=\"selectedCategory\"\n                                           [editable]=\"editable\"></nc-search-configuration-input>\n        </ng-template>\n    </div>\n</div>\n", styles: [".predicate-body{border-radius:4px;padding-right:4px;margin-top:2px;margin-bottom:2px;min-height:32px}.smaller-button{width:32px;height:32px;line-height:32px;margin-right:-4px}.bold-text{font-weight:700}.text-margin{margin-left:4px}.white-background{background:#fafafa}::ng-deep .mat-form-field-wrapper{margin:0;padding-bottom:0}\n"] }]
+            args: [{ selector: 'nc-search-predicate', template: "<div class=\"predicate-body netgrif-input-search-fix netgrif-input-primary-search-fix\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n    <div *ngIf=\"!selectedCategory; then categorySelection else categoryDisplay\"></div>\n    <ng-template #categorySelection>\n        <mat-form-field class=\"mat-form-field-wrapper-search\" appearance=\"outline\">\n            <mat-icon matPrefix class=\"prefix-icon\">search</mat-icon>\n            <mat-label>{{'search.category.select' | translate}}</mat-label>\n            <mat-select (selectionChange)=\"categoryChanged($event.value)\" #categoryInput [disabled]=\"!editable\">\n                <mat-option *ngFor=\"let category of searchCategories\"\n                            [value]=\"category\">{{category.translationPath | translate}}</mat-option>\n            </mat-select>\n        </mat-form-field>\n    </ng-template>\n    <ng-template #categoryDisplay>\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-margin\"\n             [ngClass]=\"{'bold-text': selectedCategory.displayBold}\"\n             (click)=\"clearCategorySelection()\">\n            {{selectedCategory.translationPath | translate}}\n        </div>\n    </ng-template>\n\n    <div *ngIf=\"selectedCategory\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <ng-template ngFor let-configurationInput [ngForOf]=\"selectedCategory.configurationInputs$ | async\">\n            <nc-search-configuration-input [configuration]=\"configurationInput\" [selectedCategory]=\"selectedCategory\"\n                                           [editable]=\"editable\"></nc-search-configuration-input>\n        </ng-template>\n    </div>\n    <div *ngIf=\"editable\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <button mat-stroked-button color=\"warn\" (click)=\"remove()\" class=\"advanced-search-buttons\">\n            <mat-icon>clear</mat-icon>\n        </button>\n    </div>\n</div>\n", styles: [".predicate-body{border-radius:4px;padding-right:4px;min-height:32px}.smaller-button{width:32px;height:32px;line-height:32px;margin-right:-4px}.bold-text{font-weight:700}.text-margin{margin-left:4px}.white-background{background:#fafafa}::ng-deep .mat-form-field-wrapper{margin:0;padding-bottom:0}.mat-form-field-wrapper-search{margin:0!important;border-radius:5px;background:#fafafa;min-width:250px}.advanced-search-buttons{min-height:44px;margin:1.5px 8px 1.5px 4px;min-width:44px;padding:0}.prefix-icon{font-size:18px;color:#64748b}@media only screen and (max-width: 599px){.mat-form-field-wrapper-search{min-width:unset}}\n"] }]
         }], ctorParameters: function () { return [{ type: Array, decorators: [{
                     type: Inject,
                     args: [NAE_SEARCH_CATEGORIES]
                 }] }, { type: i1.LoggerService }, { type: i1.AdvancedSearchComponentInitializationService }, { type: i1.CategoryFactory }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLXByZWRpY2F0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zZWFyY2gvYWR2YW5jZWQtc2VhcmNoL3NlYXJjaC1wcmVkaWNhdGUtY29tcG9uZW50L3NlYXJjaC1wcmVkaWNhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvc2VhcmNoL2FkdmFuY2VkLXNlYXJjaC9zZWFyY2gtcHJlZGljYXRlLWNvbXBvbmVudC9zZWFyY2gtcHJlZGljYXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFPLE1BQU0sZUFBZSxDQUFDO0FBQ3RELE9BQU8sRUFDSCxnQ0FBZ0MsRUFHaEMscUJBQXFCLEVBRXhCLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7Ozs7Ozs7QUFPbEMsTUFBTSxPQUFPLHdCQUF5QixTQUFRLGdDQUFnQztJQUUxRSxZQUEyQyxnQkFBNEMsRUFDM0UsTUFBcUIsRUFDckIscUJBQW1FLEVBQ25FLGVBQWdDO1FBQ3hDLEtBQUssQ0FBQyxnQkFBZ0IsRUFBRSxNQUFNLEVBQUUscUJBQXFCLEVBQUUsZUFBZSxDQUFDLENBQUM7SUFDNUUsQ0FBQzs7c0hBUFEsd0JBQXdCLGtCQUViLHFCQUFxQjswR0FGaEMsd0JBQXdCLGtGQ2RyQyxtM0RBaUNBOzRGRG5CYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0kscUJBQXFCOzBEQU04QixLQUFLOzBCQUFyRCxNQUFNOzJCQUFDLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIFR5cGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdFNlYXJjaFByZWRpY2F0ZUNvbXBvbmVudCxcbiAgICBBZHZhbmNlZFNlYXJjaENvbXBvbmVudEluaXRpYWxpemF0aW9uU2VydmljZSxcbiAgICBDYXRlZ29yeSwgTG9nZ2VyU2VydmljZSxcbiAgICBOQUVfU0VBUkNIX0NBVEVHT1JJRVMsXG4gICAgQ2F0ZWdvcnlGYWN0b3J5XG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtc2VhcmNoLXByZWRpY2F0ZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NlYXJjaC1wcmVkaWNhdGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3NlYXJjaC1wcmVkaWNhdGUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTZWFyY2hQcmVkaWNhdGVDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFNlYXJjaFByZWRpY2F0ZUNvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3RvcihASW5qZWN0KE5BRV9TRUFSQ0hfQ0FURUdPUklFUykgc2VhcmNoQ2F0ZWdvcmllczogQXJyYXk8VHlwZTxDYXRlZ29yeTxhbnk+Pj4sXG4gICAgICAgICAgICAgICAgbG9nZ2VyOiBMb2dnZXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIGluaXRpYWxpemF0aW9uU2VydmljZTogQWR2YW5jZWRTZWFyY2hDb21wb25lbnRJbml0aWFsaXphdGlvblNlcnZpY2UsXG4gICAgICAgICAgICAgICAgY2F0ZWdvcnlGYWN0b3J5OiBDYXRlZ29yeUZhY3RvcnkpIHtcbiAgICAgICAgc3VwZXIoc2VhcmNoQ2F0ZWdvcmllcywgbG9nZ2VyLCBpbml0aWFsaXphdGlvblNlcnZpY2UsIGNhdGVnb3J5RmFjdG9yeSk7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInByZWRpY2F0ZS1ib2R5XCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCJcbiAgICAgW25nQ2xhc3NdPVwiISFzZWxlY3RlZENhdGVnb3J5ICYmIHNlbGVjdGVkQ2F0ZWdvcnkucHJvdmlkZXNQcmVkaWNhdGUgPyAncHJlZGljYXRlLWJvZHktY29sb3InIDogJ3doaXRlLWJhY2tncm91bmQnXCI+XG4gICAgPGRpdiAqbmdJZj1cImVkaXRhYmxlXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxuICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBjb2xvcj1cIndhcm5cIiAoY2xpY2spPVwicmVtb3ZlKClcIiBjbGFzcz1cInNtYWxsZXItYnV0dG9uXCI+XG4gICAgICAgICAgICA8bWF0LWljb24+Y2xlYXI8L21hdC1pY29uPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgKm5nSWY9XCIhc2VsZWN0ZWRDYXRlZ29yeTsgdGhlbiBjYXRlZ29yeVNlbGVjdGlvbiBlbHNlIGNhdGVnb3J5RGlzcGxheVwiPjwvZGl2PlxuICAgIDxuZy10ZW1wbGF0ZSAjY2F0ZWdvcnlTZWxlY3Rpb24+XG4gICAgICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cInRleHQtbWFyZ2luXCIgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cbiAgICAgICAgICAgIDxtYXQtbGFiZWw+e3snc2VhcmNoLmNhdGVnb3J5LnNlbGVjdCcgfCB0cmFuc2xhdGV9fTwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgPG1hdC1zZWxlY3QgKHNlbGVjdGlvbkNoYW5nZSk9XCJjYXRlZ29yeUNoYW5nZWQoJGV2ZW50LnZhbHVlKVwiICNjYXRlZ29yeUlucHV0IFtkaXNhYmxlZF09XCIhZWRpdGFibGVcIj5cbiAgICAgICAgICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgY2F0ZWdvcnkgb2Ygc2VhcmNoQ2F0ZWdvcmllc1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cImNhdGVnb3J5XCI+e3tjYXRlZ29yeS50cmFuc2xhdGlvblBhdGggfCB0cmFuc2xhdGV9fTwvbWF0LW9wdGlvbj5cbiAgICAgICAgICAgIDwvbWF0LXNlbGVjdD5cbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICA8L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSAjY2F0ZWdvcnlEaXNwbGF5PlxuICAgICAgICA8ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIGNsYXNzPVwidGV4dC1tYXJnaW5cIlxuICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnYm9sZC10ZXh0Jzogc2VsZWN0ZWRDYXRlZ29yeS5kaXNwbGF5Qm9sZH1cIlxuICAgICAgICAgICAgIChjbGljayk9XCJjbGVhckNhdGVnb3J5U2VsZWN0aW9uKClcIj5cbiAgICAgICAgICAgIHt7c2VsZWN0ZWRDYXRlZ29yeS50cmFuc2xhdGlvblBhdGggfCB0cmFuc2xhdGV9fVxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgPGRpdiAqbmdJZj1cInNlbGVjdGVkQ2F0ZWdvcnlcIiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIG5nRm9yIGxldC1jb25maWd1cmF0aW9uSW5wdXQgW25nRm9yT2ZdPVwic2VsZWN0ZWRDYXRlZ29yeS5jb25maWd1cmF0aW9uSW5wdXRzJCB8IGFzeW5jXCI+XG4gICAgICAgICAgICA8bmMtc2VhcmNoLWNvbmZpZ3VyYXRpb24taW5wdXQgW2NvbmZpZ3VyYXRpb25dPVwiY29uZmlndXJhdGlvbklucHV0XCIgW3NlbGVjdGVkQ2F0ZWdvcnldPVwic2VsZWN0ZWRDYXRlZ29yeVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2VkaXRhYmxlXT1cImVkaXRhYmxlXCI+PC9uYy1zZWFyY2gtY29uZmlndXJhdGlvbi1pbnB1dD5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLXByZWRpY2F0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zZWFyY2gvYWR2YW5jZWQtc2VhcmNoL3NlYXJjaC1wcmVkaWNhdGUtY29tcG9uZW50L3NlYXJjaC1wcmVkaWNhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvc2VhcmNoL2FkdmFuY2VkLXNlYXJjaC9zZWFyY2gtcHJlZGljYXRlLWNvbXBvbmVudC9zZWFyY2gtcHJlZGljYXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFPLE1BQU0sZUFBZSxDQUFDO0FBQ3RELE9BQU8sRUFDSCxnQ0FBZ0MsRUFHaEMscUJBQXFCLEVBRXhCLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7Ozs7Ozs7QUFPbEMsTUFBTSxPQUFPLHdCQUF5QixTQUFRLGdDQUFnQztJQUUxRSxZQUEyQyxnQkFBNEMsRUFDM0UsTUFBcUIsRUFDckIscUJBQW1FLEVBQ25FLGVBQWdDO1FBQ3hDLEtBQUssQ0FBQyxnQkFBZ0IsRUFBRSxNQUFNLEVBQUUscUJBQXFCLEVBQUUsZUFBZSxDQUFDLENBQUM7SUFDNUUsQ0FBQzs7c0hBUFEsd0JBQXdCLGtCQUViLHFCQUFxQjswR0FGaEMsd0JBQXdCLGtGQ2RyQyx1NURBZ0NBOzRGRGxCYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0kscUJBQXFCOzBEQU04QixLQUFLOzBCQUFyRCxNQUFNOzJCQUFDLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIFR5cGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdFNlYXJjaFByZWRpY2F0ZUNvbXBvbmVudCxcbiAgICBBZHZhbmNlZFNlYXJjaENvbXBvbmVudEluaXRpYWxpemF0aW9uU2VydmljZSxcbiAgICBDYXRlZ29yeSwgTG9nZ2VyU2VydmljZSxcbiAgICBOQUVfU0VBUkNIX0NBVEVHT1JJRVMsXG4gICAgQ2F0ZWdvcnlGYWN0b3J5XG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtc2VhcmNoLXByZWRpY2F0ZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NlYXJjaC1wcmVkaWNhdGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3NlYXJjaC1wcmVkaWNhdGUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTZWFyY2hQcmVkaWNhdGVDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFNlYXJjaFByZWRpY2F0ZUNvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3RvcihASW5qZWN0KE5BRV9TRUFSQ0hfQ0FURUdPUklFUykgc2VhcmNoQ2F0ZWdvcmllczogQXJyYXk8VHlwZTxDYXRlZ29yeTxhbnk+Pj4sXG4gICAgICAgICAgICAgICAgbG9nZ2VyOiBMb2dnZXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIGluaXRpYWxpemF0aW9uU2VydmljZTogQWR2YW5jZWRTZWFyY2hDb21wb25lbnRJbml0aWFsaXphdGlvblNlcnZpY2UsXG4gICAgICAgICAgICAgICAgY2F0ZWdvcnlGYWN0b3J5OiBDYXRlZ29yeUZhY3RvcnkpIHtcbiAgICAgICAgc3VwZXIoc2VhcmNoQ2F0ZWdvcmllcywgbG9nZ2VyLCBpbml0aWFsaXphdGlvblNlcnZpY2UsIGNhdGVnb3J5RmFjdG9yeSk7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInByZWRpY2F0ZS1ib2R5IG5ldGdyaWYtaW5wdXQtc2VhcmNoLWZpeCBuZXRncmlmLWlucHV0LXByaW1hcnktc2VhcmNoLWZpeFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiPlxuICAgIDxkaXYgKm5nSWY9XCIhc2VsZWN0ZWRDYXRlZ29yeTsgdGhlbiBjYXRlZ29yeVNlbGVjdGlvbiBlbHNlIGNhdGVnb3J5RGlzcGxheVwiPjwvZGl2PlxuICAgIDxuZy10ZW1wbGF0ZSAjY2F0ZWdvcnlTZWxlY3Rpb24+XG4gICAgICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cIm1hdC1mb3JtLWZpZWxkLXdyYXBwZXItc2VhcmNoXCIgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbiBtYXRQcmVmaXggY2xhc3M9XCJwcmVmaXgtaWNvblwiPnNlYXJjaDwvbWF0LWljb24+XG4gICAgICAgICAgICA8bWF0LWxhYmVsPnt7J3NlYXJjaC5jYXRlZ29yeS5zZWxlY3QnIHwgdHJhbnNsYXRlfX08L21hdC1sYWJlbD5cbiAgICAgICAgICAgIDxtYXQtc2VsZWN0IChzZWxlY3Rpb25DaGFuZ2UpPVwiY2F0ZWdvcnlDaGFuZ2VkKCRldmVudC52YWx1ZSlcIiAjY2F0ZWdvcnlJbnB1dCBbZGlzYWJsZWRdPVwiIWVkaXRhYmxlXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IGNhdGVnb3J5IG9mIHNlYXJjaENhdGVnb3JpZXNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJjYXRlZ29yeVwiPnt7Y2F0ZWdvcnkudHJhbnNsYXRpb25QYXRoIHwgdHJhbnNsYXRlfX08L21hdC1vcHRpb24+XG4gICAgICAgICAgICA8L21hdC1zZWxlY3Q+XG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctdGVtcGxhdGUgI2NhdGVnb3J5RGlzcGxheT5cbiAgICAgICAgPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBjbGFzcz1cInRleHQtbWFyZ2luXCJcbiAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J2JvbGQtdGV4dCc6IHNlbGVjdGVkQ2F0ZWdvcnkuZGlzcGxheUJvbGR9XCJcbiAgICAgICAgICAgICAoY2xpY2spPVwiY2xlYXJDYXRlZ29yeVNlbGVjdGlvbigpXCI+XG4gICAgICAgICAgICB7e3NlbGVjdGVkQ2F0ZWdvcnkudHJhbnNsYXRpb25QYXRoIHwgdHJhbnNsYXRlfX1cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgIDxkaXYgKm5nSWY9XCJzZWxlY3RlZENhdGVnb3J5XCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBuZ0ZvciBsZXQtY29uZmlndXJhdGlvbklucHV0IFtuZ0Zvck9mXT1cInNlbGVjdGVkQ2F0ZWdvcnkuY29uZmlndXJhdGlvbklucHV0cyQgfCBhc3luY1wiPlxuICAgICAgICAgICAgPG5jLXNlYXJjaC1jb25maWd1cmF0aW9uLWlucHV0IFtjb25maWd1cmF0aW9uXT1cImNvbmZpZ3VyYXRpb25JbnB1dFwiIFtzZWxlY3RlZENhdGVnb3J5XT1cInNlbGVjdGVkQ2F0ZWdvcnlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtlZGl0YWJsZV09XCJlZGl0YWJsZVwiPjwvbmMtc2VhcmNoLWNvbmZpZ3VyYXRpb24taW5wdXQ+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cImVkaXRhYmxlXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxuICAgICAgICA8YnV0dG9uIG1hdC1zdHJva2VkLWJ1dHRvbiBjb2xvcj1cIndhcm5cIiAoY2xpY2spPVwicmVtb3ZlKClcIiBjbGFzcz1cImFkdmFuY2VkLXNlYXJjaC1idXR0b25zXCI+XG4gICAgICAgICAgICA8bWF0LWljb24+Y2xlYXI8L21hdC1pY29uPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

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

@@ -3,18 +3,20 @@ import { AbstractFulltextSearchComponent } from '@netgrif/components-core';
 import * as i0 from "@angular/core";
 import * as i1 from "@netgrif/components-core";
 import * as i2 from "@angular/material/form-field";
-import * as i3 from "@angular/material/input";
-import * as i4 from "@angular/forms";
-import * as i5 from "@ngx-translate/core";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/flex-layout/flex";
+import * as i5 from "@angular/material/input";
+import * as i6 from "@angular/forms";
+import * as i7 from "@ngx-translate/core";
 export class FulltextSearchComponent extends AbstractFulltextSearchComponent {
     constructor(searchService) {
         super(searchService);
     }
 }
 FulltextSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FulltextSearchComponent, deps: [{ token: i1.SearchService }], target: i0.ɵɵFactoryTarget.Component });
-FulltextSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FulltextSearchComponent, selector: "nc-fulltext-search", usesInheritance: true, ngImport: i0, template: "<mat-form-field appearance=\"outline\" class=\"disable-error-margin\">\n    <input type=\"text\" matInput\n           [placeholder]=\"'search.fullText' | translate\"\n           [formControl]=\"fullTextFormControl\"\n           (keydown.enter)=\"$event.target.blur()\">\n</mat-form-field>\n", styles: [""], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i3.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: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "translate": i5.TranslatePipe } });
+FulltextSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FulltextSearchComponent, selector: "nc-fulltext-search", usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"full-size netgrif-input-primary-search-fix\">\n    <mat-form-field appearance=\"outline\" class=\"disable-error-margin fulltext-search\">\n        <mat-icon matPrefix class=\"prefix-icon\">search</mat-icon>\n        <input type=\"text\" matInput\n               [placeholder]=\"'search.fullText' | translate\"\n               [formControl]=\"fullTextFormControl\"\n               (keydown.enter)=\"$event.target.blur()\">\n    </mat-form-field>\n</div>\n\n", styles: [".prefix-icon{font-size:18px;color:#64748b}.fulltext-search{background:white;min-width:360px;border-radius:6px}.full-size{width:100%;height:100%}@media only screen and (max-width: 599px){.fulltext-search{min-width:unset}}\n"], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], 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: i2.MatPrefix, selector: "[matPrefix]" }, { type: i5.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: i6.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "translate": i7.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FulltextSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-fulltext-search', template: "<mat-form-field appearance=\"outline\" class=\"disable-error-margin\">\n    <input type=\"text\" matInput\n           [placeholder]=\"'search.fullText' | translate\"\n           [formControl]=\"fullTextFormControl\"\n           (keydown.enter)=\"$event.target.blur()\">\n</mat-form-field>\n", styles: [""] }]
+            args: [{ selector: 'nc-fulltext-search', template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"full-size netgrif-input-primary-search-fix\">\n    <mat-form-field appearance=\"outline\" class=\"disable-error-margin fulltext-search\">\n        <mat-icon matPrefix class=\"prefix-icon\">search</mat-icon>\n        <input type=\"text\" matInput\n               [placeholder]=\"'search.fullText' | translate\"\n               [formControl]=\"fullTextFormControl\"\n               (keydown.enter)=\"$event.target.blur()\">\n    </mat-form-field>\n</div>\n\n", styles: [".prefix-icon{font-size:18px;color:#64748b}.fulltext-search{background:white;min-width:360px;border-radius:6px}.full-size{width:100%;height:100%}@media only screen and (max-width: 599px){.fulltext-search{min-width:unset}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.SearchService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVsbHRleHQtc2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3NlYXJjaC9mdWxsdGV4dC1zZWFyY2gtY29tcG9uZW50L2Z1bGx0ZXh0LXNlYXJjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zZWFyY2gvZnVsbHRleHQtc2VhcmNoLWNvbXBvbmVudC9mdWxsdGV4dC1zZWFyY2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsK0JBQStCLEVBQWdCLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7QUFPeEYsTUFBTSxPQUFPLHVCQUF3QixTQUFRLCtCQUErQjtJQUV4RSxZQUFZLGFBQTRCO1FBQ3BDLEtBQUssQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUN6QixDQUFDOztxSEFKUSx1QkFBdUI7eUdBQXZCLHVCQUF1QixpRkNScEMsb1NBTUE7NEZERWEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNJLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RGdWxsdGV4dFNlYXJjaENvbXBvbmVudCwgU2VhcmNoU2VydmljZX0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1mdWxsdGV4dC1zZWFyY2gnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9mdWxsdGV4dC1zZWFyY2guY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2Z1bGx0ZXh0LXNlYXJjaC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZ1bGx0ZXh0U2VhcmNoQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RGdWxsdGV4dFNlYXJjaENvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3RvcihzZWFyY2hTZXJ2aWNlOiBTZWFyY2hTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKHNlYXJjaFNlcnZpY2UpO1xuICAgIH1cblxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCIgY2xhc3M9XCJkaXNhYmxlLWVycm9yLW1hcmdpblwiPlxuICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIG1hdElucHV0XG4gICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCInc2VhcmNoLmZ1bGxUZXh0JyB8IHRyYW5zbGF0ZVwiXG4gICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJmdWxsVGV4dEZvcm1Db250cm9sXCJcbiAgICAgICAgICAgKGtleWRvd24uZW50ZXIpPVwiJGV2ZW50LnRhcmdldC5ibHVyKClcIj5cbjwvbWF0LWZvcm0tZmllbGQ+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVsbHRleHQtc2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3NlYXJjaC9mdWxsdGV4dC1zZWFyY2gtY29tcG9uZW50L2Z1bGx0ZXh0LXNlYXJjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zZWFyY2gvZnVsbHRleHQtc2VhcmNoLWNvbXBvbmVudC9mdWxsdGV4dC1zZWFyY2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsK0JBQStCLEVBQWdCLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7OztBQU94RixNQUFNLE9BQU8sdUJBQXdCLFNBQVEsK0JBQStCO0lBRXhFLFlBQVksYUFBNEI7UUFDcEMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ3pCLENBQUM7O3FIQUpRLHVCQUF1Qjt5R0FBdkIsdUJBQXVCLGlGQ1JwQyx1Z0JBVUE7NEZERmEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNJLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RGdWxsdGV4dFNlYXJjaENvbXBvbmVudCwgU2VhcmNoU2VydmljZX0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1mdWxsdGV4dC1zZWFyY2gnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9mdWxsdGV4dC1zZWFyY2guY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2Z1bGx0ZXh0LXNlYXJjaC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZ1bGx0ZXh0U2VhcmNoQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RGdWxsdGV4dFNlYXJjaENvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3RvcihzZWFyY2hTZXJ2aWNlOiBTZWFyY2hTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKHNlYXJjaFNlcnZpY2UpO1xuICAgIH1cblxufVxuIiwiPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBjbGFzcz1cImZ1bGwtc2l6ZSBuZXRncmlmLWlucHV0LXByaW1hcnktc2VhcmNoLWZpeFwiPlxuICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiIGNsYXNzPVwiZGlzYWJsZS1lcnJvci1tYXJnaW4gZnVsbHRleHQtc2VhcmNoXCI+XG4gICAgICAgIDxtYXQtaWNvbiBtYXRQcmVmaXggY2xhc3M9XCJwcmVmaXgtaWNvblwiPnNlYXJjaDwvbWF0LWljb24+XG4gICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIG1hdElucHV0XG4gICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiJ3NlYXJjaC5mdWxsVGV4dCcgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImZ1bGxUZXh0Rm9ybUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgKGtleWRvd24uZW50ZXIpPVwiJGV2ZW50LnRhcmdldC5ibHVyKClcIj5cbiAgICA8L21hdC1mb3JtLWZpZWxkPlxuPC9kaXY+XG5cbiJdfQ==