npm - @netgrif/components - Versions diffs - 6.2.4 → 6.2.6 - Mend

@netgrif/components 6.2.4 → 6.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (161) hide show

package/esm2020/lib/search/advanced-search/advanced-search.module.mjs CHANGED Viewed

@@ -10,8 +10,8 @@ import { MaterialModule, TranslateLibModule } from '@netgrif/components-core';
 import * as i0 from "@angular/core";
 export class AdvancedSearchComponentModule {
 }
-AdvancedSearchComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AdvancedSearchComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AdvancedSearchComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AdvancedSearchComponentModule, declarations: [SearchClauseComponent,
+AdvancedSearchComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AdvancedSearchComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AdvancedSearchComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AdvancedSearchComponentModule, declarations: [SearchClauseComponent,
         SearchPredicateComponent,
         SearchOperandInputComponent,
         SearchConfigurationInputComponent,
@@ -23,13 +23,13 @@ AdvancedSearchComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12
         SearchOperandInputComponent,
         SearchConfigurationInputComponent,
         AdvancedSearchComponent] });
-AdvancedSearchComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AdvancedSearchComponentModule, imports: [[
+AdvancedSearchComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AdvancedSearchComponentModule, imports: [[
             CommonModule,
             MaterialModule,
             TranslateLibModule,
             NgxMatDatetimePickerModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AdvancedSearchComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AdvancedSearchComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/lib/search/advanced-search/search-clause-component/search-clause.component.mjs CHANGED Viewed

@@ -11,9 +11,9 @@ export class SearchClauseComponent extends AbstractSearchClauseComponent {
         super();
     }
 }
-SearchClauseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SearchClauseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SearchClauseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SearchClauseComponent, selector: "nc-search-clause", usesInheritance: true, ngImport: i0, template: "<div class=\"clause-body clause-body-color\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n        <div *ngFor=\"let item of getPredicateMap() | keyvalue; trackBy: trackByPredicates; first as first\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <div *ngIf=\"!first\" class=\"bool-operator-margin\">{{'search.or' | translate | uppercase}}</div>\n            <nc-search-predicate [predicate]=\"item.value.wrappedPredicate\" [predicateId]=\"item.key\"\n                                 [remove$]=\"removeChild$\" [generator]=\"item.value.generator\" [editable]=\"editable\"></nc-search-predicate>\n        </div>\n        <button *ngIf=\"editable\" mat-stroked-button (click)=\"addChildPredicate()\" class=\"bool-operator-button\">+ {{'search.or' | translate | uppercase}}</button>\n    </div>\n</div>\n", styles: [".clause-body{border-radius:4px;padding:4px 6px}.bool-operator-margin{margin-left:8px;margin-right:8px}.bool-operator-button{margin-left:4px}\n"], components: [{ type: i1.SearchPredicateComponent, selector: "nc-search-predicate" }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "keyvalue": i4.KeyValuePipe, "uppercase": i4.UpperCasePipe, "translate": i5.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SearchClauseComponent, decorators: [{
+SearchClauseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SearchClauseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SearchClauseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SearchClauseComponent, selector: "nc-search-clause", usesInheritance: true, ngImport: i0, template: "<div class=\"clause-body clause-body-color\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n        <div *ngFor=\"let item of getPredicateMap() | keyvalue; trackBy: trackByPredicates; first as first\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <div *ngIf=\"!first\" class=\"bool-operator-margin\">{{'search.or' | translate | uppercase}}</div>\n            <nc-search-predicate [predicate]=\"item.value.wrappedPredicate\" [predicateId]=\"item.key\"\n                                 [remove$]=\"removeChild$\" [generator]=\"item.value.generator\" [editable]=\"editable\"></nc-search-predicate>\n        </div>\n        <button *ngIf=\"editable\" mat-stroked-button (click)=\"addChildPredicate()\" class=\"bool-operator-button\">+ {{'search.or' | translate | uppercase}}</button>\n    </div>\n</div>\n", styles: [".clause-body{border-radius:4px;padding:4px 6px}.bool-operator-margin{margin-left:8px;margin-right:8px}.bool-operator-button{margin-left:4px}\n"], components: [{ type: i1.SearchPredicateComponent, selector: "nc-search-predicate" }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "keyvalue": i4.KeyValuePipe, "uppercase": i4.UpperCasePipe, "translate": i5.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SearchClauseComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-search-clause', template: "<div class=\"clause-body clause-body-color\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n        <div *ngFor=\"let item of getPredicateMap() | keyvalue; trackBy: trackByPredicates; first as first\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <div *ngIf=\"!first\" class=\"bool-operator-margin\">{{'search.or' | translate | uppercase}}</div>\n            <nc-search-predicate [predicate]=\"item.value.wrappedPredicate\" [predicateId]=\"item.key\"\n                                 [remove$]=\"removeChild$\" [generator]=\"item.value.generator\" [editable]=\"editable\"></nc-search-predicate>\n        </div>\n        <button *ngIf=\"editable\" mat-stroked-button (click)=\"addChildPredicate()\" class=\"bool-operator-button\">+ {{'search.or' | translate | uppercase}}</button>\n    </div>\n</div>\n", styles: [".clause-body{border-radius:4px;padding:4px 6px}.bool-operator-margin{margin-left:8px;margin-right:8px}.bool-operator-button{margin-left:4px}\n"] }]
         }], ctorParameters: function () { return []; } });

package/esm2020/lib/search/advanced-search/search-configuration-input-component/search-configuration-input.component.mjs CHANGED Viewed

@@ -22,9 +22,9 @@ export class SearchConfigurationInputComponent extends AbstractSearchConfigurati
         this.operatorTemplatePartType = OperatorTemplatePartType;
     }
 }
-SearchConfigurationInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SearchConfigurationInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SearchConfigurationInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SearchConfigurationInputComponent, selector: "nc-search-configuration-input", usesInheritance: true, ngImport: i0, template: "<div [ngSwitch]=\"configuration.type\">\n    <ng-template [ngSwitchCase]=\"searchInputType.AUTOCOMPLETE\">\n        <div *ngIf=\"!configuration.isOptionSelected; then configurationSelection else configurationDisplay\"></div>\n\n        <ng-template #configurationSelection>\n            <mat-form-field class=\"text-margin\" appearance=\"outline\">\n                <mat-label>{{configuration.label | translate}}</mat-label>\n                <input type=\"text\" matInput\n                       #autocompleteInput\n                       #autocompleteTrigger=\"matAutocompleteTrigger\"\n                       [formControl]=\"configuration.formControl\"\n                       [matAutocomplete]=\"configurationAutocomplete\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"$event.target.blur(); autocompleteTrigger.closePanel()\"\n                       #configurationInput>\n                <mat-autocomplete #configurationAutocomplete=\"matAutocomplete\"\n                                  [displayWith]=\"renderSelection\"\n                                  (optionSelected)=\"autocompleteInput.blur()\">\n                    <mat-option\n                        *ngFor=\"let option of configuration.filteredOptions$ | async\"\n                        [value]=\"option\">\n                        <mat-icon *ngIf=\"option.icon\">{{option.icon}}</mat-icon>\n                        <span>{{option.text}}</span>\n                    </mat-option>\n                </mat-autocomplete>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template #configurationDisplay>\n            <div class=\"text-margin\"\n                 [ngClass]=\"{'bold-text': configuration.displayBold}\"\n                 (click)=\"clearConfigurationInput()\">\n                {{configuration.selectedOptionTranslatePath | translate}}\n            </div>\n        </ng-template>\n    </ng-template>\n    <ng-template [ngSwitchCase]=\"searchInputType.OPERATOR\">\n        <div *ngIf=\"selectedCategory.isOperatorSelected(); then argumentsSelection; else operatorSelection\"></div>\n\n        <ng-template #operatorSelection>\n            <mat-form-field appearance=\"outline\">\n                <mat-label>{{configuration.label | translate}}</mat-label>\n                <mat-select [formControl]=\"configuration.formControl\" [disabled]=\"!editable\" #configurationInput>\n                    <mat-option *ngFor=\"let operator of selectedCategory.allowedOperators\" [value]=\"operator\">\n                        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                            <ng-template ngFor let-namePart [ngForOf]=\"operator.getOperatorNameTemplate()\" let-last=\"last\">\n                                <ng-container [ngTemplateOutlet]=\"namePart ? operatorInputText : operatorInputPlaceholder\"\n                                              [ngTemplateOutletContext]=\"{last:last, namePart:namePart}\"></ng-container>\n                            </ng-template>\n\n                            <ng-template #operatorInputText let-last=\"last\" let-namePart=\"namePart\">\n                                <div [ngClass]=\"{'argument-right-margin': !last}\">\n                                    {{namePart | translate}}\n                                </div>\n                            </ng-template>\n\n                            <ng-template #operatorInputPlaceholder let-last=\"last\">\n                                <div class=\"argument-placeholder-color argument-placeholder-dimensions\" [ngClass]=\"{'argument-right-margin': !last}\"></div>\n                            </ng-template>\n                        </div>\n                    </mat-option>\n                </mat-select>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template #argumentsSelection>\n            <div fxLayout=\"row\" fxLayoutAlign=\"start center\" (click)=\"clearOperatorInput()\">\n                <ng-template ngFor let-templatePart [ngForOf]=\"selectedCategory.operatorTemplate$ | async\"\n                             [ngForTrackBy]=\"trackByTemplateParts\">\n                    <div [ngSwitch]=\"templatePart.type\">\n                        <ng-template [ngSwitchCase]=\"operatorTemplatePartType.TEXT\">\n                            <div fxLayout=\"row\" fxLayoutAlign=\"start center\"\n                                 class=\"text-margin\">\n                                {{templatePart.content | translate}}\n                            </div>\n                        </ng-template>\n\n                        <ng-template [ngSwitchCase]=\"operatorTemplatePartType.INPUT\">\n                            <div class=\"text-margin\"\n                                 (click)=\"$event.stopPropagation()\">\n                                <nc-search-operand-input [inputFormControl]=\"templatePart.content\"\n                                                         [inputType]=\"selectedCategory.inputType\"\n                                                         [first]=\"templatePart.first\"\n                                                         [filterOptionsFunction]=\"filterOptions\"\n                                                         [editable]=\"editable\"></nc-search-operand-input>\n                            </div>\n                        </ng-template>\n                    </div>\n                </ng-template>\n            </div>\n        </ng-template>\n    </ng-template>\n</div>\n", styles: [".bold-text{font-weight:700}.text-margin{margin-left:4px}.argument-placeholder-dimensions{height:1.5em;width:6em;border-radius:4px}.argument-right-margin{margin-right:.5em}\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.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i6.SearchOperandInputComponent, selector: "nc-search-operand-input" }], directives: [{ type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i8.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: i9.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: i2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i9.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: 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: i11.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "translate": i12.TranslatePipe, "async": i7.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SearchConfigurationInputComponent, decorators: [{
+SearchConfigurationInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SearchConfigurationInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SearchConfigurationInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SearchConfigurationInputComponent, selector: "nc-search-configuration-input", usesInheritance: true, ngImport: i0, template: "<div [ngSwitch]=\"configuration.type\">\n    <ng-template [ngSwitchCase]=\"searchInputType.AUTOCOMPLETE\">\n        <div *ngIf=\"!configuration.isOptionSelected; then configurationSelection else configurationDisplay\"></div>\n\n        <ng-template #configurationSelection>\n            <mat-form-field class=\"text-margin\" appearance=\"outline\">\n                <mat-label>{{configuration.label | translate}}</mat-label>\n                <input type=\"text\" matInput\n                       #autocompleteInput\n                       #autocompleteTrigger=\"matAutocompleteTrigger\"\n                       [formControl]=\"configuration.formControl\"\n                       [matAutocomplete]=\"configurationAutocomplete\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"$event.target.blur(); autocompleteTrigger.closePanel()\"\n                       #configurationInput>\n                <mat-autocomplete #configurationAutocomplete=\"matAutocomplete\"\n                                  [displayWith]=\"renderSelection\"\n                                  (optionSelected)=\"autocompleteInput.blur()\">\n                    <mat-option\n                        *ngFor=\"let option of configuration.filteredOptions$ | async\"\n                        [value]=\"option\">\n                        <mat-icon *ngIf=\"option.icon\">{{option.icon}}</mat-icon>\n                        <span>{{option.text}}</span>\n                    </mat-option>\n                </mat-autocomplete>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template #configurationDisplay>\n            <div class=\"text-margin\"\n                 [ngClass]=\"{'bold-text': configuration.displayBold}\"\n                 (click)=\"clearConfigurationInput()\">\n                {{configuration.selectedOptionTranslatePath | translate}}\n            </div>\n        </ng-template>\n    </ng-template>\n    <ng-template [ngSwitchCase]=\"searchInputType.OPERATOR\">\n        <div *ngIf=\"selectedCategory.isOperatorSelected(); then argumentsSelection; else operatorSelection\"></div>\n\n        <ng-template #operatorSelection>\n            <mat-form-field appearance=\"outline\">\n                <mat-label>{{configuration.label | translate}}</mat-label>\n                <mat-select [formControl]=\"configuration.formControl\" [disabled]=\"!editable\" #configurationInput>\n                    <mat-option *ngFor=\"let operator of selectedCategory.allowedOperators\" [value]=\"operator\">\n                        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                            <ng-template ngFor let-namePart [ngForOf]=\"operator.getOperatorNameTemplate()\" let-last=\"last\">\n                                <ng-container [ngTemplateOutlet]=\"namePart ? operatorInputText : operatorInputPlaceholder\"\n                                              [ngTemplateOutletContext]=\"{last:last, namePart:namePart}\"></ng-container>\n                            </ng-template>\n\n                            <ng-template #operatorInputText let-last=\"last\" let-namePart=\"namePart\">\n                                <div [ngClass]=\"{'argument-right-margin': !last}\">\n                                    {{namePart | translate}}\n                                </div>\n                            </ng-template>\n\n                            <ng-template #operatorInputPlaceholder let-last=\"last\">\n                                <div class=\"argument-placeholder-color argument-placeholder-dimensions\" [ngClass]=\"{'argument-right-margin': !last}\"></div>\n                            </ng-template>\n                        </div>\n                    </mat-option>\n                </mat-select>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template #argumentsSelection>\n            <div fxLayout=\"row\" fxLayoutAlign=\"start center\" (click)=\"clearOperatorInput()\">\n                <ng-template ngFor let-templatePart [ngForOf]=\"selectedCategory.operatorTemplate$ | async\"\n                             [ngForTrackBy]=\"trackByTemplateParts\">\n                    <div [ngSwitch]=\"templatePart.type\">\n                        <ng-template [ngSwitchCase]=\"operatorTemplatePartType.TEXT\">\n                            <div fxLayout=\"row\" fxLayoutAlign=\"start center\"\n                                 class=\"text-margin\">\n                                {{templatePart.content | translate}}\n                            </div>\n                        </ng-template>\n\n                        <ng-template [ngSwitchCase]=\"operatorTemplatePartType.INPUT\">\n                            <div class=\"text-margin\"\n                                 (click)=\"$event.stopPropagation()\">\n                                <nc-search-operand-input [inputFormControl]=\"templatePart.content\"\n                                                         [inputType]=\"selectedCategory.inputType\"\n                                                         [first]=\"templatePart.first\"\n                                                         [filterOptionsFunction]=\"filterOptions\"\n                                                         [editable]=\"editable\"></nc-search-operand-input>\n                            </div>\n                        </ng-template>\n                    </div>\n                </ng-template>\n            </div>\n        </ng-template>\n    </ng-template>\n</div>\n", styles: [".bold-text{font-weight:700}.text-margin{margin-left:4px}.argument-placeholder-dimensions{height:1.5em;width:6em;border-radius:4px}.argument-right-margin{margin-right:.5em}\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.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i6.SearchOperandInputComponent, selector: "nc-search-operand-input" }], directives: [{ type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i8.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: i9.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: i2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i9.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: 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: i11.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "translate": i12.TranslatePipe, "async": i7.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SearchConfigurationInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-search-configuration-input', template: "<div [ngSwitch]=\"configuration.type\">\n    <ng-template [ngSwitchCase]=\"searchInputType.AUTOCOMPLETE\">\n        <div *ngIf=\"!configuration.isOptionSelected; then configurationSelection else configurationDisplay\"></div>\n\n        <ng-template #configurationSelection>\n            <mat-form-field class=\"text-margin\" appearance=\"outline\">\n                <mat-label>{{configuration.label | translate}}</mat-label>\n                <input type=\"text\" matInput\n                       #autocompleteInput\n                       #autocompleteTrigger=\"matAutocompleteTrigger\"\n                       [formControl]=\"configuration.formControl\"\n                       [matAutocomplete]=\"configurationAutocomplete\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"$event.target.blur(); autocompleteTrigger.closePanel()\"\n                       #configurationInput>\n                <mat-autocomplete #configurationAutocomplete=\"matAutocomplete\"\n                                  [displayWith]=\"renderSelection\"\n                                  (optionSelected)=\"autocompleteInput.blur()\">\n                    <mat-option\n                        *ngFor=\"let option of configuration.filteredOptions$ | async\"\n                        [value]=\"option\">\n                        <mat-icon *ngIf=\"option.icon\">{{option.icon}}</mat-icon>\n                        <span>{{option.text}}</span>\n                    </mat-option>\n                </mat-autocomplete>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template #configurationDisplay>\n            <div class=\"text-margin\"\n                 [ngClass]=\"{'bold-text': configuration.displayBold}\"\n                 (click)=\"clearConfigurationInput()\">\n                {{configuration.selectedOptionTranslatePath | translate}}\n            </div>\n        </ng-template>\n    </ng-template>\n    <ng-template [ngSwitchCase]=\"searchInputType.OPERATOR\">\n        <div *ngIf=\"selectedCategory.isOperatorSelected(); then argumentsSelection; else operatorSelection\"></div>\n\n        <ng-template #operatorSelection>\n            <mat-form-field appearance=\"outline\">\n                <mat-label>{{configuration.label | translate}}</mat-label>\n                <mat-select [formControl]=\"configuration.formControl\" [disabled]=\"!editable\" #configurationInput>\n                    <mat-option *ngFor=\"let operator of selectedCategory.allowedOperators\" [value]=\"operator\">\n                        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                            <ng-template ngFor let-namePart [ngForOf]=\"operator.getOperatorNameTemplate()\" let-last=\"last\">\n                                <ng-container [ngTemplateOutlet]=\"namePart ? operatorInputText : operatorInputPlaceholder\"\n                                              [ngTemplateOutletContext]=\"{last:last, namePart:namePart}\"></ng-container>\n                            </ng-template>\n\n                            <ng-template #operatorInputText let-last=\"last\" let-namePart=\"namePart\">\n                                <div [ngClass]=\"{'argument-right-margin': !last}\">\n                                    {{namePart | translate}}\n                                </div>\n                            </ng-template>\n\n                            <ng-template #operatorInputPlaceholder let-last=\"last\">\n                                <div class=\"argument-placeholder-color argument-placeholder-dimensions\" [ngClass]=\"{'argument-right-margin': !last}\"></div>\n                            </ng-template>\n                        </div>\n                    </mat-option>\n                </mat-select>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template #argumentsSelection>\n            <div fxLayout=\"row\" fxLayoutAlign=\"start center\" (click)=\"clearOperatorInput()\">\n                <ng-template ngFor let-templatePart [ngForOf]=\"selectedCategory.operatorTemplate$ | async\"\n                             [ngForTrackBy]=\"trackByTemplateParts\">\n                    <div [ngSwitch]=\"templatePart.type\">\n                        <ng-template [ngSwitchCase]=\"operatorTemplatePartType.TEXT\">\n                            <div fxLayout=\"row\" fxLayoutAlign=\"start center\"\n                                 class=\"text-margin\">\n                                {{templatePart.content | translate}}\n                            </div>\n                        </ng-template>\n\n                        <ng-template [ngSwitchCase]=\"operatorTemplatePartType.INPUT\">\n                            <div class=\"text-margin\"\n                                 (click)=\"$event.stopPropagation()\">\n                                <nc-search-operand-input [inputFormControl]=\"templatePart.content\"\n                                                         [inputType]=\"selectedCategory.inputType\"\n                                                         [first]=\"templatePart.first\"\n                                                         [filterOptionsFunction]=\"filterOptions\"\n                                                         [editable]=\"editable\"></nc-search-operand-input>\n                            </div>\n                        </ng-template>\n                    </div>\n                </ng-template>\n            </div>\n        </ng-template>\n    </ng-template>\n</div>\n", styles: [".bold-text{font-weight:700}.text-margin{margin-left:4px}.argument-placeholder-dimensions{height:1.5em;width:6em;border-radius:4px}.argument-right-margin{margin-right:.5em}\n"] }]
         }], ctorParameters: function () { return []; } });

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

