@netgrif/components 6.3.2 → 6.4.0-beta.10

package/esm2020/lib/data-fields/user-field/user-default-field/user-default-field.component.mjs

@@ -0,0 +1,35 @@
+import { Component, Inject, Optional } from '@angular/core';
+import { DATA_FIELD_PORTAL_DATA, AbstractUserDefaultFieldComponent } from '@netgrif/components-core';
+import { UserAssignDialogComponent } from '../../../dialog/user-assign-dialog/user-assign-dialog.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@netgrif/components-core";
+import * as i3 from "@ngx-translate/core";
+import * as i4 from "../../required-label/required-label.component";
+import * as i5 from "@angular/material/button";
+import * as i6 from "@angular/material/icon";
+import * as i7 from "@angular/flex-layout/flex";
+import * as i8 from "@angular/common";
+import * as i9 from "@angular/flex-layout/extended";
+import * as i10 from "@angular/material/tooltip";
+import * as i11 from "@angular/material/form-field";
+export class UserDefaultFieldComponent extends AbstractUserDefaultFieldComponent {
+    constructor(dialog, snackbar, translate, dataFieldPortalData) {
+        super(dialog, snackbar, translate, dataFieldPortalData);
+    }
+    selectUser() {
+        super.selectAbstractUser(UserAssignDialogComponent);
+    }
+}
+UserDefaultFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserDefaultFieldComponent, deps: [{ token: i1.MatDialog }, { token: i2.SnackBarService }, { token: i3.TranslateService }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+UserDefaultFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UserDefaultFieldComponent, selector: "nc-user-default-field", usesInheritance: true, ngImport: i0, template: "<div fxLayoutAlign=\"center center\" fxLayout=\"row\">\n    <div fxFlex=\"100\" class=\"netgrif-user-padding\">\n        <div #userLabel class=\"user-field-label\" [ngClass]=\"{'netgrif-label-disabled': formControlRef.disabled}\">\n            {{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n        </div>\n        <div class=\"form-input button-icon-input full-width\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n             [ngClass]=\"{'form-input-disabled': formControlRef.disabled, 'form-input-error': dataField.isInvalid(formControlRef)}\"\n             [ngStyle]=\"{\n                    '-webkit-clip-path': getCutProperty(userLabel),\n                    'clip-path': getCutProperty(userLabel)\n            }\">\n            <button mat-icon-button\n                    *ngIf=\"!!dataField.value\"\n                    [disabled]=\"formControlRef.disabled\"\n                    color=\"primary\"\n                    (click)=\"selectUser()\"\n                    [matTooltip]=\"'dataField.file.clickToUpload' | translate\"\n                    [class.do-not-click]=\"formControlRef.disabled\">\n                <mat-icon>how_to_reg</mat-icon>\n            </button>\n            <button mat-icon-button\n                    *ngIf=\"!dataField.value\"\n                    [disabled]=\"formControlRef.disabled\"\n                    color=\"primary\"\n                    (click)=\"selectUser()\"\n                    [matTooltip]=\"'dataField.file.clickToUpload' | translate\"\n                    [class.do-not-click]=\"formControlRef.disabled\">\n                <mat-icon>person_add</mat-icon>\n            </button>\n            <span fxFlex class=\"input-name-ellipsis\" [ngClass]=\"{'input-placeholder': !!dataField.value, 'no-cursor': !!dataField.value && formControlRef.disabled}\">\n                    {{!!dataField.value ? dataField.value.fullName : 'dataField.user.selectUser' | translate}}</span>\n        </div>\n        <mat-hint class=\"user-hint-error\" [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\"\n                  *ngIf=\"!dataField.isInvalid(formControlRef) && hasHint()\">{{dataField.description}}</mat-hint>\n        <mat-error class=\"user-hint-error\"\n                   *ngIf=\"dataField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n</div>\n", styles: [".do-not-click:hover{cursor:not-allowed}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-placeholder{color:#64748b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.form-input{background:#FFFFFF;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;padding:8px 15px;box-sizing:border-box;height:44px}.form-input:hover{border-width:2px;padding-left:1px!important}.form-input-disabled{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover{border-width:1px;padding:2px!important}.user-hint-error{font-size:75%;padding:0 1em;width:unset;position:absolute;margin-top:.5em;top:calc(100% - 2em)}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important;color:#64748b}.border-default{border-width:1px;border-style:solid;border-color:#000}@media only screen and (max-width: 959.99px){.input-name-ellipsis{word-break:break-word;white-space:normal;overflow-y:auto;max-height:40px}}.user-field-label{transform:translate(.4em,-.45em) scale(.75);transform-origin:left;color:#64748b;background:transparent;width:-moz-fit-content;width:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-user-padding{padding-bottom:13px;position:relative}\n"], components: [{ type: i4.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i7.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i7.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i7.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i9.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { type: i10.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i11.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i11.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i3.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserDefaultFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-user-default-field', template: "<div fxLayoutAlign=\"center center\" fxLayout=\"row\">\n    <div fxFlex=\"100\" class=\"netgrif-user-padding\">\n        <div #userLabel class=\"user-field-label\" [ngClass]=\"{'netgrif-label-disabled': formControlRef.disabled}\">\n            {{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n        </div>\n        <div class=\"form-input button-icon-input full-width\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n             [ngClass]=\"{'form-input-disabled': formControlRef.disabled, 'form-input-error': dataField.isInvalid(formControlRef)}\"\n             [ngStyle]=\"{\n                    '-webkit-clip-path': getCutProperty(userLabel),\n                    'clip-path': getCutProperty(userLabel)\n            }\">\n            <button mat-icon-button\n                    *ngIf=\"!!dataField.value\"\n                    [disabled]=\"formControlRef.disabled\"\n                    color=\"primary\"\n                    (click)=\"selectUser()\"\n                    [matTooltip]=\"'dataField.file.clickToUpload' | translate\"\n                    [class.do-not-click]=\"formControlRef.disabled\">\n                <mat-icon>how_to_reg</mat-icon>\n            </button>\n            <button mat-icon-button\n                    *ngIf=\"!dataField.value\"\n                    [disabled]=\"formControlRef.disabled\"\n                    color=\"primary\"\n                    (click)=\"selectUser()\"\n                    [matTooltip]=\"'dataField.file.clickToUpload' | translate\"\n                    [class.do-not-click]=\"formControlRef.disabled\">\n                <mat-icon>person_add</mat-icon>\n            </button>\n            <span fxFlex class=\"input-name-ellipsis\" [ngClass]=\"{'input-placeholder': !!dataField.value, 'no-cursor': !!dataField.value && formControlRef.disabled}\">\n                    {{!!dataField.value ? dataField.value.fullName : 'dataField.user.selectUser' | translate}}</span>\n        </div>\n        <mat-hint class=\"user-hint-error\" [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\"\n                  *ngIf=\"!dataField.isInvalid(formControlRef) && hasHint()\">{{dataField.description}}</mat-hint>\n        <mat-error class=\"user-hint-error\"\n                   *ngIf=\"dataField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n</div>\n", styles: [".do-not-click:hover{cursor:not-allowed}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-placeholder{color:#64748b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.form-input{background:#FFFFFF;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;padding:8px 15px;box-sizing:border-box;height:44px}.form-input:hover{border-width:2px;padding-left:1px!important}.form-input-disabled{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover{border-width:1px;padding:2px!important}.user-hint-error{font-size:75%;padding:0 1em;width:unset;position:absolute;margin-top:.5em;top:calc(100% - 2em)}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important;color:#64748b}.border-default{border-width:1px;border-style:solid;border-color:#000}@media only screen and (max-width: 959.99px){.input-name-ellipsis{word-break:break-word;white-space:normal;overflow-y:auto;max-height:40px}}.user-field-label{transform:translate(.4em,-.45em) scale(.75);transform-origin:left;color:#64748b;background:transparent;width:-moz-fit-content;width:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-user-padding{padding-bottom:13px;position:relative}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i2.SnackBarService }, { type: i3.TranslateService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DATA_FIELD_PORTAL_DATA]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3VzZXItZmllbGQvdXNlci1kZWZhdWx0LWZpZWxkL3VzZXItZGVmYXVsdC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy91c2VyLWZpZWxkL3VzZXItZGVmYXVsdC1maWVsZC91c2VyLWRlZmF1bHQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRTFELE9BQU8sRUFDSCxzQkFBc0IsRUFJdEIsaUNBQWlDLEVBQ3BDLE1BQU0sMEJBQTBCLENBQUM7QUFDbEMsT0FBTyxFQUFDLHlCQUF5QixFQUFDLE1BQU0saUVBQWlFLENBQUM7Ozs7Ozs7Ozs7Ozs7QUFRMUcsTUFBTSxPQUFPLHlCQUEwQixTQUFRLGlDQUFpQztJQUU1RSxZQUFZLE1BQWlCLEVBQ2pCLFFBQXlCLEVBQ3pCLFNBQTJCLEVBQ2lCLG1CQUFtRDtRQUN2RyxLQUFLLENBQUMsTUFBTSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBRU0sVUFBVTtRQUNiLEtBQUssQ0FBQyxrQkFBa0IsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO0lBQ3hELENBQUM7O3VIQVhRLHlCQUF5QiwwR0FLRixzQkFBc0I7MkdBTDdDLHlCQUF5QixvRkNqQnRDLHc1RUF1Q0E7NEZEdEJhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSx1QkFBdUI7OzBCQVNsQixRQUFROzswQkFBSSxNQUFNOzJCQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSBcIkBuZ3gtdHJhbnNsYXRlL2NvcmVcIjtcbmltcG9ydCB7XG4gICAgREFUQV9GSUVMRF9QT1JUQUxfREFUQSxcbiAgICBTbmFja0JhclNlcnZpY2UsXG4gICAgRGF0YUZpZWxkUG9ydGFsRGF0YSxcbiAgICBVc2VyRmllbGQsXG4gICAgQWJzdHJhY3RVc2VyRGVmYXVsdEZpZWxkQ29tcG9uZW50XG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1VzZXJBc3NpZ25EaWFsb2dDb21wb25lbnR9IGZyb20gJy4uLy4uLy4uL2RpYWxvZy91c2VyLWFzc2lnbi1kaWFsb2cvdXNlci1hc3NpZ24tZGlhbG9nLmNvbXBvbmVudCc7XG5pbXBvcnQge01hdERpYWxvZ30gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmMtdXNlci1kZWZhdWx0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VzZXItZGVmYXVsdC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3VzZXItZGVmYXVsdC1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFVzZXJEZWZhdWx0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFVzZXJEZWZhdWx0RmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoZGlhbG9nOiBNYXREaWFsb2csXG4gICAgICAgICAgICAgICAgc25hY2tiYXI6IFNuYWNrQmFyU2VydmljZSxcbiAgICAgICAgICAgICAgICB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBKSBkYXRhRmllbGRQb3J0YWxEYXRhOiBEYXRhRmllbGRQb3J0YWxEYXRhPFVzZXJGaWVsZD4pIHtcbiAgICAgICAgc3VwZXIoZGlhbG9nLCBzbmFja2JhciwgdHJhbnNsYXRlLCBkYXRhRmllbGRQb3J0YWxEYXRhKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2VsZWN0VXNlcigpIHtcbiAgICAgICAgc3VwZXIuc2VsZWN0QWJzdHJhY3RVc2VyKFVzZXJBc3NpZ25EaWFsb2dDb21wb25lbnQpO1xuICAgIH1cblxufVxuIiwiPGRpdiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiIGZ4TGF5b3V0PVwicm93XCI+XG4gICAgPGRpdiBmeEZsZXg9XCIxMDBcIiBjbGFzcz1cIm5ldGdyaWYtdXNlci1wYWRkaW5nXCI+XG4gICAgICAgIDxkaXYgI3VzZXJMYWJlbCBjbGFzcz1cInVzZXItZmllbGQtbGFiZWxcIiBbbmdDbGFzc109XCJ7J25ldGdyaWYtbGFiZWwtZGlzYWJsZWQnOiBmb3JtQ29udHJvbFJlZi5kaXNhYmxlZH1cIj5cbiAgICAgICAgICAgIHt7ZGF0YUZpZWxkLnRpdGxlfX1cbiAgICAgICAgICAgIDxuYy1yZXF1aXJlZC1sYWJlbCAqbmdJZj1cImRhdGFGaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiIFtpc0luXT1cIiFkYXRhRmllbGQuZGlzYWJsZWRcIj48L25jLXJlcXVpcmVkLWxhYmVsPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0taW5wdXQgYnV0dG9uLWljb24taW5wdXQgZnVsbC13aWR0aFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiXG4gICAgICAgICAgICAgW25nQ2xhc3NdPVwieydmb3JtLWlucHV0LWRpc2FibGVkJzogZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWQsICdmb3JtLWlucHV0LWVycm9yJzogZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZil9XCJcbiAgICAgICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgICAgICAgICAgICctd2Via2l0LWNsaXAtcGF0aCc6IGdldEN1dFByb3BlcnR5KHVzZXJMYWJlbCksXG4gICAgICAgICAgICAgICAgICAgICdjbGlwLXBhdGgnOiBnZXRDdXRQcm9wZXJ0eSh1c2VyTGFiZWwpXG4gICAgICAgICAgICB9XCI+XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIiEhZGF0YUZpZWxkLnZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImZvcm1Db250cm9sUmVmLmRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdFVzZXIoKVwiXG4gICAgICAgICAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIidkYXRhRmllbGQuZmlsZS5jbGlja1RvVXBsb2FkJyB8IHRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgIFtjbGFzcy5kby1ub3QtY2xpY2tdPVwiZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWRcIj5cbiAgICAgICAgICAgICAgICA8bWF0LWljb24+aG93X3RvX3JlZzwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiIWRhdGFGaWVsZC52YWx1ZVwiXG4gICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RVc2VyKClcIlxuICAgICAgICAgICAgICAgICAgICBbbWF0VG9vbHRpcF09XCInZGF0YUZpZWxkLmZpbGUuY2xpY2tUb1VwbG9hZCcgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICBbY2xhc3MuZG8tbm90LWNsaWNrXT1cImZvcm1Db250cm9sUmVmLmRpc2FibGVkXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uPnBlcnNvbl9hZGQ8L21hdC1pY29uPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8c3BhbiBmeEZsZXggY2xhc3M9XCJpbnB1dC1uYW1lLWVsbGlwc2lzXCIgW25nQ2xhc3NdPVwieydpbnB1dC1wbGFjZWhvbGRlcic6ICEhZGF0YUZpZWxkLnZhbHVlLCAnbm8tY3Vyc29yJzogISFkYXRhRmllbGQudmFsdWUgJiYgZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWR9XCI+XG4gICAgICAgICAgICAgICAgICAgIHt7ISFkYXRhRmllbGQudmFsdWUgPyBkYXRhRmllbGQudmFsdWUuZnVsbE5hbWUgOiAnZGF0YUZpZWxkLnVzZXIuc2VsZWN0VXNlcicgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxtYXQtaGludCBjbGFzcz1cInVzZXItaGludC1lcnJvclwiIFtuZ0NsYXNzXT1cInsnbWF0LWhpbnQtZGlzYWJsZWQnOiBmb3JtQ29udHJvbFJlZi5kaXNhYmxlZH1cIlxuICAgICAgICAgICAgICAgICAgKm5nSWY9XCIhZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZikgJiYgaGFzSGludCgpXCI+e3tkYXRhRmllbGQuZGVzY3JpcHRpb259fTwvbWF0LWhpbnQ+XG4gICAgICAgIDxtYXQtZXJyb3IgY2xhc3M9XCJ1c2VyLWhpbnQtZXJyb3JcIlxuICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZilcIj57eydkYXRhRmllbGQudmFsaWRhdGlvbnMucmVxdWlyZWQnIHwgdHJhbnNsYXRlfX08L21hdC1lcnJvcj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2020/lib/data-fields/user-field/user-field.component.mjs

@@ -1,32 +1,25 @@
 import { Component, Inject, Optional } from '@angular/core';
 import { AbstractUserFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA } from '@netgrif/components-core';
-import { UserAssignComponent } from '../../side-menu/content-components/user-assign/user-assign.component';
 import * as i0 from "@angular/core";
-import * as i1 from "@netgrif/components-core";
-import * as i2 from "@ngx-translate/core";
-import * as i3 from "../data-field-template/data-field-template.component";
-import * as i4 from "../required-label/required-label.component";
-import * as i5 from "@angular/material/button";
-import * as i6 from "@angular/material/icon";
-import * as i7 from "@angular/common";
-import * as i8 from "@angular/material/form-field";
+import * as i1 from "../data-field-template/data-field-template.component";
+import * as i2 from "@angular/common";
+/**
+ * @deprecated
+ * */
 export class UserFieldComponent extends AbstractUserFieldComponent {
-    constructor(sideMenuService, snackbar, translate, informAboutInvalidData) {
-        super(sideMenuService, snackbar, translate, informAboutInvalidData);
-    }
-    selectUser() {
-        this.selectAbstractUser(UserAssignComponent);
+    constructor(informAboutInvalidData) {
+        super(informAboutInvalidData);
     }
 }
-UserFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserFieldComponent, deps: [{ token: i1.SideMenuService }, { token: i1.SnackBarService }, { token: i2.TranslateService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-UserFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UserFieldComponent, selector: "nc-user-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"dataFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n\n    <div>\n        <mat-label class=\"netgrif-label\" *ngIf=\"!showLargeLayout.value\">{{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n            <br>\n        </mat-label>\n        <button mat-stroked-button\n                *ngIf=\"!!dataField.value\"\n                [disabled]=\"formControl.disabled\"\n                color=\"primary\"\n                (click)=\"selectUser()\">\n            <mat-icon>how_to_reg</mat-icon>\n            {{dataField.value.fullName}}\n            <mat-icon (click)='deleteUser()' color='warn' *ngIf='!formControl.disabled'>close</mat-icon>\n        </button>\n        <button mat-stroked-button\n                *ngIf=\"!dataField.value\"\n                [disabled]=\"formControl.disabled\"\n                color=\"primary\"\n                (click)=\"selectUser()\">\n            <mat-icon>person_add</mat-icon>\n            {{'dataField.user.selectUser' | translate}}\n        </button>\n        <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n\n</ng-template>\n", styles: [""], components: [{ type: i3.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i4.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.MatLabel, selector: "mat-label" }, { type: i8.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i2.TranslatePipe } });
+UserFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserFieldComponent, deps: [{ token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+UserFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UserFieldComponent, selector: "nc-user-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n", styles: [".do-not-click:hover{cursor:not-allowed}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-placeholder{color:#64748b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.form-input{background:#FFFFFF;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;padding:8px 15px;box-sizing:border-box;height:44px}.form-input:hover{border-width:2px;padding-left:1px!important}.form-input-disabled{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover{border-width:1px;padding:2px!important}.user-hint-error{font-size:75%;padding:0 1em;width:unset;position:absolute;margin-top:.5em;top:calc(100% - 2em)}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important;color:#64748b}.border-default{border-width:1px;border-style:solid;border-color:#000}@media only screen and (max-width: 959.99px){.input-name-ellipsis{word-break:break-word;white-space:normal;overflow-y:auto;max-height:40px}}.user-field-label{transform:translate(.4em,-.45em) scale(.75);transform-origin:left;color:#64748b;background:transparent;width:-moz-fit-content;width:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-user-padding{padding-bottom:13px;position:relative}\n"], components: [{ type: i1.DataFieldTemplateComponent, selector: "nc-data-field-template" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-user-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"dataFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n\n    <div>\n        <mat-label class=\"netgrif-label\" *ngIf=\"!showLargeLayout.value\">{{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n            <br>\n        </mat-label>\n        <button mat-stroked-button\n                *ngIf=\"!!dataField.value\"\n                [disabled]=\"formControl.disabled\"\n                color=\"primary\"\n                (click)=\"selectUser()\">\n            <mat-icon>how_to_reg</mat-icon>\n            {{dataField.value.fullName}}\n            <mat-icon (click)='deleteUser()' color='warn' *ngIf='!formControl.disabled'>close</mat-icon>\n        </button>\n        <button mat-stroked-button\n                *ngIf=\"!dataField.value\"\n                [disabled]=\"formControl.disabled\"\n                color=\"primary\"\n                (click)=\"selectUser()\">\n            <mat-icon>person_add</mat-icon>\n            {{'dataField.user.selectUser' | translate}}\n        </button>\n        <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n\n</ng-template>\n", styles: [""] }]
-        }], ctorParameters: function () { return [{ type: i1.SideMenuService }, { type: i1.SnackBarService }, { type: i2.TranslateService }, { type: undefined, decorators: [{
+            args: [{ selector: 'nc-user-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n", styles: [".do-not-click:hover{cursor:not-allowed}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-placeholder{color:#64748b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.form-input{background:#FFFFFF;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;padding:8px 15px;box-sizing:border-box;height:44px}.form-input:hover{border-width:2px;padding-left:1px!important}.form-input-disabled{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover{border-width:1px;padding:2px!important}.user-hint-error{font-size:75%;padding:0 1em;width:unset;position:absolute;margin-top:.5em;top:calc(100% - 2em)}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important;color:#64748b}.border-default{border-width:1px;border-style:solid;border-color:#000}@media only screen and (max-width: 959.99px){.input-name-ellipsis{word-break:break-word;white-space:normal;overflow-y:auto;max-height:40px}}.user-field-label{transform:translate(.4em,-.45em) scale(.75);transform-origin:left;color:#64748b;background:transparent;width:-moz-fit-content;width:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-user-padding{padding-bottom:13px;position:relative}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [NAE_INFORM_ABOUT_INVALID_DATA]
                 }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy91c2VyLWZpZWxkL3VzZXItZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdXNlci1maWVsZC91c2VyLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUMsMEJBQTBCLEVBQUUsNkJBQTZCLEVBQW1DLE1BQU0sMEJBQTBCLENBQUM7QUFDckksT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sc0VBQXNFLENBQUM7Ozs7Ozs7Ozs7QUFRekcsTUFBTSxPQUFPLGtCQUFtQixTQUFRLDBCQUEwQjtJQUU5RCxZQUFZLGVBQWdDLEVBQ2hDLFFBQXlCLEVBQ3pCLFNBQTJCLEVBQ3dCLHNCQUFzQztRQUNqRyxLQUFLLENBQUMsZUFBZSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsc0JBQXNCLENBQUMsQ0FBQztJQUN4RSxDQUFDO0lBRU0sVUFBVTtRQUNiLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0lBQ2pELENBQUM7O2dIQVhRLGtCQUFrQixnSEFLSyw2QkFBNkI7b0dBTHBELGtCQUFrQiw0RUNWL0IsNitDQWtDQTs0RkR4QmEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNJLGVBQWU7OzBCQVNaLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFVzZXJGaWVsZENvbXBvbmVudCwgTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEEsIFNpZGVNZW51U2VydmljZSwgU25hY2tCYXJTZXJ2aWNlfSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuaW1wb3J0IHtVc2VyQXNzaWduQ29tcG9uZW50fSBmcm9tICcuLi8uLi9zaWRlLW1lbnUvY29udGVudC1jb21wb25lbnRzL3VzZXItYXNzaWduL3VzZXItYXNzaWduLmNvbXBvbmVudCc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXVzZXItZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi91c2VyLWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi91c2VyLWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVXNlckZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RVc2VyRmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3Ioc2lkZU1lbnVTZXJ2aWNlOiBTaWRlTWVudVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgc25hY2tiYXI6IFNuYWNrQmFyU2VydmljZSxcbiAgICAgICAgICAgICAgICB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSkgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICAgICAgc3VwZXIoc2lkZU1lbnVTZXJ2aWNlLCBzbmFja2JhciwgdHJhbnNsYXRlLCBpbmZvcm1BYm91dEludmFsaWREYXRhKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2VsZWN0VXNlcigpIHtcbiAgICAgICAgdGhpcy5zZWxlY3RBYnN0cmFjdFVzZXIoVXNlckFzc2lnbkNvbXBvbmVudCk7XG4gICAgfVxufVxuIiwiPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9XCIhZGF0YUZpZWxkLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkVGVtcGxhdGVdPVwiZGF0YUZpZWxkVGVtcGxhdGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW29mZnNldF09XCJ0YXNrT2Zmc2V0XCI+XG48L25jLWRhdGEtZmllbGQtdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjZGF0YUZpZWxkVGVtcGxhdGUgbGV0LXNob3dMYXJnZUxheW91dD1cInNob3dMYXJnZUxheW91dFwiPlxuXG4gICAgPGRpdj5cbiAgICAgICAgPG1hdC1sYWJlbCBjbGFzcz1cIm5ldGdyaWYtbGFiZWxcIiAqbmdJZj1cIiFzaG93TGFyZ2VMYXlvdXQudmFsdWVcIj57e2RhdGFGaWVsZC50aXRsZX19XG4gICAgICAgICAgICA8bmMtcmVxdWlyZWQtbGFiZWwgKm5nSWY9XCJkYXRhRmllbGQuYmVoYXZpb3IucmVxdWlyZWRcIiBbaXNJbl09XCIhZGF0YUZpZWxkLmRpc2FibGVkXCI+PC9uYy1yZXF1aXJlZC1sYWJlbD5cbiAgICAgICAgICAgIDxicj5cbiAgICAgICAgPC9tYXQtbGFiZWw+XG4gICAgICAgIDxidXR0b24gbWF0LXN0cm9rZWQtYnV0dG9uXG4gICAgICAgICAgICAgICAgKm5nSWY9XCIhIWRhdGFGaWVsZC52YWx1ZVwiXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImZvcm1Db250cm9sLmRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RVc2VyKClcIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbj5ob3dfdG9fcmVnPC9tYXQtaWNvbj5cbiAgICAgICAgICAgIHt7ZGF0YUZpZWxkLnZhbHVlLmZ1bGxOYW1lfX1cbiAgICAgICAgICAgIDxtYXQtaWNvbiAoY2xpY2spPSdkZWxldGVVc2VyKCknIGNvbG9yPSd3YXJuJyAqbmdJZj0nIWZvcm1Db250cm9sLmRpc2FibGVkJz5jbG9zZTwvbWF0LWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8YnV0dG9uIG1hdC1zdHJva2VkLWJ1dHRvblxuICAgICAgICAgICAgICAgICpuZ0lmPVwiIWRhdGFGaWVsZC52YWx1ZVwiXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImZvcm1Db250cm9sLmRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RVc2VyKClcIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbj5wZXJzb25fYWRkPC9tYXQtaWNvbj5cbiAgICAgICAgICAgIHt7J2RhdGFGaWVsZC51c2VyLnNlbGVjdFVzZXInIHwgdHJhbnNsYXRlfX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sKVwiPnt7J2RhdGFGaWVsZC52YWxpZGF0aW9ucy5yZXF1aXJlZCcgfCB0cmFuc2xhdGV9fTwvbWF0LWVycm9yPlxuICAgIDwvZGl2PlxuXG48L25nLXRlbXBsYXRlPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy91c2VyLWZpZWxkL3VzZXItZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdXNlci1maWVsZC91c2VyLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUMsMEJBQTBCLEVBQUUsNkJBQTZCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7OztBQUVuRzs7S0FFSztBQU1MLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSwwQkFBMEI7SUFFOUQsWUFBK0Qsc0JBQXNDO1FBQ2pHLEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7O2dIQUpRLGtCQUFrQixrQkFFSyw2QkFBNkI7b0dBRnBELGtCQUFrQiw0RUNYL0IsZ01BSUE7NEZET2Esa0JBQWtCO2tCQUw5QixTQUFTOytCQUNJLGVBQWU7OzBCQU1aLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFVzZXJGaWVsZENvbXBvbmVudCwgTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEF9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbi8qKlxuICogQGRlcHJlY2F0ZWRcbiAqICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXVzZXItZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi91c2VyLWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi91c2VyLWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVXNlckZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RVc2VyRmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQEluamVjdChOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSkgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICAgICAgc3VwZXIoaW5mb3JtQWJvdXRJbnZhbGlkRGF0YSk7XG4gICAgfVxufVxuIiwiPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9XCIhZGF0YUZpZWxkLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbb2Zmc2V0XT1cInRhc2tPZmZzZXRcIj5cbjwvbmMtZGF0YS1maWVsZC10ZW1wbGF0ZT5cbiJdfQ==

package/esm2020/lib/data-fields/user-list-field/user-list-default-field/user-list-default-field.component.mjs

@@ -0,0 +1,39 @@
+import { Component, Inject, Optional } from '@angular/core';
+import { AbstractUserListDefaultFieldComponent, DATA_FIELD_PORTAL_DATA } from "@netgrif/components-core";
+import { MultiUserAssignDialogComponent } from '../../../dialog/multi-user-assign-dialog/multi-user-assign-dialog.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@netgrif/components-core";
+import * as i3 from "@ngx-translate/core";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@angular/material/button";
+import * as i6 from "@angular/material/icon";
+import * as i7 from "@angular/material/chips";
+import * as i8 from "@angular/common";
+import * as i9 from "@angular/flex-layout/extended";
+import * as i10 from "@angular/material/tooltip";
+import * as i11 from "@angular/forms";
+import * as i12 from "@angular/material/input";
+export class UserListDefaultFieldComponent extends AbstractUserListDefaultFieldComponent {
+    constructor(dialog, snackbar, translate, dataFieldPortalData) {
+        super(dialog, snackbar, translate, dataFieldPortalData);
+    }
+    selectUser() {
+        this.selectAbstractUser(MultiUserAssignDialogComponent);
+    }
+    deleteUser(userId) {
+        this.removeAbstractUser(userId);
+    }
+}
+UserListDefaultFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserListDefaultFieldComponent, deps: [{ token: i1.MatDialog }, { token: i2.SnackBarService }, { token: i3.TranslateService }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+UserListDefaultFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UserListDefaultFieldComponent, selector: "nc-user-list-default-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" [ngClass]=\"{'netgrif-chip-fix' : dataField.value?.userValues?.size > 0}\" color=\"primary\">\n    <mat-label class=\"netgrif-label\" [ngClass]=\"{'netgrif-label-disabled': formControlRef.disabled}\" *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n    <button mat-icon-button matPrefix\n            [disabled]=\"formControlRef.disabled\"\n            color=\"primary\"\n            (click)=\"selectUser()\"\n            [matTooltip]=\"'dataField.user.selectUser' | translate\"\n            [class.do-not-click]=\"formControlRef.disabled\">\n        <mat-icon>how_to_reg</mat-icon>\n    </button>\n    <mat-chip-list #chipList aria-label=\"Autocomplete\" [formControl]=\"formControlRef\">\n        <mat-chip\n            *ngFor='let user of dataField.value.userValues | keyvalue' (removed)=\"deleteUser(user.key)\">\n            {{user.value.fullName}}\n            <button *ngIf=\"!formControlRef.disabled\" matChipRemove>\n                <mat-icon>cancel</mat-icon>\n            </button>\n        </mat-chip>\n        <input\n            aria-label=\"Autocomplete\"\n            matInput\n            #input\n            [placeholder]=\"dataField.placeholder\"\n            [required]=\"dataField.behavior.required\"\n            [matChipInputFor]=\"chipList\">\n    </mat-chip-list>\n    <mat-hint [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\">{{dataField.description}}</mat-hint>\n    <mat-error *ngIf='dataField.isInvalid(formControlRef)'>{{'dataField.validations.required' | translate}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }], directives: [{ type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatLabel, selector: "mat-label" }, { type: i4.MatPrefix, selector: "[matPrefix]" }, { type: i10.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i11.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i11.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i7.MatChipRemove, selector: "[matChipRemove]" }, { type: i12.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i4.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i3.TranslatePipe, "keyvalue": i8.KeyValuePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserListDefaultFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-user-list-default-field', template: "<mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" [ngClass]=\"{'netgrif-chip-fix' : dataField.value?.userValues?.size > 0}\" color=\"primary\">\n    <mat-label class=\"netgrif-label\" [ngClass]=\"{'netgrif-label-disabled': formControlRef.disabled}\" *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n    <button mat-icon-button matPrefix\n            [disabled]=\"formControlRef.disabled\"\n            color=\"primary\"\n            (click)=\"selectUser()\"\n            [matTooltip]=\"'dataField.user.selectUser' | translate\"\n            [class.do-not-click]=\"formControlRef.disabled\">\n        <mat-icon>how_to_reg</mat-icon>\n    </button>\n    <mat-chip-list #chipList aria-label=\"Autocomplete\" [formControl]=\"formControlRef\">\n        <mat-chip\n            *ngFor='let user of dataField.value.userValues | keyvalue' (removed)=\"deleteUser(user.key)\">\n            {{user.value.fullName}}\n            <button *ngIf=\"!formControlRef.disabled\" matChipRemove>\n                <mat-icon>cancel</mat-icon>\n            </button>\n        </mat-chip>\n        <input\n            aria-label=\"Autocomplete\"\n            matInput\n            #input\n            [placeholder]=\"dataField.placeholder\"\n            [required]=\"dataField.behavior.required\"\n            [matChipInputFor]=\"chipList\">\n    </mat-chip-list>\n    <mat-hint [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\">{{dataField.description}}</mat-hint>\n    <mat-error *ngIf='dataField.isInvalid(formControlRef)'>{{'dataField.validations.required' | translate}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i2.SnackBarService }, { type: i3.TranslateService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DATA_FIELD_PORTAL_DATA]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1saXN0LWRlZmF1bHQtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdXNlci1saXN0LWZpZWxkL3VzZXItbGlzdC1kZWZhdWx0LWZpZWxkL3VzZXItbGlzdC1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3VzZXItbGlzdC1maWVsZC91c2VyLWxpc3QtZGVmYXVsdC1maWVsZC91c2VyLWxpc3QtZGVmYXVsdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUNILHFDQUFxQyxFQUNyQyxzQkFBc0IsRUFJekIsTUFBTSwwQkFBMEIsQ0FBQztBQUVsQyxPQUFPLEVBQ0gsOEJBQThCLEVBQ2pDLE1BQU0sNkVBQTZFLENBQUM7Ozs7Ozs7Ozs7Ozs7O0FBUXJGLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSxxQ0FBcUM7SUFFcEYsWUFBWSxNQUFpQixFQUNqQixRQUF5QixFQUN6QixTQUEyQixFQUNpQixtQkFBdUQ7UUFDM0csS0FBSyxDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixDQUFDLENBQUM7SUFDNUQsQ0FBQztJQUVNLFVBQVU7UUFDYixJQUFJLENBQUMsa0JBQWtCLENBQUMsOEJBQThCLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBRU0sVUFBVSxDQUFDLE1BQWM7UUFDNUIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3BDLENBQUM7OzJIQWZRLDZCQUE2QiwwR0FLTixzQkFBc0I7K0dBTDdDLDZCQUE2Qix5RkNuQjFDLDRtREE2QkE7NEZEVmEsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLDRCQUE0Qjs7MEJBU3ZCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdFVzZXJMaXN0RGVmYXVsdEZpZWxkQ29tcG9uZW50LFxuICAgIERBVEFfRklFTERfUE9SVEFMX0RBVEEsXG4gICAgRGF0YUZpZWxkUG9ydGFsRGF0YSxcbiAgICBTbmFja0JhclNlcnZpY2UsXG4gICAgVXNlckxpc3RGaWVsZFxufSBmcm9tIFwiQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlXCI7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gXCJAbmd4LXRyYW5zbGF0ZS9jb3JlXCI7XG5pbXBvcnQge1xuICAgIE11bHRpVXNlckFzc2lnbkRpYWxvZ0NvbXBvbmVudFxufSBmcm9tICcuLi8uLi8uLi9kaWFsb2cvbXVsdGktdXNlci1hc3NpZ24tZGlhbG9nL211bHRpLXVzZXItYXNzaWduLWRpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHtNYXREaWFsb2d9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25jLXVzZXItbGlzdC1kZWZhdWx0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VzZXItbGlzdC1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdXNlci1saXN0LWRlZmF1bHQtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBVc2VyTGlzdERlZmF1bHRGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0VXNlckxpc3REZWZhdWx0RmllbGRDb21wb25lbnR7XG5cbiAgICBjb25zdHJ1Y3RvcihkaWFsb2c6IE1hdERpYWxvZyxcbiAgICAgICAgICAgICAgICBzbmFja2JhcjogU25hY2tCYXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICAgICAgICAgICAgICBAT3B0aW9uYWwoKSBASW5qZWN0KERBVEFfRklFTERfUE9SVEFMX0RBVEEpIGRhdGFGaWVsZFBvcnRhbERhdGE6IERhdGFGaWVsZFBvcnRhbERhdGE8VXNlckxpc3RGaWVsZD4pIHtcbiAgICAgICAgc3VwZXIoZGlhbG9nLCBzbmFja2JhciwgdHJhbnNsYXRlLCBkYXRhRmllbGRQb3J0YWxEYXRhKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2VsZWN0VXNlcigpIHtcbiAgICAgICAgdGhpcy5zZWxlY3RBYnN0cmFjdFVzZXIoTXVsdGlVc2VyQXNzaWduRGlhbG9nQ29tcG9uZW50KTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZGVsZXRlVXNlcih1c2VySWQ6IHN0cmluZykge1xuICAgICAgICB0aGlzLnJlbW92ZUFic3RyYWN0VXNlcih1c2VySWQpO1xuICAgIH1cblxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cImRhdGFGaWVsZC5tYXRlcmlhbEFwcGVhcmFuY2VcIiBjbGFzcz1cImZ1bGwtd2lkdGhcIiBbbmdDbGFzc109XCJ7J25ldGdyaWYtY2hpcC1maXgnIDogZGF0YUZpZWxkLnZhbHVlPy51c2VyVmFsdWVzPy5zaXplID4gMH1cIiBjb2xvcj1cInByaW1hcnlcIj5cbiAgICA8bWF0LWxhYmVsIGNsYXNzPVwibmV0Z3JpZi1sYWJlbFwiIFtuZ0NsYXNzXT1cInsnbmV0Z3JpZi1sYWJlbC1kaXNhYmxlZCc6IGZvcm1Db250cm9sUmVmLmRpc2FibGVkfVwiICpuZ0lmPVwiIXNob3dMYXJnZUxheW91dC52YWx1ZVwiPnt7ZGF0YUZpZWxkLnRpdGxlfX08L21hdC1sYWJlbD5cbiAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBtYXRQcmVmaXhcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiXG4gICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdFVzZXIoKVwiXG4gICAgICAgICAgICBbbWF0VG9vbHRpcF09XCInZGF0YUZpZWxkLnVzZXIuc2VsZWN0VXNlcicgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgW2NsYXNzLmRvLW5vdC1jbGlja109XCJmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiPlxuICAgICAgICA8bWF0LWljb24+aG93X3RvX3JlZzwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG4gICAgPG1hdC1jaGlwLWxpc3QgI2NoaXBMaXN0IGFyaWEtbGFiZWw9XCJBdXRvY29tcGxldGVcIiBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xSZWZcIj5cbiAgICAgICAgPG1hdC1jaGlwXG4gICAgICAgICAgICAqbmdGb3I9J2xldCB1c2VyIG9mIGRhdGFGaWVsZC52YWx1ZS51c2VyVmFsdWVzIHwga2V5dmFsdWUnIChyZW1vdmVkKT1cImRlbGV0ZVVzZXIodXNlci5rZXkpXCI+XG4gICAgICAgICAgICB7e3VzZXIudmFsdWUuZnVsbE5hbWV9fVxuICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cIiFmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiIG1hdENoaXBSZW1vdmU+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uPmNhbmNlbDwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9tYXQtY2hpcD5cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgICBhcmlhLWxhYmVsPVwiQXV0b2NvbXBsZXRlXCJcbiAgICAgICAgICAgIG1hdElucHV0XG4gICAgICAgICAgICAjaW5wdXRcbiAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJkYXRhRmllbGQucGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgW3JlcXVpcmVkXT1cImRhdGFGaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiXG4gICAgICAgICAgICBbbWF0Q2hpcElucHV0Rm9yXT1cImNoaXBMaXN0XCI+XG4gICAgPC9tYXQtY2hpcC1saXN0PlxuICAgIDxtYXQtaGludCBbbmdDbGFzc109XCJ7J21hdC1oaW50LWRpc2FibGVkJzogZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWR9XCI+e3tkYXRhRmllbGQuZGVzY3JpcHRpb259fTwvbWF0LWhpbnQ+XG4gICAgPG1hdC1lcnJvciAqbmdJZj0nZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZiknPnt7J2RhdGFGaWVsZC52YWxpZGF0aW9ucy5yZXF1aXJlZCcgfCB0cmFuc2xhdGV9fTwvbWF0LWVycm9yPlxuPC9tYXQtZm9ybS1maWVsZD5cbiJdfQ==

package/esm2020/lib/data-fields/user-list-field/user-list-field.component.mjs

@@ -1,35 +1,25 @@
 import { Component, Inject, Optional } from '@angular/core';
-import { AbstractUserListFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA } from '@netgrif/components-core';
-import { MultiUserAssignComponent } from "../../side-menu/content-components/multi-user-assign/multi-user-assign.component";
+import { AbstractUserListFieldComponent, 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 "@ngx-translate/core";
-import * as i3 from "../data-field-template/data-field-template.component";
-import * as i4 from "../required-label/required-label.component";
-import * as i5 from "@angular/material/button";
-import * as i6 from "@angular/material/icon";
-import * as i7 from "@angular/common";
-import * as i8 from "@angular/material/form-field";
+import * as i1 from "../data-field-template/data-field-template.component";
+import * as i2 from "@angular/common";
+/**
+ * @deprecated
+ * */
 export class UserListFieldComponent extends AbstractUserListFieldComponent {
-    constructor(sideMenuService, snackbar, translate, informAboutInvalidData) {
-        super(sideMenuService, snackbar, translate, informAboutInvalidData);
-    }
-    selectUser() {
-        this.selectAbstractUser(MultiUserAssignComponent);
-    }
-    deleteUser(userId) {
-        this.removeAbstractUser(userId);
+    constructor(informAboutInvalidData) {
+        super(informAboutInvalidData);
     }
 }
-UserListFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserListFieldComponent, deps: [{ token: i1.SideMenuService }, { token: i1.SnackBarService }, { token: i2.TranslateService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-UserListFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UserListFieldComponent, selector: "nc-user-list-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf='!dataField.behavior.hidden'\n                        [dataField]='dataField'\n                        [dataFieldTemplate]='dataFieldTemplate'\n                        [offset]='taskOffset'>\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout='showLargeLayout'>\n    <mat-label class='netgrif-label' *ngIf='!showLargeLayout.value'>{{dataField.title}}\n        <nc-required-label *ngIf='dataField.behavior.required' [isIn]='!dataField.disabled'></nc-required-label>\n        <br>\n    </mat-label>\n    <button *ngIf='!formControl.disabled' mat-stroked-button class='user-list-item-margin'\n            [disabled]='formControl.disabled'\n            color='primary'\n            (click)='selectUser()'>\n        <mat-icon>person_add</mat-icon>\n        {{'dataField.user.selectUser' | translate}}\n    </button>\n    <span *ngIf='dataField?.value?.userValues?.size > 0'>\n        <span *ngFor='let user of dataField.value.userValues | keyvalue' class='user-list-item-margin'>\n            <button mat-stroked-button\n                    [disabled]='formControl.disabled'\n                    color='primary'>\n                <mat-icon>how_to_reg</mat-icon>\n                {{user.value.fullName}}\n                <mat-icon (click)='deleteUser(user.key)' color='warn' *ngIf='!formControl.disabled'>close</mat-icon>\n            </button>\n        </span>\n    </span>\n    <mat-error *ngIf='dataField.isInvalid(formControl)'>{{'dataField.validations.required' | translate}}</mat-error>\n</ng-template>\n", styles: [".user-list-item-margin{margin:0 4px 4px}\n"], components: [{ type: i3.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i4.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.MatLabel, selector: "mat-label" }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i2.TranslatePipe, "keyvalue": i7.KeyValuePipe } });
+UserListFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserListFieldComponent, deps: [{ token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+UserListFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UserListFieldComponent, selector: "nc-user-list-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf='!dataField.behavior.hidden'\n                        [dataField]='dataField'\n                        [offset]='taskOffset'>\n</nc-data-field-template>\n\n", styles: [""], components: [{ type: i1.DataFieldTemplateComponent, selector: "nc-data-field-template" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserListFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-user-list-field', template: "<nc-data-field-template *ngIf='!dataField.behavior.hidden'\n                        [dataField]='dataField'\n                        [dataFieldTemplate]='dataFieldTemplate'\n                        [offset]='taskOffset'>\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout='showLargeLayout'>\n    <mat-label class='netgrif-label' *ngIf='!showLargeLayout.value'>{{dataField.title}}\n        <nc-required-label *ngIf='dataField.behavior.required' [isIn]='!dataField.disabled'></nc-required-label>\n        <br>\n    </mat-label>\n    <button *ngIf='!formControl.disabled' mat-stroked-button class='user-list-item-margin'\n            [disabled]='formControl.disabled'\n            color='primary'\n            (click)='selectUser()'>\n        <mat-icon>person_add</mat-icon>\n        {{'dataField.user.selectUser' | translate}}\n    </button>\n    <span *ngIf='dataField?.value?.userValues?.size > 0'>\n        <span *ngFor='let user of dataField.value.userValues | keyvalue' class='user-list-item-margin'>\n            <button mat-stroked-button\n                    [disabled]='formControl.disabled'\n                    color='primary'>\n                <mat-icon>how_to_reg</mat-icon>\n                {{user.value.fullName}}\n                <mat-icon (click)='deleteUser(user.key)' color='warn' *ngIf='!formControl.disabled'>close</mat-icon>\n            </button>\n        </span>\n    </span>\n    <mat-error *ngIf='dataField.isInvalid(formControl)'>{{'dataField.validations.required' | translate}}</mat-error>\n</ng-template>\n", styles: [".user-list-item-margin{margin:0 4px 4px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.SideMenuService }, { type: i1.SnackBarService }, { type: i2.TranslateService }, { type: undefined, decorators: [{
+            args: [{ selector: 'nc-user-list-field', template: "<nc-data-field-template *ngIf='!dataField.behavior.hidden'\n                        [dataField]='dataField'\n                        [offset]='taskOffset'>\n</nc-data-field-template>\n\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [NAE_INFORM_ABOUT_INVALID_DATA]
                 }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1saXN0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3VzZXItbGlzdC1maWVsZC91c2VyLWxpc3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdXNlci1saXN0LWZpZWxkL3VzZXItbGlzdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFNUQsT0FBTyxFQUNILDhCQUE4QixFQUM5Qiw2QkFBNkIsRUFHaEMsTUFBTSwwQkFBMEIsQ0FBQztBQUNsQyxPQUFPLEVBQUMsd0JBQXdCLEVBQUMsTUFBTSxrRkFBa0YsQ0FBQzs7Ozs7Ozs7OztBQU8xSCxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsOEJBQThCO0lBRXRFLFlBQVksZUFBZ0MsRUFDaEMsUUFBeUIsRUFDekIsU0FBMkIsRUFDd0Isc0JBQXNDO1FBQ2pHLEtBQUssQ0FBQyxlQUFlLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxzQkFBc0IsQ0FBQyxDQUFDO0lBQ3hFLENBQUM7SUFFTSxVQUFVO1FBQ2IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLHdCQUF3QixDQUFDLENBQUM7SUFDdEQsQ0FBQztJQUVNLFVBQVUsQ0FBQyxNQUFjO1FBQzVCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNwQyxDQUFDOztvSEFmUSxzQkFBc0IsZ0hBS0MsNkJBQTZCO3dHQUxwRCxzQkFBc0IsaUZDZm5DLDhoREErQkE7NEZEaEJhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxvQkFBb0I7OzBCQVNmLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0VXNlckxpc3RGaWVsZENvbXBvbmVudCxcbiAgICBOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSxcbiAgICBTaWRlTWVudVNlcnZpY2UsXG4gICAgU25hY2tCYXJTZXJ2aWNlXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge011bHRpVXNlckFzc2lnbkNvbXBvbmVudH0gZnJvbSBcIi4uLy4uL3NpZGUtbWVudS9jb250ZW50LWNvbXBvbmVudHMvbXVsdGktdXNlci1hc3NpZ24vbXVsdGktdXNlci1hc3NpZ24uY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25jLXVzZXItbGlzdC1maWVsZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi91c2VyLWxpc3QtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi91c2VyLWxpc3QtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBVc2VyTGlzdEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RVc2VyTGlzdEZpZWxkQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHNpZGVNZW51U2VydmljZTogU2lkZU1lbnVTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHNuYWNrYmFyOiBTbmFja0JhclNlcnZpY2UsXG4gICAgICAgICAgICAgICAgdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEEpIGluZm9ybUFib3V0SW52YWxpZERhdGE6IGJvb2xlYW4gfCBudWxsKSB7XG4gICAgICAgIHN1cGVyKHNpZGVNZW51U2VydmljZSwgc25hY2tiYXIsIHRyYW5zbGF0ZSwgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YSk7XG4gICAgfVxuXG4gICAgcHVibGljIHNlbGVjdFVzZXIoKSB7XG4gICAgICAgIHRoaXMuc2VsZWN0QWJzdHJhY3RVc2VyKE11bHRpVXNlckFzc2lnbkNvbXBvbmVudCk7XG4gICAgfVxuXG4gICAgcHVibGljIGRlbGV0ZVVzZXIodXNlcklkOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy5yZW1vdmVBYnN0cmFjdFVzZXIodXNlcklkKTtcbiAgICB9XG59XG4iLCI8bmMtZGF0YS1maWVsZC10ZW1wbGF0ZSAqbmdJZj0nIWRhdGFGaWVsZC5iZWhhdmlvci5oaWRkZW4nXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT0nZGF0YUZpZWxkJ1xuICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFGaWVsZFRlbXBsYXRlXT0nZGF0YUZpZWxkVGVtcGxhdGUnXG4gICAgICAgICAgICAgICAgICAgICAgICBbb2Zmc2V0XT0ndGFza09mZnNldCc+XG48L25jLWRhdGEtZmllbGQtdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjZGF0YUZpZWxkVGVtcGxhdGUgbGV0LXNob3dMYXJnZUxheW91dD0nc2hvd0xhcmdlTGF5b3V0Jz5cbiAgICA8bWF0LWxhYmVsIGNsYXNzPSduZXRncmlmLWxhYmVsJyAqbmdJZj0nIXNob3dMYXJnZUxheW91dC52YWx1ZSc+e3tkYXRhRmllbGQudGl0bGV9fVxuICAgICAgICA8bmMtcmVxdWlyZWQtbGFiZWwgKm5nSWY9J2RhdGFGaWVsZC5iZWhhdmlvci5yZXF1aXJlZCcgW2lzSW5dPSchZGF0YUZpZWxkLmRpc2FibGVkJz48L25jLXJlcXVpcmVkLWxhYmVsPlxuICAgICAgICA8YnI+XG4gICAgPC9tYXQtbGFiZWw+XG4gICAgPGJ1dHRvbiAqbmdJZj0nIWZvcm1Db250cm9sLmRpc2FibGVkJyBtYXQtc3Ryb2tlZC1idXR0b24gY2xhc3M9J3VzZXItbGlzdC1pdGVtLW1hcmdpbidcbiAgICAgICAgICAgIFtkaXNhYmxlZF09J2Zvcm1Db250cm9sLmRpc2FibGVkJ1xuICAgICAgICAgICAgY29sb3I9J3ByaW1hcnknXG4gICAgICAgICAgICAoY2xpY2spPSdzZWxlY3RVc2VyKCknPlxuICAgICAgICA8bWF0LWljb24+cGVyc29uX2FkZDwvbWF0LWljb24+XG4gICAgICAgIHt7J2RhdGFGaWVsZC51c2VyLnNlbGVjdFVzZXInIHwgdHJhbnNsYXRlfX1cbiAgICA8L2J1dHRvbj5cbiAgICA8c3BhbiAqbmdJZj0nZGF0YUZpZWxkPy52YWx1ZT8udXNlclZhbHVlcz8uc2l6ZSA+IDAnPlxuICAgICAgICA8c3BhbiAqbmdGb3I9J2xldCB1c2VyIG9mIGRhdGFGaWVsZC52YWx1ZS51c2VyVmFsdWVzIHwga2V5dmFsdWUnIGNsYXNzPSd1c2VyLWxpc3QtaXRlbS1tYXJnaW4nPlxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtc3Ryb2tlZC1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT0nZm9ybUNvbnRyb2wuZGlzYWJsZWQnXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yPSdwcmltYXJ5Jz5cbiAgICAgICAgICAgICAgICA8bWF0LWljb24+aG93X3RvX3JlZzwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAge3t1c2VyLnZhbHVlLmZ1bGxOYW1lfX1cbiAgICAgICAgICAgICAgICA8bWF0LWljb24gKGNsaWNrKT0nZGVsZXRlVXNlcih1c2VyLmtleSknIGNvbG9yPSd3YXJuJyAqbmdJZj0nIWZvcm1Db250cm9sLmRpc2FibGVkJz5jbG9zZTwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9zcGFuPlxuICAgIDwvc3Bhbj5cbiAgICA8bWF0LWVycm9yICpuZ0lmPSdkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sKSc+e3snZGF0YUZpZWxkLnZhbGlkYXRpb25zLnJlcXVpcmVkJyB8IHRyYW5zbGF0ZX19PC9tYXQtZXJyb3I+XG48L25nLXRlbXBsYXRlPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1saXN0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3VzZXItbGlzdC1maWVsZC91c2VyLWxpc3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdXNlci1saXN0LWZpZWxkL3VzZXItbGlzdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUNILDhCQUE4QixFQUM5Qiw2QkFBNkIsR0FDaEMsTUFBTSwwQkFBMEIsQ0FBQzs7OztBQUVsQzs7S0FFSztBQU1MLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSw4QkFBOEI7SUFFdEUsWUFBK0Qsc0JBQXNDO1FBQ2pHLEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7O29IQUpRLHNCQUFzQixrQkFFQyw2QkFBNkI7d0dBRnBELHNCQUFzQixpRkNkbkMsNExBS0E7NEZEU2Esc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLG9CQUFvQjs7MEJBTWYsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RVc2VyTGlzdEZpZWxkQ29tcG9uZW50LFxuICAgIE5BRV9JTkZPUk1fQUJPVVRfSU5WQUxJRF9EQVRBLFxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG4vKipcbiAqIEBkZXByZWNhdGVkXG4gKiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmMtdXNlci1saXN0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VzZXItbGlzdC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3VzZXItbGlzdC1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFVzZXJMaXN0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFVzZXJMaXN0RmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQEluamVjdChOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSkgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICAgICAgc3VwZXIoaW5mb3JtQWJvdXRJbnZhbGlkRGF0YSk7XG4gICAgfVxufVxuIiwiPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9JyFkYXRhRmllbGQuYmVoYXZpb3IuaGlkZGVuJ1xuICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFGaWVsZF09J2RhdGFGaWVsZCdcbiAgICAgICAgICAgICAgICAgICAgICAgIFtvZmZzZXRdPSd0YXNrT2Zmc2V0Jz5cbjwvbmMtZGF0YS1maWVsZC10ZW1wbGF0ZT5cblxuIl19

package/esm2020/lib/dialog/admin-impersonate-dialog/admin-impersonate-dialog.component.mjs

@@ -0,0 +1,77 @@
+import { Component, Inject } from '@angular/core';
+import { ImpersonationUserListService, UserListService } from '@netgrif/components-core';
+import { FormControl } from '@angular/forms';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/material/form-field";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/material/button";
+import * as i5 from "../../side-menu/content-components/admin-impersonate/admin-impersonate-list/admin-impersonate-list.component";
+import * as i6 from "@angular/flex-layout/flex";
+import * as i7 from "@angular/material/input";
+import * as i8 from "@angular/forms";
+import * as i9 from "@angular/common";
+import * as i10 from "@ngx-translate/core";
+export class AdminImpersonateDialogComponent {
+    /**
+     * Inject and set data send from [UserFieldComponent]{@link AbstractUserFieldComponent} if the user is preselected.
+     * @param _sideMenuControl Contains [Roles]{@link ProcessRole} and [UserValue]{@link UserValue}.
+     */
+    constructor(_dialogRef, _data) {
+        this._dialogRef = _dialogRef;
+        this._data = _data;
+        /**
+         * Form control for user search value.
+         */
+        this.searchUserControl = new FormControl();
+        if (this._data) {
+            this.injectedData = this._data;
+        }
+    }
+    /**
+     * The user that is initially selected, or `undefined` if none is
+     */
+    get initiallySelectedUser() {
+        return this.injectedData ? this.injectedData.value : undefined;
+    }
+    get roles() {
+        return this.injectedData ? this.injectedData.roles : [];
+    }
+    get negativeRoles() {
+        return this.injectedData ? this.injectedData.negativeRoles : [];
+    }
+    /**
+     * On select user from users assign list publish side menu with selected user as data and message about selection.
+     * @param user Select current user as [UserValue]{@link UserValue}
+     */
+    userWasSelected(user) {
+        this._currentUser = user;
+    }
+    /**
+     * On assign button close side menu with selected user as data and message about confirm.
+     */
+    assign() {
+        if (this._currentUser !== undefined) {
+            this._dialogRef.close({
+                opened: false,
+                message: 'Selected user was confirmed',
+                data: this._currentUser
+            });
+        }
+    }
+}
+AdminImpersonateDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AdminImpersonateDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+AdminImpersonateDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AdminImpersonateDialogComponent, selector: "nc-admin-impersonate-dialog", providers: [{
+            provide: UserListService, useClass: ImpersonationUserListService
+        }], ngImport: i0, template: "<div class=\"mat-dialog-title\" fxLayout=\"column\" fxLayoutAlign=\"center none\">\n    {{ 'side-menu.impersonation.title' | translate  }}\n</div>\n<div mat-dialog-content fxLayoutAlign=\"start stretch\" class=\"height-fix\">\n    <div class=\"user-assign-container side-menu-root\" fxFlex fxLayout=\"column\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"netgrif-input netgrif-input-fix\">\n            <mat-form-field fxFlex=\"100\" class=\"user-assign-search\" color=\"primary\" appearance=\"outline\">\n                <mat-icon matPrefix class=\"prefix-icon\">search</mat-icon>\n                <input matInput placeholder=\"{{ 'side-menu.user.choose' | translate }}\"\n                       [formControl]=\"searchUserControl\">\n                <button mat-stroked-button *ngIf=\"searchUserControl.value\" matSuffix mat-icon-button\n                        (click)=\"searchUserControl.setValue('')\">\n                    <mat-icon>close</mat-icon>\n                </button>\n            </mat-form-field>\n        </div>\n\n        <nc-admin-impersonate-list fxFlex\n                                   [searchUserControl]=\"searchUserControl\"\n                                   [roles]=\"roles\"\n                                   [negativeRoles]=\"negativeRoles\"\n                                   [initiallySelectedUser]=\"initiallySelectedUser\"\n                                   (userSelected)=\"userWasSelected($event)\">\n        </nc-admin-impersonate-list>\n\n        <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n            <button mat-raised-button color=\"primary\"\n                    (click)=\"assign()\">{{ 'side-menu.impersonation.submit' | translate | uppercase }}</button>\n        </div>\n    </div>\n</div>\n", styles: [".user-assign-container{padding:16px;position:relative;height:calc(100% - 4px)}.user-assign-search{width:100%}.prefix-icon{font-size:18px;color:#64748b}.height-100{height:100%}.height-fix{height:calc(100% - 44px)}\n"], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.AdminImpersonateListComponent, selector: "nc-admin-impersonate-list" }], directives: [{ type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i2.MatPrefix, selector: "[matPrefix]" }, { type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatSuffix, selector: "[matSuffix]" }], pipes: { "translate": i10.TranslatePipe, "uppercase": i9.UpperCasePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AdminImpersonateDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-admin-impersonate-dialog', providers: [{
+                            provide: UserListService, useClass: ImpersonationUserListService
+                        }], template: "<div class=\"mat-dialog-title\" fxLayout=\"column\" fxLayoutAlign=\"center none\">\n    {{ 'side-menu.impersonation.title' | translate  }}\n</div>\n<div mat-dialog-content fxLayoutAlign=\"start stretch\" class=\"height-fix\">\n    <div class=\"user-assign-container side-menu-root\" fxFlex fxLayout=\"column\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"netgrif-input netgrif-input-fix\">\n            <mat-form-field fxFlex=\"100\" class=\"user-assign-search\" color=\"primary\" appearance=\"outline\">\n                <mat-icon matPrefix class=\"prefix-icon\">search</mat-icon>\n                <input matInput placeholder=\"{{ 'side-menu.user.choose' | translate }}\"\n                       [formControl]=\"searchUserControl\">\n                <button mat-stroked-button *ngIf=\"searchUserControl.value\" matSuffix mat-icon-button\n                        (click)=\"searchUserControl.setValue('')\">\n                    <mat-icon>close</mat-icon>\n                </button>\n            </mat-form-field>\n        </div>\n\n        <nc-admin-impersonate-list fxFlex\n                                   [searchUserControl]=\"searchUserControl\"\n                                   [roles]=\"roles\"\n                                   [negativeRoles]=\"negativeRoles\"\n                                   [initiallySelectedUser]=\"initiallySelectedUser\"\n                                   (userSelected)=\"userWasSelected($event)\">\n        </nc-admin-impersonate-list>\n\n        <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n            <button mat-raised-button color=\"primary\"\n                    (click)=\"assign()\">{{ 'side-menu.impersonation.submit' | translate | uppercase }}</button>\n        </div>\n    </div>\n</div>\n", styles: [".user-assign-container{padding:16px;position:relative;height:calc(100% - 4px)}.user-assign-search{width:100%}.prefix-icon{font-size:18px;color:#64748b}.height-100{height:100%}.height-fix{height:calc(100% - 44px)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRtaW4taW1wZXJzb25hdGUtZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RpYWxvZy9hZG1pbi1pbXBlcnNvbmF0ZS1kaWFsb2cvYWRtaW4taW1wZXJzb25hdGUtZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RpYWxvZy9hZG1pbi1pbXBlcnNvbmF0ZS1kaWFsb2cvYWRtaW4taW1wZXJzb25hdGUtZGlhbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQ3hELE9BQU8sRUFDSCw0QkFBNEIsRUFHNUIsZUFBZSxFQUVsQixNQUFNLDBCQUEwQixDQUFDO0FBQ2xDLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUMsZUFBZSxFQUFlLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7Ozs7OztBQVV2RSxNQUFNLE9BQU8sK0JBQStCO0lBZ0J4Qzs7O09BR0c7SUFDSCxZQUFzQixVQUF5RCxFQUNoQyxLQUEyQjtRQURwRCxlQUFVLEdBQVYsVUFBVSxDQUErQztRQUNoQyxVQUFLLEdBQUwsS0FBSyxDQUFzQjtRQXBCMUU7O1dBRUc7UUFDSSxzQkFBaUIsR0FBRyxJQUFJLFdBQVcsRUFBRSxDQUFDO1FBa0J6QyxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDWixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxLQUE2QixDQUFDO1NBQzFEO0lBQ0wsQ0FBQztJQUVEOztPQUVHO0lBQ0gsSUFBVyxxQkFBcUI7UUFDNUIsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQWtCLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztJQUNoRixDQUFDO0lBRUQsSUFBVyxLQUFLO1FBQ1osT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQzVELENBQUM7SUFFRCxJQUFXLGFBQWE7UUFDcEIsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ3BFLENBQUM7SUFFRDs7O09BR0c7SUFDSSxlQUFlLENBQUMsSUFBZTtRQUNsQyxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztJQUM3QixDQUFDO0lBRUQ7O09BRUc7SUFDSSxNQUFNO1FBQ1QsSUFBSSxJQUFJLENBQUMsWUFBWSxLQUFLLFNBQVMsRUFBRTtZQUNqQyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQztnQkFDbEIsTUFBTSxFQUFFLEtBQUs7Z0JBQ2IsT0FBTyxFQUFFLDZCQUE2QjtnQkFDdEMsSUFBSSxFQUFFLElBQUksQ0FBQyxZQUFZO2FBQzFCLENBQUMsQ0FBQztTQUNOO0lBQ0wsQ0FBQzs7NkhBN0RRLCtCQUErQiw4Q0FxQnBCLGVBQWU7aUhBckIxQiwrQkFBK0Isc0RBSjdCLENBQUM7WUFDUixPQUFPLEVBQUUsZUFBZSxFQUFFLFFBQVEsRUFBRSw0QkFBNEI7U0FDbkUsQ0FBQywwQkNqQk4sbXZEQStCQTs0RkRaYSwrQkFBK0I7a0JBUjNDLFNBQVM7K0JBQ0ksNkJBQTZCLGFBRzVCLENBQUM7NEJBQ1IsT0FBTyxFQUFFLGVBQWUsRUFBRSxRQUFRLEVBQUUsNEJBQTRCO3lCQUNuRSxDQUFDOzswQkF1QlcsTUFBTTsyQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgSW1wZXJzb25hdGlvblVzZXJMaXN0U2VydmljZSxcbiAgICBQcm9jZXNzUm9sZSxcbiAgICBVc2VyTGlzdEluamVjdGVkRGF0YSxcbiAgICBVc2VyTGlzdFNlcnZpY2UsXG4gICAgVXNlclZhbHVlXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge0Zvcm1Db250cm9sfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge01BVF9ESUFMT0dfREFUQSwgTWF0RGlhbG9nUmVmfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLWFkbWluLWltcGVyc29uYXRlLWRpYWxvZycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2FkbWluLWltcGVyc29uYXRlLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYWRtaW4taW1wZXJzb25hdGUtZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgcHJvdmlkZXJzOiBbe1xuICAgICAgICBwcm92aWRlOiBVc2VyTGlzdFNlcnZpY2UsIHVzZUNsYXNzOiBJbXBlcnNvbmF0aW9uVXNlckxpc3RTZXJ2aWNlXG4gICAgfV1cbn0pXG5leHBvcnQgY2xhc3MgQWRtaW5JbXBlcnNvbmF0ZURpYWxvZ0NvbXBvbmVudCB7XG4gICAgLyoqXG4gICAgICogRm9ybSBjb250cm9sIGZvciB1c2VyIHNlYXJjaCB2YWx1ZS5cbiAgICAgKi9cbiAgICBwdWJsaWMgc2VhcmNoVXNlckNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woKTtcblxuICAgIC8qKlxuICAgICAqIERhdGEgYWJvdXQgcHJlc2VsZWN0ZWQgdXNlciBzZW5kIGZyb20gW1VzZXJGaWVsZENvbXBvbmVudF17QGxpbmsgQWJzdHJhY3RVc2VyRmllbGRDb21wb25lbnR9LlxuICAgICAqL1xuICAgIHB1YmxpYyBpbmplY3RlZERhdGE6IFVzZXJMaXN0SW5qZWN0ZWREYXRhO1xuXG4gICAgLyoqXG4gICAgICogVmFsdWUgb2YgdGhlIGN1cnJlbnQgc2VsZWN0ZWQgdXNlci5cbiAgICAgKi9cbiAgICBwcm90ZWN0ZWQgX2N1cnJlbnRVc2VyOiBVc2VyVmFsdWU7XG5cbiAgICAvKipcbiAgICAgKiBJbmplY3QgYW5kIHNldCBkYXRhIHNlbmQgZnJvbSBbVXNlckZpZWxkQ29tcG9uZW50XXtAbGluayBBYnN0cmFjdFVzZXJGaWVsZENvbXBvbmVudH0gaWYgdGhlIHVzZXIgaXMgcHJlc2VsZWN0ZWQuXG4gICAgICogQHBhcmFtIF9zaWRlTWVudUNvbnRyb2wgQ29udGFpbnMgW1JvbGVzXXtAbGluayBQcm9jZXNzUm9sZX0gYW5kIFtVc2VyVmFsdWVde0BsaW5rIFVzZXJWYWx1ZX0uXG4gICAgICovXG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIF9kaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxBZG1pbkltcGVyc29uYXRlRGlhbG9nQ29tcG9uZW50PixcbiAgICAgICAgICAgICAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHJvdGVjdGVkIF9kYXRhOiBVc2VyTGlzdEluamVjdGVkRGF0YSkge1xuICAgICAgICBpZiAodGhpcy5fZGF0YSkge1xuICAgICAgICAgICAgdGhpcy5pbmplY3RlZERhdGEgPSB0aGlzLl9kYXRhIGFzIFVzZXJMaXN0SW5qZWN0ZWREYXRhO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVGhlIHVzZXIgdGhhdCBpcyBpbml0aWFsbHkgc2VsZWN0ZWQsIG9yIGB1bmRlZmluZWRgIGlmIG5vbmUgaXNcbiAgICAgKi9cbiAgICBwdWJsaWMgZ2V0IGluaXRpYWxseVNlbGVjdGVkVXNlcigpOiBVc2VyVmFsdWUgfCB1bmRlZmluZWQge1xuICAgICAgICByZXR1cm4gdGhpcy5pbmplY3RlZERhdGEgPyB0aGlzLmluamVjdGVkRGF0YS52YWx1ZSBhcyBVc2VyVmFsdWUgOiB1bmRlZmluZWQ7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCByb2xlcygpOiBBcnJheTxzdHJpbmc+IHwgQXJyYXk8UHJvY2Vzc1JvbGU+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaW5qZWN0ZWREYXRhID8gdGhpcy5pbmplY3RlZERhdGEucm9sZXMgOiBbXTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IG5lZ2F0aXZlUm9sZXMoKTogQXJyYXk8c3RyaW5nPiB8IEFycmF5PFByb2Nlc3NSb2xlPiB7XG4gICAgICAgIHJldHVybiB0aGlzLmluamVjdGVkRGF0YSA/IHRoaXMuaW5qZWN0ZWREYXRhLm5lZ2F0aXZlUm9sZXMgOiBbXTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBPbiBzZWxlY3QgdXNlciBmcm9tIHVzZXJzIGFzc2lnbiBsaXN0IHB1Ymxpc2ggc2lkZSBtZW51IHdpdGggc2VsZWN0ZWQgdXNlciBhcyBkYXRhIGFuZCBtZXNzYWdlIGFib3V0IHNlbGVjdGlvbi5cbiAgICAgKiBAcGFyYW0gdXNlciBTZWxlY3QgY3VycmVudCB1c2VyIGFzIFtVc2VyVmFsdWVde0BsaW5rIFVzZXJWYWx1ZX1cbiAgICAgKi9cbiAgICBwdWJsaWMgdXNlcldhc1NlbGVjdGVkKHVzZXI6IFVzZXJWYWx1ZSk6IHZvaWQge1xuICAgICAgICB0aGlzLl9jdXJyZW50VXNlciA9IHVzZXI7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogT24gYXNzaWduIGJ1dHRvbiBjbG9zZSBzaWRlIG1lbnUgd2l0aCBzZWxlY3RlZCB1c2VyIGFzIGRhdGEgYW5kIG1lc3NhZ2UgYWJvdXQgY29uZmlybS5cbiAgICAgKi9cbiAgICBwdWJsaWMgYXNzaWduKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5fY3VycmVudFVzZXIgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgdGhpcy5fZGlhbG9nUmVmLmNsb3NlKHtcbiAgICAgICAgICAgICAgICBvcGVuZWQ6IGZhbHNlLFxuICAgICAgICAgICAgICAgIG1lc3NhZ2U6ICdTZWxlY3RlZCB1c2VyIHdhcyBjb25maXJtZWQnLFxuICAgICAgICAgICAgICAgIGRhdGE6IHRoaXMuX2N1cnJlbnRVc2VyXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJtYXQtZGlhbG9nLXRpdGxlXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwiY2VudGVyIG5vbmVcIj5cbiAgICB7eyAnc2lkZS1tZW51LmltcGVyc29uYXRpb24udGl0bGUnIHwgdHJhbnNsYXRlICB9fVxuPC9kaXY+XG48ZGl2IG1hdC1kaWFsb2ctY29udGVudCBmeExheW91dEFsaWduPVwic3RhcnQgc3RyZXRjaFwiIGNsYXNzPVwiaGVpZ2h0LWZpeFwiPlxuICAgIDxkaXYgY2xhc3M9XCJ1c2VyLWFzc2lnbi1jb250YWluZXIgc2lkZS1tZW51LXJvb3RcIiBmeEZsZXggZnhMYXlvdXQ9XCJjb2x1bW5cIj5cbiAgICAgICAgPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBjbGFzcz1cIm5ldGdyaWYtaW5wdXQgbmV0Z3JpZi1pbnB1dC1maXhcIj5cbiAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBmeEZsZXg9XCIxMDBcIiBjbGFzcz1cInVzZXItYXNzaWduLXNlYXJjaFwiIGNvbG9yPVwicHJpbWFyeVwiIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uIG1hdFByZWZpeCBjbGFzcz1cInByZWZpeC1pY29uXCI+c2VhcmNoPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICA8aW5wdXQgbWF0SW5wdXQgcGxhY2Vob2xkZXI9XCJ7eyAnc2lkZS1tZW51LnVzZXIuY2hvb3NlJyB8IHRyYW5zbGF0ZSB9fVwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJzZWFyY2hVc2VyQ29udHJvbFwiPlxuICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LXN0cm9rZWQtYnV0dG9uICpuZ0lmPVwic2VhcmNoVXNlckNvbnRyb2wudmFsdWVcIiBtYXRTdWZmaXggbWF0LWljb24tYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VhcmNoVXNlckNvbnRyb2wuc2V0VmFsdWUoJycpXCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5jbG9zZTwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8bmMtYWRtaW4taW1wZXJzb25hdGUtbGlzdCBmeEZsZXhcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3NlYXJjaFVzZXJDb250cm9sXT1cInNlYXJjaFVzZXJDb250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3JvbGVzXT1cInJvbGVzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25lZ2F0aXZlUm9sZXNdPVwibmVnYXRpdmVSb2xlc1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpbml0aWFsbHlTZWxlY3RlZFVzZXJdPVwiaW5pdGlhbGx5U2VsZWN0ZWRVc2VyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKHVzZXJTZWxlY3RlZCk9XCJ1c2VyV2FzU2VsZWN0ZWQoJGV2ZW50KVwiPlxuICAgICAgICA8L25jLWFkbWluLWltcGVyc29uYXRlLWxpc3Q+XG5cbiAgICAgICAgPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJlbmQgY2VudGVyXCI+XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJhc3NpZ24oKVwiPnt7ICdzaWRlLW1lbnUuaW1wZXJzb25hdGlvbi5zdWJtaXQnIHwgdHJhbnNsYXRlIHwgdXBwZXJjYXNlIH19PC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=