@netgrif/components 6.2.3 → 6.2.5

package/esm2020/lib/admin/admin.module.mjs

@@ -8,18 +8,18 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i0 from "@angular/core";
 export class AdminComponentModule {
 }
-AdminComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AdminComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AdminComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AdminComponentModule, declarations: [RoleAssignmentComponent, LdapGroupRoleAssignmentComponent, UserInviteComponent], imports: [CommonModule,
+AdminComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AdminComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AdminComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AdminComponentModule, declarations: [RoleAssignmentComponent, LdapGroupRoleAssignmentComponent, UserInviteComponent], imports: [CommonModule,
         MaterialModule,
         TranslateLibModule,
         MatFormFieldModule], exports: [RoleAssignmentComponent, LdapGroupRoleAssignmentComponent, UserInviteComponent] });
-AdminComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AdminComponentModule, imports: [[
+AdminComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AdminComponentModule, imports: [[
             CommonModule,
             MaterialModule,
             TranslateLibModule,
             MatFormFieldModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AdminComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AdminComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [RoleAssignmentComponent, LdapGroupRoleAssignmentComponent, UserInviteComponent],

package/esm2020/lib/admin/ldap-group-role-assignment/ldap-group-role-assignment.component.mjs

@@ -26,11 +26,11 @@ export class LdapGroupRoleAssignmentComponent extends AbstractLdapGroupRoleAssig
         this._service = _service;
     }
 }
-LdapGroupRoleAssignmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LdapGroupRoleAssignmentComponent, deps: [{ token: i1.RoleAssignmentLdapGroupService }], target: i0.ɵɵFactoryTarget.Component });
-LdapGroupRoleAssignmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: LdapGroupRoleAssignmentComponent, selector: "nc-ldap-group-role-assignment", providers: [
+LdapGroupRoleAssignmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LdapGroupRoleAssignmentComponent, deps: [{ token: i1.RoleAssignmentLdapGroupService }], target: i0.ɵɵFactoryTarget.Component });
+LdapGroupRoleAssignmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: LdapGroupRoleAssignmentComponent, selector: "nc-ldap-group-role-assignment", providers: [
         RoleAssignmentLdapGroupService
     ], usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"full-height full-width padding-default\">\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"47\" class=\"full-height\">\n        <ng-container *ngIf=\"ldapGroup.ldapGroups$ | async as ldapGroups_\">\n\n            <mat-toolbar color=\"primary\" class=\"min-height-72\">\n                <span matTooltip=\"{{ 'admin.ldapGroup-list.count' | translate }}: {{ldapGroups_.length}}\">\n                    {{'admin.ldapGroup-list.listTitle' | translate}}\n                </span>\n                <div fxFlex=\"5\"></div>\n\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"netgrif-input netgrif-input-fix netgrif-input-primary-fix netgrif-input-search-fix\">\n                    <mat-icon fxFlex class=\"search-icon\">search</mat-icon>\n                    <mat-form-field fxFlex=\"100\" class=\"ldapGroup-assign-search\" color=\"primary\" appearance=\"outline\">\n                        <mat-label>{{ 'side-menu.ldapGroup.choose' | translate }}</mat-label>\n                        <input matInput [formControl]=\"searchLdapGroupControl\">\n                        <button mat-button *ngIf=\"searchLdapGroupControl.value\" matSuffix mat-icon-button\n                                (click)=\"searchLdapGroupControl.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 mat-icon-button matTooltip=\"{{ 'side-menu.tooltip.SelectAll' | translate }}\" (click)=\"selectAllLdapGroup(true)\">\n                    <mat-icon>done_all</mat-icon>\n                </button>\n                <button mat-icon-button matTooltip=\"{{ 'side-menu.tooltip.DeselectAll' | translate }}\" (click)=\"selectAllLdapGroup(false)\">\n                    <mat-icon>clear</mat-icon>\n                </button>\n            </mat-toolbar>\n\n            <div *ngIf=\"(ldapGroup.loading$ | async) === false && ldapGroups_.length === 0\" fxLayout=\"column\"\n                 fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n                <mat-icon color=\"accent\" class=\"margin-bottom-default no-ldapGroup-icon\">perm_identity</mat-icon>\n                <span class=\"font-size-20\">{{ 'admin.ldapGroup-list.noLdapGroupsWereFound' | translate}}</span>\n            </div>\n\n            <mat-selection-list #ldapGroupList color=\"accent\" fxFlex=\"100\" class=\"full-width\">\n\n                <cdk-virtual-scroll-viewport itemSize=\"72\" (scrolledIndexChange)=\"loadNextLdapGroupPage()\"\n                                             class=\"full-width full-height\">\n                    <mat-list-option *cdkVirtualFor=\"let ldapGroup of ldapGroups_; let i = index;\" checkboxPosition=\"before\"\n                                     [selected]=\"ldapGroup.selected\"\n                                     [value]=\"ldapGroup\"\n                                     [ngClass]=\"{'list-item-selected':ldapGroup.selected}\"\n                                     (click)=\"ldapGroup.toggle();autoSelectRoles()\">\n                        <h3 matLine>{{ldapGroup.cn}}</h3>\n                        <p *ngIf=\"ldapGroup.description !== undefined\" matLine>DN: {{ldapGroup.dn}}, Description: {{ldapGroup.description}}</p>\n                        <p *ngIf=\"ldapGroup.description === undefined\" matLine>DN: {{ldapGroup.dn}}</p>\n                    </mat-list-option>\n\n                    <div *ngIf=\"ldapGroup.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=\"3\"></div>\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"50\" class=\"full-height\">\n\n        <mat-toolbar color=\"primary\" class=\"min-height-72\">\n            <span>{{'admin.process-list.listTitle' | translate}}</span>\n            <span style=\"flex: 1 1 auto;\"></span>\n            <mat-spinner *ngIf=\"ldapGroup.updating$ | async\" color=\"accent\" diameter=\"30\"></mat-spinner>\n        </mat-toolbar>\n\n        <div *ngIf=\"(ldapGroup.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-ldapGroup-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}.min-height-72{min-height:72px}\n"], components: [{ type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i7.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: i6.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i9.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i9.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i10.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i11.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i12.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i12.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i12.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i4.MatLabel, selector: "mat-label" }, { type: i15.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i16.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i16.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i16.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.MatSuffix, selector: "[matSuffix]" }, { type: i7.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i7.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i17.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i18.MatLine, selector: "[mat-line], [matLine]" }, { type: i9.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { type: i13.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i9.MatExpansionPanelDescription, selector: "mat-panel-description" }], pipes: { "async": i13.AsyncPipe, "translate": i19.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LdapGroupRoleAssignmentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LdapGroupRoleAssignmentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-ldap-group-role-assignment', providers: [
                         RoleAssignmentLdapGroupService

package/esm2020/lib/admin/role-assignment/role-assignment.component.mjs

@@ -27,11 +27,11 @@ export class RoleAssignmentComponent extends AbstractRoleAssignmentComponent {
         this._userService = _userService;
     }
 }
-RoleAssignmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RoleAssignmentComponent, deps: [{ token: i1.RoleAssignmentService }, { token: i1.UserService }], target: i0.ɵɵFactoryTarget.Component });
-RoleAssignmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: RoleAssignmentComponent, selector: "nc-role-assignment", providers: [
+RoleAssignmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RoleAssignmentComponent, deps: [{ token: i1.RoleAssignmentService }, { token: i1.UserService }], target: i0.ɵɵFactoryTarget.Component });
+RoleAssignmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: RoleAssignmentComponent, selector: "nc-role-assignment", providers: [
         RoleAssignmentService
     ], usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"full-height full-width padding-default\">\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"47\" class=\"full-height\">\n        <ng-container *ngIf=\"users.users$ | async as users_\">\n\n            <mat-toolbar color=\"primary\" class=\"min-height-72\">\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\" class=\"netgrif-input netgrif-input-fix netgrif-input-primary-fix netgrif-input-search-fix\">\n                    <mat-icon fxFlex class=\"search-icon\">search</mat-icon>\n                    <mat-form-field fxFlex=\"100\" class=\"user-assign-search\" color=\"primary\" appearance=\"outline\">\n                        <mat-label>{{ 'side-menu.user.choose' | translate }}</mat-label>\n                        <input matInput [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=\"{{ 'side-menu.tooltip.SelectAll' | translate }}\" (click)=\"selectAllUsers(true)\">\n                    <mat-icon>done_all</mat-icon>\n                </button>\n                <button mat-icon-button matTooltip=\"{{ 'side-menu.tooltip.DeselectAll' | translate }}\" (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=\"3\"></div>\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"50\" class=\"full-height\">\n\n        <mat-toolbar color=\"primary\" class=\"min-height-72\">\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}.min-height-72{min-height:72px}\n"], components: [{ type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i7.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: i6.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i9.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i9.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i10.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i11.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i12.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i12.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i12.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i4.MatLabel, selector: "mat-label" }, { type: i15.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i16.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i16.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i16.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.MatSuffix, selector: "[matSuffix]" }, { type: i7.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i7.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i17.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i18.MatLine, selector: "[mat-line], [matLine]" }, { type: i9.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { type: i13.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i9.MatExpansionPanelDescription, selector: "mat-panel-description" }], pipes: { "async": i13.AsyncPipe, "translate": i19.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RoleAssignmentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RoleAssignmentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-role-assignment', providers: [
                         RoleAssignmentService

package/esm2020/lib/admin/user-invite/user-invite.component.mjs

@@ -25,9 +25,9 @@ export class UserInviteComponent extends AbstractUserInviteComponent {
         this._translate = _translate;
     }
 }
-UserInviteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UserInviteComponent, deps: [{ token: i1.UserInviteService }, { token: i1.OrganizationListService }, { token: i1.SignUpService }, { token: i1.SnackBarService }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-UserInviteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: UserInviteComponent, selector: "nc-user-invite", usesInheritance: true, ngImport: i0, 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=\"min-height-72 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 netgrif-input netgrif-input-fix netgrif-input-primary-fix netgrif-input-search-fix\">\n                <mat-icon fxFlex class=\"mail-icon\">email</mat-icon>\n                <mat-form-field fxFlex=\"100\" class=\"user-assign-search\" color=\"primary\" appearance=\"outline\">\n                    <mat-label>{{ 'admin.user-invite.mail' | translate }}</mat-label>\n                    <input matInput [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=\"min-height-72 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=\"min-height-72 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", 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}.min-height-72{min-height:72px}.mail-icon{margin-right:10px}.invited-card{padding:0 16px;width:100%;white-space:nowrap;border:1px solid #eeeeee;background:white}.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}\n"], components: [{ type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i7.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i8.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i8.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i9.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i10.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i11.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i11.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i11.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i5.MatLabel, selector: "mat-label" }, { type: i12.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i13.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i13.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i13.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatSuffix, selector: "[matSuffix]" }, { type: i14.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { type: i8.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i8.MatExpansionPanelDescription, selector: "mat-panel-description" }], pipes: { "translate": i2.TranslatePipe, "async": i14.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UserInviteComponent, decorators: [{
+UserInviteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserInviteComponent, deps: [{ token: i1.UserInviteService }, { token: i1.OrganizationListService }, { token: i1.SignUpService }, { token: i1.SnackBarService }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+UserInviteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UserInviteComponent, selector: "nc-user-invite", usesInheritance: true, ngImport: i0, 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=\"min-height-72 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 netgrif-input netgrif-input-fix netgrif-input-primary-fix netgrif-input-search-fix\">\n                <mat-icon fxFlex class=\"mail-icon\">email</mat-icon>\n                <mat-form-field fxFlex=\"100\" class=\"user-assign-search\" color=\"primary\" appearance=\"outline\">\n                    <mat-label>{{ 'admin.user-invite.mail' | translate }}</mat-label>\n                    <input matInput [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=\"min-height-72 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=\"min-height-72 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", 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}.min-height-72{min-height:72px}.mail-icon{margin-right:10px}.invited-card{padding:0 16px;width:100%;white-space:nowrap;border:1px solid #eeeeee;background:white}.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}\n"], components: [{ type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i7.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i8.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i8.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i9.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i10.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i11.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i11.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i11.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i5.MatLabel, selector: "mat-label" }, { type: i12.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i13.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i13.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i13.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatSuffix, selector: "[matSuffix]" }, { type: i14.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { type: i8.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i8.MatExpansionPanelDescription, selector: "mat-panel-description" }], pipes: { "translate": i2.TranslatePipe, "async": i14.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserInviteComponent, decorators: [{
             type: Component,
             args: [{ 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=\"min-height-72 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 netgrif-input netgrif-input-fix netgrif-input-primary-fix netgrif-input-search-fix\">\n                <mat-icon fxFlex class=\"mail-icon\">email</mat-icon>\n                <mat-form-field fxFlex=\"100\" class=\"user-assign-search\" color=\"primary\" appearance=\"outline\">\n                    <mat-label>{{ 'admin.user-invite.mail' | translate }}</mat-label>\n                    <input matInput [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=\"min-height-72 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=\"min-height-72 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", 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}.min-height-72{min-height:72px}.mail-icon{margin-right:10px}.invited-card{padding:0 16px;width:100%;white-space:nowrap;border:1px solid #eeeeee;background:white}.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}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.UserInviteService }, { type: i1.OrganizationListService }, { type: i1.SignUpService }, { type: i1.SnackBarService }, { type: i2.TranslateService }]; } });

package/esm2020/lib/authentication/auth.module.mjs

@@ -4,12 +4,12 @@ import { AuthenticationOverlayComponent } from './authentication-overlay/authent
 import * as i0 from "@angular/core";
 export class AuthenticationComponentModule {
 }
-AuthenticationComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AuthenticationComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AuthenticationComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AuthenticationComponentModule, declarations: [AuthenticationOverlayComponent], imports: [CommonModule], exports: [AuthenticationOverlayComponent] });
-AuthenticationComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AuthenticationComponentModule, imports: [[
+AuthenticationComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AuthenticationComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AuthenticationComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AuthenticationComponentModule, declarations: [AuthenticationOverlayComponent], imports: [CommonModule], exports: [AuthenticationOverlayComponent] });
+AuthenticationComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AuthenticationComponentModule, imports: [[
             CommonModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AuthenticationComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AuthenticationComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AuthenticationOverlayComponent],

package/esm2020/lib/authentication/authentication-overlay/authentication-overlay.component.mjs

@@ -13,9 +13,9 @@ export class AuthenticationOverlayComponent extends AbstractAuthenticationOverla
         this.userService = userService;
     }
 }
-AuthenticationOverlayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AuthenticationOverlayComponent, deps: [{ token: i1.SessionService }, { token: i1.SpinnerOverlayService }, { token: i2.Router }, { token: i1.RedirectService }, { token: i1.UserService }], target: i0.ɵɵFactoryTarget.Component });
-AuthenticationOverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AuthenticationOverlayComponent, selector: "nc-authentication-overlay", usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AuthenticationOverlayComponent, decorators: [{
+AuthenticationOverlayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AuthenticationOverlayComponent, deps: [{ token: i1.SessionService }, { token: i1.SpinnerOverlayService }, { token: i2.Router }, { token: i1.RedirectService }, { token: i1.UserService }], target: i0.ɵɵFactoryTarget.Component });
+AuthenticationOverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AuthenticationOverlayComponent, selector: "nc-authentication-overlay", usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AuthenticationOverlayComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-authentication-overlay', template: "<ng-content></ng-content>\n", styles: [""] }]
         }], ctorParameters: function () { return [{ type: i1.SessionService }, { type: i1.SpinnerOverlayService }, { type: i2.Router }, { type: i1.RedirectService }, { type: i1.UserService }]; } });

