robrogers3 / vue-taggable-select, bug fixed, fixed bugs: https://github.com/robrogers3/vue-taggable-select/issues/6

vue-taggable-select.js

!function(e,t){for(var n in t)e[n]=t[n]}(window,function(e){var t={};function n(i){if(t[i])return t[i].exports;var a=t[i]={i:i,l:!1,exports:{}};return e[i].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(i,a,function(t){return e[t]}.bind(null,a));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(e,t,n){"use strict";var i={mixins:[{watch:{pointer(){this.maybeAdjustScroll()}},data:()=>({pointer:-1}),methods:{maybeAdjustScroll(){let e=this.pixelsToPointerTop(),t=this.pixelsToPointerBottom();return e<=this.viewport().top?this.scrollTo(e):t>=this.viewport().bottom?this.scrollTo(this.viewport().top+this.pointerHeight()):void 0},pixelsToPointerTop(){let e=0;if(!this.$refs.options)return 0;for(let t=0;t<this.pointer;t++)e+=this.$refs.options.children[t].offsetHeight;return e},pixelsToPointerBottom(){return this.pixelsToPointerTop()+this.pointerHeight()},pointerHeight(){let e=!!this.$refs.options&&this.$refs.options.children[this.pointer];return e?e.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(e){return this.$refs.options?this.$refs.options.scrollTop=e:null}}}],created(){this.mutableOptions=this.options},mounted(){document.addEventListener("click",this.handleClickOutside),document.addEventListener("keyup",this.handleClickOutside),this.searchText=this.initial,this.selectedOptions=this.value},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(e){return this.optionKey&&this.optionLabel?e[this.optionKey]+" "+e[this.optionLabel]:this.optionLabel?e[this.optionLabel]:this.optionKey?e[this.optionKey]:e}},getOptionValue:{type:Function,required:!1,default(e){return this.optionKey?e[this.optionKey]:this.optionLabel?e[this.optionLabel]:e}},createOption:{type:Function,required:!1,default(e){if(!this.taggable)throw new Error("Tagging is not enabled");let t={};return this.optionKey&&(t[this.optionKey]=this.createOptionKey(e)),this.optionLabel&&(t[this.optionLabel]=e),Object.keys(t).length||(t=e),this.$emit("option-created",t),t}},createOptionKey:{type:Function,required:!1,default(){return Math.max(...this.mutableOptions.map(e=>e[this.optionKey]))+1}},findExistingOption:{type:Function,required:!1,default(e,t){return this.optionValue?t.find(t=>t[this.optionKey]===this.getOptionValue(e)):this.optionLabel?t.find(t=>t[this.optionLabel]===e[this.optionLabel]):t.find(t=>t===e)}}},watch:{value(e,t){},searchText(e,t){e!==t&&(this.pointer=-1)},selectedOptions(e){this.$emit("input",e)},options(e){this.mututableOptions=e.slice(0)}},methods:{popSelectedOption(){this.keyboardDelete&&(null!==this.searchText?""===this.searchText&&(this.searchText=null):this.selectedOptions.pop())},seedSearchText(){null===this.searchText&&(this.searchText="")},addOption(e){if(e instanceof Event&&(e=e.target.value),!e)return;if(!e.length)return;let t=this.findExistingOption(e,this.mutableOptions.slice(0));void 0!==t?this.setOption(t):this.setOption(this.createOption(e))},setPossibleOption(e){this.taggable&&-1===this.pointer?this.addOption(e):this.matchingOptions&&this.matchingOptions.length&&(-1===this.pointer&&(this.pointer=0),this.setOption(this.matchingOptions[this.pointer]))},setOption(e){void 0!==e&&(this.findExistingOption(e,this.selectedOptions.slice(0))||(this.selectedOptions.push(e),this.searchText=null,this.$nextTick(()=>{this.$refs.search.focus()})))},removeOption(e){this.selectedOptions.splice(e,1),this.$nextTick(()=>{this.$refs.search.focus()})},setPointerIdx(e){this.pointer=e},closeOut(){this.searchText=null},movePointerDown(){this.matchingOptions&&(this.pointer>=this.matchingOptions.length-1||this.pointer++)},movePointerUp(){this.pointer>0&&this.pointer--},handleClickOutside(e){this.$el.contains(e.target)||this.closeOut()}},computed:{matchingOptions(){return null===this.searchText?null:this.optionLabel&&this.optionKey?this.mutableOptions.filter(e=>this.selectedOptions.findIndex(t=>t[this.optionKey]===e[this.optionKey])<0).filter(e=>e[this.optionLabel].toString().toLowerCase().includes(this.searchText.toString().toLowerCase())||this.searchText.toString().toLowerCase().includes(e[this.optionKey].toString().toLowerCase())).slice(0,this.maxResults):this.optionLabel?this.mutableOptions.filter(e=>this.selectedOptions.findIndex(t=>t[this.optionLabel]===e[this.optionLabel])<0).filter(e=>e[this.optionLabel].toString().toLowerCase().includes(this.searchText.toString().toLowerCase())).slice(0,this.maxResults):this.optionKey?this.mutableOptions.filter(e=>this.selectedOptions.findIndex(t=>t[this.optionKey]===e[this.optionKey])<0).filter(e=>e[this.optionKey].toString().toLowerCase().includes(this.searchText.toString().toLowerCase())).slice(0,this.maxResults):this.mutableOptions.filter(e=>this.selectedOptions.findIndex(t=>t===e)<0).filter(e=>e.toString().toLowerCase().includes(this.searchText.toString().toLowerCase())).slice(0,this.maxResults)},isRequired(){return this.required?this.selectedOptions.length?"":"required":""}}},a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:"taggable-select",class:[e.classes.wrapper]},[n("p",{directives:[{name:"show",rawName:"v-show",value:e.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"},[e._v("\n        "+e._s(e.errors.join(" "))+"\n    ")]),e._v(" "),n("select",{staticClass:"bordered hidden",attrs:{multiple:"",name:e.name}},e._l(e.selectedOptions,function(t,i){return n("option",{key:i,attrs:{value:"getOptionValue(option)"}},[e._v("\n            "+e._s(e.getOptionDescription(t))+"\n        ")])})),e._v(" "),e.debug?n("div",[e._v("\n    "+e._s(e.selectedOptions)+"\n        "),n("hr")]):e._e(),e._v(" "),n("div",{staticClass:"relative text-left",class:[e.classes.searchWrapper]},[n("div",{staticClass:"rounded bordered border-grey hover:border-blue"},[n("ul",{staticClass:"overflow-x-scroll items-center flex flex-wrap list-reset pb-1 pr-1 m-0 text-black w-full",class:[e.isRequired]},[e._l(e.selectedOptions,function(t,i){return n("li",{key:i,staticClass:"mt-1 ml-1 mb-0 flex items-center",on:{click:e.seedSearchText}},[e._t("pill",[n("span",{class:[e.classes.pill]},[n("span",{staticClass:"text-sm",domProps:{textContent:e._s(e.getOptionDescription(t))}}),e._v(" "),n("span",{staticClass:"pl-2 text-grey-darker mt-px",on:{click:function(t){t.stopPropagation(),e.removeOption(i)}}},[n("svg",{staticClass:"text-sm w-3 h-3 fill-current",attrs:{"aria-hidden":"true",viewBox:"0 0 512 512"}},[n("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:e.removeOption},{option:t,idx:i})],2)}),e._v(" "),n("li",{staticClass:"flex mt-1 ml-1 mb-0 justify-between flex-1 items-center min-w-10"},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.searchText,expression:"searchText"}],ref:"search",staticClass:"box-size p-1  inline mr-1 w-full h-full outline-none border-none leading-tight",class:[e.classes.searchInput],attrs:{type:"text",autocomplete:"off",placeholder:e.placeholder,required:e.required},domProps:{value:e.searchText},on:{click:e.seedSearchText,keyup:[function(t){if(!("button"in t)&&e._k(t.keyCode,"enter",13,t.key,"Enter"))return null;e.setPossibleOption(t)},function(t){return"button"in t||!e._k(t.keyCode,"down",40,t.key,["Down","ArrowDown"])?e.movePointerDown(t):null},function(t){return"button"in t||!e._k(t.keyCode,"up",38,t.key,["Up","ArrowUp"])?e.movePointerUp(t):null},function(t){return"button"in t||!e._k(t.keyCode,"delete",[8,46],t.key,["Backspace","Delete"])?e.popSelectedOption(t):null}],keydown:[function(t){return"button"in t||!e._k(t.keyCode,"tab",9,t.key,"Tab")?(t.stopPropagation(),e.closeOut(t)):null},function(t){if(!("button"in t)&&e._k(t.keyCode,"esc",27,t.key,"Escape"))return null;t.stopPropagation(),e.searchText=null}],input:function(t){t.target.composing||(e.searchText=t.target.value)}}}),e._v(" "),e.taggable?n("span",{staticClass:"cursor-pointer p-1 text-left flex",on:{click:function(t){e.addOption(e.$refs.search.value.trim())}}},[n("svg",{staticClass:"w-4 h-4 fill-current",class:e.searchText?"opacity-100":"opacity-25",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 52 52"}},[n("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"}}),e._v(" "),n("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"}})])]):e._e(),e._v(" "),!e.taggable&&e.forceIcons?n("span",{staticClass:"cursor-pointer  p-1 text-left flex text-grey-darkest",class:[e.classes.icons],on:{click:function(t){t.preventDefault(),e.searchText=null!==e.searchText?null:""}}},[null===e.searchText?n("svg",{staticClass:"w-4 h-4 fill-current",attrs:{"aria-hidden":"true",viewBox:"0 0 448 512"}},[n("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"}})]):n("svg",{attrs:{"aria-hidden":"true",viewBox:"0 0 448 512",fill:"green"}},[n("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"}})])]):e._e()])],2)]),e._v(" "),n("ul",{directives:[{name:"show",rawName:"v-show",value:e.matchingOptions,expression:"matchingOptions"}],ref:"options",staticClass:"absolute w-full overflow-auto appearance-none mt-px text-left list-reset",class:[e.classes.dropdown],staticStyle:{"z-index":"100"},style:{"max-height":e.maxHeight},attrs:{tabindex:"-1"}},e._l(e.matchingOptions,function(t,i){return n("li",{key:i,staticClass:"cursor-pointer outline-none",class:i===e.pointer?e.classes.active:"",attrs:{tabindex:"-1"},on:{blur:function(t){e.handleClickOutside(t)},mouseover:function(t){e.setPointerIdx(i)},keyup:[function(n){if(!("button"in n)&&e._k(n.keyCode,"enter",13,n.key,"Enter"))return null;e.setOption(t)},function(t){if(!("button"in t)&&e._k(t.keyCode,"up",38,t.key,["Up","ArrowUp"]))return null;e.movePointerUp()},function(t){if(!("button"in t)&&e._k(t.keyCode,"down",40,t.key,["Down","ArrowDown"]))return null;e.movePointerDown()}],click:function(n){n.preventDefault(),e.setOption(t)}}},[e._t("option",[e._v("\n                    "+e._s(e.getOptionDescription(t))+"\n                ")],null,{option:t,idx:i})],2)}))])])};a._withStripped=!0;var o=!1;var r=function(e,t,n,i,a,o,r,s){var l=typeof(e=e||{}).default;"object"!==l&&"function"!==l||(e=e.default);var c,d="function"==typeof e?e.options:e;if(t&&(d.render=t,d.staticRenderFns=n,d._compiled=!0),i&&(d.functional=!0),o&&(d._scopeId=o),r?(c=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),a&&a.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},d._ssrRegister=c):a&&(c=s?function(){a.call(this,this.$root.$options.shadowRoot)}:a),c)if(d.functional){d._injectStyles=c;var p=d.render;d.render=function(e,t){return c.call(t),p(e,t)}}else{var u=d.beforeCreate;d.beforeCreate=u?[].concat(u,c):[c]}return{exports:e,options:d}}(i,a,[],!1,function(e){o||n(3)},"data-v-1fe3acb3",null);r.options.__file="src\\VueTaggableSelect.vue";t.a=r.exports},function(e,t,n){"use strict";n.r(t),function(e){n.d(t,"install",function(){return a});var i=n(0);function a(e){a.installed||(a.installed=!0,e.component("vue-taggable-select",i.a))}const o={install:a};let r=null;"undefined"!=typeof window?r=window.Vue:void 0!==e&&(r=e.Vue),r&&r.use(o)}.call(this,n(2))},function(e,t){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(e){"object"==typeof window&&(n=window)}e.exports=n},function(e,t,n){var i=n(4);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(6).default)("ccda2e64",i,!1,{})},function(e,t,n){(e.exports=n(5)(!1)).push([e.i,"\n.list-reset[data-v-1fe3acb3] {\n    list-style: none;\n    padding: 0;\n}\n.overflow-auto[data-v-1fe3acb3] {\n    overflow: auto;\n}\n.appearance-none[data-v-1fe3acb3] {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n}\n.text-black[data-v-1fe3acb3]{\n    color: #22292f;\n}\n.text-grey-darkest[data-v-1fe3acb3] {\n    color: #3d4852;\n}\n.text-grey-darker[data-v-1fe3acb3] {\n    color: #606f7b;\n}\n.text-xs[data-v-1fe3acb3] {\n    font-size: .75em;\n}\n.tracking-tight[data-v-1fe3acb3] {\n    letter-spacing: -0.05em;\n}\n.leading-tight[data-v-1fe3acb3] {\n    line-height: 1.25;\n}\n.text-sm[data-v-1fe3acb3] {\n    font-size: .875em;\n}\n.w-full[data-v-1fe3acb3] {\n    width: 100%;\n}\n.inline[data-v-1fe3acb3] {\n    display: inline;\n}\n.inline-block[data-v-1fe3acb3] {\n    display: inline-block;\n}\n.block[data-v-1fe3acb3] {\n    display: block;\n}\n.flex[data-v-1fe3acb3] {\n    display: flex;\n}\n.flex-1[data-v-1fe3acb3] {\n    flex: 1;\n}\n.flex-wrap[data-v-1fe3acb3] {\n    flex-wrap: wrap;\n}\n.justify-between[data-v-1fe3acb3] {\n    justify-content: space-between;\n}\n.content-center[data-v-1fe3acb3] {\n    align-content: center;\n}\n.bordered[data-v-1fe3acb3] {\n    border-width: 1px;\n    border-style: solid;\n}\n.border-none[data-v-1fe3acb3] {\n    border: none;\n}\n.hover\\:border-blue[data-v-1fe3acb3]:hover {\n    border-color: #3490dc;\n}\n.border-grey[data-v-1fe3acb3] {\n    border-color: #b8c2cc;\n}\n.border-grey-lighter[data-v-1fe3acb3] {\n    border-color: #ced4da;\n}\n.border-grey-light[data-v-1fe3acb3] {\n    border-color: #dae1e7;\n}\n.bg-grey-lighter[data-v-1fe3acb3] {\n    background-color: #f1f5f8;\n}\n.bg-white[data-v-1fe3acb3] {\n    background-color: #fff;\n}\n.pin-r[data-v-1fe3acb3] {\n    right: 0;\n}\n.pin-y[data-v-1fe3acb3] {\n    top: 0;\n    bottom: 0;\n}\n.absolute[data-v-1fe3acb3] {\n    position: absolute;\n}\n.relative[data-v-1fe3acb3] {\n    position: relative;\n}\n.items-center[data-v-1fe3acb3] {\n    align-items: center;\n}\n.p-0[data-v-1fe3acb3] {\n    padding: 0;\n}\n.p-1[data-v-1fe3acb3] {\n    padding: 0.25em;\n}\n.pt-1[data-v-1fe3acb3] {\n    padding-top: 1px;\n}\n.pl-1[data-v-1fe3acb3] {\n    padding-left: 0.25em;\n}\n.pb-1[data-v-1fe3acb3] {\n    padding-bottom: 0.25em;\n}\n.pl-2[data-v-1fe3acb3] {\n    padding-left: 0.5em;\n}\n.pr-1[data-v-1fe3acb3] {\n    padding-right: 0.25em;\n}\n.px-1[data-v-1fe3acb3] {\n    padding-left: 0.25em;\n    padding-right: 0.25em;\n}\n.py-2[data-v-1fe3acb3] {\n    padding-top: 0.25em;\n    padding-bottom: 0.25em;\n}\n.p-2[data-v-1fe3acb3] {\n    padding: 0.5em;\n}\n.py-px[data-v-1fe3acb3] {\n    padding-top: 1px;\n    padding-bottom: 1px;\n}\n.py-1[data-v-1fe3acb3] {\n    padding-top: 0.25em;\n    padding-bottom: 0.25em;\n}\n.py-2[data-v-1fe3acb3] {\n    padding-top: 0.5em;\n    padding-bottom: 0.5em;\n}\n.px-2[data-v-1fe3acb3] {\n    padding-left: 0.5em;\n    padding-right: 0.5em;\n}\n.m-0[data-v-1fe3acb3] {\n    margin: 0;\n    margin-bottom: 0 !important;\n}\n.m-1[data-v-1fe3acb3] {\n    margin: 0.25em !important;\n}\n.mx-1[data-v-1fe3acb3] {\n    margin-left: 0.25em;\n    margin-right: 0.25em;\n}\n.mt-1[data-v-1fe3acb3] {\n    margin-top: 0.25em !important;\n}\n.mr-1[data-v-1fe3acb3] {\n    margin-right: 0.25em !important;\n}\n.ml-1[data-v-1fe3acb3] {\n    margin-left: 0.25em;\n}\n.mb-1[data-v-1fe3acb3] {\n    margin-bottom: 0.25em;\n}\n.m-px2[data-v-1fe3acb3] {\n    margin: 2px;\n}\n.mt-px[data-v-1fe3acb3] {\n    margin-top: 1px;\n}\n.mb-0[data-v-1fe3acb3] {\n    margin-bottom: 0;\n}\n.leading-tight[data-v-1fe3acb3] {\n    line-height: 1.25;\n}\n.leading-normal[data-v-1fe3acb3] {\n    line-height: 1.5;\n}\n.text-left[data-v-1fe3acb3] {\n    text-align: left;\n}\n.w-full[data-v-1fe3acb3] {\n    width: 100%;\n}\n.shadow[data-v-1fe3acb3] {\n    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);\n    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\n}\n.w-1[data-v-1fe3acb3] {\n    width: 0.25em;\n}\n.w-2[data-v-1fe3acb3] {\n    width: 0.5em;\n}\n.w-3[data-v-1fe3acb3] {\n    width: 0.75em;\n}\n.w-4[data-v-1fe3acb3] {\n    width: 1em;\n}\n.min-w-10[data-v-1fe3acb3] {\n    min-width: 10em;\n}\n.h-4[data-v-1fe3acb3] {\n    height: 1em;\n}\n.h-1[data-v-1fe3acb3] {\n    height: 0.25em;\n}\n.h-2[data-v-1fe3acb3] {\n    height: 0.5em;\n}\n.h-3[data-v-1fe3acb3] {\n    height: 0.75em;\n}\n.opacity-100[data-v-1fe3acb3] {\n    opacity: 1;\n}\n.opacity-25[data-v-1fe3acb3] {\n    opacity: .25;\n}\n.fill-current[data-v-1fe3acb3] {\n    fill: currentColor;\n}\n.hover\\:no-underline[data-v-1fe3acb3]:hover {\n    text-decoration: none;\n}\n.outline-none[data-v-1fe3acb3] {\n    outline: 0;\n}\n.hover\\:outline-none[data-v-1fe3acb3] {\n    outline: 0;\n}\n.hover\\:bg-grey-lighter[data-v-1fe3acb3]:hover {\n    background-color: #dae1e7;\n}\n.shadow-md[data-v-1fe3acb3] {\n    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n}\n.focus\\:shadow-outline[data-v-1fe3acb3]:focus {\n    -webkit-box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);\n    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);\n}\n.rounded[data-v-1fe3acb3] {\n    border-radius: 0.25em;\n}\n.overflow-x-scroll[data-v-1fe3acb3] {\n    overflow-x: scroll;\n}\n.search-input[data-v-1fe3acb3] {\n}\n.icons[data-v-1fe3acb3] {\n    color: #3d4852;\n}\n.icons svg[data-v-1fe3acb3] {\n    width: 0.75em;\n    height: 0.75em;\n    fill: currentColor;\n}\n.taggable-select-wrapper[data-v-1fe3acb3] {\n}\n.required[data-v-1fe3acb3] {\n    _color: #721c24;\n    _background-color: #f8d7da;\n    border-color: #f5c6cb;\n}\n.cursor-pointer[data-v-1fe3acb3] {\n    cursor: pointer;\n}\n.dropdown[data-v-1fe3acb3] {\n    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12),\n    0 2px 4px 0 rgba(0, 0, 0, 0.08);\n    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n    background-color: #fff;\n    color: #606f7b;\n    border-radius: 0.25em;\n    line-height: 1.25;\n    text-align: left;\n    display: inline;\n    width: 99.8%;\n}\n.dropdown > li[data-v-1fe3acb3] {\n    padding: 0.5em 0.75em;\n}\n.active[data-v-1fe3acb3] {\n    background-color: #dae1e7;\n}\n.hidden[data-v-1fe3acb3] {\n    display: none;\n}\n.appearance-none[data-v-1fe3acb3] {\n    appearance: none;\n}\ninput[data-v-1fe3acb3] {\n    overflow: visible;\n}\n.search-input[data-v-1fe3acb3] {\n    font-size: 100%;\n    margin: 0;\n}\n.select-wrapper[data-v-1fe3acb3],\n.box-size[data-v-1fe3acb3]\n{\n    box-sizing: border-box;\n}\n.pill[data-v-1fe3acb3] {\n    border-width: 1px;\n    border-style: solid;\n    border-color: #b8c2cc;\n    background-color: #f1f5f8;\n    cursor: pointer;\n    border-radius: 0.25em;\n    line-height: 1.5;\n    padding: 0.15em 0.5em;\n    letter-spacing: -0.05em;\n}\n.pill[data-v-1fe3acb3]:hover {\n    background-color: #f1f5f8;\n}\n\n",""])},function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||"",i=e[3];if(!i)return n;if(t&&"function"==typeof btoa){var a=function(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}(i),o=i.sources.map(function(e){return"/*# sourceURL="+i.sourceRoot+e+" */"});return[n].concat(o).concat([a]).join("\n")}return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var i={},a=0;a<this.length;a++){var o=this[a][0];"number"==typeof o&&(i[o]=!0)}for(a=0;a<e.length;a++){var r=e[a];"number"==typeof r[0]&&i[r[0]]||(n&&!r[2]?r[2]=n:n&&(r[2]="("+r[2]+") and ("+n+")"),t.push(r))}},t}},function(e,t,n){"use strict";function i(e,t){for(var n=[],i={},a=0;a<t.length;a++){var o=t[a],r=o[0],s={id:e+":"+a,css:o[1],media:o[2],sourceMap:o[3]};i[r]?i[r].parts.push(s):n.push(i[r]={id:r,parts:[s]})}return n}n.r(t),n.d(t,"default",function(){return h});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,l=0,c=!1,d=function(){},p=null,u="data-vue-ssr-id",f="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function h(e,t,n,a){c=n,p=a||{};var r=i(e,t);return b(r),function(t){for(var n=[],a=0;a<r.length;a++){var s=r[a];(l=o[s.id]).refs--,n.push(l)}t?b(r=i(e,t)):r=[];for(a=0;a<n.length;a++){var l;if(0===(l=n[a]).refs){for(var c=0;c<l.parts.length;c++)l.parts[c]();delete o[l.id]}}}}function b(e){for(var t=0;t<e.length;t++){var n=e[t],i=o[n.id];if(i){i.refs++;for(var a=0;a<i.parts.length;a++)i.parts[a](n.parts[a]);for(;a<n.parts.length;a++)i.parts.push(g(n.parts[a]));i.parts.length>n.parts.length&&(i.parts.length=n.parts.length)}else{var r=[];for(a=0;a<n.parts.length;a++)r.push(g(n.parts[a]));o[n.id]={id:n.id,refs:1,parts:r}}}}function v(){var e=document.createElement("style");return e.type="text/css",r.appendChild(e),e}function g(e){var t,n,i=document.querySelector("style["+u+'~="'+e.id+'"]');if(i){if(c)return d;i.parentNode.removeChild(i)}if(f){var a=l++;i=s||(s=v()),t=x.bind(null,i,a,!1),n=x.bind(null,i,a,!0)}else i=v(),t=function(e,t){var n=t.css,i=t.media,a=t.sourceMap;i&&e.setAttribute("media",i);p.ssrId&&e.setAttribute(u,t.id);a&&(n+="\n/*# sourceURL="+a.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */");if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}.bind(null,i),n=function(){i.parentNode.removeChild(i)};return t(e),function(i){if(i){if(i.css===e.css&&i.media===e.media&&i.sourceMap===e.sourceMap)return;t(e=i)}else n()}}var m=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function x(e,t,n,i){var a=n?"":i.css;if(e.styleSheet)e.styleSheet.cssText=m(t,a);else{var o=document.createTextNode(a),r=e.childNodes;r[t]&&e.removeChild(r[t]),r.length?e.insertBefore(o,r[t]):e.appendChild(o)}}}]));