@@ -23,14 +23,14 @@ export class SearchOperandInputComponent extends AbstractSearchOperandInputCompo
         this.dateTimeFormat = DATE_TIME_FORMAT_STRING;
     }
 }
-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: [
+SearchOperandInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SearchOperandInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SearchOperandInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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 } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SearchOperandInputComponent, decorators: [{
+    ], 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                       #operandInput>\n                <mat-datepicker-toggle matPrefix [for]=\"searchDatepicker\"></mat-datepicker-toggle>\n                <mat-datepicker\n                    #searchDatepicker\n                    (closed)=\"confirmInput()\"></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.12", 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                       #operandInput>\n                <mat-datepicker-toggle matPrefix [for]=\"searchDatepicker\"></mat-datepicker-toggle>\n                <mat-datepicker\n                    #searchDatepicker\n                    (closed)=\"confirmInput()\"></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,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==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLW9wZXJhbmQtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvc2VhcmNoL2FkdmFuY2VkLXNlYXJjaC9zZWFyY2gtb3BlcmFuZC1pbnB1dC1jb21wb25lbnQvc2VhcmNoLW9wZXJhbmQtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvc2VhcmNoL2FkdmFuY2VkLXNlYXJjaC9zZWFyY2gtb3BlcmFuZC1pbnB1dC1jb21wb25lbnQvc2VhcmNoLW9wZXJhbmQtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sOENBQThDLENBQUM7QUFDbEYsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQ0gsbUNBQW1DLEVBQ25DLGtCQUFrQixFQUFFLGdCQUFnQixFQUNwQyx1QkFBdUIsRUFDdkIsZUFBZSxFQUNsQixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7Ozs7OztBQVVsQyxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsbUNBQW1DO0lBUWhGO1FBQ0ksS0FBSyxFQUFFLENBQUM7UUFQWiwrQkFBK0I7UUFDeEIsb0JBQWUsR0FBRyxlQUFlLENBQUM7UUFFbEMsZUFBVSxHQUFHLGtCQUFrQixDQUFDO1FBQ2hDLG1CQUFjLEdBQUcsdUJBQXVCLENBQUM7SUFJaEQsQ0FBQzs7eUhBVlEsMkJBQTJCOzZHQUEzQiwyQkFBMkIsa0RBSnpCO1FBQ1AsRUFBQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsUUFBUSxFQUFFLGdCQUFnQixFQUFDO0tBQzlELGlEQ2ZMLHVtTEFtSEE7NEZEbEdhLDJCQUEyQjtrQkFSdkMsU0FBUzsrQkFDSSx5QkFBeUIsYUFHeEI7d0JBQ1AsRUFBQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsUUFBUSxFQUFFLGdCQUFnQixFQUFDO3FCQUM5RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TkdYX01BVF9EQVRFX0ZPUk1BVFN9IGZyb20gJ0Bhbmd1bGFyLW1hdGVyaWFsLWNvbXBvbmVudHMvZGF0ZXRpbWUtcGlja2VyJztcbmltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RTZWFyY2hPcGVyYW5kSW5wdXRDb21wb25lbnQsXG4gICAgREFURV9GT1JNQVRfU1RSSU5HLCBEQVRFX1RJTUVfRk9STUFULFxuICAgIERBVEVfVElNRV9GT1JNQVRfU1RSSU5HLFxuICAgIFNlYXJjaElucHV0VHlwZVxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXNlYXJjaC1vcGVyYW5kLWlucHV0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VhcmNoLW9wZXJhbmQtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3NlYXJjaC1vcGVyYW5kLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtwcm92aWRlOiBOR1hfTUFUX0RBVEVfRk9STUFUUywgdXNlVmFsdWU6IERBVEVfVElNRV9GT1JNQVR9XG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBTZWFyY2hPcGVyYW5kSW5wdXRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFNlYXJjaE9wZXJhbmRJbnB1dENvbXBvbmVudCB7XG5cbiAgICAvLyBtYWtlIGVudW0gYWNjZXNzaWJsZSBpbiBIVE1sXG4gICAgcHVibGljIHNlYXJjaElucHV0VHlwZSA9IFNlYXJjaElucHV0VHlwZTtcblxuICAgIHB1YmxpYyBkYXRlRm9ybWF0ID0gREFURV9GT1JNQVRfU1RSSU5HO1xuICAgIHB1YmxpYyBkYXRlVGltZUZvcm1hdCA9IERBVEVfVElNRV9GT1JNQVRfU1RSSU5HO1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxufVxuIiwiPGRpdiAqbmdJZj1cIiFpc0lucHV0RmlsbGVkKCk7IHRoZW4gb3BlcmFuZFNlbGVjdGlvbiBlbHNlIG9wZXJhbmREaXNwbGF5XCI+PC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjb3BlcmFuZFNlbGVjdGlvbj5cbiAgICA8ZGl2IFtuZ1N3aXRjaF09XCJpbnB1dFR5cGVcIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1N3aXRjaENhc2VdPVwic2VhcmNoSW5wdXRUeXBlLlRFWFRcIj5cbiAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxuICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIG1hdElucHV0IGF1dG9jb21wbGV0ZT1cIm9mZlwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJpbnB1dEZvcm1Db250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFlZGl0YWJsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgIChrZXlkb3duLmVudGVyKT1cIiRldmVudC50YXJnZXQuYmx1cigpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgKGJsdXIpPVwiY29uZmlybUlucHV0KClcIlxuICAgICAgICAgICAgICAgICAgICAgICAjb3BlcmFuZElucHV0PlxuICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgICA8bmctdGVtcGxhdGUgW25nU3dpdGNoQ2FzZV09XCJzZWFyY2hJbnB1dFR5cGUuQVVUT0NPTVBMRVRFXCI+XG4gICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cbiAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBtYXRJbnB1dCBhdXRvY29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgICAgICAgICAgICAjYXV0b2NvbXBsZXRlSW5wdXRcbiAgICAgICAgICAgICAgICAgICAgICAgI2F1dG9jb21wbGV0ZVRyaWdnZXI9XCJtYXRBdXRvY29tcGxldGVUcmlnZ2VyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImlucHV0Rm9ybUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICBbbWF0QXV0b2NvbXBsZXRlXT1cInNlYXJjaEF1dG9jb21wbGV0ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCIhZWRpdGFibGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCIkZXZlbnQudGFyZ2V0LmJsdXIoKTsgYXV0b2NvbXBsZXRlVHJpZ2dlci5jbG9zZVBhbmVsKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAoZm9jdXMpPVwiZWRpdElucHV0KClcIlxuICAgICAgICAgICAgICAgICAgICAgICAjb3BlcmFuZElucHV0PlxuICAgICAgICAgICAgICAgIDxtYXQtYXV0b2NvbXBsZXRlICNzZWFyY2hBdXRvY29tcGxldGU9XCJtYXRBdXRvY29tcGxldGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtkaXNwbGF5V2l0aF09XCJyZW5kZXJTZWxlY3Rpb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChvcHRpb25TZWxlY3RlZCk9XCJhdXRvY29tcGxldGVJbnB1dC5ibHVyKClcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBmaWx0ZXJlZE9wdGlvbnMkIHwgYXN5bmNcIiBbdmFsdWVdPVwib3B0aW9uXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24gKm5nSWY9XCJvcHRpb24uaWNvblwiPnt7b3B0aW9uLmljb259fTwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj57e29wdGlvbi50ZXh0IHwgdHJhbnNsYXRlfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvbWF0LW9wdGlvbj5cbiAgICAgICAgICAgICAgICA8L21hdC1hdXRvY29tcGxldGU+XG4gICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdTd2l0Y2hDYXNlXT1cInNlYXJjaElucHV0VHlwZS5EQVRFXCI+XG4gICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cbiAgICAgICAgICAgICAgICA8aW5wdXQgbWF0SW5wdXQgYXV0b2NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImlucHV0Rm9ybUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICBbbWF0RGF0ZXBpY2tlcl09XCJzZWFyY2hEYXRlcGlja2VyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFlZGl0YWJsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgIChrZXlkb3duLmVudGVyKT1cInNlYXJjaERhdGVwaWNrZXIuY2xvc2UoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgIChmb2N1cyk9XCJlZGl0SW5wdXQoKTsgc2VhcmNoRGF0ZXBpY2tlci5vcGVuKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAjb3BlcmFuZElucHV0PlxuICAgICAgICAgICAgICAgIDxtYXQtZGF0ZXBpY2tlci10b2dnbGUgbWF0UHJlZml4IFtmb3JdPVwic2VhcmNoRGF0ZXBpY2tlclwiPjwvbWF0LWRhdGVwaWNrZXItdG9nZ2xlPlxuICAgICAgICAgICAgICAgIDxtYXQtZGF0ZXBpY2tlclxuICAgICAgICAgICAgICAgICAgICAjc2VhcmNoRGF0ZXBpY2tlclxuICAgICAgICAgICAgICAgICAgICAoY2xvc2VkKT1cImNvbmZpcm1JbnB1dCgpXCI+PC9tYXQtZGF0ZXBpY2tlcj5cbiAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1N3aXRjaENhc2VdPVwic2VhcmNoSW5wdXRUeXBlLkRBVEVfVElNRVwiPlxuICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XG4gICAgICAgICAgICAgICAgPGlucHV0IG1hdElucHV0IGF1dG9jb21wbGV0ZT1cIm9mZlwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJpbnB1dEZvcm1Db250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW25neE1hdERhdGV0aW1lUGlja2VyXT1cInNlYXJjaERhdGVUaW1lcGlja2VyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFlZGl0YWJsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgIChrZXlkb3duLmVudGVyKT1cInNlYXJjaERhdGVUaW1lcGlja2VyLmNsb3NlKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAoZm9jdXMpPVwiZWRpdElucHV0KCk7IHNlYXJjaERhdGVUaW1lcGlja2VyLm9wZW4oKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICNvcGVyYW5kSW5wdXQ+XG4gICAgICAgICAgICAgICAgPG1hdC1kYXRlcGlja2VyLXRvZ2dsZSBtYXRQcmVmaXggW2Zvcl09XCJzZWFyY2hEYXRlVGltZXBpY2tlclwiPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24gbWF0RGF0ZXBpY2tlclRvZ2dsZUljb24+c2NoZWR1bGU8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIDwvbWF0LWRhdGVwaWNrZXItdG9nZ2xlPlxuICAgICAgICAgICAgICAgIDxuZ3gtbWF0LWRhdGV0aW1lLXBpY2tlciAjc2VhcmNoRGF0ZVRpbWVwaWNrZXJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dTcGlubmVyc109XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dTZWNvbmRzXT1cImZhbHNlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3N0ZXBIb3VyXT1cIjFcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3RlcE1pbnV0ZV09XCI1XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NvbG9yXT1cIidwcmltYXJ5J1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtlbmFibGVNZXJpZGlhbl09XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbG9zZWQpPVwiY29uZmlybUlucHV0KClcIj48L25neC1tYXQtZGF0ZXRpbWUtcGlja2VyPlxuICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgICA8bmctdGVtcGxhdGUgW25nU3dpdGNoQ2FzZV09XCJzZWFyY2hJbnB1dFR5cGUuTlVNQkVSXCI+XG4gICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cbiAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cIm51bWJlclwiIG1hdElucHV0IGF1dG9jb21wbGV0ZT1cIm9mZlwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJpbnB1dEZvcm1Db250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFlZGl0YWJsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgIChrZXlkb3duLmVudGVyKT1cIiRldmVudC50YXJnZXQuYmx1cigpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgKGZvY3VzKT1cImVkaXRJbnB1dCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgKGJsdXIpPVwiY29uZmlybUlucHV0KClcIlxuICAgICAgICAgICAgICAgICAgICAgICAjb3BlcmFuZElucHV0PlxuICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgICA8bmctdGVtcGxhdGUgW25nU3dpdGNoQ2FzZV09XCJzZWFyY2hJbnB1dFR5cGUuQk9PTEVBTlwiPlxuICAgICAgICAgICAgPGRpdiBmeExheW91dD1cInJvd1wiPlxuICAgICAgICAgICAgICAgIDxtYXQtc2xpZGUtdG9nZ2xlIFtmb3JtQ29udHJvbF09XCJpbnB1dEZvcm1Db250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiIWVkaXRhYmxlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoZm9jdXMpPVwiZWRpdElucHV0KClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICh0b2dnbGVDaGFuZ2UpPVwiY29uZmlybUlucHV0KClcIj48L21hdC1zbGlkZS10b2dnbGU+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjb3BlcmFuZERpc3BsYXk+XG4gICAgPGRpdiBbbmdTd2l0Y2hdPVwiaW5wdXRUeXBlXCIgKGNsaWNrKT1cImVkaXRJbnB1dCgpXCIgY2xhc3M9XCJib2xkLXRleHRcIj5cbiAgICAgICAgPGRpdiAqbmdTd2l0Y2hDYXNlPVwic2VhcmNoSW5wdXRUeXBlLkFVVE9DT01QTEVURVwiPlxuICAgICAgICAgICAge3tpbnB1dEZvcm1Db250cm9sLnZhbHVlLnRleHQgfCB0cmFuc2xhdGV9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdTd2l0Y2hDYXNlPVwic2VhcmNoSW5wdXRUeXBlLkRBVEVcIj5cbiAgICAgICAgICAgIHt7aW5wdXRGb3JtQ29udHJvbC52YWx1ZS5mb3JtYXQoZGF0ZUZvcm1hdCl9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdTd2l0Y2hDYXNlPVwic2VhcmNoSW5wdXRUeXBlLkRBVEVfVElNRVwiPlxuICAgICAgICAgICAge3tpbnB1dEZvcm1Db250cm9sLnZhbHVlLmZvcm1hdChkYXRlVGltZUZvcm1hdCl9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdTd2l0Y2hEZWZhdWx0PlxuICAgICAgICAgICAge3tpbnB1dEZvcm1Db250cm9sLnZhbHVlfX1cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2020/lib/search/advanced-search/search-predicate-component/search-predicate.component.mjs CHANGED Viewed

@@ -17,9 +17,9 @@ export class SearchPredicateComponent extends AbstractSearchPredicateComponent {
         super(searchCategories, logger, initializationService, categoryFactory);
     }
 }
-SearchPredicateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SearchPredicateComponent, deps: [{ token: NAE_SEARCH_CATEGORIES }, { token: i1.LoggerService }, { token: i1.AdvancedSearchComponentInitializationService }, { token: i1.CategoryFactory }], target: i0.ɵɵFactoryTarget.Component });
-SearchPredicateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SearchPredicateComponent, selector: "nc-search-predicate", usesInheritance: true, ngImport: i0, template: "<div class=\"predicate-body\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n     [ngClass]=\"!!selectedCategory && selectedCategory.providesPredicate ? 'predicate-body-color' : 'white-background'\">\n    <div *ngIf=\"editable\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <button mat-icon-button color=\"warn\" (click)=\"remove()\" class=\"smaller-button\">\n            <mat-icon>clear</mat-icon>\n        </button>\n    </div>\n\n    <div *ngIf=\"!selectedCategory; then categorySelection else categoryDisplay\"></div>\n    <ng-template #categorySelection>\n        <mat-form-field class=\"text-margin\" appearance=\"outline\">\n            <mat-label>{{'search.category.select' | translate}}</mat-label>\n            <mat-select (selectionChange)=\"categoryChanged($event.value)\" #categoryInput [disabled]=\"!editable\">\n                <mat-option *ngFor=\"let category of searchCategories\"\n                            [value]=\"category\">{{category.translationPath | translate}}</mat-option>\n            </mat-select>\n        </mat-form-field>\n    </ng-template>\n    <ng-template #categoryDisplay>\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-margin\"\n             [ngClass]=\"{'bold-text': selectedCategory.displayBold}\"\n             (click)=\"clearCategorySelection()\">\n            {{selectedCategory.translationPath | translate}}\n        </div>\n    </ng-template>\n\n    <div *ngIf=\"selectedCategory\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <ng-template ngFor let-configurationInput [ngForOf]=\"selectedCategory.configurationInputs$ | async\">\n            <nc-search-configuration-input [configuration]=\"configurationInput\" [selectedCategory]=\"selectedCategory\"\n                                           [editable]=\"editable\"></nc-search-configuration-input>\n        </ng-template>\n    </div>\n</div>\n", styles: [".predicate-body{border-radius:4px;padding-right:4px;margin-top:2px;margin-bottom:2px;min-height:32px}.smaller-button{width:32px;height:32px;line-height:32px;margin-right:-4px}.bold-text{font-weight:700}.text-margin{margin-left:4px}.white-background{background:#fafafa}::ng-deep .mat-form-field-wrapper{margin:0;padding-bottom:0}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i7.SearchConfigurationInputComponent, selector: "nc-search-configuration-input" }], directives: [{ type: i8.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.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatLabel, selector: "mat-label" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i11.TranslatePipe, "async": i9.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SearchPredicateComponent, decorators: [{
+SearchPredicateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SearchPredicateComponent, deps: [{ token: NAE_SEARCH_CATEGORIES }, { token: i1.LoggerService }, { token: i1.AdvancedSearchComponentInitializationService }, { token: i1.CategoryFactory }], target: i0.ɵɵFactoryTarget.Component });
+SearchPredicateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SearchPredicateComponent, selector: "nc-search-predicate", usesInheritance: true, ngImport: i0, template: "<div class=\"predicate-body\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n     [ngClass]=\"!!selectedCategory && selectedCategory.providesPredicate ? 'predicate-body-color' : 'white-background'\">\n    <div *ngIf=\"editable\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <button mat-icon-button color=\"warn\" (click)=\"remove()\" class=\"smaller-button\">\n            <mat-icon>clear</mat-icon>\n        </button>\n    </div>\n\n    <div *ngIf=\"!selectedCategory; then categorySelection else categoryDisplay\"></div>\n    <ng-template #categorySelection>\n        <mat-form-field class=\"text-margin\" appearance=\"outline\">\n            <mat-label>{{'search.category.select' | translate}}</mat-label>\n            <mat-select (selectionChange)=\"categoryChanged($event.value)\" #categoryInput [disabled]=\"!editable\">\n                <mat-option *ngFor=\"let category of searchCategories\"\n                            [value]=\"category\">{{category.translationPath | translate}}</mat-option>\n            </mat-select>\n        </mat-form-field>\n    </ng-template>\n    <ng-template #categoryDisplay>\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-margin\"\n             [ngClass]=\"{'bold-text': selectedCategory.displayBold}\"\n             (click)=\"clearCategorySelection()\">\n            {{selectedCategory.translationPath | translate}}\n        </div>\n    </ng-template>\n\n    <div *ngIf=\"selectedCategory\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <ng-template ngFor let-configurationInput [ngForOf]=\"selectedCategory.configurationInputs$ | async\">\n            <nc-search-configuration-input [configuration]=\"configurationInput\" [selectedCategory]=\"selectedCategory\"\n                                           [editable]=\"editable\"></nc-search-configuration-input>\n        </ng-template>\n    </div>\n</div>\n", styles: [".predicate-body{border-radius:4px;padding-right:4px;margin-top:2px;margin-bottom:2px;min-height:32px}.smaller-button{width:32px;height:32px;line-height:32px;margin-right:-4px}.bold-text{font-weight:700}.text-margin{margin-left:4px}.white-background{background:#fafafa}::ng-deep .mat-form-field-wrapper{margin:0;padding-bottom:0}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i7.SearchConfigurationInputComponent, selector: "nc-search-configuration-input" }], directives: [{ type: i8.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.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatLabel, selector: "mat-label" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i11.TranslatePipe, "async": i9.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SearchPredicateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-search-predicate', template: "<div class=\"predicate-body\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n     [ngClass]=\"!!selectedCategory && selectedCategory.providesPredicate ? 'predicate-body-color' : 'white-background'\">\n    <div *ngIf=\"editable\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <button mat-icon-button color=\"warn\" (click)=\"remove()\" class=\"smaller-button\">\n            <mat-icon>clear</mat-icon>\n        </button>\n    </div>\n\n    <div *ngIf=\"!selectedCategory; then categorySelection else categoryDisplay\"></div>\n    <ng-template #categorySelection>\n        <mat-form-field class=\"text-margin\" appearance=\"outline\">\n            <mat-label>{{'search.category.select' | translate}}</mat-label>\n            <mat-select (selectionChange)=\"categoryChanged($event.value)\" #categoryInput [disabled]=\"!editable\">\n                <mat-option *ngFor=\"let category of searchCategories\"\n                            [value]=\"category\">{{category.translationPath | translate}}</mat-option>\n            </mat-select>\n        </mat-form-field>\n    </ng-template>\n    <ng-template #categoryDisplay>\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-margin\"\n             [ngClass]=\"{'bold-text': selectedCategory.displayBold}\"\n             (click)=\"clearCategorySelection()\">\n            {{selectedCategory.translationPath | translate}}\n        </div>\n    </ng-template>\n\n    <div *ngIf=\"selectedCategory\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <ng-template ngFor let-configurationInput [ngForOf]=\"selectedCategory.configurationInputs$ | async\">\n            <nc-search-configuration-input [configuration]=\"configurationInput\" [selectedCategory]=\"selectedCategory\"\n                                           [editable]=\"editable\"></nc-search-configuration-input>\n        </ng-template>\n    </div>\n</div>\n", styles: [".predicate-body{border-radius:4px;padding-right:4px;margin-top:2px;margin-bottom:2px;min-height:32px}.smaller-button{width:32px;height:32px;line-height:32px;margin-right:-4px}.bold-text{font-weight:700}.text-margin{margin-left:4px}.white-background{background:#fafafa}::ng-deep .mat-form-field-wrapper{margin:0;padding-bottom:0}\n"] }]
         }], ctorParameters: function () { return [{ type: Array, decorators: [{

package/esm2020/lib/search/fulltext-search-component/fulltext-search.component.mjs CHANGED Viewed

@@ -11,9 +11,9 @@ export class FulltextSearchComponent extends AbstractFulltextSearchComponent {
         super(searchService);
     }
 }
-FulltextSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FulltextSearchComponent, deps: [{ token: i1.SearchService }], target: i0.ɵɵFactoryTarget.Component });
-FulltextSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FulltextSearchComponent, selector: "nc-fulltext-search", usesInheritance: true, ngImport: i0, template: "<mat-form-field appearance=\"outline\" class=\"disable-error-margin\">\n    <input type=\"text\" matInput\n           [placeholder]=\"'search.fullText' | translate\"\n           [formControl]=\"fullTextFormControl\"\n           (keydown.enter)=\"$event.target.blur()\">\n</mat-form-field>\n", styles: [""], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i3.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: i4.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "translate": i5.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FulltextSearchComponent, decorators: [{
+FulltextSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FulltextSearchComponent, deps: [{ token: i1.SearchService }], target: i0.ɵɵFactoryTarget.Component });
+FulltextSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FulltextSearchComponent, selector: "nc-fulltext-search", usesInheritance: true, ngImport: i0, template: "<mat-form-field appearance=\"outline\" class=\"disable-error-margin\">\n    <input type=\"text\" matInput\n           [placeholder]=\"'search.fullText' | translate\"\n           [formControl]=\"fullTextFormControl\"\n           (keydown.enter)=\"$event.target.blur()\">\n</mat-form-field>\n", styles: [""], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i3.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: i4.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "translate": i5.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FulltextSearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-fulltext-search', template: "<mat-form-field appearance=\"outline\" class=\"disable-error-margin\">\n    <input type=\"text\" matInput\n           [placeholder]=\"'search.fullText' | translate\"\n           [formControl]=\"fullTextFormControl\"\n           (keydown.enter)=\"$event.target.blur()\">\n</mat-form-field>\n", styles: [""] }]
         }], ctorParameters: function () { return [{ type: i1.SearchService }]; } });