package/esm2020/lib/dashboard/cards/barchart-card/barchart-card.component.mjs

@@ -29,9 +29,9 @@ export class BarchartCardComponent extends AbstractCustomCardComponent {
         this.single = [...this.single];
     }
 }
-BarchartCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BarchartCardComponent, deps: [{ token: i0.Injector }, { token: i1.DashboardResourceService }, { token: i2.TranslateService }, { token: i1.LoggerService }], target: i0.ɵɵFactoryTarget.Component });
-BarchartCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: BarchartCardComponent, selector: "nc-barchart-card", outputs: { selectEvent: "selectEvent" }, usesInheritance: true, ngImport: i0, 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}\n"], components: [{ type: i3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4.BarVerticalComponent, selector: "ngx-charts-bar-vertical", inputs: ["legend", "legendTitle", "legendPosition", "xAxis", "yAxis", "showXAxisLabel", "showYAxisLabel", "xAxisLabel", "yAxisLabel", "tooltipDisabled", "gradient", "showGridLines", "activeEntries", "schemeType", "trimXAxisTicks", "trimYAxisTicks", "rotateXAxisTicks", "maxXAxisTickLength", "maxYAxisTickLength", "xAxisTickFormatting", "yAxisTickFormatting", "xAxisTicks", "yAxisTicks", "barPadding", "roundDomains", "roundEdges", "yScaleMax", "yScaleMin", "showDataLabel", "dataLabelFormatting", "noBarWhenZero"], outputs: ["activate", "deactivate"] }], directives: [{ type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BarchartCardComponent, decorators: [{
+BarchartCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BarchartCardComponent, deps: [{ token: i0.Injector }, { token: i1.DashboardResourceService }, { token: i2.TranslateService }, { token: i1.LoggerService }], target: i0.ɵɵFactoryTarget.Component });
+BarchartCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BarchartCardComponent, selector: "nc-barchart-card", outputs: { selectEvent: "selectEvent" }, usesInheritance: true, ngImport: i0, 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}\n"], components: [{ type: i3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4.BarVerticalComponent, selector: "ngx-charts-bar-vertical", inputs: ["legend", "legendTitle", "legendPosition", "xAxis", "yAxis", "showXAxisLabel", "showYAxisLabel", "xAxisLabel", "yAxisLabel", "tooltipDisabled", "gradient", "showGridLines", "activeEntries", "schemeType", "trimXAxisTicks", "trimYAxisTicks", "rotateXAxisTicks", "maxXAxisTickLength", "maxYAxisTickLength", "xAxisTickFormatting", "yAxisTickFormatting", "xAxisTicks", "yAxisTicks", "barPadding", "roundDomains", "roundEdges", "yScaleMax", "yScaleMin", "showDataLabel", "dataLabelFormatting", "noBarWhenZero"], outputs: ["activate", "deactivate"] }], directives: [{ type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BarchartCardComponent, decorators: [{
             type: Component,
             args: [{ 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}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.DashboardResourceService }, { type: i2.TranslateService }, { type: i1.LoggerService }]; }, propDecorators: { selectEvent: [{

package/esm2020/lib/dashboard/cards/count-card/count-card.component.mjs

@@ -11,9 +11,9 @@ export class CountCardComponent extends AbstractCountCardComponent {
         this._injector = _injector;
     }
 }
-CountCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CountCardComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-CountCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CountCardComponent, selector: "nc-count-card", usesInheritance: true, ngImport: i0, 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}\n"], components: [{ type: i1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CountCardComponent, decorators: [{
+CountCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CountCardComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+CountCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CountCardComponent, selector: "nc-count-card", usesInheritance: true, ngImport: i0, 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}\n"], components: [{ type: i1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CountCardComponent, decorators: [{
             type: Component,
             args: [{ 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}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });

package/esm2020/lib/dashboard/cards/iframe-card/iframe-card.component.mjs

@@ -10,9 +10,9 @@ export class IframeCardComponent extends AbstractIframeCardComponent {
         this._sanitizer = _sanitizer;
     }
 }
-IframeCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IframeCardComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-IframeCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: IframeCardComponent, selector: "nc-iframe-card", usesInheritance: true, ngImport: i0, 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}\n"], components: [{ type: i2.MatCard, selector: "mat-card", exportAs: ["matCard"] }], directives: [{ type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IframeCardComponent, decorators: [{
+IframeCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IframeCardComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+IframeCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IframeCardComponent, selector: "nc-iframe-card", usesInheritance: true, ngImport: i0, 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}\n"], components: [{ type: i2.MatCard, selector: "mat-card", exportAs: ["matCard"] }], directives: [{ type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IframeCardComponent, decorators: [{
             type: Component,
             args: [{ 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}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; } });

package/esm2020/lib/dashboard/cards/lineargauge-card/linear-gauge-card.component.mjs

@@ -26,9 +26,9 @@ export class LinearGaugeCardComponent extends AbstractCustomCardComponent {
         this.value = json.aggregations.types_count.value;
     }
 }
-LinearGaugeCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LinearGaugeCardComponent, deps: [{ token: i0.Injector }, { token: i1.DashboardResourceService }, { token: i2.TranslateService }, { token: i1.LoggerService }], target: i0.ɵɵFactoryTarget.Component });
-LinearGaugeCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: LinearGaugeCardComponent, selector: "nc-linear-gauge-card", outputs: { selectEvent: "selectEvent" }, usesInheritance: true, ngImport: i0, 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: [".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%}\n"], components: [{ type: i3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4.LinearGaugeComponent, selector: "ngx-charts-linear-gauge", inputs: ["min", "max", "value", "units", "previousValue", "valueFormatting"] }], directives: [{ type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LinearGaugeCardComponent, decorators: [{
+LinearGaugeCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LinearGaugeCardComponent, deps: [{ token: i0.Injector }, { token: i1.DashboardResourceService }, { token: i2.TranslateService }, { token: i1.LoggerService }], target: i0.ɵɵFactoryTarget.Component });
+LinearGaugeCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: LinearGaugeCardComponent, selector: "nc-linear-gauge-card", outputs: { selectEvent: "selectEvent" }, usesInheritance: true, ngImport: i0, 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: [".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%}\n"], components: [{ type: i3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4.LinearGaugeComponent, selector: "ngx-charts-linear-gauge", inputs: ["min", "max", "value", "units", "previousValue", "valueFormatting"] }], directives: [{ type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LinearGaugeCardComponent, decorators: [{
             type: Component,
             args: [{ 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: [".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%}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.DashboardResourceService }, { type: i2.TranslateService }, { type: i1.LoggerService }]; }, propDecorators: { selectEvent: [{

package/esm2020/lib/dashboard/cards/linechart-card/line-chart-card.component.mjs

@@ -38,9 +38,9 @@ export class LineChartCardComponent extends AbstractCustomCardComponent {
         this.multi = [...this.multi];
     }
 }
-LineChartCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineChartCardComponent, deps: [{ token: i0.Injector }, { token: i1.DashboardResourceService }, { token: i2.TranslateService }, { token: i1.LoggerService }], target: i0.ɵɵFactoryTarget.Component });
-LineChartCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: LineChartCardComponent, selector: "nc-line-chart-card", outputs: { selectEvent: "selectEvent" }, usesInheritance: true, ngImport: i0, 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}\n"], components: [{ type: i3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4.LineChartComponent, selector: "ngx-charts-line-chart", inputs: ["legend", "legendTitle", "legendPosition", "xAxis", "yAxis", "showXAxisLabel", "showYAxisLabel", "xAxisLabel", "yAxisLabel", "autoScale", "timeline", "gradient", "showGridLines", "curve", "activeEntries", "schemeType", "rangeFillOpacity", "trimXAxisTicks", "trimYAxisTicks", "rotateXAxisTicks", "maxXAxisTickLength", "maxYAxisTickLength", "xAxisTickFormatting", "yAxisTickFormatting", "xAxisTicks", "yAxisTicks", "roundDomains", "tooltipDisabled", "showRefLines", "referenceLines", "showRefLabels", "xScaleMin", "xScaleMax", "yScaleMin", "yScaleMax"], outputs: ["activate", "deactivate"] }], directives: [{ type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LineChartCardComponent, decorators: [{
+LineChartCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LineChartCardComponent, deps: [{ token: i0.Injector }, { token: i1.DashboardResourceService }, { token: i2.TranslateService }, { token: i1.LoggerService }], target: i0.ɵɵFactoryTarget.Component });
+LineChartCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: LineChartCardComponent, selector: "nc-line-chart-card", outputs: { selectEvent: "selectEvent" }, usesInheritance: true, ngImport: i0, 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}\n"], components: [{ type: i3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4.LineChartComponent, selector: "ngx-charts-line-chart", inputs: ["legend", "legendTitle", "legendPosition", "xAxis", "yAxis", "showXAxisLabel", "showYAxisLabel", "xAxisLabel", "yAxisLabel", "autoScale", "timeline", "gradient", "showGridLines", "curve", "activeEntries", "schemeType", "rangeFillOpacity", "trimXAxisTicks", "trimYAxisTicks", "rotateXAxisTicks", "maxXAxisTickLength", "maxYAxisTickLength", "xAxisTickFormatting", "yAxisTickFormatting", "xAxisTicks", "yAxisTicks", "roundDomains", "tooltipDisabled", "showRefLines", "referenceLines", "showRefLabels", "xScaleMin", "xScaleMax", "yScaleMin", "yScaleMax"], outputs: ["activate", "deactivate"] }], directives: [{ type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LineChartCardComponent, decorators: [{
             type: Component,
             args: [{ 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}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.DashboardResourceService }, { type: i2.TranslateService }, { type: i1.LoggerService }]; }, propDecorators: { selectEvent: [{

package/esm2020/lib/dashboard/cards/piechart-card/pie-chart-card.component.mjs

@@ -31,9 +31,9 @@ export class PieChartCardComponent extends AbstractCustomCardComponent {
         this.single = [...this.single];
     }
 }
-PieChartCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PieChartCardComponent, deps: [{ token: i0.Injector }, { token: i1.DashboardResourceService }, { token: i2.TranslateService }, { token: i1.LoggerService }], target: i0.ɵɵFactoryTarget.Component });
-PieChartCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PieChartCardComponent, selector: "nc-pie-chart-card", outputs: { selectEvent: "selectEvent" }, usesInheritance: true, ngImport: i0, 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%}\n"], components: [{ type: i3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4.PieChartComponent, selector: "ngx-charts-pie-chart", inputs: ["labels", "legend", "legendTitle", "legendPosition", "explodeSlices", "doughnut", "arcWidth", "gradient", "activeEntries", "tooltipDisabled", "labelFormatting", "trimLabels", "maxLabelLength", "tooltipText", "margins"], outputs: ["dblclick", "select", "activate", "deactivate"] }], directives: [{ type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PieChartCardComponent, decorators: [{
+PieChartCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PieChartCardComponent, deps: [{ token: i0.Injector }, { token: i1.DashboardResourceService }, { token: i2.TranslateService }, { token: i1.LoggerService }], target: i0.ɵɵFactoryTarget.Component });
+PieChartCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PieChartCardComponent, selector: "nc-pie-chart-card", outputs: { selectEvent: "selectEvent" }, usesInheritance: true, ngImport: i0, 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%}\n"], components: [{ type: i3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4.PieChartComponent, selector: "ngx-charts-pie-chart", inputs: ["labels", "legend", "legendTitle", "legendPosition", "explodeSlices", "doughnut", "arcWidth", "gradient", "activeEntries", "tooltipDisabled", "labelFormatting", "trimLabels", "maxLabelLength", "tooltipText", "margins"], outputs: ["dblclick", "select", "activate", "deactivate"] }], directives: [{ type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PieChartCardComponent, decorators: [{
             type: Component,
             args: [{ 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%}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.DashboardResourceService }, { type: i2.TranslateService }, { type: i1.LoggerService }]; }, propDecorators: { selectEvent: [{

package/esm2020/lib/dashboard/cards/portal-card/portal-card.component.mjs

@@ -23,9 +23,9 @@ export class PortalCardComponent extends AbstractCustomCardComponent {
     convertData(json) {
     }
 }
-PortalCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PortalCardComponent, deps: [{ token: i0.Injector }, { token: i1.DashboardResourceService }, { token: i2.TranslateService }, { token: i1.LoggerService }], target: i0.ɵɵFactoryTarget.Component });
-PortalCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PortalCardComponent, selector: "nc-portal-card", inputs: { componentPortal: "componentPortal" }, outputs: { selectEvent: "selectEvent" }, usesInheritance: true, ngImport: i0, 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%}\n"], directives: [{ type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PortalCardComponent, decorators: [{
+PortalCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PortalCardComponent, deps: [{ token: i0.Injector }, { token: i1.DashboardResourceService }, { token: i2.TranslateService }, { token: i1.LoggerService }], target: i0.ɵɵFactoryTarget.Component });
+PortalCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PortalCardComponent, selector: "nc-portal-card", inputs: { componentPortal: "componentPortal" }, outputs: { selectEvent: "selectEvent" }, usesInheritance: true, ngImport: i0, 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%}\n"], directives: [{ type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PortalCardComponent, decorators: [{
             type: Component,
             args: [{ 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%}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.DashboardResourceService }, { type: i2.TranslateService }, { type: i1.LoggerService }]; }, propDecorators: { componentPortal: [{

package/esm2020/lib/dashboard/dashboard-content/dashboard-content.component.mjs

@@ -17,9 +17,9 @@ export class DashboardContentComponent extends AbstractDashboardContentComponent
         this._log = _log;
     }
 }
-DashboardContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DashboardContentComponent, deps: [{ token: i1.LoggerService }], target: i0.ɵɵFactoryTarget.Component });
-DashboardContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DashboardContentComponent, selector: "nc-dashboard-content", usesInheritance: true, ngImport: i0, 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}\n"], components: [{ type: i2.MatGridList, selector: "mat-grid-list", inputs: ["cols", "gutterSize", "rowHeight"], exportAs: ["matGridList"] }, { type: i2.MatGridTile, selector: "mat-grid-tile", inputs: ["rowspan", "colspan"], exportAs: ["matGridTile"] }, { type: i3.CountCardComponent, selector: "nc-count-card" }, { type: i4.IframeCardComponent, selector: "nc-iframe-card" }, { type: i5.PieChartCardComponent, selector: "nc-pie-chart-card", outputs: ["selectEvent"] }, { type: i6.LineChartCardComponent, selector: "nc-line-chart-card", outputs: ["selectEvent"] }, { type: i7.LinearGaugeCardComponent, selector: "nc-linear-gauge-card", outputs: ["selectEvent"] }, { type: i8.BarchartCardComponent, selector: "nc-barchart-card", outputs: ["selectEvent"] }, { type: i9.PortalCardComponent, selector: "nc-portal-card", inputs: ["componentPortal"], outputs: ["selectEvent"] }], directives: [{ type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i10.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DashboardContentComponent, decorators: [{
+DashboardContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DashboardContentComponent, deps: [{ token: i1.LoggerService }], target: i0.ɵɵFactoryTarget.Component });
+DashboardContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DashboardContentComponent, selector: "nc-dashboard-content", usesInheritance: true, ngImport: i0, 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}\n"], components: [{ type: i2.MatGridList, selector: "mat-grid-list", inputs: ["cols", "gutterSize", "rowHeight"], exportAs: ["matGridList"] }, { type: i2.MatGridTile, selector: "mat-grid-tile", inputs: ["rowspan", "colspan"], exportAs: ["matGridTile"] }, { type: i3.CountCardComponent, selector: "nc-count-card" }, { type: i4.IframeCardComponent, selector: "nc-iframe-card" }, { type: i5.PieChartCardComponent, selector: "nc-pie-chart-card", outputs: ["selectEvent"] }, { type: i6.LineChartCardComponent, selector: "nc-line-chart-card", outputs: ["selectEvent"] }, { type: i7.LinearGaugeCardComponent, selector: "nc-linear-gauge-card", outputs: ["selectEvent"] }, { type: i8.BarchartCardComponent, selector: "nc-barchart-card", outputs: ["selectEvent"] }, { type: i9.PortalCardComponent, selector: "nc-portal-card", inputs: ["componentPortal"], outputs: ["selectEvent"] }], directives: [{ type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i10.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DashboardContentComponent, decorators: [{
             type: Component,
             args: [{ 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}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.LoggerService }]; } });