@netgrif/components 6.2.1 → 6.2.2

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

@@ -15,9 +15,9 @@ export class EnumerationAutocompleteSelectFieldComponent extends AbstractEnumera
     }
 }
 EnumerationAutocompleteSelectFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationAutocompleteSelectFieldComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-EnumerationAutocompleteSelectFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EnumerationAutocompleteSelectFieldComponent, selector: "nc-enumeration-autocomplete-select-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <input type=\"text\"\n           aria-label=\"Autocomplete\"\n           matInput\n           #input\n           [placeholder]=\"enumerationField.placeholder\"\n           [formControl]=\"formControlRef\"\n           [matAutocomplete]=\"auto\"\n           [required]=\"enumerationField.behavior.required\"\n           (keyup)=\"change()\">\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"change()\">\n            {{option.value}}\n        </mat-option>\n    </mat-autocomplete>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{buildErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i4.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatLabel, selector: "mat-label" }, { type: i6.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: i7.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: i3.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "async": i5.AsyncPipe } });
+EnumerationAutocompleteSelectFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EnumerationAutocompleteSelectFieldComponent, selector: "nc-enumeration-autocomplete-select-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <input type=\"text\"\n           aria-label=\"Autocomplete\"\n           matInput\n           #input\n           [placeholder]=\"enumerationField.placeholder\"\n           [formControl]=\"formControlRef\"\n           [matAutocomplete]=\"auto\"\n           [required]=\"enumerationField.behavior.required\"\n           (focus)=\"change()\"\n           (keyup)=\"change()\">\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"change()\">\n            {{option.value}}\n        </mat-option>\n    </mat-autocomplete>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{buildErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i4.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatLabel, selector: "mat-label" }, { type: i6.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: i7.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: i3.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "async": i5.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationAutocompleteSelectFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-enumeration-autocomplete-select-field', template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <input type=\"text\"\n           aria-label=\"Autocomplete\"\n           matInput\n           #input\n           [placeholder]=\"enumerationField.placeholder\"\n           [formControl]=\"formControlRef\"\n           [matAutocomplete]=\"auto\"\n           [required]=\"enumerationField.behavior.required\"\n           (keyup)=\"change()\">\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"change()\">\n            {{option.value}}\n        </mat-option>\n    </mat-autocomplete>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{buildErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
+            args: [{ selector: 'nc-enumeration-autocomplete-select-field', template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <input type=\"text\"\n           aria-label=\"Autocomplete\"\n           matInput\n           #input\n           [placeholder]=\"enumerationField.placeholder\"\n           [formControl]=\"formControlRef\"\n           [matAutocomplete]=\"auto\"\n           [required]=\"enumerationField.behavior.required\"\n           (focus)=\"change()\"\n           (keyup)=\"change()\">\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"change()\">\n            {{option.value}}\n        </mat-option>\n    </mat-autocomplete>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{buildErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bWVyYXRpb24tYXV0b2NvbXBsZXRlLXNlbGVjdC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9lbnVtZXJhdGlvbi1maWVsZC9lbnVtZXJhdGlvbi1hdXRvY29tcGxldGUtc2VsZWN0LWZpZWxkL2VudW1lcmF0aW9uLWF1dG9jb21wbGV0ZS1zZWxlY3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZW51bWVyYXRpb24tZmllbGQvZW51bWVyYXRpb24tYXV0b2NvbXBsZXRlLXNlbGVjdC1maWVsZC9lbnVtZXJhdGlvbi1hdXRvY29tcGxldGUtc2VsZWN0LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFeEMsT0FBTyxFQUFDLG1EQUFtRCxFQUFDLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7OztBQU83RixNQUFNLE9BQU8sMkNBQTRDLFNBQVEsbURBQW1EO0lBRWhILFlBQXNCLFVBQTRCO1FBQzlDLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQztRQURBLGVBQVUsR0FBVixVQUFVLENBQWtCO0lBRWxELENBQUM7O3lJQUpRLDJDQUEyQzs2SEFBM0MsMkNBQTJDLHVHQ1R4RCwwakNBb0JBOzRGRFhhLDJDQUEyQztrQkFMdkQsU0FBUzsrQkFDSSwwQ0FBMEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdEVudW1lcmF0aW9uQXV0b2NvbXBsZXRlU2VsZWN0RmllbGRDb21wb25lbnR9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtZW51bWVyYXRpb24tYXV0b2NvbXBsZXRlLXNlbGVjdC1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2VudW1lcmF0aW9uLWF1dG9jb21wbGV0ZS1zZWxlY3QtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2VudW1lcmF0aW9uLWF1dG9jb21wbGV0ZS1zZWxlY3QtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBFbnVtZXJhdGlvbkF1dG9jb21wbGV0ZVNlbGVjdEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RFbnVtZXJhdGlvbkF1dG9jb21wbGV0ZVNlbGVjdEZpZWxkQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKF90cmFuc2xhdGUpO1xuICAgIH1cbn1cbiIsIjxtYXQtZm9ybS1maWVsZCBbYXBwZWFyYW5jZV09XCJlbnVtZXJhdGlvbkZpZWxkLm1hdGVyaWFsQXBwZWFyYW5jZVwiIGNsYXNzPVwiZnVsbC13aWR0aFwiIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgIDxtYXQtbGFiZWwgKm5nSWY9XCIhc2hvd0xhcmdlTGF5b3V0LnZhbHVlXCI+e3tlbnVtZXJhdGlvbkZpZWxkLnRpdGxlfX08L21hdC1sYWJlbD5cbiAgICA8aW5wdXQgdHlwZT1cInRleHRcIlxuICAgICAgICAgICBhcmlhLWxhYmVsPVwiQXV0b2NvbXBsZXRlXCJcbiAgICAgICAgICAgbWF0SW5wdXRcbiAgICAgICAgICAgI2lucHV0XG4gICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJlbnVtZXJhdGlvbkZpZWxkLnBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sUmVmXCJcbiAgICAgICAgICAgW21hdEF1dG9jb21wbGV0ZV09XCJhdXRvXCJcbiAgICAgICAgICAgW3JlcXVpcmVkXT1cImVudW1lcmF0aW9uRmllbGQuYmVoYXZpb3IucmVxdWlyZWRcIlxuICAgICAgICAgICAoa2V5dXApPVwiY2hhbmdlKClcIj5cbiAgICA8bWF0LWF1dG9jb21wbGV0ZSBbZGlzcGxheVdpdGhdPVwicmVuZGVyU2VsZWN0aW9uXCIgYXV0b0FjdGl2ZUZpcnN0T3B0aW9uICNhdXRvPVwibWF0QXV0b2NvbXBsZXRlXCI+XG4gICAgICAgIDxtYXQtb3B0aW9uIFt2YWx1ZV09XCJudWxsXCI+LS0tPC9tYXQtb3B0aW9uPlxuICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIGZpbHRlcmVkT3B0aW9ucyB8IGFzeW5jXCIgW3ZhbHVlXT1cIm9wdGlvbi5rZXlcIiAoY2xpY2spPVwiY2hhbmdlKClcIj5cbiAgICAgICAgICAgIHt7b3B0aW9uLnZhbHVlfX1cbiAgICAgICAgPC9tYXQtb3B0aW9uPlxuICAgIDwvbWF0LWF1dG9jb21wbGV0ZT5cbiAgICA8bWF0LWhpbnQ+e3tlbnVtZXJhdGlvbkZpZWxkLmRlc2NyaXB0aW9ufX08L21hdC1oaW50PlxuICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJlbnVtZXJhdGlvbkZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZilcIj57e2J1aWxkRXJyb3JNZXNzYWdlKCl9fTwvbWF0LWVycm9yPlxuPC9tYXQtZm9ybS1maWVsZD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bWVyYXRpb24tYXV0b2NvbXBsZXRlLXNlbGVjdC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9lbnVtZXJhdGlvbi1maWVsZC9lbnVtZXJhdGlvbi1hdXRvY29tcGxldGUtc2VsZWN0LWZpZWxkL2VudW1lcmF0aW9uLWF1dG9jb21wbGV0ZS1zZWxlY3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZW51bWVyYXRpb24tZmllbGQvZW51bWVyYXRpb24tYXV0b2NvbXBsZXRlLXNlbGVjdC1maWVsZC9lbnVtZXJhdGlvbi1hdXRvY29tcGxldGUtc2VsZWN0LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFeEMsT0FBTyxFQUFDLG1EQUFtRCxFQUFDLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7OztBQU83RixNQUFNLE9BQU8sMkNBQTRDLFNBQVEsbURBQW1EO0lBRWhILFlBQXNCLFVBQTRCO1FBQzlDLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQztRQURBLGVBQVUsR0FBVixVQUFVLENBQWtCO0lBRWxELENBQUM7O3lJQUpRLDJDQUEyQzs2SEFBM0MsMkNBQTJDLHVHQ1R4RCwybENBcUJBOzRGRFphLDJDQUEyQztrQkFMdkQsU0FBUzsrQkFDSSwwQ0FBMEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdEVudW1lcmF0aW9uQXV0b2NvbXBsZXRlU2VsZWN0RmllbGRDb21wb25lbnR9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtZW51bWVyYXRpb24tYXV0b2NvbXBsZXRlLXNlbGVjdC1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2VudW1lcmF0aW9uLWF1dG9jb21wbGV0ZS1zZWxlY3QtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2VudW1lcmF0aW9uLWF1dG9jb21wbGV0ZS1zZWxlY3QtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBFbnVtZXJhdGlvbkF1dG9jb21wbGV0ZVNlbGVjdEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RFbnVtZXJhdGlvbkF1dG9jb21wbGV0ZVNlbGVjdEZpZWxkQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKF90cmFuc2xhdGUpO1xuICAgIH1cbn1cbiIsIjxtYXQtZm9ybS1maWVsZCBbYXBwZWFyYW5jZV09XCJlbnVtZXJhdGlvbkZpZWxkLm1hdGVyaWFsQXBwZWFyYW5jZVwiIGNsYXNzPVwiZnVsbC13aWR0aFwiIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgIDxtYXQtbGFiZWwgKm5nSWY9XCIhc2hvd0xhcmdlTGF5b3V0LnZhbHVlXCI+e3tlbnVtZXJhdGlvbkZpZWxkLnRpdGxlfX08L21hdC1sYWJlbD5cbiAgICA8aW5wdXQgdHlwZT1cInRleHRcIlxuICAgICAgICAgICBhcmlhLWxhYmVsPVwiQXV0b2NvbXBsZXRlXCJcbiAgICAgICAgICAgbWF0SW5wdXRcbiAgICAgICAgICAgI2lucHV0XG4gICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJlbnVtZXJhdGlvbkZpZWxkLnBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sUmVmXCJcbiAgICAgICAgICAgW21hdEF1dG9jb21wbGV0ZV09XCJhdXRvXCJcbiAgICAgICAgICAgW3JlcXVpcmVkXT1cImVudW1lcmF0aW9uRmllbGQuYmVoYXZpb3IucmVxdWlyZWRcIlxuICAgICAgICAgICAoZm9jdXMpPVwiY2hhbmdlKClcIlxuICAgICAgICAgICAoa2V5dXApPVwiY2hhbmdlKClcIj5cbiAgICA8bWF0LWF1dG9jb21wbGV0ZSBbZGlzcGxheVdpdGhdPVwicmVuZGVyU2VsZWN0aW9uXCIgYXV0b0FjdGl2ZUZpcnN0T3B0aW9uICNhdXRvPVwibWF0QXV0b2NvbXBsZXRlXCI+XG4gICAgICAgIDxtYXQtb3B0aW9uIFt2YWx1ZV09XCJudWxsXCI+LS0tPC9tYXQtb3B0aW9uPlxuICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIGZpbHRlcmVkT3B0aW9ucyB8IGFzeW5jXCIgW3ZhbHVlXT1cIm9wdGlvbi5rZXlcIiAoY2xpY2spPVwiY2hhbmdlKClcIj5cbiAgICAgICAgICAgIHt7b3B0aW9uLnZhbHVlfX1cbiAgICAgICAgPC9tYXQtb3B0aW9uPlxuICAgIDwvbWF0LWF1dG9jb21wbGV0ZT5cbiAgICA8bWF0LWhpbnQ+e3tlbnVtZXJhdGlvbkZpZWxkLmRlc2NyaXB0aW9ufX08L21hdC1oaW50PlxuICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJlbnVtZXJhdGlvbkZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZilcIj57e2J1aWxkRXJyb3JNZXNzYWdlKCl9fTwvbWF0LWVycm9yPlxuPC9tYXQtZm9ybS1maWVsZD5cbiJdfQ==

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/fesm2015/netgrif-components.mjs

@@ -618,10 +618,10 @@ class EnumerationAutocompleteSelectFieldComponent extends AbstractEnumerationAut
     }
 }
 EnumerationAutocompleteSelectFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationAutocompleteSelectFieldComponent, deps: [{ token: i2$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-EnumerationAutocompleteSelectFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EnumerationAutocompleteSelectFieldComponent, selector: "nc-enumeration-autocomplete-select-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <input type=\"text\"\n           aria-label=\"Autocomplete\"\n           matInput\n           #input\n           [placeholder]=\"enumerationField.placeholder\"\n           [formControl]=\"formControlRef\"\n           [matAutocomplete]=\"auto\"\n           [required]=\"enumerationField.behavior.required\"\n           (keyup)=\"change()\">\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"change()\">\n            {{option.value}}\n        </mat-option>\n    </mat-autocomplete>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{buildErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4$3.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i3$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.MatLabel, selector: "mat-label" }, { type: i7$2.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: i1$1.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: i4$3.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i5$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2$1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "async": i5$2.AsyncPipe } });
+EnumerationAutocompleteSelectFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EnumerationAutocompleteSelectFieldComponent, selector: "nc-enumeration-autocomplete-select-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <input type=\"text\"\n           aria-label=\"Autocomplete\"\n           matInput\n           #input\n           [placeholder]=\"enumerationField.placeholder\"\n           [formControl]=\"formControlRef\"\n           [matAutocomplete]=\"auto\"\n           [required]=\"enumerationField.behavior.required\"\n           (focus)=\"change()\"\n           (keyup)=\"change()\">\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"change()\">\n            {{option.value}}\n        </mat-option>\n    </mat-autocomplete>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{buildErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4$3.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i3$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.MatLabel, selector: "mat-label" }, { type: i7$2.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: i1$1.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: i4$3.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i5$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2$1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "async": i5$2.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationAutocompleteSelectFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-enumeration-autocomplete-select-field', template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <input type=\"text\"\n           aria-label=\"Autocomplete\"\n           matInput\n           #input\n           [placeholder]=\"enumerationField.placeholder\"\n           [formControl]=\"formControlRef\"\n           [matAutocomplete]=\"auto\"\n           [required]=\"enumerationField.behavior.required\"\n           (keyup)=\"change()\">\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"change()\">\n            {{option.value}}\n        </mat-option>\n    </mat-autocomplete>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{buildErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
+            args: [{ selector: 'nc-enumeration-autocomplete-select-field', template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <input type=\"text\"\n           aria-label=\"Autocomplete\"\n           matInput\n           #input\n           [placeholder]=\"enumerationField.placeholder\"\n           [formControl]=\"formControlRef\"\n           [matAutocomplete]=\"auto\"\n           [required]=\"enumerationField.behavior.required\"\n           (focus)=\"change()\"\n           (keyup)=\"change()\">\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"change()\">\n            {{option.value}}\n        </mat-option>\n    </mat-autocomplete>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{buildErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i2$2.TranslateService }]; } });
 
 class EnumerationListFieldComponent extends AbstractEnumerationListFieldComponent {
@@ -1136,12 +1136,12 @@ class SearchOperandInputComponent extends AbstractSearchOperandInputComponent {
 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: i2$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4$3.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i3$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4$2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i4$2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i5$3.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: i4$1.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: i5$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i7$2.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: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4$3.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i5$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4$2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i2$1.MatPrefix, selector: "[matPrefix]" }, { type: i5$3.NgxMatDatetimeInput, selector: "input[ngxMatDatetimePicker]", inputs: ["ngxMatDatetimePicker", "ngxMatDatetimePickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["ngxMatDatetimePickerInput"] }, { type: i4$2.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i7$1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "async": i5$2.AsyncPipe, "translate": i2$2.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: i2$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4$3.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i3$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4$2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i4$2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i5$3.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: i4$1.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: i5$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i7$2.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: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4$3.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i5$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4$2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i2$1.MatPrefix, selector: "[matPrefix]" }, { type: i5$3.NgxMatDatetimeInput, selector: "input[ngxMatDatetimePicker]", inputs: ["ngxMatDatetimePicker", "ngxMatDatetimePickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["ngxMatDatetimePickerInput"] }, { type: i4$2.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i7$1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "async": i5$2.AsyncPipe, "translate": i2$2.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 []; } });
 
 class SearchConfigurationInputComponent extends AbstractSearchConfigurationInputComponent {