diff --git a/assets/scripts/dist/bundle.js b/assets/scripts/dist/bundle.js index f8c74eb..b8b219d 100644 --- a/assets/scripts/dist/bundle.js +++ b/assets/scripts/dist/bundle.js @@ -1,2 +1,2 @@ -!function(e){function t(n){if(i[n])return i[n].exports;var s=i[n]={exports:{},id:n,loaded:!1};return e[n].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var i={};return t.m=e,t.c=i,t.p="/assets/scripts/dist/",t(0)}([function(e,t,i){e.exports=i(1)},function(e,t,i){"use strict";function n(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 i=0;i1)for(var d=1;d0?this.highlightPosition--:b=!1),b){var I=g[this.highlightPosition];if(I){var E=this.dropdown.querySelector("."+this.options.classNames.highlightedState),w=this.dropdown.querySelector('[data-choice-id="'+I.id+'"]');E&&E.classList.remove(this.options.classNames.highlightedState),w&&w.classList.add(this.options.classNames.highlightedState)}}}}n&&(e.keyCode!==o||e.target.value||(this.handleBackspaceKey(t),e.preventDefault()))}},{key:"onKeyUp",value:function(e){var t=this;if(e.target===this.input&&"select-multiple"===this.passedElement.type&&this.options.allowSearch){var i=String.fromCharCode(e.keyCode);if(this.input===document.activeElement&&/[a-z0-9]/i.test(i))if(this.input.value){var n=(0,u.debounce)(function(){var e=t.getOptionsFiltedBySelectable(),i=new h.default(e),n=i.search(t.input.value,{fields:["label","value"],sort:[{field:"value",direction:"asc"}],limit:10});t.store.dispatch((0,c.filterOptions)(n))},100);n()}else this.store.dispatch((0,c.activateOptions)())}}},{key:"onClick",value:function(e){var t=this,i=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 n=this.getItemsFilteredByActive(),s=e.target;this.handleClick(n,s,i)}else e.target.hasAttribute("data-choice-option")&&!function(){var i=t.getOptionsFilteredByActive(),n=e.target.getAttribute("data-choice-id"),s=i.find(function(e){return e.id===parseInt(n)});s.selected||t.addItem(s.value,s.label,s.id)}();else this.hasSelectedItems()&&this.deselectAll(),"select-multiple"===this.passedElement.type&&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"),i=t.test(e);return i}},{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(),i=t.find(function(t){return t.id===parseInt(e)}),n=this.list.querySelector("[data-choice-id='"+i.id+"']");return n}},{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:"addItem",value:function(e,t){var i=arguments.length<=2||void 0===arguments[2]?-1:arguments[2],n=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=i||-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.store.dispatch((0,c.addItem)(s,o,a,r)),n&&((0,u.isType)("Function",n)?n(a,e):console.error("callbackOnAddItem: Callback is not a function"))}},{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 i=e.id,n=e.value,s=e.optionId;t&&((0,u.isType)("Function",t)?t(n):console.error("callbackOnRemoveItem: Callback is not a function")),this.store.dispatch((0,c.removeItem)(i,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 i=this.getItemsFilteredByActive();i.forEach(function(i){i.value===e&&t.removeItem(i)})}},{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],i=arguments.length<=2||void 0===arguments[2]?!1:arguments[2],n=this.store.getState(),s=n.options.length+1,o=e.value,r=e.innerHTML,a=e.selected;this.store.dispatch((0,c.addOption)(o,r,s,t,i)),a&&this.addItem(o,r,s)}},{key:"addGroup",value:function(e,t,i,n){this.store.dispatch((0,c.addGroup)(e,t,i,n))}},{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&&e.disabled===!1&&e.selected!==!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=this.getOptions(),i=e.filter(function(e){var i=e.active===!0&&e.disabled===!1,n=t.some(function(e){return e.active===!0&&e.disabled===!1});return!(!i||!n)},[]);return i}},{key:"generateTextInput",value:function(){var e=this,t=(0,u.strToEl)('
'),i=(0,u.strToEl)('
');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,i),(0,u.wrap)(i,t);var n=(0,u.strToEl)(''),s=(0,u.strToEl)('');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(i),i.appendChild(n),i.appendChild(s),this.containerOuter=t,this.containerInner=i,this.input=s,this.list=n,this.presetItems.forEach(function(t){e.addItem(t)})}},{key:"generateMultipleSelectInput",value:function(){var e=this,t=(0,u.strToEl)('
'),i=(0,u.strToEl)('
');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,i),(0,u.wrap)(i,t);var n=(0,u.strToEl)(''),s=(0,u.strToEl)(''),o=(0,u.strToEl)('
');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(i),t.appendChild(o),i.appendChild(n),i.appendChild(s),this.containerOuter=t,this.containerInner=i,this.input=s,this.list=n,this.dropdown=o,this.highlightPosition=0;var r=Array.from(this.passedElement.getElementsByTagName("OPTGROUP"));if(r.length)r.forEach(function(t,i){var n=Array.from(t.getElementsByTagName("OPTION")),s=i;n?(e.addGroup(t.label,s,!0,t.disabled),n.forEach(function(i,n){t.disabled?e.addOption(i,s,!0):e.addOption(i,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],i=this.options.classNames,n=this.getItemsFilteredByActive();"select-multiple"===this.passedElement.type&&!function(){var t=e.getOptionsFilteredByActive(),n=e.getGroupsFilteredByActive();e.dropdown.innerHTML="";var s=document.createDocumentFragment();if(n.length>=1?n.forEach(function(e,n){var o=t.filter(function(t){return t.groupId===e.id});o.length>=1&&!function(){var t=(0,u.strToEl)('\n
\n
'+e.value+"
\n
\n ");o.forEach(function(e,s){var o=(0,u.strToEl)('\n
\n '+e.label+"\n
\n ");t.appendChild(o)}),s.appendChild(t)}()}):t.length>=1&&t.forEach(function(e,t){var n=(0,u.strToEl)('\n
\n '+e.label+"\n
\n ");s.appendChild(n)}),e.dropdown.appendChild(s),""===e.dropdown.innerHTML){var o=(0,u.strToEl)('
No options to select
');s.appendChild(o),e.dropdown.appendChild(s)}}(),n&&!function(){var t=e.getItemsReducedToValues();e.passedElement.value=t.join(e.options.delimiter),e.list.innerHTML="";var s=document.createDocumentFragment();n.forEach(function(t){var n=(0,u.strToEl)('\n
  • \n '+t.label+"\n
    • \n ");s.appendChild(n)}),e.list.appendChild(s)}(),t&&((0,u.isType)("Function",t)?t(n):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.passedElement=null,this.userOptions=null,this.options=null,this.initialised=null,this.store=null}}]),e}();window.Choices=e.exports=p},function(e,t,i){"use strict";function n(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=i(3),o=n(s),r=i(8),a=n(r),l=i(10),c=n(l),u=i(11),d=n(u),h=i(12),p=n(h),f=i(9);n(f);t.createStore=o.default,t.combineReducers=a.default,t.bindActionCreators=c.default,t.applyMiddleware=d.default,t.compose=p.default},function(e,t,i){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}function s(e,t,i){function n(){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 n(),f.push(e),function(){if(t){t=!1,n();var i=f.indexOf(e);f.splice(i,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,i=0;ii;i++)t[i]=arguments[i];return function(e){return function(i,n,s){var r=e(i,n,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;ti;i++)t[i]=arguments[i];return function(){if(0===t.length)return arguments.length<=0?void 0:arguments[0];var e=t[t.length-1],i=t.slice(0,-1);return i.reduceRight(function(e,t){return t(e)},e.apply(void 0,arguments))}}t.__esModule=!0,t.default=i},function(e,t,i){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var s=i(2),o=i(14),r=n(o),a=i(15),l=n(a),c=i(16),u=n(c),d=(0,s.combineReducers)({items:r.default,groups:l.default,options:u.default});t.default=d},function(e,t){"use strict";function i(e){if(Array.isArray(e)){for(var t=0,i=Array(e.length);t-1?e.map(function(e){return e.id===parseInt(t.optionId)&&(e.selected=!0),e}):e;case"REMOVE_ITEM":return t.optionId>-1?e.map(function(e){return e.id===parseInt(t.optionId)&&(e.selected=!1),e}):e;case"FILTER_OPTIONS":var n=t.results.items,s=e.map(function(e,t){return e.active=n.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=n},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.addItem=function(e,t,i,n){return{type:"ADD_ITEM",value:e,label:t,id:i,optionId:n}},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,i,n,s){return{type:"ADD_OPTION",value:e,label:t,id:i,groupId:n,disabled:s}},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,i,n){return{type:"ADD_GROUP",value:e,id:t,active:i,disabled:n}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=(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 i=Object.prototype.toString.call(t).slice(8,-1);return void 0!==t&&null!==t&&i===e}),n=(t.extend=function o(){for(var e={},t=!1,n=arguments.length,s=function(n){for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(t&&i("Object",n[s])?e[s]=o(!0,e[s],n[s]):e[s]=n[s])},r=0;n>r;r++){var a=arguments[r];i("Object",a)?s(a):console.error("Custom options must be an object")}return e},t.whichTransitionEvent=function(){var e,t=document.createElement("fakeelement"),i={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(e in i)if(void 0!==t.style[e])return i[e]},t.whichAnimationEvent=function(){var e,t=document.createElement("fakeelement"),i={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"animationend",WebkitAnimation:"webkitAnimationEnd"};for(e in i)if(void 0!==t.style[e])return i[e]}),s=(t.getParentsUntil=function(e,t,i){for(var n=[];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(i){var o=i.charAt(0);"."===o&&e.classList.contains(i.substr(1))&&n.push(e),"#"===o&&e.id===i.substr(1)&&n.push(e),"["===o&&e.hasAttribute(i.substr(1,i.length-1))&&n.push(e),e.tagName.toLowerCase()===i&&n.push(e)}else n.push(e)}return 0===n.length?null:n},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=[],i=e.parentNode.firstChild;i;i=i.nextSibling)1===i.nodeType&&i!==e&&t.push(i);return t},t.findAncestor=function(e,t){for(;(e=e.parentElement)&&!e.classList.contains(t););return e},t.debounce=function(e,t,i){var n;return function(){var s=this,o=arguments,r=function(){n=null,i||e.apply(s,o)},a=i&&!n;clearTimeout(n),n=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 i=t;return i>1&&(i=1),i>0&&(i=0),Math.max(e.offsetHeight*i)},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,i){return this.getScrollPosition(t)>this.getElemDistance(e)+this.getElementOffset(e,i)},t.stripHTML=function(e){var t=document.createElement("DIV");return t.innerHTML=e,t.textContent||t.innerText||""},t.addAnimation=function(e,t){var i=n(),s=function o(){e.classList.remove(t),e.removeEventListener(i,o,!1)};e.classList.add(t),e.addEventListener(i,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 i;for(e.innerHTML=t,i=e.children[0];e.firstChild;)e.removeChild(e.firstChild);return i}}());t.getWidthOfInput=function(e){var t=arguments.length<=1||void 0===arguments[1]?20:arguments[1],i=e.value||e.placeholder,n=e.offsetWidth;if(i){var o=s(''+i+"");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&&(n=o.offsetWidth+t/4),document.body.removeChild(o)}return n+"px"}},function(e,t,i){var n,s;!function(o,r){n=r,s="function"==typeof n?n.call(t,i,t,e):n,!(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=n(String(e||"").toLowerCase()),!e||!e.length)return[];var t,i,o,a,l=[],c=e.split(/ +/);for(t=0,i=c.length;i>t;t++){if(o=s(c[t]),this.settings.diacritics)for(a in r)r.hasOwnProperty(a)&&(o=o.replace(new RegExp(a,"g"),r[a])); -l.push({string:c[t],regex:new RegExp(o,"i")})}return l},e.prototype.iterator=function(e,t){var i;i=o(e)?Array.prototype.forEach||function(e){for(var t=0,i=this.length;i>t;t++)e(this[t],t,this)}:function(e){for(var t in this)this.hasOwnProperty(t)&&e(this[t],t,this)},i.apply(e,[t])},e.prototype.getScoreFunction=function(e,t){var i,n,s,o;i=this,e=i.prepareSearch(e,t),s=e.tokens,n=e.options.fields,o=s.length;var r=function(e,t){var i,n;return e?(e=String(e||""),n=e.search(t.regex),-1===n?0:(i=t.string.length/e.length,0===n&&(i+=.5),i)):0},a=function(){var e=n.length;return e?1===e?function(e,t){return r(t[n[0]],e)}:function(t,i){for(var s=0,o=0;e>s;s++)o+=r(i[n[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,i=0,n=0;o>i;i++){if(t=a(s[i],e),0>=t)return 0;n+=t}return n/o}:function(e){for(var t=0,i=0;o>t;t++)i+=a(s[t],e);return i/o}:function(){return 0}},e.prototype.getSortFunction=function(e,i){var n,s,o,r,a,l,c,u,d,h,p;if(o=this,e=o.prepareSearch(e,i),p=!e.query&&i.sort_empty||i.sort,d=function(e,t){return"$score"===e?t.score:o.items[t.id][e]},a=[],p)for(n=0,s=p.length;s>n;n++)(e.query||"$score"!==p[n].field)&&a.push(p[n]);if(e.query){for(h=!0,n=0,s=a.length;s>n;n++)if("$score"===a[n].field){h=!1;break}h&&a.unshift({field:"$score",direction:"desc"})}else for(n=0,s=a.length;s>n;n++)if("$score"===a[n].field){a.splice(n,1);break}for(u=[],n=0,s=a.length;s>n;n++)u.push("desc"===a[n].direction?-1:1);return l=a.length,l?1===l?(r=a[0].field,c=u[0],function(e,i){return c*t(d(r,e),d(r,i))}):function(e,i){var n,s,o;for(n=0;l>n;n++)if(o=a[n].field,s=u[n]*t(d(o,e),d(o,i)))return s;return 0}:null},e.prototype.prepareSearch=function(e,t){if("object"==typeof e)return e;t=i({},t);var n=t.fields,s=t.sort,r=t.sort_empty;return n&&!o(n)&&(t.fields=[n]),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 i,n,s,o,r=this;return n=this.prepareSearch(e,t),t=n.options,e=n.query,o=t.score||r.getScoreFunction(n),e.length?r.iterator(r.items,function(e,s){i=o(e),(t.filter===!1||i>0)&&n.items.push({score:i,id:s})}):r.iterator(r.items,function(e,t){n.items.push({score:1,id:t})}),s=r.getSortFunction(n,t),s&&n.items.sort(s),n.total=n.items.length,"number"==typeof t.limit&&(n.items=n.items.slice(0,t.limit)),n};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)},i=function(e,t){var i,n,s,o;for(i=1,n=arguments.length;n>i;i++)if(o=arguments[i])for(s in o)o.hasOwnProperty(s)&&(e[s]=o[s]);return e},n=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,i,n,s="",o={};for(i in r)if(r.hasOwnProperty(i))for(n=r[i].substring(2,r[i].length-1),s+=n,e=0,t=n.length;t>e;e++)o[n.charAt(e)]=i;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 +!function(e){function t(n){if(i[n])return i[n].exports;var s=i[n]={exports:{},id:n,loaded:!1};return e[n].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var i={};return t.m=e,t.c=i,t.p="/assets/scripts/dist/",t(0)}([function(e,t,i){e.exports=i(1)},function(e,t,i){"use strict";function n(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 i=0;i1)for(var d=1;d\n '+e.label+"\n \n ")},optgroup:function(e){return(0,u.strToEl)('\n
    \n
    '+e.value+"
    \n
    \n ")},item:function(e){return(0,u.strToEl)('\n
    \n '+e.label+"\n
    \n ")},notice:function(e){return(0,u.strToEl)('\n
    \n '+e+"\n
    \n ")}},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){var t=arguments.length<=1||void 0===arguments[1]?null:arguments[1],i=!0;if("text"===this.passedElement.type&&(this.options.addItems?this.options.maxItems&&this.options.maxItems<=this.list.children.length?i=!1:this.options.allowDuplicates===!1&&this.passedElement.value&&(i=!e.some(function(e){return e.value===t})):i=!1),i){if("text"===this.passedElement.type){var n=!0;this.options.regexFilter&&(n=this.regexFilter(t)),n&&(this.addItem(t),this.clearInput(this.passedElement))}"select-multiple"===this.passedElement.type&&console.log("hit")}}},{key:"handleBackspaceKey",value:function(e){if(this.options.removeItems&&e){var t=e[e.length-1],i=e.some(function(e){return e.selected===!0});this.options.editItems&&!i&&t?(this.input.value=t.value,this.removeItem(t)):(this.selectItem(t),this.removeAllSelectedItems())}}},{key:"handleClick",value:function(e,t,i){var n=this;this.options.removeItems&&t&&!function(){var s=t.getAttribute("data-choice-id");e.forEach(function(e){e.id!==parseInt(s)||e.selected?i||n.deselectItem(e):n.selectItem(e)})}()}},{key:"onKeyDown",value:function(e){var t=this.getItemsFilteredByActive(),i=this.getOptionsFilteredByActive(),n=this.input===document.activeElement,s=e.ctrlKey||e.metaKey,o=46,r=8,a=13,l=65,c=27,u=38,d=40,h=this.dropdown&&this.dropdown.classList.contains(this.options.classNames.activeState),p=this.list&&this.list.children;if(e.target===this.input)switch(e.keyCode){case l:s&&p&&this.handleSelectAll();break;case a:if(e.target.value&&"text"===this.passedElement.type){var f=this.input.value;this.handleEnter(t,f)}if("select-multiple"===this.passedElement.type&&h){var v=this.dropdown.querySelector("."+this.options.classNames.highlightedState);if(v){var m=v.getAttribute("data-choice-value"),y=v.innerHTML,g=v.getAttribute("data-choice-id");this.addItem(m,y,g),this.input.value=""}}break;case c:"select-multiple"===this.passedElement.type&&h&&this.toggleDropdown();break;case d:case u:if("select-multiple"===this.passedElement.type&&h){var b=i.filter(function(e){return!e.selected}),I=!0;if(e.keyCode===d?this.highlightPosition0?this.highlightPosition--:I=!1),I){var E=b[this.highlightPosition];if(E){var w=this.dropdown.querySelector("."+this.options.classNames.highlightedState),k=this.dropdown.querySelector('[data-choice-id="'+E.id+'"]');w&&w.classList.remove(this.options.classNames.highlightedState),k&&k.classList.add(this.options.classNames.highlightedState)}}}break;case o:case r:n&&!e.target.value&&(this.handleBackspaceKey(t),e.preventDefault())}}},{key:"onKeyUp",value:function(e){var t=this;if(e.target===this.input&&"select-multiple"===this.passedElement.type&&this.options.allowSearch){var i=String.fromCharCode(e.keyCode);if(this.input===document.activeElement&&/[a-z0-9]/i.test(i))if(this.input.value){var n=(0,u.debounce)(function(){var e=t.getOptionsFiltedBySelectable(),i=new h.default(e),n=i.search(t.input.value,{fields:["label","value"],sort:[{field:"value",direction:"asc"}],limit:10});t.store.dispatch((0,c.filterOptions)(n))},100);n()}else this.store.dispatch((0,c.activateOptions)())}}},{key:"onClick",value:function(e){var t=this,i=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 n=this.getItemsFilteredByActive(),s=e.target;this.handleClick(n,s,i)}else e.target.hasAttribute("data-choice-option")&&!function(){var i=t.getOptionsFilteredByActive(),n=e.target.getAttribute("data-choice-id"),s=i.find(function(e){return e.id===parseInt(n)});s.selected||t.addItem(s.value,s.label,s.id)}();else this.hasSelectedItems()&&this.deselectAll(),"select-multiple"===this.passedElement.type&&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"),i=t.test(e);return i}},{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(),i=t.find(function(t){return t.id===parseInt(e)}),n=this.list.querySelector("[data-choice-id='"+i.id+"']");return n}},{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:"addItem",value:function(e,t){var i=arguments.length<=2||void 0===arguments[2]?-1:arguments[2],n=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=i||-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.store.dispatch((0,c.addItem)(s,o,a,r)),n&&((0,u.isType)("Function",n)?n(a,e):console.error("callbackOnAddItem: Callback is not a function"))}},{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 i=e.id,n=e.value,s=e.optionId;this.store.dispatch((0,c.removeItem)(i,s)),t&&((0,u.isType)("Function",t)?t(n):console.error("callbackOnRemoveItem: Callback is not a function"))}},{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 i=this.getItemsFilteredByActive();i.forEach(function(i){i.value===e&&t.removeItem(i)})}},{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],i=arguments.length<=2||void 0===arguments[2]?!1:arguments[2],n=this.store.getState(),s=n.options.length+1,o=e.value,r=e.innerHTML,a=e.selected;this.store.dispatch((0,c.addOption)(o,r,s,t,i)),a&&this.addItem(o,r,s)}},{key:"addGroup",value:function(e,t,i,n){this.store.dispatch((0,c.addGroup)(e,t,i,n))}},{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&&e.disabled===!1&&e.selected!==!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=this.getOptions(),i=e.filter(function(e){var i=e.active===!0&&e.disabled===!1,n=t.some(function(e){return e.active===!0&&e.disabled===!1});return!(!i||!n)},[]);return i}},{key:"generateTextInput",value:function(){var e=this,t=(0,u.strToEl)('
    '),i=(0,u.strToEl)('
    ');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,i),(0,u.wrap)(i,t);var n=(0,u.strToEl)('
      '),s=(0,u.strToEl)('');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(i),i.appendChild(n),i.appendChild(s),this.containerOuter=t,this.containerInner=i,this.input=s,this.list=n,this.presetItems.forEach(function(t){e.addItem(t)})}},{key:"generateMultipleSelectInput",value:function(){var e=this,t=(0,u.strToEl)('
      '),i=(0,u.strToEl)('
      ');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,i),(0,u.wrap)(i,t);var n=(0,u.strToEl)('
        '),s=(0,u.strToEl)(''),o=(0,u.strToEl)('
        ');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(i),t.appendChild(o),i.appendChild(n),i.appendChild(s),this.containerOuter=t,this.containerInner=i,this.input=s,this.list=n,this.dropdown=o,this.highlightPosition=0;var r=Array.from(this.passedElement.getElementsByTagName("OPTGROUP"));if(r.length)r.forEach(function(t,i){var n=Array.from(t.getElementsByTagName("OPTION")),s=i;n?(e.addGroup(t.label,s,!0,t.disabled),n.forEach(function(i,n){t.disabled?e.addOption(i,s,!0):e.addOption(i,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],i=(this.options.classNames,this.getItemsFilteredByActive());"select-multiple"===this.passedElement.type&&!function(){var t=e.getOptionsFilteredByActive(),i=e.getGroupsFilteredByActive();e.dropdown.innerHTML="";var n=document.createDocumentFragment();if(i.length>=1?i.forEach(function(i,s){var o=t.filter(function(e){return e.groupId===i.id});o.length>=1&&!function(){var t=e.templates.optgroup(i);o.forEach(function(i,n){var s=e.templates.option(i);t.appendChild(s)}),n.appendChild(t)}()}):t.length>=1&&t.forEach(function(t,i){var s=e.templates.option(t);n.appendChild(s)}),e.dropdown.appendChild(n),""===e.dropdown.innerHTML){var s=e.templates.notice("No options to select");n.appendChild(s),e.dropdown.appendChild(n)}}(),i&&!function(){var t=e.getItemsReducedToValues();e.passedElement.value=t.join(e.options.delimiter),e.list.innerHTML="";var n=document.createDocumentFragment();i.forEach(function(t){var i=e.templates.item(t);n.appendChild(i)}),e.list.appendChild(n)}(),t&&((0,u.isType)("Function",t)?t(i):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.passedElement=null,this.userOptions=null,this.options=null,this.initialised=null,this.store=null}}]),e}();window.Choices=e.exports=p},function(e,t,i){"use strict";function n(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=i(3),o=n(s),r=i(7),a=n(r),l=i(9),c=n(l),u=i(10),d=n(u),h=i(11),p=n(h),f=i(8);n(f);t.createStore=o.default,t.combineReducers=a.default,t.bindActionCreators=c.default,t.applyMiddleware=d.default,t.compose=p.default},function(e,t,i){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}function s(e,t,i){function n(){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 n(),f.push(e),function(){if(t){t=!1,n();var i=f.indexOf(e);f.splice(i,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,i=0;ii;i++)t[i]=arguments[i];return function(e){return function(i,n,s){var r=e(i,n,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;ti;i++)t[i]=arguments[i];return function(){if(0===t.length)return arguments.length<=0?void 0:arguments[0];var e=t[t.length-1],i=t.slice(0,-1);return i.reduceRight(function(e,t){return t(e)},e.apply(void 0,arguments))}}t.__esModule=!0,t.default=i},function(e,t,i){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var s=i(2),o=i(13),r=n(o),a=i(14),l=n(a),c=i(15),u=n(c),d=(0,s.combineReducers)({items:r.default,groups:l.default,options:u.default});t.default=d},function(e,t){"use strict";function i(e){if(Array.isArray(e)){for(var t=0,i=Array(e.length);t-1?e.map(function(e){return e.id===parseInt(t.optionId)&&(e.selected=!0),e}):e;case"REMOVE_ITEM":return t.optionId>-1?e.map(function(e){return e.id===parseInt(t.optionId)&&(e.selected=!1),e}):e;case"FILTER_OPTIONS":var n=t.results.items,s=e.map(function(e,t){return e.active=n.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=n},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.addItem=function(e,t,i,n){return{type:"ADD_ITEM",value:e,label:t,id:i,optionId:n}},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,i,n,s){return{type:"ADD_OPTION",value:e,label:t,id:i,groupId:n,disabled:s}},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,i,n){return{type:"ADD_GROUP",value:e,id:t,active:i,disabled:n}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=(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 i=Object.prototype.toString.call(t).slice(8,-1);return void 0!==t&&null!==t&&i===e}),n=(t.extend=function o(){for(var e={},t=!1,n=arguments.length,s=function(n){for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(t&&i("Object",n[s])?e[s]=o(!0,e[s],n[s]):e[s]=n[s])},r=0;n>r;r++){var a=arguments[r];i("Object",a)?s(a):console.error("Custom options must be an object")}return e},t.whichTransitionEvent=function(){var e,t=document.createElement("fakeelement"),i={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(e in i)if(void 0!==t.style[e])return i[e]},t.whichAnimationEvent=function(){var e,t=document.createElement("fakeelement"),i={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"animationend",WebkitAnimation:"webkitAnimationEnd"};for(e in i)if(void 0!==t.style[e])return i[e]}),s=(t.getParentsUntil=function(e,t,i){for(var n=[];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(i){var o=i.charAt(0);"."===o&&e.classList.contains(i.substr(1))&&n.push(e),"#"===o&&e.id===i.substr(1)&&n.push(e),"["===o&&e.hasAttribute(i.substr(1,i.length-1))&&n.push(e),e.tagName.toLowerCase()===i&&n.push(e)}else n.push(e)}return 0===n.length?null:n},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=[],i=e.parentNode.firstChild;i;i=i.nextSibling)1===i.nodeType&&i!==e&&t.push(i);return t},t.findAncestor=function(e,t){for(;(e=e.parentElement)&&!e.classList.contains(t););return e},t.debounce=function(e,t,i){var n;return function(){var s=this,o=arguments,r=function(){n=null,i||e.apply(s,o)},a=i&&!n;clearTimeout(n),n=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 i=t;return i>1&&(i=1),i>0&&(i=0),Math.max(e.offsetHeight*i)},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,i){return this.getScrollPosition(t)>this.getElemDistance(e)+this.getElementOffset(e,i)},t.stripHTML=function(e){var t=document.createElement("DIV");return t.innerHTML=e,t.textContent||t.innerText||""},t.addAnimation=function(e,t){var i=n(),s=function o(){e.classList.remove(t),e.removeEventListener(i,o,!1)};e.classList.add(t),e.addEventListener(i,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 i;for(e.innerHTML=t,i=e.children[0];e.firstChild;)e.removeChild(e.firstChild);return i}}());t.getWidthOfInput=function(e){var t=arguments.length<=1||void 0===arguments[1]?20:arguments[1],i=e.value||e.placeholder,n=e.offsetWidth;if(i){var o=s(''+i+"");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&&(n=o.offsetWidth+t/4),document.body.removeChild(o)}return n+"px"}},function(e,t,i){var n,s;!function(o,r){n=r,s="function"==typeof n?n.call(t,i,t,e):n,!(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=n(String(e||"").toLowerCase()),!e||!e.length)return[];var t,i,o,a,l=[],c=e.split(/ +/);for(t=0,i=c.length;i>t;t++){if(o=s(c[t]),this.settings.diacritics)for(a in r)r.hasOwnProperty(a)&&(o=o.replace(new RegExp(a,"g"),r[a]));l.push({string:c[t],regex:new RegExp(o,"i")})}return l},e.prototype.iterator=function(e,t){var i;i=o(e)?Array.prototype.forEach||function(e){for(var t=0,i=this.length;i>t;t++)e(this[t],t,this); +}:function(e){for(var t in this)this.hasOwnProperty(t)&&e(this[t],t,this)},i.apply(e,[t])},e.prototype.getScoreFunction=function(e,t){var i,n,s,o;i=this,e=i.prepareSearch(e,t),s=e.tokens,n=e.options.fields,o=s.length;var r=function(e,t){var i,n;return e?(e=String(e||""),n=e.search(t.regex),-1===n?0:(i=t.string.length/e.length,0===n&&(i+=.5),i)):0},a=function(){var e=n.length;return e?1===e?function(e,t){return r(t[n[0]],e)}:function(t,i){for(var s=0,o=0;e>s;s++)o+=r(i[n[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,i=0,n=0;o>i;i++){if(t=a(s[i],e),0>=t)return 0;n+=t}return n/o}:function(e){for(var t=0,i=0;o>t;t++)i+=a(s[t],e);return i/o}:function(){return 0}},e.prototype.getSortFunction=function(e,i){var n,s,o,r,a,l,c,u,d,h,p;if(o=this,e=o.prepareSearch(e,i),p=!e.query&&i.sort_empty||i.sort,d=function(e,t){return"$score"===e?t.score:o.items[t.id][e]},a=[],p)for(n=0,s=p.length;s>n;n++)(e.query||"$score"!==p[n].field)&&a.push(p[n]);if(e.query){for(h=!0,n=0,s=a.length;s>n;n++)if("$score"===a[n].field){h=!1;break}h&&a.unshift({field:"$score",direction:"desc"})}else for(n=0,s=a.length;s>n;n++)if("$score"===a[n].field){a.splice(n,1);break}for(u=[],n=0,s=a.length;s>n;n++)u.push("desc"===a[n].direction?-1:1);return l=a.length,l?1===l?(r=a[0].field,c=u[0],function(e,i){return c*t(d(r,e),d(r,i))}):function(e,i){var n,s,o;for(n=0;l>n;n++)if(o=a[n].field,s=u[n]*t(d(o,e),d(o,i)))return s;return 0}:null},e.prototype.prepareSearch=function(e,t){if("object"==typeof e)return e;t=i({},t);var n=t.fields,s=t.sort,r=t.sort_empty;return n&&!o(n)&&(t.fields=[n]),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 i,n,s,o,r=this;return n=this.prepareSearch(e,t),t=n.options,e=n.query,o=t.score||r.getScoreFunction(n),e.length?r.iterator(r.items,function(e,s){i=o(e),(t.filter===!1||i>0)&&n.items.push({score:i,id:s})}):r.iterator(r.items,function(e,t){n.items.push({score:1,id:t})}),s=r.getSortFunction(n,t),s&&n.items.sort(s),n.total=n.items.length,"number"==typeof t.limit&&(n.items=n.items.slice(0,t.limit)),n};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)},i=function(e,t){var i,n,s,o;for(i=1,n=arguments.length;n>i;i++)if(o=arguments[i])for(s in o)o.hasOwnProperty(s)&&(e[s]=o[s]);return e},n=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,i,n,s="",o={};for(i in r)if(r.hasOwnProperty(i))for(n=r[i].substring(2,r[i].length-1),s+=n,e=0,t=n.length;t>e;e++)o[n.charAt(e)]=i;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/choices.js b/assets/scripts/src/choices.js index 14a1ef5..37090e5 100644 --- a/assets/scripts/src/choices.js +++ b/assets/scripts/src/choices.js @@ -114,6 +114,39 @@ export class Choices { this.onClick = this.onClick.bind(this); this.onPaste = this.onPaste.bind(this); + const classNames = this.options.classNames; + + this.templates = { + option: (data) => { + return strToEl(` +
        + ${ data.label } +
        + `); + }, + optgroup: (data) => { + return strToEl(` +
        +
        ${ data.value }
        +
        + `); + }, + item: (data) => { + return strToEl(` +
        + ${ data.label } +
        + `); + }, + notice: (label) => { + return strToEl(` +
        + ${ label } +
        + `); + }, + }; + // Let's have it large this.init(); } @@ -242,7 +275,8 @@ export class Choices { const activeOptions = this.getOptionsFilteredByActive(); const inputIsFocussed = this.input === document.activeElement; const ctrlDownKey = e.ctrlKey || e.metaKey; - const deleteKey = 8 || 46; + const backKey = 46; + const deleteKey = 8; const enterKey = 13; const aKey = 65; const escapeKey = 27; @@ -254,77 +288,80 @@ export class Choices { // If we are typing in the input if(e.target === this.input) { // this.input.style.width = getWidthOfInput(this.input); - - // If CTRL + A or CMD + A have been pressed and there are items to select - if (ctrlDownKey && e.keyCode === aKey && hasItems) { - this.handleSelectAll(); - } - - // If enter key is pressed and the input has a value - if (e.keyCode === enterKey) { - if(e.target.value && this.passedElement.type === 'text') { - const value = this.input.value; - this.handleEnter(activeItems, value); - } - - if(this.passedElement.type === 'select-multiple' && hasActiveDropDown) { - const highlighted = this.dropdown.querySelector(`.${this.options.classNames.highlightedState}`); - - if(highlighted) { - const value = highlighted.getAttribute('data-choice-value'); - const label = highlighted.innerHTML; - const id = highlighted.getAttribute('data-choice-id'); - this.addItem(value, label, id); - this.input.value = ""; + switch (e.keyCode) { + case aKey: + // If CTRL + A or CMD + A have been pressed and there are items to select + if(ctrlDownKey && hasItems) { + this.handleSelectAll(); } - } - } - - if(e.keyCode === escapeKey && hasActiveDropDown) { - if(this.passedElement.type === 'select-multiple' && hasActiveDropDown) { - this.toggleDropdown(); - } - } - - if(e.keyCode === downKey || e.keyCode === upKey) { - if(this.passedElement.type === 'select-multiple' && hasActiveDropDown) { - const selectableOptions = activeOptions.filter((option) => { - return !option.selected; - }); - - let canHighlight = true; - - if(e.keyCode === downKey) { - this.highlightPosition < (selectableOptions.length - 1) ? this.highlightPosition++ : canHighlight = false; - } else if(e.keyCode === upKey) { - this.highlightPosition > 0 ? this.highlightPosition-- : canHighlight = false; + break; + case enterKey: + // If enter key is pressed and the input has a value + if(e.target.value && this.passedElement.type === 'text') { + const value = this.input.value; + this.handleEnter(activeItems, value); } - if(canHighlight) { - const option = selectableOptions[this.highlightPosition]; - if(option) { - const previousElement = this.dropdown.querySelector(`.${this.options.classNames.highlightedState}`); - const currentElement = this.dropdown.querySelector(`[data-choice-id="${option.id}"]`); + if(this.passedElement.type === 'select-multiple' && hasActiveDropDown) { + const highlighted = this.dropdown.querySelector(`.${this.options.classNames.highlightedState}`); + + if(highlighted) { + const value = highlighted.getAttribute('data-choice-value'); + const label = highlighted.innerHTML; + const id = highlighted.getAttribute('data-choice-id'); + this.addItem(value, label, id); + this.input.value = ""; + } + } + break; + case escapeKey: + if(this.passedElement.type === 'select-multiple' && hasActiveDropDown) { + this.toggleDropdown(); + } + break; + case downKey: + case upKey: + // If up or down key is pressed, traverse through options + if(this.passedElement.type === 'select-multiple' && hasActiveDropDown) { + const selectableOptions = activeOptions.filter((option) => { + return !option.selected; + }); - if(previousElement) { - previousElement.classList.remove(this.options.classNames.highlightedState); - } + let canHighlight = true; - if(currentElement) { - currentElement.classList.add(this.options.classNames.highlightedState); + if(e.keyCode === downKey) { + this.highlightPosition < (selectableOptions.length - 1) ? this.highlightPosition++ : canHighlight = false; + } else if(e.keyCode === upKey) { + this.highlightPosition > 0 ? this.highlightPosition-- : canHighlight = false; + } + + if(canHighlight) { + const option = selectableOptions[this.highlightPosition]; + if(option) { + const previousElement = this.dropdown.querySelector(`.${this.options.classNames.highlightedState}`); + const currentElement = this.dropdown.querySelector(`[data-choice-id="${option.id}"]`); + + if(previousElement) { + previousElement.classList.remove(this.options.classNames.highlightedState); + } + + if(currentElement) { + currentElement.classList.add(this.options.classNames.highlightedState); + } } } } - } - } - - } - - if(inputIsFocussed) { - // If backspace or delete key is pressed and the input has no value - if (e.keyCode === deleteKey && !e.target.value) { - this.handleBackspaceKey(activeItems); - e.preventDefault(); + break + case backKey: + case deleteKey: + // If backspace or delete key is pressed and the input has no value + if(inputIsFocussed && !e.target.value) { + this.handleBackspaceKey(activeItems); + e.preventDefault(); + } + break; + default: + break; } } } @@ -558,6 +595,8 @@ export class Choices { const value = item.value; const optionId = item.optionId; + this.store.dispatch(removeItem(id, optionId)); + // Run callback if(callback){ if(isType('Function', callback)) { @@ -566,8 +605,6 @@ export class Choices { console.error('callbackOnRemoveItem: Callback is not a function'); } } - - this.store.dispatch(removeItem(id, optionId)); } removeItemsByValue(value) { @@ -938,18 +975,10 @@ export class Choices { }); if(groupOptions.length >= 1) { - const dropdownGroup = strToEl(` -
        -
        ${ group.value }
        -
        - `); + const dropdownGroup = this.templates['optgroup'](group); groupOptions.forEach((option, j) => { - const dropdownItem = strToEl(` -
        - ${ option.label } -
        - `); + const dropdownItem = this.templates['option'](option); dropdownGroup.appendChild(dropdownItem); }); @@ -959,11 +988,7 @@ export class Choices { }); } else if(activeOptions.length >= 1) { activeOptions.forEach((option, i) => { - const dropdownItem = strToEl(` -
        - ${ option.label } -
        - `); + const dropdownItem = this.templates['option'](option); optionListFragment.appendChild(dropdownItem); }); } @@ -972,7 +997,8 @@ export class Choices { // If dropdown is empty, show a no content message if(this.dropdown.innerHTML === "") { - const dropdownItem = strToEl(`
        No options to select
        `); + const dropdownItem = this.templates['notice']('No options to select'); + optionListFragment.appendChild(dropdownItem); this.dropdown.appendChild(optionListFragment); } @@ -995,11 +1021,7 @@ export class Choices { // Add each list item to list activeItems.forEach((item) => { // Create new list element - const listItem = strToEl(` -
      • - ${ item.label } -
        • - `); + const listItem = this.templates['item'](item); // Append it to list itemListFragment.appendChild(listItem);