vue-taggable-select - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

dist/vue-taggable-select.js

@@ -1,1 +0,1 @@
-!function(t,e){for(var i in e)t[i]=e[i]}(window,function(t){var e={};function i(n){if(e[n])return e[n].exports;var a=e[n]={i:n,l:!1,exports:{}};return t[n].call(a.exports,a,a.exports,i),a.l=!0,a.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var a in t)i.d(n,a,function(e){return t[e]}.bind(null,a));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=1)}([function(t,e,i){"use strict";var n=function(t,e,i,n,a,o,r,s){var d=typeof(t=t||{}).default;"object"!==d&&"function"!==d||(t=t.default);var l,p="function"==typeof t?t.options:t;if(e&&(p.render=e,p.staticRenderFns=i,p._compiled=!0),n&&(p.functional=!0),o&&(p._scopeId=o),r?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),a&&a.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(r)},p._ssrRegister=l):a&&(l=s?function(){a.call(this,this.$root.$options.shadowRoot)}:a),l)if(p.functional){p._injectStyles=l;var c=p.render;p.render=function(t,e){return l.call(e),c(t,e)}}else{var u=p.beforeCreate;p.beforeCreate=u?[].concat(u,l):[l]}return{exports:t,options:p}}({mixins:[{watch:{pointer(){this.maybeAdjustScroll()}},data:()=>({pointer:-1}),methods:{maybeAdjustScroll(){let t=this.pixelsToPointerTop(),e=this.pixelsToPointerBottom();return t<=this.viewport().top?this.scrollTo(t):e>=this.viewport().bottom?this.scrollTo(this.viewport().top+this.pointerHeight()):void 0},pixelsToPointerTop(){let t=0;if(!this.$refs.options)return 0;for(let e=0;e<this.pointer;e++)t+=this.$refs.options.children[e].offsetHeight;return t},pixelsToPointerBottom(){return this.pixelsToPointerTop()+this.pointerHeight()},pointerHeight(){let t=!!this.$refs.options&&this.$refs.options.children[this.pointer];return t?t.offsetHeight:0},viewport(){return{top:this.$refs.options?this.$refs.options.scrollTop:0,bottom:this.$refs.options?this.$refs.options.offsetHeight+this.$refs.options.scrollTop:0}},scrollTo(t){return this.$refs.options?this.$refs.options.scrollTop=t:null}}}],created(){this.mutableOptions=this.options},mounted(){document.addEventListener("click",this.handleClickOutside),document.addEventListener("keyup",this.handleClickOutside),this.searchText=this.initial},destroyed(){document.removeEventListener("keyup",this.handleClickOutside),document.removeEventListener("click",this.handleClickOutside)},data:()=>({errors:[],mutableOptions:[],selectedOptions:[],searchText:null,dropdownOpen:!1}),props:{value:{required:!0},debug:{type:Boolean,required:!1,default:()=>!1},taggable:{type:Boolean,required:!1,default:()=>!1},classes:{type:Object,required:!1,default:()=>({icons:"icons",active:"active",wrapper:"taggable-select-wrapper",searchWrapper:"search-wrapper",searchInput:"search-input",pill:"pill",required:"required",dropdown:"dropdown"})},name:{type:String,required:!1,default:()=>""},options:{type:Array,required:!1,default:()=>[]},optionLabel:{type:String,required:!1,default:()=>null},optionKey:{type:String,required:!1,default:()=>null},placeholder:{type:String,required:!1,default:()=>"Search Here"},maxHeight:{type:String,default:()=>"220px",required:!1},inputId:{type:String,default:()=>"multi-select",required:!1},initial:{type:String,required:!1,default:()=>null},required:{type:Boolean,required:!1,default:()=>!1},maxResults:{type:Number,required:!1,default:()=>30},tabindex:{type:String,required:!1,default:()=>""},keyboardDelete:{type:Boolean,required:!1,default:()=>!0},forceIcons:{type:Boolean,required:!1,default:()=>!1},getOptionDescription:{type:Function,required:!1,default(t){return this.optionKey&&this.optionLabel?t[this.optionKey]+" "+t[this.optionLabel]:this.optionLabel?t[this.optionLabel]:this.optionKey?t[this.optionKey]:t}},getOptionValue:{type:Function,required:!1,default(t){return this.optionKey?t[this.optionKey]:this.optionLabel?t[this.optionLabel]:t}},createOption:{type:Function,required:!1,default(t){if(!this.taggable)throw new Error("Tagging is not enabled");let e={};return this.optionKey&&(e[this.optionKey]=this.createOptionKey(t)),this.optionLabel&&(e[this.optionLabel]=t),Object.keys(e).length||(e=t),this.$emit("option-created",e),e}},createOptionKey:{type:Function,required:!1,default(){return Math.max(...this.mutableOptions.map(t=>t[this.optionKey]))+1}},findExistingOption:{type:Function,required:!1,default(t,e){return this.optionValue?e.find(e=>e[this.optionKey]===this.getOptionValue(t)):this.optionLabel?e.find(e=>e[this.optionLabel]===t[this.optionLabel]):e.find(e=>e===t)}}},watch:{value(t,e){},searchText(t,e){t!==e&&(this.pointer=-1)},selectedOptions(t){this.$emit("input",t)},options(t){this.mututableOptions=t.slice(0)}},methods:{popSelectedOption(){this.keyboardDelete&&(null!==this.searchText?""===this.searchText&&(this.searchText=null):this.selectedOptions.pop())},seedSearchText(){null===this.searchText&&(this.searchText="")},addOption(t){if(t instanceof Event&&(t=t.target.value),!t)return;if(!t.length)return;let e=this.findExistingOption(t,this.mutableOptions.slice(0));void 0!==e?this.setOption(e):this.setOption(this.createOption(t))},setPossibleOption(t){this.taggable&&-1===this.pointer?this.addOption(t):this.matchingOptions&&this.matchingOptions.length&&(-1===this.pointer&&(this.pointer=0),this.setOption(this.matchingOptions[this.pointer]))},setOption(t){void 0!==t&&(this.findExistingOption(t,this.selectedOptions.slice(0))||(this.selectedOptions.push(t),this.searchText=null,this.$nextTick(()=>{this.$refs.search.focus()})))},removeOption(t){this.selectedOptions.splice(t,1),this.$nextTick(()=>{this.$refs.search.focus()})},setPointerIdx(t){this.pointer=t},closeOut(){this.searchText=null},movePointerDown(){this.matchingOptions&&(this.pointer>=this.matchingOptions.length-1||this.pointer++)},movePointerUp(){this.pointer>0&&this.pointer--},handleClickOutside(t){this.$el.contains(t.target)||this.closeOut()}},computed:{matchingOptions(){return null===this.searchText?null:this.optionLabel&&this.optionKey?this.mutableOptions.filter(t=>this.selectedOptions.findIndex(e=>e[this.optionKey]===t[this.optionKey])<0).filter(t=>t[this.optionLabel].toString().toLowerCase().includes(this.searchText.toString().toLowerCase())||this.searchText.toString().toLowerCase().includes(t[this.optionKey].toString().toLowerCase())).slice(0,this.maxResults):this.optionLabel?this.mutableOptions.filter(t=>this.selectedOptions.findIndex(e=>e[this.optionLabel]===t[this.optionLabel])<0).filter(t=>t[this.optionLabel].toString().toLowerCase().includes(this.searchText.toString().toLowerCase())).slice(0,this.maxResults):this.optionKey?this.mutableOptions.filter(t=>this.selectedOptions.findIndex(e=>e[this.optionKey]===t[this.optionKey])<0).filter(t=>t[this.optionKey].toString().toLowerCase().includes(this.searchText.toString().toLowerCase())).slice(0,this.maxResults):this.mutableOptions.filter(t=>this.selectedOptions.findIndex(e=>e===t)<0).filter(t=>t.toString().toLowerCase().includes(this.searchText.toString().toLowerCase())).slice(0,this.maxResults)},isRequired(){return this.required?this.selectedOptions.length?"":"required":""}}},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{ref:"taggable-select",class:[t.classes.wrapper]},[i("p",{directives:[{name:"show",rawName:"v-show",value:t.errors.length,expression:"errors.length"}],staticClass:"border-2 mb-3 border-red-dark p-4 text-red bg-red-lightest text-bold rounded text-3xl required"},[t._v("\n        "+t._s(t.errors.join(" "))+"\n    ")]),t._v(" "),i("select",{staticClass:"bordered hidden",attrs:{multiple:"",name:t.name}},t._l(t.selectedOptions,function(e,n){return i("option",{key:n,attrs:{value:"getOptionValue(option)"}},[t._v("\n            "+t._s(t.getOptionDescription(e))+"\n        ")])})),t._v(" "),t.debug?i("div",[t._v("\n    "+t._s(t.selectedOptions)+"\n        "),i("hr")]):t._e(),t._v(" "),i("div",{staticClass:"relative text-left",class:[t.classes.searchWrapper]},[i("div",{staticClass:"rounded bordered border-grey hover:border-blue"},[i("ul",{staticClass:"items-center flex flex-wrap list-reset pb-1 pr-1 m-0 text-black w-full",class:[t.isRequired]},[t._l(t.selectedOptions,function(e,n){return i("li",{key:n,staticClass:"mt-1 ml-1 mb-0 flex items-center",on:{click:t.seedSearchText}},[t._t("pill",[i("span",{class:[t.classes.pill]},[i("span",{staticClass:"text-sm",domProps:{textContent:t._s(t.getOptionDescription(e))}}),t._v(" "),i("span",{staticClass:"pl-2 text-grey-darker mt-px",on:{click:function(e){e.stopPropagation(),t.removeOption(n)}}},[i("svg",{staticClass:"text-sm w-3 h-3 fill-current",attrs:{"aria-hidden":"true",viewBox:"0 0 512 512"}},[i("path",{attrs:{d:"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"}})])])])],{remove:t.removeOption},{option:e,idx:n})],2)}),t._v(" "),i("li",{staticClass:"flex mt-1 ml-1 mb-0 justify-between flex-1 items-center min-w-10"},[i("input",{directives:[{name:"model",rawName:"v-model",value:t.searchText,expression:"searchText"}],ref:"search",staticClass:"box-size p-1  inline mr-1 w-full h-full outline-none border-none leading-tight",class:[t.classes.searchInput],attrs:{type:"text",autocomplete:"off",placeholder:t.placeholder,required:t.required},domProps:{value:t.searchText},on:{click:t.seedSearchText,keyup:[function(e){if(!("button"in e)&&t._k(e.keyCode,"enter",13,e.key,"Enter"))return null;t.setPossibleOption(e)},function(e){return"button"in e||!t._k(e.keyCode,"down",40,e.key,["Down","ArrowDown"])?t.movePointerDown(e):null},function(e){return"button"in e||!t._k(e.keyCode,"up",38,e.key,["Up","ArrowUp"])?t.movePointerUp(e):null},function(e){return"button"in e||!t._k(e.keyCode,"delete",[8,46],e.key,["Backspace","Delete"])?t.popSelectedOption(e):null}],keydown:[function(e){return"button"in e||!t._k(e.keyCode,"tab",9,e.key,"Tab")?(e.stopPropagation(),t.closeOut(e)):null},function(e){if(!("button"in e)&&t._k(e.keyCode,"esc",27,e.key,"Escape"))return null;e.stopPropagation(),t.searchText=null}],input:function(e){e.target.composing||(t.searchText=e.target.value)}}}),t._v(" "),t.taggable?i("span",{staticClass:"cursor-pointer p-1 text-left flex",on:{click:function(e){t.addOption(t.$refs.search.value.trim())}}},[i("svg",{staticClass:"w-4 h-4 fill-current",class:t.searchText?"opacity-100":"opacity-25",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 52 52"}},[i("path",{attrs:{d:"M26 0C11.664 0 0 11.663 0 26s11.664 26 26 26 26-11.663 26-26S40.336 0 26 0zm0 50C12.767 50 2 39.233 2 26S12.767 2 26 2s24 10.767 24 24-10.767 24-24 24z"}}),t._v(" "),i("path",{attrs:{d:"M38.5 25H27V14a1 1 0 1 0-2 0v11H13.5a1 1 0 1 0 0 2H25v12a1 1 0 1 0 2 0V27h11.5a1 1 0 1 0 0-2z"}})])]):t._e(),t._v(" "),!t.taggable&&t.forceIcons?i("span",{staticClass:"cursor-pointer  p-1 text-left flex text-grey-darkest",class:[t.classes.icons],on:{click:function(e){e.preventDefault(),t.searchText=null!==t.searchText?null:""}}},[null===t.searchText?i("svg",{staticClass:"w-4 h-4 fill-current",attrs:{"aria-hidden":"true",viewBox:"0 0 448 512"}},[i("path",{attrs:{d:"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"}})]):i("svg",{attrs:{"aria-hidden":"true",viewBox:"0 0 448 512",fill:"green"}},[i("path",{attrs:{d:"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"}})])]):t._e()])],2)]),t._v(" "),i("ul",{directives:[{name:"show",rawName:"v-show",value:t.matchingOptions,expression:"matchingOptions"}],ref:"options",staticClass:"absolute w-full overflow-auto appearance-none mt-px text-left list-reset",class:[t.classes.dropdown],staticStyle:{"z-index":"100"},style:{"max-height":t.maxHeight},attrs:{tabindex:"-1"}},t._l(t.matchingOptions,function(e,n){return i("li",{key:n,staticClass:"cursor-pointer outline-none",class:n===t.pointer?t.classes.active:"",attrs:{tabindex:"-1"},on:{blur:function(e){t.handleClickOutside(e)},mouseover:function(e){t.setPointerIdx(n)},keyup:[function(i){if(!("button"in i)&&t._k(i.keyCode,"enter",13,i.key,"Enter"))return null;t.setOption(e)},function(e){if(!("button"in e)&&t._k(e.keyCode,"up",38,e.key,["Up","ArrowUp"]))return null;t.movePointerUp()},function(e){if(!("button"in e)&&t._k(e.keyCode,"down",40,e.key,["Down","ArrowDown"]))return null;t.movePointerDown()}],click:function(i){i.preventDefault(),t.setOption(e)}}},[t._t("option",[t._v("\n                    "+t._s(t.getOptionDescription(e))+"\n                ")],null,{option:e,idx:n})],2)}))])])},[],!1,function(t){i(3)},"data-v-48d441a0",null);e.a=n.exports},function(t,e,i){"use strict";i.r(e),function(t){i.d(e,"install",function(){return a});var n=i(0);function a(t){a.installed||(a.installed=!0,t.component("vue-multi-select",n.a))}const o={install:a};let r=null;"undefined"!=typeof window?r=window.Vue:void 0!==t&&(r=t.Vue),r&&r.use(o)}.call(this,i(2))},function(t,e){var i;i=function(){return this}();try{i=i||Function("return this")()||(0,eval)("this")}catch(t){"object"==typeof window&&(i=window)}t.exports=i},function(t,e,i){var n=i(4);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);(0,i(6).default)("084a7698",n,!0,{})},function(t,e,i){(t.exports=i(5)(!1)).push([t.i,".list-reset[data-v-48d441a0]{list-style:none;padding:0}.overflow-auto[data-v-48d441a0]{overflow:auto}.appearance-none[data-v-48d441a0]{-webkit-appearance:none;-moz-appearance:none}.text-black[data-v-48d441a0]{color:#22292f}.text-grey-darkest[data-v-48d441a0]{color:#3d4852}.text-grey-darker[data-v-48d441a0]{color:#606f7b}.text-xs[data-v-48d441a0]{font-size:.75em}.tracking-tight[data-v-48d441a0]{letter-spacing:-.05em}.text-sm[data-v-48d441a0]{font-size:.875em}.inline[data-v-48d441a0]{display:inline}.inline-block[data-v-48d441a0]{display:inline-block}.block[data-v-48d441a0]{display:block}.flex[data-v-48d441a0]{display:flex}.flex-1[data-v-48d441a0]{flex:1}.flex-wrap[data-v-48d441a0]{flex-wrap:wrap}.justify-between[data-v-48d441a0]{justify-content:space-between}.content-center[data-v-48d441a0]{align-content:center}.bordered[data-v-48d441a0]{border-width:1px;border-style:solid}.border-none[data-v-48d441a0]{border:none}.hover\\:border-blue[data-v-48d441a0]:hover{border-color:#3490dc}.border-grey[data-v-48d441a0]{border-color:#b8c2cc}.border-grey-lighter[data-v-48d441a0]{border-color:#ced4da}.border-grey-light[data-v-48d441a0]{border-color:#dae1e7}.bg-grey-lighter[data-v-48d441a0]{background-color:#f1f5f8}.bg-white[data-v-48d441a0]{background-color:#fff}.pin-r[data-v-48d441a0]{right:0}.pin-y[data-v-48d441a0]{top:0;bottom:0}.absolute[data-v-48d441a0]{position:absolute}.relative[data-v-48d441a0]{position:relative}.items-center[data-v-48d441a0]{align-items:center}.p-0[data-v-48d441a0]{padding:0}.p-1[data-v-48d441a0]{padding:.25em}.pt-1[data-v-48d441a0]{padding-top:1px}.pl-1[data-v-48d441a0]{padding-left:.25em}.pb-1[data-v-48d441a0]{padding-bottom:.25em}.pl-2[data-v-48d441a0]{padding-left:.5em}.pr-1[data-v-48d441a0]{padding-right:.25em}.px-1[data-v-48d441a0]{padding-left:.25em;padding-right:.25em}.py-2[data-v-48d441a0]{padding-top:.25em;padding-bottom:.25em}.p-2[data-v-48d441a0]{padding:.5em}.py-px[data-v-48d441a0]{padding-top:1px;padding-bottom:1px}.py-1[data-v-48d441a0]{padding-top:.25em;padding-bottom:.25em}.py-2[data-v-48d441a0]{padding-top:.5em;padding-bottom:.5em}.px-2[data-v-48d441a0]{padding-left:.5em;padding-right:.5em}.m-0[data-v-48d441a0]{margin:0;margin-bottom:0!important}.m-1[data-v-48d441a0]{margin:.25em!important}.mx-1[data-v-48d441a0]{margin-left:.25em;margin-right:.25em}.mt-1[data-v-48d441a0]{margin-top:.25em!important}.mr-1[data-v-48d441a0]{margin-right:.25em!important}.ml-1[data-v-48d441a0]{margin-left:.25em}.mb-1[data-v-48d441a0]{margin-bottom:.25em}.m-px2[data-v-48d441a0]{margin:2px}.mt-px[data-v-48d441a0]{margin-top:1px}.mb-0[data-v-48d441a0]{margin-bottom:0}.leading-tight[data-v-48d441a0]{line-height:1.25}.leading-normal[data-v-48d441a0]{line-height:1.5}.text-left[data-v-48d441a0]{text-align:left}.w-full[data-v-48d441a0]{width:100%}.shadow[data-v-48d441a0]{-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.w-1[data-v-48d441a0]{width:.25em}.w-2[data-v-48d441a0]{width:.5em}.w-3[data-v-48d441a0]{width:.75em}.w-4[data-v-48d441a0]{width:1em}.min-w-10[data-v-48d441a0]{min-width:10em}.h-4[data-v-48d441a0]{height:1em}.h-1[data-v-48d441a0]{height:.25em}.h-2[data-v-48d441a0]{height:.5em}.h-3[data-v-48d441a0]{height:.75em}.opacity-100[data-v-48d441a0]{opacity:1}.opacity-25[data-v-48d441a0]{opacity:.25}.fill-current[data-v-48d441a0]{fill:currentColor}.hover\\:no-underline[data-v-48d441a0]:hover{text-decoration:none}.hover\\:outline-none[data-v-48d441a0],.outline-none[data-v-48d441a0]{outline:0}.hover\\:bg-grey-lighter[data-v-48d441a0]:hover{background-color:#dae1e7}.shadow-md[data-v-48d441a0]{box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08)}.focus\\:shadow-outline[data-v-48d441a0]:focus{-webkit-box-shadow:0 0 0 3px rgba(52,144,220,.5);box-shadow:0 0 0 3px rgba(52,144,220,.5)}.rounded[data-v-48d441a0]{border-radius:.25em}.icons[data-v-48d441a0]{color:#3d4852}.icons svg[data-v-48d441a0]{width:.75em;height:.75em;fill:currentColor}.required[data-v-48d441a0]{_color:#721c24;_background-color:#f8d7da;border-color:#f5c6cb}.cursor-pointer[data-v-48d441a0]{cursor:pointer}.dropdown[data-v-48d441a0]{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08);box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08);background-color:#fff;color:#606f7b;border-radius:.25em;line-height:1.25;text-align:left;display:inline;width:99.8%}.dropdown>li[data-v-48d441a0]{padding:.5em .75em}.active[data-v-48d441a0]{background-color:#dae1e7}.hidden[data-v-48d441a0]{display:none}.appearance-none[data-v-48d441a0]{appearance:none}input[data-v-48d441a0]{overflow:visible}.search-input[data-v-48d441a0]{font-size:100%;margin:0}.box-size[data-v-48d441a0],.select-wrapper[data-v-48d441a0]{box-sizing:border-box}.pill[data-v-48d441a0]{border:1px solid #b8c2cc;cursor:pointer;border-radius:.25em;line-height:1.5;padding:.15em .5em;letter-spacing:-.05em}.pill[data-v-48d441a0],.pill[data-v-48d441a0]:hover{background-color:#f1f5f8}",""])},function(t,e){t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var i=function(t,e){var i=t[1]||"",n=t[3];if(!n)return i;if(e&&"function"==typeof btoa){var a=function(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}(n),o=n.sources.map(function(t){return"/*# sourceURL="+n.sourceRoot+t+" */"});return[i].concat(o).concat([a]).join("\n")}return[i].join("\n")}(e,t);return e[2]?"@media "+e[2]+"{"+i+"}":i}).join("")},e.i=function(t,i){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},a=0;a<this.length;a++){var o=this[a][0];"number"==typeof o&&(n[o]=!0)}for(a=0;a<t.length;a++){var r=t[a];"number"==typeof r[0]&&n[r[0]]||(i&&!r[2]?r[2]=i:i&&(r[2]="("+r[2]+") and ("+i+")"),e.push(r))}},e}},function(t,e,i){"use strict";function n(t,e){for(var i=[],n={},a=0;a<e.length;a++){var o=e[a],r=o[0],s={id:t+":"+a,css:o[1],media:o[2],sourceMap:o[3]};n[r]?n[r].parts.push(s):i.push(n[r]={id:r,parts:[s]})}return i}i.r(e),i.d(e,"default",function(){return f});var a="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!a)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var o={},r=a&&(document.head||document.getElementsByTagName("head")[0]),s=null,d=0,l=!1,p=function(){},c=null,u="data-vue-ssr-id",h="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function f(t,e,i,a){l=i,c=a||{};var r=n(t,e);return v(r),function(e){for(var i=[],a=0;a<r.length;a++){var s=r[a];(d=o[s.id]).refs--,i.push(d)}e?v(r=n(t,e)):r=[];for(a=0;a<i.length;a++){var d;if(0===(d=i[a]).refs){for(var l=0;l<d.parts.length;l++)d.parts[l]();delete o[d.id]}}}}function v(t){for(var e=0;e<t.length;e++){var i=t[e],n=o[i.id];if(n){n.refs++;for(var a=0;a<n.parts.length;a++)n.parts[a](i.parts[a]);for(;a<i.parts.length;a++)n.parts.push(m(i.parts[a]));n.parts.length>i.parts.length&&(n.parts.length=i.parts.length)}else{var r=[];for(a=0;a<i.parts.length;a++)r.push(m(i.parts[a]));o[i.id]={id:i.id,refs:1,parts:r}}}}function g(){var t=document.createElement("style");return t.type="text/css",r.appendChild(t),t}function m(t){var e,i,n=document.querySelector("style["+u+'~="'+t.id+'"]');if(n){if(l)return p;n.parentNode.removeChild(n)}if(h){var a=d++;n=s||(s=g()),e=x.bind(null,n,a,!1),i=x.bind(null,n,a,!0)}else n=g(),e=function(t,e){var i=e.css,n=e.media,a=e.sourceMap;n&&t.setAttribute("media",n);c.ssrId&&t.setAttribute(u,e.id);a&&(i+="\n/*# sourceURL="+a.sources[0]+" */",i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */");if(t.styleSheet)t.styleSheet.cssText=i;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(i))}}.bind(null,n),i=function(){n.parentNode.removeChild(n)};return e(t),function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap)return;e(t=n)}else i()}}var b=function(){var t=[];return function(e,i){return t[e]=i,t.filter(Boolean).join("\n")}}();function x(t,e,i,n){var a=i?"":n.css;if(t.styleSheet)t.styleSheet.cssText=b(e,a);else{var o=document.createTextNode(a),r=t.childNodes;r[e]&&t.removeChild(r[e]),r.length?t.insertBefore(o,r[e]):t.appendChild(o)}}}]));
+!function(t,e){for(var i in e)t[i]=e[i]}(window,function(t){var e={};function i(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)i.d(n,o,function(e){return t[e]}.bind(null,o));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=1)}([function(t,e,i){"use strict";var n=function(t,e,i,n,o,r,a,s){var d=typeof(t=t||{}).default;"object"!==d&&"function"!==d||(t=t.default);var l,p="function"==typeof t?t.options:t;if(e&&(p.render=e,p.staticRenderFns=i,p._compiled=!0),n&&(p.functional=!0),r&&(p._scopeId=r),a?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},p._ssrRegister=l):o&&(l=s?function(){o.call(this,this.$root.$options.shadowRoot)}:o),l)if(p.functional){p._injectStyles=l;var c=p.render;p.render=function(t,e){return l.call(e),c(t,e)}}else{var u=p.beforeCreate;p.beforeCreate=u?[].concat(u,l):[l]}return{exports:t,options:p}}({mixins:[{watch:{pointer(){this.maybeAdjustScroll()}},data:()=>({pointer:-1}),methods:{maybeAdjustScroll(){let t=this.pixelsToPointerTop(),e=this.pixelsToPointerBottom();return t<=this.viewport().top?this.scrollTo(t):e>=this.viewport().bottom?this.scrollTo(this.viewport().top+this.pointerHeight()):void 0},pixelsToPointerTop(){let t=0;if(!this.$refs.options)return 0;for(let e=0;e<this.pointer;e++)t+=this.$refs.options.children[e].offsetHeight;return t},pixelsToPointerBottom(){return this.pixelsToPointerTop()+this.pointerHeight()},pointerHeight(){let t=!!this.$refs.options&&this.$refs.options.children[this.pointer];return t?t.offsetHeight:0},viewport(){return{top:this.$refs.options?this.$refs.options.scrollTop:0,bottom:this.$refs.options?this.$refs.options.offsetHeight+this.$refs.options.scrollTop:0}},scrollTo(t){return this.$refs.options?this.$refs.options.scrollTop=t:null}}}],created(){this.mutableOptions=this.options},mounted(){document.addEventListener("click",this.handleClickOutside),document.addEventListener("keyup",this.handleClickOutside),this.searchText=this.initial},destroyed(){document.removeEventListener("keyup",this.handleClickOutside),document.removeEventListener("click",this.handleClickOutside)},data:()=>({errors:[],mutableOptions:[],selectedOptions:[],searchText:null,dropdownOpen:!1}),props:{value:{required:!0},debug:{type:Boolean,required:!1,default:()=>!1},taggable:{type:Boolean,required:!1,default:()=>!1},classes:{type:Object,required:!1,default:()=>({icons:"icons",active:"active",wrapper:"taggable-select-wrapper",searchWrapper:"search-wrapper",searchInput:"search-input",pill:"pill",required:"required",dropdown:"dropdown"})},name:{type:String,required:!1,default:()=>""},options:{type:Array,required:!1,default:()=>[]},optionLabel:{type:String,required:!1,default:()=>null},optionKey:{type:String,required:!1,default:()=>null},placeholder:{type:String,required:!1,default:()=>"Search Here"},maxHeight:{type:String,default:()=>"220px",required:!1},inputId:{type:String,default:()=>"multi-select",required:!1},initial:{type:String,required:!1,default:()=>null},required:{type:Boolean,required:!1,default:()=>!1},maxResults:{type:Number,required:!1,default:()=>30},tabindex:{type:String,required:!1,default:()=>""},keyboardDelete:{type:Boolean,required:!1,default:()=>!0},forceIcons:{type:Boolean,required:!1,default:()=>!1},getOptionDescription:{type:Function,required:!1,default(t){return this.optionKey&&this.optionLabel?t[this.optionKey]+" "+t[this.optionLabel]:this.optionLabel?t[this.optionLabel]:this.optionKey?t[this.optionKey]:t}},getOptionValue:{type:Function,required:!1,default(t){return this.optionKey?t[this.optionKey]:this.optionLabel?t[this.optionLabel]:t}},createOption:{type:Function,required:!1,default(t){if(!this.taggable)throw new Error("Tagging is not enabled");let e={};return this.optionKey&&(e[this.optionKey]=this.createOptionKey(t)),this.optionLabel&&(e[this.optionLabel]=t),Object.keys(e).length||(e=t),this.$emit("option-created",e),e}},createOptionKey:{type:Function,required:!1,default(){return Math.max(...this.mutableOptions.map(t=>t[this.optionKey]))+1}},findExistingOption:{type:Function,required:!1,default(t,e){return this.optionValue?e.find(e=>e[this.optionKey]===this.getOptionValue(t)):this.optionLabel?e.find(e=>e[this.optionLabel]===t[this.optionLabel]):e.find(e=>e===t)}}},watch:{value(t,e){},searchText(t,e){t!==e&&(this.pointer=-1)},selectedOptions(t){this.$emit("input",t)},options(t){this.mututableOptions=t.slice(0)}},methods:{popSelectedOption(){this.keyboardDelete&&(null!==this.searchText?""===this.searchText&&(this.searchText=null):this.selectedOptions.pop())},seedSearchText(){null===this.searchText&&(this.searchText="")},addOption(t){if(t instanceof Event&&(t=t.target.value),!t)return;if(!t.length)return;let e=this.findExistingOption(t,this.mutableOptions.slice(0));void 0!==e?this.setOption(e):this.setOption(this.createOption(t))},setPossibleOption(t){this.taggable&&-1===this.pointer?this.addOption(t):this.matchingOptions&&this.matchingOptions.length&&(-1===this.pointer&&(this.pointer=0),this.setOption(this.matchingOptions[this.pointer]))},setOption(t){void 0!==t&&(this.findExistingOption(t,this.selectedOptions.slice(0))||(this.selectedOptions.push(t),this.searchText=null,this.$nextTick(()=>{this.$refs.search.focus()})))},removeOption(t){this.selectedOptions.splice(t,1),this.$nextTick(()=>{this.$refs.search.focus()})},setPointerIdx(t){this.pointer=t},closeOut(){this.searchText=null},movePointerDown(){this.matchingOptions&&(this.pointer>=this.matchingOptions.length-1||this.pointer++)},movePointerUp(){this.pointer>0&&this.pointer--},handleClickOutside(t){this.$el.contains(t.target)||this.closeOut()}},computed:{matchingOptions(){return null===this.searchText?null:this.optionLabel&&this.optionKey?this.mutableOptions.filter(t=>this.selectedOptions.findIndex(e=>e[this.optionKey]===t[this.optionKey])<0).filter(t=>t[this.optionLabel].toString().toLowerCase().includes(this.searchText.toString().toLowerCase())||this.searchText.toString().toLowerCase().includes(t[this.optionKey].toString().toLowerCase())).slice(0,this.maxResults):this.optionLabel?this.mutableOptions.filter(t=>this.selectedOptions.findIndex(e=>e[this.optionLabel]===t[this.optionLabel])<0).filter(t=>t[this.optionLabel].toString().toLowerCase().includes(this.searchText.toString().toLowerCase())).slice(0,this.maxResults):this.optionKey?this.mutableOptions.filter(t=>this.selectedOptions.findIndex(e=>e[this.optionKey]===t[this.optionKey])<0).filter(t=>t[this.optionKey].toString().toLowerCase().includes(this.searchText.toString().toLowerCase())).slice(0,this.maxResults):this.mutableOptions.filter(t=>this.selectedOptions.findIndex(e=>e===t)<0).filter(t=>t.toString().toLowerCase().includes(this.searchText.toString().toLowerCase())).slice(0,this.maxResults)},isRequired(){return this.required?this.selectedOptions.length?"":"required":""}}},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{ref:"taggable-select",class:[t.classes.wrapper]},[i("p",{directives:[{name:"show",rawName:"v-show",value:t.errors.length,expression:"errors.length"}],staticClass:"border-2 mb-3 border-red-dark p-4 text-red bg-red-lightest text-bold rounded text-3xl required"},[t._v("\n        "+t._s(t.errors.join(" "))+"\n    ")]),t._v(" "),i("select",{staticClass:"bordered hidden",attrs:{multiple:"",name:t.name}},t._l(t.selectedOptions,function(e,n){return i("option",{key:n,attrs:{value:"getOptionValue(option)"}},[t._v("\n            "+t._s(t.getOptionDescription(e))+"\n        ")])})),t._v(" "),t.debug?i("div",[t._v("\n    "+t._s(t.selectedOptions)+"\n        "),i("hr")]):t._e(),t._v(" "),i("div",{staticClass:"relative text-left",class:[t.classes.searchWrapper]},[i("div",{staticClass:"rounded bordered border-grey hover:border-blue"},[i("ul",{staticClass:"overflow-x-scroll items-center flex flex-wrap list-reset pb-1 pr-1 m-0 text-black w-full",class:[t.isRequired]},[t._l(t.selectedOptions,function(e,n){return i("li",{key:n,staticClass:"mt-1 ml-1 mb-0 flex items-center",on:{click:t.seedSearchText}},[t._t("pill",[i("span",{class:[t.classes.pill]},[i("span",{staticClass:"text-sm",domProps:{textContent:t._s(t.getOptionDescription(e))}}),t._v(" "),i("span",{staticClass:"pl-2 text-grey-darker mt-px",on:{click:function(e){e.stopPropagation(),t.removeOption(n)}}},[i("svg",{staticClass:"text-sm w-3 h-3 fill-current",attrs:{"aria-hidden":"true",viewBox:"0 0 512 512"}},[i("path",{attrs:{d:"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"}})])])])],{remove:t.removeOption},{option:e,idx:n})],2)}),t._v(" "),i("li",{staticClass:"flex mt-1 ml-1 mb-0 justify-between flex-1 items-center min-w-10"},[i("input",{directives:[{name:"model",rawName:"v-model",value:t.searchText,expression:"searchText"}],ref:"search",staticClass:"box-size p-1  inline mr-1 w-full h-full outline-none border-none leading-tight",class:[t.classes.searchInput],attrs:{type:"text",autocomplete:"off",placeholder:t.placeholder,required:t.required},domProps:{value:t.searchText},on:{click:t.seedSearchText,keyup:[function(e){if(!("button"in e)&&t._k(e.keyCode,"enter",13,e.key,"Enter"))return null;t.setPossibleOption(e)},function(e){return"button"in e||!t._k(e.keyCode,"down",40,e.key,["Down","ArrowDown"])?t.movePointerDown(e):null},function(e){return"button"in e||!t._k(e.keyCode,"up",38,e.key,["Up","ArrowUp"])?t.movePointerUp(e):null},function(e){return"button"in e||!t._k(e.keyCode,"delete",[8,46],e.key,["Backspace","Delete"])?t.popSelectedOption(e):null}],keydown:[function(e){return"button"in e||!t._k(e.keyCode,"tab",9,e.key,"Tab")?(e.stopPropagation(),t.closeOut(e)):null},function(e){if(!("button"in e)&&t._k(e.keyCode,"esc",27,e.key,"Escape"))return null;e.stopPropagation(),t.searchText=null}],input:function(e){e.target.composing||(t.searchText=e.target.value)}}}),t._v(" "),t.taggable?i("span",{staticClass:"cursor-pointer p-1 text-left flex",on:{click:function(e){t.addOption(t.$refs.search.value.trim())}}},[i("svg",{staticClass:"w-4 h-4 fill-current",class:t.searchText?"opacity-100":"opacity-25",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 52 52"}},[i("path",{attrs:{d:"M26 0C11.664 0 0 11.663 0 26s11.664 26 26 26 26-11.663 26-26S40.336 0 26 0zm0 50C12.767 50 2 39.233 2 26S12.767 2 26 2s24 10.767 24 24-10.767 24-24 24z"}}),t._v(" "),i("path",{attrs:{d:"M38.5 25H27V14a1 1 0 1 0-2 0v11H13.5a1 1 0 1 0 0 2H25v12a1 1 0 1 0 2 0V27h11.5a1 1 0 1 0 0-2z"}})])]):t._e(),t._v(" "),!t.taggable&&t.forceIcons?i("span",{staticClass:"cursor-pointer  p-1 text-left flex text-grey-darkest",class:[t.classes.icons],on:{click:function(e){e.preventDefault(),t.searchText=null!==t.searchText?null:""}}},[null===t.searchText?i("svg",{staticClass:"w-4 h-4 fill-current",attrs:{"aria-hidden":"true",viewBox:"0 0 448 512"}},[i("path",{attrs:{d:"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"}})]):i("svg",{attrs:{"aria-hidden":"true",viewBox:"0 0 448 512",fill:"green"}},[i("path",{attrs:{d:"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"}})])]):t._e()])],2)]),t._v(" "),i("ul",{directives:[{name:"show",rawName:"v-show",value:t.matchingOptions,expression:"matchingOptions"}],ref:"options",staticClass:"absolute w-full overflow-auto appearance-none mt-px text-left list-reset",class:[t.classes.dropdown],staticStyle:{"z-index":"100"},style:{"max-height":t.maxHeight},attrs:{tabindex:"-1"}},t._l(t.matchingOptions,function(e,n){return i("li",{key:n,staticClass:"cursor-pointer outline-none",class:n===t.pointer?t.classes.active:"",attrs:{tabindex:"-1"},on:{blur:function(e){t.handleClickOutside(e)},mouseover:function(e){t.setPointerIdx(n)},keyup:[function(i){if(!("button"in i)&&t._k(i.keyCode,"enter",13,i.key,"Enter"))return null;t.setOption(e)},function(e){if(!("button"in e)&&t._k(e.keyCode,"up",38,e.key,["Up","ArrowUp"]))return null;t.movePointerUp()},function(e){if(!("button"in e)&&t._k(e.keyCode,"down",40,e.key,["Down","ArrowDown"]))return null;t.movePointerDown()}],click:function(i){i.preventDefault(),t.setOption(e)}}},[t._t("option",[t._v("\n                    "+t._s(t.getOptionDescription(e))+"\n                ")],null,{option:e,idx:n})],2)}))])])},[],!1,function(t){i(3)},"data-v-5127bdf7",null);e.a=n.exports},function(t,e,i){"use strict";i.r(e),function(t){i.d(e,"install",function(){return o});var n=i(0);function o(t){o.installed||(o.installed=!0,t.component("vue-taggable-select",n.a))}const r={install:o};let a=null;"undefined"!=typeof window?a=window.Vue:void 0!==t&&(a=t.Vue),a&&a.use(r)}.call(this,i(2))},function(t,e){var i;i=function(){return this}();try{i=i||Function("return this")()||(0,eval)("this")}catch(t){"object"==typeof window&&(i=window)}t.exports=i},function(t,e,i){var n=i(4);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);(0,i(6).default)("4e729b68",n,!0,{})},function(t,e,i){(t.exports=i(5)(!1)).push([t.i,".list-reset[data-v-5127bdf7]{list-style:none;padding:0}.overflow-auto[data-v-5127bdf7]{overflow:auto}.appearance-none[data-v-5127bdf7]{-webkit-appearance:none;-moz-appearance:none}.text-black[data-v-5127bdf7]{color:#22292f}.text-grey-darkest[data-v-5127bdf7]{color:#3d4852}.text-grey-darker[data-v-5127bdf7]{color:#606f7b}.text-xs[data-v-5127bdf7]{font-size:.75em}.tracking-tight[data-v-5127bdf7]{letter-spacing:-.05em}.text-sm[data-v-5127bdf7]{font-size:.875em}.inline[data-v-5127bdf7]{display:inline}.inline-block[data-v-5127bdf7]{display:inline-block}.block[data-v-5127bdf7]{display:block}.flex[data-v-5127bdf7]{display:flex}.flex-1[data-v-5127bdf7]{flex:1}.flex-wrap[data-v-5127bdf7]{flex-wrap:wrap}.justify-between[data-v-5127bdf7]{justify-content:space-between}.content-center[data-v-5127bdf7]{align-content:center}.bordered[data-v-5127bdf7]{border-width:1px;border-style:solid}.border-none[data-v-5127bdf7]{border:none}.hover\\:border-blue[data-v-5127bdf7]:hover{border-color:#3490dc}.border-grey[data-v-5127bdf7]{border-color:#b8c2cc}.border-grey-lighter[data-v-5127bdf7]{border-color:#ced4da}.border-grey-light[data-v-5127bdf7]{border-color:#dae1e7}.bg-grey-lighter[data-v-5127bdf7]{background-color:#f1f5f8}.bg-white[data-v-5127bdf7]{background-color:#fff}.pin-r[data-v-5127bdf7]{right:0}.pin-y[data-v-5127bdf7]{top:0;bottom:0}.absolute[data-v-5127bdf7]{position:absolute}.relative[data-v-5127bdf7]{position:relative}.items-center[data-v-5127bdf7]{align-items:center}.p-0[data-v-5127bdf7]{padding:0}.p-1[data-v-5127bdf7]{padding:.25em}.pt-1[data-v-5127bdf7]{padding-top:1px}.pl-1[data-v-5127bdf7]{padding-left:.25em}.pb-1[data-v-5127bdf7]{padding-bottom:.25em}.pl-2[data-v-5127bdf7]{padding-left:.5em}.pr-1[data-v-5127bdf7]{padding-right:.25em}.px-1[data-v-5127bdf7]{padding-left:.25em;padding-right:.25em}.py-2[data-v-5127bdf7]{padding-top:.25em;padding-bottom:.25em}.p-2[data-v-5127bdf7]{padding:.5em}.py-px[data-v-5127bdf7]{padding-top:1px;padding-bottom:1px}.py-1[data-v-5127bdf7]{padding-top:.25em;padding-bottom:.25em}.py-2[data-v-5127bdf7]{padding-top:.5em;padding-bottom:.5em}.px-2[data-v-5127bdf7]{padding-left:.5em;padding-right:.5em}.m-0[data-v-5127bdf7]{margin:0;margin-bottom:0!important}.m-1[data-v-5127bdf7]{margin:.25em!important}.mx-1[data-v-5127bdf7]{margin-left:.25em;margin-right:.25em}.mt-1[data-v-5127bdf7]{margin-top:.25em!important}.mr-1[data-v-5127bdf7]{margin-right:.25em!important}.ml-1[data-v-5127bdf7]{margin-left:.25em}.mb-1[data-v-5127bdf7]{margin-bottom:.25em}.m-px2[data-v-5127bdf7]{margin:2px}.mt-px[data-v-5127bdf7]{margin-top:1px}.mb-0[data-v-5127bdf7]{margin-bottom:0}.leading-tight[data-v-5127bdf7]{line-height:1.25}.leading-normal[data-v-5127bdf7]{line-height:1.5}.text-left[data-v-5127bdf7]{text-align:left}.w-full[data-v-5127bdf7]{width:100%}.shadow[data-v-5127bdf7]{-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.w-1[data-v-5127bdf7]{width:.25em}.w-2[data-v-5127bdf7]{width:.5em}.w-3[data-v-5127bdf7]{width:.75em}.w-4[data-v-5127bdf7]{width:1em}.min-w-10[data-v-5127bdf7]{min-width:10em}.h-4[data-v-5127bdf7]{height:1em}.h-1[data-v-5127bdf7]{height:.25em}.h-2[data-v-5127bdf7]{height:.5em}.h-3[data-v-5127bdf7]{height:.75em}.opacity-100[data-v-5127bdf7]{opacity:1}.opacity-25[data-v-5127bdf7]{opacity:.25}.fill-current[data-v-5127bdf7]{fill:currentColor}.hover\\:no-underline[data-v-5127bdf7]:hover{text-decoration:none}.hover\\:outline-none[data-v-5127bdf7],.outline-none[data-v-5127bdf7]{outline:0}.hover\\:bg-grey-lighter[data-v-5127bdf7]:hover{background-color:#dae1e7}.shadow-md[data-v-5127bdf7]{box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08)}.focus\\:shadow-outline[data-v-5127bdf7]:focus{-webkit-box-shadow:0 0 0 3px rgba(52,144,220,.5);box-shadow:0 0 0 3px rgba(52,144,220,.5)}.rounded[data-v-5127bdf7]{border-radius:.25em}.overflow-x-scroll[data-v-5127bdf7]{overflow-x:scroll}.icons[data-v-5127bdf7]{color:#3d4852}.icons svg[data-v-5127bdf7]{width:.75em;height:.75em;fill:currentColor}.required[data-v-5127bdf7]{_color:#721c24;_background-color:#f8d7da;border-color:#f5c6cb}.cursor-pointer[data-v-5127bdf7]{cursor:pointer}.dropdown[data-v-5127bdf7]{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08);box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08);background-color:#fff;color:#606f7b;border-radius:.25em;line-height:1.25;text-align:left;display:inline;width:99.8%}.dropdown>li[data-v-5127bdf7]{padding:.5em .75em}.active[data-v-5127bdf7]{background-color:#dae1e7}.hidden[data-v-5127bdf7]{display:none}.appearance-none[data-v-5127bdf7]{appearance:none}input[data-v-5127bdf7]{overflow:visible}.search-input[data-v-5127bdf7]{font-size:100%;margin:0}.box-size[data-v-5127bdf7],.select-wrapper[data-v-5127bdf7]{box-sizing:border-box}.pill[data-v-5127bdf7]{border:1px solid #b8c2cc;cursor:pointer;border-radius:.25em;line-height:1.5;padding:.15em .5em;letter-spacing:-.05em}.pill[data-v-5127bdf7],.pill[data-v-5127bdf7]:hover{background-color:#f1f5f8}",""])},function(t,e){t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var i=function(t,e){var i=t[1]||"",n=t[3];if(!n)return i;if(e&&"function"==typeof btoa){var o=function(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}(n),r=n.sources.map(function(t){return"/*# sourceURL="+n.sourceRoot+t+" */"});return[i].concat(r).concat([o]).join("\n")}return[i].join("\n")}(e,t);return e[2]?"@media "+e[2]+"{"+i+"}":i}).join("")},e.i=function(t,i){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},o=0;o<this.length;o++){var r=this[o][0];"number"==typeof r&&(n[r]=!0)}for(o=0;o<t.length;o++){var a=t[o];"number"==typeof a[0]&&n[a[0]]||(i&&!a[2]?a[2]=i:i&&(a[2]="("+a[2]+") and ("+i+")"),e.push(a))}},e}},function(t,e,i){"use strict";function n(t,e){for(var i=[],n={},o=0;o<e.length;o++){var r=e[o],a=r[0],s={id:t+":"+o,css:r[1],media:r[2],sourceMap:r[3]};n[a]?n[a].parts.push(s):i.push(n[a]={id:a,parts:[s]})}return i}i.r(e),i.d(e,"default",function(){return h});var o="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!o)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var r={},a=o&&(document.head||document.getElementsByTagName("head")[0]),s=null,d=0,l=!1,p=function(){},c=null,u="data-vue-ssr-id",f="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function h(t,e,i,o){l=i,c=o||{};var a=n(t,e);return b(a),function(e){for(var i=[],o=0;o<a.length;o++){var s=a[o];(d=r[s.id]).refs--,i.push(d)}e?b(a=n(t,e)):a=[];for(o=0;o<i.length;o++){var d;if(0===(d=i[o]).refs){for(var l=0;l<d.parts.length;l++)d.parts[l]();delete r[d.id]}}}}function b(t){for(var e=0;e<t.length;e++){var i=t[e],n=r[i.id];if(n){n.refs++;for(var o=0;o<n.parts.length;o++)n.parts[o](i.parts[o]);for(;o<i.parts.length;o++)n.parts.push(g(i.parts[o]));n.parts.length>i.parts.length&&(n.parts.length=i.parts.length)}else{var a=[];for(o=0;o<i.parts.length;o++)a.push(g(i.parts[o]));r[i.id]={id:i.id,refs:1,parts:a}}}}function v(){var t=document.createElement("style");return t.type="text/css",a.appendChild(t),t}function g(t){var e,i,n=document.querySelector("style["+u+'~="'+t.id+'"]');if(n){if(l)return p;n.parentNode.removeChild(n)}if(f){var o=d++;n=s||(s=v()),e=x.bind(null,n,o,!1),i=x.bind(null,n,o,!0)}else n=v(),e=function(t,e){var i=e.css,n=e.media,o=e.sourceMap;n&&t.setAttribute("media",n);c.ssrId&&t.setAttribute(u,e.id);o&&(i+="\n/*# sourceURL="+o.sources[0]+" */",i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");if(t.styleSheet)t.styleSheet.cssText=i;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(i))}}.bind(null,n),i=function(){n.parentNode.removeChild(n)};return e(t),function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap)return;e(t=n)}else i()}}var m=function(){var t=[];return function(e,i){return t[e]=i,t.filter(Boolean).join("\n")}}();function x(t,e,i,n){var o=i?"":n.css;if(t.styleSheet)t.styleSheet.cssText=m(e,o);else{var r=document.createTextNode(o),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(r,a[e]):t.appendChild(r)}}}]));

package.json

 {
     "name": "vue-taggable-select",
-    "version": "1.0.0",
+    "version": "1.0.1",
     "description": "multiple taggable select autocomplete dropdown for vue",
@@ -49,2 +49,3 @@ "main": "dist/index",
         "babel-preset-stage-3": "^6.24.1",
+        "clean-webpack-plugin": "^0.1.19",
         "copy-webpack-plugin": "^4.5.2",
@@ -51,0 +52,0 @@ "cross-env": "^5.0.5",

webpack.config.js

@@ -6,4 +6,5 @@ const webpack = require('webpack');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
-const WebpackCleanupPlugin = require('webpack-cleanup-plugin');
+const CleanWebpackPlugin = require('clean-webpack-plugin');
 
+
 function resolve (dir) {
@@ -51,3 +52,4 @@ return path.join(__dirname, '..', dir)
 	    ]
-	)
+	),
+        new CleanWebpackPlugin(['dist']),
     ],
@@ -54,0 +56,0 @@ optimization: {

wrapper.js

@@ -8,3 +8,3 @@ // Import vue component
 	install.installed = true;
-	Vue.component('vue-multi-select', VueTaggableSelect);
+	Vue.component('vue-taggable-select', VueTaggableSelect);
 }
@@ -11,0 +11,0 @@

No alert changes

Improved metrics

Lines of code

185

increased by0.54%

Worsened metrics

Total package byte prevSize

325957

decreased by-6.4%

Dev dependency count

17

increased by6.25%

Number of package files

12

decreased by-7.69%

No dependency changes