@netgrif/components 6.4.0-beta.9 → 6.4.0-rc.2

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

@@ -19,14 +19,14 @@ export class FileListDefaultFieldComponent extends AbstractFileListDefaultFieldC
     }
 }
 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                [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:-moz-fit-content;width:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-file-padding{padding-bottom:13px;position:relative}\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 } });
+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:-moz-fit-content;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                [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:-moz-fit-content;width:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-file-padding{padding-bottom:13px;position:relative}\n"] }]
+            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:-moz-fit-content;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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1saXN0LWRlZmF1bHQtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZmlsZS1saXN0LWZpZWxkL2ZpbGUtbGlzdC1kZWZhdWx0LWZpZWxkL2ZpbGUtbGlzdC1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2ZpbGUtbGlzdC1maWVsZC9maWxlLWxpc3QtZGVmYXVsdC1maWVsZC9maWxlLWxpc3QtZGVmYXVsdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFMUQsT0FBTyxFQUtILHNCQUFzQixFQUVQLHFDQUFxQyxFQUN2RCxNQUFNLDBCQUEwQixDQUFBOzs7Ozs7Ozs7Ozs7OztBQU9qQyxNQUFNLE9BQU8sNkJBQThCLFNBQVEscUNBQXFDO0lBRXBGLFlBQVksbUJBQXdDLEVBQ3hDLEdBQWtCLEVBQ2xCLFFBQXlCLEVBQ3pCLFNBQTJCLEVBQzNCLFlBQTBCLEVBQ2tCLG1CQUF1RDtRQUMzRyxLQUFLLENBQUMsbUJBQW1CLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLG1CQUFtQixDQUFDLENBQUM7SUFDNUYsQ0FBQzs7MkhBVFEsNkJBQTZCLDZLQU9OLHNCQUFzQjsrR0FQN0MsNkJBQTZCLHlGQ2pCMUMsaytGQThDQTs0RkQ3QmEsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLDRCQUE0Qjs7MEJBV3ZCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUcmFuc2xhdGVTZXJ2aWNlfSBmcm9tIFwiQG5neC10cmFuc2xhdGUvY29yZVwiO1xuaW1wb3J0IHtcbiAgICBUYXNrUmVzb3VyY2VTZXJ2aWNlLFxuICAgIExvZ2dlclNlcnZpY2UsXG4gICAgU25hY2tCYXJTZXJ2aWNlLFxuICAgIEV2ZW50U2VydmljZSxcbiAgICBEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBLFxuICAgIERhdGFGaWVsZFBvcnRhbERhdGEsXG4gICAgRmlsZUxpc3RGaWVsZCwgQWJzdHJhY3RGaWxlTGlzdERlZmF1bHRGaWVsZENvbXBvbmVudFxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25jLWZpbGUtbGlzdC1kZWZhdWx0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtbGlzdC1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsZS1saXN0LWRlZmF1bHQtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBGaWxlTGlzdERlZmF1bHRGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RmlsZUxpc3REZWZhdWx0RmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IodGFza1Jlc291cmNlU2VydmljZTogVGFza1Jlc291cmNlU2VydmljZSxcbiAgICAgICAgICAgICAgICBsb2c6IExvZ2dlclNlcnZpY2UsXG4gICAgICAgICAgICAgICAgc25hY2tiYXI6IFNuYWNrQmFyU2VydmljZSxcbiAgICAgICAgICAgICAgICB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgZXZlbnRTZXJ2aWNlOiBFdmVudFNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBKSBkYXRhRmllbGRQb3J0YWxEYXRhOiBEYXRhRmllbGRQb3J0YWxEYXRhPEZpbGVMaXN0RmllbGQ+KSB7XG4gICAgICAgIHN1cGVyKHRhc2tSZXNvdXJjZVNlcnZpY2UsIGxvZywgc25hY2tiYXIsIHRyYW5zbGF0ZSwgZXZlbnRTZXJ2aWNlLCBkYXRhRmllbGRQb3J0YWxEYXRhKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwibmV0Z3JpZi1maWxlLXBhZGRpbmdcIj5cbiAgICA8ZGl2ICNmaWxlTGFiZWwgY2xhc3M9XCJmaWxlLWZpZWxkLWxhYmVsXCIgW25nQ2xhc3NdPVwieyduZXRncmlmLWxhYmVsLWRpc2FibGVkJzogZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWR9XCI+XG4gICAgICAgIHt7ZGF0YUZpZWxkLnRpdGxlfX1cbiAgICAgICAgPG5jLXJlcXVpcmVkLWxhYmVsICpuZ0lmPVwiZGF0YUZpZWxkLmJlaGF2aW9yLnJlcXVpcmVkXCIgW2lzSW5dPVwiIWRhdGFGaWVsZC5kaXNhYmxlZFwiPjwvbmMtcmVxdWlyZWQtbGFiZWw+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImZvcm0taW5wdXQgYnV0dG9uLWljb24taW5wdXQgZnVsbC13aWR0aFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiXG4gICAgICAgICBbbmdDbGFzc109XCJ7J2Zvcm0taW5wdXQtZGlzYWJsZWQnOiBmb3JtQ29udHJvbFJlZi5kaXNhYmxlZCwgJ2Zvcm0taW5wdXQtZXJyb3InOiBkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKX1cIlxuICAgICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICAgICAgICAgICAgICAnLXdlYmtpdC1jbGlwLXBhdGgnOiBnZXRDdXRQcm9wZXJ0eShmaWxlTGFiZWwpLFxuICAgICAgICAgICAgICAgICAgICAnY2xpcC1wYXRoJzogZ2V0Q3V0UHJvcGVydHkoZmlsZUxhYmVsKVxuICAgICAgICAgICAgfVwiPlxuICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBtYXRQcmVmaXhcbiAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNob29zZUZpbGUoKVwiXG4gICAgICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwiJ2RhdGFGaWVsZC5maWxlLmNsaWNrVG9VcGxvYWQnIHwgdHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICBbY2xhc3MuZG8tbm90LWNsaWNrXT1cInN0YXRlLnVwbG9hZGluZ1wiPlxuICAgICAgICAgICAgPG1hdC1pY29uPmZpbGVfdXBsb2FkPC9tYXQtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwidXBsb2FkZWRGaWxlcy5sZW5ndGggPT09IDBcIiAoY2xpY2spPVwiY2hvb3NlRmlsZSgpXCIgZnhGbGV4XG4gICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnbm8tY3Vyc29yJzogZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWR9XCJcbiAgICAgICAgICAgICAgY2xhc3M9XCJpbnB1dC1wbGFjZWhvbGRlciBpbnB1dC1uYW1lLWVsbGlwc2lzXCI+e3tjb25zdHJ1Y3REaXNwbGF5TmFtZSgpfX08L3NwYW4+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJ1cGxvYWRlZEZpbGVzLmxlbmd0aCAhPT0gMFwiIGNsYXNzPVwiaW5wdXQtbmFtZS1lbGxpcHNpc1wiIGZ4RmxleD5cbiAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IG5hbWUgb2YgdXBsb2FkZWRGaWxlc1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gKGNsaWNrKT1cImRvd25sb2FkKG5hbWUpXCIgZnhGbGV4XG4gICAgICAgICAgICAgICAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIidkYXRhRmllbGQuZmlsZS5jbGlja1RvRG93bmxvYWQnIHwgdHJhbnNsYXRlIDoge2ZpbGVOYW1lOiBuYW1lfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaW5wdXQtbmFtZS1lbGxpcHNpcyBmaWxlLWxpc3QtaXRlbVwiPnt7bmFtZX19PC9zcGFuPlxuICAgICAgICAgICAgICAgIDxidXR0b24gKGNsaWNrKT1cImRlbGV0ZUZpbGUobmFtZSlcIiBbbWF0VG9vbHRpcF09XCInZGF0YUZpZWxkLmZpbGUuY2xpY2tUb0RlbGV0ZScgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgbWF0LWljb24tYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIiFmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24gY29sb3I9XCJ3YXJuXCI+Y2xvc2U8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxtYXQtcHJvZ3Jlc3MtYmFyICpuZ0lmPVwic3RhdGUudXBsb2FkaW5nIHx8IHN0YXRlLmRvd25sb2FkaW5nXCIgY29sb3I9XCJwcmltYXJ5XCIgW3ZhbHVlXT1cInN0YXRlLnByb2dyZXNzXCJcbiAgICAgICAgICAgICAgICAgICAgICBbbW9kZV09XCJzdGF0ZS51cGxvYWRpbmcgPyAnZGV0ZXJtaW5hdGUnIDogJ2luZGV0ZXJtaW5hdGUnXCJcbiAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm1hcmdpbi1ib3R0b20tZGVmYXVsdFwiPjwvbWF0LXByb2dyZXNzLWJhcj5cbiAgICA8aW5wdXQgdHlwZT1cImZpbGVcIiAjZmlsZVVwbG9hZElucHV0IG5hbWU9XCJmaWxlVXBsb2FkXCIgW211bHRpcGxlXT1cInRydWVcIlxuICAgICAgICAgICBhY2NlcHQ9XCJ7e2RhdGFGaWVsZC5hbGxvd1R5cGVzfX1cIiBjbGFzcz1cImludmlzaWJsZS1pbnB1dFwiLz5cbiAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xSZWZcIiBjbGFzcz1cImludmlzaWJsZS1pbnB1dFwiPlxuICAgIDxtYXQtaGludCBjbGFzcz1cImZpbGUtaGludC1lcnJvclwiIFtuZ0NsYXNzXT1cInsnbWF0LWhpbnQtZGlzYWJsZWQnOiBmb3JtQ29udHJvbFJlZi5kaXNhYmxlZH1cIlxuICAgICAgICAgICAgICAqbmdJZj1cIiFkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKSAmJiBoYXNIaW50KClcIj57e2RhdGFGaWVsZC5kZXNjcmlwdGlvbn19PC9tYXQtaGludD5cbiAgICA8bWF0LWVycm9yIGNsYXNzPVwiZmlsZS1oaW50LWVycm9yXCJcbiAgICAgICAgICAgICAgICpuZ0lmPVwiZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZilcIj57eydkYXRhRmllbGQudmFsaWRhdGlvbnMucmVxdWlyZWQnIHwgdHJhbnNsYXRlfX08L21hdC1lcnJvcj5cbjwvZGl2PlxuIl19
+//# 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-text-field/i18n-text-field.component.mjs

@@ -23,7 +23,7 @@ export class I18nTextFieldComponent extends AbstractI18nTextFieldComponent {
     }
 }
 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]\"\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]=\"checkPropertyInComponent('fontSize') && {'font-size': getTextFontSize()}\">\n            <span [ngStyle]=\"checkPropertyInComponent('textColor') && {'color': getTextColor()}\">\n                {{currentValue[selectedLanguage]}}\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%}.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:-moz-fit-content;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}\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: [
