diff --git a/assets/icons/cross-inverse.svg b/assets/icons/cross-inverse.svg new file mode 100644 index 0000000..9d3271c --- /dev/null +++ b/assets/icons/cross-inverse.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/cross.svg b/assets/icons/cross.svg index 8304d97..d8a60eb 100644 --- a/assets/icons/cross.svg +++ b/assets/icons/cross.svg @@ -1 +1 @@ -Slice 1 \ No newline at end of file + \ No newline at end of file diff --git a/assets/scripts/dist/choices.min.js b/assets/scripts/dist/choices.min.js index 7d4c70d..c936c43 100644 --- a/assets/scripts/dist/choices.min.js +++ b/assets/scripts/dist/choices.min.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){if(Array.isArray(e)){for(var t=0,i=Array(e.length);t1)for(var r=1;r=document.body.offsetHeight;return t?this.containerOuter.classList.add(this.config.classNames.flippedState):this.containerOuter.classList.remove(this.config.classNames.flippedState),this}},{key:"hideDropdown",value:function(){var e=this.containerOuter.classList.contains(this.config.classNames.flippedState);return this.containerOuter.classList.remove(this.config.classNames.openState),this.containerOuter.setAttribute("aria-expanded","false"),this.dropdown.classList.remove(this.config.classNames.activeState),e&&this.containerOuter.classList.remove(this.config.classNames.flippedState),this}},{key:"toggleDropdown",value:function(){return this.dropdown.classList.contains(this.config.classNames.activeState)?this.hideDropdown():this.showDropdown(),this}},{key:"getValue",value:function(){var e=this,t=!(arguments.length<=0||void 0===arguments[0])&&arguments[0],i=this.store.getItemsFilteredByActive(),n=[];return i.forEach(function(i){"text"===e.passedElement.type?n.push(t?i.value:i):i.active&&n.push(t?i.value:i)}),"select-one"==this.passedElement.type?n[0]:n}},{key:"setValue",value:function(e){var t=this;if(this.initialised===!0){var i=[].concat(s(e));i.forEach(function(e,i){if((0,c.isType)("Object",e)){if(!e.value)return;"text"!==t.passedElement.type?t._addChoice(!0,!1,e.value,e.label,-1):t._addItem(e.value,e.label,e.id)}else(0,c.isType)("String",e)&&("text"!==t.passedElement.type?t._addChoice(!0,!1,e,e,-1):t._addItem(e))})}return this}},{key:"setValueByChoice",value:function(e){var t=this;return"text"!==this.passedElement.type&&!function(){var i=t.store.getChoices();(0,c.isType)("Array",e)||(e=[e]),e.forEach(function(e,n){var s=i.find(function(t){return t.value===e});s?s.selected?console.warn("Attempting to select choice already selected"):t._addItem(s.value,s.label,s.id):console.warn("Attempting to select choice that does not exist")})}(),this}},{key:"setChoices",value:function(e,t,i){var n=this;if(this.initialised===!0&&("select-one"===this.passedElement.type||"select-multiple"===this.passedElement.type)){if(!(0,c.isType)("Array",e)||!t)return;e&&e.length&&(this.containerOuter.classList.remove(this.config.classNames.loadingState),e.forEach(function(e,s){if(e.choices){var o=0===s;n._addGroup(e,s,o)}else n._addChoice(!!e.selected&&e.selected,!!e.disabled&&e.disabled,e[t],e[i])}))}return this}},{key:"clearStore",value:function(){return this.store.dispatch((0,a.clearAll)()),this}},{key:"disable",value:function(){return this.passedElement.disabled=!0,this.initialised&&(this.containerOuter.classList.contains(this.config.classNames.disabledState)||(this._removeEventListeners(),this.passedElement.setAttribute("disabled",""),this.input.setAttribute("disabled",""),this.containerOuter.classList.add(this.config.classNames.disabledState),this.containerOuter.setAttribute("aria-disabled","true"))),this}},{key:"enable",value:function(){return this.passedElement.disabled=!1,this.initialised&&this.containerOuter.classList.contains(this.config.classNames.disabledState)&&(this._addEventListeners(),this.passedElement.removeAttribute("disabled"),this.input.removeAttribute("disabled"),this.containerOuter.classList.remove(this.config.classNames.disabledState),this.containerOuter.removeAttribute("aria-disabled")),this}},{key:"ajax",value:function(e){var t=this;if(this.initialised===!0&&("select-one"===this.passedElement.type||"select-multiple"===this.passedElement.type)){if(this.containerOuter.classList.add(this.config.classNames.loadingState),this.containerOuter.setAttribute("aria-busy","true"),"select-one"===this.passedElement.type){var i=this._getTemplate("item",{id:-1,value:"Loading",label:this.config.loadingText,active:!0});this.itemList.appendChild(i)}var n=function(e,i,n){if((0,c.isType)("Array",e)&&i){if(e&&e.length){t.containerOuter.classList.remove(t.config.classNames.loadingState);t.config.sortFilter;e.forEach(function(e,s){0===s&&"select-one"===t.passedElement.type?t._addChoice(!0,!1,e[i],e[n]):t._addChoice(!1,!1,e[i],e[n])})}t.containerOuter.removeAttribute("aria-busy")}};e(n)}return this}},{key:"clearInput",value:function(){return this.input.value&&(this.input.value=""),"select-one"!==this.passedElement.type&&(this.input.style.width=(0,c.getWidthOfInput)(this.input)),this}},{key:"_triggerChange",value:function(e){if(e){if(this.config.callbackOnChange){var t=this.config.callbackOnChange;(0,c.isType)("Function",t)?t(e,this.passedElement):console.error("callbackOnChange: Callback is not a function")}"select-one"===this.passedElement.type&&(this._focusAndHideDropdown=!0,this.containerOuter.focus())}}},{key:"_handleEnter",value:function(e,t){var i=!0;if(this.config.addItems?this.config.maxItemCount&&this.config.maxItemCount>0&&this.config.maxItemCount<=this.itemList.children.length?i=!1:this.config.duplicateItems===!1&&this.passedElement.value&&(i=!e.some(function(e){return e.value===t})):i=!1,i){var n=!0;this.config.regexFilter&&(n=this._regexFilter(t)),n&&(this.toggleDropdown(),this._addItem(t),this._triggerChange(t),this.clearInput(this.passedElement))}}},{key:"_handleBackspace",value:function(e){if(this.config.removeItems&&e){var t=e[e.length-1],i=e.some(function(e){return e.highlighted===!0});this.config.editItems&&!i&&t?(this.input.value=t.value,this._removeItem(t),this._triggerChange(t.value)):(i||this.highlightItem(t),this.removeHighlightedItems())}}},{key:"_onKeyDown",value:function(e){if(e.target===this.input||e.target===this.containerOuter){var t=e.ctrlKey||e.metaKey,i=46,n=8,s=13,o=65,r=27,l=38,u=40,h=this.store.getItemsFilteredByActive(),d=(this.store.getChoicesFilteredByActive(),this.input===document.activeElement),f=this.dropdown.classList.contains(this.config.classNames.activeState),p=this.itemList&&this.itemList.children,v=String.fromCharCode(e.keyCode);switch("text"!==this.passedElement.type&&/[a-zA-Z0-9-_ ]/.test(v)&&!f&&this.showDropdown(),this.canSearch=this.config.search,e.keyCode){case o:t&&p&&(this.canSearch=!1,this.config.removeItems&&!this.input.value&&this.input===document.activeElement&&this.highlightAll(this.itemList.children));break;case s:if(e.target.value&&"text"===this.passedElement.type){var m=this.input.value;this._handleEnter(h,m)}if(f||"select-one"!==this.passedElement.type||(e.preventDefault(),this.showDropdown(),this.canSearch&&this.input.focus()),f){var g=this.dropdown.querySelector("."+this.config.classNames.highlightedState);if(g){var y=g.getAttribute("data-value"),b=g.innerHTML,E=g.getAttribute("data-id");this._addItem(y,b,E),this._triggerChange(y),this.clearInput(this.passedElement),"select-one"===this.passedElement.type&&(this.isSearching=!1,this.store.dispatch((0,a.activateChoices)()),this.toggleDropdown())}}break;case r:f&&this.toggleDropdown();break;case u:case l:if(f||"select-one"===this.passedElement.type){f||(this.showDropdown(),this.canSearch&&this.input.focus());var _=this.dropdown.querySelector("."+this.config.classNames.highlightedState),w=e.keyCode===u?1:-1,I=void 0;this.canSearch=!1,I=_?(0,c.getAdjacentEl)(_,"[data-option-selectable]",w):this.dropdown.querySelector("[data-option-selectable]"),I&&((0,c.isScrolledIntoView)(I,this.choiceList,w)||this._scrollToChoice(I,w),this._highlightChoice(I)),e.preventDefault()}break;case i:case n:d&&!e.target.value&&"select-one"!==this.passedElement.type&&(this._handleBackspace(h),e.preventDefault())}}}},{key:"_onKeyUp",value:function(e){var t=this;if(e.target===this.input){String.fromCharCode(e.keyCode);if("text"===this.passedElement.type){var i=this.dropdown.classList.contains(this.config.classNames.activeState),n=void 0;if(this.input.value){var s=this.store.getItemsFilteredByActive(),o=!s.some(function(e){return e.value===t.input.value}),r=!0;this.config.regexFilter&&(r=this._regexFilter(this.input.value)),this.config.maxItemCount&&this.config.maxItemCount>0&&this.config.maxItemCount<=this.itemList.children.length?n=this._getTemplate("notice","Only "+this.config.maxItemCount+" values can be added."):this.config.duplicateItems||o?r&&(n=this._getTemplate("notice",'Press Enter to add "'+this.input.value+'"')):n=this._getTemplate("notice","Only unique values can be added."),r!==!1?(this.dropdown.innerHTML=n.outerHTML,this.dropdown.classList.contains(this.config.classNames.activeState)||this.showDropdown()):i&&this.hideDropdown()}else i&&this.hideDropdown()}if(this.canSearch&&this.input===document.activeElement){var l=this.store.getChoices(),h=l.some(function(e){return e.active!==!0});if(this.input.value&&this.input.value.length>1){var d=function(){var e=(0,c.isType)("String",t.input.value)?t.input.value.trim():t.input.value,i=(0,c.isType)("String",t.currentValue)?t.currentValue.trim():t.currentValue;if(e.length>=1&&e!==i+" "){var n=t.store.getChoicesFiltedBySelectable(),s=e,o=(0,c.isType)("Array",t.config.sortFields)?t.config.sortFields:[t.config.sortFields],r=new u.default(n,{keys:o,shouldSort:!0,include:"score"}),l=r.search(s);t.currentValue=e,t.highlightPosition=0,t.isSearching=!0,t.store.dispatch((0,a.filterChoices)(l))}};d()}else h&&(this.isSearching=!1,this.store.dispatch((0,a.activateChoices)(!0)))}}}},{key:"_onInput",value:function(e){"select-one"!==this.passedElement.type&&(this.input.style.width=(0,c.getWidthOfInput)(this.input))}},{key:"_onTouchStart",value:function(e){var t=this,i=e.target||e.touches[0].target;i!==this.containerOuter&&i!==this.containerInner||"select-one"===this.passedElement.type||!function(){var i=!0,n=document.addEventListener("touchmove",function(){i=!1,document.removeEventListener("touchmove",n),document.removeEventListener("touchend",s)}),s=document.addEventListener("touchend",function(){if(i){var n=e.target||e.touches[0].target,o=t.dropdown.classList.contains(t.config.classNames.activeState);t.containerOuter.contains(n)?o||("text"===t.passedElement.type?document.activeElement!==t.input&&t.input.focus():t.showDropdown(),t.config.search&&document.activeElement!==t.input&&t.input.focus(),e.preventDefault()):t.input.blur()}document.removeEventListener("touchmove",s)})}()}},{key:"_onMouseDown",value:function(e){var t=this,i=this.store.getItemsFilteredByActive(),n=e.target;if(this.containerOuter.contains(n))!function(){e.preventDefault();var s=!!e.shiftKey;t.dropdown.classList.contains(t.config.classNames.activeState)?"text"!==t.passedElement.type&&t.dropdown.classList.contains(t.config.classNames.activeState)&&e.target===t.containerInner&&t.hideDropdown():"text"!==t.passedElement.type?(t.showDropdown(),("select-multiple"===t.passedElement.type||t.canSearch)&&t.input.focus()):t.input!==document.activeElement&&t.input.focus(),n.hasAttribute("data-button")?t.config.removeItems&&t.config.removeItemButton&&!function(){var e=n.parentNode.getAttribute("data-id"),s=i.find(function(t){return t.id===parseInt(e)});t._removeItem(s),t._triggerChange(s.value)}():n.hasAttribute("data-item")?t.config.removeItems&&!function(){var e=n.getAttribute("data-id");i.forEach(function(i){i.id!==parseInt(e)||i.highlighted?s||i.highlighted&&t.unhighlightItem(i):t.highlightItem(i)})}():n.hasAttribute("data-option")&&!function(){var e=n.getAttribute("data-id"),i=t.store.getChoicesFilteredByActive(),s=i.find(function(t){return t.id===parseInt(e)});s.selected||s.disabled||(t._addItem(s.value,s.label,s.id),t._triggerChange(s.value),"select-one"===t.passedElement.type&&(t.input.value="",t.isSearching=!1,t.store.dispatch((0,a.activateChoices)(!0)),t.toggleDropdown()))}()}();else{var s=this.dropdown.classList.contains(this.config.classNames.activeState),o=i.some(function(e){return e.highlighted===!0});o&&this.unhighlightAll(),this.containerOuter.classList.remove(this.config.classNames.focusState),s&&this.toggleDropdown()}}},{key:"_onMouseOver",value:function(e){(e.target===this.dropdown||(0,c.findAncestor)(e.target,this.config.classNames.listDropdown))&&e.target.hasAttribute("data-option")&&this._highlightChoice(e.target)}},{key:"_onPaste",value:function(e){e.target===this.input&&(this.config.paste||e.preventDefault())}},{key:"_onFocus",value:function(e){var t=this.dropdown.classList.contains(this.config.classNames.activeState);e.target!==this.input||t?"select-one"!==this.passedElement.type||e.target!==this.containerOuter||t||(this.containerOuter.classList.add(this.config.classNames.focusState),this.showDropdown(),this._focusAndHideDropdown||this.input.focus(),this._focusAndHideDropdown=!1):(this.containerOuter.classList.add(this.config.classNames.focusState),"select-one"!==this.passedElement.type&&"select-multiple"!==this.passedElement.type||this.showDropdown())}},{key:"_onBlur",value:function(e){var t=this.dropdown.classList.contains(this.config.classNames.activeState);e.target!==this.input&&e.target!==this.containerOuter||(this.containerOuter.classList.remove(this.config.classNames.focusState),t&&(e.target===this.input||e.target===this.containerOuter&&!this.config.search)&&this.hideDropdown())}},{key:"_regexFilter",value:function(e){if(e){var t=this.config.regexFilter,i=new RegExp(t.source,"i");return i.test(e)}}},{key:"_scrollToChoice",value:function(e,t){var i=this;if(e){var n=this.choiceList.offsetHeight,s=e.offsetHeight,o=e.offsetTop+s,r=this.choiceList.scrollTop+n,a=t>0?this.choiceList.scrollTop+o-r:e.offsetTop,c=function l(e,t,n){var s=!1,o=void 0,r=void 0,a=4;n>0?(o=(t-i.choiceList.scrollTop)/a,r=o>1?o:1,i.choiceList.scrollTop=i.choiceList.scrollTop+r,i.choiceList.scrollTop1?o:1,i.choiceList.scrollTop=i.choiceList.scrollTop-r,i.choiceList.scrollTop>t&&(s=!0)),s&&requestAnimationFrame(function(e){l(e,t,n)})};requestAnimationFrame(function(e){c(e,a,t)})}}},{key:"_highlightChoice",value:function(e){var t=this,i=Array.from(this.dropdown.querySelectorAll("[data-option-selectable]"));if(i&&i.length){var n=Array.from(this.dropdown.querySelectorAll("."+this.config.classNames.highlightedState));if(n.forEach(function(e){e.classList.remove(t.config.classNames.highlightedState),e.setAttribute("aria-selected","false")}),e)e.classList.add(this.config.classNames.highlightedState),this.highlightPosition=i.indexOf(e);else{var s=void 0;s=i.length>this.highlightPosition?i[this.highlightPosition]:i[i.length-1],s||(s=i[0]),s.classList.add(this.config.classNames.highlightedState),s.setAttribute("aria-selected","true")}}}},{key:"_addItem",value:function(e,t){var i=arguments.length<=2||void 0===arguments[2]?-1:arguments[2],n=this.store.getItems(),s=(0,c.isType)("String",e)?e.trim():e,o=t||s,r=parseInt(i)||-1;this.config.prependValue&&(s=this.config.prependValue+s.toString()),this.config.appendValue&&(s+=this.config.appendValue.toString());var l=n?n.length+1:1;if(this.store.dispatch((0,a.addItem)(s,o,l,r)),"select-one"===this.passedElement.type&&this.removeActiveItems(l),this.config.callbackOnAddItem){var u=this.config.callbackOnAddItem;(0,c.isType)("Function",u)?u(l,s,this.passedElement):console.error("callbackOnAddItem: Callback is not a function")}return this}},{key:"_removeItem",value:function(e){var t=arguments.length<=1||void 0===arguments[1]?this.config.callbackOnRemoveItem:arguments[1];if(!e||!(0,c.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.choiceId;if(this.store.dispatch((0,a.removeItem)(i,s)),t){if(!(0,c.isType)("Function",t))return void console.error("callbackOnRemoveItem: Callback is not a function");t(i,n,this.passedElement)}return this}},{key:"_addChoice",value:function(e,t,i,n){var s=arguments.length<=4||void 0===arguments[4]?-1:arguments[4];if(i){n||(n=i);var o=this.store.getChoices(),r=o?o.length+1:1;this.store.dispatch((0,a.addChoice)(i,n,r,s,t)),e&&!t&&this._addItem(i,n,r)}}},{key:"_addGroup",value:function(e,t,i){var n=this,s=(0,c.isType)("Object",e)?e.choices:Array.from(e.getElementsByTagName("OPTION")),o=t,r=!!e.disabled&&e.disabled;s?(this.store.dispatch((0,a.addGroup)(e.label,o,!0,r)),s.forEach(function(e,t){var i=e.disabled||e.parentNode&&e.parentNode.disabled||!1,s=!!e.selected&&e.selected,r=void 0;r=(0,c.isType)("Object",e)?e.label||e.value:e.innerHTML,n._addChoice(s,i,e.value,r,o)})):this.store.dispatch((0,a.addGroup)(e.label,e.id,!1,e.disabled))}},{key:"_getTemplate",value:function(e){if(e){for(var t=this.config.templates,i=arguments.length,n=Array(i>1?i-1:0),s=1;s