		# History

		## 1.0.1 (2019-10-16)
		* Adds demo/ folder to configure a demo for the Elements site

		## 1.0.0 (2018-06-28)
		@@ -4,0 +7,0 @@ * Update to allow consumer to pass in data object rather than have it retrieved from an endpoint

package.json

		{
		"name": "@springernature/global-autocomplete",
		"version": "1.0.0",
		"version": "1.0.1",
		"license": "MIT",
		"description": "Autocomplete/suggest component",
		"keywords": [],
		"author": "Jon Stevens"
		"author": "Jon Stevens",
		"peerDependencies": {
		"@springernature/global-context": "^5.0.1"
		}
		}

README.md

		@@ -5,58 +5,9 @@ # Autocomplete component

		## Example usage

		# Example usage
		Please see contents of `demo/` folder for sample client JS.

		# JS
		A full handlebars demo is also in the demo folder, but following is the only HTML the
		component actually requires:

		```
		import autoComplete from 'global-autocomplete';

		const onResults = data => {
		// Update UI with results returned from server, e.g.

		const resultsContainer = document.createElement('div');
		resultsContainer.className = 'c-results-container';

		data.forEach(datum => {
		const result = document.createElement('div');
		result.textContent = datum;
		result.tabIndex = "0"; // So you can focus/tab through the results
		result.className = 'c-results-container__result';
		resultsContainer.appendChild(result);
		});
		document.querySelector('[data-component-autocomplete]').insertAdjacentElement('afterend', resultsContainer);
		};

		const onSelect = result => {
		// Update UI with selected result
		}

		const onError = error => {
		// Update UI with error state
		// Optionally call myAutoComplete.disable();
		}

		const args = {
		selector: '[data-component-autocomplete]',
		onSelect: onSelect, // OPTIONAL
		searchError: onError, // OPTIONAL
		endpoint: 'autocomplete?q=', // OPTIONAL: Provide an endpoint if you want the component to request data
		staticResultsData: // OPTIONAL: Provide JSON if you want to fetch data and transform it yourself. If both endpoint and data are supplied, data will be used.
		timeout: 2000, // OPTIONAL: Set a timeout for the fetch request, onError will be called if fetch request timeouts, default is 2000.
		minCars: 1, // OPTIONAL: Minimum characters to be typed before request is sent, default is 0.
		inputDelay: 300, // OPTIONAL: Delay between keypress and request being sent, default is 300.
		headers: { // OPTIONAL
		Accept: 'application/json; version=2'
		},
		resultsContainerSelector: '.c-results-container',
		resultSelector: '.c-results-container__result',
		resultsCallBack: onResults
		};

		const myAutoComplete = autoComplete(args);
		myAutoComplete.enable();
		```

		# HTML
		<input type="text" autocomplete="off" class="c-autocomplete" data-component-autocomplete>

@springernature/global-autocomplete - npm Package Compare versions

Improved metrics

Worsened metrics