+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:-moz-fit-content;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)'
@@ -56,11 +56,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                                 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]\"\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]=\"checkPropertyInComponent('fontSize') && {'font-size': getTextFontSize()}\">\n            <span [ngStyle]=\"checkPropertyInComponent('textColor') && {'color': getTextColor()}\">\n                {{currentValue[selectedLanguage]}}\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%}.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:-moz-fit-content;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}\n"] }]
+                    ], 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:-moz-fit-content;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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaTE4bi10ZXh0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2kxOG4tZmllbGQvaTE4bi10ZXh0LWZpZWxkL2kxOG4tdGV4dC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9pMThuLWZpZWxkL2kxOG4tdGV4dC1maWVsZC9pMThuLXRleHQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzdFLE9BQU8sRUFDSCw4QkFBOEIsRUFFOUIsc0JBQXNCLEVBR3pCLE1BQU0sMEJBQTBCLENBQUM7QUFHbEMsT0FBTyxFQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUF3Qi9FLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSw4QkFBOEI7SUFDdEUsWUFBWSxvQkFBMEMsRUFBRSxnQkFBa0MsRUFBRSxZQUEwQixFQUM5RCxtQkFBbUQ7UUFDdkcsS0FBSyxDQUFDLG9CQUFvQixFQUFFLGdCQUFnQixFQUFFLFlBQVksRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO0lBQ3JGLENBQUM7O29IQUpRLHNCQUFzQixrSEFFQyxzQkFBc0I7d0dBRjdDLHNCQUFzQixpRkNsQ25DLG84SkErRUEsb2xORDlEZ0I7UUFDUixPQUFPLENBQUMsaUJBQWlCLEVBQUU7WUFDdkIsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUM7Z0JBQ2hCLFNBQVMsRUFBRSxXQUFXO2FBQ3pCLENBQUMsQ0FBQztZQUNILEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDO2dCQUNqQixTQUFTLEVBQUUsV0FBVzthQUN6QixDQUFDLENBQUM7WUFDSCxVQUFVLENBQUMsZUFBZSxFQUFFO2dCQUN4QixPQUFPLENBQUMsTUFBTSxDQUFDO2FBQ2xCLENBQUM7WUFDRixVQUFVLENBQUMsZUFBZSxFQUFFO2dCQUN4QixPQUFPLENBQUMsTUFBTSxDQUFDO2FBQ2xCLENBQUM7U0FDTCxDQUFDO0tBQ0w7NEZBRVEsc0JBQXNCO2tCQXRCbEMsU0FBUzsrQkFDSSxvQkFBb0IsaUJBR2YsaUJBQWlCLENBQUMsSUFBSSxjQUN6Qjt3QkFDUixPQUFPLENBQUMsaUJBQWlCLEVBQUU7NEJBQ3ZCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDO2dDQUNoQixTQUFTLEVBQUUsV0FBVzs2QkFDekIsQ0FBQyxDQUFDOzRCQUNILEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDO2dDQUNqQixTQUFTLEVBQUUsV0FBVzs2QkFDekIsQ0FBQyxDQUFDOzRCQUNILFVBQVUsQ0FBQyxlQUFlLEVBQUU7Z0NBQ3hCLE9BQU8sQ0FBQyxNQUFNLENBQUM7NkJBQ2xCLENBQUM7NEJBQ0YsVUFBVSxDQUFDLGVBQWUsRUFBRTtnQ0FDeEIsT0FBTyxDQUFDLE1BQU0sQ0FBQzs2QkFDbEIsQ0FBQzt5QkFDTCxDQUFDO3FCQUNMOzswQkFJWSxRQUFROzswQkFBSSxNQUFNOzJCQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0STE4blRleHRGaWVsZENvbXBvbmVudCxcbiAgICBMYW5ndWFnZUljb25zU2VydmljZSxcbiAgICBEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBLFxuICAgIERhdGFGaWVsZFBvcnRhbERhdGEsXG4gICAgSTE4bkZpZWxkXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHtEb21TYW5pdGl6ZXJ9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHthbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXJ9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLWkxOG4tdGV4dC1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2kxOG4tdGV4dC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vaTE4bi10ZXh0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBhbmltYXRpb25zOiBbXG4gICAgICAgIHRyaWdnZXIoJ2xhbmd1YWdlV3JhcHBlcicsIFtcbiAgICAgICAgICAgIHN0YXRlKCd0cnVlJywgc3R5bGUoe1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlWSgxKSdcbiAgICAgICAgICAgIH0pKSxcbiAgICAgICAgICAgIHN0YXRlKCdmYWxzZScsIHN0eWxlKHtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZVkoMCknXG4gICAgICAgICAgICB9KSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCd0cnVlID0+IGZhbHNlJywgW1xuICAgICAgICAgICAgICAgIGFuaW1hdGUoJzAuMXMnKVxuICAgICAgICAgICAgXSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCdmYWxzZSA9PiB0cnVlJywgW1xuICAgICAgICAgICAgICAgIGFuaW1hdGUoJzAuMXMnKVxuICAgICAgICAgICAgXSksXG4gICAgICAgIF0pXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBJMThuVGV4dEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RJMThuVGV4dEZpZWxkQ29tcG9uZW50IHtcbiAgICBjb25zdHJ1Y3RvcihsYW5ndWFnZUljb25zU2VydmljZTogTGFuZ3VhZ2VJY29uc1NlcnZpY2UsIHRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsIGRvbVNhbml0aXplcjogRG9tU2FuaXRpemVyLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoREFUQV9GSUVMRF9QT1JUQUxfREFUQSkgZGF0YUZpZWxkUG9ydGFsRGF0YTogRGF0YUZpZWxkUG9ydGFsRGF0YTxJMThuRmllbGQ+KSB7XG4gICAgICAgIHN1cGVyKGxhbmd1YWdlSWNvbnNTZXJ2aWNlLCB0cmFuc2xhdGVTZXJ2aWNlLCBkb21TYW5pdGl6ZXIsIGRhdGFGaWVsZFBvcnRhbERhdGEpO1xuICAgIH1cbn1cbiIsIjxuZy10ZW1wbGF0ZSBbbmdJZl09XCJmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCIhaXNQbGFpblRleHQoKVwiPlxuICAgICAgICA8bWF0LWZvcm0tZmllbGQgW2FwcGVhcmFuY2VdPVwiZGF0YUZpZWxkLm1hdGVyaWFsQXBwZWFyYW5jZVwiIGNsYXNzPVwiZnVsbC13aWR0aFwiIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgICAgICAgICAgPG1hdC1sYWJlbCAqbmdJZj1cIiFzaG93TGFyZ2VMYXlvdXQudmFsdWVcIj57e2RhdGFGaWVsZC50aXRsZX19PC9tYXQtbGFiZWw+XG4gICAgICAgICAgICA8aW5wdXQgbWF0SW5wdXRcbiAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgW25nTW9kZWxdPVwiY3VycmVudFZhbHVlW3NlbGVjdGVkTGFuZ3VhZ2VdXCJcbiAgICAgICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiZGF0YUZpZWxkLnBsYWNlaG9sZGVyID8gZGF0YUZpZWxkLnBsYWNlaG9sZGVyIDogJydcIlxuICAgICAgICAgICAgICAgICAgIFtyZXF1aXJlZF09XCJkYXRhRmllbGQuYmVoYXZpb3IucmVxdWlyZWRcIj5cbiAgICAgICAgICAgIDxtYXQtaGludD57e2RhdGFGaWVsZC5kZXNjcmlwdGlvbn19PC9tYXQtaGludD5cbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICA8L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCJpc1BsYWluVGV4dCgpXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmdWxsLXdpZHRoXCJcbiAgICAgICAgICAgICBbbmdTdHlsZV09XCJjaGVja1Byb3BlcnR5SW5Db21wb25lbnQoJ2ZvbnRTaXplJykgJiYgeydmb250LXNpemUnOiBnZXRUZXh0Rm9udFNpemUoKX1cIj5cbiAgICAgICAgICAgIDxzcGFuIFtuZ1N0eWxlXT1cImNoZWNrUHJvcGVydHlJbkNvbXBvbmVudCgndGV4dENvbG9yJykgJiYgeydjb2xvcic6IGdldFRleHRDb2xvcigpfVwiPlxuICAgICAgICAgICAgICAgIHt7Y3VycmVudFZhbHVlW3NlbGVjdGVkTGFuZ3VhZ2VdfX1cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbjwvbmctdGVtcGxhdGU+XG48bmctdGVtcGxhdGUgW25nSWZdPVwiIWZvcm1Db250cm9sUmVmLmRpc2FibGVkXCI+XG4gICAgPGRpdiBjbGFzcz1cImZ1bGwtd2lkdGhcIj5cbiAgICAgICAgPGRpdiAjaTE4bkxhYmVsIGNsYXNzPVwiaTE4bi1sYWJlbFwiIFtuZ0NsYXNzXT1cInsnaW52YWxpZC1mb3JtLWxhYmVsJzogZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZil9XCI+XG4gICAgICAgICAgICB7e2RhdGFGaWVsZC50aXRsZX19XG4gICAgICAgICAgICA8bmMtcmVxdWlyZWQtbGFiZWwgKm5nSWY9XCJkYXRhRmllbGQuYmVoYXZpb3IucmVxdWlyZWRcIiBbaXNJbl09XCIhZGF0YUZpZWxkLmRpc2FibGVkXCI+PC9uYy1yZXF1aXJlZC1sYWJlbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWlucHV0LWludGVyZmllbGQgYnV0dG9uLWljb24taW5wdXQgZnVsbC13aWR0aFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiXG4gICAgICAgICAgICAgW25nQ2xhc3NdPVwieydpbnZhbGlkLWZvcm0taW5wdXQnOiBkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKSwgJ2Zvcm0taW5wdXQtZGlzYWJsZWQnOiBmb3JtQ29udHJvbFJlZi5kaXNhYmxlZH1cIlxuICAgICAgICAgICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICAgICAgICAgICAgICAgJy13ZWJraXQtY2xpcC1wYXRoJzogZ2V0Q3V0UHJvcGVydHkoaTE4bkxhYmVsKSxcbiAgICAgICAgICAgICAgICAgICAgJ2NsaXAtcGF0aCc6IGdldEN1dFByb3BlcnR5KGkxOG5MYWJlbClcbiAgICAgICAgICAgIH1cIj5cbiAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGNvbG9yPVwiYWNjZW50XCIgW21hdFRvb2x0aXBdPVwiJ2RhdGFGaWVsZC5pMThuLmxhbmd1YWdlU2VsZWN0JyB8IHRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibGFuZ3VhZ2Utc2VsZWN0b3ItYnV0dG9uXCIgKGNsaWNrKT1cImxhbmd1YWdlRHJvcGRvd24ub3BlbigpXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxhbmd1YWdlLXN2Zy13cmFwcGVyXCJcbiAgICAgICAgICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwiZ2V0TGFuZ3VhZ2VJY29ucygpW3RoaXMuc2VsZWN0ZWRMYW5ndWFnZV0uc3ZnSWNvblwiPjwvZGl2PlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8bWF0LXNlbGVjdCAjbGFuZ3VhZ2VEcm9wZG93biBjbGFzcz1cImxhbmd1YWdlLXNlbGVjdFwiPlxuICAgICAgICAgICAgICAgIDxtYXQtb3B0aW9uICpuZ0Zvcj1cImxldCBsYW5ndWFnZUtleSBvZiBsYW5ndWFnZUtleXNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJsYW5ndWFnZUtleVwiIChjbGljayk9XCJzZWxlY3RMYW5ndWFnZShsYW5ndWFnZUtleSlcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCIgY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IFtpbm5lckhUTUxdPVwiZ2V0TGFuZ3VhZ2VJY29ucygpW2xhbmd1YWdlS2V5XS5zdmdJY29uXCIgY2xhc3M9XCJsYW5ndWFnZS1vcHRpb24taWNvblwiPjwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJsYW5ndWFnZS1vcHRpb24tdmFsdWVcIj57e2dldExhbmd1YWdlSWNvbnMoKVtsYW5ndWFnZUtleV0ubGFuZ3VhZ2VOYW1lfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvbWF0LW9wdGlvbj5cbiAgICAgICAgICAgIDwvbWF0LXNlbGVjdD5cbiAgICAgICAgICAgIDxpbnB1dCBjbGFzcz1cInNlbGVjdGVkLWxhbmd1YWdlLXZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImRhdGFGaWVsZC5wbGFjZWhvbGRlciA/IGRhdGFGaWVsZC5wbGFjZWhvbGRlciA6ICcnXCJcbiAgICAgICAgICAgICAgICAgICBbcmVxdWlyZWRdPVwiZGF0YUZpZWxkLmJlaGF2aW9yLnJlcXVpcmVkXCJcbiAgICAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cImN1cnJlbnRWYWx1ZVtzZWxlY3RlZExhbmd1YWdlXVwiXG4gICAgICAgICAgICAgICAgICAgKGJsdXIpPVwic2V0U2VsZWN0ZWRWYWx1ZSgpXCI+XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwidG9nZ2xlRmlsbGVkKClcIlxuICAgICAgICAgICAgICAgICAgICBbbWF0VG9vbHRpcF09XCIoZmlsbGVkU2hvd24gPyAnZGF0YUZpZWxkLmkxOG4uaGlkZVRyYW5zbGF0aW9ucycgOiAnZGF0YUZpZWxkLmkxOG4uc2hvd1RyYW5zbGF0aW9ucycpIHwgdHJhbnNsYXRlXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uIGNvbG9yPVwid2FyblwiPnt7ZmlsbGVkU2hvd24gPyAnYXJyb3dfZHJvcF91cCcgOiAnYXJyb3dfZHJvcF9kb3duJ319PC9tYXQtaWNvbj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGZ4TGF5b3V0PVwiY29sdW1uXCIgY2xhc3M9XCJmaWxsZWQtbGFuZ3VhZ2VzLXdyYXBwZXJcIlxuICAgICAgICAgICAgIFtAbGFuZ3VhZ2VXcmFwcGVyXT1cImZpbGxlZFNob3duXCJcbiAgICAgICAgICAgICAoQGxhbmd1YWdlV3JhcHBlci5zdGFydCk9XCIkZXZlbnQuZWxlbWVudC5zdHlsZS5kaXNwbGF5ID0gJ2Jsb2NrJ1wiXG4gICAgICAgICAgICAgKEBsYW5ndWFnZVdyYXBwZXIuZG9uZSk9XCIkZXZlbnQuZWxlbWVudC5zdHlsZS5kaXNwbGF5ID0gKCRldmVudC50b1N0YXRlID8gJ2Jsb2NrJyA6ICdub25lJylcIj5cbiAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGZpbGxlZEtleSBvZiBmaWxsZWRLZXlzXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiIGNlbnRlclwiXG4gICAgICAgICAgICAgICAgIGNsYXNzPVwiZmlsbGVkLWxhbmd1YWdlLXJvd1wiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaWxsZWQtbGFuZ3VhZ2UtaWNvblwiIFtpbm5lckhUTUxdPVwiZ2V0TGFuZ3VhZ2VJY29ucygpW2ZpbGxlZEtleV0uc3ZnSWNvblwiPjwvZGl2PlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmlsbGVkLWxhbmd1YWdlLXZhbHVlXCI+e3tjdXJyZW50VmFsdWVbZmlsbGVkS2V5XX19PC9zcGFuPlxuICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJmaWxsZWQtbGFuZ3VhZ2UtYnV0dG9uXCIgKm5nSWY9XCIhaXNEZWZhdWx0VmFsdWUoZmlsbGVkS2V5KVwiIG1hdC1pY29uLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInJlbW92ZVRyYW5zbGF0aW9uKGZpbGxlZEtleSlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwiJ2RhdGFGaWVsZC5pMThuLmRlbGV0ZVRyYW5zbGF0aW9uJyB8IHRyYW5zbGF0ZVwiPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24gY29sb3I9XCJ3YXJuXCI+Y2xvc2U8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8bWF0LWhpbnQgY2xhc3M9XCJpMThuLWhpbnQtZXJyb3JcIiBbbmdDbGFzc109XCJ7J21hdC1oaW50LWRpc2FibGVkJzogZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWR9XCJcbiAgICAgICAgICAgICAgICAgICpuZ0lmPVwiIWRhdGFGaWVsZC5pc0ludmFsaWQoZm9ybUNvbnRyb2xSZWYpICYmIGhhc0hpbnQoKVwiPnt7ZGF0YUZpZWxkLmRlc2NyaXB0aW9ufX08L21hdC1oaW50PlxuICAgICAgICA8bWF0LWVycm9yIGNsYXNzPVwiaTE4bi1oaW50LWVycm9yXCIgKm5nSWY9XCJkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKVwiPnt7Z2V0RXJyb3JNZXNzYWdlKCl9fTwvbWF0LWVycm9yPlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaTE4bi10ZXh0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2kxOG4tZmllbGQvaTE4bi10ZXh0LWZpZWxkL2kxOG4tdGV4dC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9pMThuLWZpZWxkL2kxOG4tdGV4dC1maWVsZC9pMThuLXRleHQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzdFLE9BQU8sRUFDSCw4QkFBOEIsRUFFOUIsc0JBQXNCLEVBR3pCLE1BQU0sMEJBQTBCLENBQUM7QUFHbEMsT0FBTyxFQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUF3Qi9FLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSw4QkFBOEI7SUFDdEUsWUFBWSxvQkFBMEMsRUFBRSxnQkFBa0MsRUFBRSxZQUEwQixFQUM5RCxtQkFBbUQ7UUFDdkcsS0FBSyxDQUFDLG9CQUFvQixFQUFFLGdCQUFnQixFQUFFLFlBQVksRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO0lBQ3JGLENBQUM7O29IQUpRLHNCQUFzQixrSEFFQyxzQkFBc0I7d0dBRjdDLHNCQUFzQixpRkNsQ25DLDR4S0FrRkEseW9ORGpFZ0I7UUFDUixPQUFPLENBQUMsaUJBQWlCLEVBQUU7WUFDdkIsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUM7Z0JBQ2hCLFNBQVMsRUFBRSxXQUFXO2FBQ3pCLENBQUMsQ0FBQztZQUNILEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDO2dCQUNqQixTQUFTLEVBQUUsV0FBVzthQUN6QixDQUFDLENBQUM7WUFDSCxVQUFVLENBQUMsZUFBZSxFQUFFO2dCQUN4QixPQUFPLENBQUMsTUFBTSxDQUFDO2FBQ2xCLENBQUM7WUFDRixVQUFVLENBQUMsZUFBZSxFQUFFO2dCQUN4QixPQUFPLENBQUMsTUFBTSxDQUFDO2FBQ2xCLENBQUM7U0FDTCxDQUFDO0tBQ0w7NEZBRVEsc0JBQXNCO2tCQXRCbEMsU0FBUzsrQkFDSSxvQkFBb0IsaUJBR2YsaUJBQWlCLENBQUMsSUFBSSxjQUN6Qjt3QkFDUixPQUFPLENBQUMsaUJBQWlCLEVBQUU7NEJBQ3ZCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDO2dDQUNoQixTQUFTLEVBQUUsV0FBVzs2QkFDekIsQ0FBQyxDQUFDOzRCQUNILEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDO2dDQUNqQixTQUFTLEVBQUUsV0FBVzs2QkFDekIsQ0FBQyxDQUFDOzRCQUNILFVBQVUsQ0FBQyxlQUFlLEVBQUU7Z0NBQ3hCLE9BQU8sQ0FBQyxNQUFNLENBQUM7NkJBQ2xCLENBQUM7NEJBQ0YsVUFBVSxDQUFDLGVBQWUsRUFBRTtnQ0FDeEIsT0FBTyxDQUFDLE1BQU0sQ0FBQzs2QkFDbEIsQ0FBQzt5QkFDTCxDQUFDO3FCQUNMOzswQkFJWSxRQUFROzswQkFBSSxNQUFNOzJCQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0STE4blRleHRGaWVsZENvbXBvbmVudCxcbiAgICBMYW5ndWFnZUljb25zU2VydmljZSxcbiAgICBEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBLFxuICAgIERhdGFGaWVsZFBvcnRhbERhdGEsXG4gICAgSTE4bkZpZWxkXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHtEb21TYW5pdGl6ZXJ9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHthbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXJ9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLWkxOG4tdGV4dC1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2kxOG4tdGV4dC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vaTE4bi10ZXh0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBhbmltYXRpb25zOiBbXG4gICAgICAgIHRyaWdnZXIoJ2xhbmd1YWdlV3JhcHBlcicsIFtcbiAgICAgICAgICAgIHN0YXRlKCd0cnVlJywgc3R5bGUoe1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlWSgxKSdcbiAgICAgICAgICAgIH0pKSxcbiAgICAgICAgICAgIHN0YXRlKCdmYWxzZScsIHN0eWxlKHtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZVkoMCknXG4gICAgICAgICAgICB9KSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCd0cnVlID0+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/number-field/number-decimal-field/number-decimal-field.component.mjs

