new method .destroy(), updated changelog

CHANGELOG.md

@@ -4,6 +4,22 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/) 
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## 0.3.0 - 2017-07-22
+
+### Added
+
+* New method `.destroy()` to unbind all events and restore the input to the previous state.
+
+### Changed
+
+* The escape key not only closes the list of suggestions but also restore the previous value
+* Selected any element on mouseover (#1)
+
+### Fixed
+
+* Fixed scroll behaviour (#2)
+* Switch from `fetch` to `XMLHttpRequest` to fix cors problems in firefox + browsersync (#3)
+
 ## 0.2.0 - 2017-07-03
 
 ### Added

demo/script.js

@@ -1,6 +1,5 @@
-import { Suggestions, Source, AjaxSource, DatalistSource } from '../src';
+import { Suggestions, DatalistSource } from '../src';
 
-//Datalist
 const datalistInput = document.getElementById('input-datalist');
 
 const suggestions = new Suggestions(
@@ -17,3 +16,5 @@ const suggestions = new Suggestions(
 suggestions.on('select', value => {
     console.log(value);
 });
+
+setTimeout(() => suggestions.destroy(), 5000);

src/DatalistSource.js

@@ -4,18 +4,22 @@ import Suggestion from './Suggestion.js';
 import Group from './Group.js';
 
 export default class DatalistSource extends Source {
-    constructor(element, settings = {}) {
-        const listElement = element.ownerDocument.getElementById(
-            element.getAttribute('list')
+    constructor(input, settings = {}) {
+        const listElement = input.ownerDocument.getElementById(
+            input.getAttribute('list')
         );
-        element.removeAttribute('list');
 
         if (!settings.parent) {
             settings.parent = listElement.parentElement;
         }
 
         super(settings);
 
+        this.input = input;
+        this.listId = input.getAttribute('list');
+
+        input.removeAttribute('list');
+
         this.load(getAvailableOptions(listElement));
     }
 
@@ -55,6 +59,11 @@ export default class DatalistSource extends Source {
             this.close();
         }
     }
+
+    destroy() {
+        this.input.setAttribute('list', this.listId);
+        super.destroy();
+    }
 }
 
 function getAvailableOptions(element) {

src/Source.js

@@ -149,4 +149,8 @@ export default class Source {
             }
         });
     }
+
+    destroy() {
+        d.remove(this.element);
+    }
 }

src/index.js

@@ -104,4 +104,9 @@ export class Suggestions {
             this.events[event].forEach(callback => callback.apply(this, args));
         }
     }
+
+    destroy() {
+        d.off('input focus keydown', this.element);
+        this.source.destroy();
+    }
 }