@netgrif/components 6.4.0-rc.8 → 7.0.0-beta.2

package/esm2022/lib/side-menu/content-components/user-assign/side-menu-user-assign-component.module.mjs

@@ -0,0 +1,61 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { UserAssignComponent } from './user-assign.component';
+import { UserAssignItemComponent } from './user-assign-list/user-assign-item/user-assign-item.component';
+import { UserAssignListComponent } from './user-assign-list/user-assign-list.component';
+import { FlexLayoutModule, FlexModule } from '@ngbracket/ngx-layout';
+import { FormsModule } from '@angular/forms';
+import { CovalentModule, MaterialModule, NAE_USER_ASSIGN_COMPONENT, TranslateLibModule, UtilityModule } from '@netgrif/components-core';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i0 from "@angular/core";
+export class SideMenuUserAssignComponentModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideMenuUserAssignComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SideMenuUserAssignComponentModule, declarations: [UserAssignComponent,
+            UserAssignItemComponent,
+            UserAssignListComponent], imports: [CommonModule,
+            MaterialModule,
+            CovalentModule,
+            FlexLayoutModule,
+            FlexModule,
+            FormsModule,
+            TranslateLibModule,
+            MatFormFieldModule,
+            UtilityModule], exports: [UserAssignComponent, UserAssignListComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideMenuUserAssignComponentModule, providers: [
+            { provide: NAE_USER_ASSIGN_COMPONENT, useValue: UserAssignComponent },
+        ], imports: [CommonModule,
+            MaterialModule,
+            CovalentModule,
+            FlexLayoutModule,
+            FlexModule,
+            FormsModule,
+            TranslateLibModule,
+            MatFormFieldModule,
+            UtilityModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideMenuUserAssignComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        UserAssignComponent,
+                        UserAssignItemComponent,
+                        UserAssignListComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        MaterialModule,
+                        CovalentModule,
+                        FlexLayoutModule,
+                        FlexModule,
+                        FormsModule,
+                        TranslateLibModule,
+                        MatFormFieldModule,
+                        UtilityModule
+                    ],
+                    exports: [UserAssignComponent, UserAssignListComponent],
+                    providers: [
+                        { provide: NAE_USER_ASSIGN_COMPONENT, useValue: UserAssignComponent },
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51LXVzZXItYXNzaWduLWNvbXBvbmVudC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zaWRlLW1lbnUvY29udGVudC1jb21wb25lbnRzL3VzZXItYXNzaWduL3NpZGUtbWVudS11c2VyLWFzc2lnbi1jb21wb25lbnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQzVELE9BQU8sRUFBQyx1QkFBdUIsRUFBQyxNQUFNLGdFQUFnRSxDQUFDO0FBQ3ZHLE9BQU8sRUFBQyx1QkFBdUIsRUFBQyxNQUFNLCtDQUErQyxDQUFDO0FBQ3RGLE9BQU8sRUFBQyxnQkFBZ0IsRUFBRSxVQUFVLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQztBQUNuRSxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxFQUNILGNBQWMsRUFDZCxjQUFjLEVBQ2QseUJBQXlCLEVBQ3pCLGtCQUFrQixFQUNsQixhQUFhLEVBQ2hCLE1BQU0sMEJBQTBCLENBQUM7QUFDbEMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7O0FBd0JoRSxNQUFNLE9BQU8saUNBQWlDO3dHQUFqQyxpQ0FBaUM7eUdBQWpDLGlDQUFpQyxpQkFwQnRDLG1CQUFtQjtZQUNuQix1QkFBdUI7WUFDdkIsdUJBQXVCLGFBR3ZCLFlBQVk7WUFDWixjQUFjO1lBQ2QsY0FBYztZQUNkLGdCQUFnQjtZQUNoQixVQUFVO1lBQ1YsV0FBVztZQUNYLGtCQUFrQjtZQUNsQixrQkFBa0I7WUFDbEIsYUFBYSxhQUVQLG1CQUFtQixFQUFFLHVCQUF1Qjt5R0FLN0MsaUNBQWlDLGFBSi9CO1lBQ1AsRUFBRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsUUFBUSxFQUFFLG1CQUFtQixFQUFFO1NBQ3hFLFlBYkcsWUFBWTtZQUNaLGNBQWM7WUFDZCxjQUFjO1lBQ2QsZ0JBQWdCO1lBQ2hCLFVBQVU7WUFDVixXQUFXO1lBQ1gsa0JBQWtCO1lBQ2xCLGtCQUFrQjtZQUNsQixhQUFhOzs0RkFPUixpQ0FBaUM7a0JBdEI3QyxRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRTt3QkFDVixtQkFBbUI7d0JBQ25CLHVCQUF1Qjt3QkFDdkIsdUJBQXVCO3FCQUMxQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixjQUFjO3dCQUNkLGNBQWM7d0JBQ2QsZ0JBQWdCO3dCQUNoQixVQUFVO3dCQUNWLFdBQVc7d0JBQ1gsa0JBQWtCO3dCQUNsQixrQkFBa0I7d0JBQ2xCLGFBQWE7cUJBQ2hCO29CQUNELE9BQU8sRUFBRSxDQUFDLG1CQUFtQixFQUFFLHVCQUF1QixDQUFDO29CQUN2RCxTQUFTLEVBQUU7d0JBQ1AsRUFBRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsUUFBUSxFQUFFLG1CQUFtQixFQUFFO3FCQUN4RTtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1VzZXJBc3NpZ25Db21wb25lbnR9IGZyb20gJy4vdXNlci1hc3NpZ24uY29tcG9uZW50JztcbmltcG9ydCB7VXNlckFzc2lnbkl0ZW1Db21wb25lbnR9IGZyb20gJy4vdXNlci1hc3NpZ24tbGlzdC91c2VyLWFzc2lnbi1pdGVtL3VzZXItYXNzaWduLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7VXNlckFzc2lnbkxpc3RDb21wb25lbnR9IGZyb20gJy4vdXNlci1hc3NpZ24tbGlzdC91c2VyLWFzc2lnbi1saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQge0ZsZXhMYXlvdXRNb2R1bGUsIEZsZXhNb2R1bGV9IGZyb20gJ0BuZ2JyYWNrZXQvbmd4LWxheW91dCc7XG5pbXBvcnQge0Zvcm1zTW9kdWxlfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge1xuICAgIENvdmFsZW50TW9kdWxlLFxuICAgIE1hdGVyaWFsTW9kdWxlLFxuICAgIE5BRV9VU0VSX0FTU0lHTl9DT01QT05FTlQsXG4gICAgVHJhbnNsYXRlTGliTW9kdWxlLFxuICAgIFV0aWxpdHlNb2R1bGVcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7TWF0Rm9ybUZpZWxkTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgVXNlckFzc2lnbkNvbXBvbmVudCxcbiAgICAgICAgVXNlckFzc2lnbkl0ZW1Db21wb25lbnQsXG4gICAgICAgIFVzZXJBc3NpZ25MaXN0Q29tcG9uZW50LFxuICAgIF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIE1hdGVyaWFsTW9kdWxlLFxuICAgICAgICBDb3ZhbGVudE1vZHVsZSxcbiAgICAgICAgRmxleExheW91dE1vZHVsZSxcbiAgICAgICAgRmxleE1vZHVsZSxcbiAgICAgICAgRm9ybXNNb2R1bGUsXG4gICAgICAgIFRyYW5zbGF0ZUxpYk1vZHVsZSxcbiAgICAgICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxuICAgICAgICBVdGlsaXR5TW9kdWxlXG4gICAgXSxcbiAgICBleHBvcnRzOiBbVXNlckFzc2lnbkNvbXBvbmVudCwgVXNlckFzc2lnbkxpc3RDb21wb25lbnRdLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7IHByb3ZpZGU6IE5BRV9VU0VSX0FTU0lHTl9DT01QT05FTlQsIHVzZVZhbHVlOiBVc2VyQXNzaWduQ29tcG9uZW50IH0sXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBTaWRlTWVudVVzZXJBc3NpZ25Db21wb25lbnRNb2R1bGUge1xufVxuIl19

package/esm2022/lib/side-menu/content-components/user-assign/user-assign-list/user-assign-item/user-assign-item.component.mjs

@@ -0,0 +1,22 @@
+import { Component } from '@angular/core';
+import { AbstractUserAssignItemComponent } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@ngbracket/ngx-layout";
+import * as i3 from "@ngbracket/ngx-layout/extended";
+import * as i4 from "@angular/material/icon";
+/**
+ * Includes avatar user icon and full username in the side menu.
+ */
+export class UserAssignItemComponent extends AbstractUserAssignItemComponent {
+    constructor() {
+        super();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserAssignItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UserAssignItemComponent, selector: "nc-user-assign-item", usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"user-item\" [ngClass]=\"{\n            'user-assign-item-selected': (selectedId$ | async) === user.id\n        }\">\n    <mat-icon class=\"icon\">account_circle</mat-icon>\n    <div fxLayout=\"column\">\n        <span>{{user.fullName}}</span>\n        <span>{{user.email}}</span>\n    </div>\n</div>\n", styles: [".user-item{padding:10px 15px;cursor:pointer}.user-item:hover{background-color:#00000024;border-radius:2.5px}.icon{margin-right:16px;height:40px;width:40px;font-size:40px}.email-selected,.email-unselected{font-size:.9em}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.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"] }, { kind: "directive", type: i2.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"] }, { kind: "directive", type: i3.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"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserAssignItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-user-assign-item', template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"user-item\" [ngClass]=\"{\n            'user-assign-item-selected': (selectedId$ | async) === user.id\n        }\">\n    <mat-icon class=\"icon\">account_circle</mat-icon>\n    <div fxLayout=\"column\">\n        <span>{{user.fullName}}</span>\n        <span>{{user.email}}</span>\n    </div>\n</div>\n", styles: [".user-item{padding:10px 15px;cursor:pointer}.user-item:hover{background-color:#00000024;border-radius:2.5px}.icon{margin-right:16px;height:40px;width:40px;font-size:40px}.email-selected,.email-unselected{font-size:.9em}\n"] }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1hc3NpZ24taXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zaWRlLW1lbnUvY29udGVudC1jb21wb25lbnRzL3VzZXItYXNzaWduL3VzZXItYXNzaWduLWxpc3QvdXNlci1hc3NpZ24taXRlbS91c2VyLWFzc2lnbi1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3NpZGUtbWVudS9jb250ZW50LWNvbXBvbmVudHMvdXNlci1hc3NpZ24vdXNlci1hc3NpZ24tbGlzdC91c2VyLWFzc2lnbi1pdGVtL3VzZXItYXNzaWduLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsK0JBQStCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7O0FBRXpFOztHQUVHO0FBTUgsTUFBTSxPQUFPLHVCQUF3QixTQUFRLCtCQUErQjtJQUV4RTtRQUNJLEtBQUssRUFBRSxDQUFDO0lBQ1osQ0FBQzt3R0FKUSx1QkFBdUI7NEZBQXZCLHVCQUF1QixrRkNYcEMsNFdBU0E7OzRGREVhLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDSSxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0VXNlckFzc2lnbkl0ZW1Db21wb25lbnR9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbi8qKlxuICogSW5jbHVkZXMgYXZhdGFyIHVzZXIgaWNvbiBhbmQgZnVsbCB1c2VybmFtZSBpbiB0aGUgc2lkZSBtZW51LlxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXVzZXItYXNzaWduLWl0ZW0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi91c2VyLWFzc2lnbi1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi91c2VyLWFzc2lnbi1pdGVtLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVXNlckFzc2lnbkl0ZW1Db21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFVzZXJBc3NpZ25JdGVtQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cbn1cbiIsIjxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCIgY2xhc3M9XCJ1c2VyLWl0ZW1cIiBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAndXNlci1hc3NpZ24taXRlbS1zZWxlY3RlZCc6IChzZWxlY3RlZElkJCB8IGFzeW5jKSA9PT0gdXNlci5pZFxuICAgICAgICB9XCI+XG4gICAgPG1hdC1pY29uIGNsYXNzPVwiaWNvblwiPmFjY291bnRfY2lyY2xlPC9tYXQtaWNvbj5cbiAgICA8ZGl2IGZ4TGF5b3V0PVwiY29sdW1uXCI+XG4gICAgICAgIDxzcGFuPnt7dXNlci5mdWxsTmFtZX19PC9zcGFuPlxuICAgICAgICA8c3Bhbj57e3VzZXIuZW1haWx9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/side-menu/content-components/user-assign/user-assign-list/user-assign-list.component.mjs

@@ -0,0 +1,28 @@
+import { Component } from '@angular/core';
+import { AbstractUserAssignListComponent } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@netgrif/components-core";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngbracket/ngx-layout";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/material/progress-spinner";
+import * as i6 from "@angular/cdk/scrolling";
+import * as i7 from "./user-assign-item/user-assign-item.component";
+import * as i8 from "@ngx-translate/core";
+/**
+ * Is responsible for displaying, filtering, loading and selecting users.
+ */
+export class UserAssignListComponent extends AbstractUserAssignListComponent {
+    _userListService;
+    constructor(_userListService) {
+        super(_userListService);
+        this._userListService = _userListService;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserAssignListComponent, deps: [{ token: i1.UserListService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UserAssignListComponent, selector: "nc-user-assign-list", usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex>\n    <ng-container *ngIf=\"users$ | async as users\">\n        <div *ngIf=\"!loading && users.length === 0\" fxFlex=\"100\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n            <mat-icon color=\"accent\" class=\"margin-bottom-default\">person_add_disabled</mat-icon>\n            <span class=\"font-size-20\">{{ 'side-menu.user.noUser' | translate }}</span>\n        </div>\n\n        <div class=\"full-height full-width\" fxFlex=\"100\">\n            <cdk-virtual-scroll-viewport itemSize=\"60\" (scrolledIndexChange)=\"loadNextPage()\"\n                                         class=\"full-height full-width\">\n                <nc-user-assign-item\n                    *cdkVirtualFor=\"let user of users;\n                                    trackBy: trackBy;\n                                    templateCacheSize: 0\"\n                    [user]=\"user\"\n                    [selectedId$]=\"selectedUser$\"\n                    (click)=\"select(user)\">\n                </nc-user-assign-item>\n\n                <div *ngIf=\"loading\" fxLayout=\"column\" fxLayoutAlign=\"center center\"\n                     class=\"margin-top-default\">\n                    <mat-spinner color=\"primary\" diameter=\"40\"></mat-spinner>\n                </div>\n            </cdk-virtual-scroll-viewport>\n        </div>\n    </ng-container>\n</div>\n", styles: [".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.font-size-20{font-size:20px}.margin-bottom-default{margin-bottom:8px}.margin-top-default{margin-top:8px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", 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"] }, { kind: "directive", 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"] }, { kind: "directive", 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"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i6.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i6.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i6.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i7.UserAssignItemComponent, selector: "nc-user-assign-item" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserAssignListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-user-assign-list', template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex>\n    <ng-container *ngIf=\"users$ | async as users\">\n        <div *ngIf=\"!loading && users.length === 0\" fxFlex=\"100\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n            <mat-icon color=\"accent\" class=\"margin-bottom-default\">person_add_disabled</mat-icon>\n            <span class=\"font-size-20\">{{ 'side-menu.user.noUser' | translate }}</span>\n        </div>\n\n        <div class=\"full-height full-width\" fxFlex=\"100\">\n            <cdk-virtual-scroll-viewport itemSize=\"60\" (scrolledIndexChange)=\"loadNextPage()\"\n                                         class=\"full-height full-width\">\n                <nc-user-assign-item\n                    *cdkVirtualFor=\"let user of users;\n                                    trackBy: trackBy;\n                                    templateCacheSize: 0\"\n                    [user]=\"user\"\n                    [selectedId$]=\"selectedUser$\"\n                    (click)=\"select(user)\">\n                </nc-user-assign-item>\n\n                <div *ngIf=\"loading\" fxLayout=\"column\" fxLayoutAlign=\"center center\"\n                     class=\"margin-top-default\">\n                    <mat-spinner color=\"primary\" diameter=\"40\"></mat-spinner>\n                </div>\n            </cdk-virtual-scroll-viewport>\n        </div>\n    </ng-container>\n</div>\n", styles: [".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.font-size-20{font-size:20px}.margin-bottom-default{margin-bottom:8px}.margin-top-default{margin-top:8px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.UserListService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1hc3NpZ24tbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zaWRlLW1lbnUvY29udGVudC1jb21wb25lbnRzL3VzZXItYXNzaWduL3VzZXItYXNzaWduLWxpc3QvdXNlci1hc3NpZ24tbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zaWRlLW1lbnUvY29udGVudC1jb21wb25lbnRzL3VzZXItYXNzaWduL3VzZXItYXNzaWduLWxpc3QvdXNlci1hc3NpZ24tbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQywrQkFBK0IsRUFBa0IsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7OztBQUUxRjs7R0FFRztBQU1ILE1BQU0sT0FBTyx1QkFBd0IsU0FBUSwrQkFBK0I7SUFFbEQ7SUFBdEIsWUFBc0IsZ0JBQWlDO1FBQ25ELEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBRE4scUJBQWdCLEdBQWhCLGdCQUFnQixDQUFpQjtJQUV2RCxDQUFDO3dHQUpRLHVCQUF1Qjs0RkFBdkIsdUJBQXVCLGtGQ1hwQywrNENBMkJBOzs0RkRoQmEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNJLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RVc2VyQXNzaWduTGlzdENvbXBvbmVudCwgVXNlckxpc3RTZXJ2aWNlfSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG4vKipcbiAqIElzIHJlc3BvbnNpYmxlIGZvciBkaXNwbGF5aW5nLCBmaWx0ZXJpbmcsIGxvYWRpbmcgYW5kIHNlbGVjdGluZyB1c2Vycy5cbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy11c2VyLWFzc2lnbi1saXN0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdXNlci1hc3NpZ24tbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdXNlci1hc3NpZ24tbGlzdC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFVzZXJBc3NpZ25MaXN0Q29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RVc2VyQXNzaWduTGlzdENvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgX3VzZXJMaXN0U2VydmljZTogVXNlckxpc3RTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKF91c2VyTGlzdFNlcnZpY2UpO1xuICAgIH1cbn1cbiIsIjxkaXYgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCIgZnhGbGV4PlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ1c2VycyQgfCBhc3luYyBhcyB1c2Vyc1wiPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiIWxvYWRpbmcgJiYgdXNlcnMubGVuZ3RoID09PSAwXCIgZnhGbGV4PVwiMTAwXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxuICAgICAgICAgICAgPG1hdC1pY29uIGNvbG9yPVwiYWNjZW50XCIgY2xhc3M9XCJtYXJnaW4tYm90dG9tLWRlZmF1bHRcIj5wZXJzb25fYWRkX2Rpc2FibGVkPC9tYXQtaWNvbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZm9udC1zaXplLTIwXCI+e3sgJ3NpZGUtbWVudS51c2VyLm5vVXNlcicgfCB0cmFuc2xhdGUgfX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJmdWxsLWhlaWdodCBmdWxsLXdpZHRoXCIgZnhGbGV4PVwiMTAwXCI+XG4gICAgICAgICAgICA8Y2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0IGl0ZW1TaXplPVwiNjBcIiAoc2Nyb2xsZWRJbmRleENoYW5nZSk9XCJsb2FkTmV4dFBhZ2UoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZnVsbC1oZWlnaHQgZnVsbC13aWR0aFwiPlxuICAgICAgICAgICAgICAgIDxuYy11c2VyLWFzc2lnbi1pdGVtXG4gICAgICAgICAgICAgICAgICAgICpjZGtWaXJ0dWFsRm9yPVwibGV0IHVzZXIgb2YgdXNlcnM7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0cmFja0J5OiB0cmFja0J5O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGVtcGxhdGVDYWNoZVNpemU6IDBcIlxuICAgICAgICAgICAgICAgICAgICBbdXNlcl09XCJ1c2VyXCJcbiAgICAgICAgICAgICAgICAgICAgW3NlbGVjdGVkSWQkXT1cInNlbGVjdGVkVXNlciRcIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0KHVzZXIpXCI+XG4gICAgICAgICAgICAgICAgPC9uYy11c2VyLWFzc2lnbi1pdGVtPlxuXG4gICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cImxvYWRpbmdcIiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCJcbiAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibWFyZ2luLXRvcC1kZWZhdWx0XCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtc3Bpbm5lciBjb2xvcj1cInByaW1hcnlcIiBkaWFtZXRlcj1cIjQwXCI+PC9tYXQtc3Bpbm5lcj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvY2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuIl19

package/esm2022/lib/side-menu/content-components/user-assign/user-assign.component.mjs

@@ -0,0 +1,38 @@
+import { Component, Inject } from '@angular/core';
+import { AbstractUserAssignComponent, NAE_SIDE_MENU_CONTROL, UserListService } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@ngbracket/ngx-layout";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/material/input";
+import * as i6 from "@angular/material/form-field";
+import * as i7 from "@angular/material/toolbar";
+import * as i8 from "@angular/forms";
+import * as i9 from "./user-assign-list/user-assign-list.component";
+import * as i10 from "@ngx-translate/core";
+import * as i11 from "@netgrif/components-core";
+/**
+ * @deprecated
+ * Is the main - parent component of the entire user assignment in the side menu.
+ *
+ * Holds logic link of the [UserAssignListComponent]{@link UserAssignListComponent}
+ * along with searching, selecting, and then assigning to the user field.
+ */
+export class UserAssignComponent extends AbstractUserAssignComponent {
+    _sideMenuControl;
+    constructor(_sideMenuControl) {
+        super(_sideMenuControl);
+        this._sideMenuControl = _sideMenuControl;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserAssignComponent, deps: [{ token: NAE_SIDE_MENU_CONTROL }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UserAssignComponent, selector: "nc-user-assign", providers: [UserListService], usesInheritance: true, ngImport: i0, template: "<div class=\"full-width full-height\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n    <mat-toolbar color=\"primary\">{{ 'side-menu.user.assign' | translate | uppercase }}</mat-toolbar>\n    <div class=\"user-assign-container side-menu-root\" fxLayout=\"column\" fxFlex>\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"netgrif-input netgrif-input-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                <input matInput placeholder=\"{{ 'side-menu.user.choose' | translate }}\"\n                       [formControl]=\"searchUserControl\">\n                <button mat-button *ngIf=\"searchUserControl.value\" matSuffix mat-icon-button\n                        (click)=\"searchUserControl.setValue('')\">\n                    <mat-icon>close</mat-icon>\n                </button>\n            </mat-form-field>\n        </div>\n\n        <nc-user-assign-list fxFlex\n                             [searchUserControl]=\"searchUserControl\"\n                             [roles]=\"roles\"\n                             [negativeRoles]=\"negativeRoles\"\n                             [initiallySelectedUser]=\"initiallySelectedUser\"\n                             (userSelected)=\"userWasSelected($event)\">\n        </nc-user-assign-list>\n\n        <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n            <button mat-raised-button color=\"primary\"\n                    (click)=\"assign()\">{{ 'tasks.view.assign' | translate | uppercase }}</button>\n        </div>\n    </div>\n</div>\n", styles: [".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.user-assign-container{padding:16px;position:relative}.user-assign-search{width:100%}.search-icon{margin-right:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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"] }, { kind: "directive", type: i2.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"] }, { kind: "directive", type: i2.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"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i7.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i9.UserAssignListComponent, selector: "nc-user-assign-list" }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserAssignComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-user-assign', providers: [UserListService], template: "<div class=\"full-width full-height\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n    <mat-toolbar color=\"primary\">{{ 'side-menu.user.assign' | translate | uppercase }}</mat-toolbar>\n    <div class=\"user-assign-container side-menu-root\" fxLayout=\"column\" fxFlex>\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"netgrif-input netgrif-input-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                <input matInput placeholder=\"{{ 'side-menu.user.choose' | translate }}\"\n                       [formControl]=\"searchUserControl\">\n                <button mat-button *ngIf=\"searchUserControl.value\" matSuffix mat-icon-button\n                        (click)=\"searchUserControl.setValue('')\">\n                    <mat-icon>close</mat-icon>\n                </button>\n            </mat-form-field>\n        </div>\n\n        <nc-user-assign-list fxFlex\n                             [searchUserControl]=\"searchUserControl\"\n                             [roles]=\"roles\"\n                             [negativeRoles]=\"negativeRoles\"\n                             [initiallySelectedUser]=\"initiallySelectedUser\"\n                             (userSelected)=\"userWasSelected($event)\">\n        </nc-user-assign-list>\n\n        <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n            <button mat-raised-button color=\"primary\"\n                    (click)=\"assign()\">{{ 'tasks.view.assign' | translate | uppercase }}</button>\n        </div>\n    </div>\n</div>\n", styles: [".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.user-assign-container{padding:16px;position:relative}.user-assign-search{width:100%}.search-icon{margin-right:10px}\n"] }]
+        }], ctorParameters: () => [{ type: i11.SideMenuControl, decorators: [{
+                    type: Inject,
+                    args: [NAE_SIDE_MENU_CONTROL]
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1hc3NpZ24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvc2lkZS1tZW51L2NvbnRlbnQtY29tcG9uZW50cy91c2VyLWFzc2lnbi91c2VyLWFzc2lnbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zaWRlLW1lbnUvY29udGVudC1jb21wb25lbnRzL3VzZXItYXNzaWduL3VzZXItYXNzaWduLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2hELE9BQU8sRUFBQywyQkFBMkIsRUFBRSxxQkFBcUIsRUFBbUIsZUFBZSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7Ozs7Ozs7QUFFOUg7Ozs7OztHQU1HO0FBT0gsTUFBTSxPQUFPLG1CQUFvQixTQUFRLDJCQUEyQjtJQUNYO0lBQXJELFlBQXFELGdCQUFpQztRQUNsRixLQUFLLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUR5QixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWlCO0lBRXRGLENBQUM7d0dBSFEsbUJBQW1CLGtCQUNSLHFCQUFxQjs0RkFEaEMsbUJBQW1CLHlDQUZqQixDQUFDLGVBQWUsQ0FBQyxpRENkaEMsOG9EQTZCQTs7NEZEYmEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNJLGdCQUFnQixhQUdmLENBQUMsZUFBZSxDQUFDOzswQkFHZixNQUFNOzJCQUFDLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3R9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFVzZXJBc3NpZ25Db21wb25lbnQsIE5BRV9TSURFX01FTlVfQ09OVFJPTCwgU2lkZU1lbnVDb250cm9sLCBVc2VyTGlzdFNlcnZpY2V9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbi8qKlxuICogQGRlcHJlY2F0ZWRcbiAqIElzIHRoZSBtYWluIC0gcGFyZW50IGNvbXBvbmVudCBvZiB0aGUgZW50aXJlIHVzZXIgYXNzaWdubWVudCBpbiB0aGUgc2lkZSBtZW51LlxuICpcbiAqIEhvbGRzIGxvZ2ljIGxpbmsgb2YgdGhlIFtVc2VyQXNzaWduTGlzdENvbXBvbmVudF17QGxpbmsgVXNlckFzc2lnbkxpc3RDb21wb25lbnR9XG4gKiBhbG9uZyB3aXRoIHNlYXJjaGluZywgc2VsZWN0aW5nLCBhbmQgdGhlbiBhc3NpZ25pbmcgdG8gdGhlIHVzZXIgZmllbGQuXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtdXNlci1hc3NpZ24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi91c2VyLWFzc2lnbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdXNlci1hc3NpZ24uY29tcG9uZW50LnNjc3MnXSxcbiAgICBwcm92aWRlcnM6IFtVc2VyTGlzdFNlcnZpY2VdXG59KVxuZXhwb3J0IGNsYXNzIFVzZXJBc3NpZ25Db21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFVzZXJBc3NpZ25Db21wb25lbnQge1xuICAgIGNvbnN0cnVjdG9yKEBJbmplY3QoTkFFX1NJREVfTUVOVV9DT05UUk9MKSBwcm90ZWN0ZWQgX3NpZGVNZW51Q29udHJvbDogU2lkZU1lbnVDb250cm9sKSB7XG4gICAgICAgIHN1cGVyKF9zaWRlTWVudUNvbnRyb2wpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJmdWxsLXdpZHRoIGZ1bGwtaGVpZ2h0XCIgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwic3RhcnQgc3RyZXRjaFwiPlxuICAgIDxtYXQtdG9vbGJhciBjb2xvcj1cInByaW1hcnlcIj57eyAnc2lkZS1tZW51LnVzZXIuYXNzaWduJyB8IHRyYW5zbGF0ZSB8IHVwcGVyY2FzZSB9fTwvbWF0LXRvb2xiYXI+XG4gICAgPGRpdiBjbGFzcz1cInVzZXItYXNzaWduLWNvbnRhaW5lciBzaWRlLW1lbnUtcm9vdFwiIGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhGbGV4PlxuICAgICAgICA8ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIGNsYXNzPVwibmV0Z3JpZi1pbnB1dCBuZXRncmlmLWlucHV0LWZpeFwiPlxuICAgICAgICAgICAgPG1hdC1pY29uIGZ4RmxleCBjbGFzcz1cInNlYXJjaC1pY29uXCI+c2VhcmNoPC9tYXQtaWNvbj5cbiAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBmeEZsZXg9XCIxMDBcIiBjbGFzcz1cInVzZXItYXNzaWduLXNlYXJjaFwiIGNvbG9yPVwicHJpbWFyeVwiIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XG4gICAgICAgICAgICAgICAgPGlucHV0IG1hdElucHV0IHBsYWNlaG9sZGVyPVwie3sgJ3NpZGUtbWVudS51c2VyLmNob29zZScgfCB0cmFuc2xhdGUgfX1cIlxuICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwic2VhcmNoVXNlckNvbnRyb2xcIj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1idXR0b24gKm5nSWY9XCJzZWFyY2hVc2VyQ29udHJvbC52YWx1ZVwiIG1hdFN1ZmZpeCBtYXQtaWNvbi1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWFyY2hVc2VyQ29udHJvbC5zZXRWYWx1ZSgnJylcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uPmNsb3NlPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxuYy11c2VyLWFzc2lnbi1saXN0IGZ4RmxleFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2VhcmNoVXNlckNvbnRyb2xdPVwic2VhcmNoVXNlckNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcm9sZXNdPVwicm9sZXNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmVnYXRpdmVSb2xlc109XCJuZWdhdGl2ZVJvbGVzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2luaXRpYWxseVNlbGVjdGVkVXNlcl09XCJpbml0aWFsbHlTZWxlY3RlZFVzZXJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAodXNlclNlbGVjdGVkKT1cInVzZXJXYXNTZWxlY3RlZCgkZXZlbnQpXCI+XG4gICAgICAgIDwvbmMtdXNlci1hc3NpZ24tbGlzdD5cblxuICAgICAgICA8ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cImVuZCBjZW50ZXJcIj5cbiAgICAgICAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImFzc2lnbigpXCI+e3sgJ3Rhc2tzLnZpZXcuYXNzaWduJyB8IHRyYW5zbGF0ZSB8IHVwcGVyY2FzZSB9fTwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/side-menu/content-components/user-impersonate/side-menu-user-impersonate-component.module.mjs

@@ -0,0 +1,40 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { UserImpersonateComponent } from './user-impersonate.component';
+import { MaterialModule, NAE_USER_IMPERSONATE_COMPONENT, TranslateLibModule } from '@netgrif/components-core';
+import { CaseViewComponentModule } from '../../../view/case-view/case-view.module';
+import { HeaderComponentModule } from '../../../header/header.module';
+import * as i0 from "@angular/core";
+export class SideMenuUserImpersonateComponentModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideMenuUserImpersonateComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SideMenuUserImpersonateComponentModule, declarations: [UserImpersonateComponent], imports: [CommonModule,
+            MaterialModule,
+            TranslateLibModule,
+            CaseViewComponentModule,
+            HeaderComponentModule], exports: [UserImpersonateComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideMenuUserImpersonateComponentModule, providers: [
+            { provide: NAE_USER_IMPERSONATE_COMPONENT, useValue: UserImpersonateComponent }
+        ], imports: [CommonModule,
+            MaterialModule,
+            TranslateLibModule,
+            CaseViewComponentModule,
+            HeaderComponentModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideMenuUserImpersonateComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MaterialModule,
+                        TranslateLibModule,
+                        CaseViewComponentModule,
+                        HeaderComponentModule,
+                    ],
+                    declarations: [UserImpersonateComponent],
+                    exports: [UserImpersonateComponent],
+                    providers: [
+                        { provide: NAE_USER_IMPERSONATE_COMPONENT, useValue: UserImpersonateComponent }
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51LXVzZXItaW1wZXJzb25hdGUtY29tcG9uZW50Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3NpZGUtbWVudS9jb250ZW50LWNvbXBvbmVudHMvdXNlci1pbXBlcnNvbmF0ZS9zaWRlLW1lbnUtdXNlci1pbXBlcnNvbmF0ZS1jb21wb25lbnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLDhCQUE4QixDQUFDO0FBQ3RFLE9BQU8sRUFDSCxjQUFjLEVBQ2QsOEJBQThCLEVBQzlCLGtCQUFrQixFQUNyQixNQUFNLDBCQUEwQixDQUFDO0FBQ2xDLE9BQU8sRUFBQyx1QkFBdUIsRUFBQyxNQUFNLDBDQUEwQyxDQUFDO0FBQ2pGLE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLCtCQUErQixDQUFDOztBQWlCcEUsTUFBTSxPQUFPLHNDQUFzQzt3R0FBdEMsc0NBQXNDO3lHQUF0QyxzQ0FBc0MsaUJBTmhDLHdCQUF3QixhQU5uQyxZQUFZO1lBQ1osY0FBYztZQUNkLGtCQUFrQjtZQUNsQix1QkFBdUI7WUFDdkIscUJBQXFCLGFBR2Ysd0JBQXdCO3lHQUt6QixzQ0FBc0MsYUFKcEM7WUFDUCxFQUFFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxRQUFRLEVBQUUsd0JBQXdCLEVBQUU7U0FDbEYsWUFWRyxZQUFZO1lBQ1osY0FBYztZQUNkLGtCQUFrQjtZQUNsQix1QkFBdUI7WUFDdkIscUJBQXFCOzs0RkFRaEIsc0NBQXNDO2tCQWRsRCxRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2Qsa0JBQWtCO3dCQUNsQix1QkFBdUI7d0JBQ3ZCLHFCQUFxQjtxQkFDeEI7b0JBQ0QsWUFBWSxFQUFFLENBQUMsd0JBQXdCLENBQUM7b0JBQ3hDLE9BQU8sRUFBRSxDQUFDLHdCQUF3QixDQUFDO29CQUNuQyxTQUFTLEVBQUU7d0JBQ1AsRUFBRSxPQUFPLEVBQUUsOEJBQThCLEVBQUUsUUFBUSxFQUFFLHdCQUF3QixFQUFFO3FCQUNsRjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1VzZXJJbXBlcnNvbmF0ZUNvbXBvbmVudH0gZnJvbSAnLi91c2VyLWltcGVyc29uYXRlLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICAgIE1hdGVyaWFsTW9kdWxlLFxuICAgIE5BRV9VU0VSX0lNUEVSU09OQVRFX0NPTVBPTkVOVCxcbiAgICBUcmFuc2xhdGVMaWJNb2R1bGVcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7Q2FzZVZpZXdDb21wb25lbnRNb2R1bGV9IGZyb20gJy4uLy4uLy4uL3ZpZXcvY2FzZS12aWV3L2Nhc2Utdmlldy5tb2R1bGUnO1xuaW1wb3J0IHtIZWFkZXJDb21wb25lbnRNb2R1bGV9IGZyb20gJy4uLy4uLy4uL2hlYWRlci9oZWFkZXIubW9kdWxlJztcblxuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBNYXRlcmlhbE1vZHVsZSxcbiAgICAgICAgVHJhbnNsYXRlTGliTW9kdWxlLFxuICAgICAgICBDYXNlVmlld0NvbXBvbmVudE1vZHVsZSxcbiAgICAgICAgSGVhZGVyQ29tcG9uZW50TW9kdWxlLFxuICAgIF0sXG4gICAgZGVjbGFyYXRpb25zOiBbVXNlckltcGVyc29uYXRlQ29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbVXNlckltcGVyc29uYXRlQ29tcG9uZW50XSxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgeyBwcm92aWRlOiBOQUVfVVNFUl9JTVBFUlNPTkFURV9DT01QT05FTlQsIHVzZVZhbHVlOiBVc2VySW1wZXJzb25hdGVDb21wb25lbnQgfVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgU2lkZU1lbnVVc2VySW1wZXJzb25hdGVDb21wb25lbnRNb2R1bGUge1xufVxuIl19

package/esm2022/lib/side-menu/content-components/user-impersonate/user-impersonate.component.mjs

@@ -0,0 +1,76 @@
+import { Component, Inject, ViewChild } from '@angular/core';
+import { NAE_SIDE_MENU_CONTROL, AbstractUserImpersonateComponent, CaseViewService, AllowedNetsServiceFactory, AllowedNetsService, SearchService, NAE_BASE_FILTER, NAE_DEFAULT_HEADERS, UserImpersonationConstants } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@netgrif/components-core";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngbracket/ngx-layout";
+import * as i4 from "@ngbracket/ngx-layout/extended";
+import * as i5 from "@angular/material/toolbar";
+import * as i6 from "../../../view/case-view/components/case-list/case-list.component";
+import * as i7 from "../../../header/header.component";
+import * as i8 from "@ngx-translate/core";
+function baseFilterFactory(sideMenuControl) {
+    if (!sideMenuControl.data) {
+        throw new Error('NewFilterCaseId was not provided in the side menu injection data');
+    }
+    const injectedData = sideMenuControl.data;
+    return { filter: injectedData.filter };
+}
+function localAllowedNetsFactory(factory) {
+    return factory.createFromArray([UserImpersonationConstants.IMPERSONATION_CONFIG_NET_IDENTIFIER]);
+}
+/**
+ * @deprecated
+ * */
+export class UserImpersonateComponent extends AbstractUserImpersonateComponent {
+    caseHeaderComponent;
+    constructor(sideMenuControl, log, caseViewService) {
+        super(sideMenuControl, caseViewService);
+    }
+    ngAfterViewInit() {
+        this.initializeHeader(this.caseHeaderComponent);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserImpersonateComponent, deps: [{ token: NAE_SIDE_MENU_CONTROL }, { token: i1.LoggerService }, { token: i1.CaseViewService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UserImpersonateComponent, selector: "nc-user-impersonate", providers: [
+            CaseViewService,
+            SearchService,
+            { provide: NAE_BASE_FILTER,
+                useFactory: baseFilterFactory,
+                deps: [NAE_SIDE_MENU_CONTROL] },
+            { provide: AllowedNetsService,
+                useFactory: localAllowedNetsFactory,
+                deps: [AllowedNetsServiceFactory] },
+            { provide: NAE_DEFAULT_HEADERS,
+                useValue: [
+                    `${UserImpersonationConstants.IMPERSONATION_CONFIG_NET_IDENTIFIER}-${UserImpersonationConstants.IMPERSONATION_CONFIG_FIELD_IMPERSONATED}`,
+                    `${UserImpersonationConstants.IMPERSONATION_CONFIG_NET_IDENTIFIER}-${UserImpersonationConstants.IMPERSONATION_CONFIG_FIELD_ROLES}`,
+                    `${UserImpersonationConstants.IMPERSONATION_CONFIG_NET_IDENTIFIER}-${UserImpersonationConstants.IMPERSONATION_CONFIG_FIELD_AUTHS}`,
+                ] }
+        ], viewQueries: [{ propertyName: "caseHeaderComponent", first: true, predicate: ["header"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-toolbar color=\"primary\">{{'side-menu.impersonation.title' | translate}}</mat-toolbar>\n<div class=\"load-filter-container side-menu-root\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n    <nc-header #header [type]=\"headerType\" [maxHeaderColumns]=\"3\" [responsiveHeaders]=\"true\" [hideHeaderMenu]=\"true\" class=\"case-header-padding\" [ngStyle]=\"{'width': getWidth()}\"></nc-header>\n    <nc-case-list [selectedHeaders$]=\"selectedHeaders$\" [showDeleteMenu]=\"false\" [width]=\"getWidth()\"\n                  (caseClick)=\"handleCaseClick($event)\" [responsiveBody]=\"true\" fxFlex [textEllipsis]=\"true\" class=\"virtual-scroll-list-padding\"></nc-case-list>\n</div>\n", styles: [".load-filter-container{height:calc(100% - 64px);padding-left:8px;padding-right:8px}.case-header-padding{padding-bottom:16px;padding-top:4px}.virtual-scroll-list-padding{padding-right:4px}\n"], dependencies: [{ kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", 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"] }, { kind: "directive", 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"] }, { kind: "directive", 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"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i6.CaseListComponent, selector: "nc-case-list" }, { kind: "component", type: i7.HeaderComponent, selector: "nc-header" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserImpersonateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-user-impersonate', providers: [
+                        CaseViewService,
+                        SearchService,
+                        { provide: NAE_BASE_FILTER,
+                            useFactory: baseFilterFactory,
+                            deps: [NAE_SIDE_MENU_CONTROL] },
+                        { provide: AllowedNetsService,
+                            useFactory: localAllowedNetsFactory,
+                            deps: [AllowedNetsServiceFactory] },
+                        { provide: NAE_DEFAULT_HEADERS,
+                            useValue: [
+                                `${UserImpersonationConstants.IMPERSONATION_CONFIG_NET_IDENTIFIER}-${UserImpersonationConstants.IMPERSONATION_CONFIG_FIELD_IMPERSONATED}`,
+                                `${UserImpersonationConstants.IMPERSONATION_CONFIG_NET_IDENTIFIER}-${UserImpersonationConstants.IMPERSONATION_CONFIG_FIELD_ROLES}`,
+                                `${UserImpersonationConstants.IMPERSONATION_CONFIG_NET_IDENTIFIER}-${UserImpersonationConstants.IMPERSONATION_CONFIG_FIELD_AUTHS}`,
+                            ] }
+                    ], template: "<mat-toolbar color=\"primary\">{{'side-menu.impersonation.title' | translate}}</mat-toolbar>\n<div class=\"load-filter-container side-menu-root\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n    <nc-header #header [type]=\"headerType\" [maxHeaderColumns]=\"3\" [responsiveHeaders]=\"true\" [hideHeaderMenu]=\"true\" class=\"case-header-padding\" [ngStyle]=\"{'width': getWidth()}\"></nc-header>\n    <nc-case-list [selectedHeaders$]=\"selectedHeaders$\" [showDeleteMenu]=\"false\" [width]=\"getWidth()\"\n                  (caseClick)=\"handleCaseClick($event)\" [responsiveBody]=\"true\" fxFlex [textEllipsis]=\"true\" class=\"virtual-scroll-list-padding\"></nc-case-list>\n</div>\n", styles: [".load-filter-container{height:calc(100% - 64px);padding-left:8px;padding-right:8px}.case-header-padding{padding-bottom:16px;padding-top:4px}.virtual-scroll-list-padding{padding-right:4px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.SideMenuControl, decorators: [{
+                    type: Inject,
+                    args: [NAE_SIDE_MENU_CONTROL]
+                }] }, { type: i1.LoggerService }, { type: i1.CaseViewService }], propDecorators: { caseHeaderComponent: [{
+                type: ViewChild,
+                args: ['header']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1pbXBlcnNvbmF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zaWRlLW1lbnUvY29udGVudC1jb21wb25lbnRzL3VzZXItaW1wZXJzb25hdGUvdXNlci1pbXBlcnNvbmF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zaWRlLW1lbnUvY29udGVudC1jb21wb25lbnRzL3VzZXItaW1wZXJzb25hdGUvdXNlci1pbXBlcnNvbmF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWdCLFNBQVMsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFDSCxxQkFBcUIsRUFDckIsZ0NBQWdDLEVBR2hDLGVBQWUsRUFFZix5QkFBeUIsRUFDekIsa0JBQWtCLEVBQ2xCLGFBQWEsRUFDYixlQUFlLEVBQ2YsbUJBQW1CLEVBQ25CLDBCQUEwQixFQUU3QixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7O0FBR2xDLFNBQVMsaUJBQWlCLENBQUMsZUFBZ0M7SUFDdkQsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLEVBQUU7UUFDdkIsTUFBTSxJQUFJLEtBQUssQ0FBQyxrRUFBa0UsQ0FBQyxDQUFDO0tBQ3ZGO0lBQ0QsTUFBTSxZQUFZLEdBQUcsZUFBZSxDQUFDLElBQW9DLENBQUM7SUFFMUUsT0FBTyxFQUFDLE1BQU0sRUFBRSxZQUFZLENBQUMsTUFBTSxFQUFDLENBQUM7QUFDekMsQ0FBQztBQUVELFNBQVMsdUJBQXVCLENBQUMsT0FBa0M7SUFDL0QsT0FBTyxPQUFPLENBQUMsZUFBZSxDQUFDLENBQUMsMEJBQTBCLENBQUMsbUNBQW1DLENBQUMsQ0FBQyxDQUFDO0FBQ3JHLENBQUM7QUFFRDs7S0FFSztBQXNCTCxNQUFNLE9BQU8sd0JBQXlCLFNBQVEsZ0NBQWdDO0lBRTlDLG1CQUFtQixDQUFrQjtJQUVqRSxZQUEyQyxlQUFnQyxFQUMvRCxHQUFrQixFQUNsQixlQUFnQztRQUN4QyxLQUFLLENBQUMsZUFBZSxFQUFFLGVBQWUsQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFRCxlQUFlO1FBQ1gsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0lBQ3BELENBQUM7d0dBWlEsd0JBQXdCLGtCQUliLHFCQUFxQjs0RkFKaEMsd0JBQXdCLDhDQWpCdEI7WUFDUCxlQUFlO1lBQ2YsYUFBYTtZQUNiLEVBQUksT0FBTyxFQUFFLGVBQWU7Z0JBQ3hCLFVBQVUsRUFBRSxpQkFBaUI7Z0JBQzdCLElBQUksRUFBRSxDQUFDLHFCQUFxQixDQUFDLEVBQUM7WUFDbEMsRUFBSSxPQUFPLEVBQUUsa0JBQWtCO2dCQUMzQixVQUFVLEVBQUUsdUJBQXVCO2dCQUNuQyxJQUFJLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQyxFQUFDO1lBQ3RDLEVBQUksT0FBTyxFQUFFLG1CQUFtQjtnQkFDNUIsUUFBUSxFQUFFO29CQUNOLEdBQUcsMEJBQTBCLENBQUMsbUNBQW1DLElBQUksMEJBQTBCLENBQUMsdUNBQXVDLEVBQUU7b0JBQ3pJLEdBQUcsMEJBQTBCLENBQUMsbUNBQW1DLElBQUksMEJBQTBCLENBQUMsZ0NBQWdDLEVBQUU7b0JBQ2xJLEdBQUcsMEJBQTBCLENBQUMsbUNBQW1DLElBQUksMEJBQTBCLENBQUMsZ0NBQWdDLEVBQUU7aUJBQ3JJLEVBQUM7U0FDVCxnS0NyREwsc3JCQU1BOzs0RkRpRGEsd0JBQXdCO2tCQXJCcEMsU0FBUzsrQkFDSSxxQkFBcUIsYUFHcEI7d0JBQ1AsZUFBZTt3QkFDZixhQUFhO3dCQUNiLEVBQUksT0FBTyxFQUFFLGVBQWU7NEJBQ3hCLFVBQVUsRUFBRSxpQkFBaUI7NEJBQzdCLElBQUksRUFBRSxDQUFDLHFCQUFxQixDQUFDLEVBQUM7d0JBQ2xDLEVBQUksT0FBTyxFQUFFLGtCQUFrQjs0QkFDM0IsVUFBVSxFQUFFLHVCQUF1Qjs0QkFDbkMsSUFBSSxFQUFFLENBQUMseUJBQXlCLENBQUMsRUFBQzt3QkFDdEMsRUFBSSxPQUFPLEVBQUUsbUJBQW1COzRCQUM1QixRQUFRLEVBQUU7Z0NBQ04sR0FBRywwQkFBMEIsQ0FBQyxtQ0FBbUMsSUFBSSwwQkFBMEIsQ0FBQyx1Q0FBdUMsRUFBRTtnQ0FDekksR0FBRywwQkFBMEIsQ0FBQyxtQ0FBbUMsSUFBSSwwQkFBMEIsQ0FBQyxnQ0FBZ0MsRUFBRTtnQ0FDbEksR0FBRywwQkFBMEIsQ0FBQyxtQ0FBbUMsSUFBSSwwQkFBMEIsQ0FBQyxnQ0FBZ0MsRUFBRTs2QkFDckksRUFBQztxQkFDVDs7MEJBTVksTUFBTTsyQkFBQyxxQkFBcUI7bUdBRmIsbUJBQW1CO3NCQUE5QyxTQUFTO3VCQUFDLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FmdGVyVmlld0luaXQsIENvbXBvbmVudCwgSW5qZWN0LCBWaWV3Q2hpbGR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBOQUVfU0lERV9NRU5VX0NPTlRST0wsXG4gICAgQWJzdHJhY3RVc2VySW1wZXJzb25hdGVDb21wb25lbnQsXG4gICAgU2lkZU1lbnVDb250cm9sLFxuICAgIExvZ2dlclNlcnZpY2UsXG4gICAgQ2FzZVZpZXdTZXJ2aWNlLFxuICAgIEJhc2VGaWx0ZXIsXG4gICAgQWxsb3dlZE5ldHNTZXJ2aWNlRmFjdG9yeSxcbiAgICBBbGxvd2VkTmV0c1NlcnZpY2UsXG4gICAgU2VhcmNoU2VydmljZSxcbiAgICBOQUVfQkFTRV9GSUxURVIsXG4gICAgTkFFX0RFRkFVTFRfSEVBREVSUyxcbiAgICBVc2VySW1wZXJzb25hdGlvbkNvbnN0YW50cyxcbiAgICBVc2VySW1wZXJzb25hdGVJbmplY3Rpb25EYXRhXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge0hlYWRlckNvbXBvbmVudH0gZnJvbSAnLi4vLi4vLi4vaGVhZGVyL2hlYWRlci5jb21wb25lbnQnO1xuXG5mdW5jdGlvbiBiYXNlRmlsdGVyRmFjdG9yeShzaWRlTWVudUNvbnRyb2w6IFNpZGVNZW51Q29udHJvbCk6IEJhc2VGaWx0ZXIge1xuICAgIGlmICghc2lkZU1lbnVDb250cm9sLmRhdGEpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdOZXdGaWx0ZXJDYXNlSWQgd2FzIG5vdCBwcm92aWRlZCBpbiB0aGUgc2lkZSBtZW51IGluamVjdGlvbiBkYXRhJyk7XG4gICAgfVxuICAgIGNvbnN0IGluamVjdGVkRGF0YSA9IHNpZGVNZW51Q29udHJvbC5kYXRhIGFzIFVzZXJJbXBlcnNvbmF0ZUluamVjdGlvbkRhdGE7XG5cbiAgICByZXR1cm4ge2ZpbHRlcjogaW5qZWN0ZWREYXRhLmZpbHRlcn07XG59XG5cbmZ1bmN0aW9uIGxvY2FsQWxsb3dlZE5ldHNGYWN0b3J5KGZhY3Rvcnk6IEFsbG93ZWROZXRzU2VydmljZUZhY3RvcnkpOiBBbGxvd2VkTmV0c1NlcnZpY2Uge1xuICAgIHJldHVybiBmYWN0b3J5LmNyZWF0ZUZyb21BcnJheShbVXNlckltcGVyc29uYXRpb25Db25zdGFudHMuSU1QRVJTT05BVElPTl9DT05GSUdfTkVUX0lERU5USUZJRVJdKTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZFxuICogKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtdXNlci1pbXBlcnNvbmF0ZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3VzZXItaW1wZXJzb25hdGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3VzZXItaW1wZXJzb25hdGUuY29tcG9uZW50LnNjc3MnXSxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgQ2FzZVZpZXdTZXJ2aWNlLFxuICAgICAgICBTZWFyY2hTZXJ2aWNlLFxuICAgICAgICB7ICAgcHJvdmlkZTogTkFFX0JBU0VfRklMVEVSLFxuICAgICAgICAgICAgdXNlRmFjdG9yeTogYmFzZUZpbHRlckZhY3RvcnksXG4gICAgICAgICAgICBkZXBzOiBbTkFFX1NJREVfTUVOVV9DT05UUk9MXX0sXG4gICAgICAgIHsgICBwcm92aWRlOiBBbGxvd2VkTmV0c1NlcnZpY2UsXG4gICAgICAgICAgICB1c2VGYWN0b3J5OiBsb2NhbEFsbG93ZWROZXRzRmFjdG9yeSxcbiAgICAgICAgICAgIGRlcHM6IFtBbGxvd2VkTmV0c1NlcnZpY2VGYWN0b3J5XX0sXG4gICAgICAgIHsgICBwcm92aWRlOiBOQUVfREVGQVVMVF9IRUFERVJTLFxuICAgICAgICAgICAgdXNlVmFsdWU6IFtcbiAgICAgICAgICAgICAgICBgJHtVc2VySW1wZXJzb25hdGlvbkNvbnN0YW50cy5JTVBFUlNPTkFUSU9OX0NPTkZJR19ORVRfSURFTlRJRklFUn0tJHtVc2VySW1wZXJzb25hdGlvbkNvbnN0YW50cy5JTVBFUlNPTkFUSU9OX0NPTkZJR19GSUVMRF9JTVBFUlNPTkFURUR9YCxcbiAgICAgICAgICAgICAgICBgJHtVc2VySW1wZXJzb25hdGlvbkNvbnN0YW50cy5JTVBFUlNPTkFUSU9OX0NPTkZJR19ORVRfSURFTlRJRklFUn0tJHtVc2VySW1wZXJzb25hdGlvbkNvbnN0YW50cy5JTVBFUlNPTkFUSU9OX0NPTkZJR19GSUVMRF9ST0xFU31gLFxuICAgICAgICAgICAgICAgIGAke1VzZXJJbXBlcnNvbmF0aW9uQ29uc3RhbnRzLklNUEVSU09OQVRJT05fQ09ORklHX05FVF9JREVOVElGSUVSfS0ke1VzZXJJbXBlcnNvbmF0aW9uQ29uc3RhbnRzLklNUEVSU09OQVRJT05fQ09ORklHX0ZJRUxEX0FVVEhTfWAsXG4gICAgICAgICAgICBdfVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgVXNlckltcGVyc29uYXRlQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RVc2VySW1wZXJzb25hdGVDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcblxuICAgIEBWaWV3Q2hpbGQoJ2hlYWRlcicpIHB1YmxpYyBjYXNlSGVhZGVyQ29tcG9uZW50OiBIZWFkZXJDb21wb25lbnQ7XG5cbiAgICBjb25zdHJ1Y3RvcihASW5qZWN0KE5BRV9TSURFX01FTlVfQ09OVFJPTCkgc2lkZU1lbnVDb250cm9sOiBTaWRlTWVudUNvbnRyb2wsXG4gICAgICAgICAgICAgICAgbG9nOiBMb2dnZXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIGNhc2VWaWV3U2VydmljZTogQ2FzZVZpZXdTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKHNpZGVNZW51Q29udHJvbCwgY2FzZVZpZXdTZXJ2aWNlKTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaW5pdGlhbGl6ZUhlYWRlcih0aGlzLmNhc2VIZWFkZXJDb21wb25lbnQpO1xuICAgIH1cbn1cbiIsIjxtYXQtdG9vbGJhciBjb2xvcj1cInByaW1hcnlcIj57eydzaWRlLW1lbnUuaW1wZXJzb25hdGlvbi50aXRsZScgfCB0cmFuc2xhdGV9fTwvbWF0LXRvb2xiYXI+XG48ZGl2IGNsYXNzPVwibG9hZC1maWx0ZXItY29udGFpbmVyIHNpZGUtbWVudS1yb290XCIgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwic3RhcnQgc3RyZXRjaFwiPlxuICAgIDxuYy1oZWFkZXIgI2hlYWRlciBbdHlwZV09XCJoZWFkZXJUeXBlXCIgW21heEhlYWRlckNvbHVtbnNdPVwiM1wiIFtyZXNwb25zaXZlSGVhZGVyc109XCJ0cnVlXCIgW2hpZGVIZWFkZXJNZW51XT1cInRydWVcIiBjbGFzcz1cImNhc2UtaGVhZGVyLXBhZGRpbmdcIiBbbmdTdHlsZV09XCJ7J3dpZHRoJzogZ2V0V2lkdGgoKX1cIj48L25jLWhlYWRlcj5cbiAgICA8bmMtY2FzZS1saXN0IFtzZWxlY3RlZEhlYWRlcnMkXT1cInNlbGVjdGVkSGVhZGVycyRcIiBbc2hvd0RlbGV0ZU1lbnVdPVwiZmFsc2VcIiBbd2lkdGhdPVwiZ2V0V2lkdGgoKVwiXG4gICAgICAgICAgICAgICAgICAoY2FzZUNsaWNrKT1cImhhbmRsZUNhc2VDbGljaygkZXZlbnQpXCIgW3Jlc3BvbnNpdmVCb2R5XT1cInRydWVcIiBmeEZsZXggW3RleHRFbGxpcHNpc109XCJ0cnVlXCIgY2xhc3M9XCJ2aXJ0dWFsLXNjcm9sbC1saXN0LXBhZGRpbmdcIj48L25jLWNhc2UtbGlzdD5cbjwvZGl2PlxuIl19

package/esm2022/lib/side-menu/side-menu-container/side-menu-container.component.mjs

@@ -0,0 +1,24 @@
+import { Component } from '@angular/core';
+import { AbstractSideMenuContainerComponent } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@netgrif/components-core";
+import * as i2 from "@ngbracket/ngx-layout/extended";
+import * as i3 from "@angular/material/sidenav";
+import * as i4 from "@angular/cdk/portal";
+/**
+ * @deprecated
+ * */
+export class SideMenuContainerComponent extends AbstractSideMenuContainerComponent {
+    _sideMenuService;
+    constructor(_sideMenuService) {
+        super(_sideMenuService);
+        this._sideMenuService = _sideMenuService;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideMenuContainerComponent, deps: [{ token: i1.SideMenuService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SideMenuContainerComponent, selector: "nc-side-menu-container", usesInheritance: true, ngImport: i0, template: "<mat-sidenav-container class=\"side-menu-container\">\n    <mat-sidenav #rightSideMenu mode=\"over\" position=\"end\" class=\"side-menu\" ngClass.lt-sm=\"side-menu-size-mobile\"\n                 [ngClass.gt-xs]=\"portalWrapper.size\">\n        <ng-template [cdkPortalOutlet]=\"portalWrapper.portal\"></ng-template>\n    </mat-sidenav>\n    <mat-sidenav-content>\n        <ng-content></ng-content>\n    </mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [".side-menu-container{position:absolute;inset:0}.side-menu{border-radius:4px}.side-menu-width-small{width:296px}.side-menu-width-medium{width:400px}.side-menu-width-large{width:496px}.side-menu-width-xl{width:600px}.side-menu-size-mobile{width:246px}\n"], dependencies: [{ kind: "directive", type: i2.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"] }, { kind: "component", type: i3.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i3.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i3.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "directive", type: i4.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideMenuContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-side-menu-container', template: "<mat-sidenav-container class=\"side-menu-container\">\n    <mat-sidenav #rightSideMenu mode=\"over\" position=\"end\" class=\"side-menu\" ngClass.lt-sm=\"side-menu-size-mobile\"\n                 [ngClass.gt-xs]=\"portalWrapper.size\">\n        <ng-template [cdkPortalOutlet]=\"portalWrapper.portal\"></ng-template>\n    </mat-sidenav>\n    <mat-sidenav-content>\n        <ng-content></ng-content>\n    </mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [".side-menu-container{position:absolute;inset:0}.side-menu{border-radius:4px}.side-menu-width-small{width:296px}.side-menu-width-medium{width:400px}.side-menu-width-large{width:496px}.side-menu-width-xl{width:600px}.side-menu-size-mobile{width:246px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.SideMenuService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51LWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zaWRlLW1lbnUvc2lkZS1tZW51LWNvbnRhaW5lci9zaWRlLW1lbnUtY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3NpZGUtbWVudS9zaWRlLW1lbnUtY29udGFpbmVyL3NpZGUtbWVudS1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsa0NBQWtDLEVBQWtCLE1BQU0sMEJBQTBCLENBQUM7Ozs7OztBQUU3Rjs7S0FFSztBQU1MLE1BQU0sT0FBTywwQkFBMkIsU0FBUSxrQ0FBa0M7SUFFakQ7SUFBN0IsWUFBNkIsZ0JBQWlDO1FBQzFELEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBREMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFpQjtJQUU5RCxDQUFDO3dHQUpRLDBCQUEwQjs0RkFBMUIsMEJBQTBCLHFGQ1h2Qyx1Y0FTQTs7NEZERWEsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNJLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RTaWRlTWVudUNvbnRhaW5lckNvbXBvbmVudCwgU2lkZU1lbnVTZXJ2aWNlfSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG4vKipcbiAqIEBkZXByZWNhdGVkXG4gKiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1zaWRlLW1lbnUtY29udGFpbmVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2lkZS1tZW51LWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc2lkZS1tZW51LWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVNZW51Q29udGFpbmVyQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RTaWRlTWVudUNvbnRhaW5lckNvbXBvbmVudCB7XG5cbiAgICBwdWJsaWMgY29uc3RydWN0b3IocHJvdGVjdGVkIF9zaWRlTWVudVNlcnZpY2U6IFNpZGVNZW51U2VydmljZSkge1xuICAgICAgICBzdXBlcihfc2lkZU1lbnVTZXJ2aWNlKTtcbiAgICB9XG59XG4iLCI8bWF0LXNpZGVuYXYtY29udGFpbmVyIGNsYXNzPVwic2lkZS1tZW51LWNvbnRhaW5lclwiPlxuICAgIDxtYXQtc2lkZW5hdiAjcmlnaHRTaWRlTWVudSBtb2RlPVwib3ZlclwiIHBvc2l0aW9uPVwiZW5kXCIgY2xhc3M9XCJzaWRlLW1lbnVcIiBuZ0NsYXNzLmx0LXNtPVwic2lkZS1tZW51LXNpemUtbW9iaWxlXCJcbiAgICAgICAgICAgICAgICAgW25nQ2xhc3MuZ3QteHNdPVwicG9ydGFsV3JhcHBlci5zaXplXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbY2RrUG9ydGFsT3V0bGV0XT1cInBvcnRhbFdyYXBwZXIucG9ydGFsXCI+PC9uZy10ZW1wbGF0ZT5cbiAgICA8L21hdC1zaWRlbmF2PlxuICAgIDxtYXQtc2lkZW5hdi1jb250ZW50PlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9tYXQtc2lkZW5hdi1jb250ZW50PlxuPC9tYXQtc2lkZW5hdi1jb250YWluZXI+XG4iXX0=

package/esm2022/lib/side-menu/side-menu.module.mjs

@@ -0,0 +1,40 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import { PortalModule } from '@angular/cdk/portal';
+import { SideMenuContainerComponent } from './side-menu-container/side-menu-container.component';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MaterialModule } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+export class SideMenuComponentModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideMenuComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SideMenuComponentModule, declarations: [SideMenuContainerComponent], imports: [CommonModule,
+            RouterModule,
+            MaterialModule,
+            MatSidenavModule,
+            PortalModule], exports: [SideMenuContainerComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideMenuComponentModule, imports: [CommonModule,
+            RouterModule,
+            MaterialModule,
+            MatSidenavModule,
+            PortalModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideMenuComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SideMenuContainerComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        MaterialModule,
+                        MatSidenavModule,
+                        PortalModule
+                    ],
+                    exports: [
+                        SideMenuContainerComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3NpZGUtbWVudS9zaWRlLW1lbnUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDakQsT0FBTyxFQUFDLDBCQUEwQixFQUFDLE1BQU0scURBQXFELENBQUM7QUFDL0YsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDM0QsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLDBCQUEwQixDQUFDOztBQWlCeEQsTUFBTSxPQUFPLHVCQUF1Qjt3R0FBdkIsdUJBQXVCO3lHQUF2Qix1QkFBdUIsaUJBYjVCLDBCQUEwQixhQUcxQixZQUFZO1lBQ1osWUFBWTtZQUNaLGNBQWM7WUFDZCxnQkFBZ0I7WUFDaEIsWUFBWSxhQUdaLDBCQUEwQjt5R0FHckIsdUJBQXVCLFlBVjVCLFlBQVk7WUFDWixZQUFZO1lBQ1osY0FBYztZQUNkLGdCQUFnQjtZQUNoQixZQUFZOzs0RkFNUCx1QkFBdUI7a0JBZm5DLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFO3dCQUNWLDBCQUEwQjtxQkFDN0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixjQUFjO3dCQUNkLGdCQUFnQjt3QkFDaEIsWUFBWTtxQkFDZjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsMEJBQTBCO3FCQUM3QjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1JvdXRlck1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7UG9ydGFsTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7U2lkZU1lbnVDb250YWluZXJDb21wb25lbnR9IGZyb20gJy4vc2lkZS1tZW51LWNvbnRhaW5lci9zaWRlLW1lbnUtY29udGFpbmVyLmNvbXBvbmVudCc7XG5pbXBvcnQge01hdFNpZGVuYXZNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NpZGVuYXYnO1xuaW1wb3J0IHtNYXRlcmlhbE1vZHVsZX0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgU2lkZU1lbnVDb250YWluZXJDb21wb25lbnRcbiAgICBdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBSb3V0ZXJNb2R1bGUsXG4gICAgICAgIE1hdGVyaWFsTW9kdWxlLFxuICAgICAgICBNYXRTaWRlbmF2TW9kdWxlLFxuICAgICAgICBQb3J0YWxNb2R1bGVcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgU2lkZU1lbnVDb250YWluZXJDb21wb25lbnRcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVNZW51Q29tcG9uZW50TW9kdWxlIHtcbn1cbiJdfQ==

package/{esm2020 → esm2022}/lib/tabs/tab-creation-detector/tab-creation-detector.component.mjs

@@ -11,11 +11,11 @@ export class TabCreationDetectorComponent extends AbstractTabCreationDetectorCom
     constructor() {
         super();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabCreationDetectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TabCreationDetectorComponent, selector: "nc-tab-creation-detector", usesInheritance: true, ngImport: i0, template: "", styles: [""] });
 }
-TabCreationDetectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TabCreationDetectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TabCreationDetectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TabCreationDetectorComponent, selector: "nc-tab-creation-detector", usesInheritance: true, ngImport: i0, template: "", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TabCreationDetectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabCreationDetectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-tab-creation-detector', template: "", styles: [""] }]
-        }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWNyZWF0aW9uLWRldGVjdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3RhYnMvdGFiLWNyZWF0aW9uLWRldGVjdG9yL3RhYi1jcmVhdGlvbi1kZXRlY3Rvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi90YWJzL3RhYi1jcmVhdGlvbi1kZXRlY3Rvci90YWItY3JlYXRpb24tZGV0ZWN0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsb0NBQW9DLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7QUFFOUU7Ozs7O0dBS0c7QUFNSCxNQUFNLE9BQU8sNEJBQTZCLFNBQVEsb0NBQW9DO0lBQ2xGO1FBQ0ksS0FBSyxFQUFFLENBQUM7SUFDWixDQUFDOzswSEFIUSw0QkFBNEI7OEdBQTVCLDRCQUE0Qix1RkNkekMsRUFBQTs0RkRjYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0ksMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFRhYkNyZWF0aW9uRGV0ZWN0b3JDb21wb25lbnR9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbi8qKlxuICogQGlnbm9yZVxuICogQ2xhc3MgdGhhdCBkZXRlY3RzIHRhYiBjb250ZW50IGNyZWF0aW9uIGFuZCB0aGVuIGluaXRpYWxpemVzIHRoZW4gY2FsbHMgdGhlIHByb3ZpZGVkIGBpbml0aWFsaXplVGFiYCBmdW5jdGlvbi5cbiAqIEl0IGlzIG5lY2Vzc2FyeSBpZiB0aGUgdGFiIGNvbnRlbnQgaXMgbGF6eSBsb2FkZWQsIGJlY2F1c2UgdGhlXG4gKiBDb21wb25lbnRQb3J0YWwncyBvdXRsZXQgbXVzdCBiZSBpbml0aWFsaXplZCBiZWZvcmUgdGhlIFBvcnRhbCBpdHNlbGYgaXMgY3JlYXRlZC5cbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy10YWItY3JlYXRpb24tZGV0ZWN0b3InLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90YWItY3JlYXRpb24tZGV0ZWN0b3IuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RhYi1jcmVhdGlvbi1kZXRlY3Rvci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRhYkNyZWF0aW9uRGV0ZWN0b3JDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFRhYkNyZWF0aW9uRGV0ZWN0b3JDb21wb25lbnQge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cbn1cbiIsIiJdfQ==
+            args: [{ selector: 'nc-tab-creation-detector', template: "" }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWNyZWF0aW9uLWRldGVjdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3RhYnMvdGFiLWNyZWF0aW9uLWRldGVjdG9yL3RhYi1jcmVhdGlvbi1kZXRlY3Rvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi90YWJzL3RhYi1jcmVhdGlvbi1kZXRlY3Rvci90YWItY3JlYXRpb24tZGV0ZWN0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsb0NBQW9DLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7QUFFOUU7Ozs7O0dBS0c7QUFNSCxNQUFNLE9BQU8sNEJBQTZCLFNBQVEsb0NBQW9DO0lBQ2xGO1FBQ0ksS0FBSyxFQUFFLENBQUM7SUFDWixDQUFDO3dHQUhRLDRCQUE0Qjs0RkFBNUIsNEJBQTRCLHVGQ2R6QyxFQUFBOzs0RkRjYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0ksMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFRhYkNyZWF0aW9uRGV0ZWN0b3JDb21wb25lbnR9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbi8qKlxuICogQGlnbm9yZVxuICogQ2xhc3MgdGhhdCBkZXRlY3RzIHRhYiBjb250ZW50IGNyZWF0aW9uIGFuZCB0aGVuIGluaXRpYWxpemVzIHRoZW4gY2FsbHMgdGhlIHByb3ZpZGVkIGBpbml0aWFsaXplVGFiYCBmdW5jdGlvbi5cbiAqIEl0IGlzIG5lY2Vzc2FyeSBpZiB0aGUgdGFiIGNvbnRlbnQgaXMgbGF6eSBsb2FkZWQsIGJlY2F1c2UgdGhlXG4gKiBDb21wb25lbnRQb3J0YWwncyBvdXRsZXQgbXVzdCBiZSBpbml0aWFsaXplZCBiZWZvcmUgdGhlIFBvcnRhbCBpdHNlbGYgaXMgY3JlYXRlZC5cbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy10YWItY3JlYXRpb24tZGV0ZWN0b3InLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90YWItY3JlYXRpb24tZGV0ZWN0b3IuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RhYi1jcmVhdGlvbi1kZXRlY3Rvci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRhYkNyZWF0aW9uRGV0ZWN0b3JDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFRhYkNyZWF0aW9uRGV0ZWN0b3JDb21wb25lbnQge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cbn1cbiIsIiJdfQ==

package/esm2022/lib/tabs/tab-view/tab-view.component.mjs

@@ -0,0 +1,35 @@
+import { Component } from '@angular/core';
+import { AbstractTabViewComponent } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@netgrif/components-core";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/tabs";
+import * as i4 from "@ngbracket/ngx-layout";
+import * as i5 from "@ngbracket/ngx-layout/extended";
+import * as i6 from "@angular/material/badge";
+import * as i7 from "@angular/material/button";
+import * as i8 from "@angular/material/icon";
+import * as i9 from "@angular/cdk/portal";
+import * as i10 from "../tab-creation-detector/tab-creation-detector.component";
+import * as i11 from "@ngx-translate/core";
+/**
+ * Component that renders a tab view.
+ *
+ * See {@link TabView} for the class that holds the logic for this view.
+ */
+export class TabViewComponent extends AbstractTabViewComponent {
+    _viewService;
+    _logger;
+    constructor(_viewService, _logger, injector) {
+        super(_viewService, _logger, injector);
+        this._viewService = _viewService;
+        this._logger = _logger;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabViewComponent, deps: [{ token: i1.ViewService }, { token: i1.LoggerService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TabViewComponent, selector: "nc-tab-view", usesInheritance: true, ngImport: i0, template: "<mat-tab-group [selectedIndex]=\"tabView.selectedIndex.value\"\n               [class.center-tabs]=\"align === 'center'\"\n               [class.end-tabs]=\"align === 'end'\"\n               mat-stretch-tabs=\"false\"\n               (selectedTabChange)=\"tabView.tabChange($event)\" class=\"tab-group\"\n               [class.nae-tab-fill-height]=\"stretch\" fxFlex>\n    <mat-tab *ngFor=\"let tab of tabView.openedTabs; let i=index\" [ngClass]=\"{'label-opacity': i === tabView.selectedIndex.value}\">\n        <ng-template mat-tab-label>\n            <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                    <mat-icon class=\"icon-margin-right\" [ngClass]=\"{'icon-tab-color': i === tabView.selectedIndex.value}\"\n                              *ngIf=\"tab.getIcon() !== undefined\">{{tab.getIcon$()|async}}</mat-icon>\n                    <span class=\"custom-badge\" [matBadge]=\"(badgeCount(tab) | async)\"\n                          [matBadgeHidden]=\"(badgeHidden(tab) | async)\">{{((tab.getText$() | async) | translate) + ((badgeHidden(tab) | async) ? '' : offset)}}</span>\n                </div>\n                <button mat-icon-button *ngIf=\"tab.canBeClosed\" (click)=\"tabView.closeTabIndex(i)\">\n                    <mat-icon [ngClass]=\"{'icon-tab-color': i === tabView.selectedIndex.value}\">clear</mat-icon>\n                </button>\n            </div>\n        </ng-template>\n        <!--        TODO 16.4.2020 - lazy loading of tab contents is disabled for now -->\n        <!--        <ng-template matTabContent>-->\n        <nc-tab-creation-detector [initializeTabFunction]=\"initializeTabLambda\"\n                                  [tabIndex]=\"i\"></nc-tab-creation-detector>\n        <ng-template [ngIf]=\"tab.isTabInitialized\" class=\"full-height\">\n            <ng-template [cdkPortalOutlet]=\"tab.portal\" class=\"full-height\"></ng-template>\n        </ng-template>\n    </mat-tab>\n</mat-tab-group>\n", styles: [".icon-margin-right{margin-right:5px}.full-height{height:100%}.full-width{width:100%}.tab-group{height:100%}.mat-mdc-badge-content{top:-3px!important;right:-24px!important}.custom-badge{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.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"] }, { kind: "directive", type: i5.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"] }, { kind: "directive", type: i6.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i10.TabCreationDetectorComponent, selector: "nc-tab-creation-detector" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-tab-view', template: "<mat-tab-group [selectedIndex]=\"tabView.selectedIndex.value\"\n               [class.center-tabs]=\"align === 'center'\"\n               [class.end-tabs]=\"align === 'end'\"\n               mat-stretch-tabs=\"false\"\n               (selectedTabChange)=\"tabView.tabChange($event)\" class=\"tab-group\"\n               [class.nae-tab-fill-height]=\"stretch\" fxFlex>\n    <mat-tab *ngFor=\"let tab of tabView.openedTabs; let i=index\" [ngClass]=\"{'label-opacity': i === tabView.selectedIndex.value}\">\n        <ng-template mat-tab-label>\n            <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                    <mat-icon class=\"icon-margin-right\" [ngClass]=\"{'icon-tab-color': i === tabView.selectedIndex.value}\"\n                              *ngIf=\"tab.getIcon() !== undefined\">{{tab.getIcon$()|async}}</mat-icon>\n                    <span class=\"custom-badge\" [matBadge]=\"(badgeCount(tab) | async)\"\n                          [matBadgeHidden]=\"(badgeHidden(tab) | async)\">{{((tab.getText$() | async) | translate) + ((badgeHidden(tab) | async) ? '' : offset)}}</span>\n                </div>\n                <button mat-icon-button *ngIf=\"tab.canBeClosed\" (click)=\"tabView.closeTabIndex(i)\">\n                    <mat-icon [ngClass]=\"{'icon-tab-color': i === tabView.selectedIndex.value}\">clear</mat-icon>\n                </button>\n            </div>\n        </ng-template>\n        <!--        TODO 16.4.2020 - lazy loading of tab contents is disabled for now -->\n        <!--        <ng-template matTabContent>-->\n        <nc-tab-creation-detector [initializeTabFunction]=\"initializeTabLambda\"\n                                  [tabIndex]=\"i\"></nc-tab-creation-detector>\n        <ng-template [ngIf]=\"tab.isTabInitialized\" class=\"full-height\">\n            <ng-template [cdkPortalOutlet]=\"tab.portal\" class=\"full-height\"></ng-template>\n        </ng-template>\n    </mat-tab>\n</mat-tab-group>\n", styles: [".icon-margin-right{margin-right:5px}.full-height{height:100%}.full-width{width:100%}.tab-group{height:100%}.mat-mdc-badge-content{top:-3px!important;right:-24px!important}.custom-badge{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ViewService }, { type: i1.LoggerService }, { type: i0.Injector }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvdGFicy90YWItdmlldy90YWItdmlldy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi90YWJzL3RhYi12aWV3L3RhYi12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQVcsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFDLHdCQUF3QixFQUE2QixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7Ozs7O0FBRTlGOzs7O0dBSUc7QUFNSCxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsd0JBQXdCO0lBRXBDO0lBQXFDO0lBQTNELFlBQXNCLFlBQXlCLEVBQVksT0FBc0IsRUFBRSxRQUFrQjtRQUNqRyxLQUFLLENBQUMsWUFBWSxFQUFFLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQztRQURyQixpQkFBWSxHQUFaLFlBQVksQ0FBYTtRQUFZLFlBQU8sR0FBUCxPQUFPLENBQWU7SUFFakYsQ0FBQzt3R0FKUSxnQkFBZ0I7NEZBQWhCLGdCQUFnQiwwRUNiN0IsbS9EQTZCQTs7NEZEaEJhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDSSxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdG9yfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RUYWJWaWV3Q29tcG9uZW50LCBMb2dnZXJTZXJ2aWNlLCBWaWV3U2VydmljZX0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuLyoqXG4gKiBDb21wb25lbnQgdGhhdCByZW5kZXJzIGEgdGFiIHZpZXcuXG4gKlxuICogU2VlIHtAbGluayBUYWJWaWV3fSBmb3IgdGhlIGNsYXNzIHRoYXQgaG9sZHMgdGhlIGxvZ2ljIGZvciB0aGlzIHZpZXcuXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtdGFiLXZpZXcnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90YWItdmlldy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdGFiLXZpZXcuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUYWJWaWV3Q29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RUYWJWaWV3Q29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfdmlld1NlcnZpY2U6IFZpZXdTZXJ2aWNlLCBwcm90ZWN0ZWQgX2xvZ2dlcjogTG9nZ2VyU2VydmljZSwgaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgICAgIHN1cGVyKF92aWV3U2VydmljZSwgX2xvZ2dlciwgaW5qZWN0b3IpO1xuICAgIH1cbn1cbiIsIjxtYXQtdGFiLWdyb3VwIFtzZWxlY3RlZEluZGV4XT1cInRhYlZpZXcuc2VsZWN0ZWRJbmRleC52YWx1ZVwiXG4gICAgICAgICAgICAgICBbY2xhc3MuY2VudGVyLXRhYnNdPVwiYWxpZ24gPT09ICdjZW50ZXInXCJcbiAgICAgICAgICAgICAgIFtjbGFzcy5lbmQtdGFic109XCJhbGlnbiA9PT0gJ2VuZCdcIlxuICAgICAgICAgICAgICAgbWF0LXN0cmV0Y2gtdGFicz1cImZhbHNlXCJcbiAgICAgICAgICAgICAgIChzZWxlY3RlZFRhYkNoYW5nZSk9XCJ0YWJWaWV3LnRhYkNoYW5nZSgkZXZlbnQpXCIgY2xhc3M9XCJ0YWItZ3JvdXBcIlxuICAgICAgICAgICAgICAgW2NsYXNzLm5hZS10YWItZmlsbC1oZWlnaHRdPVwic3RyZXRjaFwiIGZ4RmxleD5cbiAgICA8bWF0LXRhYiAqbmdGb3I9XCJsZXQgdGFiIG9mIHRhYlZpZXcub3BlbmVkVGFiczsgbGV0IGk9aW5kZXhcIiBbbmdDbGFzc109XCJ7J2xhYmVsLW9wYWNpdHknOiBpID09PSB0YWJWaWV3LnNlbGVjdGVkSW5kZXgudmFsdWV9XCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBtYXQtdGFiLWxhYmVsPlxuICAgICAgICAgICAgPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGZ4RmxleCBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwiaWNvbi1tYXJnaW4tcmlnaHRcIiBbbmdDbGFzc109XCJ7J2ljb24tdGFiLWNvbG9yJzogaSA9PT0gdGFiVmlldy5zZWxlY3RlZEluZGV4LnZhbHVlfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cInRhYi5nZXRJY29uKCkgIT09IHVuZGVmaW5lZFwiPnt7dGFiLmdldEljb24kKCl8YXN5bmN9fTwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY3VzdG9tLWJhZGdlXCIgW21hdEJhZGdlXT1cIihiYWRnZUNvdW50KHRhYikgfCBhc3luYylcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbbWF0QmFkZ2VIaWRkZW5dPVwiKGJhZGdlSGlkZGVuKHRhYikgfCBhc3luYylcIj57eygodGFiLmdldFRleHQkKCkgfCBhc3luYykgfCB0cmFuc2xhdGUpICsgKChiYWRnZUhpZGRlbih0YWIpIHwgYXN5bmMpID8gJycgOiBvZmZzZXQpfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gKm5nSWY9XCJ0YWIuY2FuQmVDbG9zZWRcIiAoY2xpY2spPVwidGFiVmlldy5jbG9zZVRhYkluZGV4KGkpXCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBbbmdDbGFzc109XCJ7J2ljb24tdGFiLWNvbG9yJzogaSA9PT0gdGFiVmlldy5zZWxlY3RlZEluZGV4LnZhbHVlfVwiPmNsZWFyPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8IS0tICAgICAgICBUT0RPIDE2LjQuMjAyMCAtIGxhenkgbG9hZGluZyBvZiB0YWIgY29udGVudHMgaXMgZGlzYWJsZWQgZm9yIG5vdyAtLT5cbiAgICAgICAgPCEtLSAgICAgICAgPG5nLXRlbXBsYXRlIG1hdFRhYkNvbnRlbnQ+LS0+XG4gICAgICAgIDxuYy10YWItY3JlYXRpb24tZGV0ZWN0b3IgW2luaXRpYWxpemVUYWJGdW5jdGlvbl09XCJpbml0aWFsaXplVGFiTGFtYmRhXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdGFiSW5kZXhdPVwiaVwiPjwvbmMtdGFiLWNyZWF0aW9uLWRldGVjdG9yPlxuICAgICAgICA8bmctdGVtcGxhdGUgW25nSWZdPVwidGFiLmlzVGFiSW5pdGlhbGl6ZWRcIiBjbGFzcz1cImZ1bGwtaGVpZ2h0XCI+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgW2Nka1BvcnRhbE91dGxldF09XCJ0YWIucG9ydGFsXCIgY2xhc3M9XCJmdWxsLWhlaWdodFwiPjwvbmctdGVtcGxhdGU+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9tYXQtdGFiPlxuPC9tYXQtdGFiLWdyb3VwPlxuIl19