@netgrif/components 6.0.4 → 6.1.0

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

@@ -0,0 +1,28 @@
+import { Component, Inject, Optional } from '@angular/core';
+import { AbstractEnumerationFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "../data-field-template/data-field-template.component";
+import * as i2 from "./enumeration-autocomplete-dynamic-field/enumeration-autocomplete-dynamic-field.component";
+import * as i3 from "./enumeration-autocomplete-select-field/enumeration-autocomplete-select-field.component";
+import * as i4 from "./enumeration-list-field/enumeration-list-field.component";
+import * as i5 from "./enumeration-stepper-field/enumeration-stepper-field.component";
+import * as i6 from "./enumeration-icon-field/enumeration-icon-field.component";
+import * as i7 from "./enumeration-select-field/enumeration-select-field.component";
+import * as i8 from "@angular/common";
+export class EnumerationFieldComponent extends AbstractEnumerationFieldComponent {
+    constructor(informAboutInvalidData) {
+        super(informAboutInvalidData);
+    }
+}
+EnumerationFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationFieldComponent, deps: [{ token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+EnumerationFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EnumerationFieldComponent, selector: "nc-enumeration-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"enumFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #enumFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <div [ngSwitch]=\"dataField.getType()\">\n        <nc-enumeration-autocomplete-dynamic-field *ngSwitchCase=\"'autocomplete_dynamic'\"\n                                                  [showLargeLayout]=\"showLargeLayout\"\n                                                  [enumerationField]=\"dataField\"\n                                                  [formControlRef]=\"formControl\">\n        </nc-enumeration-autocomplete-dynamic-field>\n        <nc-enumeration-autocomplete-select-field *ngSwitchCase=\"'autocomplete'\"\n                                                  [showLargeLayout]=\"showLargeLayout\"\n                                                  [enumerationField]=\"dataField\"\n                                                  [formControlRef]=\"formControl\">\n        </nc-enumeration-autocomplete-select-field>\n        <nc-enumeration-list-field *ngSwitchCase=\"'list'\"\n                                   [showLargeLayout]=\"showLargeLayout\"\n                                   [enumerationField]=\"dataField\"\n                                   [formControlRef]=\"formControl\">\n        </nc-enumeration-list-field>\n        <nc-enumeration-stepper-field *ngSwitchCase=\"'stepper'\"\n                                      [showLargeLayout]=\"showLargeLayout\"\n                                      [enumerationField]=\"dataField\"\n                                      [formControlRef]=\"formControl\">\n        </nc-enumeration-stepper-field>\n        <nc-enumeration-icon-field *ngSwitchCase=\"'icon'\"\n                                     [showLargeLayout]=\"showLargeLayout\"\n                                     [enumerationField]=\"dataField\"\n                                     [formControlRef]=\"formControl\">\n        </nc-enumeration-icon-field>\n        <nc-enumeration-select-field *ngSwitchDefault\n                                     [showLargeLayout]=\"showLargeLayout\"\n                                     [enumerationField]=\"dataField\"\n                                     [formControlRef]=\"formControl\">\n        </nc-enumeration-select-field>\n    </div>\n</ng-template>\n", styles: [""], components: [{ type: i1.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i2.EnumerationAutocompleteDynamicFieldComponent, selector: "nc-enumeration-autocomplete-dynamic-field" }, { type: i3.EnumerationAutocompleteSelectFieldComponent, selector: "nc-enumeration-autocomplete-select-field" }, { type: i4.EnumerationListFieldComponent, selector: "nc-enumeration-list-field" }, { type: i5.EnumerationStepperFieldComponent, selector: "nc-enumeration-stepper-field" }, { type: i6.EnumerationIconFieldComponent, selector: "nc-enumeration-icon-field" }, { type: i7.EnumerationSelectFieldComponent, selector: "nc-enumeration-select-field" }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i8.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i8.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-enumeration-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"enumFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #enumFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <div [ngSwitch]=\"dataField.getType()\">\n        <nc-enumeration-autocomplete-dynamic-field *ngSwitchCase=\"'autocomplete_dynamic'\"\n                                                  [showLargeLayout]=\"showLargeLayout\"\n                                                  [enumerationField]=\"dataField\"\n                                                  [formControlRef]=\"formControl\">\n        </nc-enumeration-autocomplete-dynamic-field>\n        <nc-enumeration-autocomplete-select-field *ngSwitchCase=\"'autocomplete'\"\n                                                  [showLargeLayout]=\"showLargeLayout\"\n                                                  [enumerationField]=\"dataField\"\n                                                  [formControlRef]=\"formControl\">\n        </nc-enumeration-autocomplete-select-field>\n        <nc-enumeration-list-field *ngSwitchCase=\"'list'\"\n                                   [showLargeLayout]=\"showLargeLayout\"\n                                   [enumerationField]=\"dataField\"\n                                   [formControlRef]=\"formControl\">\n        </nc-enumeration-list-field>\n        <nc-enumeration-stepper-field *ngSwitchCase=\"'stepper'\"\n                                      [showLargeLayout]=\"showLargeLayout\"\n                                      [enumerationField]=\"dataField\"\n                                      [formControlRef]=\"formControl\">\n        </nc-enumeration-stepper-field>\n        <nc-enumeration-icon-field *ngSwitchCase=\"'icon'\"\n                                     [showLargeLayout]=\"showLargeLayout\"\n                                     [enumerationField]=\"dataField\"\n                                     [formControlRef]=\"formControl\">\n        </nc-enumeration-icon-field>\n        <nc-enumeration-select-field *ngSwitchDefault\n                                     [showLargeLayout]=\"showLargeLayout\"\n                                     [enumerationField]=\"dataField\"\n                                     [formControlRef]=\"formControl\">\n        </nc-enumeration-select-field>\n    </div>\n</ng-template>\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [NAE_INFORM_ABOUT_INVALID_DATA]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bWVyYXRpb24tZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZW51bWVyYXRpb24tZmllbGQvZW51bWVyYXRpb24tZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZW51bWVyYXRpb24tZmllbGQvZW51bWVyYXRpb24tZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBQyxpQ0FBaUMsRUFBRSw2QkFBNkIsRUFBQyxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7O0FBTzFHLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxpQ0FBaUM7SUFDNUUsWUFBK0Qsc0JBQXNDO1FBQ2pHLEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7O3VIQUhRLHlCQUF5QixrQkFDRiw2QkFBNkI7MkdBRHBELHlCQUF5QixtRkNSdEMsbTdFQXdDQTs0RkRoQ2EseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNJLHNCQUFzQjs7MEJBS25CLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdEVudW1lcmF0aW9uRmllbGRDb21wb25lbnQsIE5BRV9JTkZPUk1fQUJPVVRfSU5WQUxJRF9EQVRBfSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLWVudW1lcmF0aW9uLWZpZWxkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZW51bWVyYXRpb24tZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2VudW1lcmF0aW9uLWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRW51bWVyYXRpb25GaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RW51bWVyYXRpb25GaWVsZENvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQEluamVjdChOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSkgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICAgICAgc3VwZXIoaW5mb3JtQWJvdXRJbnZhbGlkRGF0YSk7XG4gICAgfVxufVxuIiwiPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9XCIhZGF0YUZpZWxkLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkVGVtcGxhdGVdPVwiZW51bUZpZWxkVGVtcGxhdGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW29mZnNldF09XCJ0YXNrT2Zmc2V0XCI+XG48L25jLWRhdGEtZmllbGQtdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjZW51bUZpZWxkVGVtcGxhdGUgbGV0LXNob3dMYXJnZUxheW91dD1cInNob3dMYXJnZUxheW91dFwiPlxuICAgIDxkaXYgW25nU3dpdGNoXT1cImRhdGFGaWVsZC5nZXRUeXBlKClcIj5cbiAgICAgICAgPG5jLWVudW1lcmF0aW9uLWF1dG9jb21wbGV0ZS1keW5hbWljLWZpZWxkICpuZ1N3aXRjaENhc2U9XCInYXV0b2NvbXBsZXRlX2R5bmFtaWMnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZW51bWVyYXRpb25GaWVsZF09XCJkYXRhRmllbGRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIj5cbiAgICAgICAgPC9uYy1lbnVtZXJhdGlvbi1hdXRvY29tcGxldGUtZHluYW1pYy1maWVsZD5cbiAgICAgICAgPG5jLWVudW1lcmF0aW9uLWF1dG9jb21wbGV0ZS1zZWxlY3QtZmllbGQgKm5nU3dpdGNoQ2FzZT1cIidhdXRvY29tcGxldGUnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZW51bWVyYXRpb25GaWVsZF09XCJkYXRhRmllbGRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIj5cbiAgICAgICAgPC9uYy1lbnVtZXJhdGlvbi1hdXRvY29tcGxldGUtc2VsZWN0LWZpZWxkPlxuICAgICAgICA8bmMtZW51bWVyYXRpb24tbGlzdC1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiJ2xpc3QnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZW51bWVyYXRpb25GaWVsZF09XCJkYXRhRmllbGRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIj5cbiAgICAgICAgPC9uYy1lbnVtZXJhdGlvbi1saXN0LWZpZWxkPlxuICAgICAgICA8bmMtZW51bWVyYXRpb24tc3RlcHBlci1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiJ3N0ZXBwZXInXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZW51bWVyYXRpb25GaWVsZF09XCJkYXRhRmllbGRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIj5cbiAgICAgICAgPC9uYy1lbnVtZXJhdGlvbi1zdGVwcGVyLWZpZWxkPlxuICAgICAgICA8bmMtZW51bWVyYXRpb24taWNvbi1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiJ2ljb24nXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2hvd0xhcmdlTGF5b3V0XT1cInNob3dMYXJnZUxheW91dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2VudW1lcmF0aW9uRmllbGRdPVwiZGF0YUZpZWxkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIj5cbiAgICAgICAgPC9uYy1lbnVtZXJhdGlvbi1pY29uLWZpZWxkPlxuICAgICAgICA8bmMtZW51bWVyYXRpb24tc2VsZWN0LWZpZWxkICpuZ1N3aXRjaERlZmF1bHRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2hvd0xhcmdlTGF5b3V0XT1cInNob3dMYXJnZUxheW91dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2VudW1lcmF0aW9uRmllbGRdPVwiZGF0YUZpZWxkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIj5cbiAgICAgICAgPC9uYy1lbnVtZXJhdGlvbi1zZWxlY3QtZmllbGQ+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2020/lib/data-fields/enumeration-field/enumeration-icon-field/enumeration-icon-field.component.mjs

@@ -0,0 +1,22 @@
+import { Component } from '@angular/core';
+import { AbstractEnumerationIconFieldComponent } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../required-label/required-label.component";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/material/divider";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/form-field";
+import * as i6 from "@angular/flex-layout/extended";
+import * as i7 from "@angular/flex-layout/flex";
+export class EnumerationIconFieldComponent extends AbstractEnumerationIconFieldComponent {
+    constructor() {
+        super();
+    }
+}
+EnumerationIconFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationIconFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EnumerationIconFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EnumerationIconFieldComponent, selector: "nc-enumeration-icon-field", usesInheritance: true, ngImport: i0, template: "<div>\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}\n        <nc-required-label *ngIf=\"enumerationField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n        <br></mat-label>\n    <div *ngFor=\"let option of enumerationField.choices; let i = index\">\n        <div class=\"enum-icon-item enum-icon-item-row\" (click)=\"setEnumValue(option.key)\" [ngClass]=\"{'enum-icon-item-active': isSelected(option.key)}\">\n            <mat-icon *ngIf=\"resolveIconType(option.key) === 'material'\">{{resolveIconValue(option.key)}}</mat-icon>\n            <mat-icon *ngIf=\"resolveIconType(option.key) === 'svg'\" [svgIcon]=\"resolveIconValue(option.key)\"></mat-icon>\n            <span fxFlex class=\"enum-icon-text\">{{option.value}}</span>\n            <mat-icon *ngIf=\"resolveArrow(option.key)\">arrow_forward</mat-icon>\n        </div>\n        <mat-divider class=\"enum-icon-divider\" *ngIf=\"i !== enumerationField.choices.length - 1 && resolveDivider(option.key)\"></mat-divider>\n    </div>\n</div>\n", styles: [".enum-icon-item{font-size:18px;font-family:Asap,sans-serif;font-weight:500;line-height:24px;letter-spacing:-.2px;text-align:left;color:#333;text-decoration:none;padding:25px 0}.enum-icon-item-row:hover{cursor:pointer}.enum-icon-item:focus,.enum-icon-item-row:focus{outline:none}.enum-icon-divider{position:relative!important}.enum-icon-text{padding:0 16px}\n"], components: [{ type: i1.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatLabel, selector: "mat-label" }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i7.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationIconFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-enumeration-icon-field', template: "<div>\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}\n        <nc-required-label *ngIf=\"enumerationField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n        <br></mat-label>\n    <div *ngFor=\"let option of enumerationField.choices; let i = index\">\n        <div class=\"enum-icon-item enum-icon-item-row\" (click)=\"setEnumValue(option.key)\" [ngClass]=\"{'enum-icon-item-active': isSelected(option.key)}\">\n            <mat-icon *ngIf=\"resolveIconType(option.key) === 'material'\">{{resolveIconValue(option.key)}}</mat-icon>\n            <mat-icon *ngIf=\"resolveIconType(option.key) === 'svg'\" [svgIcon]=\"resolveIconValue(option.key)\"></mat-icon>\n            <span fxFlex class=\"enum-icon-text\">{{option.value}}</span>\n            <mat-icon *ngIf=\"resolveArrow(option.key)\">arrow_forward</mat-icon>\n        </div>\n        <mat-divider class=\"enum-icon-divider\" *ngIf=\"i !== enumerationField.choices.length - 1 && resolveDivider(option.key)\"></mat-divider>\n    </div>\n</div>\n", styles: [".enum-icon-item{font-size:18px;font-family:Asap,sans-serif;font-weight:500;line-height:24px;letter-spacing:-.2px;text-align:left;color:#333;text-decoration:none;padding:25px 0}.enum-icon-item-row:hover{cursor:pointer}.enum-icon-item:focus,.enum-icon-item-row:focus{outline:none}.enum-icon-divider{position:relative!important}.enum-icon-text{padding:0 16px}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bWVyYXRpb24taWNvbi1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9lbnVtZXJhdGlvbi1maWVsZC9lbnVtZXJhdGlvbi1pY29uLWZpZWxkL2VudW1lcmF0aW9uLWljb24tZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZW51bWVyYXRpb24tZmllbGQvZW51bWVyYXRpb24taWNvbi1maWVsZC9lbnVtZXJhdGlvbi1pY29uLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDeEMsT0FBTyxFQUFDLHFDQUFxQyxFQUFDLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7OztBQU8vRSxNQUFNLE9BQU8sNkJBQThCLFNBQVEscUNBQXFDO0lBRXBGO1FBQ0ksS0FBSyxFQUFFLENBQUM7SUFDWixDQUFDOzsySEFKUSw2QkFBNkI7K0dBQTdCLDZCQUE2Qix3RkNSMUMsb2hDQWNBOzRGRE5hLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDSSwyQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0RW51bWVyYXRpb25JY29uRmllbGRDb21wb25lbnR9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtZW51bWVyYXRpb24taWNvbi1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2VudW1lcmF0aW9uLWljb24tZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2VudW1lcmF0aW9uLWljb24tZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBFbnVtZXJhdGlvbkljb25GaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RW51bWVyYXRpb25JY29uRmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxufVxuIiwiPGRpdj5cbiAgICA8bWF0LWxhYmVsICpuZ0lmPVwiIXNob3dMYXJnZUxheW91dC52YWx1ZVwiPnt7ZW51bWVyYXRpb25GaWVsZC50aXRsZX19XG4gICAgICAgIDxuYy1yZXF1aXJlZC1sYWJlbCAqbmdJZj1cImVudW1lcmF0aW9uRmllbGQuYmVoYXZpb3IucmVxdWlyZWRcIiBbaXNJbl09XCJ0cnVlXCI+PC9uYy1yZXF1aXJlZC1sYWJlbD5cbiAgICAgICAgPGJyPjwvbWF0LWxhYmVsPlxuICAgIDxkaXYgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBlbnVtZXJhdGlvbkZpZWxkLmNob2ljZXM7IGxldCBpID0gaW5kZXhcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImVudW0taWNvbi1pdGVtIGVudW0taWNvbi1pdGVtLXJvd1wiIChjbGljayk9XCJzZXRFbnVtVmFsdWUob3B0aW9uLmtleSlcIiBbbmdDbGFzc109XCJ7J2VudW0taWNvbi1pdGVtLWFjdGl2ZSc6IGlzU2VsZWN0ZWQob3B0aW9uLmtleSl9XCI+XG4gICAgICAgICAgICA8bWF0LWljb24gKm5nSWY9XCJyZXNvbHZlSWNvblR5cGUob3B0aW9uLmtleSkgPT09ICdtYXRlcmlhbCdcIj57e3Jlc29sdmVJY29uVmFsdWUob3B0aW9uLmtleSl9fTwvbWF0LWljb24+XG4gICAgICAgICAgICA8bWF0LWljb24gKm5nSWY9XCJyZXNvbHZlSWNvblR5cGUob3B0aW9uLmtleSkgPT09ICdzdmcnXCIgW3N2Z0ljb25dPVwicmVzb2x2ZUljb25WYWx1ZShvcHRpb24ua2V5KVwiPjwvbWF0LWljb24+XG4gICAgICAgICAgICA8c3BhbiBmeEZsZXggY2xhc3M9XCJlbnVtLWljb24tdGV4dFwiPnt7b3B0aW9uLnZhbHVlfX08L3NwYW4+XG4gICAgICAgICAgICA8bWF0LWljb24gKm5nSWY9XCJyZXNvbHZlQXJyb3cob3B0aW9uLmtleSlcIj5hcnJvd19mb3J3YXJkPC9tYXQtaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxtYXQtZGl2aWRlciBjbGFzcz1cImVudW0taWNvbi1kaXZpZGVyXCIgKm5nSWY9XCJpICE9PSBlbnVtZXJhdGlvbkZpZWxkLmNob2ljZXMubGVuZ3RoIC0gMSAmJiByZXNvbHZlRGl2aWRlcihvcHRpb24ua2V5KVwiPjwvbWF0LWRpdmlkZXI+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

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

@@ -0,0 +1,22 @@
+import { Component } from '@angular/core';
+import { AbstractEnumerationListFieldComponent } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../required-label/required-label.component";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/radio";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/material/form-field";
+import * as i7 from "@ngx-translate/core";
+export class EnumerationListFieldComponent extends AbstractEnumerationListFieldComponent {
+    constructor() {
+        super();
+    }
+}
+EnumerationListFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationListFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EnumerationListFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EnumerationListFieldComponent, selector: "nc-enumeration-list-field", usesInheritance: true, ngImport: i0, template: "<mat-radio-group\n    color=\"primary\"\n    class=\"full-width example-radio-group\"\n    aria-labelledby=\"example-radio-group-label\"\n    [required]=\"enumerationField.behavior.required\"\n    [formControl]=\"formControlRef\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}\n        <nc-required-label *ngIf=\"enumerationField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n        <button *ngIf=\"enumerationField.behavior.editable\" mat-button (click)=\"resetEnum()\">{{'dataField.enum.reset' | translate}}</button>\n        <br></mat-label>\n    <mat-radio-button class=\"example-radio-button\" *ngFor=\"let option of enumerationField.choices\" [value]=\"option.key\">\n        {{option.value}}\n    </mat-radio-button>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-radio-group>\n", styles: [".example-radio-group{display:flex;flex-direction:column;margin:16px 0}.example-radio-button{margin:8px}.full-width{width:100%}\n"], components: [{ type: i1.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { 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"] }, { type: i3.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }], directives: [{ type: i3.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.MatLabel, selector: "mat-label" }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i7.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationListFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-enumeration-list-field', template: "<mat-radio-group\n    color=\"primary\"\n    class=\"full-width example-radio-group\"\n    aria-labelledby=\"example-radio-group-label\"\n    [required]=\"enumerationField.behavior.required\"\n    [formControl]=\"formControlRef\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}\n        <nc-required-label *ngIf=\"enumerationField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n        <button *ngIf=\"enumerationField.behavior.editable\" mat-button (click)=\"resetEnum()\">{{'dataField.enum.reset' | translate}}</button>\n        <br></mat-label>\n    <mat-radio-button class=\"example-radio-button\" *ngFor=\"let option of enumerationField.choices\" [value]=\"option.key\">\n        {{option.value}}\n    </mat-radio-button>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-radio-group>\n", styles: [".example-radio-group{display:flex;flex-direction:column;margin:16px 0}.example-radio-button{margin:8px}.full-width{width:100%}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bWVyYXRpb24tbGlzdC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9lbnVtZXJhdGlvbi1maWVsZC9lbnVtZXJhdGlvbi1saXN0LWZpZWxkL2VudW1lcmF0aW9uLWxpc3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZW51bWVyYXRpb24tZmllbGQvZW51bWVyYXRpb24tbGlzdC1maWVsZC9lbnVtZXJhdGlvbi1saXN0LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDeEMsT0FBTyxFQUFDLHFDQUFxQyxFQUFDLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7OztBQU8vRSxNQUFNLE9BQU8sNkJBQThCLFNBQVEscUNBQXFDO0lBQ3BGO1FBQ0ksS0FBSyxFQUFFLENBQUM7SUFDWixDQUFDOzsySEFIUSw2QkFBNkI7K0dBQTdCLDZCQUE2Qix3RkNSMUMsdzVCQWVBOzRGRFBhLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDSSwyQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0RW51bWVyYXRpb25MaXN0RmllbGRDb21wb25lbnR9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtZW51bWVyYXRpb24tbGlzdC1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2VudW1lcmF0aW9uLWxpc3QtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2VudW1lcmF0aW9uLWxpc3QtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBFbnVtZXJhdGlvbkxpc3RGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RW51bWVyYXRpb25MaXN0RmllbGRDb21wb25lbnQge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cbn1cbiIsIjxtYXQtcmFkaW8tZ3JvdXBcbiAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgIGNsYXNzPVwiZnVsbC13aWR0aCBleGFtcGxlLXJhZGlvLWdyb3VwXCJcbiAgICBhcmlhLWxhYmVsbGVkYnk9XCJleGFtcGxlLXJhZGlvLWdyb3VwLWxhYmVsXCJcbiAgICBbcmVxdWlyZWRdPVwiZW51bWVyYXRpb25GaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiXG4gICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sUmVmXCI+XG4gICAgPG1hdC1sYWJlbCAqbmdJZj1cIiFzaG93TGFyZ2VMYXlvdXQudmFsdWVcIj57e2VudW1lcmF0aW9uRmllbGQudGl0bGV9fVxuICAgICAgICA8bmMtcmVxdWlyZWQtbGFiZWwgKm5nSWY9XCJlbnVtZXJhdGlvbkZpZWxkLmJlaGF2aW9yLnJlcXVpcmVkXCIgW2lzSW5dPVwidHJ1ZVwiPjwvbmMtcmVxdWlyZWQtbGFiZWw+XG4gICAgICAgIDxidXR0b24gKm5nSWY9XCJlbnVtZXJhdGlvbkZpZWxkLmJlaGF2aW9yLmVkaXRhYmxlXCIgbWF0LWJ1dHRvbiAoY2xpY2spPVwicmVzZXRFbnVtKClcIj57eydkYXRhRmllbGQuZW51bS5yZXNldCcgfCB0cmFuc2xhdGV9fTwvYnV0dG9uPlxuICAgICAgICA8YnI+PC9tYXQtbGFiZWw+XG4gICAgPG1hdC1yYWRpby1idXR0b24gY2xhc3M9XCJleGFtcGxlLXJhZGlvLWJ1dHRvblwiICpuZ0Zvcj1cImxldCBvcHRpb24gb2YgZW51bWVyYXRpb25GaWVsZC5jaG9pY2VzXCIgW3ZhbHVlXT1cIm9wdGlvbi5rZXlcIj5cbiAgICAgICAge3tvcHRpb24udmFsdWV9fVxuICAgIDwvbWF0LXJhZGlvLWJ1dHRvbj5cbiAgICA8bWF0LWVycm9yICpuZ0lmPVwiZW51bWVyYXRpb25GaWVsZC5pc0ludmFsaWQoZm9ybUNvbnRyb2xSZWYpXCI+e3snZGF0YUZpZWxkLnZhbGlkYXRpb25zLnJlcXVpcmVkJyB8IHRyYW5zbGF0ZX19PC9tYXQtZXJyb3I+XG48L21hdC1yYWRpby1ncm91cD5cbiJdfQ==

package/esm2020/lib/data-fields/enumeration-field/enumeration-select-field/enumeration-select-field.component.mjs

@@ -0,0 +1,21 @@
+import { Component } from '@angular/core';
+import { AbstractEnumerationSelectFieldComponent } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/form-field";
+import * as i2 from "@angular/material/select";
+import * as i3 from "@angular/material/core";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+import * as i6 from "@ngx-translate/core";
+export class EnumerationSelectFieldComponent extends AbstractEnumerationSelectFieldComponent {
+    constructor() {
+        super();
+    }
+}
+EnumerationSelectFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationSelectFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EnumerationSelectFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EnumerationSelectFieldComponent, selector: "nc-enumeration-select-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <mat-select [formControl]=\"formControlRef\"\n                [placeholder]=\"enumerationField.placeholder\"\n                [required]=\"enumerationField.behavior.required\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of enumerationField.choices\" [value]=\"option.key\">\n            {{option.value}}\n        </mat-option>\n    </mat-select>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatLabel, selector: "mat-label" }, { 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: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i6.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationSelectFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-enumeration-select-field', template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <mat-select [formControl]=\"formControlRef\"\n                [placeholder]=\"enumerationField.placeholder\"\n                [required]=\"enumerationField.behavior.required\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of enumerationField.choices\" [value]=\"option.key\">\n            {{option.value}}\n        </mat-option>\n    </mat-select>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.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 []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bWVyYXRpb24tc2VsZWN0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2VudW1lcmF0aW9uLWZpZWxkL2VudW1lcmF0aW9uLXNlbGVjdC1maWVsZC9lbnVtZXJhdGlvbi1zZWxlY3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZW51bWVyYXRpb24tZmllbGQvZW51bWVyYXRpb24tc2VsZWN0LWZpZWxkL2VudW1lcmF0aW9uLXNlbGVjdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQyx1Q0FBdUMsRUFBQyxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7OztBQU9qRixNQUFNLE9BQU8sK0JBQWdDLFNBQVEsdUNBQXVDO0lBQ3hGO1FBQ0ksS0FBSyxFQUFFLENBQUM7SUFDWixDQUFDOzs2SEFIUSwrQkFBK0I7aUhBQS9CLCtCQUErQiwwRkNSNUMsNHlCQWFBOzRGRExhLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDSSw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0RW51bWVyYXRpb25TZWxlY3RGaWVsZENvbXBvbmVudH0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1lbnVtZXJhdGlvbi1zZWxlY3QtZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9lbnVtZXJhdGlvbi1zZWxlY3QtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2VudW1lcmF0aW9uLXNlbGVjdC1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEVudW1lcmF0aW9uU2VsZWN0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEVudW1lcmF0aW9uU2VsZWN0RmllbGRDb21wb25lbnQge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cbn1cbiIsIjxtYXQtZm9ybS1maWVsZCBbYXBwZWFyYW5jZV09XCJlbnVtZXJhdGlvbkZpZWxkLm1hdGVyaWFsQXBwZWFyYW5jZVwiIGNsYXNzPVwiZnVsbC13aWR0aFwiIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgIDxtYXQtbGFiZWwgKm5nSWY9XCIhc2hvd0xhcmdlTGF5b3V0LnZhbHVlXCI+e3tlbnVtZXJhdGlvbkZpZWxkLnRpdGxlfX08L21hdC1sYWJlbD5cbiAgICA8bWF0LXNlbGVjdCBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xSZWZcIlxuICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJlbnVtZXJhdGlvbkZpZWxkLnBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgICAgICBbcmVxdWlyZWRdPVwiZW51bWVyYXRpb25GaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiPlxuICAgICAgICA8bWF0LW9wdGlvbiBbdmFsdWVdPVwibnVsbFwiPi0tLTwvbWF0LW9wdGlvbj5cbiAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBlbnVtZXJhdGlvbkZpZWxkLmNob2ljZXNcIiBbdmFsdWVdPVwib3B0aW9uLmtleVwiPlxuICAgICAgICAgICAge3tvcHRpb24udmFsdWV9fVxuICAgICAgICA8L21hdC1vcHRpb24+XG4gICAgPC9tYXQtc2VsZWN0PlxuICAgIDxtYXQtaGludD57e2VudW1lcmF0aW9uRmllbGQuZGVzY3JpcHRpb259fTwvbWF0LWhpbnQ+XG4gICAgPG1hdC1lcnJvciAqbmdJZj1cImVudW1lcmF0aW9uRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKVwiPnt7J2RhdGFGaWVsZC52YWxpZGF0aW9ucy5yZXF1aXJlZCcgfCB0cmFuc2xhdGV9fTwvbWF0LWVycm9yPlxuPC9tYXQtZm9ybS1maWVsZD5cbiJdfQ==

package/esm2020/lib/data-fields/enumeration-field/enumeration-stepper-field/enumeration-stepper-field.component.mjs

@@ -0,0 +1,23 @@
+import { Component } from '@angular/core';
+import { AbstractEnumerationStepperFieldComponent } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../required-label/required-label.component";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@angular/material/tooltip";
+import * as i6 from "@angular/flex-layout/flex";
+import * as i7 from "@angular/flex-layout/extended";
+export class EnumerationStepperFieldComponent extends AbstractEnumerationStepperFieldComponent {
+    constructor(ref) {
+        super(ref);
+        this.ref = ref;
+    }
+}
+EnumerationStepperFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationStepperFieldComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+EnumerationStepperFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EnumerationStepperFieldComponent, selector: "nc-enumeration-stepper-field", usesInheritance: true, ngImport: i0, template: "<mat-label class=\"stepper-label\" *ngIf=\"!showLargeLayout.value\" matTooltipClass=\"stepper-tooltip-text\" [matTooltip]=\"enumerationField.description\" matTooltipPosition=\"right\">\n    {{enumerationField.title}}\n    <nc-required-label *ngIf=\"enumerationField.behavior.required\" [isIn]=\"!enumerationField.disabled\" ></nc-required-label>\n</mat-label>\n\n<div class=\"horizontal-stepper\" fxLayout=\"row\" *ngIf=\"!arrowStepper\">\n    <div class=\"horizontal-step\">\n        <ng-template ngFor let-option [ngForOf]=\"enumerationField.choices\" let-i=\"index\">\n            <div class=\"horizontal-step-header\" #oneStep>\n                <div class=\"horizontal-state\" [ngClass]=\"{'horizontal-state-primary': canShowDoneIcon(i), 'horizontal-state-secondary': !canShowDoneIcon(i)}\">\n                    <mat-icon *ngIf=\"canShowDoneIcon(i + 1)\">done</mat-icon>\n                </div>\n                <div class=\"horizontal-state-label\">{{option.value}}</div>\n            </div>\n            <div class=\"horizontal-line\" fxFlex *ngIf=\"i < enumerationField.choices.length - 1\"></div>\n        </ng-template>\n    </div>\n</div>\n\n<div *ngIf=\"arrowStepper\" class=\"stepper-min-height\" fxLayoutAlign=\"stretch center\" fxLayout=\"row\">\n    <ng-template ngFor let-option [ngForOf]=\"enumerationField.choices\" let-i=\"index\">\n        <span class=\"stepper-arrow-text\" [ngClass]=\"{'stepper-arrow-selected': isSelected(option.key), 'stepper-disabled': enumerationField.disabled}\"\n              (click)=\"setStepperValue(option.key)\" fxFlex fxLayoutAlign=\"center center\">{{option.value}}</span>\n        <span fxFlex *ngIf=\"i < enumerationField.choices.length - 1\" fxLayoutAlign=\"center center\">\n            <mat-icon>arrow_forward_ios</mat-icon>\n        </span>\n    </ng-template>\n</div>\n", styles: [".horizontal-stepper{display:flex}.horizontal-step-header{box-sizing:border-box;flex-direction:column;height:auto;padding:24px;overflow:hidden;outline:none;position:relative;-webkit-tap-highlight-color:transparent;display:flex;align-items:center}.horizontal-step-header:not(:first-child):before{left:0}.horizontal-step-header:not(:last-child):after{right:0}.horizontal-step-header:not(:last-child):after,.horizontal-step-header:not(:first-child):before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);top:36px}.horizontal-state{color:#fff;border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative}.horizontal-state-label{display:inline-block;overflow:hidden;text-overflow:ellipsis;min-width:36px;vertical-align:middle;padding:16px 0 0;text-align:center;width:100%;word-wrap:break-word}.horizontal-line{position:relative;top:36px;border-top-width:1px;border-top-style:solid;flex:auto;height:0;margin:0 -16px;min-width:12px}.horizontal-step{flex:auto;display:flex}.stepper-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%}.stepper-tooltip-text{color:#fff;padding:10px 15px}.stepper-min-height{border-radius:10px;min-height:70px;background-color:#f9f9f9}.stepper-arrow-text{font-weight:500;font-size:16px;letter-spacing:-.2;line-height:24px;color:#333;cursor:pointer}.stepper-disabled{cursor:unset!important}\n"], components: [{ type: i1.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatLabel, selector: "mat-label" }, { type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.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: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i6.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationStepperFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-enumeration-stepper-field', template: "<mat-label class=\"stepper-label\" *ngIf=\"!showLargeLayout.value\" matTooltipClass=\"stepper-tooltip-text\" [matTooltip]=\"enumerationField.description\" matTooltipPosition=\"right\">\n    {{enumerationField.title}}\n    <nc-required-label *ngIf=\"enumerationField.behavior.required\" [isIn]=\"!enumerationField.disabled\" ></nc-required-label>\n</mat-label>\n\n<div class=\"horizontal-stepper\" fxLayout=\"row\" *ngIf=\"!arrowStepper\">\n    <div class=\"horizontal-step\">\n        <ng-template ngFor let-option [ngForOf]=\"enumerationField.choices\" let-i=\"index\">\n            <div class=\"horizontal-step-header\" #oneStep>\n                <div class=\"horizontal-state\" [ngClass]=\"{'horizontal-state-primary': canShowDoneIcon(i), 'horizontal-state-secondary': !canShowDoneIcon(i)}\">\n                    <mat-icon *ngIf=\"canShowDoneIcon(i + 1)\">done</mat-icon>\n                </div>\n                <div class=\"horizontal-state-label\">{{option.value}}</div>\n            </div>\n            <div class=\"horizontal-line\" fxFlex *ngIf=\"i < enumerationField.choices.length - 1\"></div>\n        </ng-template>\n    </div>\n</div>\n\n<div *ngIf=\"arrowStepper\" class=\"stepper-min-height\" fxLayoutAlign=\"stretch center\" fxLayout=\"row\">\n    <ng-template ngFor let-option [ngForOf]=\"enumerationField.choices\" let-i=\"index\">\n        <span class=\"stepper-arrow-text\" [ngClass]=\"{'stepper-arrow-selected': isSelected(option.key), 'stepper-disabled': enumerationField.disabled}\"\n              (click)=\"setStepperValue(option.key)\" fxFlex fxLayoutAlign=\"center center\">{{option.value}}</span>\n        <span fxFlex *ngIf=\"i < enumerationField.choices.length - 1\" fxLayoutAlign=\"center center\">\n            <mat-icon>arrow_forward_ios</mat-icon>\n        </span>\n    </ng-template>\n</div>\n", styles: [".horizontal-stepper{display:flex}.horizontal-step-header{box-sizing:border-box;flex-direction:column;height:auto;padding:24px;overflow:hidden;outline:none;position:relative;-webkit-tap-highlight-color:transparent;display:flex;align-items:center}.horizontal-step-header:not(:first-child):before{left:0}.horizontal-step-header:not(:last-child):after{right:0}.horizontal-step-header:not(:last-child):after,.horizontal-step-header:not(:first-child):before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);top:36px}.horizontal-state{color:#fff;border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative}.horizontal-state-label{display:inline-block;overflow:hidden;text-overflow:ellipsis;min-width:36px;vertical-align:middle;padding:16px 0 0;text-align:center;width:100%;word-wrap:break-word}.horizontal-line{position:relative;top:36px;border-top-width:1px;border-top-style:solid;flex:auto;height:0;margin:0 -16px;min-width:12px}.horizontal-step{flex:auto;display:flex}.stepper-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%}.stepper-tooltip-text{color:#fff;padding:10px 15px}.stepper-min-height{border-radius:10px;min-height:70px;background-color:#f9f9f9}.stepper-arrow-text{font-weight:500;font-size:16px;letter-spacing:-.2;line-height:24px;color:#333;cursor:pointer}.stepper-disabled{cursor:unset!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bWVyYXRpb24tc3RlcHBlci1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9lbnVtZXJhdGlvbi1maWVsZC9lbnVtZXJhdGlvbi1zdGVwcGVyLWZpZWxkL2VudW1lcmF0aW9uLXN0ZXBwZXItZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZW51bWVyYXRpb24tZmllbGQvZW51bWVyYXRpb24tc3RlcHBlci1maWVsZC9lbnVtZXJhdGlvbi1zdGVwcGVyLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBQ1osTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLHdDQUF3QyxFQUFDLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7OztBQU9sRixNQUFNLE9BQU8sZ0NBQWlDLFNBQVEsd0NBQXdDO0lBRTFGLFlBQXNCLEdBQWU7UUFDakMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBRE8sUUFBRyxHQUFILEdBQUcsQ0FBWTtJQUVyQyxDQUFDOzs4SEFKUSxnQ0FBZ0M7a0hBQWhDLGdDQUFnQywyRkNWN0MsdXlEQTRCQTs0RkRsQmEsZ0NBQWdDO2tCQUw1QyxTQUFTOytCQUNJLDhCQUE4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tcG9uZW50LCBFbGVtZW50UmVmXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdEVudW1lcmF0aW9uU3RlcHBlckZpZWxkQ29tcG9uZW50fSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLWVudW1lcmF0aW9uLXN0ZXBwZXItZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9lbnVtZXJhdGlvbi1zdGVwcGVyLWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9lbnVtZXJhdGlvbi1zdGVwcGVyLWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRW51bWVyYXRpb25TdGVwcGVyRmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEVudW1lcmF0aW9uU3RlcHBlckZpZWxkQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCByZWY6IEVsZW1lbnRSZWYpIHtcbiAgICAgICAgc3VwZXIocmVmKTtcbiAgICB9XG59XG4iLCI8bWF0LWxhYmVsIGNsYXNzPVwic3RlcHBlci1sYWJlbFwiICpuZ0lmPVwiIXNob3dMYXJnZUxheW91dC52YWx1ZVwiIG1hdFRvb2x0aXBDbGFzcz1cInN0ZXBwZXItdG9vbHRpcC10ZXh0XCIgW21hdFRvb2x0aXBdPVwiZW51bWVyYXRpb25GaWVsZC5kZXNjcmlwdGlvblwiIG1hdFRvb2x0aXBQb3NpdGlvbj1cInJpZ2h0XCI+XG4gICAge3tlbnVtZXJhdGlvbkZpZWxkLnRpdGxlfX1cbiAgICA8bmMtcmVxdWlyZWQtbGFiZWwgKm5nSWY9XCJlbnVtZXJhdGlvbkZpZWxkLmJlaGF2aW9yLnJlcXVpcmVkXCIgW2lzSW5dPVwiIWVudW1lcmF0aW9uRmllbGQuZGlzYWJsZWRcIiA+PC9uYy1yZXF1aXJlZC1sYWJlbD5cbjwvbWF0LWxhYmVsPlxuXG48ZGl2IGNsYXNzPVwiaG9yaXpvbnRhbC1zdGVwcGVyXCIgZnhMYXlvdXQ9XCJyb3dcIiAqbmdJZj1cIiFhcnJvd1N0ZXBwZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiaG9yaXpvbnRhbC1zdGVwXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBuZ0ZvciBsZXQtb3B0aW9uIFtuZ0Zvck9mXT1cImVudW1lcmF0aW9uRmllbGQuY2hvaWNlc1wiIGxldC1pPVwiaW5kZXhcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3Jpem9udGFsLXN0ZXAtaGVhZGVyXCIgI29uZVN0ZXA+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhvcml6b250YWwtc3RhdGVcIiBbbmdDbGFzc109XCJ7J2hvcml6b250YWwtc3RhdGUtcHJpbWFyeSc6IGNhblNob3dEb25lSWNvbihpKSwgJ2hvcml6b250YWwtc3RhdGUtc2Vjb25kYXJ5JzogIWNhblNob3dEb25lSWNvbihpKX1cIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwiY2FuU2hvd0RvbmVJY29uKGkgKyAxKVwiPmRvbmU8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3Jpem9udGFsLXN0YXRlLWxhYmVsXCI+e3tvcHRpb24udmFsdWV9fTwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG9yaXpvbnRhbC1saW5lXCIgZnhGbGV4ICpuZ0lmPVwiaSA8IGVudW1lcmF0aW9uRmllbGQuY2hvaWNlcy5sZW5ndGggLSAxXCI+PC9kaXY+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9kaXY+XG48L2Rpdj5cblxuPGRpdiAqbmdJZj1cImFycm93U3RlcHBlclwiIGNsYXNzPVwic3RlcHBlci1taW4taGVpZ2h0XCIgZnhMYXlvdXRBbGlnbj1cInN0cmV0Y2ggY2VudGVyXCIgZnhMYXlvdXQ9XCJyb3dcIj5cbiAgICA8bmctdGVtcGxhdGUgbmdGb3IgbGV0LW9wdGlvbiBbbmdGb3JPZl09XCJlbnVtZXJhdGlvbkZpZWxkLmNob2ljZXNcIiBsZXQtaT1cImluZGV4XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic3RlcHBlci1hcnJvdy10ZXh0XCIgW25nQ2xhc3NdPVwieydzdGVwcGVyLWFycm93LXNlbGVjdGVkJzogaXNTZWxlY3RlZChvcHRpb24ua2V5KSwgJ3N0ZXBwZXItZGlzYWJsZWQnOiBlbnVtZXJhdGlvbkZpZWxkLmRpc2FibGVkfVwiXG4gICAgICAgICAgICAgIChjbGljayk9XCJzZXRTdGVwcGVyVmFsdWUob3B0aW9uLmtleSlcIiBmeEZsZXggZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj57e29wdGlvbi52YWx1ZX19PC9zcGFuPlxuICAgICAgICA8c3BhbiBmeEZsZXggKm5nSWY9XCJpIDwgZW51bWVyYXRpb25GaWVsZC5jaG9pY2VzLmxlbmd0aCAtIDFcIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxuICAgICAgICAgICAgPG1hdC1pY29uPmFycm93X2ZvcndhcmRfaW9zPC9tYXQtaWNvbj5cbiAgICAgICAgPC9zcGFuPlxuICAgIDwvbmctdGVtcGxhdGU+XG48L2Rpdj5cbiJdfQ==

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

@@ -0,0 +1,51 @@
+import { Component, Inject, Optional } from '@angular/core';
+import { AbstractFileFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA } from '@netgrif/components-core';
+import { PreviewDialogComponent } from './preview-dialog/preview-dialog.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@netgrif/components-core";
+import * as i2 from "@ngx-translate/core";
+import * as i3 from "@angular/platform-browser";
+import * as i4 from "@angular/material/dialog";
+import * as i5 from "../data-field-template/data-field-template.component";
+import * as i6 from "../required-label/required-label.component";
+import * as i7 from "@angular/material/button";
+import * as i8 from "@angular/material/icon";
+import * as i9 from "@angular/material/progress-bar";
+import * as i10 from "@angular/material/progress-spinner";
+import * as i11 from "@angular/common";
+import * as i12 from "@angular/flex-layout/flex";
+import * as i13 from "@angular/material/form-field";
+import * as i14 from "@angular/material/tooltip";
+import * as i15 from "@angular/flex-layout/extended";
+import * as i16 from "@angular/forms";
+import * as i17 from "angular-resize-event";
+export class FileFieldComponent extends AbstractFileFieldComponent {
+    constructor(taskResourceService, log, snackbar, translate, eventService, informAboutInvalidData, _sanitizer, dialog) {
+        super(taskResourceService, log, snackbar, translate, eventService, informAboutInvalidData, _sanitizer);
+        this._sanitizer = _sanitizer;
+        this.dialog = dialog;
+    }
+    showPreviewDialog() {
+        super.showPreviewDialog();
+        this.dialog.open(PreviewDialogComponent, {
+            data: {
+                dataField: this.dataField,
+                imagePreview: this.previewSource,
+                imageFull: this.fullSource,
+                extension: this.previewExtension
+            }
+        });
+    }
+}
+FileFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileFieldComponent, deps: [{ token: i1.TaskResourceService }, { token: i1.LoggerService }, { token: i1.SnackBarService }, { token: i2.TranslateService }, { token: i1.EventService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }, { token: i3.DomSanitizer }, { token: i4.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+FileFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FileFieldComponent, selector: "nc-file-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"dataFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <div fxLayoutAlign=\"center center\" fxLayout=\"row\">\n        <div fxFlex=\"{{!filePreview ? '100' : '75'}}\">\n            <mat-label *ngIf=\"!showLargeLayout.value\">\n                {{dataField.title}}\n                <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n                <br>\n            </mat-label>\n            <div class=\"form-input button-icon-input full-width input-margin\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                <button mat-icon-button color=\"accent\" (click)=\"chooseFile()\"\n                        [matTooltip]=\"'dataField.file.clickToUpload' | translate\" *ngIf=\"!formControl.disabled\"\n                        [class.do-not-click]=\"state.uploading\">\n                    <mat-icon>file_upload</mat-icon>\n                </button>\n                <span (click)=\"isEmpty() ? chooseFile() : download()\" fxFlex\n                      [matTooltip]=\"isEmpty() ? '' : ('dataField.file.clickToDownload' | translate : {fileName: constructDisplayName()})\"\n                      class=\"input-name-ellipsis\"\n                      [ngClass]=\"{'input-placeholder': isEmpty(), 'no-cursor': isEmpty() && formControl.disabled}\">{{constructDisplayName()}}</span>\n                <button (click)=\"deleteFile()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                        *ngIf=\"!isEmpty() && !formControl.disabled\">\n                    <mat-icon color=\"warn\">close</mat-icon>\n                </button>\n            </div>\n            <mat-progress-bar *ngIf=\"state.uploading || state.downloading\" color=\"primary\" [value]=\"state.progress\"\n                              [mode]=\"state.uploading ? 'determinate' : 'indeterminate'\"\n                              class=\"margin-bottom-default\"></mat-progress-bar>\n            <input type=\"file\" #fileUploadInput name=\"fileUpload\" [multiple]=\"false\"\n                   accept=\"{{dataField.allowTypes}}\" class=\"invisible-input\">\n            <input type=\"text\" [formControl]=\"formControl\" class=\"invisible-input\">\n            <mat-hint class=\"file-hint-error\"\n                      *ngIf=\"!dataField.isInvalid(formControl)\">{{dataField.description}}</mat-hint>\n            <mat-error class=\"file-hint-error\"\n                       *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n        </div>\n        <div *ngIf=\"filePreview\" fxFlex=\"5\"></div>\n        <div *ngIf=\"filePreview\" fxFlex=\"20\" fxLayout=\"row\" fxLayoutAlign=\"center center\" #imageDiv\n             (resized)=\"changeMaxWidth($event)\"\n             [ngStyle]=\"{'max-height': getHeight()+'px'}\">\n            <img *ngIf=\"previewSource !== undefined && !state.downloading && isDisplayable\" class=\"image-preview\" #imageEl\n                 [ngStyle]=\"!isBorderLGBTQ() && !isBorderDefault() && {\n                    'border-width': getPreviewBorderWidth(),\n                    'border-style': getPreviewBorderStyle(),\n                    'border-color': getPreviewBorderColor()\n                 }\"\n                 [ngClass]=\"{'border-LGBTQ': isBorderLGBTQ(), 'border-default': isBorderDefault()}\"\n                 [src]=\"previewSource\" alt=\"Image preview\" (click)=\"showPreviewDialog()\"/>\n            <mat-spinner *ngIf=\"previewSource === undefined && !!state.downloading && isDisplayable\"\n                         [diameter]=\"26\"></mat-spinner>\n        </div>\n    </div>\n</ng-template>\n", styles: [".invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.file-field-image{width:120px}.file-field-image-wrapper{border-radius:3px}.progress-bar-size{height:8px}.margin-bottom-half{margin-bottom:4px}.do-not-click:hover{cursor:not-allowed}.file-button{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:#0000006b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.input-margin{margin-top:7px!important}.form-input{background:transparent;color:#333;outline:none;border:1px solid rgba(0,0,0,.12);text-align:left;font-size:14px;line-height:15.75px;border-radius:6px;min-width:5px;padding:10px 15px;box-sizing:border-box;height:54.81px}.form-input:hover{border-color:#000}.placeholder{color:#0000006b!important}.file-hint-error{padding:0 1em;font-size:75%}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important}.border-LGBTQ{border:5px solid transparent;border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1}.border-default{border-width:1px;border-style:solid;border-color:#000}\n"], components: [{ type: i5.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i6.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i7.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: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i9.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i10.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12.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: i12.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: i12.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: i13.MatLabel, selector: "mat-label" }, { type: i14.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i15.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: i16.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: i16.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i16.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i13.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i13.MatError, selector: "mat-error", inputs: ["id"] }, { type: i11.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i15.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: i17.ResizedDirective, selector: "[resized]", outputs: ["resized"] }], pipes: { "translate": i2.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-file-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"dataFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <div fxLayoutAlign=\"center center\" fxLayout=\"row\">\n        <div fxFlex=\"{{!filePreview ? '100' : '75'}}\">\n            <mat-label *ngIf=\"!showLargeLayout.value\">\n                {{dataField.title}}\n                <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n                <br>\n            </mat-label>\n            <div class=\"form-input button-icon-input full-width input-margin\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                <button mat-icon-button color=\"accent\" (click)=\"chooseFile()\"\n                        [matTooltip]=\"'dataField.file.clickToUpload' | translate\" *ngIf=\"!formControl.disabled\"\n                        [class.do-not-click]=\"state.uploading\">\n                    <mat-icon>file_upload</mat-icon>\n                </button>\n                <span (click)=\"isEmpty() ? chooseFile() : download()\" fxFlex\n                      [matTooltip]=\"isEmpty() ? '' : ('dataField.file.clickToDownload' | translate : {fileName: constructDisplayName()})\"\n                      class=\"input-name-ellipsis\"\n                      [ngClass]=\"{'input-placeholder': isEmpty(), 'no-cursor': isEmpty() && formControl.disabled}\">{{constructDisplayName()}}</span>\n                <button (click)=\"deleteFile()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                        *ngIf=\"!isEmpty() && !formControl.disabled\">\n                    <mat-icon color=\"warn\">close</mat-icon>\n                </button>\n            </div>\n            <mat-progress-bar *ngIf=\"state.uploading || state.downloading\" color=\"primary\" [value]=\"state.progress\"\n                              [mode]=\"state.uploading ? 'determinate' : 'indeterminate'\"\n                              class=\"margin-bottom-default\"></mat-progress-bar>\n            <input type=\"file\" #fileUploadInput name=\"fileUpload\" [multiple]=\"false\"\n                   accept=\"{{dataField.allowTypes}}\" class=\"invisible-input\">\n            <input type=\"text\" [formControl]=\"formControl\" class=\"invisible-input\">\n            <mat-hint class=\"file-hint-error\"\n                      *ngIf=\"!dataField.isInvalid(formControl)\">{{dataField.description}}</mat-hint>\n            <mat-error class=\"file-hint-error\"\n                       *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n        </div>\n        <div *ngIf=\"filePreview\" fxFlex=\"5\"></div>\n        <div *ngIf=\"filePreview\" fxFlex=\"20\" fxLayout=\"row\" fxLayoutAlign=\"center center\" #imageDiv\n             (resized)=\"changeMaxWidth($event)\"\n             [ngStyle]=\"{'max-height': getHeight()+'px'}\">\n            <img *ngIf=\"previewSource !== undefined && !state.downloading && isDisplayable\" class=\"image-preview\" #imageEl\n                 [ngStyle]=\"!isBorderLGBTQ() && !isBorderDefault() && {\n                    'border-width': getPreviewBorderWidth(),\n                    'border-style': getPreviewBorderStyle(),\n                    'border-color': getPreviewBorderColor()\n                 }\"\n                 [ngClass]=\"{'border-LGBTQ': isBorderLGBTQ(), 'border-default': isBorderDefault()}\"\n                 [src]=\"previewSource\" alt=\"Image preview\" (click)=\"showPreviewDialog()\"/>\n            <mat-spinner *ngIf=\"previewSource === undefined && !!state.downloading && isDisplayable\"\n                         [diameter]=\"26\"></mat-spinner>\n        </div>\n    </div>\n</ng-template>\n", styles: [".invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.file-field-image{width:120px}.file-field-image-wrapper{border-radius:3px}.progress-bar-size{height:8px}.margin-bottom-half{margin-bottom:4px}.do-not-click:hover{cursor:not-allowed}.file-button{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:#0000006b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.input-margin{margin-top:7px!important}.form-input{background:transparent;color:#333;outline:none;border:1px solid rgba(0,0,0,.12);text-align:left;font-size:14px;line-height:15.75px;border-radius:6px;min-width:5px;padding:10px 15px;box-sizing:border-box;height:54.81px}.form-input:hover{border-color:#000}.placeholder{color:#0000006b!important}.file-hint-error{padding:0 1em;font-size:75%}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important}.border-LGBTQ{border:5px solid transparent;border-image:linear-gradient(to bottom right,#B827FC 0%,#2C90FC 25%,#B8FD33 50%,#FEC837 75%,#FD1892 100%);border-image-slice:1}.border-default{border-width:1px;border-style:solid;border-color:#000}\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: [NAE_INFORM_ABOUT_INVALID_DATA]
+                }] }, { type: i3.DomSanitizer }, { type: i4.MatDialog }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9maWxlLWZpZWxkL2ZpbGUtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZmlsZS1maWVsZC9maWxlLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUUxRCxPQUFPLEVBQ0gsMEJBQTBCLEVBRTFCLDZCQUE2QixFQUdoQyxNQUFNLDBCQUEwQixDQUFDO0FBR2xDLE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLDJDQUEyQyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBT2pGLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSwwQkFBMEI7SUFFOUQsWUFBWSxtQkFBd0MsRUFDeEMsR0FBa0IsRUFDbEIsUUFBeUIsRUFDekIsU0FBMkIsRUFDM0IsWUFBMEIsRUFDeUIsc0JBQXNDLEVBQy9FLFVBQXdCLEVBQ3hCLE1BQWlCO1FBQ25DLEtBQUssQ0FBQyxtQkFBbUIsRUFBRSxHQUFHLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsc0JBQXNCLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFGckYsZUFBVSxHQUFWLFVBQVUsQ0FBYztRQUN4QixXQUFNLEdBQU4sTUFBTSxDQUFXO0lBRXZDLENBQUM7SUFFTSxpQkFBaUI7UUFDcEIsS0FBSyxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsc0JBQXNCLEVBQUU7WUFDckMsSUFBSSxFQUFFO2dCQUNGLFNBQVMsRUFBRSxJQUFJLENBQUMsU0FBUztnQkFDekIsWUFBWSxFQUFFLElBQUksQ0FBQyxhQUFhO2dCQUNoQyxTQUFTLEVBQUUsSUFBSSxDQUFDLFVBQVU7Z0JBQzFCLFNBQVMsRUFBRSxJQUFJLENBQUMsZ0JBQWdCO2FBQ25DO1NBQ0osQ0FBQyxDQUFDO0lBQ1AsQ0FBQzs7Z0hBdkJRLGtCQUFrQiw2S0FPSyw2QkFBNkI7b0dBUHBELGtCQUFrQiw0RUNsQi9CLG8ySEF5REE7NEZEdkNhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDSSxlQUFlOzswQkFXWixRQUFROzswQkFBSSxNQUFNOzJCQUFDLDZCQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0RmlsZUZpZWxkQ29tcG9uZW50LCBFdmVudFNlcnZpY2UsXG4gICAgTG9nZ2VyU2VydmljZSxcbiAgICBOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSxcbiAgICBTbmFja0JhclNlcnZpY2UsXG4gICAgVGFza1Jlc291cmNlU2VydmljZVxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuaW1wb3J0IHtEb21TYW5pdGl6ZXJ9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHtNYXREaWFsb2d9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQge1ByZXZpZXdEaWFsb2dDb21wb25lbnR9IGZyb20gJy4vcHJldmlldy1kaWFsb2cvcHJldmlldy1kaWFsb2cuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1maWxlLWZpZWxkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZmlsZS1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZmlsZS1maWVsZC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGaWxlRmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEZpbGVGaWVsZENvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3Rvcih0YXNrUmVzb3VyY2VTZXJ2aWNlOiBUYXNrUmVzb3VyY2VTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIGxvZzogTG9nZ2VyU2VydmljZSxcbiAgICAgICAgICAgICAgICBzbmFja2JhcjogU25hY2tCYXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICAgICAgICAgICAgICBldmVudFNlcnZpY2U6IEV2ZW50U2VydmljZSxcbiAgICAgICAgICAgICAgICBAT3B0aW9uYWwoKSBASW5qZWN0KE5BRV9JTkZPUk1fQUJPVVRfSU5WQUxJRF9EQVRBKSBpbmZvcm1BYm91dEludmFsaWREYXRhOiBib29sZWFuIHwgbnVsbCxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgX3Nhbml0aXplcjogRG9tU2FuaXRpemVyLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBkaWFsb2c6IE1hdERpYWxvZykge1xuICAgICAgICBzdXBlcih0YXNrUmVzb3VyY2VTZXJ2aWNlLCBsb2csIHNuYWNrYmFyLCB0cmFuc2xhdGUsIGV2ZW50U2VydmljZSwgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YSwgX3Nhbml0aXplcik7XG4gICAgfVxuXG4gICAgcHVibGljIHNob3dQcmV2aWV3RGlhbG9nKCkge1xuICAgICAgICBzdXBlci5zaG93UHJldmlld0RpYWxvZygpO1xuICAgICAgICB0aGlzLmRpYWxvZy5vcGVuKFByZXZpZXdEaWFsb2dDb21wb25lbnQsIHtcbiAgICAgICAgICAgIGRhdGE6IHtcbiAgICAgICAgICAgICAgICBkYXRhRmllbGQ6IHRoaXMuZGF0YUZpZWxkLFxuICAgICAgICAgICAgICAgIGltYWdlUHJldmlldzogdGhpcy5wcmV2aWV3U291cmNlLFxuICAgICAgICAgICAgICAgIGltYWdlRnVsbDogdGhpcy5mdWxsU291cmNlLFxuICAgICAgICAgICAgICAgIGV4dGVuc2lvbjogdGhpcy5wcmV2aWV3RXh0ZW5zaW9uXG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cbn1cblxuIiwiPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9XCIhZGF0YUZpZWxkLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkVGVtcGxhdGVdPVwiZGF0YUZpZWxkVGVtcGxhdGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW29mZnNldF09XCJ0YXNrT2Zmc2V0XCI+XG48L25jLWRhdGEtZmllbGQtdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjZGF0YUZpZWxkVGVtcGxhdGUgbGV0LXNob3dMYXJnZUxheW91dD1cInNob3dMYXJnZUxheW91dFwiPlxuICAgIDxkaXYgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIiBmeExheW91dD1cInJvd1wiPlxuICAgICAgICA8ZGl2IGZ4RmxleD1cInt7IWZpbGVQcmV2aWV3ID8gJzEwMCcgOiAnNzUnfX1cIj5cbiAgICAgICAgICAgIDxtYXQtbGFiZWwgKm5nSWY9XCIhc2hvd0xhcmdlTGF5b3V0LnZhbHVlXCI+XG4gICAgICAgICAgICAgICAge3tkYXRhRmllbGQudGl0bGV9fVxuICAgICAgICAgICAgICAgIDxuYy1yZXF1aXJlZC1sYWJlbCAqbmdJZj1cImRhdGFGaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiIFtpc0luXT1cIiFkYXRhRmllbGQuZGlzYWJsZWRcIj48L25jLXJlcXVpcmVkLWxhYmVsPlxuICAgICAgICAgICAgICAgIDxicj5cbiAgICAgICAgICAgIDwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0taW5wdXQgYnV0dG9uLWljb24taW5wdXQgZnVsbC13aWR0aCBpbnB1dC1tYXJnaW5cIiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBjb2xvcj1cImFjY2VudFwiIChjbGljayk9XCJjaG9vc2VGaWxlKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwiJ2RhdGFGaWVsZC5maWxlLmNsaWNrVG9VcGxvYWQnIHwgdHJhbnNsYXRlXCIgKm5nSWY9XCIhZm9ybUNvbnRyb2wuZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmRvLW5vdC1jbGlja109XCJzdGF0ZS51cGxvYWRpbmdcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uPmZpbGVfdXBsb2FkPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8c3BhbiAoY2xpY2spPVwiaXNFbXB0eSgpID8gY2hvb3NlRmlsZSgpIDogZG93bmxvYWQoKVwiIGZ4RmxleFxuICAgICAgICAgICAgICAgICAgICAgIFttYXRUb29sdGlwXT1cImlzRW1wdHkoKSA/ICcnIDogKCdkYXRhRmllbGQuZmlsZS5jbGlja1RvRG93bmxvYWQnIHwgdHJhbnNsYXRlIDoge2ZpbGVOYW1lOiBjb25zdHJ1Y3REaXNwbGF5TmFtZSgpfSlcIlxuICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaW5wdXQtbmFtZS1lbGxpcHNpc1wiXG4gICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieydpbnB1dC1wbGFjZWhvbGRlcic6IGlzRW1wdHkoKSwgJ25vLWN1cnNvcic6IGlzRW1wdHkoKSAmJiBmb3JtQ29udHJvbC5kaXNhYmxlZH1cIj57e2NvbnN0cnVjdERpc3BsYXlOYW1lKCl9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIChjbGljayk9XCJkZWxldGVGaWxlKClcIiBbbWF0VG9vbHRpcF09XCInZGF0YUZpZWxkLmZpbGUuY2xpY2tUb0RlbGV0ZScgfCB0cmFuc2xhdGVcIiBtYXQtaWNvbi1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiIWlzRW1wdHkoKSAmJiAhZm9ybUNvbnRyb2wuZGlzYWJsZWRcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIGNvbG9yPVwid2FyblwiPmNsb3NlPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPG1hdC1wcm9ncmVzcy1iYXIgKm5nSWY9XCJzdGF0ZS51cGxvYWRpbmcgfHwgc3RhdGUuZG93bmxvYWRpbmdcIiBjb2xvcj1cInByaW1hcnlcIiBbdmFsdWVdPVwic3RhdGUucHJvZ3Jlc3NcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW21vZGVdPVwic3RhdGUudXBsb2FkaW5nID8gJ2RldGVybWluYXRlJyA6ICdpbmRldGVybWluYXRlJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm1hcmdpbi1ib3R0b20tZGVmYXVsdFwiPjwvbWF0LXByb2dyZXNzLWJhcj5cbiAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiZmlsZVwiICNmaWxlVXBsb2FkSW5wdXQgbmFtZT1cImZpbGVVcGxvYWRcIiBbbXVsdGlwbGVdPVwiZmFsc2VcIlxuICAgICAgICAgICAgICAgICAgIGFjY2VwdD1cInt7ZGF0YUZpZWxkLmFsbG93VHlwZXN9fVwiIGNsYXNzPVwiaW52aXNpYmxlLWlucHV0XCI+XG4gICAgICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIiBjbGFzcz1cImludmlzaWJsZS1pbnB1dFwiPlxuICAgICAgICAgICAgPG1hdC1oaW50IGNsYXNzPVwiZmlsZS1oaW50LWVycm9yXCJcbiAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIiFkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sKVwiPnt7ZGF0YUZpZWxkLmRlc2NyaXB0aW9ufX08L21hdC1oaW50PlxuICAgICAgICAgICAgPG1hdC1lcnJvciBjbGFzcz1cImZpbGUtaGludC1lcnJvclwiXG4gICAgICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbClcIj57eydkYXRhRmllbGQudmFsaWRhdGlvbnMucmVxdWlyZWQnIHwgdHJhbnNsYXRlfX08L21hdC1lcnJvcj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJmaWxlUHJldmlld1wiIGZ4RmxleD1cIjVcIj48L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdJZj1cImZpbGVQcmV2aWV3XCIgZnhGbGV4PVwiMjBcIiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCIgI2ltYWdlRGl2XG4gICAgICAgICAgICAgKHJlc2l6ZWQpPVwiY2hhbmdlTWF4V2lkdGgoJGV2ZW50KVwiXG4gICAgICAgICAgICAgW25nU3R5bGVdPVwieydtYXgtaGVpZ2h0JzogZ2V0SGVpZ2h0KCkrJ3B4J31cIj5cbiAgICAgICAgICAgIDxpbWcgKm5nSWY9XCJwcmV2aWV3U291cmNlICE9PSB1bmRlZmluZWQgJiYgIXN0YXRlLmRvd25sb2FkaW5nICYmIGlzRGlzcGxheWFibGVcIiBjbGFzcz1cImltYWdlLXByZXZpZXdcIiAjaW1hZ2VFbFxuICAgICAgICAgICAgICAgICBbbmdTdHlsZV09XCIhaXNCb3JkZXJMR0JUUSgpICYmICFpc0JvcmRlckRlZmF1bHQoKSAmJiB7XG4gICAgICAgICAgICAgICAgICAgICdib3JkZXItd2lkdGgnOiBnZXRQcmV2aWV3Qm9yZGVyV2lkdGgoKSxcbiAgICAgICAgICAgICAgICAgICAgJ2JvcmRlci1zdHlsZSc6IGdldFByZXZpZXdCb3JkZXJTdHlsZSgpLFxuICAgICAgICAgICAgICAgICAgICAnYm9yZGVyLWNvbG9yJzogZ2V0UHJldmlld0JvcmRlckNvbG9yKClcbiAgICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnYm9yZGVyLUxHQlRRJzogaXNCb3JkZXJMR0JUUSgpLCAnYm9yZGVyLWRlZmF1bHQnOiBpc0JvcmRlckRlZmF1bHQoKX1cIlxuICAgICAgICAgICAgICAgICBbc3JjXT1cInByZXZpZXdTb3VyY2VcIiBhbHQ9XCJJbWFnZSBwcmV2aWV3XCIgKGNsaWNrKT1cInNob3dQcmV2aWV3RGlhbG9nKClcIi8+XG4gICAgICAgICAgICA8bWF0LXNwaW5uZXIgKm5nSWY9XCJwcmV2aWV3U291cmNlID09PSB1bmRlZmluZWQgJiYgISFzdGF0ZS5kb3dubG9hZGluZyAmJiBpc0Rpc3BsYXlhYmxlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICBbZGlhbWV0ZXJdPVwiMjZcIj48L21hdC1zcGlubmVyPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

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

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

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

@@ -0,0 +1,33 @@
+import { Component, Inject, Optional } from '@angular/core';
+import { AbstractFileListFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@netgrif/components-core";
+import * as i2 from "@ngx-translate/core";
+import * as i3 from "../data-field-template/data-field-template.component";
+import * as i4 from "../required-label/required-label.component";
+import * as i5 from "@angular/material/button";
+import * as i6 from "@angular/material/icon";
+import * as i7 from "@angular/material/progress-bar";
+import * as i8 from "@angular/common";
+import * as i9 from "@angular/material/form-field";
+import * as i10 from "@angular/flex-layout/flex";
+import * as i11 from "@angular/material/tooltip";
+import * as i12 from "@angular/flex-layout/extended";
+import * as i13 from "@angular/forms";
+export class FileListFieldComponent extends AbstractFileListFieldComponent {
+    constructor(taskResourceService, log, snackbar, translate, eventService, informAboutInvalidData) {
+        super(taskResourceService, log, snackbar, translate, eventService, informAboutInvalidData);
+    }
+}
+FileListFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileListFieldComponent, deps: [{ token: i1.TaskResourceService }, { token: i1.LoggerService }, { token: i1.SnackBarService }, { token: i2.TranslateService }, { token: i1.EventService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+FileListFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FileListFieldComponent, selector: "nc-file-list-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"dataFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <div>\n        <mat-label *ngIf=\"!showLargeLayout.value\">\n            {{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n            <br>\n        </mat-label>\n        <div class=\"form-input button-icon-input full-width input-margin\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <button mat-icon-button color=\"accent\" (click)=\"chooseFile()\"\n                    [matTooltip]=\"'dataField.file.clickToUpload' | translate\" *ngIf=\"!formControl.disabled\"\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': formControl.disabled}\" 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 [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\" mat-icon-button\n                            *ngIf=\"!formControl.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]=\"formControl\" class=\"invisible-input\">\n        <mat-hint class=\"file-hint-error\" *ngIf=\"!dataField.isInvalid(formControl)\">{{dataField.description}}</mat-hint>\n        <mat-error class=\"file-hint-error\" *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n</ng-template>\n", styles: ["@import\"quill/dist/quill.snow.css\";@import\"quill/dist/quill.bubble.css\";@import\"quill/dist/quill.core.css\";.invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.progress-bar-size{height:8px}.margin-bottom-half{margin-bottom:4px}.do-not-click:hover{cursor:not-allowed}.file-button{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:#0000006b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.input-margin{margin-top:7px!important}.form-input{background:transparent;color:#333;outline:none;border:1px solid rgba(0,0,0,.12);text-align:left;font-size:14px;line-height:15.75px;border-radius:6px;min-width:5px;padding:10px 15px;box-sizing:border-box;min-height:54.81px}.form-input:hover{border-color:#000}.file-hint-error{padding:0 1em;font-size:75%}.no-cursor{cursor:default!important}\n"], components: [{ type: i3.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i4.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.MatLabel, selector: "mat-label" }, { type: i10.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i10.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: i11.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i10.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i12.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i13.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: i13.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i13.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i9.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i9.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i2.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileListFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-file-list-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"dataFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <div>\n        <mat-label *ngIf=\"!showLargeLayout.value\">\n            {{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n            <br>\n        </mat-label>\n        <div class=\"form-input button-icon-input full-width input-margin\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <button mat-icon-button color=\"accent\" (click)=\"chooseFile()\"\n                    [matTooltip]=\"'dataField.file.clickToUpload' | translate\" *ngIf=\"!formControl.disabled\"\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': formControl.disabled}\" 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 [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\" mat-icon-button\n                            *ngIf=\"!formControl.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]=\"formControl\" class=\"invisible-input\">\n        <mat-hint class=\"file-hint-error\" *ngIf=\"!dataField.isInvalid(formControl)\">{{dataField.description}}</mat-hint>\n        <mat-error class=\"file-hint-error\" *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n</ng-template>\n", styles: ["@import\"quill/dist/quill.snow.css\";@import\"quill/dist/quill.bubble.css\";@import\"quill/dist/quill.core.css\";.invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.progress-bar-size{height:8px}.margin-bottom-half{margin-bottom:4px}.do-not-click:hover{cursor:not-allowed}.file-button{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:#0000006b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.input-margin{margin-top:7px!important}.form-input{background:transparent;color:#333;outline:none;border:1px solid rgba(0,0,0,.12);text-align:left;font-size:14px;line-height:15.75px;border-radius:6px;min-width:5px;padding:10px 15px;box-sizing:border-box;min-height:54.81px}.form-input:hover{border-color:#000}.file-hint-error{padding:0 1em;font-size:75%}.no-cursor{cursor:default!important}\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: [NAE_INFORM_ABOUT_INVALID_DATA]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1saXN0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2ZpbGUtZmllbGQtbGlzdC9maWxlLWxpc3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZmlsZS1maWVsZC1saXN0L2ZpbGUtbGlzdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFMUQsT0FBTyxFQUNILDhCQUE4QixFQUU5Qiw2QkFBNkIsRUFHaEMsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7O0FBT2xDLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSw4QkFBOEI7SUFFdEUsWUFBWSxtQkFBd0MsRUFDeEMsR0FBa0IsRUFDbEIsUUFBeUIsRUFDekIsU0FBMkIsRUFDM0IsWUFBMEIsRUFDeUIsc0JBQXNDO1FBQ2pHLEtBQUssQ0FBQyxtQkFBbUIsRUFBRSxHQUFHLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsc0JBQXNCLENBQUMsQ0FBQztJQUMvRixDQUFDOztvSEFUUSxzQkFBc0IsNktBT0MsNkJBQTZCO3dHQVBwRCxzQkFBc0IsaUZDZm5DLG8xRkEwQ0E7NEZEM0JhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDSSxvQkFBb0I7OzBCQVdqQixRQUFROzswQkFBSSxNQUFNOzJCQUFDLDZCQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0RmlsZUxpc3RGaWVsZENvbXBvbmVudCwgRXZlbnRTZXJ2aWNlLFxuICAgIExvZ2dlclNlcnZpY2UsXG4gICAgTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEEsXG4gICAgU25hY2tCYXJTZXJ2aWNlLFxuICAgIFRhc2tSZXNvdXJjZVNlcnZpY2Vcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1maWxlLWxpc3QtZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9maWxlLWxpc3QtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2ZpbGUtbGlzdC1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZpbGVMaXN0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEZpbGVMaXN0RmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IodGFza1Jlc291cmNlU2VydmljZTogVGFza1Jlc291cmNlU2VydmljZSxcbiAgICAgICAgICAgICAgICBsb2c6IExvZ2dlclNlcnZpY2UsXG4gICAgICAgICAgICAgICAgc25hY2tiYXI6IFNuYWNrQmFyU2VydmljZSxcbiAgICAgICAgICAgICAgICB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgZXZlbnRTZXJ2aWNlOiBFdmVudFNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSkgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICAgICAgc3VwZXIodGFza1Jlc291cmNlU2VydmljZSwgbG9nLCBzbmFja2JhciwgdHJhbnNsYXRlLCBldmVudFNlcnZpY2UsIGluZm9ybUFib3V0SW52YWxpZERhdGEpO1xuICAgIH1cbn1cbiIsIjxuYy1kYXRhLWZpZWxkLXRlbXBsYXRlICpuZ0lmPVwiIWRhdGFGaWVsZC5iZWhhdmlvci5oaWRkZW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFGaWVsZF09XCJkYXRhRmllbGRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFGaWVsZFRlbXBsYXRlXT1cImRhdGFGaWVsZFRlbXBsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtvZmZzZXRdPVwidGFza09mZnNldFwiPlxuPC9uYy1kYXRhLWZpZWxkLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2RhdGFGaWVsZFRlbXBsYXRlIGxldC1zaG93TGFyZ2VMYXlvdXQ9XCJzaG93TGFyZ2VMYXlvdXRcIj5cbiAgICA8ZGl2PlxuICAgICAgICA8bWF0LWxhYmVsICpuZ0lmPVwiIXNob3dMYXJnZUxheW91dC52YWx1ZVwiPlxuICAgICAgICAgICAge3tkYXRhRmllbGQudGl0bGV9fVxuICAgICAgICAgICAgPG5jLXJlcXVpcmVkLWxhYmVsICpuZ0lmPVwiZGF0YUZpZWxkLmJlaGF2aW9yLnJlcXVpcmVkXCIgW2lzSW5dPVwiIWRhdGFGaWVsZC5kaXNhYmxlZFwiPjwvbmMtcmVxdWlyZWQtbGFiZWw+XG4gICAgICAgICAgICA8YnI+XG4gICAgICAgIDwvbWF0LWxhYmVsPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1pbnB1dCBidXR0b24taWNvbi1pbnB1dCBmdWxsLXdpZHRoIGlucHV0LW1hcmdpblwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiPlxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY29sb3I9XCJhY2NlbnRcIiAoY2xpY2spPVwiY2hvb3NlRmlsZSgpXCJcbiAgICAgICAgICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwiJ2RhdGFGaWVsZC5maWxlLmNsaWNrVG9VcGxvYWQnIHwgdHJhbnNsYXRlXCIgKm5nSWY9XCIhZm9ybUNvbnRyb2wuZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICBbY2xhc3MuZG8tbm90LWNsaWNrXT1cInN0YXRlLnVwbG9hZGluZ1wiPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5maWxlX3VwbG9hZDwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwidXBsb2FkZWRGaWxlcy5sZW5ndGggPT09IDBcIiAoY2xpY2spPVwiY2hvb3NlRmlsZSgpXCIgZnhGbGV4XG4gICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J25vLWN1cnNvcic6IGZvcm1Db250cm9sLmRpc2FibGVkfVwiIGNsYXNzPVwiaW5wdXQtcGxhY2Vob2xkZXIgaW5wdXQtbmFtZS1lbGxpcHNpc1wiPnt7Y29uc3RydWN0RGlzcGxheU5hbWUoKX19PC9zcGFuPlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cInVwbG9hZGVkRmlsZXMubGVuZ3RoICE9PSAwXCIgY2xhc3M9XCJpbnB1dC1uYW1lLWVsbGlwc2lzXCIgZnhGbGV4PlxuICAgICAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IG5hbWUgb2YgdXBsb2FkZWRGaWxlc1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gKGNsaWNrKT1cImRvd25sb2FkKG5hbWUpXCIgZnhGbGV4IFttYXRUb29sdGlwXT1cIidkYXRhRmllbGQuZmlsZS5jbGlja1RvRG93bmxvYWQnIHwgdHJhbnNsYXRlIDoge2ZpbGVOYW1lOiBuYW1lfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaW5wdXQtbmFtZS1lbGxpcHNpcyBmaWxlLWxpc3QtaXRlbVwiPnt7bmFtZX19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIChjbGljayk9XCJkZWxldGVGaWxlKG5hbWUpXCIgW21hdFRvb2x0aXBdPVwiJ2RhdGFGaWVsZC5maWxlLmNsaWNrVG9EZWxldGUnIHwgdHJhbnNsYXRlXCIgbWF0LWljb24tYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCIhZm9ybUNvbnRyb2wuZGlzYWJsZWRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBjb2xvcj1cIndhcm5cIj5jbG9zZTwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8bWF0LXByb2dyZXNzLWJhciAqbmdJZj1cInN0YXRlLnVwbG9hZGluZyB8fCBzdGF0ZS5kb3dubG9hZGluZ1wiIGNvbG9yPVwicHJpbWFyeVwiIFt2YWx1ZV09XCJzdGF0ZS5wcm9ncmVzc1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFttb2RlXT1cInN0YXRlLnVwbG9hZGluZyA/ICdkZXRlcm1pbmF0ZScgOiAnaW5kZXRlcm1pbmF0ZSdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm1hcmdpbi1ib3R0b20tZGVmYXVsdFwiPjwvbWF0LXByb2dyZXNzLWJhcj5cbiAgICAgICAgPGlucHV0IHR5cGU9XCJmaWxlXCIgI2ZpbGVVcGxvYWRJbnB1dCBuYW1lPVwiZmlsZVVwbG9hZFwiIFttdWx0aXBsZV09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgIGFjY2VwdD1cInt7ZGF0YUZpZWxkLmFsbG93VHlwZXN9fVwiIGNsYXNzPVwiaW52aXNpYmxlLWlucHV0XCIvPlxuICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIiBjbGFzcz1cImludmlzaWJsZS1pbnB1dFwiPlxuICAgICAgICA8bWF0LWhpbnQgY2xhc3M9XCJmaWxlLWhpbnQtZXJyb3JcIiAqbmdJZj1cIiFkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sKVwiPnt7ZGF0YUZpZWxkLmRlc2NyaXB0aW9ufX08L21hdC1oaW50PlxuICAgICAgICA8bWF0LWVycm9yIGNsYXNzPVwiZmlsZS1oaW50LWVycm9yXCIgKm5nSWY9XCJkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sKVwiPnt7J2RhdGFGaWVsZC52YWxpZGF0aW9ucy5yZXF1aXJlZCcgfCB0cmFuc2xhdGV9fTwvbWF0LWVycm9yPlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2020/lib/data-fields/filter-field/filter-field-content/filter-field-content.component.mjs

@@ -0,0 +1,45 @@
+import { Component, Inject } from '@angular/core';
+import { AbstractFilterFieldContentComponent, SearchService, AllowedNetsService, AllowedNetsServiceFactory, NAE_FILTER_FIELD, NAE_BASE_FILTER, SimpleFilter, CategoryResolverService, NAE_SEARCH_CATEGORIES, CategoryFactory } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@netgrif/components-core";
+import * as i2 from "../../../search/advanced-search/advanced-search-component/advanced-search.component";
+import * as i3 from "@angular/common";
+export function filterFieldBaseFilterFactory(filterField) {
+    return {
+        filter: SimpleFilter.empty(filterField.filterMetadata.filterType)
+    };
+}
+export function filterFieldAllowedNetsFactory(factory, filterField) {
+    return factory.createFromArray(filterField.allowedNets);
+}
+export function filterFieldCategoriesFactory(factory, filterField) {
+    const result = filterField.filterMetadata.searchCategories.map(c => factory.toClass(c));
+    return result;
+}
+export class FilterFieldContentComponent extends AbstractFilterFieldContentComponent {
+    constructor(filterField, fieldSearchService) {
+        super(filterField, fieldSearchService);
+    }
+}
+FilterFieldContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterFieldContentComponent, deps: [{ token: NAE_FILTER_FIELD }, { token: i1.SearchService }], target: i0.ɵɵFactoryTarget.Component });
+FilterFieldContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterFieldContentComponent, selector: "nc-filter-field-content", providers: [
+        { provide: NAE_BASE_FILTER, useFactory: filterFieldBaseFilterFactory, deps: [NAE_FILTER_FIELD] },
+        { provide: AllowedNetsService, useFactory: filterFieldAllowedNetsFactory, deps: [AllowedNetsServiceFactory, NAE_FILTER_FIELD] },
+        CategoryFactory,
+        { provide: NAE_SEARCH_CATEGORIES, useFactory: filterFieldCategoriesFactory, deps: [CategoryResolverService, NAE_FILTER_FIELD] },
+        SearchService
+    ], usesInheritance: true, ngImport: i0, template: "<nc-advanced-search *ngIf=\"filterLoaded\" [editable]=\"editable\"></nc-advanced-search>\n", styles: [""], components: [{ type: i2.AdvancedSearchComponent, selector: "nc-advanced-search" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterFieldContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-filter-field-content', providers: [
+                        { provide: NAE_BASE_FILTER, useFactory: filterFieldBaseFilterFactory, deps: [NAE_FILTER_FIELD] },
+                        { provide: AllowedNetsService, useFactory: filterFieldAllowedNetsFactory, deps: [AllowedNetsServiceFactory, NAE_FILTER_FIELD] },
+                        CategoryFactory,
+                        { provide: NAE_SEARCH_CATEGORIES, useFactory: filterFieldCategoriesFactory, deps: [CategoryResolverService, NAE_FILTER_FIELD] },
+                        SearchService
+                    ], template: "<nc-advanced-search *ngIf=\"filterLoaded\" [editable]=\"editable\"></nc-advanced-search>\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i1.FilterField, decorators: [{
+                    type: Inject,
+                    args: [NAE_FILTER_FIELD]
+                }] }, { type: i1.SearchService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWZpZWxkLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZmlsdGVyLWZpZWxkL2ZpbHRlci1maWVsZC1jb250ZW50L2ZpbHRlci1maWVsZC1jb250ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2ZpbHRlci1maWVsZC9maWx0ZXItZmllbGQtY29udGVudC9maWx0ZXItZmllbGQtY29udGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBTyxNQUFNLGVBQWUsQ0FBQztBQUN0RCxPQUFPLEVBQ0gsbUNBQW1DLEVBQ25DLGFBQWEsRUFDYixrQkFBa0IsRUFDbEIseUJBQXlCLEVBQWUsZ0JBQWdCLEVBQUUsZUFBZSxFQUN6RSxZQUFZLEVBQUUsdUJBQXVCLEVBQUUscUJBQXFCLEVBQVksZUFBZSxFQUMxRixNQUFNLDBCQUEwQixDQUFDOzs7OztBQUVsQyxNQUFNLFVBQVUsNEJBQTRCLENBQUMsV0FBd0I7SUFDakUsT0FBTztRQUNILE1BQU0sRUFBRSxZQUFZLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFDO0tBQ3BFLENBQUM7QUFDTixDQUFDO0FBRUQsTUFBTSxVQUFVLDZCQUE2QixDQUFDLE9BQWtDLEVBQUUsV0FBd0I7SUFDdEcsT0FBTyxPQUFPLENBQUMsZUFBZSxDQUFDLFdBQVcsQ0FBQyxXQUFXLENBQUMsQ0FBQztBQUM1RCxDQUFDO0FBRUQsTUFBTSxVQUFVLDRCQUE0QixDQUFDLE9BQWdDLEVBQUUsV0FBd0I7SUFDbkcsTUFBTSxNQUFNLEdBQUcsV0FBVyxDQUFDLGNBQWMsQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDeEYsT0FBTyxNQUFNLENBQUM7QUFDbEIsQ0FBQztBQWNELE1BQU0sT0FBTywyQkFBNEIsU0FBUSxtQ0FBbUM7SUFFaEYsWUFBc0MsV0FBd0IsRUFDbEQsa0JBQWlDO1FBQ3pDLEtBQUssQ0FBQyxXQUFXLEVBQUUsa0JBQWtCLENBQUMsQ0FBQztJQUMzQyxDQUFDOzt5SEFMUSwyQkFBMkIsa0JBRWhCLGdCQUFnQjs2R0FGM0IsMkJBQTJCLGtEQVJ6QjtRQUNQLEVBQUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxVQUFVLEVBQUUsNEJBQTRCLEVBQUUsSUFBSSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsRUFBQztRQUM5RixFQUFDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxVQUFVLEVBQUUsNkJBQTZCLEVBQUUsSUFBSSxFQUFFLENBQUMseUJBQXlCLEVBQUUsZ0JBQWdCLENBQUMsRUFBQztRQUM3SCxlQUFlO1FBQ2YsRUFBQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsVUFBVSxFQUFFLDRCQUE0QixFQUFFLElBQUksRUFBRSxDQUFDLHVCQUF1QixFQUFFLGdCQUFnQixDQUFDLEVBQUM7UUFDN0gsYUFBYTtLQUNoQixpRENsQ0wsNEZBQ0E7NEZEbUNhLDJCQUEyQjtrQkFadkMsU0FBUzsrQkFDSSx5QkFBeUIsYUFHeEI7d0JBQ1AsRUFBQyxPQUFPLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSw0QkFBNEIsRUFBRSxJQUFJLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFDO3dCQUM5RixFQUFDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxVQUFVLEVBQUUsNkJBQTZCLEVBQUUsSUFBSSxFQUFFLENBQUMseUJBQXlCLEVBQUUsZ0JBQWdCLENBQUMsRUFBQzt3QkFDN0gsZUFBZTt3QkFDZixFQUFDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxVQUFVLEVBQUUsNEJBQTRCLEVBQUUsSUFBSSxFQUFFLENBQUMsdUJBQXVCLEVBQUUsZ0JBQWdCLENBQUMsRUFBQzt3QkFDN0gsYUFBYTtxQkFDaEI7OzBCQUlZLE1BQU07MkJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgVHlwZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0RmlsdGVyRmllbGRDb250ZW50Q29tcG9uZW50LFxuICAgIFNlYXJjaFNlcnZpY2UsXG4gICAgQWxsb3dlZE5ldHNTZXJ2aWNlLFxuICAgIEFsbG93ZWROZXRzU2VydmljZUZhY3RvcnksIEZpbHRlckZpZWxkLCBOQUVfRklMVEVSX0ZJRUxELCBOQUVfQkFTRV9GSUxURVIsIEJhc2VGaWx0ZXIsXG4gICAgU2ltcGxlRmlsdGVyLCBDYXRlZ29yeVJlc29sdmVyU2VydmljZSwgTkFFX1NFQVJDSF9DQVRFR09SSUVTLCBDYXRlZ29yeSwgQ2F0ZWdvcnlGYWN0b3J5XG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbmV4cG9ydCBmdW5jdGlvbiBmaWx0ZXJGaWVsZEJhc2VGaWx0ZXJGYWN0b3J5KGZpbHRlckZpZWxkOiBGaWx0ZXJGaWVsZCk6IEJhc2VGaWx0ZXIge1xuICAgIHJldHVybiB7XG4gICAgICAgIGZpbHRlcjogU2ltcGxlRmlsdGVyLmVtcHR5KGZpbHRlckZpZWxkLmZpbHRlck1ldGFkYXRhLmZpbHRlclR5cGUpXG4gICAgfTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGZpbHRlckZpZWxkQWxsb3dlZE5ldHNGYWN0b3J5KGZhY3Rvcnk6IEFsbG93ZWROZXRzU2VydmljZUZhY3RvcnksIGZpbHRlckZpZWxkOiBGaWx0ZXJGaWVsZCk6IEFsbG93ZWROZXRzU2VydmljZSB7XG4gICAgcmV0dXJuIGZhY3RvcnkuY3JlYXRlRnJvbUFycmF5KGZpbHRlckZpZWxkLmFsbG93ZWROZXRzKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGZpbHRlckZpZWxkQ2F0ZWdvcmllc0ZhY3RvcnkoZmFjdG9yeTogQ2F0ZWdvcnlSZXNvbHZlclNlcnZpY2UsIGZpbHRlckZpZWxkOiBGaWx0ZXJGaWVsZCk6IEFycmF5PFR5cGU8Q2F0ZWdvcnk8YW55Pj4+IHtcbiAgICBjb25zdCByZXN1bHQgPSBmaWx0ZXJGaWVsZC5maWx0ZXJNZXRhZGF0YS5zZWFyY2hDYXRlZ29yaWVzLm1hcChjID0+IGZhY3RvcnkudG9DbGFzcyhjKSk7XG4gICAgcmV0dXJuIHJlc3VsdDtcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1maWx0ZXItZmllbGQtY29udGVudCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ZpbHRlci1maWVsZC1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9maWx0ZXItZmllbGQtY29udGVudC5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7cHJvdmlkZTogTkFFX0JBU0VfRklMVEVSLCB1c2VGYWN0b3J5OiBmaWx0ZXJGaWVsZEJhc2VGaWx0ZXJGYWN0b3J5LCBkZXBzOiBbTkFFX0ZJTFRFUl9GSUVMRF19LFxuICAgICAgICB7cHJvdmlkZTogQWxsb3dlZE5ldHNTZXJ2aWNlLCB1c2VGYWN0b3J5OiBmaWx0ZXJGaWVsZEFsbG93ZWROZXRzRmFjdG9yeSwgZGVwczogW0FsbG93ZWROZXRzU2VydmljZUZhY3RvcnksIE5BRV9GSUxURVJfRklFTERdfSxcbiAgICAgICAgQ2F0ZWdvcnlGYWN0b3J5LFxuICAgICAgICB7cHJvdmlkZTogTkFFX1NFQVJDSF9DQVRFR09SSUVTLCB1c2VGYWN0b3J5OiBmaWx0ZXJGaWVsZENhdGVnb3JpZXNGYWN0b3J5LCBkZXBzOiBbQ2F0ZWdvcnlSZXNvbHZlclNlcnZpY2UsIE5BRV9GSUxURVJfRklFTERdfSxcbiAgICAgICAgU2VhcmNoU2VydmljZVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVyRmllbGRDb250ZW50Q29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RGaWx0ZXJGaWVsZENvbnRlbnRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoQEluamVjdChOQUVfRklMVEVSX0ZJRUxEKSBmaWx0ZXJGaWVsZDogRmlsdGVyRmllbGQsXG4gICAgICAgICAgICAgICAgZmllbGRTZWFyY2hTZXJ2aWNlOiBTZWFyY2hTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKGZpbHRlckZpZWxkLCBmaWVsZFNlYXJjaFNlcnZpY2UpO1xuICAgIH1cblxufVxuIiwiPG5jLWFkdmFuY2VkLXNlYXJjaCAqbmdJZj1cImZpbHRlckxvYWRlZFwiIFtlZGl0YWJsZV09XCJlZGl0YWJsZVwiPjwvbmMtYWR2YW5jZWQtc2VhcmNoPlxuIl19

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

@@ -0,0 +1,27 @@
+import { Component, Inject, Optional } from '@angular/core';
+import { AbstractFilterFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA } from '@netgrif/components-core';
+import { FilterFieldContentComponent } from './filter-field-content/filter-field-content.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../data-field-template/data-field-template.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/portal";
+export class FilterFieldComponent extends AbstractFilterFieldComponent {
+    constructor(parentInjector, informAboutInvalidData) {
+        super(parentInjector, informAboutInvalidData);
+    }
+    getFilterContentComponent() {
+        return FilterFieldContentComponent;
+    }
+}
+FilterFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterFieldComponent, deps: [{ token: i0.Injector }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+FilterFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterFieldComponent, selector: "nc-filter-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"filterFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #filterFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <!--  TODO: title based on large layout  -->\n    <ng-template [ngIf]=\"initialized\">\n        <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n    </ng-template>\n    <!--  TODO: description?  -->\n</ng-template>\n", styles: [""], components: [{ type: i1.DataFieldTemplateComponent, selector: "nc-data-field-template" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-filter-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"filterFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #filterFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <!--  TODO: title based on large layout  -->\n    <ng-template [ngIf]=\"initialized\">\n        <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n    </ng-template>\n    <!--  TODO: description?  -->\n</ng-template>\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [NAE_INFORM_ABOUT_INVALID_DATA]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2ZpbHRlci1maWVsZC9maWx0ZXItZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZmlsdGVyLWZpZWxkL2ZpbHRlci1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBWSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDcEUsT0FBTyxFQUNILDRCQUE0QixFQUU1Qiw2QkFBNkIsRUFDaEMsTUFBTSwwQkFBMEIsQ0FBQztBQUVsQyxPQUFPLEVBQUMsMkJBQTJCLEVBQUMsTUFBTSx1REFBdUQsQ0FBQzs7Ozs7QUFPbEcsTUFBTSxPQUFPLG9CQUFxQixTQUFRLDRCQUE0QjtJQUVsRSxZQUFZLGNBQXdCLEVBQzJCLHNCQUFzQztRQUNqRyxLQUFLLENBQUMsY0FBYyxFQUFFLHNCQUFzQixDQUFDLENBQUM7SUFDbEQsQ0FBQztJQUVTLHlCQUF5QjtRQUMvQixPQUFPLDJCQUEyQixDQUFDO0lBQ3ZDLENBQUM7O2tIQVRRLG9CQUFvQiwwQ0FHRyw2QkFBNkI7c0dBSHBELG9CQUFvQiw4RUNkakMsd2pCQWFBOzRGRENhLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDSSxpQkFBaUI7OzBCQU9kLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgSW5qZWN0b3IsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RGaWx0ZXJGaWVsZENvbXBvbmVudCxcbiAgICBBYnN0cmFjdEZpbHRlckZpZWxkQ29udGVudENvbXBvbmVudCxcbiAgICBOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQVxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuaW1wb3J0IHtDb21wb25lbnRUeXBlfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7RmlsdGVyRmllbGRDb250ZW50Q29tcG9uZW50fSBmcm9tICcuL2ZpbHRlci1maWVsZC1jb250ZW50L2ZpbHRlci1maWVsZC1jb250ZW50LmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtZmlsdGVyLWZpZWxkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZmlsdGVyLWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9maWx0ZXItZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBGaWx0ZXJGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RmlsdGVyRmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IocGFyZW50SW5qZWN0b3I6IEluamVjdG9yLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEEpIGluZm9ybUFib3V0SW52YWxpZERhdGE6IGJvb2xlYW4gfCBudWxsKSB7XG4gICAgICAgIHN1cGVyKHBhcmVudEluamVjdG9yLCBpbmZvcm1BYm91dEludmFsaWREYXRhKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgZ2V0RmlsdGVyQ29udGVudENvbXBvbmVudCgpOiBDb21wb25lbnRUeXBlPEFic3RyYWN0RmlsdGVyRmllbGRDb250ZW50Q29tcG9uZW50PiB7XG4gICAgICAgIHJldHVybiBGaWx0ZXJGaWVsZENvbnRlbnRDb21wb25lbnQ7XG4gICAgfVxufVxuIiwiPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9XCIhZGF0YUZpZWxkLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkVGVtcGxhdGVdPVwiZmlsdGVyRmllbGRUZW1wbGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbb2Zmc2V0XT1cInRhc2tPZmZzZXRcIj5cbjwvbmMtZGF0YS1maWVsZC10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNmaWx0ZXJGaWVsZFRlbXBsYXRlIGxldC1zaG93TGFyZ2VMYXlvdXQ9XCJzaG93TGFyZ2VMYXlvdXRcIj5cbiAgICA8IS0tICBUT0RPOiB0aXRsZSBiYXNlZCBvbiBsYXJnZSBsYXlvdXQgIC0tPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCJpbml0aWFsaXplZFwiPlxuICAgICAgICA8bmctdGVtcGxhdGUgW2Nka1BvcnRhbE91dGxldF09XCJwb3J0YWxcIj48L25nLXRlbXBsYXRlPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPCEtLSAgVE9ETzogZGVzY3JpcHRpb24/ICAtLT5cbjwvbmctdGVtcGxhdGU+XG4iXX0=