@netgrif/components
Version:
Netgrif Application Engine frontend Angular components
22 lines • 7.84 kB
JavaScript
import { Component } from '@angular/core';
import { AbstractFulltextSearchComponent } from '@netgrif/components-core';
import * as i0 from "@angular/core";
import * as i1 from "@netgrif/components-core";
import * as i2 from "@ngbracket/ngx-layout";
import * as i3 from "@angular/material/icon";
import * as i4 from "@angular/material/input";
import * as i5 from "@angular/material/form-field";
import * as i6 from "@angular/forms";
import * as i7 from "@ngx-translate/core";
export class FulltextSearchComponent extends AbstractFulltextSearchComponent {
constructor(searchService) {
super(searchService);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FulltextSearchComponent, deps: [{ token: i1.SearchService }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FulltextSearchComponent, selector: "nc-fulltext-search", usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"full-size netgrif-input-primary-search-fix padding-top\">\n <mat-form-field appearance=\"outline\" class=\"disable-error-margin fulltext-search\">\n <mat-label>{{'search.fullText' | translate}}</mat-label>\n <mat-icon matPrefix class=\"prefix-icon\">search</mat-icon>\n <input type=\"text\" matInput\n [formControl]=\"fullTextFormControl\"\n (keydown.enter)=\"$event.target.blur()\">\n </mat-form-field>\n</div>\n\n", styles: [".prefix-icon{color:#64748b}.fulltext-search{min-width:360px;border-radius:6px}.full-size{width:100%;height:100%}.padding-top{padding-top:2px}@media only screen and (max-width: 599px){.fulltext-search{min-width:unset}}\n"], dependencies: [{ kind: "directive", type: i2.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.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"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FulltextSearchComponent, decorators: [{
type: Component,
args: [{ selector: 'nc-fulltext-search', template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"full-size netgrif-input-primary-search-fix padding-top\">\n <mat-form-field appearance=\"outline\" class=\"disable-error-margin fulltext-search\">\n <mat-label>{{'search.fullText' | translate}}</mat-label>\n <mat-icon matPrefix class=\"prefix-icon\">search</mat-icon>\n <input type=\"text\" matInput\n [formControl]=\"fullTextFormControl\"\n (keydown.enter)=\"$event.target.blur()\">\n </mat-form-field>\n</div>\n\n", styles: [".prefix-icon{color:#64748b}.fulltext-search{min-width:360px;border-radius:6px}.full-size{width:100%;height:100%}.padding-top{padding-top:2px}@media only screen and (max-width: 599px){.fulltext-search{min-width:unset}}\n"] }]
}], ctorParameters: () => [{ type: i1.SearchService }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVsbHRleHQtc2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL3NlYXJjaC9mdWxsdGV4dC1zZWFyY2gtY29tcG9uZW50L2Z1bGx0ZXh0LXNlYXJjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9zZWFyY2gvZnVsbHRleHQtc2VhcmNoLWNvbXBvbmVudC9mdWxsdGV4dC1zZWFyY2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsK0JBQStCLEVBQWdCLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7OztBQU94RixNQUFNLE9BQU8sdUJBQXdCLFNBQVEsK0JBQStCO0lBRXhFLFlBQVksYUFBNEI7UUFDcEMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ3pCLENBQUM7d0dBSlEsdUJBQXVCOzRGQUF2Qix1QkFBdUIsaUZDUnBDLHFoQkFVQTs7NEZERmEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNJLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RGdWxsdGV4dFNlYXJjaENvbXBvbmVudCwgU2VhcmNoU2VydmljZX0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1mdWxsdGV4dC1zZWFyY2gnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9mdWxsdGV4dC1zZWFyY2guY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2Z1bGx0ZXh0LXNlYXJjaC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZ1bGx0ZXh0U2VhcmNoQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RGdWxsdGV4dFNlYXJjaENvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3RvcihzZWFyY2hTZXJ2aWNlOiBTZWFyY2hTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKHNlYXJjaFNlcnZpY2UpO1xuICAgIH1cblxufVxuIiwiPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBjbGFzcz1cImZ1bGwtc2l6ZSBuZXRncmlmLWlucHV0LXByaW1hcnktc2VhcmNoLWZpeCBwYWRkaW5nLXRvcFwiPlxuICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiIGNsYXNzPVwiZGlzYWJsZS1lcnJvci1tYXJnaW4gZnVsbHRleHQtc2VhcmNoXCI+XG4gICAgICAgIDxtYXQtbGFiZWw+e3snc2VhcmNoLmZ1bGxUZXh0JyB8IHRyYW5zbGF0ZX19PC9tYXQtbGFiZWw+XG4gICAgICAgIDxtYXQtaWNvbiBtYXRQcmVmaXggY2xhc3M9XCJwcmVmaXgtaWNvblwiPnNlYXJjaDwvbWF0LWljb24+XG4gICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIG1hdElucHV0XG4gICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZnVsbFRleHRGb3JtQ29udHJvbFwiXG4gICAgICAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCIkZXZlbnQudGFyZ2V0LmJsdXIoKVwiPlxuICAgIDwvbWF0LWZvcm0tZmllbGQ+XG48L2Rpdj5cblxuIl19