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

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

@@ -1,50 +0,0 @@
-import { Component, Inject, Optional } from '@angular/core';
-import { DATA_FIELD_PORTAL_DATA, AbstractFileDefaultFieldComponent } from "@netgrif/components-core";
-import { PreviewDialogComponent } from "../preview-dialog/preview-dialog.component";
-import * as i0 from "@angular/core";
-import * as i1 from "@netgrif/components-core";
-import * as i2 from "@ngx-translate/core";
-import * as i3 from "@angular/platform-browser";
-import * as i4 from "@angular/material/dialog";
-import * as i5 from "../../required-label/required-label.component";
-import * as i6 from "@angular/material/button";
-import * as i7 from "@angular/material/icon";
-import * as i8 from "@angular/material/progress-bar";
-import * as i9 from "@angular/material/progress-spinner";
-import * as i10 from "@angular/flex-layout/flex";
-import * as i11 from "@angular/common";
-import * as i12 from "@angular/flex-layout/extended";
-import * as i13 from "@angular/material/form-field";
-import * as i14 from "@angular/material/tooltip";
-import * as i15 from "@angular/forms";
-import * as i16 from "angular-resize-event";
-export class FileDefaultFieldComponent extends AbstractFileDefaultFieldComponent {
-    constructor(taskResourceService, log, snackbar, translate, eventService, _sanitizer, dialog, dataFieldPortalData) {
-        super(taskResourceService, log, snackbar, translate, eventService, _sanitizer, dataFieldPortalData);
-        this._sanitizer = _sanitizer;
-        this.dialog = dialog;
-    }
-    showPreviewDialog() {
-        super.showPreviewDialog();
-        this.dialog.open(PreviewDialogComponent, {
-            data: {
-                dataField: this.dataField,
-                imagePreview: this.previewSource,
-                imageFull: this.fullSource,
-                extension: this.previewExtension
-            }
-        });
-    }
-}
-FileDefaultFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FileDefaultFieldComponent, deps: [{ token: i1.TaskResourceService }, { token: i1.LoggerService }, { token: i1.SnackBarService }, { token: i2.TranslateService }, { token: i1.EventService }, { token: i3.DomSanitizer }, { token: i4.MatDialog }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-FileDefaultFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FileDefaultFieldComponent, selector: "nc-file-default-field", usesInheritance: true, ngImport: i0, template: "<div fxLayoutAlign=\"center center\" fxLayout=\"row\">\n    <div fxFlex=\"{{!isFilePreview ? '100' : '75'}}\" class=\"netgrif-file-padding\">\n        <div #fileLabel class=\"file-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(fileLabel),\n                    'clip-path': getCutProperty(fileLabel)\n            }\">\n            <button mat-icon-button matPrefix\n                    [disabled]=\"formControlRef.disabled\"\n                    color=\"primary\"\n                    (click)=\"chooseFile()\"\n                    [matTooltip]=\"'dataField.file.clickToUpload' | translate\"\n                    [class.do-not-click]=\"state.uploading\">\n                <mat-icon>file_upload</mat-icon>\n            </button>\n            <span (click)=\"isEmpty() ? chooseFile() : download()\" fxFlex\n                  [matTooltip]=\"isEmpty() ? '' : ('dataField.file.clickToDownload' | translate : {fileName: constructDisplayName()})\"\n                  class=\"input-name-ellipsis\"\n                  [ngClass]=\"{'input-placeholder': isEmpty(), 'no-cursor': isEmpty() && formControlRef.disabled}\">{{constructDisplayName()}}</span>\n            <button (click)=\"showPreviewDialog()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                    *ngIf=\"isFilePreviewButton && !isEmpty() && isDisplayable\">\n                <mat-icon color=\"primary\">search</mat-icon>\n            </button>\n            <button (click)=\"deleteFile()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                    *ngIf=\"!isEmpty() && !formControlRef.disabled\">\n                <mat-icon color=\"warn\">close</mat-icon>\n            </button>\n        </div>\n        <mat-progress-bar *ngIf=\"state.uploading || state.downloading\" color=\"primary\" [value]=\"state.progress\"\n                          [mode]=\"state.uploading ? 'determinate' : 'indeterminate'\"\n                          class=\"margin-bottom-default\"></mat-progress-bar>\n        <input type=\"file\" #fileUploadInput name=\"fileUpload\" [multiple]=\"false\"\n               accept=\"{{dataField.allowTypes}}\" class=\"invisible-input\">\n        <input type=\"text\" [formControl]=\"formControlRef\" class=\"invisible-input\">\n        <mat-hint class=\"file-hint-error\" [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\"\n                  *ngIf=\"!dataField.isInvalid(formControlRef) && hasHint()\">{{dataField.description}}</mat-hint>\n        <mat-error class=\"file-hint-error\"\n                   *ngIf=\"dataField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n    <div *ngIf=\"isFilePreview\" fxFlex=\"5\"></div>\n    <div *ngIf=\"isFilePreview\" fxFlex=\"20\" fxLayout=\"row\" fxLayoutAlign=\"center center\" #imageDiv\n         (resized)=\"changeMaxWidth($event)\">\n        <img *ngIf=\"previewSource !== undefined && !state.downloading && isDisplayable\" class=\"image-preview\" #imageEl\n             [ngStyle]=\"!isBorderLGBTQ() && !isBorderDefault() && {\n                    'border-width': getPreviewBorderWidth(),\n                    'border-style': getPreviewBorderStyle(),\n                    'border-color': getPreviewBorderColor()\n                 }\"\n             [ngClass]=\"{'border-LGBTQ': isBorderLGBTQ(), 'border-default': isBorderDefault()}\"\n             [src]=\"previewSource\" alt=\"Image preview\" (click)=\"showPreviewDialog()\"/>\n        <mat-spinner *ngIf=\"previewSource === undefined && !!state.downloading && isDisplayable\"\n                     [diameter]=\"26\"></mat-spinner>\n    </div>\n</div>\n", styles: [".invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.do-not-click:hover{cursor:not-allowed}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:#64748b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.form-input{background:#FFFFFF;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;padding:8px 15px;box-sizing:border-box;height:44px}.form-input:hover{border-width:2px;padding-left:1px!important;padding-right:1px!important}.form-input-disabled,.form-input-disabled:focus-within{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover,.form-input-disabled:focus-within{border-width:1px!important;padding:2px!important}.file-hint-error{font-size:75%;padding:0 1em;width:unset;position:absolute;margin-top:.5em;top:calc(100% - 2em)}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important;color:#64748b}.border-LGBTQ{border:5px solid transparent;border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1;animation:rainbow 10s infinite}@keyframes rainbow{0%{border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1}20%{border-image:linear-gradient(to bottom right,#2C90FC 0%,#B8FD33 25%,#FEC837 50%,#FD1892 75%,#B827FC 100%);border-image-slice:1}40%{border-image:linear-gradient(to bottom right,#B8FD33 0%,#FEC837 25%,#FD1892 50%,#B827FC 75%,#2C90FC 100%);border-image-slice:1}60%{border-image:linear-gradient(to bottom right,#FEC837 0%,#FD1892 25%,#B827FC 50%,#2C90FC 75%,#B8FD33 100%);border-image-slice:1}80%{border-image:linear-gradient(to bottom right,#FD1892 0%,#B827FC 25%,#2C90FC 50%,#B8FD33 75%,#FEC837 100%);border-image-slice:1}to{border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1}}.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}}.file-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-file-padding{padding-bottom:13px;position:relative}\n"], components: [{ type: i5.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i6.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i8.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i10.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i10.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i10.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i12.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i12.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { type: i13.MatPrefix, selector: "[matPrefix]" }, { type: i14.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i15.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i15.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i15.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i13.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i13.MatError, selector: "mat-error", inputs: ["id"] }, { type: i16.ResizedDirective, selector: "[resized]", outputs: ["resized"] }], pipes: { "translate": i2.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FileDefaultFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'nc-file-default-field', template: "<div fxLayoutAlign=\"center center\" fxLayout=\"row\">\n    <div fxFlex=\"{{!isFilePreview ? '100' : '75'}}\" class=\"netgrif-file-padding\">\n        <div #fileLabel class=\"file-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(fileLabel),\n                    'clip-path': getCutProperty(fileLabel)\n            }\">\n            <button mat-icon-button matPrefix\n                    [disabled]=\"formControlRef.disabled\"\n                    color=\"primary\"\n                    (click)=\"chooseFile()\"\n                    [matTooltip]=\"'dataField.file.clickToUpload' | translate\"\n                    [class.do-not-click]=\"state.uploading\">\n                <mat-icon>file_upload</mat-icon>\n            </button>\n            <span (click)=\"isEmpty() ? chooseFile() : download()\" fxFlex\n                  [matTooltip]=\"isEmpty() ? '' : ('dataField.file.clickToDownload' | translate : {fileName: constructDisplayName()})\"\n                  class=\"input-name-ellipsis\"\n                  [ngClass]=\"{'input-placeholder': isEmpty(), 'no-cursor': isEmpty() && formControlRef.disabled}\">{{constructDisplayName()}}</span>\n            <button (click)=\"showPreviewDialog()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                    *ngIf=\"isFilePreviewButton && !isEmpty() && isDisplayable\">\n                <mat-icon color=\"primary\">search</mat-icon>\n            </button>\n            <button (click)=\"deleteFile()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                    *ngIf=\"!isEmpty() && !formControlRef.disabled\">\n                <mat-icon color=\"warn\">close</mat-icon>\n            </button>\n        </div>\n        <mat-progress-bar *ngIf=\"state.uploading || state.downloading\" color=\"primary\" [value]=\"state.progress\"\n                          [mode]=\"state.uploading ? 'determinate' : 'indeterminate'\"\n                          class=\"margin-bottom-default\"></mat-progress-bar>\n        <input type=\"file\" #fileUploadInput name=\"fileUpload\" [multiple]=\"false\"\n               accept=\"{{dataField.allowTypes}}\" class=\"invisible-input\">\n        <input type=\"text\" [formControl]=\"formControlRef\" class=\"invisible-input\">\n        <mat-hint class=\"file-hint-error\" [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\"\n                  *ngIf=\"!dataField.isInvalid(formControlRef) && hasHint()\">{{dataField.description}}</mat-hint>\n        <mat-error class=\"file-hint-error\"\n                   *ngIf=\"dataField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n    <div *ngIf=\"isFilePreview\" fxFlex=\"5\"></div>\n    <div *ngIf=\"isFilePreview\" fxFlex=\"20\" fxLayout=\"row\" fxLayoutAlign=\"center center\" #imageDiv\n         (resized)=\"changeMaxWidth($event)\">\n        <img *ngIf=\"previewSource !== undefined && !state.downloading && isDisplayable\" class=\"image-preview\" #imageEl\n             [ngStyle]=\"!isBorderLGBTQ() && !isBorderDefault() && {\n                    'border-width': getPreviewBorderWidth(),\n                    'border-style': getPreviewBorderStyle(),\n                    'border-color': getPreviewBorderColor()\n                 }\"\n             [ngClass]=\"{'border-LGBTQ': isBorderLGBTQ(), 'border-default': isBorderDefault()}\"\n             [src]=\"previewSource\" alt=\"Image preview\" (click)=\"showPreviewDialog()\"/>\n        <mat-spinner *ngIf=\"previewSource === undefined && !!state.downloading && isDisplayable\"\n                     [diameter]=\"26\"></mat-spinner>\n    </div>\n</div>\n", styles: [".invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.do-not-click:hover{cursor:not-allowed}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:#64748b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.form-input{background:#FFFFFF;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;padding:8px 15px;box-sizing:border-box;height:44px}.form-input:hover{border-width:2px;padding-left:1px!important;padding-right:1px!important}.form-input-disabled,.form-input-disabled:focus-within{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover,.form-input-disabled:focus-within{border-width:1px!important;padding:2px!important}.file-hint-error{font-size:75%;padding:0 1em;width:unset;position:absolute;margin-top:.5em;top:calc(100% - 2em)}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important;color:#64748b}.border-LGBTQ{border:5px solid transparent;border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1;animation:rainbow 10s infinite}@keyframes rainbow{0%{border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1}20%{border-image:linear-gradient(to bottom right,#2C90FC 0%,#B8FD33 25%,#FEC837 50%,#FD1892 75%,#B827FC 100%);border-image-slice:1}40%{border-image:linear-gradient(to bottom right,#B8FD33 0%,#FEC837 25%,#FD1892 50%,#B827FC 75%,#2C90FC 100%);border-image-slice:1}60%{border-image:linear-gradient(to bottom right,#FEC837 0%,#FD1892 25%,#B827FC 50%,#2C90FC 75%,#B8FD33 100%);border-image-slice:1}80%{border-image:linear-gradient(to bottom right,#FD1892 0%,#B827FC 25%,#2C90FC 50%,#B8FD33 75%,#FEC837 100%);border-image-slice:1}to{border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1}}.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}}.file-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-file-padding{padding-bottom:13px;position:relative}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.TaskResourceService }, { type: i1.LoggerService }, { type: i1.SnackBarService }, { type: i2.TranslateService }, { type: i1.EventService }, { type: i3.DomSanitizer }, { type: i4.MatDialog }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DATA_FIELD_PORTAL_DATA]
-                }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2ZpbGUtZmllbGQvZmlsZS1kZWZhdWx0LWZpZWxkL2ZpbGUtZGVmYXVsdC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9maWxlLWZpZWxkL2ZpbGUtZGVmYXVsdC1maWVsZC9maWxlLWRlZmF1bHQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFDSCxzQkFBc0IsRUFLdEIsaUNBQWlDLEVBQ3BDLE1BQU0sMEJBQTBCLENBQUM7QUFJbEMsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sNENBQTRDLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQU9sRixNQUFNLE9BQU8seUJBQTBCLFNBQVEsaUNBQWlDO0lBRTVFLFlBQVksbUJBQXdDLEVBQ3hDLEdBQWtCLEVBQ2xCLFFBQXlCLEVBQ3pCLFNBQTJCLEVBQzNCLFlBQTBCLEVBQ2hCLFVBQXdCLEVBQ3hCLE1BQWlCLEVBQ2lCLG1CQUFtRDtRQUN2RyxLQUFLLENBQUMsbUJBQW1CLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO1FBSGxGLGVBQVUsR0FBVixVQUFVLENBQWM7UUFDeEIsV0FBTSxHQUFOLE1BQU0sQ0FBVztJQUd2QyxDQUFDO0lBRU0saUJBQWlCO1FBQ3BCLEtBQUssQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQzFCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLHNCQUFzQixFQUFFO1lBQ3JDLElBQUksRUFBRTtnQkFDRixTQUFTLEVBQUUsSUFBSSxDQUFDLFNBQVM7Z0JBQ3pCLFlBQVksRUFBRSxJQUFJLENBQUMsYUFBYTtnQkFDaEMsU0FBUyxFQUFFLElBQUksQ0FBQyxVQUFVO2dCQUMxQixTQUFTLEVBQUUsSUFBSSxDQUFDLGdCQUFnQjthQUNuQztTQUNKLENBQUMsQ0FBQztJQUNQLENBQUM7O3VIQXZCUSx5QkFBeUIsa09BU0Ysc0JBQXNCOzJHQVQ3Qyx5QkFBeUIsb0ZDbkJ0QyxtbUlBMkRBOzRGRHhDYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0UsdUJBQXVCOzswQkFhbEIsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIERBVEFfRklFTERfUE9SVEFMX0RBVEEsIERhdGFGaWVsZFBvcnRhbERhdGEsXG4gICAgRXZlbnRTZXJ2aWNlLCBGaWxlRmllbGQsXG4gICAgTG9nZ2VyU2VydmljZSxcbiAgICBTbmFja0JhclNlcnZpY2UsXG4gICAgVGFza1Jlc291cmNlU2VydmljZSxcbiAgICBBYnN0cmFjdEZpbGVEZWZhdWx0RmllbGRDb21wb25lbnRcbn0gZnJvbSBcIkBuZXRncmlmL2NvbXBvbmVudHMtY29yZVwiO1xuaW1wb3J0IHtUcmFuc2xhdGVTZXJ2aWNlfSBmcm9tIFwiQG5neC10cmFuc2xhdGUvY29yZVwiO1xuaW1wb3J0IHtEb21TYW5pdGl6ZXJ9IGZyb20gXCJAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyXCI7XG5pbXBvcnQge01hdERpYWxvZ30gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2RpYWxvZ1wiO1xuaW1wb3J0IHtQcmV2aWV3RGlhbG9nQ29tcG9uZW50fSBmcm9tIFwiLi4vcHJldmlldy1kaWFsb2cvcHJldmlldy1kaWFsb2cuY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25jLWZpbGUtZGVmYXVsdC1maWVsZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWxlLWRlZmF1bHQtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9maWxlLWRlZmF1bHQtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBGaWxlRGVmYXVsdEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RGaWxlRGVmYXVsdEZpZWxkQ29tcG9uZW50e1xuXG4gICAgY29uc3RydWN0b3IodGFza1Jlc291cmNlU2VydmljZTogVGFza1Jlc291cmNlU2VydmljZSxcbiAgICAgICAgICAgICAgICBsb2c6IExvZ2dlclNlcnZpY2UsXG4gICAgICAgICAgICAgICAgc25hY2tiYXI6IFNuYWNrQmFyU2VydmljZSxcbiAgICAgICAgICAgICAgICB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgZXZlbnRTZXJ2aWNlOiBFdmVudFNlcnZpY2UsXG4gICAgICAgICAgICAgICAgcHJvdGVjdGVkIF9zYW5pdGl6ZXI6IERvbVNhbml0aXplcixcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgZGlhbG9nOiBNYXREaWFsb2csXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBKSBkYXRhRmllbGRQb3J0YWxEYXRhOiBEYXRhRmllbGRQb3J0YWxEYXRhPEZpbGVGaWVsZD4pIHtcbiAgICAgICAgc3VwZXIodGFza1Jlc291cmNlU2VydmljZSwgbG9nLCBzbmFja2JhciwgdHJhbnNsYXRlLCBldmVudFNlcnZpY2UsIF9zYW5pdGl6ZXIsIGRhdGFGaWVsZFBvcnRhbERhdGEpO1xuICAgIH1cblxuICAgIHB1YmxpYyBzaG93UHJldmlld0RpYWxvZygpIHtcbiAgICAgICAgc3VwZXIuc2hvd1ByZXZpZXdEaWFsb2coKTtcbiAgICAgICAgdGhpcy5kaWFsb2cub3BlbihQcmV2aWV3RGlhbG9nQ29tcG9uZW50LCB7XG4gICAgICAgICAgICBkYXRhOiB7XG4gICAgICAgICAgICAgICAgZGF0YUZpZWxkOiB0aGlzLmRhdGFGaWVsZCxcbiAgICAgICAgICAgICAgICBpbWFnZVByZXZpZXc6IHRoaXMucHJldmlld1NvdXJjZSxcbiAgICAgICAgICAgICAgICBpbWFnZUZ1bGw6IHRoaXMuZnVsbFNvdXJjZSxcbiAgICAgICAgICAgICAgICBleHRlbnNpb246IHRoaXMucHJldmlld0V4dGVuc2lvblxuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG5cbn1cbiIsIjxkaXYgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIiBmeExheW91dD1cInJvd1wiPlxuICAgIDxkaXYgZnhGbGV4PVwie3shaXNGaWxlUHJldmlldyA/ICcxMDAnIDogJzc1J319XCIgY2xhc3M9XCJuZXRncmlmLWZpbGUtcGFkZGluZ1wiPlxuICAgICAgICA8ZGl2ICNmaWxlTGFiZWwgY2xhc3M9XCJmaWxlLWZpZWxkLWxhYmVsXCIgW25nQ2xhc3NdPVwieyduZXRncmlmLWxhYmVsLWRpc2FibGVkJzogZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWR9XCI+XG4gICAgICAgICAgICB7e2RhdGFGaWVsZC50aXRsZX19XG4gICAgICAgICAgICA8bmMtcmVxdWlyZWQtbGFiZWwgKm5nSWY9XCJkYXRhRmllbGQuYmVoYXZpb3IucmVxdWlyZWRcIiBbaXNJbl09XCIhZGF0YUZpZWxkLmRpc2FibGVkXCI+PC9uYy1yZXF1aXJlZC1sYWJlbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWlucHV0IGJ1dHRvbi1pY29uLWlucHV0IGZ1bGwtd2lkdGhcIiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIlxuICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnZm9ybS1pbnB1dC1kaXNhYmxlZCc6IGZvcm1Db250cm9sUmVmLmRpc2FibGVkLCAnZm9ybS1pbnB1dC1lcnJvcic6IGRhdGFGaWVsZC5pc0ludmFsaWQoZm9ybUNvbnRyb2xSZWYpfVwiXG4gICAgICAgICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICAgICAgICAgICAgICAnLXdlYmtpdC1jbGlwLXBhdGgnOiBnZXRDdXRQcm9wZXJ0eShmaWxlTGFiZWwpLFxuICAgICAgICAgICAgICAgICAgICAnY2xpcC1wYXRoJzogZ2V0Q3V0UHJvcGVydHkoZmlsZUxhYmVsKVxuICAgICAgICAgICAgfVwiPlxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gbWF0UHJlZml4XG4gICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJjaG9vc2VGaWxlKClcIlxuICAgICAgICAgICAgICAgICAgICBbbWF0VG9vbHRpcF09XCInZGF0YUZpZWxkLmZpbGUuY2xpY2tUb1VwbG9hZCcgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICBbY2xhc3MuZG8tbm90LWNsaWNrXT1cInN0YXRlLnVwbG9hZGluZ1wiPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5maWxlX3VwbG9hZDwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDxzcGFuIChjbGljayk9XCJpc0VtcHR5KCkgPyBjaG9vc2VGaWxlKCkgOiBkb3dubG9hZCgpXCIgZnhGbGV4XG4gICAgICAgICAgICAgICAgICBbbWF0VG9vbHRpcF09XCJpc0VtcHR5KCkgPyAnJyA6ICgnZGF0YUZpZWxkLmZpbGUuY2xpY2tUb0Rvd25sb2FkJyB8IHRyYW5zbGF0ZSA6IHtmaWxlTmFtZTogY29uc3RydWN0RGlzcGxheU5hbWUoKX0pXCJcbiAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaW5wdXQtbmFtZS1lbGxpcHNpc1wiXG4gICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J2lucHV0LXBsYWNlaG9sZGVyJzogaXNFbXB0eSgpLCAnbm8tY3Vyc29yJzogaXNFbXB0eSgpICYmIGZvcm1Db250cm9sUmVmLmRpc2FibGVkfVwiPnt7Y29uc3RydWN0RGlzcGxheU5hbWUoKX19PC9zcGFuPlxuICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwic2hvd1ByZXZpZXdEaWFsb2coKVwiIFttYXRUb29sdGlwXT1cIidkYXRhRmllbGQuZmlsZS5jbGlja1RvRGVsZXRlJyB8IHRyYW5zbGF0ZVwiIG1hdC1pY29uLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cImlzRmlsZVByZXZpZXdCdXR0b24gJiYgIWlzRW1wdHkoKSAmJiBpc0Rpc3BsYXlhYmxlXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uIGNvbG9yPVwicHJpbWFyeVwiPnNlYXJjaDwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDxidXR0b24gKGNsaWNrKT1cImRlbGV0ZUZpbGUoKVwiIFttYXRUb29sdGlwXT1cIidkYXRhRmllbGQuZmlsZS5jbGlja1RvRGVsZXRlJyB8IHRyYW5zbGF0ZVwiIG1hdC1pY29uLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIiFpc0VtcHR5KCkgJiYgIWZvcm1Db250cm9sUmVmLmRpc2FibGVkXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uIGNvbG9yPVwid2FyblwiPmNsb3NlPC9tYXQtaWNvbj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPG1hdC1wcm9ncmVzcy1iYXIgKm5nSWY9XCJzdGF0ZS51cGxvYWRpbmcgfHwgc3RhdGUuZG93bmxvYWRpbmdcIiBjb2xvcj1cInByaW1hcnlcIiBbdmFsdWVdPVwic3RhdGUucHJvZ3Jlc3NcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbbW9kZV09XCJzdGF0ZS51cGxvYWRpbmcgPyAnZGV0ZXJtaW5hdGUnIDogJ2luZGV0ZXJtaW5hdGUnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJtYXJnaW4tYm90dG9tLWRlZmF1bHRcIj48L21hdC1wcm9ncmVzcy1iYXI+XG4gICAgICAgIDxpbnB1dCB0eXBlPVwiZmlsZVwiICNmaWxlVXBsb2FkSW5wdXQgbmFtZT1cImZpbGVVcGxvYWRcIiBbbXVsdGlwbGVdPVwiZmFsc2VcIlxuICAgICAgICAgICAgICAgYWNjZXB0PVwie3tkYXRhRmllbGQuYWxsb3dUeXBlc319XCIgY2xhc3M9XCJpbnZpc2libGUtaW5wdXRcIj5cbiAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sUmVmXCIgY2xhc3M9XCJpbnZpc2libGUtaW5wdXRcIj5cbiAgICAgICAgPG1hdC1oaW50IGNsYXNzPVwiZmlsZS1oaW50LWVycm9yXCIgW25nQ2xhc3NdPVwieydtYXQtaGludC1kaXNhYmxlZCc6IGZvcm1Db250cm9sUmVmLmRpc2FibGVkfVwiXG4gICAgICAgICAgICAgICAgICAqbmdJZj1cIiFkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKSAmJiBoYXNIaW50KClcIj57e2RhdGFGaWVsZC5kZXNjcmlwdGlvbn19PC9tYXQtaGludD5cbiAgICAgICAgPG1hdC1lcnJvciBjbGFzcz1cImZpbGUtaGludC1lcnJvclwiXG4gICAgICAgICAgICAgICAgICAgKm5nSWY9XCJkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKVwiPnt7J2RhdGFGaWVsZC52YWxpZGF0aW9ucy5yZXF1aXJlZCcgfCB0cmFuc2xhdGV9fTwvbWF0LWVycm9yPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJpc0ZpbGVQcmV2aWV3XCIgZnhGbGV4PVwiNVwiPjwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJpc0ZpbGVQcmV2aWV3XCIgZnhGbGV4PVwiMjBcIiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCIgI2ltYWdlRGl2XG4gICAgICAgICAocmVzaXplZCk9XCJjaGFuZ2VNYXhXaWR0aCgkZXZlbnQpXCI+XG4gICAgICAgIDxpbWcgKm5nSWY9XCJwcmV2aWV3U291cmNlICE9PSB1bmRlZmluZWQgJiYgIXN0YXRlLmRvd25sb2FkaW5nICYmIGlzRGlzcGxheWFibGVcIiBjbGFzcz1cImltYWdlLXByZXZpZXdcIiAjaW1hZ2VFbFxuICAgICAgICAgICAgIFtuZ1N0eWxlXT1cIiFpc0JvcmRlckxHQlRRKCkgJiYgIWlzQm9yZGVyRGVmYXVsdCgpICYmIHtcbiAgICAgICAgICAgICAgICAgICAgJ2JvcmRlci13aWR0aCc6IGdldFByZXZpZXdCb3JkZXJXaWR0aCgpLFxuICAgICAgICAgICAgICAgICAgICAnYm9yZGVyLXN0eWxlJzogZ2V0UHJldmlld0JvcmRlclN0eWxlKCksXG4gICAgICAgICAgICAgICAgICAgICdib3JkZXItY29sb3InOiBnZXRQcmV2aWV3Qm9yZGVyQ29sb3IoKVxuICAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J2JvcmRlci1MR0JUUSc6IGlzQm9yZGVyTEdCVFEoKSwgJ2JvcmRlci1kZWZhdWx0JzogaXNCb3JkZXJEZWZhdWx0KCl9XCJcbiAgICAgICAgICAgICBbc3JjXT1cInByZXZpZXdTb3VyY2VcIiBhbHQ9XCJJbWFnZSBwcmV2aWV3XCIgKGNsaWNrKT1cInNob3dQcmV2aWV3RGlhbG9nKClcIi8+XG4gICAgICAgIDxtYXQtc3Bpbm5lciAqbmdJZj1cInByZXZpZXdTb3VyY2UgPT09IHVuZGVmaW5lZCAmJiAhIXN0YXRlLmRvd25sb2FkaW5nICYmIGlzRGlzcGxheWFibGVcIlxuICAgICAgICAgICAgICAgICAgICAgW2RpYW1ldGVyXT1cIjI2XCI+PC9tYXQtc3Bpbm5lcj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2020/lib/data-fields/file-field/preview-dialog/preview-dialog.component.mjs

@@ -1,33 +0,0 @@
-import { Component, Inject } from '@angular/core';
-import { MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { FilePreviewType } from '@netgrif/components-core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/button";
-import * as i2 from "@angular/material/icon";
-import * as i3 from "@angular/material/dialog";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/flex-layout/flex";
-export class PreviewDialogComponent {
-    constructor(data) {
-        this.data = data;
-        data.imageFull.subscribe(imageSource => {
-            this.image = imageSource;
-        });
-    }
-    fullImageExists() {
-        return !!this.image;
-    }
-    isPdf() {
-        return this.data.extension === FilePreviewType.pdf;
-    }
-}
-PreviewDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PreviewDialogComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-PreviewDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PreviewDialogComponent, selector: "nc-preview-dialog", ngImport: i0, template: "<button class=\"close\" mat-icon-button [mat-dialog-close]=\"true\">\n    <mat-icon>close</mat-icon>\n</button>\n<h1 mat-dialog-title *ngIf=\"!isPdf()\">Image: {{data.dataField.value.name}}</h1>\n<h1 mat-dialog-title *ngIf=\"isPdf()\">PDF: {{data.dataField.value.name}}</h1>\n<div mat-dialog-content fxLayout=\"row\" fxLayoutAlign=\"center center\">\n    <img class=\"image-size\" *ngIf=\"!fullImageExists()\" [src]=\"data.imagePreview\" alt=\"Image preview\"/>\n    <img class=\"image-size\" *ngIf=\"fullImageExists() && !isPdf()\" [src]=\"image\" alt=\"Image\"/>\n    <embed class=\"pdf-view\" *ngIf=\"fullImageExists() && isPdf()\" [src]=\"image\" [type]=\"'application/pdf'\" />\n</div>\n", styles: [".image-size{height:64vh}.close{float:right;top:-24px;right:-24px}.pdf-view{width:50vw;height:64vh}\n"], components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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"] }, { 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PreviewDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'nc-preview-dialog', template: "<button class=\"close\" mat-icon-button [mat-dialog-close]=\"true\">\n    <mat-icon>close</mat-icon>\n</button>\n<h1 mat-dialog-title *ngIf=\"!isPdf()\">Image: {{data.dataField.value.name}}</h1>\n<h1 mat-dialog-title *ngIf=\"isPdf()\">PDF: {{data.dataField.value.name}}</h1>\n<div mat-dialog-content fxLayout=\"row\" fxLayoutAlign=\"center center\">\n    <img class=\"image-size\" *ngIf=\"!fullImageExists()\" [src]=\"data.imagePreview\" alt=\"Image preview\"/>\n    <img class=\"image-size\" *ngIf=\"fullImageExists() && !isPdf()\" [src]=\"image\" alt=\"Image\"/>\n    <embed class=\"pdf-view\" *ngIf=\"fullImageExists() && isPdf()\" [src]=\"image\" [type]=\"'application/pdf'\" />\n</div>\n", styles: [".image-size{height:64vh}.close{float:right;top:-24px;right:-24px}.pdf-view{width:50vw;height:64vh}\n"] }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZmlsZS1maWVsZC9wcmV2aWV3LWRpYWxvZy9wcmV2aWV3LWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9maWxlLWZpZWxkL3ByZXZpZXctZGlhbG9nL3ByZXZpZXctZGlhbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQ3hELE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUMsZUFBZSxFQUFvQixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7O0FBUzVFLE1BQU0sT0FBTyxzQkFBc0I7SUFHL0IsWUFBNEMsSUFBdUI7UUFBdkIsU0FBSSxHQUFKLElBQUksQ0FBbUI7UUFDL0QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLEVBQUU7WUFDbkMsSUFBSSxDQUFDLEtBQUssR0FBRyxXQUFXLENBQUM7UUFDN0IsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsZUFBZTtRQUNYLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDeEIsQ0FBQztJQUVELEtBQUs7UUFDRCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxLQUFLLGVBQWUsQ0FBQyxHQUFHLENBQUM7SUFDdkQsQ0FBQzs7b0hBZlEsc0JBQXNCLGtCQUdYLGVBQWU7d0dBSDFCLHNCQUFzQix5RENYbkMsc3JCQVVBOzRGRENhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDSSxtQkFBbUI7OzBCQU9oQixNQUFNOzJCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtNQVRfRElBTE9HX0RBVEF9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQge0ZpbGVQcmV2aWV3VHlwZSwgUHJldmlld0RpYWxvZ0RhdGF9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1NhZmVVcmx9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtcHJldmlldy1kaWFsb2cnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wcmV2aWV3LWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcHJldmlldy1kaWFsb2cuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQcmV2aWV3RGlhbG9nQ29tcG9uZW50IHtcbiAgICBpbWFnZTogU2FmZVVybDtcblxuICAgIGNvbnN0cnVjdG9yKEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogUHJldmlld0RpYWxvZ0RhdGEpIHtcbiAgICAgICAgZGF0YS5pbWFnZUZ1bGwuc3Vic2NyaWJlKGltYWdlU291cmNlID0+IHtcbiAgICAgICAgICAgIHRoaXMuaW1hZ2UgPSBpbWFnZVNvdXJjZTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgZnVsbEltYWdlRXhpc3RzKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gISF0aGlzLmltYWdlO1xuICAgIH1cblxuICAgIGlzUGRmKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5kYXRhLmV4dGVuc2lvbiA9PT0gRmlsZVByZXZpZXdUeXBlLnBkZjtcbiAgICB9XG59XG4iLCI8YnV0dG9uIGNsYXNzPVwiY2xvc2VcIiBtYXQtaWNvbi1idXR0b24gW21hdC1kaWFsb2ctY2xvc2VdPVwidHJ1ZVwiPlxuICAgIDxtYXQtaWNvbj5jbG9zZTwvbWF0LWljb24+XG48L2J1dHRvbj5cbjxoMSBtYXQtZGlhbG9nLXRpdGxlICpuZ0lmPVwiIWlzUGRmKClcIj5JbWFnZToge3tkYXRhLmRhdGFGaWVsZC52YWx1ZS5uYW1lfX08L2gxPlxuPGgxIG1hdC1kaWFsb2ctdGl0bGUgKm5nSWY9XCJpc1BkZigpXCI+UERGOiB7e2RhdGEuZGF0YUZpZWxkLnZhbHVlLm5hbWV9fTwvaDE+XG48ZGl2IG1hdC1kaWFsb2ctY29udGVudCBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG4gICAgPGltZyBjbGFzcz1cImltYWdlLXNpemVcIiAqbmdJZj1cIiFmdWxsSW1hZ2VFeGlzdHMoKVwiIFtzcmNdPVwiZGF0YS5pbWFnZVByZXZpZXdcIiBhbHQ9XCJJbWFnZSBwcmV2aWV3XCIvPlxuICAgIDxpbWcgY2xhc3M9XCJpbWFnZS1zaXplXCIgKm5nSWY9XCJmdWxsSW1hZ2VFeGlzdHMoKSAmJiAhaXNQZGYoKVwiIFtzcmNdPVwiaW1hZ2VcIiBhbHQ9XCJJbWFnZVwiLz5cbiAgICA8ZW1iZWQgY2xhc3M9XCJwZGYtdmlld1wiICpuZ0lmPVwiZnVsbEltYWdlRXhpc3RzKCkgJiYgaXNQZGYoKVwiIFtzcmNdPVwiaW1hZ2VcIiBbdHlwZV09XCInYXBwbGljYXRpb24vcGRmJ1wiIC8+XG48L2Rpdj5cbiJdfQ==

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

@@ -1,32 +0,0 @@
-import { Component, Inject, Optional } from '@angular/core';
-import { DATA_FIELD_PORTAL_DATA, AbstractFileListDefaultFieldComponent } from '@netgrif/components-core';
-import * as i0 from "@angular/core";
-import * as i1 from "@netgrif/components-core";
-import * as i2 from "@ngx-translate/core";
-import * as i3 from "../../required-label/required-label.component";
-import * as i4 from "@angular/material/button";
-import * as i5 from "@angular/material/icon";
-import * as i6 from "@angular/material/progress-bar";
-import * as i7 from "@angular/common";
-import * as i8 from "@angular/flex-layout/extended";
-import * as i9 from "@angular/flex-layout/flex";
-import * as i10 from "@angular/material/form-field";
-import * as i11 from "@angular/material/tooltip";
-import * as i12 from "@angular/forms";
-export class FileListDefaultFieldComponent extends AbstractFileListDefaultFieldComponent {
-    constructor(taskResourceService, log, snackbar, translate, eventService, dataFieldPortalData) {
-        super(taskResourceService, log, snackbar, translate, eventService, dataFieldPortalData);
-    }
-}
-FileListDefaultFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FileListDefaultFieldComponent, deps: [{ token: i1.TaskResourceService }, { token: i1.LoggerService }, { token: i1.SnackBarService }, { token: i2.TranslateService }, { token: i1.EventService }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-FileListDefaultFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FileListDefaultFieldComponent, selector: "nc-file-list-default-field", usesInheritance: true, ngImport: i0, template: "<div class=\"netgrif-file-padding\">\n    <div #fileLabel class=\"file-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(fileLabel),\n                    'clip-path': getCutProperty(fileLabel)\n            }\">\n        <button mat-icon-button matPrefix\n                class=\"file-button-size\"\n                [disabled]=\"formControlRef.disabled\"\n                color=\"primary\"\n                (click)=\"chooseFile()\"\n                [matTooltip]=\"'dataField.file.clickToUpload' | translate\"\n                [class.do-not-click]=\"state.uploading\">\n            <mat-icon>file_upload</mat-icon>\n        </button>\n        <span *ngIf=\"uploadedFiles.length === 0\" (click)=\"chooseFile()\" fxFlex\n              [ngClass]=\"{'no-cursor': formControlRef.disabled}\"\n              class=\"input-placeholder input-name-ellipsis\">{{constructDisplayName()}}</span>\n        <div *ngIf=\"uploadedFiles.length !== 0\" class=\"input-name-ellipsis\" fxFlex>\n            <div *ngFor=\"let name of uploadedFiles\" fxLayoutAlign=\"start center\">\n                    <span (click)=\"download(name)\" fxFlex\n                          [matTooltip]=\"'dataField.file.clickToDownload' | translate : {fileName: name}\"\n                          class=\"input-name-ellipsis file-list-item\">{{name}}</span>\n                <button (click)=\"deleteFile(name)\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\"\n                        mat-icon-button\n                        *ngIf=\"!formControlRef.disabled\">\n                    <mat-icon color=\"warn\">close</mat-icon>\n                </button>\n            </div>\n        </div>\n    </div>\n    <mat-progress-bar *ngIf=\"state.uploading || state.downloading\" color=\"primary\" [value]=\"state.progress\"\n                      [mode]=\"state.uploading ? 'determinate' : 'indeterminate'\"\n                      class=\"margin-bottom-default\"></mat-progress-bar>\n    <input type=\"file\" #fileUploadInput name=\"fileUpload\" [multiple]=\"true\"\n           accept=\"{{dataField.allowTypes}}\" class=\"invisible-input\"/>\n    <input type=\"text\" [formControl]=\"formControlRef\" class=\"invisible-input\">\n    <mat-hint class=\"file-hint-error\" [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\"\n              *ngIf=\"!dataField.isInvalid(formControlRef) && hasHint()\">{{dataField.description}}</mat-hint>\n    <mat-error class=\"file-hint-error\"\n               *ngIf=\"dataField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</div>\n", styles: [".invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.do-not-click:hover{cursor:not-allowed}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:#64748b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.form-input{background:#FFFFFF;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;padding:8px 15px;box-sizing:border-box;min-height:44px}.form-input:hover{border-width:2px;padding:1px!important}.form-input-disabled{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover{border-width:1px;padding:2px!important}.placeholder{color:#0000006b!important}.file-hint-error{font-size:75%;padding:0 1em;width:unset;position:absolute;margin-top:.5em;top:calc(100% - 2em)}.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}}.file-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-file-padding{padding-bottom:13px;position:relative}.file-button-size{height:38px;width:38px}\n"], components: [{ type: i3.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i9.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i7.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i8.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { type: i10.MatPrefix, selector: "[matPrefix]" }, { type: i11.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i9.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i12.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i12.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i10.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i10.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i2.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FileListDefaultFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'nc-file-list-default-field', template: "<div class=\"netgrif-file-padding\">\n    <div #fileLabel class=\"file-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(fileLabel),\n                    'clip-path': getCutProperty(fileLabel)\n            }\">\n        <button mat-icon-button matPrefix\n                class=\"file-button-size\"\n                [disabled]=\"formControlRef.disabled\"\n                color=\"primary\"\n                (click)=\"chooseFile()\"\n                [matTooltip]=\"'dataField.file.clickToUpload' | translate\"\n                [class.do-not-click]=\"state.uploading\">\n            <mat-icon>file_upload</mat-icon>\n        </button>\n        <span *ngIf=\"uploadedFiles.length === 0\" (click)=\"chooseFile()\" fxFlex\n              [ngClass]=\"{'no-cursor': formControlRef.disabled}\"\n              class=\"input-placeholder input-name-ellipsis\">{{constructDisplayName()}}</span>\n        <div *ngIf=\"uploadedFiles.length !== 0\" class=\"input-name-ellipsis\" fxFlex>\n            <div *ngFor=\"let name of uploadedFiles\" fxLayoutAlign=\"start center\">\n                    <span (click)=\"download(name)\" fxFlex\n                          [matTooltip]=\"'dataField.file.clickToDownload' | translate : {fileName: name}\"\n                          class=\"input-name-ellipsis file-list-item\">{{name}}</span>\n                <button (click)=\"deleteFile(name)\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\"\n                        mat-icon-button\n                        *ngIf=\"!formControlRef.disabled\">\n                    <mat-icon color=\"warn\">close</mat-icon>\n                </button>\n            </div>\n        </div>\n    </div>\n    <mat-progress-bar *ngIf=\"state.uploading || state.downloading\" color=\"primary\" [value]=\"state.progress\"\n                      [mode]=\"state.uploading ? 'determinate' : 'indeterminate'\"\n                      class=\"margin-bottom-default\"></mat-progress-bar>\n    <input type=\"file\" #fileUploadInput name=\"fileUpload\" [multiple]=\"true\"\n           accept=\"{{dataField.allowTypes}}\" class=\"invisible-input\"/>\n    <input type=\"text\" [formControl]=\"formControlRef\" class=\"invisible-input\">\n    <mat-hint class=\"file-hint-error\" [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\"\n              *ngIf=\"!dataField.isInvalid(formControlRef) && hasHint()\">{{dataField.description}}</mat-hint>\n    <mat-error class=\"file-hint-error\"\n               *ngIf=\"dataField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</div>\n", styles: [".invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.do-not-click:hover{cursor:not-allowed}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:#64748b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.form-input{background:#FFFFFF;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;padding:8px 15px;box-sizing:border-box;min-height:44px}.form-input:hover{border-width:2px;padding:1px!important}.form-input-disabled{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover{border-width:1px;padding:2px!important}.placeholder{color:#0000006b!important}.file-hint-error{font-size:75%;padding:0 1em;width:unset;position:absolute;margin-top:.5em;top:calc(100% - 2em)}.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}}.file-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-file-padding{padding-bottom:13px;position:relative}.file-button-size{height:38px;width:38px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.TaskResourceService }, { type: i1.LoggerService }, { type: i1.SnackBarService }, { type: i2.TranslateService }, { type: i1.EventService }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DATA_FIELD_PORTAL_DATA]
-                }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1saXN0LWRlZmF1bHQtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZmlsZS1saXN0LWZpZWxkL2ZpbGUtbGlzdC1kZWZhdWx0LWZpZWxkL2ZpbGUtbGlzdC1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2ZpbGUtbGlzdC1maWVsZC9maWxlLWxpc3QtZGVmYXVsdC1maWVsZC9maWxlLWxpc3QtZGVmYXVsdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFMUQsT0FBTyxFQUtILHNCQUFzQixFQUVQLHFDQUFxQyxFQUN2RCxNQUFNLDBCQUEwQixDQUFBOzs7Ozs7Ozs7Ozs7OztBQU9qQyxNQUFNLE9BQU8sNkJBQThCLFNBQVEscUNBQXFDO0lBRXBGLFlBQVksbUJBQXdDLEVBQ3hDLEdBQWtCLEVBQ2xCLFFBQXlCLEVBQ3pCLFNBQTJCLEVBQzNCLFlBQTBCLEVBQ2tCLG1CQUF1RDtRQUMzRyxLQUFLLENBQUMsbUJBQW1CLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLG1CQUFtQixDQUFDLENBQUM7SUFDNUYsQ0FBQzs7MkhBVFEsNkJBQTZCLDZLQU9OLHNCQUFzQjsrR0FQN0MsNkJBQTZCLHlGQ2pCMUMsOGdHQStDQTs0RkQ5QmEsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLDRCQUE0Qjs7MEJBV3ZCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUcmFuc2xhdGVTZXJ2aWNlfSBmcm9tIFwiQG5neC10cmFuc2xhdGUvY29yZVwiO1xuaW1wb3J0IHtcbiAgICBUYXNrUmVzb3VyY2VTZXJ2aWNlLFxuICAgIExvZ2dlclNlcnZpY2UsXG4gICAgU25hY2tCYXJTZXJ2aWNlLFxuICAgIEV2ZW50U2VydmljZSxcbiAgICBEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBLFxuICAgIERhdGFGaWVsZFBvcnRhbERhdGEsXG4gICAgRmlsZUxpc3RGaWVsZCwgQWJzdHJhY3RGaWxlTGlzdERlZmF1bHRGaWVsZENvbXBvbmVudFxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25jLWZpbGUtbGlzdC1kZWZhdWx0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtbGlzdC1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsZS1saXN0LWRlZmF1bHQtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBGaWxlTGlzdERlZmF1bHRGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RmlsZUxpc3REZWZhdWx0RmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IodGFza1Jlc291cmNlU2VydmljZTogVGFza1Jlc291cmNlU2VydmljZSxcbiAgICAgICAgICAgICAgICBsb2c6IExvZ2dlclNlcnZpY2UsXG4gICAgICAgICAgICAgICAgc25hY2tiYXI6IFNuYWNrQmFyU2VydmljZSxcbiAgICAgICAgICAgICAgICB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgZXZlbnRTZXJ2aWNlOiBFdmVudFNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBKSBkYXRhRmllbGRQb3J0YWxEYXRhOiBEYXRhRmllbGRQb3J0YWxEYXRhPEZpbGVMaXN0RmllbGQ+KSB7XG4gICAgICAgIHN1cGVyKHRhc2tSZXNvdXJjZVNlcnZpY2UsIGxvZywgc25hY2tiYXIsIHRyYW5zbGF0ZSwgZXZlbnRTZXJ2aWNlLCBkYXRhRmllbGRQb3J0YWxEYXRhKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwibmV0Z3JpZi1maWxlLXBhZGRpbmdcIj5cbiAgICA8ZGl2ICNmaWxlTGFiZWwgY2xhc3M9XCJmaWxlLWZpZWxkLWxhYmVsXCIgW25nQ2xhc3NdPVwieyduZXRncmlmLWxhYmVsLWRpc2FibGVkJzogZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWR9XCI+XG4gICAgICAgIHt7ZGF0YUZpZWxkLnRpdGxlfX1cbiAgICAgICAgPG5jLXJlcXVpcmVkLWxhYmVsICpuZ0lmPVwiZGF0YUZpZWxkLmJlaGF2aW9yLnJlcXVpcmVkXCIgW2lzSW5dPVwiIWRhdGFGaWVsZC5kaXNhYmxlZFwiPjwvbmMtcmVxdWlyZWQtbGFiZWw+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImZvcm0taW5wdXQgYnV0dG9uLWljb24taW5wdXQgZnVsbC13aWR0aFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiXG4gICAgICAgICBbbmdDbGFzc109XCJ7J2Zvcm0taW5wdXQtZGlzYWJsZWQnOiBmb3JtQ29udHJvbFJlZi5kaXNhYmxlZCwgJ2Zvcm0taW5wdXQtZXJyb3InOiBkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKX1cIlxuICAgICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICAgICAgICAgICAgICAnLXdlYmtpdC1jbGlwLXBhdGgnOiBnZXRDdXRQcm9wZXJ0eShmaWxlTGFiZWwpLFxuICAgICAgICAgICAgICAgICAgICAnY2xpcC1wYXRoJzogZ2V0Q3V0UHJvcGVydHkoZmlsZUxhYmVsKVxuICAgICAgICAgICAgfVwiPlxuICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBtYXRQcmVmaXhcbiAgICAgICAgICAgICAgICBjbGFzcz1cImZpbGUtYnV0dG9uLXNpemVcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiY2hvb3NlRmlsZSgpXCJcbiAgICAgICAgICAgICAgICBbbWF0VG9vbHRpcF09XCInZGF0YUZpZWxkLmZpbGUuY2xpY2tUb1VwbG9hZCcgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgIFtjbGFzcy5kby1ub3QtY2xpY2tdPVwic3RhdGUudXBsb2FkaW5nXCI+XG4gICAgICAgICAgICA8bWF0LWljb24+ZmlsZV91cGxvYWQ8L21hdC1pY29uPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJ1cGxvYWRlZEZpbGVzLmxlbmd0aCA9PT0gMFwiIChjbGljayk9XCJjaG9vc2VGaWxlKClcIiBmeEZsZXhcbiAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyduby1jdXJzb3InOiBmb3JtQ29udHJvbFJlZi5kaXNhYmxlZH1cIlxuICAgICAgICAgICAgICBjbGFzcz1cImlucHV0LXBsYWNlaG9sZGVyIGlucHV0LW5hbWUtZWxsaXBzaXNcIj57e2NvbnN0cnVjdERpc3BsYXlOYW1lKCl9fTwvc3Bhbj5cbiAgICAgICAgPGRpdiAqbmdJZj1cInVwbG9hZGVkRmlsZXMubGVuZ3RoICE9PSAwXCIgY2xhc3M9XCJpbnB1dC1uYW1lLWVsbGlwc2lzXCIgZnhGbGV4PlxuICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgbmFtZSBvZiB1cGxvYWRlZEZpbGVzXCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiAoY2xpY2spPVwiZG93bmxvYWQobmFtZSlcIiBmeEZsZXhcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwiJ2RhdGFGaWVsZC5maWxlLmNsaWNrVG9Eb3dubG9hZCcgfCB0cmFuc2xhdGUgOiB7ZmlsZU5hbWU6IG5hbWV9XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJpbnB1dC1uYW1lLWVsbGlwc2lzIGZpbGUtbGlzdC1pdGVtXCI+e3tuYW1lfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwiZGVsZXRlRmlsZShuYW1lKVwiIFttYXRUb29sdGlwXT1cIidkYXRhRmllbGQuZmlsZS5jbGlja1RvRGVsZXRlJyB8IHRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBtYXQtaWNvbi1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiIWZvcm1Db250cm9sUmVmLmRpc2FibGVkXCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBjb2xvcj1cIndhcm5cIj5jbG9zZTwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPG1hdC1wcm9ncmVzcy1iYXIgKm5nSWY9XCJzdGF0ZS51cGxvYWRpbmcgfHwgc3RhdGUuZG93bmxvYWRpbmdcIiBjb2xvcj1cInByaW1hcnlcIiBbdmFsdWVdPVwic3RhdGUucHJvZ3Jlc3NcIlxuICAgICAgICAgICAgICAgICAgICAgIFttb2RlXT1cInN0YXRlLnVwbG9hZGluZyA/ICdkZXRlcm1pbmF0ZScgOiAnaW5kZXRlcm1pbmF0ZSdcIlxuICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibWFyZ2luLWJvdHRvbS1kZWZhdWx0XCI+PC9tYXQtcHJvZ3Jlc3MtYmFyPlxuICAgIDxpbnB1dCB0eXBlPVwiZmlsZVwiICNmaWxlVXBsb2FkSW5wdXQgbmFtZT1cImZpbGVVcGxvYWRcIiBbbXVsdGlwbGVdPVwidHJ1ZVwiXG4gICAgICAgICAgIGFjY2VwdD1cInt7ZGF0YUZpZWxkLmFsbG93VHlwZXN9fVwiIGNsYXNzPVwiaW52aXNpYmxlLWlucHV0XCIvPlxuICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFJlZlwiIGNsYXNzPVwiaW52aXNpYmxlLWlucHV0XCI+XG4gICAgPG1hdC1oaW50IGNsYXNzPVwiZmlsZS1oaW50LWVycm9yXCIgW25nQ2xhc3NdPVwieydtYXQtaGludC1kaXNhYmxlZCc6IGZvcm1Db250cm9sUmVmLmRpc2FibGVkfVwiXG4gICAgICAgICAgICAgICpuZ0lmPVwiIWRhdGFGaWVsZC5pc0ludmFsaWQoZm9ybUNvbnRyb2xSZWYpICYmIGhhc0hpbnQoKVwiPnt7ZGF0YUZpZWxkLmRlc2NyaXB0aW9ufX08L21hdC1oaW50PlxuICAgIDxtYXQtZXJyb3IgY2xhc3M9XCJmaWxlLWhpbnQtZXJyb3JcIlxuICAgICAgICAgICAgICAgKm5nSWY9XCJkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKVwiPnt7J2RhdGFGaWVsZC52YWxpZGF0aW9ucy5yZXF1aXJlZCcgfCB0cmFuc2xhdGV9fTwvbWF0LWVycm9yPlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/data-fields/i18n-field/i18n-divider-field/i18n-divider-field.component.mjs

@@ -1,23 +0,0 @@
-import { Component, Inject, Optional } from '@angular/core';
-import { AbstractI18nDividerFieldComponent, DATA_FIELD_PORTAL_DATA } from '@netgrif/components-core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/flex-layout/flex";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/flex-layout/extended";
-export class I18nDividerFieldComponent extends AbstractI18nDividerFieldComponent {
-    constructor(dataFieldPortalData) {
-        super(dataFieldPortalData);
-    }
-}
-I18nDividerFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: I18nDividerFieldComponent, deps: [{ token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-I18nDividerFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: I18nDividerFieldComponent, selector: "nc-i18n-divider-field", usesInheritance: true, ngImport: i0, template: "<div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n    <div *ngIf='!!dataField.value?.defaultValue && dataField.value?.defaultValue.length > 0' fxFlex=\"20\" class=\"divider-line\"\n         [ngClass]=\"{'divider-line-lgbt': isDividerLGBTQ(), 'primary-background-color': !checkPropertyInComponent('dividerColor')}\"\n         [ngStyle]=\"checkPropertyInComponent('dividerColor') && {'background': getDividerColor()}\"></div>\n    <span *ngIf='!!dataField.value' [ngClass]=\"{'margin-default': dataField.value?.defaultValue !== ''}\"\n          [ngStyle]=\"checkPropertyInComponent('fontSize') && {'font-size': getDividerFontSize()}\">\n        {{dataField.value?.defaultValue ?? ''}}\n    </span>\n    <div fxFlex class=\"divider-line\"\n         [ngClass]=\"{'divider-line-lgbt': isDividerLGBTQ(), 'primary-background-color': !checkPropertyInComponent('dividerColor')}\"\n         [ngStyle]=\"checkPropertyInComponent('dividerColor') && {'background': getDividerColor()}\"></div>\n</div>\n\n", styles: [".divider-line{height:1px}.margin-default{margin-right:8px;margin-left:8px}.divider-line-lgbt{height:2px;background:linear-gradient(to right,#B827FC 0%,#2C90FC 20%,#B8FD33 40%,#FEC837 60%,#FD1892 80%,#B827FC 100%) 0% 0/150% 100%;animation:move-divider-line-lgbt 10s linear infinite;-webkit-animation:move-divider-line-lgbt 10s linear infinite}@keyframes move-divider-line-lgbt{to{background-position:-1500% 0%}}\n"], directives: [{ type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: I18nDividerFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'nc-i18n-divider-field', template: "<div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n    <div *ngIf='!!dataField.value?.defaultValue && dataField.value?.defaultValue.length > 0' fxFlex=\"20\" class=\"divider-line\"\n         [ngClass]=\"{'divider-line-lgbt': isDividerLGBTQ(), 'primary-background-color': !checkPropertyInComponent('dividerColor')}\"\n         [ngStyle]=\"checkPropertyInComponent('dividerColor') && {'background': getDividerColor()}\"></div>\n    <span *ngIf='!!dataField.value' [ngClass]=\"{'margin-default': dataField.value?.defaultValue !== ''}\"\n          [ngStyle]=\"checkPropertyInComponent('fontSize') && {'font-size': getDividerFontSize()}\">\n        {{dataField.value?.defaultValue ?? ''}}\n    </span>\n    <div fxFlex class=\"divider-line\"\n         [ngClass]=\"{'divider-line-lgbt': isDividerLGBTQ(), 'primary-background-color': !checkPropertyInComponent('dividerColor')}\"\n         [ngStyle]=\"checkPropertyInComponent('dividerColor') && {'background': getDividerColor()}\"></div>\n</div>\n\n", styles: [".divider-line{height:1px}.margin-default{margin-right:8px;margin-left:8px}.divider-line-lgbt{height:2px;background:linear-gradient(to right,#B827FC 0%,#2C90FC 20%,#B8FD33 40%,#FEC837 60%,#FD1892 80%,#B827FC 100%) 0% 0/150% 100%;animation:move-divider-line-lgbt 10s linear infinite;-webkit-animation:move-divider-line-lgbt 10s linear infinite}@keyframes move-divider-line-lgbt{to{background-position:-1500% 0%}}\n"] }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DATA_FIELD_PORTAL_DATA]
-                }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaTE4bi1kaXZpZGVyLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2kxOG4tZmllbGQvaTE4bi1kaXZpZGVyLWZpZWxkL2kxOG4tZGl2aWRlci1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9pMThuLWZpZWxkL2kxOG4tZGl2aWRlci1maWVsZC9pMThuLWRpdmlkZXItZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFDSCxpQ0FBaUMsRUFDakMsc0JBQXNCLEVBR3pCLE1BQU0sMEJBQTBCLENBQUM7Ozs7O0FBT2xDLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxpQ0FBaUM7SUFDNUUsWUFBd0QsbUJBQW1EO1FBQ3ZHLEtBQUssQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0lBQy9CLENBQUM7O3VIQUhRLHlCQUF5QixrQkFDRixzQkFBc0I7MkdBRDdDLHlCQUF5QixvRkNidEMsOCtCQWFBOzRGREFhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDSSx1QkFBdUI7OzBCQUtwQixRQUFROzswQkFBSSxNQUFNOzJCQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RJMThuRGl2aWRlckZpZWxkQ29tcG9uZW50LFxuICAgIERBVEFfRklFTERfUE9SVEFMX0RBVEEsXG4gICAgRGF0YUZpZWxkUG9ydGFsRGF0YSxcbiAgICBJMThuRmllbGRcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1pMThuLWRpdmlkZXItZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9pMThuLWRpdmlkZXItZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2kxOG4tZGl2aWRlci1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEkxOG5EaXZpZGVyRmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEkxOG5EaXZpZGVyRmllbGRDb21wb25lbnQge1xuICAgIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIEBJbmplY3QoREFUQV9GSUVMRF9QT1JUQUxfREFUQSkgZGF0YUZpZWxkUG9ydGFsRGF0YTogRGF0YUZpZWxkUG9ydGFsRGF0YTxJMThuRmllbGQ+KSB7XG4gICAgICAgIHN1cGVyKGRhdGFGaWVsZFBvcnRhbERhdGEpO1xuICAgIH1cbn1cbiIsIjxkaXYgZnhGbGV4IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cbiAgICA8ZGl2ICpuZ0lmPSchIWRhdGFGaWVsZC52YWx1ZT8uZGVmYXVsdFZhbHVlICYmIGRhdGFGaWVsZC52YWx1ZT8uZGVmYXVsdFZhbHVlLmxlbmd0aCA+IDAnIGZ4RmxleD1cIjIwXCIgY2xhc3M9XCJkaXZpZGVyLWxpbmVcIlxuICAgICAgICAgW25nQ2xhc3NdPVwieydkaXZpZGVyLWxpbmUtbGdidCc6IGlzRGl2aWRlckxHQlRRKCksICdwcmltYXJ5LWJhY2tncm91bmQtY29sb3InOiAhY2hlY2tQcm9wZXJ0eUluQ29tcG9uZW50KCdkaXZpZGVyQ29sb3InKX1cIlxuICAgICAgICAgW25nU3R5bGVdPVwiY2hlY2tQcm9wZXJ0eUluQ29tcG9uZW50KCdkaXZpZGVyQ29sb3InKSAmJiB7J2JhY2tncm91bmQnOiBnZXREaXZpZGVyQ29sb3IoKX1cIj48L2Rpdj5cbiAgICA8c3BhbiAqbmdJZj0nISFkYXRhRmllbGQudmFsdWUnIFtuZ0NsYXNzXT1cInsnbWFyZ2luLWRlZmF1bHQnOiBkYXRhRmllbGQudmFsdWU/LmRlZmF1bHRWYWx1ZSAhPT0gJyd9XCJcbiAgICAgICAgICBbbmdTdHlsZV09XCJjaGVja1Byb3BlcnR5SW5Db21wb25lbnQoJ2ZvbnRTaXplJykgJiYgeydmb250LXNpemUnOiBnZXREaXZpZGVyRm9udFNpemUoKX1cIj5cbiAgICAgICAge3tkYXRhRmllbGQudmFsdWU/LmRlZmF1bHRWYWx1ZSA/PyAnJ319XG4gICAgPC9zcGFuPlxuICAgIDxkaXYgZnhGbGV4IGNsYXNzPVwiZGl2aWRlci1saW5lXCJcbiAgICAgICAgIFtuZ0NsYXNzXT1cInsnZGl2aWRlci1saW5lLWxnYnQnOiBpc0RpdmlkZXJMR0JUUSgpLCAncHJpbWFyeS1iYWNrZ3JvdW5kLWNvbG9yJzogIWNoZWNrUHJvcGVydHlJbkNvbXBvbmVudCgnZGl2aWRlckNvbG9yJyl9XCJcbiAgICAgICAgIFtuZ1N0eWxlXT1cImNoZWNrUHJvcGVydHlJbkNvbXBvbmVudCgnZGl2aWRlckNvbG9yJykgJiYgeydiYWNrZ3JvdW5kJzogZ2V0RGl2aWRlckNvbG9yKCl9XCI+PC9kaXY+XG48L2Rpdj5cblxuIl19

package/esm2020/lib/data-fields/i18n-field/i18n-text-field/i18n-text-field.component.mjs

@@ -1,66 +0,0 @@
-import { Component, Inject, Optional, ViewEncapsulation } from '@angular/core';
-import { AbstractI18nTextFieldComponent, DATA_FIELD_PORTAL_DATA } from '@netgrif/components-core';
-import { animate, state, style, transition, trigger } from '@angular/animations';
-import * as i0 from "@angular/core";
-import * as i1 from "@netgrif/components-core";
-import * as i2 from "@ngx-translate/core";
-import * as i3 from "@angular/platform-browser";
-import * as i4 from "@angular/material/form-field";
-import * as i5 from "../../required-label/required-label.component";
-import * as i6 from "@angular/material/button";
-import * as i7 from "@angular/material/select";
-import * as i8 from "@angular/material/core";
-import * as i9 from "@angular/material/icon";
-import * as i10 from "@angular/common";
-import * as i11 from "@angular/material/input";
-import * as i12 from "@angular/forms";
-import * as i13 from "@angular/flex-layout/extended";
-import * as i14 from "@angular/flex-layout/flex";
-import * as i15 from "@angular/material/tooltip";
-export class I18nTextFieldComponent extends AbstractI18nTextFieldComponent {
-    constructor(languageIconsService, translateService, domSanitizer, dataFieldPortalData) {
-        super(languageIconsService, translateService, domSanitizer, dataFieldPortalData);
-    }
-}
-I18nTextFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: I18nTextFieldComponent, deps: [{ token: i1.LanguageIconsService }, { token: i2.TranslateService }, { token: i3.DomSanitizer }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-I18nTextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: I18nTextFieldComponent, selector: "nc-i18n-text-field", usesInheritance: true, ngImport: i0, template: "<ng-template [ngIf]=\"formControlRef.disabled\">\n    <ng-template [ngIf]=\"!isPlainText()\">\n        <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                   [disabled]=\"true\"\n                   [ngModel]=\"!!currentValue[selectedLanguage] && currentValue[selectedLanguage] !== ''\n                                ? currentValue[selectedLanguage] : currentValue[getDefaultLanguageCode()]\"\n                   [placeholder]=\"dataField.placeholder ? dataField.placeholder : ''\"\n                   [required]=\"dataField.behavior.required\">\n            <mat-hint>{{dataField.description}}</mat-hint>\n        </mat-form-field>\n    </ng-template>\n    <ng-template [ngIf]=\"isPlainText()\">\n        <div class=\"full-width\"\n             [ngStyle]=\"textPropertyEnabled('fontSize') && {'font-size': getTextFontSize()}\">\n            <span [ngStyle]=\"textPropertyEnabled('textColor') && {'color': getTextColor()}\"\n                  [ngClass]=\"{'i18n-bold-text': isBoldText()}\">\n                {{!!currentValue[selectedLanguage] && currentValue[selectedLanguage] !== ''\n                    ? currentValue[selectedLanguage] : currentValue[getDefaultLanguageCode()]}}\n            </span>\n        </div>\n    </ng-template>\n</ng-template>\n<ng-template [ngIf]=\"!formControlRef.disabled\">\n    <div class=\"full-width\">\n        <div #i18nLabel class=\"i18n-label\" [ngClass]=\"{'invalid-form-label': dataField.isInvalid(formControlRef)}\">\n            {{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n        </div>\n        <div class=\"form-input-interfield button-icon-input full-width\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n             [ngClass]=\"{'invalid-form-input': dataField.isInvalid(formControlRef), 'form-input-disabled': formControlRef.disabled}\"\n             [ngStyle]=\"{\n                    '-webkit-clip-path': getCutProperty(i18nLabel),\n                    'clip-path': getCutProperty(i18nLabel)\n            }\">\n            <button mat-icon-button color=\"accent\" [matTooltip]=\"'dataField.i18n.languageSelect' | translate\"\n                    class=\"language-selector-button\" (click)=\"languageDropdown.open()\">\n                <div class=\"language-svg-wrapper\"\n                     [innerHTML]=\"getLanguageIcons()[this.selectedLanguage].svgIcon\"></div>\n            </button>\n            <mat-select #languageDropdown class=\"language-select\">\n                <mat-option *ngFor=\"let languageKey of languageKeys\"\n                            [value]=\"languageKey\" (click)=\"selectLanguage(languageKey)\">\n                    <div fxLayout=\"row\" fxLayoutAlign=\" center\">\n                        <div [innerHTML]=\"getLanguageIcons()[languageKey].svgIcon\" class=\"language-option-icon\"></div>\n                        <span class=\"language-option-value\">{{getLanguageIcons()[languageKey].languageName}}</span>\n                    </div>\n                </mat-option>\n            </mat-select>\n            <input class=\"selected-language-value\"\n                   type=\"text\"\n                   [placeholder]=\"dataField.placeholder ? dataField.placeholder : ''\"\n                   [required]=\"dataField.behavior.required\"\n                   [(ngModel)]=\"currentValue[selectedLanguage]\"\n                   (blur)=\"setSelectedValue()\">\n            <button mat-icon-button (click)=\"toggleFilled()\"\n                    [matTooltip]=\"(filledShown ? 'dataField.i18n.hideTranslations' : 'dataField.i18n.showTranslations') | translate\">\n                <mat-icon color=\"warn\">{{filledShown ? 'arrow_drop_up' : 'arrow_drop_down'}}</mat-icon>\n            </button>\n        </div>\n\n        <div fxLayout=\"column\" class=\"filled-languages-wrapper\"\n             [@languageWrapper]=\"filledShown\"\n             (@languageWrapper.start)=\"$event.element.style.display = 'block'\"\n             (@languageWrapper.done)=\"$event.element.style.display = ($event.toState ? 'block' : 'none')\">\n            <div *ngFor=\"let filledKey of filledKeys\" fxLayout=\"row\" fxLayoutAlign=\" center\"\n                 class=\"filled-language-row\">\n                <div class=\"filled-language-icon\" [innerHTML]=\"getLanguageIcons()[filledKey].svgIcon\"></div>\n                <span class=\"filled-language-value\">{{currentValue[filledKey]}}</span>\n                <button class=\"filled-language-button\" *ngIf=\"!isDefaultValue(filledKey)\" mat-icon-button\n                        (click)=\"removeTranslation(filledKey)\"\n                        [matTooltip]=\"'dataField.i18n.deleteTranslation' | translate\">\n                    <mat-icon color=\"warn\">close</mat-icon>\n                </button>\n            </div>\n        </div>\n        <mat-hint class=\"i18n-hint-error\" [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\"\n                  *ngIf=\"!dataField.isInvalid(formControlRef) && hasHint()\">{{dataField.description}}</mat-hint>\n        <mat-error class=\"i18n-hint-error\" *ngIf=\"dataField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n    </div>\n</ng-template>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}.selected-language-value{outline:none;padding:9px 0;width:calc(100% - 56px);font-size:14px;border:0;margin-left:8px;color:#64748b;background:transparent}.selected-language-value:disabled{color:#94a3b8}.form-input-interfield{background:#FFFFFF;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:15.75px;border-radius:6px;min-width:5px;box-sizing:border-box;height:44px}.form-input-interfield:hover{border:solid 2px #64748B}.button-icon-input{padding:2px}.button-icon-input:hover{padding:1px!important}.i18n-hint-error{padding:0 1em;font-size:75%;width:auto!important}.language-svg-wrapper{height:20px;line-height:normal}.language-selector-button{width:auto;margin-left:8px;margin-right:4px}.language-selector-wrapper{margin:0 8px}.language-svg-icon{border:solid 1px #64748B}.filled-language-row{min-height:28px;padding:4px 0;background-color:#fff}.filled-language-row:not(:last-child){border-bottom:1px solid #64748B}.filled-language-row:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.filled-languages-wrapper{border-radius:0 0 6px 6px;border-left:1px solid #64748B;border-right:1px solid #64748B;border-bottom:1px solid #64748B;margin-top:-5px;padding-top:5px;transform-origin:top}.filled-language-icon{margin:0 10px;height:20px}.filled-language-value{margin-left:20px}.filled-language-button{margin-left:auto;height:24px;width:24px;line-height:normal;margin-right:10px}.language-select{width:18px!important}.language-option-icon{margin-left:0}.language-option-value{margin-left:16px}.i18n-label{transform:translate(.4em,-.4em) scale(.75);transform-origin:left;color:#64748b;background:transparent;width:fit-content;padding:0 .5em;z-index:5;height:0;position:relative;top:-1px}.form-input-disabled{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover{border-width:1px}.i18n-bold-text{font-weight:700}\n"], components: [{ type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i6.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i7.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i8.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatLabel, selector: "mat-label" }, { type: i11.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i12.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i12.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i12.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i10.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i13.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { type: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i13.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i14.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i14.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i15.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i2.TranslatePipe }, animations: [
-        trigger('languageWrapper', [
-            state('true', style({
-                transform: 'scaleY(1)'
-            })),
-            state('false', style({
-                transform: 'scaleY(0)'
-            })),
-            transition('true => false', [
-                animate('0.1s')
-            ]),
-            transition('false => true', [
-                animate('0.1s')
-            ]),
-        ])
-    ], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: I18nTextFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'nc-i18n-text-field', encapsulation: ViewEncapsulation.None, animations: [
-                        trigger('languageWrapper', [
-                            state('true', style({
-                                transform: 'scaleY(1)'
-                            })),
-                            state('false', style({
-                                transform: 'scaleY(0)'
-                            })),
-                            transition('true => false', [
-                                animate('0.1s')
-                            ]),
-                            transition('false => true', [
-                                animate('0.1s')
-                            ]),
-                        ])
-                    ], template: "<ng-template [ngIf]=\"formControlRef.disabled\">\n    <ng-template [ngIf]=\"!isPlainText()\">\n        <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                   [disabled]=\"true\"\n                   [ngModel]=\"!!currentValue[selectedLanguage] && currentValue[selectedLanguage] !== ''\n                                ? currentValue[selectedLanguage] : currentValue[getDefaultLanguageCode()]\"\n                   [placeholder]=\"dataField.placeholder ? dataField.placeholder : ''\"\n                   [required]=\"dataField.behavior.required\">\n            <mat-hint>{{dataField.description}}</mat-hint>\n        </mat-form-field>\n    </ng-template>\n    <ng-template [ngIf]=\"isPlainText()\">\n        <div class=\"full-width\"\n             [ngStyle]=\"textPropertyEnabled('fontSize') && {'font-size': getTextFontSize()}\">\n            <span [ngStyle]=\"textPropertyEnabled('textColor') && {'color': getTextColor()}\"\n                  [ngClass]=\"{'i18n-bold-text': isBoldText()}\">\n                {{!!currentValue[selectedLanguage] && currentValue[selectedLanguage] !== ''\n                    ? currentValue[selectedLanguage] : currentValue[getDefaultLanguageCode()]}}\n            </span>\n        </div>\n    </ng-template>\n</ng-template>\n<ng-template [ngIf]=\"!formControlRef.disabled\">\n    <div class=\"full-width\">\n        <div #i18nLabel class=\"i18n-label\" [ngClass]=\"{'invalid-form-label': dataField.isInvalid(formControlRef)}\">\n            {{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n        </div>\n        <div class=\"form-input-interfield button-icon-input full-width\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n             [ngClass]=\"{'invalid-form-input': dataField.isInvalid(formControlRef), 'form-input-disabled': formControlRef.disabled}\"\n             [ngStyle]=\"{\n                    '-webkit-clip-path': getCutProperty(i18nLabel),\n                    'clip-path': getCutProperty(i18nLabel)\n            }\">\n            <button mat-icon-button color=\"accent\" [matTooltip]=\"'dataField.i18n.languageSelect' | translate\"\n                    class=\"language-selector-button\" (click)=\"languageDropdown.open()\">\n                <div class=\"language-svg-wrapper\"\n                     [innerHTML]=\"getLanguageIcons()[this.selectedLanguage].svgIcon\"></div>\n            </button>\n            <mat-select #languageDropdown class=\"language-select\">\n                <mat-option *ngFor=\"let languageKey of languageKeys\"\n                            [value]=\"languageKey\" (click)=\"selectLanguage(languageKey)\">\n                    <div fxLayout=\"row\" fxLayoutAlign=\" center\">\n                        <div [innerHTML]=\"getLanguageIcons()[languageKey].svgIcon\" class=\"language-option-icon\"></div>\n                        <span class=\"language-option-value\">{{getLanguageIcons()[languageKey].languageName}}</span>\n                    </div>\n                </mat-option>\n            </mat-select>\n            <input class=\"selected-language-value\"\n                   type=\"text\"\n                   [placeholder]=\"dataField.placeholder ? dataField.placeholder : ''\"\n                   [required]=\"dataField.behavior.required\"\n                   [(ngModel)]=\"currentValue[selectedLanguage]\"\n                   (blur)=\"setSelectedValue()\">\n            <button mat-icon-button (click)=\"toggleFilled()\"\n                    [matTooltip]=\"(filledShown ? 'dataField.i18n.hideTranslations' : 'dataField.i18n.showTranslations') | translate\">\n                <mat-icon color=\"warn\">{{filledShown ? 'arrow_drop_up' : 'arrow_drop_down'}}</mat-icon>\n            </button>\n        </div>\n\n        <div fxLayout=\"column\" class=\"filled-languages-wrapper\"\n             [@languageWrapper]=\"filledShown\"\n             (@languageWrapper.start)=\"$event.element.style.display = 'block'\"\n             (@languageWrapper.done)=\"$event.element.style.display = ($event.toState ? 'block' : 'none')\">\n            <div *ngFor=\"let filledKey of filledKeys\" fxLayout=\"row\" fxLayoutAlign=\" center\"\n                 class=\"filled-language-row\">\n                <div class=\"filled-language-icon\" [innerHTML]=\"getLanguageIcons()[filledKey].svgIcon\"></div>\n                <span class=\"filled-language-value\">{{currentValue[filledKey]}}</span>\n                <button class=\"filled-language-button\" *ngIf=\"!isDefaultValue(filledKey)\" mat-icon-button\n                        (click)=\"removeTranslation(filledKey)\"\n                        [matTooltip]=\"'dataField.i18n.deleteTranslation' | translate\">\n                    <mat-icon color=\"warn\">close</mat-icon>\n                </button>\n            </div>\n        </div>\n        <mat-hint class=\"i18n-hint-error\" [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\"\n                  *ngIf=\"!dataField.isInvalid(formControlRef) && hasHint()\">{{dataField.description}}</mat-hint>\n        <mat-error class=\"i18n-hint-error\" *ngIf=\"dataField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n    </div>\n</ng-template>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}.selected-language-value{outline:none;padding:9px 0;width:calc(100% - 56px);font-size:14px;border:0;margin-left:8px;color:#64748b;background:transparent}.selected-language-value:disabled{color:#94a3b8}.form-input-interfield{background:#FFFFFF;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:15.75px;border-radius:6px;min-width:5px;box-sizing:border-box;height:44px}.form-input-interfield:hover{border:solid 2px #64748B}.button-icon-input{padding:2px}.button-icon-input:hover{padding:1px!important}.i18n-hint-error{padding:0 1em;font-size:75%;width:auto!important}.language-svg-wrapper{height:20px;line-height:normal}.language-selector-button{width:auto;margin-left:8px;margin-right:4px}.language-selector-wrapper{margin:0 8px}.language-svg-icon{border:solid 1px #64748B}.filled-language-row{min-height:28px;padding:4px 0;background-color:#fff}.filled-language-row:not(:last-child){border-bottom:1px solid #64748B}.filled-language-row:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.filled-languages-wrapper{border-radius:0 0 6px 6px;border-left:1px solid #64748B;border-right:1px solid #64748B;border-bottom:1px solid #64748B;margin-top:-5px;padding-top:5px;transform-origin:top}.filled-language-icon{margin:0 10px;height:20px}.filled-language-value{margin-left:20px}.filled-language-button{margin-left:auto;height:24px;width:24px;line-height:normal;margin-right:10px}.language-select{width:18px!important}.language-option-icon{margin-left:0}.language-option-value{margin-left:16px}.i18n-label{transform:translate(.4em,-.4em) scale(.75);transform-origin:left;color:#64748b;background:transparent;width:fit-content;padding:0 .5em;z-index:5;height:0;position:relative;top:-1px}.form-input-disabled{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover{border-width:1px}.i18n-bold-text{font-weight:700}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.LanguageIconsService }, { type: i2.TranslateService }, { type: i3.DomSanitizer }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DATA_FIELD_PORTAL_DATA]
-                }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaTE4bi10ZXh0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2kxOG4tZmllbGQvaTE4bi10ZXh0LWZpZWxkL2kxOG4tdGV4dC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9pMThuLWZpZWxkL2kxOG4tdGV4dC1maWVsZC9pMThuLXRleHQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzdFLE9BQU8sRUFDSCw4QkFBOEIsRUFFOUIsc0JBQXNCLEVBR3pCLE1BQU0sMEJBQTBCLENBQUM7QUFHbEMsT0FBTyxFQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUF3Qi9FLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSw4QkFBOEI7SUFDdEUsWUFBWSxvQkFBMEMsRUFBRSxnQkFBa0MsRUFBRSxZQUEwQixFQUM5RCxtQkFBbUQ7UUFDdkcsS0FBSyxDQUFDLG9CQUFvQixFQUFFLGdCQUFnQixFQUFFLFlBQVksRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO0lBQ3JGLENBQUM7O29IQUpRLHNCQUFzQixrSEFFQyxzQkFBc0I7d0dBRjdDLHNCQUFzQixpRkNsQ25DLDR4S0FrRkEsa25ORGpFZ0I7UUFDUixPQUFPLENBQUMsaUJBQWlCLEVBQUU7WUFDdkIsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUM7Z0JBQ2hCLFNBQVMsRUFBRSxXQUFXO2FBQ3pCLENBQUMsQ0FBQztZQUNILEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDO2dCQUNqQixTQUFTLEVBQUUsV0FBVzthQUN6QixDQUFDLENBQUM7WUFDSCxVQUFVLENBQUMsZUFBZSxFQUFFO2dCQUN4QixPQUFPLENBQUMsTUFBTSxDQUFDO2FBQ2xCLENBQUM7WUFDRixVQUFVLENBQUMsZUFBZSxFQUFFO2dCQUN4QixPQUFPLENBQUMsTUFBTSxDQUFDO2FBQ2xCLENBQUM7U0FDTCxDQUFDO0tBQ0w7NEZBRVEsc0JBQXNCO2tCQXRCbEMsU0FBUzsrQkFDSSxvQkFBb0IsaUJBR2YsaUJBQWlCLENBQUMsSUFBSSxjQUN6Qjt3QkFDUixPQUFPLENBQUMsaUJBQWlCLEVBQUU7NEJBQ3ZCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDO2dDQUNoQixTQUFTLEVBQUUsV0FBVzs2QkFDekIsQ0FBQyxDQUFDOzRCQUNILEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDO2dDQUNqQixTQUFTLEVBQUUsV0FBVzs2QkFDekIsQ0FBQyxDQUFDOzRCQUNILFVBQVUsQ0FBQyxlQUFlLEVBQUU7Z0NBQ3hCLE9BQU8sQ0FBQyxNQUFNLENBQUM7NkJBQ2xCLENBQUM7NEJBQ0YsVUFBVSxDQUFDLGVBQWUsRUFBRTtnQ0FDeEIsT0FBTyxDQUFDLE1BQU0sQ0FBQzs2QkFDbEIsQ0FBQzt5QkFDTCxDQUFDO3FCQUNMOzswQkFJWSxRQUFROzswQkFBSSxNQUFNOzJCQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0STE4blRleHRGaWVsZENvbXBvbmVudCxcbiAgICBMYW5ndWFnZUljb25zU2VydmljZSxcbiAgICBEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBLFxuICAgIERhdGFGaWVsZFBvcnRhbERhdGEsXG4gICAgSTE4bkZpZWxkXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHtEb21TYW5pdGl6ZXJ9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHthbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXJ9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLWkxOG4tdGV4dC1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2kxOG4tdGV4dC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vaTE4bi10ZXh0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBhbmltYXRpb25zOiBbXG4gICAgICAgIHRyaWdnZXIoJ2xhbmd1YWdlV3JhcHBlcicsIFtcbiAgICAgICAgICAgIHN0YXRlKCd0cnVlJywgc3R5bGUoe1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlWSgxKSdcbiAgICAgICAgICAgIH0pKSxcbiAgICAgICAgICAgIHN0YXRlKCdmYWxzZScsIHN0eWxlKHtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZVkoMCknXG4gICAgICAgICAgICB9KSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCd0cnVlID0+IGZhbHNlJywgW1xuICAgICAgICAgICAgICAgIGFuaW1hdGUoJzAuMXMnKVxuICAgICAgICAgICAgXSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCdmYWxzZSA9PiB0cnVlJywgW1xuICAgICAgICAgICAgICAgIGFuaW1hdGUoJzAuMXMnKVxuICAgICAgICAgICAgXSksXG4gICAgICAgIF0pXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBJMThuVGV4dEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RJMThuVGV4dEZpZWxkQ29tcG9uZW50IHtcbiAgICBjb25zdHJ1Y3RvcihsYW5ndWFnZUljb25zU2VydmljZTogTGFuZ3VhZ2VJY29uc1NlcnZpY2UsIHRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsIGRvbVNhbml0aXplcjogRG9tU2FuaXRpemVyLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoREFUQV9GSUVMRF9QT1JUQUxfREFUQSkgZGF0YUZpZWxkUG9ydGFsRGF0YTogRGF0YUZpZWxkUG9ydGFsRGF0YTxJMThuRmllbGQ+KSB7XG4gICAgICAgIHN1cGVyKGxhbmd1YWdlSWNvbnNTZXJ2aWNlLCB0cmFuc2xhdGVTZXJ2aWNlLCBkb21TYW5pdGl6ZXIsIGRhdGFGaWVsZFBvcnRhbERhdGEpO1xuICAgIH1cbn1cbiIsIjxuZy10ZW1wbGF0ZSBbbmdJZl09XCJmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCIhaXNQbGFpblRleHQoKVwiPlxuICAgICAgICA8bWF0LWZvcm0tZmllbGQgW2FwcGVhcmFuY2VdPVwiZGF0YUZpZWxkLm1hdGVyaWFsQXBwZWFyYW5jZVwiIGNsYXNzPVwiZnVsbC13aWR0aFwiIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgICAgICAgICAgPG1hdC1sYWJlbCAqbmdJZj1cIiFzaG93TGFyZ2VMYXlvdXQudmFsdWVcIj57e2RhdGFGaWVsZC50aXRsZX19PC9tYXQtbGFiZWw+XG4gICAgICAgICAgICA8aW5wdXQgbWF0SW5wdXRcbiAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgW25nTW9kZWxdPVwiISFjdXJyZW50VmFsdWVbc2VsZWN0ZWRMYW5ndWFnZV0gJiYgY3VycmVudFZhbHVlW3NlbGVjdGVkTGFuZ3VhZ2VdICE9PSAnJ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA/IGN1cnJlbnRWYWx1ZVtzZWxlY3RlZExhbmd1YWdlXSA6IGN1cnJlbnRWYWx1ZVtnZXREZWZhdWx0TGFuZ3VhZ2VDb2RlKCldXCJcbiAgICAgICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiZGF0YUZpZWxkLnBsYWNlaG9sZGVyID8gZGF0YUZpZWxkLnBsYWNlaG9sZGVyIDogJydcIlxuICAgICAgICAgICAgICAgICAgIFtyZXF1aXJlZF09XCJkYXRhRmllbGQuYmVoYXZpb3IucmVxdWlyZWRcIj5cbiAgICAgICAgICAgIDxtYXQtaGludD57e2RhdGFGaWVsZC5kZXNjcmlwdGlvbn19PC9tYXQtaGludD5cbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICA8L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCJpc1BsYWluVGV4dCgpXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmdWxsLXdpZHRoXCJcbiAgICAgICAgICAgICBbbmdTdHlsZV09XCJ0ZXh0UHJvcGVydHlFbmFibGVkKCdmb250U2l6ZScpICYmIHsnZm9udC1zaXplJzogZ2V0VGV4dEZvbnRTaXplKCl9XCI+XG4gICAgICAgICAgICA8c3BhbiBbbmdTdHlsZV09XCJ0ZXh0UHJvcGVydHlFbmFibGVkKCd0ZXh0Q29sb3InKSAmJiB7J2NvbG9yJzogZ2V0VGV4dENvbG9yKCl9XCJcbiAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnaTE4bi1ib2xkLXRleHQnOiBpc0JvbGRUZXh0KCl9XCI+XG4gICAgICAgICAgICAgICAge3shIWN1cnJlbnRWYWx1ZVtzZWxlY3RlZExhbmd1YWdlXSAmJiBjdXJyZW50VmFsdWVbc2VsZWN0ZWRMYW5ndWFnZV0gIT09ICcnXG4gICAgICAgICAgICAgICAgICAgID8gY3VycmVudFZhbHVlW3NlbGVjdGVkTGFuZ3VhZ2VdIDogY3VycmVudFZhbHVlW2dldERlZmF1bHRMYW5ndWFnZUNvZGUoKV19fVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSBbbmdJZl09XCIhZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZnVsbC13aWR0aFwiPlxuICAgICAgICA8ZGl2ICNpMThuTGFiZWwgY2xhc3M9XCJpMThuLWxhYmVsXCIgW25nQ2xhc3NdPVwieydpbnZhbGlkLWZvcm0tbGFiZWwnOiBkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKX1cIj5cbiAgICAgICAgICAgIHt7ZGF0YUZpZWxkLnRpdGxlfX1cbiAgICAgICAgICAgIDxuYy1yZXF1aXJlZC1sYWJlbCAqbmdJZj1cImRhdGFGaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiIFtpc0luXT1cIiFkYXRhRmllbGQuZGlzYWJsZWRcIj48L25jLXJlcXVpcmVkLWxhYmVsPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0taW5wdXQtaW50ZXJmaWVsZCBidXR0b24taWNvbi1pbnB1dCBmdWxsLXdpZHRoXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCJcbiAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J2ludmFsaWQtZm9ybS1pbnB1dCc6IGRhdGFGaWVsZC5pc0ludmFsaWQoZm9ybUNvbnRyb2xSZWYpLCAnZm9ybS1pbnB1dC1kaXNhYmxlZCc6IGZvcm1Db250cm9sUmVmLmRpc2FibGVkfVwiXG4gICAgICAgICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICAgICAgICAgICAgICAnLXdlYmtpdC1jbGlwLXBhdGgnOiBnZXRDdXRQcm9wZXJ0eShpMThuTGFiZWwpLFxuICAgICAgICAgICAgICAgICAgICAnY2xpcC1wYXRoJzogZ2V0Q3V0UHJvcGVydHkoaTE4bkxhYmVsKVxuICAgICAgICAgICAgfVwiPlxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY29sb3I9XCJhY2NlbnRcIiBbbWF0VG9vbHRpcF09XCInZGF0YUZpZWxkLmkxOG4ubGFuZ3VhZ2VTZWxlY3QnIHwgdHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJsYW5ndWFnZS1zZWxlY3Rvci1idXR0b25cIiAoY2xpY2spPVwibGFuZ3VhZ2VEcm9wZG93bi5vcGVuKClcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGFuZ3VhZ2Utc3ZnLXdyYXBwZXJcIlxuICAgICAgICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJnZXRMYW5ndWFnZUljb25zKClbdGhpcy5zZWxlY3RlZExhbmd1YWdlXS5zdmdJY29uXCI+PC9kaXY+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDxtYXQtc2VsZWN0ICNsYW5ndWFnZURyb3Bkb3duIGNsYXNzPVwibGFuZ3VhZ2Utc2VsZWN0XCI+XG4gICAgICAgICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IGxhbmd1YWdlS2V5IG9mIGxhbmd1YWdlS2V5c1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cImxhbmd1YWdlS2V5XCIgKGNsaWNrKT1cInNlbGVjdExhbmd1YWdlKGxhbmd1YWdlS2V5KVwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cIiBjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgW2lubmVySFRNTF09XCJnZXRMYW5ndWFnZUljb25zKClbbGFuZ3VhZ2VLZXldLnN2Z0ljb25cIiBjbGFzcz1cImxhbmd1YWdlLW9wdGlvbi1pY29uXCI+PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImxhbmd1YWdlLW9wdGlvbi12YWx1ZVwiPnt7Z2V0TGFuZ3VhZ2VJY29ucygpW2xhbmd1YWdlS2V5XS5sYW5ndWFnZU5hbWV9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9tYXQtb3B0aW9uPlxuICAgICAgICAgICAgPC9tYXQtc2VsZWN0PlxuICAgICAgICAgICAgPGlucHV0IGNsYXNzPVwic2VsZWN0ZWQtbGFuZ3VhZ2UtdmFsdWVcIlxuICAgICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiZGF0YUZpZWxkLnBsYWNlaG9sZGVyID8gZGF0YUZpZWxkLnBsYWNlaG9sZGVyIDogJydcIlxuICAgICAgICAgICAgICAgICAgIFtyZXF1aXJlZF09XCJkYXRhRmllbGQuYmVoYXZpb3IucmVxdWlyZWRcIlxuICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwiY3VycmVudFZhbHVlW3NlbGVjdGVkTGFuZ3VhZ2VdXCJcbiAgICAgICAgICAgICAgICAgICAoYmx1cik9XCJzZXRTZWxlY3RlZFZhbHVlKClcIj5cbiAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJ0b2dnbGVGaWxsZWQoKVwiXG4gICAgICAgICAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIihmaWxsZWRTaG93biA/ICdkYXRhRmllbGQuaTE4bi5oaWRlVHJhbnNsYXRpb25zJyA6ICdkYXRhRmllbGQuaTE4bi5zaG93VHJhbnNsYXRpb25zJykgfCB0cmFuc2xhdGVcIj5cbiAgICAgICAgICAgICAgICA8bWF0LWljb24gY29sb3I9XCJ3YXJuXCI+e3tmaWxsZWRTaG93biA/ICdhcnJvd19kcm9wX3VwJyA6ICdhcnJvd19kcm9wX2Rvd24nfX08L21hdC1pY29uPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgZnhMYXlvdXQ9XCJjb2x1bW5cIiBjbGFzcz1cImZpbGxlZC1sYW5ndWFnZXMtd3JhcHBlclwiXG4gICAgICAgICAgICAgW0BsYW5ndWFnZVdyYXBwZXJdPVwiZmlsbGVkU2hvd25cIlxuICAgICAgICAgICAgIChAbGFuZ3VhZ2VXcmFwcGVyLnN0YXJ0KT1cIiRldmVudC5lbGVtZW50LnN0eWxlLmRpc3BsYXkgPSAnYmxvY2snXCJcbiAgICAgICAgICAgICAoQGxhbmd1YWdlV3JhcHBlci5kb25lKT1cIiRldmVudC5lbGVtZW50LnN0eWxlLmRpc3BsYXkgPSAoJGV2ZW50LnRvU3RhdGUgPyAnYmxvY2snIDogJ25vbmUnKVwiPlxuICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgZmlsbGVkS2V5IG9mIGZpbGxlZEtleXNcIiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCIgY2VudGVyXCJcbiAgICAgICAgICAgICAgICAgY2xhc3M9XCJmaWxsZWQtbGFuZ3VhZ2Utcm93XCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZpbGxlZC1sYW5ndWFnZS1pY29uXCIgW2lubmVySFRNTF09XCJnZXRMYW5ndWFnZUljb25zKClbZmlsbGVkS2V5XS5zdmdJY29uXCI+PC9kaXY+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJmaWxsZWQtbGFuZ3VhZ2UtdmFsdWVcIj57e2N1cnJlbnRWYWx1ZVtmaWxsZWRLZXldfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImZpbGxlZC1sYW5ndWFnZS1idXR0b25cIiAqbmdJZj1cIiFpc0RlZmF1bHRWYWx1ZShmaWxsZWRLZXkpXCIgbWF0LWljb24tYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwicmVtb3ZlVHJhbnNsYXRpb24oZmlsbGVkS2V5KVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbWF0VG9vbHRpcF09XCInZGF0YUZpZWxkLmkxOG4uZGVsZXRlVHJhbnNsYXRpb24nIHwgdHJhbnNsYXRlXCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBjb2xvcj1cIndhcm5cIj5jbG9zZTwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxtYXQtaGludCBjbGFzcz1cImkxOG4taGludC1lcnJvclwiIFtuZ0NsYXNzXT1cInsnbWF0LWhpbnQtZGlzYWJsZWQnOiBmb3JtQ29udHJvbFJlZi5kaXNhYmxlZH1cIlxuICAgICAgICAgICAgICAgICAgKm5nSWY9XCIhZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZikgJiYgaGFzSGludCgpXCI+e3tkYXRhRmllbGQuZGVzY3JpcHRpb259fTwvbWF0LWhpbnQ+XG4gICAgICAgIDxtYXQtZXJyb3IgY2xhc3M9XCJpMThuLWhpbnQtZXJyb3JcIiAqbmdJZj1cImRhdGFGaWVsZC5pc0ludmFsaWQoZm9ybUNvbnRyb2xSZWYpXCI+e3tnZXRFcnJvck1lc3NhZ2UoKX19PC9tYXQtZXJyb3I+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2020/lib/data-fields/multichoice-field/multichoice-autocomplete-field/multichoice-autocomplete-field.component.mjs

@@ -1,30 +0,0 @@
-import { Component, Inject, Optional } from '@angular/core';
-import { AbstractMultichoiceAutocompleteFieldComponentComponent, DATA_FIELD_PORTAL_DATA } from '@netgrif/components-core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/form-field";
-import * as i2 from "@angular/material/chips";
-import * as i3 from "@angular/material/icon";
-import * as i4 from "@angular/material/autocomplete";
-import * as i5 from "@angular/material/core";
-import * as i6 from "@angular/common";
-import * as i7 from "@angular/forms";
-import * as i8 from "@angular/material/input";
-import * as i9 from "@angular/flex-layout/extended";
-import * as i10 from "@ngx-translate/core";
-export class MultichoiceAutocompleteFieldComponent extends AbstractMultichoiceAutocompleteFieldComponentComponent {
-    constructor(dataFieldPortalData) {
-        super(dataFieldPortalData);
-    }
-}
-MultichoiceAutocompleteFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MultichoiceAutocompleteFieldComponent, deps: [{ token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MultichoiceAutocompleteFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MultichoiceAutocompleteFieldComponent, selector: "nc-multichoice-autocomplete-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    <mat-chip-list #chipList aria-label=\"Autocomplete\" [formControl]=\"formControlRef\">\n        <mat-chip\n            *ngFor=\"let option of dataField.value\" (removed)=\"remove(option)\">\n            {{getValueFromKey(option)}}\n            <button *ngIf=\"!formControlRef.disabled\" matChipRemove>\n                <mat-icon>cancel</mat-icon>\n            </button>\n        </mat-chip>\n        <input\n            aria-label=\"Autocomplete\"\n            matInput\n            #input\n            [placeholder]=\"dataField.placeholder\"\n            [required]=\"dataField.behavior.required\"\n            [matAutocomplete]=\"auto\"\n            [matChipInputFor]=\"chipList\"\n            [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n            (keyup)=\"change()\">\n    </mat-chip-list>\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"add(option)\">\n            {{option.value}}\n        </mat-option>\n    </mat-autocomplete>\n    <mat-hint [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\">{{dataField.description}}</mat-hint>\n    <mat-error\n        *ngIf=\"dataField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i2.MatChipRemove, selector: "[matChipRemove]" }, { type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i2.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "async": i6.AsyncPipe, "translate": i10.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MultichoiceAutocompleteFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'nc-multichoice-autocomplete-field', template: "<mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n    <mat-chip-list #chipList aria-label=\"Autocomplete\" [formControl]=\"formControlRef\">\n        <mat-chip\n            *ngFor=\"let option of dataField.value\" (removed)=\"remove(option)\">\n            {{getValueFromKey(option)}}\n            <button *ngIf=\"!formControlRef.disabled\" matChipRemove>\n                <mat-icon>cancel</mat-icon>\n            </button>\n        </mat-chip>\n        <input\n            aria-label=\"Autocomplete\"\n            matInput\n            #input\n            [placeholder]=\"dataField.placeholder\"\n            [required]=\"dataField.behavior.required\"\n            [matAutocomplete]=\"auto\"\n            [matChipInputFor]=\"chipList\"\n            [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n            (keyup)=\"change()\">\n    </mat-chip-list>\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"add(option)\">\n            {{option.value}}\n        </mat-option>\n    </mat-autocomplete>\n    <mat-hint [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\">{{dataField.description}}</mat-hint>\n    <mat-error\n        *ngIf=\"dataField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DATA_FIELD_PORTAL_DATA]
-                }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGljaG9pY2UtYXV0b2NvbXBsZXRlLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL211bHRpY2hvaWNlLWZpZWxkL211bHRpY2hvaWNlLWF1dG9jb21wbGV0ZS1maWVsZC9tdWx0aWNob2ljZS1hdXRvY29tcGxldGUtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvbXVsdGljaG9pY2UtZmllbGQvbXVsdGljaG9pY2UtYXV0b2NvbXBsZXRlLWZpZWxkL211bHRpY2hvaWNlLWF1dG9jb21wbGV0ZS1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUNILHNEQUFzRCxFQUN0RCxzQkFBc0IsRUFHekIsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7Ozs7O0FBT2xDLE1BQU0sT0FBTyxxQ0FBdUMsU0FBUSxzREFBc0Q7SUFFOUcsWUFBd0QsbUJBQTBEO1FBQzlHLEtBQUssQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0lBQy9CLENBQUM7O21JQUpRLHFDQUFxQyxrQkFFZCxzQkFBc0I7dUhBRjdDLHFDQUFxQyxnR0NibEQsb2xEQStCQTs0RkRsQmEscUNBQXFDO2tCQUxqRCxTQUFTOytCQUNFLG1DQUFtQzs7MEJBTTlCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdE11bHRpY2hvaWNlQXV0b2NvbXBsZXRlRmllbGRDb21wb25lbnRDb21wb25lbnQsXG4gICAgREFUQV9GSUVMRF9QT1JUQUxfREFUQSxcbiAgICBEYXRhRmllbGRQb3J0YWxEYXRhLFxuICAgIE11bHRpY2hvaWNlRmllbGRcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmMtbXVsdGljaG9pY2UtYXV0b2NvbXBsZXRlLWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL211bHRpY2hvaWNlLWF1dG9jb21wbGV0ZS1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL211bHRpY2hvaWNlLWF1dG9jb21wbGV0ZS1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE11bHRpY2hvaWNlQXV0b2NvbXBsZXRlRmllbGRDb21wb25lbnQgIGV4dGVuZHMgQWJzdHJhY3RNdWx0aWNob2ljZUF1dG9jb21wbGV0ZUZpZWxkQ29tcG9uZW50Q29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIEBJbmplY3QoREFUQV9GSUVMRF9QT1JUQUxfREFUQSkgZGF0YUZpZWxkUG9ydGFsRGF0YTogRGF0YUZpZWxkUG9ydGFsRGF0YTxNdWx0aWNob2ljZUZpZWxkPikge1xuICAgICAgICBzdXBlcihkYXRhRmllbGRQb3J0YWxEYXRhKTtcbiAgICB9XG5cbn1cbiIsIjxtYXQtZm9ybS1maWVsZCBbYXBwZWFyYW5jZV09XCJkYXRhRmllbGQubWF0ZXJpYWxBcHBlYXJhbmNlXCIgY2xhc3M9XCJmdWxsLXdpZHRoXCIgY29sb3I9XCJwcmltYXJ5XCI+XG4gICAgPG1hdC1sYWJlbCAqbmdJZj1cIiFzaG93TGFyZ2VMYXlvdXQudmFsdWVcIj57e2RhdGFGaWVsZC50aXRsZX19PC9tYXQtbGFiZWw+XG4gICAgPG1hdC1jaGlwLWxpc3QgI2NoaXBMaXN0IGFyaWEtbGFiZWw9XCJBdXRvY29tcGxldGVcIiBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xSZWZcIj5cbiAgICAgICAgPG1hdC1jaGlwXG4gICAgICAgICAgICAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIGRhdGFGaWVsZC52YWx1ZVwiIChyZW1vdmVkKT1cInJlbW92ZShvcHRpb24pXCI+XG4gICAgICAgICAgICB7e2dldFZhbHVlRnJvbUtleShvcHRpb24pfX1cbiAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCIhZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWRcIiBtYXRDaGlwUmVtb3ZlPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5jYW5jZWw8L21hdC1pY29uPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvbWF0LWNoaXA+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgYXJpYS1sYWJlbD1cIkF1dG9jb21wbGV0ZVwiXG4gICAgICAgICAgICBtYXRJbnB1dFxuICAgICAgICAgICAgI2lucHV0XG4gICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiZGF0YUZpZWxkLnBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgIFtyZXF1aXJlZF09XCJkYXRhRmllbGQuYmVoYXZpb3IucmVxdWlyZWRcIlxuICAgICAgICAgICAgW21hdEF1dG9jb21wbGV0ZV09XCJhdXRvXCJcbiAgICAgICAgICAgIFttYXRDaGlwSW5wdXRGb3JdPVwiY2hpcExpc3RcIlxuICAgICAgICAgICAgW21hdENoaXBJbnB1dFNlcGFyYXRvcktleUNvZGVzXT1cInNlcGFyYXRvcktleXNDb2Rlc1wiXG4gICAgICAgICAgICAoa2V5dXApPVwiY2hhbmdlKClcIj5cbiAgICA8L21hdC1jaGlwLWxpc3Q+XG4gICAgPG1hdC1hdXRvY29tcGxldGUgW2Rpc3BsYXlXaXRoXT1cInJlbmRlclNlbGVjdGlvblwiIGF1dG9BY3RpdmVGaXJzdE9wdGlvbiAjYXV0bz1cIm1hdEF1dG9jb21wbGV0ZVwiPlxuICAgICAgICA8bWF0LW9wdGlvbiBbdmFsdWVdPVwibnVsbFwiPi0tLTwvbWF0LW9wdGlvbj5cbiAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBmaWx0ZXJlZE9wdGlvbnMgfCBhc3luY1wiIFt2YWx1ZV09XCJvcHRpb24ua2V5XCIgKGNsaWNrKT1cImFkZChvcHRpb24pXCI+XG4gICAgICAgICAgICB7e29wdGlvbi52YWx1ZX19XG4gICAgICAgIDwvbWF0LW9wdGlvbj5cbiAgICA8L21hdC1hdXRvY29tcGxldGU+XG4gICAgPG1hdC1oaW50IFtuZ0NsYXNzXT1cInsnbWF0LWhpbnQtZGlzYWJsZWQnOiBmb3JtQ29udHJvbFJlZi5kaXNhYmxlZH1cIj57e2RhdGFGaWVsZC5kZXNjcmlwdGlvbn19PC9tYXQtaGludD5cbiAgICA8bWF0LWVycm9yXG4gICAgICAgICpuZ0lmPVwiZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZilcIj57eydkYXRhRmllbGQudmFsaWRhdGlvbnMucmVxdWlyZWQnIHwgdHJhbnNsYXRlfX08L21hdC1lcnJvcj5cbjwvbWF0LWZvcm0tZmllbGQ+XG4iXX0=

package/esm2020/lib/data-fields/number-field/number-currency-field/number-currency-field.component.mjs

@@ -1,35 +0,0 @@
-import { Component, Inject, Optional } from '@angular/core';
-import { AbstractCurrencyNumberFieldComponent, DATA_FIELD_PORTAL_DATA } from '@netgrif/components-core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@ngx-translate/core";
-import * as i3 from "@angular/material/form-field";
-import * as i4 from "@angular/material/input";
-import * as i5 from "@angular/forms";
-import * as i6 from "@angular/flex-layout/extended";
-export class NumberCurrencyFieldComponent extends AbstractCurrencyNumberFieldComponent {
-    constructor(currencyPipe, translate, dataFieldPortalData) {
-        super(currencyPipe, translate, dataFieldPortalData);
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-    }
-    onFocusOut(event) {
-        this.transformToText(event);
-    }
-    onFocusIn() {
-        this.transformToNumber();
-    }
-}
-NumberCurrencyFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NumberCurrencyFieldComponent, deps: [{ token: i1.CurrencyPipe }, { token: i2.TranslateService }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-NumberCurrencyFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NumberCurrencyFieldComponent, selector: "nc-number-currency-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    <span matPrefix *ngIf=\"isNumberType() &&\n     this.dataField.component.properties['code'] !== ' ' &&\n      this.dataField.component.properties['code'] !== ''  \">{{this.dataField.component.properties['code'] ?? ''}}</span>\n    <input matInput\n           [type]=\"fieldType\"\n           [value]=\"transformedValue\"\n           [formControl]=\"formControlRef\"\n           [placeholder]=\"dataField.placeholder\"\n           [required]=\"dataField.behavior.required\"\n           (focusout)=\"onFocusOut($event)\"\n           (focusin)=\"onFocusIn()\">\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"], components: [{ type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatLabel, selector: "mat-label" }, { type: i3.MatPrefix, selector: "[matPrefix]" }, { 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"] }, { 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]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }, { type: i3.MatError, selector: "mat-error", inputs: ["id"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NumberCurrencyFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'nc-number-currency-field', template: "<mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n    <span matPrefix *ngIf=\"isNumberType() &&\n     this.dataField.component.properties['code'] !== ' ' &&\n      this.dataField.component.properties['code'] !== ''  \">{{this.dataField.component.properties['code'] ?? ''}}</span>\n    <input matInput\n           [type]=\"fieldType\"\n           [value]=\"transformedValue\"\n           [formControl]=\"formControlRef\"\n           [placeholder]=\"dataField.placeholder\"\n           [required]=\"dataField.behavior.required\"\n           (focusout)=\"onFocusOut($event)\"\n           (focusin)=\"onFocusIn()\">\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: function () { return [{ type: i1.CurrencyPipe }, { type: i2.TranslateService }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DATA_FIELD_PORTAL_DATA]
-                }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtYmVyLWN1cnJlbmN5LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL251bWJlci1maWVsZC9udW1iZXItY3VycmVuY3ktZmllbGQvbnVtYmVyLWN1cnJlbmN5LWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL251bWJlci1maWVsZC9udW1iZXItY3VycmVuY3ktZmllbGQvbnVtYmVyLWN1cnJlbmN5LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFekUsT0FBTyxFQUNILG9DQUFvQyxFQUNwQyxzQkFBc0IsRUFHekIsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7QUFRbEMsTUFBTSxPQUFPLDRCQUE2QixTQUFRLG9DQUFvQztJQUVsRixZQUFZLFlBQTBCLEVBQUUsU0FBMkIsRUFDWCxtQkFBcUQ7UUFDekcsS0FBSyxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsbUJBQW1CLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBRUQsZUFBZTtRQUNYLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVk7UUFDbkIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsU0FBUztRQUNMLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzdCLENBQUM7OzBIQWpCUSw0QkFBNEIsOEVBR0wsc0JBQXNCOzhHQUg3Qyw0QkFBNEIsdUZDZnpDLGk5QkFnQkE7NEZERGEsNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNJLDBCQUEwQjs7MEJBT3ZCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUcmFuc2xhdGVTZXJ2aWNlfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RDdXJyZW5jeU51bWJlckZpZWxkQ29tcG9uZW50LFxuICAgIERBVEFfRklFTERfUE9SVEFMX0RBVEEsXG4gICAgRGF0YUZpZWxkUG9ydGFsRGF0YSxcbiAgICBOdW1iZXJGaWVsZFxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuaW1wb3J0IHtDdXJyZW5jeVBpcGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtbnVtYmVyLWN1cnJlbmN5LWZpZWxkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbnVtYmVyLWN1cnJlbmN5LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9udW1iZXItY3VycmVuY3ktZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBOdW1iZXJDdXJyZW5jeUZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RDdXJyZW5jeU51bWJlckZpZWxkQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgICBjb25zdHJ1Y3RvcihjdXJyZW5jeVBpcGU6IEN1cnJlbmN5UGlwZSwgdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoREFUQV9GSUVMRF9QT1JUQUxfREFUQSkgZGF0YUZpZWxkUG9ydGFsRGF0YTogRGF0YUZpZWxkUG9ydGFsRGF0YTxOdW1iZXJGaWVsZD4pIHtcbiAgICAgICAgc3VwZXIoY3VycmVuY3lQaXBlLCB0cmFuc2xhdGUsIGRhdGFGaWVsZFBvcnRhbERhdGEpO1xuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICAgICAgc3VwZXIubmdBZnRlclZpZXdJbml0KCk7XG4gICAgfVxuXG4gICAgb25Gb2N1c091dChldmVudDogRXZlbnQpIHtcbiAgICAgICAgdGhpcy50cmFuc2Zvcm1Ub1RleHQoZXZlbnQpO1xuICAgIH1cblxuICAgIG9uRm9jdXNJbigpIHtcbiAgICAgICAgdGhpcy50cmFuc2Zvcm1Ub051bWJlcigpO1xuICAgIH1cbn1cbiIsIjxtYXQtZm9ybS1maWVsZCBbYXBwZWFyYW5jZV09XCJkYXRhRmllbGQubWF0ZXJpYWxBcHBlYXJhbmNlXCIgY2xhc3M9XCJmdWxsLXdpZHRoXCIgY29sb3I9XCJwcmltYXJ5XCI+XG4gICAgPG1hdC1sYWJlbCAqbmdJZj1cIiFzaG93TGFyZ2VMYXlvdXQudmFsdWVcIj57e2RhdGFGaWVsZC50aXRsZX19PC9tYXQtbGFiZWw+XG4gICAgPHNwYW4gbWF0UHJlZml4ICpuZ0lmPVwiaXNOdW1iZXJUeXBlKCkgJiZcbiAgICAgdGhpcy5kYXRhRmllbGQuY29tcG9uZW50LnByb3BlcnRpZXNbJ2NvZGUnXSAhPT0gJyAnICYmXG4gICAgICB0aGlzLmRhdGFGaWVsZC5jb21wb25lbnQucHJvcGVydGllc1snY29kZSddICE9PSAnJyAgXCI+e3t0aGlzLmRhdGFGaWVsZC5jb21wb25lbnQucHJvcGVydGllc1snY29kZSddID8/ICcnfX08L3NwYW4+XG4gICAgPGlucHV0IG1hdElucHV0XG4gICAgICAgICAgIFt0eXBlXT1cImZpZWxkVHlwZVwiXG4gICAgICAgICAgIFt2YWx1ZV09XCJ0cmFuc2Zvcm1lZFZhbHVlXCJcbiAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sUmVmXCJcbiAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImRhdGFGaWVsZC5wbGFjZWhvbGRlclwiXG4gICAgICAgICAgIFtyZXF1aXJlZF09XCJkYXRhRmllbGQuYmVoYXZpb3IucmVxdWlyZWRcIlxuICAgICAgICAgICAoZm9jdXNvdXQpPVwib25Gb2N1c091dCgkZXZlbnQpXCJcbiAgICAgICAgICAgKGZvY3VzaW4pPVwib25Gb2N1c0luKClcIj5cbiAgICA8bWF0LWhpbnQgW25nQ2xhc3NdPVwieydtYXQtaGludC1kaXNhYmxlZCc6IGZvcm1Db250cm9sUmVmLmRpc2FibGVkfVwiPnt7ZGF0YUZpZWxkLmRlc2NyaXB0aW9ufX08L21hdC1oaW50PlxuICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKVwiPnt7Z2V0RXJyb3JNZXNzYWdlKCl9fTwvbWF0LWVycm9yPlxuPC9tYXQtZm9ybS1maWVsZD5cbiJdfQ==