[{"__symbolic":"module","version":3,"metadata":{"SkyAutocompleteComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-autocomplete","template":"<div class=\"sky-autocomplete\">\n  <ng-content>\n  </ng-content>\n  <div class=\"sky-autocomplete-results\">\n\n    <sky-dropdown\n      [dismissOnBlur]=\"false\"\n      [messageStream]=\"dropdownController\">\n\n      <sky-dropdown-button>\n      </sky-dropdown-button>\n\n      <sky-dropdown-menu\n        [useNativeFocus]=\"false\"\n        [skyHighlight]=\"highlightText\"\n        (menuChanges)=\"onMenuChanges($event)\">\n\n        <sky-dropdown-item\n          *ngFor=\"let result of searchResults; let i = index\">\n\n          <button\n            type=\"button\">\n            <ng-container\n              *ngTemplateOutlet=\"searchResultTemplate; context: { item: result }\">\n            </ng-container>\n          </button>\n\n        </sky-dropdown-item>\n      </sky-dropdown-menu>\n    </sky-dropdown>\n  </div>\n  <ng-template\n    let-item=\"item\"\n    #defaultSearchResultTemplate>\n    {{ item[descriptorProperty] }}\n  </ng-template>\n</div>\n","styles":[".sky-autocomplete {\n  position: relative;\n}\n\n.sky-autocomplete ::ng-deep .sky-dropdown-button {\n  visibility: hidden;\n  overflow: hidden;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n"],"providers":[{"__symbolic":"reference","module":"./autocomplete-adapter.service","name":"SkyAutocompleteAdapterService"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"descriptorProperty":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"propertiesToSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"searchResultTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"searchTextMinimumCharacters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"searchFilters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"searchResultsLimit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"defaultSearchResultTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["defaultSearchResultTemplate"]}]}],"inputDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./autocomplete-input.directive","name":"SkyAutocompleteInputDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./autocomplete-adapter.service","name":"SkyAutocompleteAdapterService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onMenuChanges":[{"__symbolic":"method"}],"handleKeyDown":[{"__symbolic":"method"}],"searchTextChanged":[{"__symbolic":"method"}],"performSearch":[{"__symbolic":"method"}],"selectActiveSearchResult":[{"__symbolic":"method"}],"closeDropdown":[{"__symbolic":"method"}],"sendDropdownMessage":[{"__symbolic":"method"}],"hasSearchResults":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyAutocompleteComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-autocomplete","template":"<div class=\"sky-autocomplete\">\n  <ng-content>\n  </ng-content>\n  <div class=\"sky-autocomplete-results\">\n\n    <sky-dropdown\n      [dismissOnBlur]=\"false\"\n      [messageStream]=\"dropdownController\">\n\n      <sky-dropdown-button>\n      </sky-dropdown-button>\n\n      <sky-dropdown-menu\n        [useNativeFocus]=\"false\"\n        [skyHighlight]=\"highlightText\"\n        (menuChanges)=\"onMenuChanges($event)\">\n\n        <sky-dropdown-item\n          *ngFor=\"let result of searchResults; let i = index\">\n\n          <button\n            type=\"button\">\n            <ng-container\n              *ngTemplateOutlet=\"searchResultTemplate; context: { item: result }\">\n            </ng-container>\n          </button>\n\n        </sky-dropdown-item>\n      </sky-dropdown-menu>\n    </sky-dropdown>\n  </div>\n  <ng-template\n    let-item=\"item\"\n    #defaultSearchResultTemplate>\n    {{ item[descriptorProperty] }}\n  </ng-template>\n</div>\n","styles":[".sky-autocomplete {\n  position: relative;\n}\n\n.sky-autocomplete ::ng-deep .sky-dropdown-button {\n  visibility: hidden;\n  overflow: hidden;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n"],"providers":[{"__symbolic":"reference","module":"./autocomplete-adapter.service","name":"SkyAutocompleteAdapterService"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"descriptorProperty":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"propertiesToSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"searchResultTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"searchTextMinimumCharacters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"searchFilters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"searchResultsLimit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"defaultSearchResultTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["defaultSearchResultTemplate"]}]}],"inputDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./autocomplete-input.directive","name":"SkyAutocompleteInputDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./autocomplete-adapter.service","name":"SkyAutocompleteAdapterService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onMenuChanges":[{"__symbolic":"method"}],"handleKeyDown":[{"__symbolic":"method"}],"searchTextChanged":[{"__symbolic":"method"}],"performSearch":[{"__symbolic":"method"}],"selectActiveSearchResult":[{"__symbolic":"method"}],"closeDropdown":[{"__symbolic":"method"}],"sendDropdownMessage":[{"__symbolic":"method"}],"hasSearchResults":[{"__symbolic":"method"}]}}}}]