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

package/esm2022/lib/data-fields/text-field/rich-textarea-field/rich-textarea-field.component.mjs

@@ -0,0 +1,29 @@
+import { Component, Inject, Optional } from '@angular/core';
+import { AbstractRichTextareaFieldComponent, DATA_FIELD_PORTAL_DATA } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngbracket/ngx-layout/extended";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@angular/forms";
+import * as i6 from "@covalent/markdown";
+import * as i7 from "./easymde-wrapper/easymde-wrapper.component";
+export class RichTextareaFieldComponent extends AbstractRichTextareaFieldComponent {
+    _translate;
+    constructor(_translate, dataFieldPortalData) {
+        super(_translate, dataFieldPortalData);
+        this._translate = _translate;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RichTextareaFieldComponent, deps: [{ token: i1.TranslateService }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RichTextareaFieldComponent, selector: "nc-rich-textarea-field", usesInheritance: true, ngImport: i0, template: "<div class=\"height-100\" [ngClass]=\"{'padding-bottom-custom': !formControlRef.disabled}\">\n    <nc-easymde-wrapper *ngIf=\"!formControlRef.disabled\" [formControlRef]=\"formControlRef\" [textAreaField]=\"dataField\"></nc-easymde-wrapper>\n    <mat-error *ngIf=\"dataField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n\n    <input type=\"hidden\" [formControl]=\"formControlRef\">\n\n    <div [ngClass]=\"{'border': dataField.materialAppearance === 'outline'}\" *ngIf=\"formControlRef.disabled\">\n        <td-markdown>{{dataField.value}}</td-markdown>\n    </div>\n</div>\n", styles: [".height-100{height:100%}.border{border:1px solid #CBD5E1;border-radius:6px;padding:10px;z-index:1;word-wrap:break-word}.padding-bottom-custom{padding-bottom:8px}\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: i3.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.TdMarkdownComponent, selector: "td-markdown", inputs: ["content", "simpleLineBreaks", "hostedUrl", "anchor"], outputs: ["contentReady"] }, { kind: "component", type: i7.EasymdeWrapperComponent, selector: "nc-easymde-wrapper", inputs: ["formControlRef", "textAreaField"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RichTextareaFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-rich-textarea-field', template: "<div class=\"height-100\" [ngClass]=\"{'padding-bottom-custom': !formControlRef.disabled}\">\n    <nc-easymde-wrapper *ngIf=\"!formControlRef.disabled\" [formControlRef]=\"formControlRef\" [textAreaField]=\"dataField\"></nc-easymde-wrapper>\n    <mat-error *ngIf=\"dataField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n\n    <input type=\"hidden\" [formControl]=\"formControlRef\">\n\n    <div [ngClass]=\"{'border': dataField.materialAppearance === 'outline'}\" *ngIf=\"formControlRef.disabled\">\n        <td-markdown>{{dataField.value}}</td-markdown>\n    </div>\n</div>\n", styles: [".height-100{height:100%}.border{border:1px solid #CBD5E1;border-radius:6px;padding:10px;z-index:1;word-wrap:break-word}.padding-bottom-custom{padding-bottom:8px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.TranslateService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DATA_FIELD_PORTAL_DATA]
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC10ZXh0YXJlYS1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL3JpY2gtdGV4dGFyZWEtZmllbGQvcmljaC10ZXh0YXJlYS1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL3JpY2gtdGV4dGFyZWEtZmllbGQvcmljaC10ZXh0YXJlYS1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUNILGtDQUFrQyxFQUNsQyxzQkFBc0IsRUFHekIsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7O0FBUWxDLE1BQU0sT0FBTywwQkFBMkIsU0FBUSxrQ0FBa0M7SUFDeEQ7SUFBdEIsWUFBc0IsVUFBNEIsRUFDTSxtQkFBdUQ7UUFDM0csS0FBSyxDQUFDLFVBQVUsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO1FBRnJCLGVBQVUsR0FBVixVQUFVLENBQWtCO0lBR2xELENBQUM7d0dBSlEsMEJBQTBCLGtEQUVILHNCQUFzQjs0RkFGN0MsMEJBQTBCLHFGQ2R2QyxvbEJBVUE7OzRGRElhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDSSx3QkFBd0I7OzBCQU1yQixRQUFROzswQkFBSSxNQUFNOzJCQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RSaWNoVGV4dGFyZWFGaWVsZENvbXBvbmVudCxcbiAgICBEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBLFxuICAgIERhdGFGaWVsZFBvcnRhbERhdGEsXG4gICAgVGV4dEFyZWFGaWVsZFxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuaW1wb3J0IHtUcmFuc2xhdGVTZXJ2aWNlfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1yaWNoLXRleHRhcmVhLWZpZWxkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcmljaC10ZXh0YXJlYS1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcmljaC10ZXh0YXJlYS1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFJpY2hUZXh0YXJlYUZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RSaWNoVGV4dGFyZWFGaWVsZENvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIF90cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBKSBkYXRhRmllbGRQb3J0YWxEYXRhOiBEYXRhRmllbGRQb3J0YWxEYXRhPFRleHRBcmVhRmllbGQ+KSB7XG4gICAgICAgIHN1cGVyKF90cmFuc2xhdGUsIGRhdGFGaWVsZFBvcnRhbERhdGEpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJoZWlnaHQtMTAwXCIgW25nQ2xhc3NdPVwieydwYWRkaW5nLWJvdHRvbS1jdXN0b20nOiAhZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWR9XCI+XG4gICAgPG5jLWVhc3ltZGUtd3JhcHBlciAqbmdJZj1cIiFmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiIFtmb3JtQ29udHJvbFJlZl09XCJmb3JtQ29udHJvbFJlZlwiIFt0ZXh0QXJlYUZpZWxkXT1cImRhdGFGaWVsZFwiPjwvbmMtZWFzeW1kZS13cmFwcGVyPlxuICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKVwiPnt7Z2V0RXJyb3JNZXNzYWdlKCl9fTwvbWF0LWVycm9yPlxuXG4gICAgPGlucHV0IHR5cGU9XCJoaWRkZW5cIiBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xSZWZcIj5cblxuICAgIDxkaXYgW25nQ2xhc3NdPVwieydib3JkZXInOiBkYXRhRmllbGQubWF0ZXJpYWxBcHBlYXJhbmNlID09PSAnb3V0bGluZSd9XCIgKm5nSWY9XCJmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiPlxuICAgICAgICA8dGQtbWFya2Rvd24+e3tkYXRhRmllbGQudmFsdWV9fTwvdGQtbWFya2Rvd24+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/data-fields/text-field/signature-pad-field/signature-pad-field.component.mjs

@@ -0,0 +1,105 @@
+import { Component, HostListener, Inject, Optional, ViewChild } from '@angular/core';
+import { DATA_FIELD_PORTAL_DATA, AbstractSimpleTextFieldComponent } from '@netgrif/components-core';
+import { filter } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngbracket/ngx-layout/extended";
+import * as i4 from "@angular/material/button";
+export class SignaturePadFieldComponent extends AbstractSimpleTextFieldComponent {
+    _translate;
+    _ngZone;
+    signPad;
+    canvasDiv;
+    signatureImg;
+    signPadElement;
+    context;
+    isDrawing;
+    canvasWidth;
+    canvasHeight;
+    aspectRatio = 0.2;
+    constructor(_translate, _ngZone, dataFieldPortalData) {
+        super(_translate, dataFieldPortalData);
+        this._translate = _translate;
+        this._ngZone = _ngZone;
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.signPadElement = this.signPad.nativeElement;
+            this.context = this.signPadElement.getContext('2d');
+            this.canvasWidth = this.canvasDiv.nativeElement.clientWidth - 2;
+            this.canvasHeight = this.canvasWidth * this.aspectRatio;
+            this.formControlRef.valueChanges.pipe(filter(value => value !== this.signatureImg)).subscribe(value => {
+                this.signatureImg = value;
+                const img = new Image();
+                img.onload = () => {
+                    this.context.drawImage(img, 0, 0, this.canvasWidth, this.canvasHeight);
+                };
+                img.src = this.signatureImg;
+            });
+        });
+    }
+    onMouseDown(e) {
+        this.isDrawing = true;
+        const coords = this.relativeCoords(e);
+        this.context.moveTo(coords.x, coords.y);
+    }
+    onMouseUp(e) {
+        this.isDrawing = false;
+    }
+    mouseUp(e) {
+        this.isDrawing = false;
+        this.saveSignature();
+    }
+    onMouseMove(e) {
+        if (this.isDrawing) {
+            const coords = this.relativeCoords(e);
+            this.context.lineTo(coords.x, coords.y);
+            this.context.stroke();
+        }
+    }
+    clearSignature() {
+        this.signatureImg = undefined;
+        this.context.clearRect(0, 0, this.signPadElement.width, this.signPadElement.height);
+        this.context.beginPath();
+        this.formControlRef.setValue(undefined);
+    }
+    saveSignature() {
+        this.signatureImg = this.signPadElement.toDataURL('image/png');
+        this.formControlRef.setValue(this.signatureImg);
+    }
+    relativeCoords(event) {
+        const bounds = event.target.getBoundingClientRect();
+        const cords = {
+            clientX: event.clientX || event.changedTouches[0].clientX,
+            clientY: event.clientY || event.changedTouches[0].clientY
+        };
+        const x = cords.clientX - bounds.left;
+        const y = cords.clientY - bounds.top;
+        return { x, y };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SignaturePadFieldComponent, deps: [{ token: i1.TranslateService }, { token: i0.NgZone }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SignaturePadFieldComponent, selector: "nc-signature-pad-field", host: { listeners: { "document:mouseup": "onMouseUp($event)", "document:blur": "mouseUp($event)" } }, viewQueries: [{ propertyName: "signPad", first: true, predicate: ["signPad"], descendants: true }, { propertyName: "canvasDiv", first: true, predicate: ["canvasDiv"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"canvas-div\" #canvasDiv [ngClass]=\"{'canvas-disabled': formControlRef.disabled}\" (blur)=\"mouseUp($event)\">\n    <canvas (mousedown)=\"onMouseDown($event)\" (mousemove)=\"onMouseMove($event)\" (touchmove)=\"onMouseMove($event)\"\n            (touchstart)=\"onMouseDown($event)\" #signPad width=\"{{canvasWidth}}\" (blur)=\"mouseUp($event)\" height=\"{{canvasHeight}}\"\n            class=\"canvas\" [ngClass]=\"{'canvas-background-disabled': formControlRef.disabled}\">\n    </canvas>\n</div>\n<button mat-stroked-button color=\"primary\" *ngIf=\"!formControlRef.disabled\" (click)=\"clearSignature()\">{{'dataField.clear' | translate }}</button>\n<button mat-stroked-button *ngIf=\"!formControlRef.disabled\" (click)=\"saveSignature()\">{{'dataField.save' | translate }}</button>\n\n", styles: [".canvas-div{width:100%;height:100%}.canvas{border:1px solid #64748B;border-radius:6px;-webkit-text-stroke-color:#000}.canvas-disabled{cursor:not-allowed;pointer-events:none}.canvas-background-disabled{background-color:#cbd5e1;pointer-events:none}\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: i3.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SignaturePadFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-signature-pad-field', template: "<div class=\"canvas-div\" #canvasDiv [ngClass]=\"{'canvas-disabled': formControlRef.disabled}\" (blur)=\"mouseUp($event)\">\n    <canvas (mousedown)=\"onMouseDown($event)\" (mousemove)=\"onMouseMove($event)\" (touchmove)=\"onMouseMove($event)\"\n            (touchstart)=\"onMouseDown($event)\" #signPad width=\"{{canvasWidth}}\" (blur)=\"mouseUp($event)\" height=\"{{canvasHeight}}\"\n            class=\"canvas\" [ngClass]=\"{'canvas-background-disabled': formControlRef.disabled}\">\n    </canvas>\n</div>\n<button mat-stroked-button color=\"primary\" *ngIf=\"!formControlRef.disabled\" (click)=\"clearSignature()\">{{'dataField.clear' | translate }}</button>\n<button mat-stroked-button *ngIf=\"!formControlRef.disabled\" (click)=\"saveSignature()\">{{'dataField.save' | translate }}</button>\n\n", styles: [".canvas-div{width:100%;height:100%}.canvas{border:1px solid #64748B;border-radius:6px;-webkit-text-stroke-color:#000}.canvas-disabled{cursor:not-allowed;pointer-events:none}.canvas-background-disabled{background-color:#cbd5e1;pointer-events:none}\n"] }]
+        }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i0.NgZone }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DATA_FIELD_PORTAL_DATA]
+                }] }], propDecorators: { signPad: [{
+                type: ViewChild,
+                args: ['signPad', { static: false }]
+            }], canvasDiv: [{
+                type: ViewChild,
+                args: ['canvasDiv']
+            }], onMouseUp: [{
+                type: HostListener,
+                args: ['document:mouseup', ['$event']]
+            }], mouseUp: [{
+                type: HostListener,
+                args: ['document:blur', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbmF0dXJlLXBhZC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL3NpZ25hdHVyZS1wYWQtZmllbGQvc2lnbmF0dXJlLXBhZC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL3NpZ25hdHVyZS1wYWQtZmllbGQvc2lnbmF0dXJlLXBhZC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsU0FBUyxFQUVULFlBQVksRUFDWixNQUFNLEVBRU4sUUFBUSxFQUNSLFNBQVMsRUFDWixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0gsc0JBQXNCLEVBR3RCLGdDQUFnQyxFQUNuQyxNQUFNLDBCQUEwQixDQUFDO0FBQ2xDLE9BQU8sRUFBQyxNQUFNLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7O0FBT3RDLE1BQU0sT0FBTywwQkFBMkIsU0FBUSxnQ0FBZ0M7SUFZdEQ7SUFBd0M7SUFWdkIsT0FBTyxDQUFpQztJQUN2RCxTQUFTLENBQWlDO0lBQ3hELFlBQVksQ0FBVTtJQUN0QixjQUFjLENBQU07SUFDcEIsT0FBTyxDQUFNO0lBQ2IsU0FBUyxDQUFXO0lBQ3ZCLFdBQVcsQ0FBUztJQUNwQixZQUFZLENBQVM7SUFDckIsV0FBVyxHQUFHLEdBQUcsQ0FBQztJQUV6QixZQUFzQixVQUE0QixFQUFZLE9BQWUsRUFDckIsbUJBQXVEO1FBQzNHLEtBQUssQ0FBQyxVQUFVLEVBQUUsbUJBQW1CLENBQUMsQ0FBQztRQUZyQixlQUFVLEdBQVYsVUFBVSxDQUFrQjtRQUFZLFlBQU8sR0FBUCxPQUFPLENBQVE7SUFHN0UsQ0FBQztJQUVNLGVBQWU7UUFDbEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNaLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUM7WUFDakQsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNwRCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUM7WUFDaEUsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7WUFDeEQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUNqQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUMvQyxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRTtnQkFDaEIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7Z0JBQzFCLE1BQU0sR0FBRyxHQUFHLElBQUksS0FBSyxFQUFFLENBQUM7Z0JBQ3hCLEdBQUcsQ0FBQyxNQUFNLEdBQUcsR0FBRyxFQUFFO29CQUNkLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO2dCQUMzRSxDQUFDLENBQUM7Z0JBQ0YsR0FBRyxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDO1lBQ2hDLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsV0FBVyxDQUFDLENBQU07UUFDZCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFHRCxTQUFTLENBQUMsQ0FBTTtRQUNaLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQzNCLENBQUM7SUFHRCxPQUFPLENBQUMsQ0FBTTtRQUNWLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsV0FBVyxDQUFDLENBQU07UUFDZCxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDaEIsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN0QyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN4QyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO1NBQ3pCO0lBQ0wsQ0FBQztJQUVELGNBQWM7UUFDVixJQUFJLENBQUMsWUFBWSxHQUFHLFNBQVMsQ0FBQztRQUM5QixJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLElBQUksQ0FBQyxjQUFjLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDcEYsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBRUQsYUFBYTtRQUNULElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDL0QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFUyxjQUFjLENBQUMsS0FBVTtRQUMvQixNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFDcEQsTUFBTSxLQUFLLEdBQUc7WUFDVixPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU87WUFDekQsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPLElBQUksS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPO1NBQzVELENBQUM7UUFDRixNQUFNLENBQUMsR0FBRyxLQUFLLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUM7UUFDdEMsTUFBTSxDQUFDLEdBQUcsS0FBSyxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFDO1FBQ3JDLE9BQU8sRUFBQyxDQUFDLEVBQUUsQ0FBQyxFQUFDLENBQUM7SUFDbEIsQ0FBQzt3R0FsRlEsMEJBQTBCLHdFQWFILHNCQUFzQjs0RkFiN0MsMEJBQTBCLHdYQ3hCdkMsa3lCQVNBOzs0RkRlYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0ksd0JBQXdCOzswQkFpQnJCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsc0JBQXNCO3lDQVhmLE9BQU87c0JBQTdDLFNBQVM7dUJBQUMsU0FBUyxFQUFFLEVBQUMsTUFBTSxFQUFFLEtBQUssRUFBQztnQkFDYixTQUFTO3NCQUFoQyxTQUFTO3VCQUFDLFdBQVc7Z0JBd0N0QixTQUFTO3NCQURSLFlBQVk7dUJBQUMsa0JBQWtCLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBTTVDLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgSG9zdExpc3RlbmVyLFxuICAgIEluamVjdCxcbiAgICBOZ1pvbmUsXG4gICAgT3B0aW9uYWwsXG4gICAgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUcmFuc2xhdGVTZXJ2aWNlfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7XG4gICAgREFUQV9GSUVMRF9QT1JUQUxfREFUQSxcbiAgICBEYXRhRmllbGRQb3J0YWxEYXRhLFxuICAgIFRleHRBcmVhRmllbGQsXG4gICAgQWJzdHJhY3RTaW1wbGVUZXh0RmllbGRDb21wb25lbnRcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7ZmlsdGVyfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtc2lnbmF0dXJlLXBhZC1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NpZ25hdHVyZS1wYWQtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3NpZ25hdHVyZS1wYWQtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTaWduYXR1cmVQYWRGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0U2ltcGxlVGV4dEZpZWxkQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgICBAVmlld0NoaWxkKCdzaWduUGFkJywge3N0YXRpYzogZmFsc2V9KSBzaWduUGFkITogRWxlbWVudFJlZjxIVE1MQ2FudmFzRWxlbWVudD47XG4gICAgQFZpZXdDaGlsZCgnY2FudmFzRGl2JykgY2FudmFzRGl2ITogRWxlbWVudFJlZjxIVE1MQ2FudmFzRWxlbWVudD47XG4gICAgcHJvdGVjdGVkIHNpZ25hdHVyZUltZz86IHN0cmluZztcbiAgICBwcm90ZWN0ZWQgc2lnblBhZEVsZW1lbnQ6IGFueTtcbiAgICBwcm90ZWN0ZWQgY29udGV4dDogYW55O1xuICAgIHByb3RlY3RlZCBpc0RyYXdpbmchOiBib29sZWFuO1xuICAgIHB1YmxpYyBjYW52YXNXaWR0aDogbnVtYmVyO1xuICAgIHB1YmxpYyBjYW52YXNIZWlnaHQ6IG51bWJlcjtcbiAgICBwdWJsaWMgYXNwZWN0UmF0aW8gPSAwLjI7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgX3RyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSwgcHJvdGVjdGVkIF9uZ1pvbmU6IE5nWm9uZSxcbiAgICAgICAgICAgICAgICBAT3B0aW9uYWwoKSBASW5qZWN0KERBVEFfRklFTERfUE9SVEFMX0RBVEEpIGRhdGFGaWVsZFBvcnRhbERhdGE6IERhdGFGaWVsZFBvcnRhbERhdGE8VGV4dEFyZWFGaWVsZD4pIHtcbiAgICAgICAgc3VwZXIoX3RyYW5zbGF0ZSwgZGF0YUZpZWxkUG9ydGFsRGF0YSk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLnNpZ25QYWRFbGVtZW50ID0gdGhpcy5zaWduUGFkLm5hdGl2ZUVsZW1lbnQ7XG4gICAgICAgICAgICB0aGlzLmNvbnRleHQgPSB0aGlzLnNpZ25QYWRFbGVtZW50LmdldENvbnRleHQoJzJkJyk7XG4gICAgICAgICAgICB0aGlzLmNhbnZhc1dpZHRoID0gdGhpcy5jYW52YXNEaXYubmF0aXZlRWxlbWVudC5jbGllbnRXaWR0aCAtIDI7XG4gICAgICAgICAgICB0aGlzLmNhbnZhc0hlaWdodCA9IHRoaXMuY2FudmFzV2lkdGggKiB0aGlzLmFzcGVjdFJhdGlvO1xuICAgICAgICAgICAgdGhpcy5mb3JtQ29udHJvbFJlZi52YWx1ZUNoYW5nZXMucGlwZShcbiAgICAgICAgICAgICAgICBmaWx0ZXIodmFsdWUgPT4gdmFsdWUgIT09IHRoaXMuc2lnbmF0dXJlSW1nKVxuICAgICAgICAgICAgKS5zdWJzY3JpYmUodmFsdWUgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuc2lnbmF0dXJlSW1nID0gdmFsdWU7XG4gICAgICAgICAgICAgICAgY29uc3QgaW1nID0gbmV3IEltYWdlKCk7XG4gICAgICAgICAgICAgICAgaW1nLm9ubG9hZCA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5jb250ZXh0LmRyYXdJbWFnZShpbWcsIDAsIDAsIHRoaXMuY2FudmFzV2lkdGgsIHRoaXMuY2FudmFzSGVpZ2h0KTtcbiAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgIGltZy5zcmMgPSB0aGlzLnNpZ25hdHVyZUltZztcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBvbk1vdXNlRG93bihlOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc0RyYXdpbmcgPSB0cnVlO1xuICAgICAgICBjb25zdCBjb29yZHMgPSB0aGlzLnJlbGF0aXZlQ29vcmRzKGUpO1xuICAgICAgICB0aGlzLmNvbnRleHQubW92ZVRvKGNvb3Jkcy54LCBjb29yZHMueSk7XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6bW91c2V1cCcsIFsnJGV2ZW50J10pXG4gICAgb25Nb3VzZVVwKGU6IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLmlzRHJhd2luZyA9IGZhbHNlO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmJsdXInLCBbJyRldmVudCddKVxuICAgIG1vdXNlVXAoZTogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXNEcmF3aW5nID0gZmFsc2U7XG4gICAgICAgIHRoaXMuc2F2ZVNpZ25hdHVyZSgpO1xuICAgIH1cblxuICAgIG9uTW91c2VNb3ZlKGU6IGFueSk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5pc0RyYXdpbmcpIHtcbiAgICAgICAgICAgIGNvbnN0IGNvb3JkcyA9IHRoaXMucmVsYXRpdmVDb29yZHMoZSk7XG4gICAgICAgICAgICB0aGlzLmNvbnRleHQubGluZVRvKGNvb3Jkcy54LCBjb29yZHMueSk7XG4gICAgICAgICAgICB0aGlzLmNvbnRleHQuc3Ryb2tlKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBjbGVhclNpZ25hdHVyZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zaWduYXR1cmVJbWcgPSB1bmRlZmluZWQ7XG4gICAgICAgIHRoaXMuY29udGV4dC5jbGVhclJlY3QoMCwgMCwgdGhpcy5zaWduUGFkRWxlbWVudC53aWR0aCwgdGhpcy5zaWduUGFkRWxlbWVudC5oZWlnaHQpO1xuICAgICAgICB0aGlzLmNvbnRleHQuYmVnaW5QYXRoKCk7XG4gICAgICAgIHRoaXMuZm9ybUNvbnRyb2xSZWYuc2V0VmFsdWUodW5kZWZpbmVkKTtcbiAgICB9XG5cbiAgICBzYXZlU2lnbmF0dXJlKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnNpZ25hdHVyZUltZyA9IHRoaXMuc2lnblBhZEVsZW1lbnQudG9EYXRhVVJMKCdpbWFnZS9wbmcnKTtcbiAgICAgICAgdGhpcy5mb3JtQ29udHJvbFJlZi5zZXRWYWx1ZSh0aGlzLnNpZ25hdHVyZUltZyk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIHJlbGF0aXZlQ29vcmRzKGV2ZW50OiBhbnkpOiB7IHg6IG51bWJlciwgeTogbnVtYmVyIH0ge1xuICAgICAgICBjb25zdCBib3VuZHMgPSBldmVudC50YXJnZXQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgICAgIGNvbnN0IGNvcmRzID0ge1xuICAgICAgICAgICAgY2xpZW50WDogZXZlbnQuY2xpZW50WCB8fCBldmVudC5jaGFuZ2VkVG91Y2hlc1swXS5jbGllbnRYLFxuICAgICAgICAgICAgY2xpZW50WTogZXZlbnQuY2xpZW50WSB8fCBldmVudC5jaGFuZ2VkVG91Y2hlc1swXS5jbGllbnRZXG4gICAgICAgIH07XG4gICAgICAgIGNvbnN0IHggPSBjb3Jkcy5jbGllbnRYIC0gYm91bmRzLmxlZnQ7XG4gICAgICAgIGNvbnN0IHkgPSBjb3Jkcy5jbGllbnRZIC0gYm91bmRzLnRvcDtcbiAgICAgICAgcmV0dXJuIHt4LCB5fTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2FudmFzLWRpdlwiICNjYW52YXNEaXYgW25nQ2xhc3NdPVwieydjYW52YXMtZGlzYWJsZWQnOiBmb3JtQ29udHJvbFJlZi5kaXNhYmxlZH1cIiAoYmx1cik9XCJtb3VzZVVwKCRldmVudClcIj5cbiAgICA8Y2FudmFzIChtb3VzZWRvd24pPVwib25Nb3VzZURvd24oJGV2ZW50KVwiIChtb3VzZW1vdmUpPVwib25Nb3VzZU1vdmUoJGV2ZW50KVwiICh0b3VjaG1vdmUpPVwib25Nb3VzZU1vdmUoJGV2ZW50KVwiXG4gICAgICAgICAgICAodG91Y2hzdGFydCk9XCJvbk1vdXNlRG93bigkZXZlbnQpXCIgI3NpZ25QYWQgd2lkdGg9XCJ7e2NhbnZhc1dpZHRofX1cIiAoYmx1cik9XCJtb3VzZVVwKCRldmVudClcIiBoZWlnaHQ9XCJ7e2NhbnZhc0hlaWdodH19XCJcbiAgICAgICAgICAgIGNsYXNzPVwiY2FudmFzXCIgW25nQ2xhc3NdPVwieydjYW52YXMtYmFja2dyb3VuZC1kaXNhYmxlZCc6IGZvcm1Db250cm9sUmVmLmRpc2FibGVkfVwiPlxuICAgIDwvY2FudmFzPlxuPC9kaXY+XG48YnV0dG9uIG1hdC1zdHJva2VkLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIiAqbmdJZj1cIiFmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiIChjbGljayk9XCJjbGVhclNpZ25hdHVyZSgpXCI+e3snZGF0YUZpZWxkLmNsZWFyJyB8IHRyYW5zbGF0ZSB9fTwvYnV0dG9uPlxuPGJ1dHRvbiBtYXQtc3Ryb2tlZC1idXR0b24gKm5nSWY9XCIhZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWRcIiAoY2xpY2spPVwic2F2ZVNpZ25hdHVyZSgpXCI+e3snZGF0YUZpZWxkLnNhdmUnIHwgdHJhbnNsYXRlIH19PC9idXR0b24+XG5cbiJdfQ==

package/esm2022/lib/data-fields/text-field/simple-text-field/simple-text-field.component.mjs

@@ -0,0 +1,28 @@
+import { Component, Inject, Optional } from '@angular/core';
+import { AbstractSimpleTextFieldComponent, DATA_FIELD_PORTAL_DATA } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngbracket/ngx-layout/extended";
+import * as i4 from "@angular/material/input";
+import * as i5 from "@angular/material/form-field";
+import * as i6 from "@angular/forms";
+export class SimpleTextFieldComponent extends AbstractSimpleTextFieldComponent {
+    _translate;
+    constructor(_translate, dataFieldPortalData) {
+        super(_translate, dataFieldPortalData);
+        this._translate = _translate;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleTextFieldComponent, deps: [{ token: i1.TranslateService }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SimpleTextFieldComponent, selector: "nc-simple-text-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n    <input matInput\n           [placeholder]=\"dataField.placeholder\"\n           [required]=\"dataField.behavior.required\"\n           [formControl]=\"formControlRef\">\n    <mat-hint [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\">{{dataField.description}}</mat-hint>\n    <mat-error *ngIf=\"dataField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\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: i3.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.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: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleTextFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-simple-text-field', template: "<mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n    <input matInput\n           [placeholder]=\"dataField.placeholder\"\n           [required]=\"dataField.behavior.required\"\n           [formControl]=\"formControlRef\">\n    <mat-hint [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\">{{dataField.description}}</mat-hint>\n    <mat-error *ngIf=\"dataField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1.TranslateService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DATA_FIELD_PORTAL_DATA]
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ltcGxlLXRleHQtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdGV4dC1maWVsZC9zaW1wbGUtdGV4dC1maWVsZC9zaW1wbGUtdGV4dC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL3NpbXBsZS10ZXh0LWZpZWxkL3NpbXBsZS10ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQ0gsZ0NBQWdDLEVBQ2hDLHNCQUFzQixFQUd6QixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7OztBQVFsQyxNQUFNLE9BQU8sd0JBQXlCLFNBQVEsZ0NBQWdDO0lBQ3BEO0lBQXRCLFlBQXNCLFVBQTRCLEVBQ00sbUJBQW1EO1FBQ3ZHLEtBQUssQ0FBQyxVQUFVLEVBQUUsbUJBQW1CLENBQUMsQ0FBQztRQUZyQixlQUFVLEdBQVYsVUFBVSxDQUFrQjtJQUdsRCxDQUFDO3dHQUpRLHdCQUF3QixrREFFRCxzQkFBc0I7NEZBRjdDLHdCQUF3QixtRkNkckMsNGtCQVNBOzs0RkRLYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0ksc0JBQXNCOzswQkFNbkIsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0U2ltcGxlVGV4dEZpZWxkQ29tcG9uZW50LFxuICAgIERBVEFfRklFTERfUE9SVEFMX0RBVEEsXG4gICAgRGF0YUZpZWxkUG9ydGFsRGF0YSxcbiAgICBUZXh0RmllbGRcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtc2ltcGxlLXRleHQtZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zaW1wbGUtdGV4dC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc2ltcGxlLXRleHQtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTaW1wbGVUZXh0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFNpbXBsZVRleHRGaWVsZENvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIF90cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBKSBkYXRhRmllbGRQb3J0YWxEYXRhOiBEYXRhRmllbGRQb3J0YWxEYXRhPFRleHRGaWVsZD4pIHtcbiAgICAgICAgc3VwZXIoX3RyYW5zbGF0ZSwgZGF0YUZpZWxkUG9ydGFsRGF0YSk7XG4gICAgfVxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cImRhdGFGaWVsZC5tYXRlcmlhbEFwcGVhcmFuY2VcIiBjbGFzcz1cImZ1bGwtd2lkdGhcIiBjb2xvcj1cInByaW1hcnlcIj5cbiAgICA8bWF0LWxhYmVsICpuZ0lmPVwiIXNob3dMYXJnZUxheW91dC52YWx1ZVwiPnt7ZGF0YUZpZWxkLnRpdGxlfX08L21hdC1sYWJlbD5cbiAgICA8aW5wdXQgbWF0SW5wdXRcbiAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImRhdGFGaWVsZC5wbGFjZWhvbGRlclwiXG4gICAgICAgICAgIFtyZXF1aXJlZF09XCJkYXRhRmllbGQuYmVoYXZpb3IucmVxdWlyZWRcIlxuICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xSZWZcIj5cbiAgICA8bWF0LWhpbnQgW25nQ2xhc3NdPVwieydtYXQtaGludC1kaXNhYmxlZCc6IGZvcm1Db250cm9sUmVmLmRpc2FibGVkfVwiPnt7ZGF0YUZpZWxkLmRlc2NyaXB0aW9ufX08L21hdC1oaW50PlxuICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKVwiPnt7Z2V0RXJyb3JNZXNzYWdlKCl9fTwvbWF0LWVycm9yPlxuPC9tYXQtZm9ybS1maWVsZD5cbiJdfQ==

package/{esm2020 → esm2022}/lib/data-fields/text-field/text-field.component.mjs

@@ -1,8 +1,8 @@
 import { Component, Inject, Optional } from '@angular/core';
 import { AbstractTextFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA } from '@netgrif/components-core';
 import * as i0 from "@angular/core";
-import * as i1 from "../data-field-template/data-field-template.component";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "../data-field-template/data-field-template.component";
 /**
  * @deprecated
  * */
@@ -10,16 +10,16 @@ export class TextFieldComponent extends AbstractTextFieldComponent {
     constructor(informAboutInvalidData) {
         super(informAboutInvalidData);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextFieldComponent, deps: [{ 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: TextFieldComponent, selector: "nc-text-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: [".full-width{display:block;margin:0 auto;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DataFieldTemplateComponent, selector: "nc-data-field-template" }] });
 }
-TextFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TextFieldComponent, deps: [{ token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-TextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TextFieldComponent, selector: "nc-text-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: [".full-width{display:block;margin:0 auto;width:100%}\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: TextFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-text-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [NAE_INFORM_ABOUT_INVALID_DATA]
-                }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL3RleHQtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdGV4dC1maWVsZC90ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUMsMEJBQTBCLEVBQUUsNkJBQTZCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7OztBQUVuRzs7S0FFSztBQU1MLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSwwQkFBMEI7SUFFOUQsWUFBK0Qsc0JBQXNDO1FBQ2pHLEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7O2dIQUpRLGtCQUFrQixrQkFFSyw2QkFBNkI7b0dBRnBELGtCQUFrQiw0RUNYL0Isa01BS0E7NEZETWEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNJLGVBQWU7OzBCQU1aLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFRleHRGaWVsZENvbXBvbmVudCwgTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEF9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbi8qKlxuICogQGRlcHJlY2F0ZWRcbiAqICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXRleHQtZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90ZXh0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGV4dEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RUZXh0RmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQEluamVjdChOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSkgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICAgICAgc3VwZXIoaW5mb3JtQWJvdXRJbnZhbGlkRGF0YSk7XG4gICAgfVxufVxuIiwiPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9XCIhZGF0YUZpZWxkLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbb2Zmc2V0XT1cInRhc2tPZmZzZXRcIj5cbjwvbmMtZGF0YS1maWVsZC10ZW1wbGF0ZT5cblxuIl19
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL3RleHQtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdGV4dC1maWVsZC90ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUMsMEJBQTBCLEVBQUUsNkJBQTZCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7OztBQUVuRzs7S0FFSztBQU1MLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSwwQkFBMEI7SUFFOUQsWUFBK0Qsc0JBQXNDO1FBQ2pHLEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7d0dBSlEsa0JBQWtCLGtCQUVLLDZCQUE2Qjs0RkFGcEQsa0JBQWtCLDRFQ1gvQixrTUFLQTs7NEZETWEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNJLGVBQWU7OzBCQU1aLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFRleHRGaWVsZENvbXBvbmVudCwgTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEF9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbi8qKlxuICogQGRlcHJlY2F0ZWRcbiAqICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXRleHQtZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90ZXh0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGV4dEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RUZXh0RmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQEluamVjdChOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSkgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICAgICAgc3VwZXIoaW5mb3JtQWJvdXRJbnZhbGlkRGF0YSk7XG4gICAgfVxufVxuIiwiPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9XCIhZGF0YUZpZWxkLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbb2Zmc2V0XT1cInRhc2tPZmZzZXRcIj5cbjwvbmMtZGF0YS1maWVsZC10ZW1wbGF0ZT5cblxuIl19

package/esm2022/lib/data-fields/text-field/textarea-field/textarea-field.component.mjs

@@ -0,0 +1,31 @@
+import { Component, Inject, Optional } from '@angular/core';
+import { AbstractTextareaFieldComponent, DATA_FIELD_PORTAL_DATA } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngbracket/ngx-layout/extended";
+import * as i4 from "@angular/material/input";
+import * as i5 from "@angular/material/form-field";
+import * as i6 from "@angular/cdk/text-field";
+import * as i7 from "@angular/forms";
+export class TextareaFieldComponent extends AbstractTextareaFieldComponent {
+    _translate;
+    _ngZone;
+    constructor(_translate, _ngZone, dataFieldPortalData) {
+        super(_translate, _ngZone, dataFieldPortalData);
+        this._translate = _translate;
+        this._ngZone = _ngZone;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextareaFieldComponent, deps: [{ token: i1.TranslateService }, { token: i0.NgZone }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TextareaFieldComponent, selector: "nc-textarea-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"dataField.materialAppearance\"\n                floatLabel=\"always\"\n                class=\"full-width\"\n                color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n    <textarea matInput\n              #textArea\n              [placeholder]=\"dataField.placeholder\"\n              [required]=\"dataField.behavior.required\"\n              [formControl]=\"formControlRef\"\n              [ngStyle]=\"{'min-height': getHeight()+'px', 'height': getHeight()+'px'}\"\n              #dynamicTextArea=\"cdkTextareaAutosize\"\n              cdkTextareaAutosize\n              cdkAutosizeMinRows=\"1\"></textarea>\n    <mat-hint [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\">{{dataField.description}}</mat-hint>\n    <mat-error *ngIf=\"dataField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n\n\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i3.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: i4.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: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i6.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextareaFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-textarea-field', template: "<mat-form-field [appearance]=\"dataField.materialAppearance\"\n                floatLabel=\"always\"\n                class=\"full-width\"\n                color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n    <textarea matInput\n              #textArea\n              [placeholder]=\"dataField.placeholder\"\n              [required]=\"dataField.behavior.required\"\n              [formControl]=\"formControlRef\"\n              [ngStyle]=\"{'min-height': getHeight()+'px', 'height': getHeight()+'px'}\"\n              #dynamicTextArea=\"cdkTextareaAutosize\"\n              cdkTextareaAutosize\n              cdkAutosizeMinRows=\"1\"></textarea>\n    <mat-hint [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\">{{dataField.description}}</mat-hint>\n    <mat-error *ngIf=\"dataField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n\n\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i0.NgZone }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DATA_FIELD_PORTAL_DATA]
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdGV4dC1maWVsZC90ZXh0YXJlYS1maWVsZC90ZXh0YXJlYS1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL3RleHRhcmVhLWZpZWxkL3RleHRhcmVhLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFVLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVsRSxPQUFPLEVBQ0gsOEJBQThCLEVBQzlCLHNCQUFzQixFQUd6QixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7QUFPbEMsTUFBTSxPQUFPLHNCQUF1QixTQUFRLDhCQUE4QjtJQUVoRDtJQUF3QztJQUE5RCxZQUFzQixVQUE0QixFQUFZLE9BQWUsRUFDckIsbUJBQXVEO1FBQzNHLEtBQUssQ0FBQyxVQUFVLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixDQUFDLENBQUM7UUFGOUIsZUFBVSxHQUFWLFVBQVUsQ0FBa0I7UUFBWSxZQUFPLEdBQVAsT0FBTyxDQUFRO0lBRzdFLENBQUM7d0dBTFEsc0JBQXNCLHdFQUdDLHNCQUFzQjs0RkFIN0Msc0JBQXNCLGdGQ2RuQyxzNkJBbUJBOzs0RkRMYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0ksbUJBQW1COzswQkFPaEIsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBOZ1pvbmUsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0VGV4dGFyZWFGaWVsZENvbXBvbmVudCxcbiAgICBEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBLFxuICAgIERhdGFGaWVsZFBvcnRhbERhdGEsXG4gICAgVGV4dEFyZWFGaWVsZFxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXRleHRhcmVhLWZpZWxkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGV4dGFyZWEtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RleHRhcmVhLWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGV4dGFyZWFGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0VGV4dGFyZWFGaWVsZENvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgX3RyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSwgcHJvdGVjdGVkIF9uZ1pvbmU6IE5nWm9uZSxcbiAgICAgICAgICAgICAgICBAT3B0aW9uYWwoKSBASW5qZWN0KERBVEFfRklFTERfUE9SVEFMX0RBVEEpIGRhdGFGaWVsZFBvcnRhbERhdGE6IERhdGFGaWVsZFBvcnRhbERhdGE8VGV4dEFyZWFGaWVsZD4pIHtcbiAgICAgICAgc3VwZXIoX3RyYW5zbGF0ZSwgX25nWm9uZSwgZGF0YUZpZWxkUG9ydGFsRGF0YSk7XG4gICAgfVxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cImRhdGFGaWVsZC5tYXRlcmlhbEFwcGVhcmFuY2VcIlxuICAgICAgICAgICAgICAgIGZsb2F0TGFiZWw9XCJhbHdheXNcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZnVsbC13aWR0aFwiXG4gICAgICAgICAgICAgICAgY29sb3I9XCJwcmltYXJ5XCI+XG4gICAgPG1hdC1sYWJlbCAqbmdJZj1cIiFzaG93TGFyZ2VMYXlvdXQudmFsdWVcIj57e2RhdGFGaWVsZC50aXRsZX19PC9tYXQtbGFiZWw+XG4gICAgPHRleHRhcmVhIG1hdElucHV0XG4gICAgICAgICAgICAgICN0ZXh0QXJlYVxuICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiZGF0YUZpZWxkLnBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgICAgW3JlcXVpcmVkXT1cImRhdGFGaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiXG4gICAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFJlZlwiXG4gICAgICAgICAgICAgIFtuZ1N0eWxlXT1cInsnbWluLWhlaWdodCc6IGdldEhlaWdodCgpKydweCcsICdoZWlnaHQnOiBnZXRIZWlnaHQoKSsncHgnfVwiXG4gICAgICAgICAgICAgICNkeW5hbWljVGV4dEFyZWE9XCJjZGtUZXh0YXJlYUF1dG9zaXplXCJcbiAgICAgICAgICAgICAgY2RrVGV4dGFyZWFBdXRvc2l6ZVxuICAgICAgICAgICAgICBjZGtBdXRvc2l6ZU1pblJvd3M9XCIxXCI+PC90ZXh0YXJlYT5cbiAgICA8bWF0LWhpbnQgW25nQ2xhc3NdPVwieydtYXQtaGludC1kaXNhYmxlZCc6IGZvcm1Db250cm9sUmVmLmRpc2FibGVkfVwiPnt7ZGF0YUZpZWxkLmRlc2NyaXB0aW9ufX08L21hdC1oaW50PlxuICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKVwiPnt7Z2V0RXJyb3JNZXNzYWdlKCl9fTwvbWF0LWVycm9yPlxuPC9tYXQtZm9ybS1maWVsZD5cblxuXG4iXX0=

package/esm2022/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 "@angular/common";
+import * as i5 from "@ngbracket/ngx-layout";
+import * as i6 from "@ngbracket/ngx-layout/extended";
+import * as i7 from "@angular/material/button";
+import * as i8 from "@angular/material/icon";
+import * as i9 from "@angular/material/form-field";
+import * as i10 from "@angular/material/tooltip";
+import * as i11 from "../../required-label/required-label.component";
+export class UserDefaultFieldComponent extends AbstractUserDefaultFieldComponent {
+    constructor(dialog, snackbar, translate, dataFieldPortalData) {
+        super(dialog, snackbar, translate, dataFieldPortalData);
+    }
+    selectUser() {
+        super.selectAbstractUser(UserAssignDialogComponent);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UserDefaultFieldComponent, selector: "nc-user-default-field", usesInheritance: true, ngImport: i0, template: "<div fxLayoutAlign=\"center center\" fxLayout=\"row\">\n    <div fxFlex=\"100\" [ngClass]=\"{'netgrif-user-padding': !(!dataField.isInvalid(formControlRef) && hasHint()) && !dataField.isInvalid(formControlRef)}\">\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)='deleteUser()'\n                    [matTooltip]=\"'dataField.user.deleteUser' | translate\"\n                    [class.do-not-click]=\"formControlRef.disabled\">\n                <mat-icon color='warn' *ngIf='!formControlRef.disabled'>close</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.user.selectUser' | 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:#fff;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{padding:0 1em;width:unset}.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:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-user-padding{padding-bottom:22px;position:relative}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i5.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: i6.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i6.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i9.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i11.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.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\" [ngClass]=\"{'netgrif-user-padding': !(!dataField.isInvalid(formControlRef) && hasHint()) && !dataField.isInvalid(formControlRef)}\">\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)='deleteUser()'\n                    [matTooltip]=\"'dataField.user.deleteUser' | translate\"\n                    [class.do-not-click]=\"formControlRef.disabled\">\n                <mat-icon color='warn' *ngIf='!formControlRef.disabled'>close</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.user.selectUser' | 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:#fff;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{padding:0 1em;width:unset}.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:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-user-padding{padding-bottom:22px;position:relative}\n"] }]
+        }], ctorParameters: () => [{ 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3VzZXItZmllbGQvdXNlci1kZWZhdWx0LWZpZWxkL3VzZXItZGVmYXVsdC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy91c2VyLWZpZWxkL3VzZXItZGVmYXVsdC1maWVsZC91c2VyLWRlZmF1bHQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRTFELE9BQU8sRUFDSCxzQkFBc0IsRUFJdEIsaUNBQWlDLEVBQ3BDLE1BQU0sMEJBQTBCLENBQUM7QUFDbEMsT0FBTyxFQUFDLHlCQUF5QixFQUFDLE1BQU0saUVBQWlFLENBQUM7Ozs7Ozs7Ozs7Ozs7QUFRMUcsTUFBTSxPQUFPLHlCQUEwQixTQUFRLGlDQUFpQztJQUU1RSxZQUFZLE1BQWlCLEVBQ2pCLFFBQXlCLEVBQ3pCLFNBQTJCLEVBQ2lCLG1CQUFtRDtRQUN2RyxLQUFLLENBQUMsTUFBTSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBRU0sVUFBVTtRQUNiLEtBQUssQ0FBQyxrQkFBa0IsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO0lBQ3hELENBQUM7d0dBWFEseUJBQXlCLDBHQUtGLHNCQUFzQjs0RkFMN0MseUJBQXlCLG9GQ2pCdEMsK2hGQXVDQTs7NEZEdEJhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSx1QkFBdUI7OzBCQVNsQixRQUFROzswQkFBSSxNQUFNOzJCQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSBcIkBuZ3gtdHJhbnNsYXRlL2NvcmVcIjtcbmltcG9ydCB7XG4gICAgREFUQV9GSUVMRF9QT1JUQUxfREFUQSxcbiAgICBTbmFja0JhclNlcnZpY2UsXG4gICAgRGF0YUZpZWxkUG9ydGFsRGF0YSxcbiAgICBVc2VyRmllbGQsXG4gICAgQWJzdHJhY3RVc2VyRGVmYXVsdEZpZWxkQ29tcG9uZW50XG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1VzZXJBc3NpZ25EaWFsb2dDb21wb25lbnR9IGZyb20gJy4uLy4uLy4uL2RpYWxvZy91c2VyLWFzc2lnbi1kaWFsb2cvdXNlci1hc3NpZ24tZGlhbG9nLmNvbXBvbmVudCc7XG5pbXBvcnQge01hdERpYWxvZ30gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmMtdXNlci1kZWZhdWx0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VzZXItZGVmYXVsdC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3VzZXItZGVmYXVsdC1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFVzZXJEZWZhdWx0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFVzZXJEZWZhdWx0RmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoZGlhbG9nOiBNYXREaWFsb2csXG4gICAgICAgICAgICAgICAgc25hY2tiYXI6IFNuYWNrQmFyU2VydmljZSxcbiAgICAgICAgICAgICAgICB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBKSBkYXRhRmllbGRQb3J0YWxEYXRhOiBEYXRhRmllbGRQb3J0YWxEYXRhPFVzZXJGaWVsZD4pIHtcbiAgICAgICAgc3VwZXIoZGlhbG9nLCBzbmFja2JhciwgdHJhbnNsYXRlLCBkYXRhRmllbGRQb3J0YWxEYXRhKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2VsZWN0VXNlcigpIHtcbiAgICAgICAgc3VwZXIuc2VsZWN0QWJzdHJhY3RVc2VyKFVzZXJBc3NpZ25EaWFsb2dDb21wb25lbnQpO1xuICAgIH1cblxufVxuIiwiPGRpdiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiIGZ4TGF5b3V0PVwicm93XCI+XG4gICAgPGRpdiBmeEZsZXg9XCIxMDBcIiBbbmdDbGFzc109XCJ7J25ldGdyaWYtdXNlci1wYWRkaW5nJzogISghZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZikgJiYgaGFzSGludCgpKSAmJiAhZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZil9XCI+XG4gICAgICAgIDxkaXYgI3VzZXJMYWJlbCBjbGFzcz1cInVzZXItZmllbGQtbGFiZWxcIiBbbmdDbGFzc109XCJ7J25ldGdyaWYtbGFiZWwtZGlzYWJsZWQnOiBmb3JtQ29udHJvbFJlZi5kaXNhYmxlZH1cIj5cbiAgICAgICAgICAgIHt7ZGF0YUZpZWxkLnRpdGxlfX1cbiAgICAgICAgICAgIDxuYy1yZXF1aXJlZC1sYWJlbCAqbmdJZj1cImRhdGFGaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiIFtpc0luXT1cIiFkYXRhRmllbGQuZGlzYWJsZWRcIj48L25jLXJlcXVpcmVkLWxhYmVsPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0taW5wdXQgYnV0dG9uLWljb24taW5wdXQgZnVsbC13aWR0aFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiXG4gICAgICAgICAgICAgW25nQ2xhc3NdPVwieydmb3JtLWlucHV0LWRpc2FibGVkJzogZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWQsICdmb3JtLWlucHV0LWVycm9yJzogZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZil9XCJcbiAgICAgICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgICAgICAgICAgICctd2Via2l0LWNsaXAtcGF0aCc6IGdldEN1dFByb3BlcnR5KHVzZXJMYWJlbCksXG4gICAgICAgICAgICAgICAgICAgICdjbGlwLXBhdGgnOiBnZXRDdXRQcm9wZXJ0eSh1c2VyTGFiZWwpXG4gICAgICAgICAgICB9XCI+XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIiEhZGF0YUZpZWxkLnZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImZvcm1Db250cm9sUmVmLmRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT0nZGVsZXRlVXNlcigpJ1xuICAgICAgICAgICAgICAgICAgICBbbWF0VG9vbHRpcF09XCInZGF0YUZpZWxkLnVzZXIuZGVsZXRlVXNlcicgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICBbY2xhc3MuZG8tbm90LWNsaWNrXT1cImZvcm1Db250cm9sUmVmLmRpc2FibGVkXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uIGNvbG9yPSd3YXJuJyAqbmdJZj0nIWZvcm1Db250cm9sUmVmLmRpc2FibGVkJz5jbG9zZTwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiIWRhdGFGaWVsZC52YWx1ZVwiXG4gICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RVc2VyKClcIlxuICAgICAgICAgICAgICAgICAgICBbbWF0VG9vbHRpcF09XCInZGF0YUZpZWxkLnVzZXIuc2VsZWN0VXNlcicgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICBbY2xhc3MuZG8tbm90LWNsaWNrXT1cImZvcm1Db250cm9sUmVmLmRpc2FibGVkXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uPnBlcnNvbl9hZGQ8L21hdC1pY29uPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8c3BhbiBmeEZsZXggY2xhc3M9XCJpbnB1dC1uYW1lLWVsbGlwc2lzXCIgW25nQ2xhc3NdPVwieydpbnB1dC1wbGFjZWhvbGRlcic6ICEhZGF0YUZpZWxkLnZhbHVlLCAnbm8tY3Vyc29yJzogISFkYXRhRmllbGQudmFsdWUgJiYgZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWR9XCI+XG4gICAgICAgICAgICAgICAgICAgIHt7ISFkYXRhRmllbGQudmFsdWUgPyBkYXRhRmllbGQudmFsdWUuZnVsbE5hbWUgOiAnZGF0YUZpZWxkLnVzZXIuc2VsZWN0VXNlcicgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxtYXQtaGludCBjbGFzcz1cInVzZXItaGludC1lcnJvclwiIFtuZ0NsYXNzXT1cInsnbWF0LWhpbnQtZGlzYWJsZWQnOiBmb3JtQ29udHJvbFJlZi5kaXNhYmxlZH1cIlxuICAgICAgICAgICAgICAgICAgKm5nSWY9XCIhZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZikgJiYgaGFzSGludCgpXCI+e3tkYXRhRmllbGQuZGVzY3JpcHRpb259fTwvbWF0LWhpbnQ+XG4gICAgICAgIDxtYXQtZXJyb3IgY2xhc3M9XCJ1c2VyLWhpbnQtZXJyb3JcIlxuICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZilcIj57eydkYXRhRmllbGQudmFsaWRhdGlvbnMucmVxdWlyZWQnIHwgdHJhbnNsYXRlfX08L21hdC1lcnJvcj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

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

@@ -0,0 +1,25 @@
+import { Component, Inject, Optional } from '@angular/core';
+import { AbstractUserFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../data-field-template/data-field-template.component";
+/**
+ * @deprecated
+ * */
+export class UserFieldComponent extends AbstractUserFieldComponent {
+    constructor(informAboutInvalidData) {
+        super(informAboutInvalidData);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserFieldComponent, deps: [{ 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: 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:#fff;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{padding:0 1em;width:unset}.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:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-user-padding{position:relative}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DataFieldTemplateComponent, selector: "nc-data-field-template" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.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                        [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:#fff;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{padding:0 1em;width:unset}.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:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-user-padding{position:relative}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [NAE_INFORM_ABOUT_INVALID_DATA]
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy91c2VyLWZpZWxkL3VzZXItZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdXNlci1maWVsZC91c2VyLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUMsMEJBQTBCLEVBQUUsNkJBQTZCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7OztBQUVuRzs7S0FFSztBQU1MLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSwwQkFBMEI7SUFFOUQsWUFBK0Qsc0JBQXNDO1FBQ2pHLEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7d0dBSlEsa0JBQWtCLGtCQUVLLDZCQUE2Qjs0RkFGcEQsa0JBQWtCLDRFQ1gvQixnTUFJQTs7NEZET2Esa0JBQWtCO2tCQUw5QixTQUFTOytCQUNJLGVBQWU7OzBCQU1aLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFVzZXJGaWVsZENvbXBvbmVudCwgTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEF9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbi8qKlxuICogQGRlcHJlY2F0ZWRcbiAqICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXVzZXItZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi91c2VyLWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi91c2VyLWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVXNlckZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RVc2VyRmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQEluamVjdChOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSkgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICAgICAgc3VwZXIoaW5mb3JtQWJvdXRJbnZhbGlkRGF0YSk7XG4gICAgfVxufVxuIiwiPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9XCIhZGF0YUZpZWxkLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbb2Zmc2V0XT1cInRhc2tPZmZzZXRcIj5cbjwvbmMtZGF0YS1maWVsZC10ZW1wbGF0ZT5cbiJdfQ==

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

@@ -0,0 +1,38 @@
+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/common";
+import * as i5 from "@ngbracket/ngx-layout/extended";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/material/chips";
+import * as i8 from "@angular/material/icon";
+import * as i9 from "@angular/material/input";
+import * as i10 from "@angular/material/form-field";
+import * as i11 from "@angular/material/tooltip";
+export class UserListDefaultFieldComponent extends AbstractUserListDefaultFieldComponent {
+    constructor(dialog, snackbar, translate, dataFieldPortalData) {
+        super(dialog, snackbar, translate, dataFieldPortalData);
+    }
+    selectUser() {
+        this.selectAbstractUser(MultiUserAssignDialogComponent);
+    }
+    deleteUser(userId) {
+        this.removeAbstractUser(userId);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UserListDefaultFieldComponent, selector: "nc-user-list-default-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width chip-fix\" [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    <button mat-icon-button matPrefix\n            [disabled]='formControlRef.disabled || !dataField.value || dataField?.value?.userValues?.size === 0'\n            color='warn'\n            (click)='removeAll()'\n            [matTooltip]=\"'dataField.user.deleteAll' | translate\">\n        <mat-icon>delete_outline</mat-icon>\n    </button>\n    <mat-chip-grid #chipList aria-label=\"Autocomplete\">\n        <mat-chip-row\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-row>\n        <input\n            aria-label=\"Autocomplete\"\n            matInput\n            disabled\n            #input\n            [placeholder]=\"dataField.placeholder\"\n            [required]=\"dataField.behavior.required\"\n            [matChipInputFor]=\"chipList\">\n    </mat-chip-grid>\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"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i7.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i7.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i7.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i7.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.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: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "directive", type: i10.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i10.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i10.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i11.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i4.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.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 chip-fix\" [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    <button mat-icon-button matPrefix\n            [disabled]='formControlRef.disabled || !dataField.value || dataField?.value?.userValues?.size === 0'\n            color='warn'\n            (click)='removeAll()'\n            [matTooltip]=\"'dataField.user.deleteAll' | translate\">\n        <mat-icon>delete_outline</mat-icon>\n    </button>\n    <mat-chip-grid #chipList aria-label=\"Autocomplete\">\n        <mat-chip-row\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-row>\n        <input\n            aria-label=\"Autocomplete\"\n            matInput\n            disabled\n            #input\n            [placeholder]=\"dataField.placeholder\"\n            [required]=\"dataField.behavior.required\"\n            [matChipInputFor]=\"chipList\">\n    </mat-chip-grid>\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: () => [{ 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1saXN0LWRlZmF1bHQtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdXNlci1saXN0LWZpZWxkL3VzZXItbGlzdC1kZWZhdWx0LWZpZWxkL3VzZXItbGlzdC1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3VzZXItbGlzdC1maWVsZC91c2VyLWxpc3QtZGVmYXVsdC1maWVsZC91c2VyLWxpc3QtZGVmYXVsdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUNILHFDQUFxQyxFQUNyQyxzQkFBc0IsRUFJekIsTUFBTSwwQkFBMEIsQ0FBQztBQUVsQyxPQUFPLEVBQ0gsOEJBQThCLEVBQ2pDLE1BQU0sNkVBQTZFLENBQUM7Ozs7Ozs7Ozs7Ozs7QUFRckYsTUFBTSxPQUFPLDZCQUE4QixTQUFRLHFDQUFxQztJQUVwRixZQUFZLE1BQWlCLEVBQ2pCLFFBQXlCLEVBQ3pCLFNBQTJCLEVBQ2lCLG1CQUF1RDtRQUMzRyxLQUFLLENBQUMsTUFBTSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBRU0sVUFBVTtRQUNiLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyw4QkFBOEIsQ0FBQyxDQUFDO0lBQzVELENBQUM7SUFFTSxVQUFVLENBQUMsTUFBYztRQUM1QixJQUFJLENBQUMsa0JBQWtCLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDcEMsQ0FBQzt3R0FmUSw2QkFBNkIsMEdBS04sc0JBQXNCOzRGQUw3Qyw2QkFBNkIseUZDbkIxQywwOERBcUNBOzs0RkRsQmEsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLDRCQUE0Qjs7MEJBU3ZCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdFVzZXJMaXN0RGVmYXVsdEZpZWxkQ29tcG9uZW50LFxuICAgIERBVEFfRklFTERfUE9SVEFMX0RBVEEsXG4gICAgRGF0YUZpZWxkUG9ydGFsRGF0YSxcbiAgICBTbmFja0JhclNlcnZpY2UsXG4gICAgVXNlckxpc3RGaWVsZFxufSBmcm9tIFwiQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlXCI7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gXCJAbmd4LXRyYW5zbGF0ZS9jb3JlXCI7XG5pbXBvcnQge1xuICAgIE11bHRpVXNlckFzc2lnbkRpYWxvZ0NvbXBvbmVudFxufSBmcm9tICcuLi8uLi8uLi9kaWFsb2cvbXVsdGktdXNlci1hc3NpZ24tZGlhbG9nL211bHRpLXVzZXItYXNzaWduLWRpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHtNYXREaWFsb2d9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25jLXVzZXItbGlzdC1kZWZhdWx0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VzZXItbGlzdC1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdXNlci1saXN0LWRlZmF1bHQtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBVc2VyTGlzdERlZmF1bHRGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0VXNlckxpc3REZWZhdWx0RmllbGRDb21wb25lbnR7XG5cbiAgICBjb25zdHJ1Y3RvcihkaWFsb2c6IE1hdERpYWxvZyxcbiAgICAgICAgICAgICAgICBzbmFja2JhcjogU25hY2tCYXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICAgICAgICAgICAgICBAT3B0aW9uYWwoKSBASW5qZWN0KERBVEFfRklFTERfUE9SVEFMX0RBVEEpIGRhdGFGaWVsZFBvcnRhbERhdGE6IERhdGFGaWVsZFBvcnRhbERhdGE8VXNlckxpc3RGaWVsZD4pIHtcbiAgICAgICAgc3VwZXIoZGlhbG9nLCBzbmFja2JhciwgdHJhbnNsYXRlLCBkYXRhRmllbGRQb3J0YWxEYXRhKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2VsZWN0VXNlcigpIHtcbiAgICAgICAgdGhpcy5zZWxlY3RBYnN0cmFjdFVzZXIoTXVsdGlVc2VyQXNzaWduRGlhbG9nQ29tcG9uZW50KTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZGVsZXRlVXNlcih1c2VySWQ6IHN0cmluZykge1xuICAgICAgICB0aGlzLnJlbW92ZUFic3RyYWN0VXNlcih1c2VySWQpO1xuICAgIH1cblxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cImRhdGFGaWVsZC5tYXRlcmlhbEFwcGVhcmFuY2VcIiBjbGFzcz1cImZ1bGwtd2lkdGggY2hpcC1maXhcIiBbbmdDbGFzc109XCJ7J25ldGdyaWYtY2hpcC1maXgnIDogZGF0YUZpZWxkLnZhbHVlPy51c2VyVmFsdWVzPy5zaXplID4gMH1cIiBjb2xvcj1cInByaW1hcnlcIj5cbiAgICA8bWF0LWxhYmVsIGNsYXNzPVwibmV0Z3JpZi1sYWJlbFwiIFtuZ0NsYXNzXT1cInsnbmV0Z3JpZi1sYWJlbC1kaXNhYmxlZCc6IGZvcm1Db250cm9sUmVmLmRpc2FibGVkfVwiICpuZ0lmPVwiIXNob3dMYXJnZUxheW91dC52YWx1ZVwiPnt7ZGF0YUZpZWxkLnRpdGxlfX08L21hdC1sYWJlbD5cbiAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBtYXRQcmVmaXhcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiXG4gICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdFVzZXIoKVwiXG4gICAgICAgICAgICBbbWF0VG9vbHRpcF09XCInZGF0YUZpZWxkLnVzZXIuc2VsZWN0VXNlcicgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgW2NsYXNzLmRvLW5vdC1jbGlja109XCJmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiPlxuICAgICAgICA8bWF0LWljb24+aG93X3RvX3JlZzwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gbWF0UHJlZml4XG4gICAgICAgICAgICBbZGlzYWJsZWRdPSdmb3JtQ29udHJvbFJlZi5kaXNhYmxlZCB8fCAhZGF0YUZpZWxkLnZhbHVlIHx8IGRhdGFGaWVsZD8udmFsdWU/LnVzZXJWYWx1ZXM/LnNpemUgPT09IDAnXG4gICAgICAgICAgICBjb2xvcj0nd2FybidcbiAgICAgICAgICAgIChjbGljayk9J3JlbW92ZUFsbCgpJ1xuICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwiJ2RhdGFGaWVsZC51c2VyLmRlbGV0ZUFsbCcgfCB0cmFuc2xhdGVcIj5cbiAgICAgICAgPG1hdC1pY29uPmRlbGV0ZV9vdXRsaW5lPC9tYXQtaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgICA8bWF0LWNoaXAtZ3JpZCAjY2hpcExpc3QgYXJpYS1sYWJlbD1cIkF1dG9jb21wbGV0ZVwiPlxuICAgICAgICA8bWF0LWNoaXAtcm93XG4gICAgICAgICAgICAqbmdGb3I9J2xldCB1c2VyIG9mIGRhdGFGaWVsZC52YWx1ZS51c2VyVmFsdWVzIHwga2V5dmFsdWUnIChyZW1vdmVkKT1cImRlbGV0ZVVzZXIodXNlci5rZXkpXCI+XG4gICAgICAgICAgICB7e3VzZXIudmFsdWUuZnVsbE5hbWV9fVxuICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cIiFmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiIG1hdENoaXBSZW1vdmU+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uPmNhbmNlbDwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9tYXQtY2hpcC1yb3c+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgYXJpYS1sYWJlbD1cIkF1dG9jb21wbGV0ZVwiXG4gICAgICAgICAgICBtYXRJbnB1dFxuICAgICAgICAgICAgZGlzYWJsZWRcbiAgICAgICAgICAgICNpbnB1dFxuICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImRhdGFGaWVsZC5wbGFjZWhvbGRlclwiXG4gICAgICAgICAgICBbcmVxdWlyZWRdPVwiZGF0YUZpZWxkLmJlaGF2aW9yLnJlcXVpcmVkXCJcbiAgICAgICAgICAgIFttYXRDaGlwSW5wdXRGb3JdPVwiY2hpcExpc3RcIj5cbiAgICA8L21hdC1jaGlwLWdyaWQ+XG4gICAgPG1hdC1oaW50IFtuZ0NsYXNzXT1cInsnbWF0LWhpbnQtZGlzYWJsZWQnOiBmb3JtQ29udHJvbFJlZi5kaXNhYmxlZH1cIj57e2RhdGFGaWVsZC5kZXNjcmlwdGlvbn19PC9tYXQtaGludD5cbiAgICA8bWF0LWVycm9yICpuZ0lmPSdkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKSc+e3snZGF0YUZpZWxkLnZhbGlkYXRpb25zLnJlcXVpcmVkJyB8IHRyYW5zbGF0ZX19PC9tYXQtZXJyb3I+XG48L21hdC1mb3JtLWZpZWxkPlxuIl19

package/{esm2020 → esm2022}/lib/data-fields/user-list-field/user-list-field.component.mjs

@@ -1,8 +1,8 @@
 import { Component, Inject, Optional } from '@angular/core';
 import { AbstractUserListFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA, } from '@netgrif/components-core';
 import * as i0 from "@angular/core";
-import * as i1 from "../data-field-template/data-field-template.component";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "../data-field-template/data-field-template.component";
 /**
  * @deprecated
  * */
@@ -10,16 +10,16 @@ export class UserListFieldComponent extends AbstractUserListFieldComponent {
     constructor(informAboutInvalidData) {
         super(informAboutInvalidData);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserListFieldComponent, deps: [{ 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: 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: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DataFieldTemplateComponent, selector: "nc-data-field-template" }] });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.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                        [offset]='taskOffset'>\n</nc-data-field-template>\n\n", styles: [""] }]
-        }], ctorParameters: function () { return [{ 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" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [NAE_INFORM_ABOUT_INVALID_DATA]
-                }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1saXN0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3VzZXItbGlzdC1maWVsZC91c2VyLWxpc3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdXNlci1saXN0LWZpZWxkL3VzZXItbGlzdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUNILDhCQUE4QixFQUM5Qiw2QkFBNkIsR0FDaEMsTUFBTSwwQkFBMEIsQ0FBQzs7OztBQUVsQzs7S0FFSztBQU1MLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSw4QkFBOEI7SUFFdEUsWUFBK0Qsc0JBQXNDO1FBQ2pHLEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7O29IQUpRLHNCQUFzQixrQkFFQyw2QkFBNkI7d0dBRnBELHNCQUFzQixpRkNkbkMsNExBS0E7NEZEU2Esc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLG9CQUFvQjs7MEJBTWYsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RVc2VyTGlzdEZpZWxkQ29tcG9uZW50LFxuICAgIE5BRV9JTkZPUk1fQUJPVVRfSU5WQUxJRF9EQVRBLFxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG4vKipcbiAqIEBkZXByZWNhdGVkXG4gKiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmMtdXNlci1saXN0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VzZXItbGlzdC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3VzZXItbGlzdC1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFVzZXJMaXN0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFVzZXJMaXN0RmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQEluamVjdChOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSkgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICAgICAgc3VwZXIoaW5mb3JtQWJvdXRJbnZhbGlkRGF0YSk7XG4gICAgfVxufVxuIiwiPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9JyFkYXRhRmllbGQuYmVoYXZpb3IuaGlkZGVuJ1xuICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFGaWVsZF09J2RhdGFGaWVsZCdcbiAgICAgICAgICAgICAgICAgICAgICAgIFtvZmZzZXRdPSd0YXNrT2Zmc2V0Jz5cbjwvbmMtZGF0YS1maWVsZC10ZW1wbGF0ZT5cblxuIl19
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1saXN0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3VzZXItbGlzdC1maWVsZC91c2VyLWxpc3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdXNlci1saXN0LWZpZWxkL3VzZXItbGlzdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUNILDhCQUE4QixFQUM5Qiw2QkFBNkIsR0FDaEMsTUFBTSwwQkFBMEIsQ0FBQzs7OztBQUVsQzs7S0FFSztBQU1MLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSw4QkFBOEI7SUFFdEUsWUFBK0Qsc0JBQXNDO1FBQ2pHLEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7d0dBSlEsc0JBQXNCLGtCQUVDLDZCQUE2Qjs0RkFGcEQsc0JBQXNCLGlGQ2RuQyw0TEFLQTs7NEZEU2Esc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLG9CQUFvQjs7MEJBTWYsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RVc2VyTGlzdEZpZWxkQ29tcG9uZW50LFxuICAgIE5BRV9JTkZPUk1fQUJPVVRfSU5WQUxJRF9EQVRBLFxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG4vKipcbiAqIEBkZXByZWNhdGVkXG4gKiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmMtdXNlci1saXN0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VzZXItbGlzdC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3VzZXItbGlzdC1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFVzZXJMaXN0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFVzZXJMaXN0RmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQEluamVjdChOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSkgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICAgICAgc3VwZXIoaW5mb3JtQWJvdXRJbnZhbGlkRGF0YSk7XG4gICAgfVxufVxuIiwiPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9JyFkYXRhRmllbGQuYmVoYXZpb3IuaGlkZGVuJ1xuICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFGaWVsZF09J2RhdGFGaWVsZCdcbiAgICAgICAgICAgICAgICAgICAgICAgIFtvZmZzZXRdPSd0YXNrT2Zmc2V0Jz5cbjwvbmMtZGF0YS1maWVsZC10ZW1wbGF0ZT5cblxuIl19