{"__symbolic":"module","version":4,"metadata":{"TsSearchModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":16,"character":4},{"__symbolic":"reference","module":"@terminus/ui/button","name":"TsButtonModule","line":17,"character":4},{"__symbolic":"reference","module":"@terminus/ui/input","name":"TsInputModule","line":18,"character":4}],"exports":[{"__symbolic":"reference","name":"TsSearchComponent"}],"declarations":[{"__symbolic":"reference","name":"TsSearchComponent"}]}]}],"members":{}},"TsSearchResponse":{"__symbolic":"interface"},"TsSearchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":58,"character":1},"arguments":[{"selector":"ts-search","host":{"class":"ts-search"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":63,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":64,"character":17},"member":"None"},"exportAs":"tsSearch","template":"<form\n  *ngIf=\"searchForm\"\n  class=\"c-search qa-search\"\n  [formGroup]=\"searchForm\"\n  [ngClass]=\"{'c-search--disabled': isSubmitting}\"\n  (keyup)=\"keyup()\"\n  fxLayout=\"row\"\n  fxLayoutAlign=\"start center\"\n>\n\n  <ts-input\n    class=\"qa-search-input\"\n    [label]=\"inputLabel\"\n    [prefixIcon]=\"icon\"\n    [isClearable]=\"userCanClear\"\n    [isDisabled]=\"isDisabled\"\n    [formControl]=\"searchFormControl\"\n    [hint]=\"inputHint\"\n    [isFocused]=\"isFocused\"\n    name=\"query\"\n    [noValidationOrHint]=\"noValidationOrHint\"\n    pattern=\"{{ inputPatternRegex }}\"\n    [validateOnChange]=\"autoSubmit\"\n    fxFlex=\"grow\"\n    [theme]=\"theme\"\n    (cleared)=\"cleared.emit(true)\"\n  ></ts-input>\n\n  <ts-button\n    class=\"qa-search-button\"\n    *ngIf=\"!autoSubmit\"\n    [theme]=\"theme\"\n    [isDisabled]=\"!searchForm.valid || !currentQuery\"\n    [showProgress]=\"isSubmitting\"\n    [buttonType]=\"buttonType\"\n    [actionName]=\"buttonAction\"\n    (clicked)=\"searchForm.valid && !isSubmitting && submitted.emit({query: currentQuery})\"\n  >Search</ts-button>\n\n</form>\n","styles":[".ts-search{display:block}.ts-search :not(.mat-form-field-label-wrapper){box-sizing:border-box}.ts-search h1,.ts-search h2,.ts-search h3,.ts-search h4,.ts-search h5,.ts-search p{margin:unset}.c-search ts-button{margin-left:16px}"]}]}],"members":{"autoSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3}}]}],"initialValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":3}}]}],"inputHint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":3}}]}],"inputLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":3}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":157,"character":3}}]}],"isFocused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":3}}]}],"isSubmitting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":169,"character":3}}]}],"noValidationOrHint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":175,"character":3}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":181,"character":3}}]}],"userCanClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":187,"character":3}}]}],"changed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":193,"character":3}}]}],"cleared":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":199,"character":3}}]}],"submitted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":205,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":210,"character":25}]}],"ngOnInit":[{"__symbolic":"method"}],"keyup":[{"__symbolic":"method"}],"emitSubmit":[{"__symbolic":"method"}]}}},"origins":{"TsSearchModule":"./search.module","TsSearchResponse":"./search.component","TsSearchComponent":"./search.component"},"importAs":"@terminus/ui/search"}