@netgrif/components 6.0.4 → 6.1.0

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

@@ -0,0 +1,36 @@
+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/material/toolbar";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/button";
+import * as i5 from "./user-assign-list/user-assign-list.component";
+import * as i6 from "@angular/flex-layout/flex";
+import * as i7 from "@angular/material/input";
+import * as i8 from "@angular/forms";
+import * as i9 from "@angular/common";
+import * as i10 from "@ngx-translate/core";
+import * as i11 from "@netgrif/components-core";
+/**
+ * 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 {
+    constructor(_sideMenuControl) {
+        super(_sideMenuControl);
+        this._sideMenuControl = _sideMenuControl;
+    }
+}
+UserAssignComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UserAssignComponent, deps: [{ token: NAE_SIDE_MENU_CONTROL }], target: i0.ɵɵFactoryTarget.Component });
+UserAssignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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\">\n            <mat-icon fxFlex class=\"search-icon\">search</mat-icon>\n            <mat-form-field fxFlex=\"100\" class=\"user-assign-search\" color=\"primary\">\n                <input matInput placeholder=\"{{ 'side-menu.user.choose' | translate }}\"\n                       [formControl]=\"searchUserControl\">\n                <button mat-button *ngIf=\"searchUserControl.value\" matSuffix mat-icon-button\n                        (click)=\"searchUserControl.setValue('')\">\n                    <mat-icon>close</mat-icon>\n                </button>\n            </mat-form-field>\n        </div>\n\n        <nc-user-assign-list fxFlex\n                             [searchUserControl]=\"searchUserControl\"\n                             [roles]=\"roles\"\n                             [negativeRoles]=\"negativeRoles\"\n                             [initiallySelectedUser]=\"initiallySelectedUser\"\n                             (userSelected)=\"userWasSelected($event)\">\n        </nc-user-assign-list>\n\n        <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n            <button mat-button color=\"primary\"\n                    (click)=\"assign()\">{{ 'tasks.view.assign' | translate | uppercase }}</button>\n        </div>\n    </div>\n</div>\n", styles: [".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.user-assign-container{padding:16px;position:relative}.user-assign-search{width:100%}.search-icon{margin-right:10px}\n"], components: [{ type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.UserAssignListComponent, selector: "nc-user-assign-list" }], directives: [{ type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: 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]" }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatSuffix, selector: "[matSuffix]" }], pipes: { "uppercase": i9.UpperCasePipe, "translate": i10.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", 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\">\n            <mat-icon fxFlex class=\"search-icon\">search</mat-icon>\n            <mat-form-field fxFlex=\"100\" class=\"user-assign-search\" color=\"primary\">\n                <input matInput placeholder=\"{{ 'side-menu.user.choose' | translate }}\"\n                       [formControl]=\"searchUserControl\">\n                <button mat-button *ngIf=\"searchUserControl.value\" matSuffix mat-icon-button\n                        (click)=\"searchUserControl.setValue('')\">\n                    <mat-icon>close</mat-icon>\n                </button>\n            </mat-form-field>\n        </div>\n\n        <nc-user-assign-list fxFlex\n                             [searchUserControl]=\"searchUserControl\"\n                             [roles]=\"roles\"\n                             [negativeRoles]=\"negativeRoles\"\n                             [initiallySelectedUser]=\"initiallySelectedUser\"\n                             (userSelected)=\"userWasSelected($event)\">\n        </nc-user-assign-list>\n\n        <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n            <button mat-button color=\"primary\"\n                    (click)=\"assign()\">{{ 'tasks.view.assign' | translate | uppercase }}</button>\n        </div>\n    </div>\n</div>\n", styles: [".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.user-assign-container{padding:16px;position:relative}.user-assign-search{width:100%}.search-icon{margin-right:10px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i11.SideMenuControl, decorators: [{
+                    type: Inject,
+                    args: [NAE_SIDE_MENU_CONTROL]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1hc3NpZ24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvc2lkZS1tZW51L2NvbnRlbnQtY29tcG9uZW50cy91c2VyLWFzc2lnbi91c2VyLWFzc2lnbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zaWRlLW1lbnUvY29udGVudC1jb21wb25lbnRzL3VzZXItYXNzaWduL3VzZXItYXNzaWduLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2hELE9BQU8sRUFBQywyQkFBMkIsRUFBRSxxQkFBcUIsRUFBbUIsZUFBZSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7Ozs7Ozs7QUFFOUg7Ozs7O0dBS0c7QUFPSCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsMkJBQTJCO0lBQ2hFLFlBQXFELGdCQUFpQztRQUNsRixLQUFLLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUR5QixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWlCO0lBRXRGLENBQUM7O2lIQUhRLG1CQUFtQixrQkFDUixxQkFBcUI7cUdBRGhDLG1CQUFtQix5Q0FGakIsQ0FBQyxlQUFlLENBQUMsaURDYmhDLHNrREE2QkE7NEZEZGEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNJLGdCQUFnQixhQUdmLENBQUMsZUFBZSxDQUFDOzswQkFHZixNQUFNOzJCQUFDLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3R9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFVzZXJBc3NpZ25Db21wb25lbnQsIE5BRV9TSURFX01FTlVfQ09OVFJPTCwgU2lkZU1lbnVDb250cm9sLCBVc2VyTGlzdFNlcnZpY2V9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbi8qKlxuICogSXMgdGhlIG1haW4gLSBwYXJlbnQgY29tcG9uZW50IG9mIHRoZSBlbnRpcmUgdXNlciBhc3NpZ25tZW50IGluIHRoZSBzaWRlIG1lbnUuXG4gKlxuICogSG9sZHMgbG9naWMgbGluayBvZiB0aGUgW1VzZXJBc3NpZ25MaXN0Q29tcG9uZW50XXtAbGluayBVc2VyQXNzaWduTGlzdENvbXBvbmVudH1cbiAqIGFsb25nIHdpdGggc2VhcmNoaW5nLCBzZWxlY3RpbmcsIGFuZCB0aGVuIGFzc2lnbmluZyB0byB0aGUgdXNlciBmaWVsZC5cbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy11c2VyLWFzc2lnbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3VzZXItYXNzaWduLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi91c2VyLWFzc2lnbi5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW1VzZXJMaXN0U2VydmljZV1cbn0pXG5leHBvcnQgY2xhc3MgVXNlckFzc2lnbkNvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0VXNlckFzc2lnbkNvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IoQEluamVjdChOQUVfU0lERV9NRU5VX0NPTlRST0wpIHByb3RlY3RlZCBfc2lkZU1lbnVDb250cm9sOiBTaWRlTWVudUNvbnRyb2wpIHtcbiAgICAgICAgc3VwZXIoX3NpZGVNZW51Q29udHJvbCk7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZ1bGwtd2lkdGggZnVsbC1oZWlnaHRcIiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBzdHJldGNoXCI+XG4gICAgPG1hdC10b29sYmFyIGNvbG9yPVwicHJpbWFyeVwiPnt7ICdzaWRlLW1lbnUudXNlci5hc3NpZ24nIHwgdHJhbnNsYXRlIHwgdXBwZXJjYXNlIH19PC9tYXQtdG9vbGJhcj5cbiAgICA8ZGl2IGNsYXNzPVwidXNlci1hc3NpZ24tY29udGFpbmVyIHNpZGUtbWVudS1yb290XCIgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeEZsZXg+XG4gICAgICAgIDxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCI+XG4gICAgICAgICAgICA8bWF0LWljb24gZnhGbGV4IGNsYXNzPVwic2VhcmNoLWljb25cIj5zZWFyY2g8L21hdC1pY29uPlxuICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGZ4RmxleD1cIjEwMFwiIGNsYXNzPVwidXNlci1hc3NpZ24tc2VhcmNoXCIgY29sb3I9XCJwcmltYXJ5XCI+XG4gICAgICAgICAgICAgICAgPGlucHV0IG1hdElucHV0IHBsYWNlaG9sZGVyPVwie3sgJ3NpZGUtbWVudS51c2VyLmNob29zZScgfCB0cmFuc2xhdGUgfX1cIlxuICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwic2VhcmNoVXNlckNvbnRyb2xcIj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1idXR0b24gKm5nSWY9XCJzZWFyY2hVc2VyQ29udHJvbC52YWx1ZVwiIG1hdFN1ZmZpeCBtYXQtaWNvbi1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWFyY2hVc2VyQ29udHJvbC5zZXRWYWx1ZSgnJylcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uPmNsb3NlPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxuYy11c2VyLWFzc2lnbi1saXN0IGZ4RmxleFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2VhcmNoVXNlckNvbnRyb2xdPVwic2VhcmNoVXNlckNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcm9sZXNdPVwicm9sZXNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmVnYXRpdmVSb2xlc109XCJuZWdhdGl2ZVJvbGVzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2luaXRpYWxseVNlbGVjdGVkVXNlcl09XCJpbml0aWFsbHlTZWxlY3RlZFVzZXJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAodXNlclNlbGVjdGVkKT1cInVzZXJXYXNTZWxlY3RlZCgkZXZlbnQpXCI+XG4gICAgICAgIDwvbmMtdXNlci1hc3NpZ24tbGlzdD5cblxuICAgICAgICA8ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cImVuZCBjZW50ZXJcIj5cbiAgICAgICAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiYXNzaWduKClcIj57eyAndGFza3Mudmlldy5hc3NpZ24nIHwgdHJhbnNsYXRlIHwgdXBwZXJjYXNlIH19PC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/side-menu/public-api.mjs

@@ -0,0 +1,7 @@
+/* APIS */
+export * from './content-components/public-api';
+/* MODULES */
+export * from './side-menu.module';
+/* COMPONENTS */
+export * from './side-menu-container/side-menu-container.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3NpZGUtbWVudS9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFVBQVU7QUFDVixjQUFjLGlDQUFpQyxDQUFDO0FBRWhELGFBQWE7QUFDYixjQUFjLG9CQUFvQixDQUFDO0FBRW5DLGdCQUFnQjtBQUNoQixjQUFjLHFEQUFxRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyogQVBJUyAqL1xuZXhwb3J0ICogZnJvbSAnLi9jb250ZW50LWNvbXBvbmVudHMvcHVibGljLWFwaSc7XG5cbi8qIE1PRFVMRVMgKi9cbmV4cG9ydCAqIGZyb20gJy4vc2lkZS1tZW51Lm1vZHVsZSc7XG5cbi8qIENPTVBPTkVOVFMgKi9cbmV4cG9ydCAqIGZyb20gJy4vc2lkZS1tZW51LWNvbnRhaW5lci9zaWRlLW1lbnUtY29udGFpbmVyLmNvbXBvbmVudCc7XG5cbiJdfQ==

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

