@netgrif/components 6.2.0-rc.9 → 6.2.2

package/esm2020/lib/search/advanced-search/search-operand-input-component/search-operand-input.component.mjs

@@ -26,11 +26,11 @@ export class SearchOperandInputComponent extends AbstractSearchOperandInputCompo
 SearchOperandInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SearchOperandInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 SearchOperandInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SearchOperandInputComponent, selector: "nc-search-operand-input", providers: [
         { provide: NGX_MAT_DATE_FORMATS, useValue: DATE_TIME_FORMAT }
-    ], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"!isInputFilled; then operandSelection else operandDisplay\"></div>\n\n<ng-template #operandSelection>\n    <div [ngSwitch]=\"inputType\">\n        <ng-template [ngSwitchCase]=\"searchInputType.TEXT\">\n            <mat-form-field appearance=\"outline\">\n                <input type=\"text\" matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"$event.target.blur()\"\n                       (blur)=\"confirmInput()\"\n                       #operandInput>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.AUTOCOMPLETE\">\n            <mat-form-field appearance=\"outline\">\n                <input type=\"text\" matInput autocomplete=\"off\"\n                       #autocompleteInput\n                       #autocompleteTrigger=\"matAutocompleteTrigger\"\n                       [formControl]=\"inputFormControl\"\n                       [matAutocomplete]=\"searchAutocomplete\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"$event.target.blur(); autocompleteTrigger.closePanel()\"\n                       (focus)=\"editInput()\"\n                       #operandInput>\n                <mat-autocomplete #searchAutocomplete=\"matAutocomplete\"\n                                  [displayWith]=\"renderSelection\"\n                                  (optionSelected)=\"autocompleteInput.blur()\">\n                    <mat-option *ngFor=\"let option of filteredOptions$ | async\" [value]=\"option\">\n                        <mat-icon *ngIf=\"option.icon\">{{option.icon}}</mat-icon>\n                        <span>{{option.text | translate}}</span>\n                    </mat-option>\n                </mat-autocomplete>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.DATE\">\n            <mat-form-field appearance=\"outline\">\n                <input matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [matDatepicker]=\"searchDatepicker\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"searchDatepicker.close()\"\n                       (focus)=\"editInput(); searchDatepicker.open()\"\n                       (blur)=\"confirmInput()\"\n                       #operandInput>\n                <mat-datepicker-toggle matPrefix [for]=\"searchDatepicker\"></mat-datepicker-toggle>\n                <mat-datepicker #searchDatepicker></mat-datepicker>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.DATE_TIME\">\n            <mat-form-field appearance=\"outline\">\n                <input matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [ngxMatDatetimePicker]=\"searchDateTimepicker\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"searchDateTimepicker.close()\"\n                       (focus)=\"editInput(); searchDateTimepicker.open()\"\n                       #operandInput>\n                <mat-datepicker-toggle matPrefix [for]=\"searchDateTimepicker\">\n                    <mat-icon matDatepickerToggleIcon>schedule</mat-icon>\n                </mat-datepicker-toggle>\n                <ngx-mat-datetime-picker #searchDateTimepicker\n                                         [showSpinners]=\"true\"\n                                         [showSeconds]=\"false\"\n                                         [stepHour]=\"1\"\n                                         [stepMinute]=\"5\"\n                                         [color]=\"'primary'\"\n                                         [enableMeridian]=\"false\"\n                                         (closed)=\"confirmInput()\"></ngx-mat-datetime-picker>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.NUMBER\">\n            <mat-form-field appearance=\"outline\">\n                <input type=\"number\" matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"$event.target.blur()\"\n                       (focus)=\"editInput()\"\n                       (blur)=\"confirmInput()\"\n                       #operandInput>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.BOOLEAN\">\n            <div fxLayout=\"row\">\n                <mat-slide-toggle [formControl]=\"inputFormControl\"\n                                  [disabled]=\"!editable\"\n                                  (focus)=\"editInput()\"\n                                  (toggleChange)=\"confirmInput()\"></mat-slide-toggle>\n            </div>\n        </ng-template>\n    </div>\n</ng-template>\n\n<ng-template #operandDisplay>\n    <div [ngSwitch]=\"inputType\" (click)=\"editInput()\" class=\"bold-text\">\n        <div *ngSwitchCase=\"searchInputType.AUTOCOMPLETE\">\n            {{inputFormControl.value.text | translate}}\n        </div>\n        <div *ngSwitchCase=\"searchInputType.DATE\">\n            {{inputFormControl.value.format(dateFormat)}}\n        </div>\n        <div *ngSwitchCase=\"searchInputType.DATE_TIME\">\n            {{inputFormControl.value.format(dateTimeFormat)}}\n        </div>\n        <div *ngSwitchDefault>\n            {{inputFormControl.value}}\n        </div>\n    </div>\n</ng-template>\n", styles: [".bold-text{font-weight:700}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i5.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i6.NgxMatDatetimePicker, selector: "ngx-mat-datetime-picker", inputs: ["calendarHeaderComponent", "startAt", "startView", "defaultColor", "color", "touchUi", "hideTime", "disabled", "panelClass", "dateClass", "opened", "showSpinners", "showSeconds", "stepHour", "stepMinute", "stepSecond", "enableMeridian", "disableMinute", "defaultTime"], outputs: ["yearSelected", "monthSelected", "opened", "closed"], exportAs: ["ngxMatDatetimePicker"] }, { type: i7.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i8.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i10.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i1.MatPrefix, selector: "[matPrefix]" }, { type: i6.NgxMatDatetimeInput, selector: "input[ngxMatDatetimePicker]", inputs: ["ngxMatDatetimePicker", "ngxMatDatetimePickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["ngxMatDatetimePickerInput"] }, { type: i5.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { type: i10.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i11.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i8.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "async": i8.AsyncPipe, "translate": i12.TranslatePipe } });
+    ], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"!isInputFilled(); then operandSelection else operandDisplay\"></div>\n\n<ng-template #operandSelection>\n    <div [ngSwitch]=\"inputType\">\n        <ng-template [ngSwitchCase]=\"searchInputType.TEXT\">\n            <mat-form-field appearance=\"outline\">\n                <input type=\"text\" matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"$event.target.blur()\"\n                       (blur)=\"confirmInput()\"\n                       #operandInput>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.AUTOCOMPLETE\">\n            <mat-form-field appearance=\"outline\">\n                <input type=\"text\" matInput autocomplete=\"off\"\n                       #autocompleteInput\n                       #autocompleteTrigger=\"matAutocompleteTrigger\"\n                       [formControl]=\"inputFormControl\"\n                       [matAutocomplete]=\"searchAutocomplete\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"$event.target.blur(); autocompleteTrigger.closePanel()\"\n                       (focus)=\"editInput()\"\n                       #operandInput>\n                <mat-autocomplete #searchAutocomplete=\"matAutocomplete\"\n                                  [displayWith]=\"renderSelection\"\n                                  (optionSelected)=\"autocompleteInput.blur()\">\n                    <mat-option *ngFor=\"let option of filteredOptions$ | async\" [value]=\"option\">\n                        <mat-icon *ngIf=\"option.icon\">{{option.icon}}</mat-icon>\n                        <span>{{option.text | translate}}</span>\n                    </mat-option>\n                </mat-autocomplete>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.DATE\">\n            <mat-form-field appearance=\"outline\">\n                <input matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [matDatepicker]=\"searchDatepicker\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"searchDatepicker.close()\"\n                       (focus)=\"editInput(); searchDatepicker.open()\"\n                       (blur)=\"confirmInput()\"\n                       #operandInput>\n                <mat-datepicker-toggle matPrefix [for]=\"searchDatepicker\"></mat-datepicker-toggle>\n                <mat-datepicker #searchDatepicker></mat-datepicker>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.DATE_TIME\">\n            <mat-form-field appearance=\"outline\">\n                <input matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [ngxMatDatetimePicker]=\"searchDateTimepicker\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"searchDateTimepicker.close()\"\n                       (focus)=\"editInput(); searchDateTimepicker.open()\"\n                       #operandInput>\n                <mat-datepicker-toggle matPrefix [for]=\"searchDateTimepicker\">\n                    <mat-icon matDatepickerToggleIcon>schedule</mat-icon>\n                </mat-datepicker-toggle>\n                <ngx-mat-datetime-picker #searchDateTimepicker\n                                         [showSpinners]=\"true\"\n                                         [showSeconds]=\"false\"\n                                         [stepHour]=\"1\"\n                                         [stepMinute]=\"5\"\n                                         [color]=\"'primary'\"\n                                         [enableMeridian]=\"false\"\n                                         (closed)=\"confirmInput()\"></ngx-mat-datetime-picker>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.NUMBER\">\n            <mat-form-field appearance=\"outline\">\n                <input type=\"number\" matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"$event.target.blur()\"\n                       (focus)=\"editInput()\"\n                       (blur)=\"confirmInput()\"\n                       #operandInput>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.BOOLEAN\">\n            <div fxLayout=\"row\">\n                <mat-slide-toggle [formControl]=\"inputFormControl\"\n                                  [disabled]=\"!editable\"\n                                  (focus)=\"editInput()\"\n                                  (toggleChange)=\"confirmInput()\"></mat-slide-toggle>\n            </div>\n        </ng-template>\n    </div>\n</ng-template>\n\n<ng-template #operandDisplay>\n    <div [ngSwitch]=\"inputType\" (click)=\"editInput()\" class=\"bold-text\">\n        <div *ngSwitchCase=\"searchInputType.AUTOCOMPLETE\">\n            {{inputFormControl.value.text | translate}}\n        </div>\n        <div *ngSwitchCase=\"searchInputType.DATE\">\n            {{inputFormControl.value.format(dateFormat)}}\n        </div>\n        <div *ngSwitchCase=\"searchInputType.DATE_TIME\">\n            {{inputFormControl.value.format(dateTimeFormat)}}\n        </div>\n        <div *ngSwitchDefault>\n            {{inputFormControl.value}}\n        </div>\n    </div>\n</ng-template>\n", styles: [".bold-text{font-weight:700}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i5.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i6.NgxMatDatetimePicker, selector: "ngx-mat-datetime-picker", inputs: ["calendarHeaderComponent", "startAt", "startView", "defaultColor", "color", "touchUi", "hideTime", "disabled", "panelClass", "dateClass", "opened", "showSpinners", "showSeconds", "stepHour", "stepMinute", "stepSecond", "enableMeridian", "disableMinute", "defaultTime"], outputs: ["yearSelected", "monthSelected", "opened", "closed"], exportAs: ["ngxMatDatetimePicker"] }, { type: i7.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i8.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i10.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i1.MatPrefix, selector: "[matPrefix]" }, { type: i6.NgxMatDatetimeInput, selector: "input[ngxMatDatetimePicker]", inputs: ["ngxMatDatetimePicker", "ngxMatDatetimePickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["ngxMatDatetimePickerInput"] }, { type: i5.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { type: i10.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i11.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i8.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "async": i8.AsyncPipe, "translate": i12.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SearchOperandInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-search-operand-input', providers: [
                         { provide: NGX_MAT_DATE_FORMATS, useValue: DATE_TIME_FORMAT }
-                    ], template: "<div *ngIf=\"!isInputFilled; then operandSelection else operandDisplay\"></div>\n\n<ng-template #operandSelection>\n    <div [ngSwitch]=\"inputType\">\n        <ng-template [ngSwitchCase]=\"searchInputType.TEXT\">\n            <mat-form-field appearance=\"outline\">\n                <input type=\"text\" matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"$event.target.blur()\"\n                       (blur)=\"confirmInput()\"\n                       #operandInput>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.AUTOCOMPLETE\">\n            <mat-form-field appearance=\"outline\">\n                <input type=\"text\" matInput autocomplete=\"off\"\n                       #autocompleteInput\n                       #autocompleteTrigger=\"matAutocompleteTrigger\"\n                       [formControl]=\"inputFormControl\"\n                       [matAutocomplete]=\"searchAutocomplete\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"$event.target.blur(); autocompleteTrigger.closePanel()\"\n                       (focus)=\"editInput()\"\n                       #operandInput>\n                <mat-autocomplete #searchAutocomplete=\"matAutocomplete\"\n                                  [displayWith]=\"renderSelection\"\n                                  (optionSelected)=\"autocompleteInput.blur()\">\n                    <mat-option *ngFor=\"let option of filteredOptions$ | async\" [value]=\"option\">\n                        <mat-icon *ngIf=\"option.icon\">{{option.icon}}</mat-icon>\n                        <span>{{option.text | translate}}</span>\n                    </mat-option>\n                </mat-autocomplete>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.DATE\">\n            <mat-form-field appearance=\"outline\">\n                <input matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [matDatepicker]=\"searchDatepicker\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"searchDatepicker.close()\"\n                       (focus)=\"editInput(); searchDatepicker.open()\"\n                       (blur)=\"confirmInput()\"\n                       #operandInput>\n                <mat-datepicker-toggle matPrefix [for]=\"searchDatepicker\"></mat-datepicker-toggle>\n                <mat-datepicker #searchDatepicker></mat-datepicker>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.DATE_TIME\">\n            <mat-form-field appearance=\"outline\">\n                <input matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [ngxMatDatetimePicker]=\"searchDateTimepicker\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"searchDateTimepicker.close()\"\n                       (focus)=\"editInput(); searchDateTimepicker.open()\"\n                       #operandInput>\n                <mat-datepicker-toggle matPrefix [for]=\"searchDateTimepicker\">\n                    <mat-icon matDatepickerToggleIcon>schedule</mat-icon>\n                </mat-datepicker-toggle>\n                <ngx-mat-datetime-picker #searchDateTimepicker\n                                         [showSpinners]=\"true\"\n                                         [showSeconds]=\"false\"\n                                         [stepHour]=\"1\"\n                                         [stepMinute]=\"5\"\n                                         [color]=\"'primary'\"\n                                         [enableMeridian]=\"false\"\n                                         (closed)=\"confirmInput()\"></ngx-mat-datetime-picker>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.NUMBER\">\n            <mat-form-field appearance=\"outline\">\n                <input type=\"number\" matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"$event.target.blur()\"\n                       (focus)=\"editInput()\"\n                       (blur)=\"confirmInput()\"\n                       #operandInput>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.BOOLEAN\">\n            <div fxLayout=\"row\">\n                <mat-slide-toggle [formControl]=\"inputFormControl\"\n                                  [disabled]=\"!editable\"\n                                  (focus)=\"editInput()\"\n                                  (toggleChange)=\"confirmInput()\"></mat-slide-toggle>\n            </div>\n        </ng-template>\n    </div>\n</ng-template>\n\n<ng-template #operandDisplay>\n    <div [ngSwitch]=\"inputType\" (click)=\"editInput()\" class=\"bold-text\">\n        <div *ngSwitchCase=\"searchInputType.AUTOCOMPLETE\">\n            {{inputFormControl.value.text | translate}}\n        </div>\n        <div *ngSwitchCase=\"searchInputType.DATE\">\n            {{inputFormControl.value.format(dateFormat)}}\n        </div>\n        <div *ngSwitchCase=\"searchInputType.DATE_TIME\">\n            {{inputFormControl.value.format(dateTimeFormat)}}\n        </div>\n        <div *ngSwitchDefault>\n            {{inputFormControl.value}}\n        </div>\n    </div>\n</ng-template>\n", styles: [".bold-text{font-weight:700}\n"] }]
+                    ], template: "<div *ngIf=\"!isInputFilled(); then operandSelection else operandDisplay\"></div>\n\n<ng-template #operandSelection>\n    <div [ngSwitch]=\"inputType\">\n        <ng-template [ngSwitchCase]=\"searchInputType.TEXT\">\n            <mat-form-field appearance=\"outline\">\n                <input type=\"text\" matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"$event.target.blur()\"\n                       (blur)=\"confirmInput()\"\n                       #operandInput>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.AUTOCOMPLETE\">\n            <mat-form-field appearance=\"outline\">\n                <input type=\"text\" matInput autocomplete=\"off\"\n                       #autocompleteInput\n                       #autocompleteTrigger=\"matAutocompleteTrigger\"\n                       [formControl]=\"inputFormControl\"\n                       [matAutocomplete]=\"searchAutocomplete\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"$event.target.blur(); autocompleteTrigger.closePanel()\"\n                       (focus)=\"editInput()\"\n                       #operandInput>\n                <mat-autocomplete #searchAutocomplete=\"matAutocomplete\"\n                                  [displayWith]=\"renderSelection\"\n                                  (optionSelected)=\"autocompleteInput.blur()\">\n                    <mat-option *ngFor=\"let option of filteredOptions$ | async\" [value]=\"option\">\n                        <mat-icon *ngIf=\"option.icon\">{{option.icon}}</mat-icon>\n                        <span>{{option.text | translate}}</span>\n                    </mat-option>\n                </mat-autocomplete>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.DATE\">\n            <mat-form-field appearance=\"outline\">\n                <input matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [matDatepicker]=\"searchDatepicker\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"searchDatepicker.close()\"\n                       (focus)=\"editInput(); searchDatepicker.open()\"\n                       (blur)=\"confirmInput()\"\n                       #operandInput>\n                <mat-datepicker-toggle matPrefix [for]=\"searchDatepicker\"></mat-datepicker-toggle>\n                <mat-datepicker #searchDatepicker></mat-datepicker>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.DATE_TIME\">\n            <mat-form-field appearance=\"outline\">\n                <input matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [ngxMatDatetimePicker]=\"searchDateTimepicker\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"searchDateTimepicker.close()\"\n                       (focus)=\"editInput(); searchDateTimepicker.open()\"\n                       #operandInput>\n                <mat-datepicker-toggle matPrefix [for]=\"searchDateTimepicker\">\n                    <mat-icon matDatepickerToggleIcon>schedule</mat-icon>\n                </mat-datepicker-toggle>\n                <ngx-mat-datetime-picker #searchDateTimepicker\n                                         [showSpinners]=\"true\"\n                                         [showSeconds]=\"false\"\n                                         [stepHour]=\"1\"\n                                         [stepMinute]=\"5\"\n                                         [color]=\"'primary'\"\n                                         [enableMeridian]=\"false\"\n                                         (closed)=\"confirmInput()\"></ngx-mat-datetime-picker>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.NUMBER\">\n            <mat-form-field appearance=\"outline\">\n                <input type=\"number\" matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"$event.target.blur()\"\n                       (focus)=\"editInput()\"\n                       (blur)=\"confirmInput()\"\n                       #operandInput>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.BOOLEAN\">\n            <div fxLayout=\"row\">\n                <mat-slide-toggle [formControl]=\"inputFormControl\"\n                                  [disabled]=\"!editable\"\n                                  (focus)=\"editInput()\"\n                                  (toggleChange)=\"confirmInput()\"></mat-slide-toggle>\n            </div>\n        </ng-template>\n    </div>\n</ng-template>\n\n<ng-template #operandDisplay>\n    <div [ngSwitch]=\"inputType\" (click)=\"editInput()\" class=\"bold-text\">\n        <div *ngSwitchCase=\"searchInputType.AUTOCOMPLETE\">\n            {{inputFormControl.value.text | translate}}\n        </div>\n        <div *ngSwitchCase=\"searchInputType.DATE\">\n            {{inputFormControl.value.format(dateFormat)}}\n        </div>\n        <div *ngSwitchCase=\"searchInputType.DATE_TIME\">\n            {{inputFormControl.value.format(dateTimeFormat)}}\n        </div>\n        <div *ngSwitchDefault>\n            {{inputFormControl.value}}\n        </div>\n    </div>\n</ng-template>\n", styles: [".bold-text{font-weight:700}\n"] }]
         }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLW9wZXJhbmQtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvc2VhcmNoL2FkdmFuY2VkLXNlYXJjaC9zZWFyY2gtb3BlcmFuZC1pbnB1dC1jb21wb25lbnQvc2VhcmNoLW9wZXJhbmQtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvc2VhcmNoL2FkdmFuY2VkLXNlYXJjaC9zZWFyY2gtb3BlcmFuZC1pbnB1dC1jb21wb25lbnQvc2VhcmNoLW9wZXJhbmQtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sOENBQThDLENBQUM7QUFDbEYsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQ0gsbUNBQW1DLEVBQ25DLGtCQUFrQixFQUFFLGdCQUFnQixFQUNwQyx1QkFBdUIsRUFDdkIsZUFBZSxFQUNsQixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7Ozs7OztBQVVsQyxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsbUNBQW1DO0lBUWhGO1FBQ0ksS0FBSyxFQUFFLENBQUM7UUFQWiwrQkFBK0I7UUFDeEIsb0JBQWUsR0FBRyxlQUFlLENBQUM7UUFFbEMsZUFBVSxHQUFHLGtCQUFrQixDQUFDO1FBQ2hDLG1CQUFjLEdBQUcsdUJBQXVCLENBQUM7SUFJaEQsQ0FBQzs7eUhBVlEsMkJBQTJCOzZHQUEzQiwyQkFBMkIsa0RBSnpCO1FBQ1AsRUFBQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsUUFBUSxFQUFFLGdCQUFnQixFQUFDO0tBQzlELGlEQ2ZMLGlsTEFrSEE7NEZEakdhLDJCQUEyQjtrQkFSdkMsU0FBUzsrQkFDSSx5QkFBeUIsYUFHeEI7d0JBQ1AsRUFBQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsUUFBUSxFQUFFLGdCQUFnQixFQUFDO3FCQUM5RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TkdYX01BVF9EQVRFX0ZPUk1BVFN9IGZyb20gJ0Bhbmd1bGFyLW1hdGVyaWFsLWNvbXBvbmVudHMvZGF0ZXRpbWUtcGlja2VyJztcbmltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RTZWFyY2hPcGVyYW5kSW5wdXRDb21wb25lbnQsXG4gICAgREFURV9GT1JNQVRfU1RSSU5HLCBEQVRFX1RJTUVfRk9STUFULFxuICAgIERBVEVfVElNRV9GT1JNQVRfU1RSSU5HLFxuICAgIFNlYXJjaElucHV0VHlwZVxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXNlYXJjaC1vcGVyYW5kLWlucHV0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VhcmNoLW9wZXJhbmQtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3NlYXJjaC1vcGVyYW5kLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtwcm92aWRlOiBOR1hfTUFUX0RBVEVfRk9STUFUUywgdXNlVmFsdWU6IERBVEVfVElNRV9GT1JNQVR9XG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBTZWFyY2hPcGVyYW5kSW5wdXRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFNlYXJjaE9wZXJhbmRJbnB1dENvbXBvbmVudCB7XG5cbiAgICAvLyBtYWtlIGVudW0gYWNjZXNzaWJsZSBpbiBIVE1sXG4gICAgcHVibGljIHNlYXJjaElucHV0VHlwZSA9IFNlYXJjaElucHV0VHlwZTtcblxuICAgIHB1YmxpYyBkYXRlRm9ybWF0ID0gREFURV9GT1JNQVRfU1RSSU5HO1xuICAgIHB1YmxpYyBkYXRlVGltZUZvcm1hdCA9IERBVEVfVElNRV9GT1JNQVRfU1RSSU5HO1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxufVxuIiwiPGRpdiAqbmdJZj1cIiFpc0lucHV0RmlsbGVkOyB0aGVuIG9wZXJhbmRTZWxlY3Rpb24gZWxzZSBvcGVyYW5kRGlzcGxheVwiPjwvZGl2PlxuXG48bmctdGVtcGxhdGUgI29wZXJhbmRTZWxlY3Rpb24+XG4gICAgPGRpdiBbbmdTd2l0Y2hdPVwiaW5wdXRUeXBlXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdTd2l0Y2hDYXNlXT1cInNlYXJjaElucHV0VHlwZS5URVhUXCI+XG4gICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cbiAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBtYXRJbnB1dCBhdXRvY29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiaW5wdXRGb3JtQ29udHJvbFwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCIhZWRpdGFibGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCIkZXZlbnQudGFyZ2V0LmJsdXIoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgIChibHVyKT1cImNvbmZpcm1JbnB1dCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgI29wZXJhbmRJbnB1dD5cbiAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1N3aXRjaENhc2VdPVwic2VhcmNoSW5wdXRUeXBlLkFVVE9DT01QTEVURVwiPlxuICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XG4gICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgbWF0SW5wdXQgYXV0b2NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICAgICAgICAgICAgICAgI2F1dG9jb21wbGV0ZUlucHV0XG4gICAgICAgICAgICAgICAgICAgICAgICNhdXRvY29tcGxldGVUcmlnZ2VyPVwibWF0QXV0b2NvbXBsZXRlVHJpZ2dlclwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJpbnB1dEZvcm1Db250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW21hdEF1dG9jb21wbGV0ZV09XCJzZWFyY2hBdXRvY29tcGxldGVcIlxuICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiIWVkaXRhYmxlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgKGtleWRvd24uZW50ZXIpPVwiJGV2ZW50LnRhcmdldC5ibHVyKCk7IGF1dG9jb21wbGV0ZVRyaWdnZXIuY2xvc2VQYW5lbCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgKGZvY3VzKT1cImVkaXRJbnB1dCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgI29wZXJhbmRJbnB1dD5cbiAgICAgICAgICAgICAgICA8bWF0LWF1dG9jb21wbGV0ZSAjc2VhcmNoQXV0b2NvbXBsZXRlPVwibWF0QXV0b2NvbXBsZXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGlzcGxheVdpdGhdPVwicmVuZGVyU2VsZWN0aW9uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAob3B0aW9uU2VsZWN0ZWQpPVwiYXV0b2NvbXBsZXRlSW5wdXQuYmx1cigpXCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtb3B0aW9uICpuZ0Zvcj1cImxldCBvcHRpb24gb2YgZmlsdGVyZWRPcHRpb25zJCB8IGFzeW5jXCIgW3ZhbHVlXT1cIm9wdGlvblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwib3B0aW9uLmljb25cIj57e29wdGlvbi5pY29ufX08L21hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+e3tvcHRpb24udGV4dCB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L21hdC1vcHRpb24+XG4gICAgICAgICAgICAgICAgPC9tYXQtYXV0b2NvbXBsZXRlPlxuICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgICA8bmctdGVtcGxhdGUgW25nU3dpdGNoQ2FzZV09XCJzZWFyY2hJbnB1dFR5cGUuREFURVwiPlxuICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XG4gICAgICAgICAgICAgICAgPGlucHV0IG1hdElucHV0IGF1dG9jb21wbGV0ZT1cIm9mZlwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJpbnB1dEZvcm1Db250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW21hdERhdGVwaWNrZXJdPVwic2VhcmNoRGF0ZXBpY2tlclwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCIhZWRpdGFibGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJzZWFyY2hEYXRlcGlja2VyLmNsb3NlKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAoZm9jdXMpPVwiZWRpdElucHV0KCk7IHNlYXJjaERhdGVwaWNrZXIub3BlbigpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgKGJsdXIpPVwiY29uZmlybUlucHV0KClcIlxuICAgICAgICAgICAgICAgICAgICAgICAjb3BlcmFuZElucHV0PlxuICAgICAgICAgICAgICAgIDxtYXQtZGF0ZXBpY2tlci10b2dnbGUgbWF0UHJlZml4IFtmb3JdPVwic2VhcmNoRGF0ZXBpY2tlclwiPjwvbWF0LWRhdGVwaWNrZXItdG9nZ2xlPlxuICAgICAgICAgICAgICAgIDxtYXQtZGF0ZXBpY2tlciAjc2VhcmNoRGF0ZXBpY2tlcj48L21hdC1kYXRlcGlja2VyPlxuICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgICA8bmctdGVtcGxhdGUgW25nU3dpdGNoQ2FzZV09XCJzZWFyY2hJbnB1dFR5cGUuREFURV9USU1FXCI+XG4gICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cbiAgICAgICAgICAgICAgICA8aW5wdXQgbWF0SW5wdXQgYXV0b2NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImlucHV0Rm9ybUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICBbbmd4TWF0RGF0ZXRpbWVQaWNrZXJdPVwic2VhcmNoRGF0ZVRpbWVwaWNrZXJcIlxuICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiIWVkaXRhYmxlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgKGtleWRvd24uZW50ZXIpPVwic2VhcmNoRGF0ZVRpbWVwaWNrZXIuY2xvc2UoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgIChmb2N1cyk9XCJlZGl0SW5wdXQoKTsgc2VhcmNoRGF0ZVRpbWVwaWNrZXIub3BlbigpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgI29wZXJhbmRJbnB1dD5cbiAgICAgICAgICAgICAgICA8bWF0LWRhdGVwaWNrZXItdG9nZ2xlIG1hdFByZWZpeCBbZm9yXT1cInNlYXJjaERhdGVUaW1lcGlja2VyXCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBtYXREYXRlcGlja2VyVG9nZ2xlSWNvbj5zY2hlZHVsZTwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgPC9tYXQtZGF0ZXBpY2tlci10b2dnbGU+XG4gICAgICAgICAgICAgICAgPG5neC1tYXQtZGF0ZXRpbWUtcGlja2VyICNzZWFyY2hEYXRlVGltZXBpY2tlclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2hvd1NwaW5uZXJzXT1cInRydWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2hvd1NlY29uZHNdPVwiZmFsc2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3RlcEhvdXJdPVwiMVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzdGVwTWludXRlXT1cIjVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbY29sb3JdPVwiJ3ByaW1hcnknXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2VuYWJsZU1lcmlkaWFuXT1cImZhbHNlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsb3NlZCk9XCJjb25maXJtSW5wdXQoKVwiPjwvbmd4LW1hdC1kYXRldGltZS1waWNrZXI+XG4gICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdTd2l0Y2hDYXNlXT1cInNlYXJjaElucHV0VHlwZS5OVU1CRVJcIj5cbiAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxuICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwibnVtYmVyXCIgbWF0SW5wdXQgYXV0b2NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImlucHV0Rm9ybUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiIWVkaXRhYmxlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgKGtleWRvd24uZW50ZXIpPVwiJGV2ZW50LnRhcmdldC5ibHVyKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAoZm9jdXMpPVwiZWRpdElucHV0KClcIlxuICAgICAgICAgICAgICAgICAgICAgICAoYmx1cik9XCJjb25maXJtSW5wdXQoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICNvcGVyYW5kSW5wdXQ+XG4gICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdTd2l0Y2hDYXNlXT1cInNlYXJjaElucHV0VHlwZS5CT09MRUFOXCI+XG4gICAgICAgICAgICA8ZGl2IGZ4TGF5b3V0PVwicm93XCI+XG4gICAgICAgICAgICAgICAgPG1hdC1zbGlkZS10b2dnbGUgW2Zvcm1Db250cm9sXT1cImlucHV0Rm9ybUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCIhZWRpdGFibGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChmb2N1cyk9XCJlZGl0SW5wdXQoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKHRvZ2dsZUNoYW5nZSk9XCJjb25maXJtSW5wdXQoKVwiPjwvbWF0LXNsaWRlLXRvZ2dsZT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNvcGVyYW5kRGlzcGxheT5cbiAgICA8ZGl2IFtuZ1N3aXRjaF09XCJpbnB1dFR5cGVcIiAoY2xpY2spPVwiZWRpdElucHV0KClcIiBjbGFzcz1cImJvbGQtdGV4dFwiPlxuICAgICAgICA8ZGl2ICpuZ1N3aXRjaENhc2U9XCJzZWFyY2hJbnB1dFR5cGUuQVVUT0NPTVBMRVRFXCI+XG4gICAgICAgICAgICB7e2lucHV0Rm9ybUNvbnRyb2wudmFsdWUudGV4dCB8IHRyYW5zbGF0ZX19XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ1N3aXRjaENhc2U9XCJzZWFyY2hJbnB1dFR5cGUuREFURVwiPlxuICAgICAgICAgICAge3tpbnB1dEZvcm1Db250cm9sLnZhbHVlLmZvcm1hdChkYXRlRm9ybWF0KX19XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ1N3aXRjaENhc2U9XCJzZWFyY2hJbnB1dFR5cGUuREFURV9USU1FXCI+XG4gICAgICAgICAgICB7e2lucHV0Rm9ybUNvbnRyb2wudmFsdWUuZm9ybWF0KGRhdGVUaW1lRm9ybWF0KX19XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ1N3aXRjaERlZmF1bHQ+XG4gICAgICAgICAgICB7e2lucHV0Rm9ybUNvbnRyb2wudmFsdWV9fVxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLW9wZXJhbmQtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvc2VhcmNoL2FkdmFuY2VkLXNlYXJjaC9zZWFyY2gtb3BlcmFuZC1pbnB1dC1jb21wb25lbnQvc2VhcmNoLW9wZXJhbmQtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvc2VhcmNoL2FkdmFuY2VkLXNlYXJjaC9zZWFyY2gtb3BlcmFuZC1pbnB1dC1jb21wb25lbnQvc2VhcmNoLW9wZXJhbmQtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sOENBQThDLENBQUM7QUFDbEYsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQ0gsbUNBQW1DLEVBQ25DLGtCQUFrQixFQUFFLGdCQUFnQixFQUNwQyx1QkFBdUIsRUFDdkIsZUFBZSxFQUNsQixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7Ozs7OztBQVVsQyxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsbUNBQW1DO0lBUWhGO1FBQ0ksS0FBSyxFQUFFLENBQUM7UUFQWiwrQkFBK0I7UUFDeEIsb0JBQWUsR0FBRyxlQUFlLENBQUM7UUFFbEMsZUFBVSxHQUFHLGtCQUFrQixDQUFDO1FBQ2hDLG1CQUFjLEdBQUcsdUJBQXVCLENBQUM7SUFJaEQsQ0FBQzs7eUhBVlEsMkJBQTJCOzZHQUEzQiwyQkFBMkIsa0RBSnpCO1FBQ1AsRUFBQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsUUFBUSxFQUFFLGdCQUFnQixFQUFDO0tBQzlELGlEQ2ZMLG1sTEFrSEE7NEZEakdhLDJCQUEyQjtrQkFSdkMsU0FBUzsrQkFDSSx5QkFBeUIsYUFHeEI7d0JBQ1AsRUFBQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsUUFBUSxFQUFFLGdCQUFnQixFQUFDO3FCQUM5RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TkdYX01BVF9EQVRFX0ZPUk1BVFN9IGZyb20gJ0Bhbmd1bGFyLW1hdGVyaWFsLWNvbXBvbmVudHMvZGF0ZXRpbWUtcGlja2VyJztcbmltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RTZWFyY2hPcGVyYW5kSW5wdXRDb21wb25lbnQsXG4gICAgREFURV9GT1JNQVRfU1RSSU5HLCBEQVRFX1RJTUVfRk9STUFULFxuICAgIERBVEVfVElNRV9GT1JNQVRfU1RSSU5HLFxuICAgIFNlYXJjaElucHV0VHlwZVxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXNlYXJjaC1vcGVyYW5kLWlucHV0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VhcmNoLW9wZXJhbmQtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3NlYXJjaC1vcGVyYW5kLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtwcm92aWRlOiBOR1hfTUFUX0RBVEVfRk9STUFUUywgdXNlVmFsdWU6IERBVEVfVElNRV9GT1JNQVR9XG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBTZWFyY2hPcGVyYW5kSW5wdXRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFNlYXJjaE9wZXJhbmRJbnB1dENvbXBvbmVudCB7XG5cbiAgICAvLyBtYWtlIGVudW0gYWNjZXNzaWJsZSBpbiBIVE1sXG4gICAgcHVibGljIHNlYXJjaElucHV0VHlwZSA9IFNlYXJjaElucHV0VHlwZTtcblxuICAgIHB1YmxpYyBkYXRlRm9ybWF0ID0gREFURV9GT1JNQVRfU1RSSU5HO1xuICAgIHB1YmxpYyBkYXRlVGltZUZvcm1hdCA9IERBVEVfVElNRV9GT1JNQVRfU1RSSU5HO1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxufVxuIiwiPGRpdiAqbmdJZj1cIiFpc0lucHV0RmlsbGVkKCk7IHRoZW4gb3BlcmFuZFNlbGVjdGlvbiBlbHNlIG9wZXJhbmREaXNwbGF5XCI+PC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjb3BlcmFuZFNlbGVjdGlvbj5cbiAgICA8ZGl2IFtuZ1N3aXRjaF09XCJpbnB1dFR5cGVcIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1N3aXRjaENhc2VdPVwic2VhcmNoSW5wdXRUeXBlLlRFWFRcIj5cbiAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxuICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIG1hdElucHV0IGF1dG9jb21wbGV0ZT1cIm9mZlwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJpbnB1dEZvcm1Db250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFlZGl0YWJsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgIChrZXlkb3duLmVudGVyKT1cIiRldmVudC50YXJnZXQuYmx1cigpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgKGJsdXIpPVwiY29uZmlybUlucHV0KClcIlxuICAgICAgICAgICAgICAgICAgICAgICAjb3BlcmFuZElucHV0PlxuICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgICA8bmctdGVtcGxhdGUgW25nU3dpdGNoQ2FzZV09XCJzZWFyY2hJbnB1dFR5cGUuQVVUT0NPTVBMRVRFXCI+XG4gICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cbiAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBtYXRJbnB1dCBhdXRvY29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgICAgICAgICAgICAjYXV0b2NvbXBsZXRlSW5wdXRcbiAgICAgICAgICAgICAgICAgICAgICAgI2F1dG9jb21wbGV0ZVRyaWdnZXI9XCJtYXRBdXRvY29tcGxldGVUcmlnZ2VyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImlucHV0Rm9ybUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICBbbWF0QXV0b2NvbXBsZXRlXT1cInNlYXJjaEF1dG9jb21wbGV0ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCIhZWRpdGFibGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCIkZXZlbnQudGFyZ2V0LmJsdXIoKTsgYXV0b2NvbXBsZXRlVHJpZ2dlci5jbG9zZVBhbmVsKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAoZm9jdXMpPVwiZWRpdElucHV0KClcIlxuICAgICAgICAgICAgICAgICAgICAgICAjb3BlcmFuZElucHV0PlxuICAgICAgICAgICAgICAgIDxtYXQtYXV0b2NvbXBsZXRlICNzZWFyY2hBdXRvY29tcGxldGU9XCJtYXRBdXRvY29tcGxldGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtkaXNwbGF5V2l0aF09XCJyZW5kZXJTZWxlY3Rpb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChvcHRpb25TZWxlY3RlZCk9XCJhdXRvY29tcGxldGVJbnB1dC5ibHVyKClcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBmaWx0ZXJlZE9wdGlvbnMkIHwgYXN5bmNcIiBbdmFsdWVdPVwib3B0aW9uXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24gKm5nSWY9XCJvcHRpb24uaWNvblwiPnt7b3B0aW9uLmljb259fTwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj57e29wdGlvbi50ZXh0IHwgdHJhbnNsYXRlfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvbWF0LW9wdGlvbj5cbiAgICAgICAgICAgICAgICA8L21hdC1hdXRvY29tcGxldGU+XG4gICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdTd2l0Y2hDYXNlXT1cInNlYXJjaElucHV0VHlwZS5EQVRFXCI+XG4gICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cbiAgICAgICAgICAgICAgICA8aW5wdXQgbWF0SW5wdXQgYXV0b2NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImlucHV0Rm9ybUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICBbbWF0RGF0ZXBpY2tlcl09XCJzZWFyY2hEYXRlcGlja2VyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFlZGl0YWJsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgIChrZXlkb3duLmVudGVyKT1cInNlYXJjaERhdGVwaWNrZXIuY2xvc2UoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgIChmb2N1cyk9XCJlZGl0SW5wdXQoKTsgc2VhcmNoRGF0ZXBpY2tlci5vcGVuKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAoYmx1cik9XCJjb25maXJtSW5wdXQoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICNvcGVyYW5kSW5wdXQ+XG4gICAgICAgICAgICAgICAgPG1hdC1kYXRlcGlja2VyLXRvZ2dsZSBtYXRQcmVmaXggW2Zvcl09XCJzZWFyY2hEYXRlcGlja2VyXCI+PC9tYXQtZGF0ZXBpY2tlci10b2dnbGU+XG4gICAgICAgICAgICAgICAgPG1hdC1kYXRlcGlja2VyICNzZWFyY2hEYXRlcGlja2VyPjwvbWF0LWRhdGVwaWNrZXI+XG4gICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdTd2l0Y2hDYXNlXT1cInNlYXJjaElucHV0VHlwZS5EQVRFX1RJTUVcIj5cbiAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxuICAgICAgICAgICAgICAgIDxpbnB1dCBtYXRJbnB1dCBhdXRvY29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiaW5wdXRGb3JtQ29udHJvbFwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtuZ3hNYXREYXRldGltZVBpY2tlcl09XCJzZWFyY2hEYXRlVGltZXBpY2tlclwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCIhZWRpdGFibGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJzZWFyY2hEYXRlVGltZXBpY2tlci5jbG9zZSgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgKGZvY3VzKT1cImVkaXRJbnB1dCgpOyBzZWFyY2hEYXRlVGltZXBpY2tlci5vcGVuKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAjb3BlcmFuZElucHV0PlxuICAgICAgICAgICAgICAgIDxtYXQtZGF0ZXBpY2tlci10b2dnbGUgbWF0UHJlZml4IFtmb3JdPVwic2VhcmNoRGF0ZVRpbWVwaWNrZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIG1hdERhdGVwaWNrZXJUb2dnbGVJY29uPnNjaGVkdWxlPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICA8L21hdC1kYXRlcGlja2VyLXRvZ2dsZT5cbiAgICAgICAgICAgICAgICA8bmd4LW1hdC1kYXRldGltZS1waWNrZXIgI3NlYXJjaERhdGVUaW1lcGlja2VyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93U3Bpbm5lcnNdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93U2Vjb25kc109XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzdGVwSG91cl09XCIxXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3N0ZXBNaW51dGVdPVwiNVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjb2xvcl09XCIncHJpbWFyeSdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZW5hYmxlTWVyaWRpYW5dPVwiZmFsc2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xvc2VkKT1cImNvbmZpcm1JbnB1dCgpXCI+PC9uZ3gtbWF0LWRhdGV0aW1lLXBpY2tlcj5cbiAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1N3aXRjaENhc2VdPVwic2VhcmNoSW5wdXRUeXBlLk5VTUJFUlwiPlxuICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XG4gICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJudW1iZXJcIiBtYXRJbnB1dCBhdXRvY29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiaW5wdXRGb3JtQ29udHJvbFwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCIhZWRpdGFibGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCIkZXZlbnQudGFyZ2V0LmJsdXIoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgIChmb2N1cyk9XCJlZGl0SW5wdXQoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgIChibHVyKT1cImNvbmZpcm1JbnB1dCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgI29wZXJhbmRJbnB1dD5cbiAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1N3aXRjaENhc2VdPVwic2VhcmNoSW5wdXRUeXBlLkJPT0xFQU5cIj5cbiAgICAgICAgICAgIDxkaXYgZnhMYXlvdXQ9XCJyb3dcIj5cbiAgICAgICAgICAgICAgICA8bWF0LXNsaWRlLXRvZ2dsZSBbZm9ybUNvbnRyb2xdPVwiaW5wdXRGb3JtQ29udHJvbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFlZGl0YWJsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGZvY3VzKT1cImVkaXRJbnB1dCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAodG9nZ2xlQ2hhbmdlKT1cImNvbmZpcm1JbnB1dCgpXCI+PC9tYXQtc2xpZGUtdG9nZ2xlPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI29wZXJhbmREaXNwbGF5PlxuICAgIDxkaXYgW25nU3dpdGNoXT1cImlucHV0VHlwZVwiIChjbGljayk9XCJlZGl0SW5wdXQoKVwiIGNsYXNzPVwiYm9sZC10ZXh0XCI+XG4gICAgICAgIDxkaXYgKm5nU3dpdGNoQ2FzZT1cInNlYXJjaElucHV0VHlwZS5BVVRPQ09NUExFVEVcIj5cbiAgICAgICAgICAgIHt7aW5wdXRGb3JtQ29udHJvbC52YWx1ZS50ZXh0IHwgdHJhbnNsYXRlfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nU3dpdGNoQ2FzZT1cInNlYXJjaElucHV0VHlwZS5EQVRFXCI+XG4gICAgICAgICAgICB7e2lucHV0Rm9ybUNvbnRyb2wudmFsdWUuZm9ybWF0KGRhdGVGb3JtYXQpfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nU3dpdGNoQ2FzZT1cInNlYXJjaElucHV0VHlwZS5EQVRFX1RJTUVcIj5cbiAgICAgICAgICAgIHt7aW5wdXRGb3JtQ29udHJvbC52YWx1ZS5mb3JtYXQoZGF0ZVRpbWVGb3JtYXQpfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nU3dpdGNoRGVmYXVsdD5cbiAgICAgICAgICAgIHt7aW5wdXRGb3JtQ29udHJvbC52YWx1ZX19XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2020/lib/side-menu/side-menu-container/side-menu-container.component.mjs

