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

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

@@ -0,0 +1,29 @@
+import { Component, Inject, Optional } from '@angular/core';
+import { AbstractEnumerationStepperFieldComponent, DATA_FIELD_PORTAL_DATA } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@ngbracket/ngx-layout";
+import * as i3 from "@ngbracket/ngx-layout/extended";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/material/form-field";
+import * as i6 from "@angular/material/tooltip";
+import * as i7 from "../../required-label/required-label.component";
+export class EnumerationStepperFieldComponent extends AbstractEnumerationStepperFieldComponent {
+    ref;
+    constructor(ref, dataFieldPortalData) {
+        super(ref, dataFieldPortalData);
+        this.ref = ref;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EnumerationStepperFieldComponent, deps: [{ token: i0.ElementRef }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: EnumerationStepperFieldComponent, selector: "nc-enumeration-stepper-field", usesInheritance: true, ngImport: i0, template: "<mat-label class=\"stepper-label netgrif-label\" [ngClass]=\"{'netgrif-label-disabled': formControlRef.disabled}\" *ngIf=\"!showLargeLayout.value && hasTitle()\"\n           matTooltipClass=\"stepper-tooltip-text\" [matTooltip]=\"dataField.description\" matTooltipPosition=\"right\">\n    {{dataField.title}}\n    <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\" ></nc-required-label>\n</mat-label>\n\n<div *ngIf=\"!arrowStepper\" [matTooltip]=\"dataField.description\" [ngClass.lt-sm]=\"'touch-action-enabled'\"\n     class=\"horizontal-stepper\" fxLayout=\"row\" fxLayout.lt-sm=\"column\" matTooltipPosition=\"above\">\n    <div class=\"horizontal-step\" fxShow.gt-xs fxHide.lt-sm>\n        <ng-template ngFor let-option [ngForOf]=\"dataField.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 < dataField.choices.length - 1\"></div>\n        </ng-template>\n    </div>\n    <div class=\"vertical-step\" fxLayout=\"column\" fxShow.lt-sm fxHide.gt-xs>\n        <ng-template ngFor let-option [ngForOf]=\"dataField.choices\" let-i=\"index\">\n            <div class=\"vertical-step-header\" fxFlex fxLayout=\"row\">\n                <div class=\"vertical-state\"\n                     [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=\"vertical-state-label\">{{option.value}}</div>\n            </div>\n            <div class=\"vertical-line\" fxFlex *ngIf=\"i < dataField.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\" fxLayout.lt-sm=\"column\"\n     [matTooltip]=\"dataField.description\" matTooltipPosition=\"above\" [ngClass]=\"{'stepper-disabled': formControlRef.disabled}\">\n    <ng-template ngFor let-option [ngForOf]=\"dataField.choices\" let-i=\"index\">\n            <span class=\"stepper-arrow-text\" [ngClass]=\"{'stepper-arrow-selected': isSelected(option.key)}\"\n                  (click)=\"setStepperValue(option.key)\" fxFlex fxLayoutAlign=\"center center\" fxHide.lt-sm>{{option.value}}</span>\n        <span fxFlex.gt-sm class=\"stepper-arrow-text\" *ngIf=\"i < dataField.choices.length - 1\" fxLayoutAlign=\"center center\" fxHide.lt-sm>\n                <mat-icon>arrow_forward_ios</mat-icon>\n            </span>\n    </ng-template>\n    <span class=\"stepper-arrow-text stepper-arrow-selected\" fxShow.lt-sm fxHide.gt-xs\n          fxFlex fxLayoutAlign=\"center center\">{{resolveValue(dataField.value)}}</span>\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;min-width:12px}.horizontal-step{flex:auto;display:flex}.vertical-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}.vertical-step-header:first-child:before{top:44px}.vertical-step-header:not(:first-child):before{top:0}.vertical-step-header:not(:last-child):after{bottom:0}.vertical-step-header:not(:last-child):after,.vertical-step-header:not(:first-child):before{border-left-width:1px;border-left-style:solid;content:\"\";display:inline-block;width:0;position:absolute;height:calc(50% - 20px);left:36px}.vertical-state{color:#fff;border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative}.vertical-state-label{display:inline-block;overflow:hidden;text-overflow:ellipsis;min-width:36px;vertical-align:middle;text-align:center;width:100%;word-wrap:break-word;white-space:break-spaces}.vertical-line{position:relative;border-left-width:1px;border-left-style:solid;flex:auto;height:0;margin:0 36px;min-height:12px}.vertical-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;padding:0 32px}.stepper-arrow-text{font-weight:500;font-size:16px;letter-spacing:-.2;line-height:24px;color:#64748b;cursor:pointer;text-align:center}.stepper-disabled{cursor:unset!important}.stepper-disabled .stepper-arrow-text{color:#94a3b8;cursor:alias}.touch-action-enabled{touch-action:auto!important;-webkit-user-drag:auto!important}@media only screen and (max-width: 959px){.stepper-arrow-text{word-break:break-word}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i3.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i3.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i7.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EnumerationStepperFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-enumeration-stepper-field', template: "<mat-label class=\"stepper-label netgrif-label\" [ngClass]=\"{'netgrif-label-disabled': formControlRef.disabled}\" *ngIf=\"!showLargeLayout.value && hasTitle()\"\n           matTooltipClass=\"stepper-tooltip-text\" [matTooltip]=\"dataField.description\" matTooltipPosition=\"right\">\n    {{dataField.title}}\n    <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\" ></nc-required-label>\n</mat-label>\n\n<div *ngIf=\"!arrowStepper\" [matTooltip]=\"dataField.description\" [ngClass.lt-sm]=\"'touch-action-enabled'\"\n     class=\"horizontal-stepper\" fxLayout=\"row\" fxLayout.lt-sm=\"column\" matTooltipPosition=\"above\">\n    <div class=\"horizontal-step\" fxShow.gt-xs fxHide.lt-sm>\n        <ng-template ngFor let-option [ngForOf]=\"dataField.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 < dataField.choices.length - 1\"></div>\n        </ng-template>\n    </div>\n    <div class=\"vertical-step\" fxLayout=\"column\" fxShow.lt-sm fxHide.gt-xs>\n        <ng-template ngFor let-option [ngForOf]=\"dataField.choices\" let-i=\"index\">\n            <div class=\"vertical-step-header\" fxFlex fxLayout=\"row\">\n                <div class=\"vertical-state\"\n                     [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=\"vertical-state-label\">{{option.value}}</div>\n            </div>\n            <div class=\"vertical-line\" fxFlex *ngIf=\"i < dataField.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\" fxLayout.lt-sm=\"column\"\n     [matTooltip]=\"dataField.description\" matTooltipPosition=\"above\" [ngClass]=\"{'stepper-disabled': formControlRef.disabled}\">\n    <ng-template ngFor let-option [ngForOf]=\"dataField.choices\" let-i=\"index\">\n            <span class=\"stepper-arrow-text\" [ngClass]=\"{'stepper-arrow-selected': isSelected(option.key)}\"\n                  (click)=\"setStepperValue(option.key)\" fxFlex fxLayoutAlign=\"center center\" fxHide.lt-sm>{{option.value}}</span>\n        <span fxFlex.gt-sm class=\"stepper-arrow-text\" *ngIf=\"i < dataField.choices.length - 1\" fxLayoutAlign=\"center center\" fxHide.lt-sm>\n                <mat-icon>arrow_forward_ios</mat-icon>\n            </span>\n    </ng-template>\n    <span class=\"stepper-arrow-text stepper-arrow-selected\" fxShow.lt-sm fxHide.gt-xs\n          fxFlex fxLayoutAlign=\"center center\">{{resolveValue(dataField.value)}}</span>\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;min-width:12px}.horizontal-step{flex:auto;display:flex}.vertical-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}.vertical-step-header:first-child:before{top:44px}.vertical-step-header:not(:first-child):before{top:0}.vertical-step-header:not(:last-child):after{bottom:0}.vertical-step-header:not(:last-child):after,.vertical-step-header:not(:first-child):before{border-left-width:1px;border-left-style:solid;content:\"\";display:inline-block;width:0;position:absolute;height:calc(50% - 20px);left:36px}.vertical-state{color:#fff;border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative}.vertical-state-label{display:inline-block;overflow:hidden;text-overflow:ellipsis;min-width:36px;vertical-align:middle;text-align:center;width:100%;word-wrap:break-word;white-space:break-spaces}.vertical-line{position:relative;border-left-width:1px;border-left-style:solid;flex:auto;height:0;margin:0 36px;min-height:12px}.vertical-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;padding:0 32px}.stepper-arrow-text{font-weight:500;font-size:16px;letter-spacing:-.2;line-height:24px;color:#64748b;cursor:pointer;text-align:center}.stepper-disabled{cursor:unset!important}.stepper-disabled .stepper-arrow-text{color:#94a3b8;cursor:alias}.touch-action-enabled{touch-action:auto!important;-webkit-user-drag:auto!important}@media only screen and (max-width: 959px){.stepper-arrow-text{word-break:break-word}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DATA_FIELD_PORTAL_DATA]
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bWVyYXRpb24tc3RlcHBlci1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9lbnVtZXJhdGlvbi1maWVsZC9lbnVtZXJhdGlvbi1zdGVwcGVyLWZpZWxkL2VudW1lcmF0aW9uLXN0ZXBwZXItZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZW51bWVyYXRpb24tZmllbGQvZW51bWVyYXRpb24tc3RlcHBlci1maWVsZC9lbnVtZXJhdGlvbi1zdGVwcGVyLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBQWMsTUFBTSxFQUFFLFFBQVEsRUFDMUMsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNILHdDQUF3QyxFQUN4QyxzQkFBc0IsRUFFekIsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7O0FBT2xDLE1BQU0sT0FBTyxnQ0FBaUMsU0FBUSx3Q0FBd0M7SUFFcEU7SUFBdEIsWUFBc0IsR0FBZSxFQUNtQixtQkFBMEQ7UUFDOUcsS0FBSyxDQUFDLEdBQUcsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO1FBRmQsUUFBRyxHQUFILEdBQUcsQ0FBWTtJQUdyQyxDQUFDO3dHQUxRLGdDQUFnQyw0Q0FHVCxzQkFBc0I7NEZBSDdDLGdDQUFnQywyRkNkN0MsOG1HQTZDQTs7NEZEL0JhLGdDQUFnQztrQkFMNUMsU0FBUzsrQkFDSSw4QkFBOEI7OzBCQU8zQixRQUFROzswQkFBSSxNQUFNOzJCQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbmplY3QsIE9wdGlvbmFsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdEVudW1lcmF0aW9uU3RlcHBlckZpZWxkQ29tcG9uZW50LFxuICAgIERBVEFfRklFTERfUE9SVEFMX0RBVEEsXG4gICAgRGF0YUZpZWxkUG9ydGFsRGF0YSwgRW51bWVyYXRpb25GaWVsZFxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLWVudW1lcmF0aW9uLXN0ZXBwZXItZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9lbnVtZXJhdGlvbi1zdGVwcGVyLWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9lbnVtZXJhdGlvbi1zdGVwcGVyLWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRW51bWVyYXRpb25TdGVwcGVyRmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEVudW1lcmF0aW9uU3RlcHBlckZpZWxkQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCByZWY6IEVsZW1lbnRSZWYsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBKSBkYXRhRmllbGRQb3J0YWxEYXRhOiBEYXRhRmllbGRQb3J0YWxEYXRhPEVudW1lcmF0aW9uRmllbGQ+KSB7XG4gICAgICAgIHN1cGVyKHJlZiwgZGF0YUZpZWxkUG9ydGFsRGF0YSk7XG4gICAgfVxufVxuIiwiPG1hdC1sYWJlbCBjbGFzcz1cInN0ZXBwZXItbGFiZWwgbmV0Z3JpZi1sYWJlbFwiIFtuZ0NsYXNzXT1cInsnbmV0Z3JpZi1sYWJlbC1kaXNhYmxlZCc6IGZvcm1Db250cm9sUmVmLmRpc2FibGVkfVwiICpuZ0lmPVwiIXNob3dMYXJnZUxheW91dC52YWx1ZSAmJiBoYXNUaXRsZSgpXCJcbiAgICAgICAgICAgbWF0VG9vbHRpcENsYXNzPVwic3RlcHBlci10b29sdGlwLXRleHRcIiBbbWF0VG9vbHRpcF09XCJkYXRhRmllbGQuZGVzY3JpcHRpb25cIiBtYXRUb29sdGlwUG9zaXRpb249XCJyaWdodFwiPlxuICAgIHt7ZGF0YUZpZWxkLnRpdGxlfX1cbiAgICA8bmMtcmVxdWlyZWQtbGFiZWwgKm5nSWY9XCJkYXRhRmllbGQuYmVoYXZpb3IucmVxdWlyZWRcIiBbaXNJbl09XCIhZGF0YUZpZWxkLmRpc2FibGVkXCIgPjwvbmMtcmVxdWlyZWQtbGFiZWw+XG48L21hdC1sYWJlbD5cblxuPGRpdiAqbmdJZj1cIiFhcnJvd1N0ZXBwZXJcIiBbbWF0VG9vbHRpcF09XCJkYXRhRmllbGQuZGVzY3JpcHRpb25cIiBbbmdDbGFzcy5sdC1zbV09XCIndG91Y2gtYWN0aW9uLWVuYWJsZWQnXCJcbiAgICAgY2xhc3M9XCJob3Jpem9udGFsLXN0ZXBwZXJcIiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0Lmx0LXNtPVwiY29sdW1uXCIgbWF0VG9vbHRpcFBvc2l0aW9uPVwiYWJvdmVcIj5cbiAgICA8ZGl2IGNsYXNzPVwiaG9yaXpvbnRhbC1zdGVwXCIgZnhTaG93Lmd0LXhzIGZ4SGlkZS5sdC1zbT5cbiAgICAgICAgPG5nLXRlbXBsYXRlIG5nRm9yIGxldC1vcHRpb24gW25nRm9yT2ZdPVwiZGF0YUZpZWxkLmNob2ljZXNcIiBsZXQtaT1cImluZGV4XCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG9yaXpvbnRhbC1zdGVwLWhlYWRlclwiICNvbmVTdGVwPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3Jpem9udGFsLXN0YXRlXCIgW25nQ2xhc3NdPVwieydob3Jpem9udGFsLXN0YXRlLXByaW1hcnknOiBjYW5TaG93RG9uZUljb24oaSksICdob3Jpem9udGFsLXN0YXRlLXNlY29uZGFyeSc6ICFjYW5TaG93RG9uZUljb24oaSl9XCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cImNhblNob3dEb25lSWNvbihpICsgMSlcIj5kb25lPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG9yaXpvbnRhbC1zdGF0ZS1sYWJlbFwiPnt7b3B0aW9uLnZhbHVlfX08L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhvcml6b250YWwtbGluZVwiIGZ4RmxleCAqbmdJZj1cImkgPCBkYXRhRmllbGQuY2hvaWNlcy5sZW5ndGggLSAxXCI+PC9kaXY+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInZlcnRpY2FsLXN0ZXBcIiBmeExheW91dD1cImNvbHVtblwiIGZ4U2hvdy5sdC1zbSBmeEhpZGUuZ3QteHM+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBuZ0ZvciBsZXQtb3B0aW9uIFtuZ0Zvck9mXT1cImRhdGFGaWVsZC5jaG9pY2VzXCIgbGV0LWk9XCJpbmRleFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZlcnRpY2FsLXN0ZXAtaGVhZGVyXCIgZnhGbGV4IGZ4TGF5b3V0PVwicm93XCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZlcnRpY2FsLXN0YXRlXCJcbiAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnaG9yaXpvbnRhbC1zdGF0ZS1wcmltYXJ5JzogY2FuU2hvd0RvbmVJY29uKGkpLCAnaG9yaXpvbnRhbC1zdGF0ZS1zZWNvbmRhcnknOiAhY2FuU2hvd0RvbmVJY29uKGkpfVwiPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24gKm5nSWY9XCJjYW5TaG93RG9uZUljb24oaSArIDEpXCI+ZG9uZTwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZlcnRpY2FsLXN0YXRlLWxhYmVsXCI+e3tvcHRpb24udmFsdWV9fTwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmVydGljYWwtbGluZVwiIGZ4RmxleCAqbmdJZj1cImkgPCBkYXRhRmllbGQuY2hvaWNlcy5sZW5ndGggLSAxXCI+PC9kaXY+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9kaXY+XG48L2Rpdj5cblxuPGRpdiAqbmdJZj1cImFycm93U3RlcHBlclwiIGNsYXNzPVwic3RlcHBlci1taW4taGVpZ2h0XCIgZnhMYXlvdXRBbGlnbj1cInN0cmV0Y2ggY2VudGVyXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dC5sdC1zbT1cImNvbHVtblwiXG4gICAgIFttYXRUb29sdGlwXT1cImRhdGFGaWVsZC5kZXNjcmlwdGlvblwiIG1hdFRvb2x0aXBQb3NpdGlvbj1cImFib3ZlXCIgW25nQ2xhc3NdPVwieydzdGVwcGVyLWRpc2FibGVkJzogZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWR9XCI+XG4gICAgPG5nLXRlbXBsYXRlIG5nRm9yIGxldC1vcHRpb24gW25nRm9yT2ZdPVwiZGF0YUZpZWxkLmNob2ljZXNcIiBsZXQtaT1cImluZGV4XCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInN0ZXBwZXItYXJyb3ctdGV4dFwiIFtuZ0NsYXNzXT1cInsnc3RlcHBlci1hcnJvdy1zZWxlY3RlZCc6IGlzU2VsZWN0ZWQob3B0aW9uLmtleSl9XCJcbiAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzZXRTdGVwcGVyVmFsdWUob3B0aW9uLmtleSlcIiBmeEZsZXggZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIiBmeEhpZGUubHQtc20+e3tvcHRpb24udmFsdWV9fTwvc3Bhbj5cbiAgICAgICAgPHNwYW4gZnhGbGV4Lmd0LXNtIGNsYXNzPVwic3RlcHBlci1hcnJvdy10ZXh0XCIgKm5nSWY9XCJpIDwgZGF0YUZpZWxkLmNob2ljZXMubGVuZ3RoIC0gMVwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCIgZnhIaWRlLmx0LXNtPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5hcnJvd19mb3J3YXJkX2lvczwvbWF0LWljb24+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8c3BhbiBjbGFzcz1cInN0ZXBwZXItYXJyb3ctdGV4dCBzdGVwcGVyLWFycm93LXNlbGVjdGVkXCIgZnhTaG93Lmx0LXNtIGZ4SGlkZS5ndC14c1xuICAgICAgICAgIGZ4RmxleCBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPnt7cmVzb2x2ZVZhbHVlKGRhdGFGaWVsZC52YWx1ZSl9fTwvc3Bhbj5cbjwvZGl2PlxuIl19

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

@@ -0,0 +1,52 @@
+import { Component, Inject, Optional } from '@angular/core';
+import { DATA_FIELD_PORTAL_DATA, AbstractFileDefaultFieldComponent } from "@netgrif/components-core";
+import { PreviewDialogComponent } from "../preview-dialog/preview-dialog.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@netgrif/components-core";
+import * as i2 from "@ngx-translate/core";
+import * as i3 from "@angular/platform-browser";
+import * as i4 from "@angular/material/dialog";
+import * as i5 from "@angular/common";
+import * as i6 from "@ngbracket/ngx-layout";
+import * as i7 from "@ngbracket/ngx-layout/extended";
+import * as i8 from "@angular/material/button";
+import * as i9 from "@angular/material/icon";
+import * as i10 from "@angular/material/form-field";
+import * as i11 from "@angular/material/progress-bar";
+import * as i12 from "@angular/material/progress-spinner";
+import * as i13 from "@angular/material/tooltip";
+import * as i14 from "@angular/forms";
+import * as i15 from "angular-resize-event";
+import * as i16 from "../../required-label/required-label.component";
+export class FileDefaultFieldComponent extends AbstractFileDefaultFieldComponent {
+    _sanitizer;
+    dialog;
+    constructor(taskResourceService, log, snackbar, translate, eventService, _sanitizer, dialog, dataFieldPortalData) {
+        super(taskResourceService, log, snackbar, translate, eventService, _sanitizer, dataFieldPortalData);
+        this._sanitizer = _sanitizer;
+        this.dialog = dialog;
+    }
+    showPreviewDialog() {
+        super.showPreviewDialog();
+        this.dialog.open(PreviewDialogComponent, {
+            data: {
+                dataField: this.dataField,
+                imagePreview: this.previewSource,
+                imageFull: this.fullSource,
+                extension: this.previewExtension
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FileDefaultFieldComponent, deps: [{ token: i1.TaskResourceService }, { token: i1.LoggerService }, { token: i1.SnackBarService }, { token: i2.TranslateService }, { token: i1.EventService }, { token: i3.DomSanitizer }, { token: i4.MatDialog }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FileDefaultFieldComponent, selector: "nc-file-default-field", usesInheritance: true, ngImport: i0, template: "<div fxLayoutAlign=\"center center\" fxLayout=\"row\">\n    <div fxFlex=\"{{!isFilePreview ? '100' : '75'}}\" [ngClass]=\"{'netgrif-file-padding': !(!dataField.isInvalid(formControlRef) && hasHint()) && !dataField.isInvalid(formControlRef)}\">\n        <div #fileLabel class=\"file-field-label\" [ngClass]=\"{'netgrif-label-disabled': formControlRef.disabled}\">\n            {{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n        </div>\n        <div class=\"form-input button-icon-input full-width\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n             [ngClass]=\"{'form-input-disabled': formControlRef.disabled, 'form-input-error': dataField.isInvalid(formControlRef)}\"\n             [ngStyle]=\"{\n                    '-webkit-clip-path': getCutProperty(fileLabel),\n                    'clip-path': getCutProperty(fileLabel)\n            }\">\n            <button mat-icon-button matPrefix\n                    [disabled]=\"formControlRef.disabled\"\n                    color=\"primary\"\n                    (click)=\"chooseFile()\"\n                    [matTooltip]=\"'dataField.file.clickToUpload' | translate\"\n                    [class.do-not-click]=\"state.uploading\">\n                <mat-icon>file_upload</mat-icon>\n            </button>\n            <span (click)=\"isEmpty() ? chooseFile() : download()\" fxFlex\n                  [matTooltip]=\"isEmpty() ? '' : ('dataField.file.clickToDownload' | translate : {fileName: constructDisplayName()})\"\n                  class=\"input-name-ellipsis\"\n                  [ngClass]=\"{'input-placeholder': isEmpty(), 'no-cursor': isEmpty() && formControlRef.disabled}\">{{constructDisplayName()}}</span>\n            <button (click)=\"showPreviewDialog()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                    *ngIf=\"isFilePreviewButton && !isEmpty() && isDisplayable\">\n                <mat-icon color=\"primary\">search</mat-icon>\n            </button>\n            <button (click)=\"deleteFile()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                    *ngIf=\"!isEmpty() && !formControlRef.disabled\">\n                <mat-icon color=\"warn\">close</mat-icon>\n            </button>\n        </div>\n        <mat-progress-bar *ngIf=\"state.uploading || state.downloading\" color=\"primary\" [value]=\"state.progress\"\n                          [mode]=\"state.uploading ? 'determinate' : 'indeterminate'\"\n                          class=\"margin-bottom-default\"></mat-progress-bar>\n        <input type=\"file\" #fileUploadInput name=\"fileUpload\" [multiple]=\"false\"\n               accept=\"{{dataField.allowTypes}}\" class=\"invisible-input\">\n        <input type=\"text\" [formControl]=\"formControlRef\" class=\"invisible-input\">\n        <mat-hint class=\"file-hint-error\" [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\"\n                  *ngIf=\"!dataField.isInvalid(formControlRef) && hasHint()\">{{dataField.description}}</mat-hint>\n        <mat-error class=\"file-hint-error\"\n                   *ngIf=\"dataField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n    <div *ngIf=\"isFilePreview\" fxFlex=\"5\"></div>\n    <div *ngIf=\"isFilePreview\" fxFlex=\"20\" fxLayout=\"row\" fxLayoutAlign=\"center center\" #imageDiv\n         (resized)=\"changeMaxWidth($event)\">\n        <img *ngIf=\"previewSource !== undefined && !state.downloading && isDisplayable\" class=\"image-preview\" #imageEl\n             [ngStyle]=\"!isBorderLGBTQ() && !isBorderDefault() && {\n                    'border-width': getPreviewBorderWidth(),\n                    'border-style': getPreviewBorderStyle(),\n                    'border-color': getPreviewBorderColor()\n                 }\"\n             [ngClass]=\"{'border-LGBTQ': isBorderLGBTQ(), 'border-default': isBorderDefault()}\"\n             [src]=\"previewSource\" alt=\"Image preview\" (click)=\"showPreviewDialog()\"/>\n        <mat-spinner *ngIf=\"previewSource === undefined && !!state.downloading && isDisplayable\"\n                     [diameter]=\"26\"></mat-spinner>\n    </div>\n</div>\n", styles: [".invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.do-not-click:hover{cursor:not-allowed}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:#64748b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.form-input{background:#fff;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;box-sizing:border-box;height:43px}.form-input:hover{border-width:2px;padding-left:1px!important;padding-right:1px!important}.form-input-disabled,.form-input-disabled:focus-within{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover,.form-input-disabled:focus-within{border-width:1px!important;padding:2px!important}.file-hint-error{padding:0 1em;width:unset}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important;color:#64748b}.border-LGBTQ{border:5px solid transparent;border-image:linear-gradient(to bottom right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);border-image-slice:1;animation:rainbow 10s infinite}@keyframes rainbow{0%{border-image:linear-gradient(to bottom right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);border-image-slice:1}20%{border-image:linear-gradient(to bottom right,#2c90fc,#b8fd33,#fec837,#fd1892,#b827fc);border-image-slice:1}40%{border-image:linear-gradient(to bottom right,#b8fd33,#fec837,#fd1892,#b827fc,#2c90fc);border-image-slice:1}60%{border-image:linear-gradient(to bottom right,#fec837,#fd1892,#b827fc,#2c90fc,#b8fd33);border-image-slice:1}80%{border-image:linear-gradient(to bottom right,#fd1892,#b827fc,#2c90fc,#b8fd33,#fec837);border-image-slice:1}to{border-image:linear-gradient(to bottom right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);border-image-slice:1}}.border-default{border-width:1px;border-style:solid;border-color:#000}@media only screen and (max-width: 959.99px){.input-name-ellipsis{word-break:break-word;white-space:normal;overflow-y:auto;max-height:40px}}.file-field-label{transform:translate(.4em,-.45em) scale(.75);transform-origin:left;color:#64748b;background:transparent;width:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-file-padding{padding-bottom:22px;position:relative}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", 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"] }, { kind: "directive", 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"] }, { kind: "directive", 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"] }, { kind: "directive", 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"] }, { kind: "directive", type: i7.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i10.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i10.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i10.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "component", type: i11.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i12.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i14.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i14.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i14.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i15.ResizedDirective, selector: "[resized]", outputs: ["resized"] }, { kind: "component", type: i16.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FileDefaultFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-file-default-field', template: "<div fxLayoutAlign=\"center center\" fxLayout=\"row\">\n    <div fxFlex=\"{{!isFilePreview ? '100' : '75'}}\" [ngClass]=\"{'netgrif-file-padding': !(!dataField.isInvalid(formControlRef) && hasHint()) && !dataField.isInvalid(formControlRef)}\">\n        <div #fileLabel class=\"file-field-label\" [ngClass]=\"{'netgrif-label-disabled': formControlRef.disabled}\">\n            {{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n        </div>\n        <div class=\"form-input button-icon-input full-width\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n             [ngClass]=\"{'form-input-disabled': formControlRef.disabled, 'form-input-error': dataField.isInvalid(formControlRef)}\"\n             [ngStyle]=\"{\n                    '-webkit-clip-path': getCutProperty(fileLabel),\n                    'clip-path': getCutProperty(fileLabel)\n            }\">\n            <button mat-icon-button matPrefix\n                    [disabled]=\"formControlRef.disabled\"\n                    color=\"primary\"\n                    (click)=\"chooseFile()\"\n                    [matTooltip]=\"'dataField.file.clickToUpload' | translate\"\n                    [class.do-not-click]=\"state.uploading\">\n                <mat-icon>file_upload</mat-icon>\n            </button>\n            <span (click)=\"isEmpty() ? chooseFile() : download()\" fxFlex\n                  [matTooltip]=\"isEmpty() ? '' : ('dataField.file.clickToDownload' | translate : {fileName: constructDisplayName()})\"\n                  class=\"input-name-ellipsis\"\n                  [ngClass]=\"{'input-placeholder': isEmpty(), 'no-cursor': isEmpty() && formControlRef.disabled}\">{{constructDisplayName()}}</span>\n            <button (click)=\"showPreviewDialog()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                    *ngIf=\"isFilePreviewButton && !isEmpty() && isDisplayable\">\n                <mat-icon color=\"primary\">search</mat-icon>\n            </button>\n            <button (click)=\"deleteFile()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                    *ngIf=\"!isEmpty() && !formControlRef.disabled\">\n                <mat-icon color=\"warn\">close</mat-icon>\n            </button>\n        </div>\n        <mat-progress-bar *ngIf=\"state.uploading || state.downloading\" color=\"primary\" [value]=\"state.progress\"\n                          [mode]=\"state.uploading ? 'determinate' : 'indeterminate'\"\n                          class=\"margin-bottom-default\"></mat-progress-bar>\n        <input type=\"file\" #fileUploadInput name=\"fileUpload\" [multiple]=\"false\"\n               accept=\"{{dataField.allowTypes}}\" class=\"invisible-input\">\n        <input type=\"text\" [formControl]=\"formControlRef\" class=\"invisible-input\">\n        <mat-hint class=\"file-hint-error\" [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\"\n                  *ngIf=\"!dataField.isInvalid(formControlRef) && hasHint()\">{{dataField.description}}</mat-hint>\n        <mat-error class=\"file-hint-error\"\n                   *ngIf=\"dataField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n    <div *ngIf=\"isFilePreview\" fxFlex=\"5\"></div>\n    <div *ngIf=\"isFilePreview\" fxFlex=\"20\" fxLayout=\"row\" fxLayoutAlign=\"center center\" #imageDiv\n         (resized)=\"changeMaxWidth($event)\">\n        <img *ngIf=\"previewSource !== undefined && !state.downloading && isDisplayable\" class=\"image-preview\" #imageEl\n             [ngStyle]=\"!isBorderLGBTQ() && !isBorderDefault() && {\n                    'border-width': getPreviewBorderWidth(),\n                    'border-style': getPreviewBorderStyle(),\n                    'border-color': getPreviewBorderColor()\n                 }\"\n             [ngClass]=\"{'border-LGBTQ': isBorderLGBTQ(), 'border-default': isBorderDefault()}\"\n             [src]=\"previewSource\" alt=\"Image preview\" (click)=\"showPreviewDialog()\"/>\n        <mat-spinner *ngIf=\"previewSource === undefined && !!state.downloading && isDisplayable\"\n                     [diameter]=\"26\"></mat-spinner>\n    </div>\n</div>\n", styles: [".invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.do-not-click:hover{cursor:not-allowed}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:#64748b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.form-input{background:#fff;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;box-sizing:border-box;height:43px}.form-input:hover{border-width:2px;padding-left:1px!important;padding-right:1px!important}.form-input-disabled,.form-input-disabled:focus-within{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover,.form-input-disabled:focus-within{border-width:1px!important;padding:2px!important}.file-hint-error{padding:0 1em;width:unset}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important;color:#64748b}.border-LGBTQ{border:5px solid transparent;border-image:linear-gradient(to bottom right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);border-image-slice:1;animation:rainbow 10s infinite}@keyframes rainbow{0%{border-image:linear-gradient(to bottom right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);border-image-slice:1}20%{border-image:linear-gradient(to bottom right,#2c90fc,#b8fd33,#fec837,#fd1892,#b827fc);border-image-slice:1}40%{border-image:linear-gradient(to bottom right,#b8fd33,#fec837,#fd1892,#b827fc,#2c90fc);border-image-slice:1}60%{border-image:linear-gradient(to bottom right,#fec837,#fd1892,#b827fc,#2c90fc,#b8fd33);border-image-slice:1}80%{border-image:linear-gradient(to bottom right,#fd1892,#b827fc,#2c90fc,#b8fd33,#fec837);border-image-slice:1}to{border-image:linear-gradient(to bottom right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);border-image-slice:1}}.border-default{border-width:1px;border-style:solid;border-color:#000}@media only screen and (max-width: 959.99px){.input-name-ellipsis{word-break:break-word;white-space:normal;overflow-y:auto;max-height:40px}}.file-field-label{transform:translate(.4em,-.45em) scale(.75);transform-origin:left;color:#64748b;background:transparent;width:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-file-padding{padding-bottom:22px;position:relative}\n"] }]
+        }], ctorParameters: () => [{ type: i1.TaskResourceService }, { type: i1.LoggerService }, { type: i1.SnackBarService }, { type: i2.TranslateService }, { type: i1.EventService }, { type: i3.DomSanitizer }, { type: i4.MatDialog }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DATA_FIELD_PORTAL_DATA]
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2ZpbGUtZmllbGQvZmlsZS1kZWZhdWx0LWZpZWxkL2ZpbGUtZGVmYXVsdC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9maWxlLWZpZWxkL2ZpbGUtZGVmYXVsdC1maWVsZC9maWxlLWRlZmF1bHQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFDSCxzQkFBc0IsRUFLdEIsaUNBQWlDLEVBQ3BDLE1BQU0sMEJBQTBCLENBQUM7QUFJbEMsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sNENBQTRDLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQU9sRixNQUFNLE9BQU8seUJBQTBCLFNBQVEsaUNBQWlDO0lBT3REO0lBQ0E7SUFOdEIsWUFBWSxtQkFBd0MsRUFDeEMsR0FBa0IsRUFDbEIsUUFBeUIsRUFDekIsU0FBMkIsRUFDM0IsWUFBMEIsRUFDaEIsVUFBd0IsRUFDeEIsTUFBaUIsRUFDaUIsbUJBQW1EO1FBQ3ZHLEtBQUssQ0FBQyxtQkFBbUIsRUFBRSxHQUFHLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLG1CQUFtQixDQUFDLENBQUM7UUFIbEYsZUFBVSxHQUFWLFVBQVUsQ0FBYztRQUN4QixXQUFNLEdBQU4sTUFBTSxDQUFXO0lBR3ZDLENBQUM7SUFFTSxpQkFBaUI7UUFDcEIsS0FBSyxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsc0JBQXNCLEVBQUU7WUFDckMsSUFBSSxFQUFFO2dCQUNGLFNBQVMsRUFBRSxJQUFJLENBQUMsU0FBUztnQkFDekIsWUFBWSxFQUFFLElBQUksQ0FBQyxhQUFhO2dCQUNoQyxTQUFTLEVBQUUsSUFBSSxDQUFDLFVBQVU7Z0JBQzFCLFNBQVMsRUFBRSxJQUFJLENBQUMsZ0JBQWdCO2FBQ25DO1NBQ0osQ0FBQyxDQUFDO0lBQ1AsQ0FBQzt3R0F2QlEseUJBQXlCLGtPQVNGLHNCQUFzQjs0RkFUN0MseUJBQXlCLG9GQ25CdEMseXNJQTJEQTs7NEZEeENhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSx1QkFBdUI7OzBCQWFsQixRQUFROzswQkFBSSxNQUFNOzJCQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgREFUQV9GSUVMRF9QT1JUQUxfREFUQSwgRGF0YUZpZWxkUG9ydGFsRGF0YSxcbiAgICBFdmVudFNlcnZpY2UsIEZpbGVGaWVsZCxcbiAgICBMb2dnZXJTZXJ2aWNlLFxuICAgIFNuYWNrQmFyU2VydmljZSxcbiAgICBUYXNrUmVzb3VyY2VTZXJ2aWNlLFxuICAgIEFic3RyYWN0RmlsZURlZmF1bHRGaWVsZENvbXBvbmVudFxufSBmcm9tIFwiQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlXCI7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gXCJAbmd4LXRyYW5zbGF0ZS9jb3JlXCI7XG5pbXBvcnQge0RvbVNhbml0aXplcn0gZnJvbSBcIkBhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXJcIjtcbmltcG9ydCB7TWF0RGlhbG9nfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nXCI7XG5pbXBvcnQge1ByZXZpZXdEaWFsb2dDb21wb25lbnR9IGZyb20gXCIuLi9wcmV2aWV3LWRpYWxvZy9wcmV2aWV3LWRpYWxvZy5jb21wb25lbnRcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmMtZmlsZS1kZWZhdWx0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtZGVmYXVsdC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZpbGUtZGVmYXVsdC1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZpbGVEZWZhdWx0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEZpbGVEZWZhdWx0RmllbGRDb21wb25lbnR7XG5cbiAgICBjb25zdHJ1Y3Rvcih0YXNrUmVzb3VyY2VTZXJ2aWNlOiBUYXNrUmVzb3VyY2VTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIGxvZzogTG9nZ2VyU2VydmljZSxcbiAgICAgICAgICAgICAgICBzbmFja2JhcjogU25hY2tCYXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICAgICAgICAgICAgICBldmVudFNlcnZpY2U6IEV2ZW50U2VydmljZSxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgX3Nhbml0aXplcjogRG9tU2FuaXRpemVyLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBkaWFsb2c6IE1hdERpYWxvZyxcbiAgICAgICAgICAgICAgICBAT3B0aW9uYWwoKSBASW5qZWN0KERBVEFfRklFTERfUE9SVEFMX0RBVEEpIGRhdGFGaWVsZFBvcnRhbERhdGE6IERhdGFGaWVsZFBvcnRhbERhdGE8RmlsZUZpZWxkPikge1xuICAgICAgICBzdXBlcih0YXNrUmVzb3VyY2VTZXJ2aWNlLCBsb2csIHNuYWNrYmFyLCB0cmFuc2xhdGUsIGV2ZW50U2VydmljZSwgX3Nhbml0aXplciwgZGF0YUZpZWxkUG9ydGFsRGF0YSk7XG4gICAgfVxuXG4gICAgcHVibGljIHNob3dQcmV2aWV3RGlhbG9nKCkge1xuICAgICAgICBzdXBlci5zaG93UHJldmlld0RpYWxvZygpO1xuICAgICAgICB0aGlzLmRpYWxvZy5vcGVuKFByZXZpZXdEaWFsb2dDb21wb25lbnQsIHtcbiAgICAgICAgICAgIGRhdGE6IHtcbiAgICAgICAgICAgICAgICBkYXRhRmllbGQ6IHRoaXMuZGF0YUZpZWxkLFxuICAgICAgICAgICAgICAgIGltYWdlUHJldmlldzogdGhpcy5wcmV2aWV3U291cmNlLFxuICAgICAgICAgICAgICAgIGltYWdlRnVsbDogdGhpcy5mdWxsU291cmNlLFxuICAgICAgICAgICAgICAgIGV4dGVuc2lvbjogdGhpcy5wcmV2aWV3RXh0ZW5zaW9uXG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxufVxuIiwiPGRpdiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiIGZ4TGF5b3V0PVwicm93XCI+XG4gICAgPGRpdiBmeEZsZXg9XCJ7eyFpc0ZpbGVQcmV2aWV3ID8gJzEwMCcgOiAnNzUnfX1cIiBbbmdDbGFzc109XCJ7J25ldGdyaWYtZmlsZS1wYWRkaW5nJzogISghZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZikgJiYgaGFzSGludCgpKSAmJiAhZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZil9XCI+XG4gICAgICAgIDxkaXYgI2ZpbGVMYWJlbCBjbGFzcz1cImZpbGUtZmllbGQtbGFiZWxcIiBbbmdDbGFzc109XCJ7J25ldGdyaWYtbGFiZWwtZGlzYWJsZWQnOiBmb3JtQ29udHJvbFJlZi5kaXNhYmxlZH1cIj5cbiAgICAgICAgICAgIHt7ZGF0YUZpZWxkLnRpdGxlfX1cbiAgICAgICAgICAgIDxuYy1yZXF1aXJlZC1sYWJlbCAqbmdJZj1cImRhdGFGaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiIFtpc0luXT1cIiFkYXRhRmllbGQuZGlzYWJsZWRcIj48L25jLXJlcXVpcmVkLWxhYmVsPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0taW5wdXQgYnV0dG9uLWljb24taW5wdXQgZnVsbC13aWR0aFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiXG4gICAgICAgICAgICAgW25nQ2xhc3NdPVwieydmb3JtLWlucHV0LWRpc2FibGVkJzogZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWQsICdmb3JtLWlucHV0LWVycm9yJzogZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZil9XCJcbiAgICAgICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgICAgICAgICAgICctd2Via2l0LWNsaXAtcGF0aCc6IGdldEN1dFByb3BlcnR5KGZpbGVMYWJlbCksXG4gICAgICAgICAgICAgICAgICAgICdjbGlwLXBhdGgnOiBnZXRDdXRQcm9wZXJ0eShmaWxlTGFiZWwpXG4gICAgICAgICAgICB9XCI+XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBtYXRQcmVmaXhcbiAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImZvcm1Db250cm9sUmVmLmRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImNob29zZUZpbGUoKVwiXG4gICAgICAgICAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIidkYXRhRmllbGQuZmlsZS5jbGlja1RvVXBsb2FkJyB8IHRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgIFtjbGFzcy5kby1ub3QtY2xpY2tdPVwic3RhdGUudXBsb2FkaW5nXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uPmZpbGVfdXBsb2FkPC9tYXQtaWNvbj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPHNwYW4gKGNsaWNrKT1cImlzRW1wdHkoKSA/IGNob29zZUZpbGUoKSA6IGRvd25sb2FkKClcIiBmeEZsZXhcbiAgICAgICAgICAgICAgICAgIFttYXRUb29sdGlwXT1cImlzRW1wdHkoKSA/ICcnIDogKCdkYXRhRmllbGQuZmlsZS5jbGlja1RvRG93bmxvYWQnIHwgdHJhbnNsYXRlIDoge2ZpbGVOYW1lOiBjb25zdHJ1Y3REaXNwbGF5TmFtZSgpfSlcIlxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJpbnB1dC1uYW1lLWVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnaW5wdXQtcGxhY2Vob2xkZXInOiBpc0VtcHR5KCksICduby1jdXJzb3InOiBpc0VtcHR5KCkgJiYgZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWR9XCI+e3tjb25zdHJ1Y3REaXNwbGF5TmFtZSgpfX08L3NwYW4+XG4gICAgICAgICAgICA8YnV0dG9uIChjbGljayk9XCJzaG93UHJldmlld0RpYWxvZygpXCIgW21hdFRvb2x0aXBdPVwiJ2RhdGFGaWVsZC5maWxlLmNsaWNrVG9EZWxldGUnIHwgdHJhbnNsYXRlXCIgbWF0LWljb24tYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiaXNGaWxlUHJldmlld0J1dHRvbiAmJiAhaXNFbXB0eSgpICYmIGlzRGlzcGxheWFibGVcIj5cbiAgICAgICAgICAgICAgICA8bWF0LWljb24gY29sb3I9XCJwcmltYXJ5XCI+c2VhcmNoPC9tYXQtaWNvbj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwiZGVsZXRlRmlsZSgpXCIgW21hdFRvb2x0aXBdPVwiJ2RhdGFGaWVsZC5maWxlLmNsaWNrVG9EZWxldGUnIHwgdHJhbnNsYXRlXCIgbWF0LWljb24tYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiIWlzRW1wdHkoKSAmJiAhZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWRcIj5cbiAgICAgICAgICAgICAgICA8bWF0LWljb24gY29sb3I9XCJ3YXJuXCI+Y2xvc2U8L21hdC1pY29uPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8bWF0LXByb2dyZXNzLWJhciAqbmdJZj1cInN0YXRlLnVwbG9hZGluZyB8fCBzdGF0ZS5kb3dubG9hZGluZ1wiIGNvbG9yPVwicHJpbWFyeVwiIFt2YWx1ZV09XCJzdGF0ZS5wcm9ncmVzc1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFttb2RlXT1cInN0YXRlLnVwbG9hZGluZyA/ICdkZXRlcm1pbmF0ZScgOiAnaW5kZXRlcm1pbmF0ZSdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm1hcmdpbi1ib3R0b20tZGVmYXVsdFwiPjwvbWF0LXByb2dyZXNzLWJhcj5cbiAgICAgICAgPGlucHV0IHR5cGU9XCJmaWxlXCIgI2ZpbGVVcGxvYWRJbnB1dCBuYW1lPVwiZmlsZVVwbG9hZFwiIFttdWx0aXBsZV09XCJmYWxzZVwiXG4gICAgICAgICAgICAgICBhY2NlcHQ9XCJ7e2RhdGFGaWVsZC5hbGxvd1R5cGVzfX1cIiBjbGFzcz1cImludmlzaWJsZS1pbnB1dFwiPlxuICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xSZWZcIiBjbGFzcz1cImludmlzaWJsZS1pbnB1dFwiPlxuICAgICAgICA8bWF0LWhpbnQgY2xhc3M9XCJmaWxlLWhpbnQtZXJyb3JcIiBbbmdDbGFzc109XCJ7J21hdC1oaW50LWRpc2FibGVkJzogZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWR9XCJcbiAgICAgICAgICAgICAgICAgICpuZ0lmPVwiIWRhdGFGaWVsZC5pc0ludmFsaWQoZm9ybUNvbnRyb2xSZWYpICYmIGhhc0hpbnQoKVwiPnt7ZGF0YUZpZWxkLmRlc2NyaXB0aW9ufX08L21hdC1oaW50PlxuICAgICAgICA8bWF0LWVycm9yIGNsYXNzPVwiZmlsZS1oaW50LWVycm9yXCJcbiAgICAgICAgICAgICAgICAgICAqbmdJZj1cImRhdGFGaWVsZC5pc0ludmFsaWQoZm9ybUNvbnRyb2xSZWYpXCI+e3snZGF0YUZpZWxkLnZhbGlkYXRpb25zLnJlcXVpcmVkJyB8IHRyYW5zbGF0ZX19PC9tYXQtZXJyb3I+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cImlzRmlsZVByZXZpZXdcIiBmeEZsZXg9XCI1XCI+PC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cImlzRmlsZVByZXZpZXdcIiBmeEZsZXg9XCIyMFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIiAjaW1hZ2VEaXZcbiAgICAgICAgIChyZXNpemVkKT1cImNoYW5nZU1heFdpZHRoKCRldmVudClcIj5cbiAgICAgICAgPGltZyAqbmdJZj1cInByZXZpZXdTb3VyY2UgIT09IHVuZGVmaW5lZCAmJiAhc3RhdGUuZG93bmxvYWRpbmcgJiYgaXNEaXNwbGF5YWJsZVwiIGNsYXNzPVwiaW1hZ2UtcHJldmlld1wiICNpbWFnZUVsXG4gICAgICAgICAgICAgW25nU3R5bGVdPVwiIWlzQm9yZGVyTEdCVFEoKSAmJiAhaXNCb3JkZXJEZWZhdWx0KCkgJiYge1xuICAgICAgICAgICAgICAgICAgICAnYm9yZGVyLXdpZHRoJzogZ2V0UHJldmlld0JvcmRlcldpZHRoKCksXG4gICAgICAgICAgICAgICAgICAgICdib3JkZXItc3R5bGUnOiBnZXRQcmV2aWV3Qm9yZGVyU3R5bGUoKSxcbiAgICAgICAgICAgICAgICAgICAgJ2JvcmRlci1jb2xvcic6IGdldFByZXZpZXdCb3JkZXJDb2xvcigpXG4gICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnYm9yZGVyLUxHQlRRJzogaXNCb3JkZXJMR0JUUSgpLCAnYm9yZGVyLWRlZmF1bHQnOiBpc0JvcmRlckRlZmF1bHQoKX1cIlxuICAgICAgICAgICAgIFtzcmNdPVwicHJldmlld1NvdXJjZVwiIGFsdD1cIkltYWdlIHByZXZpZXdcIiAoY2xpY2spPVwic2hvd1ByZXZpZXdEaWFsb2coKVwiLz5cbiAgICAgICAgPG1hdC1zcGlubmVyICpuZ0lmPVwicHJldmlld1NvdXJjZSA9PT0gdW5kZWZpbmVkICYmICEhc3RhdGUuZG93bmxvYWRpbmcgJiYgaXNEaXNwbGF5YWJsZVwiXG4gICAgICAgICAgICAgICAgICAgICBbZGlhbWV0ZXJdPVwiMjZcIj48L21hdC1zcGlubmVyPlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=

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

@@ -1,8 +1,8 @@
 import { Component, Inject, Optional } from '@angular/core';
 import { AbstractFileFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA, } from '@netgrif/components-core';
 import * as i0 from "@angular/core";
-import * as i1 from "../data-field-template/data-field-template.component";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "../data-field-template/data-field-template.component";
 /**
  * @deprecated
  * */
@@ -10,16 +10,16 @@ export class FileFieldComponent extends AbstractFileFieldComponent {
     constructor(informAboutInvalidData) {
         super(informAboutInvalidData);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FileFieldComponent, deps: [{ token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FileFieldComponent, selector: "nc-file-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [additionalFieldProperties]=\"{taskId}\"\n                        [dataField]=\"dataField\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DataFieldTemplateComponent, selector: "nc-data-field-template" }] });
 }
-FileFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FileFieldComponent, deps: [{ token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-FileFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FileFieldComponent, selector: "nc-file-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [additionalFieldProperties]=\"{taskId}\"\n                        [dataField]=\"dataField\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n", styles: [""], components: [{ type: i1.DataFieldTemplateComponent, selector: "nc-data-field-template" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FileFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FileFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-file-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [additionalFieldProperties]=\"{taskId}\"\n                        [dataField]=\"dataField\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n", styles: [""] }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+            args: [{ selector: 'nc-file-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [additionalFieldProperties]=\"{taskId}\"\n                        [dataField]=\"dataField\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [NAE_INFORM_ABOUT_INVALID_DATA]
-                }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9maWxlLWZpZWxkL2ZpbGUtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZmlsZS1maWVsZC9maWxlLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQ0gsMEJBQTBCLEVBQzFCLDZCQUE2QixHQUNoQyxNQUFNLDBCQUEwQixDQUFDOzs7O0FBRWxDOztLQUVLO0FBTUwsTUFBTSxPQUFPLGtCQUFtQixTQUFRLDBCQUEwQjtJQUU5RCxZQUErRCxzQkFBc0M7UUFDakcsS0FBSyxDQUFDLHNCQUFzQixDQUFDLENBQUM7SUFDbEMsQ0FBQzs7Z0hBSlEsa0JBQWtCLGtCQUVLLDZCQUE2QjtvR0FGcEQsa0JBQWtCLDRFQ2QvQixrUUFLQTs0RkRTYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0ksZUFBZTs7MEJBTVosUUFBUTs7MEJBQUksTUFBTTsyQkFBQyw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0RmlsZUZpZWxkQ29tcG9uZW50LFxuICAgIE5BRV9JTkZPUk1fQUJPVVRfSU5WQUxJRF9EQVRBLFxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG4vKipcbiAqIEBkZXByZWNhdGVkXG4gKiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1maWxlLWZpZWxkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZmlsZS1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZmlsZS1maWVsZC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGaWxlRmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEZpbGVGaWVsZENvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBASW5qZWN0KE5BRV9JTkZPUk1fQUJPVVRfSU5WQUxJRF9EQVRBKSBpbmZvcm1BYm91dEludmFsaWREYXRhOiBib29sZWFuIHwgbnVsbCkge1xuICAgICAgICBzdXBlcihpbmZvcm1BYm91dEludmFsaWREYXRhKTtcbiAgICB9XG59XG5cbiIsIjxuYy1kYXRhLWZpZWxkLXRlbXBsYXRlICpuZ0lmPVwiIWRhdGFGaWVsZC5iZWhhdmlvci5oaWRkZW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2FkZGl0aW9uYWxGaWVsZFByb3BlcnRpZXNdPVwie3Rhc2tJZH1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFGaWVsZF09XCJkYXRhRmllbGRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW29mZnNldF09XCJ0YXNrT2Zmc2V0XCI+XG48L25jLWRhdGEtZmllbGQtdGVtcGxhdGU+XG4iXX0=
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9maWxlLWZpZWxkL2ZpbGUtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZmlsZS1maWVsZC9maWxlLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQ0gsMEJBQTBCLEVBQzFCLDZCQUE2QixHQUNoQyxNQUFNLDBCQUEwQixDQUFDOzs7O0FBRWxDOztLQUVLO0FBTUwsTUFBTSxPQUFPLGtCQUFtQixTQUFRLDBCQUEwQjtJQUU5RCxZQUErRCxzQkFBc0M7UUFDakcsS0FBSyxDQUFDLHNCQUFzQixDQUFDLENBQUM7SUFDbEMsQ0FBQzt3R0FKUSxrQkFBa0Isa0JBRUssNkJBQTZCOzRGQUZwRCxrQkFBa0IsNEVDZC9CLGtRQUtBOzs0RkRTYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0ksZUFBZTs7MEJBTVosUUFBUTs7MEJBQUksTUFBTTsyQkFBQyw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0RmlsZUZpZWxkQ29tcG9uZW50LFxuICAgIE5BRV9JTkZPUk1fQUJPVVRfSU5WQUxJRF9EQVRBLFxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG4vKipcbiAqIEBkZXByZWNhdGVkXG4gKiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1maWxlLWZpZWxkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZmlsZS1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZmlsZS1maWVsZC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGaWxlRmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEZpbGVGaWVsZENvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBASW5qZWN0KE5BRV9JTkZPUk1fQUJPVVRfSU5WQUxJRF9EQVRBKSBpbmZvcm1BYm91dEludmFsaWREYXRhOiBib29sZWFuIHwgbnVsbCkge1xuICAgICAgICBzdXBlcihpbmZvcm1BYm91dEludmFsaWREYXRhKTtcbiAgICB9XG59XG5cbiIsIjxuYy1kYXRhLWZpZWxkLXRlbXBsYXRlICpuZ0lmPVwiIWRhdGFGaWVsZC5iZWhhdmlvci5oaWRkZW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2FkZGl0aW9uYWxGaWVsZFByb3BlcnRpZXNdPVwie3Rhc2tJZH1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFGaWVsZF09XCJkYXRhRmllbGRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW29mZnNldF09XCJ0YXNrT2Zmc2V0XCI+XG48L25jLWRhdGEtZmllbGQtdGVtcGxhdGU+XG4iXX0=

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

@@ -0,0 +1,35 @@
+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/common";
+import * as i2 from "@ngbracket/ngx-layout";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@angular/material/dialog";
+import * as i5 from "@angular/material/icon";
+export class PreviewDialogComponent {
+    data;
+    image;
+    constructor(data) {
+        this.data = data;
+        data.imageFull.subscribe(imageSource => {
+            this.image = imageSource;
+        });
+    }
+    fullImageExists() {
+        return !!this.image;
+    }
+    isPdf() {
+        return this.data.extension === FilePreviewType.pdf;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PreviewDialogComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PreviewDialogComponent, selector: "nc-preview-dialog", ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\">\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 fxFlex></div>\n    <button mat-icon-button [mat-dialog-close]=\"true\">\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n\n<div mat-dialog-content fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"fit-content\">\n    <img class=\"image-size\" *ngIf=\"!fullImageExists()\" [src]=\"data.imagePreview\" alt=\"Image preview\"/>\n    <img class=\"image-size\" *ngIf=\"fullImageExists() && !isPdf()\" [src]=\"image\" alt=\"Image\"/>\n    <embed class=\"pdf-view\" *ngIf=\"fullImageExists() && isPdf()\" [src]=\"image\" [type]=\"'application/pdf'\" />\n</div>\n", styles: [".image-size{height:64vh}.close{float:right;top:-24px;right:-24px}.pdf-view{width:50vw;height:64vh}.fit-content{height:fit-content}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PreviewDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-preview-dialog', template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\">\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 fxFlex></div>\n    <button mat-icon-button [mat-dialog-close]=\"true\">\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n\n<div mat-dialog-content fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"fit-content\">\n    <img class=\"image-size\" *ngIf=\"!fullImageExists()\" [src]=\"data.imagePreview\" alt=\"Image preview\"/>\n    <img class=\"image-size\" *ngIf=\"fullImageExists() && !isPdf()\" [src]=\"image\" alt=\"Image\"/>\n    <embed class=\"pdf-view\" *ngIf=\"fullImageExists() && isPdf()\" [src]=\"image\" [type]=\"'application/pdf'\" />\n</div>\n", styles: [".image-size{height:64vh}.close{float:right;top:-24px;right:-24px}.pdf-view{width:50vw;height:64vh}.fit-content{height:fit-content}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZmlsZS1maWVsZC9wcmV2aWV3LWRpYWxvZy9wcmV2aWV3LWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9maWxlLWZpZWxkL3ByZXZpZXctZGlhbG9nL3ByZXZpZXctZGlhbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQ3hELE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUMsZUFBZSxFQUFvQixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7O0FBUzVFLE1BQU0sT0FBTyxzQkFBc0I7SUFHYTtJQUY1QyxLQUFLLENBQVU7SUFFZixZQUE0QyxJQUF1QjtRQUF2QixTQUFJLEdBQUosSUFBSSxDQUFtQjtRQUMvRCxJQUFJLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsRUFBRTtZQUNuQyxJQUFJLENBQUMsS0FBSyxHQUFHLFdBQVcsQ0FBQztRQUM3QixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxlQUFlO1FBQ1gsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztJQUN4QixDQUFDO0lBRUQsS0FBSztRQUNELE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEtBQUssZUFBZSxDQUFDLEdBQUcsQ0FBQztJQUN2RCxDQUFDO3dHQWZRLHNCQUFzQixrQkFHWCxlQUFlOzRGQUgxQixzQkFBc0IseURDWG5DLHl5QkFjQTs7NEZESGEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNJLG1CQUFtQjs7MEJBT2hCLE1BQU07MkJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge01BVF9ESUFMT0dfREFUQX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7RmlsZVByZXZpZXdUeXBlLCBQcmV2aWV3RGlhbG9nRGF0YX0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7U2FmZVVybH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1wcmV2aWV3LWRpYWxvZycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3ByZXZpZXctZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9wcmV2aWV3LWRpYWxvZy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFByZXZpZXdEaWFsb2dDb21wb25lbnQge1xuICAgIGltYWdlOiBTYWZlVXJsO1xuXG4gICAgY29uc3RydWN0b3IoQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBQcmV2aWV3RGlhbG9nRGF0YSkge1xuICAgICAgICBkYXRhLmltYWdlRnVsbC5zdWJzY3JpYmUoaW1hZ2VTb3VyY2UgPT4ge1xuICAgICAgICAgICAgdGhpcy5pbWFnZSA9IGltYWdlU291cmNlO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBmdWxsSW1hZ2VFeGlzdHMoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiAhIXRoaXMuaW1hZ2U7XG4gICAgfVxuXG4gICAgaXNQZGYoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmRhdGEuZXh0ZW5zaW9uID09PSBGaWxlUHJldmlld1R5cGUucGRmO1xuICAgIH1cbn1cbiIsIjxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCI+XG4gICAgPGgxIG1hdC1kaWFsb2ctdGl0bGUgKm5nSWY9XCIhaXNQZGYoKVwiPkltYWdlOiB7e2RhdGEuZGF0YUZpZWxkLnZhbHVlLm5hbWV9fTwvaDE+XG4gICAgPGgxIG1hdC1kaWFsb2ctdGl0bGUgKm5nSWY9XCJpc1BkZigpXCI+UERGOiB7e2RhdGEuZGF0YUZpZWxkLnZhbHVlLm5hbWV9fTwvaDE+XG4gICAgPGRpdiBmeEZsZXg+PC9kaXY+XG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gW21hdC1kaWFsb2ctY2xvc2VdPVwidHJ1ZVwiPlxuICAgICAgICA8bWF0LWljb24+Y2xvc2U8L21hdC1pY29uPlxuICAgIDwvYnV0dG9uPlxuPC9kaXY+XG5cbjxkaXYgbWF0LWRpYWxvZy1jb250ZW50IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIiBjbGFzcz1cImZpdC1jb250ZW50XCI+XG4gICAgPGltZyBjbGFzcz1cImltYWdlLXNpemVcIiAqbmdJZj1cIiFmdWxsSW1hZ2VFeGlzdHMoKVwiIFtzcmNdPVwiZGF0YS5pbWFnZVByZXZpZXdcIiBhbHQ9XCJJbWFnZSBwcmV2aWV3XCIvPlxuICAgIDxpbWcgY2xhc3M9XCJpbWFnZS1zaXplXCIgKm5nSWY9XCJmdWxsSW1hZ2VFeGlzdHMoKSAmJiAhaXNQZGYoKVwiIFtzcmNdPVwiaW1hZ2VcIiBhbHQ9XCJJbWFnZVwiLz5cbiAgICA8ZW1iZWQgY2xhc3M9XCJwZGYtdmlld1wiICpuZ0lmPVwiZnVsbEltYWdlRXhpc3RzKCkgJiYgaXNQZGYoKVwiIFtzcmNdPVwiaW1hZ2VcIiBbdHlwZV09XCInYXBwbGljYXRpb24vcGRmJ1wiIC8+XG48L2Rpdj5cbiJdfQ==

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

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

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

@@ -1,8 +1,8 @@
 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 "../data-field-template/data-field-template.component";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "../data-field-template/data-field-template.component";
 /**
  * @deprecated
  * */
@@ -10,16 +10,16 @@ export class FileListFieldComponent extends AbstractFileListFieldComponent {
     constructor(informAboutInvalidData) {
         super(informAboutInvalidData);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FileListFieldComponent, deps: [{ token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FileListFieldComponent, selector: "nc-file-list-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [additionalFieldProperties]=\"{taskId}\"\n                        [dataField]=\"dataField\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DataFieldTemplateComponent, selector: "nc-data-field-template" }] });
 }
-FileListFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FileListFieldComponent, deps: [{ token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-FileListFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FileListFieldComponent, selector: "nc-file-list-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [additionalFieldProperties]=\"{taskId}\"\n                        [dataField]=\"dataField\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n", styles: [""], components: [{ type: i1.DataFieldTemplateComponent, selector: "nc-data-field-template" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FileListFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FileListFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-file-list-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [additionalFieldProperties]=\"{taskId}\"\n                        [dataField]=\"dataField\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n", styles: [""] }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+            args: [{ selector: 'nc-file-list-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [additionalFieldProperties]=\"{taskId}\"\n                        [dataField]=\"dataField\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [NAE_INFORM_ABOUT_INVALID_DATA]
-                }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1saXN0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2ZpbGUtbGlzdC1maWVsZC9maWxlLWxpc3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZmlsZS1saXN0LWZpZWxkL2ZpbGUtbGlzdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUNILDhCQUE4QixFQUM5Qiw2QkFBNkIsR0FDaEMsTUFBTSwwQkFBMEIsQ0FBQzs7OztBQUVsQzs7S0FFSztBQU1MLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSw4QkFBOEI7SUFFdEUsWUFBK0Qsc0JBQXNDO1FBQ2pHLEtBQUssQ0FBRSxzQkFBc0IsQ0FBQyxDQUFDO0lBQ25DLENBQUM7O29IQUpRLHNCQUFzQixrQkFFQyw2QkFBNkI7d0dBRnBELHNCQUFzQixpRkNkbkMsa1FBS0E7NEZEU2Esc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNJLG9CQUFvQjs7MEJBTWpCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdEZpbGVMaXN0RmllbGRDb21wb25lbnQsXG4gICAgTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEEsXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbi8qKlxuICogQGRlcHJlY2F0ZWRcbiAqICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLWZpbGUtbGlzdC1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtbGlzdC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZmlsZS1saXN0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRmlsZUxpc3RGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RmlsZUxpc3RGaWVsZENvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBASW5qZWN0KE5BRV9JTkZPUk1fQUJPVVRfSU5WQUxJRF9EQVRBKSBpbmZvcm1BYm91dEludmFsaWREYXRhOiBib29sZWFuIHwgbnVsbCkge1xuICAgICAgICBzdXBlciggaW5mb3JtQWJvdXRJbnZhbGlkRGF0YSk7XG4gICAgfVxufVxuIiwiPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9XCIhZGF0YUZpZWxkLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbYWRkaXRpb25hbEZpZWxkUHJvcGVydGllc109XCJ7dGFza0lkfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbb2Zmc2V0XT1cInRhc2tPZmZzZXRcIj5cbjwvbmMtZGF0YS1maWVsZC10ZW1wbGF0ZT5cbiJdfQ==
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1saXN0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2ZpbGUtbGlzdC1maWVsZC9maWxlLWxpc3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZmlsZS1saXN0LWZpZWxkL2ZpbGUtbGlzdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUNILDhCQUE4QixFQUM5Qiw2QkFBNkIsR0FDaEMsTUFBTSwwQkFBMEIsQ0FBQzs7OztBQUVsQzs7S0FFSztBQU1MLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSw4QkFBOEI7SUFFdEUsWUFBK0Qsc0JBQXNDO1FBQ2pHLEtBQUssQ0FBRSxzQkFBc0IsQ0FBQyxDQUFDO0lBQ25DLENBQUM7d0dBSlEsc0JBQXNCLGtCQUVDLDZCQUE2Qjs0RkFGcEQsc0JBQXNCLGlGQ2RuQyxrUUFLQTs7NEZEU2Esc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNJLG9CQUFvQjs7MEJBTWpCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdEZpbGVMaXN0RmllbGRDb21wb25lbnQsXG4gICAgTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEEsXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbi8qKlxuICogQGRlcHJlY2F0ZWRcbiAqICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLWZpbGUtbGlzdC1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtbGlzdC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZmlsZS1saXN0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRmlsZUxpc3RGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RmlsZUxpc3RGaWVsZENvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBASW5qZWN0KE5BRV9JTkZPUk1fQUJPVVRfSU5WQUxJRF9EQVRBKSBpbmZvcm1BYm91dEludmFsaWREYXRhOiBib29sZWFuIHwgbnVsbCkge1xuICAgICAgICBzdXBlciggaW5mb3JtQWJvdXRJbnZhbGlkRGF0YSk7XG4gICAgfVxufVxuIiwiPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9XCIhZGF0YUZpZWxkLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbYWRkaXRpb25hbEZpZWxkUHJvcGVydGllc109XCJ7dGFza0lkfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbb2Zmc2V0XT1cInRhc2tPZmZzZXRcIj5cbjwvbmMtZGF0YS1maWVsZC10ZW1wbGF0ZT5cbiJdfQ==

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

@@ -15,16 +15,16 @@ export class FilterDefaultFieldComponent extends AbstractFilterDefaultFieldCompo
         }
         return FilterFieldContentComponent;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterDefaultFieldComponent, deps: [{ token: i0.Injector }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FilterDefaultFieldComponent, selector: "nc-filter-default-field", usesInheritance: true, ngImport: i0, template: "<ng-template [ngIf]=\"initialized\">\n    <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }] });
 }
-FilterDefaultFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterDefaultFieldComponent, deps: [{ token: i0.Injector }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-FilterDefaultFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FilterDefaultFieldComponent, selector: "nc-filter-default-field", usesInheritance: true, ngImport: i0, template: "<ng-template [ngIf]=\"initialized\">\n    <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n</ng-template>\n", styles: [""], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterDefaultFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterDefaultFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-filter-default-field', template: "<ng-template [ngIf]=\"initialized\">\n    <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n</ng-template>\n", styles: [""] }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: undefined, decorators: [{
+            args: [{ selector: 'nc-filter-default-field', template: "<ng-template [ngIf]=\"initialized\">\n    <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [DATA_FIELD_PORTAL_DATA]
-                }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWRlZmF1bHQtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZmlsdGVyLWZpZWxkL2ZpbHRlci1kZWZhdWx0LWZpZWxkL2ZpbHRlci1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2ZpbHRlci1maWVsZC9maWx0ZXItZGVmYXVsdC1maWVsZC9maWx0ZXItZGVmYXVsdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBWSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFcEUsT0FBTyxFQUFDLGtDQUFrQyxFQUFDLE1BQU0sa0VBQWtFLENBQUM7QUFDcEgsT0FBTyxFQUFDLDJCQUEyQixFQUFDLE1BQU0sd0RBQXdELENBQUM7QUFDbkcsT0FBTyxFQUNILHNCQUFzQixFQUl0QixTQUFTLEVBQUUsbUNBQW1DLEVBQ2pELE1BQU0sMEJBQTBCLENBQUM7Ozs7QUFPbEMsTUFBTSxPQUFPLDJCQUE0QixTQUFRLG1DQUFtQztJQUVoRixZQUFZLGNBQXdCLEVBQ29CLG1CQUFxRDtRQUN6RyxLQUFLLENBQUMsY0FBYyxFQUFFLG1CQUFtQixDQUFDLENBQUM7SUFDL0MsQ0FBQztJQUVTLHlCQUF5QjtRQUMvQixJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsU0FBUyxFQUFFLElBQUksS0FBSyxTQUFTLENBQUMsNEJBQTRCLEVBQUU7WUFDM0UsT0FBTyxrQ0FBa0MsQ0FBQztTQUM3QztRQUNELE9BQU8sMkJBQTJCLENBQUM7SUFDdkMsQ0FBQzs7eUhBWlEsMkJBQTJCLDBDQUdKLHNCQUFzQjs2R0FIN0MsMkJBQTJCLHNGQ2pCeEMsc0hBR0E7NEZEY2EsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHlCQUF5Qjs7MEJBT3BCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgSW5qZWN0b3IsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tcG9uZW50VHlwZX0gZnJvbSBcIkBhbmd1bGFyL2Nkay9wb3J0YWxcIjtcbmltcG9ydCB7RmlsdGVyRmllbGRUYWJWaWV3Q29udGVudENvbXBvbmVudH0gZnJvbSBcIi4uL3RhYi12aWV3LWZpbHRlci1maWVsZC9maWx0ZXItZmllbGQtdGFiLXZpZXctY29udGVudC5jb21wb25lbnRcIjtcbmltcG9ydCB7RmlsdGVyRmllbGRDb250ZW50Q29tcG9uZW50fSBmcm9tIFwiLi4vZmlsdGVyLWZpZWxkLWNvbnRlbnQvZmlsdGVyLWZpZWxkLWNvbnRlbnQuY29tcG9uZW50XCI7XG5pbXBvcnQge1xuICAgIERBVEFfRklFTERfUE9SVEFMX0RBVEEsXG4gICAgRGF0YUZpZWxkUG9ydGFsRGF0YSxcbiAgICBGaWx0ZXJGaWVsZCxcbiAgICBBYnN0cmFjdEZpbHRlckZpZWxkQ29udGVudENvbXBvbmVudCxcbiAgICBEYXNoYm9hcmQsIEFic3RyYWN0RmlsdGVyRGVmYXVsdEZpZWxkQ29tcG9uZW50XG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25jLWZpbHRlci1kZWZhdWx0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbHRlci1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsdGVyLWRlZmF1bHQtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBGaWx0ZXJEZWZhdWx0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEZpbHRlckRlZmF1bHRGaWVsZENvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3RvcihwYXJlbnRJbmplY3RvcjogSW5qZWN0b3IsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBKSBkYXRhRmllbGRQb3J0YWxEYXRhOiBEYXRhRmllbGRQb3J0YWxEYXRhPEZpbHRlckZpZWxkPikge1xuICAgICAgICBzdXBlcihwYXJlbnRJbmplY3RvciwgZGF0YUZpZWxkUG9ydGFsRGF0YSk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGdldEZpbHRlckNvbnRlbnRDb21wb25lbnQoKTogQ29tcG9uZW50VHlwZTxBYnN0cmFjdEZpbHRlckZpZWxkQ29udGVudENvbXBvbmVudD4ge1xuICAgICAgICBpZiAodGhpcy5kYXRhRmllbGQuY29tcG9uZW50Py5uYW1lID09PSBEYXNoYm9hcmQuRklMVEVSX1RBQl9WSUVXX0NPTVBPTkVOVF9JRCkge1xuICAgICAgICAgICAgcmV0dXJuIEZpbHRlckZpZWxkVGFiVmlld0NvbnRlbnRDb21wb25lbnQ7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIEZpbHRlckZpZWxkQ29udGVudENvbXBvbmVudDtcbiAgICB9XG5cbn1cbiIsIjxuZy10ZW1wbGF0ZSBbbmdJZl09XCJpbml0aWFsaXplZFwiPlxuICAgIDxuZy10ZW1wbGF0ZSBbY2RrUG9ydGFsT3V0bGV0XT1cInBvcnRhbFwiPjwvbmctdGVtcGxhdGU+XG48L25nLXRlbXBsYXRlPlxuIl19
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWRlZmF1bHQtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZmlsdGVyLWZpZWxkL2ZpbHRlci1kZWZhdWx0LWZpZWxkL2ZpbHRlci1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2ZpbHRlci1maWVsZC9maWx0ZXItZGVmYXVsdC1maWVsZC9maWx0ZXItZGVmYXVsdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBWSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFcEUsT0FBTyxFQUFDLGtDQUFrQyxFQUFDLE1BQU0sa0VBQWtFLENBQUM7QUFDcEgsT0FBTyxFQUFDLDJCQUEyQixFQUFDLE1BQU0sd0RBQXdELENBQUM7QUFDbkcsT0FBTyxFQUNILHNCQUFzQixFQUl0QixTQUFTLEVBQUUsbUNBQW1DLEVBQ2pELE1BQU0sMEJBQTBCLENBQUM7Ozs7QUFPbEMsTUFBTSxPQUFPLDJCQUE0QixTQUFRLG1DQUFtQztJQUVoRixZQUFZLGNBQXdCLEVBQ29CLG1CQUFxRDtRQUN6RyxLQUFLLENBQUMsY0FBYyxFQUFFLG1CQUFtQixDQUFDLENBQUM7SUFDL0MsQ0FBQztJQUVTLHlCQUF5QjtRQUMvQixJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsU0FBUyxFQUFFLElBQUksS0FBSyxTQUFTLENBQUMsNEJBQTRCLEVBQUU7WUFDM0UsT0FBTyxrQ0FBa0MsQ0FBQztTQUM3QztRQUNELE9BQU8sMkJBQTJCLENBQUM7SUFDdkMsQ0FBQzt3R0FaUSwyQkFBMkIsMENBR0osc0JBQXNCOzRGQUg3QywyQkFBMkIsc0ZDakJ4QyxzSEFHQTs7NEZEY2EsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHlCQUF5Qjs7MEJBT3BCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgSW5qZWN0b3IsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tcG9uZW50VHlwZX0gZnJvbSBcIkBhbmd1bGFyL2Nkay9wb3J0YWxcIjtcbmltcG9ydCB7RmlsdGVyRmllbGRUYWJWaWV3Q29udGVudENvbXBvbmVudH0gZnJvbSBcIi4uL3RhYi12aWV3LWZpbHRlci1maWVsZC9maWx0ZXItZmllbGQtdGFiLXZpZXctY29udGVudC5jb21wb25lbnRcIjtcbmltcG9ydCB7RmlsdGVyRmllbGRDb250ZW50Q29tcG9uZW50fSBmcm9tIFwiLi4vZmlsdGVyLWZpZWxkLWNvbnRlbnQvZmlsdGVyLWZpZWxkLWNvbnRlbnQuY29tcG9uZW50XCI7XG5pbXBvcnQge1xuICAgIERBVEFfRklFTERfUE9SVEFMX0RBVEEsXG4gICAgRGF0YUZpZWxkUG9ydGFsRGF0YSxcbiAgICBGaWx0ZXJGaWVsZCxcbiAgICBBYnN0cmFjdEZpbHRlckZpZWxkQ29udGVudENvbXBvbmVudCxcbiAgICBEYXNoYm9hcmQsIEFic3RyYWN0RmlsdGVyRGVmYXVsdEZpZWxkQ29tcG9uZW50XG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25jLWZpbHRlci1kZWZhdWx0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbHRlci1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsdGVyLWRlZmF1bHQtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBGaWx0ZXJEZWZhdWx0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEZpbHRlckRlZmF1bHRGaWVsZENvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3RvcihwYXJlbnRJbmplY3RvcjogSW5qZWN0b3IsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBKSBkYXRhRmllbGRQb3J0YWxEYXRhOiBEYXRhRmllbGRQb3J0YWxEYXRhPEZpbHRlckZpZWxkPikge1xuICAgICAgICBzdXBlcihwYXJlbnRJbmplY3RvciwgZGF0YUZpZWxkUG9ydGFsRGF0YSk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGdldEZpbHRlckNvbnRlbnRDb21wb25lbnQoKTogQ29tcG9uZW50VHlwZTxBYnN0cmFjdEZpbHRlckZpZWxkQ29udGVudENvbXBvbmVudD4ge1xuICAgICAgICBpZiAodGhpcy5kYXRhRmllbGQuY29tcG9uZW50Py5uYW1lID09PSBEYXNoYm9hcmQuRklMVEVSX1RBQl9WSUVXX0NPTVBPTkVOVF9JRCkge1xuICAgICAgICAgICAgcmV0dXJuIEZpbHRlckZpZWxkVGFiVmlld0NvbnRlbnRDb21wb25lbnQ7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIEZpbHRlckZpZWxkQ29udGVudENvbXBvbmVudDtcbiAgICB9XG5cbn1cbiIsIjxuZy10ZW1wbGF0ZSBbbmdJZl09XCJpbml0aWFsaXplZFwiPlxuICAgIDxuZy10ZW1wbGF0ZSBbY2RrUG9ydGFsT3V0bGV0XT1cInBvcnRhbFwiPjwvbmctdGVtcGxhdGU+XG48L25nLXRlbXBsYXRlPlxuIl19

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

@@ -2,8 +2,8 @@ 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";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../search/advanced-search/advanced-search-component/advanced-search.component";
 export function filterFieldBaseFilterFactory(filterField) {
     return {
         filter: SimpleFilter.empty(filterField.filterMetadata.filterType)
@@ -20,16 +20,16 @@ export class FilterFieldContentComponent extends AbstractFilterFieldContentCompo
     constructor(filterField, fieldSearchService) {
         super(filterField, fieldSearchService);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterFieldContentComponent, deps: [{ token: NAE_FILTER_FIELD }, { token: i1.SearchService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.AdvancedSearchComponent, selector: "nc-advanced-search" }] });
 }
-FilterFieldContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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.12", 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.12", ngImport: i0, type: FilterFieldContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterFieldContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-filter-field-content', providers: [
                         { provide: NAE_BASE_FILTER, useFactory: filterFieldBaseFilterFactory, deps: [NAE_FILTER_FIELD] },
@@ -37,9 +37,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         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: [{
+                    ], template: "<nc-advanced-search *ngIf=\"filterLoaded\" [editable]=\"editable\"></nc-advanced-search>\n" }]
+        }], ctorParameters: () => [{ type: i1.FilterField, decorators: [{
                     type: Inject,
                     args: [NAE_FILTER_FIELD]
-                }] }, { type: i1.SearchService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWZpZWxkLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZmlsdGVyLWZpZWxkL2ZpbHRlci1maWVsZC1jb250ZW50L2ZpbHRlci1maWVsZC1jb250ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2ZpbHRlci1maWVsZC9maWx0ZXItZmllbGQtY29udGVudC9maWx0ZXItZmllbGQtY29udGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBTyxNQUFNLGVBQWUsQ0FBQztBQUN0RCxPQUFPLEVBQ0gsbUNBQW1DLEVBQ25DLGFBQWEsRUFDYixrQkFBa0IsRUFDbEIseUJBQXlCLEVBQWUsZ0JBQWdCLEVBQUUsZUFBZSxFQUN6RSxZQUFZLEVBQUUsdUJBQXVCLEVBQUUscUJBQXFCLEVBQVksZUFBZSxFQUMxRixNQUFNLDBCQUEwQixDQUFDOzs7OztBQUVsQyxNQUFNLFVBQVUsNEJBQTRCLENBQUMsV0FBd0I7SUFDakUsT0FBTztRQUNILE1BQU0sRUFBRSxZQUFZLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFDO0tBQ3BFLENBQUM7QUFDTixDQUFDO0FBRUQsTUFBTSxVQUFVLDZCQUE2QixDQUFDLE9BQWtDLEVBQUUsV0FBd0I7SUFDdEcsT0FBTyxPQUFPLENBQUMsZUFBZSxDQUFDLFdBQVcsQ0FBQyxXQUFXLENBQUMsQ0FBQztBQUM1RCxDQUFDO0FBRUQsTUFBTSxVQUFVLDRCQUE0QixDQUFDLE9BQWdDLEVBQUUsV0FBd0I7SUFDbkcsTUFBTSxNQUFNLEdBQUcsV0FBVyxDQUFDLGNBQWMsQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDeEYsT0FBTyxNQUFNLENBQUM7QUFDbEIsQ0FBQztBQWNELE1BQU0sT0FBTywyQkFBNEIsU0FBUSxtQ0FBbUM7SUFFaEYsWUFBc0MsV0FBd0IsRUFDbEQsa0JBQWlDO1FBQ3pDLEtBQUssQ0FBQyxXQUFXLEVBQUUsa0JBQWtCLENBQUMsQ0FBQztJQUMzQyxDQUFDOzt5SEFMUSwyQkFBMkIsa0JBRWhCLGdCQUFnQjs2R0FGM0IsMkJBQTJCLGtEQVJ6QjtRQUNQLEVBQUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxVQUFVLEVBQUUsNEJBQTRCLEVBQUUsSUFBSSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsRUFBQztRQUM5RixFQUFDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxVQUFVLEVBQUUsNkJBQTZCLEVBQUUsSUFBSSxFQUFFLENBQUMseUJBQXlCLEVBQUUsZ0JBQWdCLENBQUMsRUFBQztRQUM3SCxlQUFlO1FBQ2YsRUFBQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsVUFBVSxFQUFFLDRCQUE0QixFQUFFLElBQUksRUFBRSxDQUFDLHVCQUF1QixFQUFFLGdCQUFnQixDQUFDLEVBQUM7UUFDN0gsYUFBYTtLQUNoQixpRENsQ0wsNEZBQ0E7NEZEbUNhLDJCQUEyQjtrQkFadkMsU0FBUzsrQkFDSSx5QkFBeUIsYUFHeEI7d0JBQ1AsRUFBQyxPQUFPLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSw0QkFBNEIsRUFBRSxJQUFJLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFDO3dCQUM5RixFQUFDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxVQUFVLEVBQUUsNkJBQTZCLEVBQUUsSUFBSSxFQUFFLENBQUMseUJBQXlCLEVBQUUsZ0JBQWdCLENBQUMsRUFBQzt3QkFDN0gsZUFBZTt3QkFDZixFQUFDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxVQUFVLEVBQUUsNEJBQTRCLEVBQUUsSUFBSSxFQUFFLENBQUMsdUJBQXVCLEVBQUUsZ0JBQWdCLENBQUMsRUFBQzt3QkFDN0gsYUFBYTtxQkFDaEI7OzBCQUlZLE1BQU07MkJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgVHlwZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0RmlsdGVyRmllbGRDb250ZW50Q29tcG9uZW50LFxuICAgIFNlYXJjaFNlcnZpY2UsXG4gICAgQWxsb3dlZE5ldHNTZXJ2aWNlLFxuICAgIEFsbG93ZWROZXRzU2VydmljZUZhY3RvcnksIEZpbHRlckZpZWxkLCBOQUVfRklMVEVSX0ZJRUxELCBOQUVfQkFTRV9GSUxURVIsIEJhc2VGaWx0ZXIsXG4gICAgU2ltcGxlRmlsdGVyLCBDYXRlZ29yeVJlc29sdmVyU2VydmljZSwgTkFFX1NFQVJDSF9DQVRFR09SSUVTLCBDYXRlZ29yeSwgQ2F0ZWdvcnlGYWN0b3J5XG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbmV4cG9ydCBmdW5jdGlvbiBmaWx0ZXJGaWVsZEJhc2VGaWx0ZXJGYWN0b3J5KGZpbHRlckZpZWxkOiBGaWx0ZXJGaWVsZCk6IEJhc2VGaWx0ZXIge1xuICAgIHJldHVybiB7XG4gICAgICAgIGZpbHRlcjogU2ltcGxlRmlsdGVyLmVtcHR5KGZpbHRlckZpZWxkLmZpbHRlck1ldGFkYXRhLmZpbHRlclR5cGUpXG4gICAgfTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGZpbHRlckZpZWxkQWxsb3dlZE5ldHNGYWN0b3J5KGZhY3Rvcnk6IEFsbG93ZWROZXRzU2VydmljZUZhY3RvcnksIGZpbHRlckZpZWxkOiBGaWx0ZXJGaWVsZCk6IEFsbG93ZWROZXRzU2VydmljZSB7XG4gICAgcmV0dXJuIGZhY3RvcnkuY3JlYXRlRnJvbUFycmF5KGZpbHRlckZpZWxkLmFsbG93ZWROZXRzKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGZpbHRlckZpZWxkQ2F0ZWdvcmllc0ZhY3RvcnkoZmFjdG9yeTogQ2F0ZWdvcnlSZXNvbHZlclNlcnZpY2UsIGZpbHRlckZpZWxkOiBGaWx0ZXJGaWVsZCk6IEFycmF5PFR5cGU8Q2F0ZWdvcnk8YW55Pj4+IHtcbiAgICBjb25zdCByZXN1bHQgPSBmaWx0ZXJGaWVsZC5maWx0ZXJNZXRhZGF0YS5zZWFyY2hDYXRlZ29yaWVzLm1hcChjID0+IGZhY3RvcnkudG9DbGFzcyhjKSk7XG4gICAgcmV0dXJuIHJlc3VsdDtcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1maWx0ZXItZmllbGQtY29udGVudCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ZpbHRlci1maWVsZC1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9maWx0ZXItZmllbGQtY29udGVudC5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7cHJvdmlkZTogTkFFX0JBU0VfRklMVEVSLCB1c2VGYWN0b3J5OiBmaWx0ZXJGaWVsZEJhc2VGaWx0ZXJGYWN0b3J5LCBkZXBzOiBbTkFFX0ZJTFRFUl9GSUVMRF19LFxuICAgICAgICB7cHJvdmlkZTogQWxsb3dlZE5ldHNTZXJ2aWNlLCB1c2VGYWN0b3J5OiBmaWx0ZXJGaWVsZEFsbG93ZWROZXRzRmFjdG9yeSwgZGVwczogW0FsbG93ZWROZXRzU2VydmljZUZhY3RvcnksIE5BRV9GSUxURVJfRklFTERdfSxcbiAgICAgICAgQ2F0ZWdvcnlGYWN0b3J5LFxuICAgICAgICB7cHJvdmlkZTogTkFFX1NFQVJDSF9DQVRFR09SSUVTLCB1c2VGYWN0b3J5OiBmaWx0ZXJGaWVsZENhdGVnb3JpZXNGYWN0b3J5LCBkZXBzOiBbQ2F0ZWdvcnlSZXNvbHZlclNlcnZpY2UsIE5BRV9GSUxURVJfRklFTERdfSxcbiAgICAgICAgU2VhcmNoU2VydmljZVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVyRmllbGRDb250ZW50Q29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RGaWx0ZXJGaWVsZENvbnRlbnRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoQEluamVjdChOQUVfRklMVEVSX0ZJRUxEKSBmaWx0ZXJGaWVsZDogRmlsdGVyRmllbGQsXG4gICAgICAgICAgICAgICAgZmllbGRTZWFyY2hTZXJ2aWNlOiBTZWFyY2hTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKGZpbHRlckZpZWxkLCBmaWVsZFNlYXJjaFNlcnZpY2UpO1xuICAgIH1cblxufVxuIiwiPG5jLWFkdmFuY2VkLXNlYXJjaCAqbmdJZj1cImZpbHRlckxvYWRlZFwiIFtlZGl0YWJsZV09XCJlZGl0YWJsZVwiPjwvbmMtYWR2YW5jZWQtc2VhcmNoPlxuIl19
+                }] }, { type: i1.SearchService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWZpZWxkLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZmlsdGVyLWZpZWxkL2ZpbHRlci1maWVsZC1jb250ZW50L2ZpbHRlci1maWVsZC1jb250ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2ZpbHRlci1maWVsZC9maWx0ZXItZmllbGQtY29udGVudC9maWx0ZXItZmllbGQtY29udGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBTyxNQUFNLGVBQWUsQ0FBQztBQUN0RCxPQUFPLEVBQ0gsbUNBQW1DLEVBQ25DLGFBQWEsRUFDYixrQkFBa0IsRUFDbEIseUJBQXlCLEVBQWUsZ0JBQWdCLEVBQUUsZUFBZSxFQUN6RSxZQUFZLEVBQUUsdUJBQXVCLEVBQUUscUJBQXFCLEVBQVksZUFBZSxFQUMxRixNQUFNLDBCQUEwQixDQUFDOzs7OztBQUVsQyxNQUFNLFVBQVUsNEJBQTRCLENBQUMsV0FBd0I7SUFDakUsT0FBTztRQUNILE1BQU0sRUFBRSxZQUFZLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFDO0tBQ3BFLENBQUM7QUFDTixDQUFDO0FBRUQsTUFBTSxVQUFVLDZCQUE2QixDQUFDLE9BQWtDLEVBQUUsV0FBd0I7SUFDdEcsT0FBTyxPQUFPLENBQUMsZUFBZSxDQUFDLFdBQVcsQ0FBQyxXQUFXLENBQUMsQ0FBQztBQUM1RCxDQUFDO0FBRUQsTUFBTSxVQUFVLDRCQUE0QixDQUFDLE9BQWdDLEVBQUUsV0FBd0I7SUFDbkcsTUFBTSxNQUFNLEdBQUcsV0FBVyxDQUFDLGNBQWMsQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDeEYsT0FBTyxNQUFNLENBQUM7QUFDbEIsQ0FBQztBQWNELE1BQU0sT0FBTywyQkFBNEIsU0FBUSxtQ0FBbUM7SUFFaEYsWUFBc0MsV0FBd0IsRUFDbEQsa0JBQWlDO1FBQ3pDLEtBQUssQ0FBQyxXQUFXLEVBQUUsa0JBQWtCLENBQUMsQ0FBQztJQUMzQyxDQUFDO3dHQUxRLDJCQUEyQixrQkFFaEIsZ0JBQWdCOzRGQUYzQiwyQkFBMkIsa0RBUnpCO1lBQ1AsRUFBQyxPQUFPLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSw0QkFBNEIsRUFBRSxJQUFJLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFDO1lBQzlGLEVBQUMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLFVBQVUsRUFBRSw2QkFBNkIsRUFBRSxJQUFJLEVBQUUsQ0FBQyx5QkFBeUIsRUFBRSxnQkFBZ0IsQ0FBQyxFQUFDO1lBQzdILGVBQWU7WUFDZixFQUFDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxVQUFVLEVBQUUsNEJBQTRCLEVBQUUsSUFBSSxFQUFFLENBQUMsdUJBQXVCLEVBQUUsZ0JBQWdCLENBQUMsRUFBQztZQUM3SCxhQUFhO1NBQ2hCLGlEQ2xDTCw0RkFDQTs7NEZEbUNhLDJCQUEyQjtrQkFadkMsU0FBUzsrQkFDSSx5QkFBeUIsYUFHeEI7d0JBQ1AsRUFBQyxPQUFPLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSw0QkFBNEIsRUFBRSxJQUFJLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFDO3dCQUM5RixFQUFDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxVQUFVLEVBQUUsNkJBQTZCLEVBQUUsSUFBSSxFQUFFLENBQUMseUJBQXlCLEVBQUUsZ0JBQWdCLENBQUMsRUFBQzt3QkFDN0gsZUFBZTt3QkFDZixFQUFDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxVQUFVLEVBQUUsNEJBQTRCLEVBQUUsSUFBSSxFQUFFLENBQUMsdUJBQXVCLEVBQUUsZ0JBQWdCLENBQUMsRUFBQzt3QkFDN0gsYUFBYTtxQkFDaEI7OzBCQUlZLE1BQU07MkJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgVHlwZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0RmlsdGVyRmllbGRDb250ZW50Q29tcG9uZW50LFxuICAgIFNlYXJjaFNlcnZpY2UsXG4gICAgQWxsb3dlZE5ldHNTZXJ2aWNlLFxuICAgIEFsbG93ZWROZXRzU2VydmljZUZhY3RvcnksIEZpbHRlckZpZWxkLCBOQUVfRklMVEVSX0ZJRUxELCBOQUVfQkFTRV9GSUxURVIsIEJhc2VGaWx0ZXIsXG4gICAgU2ltcGxlRmlsdGVyLCBDYXRlZ29yeVJlc29sdmVyU2VydmljZSwgTkFFX1NFQVJDSF9DQVRFR09SSUVTLCBDYXRlZ29yeSwgQ2F0ZWdvcnlGYWN0b3J5XG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbmV4cG9ydCBmdW5jdGlvbiBmaWx0ZXJGaWVsZEJhc2VGaWx0ZXJGYWN0b3J5KGZpbHRlckZpZWxkOiBGaWx0ZXJGaWVsZCk6IEJhc2VGaWx0ZXIge1xuICAgIHJldHVybiB7XG4gICAgICAgIGZpbHRlcjogU2ltcGxlRmlsdGVyLmVtcHR5KGZpbHRlckZpZWxkLmZpbHRlck1ldGFkYXRhLmZpbHRlclR5cGUpXG4gICAgfTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGZpbHRlckZpZWxkQWxsb3dlZE5ldHNGYWN0b3J5KGZhY3Rvcnk6IEFsbG93ZWROZXRzU2VydmljZUZhY3RvcnksIGZpbHRlckZpZWxkOiBGaWx0ZXJGaWVsZCk6IEFsbG93ZWROZXRzU2VydmljZSB7XG4gICAgcmV0dXJuIGZhY3RvcnkuY3JlYXRlRnJvbUFycmF5KGZpbHRlckZpZWxkLmFsbG93ZWROZXRzKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGZpbHRlckZpZWxkQ2F0ZWdvcmllc0ZhY3RvcnkoZmFjdG9yeTogQ2F0ZWdvcnlSZXNvbHZlclNlcnZpY2UsIGZpbHRlckZpZWxkOiBGaWx0ZXJGaWVsZCk6IEFycmF5PFR5cGU8Q2F0ZWdvcnk8YW55Pj4+IHtcbiAgICBjb25zdCByZXN1bHQgPSBmaWx0ZXJGaWVsZC5maWx0ZXJNZXRhZGF0YS5zZWFyY2hDYXRlZ29yaWVzLm1hcChjID0+IGZhY3RvcnkudG9DbGFzcyhjKSk7XG4gICAgcmV0dXJuIHJlc3VsdDtcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1maWx0ZXItZmllbGQtY29udGVudCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ZpbHRlci1maWVsZC1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9maWx0ZXItZmllbGQtY29udGVudC5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7cHJvdmlkZTogTkFFX0JBU0VfRklMVEVSLCB1c2VGYWN0b3J5OiBmaWx0ZXJGaWVsZEJhc2VGaWx0ZXJGYWN0b3J5LCBkZXBzOiBbTkFFX0ZJTFRFUl9GSUVMRF19LFxuICAgICAgICB7cHJvdmlkZTogQWxsb3dlZE5ldHNTZXJ2aWNlLCB1c2VGYWN0b3J5OiBmaWx0ZXJGaWVsZEFsbG93ZWROZXRzRmFjdG9yeSwgZGVwczogW0FsbG93ZWROZXRzU2VydmljZUZhY3RvcnksIE5BRV9GSUxURVJfRklFTERdfSxcbiAgICAgICAgQ2F0ZWdvcnlGYWN0b3J5LFxuICAgICAgICB7cHJvdmlkZTogTkFFX1NFQVJDSF9DQVRFR09SSUVTLCB1c2VGYWN0b3J5OiBmaWx0ZXJGaWVsZENhdGVnb3JpZXNGYWN0b3J5LCBkZXBzOiBbQ2F0ZWdvcnlSZXNvbHZlclNlcnZpY2UsIE5BRV9GSUxURVJfRklFTERdfSxcbiAgICAgICAgU2VhcmNoU2VydmljZVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVyRmllbGRDb250ZW50Q29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RGaWx0ZXJGaWVsZENvbnRlbnRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoQEluamVjdChOQUVfRklMVEVSX0ZJRUxEKSBmaWx0ZXJGaWVsZDogRmlsdGVyRmllbGQsXG4gICAgICAgICAgICAgICAgZmllbGRTZWFyY2hTZXJ2aWNlOiBTZWFyY2hTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKGZpbHRlckZpZWxkLCBmaWVsZFNlYXJjaFNlcnZpY2UpO1xuICAgIH1cblxufVxuIiwiPG5jLWFkdmFuY2VkLXNlYXJjaCAqbmdJZj1cImZpbHRlckxvYWRlZFwiIFtlZGl0YWJsZV09XCJlZGl0YWJsZVwiPjwvbmMtYWR2YW5jZWQtc2VhcmNoPlxuIl19