@@ -0,0 +1,38 @@
+import { Component, Inject, Optional } from '@angular/core';
+import { AbstractNumberDecimalFieldComponent, 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";
+export class NumberDecimalFieldComponent extends AbstractNumberDecimalFieldComponent {
+    constructor(decimalPipe, translate, dataFieldPortalData) {
+        super(decimalPipe, translate, dataFieldPortalData);
+    }
+    getAppearance() {
+        if (!this.dataField?.materialAppearance) {
+            return 'fill';
+        }
+        const validAppearances = ['legacy', 'standard', 'fill', 'outline'];
+        return validAppearances.includes(this.dataField.materialAppearance) ? this.dataField.materialAppearance : 'fill';
+    }
+    onFocusOut(event) {
+        this.transformToText(event);
+    }
+    onFocusIn() {
+        this.transformToNumber();
+    }
+}
+NumberDecimalFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NumberDecimalFieldComponent, deps: [{ token: i1.DecimalPipe }, { token: i2.TranslateService }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+NumberDecimalFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NumberDecimalFieldComponent, selector: "nc-number-decimal-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"getAppearance()\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField?.title}}</mat-label>\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>{{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: 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: i3.MatError, selector: "mat-error", inputs: ["id"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NumberDecimalFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-number-decimal-field', template: "<mat-form-field [appearance]=\"getAppearance()\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField?.title}}</mat-label>\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>{{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.DecimalPipe }, { type: i2.TranslateService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DATA_FIELD_PORTAL_DATA]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtYmVyLWRlY2ltYWwtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvbnVtYmVyLWZpZWxkL251bWJlci1kZWNpbWFsLWZpZWxkL251bWJlci1kZWNpbWFsLWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL251bWJlci1maWVsZC9udW1iZXItZGVjaW1hbC1maWVsZC9udW1iZXItZGVjaW1hbC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFMUQsT0FBTyxFQUNILG1DQUFtQyxFQUNuQyxzQkFBc0IsRUFHekIsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7OztBQVNsQyxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsbUNBQW1DO0lBQ2hGLFlBQVksV0FBd0IsRUFDeEIsU0FBMkIsRUFDaUIsbUJBQXFEO1FBRXpHLEtBQUssQ0FBQyxXQUFXLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUVELGFBQWE7UUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxrQkFBa0IsRUFBRTtZQUNyQyxPQUFPLE1BQU0sQ0FBQztTQUNqQjtRQUNELE1BQU0sZ0JBQWdCLEdBQTZCLENBQUMsUUFBUSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDN0YsT0FBTyxnQkFBZ0IsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxrQkFBNEMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGtCQUE0QyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFDekssQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFZO1FBQ25CLElBQUksQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELFNBQVM7UUFDTCxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM3QixDQUFDOzt5SEF0QlEsMkJBQTJCLDZFQUdKLHNCQUFzQjs2R0FIN0MsMkJBQTJCLHNGQ2hCeEMsc3FCQWFBOzRGREdhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSx5QkFBeUI7OzBCQU9wQixRQUFROzswQkFBSSxNQUFNOzJCQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSBcIkBuZ3gtdHJhbnNsYXRlL2NvcmVcIjtcbmltcG9ydCB7XG4gICAgQWJzdHJhY3ROdW1iZXJEZWNpbWFsRmllbGRDb21wb25lbnQsXG4gICAgREFUQV9GSUVMRF9QT1JUQUxfREFUQSxcbiAgICBEYXRhRmllbGRQb3J0YWxEYXRhLFxuICAgIE51bWJlckZpZWxkXG59IGZyb20gXCJAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmVcIjtcbmltcG9ydCB7RGVjaW1hbFBpcGV9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7TWF0Rm9ybUZpZWxkQXBwZWFyYW5jZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGRcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmMtbnVtYmVyLWRlY2ltYWwtZmllbGQnLFxuICB0ZW1wbGF0ZVVybDogJy4vbnVtYmVyLWRlY2ltYWwtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9udW1iZXItZGVjaW1hbC1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE51bWJlckRlY2ltYWxGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0TnVtYmVyRGVjaW1hbEZpZWxkQ29tcG9uZW50IHtcbiAgICBjb25zdHJ1Y3RvcihkZWNpbWFsUGlwZTogRGVjaW1hbFBpcGUsXG4gICAgICAgICAgICAgICAgdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoREFUQV9GSUVMRF9QT1JUQUxfREFUQSkgZGF0YUZpZWxkUG9ydGFsRGF0YTogRGF0YUZpZWxkUG9ydGFsRGF0YTxOdW1iZXJGaWVsZD5cbiAgICAgICAgICAgICAgICApIHtcbiAgICAgICAgc3VwZXIoZGVjaW1hbFBpcGUsIHRyYW5zbGF0ZSwgZGF0YUZpZWxkUG9ydGFsRGF0YSk7XG4gICAgfVxuXG4gICAgZ2V0QXBwZWFyYW5jZSgpOiBNYXRGb3JtRmllbGRBcHBlYXJhbmNlIHtcbiAgICAgICAgaWYgKCF0aGlzLmRhdGFGaWVsZD8ubWF0ZXJpYWxBcHBlYXJhbmNlKSB7XG4gICAgICAgICAgICByZXR1cm4gJ2ZpbGwnO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IHZhbGlkQXBwZWFyYW5jZXM6IE1hdEZvcm1GaWVsZEFwcGVhcmFuY2VbXSA9IFsnbGVnYWN5JywgJ3N0YW5kYXJkJywgJ2ZpbGwnLCAnb3V0bGluZSddO1xuICAgICAgICByZXR1cm4gdmFsaWRBcHBlYXJhbmNlcy5pbmNsdWRlcyh0aGlzLmRhdGFGaWVsZC5tYXRlcmlhbEFwcGVhcmFuY2UgYXMgTWF0Rm9ybUZpZWxkQXBwZWFyYW5jZSkgPyB0aGlzLmRhdGFGaWVsZC5tYXRlcmlhbEFwcGVhcmFuY2UgYXMgTWF0Rm9ybUZpZWxkQXBwZWFyYW5jZSA6ICdmaWxsJztcbiAgICB9XG5cbiAgICBvbkZvY3VzT3V0KGV2ZW50OiBFdmVudCkge1xuICAgICAgICB0aGlzLnRyYW5zZm9ybVRvVGV4dChldmVudCk7XG4gICAgfVxuXG4gICAgb25Gb2N1c0luKCkge1xuICAgICAgICB0aGlzLnRyYW5zZm9ybVRvTnVtYmVyKCk7XG4gICAgfVxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cImdldEFwcGVhcmFuY2UoKVwiIGNsYXNzPVwiZnVsbC13aWR0aFwiIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgIDxtYXQtbGFiZWwgKm5nSWY9XCIhc2hvd0xhcmdlTGF5b3V0LnZhbHVlXCI+e3tkYXRhRmllbGQ/LnRpdGxlfX08L21hdC1sYWJlbD5cbiAgICA8aW5wdXQgbWF0SW5wdXRcbiAgICAgICAgICAgW3R5cGVdPVwiZmllbGRUeXBlXCJcbiAgICAgICAgICAgW3ZhbHVlXT1cInRyYW5zZm9ybWVkVmFsdWVcIlxuICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xSZWZcIlxuICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiZGF0YUZpZWxkPy5wbGFjZWhvbGRlclwiXG4gICAgICAgICAgIFtyZXF1aXJlZF09XCJkYXRhRmllbGQ/LmJlaGF2aW9yPy5yZXF1aXJlZFwiXG4gICAgICAgICAgIChmb2N1c291dCk9XCJvbkZvY3VzT3V0KCRldmVudClcIlxuICAgICAgICAgICAoZm9jdXNpbik9XCJvbkZvY3VzSW4oKVwiPlxuICAgIDxtYXQtaGludD57e2RhdGFGaWVsZD8uZGVzY3JpcHRpb259fTwvbWF0LWhpbnQ+XG4gICAgPG1hdC1lcnJvciAqbmdJZj1cImRhdGFGaWVsZD8uaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKVwiPnt7Z2V0RXJyb3JNZXNzYWdlKCl9fTwvbWF0LWVycm9yPlxuPC9tYXQtZm9ybS1maWVsZD5cbiJdfQ==

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

@@ -0,0 +1,29 @@
+import { Component, Inject, Optional } from '@angular/core';
+import { AbstractStringCollectionDefaultFieldComponent, DATA_FIELD_PORTAL_DATA } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+import * as i2 from "@angular/material/form-field";
+import * as i3 from "@angular/material/chips";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/forms";
+import * as i7 from "@angular/material/input";
+import * as i8 from "@angular/flex-layout/extended";
+export class StringCollectionDefaultFieldComponent extends AbstractStringCollectionDefaultFieldComponent {
+    constructor(_translate, dataFieldPortalData) {
+        super(_translate, dataFieldPortalData);
+        this._translate = _translate;
+    }
+}
+StringCollectionDefaultFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StringCollectionDefaultFieldComponent, deps: [{ token: i1.TranslateService }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+StringCollectionDefaultFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: StringCollectionDefaultFieldComponent, selector: "nc-string-collection-default-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            {{option}}\n            <button *ngIf=\"!formControlRef.disabled\" matChipRemove>\n                <mat-icon>cancel</mat-icon>\n            </button>\n        </mat-chip>\n        <input\n            matInput\n            #input\n            [placeholder]=\"dataField.placeholder\"\n            [required]=\"dataField.behavior.required\"\n            [matChipInputFor]=\"chipList\"\n            (matChipInputTokenEnd)=\"add($event)\"\n            (blur)=\"add($event)\"\n            [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n    </mat-chip-list>\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: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatLabel, selector: "mat-label" }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.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: i3.MatChipRemove, selector: "[matChipRemove]" }, { type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i3.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i5.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: i2.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StringCollectionDefaultFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-string-collection-default-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            {{option}}\n            <button *ngIf=\"!formControlRef.disabled\" matChipRemove>\n                <mat-icon>cancel</mat-icon>\n            </button>\n        </mat-chip>\n        <input\n            matInput\n            #input\n            [placeholder]=\"dataField.placeholder\"\n            [required]=\"dataField.behavior.required\"\n            [matChipInputFor]=\"chipList\"\n            (matChipInputTokenEnd)=\"add($event)\"\n            (blur)=\"add($event)\"\n            [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n    </mat-chip-list>\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: i1.TranslateService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DATA_FIELD_PORTAL_DATA]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyaW5nLWNvbGxlY3Rpb24tZGVmYXVsdC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9zdHJpbmctY29sbGVjdGlvbi1maWVsZC9zdHJpbmctY29sbGVjdGlvbi1kZWZhdWx0LWZpZWxkL3N0cmluZy1jb2xsZWN0aW9uLWRlZmF1bHQtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvc3RyaW5nLWNvbGxlY3Rpb24tZmllbGQvc3RyaW5nLWNvbGxlY3Rpb24tZGVmYXVsdC1maWVsZC9zdHJpbmctY29sbGVjdGlvbi1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQ0gsNkNBQTZDLEVBQzdDLHNCQUFzQixFQUd6QixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7O0FBUWxDLE1BQU0sT0FBTyxxQ0FBc0MsU0FBUSw2Q0FBNkM7SUFFcEcsWUFBc0IsVUFBNEIsRUFDTSxtQkFBc0Q7UUFDMUcsS0FBSyxDQUFDLFVBQVUsRUFBRSxtQkFBbUIsQ0FBQyxDQUFBO1FBRnBCLGVBQVUsR0FBVixVQUFVLENBQWtCO0lBR2xELENBQUM7O21JQUxRLHFDQUFxQyxrREFHZCxzQkFBc0I7dUhBSDdDLHFDQUFxQyxpR0NkbEQsbXNDQXdCQTs0RkRWYSxxQ0FBcUM7a0JBTGpELFNBQVM7K0JBQ0Usb0NBQW9DOzswQkFPL0IsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0U3RyaW5nQ29sbGVjdGlvbkRlZmF1bHRGaWVsZENvbXBvbmVudCxcbiAgICBEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBLFxuICAgIERhdGFGaWVsZFBvcnRhbERhdGEsXG4gICAgVGFza1JlZkZpZWxkXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduYy1zdHJpbmctY29sbGVjdGlvbi1kZWZhdWx0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0cmluZy1jb2xsZWN0aW9uLWRlZmF1bHQtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdHJpbmctY29sbGVjdGlvbi1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU3RyaW5nQ29sbGVjdGlvbkRlZmF1bHRGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0U3RyaW5nQ29sbGVjdGlvbkRlZmF1bHRGaWVsZENvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgX3RyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICAgICAgICAgICAgICBAT3B0aW9uYWwoKSBASW5qZWN0KERBVEFfRklFTERfUE9SVEFMX0RBVEEpIGRhdGFGaWVsZFBvcnRhbERhdGE6IERhdGFGaWVsZFBvcnRhbERhdGE8VGFza1JlZkZpZWxkPikge1xuICAgICAgICBzdXBlcihfdHJhbnNsYXRlLCBkYXRhRmllbGRQb3J0YWxEYXRhKVxuICAgIH1cblxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cImRhdGFGaWVsZC5tYXRlcmlhbEFwcGVhcmFuY2VcIiBjbGFzcz1cImZ1bGwtd2lkdGhcIiBjb2xvcj1cInByaW1hcnlcIj5cbiAgICA8bWF0LWxhYmVsICpuZ0lmPVwiIXNob3dMYXJnZUxheW91dC52YWx1ZVwiPnt7ZGF0YUZpZWxkLnRpdGxlfX08L21hdC1sYWJlbD5cbiAgICA8bWF0LWNoaXAtbGlzdCAjY2hpcExpc3QgYXJpYS1sYWJlbD1cIkF1dG9jb21wbGV0ZVwiIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFJlZlwiPlxuICAgICAgICA8bWF0LWNoaXBcbiAgICAgICAgICAgICpuZ0Zvcj1cImxldCBvcHRpb24gb2YgZGF0YUZpZWxkLnZhbHVlXCIgKHJlbW92ZWQpPVwicmVtb3ZlKG9wdGlvbilcIj5cbiAgICAgICAgICAgIHt7b3B0aW9ufX1cbiAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCIhZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWRcIiBtYXRDaGlwUmVtb3ZlPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5jYW5jZWw8L21hdC1pY29uPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvbWF0LWNoaXA+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgbWF0SW5wdXRcbiAgICAgICAgICAgICNpbnB1dFxuICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImRhdGFGaWVsZC5wbGFjZWhvbGRlclwiXG4gICAgICAgICAgICBbcmVxdWlyZWRdPVwiZGF0YUZpZWxkLmJlaGF2aW9yLnJlcXVpcmVkXCJcbiAgICAgICAgICAgIFttYXRDaGlwSW5wdXRGb3JdPVwiY2hpcExpc3RcIlxuICAgICAgICAgICAgKG1hdENoaXBJbnB1dFRva2VuRW5kKT1cImFkZCgkZXZlbnQpXCJcbiAgICAgICAgICAgIChibHVyKT1cImFkZCgkZXZlbnQpXCJcbiAgICAgICAgICAgIFttYXRDaGlwSW5wdXRTZXBhcmF0b3JLZXlDb2Rlc109XCJzZXBhcmF0b3JLZXlzQ29kZXNcIj5cbiAgICA8L21hdC1jaGlwLWxpc3Q+XG4gICAgPG1hdC1oaW50IFtuZ0NsYXNzXT1cInsnbWF0LWhpbnQtZGlzYWJsZWQnOiBmb3JtQ29udHJvbFJlZi5kaXNhYmxlZH1cIj57e2RhdGFGaWVsZC5kZXNjcmlwdGlvbn19PC9tYXQtaGludD5cbiAgICA8bWF0LWVycm9yXG4gICAgICAgICpuZ0lmPVwiZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZilcIj57eydkYXRhRmllbGQudmFsaWRhdGlvbnMucmVxdWlyZWQnIHwgdHJhbnNsYXRlfX08L21hdC1lcnJvcj5cbjwvbWF0LWZvcm0tZmllbGQ+XG4iXX0=

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

@@ -15,7 +15,7 @@ export class DashboardPortalTextFieldComponent extends AbstractDashboardPortalTe
     ngOnInit() {
         super.ngOnInit();
         this.initializePortalComponent();
-        this.sub = this.formControlRef.valueChanges.subscribe(newValue => {
+        this._subValue = this.formControlRef.valueChanges.subscribe(newValue => {
             this.initializePortalComponent();
         });
     }
@@ -24,7 +24,7 @@ export class DashboardPortalTextFieldComponent extends AbstractDashboardPortalTe
     }
     ngOnDestroy() {
         super.ngOnDestroy();
-        this.sub.unsubscribe();
+        this._subValue.unsubscribe();
     }
 }
 DashboardPortalTextFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DashboardPortalTextFieldComponent, deps: [{ token: i1.TranslateService }, { token: i2.ComponentRegistryService }, { token: i0.Injector }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
@@ -38,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     type: Inject,
                     args: [DATA_FIELD_PORTAL_DATA]
                 }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLXBvcnRhbC10ZXh0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3RleHQtZmllbGQvZGFzaGJvYXJkLXBvcnRhbC10ZXh0LWZpZWxkL2Rhc2hib2FyZC1wb3J0YWwtdGV4dC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL2Rhc2hib2FyZC1wb3J0YWwtdGV4dC1maWVsZC9kYXNoYm9hcmQtcG9ydGFsLXRleHQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQStCLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUV2RixPQUFPLEVBQ0gseUNBQXlDLEVBQ3pDLHNCQUFzQixFQUd6QixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7O0FBU2xDLE1BQU0sT0FBTyxpQ0FBa0MsU0FBUSx5Q0FBeUM7SUFJNUYsWUFBWSxTQUEyQixFQUNuQixRQUFrQyxFQUNsQyxRQUFrQixFQUNrQixtQkFBbUQ7UUFDdkcsS0FBSyxDQUFDLFNBQVMsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO1FBSHRCLGFBQVEsR0FBUixRQUFRLENBQTBCO1FBQ2xDLGFBQVEsR0FBUixRQUFRLENBQVU7SUFHdEMsQ0FBQztJQUVELFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLHlCQUF5QixFQUFFLENBQUE7UUFDaEMsSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDN0QsSUFBSSxDQUFDLHlCQUF5QixFQUFFLENBQUM7UUFDckMsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRVMseUJBQXlCO1FBQy9CLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxhQUFhLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3RGLENBQUM7SUFFRCxXQUFXO1FBQ1AsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxHQUFHLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDM0IsQ0FBQzs7K0hBMUJRLGlDQUFpQyxrSEFPVixzQkFBc0I7bUhBUDdDLGlDQUFpQyw2RkNoQjlDLG1kQVNBOzRGRE9hLGlDQUFpQztrQkFMN0MsU0FBUzsrQkFDSSxnQ0FBZ0M7OzBCQVc3QixRQUFROzswQkFBSSxNQUFNOzJCQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIEluamVjdG9yLCBPbkRlc3Ryb3ksIE9uSW5pdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb21wb25lbnRQb3J0YWx9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdERhc2hib2FyZFBvcnRhbFRleHRGaWVsZENvbXBvbmVudCwgQ29tcG9uZW50UmVnaXN0cnlTZXJ2aWNlLFxuICAgIERBVEFfRklFTERfUE9SVEFMX0RBVEEsXG4gICAgRGF0YUZpZWxkUG9ydGFsRGF0YSxcbiAgICBUZXh0RmllbGRcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQge1N1YnNjcmlwdGlvbn0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtZGFzaGJvYXJkLXBvcnRhbC10ZXh0LWZpZWxkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZGFzaGJvYXJkLXBvcnRhbC10ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9kYXNoYm9hcmQtcG9ydGFsLXRleHQtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYXNoYm9hcmRQb3J0YWxUZXh0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdERhc2hib2FyZFBvcnRhbFRleHRGaWVsZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgICBwcml2YXRlIHN1YjogU3Vic2NyaXB0aW9uO1xuICAgIGNvbXBvbmVudFBvcnRhbDogQ29tcG9uZW50UG9ydGFsPGFueT47XG5cbiAgICBjb25zdHJ1Y3Rvcih0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgcHJpdmF0ZSByZWdpc3RyeTogQ29tcG9uZW50UmVnaXN0cnlTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoREFUQV9GSUVMRF9QT1JUQUxfREFUQSkgZGF0YUZpZWxkUG9ydGFsRGF0YTogRGF0YUZpZWxkUG9ydGFsRGF0YTxUZXh0RmllbGQ+KSB7XG4gICAgICAgIHN1cGVyKHRyYW5zbGF0ZSwgZGF0YUZpZWxkUG9ydGFsRGF0YSk7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIHRoaXMuaW5pdGlhbGl6ZVBvcnRhbENvbXBvbmVudCgpXG4gICAgICAgIHRoaXMuc3ViID0gdGhpcy5mb3JtQ29udHJvbFJlZi52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKG5ld1ZhbHVlID0+IHtcbiAgICAgICAgICAgIHRoaXMuaW5pdGlhbGl6ZVBvcnRhbENvbXBvbmVudCgpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgaW5pdGlhbGl6ZVBvcnRhbENvbXBvbmVudCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jb21wb25lbnRQb3J0YWwgPSB0aGlzLnJlZ2lzdHJ5LmdldCh0aGlzLmNhcmQ/LmNvbXBvbmVudE5hbWUsIHRoaXMuaW5qZWN0b3IpO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICAgICAgICB0aGlzLnN1Yi51bnN1YnNjcmliZSgpO1xuICAgIH1cbn1cbiIsIjxuZy10ZW1wbGF0ZSBbbmdJZl09XCIhZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWQgJiYgZGF0YUZpZWxkLmJlaGF2aW9yLmVkaXRhYmxlXCIgW25nSWZFbHNlXT1cInZpc2libGVDaGFydFwiPlxuICAgIDxuYy10ZXh0YXJlYS1maWVsZCBbZGF0YUZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbFJlZl09XCJmb3JtQ29udHJvbFJlZlwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtzaG93TGFyZ2VMYXlvdXRdPVwic2hvd0xhcmdlTGF5b3V0XCI+PC9uYy10ZXh0YXJlYS1maWVsZD5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjdmlzaWJsZUNoYXJ0PlxuICAgIDxuYy1wb3J0YWwtY2FyZCAqbmdJZj1cImluaXRpYWxpemVkXCIgW2NvbXBvbmVudFBvcnRhbF09XCJjb21wb25lbnRQb3J0YWxcIj48L25jLXBvcnRhbC1jYXJkPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLXBvcnRhbC10ZXh0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3RleHQtZmllbGQvZGFzaGJvYXJkLXBvcnRhbC10ZXh0LWZpZWxkL2Rhc2hib2FyZC1wb3J0YWwtdGV4dC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL2Rhc2hib2FyZC1wb3J0YWwtdGV4dC1maWVsZC9kYXNoYm9hcmQtcG9ydGFsLXRleHQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQStCLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUV2RixPQUFPLEVBQ0gseUNBQXlDLEVBQ3pDLHNCQUFzQixFQUd6QixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7O0FBU2xDLE1BQU0sT0FBTyxpQ0FBa0MsU0FBUSx5Q0FBeUM7SUFJNUYsWUFBWSxTQUEyQixFQUNuQixRQUFrQyxFQUNsQyxRQUFrQixFQUNrQixtQkFBbUQ7UUFDdkcsS0FBSyxDQUFDLFNBQVMsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO1FBSHRCLGFBQVEsR0FBUixRQUFRLENBQTBCO1FBQ2xDLGFBQVEsR0FBUixRQUFRLENBQVU7SUFHdEMsQ0FBQztJQUVELFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLHlCQUF5QixFQUFFLENBQUE7UUFDaEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDbkUsSUFBSSxDQUFDLHlCQUF5QixFQUFFLENBQUM7UUFDckMsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRVMseUJBQXlCO1FBQy9CLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxhQUFhLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3RGLENBQUM7SUFFRCxXQUFXO1FBQ1AsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDakMsQ0FBQzs7K0hBMUJRLGlDQUFpQyxrSEFPVixzQkFBc0I7bUhBUDdDLGlDQUFpQyw2RkNoQjlDLG1kQVNBOzRGRE9hLGlDQUFpQztrQkFMN0MsU0FBUzsrQkFDSSxnQ0FBZ0M7OzBCQVc3QixRQUFROzswQkFBSSxNQUFNOzJCQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIEluamVjdG9yLCBPbkRlc3Ryb3ksIE9uSW5pdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb21wb25lbnRQb3J0YWx9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdERhc2hib2FyZFBvcnRhbFRleHRGaWVsZENvbXBvbmVudCwgQ29tcG9uZW50UmVnaXN0cnlTZXJ2aWNlLFxuICAgIERBVEFfRklFTERfUE9SVEFMX0RBVEEsXG4gICAgRGF0YUZpZWxkUG9ydGFsRGF0YSxcbiAgICBUZXh0RmllbGRcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQge1N1YnNjcmlwdGlvbn0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtZGFzaGJvYXJkLXBvcnRhbC10ZXh0LWZpZWxkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZGFzaGJvYXJkLXBvcnRhbC10ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9kYXNoYm9hcmQtcG9ydGFsLXRleHQtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYXNoYm9hcmRQb3J0YWxUZXh0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdERhc2hib2FyZFBvcnRhbFRleHRGaWVsZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgICBwcm90ZWN0ZWQgX3N1YlZhbHVlOiBTdWJzY3JpcHRpb247XG4gICAgcHVibGljIGNvbXBvbmVudFBvcnRhbDogQ29tcG9uZW50UG9ydGFsPGFueT47XG5cbiAgICBjb25zdHJ1Y3Rvcih0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgcHJpdmF0ZSByZWdpc3RyeTogQ29tcG9uZW50UmVnaXN0cnlTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoREFUQV9GSUVMRF9QT1JUQUxfREFUQSkgZGF0YUZpZWxkUG9ydGFsRGF0YTogRGF0YUZpZWxkUG9ydGFsRGF0YTxUZXh0RmllbGQ+KSB7XG4gICAgICAgIHN1cGVyKHRyYW5zbGF0ZSwgZGF0YUZpZWxkUG9ydGFsRGF0YSk7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIHRoaXMuaW5pdGlhbGl6ZVBvcnRhbENvbXBvbmVudCgpXG4gICAgICAgIHRoaXMuX3N1YlZhbHVlID0gdGhpcy5mb3JtQ29udHJvbFJlZi52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKG5ld1ZhbHVlID0+IHtcbiAgICAgICAgICAgIHRoaXMuaW5pdGlhbGl6ZVBvcnRhbENvbXBvbmVudCgpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgaW5pdGlhbGl6ZVBvcnRhbENvbXBvbmVudCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jb21wb25lbnRQb3J0YWwgPSB0aGlzLnJlZ2lzdHJ5LmdldCh0aGlzLmNhcmQ/LmNvbXBvbmVudE5hbWUsIHRoaXMuaW5qZWN0b3IpO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICAgICAgICB0aGlzLl9zdWJWYWx1ZS51bnN1YnNjcmliZSgpO1xuICAgIH1cbn1cbiIsIjxuZy10ZW1wbGF0ZSBbbmdJZl09XCIhZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWQgJiYgZGF0YUZpZWxkLmJlaGF2aW9yLmVkaXRhYmxlXCIgW25nSWZFbHNlXT1cInZpc2libGVDaGFydFwiPlxuICAgIDxuYy10ZXh0YXJlYS1maWVsZCBbZGF0YUZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbFJlZl09XCJmb3JtQ29udHJvbFJlZlwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtzaG93TGFyZ2VMYXlvdXRdPVwic2hvd0xhcmdlTGF5b3V0XCI+PC9uYy10ZXh0YXJlYS1maWVsZD5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjdmlzaWJsZUNoYXJ0PlxuICAgIDxuYy1wb3J0YWwtY2FyZCAqbmdJZj1cImluaXRpYWxpemVkXCIgW2NvbXBvbmVudFBvcnRhbF09XCJjb21wb25lbnRQb3J0YWxcIj48L25jLXBvcnRhbC1jYXJkPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

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

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