npm - @netgrif/components - Versions diffs - 6.0.1 - Mend

@netgrif/components 6.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (725) hide show

package/netgrif-components.metadata.json ADDED Viewed

@@ -0,0 +1 @@

+ {"__symbolic":"module","version":4,"metadata":{"RoleAssignmentComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractRoleAssignment","line":11,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-role-assignment","providers":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"RoleAssignmentService","line":8,"character":8}],"template":"<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"full-height full-width padding-default\">\n\n <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"44\" class=\"full-height\">\n <ng-container *ngIf=\"users.users$ | async as users_\">\n\n <mat-toolbar color=\"primary\" class=\"height-96\">\n <span matTooltip=\"{{users_.length}}/{{users.totalUsers}}\">\n {{'admin.user-list.listTitle' | translate}}\n </span>\n <div fxFlex=\"5\"></div>\n\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <mat-icon fxFlex class=\"search-icon\">search</mat-icon>\n <mat-form-field fxFlex=\"100\" class=\"user-assign-search\" color=\"primary\">\n <input matInput placeholder=\"{{ 'side-menu.user.choose' | translate }}\"\n [formControl]=\"searchUserControl\">\n <button mat-button *ngIf=\"searchUserControl.value\" matSuffix mat-icon-button\n (click)=\"searchUserControl.setValue('')\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n </div>\n\n <span style=\"flex: 1 1 auto;\"></span>\n <button disabled mat-icon-button\n matTooltip=\"{{userMultiSelect ? 'Multi selection' : 'Single selection'}}\"\n (click)=\"userMultiSelect = !userMultiSelect\">\n <mat-icon>{{userMultiSelect ? 'group' : 'person'}}</mat-icon>\n </button>\n <button mat-icon-button matTooltip=\"Select All\" (click)=\"selectAllUsers(true)\">\n <mat-icon>done_all</mat-icon>\n </button>\n <button mat-icon-button matTooltip=\"Deselect All\" (click)=\"selectAllUsers(false)\">\n <mat-icon>clear</mat-icon>\n </button>\n </mat-toolbar>\n\n <div *ngIf=\"(users.loading$ | async) === false && users_.length === 0\" fxLayout=\"column\"\n fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n <mat-icon color=\"accent\" class=\"margin-bottom-default no-user-icon\">perm_identity</mat-icon>\n <span class=\"font-size-20\">{{ 'admin.user-list.noUsersWereFound' | translate}}</span>\n </div>\n\n <mat-selection-list #userList color=\"accent\" fxFlex=\"100\" class=\"full-width\">\n\n <cdk-virtual-scroll-viewport itemSize=\"72\" (scrolledIndexChange)=\"loadNextUserPage()\"\n class=\"full-width full-height\">\n <mat-list-option *cdkVirtualFor=\"let user of users_; let i = index;\" checkboxPosition=\"before\"\n [selected]=\"user.selected\"\n [value]=\"user\"\n [ngClass]=\"{'list-item-selected':user.selected}\"\n (click)=\"user.toggle();autoSelectRoles()\">\n <h3 matLine>{{user.fullName}}</h3>\n <p matLine>ID: {{user.id}}, Email: {{user.email}}</p>\n </mat-list-option>\n\n <div *ngIf=\"users.loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n <mat-spinner color=\"primary\" diameter=\"50\"></mat-spinner>\n </div>\n\n </cdk-virtual-scroll-viewport>\n\n </mat-selection-list>\n </ng-container>\n </div>\n\n <div fxFlex=\"6\"></div>\n\n <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"50\" class=\"full-height\">\n\n <mat-toolbar color=\"primary\" class=\"height-96\">\n <span>{{'admin.process-list.listTitle' | translate}}</span>\n <span style=\"flex: 1 1 auto;\"></span>\n <mat-spinner *ngIf=\"users.updating$ | async\" color=\"accent\" diameter=\"30\"></mat-spinner>\n </mat-toolbar>\n\n <div *ngIf=\"(users.loading$ | async) === false && nets.processes.length === 0\" fxLayout=\"column\"\n fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n <mat-icon color=\"accent\" class=\"margin-bottom-default no-user-icon\">timeline</mat-icon>\n <span class=\"font-size-20\">{{ 'admin.process-list.noProcessesWereFound' | translate}}</span>\n </div>\n\n <mat-accordion class=\"full-width margin-top-default process-list-accordion\" multi fxFlex>\n\n <mat-expansion-panel *ngFor=\"let item of nets.processes\" (afterExpand)=\"nets.loadProcessItemRoles(item)\"\n (afterCollapse)=\"nets.prepareToTryAgainToLoadRoles(item)\">\n\n <mat-expansion-panel-header>\n <mat-panel-title>\n <mat-icon *ngIf=\"item.someRolesSelected\" color=\"accent\" class=\"margin-right-x2\">tour</mat-icon>\n <span>{{item.initials}} - {{item.title}}</span>\n </mat-panel-title>\n <mat-panel-description class=\"process-item-description\">\n <span\n class=\"process-item-description full-width\">{{'admin.process-list.newestVersion' | translate}}\n : {{item.newestVersion}}</span>\n </mat-panel-description>\n </mat-expansion-panel-header>\n\n <div *ngIf=\"item.loading\" fxFlex=\"100\" class=\"full-width\">\n <mat-progress-bar mode=\"indeterminate\" color=\"primary\"></mat-progress-bar>\n </div>\n\n <div *ngIf=\"!item.loading && item.emptyRoles\" fxLayout=\"column\"\n fxLayoutAlign=\"center center\" fxFlex class=\"full-width full-height net-panel-content\">\n <mat-icon color=\"accent\" class=\"margin-bottom-default\">account_circle</mat-icon>\n <span class=\"font-size-15\">{{ 'admin.process-list.noRoles' | translate}}</span>\n </div>\n\n <div *ngIf=\"!item.loading && !item.emptyRoles\" fxLayout=\"column\" fxLayoutAlign=\"start start\"\n class=\"full-height full-width net-panel-content\">\n <h3>{{ 'admin.process-list.roles' | translate}}</h3>\n <div *ngFor=\"let net of item.processes; let first = first\" fxLayout=\"column\"\n fxLayoutAlign=\"start center\" class=\"full-width\">\n <mat-divider *ngIf=\"!first\" style=\"position: relative\"></mat-divider>\n\n <button mat-button matTooltip=\"{{item.someRolesSelected ? 'Deselect All' : 'Select All'}}\"\n (click)=\"toggleAllRoles(net, !item.someRolesSelected)\">\n {{net.version}}\n </button>\n\n <mat-selection-list color=\"accent\" fxLayout=\"row wrap\" fxLayoutAlign=\"start center\"\n class=\"full-width\">\n <mat-list-option *ngFor=\"let role of net.roles\" checkboxPosition=\"before\"\n [selected]=\"role.selected\" (click)=\"role.toggle();update(role)\"\n fxFlex=\"50\">\n <h3 matLine>{{role.name}}</h3>\n </mat-list-option>\n </mat-selection-list>\n </div>\n </div>\n\n </mat-expansion-panel>\n\n </mat-accordion>\n\n <div *ngIf=\"nets.loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFlex=\"100\">\n <mat-spinner color=\"primary\" diameter=\"65\"></mat-spinner>\n </div>\n </div>\n</div>\n","styles":[".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.user-list-item-margin{margin:4px 0}.net-panel-content{padding-left:24px;padding-right:24px;padding-bottom:24px}.font-size-20{font-size:20px}.font-size-15{font-size:15px}.no-user-icon{font-size:40px;width:40px;height:40px}.process-item-description{text-align:right}.process-list-accordion{overflow-y:auto;padding:0 2px 4px}.user-assign-search{width:100%}.search-icon{margin-right:10px}.height-96{min-height:96px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"RoleAssignmentService","line":12,"character":36},{"__symbolic":"reference","module":"@netgrif/components-core","name":"UserService","line":12,"character":83}]}]}},"AdminComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"RoleAssignmentComponent"},{"__symbolic":"reference","name":"ɵe"}],"exports":[{"__symbolic":"reference","name":"RoleAssignmentComponent"},{"__symbolic":"reference","name":"ɵe"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":12,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":13,"character":8}]}]}],"members":{}},"AuthenticationOverlayComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractAuthenticationOverlay","line":15,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"nc-authentication-overlay","template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"SessionService","line":17,"character":36},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SpinnerOverlayService","line":17,"character":79},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":18,"character":34},{"__symbolic":"reference","module":"@netgrif/components-core","name":"RedirectService","line":18,"character":69},{"__symbolic":"reference","module":"@netgrif/components-core","name":"UserService","line":18,"character":109}]}]}},"AuthenticationComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AuthenticationOverlayComponent"}],"exports":[{"__symbolic":"reference","name":"AuthenticationOverlayComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":8}]}]}],"members":{}},"IframeCardComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractIframeCard","line":9,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-iframe-card","template":"<mat-card class=\"dashboard-card\" fxLayout=\"row\" fxLayoutAlign=\"start start\">\n <iframe [src]=\"sanitizedURL\" fxFlex=\"100\" class=\"full-size\" title=\"Dashboard embedded content\"></iframe>\n</mat-card>\n","styles":[".dashboard-card{width:calc(100% - 16px);height:calc(100% - 16px);margin:8px}.full-size{width:100%;height:100%;margin:0;padding:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":11,"character":38}]}]}},"CountCardComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractCountCard","line":9,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-count-card","template":"<mat-card fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"dashboard-card\">\n <span>{{card.title}}</span>\n <ng-template [ngIf]=\"loading\" [ngIfElse]=\"result\">\n <mat-spinner color=\"primary\"></mat-spinner>\n </ng-template>\n <ng-template #result>\n <span class=\"number\">{{count}}</span>\n </ng-template>\n</mat-card>\n","styles":[".dashboard-card{width:calc(100% - 16px);height:calc(100% - 16px);margin:8px}.number{font-size:80px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":11,"character":37}]}]}},"LinearGaugeCardComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractCustomCard","line":10,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"nc-linear-gauge-card","template":"<mat-card class=\"dashboard-card custom-mat-card\" fxLayout=\"row\" fxLayoutAlign=\"start start\">\n <ngx-charts-linear-gauge class=\"custom-chart\"\n [scheme]=\"colorScheme\"\n [value]=\"value\"\n (select)=\"onSelect($event)\"\n [units]=\"card.units\">\n </ngx-charts-linear-gauge>\n</mat-card>\n","styles":[".dashboard-card{width:calc(100% - 16px);height:calc(100% - 16px);margin:8px}.full-size{width:100%;height:100%;margin:0;padding:0}.custom-chart{width:90%;height:90%}.custom-mat-card{padding-left:0;padding-top:0}"]}]}],"members":{"selectEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":14,"character":37},{"__symbolic":"reference","module":"@netgrif/components-core","name":"DashboardResourceService","line":15,"character":43},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":16,"character":44},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":17,"character":41}]}],"ngOnInit":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"convertData":[{"__symbolic":"method"}]}},"PieChartCardComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractCustomCard","line":10,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"nc-pie-chart-card","template":"<mat-card class=\"dashboard-card custom-mat-card\" fxLayout=\"row\" fxLayoutAlign=\"start start\">\n <ngx-charts-pie-chart class=\"custom-chart\"\n [scheme]=\"colorScheme\"\n [results]=\"single\"\n [gradient]=\"gradient\"\n [legend]=\"showLegend\"\n [legendPosition]=\"legendPosition\"\n [labels]=\"showLabels\"\n [doughnut]=\"isDoughnut\"\n (select)=\"onSelect($event)\"\n >\n </ngx-charts-pie-chart>\n</mat-card>\n","styles":[".custom-mat-card{padding-left:0;padding-top:0}.dashboard-card{width:calc(100% - 16px);height:calc(100% - 16px);margin:8px}.full-size{width:100%;height:100%;margin:0;padding:0}.custom-chart{width:90%;height:90%}"]}]}],"members":{"selectEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":16,"character":37},{"__symbolic":"reference","module":"@netgrif/components-core","name":"DashboardResourceService","line":17,"character":43},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":18,"character":44},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":19,"character":41}]}],"ngOnInit":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"convertData":[{"__symbolic":"method"}]}},"BarchartCardComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractCustomCard","line":16,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"nc-barchart-card","template":"<mat-card class=\"dashboard-card custom-mat-card\" fxLayout=\"row\" fxLayoutAlign=\"start start\">\n <ngx-charts-bar-vertical class=\"custom-chart\"\n [scheme]=\"colorScheme\"\n [results]=\"single\"\n [gradient]=\"gradient\"\n [xAxis]=\"xAxis\"\n [yAxis]=\"yAxis\"\n [legend]=\"showLegend\"\n [showXAxisLabel]=\"showXAxisLabel\"\n [showYAxisLabel]=\"showYAxisLabel\"\n [xAxisLabel]=\"card.xAxisLabel\"\n [yAxisLabel]=\"card.yAxisLabel\"\n (select)=\"onSelect($event)\">\n </ngx-charts-bar-vertical>\n</mat-card>\n","styles":[".dashboard-card{width:calc(100% - 16px);height:calc(100% - 16px);margin:8px}.full-size{width:100%;height:100%;margin:0;padding:0}.custom-chart{width:90%;height:90%}.custom-mat-card{padding-left:0;padding-top:0}"]}]}],"members":{"selectEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":20,"character":37},{"__symbolic":"reference","module":"@netgrif/components-core","name":"DashboardResourceService","line":21,"character":43},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":22,"character":44},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":23,"character":41}]}],"ngOnInit":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"convertData":[{"__symbolic":"method"}]}},"PortalCardComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractCustomCard","line":11,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"nc-portal-card","template":"<ng-template [cdkPortalOutlet]=\"injectedDashboard\">\n</ng-template>\n","styles":[".custom-mat-card{padding-left:0;padding-top:0}.dashboard-card{width:calc(100% - 16px);height:calc(100% - 16px);margin:8px}.full-size{width:100%;height:100%;margin:0;padding:0}.custom-chart{width:90%;height:90%}"]}]}],"members":{"componentPortal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"selectEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":17,"character":37},{"__symbolic":"reference","module":"@netgrif/components-core","name":"DashboardResourceService","line":18,"character":43},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":19,"character":44},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":20,"character":41}]}],"ngOnInit":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"convertData":[{"__symbolic":"method"}]}},"LineChartCardComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractCustomCard","line":16,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"nc-line-chart-card","template":"<mat-card class=\"dashboard-card custom-mat-card\" fxLayout=\"row\" fxLayoutAlign=\"start start\">\n <ngx-charts-line-chart class=\"custom-chart\"\n [legend]=\"showLegend\"\n [showXAxisLabel]=\"showXAxisLabel\"\n [showYAxisLabel]=\"showYAxisLabel\"\n [xAxis]=\"xAxis\"\n [yAxis]=\"yAxis\"\n [xAxisLabel]=\"card.xAxisLabel\"\n [yAxisLabel]=\"card.yAxisLabel\"\n [timeline]=\"timeline\"\n [results]=\"multi\"\n (select)=\"onSelect($event)\"\n >\n </ngx-charts-line-chart>\n</mat-card>\n","styles":[".dashboard-card{width:calc(100% - 16px);height:calc(100% - 16px);margin:8px}.full-size{width:100%;height:100%;margin:0;padding:0}.custom-mat-card{padding-left:0;padding-top:0}"]}]}],"members":{"selectEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":21,"character":37},{"__symbolic":"reference","module":"@netgrif/components-core","name":"DashboardResourceService","line":22,"character":43},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":23,"character":44},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":24,"character":41}]}],"ngOnInit":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"convertData":[{"__symbolic":"method"}]}},"DashboardContentComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractDashboardContent","line":8,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-dashboard-content","template":"<mat-grid-list [cols]=\"params.columns\" rowHeight=\"210px\">\n <mat-grid-tile *ngFor=\"let card of gridElements\"\n [colspan]=\"card.layout.cols\"\n [rowspan]=\"card.layout.rows\"\n [ngSwitch]=\"card.type\">\n <nc-count-card *ngSwitchCase=\"cardTypes.COUNT\" [card]=\"card.item\" class=\"full-size\"></nc-count-card>\n <nc-iframe-card *ngSwitchCase=\"cardTypes.IFRAME\" [card]=\"card.item\" class=\"full-size\"></nc-iframe-card>\n <nc-pie-chart-card *ngSwitchCase=\"cardTypes.PIE\" [card]=\"card.item\" class=\"full-size\"></nc-pie-chart-card>\n <nc-line-chart-card *ngSwitchCase=\"cardTypes.LINE\" [card]=\"card.item\" class=\"full-size\"></nc-line-chart-card>\n <nc-linear-gauge-card *ngSwitchCase=\"cardTypes.LINEARGAUGE\" [card]=\"card.item\"\n class=\"full-size\"></nc-linear-gauge-card>\n <nc-barchart-card *ngSwitchCase=\"cardTypes.BAR\" [card]=\"card.item\" class=\"full-size\"></nc-barchart-card>\n <nc-portal-card *ngSwitchCase=\"cardTypes.DEFAULT\" [card]=\"card.item\"\n [componentPortal]=\"card.item.portalComponent\" class=\"full-size\"></nc-portal-card>\n <div *ngSwitchCase=\"cardTypes.BLANK\"></div>\n </mat-grid-tile>\n</mat-grid-list>\n","styles":[".full-size{width:100%;height:100%;margin:auto;padding:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":10,"character":32}]}]}},"DashboardComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CountCardComponent"},{"__symbolic":"reference","name":"IframeCardComponent"},{"__symbolic":"reference","name":"DashboardContentComponent"},{"__symbolic":"reference","name":"PieChartCardComponent"},{"__symbolic":"reference","name":"LineChartCardComponent"},{"__symbolic":"reference","name":"BarchartCardComponent"},{"__symbolic":"reference","name":"LinearGaugeCardComponent"},{"__symbolic":"reference","name":"PortalCardComponent"}],"exports":[{"__symbolic":"reference","name":"CountCardComponent"},{"__symbolic":"reference","name":"IframeCardComponent"},{"__symbolic":"reference","name":"DashboardContentComponent"},{"__symbolic":"reference","name":"PieChartCardComponent"},{"__symbolic":"reference","name":"LineChartCardComponent"},{"__symbolic":"reference","name":"BarchartCardComponent"},{"__symbolic":"reference","name":"LinearGaugeCardComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":34,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":35,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":36,"character":8},{"__symbolic":"reference","module":"@swimlane/ngx-charts","name":"NgxChartsModule","line":37,"character":8}]}]}],"members":{}},"DataFieldsComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":61,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BooleanFieldComponent"},{"__symbolic":"reference","name":"ButtonFieldComponent"},{"__symbolic":"reference","name":"DataFieldTemplateComponent"},{"__symbolic":"reference","name":"DateFieldComponent"},{"__symbolic":"reference","name":"DateTimeFieldComponent"},{"__symbolic":"reference","name":"EnumerationFieldComponent"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"FileFieldComponent"},{"__symbolic":"reference","name":"FileListFieldComponent"},{"__symbolic":"reference","name":"MultichoiceFieldComponent"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"NumberFieldComponent"},{"__symbolic":"reference","name":"TextFieldComponent"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"UserFieldComponent"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"FilterFieldComponent"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"I18nFieldComponent"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbb"}],"exports":[{"__symbolic":"reference","name":"BooleanFieldComponent"},{"__symbolic":"reference","name":"ButtonFieldComponent"},{"__symbolic":"reference","name":"DataFieldTemplateComponent"},{"__symbolic":"reference","name":"DateFieldComponent"},{"__symbolic":"reference","name":"DateTimeFieldComponent"},{"__symbolic":"reference","name":"EnumerationFieldComponent"},{"__symbolic":"reference","name":"FileFieldComponent"},{"__symbolic":"reference","name":"FileListFieldComponent"},{"__symbolic":"reference","name":"MultichoiceFieldComponent"},{"__symbolic":"reference","name":"NumberFieldComponent"},{"__symbolic":"reference","name":"TextFieldComponent"},{"__symbolic":"reference","name":"UserFieldComponent"},{"__symbolic":"reference","name":"FilterFieldComponent"},{"__symbolic":"reference","name":"I18nFieldComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":116,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":117,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":118,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"CovalentModule","line":119,"character":8},{"__symbolic":"reference","module":"angular-resize-event","name":"AngularResizedEventModule","line":120,"character":8},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":121,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":122,"character":8},{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NgxMatDatetimePickerModule","line":123,"character":8},{"__symbolic":"reference","module":"@angular-material-components/moment-adapter","name":"NgxMatMomentModule","line":124,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":125,"character":8},{"__symbolic":"reference","name":"SideMenuUserAssignComponentModule"},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-quill","name":"QuillModule","line":127,"character":8},"member":"forRoot"}},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":128,"character":8},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":130,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"CurrencyModule","line":131,"character":8}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"DateAdapter","line":134,"character":18},"useClass":{"__symbolic":"reference","module":"@netgrif/components-core","name":"CustomDateAdapter","line":134,"character":41}}],"entryComponents":[{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵz"}]}]}],"members":{}},"ButtonFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractButtonFieldComponent","line":9,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-button-field","template":"<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"button\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #button let-showLargeLayout=\"showLargeLayout\">\n <div>\n <mat-label *ngIf=\"!showLargeLayout.value\">\n {{dataField.title}}\n <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n <br>\n </mat-label>\n <button mat-button\n [ngClass]=\"{\n 'mat-raised-button': resolveComponentType() === 'raised',\n 'mat-stroked-button': resolveComponentType() === 'stroked',\n 'mat-flat-button': resolveComponentType() === 'flat',\n 'mat-icon-button': resolveComponentType() === 'icon',\n 'mat-fab': resolveComponentType() === 'fab',\n 'mat-mini-fab': resolveComponentType() === 'minifab'}\"\n color=\"primary\"\n [matTooltip]=\"dataField.description\"\n [disabled]=\"formControl.disabled || dataField.waitingForResponse\"\n (click)=\"resolveValue()\">\n <div class=\"grid-wrapper\">\n <mat-icon *ngIf=\"dataField.waitingForResponse\" class=\"grid-1-1 margin-auto\" >\n <mat-spinner color=\"warn\" diameter=\"22\"></mat-spinner>\n </mat-icon>\n <div [ngClass]=\"{'label-waiting': dataField.waitingForResponse}\" class=\"grid-1-1\">\n {{(dataField.placeholder === undefined || dataField.placeholder === '') ? dataField.title : (isIconTypeButton() ? '' : dataField.placeholder) }}\n </div>\n <mat-icon class=\"grid-1-1\"\n *ngIf=\"isIconTypeButton() && !dataField.waitingForResponse\">{{dataField.placeholder}}</mat-icon>\n </div>\n </button>\n\n <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n </div>\n</ng-template>\n","styles":[".label-waiting{opacity:0}.grid-wrapper{display:-ms-grid;display:grid;place-items:center}.grid-1-1{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}.margin-auto{margin:0 auto}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":13,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":13,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_INFORM_ABOUT_INVALID_DATA","line":13,"character":36}]}]],"parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":11,"character":27},{"__symbolic":"reference","module":"@netgrif/components-core","name":"DialogService","line":12,"character":41},{"__symbolic":"reference","name":"boolean"}]}]}},"BooleanFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractBooleanFieldComponent","line":9,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-boolean-field","template":"<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"boolean\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #boolean let-showLargeLayout=\"showLargeLayout\">\n <div>\n <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}\n <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n <br></mat-label>\n <mat-slide-toggle color=\"primary\" [formControl]=\"formControl\">\n {{createValueLabel()}}\n </mat-slide-toggle>\n <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n </div>\n</ng-template>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":13,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":13,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"BOOLEAN_VALUE_LABEL_ENABLED","line":13,"character":36}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":14,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_INFORM_ABOUT_INVALID_DATA","line":14,"character":36}]}]],"parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":12,"character":27},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","name":"boolean"}]}]}},"DataFieldTemplateComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractDataFieldTemplateComponent","line":8,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-data-field-template","template":"<div class=\"fill-all-space\" #dataFieldContainer>\n\n \n <ng-template [ngIf]=\"evaluateTemplateCondition()\" [ngIfElse]=\"elseTemplate\">\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"fill-all-space\" [ngClass]=\"{'padding-16px': isPaperView(), 'padding-32px': !isPaperView()}\">\n <div fxFlex=\"{{offset}}\"></div>\n <div fxFlex=\"{{47.5 - offset}}\" class=\"cell-padding\">\n <span class=\"data-field-title\" [matTooltip]=\"dataField.description\">{{dataField.title}}<nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"true\"></nc-required-label></span>\n </div>\n <div fxFlex=\"5\"></div>\n <div fxFlex=\"{{47.5 - offset}}\" class=\"cell-padding\">\n <ng-container *ngTemplateOutlet=\"dataFieldTemplate; context: {'showLargeLayout':showLargeLayout}\"></ng-container>\n </div>\n <div fxFlex=\"{{offset}}\"></div>\n </div>\n </ng-template>\n\n \n <ng-template #elseTemplate>\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"fill-all-space padding-16px\">\n <div fxFlex=\"{{offset}}\"></div>\n <div fxFlex=\"{{100 - (2 * offset)}}\" class=\"cell-padding\">\n <ng-container *ngTemplateOutlet=\"dataFieldTemplate; context: {'showLargeLayout':showLargeLayout}\"></ng-container>\n </div>\n <div fxFlex=\"{{offset}}\"></div>\n </div>\n </ng-template>\n</div>\n","styles":[".data-field-title{font-size:16px;font-weight:400}.fill-all-space{min-width:100%;padding:0;margin:0 auto}.cell-padding{margin:0;padding:8px}.padding-16px{padding:0 16px}.padding-32px{padding:0 32px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"PaperViewService","line":10,"character":38},{"__symbolic":"reference","module":"@netgrif/components-core","name":"ConfigurationService","line":10,"character":75}]}]}},"DateFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractDateFieldComponent","line":14,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"nc-date-field","providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":11,"character":18},"useValue":{"__symbolic":"reference","module":"@netgrif/components-core","name":"DATE_FORMAT","line":11,"character":46}}],"template":"<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"date\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #date let-showLargeLayout=\"showLargeLayout\">\n <mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n <input matInput\n [matDatepicker]=\"datepicker\"\n [required]=\"dataField.behavior.required\"\n [placeholder]=\"dataField.placeholder\"\n [formControl]=\"formControl\"\n (click)=\"datepicker.open()\"\n [min]=\"dataField.min\"\n [max]=\"dataField.max\"\n (keydown.enter)=\"datepicker.close()\">\n <mat-datepicker-toggle matPrefix [for]=\"datepicker\"></mat-datepicker-toggle>\n <mat-datepicker #datepicker></mat-datepicker>\n <mat-hint>{{dataField.description}}</mat-hint>\n <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n </mat-form-field>\n</ng-template>\n","styles":[".full-width{display:block;margin:0 auto;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":16,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":16,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_INFORM_ABOUT_INVALID_DATA","line":16,"character":36}]}]],"parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":15,"character":27},{"__symbolic":"reference","name":"boolean"}]}]}},"DateTimeFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractDateTimeFieldComponent","line":13,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"nc-date-time-field","providers":[{"provide":{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NGX_MAT_DATE_FORMATS","line":10,"character":18},"useValue":{"__symbolic":"reference","module":"@netgrif/components-core","name":"DATE_TIME_FORMAT","line":10,"character":50}}],"template":"<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"fieldTemplate\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #fieldTemplate let-showLargeLayout=\"showLargeLayout\">\n <mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n <input matInput\n [ngxMatDatetimePicker]=\"picker\"\n [required]=\"dataField.behavior.required\"\n [placeholder]=\"dataField.placeholder\"\n [formControl]=\"formControl\"\n [min]=\"dataField.min\"\n [max]=\"dataField.max\"\n (click)=\"picker.open()\">\n <mat-datepicker-toggle matPrefix [for]=\"picker\"></mat-datepicker-toggle>\n <ngx-mat-datetime-picker #picker\n [showSpinners]=\"true\"\n [showSeconds]=\"false\"\n [stepHour]=\"1\"\n [stepMinute]=\"5\"\n [color]=\"'primary'\"\n [enableMeridian]=\"false\">\n </ngx-mat-datetime-picker>\n <mat-hint>{{dataField.description}}</mat-hint>\n <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n </mat-form-field>\n</ng-template>\n","styles":[".full-width{display:block;margin:0 auto;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":16,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":16,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_INFORM_ABOUT_INVALID_DATA","line":16,"character":36}]}]],"parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":15,"character":27},{"__symbolic":"reference","name":"boolean"}]}]}},"EnumerationFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractEnumerationFieldComponent","line":8,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-enumeration-field","template":"<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"enumFieldTemplate\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #enumFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n <div [ngSwitch]=\"dataField.getType()\">\n <nc-enumeration-autocomplete-dynamic-field *ngSwitchCase=\"'autocomplete_dynamic'\"\n [showLargeLayout]=\"showLargeLayout\"\n [enumerationField]=\"dataField\"\n [formControlRef]=\"formControl\">\n </nc-enumeration-autocomplete-dynamic-field>\n <nc-enumeration-autocomplete-select-field *ngSwitchCase=\"'autocomplete'\"\n [showLargeLayout]=\"showLargeLayout\"\n [enumerationField]=\"dataField\"\n [formControlRef]=\"formControl\">\n </nc-enumeration-autocomplete-select-field>\n <nc-enumeration-list-field *ngSwitchCase=\"'list'\"\n [showLargeLayout]=\"showLargeLayout\"\n [enumerationField]=\"dataField\"\n [formControlRef]=\"formControl\">\n </nc-enumeration-list-field>\n <nc-enumeration-stepper-field *ngSwitchCase=\"'stepper'\"\n [showLargeLayout]=\"showLargeLayout\"\n [enumerationField]=\"dataField\"\n [formControlRef]=\"formControl\">\n </nc-enumeration-stepper-field>\n <nc-enumeration-icon-field *ngSwitchCase=\"'icon'\"\n [showLargeLayout]=\"showLargeLayout\"\n [enumerationField]=\"dataField\"\n [formControlRef]=\"formControl\">\n </nc-enumeration-icon-field>\n <nc-enumeration-select-field *ngSwitchDefault\n [showLargeLayout]=\"showLargeLayout\"\n [enumerationField]=\"dataField\"\n [formControlRef]=\"formControl\">\n </nc-enumeration-select-field>\n </div>\n</ng-template>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":9,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":9,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_INFORM_ABOUT_INVALID_DATA","line":9,"character":36}]}]],"parameters":[{"__symbolic":"reference","name":"boolean"}]}]}},"FileFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractFileFieldComponent","line":18,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"nc-file-field","template":"<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"dataFieldTemplate\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n <div fxLayoutAlign=\"center center\" fxLayout=\"row\">\n <div fxFlex=\"{{!filePreview ? '100' : '75'}}\">\n <mat-label *ngIf=\"!showLargeLayout.value\">\n {{dataField.title}}\n <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n <br>\n </mat-label>\n <div class=\"form-input button-icon-input full-width input-margin\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <button mat-icon-button color=\"accent\" (click)=\"chooseFile()\"\n [matTooltip]=\"'dataField.file.clickToUpload' | translate\" *ngIf=\"!formControl.disabled\"\n [class.do-not-click]=\"state.uploading\">\n <mat-icon>file_upload</mat-icon>\n </button>\n <span (click)=\"isEmpty() ? chooseFile() : download()\" fxFlex\n [matTooltip]=\"isEmpty() ? '' : ('dataField.file.clickToDownload' | translate : {fileName: constructDisplayName()})\"\n class=\"input-name-ellipsis\"\n [ngClass]=\"{'input-placeholder': isEmpty(), 'no-cursor': isEmpty() && formControl.disabled}\">{{constructDisplayName()}}</span>\n <button (click)=\"deleteFile()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n *ngIf=\"!isEmpty() && !formControl.disabled\">\n <mat-icon color=\"warn\">close</mat-icon>\n </button>\n </div>\n <mat-progress-bar *ngIf=\"state.uploading || state.downloading\" color=\"primary\" [value]=\"state.progress\"\n [mode]=\"state.uploading ? 'determinate' : 'indeterminate'\"\n class=\"margin-bottom-default\"></mat-progress-bar>\n <input type=\"file\" #fileUploadInput name=\"fileUpload\" [multiple]=\"false\"\n accept=\"{{dataField.allowTypes}}\" class=\"invisible-input\">\n <input type=\"text\" [formControl]=\"formControl\" class=\"invisible-input\">\n <mat-hint class=\"file-hint-error\"\n *ngIf=\"!dataField.isInvalid(formControl)\">{{dataField.description}}</mat-hint>\n <mat-error class=\"file-hint-error\"\n *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n </div>\n <div *ngIf=\"filePreview\" fxFlex=\"5\"></div>\n <div *ngIf=\"filePreview\" fxFlex=\"20\" fxLayout=\"row\" fxLayoutAlign=\"center center\" #imageDiv\n (resized)=\"changeMaxWidth($event)\"\n [ngStyle]=\"{'max-height': getHeight()+'px'}\">\n <img *ngIf=\"previewSource !== undefined && !state.downloading && isDisplayable\" class=\"image-preview\" #imageEl\n [ngStyle]=\"!isBorderLGBTQ() && !isBorderDefault() && {\n 'border-width': getPreviewBorderWidth(),\n 'border-style': getPreviewBorderStyle(),\n 'border-color': getPreviewBorderColor()\n }\"\n [ngClass]=\"{'border-LGBTQ': isBorderLGBTQ(), 'border-default': isBorderDefault()}\"\n [src]=\"previewSource\" alt=\"Image preview\" (click)=\"showPreviewDialog()\"/>\n <mat-spinner *ngIf=\"previewSource === undefined && !!state.downloading && isDisplayable\"\n [diameter]=\"26\"></mat-spinner>\n </div>\n </div>\n</ng-template>\n","styles":[".invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.file-field-image{width:120px}.file-field-image-wrapper{border-radius:3px}.progress-bar-size{height:8px}.margin-bottom-half{margin-bottom:4px}.do-not-click:hover{cursor:not-allowed}.file-button{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:rgba(0,0,0,.42)}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.input-margin{margin-top:7px!important}.form-input{background:0 0;color:#333;outline:0;border:1px solid rgba(0,0,0,.12);text-align:left;font-size:14px;line-height:15.75px;border-radius:6px;min-width:5px;padding:10px 15px;box-sizing:border-box;height:54.81px}.form-input:hover{border-color:#000}.placeholder{color:rgba(0,0,0,.42)!important}.file-hint-error{padding:0 1em;font-size:75%}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important}.border-LGBTQ{border:5px solid transparent;-o-border-image:linear-gradient(to bottom right,#b827fc 0,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);border-image:linear-gradient(to bottom right,#b827fc 0,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);border-image-slice:1}.border-default{border:1px solid #000}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":25,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":25,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_INFORM_ABOUT_INVALID_DATA","line":25,"character":36}]}],null,null],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskResourceService","line":20,"character":37},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":21,"character":21},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SnackBarService","line":22,"character":26},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":23,"character":27},{"__symbolic":"reference","module":"@netgrif/components-core","name":"EventService","line":24,"character":30},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":26,"character":38},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":27,"character":34}]}],"showPreviewDialog":[{"__symbolic":"method"}]}},"FileListFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractFileListFieldComponent","line":15,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"nc-file-list-field","template":"<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"dataFieldTemplate\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n <div>\n <mat-label *ngIf=\"!showLargeLayout.value\">\n {{dataField.title}}\n <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n <br>\n </mat-label>\n <div class=\"form-input button-icon-input full-width input-margin\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <button mat-icon-button color=\"accent\" (click)=\"chooseFile()\"\n [matTooltip]=\"'dataField.file.clickToUpload' | translate\" *ngIf=\"!formControl.disabled\"\n [class.do-not-click]=\"state.uploading\">\n <mat-icon>file_upload</mat-icon>\n </button>\n <span *ngIf=\"uploadedFiles.length === 0\" (click)=\"chooseFile()\" fxFlex\n [ngClass]=\"{'no-cursor': formControl.disabled}\" class=\"input-placeholder input-name-ellipsis\">{{constructDisplayName()}}</span>\n <div *ngIf=\"uploadedFiles.length !== 0\" class=\"input-name-ellipsis\" fxFlex>\n <div *ngFor=\"let name of uploadedFiles\" fxLayoutAlign=\"start center\">\n <span (click)=\"download(name)\" fxFlex [matTooltip]=\"'dataField.file.clickToDownload' | translate : {fileName: name}\"\n class=\"input-name-ellipsis file-list-item\">{{name}}</span>\n <button (click)=\"deleteFile(name)\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n *ngIf=\"!formControl.disabled\">\n <mat-icon color=\"warn\">close</mat-icon>\n </button>\n </div>\n </div>\n </div>\n <mat-progress-bar *ngIf=\"state.uploading || state.downloading\" color=\"primary\" [value]=\"state.progress\"\n [mode]=\"state.uploading ? 'determinate' : 'indeterminate'\"\n class=\"margin-bottom-default\"></mat-progress-bar>\n <input type=\"file\" #fileUploadInput name=\"fileUpload\" [multiple]=\"true\"\n accept=\"{{dataField.allowTypes}}\" class=\"invisible-input\"/>\n <input type=\"text\" [formControl]=\"formControl\" class=\"invisible-input\">\n <mat-hint class=\"file-hint-error\" *ngIf=\"!dataField.isInvalid(formControl)\">{{dataField.description}}</mat-hint>\n <mat-error class=\"file-hint-error\" *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n </div>\n</ng-template>\n","styles":[".invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.progress-bar-size{height:8px}.margin-bottom-half{margin-bottom:4px}.do-not-click:hover{cursor:not-allowed}.file-button{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:rgba(0,0,0,.42)}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.input-margin{margin-top:7px!important}.form-input{background:0 0;color:#333;outline:0;border:1px solid rgba(0,0,0,.12);text-align:left;font-size:14px;line-height:15.75px;border-radius:6px;min-width:5px;padding:10px 15px;box-sizing:border-box;min-height:54.81px}.form-input:hover{border-color:#000}.file-hint-error{padding:0 1em;font-size:75%}.no-cursor{cursor:default!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":22,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":22,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_INFORM_ABOUT_INVALID_DATA","line":22,"character":36}]}]],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskResourceService","line":17,"character":37},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":18,"character":21},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SnackBarService","line":19,"character":26},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":20,"character":27},{"__symbolic":"reference","module":"@netgrif/components-core","name":"EventService","line":21,"character":30},{"__symbolic":"reference","name":"boolean"}]}]}},"MultichoiceFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractMultichoiceFieldComponent","line":8,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-multichoice-field","template":"<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"multiFieldTemplate\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #multiFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n <div *ngIf=\"dataField.component !== undefined\" [ngSwitch]=\"dataField.component.name\">\n <nc-multichoice-list-field *ngSwitchCase=\"'list'\"\n [showLargeLayout]=\"showLargeLayout\"\n [multichoiceField]=\"dataField\"\n [formControlRef]=\"formControl\">\n </nc-multichoice-list-field>\n <nc-multichoice-select-field *ngSwitchDefault\n [showLargeLayout]=\"showLargeLayout\"\n [multichoiceField]=\"dataField\"\n [formControlRef]=\"formControl\">\n </nc-multichoice-select-field>\n </div>\n\n \n <div *ngIf=\"dataField.component === undefined\" [ngSwitch]=\"dataField.view\">\n <nc-multichoice-list-field *ngSwitchCase=\"'list'\"\n [showLargeLayout]=\"showLargeLayout\"\n [multichoiceField]=\"dataField\"\n [formControlRef]=\"formControl\">\n </nc-multichoice-list-field>\n <nc-multichoice-select-field *ngSwitchDefault\n [showLargeLayout]=\"showLargeLayout\"\n [multichoiceField]=\"dataField\"\n [formControlRef]=\"formControl\">\n </nc-multichoice-select-field>\n </div>\n</ng-template>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":10,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":10,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_INFORM_ABOUT_INVALID_DATA","line":10,"character":36}]}]],"parameters":[{"__symbolic":"reference","name":"boolean"}]}]}},"NumberFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractNumberFieldComponent","line":9,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-number-field","template":"<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"dataFieldTemplate\"\n [offset]=\"taskOffset\">\n\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n <div [ngSwitch]=\"resolveComponent()\">\n <nc-number-currency-field *ngSwitchCase=\"'currency'\"\n [numberField]=\"dataField\"\n [formControlRef]=\"formControl\"\n [showLargeLayout] = showLargeLayout>\n </nc-number-currency-field>\n <nc-number-default-field *ngSwitchDefault\n [numberField]=\"dataField\"\n [formControlRef]=\"formControl\"\n [showLargeLayout] = showLargeLayout>\n </nc-number-default-field>\n </div>\n\n</ng-template>\n","styles":[".full-width{display:block;margin:0 auto;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":11,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":11,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_INFORM_ABOUT_INVALID_DATA","line":11,"character":36}]}]],"parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":10,"character":27},{"__symbolic":"reference","name":"boolean"}]}],"resolveComponent":[{"__symbolic":"method"}]}},"TextFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractTextFieldComponent","line":8,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-text-field","template":"<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"textFieldTemplate\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #textFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n <div *ngIf=\"dataField.component !== undefined\" [ngSwitch]=\"dataField.component.name\">\n <nc-password-text-field *ngSwitchCase=\"'password'\" [passwordTextField]=\"dataField\" [formControlRef]=\"formControl\"\n [showLargeLayout]=\"showLargeLayout\"></nc-password-text-field>\n <nc-textarea-field *ngSwitchCase=\"'textarea'\" [textAreaField]=\"dataField\" [formControlRef]=\"formControl\"\n [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>\n <nc-rich-textarea-field *ngSwitchCase=\"'richtextarea'\" [textAreaField]=\"dataField\"\n [formControlRef]=\"formControl\"\n [showLargeLayout]=\"showLargeLayout\"></nc-rich-textarea-field>\n <nc-html-textarea-field *ngSwitchCase=\"'htmltextarea'\" [textAreaField]=\"dataField\"\n [formControlRef]=\"formControl\"\n [showLargeLayout]=\"showLargeLayout\"></nc-html-textarea-field>\n <nc-simple-text-field *ngSwitchDefault [textField]=\"dataField\" [formControlRef]=\"formControl\"\n [showLargeLayout]=\"showLargeLayout\"></nc-simple-text-field>\n </div>\n\n \n <div *ngIf=\"dataField.component == undefined\" [ngSwitch]=\"dataField.view\">\n <nc-textarea-field *ngSwitchCase=\"'textarea'\" [textAreaField]=\"dataField\" [formControlRef]=\"formControl\"\n [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>\n <nc-rich-textarea-field *ngSwitchCase=\"'richtextarea'\" [textAreaField]=\"dataField\"\n [formControlRef]=\"formControl\"\n [showLargeLayout]=\"showLargeLayout\"></nc-rich-textarea-field>\n <nc-html-textarea-field *ngSwitchCase=\"'htmltextarea'\" [textAreaField]=\"dataField\"\n [formControlRef]=\"formControl\"\n [showLargeLayout]=\"showLargeLayout\"></nc-html-textarea-field>\n <nc-simple-text-field *ngSwitchDefault [textField]=\"dataField\" [formControlRef]=\"formControl\"\n [showLargeLayout]=\"showLargeLayout\"></nc-simple-text-field>\n </div>\n</ng-template>\n","styles":[".full-width{display:block;margin:0 auto;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":10,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":10,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_INFORM_ABOUT_INVALID_DATA","line":10,"character":36}]}]],"parameters":[{"__symbolic":"reference","name":"boolean"}]}]}},"UserFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractUserFieldComponent","line":10,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"nc-user-field","template":"<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"dataFieldTemplate\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n\n <div>\n <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}\n <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n <br>\n </mat-label>\n <button mat-stroked-button\n *ngIf=\"dataField.value !== undefined\"\n [disabled]=\"formControl.disabled\"\n color=\"primary\"\n (click)=\"selectUser()\">\n <mat-icon>how_to_reg</mat-icon>\n {{dataField.value.fullName}}\n </button>\n <button mat-stroked-button\n *ngIf=\"dataField.value === undefined\"\n [disabled]=\"formControl.disabled\"\n color=\"primary\"\n (click)=\"selectUser()\">\n <mat-icon>person_add</mat-icon>\n Select user\n </button>\n <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n </div>\n\n</ng-template>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":15,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_INFORM_ABOUT_INVALID_DATA","line":15,"character":36}]}]],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"SideMenuService","line":12,"character":33},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SnackBarService","line":13,"character":26},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":14,"character":27},{"__symbolic":"reference","name":"boolean"}]}],"selectUser":[{"__symbolic":"method"}]}},"FilterFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractFilterFieldComponent","line":14,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"nc-filter-field","template":"<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"filterFieldTemplate\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #filterFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n \n <ng-template [ngIf]=\"initialized\">\n <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n </ng-template>\n \n</ng-template>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":17,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":17,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_INFORM_ABOUT_INVALID_DATA","line":17,"character":36}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":16,"character":32},{"__symbolic":"reference","name":"boolean"}]}],"getFilterContentComponent":[{"__symbolic":"method"}]}},"I18nFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractI18nFieldComponent","line":8,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-i18n-field","template":"<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"i18nFieldTemplate\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #i18nFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n <div [ngSwitch]=\"getType()\">\n <nc-i18n-divider-field *ngSwitchCase=\"'divider'\" [dividerI18nField]=\"dataField\" [formControlRef]=\"formControl\"\n [showLargeLayout]=\"showLargeLayout\"></nc-i18n-divider-field>\n <nc-i18n-text-field *ngSwitchDefault [textI18nField]=\"dataField\" [formControlRef]=\"formControl\"\n [showLargeLayout]=\"showLargeLayout\"></nc-i18n-text-field>\n </div>\n</ng-template>\n","styles":[".full-width{display:block;margin:0 auto;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":10,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":10,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_INFORM_ABOUT_INVALID_DATA","line":10,"character":36}]}]],"parameters":[{"__symbolic":"reference","name":"boolean"}]}]}},"EmailSubmissionFormComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractEmailSubmissionFormComponent","line":9,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-email-submission-form","template":"<div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxLayoutGap=\"24px\">\n <form [formGroup]=\"rootFormGroup\" (ngSubmit)=\"onSubmit()\" class=\"full-width\">\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n <mat-icon color=\"primary\">email</mat-icon>\n <mat-form-field fxFlex=\"100\">\n <input matInput placeholder=\"{{ 'forms.email.enterEmail' | translate}}\" formControlName=\"email\" required autocomplete=\"email\">\n <mat-error *ngIf=\"rootFormGroup.controls['email'].hasError('email')\">\n {{ 'dataField.validations.email' | translate}}\n </mat-error>\n </mat-form-field>\n </div>\n <nc-legal-notice *ngIf=\"displayLegalNotice\" [buttonName]=\"'dialog.submit'\"></nc-legal-notice>\n <div fxLayout=\"row\" class=\"margin-top-4\">\n <button mat-icon-button fxLayoutAlign=\"start\" (click)=\"emitGoBack()\">\n <mat-icon>arrow_back</mat-icon>\n </button>\n <div fxFlex></div>\n <button fxLayoutAlign=\"end\" mat-raised-button color=\"primary\" fxFlexOffset=\"8px\">{{ 'dialog.submit' | translate}}</button>\n </div>\n </form>\n</div>\n","styles":[".margin-top-4{margin-top:4px}.full-width{width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":10,"character":29}]}]}},"LoginFormComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractLoginFormComponent","line":9,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-login-form","template":"<div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n <form [formGroup]=\"rootFormGroup\" (ngSubmit)=\"onSubmit()\" class=\"full-width\">\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n <mat-icon color=\"primary\">account_circle</mat-icon>\n <mat-form-field fxFlex=\"100\">\n <input matInput placeholder=\"{{ 'forms.login.login' | translate}}\" formControlName=\"login\" minlength=\"4\"\n required autocomplete=\"username\">\n <mat-error *ngIf=\"rootFormGroup.controls['login'].hasError('minlength')\">\n {{ 'forms.login.length' | translate}}\n </mat-error>\n </mat-form-field>\n </div>\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n <mat-icon color=\"primary\">vpn_key</mat-icon>\n <mat-form-field fxFlex=\"100\">\n <input matInput placeholder=\"{{ 'forms.login.enterPass' | translate}}\"\n [type]=\"hidePassword ? 'password' : 'text'\"\n formControlName=\"password\" required autocomplete=\"current-password\">\n <button mat-icon-button matSuffix type=\"button\"\n (click)=\"hidePassword = !hidePassword\"\n (keypress)=\"false\"\n [attr.aria-label]=\"'Hide password'\"\n [attr.aria-pressed]=\"hidePassword\">\n <mat-icon\n [color]=\"hidePassword ? undefined : 'accent'\">{{hidePassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n </button>\n </mat-form-field>\n </div>\n <div fxLayout=\"row\" [fxLayoutAlign]=\"getButtonsFxLayoutAlign()\" fxLayoutAlign.xs=\"center\" class=\"margin-top-4\">\n <button mat-stroked-button type=\"button\" *ngIf=\"showForgottenPasswordButton && !showSignUpButton\" (click)=\"resetEmit()\" color=\"primary\" class=\"margin-left-40\">{{ 'forms.login.reset' | translate}}</button>\n <button mat-stroked-button type=\"button\" *ngIf=\"showSignUpButton\" (click)=\"signUpEmit()\" color=\"primary\" class=\"margin-left-40\">{{ 'forms.login.sign' | translate}}</button>\n <button color=\"primary\" type=\"submit\" mat-raised-button fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <mat-spinner *ngIf=\"loading | async\"\n mode=\"indeterminate\"\n diameter=\"36\"\n color=\"accent\"\n fxFlex></mat-spinner>\n <span *ngIf=\"(loading | async) === false\" fxFlex>{{ 'forms.login.loginButton' | translate}}</span>\n </button>\n </div>\n </form>\n\n <div *ngIf=\"showSignUpButton && showForgottenPasswordButton\" fxLayout=\"row\" class=\"width-100\" fxLayoutAlign=\"end\">\n <button mat-button *ngIf=\"showForgottenPasswordButton\" (click)=\"resetEmit()\" color=\"primary\">{{ 'forms.login.reset' | translate}}</button>\n </div>\n</div>\n","styles":[".forgotten-password{margin-bottom:10px}.login-form-container a{color:#757575}.login-form-container a:hover{color:rgba(0,0,0,.87);cursor:pointer}.margin-top-2x{margin-top:16px}.margin-right-default{margin-right:8px}.position-relative{position:relative!important}.width-100{width:100%}.margin-top-4{margin-top:4px}.full-width{width:100%}.margin-left-40{margin-left:40px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":10,"character":29},{"__symbolic":"reference","module":"@netgrif/components-core","name":"UserService","line":10,"character":66}]}]}},"RegistrationFormComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractRegistrationFormComponent","line":10,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"nc-registration-form","template":"<div fxLayout=\"column\" fxLayoutGap=\"24px\" *ngIf=\"tokenVerified && (loadingToken | async) === false\">\n <form [formGroup]=\"rootFormGroup\" (ngSubmit)=\"onSubmit()\" class=\"full-width\">\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n <mat-icon color=\"primary\">email</mat-icon>\n <mat-form-field fxFlex=\"100\">\n <input matInput placeholder=\"{{ 'forms.register.email' | translate}}\" disabled [value]=\"userEmail\" autocomplete=\"username\">\n </mat-form-field>\n </div>\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n <mat-icon color=\"primary\">account_circle</mat-icon>\n <mat-form-field fxFlex=\"100\">\n <input matInput placeholder=\"{{ 'forms.register.name' | translate }}\" formControlName=\"name\" required autocomplete=\"given-name\">\n <mat-error *ngIf=\"!isFieldValid('name')\">{{getErrorMessage('name')}}</mat-error>\n </mat-form-field>\n </div>\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n <mat-icon color=\"primary\">account_circle_outline</mat-icon>\n <mat-form-field fxFlex=\"100\">\n <input matInput placeholder=\"{{ 'forms.register.surname' | translate }}\" formControlName=\"surname\" required autocomplete=\"family-name\">\n <mat-error *ngIf=\"!isFieldValid('surname')\">{{getErrorMessage('surname')}}</mat-error>\n </mat-form-field>\n </div>\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n <mat-icon color=\"primary\">vpn_key</mat-icon>\n <mat-form-field fxFlex=\"100\">\n <input matInput placeholder=\"{{ 'forms.login.enterPass' | translate }}\"\n [type]=\"hidePassword ? 'password' : 'text'\"\n formControlName=\"password\" required autocomplete=\"new-password\">\n <button mat-icon-button matSuffix type=\"button\"\n (click)=\"hidePassword = !hidePassword\"\n (keypress)=\"false\"\n [attr.aria-label]=\"'Hide password'\"\n [attr.aria-pressed]=\"hidePassword\">\n <mat-icon\n [color]=\"hidePassword ? undefined : 'accent'\">{{hidePassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n </button>\n <mat-error *ngIf=\"!isFieldValid('password')\">{{getErrorMessage('password')}}</mat-error>\n </mat-form-field>\n </div>\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n <mat-icon color=\"primary\">vpn_key</mat-icon>\n <mat-form-field fxFlex=\"100\">\n <input matInput placeholder=\"{{ 'forms.register.repeatPass' | translate }}\"\n [type]=\"hideRepeatPassword ? 'password' : 'text'\"\n formControlName=\"confirmPassword\" required autocomplete=\"new-password\">\n <button mat-icon-button matSuffix type=\"button\"\n (click)=\"hideRepeatPassword = !hideRepeatPassword\"\n (keypress)=\"false\"\n [attr.aria-label]=\"'Hide password'\"\n [attr.aria-pressed]=\"hideRepeatPassword\">\n <mat-icon\n [color]=\"hideRepeatPassword ? undefined : 'accent'\">{{hideRepeatPassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n </button>\n <mat-error *ngIf=\"!isFieldValid('confirmPassword')\">{{getErrorMessage('confirmPassword')}}</mat-error>\n </mat-form-field>\n </div>\n <nc-legal-notice *ngIf=\"displayLegalNotice\" [buttonName]=\"'forms.register.register'\"></nc-legal-notice>\n <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxLayoutAlign.xs=\"center\" class=\"margin-top-4\">\n <button fxFlexOffset=\"8px\" fxFlexOffset.xs=\"0\" mat-raised-button class=\"register-button\" color=\"primary\">\n {{ 'forms.register.register' | translate }}\n </button>\n </div>\n </form>\n</div>\n\n<div *ngIf=\"!tokenVerified && (loadingToken | async) === false\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFlex>\n <mat-icon color=\"accent\">unpublished</mat-icon>\n <span class=\"font-size-20\">{{ 'forms.register.notVerified' | translate}}</span>\n</div>\n\n<div *ngIf=\"loadingToken | async\">\n <mat-progress-spinner></mat-progress-spinner>\n</div>\n","styles":[".font-size-20{font-size:20px}.margin-top-4{margin-top:4px}.full-width{width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":11,"character":29},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SignUpService","line":12,"character":31},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":13,"character":21},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":14,"character":27}]}]}},"ForgottenPasswordFormComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractForgottenPasswordComponent","line":10,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"nc-forgotten-password-form","template":"<div fxLayout=\"column\" fxLayoutGap=\"24px\" *ngIf=\"tokenVerified && (loadingToken | async) === false\">\n <form [formGroup]=\"rootFormGroup\" (ngSubmit)=\"onSubmit()\" class=\"full-width\">\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n <mat-icon color=\"primary\">email</mat-icon>\n <mat-form-field fxFlex=\"100\">\n <input matInput placeholder=\"{{ 'forms.register.email' | translate}}\" disabled [value]=\"userEmail\" autocomplete=\"username\">\n </mat-form-field>\n </div>\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n <mat-icon color=\"primary\">vpn_key</mat-icon>\n <mat-form-field fxFlex=\"100\">\n <input matInput placeholder=\"{{ 'forms.forgottenPass.enterNewPass' | translate }}\"\n [type]=\"hidePassword ? 'password' : 'text'\"\n formControlName=\"password\" required autocomplete=\"new-password\">\n <button mat-icon-button matSuffix type=\"button\"\n (click)=\"hidePassword = !hidePassword\"\n (keypress)=\"false\"\n [attr.aria-label]=\"'Hide password'\"\n [attr.aria-pressed]=\"hidePassword\">\n <mat-icon\n [color]=\"hidePassword ? undefined : 'accent'\">{{hidePassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n </button>\n <mat-error *ngIf=\"!isFieldValid('password')\">{{getErrorMessage('password')}}</mat-error>\n </mat-form-field>\n </div>\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n <mat-icon color=\"primary\">vpn_key</mat-icon>\n <mat-form-field fxFlex=\"100\">\n <input matInput placeholder=\"{{ 'forms.forgottenPass.repeatNewPass' | translate }}\"\n [type]=\"hideRepeatPassword ? 'password' : 'text'\"\n formControlName=\"confirmPassword\" required autocomplete=\"new-password\">\n <button mat-icon-button matSuffix type=\"button\"\n (click)=\"hideRepeatPassword = !hideRepeatPassword\"\n (keypress)=\"false\"\n [attr.aria-label]=\"'Hide password'\"\n [attr.aria-pressed]=\"hideRepeatPassword\">\n <mat-icon\n [color]=\"hideRepeatPassword ? undefined : 'accent'\">{{hideRepeatPassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n </button>\n <mat-error *ngIf=\"!isFieldValid('confirmPassword')\">{{getErrorMessage('confirmPassword')}}</mat-error>\n </mat-form-field>\n </div>\n <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxLayoutAlign.xs=\"center\" class=\"margin-top-4\">\n <button fxFlexOffset=\"8px\" fxFlexOffset.xs=\"0\" mat-raised-button class=\"register-button\" color=\"primary\">\n {{ 'forms.forgottenPass.recover' | translate }}\n </button>\n </div>\n </form>\n</div>\n\n<div *ngIf=\"!tokenVerified && (loadingToken | async) === false\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFlex>\n <mat-icon color=\"accent\">unpublished</mat-icon>\n <span class=\"font-size-20\">{{ 'forms.register.notVerified' | translate}}</span>\n</div>\n\n<div *ngIf=\"loadingToken | async\">\n <mat-progress-spinner></mat-progress-spinner>\n</div>\n","styles":[".font-size-20{font-size:20px}.margin-top-4{margin-top:4px}.full-width{width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":11,"character":29},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SignUpService","line":12,"character":31},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":13,"character":21},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":14,"character":27}]}]}},"EmailSubmissionFormComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"EmailSubmissionFormComponent"}],"exports":[{"__symbolic":"reference","name":"EmailSubmissionFormComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":14,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":15,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":16,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":17,"character":8},{"__symbolic":"reference","name":"LegalNoticeModule"}]}]}],"members":{}},"LoginFormComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"LoginFormComponent"}],"exports":[{"__symbolic":"reference","name":"LoginFormComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":13,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":14,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":15,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":16,"character":8}]}]}],"members":{}},"RegistrationFormComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"RegistrationFormComponent"}],"exports":[{"__symbolic":"reference","name":"RegistrationFormComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":13,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":14,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":15,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":16,"character":8},{"__symbolic":"reference","name":"LegalNoticeModule"}]}]}],"members":{}},"ForgottenPasswordFormComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ForgottenPasswordFormComponent"}],"exports":[{"__symbolic":"reference","name":"ForgottenPasswordFormComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":13,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":14,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":15,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":16,"character":8}]}]}],"members":{}},"HeaderComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractHeaderComponent","line":24,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"nc-header","providers":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CaseHeaderService","line":17,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskHeaderService","line":18,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"WorkflowHeaderService","line":19,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"HeaderSearchService","line":20,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"CategoryFactory","line":21,"character":8}],"template":"<mat-card [ngClass]=\"{'padding-custom': headerService.headerState.mode === headerModeEnum.SORT}\">\n <div fxLayout=\"row\">\n <div fxLayout=\"row\" fxFlex=\"95\" class=\"header-content-container flex-95\" fxLayoutAlign=\"start center\"\n [ngSwitch]=\"headerService.headerState.mode\" *ngIf=\"!headerService.loading.isActive\">\n <div *ngSwitchCase=\"headerModeEnum.SORT\" fxFlex=\"100\" fxLayout=\"row\">\n <nc-sort-mode fxFlex=\"100\" [headerService]=\"headerService\" [overflowWidth]=\"getMinWidth()\"></nc-sort-mode>\n </div>\n <div *ngSwitchCase=\"headerModeEnum.SEARCH\" fxFlex=\"100\" fxLayout=\"row\">\n <nc-search-mode fxFlex=\"100\" [headerService]=\"headerService\" [overflowWidth]=\"getMinWidth()\"></nc-search-mode>\n </div>\n <div *ngSwitchCase=\"headerModeEnum.EDIT\" fxFlex=\"100\" fxLayout=\"row\">\n <nc-edit-mode fxFlex=\"100\" [headerService]=\"headerService\" [overflowWidth]=\"getMinWidth()\"></nc-edit-mode>\n </div>\n </div>\n <div fxLayout=\"row\" fxFlex=\"95\" class=\"header-content-container\" fxLayoutAlign=\"start center\"\n *ngIf=\"headerService.loading.isActive\">\n <div fxFlex=\"100\" fxLayout=\"row\">\n <nc-loading-mode fxFlex=\"100\" [headerService]=\"headerService\" [overflowWidth]=\"getMinWidth()\"></nc-loading-mode>\n </div>\n </div>\n <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxFlex=\"5\" class=\"flex-5\">\n <div *ngIf=\"!hideEditMode\">\n <button mat-icon-button [matMenuTriggerFor]=\"headerMenu\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #headerMenu=\"matMenu\">\n <div *ngIf=\"headerService.headerState.mode !== headerModeEnum.EDIT\">\n <button mat-menu-item\n [ngClass]=\"{'active-header-item': headerService.headerState.mode === headerModeEnum.SORT}\"\n (click)=\"headerService.changeMode(headerModeEnum.SORT, false)\">\n <mat-icon>sort</mat-icon>\n {{ 'headers.orderMode' | translate}}\n </button>\n <button *ngIf=\"type === headerTypeEnum.CASE\" mat-menu-item\n [ngClass]=\"{'active-header-item': headerService.headerState.mode === headerModeEnum.SEARCH}\"\n (click)=\"headerService.changeMode(headerModeEnum.SEARCH, false)\">\n <mat-icon>search</mat-icon>\n {{ 'headers.searchMode' | translate}}\n </button>\n <button mat-menu-item (click)=\"headerService.changeMode(headerModeEnum.EDIT)\">\n <mat-icon>edit</mat-icon>\n {{ 'headers.editMode' | translate}}\n </button>\n </div>\n <div *ngIf=\"headerService.headerState.mode === headerModeEnum.EDIT\">\n <button mat-menu-item (click)=\"confirmEditMode()\">\n <mat-icon color=\"primary\">done</mat-icon>\n {{ 'dialog.submit' | translate}}\n </button>\n <button mat-menu-item (click)=\"headerService.revertEditMode()\">\n <mat-icon color=\"warn\">close</mat-icon>\n {{ 'tasks.view.cancel' | translate}}\n </button>\n <div class=\"mat-menu-item-look\" *ngIf=\"canOverflow\">\n <mat-slide-toggle [formControl]=\"overflowControl\">{{ 'headers.overflowMode' | translate}}</mat-slide-toggle>\n </div>\n <div class=\"mat-menu-item-look mat-menu-item-height\" (click)=\"clickStop($event)\" *ngIf=\"canOverflow && overflowControl.value\">\n <mat-form-field appearance=\"outline\">\n <mat-label>{{ 'headers.columnWidth' | translate}}</mat-label>\n <input matInput type=\"number\" [formControl]=\"columnWidthControl\">\n <mat-error *ngIf=\"!columnWidthControl.valid\">{{getErrorMessageWidth()}}</mat-error>\n </mat-form-field>\n </div>\n <div class=\"mat-menu-item-look mat-menu-item-height\" (click)=\"clickStop($event)\" *ngIf=\"canOverflow && overflowControl.value\">\n <mat-form-field appearance=\"outline\">\n <mat-label>{{ 'headers.columnCount' | translate}}</mat-label>\n <input matInput type=\"number\" [formControl]=\"columnCountControl\">\n <mat-error *ngIf=\"!columnCountControl.valid\">{{getErrorMessageCount()}}</mat-error>\n </mat-form-field>\n </div>\n </div>\n </mat-menu>\n </div>\n </div>\n </div>\n</mat-card>\n","styles":[".header-content-container{height:40px}.padding-custom{padding:8px 16px}.flex-95{flex:1 1 95%}.flex-5{flex:1 1 5%}.mat-menu-item-look{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:48px;height:48px;padding:0 16px;text-align:left;text-decoration:none;max-width:100%;position:relative;font-size:14px}.mat-menu-item-height{min-height:64px;height:auto}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":28,"character":17}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":26,"character":37},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":27,"character":38},{"__symbolic":"reference","module":"@netgrif/components-core","name":"OverflowService","line":28,"character":55}]}]}},"SortModeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractSortModeComponent","line":8,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-sort-mode","template":"<div matSort (matSortChange)=\"sortHeaderChanged($event)\" fxFlex=\"100\" fxLayout=\"row\" fxLayoutAlign=\" center\">\n <div [ngStyle]=\"{'min-width': getMinWidth()}\" *ngFor=\"let header of headerService.headerState.selectedHeaders$ | async; let i = index\" fxFlex\n [fxHide.lt-xl]=\"i >= 4 && this.headerService.responsiveHeaders\"\n [fxHide.lt-lg]=\"i >= 3 && this.headerService.responsiveHeaders\"\n [fxHide.lt-md]=\"i >= 2 && this.headerService.responsiveHeaders\"\n [fxHide.lt-sm]=\"i >= 1 && this.headerService.responsiveHeaders\">\n <div *ngIf=\"!!header; then thenBlock else elseBlock\" fxFlex></div>\n <ng-template #thenBlock>\n <span fxFlex\n mat-sort-header=\"{{i}}-{{header.uniqueId}}\">\n {{ header.title | translate}}\n </span>\n </ng-template>\n <ng-template #elseBlock>\n <div fxFlex></div>\n </ng-template>\n </div>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"EditModeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractEditModeComponent","line":9,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-edit-mode","template":"<div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"start center\">\n <mat-form-field *ngFor=\"let header of this.headerService.selectedHeaders$ | async; let i = index\" fxLayout=\"row\"\n fxLayoutAlign=\" center\" fxFlex [ngStyle]=\"{'min-width': getMinWidth()}\"\n [fxHide.lt-xl]=\"i >= 4 && this.headerService.responsiveHeaders\"\n [fxHide.lt-lg]=\"i >= 3 && this.headerService.responsiveHeaders\"\n [fxHide.lt-md]=\"i >= 2 && this.headerService.responsiveHeaders\"\n [fxHide.lt-sm]=\"i >= 1 && this.headerService.responsiveHeaders\">\n <mat-label *ngIf=\"!header\">{{ 'headers.newHeader' | translate}}</mat-label>\n <input type=\"text\"\n aria-label=\"Autocomplete\"\n matInput\n [formControl]=\"formControls[i]\"\n [matAutocomplete]=\"auto\">\n <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" [displayWith]=\"renderSelection\"\n (optionSelected)=\"headerColumnSelected(i, $event.option.value)\" fxFlex>\n <mat-optgroup *ngFor=\"let group of this.filterOptions[i] | async\" [label]=\"group.groupTitle\">\n <mat-option *ngFor=\"let field of group.fields\" [value]=\"field\">\n {{field.title | translate}}\n </mat-option>\n </mat-optgroup>\n </mat-autocomplete>\n </mat-form-field>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":10,"character":38},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":11,"character":41}]}]}},"SearchModeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractSearchModeComponent","line":15,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"nc-search-mode","providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":11,"character":18},"useValue":{"__symbolic":"reference","module":"@netgrif/components-core","name":"DATE_FORMAT","line":11,"character":46}},{"provide":{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NGX_MAT_DATE_FORMATS","line":12,"character":18},"useValue":{"__symbolic":"reference","module":"@netgrif/components-core","name":"DATE_TIME_FORMAT","line":12,"character":50}}],"template":"<div fxFlex=\"100\" fxLayout=\"row\" fxLayoutAlign=\" center\">\n <div *ngFor=\"let header of this.headerService.selectedHeaders$ | async; let i = index\"\n [fxHide.lt-xl]=\"i >= 4 && this.headerService.responsiveHeaders\"\n [fxHide.lt-lg]=\"i >= 3 && this.headerService.responsiveHeaders\"\n [fxHide.lt-md]=\"i >= 2 && this.headerService.responsiveHeaders\"\n [fxHide.lt-sm]=\"i >= 1 && this.headerService.responsiveHeaders\" fxFlex [ngStyle]=\"{'min-width': getMinWidth()}\">\n <div\n *ngIf=\"!!header && header.fieldType !== 'button'; then thenBlock else elseBlock\"\n fxFlex></div>\n <ng-template #thenBlock>\n <div fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex [ngSwitch]=\"header.fieldType\">\n <mat-form-field fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex *ngSwitchCase=\"'date'\">\n <mat-label>{{header.title | translate}}</mat-label>\n <input matInput autocomplete=\"off\"\n [matDatepicker]=\"datepicker\"\n [formControl]=\"formControls[i]\"\n [placeholder]=\"'headers.date' | translate\"\n (click)=\"datepicker.open()\"\n (keydown.enter)=\"datepicker.close()\">\n <mat-datepicker-toggle matPrefix [for]=\"datepicker\"></mat-datepicker-toggle>\n <mat-datepicker #datepicker></mat-datepicker>\n </mat-form-field>\n <mat-form-field fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex *ngSwitchCase=\"'dateTime'\">\n <mat-label>{{header.title | translate}}</mat-label>\n <input matInput autocomplete=\"off\"\n [ngxMatDatetimePicker]=\"datetimepicker\"\n [formControl]=\"formControls[i]\"\n [placeholder]=\"'headers.dateTime' | translate\"\n (click)=\"datetimepicker.open()\"\n (keydown.enter)=\"datetimepicker.close()\">\n <mat-datepicker-toggle matPrefix [for]=\"datetimepicker\"></mat-datepicker-toggle>\n <ngx-mat-datetime-picker #datetimepicker\n [showSpinners]=\"true\"\n [showSeconds]=\"false\"\n [stepHour]=\"1\"\n [stepMinute]=\"5\"\n [color]=\"'primary'\"\n [enableMeridian]=\"false\">\n </ngx-mat-datetime-picker>\n </mat-form-field>\n <mat-form-field fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex *ngSwitchCase=\"'number'\">\n <mat-label>{{header.title | translate}}</mat-label>\n <input matInput type=\"number\" [formControl]=\"formControls[i]\">\n </mat-form-field>\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" *ngSwitchCase=\"'boolean'\">\n <mat-slide-toggle color=\"primary\" [formControl]=\"formControls[i]\">\n {{header.title | translate}}\n </mat-slide-toggle>\n </div>\n <div fxLayout=\"column\" fxLayoutAlign=\"center start\" *ngSwitchCase=\"'user'\">\n <mat-label>{{header.title | translate}}</mat-label>\n <button mat-stroked-button\n color=\"primary\"\n (click)=\"selectUser(i)\">\n <mat-icon>person_search</mat-icon>\n {{formControls[i].value ? formControls[i].value.fullName : ('headers.selectUser' | translate)}}\n </button>\n </div>\n <mat-form-field fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex *ngSwitchDefault>\n <mat-label>{{header.title | translate}}</mat-label>\n <input matInput [formControl]=\"formControls[i]\">\n </mat-form-field>\n </div>\n </ng-template>\n\n <ng-template #elseBlock>\n <div fxFlex></div>\n </ng-template>\n </div>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"SideMenuService","line":17,"character":44}]}],"selectUser":[{"__symbolic":"method"}]}},"LoadingModeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractLoadingModeComponent","line":8,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-loading-mode","template":"<div fxFlex=\"100\" fxLayout=\"row\" fxLayoutAlign=\" center\">\n <div *ngFor=\"let header of headerService.headerState.selectedHeaders$ | async; let i = index\" fxFlex\n [fxHide.lt-xl]=\"i >= 4\"\n [fxHide.lt-lg]=\"i >= 3\"\n [fxHide.lt-md]=\"i >= 2\"\n [fxHide.lt-sm]=\"i >= 1\" [ngStyle]=\"{'min-width': getMinWidth()}\">\n <div class=\"phl-item\">\n <div class=\"phl-row\" fxLayoutAlign=\"start center\">\n <div class=\"phl-col\">\n </div>\n </div>\n </div>\n </div>\n</div>\n","styles":[".phl-row{width:100%;flex-wrap:wrap}.phl-col{height:20px;flex:0 0 45%;background-color:#ced4da;border-radius:4px}.phl-item{position:relative;display:flex;flex-wrap:wrap;overflow:hidden;background-color:#fff}.phl-item::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));-webkit-animation:1s infinite shimmer;animation:1s infinite shimmer;content:\"\"}@-webkit-keyframes shimmer{100%{transform:translateX(100%)}}@keyframes shimmer{100%{transform:translateX(100%)}}.phl-item,.phl-item *,.phl-item::after,.phl-item::before{box-sizing:border-box}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"HeaderComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HeaderComponent"},{"__symbolic":"reference","name":"SortModeComponent"},{"__symbolic":"reference","name":"SearchModeComponent"},{"__symbolic":"reference","name":"EditModeComponent"},{"__symbolic":"reference","name":"LoadingModeComponent"}],"exports":[{"__symbolic":"reference","name":"HeaderComponent"},{"__symbolic":"reference","name":"SortModeComponent"},{"__symbolic":"reference","name":"SearchModeComponent"},{"__symbolic":"reference","name":"EditModeComponent"},{"__symbolic":"reference","name":"LoadingModeComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":27,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":28,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":29,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":30,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":31,"character":8},{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NgxMatDatetimePickerModule","line":32,"character":8}]}]}],"members":{}},"QuickPanelComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"QuickPanelComponent"},{"__symbolic":"reference","name":"LogoutShortcutComponent"},{"__symbolic":"reference","name":"LanguageSelectorComponent"},{"__symbolic":"reference","name":"InternalLinkComponent"}],"exports":[{"__symbolic":"reference","name":"QuickPanelComponent"},{"__symbolic":"reference","name":"LogoutShortcutComponent"},{"__symbolic":"reference","name":"LanguageSelectorComponent"},{"__symbolic":"reference","name":"InternalLinkComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":8},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":25,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":26,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":27,"character":8}]}]}],"members":{}},"QuickPanelComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractQuickPanelComponent","line":8,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-quick-panel","template":"<div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"quick-panel\" [style.width.px]=\"width\">\n <nc-language-selector *ngIf=\"items.includes('language')\" [language]=\"getLang()\"></nc-language-selector>\n <nc-internal-link *ngIf=\"items.includes('settings')\" icon=\"settings\" link=\"/settings\"></nc-internal-link>\n <nc-logout-shortcut *ngIf=\"items.includes('logout')\"></nc-logout-shortcut>\n\n <button mat-icon-button [matMenuTriggerFor]=\"quickPanelMoreMenu\">\n <mat-icon class=\"quick-panel-more-icon\">more_vert</mat-icon>\n </button>\n</div>\n<mat-menu #quickPanelMoreMenu=\"matMenu\">\n <button mat-menu-item (click)=\"setPaperView()\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <mat-icon *ngIf=\"isPaperView()\">cancel</mat-icon>\n <mat-icon *ngIf=\"!isPaperView()\">check</mat-icon>\n <span>{{isPaperView() ? 'Disable' : 'Enable'}} Paper View</span>\n </button>\n</mat-menu>\n","styles":[".quick-panel{height:62px;padding:8px}.quick-panel-more-icon{text-align:center;font-size:24px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"LanguageService","line":9,"character":35},{"__symbolic":"reference","module":"@netgrif/components-core","name":"PaperViewService","line":9,"character":74}]}]}},"InternalLinkComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractInternalLinkComponent","line":8,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-internal-link","template":"<button mat-icon-button [routerLink]=\"link\">\n <mat-icon class=\"internal-link-icon\">{{icon}}</mat-icon>\n</button>\n","styles":[".internal-link-icon{font-size:24px;text-align:center;vertical-align:center;cursor:pointer;outline:0!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"LogoutShortcutComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractLogoutShortcutComponent","line":9,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-logout-shortcut","template":"<button mat-icon-button (click)=\"logout()\">\n <mat-icon class=\"logout-icon\">exit_to_app</mat-icon>\n</button>\n","styles":[".logout-icon{font-size:24px;text-align:center;cursor:pointer}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"UserService","line":11,"character":33},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":12,"character":32},{"__symbolic":"reference","module":"@netgrif/components-core","name":"ConfigurationService","line":13,"character":35},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":14,"character":35}]}]}},"LanguageSelectorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractLanguageSelectorComponent","line":8,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-language-selector","template":"<mat-menu #languageMenu=\"matMenu\">\n <button *ngFor=\"let lang of langMenuItems\" mat-menu-item (click)=\"setLang(lang.key)\" fxLayout=\"row\"\n fxLayoutAlign=\"start center\" [style.backgroundColor]=\"lang.key === language ? 'rgba(253,151,31,0.1)':''\">\n <img [src]='getFlag(flagCode(lang.key))' alt=\"Country icon\" class=\"icon-small-dimensions\">\n <span class=\"margin-left-default\">{{'toolbar.menu.' + lang.value | translate}}</span>\n </button>\n</mat-menu>\n\n<button mat-icon-button [matMenuTriggerFor]=\"languageMenu\">\n <img [src]='getFlag(flagCountryCode)'\n alt=\"Country icon\" class=\"icon-medium-dimensions\">\n</button>\n","styles":[".icon-small-dimensions{width:24px;height:24px}.margin-left-default{margin-left:8px}.icon-medium-dimensions{width:32px;height:32px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"LanguageService","line":9,"character":35}]}],"getFlag":[{"__symbolic":"method"}]}},"NavigationComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":43,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NavigationDrawerComponent"},{"__symbolic":"reference","name":"NavigationRailComponent"},{"__symbolic":"reference","name":"NavigationTreeComponent"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbo"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":55,"character":8},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":56,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":57,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":58,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":59,"character":8},{"__symbolic":"reference","name":"QuickPanelComponentModule"},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":61,"character":8},{"__symbolic":"reference","name":"UserComponentModule"},{"__symbolic":"reference","module":"angular-resizable-element","name":"ResizableModule","line":63,"character":8},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":64,"character":8},{"__symbolic":"reference","name":"SearchComponentModule"},{"__symbolic":"reference","name":"HeaderComponentModule"},{"__symbolic":"reference","name":"PanelComponentModule"},{"__symbolic":"reference","name":"TabsComponentModule"},{"__symbolic":"reference","name":"CaseViewComponentModule"}],"exports":[{"__symbolic":"reference","name":"NavigationDrawerComponent"},{"__symbolic":"reference","name":"NavigationRailComponent"},{"__symbolic":"reference","name":"NavigationTreeComponent"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbo"}],"providers":[{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_GROUP_NAVIGATION_COMPONENT_RESOLVER_COMPONENT","line":82,"character":18},"useValue":{"__symbolic":"reference","name":"ɵbf"}},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"GroupNavigationComponentResolverService","line":83,"character":18},"useClass":{"__symbolic":"reference","name":"ɵbu"}}],"entryComponents":[{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbo"}]}]}],"members":{}},"NavigationTreeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractNavigationTreeComponent","line":19,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"nc-navigation-tree","template":"<mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\" [style.width.px]=\"width\">\n\n \n <mat-tree-node *matTreeNodeDef=\"let node\" [routerLink]=\"node.url\" routerLinkActive=\"active-navigation-route\"\n matTreeNodeToggle matRipple class=\"tree-node\">\n <button *ngIf=\"node.level >= 1\" mat-icon-button disabled class=\"margin-component\"></button>\n <button *ngIf=\"node.level >= 2\" mat-icon-button disabled class=\"margin-component\"></button>\n <mat-icon color=\"primary\" class=\"tree-node-icon\">{{node.icon}}</mat-icon>\n {{node.translate ? (node.name | translate) : node.name}}\n </mat-tree-node>\n\n \n <mat-nested-tree-node *matTreeNodeDef=\"let node; when: hasChild\">\n <div class=\"mat-tree-node tree-node\" matTreeNodeToggle matRipple\n [class.bottom-shadow]=\"treeControl.isExpanded(node)\">\n <button *ngIf=\"node.level >= 1\" mat-icon-button disabled class=\"margin-component\"></button>\n <button *ngIf=\"node.level >= 2\" mat-icon-button disabled class=\"margin-component\"></button>\n\n <mat-icon color=\"primary\" class=\"tree-node-icon\">{{node.icon}}</mat-icon>\n {{node.translate ? (node.name | translate) : node.name}}\n\n <div fxFlex></div>\n <button mat-icon-button class=\"nested-tree-expansion-icon\">\n <mat-icon>\n {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}\n </mat-icon>\n </button>\n </div>\n <div [class.nested-tree-invisible]=\"!treeControl.isExpanded(node)\" class=\"darker-background\">\n <ng-container matTreeNodeOutlet></ng-container>\n </div>\n </mat-nested-tree-node>\n</mat-tree>\n","styles":[".navigation-tree{outline:0!important}.nested-tree-invisible{display:none}.darker-background{background-color:rgba(0,0,0,.05)}.bottom-shadow{box-shadow:0 2px 4px -4px rgba(0,0,0,.2),0 4px 5px -3px rgba(0,0,0,.14),0 6px 10px -5px rgba(0,0,0,.12)}.tree-node{outline:0!important;cursor:pointer;padding:4px 12px}.tree-node mat-icon.tree-node-icon{line-height:40px;height:40px;width:24px;margin-right:4px}.tree-node .margin-component{width:8px;margin-right:4px}.nested-tree-expansion-icon{width:24px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"ConfigurationService","line":21,"character":24},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":22,"character":24},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":23,"character":21},{"__symbolic":"reference","module":"@netgrif/components-core","name":"UserService","line":24,"character":29},{"__symbolic":"reference","module":"@netgrif/components-core","name":"RoleGuardService","line":25,"character":27},{"__symbolic":"reference","module":"@netgrif/components-core","name":"AuthorityGuardService","line":26,"character":32},{"__symbolic":"reference","module":"@netgrif/components-core","name":"GroupGuardService","line":27,"character":28},{"__symbolic":"reference","module":"@netgrif/components-core","name":"ActiveGroupService","line":28,"character":36},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskResourceService","line":29,"character":37},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LanguageService","line":30,"character":33},{"__symbolic":"reference","module":"@netgrif/components-core","name":"DynamicNavigationRouteProviderService","line":31,"character":41}]}]}},"NavigationDrawerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractNavigationDrawerComponent","line":10,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"nc-navigation-drawer","template":"<mat-sidenav-container class=\"drawer-container\" (panright)=\"swipeRight()\" (panleft)=\"swipeLeft()\" autosize>\n <mat-sidenav #sidenav [mode]=\"config.mode\" [(opened)]=\"opened\" position=\"start\"\n [disableClose]=\"config.disableClose\" class=\"drawer-content mat-elevation-z10\"\n mwlResizable\n [style.width.px]=\"width\"\n [resizeCursorPrecision]=\"10\"\n [resizeEdges]=\"{ right: true }\"\n (resizing)=\"onResizeEvent($event)\">\n <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex>\n <nc-user-card *ngIf=\"showUser\" [user]=\"user\" mode=\"full\" [contentWidth]=\"contentWidth\"></nc-user-card>\n <mat-divider *ngIf=\"showUser\" class=\"drawer-divider\"></mat-divider>\n\n <nc-quick-panel *ngIf=\"showQuickPanel\" [items]=\"quickPanelItems\" [contentWidth]=\"contentWidth\"></nc-quick-panel>\n <mat-divider *ngIf=\"showQuickPanel\" class=\"drawer-divider\"></mat-divider>\n\n <nc-navigation-tree *ngIf=\"navigation\" [contentWidth]=\"contentWidth\"></nc-navigation-tree>\n </div>\n </mat-sidenav>\n\n <mat-sidenav-content>\n <ng-content></ng-content>\n </mat-sidenav-content>\n</mat-sidenav-container>\n","styles":[".drawer-container{height:100%}.drawer-content{min-width:200px;outline:0!important}.mat-drawer-side{border-right:0}mat-divider.drawer-divider{width:90%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/layout","name":"BreakpointObserver","line":12,"character":38},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":13,"character":32},{"__symbolic":"reference","module":"@netgrif/components-core","name":"UserPreferenceService","line":14,"character":49}]}]}},"NavigationRailComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractNavigationRailComponent","line":34,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"nc-navigation-rail","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":4,"character":22},"arguments":["transform",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":5,"character":4},"arguments":["expand",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":5,"character":20},"arguments":[{"width":"184px","min-width":"184px","padding":"8px","$quoted$":["min-width"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":10,"character":4},"arguments":["collapse",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":10,"character":22},"arguments":[{"width":"48px","min-width":"48px","padding":"4px","$quoted$":["min-width"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":15,"character":4},"arguments":["expand <=> collapse",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":15,"character":38},"arguments":["400ms cubic-bezier(0.25, 0.8, 0.25, 1)"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":18,"character":29},"arguments":["transformContent",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":19,"character":4},"arguments":["shrink",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":19,"character":20},"arguments":[{"margin-left":"185px","$quoted$":["margin-left"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":22,"character":4},"arguments":["grow",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":22,"character":18},"arguments":[{"margin-left":"49px","$quoted$":["margin-left"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":25,"character":4},"arguments":["shrink <=> grow",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":25,"character":34},"arguments":["400ms cubic-bezier(0.25, 0.8, 0.25, 1)"]}]}]]}],"template":"<mat-sidenav-container class=\"drawer-container\">\n <mat-sidenav #sideRail mode=\"side\" opened=\"true\" position=\"start\" disableClose=\"true\"\n class=\"drawer-content mat-elevation-z16\"\n (mouseenter)=\"expandOnHover && open()\"\n (mouseleave)=\"expandOnHover && close()\">\n\n <div [@transform]=\"expanded ? 'expand' : 'collapse'\">\n\n <div fxLayout=\"column\" fxLayoutAlign=\"start start\" fxFlex>\n <div fxLayout=\"row\">\n <mat-icon>account_circle</mat-icon>\n <span *ngIf=\"expanded\" class=\"margin-left-default\">User</span>\n </div>\n <div fxLayout=\"row\">\n <mat-icon>assignment</mat-icon>\n <span *ngIf=\"expanded\" class=\"margin-left-default\">Report</span>\n </div>\n <div fxLayout=\"row\">\n <mat-icon>bug_report</mat-icon>\n <span *ngIf=\"expanded\" class=\"margin-left-default\">Bugs</span>\n </div>\n <div fxLayout=\"row\">\n <mat-icon>fingerprint</mat-icon>\n <span *ngIf=\"expanded\" class=\"margin-left-default\">Security</span>\n </div>\n </div>\n\n </div>\n </mat-sidenav>\n\n <mat-sidenav-content [@transformContent]=\"expanded ? 'shrink' : 'grow'\">\n <ng-content></ng-content>\n </mat-sidenav-content>\n\n</mat-sidenav-container>\n","styles":[".margin-left-default{margin-left:8px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"PanelComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PanelComponent"},{"__symbolic":"reference","name":"TaskPanelComponent"},{"__symbolic":"reference","name":"CasePanelComponent"},{"__symbolic":"reference","name":"WorkflowPanelComponent"},{"__symbolic":"reference","name":"TaskListComponent"},{"__symbolic":"reference","name":"PublicWorkflowPanelComponent"},{"__symbolic":"reference","name":"ɵbp"},{"__symbolic":"reference","name":"ɵbt"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":28,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":29,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":30,"character":8},{"__symbolic":"reference","name":"DataFieldsComponentModule"},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":32,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SnackBarModule","line":33,"character":8},{"__symbolic":"reference","name":"TaskContentComponentModule"},{"__symbolic":"reference","name":"SideMenuUserAssignComponentModule"},{"__symbolic":"reference","module":"@netgrif/components-core","name":"CurrencyModule","line":36,"character":8}],"exports":[{"__symbolic":"reference","name":"PanelComponent"},{"__symbolic":"reference","name":"TaskPanelComponent"},{"__symbolic":"reference","name":"CasePanelComponent"},{"__symbolic":"reference","name":"WorkflowPanelComponent"},{"__symbolic":"reference","name":"TaskListComponent"},{"__symbolic":"reference","name":"PublicWorkflowPanelComponent"},{"__symbolic":"reference","name":"ɵbp"}],"entryComponents":[{"__symbolic":"reference","name":"ɵbt"}]}]}],"members":{}},"PanelComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractPanelComponent","line":9,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-app-panel","template":"<mat-expansion-panel [@.disabled]=\"expansionDisabled\" hideToggle (afterExpand)=\"emitExpand()\"\n (afterCollapse)=\"emitCollapse()\" #matExpansionPanel class=\"panel-margin\"\n [ngClass]=\"{'margin-top':first, 'margin-bottom':last}\">\n <mat-expansion-panel-header (click)=\"expandPanel()\" class=\"panel-color header-padding header-min-height\"\n [ngStyle]=\"{'background': caseColor, 'color': getCaseFontColor()}\">\n <mat-panel-description *ngTemplateOutlet=\"panelHeader\">\n </mat-panel-description>\n </mat-expansion-panel-header>\n <ng-template matExpansionPanelContent>\n <div *ngTemplateOutlet=\"panelContent\"></div>\n </ng-template>\n</mat-expansion-panel>\n\n","styles":[".mat-expansion-panel-header{border-bottom:1px solid rgba(0,0,0,.03);color:rgba(0,0,0,.87)}.header-padding{padding:0 16px}.header-min-height{min-height:48px!important;height:auto!important}.panel-margin{margin:0 2px}.margin-top{margin-top:2px}.margin-bottom{margin-bottom:2px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CaseListFontColorService","line":10,"character":42}]}]}},"TaskPanelComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractTaskPanelComponent","line":52,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"nc-task-panel","providers":[{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskContentService","line":37,"character":18},"useClass":{"__symbolic":"reference","module":"@netgrif/components-core","name":"SingleTaskContentService","line":37,"character":48}},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskDataService","line":38,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskEventService","line":39,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"AssignTaskService","line":40,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"DelegateTaskService","line":41,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"CancelTaskService","line":42,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"FinishTaskService","line":43,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskRequestStateService","line":44,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"DataFocusPolicyService","line":45,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"AssignPolicyService","line":46,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"FinishPolicyService","line":47,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"ChangedFieldsService","line":48,"character":8},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_TASK_OPERATIONS","line":49,"character":18},"useClass":{"__symbolic":"reference","module":"@netgrif/components-core","name":"SubjectTaskOperations","line":49,"character":49}}],"template":"<nc-app-panel [panelContent]=\"taskPanelContent\" [panelHeader]=\"taskPanelHeader\"\n (stopLoading)=\"stopLoading()\" (getExpansionPanelRef)=\"setPanelRef($event)\" [first]=\"first\" [last]=\"last\">\n <ng-template #taskPanelHeader>\n <div fxLayoutAlign=\"start center\" fxLayout=\"row\" fxFlex=\"95\" (click)=\"preventSelectionClick($event)\">\n <div fxFlex class=\"text-column-div\" [ngClass]=\"{'panel-header-padding': !textEllipsis}\">\n <span class=\"text-column-margin\" fxLayoutAlign=\"start center\">\n <mat-icon class=\"task-panel-icon panel-primary-icon\">\n {{taskPanelData.task.icon ? taskPanelData.task.icon : 'label'}}</mat-icon>\n <span [ngClass]=\"{\n 'text-column-ellipsis': textEllipsis,\n 'text-column-word-wrap': !textEllipsis\n }\">{{firstFeaturedValue}}</span>\n </span>\n </div>\n <div *ngFor=\"let field of featuredFieldsValues; let i = index\" fxFlex\n class=\"text-column-div\"\n [fxHide.lt-xl]=\"i >= 3 && responsiveBody\"\n [fxHide.lt-lg]=\"i >= 2 && responsiveBody\"\n [fxHide.lt-md]=\"i >= 1 && responsiveBody\"\n [fxHide.lt-sm]=\"i >= 0 && responsiveBody\"\n [ngClass]=\"{'panel-header-padding': !textEllipsis && field.type !== 'button'}\">\n <span class=\"text-column-margin\" fxLayoutAlign=\"start center\">\n <mat-icon class=\"task-panel-icon panel-primary-icon\"\n *ngIf=\"!!field.icon && !!field.value && field.type !== 'button'\">{{field.icon}}</mat-icon>\n <button *ngIf=\"field.type === 'button'\" mat-flat-button color=\"primary\">{{field.value}}</button>\n <span [ngClass]=\"{\n 'text-column-ellipsis': textEllipsis,\n 'text-column-word-wrap': !textEllipsis\n }\" [matTooltip]=\"field.value\"\n [matTooltipDisabled]=\"!textEllipsis\"\n [matTooltipClass]=\"'pre-line-dialog'\"\n >{{field.type === 'button' ? '' : field.value }}</span>\n </span>\n </div>\n </div>\n <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxFlex=\"5\">\n <button mat-icon-button (click)=\"preventPanelOpen($event)\"\n *ngIf=\"!isLoading && (canAssign() || canDo('delegate') || canReassign() || canCancel() || canFinish())\"\n [matMenuTriggerFor]=\"menu\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <button mat-menu-item *ngIf=\"canAssign()\" (click)=\"assign()\" [disabled]=\"canDisable('assign')\">\n <mat-icon>person</mat-icon>\n <span>{{ getAssignTitle() | translate}}</span>\n </button>\n <button mat-menu-item *ngIf=\"canDo('delegate')\" (click)=\"delegate()\"\n [disabled]=\"canDisable('delegate')\">\n <mat-icon>person_outline</mat-icon>\n <span>{{ getDelegateTitle() | translate}}</span>\n </button>\n <button mat-menu-item *ngIf=\"canReassign()\" (click)=\"delegate()\" [disabled]=\"canDisable('reassign')\">\n <mat-icon>person_add</mat-icon>\n <span>{{ 'tasks.view.reassign' | translate}}</span>\n </button>\n <button mat-menu-item *ngIf=\"canCancel()\" (click)=\"cancel()\" [disabled]=\"canDisable('cancel')\">\n <mat-icon>cancel</mat-icon>\n <span>{{ getCancelTitle() | translate}}</span>\n </button>\n <button mat-menu-item *ngIf=\"canFinish()\" (click)=\"finish()\" [disabled]=\"canDisable('finish')\">\n <mat-icon>done</mat-icon>\n <span>{{ getFinishTitle() | translate}}</span>\n </button>\n </mat-menu>\n <mat-spinner *ngIf=\"isLoading\" [diameter]=\"30\"></mat-spinner>\n </div>\n </ng-template>\n <ng-template #taskPanelContent>\n <div class=\"panel-main-content\" fxLayout=\"column\">\n <div class=\"task-panel-body\" [ngClass]=\"{'paper-view': isPaperView()}\" fxFlex=\"100\">\n <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n </div>\n <mat-action-row>\n <div fxLayout.lt-sm=\"column\" fxLayoutAlign.lt-sm=\"center stretch\" ngClass.lt-sm=\"width-100\">\n <button *ngIf=\"canAssign()\" (click)=\"assign()\" mat-button [disabled]=\"canDisable('assign')\">\n {{ getAssignTitle() | translate | uppercase }}</button>\n <button *ngIf=\"canDo('delegate')\" (click)=\"delegate()\" mat-button [disabled]=\"canDisable('delegate')\">\n {{ getDelegateTitle() | translate | uppercase }}</button>\n <button *ngIf=\"canReassign()\" (click)=\"delegate()\" mat-button [disabled]=\"canDisable('reassign')\">\n {{ 'tasks.view.reassign' | translate | uppercase }}</button>\n <button *ngIf=\"canCancel()\" (click)=\"cancel()\" mat-button [disabled]=\"canDisable('cancel')\">\n {{ getCancelTitle() | translate | uppercase }}</button>\n <button *ngIf=\"canFinish()\" (click)=\"finish()\" mat-button [disabled]=\"canDisable('finish')\">\n {{ getFinishTitle() | translate | uppercase }}</button>\n <button *ngIf=\"canCollapse()\" color=\"primary\" (click)=\"collapse()\" mat-button>\n {{ 'tasks.view.collapse' | translate | uppercase }}</button>\n </div>\n </mat-action-row>\n </div>\n </ng-template>\n</nc-app-panel>\n","styles":[".task-panel-icon{margin-right:8px}.task-panel-footer{border-top:1px solid rgba(0,0,0,.03);padding:5px 24px}.task-panel-body{padding:10px 24px}.paper-view{margin:auto}.width-100{width:100%}.text-column-ellipsis{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.text-column-word-wrap{word-break:break-word!important;white-space:pre-line!important}.text-column-div{min-width:0;width:0}.text-column-margin{margin-right:15px;line-height:24px}.panel-header-padding{padding:12px 0!important}.pre-line-dialog{white-space:pre-line!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":68,"character":17},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_TASK_OPERATIONS","line":68,"character":24}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":69,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":69,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_TASK_PANEL_DISABLE_BUTTON_FUNCTIONS","line":69,"character":36}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":70,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":70,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"BOOLEAN_VALUE_LABEL_ENABLED","line":70,"character":36}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskContentService","line":54,"character":47},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":55,"character":32},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskViewService","line":56,"character":44},{"__symbolic":"reference","module":"@netgrif/components-core","name":"PaperViewService","line":57,"character":38},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskEventService","line":58,"character":45},{"__symbolic":"reference","module":"@netgrif/components-core","name":"AssignTaskService","line":59,"character":46},{"__symbolic":"reference","module":"@netgrif/components-core","name":"DelegateTaskService","line":60,"character":48},{"__symbolic":"reference","module":"@netgrif/components-core","name":"CancelTaskService","line":61,"character":46},{"__symbolic":"reference","module":"@netgrif/components-core","name":"FinishTaskService","line":62,"character":46},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskRequestStateService","line":63,"character":38},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskDataService","line":64,"character":44},{"__symbolic":"reference","module":"@netgrif/components-core","name":"AssignPolicyService","line":65,"character":48},{"__symbolic":"reference","module":"@netgrif/components-core","name":"CallChainService","line":66,"character":38},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":67,"character":38},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SubjectTaskOperations","line":68,"character":62},{"__symbolic":"reference","module":"@netgrif/components-core","name":"DisableButtonFuntions","line":69,"character":106},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":71,"character":43},{"__symbolic":"reference","module":"@angular/common","name":"CurrencyPipe","line":72,"character":41},{"__symbolic":"reference","module":"@netgrif/components-core","name":"ChangedFieldsService","line":73,"character":49},{"__symbolic":"reference","module":"@netgrif/components-core","name":"PermissionService","line":74,"character":46}]}],"createContentPortal":[{"__symbolic":"method"}]}},"CasePanelComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractCasePanelComponent","line":12,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"nc-case-panel","template":"<nc-app-panel [panelHeader]=\"casePanelHeader\" [preventExpand]=\"true\" [first]=\"first\" [last]=\"last\" [caseColor] = case_.color>\n <ng-template #casePanelHeader>\n <div fxLayoutAlign=\"start center\" fxLayout=\"row\" fxFlex=\"95\" (click)=\"preventSelectionClick($event)\">\n <div fxFlex class=\"text-column-div\" [ngClass]=\"{'panel-header-padding': !textEllipsis}\" [ngStyle]=\"{'min-width': getMinWidth()}\">\n <span class=\"text-column-margin\" fxLayoutAlign=\"start center\">\n <mat-icon class=\"case-panel-icon panel-primary-icon\" *ngIf=\"showCasePanelIcon\">\n {{case_.icon ? case_.icon : 'label'}}</mat-icon>\n <span [ngClass]=\"{\n 'text-column-ellipsis': textEllipsis,\n 'text-column-word-wrap': !textEllipsis\n }\">{{firstFeaturedValue}}</span>\n </span>\n </div>\n <div *ngFor=\"let field of featuredFieldsValues; let i = index\" fxFlex\n class=\"text-column-div\" [ngStyle]=\"{'min-width': getMinWidth()}\"\n [fxHide.lt-xl]=\"i >= 3 && responsiveBody\"\n [fxHide.lt-lg]=\"i >= 2 && responsiveBody\"\n [fxHide.lt-md]=\"i >= 1 && responsiveBody\"\n [fxHide.lt-sm]=\"i >= 0 && responsiveBody\"\n [ngClass]=\"{'panel-header-padding': !textEllipsis && field.type !== 'button'}\">\n <span class=\"text-column-margin\" fxLayoutAlign=\"start center\">\n <mat-icon class=\"case-panel-icon panel-primary-icon\"\n *ngIf=\"field.icon && field.value && field.type !== 'button'\">{{field.icon}}</mat-icon>\n <ng-container [ngSwitch]=\"field.type\">\n <span *ngSwitchDefault\n [ngClass]=\"{'text-column-ellipsis': textEllipsis, 'text-column-word-wrap': !textEllipsis}\"\n [matTooltip]=\"field.value\"\n [matTooltipDisabled]=\"!textEllipsis\"\n [matTooltipClass]=\"'pre-line-dialog'\">{{field.value}}</span>\n <button *ngSwitchCase=\"'button'\" mat-flat-button color=\"primary\">{{field.value}}</button>\n <nc-immediate-filter-text *ngSwitchCase=\"'filter'\"\n [filterMetadata]=\"field.filterMetadata\"\n [ellipsis]=\"textEllipsis\"\n class=\"width-100\">\n </nc-immediate-filter-text>\n </ng-container>\n </span>\n </div>\n </div>\n <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxFlex=\"5\">\n <div *ngIf=\"showDeleteMenu && canDelete()\">\n <button mat-icon-button (click)=\"show($event)\" [matMenuTriggerFor]=\"menu\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <button mat-menu-item (click)=\"deleteCase()\">\n <mat-icon>delete</mat-icon>\n <span>{{ 'panel.case.delete' | translate}}</span>\n </button>\n </mat-menu>\n </div>\n </div>\n </ng-template>\n</nc-app-panel>\n","styles":[".case-panel-icon{margin-right:8px}.panel-main-content{margin-top:16px}.text-column-ellipsis{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.text-column-word-wrap{word-break:break-word!important;white-space:pre-line!important}.text-column-margin{margin-right:15px;line-height:24px}.text-column-div{min-width:0;width:0}.panel-header-padding{padding:12px 0!important}.width-100{width:100%}.pre-line-dialog{white-space:pre-line!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":15,"character":48}}],null,null,null],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CaseResourceService","line":13,"character":48},{"__symbolic":"reference","module":"@netgrif/components-core","name":"CaseViewService","line":13,"character":97},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SnackBarService","line":14,"character":44},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":14,"character":90},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":15,"character":32},{"__symbolic":"reference","module":"@netgrif/components-core","name":"OverflowService","line":15,"character":87},{"__symbolic":"reference","module":"@netgrif/components-core","name":"UserService","line":16,"character":40},{"__symbolic":"reference","module":"@angular/common","name":"CurrencyPipe","line":16,"character":78},{"__symbolic":"reference","module":"@netgrif/components-core","name":"PermissionService","line":17,"character":43}]}]}},"WorkflowPanelComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractWorkflowPanelComponent","line":9,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"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 *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}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":10,"character":21},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":10,"character":47},{"__symbolic":"reference","module":"@netgrif/components-core","name":"WorkflowViewService","line":10,"character":82}]}]}},"PublicWorkflowPanelComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractWorkflowPanelComponent","line":13,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"nc-public-workflow-panel","template":"<nc-app-panel [panelHeader]=\"header\" [preventExpand]=\"true\">\n <ng-template #header>\n <div fxLayoutAlign=\"start center\" fxLayout=\"row\" fxFlex=\"95\">\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</nc-app-panel>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":14,"character":21},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":14,"character":47},{"__symbolic":"reference","module":"@netgrif/components-core","name":"WorkflowViewService","line":14,"character":82}]}]}},"TaskListComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractTaskListComponent","line":9,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-task-list","template":"<div *ngIf=\"showVirtualScroll\" fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex>\n <ng-container *ngIf=\"tasks$ | async as tasks\">\n\n <div *ngIf=\"(loading$ | async) === false && tasks.length === 0\" fxLayout=\"column\" fxLayoutAlign=\"center center\"\n fxFlex>\n <mat-icon color=\"accent\">check_box</mat-icon>\n <span class=\"font-size-20\">{{ 'tasks.view.noTasksSatisfyingThisFilter' | translate }}</span>\n </div>\n\n <mat-accordion [multi]=\"allowMultiOpen\" class=\"full-width\" fxFlex=\"100\">\n <cdk-virtual-scroll-viewport itemSize=\"52\" (scrolledIndexChange)=\"loadNextPage()\"\n class=\"task-panel-scroll-container full-width full-height\">\n <nc-task-panel\n [textEllipsis]=\"textEllipsis\"\n *cdkVirtualFor=\"let task of tasks;\n let i = index;\n let first = first;\n let last = last;\n trackBy: trackBy;\n templateCacheSize: 0\"\n [taskPanelData]=\"task\" [selectedHeaders$]=\"selectedHeaders$\" [first]=\"first\" [last]=\"last\"\n [forceLoadDataOnOpen]=\"forceLoadDataOnOpen\"\n [responsiveBody]=\"responsiveBody\"\n (taskEvent)=\"emitTaskEvent($event)\"\n (panelRefOutput)=\"addToPanelRefs(task, $event)\"\n class=\"panel-expanded-spacing\">\n </nc-task-panel>\n\n <div *ngIf=\"loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n <mat-spinner color=\"primary\" diameter=\"52\"></mat-spinner>\n </div>\n\n </cdk-virtual-scroll-viewport>\n </mat-accordion>\n\n </ng-container>\n</div>\n","styles":[".font-size-20{font-size:20px}.full-width{width:100%}.full-height{height:100%}.task-panel-scroll-container{padding:0 4px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":12,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_TAB_DATA","line":12,"character":36}]}],null],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskViewService","line":10,"character":44},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":11,"character":32},{"__symbolic":"reference","module":"@netgrif/components-core","name":"InjectedTabData","line":12,"character":67},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":13,"character":34}]}]}},"AdvancedSearchComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractAdvancedSearchComponent","line":9,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-advanced-search","providers":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"AdvancedSearchComponentInitializationService","line":7,"character":16}],"template":"<div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n <div *ngFor=\"let item of getPredicateMap() | keyvalue; trackBy: trackByPredicates; first as first\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <div *ngIf=\"!first\" class=\"bool-operator-margin\">{{'search.and' | translate | uppercase}}</div>\n <nc-search-clause [predicate]=\"item.value\" [predicateId]=\"item.key\" [remove$]=\"removeChild$\" [editable]=\"editable\"\n class=\"clause-margin\"></nc-search-clause>\n </div>\n <button *ngIf=\"editable\" mat-stroked-button (click)=\"addChildPredicate()\" class=\"bool-operator-margin\">+ {{'search.and' | translate | uppercase}}</button>\n</div>\n","styles":[".bool-operator-margin{margin-left:8px;margin-right:8px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"SearchService","line":11,"character":31},{"__symbolic":"reference","module":"@netgrif/components-core","name":"AdvancedSearchComponentInitializationService","line":11,"character":69}]}]}},"SearchClauseComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractSearchClauseComponent","line":8,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"SearchPredicateComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractSearchPredicateComponent","line":14,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"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}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":16,"character":17},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SEARCH_CATEGORIES","line":16,"character":24}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"Type","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"Category","module":"@netgrif/components-core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":17,"character":24},{"__symbolic":"reference","module":"@netgrif/components-core","name":"AdvancedSearchComponentInitializationService","line":18,"character":39},{"__symbolic":"reference","module":"@netgrif/components-core","name":"CategoryFactory","line":19,"character":33}]}]}},"SearchOperandInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractSearchOperandInputComponent","line":17,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"nc-search-operand-input","providers":[{"provide":{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NGX_MAT_DATE_FORMATS","line":14,"character":18},"useValue":{"__symbolic":"reference","module":"@netgrif/components-core","name":"DATE_TIME_FORMAT","line":14,"character":50}}],"template":"<div *ngIf=\"!isInputFilled; then operandSelection else operandDisplay\"></div>\n\n<ng-template #operandSelection>\n <div [ngSwitch]=\"inputType\">\n <ng-template [ngSwitchCase]=\"searchInputType.TEXT\">\n <mat-form-field appearance=\"outline\">\n <input type=\"text\" matInput autocomplete=\"off\"\n [formControl]=\"inputFormControl\"\n [disabled]=\"!editable\"\n (keydown.enter)=\"$event.target.blur()\"\n (blur)=\"confirmInput()\"\n #operandInput>\n </mat-form-field>\n </ng-template>\n\n <ng-template [ngSwitchCase]=\"searchInputType.AUTOCOMPLETE\">\n <mat-form-field appearance=\"outline\">\n <input type=\"text\" matInput autocomplete=\"off\"\n #autocompleteInput\n #autocompleteTrigger=\"matAutocompleteTrigger\"\n [formControl]=\"inputFormControl\"\n [matAutocomplete]=\"searchAutocomplete\"\n [disabled]=\"!editable\"\n (keydown.enter)=\"$event.target.blur(); autocompleteTrigger.closePanel()\"\n (focus)=\"editInput()\"\n #operandInput>\n <mat-autocomplete #searchAutocomplete=\"matAutocomplete\"\n [displayWith]=\"renderSelection\"\n (optionSelected)=\"autocompleteInput.blur()\">\n <mat-option *ngFor=\"let option of filteredOptions$ | async\" [value]=\"option\">\n <mat-icon *ngIf=\"option.icon\">{{option.icon}}</mat-icon>\n <span>{{option.text | translate}}</span>\n </mat-option>\n </mat-autocomplete>\n </mat-form-field>\n </ng-template>\n\n <ng-template [ngSwitchCase]=\"searchInputType.DATE\">\n <mat-form-field appearance=\"outline\">\n <input matInput autocomplete=\"off\"\n [formControl]=\"inputFormControl\"\n [matDatepicker]=\"searchDatepicker\"\n [disabled]=\"!editable\"\n (keydown.enter)=\"searchDatepicker.close()\"\n (focus)=\"editInput(); searchDatepicker.open()\"\n (blur)=\"confirmInput()\"\n #operandInput>\n <mat-datepicker-toggle matPrefix [for]=\"searchDatepicker\"></mat-datepicker-toggle>\n <mat-datepicker #searchDatepicker></mat-datepicker>\n </mat-form-field>\n </ng-template>\n\n <ng-template [ngSwitchCase]=\"searchInputType.DATE_TIME\">\n <mat-form-field appearance=\"outline\">\n <input matInput autocomplete=\"off\"\n [formControl]=\"inputFormControl\"\n [ngxMatDatetimePicker]=\"searchDateTimepicker\"\n [disabled]=\"!editable\"\n (keydown.enter)=\"searchDateTimepicker.close()\"\n (focus)=\"editInput(); searchDateTimepicker.open()\"\n #operandInput>\n <mat-datepicker-toggle matPrefix [for]=\"searchDateTimepicker\">\n <mat-icon matDatepickerToggleIcon>schedule</mat-icon>\n </mat-datepicker-toggle>\n <ngx-mat-datetime-picker #searchDateTimepicker\n [showSpinners]=\"true\"\n [showSeconds]=\"false\"\n [stepHour]=\"1\"\n [stepMinute]=\"5\"\n [color]=\"'primary'\"\n [enableMeridian]=\"false\"\n (closed)=\"confirmInput()\"></ngx-mat-datetime-picker>\n </mat-form-field>\n </ng-template>\n\n <ng-template [ngSwitchCase]=\"searchInputType.NUMBER\">\n <mat-form-field appearance=\"outline\">\n <input type=\"number\" matInput autocomplete=\"off\"\n [formControl]=\"inputFormControl\"\n [disabled]=\"!editable\"\n (keydown.enter)=\"$event.target.blur()\"\n (focus)=\"editInput()\"\n (blur)=\"confirmInput()\"\n #operandInput>\n </mat-form-field>\n </ng-template>\n\n <ng-template [ngSwitchCase]=\"searchInputType.BOOLEAN\">\n <div fxLayout=\"row\">\n <mat-slide-toggle [formControl]=\"inputFormControl\"\n [disabled]=\"!editable\"\n (focus)=\"editInput()\"\n (toggleChange)=\"confirmInput()\"></mat-slide-toggle>\n </div>\n </ng-template>\n </div>\n</ng-template>\n\n<ng-template #operandDisplay>\n <div [ngSwitch]=\"inputType\" (click)=\"editInput()\" class=\"bold-text\">\n <div *ngSwitchCase=\"searchInputType.AUTOCOMPLETE\">\n {{inputFormControl.value.text | translate}}\n </div>\n <div *ngSwitchCase=\"searchInputType.DATE\">\n {{inputFormControl.value.format(dateFormat)}}\n </div>\n <div *ngSwitchCase=\"searchInputType.DATE_TIME\">\n {{inputFormControl.value.format(dateTimeFormat)}}\n </div>\n <div *ngSwitchDefault>\n {{inputFormControl.value}}\n </div>\n </div>\n</ng-template>\n","styles":[".bold-text{font-weight:700}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"SearchConfigurationInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractSearchConfigurationInputComponent","line":8,"character":55},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-search-configuration-input","template":"<div [ngSwitch]=\"configuration.type\">\n <ng-template [ngSwitchCase]=\"searchInputType.AUTOCOMPLETE\">\n <div *ngIf=\"!configuration.isOptionSelected; then configurationSelection else configurationDisplay\"></div>\n\n <ng-template #configurationSelection>\n <mat-form-field class=\"text-margin\" appearance=\"outline\">\n <mat-label>{{configuration.label | translate}}</mat-label>\n <input type=\"text\" matInput\n #autocompleteInput\n #autocompleteTrigger=\"matAutocompleteTrigger\"\n [formControl]=\"configuration.formControl\"\n [matAutocomplete]=\"configurationAutocomplete\"\n [disabled]=\"!editable\"\n (keydown.enter)=\"$event.target.blur(); autocompleteTrigger.closePanel()\"\n #configurationInput>\n <mat-autocomplete #configurationAutocomplete=\"matAutocomplete\"\n [displayWith]=\"renderSelection\"\n (optionSelected)=\"autocompleteInput.blur()\">\n <mat-option\n *ngFor=\"let option of configuration.filteredOptions$ | async\"\n [value]=\"option\">\n <mat-icon *ngIf=\"option.icon\">{{option.icon}}</mat-icon>\n <span>{{option.text}}</span>\n </mat-option>\n </mat-autocomplete>\n </mat-form-field>\n </ng-template>\n\n <ng-template #configurationDisplay>\n <div class=\"text-margin\"\n [ngClass]=\"{'bold-text': configuration.displayBold}\"\n (click)=\"clearConfigurationInput()\">\n {{configuration.selectedOptionTranslatePath | translate}}\n </div>\n </ng-template>\n </ng-template>\n <ng-template [ngSwitchCase]=\"searchInputType.OPERATOR\">\n <div *ngIf=\"selectedCategory.isOperatorSelected(); then argumentsSelection; else operatorSelection\"></div>\n\n <ng-template #operatorSelection>\n <mat-form-field appearance=\"outline\">\n <mat-label>{{configuration.label | translate}}</mat-label>\n <mat-select [formControl]=\"configuration.formControl\" [disabled]=\"!editable\" #configurationInput>\n <mat-option *ngFor=\"let operator of selectedCategory.allowedOperators\" [value]=\"operator\">\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <ng-template ngFor let-namePart [ngForOf]=\"operator.getOperatorNameTemplate()\" let-last=\"last\">\n <ng-container [ngTemplateOutlet]=\"namePart ? operatorInputText : operatorInputPlaceholder\"\n [ngTemplateOutletContext]=\"{last:last, namePart:namePart}\"></ng-container>\n </ng-template>\n\n <ng-template #operatorInputText let-last=\"last\" let-namePart=\"namePart\">\n <div [ngClass]=\"{'argument-right-margin': !last}\">\n {{namePart | translate}}\n </div>\n </ng-template>\n\n <ng-template #operatorInputPlaceholder let-last=\"last\">\n <div class=\"argument-placeholder-color argument-placeholder-dimensions\" [ngClass]=\"{'argument-right-margin': !last}\"></div>\n </ng-template>\n </div>\n </mat-option>\n </mat-select>\n </mat-form-field>\n </ng-template>\n\n <ng-template #argumentsSelection>\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\" (click)=\"clearOperatorInput()\">\n <ng-template ngFor let-templatePart [ngForOf]=\"selectedCategory.operatorTemplate$ | async\"\n [ngForTrackBy]=\"trackByTemplateParts\">\n <div [ngSwitch]=\"templatePart.type\">\n <ng-template [ngSwitchCase]=\"operatorTemplatePartType.TEXT\">\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\"\n class=\"text-margin\">\n {{templatePart.content | translate}}\n </div>\n </ng-template>\n\n <ng-template [ngSwitchCase]=\"operatorTemplatePartType.INPUT\">\n <div class=\"text-margin\"\n (click)=\"$event.stopPropagation()\">\n <nc-search-operand-input [inputFormControl]=\"templatePart.content\"\n [inputType]=\"selectedCategory.inputType\"\n [first]=\"templatePart.first\"\n [filterOptionsFunction]=\"filterOptions\"\n [editable]=\"editable\"></nc-search-operand-input>\n </div>\n </ng-template>\n </div>\n </ng-template>\n </div>\n </ng-template>\n </ng-template>\n</div>\n","styles":[".bold-text{font-weight:700}.text-margin{margin-left:4px}.argument-placeholder-dimensions{height:1.5em;width:6em;border-radius:4px}.argument-right-margin{margin-right:.5em}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"SearchComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SearchComponent"},{"__symbolic":"reference","name":"CaseSearchComponent"},{"__symbolic":"reference","name":"TaskSearchComponent"},{"__symbolic":"reference","name":"FulltextSearchComponent"}],"exports":[{"__symbolic":"reference","name":"SearchComponent"},{"__symbolic":"reference","name":"CaseSearchComponent"},{"__symbolic":"reference","name":"TaskSearchComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":23,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":24,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":25,"character":8},{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NgxMatDatetimePickerModule","line":26,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":27,"character":8},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","module":"@netgrif/components-core","name":"DefaultSearchCategoriesModule","line":29,"character":8}]}]}],"members":{}},"searchCategoryConverter":{"__symbolic":"function"},"SearchComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractSearchComponent","line":90,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":70,"character":1},"arguments":[{"selector":"nc-search","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":74,"character":19},"member":"None"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":76,"character":18},"useValue":{"__symbolic":"reference","module":"@netgrif/components-core","name":"DATE_FORMAT","line":76,"character":46}},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SEARCH_CATEGORIES","line":78,"character":21},"useFactory":{"__symbolic":"reference","name":"searchCategoryConverter"},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CategoryResolverService","line":81,"character":16},{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_BASE_FILTER","line":82,"character":16},{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_DEFAULT_CASE_SEARCH_CATEGORIES","line":83,"character":16},{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_DEFAULT_TASK_SEARCH_CATEGORIES","line":84,"character":16},[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":85,"character":21}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":85,"character":37}},{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SEARCH_CATEGORIES","line":85,"character":49}]]}],"template":"<div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n <div class=\"search-icon\" fxLayout=\"row\" fxLayoutAlign=\"start center\" *ngIf=\"showSearchIcon\">\n <mat-icon [inline]=\"true\">search</mat-icon>\n </div>\n\n <div *ngIf=\"advancedSearchDisplayed; then advancedSearch; else fullTextSearch\"></div>\n\n <ng-template #advancedSearch>\n <nc-advanced-search></nc-advanced-search>\n </ng-template>\n\n <ng-template #fullTextSearch>\n <nc-fulltext-search></nc-fulltext-search>\n </ng-template>\n\n <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"showSearchToggleButton\"\n [matTooltip]=\"(advancedSearchDisplayed ? 'search.tooltip.toFullText' : 'search.tooltip.toAdvanced') | translate\"\n (click)=\"toggleSearchMode()\">\n <mat-icon>youtube_searched_for</mat-icon>\n </button>\n\n <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showSaveFilterButton\"\n [matTooltip]=\"'search.tooltip.save' | translate\" (click)=\"saveFilter()\">\n <mat-icon>save</mat-icon>\n </button>\n\n <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showLoadFilterButton\"\n [matTooltip]=\"'search.tooltip.load' | translate\" (click)=\"loadFilter()\">\n <mat-icon>open_in_browser</mat-icon>\n </button>\n\n <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showAdvancedSearchHelp\"\n [matTooltip]=\"'search.tooltip.help' | translate\" (click)=\"showHelp()\">\n <mat-icon>help</mat-icon>\n </button>\n</div>\n","styles":[".button-margin{margin-left:8px;margin-right:8px}.clause-margin{margin-top:4px;margin-bottom:4px}.disable-error-margin .mat-form-field-wrapper{margin:0;padding-bottom:0}.search-buttons-margin{margin-left:8px}.search-icon{padding-right:8px;font-size:xx-large}.search-input{width:100%}.search-input-lg{width:60%}.search-input-md{width:80%}.search-input-sm{width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":99,"character":17},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SEARCH_CATEGORIES","line":99,"character":24}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":100,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":100,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SEARCH_COMPONENT_CONFIGURATION","line":100,"character":36}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":101,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":101,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_FILTERS_FILTER","line":101,"character":36}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":102,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":102,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_NAVIGATION_ITEM_TASK_DATA","line":102,"character":36}]}]],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"SearchService","line":92,"character":31},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":93,"character":24},{"__symbolic":"reference","module":"@netgrif/components-core","name":"DialogService","line":94,"character":31},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":95,"character":27},{"__symbolic":"reference","module":"@netgrif/components-core","name":"UserFiltersService","line":96,"character":35},{"__symbolic":"reference","module":"@netgrif/components-core","name":"AllowedNetsService","line":97,"character":36},{"__symbolic":"reference","module":"@netgrif/components-core","name":"ViewIdService","line":98,"character":31},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"DataGroup","line":102,"character":97}]},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SearchComponentConfiguration","line":100,"character":87},{"__symbolic":"reference","module":"@netgrif/components-core","name":"Filter","line":101,"character":71},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"DataGroup","line":102,"character":97}]}]}]}},"CaseSearchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"nc-case-search","providers":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CategoryFactory","line":14,"character":8},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SEARCH_CATEGORIES","line":15,"character":18},"useFactory":{"__symbolic":"reference","module":"@netgrif/components-core","name":"defaultCaseSearchCategoriesFactory","line":15,"character":53},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CategoryFactory","line":15,"character":96}]}],"template":"<nc-search></nc-search>\n","styles":[""]}]}],"members":{}},"TaskSearchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"nc-task-search","providers":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CategoryFactory","line":14,"character":8},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SEARCH_CATEGORIES","line":15,"character":18},"useFactory":{"__symbolic":"reference","module":"@netgrif/components-core","name":"defaultTaskSearchCategoriesFactory","line":15,"character":53},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CategoryFactory","line":15,"character":96}]}],"template":"<nc-search></nc-search>\n","styles":[""]}]}],"members":{}},"FulltextSearchComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractFulltextSearchComponent","line":8,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"SearchService","line":10,"character":31}]}]}},"ɵa":{"__symbolic":"function"},"ɵb":{"__symbolic":"function","parameters":["factory"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"factory"},"member":"createFromArray"},"arguments":[[{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@netgrif/components-core","name":"UserFilterConstants","line":33,"character":36},"member":"FILTER_NET_IDENTIFIER"}]]}},"ɵc":{"__symbolic":"function"},"ɵd":{"__symbolic":"function","parameters":["factory"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"factory"},"member":"createFromArray"},"arguments":[[{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@netgrif/components-core","name":"UserFilterConstants","line":28,"character":36},"member":"FILTER_NET_IDENTIFIER"}]]}},"SideMenuContentComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":23,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":25,"character":8},{"__symbolic":"reference","name":"SideMenuUserAssignComponentModule"},{"__symbolic":"reference","name":"SideMenuNewCaseComponentModule"},{"__symbolic":"reference","name":"SideMenuImportNetComponentModule"},{"__symbolic":"reference","name":"SideMenuFilterSelectorComponentModule"},{"__symbolic":"reference","name":"SideMenuOptionSelectorComponentModule"},{"__symbolic":"reference","name":"SideMenuSaveFilterComponentModule"},{"__symbolic":"reference","name":"SideMenuLoadFilterComponentModule"}],"exports":[{"__symbolic":"reference","name":"SideMenuUserAssignComponentModule"},{"__symbolic":"reference","name":"SideMenuNewCaseComponentModule"},{"__symbolic":"reference","name":"SideMenuImportNetComponentModule"},{"__symbolic":"reference","name":"SideMenuFilterSelectorComponentModule"},{"__symbolic":"reference","name":"SideMenuOptionSelectorComponentModule"},{"__symbolic":"reference","name":"SideMenuSaveFilterComponentModule"},{"__symbolic":"reference","name":"SideMenuLoadFilterComponentModule"}],"providers":[{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_USER_ASSIGN_COMPONENT","line":44,"character":18},"useValue":{"__symbolic":"reference","name":"UserAssignComponent"}},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_NEW_CASE_COMPONENT","line":45,"character":18},"useValue":{"__symbolic":"reference","name":"NewCaseComponent"}},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_OPTION_SELECTOR_COMPONENT","line":46,"character":18},"useValue":{"__symbolic":"reference","name":"OptionSelectorComponent"}},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SAVE_FILTER_COMPONENT","line":47,"character":18},"useValue":{"__symbolic":"reference","name":"SaveFilterComponent"}},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_LOAD_FILTER_COMPONENT","line":48,"character":18},"useValue":{"__symbolic":"reference","name":"LoadFilterComponent"}}]}]}],"members":{}},"SideMenuImportNetComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ImportNetComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":13,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"CovalentModule","line":14,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":15,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":16,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":17,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":18,"character":8}],"exports":[{"__symbolic":"reference","name":"ImportNetComponent"}],"entryComponents":[{"__symbolic":"reference","name":"ImportNetComponent"}]}]}],"members":{}},"SideMenuNewCaseComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NewCaseComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":14,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"CovalentModule","line":15,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":16,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":17,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":18,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SnackBarModule","line":19,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":20,"character":8},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"angular2-hotkeys","name":"HotkeyModule","line":21,"character":8},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","name":"NewCaseComponent"}],"entryComponents":[{"__symbolic":"reference","name":"NewCaseComponent"}],"providers":[{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_NEW_CASE_COMPONENT","line":26,"character":18},"useValue":{"__symbolic":"reference","name":"NewCaseComponent"}}]}]}],"members":{}},"SideMenuUserAssignComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"UserAssignComponent"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbd"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":18,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"CovalentModule","line":19,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":20,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":21,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":22,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":23,"character":8}],"exports":[{"__symbolic":"reference","name":"UserAssignComponent"}],"entryComponents":[{"__symbolic":"reference","name":"UserAssignComponent"}],"providers":[{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_USER_ASSIGN_COMPONENT","line":28,"character":18},"useValue":{"__symbolic":"reference","name":"UserAssignComponent"}}]}]}],"members":{}},"SideMenuFilterSelectorComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FilterSelectorComponent"},{"__symbolic":"reference","name":"ɵbv"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":13,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":14,"character":8}],"exports":[{"__symbolic":"reference","name":"FilterSelectorComponent"}],"entryComponents":[{"__symbolic":"reference","name":"FilterSelectorComponent"}]}]}],"members":{}},"SideMenuOptionSelectorComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":9,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":10,"character":8}],"declarations":[{"__symbolic":"reference","name":"OptionSelectorComponent"}],"exports":[{"__symbolic":"reference","name":"OptionSelectorComponent"}],"entryComponents":[{"__symbolic":"reference","name":"OptionSelectorComponent"}],"providers":[{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_OPTION_SELECTOR_COMPONENT","line":22,"character":18},"useValue":{"__symbolic":"reference","name":"OptionSelectorComponent"}}]}]}],"members":{}},"SideMenuSaveFilterComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":10,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":11,"character":8},{"__symbolic":"reference","name":"PanelComponentModule"}],"declarations":[{"__symbolic":"reference","name":"SaveFilterComponent"}],"exports":[{"__symbolic":"reference","name":"SaveFilterComponent"}],"entryComponents":[{"__symbolic":"reference","name":"SaveFilterComponent"}],"providers":[{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SAVE_FILTER_COMPONENT","line":18,"character":18},"useValue":{"__symbolic":"reference","name":"SaveFilterComponent"}}]}]}],"members":{}},"SideMenuLoadFilterComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":11,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":12,"character":8},{"__symbolic":"reference","name":"CaseViewComponentModule"},{"__symbolic":"reference","name":"HeaderComponentModule"}],"declarations":[{"__symbolic":"reference","name":"LoadFilterComponent"}],"exports":[{"__symbolic":"reference","name":"LoadFilterComponent"}],"entryComponents":[{"__symbolic":"reference","name":"LoadFilterComponent"}],"providers":[{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_LOAD_FILTER_COMPONENT","line":20,"character":18},"useValue":{"__symbolic":"reference","name":"LoadFilterComponent"}}]}]}],"members":{}},"ImportNetComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractImportNetComponent","line":25,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"nc-import-net","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":17,"character":8},"arguments":["fadeInOut",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":18,"character":12},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":18,"character":24},"arguments":[{"opacity":100}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":19,"character":12},"arguments":["* => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":20,"character":16},"arguments":[300,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":20,"character":29},"arguments":[{"opacity":0}]}]}]]}]]}],"template":"<mat-toolbar color=\"primary\">{{ 'side-menu.import-net.upload' | translate}}</mat-toolbar>\n\n<div fxLayout=\"column\" class=\"container side-menu-root\">\n\n <ul class=\"file-list\">\n <li *ngFor=\"let file of fileList\" [@fadeInOut]=\"'in'\">\n <mat-progress-bar color=\"accent\" [value]=\"file.progress\"></mat-progress-bar>\n <span class=\"file-list-label\">\n <mat-progress-spinner *ngIf=\"file.inProgress && file.uploaded\" class=\"margin-right-default\"\n color=\"accent\" mode=\"indeterminate\" diameter=\"20\"></mat-progress-spinner>\n <mat-icon *ngIf=\"!file.inProgress && file.uploaded && file.completed\"\n class=\"done-icon margin-right-default\">\n done\n </mat-icon>\n <mat-icon *ngIf=\"!file.inProgress && !file.completed && file.error\"\n class=\"done-icon margin-right-default\">\n error\n </mat-icon>\n {{file.data.name}}\n <a title=\"Retry\" (click)=\"retryFile(file)\" *ngIf=\"!file.inProgress && file.error\">\n <mat-icon>refresh</mat-icon>\n </a>\n <a title=\"Cancel\" (click)=\"cancelFile(file)\" *ngIf=\"file.inProgress\">\n <mat-icon>cancel</mat-icon>\n </a>\n </span>\n </li>\n </ul>\n\n <input type=\"file\" id=\"sidemenu-fileUpload\" name=\"fileUpload\" multiple=\"multiple\"\n accept=\"text/xml\" class=\"display-none\"/>\n\n <mat-form-field color=\"primary\">\n <mat-label>Release</mat-label>\n <mat-select [formControl]=\"releaseTypeControl\">\n <mat-option *ngFor=\"let type of releaseTypes\" [value]=\"type\">\n {{type}}\n </mat-option>\n </mat-select>\n </mat-form-field>\n\n <button mat-raised-button color=\"primary\" (click)=\"onProcessFileChosen()\">\n <mat-icon>file_upload</mat-icon>\n {{ 'side-menu.import-net.choose' | translate}}\n </button>\n\n <button *ngIf=\"isAllFinished\" mat-flat-button (click)=\"close()\">\n {{ 'side-menu.import-net.done' | translate}}\n </button>\n\n</div>\n","styles":[".file-list,.file-list li{margin:0;padding:0;list-style:none}.file-list-label{display:inline-flex;vertical-align:middle;font-size:12px;line-height:18px}.file-list-label mat-icon{font-size:18px;text-align:center}.file-list-label a{cursor:pointer}.container{padding:10%}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.display-none{display:none!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":27,"character":17},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SIDE_MENU_CONTROL","line":27,"character":24}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"SideMenuControl","line":27,"character":75},{"__symbolic":"reference","module":"@netgrif/components-core","name":"PetriNetResourceService","line":28,"character":45},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":29,"character":32},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SnackBarService","line":30,"character":37},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":31,"character":38}]}]}},"NewCaseComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractNewCaseComponent","line":21,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"nc-new-case","providers":[{"provide":{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"STEPPER_GLOBAL_OPTIONS","line":18,"character":17},"useValue":{"showError":true}}],"template":"<div #toolbar class=\"custom-mat-toolbar\" fxLayout=\"column\" fxLayoutAlign=\"center none\">\n {{titleShortening()}}\n</div>\n<mat-vertical-stepper *ngIf=\"hasMultipleNets$ | async\" linear #stepper1>\n <mat-step [stepControl]=\"processFormControl\" errorMessage=\"{{'side-menu.new-case.errFirst' | translate}}\">\n <ng-template matStepLabel>{{'side-menu.new-case.choose' | translate}}</ng-template>\n <mat-form-field>\n <input type=\"text\" matInput [formControl]=\"processFormControl\" [matAutocomplete]=\"auto\" required\n (keyup.enter)=\"nextStep()\" (change)=\"checkVersion(processFormControl.value)\">\n <span class=\"version-span\" *ngIf=\"isVersionVisible\" matSuffix>{{netVersion}}</span>\n <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\"\n (optionSelected)=\"showVersion($event.option)\">\n <mat-option *ngFor=\"let option of filteredOptions$ | async\" [value]=\"option\">\n {{option.viewValue}}\n <span class=\"version-span\" *ngIf=\"isVersionVisible\">{{option.version}}</span>\n </mat-option>\n </mat-autocomplete>\n </mat-form-field>\n <div>\n <button *ngIf=\"isCaseTitleEnabled()\" mat-button matStepperNext>{{'side-menu.new-case.next' | translate}}</button>\n <button *ngIf=\"!isCaseTitleEnabled()\" mat-button (click)=\"createNewCase()\">{{'side-menu.new-case.create' | translate}}</button>\n </div>\n </mat-step>\n <mat-step *ngIf=\"isCaseTitleEnabled()\" [stepControl]=\"titleFormControl\" errorMessage=\"{{'side-menu.new-case.errSecond' | translate}}\">\n <ng-template matStepLabel>{{'side-menu.new-case.caseTitle' | translate}}</ng-template>\n <mat-form-field>\n <input matInput placeholder=\"Title\" autocomplete=\"off\" [formControl]=\"titleFormControl\" [required]=\"isCaseTitleRequired()\" (keyup.enter)=\"nextStep()\">\n </mat-form-field>\n <div>\n <button mat-button (click)=\"stepper1.reset(); checkVersion(processFormControl.value)\">{{'side-menu.new-case.reset' | translate}}</button>\n <button mat-button (click)=\"createNewCase()\">{{'side-menu.new-case.create' | translate}}</button>\n </div>\n </mat-step>\n</mat-vertical-stepper>\n<mat-vertical-stepper *ngIf=\"(hasMultipleNets$ | async) === false\" linear #stepper2>\n <mat-step [stepControl]=\"titleFormControl\" errorMessage=\"{{'side-menu.new-case.errSecond' | translate}}\">\n <ng-template matStepLabel>{{'side-menu.new-case.caseTitle' | translate}}</ng-template>\n <mat-form-field>\n <input matInput placeholder=\"Title\" autocomplete=\"off\" [formControl]=\"titleFormControl\" [required]=\"isCaseTitleRequired()\" (keyup.enter)=\"nextStep()\">\n </mat-form-field>\n <div>\n <button mat-button (click)=\"stepper2.reset()\">{{'side-menu.new-case.reset' | translate}}</button>\n <button mat-button (click)=\"createNewCase()\">{{'side-menu.new-case.create' | translate}}</button>\n </div>\n </mat-step>\n</mat-vertical-stepper>\n<div *ngIf=\"(notInitialized$ | async)\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <mat-spinner class=\"spinner-margin\"></mat-spinner>\n</div>\n","styles":[".version-span{padding-left:8px;color:gray}.spinner-margin{margin-top:16px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":25,"character":17},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SIDE_MENU_CONTROL","line":25,"character":24}]}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"SideMenuControl","line":25,"character":75},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":26,"character":40},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SnackBarService","line":27,"character":44},{"__symbolic":"reference","module":"@netgrif/components-core","name":"CaseResourceService","line":28,"character":48},{"__symbolic":"reference","module":"angular2-hotkeys","name":"HotkeysService","line":29,"character":43},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":30,"character":38}]}]}},"UserAssignComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractUserAssignComponent","line":15,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"nc-user-assign","providers":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"UserListService","line":13,"character":16}],"template":"<div class=\"full-width full-height\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n <mat-toolbar color=\"primary\">{{ 'side-menu.user.assign' | translate | uppercase }}</mat-toolbar>\n <div class=\"user-assign-container side-menu-root\" fxLayout=\"column\" fxFlex>\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <mat-icon fxFlex class=\"search-icon\">search</mat-icon>\n <mat-form-field fxFlex=\"100\" class=\"user-assign-search\" color=\"primary\">\n <input matInput placeholder=\"{{ 'side-menu.user.choose' | translate }}\"\n [formControl]=\"searchUserControl\">\n <button mat-button *ngIf=\"searchUserControl.value\" matSuffix mat-icon-button\n (click)=\"searchUserControl.setValue('')\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n </div>\n\n <nc-user-assign-list fxFlex\n [searchUserControl]=\"searchUserControl\"\n [roles]=\"roles\"\n [negativeRoles]=\"negativeRoles\"\n [initiallySelectedUser]=\"initiallySelectedUser\"\n (userSelected)=\"userWasSelected($event)\">\n </nc-user-assign-list>\n\n <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n <button mat-button color=\"primary\"\n (click)=\"assign()\">{{ 'tasks.view.assign' | translate | uppercase }}</button>\n </div>\n </div>\n</div>\n","styles":[".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.user-assign-container{padding:16px;position:relative}.user-assign-search{width:100%}.search-icon{margin-right:10px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":16,"character":17},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SIDE_MENU_CONTROL","line":16,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"SideMenuControl","line":16,"character":75}]}]}},"FilterSelectorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractFilterSelectorComponent","line":20,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"nc-filter-selector","template":"<mat-toolbar color=\"primary\">{{ 'side-menu.filter-selector.choose-filter' | translate}}</mat-toolbar>\n<div class=\"filter-selector-root side-menu-root\">\n <div class=\"input-margin\">\n <mat-form-field class=\"full-width-input\">\n <mat-label>{{'side-menu.filter-selector.search-filter' | translate}}</mat-label>\n <input matInput type=\"text\" [formControl]=\"searchFormControl\">\n </mat-form-field>\n </div>\n <div *ngIf=\"caseFilters.filtered.length > 0\">\n <h4 class=\"header-padding\">{{ 'side-menu.filter-selector.case-filters' | translate}}</h4>\n <mat-selection-list (selectionChange)=\"caseFilterSelected($event)\" #caseFilterList>\n <mat-list-option *ngFor=\"let filter of caseFilters.filtered\" [value]=\"filter\">\n <nc-filter-selector-list-item [filter]=\"filter\"></nc-filter-selector-list-item>\n </mat-list-option>\n </mat-selection-list>\n </div>\n <div *ngIf=\"taskFilters.filtered.length > 0\">\n <h4 class=\"header-padding\">{{ 'side-menu.filter-selector.task-filters' | translate}}</h4>\n <mat-selection-list (selectionChange)=\"taskFilterSelected($event)\" #taskFilterList>\n <mat-list-option *ngFor=\"let filter of taskFilters.filtered\" [value]=\"filter\">\n <nc-filter-selector-list-item [filter]=\"filter\"></nc-filter-selector-list-item>\n </mat-list-option>\n </mat-selection-list>\n </div>\n <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n <button mat-stroked-button color=\"primary\" class=\"submit-button-padding\"\n (click)=\"filterSelectionConfirmed()\">{{ 'side-menu.filter-selector.select' | translate }}</button>\n </div>\n</div>\n","styles":[".filter-selector-root{width:calc(100% - 8px);margin:0;padding-top:4px;padding-left:4px;padding-right:4px}.header-padding{padding:0 0 0 16px}.submit-button-padding{margin-right:16px}.input-margin{margin-left:16px;margin-right:16px}.full-width-input{display:block;margin:0 auto;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":29,"character":17},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SIDE_MENU_CONTROL","line":29,"character":24}]}],null],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"SideMenuControl","line":29,"character":75},{"__symbolic":"reference","module":"@netgrif/components-core","name":"FilterRepository","line":30,"character":45}]}]}},"OptionSelectorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractOptionSelectorComponent","line":8,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-option-selector","template":"<mat-toolbar color=\"primary\">{{ data.title | translate}}</mat-toolbar>\n<div fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n <mat-form-field class=\"select-field-margin\">\n <input type=\"text\" matInput required\n [placeholder]=\"'side-menu.option-selector.choose-one-option' | translate\"\n [formControl]=\"selectorFormControl\"\n [matAutocomplete]=\"auto\"\n (keyup.enter)=\"submit()\">\n <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\">\n <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option\">\n {{option.text}}\n </mat-option>\n </mat-autocomplete>\n </mat-form-field>\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <button mat-stroked-button (click)=\"submit()\">{{'side-menu.option-selector.select' | translate}}</button>\n </div>\n</div>\n","styles":[".select-field-margin{margin:8px 16px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":10,"character":17},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SIDE_MENU_CONTROL","line":10,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"SideMenuControl","line":10,"character":75}]}]}},"SaveFilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractSaveFilterComponent","line":52,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":36,"character":1},"arguments":[{"selector":"nc-save-filter","providers":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskViewService","line":41,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SearchService","line":42,"character":8},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_BASE_FILTER","line":43,"character":21},"useFactory":{"__symbolic":"reference","name":"ɵa"},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SIDE_MENU_CONTROL","line":45,"character":19}]},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AllowedNetsService","line":47,"character":21},"useFactory":{"__symbolic":"reference","name":"ɵb"},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"AllowedNetsServiceFactory","line":49,"character":19}]}],"template":"<mat-toolbar color=\"primary\">{{'search.tooltip.save' | translate}}</mat-toolbar>\n<div class=\"save-filter-container side-menu-root\">\n <nc-task-list [allowMultiOpen]=\"false\" [tasks$]=\"tasks$\" [loading$]=\"loading$\" [textEllipsis]=\"true\" [forceLoadDataOnOpen]=\"true\"\n [responsiveBody]=\"true\" [selectedHeaders$]=\"selectedHeaders$\" (taskEvent)=\"processTaskEvents($event)\" fxFlex class=\"virtual-scroll-list-padding\"></nc-task-list>\n</div>\n","styles":[".save-filter-container{height:calc(100% - 64px);padding-left:8px;padding-right:8px}.virtual-scroll-list-padding{padding-right:4px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":17},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SIDE_MENU_CONTROL","line":54,"character":24}]}],null,null,null],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"SideMenuControl","line":54,"character":64},{"__symbolic":"reference","module":"@netgrif/components-core","name":"UserFiltersService","line":55,"character":35},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":56,"character":21},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskViewService","line":57,"character":33}]}]}},"LoadFilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractLoadFilterComponent","line":48,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"nc-load-filter","providers":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CaseViewService","line":36,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SearchService","line":37,"character":8},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_BASE_FILTER","line":38,"character":21},"useFactory":{"__symbolic":"reference","name":"ɵc"},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SIDE_MENU_CONTROL","line":40,"character":19}]},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AllowedNetsService","line":41,"character":21},"useFactory":{"__symbolic":"reference","name":"ɵd"},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"AllowedNetsServiceFactory","line":43,"character":19}]},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_DEFAULT_HEADERS","line":44,"character":21},"useValue":["meta-title",{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@netgrif/components-core","name":"UserFilterConstants","line":45,"character":40},"member":"FILTER_NET_IDENTIFIER"},"right":"-"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@netgrif/components-core","name":"UserFilterConstants","line":45,"character":85},"member":"FILTER_FIELD_ID"}}]}],"template":"<mat-toolbar color=\"primary\">{{'search.tooltip.load' | translate}}</mat-toolbar>\n<div class=\"load-filter-container side-menu-root\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n <nc-header #header [type]=\"headerType\" [maxHeaderColumns]=\"2\" [responsiveHeaders]=\"true\" [hideEditMode]=\"true\" class=\"case-header-padding\" [ngStyle]=\"{'width': getWidth()}\"></nc-header>\n <nc-case-list [selectedHeaders$]=\"selectedHeaders$\" [showDeleteMenu]=\"false\" [width]=\"getWidth()\"\n (caseClick)=\"handleCaseClick($event)\" [responsiveBody]=\"true\" fxFlex [textEllipsis]=\"true\" class=\"virtual-scroll-list-padding\"></nc-case-list>\n</div>\n","styles":[".load-filter-container{height:calc(100% - 64px);padding-left:8px;padding-right:8px}.case-header-padding{padding-bottom:16px;padding-top:4px}.virtual-scroll-list-padding{padding-right:4px}"]}]}],"members":{"caseHeaderComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":50,"character":5},"arguments":["header"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":52,"character":17},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SIDE_MENU_CONTROL","line":52,"character":24}]}],null,null],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"SideMenuControl","line":52,"character":64},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":53,"character":21},{"__symbolic":"reference","module":"@netgrif/components-core","name":"CaseViewService","line":54,"character":33}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"SideMenuComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SideMenuContainerComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":8},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":14,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":15,"character":8},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":16,"character":8},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":17,"character":8}],"exports":[{"__symbolic":"reference","name":"SideMenuContainerComponent"}]}]}],"members":{}},"SideMenuContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractSideMenuContainerComponent","line":8,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-side-menu-container","template":"<mat-sidenav-container class=\"side-menu-container\">\n <mat-sidenav #rightSideMenu mode=\"over\" position=\"end\" class=\"side-menu\" ngClass.lt-sm=\"side-menu-size-mobile\"\n [ngClass.gt-xs]=\"portalWrapper.size\">\n <ng-template [cdkPortalOutlet]=\"portalWrapper.portal\"></ng-template>\n </mat-sidenav>\n <mat-sidenav-content>\n <ng-content></ng-content>\n </mat-sidenav-content>\n</mat-sidenav-container>\n","styles":[".side-menu-container{position:absolute;top:0;bottom:0;left:0;right:0}.side-menu{border-radius:4px}.side-menu-width-small{width:296px}.side-menu-width-medium{width:400px}.side-menu-width-large{width:496px}.side-menu-size-mobile{width:246px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"SideMenuService","line":10,"character":51}]}]}},"TabsComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TabViewComponent"},{"__symbolic":"reference","name":"TabCreationDetectorComponent"}],"exports":[{"__symbolic":"reference","name":"TabViewComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":8},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":19,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":20,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":21,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":22,"character":8}]}]}],"members":{}},"TabViewComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractTabViewComponent","line":13,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"nc-tab-view","template":"<mat-tab-group [selectedIndex]=\"tabView.selectedIndex\"\n [class.center-tabs]=\"align === 'center'\"\n [class.end-tabs]=\"align === 'end'\"\n (selectedTabChange)=\"tabView.tabChange($event)\" class=\"tab-group\"\n [class.nae-tab-fill-height]=\"stretch\" fxFlex>\n <mat-tab *ngFor=\"let tab of tabView.openedTabs; let i=index\">\n <ng-template mat-tab-label>\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <mat-icon class=\"icon-margin-right\"\n *ngIf=\"tab.label.icon !== undefined\">{{tab.label.icon}}</mat-icon>\n <span class=\"custom-badge\" [matBadge]=\"(badgeCount(tab) | async)\"\n [matBadgeHidden]=\"(badgeHidden(tab) | async)\">{{(tab.label.text | translate) + ((badgeHidden(tab) | async) ? '' : offset)}}</span>\n </div>\n <button mat-icon-button *ngIf=\"tab.canBeClosed\" (click)=\"tabView.closeTabIndex(i)\">\n <mat-icon>clear</mat-icon>\n </button>\n </div>\n </ng-template>\n \n \n <nc-tab-creation-detector [initializeTabFunction]=\"initializeTabLambda\"\n [tabIndex]=\"i\"></nc-tab-creation-detector>\n <ng-template [ngIf]=\"tab.isTabInitialized\" class=\"full-height\">\n <ng-template [cdkPortalOutlet]=\"tab.portal\" class=\"full-height\"></ng-template>\n </ng-template>\n </mat-tab>\n</mat-tab-group>\n","styles":[".icon-margin-right{margin-right:5px}.full-height{height:100%}.full-width{width:100%}.tab-group{height:100%}.mat-badge-content{top:-3px!important;right:-24px!important}.custom-badge .mat-badge-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:16px;text-align:center;border-radius:8px;padding-left:3px;padding-right:3px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"ViewService","line":15,"character":40},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":15,"character":72},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":15,"character":97}]}]}},"TabCreationDetectorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractTabCreationDetectorComponent","line":14,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"nc-tab-creation-detector","template":"","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"TaskContentComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TaskContentComponent"},{"__symbolic":"reference","name":"FieldComponentResolverComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":16,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":17,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":18,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SnackBarModule","line":19,"character":8},{"__symbolic":"reference","name":"DataFieldsComponentModule"}],"exports":[{"__symbolic":"reference","name":"TaskContentComponent"}],"entryComponents":[{"__symbolic":"reference","name":"TaskContentComponent"}]}]}],"members":{}},"TaskContentComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractTaskContentComponent","line":16,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"nc-task-content","template":"<div *ngIf=\"loading$ | async; else notLoading\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n <mat-spinner color=\"primary\"></mat-spinner>\n</div>\n\n<ng-template #notLoading>\n <div *ngIf=\"hasDataToDisplay$ | async; else noContentToDisplay\"\n [ngClass]=\"{'paper-view-content mat-elevation-z10': isPaperView(), 'scrolling_data': this.scrollingNeeded()}\"\n [ngStyle]=\"{'max-height': this.resolveContentHeightCss()}\">\n <div fxLayout=\"column\" fxLayoutAlign=\"start stretch\"\n *ngFor=\"let subgrid of dataSource; trackBy: trackBySubgridFn\">\n <div [gdAreas]=\"subgrid.gridAreas\" [gdColumns]=\"subgrid.getGridColumns()\" class=\"grid-rows-auto\">\n <div *ngFor=\"let item of subgrid.content; trackBy: trackByFn\"\n [gdArea]=\"item.gridAreaId\"\n class=\"border\" fxLayout=\"row\" [fxLayoutAlign]=\"getItemAlignment(item)\">\n <nc-field-component-resolver [id]=\"item?.item?.stringId\" [gridElement]=\"item\" fxFlex></nc-field-component-resolver>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n\n<ng-template #noContentToDisplay>\n <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\n <mat-icon *ngIf=\"displayNoDataIcon\">{{noDataIcon ? noDataIcon : 'block'}}</mat-icon>\n <span>{{(noDataText ? noDataText : 'tasks.view.noData') | translate}}</span>\n </div>\n</ng-template>\n","styles":[".border{overflow-y:auto}.paper-view-content{padding:20px;width:22cm;border:1px solid #ddd}.scrolling_data{overflow-y:auto!important}.grid-rows-auto{-ms-grid-rows:auto;grid-template-rows:auto}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":22,"character":17}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":23,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":23,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_ASYNC_RENDERING_CONFIGURATION","line":23,"character":36}]}]],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"FieldConverterService","line":18,"character":43},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskContentService","line":19,"character":43},{"__symbolic":"reference","module":"@netgrif/components-core","name":"PaperViewService","line":20,"character":38},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":21,"character":35},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskEventService","line":22,"character":57},null]}]}},"FieldComponentResolverComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractFieldComponentResolverComponent","line":8,"character":53},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-field-component-resolver","template":"<div fxLayout=\"row\" fxLayoutAlign=\"start center\" [ngClass]=\"{'min-row-height': isField()}\" [ngSwitch]=\"getElementType()\">\n <nc-boolean-field *ngSwitchCase=\"fieldTypeEnum.BOOLEAN\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n </nc-boolean-field>\n\n <nc-text-field *ngSwitchCase=\"fieldTypeEnum.TEXT\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n </nc-text-field>\n\n <nc-number-field *ngSwitchCase=\"fieldTypeEnum.NUMBER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n </nc-number-field>\n\n <nc-enumeration-field *ngSwitchCase=\"fieldTypeEnum.ENUMERATION\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n </nc-enumeration-field>\n\n <nc-enumeration-field *ngSwitchCase=\"fieldTypeEnum.ENUMERATION_MAP\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n </nc-enumeration-field>\n\n <nc-multichoice-field *ngSwitchCase=\"fieldTypeEnum.MULTICHOICE\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n </nc-multichoice-field>\n\n <nc-multichoice-field *ngSwitchCase=\"fieldTypeEnum.MULTICHOICE_MAP\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n </nc-multichoice-field>\n\n <nc-date-field *ngSwitchCase=\"fieldTypeEnum.DATE\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n </nc-date-field>\n\n <nc-date-time-field *ngSwitchCase=\"fieldTypeEnum.DATE_TIME\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n </nc-date-time-field>\n\n <nc-file-field *ngSwitchCase=\"fieldTypeEnum.FILE\" [dataField]=\"getDataField()\" [taskId]=\"getTaskId()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n </nc-file-field>\n\n <nc-file-list-field *ngSwitchCase=\"fieldTypeEnum.FILE_LIST\" [dataField]=\"getDataField()\" [taskId]=\"getTaskId()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n </nc-file-list-field>\n\n <nc-user-field *ngSwitchCase=\"fieldTypeEnum.USER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n </nc-user-field>\n\n <nc-button-field *ngSwitchCase=\"fieldTypeEnum.BUTTON\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n </nc-button-field>\n\n <nc-filter-field *ngSwitchCase=\"fieldTypeEnum.FILTER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex=\"\">\n </nc-filter-field>\n\n <nc-i18n-field *ngSwitchCase=\"fieldTypeEnum.I18N\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex=\"\">\n </nc-i18n-field>\n\n <div *ngSwitchCase=\"taskElementEnum.DATA_GROUP_TITLE\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <div fxFlex=\"20\" class=\"line-datagroup\"></div>\n <span [ngClass]=\"{'margin-default': getDataGroupTitle() !== ''}\">{{getDataGroupTitle()}}</span>\n <div fxFlex class=\"line-datagroup\"></div>\n </div>\n\n <div *ngSwitchCase=\"taskElementEnum.LOADER\" class=\"min-row-height\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <div class=\"phl-item\">\n <div class=\"phl-row\" fxLayoutAlign=\"center center\">\n <div class=\"phl-col\">\n </div>\n </div>\n </div>\n </div>\n\n <div *ngSwitchCase=\"taskElementEnum.BLANK\"></div>\n</div>\n","styles":[".line-datagroup{height:1px;background:rgba(0,0,0,.12)}.margin-default{margin-right:8px;margin-left:8px}.min-row-height{min-height:105px}.phl-row{width:100%;flex-wrap:wrap}.phl-col{height:70px;flex:0 0 90%;background-color:#ced4da;border-radius:8px}.phl-item{width:100%;position:relative;display:flex;flex-wrap:wrap;overflow:hidden;background-color:#fff}.phl-item::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));-webkit-animation:1s infinite shimmer;animation:1s infinite shimmer;content:\"\"}@-webkit-keyframes shimmer{100%{transform:translateX(100%)}}@keyframes shimmer{100%{transform:translateX(100%)}}.phl-item,.phl-item *,.phl-item::after,.phl-item::before{box-sizing:border-box}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskContentService","line":10,"character":36}]}]}},"ToolbarComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ToolbarComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":10,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":11,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":12,"character":8}],"exports":[{"__symbolic":"reference","name":"ToolbarComponent"}]}]}],"members":{}},"ToolbarComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractToolbarComponent","line":9,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-toolbar","template":"<mat-toolbar color=\"primary\">\n <mat-toolbar-row fxLayout=\"row\">\n <div class=\"main-toolbar-logo\" fxFlex fxLayout=\"row\">\n <a href=\"/\">\n <img [src]=\"logoSrc\" [alt]=\"logoAlt\">\n </a>\n </div>\n <div fxFlex fxHide.gt-xs=\"false\" fxHide.lt-md=\"true\" fxLayout=\"row\" fxLayoutAlign=\"center\">\n {{appName}}\n </div>\n <div class=\"main-toolbar-menu\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"end\">\n <button mat-button [matMenuTriggerFor]=\"mainMenu\" class=\"main-toolbar-menu-button\" fxLayout=\"row\">\n <span class=\"main-toolbar-logged-user\" fxHide.xs=\"true\">{{loggedUser}}</span>\n <mat-icon class=\"main-toolbar-icon\" aria-hidden=\"false\" aria-label=\"Example home icon\">account_circle\n </mat-icon>\n <mat-menu #mainMenu=\"matMenu\" class=\"main-toolbar-opened-menu\">\n <button mat-menu-item [matMenuTriggerFor]=\"languages\">\n <mat-icon class=\"main-toolbar-menu-icon\" aria-hidden=\"false\" aria-label=\"Example home icon\">\n language\n </mat-icon>\n {{ 'toolbar.menu.lang' | translate }}\n </button>\n <button mat-menu-item>\n <mat-icon class=\"main-toolbar-menu-icon\" aria-hidden=\"false\" aria-label=\"Example home icon\">\n account_circle\n </mat-icon>\n {{ 'toolbar.menu.profile' | translate }}\n </button>\n <button mat-menu-item>\n <mat-icon class=\"main-toolbar-menu-icon\" aria-hidden=\"false\" aria-label=\"Example home icon\">\n exit_to_app\n </mat-icon>\n {{ 'toolbar.menu.logout' | translate }}\n </button>\n </mat-menu>\n <mat-menu #languages=\"matMenu\">\n <button mat-menu-item (click)=\"setLang('en-UK')\">{{ 'toolbar.menu.en' | translate }}\n <mat-icon *ngIf=\"activeLang('en-UK')\" class=\"main-toolbar-menu-icon\"\n aria-hidden=\"false\" aria-label=\"Example home icon\">keyboard_arrow_left\n </mat-icon>\n </button>\n <button mat-menu-item (click)=\"setLang('sk-SK')\">{{ 'toolbar.menu.sk' | translate }}\n <mat-icon *ngIf=\"activeLang('sk-SK')\" class=\"main-toolbar-menu-icon\"\n aria-hidden=\"false\" aria-label=\"Example home icon\">keyboard_arrow_left\n </mat-icon>\n </button>\n <button mat-menu-item (click)=\"setLang('de-DE')\">{{ 'toolbar.menu.de' | translate }}\n <mat-icon *ngIf=\"activeLang('de-DE')\" class=\"main-toolbar-menu-icon\"\n aria-hidden=\"false\" aria-label=\"Example home icon\">keyboard_arrow_left\n </mat-icon>\n </button>\n </mat-menu>\n </button>\n </div>\n </mat-toolbar-row>\n</mat-toolbar>\n","styles":[".main-toolbar-logo{max-height:60%}.main-toolbar-logo img{width:120px}mat-icon.main-toolbar-icon{font-size:48px;height:100%;margin-right:15px}.main-toolbar-logged-user{margin-right:15px}.main-toolbar-menu,.main-toolbar-menu-button{font-size:20px;height:100%}.main-toolbar-menu-icon{font-size:23px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":11,"character":37},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LanguageService","line":11,"character":84}]}]}},"UserComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"UserCardComponent"}],"exports":[{"__symbolic":"reference","name":"UserCardComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":8},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":14,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":15,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":16,"character":8}]}]}],"members":{}},"ProfileComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ProfileComponent"}],"exports":[{"__symbolic":"reference","name":"ProfileComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":13,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":14,"character":8}]}]}],"members":{}},"UserCardComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractUserCardComponent","line":8,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-user-card","template":"<div [ngSwitch]=\"mode\" class=\"no-outline\">\n <div *ngSwitchCase=\"'full'\" #fullShowcase fxLayout=\"column\" fxLayoutAlign=\"start center\"\n class=\"full-showcase-container no-outline margin-bottom-x2\" [style.width.px]=\"width\"\n [routerLink]=\"link\">\n <ng-template [ngIf]=\"!userBannerExists()\">\n <div class=\"banner-wrapper mat-elevation-z6\" matRipple [matRippleTrigger]=\"fullShowcase\">\n <div [style.backgroundImage]=\"'url(assets/netgrif-cubes-upper-left.png)'\" class=\"cube-upper-left\">\n <div [style.backgroundImage]=\"'url(assets/netgrif-cubes-down-right.png)'\" class=\"cube-down-right\"></div>\n </div>\n </div>\n </ng-template>\n <ng-template [ngIf]=\"userBannerExists()\">\n <div [style.backgroundImage]=\"'url('+userBanner+')'\" class=\"full-width user-banner mat-elevation-z6\" matRipple\n [matRippleTrigger]=\"fullShowcase\"></div>\n </ng-template>\n <div class=\"user-avatar-large margin-bottom-default mat-elevation-z6\" matRipple\n [matRippleTrigger]=\"fullShowcase\">\n <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n </div>\n <div fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"full-width full-showcase-text padding-default\">\n <span>{{user.fullName}}</span>\n <span>{{user.email}}</span>\n </div>\n </div>\n <div *ngSwitchCase=\"'horizontal'\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n class=\"horizontal-showcase-container no-outline padding-default\" [routerLink]=\"link\" matRipple>\n <div class=\"user-avatar-large mat-elevation-z6\">\n <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n </div>\n <div fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"full-width full-showcase-text\">\n <span>{{user.fullName}}</span>\n <span>{{user.email}}</span>\n </div>\n </div>\n <div *ngSwitchCase=\"'vertical'\" fxLayout=\"column\" fxLayoutAlign=\"start center\"\n class=\"vertical-showcase-container no-outline padding-default\"\n [routerLink]=\"link\" matRipple>\n <div class=\"user-avatar-large mat-elevation-z6\">\n <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n </div>\n <div fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"full-width full-showcase-text\">\n <span>{{user.fullName}}</span>\n <span>{{user.email}}</span>\n </div>\n </div>\n <div *ngSwitchCase=\"'icon'\" [routerLink]=\"link\">\n <div class=\"mat-elevation-z6 no-outline\"\n [ngClass]=\"{'user-avatar-large':iconStyle === 'large', 'user-avatar-small':iconStyle==='small'}\"\n [matTooltip]=\"user.fullName+'\\n'+user.email\"\n matTooltipHideDelay=\"1000\"\n [matTooltipPosition]=\"tooltipPosition\"\n matRipple>\n <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n </div>\n </div>\n <div *ngSwitchDefault>\n <span>{{ 'side-menu.user.showcase' | translate}}</span>\n </div>\n</div>\n\n\n","styles":[".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.full-showcase-container .user-banner{height:100px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.full-showcase-container .user-avatar-large{margin-top:-32px}.banner-wrapper{height:100px;width:100%}.cube-upper-left{width:100%;height:100%;background-repeat:no-repeat;background-size:auto 80px}.cube-down-right{background-repeat:no-repeat;background-position-x:right;background-position-y:bottom;background-size:auto 30px;min-width:100%;min-height:100%;padding:0;margin:0}.user-avatar-large{width:64px;height:64px;border-radius:64px}.user-avatar-small{width:46px;height:46px;border-radius:46px}.full-showcase-text{text-align:center}.full-showcase-text span{font-size:12px;color:#616161}.full-showcase-text span:first-child{font-size:20px;color:#424242;margin-bottom:4px}.horizontal-showcase-container{height:80px;border:1px solid #fd971f;border-radius:6px}.horizontal-showcase-container .user-avatar-large{margin-right:8px}.vertical-showcase-container{width:160px;border:1px solid #f0ad4e;border-radius:6px;white-space:pre-line}.vertical-showcase-container .user-avatar-large{margin-bottom:8px}::ng-deep .mat-tooltip{white-space:pre-line!important;text-align:center}.no-outline{outline:0!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":10,"character":37}]}]}},"ProfileComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractProfileComponent","line":8,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-user-profile","template":"<div *ngIf=\"!user\">\n <div fxLayout=\"row\" fxFlex=\"50\" fxLayoutAlign=\"center center\">\n <mat-card fxLayoutAlign=\"center center\">\n <h1>{{ 'profile.notLogged' | translate}}</h1>\n </mat-card>\n </div>\n</div>\n<div *ngIf=\"user\" fxLayout=\"column\" fxLayoutAlign=\"center start\">\n <div [style.backgroundImage]=\"'url('+userBanner+')'\" fxLayout=\"row\" class=\"full-width banner mat-elevation-z6\"\n matRipple fxLayoutAlign=\"start center\">\n <div class=\"user-avatar-large mat-elevation-z6 margin-banner\" matRipple>\n <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n </div>\n <h1 class=\"white-name\">{{user.fullName}}</h1>\n </div>\n <div fxLayout=\"row\" fxFlex fxLayoutAlign=\"center end\" class=\"full-width div-background\">\n <div fxFlex=\"80\" class=\"tab-group margin-bottom-x2 mat-elevation-z4\">\n <div fxLayout=\"row\">\n <div fxFlex=\"50\" class=\"padding-x2\" fxLayout=\"column\">\n <div fxLayout=\"column\" class=\"full-height border\">\n <div fxLayoutAlign=\"center start\" class=\"card-title\" matRipple>\n <h2>{{ 'profile.personal' | translate}}</h2>\n </div>\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"padding-default\">\n <mat-form-field appearance=\"outline\" class=\"full-width\">\n <mat-label>{{ 'profile.name' | translate}}</mat-label>\n <input matInput disabled [value]=user.firstName>\n </mat-form-field>\n <mat-form-field appearance=\"outline\" class=\"full-width\">\n <mat-label>{{ 'profile.surname' | translate}}</mat-label>\n <input matInput disabled [value]=user.lastName>\n </mat-form-field>\n <mat-form-field appearance=\"outline\" class=\"full-width\">\n <mat-label>Email</mat-label>\n <input disabled matInput [value]=\"user.email\">\n </mat-form-field>\n </div>\n </div>\n </div>\n <div fxFlex=\"50\" class=\"padding-x2\" fxLayout=\"column\">\n <div fxLayout=\"column\" class=\"full-height border\">\n <div fxLayoutAlign=\"center start\" class=\"card-title\" matRipple>\n <h2>{{ 'profile.authority' | translate}}</h2>\n </div>\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"padding-default\">\n <mat-form-field appearance=\"outline\" class=\"user-chip-list\">\n <mat-chip-list disabled>\n <mat-chip color=\"primary\"\n *ngFor=\"let authority of user.authorities\">{{authority}}</mat-chip>\n </mat-chip-list>\n </mat-form-field>\n </div>\n </div>\n </div>\n </div>\n <div fxLayout=\"row\">\n <div fxFlex=\"50\" class=\"padding-x2\" fxLayout=\"column\">\n <div fxLayout=\"column\" class=\"full-height border\">\n <div fxLayoutAlign=\"center start\" class=\"card-title\" matRipple>\n <h2>{{ 'profile.roles' | translate}}</h2>\n </div>\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"padding-default\">\n <mat-form-field appearance=\"outline\" class=\"user-chip-list\">\n <mat-chip-list disabled>\n <mat-chip color=\"primary\" *ngFor=\"let role of user.roles\">{{role.name}}</mat-chip>\n </mat-chip-list>\n </mat-form-field>\n </div>\n </div>\n </div>\n <div fxFlex=\"50\" class=\"padding-x2\" fxLayout=\"column\">\n <div fxLayout=\"column\" class=\"full-height border\">\n <div fxLayoutAlign=\"center start\" class=\"card-title\" matRipple>\n <h2>{{ 'profile.groups' | translate}}</h2>\n </div>\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"padding-default\">\n <mat-form-field appearance=\"outline\" class=\"user-chip-list\">\n <mat-chip-list disabled>\n <mat-chip color=\"primary\" *ngFor=\"let group of user.groups\">{{group}}</mat-chip>\n </mat-chip-list>\n </mat-form-field>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n","styles":[".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.user-avatar-large{width:100px;height:100px;border-radius:100px}.banner{height:250px;background-repeat:no-repeat;background-size:cover}.margin-banner{margin-left:10%;margin-right:32px}.white-name{color:#fff}.tab-group{margin-top:-48px;z-index:100;background:#f0f0f0}.div-background{background:#ddd}.user-chip-list{width:100%}.border{border:1px solid #ddd;border-radius:5px;background:#fff}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"UserService","line":9,"character":40}]}]}},"WorkflowViewComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractWorkflowViewComponent","line":17,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"nc-workflow-view","providers":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"WorkflowViewService","line":15,"character":16}],"template":"<div class=\"workflow-container full-height\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n <div>\n <button mat-fab color=\"primary\" class=\"upload-petri-net\" (click)=\"importNet()\">\n <mat-icon>cloud_upload</mat-icon>\n </button>\n </div>\n <div fxLayout=\"row\" fxLayoutAlign=\"center\" class=\"workflow-header\">\n <nc-header #header fxFlex=\"100\" [type]=\"headerType\"></nc-header>\n </div>\n <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex class=\"workflow-panels-container\">\n <ng-container *ngIf=\"workflows$ | async as workflows\">\n\n <div *ngIf=\"(loading$ | async) === false && workflows.length === 0\" fxLayout=\"column\"\n fxLayoutAlign=\"center center\">\n <mat-icon color=\"accent\" class=\"font-size-40 block-size-40 margin-bottom-default\">linear_scale\n </mat-icon>\n <span class=\"font-size-20\">{{ 'view-list.noProcessesSatisfyingThisFilter' | translate}}</span>\n </div>\n\n <mat-accordion [multi]=\"true\" fxFlex=\"100\" class=\"full-width\">\n\n <cdk-virtual-scroll-viewport itemSize=\"50\" (scrolledIndexChange)=\"loadNextPage()\" class=\"full-height full-width\">\n\n <nc-workflow-panel\n *cdkVirtualFor=\"let workflow of workflows; let i = index; templateCacheSize: 0; trackBy: trackBy\"\n [workflow]=\"workflow\"\n [selectedHeaders$]=\"selectedHeaders$\"\n [showDeleteMenu]=\"showDeleteMenu\">\n </nc-workflow-panel>\n\n <div *ngIf=\"loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\"\n class=\"margin-top-default\">\n <mat-spinner color=\"primary\" diameter=\"50\"></mat-spinner>\n </div>\n\n </cdk-virtual-scroll-viewport>\n\n </mat-accordion>\n </ng-container>\n </div>\n</div>\n","styles":[".workflow-container{padding:16px}.workflow-header,.workflow-panels-container{margin-top:16px}.upload-petri-net{position:fixed;bottom:24px;right:24px;z-index:999}.full-width{width:100%}.full-height{height:100%}.font-size-20{font-size:20px}.font-size-40{font-size:40px}.block-size-40{width:40px;height:40px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"SideMenuService","line":18,"character":44},{"__symbolic":"reference","module":"@netgrif/components-core","name":"WorkflowViewService","line":19,"character":48},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":20,"character":32},{"__symbolic":"reference","module":"@netgrif/components-core","name":"ProcessService","line":21,"character":43}]}],"importNet":[{"__symbolic":"method"}]}},"CaseListComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractCaseListComponent","line":9,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-case-list","template":"<div *ngIf=\"showVirtualScroll\" fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex>\n <ng-container *ngIf=\"cases$ | async as cases\">\n\n <div *ngIf=\"(loading$ | async) === false && cases.length === 0\" fxLayout=\"column\"\n fxLayoutAlign=\"center center\" fxFlex>\n <mat-icon color=\"accent\" class=\"margin-bottom-default\">storage</mat-icon>\n <span class=\"font-size-20\">{{ 'view-list.noCasesSatisfyingThisFilter' | translate}}</span>\n </div>\n\n <mat-accordion multi=\"true\" class=\"full-width\" fxFlex=\"100\">\n <cdk-virtual-scroll-viewport itemSize=\"50\" (scrolledIndexChange)=\"loadNextPage()\"\n class=\"full-height scroll-container\" [ngStyle]=\"{'width': width ? width : '100%' }\">\n\n <nc-case-panel [responsiveBody]=\"responsiveBody\"\n [textEllipsis]=\"textEllipsis\"\n *cdkVirtualFor=\"let case_ of cases;\n let i = index;\n let first = first;\n let last = last;\n trackBy: trackBy;\n templateCacheSize: 0\"\n [showCasePanelIcon]=\"showCasePanelIcon\"\n [showDeleteMenu]=\"showDeleteMenu\"\n [case_]=\"case_\" [selectedHeaders$]=\"selectedHeaders$\" (click)=\"onCaseClick(case_)\"\n [first]=\"first\" [last]=\"last\">\n </nc-case-panel>\n\n <div *ngIf=\"loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\"\n class=\"margin-top-default\">\n <mat-spinner color=\"primary\" diameter=\"50\"></mat-spinner>\n </div>\n\n </cdk-virtual-scroll-viewport>\n </mat-accordion>\n </ng-container>\n</div>\n","styles":[".font-size-20{font-size:20px}.font-size-40{font-size:40px}.block-size-40{width:40px;height:40px}.margin-bottom-default{margin-bottom:8px}.margin-top-default{margin-top:8px}.full-width{width:100%}.full-height{height:100%}.scroll-container{padding:0 4px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":13,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":13,"character":29},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_TAB_DATA","line":13,"character":36}]}],null],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CaseViewService","line":11,"character":44},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":12,"character":32},{"__symbolic":"reference","module":"@netgrif/components-core","name":"InjectedTabData","line":13,"character":67},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":14,"character":34}]}]}},"TreeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractTreeComponent","line":9,"character":35},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-tree-component","providers":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CaseTreeService","line":7,"character":16}],"template":"<mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\">\n \n <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle>\n <div class=\"min-node-height width-100\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n [ngClass]=\"{'selected-tree-node border-radius': selectedCaseNode(node)}\" (click)=\"caseNodeClicked(node)\">\n <mat-icon *ngIf=\"node.beforeTextIcon()\" [matTooltip]=\"node.beforeTextIconTitle()\" [svgIcon]=\"node.beforeTextIcon()\"></mat-icon>\n <span class=\"padding-12px\"\n [ngClass]=\"{'selected-tree-node': selectedCaseNode(node)}\">{{node.case.title}}</span>\n <div fxFlex></div>\n <nc-add-child-node [node]=\"node\" *ngIf=\"node.canAddChildren()\"></nc-add-child-node>\n <nc-remove-node [node]=\"node\" *ngIf=\"node.canBeRemoved()\"></nc-remove-node>\n </div>\n </mat-tree-node>\n\n \n <mat-nested-tree-node *matTreeNodeDef=\"let node; when: hasChild\">\n <div class=\"min-node-height\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n [ngClass]=\"{'selected-tree-node border-radius': selectedCaseNode(node)}\">\n <div class=\"mat-tree-node\" (click)=\"caseNodeClicked(node)\">\n <mat-icon *ngIf=\"node.beforeTextIcon()\" [svgIcon]=\"node.beforeTextIcon()\"></mat-icon>\n <span class=\"padding-12px\"\n [ngClass]=\"{'selected-tree-node': selectedCaseNode(node)}\">{{node.case.title}}</span>\n <div fxFlex></div>\n <nc-add-child-node [node]=\"node\" *ngIf=\"node.canAddChildren()\"></nc-add-child-node>\n <nc-remove-node [node]=\"node\" *ngIf=\"node.canBeRemoved()\"></nc-remove-node>\n\n <button *ngIf=\"!node.isLoadingChildren()\" (click)=\"toggleCaseNode($event, node)\" mat-icon-button\n [attr.aria-label]=\"'toggle ' + node.case.title\">\n <mat-icon class=\"mat-icon-rtl-mirror\">\n {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}\n </mat-icon>\n </button>\n\n <div *ngIf=\"node.isLoadingChildren()\" class=\"spinner-margin\">\n <mat-spinner [diameter]=\"24\"></mat-spinner>\n </div>\n </div>\n </div>\n <div class=\"tree-offset\" [class.tree-invisible]=\"!treeControl.isExpanded(node)\">\n <ng-container matTreeNodeOutlet></ng-container>\n </div>\n </mat-nested-tree-node>\n</mat-tree>\n","styles":[".padding-12px{padding-left:12px;padding-right:12px}.padding-12px:hover{cursor:pointer}.border-radius{border-radius:8px}.tree-offset{margin-left:20px}.tree-invisible{display:none}.mat-tree-node{min-height:0!important}.min-node-height{min-height:40px!important}.width-100{width:100%}.spinner-margin{margin:8px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CaseTreeService","line":10,"character":40}]}]}},"TreeTaskContentComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractTreeTaskContentComponent","line":41,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"nc-tree-task-content","providers":[{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskContentService","line":26,"character":18},"useClass":{"__symbolic":"reference","module":"@netgrif/components-core","name":"UnlimitedTaskContentService","line":26,"character":48}},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TreeTaskContentService","line":27,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"AssignTaskService","line":28,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskDataService","line":29,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskEventService","line":30,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"CancelTaskService","line":31,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"FinishTaskService","line":32,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskRequestStateService","line":33,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"DataFocusPolicyService","line":34,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"AssignPolicyService","line":35,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"FinishPolicyService","line":36,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SelectedCaseService","line":37,"character":8},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_TASK_OPERATIONS","line":38,"character":18},"useClass":{"__symbolic":"reference","module":"@netgrif/components-core","name":"SubjectTaskOperations","line":38,"character":49}}],"template":"<div class=\"panel-main-content\" fxLayout=\"column\">\n <div class=\"task-panel-body\" fxFlex=\"100\">\n <nc-task-content [noDataText]=\"taskContentText$ | async\"></nc-task-content>\n\n <div *ngIf=\"!processingTaskChange && displayTaskControlButtons\" fxLayoutAlign=\"center center\">\n <button *ngIf=\"canAssign()\" color=\"primary\" (click)=\"assign()\" mat-raised-button>\n {{ getAssignTitle() | translate | uppercase }}</button>\n <button *ngIf=\"canCancel()\" color=\"warn\" (click)=\"cancel()\" mat-stroked-button>\n {{ getCancelTitle() | translate | uppercase }}</button>\n <button *ngIf=\"canFinish()\" color=\"primary\" (click)=\"finish()\" mat-raised-button>\n {{ getFinishTitle() | translate | uppercase }}</button>\n </div>\n <div *ngIf=\"processingTaskChange\" fxLayoutAlign=\"center center\">\n <mat-spinner [diameter]=\"40\"></mat-spinner>\n </div>\n </div>\n</div>\n","styles":[".task-panel-body{padding:10px 24px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"TreeTaskContentService","line":43,"character":51},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskEventService","line":44,"character":45},{"__symbolic":"reference","module":"@netgrif/components-core","name":"AssignTaskService","line":45,"character":35},{"__symbolic":"reference","module":"@netgrif/components-core","name":"CancelTaskService","line":46,"character":35},{"__symbolic":"reference","module":"@netgrif/components-core","name":"FinishTaskService","line":47,"character":35},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskContentService","line":48,"character":47},{"__symbolic":"reference","module":"@netgrif/components-core","name":"PermissionService","line":49,"character":46}]}]}},"WorkflowViewComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WorkflowViewComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":18,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":19,"character":8},{"__symbolic":"reference","name":"SideMenuComponentModule"},{"__symbolic":"reference","name":"HeaderComponentModule"},{"__symbolic":"reference","name":"PanelComponentModule"},{"__symbolic":"reference","name":"DataFieldsComponentModule"},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":24,"character":8}],"exports":[{"__symbolic":"reference","name":"WorkflowViewComponent"}],"entryComponents":[{"__symbolic":"reference","name":"ImportNetComponent"}]}]}],"members":{}},"CaseViewComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CaseListComponent"}],"exports":[{"__symbolic":"reference","name":"CaseListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":13,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":14,"character":8},{"__symbolic":"reference","name":"PanelComponentModule"},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":16,"character":8}]}]}],"members":{}},"TreeCaseViewComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TreeComponent"},{"__symbolic":"reference","name":"TreeTaskContentComponent"},{"__symbolic":"reference","name":"ɵbw"},{"__symbolic":"reference","name":"ɵbx"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":21,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":22,"character":8},{"__symbolic":"reference","name":"DataFieldsComponentModule"},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":24,"character":8},{"__symbolic":"reference","name":"PanelComponentModule"},{"__symbolic":"reference","name":"TaskContentComponentModule"}],"exports":[{"__symbolic":"reference","name":"TreeComponent"},{"__symbolic":"reference","name":"TreeTaskContentComponent"}],"entryComponents":[]}]}],"members":{}},"LegalNoticeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"LegalNoticeComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":10,"character":8}],"exports":[{"__symbolic":"reference","name":"LegalNoticeComponent"}]}]}],"members":{}},"LegalNoticeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractLegalNoticeComponent","line":8,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-legal-notice","template":"<div class=\"text-style\">\n {{'legal.byClicking' | translate:{'buttonName': (buttonName | translate)} }}\n {{'legal.youIndicate' | translate}}\n <a [href]=\"termsOfServiceLink\" [target]=\"'blank'\">{{'legal.termsOfService' | translate}}</a>\n {{'legal.and' | translate}}\n <a [href]=\"privacyPolicyLink\" [target]=\"'blank'\">{{'legal.privacyNotice' | translate}}</a>\n {{'legal.sentenceEnd' | translate}}\n</div>\n","styles":[".text-style{font-size:small;text-align:justify;margin:8px 4px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"ConfigurationService","line":10,"character":24}]}]}},"RedirectComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[],"exports":[{"__symbolic":"reference","name":"RedirectComponent"}],"declarations":[{"__symbolic":"reference","name":"RedirectComponent"}]}]}],"members":{}},"RedirectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-redirect","template":"<p>{{this.translate.instant('tasks.view.redirecting')}}</p>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"RedirectService","line":11,"character":41},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":12,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractUserInviteComponent","line":15,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"nc-user-invite","template":"<div fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"full-height full-width padding-default\">\n\n <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"40\" class=\"full-height margin-right-16px\">\n\n <mat-toolbar color=\"primary\" class=\"height-96 margin-bottom-16px\">\n <span>{{'admin.user-invite.newUser' | translate}}</span>\n <div fxFlex></div>\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFlex=\"40\" class=\"padding-right-16px\">\n <mat-icon fxFlex class=\"mail-icon\">email</mat-icon>\n <mat-form-field fxFlex=\"100\" class=\"user-assign-search\" color=\"primary\">\n <input matInput placeholder=\"{{ 'admin.user-invite.mail' | translate }}\"\n [formControl]=\"invitedEmailControl\">\n <button mat-button *ngIf=\"invitedEmailControl.value\" matSuffix mat-icon-button\n (click)=\"invitedEmailControl.setValue('')\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n </div>\n </mat-toolbar>\n\n\n <div fxLayout=\"column\" class=\"invited-card margin-bottom-16px\" fxLayoutAlign=\"start stretch\">\n\n <span class=\"invited-card-font padding-16px\">{{'admin.user-invite.selectedOrgs' | translate}}</span>\n\n <mat-divider class=\"inherited-divider\"></mat-divider>\n\n <div class=\"padding-16px\" fxLayout=\"column\" *ngIf=\"invitedGroups.length !== 0\">\n <div *ngFor=\"let org of invitedGroups\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <span>{{org.name}}</span>\n\n <div fxFlex></div>\n\n <button mat-icon-button color=\"primary\" (click)=\"removeGroup(org)\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n </div>\n\n <span class=\"padding-16px\"\n *ngIf=\"invitedGroups.length === 0\">{{'admin.user-invite.noSelectedOrgs' | translate}}</span>\n </div>\n\n\n <div fxLayout=\"column\" class=\"invited-card margin-bottom-16px\" fxLayoutAlign=\"start stretch\">\n\n <span class=\"invited-card-font padding-16px\">{{'admin.user-invite.selectedRoles' | translate}}</span>\n\n <mat-divider class=\"inherited-divider\"></mat-divider>\n\n <div class=\"padding-16px\" fxLayout=\"column\" *ngIf=\"invitedRoles.length !== 0\">\n <div *ngFor=\"let role of invitedRoles\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <span>{{role.name}}</span>\n\n <div fxFlex></div>\n\n <button mat-icon-button color=\"primary\" (click)=\"removeRole(role)\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n </div>\n\n <span class=\"padding-16px\"\n *ngIf=\"invitedRoles.length === 0\">{{'admin.user-invite.noSelectedRoles' | translate}}</span>\n </div>\n\n <div fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n <button mat-raised-button color=\"primary\" (click)=\"invite()\">\n <span>{{'admin.user-invite.invite-user' | translate}}</span>\n </button>\n </div>\n </div>\n\n <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"30\" class=\"full-height margin-right-16px\">\n\n <mat-toolbar color=\"primary\" class=\"height-96 margin-bottom-16px\">\n <span>{{'admin.user-invite.orgs' | translate}}</span>\n </mat-toolbar>\n\n <div *ngIf=\"groups.length === 0\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFlex>\n <mat-icon color=\"accent\" class=\"margin-bottom-default no-user-icon\">groups</mat-icon>\n <span class=\"font-size-20\">{{'admin.user-invite.noGroups' | translate}}</span>\n </div>\n\n <div fxLayout=\"column\" class=\"invited-card \" *ngIf=\"groups.length !== 0\">\n <div fxLayout=\"column\">\n <div *ngFor=\"let group of groups\" class=\"padding-16px-0\" fxFlex fxLayout=\"row\"\n fxLayoutAlign=\"start center\">\n <span>{{group.name}}</span>\n\n <div fxFlex></div>\n\n <button mat-icon-button color=\"primary\" (click)=\"addGroup(group)\">\n <mat-icon>add</mat-icon>\n </button>\n </div>\n </div>\n </div>\n </div>\n\n <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"30\" class=\"full-height\">\n\n <mat-toolbar color=\"primary\" class=\"height-96 margin-bottom-16px\">\n <span>{{'admin.process-list.listTitle' | translate}}</span>\n </mat-toolbar>\n\n <div *ngIf=\"nets.processes.length === 0\" fxLayout=\"column\"\n fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n <mat-icon color=\"accent\" class=\"margin-bottom-default no-user-icon\">timeline</mat-icon>\n <span class=\"font-size-20\">{{ 'admin.process-list.noProcessesWereFound' | translate}}</span>\n </div>\n\n <mat-accordion class=\"full-width margin-top-default process-list-accordion\" multi fxFlex>\n\n <mat-expansion-panel *ngFor=\"let item of nets.processes\" (afterExpand)=\"nets.loadProcessItemRoles(item)\"\n (afterCollapse)=\"nets.prepareToTryAgainToLoadRoles(item)\">\n\n <mat-expansion-panel-header>\n <mat-panel-title>\n <mat-icon *ngIf=\"item.someRolesSelected\" color=\"accent\" class=\"margin-right-x2\">tour</mat-icon>\n <span>{{item.initials}} - {{item.title}}</span>\n </mat-panel-title>\n <mat-panel-description class=\"process-item-description\">\n <span\n class=\"process-item-description full-width\">{{'admin.process-list.newestVersion' | translate}}\n : {{item.newestVersion}}</span>\n </mat-panel-description>\n </mat-expansion-panel-header>\n\n <div *ngIf=\"item.loading\" fxFlex=\"100\" class=\"full-width\">\n <mat-progress-bar mode=\"indeterminate\" color=\"primary\"></mat-progress-bar>\n </div>\n\n <div *ngIf=\"!item.loading && item.emptyRoles\" fxLayout=\"column\"\n fxLayoutAlign=\"center center\" fxFlex class=\"full-width full-height net-panel-content\">\n <mat-icon color=\"accent\" class=\"margin-bottom-default\">account_circle</mat-icon>\n <span class=\"font-size-15\">{{ 'admin.process-list.noRoles' | translate}}</span>\n </div>\n\n <div *ngIf=\"!item.loading && !item.emptyRoles\" fxLayout=\"column\" fxLayoutAlign=\"start center\"\n class=\"full-height full-width net-panel-content padding-0-16px\">\n <h3>Roles</h3>\n <div *ngFor=\"let net of item.processes; let first = first\" fxLayout=\"column\"\n fxLayoutAlign=\"start center\" class=\"full-width\">\n <mat-divider *ngIf=\"!first\" style=\"position: relative\"></mat-divider>\n\n <span>{{'admin.user-invite.version' | translate }} - {{net.version}}</span>\n\n <div fxLayout=\"column\" class=\"full-width padding-16px\">\n <div *ngFor=\"let role of net.roles\" fxFlex fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n <span>{{role.name}}</span>\n\n <div fxFlex></div>\n\n <button mat-icon-button color=\"primary\" (click)=\"addRole(role)\">\n <mat-icon>add</mat-icon>\n </button>\n </div>\n </div>\n </div>\n </div>\n\n </mat-expansion-panel>\n\n </mat-accordion>\n\n <div *ngIf=\"nets.loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFlex=\"100\">\n <mat-spinner color=\"primary\" diameter=\"65\"></mat-spinner>\n </div>\n </div>\n</div>\n\n","styles":[".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.flex-class{flex:1 1 auto}.height-96{min-height:96px}.mail-icon{margin-right:10px}.invited-card{padding:0 16px;width:100%;white-space:nowrap;border:1px solid #eee}.invited-card-font,.invited-card-font h1,.invited-card-font h2,.invited-card-font h3,.invited-card-font h4,.invited-card-font h5,.invited-card-font h6{font:500 20px/32px Roboto,monospace;letter-spacing:normal;margin:0}.inherited-divider{position:inherit}.padding-16px{padding:16px}.padding-0-16px{padding:0 16px}.padding-16px-0{padding:16px 0}.padding-right-16px{padding-right:16px}.margin-right-16px{margin-right:16px}.margin-bottom-16px{margin-bottom:16px}.font-size-20{font-size:20px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"UserInviteService","line":17,"character":46},{"__symbolic":"reference","module":"@netgrif/components-core","name":"OrganizationListService","line":18,"character":36},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SignUpService","line":19,"character":42},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SnackBarService","line":20,"character":37},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":21,"character":38}]}]}},"ɵf":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractEnumerationAutocompleteSelectFieldComponent","line":9,"character":65},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-enumeration-autocomplete-select-field","template":"<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n <input type=\"text\"\n aria-label=\"Autocomplete\"\n matInput\n #input\n [placeholder]=\"enumerationField.placeholder\"\n [formControl]=\"formControlRef\"\n [matAutocomplete]=\"auto\"\n (keyup)=\"change()\">\n <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"change()\">\n {{option.value}}\n </mat-option>\n </mat-autocomplete>\n <mat-hint>{{enumerationField.description}}</mat-hint>\n <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{buildErrorMessage()}}</mat-error>\n</mat-form-field>\n","styles":[".full-width{display:block;margin:0 auto;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":11,"character":38}]}]}},"ɵg":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractEnumerationSelectFieldComponent","line":8,"character":53},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-enumeration-select-field","template":"<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n <mat-select [formControl]=\"formControlRef\"\n [placeholder]=\"enumerationField.placeholder\">\n <mat-option *ngFor=\"let option of enumerationField.choices\" [value]=\"option.key\">\n {{option.value}}\n </mat-option>\n </mat-select>\n <mat-hint>{{enumerationField.description}}</mat-hint>\n <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-form-field>\n","styles":[".full-width{display:block;margin:0 auto;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵh":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractEnumerationListFieldComponent","line":8,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-enumeration-list-field","template":"<mat-radio-group\n color=\"primary\"\n class=\"full-width example-radio-group\"\n aria-labelledby=\"example-radio-group-label\"\n [required]=\"enumerationField.behavior.required\"\n [formControl]=\"formControlRef\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}\n <nc-required-label *ngIf=\"enumerationField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n <br></mat-label>\n <mat-radio-button class=\"example-radio-button\" *ngFor=\"let option of enumerationField.choices\" [value]=\"option.key\">\n {{option.value}}\n </mat-radio-button>\n <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-radio-group>\n","styles":[".example-radio-group{display:flex;flex-direction:column;margin:16px 0}.example-radio-button{margin:8px}.full-width{width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵi":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractMultichoiceSelectFieldComponent","line":8,"character":53},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-multichoice-select-field","template":"<mat-form-field [appearance]=\"multichoiceField.materialAppearance\" class=\"full-width\" color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{multichoiceField.title}}</mat-label>\n <mat-select [placeholder]=\"multichoiceField.placeholder\"\n [formControl]=\"formControlRef\"\n [required]=\"multichoiceField.behavior.required\"\n multiple>\n <mat-option *ngFor=\"let option of multichoiceField.choices\" [value]=\"option.key\">\n {{option.value}}\n </mat-option>\n </mat-select>\n <mat-hint>{{multichoiceField.description}}</mat-hint>\n <mat-error *ngIf=\"multichoiceField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-form-field>\n","styles":[".full-width{display:block;margin:0 auto;width:100%}"]}]}],"members":{}},"ɵj":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractMultichoiceListFieldComponent","line":8,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-multichoice-list-field","template":"<mat-selection-list color=\"primary\"\n [formControl]=\"formControlRef\"\n [required]=\"multichoiceField.behavior.required\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{multichoiceField.title}}\n <nc-required-label *ngIf=\"multichoiceField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n <br></mat-label>\n <mat-list-option *ngFor=\"let option of multichoiceField.choices\" [value]=\"option.key\">\n {{option.value}}\n </mat-list-option>\n <mat-error *ngIf=\"multichoiceField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-selection-list>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵk":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractTextareaFieldComponent","line":9,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-textarea-field","template":"<mat-form-field [appearance]=\"textAreaField.materialAppearance\"\n floatLabel=\"always\"\n class=\"full-width\"\n color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{textAreaField.title}}</mat-label>\n <textarea matInput\n #textArea\n [placeholder]=\"textAreaField.placeholder\"\n [required]=\"textAreaField.behavior.required\"\n [formControl]=\"formControlRef\"\n [ngStyle]=\"{'min-height': getHeight()+'px', 'height': getHeight()+'px'}\"\n #dynamicTextArea=\"cdkTextareaAutosize\"\n cdkTextareaAutosize\n cdkAutosizeMinRows=\"1\"></textarea>\n <mat-hint>{{textAreaField.description}}</mat-hint>\n <mat-error *ngIf=\"textAreaField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n\n\n","styles":[".full-width{display:block;margin:0 auto;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":11,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":11,"character":75}]}]}},"ɵl":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractRichTextareaFieldComponent","line":9,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-rich-textarea-field","template":"<div class=\"height-100\">\n <td-text-editor *ngIf=\"!formControlRef.disabled\" [(ngModel)]=\"textAreaField.value\"\n [options]=\"options\"></td-text-editor>\n <mat-error *ngIf=\"textAreaField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n\n <input type=\"hidden\" [formControl]=\"formControlRef\">\n\n <div class=\"border\" *ngIf=\"formControlRef.disabled\">\n <td-markdown>{{textAreaField.value}}</td-markdown>\n </div>\n</div>\n","styles":[".height-100{height:100%}.border{border:1px solid #ddd;border-radius:4px;padding:10px;z-index:1;word-wrap:break-word}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":10,"character":38}]}]}},"ɵm":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractSimpleTextFieldComponent","line":9,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-simple-text-field","template":"<mat-form-field [appearance]=\"textField.materialAppearance\" class=\"full-width\" color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{textField.title}}</mat-label>\n <input matInput\n [placeholder]=\"textField.placeholder\"\n [required]=\"textField.behavior.required\"\n [formControl]=\"formControlRef\">\n <mat-hint>{{textField.description}}</mat-hint>\n <mat-error *ngIf=\"textField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n","styles":[".full-width{display:block;margin:0 auto;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":10,"character":38}]}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"nc-required-label","template":"<span class=\"required-label-color\" [ngClass]=\"{ 'disabled-opacity-45': !isIn }\"> * </span>\n","styles":[".required-label-color{color:red}.disabled-opacity-45{opacity:.45}"]}]}],"members":{"isIn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractHtmlTextareaFieldComponent","line":10,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"nc-html-textarea-field","template":"<div class=\"height-100\" #quillContainer>\n <quill-editor theme=\"snow\" *ngIf=\"!formControlRef.disabled\" [(ngModel)]=\"textAreaField.value\"\n [modules]=\"quillModules\" [bounds]=\"quillContainer\"></quill-editor>\n <mat-error *ngIf=\"textAreaField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n <input type=\"hidden\" [formControl]=\"formControlRef\">\n <div *ngIf=\"formControlRef.disabled\" class=\"border ql-snow\">\n <div class=\"ql-editor\" [innerHTML]=\"disabledDisplay\"></div>\n </div>\n</div>\n","styles":[".height-100{height:100%}.border{border:1px solid #ddd;border-radius:4px;padding:10px;z-index:1;word-wrap:break-word}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":11,"character":38},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":11,"character":78}]}]}},"ɵp":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractPasswordTextFieldComponent","line":9,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-password-text-field","template":"<mat-form-field [appearance]=\"passwordTextField.materialAppearance\" class=\"full-width\" color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{passwordTextField.title}}</mat-label>\n <input matInput\n [placeholder]=\"passwordTextField.placeholder\"\n [required]=\"passwordTextField.behavior.required\"\n [formControl]=\"formControlRef\"\n [type]=\"hide ? 'password' : 'text'\">\n <button mat-icon-button matSuffix type=\"button\"\n (click)=\"hide = !hide\"\n (keypress)=\"false\"\n [attr.aria-label]=\"'Hide password'\"\n [attr.aria-pressed]=\"hide\">\n <mat-icon\n [color]=\"hide ? undefined : 'accent'\">{{hide ? 'visibility_off' : 'visibility'}}</mat-icon>\n </button>\n <mat-hint>{{passwordTextField.description}}</mat-hint>\n <mat-error *ngIf=\"passwordTextField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n","styles":[".full-width{display:block;margin:0 auto;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":13,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractCurrencyNumberFieldComponent","line":10,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"nc-number-currency-field","template":"<mat-form-field [appearance]=\"numberField.materialAppearance\" class=\"full-width\" color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{numberField.title}}</mat-label>\n <input matInput\n [type]=\"fieldType\"\n [value]=\"transformedValue\"\n [formControl]=\"formControlRef\"\n [placeholder]=\"numberField.placeholder\"\n [required]=\"numberField.behavior.required\"\n (focusout)=\"onFocusOut($event)\"\n (focusin)=\"onFocusIn()\">\n <mat-hint>{{numberField.description}}</mat-hint>\n <mat-error *ngIf=\"numberField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n<mat-label class=\"currency-label\" *ngIf=\"fieldType == 'number'\">{{getCurrencySymbol()}}</mat-label>\n","styles":[".full-width{margin:0 auto;width:90%}.currency-label{margin-left:5px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common","name":"CurrencyPipe","line":12,"character":30},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":12,"character":55}]}],"ngOnInit":[{"__symbolic":"method"}],"onFocusOut":[{"__symbolic":"method"}],"onFocusIn":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractDefaultNumberFieldComponent","line":9,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-number-default-field","template":"<mat-form-field [appearance]=\"numberField.materialAppearance\" class=\"full-width\" color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{numberField.title}}</mat-label>\n <input matInput\n type=\"number\"\n [formControl]=\"formControlRef\"\n [placeholder]=\"numberField.placeholder\"\n [required]=\"numberField.behavior.required\">\n <mat-hint>{{numberField.description}}</mat-hint>\n <mat-error *ngIf=\"numberField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n","styles":[".full-width{display:block;margin:0 auto;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":10,"character":27}]}]}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"nc-preview-dialog","template":"<button class=\"close\" mat-icon-button [mat-dialog-close]=\"true\">\n <mat-icon>close</mat-icon>\n</button>\n<h1 mat-dialog-title *ngIf=\"!isPdf()\">Image: {{data.dataField.value.name}}</h1>\n<h1 mat-dialog-title *ngIf=\"isPdf()\">PDF: {{data.dataField.value.name}}</h1>\n<div mat-dialog-content fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <img class=\"image-size\" *ngIf=\"!fullImageExists()\" [src]=\"data.imagePreview\" alt=\"Image preview\"/>\n <img class=\"image-size\" *ngIf=\"fullImageExists() && !isPdf()\" [src]=\"image\" alt=\"Image\"/>\n <embed class=\"pdf-view\" *ngIf=\"fullImageExists() && isPdf()\" [src]=\"image\" [type]=\"'application/pdf'\" />\n</div>\n","styles":[".image-size{max-height:64vh}.close{float:right;top:-24px;right:-24px}.pdf-view{width:50vw;height:64vh}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":14,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"PreviewDialogData","line":14,"character":54}]}],"ngOnInit":[{"__symbolic":"method"}],"fullImageExists":[{"__symbolic":"method"}],"isPdf":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractEnumerationStepperFieldComponent","line":10,"character":54},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"nc-enumeration-stepper-field","template":"<mat-label class=\"stepper-label\" *ngIf=\"!showLargeLayout.value\" matTooltipClass=\"stepper-tooltip-text\" [matTooltip]=\"enumerationField.description\" matTooltipPosition=\"right\">\n {{enumerationField.title}}\n <nc-required-label *ngIf=\"enumerationField.behavior.required\" [isIn]=\"!enumerationField.disabled\" ></nc-required-label>\n</mat-label>\n\n<div class=\"horizontal-stepper\" fxLayout=\"row\" *ngIf=\"!arrowStepper\">\n <div class=\"horizontal-step\">\n <ng-template ngFor let-option [ngForOf]=\"enumerationField.choices\" let-i=\"index\">\n <div class=\"horizontal-step-header\" #oneStep>\n <div class=\"horizontal-state\" [ngClass]=\"{'horizontal-state-primary': canShowDoneIcon(i), 'horizontal-state-secondary': !canShowDoneIcon(i)}\">\n <mat-icon *ngIf=\"canShowDoneIcon(i + 1)\">done</mat-icon>\n </div>\n <div class=\"horizontal-state-label\">{{option.value}}</div>\n </div>\n <div class=\"horizontal-line\" fxFlex *ngIf=\"i < enumerationField.choices.length - 1\"></div>\n </ng-template>\n </div>\n</div>\n\n<div *ngIf=\"arrowStepper\" class=\"stepper-min-height\" fxLayoutAlign=\"stretch center\" fxLayout=\"row\">\n <ng-template ngFor let-option [ngForOf]=\"enumerationField.choices\" let-i=\"index\">\n <span class=\"stepper-arrow-text\" [ngClass]=\"{'stepper-arrow-selected': isSelected(option.key), 'stepper-disabled': enumerationField.disabled}\"\n (click)=\"setStepperValue(option.key)\" fxFlex fxLayoutAlign=\"center center\">{{option.value}}</span>\n <span fxFlex *ngIf=\"i < enumerationField.choices.length - 1\" fxLayoutAlign=\"center center\">\n <mat-icon>arrow_forward_ios</mat-icon>\n </span>\n </ng-template>\n</div>\n","styles":[".horizontal-stepper{display:flex}.horizontal-step-header{box-sizing:border-box;flex-direction:column;height:auto;padding:24px;overflow:hidden;outline:0;position:relative;-webkit-tap-highlight-color:transparent;display:flex;align-items:center}.horizontal-step-header:not(:first-child)::before{left:0}.horizontal-step-header:not(:last-child)::after{right:0}.horizontal-step-header:not(:first-child)::before,.horizontal-step-header:not(:last-child)::after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);top:36px}.horizontal-state{color:#fff;border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative}.horizontal-state-label{display:inline-block;overflow:hidden;text-overflow:ellipsis;min-width:36px;vertical-align:middle;padding:16px 0 0;text-align:center;width:100%;word-wrap:break-word}.horizontal-line{position:relative;top:36px;border-top-width:1px;border-top-style:solid;flex:auto;height:0;margin:0 -16px;min-width:12px}.horizontal-step{flex:auto;display:flex}.stepper-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%}.stepper-tooltip-text{color:#fff;padding:10px 15px}.stepper-min-height{border-radius:10px;min-height:70px;background-color:#f9f9f9}.stepper-arrow-text{font-weight:500;font-size:16px;letter-spacing:-.2;line-height:24px;color:#333;cursor:pointer}.stepper-disabled{cursor:unset!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":12,"character":31}]}]}},"ɵu":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractEnumerationIconFieldComponent","line":8,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-enumeration-icon-field","template":"<div>\n <div *ngFor=\"let option of enumerationField.choices; let i = index\">\n <div class=\"enum-icon-item enum-icon-item-row\" (click)=\"setEnumValue(option.key)\" [ngClass]=\"{'enum-icon-item-active': isSelected(option.key)}\">\n <mat-icon *ngIf=\"resolveIconType(option.key) === 'material'\">{{resolveIconValue(option.key)}}</mat-icon>\n <mat-icon *ngIf=\"resolveIconType(option.key) === 'svg'\" [svgIcon]=\"resolveIconValue(option.key)\"></mat-icon>\n <span fxFlex class=\"enum-icon-text\">{{option.value}}</span>\n <mat-icon *ngIf=\"resolveArrow(option.key)\">arrow_forward</mat-icon>\n </div>\n <mat-divider class=\"enum-icon-divider\" *ngIf=\"i !== enumerationField.choices.length - 1 && resolveDivider(option.key)\"></mat-divider>\n </div>\n</div>\n\n","styles":[".enum-icon-item{font-size:18px;font-family:Asap,sans-serif;font-weight:500;line-height:24px;letter-spacing:-.2px;text-align:left;color:#333;text-decoration:none;padding:25px 0}.enum-icon-item-row:hover{cursor:pointer}.enum-icon-item-row:focus,.enum-icon-item:focus{outline:0}.enum-icon-divider{position:relative!important}.enum-icon-text{padding:0 16px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵv":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractEnumerationAutocompleteDynamicFieldComponent","line":11,"character":66},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"nc-enumeration-autocomplete-dynamic-field","template":"<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n <input type=\"text\"\n aria-label=\"Autocomplete\"\n matInput\n #input\n [placeholder]=\"enumerationField.placeholder\"\n [formControl]=\"formControlRef\"\n [matAutocomplete]=\"auto\"\n (keyup)=\"change()\">\n <mat-spinner *ngIf=\"enumerationField.loading\" matSuffix diameter=\"30\"></mat-spinner>\n <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n\n <mat-option disabled *ngIf=\"(filteredOptions | async)?.length === 0 && !enumerationField.loading && enumerationField.value && enumerationField.value.length > 0\" fxLayoutAlign=\"center center\">\n {{ 'dataField.dynamicEnum.noData' | translate }}\n </mat-option>\n\n <ng-container *ngIf=\"!enumerationField.loading\">\n <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"change()\">\n {{option.value}}\n </mat-option>\n </ng-container>\n </mat-autocomplete>\n <mat-hint>{{enumerationField.description}}</mat-hint>\n <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{buildErrorMessage()}}</mat-error>\n</mat-form-field>\n\n","styles":[".full-width{display:block;margin:0 auto;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":13,"character":38}]}]}},"ɵw":{"__symbolic":"function","parameters":["filterField"],"value":{"filter":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@netgrif/components-core","name":"SimpleFilter","line":11,"character":16},"member":"empty"},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"filterField"},"member":"filterMetadata"},"member":"filterType"}]}}},"ɵx":{"__symbolic":"function","parameters":["factory","filterField"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"factory"},"member":"createFromArray"},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"filterField"},"member":"allowedNets"}]}},"ɵy":{"__symbolic":"function"},"ɵz":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractFilterFieldContentComponent","line":36,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"nc-filter-field-content","providers":[{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_BASE_FILTER","line":29,"character":18},"useFactory":{"__symbolic":"reference","name":"ɵw"},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_FILTER_FIELD","line":29,"character":84}]},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AllowedNetsService","line":30,"character":18},"useFactory":{"__symbolic":"reference","name":"ɵx"},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"AllowedNetsServiceFactory","line":30,"character":88},{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_FILTER_FIELD","line":30,"character":115}]},{"__symbolic":"reference","module":"@netgrif/components-core","name":"CategoryFactory","line":31,"character":8},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SEARCH_CATEGORIES","line":32,"character":18},"useFactory":{"__symbolic":"reference","name":"ɵy"},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CategoryResolverService","line":32,"character":90},{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_FILTER_FIELD","line":32,"character":115}]},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SearchService","line":33,"character":8}],"template":"<nc-advanced-search *ngIf=\"filterLoaded\" [editable]=\"editable\"></nc-advanced-search>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":38,"character":17},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_FILTER_FIELD","line":38,"character":24}]}],null],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"FilterField","line":38,"character":55},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SearchService","line":39,"character":36}]}]}},"ɵba":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractI18nDividerFieldComponent","line":8,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-i18n-divider-field","template":"<div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <div fxFlex=\"20\" class=\"divider-line\"\n [ngClass]=\"{'primary-background-color': !dividerPropertyEnabled('dividerColor')}\"\n [ngStyle]=\"dividerPropertyEnabled('dividerColor') && {'background': getDividerColor()}\"></div>\n <span [ngClass]=\"{'margin-default': dividerI18nField.value.defaultValue !== ''}\"\n [ngStyle]=\"dividerPropertyEnabled('fontSize') && {'font-size': getDividerFontSize()}\">\n {{dividerI18nField.value.defaultValue}}\n </span>\n <div fxFlex class=\"divider-line\"\n [ngClass]=\"{'primary-background-color': !dividerPropertyEnabled('dividerColor')}\"\n [ngStyle]=\"dividerPropertyEnabled('dividerColor') && {'background': getDividerColor()}\"></div>\n</div>\n","styles":[".divider-line{height:1px}.margin-default{margin-right:8px;margin-left:8px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵbb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractI18nTextFieldComponent","line":9,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nc-i18n-text-field","template":"<ng-template [ngIf]=\"textI18nField.disabled\">\n <ng-template [ngIf]=\"!isPlainText()\">\n <mat-form-field [appearance]=\"textI18nField.materialAppearance\" class=\"full-width\" color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{textI18nField.title}}</mat-label>\n <input matInput\n [disabled]=\"true\"\n [ngModel]=\"getTranslation()\"\n [placeholder]=\"textI18nField.placeholder\"\n [required]=\"textI18nField.behavior.required\">\n <mat-hint>{{textI18nField.description}}</mat-hint>\n </mat-form-field>\n </ng-template>\n <ng-template [ngIf]=\"isPlainText()\">\n <div class=\"full-width\"\n [ngStyle]=\"textPropertyEnabled('fontSize') && {'font-size': getTextFontSize()}\">\n <span [ngStyle]=\"textPropertyEnabled('textColor') && {'color': getTextColor()}\">\n {{getTranslation()}}\n </span>\n </div>\n </ng-template>\n</ng-template>\n<ng-template [ngIf]=\"!textI18nField.disabled\">\n <div class=\"full-width\">\n \n </div>\n</ng-template>\n","styles":[".full-width{display:block;margin:0 auto;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":10,"character":34}]}]}},"ɵbc":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractUserAssignItemComponent","line":11,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"nc-user-assign-item","template":"<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"user-item\" [ngClass]=\"{\n 'user-assign-item-selected': (selectedId$ | async) === user.id\n }\">\n <mat-icon class=\"icon\">account_circle</mat-icon>\n <div fxLayout=\"column\">\n <span>{{user.fullName}}</span>\n <span>{{user.email}}</span>\n </div>\n</div>\n","styles":[".user-item{padding:10px 15px;cursor:pointer}.user-item:hover{background-color:rgba(0,0,0,.14);border-radius:2.5px}.icon{margin-right:16px;height:40px;width:40px;font-size:40px}.email-selected,.email-unselected{font-size:.9em}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵbd":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractUserAssignListComponent","line":11,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"nc-user-assign-list","template":"<div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex>\n <ng-container *ngIf=\"users$ | async as users\">\n <div *ngIf=\"!loading && users.length === 0\" fxFlex=\"100\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n <mat-icon color=\"accent\" class=\"margin-bottom-default\">person_add_disabled</mat-icon>\n <span class=\"font-size-20\">{{ 'side-menu.user.noUser' | translate }}</span>\n </div>\n\n <div class=\"full-height full-width\" fxFlex=\"100\">\n <cdk-virtual-scroll-viewport itemSize=\"60\" (scrolledIndexChange)=\"loadNextPage()\"\n class=\"full-height full-width\">\n <nc-user-assign-item\n *cdkVirtualFor=\"let user of users;\n trackBy: trackBy;\n templateCacheSize: 0\"\n [user]=\"user\"\n [selectedId$]=\"selectedUser$\"\n (click)=\"select(user)\">\n </nc-user-assign-item>\n\n <div *ngIf=\"loading\" fxLayout=\"column\" fxLayoutAlign=\"center center\"\n class=\"margin-top-default\">\n <mat-spinner color=\"primary\" diameter=\"40\"></mat-spinner>\n </div>\n </cdk-virtual-scroll-viewport>\n </div>\n </ng-container>\n</div>\n","styles":[".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.font-size-20{font-size:20px}.margin-bottom-default{margin-bottom:8px}.margin-top-default{margin-top:8px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"UserListService","line":13,"character":44}]}]}},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SearchClauseComponent"},{"__symbolic":"reference","name":"SearchPredicateComponent"},{"__symbolic":"reference","name":"SearchOperandInputComponent"},{"__symbolic":"reference","name":"SearchConfigurationInputComponent"},{"__symbolic":"reference","name":"AdvancedSearchComponent"}],"exports":[{"__symbolic":"reference","name":"SearchClauseComponent"},{"__symbolic":"reference","name":"SearchPredicateComponent"},{"__symbolic":"reference","name":"SearchOperandInputComponent"},{"__symbolic":"reference","name":"SearchConfigurationInputComponent"},{"__symbolic":"reference","name":"AdvancedSearchComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":26,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"MaterialModule","line":27,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TranslateLibModule","line":28,"character":8},{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NgxMatDatetimePickerModule","line":29,"character":8}]}]}],"members":{}},"ɵbf":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractGroupNavigationComponentResolverComponent","line":13,"character":63},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"nc-group-navigation-component-resolver","template":"<div *ngIf=\"initialized || errored; else loading\" class=\"full-height\">\n <div *ngIf=\"initialized; else displayError\" class=\"full-height\">\n <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n </div>\n</div>\n\n<ng-template #loading>\n <mat-progress-spinner></mat-progress-spinner>\n</ng-template>\n\n<ng-template #displayError>\n <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\n <mat-icon color=\"accent\" class=\"margin-bottom-error-icon\">cancel</mat-icon>\n <span class=\"font-size-20\">{{'dynamicNavigation.couldNotResolveView' | translate}}</span>\n </div>\n</ng-template>\n","styles":[".full-height{height:100%}.margin-bottom-error-icon{margin-bottom:8px}.font-size-20{font-size:20px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"GroupNavigationComponentResolverService","line":15,"character":42},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":16,"character":32},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":17,"character":32},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":18,"character":24},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":19,"character":21}]}]}},"ɵbg":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractTaskView","line":56,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"nc-default-simple-task-view","providers":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CategoryFactory","line":29,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskViewService","line":30,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SearchService","line":31,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"ViewIdService","line":32,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"ChangedFieldsService","line":33,"character":8},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_VIEW_ID_SEGMENT","line":34,"character":21},"useFactory":{"__symbolic":"reference","module":"@netgrif/components-core","name":"groupNavigationViewIdSegmentFactory","line":34,"character":54},"deps":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":34,"character":98}]},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_BASE_FILTER","line":36,"character":21},"useFactory":{"__symbolic":"reference","module":"@netgrif/components-core","name":"navigationItemTaskFilterFactory","line":37,"character":24},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"FilterExtractionService","line":38,"character":19},{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_NAVIGATION_ITEM_TASK_DATA","line":38,"character":44}]},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AllowedNetsService","line":41,"character":21},"useFactory":{"__symbolic":"reference","module":"@netgrif/components-core","name":"navigationItemTaskAllowedNetsServiceFactory","line":42,"character":24},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"AllowedNetsServiceFactory","line":43,"character":19},{"__symbolic":"reference","module":"@netgrif/components-core","name":"BaseAllowedNetsService","line":43,"character":46},{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_NAVIGATION_ITEM_TASK_DATA","line":43,"character":70}]},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SEARCH_CATEGORIES","line":45,"character":21},"useFactory":{"__symbolic":"reference","module":"@netgrif/components-core","name":"navigationItemTaskCategoryFactory","line":46,"character":24},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CategoryResolverService","line":48,"character":16},{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_NAVIGATION_ITEM_TASK_DATA","line":49,"character":16},{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_DEFAULT_CASE_SEARCH_CATEGORIES","line":50,"character":16},{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_DEFAULT_TASK_SEARCH_CATEGORIES","line":51,"character":16}]}],"template":"<div class=\"task-tab-background full-height\">\n <div fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"content-margin full-height\" >\n <mat-card class=\"search-panel\">\n <nc-search class=\"search-width\"></nc-search>\n </mat-card>\n <nc-header #header type=\"task\" class=\"task-panel-padding-mini\"></nc-header>\n <nc-task-list [tasks$]=\"tasks$\" [loading$]=\"loading$\" [allowMultiOpen]=\"false\" [selectedHeaders$]=\"selectedHeaders$\" [textEllipsis]=\"true\" fxFlex></nc-task-list>\n </div>\n</div>\n","styles":[".task-tab-background{height:100%;width:100%;overflow:auto;background-color:transparent}.search-panel{margin-top:20px}.content-margin{margin:0 20px}.task-panel-padding-mini{padding-bottom:20px;padding-top:20px}.full-height{height:100%}.search-width{width:100%}"]}]}],"members":{"taskHeaderComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":5},"arguments":["header"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskViewService","line":60,"character":33}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵbh":{"__symbolic":"function","parameters":["injectedTabData"],"value":{"filter":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"injectedTabData"},"member":"baseFilter"}}},"ɵbi":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"TabbedTaskView","line":52,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"nc-default-tabbed-task-view","providers":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CategoryFactory","line":30,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskViewService","line":31,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SearchService","line":32,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"ChangedFieldsService","line":33,"character":8},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"ViewIdService","line":34,"character":21},"useValue":null},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_BASE_FILTER","line":36,"character":21},"useFactory":{"__symbolic":"reference","name":"ɵbh"},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_TAB_DATA","line":38,"character":19}]},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AllowedNetsService","line":41,"character":21},"useFactory":{"__symbolic":"reference","module":"@netgrif/components-core","name":"tabbedAllowedNetsServiceFactory","line":42,"character":24},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"AllowedNetsServiceFactory","line":43,"character":19},{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_TAB_DATA","line":43,"character":46}]},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_TASK_VIEW_CONFIGURATION","line":46,"character":21},"useFactory":{"__symbolic":"reference","module":"@netgrif/components-core","name":"tabbedTaskViewConfigurationFactory","line":47,"character":24},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_TAB_DATA","line":48,"character":19}]}],"template":"<div class=\"task-tab-background full-height\">\n <div fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"content-margin full-height\" >\n <mat-card class=\"search-panel\">\n <nc-search class=\"search-width\"></nc-search>\n </mat-card>\n <nc-header #header type=\"task\" class=\"task-panel-padding-mini\"></nc-header>\n <nc-task-list [tasks$]=\"tasks$\" [loading$]=\"loading$\" [allowMultiOpen]=\"false\" [selectedHeaders$]=\"selectedHeaders$\" [textEllipsis]=\"true\" fxFlex></nc-task-list>\n </div>\n</div>\n","styles":[".task-tab-background{height:100%;width:100%;overflow:auto;background-color:transparent}.search-panel{margin-top:20px}.content-margin{margin:0 20px}.task-panel-padding-mini{padding-bottom:20px;padding-top:20px}.full-height{height:100%}.search-width{width:100%}"]}]}],"members":{"taskHeaderComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":54,"character":5},"arguments":["header"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":56,"character":51},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_TAB_DATA","line":56,"character":58}]}]],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskViewService","line":56,"character":33},{"__symbolic":"reference","module":"@netgrif/components-core","name":"InjectedTabbedTaskViewData","line":56,"character":89}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵbj":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"TabbedCaseView","line":54,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"nc-default-tabbed-case-view","providers":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CategoryFactory","line":33,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"CaseViewService","line":34,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SearchService","line":35,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"ViewIdService","line":36,"character":8},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_BASE_FILTER","line":38,"character":21},"useFactory":{"__symbolic":"reference","name":"ɵbk"},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"FilterExtractionService","line":40,"character":19},{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_TAB_DATA","line":40,"character":44}]},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AllowedNetsService","line":43,"character":21},"useFactory":{"__symbolic":"reference","name":"ɵbl"},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"AllowedNetsServiceFactory","line":45,"character":19},{"__symbolic":"reference","module":"@netgrif/components-core","name":"BaseAllowedNetsService","line":45,"character":46},{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_TAB_DATA","line":45,"character":70}]},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SEARCH_CATEGORIES","line":48,"character":21},"useFactory":{"__symbolic":"reference","name":"ɵbm"},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CategoryResolverService","line":50,"character":19},{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_TAB_DATA","line":50,"character":44},{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_DEFAULT_CASE_SEARCH_CATEGORIES","line":50,"character":58},{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_DEFAULT_TASK_SEARCH_CATEGORIES","line":50,"character":94}]}],"template":"<div class=\"case-view-container\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n\n <mat-card class=\"case-view-search-container\">\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between\">\n <div fxLayoutAlign=\"start center\" fxFlex>\n <nc-search class=\"search-width\" (filterLoaded)=\"loadFilter($event)\"></nc-search>\n </div>\n <div fxLayoutAlign=\"end center\">\n <button mat-mini-fab color=\"primary\" (click)=\"createNewCase()\">\n <mat-icon class=\"net-upload\" aria-hidden=\"false\">add</mat-icon>\n </button>\n </div>\n </div>\n </mat-card>\n\n <nc-header #header [type]=\"headerType\" class=\"case-header-padding\"></nc-header>\n\n <nc-case-list [selectedHeaders$]=\"selectedHeaders$\" [textEllipsis]=\"true\"\n (caseClick)=\"handleCaseClick($event)\" fxFlex></nc-case-list>\n</div>\n","styles":[".case-view-container{margin:16px;height:calc(100% - 32px)}.case-view-search-container{padding:16px}.case-header-padding{padding-bottom:20px;padding-top:20px}.font-size-20{font-size:20px}.search-width{width:100%}"]}]}],"members":{"caseHeaderComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":56,"character":5},"arguments":["header"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":60,"character":17},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_TAB_DATA","line":60,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CaseViewService","line":58,"character":33},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":59,"character":31},{"__symbolic":"reference","name":"ɵbn"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"loadFilter":[{"__symbolic":"method"}]}},"ɵbk":{"__symbolic":"function","parameters":["extractionService","tabData"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@netgrif/components-core","name":"navigationItemTaskFilterFactory","line":20,"character":11},"arguments":[{"__symbolic":"reference","name":"extractionService"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"tabData"},"member":"navigationItemTaskData"}]}},"ɵbl":{"__symbolic":"function","parameters":["allowedNetsServiceFactory","baseAllowedNets","tabData"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@netgrif/components-core","name":"navigationItemTaskAllowedNetsServiceFactory","line":35,"character":11},"arguments":[{"__symbolic":"reference","name":"allowedNetsServiceFactory"},{"__symbolic":"reference","name":"baseAllowedNets"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"tabData"},"member":"navigationItemTaskData"}]}},"ɵbm":{"__symbolic":"function","parameters":["categoryResolverService","tabData","defaultCaseSearchCategories","defaultTaskSearchCategories"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@netgrif/components-core","name":"navigationItemTaskCategoryFactory","line":51,"character":11},"arguments":[{"__symbolic":"reference","name":"categoryResolverService"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"tabData"},"member":"navigationItemTaskData"},{"__symbolic":"reference","name":"defaultCaseSearchCategories"},{"__symbolic":"reference","name":"defaultTaskSearchCategories"}]}},"ɵbn":{"__symbolic":"interface"},"ɵbo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"nc-default-tab-view","providers":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"ViewIdService","line":20,"character":8},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_VIEW_ID_SEGMENT","line":21,"character":18},"useFactory":{"__symbolic":"reference","module":"@netgrif/components-core","name":"groupNavigationViewIdSegmentFactory","line":21,"character":51},"deps":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":21,"character":95}]}],"template":"<div fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"full-height\">\n <nc-tab-view [initialTabs]=\"tabs\" stretch=\"false\" class=\"full-height block\"></nc-tab-view>\n</div>\n","styles":[".full-height{height:100%}.block{display:block!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":28,"character":17},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_NAVIGATION_ITEM_TASK_DATA","line":28,"character":24}]}]],"parameters":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"DataGroup","line":28,"character":96}]}]}]}},"ɵbp":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractImmediateFilterTextComponent","line":10,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"nc-immediate-filter-text","template":"<ng-template [ngIf]=\"initialized\">\n <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n</ng-template>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":12,"character":32}]}],"getFilterTextContentComponent":[{"__symbolic":"method"}]}},"ɵbq":{"__symbolic":"function","parameters":["configuration"],"value":{"filter":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@netgrif/components-core","name":"SimpleFilter","line":19,"character":16},"member":"empty"},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"configuration"},"member":"metadata"},"member":"filterMetadata"},"member":"filterType"}]}}},"ɵbr":{"__symbolic":"function","parameters":["factory","configuration"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"factory"},"member":"createFromArray"},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"configuration"},"member":"metadata"},"member":"allowedNets"}]}},"ɵbs":{"__symbolic":"function"},"ɵbt":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractImmediateFilterTextContentComponent","line":46,"character":57},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"nc-immediate-filter-text-content","providers":[{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_BASE_FILTER","line":39,"character":18},"useFactory":{"__symbolic":"reference","name":"ɵbq"},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_FILTER_TEXT","line":39,"character":83}]},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AllowedNetsService","line":40,"character":18},"useFactory":{"__symbolic":"reference","name":"ɵbr"},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"AllowedNetsServiceFactory","line":40,"character":87},{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_FILTER_TEXT","line":40,"character":114}]},{"provide":{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_SEARCH_CATEGORIES","line":41,"character":18},"useFactory":{"__symbolic":"reference","name":"ɵbs"},"deps":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CategoryFactory","line":41,"character":89},{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_FILTER_TEXT","line":41,"character":106}]},{"__symbolic":"reference","module":"@netgrif/components-core","name":"CategoryFactory","line":42,"character":8},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SearchService","line":43,"character":8}],"template":"<div [matTooltip]=\"ellipsis ? tooltip : null\" [ngClass]=\"{'ellipsis': ellipsis}\" fxFlex>\n <ng-template ngFor let-segment [ngForOf]=\"segments\">\n <span [ngClass]=\"{'bold-text': segment.bold}\" class=\"span-margin\">\n {{segment.uppercase ? (segment.segment | translate | uppercase) : (segment.segment | translate)}}\n </span>\n </ng-template>\n</div>\n","styles":[".bold-text{font-weight:700}.span-margin{margin-right:.4ex}.ellipsis{word-break:break-word!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":48,"character":17},"arguments":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"NAE_FILTER_TEXT","line":48,"character":24}]}],null,null],"parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"FilterTextConfiguration","line":48,"character":56},{"__symbolic":"reference","module":"@netgrif/components-core","name":"SearchService","line":49,"character":35},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":50,"character":34}]}]}},"ɵbu":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"GroupNavigationComponentResolverService","line":10,"character":68},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"TaskResourceService","line":12,"character":37},{"__symbolic":"reference","module":"@netgrif/components-core","name":"LoggerService","line":12,"character":63}]}],"resolveViewComponent":[{"__symbolic":"method"}]}},"ɵbv":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractFilterSelectorListItemComponent","line":12,"character":53},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"nc-filter-selector-list-item","template":"<div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <span>{{text}}</span>\n</div>\n","styles":[""]}]}],"members":{}},"ɵbw":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractAddChildNodeComponent","line":8,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-add-child-node","template":"<button *ngIf=\"!node.isAddingNode()\" mat-icon-button (click)=\"addChild($event)\">\n <mat-icon *ngIf=\"!node.treeAddTextIcon()\">add</mat-icon>\n <mat-icon *ngIf=\"node.treeAddTextIcon()\" [matTooltip]=\"node.treeAddTextIconTitle()\" [svgIcon]=\"node.treeAddTextIcon()\"></mat-icon>\n</button>\n\n<div *ngIf=\"node.isAddingNode()\" class=\"spinner-margin\">\n <mat-spinner [diameter]=\"24\"></mat-spinner>\n</div>\n","styles":[".spinner-margin{margin:8px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CaseTreeService","line":9,"character":40}]}]}},"ɵbx":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@netgrif/components-core","name":"AbstractRemoveNodeComponent","line":8,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"nc-remove-node","template":"<button *ngIf=\"!node.isBeingRemoved()\" mat-icon-button (click)=\"removeNode($event)\">\n <mat-icon>delete_forever</mat-icon>\n</button>\n\n<div *ngIf=\"node.isBeingRemoved()\" class=\"spinner-margin\">\n <mat-spinner [diameter]=\"24\"></mat-spinner>\n</div>\n","styles":[".spinner-margin{margin:8px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@netgrif/components-core","name":"CaseTreeService","line":9,"character":40}]}]}}},"origins":{"RoleAssignmentComponent":"./lib/admin/role-assignment/role-assignment.component","AdminComponentModule":"./lib/admin/admin.module","AuthenticationOverlayComponent":"./lib/authentication/authentication-overlay/authentication-overlay.component","AuthenticationComponentModule":"./lib/authentication/auth.module","IframeCardComponent":"./lib/dashboard/cards/iframe-card/iframe-card.component","CountCardComponent":"./lib/dashboard/cards/count-card/count-card.component","LinearGaugeCardComponent":"./lib/dashboard/cards/lineargauge-card/linear-gauge-card.component","PieChartCardComponent":"./lib/dashboard/cards/piechart-card/pie-chart-card.component","BarchartCardComponent":"./lib/dashboard/cards/barchart-card/barchart-card.component","PortalCardComponent":"./lib/dashboard/cards/portal-card/portal-card.component","LineChartCardComponent":"./lib/dashboard/cards/linechart-card/line-chart-card.component","DashboardContentComponent":"./lib/dashboard/dashboard-content/dashboard-content.component","DashboardComponentModule":"./lib/dashboard/dashboard.module","DataFieldsComponentModule":"./lib/data-fields/data-fields.module","ButtonFieldComponent":"./lib/data-fields/button-field/button-field.component","BooleanFieldComponent":"./lib/data-fields/boolean-field/boolean-field.component","DataFieldTemplateComponent":"./lib/data-fields/data-field-template/data-field-template.component","DateFieldComponent":"./lib/data-fields/date-field/date-field.component","DateTimeFieldComponent":"./lib/data-fields/date-time-field/date-time-field.component","EnumerationFieldComponent":"./lib/data-fields/enumeration-field/enumeration-field.component","FileFieldComponent":"./lib/data-fields/file-field/file-field.component","FileListFieldComponent":"./lib/data-fields/file-field-list/file-list-field.component","MultichoiceFieldComponent":"./lib/data-fields/multichoice-field/multichoice-field.component","NumberFieldComponent":"./lib/data-fields/number-field/number-field.component","TextFieldComponent":"./lib/data-fields/text-field/text-field.component","UserFieldComponent":"./lib/data-fields/user-field/user-field.component","FilterFieldComponent":"./lib/data-fields/filter-field/filter-field.component","I18nFieldComponent":"./lib/data-fields/i18n-field/i18n-field.component","EmailSubmissionFormComponent":"./lib/forms/email-submission/email-submission-form.component","LoginFormComponent":"./lib/forms/login/login-form.component","RegistrationFormComponent":"./lib/forms/registration/registration-form.component","ForgottenPasswordFormComponent":"./lib/forms/forgotten-password/forgotten-password-form.component","EmailSubmissionFormComponentModule":"./lib/forms/email-submission/email-submission-form.module","LoginFormComponentModule":"./lib/forms/login/login-form.module","RegistrationFormComponentModule":"./lib/forms/registration/registration-form.module","ForgottenPasswordFormComponentModule":"./lib/forms/forgotten-password/forgotten-password-form-component.module","HeaderComponent":"./lib/header/header.component","SortModeComponent":"./lib/header/header-modes/sort-mode/sort-mode.component","EditModeComponent":"./lib/header/header-modes/edit-mode/edit-mode.component","SearchModeComponent":"./lib/header/header-modes/search-mode/search-mode.component","LoadingModeComponent":"./lib/header/header-modes/loading-mode/loading-mode.component","HeaderComponentModule":"./lib/header/header.module","QuickPanelComponentModule":"./lib/navigation/quick-panel/quick-panel.module","QuickPanelComponent":"./lib/navigation/quick-panel/components/quick-panel.component","InternalLinkComponent":"./lib/navigation/quick-panel/components/internal-link/internal-link.component","LogoutShortcutComponent":"./lib/navigation/quick-panel/components/logout-shortcut/logout-shortcut.component","LanguageSelectorComponent":"./lib/navigation/quick-panel/components/language-selector/language-selector.component","NavigationComponentModule":"./lib/navigation/navigation.module","NavigationTreeComponent":"./lib/navigation/navigation-tree/navigation-tree.component","NavigationDrawerComponent":"./lib/navigation/navigation-drawer/navigation-drawer.component","NavigationRailComponent":"./lib/navigation/navigation-rail/navigation-rail.component","PanelComponentModule":"./lib/panel/panel.module","PanelComponent":"./lib/panel/panel.component","TaskPanelComponent":"./lib/panel/task-panel/task-panel.component","CasePanelComponent":"./lib/panel/case-panel/case-panel.component","WorkflowPanelComponent":"./lib/panel/workflow-panel/workflow-panel.component","PublicWorkflowPanelComponent":"./lib/panel/public-workflow-panel/public-workflow-panel.component","TaskListComponent":"./lib/panel/task-panel-list/task-list.component","AdvancedSearchComponent":"./lib/search/advanced-search/advanced-search-component/advanced-search.component","SearchClauseComponent":"./lib/search/advanced-search/search-clause-component/search-clause.component","SearchPredicateComponent":"./lib/search/advanced-search/search-predicate-component/search-predicate.component","SearchOperandInputComponent":"./lib/search/advanced-search/search-operand-input-component/search-operand-input.component","SearchConfigurationInputComponent":"./lib/search/advanced-search/search-configuration-input-component/search-configuration-input.component","SearchComponentModule":"./lib/search/search.module","searchCategoryConverter":"./lib/search/search-component/search.component","SearchComponent":"./lib/search/search-component/search.component","CaseSearchComponent":"./lib/search/search-component/case-search/case-search.component","TaskSearchComponent":"./lib/search/search-component/task-search/task-search.component","FulltextSearchComponent":"./lib/search/fulltext-search-component/fulltext-search.component","ɵa":"./lib/side-menu/content-components/save-filter/save-filter.component","ɵb":"./lib/side-menu/content-components/save-filter/save-filter.component","ɵc":"./lib/side-menu/content-components/load-filter/load-filter.component","ɵd":"./lib/side-menu/content-components/load-filter/load-filter.component","SideMenuContentComponentModule":"./lib/side-menu/content-components/side-menu-content-component.module","SideMenuImportNetComponentModule":"./lib/side-menu/content-components/import-net/side-menu-import-net-component.module","SideMenuNewCaseComponentModule":"./lib/side-menu/content-components/new-case/side-menu-new-case-component.module","SideMenuUserAssignComponentModule":"./lib/side-menu/content-components/user-assign/side-menu-user-assign-component.module","SideMenuFilterSelectorComponentModule":"./lib/side-menu/content-components/filter-selector/side-menu-filter-selector-component.module","SideMenuOptionSelectorComponentModule":"./lib/side-menu/content-components/option-selector/side-menu-option-selector-component.module","SideMenuSaveFilterComponentModule":"./lib/side-menu/content-components/save-filter/side-menu-save-filter-component.module","SideMenuLoadFilterComponentModule":"./lib/side-menu/content-components/load-filter/side-menu-load-filter-component.module","ImportNetComponent":"./lib/side-menu/content-components/import-net/import-net.component","NewCaseComponent":"./lib/side-menu/content-components/new-case/new-case.component","UserAssignComponent":"./lib/side-menu/content-components/user-assign/user-assign.component","FilterSelectorComponent":"./lib/side-menu/content-components/filter-selector/filter-selector.component","OptionSelectorComponent":"./lib/side-menu/content-components/option-selector/option-selector.component","SaveFilterComponent":"./lib/side-menu/content-components/save-filter/save-filter.component","LoadFilterComponent":"./lib/side-menu/content-components/load-filter/load-filter.component","SideMenuComponentModule":"./lib/side-menu/side-menu.module","SideMenuContainerComponent":"./lib/side-menu/side-menu-container/side-menu-container.component","TabsComponentModule":"./lib/tabs/tabs.module","TabViewComponent":"./lib/tabs/tab-view/tab-view.component","TabCreationDetectorComponent":"./lib/tabs/tab-creation-detector/tab-creation-detector.component","TaskContentComponentModule":"./lib/task-content/task-content.module","TaskContentComponent":"./lib/task-content/task-content/task-content.component","FieldComponentResolverComponent":"./lib/task-content/field-component-resolver/field-component-resolver.component","ToolbarComponentModule":"./lib/toolbar/toolbar.module","ToolbarComponent":"./lib/toolbar/toolbar.component","UserComponentModule":"./lib/user/user.module","ProfileComponentModule":"./lib/user/profile/profile.module","UserCardComponent":"./lib/user/user-card/user-card.component","ProfileComponent":"./lib/user/profile/profile.component","WorkflowViewComponent":"./lib/view/workflow-view/workflow-view.component","CaseListComponent":"./lib/view/case-view/components/case-list/case-list.component","TreeComponent":"./lib/view/tree-case-view/tree-component/tree.component","TreeTaskContentComponent":"./lib/view/tree-case-view/tree-task-content/tree-task-content.component","WorkflowViewComponentModule":"./lib/view/workflow-view.module","CaseViewComponentModule":"./lib/view/case-view/case-view.module","TreeCaseViewComponentModule":"./lib/view/tree-case-view/tree-case-view.module","LegalNoticeModule":"./lib/legal/legal-notice/legal-notice.module","LegalNoticeComponent":"./lib/legal/legal-notice/legal-notice.component","RedirectComponentModule":"./lib/routing/redirect.module","RedirectComponent":"./lib/routing/redirect/redirect.component","ɵe":"./lib/admin/user-invite/user-invite.component","ɵf":"./lib/data-fields/enumeration-field/enumeration-autocomplete-select-field/enumeration-autocomplete-select-field.component","ɵg":"./lib/data-fields/enumeration-field/enumeration-select-field/enumeration-select-field.component","ɵh":"./lib/data-fields/enumeration-field/enumeration-list-field/enumeration-list-field.component","ɵi":"./lib/data-fields/multichoice-field/multichoice-select-field/multichoice-select-field.component","ɵj":"./lib/data-fields/multichoice-field/multichoice-list-field/multichoice-list-field.component","ɵk":"./lib/data-fields/text-field/textarea-field/textarea-field.component","ɵl":"./lib/data-fields/text-field/rich-textarea-field/rich-textarea-field.component","ɵm":"./lib/data-fields/text-field/simple-text-field/simple-text-field.component","ɵn":"./lib/data-fields/required-label/required-label.component","ɵo":"./lib/data-fields/text-field/html-textarea-field/html-textarea-field.component","ɵp":"./lib/data-fields/text-field/password-text-field/password-text-field.component","ɵq":"./lib/data-fields/number-field/number-currency-field/number-currency-field.component","ɵr":"./lib/data-fields/number-field/number-default-field/number-default-field.component","ɵs":"./lib/data-fields/file-field/preview-dialog/preview-dialog.component","ɵt":"./lib/data-fields/enumeration-field/enumeration-stepper-field/enumeration-stepper-field.component","ɵu":"./lib/data-fields/enumeration-field/enumeration-icon-field/enumeration-icon-field.component","ɵv":"./lib/data-fields/enumeration-field/enumeration-autocomplete-dynamic-field/enumeration-autocomplete-dynamic-field.component","ɵw":"./lib/data-fields/filter-field/filter-field-content/filter-field-content.component","ɵx":"./lib/data-fields/filter-field/filter-field-content/filter-field-content.component","ɵy":"./lib/data-fields/filter-field/filter-field-content/filter-field-content.component","ɵz":"./lib/data-fields/filter-field/filter-field-content/filter-field-content.component","ɵba":"./lib/data-fields/i18n-field/i18n-divider-field/i18n-divider-field.component","ɵbb":"./lib/data-fields/i18n-field/i18n-text-field/i18n-text-field.component","ɵbc":"./lib/side-menu/content-components/user-assign/user-assign-list/user-assign-item/user-assign-item.component","ɵbd":"./lib/side-menu/content-components/user-assign/user-assign-list/user-assign-list.component","ɵbe":"./lib/search/advanced-search/advanced-search.module","ɵbf":"./lib/navigation/group-navigation-component-resolver/group-navigation-component-resolver.component","ɵbg":"./lib/navigation/group-navigation-component-resolver/default-components/default-simple-task-view/default-simple-task-view.component","ɵbh":"./lib/navigation/group-navigation-component-resolver/default-components/default-tabbed-task-view/default-tabbed-task-view.component","ɵbi":"./lib/navigation/group-navigation-component-resolver/default-components/default-tabbed-task-view/default-tabbed-task-view.component","ɵbj":"./lib/navigation/group-navigation-component-resolver/default-components/default-tabbed-case-view/default-tabbed-case-view.component","ɵbk":"./lib/navigation/group-navigation-component-resolver/default-components/model/factory-methods","ɵbl":"./lib/navigation/group-navigation-component-resolver/default-components/model/factory-methods","ɵbm":"./lib/navigation/group-navigation-component-resolver/default-components/model/factory-methods","ɵbn":"./lib/navigation/group-navigation-component-resolver/default-components/model/injected-tabbed-case-view-data-with-navigation-item-task-data","ɵbo":"./lib/navigation/group-navigation-component-resolver/default-components/default-tab-view/default-tab-view.component","ɵbp":"./lib/panel/immediate/immediate-filter-text/immediate-filter-text.component","ɵbq":"./lib/panel/immediate/immediate-filter-text-content/immediate-filter-text-content.component","ɵbr":"./lib/panel/immediate/immediate-filter-text-content/immediate-filter-text-content.component","ɵbs":"./lib/panel/immediate/immediate-filter-text-content/immediate-filter-text-content.component","ɵbt":"./lib/panel/immediate/immediate-filter-text-content/immediate-filter-text-content.component","ɵbu":"./lib/navigation/group-navigation-component-resolver/default-group-navigation-component-resolver.service","ɵbv":"./lib/side-menu/content-components/filter-selector/filter-selector-list-item/filter-selector-list-item.component","ɵbw":"./lib/view/tree-case-view/tree-component/add-child-node/add-child-node.component","ɵbx":"./lib/view/tree-case-view/tree-component/remove-node/remove-node.component"},"importAs":"@netgrif/components"}