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

package/esm2022/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 '@ngbracket/ngx-layout';
+import { MaterialModule, TranslateLibModule } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+export class TabsComponentModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabsComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TabsComponentModule, declarations: [TabViewComponent,
+            TabCreationDetectorComponent], imports: [CommonModule,
+            MatTabsModule,
+            MaterialModule,
+            FlexLayoutModule,
+            TranslateLibModule], exports: [TabViewComponent,
+            TabCreationDetectorComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabsComponentModule, imports: [CommonModule,
+            MatTabsModule,
+            MaterialModule,
+            FlexLayoutModule,
+            TranslateLibModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabsComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TabViewComponent,
+                        TabCreationDetectorComponent,
+                    ],
+                    exports: [
+                        TabViewComponent,
+                        TabCreationDetectorComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatTabsModule,
+                        MaterialModule,
+                        FlexLayoutModule,
+                        TranslateLibModule,
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi90YWJzL3RhYnMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBQy9ELE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNyRCxPQUFPLEVBQUMsNEJBQTRCLEVBQUMsTUFBTSx5REFBeUQsQ0FBQztBQUNyRyxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsY0FBYyxFQUFFLGtCQUFrQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7O0FBb0I1RSxNQUFNLE9BQU8sbUJBQW1CO3dHQUFuQixtQkFBbUI7eUdBQW5CLG1CQUFtQixpQkFmeEIsZ0JBQWdCO1lBQ2hCLDRCQUE0QixhQU81QixZQUFZO1lBQ1osYUFBYTtZQUNiLGNBQWM7WUFDZCxnQkFBZ0I7WUFDaEIsa0JBQWtCLGFBUmxCLGdCQUFnQjtZQUNoQiw0QkFBNEI7eUdBVXZCLG1CQUFtQixZQVB4QixZQUFZO1lBQ1osYUFBYTtZQUNiLGNBQWM7WUFDZCxnQkFBZ0I7WUFDaEIsa0JBQWtCOzs0RkFHYixtQkFBbUI7a0JBakIvQixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRTt3QkFDVixnQkFBZ0I7d0JBQ2hCLDRCQUE0QjtxQkFDL0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLGdCQUFnQjt3QkFDaEIsNEJBQTRCO3FCQUMvQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixhQUFhO3dCQUNiLGNBQWM7d0JBQ2QsZ0JBQWdCO3dCQUNoQixrQkFBa0I7cUJBQ3JCO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7VGFiVmlld0NvbXBvbmVudH0gZnJvbSAnLi90YWItdmlldy90YWItdmlldy5jb21wb25lbnQnO1xuaW1wb3J0IHtNYXRUYWJzTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90YWJzJztcbmltcG9ydCB7VGFiQ3JlYXRpb25EZXRlY3RvckNvbXBvbmVudH0gZnJvbSAnLi90YWItY3JlYXRpb24tZGV0ZWN0b3IvdGFiLWNyZWF0aW9uLWRldGVjdG9yLmNvbXBvbmVudCc7XG5pbXBvcnQge0ZsZXhMYXlvdXRNb2R1bGV9IGZyb20gJ0BuZ2JyYWNrZXQvbmd4LWxheW91dCc7XG5pbXBvcnQge01hdGVyaWFsTW9kdWxlLCBUcmFuc2xhdGVMaWJNb2R1bGV9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgVGFiVmlld0NvbXBvbmVudCxcbiAgICAgICAgVGFiQ3JlYXRpb25EZXRlY3RvckNvbXBvbmVudCxcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgVGFiVmlld0NvbXBvbmVudCxcbiAgICAgICAgVGFiQ3JlYXRpb25EZXRlY3RvckNvbXBvbmVudCxcbiAgICBdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBNYXRUYWJzTW9kdWxlLFxuICAgICAgICBNYXRlcmlhbE1vZHVsZSxcbiAgICAgICAgRmxleExheW91dE1vZHVsZSxcbiAgICAgICAgVHJhbnNsYXRlTGliTW9kdWxlLFxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgVGFic0NvbXBvbmVudE1vZHVsZSB7XG59XG4iXX0=

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

@@ -0,0 +1,40 @@
+import { Component, Inject, Input, Optional } from '@angular/core';
+import { AbstractFieldComponentResolverComponent, DateField, DateTimeField, EnumerationField, FileField, FileListField, MultichoiceField, NAE_INFORM_ABOUT_INVALID_DATA } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@netgrif/components-core";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngbracket/ngx-layout";
+import * as i4 from "@ngbracket/ngx-layout/extended";
+import * as i5 from "../../data-fields/data-field-template/data-field-template.component";
+export class FieldComponentResolverComponent extends AbstractFieldComponentResolverComponent {
+    taskContentComponentClassReference;
+    constructor(taskContentService, _informAboutInvalidData) {
+        super(taskContentService, _informAboutInvalidData);
+    }
+    isEnumOrMulti() {
+        return this.getDataField() instanceof EnumerationField || this.getDataField() instanceof MultichoiceField;
+    }
+    isDateType() {
+        return this.getDataField() instanceof DateField || this.getDataField() instanceof DateTimeField;
+    }
+    isDateTimeType() {
+        return this.getDataField() instanceof DateTimeField;
+    }
+    isFileType() {
+        return this.getDataField() instanceof FileField || this.getDataField() instanceof FileListField;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FieldComponentResolverComponent, deps: [{ token: i1.TaskContentService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FieldComponentResolverComponent, selector: "nc-field-component-resolver", inputs: { taskContentComponentClassReference: "taskContentComponentClassReference" }, usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"netgrif-input\" [ngClass]=\"{'min-row-height': isField() && !isCustomHeight()}\" [ngSwitch]=\"getElementType()\">\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\n    <div *ngSwitchDefault fxFlex [ngClass]=\"{'div-overflow': isEnumOrMulti(), 'date-field-fix': isDateType(), 'date-time-fix': isDateTimeType(), 'width-100': isFileType()}\">\n        <nc-data-field-template *ngIf=\"!!getDataField()?.behavior && !getDataField().behavior.hidden\"\n                                [_additionalFieldProperties]=\"{taskId: getTaskId(), taskContentComponentClassReference}\"\n                                [dataField]=\"getDataField()\"\n                                [offset]=\"getFieldOffset()\">\n        </nc-data-field-template>\n    </div>\n</div>\n", styles: [".line-datagroup{height:1px;background:#0000001f}.margin-default{margin-right:8px;margin-left:8px}.min-row-height{min-height:67px}.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;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);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}.full-width{display:block;margin:0 auto;width:100%}.width-100{width:100%}.padding-bottom-4px{padding-bottom:4px}.div-overflow{overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i5.DataFieldTemplateComponent, selector: "nc-data-field-template" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FieldComponentResolverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-field-component-resolver', template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"netgrif-input\" [ngClass]=\"{'min-row-height': isField() && !isCustomHeight()}\" [ngSwitch]=\"getElementType()\">\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\n    <div *ngSwitchDefault fxFlex [ngClass]=\"{'div-overflow': isEnumOrMulti(), 'date-field-fix': isDateType(), 'date-time-fix': isDateTimeType(), 'width-100': isFileType()}\">\n        <nc-data-field-template *ngIf=\"!!getDataField()?.behavior && !getDataField().behavior.hidden\"\n                                [_additionalFieldProperties]=\"{taskId: getTaskId(), taskContentComponentClassReference}\"\n                                [dataField]=\"getDataField()\"\n                                [offset]=\"getFieldOffset()\">\n        </nc-data-field-template>\n    </div>\n</div>\n", styles: [".line-datagroup{height:1px;background:#0000001f}.margin-default{margin-right:8px;margin-left:8px}.min-row-height{min-height:67px}.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;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);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}.full-width{display:block;margin:0 auto;width:100%}.width-100{width:100%}.padding-bottom-4px{padding-bottom:4px}.div-overflow{overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis}\n"] }]
+        }], ctorParameters: () => [{ type: i1.TaskContentService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [NAE_INFORM_ABOUT_INVALID_DATA]
+                }] }], propDecorators: { taskContentComponentClassReference: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtY29tcG9uZW50LXJlc29sdmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3Rhc2stY29udGVudC9maWVsZC1jb21wb25lbnQtcmVzb2x2ZXIvZmllbGQtY29tcG9uZW50LXJlc29sdmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3Rhc2stY29udGVudC9maWVsZC1jb21wb25lbnQtcmVzb2x2ZXIvZmllbGQtY29tcG9uZW50LXJlc29sdmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQU8sTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUNILHVDQUF1QyxFQUN2QyxTQUFTLEVBQ1QsYUFBYSxFQUNiLGdCQUFnQixFQUNoQixTQUFTLEVBQ1QsYUFBYSxFQUNiLGdCQUFnQixFQUNoQiw2QkFBNkIsRUFFaEMsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7OztBQU9sQyxNQUFNLE9BQU8sK0JBQWdDLFNBQVEsdUNBQXVDO0lBRS9FLGtDQUFrQyxDQUFZO0lBRXZELFlBQVksa0JBQXNDLEVBQ2EsdUJBQXVDO1FBQ2xHLEtBQUssQ0FBQyxrQkFBa0IsRUFBRSx1QkFBdUIsQ0FBQyxDQUFDO0lBQ3ZELENBQUM7SUFFRCxhQUFhO1FBQ1QsT0FBTyxJQUFJLENBQUMsWUFBWSxFQUFFLFlBQVksZ0JBQWdCLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxZQUFZLGdCQUFnQixDQUFDO0lBQzlHLENBQUM7SUFFRCxVQUFVO1FBQ04sT0FBTyxJQUFJLENBQUMsWUFBWSxFQUFFLFlBQVksU0FBUyxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsWUFBWSxhQUFhLENBQUM7SUFDcEcsQ0FBQztJQUVELGNBQWM7UUFDVixPQUFPLElBQUksQ0FBQyxZQUFZLEVBQUUsWUFBWSxhQUFhLENBQUM7SUFDeEQsQ0FBQztJQUVELFVBQVU7UUFDTixPQUFPLElBQUksQ0FBQyxZQUFZLEVBQUUsWUFBWSxTQUFTLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxZQUFZLGFBQWEsQ0FBQztJQUNwRyxDQUFDO3dHQXZCUSwrQkFBK0Isb0RBS1IsNkJBQTZCOzRGQUxwRCwrQkFBK0IsZ0xDbEI1QywyL0NBMkJBOzs0RkRUYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0ksNkJBQTZCOzswQkFTMUIsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyw2QkFBNkI7eUNBSHBELGtDQUFrQztzQkFBMUMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIElucHV0LCBPcHRpb25hbCwgVHlwZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0RmllbGRDb21wb25lbnRSZXNvbHZlckNvbXBvbmVudCxcbiAgICBEYXRlRmllbGQsXG4gICAgRGF0ZVRpbWVGaWVsZCxcbiAgICBFbnVtZXJhdGlvbkZpZWxkLFxuICAgIEZpbGVGaWVsZCxcbiAgICBGaWxlTGlzdEZpZWxkLFxuICAgIE11bHRpY2hvaWNlRmllbGQsXG4gICAgTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEEsXG4gICAgVGFza0NvbnRlbnRTZXJ2aWNlXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtZmllbGQtY29tcG9uZW50LXJlc29sdmVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZmllbGQtY29tcG9uZW50LXJlc29sdmVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9maWVsZC1jb21wb25lbnQtcmVzb2x2ZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBGaWVsZENvbXBvbmVudFJlc29sdmVyQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RGaWVsZENvbXBvbmVudFJlc29sdmVyQ29tcG9uZW50IHtcblxuICAgIEBJbnB1dCgpIHRhc2tDb250ZW50Q29tcG9uZW50Q2xhc3NSZWZlcmVuY2U6IFR5cGU8YW55PjtcblxuICAgIGNvbnN0cnVjdG9yKHRhc2tDb250ZW50U2VydmljZTogVGFza0NvbnRlbnRTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEEpIF9pbmZvcm1BYm91dEludmFsaWREYXRhOiBib29sZWFuIHwgbnVsbCkge1xuICAgICAgICBzdXBlcih0YXNrQ29udGVudFNlcnZpY2UsIF9pbmZvcm1BYm91dEludmFsaWREYXRhKTtcbiAgICB9XG5cbiAgICBpc0VudW1Pck11bHRpKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXREYXRhRmllbGQoKSBpbnN0YW5jZW9mIEVudW1lcmF0aW9uRmllbGQgfHwgdGhpcy5nZXREYXRhRmllbGQoKSBpbnN0YW5jZW9mIE11bHRpY2hvaWNlRmllbGQ7XG4gICAgfVxuXG4gICAgaXNEYXRlVHlwZSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0RGF0YUZpZWxkKCkgaW5zdGFuY2VvZiBEYXRlRmllbGQgfHwgdGhpcy5nZXREYXRhRmllbGQoKSBpbnN0YW5jZW9mIERhdGVUaW1lRmllbGQ7XG4gICAgfVxuXG4gICAgaXNEYXRlVGltZVR5cGUoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldERhdGFGaWVsZCgpIGluc3RhbmNlb2YgRGF0ZVRpbWVGaWVsZDtcbiAgICB9XG5cbiAgICBpc0ZpbGVUeXBlKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXREYXRhRmllbGQoKSBpbnN0YW5jZW9mIEZpbGVGaWVsZCB8fCB0aGlzLmdldERhdGFGaWVsZCgpIGluc3RhbmNlb2YgRmlsZUxpc3RGaWVsZDtcbiAgICB9XG59XG4iLCI8ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIGNsYXNzPVwibmV0Z3JpZi1pbnB1dFwiIFtuZ0NsYXNzXT1cInsnbWluLXJvdy1oZWlnaHQnOiBpc0ZpZWxkKCkgJiYgIWlzQ3VzdG9tSGVpZ2h0KCl9XCIgW25nU3dpdGNoXT1cImdldEVsZW1lbnRUeXBlKClcIj5cblxuICAgIDxkaXYgKm5nU3dpdGNoQ2FzZT1cInRhc2tFbGVtZW50RW51bS5EQVRBX0dST1VQX1RJVExFXCIgZnhGbGV4IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cbiAgICAgICAgPGRpdiBmeEZsZXg9XCIyMFwiIGNsYXNzPVwibGluZS1kYXRhZ3JvdXBcIj48L2Rpdj5cbiAgICAgICAgPHNwYW4gW25nQ2xhc3NdPVwieydtYXJnaW4tZGVmYXVsdCc6IGdldERhdGFHcm91cFRpdGxlKCkgIT09ICcnfVwiPnt7Z2V0RGF0YUdyb3VwVGl0bGUoKX19PC9zcGFuPlxuICAgICAgICA8ZGl2IGZ4RmxleCBjbGFzcz1cImxpbmUtZGF0YWdyb3VwXCI+PC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2ICpuZ1N3aXRjaENhc2U9XCJ0YXNrRWxlbWVudEVudW0uTE9BREVSXCIgY2xhc3M9XCJtaW4tcm93LWhlaWdodFwiIGZ4RmxleCBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwaGwtaXRlbVwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBobC1yb3dcIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwaGwtY29sXCI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2ICpuZ1N3aXRjaENhc2U9XCJ0YXNrRWxlbWVudEVudW0uQkxBTktcIj48L2Rpdj5cblxuICAgIDxkaXYgKm5nU3dpdGNoRGVmYXVsdCBmeEZsZXggW25nQ2xhc3NdPVwieydkaXYtb3ZlcmZsb3cnOiBpc0VudW1Pck11bHRpKCksICdkYXRlLWZpZWxkLWZpeCc6IGlzRGF0ZVR5cGUoKSwgJ2RhdGUtdGltZS1maXgnOiBpc0RhdGVUaW1lVHlwZSgpLCAnd2lkdGgtMTAwJzogaXNGaWxlVHlwZSgpfVwiPlxuICAgICAgICA8bmMtZGF0YS1maWVsZC10ZW1wbGF0ZSAqbmdJZj1cIiEhZ2V0RGF0YUZpZWxkKCk/LmJlaGF2aW9yICYmICFnZXREYXRhRmllbGQoKS5iZWhhdmlvci5oaWRkZW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbX2FkZGl0aW9uYWxGaWVsZFByb3BlcnRpZXNdPVwie3Rhc2tJZDogZ2V0VGFza0lkKCksIHRhc2tDb250ZW50Q29tcG9uZW50Q2xhc3NSZWZlcmVuY2V9XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFGaWVsZF09XCJnZXREYXRhRmllbGQoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtvZmZzZXRdPVwiZ2V0RmllbGRPZmZzZXQoKVwiPlxuICAgICAgICA8L25jLWRhdGEtZmllbGQtdGVtcGxhdGU+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

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

@@ -0,0 +1,42 @@
+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/common";
+import * as i3 from "@ngbracket/ngx-layout";
+import * as i4 from "@ngbracket/ngx-layout/extended";
+import * as i5 from "@ngbracket/ngx-layout/grid";
+import * as i6 from "@angular/material/icon";
+import * as i7 from "@angular/material/progress-spinner";
+import * as i8 from "../field-component-resolver/field-component-resolver.component";
+import * as i9 from "@ngx-translate/core";
+export class TaskContentComponent extends AbstractTaskContentComponent {
+    _fieldConverter;
+    taskContentService;
+    _paperView;
+    _logger;
+    _taskEventService;
+    taskContentComponentClass = TaskContentComponent;
+    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;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", 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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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\" [ngClass.lt-sm]=\"{'responsive-grid': true}\">\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\"\n                                                 [taskContentComponentClassReference]=\"taskContentComponentClass\" fxFlex  class=\"width-100\"></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}.responsive-grid{display:block!important}.width-100{width:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "directive", type: i5.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"] }, { kind: "directive", type: i5.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"] }, { kind: "directive", type: i5.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"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i8.FieldComponentResolverComponent, selector: "nc-field-component-resolver", inputs: ["taskContentComponentClassReference"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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\" [ngClass.lt-sm]=\"{'responsive-grid': true}\">\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\"\n                                                 [taskContentComponentClassReference]=\"taskContentComponentClass\" fxFlex  class=\"width-100\"></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}.responsive-grid{display:block!important}.width-100{width:100%}\n"] }]
+        }], ctorParameters: () => [{ 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFzay1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3Rhc2stY29udGVudC90YXNrLWNvbnRlbnQvdGFzay1jb250ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3Rhc2stY29udGVudC90YXNrLWNvbnRlbnQvdGFzay1jb250ZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQ0gsNEJBQTRCLEVBSzVCLGlDQUFpQyxFQUVwQyxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7OztBQU9sQyxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsNEJBQTRCO0lBSTVDO0lBQ0g7SUFDRztJQUNBO0lBQ1k7SUFOM0IseUJBQXlCLEdBQUcsb0JBQW9CLENBQUM7SUFFeEQsWUFBc0IsZUFBc0MsRUFDekMsa0JBQXNDLEVBQ25DLFVBQTRCLEVBQzVCLE9BQXNCLEVBQ1YsaUJBQW1DLEVBQ0YsTUFBTTtRQUNyRSxLQUFLLENBQUMsZUFBZSxFQUFFLGtCQUFrQixFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFOekUsb0JBQWUsR0FBZixlQUFlLENBQXVCO1FBQ3pDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDbkMsZUFBVSxHQUFWLFVBQVUsQ0FBa0I7UUFDNUIsWUFBTyxHQUFQLE9BQU8sQ0FBZTtRQUNWLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBa0I7SUFHckUsQ0FBQzt3R0FYUSxvQkFBb0Isc01BU0csaUNBQWlDOzRGQVR4RCxvQkFBb0IsOEVDaEJqQywyb0RBNEJBOzs0RkRaYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0ksaUJBQWlCOzswQkFZZCxRQUFROzswQkFDUixRQUFROzswQkFBSSxNQUFNOzJCQUFDLGlDQUFpQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RUYXNrQ29udGVudENvbXBvbmVudCxcbiAgICBGaWVsZENvbnZlcnRlclNlcnZpY2UsXG4gICAgVGFza0NvbnRlbnRTZXJ2aWNlLFxuICAgIFBhcGVyVmlld1NlcnZpY2UsXG4gICAgTG9nZ2VyU2VydmljZSxcbiAgICBOQUVfQVNZTkNfUkVOREVSSU5HX0NPTkZJR1VSQVRJT04sXG4gICAgVGFza0V2ZW50U2VydmljZVxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXRhc2stY29udGVudCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Rhc2stY29udGVudC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdGFzay1jb250ZW50LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGFza0NvbnRlbnRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFRhc2tDb250ZW50Q29tcG9uZW50IHtcblxuICAgIHB1YmxpYyB0YXNrQ29udGVudENvbXBvbmVudENsYXNzID0gVGFza0NvbnRlbnRDb21wb25lbnQ7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgX2ZpZWxkQ29udmVydGVyOiBGaWVsZENvbnZlcnRlclNlcnZpY2UsXG4gICAgICAgICAgICAgICAgcHVibGljIHRhc2tDb250ZW50U2VydmljZTogVGFza0NvbnRlbnRTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBfcGFwZXJWaWV3OiBQYXBlclZpZXdTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBfbG9nZ2VyOiBMb2dnZXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIHByb3RlY3RlZCBfdGFza0V2ZW50U2VydmljZTogVGFza0V2ZW50U2VydmljZSxcbiAgICAgICAgICAgICAgICBAT3B0aW9uYWwoKSBASW5qZWN0KE5BRV9BU1lOQ19SRU5ERVJJTkdfQ09ORklHVVJBVElPTikgY29uZmlnKSB7XG4gICAgICAgIHN1cGVyKF9maWVsZENvbnZlcnRlciwgdGFza0NvbnRlbnRTZXJ2aWNlLCBfcGFwZXJWaWV3LCBfbG9nZ2VyLCBfdGFza0V2ZW50U2VydmljZSwgY29uZmlnKTtcbiAgICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwibG9hZGluZyQgfCBhc3luYzsgZWxzZSBub3RMb2FkaW5nXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxuICAgIDxtYXQtc3Bpbm5lciBjb2xvcj1cInByaW1hcnlcIj48L21hdC1zcGlubmVyPlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjbm90TG9hZGluZz5cbiAgICA8ZGl2ICpuZ0lmPVwiaGFzRGF0YVRvRGlzcGxheSQgfCBhc3luYzsgZWxzZSBub0NvbnRlbnRUb0Rpc3BsYXlcIlxuICAgICAgICAgW25nQ2xhc3NdPVwieydwYXBlci12aWV3LWNvbnRlbnQgbWF0LWVsZXZhdGlvbi16MTAnOiBpc1BhcGVyVmlldygpLCAnc2Nyb2xsaW5nX2RhdGEnOiB0aGlzLnNjcm9sbGluZ05lZWRlZCgpfVwiXG4gICAgICAgICBbbmdTdHlsZV09XCJ7J21heC1oZWlnaHQnOiB0aGlzLnJlc29sdmVDb250ZW50SGVpZ2h0Q3NzKCl9XCI+XG4gICAgICAgIDxkaXYgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwic3RhcnQgc3RyZXRjaFwiXG4gICAgICAgICAgICAgKm5nRm9yPVwibGV0IHN1YmdyaWQgb2YgZGF0YVNvdXJjZTsgdHJhY2tCeTogdHJhY2tCeVN1YmdyaWRGblwiPlxuICAgICAgICAgICAgPGRpdiBbZ2RBcmVhc109XCJzdWJncmlkLmdyaWRBcmVhc1wiIFtnZENvbHVtbnNdPVwic3ViZ3JpZC5nZXRHcmlkQ29sdW1ucygpXCIgY2xhc3M9XCJncmlkLXJvd3MtYXV0b1wiIFtuZ0NsYXNzLmx0LXNtXT1cInsncmVzcG9uc2l2ZS1ncmlkJzogdHJ1ZX1cIj5cbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBpdGVtIG9mIHN1YmdyaWQuY29udGVudDsgdHJhY2tCeTogdHJhY2tCeUZuXCJcbiAgICAgICAgICAgICAgICAgICAgIFtnZEFyZWFdPVwiaXRlbS5ncmlkQXJlYUlkXCJcbiAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYm9yZGVyXCIgZnhMYXlvdXQ9XCJyb3dcIiBbZnhMYXlvdXRBbGlnbl09XCJnZXRJdGVtQWxpZ25tZW50KGl0ZW0pXCI+XG4gICAgICAgICAgICAgICAgICAgIDxuYy1maWVsZC1jb21wb25lbnQtcmVzb2x2ZXIgW2lkXT1cIml0ZW0/Lml0ZW0/LnN0cmluZ0lkXCIgW2dyaWRFbGVtZW50XT1cIml0ZW1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0YXNrQ29udGVudENvbXBvbmVudENsYXNzUmVmZXJlbmNlXT1cInRhc2tDb250ZW50Q29tcG9uZW50Q2xhc3NcIiBmeEZsZXggIGNsYXNzPVwid2lkdGgtMTAwXCI+PC9uYy1maWVsZC1jb21wb25lbnQtcmVzb2x2ZXI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI25vQ29udGVudFRvRGlzcGxheT5cbiAgICA8ZGl2IGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cbiAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwiZGlzcGxheU5vRGF0YUljb25cIj57e25vRGF0YUljb24gPyBub0RhdGFJY29uIDogJ2Jsb2NrJ319PC9tYXQtaWNvbj5cbiAgICAgICAgPHNwYW4+e3sobm9EYXRhVGV4dCA/IG5vRGF0YVRleHQgOiAndGFza3Mudmlldy5ub0RhdGEnKSB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

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

@@ -0,0 +1,45 @@
+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 '@ngbracket/ngx-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 {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskContentComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TaskContentComponentModule, declarations: [TaskContentComponent,
+            FieldComponentResolverComponent], imports: [CommonModule,
+            MaterialModule,
+            FlexModule,
+            TranslateLibModule,
+            SnackBarModule,
+            DataFieldsComponentModule], exports: [TaskContentComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskContentComponentModule, imports: [CommonModule,
+            MaterialModule,
+            FlexModule,
+            TranslateLibModule,
+            SnackBarModule,
+            DataFieldsComponentModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFzay1jb250ZW50Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3Rhc2stY29udGVudC90YXNrLWNvbnRlbnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLHVDQUF1QyxDQUFDO0FBQzNFLE9BQU8sRUFBQyx5QkFBeUIsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBQzVFLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQztBQUNqRCxPQUFPLEVBQUMsY0FBYyxFQUFFLGNBQWMsRUFBRSxrQkFBa0IsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQzVGLE9BQU8sRUFBQywrQkFBK0IsRUFBQyxNQUFNLCtEQUErRCxDQUFDOztBQW9COUcsTUFBTSxPQUFPLDBCQUEwQjt3R0FBMUIsMEJBQTBCO3lHQUExQiwwQkFBMEIsaUJBZi9CLG9CQUFvQjtZQUNwQiwrQkFBK0IsYUFHL0IsWUFBWTtZQUNaLGNBQWM7WUFDZCxVQUFVO1lBQ1Ysa0JBQWtCO1lBQ2xCLGNBQWM7WUFDZCx5QkFBeUIsYUFHekIsb0JBQW9CO3lHQUdmLDBCQUEwQixZQVgvQixZQUFZO1lBQ1osY0FBYztZQUNkLFVBQVU7WUFDVixrQkFBa0I7WUFDbEIsY0FBYztZQUNkLHlCQUF5Qjs7NEZBTXBCLDBCQUEwQjtrQkFqQnRDLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFO3dCQUNWLG9CQUFvQjt3QkFDcEIsK0JBQStCO3FCQUNsQztvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixjQUFjO3dCQUNkLFVBQVU7d0JBQ1Ysa0JBQWtCO3dCQUNsQixjQUFjO3dCQUNkLHlCQUF5QjtxQkFDNUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLG9CQUFvQjtxQkFDdkI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtUYXNrQ29udGVudENvbXBvbmVudH0gZnJvbSAnLi90YXNrLWNvbnRlbnQvdGFzay1jb250ZW50LmNvbXBvbmVudCc7XG5pbXBvcnQge0RhdGFGaWVsZHNDb21wb25lbnRNb2R1bGV9IGZyb20gJy4uL2RhdGEtZmllbGRzL2RhdGEtZmllbGRzLm1vZHVsZSc7XG5pbXBvcnQge0ZsZXhNb2R1bGV9IGZyb20gJ0BuZ2JyYWNrZXQvbmd4LWxheW91dCc7XG5pbXBvcnQge1NuYWNrQmFyTW9kdWxlLCBNYXRlcmlhbE1vZHVsZSwgVHJhbnNsYXRlTGliTW9kdWxlfSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuaW1wb3J0IHtGaWVsZENvbXBvbmVudFJlc29sdmVyQ29tcG9uZW50fSBmcm9tICcuL2ZpZWxkLWNvbXBvbmVudC1yZXNvbHZlci9maWVsZC1jb21wb25lbnQtcmVzb2x2ZXIuY29tcG9uZW50JztcblxuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBUYXNrQ29udGVudENvbXBvbmVudCxcbiAgICAgICAgRmllbGRDb21wb25lbnRSZXNvbHZlckNvbXBvbmVudFxuICAgIF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIE1hdGVyaWFsTW9kdWxlLFxuICAgICAgICBGbGV4TW9kdWxlLFxuICAgICAgICBUcmFuc2xhdGVMaWJNb2R1bGUsXG4gICAgICAgIFNuYWNrQmFyTW9kdWxlLFxuICAgICAgICBEYXRhRmllbGRzQ29tcG9uZW50TW9kdWxlXG4gICAgXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIFRhc2tDb250ZW50Q29tcG9uZW50XG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBUYXNrQ29udGVudENvbXBvbmVudE1vZHVsZSB7XG59XG4iXX0=

package/esm2022/lib/toolbar/toolbar.component.mjs

@@ -0,0 +1,28 @@
+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/common";
+import * as i4 from "@ngbracket/ngx-layout";
+import * as i5 from "@ngbracket/ngx-layout/extended";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/material/icon";
+import * as i8 from "@angular/material/menu";
+import * as i9 from "@angular/material/toolbar";
+export class ToolbarComponent extends AbstractToolbarComponent {
+    translate;
+    selectLangService;
+    constructor(translate, selectLangService) {
+        super(translate, selectLangService);
+        this.translate = translate;
+        this.selectLangService = selectLangService;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.TranslateService }, { token: i2.LanguageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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\" fxLayoutAlign=\"center center\">\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')\">{{ 'toolbar.menu.en' | translate }}\n                        <mat-icon *ngIf=\"activeLang('en')\" 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')\">{{ 'toolbar.menu.sk' | translate }}\n                        <mat-icon *ngIf=\"activeLang('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')\">{{ 'toolbar.menu.de' | translate }}\n                        <mat-icon *ngIf=\"activeLang('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"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.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"] }, { kind: "component", type: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i8.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i8.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i9.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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\" fxLayoutAlign=\"center center\">\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')\">{{ 'toolbar.menu.en' | translate }}\n                        <mat-icon *ngIf=\"activeLang('en')\" 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')\">{{ 'toolbar.menu.sk' | translate }}\n                        <mat-icon *ngIf=\"activeLang('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')\">{{ 'toolbar.menu.de' | translate }}\n                        <mat-icon *ngIf=\"activeLang('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: () => [{ type: i1.TranslateService }, { type: i2.LanguageService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi90b29sYmFyL3Rvb2xiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvdG9vbGJhci90b29sYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFeEMsT0FBTyxFQUFDLHdCQUF3QixFQUFrQixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7OztBQU9uRixNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsd0JBQXdCO0lBRXBDO0lBQXVDO0lBQTdELFlBQXNCLFNBQTJCLEVBQVksaUJBQWtDO1FBQzNGLEtBQUssQ0FBQyxTQUFTLEVBQUUsaUJBQWlCLENBQUMsQ0FBQztRQURsQixjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQUFZLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBaUI7SUFFL0YsQ0FBQzt3R0FKUSxnQkFBZ0I7NEZBQWhCLGdCQUFnQix5RUNUN0IsMnlHQXdEQTs7NEZEL0NhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDSSxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUcmFuc2xhdGVTZXJ2aWNlfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RUb29sYmFyQ29tcG9uZW50LCBMYW5ndWFnZVNlcnZpY2V9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtdG9vbGJhcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Rvb2xiYXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3Rvb2xiYXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUb29sYmFyQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RUb29sYmFyQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsIHByb3RlY3RlZCBzZWxlY3RMYW5nU2VydmljZTogTGFuZ3VhZ2VTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKHRyYW5zbGF0ZSwgc2VsZWN0TGFuZ1NlcnZpY2UpO1xuICAgIH1cbn1cbiIsIjxtYXQtdG9vbGJhciBjb2xvcj1cInByaW1hcnlcIj5cbiAgICA8bWF0LXRvb2xiYXItcm93IGZ4TGF5b3V0PVwicm93XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJtYWluLXRvb2xiYXItbG9nb1wiIGZ4RmxleCBmeExheW91dD1cInJvd1wiPlxuICAgICAgICAgICAgPGEgaHJlZj1cIi9cIj5cbiAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwibG9nb1NyY1wiIFthbHRdPVwibG9nb0FsdFwiPlxuICAgICAgICAgICAgPC9hPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBmeEZsZXggZnhIaWRlLmd0LXhzPVwiZmFsc2VcIiBmeEhpZGUubHQtbWQ9XCJ0cnVlXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiY2VudGVyXCI+XG4gICAgICAgICAgICB7e2FwcE5hbWV9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm1haW4tdG9vbGJhci1tZW51XCIgZnhGbGV4IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cImVuZFwiPlxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIFttYXRNZW51VHJpZ2dlckZvcl09XCJtYWluTWVudVwiIGNsYXNzPVwibWFpbi10b29sYmFyLW1lbnUtYnV0dG9uXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibWFpbi10b29sYmFyLWxvZ2dlZC11c2VyXCIgZnhIaWRlLnhzPVwidHJ1ZVwiPnt7bG9nZ2VkVXNlcn19PC9zcGFuPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm1haW4tdG9vbGJhci1pY29uXCIgYXJpYS1oaWRkZW49XCJmYWxzZVwiIGFyaWEtbGFiZWw9XCJFeGFtcGxlIGhvbWUgaWNvblwiPmFjY291bnRfY2lyY2xlXG4gICAgICAgICAgICAgICAgPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICA8bWF0LW1lbnUgI21haW5NZW51PVwibWF0TWVudVwiIGNsYXNzPVwibWFpbi10b29sYmFyLW9wZW5lZC1tZW51XCI+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LW1lbnUtaXRlbSBbbWF0TWVudVRyaWdnZXJGb3JdPVwibGFuZ3VhZ2VzXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJtYWluLXRvb2xiYXItbWVudS1pY29uXCIgYXJpYS1oaWRkZW49XCJmYWxzZVwiIGFyaWEtbGFiZWw9XCJFeGFtcGxlIGhvbWUgaWNvblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhbmd1YWdlXG4gICAgICAgICAgICAgICAgICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgICAgICAge3sgJ3Rvb2xiYXIubWVudS5sYW5nJyB8IHRyYW5zbGF0ZSB9fVxuICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtbWVudS1pdGVtPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwibWFpbi10b29sYmFyLW1lbnUtaWNvblwiIGFyaWEtaGlkZGVuPVwiZmFsc2VcIiBhcmlhLWxhYmVsPVwiRXhhbXBsZSBob21lIGljb25cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBhY2NvdW50X2NpcmNsZVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt7ICd0b29sYmFyLm1lbnUucHJvZmlsZScgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LW1lbnUtaXRlbT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm1haW4tdG9vbGJhci1tZW51LWljb25cIiBhcmlhLWhpZGRlbj1cImZhbHNlXCIgYXJpYS1sYWJlbD1cIkV4YW1wbGUgaG9tZSBpY29uXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZXhpdF90b19hcHBcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICB7eyAndG9vbGJhci5tZW51LmxvZ291dCcgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgPC9tYXQtbWVudT5cbiAgICAgICAgICAgICAgICA8bWF0LW1lbnUgI2xhbmd1YWdlcz1cIm1hdE1lbnVcIj5cbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtbWVudS1pdGVtIChjbGljayk9XCJzZXRMYW5nKCdlbicpXCI+e3sgJ3Rvb2xiYXIubWVudS5lbicgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cImFjdGl2ZUxhbmcoJ2VuJylcIiBjbGFzcz1cIm1haW4tdG9vbGJhci1tZW51LWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwiZmFsc2VcIiBhcmlhLWxhYmVsPVwiRXhhbXBsZSBob21lIGljb25cIj5rZXlib2FyZF9hcnJvd19sZWZ0XG4gICAgICAgICAgICAgICAgICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtbWVudS1pdGVtIChjbGljayk9XCJzZXRMYW5nKCdzaycpXCI+e3sgJ3Rvb2xiYXIubWVudS5zaycgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cImFjdGl2ZUxhbmcoJ3NrJylcIiBjbGFzcz1cIm1haW4tdG9vbGJhci1tZW51LWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwiZmFsc2VcIiBhcmlhLWxhYmVsPVwiRXhhbXBsZSBob21lIGljb25cIj5rZXlib2FyZF9hcnJvd19sZWZ0XG4gICAgICAgICAgICAgICAgICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtbWVudS1pdGVtIChjbGljayk9XCJzZXRMYW5nKCdkZScpXCI+e3sgJ3Rvb2xiYXIubWVudS5kZScgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cImFjdGl2ZUxhbmcoJ2RlJylcIiBjbGFzcz1cIm1haW4tdG9vbGJhci1tZW51LWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwiZmFsc2VcIiBhcmlhLWxhYmVsPVwiRXhhbXBsZSBob21lIGljb25cIj5rZXlib2FyZF9hcnJvd19sZWZ0XG4gICAgICAgICAgICAgICAgICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8L21hdC1tZW51PlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbWF0LXRvb2xiYXItcm93PlxuPC9tYXQtdG9vbGJhcj5cbiJdfQ==

package/esm2022/lib/toolbar/toolbar.module.mjs

@@ -0,0 +1,33 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ToolbarComponent } from './toolbar.component';
+import { FlexLayoutModule } from '@ngbracket/ngx-layout';
+import { MaterialModule, TranslateLibModule } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+export class ToolbarComponentModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ToolbarComponentModule, declarations: [ToolbarComponent], imports: [CommonModule,
+            FlexLayoutModule,
+            MaterialModule,
+            TranslateLibModule], exports: [ToolbarComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarComponentModule, imports: [CommonModule,
+            FlexLayoutModule,
+            MaterialModule,
+            TranslateLibModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ToolbarComponent],
+                    imports: [
+                        CommonModule,
+                        FlexLayoutModule,
+                        MaterialModule,
+                        TranslateLibModule
+                    ],
+                    exports: [
+                        ToolbarComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi90b29sYmFyL3Rvb2xiYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQ3JELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHVCQUF1QixDQUFDO0FBQ3ZELE9BQU8sRUFBQyxjQUFjLEVBQUUsa0JBQWtCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7QUFjNUUsTUFBTSxPQUFPLHNCQUFzQjt3R0FBdEIsc0JBQXNCO3lHQUF0QixzQkFBc0IsaUJBWGhCLGdCQUFnQixhQUUzQixZQUFZO1lBQ1osZ0JBQWdCO1lBQ2hCLGNBQWM7WUFDZCxrQkFBa0IsYUFHbEIsZ0JBQWdCO3lHQUdYLHNCQUFzQixZQVQzQixZQUFZO1lBQ1osZ0JBQWdCO1lBQ2hCLGNBQWM7WUFDZCxrQkFBa0I7OzRGQU1iLHNCQUFzQjtrQkFabEMsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztvQkFDaEMsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osZ0JBQWdCO3dCQUNoQixjQUFjO3dCQUNkLGtCQUFrQjtxQkFDckI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLGdCQUFnQjtxQkFDbkI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtUb29sYmFyQ29tcG9uZW50fSBmcm9tICcuL3Rvb2xiYXIuY29tcG9uZW50JztcbmltcG9ydCB7RmxleExheW91dE1vZHVsZX0gZnJvbSAnQG5nYnJhY2tldC9uZ3gtbGF5b3V0JztcbmltcG9ydCB7TWF0ZXJpYWxNb2R1bGUsIFRyYW5zbGF0ZUxpYk1vZHVsZX0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtUb29sYmFyQ29tcG9uZW50XSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgRmxleExheW91dE1vZHVsZSxcbiAgICAgICAgTWF0ZXJpYWxNb2R1bGUsXG4gICAgICAgIFRyYW5zbGF0ZUxpYk1vZHVsZVxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBUb29sYmFyQ29tcG9uZW50XG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBUb29sYmFyQ29tcG9uZW50TW9kdWxlIHtcbn1cbiJdfQ==

package/esm2022/lib/user/profile/profile.component.mjs

@@ -0,0 +1,26 @@
+import { Component } from '@angular/core';
+import { AbstractProfileComponent } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@netgrif/components-core";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngbracket/ngx-layout";
+import * as i4 from "@angular/material/card";
+import * as i5 from "@angular/material/chips";
+import * as i6 from "@angular/material/input";
+import * as i7 from "@angular/material/form-field";
+import * as i8 from "@angular/material/core";
+import * as i9 from "@ngx-translate/core";
+export class ProfileComponent extends AbstractProfileComponent {
+    _userService;
+    constructor(_userService) {
+        super(_userService);
+        this._userService = _userService;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProfileComponent, deps: [{ token: i1.UserService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ProfileComponent, selector: "nc-user-profile", usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"!user\">\n    <div fxLayout=\"row\" fxFlex=\"50\" fxLayoutAlign=\"center center\">\n        <mat-card fxLayoutAlign=\"center center\">\n            <h1>{{ 'profile.notLogged' | translate }}</h1>\n        </mat-card>\n    </div>\n</div>\n<div *ngIf=\"user\" fxLayout=\"column\" fxLayoutAlign=\"center start\">\n    <div [style.backgroundImage]=\"'url('+userBanner+')'\" fxLayout=\"row wrap\" class=\"full-width banner mat-elevation-z6\"\n         matRipple fxLayoutAlign=\"start center\">\n        <div class=\"user-avatar-large mat-elevation-z6 margin-banner\" matRipple>\n            <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n        </div>\n        <h1 class=\"white-name\">{{ user.fullName }}</h1>\n    </div>\n    <div fxLayout=\"row\" fxFlex fxLayoutAlign=\"center end\" class=\"full-width div-background netgrif-input\">\n        <div fxFlex=\"100\" fxFlex.gt-sm=\"80\" class=\"tab-group margin-bottom-x2 mat-elevation-z4\">\n            <div fxLayout=\"row wrap\">\n                <div fxFlex=\"100\" fxFlex.gt-sm=\"50\" class=\"padding-x2\" fxLayout=\"column\">\n                    <div fxLayout=\"column\" class=\"full-height border\">\n                        <div fxLayoutAlign=\"center start\" class=\"card-title margin-bottom-default\" matRipple>\n                            <h2>{{ 'profile.personal' | translate }}</h2>\n                        </div>\n                        <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"padding-default\">\n                            <mat-form-field appearance=\"outline\" class=\"full-width form-field\">\n                                <mat-label>{{ 'profile.name' | translate }}</mat-label>\n                                <input matInput disabled [value]=\"user.firstName\">\n                            </mat-form-field>\n                            <mat-form-field appearance=\"outline\" class=\"full-width form-field\">\n                                <mat-label>{{ 'profile.surname' | translate }}</mat-label>\n                                <input matInput disabled [value]=\"user.lastName\">\n                            </mat-form-field>\n                            <mat-form-field appearance=\"outline\" class=\"full-width form-field\">\n                                <mat-label>Email</mat-label>\n                                <input matInput disabled [value]=\"user.email\">\n                            </mat-form-field>\n                        </div>\n                    </div>\n                </div>\n                <div fxFlex=\"100\" fxFlex.gt-sm=\"50\" class=\"padding-x2\" fxLayout=\"column\">\n                    <div fxLayout=\"column\" class=\"full-height border\">\n                        <div fxLayoutAlign=\"center start\" class=\"card-title margin-bottom-default\" matRipple>\n                            <h2>{{ 'profile.authority' | translate }}</h2>\n                        </div>\n                        <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"padding-default\">\n                            <div class=\"user-chip-list full-width\" *ngIf=\"user.authorities?.length > 0\">\n                                <mat-chip-listbox class=\"chip-listbox\" [disabled]=\"true\">\n                                    <mat-chip-option class=\"chip-option\" color=\"primary\"\n                                                     *ngFor=\"let authority of user.authorities\">\n                                        {{ authority }}\n                                    </mat-chip-option>\n                                </mat-chip-listbox>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div fxLayout=\"row wrap\">\n                <div fxFlex=\"100\" fxFlex.gt-sm=\"50\" class=\"padding-x2\" fxLayout=\"column\">\n                    <div fxLayout=\"column\" class=\"full-height border\">\n                        <div fxLayoutAlign=\"center start\" class=\"card-title margin-bottom-default\" matRipple>\n                            <h2>{{ 'profile.roles' | translate }}</h2>\n                        </div>\n                        <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"padding-default\">\n                            <div class=\"user-chip-list full-width\" *ngIf=\"user.roles?.length > 0\">\n                                <mat-chip-listbox class=\"chip-listbox margin-top-default\" [disabled]=\"true\">\n                                    <mat-chip-option class=\"chip-option\" color=\"primary\"\n                                                     *ngFor=\"let role of user.roles\">\n                                        {{ role.name }}\n                                    </mat-chip-option>\n                                </mat-chip-listbox>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div fxFlex=\"100\" fxFlex.gt-sm=\"50\" class=\"padding-x2\" fxLayout=\"column\">\n                    <div fxLayout=\"column\" class=\"full-height border\">\n                        <div fxLayoutAlign=\"center start\" class=\"card-title margin-bottom-default\" matRipple>\n                            <h2>{{ 'profile.groups' | translate }}</h2>\n                        </div>\n                        <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"padding-default\">\n                            <div class=\"user-chip-list full-width\" *ngIf=\"user.groups?.length > 0\">\n                                <mat-chip-listbox class=\"chip-listbox\" [disabled]=\"true\">\n                                    <mat-chip-option class=\"chip-option\" color=\"primary\"\n                                                     *ngFor=\"let group of user.groups\">\n                                        {{ group }}\n                                    </mat-chip-option>\n                                </mat-chip-listbox>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.user-avatar-large{width:100px;height:100px;border-radius:100px}.banner{height:250px;background-repeat:no-repeat;background-size:cover}.margin-banner{margin-left:10%;margin-right:32px}.white-name{color:#fff}.tab-group{margin-top:-48px;z-index:100;background:#f0f0f0}.div-background{background:#ddd}.user-chip-list{width:100%;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;padding:8px}.chip-listbox{width:100%;max-height:200px;overflow-y:auto}.chip-option{white-space:normal;word-break:break-word;overflow:hidden;text-overflow:ellipsis;max-width:100%}.form-field{min-width:200px;max-width:100%;width:100%}.border{border:1px solid #dddddd;border-radius:6px;background:#fff}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i5.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i5.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProfileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-user-profile', template: "<div *ngIf=\"!user\">\n    <div fxLayout=\"row\" fxFlex=\"50\" fxLayoutAlign=\"center center\">\n        <mat-card fxLayoutAlign=\"center center\">\n            <h1>{{ 'profile.notLogged' | translate }}</h1>\n        </mat-card>\n    </div>\n</div>\n<div *ngIf=\"user\" fxLayout=\"column\" fxLayoutAlign=\"center start\">\n    <div [style.backgroundImage]=\"'url('+userBanner+')'\" fxLayout=\"row wrap\" class=\"full-width banner mat-elevation-z6\"\n         matRipple fxLayoutAlign=\"start center\">\n        <div class=\"user-avatar-large mat-elevation-z6 margin-banner\" matRipple>\n            <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n        </div>\n        <h1 class=\"white-name\">{{ user.fullName }}</h1>\n    </div>\n    <div fxLayout=\"row\" fxFlex fxLayoutAlign=\"center end\" class=\"full-width div-background netgrif-input\">\n        <div fxFlex=\"100\" fxFlex.gt-sm=\"80\" class=\"tab-group margin-bottom-x2 mat-elevation-z4\">\n            <div fxLayout=\"row wrap\">\n                <div fxFlex=\"100\" fxFlex.gt-sm=\"50\" class=\"padding-x2\" fxLayout=\"column\">\n                    <div fxLayout=\"column\" class=\"full-height border\">\n                        <div fxLayoutAlign=\"center start\" class=\"card-title margin-bottom-default\" matRipple>\n                            <h2>{{ 'profile.personal' | translate }}</h2>\n                        </div>\n                        <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"padding-default\">\n                            <mat-form-field appearance=\"outline\" class=\"full-width form-field\">\n                                <mat-label>{{ 'profile.name' | translate }}</mat-label>\n                                <input matInput disabled [value]=\"user.firstName\">\n                            </mat-form-field>\n                            <mat-form-field appearance=\"outline\" class=\"full-width form-field\">\n                                <mat-label>{{ 'profile.surname' | translate }}</mat-label>\n                                <input matInput disabled [value]=\"user.lastName\">\n                            </mat-form-field>\n                            <mat-form-field appearance=\"outline\" class=\"full-width form-field\">\n                                <mat-label>Email</mat-label>\n                                <input matInput disabled [value]=\"user.email\">\n                            </mat-form-field>\n                        </div>\n                    </div>\n                </div>\n                <div fxFlex=\"100\" fxFlex.gt-sm=\"50\" class=\"padding-x2\" fxLayout=\"column\">\n                    <div fxLayout=\"column\" class=\"full-height border\">\n                        <div fxLayoutAlign=\"center start\" class=\"card-title margin-bottom-default\" matRipple>\n                            <h2>{{ 'profile.authority' | translate }}</h2>\n                        </div>\n                        <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"padding-default\">\n                            <div class=\"user-chip-list full-width\" *ngIf=\"user.authorities?.length > 0\">\n                                <mat-chip-listbox class=\"chip-listbox\" [disabled]=\"true\">\n                                    <mat-chip-option class=\"chip-option\" color=\"primary\"\n                                                     *ngFor=\"let authority of user.authorities\">\n                                        {{ authority }}\n                                    </mat-chip-option>\n                                </mat-chip-listbox>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div fxLayout=\"row wrap\">\n                <div fxFlex=\"100\" fxFlex.gt-sm=\"50\" class=\"padding-x2\" fxLayout=\"column\">\n                    <div fxLayout=\"column\" class=\"full-height border\">\n                        <div fxLayoutAlign=\"center start\" class=\"card-title margin-bottom-default\" matRipple>\n                            <h2>{{ 'profile.roles' | translate }}</h2>\n                        </div>\n                        <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"padding-default\">\n                            <div class=\"user-chip-list full-width\" *ngIf=\"user.roles?.length > 0\">\n                                <mat-chip-listbox class=\"chip-listbox margin-top-default\" [disabled]=\"true\">\n                                    <mat-chip-option class=\"chip-option\" color=\"primary\"\n                                                     *ngFor=\"let role of user.roles\">\n                                        {{ role.name }}\n                                    </mat-chip-option>\n                                </mat-chip-listbox>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div fxFlex=\"100\" fxFlex.gt-sm=\"50\" class=\"padding-x2\" fxLayout=\"column\">\n                    <div fxLayout=\"column\" class=\"full-height border\">\n                        <div fxLayoutAlign=\"center start\" class=\"card-title margin-bottom-default\" matRipple>\n                            <h2>{{ 'profile.groups' | translate }}</h2>\n                        </div>\n                        <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"padding-default\">\n                            <div class=\"user-chip-list full-width\" *ngIf=\"user.groups?.length > 0\">\n                                <mat-chip-listbox class=\"chip-listbox\" [disabled]=\"true\">\n                                    <mat-chip-option class=\"chip-option\" color=\"primary\"\n                                                     *ngFor=\"let group of user.groups\">\n                                        {{ group }}\n                                    </mat-chip-option>\n                                </mat-chip-listbox>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.user-avatar-large{width:100px;height:100px;border-radius:100px}.banner{height:250px;background-repeat:no-repeat;background-size:cover}.margin-banner{margin-left:10%;margin-right:32px}.white-name{color:#fff}.tab-group{margin-top:-48px;z-index:100;background:#f0f0f0}.div-background{background:#ddd}.user-chip-list{width:100%;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;padding:8px}.chip-listbox{width:100%;max-height:200px;overflow-y:auto}.chip-option{white-space:normal;word-break:break-word;overflow:hidden;text-overflow:ellipsis;max-width:100%}.form-field{min-width:200px;max-width:100%;width:100%}.border{border:1px solid #dddddd;border-radius:6px;background:#fff}\n"] }]
+        }], ctorParameters: () => [{ type: i1.UserService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZmlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi91c2VyL3Byb2ZpbGUvcHJvZmlsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi91c2VyL3Byb2ZpbGUvcHJvZmlsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQyx3QkFBd0IsRUFBYyxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7OztBQU8vRSxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsd0JBQXdCO0lBQ3BDO0lBQXRCLFlBQXNCLFlBQXlCO1FBQzNDLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQztRQURGLGlCQUFZLEdBQVosWUFBWSxDQUFhO0lBRS9DLENBQUM7d0dBSFEsZ0JBQWdCOzRGQUFoQixnQkFBZ0IsOEVDUjdCLCttTUFnR0E7OzRGRHhGYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0ksaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFByb2ZpbGVDb21wb25lbnQsIFVzZXJTZXJ2aWNlfSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXVzZXItcHJvZmlsZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Byb2ZpbGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3Byb2ZpbGUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQcm9maWxlQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RQcm9maWxlQ29tcG9uZW50IHtcbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgX3VzZXJTZXJ2aWNlOiBVc2VyU2VydmljZSkge1xuICAgICAgICBzdXBlcihfdXNlclNlcnZpY2UpO1xuICAgIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCIhdXNlclwiPlxuICAgIDxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeEZsZXg9XCI1MFwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG4gICAgICAgIDxtYXQtY2FyZCBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxuICAgICAgICAgICAgPGgxPnt7ICdwcm9maWxlLm5vdExvZ2dlZCcgfCB0cmFuc2xhdGUgfX08L2gxPlxuICAgICAgICA8L21hdC1jYXJkPlxuICAgIDwvZGl2PlxuPC9kaXY+XG48ZGl2ICpuZ0lmPVwidXNlclwiIGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBzdGFydFwiPlxuICAgIDxkaXYgW3N0eWxlLmJhY2tncm91bmRJbWFnZV09XCIndXJsKCcrdXNlckJhbm5lcisnKSdcIiBmeExheW91dD1cInJvdyB3cmFwXCIgY2xhc3M9XCJmdWxsLXdpZHRoIGJhbm5lciBtYXQtZWxldmF0aW9uLXo2XCJcbiAgICAgICAgIG1hdFJpcHBsZSBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ1c2VyLWF2YXRhci1sYXJnZSBtYXQtZWxldmF0aW9uLXo2IG1hcmdpbi1iYW5uZXJcIiBtYXRSaXBwbGU+XG4gICAgICAgICAgICA8aW1nIFtzcmNdPVwidXNlckF2YXRhclwiIGFsdD1cInVzZXIgYXZhdGFyXCIgY2xhc3M9XCJmdWxsLXdpZHRoIGZ1bGwtaGVpZ2h0XCI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8aDEgY2xhc3M9XCJ3aGl0ZS1uYW1lXCI+e3sgdXNlci5mdWxsTmFtZSB9fTwvaDE+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBmeExheW91dD1cInJvd1wiIGZ4RmxleCBmeExheW91dEFsaWduPVwiY2VudGVyIGVuZFwiIGNsYXNzPVwiZnVsbC13aWR0aCBkaXYtYmFja2dyb3VuZCBuZXRncmlmLWlucHV0XCI+XG4gICAgICAgIDxkaXYgZnhGbGV4PVwiMTAwXCIgZnhGbGV4Lmd0LXNtPVwiODBcIiBjbGFzcz1cInRhYi1ncm91cCBtYXJnaW4tYm90dG9tLXgyIG1hdC1lbGV2YXRpb24tejRcIj5cbiAgICAgICAgICAgIDxkaXYgZnhMYXlvdXQ9XCJyb3cgd3JhcFwiPlxuICAgICAgICAgICAgICAgIDxkaXYgZnhGbGV4PVwiMTAwXCIgZnhGbGV4Lmd0LXNtPVwiNTBcIiBjbGFzcz1cInBhZGRpbmcteDJcIiBmeExheW91dD1cImNvbHVtblwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGZ4TGF5b3V0PVwiY29sdW1uXCIgY2xhc3M9XCJmdWxsLWhlaWdodCBib3JkZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBzdGFydFwiIGNsYXNzPVwiY2FyZC10aXRsZSBtYXJnaW4tYm90dG9tLWRlZmF1bHRcIiBtYXRSaXBwbGU+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgyPnt7ICdwcm9maWxlLnBlcnNvbmFsJyB8IHRyYW5zbGF0ZSB9fTwvaDI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgZnhGbGV4IGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIiBjbGFzcz1cInBhZGRpbmctZGVmYXVsdFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiIGNsYXNzPVwiZnVsbC13aWR0aCBmb3JtLWZpZWxkXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtbGFiZWw+e3sgJ3Byb2ZpbGUubmFtZScgfCB0cmFuc2xhdGUgfX08L21hdC1sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IG1hdElucHV0IGRpc2FibGVkIFt2YWx1ZV09XCJ1c2VyLmZpcnN0TmFtZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCIgY2xhc3M9XCJmdWxsLXdpZHRoIGZvcm0tZmllbGRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1sYWJlbD57eyAncHJvZmlsZS5zdXJuYW1lJyB8IHRyYW5zbGF0ZSB9fTwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgbWF0SW5wdXQgZGlzYWJsZWQgW3ZhbHVlXT1cInVzZXIubGFzdE5hbWVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiIGNsYXNzPVwiZnVsbC13aWR0aCBmb3JtLWZpZWxkXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtbGFiZWw+RW1haWw8L21hdC1sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IG1hdElucHV0IGRpc2FibGVkIFt2YWx1ZV09XCJ1c2VyLmVtYWlsXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGZ4RmxleD1cIjEwMFwiIGZ4RmxleC5ndC1zbT1cIjUwXCIgY2xhc3M9XCJwYWRkaW5nLXgyXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBmeExheW91dD1cImNvbHVtblwiIGNsYXNzPVwiZnVsbC1oZWlnaHQgYm9yZGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgc3RhcnRcIiBjbGFzcz1cImNhcmQtdGl0bGUgbWFyZ2luLWJvdHRvbS1kZWZhdWx0XCIgbWF0UmlwcGxlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoMj57eyAncHJvZmlsZS5hdXRob3JpdHknIHwgdHJhbnNsYXRlIH19PC9oMj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBmeEZsZXggZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiIGNsYXNzPVwicGFkZGluZy1kZWZhdWx0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInVzZXItY2hpcC1saXN0IGZ1bGwtd2lkdGhcIiAqbmdJZj1cInVzZXIuYXV0aG9yaXRpZXM/Lmxlbmd0aCA+IDBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1jaGlwLWxpc3Rib3ggY2xhc3M9XCJjaGlwLWxpc3Rib3hcIiBbZGlzYWJsZWRdPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1jaGlwLW9wdGlvbiBjbGFzcz1cImNoaXAtb3B0aW9uXCIgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGF1dGhvcml0eSBvZiB1c2VyLmF1dGhvcml0aWVzXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgYXV0aG9yaXR5IH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21hdC1jaGlwLW9wdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtY2hpcC1saXN0Ym94PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGZ4TGF5b3V0PVwicm93IHdyYXBcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGZ4RmxleD1cIjEwMFwiIGZ4RmxleC5ndC1zbT1cIjUwXCIgY2xhc3M9XCJwYWRkaW5nLXgyXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBmeExheW91dD1cImNvbHVtblwiIGNsYXNzPVwiZnVsbC1oZWlnaHQgYm9yZGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgc3RhcnRcIiBjbGFzcz1cImNhcmQtdGl0bGUgbWFyZ2luLWJvdHRvbS1kZWZhdWx0XCIgbWF0UmlwcGxlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoMj57eyAncHJvZmlsZS5yb2xlcycgfCB0cmFuc2xhdGUgfX08L2gyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGZ4RmxleCBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCIgY2xhc3M9XCJwYWRkaW5nLWRlZmF1bHRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidXNlci1jaGlwLWxpc3QgZnVsbC13aWR0aFwiICpuZ0lmPVwidXNlci5yb2xlcz8ubGVuZ3RoID4gMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWNoaXAtbGlzdGJveCBjbGFzcz1cImNoaXAtbGlzdGJveCBtYXJnaW4tdG9wLWRlZmF1bHRcIiBbZGlzYWJsZWRdPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1jaGlwLW9wdGlvbiBjbGFzcz1cImNoaXAtb3B0aW9uXCIgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IHJvbGUgb2YgdXNlci5yb2xlc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IHJvbGUubmFtZSB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtY2hpcC1vcHRpb24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbWF0LWNoaXAtbGlzdGJveD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGZ4RmxleD1cIjEwMFwiIGZ4RmxleC5ndC1zbT1cIjUwXCIgY2xhc3M9XCJwYWRkaW5nLXgyXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBmeExheW91dD1cImNvbHVtblwiIGNsYXNzPVwiZnVsbC1oZWlnaHQgYm9yZGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgc3RhcnRcIiBjbGFzcz1cImNhcmQtdGl0bGUgbWFyZ2luLWJvdHRvbS1kZWZhdWx0XCIgbWF0UmlwcGxlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoMj57eyAncHJvZmlsZS5ncm91cHMnIHwgdHJhbnNsYXRlIH19PC9oMj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBmeEZsZXggZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiIGNsYXNzPVwicGFkZGluZy1kZWZhdWx0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInVzZXItY2hpcC1saXN0IGZ1bGwtd2lkdGhcIiAqbmdJZj1cInVzZXIuZ3JvdXBzPy5sZW5ndGggPiAwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtY2hpcC1saXN0Ym94IGNsYXNzPVwiY2hpcC1saXN0Ym94XCIgW2Rpc2FibGVkXT1cInRydWVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtY2hpcC1vcHRpb24gY2xhc3M9XCJjaGlwLW9wdGlvblwiIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBncm91cCBvZiB1c2VyLmdyb3Vwc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IGdyb3VwIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21hdC1jaGlwLW9wdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtY2hpcC1saXN0Ym94PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/user/profile/profile.module.mjs

@@ -0,0 +1,33 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ProfileComponent } from './profile.component';
+import { MaterialModule, TranslateLibModule } from '@netgrif/components-core';
+import { MatInputModule } from '@angular/material/input';
+import * as i0 from "@angular/core";
+export class ProfileComponentModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProfileComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ProfileComponentModule, declarations: [ProfileComponent], imports: [CommonModule,
+            MaterialModule,
+            TranslateLibModule,
+            MatInputModule], exports: [ProfileComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProfileComponentModule, imports: [CommonModule,
+            MaterialModule,
+            TranslateLibModule,
+            MatInputModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProfileComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ProfileComponent],
+                    exports: [
+                        ProfileComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MaterialModule,
+                        TranslateLibModule,
+                        MatInputModule
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZmlsZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi91c2VyL3Byb2ZpbGUvcHJvZmlsZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDckQsT0FBTyxFQUFDLGNBQWMsRUFBRSxrQkFBa0IsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQzVFLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQzs7QUFldkQsTUFBTSxPQUFPLHNCQUFzQjt3R0FBdEIsc0JBQXNCO3lHQUF0QixzQkFBc0IsaUJBWGhCLGdCQUFnQixhQUszQixZQUFZO1lBQ1osY0FBYztZQUNkLGtCQUFrQjtZQUNsQixjQUFjLGFBTmQsZ0JBQWdCO3lHQVNYLHNCQUFzQixZQU4zQixZQUFZO1lBQ1osY0FBYztZQUNkLGtCQUFrQjtZQUNsQixjQUFjOzs0RkFHVCxzQkFBc0I7a0JBWmxDLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFLENBQUMsZ0JBQWdCLENBQUM7b0JBQ2hDLE9BQU8sRUFBRTt3QkFDTCxnQkFBZ0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2Qsa0JBQWtCO3dCQUNsQixjQUFjO3FCQUNqQjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1Byb2ZpbGVDb21wb25lbnR9IGZyb20gJy4vcHJvZmlsZS5jb21wb25lbnQnO1xuaW1wb3J0IHtNYXRlcmlhbE1vZHVsZSwgVHJhbnNsYXRlTGliTW9kdWxlfSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuaW1wb3J0IHtNYXRJbnB1dE1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuXG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbUHJvZmlsZUNvbXBvbmVudF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBQcm9maWxlQ29tcG9uZW50XG4gICAgXSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgTWF0ZXJpYWxNb2R1bGUsXG4gICAgICAgIFRyYW5zbGF0ZUxpYk1vZHVsZSxcbiAgICAgICAgTWF0SW5wdXRNb2R1bGVcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFByb2ZpbGVDb21wb25lbnRNb2R1bGUge1xufVxuIl19

package/esm2022/lib/user/user-card/user-card.component.mjs

@@ -0,0 +1,24 @@
+import { Component } from '@angular/core';
+import { AbstractUserCardComponent } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/router";
+import * as i3 from "@ngbracket/ngx-layout";
+import * as i4 from "@ngbracket/ngx-layout/extended";
+import * as i5 from "@angular/material/core";
+import * as i6 from "@angular/material/tooltip";
+import * as i7 from "@ngx-translate/core";
+export class UserCardComponent extends AbstractUserCardComponent {
+    _injector;
+    constructor(_injector) {
+        super(_injector);
+        this._injector = _injector;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserCardComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UserCardComponent, selector: "nc-user-card", usesInheritance: true, ngImport: i0, template: "<div [ngSwitch]=\"mode\" class=\"no-outline\">\n    <div *ngSwitchCase=\"'full'\" #fullShowcase fxLayout=\"column\" fxLayoutAlign=\"start center\"\n         class=\"full-showcase-container no-outline margin-bottom-x2\" [style.width.px]=\"width\"\n         [routerLink]=\"link\">\n        <ng-template [ngIf]=\"!userBannerExists()\">\n            <div class=\"banner-wrapper mat-elevation-z6\" matRipple [matRippleTrigger]=\"fullShowcase\">\n                <div [style.backgroundImage]=\"'url(assets/netgrif-cubes-upper-left.png)'\" class=\"cube-upper-left\">\n                    <div [style.backgroundImage]=\"'url(assets/netgrif-cubes-down-right.png)'\" class=\"cube-down-right\"></div>\n                </div>\n            </div>\n        </ng-template>\n        <ng-template [ngIf]=\"userBannerExists()\">\n            <div [style.backgroundImage]=\"'url('+userBanner+')'\" class=\"full-width user-banner mat-elevation-z6\" matRipple\n                 [matRippleTrigger]=\"fullShowcase\"></div>\n        </ng-template>\n        <div class=\"user-avatar-large margin-bottom-default mat-elevation-z6\" matRipple\n             [matRippleTrigger]=\"fullShowcase\">\n            <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n        </div>\n        <div fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"full-width full-showcase-text padding-default\">\n            <span>{{user.fullName}}</span>\n            <span class=\"impersonated-user-name\" *ngIf=\"user.isImpersonating()\">{{'side-menu.impersonation.impersonating' | translate }} {{user.getSelfOrImpersonated().fullName}}</span>\n            <span>{{user.email}}</span>\n        </div>\n    </div>\n    <div *ngSwitchCase=\"'horizontal'\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n         class=\"horizontal-showcase-container no-outline padding-default\" [routerLink]=\"link\" matRipple>\n        <div class=\"user-avatar-large mat-elevation-z6\">\n            <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n        </div>\n        <div fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"full-width full-showcase-text\">\n            <span>{{user.fullName}}</span>\n            <span>{{user.email}}</span>\n        </div>\n    </div>\n    <div *ngSwitchCase=\"'vertical'\" fxLayout=\"column\" fxLayoutAlign=\"start center\"\n         class=\"vertical-showcase-container no-outline padding-default\"\n         [routerLink]=\"link\" matRipple>\n        <div class=\"user-avatar-large mat-elevation-z6\">\n            <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n        </div>\n        <div fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"full-width full-showcase-text\">\n            <span>{{user.fullName}}</span>\n            <span>{{user.email}}</span>\n        </div>\n    </div>\n    <div *ngSwitchCase=\"'icon'\" [routerLink]=\"link\">\n        <div class=\"mat-elevation-z6 no-outline\"\n             [ngClass]=\"{'user-avatar-large':iconStyle === 'large', 'user-avatar-small':iconStyle==='small'}\"\n             [matTooltip]=\"user.fullName+'\\n'+user.email\"\n             matTooltipHideDelay=\"1000\"\n             [matTooltipPosition]=\"tooltipPosition\"\n             matRipple>\n            <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n        </div>\n    </div>\n    <div *ngSwitchDefault>\n        <span>{{ 'side-menu.user.showcase' | translate}}</span>\n    </div>\n</div>\n\n\n", styles: [".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.full-showcase-container .user-banner{height:100px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.full-showcase-container .user-avatar-large{margin-top:-32px}.banner-wrapper{height:100px;width:100%}.cube-upper-left{width:100%;height:100%;background-repeat:no-repeat;background-size:auto 80px}.cube-down-right{background-repeat:no-repeat;background-position-x:right;background-position-y:bottom;background-size:auto 30px;min-width:100%;min-height:100%;padding:0;margin:0}.user-avatar-large{width:64px;height:64px;border-radius:64px}.user-avatar-small{width:46px;height:46px;border-radius:46px}.full-showcase-text{text-align:center}.full-showcase-text span{font-size:12px;color:#616161}.full-showcase-text span:first-child{font-size:20px;color:#424242;margin-bottom:4px}.impersonated-user-name{font-size:16px}.horizontal-showcase-container{height:80px;border:1px solid #fd971f;border-radius:6px}.horizontal-showcase-container .user-avatar-large{margin-right:8px}.vertical-showcase-container{width:160px;border:1px solid #f0ad4e;border-radius:6px;white-space:pre-line}.vertical-showcase-container .user-avatar-large{margin-bottom:8px}::ng-deep .mat-mdc-tooltip{white-space:pre-line!important;text-align:center}.no-outline{outline:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i5.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-user-card', template: "<div [ngSwitch]=\"mode\" class=\"no-outline\">\n    <div *ngSwitchCase=\"'full'\" #fullShowcase fxLayout=\"column\" fxLayoutAlign=\"start center\"\n         class=\"full-showcase-container no-outline margin-bottom-x2\" [style.width.px]=\"width\"\n         [routerLink]=\"link\">\n        <ng-template [ngIf]=\"!userBannerExists()\">\n            <div class=\"banner-wrapper mat-elevation-z6\" matRipple [matRippleTrigger]=\"fullShowcase\">\n                <div [style.backgroundImage]=\"'url(assets/netgrif-cubes-upper-left.png)'\" class=\"cube-upper-left\">\n                    <div [style.backgroundImage]=\"'url(assets/netgrif-cubes-down-right.png)'\" class=\"cube-down-right\"></div>\n                </div>\n            </div>\n        </ng-template>\n        <ng-template [ngIf]=\"userBannerExists()\">\n            <div [style.backgroundImage]=\"'url('+userBanner+')'\" class=\"full-width user-banner mat-elevation-z6\" matRipple\n                 [matRippleTrigger]=\"fullShowcase\"></div>\n        </ng-template>\n        <div class=\"user-avatar-large margin-bottom-default mat-elevation-z6\" matRipple\n             [matRippleTrigger]=\"fullShowcase\">\n            <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n        </div>\n        <div fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"full-width full-showcase-text padding-default\">\n            <span>{{user.fullName}}</span>\n            <span class=\"impersonated-user-name\" *ngIf=\"user.isImpersonating()\">{{'side-menu.impersonation.impersonating' | translate }} {{user.getSelfOrImpersonated().fullName}}</span>\n            <span>{{user.email}}</span>\n        </div>\n    </div>\n    <div *ngSwitchCase=\"'horizontal'\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n         class=\"horizontal-showcase-container no-outline padding-default\" [routerLink]=\"link\" matRipple>\n        <div class=\"user-avatar-large mat-elevation-z6\">\n            <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n        </div>\n        <div fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"full-width full-showcase-text\">\n            <span>{{user.fullName}}</span>\n            <span>{{user.email}}</span>\n        </div>\n    </div>\n    <div *ngSwitchCase=\"'vertical'\" fxLayout=\"column\" fxLayoutAlign=\"start center\"\n         class=\"vertical-showcase-container no-outline padding-default\"\n         [routerLink]=\"link\" matRipple>\n        <div class=\"user-avatar-large mat-elevation-z6\">\n            <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n        </div>\n        <div fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"full-width full-showcase-text\">\n            <span>{{user.fullName}}</span>\n            <span>{{user.email}}</span>\n        </div>\n    </div>\n    <div *ngSwitchCase=\"'icon'\" [routerLink]=\"link\">\n        <div class=\"mat-elevation-z6 no-outline\"\n             [ngClass]=\"{'user-avatar-large':iconStyle === 'large', 'user-avatar-small':iconStyle==='small'}\"\n             [matTooltip]=\"user.fullName+'\\n'+user.email\"\n             matTooltipHideDelay=\"1000\"\n             [matTooltipPosition]=\"tooltipPosition\"\n             matRipple>\n            <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n        </div>\n    </div>\n    <div *ngSwitchDefault>\n        <span>{{ 'side-menu.user.showcase' | translate}}</span>\n    </div>\n</div>\n\n\n", styles: [".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.full-showcase-container .user-banner{height:100px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.full-showcase-container .user-avatar-large{margin-top:-32px}.banner-wrapper{height:100px;width:100%}.cube-upper-left{width:100%;height:100%;background-repeat:no-repeat;background-size:auto 80px}.cube-down-right{background-repeat:no-repeat;background-position-x:right;background-position-y:bottom;background-size:auto 30px;min-width:100%;min-height:100%;padding:0;margin:0}.user-avatar-large{width:64px;height:64px;border-radius:64px}.user-avatar-small{width:46px;height:46px;border-radius:46px}.full-showcase-text{text-align:center}.full-showcase-text span{font-size:12px;color:#616161}.full-showcase-text span:first-child{font-size:20px;color:#424242;margin-bottom:4px}.impersonated-user-name{font-size:16px}.horizontal-showcase-container{height:80px;border:1px solid #fd971f;border-radius:6px}.horizontal-showcase-container .user-avatar-large{margin-right:8px}.vertical-showcase-container{width:160px;border:1px solid #f0ad4e;border-radius:6px;white-space:pre-line}.vertical-showcase-container .user-avatar-large{margin-bottom:8px}::ng-deep .mat-mdc-tooltip{white-space:pre-line!important;text-align:center}.no-outline{outline:none!important}\n"] }]
+        }], ctorParameters: () => [{ type: i0.Injector }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3VzZXIvdXNlci1jYXJkL3VzZXItY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi91c2VyL3VzZXItY2FyZC91c2VyLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBVyxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUMseUJBQXlCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7O0FBT25FLE1BQU0sT0FBTyxpQkFBa0IsU0FBUSx5QkFBeUI7SUFFdEM7SUFBdEIsWUFBc0IsU0FBbUI7UUFDckMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBREMsY0FBUyxHQUFULFNBQVMsQ0FBVTtJQUV6QyxDQUFDO3dHQUpRLGlCQUFpQjs0RkFBakIsaUJBQWlCLDJFQ1I5QixnOUdBOERBOzs0RkR0RGEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNJLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0b3J9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFVzZXJDYXJkQ29tcG9uZW50fSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXVzZXItY2FyZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3VzZXItY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdXNlci1jYXJkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVXNlckNhcmRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFVzZXJDYXJkQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgICAgIHN1cGVyKF9pbmplY3Rvcik7XG4gICAgfVxufVxuIiwiPGRpdiBbbmdTd2l0Y2hdPVwibW9kZVwiIGNsYXNzPVwibm8tb3V0bGluZVwiPlxuICAgIDxkaXYgKm5nU3dpdGNoQ2FzZT1cIidmdWxsJ1wiICNmdWxsU2hvd2Nhc2UgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCJcbiAgICAgICAgIGNsYXNzPVwiZnVsbC1zaG93Y2FzZS1jb250YWluZXIgbm8tb3V0bGluZSBtYXJnaW4tYm90dG9tLXgyXCIgW3N0eWxlLndpZHRoLnB4XT1cIndpZHRoXCJcbiAgICAgICAgIFtyb3V0ZXJMaW5rXT1cImxpbmtcIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ0lmXT1cIiF1c2VyQmFubmVyRXhpc3RzKClcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJiYW5uZXItd3JhcHBlciBtYXQtZWxldmF0aW9uLXo2XCIgbWF0UmlwcGxlIFttYXRSaXBwbGVUcmlnZ2VyXT1cImZ1bGxTaG93Y2FzZVwiPlxuICAgICAgICAgICAgICAgIDxkaXYgW3N0eWxlLmJhY2tncm91bmRJbWFnZV09XCIndXJsKGFzc2V0cy9uZXRncmlmLWN1YmVzLXVwcGVyLWxlZnQucG5nKSdcIiBjbGFzcz1cImN1YmUtdXBwZXItbGVmdFwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IFtzdHlsZS5iYWNrZ3JvdW5kSW1hZ2VdPVwiJ3VybChhc3NldHMvbmV0Z3JpZi1jdWJlcy1kb3duLXJpZ2h0LnBuZyknXCIgY2xhc3M9XCJjdWJlLWRvd24tcmlnaHRcIj48L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8bmctdGVtcGxhdGUgW25nSWZdPVwidXNlckJhbm5lckV4aXN0cygpXCI+XG4gICAgICAgICAgICA8ZGl2IFtzdHlsZS5iYWNrZ3JvdW5kSW1hZ2VdPVwiJ3VybCgnK3VzZXJCYW5uZXIrJyknXCIgY2xhc3M9XCJmdWxsLXdpZHRoIHVzZXItYmFubmVyIG1hdC1lbGV2YXRpb24tejZcIiBtYXRSaXBwbGVcbiAgICAgICAgICAgICAgICAgW21hdFJpcHBsZVRyaWdnZXJdPVwiZnVsbFNob3djYXNlXCI+PC9kaXY+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ1c2VyLWF2YXRhci1sYXJnZSBtYXJnaW4tYm90dG9tLWRlZmF1bHQgbWF0LWVsZXZhdGlvbi16NlwiIG1hdFJpcHBsZVxuICAgICAgICAgICAgIFttYXRSaXBwbGVUcmlnZ2VyXT1cImZ1bGxTaG93Y2FzZVwiPlxuICAgICAgICAgICAgPGltZyBbc3JjXT1cInVzZXJBdmF0YXJcIiBhbHQ9XCJ1c2VyIGF2YXRhclwiIGNsYXNzPVwiZnVsbC13aWR0aCBmdWxsLWhlaWdodFwiPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCIgY2xhc3M9XCJmdWxsLXdpZHRoIGZ1bGwtc2hvd2Nhc2UtdGV4dCBwYWRkaW5nLWRlZmF1bHRcIj5cbiAgICAgICAgICAgIDxzcGFuPnt7dXNlci5mdWxsTmFtZX19PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJpbXBlcnNvbmF0ZWQtdXNlci1uYW1lXCIgKm5nSWY9XCJ1c2VyLmlzSW1wZXJzb25hdGluZygpXCI+e3snc2lkZS1tZW51LmltcGVyc29uYXRpb24uaW1wZXJzb25hdGluZycgfCB0cmFuc2xhdGUgfX0ge3t1c2VyLmdldFNlbGZPckltcGVyc29uYXRlZCgpLmZ1bGxOYW1lfX08L3NwYW4+XG4gICAgICAgICAgICA8c3Bhbj57e3VzZXIuZW1haWx9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdTd2l0Y2hDYXNlPVwiJ2hvcml6b250YWwnXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCJcbiAgICAgICAgIGNsYXNzPVwiaG9yaXpvbnRhbC1zaG93Y2FzZS1jb250YWluZXIgbm8tb3V0bGluZSBwYWRkaW5nLWRlZmF1bHRcIiBbcm91dGVyTGlua109XCJsaW5rXCIgbWF0UmlwcGxlPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidXNlci1hdmF0YXItbGFyZ2UgbWF0LWVsZXZhdGlvbi16NlwiPlxuICAgICAgICAgICAgPGltZyBbc3JjXT1cInVzZXJBdmF0YXJcIiBhbHQ9XCJ1c2VyIGF2YXRhclwiIGNsYXNzPVwiZnVsbC13aWR0aCBmdWxsLWhlaWdodFwiPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCIgY2xhc3M9XCJmdWxsLXdpZHRoIGZ1bGwtc2hvd2Nhc2UtdGV4dFwiPlxuICAgICAgICAgICAgPHNwYW4+e3t1c2VyLmZ1bGxOYW1lfX08L3NwYW4+XG4gICAgICAgICAgICA8c3Bhbj57e3VzZXIuZW1haWx9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdTd2l0Y2hDYXNlPVwiJ3ZlcnRpY2FsJ1wiIGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiXG4gICAgICAgICBjbGFzcz1cInZlcnRpY2FsLXNob3djYXNlLWNvbnRhaW5lciBuby1vdXRsaW5lIHBhZGRpbmctZGVmYXVsdFwiXG4gICAgICAgICBbcm91dGVyTGlua109XCJsaW5rXCIgbWF0UmlwcGxlPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidXNlci1hdmF0YXItbGFyZ2UgbWF0LWVsZXZhdGlvbi16NlwiPlxuICAgICAgICAgICAgPGltZyBbc3JjXT1cInVzZXJBdmF0YXJcIiBhbHQ9XCJ1c2VyIGF2YXRhclwiIGNsYXNzPVwiZnVsbC13aWR0aCBmdWxsLWhlaWdodFwiPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCIgY2xhc3M9XCJmdWxsLXdpZHRoIGZ1bGwtc2hvd2Nhc2UtdGV4dFwiPlxuICAgICAgICAgICAgPHNwYW4+e3t1c2VyLmZ1bGxOYW1lfX08L3NwYW4+XG4gICAgICAgICAgICA8c3Bhbj57e3VzZXIuZW1haWx9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdTd2l0Y2hDYXNlPVwiJ2ljb24nXCIgW3JvdXRlckxpbmtdPVwibGlua1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibWF0LWVsZXZhdGlvbi16NiBuby1vdXRsaW5lXCJcbiAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J3VzZXItYXZhdGFyLWxhcmdlJzppY29uU3R5bGUgPT09ICdsYXJnZScsICd1c2VyLWF2YXRhci1zbWFsbCc6aWNvblN0eWxlPT09J3NtYWxsJ31cIlxuICAgICAgICAgICAgIFttYXRUb29sdGlwXT1cInVzZXIuZnVsbE5hbWUrJ1xcbicrdXNlci5lbWFpbFwiXG4gICAgICAgICAgICAgbWF0VG9vbHRpcEhpZGVEZWxheT1cIjEwMDBcIlxuICAgICAgICAgICAgIFttYXRUb29sdGlwUG9zaXRpb25dPVwidG9vbHRpcFBvc2l0aW9uXCJcbiAgICAgICAgICAgICBtYXRSaXBwbGU+XG4gICAgICAgICAgICA8aW1nIFtzcmNdPVwidXNlckF2YXRhclwiIGFsdD1cInVzZXIgYXZhdGFyXCIgY2xhc3M9XCJmdWxsLXdpZHRoIGZ1bGwtaGVpZ2h0XCI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nU3dpdGNoRGVmYXVsdD5cbiAgICAgICAgPHNwYW4+e3sgJ3NpZGUtbWVudS51c2VyLnNob3djYXNlJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgIDwvZGl2PlxuPC9kaXY+XG5cblxuIl19