@@ -12,9 +12,9 @@ export class SideMenuContainerComponent extends AbstractSideMenuContainerCompone
     }
 }
 SideMenuContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SideMenuContainerComponent, deps: [{ token: i1.SideMenuService }], target: i0.ɵɵFactoryTarget.Component });
-SideMenuContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SideMenuContainerComponent, selector: "nc-side-menu-container", usesInheritance: true, ngImport: i0, template: "<mat-sidenav-container class=\"side-menu-container\">\n    <mat-sidenav #rightSideMenu mode=\"over\" position=\"end\" class=\"side-menu\" ngClass.lt-sm=\"side-menu-size-mobile\"\n                 [ngClass.gt-xs]=\"portalWrapper.size\">\n        <ng-template [cdkPortalOutlet]=\"portalWrapper.portal\"></ng-template>\n    </mat-sidenav>\n    <mat-sidenav-content>\n        <ng-content></ng-content>\n    </mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [".side-menu-container{position:absolute;top:0;bottom:0;left:0;right:0}.side-menu{border-radius:4px}.side-menu-width-small{width:296px}.side-menu-width-medium{width:400px}.side-menu-width-large{width:496px}.side-menu-size-mobile{width:246px}\n"], components: [{ type: i2.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i2.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i2.MatSidenavContent, selector: "mat-sidenav-content" }], directives: [{ type: i3.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i4.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }] });
+SideMenuContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SideMenuContainerComponent, selector: "nc-side-menu-container", usesInheritance: true, ngImport: i0, template: "<mat-sidenav-container class=\"side-menu-container\">\n    <mat-sidenav #rightSideMenu mode=\"over\" position=\"end\" class=\"side-menu\" ngClass.lt-sm=\"side-menu-size-mobile\"\n                 [ngClass.gt-xs]=\"portalWrapper.size\">\n        <ng-template [cdkPortalOutlet]=\"portalWrapper.portal\"></ng-template>\n    </mat-sidenav>\n    <mat-sidenav-content>\n        <ng-content></ng-content>\n    </mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [".side-menu-container{position:absolute;inset:0}.side-menu{border-radius:4px}.side-menu-width-small{width:296px}.side-menu-width-medium{width:400px}.side-menu-width-large{width:496px}.side-menu-size-mobile{width:246px}\n"], components: [{ type: i2.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i2.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i2.MatSidenavContent, selector: "mat-sidenav-content" }], directives: [{ type: i3.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i4.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SideMenuContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-side-menu-container', template: "<mat-sidenav-container class=\"side-menu-container\">\n    <mat-sidenav #rightSideMenu mode=\"over\" position=\"end\" class=\"side-menu\" ngClass.lt-sm=\"side-menu-size-mobile\"\n                 [ngClass.gt-xs]=\"portalWrapper.size\">\n        <ng-template [cdkPortalOutlet]=\"portalWrapper.portal\"></ng-template>\n    </mat-sidenav>\n    <mat-sidenav-content>\n        <ng-content></ng-content>\n    </mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [".side-menu-container{position:absolute;top:0;bottom:0;left:0;right:0}.side-menu{border-radius:4px}.side-menu-width-small{width:296px}.side-menu-width-medium{width:400px}.side-menu-width-large{width:496px}.side-menu-size-mobile{width:246px}\n"] }]
+            args: [{ selector: 'nc-side-menu-container', template: "<mat-sidenav-container class=\"side-menu-container\">\n    <mat-sidenav #rightSideMenu mode=\"over\" position=\"end\" class=\"side-menu\" ngClass.lt-sm=\"side-menu-size-mobile\"\n                 [ngClass.gt-xs]=\"portalWrapper.size\">\n        <ng-template [cdkPortalOutlet]=\"portalWrapper.portal\"></ng-template>\n    </mat-sidenav>\n    <mat-sidenav-content>\n        <ng-content></ng-content>\n    </mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [".side-menu-container{position:absolute;inset:0}.side-menu{border-radius:4px}.side-menu-width-small{width:296px}.side-menu-width-medium{width:400px}.side-menu-width-large{width:496px}.side-menu-size-mobile{width:246px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.SideMenuService }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51LWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zaWRlLW1lbnUvc2lkZS1tZW51LWNvbnRhaW5lci9zaWRlLW1lbnUtY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3NpZGUtbWVudS9zaWRlLW1lbnUtY29udGFpbmVyL3NpZGUtbWVudS1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsa0NBQWtDLEVBQWtCLE1BQU0sMEJBQTBCLENBQUM7Ozs7OztBQU83RixNQUFNLE9BQU8sMEJBQTJCLFNBQVEsa0NBQWtDO0lBRTlFLFlBQTZCLGdCQUFpQztRQUMxRCxLQUFLLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQURDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBaUI7SUFFOUQsQ0FBQzs7d0hBSlEsMEJBQTBCOzRHQUExQiwwQkFBMEIscUZDUnZDLHVjQVNBOzRGRERhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDSSx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0U2lkZU1lbnVDb250YWluZXJDb21wb25lbnQsIFNpZGVNZW51U2VydmljZX0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1zaWRlLW1lbnUtY29udGFpbmVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2lkZS1tZW51LWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc2lkZS1tZW51LWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVNZW51Q29udGFpbmVyQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RTaWRlTWVudUNvbnRhaW5lckNvbXBvbmVudCB7XG5cbiAgICBwdWJsaWMgY29uc3RydWN0b3IocHJvdGVjdGVkIF9zaWRlTWVudVNlcnZpY2U6IFNpZGVNZW51U2VydmljZSkge1xuICAgICAgICBzdXBlcihfc2lkZU1lbnVTZXJ2aWNlKTtcbiAgICB9XG59XG4iLCI8bWF0LXNpZGVuYXYtY29udGFpbmVyIGNsYXNzPVwic2lkZS1tZW51LWNvbnRhaW5lclwiPlxuICAgIDxtYXQtc2lkZW5hdiAjcmlnaHRTaWRlTWVudSBtb2RlPVwib3ZlclwiIHBvc2l0aW9uPVwiZW5kXCIgY2xhc3M9XCJzaWRlLW1lbnVcIiBuZ0NsYXNzLmx0LXNtPVwic2lkZS1tZW51LXNpemUtbW9iaWxlXCJcbiAgICAgICAgICAgICAgICAgW25nQ2xhc3MuZ3QteHNdPVwicG9ydGFsV3JhcHBlci5zaXplXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbY2RrUG9ydGFsT3V0bGV0XT1cInBvcnRhbFdyYXBwZXIucG9ydGFsXCI+PC9uZy10ZW1wbGF0ZT5cbiAgICA8L21hdC1zaWRlbmF2PlxuICAgIDxtYXQtc2lkZW5hdi1jb250ZW50PlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9tYXQtc2lkZW5hdi1jb250ZW50PlxuPC9tYXQtc2lkZW5hdi1jb250YWluZXI+XG4iXX0=

package/esm2020/lib/task-content/field-component-resolver/field-component-resolver.component.mjs

@@ -12,21 +12,22 @@ import * as i8 from "../../data-fields/date-time-field/date-time-field.component
 import * as i9 from "../../data-fields/file-field/file-field.component";
 import * as i10 from "../../data-fields/file-field-list/file-list-field.component";
 import * as i11 from "../../data-fields/user-field/user-field.component";
-import * as i12 from "../../data-fields/button-field/button-field.component";
-import * as i13 from "../../data-fields/filter-field/filter-field.component";
-import * as i14 from "../../data-fields/i18n-field/i18n-field.component";
-import * as i15 from "@angular/flex-layout/flex";
-import * as i16 from "@angular/common";
-import * as i17 from "@angular/flex-layout/extended";
+import * as i12 from "../../data-fields/user-list-field/user-list-field.component";
+import * as i13 from "../../data-fields/button-field/button-field.component";
+import * as i14 from "../../data-fields/filter-field/filter-field.component";
+import * as i15 from "../../data-fields/i18n-field/i18n-field.component";
+import * as i16 from "@angular/flex-layout/flex";
+import * as i17 from "@angular/common";
+import * as i18 from "@angular/flex-layout/extended";
 export class FieldComponentResolverComponent extends AbstractFieldComponentResolverComponent {
     constructor(taskContentService) {
         super(taskContentService);
     }
 }
 FieldComponentResolverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FieldComponentResolverComponent, deps: [{ token: i1.TaskContentService }], target: i0.ɵɵFactoryTarget.Component });
-FieldComponentResolverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FieldComponentResolverComponent, selector: "nc-field-component-resolver", usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"netgrif-input\" [ngClass]=\"{'min-row-height': isField() && !isCustomHeight()}\" [ngSwitch]=\"getElementType()\">\n    <nc-boolean-field *ngSwitchCase=\"fieldTypeEnum.BOOLEAN\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-boolean-field>\n\n    <nc-text-field *ngSwitchCase=\"fieldTypeEnum.TEXT\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-text-field>\n\n    <nc-number-field *ngSwitchCase=\"fieldTypeEnum.NUMBER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-number-field>\n\n    <nc-enumeration-field *ngSwitchCase=\"fieldTypeEnum.ENUMERATION\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-enumeration-field>\n\n    <nc-enumeration-field *ngSwitchCase=\"fieldTypeEnum.ENUMERATION_MAP\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-enumeration-field>\n\n    <nc-multichoice-field *ngSwitchCase=\"fieldTypeEnum.MULTICHOICE\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-multichoice-field>\n\n    <nc-multichoice-field *ngSwitchCase=\"fieldTypeEnum.MULTICHOICE_MAP\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-multichoice-field>\n\n    <nc-date-field *ngSwitchCase=\"fieldTypeEnum.DATE\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex class=\"date-field-fix\">\n    </nc-date-field>\n\n    <nc-date-time-field *ngSwitchCase=\"fieldTypeEnum.DATE_TIME\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex class=\"date-field-fix\">\n    </nc-date-time-field>\n\n    <nc-file-field *ngSwitchCase=\"fieldTypeEnum.FILE\" [dataField]=\"getDataField()\" [taskId]=\"getTaskId()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-file-field>\n\n    <nc-file-list-field *ngSwitchCase=\"fieldTypeEnum.FILE_LIST\" [dataField]=\"getDataField()\" [taskId]=\"getTaskId()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-file-list-field>\n\n    <nc-user-field *ngSwitchCase=\"fieldTypeEnum.USER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-user-field>\n\n    <nc-button-field *ngSwitchCase=\"fieldTypeEnum.BUTTON\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-button-field>\n\n    <nc-filter-field *ngSwitchCase=\"fieldTypeEnum.FILTER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex=\"\">\n    </nc-filter-field>\n\n    <nc-i18n-field *ngSwitchCase=\"fieldTypeEnum.I18N\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-i18n-field>\n\n    <div *ngSwitchCase=\"taskElementEnum.DATA_GROUP_TITLE\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <div fxFlex=\"20\" class=\"line-datagroup\"></div>\n        <span [ngClass]=\"{'margin-default': getDataGroupTitle() !== ''}\">{{getDataGroupTitle()}}</span>\n        <div fxFlex class=\"line-datagroup\"></div>\n    </div>\n\n    <div *ngSwitchCase=\"taskElementEnum.LOADER\" class=\"min-row-height\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <div class=\"phl-item\">\n            <div class=\"phl-row\" fxLayoutAlign=\"center center\">\n                <div class=\"phl-col\">\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <div *ngSwitchCase=\"taskElementEnum.BLANK\"></div>\n</div>\n", styles: [".line-datagroup{height:1px;background:rgba(0,0,0,.12)}.margin-default{margin-right:8px;margin-left:8px}.min-row-height{min-height:75px}.phl-row{width:100%;flex-wrap:wrap}.phl-col{height:70px;flex:0 0 90%;background-color:#ced4da;border-radius:8px}.phl-item{width:100%;position:relative;display:flex;flex-wrap:wrap;overflow:hidden;background-color:#fff}.phl-item:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer 1s infinite;content:\"\"}@keyframes shimmer{to{transform:translate(100%)}}.phl-item,.phl-item *,.phl-item:after,.phl-item:before{box-sizing:border-box}\n"], components: [{ type: i2.BooleanFieldComponent, selector: "nc-boolean-field" }, { type: i3.TextFieldComponent, selector: "nc-text-field" }, { type: i4.NumberFieldComponent, selector: "nc-number-field" }, { type: i5.EnumerationFieldComponent, selector: "nc-enumeration-field" }, { type: i6.MultichoiceFieldComponent, selector: "nc-multichoice-field" }, { type: i7.DateFieldComponent, selector: "nc-date-field" }, { type: i8.DateTimeFieldComponent, selector: "nc-date-time-field" }, { type: i9.FileFieldComponent, selector: "nc-file-field" }, { type: i10.FileListFieldComponent, selector: "nc-file-list-field" }, { type: i11.UserFieldComponent, selector: "nc-user-field" }, { type: i12.ButtonFieldComponent, selector: "nc-button-field" }, { type: i13.FilterFieldComponent, selector: "nc-filter-field" }, { type: i14.I18nFieldComponent, selector: "nc-i18n-field" }], directives: [{ type: i15.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i15.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i16.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i17.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i16.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i16.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i15.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"] }] });
+FieldComponentResolverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FieldComponentResolverComponent, selector: "nc-field-component-resolver", usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"netgrif-input\" [ngClass]=\"{'min-row-height': isField() && !isCustomHeight()}\" [ngSwitch]=\"getElementType()\">\n    <nc-boolean-field *ngSwitchCase=\"fieldTypeEnum.BOOLEAN\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-boolean-field>\n\n    <nc-text-field *ngSwitchCase=\"fieldTypeEnum.TEXT\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-text-field>\n\n    <nc-number-field *ngSwitchCase=\"fieldTypeEnum.NUMBER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-number-field>\n\n    <nc-enumeration-field *ngSwitchCase=\"fieldTypeEnum.ENUMERATION\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-enumeration-field>\n\n    <nc-enumeration-field *ngSwitchCase=\"fieldTypeEnum.ENUMERATION_MAP\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-enumeration-field>\n\n    <nc-multichoice-field *ngSwitchCase=\"fieldTypeEnum.MULTICHOICE\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-multichoice-field>\n\n    <nc-multichoice-field *ngSwitchCase=\"fieldTypeEnum.MULTICHOICE_MAP\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-multichoice-field>\n\n    <nc-date-field *ngSwitchCase=\"fieldTypeEnum.DATE\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex class=\"date-field-fix\">\n    </nc-date-field>\n\n    <nc-date-time-field *ngSwitchCase=\"fieldTypeEnum.DATE_TIME\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex class=\"date-field-fix\">\n    </nc-date-time-field>\n\n    <nc-file-field *ngSwitchCase=\"fieldTypeEnum.FILE\" [dataField]=\"getDataField()\" [taskId]=\"getTaskId()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-file-field>\n\n    <nc-file-list-field *ngSwitchCase=\"fieldTypeEnum.FILE_LIST\" [dataField]=\"getDataField()\" [taskId]=\"getTaskId()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-file-list-field>\n\n    <nc-user-field *ngSwitchCase=\"fieldTypeEnum.USER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-user-field>\n\n    <nc-user-list-field *ngSwitchCase=\"fieldTypeEnum.USER_LIST\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-user-list-field>\n\n    <nc-button-field *ngSwitchCase=\"fieldTypeEnum.BUTTON\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-button-field>\n\n    <nc-filter-field *ngSwitchCase=\"fieldTypeEnum.FILTER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex=\"\">\n    </nc-filter-field>\n\n    <nc-i18n-field *ngSwitchCase=\"fieldTypeEnum.I18N\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-i18n-field>\n\n    <div *ngSwitchCase=\"taskElementEnum.DATA_GROUP_TITLE\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <div fxFlex=\"20\" class=\"line-datagroup\"></div>\n        <span [ngClass]=\"{'margin-default': getDataGroupTitle() !== ''}\">{{getDataGroupTitle()}}</span>\n        <div fxFlex class=\"line-datagroup\"></div>\n    </div>\n\n    <div *ngSwitchCase=\"taskElementEnum.LOADER\" class=\"min-row-height\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <div class=\"phl-item\">\n            <div class=\"phl-row\" fxLayoutAlign=\"center center\">\n                <div class=\"phl-col\">\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <div *ngSwitchCase=\"taskElementEnum.BLANK\"></div>\n</div>\n", styles: [".line-datagroup{height:1px;background:rgba(0,0,0,.12)}.margin-default{margin-right:8px;margin-left:8px}.min-row-height{min-height:75px}.phl-row{width:100%;flex-wrap:wrap}.phl-col{height:70px;flex:0 0 90%;background-color:#ced4da;border-radius:8px}.phl-item{width:100%;position:relative;display:flex;flex-wrap:wrap;overflow:hidden;background-color:#fff}.phl-item:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer 1s infinite;content:\"\"}@keyframes shimmer{to{transform:translate(100%)}}.phl-item,.phl-item *,.phl-item:after,.phl-item:before{box-sizing:border-box}\n"], components: [{ type: i2.BooleanFieldComponent, selector: "nc-boolean-field" }, { type: i3.TextFieldComponent, selector: "nc-text-field" }, { type: i4.NumberFieldComponent, selector: "nc-number-field" }, { type: i5.EnumerationFieldComponent, selector: "nc-enumeration-field" }, { type: i6.MultichoiceFieldComponent, selector: "nc-multichoice-field" }, { type: i7.DateFieldComponent, selector: "nc-date-field" }, { type: i8.DateTimeFieldComponent, selector: "nc-date-time-field" }, { type: i9.FileFieldComponent, selector: "nc-file-field" }, { type: i10.FileListFieldComponent, selector: "nc-file-list-field" }, { type: i11.UserFieldComponent, selector: "nc-user-field" }, { type: i12.UserListFieldComponent, selector: "nc-user-list-field" }, { type: i13.ButtonFieldComponent, selector: "nc-button-field" }, { type: i14.FilterFieldComponent, selector: "nc-filter-field" }, { type: i15.I18nFieldComponent, selector: "nc-i18n-field" }], directives: [{ type: i16.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i16.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i17.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i18.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i17.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i17.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i16.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FieldComponentResolverComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-field-component-resolver', template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"netgrif-input\" [ngClass]=\"{'min-row-height': isField() && !isCustomHeight()}\" [ngSwitch]=\"getElementType()\">\n    <nc-boolean-field *ngSwitchCase=\"fieldTypeEnum.BOOLEAN\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-boolean-field>\n\n    <nc-text-field *ngSwitchCase=\"fieldTypeEnum.TEXT\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-text-field>\n\n    <nc-number-field *ngSwitchCase=\"fieldTypeEnum.NUMBER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-number-field>\n\n    <nc-enumeration-field *ngSwitchCase=\"fieldTypeEnum.ENUMERATION\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-enumeration-field>\n\n    <nc-enumeration-field *ngSwitchCase=\"fieldTypeEnum.ENUMERATION_MAP\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-enumeration-field>\n\n    <nc-multichoice-field *ngSwitchCase=\"fieldTypeEnum.MULTICHOICE\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-multichoice-field>\n\n    <nc-multichoice-field *ngSwitchCase=\"fieldTypeEnum.MULTICHOICE_MAP\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-multichoice-field>\n\n    <nc-date-field *ngSwitchCase=\"fieldTypeEnum.DATE\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex class=\"date-field-fix\">\n    </nc-date-field>\n\n    <nc-date-time-field *ngSwitchCase=\"fieldTypeEnum.DATE_TIME\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex class=\"date-field-fix\">\n    </nc-date-time-field>\n\n    <nc-file-field *ngSwitchCase=\"fieldTypeEnum.FILE\" [dataField]=\"getDataField()\" [taskId]=\"getTaskId()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-file-field>\n\n    <nc-file-list-field *ngSwitchCase=\"fieldTypeEnum.FILE_LIST\" [dataField]=\"getDataField()\" [taskId]=\"getTaskId()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-file-list-field>\n\n    <nc-user-field *ngSwitchCase=\"fieldTypeEnum.USER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-user-field>\n\n    <nc-button-field *ngSwitchCase=\"fieldTypeEnum.BUTTON\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-button-field>\n\n    <nc-filter-field *ngSwitchCase=\"fieldTypeEnum.FILTER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex=\"\">\n    </nc-filter-field>\n\n    <nc-i18n-field *ngSwitchCase=\"fieldTypeEnum.I18N\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-i18n-field>\n\n    <div *ngSwitchCase=\"taskElementEnum.DATA_GROUP_TITLE\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <div fxFlex=\"20\" class=\"line-datagroup\"></div>\n        <span [ngClass]=\"{'margin-default': getDataGroupTitle() !== ''}\">{{getDataGroupTitle()}}</span>\n        <div fxFlex class=\"line-datagroup\"></div>\n    </div>\n\n    <div *ngSwitchCase=\"taskElementEnum.LOADER\" class=\"min-row-height\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <div class=\"phl-item\">\n            <div class=\"phl-row\" fxLayoutAlign=\"center center\">\n                <div class=\"phl-col\">\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <div *ngSwitchCase=\"taskElementEnum.BLANK\"></div>\n</div>\n", styles: [".line-datagroup{height:1px;background:rgba(0,0,0,.12)}.margin-default{margin-right:8px;margin-left:8px}.min-row-height{min-height:75px}.phl-row{width:100%;flex-wrap:wrap}.phl-col{height:70px;flex:0 0 90%;background-color:#ced4da;border-radius:8px}.phl-item{width:100%;position:relative;display:flex;flex-wrap:wrap;overflow:hidden;background-color:#fff}.phl-item:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer 1s infinite;content:\"\"}@keyframes shimmer{to{transform:translate(100%)}}.phl-item,.phl-item *,.phl-item:after,.phl-item:before{box-sizing:border-box}\n"] }]
+            args: [{ selector: 'nc-field-component-resolver', template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"netgrif-input\" [ngClass]=\"{'min-row-height': isField() && !isCustomHeight()}\" [ngSwitch]=\"getElementType()\">\n    <nc-boolean-field *ngSwitchCase=\"fieldTypeEnum.BOOLEAN\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-boolean-field>\n\n    <nc-text-field *ngSwitchCase=\"fieldTypeEnum.TEXT\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-text-field>\n\n    <nc-number-field *ngSwitchCase=\"fieldTypeEnum.NUMBER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-number-field>\n\n    <nc-enumeration-field *ngSwitchCase=\"fieldTypeEnum.ENUMERATION\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-enumeration-field>\n\n    <nc-enumeration-field *ngSwitchCase=\"fieldTypeEnum.ENUMERATION_MAP\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-enumeration-field>\n\n    <nc-multichoice-field *ngSwitchCase=\"fieldTypeEnum.MULTICHOICE\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-multichoice-field>\n\n    <nc-multichoice-field *ngSwitchCase=\"fieldTypeEnum.MULTICHOICE_MAP\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-multichoice-field>\n\n    <nc-date-field *ngSwitchCase=\"fieldTypeEnum.DATE\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex class=\"date-field-fix\">\n    </nc-date-field>\n\n    <nc-date-time-field *ngSwitchCase=\"fieldTypeEnum.DATE_TIME\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex class=\"date-field-fix\">\n    </nc-date-time-field>\n\n    <nc-file-field *ngSwitchCase=\"fieldTypeEnum.FILE\" [dataField]=\"getDataField()\" [taskId]=\"getTaskId()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-file-field>\n\n    <nc-file-list-field *ngSwitchCase=\"fieldTypeEnum.FILE_LIST\" [dataField]=\"getDataField()\" [taskId]=\"getTaskId()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-file-list-field>\n\n    <nc-user-field *ngSwitchCase=\"fieldTypeEnum.USER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-user-field>\n\n    <nc-user-list-field *ngSwitchCase=\"fieldTypeEnum.USER_LIST\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-user-list-field>\n\n    <nc-button-field *ngSwitchCase=\"fieldTypeEnum.BUTTON\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-button-field>\n\n    <nc-filter-field *ngSwitchCase=\"fieldTypeEnum.FILTER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex=\"\">\n    </nc-filter-field>\n\n    <nc-i18n-field *ngSwitchCase=\"fieldTypeEnum.I18N\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-i18n-field>\n\n    <div *ngSwitchCase=\"taskElementEnum.DATA_GROUP_TITLE\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <div fxFlex=\"20\" class=\"line-datagroup\"></div>\n        <span [ngClass]=\"{'margin-default': getDataGroupTitle() !== ''}\">{{getDataGroupTitle()}}</span>\n        <div fxFlex class=\"line-datagroup\"></div>\n    </div>\n\n    <div *ngSwitchCase=\"taskElementEnum.LOADER\" class=\"min-row-height\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <div class=\"phl-item\">\n            <div class=\"phl-row\" fxLayoutAlign=\"center center\">\n                <div class=\"phl-col\">\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <div *ngSwitchCase=\"taskElementEnum.BLANK\"></div>\n</div>\n", styles: [".line-datagroup{height:1px;background:rgba(0,0,0,.12)}.margin-default{margin-right:8px;margin-left:8px}.min-row-height{min-height:75px}.phl-row{width:100%;flex-wrap:wrap}.phl-col{height:70px;flex:0 0 90%;background-color:#ced4da;border-radius:8px}.phl-item{width:100%;position:relative;display:flex;flex-wrap:wrap;overflow:hidden;background-color:#fff}.phl-item:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer 1s infinite;content:\"\"}@keyframes shimmer{to{transform:translate(100%)}}.phl-item,.phl-item *,.phl-item:after,.phl-item:before{box-sizing:border-box}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TaskContentService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtY29tcG9uZW50LXJlc29sdmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3Rhc2stY29udGVudC9maWVsZC1jb21wb25lbnQtcmVzb2x2ZXIvZmllbGQtY29tcG9uZW50LXJlc29sdmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3Rhc2stY29udGVudC9maWVsZC1jb21wb25lbnQtcmVzb2x2ZXIvZmllbGQtY29tcG9uZW50LXJlc29sdmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDeEMsT0FBTyxFQUFDLHVDQUF1QyxFQUFxQixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBT3JHLE1BQU0sT0FBTywrQkFBZ0MsU0FBUSx1Q0FBdUM7SUFFeEYsWUFBWSxrQkFBc0M7UUFDOUMsS0FBSyxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFDOUIsQ0FBQzs7NkhBSlEsK0JBQStCO2lIQUEvQiwrQkFBK0IsMEZDUjVDLHM3R0ErREE7NEZEdkRhLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDSSw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0RmllbGRDb21wb25lbnRSZXNvbHZlckNvbXBvbmVudCwgVGFza0NvbnRlbnRTZXJ2aWNlfSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLWZpZWxkLWNvbXBvbmVudC1yZXNvbHZlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ZpZWxkLWNvbXBvbmVudC1yZXNvbHZlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZmllbGQtY29tcG9uZW50LXJlc29sdmVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRmllbGRDb21wb25lbnRSZXNvbHZlckNvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RmllbGRDb21wb25lbnRSZXNvbHZlckNvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3Rvcih0YXNrQ29udGVudFNlcnZpY2U6IFRhc2tDb250ZW50U2VydmljZSkge1xuICAgICAgICBzdXBlcih0YXNrQ29udGVudFNlcnZpY2UpO1xuICAgIH1cbn1cbiIsIjxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCIgY2xhc3M9XCJuZXRncmlmLWlucHV0XCIgW25nQ2xhc3NdPVwieydtaW4tcm93LWhlaWdodCc6IGlzRmllbGQoKSAmJiAhaXNDdXN0b21IZWlnaHQoKX1cIiBbbmdTd2l0Y2hdPVwiZ2V0RWxlbWVudFR5cGUoKVwiPlxuICAgIDxuYy1ib29sZWFuLWZpZWxkICpuZ1N3aXRjaENhc2U9XCJmaWVsZFR5cGVFbnVtLkJPT0xFQU5cIiBbZGF0YUZpZWxkXT1cImdldERhdGFGaWVsZCgpXCIgW3Rhc2tPZmZzZXRdPVwiZ2V0RmllbGRPZmZzZXQoKVwiIGZ4RmxleD5cbiAgICA8L25jLWJvb2xlYW4tZmllbGQ+XG5cbiAgICA8bmMtdGV4dC1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiZmllbGRUeXBlRW51bS5URVhUXCIgW2RhdGFGaWVsZF09XCJnZXREYXRhRmllbGQoKVwiIFt0YXNrT2Zmc2V0XT1cImdldEZpZWxkT2Zmc2V0KClcIiBmeEZsZXg+XG4gICAgPC9uYy10ZXh0LWZpZWxkPlxuXG4gICAgPG5jLW51bWJlci1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiZmllbGRUeXBlRW51bS5OVU1CRVJcIiBbZGF0YUZpZWxkXT1cImdldERhdGFGaWVsZCgpXCIgW3Rhc2tPZmZzZXRdPVwiZ2V0RmllbGRPZmZzZXQoKVwiIGZ4RmxleD5cbiAgICA8L25jLW51bWJlci1maWVsZD5cblxuICAgIDxuYy1lbnVtZXJhdGlvbi1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiZmllbGRUeXBlRW51bS5FTlVNRVJBVElPTlwiIFtkYXRhRmllbGRdPVwiZ2V0RGF0YUZpZWxkKClcIiBbdGFza09mZnNldF09XCJnZXRGaWVsZE9mZnNldCgpXCIgZnhGbGV4PlxuICAgIDwvbmMtZW51bWVyYXRpb24tZmllbGQ+XG5cbiAgICA8bmMtZW51bWVyYXRpb24tZmllbGQgKm5nU3dpdGNoQ2FzZT1cImZpZWxkVHlwZUVudW0uRU5VTUVSQVRJT05fTUFQXCIgW2RhdGFGaWVsZF09XCJnZXREYXRhRmllbGQoKVwiIFt0YXNrT2Zmc2V0XT1cImdldEZpZWxkT2Zmc2V0KClcIiBmeEZsZXg+XG4gICAgPC9uYy1lbnVtZXJhdGlvbi1maWVsZD5cblxuICAgIDxuYy1tdWx0aWNob2ljZS1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiZmllbGRUeXBlRW51bS5NVUxUSUNIT0lDRVwiIFtkYXRhRmllbGRdPVwiZ2V0RGF0YUZpZWxkKClcIiBbdGFza09mZnNldF09XCJnZXRGaWVsZE9mZnNldCgpXCIgZnhGbGV4PlxuICAgIDwvbmMtbXVsdGljaG9pY2UtZmllbGQ+XG5cbiAgICA8bmMtbXVsdGljaG9pY2UtZmllbGQgKm5nU3dpdGNoQ2FzZT1cImZpZWxkVHlwZUVudW0uTVVMVElDSE9JQ0VfTUFQXCIgW2RhdGFGaWVsZF09XCJnZXREYXRhRmllbGQoKVwiIFt0YXNrT2Zmc2V0XT1cImdldEZpZWxkT2Zmc2V0KClcIiBmeEZsZXg+XG4gICAgPC9uYy1tdWx0aWNob2ljZS1maWVsZD5cblxuICAgIDxuYy1kYXRlLWZpZWxkICpuZ1N3aXRjaENhc2U9XCJmaWVsZFR5cGVFbnVtLkRBVEVcIiBbZGF0YUZpZWxkXT1cImdldERhdGFGaWVsZCgpXCIgW3Rhc2tPZmZzZXRdPVwiZ2V0RmllbGRPZmZzZXQoKVwiIGZ4RmxleCBjbGFzcz1cImRhdGUtZmllbGQtZml4XCI+XG4gICAgPC9uYy1kYXRlLWZpZWxkPlxuXG4gICAgPG5jLWRhdGUtdGltZS1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiZmllbGRUeXBlRW51bS5EQVRFX1RJTUVcIiBbZGF0YUZpZWxkXT1cImdldERhdGFGaWVsZCgpXCIgW3Rhc2tPZmZzZXRdPVwiZ2V0RmllbGRPZmZzZXQoKVwiIGZ4RmxleCBjbGFzcz1cImRhdGUtZmllbGQtZml4XCI+XG4gICAgPC9uYy1kYXRlLXRpbWUtZmllbGQ+XG5cbiAgICA8bmMtZmlsZS1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiZmllbGRUeXBlRW51bS5GSUxFXCIgW2RhdGFGaWVsZF09XCJnZXREYXRhRmllbGQoKVwiIFt0YXNrSWRdPVwiZ2V0VGFza0lkKClcIiBbdGFza09mZnNldF09XCJnZXRGaWVsZE9mZnNldCgpXCIgZnhGbGV4PlxuICAgIDwvbmMtZmlsZS1maWVsZD5cblxuICAgIDxuYy1maWxlLWxpc3QtZmllbGQgKm5nU3dpdGNoQ2FzZT1cImZpZWxkVHlwZUVudW0uRklMRV9MSVNUXCIgW2RhdGFGaWVsZF09XCJnZXREYXRhRmllbGQoKVwiIFt0YXNrSWRdPVwiZ2V0VGFza0lkKClcIiBbdGFza09mZnNldF09XCJnZXRGaWVsZE9mZnNldCgpXCIgZnhGbGV4PlxuICAgIDwvbmMtZmlsZS1saXN0LWZpZWxkPlxuXG4gICAgPG5jLXVzZXItZmllbGQgKm5nU3dpdGNoQ2FzZT1cImZpZWxkVHlwZUVudW0uVVNFUlwiIFtkYXRhRmllbGRdPVwiZ2V0RGF0YUZpZWxkKClcIiBbdGFza09mZnNldF09XCJnZXRGaWVsZE9mZnNldCgpXCIgZnhGbGV4PlxuICAgIDwvbmMtdXNlci1maWVsZD5cblxuICAgIDxuYy1idXR0b24tZmllbGQgKm5nU3dpdGNoQ2FzZT1cImZpZWxkVHlwZUVudW0uQlVUVE9OXCIgW2RhdGFGaWVsZF09XCJnZXREYXRhRmllbGQoKVwiIFt0YXNrT2Zmc2V0XT1cImdldEZpZWxkT2Zmc2V0KClcIiBmeEZsZXg+XG4gICAgPC9uYy1idXR0b24tZmllbGQ+XG5cbiAgICA8bmMtZmlsdGVyLWZpZWxkICpuZ1N3aXRjaENhc2U9XCJmaWVsZFR5cGVFbnVtLkZJTFRFUlwiIFtkYXRhRmllbGRdPVwiZ2V0RGF0YUZpZWxkKClcIiBbdGFza09mZnNldF09XCJnZXRGaWVsZE9mZnNldCgpXCIgZnhGbGV4PVwiXCI+XG4gICAgPC9uYy1maWx0ZXItZmllbGQ+XG5cbiAgICA8bmMtaTE4bi1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiZmllbGRUeXBlRW51bS5JMThOXCIgW2RhdGFGaWVsZF09XCJnZXREYXRhRmllbGQoKVwiIFt0YXNrT2Zmc2V0XT1cImdldEZpZWxkT2Zmc2V0KClcIiBmeEZsZXg+XG4gICAgPC9uYy1pMThuLWZpZWxkPlxuXG4gICAgPGRpdiAqbmdTd2l0Y2hDYXNlPVwidGFza0VsZW1lbnRFbnVtLkRBVEFfR1JPVVBfVElUTEVcIiBmeEZsZXggZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxuICAgICAgICA8ZGl2IGZ4RmxleD1cIjIwXCIgY2xhc3M9XCJsaW5lLWRhdGFncm91cFwiPjwvZGl2PlxuICAgICAgICA8c3BhbiBbbmdDbGFzc109XCJ7J21hcmdpbi1kZWZhdWx0JzogZ2V0RGF0YUdyb3VwVGl0bGUoKSAhPT0gJyd9XCI+e3tnZXREYXRhR3JvdXBUaXRsZSgpfX08L3NwYW4+XG4gICAgICAgIDxkaXYgZnhGbGV4IGNsYXNzPVwibGluZS1kYXRhZ3JvdXBcIj48L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgKm5nU3dpdGNoQ2FzZT1cInRhc2tFbGVtZW50RW51bS5MT0FERVJcIiBjbGFzcz1cIm1pbi1yb3ctaGVpZ2h0XCIgZnhGbGV4IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInBobC1pdGVtXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicGhsLXJvd1wiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBobC1jb2xcIj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgKm5nU3dpdGNoQ2FzZT1cInRhc2tFbGVtZW50RW51bS5CTEFOS1wiPjwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtY29tcG9uZW50LXJlc29sdmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3Rhc2stY29udGVudC9maWVsZC1jb21wb25lbnQtcmVzb2x2ZXIvZmllbGQtY29tcG9uZW50LXJlc29sdmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3Rhc2stY29udGVudC9maWVsZC1jb21wb25lbnQtcmVzb2x2ZXIvZmllbGQtY29tcG9uZW50LXJlc29sdmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDeEMsT0FBTyxFQUFDLHVDQUF1QyxFQUFxQixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQU9yRyxNQUFNLE9BQU8sK0JBQWdDLFNBQVEsdUNBQXVDO0lBRXhGLFlBQVksa0JBQXNDO1FBQzlDLEtBQUssQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBQzlCLENBQUM7OzZIQUpRLCtCQUErQjtpSEFBL0IsK0JBQStCLDBGQ1I1QywrbEhBa0VBOzRGRDFEYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0ksNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdEZpZWxkQ29tcG9uZW50UmVzb2x2ZXJDb21wb25lbnQsIFRhc2tDb250ZW50U2VydmljZX0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1maWVsZC1jb21wb25lbnQtcmVzb2x2ZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9maWVsZC1jb21wb25lbnQtcmVzb2x2ZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2ZpZWxkLWNvbXBvbmVudC1yZXNvbHZlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZpZWxkQ29tcG9uZW50UmVzb2x2ZXJDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEZpZWxkQ29tcG9uZW50UmVzb2x2ZXJDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IodGFza0NvbnRlbnRTZXJ2aWNlOiBUYXNrQ29udGVudFNlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIodGFza0NvbnRlbnRTZXJ2aWNlKTtcbiAgICB9XG59XG4iLCI8ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIGNsYXNzPVwibmV0Z3JpZi1pbnB1dFwiIFtuZ0NsYXNzXT1cInsnbWluLXJvdy1oZWlnaHQnOiBpc0ZpZWxkKCkgJiYgIWlzQ3VzdG9tSGVpZ2h0KCl9XCIgW25nU3dpdGNoXT1cImdldEVsZW1lbnRUeXBlKClcIj5cbiAgICA8bmMtYm9vbGVhbi1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiZmllbGRUeXBlRW51bS5CT09MRUFOXCIgW2RhdGFGaWVsZF09XCJnZXREYXRhRmllbGQoKVwiIFt0YXNrT2Zmc2V0XT1cImdldEZpZWxkT2Zmc2V0KClcIiBmeEZsZXg+XG4gICAgPC9uYy1ib29sZWFuLWZpZWxkPlxuXG4gICAgPG5jLXRleHQtZmllbGQgKm5nU3dpdGNoQ2FzZT1cImZpZWxkVHlwZUVudW0uVEVYVFwiIFtkYXRhRmllbGRdPVwiZ2V0RGF0YUZpZWxkKClcIiBbdGFza09mZnNldF09XCJnZXRGaWVsZE9mZnNldCgpXCIgZnhGbGV4PlxuICAgIDwvbmMtdGV4dC1maWVsZD5cblxuICAgIDxuYy1udW1iZXItZmllbGQgKm5nU3dpdGNoQ2FzZT1cImZpZWxkVHlwZUVudW0uTlVNQkVSXCIgW2RhdGFGaWVsZF09XCJnZXREYXRhRmllbGQoKVwiIFt0YXNrT2Zmc2V0XT1cImdldEZpZWxkT2Zmc2V0KClcIiBmeEZsZXg+XG4gICAgPC9uYy1udW1iZXItZmllbGQ+XG5cbiAgICA8bmMtZW51bWVyYXRpb24tZmllbGQgKm5nU3dpdGNoQ2FzZT1cImZpZWxkVHlwZUVudW0uRU5VTUVSQVRJT05cIiBbZGF0YUZpZWxkXT1cImdldERhdGFGaWVsZCgpXCIgW3Rhc2tPZmZzZXRdPVwiZ2V0RmllbGRPZmZzZXQoKVwiIGZ4RmxleD5cbiAgICA8L25jLWVudW1lcmF0aW9uLWZpZWxkPlxuXG4gICAgPG5jLWVudW1lcmF0aW9uLWZpZWxkICpuZ1N3aXRjaENhc2U9XCJmaWVsZFR5cGVFbnVtLkVOVU1FUkFUSU9OX01BUFwiIFtkYXRhRmllbGRdPVwiZ2V0RGF0YUZpZWxkKClcIiBbdGFza09mZnNldF09XCJnZXRGaWVsZE9mZnNldCgpXCIgZnhGbGV4PlxuICAgIDwvbmMtZW51bWVyYXRpb24tZmllbGQ+XG5cbiAgICA8bmMtbXVsdGljaG9pY2UtZmllbGQgKm5nU3dpdGNoQ2FzZT1cImZpZWxkVHlwZUVudW0uTVVMVElDSE9JQ0VcIiBbZGF0YUZpZWxkXT1cImdldERhdGFGaWVsZCgpXCIgW3Rhc2tPZmZzZXRdPVwiZ2V0RmllbGRPZmZzZXQoKVwiIGZ4RmxleD5cbiAgICA8L25jLW11bHRpY2hvaWNlLWZpZWxkPlxuXG4gICAgPG5jLW11bHRpY2hvaWNlLWZpZWxkICpuZ1N3aXRjaENhc2U9XCJmaWVsZFR5cGVFbnVtLk1VTFRJQ0hPSUNFX01BUFwiIFtkYXRhRmllbGRdPVwiZ2V0RGF0YUZpZWxkKClcIiBbdGFza09mZnNldF09XCJnZXRGaWVsZE9mZnNldCgpXCIgZnhGbGV4PlxuICAgIDwvbmMtbXVsdGljaG9pY2UtZmllbGQ+XG5cbiAgICA8bmMtZGF0ZS1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiZmllbGRUeXBlRW51bS5EQVRFXCIgW2RhdGFGaWVsZF09XCJnZXREYXRhRmllbGQoKVwiIFt0YXNrT2Zmc2V0XT1cImdldEZpZWxkT2Zmc2V0KClcIiBmeEZsZXggY2xhc3M9XCJkYXRlLWZpZWxkLWZpeFwiPlxuICAgIDwvbmMtZGF0ZS1maWVsZD5cblxuICAgIDxuYy1kYXRlLXRpbWUtZmllbGQgKm5nU3dpdGNoQ2FzZT1cImZpZWxkVHlwZUVudW0uREFURV9USU1FXCIgW2RhdGFGaWVsZF09XCJnZXREYXRhRmllbGQoKVwiIFt0YXNrT2Zmc2V0XT1cImdldEZpZWxkT2Zmc2V0KClcIiBmeEZsZXggY2xhc3M9XCJkYXRlLWZpZWxkLWZpeFwiPlxuICAgIDwvbmMtZGF0ZS10aW1lLWZpZWxkPlxuXG4gICAgPG5jLWZpbGUtZmllbGQgKm5nU3dpdGNoQ2FzZT1cImZpZWxkVHlwZUVudW0uRklMRVwiIFtkYXRhRmllbGRdPVwiZ2V0RGF0YUZpZWxkKClcIiBbdGFza0lkXT1cImdldFRhc2tJZCgpXCIgW3Rhc2tPZmZzZXRdPVwiZ2V0RmllbGRPZmZzZXQoKVwiIGZ4RmxleD5cbiAgICA8L25jLWZpbGUtZmllbGQ+XG5cbiAgICA8bmMtZmlsZS1saXN0LWZpZWxkICpuZ1N3aXRjaENhc2U9XCJmaWVsZFR5cGVFbnVtLkZJTEVfTElTVFwiIFtkYXRhRmllbGRdPVwiZ2V0RGF0YUZpZWxkKClcIiBbdGFza0lkXT1cImdldFRhc2tJZCgpXCIgW3Rhc2tPZmZzZXRdPVwiZ2V0RmllbGRPZmZzZXQoKVwiIGZ4RmxleD5cbiAgICA8L25jLWZpbGUtbGlzdC1maWVsZD5cblxuICAgIDxuYy11c2VyLWZpZWxkICpuZ1N3aXRjaENhc2U9XCJmaWVsZFR5cGVFbnVtLlVTRVJcIiBbZGF0YUZpZWxkXT1cImdldERhdGFGaWVsZCgpXCIgW3Rhc2tPZmZzZXRdPVwiZ2V0RmllbGRPZmZzZXQoKVwiIGZ4RmxleD5cbiAgICA8L25jLXVzZXItZmllbGQ+XG5cbiAgICA8bmMtdXNlci1saXN0LWZpZWxkICpuZ1N3aXRjaENhc2U9XCJmaWVsZFR5cGVFbnVtLlVTRVJfTElTVFwiIFtkYXRhRmllbGRdPVwiZ2V0RGF0YUZpZWxkKClcIiBbdGFza09mZnNldF09XCJnZXRGaWVsZE9mZnNldCgpXCIgZnhGbGV4PlxuICAgIDwvbmMtdXNlci1saXN0LWZpZWxkPlxuXG4gICAgPG5jLWJ1dHRvbi1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiZmllbGRUeXBlRW51bS5CVVRUT05cIiBbZGF0YUZpZWxkXT1cImdldERhdGFGaWVsZCgpXCIgW3Rhc2tPZmZzZXRdPVwiZ2V0RmllbGRPZmZzZXQoKVwiIGZ4RmxleD5cbiAgICA8L25jLWJ1dHRvbi1maWVsZD5cblxuICAgIDxuYy1maWx0ZXItZmllbGQgKm5nU3dpdGNoQ2FzZT1cImZpZWxkVHlwZUVudW0uRklMVEVSXCIgW2RhdGFGaWVsZF09XCJnZXREYXRhRmllbGQoKVwiIFt0YXNrT2Zmc2V0XT1cImdldEZpZWxkT2Zmc2V0KClcIiBmeEZsZXg9XCJcIj5cbiAgICA8L25jLWZpbHRlci1maWVsZD5cblxuICAgIDxuYy1pMThuLWZpZWxkICpuZ1N3aXRjaENhc2U9XCJmaWVsZFR5cGVFbnVtLkkxOE5cIiBbZGF0YUZpZWxkXT1cImdldERhdGFGaWVsZCgpXCIgW3Rhc2tPZmZzZXRdPVwiZ2V0RmllbGRPZmZzZXQoKVwiIGZ4RmxleD5cbiAgICA8L25jLWkxOG4tZmllbGQ+XG5cbiAgICA8ZGl2ICpuZ1N3aXRjaENhc2U9XCJ0YXNrRWxlbWVudEVudW0uREFUQV9HUk9VUF9USVRMRVwiIGZ4RmxleCBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG4gICAgICAgIDxkaXYgZnhGbGV4PVwiMjBcIiBjbGFzcz1cImxpbmUtZGF0YWdyb3VwXCI+PC9kaXY+XG4gICAgICAgIDxzcGFuIFtuZ0NsYXNzXT1cInsnbWFyZ2luLWRlZmF1bHQnOiBnZXREYXRhR3JvdXBUaXRsZSgpICE9PSAnJ31cIj57e2dldERhdGFHcm91cFRpdGxlKCl9fTwvc3Bhbj5cbiAgICAgICAgPGRpdiBmeEZsZXggY2xhc3M9XCJsaW5lLWRhdGFncm91cFwiPjwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiAqbmdTd2l0Y2hDYXNlPVwidGFza0VsZW1lbnRFbnVtLkxPQURFUlwiIGNsYXNzPVwibWluLXJvdy1oZWlnaHRcIiBmeEZsZXggZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicGhsLWl0ZW1cIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwaGwtcm93XCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicGhsLWNvbFwiPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiAqbmdTd2l0Y2hDYXNlPVwidGFza0VsZW1lbnRFbnVtLkJMQU5LXCI+PC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/view/case-view/case-view.module.mjs

@@ -4,16 +4,17 @@ import { CaseListComponent } from './components/case-list/case-list.component';
 import { FlexModule } from '@angular/flex-layout';
 import { PanelComponentModule } from '../../panel/panel.module';
 import { MaterialModule, TranslateLibModule } from '@netgrif/components-core';
+import { CreateCaseButtonComponent } from './components/create-case-button/create-case-button.component';
 import { CaseListPaginatorComponent } from './components/case-list-paginator/case-list-paginator.component';
 import * as i0 from "@angular/core";
 export class CaseViewComponentModule {
 }
 CaseViewComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CaseViewComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CaseViewComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CaseViewComponentModule, declarations: [CaseListComponent, CaseListPaginatorComponent], imports: [CommonModule,
+CaseViewComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CaseViewComponentModule, declarations: [CaseListComponent, CreateCaseButtonComponent, CaseListPaginatorComponent], imports: [CommonModule,
         MaterialModule,
         FlexModule,
         PanelComponentModule,
-        TranslateLibModule], exports: [CaseListComponent, CaseListPaginatorComponent] });
+        TranslateLibModule], exports: [CaseListComponent, CreateCaseButtonComponent, CaseListPaginatorComponent] });
 CaseViewComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CaseViewComponentModule, imports: [[
             CommonModule,
             MaterialModule,
@@ -24,8 +25,8 @@ CaseViewComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CaseViewComponentModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [CaseListComponent, CaseListPaginatorComponent],
-                    exports: [CaseListComponent, CaseListPaginatorComponent],
+                    declarations: [CaseListComponent, CreateCaseButtonComponent, CaseListPaginatorComponent],
+                    exports: [CaseListComponent, CreateCaseButtonComponent, CaseListPaginatorComponent],
                     imports: [
                         CommonModule,
                         MaterialModule,
@@ -35,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FzZS12aWV3Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3ZpZXcvY2FzZS12aWV3L2Nhc2Utdmlldy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sNENBQTRDLENBQUM7QUFDN0UsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLHNCQUFzQixDQUFDO0FBQ2hELE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQzlELE9BQU8sRUFBQyxjQUFjLEVBQUUsa0JBQWtCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUM1RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQzs7QUFjNUcsTUFBTSxPQUFPLHVCQUF1Qjs7cUhBQXZCLHVCQUF1QjtzSEFBdkIsdUJBQXVCLGlCQVZqQixpQkFBaUIsRUFBRSwwQkFBMEIsYUFHeEQsWUFBWTtRQUNaLGNBQWM7UUFDZCxVQUFVO1FBQ1Ysb0JBQW9CO1FBQ3BCLGtCQUFrQixhQU5aLGlCQUFpQixFQUFFLDBCQUEwQjtzSEFTOUMsdUJBQXVCLFlBUnZCO1lBQ0wsWUFBWTtZQUNaLGNBQWM7WUFDZCxVQUFVO1lBQ1Ysb0JBQW9CO1lBQ3BCLGtCQUFrQjtTQUNyQjs0RkFFUSx1QkFBdUI7a0JBWG5DLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFLENBQUMsaUJBQWlCLEVBQUUsMEJBQTBCLENBQUM7b0JBQzdELE9BQU8sRUFBRSxDQUFDLGlCQUFpQixFQUFFLDBCQUEwQixDQUFDO29CQUN4RCxPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixjQUFjO3dCQUNkLFVBQVU7d0JBQ1Ysb0JBQW9CO3dCQUNwQixrQkFBa0I7cUJBQ3JCO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7Q2FzZUxpc3RDb21wb25lbnR9IGZyb20gJy4vY29tcG9uZW50cy9jYXNlLWxpc3QvY2FzZS1saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQge0ZsZXhNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2ZsZXgtbGF5b3V0JztcbmltcG9ydCB7UGFuZWxDb21wb25lbnRNb2R1bGV9IGZyb20gJy4uLy4uL3BhbmVsL3BhbmVsLm1vZHVsZSc7XG5pbXBvcnQge01hdGVyaWFsTW9kdWxlLCBUcmFuc2xhdGVMaWJNb2R1bGV9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQgeyBDYXNlTGlzdFBhZ2luYXRvckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9jYXNlLWxpc3QtcGFnaW5hdG9yL2Nhc2UtbGlzdC1wYWdpbmF0b3IuY29tcG9uZW50JztcblxuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW0Nhc2VMaXN0Q29tcG9uZW50LCBDYXNlTGlzdFBhZ2luYXRvckNvbXBvbmVudF0sXG4gICAgZXhwb3J0czogW0Nhc2VMaXN0Q29tcG9uZW50LCBDYXNlTGlzdFBhZ2luYXRvckNvbXBvbmVudF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIE1hdGVyaWFsTW9kdWxlLFxuICAgICAgICBGbGV4TW9kdWxlLFxuICAgICAgICBQYW5lbENvbXBvbmVudE1vZHVsZSxcbiAgICAgICAgVHJhbnNsYXRlTGliTW9kdWxlXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBDYXNlVmlld0NvbXBvbmVudE1vZHVsZSB7XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FzZS12aWV3Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3ZpZXcvY2FzZS12aWV3L2Nhc2Utdmlldy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sNENBQTRDLENBQUM7QUFDN0UsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLHNCQUFzQixDQUFDO0FBQ2hELE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQzlELE9BQU8sRUFBQyxjQUFjLEVBQUUsa0JBQWtCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUM1RSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUN6RyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQzs7QUFjNUcsTUFBTSxPQUFPLHVCQUF1Qjs7cUhBQXZCLHVCQUF1QjtzSEFBdkIsdUJBQXVCLGlCQVZqQixpQkFBaUIsRUFBRSx5QkFBeUIsRUFBRSwwQkFBMEIsYUFHbkYsWUFBWTtRQUNaLGNBQWM7UUFDZCxVQUFVO1FBQ1Ysb0JBQW9CO1FBQ3BCLGtCQUFrQixhQU5aLGlCQUFpQixFQUFFLHlCQUF5QixFQUFFLDBCQUEwQjtzSEFTekUsdUJBQXVCLFlBUnZCO1lBQ0wsWUFBWTtZQUNaLGNBQWM7WUFDZCxVQUFVO1lBQ1Ysb0JBQW9CO1lBQ3BCLGtCQUFrQjtTQUNyQjs0RkFFUSx1QkFBdUI7a0JBWG5DLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFLENBQUMsaUJBQWlCLEVBQUUseUJBQXlCLEVBQUUsMEJBQTBCLENBQUM7b0JBQ3hGLE9BQU8sRUFBRSxDQUFDLGlCQUFpQixFQUFFLHlCQUF5QixFQUFFLDBCQUEwQixDQUFDO29CQUNuRixPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixjQUFjO3dCQUNkLFVBQVU7d0JBQ1Ysb0JBQW9CO3dCQUNwQixrQkFBa0I7cUJBQ3JCO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7Q2FzZUxpc3RDb21wb25lbnR9IGZyb20gJy4vY29tcG9uZW50cy9jYXNlLWxpc3QvY2FzZS1saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQge0ZsZXhNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2ZsZXgtbGF5b3V0JztcbmltcG9ydCB7UGFuZWxDb21wb25lbnRNb2R1bGV9IGZyb20gJy4uLy4uL3BhbmVsL3BhbmVsLm1vZHVsZSc7XG5pbXBvcnQge01hdGVyaWFsTW9kdWxlLCBUcmFuc2xhdGVMaWJNb2R1bGV9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQgeyBDcmVhdGVDYXNlQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2NyZWF0ZS1jYXNlLWJ1dHRvbi9jcmVhdGUtY2FzZS1idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IENhc2VMaXN0UGFnaW5hdG9yQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2Nhc2UtbGlzdC1wYWdpbmF0b3IvY2FzZS1saXN0LXBhZ2luYXRvci5jb21wb25lbnQnO1xuXG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbQ2FzZUxpc3RDb21wb25lbnQsIENyZWF0ZUNhc2VCdXR0b25Db21wb25lbnQsIENhc2VMaXN0UGFnaW5hdG9yQ29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbQ2FzZUxpc3RDb21wb25lbnQsIENyZWF0ZUNhc2VCdXR0b25Db21wb25lbnQsIENhc2VMaXN0UGFnaW5hdG9yQ29tcG9uZW50XSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgTWF0ZXJpYWxNb2R1bGUsXG4gICAgICAgIEZsZXhNb2R1bGUsXG4gICAgICAgIFBhbmVsQ29tcG9uZW50TW9kdWxlLFxuICAgICAgICBUcmFuc2xhdGVMaWJNb2R1bGVcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIENhc2VWaWV3Q29tcG9uZW50TW9kdWxlIHtcbn1cbiJdfQ==

package/esm2020/lib/view/case-view/components/create-case-button/create-case-button.component.mjs

@@ -0,0 +1,51 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@netgrif/components-core";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/common";
+export class CreateCaseButtonComponent {
+    constructor(_caseViewService) {
+        this._caseViewService = _caseViewService;
+        this.caseCreatedEvent = new EventEmitter();
+    }
+    get resolvedCaseButtonTitle() {
+        return this._resolvedCaseButtonTitle;
+    }
+    get resolvedCaseButtonIcon() {
+        return this._resolvedCaseButtonIcon;
+    }
+    ngOnInit() {
+        const config = this.newCaseCreationConfig['newCaseButtonConfig'];
+        if (!!config) {
+            this._resolvedCaseButtonIcon = config.createCaseButtonIcon;
+            this._resolvedCaseButtonTitle = config.createCaseButtonTitle;
+        }
+    }
+    createNewCase() {
+        let myCase;
+        if (this.newCaseCreationConfig.enableCaseTitle === false && this._caseViewService.getAllowedNetsCount() === 1) {
+            myCase = this._caseViewService.createDefaultNewCase();
+        }
+        else {
+            myCase = this._caseViewService.createNewCase(this.newCaseCreationConfig);
+        }
+        myCase.subscribe(kaze => {
+            if (this._caseViewService.viewEnabled(kaze)) {
+                this.caseCreatedEvent.next(kaze);
+            }
+        });
+        return myCase;
+    }
+}
+CreateCaseButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CreateCaseButtonComponent, deps: [{ token: i1.CaseViewService }], target: i0.ɵɵFactoryTarget.Component });
+CreateCaseButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CreateCaseButtonComponent, selector: "nc-create-case-button", inputs: { newCaseCreationConfig: "newCaseCreationConfig" }, outputs: { caseCreatedEvent: "caseCreatedEvent" }, ngImport: i0, template: "<button *ngIf=\"!resolvedCaseButtonTitle; else titleButton\" mat-mini-fab color=\"primary\" (click)=\"createNewCase()\">\n    <mat-icon class=\"net-upload\" aria-hidden=\"false\">{{!!resolvedCaseButtonIcon ? resolvedCaseButtonIcon : 'add'}}</mat-icon>\n</button>\n<ng-template #titleButton>\n    <button  mat-raised-button color=\"primary\" (click)=\"createNewCase()\">\n        <mat-icon *ngIf=\"!!resolvedCaseButtonIcon\" class=\"button-icon\" aria-hidden=\"false\">{{resolvedCaseButtonIcon}}</mat-icon>\n        <span>{{resolvedCaseButtonTitle}}</span>\n    </button>\n</ng-template>\n", styles: [".button-icon{padding-right:4px}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CreateCaseButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-create-case-button', template: "<button *ngIf=\"!resolvedCaseButtonTitle; else titleButton\" mat-mini-fab color=\"primary\" (click)=\"createNewCase()\">\n    <mat-icon class=\"net-upload\" aria-hidden=\"false\">{{!!resolvedCaseButtonIcon ? resolvedCaseButtonIcon : 'add'}}</mat-icon>\n</button>\n<ng-template #titleButton>\n    <button  mat-raised-button color=\"primary\" (click)=\"createNewCase()\">\n        <mat-icon *ngIf=\"!!resolvedCaseButtonIcon\" class=\"button-icon\" aria-hidden=\"false\">{{resolvedCaseButtonIcon}}</mat-icon>\n        <span>{{resolvedCaseButtonTitle}}</span>\n    </button>\n</ng-template>\n", styles: [".button-icon{padding-right:4px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.CaseViewService }]; }, propDecorators: { caseCreatedEvent: [{
+                type: Output
+            }], newCaseCreationConfig: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLWNhc2UtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3ZpZXcvY2FzZS12aWV3L2NvbXBvbmVudHMvY3JlYXRlLWNhc2UtYnV0dG9uL2NyZWF0ZS1jYXNlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi92aWV3L2Nhc2Utdmlldy9jb21wb25lbnRzL2NyZWF0ZS1jYXNlLWJ1dHRvbi9jcmVhdGUtY2FzZS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUzdFLE1BQU0sT0FBTyx5QkFBeUI7SUFRbEMsWUFBc0IsZ0JBQWlDO1FBQWpDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBaUI7UUFOdEMscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQU83RCxDQUFDO0lBRUQsSUFBSSx1QkFBdUI7UUFDdkIsT0FBTyxJQUFJLENBQUMsd0JBQXdCLENBQUM7SUFDekMsQ0FBQztJQUVELElBQUksc0JBQXNCO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLHVCQUF1QixDQUFDO0lBQ3hDLENBQUM7SUFFRCxRQUFRO1FBQ0osTUFBTSxNQUFNLEdBQStCLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1FBQzdGLElBQUksQ0FBQyxDQUFDLE1BQU0sRUFBRTtZQUNWLElBQUksQ0FBQyx1QkFBdUIsR0FBRyxNQUFNLENBQUMsb0JBQW9CLENBQUM7WUFDM0QsSUFBSSxDQUFDLHdCQUF3QixHQUFHLE1BQU0sQ0FBQyxxQkFBcUIsQ0FBQztTQUNoRTtJQUNMLENBQUM7SUFFTSxhQUFhO1FBQ2hCLElBQUksTUFBd0IsQ0FBQztRQUM3QixJQUFJLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxlQUFlLEtBQUssS0FBSyxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxtQkFBbUIsRUFBRSxLQUFLLENBQUMsRUFBRTtZQUMzRyxNQUFNLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLG9CQUFvQixFQUFFLENBQUM7U0FDekQ7YUFBTTtZQUNILE1BQU0sR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1NBQzVFO1FBQ0QsTUFBTSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNwQixJQUFJLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUU7Z0JBQ3pDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDcEM7UUFDTCxDQUFDLENBQUMsQ0FBQztRQUNILE9BQU8sTUFBTSxDQUFDO0lBQ2xCLENBQUM7O3VIQXhDUSx5QkFBeUI7MkdBQXpCLHlCQUF5Qiw0S0NUdEMsOGtCQVNBOzRGREFhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDSSx1QkFBdUI7c0dBTWhCLGdCQUFnQjtzQkFBaEMsTUFBTTtnQkFDUyxxQkFBcUI7c0JBQXBDLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtPYnNlcnZhYmxlfSBmcm9tICdyeGpzJztcbmltcG9ydCB7Q2FzZSwgQ2FzZVZpZXdTZXJ2aWNlLCBOZXdDYXNlQ3JlYXRpb25Db25maWd1cmF0aW9uRGF0YSwgTmV3Q2FzZUJ1dHRvbkNvbmZpZ3VyYXRpb259IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtY3JlYXRlLWNhc2UtYnV0dG9uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY3JlYXRlLWNhc2UtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jcmVhdGUtY2FzZS1idXR0b24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDcmVhdGVDYXNlQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIEBPdXRwdXQoKSBwdWJsaWMgY2FzZUNyZWF0ZWRFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8Q2FzZT4oKTtcbiAgICBASW5wdXQoKSBwdWJsaWMgbmV3Q2FzZUNyZWF0aW9uQ29uZmlnOiBOZXdDYXNlQ3JlYXRpb25Db25maWd1cmF0aW9uRGF0YTtcblxuICAgIHByb3RlY3RlZCBfcmVzb2x2ZWRDYXNlQnV0dG9uVGl0bGU6IHN0cmluZztcbiAgICBwcm90ZWN0ZWQgX3Jlc29sdmVkQ2FzZUJ1dHRvbkljb246IHN0cmluZztcblxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfY2FzZVZpZXdTZXJ2aWNlOiBDYXNlVmlld1NlcnZpY2UpIHtcbiAgICB9XG5cbiAgICBnZXQgcmVzb2x2ZWRDYXNlQnV0dG9uVGl0bGUoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3Jlc29sdmVkQ2FzZUJ1dHRvblRpdGxlO1xuICAgIH1cblxuICAgIGdldCByZXNvbHZlZENhc2VCdXR0b25JY29uKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLl9yZXNvbHZlZENhc2VCdXR0b25JY29uO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBjb25zdCBjb25maWc6IE5ld0Nhc2VCdXR0b25Db25maWd1cmF0aW9uID0gdGhpcy5uZXdDYXNlQ3JlYXRpb25Db25maWdbJ25ld0Nhc2VCdXR0b25Db25maWcnXTtcbiAgICAgICAgaWYgKCEhY29uZmlnKSB7XG4gICAgICAgICAgICB0aGlzLl9yZXNvbHZlZENhc2VCdXR0b25JY29uID0gY29uZmlnLmNyZWF0ZUNhc2VCdXR0b25JY29uO1xuICAgICAgICAgICAgdGhpcy5fcmVzb2x2ZWRDYXNlQnV0dG9uVGl0bGUgPSBjb25maWcuY3JlYXRlQ2FzZUJ1dHRvblRpdGxlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIGNyZWF0ZU5ld0Nhc2UoKTogT2JzZXJ2YWJsZTxDYXNlPiB7XG4gICAgICAgIGxldCBteUNhc2U6IE9ic2VydmFibGU8Q2FzZT47XG4gICAgICAgIGlmICh0aGlzLm5ld0Nhc2VDcmVhdGlvbkNvbmZpZy5lbmFibGVDYXNlVGl0bGUgPT09IGZhbHNlICYmIHRoaXMuX2Nhc2VWaWV3U2VydmljZS5nZXRBbGxvd2VkTmV0c0NvdW50KCkgPT09IDEpIHtcbiAgICAgICAgICAgIG15Q2FzZSA9IHRoaXMuX2Nhc2VWaWV3U2VydmljZS5jcmVhdGVEZWZhdWx0TmV3Q2FzZSgpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgbXlDYXNlID0gdGhpcy5fY2FzZVZpZXdTZXJ2aWNlLmNyZWF0ZU5ld0Nhc2UodGhpcy5uZXdDYXNlQ3JlYXRpb25Db25maWcpO1xuICAgICAgICB9XG4gICAgICAgIG15Q2FzZS5zdWJzY3JpYmUoa2F6ZSA9PiB7XG4gICAgICAgICAgICBpZiAodGhpcy5fY2FzZVZpZXdTZXJ2aWNlLnZpZXdFbmFibGVkKGthemUpKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5jYXNlQ3JlYXRlZEV2ZW50Lm5leHQoa2F6ZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgICByZXR1cm4gbXlDYXNlO1xuICAgIH1cblxufVxuIiwiPGJ1dHRvbiAqbmdJZj1cIiFyZXNvbHZlZENhc2VCdXR0b25UaXRsZTsgZWxzZSB0aXRsZUJ1dHRvblwiIG1hdC1taW5pLWZhYiBjb2xvcj1cInByaW1hcnlcIiAoY2xpY2spPVwiY3JlYXRlTmV3Q2FzZSgpXCI+XG4gICAgPG1hdC1pY29uIGNsYXNzPVwibmV0LXVwbG9hZFwiIGFyaWEtaGlkZGVuPVwiZmFsc2VcIj57eyEhcmVzb2x2ZWRDYXNlQnV0dG9uSWNvbiA/IHJlc29sdmVkQ2FzZUJ1dHRvbkljb24gOiAnYWRkJ319PC9tYXQtaWNvbj5cbjwvYnV0dG9uPlxuPG5nLXRlbXBsYXRlICN0aXRsZUJ1dHRvbj5cbiAgICA8YnV0dG9uICBtYXQtcmFpc2VkLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIiAoY2xpY2spPVwiY3JlYXRlTmV3Q2FzZSgpXCI+XG4gICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cIiEhcmVzb2x2ZWRDYXNlQnV0dG9uSWNvblwiIGNsYXNzPVwiYnV0dG9uLWljb25cIiBhcmlhLWhpZGRlbj1cImZhbHNlXCI+e3tyZXNvbHZlZENhc2VCdXR0b25JY29ufX08L21hdC1pY29uPlxuICAgICAgICA8c3Bhbj57e3Jlc29sdmVkQ2FzZUJ1dHRvblRpdGxlfX08L3NwYW4+XG4gICAgPC9idXR0b24+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2020/lib/view/public-api.mjs

@@ -1,6 +1,7 @@
 /* COMPONENTS */
 export * from './workflow-view/workflow-view.component';
 export * from './case-view/components/case-list/case-list.component';
+export * from './case-view/components/create-case-button/create-case-button.component';
 export * from './case-view/components/case-list-paginator/case-list-paginator.component';
 export * from './tree-case-view/tree-component/tree.component';
 export * from './tree-case-view/tree-task-content/tree-task-content.component';
@@ -8,4 +9,4 @@ export * from './tree-case-view/tree-task-content/tree-task-content.component';
 export * from './workflow-view.module';
 export * from './case-view/case-view.module';
 export * from './tree-case-view/tree-case-view.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3ZpZXcvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxnQkFBZ0I7QUFDaEIsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsMEVBQTBFLENBQUM7QUFDekYsY0FBYyxnREFBZ0QsQ0FBQztBQUMvRCxjQUFjLGdFQUFnRSxDQUFDO0FBRS9FLGFBQWE7QUFDYixjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx3Q0FBd0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qIENPTVBPTkVOVFMgKi9cbmV4cG9ydCAqIGZyb20gJy4vd29ya2Zsb3ctdmlldy93b3JrZmxvdy12aWV3LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2Nhc2Utdmlldy9jb21wb25lbnRzL2Nhc2UtbGlzdC9jYXNlLWxpc3QuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY2FzZS12aWV3L2NvbXBvbmVudHMvY2FzZS1saXN0LXBhZ2luYXRvci9jYXNlLWxpc3QtcGFnaW5hdG9yLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3RyZWUtY2FzZS12aWV3L3RyZWUtY29tcG9uZW50L3RyZWUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdHJlZS1jYXNlLXZpZXcvdHJlZS10YXNrLWNvbnRlbnQvdHJlZS10YXNrLWNvbnRlbnQuY29tcG9uZW50JztcblxuLyogTU9EVUxFUyAqL1xuZXhwb3J0ICogZnJvbSAnLi93b3JrZmxvdy12aWV3Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2Nhc2Utdmlldy9jYXNlLXZpZXcubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vdHJlZS1jYXNlLXZpZXcvdHJlZS1jYXNlLXZpZXcubW9kdWxlJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3ZpZXcvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxnQkFBZ0I7QUFDaEIsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsd0VBQXdFLENBQUM7QUFDdkYsY0FBYywwRUFBMEUsQ0FBQztBQUN6RixjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsZ0VBQWdFLENBQUM7QUFFL0UsYUFBYTtBQUNiLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHdDQUF3QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyogQ09NUE9ORU5UUyAqL1xuZXhwb3J0ICogZnJvbSAnLi93b3JrZmxvdy12aWV3L3dvcmtmbG93LXZpZXcuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY2FzZS12aWV3L2NvbXBvbmVudHMvY2FzZS1saXN0L2Nhc2UtbGlzdC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jYXNlLXZpZXcvY29tcG9uZW50cy9jcmVhdGUtY2FzZS1idXR0b24vY3JlYXRlLWNhc2UtYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2Nhc2Utdmlldy9jb21wb25lbnRzL2Nhc2UtbGlzdC1wYWdpbmF0b3IvY2FzZS1saXN0LXBhZ2luYXRvci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi90cmVlLWNhc2Utdmlldy90cmVlLWNvbXBvbmVudC90cmVlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3RyZWUtY2FzZS12aWV3L3RyZWUtdGFzay1jb250ZW50L3RyZWUtdGFzay1jb250ZW50LmNvbXBvbmVudCc7XG5cbi8qIE1PRFVMRVMgKi9cbmV4cG9ydCAqIGZyb20gJy4vd29ya2Zsb3ctdmlldy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9jYXNlLXZpZXcvY2FzZS12aWV3Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL3RyZWUtY2FzZS12aWV3L3RyZWUtY2FzZS12aWV3Lm1vZHVsZSc7XG4iXX0=