Model: {{selected | json}}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'demo-typeahead-animated',\r\n templateUrl: './animated.html'\r\n})\r\nexport class DemoTypeaheadAnimatedComponent {\r\n selected: string;\r\n states: string[] = [\r\n 'Alabama',\r\n 'Alaska',\r\n 'Arizona',\r\n 'Arkansas',\r\n 'California',\r\n 'Colorado',\r\n 'Connecticut',\r\n 'Delaware',\r\n 'Florida',\r\n 'Georgia',\r\n 'Hawaii',\r\n 'Idaho',\r\n 'Illinois',\r\n 'Indiana',\r\n 'Iowa',\r\n 'Kansas',\r\n 'Kentucky',\r\n 'Louisiana',\r\n 'Maine',\r\n 'Maryland',\r\n 'Massachusetts',\r\n 'Michigan',\r\n 'Minnesota',\r\n 'Mississippi',\r\n 'Missouri',\r\n 'Montana',\r\n 'Nebraska',\r\n 'Nevada',\r\n 'New Hampshire',\r\n 'New Jersey',\r\n 'New Mexico',\r\n 'New York',\r\n 'North Dakota',\r\n 'North Carolina',\r\n 'Ohio',\r\n 'Oklahoma',\r\n 'Oregon',\r\n 'Pennsylvania',\r\n 'Rhode Island',\r\n 'South Carolina',\r\n 'South Dakota',\r\n 'Tennessee',\r\n 'Texas',\r\n 'Utah',\r\n 'Vermont',\r\n 'Virginia',\r\n 'Washington',\r\n 'West Virginia',\r\n 'Wisconsin',\r\n 'Wyoming'\r\n ];\r\n}\r\n","
Model: {{selected | json}}\r\n\r\n","import { Component } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\n\r\nimport { noop, Observable, Observer, of } from 'rxjs';\r\nimport { map, switchMap, tap } from 'rxjs/operators';\r\n\r\ninterface GitHubUserSearchResponse {\r\n total_count: number;\r\n incomplete_results: boolean;\r\n items: GitHubUser[];\r\n}\r\n\r\ninterface GitHubUser {\r\n login: string;\r\n id: number;\r\n node_id: string;\r\n avatar_url: string;\r\n gravatar_id: string;\r\n url: string;\r\n html_url: string;\r\n followers_url: string;\r\n subscriptions_url: string;\r\n organizations_url: string;\r\n repos_url: string;\r\n received_events_url: string;\r\n type: string;\r\n score: number;\r\n}\r\n\r\n@Component({\r\n selector: 'demo-typeahead-async-http',\r\n templateUrl: './async-http-request.html'\r\n})\r\nexport class DemoTypeaheadAsyncHttpRequestComponent {\r\n search: string;\r\n suggestions$: Observable
Model: {{ search | json }}\r\n\r\n\r\n\r\n
Model: {{ asyncSelected | json }}\r\n\r\n\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'demo-typeahead-basic',\r\n templateUrl: './basic.html'\r\n})\r\nexport class DemoTypeaheadBasicComponent {\r\n selected: string;\r\n states: string[] = [\r\n 'Alabama',\r\n 'Alaska',\r\n 'Arizona',\r\n 'Arkansas',\r\n 'California',\r\n 'Colorado',\r\n 'Connecticut',\r\n 'Delaware',\r\n 'Florida',\r\n 'Georgia',\r\n 'Hawaii',\r\n 'Idaho',\r\n 'Illinois',\r\n 'Indiana',\r\n 'Iowa',\r\n 'Kansas',\r\n 'Kentucky',\r\n 'Louisiana',\r\n 'Maine',\r\n 'Maryland',\r\n 'Massachusetts',\r\n 'Michigan',\r\n 'Minnesota',\r\n 'Mississippi',\r\n 'Missouri',\r\n 'Montana',\r\n 'Nebraska',\r\n 'Nevada',\r\n 'New Hampshire',\r\n 'New Jersey',\r\n 'New Mexico',\r\n 'New York',\r\n 'North Dakota',\r\n 'North Carolina',\r\n 'Ohio',\r\n 'Oklahoma',\r\n 'Oregon',\r\n 'Pennsylvania',\r\n 'Rhode Island',\r\n 'South Carolina',\r\n 'South Dakota',\r\n 'Tennessee',\r\n 'Texas',\r\n 'Utah',\r\n 'Vermont',\r\n 'Virginia',\r\n 'Washington',\r\n 'West Virginia',\r\n 'Wisconsin',\r\n 'Wyoming'\r\n ];\r\n}\r\n","
Model: {{selected | json}}\r\n\r\n","import { Component } from '@angular/core';\r\nimport { Observable, of } from 'rxjs';\r\nimport { TypeaheadMatch } from 'ngx-bootstrap/typeahead';\r\nimport { mergeMap, delay } from 'rxjs/operators';\r\nimport { TypeaheadConfig } from 'ngx-bootstrap/typeahead';\r\n\r\nexport function getTypeaheadConfig(): TypeaheadConfig {\r\n return Object.assign(new TypeaheadConfig(), { cancelRequestOnFocusLost: true });\r\n}\r\n\r\n@Component({\r\n selector: 'demo-typeahead-cancel-on-focus-lost',\r\n templateUrl: './cancel-on-focus-lost.html',\r\n providers: [{ provide: TypeaheadConfig, useFactory: getTypeaheadConfig }]\r\n})\r\nexport class DemoTypeaheadCancelRequestOnFocusLostComponent {\r\n asyncSelected: string;\r\n typeaheadLoading: boolean;\r\n typeaheadNoResults: boolean;\r\n dataSource: Observable
Model: {{asyncSelected | json}}\r\n\r\n\r\n
Model: {{selected | json}}\r\n\r\n\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'demo-typeahead-delay',\r\n templateUrl: './delay.html'\r\n})\r\nexport class DemoTypeaheadDelayComponent {\r\n selected: string;\r\n states: string[] = [\r\n 'Alabama',\r\n 'Alaska',\r\n 'Arizona',\r\n 'Arkansas',\r\n 'California',\r\n 'Colorado',\r\n 'Connecticut',\r\n 'Delaware',\r\n 'Florida',\r\n 'Georgia',\r\n 'Hawaii',\r\n 'Idaho',\r\n 'Illinois',\r\n 'Indiana',\r\n 'Iowa',\r\n 'Kansas',\r\n 'Kentucky',\r\n 'Louisiana',\r\n 'Maine',\r\n 'Maryland',\r\n 'Massachusetts',\r\n 'Michigan',\r\n 'Minnesota',\r\n 'Mississippi',\r\n 'Missouri',\r\n 'Montana',\r\n 'Nebraska',\r\n 'Nevada',\r\n 'New Hampshire',\r\n 'New Jersey',\r\n 'New Mexico',\r\n 'New York',\r\n 'North Dakota',\r\n 'North Carolina',\r\n 'Ohio',\r\n 'Oklahoma',\r\n 'Oregon',\r\n 'Pennsylvania',\r\n 'Rhode Island',\r\n 'South Carolina',\r\n 'South Dakota',\r\n 'Tennessee',\r\n 'Texas',\r\n 'Utah',\r\n 'Vermont',\r\n 'Virginia',\r\n 'Washington',\r\n 'West Virginia',\r\n 'Wisconsin',\r\n 'Wyoming'\r\n ];\r\n}\r\n","
Model: {{selected | json}}\r\n\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'demo-typeahead-dropup',\r\n templateUrl: './dropup.html'\r\n})\r\nexport class DemoTypeaheadDropupComponent {\r\n selected: string;\r\n states: string[] = [\r\n 'Alabama',\r\n 'Alaska',\r\n 'Arizona',\r\n 'Arkansas',\r\n 'California',\r\n 'Colorado',\r\n 'Connecticut',\r\n 'Delaware',\r\n 'Florida',\r\n 'Georgia',\r\n 'Hawaii',\r\n 'Idaho',\r\n 'Illinois',\r\n 'Indiana',\r\n 'Iowa',\r\n 'Kansas',\r\n 'Kentucky',\r\n 'Louisiana',\r\n 'Maine',\r\n 'Maryland',\r\n 'Massachusetts',\r\n 'Michigan',\r\n 'Minnesota',\r\n 'Mississippi',\r\n 'Missouri',\r\n 'Montana',\r\n 'Nebraska',\r\n 'Nevada',\r\n 'New Hampshire',\r\n 'New Jersey',\r\n 'New Mexico',\r\n 'New York',\r\n 'North Dakota',\r\n 'North Carolina',\r\n 'Ohio',\r\n 'Oklahoma',\r\n 'Oregon',\r\n 'Pennsylvania',\r\n 'Rhode Island',\r\n 'South Carolina',\r\n 'South Dakota',\r\n 'Tennessee',\r\n 'Texas',\r\n 'Utah',\r\n 'Vermont',\r\n 'Virginia',\r\n 'Washington',\r\n 'West Virginia',\r\n 'Wisconsin',\r\n 'Wyoming'\r\n ];\r\n}\r\n","
Model: {{selected | json}}\r\n\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'demo-typeahead-field',\r\n templateUrl: './field.html'\r\n})\r\nexport class DemoTypeaheadFieldComponent {\r\n customSelected: string;\r\n statesComplex: any[] = [\r\n { id: 1, name: 'Alabama', region: 'South' },\r\n { id: 2, name: 'Alaska', region: 'West' },\r\n { id: 3, name: 'Arizona', region: 'West' },\r\n { id: 4, name: 'Arkansas', region: 'South' },\r\n { id: 5, name: 'California', region: 'West' },\r\n { id: 6, name: 'Colorado', region: 'West' },\r\n { id: 7, name: 'Connecticut', region: 'Northeast' },\r\n { id: 8, name: 'Delaware', region: 'South' },\r\n { id: 9, name: 'Florida', region: 'South' },\r\n { id: 10, name: 'Georgia', region: 'South' },\r\n { id: 11, name: 'Hawaii', region: 'West' },\r\n { id: 12, name: 'Idaho', region: 'West' },\r\n { id: 13, name: 'Illinois', region: 'Midwest' },\r\n { id: 14, name: 'Indiana', region: 'Midwest' },\r\n { id: 15, name: 'Iowa', region: 'Midwest' },\r\n { id: 16, name: 'Kansas', region: 'Midwest' },\r\n { id: 17, name: 'Kentucky', region: 'South' },\r\n { id: 18, name: 'Louisiana', region: 'South' },\r\n { id: 19, name: 'Maine', region: 'Northeast' },\r\n { id: 21, name: 'Maryland', region: 'South' },\r\n { id: 22, name: 'Massachusetts', region: 'Northeast' },\r\n { id: 23, name: 'Michigan', region: 'Midwest' },\r\n { id: 24, name: 'Minnesota', region: 'Midwest' },\r\n { id: 25, name: 'Mississippi', region: 'South' },\r\n { id: 26, name: 'Missouri', region: 'Midwest' },\r\n { id: 27, name: 'Montana', region: 'West' },\r\n { id: 28, name: 'Nebraska', region: 'Midwest' },\r\n { id: 29, name: 'Nevada', region: 'West' },\r\n { id: 30, name: 'New Hampshire', region: 'Northeast' },\r\n { id: 31, name: 'New Jersey', region: 'Northeast' },\r\n { id: 32, name: 'New Mexico', region: 'West' },\r\n { id: 33, name: 'New York', region: 'Northeast' },\r\n { id: 34, name: 'North Dakota', region: 'Midwest' },\r\n { id: 35, name: 'North Carolina', region: 'South' },\r\n { id: 36, name: 'Ohio', region: 'Midwest' },\r\n { id: 37, name: 'Oklahoma', region: 'South' },\r\n { id: 38, name: 'Oregon', region: 'West' },\r\n { id: 39, name: 'Pennsylvania', region: 'Northeast' },\r\n { id: 40, name: 'Rhode Island', region: 'Northeast' },\r\n { id: 41, name: 'South Carolina', region: 'South' },\r\n { id: 42, name: 'South Dakota', region: 'Midwest' },\r\n { id: 43, name: 'Tennessee', region: 'South' },\r\n { id: 44, name: 'Texas', region: 'South' },\r\n { id: 45, name: 'Utah', region: 'West' },\r\n { id: 46, name: 'Vermont', region: 'Northeast' },\r\n { id: 47, name: 'Virginia', region: 'South' },\r\n { id: 48, name: 'Washington', region: 'South' },\r\n { id: 49, name: 'West Virginia', region: 'South' },\r\n { id: 50, name: 'Wisconsin', region: 'Midwest' },\r\n { id: 51, name: 'Wyoming', region: 'West' }\r\n ];\r\n}\r\n","
Model: {{customSelected | json}}\r\n\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'demo-typeahead-first-item-active',\r\n templateUrl: './first-item-active.html'\r\n})\r\nexport class DemoTypeaheadFirstItemActiveComponent {\r\n selected: string;\r\n states: string[] = [\r\n 'Alabama',\r\n 'Alaska',\r\n 'Arizona',\r\n 'Arkansas',\r\n 'California',\r\n 'Colorado',\r\n 'Connecticut',\r\n 'Delaware',\r\n 'Florida',\r\n 'Georgia',\r\n 'Hawaii',\r\n 'Idaho',\r\n 'Illinois',\r\n 'Indiana',\r\n 'Iowa',\r\n 'Kansas',\r\n 'Kentucky',\r\n 'Louisiana',\r\n 'Maine',\r\n 'Maryland',\r\n 'Massachusetts',\r\n 'Michigan',\r\n 'Minnesota',\r\n 'Mississippi',\r\n 'Missouri',\r\n 'Montana',\r\n 'Nebraska',\r\n 'Nevada',\r\n 'New Hampshire',\r\n 'New Jersey',\r\n 'New Mexico',\r\n 'New York',\r\n 'North Dakota',\r\n 'North Carolina',\r\n 'Ohio',\r\n 'Oklahoma',\r\n 'Oregon',\r\n 'Pennsylvania',\r\n 'Rhode Island',\r\n 'South Carolina',\r\n 'South Dakota',\r\n 'Tennessee',\r\n 'Texas',\r\n 'Utah',\r\n 'Vermont',\r\n 'Virginia',\r\n 'Washington',\r\n 'West Virginia',\r\n 'Wisconsin',\r\n 'Wyoming'\r\n ];\r\n}\r\n","
Model: {{selected | json}}\r\n\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'demo-typeahead-form',\r\n templateUrl: './form.html'\r\n})\r\nexport class DemoTypeaheadFormComponent {\r\n model = {\r\n address: '312 Sundown Lane',\r\n state: null\r\n };\r\n states = [\r\n 'Alabama',\r\n 'Alaska',\r\n 'Arizona',\r\n 'Arkansas',\r\n 'California',\r\n 'Colorado',\r\n 'Connecticut',\r\n 'Delaware',\r\n 'Florida',\r\n 'Georgia',\r\n 'Hawaii',\r\n 'Idaho',\r\n 'Illinois',\r\n 'Indiana',\r\n 'Iowa',\r\n 'Kansas',\r\n 'Kentucky',\r\n 'Louisiana',\r\n 'Maine',\r\n 'Maryland',\r\n 'Massachusetts',\r\n 'Michigan',\r\n 'Minnesota',\r\n 'Mississippi',\r\n 'Missouri',\r\n 'Montana',\r\n 'Nebraska',\r\n 'Nevada',\r\n 'New Hampshire',\r\n 'New Jersey',\r\n 'New Mexico',\r\n 'New York',\r\n 'North Dakota',\r\n 'North Carolina',\r\n 'Ohio',\r\n 'Oklahoma',\r\n 'Oregon',\r\n 'Pennsylvania',\r\n 'Rhode Island',\r\n 'South Carolina',\r\n 'South Dakota',\r\n 'Tennessee',\r\n 'Texas',\r\n 'Utah',\r\n 'Vermont',\r\n 'Virginia',\r\n 'Washington',\r\n 'West Virginia',\r\n 'Wisconsin',\r\n 'Wyoming'\r\n ];\r\n}\r\n","
Model: {{model | json}}\r\n\r\n\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'demo-typeahead-grouping',\r\n templateUrl: './grouping.html'\r\n})\r\nexport class DemoTypeaheadGroupingComponent {\r\n groupSelected: string;\r\n statesComplex: any[] = [\r\n { id: 1, name: 'Alabama', region: 'South' },\r\n { id: 2, name: 'Alaska', region: 'West' },\r\n { id: 3, name: 'Arizona', region: 'West' },\r\n { id: 4, name: 'Arkansas', region: 'South' },\r\n { id: 5, name: 'California', region: 'West' },\r\n { id: 6, name: 'Colorado', region: 'West' },\r\n { id: 7, name: 'Connecticut', region: 'Northeast' },\r\n { id: 8, name: 'Delaware', region: 'South' },\r\n { id: 9, name: 'Florida', region: 'South' },\r\n { id: 10, name: 'Georgia', region: 'South' },\r\n { id: 11, name: 'Hawaii', region: 'West' },\r\n { id: 12, name: 'Idaho', region: 'West' },\r\n { id: 13, name: 'Illinois', region: 'Midwest' },\r\n { id: 14, name: 'Indiana', region: 'Midwest' },\r\n { id: 15, name: 'Iowa', region: 'Midwest' },\r\n { id: 16, name: 'Kansas', region: 'Midwest' },\r\n { id: 17, name: 'Kentucky', region: 'South' },\r\n { id: 18, name: 'Louisiana', region: 'South' },\r\n { id: 19, name: 'Maine', region: 'Northeast' },\r\n { id: 21, name: 'Maryland', region: 'South' },\r\n { id: 22, name: 'Massachusetts', region: 'Northeast' },\r\n { id: 23, name: 'Michigan', region: 'Midwest' },\r\n { id: 24, name: 'Minnesota', region: 'Midwest' },\r\n { id: 25, name: 'Mississippi', region: 'South' },\r\n { id: 26, name: 'Missouri', region: 'Midwest' },\r\n { id: 27, name: 'Montana', region: 'West' },\r\n { id: 28, name: 'Nebraska', region: 'Midwest' },\r\n { id: 29, name: 'Nevada', region: 'West' },\r\n { id: 30, name: 'New Hampshire', region: 'Northeast' },\r\n { id: 31, name: 'New Jersey', region: 'Northeast' },\r\n { id: 32, name: 'New Mexico', region: 'West' },\r\n { id: 33, name: 'New York', region: 'Northeast' },\r\n { id: 34, name: 'North Dakota', region: 'Midwest' },\r\n { id: 35, name: 'North Carolina', region: 'South' },\r\n { id: 36, name: 'Ohio', region: 'Midwest' },\r\n { id: 37, name: 'Oklahoma', region: 'South' },\r\n { id: 38, name: 'Oregon', region: 'West' },\r\n { id: 39, name: 'Pennsylvania', region: 'Northeast' },\r\n { id: 40, name: 'Rhode Island', region: 'Northeast' },\r\n { id: 41, name: 'South Carolina', region: 'South' },\r\n { id: 42, name: 'South Dakota', region: 'Midwest' },\r\n { id: 43, name: 'Tennessee', region: 'South' },\r\n { id: 44, name: 'Texas', region: 'South' },\r\n { id: 45, name: 'Utah', region: 'West' },\r\n { id: 46, name: 'Vermont', region: 'Northeast' },\r\n { id: 47, name: 'Virginia', region: 'South' },\r\n { id: 48, name: 'Washington', region: 'South' },\r\n { id: 49, name: 'West Virginia', region: 'South' },\r\n { id: 50, name: 'Wisconsin', region: 'Midwest' },\r\n { id: 51, name: 'Wyoming', region: 'West' }\r\n ];\r\n}\r\n","
Model: {{groupSelected | json}}\r\n\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'demo-typeahead-item-template',\r\n templateUrl: './item-template.html'\r\n})\r\nexport class DemoTypeaheadItemTemplateComponent {\r\n selected: string;\r\n states: string[] = [\r\n 'Alabama',\r\n 'Alaska',\r\n 'Arizona',\r\n 'Arkansas',\r\n 'California',\r\n 'Colorado',\r\n 'Connecticut',\r\n 'Delaware',\r\n 'Florida',\r\n 'Georgia',\r\n 'Hawaii',\r\n 'Idaho',\r\n 'Illinois',\r\n 'Indiana',\r\n 'Iowa',\r\n 'Kansas',\r\n 'Kentucky',\r\n 'Louisiana',\r\n 'Maine',\r\n 'Maryland',\r\n 'Massachusetts',\r\n 'Michigan',\r\n 'Minnesota',\r\n 'Mississippi',\r\n 'Missouri',\r\n 'Montana',\r\n 'Nebraska',\r\n 'Nevada',\r\n 'New Hampshire',\r\n 'New Jersey',\r\n 'New Mexico',\r\n 'New York',\r\n 'North Dakota',\r\n 'North Carolina',\r\n 'Ohio',\r\n 'Oklahoma',\r\n 'Oregon',\r\n 'Pennsylvania',\r\n 'Rhode Island',\r\n 'South Carolina',\r\n 'South Dakota',\r\n 'Tennessee',\r\n 'Texas',\r\n 'Utah',\r\n 'Vermont',\r\n 'Virginia',\r\n 'Washington',\r\n 'West Virginia',\r\n 'Wisconsin',\r\n 'Wyoming'\r\n ];\r\n}\r\n","
Model: {{selected | json}}\r\n\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'demo-typeahead-latinize',\r\n templateUrl: './latinize.html'\r\n})\r\nexport class DemoTypeaheadLatinizeComponent {\r\n selected: string;\r\n frenchWords: string[] = [\r\n 'popularisé',\r\n 'français',\r\n 'intéressé',\r\n 'générateur',\r\n 'répandue',\r\n 'répétition',\r\n 'súper'\r\n ];\r\n}\r\n","
Model: {{selected | json}}\r\n\r\n","import { Component } from '@angular/core';\r\n\r\nimport { isBs3 } from 'ngx-bootstrap/utils';\r\n\r\n@Component({\r\n selector: 'demo-typeahead-templates',\r\n templateUrl: './list-template.html',\r\n styles: [`\r\n .custom-list-group {\r\n display: flex;\r\n flex-direction: column;\r\n width: 300px;\r\n padding-left: 0;\r\n margin: 0;\r\n list-style: none;\r\n }\r\n\r\n .custom-list-group-item {\r\n position: relative;\r\n display: block;\r\n padding: .75rem 1.25rem;\r\n background-color: #fff;\r\n }\r\n\r\n .custom-list-group-item.active {\r\n z-index: 2;\r\n color: #fff;\r\n background-color: #FF4461;\r\n border-color: #FF4461;\r\n }\r\n `]\r\n})\r\nexport class DemoTypeaheadListTemplateComponent {\r\n isBs3 = isBs3();\r\n selected: string;\r\n states: string[] = [\r\n 'Alabama',\r\n 'Alaska',\r\n 'Arizona',\r\n 'Arkansas',\r\n 'California',\r\n 'Colorado',\r\n 'Connecticut',\r\n 'Delaware',\r\n 'Florida',\r\n 'Georgia',\r\n 'Hawaii',\r\n 'Idaho',\r\n 'Illinois',\r\n 'Indiana',\r\n 'Iowa',\r\n 'Kansas',\r\n 'Kentucky',\r\n 'Louisiana',\r\n 'Maine',\r\n 'Maryland',\r\n 'Massachusetts',\r\n 'Michigan',\r\n 'Minnesota',\r\n 'Mississippi',\r\n 'Missouri',\r\n 'Montana',\r\n 'Nebraska',\r\n 'Nevada',\r\n 'New Hampshire',\r\n 'New Jersey',\r\n 'New Mexico',\r\n 'New York',\r\n 'North Dakota',\r\n 'North Carolina',\r\n 'Ohio',\r\n 'Oklahoma',\r\n 'Oregon',\r\n 'Pennsylvania',\r\n 'Rhode Island',\r\n 'South Carolina',\r\n 'South Dakota',\r\n 'Tennessee',\r\n 'Texas',\r\n 'Utah',\r\n 'Vermont',\r\n 'Virginia',\r\n 'Washington',\r\n 'West Virginia',\r\n 'Wisconsin',\r\n 'Wyoming'\r\n ];\r\n}\r\n","
Model: {{selected | json}}\r\n\r\n\r\n
Model: {{selected | json}}\r\n\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'demo-typeahead-multiple-search',\r\n templateUrl: './multiple-search.html'\r\n})\r\nexport class DemoTypeaheadMultipleSearchComponent {\r\n selected: string;\r\n states = [\r\n 'Alabama',\r\n 'Alaska',\r\n 'Arizona',\r\n 'Arkansas',\r\n 'California',\r\n 'Colorado',\r\n 'Connecticut',\r\n 'Delaware',\r\n 'Florida',\r\n 'Georgia',\r\n 'Hawaii',\r\n 'Idaho',\r\n 'Illinois',\r\n 'Indiana',\r\n 'Iowa',\r\n 'Kansas',\r\n 'Kentucky',\r\n 'Louisiana',\r\n 'Maine',\r\n 'Maryland',\r\n 'Massachusetts',\r\n 'Michigan',\r\n 'Minnesota',\r\n 'Mississippi',\r\n 'Missouri',\r\n 'Montana',\r\n 'Nebraska',\r\n 'Nevada',\r\n 'New Hampshire',\r\n 'New Jersey',\r\n 'New Mexico',\r\n 'New York',\r\n 'North Dakota',\r\n 'North Carolina',\r\n 'Ohio',\r\n 'Oklahoma',\r\n 'Oregon',\r\n 'Pennsylvania',\r\n 'Rhode Island',\r\n 'South Carolina',\r\n 'South Dakota',\r\n 'Tennessee',\r\n 'Texas',\r\n 'Utah',\r\n 'Vermont',\r\n 'Virginia',\r\n 'Washington',\r\n 'West Virginia',\r\n 'Wisconsin',\r\n 'Wyoming'\r\n ];\r\n}\r\n","
Model: {{selected | json}}\r\n\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'demo-typeahead-no-result',\r\n templateUrl: './no-result.html'\r\n})\r\nexport class DemoTypeaheadNoResultComponent {\r\n selected: string;\r\n noResult = false;\r\n states: string[] = [\r\n 'Alabama',\r\n 'Alaska',\r\n 'Arizona',\r\n 'Arkansas',\r\n 'California',\r\n 'Colorado',\r\n 'Connecticut',\r\n 'Delaware',\r\n 'Florida',\r\n 'Georgia',\r\n 'Hawaii',\r\n 'Idaho',\r\n 'Illinois',\r\n 'Indiana',\r\n 'Iowa',\r\n 'Kansas',\r\n 'Kentucky',\r\n 'Louisiana',\r\n 'Maine',\r\n 'Maryland',\r\n 'Massachusetts',\r\n 'Michigan',\r\n 'Minnesota',\r\n 'Mississippi',\r\n 'Missouri',\r\n 'Montana',\r\n 'Nebraska',\r\n 'Nevada',\r\n 'New Hampshire',\r\n 'New Jersey',\r\n 'New Mexico',\r\n 'New York',\r\n 'North Dakota',\r\n 'North Carolina',\r\n 'Ohio',\r\n 'Oklahoma',\r\n 'Oregon',\r\n 'Pennsylvania',\r\n 'Rhode Island',\r\n 'South Carolina',\r\n 'South Dakota',\r\n 'Tennessee',\r\n 'Texas',\r\n 'Utah',\r\n 'Vermont',\r\n 'Virginia',\r\n 'Washington',\r\n 'West Virginia',\r\n 'Wisconsin',\r\n 'Wyoming'\r\n ];\r\n\r\n typeaheadNoResults(event: boolean): void {\r\n this.noResult = event;\r\n }\r\n}\r\n","
Model: {{selected | json}}\r\n
Model: {{selected | json}}\r\n
Option on blur: {{optionOnBlur | json}}\r\n\r\n\r\n","import { Component } from '@angular/core';\r\nimport { TypeaheadMatch } from 'ngx-bootstrap/typeahead/typeahead-match.class';\r\n\r\n@Component({\r\n selector: 'demo-typeahead-on-select',\r\n templateUrl: './on-select.html'\r\n})\r\nexport class DemoTypeaheadOnSelectComponent {\r\n selectedValue: string;\r\n selectedOption: any;\r\n states: any[] = [\r\n { id: 1, name: 'Alabama', region: 'South' },\r\n { id: 2, name: 'Alaska', region: 'West' },\r\n { id: 3, name: 'Arizona', region: 'West' },\r\n { id: 4, name: 'Arkansas', region: 'South' },\r\n { id: 5, name: 'California', region: 'West' },\r\n { id: 6, name: 'Colorado', region: 'West' },\r\n { id: 7, name: 'Connecticut', region: 'Northeast' },\r\n { id: 8, name: 'Delaware', region: 'South' },\r\n { id: 9, name: 'Florida', region: 'South' },\r\n { id: 10, name: 'Georgia', region: 'South' },\r\n { id: 11, name: 'Hawaii', region: 'West' },\r\n { id: 12, name: 'Idaho', region: 'West' },\r\n { id: 13, name: 'Illinois', region: 'Midwest' },\r\n { id: 14, name: 'Indiana', region: 'Midwest' },\r\n { id: 15, name: 'Iowa', region: 'Midwest' },\r\n { id: 16, name: 'Kansas', region: 'Midwest' },\r\n { id: 17, name: 'Kentucky', region: 'South' },\r\n { id: 18, name: 'Louisiana', region: 'South' },\r\n { id: 19, name: 'Maine', region: 'Northeast' },\r\n { id: 21, name: 'Maryland', region: 'South' },\r\n { id: 22, name: 'Massachusetts', region: 'Northeast' },\r\n { id: 23, name: 'Michigan', region: 'Midwest' },\r\n { id: 24, name: 'Minnesota', region: 'Midwest' },\r\n { id: 25, name: 'Mississippi', region: 'South' },\r\n { id: 26, name: 'Missouri', region: 'Midwest' },\r\n { id: 27, name: 'Montana', region: 'West' },\r\n { id: 28, name: 'Nebraska', region: 'Midwest' },\r\n { id: 29, name: 'Nevada', region: 'West' },\r\n { id: 30, name: 'New Hampshire', region: 'Northeast' },\r\n { id: 31, name: 'New Jersey', region: 'Northeast' },\r\n { id: 32, name: 'New Mexico', region: 'West' },\r\n { id: 33, name: 'New York', region: 'Northeast' },\r\n { id: 34, name: 'North Dakota', region: 'Midwest' },\r\n { id: 35, name: 'North Carolina', region: 'South' },\r\n { id: 36, name: 'Ohio', region: 'Midwest' },\r\n { id: 37, name: 'Oklahoma', region: 'South' },\r\n { id: 38, name: 'Oregon', region: 'West' },\r\n { id: 39, name: 'Pennsylvania', region: 'Northeast' },\r\n { id: 40, name: 'Rhode Island', region: 'Northeast' },\r\n { id: 41, name: 'South Carolina', region: 'South' },\r\n { id: 42, name: 'South Dakota', region: 'Midwest' },\r\n { id: 43, name: 'Tennessee', region: 'South' },\r\n { id: 44, name: 'Texas', region: 'South' },\r\n { id: 45, name: 'Utah', region: 'West' },\r\n { id: 46, name: 'Vermont', region: 'Northeast' },\r\n { id: 47, name: 'Virginia', region: 'South' },\r\n { id: 48, name: 'Washington', region: 'South' },\r\n { id: 49, name: 'West Virginia', region: 'South' },\r\n { id: 50, name: 'Wisconsin', region: 'Midwest' },\r\n { id: 51, name: 'Wyoming', region: 'West' }\r\n ];\r\n\r\n onSelect(event: TypeaheadMatch): void {\r\n this.selectedOption = event.item;\r\n }\r\n}\r\n","
Model: {{selectedValue | json}}\r\n
Selected option: {{selectedOption | json}}\r\n\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\nimport { TypeaheadOrder } from 'ngx-bootstrap/typeahead';\r\nimport { Observable, of, Subscriber } from 'rxjs';\r\nimport { switchMap } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'demo-typeahead-ordering',\r\n templateUrl: './ordering.html'\r\n})\r\nexport class DemoTypeaheadOrderingComponent implements OnInit {\r\n selected1: string;\r\n selected2: string;\r\n selected3: string;\r\n selected4: string;\r\n sortConfig1: TypeaheadOrder = {\r\n direction: 'desc'\r\n };\r\n sortConfig2: TypeaheadOrder = {\r\n direction: 'asc'\r\n };\r\n sortConfig3: TypeaheadOrder = {\r\n direction: 'asc',\r\n field: 'city'\r\n };\r\n states$: Observable
Model: {{selected | json}}\r\n\r\n","import { Component } from '@angular/core';\r\nimport { FormControl, FormGroup } from '@angular/forms';\r\n\r\n@Component({\r\n selector: 'demo-typeahead-reactive-form',\r\n templateUrl: './reactive-form.html'\r\n})\r\nexport class DemoTypeaheadReactiveFormComponent {\r\n stateCtrl = new FormControl();\r\n\r\n myForm = new FormGroup({\r\n state: this.stateCtrl\r\n });\r\n\r\n states = [\r\n 'Alabama',\r\n 'Alaska',\r\n 'Arizona',\r\n 'Arkansas',\r\n 'California',\r\n 'Colorado',\r\n 'Connecticut',\r\n 'Delaware',\r\n 'Florida',\r\n 'Georgia',\r\n 'Hawaii',\r\n 'Idaho',\r\n 'Illinois',\r\n 'Indiana',\r\n 'Iowa',\r\n 'Kansas',\r\n 'Kentucky',\r\n 'Louisiana',\r\n 'Maine',\r\n 'Maryland',\r\n 'Massachusetts',\r\n 'Michigan',\r\n 'Minnesota',\r\n 'Mississippi',\r\n 'Missouri',\r\n 'Montana',\r\n 'Nebraska',\r\n 'Nevada',\r\n 'New Hampshire',\r\n 'New Jersey',\r\n 'New Mexico',\r\n 'New York',\r\n 'North Dakota',\r\n 'North Carolina',\r\n 'Ohio',\r\n 'Oklahoma',\r\n 'Oregon',\r\n 'Pennsylvania',\r\n 'Rhode Island',\r\n 'South Carolina',\r\n 'South Dakota',\r\n 'Tennessee',\r\n 'Texas',\r\n 'Utah',\r\n 'Vermont',\r\n 'Virginia',\r\n 'Washington',\r\n 'West Virginia',\r\n 'Wisconsin',\r\n 'Wyoming'\r\n ];\r\n}\r\n","
Model: {{myForm.value.state | json}}\r\n\r\n\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'demo-typeahead-scrollable',\r\n templateUrl: './scrollable.html'\r\n})\r\nexport class DemoTypeaheadScrollableComponent {\r\n selected: string;\r\n states: string[] = [\r\n 'Alabama',\r\n 'Alaska',\r\n 'Arizona',\r\n 'Arkansas',\r\n 'California',\r\n 'Colorado',\r\n 'Connecticut',\r\n 'Delaware',\r\n 'Florida',\r\n 'Georgia',\r\n 'Hawaii',\r\n 'Idaho',\r\n 'Illinois',\r\n 'Indiana',\r\n 'Iowa',\r\n 'Kansas',\r\n 'Kentucky',\r\n 'Louisiana',\r\n 'Maine',\r\n 'Maryland',\r\n 'Massachusetts',\r\n 'Michigan',\r\n 'Minnesota',\r\n 'Mississippi',\r\n 'Missouri',\r\n 'Montana',\r\n 'Nebraska',\r\n 'Nevada',\r\n 'New Hampshire',\r\n 'New Jersey',\r\n 'New Mexico',\r\n 'New York',\r\n 'North Dakota',\r\n 'North Carolina',\r\n 'Ohio',\r\n 'Oklahoma',\r\n 'Oregon',\r\n 'Pennsylvania',\r\n 'Rhode Island',\r\n 'South Carolina',\r\n 'South Dakota',\r\n 'Tennessee',\r\n 'Texas',\r\n 'Utah',\r\n 'Vermont',\r\n 'Virginia',\r\n 'Washington',\r\n 'West Virginia',\r\n 'Wisconsin',\r\n 'Wyoming'\r\n ];\r\n}\r\n","
Model: {{selected | json}}\r\n\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'demo-selected-first-item',\r\n templateUrl: './selected-first-item.html'\r\n})\r\nexport class DemotypeaheadSelectFirstItemComponent {\r\n selected: string;\r\n states: string[] = [\r\n 'Alabama',\r\n 'Alaska',\r\n 'Arizona',\r\n 'Arkansas',\r\n 'California',\r\n 'Colorado',\r\n 'Connecticut',\r\n 'Delaware',\r\n 'Florida',\r\n 'Georgia',\r\n 'Hawaii',\r\n 'Idaho',\r\n 'Illinois',\r\n 'Indiana',\r\n 'Iowa',\r\n 'Kansas',\r\n 'Kentucky',\r\n 'Louisiana',\r\n 'Maine',\r\n 'Maryland',\r\n 'Massachusetts',\r\n 'Michigan',\r\n 'Minnesota',\r\n 'Mississippi',\r\n 'Missouri',\r\n 'Montana',\r\n 'Nebraska',\r\n 'Nevada',\r\n 'New Hampshire',\r\n 'New Jersey',\r\n 'New Mexico',\r\n 'New York',\r\n 'North Dakota',\r\n 'North Carolina',\r\n 'Ohio',\r\n 'Oklahoma',\r\n 'Oregon',\r\n 'Pennsylvania',\r\n 'Rhode Island',\r\n 'South Carolina',\r\n 'South Dakota',\r\n 'Tennessee',\r\n 'Texas',\r\n 'Utah',\r\n 'Vermont',\r\n 'Virginia',\r\n 'Washington',\r\n 'West Virginia',\r\n 'Wisconsin',\r\n 'Wyoming'\r\n ];\r\n}\r\n","
Model: {{selected | json}}\r\n\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'demo-typeahead-show-on-blur',\r\n templateUrl: './show-on-blur.html'\r\n})\r\nexport class DemoTypeaheadShowOnBlurComponent {\r\n typeaheadHideResultsOnBlur = false;\r\n selected: string;\r\n states = [\r\n 'Alabama',\r\n 'Alaska',\r\n 'Arizona',\r\n 'Arkansas',\r\n 'California',\r\n 'Colorado',\r\n 'Connecticut',\r\n 'Delaware',\r\n 'Florida',\r\n 'Georgia',\r\n 'Hawaii',\r\n 'Idaho',\r\n 'Illinois',\r\n 'Indiana',\r\n 'Iowa',\r\n 'Kansas',\r\n 'Kentucky',\r\n 'Louisiana',\r\n 'Maine',\r\n 'Maryland',\r\n 'Massachusetts',\r\n 'Michigan',\r\n 'Minnesota',\r\n 'Mississippi',\r\n 'Missouri',\r\n 'Montana',\r\n 'Nebraska',\r\n 'Nevada',\r\n 'New Hampshire',\r\n 'New Jersey',\r\n 'New Mexico',\r\n 'New York',\r\n 'North Dakota',\r\n 'North Carolina',\r\n 'Ohio',\r\n 'Oklahoma',\r\n 'Oregon',\r\n 'Pennsylvania',\r\n 'Rhode Island',\r\n 'South Carolina',\r\n 'South Dakota',\r\n 'Tennessee',\r\n 'Texas',\r\n 'Utah',\r\n 'Vermont',\r\n 'Virginia',\r\n 'Washington',\r\n 'West Virginia',\r\n 'Wisconsin',\r\n 'Wyoming'\r\n ];\r\n}\r\n","\r\n
\r\n typeaheadHideResultsOnBlur: {{typeaheadHideResultsOnBlur}}\r\n Model: {{selected | json}}\r\n\r\n\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'demo-typeahead-single-world',\r\n templateUrl: './single-world.html'\r\n})\r\nexport class DemoTypeaheadSingleWorldComponent {\r\n typeaheadSingleWords = true;\r\n selected: string;\r\n states = [\r\n 'Alabama',\r\n 'Alaska',\r\n 'Arizona',\r\n 'Arkansas',\r\n 'California',\r\n 'Colorado',\r\n 'Connecticut',\r\n 'Delaware',\r\n 'Florida',\r\n 'Georgia',\r\n 'Hawaii',\r\n 'Idaho',\r\n 'Illinois',\r\n 'Indiana',\r\n 'Iowa',\r\n 'Kansas',\r\n 'Kentucky',\r\n 'Louisiana',\r\n 'Maine',\r\n 'Maryland',\r\n 'Massachusetts',\r\n 'Michigan',\r\n 'Minnesota',\r\n 'Mississippi',\r\n 'Missouri',\r\n 'Montana',\r\n 'Nebraska',\r\n 'Nevada',\r\n 'New Hampshire',\r\n 'New Jersey',\r\n 'New Mexico',\r\n 'New York',\r\n 'North Dakota',\r\n 'North Carolina',\r\n 'Ohio',\r\n 'Oklahoma',\r\n 'Oregon',\r\n 'Pennsylvania',\r\n 'Rhode Island',\r\n 'South Carolina',\r\n 'South Dakota',\r\n 'Tennessee',\r\n 'Texas',\r\n 'Utah',\r\n 'Vermont',\r\n 'Virginia',\r\n 'Washington',\r\n 'West Virginia',\r\n 'Wisconsin',\r\n 'Wyoming'\r\n ];\r\n}\r\n","\r\n
\r\n typeaheadSingleWords: {{typeaheadSingleWords}}\r\n Model: {{selected | json}}\r\n\r\n\r\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\r\n\r\nimport { demoComponentContent } from './typeahead-section.list';\r\nimport { ContentSection } from '@app/shared/components/docs/models/content-section.model';\r\n\r\n@Component({\r\n selector: 'typeahead-section',\r\n templateUrl: './typeahead-section.component.html',\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TypeaheadSectionComponent {\r\n name = 'Typeahead';\r\n src = 'https://github.com/valor-software/ngx-bootstrap/tree/development/src/typeahead';\r\n componentContent: ContentSection[] = demoComponentContent;\r\n}\r\n","
The easiest way to add the typeahead component to your app (will be added to the root module)
\r\nng add ngx-bootstrap --component typeahead\r\n
isAnimated
input or config option`,\r\n outlet: DemoTypeaheadAnimatedComponent\r\n },\r\n {\r\n title: 'Adaptive position',\r\n anchor: 'adaptive-position',\r\n description: `\r\n You can enable adaptive position via adaptivePosition
input or config option
Use http request to search for data. If you need to handle http error, do this inside tap
operator.\r\n Enter search value several times (10-15), and after a few success responses API should return an error\r\n (GitHub limit for requests)
Set config property cancelRequestOnFocusLost
to true
if you want to cancel async request on focus lost event
Use typeaheadWaitMs
to set minimal waiting time after last character typed\r\n before typeahead kicks-in. In example a search begins with delay in 1 second
Typeahead can be used in template-driven forms. Keep in mind that value of ngModel
is\r\n string
Typeahead can be used in reactive forms
\r\n `,\r\n component: require('!!raw-loader!./demos/reactive-form/reactive-form.ts'),\r\n html: require('!!raw-loader!./demos/reactive-form/reactive-form.html'),\r\n outlet: DemoTypeaheadReactiveFormComponent\r\n },\r\n {\r\n title: 'Grouping results',\r\n anchor: 'grouping-results',\r\n component: require('!!raw-loader!./demos/grouping/grouping.ts'),\r\n html: require('!!raw-loader!./demos/grouping/grouping.html'),\r\n outlet: DemoTypeaheadGroupingComponent\r\n },\r\n {\r\n title: 'Ignore spaces and order',\r\n anchor: 'single-world',\r\n component: require('!!raw-loader!./demos/single-world/single-world.ts'),\r\n html: require('!!raw-loader!./demos/single-world/single-world.html'),\r\n description: `\r\nAfter setting typeaheadSingleWords
input property to true
\r\n order of typed symbols and spaces between them will be ignored. For example, \"zona ari\"\r\n will match with \"Arizona\"
Set the word delimiter by typeaheadPhraseDelimiters
to match exact phrase.\r\n This is demo with delimeters \"&
\" and \",
\"
Returns an option on which user lost a focus. To reproduce start typing the name of the state, then focus\r\n on one of the options with mouse or arrow keys and click outside of the typeahead
\r\n `,\r\n component: require('!!raw-loader!./demos/on-blur/on-blur.ts'),\r\n html: require('!!raw-loader!./demos/on-blur/on-blur.html'),\r\n outlet: DemoTypeaheadOnBlurComponent\r\n },\r\n {\r\n title: 'Append to body',\r\n anchor: 'container',\r\n description: `\r\ncontainer
is an input property specifying the element the typeahead should be appended to.
Used to display the state when no matches were found. To see message\r\n \"No Results Found\" enter the value that doesn't match anything from the list
\r\n `,\r\n component: require('!!raw-loader!./demos/no-result/no-result.ts'),\r\n html: require('!!raw-loader!./demos/no-result/no-result.html'),\r\n outlet: DemoTypeaheadNoResultComponent\r\n },\r\n {\r\n title: 'Scrollable',\r\n anchor: 'scrollable',\r\n component: require('!!raw-loader!./demos/scrollable/scrollable.ts'),\r\n html: require('!!raw-loader!./demos/scrollable/scrollable.html'),\r\n outlet: DemoTypeaheadScrollableComponent\r\n },\r\n {\r\n title: 'Latinize',\r\n anchor: 'latinize',\r\n description: `\r\nUse typeaheadLatinize
property for matching latin symbols. If it is set\r\n to true
the word súper would match super and vice versa.
typeaheadOnSelect
event is fired when an option was selected.\r\n Returns an object with this option
Minimal number of characters that needs to be entered before typeahead kicks in. When set to 0, typeahead shows on focus with full list of options.
\r\n `,\r\n component: require('!!raw-loader!./demos/min-length/min-length.ts'),\r\n html: require('!!raw-loader!./demos/min-length/min-length.html'),\r\n outlet: DemoTypeaheadMinLengthComponent\r\n },\r\n {\r\n title: 'Show results on blur',\r\n anchor: 'show-on-blur',\r\n description: `\r\nUse input property typeaheadHideResultsOnBlur
or config property hideResultsOnBlur
\r\n to prevent hiding typeahead's results until a user doesn't choose an item
Use input property typeaheadIsFirstItemActive
or config property isFirstItemActive
to make the first item active/inactive
Use typeaheadSelectFirstItem
property to make the first item in options list unselectable by tab and enter.
Use typeaheadOrderBy
property to order your result by a certain field and in certain direction
Set typeaheadMultipleSearch
input property to true
\r\n and provide the multiple search delimiter by typeaheadMultipleSearchDelimiters
\r\n to be able to search typeahead again after using one of the provided delimiters. Default delimiter\r\n is \",
\" if typeaheadMultipleSearchDelimiters
is not used.\r\n After picking a first value from typeahead\r\n dropdown, type \",
\" or \"|
\" and then next value can be searched.\r\n This is demo with delimeters \",
\" and \"|
\"
Model: {{selected | json}}\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-adaptive-position',\\r\\n templateUrl: './adaptive-position.html'\\r\\n})\\r\\nexport class DemoTypeaheadAdaptivePositionComponent {\\r\\n selected: string;\\r\\n states: string[] = [\\r\\n 'Alabama',\\r\\n 'Alaska',\\r\\n 'Arizona',\\r\\n 'Arkansas',\\r\\n 'California',\\r\\n 'Colorado',\\r\\n 'Connecticut',\\r\\n 'Delaware',\\r\\n 'Florida',\\r\\n 'Georgia',\\r\\n 'Hawaii',\\r\\n 'Idaho',\\r\\n 'Illinois',\\r\\n 'Indiana',\\r\\n 'Iowa',\\r\\n 'Kansas',\\r\\n 'Kentucky',\\r\\n 'Louisiana',\\r\\n 'Maine',\\r\\n 'Maryland',\\r\\n 'Massachusetts',\\r\\n 'Michigan',\\r\\n 'Minnesota',\\r\\n 'Mississippi',\\r\\n 'Missouri',\\r\\n 'Montana',\\r\\n 'Nebraska',\\r\\n 'Nevada',\\r\\n 'New Hampshire',\\r\\n 'New Jersey',\\r\\n 'New Mexico',\\r\\n 'New York',\\r\\n 'North Dakota',\\r\\n 'North Carolina',\\r\\n 'Ohio',\\r\\n 'Oklahoma',\\r\\n 'Oregon',\\r\\n 'Pennsylvania',\\r\\n 'Rhode Island',\\r\\n 'South Carolina',\\r\\n 'South Dakota',\\r\\n 'Tennessee',\\r\\n 'Texas',\\r\\n 'Utah',\\r\\n 'Vermont',\\r\\n 'Virginia',\\r\\n 'Washington',\\r\\n 'West Virginia',\\r\\n 'Wisconsin',\\r\\n 'Wyoming'\\r\\n ];\\r\\n}\\r\\n\";","export default \"
Model: {{selected | json}}\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-animated',\\r\\n templateUrl: './animated.html'\\r\\n})\\r\\nexport class DemoTypeaheadAnimatedComponent {\\r\\n selected: string;\\r\\n states: string[] = [\\r\\n 'Alabama',\\r\\n 'Alaska',\\r\\n 'Arizona',\\r\\n 'Arkansas',\\r\\n 'California',\\r\\n 'Colorado',\\r\\n 'Connecticut',\\r\\n 'Delaware',\\r\\n 'Florida',\\r\\n 'Georgia',\\r\\n 'Hawaii',\\r\\n 'Idaho',\\r\\n 'Illinois',\\r\\n 'Indiana',\\r\\n 'Iowa',\\r\\n 'Kansas',\\r\\n 'Kentucky',\\r\\n 'Louisiana',\\r\\n 'Maine',\\r\\n 'Maryland',\\r\\n 'Massachusetts',\\r\\n 'Michigan',\\r\\n 'Minnesota',\\r\\n 'Mississippi',\\r\\n 'Missouri',\\r\\n 'Montana',\\r\\n 'Nebraska',\\r\\n 'Nevada',\\r\\n 'New Hampshire',\\r\\n 'New Jersey',\\r\\n 'New Mexico',\\r\\n 'New York',\\r\\n 'North Dakota',\\r\\n 'North Carolina',\\r\\n 'Ohio',\\r\\n 'Oklahoma',\\r\\n 'Oregon',\\r\\n 'Pennsylvania',\\r\\n 'Rhode Island',\\r\\n 'South Carolina',\\r\\n 'South Dakota',\\r\\n 'Tennessee',\\r\\n 'Texas',\\r\\n 'Utah',\\r\\n 'Vermont',\\r\\n 'Virginia',\\r\\n 'Washington',\\r\\n 'West Virginia',\\r\\n 'Wisconsin',\\r\\n 'Wyoming'\\r\\n ];\\r\\n}\\r\\n\";","export default \"
Model: {{ search | json }}\\r\\n\\r\\n\\r\\n\\r\\n
Model: {{ asyncSelected | json }}\\r\\n\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\nimport { Observable, of, Subscriber } from 'rxjs';\\r\\nimport { mergeMap } from 'rxjs/operators';\\r\\n\\r\\ninterface DataSourceType {\\r\\n id: number;\\r\\n name: string;\\r\\n region: string;\\r\\n}\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-async',\\r\\n templateUrl: './async.html'\\r\\n})\\r\\nexport class DemoTypeaheadAsyncComponent {\\r\\n asyncSelected: string;\\r\\n dataSource: Observable
Model: {{selected | json}}\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-basic',\\r\\n templateUrl: './basic.html'\\r\\n})\\r\\nexport class DemoTypeaheadBasicComponent {\\r\\n selected: string;\\r\\n states: string[] = [\\r\\n 'Alabama',\\r\\n 'Alaska',\\r\\n 'Arizona',\\r\\n 'Arkansas',\\r\\n 'California',\\r\\n 'Colorado',\\r\\n 'Connecticut',\\r\\n 'Delaware',\\r\\n 'Florida',\\r\\n 'Georgia',\\r\\n 'Hawaii',\\r\\n 'Idaho',\\r\\n 'Illinois',\\r\\n 'Indiana',\\r\\n 'Iowa',\\r\\n 'Kansas',\\r\\n 'Kentucky',\\r\\n 'Louisiana',\\r\\n 'Maine',\\r\\n 'Maryland',\\r\\n 'Massachusetts',\\r\\n 'Michigan',\\r\\n 'Minnesota',\\r\\n 'Mississippi',\\r\\n 'Missouri',\\r\\n 'Montana',\\r\\n 'Nebraska',\\r\\n 'Nevada',\\r\\n 'New Hampshire',\\r\\n 'New Jersey',\\r\\n 'New Mexico',\\r\\n 'New York',\\r\\n 'North Dakota',\\r\\n 'North Carolina',\\r\\n 'Ohio',\\r\\n 'Oklahoma',\\r\\n 'Oregon',\\r\\n 'Pennsylvania',\\r\\n 'Rhode Island',\\r\\n 'South Carolina',\\r\\n 'South Dakota',\\r\\n 'Tennessee',\\r\\n 'Texas',\\r\\n 'Utah',\\r\\n 'Vermont',\\r\\n 'Virginia',\\r\\n 'Washington',\\r\\n 'West Virginia',\\r\\n 'Wisconsin',\\r\\n 'Wyoming'\\r\\n ];\\r\\n}\\r\\n\";","export default \"
Model: {{asyncSelected | json}}\\r\\n\\r\\n\\r\\n
Model: {{selected | json}}\\r\\n\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-container',\\r\\n templateUrl: './container.html'\\r\\n})\\r\\nexport class DemoTypeaheadContainerComponent {\\r\\n selected: string;\\r\\n states: string[] = [\\r\\n 'Alabama',\\r\\n 'Alaska',\\r\\n 'Arizona',\\r\\n 'Arkansas',\\r\\n 'California',\\r\\n 'Colorado',\\r\\n 'Connecticut',\\r\\n 'Delaware',\\r\\n 'Florida',\\r\\n 'Georgia',\\r\\n 'Hawaii',\\r\\n 'Idaho',\\r\\n 'Illinois',\\r\\n 'Indiana',\\r\\n 'Iowa',\\r\\n 'Kansas',\\r\\n 'Kentucky',\\r\\n 'Louisiana',\\r\\n 'Maine',\\r\\n 'Maryland',\\r\\n 'Massachusetts',\\r\\n 'Michigan',\\r\\n 'Minnesota',\\r\\n 'Mississippi',\\r\\n 'Missouri',\\r\\n 'Montana',\\r\\n 'Nebraska',\\r\\n 'Nevada',\\r\\n 'New Hampshire',\\r\\n 'New Jersey',\\r\\n 'New Mexico',\\r\\n 'New York',\\r\\n 'North Dakota',\\r\\n 'North Carolina',\\r\\n 'Ohio',\\r\\n 'Oklahoma',\\r\\n 'Oregon',\\r\\n 'Pennsylvania',\\r\\n 'Rhode Island',\\r\\n 'South Carolina',\\r\\n 'South Dakota',\\r\\n 'Tennessee',\\r\\n 'Texas',\\r\\n 'Utah',\\r\\n 'Vermont',\\r\\n 'Virginia',\\r\\n 'Washington',\\r\\n 'West Virginia',\\r\\n 'Wisconsin',\\r\\n 'Wyoming'\\r\\n ];\\r\\n}\\r\\n\";","export default \"
Model: {{selected | json}}\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-delay',\\r\\n templateUrl: './delay.html'\\r\\n})\\r\\nexport class DemoTypeaheadDelayComponent {\\r\\n selected: string;\\r\\n states: string[] = [\\r\\n 'Alabama',\\r\\n 'Alaska',\\r\\n 'Arizona',\\r\\n 'Arkansas',\\r\\n 'California',\\r\\n 'Colorado',\\r\\n 'Connecticut',\\r\\n 'Delaware',\\r\\n 'Florida',\\r\\n 'Georgia',\\r\\n 'Hawaii',\\r\\n 'Idaho',\\r\\n 'Illinois',\\r\\n 'Indiana',\\r\\n 'Iowa',\\r\\n 'Kansas',\\r\\n 'Kentucky',\\r\\n 'Louisiana',\\r\\n 'Maine',\\r\\n 'Maryland',\\r\\n 'Massachusetts',\\r\\n 'Michigan',\\r\\n 'Minnesota',\\r\\n 'Mississippi',\\r\\n 'Missouri',\\r\\n 'Montana',\\r\\n 'Nebraska',\\r\\n 'Nevada',\\r\\n 'New Hampshire',\\r\\n 'New Jersey',\\r\\n 'New Mexico',\\r\\n 'New York',\\r\\n 'North Dakota',\\r\\n 'North Carolina',\\r\\n 'Ohio',\\r\\n 'Oklahoma',\\r\\n 'Oregon',\\r\\n 'Pennsylvania',\\r\\n 'Rhode Island',\\r\\n 'South Carolina',\\r\\n 'South Dakota',\\r\\n 'Tennessee',\\r\\n 'Texas',\\r\\n 'Utah',\\r\\n 'Vermont',\\r\\n 'Virginia',\\r\\n 'Washington',\\r\\n 'West Virginia',\\r\\n 'Wisconsin',\\r\\n 'Wyoming'\\r\\n ];\\r\\n}\\r\\n\";","export default \"
Model: {{selected | json}}\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-dropup',\\r\\n templateUrl: './dropup.html'\\r\\n})\\r\\nexport class DemoTypeaheadDropupComponent {\\r\\n selected: string;\\r\\n states: string[] = [\\r\\n 'Alabama',\\r\\n 'Alaska',\\r\\n 'Arizona',\\r\\n 'Arkansas',\\r\\n 'California',\\r\\n 'Colorado',\\r\\n 'Connecticut',\\r\\n 'Delaware',\\r\\n 'Florida',\\r\\n 'Georgia',\\r\\n 'Hawaii',\\r\\n 'Idaho',\\r\\n 'Illinois',\\r\\n 'Indiana',\\r\\n 'Iowa',\\r\\n 'Kansas',\\r\\n 'Kentucky',\\r\\n 'Louisiana',\\r\\n 'Maine',\\r\\n 'Maryland',\\r\\n 'Massachusetts',\\r\\n 'Michigan',\\r\\n 'Minnesota',\\r\\n 'Mississippi',\\r\\n 'Missouri',\\r\\n 'Montana',\\r\\n 'Nebraska',\\r\\n 'Nevada',\\r\\n 'New Hampshire',\\r\\n 'New Jersey',\\r\\n 'New Mexico',\\r\\n 'New York',\\r\\n 'North Dakota',\\r\\n 'North Carolina',\\r\\n 'Ohio',\\r\\n 'Oklahoma',\\r\\n 'Oregon',\\r\\n 'Pennsylvania',\\r\\n 'Rhode Island',\\r\\n 'South Carolina',\\r\\n 'South Dakota',\\r\\n 'Tennessee',\\r\\n 'Texas',\\r\\n 'Utah',\\r\\n 'Vermont',\\r\\n 'Virginia',\\r\\n 'Washington',\\r\\n 'West Virginia',\\r\\n 'Wisconsin',\\r\\n 'Wyoming'\\r\\n ];\\r\\n}\\r\\n\";","export default \"
Model: {{customSelected | json}}\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-field',\\r\\n templateUrl: './field.html'\\r\\n})\\r\\nexport class DemoTypeaheadFieldComponent {\\r\\n customSelected: string;\\r\\n statesComplex: any[] = [\\r\\n { id: 1, name: 'Alabama', region: 'South' },\\r\\n { id: 2, name: 'Alaska', region: 'West' },\\r\\n { id: 3, name: 'Arizona', region: 'West' },\\r\\n { id: 4, name: 'Arkansas', region: 'South' },\\r\\n { id: 5, name: 'California', region: 'West' },\\r\\n { id: 6, name: 'Colorado', region: 'West' },\\r\\n { id: 7, name: 'Connecticut', region: 'Northeast' },\\r\\n { id: 8, name: 'Delaware', region: 'South' },\\r\\n { id: 9, name: 'Florida', region: 'South' },\\r\\n { id: 10, name: 'Georgia', region: 'South' },\\r\\n { id: 11, name: 'Hawaii', region: 'West' },\\r\\n { id: 12, name: 'Idaho', region: 'West' },\\r\\n { id: 13, name: 'Illinois', region: 'Midwest' },\\r\\n { id: 14, name: 'Indiana', region: 'Midwest' },\\r\\n { id: 15, name: 'Iowa', region: 'Midwest' },\\r\\n { id: 16, name: 'Kansas', region: 'Midwest' },\\r\\n { id: 17, name: 'Kentucky', region: 'South' },\\r\\n { id: 18, name: 'Louisiana', region: 'South' },\\r\\n { id: 19, name: 'Maine', region: 'Northeast' },\\r\\n { id: 21, name: 'Maryland', region: 'South' },\\r\\n { id: 22, name: 'Massachusetts', region: 'Northeast' },\\r\\n { id: 23, name: 'Michigan', region: 'Midwest' },\\r\\n { id: 24, name: 'Minnesota', region: 'Midwest' },\\r\\n { id: 25, name: 'Mississippi', region: 'South' },\\r\\n { id: 26, name: 'Missouri', region: 'Midwest' },\\r\\n { id: 27, name: 'Montana', region: 'West' },\\r\\n { id: 28, name: 'Nebraska', region: 'Midwest' },\\r\\n { id: 29, name: 'Nevada', region: 'West' },\\r\\n { id: 30, name: 'New Hampshire', region: 'Northeast' },\\r\\n { id: 31, name: 'New Jersey', region: 'Northeast' },\\r\\n { id: 32, name: 'New Mexico', region: 'West' },\\r\\n { id: 33, name: 'New York', region: 'Northeast' },\\r\\n { id: 34, name: 'North Dakota', region: 'Midwest' },\\r\\n { id: 35, name: 'North Carolina', region: 'South' },\\r\\n { id: 36, name: 'Ohio', region: 'Midwest' },\\r\\n { id: 37, name: 'Oklahoma', region: 'South' },\\r\\n { id: 38, name: 'Oregon', region: 'West' },\\r\\n { id: 39, name: 'Pennsylvania', region: 'Northeast' },\\r\\n { id: 40, name: 'Rhode Island', region: 'Northeast' },\\r\\n { id: 41, name: 'South Carolina', region: 'South' },\\r\\n { id: 42, name: 'South Dakota', region: 'Midwest' },\\r\\n { id: 43, name: 'Tennessee', region: 'South' },\\r\\n { id: 44, name: 'Texas', region: 'South' },\\r\\n { id: 45, name: 'Utah', region: 'West' },\\r\\n { id: 46, name: 'Vermont', region: 'Northeast' },\\r\\n { id: 47, name: 'Virginia', region: 'South' },\\r\\n { id: 48, name: 'Washington', region: 'South' },\\r\\n { id: 49, name: 'West Virginia', region: 'South' },\\r\\n { id: 50, name: 'Wisconsin', region: 'Midwest' },\\r\\n { id: 51, name: 'Wyoming', region: 'West' }\\r\\n ];\\r\\n}\\r\\n\";","export default \"
Model: {{selected | json}}\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-first-item-active',\\r\\n templateUrl: './first-item-active.html'\\r\\n})\\r\\nexport class DemoTypeaheadFirstItemActiveComponent {\\r\\n selected: string;\\r\\n states: string[] = [\\r\\n 'Alabama',\\r\\n 'Alaska',\\r\\n 'Arizona',\\r\\n 'Arkansas',\\r\\n 'California',\\r\\n 'Colorado',\\r\\n 'Connecticut',\\r\\n 'Delaware',\\r\\n 'Florida',\\r\\n 'Georgia',\\r\\n 'Hawaii',\\r\\n 'Idaho',\\r\\n 'Illinois',\\r\\n 'Indiana',\\r\\n 'Iowa',\\r\\n 'Kansas',\\r\\n 'Kentucky',\\r\\n 'Louisiana',\\r\\n 'Maine',\\r\\n 'Maryland',\\r\\n 'Massachusetts',\\r\\n 'Michigan',\\r\\n 'Minnesota',\\r\\n 'Mississippi',\\r\\n 'Missouri',\\r\\n 'Montana',\\r\\n 'Nebraska',\\r\\n 'Nevada',\\r\\n 'New Hampshire',\\r\\n 'New Jersey',\\r\\n 'New Mexico',\\r\\n 'New York',\\r\\n 'North Dakota',\\r\\n 'North Carolina',\\r\\n 'Ohio',\\r\\n 'Oklahoma',\\r\\n 'Oregon',\\r\\n 'Pennsylvania',\\r\\n 'Rhode Island',\\r\\n 'South Carolina',\\r\\n 'South Dakota',\\r\\n 'Tennessee',\\r\\n 'Texas',\\r\\n 'Utah',\\r\\n 'Vermont',\\r\\n 'Virginia',\\r\\n 'Washington',\\r\\n 'West Virginia',\\r\\n 'Wisconsin',\\r\\n 'Wyoming'\\r\\n ];\\r\\n}\\r\\n\";","export default \"
Model: {{model | json}}\\r\\n\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-form',\\r\\n templateUrl: './form.html'\\r\\n})\\r\\nexport class DemoTypeaheadFormComponent {\\r\\n model = {\\r\\n address: '312 Sundown Lane',\\r\\n state: null\\r\\n };\\r\\n states = [\\r\\n 'Alabama',\\r\\n 'Alaska',\\r\\n 'Arizona',\\r\\n 'Arkansas',\\r\\n 'California',\\r\\n 'Colorado',\\r\\n 'Connecticut',\\r\\n 'Delaware',\\r\\n 'Florida',\\r\\n 'Georgia',\\r\\n 'Hawaii',\\r\\n 'Idaho',\\r\\n 'Illinois',\\r\\n 'Indiana',\\r\\n 'Iowa',\\r\\n 'Kansas',\\r\\n 'Kentucky',\\r\\n 'Louisiana',\\r\\n 'Maine',\\r\\n 'Maryland',\\r\\n 'Massachusetts',\\r\\n 'Michigan',\\r\\n 'Minnesota',\\r\\n 'Mississippi',\\r\\n 'Missouri',\\r\\n 'Montana',\\r\\n 'Nebraska',\\r\\n 'Nevada',\\r\\n 'New Hampshire',\\r\\n 'New Jersey',\\r\\n 'New Mexico',\\r\\n 'New York',\\r\\n 'North Dakota',\\r\\n 'North Carolina',\\r\\n 'Ohio',\\r\\n 'Oklahoma',\\r\\n 'Oregon',\\r\\n 'Pennsylvania',\\r\\n 'Rhode Island',\\r\\n 'South Carolina',\\r\\n 'South Dakota',\\r\\n 'Tennessee',\\r\\n 'Texas',\\r\\n 'Utah',\\r\\n 'Vermont',\\r\\n 'Virginia',\\r\\n 'Washington',\\r\\n 'West Virginia',\\r\\n 'Wisconsin',\\r\\n 'Wyoming'\\r\\n ];\\r\\n}\\r\\n\";","export default \"
Model: {{groupSelected | json}}\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-grouping',\\r\\n templateUrl: './grouping.html'\\r\\n})\\r\\nexport class DemoTypeaheadGroupingComponent {\\r\\n groupSelected: string;\\r\\n statesComplex: any[] = [\\r\\n { id: 1, name: 'Alabama', region: 'South' },\\r\\n { id: 2, name: 'Alaska', region: 'West' },\\r\\n { id: 3, name: 'Arizona', region: 'West' },\\r\\n { id: 4, name: 'Arkansas', region: 'South' },\\r\\n { id: 5, name: 'California', region: 'West' },\\r\\n { id: 6, name: 'Colorado', region: 'West' },\\r\\n { id: 7, name: 'Connecticut', region: 'Northeast' },\\r\\n { id: 8, name: 'Delaware', region: 'South' },\\r\\n { id: 9, name: 'Florida', region: 'South' },\\r\\n { id: 10, name: 'Georgia', region: 'South' },\\r\\n { id: 11, name: 'Hawaii', region: 'West' },\\r\\n { id: 12, name: 'Idaho', region: 'West' },\\r\\n { id: 13, name: 'Illinois', region: 'Midwest' },\\r\\n { id: 14, name: 'Indiana', region: 'Midwest' },\\r\\n { id: 15, name: 'Iowa', region: 'Midwest' },\\r\\n { id: 16, name: 'Kansas', region: 'Midwest' },\\r\\n { id: 17, name: 'Kentucky', region: 'South' },\\r\\n { id: 18, name: 'Louisiana', region: 'South' },\\r\\n { id: 19, name: 'Maine', region: 'Northeast' },\\r\\n { id: 21, name: 'Maryland', region: 'South' },\\r\\n { id: 22, name: 'Massachusetts', region: 'Northeast' },\\r\\n { id: 23, name: 'Michigan', region: 'Midwest' },\\r\\n { id: 24, name: 'Minnesota', region: 'Midwest' },\\r\\n { id: 25, name: 'Mississippi', region: 'South' },\\r\\n { id: 26, name: 'Missouri', region: 'Midwest' },\\r\\n { id: 27, name: 'Montana', region: 'West' },\\r\\n { id: 28, name: 'Nebraska', region: 'Midwest' },\\r\\n { id: 29, name: 'Nevada', region: 'West' },\\r\\n { id: 30, name: 'New Hampshire', region: 'Northeast' },\\r\\n { id: 31, name: 'New Jersey', region: 'Northeast' },\\r\\n { id: 32, name: 'New Mexico', region: 'West' },\\r\\n { id: 33, name: 'New York', region: 'Northeast' },\\r\\n { id: 34, name: 'North Dakota', region: 'Midwest' },\\r\\n { id: 35, name: 'North Carolina', region: 'South' },\\r\\n { id: 36, name: 'Ohio', region: 'Midwest' },\\r\\n { id: 37, name: 'Oklahoma', region: 'South' },\\r\\n { id: 38, name: 'Oregon', region: 'West' },\\r\\n { id: 39, name: 'Pennsylvania', region: 'Northeast' },\\r\\n { id: 40, name: 'Rhode Island', region: 'Northeast' },\\r\\n { id: 41, name: 'South Carolina', region: 'South' },\\r\\n { id: 42, name: 'South Dakota', region: 'Midwest' },\\r\\n { id: 43, name: 'Tennessee', region: 'South' },\\r\\n { id: 44, name: 'Texas', region: 'South' },\\r\\n { id: 45, name: 'Utah', region: 'West' },\\r\\n { id: 46, name: 'Vermont', region: 'Northeast' },\\r\\n { id: 47, name: 'Virginia', region: 'South' },\\r\\n { id: 48, name: 'Washington', region: 'South' },\\r\\n { id: 49, name: 'West Virginia', region: 'South' },\\r\\n { id: 50, name: 'Wisconsin', region: 'Midwest' },\\r\\n { id: 51, name: 'Wyoming', region: 'West' }\\r\\n ];\\r\\n}\\r\\n\";","export default \"
Model: {{selected | json}}\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-item-template',\\r\\n templateUrl: './item-template.html'\\r\\n})\\r\\nexport class DemoTypeaheadItemTemplateComponent {\\r\\n selected: string;\\r\\n states: string[] = [\\r\\n 'Alabama',\\r\\n 'Alaska',\\r\\n 'Arizona',\\r\\n 'Arkansas',\\r\\n 'California',\\r\\n 'Colorado',\\r\\n 'Connecticut',\\r\\n 'Delaware',\\r\\n 'Florida',\\r\\n 'Georgia',\\r\\n 'Hawaii',\\r\\n 'Idaho',\\r\\n 'Illinois',\\r\\n 'Indiana',\\r\\n 'Iowa',\\r\\n 'Kansas',\\r\\n 'Kentucky',\\r\\n 'Louisiana',\\r\\n 'Maine',\\r\\n 'Maryland',\\r\\n 'Massachusetts',\\r\\n 'Michigan',\\r\\n 'Minnesota',\\r\\n 'Mississippi',\\r\\n 'Missouri',\\r\\n 'Montana',\\r\\n 'Nebraska',\\r\\n 'Nevada',\\r\\n 'New Hampshire',\\r\\n 'New Jersey',\\r\\n 'New Mexico',\\r\\n 'New York',\\r\\n 'North Dakota',\\r\\n 'North Carolina',\\r\\n 'Ohio',\\r\\n 'Oklahoma',\\r\\n 'Oregon',\\r\\n 'Pennsylvania',\\r\\n 'Rhode Island',\\r\\n 'South Carolina',\\r\\n 'South Dakota',\\r\\n 'Tennessee',\\r\\n 'Texas',\\r\\n 'Utah',\\r\\n 'Vermont',\\r\\n 'Virginia',\\r\\n 'Washington',\\r\\n 'West Virginia',\\r\\n 'Wisconsin',\\r\\n 'Wyoming'\\r\\n ];\\r\\n}\\r\\n\";","export default \"
Model: {{selected | json}}\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-latinize',\\r\\n templateUrl: './latinize.html'\\r\\n})\\r\\nexport class DemoTypeaheadLatinizeComponent {\\r\\n selected: string;\\r\\n frenchWords: string[] = [\\r\\n 'popularisé',\\r\\n 'français',\\r\\n 'intéressé',\\r\\n 'générateur',\\r\\n 'répandue',\\r\\n 'répétition',\\r\\n 'súper'\\r\\n ];\\r\\n}\\r\\n\";","export default \"
Model: {{selected | json}}\\r\\n\\r\\n\\r\\n
Model: {{selected | json}}\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-min-length',\\r\\n templateUrl: './min-length.html'\\r\\n})\\r\\nexport class DemoTypeaheadMinLengthComponent {\\r\\n selected: string;\\r\\n states: string[] = [\\r\\n 'Alabama',\\r\\n 'Alaska',\\r\\n 'Arizona',\\r\\n 'Arkansas',\\r\\n 'California',\\r\\n 'Colorado',\\r\\n 'Connecticut',\\r\\n 'Delaware',\\r\\n 'Florida',\\r\\n 'Georgia',\\r\\n 'Hawaii',\\r\\n 'Idaho',\\r\\n 'Illinois',\\r\\n 'Indiana',\\r\\n 'Iowa',\\r\\n 'Kansas',\\r\\n 'Kentucky',\\r\\n 'Louisiana',\\r\\n 'Maine',\\r\\n 'Maryland',\\r\\n 'Massachusetts',\\r\\n 'Michigan',\\r\\n 'Minnesota',\\r\\n 'Mississippi',\\r\\n 'Missouri',\\r\\n 'Montana',\\r\\n 'Nebraska',\\r\\n 'Nevada',\\r\\n 'New Hampshire',\\r\\n 'New Jersey',\\r\\n 'New Mexico',\\r\\n 'New York',\\r\\n 'North Dakota',\\r\\n 'North Carolina',\\r\\n 'Ohio',\\r\\n 'Oklahoma',\\r\\n 'Oregon',\\r\\n 'Pennsylvania',\\r\\n 'Rhode Island',\\r\\n 'South Carolina',\\r\\n 'South Dakota',\\r\\n 'Tennessee',\\r\\n 'Texas',\\r\\n 'Utah',\\r\\n 'Vermont',\\r\\n 'Virginia',\\r\\n 'Washington',\\r\\n 'West Virginia',\\r\\n 'Wisconsin',\\r\\n 'Wyoming'\\r\\n ];\\r\\n}\\r\\n\";","export default \"
Model: {{selected | json}}\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-multiple-search',\\r\\n templateUrl: './multiple-search.html'\\r\\n})\\r\\nexport class DemoTypeaheadMultipleSearchComponent {\\r\\n selected: string;\\r\\n states = [\\r\\n 'Alabama',\\r\\n 'Alaska',\\r\\n 'Arizona',\\r\\n 'Arkansas',\\r\\n 'California',\\r\\n 'Colorado',\\r\\n 'Connecticut',\\r\\n 'Delaware',\\r\\n 'Florida',\\r\\n 'Georgia',\\r\\n 'Hawaii',\\r\\n 'Idaho',\\r\\n 'Illinois',\\r\\n 'Indiana',\\r\\n 'Iowa',\\r\\n 'Kansas',\\r\\n 'Kentucky',\\r\\n 'Louisiana',\\r\\n 'Maine',\\r\\n 'Maryland',\\r\\n 'Massachusetts',\\r\\n 'Michigan',\\r\\n 'Minnesota',\\r\\n 'Mississippi',\\r\\n 'Missouri',\\r\\n 'Montana',\\r\\n 'Nebraska',\\r\\n 'Nevada',\\r\\n 'New Hampshire',\\r\\n 'New Jersey',\\r\\n 'New Mexico',\\r\\n 'New York',\\r\\n 'North Dakota',\\r\\n 'North Carolina',\\r\\n 'Ohio',\\r\\n 'Oklahoma',\\r\\n 'Oregon',\\r\\n 'Pennsylvania',\\r\\n 'Rhode Island',\\r\\n 'South Carolina',\\r\\n 'South Dakota',\\r\\n 'Tennessee',\\r\\n 'Texas',\\r\\n 'Utah',\\r\\n 'Vermont',\\r\\n 'Virginia',\\r\\n 'Washington',\\r\\n 'West Virginia',\\r\\n 'Wisconsin',\\r\\n 'Wyoming'\\r\\n ];\\r\\n}\\r\\n\";","export default \"
Model: {{selected | json}}\\r\\n
Model: {{selected | json}}\\r\\n
Option on blur: {{optionOnBlur | json}}\\r\\n\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-on-blur',\\r\\n templateUrl: './on-blur.html'\\r\\n})\\r\\nexport class DemoTypeaheadOnBlurComponent {\\r\\n selected: string;\\r\\n optionOnBlur: any;\\r\\n states: string[] = [\\r\\n 'Alabama',\\r\\n 'Alaska',\\r\\n 'Arizona',\\r\\n 'Arkansas',\\r\\n 'California',\\r\\n 'Colorado',\\r\\n 'Connecticut',\\r\\n 'Delaware',\\r\\n 'Florida',\\r\\n 'Georgia',\\r\\n 'Hawaii',\\r\\n 'Idaho',\\r\\n 'Illinois',\\r\\n 'Indiana',\\r\\n 'Iowa',\\r\\n 'Kansas',\\r\\n 'Kentucky',\\r\\n 'Louisiana',\\r\\n 'Maine',\\r\\n 'Maryland',\\r\\n 'Massachusetts',\\r\\n 'Michigan',\\r\\n 'Minnesota',\\r\\n 'Mississippi',\\r\\n 'Missouri',\\r\\n 'Montana',\\r\\n 'Nebraska',\\r\\n 'Nevada',\\r\\n 'New Hampshire',\\r\\n 'New Jersey',\\r\\n 'New Mexico',\\r\\n 'New York',\\r\\n 'North Dakota',\\r\\n 'North Carolina',\\r\\n 'Ohio',\\r\\n 'Oklahoma',\\r\\n 'Oregon',\\r\\n 'Pennsylvania',\\r\\n 'Rhode Island',\\r\\n 'South Carolina',\\r\\n 'South Dakota',\\r\\n 'Tennessee',\\r\\n 'Texas',\\r\\n 'Utah',\\r\\n 'Vermont',\\r\\n 'Virginia',\\r\\n 'Washington',\\r\\n 'West Virginia',\\r\\n 'Wisconsin',\\r\\n 'Wyoming'\\r\\n ];\\r\\n\\r\\n typeaheadOnBlur(event: any): void {\\r\\n this.optionOnBlur = event.item;\\r\\n }\\r\\n}\\r\\n\";","export default \"
Model: {{selectedValue | json}}\\r\\n
Selected option: {{selectedOption | json}}\\r\\n\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\nimport { TypeaheadMatch } from 'ngx-bootstrap/typeahead/typeahead-match.class';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-on-select',\\r\\n templateUrl: './on-select.html'\\r\\n})\\r\\nexport class DemoTypeaheadOnSelectComponent {\\r\\n selectedValue: string;\\r\\n selectedOption: any;\\r\\n states: any[] = [\\r\\n { id: 1, name: 'Alabama', region: 'South' },\\r\\n { id: 2, name: 'Alaska', region: 'West' },\\r\\n { id: 3, name: 'Arizona', region: 'West' },\\r\\n { id: 4, name: 'Arkansas', region: 'South' },\\r\\n { id: 5, name: 'California', region: 'West' },\\r\\n { id: 6, name: 'Colorado', region: 'West' },\\r\\n { id: 7, name: 'Connecticut', region: 'Northeast' },\\r\\n { id: 8, name: 'Delaware', region: 'South' },\\r\\n { id: 9, name: 'Florida', region: 'South' },\\r\\n { id: 10, name: 'Georgia', region: 'South' },\\r\\n { id: 11, name: 'Hawaii', region: 'West' },\\r\\n { id: 12, name: 'Idaho', region: 'West' },\\r\\n { id: 13, name: 'Illinois', region: 'Midwest' },\\r\\n { id: 14, name: 'Indiana', region: 'Midwest' },\\r\\n { id: 15, name: 'Iowa', region: 'Midwest' },\\r\\n { id: 16, name: 'Kansas', region: 'Midwest' },\\r\\n { id: 17, name: 'Kentucky', region: 'South' },\\r\\n { id: 18, name: 'Louisiana', region: 'South' },\\r\\n { id: 19, name: 'Maine', region: 'Northeast' },\\r\\n { id: 21, name: 'Maryland', region: 'South' },\\r\\n { id: 22, name: 'Massachusetts', region: 'Northeast' },\\r\\n { id: 23, name: 'Michigan', region: 'Midwest' },\\r\\n { id: 24, name: 'Minnesota', region: 'Midwest' },\\r\\n { id: 25, name: 'Mississippi', region: 'South' },\\r\\n { id: 26, name: 'Missouri', region: 'Midwest' },\\r\\n { id: 27, name: 'Montana', region: 'West' },\\r\\n { id: 28, name: 'Nebraska', region: 'Midwest' },\\r\\n { id: 29, name: 'Nevada', region: 'West' },\\r\\n { id: 30, name: 'New Hampshire', region: 'Northeast' },\\r\\n { id: 31, name: 'New Jersey', region: 'Northeast' },\\r\\n { id: 32, name: 'New Mexico', region: 'West' },\\r\\n { id: 33, name: 'New York', region: 'Northeast' },\\r\\n { id: 34, name: 'North Dakota', region: 'Midwest' },\\r\\n { id: 35, name: 'North Carolina', region: 'South' },\\r\\n { id: 36, name: 'Ohio', region: 'Midwest' },\\r\\n { id: 37, name: 'Oklahoma', region: 'South' },\\r\\n { id: 38, name: 'Oregon', region: 'West' },\\r\\n { id: 39, name: 'Pennsylvania', region: 'Northeast' },\\r\\n { id: 40, name: 'Rhode Island', region: 'Northeast' },\\r\\n { id: 41, name: 'South Carolina', region: 'South' },\\r\\n { id: 42, name: 'South Dakota', region: 'Midwest' },\\r\\n { id: 43, name: 'Tennessee', region: 'South' },\\r\\n { id: 44, name: 'Texas', region: 'South' },\\r\\n { id: 45, name: 'Utah', region: 'West' },\\r\\n { id: 46, name: 'Vermont', region: 'Northeast' },\\r\\n { id: 47, name: 'Virginia', region: 'South' },\\r\\n { id: 48, name: 'Washington', region: 'South' },\\r\\n { id: 49, name: 'West Virginia', region: 'South' },\\r\\n { id: 50, name: 'Wisconsin', region: 'Midwest' },\\r\\n { id: 51, name: 'Wyoming', region: 'West' }\\r\\n ];\\r\\n\\r\\n onSelect(event: TypeaheadMatch): void {\\r\\n this.selectedOption = event.item;\\r\\n }\\r\\n}\\r\\n\";","export default \"
Model: {{selected | json}}\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-phrase-delimiters',\\r\\n templateUrl: './phrase-delimiters.html'\\r\\n})\\r\\nexport class DemoTypeaheadPhraseDelimitersComponent {\\r\\n selected: string;\\r\\n states = [\\r\\n 'Alabama',\\r\\n 'Alaska',\\r\\n 'Arizona',\\r\\n 'Arkansas',\\r\\n 'California',\\r\\n 'Colorado',\\r\\n 'Connecticut',\\r\\n 'Delaware',\\r\\n 'Florida',\\r\\n 'Georgia',\\r\\n 'Hawaii',\\r\\n 'Idaho',\\r\\n 'Illinois',\\r\\n 'Indiana',\\r\\n 'Iowa',\\r\\n 'Kansas',\\r\\n 'Kentucky',\\r\\n 'Louisiana',\\r\\n 'Maine',\\r\\n 'Maryland',\\r\\n 'Massachusetts',\\r\\n 'Michigan',\\r\\n 'Minnesota',\\r\\n 'Mississippi',\\r\\n 'Missouri',\\r\\n 'Montana',\\r\\n 'Nebraska',\\r\\n 'Nevada',\\r\\n 'New Hampshire',\\r\\n 'New Jersey',\\r\\n 'New Mexico',\\r\\n 'New York',\\r\\n 'North Dakota',\\r\\n 'North Carolina',\\r\\n 'Ohio',\\r\\n 'Oklahoma',\\r\\n 'Oregon',\\r\\n 'Pennsylvania',\\r\\n 'Rhode Island',\\r\\n 'South Carolina',\\r\\n 'South Dakota',\\r\\n 'Tennessee',\\r\\n 'Texas',\\r\\n 'Utah',\\r\\n 'Vermont',\\r\\n 'Virginia',\\r\\n 'Washington',\\r\\n 'West Virginia',\\r\\n 'Wisconsin',\\r\\n 'Wyoming'\\r\\n ];\\r\\n}\\r\\n\";","export default \"
Model: {{myForm.value.state | json}}\\r\\n\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\nimport { FormControl, FormGroup } from '@angular/forms';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-reactive-form',\\r\\n templateUrl: './reactive-form.html'\\r\\n})\\r\\nexport class DemoTypeaheadReactiveFormComponent {\\r\\n stateCtrl = new FormControl();\\r\\n\\r\\n myForm = new FormGroup({\\r\\n state: this.stateCtrl\\r\\n });\\r\\n\\r\\n states = [\\r\\n 'Alabama',\\r\\n 'Alaska',\\r\\n 'Arizona',\\r\\n 'Arkansas',\\r\\n 'California',\\r\\n 'Colorado',\\r\\n 'Connecticut',\\r\\n 'Delaware',\\r\\n 'Florida',\\r\\n 'Georgia',\\r\\n 'Hawaii',\\r\\n 'Idaho',\\r\\n 'Illinois',\\r\\n 'Indiana',\\r\\n 'Iowa',\\r\\n 'Kansas',\\r\\n 'Kentucky',\\r\\n 'Louisiana',\\r\\n 'Maine',\\r\\n 'Maryland',\\r\\n 'Massachusetts',\\r\\n 'Michigan',\\r\\n 'Minnesota',\\r\\n 'Mississippi',\\r\\n 'Missouri',\\r\\n 'Montana',\\r\\n 'Nebraska',\\r\\n 'Nevada',\\r\\n 'New Hampshire',\\r\\n 'New Jersey',\\r\\n 'New Mexico',\\r\\n 'New York',\\r\\n 'North Dakota',\\r\\n 'North Carolina',\\r\\n 'Ohio',\\r\\n 'Oklahoma',\\r\\n 'Oregon',\\r\\n 'Pennsylvania',\\r\\n 'Rhode Island',\\r\\n 'South Carolina',\\r\\n 'South Dakota',\\r\\n 'Tennessee',\\r\\n 'Texas',\\r\\n 'Utah',\\r\\n 'Vermont',\\r\\n 'Virginia',\\r\\n 'Washington',\\r\\n 'West Virginia',\\r\\n 'Wisconsin',\\r\\n 'Wyoming'\\r\\n ];\\r\\n}\\r\\n\";","export default \"
Model: {{selected | json}}\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-scrollable',\\r\\n templateUrl: './scrollable.html'\\r\\n})\\r\\nexport class DemoTypeaheadScrollableComponent {\\r\\n selected: string;\\r\\n states: string[] = [\\r\\n 'Alabama',\\r\\n 'Alaska',\\r\\n 'Arizona',\\r\\n 'Arkansas',\\r\\n 'California',\\r\\n 'Colorado',\\r\\n 'Connecticut',\\r\\n 'Delaware',\\r\\n 'Florida',\\r\\n 'Georgia',\\r\\n 'Hawaii',\\r\\n 'Idaho',\\r\\n 'Illinois',\\r\\n 'Indiana',\\r\\n 'Iowa',\\r\\n 'Kansas',\\r\\n 'Kentucky',\\r\\n 'Louisiana',\\r\\n 'Maine',\\r\\n 'Maryland',\\r\\n 'Massachusetts',\\r\\n 'Michigan',\\r\\n 'Minnesota',\\r\\n 'Mississippi',\\r\\n 'Missouri',\\r\\n 'Montana',\\r\\n 'Nebraska',\\r\\n 'Nevada',\\r\\n 'New Hampshire',\\r\\n 'New Jersey',\\r\\n 'New Mexico',\\r\\n 'New York',\\r\\n 'North Dakota',\\r\\n 'North Carolina',\\r\\n 'Ohio',\\r\\n 'Oklahoma',\\r\\n 'Oregon',\\r\\n 'Pennsylvania',\\r\\n 'Rhode Island',\\r\\n 'South Carolina',\\r\\n 'South Dakota',\\r\\n 'Tennessee',\\r\\n 'Texas',\\r\\n 'Utah',\\r\\n 'Vermont',\\r\\n 'Virginia',\\r\\n 'Washington',\\r\\n 'West Virginia',\\r\\n 'Wisconsin',\\r\\n 'Wyoming'\\r\\n ];\\r\\n}\\r\\n\";","export default \"
Model: {{selected | json}}\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-selected-first-item',\\r\\n templateUrl: './selected-first-item.html'\\r\\n})\\r\\nexport class DemotypeaheadSelectFirstItemComponent {\\r\\n selected: string;\\r\\n states: string[] = [\\r\\n 'Alabama',\\r\\n 'Alaska',\\r\\n 'Arizona',\\r\\n 'Arkansas',\\r\\n 'California',\\r\\n 'Colorado',\\r\\n 'Connecticut',\\r\\n 'Delaware',\\r\\n 'Florida',\\r\\n 'Georgia',\\r\\n 'Hawaii',\\r\\n 'Idaho',\\r\\n 'Illinois',\\r\\n 'Indiana',\\r\\n 'Iowa',\\r\\n 'Kansas',\\r\\n 'Kentucky',\\r\\n 'Louisiana',\\r\\n 'Maine',\\r\\n 'Maryland',\\r\\n 'Massachusetts',\\r\\n 'Michigan',\\r\\n 'Minnesota',\\r\\n 'Mississippi',\\r\\n 'Missouri',\\r\\n 'Montana',\\r\\n 'Nebraska',\\r\\n 'Nevada',\\r\\n 'New Hampshire',\\r\\n 'New Jersey',\\r\\n 'New Mexico',\\r\\n 'New York',\\r\\n 'North Dakota',\\r\\n 'North Carolina',\\r\\n 'Ohio',\\r\\n 'Oklahoma',\\r\\n 'Oregon',\\r\\n 'Pennsylvania',\\r\\n 'Rhode Island',\\r\\n 'South Carolina',\\r\\n 'South Dakota',\\r\\n 'Tennessee',\\r\\n 'Texas',\\r\\n 'Utah',\\r\\n 'Vermont',\\r\\n 'Virginia',\\r\\n 'Washington',\\r\\n 'West Virginia',\\r\\n 'Wisconsin',\\r\\n 'Wyoming'\\r\\n ];\\r\\n}\\r\\n\";","export default \"\\r\\n
\\r\\n typeaheadHideResultsOnBlur: {{typeaheadHideResultsOnBlur}}\\r\\n Model: {{selected | json}}\\r\\n\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-show-on-blur',\\r\\n templateUrl: './show-on-blur.html'\\r\\n})\\r\\nexport class DemoTypeaheadShowOnBlurComponent {\\r\\n typeaheadHideResultsOnBlur = false;\\r\\n selected: string;\\r\\n states = [\\r\\n 'Alabama',\\r\\n 'Alaska',\\r\\n 'Arizona',\\r\\n 'Arkansas',\\r\\n 'California',\\r\\n 'Colorado',\\r\\n 'Connecticut',\\r\\n 'Delaware',\\r\\n 'Florida',\\r\\n 'Georgia',\\r\\n 'Hawaii',\\r\\n 'Idaho',\\r\\n 'Illinois',\\r\\n 'Indiana',\\r\\n 'Iowa',\\r\\n 'Kansas',\\r\\n 'Kentucky',\\r\\n 'Louisiana',\\r\\n 'Maine',\\r\\n 'Maryland',\\r\\n 'Massachusetts',\\r\\n 'Michigan',\\r\\n 'Minnesota',\\r\\n 'Mississippi',\\r\\n 'Missouri',\\r\\n 'Montana',\\r\\n 'Nebraska',\\r\\n 'Nevada',\\r\\n 'New Hampshire',\\r\\n 'New Jersey',\\r\\n 'New Mexico',\\r\\n 'New York',\\r\\n 'North Dakota',\\r\\n 'North Carolina',\\r\\n 'Ohio',\\r\\n 'Oklahoma',\\r\\n 'Oregon',\\r\\n 'Pennsylvania',\\r\\n 'Rhode Island',\\r\\n 'South Carolina',\\r\\n 'South Dakota',\\r\\n 'Tennessee',\\r\\n 'Texas',\\r\\n 'Utah',\\r\\n 'Vermont',\\r\\n 'Virginia',\\r\\n 'Washington',\\r\\n 'West Virginia',\\r\\n 'Wisconsin',\\r\\n 'Wyoming'\\r\\n ];\\r\\n}\\r\\n\";","export default \"\\r\\n
\\r\\n typeaheadSingleWords: {{typeaheadSingleWords}}\\r\\n Model: {{selected | json}}\\r\\n\\r\\n\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n selector: 'demo-typeahead-single-world',\\r\\n templateUrl: './single-world.html'\\r\\n})\\r\\nexport class DemoTypeaheadSingleWorldComponent {\\r\\n typeaheadSingleWords = true;\\r\\n selected: string;\\r\\n states = [\\r\\n 'Alabama',\\r\\n 'Alaska',\\r\\n 'Arizona',\\r\\n 'Arkansas',\\r\\n 'California',\\r\\n 'Colorado',\\r\\n 'Connecticut',\\r\\n 'Delaware',\\r\\n 'Florida',\\r\\n 'Georgia',\\r\\n 'Hawaii',\\r\\n 'Idaho',\\r\\n 'Illinois',\\r\\n 'Indiana',\\r\\n 'Iowa',\\r\\n 'Kansas',\\r\\n 'Kentucky',\\r\\n 'Louisiana',\\r\\n 'Maine',\\r\\n 'Maryland',\\r\\n 'Massachusetts',\\r\\n 'Michigan',\\r\\n 'Minnesota',\\r\\n 'Mississippi',\\r\\n 'Missouri',\\r\\n 'Montana',\\r\\n 'Nebraska',\\r\\n 'Nevada',\\r\\n 'New Hampshire',\\r\\n 'New Jersey',\\r\\n 'New Mexico',\\r\\n 'New York',\\r\\n 'North Dakota',\\r\\n 'North Carolina',\\r\\n 'Ohio',\\r\\n 'Oklahoma',\\r\\n 'Oregon',\\r\\n 'Pennsylvania',\\r\\n 'Rhode Island',\\r\\n 'South Carolina',\\r\\n 'South Dakota',\\r\\n 'Tennessee',\\r\\n 'Texas',\\r\\n 'Utah',\\r\\n 'Vermont',\\r\\n 'Virginia',\\r\\n 'Washington',\\r\\n 'West Virginia',\\r\\n 'Wisconsin',\\r\\n 'Wyoming'\\r\\n ];\\r\\n}\\r\\n\";","export default \"import { BrowserAnimationsModule } from '@angular/platform-browser/animations';\\r\\n\\r\\n// RECOMMENDED\\r\\nimport { TypeaheadModule } from 'ngx-bootstrap/typeahead';\\r\\n// NOT RECOMMENDED (Angular 9 doesn't support this kind of import)\\r\\nimport { TypeaheadModule } from 'ngx-bootstrap';\\r\\n\\r\\n@NgModule({\\r\\n imports: [\\r\\n BrowserAnimationsModule,\\r\\n TypeaheadModule.forRoot(),\\r\\n ...\\r\\n ]\\r\\n})\\r\\nexport class AppModule(){}\\r\\n\";"],"names":[],"sourceRoot":"webpack:///"}