diff --git a/assets/scripts/dist/bundle.js b/assets/scripts/dist/bundle.js
index acbc048..a67f973 100644
--- a/assets/scripts/dist/bundle.js
+++ b/assets/scripts/dist/bundle.js
@@ -1 +1,2 @@
-!function(e){function t(i){if(n[i])return n[i].exports;var s=n[i]={exports:{},id:i,loaded:!1};return e[i].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var n={};return t.m=e,t.c=n,t.p="/assets/scripts/dist/",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0}),t.Choices=void 0;var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),r=n(2),a=n(12),l=i(a),c=n(16),u=n(17),d=t.Choices=function(){function e(){var t=arguments.length<=0||void 0===arguments[0]?"[data-choice]":arguments[0],n=arguments[1];s(this,e);var i=document.createElement("fakeel"),o="querySelector"in document&&"addEventListener"in document&&"classList"in i;o||console.error("init: Your browser doesn'nt support Choices");var a=n||{};if((0,u.isType)("String",t)){var c=document.querySelectorAll(t);if(c.length>1)for(var d=1;d<c.length;d++){var h=c[d];new e(h,n)}}var p={items:[],addItems:!0,removeItems:!0,editItems:!1,maxItems:!1,delimiter:",",allowDuplicates:!0,allowPaste:!0,allowSearch:!0,regexFilter:!1,debug:!1,placeholder:!0,placeholderValue:"",prependValue:!1,appendValue:!1,selectAll:!0,classNames:{containerOuter:"choices",containerInner:"choices__inner",input:"choices__input",inputCloned:"choices__input--cloned",list:"choices__list",listItems:"choices__list--items",listDropdown:"choices__list--dropdown",item:"choices__item",itemSelectable:"choices__item--selectable",itemDisabled:"choices__item--disabled",itemOption:"choices__item--option",group:"choices__group",groupHeading:"choices__heading",activeState:"is-active",disabledState:"is-disabled",hiddenState:"is-hidden",flippedState:"is-flipped",selectedState:"is-selected"},callbackOnInit:function(){},callbackOnRender:function(){},callbackOnRemoveItem:function(){},callbackOnAddItem:function(){}};this.initialised=!1,this.options=(0,u.extend)(p,a||{}),this.store=(0,r.createStore)(l.default),this.passedElement=(0,u.isType)("String",t)?document.querySelector(t):t,this.inputType=null,this.presetItems=[],this.options.items.length?this.presetItems=this.options.items:""!==this.passedElement.value&&(this.presetItems=this.passedElement.value.split(this.options.delimiter)),this.init=this.init.bind(this),this.render=this.render.bind(this),this.destroy=this.destroy.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onClick=this.onClick.bind(this),this.onPaste=this.onPaste.bind(this),this.init()}return o(e,[{key:"isDisabled",value:function(){return!!this.input.disabled}},{key:"isEmpty",value:function(){return 0===this.store.getState().items.length}},{key:"hasSelectedItems",value:function(){var e=this.getItems();return e.some(function(e){return e.selected===!0})}},{key:"handleSelectAll",value:function(){this.options.removeItems&&!this.input.value&&this.options.selectAll&&this.input===document.activeElement&&this.selectAll(this.list.children)}},{key:"handleEnter",value:function(e,t){var n=!0;if(this.options.addItems?this.options.maxItems&&this.options.maxItems<=this.list.children.length?n=!1:this.options.allowDuplicates===!1&&this.passedElement.value&&(n=!e.some(function(e){return e.value===t})):n=!1,n&&"text"===this.passedElement.type){var i=!0;this.options.regexFilter&&(i=this.regexFilter(t)),i&&(this.addItem(t),this.clearInput(this.passedElement))}}},{key:"handleBackspaceKey",value:function(e){if(this.options.removeItems&&e){var t=e[e.length-1],n=e.some(function(e){return e.selected===!0});this.options.editItems&&!n&&t?(this.input.value=t.value,this.removeItem(t)):this.removeAllSelectedItems()}}},{key:"handleClick",value:function(e,t,n){var i=this;this.options.removeItems&&t&&!function(){var s=t.getAttribute("data-choice-id");e.forEach(function(e){e.id!==parseInt(s)||e.selected?n||i.deselectItem(e):i.selectItem(e)})}()}},{key:"onKeyDown",value:function(e){var t=this.getItemsFilteredByActive(),n=this.input===document.activeElement,i=e.ctrlKey||e.metaKey,s=8,o=13,r=65;if(e.target===this.input){if(i&&e.keyCode===r&&this.list&&this.list.children&&this.handleSelectAll(),e.keyCode===o&&e.target.value){var a=this.input.value;this.handleEnter(t,a)}"multipleSelect"===this.inputType&&this.options.allowSearch}n&&(e.keyCode!==s||e.target.value||(this.handleBackspaceKey(t),e.preventDefault()))}},{key:"onClick",value:function(e){var t=this,n=e.shiftKey;if(this.dropdown&&this.toggleDropdown(),this.containerOuter.contains(e.target))if(this.input!==document.activeElement&&this.input.focus(),e.target.hasAttribute("data-choice-item")){var i=this.getItemsFilteredByActive(),s=e.target;this.handleClick(i,s,n)}else e.target.hasAttribute("data-choice-option")&&!function(){var n=t.getOptions(),i=e.target.getAttribute("data-choice-id"),s=n.find(function(e){return e.id===parseInt(i)});s.selected||(t.selectOption(i,!0),t.addItem(s.value,s.label,s.id))}();else this.hasSelectedItems()&&this.deselectAll(),this.dropdown&&this.dropdown.classList.contains(this.options.classNames.activeState)&&this.toggleDropdown()}},{key:"onPaste",value:function(e){this.options.allowPaste||e.preventDefault()}},{key:"onFocus",value:function(e){this.containerOuter.classList.add(this.options.classNames.activeState)}},{key:"onBlur",value:function(e){this.containerOuter.classList.remove(this.options.classNames.activeState)}},{key:"clearInput",value:function(){this.input.value&&(this.input.value="")}},{key:"regexFilter",value:function(e){var t=new RegExp(this.options.regexFilter,"i"),n=t.test(e);return n}},{key:"getItemById",value:function(e){if(!e||!(0,u.isType)("Number",e))return void console.error("getItemById: An id was not given or was not a number");var t=this.getItems(),n=t.find(function(t){return t.id===parseInt(e)}),i=this.list.querySelector("[data-choice-id='"+n.id+"']");return i}},{key:"selectItem",value:function(e){if(e){var t=e.id;this.store.dispatch((0,c.selectItem)(t,!0))}}},{key:"deselectItem",value:function(e){if(e){var t=e.id;this.store.dispatch((0,c.selectItem)(t,!1))}}},{key:"selectAll",value:function(){var e=this,t=this.getItems();t.forEach(function(t){e.selectItem(t)})}},{key:"deselectAll",value:function(){var e=this,t=this.getItems();t.forEach(function(t){e.deselectItem(t)})}},{key:"selectOption",value:function(e){var t=arguments.length<=1||void 0===arguments[1]?!0:arguments[1];e&&this.store.dispatch((0,c.selectOption)(e,t))}},{key:"addItem",value:function(e,t){var n=arguments.length<=2||void 0===arguments[2]?-1:arguments[2],i=arguments.length<=3||void 0===arguments[3]?this.options.callbackOnAddItem:arguments[3];this.options.debug&&console.debug("Add item");var s=e.trim(),o=t||s,r=n||-1;this.options.prependValue&&(s=this.options.prependValue+s.toString()),this.options.appendValue&&(s+=this.options.appendValue.toString());var a=this.store.getState().items.length+1;this.dropdown&&this.dropdown.classList.contains(this.options.classNames.activeState)&&this.toggleDropdown(),i&&((0,u.isType)("Function",i)?i(a,e):console.error("callbackOnAddItem: Callback is not a function")),this.store.dispatch((0,c.addItem)(s,o,a,r))}},{key:"removeItem",value:function(e){var t=arguments.length<=1||void 0===arguments[1]?this.options.callbackOnRemoveItem:arguments[1];if(!e||!(0,u.isType)("Object",e))return void console.error("removeItem: No item object was passed to be removed");var n=e.id,i=e.value,s=e.optionId;t&&((0,u.isType)("Function",t)?t(i):console.error("callbackOnRemoveItem: Callback is not a function")),this.store.dispatch((0,c.removeItem)(n,s))}},{key:"removeItemsByValue",value:function(e){var t=this;e&&(0,u.isType)("String",e)||console.error("removeItemsByValue: No value was passed to be removed");var n=this.getItemsFilteredByActive();n.forEach(function(n){n.value===e&&t.removeItem(n)})}},{key:"removeAllItems",value:function(){var e=this,t=this.getItemsFilteredByActive();t.forEach(function(t){t.active&&e.removeItem(t)})}},{key:"removeAllSelectedItems",value:function(){var e=this,t=this.getItemsFilteredByActive();t.forEach(function(t){t.selected&&t.active&&e.removeItem(t)})}},{key:"showDropdown",value:function(){this.dropdown.classList.add(this.options.classNames.activeState);var e=this.dropdown.getBoundingClientRect();e.top+e.height>=document.body.offsetHeight?this.dropdown.classList.add(this.options.classNames.flippedState):this.dropdown.classList.remove(this.options.classNames.flippedState)}},{key:"hideDropdown",value:function(){var e=this.dropdown.classList.contains(this.options.classNames.flippedState);this.dropdown.classList.remove(this.options.classNames.activeState),e&&this.dropdown.classList.remove(this.options.classNames.flippedState)}},{key:"toggleDropdown",value:function(){if(this.dropdown){var e=this.dropdown.classList.contains(this.options.classNames.activeState);e?this.hideDropdown():this.showDropdown()}}},{key:"addOption",value:function(e){var t=arguments.length<=1||void 0===arguments[1]?-1:arguments[1],n=this.store.getState(),i=n.options.length+1,s=e.value,o=e.innerHTML,r=e.selected;this.store.dispatch((0,c.addOption)(s,o,i,t)),r&&(this.selectOption(i),this.addItem(s,o,i))}},{key:"addGroup",value:function(e,t){this.store.dispatch((0,c.addGroup)(e,t))}},{key:"getItems",value:function(){var e=this.store.getState();return e.items}},{key:"getItemsFilteredByActive",value:function(){var e=this.getItems(),t=e.filter(function(e){return e.active===!0},[]);return t}},{key:"getItemsReducedToValues",value:function(){var e=this.getItems(),t=e.reduce(function(e,t){return e.push(t.value),e},[]);return t}},{key:"getOptions",value:function(){var e=this.store.getState();return e.options}},{key:"getGroups",value:function(){var e=this.store.getState();return e.groups}},{key:"generateTextInput",value:function(){var e=this,t=(0,u.strToEl)('<div class="'+this.options.classNames.containerOuter+'"></div>'),n=(0,u.strToEl)('<div class="'+this.options.classNames.containerInner+'"></div>');this.passedElement.classList.add(this.options.classNames.input,this.options.classNames.hiddenState),this.passedElement.tabIndex="-1",this.passedElement.setAttribute("style","display:none;"),this.passedElement.setAttribute("aria-hidden","true"),(0,u.wrap)(this.passedElement,n),(0,u.wrap)(n,t);var i=(0,u.strToEl)('<ul class="'+this.options.classNames.list+" "+this.options.classNames.listItems+'"></ul>'),s=(0,u.strToEl)('<input type="text" class="'+this.options.classNames.input+" "+this.options.classNames.inputCloned+'">');if(this.options.placeholder){var o=this.options.placeholderValue||this.passedElement.placeholder;o&&(s.placeholder=o,s.style.width=(0,u.getWidthOfInput)(s))}this.options.addItems||(s.disabled=!0,t.classList.add(this.options.classNames.disabledState)),t.appendChild(n),n.appendChild(i),n.appendChild(s),this.containerOuter=t,this.containerInner=n,this.input=s,this.list=i,this.inputType="text",this.presetItems.forEach(function(t){e.addItem(t)})}},{key:"generateMultipleSelectInput",value:function(){var e=this,t=(0,u.strToEl)('<div class="'+this.options.classNames.containerOuter+'"></div>'),n=(0,u.strToEl)('<div class="'+this.options.classNames.containerInner+'"></div>');this.passedElement.classList.add(this.options.classNames.input,this.options.classNames.hiddenState),this.passedElement.tabIndex="-1",this.passedElement.setAttribute("style","display:none;"),this.passedElement.setAttribute("aria-hidden","true"),(0,u.wrap)(this.passedElement,n),(0,u.wrap)(n,t);var i=(0,u.strToEl)('<ul class="'+this.options.classNames.list+" "+this.options.classNames.listItems+'"></ul>'),s=(0,u.strToEl)('<input type="text" class="'+this.options.classNames.input+" "+this.options.classNames.inputCloned+'">'),o=(0,u.strToEl)('<div class="'+this.options.classNames.list+" "+this.options.classNames.listDropdown+'"></div>');this.options.placeholder&&this.options.placeholderValue&&(s.placeholder=this.options.placeholderValue,s.style.width=(0,u.getWidthOfInput)(s)),this.options.addItems||(s.disabled=!0),t.appendChild(n),t.appendChild(o),n.appendChild(i),n.appendChild(s),this.containerOuter=t,this.containerInner=n,this.input=s,this.list=i,this.dropdown=o,this.inputType="multipleSelect";var r=Array.from(this.passedElement.getElementsByTagName("OPTGROUP"));if(r.length)r.forEach(function(t,n){var i=Array.from(t.getElementsByTagName("OPTION")),s=n;e.addGroup(t.label,s),i.forEach(function(t){e.addOption(t,s)})});else{var a=Array.from(this.passedElement.options);a.forEach(function(t){e.addOption(t)})}}},{key:"addEventListeners",value:function(){document.addEventListener("keydown",this.onKeyDown),document.addEventListener("click",this.onClick),document.addEventListener("paste",this.onPaste),this.input.addEventListener("focus",this.onFocus),this.input.addEventListener("blur",this.onBlur)}},{key:"removeEventListeners",value:function(){document.removeEventListener("keydown",this.onKeyDown),document.removeEventListener("click",this.onClick),document.removeEventListener("paste",this.onPaste),this.input.removeEventListener("focus",this.onFocus),this.input.removeEventListener("blur",this.onBlur)}},{key:"render",value:function(){var e=this,t=arguments.length<=0||void 0===arguments[0]?this.options.callbackOnRender:arguments[0],n=this.options.classNames,i=this.getItemsFilteredByActive(),s=this.getOptions(),o=this.getGroups();this.dropdown&&!function(){e.dropdown.innerHTML="";var t=document.createDocumentFragment();if(o.length)o.forEach(function(e){var i=(0,u.strToEl)('\n                        <div class="'+n.group+" "+(e.disabled?n.itemDisabled:"")+'" data-choice-value="'+e.value+'" data-choice-group-id="'+e.id+'">\n                            <div class="'+n.groupHeading+'">'+e.value+"</div>\n                        </div>\n                    "),o=s.filter(function(t){return t.groupId===e.id});if(o)o.forEach(function(e){var t=(0,u.strToEl)('\n                                <div class="'+n.item+" "+n.itemOption+" "+(e.selected?n.selectedState+" "+n.itemDisabled:n.itemSelectable)+'" data-choice-option data-choice-id="'+e.id+'" data-choice-value="'+e.value+'">\n                                    '+e.label+"\n                                </div>\n                            ");i.appendChild(t)});else{var r=(0,u.strToEl)('<div class="'+n.item+'">No options to select</div>');i.appendChild(r)}t.appendChild(i)});else if(s)s.forEach(function(e){var i=(0,u.strToEl)('\n                            <div class="'+n.item+" "+n.itemOption+" "+(e.selected?n.selectedState+" "+n.itemDisabled:n.itemSelectable)+'" data-choice-option data-choice-id="'+e.id+'" data-choice-value="'+e.value+'">\n                                '+e.label+"\n                            </div>\n                        ");t.appendChild(i)});else{var i=(0,u.strToEl)('<div class="'+n.item+'">No options to select</div>');t.appendChild(i)}e.dropdown.appendChild(t)}(),i&&!function(){var t=e.getItemsReducedToValues();e.passedElement.value=t.join(e.options.delimiter),e.list.innerHTML="";var s=document.createDocumentFragment();i.forEach(function(t){var i=(0,u.strToEl)('\n                    <li class="'+n.item+" "+(e.options.removeItems?n.itemSelectable:"")+" "+(t.selected?n.selectedState:"")+'" data-choice-item data-choice-id="'+t.id+'" data-choice-selected="'+t.selected+'">\n                        '+t.label+"\n                    </li>\n                ");s.appendChild(i)}),e.list.appendChild(s)}(),t&&((0,u.isType)("Function",t)?t(i,s,o):console.error("callbackOnRender: Callback is not a function"))}},{key:"renderInput",value:function(e){switch(this.options.debug&&console.debug("Render"),e.type){case"text":this.generateTextInput();break;case"select-one":break;case"select-multiple":this.generateMultipleSelectInput();break;default:console.error("renderInput: Input type is not supported")}}},{key:"init",value:function(){var e=arguments.length<=0||void 0===arguments[0]?this.options.callbackOnInit:arguments[0];this.initialised=!0,this.renderInput(this.passedElement),this.store.subscribe(this.render),this.render(),this.addEventListeners(),e&&((0,u.isType)("Function",e)?e():console.error("callbackOnInit: Callback is not a function"))}},{key:"destroy",value:function(){this.options=null,this.passedElement=null,this.initialised=null}}]),e}();document.addEventListener("DOMContentLoaded",function(){var e=document.getElementById("choices-1"),t=(new d(e,{delimiter:" ",editItems:!0,maxItems:5}),new d("#choices-2",{allowPaste:!1,allowDuplicates:!1,editItems:!0}),new d("#choices-3",{allowDuplicates:!1,editItems:!0,regexFilter:/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/}),new d("#choices-4",{addItems:!1,removeItems:!1}),new d("#choices-5",{prependValue:"item-",appendValue:"-"+Date.now()}));t.removeAllItems();var n=new d("#choices-6",{items:["josh@joshuajohnson.co.uk","joe@bloggs.co.uk"],callbackOnRender:function(e,t,n){console.log(e)}});new d("#choices-7",{}),new d("[data-choice]",{placeholderValue:"This is a placeholder set in the config"});n.addItem("josh2@joshuajohnson.co.uk",null,null,function(){console.log("Custom add item callback")}),n.removeItemsByValue("josh@joshuajohnson.co.uk"),console.log(n.getItemById(3))})},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.compose=t.applyMiddleware=t.bindActionCreators=t.combineReducers=t.createStore=void 0;var s=n(3),o=i(s),r=n(7),a=i(r),l=n(9),c=i(l),u=n(10),d=i(u),h=n(11),p=i(h),f=n(8);i(f);t.createStore=o.default,t.combineReducers=a.default,t.bindActionCreators=c.default,t.applyMiddleware=d.default,t.compose=p.default},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function s(e,t,n){function i(){f===p&&(f=p.slice())}function o(){return h}function l(e){if("function"!=typeof e)throw new Error("Expected listener to be a function.");var t=!0;return i(),f.push(e),function(){if(t){t=!1,i();var n=f.indexOf(e);f.splice(n,1)}}}function c(e){if(!(0,r.default)(e))throw new Error("Actions must be plain objects. Use custom middleware for async actions.");if("undefined"==typeof e.type)throw new Error('Actions may not have an undefined "type" property. Have you misspelled a constant?');if(v)throw new Error("Reducers may not dispatch actions.");try{v=!0,h=d(h,e)}finally{v=!1}for(var t=p=f,n=0;n<t.length;n++)t[n]();return e}function u(e){if("function"!=typeof e)throw new Error("Expected the nextReducer to be a function.");d=e,c({type:a.INIT})}if("function"==typeof t&&"undefined"==typeof n&&(n=t,t=void 0),"undefined"!=typeof n){if("function"!=typeof n)throw new Error("Expected the enhancer to be a function.");return n(s)(e,t)}if("function"!=typeof e)throw new Error("Expected the reducer to be a function.");var d=e,h=t,p=[],f=p,v=!1;return c({type:a.INIT}),{dispatch:c,subscribe:l,getState:o,replaceReducer:u}}t.__esModule=!0,t.ActionTypes=void 0,t.default=s;var o=n(4),r=i(o),a=t.ActionTypes={INIT:"@@redux/INIT"}},function(e,t,n){function i(e){if(!o(e)||u.call(e)!=r||s(e))return!1;var t=d(e);if(null===t)return!0;var n=t.constructor;return"function"==typeof n&&n instanceof n&&l.call(n)==c}var s=n(5),o=n(6),r="[object Object]",a=Object.prototype,l=Function.prototype.toString,c=l.call(Object),u=a.toString,d=Object.getPrototypeOf;e.exports=i},function(e,t){function n(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(n){}return t}e.exports=n},function(e,t){function n(e){return!!e&&"object"==typeof e}e.exports=n},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function s(e,t){var n=t&&t.type,i=n&&'"'+n.toString()+'"'||"an action";return'Reducer "'+e+'" returned undefined handling '+i+". To ignore an action, you must explicitly return the previous state."}function o(e){Object.keys(e).forEach(function(t){var n=e[t],i=n(void 0,{type:a.ActionTypes.INIT});if("undefined"==typeof i)throw new Error('Reducer "'+t+'" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined.');var s="@@redux/PROBE_UNKNOWN_ACTION_"+Math.random().toString(36).substring(7).split("").join(".");if("undefined"==typeof n(void 0,{type:s}))throw new Error('Reducer "'+t+'" returned undefined when probed with a random type. '+("Don't try to handle "+a.ActionTypes.INIT+' or other actions in "redux/*" ')+"namespace. They are considered private. Instead, you must return the current state for any unknown actions, unless it is undefined, in which case you must return the initial state, regardless of the action type. The initial state may not be undefined.")})}function r(e){for(var t=Object.keys(e),n={},i=0;i<t.length;i++){var r=t[i];"function"==typeof e[r]&&(n[r]=e[r])}var a,l=Object.keys(n);try{o(n)}catch(c){a=c}return function(){var e=arguments.length<=0||void 0===arguments[0]?{}:arguments[0],t=arguments[1];if(a)throw a;for(var i=!1,o={},r=0;r<l.length;r++){var c=l[r],u=n[c],d=e[c],h=u(d,t);if("undefined"==typeof h){var p=s(c,t);throw new Error(p)}o[c]=h,i=i||h!==d}return i?o:e}}t.__esModule=!0,t.default=r;var a=n(3),l=n(4),c=(i(l),n(8));i(c)},function(e,t){"use strict";function n(e){"undefined"!=typeof console&&"function"==typeof console.error&&console.error(e);try{throw new Error(e)}catch(t){}}t.__esModule=!0,t.default=n},function(e,t){"use strict";function n(e,t){return function(){return t(e.apply(void 0,arguments))}}function i(e,t){if("function"==typeof e)return n(e,t);if("object"!=typeof e||null===e)throw new Error("bindActionCreators expected an object or a function, instead received "+(null===e?"null":typeof e)+'. Did you write "import ActionCreators from" instead of "import * as ActionCreators from"?');for(var i=Object.keys(e),s={},o=0;o<i.length;o++){var r=i[o],a=e[r];"function"==typeof a&&(s[r]=n(a,t))}return s}t.__esModule=!0,t.default=i},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function s(){for(var e=arguments.length,t=Array(e),n=0;e>n;n++)t[n]=arguments[n];return function(e){return function(n,i,s){var r=e(n,i,s),l=r.dispatch,c=[],u={getState:r.getState,dispatch:function(e){return l(e)}};return c=t.map(function(e){return e(u)}),l=a.default.apply(void 0,c)(r.dispatch),o({},r,{dispatch:l})}}}var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e};t.__esModule=!0,t.default=s;var r=n(11),a=i(r)},function(e,t){"use strict";function n(){for(var e=arguments.length,t=Array(e),n=0;e>n;n++)t[n]=arguments[n];return function(){if(0===t.length)return arguments.length<=0?void 0:arguments[0];var e=t[t.length-1],n=t.slice(0,-1);return n.reduceRight(function(e,t){return t(e)},e.apply(void 0,arguments))}}t.__esModule=!0,t.default=n},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var s=n(2),o=n(13),r=i(o),a=n(14),l=i(a),c=n(15),u=i(c),d=(0,s.combineReducers)({items:r.default,groups:l.default,options:u.default});t.default=d},function(e,t){"use strict";function n(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){var e=arguments.length<=0||void 0===arguments[0]?[]:arguments[0],t=arguments[1];switch(t.type){case"ADD_ITEM":var i=[].concat(n(e),[{id:t.id,optionId:t.optionId,value:t.value,label:t.label,active:!0,selected:!1}]);return i.map(function(e){return e.selected&&(e.selected=!1),e});case"REMOVE_ITEM":return e.map(function(e){return e.id===t.id&&(e.active=!1),e});case"SELECT_ITEM":return e.map(function(e){return e.id===t.id&&(e.selected=t.selected),e});default:return e}};t.default=i},function(e,t){"use strict";function n(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){var e=arguments.length<=0||void 0===arguments[0]?[]:arguments[0],t=arguments[1];switch(t.type){case"ADD_GROUP":return[].concat(n(e),[{id:t.id,value:t.value,disabled:!1}]);default:return e}};t.default=i},function(e,t){"use strict";function n(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){var e=arguments.length<=0||void 0===arguments[0]?[]:arguments[0],t=arguments[1];switch(t.type){case"ADD_OPTION":return[].concat(n(e),[{id:t.id,groupId:t.groupId,value:t.value,label:t.label,disabled:!1,selected:!1}]);case"SELECT_OPTION":return e.map(function(e){return e.id===parseInt(t.id)&&(e.selected=t.selected),e});case"REMOVE_ITEM":return t.optionId>-1?e.map(function(e){return e.id===parseInt(t.optionId)&&(e.selected=t.selected),e}):e;default:return e}};t.default=i},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.addItem=function(e,t,n,i){return{type:"ADD_ITEM",value:e,label:t,id:n,optionId:i}},t.removeItem=function(e,t){return{type:"REMOVE_ITEM",id:e,optionId:t}},t.selectItem=function(e,t){return{type:"SELECT_ITEM",id:e,selected:t}},t.addOption=function(e,t,n,i){return{type:"ADD_OPTION",value:e,label:t,id:n,groupId:i}},t.selectOption=function(e,t){return{type:"SELECT_OPTION",id:e,selected:t}},t.addGroup=function(e,t){return{type:"ADD_GROUP",value:e,id:t}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=(t.hasClass=function(e,t){return new RegExp(" "+t+" ").test(" "+e.className+" ")},t.capitalise=function(e){return e.replace(/\w\S*/g,function(e){return e.charAt(0).toUpperCase()+e.substr(1).toLowerCase()})},t.isType=function(e,t){var n=Object.prototype.toString.call(t).slice(8,-1);return void 0!==t&&null!==t&&n===e}),i=(t.extend=function o(){for(var e={},t=!1,i=arguments.length,s=function(i){for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(t&&n("Object",i[s])?e[s]=o(!0,e[s],i[s]):e[s]=i[s])},r=0;i>r;r++){var a=arguments[r];n("Object",a)?s(a):console.error("Custom options must be an object")}return e},t.whichTransitionEvent=function(){var e,t=document.createElement("fakeelement"),n={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(e in n)if(void 0!==t.style[e])return n[e]},t.whichAnimationEvent=function(){var e,t=document.createElement("fakeelement"),n={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"animationend",WebkitAnimation:"webkitAnimationEnd"};for(e in n)if(void 0!==t.style[e])return n[e]}),s=(t.getParentsUntil=function(e,t,n){for(var i=[];e&&e!==document;e=e.parentNode){if(t){var s=t.charAt(0);if("."===s&&e.classList.contains(t.substr(1)))break;if("#"===s&&e.id===t.substr(1))break;if("["===s&&e.hasAttribute(t.substr(1,t.length-1)))break;if(e.tagName.toLowerCase()===t)break}if(n){var o=n.charAt(0);"."===o&&e.classList.contains(n.substr(1))&&i.push(e),"#"===o&&e.id===n.substr(1)&&i.push(e),"["===o&&e.hasAttribute(n.substr(1,n.length-1))&&i.push(e),e.tagName.toLowerCase()===n&&i.push(e)}else i.push(e)}return 0===i.length?null:i},t.wrap=function(e,t){return t=t||document.createElement("div"),e.nextSibling?e.parentNode.insertBefore(t,e.nextSibling):e.parentNode.appendChild(t),t.appendChild(e)},t.getSiblings=function(e){for(var t=[],n=e.parentNode.firstChild;n;n=n.nextSibling)1===n.nodeType&&n!==e&&t.push(n);return t},t.findAncestor=function(e,t){for(;(e=e.parentElement)&&!e.classList.contains(t););return e},t.debounce=function(e,t,n){var i;return function(){var s=this,o=arguments,r=function(){i=null,n||e.apply(s,o)},a=n&&!i;clearTimeout(i),i=setTimeout(r,t),a&&e.apply(s,o)}},t.getElemDistance=function(e){var t=0;if(e.offsetParent)do t+=e.offsetTop,e=e.offsetParent;while(e);return t>=0?t:0},t.getElementOffset=function(e,t){var n=t;return n>1&&(n=1),n>0&&(n=0),Math.max(e.offsetHeight*n)},t.getScrollPosition=function(e){return"bottom"===e?Math.max((window.scrollY||window.pageYOffset)+(window.innerHeight||document.documentElement.clientHeight)):window.scrollY||window.pageYOffset},t.isInView=function(e,t,n){return this.getScrollPosition(t)>this.getElemDistance(e)+this.getElementOffset(e,n)},t.stripHTML=function(e){var t=document.createElement("DIV");return t.innerHTML=e,t.textContent||t.innerText||""},t.addAnimation=function(e,t){var n=i(),s=function o(){e.classList.remove(t),e.removeEventListener(n,o,!1)};e.classList.add(t),e.addEventListener(n,s,!1)},t.getRandomNumber=function(e,t){return Math.floor(Math.random()*(t-e)+e)},t.strToEl=function(){var e=document.createElement("div");return function(t){var n;for(e.innerHTML=t,n=e.children[0];e.firstChild;)e.removeChild(e.firstChild);return n}}());t.getWidthOfInput=function(e){var t=arguments.length<=1||void 0===arguments[1]?20:arguments[1],n=e.value||e.placeholder,i=e.offsetWidth;if(n){var o=s('<span class="offscreen">'+n+"</span>");o.style.position="absolute",o.style.top="-9999px",o.style.left="-9999px",o.style.padding="0",o.style.width="auto",document.body.appendChild(o),o.offsetWidth>t&&o.offsetWidth!=e.offsetWidth&&(i=o.offsetWidth+t/4),document.body.removeChild(o)}return i+"px"}}]);
\ No newline at end of file
+!function(e){function t(i){if(n[i])return n[i].exports;var s=n[i]={exports:{},id:i,loaded:!1};return e[i].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var n={};return t.m=e,t.c=n,t.p="/assets/scripts/dist/",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0}),t.Choices=void 0;var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),r=n(2),a=n(13),c=i(a),l=n(17),u=n(18),d=n(19),p=i(d),h=t.Choices=function(){function e(){var t=arguments.length<=0||void 0===arguments[0]?"[data-choice]":arguments[0],n=arguments[1];s(this,e);var i=document.createElement("fakeel"),o="querySelector"in document&&"addEventListener"in document&&"classList"in i;o||console.error("init: Your browser doesn'nt support Choices");var a=n||{};if((0,u.isType)("String",t)){var l=document.querySelectorAll(t);if(l.length>1)for(var d=1;d<l.length;d++){var p=l[d];new e(p,n)}}var h={items:[],addItems:!0,removeItems:!0,editItems:!1,maxItems:!1,delimiter:",",allowDuplicates:!0,allowPaste:!0,allowSearch:!0,regexFilter:!1,debug:!1,placeholder:!0,placeholderValue:"",prependValue:!1,appendValue:!1,selectAll:!0,classNames:{containerOuter:"choices",containerInner:"choices__inner",input:"choices__input",inputCloned:"choices__input--cloned",list:"choices__list",listItems:"choices__list--items",listDropdown:"choices__list--dropdown",item:"choices__item",itemSelectable:"choices__item--selectable",itemDisabled:"choices__item--disabled",itemOption:"choices__item--option",group:"choices__group",groupHeading:"choices__heading",activeState:"is-active",disabledState:"is-disabled",hiddenState:"is-hidden",flippedState:"is-flipped",selectedState:"is-selected"},callbackOnInit:function(){},callbackOnRender:function(){},callbackOnRemoveItem:function(){},callbackOnAddItem:function(){}};this.initialised=!1,this.options=(0,u.extend)(h,a||{}),this.store=(0,r.createStore)(c.default),this.passedElement=(0,u.isType)("String",t)?document.querySelector(t):t,this.inputType=null,this.presetItems=[],this.options.items.length?this.presetItems=this.options.items:""!==this.passedElement.value&&(this.presetItems=this.passedElement.value.split(this.options.delimiter)),this.init=this.init.bind(this),this.render=this.render.bind(this),this.destroy=this.destroy.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this),this.onKeyUp=this.onKeyUp.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onClick=this.onClick.bind(this),this.onPaste=this.onPaste.bind(this),this.init()}return o(e,[{key:"isDisabled",value:function(){return!!this.input.disabled}},{key:"isEmpty",value:function(){return 0===this.store.getState().items.length}},{key:"hasSelectedItems",value:function(){var e=this.getItems();return e.some(function(e){return e.selected===!0})}},{key:"handleSelectAll",value:function(){this.options.removeItems&&!this.input.value&&this.options.selectAll&&this.input===document.activeElement&&this.selectAll(this.list.children)}},{key:"handleEnter",value:function(e,t){var n=!0;if(this.options.addItems?this.options.maxItems&&this.options.maxItems<=this.list.children.length?n=!1:this.options.allowDuplicates===!1&&this.passedElement.value&&(n=!e.some(function(e){return e.value===t})):n=!1,n&&"text"===this.passedElement.type){var i=!0;this.options.regexFilter&&(i=this.regexFilter(t)),i&&(this.addItem(t),this.clearInput(this.passedElement))}}},{key:"handleBackspaceKey",value:function(e){if(this.options.removeItems&&e){var t=e[e.length-1],n=e.some(function(e){return e.selected===!0});this.options.editItems&&!n&&t?(this.input.value=t.value,this.removeItem(t)):(this.selectItem(t),this.removeAllSelectedItems())}}},{key:"handleClick",value:function(e,t,n){var i=this;this.options.removeItems&&t&&!function(){var s=t.getAttribute("data-choice-id");e.forEach(function(e){e.id!==parseInt(s)||e.selected?n||i.deselectItem(e):i.selectItem(e)})}()}},{key:"onKeyDown",value:function(e){var t=this.getItemsFilteredByActive(),n=this.input===document.activeElement,i=e.ctrlKey||e.metaKey,s=8,o=13,r=65;if(e.target===this.input&&(i&&e.keyCode===r&&this.list&&this.list.children&&this.handleSelectAll(),e.keyCode===o&&e.target.value)){var a=this.input.value;this.handleEnter(t,a)}n&&(e.keyCode!==s||e.target.value||(this.handleBackspaceKey(t),e.preventDefault()))}},{key:"onKeyUp",value:function(e){var t=this;if(e.target===this.input&&"multipleSelect"===this.inputType&&this.options.allowSearch)if(this.input.value){var n=(0,u.debounce)(function(){var e=t.getOptionsFiltedBySelectable(),n=new p.default(e),i=n.search(t.input.value,{fields:["label","value"],sort:[{field:"value",direction:"asc"}],limit:10});t.store.dispatch((0,l.filterOptions)(i))},100);n()}else this.store.dispatch((0,l.activateOptions)())}},{key:"onClick",value:function(e){var t=this,n=e.shiftKey;if("multipleSelect"===this.inputType&&this.toggleDropdown(),this.containerOuter.contains(e.target))if(this.input!==document.activeElement&&this.input.focus(),e.target.hasAttribute("data-choice-item")){var i=this.getItemsFilteredByActive(),s=e.target;this.handleClick(i,s,n)}else e.target.hasAttribute("data-choice-option")&&!function(){var n=t.getOptionsFilteredByActive(),i=e.target.getAttribute("data-choice-id"),s=n.find(function(e){return e.id===parseInt(i)});s.selected||(t.selectOption(i,!0),t.addItem(s.value,s.label,s.id))}();else this.hasSelectedItems()&&this.deselectAll(),"multipleSelect"===this.inputType&&this.dropdown.classList.contains(this.options.classNames.activeState)&&this.toggleDropdown()}},{key:"onPaste",value:function(e){this.options.allowPaste||e.preventDefault()}},{key:"onFocus",value:function(e){this.containerOuter.classList.add(this.options.classNames.activeState)}},{key:"onBlur",value:function(e){this.containerOuter.classList.remove(this.options.classNames.activeState)}},{key:"clearInput",value:function(){this.input.value&&(this.input.value="")}},{key:"regexFilter",value:function(e){var t=new RegExp(this.options.regexFilter,"i"),n=t.test(e);return n}},{key:"getItemById",value:function(e){if(!e||!(0,u.isType)("Number",e))return void console.error("getItemById: An id was not given or was not a number");var t=this.getItems(),n=t.find(function(t){return t.id===parseInt(e)}),i=this.list.querySelector("[data-choice-id='"+n.id+"']");return i}},{key:"selectItem",value:function(e){if(e){var t=e.id;this.store.dispatch((0,l.selectItem)(t,!0))}}},{key:"deselectItem",value:function(e){if(e){var t=e.id;this.store.dispatch((0,l.selectItem)(t,!1))}}},{key:"selectAll",value:function(){var e=this,t=this.getItems();t.forEach(function(t){e.selectItem(t)})}},{key:"deselectAll",value:function(){var e=this,t=this.getItems();t.forEach(function(t){e.deselectItem(t)})}},{key:"selectOption",value:function(e){var t=arguments.length<=1||void 0===arguments[1]?!0:arguments[1];e&&(this.input.value="",this.store.dispatch((0,l.selectOption)(e,t)))}},{key:"addItem",value:function(e,t){var n=arguments.length<=2||void 0===arguments[2]?-1:arguments[2],i=arguments.length<=3||void 0===arguments[3]?this.options.callbackOnAddItem:arguments[3];this.options.debug&&console.debug("Add item");var s=e.trim(),o=t||s,r=n||-1;this.options.prependValue&&(s=this.options.prependValue+s.toString()),this.options.appendValue&&(s+=this.options.appendValue.toString());var a=this.store.getState().items.length+1;"multipleSelect"===this.inputType&&this.dropdown.classList.contains(this.options.classNames.activeState)&&this.toggleDropdown(),i&&((0,u.isType)("Function",i)?i(a,e):console.error("callbackOnAddItem: Callback is not a function")),this.store.dispatch((0,l.addItem)(s,o,a,r))}},{key:"removeItem",value:function(e){var t=arguments.length<=1||void 0===arguments[1]?this.options.callbackOnRemoveItem:arguments[1];if(!e||!(0,u.isType)("Object",e))return void console.error("removeItem: No item object was passed to be removed");var n=e.id,i=e.value,s=e.optionId;t&&((0,u.isType)("Function",t)?t(i):console.error("callbackOnRemoveItem: Callback is not a function")),this.store.dispatch((0,l.removeItem)(n,s))}},{key:"removeItemsByValue",value:function(e){var t=this;e&&(0,u.isType)("String",e)||console.error("removeItemsByValue: No value was passed to be removed");var n=this.getItemsFilteredByActive();n.forEach(function(n){n.value===e&&t.removeItem(n)})}},{key:"removeAllItems",value:function(){var e=this,t=this.getItemsFilteredByActive();t.forEach(function(t){t.active&&e.removeItem(t)})}},{key:"removeAllSelectedItems",value:function(){var e=this,t=this.getItemsFilteredByActive();t.forEach(function(t){t.selected&&t.active&&e.removeItem(t)})}},{key:"showDropdown",value:function(){this.dropdown.classList.add(this.options.classNames.activeState);var e=this.dropdown.getBoundingClientRect();e.top+e.height>=document.body.offsetHeight?this.dropdown.classList.add(this.options.classNames.flippedState):this.dropdown.classList.remove(this.options.classNames.flippedState)}},{key:"hideDropdown",value:function(){var e=this.dropdown.classList.contains(this.options.classNames.flippedState);this.dropdown.classList.remove(this.options.classNames.activeState),e&&this.dropdown.classList.remove(this.options.classNames.flippedState)}},{key:"toggleDropdown",value:function(){if(this.dropdown){var e=this.dropdown.classList.contains(this.options.classNames.activeState);e?this.hideDropdown():this.showDropdown()}}},{key:"addOption",value:function(e){var t=arguments.length<=1||void 0===arguments[1]?-1:arguments[1],n=this.store.getState(),i=n.options.length+1,s=e.value,o=e.innerHTML,r=e.selected;this.store.dispatch((0,l.addOption)(s,o,i,t)),r&&(this.selectOption(i),this.addItem(s,o,i))}},{key:"addGroup",value:function(e,t,n,i){this.store.dispatch((0,l.addGroup)(e,t,n,i))}},{key:"getItems",value:function(){var e=this.store.getState();return e.items}},{key:"getItemsFilteredByActive",value:function(){var e=this.getItems(),t=e.filter(function(e){return e.active===!0},[]);return t}},{key:"getItemsReducedToValues",value:function(){var e=this.getItems(),t=e.reduce(function(e,t){return e.push(t.value),e},[]);return t}},{key:"getOptions",value:function(){var e=this.store.getState();return e.options}},{key:"getOptionsFilteredByActive",value:function(){var e=this.getOptions(),t=e.filter(function(e){return e.active===!0},[]);return t}},{key:"getOptionsFiltedBySelectable",value:function(){var e=this.getOptions(),t=e.filter(function(e){return e.disabled===!1},[]);return t}},{key:"getGroups",value:function(){var e=this.store.getState();return e.groups}},{key:"getGroupsFilteredByActive",value:function(){var e=this.getGroups(),t=e.filter(function(e){return e.active===!0},[]);return console.log(e),t}},{key:"generateTextInput",value:function(){var e=this,t=(0,u.strToEl)('<div class="'+this.options.classNames.containerOuter+'"></div>'),n=(0,u.strToEl)('<div class="'+this.options.classNames.containerInner+'"></div>');this.passedElement.classList.add(this.options.classNames.input,this.options.classNames.hiddenState),this.passedElement.tabIndex="-1",this.passedElement.setAttribute("style","display:none;"),this.passedElement.setAttribute("aria-hidden","true"),(0,u.wrap)(this.passedElement,n),(0,u.wrap)(n,t);var i=(0,u.strToEl)('<ul class="'+this.options.classNames.list+" "+this.options.classNames.listItems+'"></ul>'),s=(0,u.strToEl)('<input type="text" class="'+this.options.classNames.input+" "+this.options.classNames.inputCloned+'">');if(this.options.placeholder){var o=this.options.placeholderValue||this.passedElement.placeholder;o&&(s.placeholder=o,s.style.width=(0,u.getWidthOfInput)(s))}this.options.addItems||(s.disabled=!0,t.classList.add(this.options.classNames.disabledState)),t.appendChild(n),n.appendChild(i),n.appendChild(s),this.containerOuter=t,this.containerInner=n,this.input=s,this.list=i,this.inputType="text",this.presetItems.forEach(function(t){e.addItem(t)})}},{key:"generateMultipleSelectInput",value:function(){var e=this,t=(0,u.strToEl)('<div class="'+this.options.classNames.containerOuter+'"></div>'),n=(0,u.strToEl)('<div class="'+this.options.classNames.containerInner+'"></div>');this.passedElement.classList.add(this.options.classNames.input,this.options.classNames.hiddenState),this.passedElement.tabIndex="-1",this.passedElement.setAttribute("style","display:none;"),this.passedElement.setAttribute("aria-hidden","true"),(0,u.wrap)(this.passedElement,n),(0,u.wrap)(n,t);var i=(0,u.strToEl)('<ul class="'+this.options.classNames.list+" "+this.options.classNames.listItems+'"></ul>'),s=(0,u.strToEl)('<input type="text" class="'+this.options.classNames.input+" "+this.options.classNames.inputCloned+'">'),o=(0,u.strToEl)('<div class="'+this.options.classNames.list+" "+this.options.classNames.listDropdown+'"></div>');this.options.placeholder&&this.options.placeholderValue&&(s.placeholder=this.options.placeholderValue,s.style.width=(0,u.getWidthOfInput)(s)),this.options.addItems||(s.disabled=!0),t.appendChild(n),t.appendChild(o),n.appendChild(i),n.appendChild(s),this.containerOuter=t,this.containerInner=n,this.input=s,this.list=i,this.dropdown=o,this.inputType="multipleSelect";var r=Array.from(this.passedElement.getElementsByTagName("OPTGROUP"));if(r.length)r.forEach(function(t,n){var i=Array.from(t.getElementsByTagName("OPTION")),s=n;i?(e.addGroup(t.label,s,!0,t.disabled),i.forEach(function(t){e.addOption(t,s)})):e.addGroup(t.label,s,!1,t.disabled)});else{var a=Array.from(this.passedElement.options);a.forEach(function(t){e.addOption(t)})}}},{key:"addEventListeners",value:function(){document.addEventListener("keyup",this.onKeyUp),document.addEventListener("keydown",this.onKeyDown),document.addEventListener("click",this.onClick),document.addEventListener("paste",this.onPaste),this.input.addEventListener("focus",this.onFocus),this.input.addEventListener("blur",this.onBlur)}},{key:"removeEventListeners",value:function(){document.removeEventListener("keyup",this.onKeyUp),document.removeEventListener("keydown",this.onKeyDown),document.removeEventListener("click",this.onClick),document.removeEventListener("paste",this.onPaste),this.input.removeEventListener("focus",this.onFocus),this.input.removeEventListener("blur",this.onBlur)}},{key:"render",value:function(){var e=this,t=arguments.length<=0||void 0===arguments[0]?this.options.callbackOnRender:arguments[0],n=this.options.classNames,i=this.getItemsFilteredByActive(),s=this.getOptionsFilteredByActive(),o=this.getGroupsFilteredByActive();"multipleSelect"===this.inputType&&!function(){e.dropdown.innerHTML="";var t=document.createDocumentFragment();if(o.length>=1)o.forEach(function(e){var i=s.filter(function(t){return t.groupId===e.id});i.length>=1&&!function(){var s=(0,u.strToEl)('\n                            <div class="'+n.group+" "+(e.disabled?n.itemDisabled:"")+'" data-choice-value="'+e.value+'" data-choice-group-id="'+e.id+'">\n                                <div class="'+n.groupHeading+'">'+e.value+"</div>\n                            </div>\n                        ");i.forEach(function(e){var t=(0,u.strToEl)('\n                                <div class="'+n.item+" "+n.itemOption+" "+(e.selected?n.selectedState+" "+n.itemDisabled:n.itemSelectable)+'" data-choice-option data-choice-id="'+e.id+'" data-choice-value="'+e.value+'">\n                                    '+e.label+"\n                                </div>\n                            ");s.appendChild(t)}),t.appendChild(s)}()});else if(s.length>=1)s.forEach(function(e){var i=(0,u.strToEl)('\n                        <div class="'+n.item+" "+n.itemOption+" "+(e.selected?n.selectedState+" "+n.itemDisabled:n.itemSelectable)+'" data-choice-option data-choice-id="'+e.id+'" data-choice-value="'+e.value+'">\n                            '+e.label+"\n                        </div>\n                    ");t.appendChild(i)});else{var i=(0,u.strToEl)('<div class="'+n.item+'">No options to select</div>');t.appendChild(i)}e.dropdown.appendChild(t)}(),i&&!function(){var t=e.getItemsReducedToValues();e.passedElement.value=t.join(e.options.delimiter),e.list.innerHTML="";var s=document.createDocumentFragment();i.forEach(function(t){var i=(0,u.strToEl)('\n                    <li class="'+n.item+" "+(e.options.removeItems?n.itemSelectable:"")+" "+(t.selected?n.selectedState:"")+'" data-choice-item data-choice-id="'+t.id+'" data-choice-selected="'+t.selected+'">\n                        '+t.label+"\n                    </li>\n                ");s.appendChild(i)}),e.list.appendChild(s)}(),t&&((0,u.isType)("Function",t)?t(i,s,o):console.error("callbackOnRender: Callback is not a function"))}},{key:"renderInput",value:function(e){switch(this.options.debug&&console.debug("Render"),e.type){case"text":this.generateTextInput();break;case"select-one":break;case"select-multiple":this.generateMultipleSelectInput();break;default:console.error("renderInput: Input type is not supported")}}},{key:"init",value:function(){var e=arguments.length<=0||void 0===arguments[0]?this.options.callbackOnInit:arguments[0];this.initialised=!0,this.renderInput(this.passedElement),this.store.subscribe(this.render),this.render(),this.addEventListeners(),e&&((0,u.isType)("Function",e)?e():console.error("callbackOnInit: Callback is not a function"))}},{key:"destroy",value:function(){this.options=null,this.passedElement=null,this.initialised=null}}]),e}();document.addEventListener("DOMContentLoaded",function(){var e=document.getElementById("choices-1"),t=(new h(e,{delimiter:" ",editItems:!0,maxItems:5}),new h("#choices-2",{allowPaste:!1,allowDuplicates:!1,editItems:!0}),new h("#choices-3",{allowDuplicates:!1,editItems:!0,regexFilter:/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/}),new h("#choices-4",{addItems:!1,removeItems:!1}),new h("#choices-5",{prependValue:"item-",appendValue:"-"+Date.now()}));t.removeAllItems();new h("#choices-6",{items:["josh@joshuajohnson.co.uk","joe@bloggs.co.uk"]}),new h("#choices-7",{}),new h("[data-choice]",{placeholderValue:"This is a placeholder set in the config"})})},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.compose=t.applyMiddleware=t.bindActionCreators=t.combineReducers=t.createStore=void 0;var s=n(3),o=i(s),r=n(8),a=i(r),c=n(10),l=i(c),u=n(11),d=i(u),p=n(12),h=i(p),f=n(9);i(f);t.createStore=o.default,t.combineReducers=a.default,t.bindActionCreators=l.default,t.applyMiddleware=d.default,t.compose=h.default},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function s(e,t,n){function i(){f===h&&(f=h.slice())}function o(){return p}function c(e){if("function"!=typeof e)throw new Error("Expected listener to be a function.");var t=!0;return i(),f.push(e),function(){if(t){t=!1,i();var n=f.indexOf(e);f.splice(n,1)}}}function l(e){if(!(0,r.default)(e))throw new Error("Actions must be plain objects. Use custom middleware for async actions.");if("undefined"==typeof e.type)throw new Error('Actions may not have an undefined "type" property. Have you misspelled a constant?');if(v)throw new Error("Reducers may not dispatch actions.");try{v=!0,p=d(p,e)}finally{v=!1}for(var t=h=f,n=0;n<t.length;n++)t[n]();return e}function u(e){if("function"!=typeof e)throw new Error("Expected the nextReducer to be a function.");d=e,l({type:a.INIT})}if("function"==typeof t&&"undefined"==typeof n&&(n=t,t=void 0),"undefined"!=typeof n){if("function"!=typeof n)throw new Error("Expected the enhancer to be a function.");return n(s)(e,t)}if("function"!=typeof e)throw new Error("Expected the reducer to be a function.");var d=e,p=t,h=[],f=h,v=!1;return l({type:a.INIT}),{dispatch:l,subscribe:c,getState:o,replaceReducer:u}}t.__esModule=!0,t.ActionTypes=void 0,t.default=s;var o=n(4),r=i(o),a=t.ActionTypes={INIT:"@@redux/INIT"}},function(e,t,n){function i(e){if(!r(e)||p.call(e)!=a||o(e))return!1;var t=s(e);if(null===t)return!0;var n=u.call(t,"constructor")&&t.constructor;return"function"==typeof n&&n instanceof n&&l.call(n)==d}var s=n(5),o=n(6),r=n(7),a="[object Object]",c=Object.prototype,l=Function.prototype.toString,u=c.hasOwnProperty,d=l.call(Object),p=c.toString;e.exports=i},function(e,t){function n(e){return i(Object(e))}var i=Object.getPrototypeOf;e.exports=n},function(e,t){function n(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(n){}return t}e.exports=n},function(e,t){function n(e){return!!e&&"object"==typeof e}e.exports=n},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function s(e,t){var n=t&&t.type,i=n&&'"'+n.toString()+'"'||"an action";return'Reducer "'+e+'" returned undefined handling '+i+". To ignore an action, you must explicitly return the previous state."}function o(e){Object.keys(e).forEach(function(t){var n=e[t],i=n(void 0,{type:a.ActionTypes.INIT});if("undefined"==typeof i)throw new Error('Reducer "'+t+'" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined.');var s="@@redux/PROBE_UNKNOWN_ACTION_"+Math.random().toString(36).substring(7).split("").join(".");if("undefined"==typeof n(void 0,{type:s}))throw new Error('Reducer "'+t+'" returned undefined when probed with a random type. '+("Don't try to handle "+a.ActionTypes.INIT+' or other actions in "redux/*" ')+"namespace. They are considered private. Instead, you must return the current state for any unknown actions, unless it is undefined, in which case you must return the initial state, regardless of the action type. The initial state may not be undefined.")})}function r(e){for(var t=Object.keys(e),n={},i=0;i<t.length;i++){var r=t[i];"function"==typeof e[r]&&(n[r]=e[r])}var a,c=Object.keys(n);try{o(n)}catch(l){a=l}return function(){var e=arguments.length<=0||void 0===arguments[0]?{}:arguments[0],t=arguments[1];if(a)throw a;for(var i=!1,o={},r=0;r<c.length;r++){var l=c[r],u=n[l],d=e[l],p=u(d,t);if("undefined"==typeof p){var h=s(l,t);throw new Error(h)}o[l]=p,i=i||p!==d}return i?o:e}}t.__esModule=!0,t.default=r;var a=n(3),c=n(4),l=(i(c),n(9));i(l)},function(e,t){"use strict";function n(e){"undefined"!=typeof console&&"function"==typeof console.error&&console.error(e);try{throw new Error(e)}catch(t){}}t.__esModule=!0,t.default=n},function(e,t){"use strict";function n(e,t){return function(){return t(e.apply(void 0,arguments))}}function i(e,t){if("function"==typeof e)return n(e,t);if("object"!=typeof e||null===e)throw new Error("bindActionCreators expected an object or a function, instead received "+(null===e?"null":typeof e)+'. Did you write "import ActionCreators from" instead of "import * as ActionCreators from"?');for(var i=Object.keys(e),s={},o=0;o<i.length;o++){var r=i[o],a=e[r];"function"==typeof a&&(s[r]=n(a,t))}return s}t.__esModule=!0,t.default=i},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function s(){for(var e=arguments.length,t=Array(e),n=0;e>n;n++)t[n]=arguments[n];return function(e){return function(n,i,s){var r=e(n,i,s),c=r.dispatch,l=[],u={getState:r.getState,dispatch:function(e){return c(e)}};return l=t.map(function(e){return e(u)}),c=a.default.apply(void 0,l)(r.dispatch),o({},r,{dispatch:c})}}}var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e};t.__esModule=!0,t.default=s;var r=n(12),a=i(r)},function(e,t){"use strict";function n(){for(var e=arguments.length,t=Array(e),n=0;e>n;n++)t[n]=arguments[n];return function(){if(0===t.length)return arguments.length<=0?void 0:arguments[0];var e=t[t.length-1],n=t.slice(0,-1);return n.reduceRight(function(e,t){return t(e)},e.apply(void 0,arguments))}}t.__esModule=!0,t.default=n},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var s=n(2),o=n(14),r=i(o),a=n(15),c=i(a),l=n(16),u=i(l),d=(0,s.combineReducers)({items:r.default,groups:c.default,options:u.default});t.default=d},function(e,t){"use strict";function n(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){var e=arguments.length<=0||void 0===arguments[0]?[]:arguments[0],t=arguments[1];switch(t.type){case"ADD_ITEM":var i=[].concat(n(e),[{id:t.id,optionId:t.optionId,value:t.value,label:t.label,active:!0,selected:!1}]);return i.map(function(e){return e.selected&&(e.selected=!1),e});case"REMOVE_ITEM":return e.map(function(e){return e.id===t.id&&(e.active=!1),e});case"SELECT_ITEM":return e.map(function(e){return e.id===t.id&&(e.selected=t.selected),e});default:return e}};t.default=i},function(e,t){"use strict";function n(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){var e=arguments.length<=0||void 0===arguments[0]?[]:arguments[0],t=arguments[1];switch(t.type){case"ADD_GROUP":return[].concat(n(e),[{id:t.id,value:t.value,active:t.active,disabled:t.disabled}]);default:return e}};t.default=i},function(e,t){"use strict";function n(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){var e=arguments.length<=0||void 0===arguments[0]?[]:arguments[0],t=arguments[1];switch(t.type){case"ADD_OPTION":return[].concat(n(e),[{id:t.id,groupId:t.groupId,value:t.value,label:t.label,disabled:!1,selected:!1,active:!0}]);case"SELECT_OPTION":return e.map(function(e){return e.id===parseInt(t.id)&&(e.selected=t.selected),e});case"FILTER_OPTIONS":var i=t.results.items,s=e.map(function(e,t){return e.active=i.some(function(e){return e.id===t}),e});return s;case"ACTIVATE_OPTIONS":return e.map(function(e){return e.active=t.active,e});default:return e}};t.default=i},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.addItem=function(e,t,n,i){return{type:"ADD_ITEM",value:e,label:t,id:n,optionId:i}},t.removeItem=function(e,t){return{type:"REMOVE_ITEM",id:e,optionId:t}},t.selectItem=function(e,t){return{type:"SELECT_ITEM",id:e,selected:t}},t.addOption=function(e,t,n,i){return{type:"ADD_OPTION",value:e,label:t,id:n,groupId:i}},t.selectOption=function(e,t){return{type:"SELECT_OPTION",id:e,selected:t}},t.filterOptions=function(e){return{type:"FILTER_OPTIONS",results:e}},t.activateOptions=function(){var e=arguments.length<=0||void 0===arguments[0]?!0:arguments[0];return{type:"ACTIVATE_OPTIONS",active:e}},t.addGroup=function(e,t,n,i){return{type:"ADD_GROUP",value:e,id:t,active:n,disabled:i}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=(t.hasClass=function(e,t){return new RegExp(" "+t+" ").test(" "+e.className+" ")},t.capitalise=function(e){return e.replace(/\w\S*/g,function(e){return e.charAt(0).toUpperCase()+e.substr(1).toLowerCase()})},t.isType=function(e,t){var n=Object.prototype.toString.call(t).slice(8,-1);return void 0!==t&&null!==t&&n===e}),i=(t.extend=function o(){for(var e={},t=!1,i=arguments.length,s=function(i){for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(t&&n("Object",i[s])?e[s]=o(!0,e[s],i[s]):e[s]=i[s])},r=0;i>r;r++){var a=arguments[r];n("Object",a)?s(a):console.error("Custom options must be an object")}return e},t.whichTransitionEvent=function(){var e,t=document.createElement("fakeelement"),n={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(e in n)if(void 0!==t.style[e])return n[e]},t.whichAnimationEvent=function(){var e,t=document.createElement("fakeelement"),n={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"animationend",WebkitAnimation:"webkitAnimationEnd"};for(e in n)if(void 0!==t.style[e])return n[e]}),s=(t.getParentsUntil=function(e,t,n){for(var i=[];e&&e!==document;e=e.parentNode){if(t){var s=t.charAt(0);if("."===s&&e.classList.contains(t.substr(1)))break;if("#"===s&&e.id===t.substr(1))break;if("["===s&&e.hasAttribute(t.substr(1,t.length-1)))break;if(e.tagName.toLowerCase()===t)break}if(n){var o=n.charAt(0);"."===o&&e.classList.contains(n.substr(1))&&i.push(e),"#"===o&&e.id===n.substr(1)&&i.push(e),"["===o&&e.hasAttribute(n.substr(1,n.length-1))&&i.push(e),e.tagName.toLowerCase()===n&&i.push(e)}else i.push(e)}return 0===i.length?null:i},t.wrap=function(e,t){return t=t||document.createElement("div"),e.nextSibling?e.parentNode.insertBefore(t,e.nextSibling):e.parentNode.appendChild(t),t.appendChild(e)},t.getSiblings=function(e){for(var t=[],n=e.parentNode.firstChild;n;n=n.nextSibling)1===n.nodeType&&n!==e&&t.push(n);return t},t.findAncestor=function(e,t){for(;(e=e.parentElement)&&!e.classList.contains(t););return e},t.debounce=function(e,t,n){var i;return function(){var s=this,o=arguments,r=function(){i=null,n||e.apply(s,o)},a=n&&!i;clearTimeout(i),i=setTimeout(r,t),a&&e.apply(s,o)}},t.getElemDistance=function(e){var t=0;if(e.offsetParent)do t+=e.offsetTop,e=e.offsetParent;while(e);return t>=0?t:0},t.getElementOffset=function(e,t){var n=t;return n>1&&(n=1),n>0&&(n=0),Math.max(e.offsetHeight*n)},t.getScrollPosition=function(e){return"bottom"===e?Math.max((window.scrollY||window.pageYOffset)+(window.innerHeight||document.documentElement.clientHeight)):window.scrollY||window.pageYOffset},t.isInView=function(e,t,n){return this.getScrollPosition(t)>this.getElemDistance(e)+this.getElementOffset(e,n)},t.stripHTML=function(e){var t=document.createElement("DIV");return t.innerHTML=e,t.textContent||t.innerText||""},t.addAnimation=function(e,t){var n=i(),s=function o(){e.classList.remove(t),e.removeEventListener(n,o,!1)};e.classList.add(t),e.addEventListener(n,s,!1)},t.getRandomNumber=function(e,t){return Math.floor(Math.random()*(t-e)+e)},t.strToEl=function(){var e=document.createElement("div");return function(t){var n;for(e.innerHTML=t,n=e.children[0];e.firstChild;)e.removeChild(e.firstChild);return n}}());t.getWidthOfInput=function(e){var t=arguments.length<=1||void 0===arguments[1]?20:arguments[1],n=e.value||e.placeholder,i=e.offsetWidth;if(n){var o=s('<span class="offscreen">'+n+"</span>");o.style.position="absolute",o.style.top="-9999px",o.style.left="-9999px",o.style.padding="0",o.style.width="auto",document.body.appendChild(o),o.offsetWidth>t&&o.offsetWidth!=e.offsetWidth&&(i=o.offsetWidth+t/4),document.body.removeChild(o)}return i+"px"}},function(e,t,n){var i,s;!function(o,r){i=r,s="function"==typeof i?i.call(t,n,t,e):i,!(void 0!==s&&(e.exports=s))}(this,function(){var e=function(e,t){this.items=e,this.settings=t||{diacritics:!0}};e.prototype.tokenize=function(e){if(e=i(String(e||"").toLowerCase()),!e||!e.length)return[];var t,n,o,a,c=[],l=e.split(/ +/);for(t=0,n=l.length;n>t;t++){if(o=s(l[t]),this.settings.diacritics)for(a in r)r.hasOwnProperty(a)&&(o=o.replace(new RegExp(a,"g"),r[a]));c.push({string:l[t],regex:new RegExp(o,"i")})}return c},e.prototype.iterator=function(e,t){var n;n=o(e)?Array.prototype.forEach||function(e){for(var t=0,n=this.length;n>t;t++)e(this[t],t,this)}:function(e){for(var t in this)this.hasOwnProperty(t)&&e(this[t],t,this)},n.apply(e,[t])},e.prototype.getScoreFunction=function(e,t){var n,i,s,o;n=this,e=n.prepareSearch(e,t),s=e.tokens,i=e.options.fields,o=s.length;var r=function(e,t){var n,i;return e?(e=String(e||""),i=e.search(t.regex),-1===i?0:(n=t.string.length/e.length,0===i&&(n+=.5),n)):0},a=function(){var e=i.length;return e?1===e?function(e,t){return r(t[i[0]],e)}:function(t,n){for(var s=0,o=0;e>s;s++)o+=r(n[i[s]],t);return o/e}:function(){return 0;
+}}();return o?1===o?function(e){return a(s[0],e)}:"and"===e.options.conjunction?function(e){for(var t,n=0,i=0;o>n;n++){if(t=a(s[n],e),0>=t)return 0;i+=t}return i/o}:function(e){for(var t=0,n=0;o>t;t++)n+=a(s[t],e);return n/o}:function(){return 0}},e.prototype.getSortFunction=function(e,n){var i,s,o,r,a,c,l,u,d,p,h;if(o=this,e=o.prepareSearch(e,n),h=!e.query&&n.sort_empty||n.sort,d=function(e,t){return"$score"===e?t.score:o.items[t.id][e]},a=[],h)for(i=0,s=h.length;s>i;i++)(e.query||"$score"!==h[i].field)&&a.push(h[i]);if(e.query){for(p=!0,i=0,s=a.length;s>i;i++)if("$score"===a[i].field){p=!1;break}p&&a.unshift({field:"$score",direction:"desc"})}else for(i=0,s=a.length;s>i;i++)if("$score"===a[i].field){a.splice(i,1);break}for(u=[],i=0,s=a.length;s>i;i++)u.push("desc"===a[i].direction?-1:1);return c=a.length,c?1===c?(r=a[0].field,l=u[0],function(e,n){return l*t(d(r,e),d(r,n))}):function(e,n){var i,s,o;for(i=0;c>i;i++)if(o=a[i].field,s=u[i]*t(d(o,e),d(o,n)))return s;return 0}:null},e.prototype.prepareSearch=function(e,t){if("object"==typeof e)return e;t=n({},t);var i=t.fields,s=t.sort,r=t.sort_empty;return i&&!o(i)&&(t.fields=[i]),s&&!o(s)&&(t.sort=[s]),r&&!o(r)&&(t.sort_empty=[r]),{options:t,query:String(e||"").toLowerCase(),tokens:this.tokenize(e),total:0,items:[]}},e.prototype.search=function(e,t){var n,i,s,o,r=this;return i=this.prepareSearch(e,t),t=i.options,e=i.query,o=t.score||r.getScoreFunction(i),e.length?r.iterator(r.items,function(e,s){n=o(e),(t.filter===!1||n>0)&&i.items.push({score:n,id:s})}):r.iterator(r.items,function(e,t){i.items.push({score:1,id:t})}),s=r.getSortFunction(i,t),s&&i.items.sort(s),i.total=i.items.length,"number"==typeof t.limit&&(i.items=i.items.slice(0,t.limit)),i};var t=function(e,t){return"number"==typeof e&&"number"==typeof t?e>t?1:t>e?-1:0:(e=a(String(e||"")),t=a(String(t||"")),e>t?1:t>e?-1:0)},n=function(e,t){var n,i,s,o;for(n=1,i=arguments.length;i>n;n++)if(o=arguments[n])for(s in o)o.hasOwnProperty(s)&&(e[s]=o[s]);return e},i=function(e){return(e+"").replace(/^\s+|\s+$|/g,"")},s=function(e){return(e+"").replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1")},o=Array.isArray||"undefined"!=typeof $&&$.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)},r={a:"[aÀÁÂÃÄÅàáâãäåĀāąĄ]",c:"[cÇçćĆčČ]",d:"[dđĐďĎð]",e:"[eÈÉÊËèéêëěĚĒēęĘ]",i:"[iÌÍÎÏìíîïĪī]",l:"[lłŁ]",n:"[nÑñňŇńŃ]",o:"[oÒÓÔÕÕÖØòóôõöøŌō]",r:"[rřŘ]",s:"[sŠšśŚ]",t:"[tťŤ]",u:"[uÙÚÛÜùúûüůŮŪū]",y:"[yŸÿýÝ]",z:"[zŽžżŻźŹ]"},a=function(){var e,t,n,i,s="",o={};for(n in r)if(r.hasOwnProperty(n))for(i=r[n].substring(2,r[n].length-1),s+=i,e=0,t=i.length;t>e;e++)o[i.charAt(e)]=n;var a=new RegExp("["+s+"]","g");return function(e){return e.replace(a,function(e){return o[e]}).toLowerCase()}}();return e})}]);
\ No newline at end of file
diff --git a/assets/scripts/src/actions/index.js b/assets/scripts/src/actions/index.js
index 1e6a341..71e4490 100644
--- a/assets/scripts/src/actions/index.js
+++ b/assets/scripts/src/actions/index.js
@@ -42,10 +42,26 @@ export const selectOption = (id, selected) => {
     }
 };
 
-export const addGroup = (value, id) => {
+export const filterOptions = (results) => {
+    return {
+        type: 'FILTER_OPTIONS',
+        results,
+    }
+};
+
+export const activateOptions = (active = true) => {
+    return {
+        type: 'ACTIVATE_OPTIONS',
+        active,
+    }
+};
+
+export const addGroup = (value, id, active, disabled) => {
     return {
         type: 'ADD_GROUP',
         value,
         id,
+        active,
+        disabled,
     }
 };
\ No newline at end of file
diff --git a/assets/scripts/src/choices.js b/assets/scripts/src/choices.js
index c7ed21b..d6ad38f 100644
--- a/assets/scripts/src/choices.js
+++ b/assets/scripts/src/choices.js
@@ -2,9 +2,9 @@
 
 import { createStore } from 'redux';
 import rootReducer from './reducers/index.js';
-import { addItem, removeItem, selectItem, addOption, selectOption, addGroup } from './actions/index';
-import { hasClass, wrap, getSiblings, isType, strToEl, extend, getWidthOfInput } from './lib/utils.js';
-
+import { addItem, removeItem, selectItem, addOption, selectOption, filterOptions, activateOptions, addGroup } from './actions/index';
+import { hasClass, wrap, getSiblings, isType, strToEl, extend, getWidthOfInput, debounce } from './lib/utils.js';
+import Sifter from 'sifter';
 
 /**
  * Choices
@@ -111,6 +111,7 @@ export class Choices {
 
         this.onFocus = this.onFocus.bind(this);
         this.onBlur = this.onBlur.bind(this);
+        this.onKeyUp = this.onKeyUp.bind(this);
         this.onKeyDown = this.onKeyDown.bind(this);
         this.onClick = this.onClick.bind(this);
         this.onPaste = this.onPaste.bind(this);
@@ -204,6 +205,7 @@ export class Choices {
                 this.input.value = lastItem.value;
                 this.removeItem(lastItem);
             } else {
+                this.selectItem(lastItem);
                 this.removeAllSelectedItems();
             }
         }
@@ -253,10 +255,6 @@ export class Choices {
                 const value = this.input.value;
                 this.handleEnter(activeItems, value);
             }
-
-            if(this.inputType === 'multipleSelect' && this.options.allowSearch) {
-                // Do search 
-            }
         }
 
         if(inputIsFocussed) {
@@ -268,6 +266,32 @@ export class Choices {
         }
     }
 
+    onKeyUp(e) {
+        if(e.target === this.input) {
+            if(this.inputType === 'multipleSelect' && this.options.allowSearch) {
+                if(this.input.value) {
+                    // If we have a value, filter options based on it 
+                    const handleFilter = debounce(() => {
+                        const options = this.getOptionsFiltedBySelectable();
+                        const sifter = new Sifter(options);
+                        const results = sifter.search(this.input.value, {
+                            fields: ['label', 'value'],
+                            sort: [{field: 'value', direction: 'asc'}],
+                            limit: 10
+                        });
+                        this.store.dispatch(filterOptions(results));
+                    }, 100)
+                    
+                    handleFilter();
+                } else {
+                    // Otherwise reset options to active
+                    this.store.dispatch(activateOptions());
+                }
+            }
+            
+        }
+    }
+
 
     /** 
      * Handle click event 
@@ -277,7 +301,7 @@ export class Choices {
     onClick(e) {
         const shiftKey = e.shiftKey;
 
-        if(this.dropdown) {
+        if(this.inputType === 'multipleSelect') {
             this.toggleDropdown();
         }
 
@@ -296,7 +320,7 @@ export class Choices {
 
             } else if(e.target.hasAttribute('data-choice-option')) {
                 // If we are clicking on an option
-                const options = this.getOptions();
+                const options = this.getOptionsFilteredByActive();
                 const id = e.target.getAttribute('data-choice-id');
                 const option = options.find((option) => {
                     return option.id === parseInt(id);
@@ -314,7 +338,7 @@ export class Choices {
                 this.deselectAll();
             }
             // If there is a dropdown and it is active
-            if(this.dropdown && this.dropdown.classList.contains(this.options.classNames.activeState)) {
+            if(this.inputType === 'multipleSelect' && this.dropdown.classList.contains(this.options.classNames.activeState)) {
                 this.toggleDropdown();
             }
         }
@@ -421,6 +445,7 @@ export class Choices {
 
     selectOption(id, value = true) {
         if(!id) return;
+        this.input.value = '';
         this.store.dispatch(selectOption(id, value));
     }
 
@@ -449,7 +474,7 @@ export class Choices {
         const id = this.store.getState().items.length + 1;
 
         // Close dropdown
-        if(this.dropdown && this.dropdown.classList.contains(this.options.classNames.activeState)) {
+        if(this.inputType === 'multipleSelect' && this.dropdown.classList.contains(this.options.classNames.activeState)) {
             this.toggleDropdown();    
         }
 
@@ -579,8 +604,8 @@ export class Choices {
         }
     }
 
-    addGroup(value, id) {
-        this.store.dispatch(addGroup(value, id));
+    addGroup(value, id, active, disabled) {
+        this.store.dispatch(addGroup(value, id, active, disabled));
     }
 
     /* Getters */
@@ -632,10 +657,39 @@ export class Choices {
         return state.options;
     }
 
+    getOptionsFilteredByActive() {
+        const options = this.getOptions();
+        const valueArray = options.filter((option) => {
+            return option.active === true;
+        },[]);
+
+        return valueArray;
+    }
+
+    getOptionsFiltedBySelectable() {
+        const options = this.getOptions();
+        const valueArray = options.filter((option) => {
+            return option.disabled === false;
+        },[]);
+
+        return valueArray;
+    }
+
     getGroups() {
         const state = this.store.getState();
         return state.groups;
     }
+
+    getGroupsFilteredByActive() {
+        const groups = this.getGroups();
+        const valueArray = groups.filter((group) => {
+            return group.active === true;
+        },[]);
+
+        console.log(groups);
+
+        return valueArray;
+    }
     
     /* Rendering */
 
@@ -745,13 +799,16 @@ export class Choices {
             passedGroups.forEach((group, index) => {
                 const groupOptions = Array.from(group.getElementsByTagName('OPTION'));
                 const groupId = index;
-            
-                this.addGroup(group.label, groupId);
 
-                groupOptions.forEach((option) => {
-                    this.addOption(option, groupId);
-                });
-                
+                if(groupOptions) {
+                    this.addGroup(group.label, groupId, true, group.disabled);
+                    groupOptions.forEach((option) => {
+                        this.addOption(option, groupId);
+                    });
+                } else {
+                    this.addGroup(group.label, groupId, false, group.disabled);
+                }
+            
             });
         } else {
             const passedOptions = Array.from(this.passedElement.options);
@@ -766,6 +823,7 @@ export class Choices {
      * Trigger event listeners
      */
     addEventListeners() {
+        document.addEventListener('keyup', this.onKeyUp);
         document.addEventListener('keydown', this.onKeyDown);
         document.addEventListener('click', this.onClick);
         document.addEventListener('paste', this.onPaste);
@@ -778,6 +836,7 @@ export class Choices {
      * Destroy event listeners
      */
     removeEventListeners() {
+        document.removeEventListener('keyup', this.onKeyUp);
         document.removeEventListener('keydown', this.onKeyDown);
         document.removeEventListener('click', this.onClick);
         document.removeEventListener('paste', this.onPaste);
@@ -793,11 +852,11 @@ export class Choices {
     render(callback = this.options.callbackOnRender) {
         const classNames = this.options.classNames;
         const activeItems = this.getItemsFilteredByActive();
-        const options = this.getOptions();
-        const groups = this.getGroups();
+        const activeOptions = this.getOptionsFilteredByActive();
+        const activeGroups = this.getGroupsFilteredByActive();
 
         // OPTIONS
-        if(this.dropdown) {
+        if(this.inputType === 'multipleSelect') {
             // Clear options
             this.dropdown.innerHTML = '';
 
@@ -805,21 +864,21 @@ export class Choices {
             const optionListFragment = document.createDocumentFragment();
 
             // If we have grouped options
-            if(groups.length) {
-                groups.forEach((group) => {
-                    
-                    const dropdownGroup = strToEl(`
-                        <div class="${ classNames.group } ${ group.disabled ? classNames.itemDisabled : '' }" data-choice-value="${ group.value }" data-choice-group-id="${ group.id }">
-                            <div class="${ classNames.groupHeading }">${ group.value }</div>
-                        </div>
-                    `);
-
-                    const childOptions = options.filter((option) => {
+            if(activeGroups.length >= 1) {
+                activeGroups.forEach((group) => {
+                    const groupOptions = activeOptions.filter((option) => {
                         return option.groupId === group.id;
                     });
 
-                    if(childOptions) {
-                        childOptions.forEach((option) => {
+                    // IF group actually has options within it
+                    if(groupOptions.length >= 1) {
+                        const dropdownGroup = strToEl(`
+                            <div class="${ classNames.group } ${ group.disabled ? classNames.itemDisabled : '' }" data-choice-value="${ group.value }" data-choice-group-id="${ group.id }">
+                                <div class="${ classNames.groupHeading }">${ group.value }</div>
+                            </div>
+                        `);
+
+                        groupOptions.forEach((option) => {
                             const dropdownItem = strToEl(`
                                 <div class="${ classNames.item } ${ classNames.itemOption } ${ option.selected ? classNames.selectedState + ' ' + classNames.itemDisabled : classNames.itemSelectable }" data-choice-option data-choice-id="${ option.id }" data-choice-value="${ option.value }">
                                     ${ option.label }
@@ -828,28 +887,23 @@ export class Choices {
 
                             dropdownGroup.appendChild(dropdownItem);
                         });
-                    } else {
-                        const dropdownItem = strToEl(`<div class="${ classNames.item }">No options to select</div>`);        
-                        dropdownGroup.appendChild(dropdownItem);
-                    }
 
-                    optionListFragment.appendChild(dropdownGroup);
+                        optionListFragment.appendChild(dropdownGroup);
+                    } 
+                });
+            } else if(activeOptions.length >= 1) {
+                activeOptions.forEach((option) => {
+                    const dropdownItem = strToEl(`
+                        <div class="${ classNames.item } ${ classNames.itemOption } ${ option.selected ? classNames.selectedState + ' ' + classNames.itemDisabled : classNames.itemSelectable }" data-choice-option data-choice-id="${ option.id }" data-choice-value="${ option.value }">
+                            ${ option.label }
+                        </div>
+                    `);        
+
+                    optionListFragment.appendChild(dropdownItem);
                 });
             } else {
-                if(options) {
-                    options.forEach((option) => {
-                        const dropdownItem = strToEl(`
-                            <div class="${ classNames.item } ${ classNames.itemOption } ${ option.selected ? classNames.selectedState + ' ' + classNames.itemDisabled : classNames.itemSelectable }" data-choice-option data-choice-id="${ option.id }" data-choice-value="${ option.value }">
-                                ${ option.label }
-                            </div>
-                        `);        
-
-                        optionListFragment.appendChild(dropdownItem);
-                    });
-                } else {
-                    const dropdownItem = strToEl(`<div class="${ classNames.item }">No options to select</div>`);        
-                    optionListFragment.appendChild(dropdownItem);
-                }
+                const dropdownItem = strToEl(`<div class="${ classNames.item }">No options to select</div>`);        
+                optionListFragment.appendChild(dropdownItem);
             }
             
 
@@ -889,7 +943,7 @@ export class Choices {
         // Run callback if it is a function
         if(callback){
             if(isType('Function', callback)) {
-                callback(activeItems, options, groups);
+                callback(activeItems, activeOptions, activeGroups);
             } else {
                 console.error('callbackOnRender: Callback is not a function');
             }
@@ -1004,9 +1058,9 @@ document.addEventListener('DOMContentLoaded', () => {
 
     const choices6 = new Choices('#choices-6', {
         items: ['josh@joshuajohnson.co.uk', 'joe@bloggs.co.uk'],
-        callbackOnRender: function(items, options, groups) {
-            console.log(items);
-        },
+        // callbackOnRender: function(items, options, groups) {
+        //     console.log(items);
+        // },
     });
 
     const choices7 = new Choices('#choices-7', {
@@ -1022,7 +1076,7 @@ document.addEventListener('DOMContentLoaded', () => {
         // },
     });
 
-    choices6.addItem('josh2@joshuajohnson.co.uk', null, null, () => { console.log('Custom add item callback')});
-    choices6.removeItemsByValue('josh@joshuajohnson.co.uk');
-    console.log(choices6.getItemById(3));
+    // choices6.addItem('josh2@joshuajohnson.co.uk', null, null, () => { console.log('Custom add item callback')});
+    // choices6.removeItemsByValue('josh@joshuajohnson.co.uk');
+    // console.log(choices6.getItemById(3));
 });
\ No newline at end of file
diff --git a/assets/scripts/src/reducers/groups.js b/assets/scripts/src/reducers/groups.js
index 959f00e..73da46c 100644
--- a/assets/scripts/src/reducers/groups.js
+++ b/assets/scripts/src/reducers/groups.js
@@ -4,7 +4,8 @@ const groups = (state = [], action) => {
             return [...state, {
                 id: action.id,
                 value: action.value,
-                disabled: false,
+                active: action.active,
+                disabled: action.disabled,
             }];
 
         default:
diff --git a/assets/scripts/src/reducers/options.js b/assets/scripts/src/reducers/options.js
index 17fbfa0..8011b09 100644
--- a/assets/scripts/src/reducers/options.js
+++ b/assets/scripts/src/reducers/options.js
@@ -8,7 +8,8 @@ const options = (state = [], action) => {
                 label: action.label,
                 disabled: false,
                 selected: false,
-            }];;
+                active: true,
+            }];
 
         case 'SELECT_OPTION':
             return state.map((option) => {
@@ -19,19 +20,26 @@ const options = (state = [], action) => {
                 return option;
             });
 
-        case 'REMOVE_ITEM':
-            // When an item is removed and it has an associated option,
-            // we want to re-enable it so it can be chosen again
-            if(action.optionId > -1) {
-                return state.map((option) => {
-                    if(option.id === parseInt(action.optionId)) {
-                        option.selected = action.selected;
-                    }
-                    return option;
+        case 'FILTER_OPTIONS':
+            const filteredResults = action.results.items;
+            const newState = state.map((option, index) => {
+                // Set active state based on whether option is 
+                // within filtered results
+                option.active = filteredResults.some((result) => {
+                    return result.id === index;
                 });
-            } else {
-                return state;
-            }
+
+                return option;
+            });
+
+            return newState;
+
+        case 'ACTIVATE_OPTIONS':
+            return state.map((option) => {
+                option.active = action.active;
+
+                return option;
+            });
             
 
         default:
diff --git a/assets/styles/css/choices.css b/assets/styles/css/choices.css
index 78f210f..11e1413 100644
--- a/assets/styles/css/choices.css
+++ b/assets/styles/css/choices.css
@@ -49,7 +49,7 @@ h1, h2, h3, h4, h5, h6 {
   font-size: 1.4rem;
   cursor: text; }
   .is-active .choices__inner {
-    border-color: #c4c4c4; }
+    border-color: #b7b7b7; }
   .choices__inner:focus {
     outline: 1px solid #00BCD4;
     outline-offset: -1px; }
@@ -89,7 +89,7 @@ h1, h2, h3, h4, h5, h6 {
   max-height: 300px;
   overflow: auto; }
   .is-active .choices__list--dropdown {
-    border-color: #c4c4c4; }
+    border-color: #b7b7b7; }
   .choices__list--dropdown .choices__item {
     padding: 1rem;
     font-size: 1.4rem; }
diff --git a/assets/styles/css/choices.min.css b/assets/styles/css/choices.min.css
index 5bd0e57..1063a58 100644
--- a/assets/styles/css/choices.min.css
+++ b/assets/styles/css/choices.min.css
@@ -1 +1 @@
-*,:after,:before{box-sizing:border-box}body,html{margin:0;height:100%;widows:100%}html{font-size:62.5%}body{background-color:#333;font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:1.6rem;color:#fff}label{display:block;margin-bottom:.8rem;font-size:1.4rem;font-weight:500}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1.2rem;font-weight:500}.container{display:block;margin:auto;max-width:35em;padding:2.4rem}.section{background-color:#fff;padding:2.4rem;color:#333}.choices{margin-bottom:2.4rem;position:relative}.choices__inner{background-color:#f9f9f9;padding:.75rem .75rem .375rem;border:1px solid #ddd;border-radius:.25rem;font-size:1.4rem;cursor:text}.is-active .choices__inner{border-color:#c4c4c4}.choices__inner:focus{outline:1px solid #00bcd4;outline-offset:-1px}.choices__list{margin:0;padding-left:0;list-style-type:none}.choices__list--items{display:inline}.choices__list--items .choices__item{display:inline-block;border-radius:2rem;padding:.4rem 1rem;font-size:1.2rem;margin-right:.375rem;margin-bottom:.375rem;background-color:#00bcd4;border:1px solid #00b1c7;color:#fff;word-break:break-all}.choices__list--items .choices__item.is-selected{background-color:#00a5bb}.choices__list--dropdown{z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;display:none;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;max-height:300px;overflow:auto}.is-active .choices__list--dropdown{border-color:#c4c4c4}.choices__list--dropdown .choices__item{padding:1rem;font-size:1.4rem}.choices__list--dropdown .choices__item.is-selected{opacity:.5}.choices__list--dropdown .choices__item.is-selected:hover{background-color:#fff}.choices__list--dropdown .choices__item--selectable:hover{background-color:#f9f9f9}.choices__list--dropdown.is-active{display:block}.choices__list--dropdown.is-flipped{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.choices__group .choices__heading{font-size:1.2rem;padding:1rem;border-bottom:1px solid #eaeaea;color:gray}.choices__input{background-color:#f9f9f9;font-size:1.4rem;padding:0;margin-bottom:.5rem;display:inline-block;vertical-align:baseline;border:0;border-radius:0;max-width:100%;padding:.4rem 0 .4rem .2rem}.choices__input:focus{outline:0}
\ No newline at end of file
+*,:after,:before{box-sizing:border-box}body,html{margin:0;height:100%;widows:100%}html{font-size:62.5%}body{background-color:#333;font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:1.6rem;color:#fff}label{display:block;margin-bottom:.8rem;font-size:1.4rem;font-weight:500}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1.2rem;font-weight:500}.container{display:block;margin:auto;max-width:35em;padding:2.4rem}.section{background-color:#fff;padding:2.4rem;color:#333}.choices{margin-bottom:2.4rem;position:relative}.choices__inner{background-color:#f9f9f9;padding:.75rem .75rem .375rem;border:1px solid #ddd;border-radius:.25rem;font-size:1.4rem;cursor:text}.is-active .choices__inner{border-color:#b7b7b7}.choices__inner:focus{outline:1px solid #00bcd4;outline-offset:-1px}.choices__list{margin:0;padding-left:0;list-style-type:none}.choices__list--items{display:inline}.choices__list--items .choices__item{display:inline-block;border-radius:2rem;padding:.4rem 1rem;font-size:1.2rem;margin-right:.375rem;margin-bottom:.375rem;background-color:#00bcd4;border:1px solid #00b1c7;color:#fff;word-break:break-all}.choices__list--items .choices__item.is-selected{background-color:#00a5bb}.choices__list--dropdown{z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;display:none;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;max-height:300px;overflow:auto}.is-active .choices__list--dropdown{border-color:#b7b7b7}.choices__list--dropdown .choices__item{padding:1rem;font-size:1.4rem}.choices__list--dropdown .choices__item.is-selected{opacity:.5}.choices__list--dropdown .choices__item.is-selected:hover{background-color:#fff}.choices__list--dropdown .choices__item--selectable:hover{background-color:#f9f9f9}.choices__list--dropdown.is-active{display:block}.choices__list--dropdown.is-flipped{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.choices__group .choices__heading{font-size:1.2rem;padding:1rem;border-bottom:1px solid #eaeaea;color:gray}.choices__input{background-color:#f9f9f9;font-size:1.4rem;padding:0;margin-bottom:.5rem;display:inline-block;vertical-align:baseline;border:0;border-radius:0;max-width:100%;padding:.4rem 0 .4rem .2rem}.choices__input:focus{outline:0}
\ No newline at end of file
diff --git a/assets/styles/scss/choices.scss b/assets/styles/scss/choices.scss
index baf7830..d369961 100644
--- a/assets/styles/scss/choices.scss
+++ b/assets/styles/scss/choices.scss
@@ -59,7 +59,7 @@ h1, h2, h3, h4, h5, h6 {
     border-radius: .25rem;
     font-size: 1.4rem;
     cursor: text;
-    .is-active & { border-color: darken(#DDDDDD, 10%); }
+    .is-active & { border-color: darken(#DDDDDD, 15%); }
     &:focus { 
         outline: 1px solid #00BCD4;
         outline-offset: -1px;
@@ -104,7 +104,7 @@ h1, h2, h3, h4, h5, h6 {
     border-bottom-right-radius: .25rem;
     max-height: 300px;
     overflow: auto;
-    .is-active & { border-color: darken(#DDDDDD, 10%); }
+    .is-active & { border-color: darken(#DDDDDD, 15%); }
     .choices__item {
         padding: 1rem;
         font-size: 1.4rem;
diff --git a/index.html b/index.html
index 1a79069..d551df2 100644
--- a/index.html
+++ b/index.html
@@ -52,20 +52,20 @@
 
             <label for="choices-10">Select box with option groups</label>
             <select id="choices-10" name="choices-10" data-choice placeholder="This is a placeholder" multiple>
-                <optgroup label="Group 1">
-                    <option value="Value 1">Dropdown item 1</option>
-                    <option value="Value 2">Dropdown item 2</option>
-                    <option value="Value 3">Dropdown item 3</option>
+                <optgroup label="UK">
+                    <option value="London">London</option>
+                    <option value="Manchester">Manchester</option>
+                    <option value="Liverpool">Liverpool</option>
                 </optgroup>
-                <optgroup label="Group 2">
-                    <option value="Value 4">Dropdown item 4</option>
-                    <option value="Value 5">Dropdown item 5</option>
-                    <option value="Value 6">Dropdown item 6</option>
+                <optgroup label="FR">
+                    <option value="Paris">Paris</option>
+                    <option value="Lyon">Lyon</option>
+                    <option value="Marseille">Marseille</option>
                 </optgroup>
-                <optgroup label="Group 3" disabled>
-                    <option value="Value 7">Dropdown item 7</option>
-                    <option value="Value 8">Dropdown item 8</option>
-                    <option value="Value 9">Dropdown item 9</option>
+                <optgroup label="DL" disabled>
+                    <option value="Hamburg">Hamburg</option>
+                    <option value="Munich">Munich</option>
+                    <option value="Berlin">Berlin</option>
                 </optgroup>
             </select>
         </div>
diff --git a/package.json b/package.json
index 7b59caa..0d7347f 100644
--- a/package.json
+++ b/package.json
@@ -38,6 +38,7 @@
     "nodemon": "^1.9.1",
     "opn-cli": "^3.1.0",
     "postcss-cli": "^2.5.1",
+    "sifter": "^0.4.5",
     "webpack": "^1.12.14",
     "webpack-dev-server": "^1.14.1"
   },