@@ -0,0 +1,20 @@
+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 "@angular/material/sidenav";
+import * as i3 from "@angular/flex-layout/extended";
+import * as i4 from "@angular/cdk/portal";
+export class SideMenuContainerComponent extends AbstractSideMenuContainerComponent {
+    constructor(_sideMenuService) {
+        super(_sideMenuService);
+        this._sideMenuService = _sideMenuService;
+    }
+}
+SideMenuContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SideMenuContainerComponent, deps: [{ token: i1.SideMenuService }], target: i0.ɵɵFactoryTarget.Component });
+SideMenuContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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;top:0;bottom:0;left:0;right:0}.side-menu{border-radius:4px}.side-menu-width-small{width:296px}.side-menu-width-medium{width:400px}.side-menu-width-large{width:496px}.side-menu-size-mobile{width:246px}\n"], components: [{ type: i2.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i2.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i2.MatSidenavContent, selector: "mat-sidenav-content" }], directives: [{ 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"] }, { type: i4.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", 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;top:0;bottom:0;left:0;right:0}.side-menu{border-radius:4px}.side-menu-width-small{width:296px}.side-menu-width-medium{width:400px}.side-menu-width-large{width:496px}.side-menu-size-mobile{width:246px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.SideMenuService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51LWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zaWRlLW1lbnUvc2lkZS1tZW51LWNvbnRhaW5lci9zaWRlLW1lbnUtY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3NpZGUtbWVudS9zaWRlLW1lbnUtY29udGFpbmVyL3NpZGUtbWVudS1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsa0NBQWtDLEVBQWtCLE1BQU0sMEJBQTBCLENBQUM7Ozs7OztBQU83RixNQUFNLE9BQU8sMEJBQTJCLFNBQVEsa0NBQWtDO0lBRTlFLFlBQTZCLGdCQUFpQztRQUMxRCxLQUFLLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQURDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBaUI7SUFFOUQsQ0FBQzs7d0hBSlEsMEJBQTBCOzRHQUExQiwwQkFBMEIscUZDUnZDLHVjQVNBOzRGRERhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDSSx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0U2lkZU1lbnVDb250YWluZXJDb21wb25lbnQsIFNpZGVNZW51U2VydmljZX0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1zaWRlLW1lbnUtY29udGFpbmVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2lkZS1tZW51LWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc2lkZS1tZW51LWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVNZW51Q29udGFpbmVyQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RTaWRlTWVudUNvbnRhaW5lckNvbXBvbmVudCB7XG5cbiAgICBwdWJsaWMgY29uc3RydWN0b3IocHJvdGVjdGVkIF9zaWRlTWVudVNlcnZpY2U6IFNpZGVNZW51U2VydmljZSkge1xuICAgICAgICBzdXBlcihfc2lkZU1lbnVTZXJ2aWNlKTtcbiAgICB9XG59XG4iLCI8bWF0LXNpZGVuYXYtY29udGFpbmVyIGNsYXNzPVwic2lkZS1tZW51LWNvbnRhaW5lclwiPlxuICAgIDxtYXQtc2lkZW5hdiAjcmlnaHRTaWRlTWVudSBtb2RlPVwib3ZlclwiIHBvc2l0aW9uPVwiZW5kXCIgY2xhc3M9XCJzaWRlLW1lbnVcIiBuZ0NsYXNzLmx0LXNtPVwic2lkZS1tZW51LXNpemUtbW9iaWxlXCJcbiAgICAgICAgICAgICAgICAgW25nQ2xhc3MuZ3QteHNdPVwicG9ydGFsV3JhcHBlci5zaXplXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbY2RrUG9ydGFsT3V0bGV0XT1cInBvcnRhbFdyYXBwZXIucG9ydGFsXCI+PC9uZy10ZW1wbGF0ZT5cbiAgICA8L21hdC1zaWRlbmF2PlxuICAgIDxtYXQtc2lkZW5hdi1jb250ZW50PlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9tYXQtc2lkZW5hdi1jb250ZW50PlxuPC9tYXQtc2lkZW5hdi1jb250YWluZXI+XG4iXX0=

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

@@ -0,0 +1,42 @@
+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 {
+}
+SideMenuComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SideMenuComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SideMenuComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SideMenuComponentModule, declarations: [SideMenuContainerComponent], imports: [CommonModule,
+        RouterModule,
+        MaterialModule,
+        MatSidenavModule,
+        PortalModule], exports: [SideMenuContainerComponent] });
+SideMenuComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SideMenuComponentModule, imports: [[
+            CommonModule,
+            RouterModule,
+            MaterialModule,
+            MatSidenavModule,
+            PortalModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SideMenuComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SideMenuContainerComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        MaterialModule,
+                        MatSidenavModule,
+                        PortalModule
+                    ],
+                    exports: [
+                        SideMenuContainerComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3NpZGUtbWVudS9zaWRlLW1lbnUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDakQsT0FBTyxFQUFDLDBCQUEwQixFQUFDLE1BQU0scURBQXFELENBQUM7QUFDL0YsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDM0QsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLDBCQUEwQixDQUFDOztBQWlCeEQsTUFBTSxPQUFPLHVCQUF1Qjs7cUhBQXZCLHVCQUF1QjtzSEFBdkIsdUJBQXVCLGlCQWI1QiwwQkFBMEIsYUFHMUIsWUFBWTtRQUNaLFlBQVk7UUFDWixjQUFjO1FBQ2QsZ0JBQWdCO1FBQ2hCLFlBQVksYUFHWiwwQkFBMEI7c0hBR3JCLHVCQUF1QixZQVh2QjtZQUNMLFlBQVk7WUFDWixZQUFZO1lBQ1osY0FBYztZQUNkLGdCQUFnQjtZQUNoQixZQUFZO1NBQ2Y7NEZBS1EsdUJBQXVCO2tCQWZuQyxRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRTt3QkFDViwwQkFBMEI7cUJBQzdCO29CQUNELE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxnQkFBZ0I7d0JBQ2hCLFlBQVk7cUJBQ2Y7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLDBCQUEwQjtxQkFDN0I7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtSb3V0ZXJNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQge1BvcnRhbE1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XG5pbXBvcnQge1NpZGVNZW51Q29udGFpbmVyQ29tcG9uZW50fSBmcm9tICcuL3NpZGUtbWVudS1jb250YWluZXIvc2lkZS1tZW51LWNvbnRhaW5lci5jb21wb25lbnQnO1xuaW1wb3J0IHtNYXRTaWRlbmF2TW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zaWRlbmF2JztcbmltcG9ydCB7TWF0ZXJpYWxNb2R1bGV9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIFNpZGVNZW51Q29udGFpbmVyQ29tcG9uZW50XG4gICAgXSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgUm91dGVyTW9kdWxlLFxuICAgICAgICBNYXRlcmlhbE1vZHVsZSxcbiAgICAgICAgTWF0U2lkZW5hdk1vZHVsZSxcbiAgICAgICAgUG9ydGFsTW9kdWxlXG4gICAgXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIFNpZGVNZW51Q29udGFpbmVyQ29tcG9uZW50XG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBTaWRlTWVudUNvbXBvbmVudE1vZHVsZSB7XG59XG4iXX0=

package/esm2020/lib/tabs/public-api.mjs

@@ -0,0 +1,4 @@
+export * from './tabs.module';
+export * from './tab-view/tab-view.component';
+export * from './tab-creation-detector/tab-creation-detector.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3RhYnMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMseURBQXlELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3RhYnMubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vdGFiLXZpZXcvdGFiLXZpZXcuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdGFiLWNyZWF0aW9uLWRldGVjdG9yL3RhYi1jcmVhdGlvbi1kZXRlY3Rvci5jb21wb25lbnQnO1xuIl19

package/esm2020/lib/tabs/tab-creation-detector/tab-creation-detector.component.mjs

@@ -0,0 +1,21 @@
+import { Component } from '@angular/core';
+import { AbstractTabCreationDetectorComponent } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+/**
+ * @ignore
+ * Class that detects tab content creation and then initializes then calls the provided `initializeTab` function.
+ * It is necessary if the tab content is lazy loaded, because the
+ * ComponentPortal's outlet must be initialized before the Portal itself is created.
+ */
+export class TabCreationDetectorComponent extends AbstractTabCreationDetectorComponent {
+    constructor() {
+        super();
+    }
+}
+TabCreationDetectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabCreationDetectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TabCreationDetectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TabCreationDetectorComponent, selector: "nc-tab-creation-detector", usesInheritance: true, ngImport: i0, template: "", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabCreationDetectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-tab-creation-detector', template: "", styles: [""] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWNyZWF0aW9uLWRldGVjdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3RhYnMvdGFiLWNyZWF0aW9uLWRldGVjdG9yL3RhYi1jcmVhdGlvbi1kZXRlY3Rvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi90YWJzL3RhYi1jcmVhdGlvbi1kZXRlY3Rvci90YWItY3JlYXRpb24tZGV0ZWN0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsb0NBQW9DLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7QUFFOUU7Ozs7O0dBS0c7QUFNSCxNQUFNLE9BQU8sNEJBQTZCLFNBQVEsb0NBQW9DO0lBQ2xGO1FBQ0ksS0FBSyxFQUFFLENBQUM7SUFDWixDQUFDOzswSEFIUSw0QkFBNEI7OEdBQTVCLDRCQUE0Qix1RkNkekMsRUFBQTs0RkRjYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0ksMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFRhYkNyZWF0aW9uRGV0ZWN0b3JDb21wb25lbnR9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbi8qKlxuICogQGlnbm9yZVxuICogQ2xhc3MgdGhhdCBkZXRlY3RzIHRhYiBjb250ZW50IGNyZWF0aW9uIGFuZCB0aGVuIGluaXRpYWxpemVzIHRoZW4gY2FsbHMgdGhlIHByb3ZpZGVkIGBpbml0aWFsaXplVGFiYCBmdW5jdGlvbi5cbiAqIEl0IGlzIG5lY2Vzc2FyeSBpZiB0aGUgdGFiIGNvbnRlbnQgaXMgbGF6eSBsb2FkZWQsIGJlY2F1c2UgdGhlXG4gKiBDb21wb25lbnRQb3J0YWwncyBvdXRsZXQgbXVzdCBiZSBpbml0aWFsaXplZCBiZWZvcmUgdGhlIFBvcnRhbCBpdHNlbGYgaXMgY3JlYXRlZC5cbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy10YWItY3JlYXRpb24tZGV0ZWN0b3InLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90YWItY3JlYXRpb24tZGV0ZWN0b3IuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RhYi1jcmVhdGlvbi1kZXRlY3Rvci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRhYkNyZWF0aW9uRGV0ZWN0b3JDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFRhYkNyZWF0aW9uRGV0ZWN0b3JDb21wb25lbnQge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cbn1cbiIsIiJdfQ==

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

@@ -0,0 +1,32 @@
+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/material/tabs";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/material/button";
+import * as i5 from "../tab-creation-detector/tab-creation-detector.component";
+import * as i6 from "@angular/flex-layout/flex";
+import * as i7 from "@angular/common";
+import * as i8 from "@angular/material/badge";
+import * as i9 from "@angular/cdk/portal";
+import * as i10 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 {
+    constructor(_viewService, _logger, injector) {
+        super(_viewService, _logger, injector);
+        this._viewService = _viewService;
+        this._logger = _logger;
+    }
+}
+TabViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabViewComponent, deps: [{ token: i1.ViewService }, { token: i1.LoggerService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+TabViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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               (selectedTabChange)=\"tabView.tabChange($event)\" class=\"tab-group\"\n               [class.nae-tab-fill-height]=\"stretch\" fxFlex>\n    <mat-tab *ngFor=\"let tab of tabView.openedTabs; let i=index\">\n        <ng-template mat-tab-label>\n            <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                    <mat-icon class=\"icon-margin-right\"\n                              *ngIf=\"tab.label.icon !== undefined\">{{tab.label.icon}}</mat-icon>\n                    <span class=\"custom-badge\" [matBadge]=\"(badgeCount(tab) | async)\"\n                          [matBadgeHidden]=\"(badgeHidden(tab) | async)\">{{(tab.label.text | translate) + ((badgeHidden(tab) | async) ? '' : offset)}}</span>\n                </div>\n                <button mat-icon-button *ngIf=\"tab.canBeClosed\" (click)=\"tabView.closeTabIndex(i)\">\n                    <mat-icon>clear</mat-icon>\n                </button>\n            </div>\n        </ng-template>\n        <!--        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-badge-content{top:-3px!important;right:-24px!important}.custom-badge .mat-badge-content{width:-moz-fit-content;width:fit-content;min-width:16px;text-align:center;border-radius:8px;padding-left:3px;padding-right:3px}\n"], components: [{ type: i2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.TabCreationDetectorComponent, selector: "nc-tab-creation-detector" }], directives: [{ type: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgeColor", "matBadgeOverlap", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { type: i9.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], pipes: { "async": i7.AsyncPipe, "translate": i10.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", 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               (selectedTabChange)=\"tabView.tabChange($event)\" class=\"tab-group\"\n               [class.nae-tab-fill-height]=\"stretch\" fxFlex>\n    <mat-tab *ngFor=\"let tab of tabView.openedTabs; let i=index\">\n        <ng-template mat-tab-label>\n            <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                    <mat-icon class=\"icon-margin-right\"\n                              *ngIf=\"tab.label.icon !== undefined\">{{tab.label.icon}}</mat-icon>\n                    <span class=\"custom-badge\" [matBadge]=\"(badgeCount(tab) | async)\"\n                          [matBadgeHidden]=\"(badgeHidden(tab) | async)\">{{(tab.label.text | translate) + ((badgeHidden(tab) | async) ? '' : offset)}}</span>\n                </div>\n                <button mat-icon-button *ngIf=\"tab.canBeClosed\" (click)=\"tabView.closeTabIndex(i)\">\n                    <mat-icon>clear</mat-icon>\n                </button>\n            </div>\n        </ng-template>\n        <!--        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-badge-content{top:-3px!important;right:-24px!important}.custom-badge .mat-badge-content{width:-moz-fit-content;width:fit-content;min-width:16px;text-align:center;border-radius:8px;padding-left:3px;padding-right:3px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.ViewService }, { type: i1.LoggerService }, { type: i0.Injector }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvdGFicy90YWItdmlldy90YWItdmlldy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi90YWJzL3RhYi12aWV3L3RhYi12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQVcsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFDLHdCQUF3QixFQUE2QixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7Ozs7QUFFOUY7Ozs7R0FJRztBQU1ILE1BQU0sT0FBTyxnQkFBaUIsU0FBUSx3QkFBd0I7SUFFMUQsWUFBc0IsWUFBeUIsRUFBWSxPQUFzQixFQUFFLFFBQWtCO1FBQ2pHLEtBQUssQ0FBQyxZQUFZLEVBQUUsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBRHJCLGlCQUFZLEdBQVosWUFBWSxDQUFhO1FBQVksWUFBTyxHQUFQLE9BQU8sQ0FBZTtJQUVqRixDQUFDOzs4R0FKUSxnQkFBZ0I7a0dBQWhCLGdCQUFnQiwwRUNiN0IsOHVEQTRCQTs0RkRmYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0ksYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3Rvcn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0VGFiVmlld0NvbXBvbmVudCwgTG9nZ2VyU2VydmljZSwgVmlld1NlcnZpY2V9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbi8qKlxuICogQ29tcG9uZW50IHRoYXQgcmVuZGVycyBhIHRhYiB2aWV3LlxuICpcbiAqIFNlZSB7QGxpbmsgVGFiVmlld30gZm9yIHRoZSBjbGFzcyB0aGF0IGhvbGRzIHRoZSBsb2dpYyBmb3IgdGhpcyB2aWV3LlxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXRhYi12aWV3JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGFiLXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RhYi12aWV3LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGFiVmlld0NvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0VGFiVmlld0NvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgX3ZpZXdTZXJ2aWNlOiBWaWV3U2VydmljZSwgcHJvdGVjdGVkIF9sb2dnZXI6IExvZ2dlclNlcnZpY2UsIGluamVjdG9yOiBJbmplY3Rvcikge1xuICAgICAgICBzdXBlcihfdmlld1NlcnZpY2UsIF9sb2dnZXIsIGluamVjdG9yKTtcbiAgICB9XG59XG4iLCI8bWF0LXRhYi1ncm91cCBbc2VsZWN0ZWRJbmRleF09XCJ0YWJWaWV3LnNlbGVjdGVkSW5kZXgudmFsdWVcIlxuICAgICAgICAgICAgICAgW2NsYXNzLmNlbnRlci10YWJzXT1cImFsaWduID09PSAnY2VudGVyJ1wiXG4gICAgICAgICAgICAgICBbY2xhc3MuZW5kLXRhYnNdPVwiYWxpZ24gPT09ICdlbmQnXCJcbiAgICAgICAgICAgICAgIChzZWxlY3RlZFRhYkNoYW5nZSk9XCJ0YWJWaWV3LnRhYkNoYW5nZSgkZXZlbnQpXCIgY2xhc3M9XCJ0YWItZ3JvdXBcIlxuICAgICAgICAgICAgICAgW2NsYXNzLm5hZS10YWItZmlsbC1oZWlnaHRdPVwic3RyZXRjaFwiIGZ4RmxleD5cbiAgICA8bWF0LXRhYiAqbmdGb3I9XCJsZXQgdGFiIG9mIHRhYlZpZXcub3BlbmVkVGFiczsgbGV0IGk9aW5kZXhcIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIG1hdC10YWItbGFiZWw+XG4gICAgICAgICAgICA8ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiPlxuICAgICAgICAgICAgICAgIDxkaXYgZnhGbGV4IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJpY29uLW1hcmdpbi1yaWdodFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cInRhYi5sYWJlbC5pY29uICE9PSB1bmRlZmluZWRcIj57e3RhYi5sYWJlbC5pY29ufX08L21hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImN1c3RvbS1iYWRnZVwiIFttYXRCYWRnZV09XCIoYmFkZ2VDb3VudCh0YWIpIHwgYXN5bmMpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW21hdEJhZGdlSGlkZGVuXT1cIihiYWRnZUhpZGRlbih0YWIpIHwgYXN5bmMpXCI+e3sodGFiLmxhYmVsLnRleHQgfCB0cmFuc2xhdGUpICsgKChiYWRnZUhpZGRlbih0YWIpIHwgYXN5bmMpID8gJycgOiBvZmZzZXQpfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gKm5nSWY9XCJ0YWIuY2FuQmVDbG9zZWRcIiAoY2xpY2spPVwidGFiVmlldy5jbG9zZVRhYkluZGV4KGkpXCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5jbGVhcjwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgPCEtLSAgICAgICAgVE9ETyAxNi40LjIwMjAgLSBsYXp5IGxvYWRpbmcgb2YgdGFiIGNvbnRlbnRzIGlzIGRpc2FibGVkIGZvciBub3cgLS0+XG4gICAgICAgIDwhLS0gICAgICAgIDxuZy10ZW1wbGF0ZSBtYXRUYWJDb250ZW50Pi0tPlxuICAgICAgICA8bmMtdGFiLWNyZWF0aW9uLWRldGVjdG9yIFtpbml0aWFsaXplVGFiRnVuY3Rpb25dPVwiaW5pdGlhbGl6ZVRhYkxhbWJkYVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3RhYkluZGV4XT1cImlcIj48L25jLXRhYi1jcmVhdGlvbi1kZXRlY3Rvcj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ0lmXT1cInRhYi5pc1RhYkluaXRpYWxpemVkXCIgY2xhc3M9XCJmdWxsLWhlaWdodFwiPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtjZGtQb3J0YWxPdXRsZXRdPVwidGFiLnBvcnRhbFwiIGNsYXNzPVwiZnVsbC1oZWlnaHRcIj48L25nLXRlbXBsYXRlPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvbWF0LXRhYj5cbjwvbWF0LXRhYi1ncm91cD5cbiJdfQ==

package/esm2020/lib/tabs/tabs.module.mjs

@@ -0,0 +1,44 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { TabViewComponent } from './tab-view/tab-view.component';
+import { MatTabsModule } from '@angular/material/tabs';
+import { TabCreationDetectorComponent } from './tab-creation-detector/tab-creation-detector.component';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import { MaterialModule, TranslateLibModule } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+export class TabsComponentModule {
+}
+TabsComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabsComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TabsComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabsComponentModule, declarations: [TabViewComponent,
+        TabCreationDetectorComponent], imports: [CommonModule,
+        MatTabsModule,
+        MaterialModule,
+        FlexLayoutModule,
+        TranslateLibModule], exports: [TabViewComponent] });
+TabsComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabsComponentModule, imports: [[
+            CommonModule,
+            MatTabsModule,
+            MaterialModule,
+            FlexLayoutModule,
+            TranslateLibModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabsComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TabViewComponent,
+                        TabCreationDetectorComponent,
+                    ],
+                    exports: [
+                        TabViewComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatTabsModule,
+                        MaterialModule,
+                        FlexLayoutModule,
+                        TranslateLibModule,
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi90YWJzL3RhYnMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBQy9ELE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNyRCxPQUFPLEVBQUMsNEJBQTRCLEVBQUMsTUFBTSx5REFBeUQsQ0FBQztBQUNyRyxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQUN0RCxPQUFPLEVBQUMsY0FBYyxFQUFFLGtCQUFrQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7O0FBbUI1RSxNQUFNLE9BQU8sbUJBQW1COztpSEFBbkIsbUJBQW1CO2tIQUFuQixtQkFBbUIsaUJBZHhCLGdCQUFnQjtRQUNoQiw0QkFBNEIsYUFNNUIsWUFBWTtRQUNaLGFBQWE7UUFDYixjQUFjO1FBQ2QsZ0JBQWdCO1FBQ2hCLGtCQUFrQixhQVBsQixnQkFBZ0I7a0hBVVgsbUJBQW1CLFlBUm5CO1lBQ0wsWUFBWTtZQUNaLGFBQWE7WUFDYixjQUFjO1lBQ2QsZ0JBQWdCO1lBQ2hCLGtCQUFrQjtTQUNyQjs0RkFFUSxtQkFBbUI7a0JBaEIvQixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRTt3QkFDVixnQkFBZ0I7d0JBQ2hCLDRCQUE0QjtxQkFDL0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLGdCQUFnQjtxQkFDbkI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixjQUFjO3dCQUNkLGdCQUFnQjt3QkFDaEIsa0JBQWtCO3FCQUNyQjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1RhYlZpZXdDb21wb25lbnR9IGZyb20gJy4vdGFiLXZpZXcvdGFiLXZpZXcuY29tcG9uZW50JztcbmltcG9ydCB7TWF0VGFic01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdGFicyc7XG5pbXBvcnQge1RhYkNyZWF0aW9uRGV0ZWN0b3JDb21wb25lbnR9IGZyb20gJy4vdGFiLWNyZWF0aW9uLWRldGVjdG9yL3RhYi1jcmVhdGlvbi1kZXRlY3Rvci5jb21wb25lbnQnO1xuaW1wb3J0IHtGbGV4TGF5b3V0TW9kdWxlfSBmcm9tICdAYW5ndWxhci9mbGV4LWxheW91dCc7XG5pbXBvcnQge01hdGVyaWFsTW9kdWxlLCBUcmFuc2xhdGVMaWJNb2R1bGV9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgVGFiVmlld0NvbXBvbmVudCxcbiAgICAgICAgVGFiQ3JlYXRpb25EZXRlY3RvckNvbXBvbmVudCxcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgVGFiVmlld0NvbXBvbmVudCxcbiAgICBdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBNYXRUYWJzTW9kdWxlLFxuICAgICAgICBNYXRlcmlhbE1vZHVsZSxcbiAgICAgICAgRmxleExheW91dE1vZHVsZSxcbiAgICAgICAgVHJhbnNsYXRlTGliTW9kdWxlLFxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgVGFic0NvbXBvbmVudE1vZHVsZSB7XG59XG4iXX0=

package/esm2020/lib/task-content/field-component-resolver/field-component-resolver.component.mjs

@@ -0,0 +1,32 @@
+import { Component } from '@angular/core';
+import { AbstractFieldComponentResolverComponent } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@netgrif/components-core";
+import * as i2 from "../../data-fields/boolean-field/boolean-field.component";
+import * as i3 from "../../data-fields/text-field/text-field.component";
+import * as i4 from "../../data-fields/number-field/number-field.component";
+import * as i5 from "../../data-fields/enumeration-field/enumeration-field.component";
+import * as i6 from "../../data-fields/multichoice-field/multichoice-field.component";
+import * as i7 from "../../data-fields/date-field/date-field.component";
+import * as i8 from "../../data-fields/date-time-field/date-time-field.component";
+import * as i9 from "../../data-fields/file-field/file-field.component";
+import * as i10 from "../../data-fields/file-field-list/file-list-field.component";
+import * as i11 from "../../data-fields/user-field/user-field.component";
+import * as i12 from "../../data-fields/button-field/button-field.component";
+import * as i13 from "../../data-fields/filter-field/filter-field.component";
+import * as i14 from "../../data-fields/i18n-field/i18n-field.component";
+import * as i15 from "@angular/flex-layout/flex";
+import * as i16 from "@angular/common";
+import * as i17 from "@angular/flex-layout/extended";
+export class FieldComponentResolverComponent extends AbstractFieldComponentResolverComponent {
+    constructor(taskContentService) {
+        super(taskContentService);
+    }
+}
+FieldComponentResolverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FieldComponentResolverComponent, deps: [{ token: i1.TaskContentService }], target: i0.ɵɵFactoryTarget.Component });
+FieldComponentResolverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FieldComponentResolverComponent, selector: "nc-field-component-resolver", usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" [ngSwitch]=\"getElementType()\"\n     [ngClass]=\"{'min-row-height': isField() && !isCustomHeight()}\">\n    <nc-boolean-field *ngSwitchCase=\"fieldTypeEnum.BOOLEAN\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-boolean-field>\n\n    <nc-text-field *ngSwitchCase=\"fieldTypeEnum.TEXT\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-text-field>\n\n    <nc-number-field *ngSwitchCase=\"fieldTypeEnum.NUMBER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-number-field>\n\n    <nc-enumeration-field *ngSwitchCase=\"fieldTypeEnum.ENUMERATION\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-enumeration-field>\n\n    <nc-enumeration-field *ngSwitchCase=\"fieldTypeEnum.ENUMERATION_MAP\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-enumeration-field>\n\n    <nc-multichoice-field *ngSwitchCase=\"fieldTypeEnum.MULTICHOICE\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-multichoice-field>\n\n    <nc-multichoice-field *ngSwitchCase=\"fieldTypeEnum.MULTICHOICE_MAP\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-multichoice-field>\n\n    <nc-date-field *ngSwitchCase=\"fieldTypeEnum.DATE\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-date-field>\n\n    <nc-date-time-field *ngSwitchCase=\"fieldTypeEnum.DATE_TIME\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-date-time-field>\n\n    <nc-file-field *ngSwitchCase=\"fieldTypeEnum.FILE\" [dataField]=\"getDataField()\" [taskId]=\"getTaskId()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-file-field>\n\n    <nc-file-list-field *ngSwitchCase=\"fieldTypeEnum.FILE_LIST\" [dataField]=\"getDataField()\" [taskId]=\"getTaskId()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-file-list-field>\n\n    <nc-user-field *ngSwitchCase=\"fieldTypeEnum.USER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-user-field>\n\n    <nc-button-field *ngSwitchCase=\"fieldTypeEnum.BUTTON\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-button-field>\n\n    <nc-filter-field *ngSwitchCase=\"fieldTypeEnum.FILTER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex=\"\">\n    </nc-filter-field>\n\n    <nc-i18n-field *ngSwitchCase=\"fieldTypeEnum.I18N\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-i18n-field>\n\n    <div *ngSwitchCase=\"taskElementEnum.DATA_GROUP_TITLE\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <div fxFlex=\"20\" class=\"line-datagroup\"></div>\n        <span [ngClass]=\"{'margin-default': getDataGroupTitle() !== ''}\">{{getDataGroupTitle()}}</span>\n        <div fxFlex class=\"line-datagroup\"></div>\n    </div>\n\n    <div *ngSwitchCase=\"taskElementEnum.LOADER\" class=\"min-row-height\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <div class=\"phl-item\">\n            <div class=\"phl-row\" fxLayoutAlign=\"center center\">\n                <div class=\"phl-col\">\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <div *ngSwitchCase=\"taskElementEnum.BLANK\"></div>\n</div>\n", styles: [".line-datagroup{height:1px;background:rgba(0,0,0,.12)}.margin-default{margin-right:8px;margin-left:8px}.min-row-height{min-height:105px}.phl-row{width:100%;flex-wrap:wrap}.phl-col{height:70px;flex:0 0 90%;background-color:#ced4da;border-radius:8px}.phl-item{width:100%;position:relative;display:flex;flex-wrap:wrap;overflow:hidden;background-color:#fff}.phl-item:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer 1s infinite;content:\"\"}@keyframes shimmer{to{transform:translate(100%)}}.phl-item,.phl-item *,.phl-item:after,.phl-item:before{box-sizing:border-box}\n"], components: [{ type: i2.BooleanFieldComponent, selector: "nc-boolean-field" }, { type: i3.TextFieldComponent, selector: "nc-text-field" }, { type: i4.NumberFieldComponent, selector: "nc-number-field" }, { type: i5.EnumerationFieldComponent, selector: "nc-enumeration-field" }, { type: i6.MultichoiceFieldComponent, selector: "nc-multichoice-field" }, { type: i7.DateFieldComponent, selector: "nc-date-field" }, { type: i8.DateTimeFieldComponent, selector: "nc-date-time-field" }, { type: i9.FileFieldComponent, selector: "nc-file-field" }, { type: i10.FileListFieldComponent, selector: "nc-file-list-field" }, { type: i11.UserFieldComponent, selector: "nc-user-field" }, { type: i12.ButtonFieldComponent, selector: "nc-button-field" }, { type: i13.FilterFieldComponent, selector: "nc-filter-field" }, { type: i14.I18nFieldComponent, selector: "nc-i18n-field" }], directives: [{ type: i15.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i15.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i16.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i16.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i17.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i16.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i15.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FieldComponentResolverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-field-component-resolver', template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" [ngSwitch]=\"getElementType()\"\n     [ngClass]=\"{'min-row-height': isField() && !isCustomHeight()}\">\n    <nc-boolean-field *ngSwitchCase=\"fieldTypeEnum.BOOLEAN\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-boolean-field>\n\n    <nc-text-field *ngSwitchCase=\"fieldTypeEnum.TEXT\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-text-field>\n\n    <nc-number-field *ngSwitchCase=\"fieldTypeEnum.NUMBER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-number-field>\n\n    <nc-enumeration-field *ngSwitchCase=\"fieldTypeEnum.ENUMERATION\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-enumeration-field>\n\n    <nc-enumeration-field *ngSwitchCase=\"fieldTypeEnum.ENUMERATION_MAP\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-enumeration-field>\n\n    <nc-multichoice-field *ngSwitchCase=\"fieldTypeEnum.MULTICHOICE\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-multichoice-field>\n\n    <nc-multichoice-field *ngSwitchCase=\"fieldTypeEnum.MULTICHOICE_MAP\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-multichoice-field>\n\n    <nc-date-field *ngSwitchCase=\"fieldTypeEnum.DATE\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-date-field>\n\n    <nc-date-time-field *ngSwitchCase=\"fieldTypeEnum.DATE_TIME\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-date-time-field>\n\n    <nc-file-field *ngSwitchCase=\"fieldTypeEnum.FILE\" [dataField]=\"getDataField()\" [taskId]=\"getTaskId()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-file-field>\n\n    <nc-file-list-field *ngSwitchCase=\"fieldTypeEnum.FILE_LIST\" [dataField]=\"getDataField()\" [taskId]=\"getTaskId()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-file-list-field>\n\n    <nc-user-field *ngSwitchCase=\"fieldTypeEnum.USER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-user-field>\n\n    <nc-button-field *ngSwitchCase=\"fieldTypeEnum.BUTTON\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-button-field>\n\n    <nc-filter-field *ngSwitchCase=\"fieldTypeEnum.FILTER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex=\"\">\n    </nc-filter-field>\n\n    <nc-i18n-field *ngSwitchCase=\"fieldTypeEnum.I18N\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-i18n-field>\n\n    <div *ngSwitchCase=\"taskElementEnum.DATA_GROUP_TITLE\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <div fxFlex=\"20\" class=\"line-datagroup\"></div>\n        <span [ngClass]=\"{'margin-default': getDataGroupTitle() !== ''}\">{{getDataGroupTitle()}}</span>\n        <div fxFlex class=\"line-datagroup\"></div>\n    </div>\n\n    <div *ngSwitchCase=\"taskElementEnum.LOADER\" class=\"min-row-height\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <div class=\"phl-item\">\n            <div class=\"phl-row\" fxLayoutAlign=\"center center\">\n                <div class=\"phl-col\">\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <div *ngSwitchCase=\"taskElementEnum.BLANK\"></div>\n</div>\n", styles: [".line-datagroup{height:1px;background:rgba(0,0,0,.12)}.margin-default{margin-right:8px;margin-left:8px}.min-row-height{min-height:105px}.phl-row{width:100%;flex-wrap:wrap}.phl-col{height:70px;flex:0 0 90%;background-color:#ced4da;border-radius:8px}.phl-item{width:100%;position:relative;display:flex;flex-wrap:wrap;overflow:hidden;background-color:#fff}.phl-item:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer 1s infinite;content:\"\"}@keyframes shimmer{to{transform:translate(100%)}}.phl-item,.phl-item *,.phl-item:after,.phl-item:before{box-sizing:border-box}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TaskContentService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtY29tcG9uZW50LXJlc29sdmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3Rhc2stY29udGVudC9maWVsZC1jb21wb25lbnQtcmVzb2x2ZXIvZmllbGQtY29tcG9uZW50LXJlc29sdmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3Rhc2stY29udGVudC9maWVsZC1jb21wb25lbnQtcmVzb2x2ZXIvZmllbGQtY29tcG9uZW50LXJlc29sdmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDeEMsT0FBTyxFQUFDLHVDQUF1QyxFQUFxQixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBT3JHLE1BQU0sT0FBTywrQkFBZ0MsU0FBUSx1Q0FBdUM7SUFFeEYsWUFBWSxrQkFBc0M7UUFDOUMsS0FBSyxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFDOUIsQ0FBQzs7NkhBSlEsK0JBQStCO2lIQUEvQiwrQkFBK0IsMEZDUjVDLGszR0FnRUE7NEZEeERhLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDSSw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0RmllbGRDb21wb25lbnRSZXNvbHZlckNvbXBvbmVudCwgVGFza0NvbnRlbnRTZXJ2aWNlfSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLWZpZWxkLWNvbXBvbmVudC1yZXNvbHZlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ZpZWxkLWNvbXBvbmVudC1yZXNvbHZlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZmllbGQtY29tcG9uZW50LXJlc29sdmVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRmllbGRDb21wb25lbnRSZXNvbHZlckNvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RmllbGRDb21wb25lbnRSZXNvbHZlckNvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3Rvcih0YXNrQ29udGVudFNlcnZpY2U6IFRhc2tDb250ZW50U2VydmljZSkge1xuICAgICAgICBzdXBlcih0YXNrQ29udGVudFNlcnZpY2UpO1xuICAgIH1cbn1cbiIsIjxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCIgW25nU3dpdGNoXT1cImdldEVsZW1lbnRUeXBlKClcIlxuICAgICBbbmdDbGFzc109XCJ7J21pbi1yb3ctaGVpZ2h0JzogaXNGaWVsZCgpICYmICFpc0N1c3RvbUhlaWdodCgpfVwiPlxuICAgIDxuYy1ib29sZWFuLWZpZWxkICpuZ1N3aXRjaENhc2U9XCJmaWVsZFR5cGVFbnVtLkJPT0xFQU5cIiBbZGF0YUZpZWxkXT1cImdldERhdGFGaWVsZCgpXCIgW3Rhc2tPZmZzZXRdPVwiZ2V0RmllbGRPZmZzZXQoKVwiIGZ4RmxleD5cbiAgICA8L25jLWJvb2xlYW4tZmllbGQ+XG5cbiAgICA8bmMtdGV4dC1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiZmllbGRUeXBlRW51bS5URVhUXCIgW2RhdGFGaWVsZF09XCJnZXREYXRhRmllbGQoKVwiIFt0YXNrT2Zmc2V0XT1cImdldEZpZWxkT2Zmc2V0KClcIiBmeEZsZXg+XG4gICAgPC9uYy10ZXh0LWZpZWxkPlxuXG4gICAgPG5jLW51bWJlci1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiZmllbGRUeXBlRW51bS5OVU1CRVJcIiBbZGF0YUZpZWxkXT1cImdldERhdGFGaWVsZCgpXCIgW3Rhc2tPZmZzZXRdPVwiZ2V0RmllbGRPZmZzZXQoKVwiIGZ4RmxleD5cbiAgICA8L25jLW51bWJlci1maWVsZD5cblxuICAgIDxuYy1lbnVtZXJhdGlvbi1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiZmllbGRUeXBlRW51bS5FTlVNRVJBVElPTlwiIFtkYXRhRmllbGRdPVwiZ2V0RGF0YUZpZWxkKClcIiBbdGFza09mZnNldF09XCJnZXRGaWVsZE9mZnNldCgpXCIgZnhGbGV4PlxuICAgIDwvbmMtZW51bWVyYXRpb24tZmllbGQ+XG5cbiAgICA8bmMtZW51bWVyYXRpb24tZmllbGQgKm5nU3dpdGNoQ2FzZT1cImZpZWxkVHlwZUVudW0uRU5VTUVSQVRJT05fTUFQXCIgW2RhdGFGaWVsZF09XCJnZXREYXRhRmllbGQoKVwiIFt0YXNrT2Zmc2V0XT1cImdldEZpZWxkT2Zmc2V0KClcIiBmeEZsZXg+XG4gICAgPC9uYy1lbnVtZXJhdGlvbi1maWVsZD5cblxuICAgIDxuYy1tdWx0aWNob2ljZS1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiZmllbGRUeXBlRW51bS5NVUxUSUNIT0lDRVwiIFtkYXRhRmllbGRdPVwiZ2V0RGF0YUZpZWxkKClcIiBbdGFza09mZnNldF09XCJnZXRGaWVsZE9mZnNldCgpXCIgZnhGbGV4PlxuICAgIDwvbmMtbXVsdGljaG9pY2UtZmllbGQ+XG5cbiAgICA8bmMtbXVsdGljaG9pY2UtZmllbGQgKm5nU3dpdGNoQ2FzZT1cImZpZWxkVHlwZUVudW0uTVVMVElDSE9JQ0VfTUFQXCIgW2RhdGFGaWVsZF09XCJnZXREYXRhRmllbGQoKVwiIFt0YXNrT2Zmc2V0XT1cImdldEZpZWxkT2Zmc2V0KClcIiBmeEZsZXg+XG4gICAgPC9uYy1tdWx0aWNob2ljZS1maWVsZD5cblxuICAgIDxuYy1kYXRlLWZpZWxkICpuZ1N3aXRjaENhc2U9XCJmaWVsZFR5cGVFbnVtLkRBVEVcIiBbZGF0YUZpZWxkXT1cImdldERhdGFGaWVsZCgpXCIgW3Rhc2tPZmZzZXRdPVwiZ2V0RmllbGRPZmZzZXQoKVwiIGZ4RmxleD5cbiAgICA8L25jLWRhdGUtZmllbGQ+XG5cbiAgICA8bmMtZGF0ZS10aW1lLWZpZWxkICpuZ1N3aXRjaENhc2U9XCJmaWVsZFR5cGVFbnVtLkRBVEVfVElNRVwiIFtkYXRhRmllbGRdPVwiZ2V0RGF0YUZpZWxkKClcIiBbdGFza09mZnNldF09XCJnZXRGaWVsZE9mZnNldCgpXCIgZnhGbGV4PlxuICAgIDwvbmMtZGF0ZS10aW1lLWZpZWxkPlxuXG4gICAgPG5jLWZpbGUtZmllbGQgKm5nU3dpdGNoQ2FzZT1cImZpZWxkVHlwZUVudW0uRklMRVwiIFtkYXRhRmllbGRdPVwiZ2V0RGF0YUZpZWxkKClcIiBbdGFza0lkXT1cImdldFRhc2tJZCgpXCIgW3Rhc2tPZmZzZXRdPVwiZ2V0RmllbGRPZmZzZXQoKVwiIGZ4RmxleD5cbiAgICA8L25jLWZpbGUtZmllbGQ+XG5cbiAgICA8bmMtZmlsZS1saXN0LWZpZWxkICpuZ1N3aXRjaENhc2U9XCJmaWVsZFR5cGVFbnVtLkZJTEVfTElTVFwiIFtkYXRhRmllbGRdPVwiZ2V0RGF0YUZpZWxkKClcIiBbdGFza0lkXT1cImdldFRhc2tJZCgpXCIgW3Rhc2tPZmZzZXRdPVwiZ2V0RmllbGRPZmZzZXQoKVwiIGZ4RmxleD5cbiAgICA8L25jLWZpbGUtbGlzdC1maWVsZD5cblxuICAgIDxuYy11c2VyLWZpZWxkICpuZ1N3aXRjaENhc2U9XCJmaWVsZFR5cGVFbnVtLlVTRVJcIiBbZGF0YUZpZWxkXT1cImdldERhdGFGaWVsZCgpXCIgW3Rhc2tPZmZzZXRdPVwiZ2V0RmllbGRPZmZzZXQoKVwiIGZ4RmxleD5cbiAgICA8L25jLXVzZXItZmllbGQ+XG5cbiAgICA8bmMtYnV0dG9uLWZpZWxkICpuZ1N3aXRjaENhc2U9XCJmaWVsZFR5cGVFbnVtLkJVVFRPTlwiIFtkYXRhRmllbGRdPVwiZ2V0RGF0YUZpZWxkKClcIiBbdGFza09mZnNldF09XCJnZXRGaWVsZE9mZnNldCgpXCIgZnhGbGV4PlxuICAgIDwvbmMtYnV0dG9uLWZpZWxkPlxuXG4gICAgPG5jLWZpbHRlci1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiZmllbGRUeXBlRW51bS5GSUxURVJcIiBbZGF0YUZpZWxkXT1cImdldERhdGFGaWVsZCgpXCIgW3Rhc2tPZmZzZXRdPVwiZ2V0RmllbGRPZmZzZXQoKVwiIGZ4RmxleD1cIlwiPlxuICAgIDwvbmMtZmlsdGVyLWZpZWxkPlxuXG4gICAgPG5jLWkxOG4tZmllbGQgKm5nU3dpdGNoQ2FzZT1cImZpZWxkVHlwZUVudW0uSTE4TlwiIFtkYXRhRmllbGRdPVwiZ2V0RGF0YUZpZWxkKClcIiBbdGFza09mZnNldF09XCJnZXRGaWVsZE9mZnNldCgpXCIgZnhGbGV4PlxuICAgIDwvbmMtaTE4bi1maWVsZD5cblxuICAgIDxkaXYgKm5nU3dpdGNoQ2FzZT1cInRhc2tFbGVtZW50RW51bS5EQVRBX0dST1VQX1RJVExFXCIgZnhGbGV4IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cbiAgICAgICAgPGRpdiBmeEZsZXg9XCIyMFwiIGNsYXNzPVwibGluZS1kYXRhZ3JvdXBcIj48L2Rpdj5cbiAgICAgICAgPHNwYW4gW25nQ2xhc3NdPVwieydtYXJnaW4tZGVmYXVsdCc6IGdldERhdGFHcm91cFRpdGxlKCkgIT09ICcnfVwiPnt7Z2V0RGF0YUdyb3VwVGl0bGUoKX19PC9zcGFuPlxuICAgICAgICA8ZGl2IGZ4RmxleCBjbGFzcz1cImxpbmUtZGF0YWdyb3VwXCI+PC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2ICpuZ1N3aXRjaENhc2U9XCJ0YXNrRWxlbWVudEVudW0uTE9BREVSXCIgY2xhc3M9XCJtaW4tcm93LWhlaWdodFwiIGZ4RmxleCBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwaGwtaXRlbVwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBobC1yb3dcIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwaGwtY29sXCI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2ICpuZ1N3aXRjaENhc2U9XCJ0YXNrRWxlbWVudEVudW0uQkxBTktcIj48L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2020/lib/task-content/public-api.mjs

@@ -0,0 +1,6 @@
+/* MODULES */
+export * from './task-content.module';
+/* COMPONENTS */
+export * from './task-content/task-content.component';
+export * from './field-component-resolver/field-component-resolver.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3Rhc2stY29udGVudC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGFBQWE7QUFDYixjQUFjLHVCQUF1QixDQUFDO0FBRXRDLGdCQUFnQjtBQUNoQixjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsK0RBQStELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBNT0RVTEVTICovXG5leHBvcnQgKiBmcm9tICcuL3Rhc2stY29udGVudC5tb2R1bGUnO1xuXG4vKiBDT01QT05FTlRTICovXG5leHBvcnQgKiBmcm9tICcuL3Rhc2stY29udGVudC90YXNrLWNvbnRlbnQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmllbGQtY29tcG9uZW50LXJlc29sdmVyL2ZpZWxkLWNvbXBvbmVudC1yZXNvbHZlci5jb21wb25lbnQnO1xuIl19

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

@@ -0,0 +1,36 @@
+import { Component, Inject, Optional } from '@angular/core';
+import { AbstractTaskContentComponent, NAE_ASYNC_RENDERING_CONFIGURATION } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@netgrif/components-core";
+import * as i2 from "@angular/material/progress-spinner";
+import * as i3 from "../field-component-resolver/field-component-resolver.component";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/flex-layout/flex";
+import * as i7 from "@angular/flex-layout/extended";
+import * as i8 from "@angular/flex-layout/grid";
+import * as i9 from "@ngx-translate/core";
+export class TaskContentComponent extends AbstractTaskContentComponent {
+    constructor(_fieldConverter, taskContentService, _paperView, _logger, _taskEventService, config) {
+        super(_fieldConverter, taskContentService, _paperView, _logger, _taskEventService, config);
+        this._fieldConverter = _fieldConverter;
+        this.taskContentService = taskContentService;
+        this._paperView = _paperView;
+        this._logger = _logger;
+        this._taskEventService = _taskEventService;
+    }
+}
+TaskContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TaskContentComponent, deps: [{ token: i1.FieldConverterService }, { token: i1.TaskContentService }, { token: i1.PaperViewService }, { token: i1.LoggerService }, { token: i1.TaskEventService, optional: true }, { token: NAE_ASYNC_RENDERING_CONFIGURATION, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TaskContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TaskContentComponent, selector: "nc-task-content", usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"loading$ | async; else notLoading\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n    <mat-spinner color=\"primary\"></mat-spinner>\n</div>\n\n<ng-template #notLoading>\n    <div *ngIf=\"hasDataToDisplay$ | async; else noContentToDisplay\"\n         [ngClass]=\"{'paper-view-content mat-elevation-z10': isPaperView(), 'scrolling_data': this.scrollingNeeded()}\"\n         [ngStyle]=\"{'max-height': this.resolveContentHeightCss()}\">\n        <div fxLayout=\"column\" fxLayoutAlign=\"start stretch\"\n             *ngFor=\"let subgrid of dataSource; trackBy: trackBySubgridFn\">\n            <div [gdAreas]=\"subgrid.gridAreas\" [gdColumns]=\"subgrid.getGridColumns()\" class=\"grid-rows-auto\">\n                <div *ngFor=\"let item of subgrid.content; trackBy: trackByFn\"\n                     [gdArea]=\"item.gridAreaId\"\n                     class=\"border\" fxLayout=\"row\" [fxLayoutAlign]=\"getItemAlignment(item)\">\n                    <nc-field-component-resolver [id]=\"item?.item?.stringId\" [gridElement]=\"item\" fxFlex></nc-field-component-resolver>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #noContentToDisplay>\n    <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\n        <mat-icon *ngIf=\"displayNoDataIcon\">{{noDataIcon ? noDataIcon : 'block'}}</mat-icon>\n        <span>{{(noDataText ? noDataText : 'tasks.view.noData') | translate}}</span>\n    </div>\n</ng-template>\n", styles: [".border{overflow-y:auto}.paper-view-content{padding:20px;width:22cm;border:1px solid #dddddd}.scrolling_data{overflow-y:auto!important}.grid-rows-auto{grid-template-rows:auto}\n"], components: [{ type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i3.FieldComponentResolverComponent, selector: "nc-field-component-resolver" }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i7.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.DefaultGridAreasDirective, selector: "  [gdAreas],  [gdAreas.xs], [gdAreas.sm], [gdAreas.md], [gdAreas.lg], [gdAreas.xl],  [gdAreas.lt-sm], [gdAreas.lt-md], [gdAreas.lt-lg], [gdAreas.lt-xl],  [gdAreas.gt-xs], [gdAreas.gt-sm], [gdAreas.gt-md], [gdAreas.gt-lg]", inputs: ["gdAreas", "gdAreas.xs", "gdAreas.sm", "gdAreas.md", "gdAreas.lg", "gdAreas.xl", "gdAreas.lt-sm", "gdAreas.lt-md", "gdAreas.lt-lg", "gdAreas.lt-xl", "gdAreas.gt-xs", "gdAreas.gt-sm", "gdAreas.gt-md", "gdAreas.gt-lg"] }, { type: i8.DefaultGridColumnsDirective, selector: "  [gdColumns],  [gdColumns.xs], [gdColumns.sm], [gdColumns.md], [gdColumns.lg], [gdColumns.xl],  [gdColumns.lt-sm], [gdColumns.lt-md], [gdColumns.lt-lg], [gdColumns.lt-xl],  [gdColumns.gt-xs], [gdColumns.gt-sm], [gdColumns.gt-md], [gdColumns.gt-lg]", inputs: ["gdColumns", "gdColumns.xs", "gdColumns.sm", "gdColumns.md", "gdColumns.lg", "gdColumns.xl", "gdColumns.lt-sm", "gdColumns.lt-md", "gdColumns.lt-lg", "gdColumns.lt-xl", "gdColumns.gt-xs", "gdColumns.gt-sm", "gdColumns.gt-md", "gdColumns.gt-lg"] }, { type: i8.DefaultGridAreaDirective, selector: "  [gdArea],  [gdArea.xs], [gdArea.sm], [gdArea.md], [gdArea.lg], [gdArea.xl],  [gdArea.lt-sm], [gdArea.lt-md], [gdArea.lt-lg], [gdArea.lt-xl],  [gdArea.gt-xs], [gdArea.gt-sm], [gdArea.gt-md], [gdArea.gt-lg]", inputs: ["gdArea", "gdArea.xs", "gdArea.sm", "gdArea.md", "gdArea.lg", "gdArea.xl", "gdArea.lt-sm", "gdArea.lt-md", "gdArea.lt-lg", "gdArea.lt-xl", "gdArea.gt-xs", "gdArea.gt-sm", "gdArea.gt-md", "gdArea.gt-lg"] }, { type: i6.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"] }], pipes: { "async": i5.AsyncPipe, "translate": i9.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TaskContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-task-content', template: "<div *ngIf=\"loading$ | async; else notLoading\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n    <mat-spinner color=\"primary\"></mat-spinner>\n</div>\n\n<ng-template #notLoading>\n    <div *ngIf=\"hasDataToDisplay$ | async; else noContentToDisplay\"\n         [ngClass]=\"{'paper-view-content mat-elevation-z10': isPaperView(), 'scrolling_data': this.scrollingNeeded()}\"\n         [ngStyle]=\"{'max-height': this.resolveContentHeightCss()}\">\n        <div fxLayout=\"column\" fxLayoutAlign=\"start stretch\"\n             *ngFor=\"let subgrid of dataSource; trackBy: trackBySubgridFn\">\n            <div [gdAreas]=\"subgrid.gridAreas\" [gdColumns]=\"subgrid.getGridColumns()\" class=\"grid-rows-auto\">\n                <div *ngFor=\"let item of subgrid.content; trackBy: trackByFn\"\n                     [gdArea]=\"item.gridAreaId\"\n                     class=\"border\" fxLayout=\"row\" [fxLayoutAlign]=\"getItemAlignment(item)\">\n                    <nc-field-component-resolver [id]=\"item?.item?.stringId\" [gridElement]=\"item\" fxFlex></nc-field-component-resolver>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #noContentToDisplay>\n    <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\n        <mat-icon *ngIf=\"displayNoDataIcon\">{{noDataIcon ? noDataIcon : 'block'}}</mat-icon>\n        <span>{{(noDataText ? noDataText : 'tasks.view.noData') | translate}}</span>\n    </div>\n</ng-template>\n", styles: [".border{overflow-y:auto}.paper-view-content{padding:20px;width:22cm;border:1px solid #dddddd}.scrolling_data{overflow-y:auto!important}.grid-rows-auto{grid-template-rows:auto}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FieldConverterService }, { type: i1.TaskContentService }, { type: i1.PaperViewService }, { type: i1.LoggerService }, { type: i1.TaskEventService, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [NAE_ASYNC_RENDERING_CONFIGURATION]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFzay1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3Rhc2stY29udGVudC90YXNrLWNvbnRlbnQvdGFzay1jb250ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3Rhc2stY29udGVudC90YXNrLWNvbnRlbnQvdGFzay1jb250ZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQ0gsNEJBQTRCLEVBSzVCLGlDQUFpQyxFQUVwQyxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7OztBQU9sQyxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsNEJBQTRCO0lBRWxFLFlBQXNCLGVBQXNDLEVBQ3pDLGtCQUFzQyxFQUNuQyxVQUE0QixFQUM1QixPQUFzQixFQUNWLGlCQUFtQyxFQUNGLE1BQU07UUFDckUsS0FBSyxDQUFDLGVBQWUsRUFBRSxrQkFBa0IsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBTnpFLG9CQUFlLEdBQWYsZUFBZSxDQUF1QjtRQUN6Qyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBQ25DLGVBQVUsR0FBVixVQUFVLENBQWtCO1FBQzVCLFlBQU8sR0FBUCxPQUFPLENBQWU7UUFDVixzQkFBaUIsR0FBakIsaUJBQWlCLENBQWtCO0lBR3JFLENBQUM7O2tIQVRRLG9CQUFvQixzTUFPRyxpQ0FBaUM7c0dBUHhELG9CQUFvQiw4RUNoQmpDLG05Q0EyQkE7NEZEWGEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNJLGlCQUFpQjs7MEJBVWQsUUFBUTs7MEJBQ1IsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxpQ0FBaUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0VGFza0NvbnRlbnRDb21wb25lbnQsXG4gICAgRmllbGRDb252ZXJ0ZXJTZXJ2aWNlLFxuICAgIFRhc2tDb250ZW50U2VydmljZSxcbiAgICBQYXBlclZpZXdTZXJ2aWNlLFxuICAgIExvZ2dlclNlcnZpY2UsXG4gICAgTkFFX0FTWU5DX1JFTkRFUklOR19DT05GSUdVUkFUSU9OLFxuICAgIFRhc2tFdmVudFNlcnZpY2Vcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy10YXNrLWNvbnRlbnQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90YXNrLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3Rhc2stY29udGVudC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRhc2tDb250ZW50Q29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RUYXNrQ29udGVudENvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgX2ZpZWxkQ29udmVydGVyOiBGaWVsZENvbnZlcnRlclNlcnZpY2UsXG4gICAgICAgICAgICAgICAgcHVibGljIHRhc2tDb250ZW50U2VydmljZTogVGFza0NvbnRlbnRTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBfcGFwZXJWaWV3OiBQYXBlclZpZXdTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBfbG9nZ2VyOiBMb2dnZXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIHByb3RlY3RlZCBfdGFza0V2ZW50U2VydmljZTogVGFza0V2ZW50U2VydmljZSxcbiAgICAgICAgICAgICAgICBAT3B0aW9uYWwoKSBASW5qZWN0KE5BRV9BU1lOQ19SRU5ERVJJTkdfQ09ORklHVVJBVElPTikgY29uZmlnKSB7XG4gICAgICAgIHN1cGVyKF9maWVsZENvbnZlcnRlciwgdGFza0NvbnRlbnRTZXJ2aWNlLCBfcGFwZXJWaWV3LCBfbG9nZ2VyLCBfdGFza0V2ZW50U2VydmljZSwgY29uZmlnKTtcbiAgICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwibG9hZGluZyQgfCBhc3luYzsgZWxzZSBub3RMb2FkaW5nXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxuICAgIDxtYXQtc3Bpbm5lciBjb2xvcj1cInByaW1hcnlcIj48L21hdC1zcGlubmVyPlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjbm90TG9hZGluZz5cbiAgICA8ZGl2ICpuZ0lmPVwiaGFzRGF0YVRvRGlzcGxheSQgfCBhc3luYzsgZWxzZSBub0NvbnRlbnRUb0Rpc3BsYXlcIlxuICAgICAgICAgW25nQ2xhc3NdPVwieydwYXBlci12aWV3LWNvbnRlbnQgbWF0LWVsZXZhdGlvbi16MTAnOiBpc1BhcGVyVmlldygpLCAnc2Nyb2xsaW5nX2RhdGEnOiB0aGlzLnNjcm9sbGluZ05lZWRlZCgpfVwiXG4gICAgICAgICBbbmdTdHlsZV09XCJ7J21heC1oZWlnaHQnOiB0aGlzLnJlc29sdmVDb250ZW50SGVpZ2h0Q3NzKCl9XCI+XG4gICAgICAgIDxkaXYgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwic3RhcnQgc3RyZXRjaFwiXG4gICAgICAgICAgICAgKm5nRm9yPVwibGV0IHN1YmdyaWQgb2YgZGF0YVNvdXJjZTsgdHJhY2tCeTogdHJhY2tCeVN1YmdyaWRGblwiPlxuICAgICAgICAgICAgPGRpdiBbZ2RBcmVhc109XCJzdWJncmlkLmdyaWRBcmVhc1wiIFtnZENvbHVtbnNdPVwic3ViZ3JpZC5nZXRHcmlkQ29sdW1ucygpXCIgY2xhc3M9XCJncmlkLXJvd3MtYXV0b1wiPlxuICAgICAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygc3ViZ3JpZC5jb250ZW50OyB0cmFja0J5OiB0cmFja0J5Rm5cIlxuICAgICAgICAgICAgICAgICAgICAgW2dkQXJlYV09XCJpdGVtLmdyaWRBcmVhSWRcIlxuICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJib3JkZXJcIiBmeExheW91dD1cInJvd1wiIFtmeExheW91dEFsaWduXT1cImdldEl0ZW1BbGlnbm1lbnQoaXRlbSlcIj5cbiAgICAgICAgICAgICAgICAgICAgPG5jLWZpZWxkLWNvbXBvbmVudC1yZXNvbHZlciBbaWRdPVwiaXRlbT8uaXRlbT8uc3RyaW5nSWRcIiBbZ3JpZEVsZW1lbnRdPVwiaXRlbVwiIGZ4RmxleD48L25jLWZpZWxkLWNvbXBvbmVudC1yZXNvbHZlcj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjbm9Db250ZW50VG9EaXNwbGF5PlxuICAgIDxkaXYgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxuICAgICAgICA8bWF0LWljb24gKm5nSWY9XCJkaXNwbGF5Tm9EYXRhSWNvblwiPnt7bm9EYXRhSWNvbiA/IG5vRGF0YUljb24gOiAnYmxvY2snfX08L21hdC1pY29uPlxuICAgICAgICA8c3Bhbj57eyhub0RhdGFUZXh0ID8gbm9EYXRhVGV4dCA6ICd0YXNrcy52aWV3Lm5vRGF0YScpIHwgdHJhbnNsYXRlfX08L3NwYW4+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2020/lib/task-content/task-content.module.mjs

@@ -0,0 +1,47 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { TaskContentComponent } from './task-content/task-content.component';
+import { DataFieldsComponentModule } from '../data-fields/data-fields.module';
+import { FlexModule } from '@angular/flex-layout';
+import { SnackBarModule, MaterialModule, TranslateLibModule } from '@netgrif/components-core';
+import { FieldComponentResolverComponent } from './field-component-resolver/field-component-resolver.component';
+import * as i0 from "@angular/core";
+export class TaskContentComponentModule {
+}
+TaskContentComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TaskContentComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TaskContentComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TaskContentComponentModule, declarations: [TaskContentComponent,
+        FieldComponentResolverComponent], imports: [CommonModule,
+        MaterialModule,
+        FlexModule,
+        TranslateLibModule,
+        SnackBarModule,
+        DataFieldsComponentModule], exports: [TaskContentComponent] });
+TaskContentComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TaskContentComponentModule, imports: [[
+            CommonModule,
+            MaterialModule,
+            FlexModule,
+            TranslateLibModule,
+            SnackBarModule,
+            DataFieldsComponentModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TaskContentComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TaskContentComponent,
+                        FieldComponentResolverComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MaterialModule,
+                        FlexModule,
+                        TranslateLibModule,
+                        SnackBarModule,
+                        DataFieldsComponentModule
+                    ],
+                    exports: [
+                        TaskContentComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFzay1jb250ZW50Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3Rhc2stY29udGVudC90YXNrLWNvbnRlbnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLHVDQUF1QyxDQUFDO0FBQzNFLE9BQU8sRUFBQyx5QkFBeUIsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBQzVFLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQUNoRCxPQUFPLEVBQUMsY0FBYyxFQUFFLGNBQWMsRUFBRSxrQkFBa0IsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQzVGLE9BQU8sRUFBQywrQkFBK0IsRUFBQyxNQUFNLCtEQUErRCxDQUFDOztBQW9COUcsTUFBTSxPQUFPLDBCQUEwQjs7d0hBQTFCLDBCQUEwQjt5SEFBMUIsMEJBQTBCLGlCQWYvQixvQkFBb0I7UUFDcEIsK0JBQStCLGFBRy9CLFlBQVk7UUFDWixjQUFjO1FBQ2QsVUFBVTtRQUNWLGtCQUFrQjtRQUNsQixjQUFjO1FBQ2QseUJBQXlCLGFBR3pCLG9CQUFvQjt5SEFHZiwwQkFBMEIsWUFaMUI7WUFDTCxZQUFZO1lBQ1osY0FBYztZQUNkLFVBQVU7WUFDVixrQkFBa0I7WUFDbEIsY0FBYztZQUNkLHlCQUF5QjtTQUM1Qjs0RkFLUSwwQkFBMEI7a0JBakJ0QyxRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRTt3QkFDVixvQkFBb0I7d0JBQ3BCLCtCQUErQjtxQkFDbEM7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxVQUFVO3dCQUNWLGtCQUFrQjt3QkFDbEIsY0FBYzt3QkFDZCx5QkFBeUI7cUJBQzVCO29CQUNELE9BQU8sRUFBRTt3QkFDTCxvQkFBb0I7cUJBQ3ZCO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7VGFza0NvbnRlbnRDb21wb25lbnR9IGZyb20gJy4vdGFzay1jb250ZW50L3Rhc2stY29udGVudC5jb21wb25lbnQnO1xuaW1wb3J0IHtEYXRhRmllbGRzQ29tcG9uZW50TW9kdWxlfSBmcm9tICcuLi9kYXRhLWZpZWxkcy9kYXRhLWZpZWxkcy5tb2R1bGUnO1xuaW1wb3J0IHtGbGV4TW9kdWxlfSBmcm9tICdAYW5ndWxhci9mbGV4LWxheW91dCc7XG5pbXBvcnQge1NuYWNrQmFyTW9kdWxlLCBNYXRlcmlhbE1vZHVsZSwgVHJhbnNsYXRlTGliTW9kdWxlfSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuaW1wb3J0IHtGaWVsZENvbXBvbmVudFJlc29sdmVyQ29tcG9uZW50fSBmcm9tICcuL2ZpZWxkLWNvbXBvbmVudC1yZXNvbHZlci9maWVsZC1jb21wb25lbnQtcmVzb2x2ZXIuY29tcG9uZW50JztcblxuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBUYXNrQ29udGVudENvbXBvbmVudCxcbiAgICAgICAgRmllbGRDb21wb25lbnRSZXNvbHZlckNvbXBvbmVudFxuICAgIF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIE1hdGVyaWFsTW9kdWxlLFxuICAgICAgICBGbGV4TW9kdWxlLFxuICAgICAgICBUcmFuc2xhdGVMaWJNb2R1bGUsXG4gICAgICAgIFNuYWNrQmFyTW9kdWxlLFxuICAgICAgICBEYXRhRmllbGRzQ29tcG9uZW50TW9kdWxlXG4gICAgXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIFRhc2tDb250ZW50Q29tcG9uZW50XG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBUYXNrQ29udGVudENvbXBvbmVudE1vZHVsZSB7XG59XG4iXX0=

package/esm2020/lib/toolbar/public-api.mjs

@@ -0,0 +1,3 @@
+export * from './toolbar.module';
+export * from './toolbar.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3Rvb2xiYXIvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGtCQUFrQixDQUFDO0FBRWpDLGNBQWMscUJBQXFCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3Rvb2xiYXIubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi90b29sYmFyLmNvbXBvbmVudCc7XG4iXX0=

package/esm2020/lib/toolbar/toolbar.component.mjs

@@ -0,0 +1,26 @@
+import { Component } from '@angular/core';
+import { AbstractToolbarComponent } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+import * as i2 from "@netgrif/components-core";
+import * as i3 from "@angular/material/toolbar";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@angular/material/menu";
+import * as i7 from "@angular/flex-layout/flex";
+import * as i8 from "@angular/flex-layout/extended";
+import * as i9 from "@angular/common";
+export class ToolbarComponent extends AbstractToolbarComponent {
+    constructor(translate, selectLangService) {
+        super(translate, selectLangService);
+        this.translate = translate;
+        this.selectLangService = selectLangService;
+    }
+}
+ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.TranslateService }, { token: i2.LanguageService }], target: i0.ɵɵFactoryTarget.Component });
+ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolbarComponent, selector: "nc-toolbar", usesInheritance: true, ngImport: i0, template: "<mat-toolbar color=\"primary\">\n    <mat-toolbar-row fxLayout=\"row\">\n        <div class=\"main-toolbar-logo\" fxFlex fxLayout=\"row\">\n            <a href=\"/\">\n                <img [src]=\"logoSrc\" [alt]=\"logoAlt\">\n            </a>\n        </div>\n        <div fxFlex fxHide.gt-xs=\"false\" fxHide.lt-md=\"true\" fxLayout=\"row\" fxLayoutAlign=\"center\">\n            {{appName}}\n        </div>\n        <div class=\"main-toolbar-menu\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"end\">\n            <button mat-button [matMenuTriggerFor]=\"mainMenu\" class=\"main-toolbar-menu-button\" fxLayout=\"row\">\n                <span class=\"main-toolbar-logged-user\" fxHide.xs=\"true\">{{loggedUser}}</span>\n                <mat-icon class=\"main-toolbar-icon\" aria-hidden=\"false\" aria-label=\"Example home icon\">account_circle\n                </mat-icon>\n                <mat-menu #mainMenu=\"matMenu\" class=\"main-toolbar-opened-menu\">\n                    <button mat-menu-item [matMenuTriggerFor]=\"languages\">\n                        <mat-icon class=\"main-toolbar-menu-icon\" aria-hidden=\"false\" aria-label=\"Example home icon\">\n                            language\n                        </mat-icon>\n                        {{ 'toolbar.menu.lang' | translate }}\n                    </button>\n                    <button mat-menu-item>\n                        <mat-icon class=\"main-toolbar-menu-icon\" aria-hidden=\"false\" aria-label=\"Example home icon\">\n                            account_circle\n                        </mat-icon>\n                        {{ 'toolbar.menu.profile' | translate }}\n                    </button>\n                    <button mat-menu-item>\n                        <mat-icon class=\"main-toolbar-menu-icon\" aria-hidden=\"false\" aria-label=\"Example home icon\">\n                            exit_to_app\n                        </mat-icon>\n                        {{ 'toolbar.menu.logout' | translate }}\n                    </button>\n                </mat-menu>\n                <mat-menu #languages=\"matMenu\">\n                    <button mat-menu-item (click)=\"setLang('en-UK')\">{{ 'toolbar.menu.en' | translate }}\n                        <mat-icon *ngIf=\"activeLang('en-UK')\" class=\"main-toolbar-menu-icon\"\n                                  aria-hidden=\"false\" aria-label=\"Example home icon\">keyboard_arrow_left\n                        </mat-icon>\n                    </button>\n                    <button mat-menu-item (click)=\"setLang('sk-SK')\">{{ 'toolbar.menu.sk' | translate }}\n                        <mat-icon *ngIf=\"activeLang('sk-SK')\" class=\"main-toolbar-menu-icon\"\n                                  aria-hidden=\"false\" aria-label=\"Example home icon\">keyboard_arrow_left\n                        </mat-icon>\n                    </button>\n                    <button mat-menu-item (click)=\"setLang('de-DE')\">{{ 'toolbar.menu.de' | translate }}\n                        <mat-icon *ngIf=\"activeLang('de-DE')\" class=\"main-toolbar-menu-icon\"\n                                  aria-hidden=\"false\" aria-label=\"Example home icon\">keyboard_arrow_left\n                        </mat-icon>\n                    </button>\n                </mat-menu>\n            </button>\n        </div>\n    </mat-toolbar-row>\n</mat-toolbar>\n", styles: [".main-toolbar-logo{max-height:60%}.main-toolbar-logo img{width:120px}mat-icon.main-toolbar-icon{font-size:48px;height:100%;margin-right:15px}.main-toolbar-logged-user{margin-right:15px}.main-toolbar-menu,.main-toolbar-menu-button{font-size:20px;height:100%}.main-toolbar-menu-icon{font-size:23px}\n"], components: [{ type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i3.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { type: i7.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i7.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i8.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { type: i7.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-toolbar', template: "<mat-toolbar color=\"primary\">\n    <mat-toolbar-row fxLayout=\"row\">\n        <div class=\"main-toolbar-logo\" fxFlex fxLayout=\"row\">\n            <a href=\"/\">\n                <img [src]=\"logoSrc\" [alt]=\"logoAlt\">\n            </a>\n        </div>\n        <div fxFlex fxHide.gt-xs=\"false\" fxHide.lt-md=\"true\" fxLayout=\"row\" fxLayoutAlign=\"center\">\n            {{appName}}\n        </div>\n        <div class=\"main-toolbar-menu\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"end\">\n            <button mat-button [matMenuTriggerFor]=\"mainMenu\" class=\"main-toolbar-menu-button\" fxLayout=\"row\">\n                <span class=\"main-toolbar-logged-user\" fxHide.xs=\"true\">{{loggedUser}}</span>\n                <mat-icon class=\"main-toolbar-icon\" aria-hidden=\"false\" aria-label=\"Example home icon\">account_circle\n                </mat-icon>\n                <mat-menu #mainMenu=\"matMenu\" class=\"main-toolbar-opened-menu\">\n                    <button mat-menu-item [matMenuTriggerFor]=\"languages\">\n                        <mat-icon class=\"main-toolbar-menu-icon\" aria-hidden=\"false\" aria-label=\"Example home icon\">\n                            language\n                        </mat-icon>\n                        {{ 'toolbar.menu.lang' | translate }}\n                    </button>\n                    <button mat-menu-item>\n                        <mat-icon class=\"main-toolbar-menu-icon\" aria-hidden=\"false\" aria-label=\"Example home icon\">\n                            account_circle\n                        </mat-icon>\n                        {{ 'toolbar.menu.profile' | translate }}\n                    </button>\n                    <button mat-menu-item>\n                        <mat-icon class=\"main-toolbar-menu-icon\" aria-hidden=\"false\" aria-label=\"Example home icon\">\n                            exit_to_app\n                        </mat-icon>\n                        {{ 'toolbar.menu.logout' | translate }}\n                    </button>\n                </mat-menu>\n                <mat-menu #languages=\"matMenu\">\n                    <button mat-menu-item (click)=\"setLang('en-UK')\">{{ 'toolbar.menu.en' | translate }}\n                        <mat-icon *ngIf=\"activeLang('en-UK')\" class=\"main-toolbar-menu-icon\"\n                                  aria-hidden=\"false\" aria-label=\"Example home icon\">keyboard_arrow_left\n                        </mat-icon>\n                    </button>\n                    <button mat-menu-item (click)=\"setLang('sk-SK')\">{{ 'toolbar.menu.sk' | translate }}\n                        <mat-icon *ngIf=\"activeLang('sk-SK')\" class=\"main-toolbar-menu-icon\"\n                                  aria-hidden=\"false\" aria-label=\"Example home icon\">keyboard_arrow_left\n                        </mat-icon>\n                    </button>\n                    <button mat-menu-item (click)=\"setLang('de-DE')\">{{ 'toolbar.menu.de' | translate }}\n                        <mat-icon *ngIf=\"activeLang('de-DE')\" class=\"main-toolbar-menu-icon\"\n                                  aria-hidden=\"false\" aria-label=\"Example home icon\">keyboard_arrow_left\n                        </mat-icon>\n                    </button>\n                </mat-menu>\n            </button>\n        </div>\n    </mat-toolbar-row>\n</mat-toolbar>\n", styles: [".main-toolbar-logo{max-height:60%}.main-toolbar-logo img{width:120px}mat-icon.main-toolbar-icon{font-size:48px;height:100%;margin-right:15px}.main-toolbar-logged-user{margin-right:15px}.main-toolbar-menu,.main-toolbar-menu-button{font-size:20px;height:100%}.main-toolbar-menu-icon{font-size:23px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: i2.LanguageService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi90b29sYmFyL3Rvb2xiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvdG9vbGJhci90b29sYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFeEMsT0FBTyxFQUFDLHdCQUF3QixFQUFrQixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7OztBQU9uRixNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsd0JBQXdCO0lBRTFELFlBQXNCLFNBQTJCLEVBQVksaUJBQWtDO1FBQzNGLEtBQUssQ0FBQyxTQUFTLEVBQUUsaUJBQWlCLENBQUMsQ0FBQztRQURsQixjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQUFZLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBaUI7SUFFL0YsQ0FBQzs7OEdBSlEsZ0JBQWdCO2tHQUFoQixnQkFBZ0IseUVDVDdCLDZ4R0F3REE7NEZEL0NhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDSSxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUcmFuc2xhdGVTZXJ2aWNlfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RUb29sYmFyQ29tcG9uZW50LCBMYW5ndWFnZVNlcnZpY2V9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtdG9vbGJhcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Rvb2xiYXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3Rvb2xiYXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUb29sYmFyQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RUb29sYmFyQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsIHByb3RlY3RlZCBzZWxlY3RMYW5nU2VydmljZTogTGFuZ3VhZ2VTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKHRyYW5zbGF0ZSwgc2VsZWN0TGFuZ1NlcnZpY2UpO1xuICAgIH1cbn1cbiIsIjxtYXQtdG9vbGJhciBjb2xvcj1cInByaW1hcnlcIj5cbiAgICA8bWF0LXRvb2xiYXItcm93IGZ4TGF5b3V0PVwicm93XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJtYWluLXRvb2xiYXItbG9nb1wiIGZ4RmxleCBmeExheW91dD1cInJvd1wiPlxuICAgICAgICAgICAgPGEgaHJlZj1cIi9cIj5cbiAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwibG9nb1NyY1wiIFthbHRdPVwibG9nb0FsdFwiPlxuICAgICAgICAgICAgPC9hPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBmeEZsZXggZnhIaWRlLmd0LXhzPVwiZmFsc2VcIiBmeEhpZGUubHQtbWQ9XCJ0cnVlXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiY2VudGVyXCI+XG4gICAgICAgICAgICB7e2FwcE5hbWV9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm1haW4tdG9vbGJhci1tZW51XCIgZnhGbGV4IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cImVuZFwiPlxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIFttYXRNZW51VHJpZ2dlckZvcl09XCJtYWluTWVudVwiIGNsYXNzPVwibWFpbi10b29sYmFyLW1lbnUtYnV0dG9uXCIgZnhMYXlvdXQ9XCJyb3dcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1haW4tdG9vbGJhci1sb2dnZWQtdXNlclwiIGZ4SGlkZS54cz1cInRydWVcIj57e2xvZ2dlZFVzZXJ9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJtYWluLXRvb2xiYXItaWNvblwiIGFyaWEtaGlkZGVuPVwiZmFsc2VcIiBhcmlhLWxhYmVsPVwiRXhhbXBsZSBob21lIGljb25cIj5hY2NvdW50X2NpcmNsZVxuICAgICAgICAgICAgICAgIDwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgPG1hdC1tZW51ICNtYWluTWVudT1cIm1hdE1lbnVcIiBjbGFzcz1cIm1haW4tdG9vbGJhci1vcGVuZWQtbWVudVwiPlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1tZW51LWl0ZW0gW21hdE1lbnVUcmlnZ2VyRm9yXT1cImxhbmd1YWdlc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwibWFpbi10b29sYmFyLW1lbnUtaWNvblwiIGFyaWEtaGlkZGVuPVwiZmFsc2VcIiBhcmlhLWxhYmVsPVwiRXhhbXBsZSBob21lIGljb25cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYW5ndWFnZVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt7ICd0b29sYmFyLm1lbnUubGFuZycgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LW1lbnUtaXRlbT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm1haW4tdG9vbGJhci1tZW51LWljb25cIiBhcmlhLWhpZGRlbj1cImZhbHNlXCIgYXJpYS1sYWJlbD1cIkV4YW1wbGUgaG9tZSBpY29uXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYWNjb3VudF9jaXJjbGVcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICB7eyAndG9vbGJhci5tZW51LnByb2ZpbGUnIHwgdHJhbnNsYXRlIH19XG4gICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1tZW51LWl0ZW0+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJtYWluLXRvb2xiYXItbWVudS1pY29uXCIgYXJpYS1oaWRkZW49XCJmYWxzZVwiIGFyaWEtbGFiZWw9XCJFeGFtcGxlIGhvbWUgaWNvblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGV4aXRfdG9fYXBwXG4gICAgICAgICAgICAgICAgICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgICAgICAge3sgJ3Rvb2xiYXIubWVudS5sb2dvdXQnIHwgdHJhbnNsYXRlIH19XG4gICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvbWF0LW1lbnU+XG4gICAgICAgICAgICAgICAgPG1hdC1tZW51ICNsYW5ndWFnZXM9XCJtYXRNZW51XCI+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LW1lbnUtaXRlbSAoY2xpY2spPVwic2V0TGFuZygnZW4tVUsnKVwiPnt7ICd0b29sYmFyLm1lbnUuZW4nIHwgdHJhbnNsYXRlIH19XG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24gKm5nSWY9XCJhY3RpdmVMYW5nKCdlbi1VSycpXCIgY2xhc3M9XCJtYWluLXRvb2xiYXItbWVudS1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj1cImZhbHNlXCIgYXJpYS1sYWJlbD1cIkV4YW1wbGUgaG9tZSBpY29uXCI+a2V5Ym9hcmRfYXJyb3dfbGVmdFxuICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LW1lbnUtaXRlbSAoY2xpY2spPVwic2V0TGFuZygnc2stU0snKVwiPnt7ICd0b29sYmFyLm1lbnUuc2snIHwgdHJhbnNsYXRlIH19XG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24gKm5nSWY9XCJhY3RpdmVMYW5nKCdzay1TSycpXCIgY2xhc3M9XCJtYWluLXRvb2xiYXItbWVudS1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj1cImZhbHNlXCIgYXJpYS1sYWJlbD1cIkV4YW1wbGUgaG9tZSBpY29uXCI+a2V5Ym9hcmRfYXJyb3dfbGVmdFxuICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LW1lbnUtaXRlbSAoY2xpY2spPVwic2V0TGFuZygnZGUtREUnKVwiPnt7ICd0b29sYmFyLm1lbnUuZGUnIHwgdHJhbnNsYXRlIH19XG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24gKm5nSWY9XCJhY3RpdmVMYW5nKCdkZS1ERScpXCIgY2xhc3M9XCJtYWluLXRvb2xiYXItbWVudS1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj1cImZhbHNlXCIgYXJpYS1sYWJlbD1cIkV4YW1wbGUgaG9tZSBpY29uXCI+a2V5Ym9hcmRfYXJyb3dfbGVmdFxuICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgPC9tYXQtbWVudT5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L21hdC10b29sYmFyLXJvdz5cbjwvbWF0LXRvb2xiYXI+XG4iXX0=