package/esm2020/lib/search/search-component/case-search/case-search.component.mjs CHANGED Viewed

@@ -10,12 +10,12 @@ import * as i1 from "../search.component";
  */
 export class CaseSearchComponent {
 }
-CaseSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CaseSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CaseSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CaseSearchComponent, selector: "nc-case-search", providers: [
+CaseSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CaseSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CaseSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CaseSearchComponent, selector: "nc-case-search", providers: [
         CategoryFactory,
         { provide: NAE_SEARCH_CATEGORIES, useFactory: defaultCaseSearchCategoriesFactory, deps: [CategoryFactory] }
     ], ngImport: i0, template: "<nc-search></nc-search>\n", styles: [""], components: [{ type: i1.SearchComponent, selector: "nc-search" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CaseSearchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CaseSearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-case-search', providers: [
                         CategoryFactory,

package/esm2020/lib/search/search-component/search.component.mjs CHANGED Viewed

@@ -54,8 +54,8 @@ export class SearchComponent extends AbstractSearchComponent {
         super(searchService, logger, dialogService, translate, userFilterService, allowedNetsService, viewIdService, searchCategories, configuration, filtersFilter, navigationItemTaskData);
     }
 }
-SearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SearchComponent, deps: [{ token: i1.SearchService }, { token: i1.LoggerService }, { token: i1.DialogService }, { token: i2.TranslateService }, { token: i1.UserFiltersService }, { token: i1.AllowedNetsService }, { token: i1.ViewIdService }, { token: NAE_SEARCH_CATEGORIES }, { token: NAE_SEARCH_COMPONENT_CONFIGURATION, optional: true }, { token: NAE_FILTERS_FILTER, optional: true }, { token: NAE_NAVIGATION_ITEM_TASK_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SearchComponent, selector: "nc-search", providers: [
+SearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SearchComponent, deps: [{ token: i1.SearchService }, { token: i1.LoggerService }, { token: i1.DialogService }, { token: i2.TranslateService }, { token: i1.UserFiltersService }, { token: i1.AllowedNetsService }, { token: i1.ViewIdService }, { token: NAE_SEARCH_CATEGORIES }, { token: NAE_SEARCH_COMPONENT_CONFIGURATION, optional: true }, { token: NAE_FILTERS_FILTER, optional: true }, { token: NAE_NAVIGATION_ITEM_TASK_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SearchComponent, selector: "nc-search", providers: [
         { provide: MAT_DATE_FORMATS, useValue: DATE_FORMAT },
         {
             provide: NAE_SEARCH_CATEGORIES,
@@ -69,7 +69,7 @@ SearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             ]
         }
     ], usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n    <div class=\"search-icon\" fxLayout=\"row\" fxLayoutAlign=\"start center\" *ngIf=\"showSearchIcon\">\n        <mat-icon [inline]=\"true\">search</mat-icon>\n    </div>\n\n    <div *ngIf=\"advancedSearchDisplayed; then advancedSearch; else fullTextSearch\"></div>\n\n    <ng-template #advancedSearch>\n        <nc-advanced-search></nc-advanced-search>\n    </ng-template>\n\n    <ng-template #fullTextSearch>\n        <nc-fulltext-search class=\"netgrif-input\"></nc-fulltext-search>\n    </ng-template>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"showSearchToggleButton\"\n            [matTooltip]=\"(advancedSearchDisplayed ? 'search.tooltip.toFullText' : 'search.tooltip.toAdvanced') | translate\"\n            (click)=\"toggleSearchMode()\">\n        <mat-icon>youtube_searched_for</mat-icon>\n    </button>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showSaveFilterButton\"\n            [matTooltip]=\"'search.tooltip.save' | translate\" (click)=\"saveFilter()\">\n        <mat-icon>save</mat-icon>\n    </button>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showLoadFilterButton\"\n            [matTooltip]=\"'search.tooltip.load' | translate\" (click)=\"loadFilter()\">\n        <mat-icon>open_in_browser</mat-icon>\n    </button>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showAdvancedSearchHelp\"\n            [matTooltip]=\"'search.tooltip.help' | translate\" (click)=\"showHelp()\">\n        <mat-icon>help</mat-icon>\n    </button>\n</div>\n", styles: [".button-margin{margin-left:8px;margin-right:8px}.clause-margin{margin-top:4px;margin-bottom:4px}.disable-error-margin .mat-form-field-wrapper{margin:0;padding-bottom:0}.search-buttons-margin{margin-left:8px}.search-icon{padding-right:8px;font-size:xx-large}.search-input{width:100%}.search-input-lg{width:60%}.search-input-md{width:80%}.search-input-sm{width:100%}\n"], components: [{ type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.AdvancedSearchComponent, selector: "nc-advanced-search" }, { type: i5.FulltextSearchComponent, selector: "nc-fulltext-search" }, { type: i6.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i7.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: i7.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "translate": i2.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SearchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-search', encapsulation: ViewEncapsulation.None, providers: [
                         { provide: MAT_DATE_FORMATS, useValue: DATE_FORMAT },

package/esm2020/lib/search/search-component/task-search/task-search.component.mjs CHANGED Viewed

@@ -10,12 +10,12 @@ import * as i1 from "../search.component";
  */
 export class TaskSearchComponent {
 }
-TaskSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TaskSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TaskSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TaskSearchComponent, selector: "nc-task-search", providers: [
+TaskSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TaskSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TaskSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TaskSearchComponent, selector: "nc-task-search", providers: [
         CategoryFactory,
         { provide: NAE_SEARCH_CATEGORIES, useFactory: defaultTaskSearchCategoriesFactory, deps: [CategoryFactory] }
     ], ngImport: i0, template: "<nc-search></nc-search>\n", styles: [""], components: [{ type: i1.SearchComponent, selector: "nc-search" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TaskSearchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TaskSearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-task-search', providers: [
                         CategoryFactory,

package/esm2020/lib/search/search.module.mjs CHANGED Viewed

@@ -10,8 +10,8 @@ import { AdvancedSearchComponentModule } from './advanced-search/advanced-search
 import * as i0 from "@angular/core";
 export class SearchComponentModule {
 }
-SearchComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SearchComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SearchComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SearchComponentModule, declarations: [SearchComponent,
+SearchComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SearchComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SearchComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SearchComponentModule, declarations: [SearchComponent,
         CaseSearchComponent,
         TaskSearchComponent,
         FulltextSearchComponent], imports: [CommonModule,
@@ -23,7 +23,7 @@ SearchComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", v
         DefaultSearchCategoriesModule], exports: [SearchComponent,
         CaseSearchComponent,
         TaskSearchComponent] });
-SearchComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SearchComponentModule, imports: [[
+SearchComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SearchComponentModule, imports: [[
             CommonModule,
             MaterialModule,
             TranslateLibModule,
@@ -32,7 +32,7 @@ SearchComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", v
             AdvancedSearchComponentModule,
             DefaultSearchCategoriesModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SearchComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SearchComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/lib/side-menu/content-components/filter-selector/filter-selector-list-item/filter-selector-list-item.component.mjs CHANGED Viewed

@@ -8,9 +8,9 @@ import * as i1 from "@angular/flex-layout/flex";
  */
 export class FilterSelectorListItemComponent extends AbstractFilterSelectorListItemComponent {
 }
-FilterSelectorListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterSelectorListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FilterSelectorListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterSelectorListItemComponent, selector: "nc-filter-selector-list-item", usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n    <span>{{text}}</span>\n</div>\n", styles: [""], directives: [{ type: i1.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: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterSelectorListItemComponent, decorators: [{
+FilterSelectorListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterSelectorListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FilterSelectorListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FilterSelectorListItemComponent, selector: "nc-filter-selector-list-item", usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n    <span>{{text}}</span>\n</div>\n", styles: [""], directives: [{ type: i1.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: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterSelectorListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-filter-selector-list-item', template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n    <span>{{text}}</span>\n</div>\n", styles: [""] }]
         }] });

package/esm2020/lib/side-menu/content-components/filter-selector/filter-selector.component.mjs CHANGED Viewed

@@ -39,9 +39,9 @@ export class FilterSelectorComponent extends AbstractFilterSelectorComponent {
         this._filterRepository = _filterRepository;
     }
 }
-FilterSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterSelectorComponent, deps: [{ token: NAE_SIDE_MENU_CONTROL }, { token: i1.FilterRepository }], target: i0.ɵɵFactoryTarget.Component });
-FilterSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterSelectorComponent, selector: "nc-filter-selector", usesInheritance: true, ngImport: i0, template: "<mat-toolbar color=\"primary\">{{ 'side-menu.filter-selector.choose-filter' | translate}}</mat-toolbar>\n<div class=\"filter-selector-root side-menu-root\">\n    <div class=\"input-margin netgrif-input\">\n        <mat-form-field class=\"full-width-input\" appearance=\"outline\">\n            <mat-label>{{'side-menu.filter-selector.search-filter' | translate}}</mat-label>\n            <input matInput type=\"text\" [formControl]=\"searchFormControl\">\n        </mat-form-field>\n    </div>\n    <div *ngIf=\"caseFilters.filtered.length > 0\">\n        <h4 class=\"header-padding\">{{ 'side-menu.filter-selector.case-filters' | translate}}</h4>\n        <mat-selection-list (selectionChange)=\"caseFilterSelected($event)\" #caseFilterList>\n            <mat-list-option *ngFor=\"let filter of caseFilters.filtered\" [value]=\"filter\">\n                <nc-filter-selector-list-item [filter]=\"filter\"></nc-filter-selector-list-item>\n            </mat-list-option>\n        </mat-selection-list>\n    </div>\n    <div *ngIf=\"taskFilters.filtered.length > 0\">\n        <h4 class=\"header-padding\">{{ 'side-menu.filter-selector.task-filters' | translate}}</h4>\n        <mat-selection-list (selectionChange)=\"taskFilterSelected($event)\" #taskFilterList>\n            <mat-list-option *ngFor=\"let filter of taskFilters.filtered\" [value]=\"filter\">\n                <nc-filter-selector-list-item [filter]=\"filter\"></nc-filter-selector-list-item>\n            </mat-list-option>\n        </mat-selection-list>\n    </div>\n    <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n        <button mat-raised-button color=\"primary\" class=\"submit-button-padding\"\n                (click)=\"filterSelectionConfirmed()\">{{ 'side-menu.filter-selector.select' | translate }}</button>\n    </div>\n</div>\n", styles: [".filter-selector-root{width:calc(100% - 8px);margin:0;padding-top:4px;padding-left:4px;padding-right:4px}.header-padding{padding:0 0 0 16px}.submit-button-padding{margin-right:16px}.input-margin{margin-left:16px;margin-right:16px}.full-width-input{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i4.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { type: i5.FilterSelectorListItemComponent, selector: "nc-filter-selector-list-item" }, { type: i6.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3.MatLabel, selector: "mat-label" }, { type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i8.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: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i10.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }], pipes: { "translate": i11.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterSelectorComponent, decorators: [{
+FilterSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterSelectorComponent, deps: [{ token: NAE_SIDE_MENU_CONTROL }, { token: i1.FilterRepository }], target: i0.ɵɵFactoryTarget.Component });
+FilterSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FilterSelectorComponent, selector: "nc-filter-selector", usesInheritance: true, ngImport: i0, template: "<mat-toolbar color=\"primary\">{{ 'side-menu.filter-selector.choose-filter' | translate}}</mat-toolbar>\n<div class=\"filter-selector-root side-menu-root\">\n    <div class=\"input-margin netgrif-input\">\n        <mat-form-field class=\"full-width-input\" appearance=\"outline\">\n            <mat-label>{{'side-menu.filter-selector.search-filter' | translate}}</mat-label>\n            <input matInput type=\"text\" [formControl]=\"searchFormControl\">\n        </mat-form-field>\n    </div>\n    <div *ngIf=\"caseFilters.filtered.length > 0\">\n        <h4 class=\"header-padding\">{{ 'side-menu.filter-selector.case-filters' | translate}}</h4>\n        <mat-selection-list (selectionChange)=\"caseFilterSelected($event)\" #caseFilterList>\n            <mat-list-option *ngFor=\"let filter of caseFilters.filtered\" [value]=\"filter\">\n                <nc-filter-selector-list-item [filter]=\"filter\"></nc-filter-selector-list-item>\n            </mat-list-option>\n        </mat-selection-list>\n    </div>\n    <div *ngIf=\"taskFilters.filtered.length > 0\">\n        <h4 class=\"header-padding\">{{ 'side-menu.filter-selector.task-filters' | translate}}</h4>\n        <mat-selection-list (selectionChange)=\"taskFilterSelected($event)\" #taskFilterList>\n            <mat-list-option *ngFor=\"let filter of taskFilters.filtered\" [value]=\"filter\">\n                <nc-filter-selector-list-item [filter]=\"filter\"></nc-filter-selector-list-item>\n            </mat-list-option>\n        </mat-selection-list>\n    </div>\n    <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n        <button mat-raised-button color=\"primary\" class=\"submit-button-padding\"\n                (click)=\"filterSelectionConfirmed()\">{{ 'side-menu.filter-selector.select' | translate }}</button>\n    </div>\n</div>\n", styles: [".filter-selector-root{width:calc(100% - 8px);margin:0;padding-top:4px;padding-left:4px;padding-right:4px}.header-padding{padding:0 0 0 16px}.submit-button-padding{margin-right:16px}.input-margin{margin-left:16px;margin-right:16px}.full-width-input{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i4.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { type: i5.FilterSelectorListItemComponent, selector: "nc-filter-selector-list-item" }, { type: i6.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3.MatLabel, selector: "mat-label" }, { type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i8.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: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i10.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }], pipes: { "translate": i11.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-filter-selector', template: "<mat-toolbar color=\"primary\">{{ 'side-menu.filter-selector.choose-filter' | translate}}</mat-toolbar>\n<div class=\"filter-selector-root side-menu-root\">\n    <div class=\"input-margin netgrif-input\">\n        <mat-form-field class=\"full-width-input\" appearance=\"outline\">\n            <mat-label>{{'side-menu.filter-selector.search-filter' | translate}}</mat-label>\n            <input matInput type=\"text\" [formControl]=\"searchFormControl\">\n        </mat-form-field>\n    </div>\n    <div *ngIf=\"caseFilters.filtered.length > 0\">\n        <h4 class=\"header-padding\">{{ 'side-menu.filter-selector.case-filters' | translate}}</h4>\n        <mat-selection-list (selectionChange)=\"caseFilterSelected($event)\" #caseFilterList>\n            <mat-list-option *ngFor=\"let filter of caseFilters.filtered\" [value]=\"filter\">\n                <nc-filter-selector-list-item [filter]=\"filter\"></nc-filter-selector-list-item>\n            </mat-list-option>\n        </mat-selection-list>\n    </div>\n    <div *ngIf=\"taskFilters.filtered.length > 0\">\n        <h4 class=\"header-padding\">{{ 'side-menu.filter-selector.task-filters' | translate}}</h4>\n        <mat-selection-list (selectionChange)=\"taskFilterSelected($event)\" #taskFilterList>\n            <mat-list-option *ngFor=\"let filter of taskFilters.filtered\" [value]=\"filter\">\n                <nc-filter-selector-list-item [filter]=\"filter\"></nc-filter-selector-list-item>\n            </mat-list-option>\n        </mat-selection-list>\n    </div>\n    <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n        <button mat-raised-button color=\"primary\" class=\"submit-button-padding\"\n                (click)=\"filterSelectionConfirmed()\">{{ 'side-menu.filter-selector.select' | translate }}</button>\n    </div>\n</div>\n", styles: [".filter-selector-root{width:calc(100% - 8px);margin:0;padding-top:4px;padding-left:4px;padding-right:4px}.header-padding{padding:0 0 0 16px}.submit-button-padding{margin-right:16px}.input-margin{margin-left:16px;margin-right:16px}.full-width-input{display:block;margin:0 auto;width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.SideMenuControl, decorators: [{

package/esm2020/lib/side-menu/content-components/filter-selector/side-menu-filter-selector-component.module.mjs CHANGED Viewed

@@ -7,19 +7,19 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i0 from "@angular/core";
 export class SideMenuFilterSelectorComponentModule {
 }
-SideMenuFilterSelectorComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SideMenuFilterSelectorComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SideMenuFilterSelectorComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SideMenuFilterSelectorComponentModule, declarations: [FilterSelectorComponent,
+SideMenuFilterSelectorComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SideMenuFilterSelectorComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SideMenuFilterSelectorComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SideMenuFilterSelectorComponentModule, declarations: [FilterSelectorComponent,
         FilterSelectorListItemComponent], imports: [CommonModule,
         MaterialModule,
         TranslateLibModule,
         MatFormFieldModule], exports: [FilterSelectorComponent] });
-SideMenuFilterSelectorComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SideMenuFilterSelectorComponentModule, imports: [[
+SideMenuFilterSelectorComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SideMenuFilterSelectorComponentModule, imports: [[
             CommonModule,
             MaterialModule,
             TranslateLibModule,
             MatFormFieldModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SideMenuFilterSelectorComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SideMenuFilterSelectorComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [